﻿body, form
{
	margin: 0px;
	padding: 0px;
	color: Black;
	font: 12px/16px Arial, Verdana, Tahoma;
}

body
{
	background:url("../images/bg.gif") #7d0101 center center;
	margin-top:30px;
}


/*common css*/
.clear
{
	clear: both;
}
.clearleft
{
	clear: left;
}

#boxmain
{
	border:solid 2px Black;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background:#191919;
}
/*main content*/
#main
{
	overflow: hidden;
}

/*page header*/
#header
{
	height:64px;
	border-bottom:solid 2px Black;
	background:url("../images/bg-header.gif") #000  repeat-x top left;
}

#quickcontact .chat
{
	padding-top:0px;
	float:right;
	padding-left:10px;
}

#quickcontact .call
{
	padding-top:40px;
	padding-bottom:5px;
	color:#fc9b01;
	font-size:18px;
}

#quickcontact .address
{
	font-size:15px;
}

#quickcontact img
{
	padding-left:5px;
}

#quickcontact
{
	text-align:right;
	font-weight:bold;
	font-family:"Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Helvetica Neue",Arial;
	font-size:14px;
	border:none;
	float:right;
	line-height:22px;
	color:#7f7f7f;
	width:550px;
}
#logo
{
	border: none;
	float:left;
	padding-top:0px;
	padding-left:5px;
	
}

#logo img
{
	border:none;
}

#slogan
{
	
	border: none;
}

#logo a
{
	xheight: 100%;
	width: 435px;
}
/*menu top*/
#menutop
{
	margin-top: 60px;
	height: 10px;
	float: right;
}
#menutop li
{
	float: left;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	list-style: none;
	background: url("../images/li_icon.gif") no-repeat bottom left;
	height: 12px;
	
}
#menutop li.home
{
	float: left;
	list-style: none;
	background: url("../images/home_icon.gif") no-repeat bottom left;
	height: 15px;
	padding-top: 10px;
}
#menutop li.home a
{
	text-decoration: none;
	padding-left: 35px;
	padding-right: 20px;
	margin-top: 10px;
	height: 30px;
	color: #FFFFFF;
}
#menutop li a
{
	text-decoration: none;
	padding-left: 25px;
	padding-right: 10px;
	margin-top: 10px;
	height: 30px;
	color: #FFFFFF;
}
#menutop li a:hover
{
	color: #c10245;
}
/*header menu*/
#menuheader
{
	float:left;
	width:200px;
}

#menuheader2
{
	xheight:27px;
	xborder-bottom:solid 2px Black;
}

#menuheader2 ul
{
 	padding:0px;
	margin:0px;
	background:url(../images/bg-header2.gif) repeat-x;
	list-style: none;
	display: block;
	clear: both;
	line-height: 0;
	overflow: hidden;
}

#menuheader2 ul li
{
	float:left;
	border-right:solid 1px Black;
	display: block;
	padding:5px 0px;
}
#menuheader2 ul li a
{
	font:bold 12px Arial;
	color:White;
	text-decoration: none;	
	padding:5px 20px;
}

#menuheader2 ul li a:hover
{
	background: url(../images/menu-hover.jpg) no-repeat top left;
}

#menuheader ul
{
	padding:0px;
	margin:0px;
	list-style: none;
	display: block;
	clear: both;
	line-height: 0;
	overflow: hidden;
}
#menuheader ul li
{
	border-bottom:solid 2px Black;
}
#menuheader ul li a
{
	font:12px Arial;
	color:White;
	padding: 8px 0px 8px 20px;
	position: relative;
	z-index: 3;
	display: block;
	text-decoration: none;
}

#menuheader ul li a:hover
{
	background: url(../images/menu-hover.jpg) no-repeat top left;
}

#content
{
	padding: 0px;
	border-top:solid 2px Black;
	padding-bottom:30px;
}

/*-------------------- LEFT CATEGORY -------------------*/
#leftcategory
{
	color: white;
	font-size: 17px;
	line-height: 15px;
	background:#191919;
	border-top:solid 2px Black;
}

#leftColumnBanner
{
	float: left;
	width: 174px;
	margin:0px;
	padding: 0px;
}

#leftColumnBanner
{
	float: left;
	width:200px;
}

#leftColumnBanner ul
{
	margin: 0px;
	padding: 0px;
}

#leftColumnBanner ul li
{
	border-top:solid 2px Black;
	
	margin: 0px;
	list-style: none;
}


#leftcategory ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	clear: both;
	line-height: 0;
	overflow: hidden;
}

#leftcategory ul li
{
	border-bottom:solid 2px Black;
	
	margin: 0px;
	list-style: none;
}

#leftcategory ul li ul, #leftColumnBanner ul li ul
{
	margin:0px;
	padding:0px;	
}

#leftcategory ul li a, #leftColumnBanner ul li a
{
	padding:6px 0px 6px 20px;
	color:White;
	font:bold 12px Arial;
	display: block;
}

#leftcategory ul li.active, #leftColumnBanner ul li.active
{
	list-style: none;
}

#leftcategory ul li a:hover, #leftColumnBanner ul li a:hover
{
	background: url(../images/menu-hover.jpg) no-repeat top left;
}


.notActive
{
	padding-left: 4px;
	list-style: none;
	background: url("../images/bullet	.gif") no-repeat left center;
	margin-left: 10px;
	margin-top: 5px;
}

.notActive a:hover
{
	text-decoration: underline;
}
.active .link
{
	text-decoration: none;
}
.active .linkSelect
{
	text-decoration: none;
	color: Red;
	padding-left: 10px;
}
.active a:hover
{
	xtext-decoration: underline;
}

#homeright
{
	float:right;
	margin-top:16px;
	width:477px;
	padding-right:2px;
	margin-bottom:20px;
}

#homeleft
{
	margin-top:16px;
	width:477px;
	border-right:solid 2px Black;
	padding-right:2px;
	min-height:175px;
}

#homeleft .msg
{
	color:#ccc;
	padding-left:20px;
	padding-top:20px;
}

#homeleft .msg p
{
	padding:0px;
	margin:0px;
	line-height:20px;
}

#homeleft h2, #homeright h2
{
	text-align:left;	
	margin-left:2px;
	margin-top:0px;
	margin-bottom:0px;
	background-color:Black;
	font:bold 14px Arial;
	color:White;
	padding:11px 0px 11px 20px;
}

/*main content right colum*/
#cp, #hotproduct, #newproduct
{
	margin-bottom:20px;
}

#cp h2, #hotproduct h2, #newproduct h2, h1
{
	padding:10px 0px 10px 25px;
	line-height:normal;
	text-transform:uppercase;
	font-weight:bold;
	color: #434343;
	margin:0px 0px 0px 20px;
	font: 18px "Segoe UI",Tahoma,Helvetica,Sans-Serif;
	background:url(../images/icon-titlepage.gif) no-repeat center left;
}

.box-content 
{
	text-align:left;
	background:#fff;
	padding:10px 25px 8px 25px;
	position:relative;
}

.box-content2
{
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	position:relative;
}

/*---------------------- BANNER ----------------- */
#FlashBanner
{
	background-color:Black;
	margin-left:200px;
}

#StaticBanner
{
	float:right;
	width:323px;
}

#StaticBanner img
{
	padding-bottom:10px;
}

#rightColumn2
{
	float: right;
	width: 160px;
	margin-top: 5px;
}

#rightColumn
{
	float: right;
	width: 766px;
	margin-top: 5px;
}
#mainColumn
{
	margin:0px 0px 0px 174px;
	border-left:solid 2px Black;
	background:White;
}

#leftColumn
{
	float: left;
	width: 174px;
	margin:0px;
	padding: 0px;
}

#rightColumnHeader
{
	width: 779px;
	height: 13px;
	xbackground: url("images/content_right_header.gif") no-repeat top left;
}

#rightColumnContent2
{
	min-height: 490px;
}

#rightColumnContent
{
	margin-top: -1px;
	xbackground: url("images/content_right_background.gif") repeat-y top left;
	padding-left: 15px;
	min-height: 490px;
}
#rightColumnFooter
{
	margin-top: -1px;
	width: 779px;
	height: 13px;
	xbackground: url("images/content_right_bottom.gif") no-repeat bottom left;
}
#rightColumnContent h1
{
	margin: 0px;
	padding:10px 0px 0px 0px;
	float: left;
	width: 100%;
	font: normal 22px Verdana;
	color:#009BC8;
}

#contentPath
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 781px;
	font-size: 14px;
}

#breadcrum
{
	padding-top:10px;
}
#breadcrum a
{
	background: url("../images/arrow.gif") no-repeat right center;
	padding: 2px 15px 3px 10px;
	margin-right:10px;
	color:#2B2D2C;
}

#breadcrum a.last
{
	background:none;
}

#breadcrum a:hover
{
	text-decoration:underline;
}

#contentPath ul
{
	margin: 0px;
	padding: 0px;
}
#contentPath li
{
	list-style: none;
	float: left;
	background: url("images/arrow.gif") no-repeat left 6px;
	padding: 2px 8px 3px 10px;
	font: 12px Arial;
}
#contentPath li.first
{
	list-style: none;
	background: none repeat scroll 0 0 transparent;
	padding: 2px 10px 3px 0px;
}
#contentPath li a
{
	text-decoration: none;
	color: #2B2D2C;
}
#rightColumContent h1
{
	margin-top: 10px;
}
#rightColumContent p.Comment
{
	float: left;
	padding: 0px;
	width: 740px;
	color: #2B2D2C;
	line-height: 1.5;
	margin-top: 5px;
	margin-bottom: 0px;
}
.listProduct
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 740px;
}
#rightColumContent .product
{
	margin: 0px;
	padding: 0px;
}
.listProductTD
{
	vertical-align: top;
	width: 160px;
	padding-right:10px;
}

.listProductTD .productitem
{
	padding-bottom:20px;
}

.listProductTD2
{
	vertical-align: top;
	width: 160px;
	padding-right:20px;
}

.listProductTD2 .productitem
{
	padding-bottom:20px;
}

#rightColumContent .productitem, #rightColumnContent2 .productitem
{
	width: 160px;
	text-align: left;
	padding-bottom:10px;
}

#rightColumContent .productitem .pDesc
{
	width: 160px;
	float: left;
}
#rightColumContent .productitemBegin
{
	width: 160px;
	float: left;
	padding-left: 0px;
	padding-right: 15px;
}

.pTitle
{
	padding:3px 0px 0 0;
	margin:0px;
}

.pTitle a
{
	font:bold 13px Arial;
	color:#333;
}

.pTitle .end
{
	color:#737373;
	font:normal 11px Arial;
	text-transform:uppercase;
}


.pTitle .comming
{
	color:#fe5c67;
	font:normal 11px Arial;
	text-transform:uppercase;
}


.pTitle a:hover {text-decoration:underline; color:#fc9b01;}

.pDesc
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #2B2D2C;
	line-height: 15px;
	text-align: left;
}

.pPrice
{
	color:#fc9b01;
	margin:3px 0px 0px 0px;
	font:normal 16px Arial;
}

.prPrice2
{
	font:bold 16px Arial;
}

.pImage img
{
	border: none;
}

.pBoxImage
{
	width: 155px;
	float: left;
	height: 146px;
	padding: 2px;
	border: solid 1px #D3D3D3;
	text-align: center;
	overflow: hidden;
	margin-bottom: 3px;
}
.pLink
{
	text-decoration: none;
	color: #2B2D2C;
	font-weight: bold;
	line-height: 15px;
}
/*Footer*/
#footer
{
	margin-top:10px;
	width: 960px;
	margin-bottom:20px;
}
#footer a
{
	text-decoration: none;
	font-size: 12px;
	color:#989898;
	padding-left:20px;
}

#footer a:hover
{
	text-decoration:underline;
}

#fLink
{
	float: right;
	color: #989898;
}
#fcopy
{
	text-align:left;
	color:#989898;
}
.psubCate
{
	margin: 0px;
	padding: 12px 0px 0px 0px;
}
.psubCateMenu
{
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 5px;
	background: url("images/product_subcate_list_style.gif") no-repeat left top;
}
.psubCateMenu a.subactive
{
	text-decoration: none;
	color: Red;
}
#leftLogo
{
	margin-top: 20px;
	margin-bottom:10px;
}

#leftLogo #aslider {
	width: 575px;
	height: 275px;
}

#leftLogo a
{
	border: none;
}
#leftLogo a img
{
	border: none;
}
#leftLogo .logoRow
{
	xmargin: 0px 0px 3px 0px;
	xpadding: 10px 0px;
	x-moz-box-shadow: inset 0 0 35px #ebe9f6;
	x-webkit-box-shadow: inset 0 0 35px #EBE9F6;
	xbox-shadow: inner 0 0 35px #EBE9F6;
	xborder: 1px solid white;
	xborder-radius: 6px;
	xbackground:white;
	text-align:center;
	xmargin-bottom:10px;
}
/*-------------------Product DetailPage-----------*/
#productDetailContent
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 705px;
	float: left;
}
#productDetailImage
{
	margin: 0px;
	padding: 1px;
	border:solid 1px #eaeaea;
	width: 197px;
	text-align: center;
}

#productSmallImage
{
	padding-top:5px;
}
#productSmallImage img
{
	border: 1px solid #eaeaea;
	padding:1px;
	margin-right:5px;
	margin-bottom:5px;
}

#productDetailImage .dtImage
{
	width: 197px;
	height: 197px;
	text-align: center;
	margin-left: 0px;
}
#productDetailImage .productDetailbgImage
{
	margin: 0px;
	padding: 0px;
	width: 142px;
	height: 142px;
	text-align: center;
}
#productDetailImageBox
{
	margin-right: 20px;
	padding: 0px;
	float: left;
	width: 197px;
}

#productDetailDesc
{
	overflow: hidden;
}

#productDetailImageTab
{
	margin: 0px;
	padding: 2px 0px 0px 0px;
	background: url("images/product_tab_bg.gif") repeat-x #f1f1f1;
	height: 20px;
	border-left: solid 1px #eaeaea;
	border-right: solid 1px #eaeaea;
	border-bottom: solid 1px #eaeaea;
	width: 201px;
	margin-right: 3px;
}

#productDetailImageTab li.Zoom
{
	padding: 5px 4px 0px 16px;
	border-right: solid 1px #d0d0d0;
	background: url("images/product_Zoom_Tab.gif") no-repeat 3px 5px #f1f1f1;
}
#productDetailImageTab td.View
{
	padding: 0px 0px 2px 25px;
	text-align: left;
	background: url("images/icon-viewlager.png") no-repeat 3px 0px #f1f1f1;
	width: 75px;
}
#productDetailImageTab td.Video
{
	border-left: solid 1px #d0d0d0;
	padding: 0px 0px 2px 25px;
	text-align: left;
	background: url("images/icon-playvideo.png") no-repeat 3px 0px #f1f1f1;
}
#productDetailImageTab a
{
	text-decoration: none;
	color: #2B2D2C;
}
/*related Product*/
#productDetailRelated
{
	clear: left;
	margin: 0px 0px 30px 0px;
	padding: 10px 0px 0px 0px;
	width: 740px;
	float: left;
}



.listProductRelated
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 740px;
	float: left;
}
#rightColumContent .productRelated
{
	width: 160px;
	float: left;
	padding-left: 3px;
	padding-right: 15px;
}
#productDetailRelatedContent .productRelated
{
	margin: 0px;
	margin: 0px;
}
#productDetailRelatedContent .productRelated .productRealateditem
{
	width: 142px;
	float: left;
	padding-left: 15px;
	padding-right: 18px;
}


.pImage
{
	
}

.pImage img
{
	border: solid 1px #eaeaea;
	text-align: center;
	padding:2px;
	margin:0px;
}

.pRealatedBoxImage
{
	width: 142px;
	float: left;
	height: 146px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-color: #eaeaea;
	text-align: center;
}
.pRealatedLinkTitle
{
	float: left;
	margin: 10px 0px 0px 0px;
	text-align: left;
	width: 152px;
	text-align: center;
}
.pRealatedTitle
{
	text-align: left;
	font-size: 17px;
	padding-left: 20px;
}
#productDetailDesc h1
{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font: normal 20px Arial;
	overflow: hidden;
	color:#C995D9;
}
#productDetailDesc p
{
	padding: 5px 0px 0px;
	margin: 0px;
	line-height:18px;
}

#productDetailContent p.note
{
	background-color:#fefeda;
	padding:10px;
	font:14px Arial;
	width:680px;
}

#productDetailDesc .site
{
	padding:5px 0px;
	xfont:bold 16px Arial;
}

#productDetailDesc .price
{
	font:normal 22px Arial;
	color:#fc9b01;
}


/*-------------------About US-----------*/
.pageTitle
{
	font-size: 18px;
	width: 400px;
}
/*-------------------contactUS-----------*/
.tblContactUs
{
	margin: 15px 0px 0px 10px;
	padding: 5px;
	float: left;
	width: 560px;
	font-size: 12px;
	text-align: center;
	background-color: #f2f2f2;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tblContactUs .title
{
	font: normal 17px Arial;
	color: #cc0048;
}

.tblContactUs td
{
	padding: 2px;
}
#contactForm
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 725px;
}
.contactUSForm
{
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
.contactUSFormLabel
{
	width: 100px;
	text-align: right;
	padding-right: 10px;
	vertical-align: middle;
}
.contactUSFormControl
{
	text-align: left;
}
.txt
{
}
.txtContactFirstName
{
	width: 230px;
}
.txtContactLastName
{
	width: 230px;
}
.txtContactEmail
{
	width: 230px;
}
.txtDaytimePhone
{
	width: 230px;
}
.txtComment
{
	width: 380px;
	height: 120px;
}

.distributorTitle
{
	float: left;
	font: 29px Verdana;
	margin: 30px 0px 0px 0px;
	padding: 0;
	width: 740px;
}
.distributorDesc
{
	float: left;
	font: 12px Verdana;
	margin: 10px 0px 0px 30px;
	padding: 0;
	width: 740px;
	line-height: 1.5;
}
.contactUS
{
	margin: 0px 0px 0px 30px;
	padding: 0px;
	float: left;
	width: 710px;
}
/*-------------------Become Distributor -----------*/
.distributorForm
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	float: left;
}
.distributorFormLabel
{
	text-align: right;
	padding-right: 10px;
	vertical-align: middle;
}
.distributorFormControl
{
	text-align: left;
}
.txtDistributorCompanyName, .txtDistributorContactName, .txtDistributorAddess, .txtDistributorCity, .txtDistributorPhone, .txtDistributorFax, .txtDistributorEmail, .txtDistributorProvince
{
	width: 230px;
}
.combobox
{
}
.txtDistributorComment
{
	width: 380px;
	height: 120px;
}
.txtDistributorPostal
{
	width: 100px;
}
/*-------------------List MSDS -----------*/

#tblMSDS
{
	margin: 20px 0px 0px 10px;
	padding: 0px;
	float: left;
	width: 720px;
	font-size: 12px;
	text-align: center;
	border-bottom: 1px solid #a9a9a9;
}
#tblMSDS td
{
	padding: 5px;
}

.tblHeader
{
	background: #E5E5E5;
}
.tblAlternatingItemRow
{
	background: #FFFFFFF;
}
.tblItemRow
{
	background: #FFFFFFF;
}
.listTDHeader
{
	text-align: center;
	font-weight: bold;
}
.tdBorder
{
	border-collapse: collapse;
	border-left: 1px solid #a9a9a9;
	border-top: 1px solid #a9a9a9;
}
.lastRowTdBorder
{
	border-collapse: collapse;
	border-left: 1px solid #a9a9a9;
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
}

.lastRightTdBorder
{
	border-collapse: collapse;
	border-left: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-top: 1px solid #a9a9a9;
}
a
{
	text-decoration: none;
}
/*-------------------List Shop -----------*/
.shopList
{
	margin: -2px 0px 0px 0px;
	padding: 0px;
}
.tblShop
{
	margin: 15px 0px 0px 10px;
	padding: 5px;
	float: left;
	width: 360px;
	font-size: 12px;
	text-align: center;
	background-color: #f2f2f2;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.tblShop td
{
	padding: 3px;
}
.tblShop .data
{
	padding-left: 20px;
}
.tblShop .title
{
	font: normal 17px Arial;
	color: #cc0048;
}
/*-------------------Tab control in Product Detail page -----------*/

.tabbao
{
	background: url('../images/tab-bg.gif') repeat-x left top;
	padding-left: 0px;
	text-align: left;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-top: 20px;
}

.tabbo
{
	clear: left;
	border: 1px solid #DEDFE0;
	border-top: none;
	padding: 10px;
	text-align: left;
	overflow: hidden;
}
.taboff
{
	height: 24px;
	text-align: center;
	background: url('../images/tab-off.gif') no-repeat top left;
	color: #666666;
	padding: 8px 9px 0px 15px;
	font: bold 13px Arial;
	cursor: pointer;
	float: left;
}

.taboff a
{
	text-decoration: none;
	color: #666666;
}

.taboff_r
{
	width: 6px;
	height: 32px;
	background: url('../images/tab-off.gif') no-repeat top right;
	float: left;
	margin-right: 5px;
}

.tabon
{
	height: 24px;
	text-align: center;
	background: url('../images/tab-on.gif') no-repeat top left;
	color: Black;
	padding: 8px 9px 0px 15px;
	font: bold 14px Arial;
	float: left;
}

.tabon_r
{
	width: 6px;
	height: 32px;
	background: url('../images/tab-on.gif') no-repeat top right;
	float: left;
	margin-right: 5px;
}
/**-----DIV PopUp-----***/
.lightbox
{
	background-color: #151410;
	color: #151410;
	left: 0;
	line-height: 0;
	opacity: 0.6;
	filter: alpha(opacity=40);
	position: absolute;
	text-align: center;
	top: 20px;
	width: 100%;
	z-index: 1900;
}
.tabledialogWindow
{
	background-color: #E6D285;
	border: 1px solid #999999;
	border-collapse: collapse;
}
.dialogWindow
{
	left: 362px;
	position: absolute;
	top: 228px;
	z-index: 2000;
}
.clipOverlay
{
	position: absolute;
	background: url("images/nobg.gif") repeat scroll left top transparent;
	z-index: 10000;
}
.smallest
{
	font-size: 11px;
}

.altTitle
{
	height: 30px;
}
td a.linkClosePopUp:visited
{
	color: #666666;
	text-decoration: underline;
}
td a.linkClosePopUp:link
{
	color: #666666;
	text-decoration: underline;
}
td a.linkClosePopUp
{
	font: bold 11px Verdana;
}

.alterImage
{
	margin: 2px 0px 0px 0px;
	padding: 0px;
	float: left;
	cursor: pointer;
}
.divAlternates
{
	margin: -12px 0px 0px 0px;
	padding: 0px;
}

#idLargeImage
{
	border: 1px solid #D0D0D0;
}
.pimgDetail
{
	min-height: 490px;
	background-repeat:no-repeat;
}

#divAlternates
{
	width: 120px;
	padding-left: 10px;
}
/*-------------------Document tab -----------*/

#tblDoc
{
	margin: 20px 0px 0px 10px;
	padding: 0px;
	float: left;
	width: 700px;
	font-size: 12px;
	text-align: center;
	border-bottom: 1px solid #A9A9A9;
}
#tblDoc td
{
	padding: 5px;
}
#tblDoc td a
{
	color: #2B2D2C;
}
/*****-Becom distributor *****/
.commentRequireInputText
{
	color: Red;
}
.errorMessage
{
	color: Red;
}

.productPagingTop
{
	float: right;
	margin-right: 30px;
	margin-bottom: 10px;
}
.productPagingBottom
{
	float: right;
	margin-right: 30px;
	margin-top: 10px;
}
.pager_button_First
{
	padding-left: 10px;
	padding-right: 0px;
}
.pager_button_Prev
{
	padding-left: 10px;
	padding-right: 10px;
}
.pager_button_Next
{
	padding-left: 10px;
	padding-right: 0px;
}
.pager_button_Last
{
	padding-left: 10px;
	padding-right: 10px;
}
.pageLabel
{
	padding-left: 0px;
	padding-right: 5px;
}
.pageLabelToTal
{
	padding-left: 5px;
	padding-right: 5px;
}
.pageSizeText
{
	padding-left: 50px;
	padding-right: 10px;
}

div.pageArea
{
	vertical-align: top;
	height: 23px;
}

.buttonPager
{
	color: #050;
	font: bold 84% 'trebuchet ms' ,helvetica,sans-serif;
	background-color: #fed;
	border: 1px solid;
	border-color: #696 #363 #363 #696;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	height: 18px;
}


.pgRelatedTop
{
	float: right;
	margin-right: 0px;
	margin-bottom: 20px;
}
.pgRelatedBottom
{
	float: right;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.ftImage
{
	width: 115px;
	height: 115px;
	margin-top: 12px;
}

.ftImage div
{
	background-repeat:no-repeat;
}
.altImage
{
	border-bottom: #D0D0D0 1px solid;
	border-left: #D0D0D0 1px solid;
	border-top: #D0D0D0 1px solid;
	border-right: #D0D0D0 1px solid;
}
.puClose
{
	height: 40px;
}
/********Become Distributor************/
#msg
{
}
#msg h1
{
	font: bold 18px Arial;
	margin-bottom: 15px;
	margin-top: 0;
	padding: 0;
}
#msg .content
{
	background: url("images/icon-msg.gif") no-repeat scroll 20px 20px #FFC2E6;
	border-bottom: 1px solid #BB0E7C;
	border-top: 1px solid #BB0E7C;
	color: #454545;
	font: 13px Arial;
	min-height: 50px;
	padding: 20px 20px 10px 65px;
	margin-top: 20px;
}
#msg .ps
{
	padding: 20px 0 0 20px;
}
#dContent a:visited
{
	color: #666666;
	text-decoration: underline;
}
.pnFormDis
{
	float: left;
	width: 100%;
}
.pnButton
{
	float: left;
	width: 100%;
	text-align: left;
	padding-left: 190px;
}
.pnError
{
	float: left;
	width: 100%;
	text-align: center;
}
.shopPagingTop
{
	float: right;
	margin-right: 30px;
	margin-bottom: 4px;
}
.shopPagingBottom
{
	float: right;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-top: 20px;
}
/*******Step by Step List******/
.stBox
{
	width: 570px;
	margin-left: 80px;
	margin-top: 10px;
}
.stBox td
{
	width: 160px;
}
.stBox .stItem
{
	width: 142px;
	float: left;
	text-align: center;
	height: 142px;
	margin-left: 6px;
}
.stBox .stItem a
{
	border: none;
}
.stBox p
{
	width: 160px;
	float: left;
	text-align: center;
}
/*******Step by Step Detail******/
#stDetail
{
	padding-right: 40px;
	padding-left: 00px;
	margin: 20px 0px 0px 0px;
	overflow: hidden;
}
#stDetail h1
{
	font: 20px Arial;
	margin: 20px 0px 0px 0px;
	padding: 0 0 10px;
}
#stDetail p
{
	margin: 0px;
	padding: 0px;
	line-height: 1.8;
}
.stpnButton
{
	float: right;
	margin: 0;
	padding: 20px 50px 0 0;
	text-align: right;
	width: 120px;
}

/*******News & Events******/
.newshome
{
	padding-left: 20px;
	padding-top: 20px;
}

.newshome .nItem
{
	margin-bottom:10px;
}

.newshome2
{
	padding-left: 20px;
	padding-top:5px;
}

.newshome .item-time, .newshome2 .item-time
{
	color:#cccccc;
	font-weight:normal;	
}

.newshome a, .newshome2 a
{
	color:#cccccc ! important;
	text-decoration:none  ! important;
	
}

.newshome a:hover, .newshome2 a:hover
{
	text-decoration:underline ! important;
}

.newshome .nlDes
{
	color:#cccccc;
}

.newshome a.read
{
	color:#99000 ! important;
	
}

.nList
{
	
}
.nItem
{
	margin-bottom:20px;
}
.dLink
{
	font-size: 12px;
	color: #666666 !important;
	text-decoration: underline;
}

.dLink:hover
{
	color: #C10245 !important;
}

.nLink
{
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	color: #2B2D2C !important;
}

.nLink:hover
{
	font-weight: bold;
	font-size: 13px;
	color: #2B2D2C !important;
	text-decoration: underline;
}
.nlShort1 a
{
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color:#990000;
}
.nlShort1 a:hover
{
	text-decoration: underline;
}
.nlDes a
 {
	color:#333;	
 }
 
.nlThumb
{
	width: 100px;
	xheight: 80px;
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
	xvertical-align:top;
}
.nlDate
{
	font-style: italic;
}
.nlDes
{
	margin: 5px 0 0;
	padding: 0;
	width: 100%;
	line-height: 15px;
}
.nlShort1
{
	margin: 0px 15px 0px 2px;
	padding: 0px 0px 0px 0px;
	xwidth: 605px;
	xfloat: right;
}
.nlShort2
{
	margin: 8px 20px 0px 2px;
	padding: 0px;
	line-height: 1.8;
}
.nlShort1 a, .nlShort2 a
{
	line-height: 1;
}

.newsPagingTop
{
	float: right;
	margin-right: 30px;
	margin-top: 4px;
	margin-bottom: 10px;
}
.newsPagingBottom
{
	float: right;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.bnImage
{
	-moz-border-radius: 8px 8px 8px 8px;
	xborder: 1px solid #D3D3D3;
	float: left;
	xheight: 80px;
	padding:2px;
	text-align: center;
	xwidth: 110px;
	margin-right: 5px;
}
.nImage
{
	xwidth: auto;
	xheight: 80px;
	xmargin-left: 5px;
}
.item-time
{
	color:#333;
	font:bold 12px Arial;
	margin-right:10px;
}

/*****New Detail********/
#byline
{
	margin: 0px 24px 0px 2px;
	padding: 5px 0px 0px 0px;
	xborder-bottom: 1px dotted Silver;
	xborder-top: 1px dotted Silver;
	xheight: 25px;
	overflow: hidden;
}
#byline .dateStamp
{
	float: right;
	margin: 0px 2px 0 0;
	text-align: right;
	width: 200px;
}
#byline .facebook
{
	float: left;
	margin: 3px 0px 0px 0px;
	padding: 0;
	text-align: right;
	width: 280px;
}
#nDetail
{
	padding-right: 40px;
	padding-left: 0px;
	padding-bottom: 10px;
	margin: 2px 0px 0px 0px;
	overflow: hidden;
}
#nDetail h1
{
	font: 20px Arial;
	margin: 20px 0px 0px 0px;
	padding: 0 0 10px;
}
#nDetail p
{
	margin: 0px;
	padding: 3px;
	line-height: 15px;
}

#nDetail .relatedtitle
{
	font: 18px Arial;
	margin: 20px 0px 0px 0px;
	padding: 0 0 5px 0px;
	border-bottom: 1px dotted Silver;
}

#nDetail ul
{
	margin: 5px 0px 0px 20px;
	padding: 0px;
	list-style-type: circle;
}
#nDetail ul li
{
	padding: 5px 0px 0px 0px;
}
#nDetail ul li a
{
	color: #2B2D2C !important;
	font-size: 12px;
}
#nDetail ul li
{
	color: #2B2D2C !important;
	font-size: 12px;
}
#nDetail ul li a:hover
{
	color: Gray !important;
}

/******------Content Page------*******/
#contentPage
{
	margin: 0px 20px 0px 10px;
	padding: 0px 0px 0px 0px;
	xfloat: left;
}
#contentPage .secTitle
{
	color: #000000 !important;
	font-size: 17px;
	font-weight: bold;
}
#contentPage .link1
{
	color: #2B2D2C !important;
	font-size: 17px;
	font-weight: bold;
	text-decoration: underline;
}
#contentPage .link1:hover
{
	color: #2B2D2C !important;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
}

#contentPage .link2
{
	color: #2B2D2C !important;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}
#contentPage .link2:hover
{
	color: #2B2D2C !important;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
#contentPage .link3
{
	color: #2B2D2C !important;
	font-size: 12px;
	text-decoration: underline;
}
#contentPage .link3:hover
{
	color: #2B2D2C !important;
	font-size: 12px;
	text-decoration: none;
}
/*------------Video-----------*/
.bvImage
{
	-moz-border-radius: 8px 8px 8px 8px;
	border: 1px solid #D3D3D3;
	float: left;
	height: 100px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	width: 130px;
	margin-right: 5px;
}
.vImage
{
	width: 120px;
	height: 90px;
	margin-left: 5px;
	margin-top: 4px;
}
.VideoDescript
{
	margin-top: 4px;
	margin-right: 20px;
	line-height: 15px;
}
.vContent
{
	margin: 0px 15px 0px 2px;
	padding: 0px 0px 0px 0px;
	width: 580px;
	float: right;
}
.vlThumb
{
	width: 120px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
	cursor: pointer;
}
.vItem
{
	margin-top: 10px;
}
.vList
{
	width: 100%;
	margin-left: 10px;
}
.banner
{
	
}
#bncontent
{
	margin: 10px 0px 0px 20px;
	padding: 0;
}
#FlabellComponent3
{
	margin-top: 0px;
}
/******Site map**********/
.category-box
{
	text-align: center;
	vertical-align: middle;
	padding-left:4px;
}

.category-box .item
{
	border-bottom: 1px dotted #ADACAC;
	margin: 3px 10px;
	text-align: left;
	width: 150px;
}
.category-box .item a
{
	color: #2B2D2C;
	font: 12px Arial;
	text-decoration: none;
}
.category-box a
{
	color: #2B2D2C;
	font: 12px Arial;
	text-decoration: none;
}
.sitemapContent
{
	margin-top: 10px;
}
.smbox
{
	margin: 10px 0px 0px 10px;
	padding: 0px;
}
.smproduct
{
	width: 25%;
}
.smtip
{
	width: 20%;
}
.smvideo
{
	width: 25%;
}
.smproduct .title,.smvideo .title,.smtip .title
{
	font-size:14px;
	font-weight:bold;
}

.docImg
{
	padding:5px 10px;
	height: 140px;
	vertical-align:bottom;
	text-align: center;
	overflow: hidden;
	margin-bottom: 3px;
	margin-right: 10px;
}

.docImg a
{
	font:bold 12px Arial;
}

.docImg img
{
	border:solid 1px Gray;
}

#divDocument
{
	color:#ABA1E8;
}

#divDocument .size
{
	border:solid 1px #eaeaea;
	padding:0px 10px;
	border-left:none;
}

.oversize
{
	text-decoration: line-through;
}

#divDocument .header
{
	font:bold 14px Arial;
	color:#C995D9;
	padding-bottom:5px;
	padding-top:10px;
}

#divDocument .box table
{
	padding-bottom:3px;
}

#divDocument .box
{
	padding-bottom:15px;
}

#divDocument .box img
{
	border: 1px solid #eaeaea;
	padding: 1px;
	float:left;
}

h2.rightcol
{
	background:url(../images/icon-hot.png) no-repeat;
	text-align:left;
	font:bold 14px Arial;
	text-transform:uppercase;
	padding:5px 0px 5px 30px;
	margin:0px 0px 5px 0px;
	color:#009bc8;
}

.zone
{
	padding-left:5px;
	padding-top:5px;
}

.zone select
{
	width:178px;
	font:12px Arial;
}

.emptylist
{
	text-align:center;
	padding: 20px;
	margin-top:10px;
	margin-right:10px;
	border:solid 2px #E1E1E1;
	font:bold 14px Arial;
	overflow:hidden;
}

.wasprice
{
	font:bold 15px Arial;
}

.nowprice
{
	color:Red;
	font:bold 16px Arial;
}

#attribute
{
	margin-top:10px;
	border: solid 1px #eaeaea;
	border-left:none;
	display:none;
}

#attribute td
{
	padding:5px 20px;
	text-align:center;
	border-left: solid 1px #eaeaea;
}

#attribute th
{
	padding:5px 20px;	
	border-bottom: solid 1px #eaeaea;
	text-align:center;
	border-left: solid 1px #eaeaea;
	background-color:#F1F1F1;
}



/* ckvn */

#ckvn {
	background-color: #F6F6F6;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	overflow: hidden;
}

#ckvn .title {
text-align: center;
font: 11px Tahoma;
text-transform: uppercase;
padding: 7px;
background-color: #005E9F;
font: bold 12px Arial;
color: white;
}

#ckvn .title a
{
	font-weight:bold;
	color:White;
	text-decoration:none;

}

#ckvn .title a:hover
{
	color:Silver;

}


.productitem2 .pImage
{
	float: left;
	xpadding:1px;
	border: 1px solid #eaeaea;
	text-align: center;
	margin-bottom: 10px;
	margin-right:10px;
}

.productitem2 .pImage img
{
	border:none;
}
.productitem2  .pTitle a
{
	color:#a263b6;
	font:bold 13px Arial;
	text-decoration:none;
}

.productitem2  .pPrice2
{
	margin:5px 0px 0px;
	font:normal 16px Arial;
}


/* --- LANGUAGE --- */
.lang
{
	width:960px;
	text-align:right;
	padding-bottom:10px;
}



.quickchat
{
	text-align:center;
	line-height:22px;
	color:Silver;
	font:bold 12px Arial;
}
.quickchat .title
{
	text-align:left;
	padding:5px 0px 10px 20px;
	font:bold 13px Arial;
	color:#c10000;
}
.quickchat img
{
	border:none;
}
.pSale
{
	background:url('../images/icon-sale.png') no-repeat bottom left;
	margin:0px;
	padding:14px 0px 8px 40px;
	font:14px Arial;
	color:#990000;
	text-transform:uppercase;
	border-top:dotted 1px Silver;
}

.pSupport
{
	background:url('../images/icon-support.png') no-repeat bottom left;
	margin:0px;
	padding:14px 0px 8px 40px;
	font:14px Arial;
	color:#990000;
	text-transform:uppercase;
	border-top:dotted 1px Silver;
}

#bannerbot
{
    width: 960px;
    margin-top:14px;
}


#bannerbot ul
{
    margin:0px;
    padding:0px;
}

#bannerbot ul li.bot3
{
    margin-right:0px ! important;
}

#bannerbot ul li a
{
    color:Black;
}
#bannerbot ul li
{
    cursor:pointer;
    list-style:none;
    text-align:right;
    padding-right:15px;
    padding-top:110px;
    
    font:bold 16px Arial;
    color:Black;
    text-shadow: -1px 0 Silver, 0 1px Silver, 1px 0 Silver, 0 -1px Silver;
    float:left;
    border:solid 2px Black;
    margin-right:15px;
    width:291px;
    height:30px;
}