@charset "utf-8";
/*-------------------------------------------------------------------General styles*/
*{margin:0; padding:0;}
html body{font-family: Verdana, Arial; color:#ccc; background:#6f6e6b url(../images/bodybg.gif) top  center repeat-y}
div,form,fieldset,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}
input,textarea,select{  font:normal 11px Arial; color:#313131; vertical-align:middle; padding-left:5px;}
em{font-style:normal;}
li{ list-style-type:none; display: block}
img{ border:0; display:block}
.clear{ clear:both}

/*-------------------------------------------------------------------links styles*/
a{ color:#333; text-decoration:underline}
a:hover{ color:#000; text-decoration:none}

/*-------------------------------------------------------------------color styles*/
.yellow{ font-size:16px; color:#f90}

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

/*-------------------------------------------------------------------header styles*/
#header{position:relative; width:960px; height:102px;}
.topmenu{ 
	position:absolute;
	left:0;
	top:0; 
	padding:0 10px;
	width:940px;
	height:22px;
	font-size:11px;
	line-height:22px;
	color:#fff; 
	background-color:#2f2e2c
}
.topmenu .left{ float:left; width: auto; text-align: left}
.topmenu .right{ float:right; width: auto; text-align:right}
.topmenu .right a{ color:#fff; text-decoration:underline}
#logo {
	position:absolute;
	left:10px;
	top:35px;
	width:268px;
	height:32px;
}
#nav {
	position:absolute;
	left:195px;
	top:70px;
	width:500px;
	height:11px;
	display:inline
}
#nav a{ font-size:11px; color:#fff; padding: 0 10px; text-decoration:none}
#searchbox {
	position:absolute;
	left:751px;
	top:37px;
	width:207px;
	height:16px;
}
.search_input{ width:163px; height:17px; border:1px solid #bfbfbf}
.search_btn{ width:24px; height:19px; border:0; cursor:pointer; background: url(../images/go.gif) no-repeat}
#shoppingcart {
	position:absolute;
	left:768px;
	top:69px;
	width:168px;
	height:17px;
	padding-left:20px;
	font-size:11px;
	line-height:16px;
	color:#fff; 
	background:url(../images/cart.gif) left center no-repeat;
}
#shoppingcart a{ color:#cc0000; text-decoration:underline}

/*-------------------------------------------------------------------container styles*/
#container{ float:left; padding:0 10px; width:940px; height:auto}
.banner_l{ float:left; width:648px; height:auto; margin-right:7px}
.banner1{ position:relative; width:648px; height:440px; background:url(../images/banner1.jpg) no-repeat;}
#addtional{
	position:absolute;
	left:377px;
	top:12px;
	width:257px;
	height:60px;
}
#intro {
	position:absolute;
	left:306px;
	top:267px;
	width:318px;
	height:146px;
}
#intro h1{ float:left; width:318px; height:auto; font: bold 24px Arial; color:#fff; margin-bottom:5px}
#intro p{ float: left; width:318px; height:auto; font:11px/16px Arial; color:#fff} 
.banner_r{ float:right; width:285px; height:auto}
.banner2{ float:left; width:285px; height:325px; margin-bottom:9px}
.banner3{ float:left; width:285px; height:106px}
.topten{ float:left; width:940px; height:auto; margin-top:7px}
.topten .left{ float:left; width:40px; height:135px}
.topten .right{ float:right; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#eee; width:899px; height:133px;}
.prlist{ float:left; padding:5px 6px 6px 0; width:876px; height:124px}
.arrow{ float:left; width:17px; height:133px}
.arrow_t{ float:left; width:17px; height:66px; margin-bottom:1px}
.arrow_b{ float:left; width:17px; height:66px}
.prbox{ float:left; padding:1px; border:1px solid #ccc; width:282px; height:120px; background-color:#fff; margin-right:6px}
.prbox .name{ float:left; width:120px;height:42px; font:11px/14px Verdana;}
.prbox .rprice{ font-size:11px; color:#666}
.prbox .oprice{ font-size:13px; color:#cc0000}

/*-------------------------------------------------------------------footer styles*/
#footer{ float:left; width:960px; height:auto}
.bottommenu{ float:left; padding:8px 10px; width:940px; height:40px; font-size:11px; line-height:25px; color:#fff}
.bottommenu .left{ float:left; width:700px; height:125px; font-size:10px; text-align:left}
.bottommenu .left a{ padding:0 3px; color:#fff; text-decoration:none}
.bottommenu .right{ float:right; width:200px;; text-align:right}
.newslettermenu{ float:left; padding:6px 10px; width:940px; height:18px; line-height:18px; background-color:#ccc}
.newslettermenu .left{ float:left; width:auto; text-align:left; font-size:10px; color:#000}
.newsletter_input{ width:160px; height:18px; border:0}
.newsletter_submit{ width:18px; height:18px; border:0; cursor:pointer; background:url(../images/submit.gif) no-repeat; margin-left:5px}
.newslettermenu .right{ float:right; width:auto; font-size:10px; color:#666}

/*-------------------------------------------------------------------list styles*/
.guidenav{ float:left; padding:0 15px; width:910px; height:24px; font-size:11px; line-height:24px; color:#fff; background-color:#212121; margin-bottom:1px}
.guidenav .left{ float:left; width:auto; text-align:left}
.guidenav .right{ float:right; width:auto; text-align:right}
.guidenav .right a{ padding-left:8px}
.guidenav a{ color:#fff; text-decoration:underline}
.list{ float:left; padding:0 13px 13px; width:914px; height: auto; background-color:#3b3b3b}
.prductlist{ float:left; width:914px; height:auto}
.prductbox{float:left; position:relative; margin:13px 21px 0 0; padding:13px; width:140px; height:270px; background-color:#646262; }
.prductbox1{ margin-right:0}
#off{
	position:absolute;
	left:104px;
	top:0px;
	width:62px;
	height:62px;
	font:20px/62px Arial;
	text-align:center;
	color:#fff;
	background: url(images/off.gif) no-repeat;
	z-index:1;
}
.prductbox p{ float:left; width:140px; height:auto; margin-top:10px}
.prductbox .name{height:22px; font:11px/14px Tahoma}
.prductbox .name a{ color:#fff; text-decoration:underline}
.prductbox .oprice{ font:14px Tahoma; color:#f90}

/*-------------------------------------------------------------------left styles*/
#left{ float:left; width:721px; height:auto; margin:13px 13px 0 0}
.prdetail{ float:left; width:721px; height:auto}
.prdetail .left{ float:left; position:relative; width:360px; height:360px}
#pre {
	position:absolute;
	left:19px;
	top:16px;
	width:88px;
	height:29px;
}
#next {
	position:absolute;
	left:276px;
	top:16px;
	width:65px;
	height:29px;
}

#largeview {
	position:absolute;
	left:257px;
	top:319px;
	width:85px;
	height:23px;
}
.prdetail .right{ float:left; width:361px; height:auto}
.prdetail .right h2{ float:left; padding-left:15px; width:346px; height:36px; font:18px/36px Arial; color:#fff}
.prdetail .right .details{ float:left; width:341px; height:auto}
.detailsmenu{ float:left; width:361px; height:auto}
.detailsmenu li{float:left;width:142px; height:23px; font-size:11px; line-height:23px; color:#fff;  margin-right:5px; background-color:#585757; cursor:pointer;list-style:none;overflow:hidden;text-align:center;}
.detailsmenu li.s1{float:left;width:142px; height:23px; font-size:11px; line-height:23px; color:#fff; background-color:#797979; margin-right:5px;cursor:pointer;list-style:none;overflow:hidden;text-align:center;}
.detailscontent{ float: left; padding: 10px 15px; width:331px; height:auto; font-size:11px; line-height:18px; color:#515151; background-color:#646262}
.detailscontent p{ float:left; width:331px; height:28px; font-size:11px; line-height:28px; color:#ccc}
.detailscontent .a1{ float:left; width:100px;}
.detailscontent .a2{ float:left; width:231px}
.detailscontent .a3{ float:left; width:120px; margin-top:12px}
.detailscontent .a4{ float:right; width:209px; text-align:right; margin-top:12px}
.detailscontent .a5{ float:left; width:auto; text-align:left}
.detailscontent .a6{ float: right; width:auto; text-align: right}
.size{width:78px; height:18px}
.amount{ width:48px; height:15px; border:1px solid #ccc}
.everyitem{ float:left; padding:8px 0; width:311px; font:10px/14px Verdana; color:#ccc}
.comment{ width:300px; height:120px}

.intr{ width:331px; float:left; padding:10px 0 0 0; 
}
.intr1{ width:331px; padding:0 0 10px 0;
}
.intr a{ cursor:pointer; display:block;color:#fff; text-decoration:none; line-height:12px;
}
.intr a img{ margin:0 10px -2px 0; float:left; width:12px
}
.intr p{ margin:5px 0 0 0;padding:10px; width:311px; height:auto;  font-size:11px; line-height:150%; color:#ccc; border-top:1px solid #999}

.suggest{float:left;width:721px; height:auto; margin-top:13px}
.suggest .suggest_title{ float:left; padding-left:15px; width:706px; height:24px; font-size:11px; line-height:24px; color:#fff; background-color:#797979}
.suggest .suggest_title span{ position:relative; margin-left:500px; top:0; right:10px;}
.suggest .list{ float:left; padding:16px; width:689px; height:auto;background-color:#646262}
.suggest .list .pr1{ float:left; width:120px; height:auto; margin-right:21px}
.suggest .list .pr2{ margin-right:0}
.suggest .list .pr1 p{ float:left; width:120px; margin-top:8px}
.suggest .list .pr1 .name{height:42px; font:11px/14px Tahoma}
.suggest .list .pr1 .name a{ color:#fff; text-decoration:underline}
.suggest .list .pr1 .oprice{ font:14px Tahoma; color:#f90}

/*-------------------------------------------------------------------right styles*/
#right{ float:left; width:180px; height:auto; margin-top:13px}
.catalog{ float:left; width:180px; height:auto}
.catalog h4{ float:left; width:180px; height:24px; font-size:11px; line-height:24px; color:#fff; text-align:center; background-color:#797979 }
.catalog .catalog_content{ float:left; padding:6px 0; width:180px; height:auto; background-color:#646262}
.catalog .catalog_content ul{ float:left; padding:0 13px 13px; width:154px}
.catalog .catalog_content li{ float:left; padding-left:14px; width:140px; height: auto; font-size:11px; line-height:14px; color:#ccc; margin-top:13px; background:url(../images/q_dot.gif) left top no-repeat}

/*-------------------------------------------------------------------faq styles*/
.livechat{ float:left; width:180px; height:89px; margin-bottom:10px}
.all_title{ float:left; width:721px; height:auto; font-size:24px; line-height:36px; color:#fff}
.all_info{ float:left; padding:13px; width:695px; height:auto; font-size:11px; line-height:18px; color:#ccc; background-color:#646262; margin:13px 0}
.faq_details{ float:left; width:721px; text-align:left}
.rolinList{ float:left;width:721px; height:auto;text-align:left}
.rolinList li{ margin-bottom:4px; float:left; width:721px}
.rolinList li .title{ float:left; padding-left:13px; width:708px; height:auto;background-color:#797979;}
.rolinList li .title h5{ float:left; padding-left:25px;width:683px; height:22px; font:11px/21px Verdana; color:#fff; cursor:pointer; background:url(../images/co5.gif) left center no-repeat}
.rolinList .content{ float:left; padding:13px 13px 0; width:695px; height:auto; font-size:11px; line-height:18px; color:#ccc; background-color:#646262}
.rolinList .content p{ float:left; padding-left:25px; width:670px; height:auto; background:url(../images/co4.gif) left top no-repeat}
.btnblock{ float:left; padding:0 13px; width:695px; height:auto; margin:20px 0 7px}
.cartdetail{ float:left; width:721px; height:auto}
.code{ width:150px; height:18px; border:0}
.all_input{ width:170px; height:15px; border:1px solid #bebebe}
#comment div{ background:none; width:721px; padding:0; border:0; font-family:"Trebuchet MS", Georgia, "Times New Roman";
}
#comment .c1{ width:655px; height:25px; line-height:25px; border:0; margin:0; position:relative; color:#000; font-weight:bold; border-bottom:1px solid #666; padding:0 5px 0 5px; 
}
#comment .c1 span{ position:absolute; top:0; right:10px;
}
#comment .c1 span a{ color:#000; text-decoration:none;
}
#comment .c1 span a:hover{ color:#436eae;
}
#comment .c2{ width:695px; margin:0px 0 0 0; background:#fff; padding:10px 15px 30px 10px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; line-height:150%; color:#408080;
}
#comment .c2 span{ margin-left:400px; bottom:5px; right:15px; font-size:11px; color:#666; font-family:Geneva, Arial, Helvetica, sans-serif;
}