button.topbg{background: url(header_new.jpg) bottom no-repeat; height:100px;}



	.discover_head{text-align:justify;
	text-decoration:underline;
	}
	
	
	/* TinyMCE specific rules */
body.mceContentBody {
   background: #000;
}

	
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal; padding:0px; margin:0px; 
		color: #FFFFFF;
		background-color:#000;
	}
	
	a {color:#E22A32 }
	a:hover {color: #fff}
.spec{
	color:#FFF;
	font: normal 13px Tahoma, Arial; 
}
.spec a{color:#FFF;
text-align:center;
text-decoration:none;
}
.spec a:hover{text-decoration:underline}
.search_result { font-size:12px; padding-left:6px; padding-top:3px; padding-bottom:3px}

.search_heading {font-size: 15px; background-color: #333333;  padding-left:6px; padding-top:4px; padding-bottom:4px}


.padded_cat_cell{padding-left:17px;}


.padded_cell {
	text-align:justify;
	font-size:16px;
	padding: 12px;
}

.border_white_3px {
	border: 2px solid #FFFFFF;
}
.border_white_3px:hover {
	border: 2px solid #CCCCCC;
	background-color:#222222
}

.border_white_1px {
	border: 1px solid #FFFFFF;
}
.product{
	
}
.product h1 a{
	text-transform:uppercase;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.product h1:hover{
	text-transform:uppercase;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
}
		
.head{
text-transform:uppercase;
text-align:center;
color:#E22A32;
font-size: 19px;
padding:1px 0px 5px;
border-bottom:1px solid #E22A32;
}
.subhead{
color:#FFF;
margin:12px 0px 5px;
font-size: 17px;
}

.border_left {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E8E7E8;
}

.topbg{background: url(header_new.jpg) bottom no-repeat; height:100px;}
.search_result { font-size:12px; padding-left:6px; padding-top:3px; padding-bottom:3px}

.search_heading {font-size: 15px; background-color: #333333;  padding-left:6px; padding-top:4px; padding-bottom:4px}

.image_border{
	border:1px solid  #FFF;
}
.td_left{padding:5px 20px 0px 20px;
vertical-align:top;}
.td_left img{margin-bottom:3px;}
.move_test_menu {
	position: relative;
	left: 55px;
}

.padded_cell {	
	text-align:justify;
	padding: 5px 20px 0px 0px;
	font-size:13px;
}
.pad_cell_home_res {	
	text-align:justify;
	padding: 15px;
	font-size:13px;
}

.border_white_3px {
	border: 2px solid #FFFFFF;
}
.border_white_3px:hover {
	border: 2px solid #CCCCCC;
	background-color:#222222
}
.border_white {
	border: 2px solid #FFFFFF;
}

.border_left {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E8E7E8;
}

	h1 {
		font-family:  Arial, Helvetica, sans-serif;
		font-size: 1px;
		
		text-transform: none;
		color: #FFFFFF;
	}
	.h1_white {
		font-family:  Arial, Helvetica, sans-serif;
		font-size: 26px;
		font-style: normal;
	
		font-variant: normal;
		text-transform: none;
		color: #FFFFFF;
	}
	.h1_red{
		font-family:  Arial, Helvetica, sans-serif;
		font-size: 26px;
		text-transform:none;
		color: #E22A32;
		}
		
			.h1_white_caps {
		font-family:  Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-style: normal;
	
		font-variant: normal;
		text-transform: uppercase;
		color: #FFFFFF;
	}
	.h1_red_caps{
		font-family:  Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-style: normal;
	
		font-variant: normal;
		text-transform:uppercase;
		color: #E22A32;
		}
		
		
	.buttons_cell {
	padding: 5px;
	background-repeat: no-repeat;
	background-position: right bottom;
	height: auto;
	width: 210px;
	}
	
	
	.style01_red_underline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E22A32;
	top: 3px;
	

	}
	.style02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

	text-transform: uppercase;
	color: #909090;
	top: 4px;

	}
	.white_head{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #FFF;
	}
	.red_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #E22A32;
	}


	.text_footer {
		padding-left:320px;
			font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-transform: none;
		color: #666666;
	}

	.highlight {TEXT-DECORATION: none; background: #333; color:#D51E1E}

		.move_test_menu {
	position: relative;
	left: 55px;
}

/* NEW MENU */

#thenNav {	font-family: Arial, Helvetica, sans-serif;
	
	
	
}

ol{
	list-style:disc;
}


#thenNav ul {
font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0px;
	list-style: none;
	font: 12px arial bold;
	background-color: #000000;
	color: #FFFFFF;
	
	}


#thenNav ul li {	font-family: Arial, Helvetica, sans-serif;
	position: relative; 
	float:left;  
	text-decoration: none;
	color: #FFFFFF;
	border-left:1px solid #fff;
	

}
	
#thenNav li ul {	font-family: Arial, Helvetica, sans-serif;position: absolute; /* Set 1px less than menu width */ top: 0px; left:0; display:none; padding:5px 0; margin-top:0px;}

/* Styles for Menu Items */

div#navHome li#navHome a, div#navResidential li#navResidential a, div#navAbout li#navAbout a, div#navEnvironment li#navEnvironment a, div#navCommercial li#navCommercial a, div#navInstallations li#navInstallations a, div#navDealer li#navDealer a, div#navContact li#navContact a, #thenNav ul li a:hover, #thenNav ul li a:active { 	font-family: Arial, Helvetica, sans-serif;
	background: #D51E1E;
	color: #FFFFFF;

} 


#thenNav ul li a {	font-family: Arial, Helvetica, sans-serif;
	display: block;
	float:left;
	text-decoration: none;
	color: #fff;
		background: url(bgt_menu.jpg); /* IE6 Bug */
	margin: 0;
	text-decoration: none;
	padding: 4px 13px 5px 13px;
	border:1px solid #e8e7e8;
	border-left:none;
}
	

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#thenNav ul li ul { width:125px; margin-top:25px; padding:0; border-bottom:1px solid #fff;};


/* Hover Styles */
		
#thenNav li ul li a { width: 90px;  text-transform:none; font-size:11px; padding:6px 14px 6px 14px;} /* Sub Menu Styles */
		
#thenNav li:hover ul, #thenNav li.over ul { display: block; } /* The magic */


#thenNav .sub a { background:#000;  font-family:Arial, Helvetica, sans-serif; width:90px; text-align:left; border-bottom:none; padding:6px 17px 6px 17px;}

#thenNav .sub a:hover { background: #D51E1E;  }


#thenNav a.highlight { font-family: Arial, Helvetica, sans-serif;
	background: #D51E1E;
	color: #FFFFFF; }

h1 {font: bold 14px tahoma, arial; color: #FF0000; margin:0px 0px 10px 0px; padding:0px}

h3 {font: normal 12px;}
	
select, option {font: 11px Tahoma ; background:#E9E9E9; }

input, textarea, password, file {FONT-FAMILY: Tahoma, Arial;font-size: 11px; font-size:10px; border:1px solid #3C3C3C; background:#E9E9E9; padding:2px  }


/*----------------------------- Basic layout styles from top to bottom of the page ------------------------------ */

.main_table {background: #000;  width:100%}

.header { height:92px; } /* Background image can fill the entire header section */

.header A {margin:0px 6px 20px 0px; }

.header table {margin:70px 0px 20px 0px; margin:0px; padding:0px } /* use to position the content in the header */

.shop_name { font: 16px Tahoma, Arial;padding-right:20px; text-align:right }

.searchinput {font:normal 11px Tahoma, Arial; color:#FFF;border:1px solid #FF0000; margin:0px 8px 0px 0px; background:#000 url(images/mag_glass.gif) no-repeat; padding:2px 2px 2px 17px }


.search { position:absolute; right:0; top:12px; }
.search { position:relative; right:0; top:-25px; }
.search a{color:#FFF; text-decoration:none}
.search a:hover{color:#FFF; text-decoration:underline}



.main_cell {padding:8px 8px 8px 8px; }

.right_column {width:120px; text-align:center; border-left: 1px solid #333; }

.right_column H3 {font: normal 12px tahoma, arial; color: #FFF; padding:0px 3px 10px 3px;}

.border { border-right:1px solid #333; border-left:1px solid #333; border-bottom:1px solid #333; padding:0; margin:0; }/* Surrounds#menuLeftand main_cell */



/*----------------------------- Buttons ------------------------------ */


.button {margin:0px 8px 0px 0px; padding:2px 6px 2px 6px; font:normal 11px Tahoma, Arial; color:#FFF; text-decoration:none;  text-decoration:none; background:#000000; border:1px solid #FF0000; cursor:pointer;  display:block; float:left; clear:none }

/* display, float and clear are needed to render buttons correctly in IE 6 */


.button:hover { color:#FF0000; text-decoration:none; background:#FFF ; border:1px solid #FF0000;  text-decoration:none}

input { 
	padding: expression(this.type=="submit"?'0px':'');
}

input[type="image"] {
	padding: 0;
	background-color:#000000;
	border::none;
} 


form submit {width:1%; overflow:visible;}

/* this is for Gecko based broswers to change background of all <input type="submit"> tags */

input[type="submit"] {
	padding: 2px 2px; 
} 


.shop_text { }

.shop_text div {font:bold 14px Tahoma, Arial; padding-bottom:5px }

.cart {font: 12px Arial ;color:#000; border:1px solid #333; width:98%; background:#F7F7F7}

.cart th {text-align:left; background:#7FA0D8 url(hd_bk.jpg) repeat-x; color:#FFF }

.cart a {margin-right:0px; float:right}

.lineitem {border-bottom: 1px dotted #CCC}

.checkouthead {font-size: 16px; color:#D51E1E; padding:20px 0px }

.cat_head { } /*Category name and description*/


/* Portrait Thumbails */

#thumbnail { width:128px; height:195px; float: left; clear: none; margin:0px 5px 0px 5px;  text-align:center; border-left:2px solid #E0E0D4; border-right:2px solid #E0E0D4; background:url(thumbnailShadow.gif) repeat-x bottom; }

#thumbnail p {margin: 0px 0px 0px 35px; text-align:center} 

#thumbnail h3 {font:normal 11px Verdana, arial;text-align:center; padding:2px 0; margin:0;}

#thumbnail span {font:normal 11px Verdana, arial ;text-align:center}

#thumbnail div{text-align:center}

#thumbnail .thumbImage {
	height:82px;
}

#thumbnail .thumbInfo { 
	clear:both;
}



/* Landscape Thumbnails */
#specialsWrap{ color:#000;  min-height:100%; overflow:auto; padding-left:13px; padding-bottom:15px; clear:both;}
* html #specialsWrap {height:100%; clear:both;}
#thumbnailSide { width:270px; height:140px; float: left; clear: none; margin:5px 10px 10px 0px; padding-top:6px; padding-right:5px; text-align:right; background-color:#FFF; }
#thumbnailSide p .button {margin: 0; float:right;} 

#thumbnailSide h3 {font:normal 12px Verdana, arial ; text-align:right; margin-top:0; padding-top:0; }

#thumbnailSide span {font:normal 11px Verdana, arial ; text-align:right;}

#thumbnailSide div { text-align:right;}

#thumbnailSide .thumbImage {
margin-left:5px;
	float:left;
	height:100px;
	width:100px;
	

}

#thumbnailSide .thumbInfo { 
	float:right;

}





/*----------------------------- Essential Bizar Shop Styles ------------------------------ */


.heading { font-size: 16px; color:#D51E1E }

.subheading {font: normal 14px Tahoma, Arial }	

.errorMessage {font-weight: bold; color: #FFF; background-color: #FF0000; padding:4px}

.okMessage {font-weight: bold; padding: 4px; background-color:#CCC;}

.form-label {font-weight: bold; color: #FFF}

.form-title {font-weight: bold; color: #FFF}	

.normalbold {font-weight: bold }

.tablehead { font-size: 14px; text-decoration: none; color:#D51E1E}

.sitemaplevel0 { padding-left:20px;}

.sitemaplevel0 LI { list-style:none; margin-left:20px; font-size:13px}

.sitemaplevel1 LI { margin-left:60px; font-size:11px }

.sitemaplevel2 LI {margin-left:100px; font-size:11px }

.searchResult { color: #FFF; font-weight:normal; border-bottom: 1px solid #cccccc; padding-bottom:10px;  padding-top: 8px }

.searchResult A {color:#FFF; text-decoration:underline; font-size:14px; }


/*----------------------------- Product Page ------------------------------ */

.product_image {padding:10px 10px 10px 10px }

.product_image A {text-decoration:none; color: #FFF;}

.product {padding:10px 10px 10px 10px }

.price {font: bold; padding:10px 0px 0px 0px }

.related_prods {margin: 0px 0px 10px 0px; padding:3px; width:120px }


/*----------------------- Checkout Progress Monitor ------------------------*/

#progressCheck {
	margin:15px auto;
	padding:0; 
	text-align:left;
}

#progressHeader {
	color:#FFF;
}

.progNum {
	padding:2px 4px; 
	background-color:#999; 
	color:#fff;
	font-weight:bold;
}

.progLabels {
	padding:5px 10px 5px 0;
}

.progBar {
	color:#FFFFFF; 
	background-color:#999;
	font-weight:bold; 
	border:1px solid #000; 
	font-size:9px;
}

.progHeader {
	font-size:16px; 
	color:#FFF;
}


/*----------------------------- Search result and Category Page ------------------------------ */

.page_batch {padding: 12px 0px 6px 0px }

/*MENU DOWN///////////////////////////////////////////////////////////////////Stars here*/
/*----------------------------------------- Left Hand Menu No-Popup ---------------------------------------*/
#menuLeft{z-index:100;}

#menuLeft ul {font: normal 12px Tahoma, Arial;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 157px; /* Width of Menu Items */}
	
#menuLeft ul li a {

	display: block;
	width:149px;
	text-decoration: none;
	color: #FFF;
	/* IE6 Bug */
	padding: 4px;
	font-weight: bold;
	border: 1px solid #FFF;}

/* Fix IE. Hide from IE Mac 
	html ul li { float: left; height: 1%; }
 	html ul li a { height: 1%; }
 End */


#menuLeft ul li a:hover { color: #000; background: #FF0000; opacity:.70; filter: alpha(opacity=70); } 

#menuLeft ul li ul {display: none;}

#menuLeft ul li.highlight ul {display: block;}

#menuLeft .highlight a { color: #FFF; font-size: 12px;}


/* Hover Styles */
		
#menuLeft li ul li a {
	padding: 1px 3px;
} /* Sub Menu Styles */
		
#menuLeft li:hover ul, li.over ul { display: none; } /* The magic */


#menuLeft .sub a {
	background:none;
	color:#FFF; 
	width: 143px;
	padding:2px 4px 2px 10px;
	font-weight: normal;
	border-top-style: none;
	
}
		
 .highlight li ul { display: block; }  /*The magic */ 




#menuLeft .sub a:hover { background-color:#FFF;}

#menuLeft .subHighlight a {
	color: #FF0000;
	background: #000; 
	width: 143px;
	padding:2px 4px 2px 10px;
    font-weight: bold;
	border-top-style: none;
	
}	


/*.highlight A {TEXT-DECORATION: none; background: #999; color: #000; }*/

.selected {text-decoration:none; color: #333 }


.thumbnail_C{
	border: 2px solid #FFFFFF;
	padding-bottom: 15px;
	text-transform:uppercase;
	float: left;
	clear: none;
	margin:0px 0px 14px 14px;
	height:20px;
	width:170px;
}

.thumbnail_C h2{
color:#FFF;
font-size: 14px;
font-weight:bold;
padding:1px 0px;
margin:1px 0px;
}
.thumbnail_C h3{
color:#FFF;
padding:1px 0px;
margin:1px 0px;
font-size: 12px;
}
.thumbnail_C div{
padding:0;
margin:0;
border-top:1px solid #E22A32;
width:100px;

}
.thumbnail_C a{color:#FFF;
text-decoration:none;
}
.breadcrumb{
color:#E22A32;
text-transform:uppercase;
text-decoration:none;
}
.breadcrumb a{
color:#E22A32;
text-decoration:none;
}
.breadcrumb a:hover{
color:#FFF;
text-decoration:none;
}

.thumbnail_D{
	text-transform:uppercase;
	float: left;
	clear:none;
	margin:0px 5px 0px 5px;
	height:95px;
}

.thumbnail_D h2{
color:#FFF;
font-size: 14px;
font-weight:bold;
padding:1px 0px;
margin:1px 0px;
}
.thumbnail_D h3{
color:#FFF;
padding:1px 0px;
margin:1px 0px;
font-size: 12px;
font-weight:normal;}
.thumbnail_D div{
padding:0;
margin:0;

}
.thumbnail_D a{color:#FFF;
text-decoration:none;
}
.thumbnail_D a:hover{color:#E22A32;
text-decoration:none;
}



/* button styles*/
.thumbnail_e{
border: 2px solid #FFFFFF;
	padding-bottom: 12px;
}

.thumbnail_e span{
color:#FFF;
font-size: 13px;
font-weight:bold;
padding:3px;
margin:0px 0px;
}

.thumbnail_e img{
padding-bottom:3px;
}

.thumbnail_e div{
padding:3px,0,3px,0;
margin:0;
border-bottom:1px solid #E22A32; font-size:1px;
width:200px; height:1px;
}
.thumbnail_e a{color:#FFF;
text-decoration:none;
}

.head{
text-align:center;
color:#E22A32;
font-size: 15px;
padding:1px 0px 5px;
border-bottom:1px solid #E22A32;
}
.subhead{
color:#FFF;
margin:12px 0px 5px;
font-size: 17px;
}
.head div{
padding:0;
margin:0;
border-top:1px solid #E22A32;
width:300px;
}
.menuBG{background:url(bgt_menu.jpg) bottom no-repeat;}
.smallHeading { font-weight:normal; color:#999; font-size:17px;}

.inquiry{
	width:134px;
	height:30px;
	font-size:13px;
}