/* CSS Document */ /*------------------------------------------------------------------------ # ------------------------------------------------------------------------ # Copyright (C) 2009 SmartOSC. All Rights Reserved. # @license - Copyrighted Commercial Software # Author: SmartOSC # Websites: http://www.smartosc.com -------------------------------------------------------------------------*/ /* COMMON STYLE --------------------------------------------------------- */ * {margin: 0; padding: 0;} html, body {height: 100%;} body {background-color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #666; line-height: 18px;} /* Normal link */ img {border: none;} a {color: #666; text-decoration: none;} a:focus {outline: none;} a:link { color: #6d6d6d; text-decoration: none; } a:visited { color: #6d6d6d; text-decoration: none; } a:hover { color: #000000; text-decoration: none; } a:active { color: #000000; text-decoration: none; } /* Heading */ p, pre, blockquote, ol, h1, h2, h3, h4, h5, h6 {margin: 9px 0; padding: 0;} h2.vendor {margin: 0; padding: 0; font-weight: normal;} hr {color: #B2B2B2; /* IE */ background: #B2B2B2; /* FF */ border: 0; height: 1px; clear: both;} td, div { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;} /* FORM --------------------------------------------------------- */ input, select, textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666; border: 1px solid #999;} input, textarea {padding: 2px; padding-left: 0px;} /* button style */ .b-size0, .b-size1, .b-size2, .b-size3, .b-size4, .b-size5, .b-size6 , .b-size7{font-weight: bold; color: #FFF; padding: 0 15px; border: none; cursor: pointer;} * html .b-size0, * html .b-size1, * html .b-size2, * html .b-size3, * html .b-size5, * html .b-size6, *html .b-size7{padding: 0 5px;} *+html .b-size0, *+html .b-size1, *+html .b-size2, *+html .b-size3, *+html .b-size5, *+html .b-size6 {padding: 0 5px;} .b-size0, .b-size1, .b-size2, .b-size5 {font-size: 11px; background-color: #999; height: 18px;} .b-size1, .b-size5 {height: 20px; font-size: 11px;} .b-size5 {font-size: 13px;} .b-size2 {font-size: 13px; height: 31px;} .b-size7 {font-size: 13px; background-color: #999; height: 25px;} .b-size3, .b-size4, .b-size6 {font-size: 13px; background-color: #000; height: 25px;} .b-size6 {height: 34px;} .b-size4 {height: 54px; text-transform: uppercase; padding: 0 60px;} * html .b-size4 {padding: 0 30px;} *+html .b-size4 {padding: 0 30px;} @-moz-document url-prefix() { .b-size0, .b-size1, .b-size5 {line-height: 10px; padding-bottom: 3px;} .b-size3 {line-height: 10px; padding-bottom: 1px;} } /* hack fire fox */ /* MAIN LAYOUT DIVS --------------------------------------------------------- */ .fl {float: left;} .fr {float: right;} .clr{clear: both; text-align:right;} .clr_left{clear: left;} .clr_right{clear: right;} .center {margin: 0 auto;} .textright {text-align: right;} .textleft {text-align: left;} .textcenter {text-align: center;} .textcenter.cart {margin-right:7px; font-size:24px; text-transform: capitalize; font-weight:bold; font-family: Arial, Helvetica, sans-serif; padding-top:20px;} .cartText{text-align:center; line-height:40px; font-size:13px;font-weight:normal;color:#000000;font-family:Tahoma} .headertext {text-align:center;text-transform:none;font-weight:normal; color:#000000;font-size:13px; font-family:Tahoma} .orderText{font-size:11px; color:#6633ff;} .keyOrder{font-size:16px; color:#6633ff;font-weight:bold} .urlOthers{text-decoration:underline; line-height:15px} .urlOthers a:visited{color:#000000} .homeline{ text-decoration:underline; line-height:40px} .homeline a:visited{color:#000000} #wrapper, #footer {width: 993px; padding-right: 0px;} #wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -87px;background:url([:url_img:]/bg_white50.png) repeat;} .push {height: 87px;} * html .bg-ct .bx-bg {width:expression(document.body.clientWidth < 970? "970px" : document.body.clientWidth > 970? "100%" : "970px")} .bg-ct {max-width:100%;min-width:993px;position:relative;z-index:-1;} .bg-ct .bx-bg {position:absolute;top:0;left:0;overflow:hidden;width:100%} /* head style */ #header {position: relative; font-family:arial; margin:0;} /*.logo {position: absolute; top: 0; left: 0;}*/ .logo {float:left;width:133px;margin-right:10px} .top-link {padding-top: 4px; text-align: right; padding-bottom: 11px; float:right; line-height:14px;} .top-link a {color: #666666;font-family:arial; font-size: 11px; padding-left: 8px; font-weight:normal;} .top-link a:hover {} .top-link b {color: #000;} /*.top-menu { margin-left:150px;}*/ .top-menu a {font-family:arial; color: #000; font-size: 11px; font-weight: bold; text-transform: lowercase; padding:0 0px 0 4px;margin-left:5px; line-height:14px;} #header div.src {border:solid 1px #CACACA;padding-left: 0px; height: 18px; width: 133px; margin-right: 9px;} #header div.src input {color: #666; border: none; background-color: #FFF;}/* end header style */ .header-right {float:left;padding-top:50px;width:840px} /*--------------------- news hearder -------------------------------*/ .header-right2 {float:left;width:840px} .header-right2 ul {list-style:none} .header-right2 .top-link {width:100%;padding-bottom:15px;} .header-right2 .top-link ul {float:right;} .header-right2 .top-link ul li{float:right;padding:0;} .header-right2 .top-link ul a{color:#3f3f3f} .header-right2 .top-link .ck {float:right;text-transform:uppercase} .header-right2 .top-link .vb {float:right;background:url([:url_img:]/icons/ic_viewbag.gif) no-repeat left 1px;padding-left:14px;margin-left:10px;} .header-right2 .top-link .ic-mn {margin:0 20px 0 10px;width:80px;} .header-right2 .top-link .ic-mn a {margin:0 2px;color:#a9a9a9} .header-right2 .top-link .ic-mn a:hover{color:#4c1fa5} .header-right2 .top-link .ic-mn a.sl{color:#4c1fa5} .header-right2 .top-link .bx-if li {margin:0 2px;color:#666666;padding:0;} .header-right2 .top-link .bx-if li a{color:#666666;font-weight:normal;} .header-right2 .left-cthead {width:70%;float:left;} .header-right2 .left-cthead .bn-frtop {height:35px;color:#333;font-size:10px;line-height:12px;} .header-right2 .left-cthead .bn-frtop label {font-size:12px;font-family:tahoma;text-transform:uppercase;font-weight:bold;margin:0;padding:0} .header-right2 .left-cthead .bn-frtop span{padding-left:0;} .header-right2 .left-cthead .bn-frtop span a{color:#333;text-decoration:underline;} .header-right2 .left-cthead .top-menu a {font-weight:normal;padding:2px 4px;color:#000;margin:0;text-transform:uppercase} .header-right2 .left-cthead .top-menu a:hover {color:#ccc;background:#000;} .header-right2 .left-cthead .top-menu a.sl {color:#ccc;background:#000;} .header-right2 .right-cthead {width:30%;float:right;text-align:right;color:#0f0f0f;} .header-right2 .right-cthead .sgin a{color:#0f0f0f;} .header-right2 .right-cthead .sgin img{vertical-align:middle;} .header-right2 .right-cthead .sgin span {color:#727272;padding:0 5px;} .header-right2 .right-cthead .src {float:right;background:#ccc;padding:2px 3px;border:none;height:13px;} .header-right2 .right-cthead .bt-ser {float:right;display:block;margin-left:5px;text-transform:uppercase;font-family:tahoma} /*--------------------- end news hearder -------------------------------*/ /* select style */ .header_search_form {cursor: pointer; font-size:10px;} .header_search_form a {color:#666; display:block; padding: 0 2px; width:72px;} .header_search_form div {border:solid 1px #CACACA;background-color: #fff; padding: 0 0 0 4px; width:77px;text-align:left;color:#666;} .header_search_form_select_options {background-color:#fff; margin-top:-1px; padding:4px; position:absolute; visibility:hidden;} .header_search_form_select {background: url([:url_img:]/icons/select_down2.gif) 64px 1px no-repeat; color:#FFF;} .header_search_form_select a {padding:0px;} #gender-dd-select{position:absolute; margin-top:-1px; font-size: 10px;} .sub {list-style: none; margin: 0;} .sub li{text-align: right; height:20px;} .sub li a {color:#FFF;} .sub li a:hover {color:#DCDCDC;}/* end select style */ .content-side .description {font-family:arial;font-size:11px;} /* content style */ #container h1 {font-family: MyriadPro-LightSemiExt; font-size: 15px; color: #000; text-transform: lowercase; padding-left: 14px; margin-bottom: 0; /*text-align: center; font-weight: normal; font-size: 24px*/} #container h1.product_name {text-align: left; margin: 0; padding: 0; font-size: 11px} #flash_banner {z-index: inherit} .c-pad9{padding-left: 9px;} h3 {font-size: 12px; text-transform: uppercase;} .first-letter {font-size: 24px; font-weight: normal;} .left-side {width: 140px; margin-top:20px} .content-side {width: 850px} .left-menu, .left-menu ul {list-style: none; margin: 0; font-family:Arial; font-size:12px} .left-menu li {float: left; line-height:14px} .left-menu li a {color: #000; font-weight: bold; font-family: arial; font-size: 13px; text-transform: uppercase} .left-menu li li a {color: #000; font-weight: normal; font-family: verdana; font-size: 11px; text-transform: lowercase;} .left-menu li li a:hover {color: #996699;} .left-menu li li li a {color: #996699; font-weight: normal; font-family: verdana; font-size: 11px; text-transform: lowercase;} .left-menu li li li a:hover {text-decoration: underline;} .left-menu li li li li a {color: #999999; font-weight: normal; font-family: verdana; font-size: 11px; text-transform: lowercase;} .left-menu li li li li a:hover {color: #999999; text-decoration: underline;} .left-menu li.open_node li.open_node > a, .left-menu li.open_node li.open_node li.open_node > a, .left-menu li.open_node li.open_node li.open_node li.open_node > a{ color: #FFF; background-color:#000; text-decoration: none;} .left-menu li li {text-align: left; float: none;} .left-menu li li li {margin-left: 10px;} .left-menu li li li li {margin-left: 20px;} /*.left-menu li li a {color: #6D6D6D; font-weight: normal; font-size:10px} .left-menu li.open_node>a{ color:#000000; font-weight:bold; padding:0px 1px} .left-menu li li.cur>a {font-weight:normal} .left-menu li.cur>a {color: #FFF; background-color:#000} .left-menu li li a:hover {text-decoration: underline} .left-menu li.cur a:hover {text-decoration: none}*/ * html .left-menu li {white-space: nowrap;} * html .left-menu li li {white-space: normal;} *+html .left-menu li {white-space: nowrap;} *+html .left-menu li li {white-space: normal;} .txt-s {font-size: 10px;} .txt-l {font-size: 12px;} .txt-u {text-transform: uppercase; color: #000;} .big {font-size: 18px; color: #000;} .note2 {color: #FFF; background-color: #000; text-transform: uppercase;} .no-bor {border: none;} /* product list style */ .product_item {width:164px; float:left; /*height:300px;*/ margin:3px 0px; text-align:center} .product_item .product_info {text-align:left; padding:0px 2px; height: 65px;} .product_item .product_info a:hover {text-decoration: underline;} .product_item .product_info .product_name{ margin-left:0px; color: #666666; font-size:11px; font-family:sans-serif} .product_item .product_info .price{ margin-left:0px; color:#000000; line-height:10px; font-size: 11px; font-family:sans-serif} .product_item .product_info .vendor{margin-left:0px; margin-top:10px; color:#000000; line-height:10px;font-size:11px;font-family:sans-serif} .product_item .product_img {/*height:225px;*/ display:table-cell; vertical-align:middle; width:164px} .product-list td {vertical-align: bottom; width: 150px; padding: 14px 0;} .product-list, .product-list a {color: #6D6D6D; line-height: normal;} .product-list span {color: #C0C0C0; padding: 0 5px;} .product-list s {color: #9A9A9A;} .product-list b {color: #000;} .product-list a {display: block; margin: -2px 0 7px;} .product-list a:hover {color: #000;} .product-list p.img {margin: 0; margin-bottom: 13px;} .product-list p.img a {margin: 0;}/* end product list style */ .page-link {height: 37px; line-height: 37px; text-align: right; color: #CACACA} .page-link .page , .page-link .rpp {color: #6D6D6D;} .page-link .current_page, .page-link .current_rpp {color: #FFF; background-color: #000; padding: 0 3px; margin: 0 2px;} .page-link .page, .page-link .rpp, .page-link span {padding: 0 2px;} .page-link .page, .page-link .rpp:hover {color: #000;} .page-link .current_page, .page-link .current_rpp:hover {color: #FFF; cursor:default} .page-link .view_rpp{color: #000; padding: 0 3px; margin: 0 2px;} .breadcrums {color: #000; font-size: 11px; text-align: left; margin-left: 9px; text-transform:lowercase} * html .breadcrums {margin-left: 4px;} .breadcrums a {color: #939393; padding: 0; padding-right: 5px;} .dot-line {background: url([:url_img:]/themes/dot_line.gif) 0 0 repeat-x; margin: 0; height: 1px; clear: both;} /* product detail style */ #product-detail {text-transform:lowercase} #product-detail .addtocart_button, #product-detail .addnewreview_button{width:auto; height:18px; font-size:10px} #product-detail .addtocart_button:hover, #product-detail .addnewreview_button:hover {background-color:#666666} #product-detail .checkout_button {width:auto; height:18px; font-size:10px} #product-detail .checkout_button:hover{ background-color:#000000} #product-detail .product_img {cursor:pointer} #product-detail .productname {font-family: Arial, Helvetica, sans-serif; font-size: 13px;letter-spacing:0px;font-weight:bold; color: #000} #product-detail h1.productname {text-align: left;} #product-left ul, #product-right ul, #product-bottom ul {float:left; list-style: none; margin: 0; padding-top:10px;} /*#product-left {width: 345px; float:left; clear:right; text-align:center; margin-top:10px; margin-left:10px}*/ #product-left {width: 285px; float:left; clear:right; text-align:center; margin-top:10px; margin-left:10px} #product-left li {display:inline; height: 104px;} * html #product-left html {height: 1px;} #product-left .img {margin-right: 5px} #product-left .enlarge {width:90%; padding:0 0 10px 0; margin:0 auto; margin-top:10px;} * html #product-left .enlarge {margin-top:0;} #product-left .enlarge a {padding:0 0 10px 0;} #product-left .enlarge a:hover {color: #000;} /*#product-right {width: 430px; padding:0; float: right; margin-top:10px; font-size: 10px;}*/ #product-right {width: 550px; padding:0; float: right; margin-top:10px; font-size: 10px;} #product-right label {display: block;} #product-right h2 {color:#333; font-size:14px; font-weight:bolder; letter-spacing:-1px; margin:10px 0; text-transform:lowercase;} #product-right input.t-field{padding-left: 1px;} * html #product-right input.t-field{padding-left: 2px;} #product-bottom {border-top: #CCC solid 1px;} .mo-id li {float: left; margin-right: 5px;} .box-product-reviews{text-transform:none;} .box-product-reviews a{text-decoration:underline;} .box-product-reviews a:hover{text-decoration:none;} .box-product-reviews .reviews-list{margin:0;padding:0;} .box-product-reviews table{width:100%} .box-product-reviews table td{text-align:left;vertical-align:top;} .box-product-reviews table .col-author{border:1px solid #ccc;border-width:0 1px 1px 1px;width:90px;} .box-product-reviews table .first .col-author{border-width:1px;} .box-product-reviews table .col-author .inner{padding: 5px 8px;} .box-product-reviews .author-name{font-size:12px;line-height:16px;color:#000;display:block} .box-product-reviews table .col-content{} .box-product-reviews table .col-content strong{line-height:16px;} .box-product-reviews table .col-content p{line-height:13px;font-size:11px;color:#666;margin: 0 0 8px;} .box-product-reviews table .col-content .inner{border-bottom:1px dotted #ccc;margin-left:10px;padding:5px 8px;padding-left:0} .box-product-reviews .bot-question {} .box-product-reviews .bot-question a {padding:0 8px;} .box-product-reviews .tb-top{margin-bottom:20px;width:100%;padding-bottom:1px} .box-product-reviews .tb-bot{margin-top:20px;} .tx {font-size: 10px; line-height: normal;} .small {color: rgb(157, 157, 157); margin-top: 3px;} .small span {margin-left: 20px;} .price-pro {color: #000; margin: 15px 0; font-size: 16px; line-height:22px} .price-pro s {color: #666;font-size: 13px;} .price-pro span {color: #666;font-size: 13px;} .price-pro b {font-size: 17px;} .price-pro s, .price-pro b, .price-pro span {display: block;} /* links under the add to cart */ .lk-wl {line-height: normal;} .lk-wl a {color: #666666} .lk-wl a:hover {color: #999999} /* end product detail style */ /* select style*/ .filter_search_form {cursor: pointer; margin-top: 0px; font-size: 10px;} .filter_search_form ul {list-style: none; margin: 0; padding: 2px 0;} .filter_search_form li {padding: 0 1px;} * html .filter_search_form li {height: 1px;} .filter_search_form a {color: #6D6D6D; display: block; padding: 0 2px; z-index: 1;} .filter_search_form a:hover {color: #000;} .filter_search_form div {border: 1px solid #999; padding: 0 2px; z-index:150;} .filter_search_form_select {background: url([:url_img:]/icons/select_down2.gif) 100% 0 no-repeat; z-index: -11; padding: 0; height: 16px; line-height: 16px;} .dd-select-option{position: absolute; background: #FFF; margin-top:-1px; z-index:1000; overflow-y: auto;} .filter_search_form_select_options {background-color: #FFF; margin-top: -1px; padding: 2px 4px; position: absolute; visibility: hidden; z-index: 1;}/* end select style */ /* shopping cart style */ #shopping_cart {} .shopping-cart { margin-bottom: 60px; } .shopping-cart th, .my-account th, .my-account th a, .wishlist th, .wishlist th a , #refer_friend_list thead td{color: #FFF;} .shopping-cart th, .my-account th, .wishlist th {background-color: #9B9B9B; line-height: normal; padding: 3px 0 4px;} .shopping-cart th.textleft {padding-left: 18px;} .shopping-cart th.color, .my-account th.color {background-color: #848484;} .shopping-cart tr.alternate {/*background-color: #F7F7F7;*/} .shopping-cart tr.row td {border-top: #D5D5D5 solid 1px; padding: 1px 2px 4px;} .shopping-cart td {vertical-align: middle; text-align: center; font-size: 14px; color: #000;} #pdname, #pdname h1 { font-size: 14px!important; font-weight: normal!important; text-transform: uppercase; padding-left: 0; } #pdname, #pdname h1, .shopping-cart td.name a { color: #333!important; } .shopping-cart td.name {text-align: left; vertical-align: top;} .shopping-cart td.name img, .shopping-cart td.name span {display: block;} .shopping-cart td.name img {padding-right: 17px; float: left;} .shopping-cart td.name span {padding-top: 5px; line-height: 14px;} .shopping-cart .qty {text-align:center} .shopping-cart .qty input{ padding:4px 10px; font-size:12px; text-align:center; color:#000} .shopping-cart .qty input.changed { background-color:#FF9} .shopping-cart td.textright {padding-right: 14px; text-align: right;} .shopping-cart tr.total td {padding: 0;} .shopping-cart tr.total th {background: #FFF url([:url_img:]/icons/dot.gif) top repeat-x; color: #000; font-size: 14px; padding: 8px 14px 0 5px; text-align: right;} .shopping-cart tr.total th b {color: #666; text-transform: uppercase; text-align: left;} .shopping-cart tr.total th.h71 {height: 71px; padding: 0;} .shopping-cart td.pricetotal {font-size:15px; font-weight: bold;font-weight:normal\9;width:120px;white-space:nowrap} .shopping-cart .price-normal{white-space:nowrap} #checkout .shopping-cart td.name{font-size:80%} #checkout .shopping-cart td.name img {padding-right: 5px} #checkout .shopping-cart .submit { font-size:10px} .cart_price_origin {min-width:70px;white-space:nowrap;} .shopping-cart .error {} /* end shopping cart style */ /* check out style */ .c-left {width: 430px; float: left;} .c-right {width: 480px; float: right;} .c-left label, .c-right label {width: 125px;} .c-right label {width: 175px;} div.total {padding: 0 10px 0 5px; width: 300px;} div.total p, div.total label, div.total span {display: block; float: left; text-align: right; margin: 5px 0; line-height: 18px;} div.total p, div.total span, div.total div {font-weight: normal; color: #666;} div.total div, div.total span {text-align: left;} div.total p {width: 150px; font-size: 11px; text-transform: uppercase;} div.total label {width: 135px; white-space: nowrap;} div.total br {clear: both;} div.total span {font-size: 9px; color: #929292;} div.total .mar01 {margin-top: 7px;} div.total .mar02 {margin-top: -5px;} div.total strong {font-size: 14px; color: #000;} .h-line {border-top: #B7B7B7 solid 1px; margin: 5px 0; height: 1px; width: auto; clear: both;} * html .h-line {margin-top: 20px;} *+html .h-line {margin-top: 20px;}/* end check out style */ /* my account style */ .acc-left, .return-items, .return-form {float:left; width: 614px;} .acc-left b, .return-items b {text-transform: uppercase;} .acc-left b {color: #663399;} .bn-right {float:right;} .return-items b {display: block;} .return-items h3, .return-items p, .return-items li {margin: 25px 0;} .return-items h3 {margin-top: 50px;} .return-items li li {margin: 0;} .return-items a {color: #000; font-weight: bold;} .return-items ol {list-style-type: none;} .return-items ul {margin-left: 40px; list-style-type: disc; list-style-position: outside;} .return-items address span {background-color: #EFEFEF;} .return-items .l-num {font-size: 18px; padding-right: 4px;} .my-account th.textleft, .my-account td.textleft {padding-left: 12px; text-align: left;} .my-account td.color {background-color: #F7F7F7;} .my-account td {padding: 3px 3px 0 3px; text-align: center;} .my-account td.textright {text-align: right;} .my-account td.p-r1 {padding-right: 30px;} .my-account td.p-r2 {padding-right: 50px;} .acc {width: 564px; margin: 10px auto;} .acc p {margin: 20px 0;} *+html .acc p {overflow: hidden;} .acc a, .acc b {display: block; text-align: left; float: left;} .acc a {width: 250px;} .acc b {width: 236px; color: #000; text-transform: uppercase; font-weight: bold; text-align: right; background: url([:url_img:]/bullet.gif) 100% 6px no-repeat; text-align: right; padding-right: 14px;} .acc b, .acc a.left {text-align: right; margin-right: 50px;} .acc b, .acc a.left {text-align: right; margin-right: 50px;} .acc a:hover {color: #663399;}/* end my account style */ /* gift card style */ .gift-left {float:left; width: 640px; margin-left: 17px;} .gift-left p {line-height: 14px;} .gift-right {float:right; width: 250px;}/* end gift card style */ /* wishlist style */ .wishlist th {padding-left: 15px; padding-right: 8px; text-align: left;} .wishlist th.textright {text-align: right;} .wishlist th a {padding: 0 5px;} .wishlist th span {font-weight: normal;} .wishlist td {border-top: #D6D6D6 solid 1px; padding: 7px 3px; text-align: center;} .wishlist td.textleft {text-align: left; vertical-align: top;} .wishlist td.textleft span {display: block;} .wishlist b {color: #000;}/* end wishlist style */ /* return form style */ .return-form p {margin: 0;} .return-form .txt-l {margin: 20px 0;} .return-form b {display: block;} .return-form p.r-field {margin: 4px 0;} .r-field {background-color: #E8E8E8; line-height: normal; width: 550px;} .r-field span {background-color: #FFF; padding-right: 2px;}/* end return form style */ /* form style */ fieldset {display: block; padding: 0 15px 20px 25px; border: 1px solid #B2B2B2;} fieldset legend, fieldset legend a {color:#000; text-align: left;} fieldset legend {font-size: 13px; text-transform:capitalize; font-weight:bold; padding: 0 8px;} fieldset legend {font-weight:normal\9} fieldset legend a {font-size: 13px; color: #000;text-decoration: none;} fieldset label, fieldset input, fieldset textarea, .r-customer label, .r-customer input, .gift-card label, .gift-card input, .gift-card textarea {float: left; margin-bottom: 9px;} fieldset label, .gift-card label {text-align: right; margin-right: 12px;} fieldset br, .r-customer br, .gift-card br {clear: both;} fieldset span.fl {margin-left: 6px; margin-right: 43px;} * html fieldset span.fl {margin-left: 3px;} *+html fieldset span.fl {margin-left: 3px;} fieldset span.m-r26 {margin-right: 20px;} * html fieldset span.m-r26 {margin-right: 15px;} *+html fieldset span.m-r26 {margin-right: 15px;} /* html*fieldset input[type=radio] {[margin-top: 0;margin-top: 3px;]margin-top: 0;} hack safari */ fieldset a {font-size: 12px; color: #999; text-decoration: underline;} fieldset a:hover {text-decoration: none;} fieldset span.note {font-size: 10px; display: block; float: left; margin-top: -6px;} fieldset span.no-mr {margin-right: 0;} fieldset li a, fieldset .r-text a {text-decoration: none;} #coupon_form {margin: 0 auto; font-size: 11px; font-weight: normal; color: #666;} *+html #coupon_form {overflow: hidden;} #coupon_form .m {margin-top: 3px; margin-right: 8px;} .coupon {/*width: 412px; text-align: center;*/} .coupon label {margin-right: 7px; width: auto;} .coupon input {margin-right: 5px;} #shipping_form {margin-top: 14px;} * html #shipping_form {margin-top: 11px;} *+html #shipping_form {margin-top: 11px;} #bill_form {margin-top: 14px;} * html #bill_form {margin-top: 11px;} *+html #bill_form {margin-top: 11px;} .shipping {/*width:456px; height: 195px;*/ } .c-right fieldset{padding-right: 0px;} .shipping label {width: 160px; margin-right: 9px; margin-bottom: 4px;font-weight: bold;} .shipping p {float: left; margin: 0;} .shipping .total {color: #000; font-weight: bold; text-transform: uppercase;margin-top: 7px;} .shipping p.total {font-size: 16px;} .thankyou-confirm label {width: 160px; margin-right: 9px; margin-bottom: 4px;font-weight: bold;} .thankyou-confirm p {float: left; margin: 0;} .thankyou-confirm .total {color: #000; font-weight: bold; text-transform: uppercase;margin-top: 7px;} .thankyou-confirm p.total {font-size: 16px;} #change-acc {border: none;} #change-acc legend {font-size: 11px; text-transform: uppercase; font-weight:bold; color: #666; padding-left: 130px;} * html #change-acc legend {padding-left: 125px;} *+html #change-acc legend {padding-left: 125px;} #change-acc label {width: 160px;margin-top:9px} #edit-add label{width: 140px;margin-top:9px} .ps-info label, .options label, .address label {width: 140px;} .ps-info, .options, .address {width: 420px;} .login {/*width: 380px;*/} .s-cart-bot {border: #B2B2B2 solid 1px; border-width: 1px 0; padding: 32px 0 32px 50px;} .s-cart-bot h2 {font-size: 13px; color: #000; margin: 0; margin-bottom: 5px;} .s-cart-bot p {margin-top: 0; margin-bottom: 12px;} *+html .s-cart-bot {overflow: hidden;} .c-shopping {width: 202px;} .p-checkout {width: 186px;} .r-customer {width: 310px;} * html .r-customer {width: 280px;} .p-checkout, .r-customer {padding-left: 107px; background: url([:url_img:]/icons/v_line.gif) 53px 0 no-repeat;} .r-customer label {width: 100px; margin-right: 6px;} p.sm {text-align: right; margin: 0; font-size: 10px; line-height: normal; margin-right: 15px;} * html p.sm {margin-right: 5px;} .r-customer a {color: #888; text-decoration: underline;} .r-customer a:hover {text-decoration: none;} .m-height {min-height: 170px; height: auto !important; height: 170px;} p.required, div.required {/*background: url([:url_img:]/icons/required.gif) 100% 6px no-repeat; padding-right: 11px; margin: 0;*/} .re-text {color: #979797; margin-top: 0; font-size: 10px;} .m-check {margin-top: 2px; margin-left: -5px;} /* html*.m-check {[margin-left: -5px;margin-left: 0;]margin-left: -5px;}*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .m-check {margin-left: 0;} fieldset input[type=radio] {margin-top: 3px;} } /* hack safari */ .r-text {margin-bottom: -12px;} * html .r-text img, re-text {vertical-align: middle;} *+html .r-text img {vertical-align: middle;} .gift-card label {width: 135px;} .gift-card span.n {display: block; float: left; font-size: 10px; margin-top: -8px;} .gift-card .m {margin: 9px 19px 9px 5px;} #manage-add {padding-right: 25px;} #manage-add table {margin-bottom: 10px;} #manage-add table td {vertical-align: top; width: 25%;} #manage-add table input {margin-top: 2px; border: none;} #manage-add table p {float: left; margin: 0; margin-left: 10px; width: 140px;} #manage-add table span, #manage-add table strong {display: block;} .h-line2 {border-top: #D1D1D1 solid 1px; padding-top: 20px;} /*hack ie*/ * html .p-n {padding: 0;} *+html .p-n {padding: 0;} /* ----------------------------------------------------------------------------------------------- end content style ---------------*/ /* footer style */ #footer {height: 50px; margin: 0 auto; padding-top: 37px; font-size: 10px; text-align: right;} #footer, #footer a {color: #989898;} #footer a {padding-left: 14px;} #footer a b {color: #000;} #footer a:hover {color: #929292;}/* end footer style */ /* distance style */ .no-mt {margin-top: 0;} .no-mr {margin-right: 0;} .mar5 {margin: 5px 0;} .mar9 {margin: 9px 0;} .mar10 {margin: 10px 0 20px;} .mar12 {margin: 0 10px 0 0;} * html .mar12 {margin-bottom: 12px;} *+html .mar12 {margin-bottom: 12px;} .mar20 {margin: 0 20px 0 10px;} .mar30 {margin: 30px 0 30px 9px;} * html .mar30 {margin: 23px 0 23px 9px;} *+html .mar30 {margin: 23px 0 23px 9px;} .m-r2 {margin-right: 2px;} .m-r5 {margin-right: 5px;} .m-r12 {margin-right: 12px;} .m-r15 {margin-right: 15px;} .m-r18 {margin-right: 18px;} * html .m-r15 {margin-right: 7px;} .m-r20 {margin-right: 20px;} .m-b10 {margin-bottom: 10px;} .m-b17 {margin-bottom: 17px;} .m-t20 {margin-top: 20px;} .m-t10 {margin-top: 10px;} .m-t5 {margin-top: 5px;} .m-l10 {margin-left: 10px;} .m-l15 {margin-left: 15px;} .m-l20 {margin-left: 20px;} .m-l18 {margin-left: 18px;} .b-dis01 {padding-left: 9px; padding-right: 15px; margin-top:23px;} .pad23 {padding: 23px 0 20px;}/* end distance style */ /* width/height style */ .wp100 {width: 100%;} .wp10 {width: 10%;} .wp15 {width: 15%;} .wp16 {width: 16%;} .wp60 {width: 60%;} .wp70 {width: 70%;} .w50 {width: 50px;} .w56 {width: 56px;} .w63 {width: 63px;} .w90 {width: 90px;} .w100 {width: 100px;} .w110 {width: 110px;} .w130 {width: 130px;} .w137 {width: 137px;} .w144 {width: 144px;} .w150 {width: 150px;} .w155 {width: 155px;} .w180 {width: 180px;} * html .w180 {width: 160px;} .w190 {width: 190px;} .w191 {width: 191px;} .w200 {width: 200px;} .w210 {width: 210px;} .w260 {width: 260px;} .w400 {width: 400px;} .w300 {width: 300px;} .w430 {width: 430px;} .w435 {width: 435px;} .w510 {width: 510px;}/* end width/height style */ /* clearfix */ .clearfix:after {clear: both;display: block;content: ".";height: 0;visibility: hidden;} * html > body .clearfix {width: 100%;display: block;} * html .clearfix {height: 1%;} *+html .clearfix {overflow: hidden;} .style21{color:#6600FF; font-family:arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; text-align:justify;} .style22{list-style-type:none; margin:0px; padding:0px; line-height:15px; font-family:} .style23{font-family:Helvetica 95 Black; font-size:18px;} .style20{color:#333333;font-family:Verdana,Arial,Helvetica,sans-serif;} .style30{font-family:Verdana,Arial,sans-serif;font-size:12px;font-weight:bold;} .style29{font-family:Verdana,Arial,sans-serif;font-size:14px;font-weight:bold;} .style10{color:#000000;font-family:"Helvetica 95 Black";font-size:18px;} .td_style{ font-size:11px;} .sub_link{font-size:11px; line-height:13px;} .subcat{ height:100px;} .subs{font-size:10px;margin:0;text-transform:lowercase;line-height:13px;} .error {border: 1px solid red;} .labels { height:60px; color:#666666; display:block; float:left; font-family:"Courier New",Courier,monospace; font-size:11px; margin-bottom:7px; margin-right:12px; text-transform:uppercase; } .brand-list{float:left;text-align:left} .brand-list li{list-style:none;display:inline;} .brand-list li a {border:none} .brand-list li img {margin-right:5px} .radiolabel input{float: left; margin-bottom: 0px;} .genderradio .radiolabel {float: left; margin-left: 6px; margin-right: 43px;} .paymentmethodradio .radiolabel {float: left; margin-left: 6px; margin-right: 26px;} .checkout {width: 500px;} .checkout .c-right {width: 500px;} .checkout .coupon {/*width: 456px;*/} .checkout .r-checkout {/*width: 456px;*/ margin-top: 1px;} form .checkout .r-checkout {padding:0 15px 20px 25px;} fieldset .checkout .coupon {padding: 0px;} .checkout .product_in_cart {margin-right: 0px;width: 500px;} .manage-address {margin-top: 5px; margin-bottom: 5px; width: 230px;} .manage-address strong {display: block; float: right; margin-right: 20px;} .manage-address span {display: block; float: right; margin-right: 20px;} .clr_menu{clear: both; /*text-align:right;*/text-align:left; width:143px; padding-bottom: 3px;} .country_select { position:absolute; right:0px; top:10px;} .number {text-align: right;} .my-account td.p-r1 { padding-right:30px; } .my-account td.number { text-align: right; } .my-account td.first { text-align: left; } ul.pager_list li{ display:inline; cursor:pointer} ul.pager_list li.current_page{ font-weight:bold} ul.rpp_list li{ display:inline; cursor:pointer} ul.rpp_list li.current_rpp{ font-weight:bold} /* thank you style */ .thankyou p{padding:0px;margin:0px;text-align:center} .total-thankyou td{ padding:0 5px} .total-thankyou th {background: #FFF url([:url_img:]/themes/dot.gif) top repeat-x; color:#666666;font-size: 11px;font-weight:normal;padding:10px 13px 0px 13px } .total-thankyou2 th{background: #FFF url([:url_img:]/themes/dot2.jpg) top repeat-x; color:#666666;font-size: 14px;font-weight:normal;padding:10px 13px 0px 13px;margin-top:10px;position:relative } .fs-14{font-size:14px} .pd-b15 td {padding-bottom:15px} .p-b10{padding-bottom:10px} .cl-00{color:#000!important} #categories_select_dd {width: 102px;} .r-checkout {margin-top: 10px;} /*selectbox*/ .fl .selectbox .list {width: 100px; z-index: 100;} .list .item {z-index: 100; font-size: 10px; color:#666666} #proid_select_dd .selected{font-size: 10px; color:#666666; } #country_select_dd .selected{font-size: 10px; color:#666666; } .selectbox {z-index: 1; } .selectbox .list {z-index: 100;} .m-b10 .selectbox .list {width: 178px;} .customer .selectbox {width:208px;} .customer .selectbox .list {width:206px;} .c-left .selectbox {/*width:208px;*/ width: 144px;} .c-left .selectbox .list {width:206px;} .acc-left .selectbox {width:208px;} .acc-left .selectbox .list {width:206px;} .shipping .selectbox {width:240px;} .shipping .selectbox .list {width:238px;} .creditcard_month .selectbox {width:90px} .creditcard_month .selectbox .list {width:88px;} .creditcard_year .selectbox {width:80px; margin-left:3px} .creditcard_year .selectbox .list {width:58px;} .top-category .selectbox {width:100px;} .top-category .selectbox .list {width:98px;} .top-category .list .item { text-align:left} .filter .selectbox {width:180px} .filter .selectbox .list {width:178px;} .subcategories { width:135px; margin-top:0px; margin-bottom:0px;} .subcategories .subcats {list-style:none;margin-top:0px;text-align:left;font-family:arial;} .current { font-weight:bold;color:#222; } /*wishlist box search*/ #holiday { display: table; font-family: Arial, Helvetica, sans-serif; color: #000; } #holiday form{ margin: 0; padding: 0; } #holiday .sign-in label, #holiday .sign-in a { font-size: 10px; } #holiday .sign-in a { color: #000; text-decoration: underline; } #holiday .sign-in a:hover { text-decoration: none; } #holiday .sign-in label, #holiday .sign-in input, #holiday .sign-in a { float: left; display: block; } #holiday .sign-in label, #holiday .sign-in input.text-input { width: 150px; } #holiday .sign-in input.text-input { background: #FFFDAF; border: none; padding: 5px; font-size: 11px; width: 140px; } #holiday .sign-in input.c-p { background: #EAEAEA; } #holiday .sign-in p { clear: both; margin: 22px 0; } #holiday .sign-in p.mar2 { margin: 10px 0; } * html #holiday .sign-in p { margin: 11px 0; } *+html #holiday .sign-in p { margin: 11px 0; } #holiday hr { color: #5A5A5A; /* IE */ background: #5A5A5A; /* FF */ border: 0; height: 1px; margin: 0; margin-top: 47px; padding: 0; clear: both; } * html #holiday hr { margin-top: 17px; } *+html #holiday hr { margin-top: 17px; margin-bottom: 5px; } #holiday h3 { font-size:17px; margin-bottom: 0px; } #holiday .dr { margin: 0 auto; text-align: left; } #holiday .box { float: left; background-color: #FFF; } #holiday .box div { background: url([:url_img:]/icons/h_top.gif) top repeat-x; } #holiday .box div div { background: url([:url_img:]/icons/h_bottom.gif) bottom repeat-x; } #holiday .box div div div { background: url([:url_img:]/icons/h_left.gif) left repeat-y; } #holiday .box div div div div { background: url([:url_img:]/icons/h_right.gif) right repeat-y; } #holiday .box div div div div div { background: url([:url_img:]/icons/h_corner_tl.gif) top left no-repeat; } #holiday .box div div div div div div { background: url([:url_img:]/icons/h_corner_tr.gif) top right no-repeat; } #holiday .box div div div div div div div { background: url([:url_img:]/icons/h_corner_bl.gif) bottom left no-repeat; } #holiday .box div div div div div div div div { background: url([:url_img:]/icons/h_corner_br.gif) bottom right no-repeat; } #holiday .box div div div div div div div div div { padding: 16px 11px 19px 5px; background: none; overflow: hidden; } #holiday .box div.search-w { background-color: #EAEAEA; padding: 10px; } #holiday .search-w h3 { color: #FFF; text-transform: uppercase; margin: 0; margin-bottom: 10px; padding: 0; } #holiday .search-w label { color: #666666; text-transform: uppercase; font-size:11px; font-family:"Courier New", Courier, monospace; display: block; float: left; margin-right: 12px; margin-bottom: 7px; } * html #holiday .search-w label { margin-right: 6px; margin-bottom: 0; } *+html #holiday .search-w label { margin-right: 6px; margin-bottom: 0; } #holiday .search-w input.text-input2, #holiday .search-w select { background: #FFFDAF; border: none; padding: 5px; font-size: 11px; text-transform: none; } #holiday .search-w input.text-input2 { width: 128px; } #holiday .search-w select { padding: 4px 5px; } #holiday .search-w p { clear: both; margin: 0; } #holiday .w366 { width: 366px; } #holiday .w852 { width: 852px; } #holiday .box div.pad1 { padding: 0 11px 0 18px; } #holiday .box div.pad2 { padding: 0 11px 0 5px; } #holiday .mar { margin-right: 94px; } #holiday .h12 { height: 12px; } * html #holiday .h12 { height: 15px; } *+html #holiday .h12 { height: 15px; } /* clearfix */ .clearfix:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html > body .clearfix { width: 100%; display: block; } * html .clearfix { height: 1%; } div.messagebox.confirm {background-image:none; padding-left:30px} .cursor{cursor: pointer;} .outofmess {letter-spacing:0px;font-family: Arial, Helvetica, sans-serif; color:#000;font-weight:bold;font-size: 16px;margin:10px 10px 10px 0; text-transform:uppercase; height: 100px;} /* Product-list 2*/ .mr-l30{margin-left:30px} *+html .m-b17{margin-bottom:10px} *+html .m-b10{margin-bottom:0px} * html .m-b17{margin-bottom:10px} * html .m-b10{margin-bottom:0px} .w250{width:250px} .w70{width:70px} .w350{width:350px} .mr-t7{margin-top:7px} .mr-r10{margin-right:10px} .t-l{text-align:left} .page-link-list {text-align: right; color: #CACACA;} .page-link-list .dot-line{padding-bottom:10px} .page-link-list a {color: #6D6D6D;} .page-link-list a, .page-link span {padding: 0 4px;} .page-link-list a:hover {/*color: #6633FF;*/ color: #000;} #product-list-view-ct{float:left;text-align:left;margin:25px 0} #product-list-view-ct .product-left {width:425px;float:left;padding-right:20px} #product-list-view-ct .product-left h2 {font-size:11px;font-weight:bold;vertical-align:top;padding:0px;margin:0px} #product-list-view-ct .tx{padding:0px 15px 17px;border-left:1px solid #cacaca;} #product-list-view-ct .form-list-view {padding:20px 0;float:left;} .grid-list {line-height:37px;} .grid-list a {margin-top: 12px;} .grid-list span {display:block;} .pager {float:right;} .page-link.view-all {float:right;width:140px;margin-right:15px;line-height:37px} .checkoutconfirm fieldset{width: 430px ;} .checkout_label{margin-bottom: 5px; text-transform: uppercase; font-weight: bold; font-size: 13px; color: #000000;} .clear{clear: both;} /*product print*/ .heading_title{color:white;font-family:Arial;font-size:9pt;font-weight:bold;letter-spacing:0; height:20px; text-align: center;} .option_content{font-size:9pt; font: Verdana,Arial,Helvetica,sans-serif; color: #000000; font-weight: bold; text-transform: lowercase;} .tbl_option{border-color:1pt red; border-collapse: collapse;} .print_product, product_item {vertical-align: bottom;} .print_product td {vertical-align: top; font-size: 9pt; text-align: left;} .print_product th {color: #cbcbcb; font-weight:bold; text-align: left; min-width: 110px;} .print_product td label{color: #cbcbcb; font-weight:bold; text-align: left; min-width: 110px;} .print_product, .product-list a {color: #6D6D6D; line-height: normal;} .print_product, .option_content{font-size:9pt; font: Verdana,Arial,Helvetica,sans-serif; color: #000000; font-weight: bold;} .heading{color: #6D6D6D; font-weight:bold; } #print_product, #footer {width: 1100px; padding-right: 10px;} #print_product {min-height: 100%; height: auto !important; height: 100%; margin: 0 20px 0px 20px;} .newsletter {padding: 0;} .b-newsletter { border:medium none; color:#000; cursor:pointer; font-weight:bold; padding:0 7px; background-color:#999999; font-size:13px; height:25px; } .look_desc{float: left;margin: 5px 0px; text-align: left;} fieldset input[type=checkbox], .options {float: none;} .c-left-login {width: 430px; float: left;} .c-left-login label {width: 90px;} .my-buys img { max-width:125px; width: expression(this.width > 125 ? 125: true); } #product-img img.medium { /*max-width:280px;*/ width: expression(this.width > 280 ? 280: true); } td.product-general { width:390px; } div.mbitem { padding-top:5px; padding-bottom:5px; } /* Updated by ThietDV */a#radio-item, a#radio-item2 { background-repeat:no-repeat; background-position:center; cursor:pointer; border:1px solid #C3C3C3; display:block; height:18px; width:30px; color:#343434; text-align:center; } a#radio-sold { background-color:#D2D1D0; background-repeat:no-repeat; background-position:center; border:1px dotted #ffffff; display:block; height:18px; width:30px; color:#ffffff; text-align:center; } /* Updated by Thuanlq */ table#option_radio { /*text-transform:uppercase;*/ } a#radio-item:hover { background-color:#000000; color:#FFFFFF; } /* a.item-current { background-image:url("[:url_base_img:]/radiobox/select.PNG"); width:60px; } */ #option_radio a.radio_label { text-transform:none; } a#item-current { background-color:#000000; /*background-image:url("[:url_base_img:]/radiobox/select.PNG");*/ background-repeat:no-repeat; background-position:center; display:block; height:18px; width:30px; color:#fff; border:1px solid #C3C3C3; text-align:center; cursor:pointer; } /*Updated by thuanlq*/ #slider{} #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ overflow:hidden; } #slideshow { position:relative; } #slideshow IMG { cursor:pointer; position:absolute; top:0; left:0; z-index:8; opacity:0.0; } #slideshow a.active IMG { z-index:10; opacity:1.0; } #slideshow a.last-active IMG { z-index:9; } /*End update*/ p.sgin { height: 26px; } .sgin a, .top-link a, .header-right2 .right-cthead a.bt-ser { font-weight:normal; } form.newsletter { width: 305px; } input.newsletter { width: 200px; height: 18px; background-color: #cccccc; padding: 0 3px 0 0; vertical-align: bottom; } input.newsletter-button { margin-left: 6px; height: 20px; font-size: 11px; color: #333333; background-color: #ffffff; /*text-transform: uppercase;*/ vertical-align: middle; font-weight: normal; padding: 0; } input.newsletter-button:hover { color: #ffffff; background-color: #000000; } .newsletter-heading { font-size: 12px; } p.newsletter { text-align: left; margin-top: 0pt; } td.mblegend {display: none} /* Updated by ThietDV - 2010/08/11 */ .bignext,.bigprev{ display:block; width:40px; height:40px; border:none; padding:0; margin-top:-20px; text-indent:-1000px; overflow:hidden; background:url('[:url_img:]/bg_next_prev_button.png') no-repeat 0 0; position:fixed; top:50%; z-index:200; } a.bignext,a.bigprev{border:none;} .bigprev,.bigprev:active{background-position:0 0;left:40px;} .bigprev:active{left:38px;} .bigprev:hover{background-position:0 -40px;} .bignext,.bignext:active{background-position:-40px 0;right:40px;} .bignext:active{right:38px;} .bignext:hover{background-position:-40px -40px;} #newsletter-dialog {margin: 20px;} .newsletter-dialog-like { width: 250px; padding-left: 20px; position:absolute; bottom: 0; overflow: hidden; } /*--- update new design - March 16, 2011 ------------------------------------*/ /* For IE */ @font-face { font-family: MyriadPro-LightSemiExt; src: url('[:url_font:]/MyriadPro-LightSemiExt.eot'); } /* For other browsers */ @font-face { font-family: MyriadPro-LightSemiExt; src: url('[:url_font:]/MyriadPro-LightSemiExt.otf') format("opentype"); } /* round corner box molude - 6 div s */ .round-outer, .round06 { background:url('[:url_img:]/round_edge.gif') 0 0 repeat-y; } .round06 { background-position: 100% 0; } .round05, .round04 { background:url('[:url_img:]/round_top.gif') 100% 0 no-repeat; } .round04 { background-position: 0 -10px; } .round03 { background:url('[:url_img:]/round_bottom.gif') 100% 100% no-repeat; } .round-inner { background:url('[:url_img:]/round_br.gif') 0 100% no-repeat; padding: 10px 10px 13px; *font-size:12px } /* end: round corner box molude */ .page-title, .round-inner fieldset legend, .round-inner fieldset, .round-inner div, .input-text input, .left-column td, .summary-cart td, .summary-cart th, .shopping-cart .qtyedit { font-family: MyriadPro-LightSemiExt; font-size: 14px; } .page-title, .round-inner fieldset legend, .round-inner fieldset, .round-inner div, .input-text input, .left-column td, .summary-cart td, .summary-cart th, .shopping-cart .qtyedit {font-weight:normal\9;font-size:12px\9;} .checkout-note a,#redeem_gift_code,#enter_promotion_code { text-decoration:underline } .page-title, .round-inner fieldset legend { color: #000; font-size: 22px; text-align: right; text-transform: lowercase; padding: 7px 4px; border-bottom: #D5D5D5 solid 1px;margin:0 } .scart .page-title { margin-bottom: 0; /*border-bottom: none;*/ } .left-column, .right-column { float: left; width: 731px;} .right-column { width: 242px; margin-left: -2px; } .v-line { background:url('[:url_img:]/grey_dot.gif') 50% 0 repeat-y; } /* cart page */ .scart, .sckout { padding: 10px 27px 13px 15px; } .summary-cart th, .summary-cart td { text-align: right; color: #000; padding-bottom: 7px; } .summary-cart span { color: #69C; } .summary-cart .o-total th, .summary-cart .o-total td { padding: 25px 0; } .summary-cart .o-total td { font-size: 18px; font-weight: bold; } .summary-cart .o-total td { font-weight:normal\9; font-size:16px;*font-weight:normal } .summary-cart .o-total th { font-size: 24px;font-size:21px\9; } .summary-cart .wp-col1 { width: 47%; } .shopping-cart .qtyedit {padding:2px 7px 3px; cursor:pointer; color:#666; background: #F0F0F0; border-style: solid; border-width: 2px 0 0 1px; border-top-color: #DEDEDE; border-left-color: #CFCFCF;} .shopping-cart .qtyedit:hover {} #billing_block_confirm , #checkout_payment_block, #billing_block_confirm, #shipping_block_confirm {color:#666} .sckout .checkout-error {position:relative;top:-5px;} .sckout .input-text required .checkout-error {top:0} #ShippingCity-msg .checkout-error, #ShippingPostcode-msg .checkout-error, #ShippingState-msg .checkout-error , #BillingCity-msg .checkout-error , #BillingState-msg .checkout-error , #BillingPostcode-msg .checkout-error , #BillingPostcode_err .checkout-error , #BillingState_err .checkout-error , #BillingCity_err .checkout-error {padding:0;background:none;top:0} #ShippingCity-msg span, #ShippingPostcode-msg span, #ShippingState-msg span , #BillingCity-msg span, #BillingState-msg span, #BillingPostcode-msg span {padding:0;background:none} .creditcard_ajax_message div.warning {position:relative;top:-5px} /* end: cart page*/ /* login page */ .round-inner .c-left-login, .round-inner .c-right { width: 46%; } .round-inner fieldset { border: none; padding: 0; margin-bottom: 20px; color: #000;width:325px } .round-inner fieldset legend { display: block; width: 325px ;padding:7px 0;} .round-inner fieldset span.note { font-size: 12px; } .mar31 {margin: 30px 20px 5px 0;} .mar32 {margin: 30px 0 5px 9px;} .register-note {position: absolute; bottom: 0; right: 0;} #customer_register .register-note a {text-decoration: underline; font-size: 14px;} .register-note span {color: #369; font-weight: bold; font-style: italic;} /* end: login page */ /* checkout page */ #checkout .c-left, #checkout .c-right {float: left; width: 47%;} #checkout .c-right {float: right;} .c-left-login, .customer {min-height: 310px;} .round-inner p.fl, .round-inner span.fl, .round-inner fieldset label, .round-inner fieldset input, .round-inner fieldset textarea, .round-inner .r-customer label, .round-inner .r-customer input, .round-inner .gift-card label, .round-inner .gift-card input, .round-inner .gift-card textarea {float: none;} .round-inner label {display: none;} .selectbox, .selectbox div.selected, .input-text, .input-text span, .i-textarea, .i-textarea span { background: url('[:url_img:]/form_style.gif') 0 0 no-repeat; } .selectbox .item { height: 29px; line-height: 29px; padding: 0 0 0 12px; } .selectbox div.selected { background-position: 100% -29px; border: none; overflow: hidden; padding-right: 25px; } .selectbox .list {width: 100%!important; top: 26px; border-width: 0 0 1px 0; border-style: solid; border-bottom-color: #EEE; background: #F5F5F5 url('[:url_img:]/form_style_bg.gif') 0 0 repeat-y;} .selectbox .list div.item:hover {background: #EEE url('[:url_img:]/form_style_bgh.gif') 0 0 repeat-y;} .input-text, .selectbox {margin-bottom: 7px;} .input-text, .input-text span, .i-textarea, .i-textarea span {display: inline-block; height: 29px; line-height: 29px;zoom:1;*display:inline;} .input-text, .i-textarea {padding-left: 11px;*margin-right:2px} .input-text span {background-position: 100% -58px; padding: 6px 10px 0 0; height: 23px;} .input-text input {padding: 0; border: none; background: transparent;} .input-text input, .selectbox div.selected {color: #666;} *+html input#ShippingCity {width:100px} .i-textarea, .i-textarea span { height: 80px; line-height: normal;} .i-textarea {background-position: 0 -287px;} .i-textarea span {background-position: 100% -367px; padding-right: 10px;} .i-textarea textarea {padding: 6px 0; border: none; background: transparent; height: 68px; } .error {background-position: 0 -174px; border:none;color: #F00;} input.error{border:1px solid #ff0000} .error span {background-position: 100% -203px;} .error div.selected {background-position: 100% -232px;} .e-note {color: #F00;} .verify {background-position: 0 -87px;} .verify span {background-position: 100% -145px;} .verify div.selected {background-position: 100% -116px;} .creditcard_month, .creditcard_year {display: inline-block;zoom:1;*display:inline} .btn-ck, .btn-ck span {display: inline-block; background: url('[:url_img:]/bg_ck.gif') 0 0 no-repeat; height: 36px;} body#shopping_cart .btn-ck, body#shopping_cart .btn-ck span, table.summary-cart .btn-ck, table.summary-cart .btn-ck span {background: url('[:url_img:]/bg_ck_new.gif') 0 0 no-repeat; height: 36px;display:inline-block} /*thien tq*/ body#shopping_cart .btn-ck, table.summary-cart .btn-ck {background-position: 100% -36px} /*thien tq*/ .btn-ck {background-position: 100% -36px; padding-right: 10px;padding-right:3px /*thientq*/} .btn-ck span {padding-left: 10px;padding-left:3px/*thientq*/} .btn-ck input {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-transform: uppercase; text-align: center; border: none; background: transparent; padding: 10px 30px 9px; cursor: pointer;} #coupon_form .btn-ck, #coupon_form .btn-ck span {height: 29px;} #coupon_form .btn-ck {background-position: 100% -101px;} #coupon_form .btn-ck span {background-position: 0 -72px;} #coupon_form .btn-ck input {padding: 6px 10px;} #frm_register_customer .btn-ck {margin-bottom: 15px;} #frm_register_customer li {font-size: 12px; line-height: normal;} .w49 {width: 49px;} .w100 {width: 100px;} .w123 {width: 123px;} .w170 {width: 170px;} .w270 {width: 270px;} .w731 {width: 731px;} .w135 {width: 135px;} .w80 {width: 80px;} .continue-shopping img {vertical-align: middle;} .continue-shopping {font-size: 17px;} /* end: checkout page*/ .radio_checkout {list-style:none} .msg-error {display:block} input[type="password"] {font-family:Arial,sans-serif} input { outline: none; } /**/ .tb-order-completed .box-title, .summary-cart .page-title{font-weight:bold;font-size:22px;color:#000;padding:7px 4px} .summary-cart .page-title {margin-bottom:5px} .summary-cart .txt-under-btn { font-size: 12px; padding: 3px 0 0; text-align: center;} .lbl-order-time, .lbl-order-time a {font-size:115%;color:#000} .thank-you-page .round-inner fieldset legend {font-size:14px;} .thank-you-page .productlist td.pricetotal {min-width:120px} /* New Black Button */ #grand_total_bar, #summary_grand_total{font-size:24px;color:#000} /*billing_city_state_block*/ #BillingCity-div, #BillingState-div, #BillingState-msg, #BillingCity-msg{margin-right:3px}