@charset "utf-8";



body{

	background-image:url(../images/bg-body.jpg);

	MARGIN: 0px; 

	BACKGROUND-REPEAT: no repeat;

	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; }

.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{margin:auto;

	BACKGROUND-IMAGE: url(../images/bg-main.gif);

	WIDTH: 988px;

	background-repeat: repeat-y;

	text-align:center

}

#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: 10px;

	width: 150px;

	font-weight: bold;

	padding: 5px 0px 5px 0px;
	
}

.headmenu {

	height: 15px;

	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:#f2eced; 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:#f9f6f6; height:20px; clear:both; padding-left:5px; FONT-WEIGHT: bold; MARGIN: 5px 0px 5px;}

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

.submenu2{background-color:#f9f6f6; 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; BACKGROUND-IMAGE: url(../images/footer.jpg); MARGIN: 0px auto; WIDTH: 988px; COLOR: #000000; PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 25px; BACKGROUND-COLOR: #dfebea; 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: #f9f6f6;

	text-align: center;height:25px;

	font-weight: bold;

}

.t3{

	background-color: #f2eced;

	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: #f2eced;

	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: #F9F6F6;

}

.prors {

	background-color: #f2eced;

	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;

        }

#showinfo {
	width: 280px;
	height: 220px;
	clear: both;
	float: left;
	border: 1px;
	margin-left: 20px;
}

#showinfo a {
	color: red;
	font-weight:bold;
}

#showarticles {
	float: left;
	width: 380px;
	padding-left: 10px;
	height: 100%;
	//for ie6.0- w\idth:500px;
	//for ff+ie6.0
}

#showinfob {
	width: 280px;

	clear: both;
	float: left;
	border: 1px;
	margin-left: 12px;
	margin-top: 12px;
}
.mytop {
	background-image: url(../images/ctops.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 20px;
	width: 695px;
}
.mybody {
	background-image: url(../images/fcz.gif);
	background-position: left center;
	background-repeat: repeat-y;
	height: auto;
	clear: both;
}

.mybottom {
	background-image: url(../images/fcb.gif);
	background-position: left top;
	background-repeat: no-repeat;
	clear: both;
	height: 15px;
}
.mytop1 {
	background-image: url(../images/ctops.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	height:0px;
	width: 695px;
}
.mybody1 {
	background-image: url(../images/fcz.gif);
	background-position: left center;
	background-repeat: repeat-y;
	height: auto;
	clear: both;
}