@charset "utf-8";
/*     -----     Font     -----     */
body, table, input, select, textarea { text-align: justify; font: 12px Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { text-align: left; color: #ed1c24; }
h1 { margin: 14px 0px; font-size: 24px; font-weight: lighter; }
	#home_panel h1 { margin: 0; }
	h1 strong { font-weight: bold; }
h2 { margin: 12px 0px; font-size: 20px; font-weight: lighter; }
	h2 strong { font-weight: bold; }
h3 { margin: 12px 0px; font-size: 18px; font-weight: lighter; }
	h3 strong { font-weight: bold; }
h4 { margin: 10px 0px; font-size: 16px; }
h5 { margin: 8px 0px; font-size: 16px; }
h6 { margin: 6px 0px; font-size: 14px; }
p { margin: 11px 0px; }

/*ul {  }*/
	ul li { margin: 0 0 15px 0; list-style: square; }

a { color: #f00; }
	a:hover { color: #000; }
#websiteinfo, #websiteinfo a { color: #fff; text-decoration: none; }
	#websiteinfo a:hover { text-decoration: underline; }

.nav { color: #fff; }
	.nav ul li a { color: #fff; text-decoration: none; }
		.nav ul li a:hover { text-decoration: underline; }
#b_links a { text-decoration: none; }
	#b_links a:hover { text-decoration: underline; }
	#b_links a span { font-size: 22px; }
#banner p { font-size: 16px; color: #ed1c24; }
#home_testimonials { color: #fff; font-size: 15px; }
	#home_testimonials strong { font-size: 18px; }
#home_nav a { color: #fff; font-size: 18px; text-decoration: none; }
	#home_nav a:hover { color:#000; }
#home_content ul { font-size: 14px; }
#home_content p { font-size: 11px; text-align: left; }

/*     -----     CSS Helpers     -----     */
img, a img { border: none; }
.float_elements_left { float: left; padding: 0 10px 10px 0; }
.float_elements_right { float: right; padding: 0 0 10px 10px; }
#imageData #imageDetails { color: #000; } /* makes photogallery description black */

/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

select, textarea, input, input[type="text"], input[type="password"], .textbox { width: 150px !important; color: #000 !important; } /* file attach must be styled manually */
input[type="checkbox"], input[type="radio"], input.productTextInput, select#CardExpiryMonth, select#CardExpiryYear { width: auto !important; }
input[type="submit"], input[type="button"], input[type="image"] { text-align: center; /* for silly IE */ width: auto !important; color: #000 !important; } /*styles for submit buttons*/
input.ml_fields { margin: 0 0 2px 0; height: 15px; padding: 0 1px; border: 2px solid #a5acb2; font-size: 12px; } /* Style login buttons that have confined space with this to stop Safari on Mac making fields extra tall. */

/*     -----     Layout     -----     */
body { margin: 0px; padding: 0px; background: #587181 url(../images/layout/bg_repeat.gif) repeat-x; }
#container { width: 924px; margin: 0px auto; }

#nav_tl { width: 22px; height: 33px; float: left; background: url(../images/layout/nav_bg_left.gif); }
.nav { width: 882px; height: 33px; float: left; background: #000; }
	.nav ul { margin: 0;}
	.nav ul li { display: block; float:left; position: relative; list-style: none; background: url(../images/layout/nav_divider.gif) no-repeat left center ; margin: 0px; padding: 0px; }
	.nav ul li#first, .nav ul li#first2 { background: url(none); }
	.nav ul li ul { position: absolute; left: 0px; top: 16px; display: none; background: #000; }
	.nav ul li:hover ul { display: block; }
		.nav ul li a { height: 33px; line-height: 33px; display: block; float: left; margin: 0 16px; /*padding: 0 20px;*/ }
		/*.nav ul li a:hover { }*/
		.nav ul li ul li a { height: auto; line-height: 14px; background: #000; margin: 0; padding: 10px; }
		.nav ul li ul li a:hover { }
#nav_tr { width: 20px; height: 33px; float: left; background: url(../images/layout/nav_bg_right.gif); }

#c_container { clear: both; background: #fff; padding: 0 11px 0 13px; }
	#banner { height: 129px; position: relative; }
		a#logo { width: 411px; height: 60px; position: absolute; left: 7px; top: 26px; }
		#b_links { position: absolute; left: 557px; top: 12px; }
			#b_links a { height: 25px; line-height: 25px; display: block; padding: 0 0 0 25px; }
			a#b_l_call { background: url(../images/layout/icon_phone.gif) no-repeat left center; }
			a#b_l_email { background: url(../images/layout/icon_email.gif) no-repeat left center; }
			a#b_l_quote { background: url(../images/layout/icon_quote.gif) no-repeat left center; }
		#banner p { margin: 0; position: absolute; left: 55px; top: 102px; }

#banner_marquee_general marquee{
	font-weight: bold;
	font-style:italic;
	font-size: 14px;
	text-transform:uppercase;
}
.banner_marquee_home marquee{
	padding-top: 15px;
}
#banner_marquee_general marquee .level_master_red{
	 color: #ed1c24;
	 text-transform:none;
	 font-size:18px;
}
#banner_marquee_general marquee .level_master_black{
	text-transform:none;
	font-size:18px;
}
#content { padding: 0 0 20px 0; min-height: 300px; }
	.normal{ font:14px Arial, Helvetica, sans-serif; color:#000000; }
#extra_content {width:100%; height:30px;}
	#home_panel { background: #000; height: 250px; padding: 5px 35px; position: relative; }
		#lvlmstr_img { width: 219px; height: 389px; position: absolute; top: -47px; right: -11px; background:  url(../images/layout/level_master_image.png) no-repeat; }
		#home_testimonials { padding: 0px 10px 0 25px; /*overflow: auto;*/ height: 200px; margin: 15px 160px 0 0; }
			#home_testimonials p.name { text-align: right; float:right; margin-top:0px; }
			#home_testimonials p.blurb { text-align: left justify; line-height:20px; }
	#home_list ul {float:left; display:block;}
	#home_list ul li {font:14px Arial, Helvetica, sans-serif; color:#000000; list-style: disc; height: 10px;}
	.home_red_text {font:bold 14px/20px Arial, Helvetica, sans-serif; color:#ed1c24; margin-top:-5px;}
	.home_small_info {font:11px Arial, Helvetica, sans-serif; color:#000000; float:right;}
	#home_nav { height: 57px; background: #ed1c24; }
		#home_nav a { height: 52px; display: block; float: left; text-align: center; padding: 5px 48px 0 30px; background: url(../images/layout/arrow_black.gif) no-repeat right center; }

#home_content { margin: 40px 0 -15px 0; position: relative; min-height:160px; padding-bottom:30px;}
	#home_content ul { width: 310px; float: left; margin: 0px 20px 10px 0; padding: 0 0 0 20px; }
		#home_content ul li { margin: 0 0 15px 0; }
	#home_content h6 { width: 670px; text-align: center; clear: both; background: url(../images/layout/icon_quote.gif) no-repeat 32px top; line-height: 21px; }
	#footer_house { width: 231px; height: 134px; background: url(../images/layout/footer_house.gif); position: absolute; right: 0; top: 84px; }

#nav_bl { width: 22px; height: 29px; float: left; background: url(../images/layout/footer_bg_left.png); }
#footer { width: 880px; height: 29px; }
	#footer ul li a { height: 29px; line-height: 29px; }
#nav_br { width: 22px; height: 29px; float: left; background: url(../images/layout/footer_bg_right.png); }


/*     -----     Website Info Content Holder     -----     */
#websiteinfo{ margin: 4px auto; width: 880px; /*assuming width of page is 900px*/ }
	#wi_left { width: 23%; text-align: left; float: left; }
		a#quadtech { width: 155px; height: 15px; display: block; background: url(../images/layout/website_by_quadtech_l.png) no-repeat; text-indent: -9999px; overflow: hidden; }
			a#quadtech:hover { background-position: right top; }
	#wi_mid { width: 54%; text-align: center; float: left; }
	#wi_right { width: 23%; text-align: right; float: left; }
	#text_links { padding-top: 10px; text-align: center; }

/*     -----     Content     -----     */
.productitemcell { height:22px;/* double the height of body text */ }
/* Find a Distributor page table */
#distributors_table td, #distributors_table th, #distributors_table {
	border: 1px solid #CCC;
}
#distributors_table td, #distributors_table th {
  text-align: center;
}
#distributors_table td .store_name {
	text-align:left;
	font-weight: bold;
}
#distributors_table img {
  padding: 5px;
}
table.t_border { border-collapse: collapse; }
table.t_border tr td { border: 1px solid #000; padding: 5px; }

#clear_float {clear:both;}
#float_left {float:left; padding-right:5px;}