@charset "utf-8";
/* CSS Document */

body{
   scrollbar-face-color:#B4B4B4;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-track-color:#FFFFFF;
   scrollbar-shadow-color:#FFFFFF;
   scrollbar-highlight-color:#FFFFFF;
   scrollbar-3dlight-color:#FFFFFF;
   scrollbar-darkshadow-Color:#FFFFFF;
}

#tophead{
background-color:#CCCCCC;
height:22px;
width:960px;
}

#top_bar
{
	background-image:url(../img/top_bar.png);
	background-repeat:repeat;
	height:44px;
	width:960px;	
}

#topBlock{
	background-color:#EEEEEE;
		height:60px;
}
#BottomBlock{
	background-color:#EEEEEE;
	height:35px;
	display:block;
}

.headercontent
{
font-size:12px;
font-weight:bold;
}
#AboutText2
{	
/*height:300px;*/
background-repeat:no-repeat;

}
/* ---------------------- BackGround --------------*/
#BodyAbout
{
	background-image:url(../img/test.png);
	background-repeat:no-repeat;
	/* height:404px; 
	overflow:auto;*/
}
#BodyContact
{
	background-image:url(../img/Bg_Contacts.png);
	background-repeat:no-repeat;
	height:404px; 
	/* overflow:auto;*/
}

#BodyContact a
{
color:#FFFF99;
}

#BodyHome
{
	background-image:url(../img/Bg_Home.png);
	background-repeat:no-repeat;
	height:484px;
	overflow:auto;
}

#BodyCommon
{
	/* background-image:url(../img/Bg_Home.png); 
	background-repeat:no-repeat; */
	/*height:404px;*/
	text-align:left;
	overflow:auto;
}

#transparence {
	BACKGROUND-IMAGE: url(../img/trans_bg.png); POSITION: absolute; MARGIN: 0px 0px; BACKGROUND-REPEAT: repeat; width:819; HEIGHT: 402px; LEFT: 0px
}

/* ---------------------- Content About--------------*/

#AboutBoxLeft 
{
	margin-top:160px;	
	
}
#AboutBoxRight
{
	margin-top:40px;	
	
}
#AboutLeft
{	

margin: 0px 20px 0px 20px;
text-align:justify;
}
#AboutRight
{	
margin: 0px 20px 0px 7px;
text-align:justify;
}

.content
{
font-family:Arial;
font-size:0.66em;
color:#FFFFFF;
word-spacing:0.4px;

}
/* ---------------------- Content Home--------------*/

.contentHomeNews
{
font-family:Arial;
font-size:0.7em;
color:#666666;
word-spacing:0.4px;
line-height:17px;
font-weight:700;

}
#ShortNewsContent
{
margin-top:10px;
	margin-left:275px;
	
}
#HomeBottom
{
background:url(../img/Home-Bottom3.jpg) no-repeat;
height:89.5px;
width::820px;
}

/* ---------------------- Content Contact--------------*/
.contentContact
{
font-family:Arial;
font-size:0.8em;
color:#FFFFFF;
word-spacing:0.4px;
line-height:17px;

}
#ContactBoxLeft {
	MARGIN-TOP: 10px
}
#ContactBoxRight {
	MARGIN: 7px 0px 0px 0px;text-align:right;
}

#ContactLeft
{	

background:url(../img/Pic_Contacts1.png) no-repeat;
height:225px;


}
#ContactRight
{	
background:url(../img/Pic_Contacts2.png) no-repeat;
height:258px;
width:231px;
}
/* ---------------------- RightNavBar --------------*/
.RightNavBar
{
	vertical-align:top;
	padding:13px 0px 0px 11px;
	margin:0px; 
	 display: block; 
	 width:60px; 
	list-style: none;
}
.RightNavBar li
{
	vertical-align:top;
	padding:0px;
	margin:0px; 
	display: block;  
	text-decoration:none;
	font-family:Arial;
	font-size:1em;
	color:#999999;
	word-spacing:0.4px;
	text-align:left;
}
.RightNavBar li a
{
color:#666666;
}


/* ---------------------- Top Nav_Bar --------------*/

.aboutbar
{
	 margin:25px 0px 0px 0px;
	 list-style:none;
}

.aboutbar li 
{  
	float: left;

} 

.aboutbar li.first
{  
	float: left;
	background:url('../img/bullet.png') no-repeat;
	width:19px;
	margin-top:3px;
	padding-left:0px;
} 

.aboutbar li a
{
	height:53px;
 	font-family:Arial;
	font-size:1.2em;
	color:#666666;
	word-spacing:1px;
	line-height:17px;
	font-weight:bold;
	display: block;
	text-indent:2px;
	text-align:left;
	letter-spacing:2px;
	margin:0 5px 0 5px;
	
}


#about 
{
	
	background:url(../img/About_Bar.png) no-repeat;
	text-indent:-90000px;
	width:84px;
	display: block;

}
#home 
{
	
	background:url(../img/Home_Bar.png) no-repeat;
	width:84px;
	text-indent:-90000px;
	display: block;
	 
}
#contact 
{
	
	background:url(../img/Contact_Bar.png) no-repeat;
	width:99px;
	text-indent:-90000px;
	display: block;
	 
}


/* ------------------------------------*/

#languagebar
{
	float:left;
	margin:10px 0px 0px -10px;
}

a{
	outline: none;
	text-decoration: none;
	/*display:block;*/
}
#topbar
{
	height:65px;
}

/* ---------------------- Bottom Nav_Bar --------------*/


#navbar li
{
	display: inline;
	float:left;

	font-size:12px;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-weight:bold;
letter-spacing:3px;
color:#222222;
	
}
#navbar
{
	margin:0px;
	vertical-align:top;
	padding:0px;
	display: block;	
}
#navbar li a
{	padding:17px 30px 17px 30px;
	height:16px;
	display: block;	
	float:left;
}
#nav_about{

border-left:1px solid #ccc;
	
}
#nav_store_promotion{


}
#nav_product{

}
#nav_news{

}
#nav_contact{

}
li#nav_home {
position:relative;
left:75px;
	border:0px solid #ccc;
top:11px;
	background:url(http://www.worldwidebrush.com/themes/WWB/img/Nav_Home.png) no-repeat;
}

#buttombar
{

	float: left; 
	height:52px;
}
#copyright
{
	background:url(../img/Credit.png) no-repeat;
	float: left; 
	height:59px;
	margin-top:5px;
}

#topBlockProduct{
	background-color:#EEEEEE;
		height:200px;
}


/* ---------------------- Product Page--------------*/
.ProductBanner{
	background-color:#cccccc;
	height:31px;
	text-align:right
}

.ProductBanner img{
	margin: 5px 5px 0 0;
}

#product_box, #product_box_index
{
	margin:10px 0px 0px 0px;
	height:180px;
	padding:0px;
	list-style:none;
}

#product_box_menu{
	text-align:center;
	margin-top:50px;
}

#product_box li.ProductID{
	font-family:Arial;
	font-size:0.9em;
	color:#333333;
	word-spacing:0.4px;
	line-height:17px;
	font-weight:bold;
	text-align:left;
}

#product_box li.ProductPic{

	height:160px;
	text-align:center;
}

#product_box_index li.ProductPic{

	width:160px;
	text-align:center;
}

#product_box li.PercentDrop, #product_box_index li.PercentDrop,ul.popup_product li.PercentDrop, ul.popup_product li.PercentDropLogo{
	float: left;
	position: absolute;
	display:block;
	background-color:red;
	color:white;
	font-weight:bold;
}

#product_box_index li.PercentDrop{ 	margin: -10px 0 0 0 ; } 

ul.popup_product li.PercentDropLogo{ margin: 0 0 0 45px ; } 

#product_box li.ProductPic{

	height:160px;
	text-align:center;
}

#product_box img.ProductPic{
	width:160px;
}

#product_box .ProductCart{
	float: right;
}

#product_box .logo{
	right:0;
	position: absolute;
	width:20px;
}

#product_box li.lastColumnCart{
  margin-left: 130px;
}

#product_box .line{
	margin-top:0px;
}


.product_nav{
list-style:none;
margin:0px 0px 0px 0px;
padding:0px;
display: block;  

}

.product_nav li a{
font-family:Arial;
font-size:0.8em;
color:#666666;
word-spacing:0.4px;
line-height:17px;
font-weight:bold;
display: block;
border-bottom: 1px solid #aaaaaa;
padding:5px 2px 5px 2px;
text-indent:2px;
text-align:left;
white-space:nowrap;
}


#BodyProductCat
{
/*height:370px;
overflow:auto;*/

}
#product{
	background:url(../img/Product_Bar.png) no-repeat;
	width:99px;
	text-indent:-90000px;
	display: block;
	 
}
#construction_brush{
	background:url(../img/Construction_brush_Bar.png) no-repeat;
	width:163px;
	text-indent:-90000px;
	display: block;

}
.clear_margin{margin:0px;}


.productHide{
	display:none;
}

.grid_4_mod{width:205px;display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}

.grid_last_column{margin-right:0px}

/* ---------------------- Popup Product--------------*/

ul.popup_product{
	list-style: none;
}

ul.popup_product li.image{
	text-align:center;
}

ul.popup_product li.price{
	text-align:right;
}

ul.popup_product li.cart{
	float:right;
}

ul.popup_product .hr{
	margin:5px 0 5px 0;
}

.product_hide_logo{
	position:absolute;
	width:40px;
}

/* ---------------------- Menu Product --------------*/
#Product_MainMenu
{
margin:0px 17px 17px 0px;
	vertical-align:top;
	padding:0px;
	display: block;
	list-style:none;
	font-weight:bold;
	line-height:20px;
	position:absolute;
	right:0;

}
#Product_MainMenu a
{	
width:100px;
text-decoration:none;
font-family:Arial;
font-size:0.8em;
color:#666666;
word-spacing:0.4px;
line-height:17px;
font-weight:bold;
display: block;
border-bottom: 1px solid #aaaaaa;
padding:5px 2px 5px 2px;
text-indent:2px;
text-align:left;
}
#topBlockMenu{
	background-color:#EEEEEE;
	height:190px;
	text-align:left;
}

#BottomBlock{
	margin-top:10px;
	padding-top:5px;
	background-color:#EEEEEE;
	height:20px;
	font-size:12px;
	font-weight:bold;
}
#BottomBlockProduct{
	background-color:#EEEEEE;
	height:30px;
	display:block;
}
a{
text-decoration:none;
}

img
{  border-style: none;
}

.End{
border-bottom:solid 1px #CCCCCC;
}

#small_map{
text-align:center;
padding:0 0 0 20px;
}


/*---------------------------------- Home Promotion Block ------------------------------------*/

.HomeAd {word-spacing:0px;letter-spacing:-0.5px; line-height:18px;font-size:15px; text-align:right;  margin:408px 5px 0 0;}

/*---------------------------------- Home Promotion Block ------------------------------------*/

.HomePromotion
{
	vertical-align:top;
	padding:0px;
	 float: left;  
	 display: block;  
	 margin:325px 0px 0px 10px;
	 background:#FFFFFF;
	 width:160px;
	 height:140px;
	 padding: 5px;
	 overflow: hidden;
}

.HomePromotionTopic
{
	background:url(../img/our-promotion.png) no-repeat;
	width:179px;
	text-indent:-90000px;
	position:absolute;
	margin: -25px 0 0 -5px ;
	/* margin-left:-100px; */
	 	
	
}

/*---------------------------------- News ------------------------------------*/

.HomeNewsBar
{
	vertical-align:top;
	padding:0px;
	 float: left;  
	 display: block;  
	 margin:325px 0px 0px 10px;
	 background:#999999;
	 width:160px;
	 height:140px;
	 padding: 5px;
	 overflow:auto;
}

#News
{
	background:url(../img/News_Bar.png) no-repeat;
	width:83px;
	text-indent:-90000px;
	position:absolute;
	margin: -25px 0 0 -5px ;
	/* margin-left:-100px; */
	 	
	
}
#NewsContentBox{
	width:279px;
	margin:100px 40px 20px 0px;
	display:block;
	/*height:364px;*/
	float:left;
	font-family:Arial;
	
}

#NewsContentext{
	width:279px;
}
#NewsContentext p{
	font-size:12px;
}
#NewBar{
	background:#999;
	color:#FFF;
	height: 800px;
	display:block;
}
#ContentBox{
		background-color:#EEEEEE;
		/*height:542px;*/
		
}

.NewsBarText{
		font-family:Arial;
font-size:0.6em;
color:#FFF;
display:block;
text-decoration:none;
margin-left:8px;
}
#NewsPicBox
{
	width:300px;
	display:block;
	/*height:364px;*/
	background-color:#666;
	float:left;
	margin-top: 100px;
	margin-right: 40px;
	margin-bottom: 20px;
	margin-left: 40px;
	
}
#NewsPicture
{
		width:100%;
		height:100%;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;

}
h5{
		font-family:Arial;
		margin:14px 8px 8px;
		font-size:14px;
		letter-spacing:2px;
		
		
}
#NewsBlock{
	background-color:#EEEEEE;
	overflow:visible!important;
	overflow:hidden;
}

#block_content_home{ text-align:left}

#block_content_home li{margin-bottom:10px; list-style:none;}

#block_content_home li a{color:#FFFFFF}

#block_content_news{ text-align:left; padding-left:5px; margin-left:8px; list-style-type: square }

#block_content_news li {margin-bottom:10px; ;}

#block_content_news li a{color:#FFFFFF}

*{
	font-family:Arial, Helvetica, sans-serif;
}
.textTrans{
	background-image:url(../img/TextBg.png);
}

/* --------------------------------- */

#dash_ul{
	list-style:none;
}

.photoabout{
	float:right;
}
.photoabout2{
	float:left;
}
#AboutRight2{
	MARGIN: -7px 10px 0px 200px;
}
*{
	font-family:Arial, Helvetica, sans-serif;
}
#AboutRight3{
MARGIN: 15px 10px 0px 15px;
}
#AboutRight5{
	 MARGIN: 10px 20px 0px 0px
}
#AboutRight4{
	MARGIN: 10px 220px 0px 0px;
}
#BodyAbout {
	BACKGROUND-IMAGE:url(../img/test2.png); BACKGROUND-REPEAT: no-repeat;/* HEIGHT: 404px; OVERFLOW: auto*/
}
#AboutBoxLeft {
	MARGIN-TOP: 97px
}
#AboutLeft {
	TEXT-ALIGN: justify; MARGIN: 0px 30px
}
.content {
	FONT-FAMILY: Arial; COLOR: #ffffff; FONT-SIZE:5px; WORD-SPACING: 0.4px
}
#about_title{
	font-size:16px;
	color:#FFF;
	font-weight:bold;	
}
#AboutBoxRight {
	MARGIN-TOP: 10px;
}
.content2 {
	FONT-FAMILY: Arial; COLOR: #ffffff; FONT-SIZE:5px; WORD-SPACING: 0.4px
}

.thai { font-family: "MS Sans Serif" ; font-size: 12px ; line-height: 14px }

.PromotionBanner{
	background-color:#cccccc;
	height:100%;
	text-align:right;
}

.modGrid{
	width:970px;
}