body { margin: 0px; font-size: 9pt; color:#555555; font-family: Verdana, Geneva, sans-serif; 
       }

#main { background-color:transparent; } /* use body background */
#main .container { width: 768px; margin: 0 auto; z-index:-999; padding-left:20px; padding-right:20px; }
#main .containersof { width: 808px; margin: 0 auto; z-index:-999; }
#main .containercart { width: 868px; margin: 0 auto; z-index:-999; padding:0 10px; }
#main .containercart .txtb { font-size:12px; font-family:Verdana; }
#blur { position:absolute; z-index:998; background-color:#ffffff; filter:alpha(opacity=80); opacity:0.8; top:0; right:0; }
#processing, .popup { position:fixed;  z-index:9999; display:none; }
.content-bg { background:#e0e0e0 url('../../images/DarkGreyBackground.png') repeat; z-index:-999; } 
.contentbottom-bg { background:#f0f0f0 url('../../images/LightGreyBackground.png') repeat;}

img { border: 0 }
a { text-decoration:none; outline:0; }
.note { font-size: 8pt; }
.noteLabel { font-size: 8pt; color:#9c9c9c; }
.required { color:#ff0000; }
.common { font-size: 9pt; font-family: Verdana, Geneva, sans-serif; }
.commonLabel { font-size:9pt; color:#9c9c9c; }
/*.ogLabel { padding-bottom:5px; color:#666666; font-size:8pt; } */
.pointer { cursor:pointer }
.generaltitle {font-size: 16pt; font-weight: bold; line-height: 50px; font-family: Trebuchet MS; padding:10px 0; }
.generaltitle img { margin-right:10px; }
.watermark { color:#999999; }

.clearfix{}
.clearfix:after{ content: "."; display:block; line-height:0; height:0; clear:both; visibility:hidden;}

.br1 { border:solid 1px #eeeeee;}
.br2 { border:solid 1px #cccccc; }
.br3 { border:solid 1px #aaaaaa; padding:5px; }

.cart-acc { float: right; height:37px; margin:32px 0; text-align: right; }

.shipSubTitle { background-color:#333; color:#fff; padding:5px 10px; padding-left:13px; font-weight:bold; } 
.shipName { background-color:#fafafa; padding-top:10px; padding-left:13px; width:110px; }
.shipCont { background-color:#fafafa; padding-bottom:10px; padding-left:13px; width:110px; }
.shipField { padding-left:13px; width:110px; }

.cart th { background-color:#f0f0f0; border-bottom:solid 1px #d3d3d3; font-size:8pt }
.cart .cshdrprice { display:inline-block; width:90px; } /* for 2 columns hdr of Reseller Level prices */
.cart .tr img:hover { cursor:pointer; }
.cart .details { line-height:18px; }
.cart .details .pn { font-family:Arial; color:#333; font-weight:bold; font-size:16px;  }
.cart .tr .details .pn:hover { color:#000; text-decoration:underline; cursor:pointer; }
.cart .group { float: right; margin: 0 0 0 20px; font-size:8pt; }
.cart .group .qty { text-align:right; color:#777777; }
.cart .cqty { position:relative; height:70px; font-size:11px; }
.cart .cqty input { text-align:right; width:35px; font-size:13px; text-align:center; }
.cart .cqty .cmax { position:absolute; top:22px; right:2px; color:#ff0000; font-size:11px; white-space:nowrap; display:none; }
.cart .cqty .ucq { display:none; cursor:pointer; font-size:12px; font-family:Arial; text-align:left; margin:5px 0 0 4px; }

.cart a { cursor:pointer; }
.cart a.sRequest:hover { background-color:#fcf7bb; }
.cart a.sRequest { font-size:8pt; color:#555555; display:inline-block; line-height:16px; }
.cart .option { font-size: 8pt; color:#777777; }
.cart .action { float:right; margin:15px 0 10px; color:#9c9c9c; }
.cart .dustbin { margin-bottom:-4px; }
.cart .requestbox { background-color: #eaeaea; padding: 5px; line-height: 18px; margin:15px 0 5px; font-size:8pt; }
.cart .requestbox .answerpanel { position:relative; width:425px; height:46px; } 
.cart .requestbox textarea { width:400px; height:40px; resize:none; font-size:8pt; font-family:Verdana; position:absolute; top:0; left:0; }
/*.cart .requestbox a.tick { position:absolute; top:3px; right:0; } */
.cart .requestbox a.cross { position:absolute; top:3px; right:0; }
.cart .requestbox .q { display: table-cell; vertical-align:top; width: 20px; }
.cart .requestbox .a { display: table-cell; vertical-align:top; width: 420px; }
.cart .cdel { height:16px; margin:5px 0 10px; }
.cart span.price, .cart span.priceRS, #lblTotal1 { color:#900; font-weight:bold; }
.cart span.price, .cart span.priceRS { display:inline-block; width:90px; text-align:right; }
.cart .strike { text-decoration:line-through; color:#999 !important; }
.cart td.splitorL { border-left:solid 1px #d3d3d3}
.cart td { border-bottom: solid 1px #d3d3d3; padding-bottom:0; }
.cart td.pt { padding-bottom:10px; padding-right:0; }
.cart .btnHelpS, .confirmed .btnHelpS { margin-bottom:-4px; }
.cart .et, .cart .fs { font-size:11px; color:#259959; }

/* Reseller Level Cart Msg */
#divRLCartMsg { padding:0 0 5px 0; text-align:center; font-weight:normal; }
#divRLCartMsg .rl_box, .continue .nqtf { display:inline-block; border-radius:3px; padding:8px 16px; line-height:20px; }
#divRLCartMsg .qualify { background-color:#ABD406; }
#divRLCartMsg .notqualify, .continue .notqualify { background-color:#ffdfdf; }
.continue .nqtf { white-space:nowrap; }  /* shopping cart step 1*/

/* Extra row */
.etRow { text-align: right; line-height: 35px; border-bottom: solid 1px #d3d3d3; }
.etRow .lbl { display: inline-block; width: 234px; text-align: right; }
.etRow .num { display: inline-block; width: 130px; text-align: right; padding-right: 10px; }

/* Shipping Option */
.sop { background-color: #eaeaea; border:solid 1px #ccc; padding:5px 10px; min-height:32px; line-height: 16px; margin:0 0 10px 20px; font-weight:normal; width:545px; position:relative; transition: all 0.5s ease-out 0s; }
.sop .price { position:absolute; top:5px; right:35px; color:#900; font-size:16px; font-weight:bold; font-family:Arial; text-align:right; width:120px; }
.sop .tick { position:absolute; top:5px; right:10px; }
.sop:hover, .sop:focus { border: 1px solid #259959;box-shadow: 0px 0px 12px #259959; cursor:pointer; }
.sop-selected { border: 1px solid #259959; background-color:#ABD406; box-shadow: 0px 0px 8px #259959; cursor:pointer; }
.sop .free { color:#000; font-size:12px; font-family:Verdana; font-weight:normal; }
.sop-selected .free { color:#259959; font-weight:bold; }

/* Special Offer */
.sol { background-color: #de1b1b; color:#fff; border:solid 1px #940f0f; padding:5px 10px; height:54px; line-height:16px; margin:0 0 10px 20px; font-weight:normal; position:relative; }
.sol .sov { float: right; line-height: 54px; font-weight: bold; }

input[type=text], .txtb { border:solid 1px #cccccc; padding:2px; }
textarea {  border:solid 1px #cccccc; padding:2px; }
.txtbR { border:solid 2px #ff0000 !important; padding:2px !important; height:16px !important; }
.ddlR { border:solid 2px #ff0000; }
select, .ddl { border:solid 1px #cccccc; }
.countryname { color:#000000; padding:3px; border:solid 1px #cccccc; width:198px; display:inline-block; }

.confirmed { font-size:9pt; font-weight:bold; }
.confirmed td { background-color:#f0f0f0; border-bottom:solid 1px #d3d3d3; } 
.confirmed tr.bgwhite td { background-color:#ffffff; padding-right:10px; }
/* .cartTitle { background:url('../../images/MasterImage(SBuy).png') no-repeat 0px -360px; width:809px; height:37px; } */
.cartTitle { background-color:#dadbdb; width:806px; height:35px; border-radius:2px 2px 0 0; border:solid 1px #cccccc; }
.cartTitleEnd { background:url('../../images/MasterImage(SBuy).png') no-repeat -689px -360px; width:20px; height:37px; }
.cartTitle .icoCartBar { color:#999 !important; font-size:36px; position:relative; top:-1px; left:10px; }
.cartTitle .bar { display:inline-block; color:#333333; font-weight:bold; font-family:Arial; font-size:12pt; text-shadow: #ffffff 0 1px 0; line-height:37px; position:relative; top:-12px; left:16px; }
.cartTitle .step { color:#888888; font-size:12pt; }
.cartTitle .right { font-size:0.9em; line-height:37px; float:right; padding-right:10px; }
.cartTitle .right a { color:#2f6bd9; text-decoration:none }
.cartTitle .right a:hover { color:#2f6bd9; text-decoration:underline }
.cartTitle .right a:active { color:#2f6bd9; text-decoration:none }
.cartMsgBox a:hover { text-decoration:underline; }

.icon-cart { background:url('../../images/MasterImage(SBuy).png') no-repeat -321px -191px; width:36px; height:30px; display:inline-block; position:relative;top:3px; left:10px; }
.icon-plane { background:url('../../images/MasterImage(SBuy).png') no-repeat -321px -221px; width:36px; height:30px; display:inline-block;  position:relative;top:3px; left:10px; }
.icon-creditcard { background:url('../../images/MasterImage(SBuy).png') no-repeat -321px -251px; width:36px; height:30px; display:inline-block;  position:relative;top:3px; left:10px;  }
.icon-thumbup { background:url('../../images/MasterImage(SBuy).png') no-repeat -321px -281px; width:36px; height:30px; display:inline-block;  position:relative;top:3px; left:10px; }
.ico-thumbupYellow16 { background:url('../../images/MasterImage(SBuy).png') no-repeat -819px -35px; width:16px; height:16px; display:inline-block; }
.icoReseller { background:url('/svg/directreseller.svg'); width:16px; height:16px; display:inline-block; }
.icoComment { background:url('../../images/MasterImage(SBuy).png') no-repeat -978px -325px; width:16px; height:16px; display:inline-block; }
.icoCross { background:url('../../images/cross.png') no-repeat; width:16px; height:16px; display:inline-block; }
.plusGreen { background:url('../../images/MasterImage(SBuy).png') no-repeat -674px -325px; width:9px; height:16px; display:inline-block; }

.selectcountry { display:inline-block; color:#2f6bd9; width:280px; text-align:left; padding:3px 5px; }
.selectcountry:hover { background-color:#ffffe0; color: #C0C; }

.btnHelp { background:url('../../images/MasterImage(SBuy).png') no-repeat -128px 0; width:64px; height:22px; display:inline-block; }
.btnHelpS { background:url('../../images/MasterImage(SBuy).png') no-repeat -501px -325px; width:16px; height:16px; display:inline-block; }

/* --  My Account, Shopping Cart menu link --*/
a.acc, a.pink { text-decoration:none; color:#2f6bd9; }
a.acc:hover, a.pink:hover { text-decoration: underline; color: #C0C; cursor:pointer; }
a.acc:active { text-decoration: underline; color: #C0C; cursor:pointer; }
a.acc:visited { text-decoration:none; }

.myaccount { float:left; margin-left:10px; }
.myaccount .title { font-size: 16px; font-family: Trebuchet MS; line-height:26px; display:inline-block; margin-top:13px; }
.myaccount .subtitle { display:block; font-size:16pt; font-weight:bold; font-family:Trebuchet MS; }
.myaccount .icoReseller { margin-bottom:-3px; }
.myaccount .splitor { color:#222; display:inline-block; margin:0 8px; }
.mytab { display:block; float:left; line-height:50px; width:170px; text-align:center; font-size:16px; color:#333; margin-right:20px; border-radius:2px 2px 0 0 }
.mytab:hover, .mytab.focus { background-color:#f9f9f9; }
.mytab.active { background-color:#f9f9f9;  border:solid 1px #929292; border-bottom:0; }

#rsnx { position:relative; display:inline-block; }
#rsnx .nx { font-size:11px; line-height:normal; position:relative; top:-2px; }
.nx { min-width:10px; text-align:center; border-radius:5px; padding:1px 2px; line-height:18px !important; font-size:12px; display:inline-block;
      -webkit-background-clip: padding-box; -webkit-font-smoothing: subpixel-antialiased;
      background-color:#FB7305; background-image: linear-gradient(#FF821C, #FB7305); color: #fff; }

.pMethodBox { border: solid 1px #cdcdcd; padding: 0px; background-color: #ffffff; height:390px;
              -moz-transition: all 0.5s ease-out 0s;
              -webkit-transition: all 0.5s ease-out 0s;
              -o-transition: all 0.5s ease-out 0s;  }
.pMethodBox2 { border: solid 1px #cdcdcd; padding: 5px; background-color: #ffffff; height:154px;
              -moz-transition: all 0.5s ease-out 0s;
              -webkit-transition: all 0.5s ease-out 0s;
              -o-transition: all 0.5s ease-out 0s;  }
.pMethodBox:hover, .pMethodBox:focus {
              text-decoration:none;
              border: 1px solid #259959;box-shadow: 0px 0px 12px #259959; }  
.pMethodBox-selected { text-decoration:none; border: 1px solid #259959;box-shadow: 0px 0px 12px #259959; }
.pPaymentTitle { border-bottom: solid 1px #cdcdcd; padding: 10px; font-weight:bold; background-color:#f0f0f0; border-radius:10px 10px 0 0; } 
.pMethod { cursor:pointer;
           -moz-transition: all 0.5s ease-out 0s;
           -webkit-transition: all 0.5s ease-out 0s;
           -o-transition: all 0.5s ease-out 0s; }
.pMethod:hover { background-color:rgba(255, 212, 18, 0.4); cursor:pointer; }
.pMethod input[type="radio"] { cursor:pointer; margin-top:-2px; display:none; }
.pMethod-selected { background-color:#ABD406 !important; }
.pBT { float:left; width:50%; text-align:center; padding:5px 0; }

#pmCreditCard { background:url('../../images/MasterImage(SBuy).png') no-repeat -880px -132px; width:119px; height:63px; display:inline-block; }
#pmPaypal { background:url('../../images/MasterImage(SBuy).png') no-repeat -881px -196px; width:119px; height:31px; display:inline-block; }
#pmMaybank { background:url('../../images/MasterImage(SBuy).png') no-repeat 0px -132px; width:119px; height:31px; display:inline-block; }
#pmCIMB { background:url('../../images/MasterImage(SBuy).png') no-repeat -600px -132px; width:119px; height:31px; display:inline-block; } 
#pmAMBank { background:url('../../images/MasterImage(SBuy).png') no-repeat -240px -132px; width:119px; height:31px; display:inline-block; }
#pmPublic { background:url('../../images/MasterImage(SBuy).png') no-repeat -360px -132px; width:119px; height:31px; display:inline-block; }
#pmHongLeong { background:url('../../images/MasterImage(SBuy).png') no-repeat -480px -132px; width:119px; height:31px; display:inline-block; } 
#pmRHB { background:url('../../images/MasterImage(SBuy).png') no-repeat -120px -132px; width:119px; height:31px; display:inline-block; }
#pmUOB { background:url('../../images/MasterImage(SBuy).png') no-repeat -761px -260px; width:119px; height:31px; display:inline-block; }
#pmRakyat { background:url('../../images/MasterImage(SBuy).png') no-repeat -761px -228px; width:119px; height:31px; display:inline-block; }
#pmIslam { background:url('../../images/MasterImage(SBuy).png') no-repeat -761px -196px; width:119px; height:31px; display:inline-block; }
#pmAffin { background:url('../../images/MasterImage(SBuy).png') no-repeat -881px -228px; width:119px; height:31px; display:inline-block; }
#pmStandardChartered { background:url('../../images/MasterImage(SBuy).png') no-repeat -881px -260px; width:119px; height:31px; display:inline-block; }
#pmOCBC { background:url('../../images/MasterImage(SBuy).png') no-repeat -761px -292px; width:119px; height:31px; display:inline-block; }
#pmBSN { background:url('../../images/MasterImage(SBuy).png') no-repeat -881px -292px; width:119px; height:31px; display:inline-block; }
#pmManual { background:url('../../images/MasterImage(SBuy).png') no-repeat -761px -132px; width:119px; height:31px; display:inline-block; }
#pmAccountBalance { background:url('../../images/MasterImage(SBuy).png') no-repeat -761px -164px; width:119px; height:31px; display:inline-block; }

/* Icons */
.pencil { background:url('../../images/MasterImage(SBuy).png') no-repeat -437px -325px; width:16px; height:16px; display:inline-block; margin-bottom:-5px; }
.tick { background:url('../../images/MasterImage(SBuy).png') no-repeat -453px -325px; width:16px; height:16px; display:inline-block; }
.cross { background:url('../../images/MasterImage(SBuy).png') no-repeat -469px -325px; width:16px; height:16px; display:inline-block; }
.dustbin { background:url('../../images/MasterImage(SBuy).png') no-repeat -485px -325px; width:16px; height:16px; display:inline-block; }
.magnifying { background:url('../../images/MasterImage(SBuy).png') no-repeat -517px -325px; width:16px; height:16px; display:inline-block; }
.arrowRight { background:url('../../images/MasterImage(SBuy).png') no-repeat -613px -325px; width:16px; height:16px; display:inline-block; }

.loginHeader { background-color: #f0f0f0; padding: 5px;
               -moz-border-radius: 5px;
               -webkit-border-radius: 5px;
               -khtml-border-radius: 5px;
               border-radius: 5px; }
.loginHeaderCur { background-color: #ffdd00; padding: 5px; 
                  -moz-border-radius: 5px 5px 0 0;
                  -webkit-border-radius: 5px 5px 0 0;
                  -khtml-border-radius: 5px 5px 0 0;
                  border-radius: 5px 5px 0 0; }
.loginBoxFB { padding: 8px; border: solid 1px #eaeaea; width: 180px; height: 160px; position: relative; background-color:#fff; }
.loginBoxEmail { background-color: #fcf7bb; padding: 5px;
                -moz-border-radius: 0 0 5px 5px;
                -webkit-border-radius: 0 0 5px 5px;
                -khtml-border-radius: 0 0 5px 5px;
                border-radius: 0 0 5px 5px; }
.loginicon_email { background:url('../../images/MasterImage(SBuy).png') no-repeat -549px -325px; width:16px; height:16px; display:inline-block; margin-bottom:-3px; }
.loginicon_name { background:url('../../images/MasterImage(SBuy).png') no-repeat -565px -325px; width:16px; height:16px; display:inline-block; margin-bottom:-3px;}
.loginicon_password { background:url('../../images/MasterImage(SBuy).png') no-repeat -581px -325px; width:16px; height:16px; display:inline-block; margin-bottom:-3px; }
.loginicon_contact { background:url('../../images/MasterImage(SBuy).png') no-repeat -597px -325px; width:16px; height:16px; display:inline-block; margin-bottom:-3px; }
.loginoption { margin-top:-10px; font-weight:bold; display:inline-block; }

.main-button  {
    display: inline-block; padding: 3px 10px; font-size: 13px; font-weight: 600; line-height: 1.54; text-align: center; text-decoration: none;
    -moz-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    border-radius: 20px;
}

/* Disable Button */
.common-Dbtn {
    color:#777 !important; cursor:text;
    background: #ddd !important; 
    text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
    border: 1px solid #999 !important;
    box-shadow: none !important;
}

/* Green Button */
.common-btn {
    display: inline-block; padding: 3px 10px; font-size: 13px; font-weight:bold; line-height: 1.54; text-align: center; text-decoration: none;
    -moz-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    border-radius: 20px;
    background-color: rgb(234, 248, 174); 
    background: -moz-linear-gradient(center top, rgb(234, 248, 174) 0px, rgb(197, 226, 77) 100%) repeat scroll 0% 0% transparent;
    background: -webkit-linear-gradient(top, rgb(234, 248, 174) 0px, rgb(197, 226, 77) 100%) repeat scroll 0% 0% transparent;
    color:#333333;  text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
    border: 1px solid rgb(37, 153, 89);
    box-shadow: 0px 0px 2px rgba(26, 142, 78, 0.3);
    }
.common-btn:hover, .common-btn:focus {
    background: -moz-linear-gradient(center top , rgb(249, 255, 223) 0px, rgb(203, 240, 51) 100%) repeat scroll 0% 0% transparent;
    background: -webkit-linear-gradient(top, rgb(249, 255, 223) 0px, rgb(203, 240, 51) 100%) repeat scroll 0% 0% transparent;
    text-decoration:none;
    border: 1px solid rgb(37, 153, 89);
    box-shadow: 0px 0px 8px rgba(26, 142, 78, 0.7); }
    
/* Red Button */
.common-Rbtn   {
    display: inline-block; padding: 3px 10px; font-size: 13px; font-weight: 600; line-height: 1.54; text-align: center; text-decoration: none;
    -moz-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    border-radius: 20px;
    color:#333333;  text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
    border: 1px solid rgb(255, 125, 125);
    box-shadow: 0px 0px 2px rgba(255, 80, 80, 0.3);
    background: #ffd7d7; /* Old browsers */
    background: -moz-linear-gradient(top, #ffd7d7 0%, #f0a2a2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd7d7), color-stop(100%,#f0a2a2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffd7d7 0%,#f0a2a2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffd7d7 0%,#f0a2a2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffd7d7 0%,#f0a2a2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffd7d7 0%,#f0a2a2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd7d7', endColorstr='#f0a2a2',GradientType=0 ); /* IE6-9 */ }
.common-Rbtn:hover, .common-Rbtn:focus {
    background: #ffeded; /* Old browsers */
    background: -moz-linear-gradient(top, #ffeded 0%, #ffaaaa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeded), color-stop(100%,#ffaaaa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffeded 0%,#ffaaaa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffeded 0%,#ffaaaa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffeded 0%,#ffaaaa 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffeded 0%,#ffaaaa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeded', endColorstr='#ffaaaa',GradientType=0 ); /* IE6-9 */
    text-decoration:none;
    border: 1px solid rgb(255, 125, 125);
    box-shadow: 0px 0px 5px rgba(255, 80, 80, 0.5); }

/* -------------- Product Listing -------------- */
/* left-side : width = 160px; height = 1074px */
.prodlist-menu{	font-family: Tahoma, Verdana, Geneva, sans-serif; padding: 0 15px; width:130px; }
.prodlist-menu .menuheader{ font: bold 14px Arial; color: #000;	margin-bottom: 15px; text-transform: uppercase;	padding: 30px 0 15px; border-bottom:solid 1px #999999; margin-bottom:15px }
.prodlist-menu a.list{ color: #333; display: block;	padding: 3px; text-decoration: none; font-weight: normal; }
.prodlist-menu a.list:visited{ color : #333333; }
.prodlist-menu a.list:hover{ color: #C6C; }
.prodlist-menu a.selected{ color: #fff; display: block;	padding: 3px; text-decoration: none; font-weight: normal; background-color:#a03e74; }
.prodlist-menu a.selected:visited{ color : #fff; }
.prodlist-menu a.selected:hover{ color: #f0f0f0; }

/* Total width = 920; left=160; right=760 */
/* right-side : MyAccount : width=(190)x4=760 == 759(width)+1(margin) */
.prodlist-acc { width:759px; background-color:#EAEAEA; line-height:25px; text-align: right; margin-right:1px }

/* right-side : product list */
.p-float {float:left; position:relative; height:330px; width:190px; border-collapse:collapse; font-size:8pt; text-align:center; } 
.p-outer {	display: table; #position: relative; overflow: hidden; height: 240px; width: 190px; }
.p-middle { display: table-cell; #position: absolute; #top: 50%; #left:50%; vertical-align: middle; text-align:center }
.p-inner { #position: relative;	#top: -50%; #left:-50%; }
.p-inner img { border:0; cursor:pointer; position:relative; }
.p-float a{	text-decoration: none;	color: #000;}
.p-float a h4{ text-decoration: none; color: #666; font-weight:normal; margin:0; line-height:14px; height:28px; font-size: 0.9em; overflow:hidden; }
.p-float a h4:hover{ color: #C0C; cursor: pointer;  }
.p-float img.view { cursor:pointer; margin-top:5px }
.p-table { display:table; border-collapse:collapse; margin-left:auto; margin-right:auto; z-index:-999; }
.p-cell { display:table-cell; position:relative; display:block; z-index:999; }

/* Tag Features : Product Listing */
.tagIsHot { background:url('../../images/MasterImage(SBuy).png') no-repeat -108px -164px; width:25px; height:44px; z-index:999; position:absolute; top:0; left:0}
.tagIsNewArrival { background:url('../../images/MasterImage(SBuy).png') no-repeat -108px -208px; width:52px; height:44px; z-index:999; position:absolute; top:0; left:0 }
.tagIsPromotion { background:url('../../images/MasterImage(SBuy).png') no-repeat -108px -252px; width:78px; height:44px; z-index:999; position:absolute; top:0; left:0; }

/* right-bottom : Paging : width=(190)x4=760 == 759(width)+1(margin) */
.prod-nav-con{ clear:both; width:759px; background-color:#EAEAEA; font-size: 0.9em; vertical-align: middle; height:14px; padding: 8px 0; text-align:center; margin-right:1px; }
.prod-nav-con span{ width:50px; }
.prod-nav-con a{ border: 1px solid gray;	background-color: #FFF;	color: #666; padding: 2px 3px 2px 3px; text-decoration: none; }
.prod-nav-con a:hover{ background-color: #906; color: #FFF; cursor:pointer; }


/* -------------- Product Individual Page -------------- */
/* centerized image vertically and horizontally */
.v-outer { display: table; #position: relative; height:447px; width:350px;  } /* height=447+10 ; width=350+10 -to cater the shadow */
.v-middle { display: table-cell; #position: absolute; #top: 50%; #left:50%; vertical-align: middle; text-align:center }
.v-inner { #position: relative;	#top: -50%; #left:-50%; }
.v-inner a { cursor:pointer; z-index:10; }
.v-inner img { border:0; z-index:10; max-height:447px; max-width:350px; }
.gstincl { font-size:8pt; display:block; margin-bottom:14px; }

/* Product Options */
.opW { background-color:#f5f5f5; padding:8px 10px; line-height:16px; }
.opW .q, .opW .w  { font-weight:bold; }
.opFr, .opW, .opN { margin-bottom:24px; }
.opBox { height:26px; box-sizing:border-box; border:solid 1px #e0e0e0; color:#111; padding:5px 10px 5px 11px; display:inline-block; margin:5px 10px 0 0; }
.opBox:hover, .opBox.focus { background-color:#e6f5f7; border:solid 1px #d0d0d0; cursor:pointer; }
.opSelect { height:26px; box-sizing:border-box; border:solid 1px #e47911 !important; color:#111; padding:5px 10px 5px 11px; display:inline-block; margin:5px 10px 0 0; 
            background-color:#ffeded !important; box-shadow: 0 0 4px 1px #fdabab; }
.opsv { font-weight:bold; }
.ofs { color:#fff; background-color:#ff0000; display:inline-block; padding:2px 5px; }
.ins { color:#fff; background-color:#259959; display:inline-block; padding:2px 5px; }

/* Tag Features : Individual Page */
.tagIsPromotion2 { background:url('../../images/MasterImage(SBuy).png') no-repeat -61px -163px; width:60px; height:35px; position:absolute; top:0px; left:0px; z-index:999; }
.tagIsHot2 { background:url('../../images/MasterImage(SBuy).png') no-repeat -18px -163px; width:43px; height:22px; position:absolute; top:-22px; left:0px; z-index:999; }
.tagIsNewArrival2 { background:url('../../images/MasterImage(SBuy).png') no-repeat 0 -163px; width:18px; height:102px; position:absolute; top:0px; left:-18px; z-index:999; }
.tagIsPreOrder2 { background-color:#7c4000; color:#fff; padding:2px 5px; position:absolute; bottom:0; right:0px; display:inline-block; font-size:10px; }
.tagFreeShipping { font-size:13px; font-weight:bold; color:#259959; line-height:32px; height:32px; }
.tagFreeShipping .tagfs { background:url('../../images/MasterImage(SBuy).png') no-repeat -152px -163px; width:35px; height:35px; display:inline-block; margin-bottom:-12px }

/* Thumbnail list */
.thumb-list { margin-bottom:14px; }
.thumb-list img { padding:5px; margin:0 6px 6px 0; background-color:#ffffff; cursor:pointer; } 
.thumb-list:nth-child(9n+9) img { margin-right:0; }

/* Spec. */
.spec h1 { margin:0px; font-family:Arial; font-weight: normal; font-size: 30px; padding-top: 0px; display:inline; }
.spec .pc { display:inline-block; background-color:#444; color:#fff; padding:0 5px; margin-right:5px; }
.spec .desc { font-size:12px; display:block; margin:5px 0 20px; }
/*.spec .price { float:left; margin:0; font-size:16px; font-family:Arial; } */
.spec .margin-promo { font-family:Arial; font-size:16px; }
.spec .margin-normal { font-size:24px; color:#900; font-weight:bold; font-family:Arial; }
.spec .margin-wholesale { margin-top:0px; }
.spec .lbl { color:#666666; font-weight:normal; display:block; font-size:12px; }
.spec .priceR { font-size:14px; font-weight:bold; font-family:Arial; display:block; }
.spec .priceW { font-size:24px; font-weight:bold; font-family:Arial; color:#900; display:block; }
.spec .priceW .lbl { margin-bottom:-3px; }
.spec .priceW .strike { font-size:22px; color:#666 !important; }
.spec .priceBFG { font-size:10px; font-family:Arial; display:block; }
.spec .ng { margin-bottom:12px; }
.spec .strike { text-decoration:line-through; font-weight:normal; }
.spec .off { font-size:14px; }

.spec ul.bullet  { margin:0; padding-left:15px; }
.spec ul.bullet li { padding:0; margin:0; }
.spec .pricetopay { line-height:24px; font-size:24px; color:#900; font-weight:bold; }
.spec .save { font-size:11px; line-height:14px; }
.spec .discountpercentage { font-size:2.2em; display:inline-block; line-height:30px; }
.spec .extraH { height:62px; }

/* Promotion Countdown */             
.spec .margin-promo .cdf { margin-bottom:5px; }
.cdf { font-size:12px; }
.cdf .countdown { background-image:none; margin-top:0; padding-left:0; height:unset; line-height:unset; }
.cdf .countdown .num { color:inherit; font-size:inherit; }     

/* Bulk price display */
.spec .bulk-box { width:396px; font-family:Arial; }
.spec .bulk label,
.spec .bulk-strike label { display:block; min-height:33px!important; background-color:#fcfcfc; border:solid 1px #ccc; margin-bottom:5px; padding:10px 20px; 
                    border-radius:4px; color:#555;  }
.spec .bulk .lvl,
.spec .bulk-strike { line-height:20px; font-size:16px; }
.spec .bulk .lvl span,
.spec .bulk-strike .lvl span { color:#b12704; }
.spec .bulk .lvl .priceBFG { display:inline-block !important; color:#888; }
.spec .bulk .lvl .lthr { color:#555; text-decoration:line-through; }
.spec .bulk .save { line-height:10px; font-size:11px; color:#888; margin-top:3px; }
.spec input[type="radio"]:checked + label { background-color:#259959; color:#fff; border:solid 1px #20663F; }
.spec input[type="radio"]:checked + label .lvl span { color:#fff; font-weight:bold; }
.spec input[type="radio"]:checked + label .save,
.spec input[type="radio"]:checked + label .lvl .priceBFG { color:#fff; }
.spec input[type="radio"] { display:none; }
.spec .bulk label:hover,
.spec .bulk label:focus { background-color:#ffffe0; cursor:pointer;                                /* can be changed */
                  -moz-transition: all 0.5s ease-in-out 0s;
                  -webkit-transition: all 0.5s ease-in-out 0s;
                  -o-transition: all 0.5s ease-in-out 0s; }
.spec .bulk-strike label { background-color:#eaeaea; text-decoration:line-through; position:relative; }
.spec .bulk-strike .so { position:absolute; right:0px; top:0px; font-size:11px; border-radius: 0 4px 0 0; }
                  

/* Details */
.prod-box { background-color: #fff; border: solid 1px rgb(226,226,226); box-shadow: 0 1px 3px #ccc; }
.prod-sec-hdr { font-size:28px; font-family:Arial; font-weight:bold; margin-bottom:10px; border-bottom:solid 1px #999; padding-top:20px; }
.prod-sec { text-align:center; }
.prod-sec img { margin-bottom:10px; }

#lbAddToCart, #lbBuyNow2 { width:200px; height:30px; line-height:30px; border-radius:3px; font-size:10pt; text-align:center; font-family:Arial; position:relative; }
.atc { background:#f3d078; background:-webkit-linear-gradient(top,#f7dfa5,#f0c14b); background:linear-gradient(to bottom,#f7dfa5,#f0c14b); border:solid 1px; border-color:#cba957 #bf942a #aa8326; } 
.atc:hover, .atc.focus { background:#f1c860;background:-webkit-linear-gradient(top,#f5d78e,#eeb933);background:linear-gradient(to bottom,#f5d78e,#eeb933) } 
.atc:active{border-color:#aa8326 #bf942a #bf942a}
.atc-added { text-align:center; color:#259959; font-weight:bold; font-size:12pt; font-family:Arial; }
.atc-cir { background-color:#FFD412; width:10px; height:10px; text-align:center; line-height:10px; font-size:8px; border:solid 1px; border-color:#cead17 #c8ad35 #bb9d18; border-radius:10px; box-shadow:0 0 8px #555; } 
.atc-loading { text-align:center; font-size:10pt; font-family:Arial;}
.ptc { background:#d19600; background:-webkit-linear-gradient(to bottom,#ffb700,#d19600); background:linear-gradient(to bottom,#ffb700,#d19600); color:#333; border:solid 1px; border-color:#c0c0c0 #a0a0a0 #888; }
.ptc:hover, .ptc:focus { box-shadow:0 2px 3px #c0c0c0; }

/* Address */
.popup .popT { color:#333333;  font-weight:bold; font-family:Arial; font-size:12pt; line-height:20px; padding:20px 20px 0; }
.popup .popC { height:400px; padding:0 20px; margin:10px 0; overflow:auto; }
.popup .addr-box, .popup .addr-box-noaddr { background-color:#f0f0f0; border:solid 1px #ccc; padding:8px 10px; min-height:10px; line-height:20px;  margin-bottom:10px; position:relative; }
.popup .addr-box .date { position:absolute; top:5px; right:8px; color:#888; font-size:8pt; }

/* Enquiry table */
.enquiry td { padding-bottom:8px }

.shadow10 {  -moz-box-shadow: 0px 0px 10px #666;
            -webkit-box-shadow: 0px 0px 10px #666;
            box-shadow: 0px 0px 10px #666; 
           
}
.shadowPopup20 {  -moz-box-shadow: 0px 0px 20px #000;
            -webkit-box-shadow: 0px 0px 20px #000;
            box-shadow: 0px 0px 20px #000; 
           
}

.shadow {  -moz-box-shadow: 0px 0px 4px #000;
            -webkit-box-shadow: 0px 0px 4px #000;
            box-shadow: 0px 0px 4px #000; 
            /* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')"; */
            /* For IE 5.5 - 7 */
            /* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333'); */
}

.shadow-mainproduct {  -moz-box-shadow: 0px 0px 4px #000;
            -webkit-box-shadow: 0px 0px 4px #000;
            box-shadow: 0px 0px 4px #000; z-index:10;
            /* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#333333')"; */
            /* For IE 5.5 - 7 */
            /* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#333333'); */
}

.shadow-green {  -moz-box-shadow: 0px 0px 4px #ABD406;
            -webkit-box-shadow: 0px 0px 4px #ABD406;
            box-shadow: 0px 0px 4px #ABD406; 
            /* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ABD406')"; */
            /* For IE 5.5 - 7 */
            /* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ABD406'); */
}

.shadow-red {  -moz-box-shadow: 0px 0px 3px #ff0000;
            -webkit-box-shadow: 0px 0px 3px #ff0000;
            box-shadow: 0px 0px 3px #ff0000; 
            /* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ff0000')"; */
            /* For IE 5.5 - 7 */
            /* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ff0000'); */
}

.shadow-noIE {  -moz-box-shadow: 0px 0px 4px #000;
            -webkit-box-shadow: 0px 0px 4px #000;
            box-shadow: 0px 0px 4px #000; 
        
}

.shadow-processing  { position: relative; background-color: #fcf7bb; text-align: center; padding:5px;
           -moz-box-shadow: 0px 0px 8px #000;
            -webkit-box-shadow: 0px 0px 8px #000;
            box-shadow: 0px 0px 8px #000; 
}

.spShareFB { background:url('../../Images/MasterImage(SBuy).png') no-repeat -357px -305px; width:54px; height:20px; display:inline-block; }


.rowHighlight:hover, .popup .addr-box:hover { background-color: #ffffe0; cursor: pointer; }

/* Feedback module */
.f-outer {	display: table; #position: relative; overflow: hidden; height: 100%; position:absolute; left:0; }
.f-middle { display: table-cell; #position: absolute; #top: 50%; #left:50%; vertical-align: middle; text-align:center }
.f-inner { #position: relative;	#top: -50%; #left:-50%; }
.f-target { background:url('../../Images/MasterImage(SBuy).png') no-repeat -720px -1px; width:36px; height:136px; display:inline-block; }
.f-target:hover { background:url('../../Images/MasterImage(SBuy).png') no-repeat -720px -137px; width:36px; height:136px; display:inline-block; }

.f-container { padding: 10px; text-align: center; width:380px; height:530px; background-color:#000000; overflow:hidden; }
.f-container .f-title { font-size:26pt; display:inline-block; text-align:center;  }
.f-container .inner { background:#ffffff url('../../Images/popPanel-Bg.png') no-repeat; position:relative; }
a.closePanel { z-index:999; position:absolute; top:-10px; right:-10px; background:url('../../Images/close.png') no-repeat; width:30px; height:30px; display:inline-block; }

.f-happy-select { background:url('../../Images/MasterImage(SBuy).png') no-repeat 0px -660px; width:126px; height:126px; display:inline-block; }
.f-happy { background:url('../../Images/MasterImage(SBuy).png') no-repeat 0px -407px; width:126px; height:126px; display:inline-block; }
.f-happy:hover { background:url('../../Images/MasterImage(SBuy).png') no-repeat 0px -533px; width:126px; height:126px; display:inline-block; }
.f-happy:active { background:url('../../Images/MasterImage(SBuy).png') no-repeat 0px -660px; width:126px; height:126px; display:inline-block; }

.f-sad-select { background:url('../../Images/MasterImage(SBuy).png') no-repeat -127px -660px; width:126px; height:126px; display:inline-block; }
.f-sad { background:url('../../Images/MasterImage(SBuy).png') no-repeat -127px -407px; width:126px; height:126px; display:inline-block; }
.f-sad:hover { background:url('../../Images/MasterImage(SBuy).png') no-repeat -127px -533px; width:126px; height:126px; display:inline-block; }
.f-sad:active { background:url('../../Images/MasterImage(SBuy).png') no-repeat -127px -660px; width:126px; height:126px; display:inline-block; }

.f-modalBackground { background-color:Black; filter:alpha(opacity=60); opacity:0.6; }
.f-shadow {  -moz-box-shadow: 0px 0px 12px #000;
            -webkit-box-shadow: 0px 0px 12px #000;
             box-shadow: 0px 0px 12px #000; 
}
.rounded-corners10 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.rounded-corners5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.rounded-topcorners5 {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.footerline { background-color: #929292; height: 1px; padding:0 20px; }
.footer { text-align:center; }
.footer a { color:#555555; text-decoration: underline; }
.footer a:hover { color:#000000; }
.footer a:active { outline-style:none; outline-width :0; color:#000000; }

.sqBuySignature { background:url('../../Images/MasterImage(SBuy).png') no-repeat -253px -440px; width:231px; height:52px; display:inline-block; }
.sqBuySignature:hover { background:url('../../Images/MasterImage(SBuy).png') no-repeat -253px -492px; width:231px; height:52px; display:inline-block; }

.f-stockConfirmation { width:450px; text-align:left; background-color:#000000; padding:10px; }
.inner { background-color:#ffffff; }

/* Service List */
.se { float:left; width:403px; padding:16px; margin:20px 36px 0 0; background-color:transparent; position:relative; }
.se .content { padding:5px; background-color:#fff; height:90px; }
.se h3.title { padding:0; margin:0; font-size:15px; padding-bottom:5px; }
.se .subtitle { font-size:12px; padding-bottom:5px; }
.se .price { font-size:14px; padding-bottom:5px; }
.se .price .promo { color:#ff0000; font-size:15px; }
.se .balance { float:right; padding:3px; width:80px; height:84px; text-align:center; border-left:solid 1px #999999; }
.se .balance .inv { font-weight:bold; font-size:20px; padding-top:12px; border-top:solid 1px #999999; margin-top:8px; }

.seTitle { margin:0px; font-weight: normal; font-size: 1.8em; padding:8px 0 5px 0; }
.seUnlock { position:absolute; top:29px; left:0; width:435px; height:500px; display:block; z-index:999; }
.seLock { position:absolute; top:29px; left:0; width:435px; height:500px; display:block; z-index:999;
            background:url('../../images/accesscoderequired.png') no-repeat; }

.seEnterCode { background: url('../../images/accesscodeenter.png') no-repeat; width:320px; height:285px; display:block; position:absolute; top:80px; left:90px; }
.overflow { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.promo-box { color: rgb(102, 102, 102); text-align:center; }
.promo-box { display: block; margin: 0px 0px 30px; padding: 20px 28px;
              background: none repeat scroll 0% 0% rgb(255, 255, 255);
              border: 1px solid rgb(204, 203, 201);
              box-shadow: 0px 0px 1px 1px rgb(255, 255, 255) inset, 0px 0px 10px 5px rgb(236, 236, 236) inset;
              border-radius: 3px 3px 3px 3px;
              -moz-transition: all 0.18s ease 0s;
              -webkit-transition: all 0.18s ease 0s;
              -o-transition: all 0.18s ease 0s; }
.promo-box:hover, a.promo-box:focus {
    border: 1px solid rgb(171, 212, 6);
    box-shadow: 0px 0px 1px 1px rgb(255, 255, 255) inset, 0px 0px 10px 5px rgb(234, 255, 150) inset;
    text-decoration: none; }
.promo-box .dealinfo { font-size:16pt; line-height:30px; }

/* Deal */
.deal_box { border:solid 2px #FFD412; border-radius:10px; padding:15px 15px 15px 15px; margin-bottom:62px; }
.deal_hdr { text-align:center; font-size:1.5em; margin-bottom:15px; font-family:Arial;  color:#20663F;
            background-color:#FFD412; line-height:26px; border-radius:5px; } /* @ product individual page */
.deal_type { background-color:#FFD412; border-radius:3px; padding:0 5px; color:#333; border:solid 1px #20663F; 
             font-size:9px; display:inline-block;  color:#20663F; font-weight:bold; } /* @ shopping cart / guest cart page */
.deal_status { margin-top:15px; padding-left:37px; background:url('../../images/shop/countdown.gif') no-repeat; 
               width:115px; height:32px; line-height:32px; font-family:Arial; }
.deal_status strong { color:#ed1367; font-size:2.2em; }
.countdown { margin-top:10px; padding-left:26px; background:url('../../images/shop/countdownclock.png') no-repeat; 
             height:28px; line-height:28px; font-family:Arial; white-space:nowrap; }
.countdown .num { font-size:18px; color:#ed1367; display:inline-block; }
.countdown .h { display:inline-block; margin-right:5px; }
.countdowndiscard { font-weight:normal !important; }
.countdowndiscard .h { display:inline-block; margin:0 5px 0 0; }



/* My Account - Purchase Status */
.pur-frame { background-color:#f9f9f9; }
.pur-frame .pur-opt { display:inline-block; margin-right:10px; line-height:30px; width:134px; border-radius:10px; cursor:pointer;
                      text-align:center; font-size:14px; font-family:Arial; font-weight:bold; color:#ffffff; text-decoration:none; 
                     -moz-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; }
.pur-frame .pur-opt:last-child { margin-right:0; }
.st-unpaid { background-color: rgb(209, 0, 0);
    border: 1px solid rgb(193, 3, 3);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2); 
    box-shadow: 0px 0px 2px rgba(193, 3, 3, 0.3); }
.st-unpaid:hover, .st-unpaid:focus {
    border: 1px solid rgb(132, 2, 2);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2); 
    box-shadow: 0px 0px 10px rgb(252, 75, 75); }
.st-unpaid-cur  { background-color: rgb(209, 0, 0);
    border: 4px solid rgb(0, 0, 0);
    color:#000000 !important;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.3); 
    -moz-box-shadow: 0px 0px 10px rgb(252, 75, 75);
    -webkit-box-shadow: 0px 0px 10px rgb(252, 75, 75);
    box-shadow: 0px 0px 10px rgb(252, 75, 75); }

.st-partiallypaid { background-color: rgb(255, 78, 132);
    border: 1px solid rgb(255, 0, 78);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3); 
    box-shadow: 0px 0px 2px rgba(193, 3, 3, 0.3); }
.st-partiallypaid:hover, .st-partiallypaid:focus {
    border: 1px solid rgb(255, 0, 78);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2); 
    box-shadow: 0px 0px 10px rgb(255, 78, 132); }
.st-partiallypaid-cur  { background-color: rgb(255, 78, 132);
    border: 4px solid rgb(0, 0, 0);
    color:#000000 !important;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.3); 
    -moz-box-shadow: 0px 0px 10px rgb(255, 225, 88);
    -webkit-box-shadow: 0px 0px 10px rgb(255, 225, 88);
    box-shadow: 0px 0px 10px rgb(255, 78, 132); }

.st-paid { background-color: rgb(57, 179, 57);
    border: 1px solid rgb(8, 161, 8);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2); 
    box-shadow: 0px 0px 2px rgba(8, 161, 8, 0.3); }
.st-paid:hover, .st-paid:focus {
    border: 1px solid rgb(5, 132, 5);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2); 
    box-shadow: 0px 0px 10px rgb(5, 208, 5); }
.st-paid-cur {  background-color: rgb(57, 179, 57);
    border: 4px solid rgb(0, 0, 0);
    color:#000000 !important;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.3); 
    -moz-box-shadow: 0px 0px 10px rgb(39, 244, 39);
    -webkit-box-shadow: 0px 0px 10px rgb(39, 244, 39);
    box-shadow: 0px 0px 10px rgb(5, 208, 5); }

.st-pack { background-color: rgb(255, 156, 0);
    border: 1px solid rgb(255, 139, 4);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2); 
    box-shadow: 0px 0px 2px rgba(255, 139, 4, 0.3); }
.st-pack:hover, .st-pack:focus {
    border: 1px solid rgb(199, 123, 2);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2); 
    box-shadow: 0px 0px 10px rgb(255, 120, 0); }
.st-pack-cur  { background-color: rgb(255, 156, 0);
    border: 4px solid rgb(0, 0, 0);
    text-shadow: 1px 1px rgba(255, 255, 255, 0.3); 
    color:#000000 !important;
    -moz-box-shadow: 0px 0px 10px rgb(251, 188, 89);
    -webkit-box-shadow: 0px 0px 10px rgb(251, 188, 89);
    box-shadow: 0px 0px 10px rgb(255, 120, 0); }

.st-ship { background-color: rgb(0, 129, 203);
    border: 1px solid rgb(1, 120, 188);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2); 
    box-shadow: 0px 0px 2px rgba(1, 120, 188, 0.3); }
.st-ship:hover, .st-ship:focus {
    border: 1px solid rgb(0, 110, 173);
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2); 
    box-shadow: 0px 0px 10px rgb(31, 171, 251); }
.st-ship-cur  { background-color: rgb(0, 129, 203);
    border: 4px solid rgb(0, 0, 0);
    text-shadow: 1px 1px rgba(255, 255, 255, 0.3); 
    color:#000000 !important;
    -moz-box-shadow: 0px 0px 10px rgb(31, 171, 251);
    -webkit-box-shadow: 0px 0px 10px rgb(31, 171, 251);
    box-shadow: 0px 0px 10px rgb(31, 171, 251); }


.pur-status-selected { background-color:#000; color:#fff; border:solid 1px #666; font-size:8pt; text-decoration:none;
                                          display:inline-block; margin-right:8px; padding:5px 10px; border-radius:6px; width:50px; text-align:center; }

a.pur-row { border-top: solid 1px #f0f0f0; padding: 5px; transition: all 300ms linear 0s; display:inline-block; color:#555555; }
a.pur-row .el  { float:left; padding:22px 10px; width:140px; }
a.pur-row .el .refno { font-size: 16px; font-family:Arial;}
a.pur-row .el2 { float:left; padding:30px 10px 0; width:175px; position:relative; }
a.pur-row .el3 { float:left; margin-right:10px; padding:22px 10px; width:135px } 
a.pur-row .el-last { float:left; margin:25px 0 0; color: #888888; font-size: 0.8em; padding:10px; border-radius:6px;
                     border:solid 1px #f0f0f0; transition: all 300ms linear 0s;}
a.pur-row:hover .el-last { background-color:#000; color:#fff; border-radius:6px; border:solid 1px #000; }

.els { float:left; padding:16px 10px 0; margin-right:20px; font-family:Arial; }
.els .noteLabel { font-family:Verdana; }
.els b { display:block; font-size:20px; line-height:30px; }
ul.ulm { padding-left:15px; margin:0; padding-top:0; }

.box { background-color:#ffffff; border:solid 1px #eaeaea; padding:10px; }
.pur-prodlist { padding:10px; border-bottom:solid 1px #eaeaea; }
.pur-prodlist:last-child { padding-bottom:0; border-bottom:0; }
.pur-prodlist:hover { cursor:text; }
.pur-prodlist .td1 { width:80px; }
.pur-prodlist .td2 { width:270px; }
.pur-prodlist .td3 { width:210px; margin-right:10px }

/* Purchase tracking */
.pur-track { font-size:11px !important; }
.pur-track .st { float:left; text-align:center; }
.pur-track .st .date {font-size:9px; margin-top:3px }
.pur-track .arrow { margin:2px 7px; }
.pur-track .arrow .arrowRight { }
.pur-track .status0-fulfill, .pur-track .status00-fulfill, .pur-track .status1-fulfill, .pur-track .status2-fulfill, .pur-track .status3-fulfill,
.pur-track .status4-fulfill, .pur-track .status5-fulfill, .pur-track .status6-fulfill, .pur-track .status7-fulfill{ width:110px; }

.status0-fulfill, .status00-fulfill, .status1-fulfill, .status2-fulfill, .status3-fulfill, .status4-fulfill, 
.status5-fulfill, .status6-fulfill, .status7-fulfill { line-height: 16px; display:inline-block; padding:3px 5px; width:130px; font-weight:bold; text-align:center; 
                                                       -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
/* Red: Unpaid  */
.status0-fulfill { background-color:#d10000; color:#ffffff; }      
/* Pink: Partially Paid  */
.status00-fulfill { background-color:#ff4e84; color:#ffffff; }      
/* Green: Paid  */
.status1-fulfill { background-color:#39b339; color:#ffffff; }   
/* Yellow: Packed  */   
.status2-fulfill { background-color:#ff9c00; color:#ffffff; }   
/* Red: Partially Shipped  */
.status3-fulfill { background-color:#dc334c; color:#ffffff; }  
/* Blue: Shipped  */
.status4-fulfill { background-color:#0081cb; color:#ffffff; } 
 /* Received  */
.status5-fulfill { background-color:LightSkyBlue; color:#333333; } 
 /* Gray Discared  */
.status6-fulfill { background-color:#888888; color:#ffffff; }      
 /* Pending status  */
.status7-fulfill { background-color:#eaeaea; color:#999999; text-shadow: #fff 0 1px 0; }      
             
.reseller-form { margin-top:20px; }
.reseller-form span { display:inline-block; width:140px; }
.reseller-form input[type="text"] { width:530px; }

.contact-form .row { margin:10px 10px 5px; }
.contact-form .row .lbl { display:inline-block; width:100px; }
.contact-form .row input { width:200px; }


/* Reseller Discount @ Cart */
.resellerdiscount_box { display:inline-block; float:left; line-height:normal; width:420px; font-weight:normal; text-align:left; }

/* Reseller Community */
.community-bl { float:left; width:150px; }
.community-br { float:left; width:615px; border-left:solid 1px #e5e5e5; background-color:#f6f7f8; }
.community-br .ps { background-color:#ABD406; padding:8px; margin:10px; }

ul.cm-left { margin:0; padding:0; }
ul.cm-left li { display:block; padding:8px; border-bottom:solid 1px #e5e5e5; font-size:8pt; color:#333333; position:relative;cursor:pointer; }
ul.cm-left li .selected { position:absolute; right:3px; top:7px; display:none; }
ul.cm-left li:hover .selected { display:block; color:#333; }
ul.cm-left .nx { position:absolute; top:7px; right:15px; }

.newpost, .newpostrs { display:inline-block; padding:5px; margin:10px 10px 0; color: #259959; text-decoration: none; font-weight:bold } 
.newpost:hover, .newpostrs:hover { text-decoration:none; background-color:#F1F8CE; border-radius:2px; cursor:pointer; }
.ct-box { margin:10px; padding:10px; border-radius:3px; box-shadow:0 1px 1px 1px #eaeaea; background-color:#fff; position:relative; }
.ct-box .fr .n { line-height:22px; font-size:10pt; }
.ct-box .fr .tt { line-height:18px; }
.ct-box .fr img { float:left; margin-right:10px; width:40px; max-height:40px; border:solid 1px #e5e5e5; box-shadow:0 0 2px 1px #f0f0f0; }
.ct-box .msg { margin:8px 0; line-height:16px; }
.ct-box .msg img { max-height:300px; }
.ct-box .like { margin-right:5px; color:#259959; display:inline-block; cursor:pointer; }
.ct-box .like:hover { text-decoration:underline; }
.ct-box .liked { margin-right:5px; color:#259959; display:inline-block; }
.ct-box .ico-thumbupYellow16, .community-br .ct-box .icoComment { margin-bottom:-4px; margin-right:3px; }
.ct-box .dot { margin:0 10px; display:inline-block; }
.ct-box .icoCross { position:absolute; top:10px; right:10px; display:none; }
.ct-box:hover .icoCross { display:inline-block; cursor:pointer; }

#blur { background-color:#ffffff; filter:alpha(opacity=80); opacity:0.8; position:absolute; top:0; left:0; }
.popup { position:fixed;  z-index:999999; display:none; }

.sofcd { position:absolute; top:12px; right:20px; }
.sofcd .cdf { font-size:16px; }
.containersof .material-icons { display:inline-flex; vertical-align:middle; margin-right:3px; }

#mPhoto { cursor:pointer; }
#mPhoto .box-upload { position:absolute; bottom:0; background-color:#000; width:100%; height:40px; opacity:0.6;
              -moz-transition: all 0.5s ease 0s;
              -webkit-transition: all 0.5s ease 0s;
              -o-transition: all 0.5s ease 0s;
              transition: all 0.5s ease 0s;
}
#mPhoto .box-upload .ico-camera {
    -moz-transition: all 0.5s ease 0s;
              -webkit-transition: all 0.5s ease 0s;
              -o-transition: all 0.5s ease 0s;
              transition: all 0.5s ease 0s;
}
#mPhoto:hover .box-upload { z-index:101; background-color:#000 !important; color:#fff !important; opacity:0.9; } 
#mPhoto:hover .box-upload .ico-camera { transform: scale(1.2);  }

.selfcollect { color:#9c0a0a !important; display:inline-flex; vertical-align:middle; }