@charset "utf-8";

.btnCss,
.btnSave,
.btnContinue,
.btnPay {padding:3px 6px; border:1px outset; background-color:#eee; font-weight:bold; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.btnQty {background:#fff; border:#ccc 1px solid;}
.iptCss {width:180px;}
.btnEdit {display:block; padding:3px px; width:50px; border:1px outset; background-color:#eee; font-weight:bold; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

.myBox {width:100%;}
.topGuide {margin:0 12px; height:56px; border:1px solid #d7d7d7; background:#f5f5f6 url(/images/top_guide_img.gif) no-repeat left top;}
.topGuide img {margin:12px 0px 0px 200px;}
.inBox {margin:10px 12px; text-align:left;}
.inBox h1 {font-size:16px; margin:6px 0}
.inBox h2 {width:100%; height:38px; line-height:38px; background:url(/images/line_2px.gif) repeat-x left bottom;}
.inBox h2 span {float:left; padding:0 8px; height:38px; line-height:38px; font-size:22px; font-family:Times New Roman; font-weight:bold; color:#333; background:url(/images/line_2pxred.gif) repeat-x left bottom;}
.inBox h2 span.hTxt {float:left; padding:0 8px; height:38px; line-height:38px; font-size:18px; font-family:Times New Roman; font-weight:bold; color:#333; background:none;}
.inBox p {margin:8px 0; font-size:12px;}
.inBox .signIn_Login {float:left; width:333px;}
.inBox .signIn_RegLink {float:right; width:333px;}
.inBox fieldset {margin-top:12px; border:1px solid #a5a5a5}
.inBox legend {border:1px outset #d5d5d5; padding:2px 8px; font-weight:bold;}
.inBox fieldset p {text-align:left; padding:0px 16px; line-height:1.6em;}
.inBox .loginBox {width:300px; margin:6px auto;}
.inBox .loginBox .loginUser,
.inBox .loginBox .loginPass {clear:both; margin:8px 0px 0px 0px;}
.inBox .loginBox .loginCookie {clear:both; margin:8px 0px 0px 0px; padding-left:84px;}
.inBox .loginBox .loginButton {clear:both; margin:8px 0px 0px 0px; text-align:center;}
.inBox .loginBox label {float:left; padding-right:8px; width:80px; text-align:right}
.inBox .loginBox span {clear:both; display:block; height:40px;}
.inBox .loginBox .loginCookie input {float:left;}
.inBox .loginBox .loginCookie label {float:left; padding-left:6px; width:100px; font-size:11px;  text-align:left;}
.inBox .loginBox .loginCookie em {padding-right:8px; width:30%; text-align:right}
.inBox .getPass {padding:0px 12px 8px 12px; text-align:center; font-size:11px;}
.inBox .signIn_RegLink div {text-align:center; padding-bottom:12px;}

.myBox {margin-top:12px; width:100%;}
.formButtons {margin-top:12px; text-align:center;}

.tableBorder {border:1px solid #d4d4d4; background:#f8f8f8;}
/*.tdbgHeader {padding:0 6px; height:24px; line-height:24px; color:#fff; background:#8a0f12;}*/
.tdbgHeader {padding:0 6px; height:24px; line-height:24px; color:#333; background:#f5f5f5;}
.tdbgHeader td,
.tdbgHeader th {color:#333; font-weight:bold; border-bottom:1px solid #d4d4d4;}
.tdbgHeader span {float:left;}
.tdbgFooter {padding:8px 6px; text-align:center; background:#fff;}
.tdbg {padding:1px 6px; line-height:16px; background:#fff;}

.inputItem {clear:both; padding:1px 12px 0px 12px;}
.regLabel, .checkoutlabel {display:block; padding:0px; font-size:11px;}
.regLabel input, .checkoutlabel input {float:left;}
.txtShip {display:block;}

.cartDetail {width:100%; margin:10px auto 20px auto; padding:0;}
.cartDetail h1 {margin:0; padding:0; font-size:16px;}
.cartDetail h3 {margin:0; padding:0; font-size:16px;}
.cartItem {margin-top:10px;}
.cartSubTotal {font-size:14px; font-weight:bold; color:#f50000; padding:4px 8px; height:22px; line-height:22px;  text-align:right;}
.plainbox {padding-bottom:10px; text-align:left;}
.cartButton {margin:4px 0 0 0; text-align:right;}
.cartPay {margin:10px 0 0 0; text-align:right;}

/* Profile */
.myProfile {width:100%;}
.loginInfo {float:left; width:33%;}
.payInfo {float:left; width:33%; margin:0px 3px;}
.shippingInfo {float:left; width:33%;}
.myOrder {width:100%;}
.myOrderList, .myOrderDetail {border:none; background:#d4d4d4;}
.myOrderList th, .myOrderDetail th {color:#333; font-weight:bold; border-bottom:none;}
.myOrderList td, .myOrderDetail td {padding:2px 6px; line-height:18px; background:#fff;}
.myOrderList .tdbgAlternatingRow,
.myOrderDetail .tdbgAlternatingRow{background:#f8f8f8;}
.myOrderList .tdbgPager,
.myOrderDetail .tdbgPager{height:30px; text-align:center;}
.myOrderList a,
.myOrderDetail a {color:#0066cc;}

.ShopingCart_acount {}
.ShopingCart_acount dl {}
.ShopingCart_acount dl dt { float:left;}
.ShopingCart_acount dl dd {}

.div_customer {margin-top:10px; width:100%;}
.div_customer .General {float:left; display:inline; margin-left:120px; width:152px; height:62px; text-align:center;}
.div_customer .Esthetician {float:left; display:inline; margin-left:18px; width:152px; height:62px; text-align:center;}
.div_customer .Distributor {float:left; display:inline; margin-left:18px; width:152px; height:62px; text-align:center;}
.div_customer a {display:block; width:150px; height:60px; line-height:60px; font-size:18px; font-weight:normal; color:#333; border:1px solid #d7d7d7; background:#f5f5f6;}
.div_customer a:hover {border:1px solid #e37f7f; background:#fcf0f0;}