@charset "utf-8";
/*-------------------------------------------------------------------General styles*/
*{margin:0; padding:0;}
html body{font-family: Arial; color:#333; background:url(../images/bg.jpg) repeat}
div,form,ul,dl,dt,dd{ margin:0; padding:0; border:0}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0}
table,tr,th,td{ font-size:11px}
em{font-style:normal;}
li{ list-style-type:none; display: block}
img{ border:0; display:block}
.clear{ clear:both}

/*-------------------------------------------------------------------links styles*/

.productittle a{ color:#555; text-decoration:none}
.productittle a:hover{ color:#333; text-decoration: underline}
.name a{ color:#555; text-decoration:none}
.name a:hover{ color:#333; text-decoration: underline}
.prlist a{ color:#555; text-decoration:none}
.prlist a:hover{ color:#333; text-decoration: underline}


a,a:visited{ color:#555; text-decoration:none} 
a:hover{ color:#333; text-decoration: underline}
/*-------------------------------------------------------------------red styles*/
.red{ color:#f31217}

/*-------------------------------------------------------------------header styles*/
#header{ margin:0 auto;  width:100%; height:130px; clear:both; background:url(../images/topbg.gif) repeat-x}
.top{ margin:0 auto;position:relative; width:960px; height:auto;  }
#logo {
	position:absolute;
	left:6px;
	top:20px;
	width:383px;
	height:38px;
}
#topmenu {
	position:absolute;
	left:529px;
	top:2px;
	width:430px;
	height:24px; 
	font-size:10px;
	line-height:24px; 
}
.service{ float:left; width:238px; height:24px; text-align: left;color:#999;}
.service a{ padding:0 5px; color:#999; text-decoration:none}
.service a:hover{ color:#f3f3f3; text-decoration:underline;}
.shoppingcart{ float:right; padding:0 8px; width:170px; color:#f3f3f3; background-color:#22272d}
.shoppingcart span{ float:left; padding-left:20px; width:150px; height:24px; background:url(../images/basket.gif) left center no-repeat} 
.shoppingcart a{ color:#f31217; text-decoration:underline }
.shoppingcart a:hover{ color:#f31217}
#centermenu {
	position:absolute;
	left:569px;
	top:38px;
	width:396px;
	height:24px;
	line-height:24px;
}
#centermenu .currency{ float:left; width:154px; height:24px; font-size:11px; color:#f3f3f3; padding-right:10px; border-right:1px dotted #555}
#centermenu .search{ float:right; padding-left:10px; width:220px; height:24px; font-family:Verdana; font-size:10px;color:#000;}

.searchinput{ float:left;width:180px; font-size:11px; height:18px; padding:6px 0 0 8px; border:0;background:url(../images/search_input.gif) no-repeat;clear:both;font-family: Arial;} 

.go{ float:left; width:26px; height:24px; border:0; background:url(../images/go.gif) no-repeat;}
#searchinput {
	position:absolute;
	left:184px;
	top:-1px;
	width:188px;
	height:18px;
}
#go{
	position:absolute;
	left:365px;
	top:-1px;
	width:26px;
	height:24px;
} 
#nav {
	position:absolute;
	left:400px;
	top:80px;
	width:560px;
	height:14px;
	font-size:14px;
}
#nav a{ padding:0 12px 0 17px; color:#fff; text-decoration:none; background:url(../images/dian.gif) left center no-repeat;}
#bmenu {
	position:absolute;
	left:7px;
	top:104px;
	width:953px;
	height:26px;
	line-height:26px;
	color:#fff; 
}
#bmenu .freeshipping{ float:left; width:auto; height:26px; font-family:"Century Gothic"; font-size:18px; font-weight:bold;text-align:left;}
#bmenu .login{ float:right; width:auto; font-size:12px;}
#bmenu .login a{ color:#a7da0d; text-decoration:underline;}

/*-------------------------------------------------------------------layout styles*/
#layout{  margin:0 auto;width:960px; height:auto; background-color:#FFFFFF;} 


/*-------------------------------------------------------------------container styles*/
#container{ float:left; padding:12px; width:936px; height:auto;}
/*-------------------------------------------------------------------left styles*/
#left{ float:left; width:160px; height:auto; margin-right:15px;}
.catalog{ float:left; width:160px; height:auto; margin-bottom:12px;}
.catalog .catalogtitle{ float:left;width:160px; height:auto; }
h2{ float:left; padding:0 0 10px 6px; font-size:16px; width:auto; height:auto;}
.catalog ul{ float:left; padding-left:10px; width:150px; height:auto;}
.catalog li{float:left; padding-left:8px; width:142px; height:20px; font-size:11px; line-height:20px; background:url(../images/icon_c.gif) left center no-repeat;}
.catalog li a{ color:#666; text-decoration:none; }
.catalog li a:hover{ color:#72661e; text-decoration:underline}
.livechat{ float:left; width:160px; height:87px; margin-bottom:12px;}
.topdeal{ float:left; width:160px; height:auto; margin-bottom:12px;}
.topdeal .topdealtitle{ float:left;width:160px; height:auto; }
.toppr{ float:left; padding:0 5px; width: 150px; height:auto}
.pr{ float:left; width: 150px; height:auto}
.pr p{ float:left; width:150px; padding-top:5px; font-size:11px; text-align:left;}
.pr .name{ line-height:14px; height:33px}
.pr .rprice{ float:left; width:76px; text-align:left; font-size:12px; color:#797363}
.pr .oprice{ float:left; width:auto; text-align:left; font-size:14px; font-weight:bold; color:#f4191f}
.pr .save{ color:#777}
.sideimg{ float: left; width:160px; padding-top:8px; border-top:1px dashed #ccc; margin-top:8px; display: inline}

/*-------------------------------------------------------------------right styles*/
#right{ float:left; width:761px; height:auto; }
.banners{ float:left; width:761px; height:auto; margin-bottom:12px;}
.bannerleft{ float:left; width:564px; height:auto; margin-right:7px;}
.bannerright{ float:left; width:190px; height:auto}
.bannerright img{ margin-bottom:7px;}
.paulsmith{ float:left; width:761px; height:auto;margin-bottom:12px;}
.box_t{ float:left; width:761px; height:auto;}
.paulsmith_m{ float:left; padding:14px 0; width:761px; height:auto; background-color:#f5f4f4; }
.intro{ float:left; width:761px; height:auto}
.paulsmith_title{ float:left; padding-left:12px; width:749px; height:auto}
.intro p{ float:left; margin:0; padding-left:18px; padding-bottom:5px; width:743px; height:auto; font-size:11px; line-height:16px;}
.prblock{ float:left; width:761px; height:auto;}
.arrow{ float:left; padding:95px 0; width:17px; height:29px;}
.prlist{ float:left; padding:0 1px 0 10px; width:716px; height:auto}
.prbox{ float:left; padding:10px; width:150px; height:atuo; background-color:#fff; margin-right:9px;}
.advantage{ float:left; width:761px; height:auto}

/*-------------------------------------------------------------------footer styles*/
#footer{ float:left; width:960px; height:auto; background-color:#fff}
.bottom_menu{ float:left; width:960px; height:30px; font-size:12px; line-height:30px; color:#fff; text-align:center; background-color:#bebebe;}
.bottom_menu a{ padding:0 4px; color:#fff} 

/*-------------------------------------------------------------------productdetail styles*/
.guidenav{ float:left; width:761px; height:auto; font-size:11px; padding-bottom:8px;} 
.details{ float:left; width:761px; height:auto; margin-bottom:12px;}
.details .left{ float:left; width:357px; height:auto; margin-right:34px;}
.details .left .prenext{ float:left; width:357px; height:auto; margin-bottom:10px;}
.details .left .largeimg{ float:left; position:relative; width:355px; height:auto; border:1px solid #d9d9d9; margin-bottom:10px;}
#enlarge {
	position:absolute;
	left:326px;
	top:281px;
	width:21px;
	height:20px;
}
.smallimg{ float:left; padding-left:100px; width:257px; height:auto}
.smallselected{ float:left; padding:15px 1px 3px; width:76px; height:62px; background: url(../images/small_selected.gif) no-repeat}
.details .right{ float:left; width:358px; height:auto}
.details .right h1{ float:left; width:358px; height:auto; font-size:18px; font-weight:normal; margin:18px 0;}
.details .right p{ float:left; width:358px; height:auto; font-size:11px; color:#666; line-height:16px; margin-bottom:12px}
.details .right .purchase{ float: left; width:361px; height:auto}
.details .right .purchase .box_l{ float:left; width:7px; height:125px;}
.details .right .purchase .box_c{ float:left; padding-left:7px; width:337px; height:125px; font-size:11px; color:#000; background:url(../images/box_c.gif) repeat-x;}
.choosebox{ width:100px; height:20px}
.box_c .rprice{ font-size:12px; color:#797363; margin-right:8px;}
.box_c .oprice{ font-size:18px; font-weight:bold; color:#f4191f; margin-right:8px;}
.box_c .save{ font-size:12px; color:#f4191f; margin-right:8px;}
.paymentcards{ float:left; width:361px; height: auto; margin-top:20px;}
.paymentcards P{ float:left; width:358px; height:auto; font-size:11px; margin-bottom:8px;}
.btn_reviews{ float:left; width:761px; height:auto; margin-bottom:12px;}

.likebox{ float:left; width:761px; height:auto}
.likemenu{ float:left; width: 761px; height:24px; border-bottom:1px solid #d0cecf}
.likemenu li{margin:0;float:left;width:137px; height:24px; font:normal 11px/24px Verdana;color:#666;  margin-right:5px;cursor:pointer;list-style:none;overflow:hidden;text-align:center; background:url(../images/tab_active.gif) no-repeat}
.likemenu li.s1{margin:0;float:left;width:137px; height:24px; font:normal 11px/24px Verdana;color:#f4191f; background-image:url(../images/tab_hover.gif); margin-right:5px;cursor:pointer;list-style:none;overflow:hidden;text-align:center;}
.likeproducts{ float: left; padding:8px 16px; width:727px; height:auto; border-left:1px solid #d0cecf; border-right:1px solid #d0cecf}
.tab_b{ float:left; width:761px; height:7px;}

/*-------------------------------------------------------------------service styles*/
.customerservice{ float:left; width:761px; height:auto}
.all_title{ float:left; width:761px; height:auto; font-size:18px; color:#000; margin-bottom:20px;}
.customerservice h3{ float:left; width:761px; height:auto; font-size:14px; color:#333; margin-top:15px;}
.customerservice p{ float:left; width:761px; height:auto; font-size:11px; line-height:16px; color:#444; margin-top:12px;}
.customerservice li{ float: left; padding-left:12px; width:749px; font-size:11px; line-height:16px; color:#333; background:url(../images/circle.gif) left top no-repeat}