.productbox{ width:980px; margin:0 auto; padding-bottom:20px;}
.proimgwrap{ width:350px; float:left; position:relative; z-index:1; margin-bottom:10px;}
.proimg{ border:1px solid #e5e5e5; text-align:center; position:relative}
.proimg .stock{ background:url(images/stock.png) 0px 0px no-repeat; position:absolute; top:0px; left:-1px; width:90px; height:30px; z-index:1;}
.proimg .zoom{ cursor:pointer; width:60px; height:20px; background:url(images/zooom.png) 0px 2px no-repeat; position:absolute;bottom:5px; right:5px; text-indent:20px}
.proimg .zoom:hover{background:url(images/zooom.png) 0px -27px no-repeat; color:#ff6600}
.largeimg{ position:absolute; display:none; background: url(images/largeimg.png) 0px 0px no-repeat; width:655px; height:555px; z-index:200001;top:50%; left:50%; margin-top:-277px; margin-left:-327px;}
.graydiv{ background:url(images/graybg.png) repeat 0px 0px;}
.onlineorderarea{ margin-top:15px;}
.proimgwrap:after,
.productbox:after,
.onlineordercontent:after,
.reviews:after,
.onlineorderarea:after,
.relativepro:after,
.prootherinfo:after,
.color:after,
.detailimg:after,
.ProductReviews:after,
.buttonarea1:after,
.ProFunctionbtn:after,
.ReviewsWrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.reviewsbox{ display:none; clear:both;}
.reviews-title{ cursor:pointer}
.viewreviewsimg{ width:21px; height:21px; background:url(images/arrow_blue.png) 0px 0px no-repeat; float:left; margin:2px 0 0 20px; cursor:pointer}
.viewreviewsimg1{ width:21px; height:21px; background:url(images/arrow_blue.png) 0px -46px no-repeat; float:left; margin:2px 0 0 20px; cursor:pointer}
.viewreviewsimg:hover,.viewreviewsimg1:hover{filter:alpha(opacity=80);opacity: 0.8}
/*{background:url(images/arrowblue_uhover.png) 0px 9px no-repeat;}*/
.functionbtn img{ cursor:pointer; margin-right:10px;}
.functionbtn{ margin:15px 0;}
.detailimg li{ width:50px; height:50px; float:left; border:1px solid #d5d5d5; margin-right:17px; cursor:pointer}
.detailimg li img{ width:50px; height:50px;}
.detailimg{ margin-top:15px;}
.detailimg li img:hover{filter:alpha(opacity=80);opacity: 0.8}
.detailimg .detailimg_active{ border:1px solid #777}
.detailimg .detailimg_active:hover{cursor:default}
.detailimg .detailimg_active img:hover{filter:alpha(opacity=100);opacity: 1}
.onlineorder{ width:490px; float:right; display:none;}




.action{}
.itemstyle{}
.itemstyle .title{font-size: 19px; padding-bottom:7px;line-height: 20px;margin: 0 0 5px 0; padding-top:5px; border-top:#e0e0e0 solid 1px;text-indent: 4px; font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif;  color:#333}
.action li{ background:url(images/actionicon.png) 5px center no-repeat;color: #333333;font-size: 14px;line-height: 30px;margin-left: 10px;text-indent: 20px; padding-left:5px; float:left; clear:both; padding-right:15px; margin-left:10px; margin-bottom:10px;}
.action li:hover{ cursor:pointer; background:url(images/actionicon.png) 5px center no-repeat #f9f9f9; color:#0461C8}
.productnamearea,.productBlank{ position:relative; z-index:0;}
.productnamearea td{ vertical-align:top;}
.productnamearea td.proname-td{ vertical-align:top}
.productBlank {height:40px;margin-top:5px;margin-bottom:10px;display:inline-block;}
.proname-td{ padding-top:5px;}
.productname{ color: #034EA2;font-size: 19px; font-weight:bold; margin-bottom:5px}
.productcode{ /*color:#777;*/line-height: 20px;font-size:15px;margin-top:3px; clear:both;}
.productBlank {height:40px;margin-top:5px;}
.eta{ font-size:15px; line-height:20px; margin:3px 0 10px 1px; }
.onlineordercontent .productname{ font-size:15px;}
.onlineordercontent .productcode{ font-size:13px; margin-top:0}
.onlineordercontent .title{line-height:20px;color:#111; font-family:Arial,Helvetica,sans-serif,"宋体"; font-size:12px; font-weight:bold; margin-bottom:0px; padding-bottom:0; /*font-size:14px; font-family:"wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"*/}
.quantity{ margin-left:5px;}
.priceby{ margin-top:0px;}
.priceby li{ float:left; margin-right:45px; cursor:pointer;line-height:26px;background: url(images/priceselect.png) 0px -40px no-repeat; text-indent:22px;}
.priceby li:hover{ color:#ff6600;}
.priceby .priceselect{ background: url(images/priceselect.png) 0px 0px no-repeat; text-indent:22px; }
.priceby .priceselect:hover{ color:#111; cursor:default;}
.quantity th,.quantity td{ text-align: center; vertical-align: middle; white-space:nowrap; padding:5px 3px 2px 3px; font-weight:normal}
.quantity th{ background:#fff; color:#000; padding:10px 10px 5px 5px; font-weight:normal}
.quantity input{ border:1px solid #d5d5d5; width:70%; line-height:18px; padding:1px; text-align:center;}
.pricetatol{font-weight:bold; margin:5px 0 0px 0px;}
.SizeTable{ margin:20px 0 0 0px;}
.SizeTable th{ color:#222; font-size:12px; white-space:nowrap; padding-bottom:3px;}
.price{ color:#D60616;}
.addtocart{ background:#1882C0; color:#fff; font-size:13px; width:75px; text-align:center; line-height:18px; padding:2px 6px; float:right; margin-right:100px; cursor:pointer; margin-top:20px;}
.addtocart:hover{ background:#178FF2} 
.viewcart{ display:none;background:#1570A6;color:#fff; font-size:14px; font-weight:bold; width:90px; text-align:center; padding:5px 10px; float:right; margin:0 5px 5px 5px; cursor:pointer}
.viewcart:hover{ background:#ddd} 
.InnerContentArea{ position:relative;}

/*****************/
ul,p{margin:0; padding:0;}
li{list-style-type:none;}
img{border:0;}
:focus{outline:0;}
.relativepro a.abtn{
	position:absolute;
	top:80px;
	display:block;
	height:16px;
	width:8px;
	overflow:hidden;
	text-indent:-20000px;
}
.relativepro a.aleft{
	left:7px;
}
.relativepro a.aright{
	right:7px;
}
.relativepro a.aright:hover{
	right:7px;
}

.productshow{
	height:95px;
	text-align:center;
	margin-top:10px;
	position:relative;
}
.productshow .scrollcontainer{
	height:95px;
	overflow:hidden;
	position:relative;
}
.productshow .scrollcontainer ul{ position:absolute; width:20000px;}
.relativepro .productshow .scrollcontainer ul{ left:0}
.productshow .scrollcontainer li{
	float:left;
	width:84px;
	height:90px;
	text-align:center;
}
.onlineordercontent{ position:relative; margin-left:3px;}
.orderselectrcolor{ margin-left:13px;}
.chage-colour{color:#034EA2;text-decoration:underline; cursor:pointer;}
.chage-colour:hover{color:#ff9a00;}
.chage-colour a{ font-size:12px; color:#034EA2; text-decoration:underline;}
.chage-colour a:hover{ color:#ff9a00;}
.orderselectrcolor li{ width:40px; height:40px; border:1px solid #d5d5d5; margin:0;}
.orderselectrcolor li td{width:40px; height:40px; text-align:center; vertical-align:middle}
.orderselectrcolor img{ max-width:40px; max-height:40px; cursor:pointer;}
.onlineordercontent .onlineordercolor{ position:absolute; display:none; left:60px; top:30px; background:#fff; padding:5px 0px 0 5px; border:1px solid #d5d5d5; width:190px}
.hidden{ display:none}
.onlineordercontent .onlineordercolor dd{ float:left;  margin-right:8px; margin-bottom:6px; height:57px; cursor:pointer}
.onlineordercontent .onlineordercolor dd .colordiv{ border:1px solid #e5e5e5;}
.onlineordercontent .onlineordercolor dd .colordiv td{ text-align:center; vertical-align:middle; width:50px; height:50px;}
.onlineordercontent .onlineordercolor .coselect .selectwrap{ border-bottom:3px solid #F7A204;padding-bottom:3px;}
.onlineordercontent .onlineordercolor dd img{ max-width:50px; max-height:50px;}
.onlineordercontent .onlineordercolor dd .nostock-icon{ position:absolute; top:0; left:0}
/*.productshow .scrollcontainer li img{ width:70px; margin-top:4px;}*/
.productshow .scrollcontainer li .discount,.productshow .scrollcontainer li .discount2{ width:43px; height:43px; position:absolute; top:0; left:0; margin:0}
.productshow .scrollcontainer .selectwrap{ height:42px; width:42px; cursor:pointer}
.productshow .scrollcontainer .coselect .selectwrap{}
.proimgwrap .scrollcontainer{ width:420px; margin:0 auto}
.productshow .scrollcontainer li.last{
	background:none;
}
.productshow .scrollcontainer li .colordiv{
	height:40px;
	width:40px;
	overflow:hidden;
	text-align:center;
	border:1px solid #d5d5d5;
}
.productshow .scrollcontainer a:hover .RelativeProImg img{
	filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;
}
.productshow .scrollcontainer a:hover img.discountstyle1{
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}
.productshow .scrollcontainer li p{
	margin:0;
	line-height:32px;
}

.vscroll{
	width:460px;
	height:60px;
	overflow:hidden;
	margin:20px auto;
	position:relative;
	text-align:left;
	line-height:20px;
}
.vscroll .vscrollobj{
	position:absolute;
	left:0px;
	top:0px;
}
.vscroll a.abtn{
	background-color:#f1f1f1;
	border:1px solid #666;
	height:110px;
}

.videolistwraper{
	width:206px;
	height:243px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	position:relative;
}
.videolist{
	text-align:center;
	width:106px;
	height:200px;
	overflow:hidden;
	margin:25px auto 25px;
	position:relative;
}
.videolist ul{
	position:absolute;
	left:0px;
	top:0px;
}
.videolist li{
	height:100px;
	overflow:hidden;
}
.videolist .img{
	position:relative;
	width:106px;
	height:53px;
	cursor:pointer;
}
.videolist .img img{
	width:100px;
	height:47px;
	border:3px solid #fff;
}
.videolist .img a{
	display:block;
	width:106px;
	height:53px;
	position:absolute;
	left:0;
	top:0;
	filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;
}
.videolist .img a:hover{
	display:block;
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}
.videolist .img a.now{
	background:none;
}
.videolist p{
	margin-bottom:0;
	font-family:微软雅黑;
}
.newslistwraper{
	width:460px;
	margin:0 auto 150px;
	position:relative;
}
.newslistwraper a.abtn{height:20px;top:0;}
.newslist{
	height:20px; 
	line-height:20px; 
	overflow:hidden;
	position:relative;
}
.newslist ul{position:absolute;left:0px;top:0px;width:460px;}
/*****************/
.relativepro{ margin:0 0 15px 0; clear:both;}
.relativepro .productshow{ width:980px; height:210px; margin:0px 0 0 0; clear:both;}
.relativepro .productshow .scrollcontainer{ width:930px; height:210px; margin-left:25px}
.relativepro .productshow .scrollcontainer li{ width:155px; /*height:210px;*/}
.relativepro .productshow .scrollcontainer li div{ width:140px; /*height:210px;*/ margin:0 auto;}
.relativepro .productshow .scrollcontainer li div:hover .RelativeProName{ /*color:#034EA2!important*/}
.relativepro .productshow .scrollcontainer li div .RelativeProImg{width:140px; height:130px; padding:1px; text-align:center; vertical-align:middle; border:1px solid #E5E5E5}
.relativepro .productshow .scrollcontainer li img{ /*max-width:185px; max-height:130px;*/ margin:0}
.relativepro .productshow .scrollcontainer li div .RelativeProName{line-height:20px; color:#222}
.relativepro .productshow .scrollcontainer li div .RelativeProName p{ height:16px; display:block; overflow:hidden; text-align:left; margin:0 auto; line-height:16px;}
.relativepro .productshow .scrollcontainer li div .RelativeProName p.ProName{color:#034EA2; margin:5px 0 0 0; width:140px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.relativepro .productshow .scrollcontainer li div .RelativeProName p.spanoldcode{ color:#888;}
.relativepro .productshow .scrollcontainer li div .RelativeProName p.price span{ color:#666;}
.relativepro .productshow .scrollcontainer li div .RelativeProName p.price .redtxt{ color:#d60616; font-weight:bold; margin-left:3px;}
.relativepro .productshow .scrollcontainer li div .RelativeProName img{ width:27px; margin-left:3px;}
.relativepro .productshow .scrollcontainer li div .relative_service_logout img{ margin:0 3px 0 0;}
.relativepro .productshow .scrollcontainer li div:hover .RelativeProName span.spanoldcode{/*color:#034EA2!important*/}
.relativepro .productshow .scrollcontainer li{ padding:0}
.relativepro .productshow .scrollcontainer li p{ line-height:20px; color:#333; text-align:left; margin:0;}
.relativepro .productshow .scrollcontainer li p span{ color:#000}
.relativepro .productshow .scrollcontainer li div.CodeAndFromDiv{ float:left; width:auto}
.relativepro .productshow .scrollcontainer li div.CodeAndFromDiv p{ width:100px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
/*****************/
.prootherinfo{ margin-top:0px; color:#333;}
.Actionbox{ width:440px; float:left; margin-top:25px;}
.pricingonfo{ width:600px; float:left; margin-top:-5px; margin-left:30px;}
.boxstyle{ background:#fff;padding:0 10px;}
.state{ margin:0 0 5px 20px; white-space:nowrap;}
.state img{ margin-right:5px; vertical-align:middle; max-width:45px; max-height:45px;}
.divServiceImg img{ width:45px;}
.TagState{ margin:0 0 0 15px; white-space:nowrap}
.TagState img{ margin-left:5px; max-width:45px; vertical-align:middle}
.pricename{ margin:0 0 3px 0; /*font-size:16px; color:#000; font-family:"wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";*/  font-weight:bold; color:#111;}
.productprice table{ margin-bottom:8px;}
.moreproinfobtn{ height:15px; width:280px; cursor:pointer;margin-top:15px; color:#034EA2; background:url("images/arrow_blue.png") no-repeat scroll 240px 5px transparent;}
.hiddenmoreproinfobtn{ height:15px; width:210px; cursor:pointer;margin-top:15px; color:#034EA2; background:url("images/arrow_blue.png") no-repeat scroll 190px -58px transparent;}
.moreproinfobtn:hover{ text-decoration:underline;background:url(images/arrow_blue.png) 240px -28px no-repeat;}
.hiddenmoreproinfobtn:hover{background:url(images/arrow_blue.png) 190px -89px no-repeat; text-decoration:underline}
.productprice .title,.sizetitle{ color:#333; font-weight:bold; /*font-family:"wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-size:16px;*/}
.MetaDescription{ font-style:italic; font-size:13px; font-weight:bold; color:#333; margin:0;}
/*.textul,.FullDescription,.Cartondetails,.Cartondetails_C,.Tolerance{ margin:0 0 15px 0;}*/
.textul li,.FullDescription ul li,.Cartondetails_C ul li{ background:url(images/liststyle2.png) 1px 5px no-repeat; margin-bottom:8px; padding-left:14px; line-height:20px;}
.sizetablestyle{ margin-bottom:5px; width:100%;}
.sizetablestyle th,.sizetablestyle td{ text-align:center; color:#333; line-height:20px;}
.sizetablestyle th{ font-weight: normal; padding:3px 0 0 0; border:0px;/* background:#e5e5e5;*/ border-bottom:1px solid #ddd; font-size:12px;}
.sizetablestyle td{padding:3px 0 0 0;}
.sizetablestyle th:first-child{ text-align:left}
.sizetablestyle tr td:first-child{ text-align:left; font-weight:bold;}
.sizetablestyle p{ text-align:center; line-height:17px;}
.Actionbox .title{ border:0px;}
#proinfocontent p{ margin:0px 0 15px 0}
.Tolerance{color:#ff0000; line-height:22px; padding-top:5px;}
.color{ clear:both;}
.color li{ float:left; padding-bottom:0px; margin-bottom:0px; border-bottom:4px #fff solid; cursor:pointer;}
.color li hr{ background:none; border:0}
.color .coselect hr{ background:#0C77CF; width:72px; margin-left:5px; border:0; height:4px;}
.color .coselect:hover{ cursor:default;}
.color li div{ border:1px solid #d5d5d5; height:80px; width:70px; margin-left:5px; position:relative}
.proinfo li{ float:left; height:20px; padding-bottom:7px; margin-right:30px; cursor:pointer;}
.visible{ display:block;}
.proinfoactiveli{ border-bottom:#0C77CF solid 3px;}


.reviews li{ float:left; cursor:pointer; height:20px; line-height:20px;background-repeat: no-repeat; margin-right:10px; color:#215BCD;}
.reviews li a{color:#034EA2;}
.reviews li:hover .a{ text-decoration:underline;}
.reviews .rating{ cursor:default;color:#333}
.reviews .rating:hover{ color:#333}
/***********quote********************************/
/*.requestquote{}
.quotedtable td,.quotedtable td{ padding:6px 5px; border:#bbb 1px dotted; line-height:20px; background:#fff;}
.quotedtable{ border:1px solid #66A4D4; width:100%; margin-top:10px;}
.quotedtable input,.quotedtable select{border:1px solid #c1c1c1; width:200px; height:18px;}
.quotedtable select{ height:20px;}
.requestquote .title{ font-size:18px; color:#000; margin-top:25px; font-family:"wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"}
*/
.quotedescription,.quotedecoration{ border:3px solid #eee; padding:0 10px 10px 10px; margin-top:20px; background:#f9f9f9;}
.quoteheader{ font-size:20px; color:#333; text-align:center; margin-top:20px;}
#ibtnSumit,#Button3{ width:100px; cursor:pointer; background:#FCA01B; color:#fff; font-size:16px; padding:2px 0; border:0px; margin-top:10px;}
#Button3{ font-size:14px; font-weight:bold; padding:4px 0;}
#ibtnSumit:hover,#Button3:hover{ background:#00ACED;}
#Button1,#Button2{ background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #215BCD;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    text-decoration: underline;
    width: auto;}
#Button1:hover,#Button2:hover{ color:#ff8800;}




.Colors{color: #222;
    /*font-family:"wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; */    font-size: 14px;
    line-height: 20px;
    font-weight:bold;
    margin: 0 0 10px 0; clear:both; padding-top:25px;}
	
	
.buttonarea div{ height:20px; margin-bottom:10px;}
.buttonarea .btn_style1{color:#034EA2; font-size:13px; cursor:pointer; padding:0;text-align:left; margin-bottom:10px; margin-left:17px;}
.buttonarea .btn_style1 a{ color:#034EA2;}
.buttonarea .btn_style1 a:hover,.buttonarea .btn_style1:hover{ text-decoration:underline;}
.buttonarea1{ margin:30px auto 0 auto; clear:both;}
.buttonarea1 .buttonstyle{ float:left; padding:3px 8px; background:#1882C0; color:#fff; margin-right:16px; cursor:pointer;}
.buttonarea1 .buttonstyle2{ background:#1882C0; float:left; padding:3px 10px; color:#fff; margin-left:137px; cursor:pointer}
.buttonarea1 .buttonstyle:hover{ background:#178ff2;}
.buttonarea1 .buttonstyle2:hover{ background:#178ff2}


.ProductReviews{ margin:20px 0; /*border-top:2px solid #d5d5d5;*/ clear:both;}
.ProductReviews .title{ line-height:30px; font-size:15px;color: #444;
    font-size: 20px;
	font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
    line-height: 20px; margin-top:25px;
	text-indent:4px;
	height:20px;
	padding-top:5px; 
	border-top:solid #d4d4d4 1px;
  }
 .Productsummary .title,.Individual .title{ background:#F2F2F0; text-indent:10px; font-size:15px; padding:3px 0 5px 0; margin-bottom:15px; border:0}
.reviewinfo{ height:30px; margin:0 10px;}
.reviewinfo li{ float:left; margin-right:15px;}
.reviewinfo li:first-child{ margin-right:8px;}
.reviewstotalinfo{ margin:5px 10px 0px 10px; color:#444;}
.username{ margin:0; color:#034EA2; text-decoration:underline; cursor:pointer}
.bold{ font-weight:bold; font-size:13px; color:#333;}
.reviewinfo li .start{ vertical-align:middle}
.individualitem{ margin:15px 10px 15px 10px; border-bottom: 1px dotted #bbb; position:relative;
    padding-bottom: 15px;}
	.facebook{ height:20px; margin-top:15px;}
.facebook li{ float:left; margin-right:8px; font-weight:bold;}
.facebook img{ width:15px;}
.Helpfulness{ position:absolute; bottom:15px; right:0;}
.Helpfulness .helpfulniess_a{margin-right:20px; color:#034EA2; text-decoration:underline; cursor:pointer}
.Helpfulness .helpfulniess_a:hover,.username:hover{ color:#ff8800;}
.Helpfulness li{ float:left; margin-right:6px; height:25px; line-height:23px;}
.Helpfulness .yesimg,.Helpfulness .noimg,.Helpfulness .reportimg{ width:18px;}
.Helpfulness .yesimg{ background:url(images/yes.png) 0px 0px no-repeat}
.Helpfulness .noimg{background:url(images/no.png) 0px 5px no-repeat}
.Helpfulness .reportimg{background:url(images/report.png) 0px 1px no-repeat}
.individualitem .Value{ float:left; font-weight:bold; color:#333;}
.individualitem .time{ float:right; color:#666;}
.reviewuser,.RecommendedPrefix,.Rating,.ReviewTitleContainer,.Age,.Gender,.Age{ height:18px; line-height:18px; clear:both;}
.Rating li{ float:left; margin-right:15px;}
.Rating li img{ margin-top:3px;}
.reviewscontent{ line-height:20px; margin-top:15px; width:60%;}
.reviewspage{ height:28px; border-bottom:1px dotted #bbb; padding:0 10px 5px 10px;}
.reviewspage .page{ width:50%; float:left; color:#034EA2;}
.reviewspage .sortby{ float:right; width:200px;}
.reviewspage .page span{ margin-right:5px; cursor:pointer}
.reviewspage .page span:hover{ color:#ff8800;}
.pageactive{ color:#ff8800; font-weight:bold;}
.sortby span,.sortby select{ float:left}
.sortby span{ margin-right:5px; line-height:20px;}
.sortby select{ width:100px;}
.Rating{ margin-top:10px;}
.RecommendedPrefix,.Age{ margin-top:15px;}
.Individual{ padding-top:10px;}
.good span,.good img{ float:left}
.good span{ margin-right:18px;}
.viewrating{ position:relative; cursor:pointer}
.ratingimg{ position:absolute; top:18px; right:-60px; display:none }
.onlineorderwrap{ width:300px; padding:6px 5px 11px 5px; /*height:360px;*/ position: fixed; top:50%; right:0; margin-top:-250px; background:#fff; border:2px solid #75BFE2; z-index:1000000; display:none; z-index:200001}
.closeblut{ background:url(images/greenclose.png) 0px 0px no-repeat; width:9px; height:9px}
.closeblut:hover{ background:url(images/greenclose.png) 0px bottom no-repeat;}
.ProFunctionbtn{ width:470px; position:relative;}
.mockupbtn{ background:#F7A204; color:#fff; padding:1px 5px; width:50px; position:absolute; right:0; bottom:1px; text-align:center; float:right;visibility:hidden}
.mockupbtn:hover{ background:#f8b912; cursor:pointer}
.ProFunctionbtn ul{ float:left}
.ProFunctionbtn li{ float:left;margin-right:20px; color:#034EA2; line-height:20px; margin-left:2px;}
.ProFunctionbtn li img{ margin-right:6px; }
.ProFunctionbtn li:hover{ color:#ff8800; cursor:pointer}



.RatingsHistogramButtonPopin 
{
    display:none;
    margin-left: 85px;
    margin-top: -10px;
    position: absolute;
    width: 265px;}
.ProOverallRating {
    background: url(images/histogram_bck.gif) repeat-x scroll center bottom #FFFFFF;
    border: 1px solid #999999;
    height: auto;
    overflow: hidden;
    padding: 5px 0 0;
    text-align: left;
    width: 260px;
}
div.ProOverallRatingTitle {
    background-color: #75B006;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    margin: -5px 0 10px;
    padding: 6px 5px;
}
div.ProOverallRatingTitle .RatingNonZeroCount{ font-weight:normal}
.ProOverallRating {
    text-align: left;
}
.ProOverallRatingBarRow {
    height: 25px;
    overflow: hidden;
    padding: 3px 0 0 10px;
    width: 100%;
}
.ProOverallRatingBarRow span {
    font-size: 9px;
    padding: 2px 0;
    float:left;
}
.ProOverallRatingBar {
    background: url(images/mt_bar.gif) repeat-x scroll center bottom #FFFFFF;
    border: 1px solid #ABABAB;
    float: left;
    height: 19px;
    margin: 0 5px;
    width: 162px;
}
.ProOverallRatingFullBar {
    background: url(images/full_bar.gif) repeat scroll right center transparent;
    float: left;
    height: 19px;
}
.OverallRatingAbsLabel {
    float: left;
}

.splitnewoldcode{ font-weight:bold; margin:0 5px; color:#000000;}
.list_descriptin .spanoldcode{ margin-left:5px; color:#888888;}
.productcode .spanoldcode{ margin-left:5px; color:#888888;}

.Actions{ width:125px; float:right}
.ActionTitle{ height:30px; color:#fff; line-height:30px; font-weight:bold; font-size:16px; background:#1882C0; text-align:center; margin-bottom:15px;}

.pricing-box{margin-bottom:10px; padding:5px 5px 2px 5px; border:1px solid #e0e0e0;}
.pricing-box, .productnamearea, .productBlank,.pricingonfo .ui-widget-content {
	margin-left: 3px;
}
.productprice{margin:0px auto}
.pricing-note ul li{ float:left; color:#034EA2;margin:0px 10px 0px 0;text-decoration:underline; cursor:pointer;}
.PricingBtn{ margin:-2px 0 10px 0; height:25px;}
.PricingBtn .buttonstyle1,.PricingBtn .QuoteBtnNotes{ float:left;}
.PricingBtn .buttonstyle1{ margin:0 3px 0 5px}
.PricingBtn .QuoteBtnNotes{ line-height:20px;}
.PricingBtn .Enquiry{ margin-left:10px;}
.buttonstyle1{background:#1882c0; text-decoration:none; color:#fff;padding:0px 10px; height:20px; line-height:20px; border:0; cursor:pointer}
.buttonstyle1:hover{ background:#178ff2}
.pricing-note ul li:hover{ color:#ff9900;}
.pricing-note ul .Enquiry:hover{ color:#fff; background:#178ff2;}
.pricing-note ul li.TextNote{ margin-right:5px;}
.EnquiryContent{ border:1px solid #c0c0c0;}
.EnquiryWindowArea td{ padding:5px 0}
.EnquiryWindowArea .title{ font-weight:bold}
.Discounted{ position:relative; z-index:0; height:22px !important; line-height:21px; margin-bottom:5px}
.DiscountedLeft{background:url("images/Discounte.png") no-repeat 0px 0px; position:absolute; left:0; height:22px !important; width:34px !important;}
.DiscountedRight{background:url("images/Discounte.png") no-repeat 0px bottom; position:absolute; right:0; height:22px !important; width:38px !important;}
.DiscountedText{color:#fff; white-space:nowrap; font-weight: bold;font-size:12px; position:relative; z-index:1; margin:0 18px 0 16px; height:22px; line-height:22px;background:url("images/Discounted-content-bg.png") repeat-x 0px 0px;}
.pricingonfo .Discounted{ margin:5px 0}
.relativepro .productshow .scrollcontainer li .DiscountedRight,.relativepro .productshow .scrollcontainer li .DiscountedLeft,
.relativepro .productshow .scrollcontainer li .DiscountedRight:hover,.relativepro .productshow .scrollcontainer li .DiscountedLeft:hover,.relativepro .productshow .scrollcontainer li .DiscountedText{ padding:0; border:0}
.relativepro .productshow .scrollcontainer li .DiscountedText{ width:auto; height:22px; line-height:21px; margin:0 18px 0 16px}
.PricingNotes,.TermsConditions{ line-height:25px; color:#333!important;}
.TermsConditions{ height:500px; overflow-y:auto}
.TermsConditions p{ line-height:20px;}
.TermsConditions a{ text-decoration:underline;}
.TermsConditions a:hover{ color:#ff9a00;}
.PricingNotes .header,.TermsConditions .header{ font-size:16px; font-weight:bold; color:#333; margin-bottom:10px;}
.PricingNotes .title,.TermsConditions .title{ font-weight:bold; font-size:13px; color:#222; margin-right:5px;}
.TermsConditions h2 .title{ font-size:15px;}
.TermsConditions td{ white-space: nowrap;}
.leadtime-table{ width:100%;}
.leadtime-table td{ vertical-align:top; text-align:left}
.leadtime td{ padding-right:20px;}
.LeftColourButton{background:url("images/color-arrow.png") no-repeat -40px -2px;}
.LeftColourButton:hover{background:url("images/color-arrow.png") no-repeat -90px -2px;}
.RightColourButton{background:url("images/color-arrow.png") no-repeat -40px -96px;}
.RightColourButton:hover{background:url("images/color-arrow.png") no-repeat -90px -96px;}
.LeftColourButton.Disabled{background:url("images/color-arrow.png") no-repeat 5px -2px;}
.RightColourButton.Disabled{background:url("images/color-arrow.png") no-repeat 5px -96px;}
.current-color{ font-size:12px; color:#555; font-weight:normal; margin-left:5px;}


.oDivComponentProduct{clear:both;}
.litabcomponentpro{text-align:center;margin:4px;}
.ComponentProductUl li{float:left; min-height:60px;}
.ProductQty{ text-align:center;width:50px; height:15px; line-height:15px;}
.ProductStock input{ vertical-align:middle; margin:2px 0 0 0}
.imgcomponentpro{ max-width:30px;}
.ComponentProName{ font-weight:bold; margin:15px 0 10px 0;}
.onlineorder_title{ font-weight:bold; font-size:15px; color:#fff; margin-bottom:10px; background:#1882C0; padding:2px 5px; width:270px;}
a.SamplesMessageButton{ color:#CC0000; text-decoration:underline; line-height:40px;}
.SamplesMessageButton:hover{ color:#ff0000}
a.ViewCart{ color:#034EA2; text-decoration:underline;}
/************************/
.colours-title{ font-weight:bold; width:57px; font-size:13px;}
.colours-table{ width:100%}
.colours-table td{ text-align:left; vertical-align:top;}
.colourlist li{ float:left; margin-bottom:7px; margin-right:15px;min-height:15px;}
.colourlist li span{ display:inline-block;padding-left:18px;background:url("images/colour-checkbox.png") no-repeat 0 1px; cursor:pointer; line-height:15px;}
.colourlist li.completed-colour span{background:url("images/colour-checkbox.png") no-repeat 0 -37px;}
.colourlist li.active-colour span{background:url("images/colour-checkbox.png") no-repeat 0 -73px;}
.Product-Quantity{ border:1px solid #bdbdbd; text-align:center;width: 40px;}
.OrderSize{ width:100%; margin:3px 0 8px 0;}
.OrderSize th{ font-weight:bold; border-bottom:1px solid #b4b4b4;}
.OrderSize th,.OrderSize td{ text-align:center; padding:3px 0}
.OrderSize .alignleft{ text-align:left}
.Summary{ clear:both; border:1px dashed #c0c0c0; padding:3px 5px 5px 5px; margin:5px 0 5px 0; background:#f9f9f9;}
.SummaryTable{ width:100%}
.AddtoCartBtn{ background:#1882C0; color:#fff; line-height:20px; width:85px; text-align:center; float:right; cursor:pointer }
.AddtoCartBtn:hover{ background:#178ff2}
.price{ color:#ff0000; margin-left:3px;}
.SubTotallTd{ vertical-align:bottom; width:10%; white-space:nowrap; line-height:18px; padding-bottom:5px;}
.OrderListTd{ width:90%; vertical-align:top; line-height:20px;}
.Order-Colour{ margin-right:3px;} 
.spAlert{color:Red;}
.hid{display:none;}
.BoldStyle{ font-weight: bold; margin-right:5px;}
.OnlyOneSize{ margin:8px 0 10px 0}
.QauntityDiv{ margin-top:12px;}
.QauntityDiv input{ height:18px; line-height:18px; width:130px;}
.CheckStock{ background:#1882C0; border:0; height:21px; line-height:21px; color:#fff; padding:0 6px; cursor:pointer}
.CheckStock:hover{  background:#178ff2}
#oDivCheckInventory{ margin-bottom:8px;}
.ActionBtn{ position:absolute; top:0px; height:27px; left:280px;}
.ActionBtn li{ float:left; height:27px; line-height:27px;}
.pricingonfo .ui-widget-content .ActionBtn li a{ display:block; padding:0 8px; color:#034EA2}
.pricingonfo .ui-widget-content .ActionBtn li a:hover{ text-decoration:none;}
.Accessories li{ float:left; margin:0 5px 5px 5px}
.AccessoriesImg,.AccessoriesQty,.AccessoriesStock,.AccessoriesColor{ text-align:center;}
.AccessoriesQty,.AccessoriesColor{ padding-top:5px;}
.clearboth{ clear:both; height:1px;}
.smallServiceImg{width: 18px;}
.ServiceName{ font-weight:bold; margin:5px 0 0 3px; font-size:14px;}
.cleaboth{ height:1px; clear:both;}
.aShowQuotePricingNotes,.aShowQuoteTimesAndConditions{ color:#034EA2!important; text-decoration:underline!important}
.aShowQuotePricingNotes:hover,.aShowQuoteTimesAndConditions:hover{ color:#ff9900!important}
.aShowQuotePricingNotes{ margin-right:8px;}
.ProInfoTitle
{
    background: url("images/dotted-line.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
    color: #FF9900;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 15px;
    padding-bottom: 5px;
    }
.ProInfoTitle:first-child{ margin-top:0}
.ProInfo_content_logout .textul li, .ProInfo_content_logout .FullDescription ul li, .ProInfo_content_logout .Cartondetails_C ul li{ background:none; padding-left:0; color:#333; margin-bottom:3px;}
.onlineorderareaforanonymous{float: right;  margin-top: 15px;  width: 780px;}
.onlineorderareaforanonymous .pricingonfo{float: right;margin-top: -5px;width: 420px; margin-left:0}
.Notes{ margin:10px 0; color:#ff0000}
.relativepro .productshow .scrollcontainer li p span.spanoldcode{ color:#888}