/* Reset */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
}

sub, sup {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 70%;
    background: transparent;
}

body {
    line-height: 1;
    font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

iframe {
    border: 0px solid #ffffff;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.tablelink td a {
    text-decoration: none;
}

img, div, input {
    behavior: url("../js/iepngfix.htc")
}
/* End Reset */

body, html {
    background-color: #ffffff;
    font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
    font-size: 11px;
    line-height: 13px;
    color: #777777;
}

a {
    color: #0088cc;
    text-decoration: none;
}

#wrapper {
    width: 980px;
    margin: auto;
}
/*My Bug Tracker ID 10693*/
#ctl00_MainContent_trUserGroup td span {
    vertical-align: top;
}

.tablebuttongrp .headrow td {
    width: 185px;
    max-width: 185px;
}

.cc-lable {
    margin-top: -4px;
}

.float-table {
    display: inline-table;
    font-size: 10px;
    margin-left: 10px;
}
/* Main sections */
#header {
    /*margin: 10px 0px 20px 0px;My Bug Tracker ID 4101*/
}

#userdata {
    text-align: right;
    width: 940px; /*My Bug Tracker ID 4101*/
    /*margin: 0px 0px 12px 0px;My Bug Tracker ID 4101*/
    padding: 0px 20px 0px 0px;
    font-size: 11px;
    color: #000000;
}

#navigationgrp {
    height: 37px;
    line-height: 37px;
    width: 940px;
    padding: 0px 20px;
    /*background: url("../images/navigation-bg.jpg");*/
}

    #navigationgrp a {
        color: #0088cc;
        text-decoration: none;
    }

        #navigationgrp a:hover {
            color: #333333;
            text-decoration: none;
        }

#titlepage {
    color: #333333;
    font-size: 13px;
    font-weight: bold;
    width: 358px;
    float: left;
}

    #titlepage img {
        vertical-align: middle;
        margin-right: 10px;
    }
/* Navigation changes */
#navigation {
    float: left;
    width: 562px;
    text-align: left;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    margin-right: 20px;
}

    #navigation ul.navi-level1 {
        float: right;
        margin-right: -30px;
    }

        #navigation ul.navi-level1 li {
            float: left;
        }
/*My Bug Tracker ID 4101*/
.navibut span {
    text-align: right !important;
}

#navigation ul.navi-level1 li span {
    display: block;
    padding: 0px 30px;
    /*border-left: 1px solid #9e9e9e;*/
}

    #navigation ul.navi-level1 li span:hover {
        /*background: url("../images/navi-bghover.gif") repeat-x;*/
    }

    #navigation ul.navi-level1 li span.active, #navigation ul.navi-level1 li span.butover {
        /*background: url("../images/navi-bghover.gif") repeat-x;
	color: #ffffff;*/
    }

#navigation .navisub {
    float: left;
    position: absolute;
    z-index: 100;
    border: 1px solid #9e9e9e;
    background: #cccccc;
    padding: 10px 0px;
}

#navigation ul.navi-level2 {
    float: left;
    font-size: 12px;
}

    #navigation ul.navi-level2 li {
        background: none;
        border: none;
        float: none;
        text-align: left;
        height: 20px;
        overflow: hidden;
    }

    #navigation ul.navi-level2 a {
        color: #333333;
    }

        #navigation ul.navi-level2 a:hover {
            color: #0088cc;
        }

    #navigation ul.navi-level2 li span:hover {
        background: none;
        border: none;
    }

    #navigation ul.navi-level2 li span {
        background: none;
        border: none;
        line-height: 20px;
        padding: 0px 10px;
    }
/* Navigation end */
#searchbox {
    width: 112px;
    background: url("../images/searchbox-bg.jpg") 30px 0px no-repeat;
    float: right;
    padding-left: 59px;
    border-left: 1px solid #9e9e9e;
}

.content-top, .content-bottom {
    line-height: 1px;
    font-size: 1px;
    height: 4px;
    width: 100%;
    display: block;
}
/*
.content-top {
	background: url("../images/curve-top.gif") no-repeat;
}
*/
.content-product {
    width: 100%;
    height: 80px; /*My Bug Tracker ID 4101*/
    display: block;
    /*background: url("../images/bg-gradient.jpg") no-repeat;*/
    position: relative;
}
/*
.content-bottom {
	background: url("../images/curve-bottom.gif") no-repeat;
}
*/
#productpaneltitle {
    position: absolute;
    width: 420px;
    float: left;
    left: 20px; /*My Bug Tracker ID 4101*/
    top: 10px;
    color: #262626;
}



#content {
    /*min-height: 400px;*/
    width: 938px;
    padding: 20px;
    /*
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	*/
    background: #ffffff;
}

#loginpanel {
    width: 100%;
    /*background: url("../images/login-bg.gif") no-repeat;*/
}

#login-window {
    float: left;
    position: relative;
    left: 181px;
    top: 80px;
    width: 480px;
    height: 400px;
    overflow: hidden;
    /*background: url("../images/login-smallpanelbg.gif") no-repeat;*/
    padding: 28px 70px;
    font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
}

.login-account {
    width: 80%;
    clear: both;
    position: relative;
    padding-top: 80px;
    margin: 0px auto 0px auto;
}


/* footer */
#footer {
    margin: 10px 0px 0px 0px;
    text-align: right;
    font-size: 10px;
    line-height: 12px;
}

.footersub {
    font-style: italic;
}
/*dividers*/
.linedivider {
    width: 21px;
    height: 8px;
    background: url("../images/line-divider.gif") 10px 0px no-repeat;
    display: inline-block;
}

.clear {
    clear: both;
}

/*tables */
.tablebuttongrp .headrow td {
    background: url("../images/tablebut-1.jpg") top no-repeat;
    height: 28px;
    vertical-align: middle;
    padding: 0px 20px; /* for buttons lengthen */
    border-bottom: 1px solid #dedede;
    font-weight: bold;
    text-align: center;
}

    .tablebuttongrp .headrow td a:hover {
        text-decoration: none;
    }

    .tablebuttongrp .headrow td.first {
        background-position: left top;
    }

    .tablebuttongrp .headrow td.last {
        background-position: right top;
    }

    .tablebuttongrp .headrow td.active {
        background-position: bottom;
    }

    .tablebuttongrp .headrow td.firstactive, .firstactive {
        background-position: left bottom;
    }

    .tablebuttongrp .headrow td.lastactive, .lastactive {
        background-position: right bottom;
    }

.tablebuttongrp2 {
    /*border:1px solid #dedede;*/
}

    .tablebuttongrp2 td {
        border-bottom: 1px solid #dedede;
        height: 27px;
        vertical-align: middle;
        padding: 0px 20px;
    }

    .tablebuttongrp2 .headrow td, .datagridheader {
        background: url("../images/tablebut-2.jpg") top repeat-x;
        height: 28px;
        vertical-align: middle;
        padding: 0px 20px;
        font-weight: bold;
        text-align: center;
        font-size: 12px;
    }

.datagridheader_1 {
    background: url("../images/tablebut-2.jpg") top repeat-x;
    height: 28px;
    vertical-align: middle;
    padding: 0px 0px;
    font-weight: bold;
    text-align: left;
    font-size: 12px;
}

.leftmargin-4 {
    margin-left: 4px;
}

.datagridheader_1_2 {
    background: url("../images/tablebut-2.jpg") top repeat-x;
    height: 28px;
    vertical-align: middle;
    padding: 0px 0px;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
}

.datagridheader_2 {
    background: url("../images/tablebut-2.jpg") top repeat-x;
    height: 28px;
    vertical-align: middle;
    padding: 0px 20px;
    font-weight: bold;
    text-align: right;
    font-size: 12px;
}

.datagridheaderleft {
    background: url("../images/tablebut-2.jpg") top repeat-x;
    height: 28px;
    vertical-align: middle;
    padding: 0px 0px;
    font-weight: bold;
    text-align: left;
    font-size: 12px;
}

.datagridheaderright {
    background: url("../images/tablebut-2.jpg") top repeat-x;
    height: 28px;
    vertical-align: middle;
    padding: 0px 0px;
    font-weight: bold;
    text-align: right;
    font-size: 12px;
}

.orderreport-row {
    height: 20px;
    vertical-align: middle;
}

.tablebuttongrp2 .headrow td.active, .tablebuttongrp2 .headrow td.mactive, .datagridheader-active {
    background-position: bottom;
    font-size: 11px;
    vertical-align: middle;
    background: #dcdcdc;
}
/*headers and paragraphs */
p.titlesub {
    font-size: 17px;
    font-weight: bold;
    line-height: 22px;
}

#productpaneltitle h2 {
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 5px;
}

/*login page */
#login-top {
    clear: both;
    width: 370px;
    margin-top: 30px;
    margin-left: 50px;
}

#login-form {
    border: 1px solid #dedede;
    padding: 10px;
    clear: both;
    width: 350px;
    margin-top: 20px;
    margin-left: 50px;
}

    #login-form div {
        margin-bottom: 10px;
    }

    #login-form input.textbox {
        width: 340px;
    }

    #login-form p {
        margin-bottom: 5px;
    }

.login-leftpanel, .login-rightpanel {
    float: left;
    font-weight: normal;
}

.login-leftpanel {
    width: 230px;
    margin-right: 0px;
}

.login-rightpanel {
    width: 140px;
    text-align: right;
}

#login-top .login-leftpanel {
    color: #000000;
    font-size: 32px;
    line-height: 36px;
}

.loginbuttoncenter {
    margin-left: 25px;
}

.signinpanel {
    margin-left: 145px;
}

.login-failure {
    color: red;
    font-size: 14px;
    line-height: 20px;
}

/*Payments Scheduled Outage Notification*/
#psonMsg {
    /*left: 50px;*/
    font-size: 12px;
    text-align: left;
    margin-left: 110px;
    /*margin-right:320px;*/
}

/*product categories */
#productcategories {
    padding-top: 10px;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

    #productcategories table {
        margin: auto;
    }

    #productcategories ul {
        float: left;
        left: 130px;
        position: relative;
    }

        #productcategories ul li {
            float: left;
            border-right: 1px solid #9e9e9e;
            padding: 0px 20px;
        }

            #productcategories ul li.linklast {
                border-right: 0px;
            }

    #productcategories td a, #productcategories td a:visited {
        color: #0088cc;
    }

        #productcategories td a:hover {
            color: #000000;
        }
/* individual products */
.individualproduct {
    width: 430px; /*My Bug Tracker ID 4098, 4101*/
    margin-bottom: 30px;
}

    .individualproduct .product-image {
        width: 150px;
        margin-right: 10px;
        float: left;
        background: grey;
        z-index: 11px;
    }

.product-image {
    cursor: pointer;
}

.individualproduct .product-details {
    width: 240px; /*My Bug Tracker ID 4098, 4101*/
    float: left;
}

    .individualproduct .product-details p {
        margin-bottom: 5px; /*My Bug Tracker ID 4101*/
        line-height: 15px; /*My Bug Tracker ID 4101*/
    }

.product-size, .product-quantity, .product-Color {
    float: left;
    margin-right: 10px;
}

    .product-size select {
        width: 113px;
    }

    .product-quantity input {
        width: 50px;
    }

#tabs-topleft {
    float: left;
}

#tabs-topright {
    float: right;
}

#tabbottom {
    margin-top: 30px;
    width: 100%;
    text-align: right;
}

.bottomnavi {
    float: right;
}

    .bottomnavi td {
        padding: 0px 20px; /* for buttons lengthen */
        text-align: center;
    }

#logintitle {
    float: left;
    top: 50px;
    left: 110px;
    font-size: 20px;
    line-height: 20px;
    position: relative;
}

#loginpson {
    float: left;
    top: 420px;
    left: 110px;
    font-size: 12px;
    line-height: 12px;
    position: relative;
}

#loginbut {
    float: left;
    left: 130px;
    position: relative;
}

#newsContent td, #newsContent0 td, #newsContent1 td {
    line-height: 15px;
    padding: 4px 2px;
    vertical-align: top;
}

#newsContent-0 td {
    line-height: 15px;
    padding: 4px 2px;
    vertical-align: top;
}

#newsContent-1 td {
    line-height: 15px;
    padding: 4px 2px;
    vertical-align: top;
}

#newsContent-2 td {
    line-height: 15px;
    padding: 4px 2px;
    vertical-align: top;
}

#newsContent-3 td {
    line-height: 15px;
    padding: 4px 2px;
    vertical-align: top;
}

#newsContent-4 td {
    line-height: 15px;
    padding: 4px 2px;
    vertical-align: top;
}

#newsContent-5 td {
    line-height: 15px;
    padding: 4px 2px;
    vertical-align: top;
}

#AccountInformation td input.textbox {
    width: 200px;
}

.UserProfileStreetDropDown {
    font-size: 10px;
    width: 276px;
}

#UserProfile {
    left: 30px;
    width: 97%;
    position: relative;
}

    #UserProfile td {
        line-height: 15px;
        padding: 4px 2px;
        vertical-align: top;
    }

.pwresettitle {
    line-height: 40px;
}

.mutipletextbox {
    font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
    font-size: 11px;
}

#CartTotalCalculation {
    width: 300px;
    left: 692px;
    position: relative;
}

#Cart {
    left: 50px;
    position: relative;
}

.MyCartTotalLabels {
    font-size: 12px;
    color: #333333;
    text-align: right;
    font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
}

#ConfirmCart {
    width: 100%;
    left: 0px;
}

#CartConfirmTotal {
    width: 300px;
    left: 696px;
    position: relative;
    font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
}

.paymentbut {
    margin-left: 280px;
}

    .paymentbut input {
        font-size: 11px;
    }

.sortrow td {
    background: #dcdcdc;
    vertical-align: top;
}

#cart td {
    background: grey;
    border: 1px solid #333333;
    vertical-align: middle;
}

.productpaneltitleimg {
    position: absolute;
    left: 440px; /*My Bug Tracker ID 4101*/
    /*My Bug Tracker ID 4101 bottom:-30px;*/
    margin-top: 1px;
}

#OrderEnquiryTotalInfo {
    width: 300px;
    left: 648px;
    position: relative;
    font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
}

#PaymentFailedOrderTotalInfo {
    width: 300px;
    left: 648px;
    position: relative;
    font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
}

#error-content {
    float: left;
    position: relative;
    left: 50px;
    top: 100px;
    width: 600px;
    height: 400px;
    overflow: hidden;
    padding: 28px 70px;
}

#OrderEnquiry-OrderDetailGrid {
    width: 856px;
    left: 0px;
    position: relative;
    font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
}


#PaymentFailedOrder-OrderDetail {
    width: 856px;
    left: 0px;
    position: relative;
    font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
}

.row-first {
    background-color: White;
}

.row-alternate {
    background-color: Gray;
}

#thankyou-content {
    float: left;
    position: relative;
    left: 50px;
    top: 100px;
    width: 600px;
    height: 400px;
    overflow: hidden;
    padding: 28px 70px;
}

#AccountMmgt-Footer {
    position: relative;
    width: 600px;
    left: 300px;
}

#OrderReview-TotalDisplay {
    width: 300px;
    left: 647px;
    position: relative;
    font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
}

#OrderReview-OrderDetailGrid {
    width: 856px;
    left: 0px;
    position: relative;
    font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
}

#OrderReview-OrderDetailGrid {
    width: 856px;
    left: 0px;
    position: relative;
    font-family: "Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","DejaVu Sans",Helvetica,Verdana,sans-serif;
}

#OrderReview-Footer {
    position: relative;
    width: 500px;
    left: 300px;
}

#ReasonDenail {
    width: 115px;
}

.cssPager span {
    background-color: #dcdcdc;
    font-size: 14px;
}

.alertMsg {
    color: Red !important;
    vertical-align: bottom;
    margin: -2px 0 2px 0;
    font-size: 11px !important;
    min-height: 18px;
    line-height: 18px;
}

.order-confirmation-header {
    padding: 12px;
}
/*paynext control*/

#ctl00_MainContent_PayNext_Control_paymentMethods {
    border-radius: 0;
    box-shadow: none;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    height: 28px;
    padding-right: 12px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#loader {
    position: absolute;
    left: 50%;
    /*top: 50%;*/
    z-index: 1;
    width: 75px;
    height: 75px;
    margin: -37.5px 0 0 -37.5px;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0px;
        opacity: 1
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    cursor: pointer;
}