@charset "utf-8";
/* CSS Document */
/* head foot style */

/*S ----------------------------- header ----------------------------- */
.header_top_div{width:990px; height:25px; line-height:25px;}
.header_top_user{ margin-right:13px;}
.header_top_right{ width:800px; line-height:30px; float:right; text-align:right; margin-right:10px;}

.fontred {	color:#e60012;}
.fontred a:link, .fontred a:visited, .fontred a:hover {	color:#e60012;}
.fontblue a:link, .fontblue a:visited, .fontblue a:hover {	color:#0d4488;}
.fontblue {	color:#0d4488;}

.header_top_account a, .header_top_account a:visited {	color:#000;}
.header_top_account a:hover { color:#0CF;}
.header_top_account_arrow{ width:7px; height:6px; margin:5px 10px 0 0;}

.header_middle_div{ width:990px; height:68px;}
@media screen and (-webkit-min-device-pixel-ratio:0){ .header_middle_div { margin-top:-25px;} }	/*CSS HACK for Google Chrome*/
.header_middle_logo{ width:236px; height:38px; float:left; text-align:left; padding-left:2px; margin-top:12px;}

.header_middle_right{ width:600px; height:68px; float:right;}
.header_middle_search{ width:450px; float:left; right:300px; text-align:right; margin-top:14px;}
.header_middle_form{width:600px; margin:0 auto; padding:0px;}

.keywords_search {	float:right; width:180px; height:30px; line-height:32px; padding-left:4px; padding-right:4px; border:#c6c7c8 solid 1px; background-color:transparent; color:#999;}
.keywords_searchfocus{  border:#F00 solid 1px; color:#000;}

/*ul li select begin*/
.select_box_area {	height: 32px;	text-align:left;}
.select_box {	width:165px;	border:1px solid #ccc;	padding-left:10px;	background:#FFF /*url(/static/prototype/product_fashion/images/homepage-newstyle/v2011-08/arrow-down.gif)*/ no-repeat 160px center;	position:relative;}
.select_box span {	cursor:pointer;	display:block;	line-height:30px;	width:165px;	height:30px;	overflow:hidden;	color: #0d4488;}
.select_box ul li {	cursor:pointer;	color: #0d4488; z-index:39;}
.son_ul {	width:173px;	position:absolute;	left:0;	top:30px;	border:1px dashed #ccc;	background:#fff;	height: 220px;	_height:auto;	overflow-y:scroll;	overflow-x:hidden;	_overflow:scroll; z-index:39;}
.son_ul li {	display:block;	line-height:25px;	padding-left:10px;	width:173px;	color: #0d4488; z-index:39;}
.select_box .hover {	background:#ccc;}
/*ul li select end*/

.son_ul_l {left:0; max-height: 220px;	overflow-y:scroll;	overflow-x:hidden;	_overflow:scroll;}
.son_ul_l li {	display:block;	line-height:25px;	padding-left:10px;	color: #0d4488; cursor:inherit;}
/*.son_ul_l li:hover {	background:#ccc;}
.son_ul_l li ul li:hover {	background:#DEE0E0;}
.son_ul_l li ul li ul li:hover {	background:#ccc;}*/

.searchbtn { cursor:pointer; background-color:transparent; height:32px; width:33px; margin-left:12px; background:url(/static/prototype/product_fashion/images/search_btn.gif); border:none 0px; }
.header_middle_cart { width:95px; float:right; margin-right:2px; height:32px; line-height:40px; margin-top:-36px;}
@media screen and (-webkit-min-device-pixel-ratio:0){ .header_middle_cart { margin-top:-52px;} }	/*CSS HACK for Google Chrome*/

/*.header_nav{ width:990px; height:42px; background:url(/static/prototype/product_fashion/images/nav.gif) repeat-x; text-align:left;}*/

.guider { width:990px; height:42px;  text-align:left; border-radius: 8px;background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #ececec;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);}
.title { position:relative; padding:0 16px; width:auto; height:42px; line-height:42px; display:block; float:left; white-space:nowrap; text-align:center;font-size:14px; color:#2b2b2b;text-shadow: 0 1px 0 #ffffff;}
.title a{ color:#505050; text-decoration: none; font-size:14px; text-shadow: 0 1px 0 #ffffff;}
.title_hover { cursor:pointer;}
.title_hover a{ color:#000; text-decoration: none;}
.list { position:absolute; padding:10px 12px; background:#fff; display:none; margin-left:1px; z-index:110;
	border:1px solid #cccccc;
	border-left:1px solid #DDDDDD;
	border-top:none;
	-moz-box-shadow:1px 2px 3px 2px #999;
	-webkit-box-shadow:1px 2px 3px 2px #999;
	box-shadow:1px 2px 3px 2px #999;
	word-wrap: break-word; word-break: normal; 
	}
.list ul{list-style:none; color:#333; padding:6px 12px; float:left;}
.list ul li { line-height:25px;}
.list ul li:hover { cursor:pointer; color:#C00;}


.header_cart{ margin:23px 0px 18px 0px; float:left; width:990px;}
.header_cart_left{float:left; width:600px;}
.header_cart_right{float:right; width:300px;}
.header_cart_logo{ margin-top:6px;}
.header_cart_vst{ float:left;}
.header_cart_rspan{ line-height:46px; float:right;}

/*E ----------------------------- header ----------------------------- */

/* 弹出层 */
.dialog-box{ position: absolute; z-index:1001;}
.dialog-popup{/*background-color:#333333\9;*/filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F333333', endColorstr='#7F333333'); position:relative;z-index:29; zoom:1;
-moz-box-shadow:3px 5px 8px #333;
	-webkit-box-shadow:3px 5px 8px #333;
	box-shadow:3px 5px 8px #333;
	border:solid 1px #CCC;}
.dialog-popup .dialog-title-bar{ height:38px; background-color:#cce8cf; position:relative; border-bottom:solid 1px #CCC;}
.dialog-popup .dialog-title-bar h2{ line-height:38px; padding-left:12px; font-size:14px; font-weight:700}
.dialog-popup .dialog-title-bar a.close-dialog{ position:absolute;top:12px; right:14px;  display:block; width:12px; height:13px; background:url(/static/prototype/product_fashion/images/close.gif) no-repeat; cursor:pointer;}
.dialog-popup .dialog-title-bar a.close-dialog{text-decoration:none; color:#555555; text-align:center;}
.dialog-popup .dialog-title-bar a.close-dialog:hover{text-decoration:none; color:#333333}
.dialog-content{ background-color:#FFFFFF; padding:10px}
.dialog-iframe-mask{position:absolute; left:0; top:0; border: none; }
.boxy-modal-blackout{position:absolute; left:0; top:0; border: none; background-color:#000; overflow:hidden; z-index:999;}

.tanchu div{ display:block;}


/*CSS sabrosus style pagination*/

DIV.sabrosus {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: right
}
DIV.sabrosus A {
	BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none
}
DIV.sabrosus A:hover {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.pagination A:active {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.sabrosus SPAN.current {
	BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1
}
DIV.sabrosus SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}



/*S ----------------------------- footer ----------------------------- */
.footer_top_line{width:100%; height:3px; background-color:#CCC; float:left; margin:0px;}
.footer_con_back{width:100%; height:auto; padding:30px 0 30px 0; float:left; background:#f9f8f8; margin-top:0px;}
@media screen and (-webkit-min-device-pixel-ratio:0){ .footer_con_back { margin-top:-12px;} }	/*CSS HACK for Google Chrome*/


#shopping_help {
	float:left;
	width:130px;
	height:180px;
	margin-left:100px;
	_margin-left:50px;
}
#my_account {
	float:left;
	margin-left:90px;
	width:170px;
	height:180px;
}
#gift_giving {
	float:left;
	width:90px;
	height:180px;
	margin-left:100px;
}
#company_info {
	float:left;
	width:110px;
	height:180px;
	margin-left:100px;
}
.bottom_img {
	margin-bottom:7px;
}
.bottom_item ul li {
	line-height:20px;
	float: none;
}
.bottom_item ul li a, .bottom_item ul li a:visited, .bottom_item ul li a:link {
	text-decoration:none;
	color:#333;
}
.bottom_item ul li a:hover {
	text-decoration:underline;
	color:#ff6600;
}

.font11{ font-size:12px; line-height:150%;}
.font11 a{ font-size:12px; line-height:150%;}

#New_footer {
	clear: both;
	padding:20px 0px 0 0px;
	text-align:center;
	margin:0px auto;/*margin:5px auto 0px auto;2011-07-12changed*/
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	width:990px;
}
/*#New_footer img {
	margin:2px 0;
}*/
#link_copyright {
	padding:10px;
}
#link_copyright span a {
	font:normal 12px Tahoma, Arial;
}
#footer_logo {
	padding:0 10px;
	float: right;
}

.foot_box{
	padding-top:10px; 
	padding-left:190px;
}
.foot_boxCenter{
	float:left;
	width:650px;
}
.foot_paypal01{
	 float:left; 
	 margin-right:5px;
}
.verisign_out{
  position:relative; 
  width:100px;
  float:left; 
  height:46px; 
  margin-left:5px;
}
.opus_out{
	position:relative;
	width:144px;
	float:left;
	height:46px;
	margin-left:5px;
}
.verisign_inside{
	 position:absolute; 
	 top:-7px; 
	 left:0px;
}
.opus_inside{
	 position:absolute; 
	 top:-7px; 
	 left:0px;
}
/*E ----------------------------- footer ----------------------------- */












