@charset "utf-8";

body{
	background-image:url(../images/bg-body.jpg);
	MARGIN: 0px; 
	BACKGROUND-REPEAT: repeat-x;
	background-position:top;
	background-color:#FFFFFF;
	text-align:center;
}
body,li,td,div{font-family:Arial,Sans-Serif;font-size:11px; line-height:16px;}
body,li,td,div,a{color:#333;}
form{margin:0px;}
image{border:0; }
a { font-size:11px; color: #333;  TEXT-DECORATION: none}
a:hover {color: #ff0000; text-decoration:underline;}
a:active {color: #ff0000;}
.left{float:left;}
.right{float:right;}
.cb{clear:both; text-align:left;}
.cbc{ clear:both; text-align:center;}
.cbr{ clear:both; text-align:right;}
select{width:160px;}
.sele2{width:100px;}
option{color:#016d91;}
p{margin:5px;}
ul{list-style-type:none; margin:0;	padding:0;}
li{	BACKGROUND-POSITION: 0px 3px; PADDING-LEFT: 5px; BACKGROUND-IMAGE: url(../images/ico4.gif); BACKGROUND-REPEAT: no-repeat;
text-indent:10px; margin-top:5px;}
.greenul{list-style-type:none; margin:0;padding-right:10px;}
.protop{
	background-image: url(../images/banner.gif);
	background-repeat: no-repeat;
	height: 50px;
	background-position: center;
	padding-left: 20px;
	padding-top: 15px;
	font-weight: bold;
}

.greenul li{
	BACKGROUND-POSITION: 0px 0px;
	PADDING-LEFT: 20px;
	BACKGROUND-IMAGE: url(../images/ico3.gif);
	BACKGROUND-REPEAT: no-repeat;
	margin-top:10px;
	text-indent: 0px;
}

.fb{
	font-weight: bold;
}

.fi{
	font-style: italic;
}
.f12b{font-size:12px;font-weight: bold;}
.f12{
	font-size:12px;
	line-height: 22px;
}

/* CSS Document */
.blank3{ height:3px; clear:both; font-size:1px;overflow:hidden;}
.blank9{ height:9px; font-size:1px; clear:both;overflow:hidden;}
.blank6{height:6px; font-size:1px; clear:both;overflow:hidden;}
.blank12{margin:0 auto; height:12px; font-size:1px;clear:both;overflow:hidden;}
.blank18{margin:0 auto; width:100%; height:18px; font-size:1px;clear:both;overflow:hidden;}

.blankW15{overflow:hidden;
	overflow:hidden;
	width: 15px;
	float: left;}
.blankW9{
	overflow:hidden;
	overflow:hidden;
	width: 9px;
	float: left;
}
.blankW5{
	overflow:hidden;
	overflow:hidden;
	width: 5px;
	float: left;
}

#divOuterMain{
	BACKGROUND-IMAGE: url(../images/bg-main.gif);
	WIDTH: 988px;
	background-repeat: repeat-y;
	text-align:center;
	margin:0 auto;
}
#divInnerMain {
	PADDING-RIGHT: 7px;
	PADDING-LEFT: 15px;
	BACKGROUND-IMAGE: url(../images/bg-upper-main.png);
	PADDING-BOTTOM: 6px;
	PADDING-TOP: 3px;
	BACKGROUND-REPEAT: no-repeat;
	text-align: left;
	height: auto;
}

/* HEAD */
#divHeader {
	BACKGROUND-IMAGE: url(../images/bg-head.png);
	HEIGHT: 141px;
	background-repeat: no-repeat;
	padding-left: 5px;
}

#divHeader #headlogo {
	float: left;
	height: 25px;
	width: 400px;
	font-weight: bold;
	padding-left: 10px;
}
#divHeader #headbanner {
	float: left;
	height: 105px;
	width: 540px;
	padding-top: 10px;
}
#divHeader #headlogin {
	float: left;
	height: 20px;
	width: 100px;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
}
.headmenu {
	height: 30px;
	margin-left: 15px;
}

#left {
	float: left;
	width: 250px;
	padding-left: 5px;
	clear: left;
}
#cen {
	width: 705px;
}
#right {
	float: left;
	width: 160px;
}
#left .lred {
	background-color: #cd0c6d;
	clear: both;
	height: 20px;
	text-align: right;
}
#left .ltop {
	background-image: url(../images/lefttop.gif);
	background-repeat: no-repeat;
	clear: both;
	height: 10px;
	background-position: left bottom;
}
#left .lcen {
	background-image: url(../images/leftz.gif);
	background-repeat: repeat-y;
	clear: both;
	height: auto;
	padding-left: 10px;
}
#left .lbot {
	background-image: url(../images/leftb.gif);
	background-repeat: no-repeat;
	clear: both;
	height: 8px;
}
#left .lbots {
	background-image: url(../images/leftbs.gif);
	background-repeat: no-repeat;
	clear: both;
	height: 8px;
	width: 247px;
	background-position: left top;
}
#left #lfl{background-color:#ffffff; padding:3px;}
.rtitle{
	color:#cd0c6d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}
.rtitle1{
	color:#008EBC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}

.rtitles{
	color:#cd0c6d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
.rtitlebig{
	color:#cd0c6d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-transform: uppercase;
}

.sfl{background-color:#ffffff; height:20px; clear:both; padding-left:5px; FONT-WEIGHT: bold; MARGIN: 5px 0px 5px;}
.submenu1{background-color:#ffffff; height:20px; clear:both; padding-left:5px; FONT-WEIGHT: bold; MARGIN: 5px 0px 5px;}
.submenu2{background-color:#ffffff; height:20px; clear:both; padding-left:5px; FONT-WEIGHT: bold; MARGIN: 5px 0px 5px;}

#left #hobtop{
	background-image:url(../images/leftz.gif);
	background-repeat:repeat-y;
	padding-left:5px;
}
#left #hobcon{background-image:url(../images/leftzs.gif); background-repeat:repeat-y; padding:15px; height:50px;}

#cen #c1 {
	background-image: url(../images/c1bg.gif);
	background-repeat: repeat-y;
	clear: both;
}
#cen #c1 P{
	margin:8px;
}

#cen #c1t {
	background-image: url(../images/c1tbg.gif);
	background-repeat: no-repeat;
	clear: both;
	height: 160px;
	padding-top: 74px;
	padding-left: 25px;
}

#cen #c12 {
	background-image: url(../images/c12.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
	clear: both;
	padding-left: 20px;
}
#cen .cz{
	clear:both;
	background-image: url(../images/cz.gif);
	background-repeat: repeat-y;
	padding-left: 10px;
	height: auto;
}
#cen .ct{
	clear:both;
	background-image: url(../images/ctop.gif);
	background-repeat:no-repeat;
	height: 10px;
	background-position: left bottom;
}
#cen .cbot{
	clear:both;
	background-image: url(../images/cb.gif);
	background-repeat:no-repeat;
	height: 10px;
}
#c2t1 {
	background-color: #cd0c6d;
	height: 15px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	padding-left: 5px;
	padding-top: 3px;
	text-transform: uppercase;
}
#c2t2 {
	background-color: #82bcbc;
	height: 15px;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	padding-right: 5px;
	padding-top: 3px;
	text-align: right;
	text-transform: uppercase;
}
hr{
	border: 1px solid #efefef;
	width: 97%;
}

#divFooter {
	CLEAR: both; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH: 988px; COLOR: #000000; PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 25px; BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: center
}

/* 子页 */
#fcen{
	width:695px;
	float: left;
	line-height: 30px;
}
.fcz{
	clear:both;
	background-image: url(../images/fcz.gif);
	background-repeat: repeat-y;
	padding-left: 10px;
	height: auto;
	background-position: left;
	text-align:center
}
.fct{
	background-image: url(../images/fctop.gif);
	background-repeat:no-repeat;
	height: 60px;
	background-position: left bottom;
	padding-left: 20px;
}
.fcbot{
	clear:both;
	background-image: url(../images/fcb.gif);
	background-repeat:no-repeat;
	height: 15px;
	background-position: left top;
}
.bluetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #008ebc;
	line-height: 20px;
}
.table{border: 1px solid #0690bd;}
.t1{
	background-color: #008ebc;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	height:25px;
	font-size: 12px;
}
.t1 a{ color:#FFFFFF;}

.t2{
	background-color: #ffffff;
	text-align: center;height:25px;
	font-weight: bold;
}
.t3{
	background-color: #ffffff;
	text-align: center;
	height:20px;
	padding-top: 1px;
}
.white{ color:#ffffff;}
.bluetitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #008ebc;
}
.pnow,a:link .pnow,a:visited .pnow{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
	
}
.pn,a:link .pn,a:visited .pn{
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	color: #008ebc;
}
.prok{width:340px;float:left;}
.prok2{width:335px;float:left;}
.prored {
	background-color: #cd0c6d;
	clear: both;
	height: 25px;
	width: 340px;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	}
.prored1 {
	clear: both;
	height: 25px;
	font-size: 12px;
	width:150px;
	}
.proimg {
	border: 4px solid #e1e1e1;
	padding:3px;
}
.procol{
	color:#cd0c6d;
	clear:both;
	font-size: 12px;
}
.proreco{
	padding:5px;
	background-color: #ffffff;
	width: 330px;
}
.protpri {
	background-image: url(../images/protbg.gif);
	background-repeat: no-repeat;
	height: 70px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
.prorq {
	background-color: #ffffff;
}
.prors {
	background-color: #ffffff;
	height:3px;
}
.blues{color:#016d91;}
#sea1{
	background-color:#008ebc;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	height:20px;
	font-size:14px;
	float:left;
	width:200px;
	padding: 2px;
}
#sea2{
	height:25px;
	padding-left:10px;
	float:left;
	padding-right:10px;
	width: 150px;
}
#sea3{float:left; width:120px;}
#logo {
	clear: both;
	height: 73px;
	width: 400px;
	padding-top: 10px;
}
#sea{
	height: 25px;
	float: left;
	clear: right;
	border: 1px solid #82bcbc;
	padding: 3px;
}
.toptop{	BACKGROUND-POSITION: 0px 3px; PADDING-LEFT: 5px; BACKGROUND-IMAGE: url(../images/ico4.gif); BACKGROUND-REPEAT: no-repeat;
text-indent:10px; margin-top:5px;}
.dottedBorder {
	border: 1px dotted #cccccc; 
	background-color: #F9F9F9;
	padding: 5px	
}
.vt { vertical-align:top !important; }
.al { text-align:left !important; }
/* Customer service and Affiliate service page (shopcustadmin.asp,shopaffadmin.asp) */
table.customerservice {
	width:98%;
	text-align:left;
	background:#F9F9F9;
	border:1px solid #CCCCCC !important;
	margin-bottom:10px;
	border-collapse:collapse;
}

table.customerservice th {
	height:35px;
	background-position:1% 50%;
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	color:#333;
	font-size:12px;
	border-bottom:1px solid #CCCCCC;
	background-color:white;
	text-align:left;
	padding-left:50px;
	vertical-align:middle;
}

table.customerservice td {
	padding:10px;
}

table.customerservice ul {
	margin:0px;
	padding:0px 10px 0px 25px;
}
/* standard table display */
.std_table {
	background:#F9F9F9;
	border:1px solid #CCCCCC !important;
	margin-bottom:10px;
	padding:10px;
	text-align:left;
	vertical-align:top;
	line-height:20px;
	font-size:11px;
	width:95%;
}

.std_table table { 
	border-collapse:collapse;
	width:85%;
}

.std_table th { 
	vertical-align:top;
	padding:0px 10px 0px 0px;
	width:35%;
	font-weight:normal;
}
.std_table td {	padding:0px 5px 0px 0px; }
.std_table1 {
	background:#F9F9F9;
	border:1px solid #CCCCCC !important;
	margin-bottom:10px;
	padding:10px;
	text-align:left;
	vertical-align:top;
	line-height:20px;
	font-size:11px;
	width:99%;
}

.std_table1 table { 
	border-collapse:collapse;
	width:85%;
}

.std_table1 th { 
	vertical-align:top;
	padding:0px 10px 0px 0px;
	width:35%;
	font-weight:normal;
}
.std_table1 td {	padding:0px 5px 0px 0px; }
.std_table3 {
	background:#F9F9F9;
	border:1px solid #CCCCCC !important;
	margin-bottom:10px;
	padding:10px;
	text-align:center;
	vertical-align:top;
	line-height:20px;
	font-size:11px;
	width:95%;
}
#cen .cts{
	clear:both;
	background-image: url(../images/ctops.gif);
	background-repeat:no-repeat;
	height: 15px;
	background-position: left bottom;
}


.STYLE1 {
	font-size: 14px;
	font-weight: bold;
}
.STYLE3 {
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}
.STYLE4 {font-size: 16px}
.STYLE5 {
	color: #CC0066;
	font-weight: bold;
	font-size: 12px;
}



/*Css of User Center*/
#commonLeft {float: left;}
#mbx_common{ font-size:11px;}
#mbx_common a{ font-size:11px; color:#039; text-decoration:underline;}
#mbx_common a:hover{ color:#000; text-decoration:none; }

h3{ color:#039; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px;}
h3 a{ text-decoration:none; color:#039; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px;}
h3 a:hover{ color:#000;}

h3{ position:relative; display:block; width:707; line-height:150%; padding:10px 0 10px 0; padding-bottom:10px; border-bottom: 1px dotted #666;}
h3 span{ position:absolute; top:10px; right:5px; color:#666; font-weight:normal;}
h3 span b{background:#efefef; font-size:14px; padding:2px;}
h3 span a{ color:#666; text-decoration:none;}
h3 span a:hover{ color:#000;}

#addressBookDefaultName { color:#039; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:14px;}
#addressBookDefaultName { position:relative; display:block; line-height:150%; padding:10px 0 10px 0; padding-bottom:10px; border-bottom: 1px dotted #666;}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {  line-min-height: 1.8em;  padding: 0.2em;  border: 1px solid #000000;}
.messageStackWarning, .messageStackError {  background-color: #ff0000;  color: #ffffff;}
.messageStackSuccess {  background-color: #F1F6E6; color: #000000; }
.messageStackCaution {  background-color: #FFFF66; color: #000000;}

#infoBoxContents_common {  color: #FF6600;  font-family: Tahoma,Verdana; font-size: 12px;}
#myAccountGen_common li, #myAccountNotify_common li {  margin: 0; list-style:none;  } 
#sendSpendWrapper_common { margin: 0;width:95%;}

.tableHeading_common TH {border-bottom: 1px solid #cccccc;}

ADDRESS {padding: 0.6em;   font-size: 13px; font-style: normal;}
LEGEND {font-weight: bold;}
FIELDSET {
        padding: 0.5em;
        margin: 0.5em 0em;
        border: 1px solid #EACFAE;
		background:#FFFFFF; /*#FFF8E5 //edit by jeffy*/
 		height:100%;
}

.alert_common {color: #FF0000;  margin-left: 0.5em; margin-right:5px;}
.back_common {float: left;}
.forward_common {float: right;}

.s4_common{ background:#efefef; padding:3px;}
.s4_common a{ color:#f00; font-weight:bold; font-size:12px;}

.m2_common{ border-bottom:1px solid #efefef; padding-left:3px;}
.m2_common input{ border:1px solid #999; width:200px; height:18px; padding:2px 0 0 1px;}
.m2_common select{ border:1px solid #999; width:250px;height:20px; }

.accountdetail_common{ margin:10px 0 0 0; float:left; width:575px;}
.accountdetail_common b{ padding:3px 0 3px 0;}
.accountdetail_common a{ padding:2px; color:#f00; font-size:11px;}
.accountdetail_common a:hover{ text-decoration:none; background:#0198c3; color:#fff;}

#infoBoxContents_common {  color: #FF6600; font-family: Tahoma,Verdana; font-size: 12px;}
.accountTotalDisplay_common, .accountTaxDisplay_common { width: 20%; /* text-align: right;vertical-align: top*/ }
.accountQuantityDisplay_common { width: 10%;vertical-align: top}
#myAccountGen_common li, #myAccountNotify_common li { margin: 0;list-style:none;} 

.larger_common{font-size: 1.1em;}
.lineTitle_common, .amount_common {text-align: right;padding: 0.2em;}
.clearBoth {clear: both;}

.floatingBox_common{ margin: 0;width:95%}

/*----------------------Shopping Cart-----------------------------*/
.i_table_common {BORDER-RIGHT: #ccd6e0 2px solid; BORDER-TOP: #ccd6e0 2px solid; FONT-SIZE: 0.8em; BORDER-LEFT: #ccd6e0 2px solid; BORDER-BOTTOM: #ccd6e0 2px solid}
.head22_common {FONT-WEIGHT: bold; BACKGROUND: #efefef; COLOR: #000000}
.head22_common TD {COLOR: #000000}
.head22_common A {COLOR: #000000}
.b22_common {BACKGROUND: #f7f7f7}
.important_common {font-weight: bold; margin:5px;}
.instructions_common{font-weight: bold; margin:5px;color: #FF0000; }



/*----------------------Login page-----------------------------*/
h2{ color:#039; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px;
}
#login55{ background:#fefefe; float:left; width:607px; border-bottom:1px dotted #999; padding:0 0 10px 0;
}
#login55 h2{ color:#039; display:block; width:507; line-height:150%; margin:10px 0 0 0; padding-bottom:10px;
}
#login55 a{ color:#039; font-weight:bold; font-size:12px; text-decoration:none;
}
.log1{ float:left; width:290px; border-right:1px dotted #999; margin:10px 0 0 0; padding:0 20px 10px 0; position:relative;
}
.log1 h2{ display:block; width:507; line-height:150%; margin:10px 0 0 0; padding-bottom:10px;
}
.log1 a{ text-decoration:none; padding:5px; background:#a6a6a6; font-family:Geneva, Arial, Helvetica, sans-serif;
 color:#fff; font-weight:bolder; font-size:11px;
}
.log2{ float:left; width:290px; margin:10px 0 0 0; padding:0 0 10px 20px; position:relative;
}
.log2 h2{ display:block; width:507; line-height:150%; margin:10px 0 0 0; padding-bottom:10px;
}
.log2 div{ background:#efefef; float:left; padding:12px 15px 12px 15px;
}
.log2 table td{ height:20px; line-height:20px;
}
.log2 table td a{ text-decoration:none;
}
.log2 table td a:hover{ text-decoration:underline;
}
.log2 .in1{ border:1px solid #ccc; height:18px; padding:2px 0 0 1px; color:#666;
}
.log2 .in2{ float:right; margin:10px 51px 0 0;
}

/*========================register========================================================================================*/
#reg{ float:left; width:607px; margin-top:15px; background:#efefef; 
}
#reg table td{ height:20px; line-height:20px;
}
.s4{ background:#efefef; padding:3px;
}
.s4 a{ color:#f00; font-weight:bold; font-size:12px;
}
.s5 input{ border:1px solid #999; height:18px; padding:2px 0 0 1px; width:180px;
}
.s5 select{ border:1px solid #999; height:20px; line-height:20px; width:230px;
}
.s6{ padding-top:5px;
}


.totalBox {
        width: 5.5em;
        text-align: right;
        padding: 0.2em;
        }

.larger{
        font-size: 1.1em;
        }

.lineTitle, .amount {
        text-align: right;
        padding: 0.2em;
        }
.forward {
        float: right;
        }

/*============================================同类产品展示===================================================*/

.tempList{
	height:195px;
	width:650px;
	overflow:hidden;
}
.scroL, .scroR{
cursor:pointer;
height:176px;
margin-top:0px;
width:18px;
}
.scroL {
background:url("../images/buttonbg.gif") no-repeat scroll 0 0 transparent;
float:left;
}
.scroR {
background:url("../images/buttonbg.gif") no-repeat scroll -18px 0 transparent;
float:right;
}
.scroLd, .scroRd{
height:176px;
margin-top:0px;
width:18px;
}
.scroLd {
background:url("../images/buttonbg.gif") no-repeat scroll -36px 0 transparent;
float:left;
}
.scroRd {
background:url("../images/buttonbg.gif") no-repeat scroll -54px 0 transparent;
float:right;
}
.scroC {
float:left;
height:190px;
overflow:hidden;
width:600px;
margin:0px 5px;
}
.scroC ul {
margin:0;
padding:0px;
border:medium none;
list-style-type:none;
float:left;
}
.scroC li {
margin:0px;
float:left;
width:90px;
padding:20px 5px 0px;
border:medium none;
list-style-type:none;
text-indent:0;
background-image:none;
}
.scroC li a {
display:block;
padding:3px;
width:80px;
}
.pro_loading{
background:url("../images/load.gif") no-repeat scroll center center transparent;
height:111px;
padding:0px;
}
.scroC li img {
height:111px;
width:80px;
border:0px;
}
.scroC li p{
line-height:16px;
padding-left:5px;
margin:4px 0px 0px 0px;
}
.scroC li p a, .scroC li p a:hover {
text-decoration:none;
padding:0px;
height:auto;
width:auto;
background:none repeat scroll 0 0 transparent;
}