@charset "utf-8";
/* CSS Document */
body{background:#FFFFFF url(/Images/websites/eoutsourcing.net/eoutBg.gif) repeat-x;}
#IndexAllWrap{ background:#FFFFFF;/*url(/Images/websites/eoutsourcing.net/eoutBg.gif) repeat-x 0 150px;*/ width:1004px; margin:0 auto}
#bg_shezhi{/*width:982px;*/text-align:left; background:#ffffff;width:982px; margin:0 auto}
/* begin header */
#top {height:139px;width:100%;background:#FFFFFF url(../Images/eout/top_bg.jpg) repeat-x;}
#top .logo {padding:7px 0 0 20px; position:relative}
#top .logo h1{ font-size:12px; position:absolute; top:10px; left:233px; font-weight:bold; color:#666666}
#top .logo a span{position:absolute;top:70px;left:110px;  z-index:-1}
#top .logo a:hover span{z-index:10; text-decoration:underline}
#top .topinfo{color:#57596C;float:right;vertical-align:text-top;margin:10px 0 0 0;clear:both;position:relative;z-index:1} 
#top .topinfo .span5 {background:url(../Images/eout/topinfo_account.gif) left no-repeat;}
#top .topinfo .span2 {background:url(../Images/eout/topinfo_help.gif) left no-repeat;}
#top .topinfo .span3 {background:url(../Images/eout/topinfo_contack.gif) left no-repeat;}
#top .topinfo .span4 {background:url(../Images/eout/cart.gif) left no-repeat;}/**/
#top .topinfo a {margin-right:6px}
#eout_logon{padding-left:27px; line-height:19px}

/* end header */

/* begin Best Sellers */
.hotsale img{max-width:150px;}
.hotsale span{text-align:center;display:block;clear:both;padding:5px}
.hotsale li{float:left; background:none !important;padding:10px 0 0 15px}
.hotsale li a{border-bottom:1px solid #ccc; width:150px; display:block; text-align:center; overflow:hidden}
.hotsale li a:hover{border:1px solid #f6d965;}
.hotsale li a:hover span{background:#f6d965; cursor:pointer; color:#0000CC;}
/* end Best Sellers */

/* begin productList */
#sort .title{padding:10px 0 0 5px;}
.t_h{float:left; height:68px}
.t_left{width:8px; background:url(../Images/eout/t_bg_03.gif) no-repeat;}
.t_right{width:8px; background:url(../Images/eout/t_bg_06.gif) no-repeat;}
.t_middle{ width:552px; background:url(../Images/eout/t_bg_05.gif) repeat-x; position:relative}
.t_middle .s_f{padding:10px 0 0 5px}
.t_middle .loading{float:right;padding:10px 0 0 0}
#sort .title .t_middle .h_pagebar .display{ position:absolute; background:none;right:5px;top:10px; font-weight:bold}
#sort .pro_item{overflow:hidden;width:575px;}
#sort .pro_item ul{width:580px}
#product .item,#sort .pro_item li{ float:left; width:268px;padding:7px 0 15px 20px; border:0 dotted #ccc; border-width:0 0 1px 0;height:158px; background: url(../Images/eout/prod_separator.gif) no-repeat 287px center; overflow:hidden;}
#sort .pro_item li h3{ font-size:12px; font-weight:bold;padding:5px 0;}
#sort .pro_item li h3 a{text-decoration:none}
#sort .pro_item li p{ line-height:1.5em;margin-left:11em}
#sort .pro_item .cartbtn{ background:url(../Images/eout/cartbtn_03.gif) no-repeat; width:104px; height:25px; border:0;padding:0 0 4px 23px; font-size:12px; line-height:25px}
#sort .pro_item a.wishbg{ background:url(../Images/eout/wish_03.gif) no-repeat;width:91px;padding:5px 10px 10px 3px; text-decoration:none}

.adminborder{ border:0 solid #e9a106; border-width:0 1px}
li.adminli{height:195px !important;}

/*****************product***************/
.pic{ width:100px; height:100px; overflow:hidden; float:left;margin:0 5px;}
.pic img{max-width:110px}
.pic02{ width:80px; height:80px; overflow:hidden; float:left;margin:0 5px;}
.pic02 img{max-width:80px}
#product {float:left;margin-top:10px}
#product .title1 {width:598px;height:35px;background:url(../Images/eout/procuct_title.gif) no-repeat}
#product .content { width: 600px; height: 100%; }
/*#product .item { width: 295px; font-family: Tahoma, Arial, sans-serif; float: left; padding: 5px 0 6px 4px; }*/
#product .item .bottom { width: 295px; height: 10px; /*background: url(../Images/eout/item_bottom.gif) no-repeat;*/ }
#product .item .item_info {/*width: 249px;  height: 115px; overflow: hidden; */ /*border: 0 solid #cccccc; border-width: 0 1px; *//*background:url(../Images/eout/item_middle.gif);*/}
#product .item .top { width: 295px; height: 20px;/* background: url(../Images/eout/item_top.gif) no-repeat; */}
#product .title1 .span1 a { font-size: 13px; color:#666666; font-weight: bold;padding:3px 20px 0 25px; line-height: 25px; float:left  }
#product .title1 .span2 a { color: #666666; font-weight: bold;padding:5px 20px 0 40px; line-height: 28px;  float:left }
#product .title1 a { border: none; }
#product .title2 { width: 598px; height: 35px; background: url(../Images/eout/procuct_title2.gif) no-repeat; }
#product .title2 .span1 a { font-size: 13px; color: #666666; font-weight: bold; padding:3px 0 0 40px; line-height: 25px; float:left }

#product .title2 .span2 a { color: #666666; font-weight: bold;line-height: 20px; float:left;padding:10px 20px 0 25px}
#product .title2 a { border: none; }
#product .item .top{ text-align:center; overflow:hidden;}
#product .item .top img{padding:3px 30px 0 0; display:block;float:right}

#product .item .item_info p{ line-height:1.5em; }
.review{padding-left:130px !important}
#product .item .item_info h4{padding:5px 0;clear:both; font-size:12px;}
.i_item_hidden{ overflow:hidden; width:575px !important;padding-left:13px;}
.i_item{ width:578px;}
.details {
	width:720px;
	height:100%;
	margin-top:30px;
}

#product .p_right .details .d_name {
	border-bottom:1px #BABABA inset;
	font-size:13px;
	font-weight:bold
}
#product .p_right .details .d_pro {
	color:#666666;
	background:url(../Images/websites/youlook.com.cn/p_details_point.gif) left no-repeat;
	padding-left:15px;
}
#product .p_right .details .tdbg {
	background:url(../Images/websites/youlook.com.cn/p_detail_bg_1.gif);
}
#product .p_right .details .color_1 {
	background:url(../Images/websites/youlook.com.cn/p_detail_bg_1.gif);
}
#product .p_right .details .name {
	width:213px;
	height:25px;
	background:url(../Images/websites/youlook.com.cn/detail_pro_bg.gif) no-repeat;
	color:#6E9C2D;
	font-weight:bold;
	font-size:14px;
	line-height:25px;
	padding-left:25px;
	margin-top:20px
}
#product .p_right .details .item_intro {
	color:#6F6F6F;
	line-height:20px;
	padding:0 10px;
	width:342px
}
#product .p_right .details .methodnum {
	color:#FF0000;
	background:url(../Images/websites/youlook.com.cn/p_details_point.gif) left no-repeat;
	padding-left:20px;
}
#product .p_right .details .color_2 {
	color:#666666;
	margin-top:20px
}
#product .p_right .details .s_goodpic {
	width:90px;
	height:90px;
	border:1px #CCCCCC solid;
}
#product .p_right .details .s_goodpic img {
	max-width:90px;
	max-height:90px;
}
#product .p_right .details .s_items {
	text-align:center;
	margin:20px 10px 30px 10px;
	width:92px;
}
#product .p_right .details .color_3 {
	color:#666666;
	margin-top:10px;
}
#product .p_right .details .comment_name {
	width:300px;
	height:36px;
	background:url(../Images/websites/youlook.com.cn/comments.gif) no-repeat;
	float:left;
	color:#6F6F6F;
	font-weight:bold;
	font-size:14px;
	padding-top:17px;
	padding-left:70px;
	padding:17px 0 0 70px;
}
#product .p_right .details .commentbg {
	width:607px;
	background:url(../Images/websites/youlook.com.cn/comment_middle.gif) repeat-y;
}
#product .p_right .details .comment {
	width:543px;
	margin-left:25px;
	padding:10px 0;
}
#product .p_right .details .comment img {
	float:right;
	margin:7px 15px 0 0;
}
#product .p_right .details .comment .ctitle {
	background:#F2F2F2;
	color:#575757;
	border:1px solid #D9D9D9;
	height:30px;
	width:543px;
	line-height:30px;
	padding-left:13px
}
#product .p_right .details .comment .ccontent {
	border:1px #D9D9D9 solid;
	border-top:none;
	line-height:20px;
	color:#575757;
	padding-left:13px;
	width:543px;
}

#e_index_txt{clear: both; width:600px;padding:20px 0 0 0}
#e_index_txt h4{border-bottom:1px solid #D7D1B3;color:#333333;font-size:1.4em;font-weight:bold;margin-bottom:3px;margin-top:5px;padding-bottom:3px;}
#e_index_txt h5{font-size:1.2em;font-weight:bold;}
#e_index_txt p{margin-bottom:12px;margin-top:12px;line-height:1.65em;}
#e_index_txt a{ color:#0000FF}
/* end productList */

/* begin productDetails */
		/*-- begin rank -- */
.rk{background:url(/Images/Icons/comment.gif) no-repeat; height:15px}
.rank1{ background-position:0 0;}
.rank2{ background-position:0 -17px;}
.rank3{ background-position:0 -32px;}
.rank4{ background-position:0 -49px;}
.rank5{ background-position:0 -66px;}
.rank6{ background-position:0 -83px;}
.rank7{ background-position:0 -100px;}
.rank8{ background-position:0 -114px;}
.rank9{ background-position:0 -130px;}
.rank10{ background-position:0 -146px;}
.rk_title{border-color:#E7E7E7 !important;padding:10px 0}
		/*-- end rank --*/
.detail_content{ background:#FCFCFC;padding:10px}

.detail_ch{padding:10px}
.detail_content label{float:left;width:80px; display:block; text-align:right;padding-right:15px}
.detail_fav{ padding:15px 0; clear:both;}
.detail_discount label{ color:#3366CC; font-size:13px; font-weight:bold;}
.detail_discount { border-bottom:1px dotted #cccccc; margin-bottom:5px}
.detail_bg{background:#FFFEE6 }
.cheapest_ad{font-size:18px; color:#3366CC; text-align:center; border:5px solid #E7E7E7;}
/* end productDetails */

/* begin Focus_change style */
	#focus_m{position:relative; width:566px; height:205px; right:-6px;z-index:0}
	.f_img_roll{width:566px; height:205px; position:relative;}
	.f_img_roll img{position:absolute; left:0; top:0; width:566px; height:205px;z-index:10}
	/*.f_img_tree{position:absolute; width:75px; height:300px; right:3px; top:0;}*/
	.f_img_tree{position:absolute; top:170px; z-index:1000;right:10px;}
	/*.f_img_tree div{position:absolute; z-index:1; top:3px; right:0; width:75px; height:47px; background:url(http://www.kuanghong.com/han/images/mask.gif) no-repeat;}*/
	.f_img_tree ul{margin:0; padding:0; list-style:none; right:0;}
	.f_img_tree li{width:20px; height:20px; border:2px solid #0066cc; margin-top:3px;float:left; text-align:center; line-height:20px; background:#ffffff;margin-right:3px; cursor:pointer}
    .f_img_tree img{width:54px; height:39px; border:3px solid #000066; vertical-align:top;}
	.f_con{color:#fff;position:absolute; left:0; top:0;}
	.f_con .title{font-size:14px; height:30px; line-height:30px; margin-top:5px; font-weight:bold; text-align:center;}
	.f_con .title a{position:absolute  !important; left:0; top:0;float:left;width:566px !important; height:205px !important;z-index:999;cursor:pointer; }

     html .f_con .title a{ *background:#FFFFFF;*filter: Alpha(Opacity=0)}
	* html .f_con .title a{ background:#FFFFFF;filter: Alpha(Opacity=0)}
	.f_con .title a:link, .f_con .title a:visited{color:#fff; text-decoration:none}
	.f_con .title a:hover{text-decoration:underline}
	.f_con .con{font-size:12px; padding:0 10px; height:40px; line-height:150%; display:none}
/* end Focus_change style */

/*simple_vertical_menus.css*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {
	margin:0px 0 0px 0px;
	position:relative;
	z-index:1;
	background:url(../Images/eout/menu_04.jpg) repeat-x; 
	/*height:35px*/
}
/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {
	padding:0;
	margin:0 auto;
	list-style-type: none;position:relative;
}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited { display: block; width: 160px; font-size: 12px; color: #000000; height: 35px; line-height: 35px; text-decoration: none; text-indent: 5px; text-align: center; font-weight: bold; /*border:1px solid #000;
	border-width:1px 0 1px 1px;*/ }
/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {
	border-width:0 1px 1px 1px;
	border:1px dotted #fff;
	/*background:#*/
}
#pmenu li a.enclose, #pmenu li a.enclose:visited {
	/*border-width:1px;*/
}
/* Set up the list items */
#pmenu li {
	float:left;
	/*background:#7484ad;*/
}
/* For Non-IE browsers and IE7 */
#pmenu li:hover {
	position:relative;
}
/* Make the hovered list color persist */
#pmenu li:hover > a {
background:url(../Images/eout/menuhover_04.jpg) repeat-x;
	/*background:#dfd7ca;*/
	color:#CC6600;
}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {
	display:none;
	margin-top:10px
}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {
	display:block;
	position:absolute;
	top:-11px;
	left:80px;
	padding:10px 30px 30px 30px;
	background:transparent url(/Images/Icons/transparent.gif);
	width:120px; 
}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {
	left:-30px;
	top:16px;
}
/* get rid of the table */
#pmenu table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:1em;
}
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {
	position:relative;
	/*background:#dfd7ca;*/
	background:url(../Images/eout/menuhover_04.jpg) repeat-x;
	color:#c00;
}
* html  .menuli a:hover{background:url(../Images/eout/menuhover_01.jpg) no-repeat !important;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {
	background:#7484ad url(/Images/Icons/fly.gif) no-repeat right center;
}
#pmenu li.drop {
	/*background:url(/Images/Icons/drop.gif) no-repeat right center;*/
}
/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {
	visibility:hidden;
	display:block;
	position:absolute;
	top:-11px;
	left:80px;
	padding:10px 0 30px 30px;
	background:url(/Images/Icons/transparent.gif);
}
/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul {
	visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
	visibility:visible;
	left:-31px;
	top:15px;
}
/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul {
	visibility:visible;
	top:-11px;
	left:80px;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */

.menuul{background:url(../Images/eout/menu_08.jpg) no-repeat right center;height:35px}
.menuul li{background:url(../Images/eout/menu_06.jpg) no-repeat right center;}
.menuul li a:hover{background:url(../Images/eout/menuhover_04.jpg) repeat-x;}
#pmenu li ul li.s {background:#e6e8e7;}
#pmenu li ul li.s a{background:none; font-size:12px !important; font-weight:normal !important;}
#pmenu li ul li.s a:hover{background:url(../Images/eout/menuhover_04.jpg) repeat-x !important;;}
#pmenu .menuli{background:url(../Images/eout/menu_01.jpg) no-repeat;}
#pmenu .menuli:hover > a {background:url(../Images/eout/menuhover_01.jpg) no-repeat !important;}


#pmenu li.d:hover > a {background:url(../Images/eout/menuhover_04.jpg) repeat-x !important;}
/*ie6*/
* html  li.d a:hover{background:url(../Images/eout/menuhover_04.jpg) repeat-x !important;}

/**/
#pmenu li.l{background:none !important;}
#pmenu li.l a{width:165px !important;}
#pmenu li.l:hover > a {background:url(../Images/eout/menuhover_05.jpg) no-repeat right !important;position:absolute}
/*ie6*/
* html  .l a:hover{background:url(../Images/eout/menuhover_05.jpg) no-repeat right !important;}

#pmenu li.drop a{background:url(/Images/Icons/drop.gif) no-repeat 102% center;}
#pmenu li.drop a:hover{background:url(../Images/eout/menuhover_04.jpg) repeat-x;}	
* html .menu_iframe1{position:absolute; visibility:inherit; top:10px; left:30px; width:166px; z-index:-10; filter: Alpha(Opacity=0); }
* html .menu_iframe3,* html .menu_iframe2{position:absolute; visibility:inherit; margin-top:-100px; height:115px;  width:206px; z-index:-1; filter: Alpha(Opacity=0);}
* html .menu_iframe3{height:95px;}
iframe[class=menu_iframe1]{ width:0; height:0; display:none}
iframe[class=menu_iframe2]{ width:0; height:0; display:none}
iframe[class=menu_iframe3]{ width:0; height:0; display:none}

/*end simple_vertical_menus.css*/

/*begin error*/
.error_01{padding:20px}
.error_01 p{padding:15px 0 0 20px; font-weight:bold}
.error_01 li{ list-style:circle; margin:10px 0 0 50px}
/*end error*/

/*begin edit-address*/
#edit_address_width{margin: 10px 25px 20px 0px;}
#select_address_width{margin: 10px 0 20px 0px;}
/*end edit-address*/

/*--begin otherinfo--*/
#otherinfo_width{width:750px; overflow:hidden}
#account_width{width:750px;}
#s_width{width:780px;}
/*--end otherinfo--*/

.a_ed{ display:block}

/*--begin Comments--*/
#fieldset_width01{padding:15px 0 0 0 }
#fieldset_width01 fieldset{  border:0px solid #CCCCCC;border-width:1px 0 0 0;background:none;padding:15px 0 0 0 }

/*--end Comments--*/
/*begin main2.20 to eoutsourcing*/
#left {width:185px;padding-left:1px;float:left;padding-top:10px	}
#right {float:left;width:185px;height:100%;margin-left:1px}
#bestseller {width:770px;}
#leftx {width:208px;}
/*end main2.20 to eoutsourcing*/