@charset "utf-8";

body {background:#fff;font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height:16px;color: #333;}
body,form,h1,h2,h3,h4,h5,h6,img,ul,li,dl,dt,dd{ margin: 0px; padding: 0px; border: 0px; }
li { list-style-type: none; }
.clear { clear:both}

a:link {text-decoration: none;color: #333;}
a:visited{text-decoration: none;color: #333;}
a:hover {text-decoration: underline;color: #F60;}

.header {width:980px;height:90px;margin:0px auto;}
.header h1 {
    color: #333333;
    float: left;
    font-size: 10px;
    margin: 5px 0 0 0px !important;
}

.header .logo {width:200px;float:left;height:65px; margin-top:5px; margin-left:0px;}
.header .cat2 {width:350px;float:left;height:20px; margin-top:5px; margin-left:0px; font-size:12px; padding-top:43px;}
.header .cat2 a{color:#CC0099;}
.header .logo img {display: inline}

.header .topother{ text-align:right;}

.header .shopping{ text-align:right; line-height:35px; font-size:12px;}
.header .shopping a:link {text-decoration: underline;color: #000;}
.header .shopping a:visited{text-decoration: underline;color: #000;}
.header .shopping a:hover {text-decoration: underline;color: #f60;}

.search { width:271px;float:right;   height:21px; margin-top:7px}
.search .text{ float:right; text-align:left}
.search .text input{

    border: 1px solid #999999;
    color: #666666;
    float: left;
    font-size: 1em;
    padding: 4px;
    text-transform: lowercase;
    width: 199px;
	height:15px;
	font-size:14px;
}
.search .btn{float:right; margin-left:5px; width:45px;}

.menu { height:28px; width:1008px;margin:0px auto; background:#CCC; background:url(images/menubg.gif); padding-left:20px; overflow:hidden}
.menu a {text-decoration: none;color: #fff;line-height:28px;font-size:12px;font-weight:200;padding:0 16px;display:block;float:left;text-transform: uppercase; border-right: 1px solid #CCCCCC; }
.menu a:link {text-decoration: none;color: #fff;}
.menu a:visited{text-decoration: none;color: #fff;}
.menu a:hover {text-decoration: none;color: #F60; background:#fff;}

.menuother { float:right; width:271px;height:36px;}

.pagemain{ width:980px;margin:0px auto;background:#fff;}

.main{width:980px;margin:0px auto; background:#fff; padding-top:10px;}
.main .banner{ margin-bottom:10px; clear:both}
.main .content { line-height:20px}

.main .left {width:200px; float:left}
.main .left .categoriestitle h2{ font-size:15px;font-weight: bold; color:#fff; line-height:29px; background: #F5900B; text-align:center;}


.main .left .lefttitle {margin-top:10px}
.main .left .lefttitle h2{ font-size:14px; font-weight: bold; color:#fff; line-height:29px; background: #F5900B;text-align:center;}
.main .left .lefttitle .box{ border:1px #CCC solid; border-width:0px 1px 1px 1px; background:#fff; padding:7px;}
.main .left .lefttitle .box p{ margin:0px}

.main .left .lefttitle .box .reviews{ padding:0px}
.main .left .lefttitle .box .reviews li {line-height:12px; padding:4px 0; border-bottom:1px dotted #CCC}
.main .left .lefttitle .box .reviews li p{ font-style:italic; width:183px; text-align:right; margin:0;color:#999}
.main .left .lefttitle .box .reviews li.more { text-align:right; border-bottom:0px dotted #CCC}

.main .left .lefttitle .box .news{ padding:3px}
.main .left .lefttitle .box .news li {line-height:12px; padding:4px 0;}
.main .left .lefttitle .box .news li.more { text-align:right;}



.leftmenu{ border:1px #DADADA solid; background:#FAFAFA; font-size:12px; font-weight:bold; border-width:0px 1px 1px 1px}
.leftmenu li {position: relative; line-height:25px; background:url(images/jt.gif) 8px 13px no-repeat}
.leftmenu li ul {position: absolute; display:none;left:196px;top: 0px; width:200px;border:1px #EE0403 solid;background:#fff; z-index:99}
.leftmenu li ul li {border-bottom:0px;line-height:20px}
.leftmenu li a { display: block;text-decoration: none;color: #000;padding:3px 10px 3px 22px; border-bottom:1px #ccc dashed; z-index:999;}
.leftmenu li a:hover {  width:167px;color: #f00;}
.leftmenu li ul li a { display: block;text-decoration: none;color: #000;}
.leftmenu li ul li a:hover { color: #f00; }
.leftmenu li.over { background:#fff;border-right:1px #EE0403 solid; z-index:1; top:-1px;}
.leftmenu li.over a { position: relative;border:1px #EE0403 solid;border-right:0px;z-index:999; background:url(images/jt.gif) 7px 13px no-repeat #FFF; color:#F00; height:24px;padding:3px 10px 3px 21px; width:165px;}
.leftmenu li.over ul { display: block;} 
.leftmenu li.over ul li { background:#fff;}
.leftmenu li.over ul li a {border:0px; height:20px;padding:5px 10px 5px 10px; color:#000; background:none}
.leftmenu li.over ul li a:hover {color:#F00}


* html .leftmenu li { float: left; height: 1%; }
* html .leftmenu li a { height: 1%; }

.main .right {width:200px; margin-left:10px; width:770px; float:left; display:inline; -margin-left:9px}
.main .right .righttitle { margin-bottom:10px}
.main .right .righttitle h1{  font-size:15px; font-weight: bold; color:#E24A01; line-height:26px; padding-left:15px;border:1px #CCC solid;}
.main .right .righttitle .box{ border:1px #DADADA solid; border-width:0px 1px; background:#fff; padding:15px 12px 15px 15px; }
.boxend {background:url(images/contentbottom.gif) ; height:7px}
.main .mcenter {}
.main .mcenter h1{ font-size:13px; font-weight: bold; color:#333; line-height:30px; background:#E0E0E0; padding-left:10px; border-top:1px #999 solid}
.main .mcenter .box{ border:1px #CCC solid; background:#fff; padding:15px}

.cplist li{ float:left; width:180px; padding-left:5px; margin-bottom:15px; text-align:center; }
.cplist li .pic {background:url(../images/loading.gif) no-repeat center;border:1px #EEE solid; height:172px; width:172px;vertical-align:middle;text-align:center;  display:table-cell;}
.cplist li .pic img { margin:5px}
.cplist li:hover .pic {border:1px #f00 solid;}
.cplist li h3 { font-size:13px; font-weight: normal; color:#000; line-height:20px; height:40px;overflow: hidden; margin:0 5px}
.cplist li h3 a{color:#333; }
.cplist li h3 a:hover{color:#f00; }
.cplist li .price{ text-align:center}
.cplist li .price .ypri{ font-weight:bold;text-decoration:line-through; font-size:13px; color:#999; line-height:18px}
.cplist li .price .sale{ font-weight:bold; color:#CC0000; font-size:13px; line-height:20px}
.cplist li .price .save{ font-weight:normal; color:#000; font-size:11px; line-height:20px}
.cplist li .details { text-align:center; padding:5px;}

.content .faq li { padding:10px 0; border-bottom:1px dotted #999}
.content .faq li h4{ font-size:13px; color:#036}
.content .faq li p{ margin:0px}
.content .news li{ list-style:disc ; margin-left:20px; line-height:28px; color: #036}
.content h5{ font-size:15px; color:#036; text-align:center; line-height:30px; border-bottom:1px #CCC dashed; margin-bottom:10px}


.footer{width:980px;margin:0px auto; background:#fff; clear:both; padding-top:10px }
.footer .pay{ text-align:center; }
.footer .copyright{ text-align:center; line-height:20px; padding:10px 0 20px 0}
.footer .copyright a:link {text-decoration: underline;color: #666; margin:0 7px;}
.footer .copyright a:visited{text-decoration: underline;color: #666; margin:0 7px;}
.footer .copyright a:hover {text-decoration: underline;color: #f60; margin:0 7px;}
.footer .link{ text-align:center; line-height:20px; padding:10px;color: #999; border-top:1px #CCC solid;}
.footer .link a:link {text-decoration: none;color: #999; margin:0 7px;}
.footer .link a:visited{text-decoration: none;color: #999; margin:0 7px;}
.footer .link a:hover {text-decoration: none;color: #f60; margin:0 7px;}

.where { margin-bottom:10px; padding-left:10px; margin-top:5px}
.where a:link {text-decoration: underline;color: #036;}
.where a:visited{text-decoration: underline;color: #036;}
.where a:hover {text-decoration: underline;color: #f60;}

.allpreducts { border-bottom:1px #CCC solid; padding-bottom:15px; margin-bottom:15px; background:#f1f1f1; position:relative; left:-15px; padding:15px; top:-15px; width:738px}
.allpreducts li{ clear:left}
.allpreducts li a { float:left; width:150px; display:block; font-weight:bold}
.allpreducts li ul {float:left; width:585px; margin-bottom:10px;border-left:1px #999 solid}
.allpreducts li ul li{ margin-left:20px; float:left; clear:none}
.allpreducts li ul li a{ float:none; width:170px; font-weight:normal}

.products {}
.products .pic{ float:left; width:315px;}
.products .pic .cloud-zoom{ border:1px #CCC solid; width:298px}
.products .pic ul{ margin-top:0px; width:305px; overflow:hidden}
.products .pic ul li{ float:left; border:1px #CCC solid; margin-right:5px; height:54px; margin-top:5px;}
.products .pic ul.zoomul li img{ width:54px; height:54px;}
.products .cp{ float:left; width:630px; border:1px #CCC solid;}
.products .cp .cpdes{ width:390px; float:left; padding:10px; overflow:hidden}
.products .cp .cpdes h2{ font-size:13px;}
.products .cp .cpdes p{ margin:0; line-height:29px; clear:both; }
.products .cp .cpdes p.rank{line-height:20px; margin-top:8px}
.products .cp .cpdes p.review{line-height:20px; margin-bottom:9px}
.products .cp .cpdes p.sstyle{margin-top:5px}

.products .cp .cpdes p.retprice #retprice{font-style: italic; text-decoration:line-through; font-size:13px;}
.products .cp .cpdes p.ourprice #ourprice{font-weight:bold; color:#900; font-size:18px;}
.products .cp .cpdes p.ourprice .save{font-weight:bold; color:#f10; font-size:14px;}
.products .cp .buynow{ background:#f1f1f1; float:left; padding:20px 10px 10px 10px;-padding:20px 7px 10px 10px; width:200px; height:268px;}
.products .cp .buynow p{ margin:0; line-height:30px;}
.products .cp .buynow p.freeshipping { margin:20px 0 30px 0;}
.products .cp .buynow p.currency { margin-bottom:5px}
.products .cp .buynow p.ssize{margin-top:8px}
.products .pic .morecp{ margin-top:15px; border:1px #CCC solid; width:298px; padding-bottom:5px}
.products .pic .morecp h3{ font-size:13px; line-height:30px; background:#e0e0e0; padding-left:10px}
.products .pic .morecp li{ border:1px #E7E7E7 solid; width:80px; margin-left:6px; margin-right:0; height:auto;padding:5px;}


.products .content{ float:left; width:630px;margin-top:15px; padding:0}

.colorall{border:2px solid #ccc; width:30px; height:30px; float:left; margin-right:5px; margin-top:0px; cursor:pointer}
.colorall:hover{border:2px solid #f00; width:30px;height:30px; float:left; margin-right:5px; margin-top:0px; cursor:pointer}
.coloralle{border:2px solid #f00; width:30px; height:30px;float:left; margin-right:5px; margin-top:0px; cursor:pointer}

.feedbacklist {}
.feedbacklist li{ border-bottom:1px #CCC solid; padding:5px 0px; clear:both; height:auto}
.feedbacklist li p{ margin:5px 0 ; font-size:11px;}
.red{ color: #900}
.feedbacklist li .div{ float:left; height:50px; margin-top:5px; border:1px #CCC solid; }
.feedbacklist li div.d{ float:left;margin:5px 0 ; font-size:11px; border:0px; height:auto;margin-left:5px;}
.feedbacklist li .username { font-weight:bold; margin-right:20px; margin-left:0px;}
.feedbacklist li .date { color:#999; margin-right:20px; font-size:10px;}

.feedbackadd h6{ margin-top:15px; color:#333; font-size:12px;background:#e0e0e0; line-height:25px; padding-left:10px}
.feedbackadd p{ margin:5px 0 ; clear:both}
.feedbackadd p span{ width:100px; text-align:right; display:block; float:left; margin-top:5px}
.feedbackadd p span.c{ width:450px; text-align:left; display:block; padding-left:10px; float:left }
.feedbackadd p span.d{ width:600px; text-align:left; display:block; padding-left:10px;}


.button{cursor: pointer; border:1px #4E4E4E solid; background:#E26703; color:#FFF; font-weight:bold}
.hr {height: 1px; color: #cccccc;}
.cart .size {display: block; margin-left: 20px; font-style: italic}
.cart .pic { margin-right:10px; float:left}
.cart .qty{width: 30px; height: 18px; vertical-align: middle; text-align: center;}
.cart .table {background: #ccc;width: 100%;}
.cart .table .tbtop { background:#FAFAFA}
.cart .table .tb{ background:#fff;}
.cart .table .tb div{ float:left; width:80px; height:80px; margin:0px; border:1px solid #f1f1f1; margin-right:5px;vertical-align:middle;text-align:center;  display:table-cell;}
.cart .table .tbbottom{ background:#FAFAFA}
.cart .cartprice{ background:#F7F7F7; font-size:14px; line-height:22px; padding:15px 20px 20px 0}
.cart .cartprice strong {font-size:16px;}
.cart .pcheck{ background:url(images/btn_checkout.gif) left top; height:40px; width:200px}
.cart .pcheck a{ background:url(images/btn_checkout.gif) right top; height:40px; width:186px; display:block; line-height:37px; text-align:center; color:#fff; font-size:14px; font-weight:bold; padding-right:7px}
.cart .pcheck a:hover{ text-decoration:none}
.cart .pcheckno{ background:url(images/btn_checkout.gif) left bottom; height:40px; width:200px}
.cart .pcheckno a{ background:url(images/btn_checkout.gif) right bottom; height:40px; width:186px; display:block; line-height:37px; text-align:center; color:#fff; font-size:14px; font-weight:bold; padding-right:7px}
.cart .pcheckno a:hover{ text-decoration:none}
.cart .coupank{border:1px #ccc solid; background:#FCFCFC; padding:10px 15px; line-height:22px}
.cart .coupank strong{ color:#333; font-weight:bold; font-size:14px}
.cart .moreview {border:1px #ccc solid; background:#fff; padding:10px 15px; line-height:18px}
.cart .moreview strong{ color:#333; font-weight:bold; font-size:14px}
.cart .moreview .viewed{ margin-top:5px}
.cart .moreview .viewed .p{ float:left; width:80px; height:80px; margin-top:3px; border:1px solid #f1f1f1; margin-right:3px;vertical-align:middle;text-align:center;  display:table-cell;}
.cart .moreview .viewed .t{ float:left; width:225px }
.cart .moreview .viewed .t span{ color:#F00 }
.cart .moreview .viewed li{ float:left;width:310px}
.lcontart em{ color:#eb340a;}
.input-text { width:280px}
.lcontart{ width:320px; float:left}
.rcontart{ width:410px; float:left;}


.count { display:none}
/*page*/
.pager{margin-top:10px; padding:5px; text-align:center; clear:both}
.pagey {
color:#999; font-size:12px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:3px; border:1px #999 solid; text-decoration:none;
}
a.pagey {
color:#333; font-size:12px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:3px; background-color:#fff;border:1px #333 solid; text-decoration:none;
}
a.pagey:hover {
color:#FFFFFF; font-size:12px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:3px; background-color: #666;border:1px #333 solid; text-decoration:none;
}
.page {
color:#FFFFFF; font-size:12px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:3px; background-color:#666; border:1px #333 solid; text-decoration:none;
}
a.page {
color:#333; font-size:12px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:3px; background-color:#fff; border:1px #333 solid; text-decoration:none;
}
a.page:hover {
color:#FFFFFF; font-size:12px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:3px; background-color:#666; border:1px #333 solid; text-decoration:none;
}
/*page*/

/* This is the zoom window. */
.cloud-zoom-big {
	border:1px solid #000;
	overflow:hidden;
}
/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}



ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #ccc;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #fff;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #ccc;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}



myform.cmxform label.error, label.error {color: red;font-style: italic;}

/********/

.shipping-info {
    font-weight: bold;
    margin-bottom: 15px;
    padding: 6px;
	
	border-color: -moz-use-text-color #BBB6A5 #BBB6A5;
    border: 1px solid #BBB6A5;
    border-right: 1px solid #BBB6A5;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    margin-bottom: 10px;
    padding: 0 25px;
}

.head {
    background: none repeat scroll 0 0 #F9F3E3;
    border: 1px solid #BBAFA0;
    cursor: default;
    margin-bottom: 0;
    padding: 5px 8px 6px;
}
.head h3 .step-count {
    background: none repeat scroll 0 0 #F18200;
    border: 1px solid #F19900;
    color: #FFFFFF;
    font-size: 0.9em;
    line-height: 1em;
    padding: 0 4px;
}
.head h3 {
    color: #F18200;
    font-size: 1.05em;
    margin: 0;
}

.contentck {
    border: 1px solid #BBB6A5;
    border-width: 0px 1px 1px 1px;
    margin-bottom: 10px;
    padding: 0 25px;
	color: #666666;
	font-size:12px
}

.contentck dt {
    padding-top: 5px;
	 display: block;
    font-weight: bold
}

.contentck dd {
    padding: 5px 15px;color: #000;
}
.button-set {
    border-top: 1px solid #E4E4E4;
    clear: both;
    margin-top: 5px;
    padding: 20px 30px;
    text-align: right;
}
.button-set .left {
    color: #000000;
    float: left;
    padding: 10px;
	font-size:12px;
}

.checkout2 #submit {
    background: url("../images/btn_place_order.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 43px;
    width: 188px;
}