@charset "utf-8";
/*     -----     Font     -----     */
/* see wysiwyg.css */

/*     -----     CSS Helpers     -----     */
/* see wysiwyg.css */
#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 */
.clear { clear: both; }

select, 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: #fff url(../images/bg.jpg) repeat-x center top; }
#container { width: 900px; margin: 0px auto; }

#banner { width: 900px; height: 158px; background:url(../images/banner-bg.jpg) no-repeat center top;}
	a#logo-anchor { width: 299px; height: 77px; display: block; margin: 21px 0px 0px 0px; float: left; }
	img#tagline {  }
	
#content { min-height: 540px; margin: 30px 0px; padding: 0px 25px; }
table#locations { border-collapse:collapse;width:70%; }
table#locations td { padding:10px 0;border-bottom:1px solid black; }

.highlight { font: italic normal 24px/24px Georgia, "Times New Roman", Times, serif; color: #f68923; text-align: center; /*border: 1px solid #f68923; padding: 10px;*/ }
.highlight a { color: #f68923; text-decoration: underline; }
.highlight a:hover { color: #79bb41; text-decoration: none; }

.home-right { height: 350px; }
	
#footer-banner { width: 100%; background: url(../images/footer-repeater.jpg) repeat-x center center; height: 37px; }
#footer-wrapper { width: 900px; margin: 0px auto; }
.footer-left { float: left; width: 225px; }
.footer-center { float: left; width: 450px; }
.footer-right { float: left; width: 225px; }
.footer-left, .footer-center, .footer-right { font: normal 12px/37px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; text-align: center; }
.footer-left a, .footer-center a, .footer-right a { font: normal 12px/37px Arial, Helvetica, sans-serif; color: #fff; text-decoration: underline;  }
.footer-left a:hover, .footer-center a:hover, .footer-right a:hover { color: #f27929; text-decoration: none;  }

#top-nav { width: 900px; height: 35px; }

#top-nav ul { margin: 0px; padding: 0px; float: right; }
#top-nav ul li {   display: inline; position: relative; list-style: none; margin: 0px; padding: 0px;/* width:150px;*/ height: 36px; }
#top-nav ul li a { text-decoration: none; color: #636a72; font: 13px/36px Arial, Helvetica, sans-serif; display: inline-block; height:36px;  /*width: 150px; */text-align: center; padding: 0px 14px 0px 38px; }
#top-nav ul li a:hover { color: #f48d3a; }
#top-nav ul li#nav-home { background: url(../images/home.jpg) no-repeat 15px center; /*height: 36px; display: inline-block;*/ }
#top-nav ul li#nav-about { background: url(../images/about-us.jpg) no-repeat 15px center; /*height: 36px; display: inline-block;*/ }
#top-nav ul li#nav-blog { background: url(../images/blog_bg.jpg) no-repeat 15px center; /*height: 36px; display: inline-block;*/ }
#top-nav ul li#nav-contact { background: url(../images/contact-us.jpg) no-repeat 15px center; /*height: 36px; display: inline-block;*/ }
		
		
#main-nav { width: 900px; height: 31px; }


#main-nav ul { margin: 0px; padding: 0px; }
#main-nav ul li { display: inline-block; position: relative; list-style: none; margin: 0px; padding: 0px;/* width:150px;*/ height: 31px; background: url(../images/nav-divider.jpg) no-repeat left center; }
#main-nav ul li.no-pipe { background: none; }
#main-nav ul li.selected { background: url(../images/main-nav-selected.jpg) no-repeat center bottom;  }
#main-nav ul li a { text-decoration: none; color: #fff; font: 12px/31px Arial, Helvetica, sans-serif; display: inline-block; height:31px;  /*width: 150px; */text-align: center; padding: 0px 30px 0px 30px; }
#main-nav ul li a:hover { background: url(../images/nav-over.png) no-repeat center bottom; }
#main-nav ul li ul { display:none; position: absolute; top: 31px; left: -30px; width: 150px; }
#main-nav ul li:hover ul { display: block;  }
		#main-nav ul li ul li { background: none; width: 150px; height: 24px; border-bottom: 1px solid #fff; }
		#main-nav ul li ul li a:hover {  }
		#main-nav ul li ul li a { text-align: left; background: #b1f756; width: 150px; height: 24px; font: 11px/24px Arial, Helvetica, sans-serif; }
		#main-nav ul li ul li a:hover { }
		
#footer-keywords { border-top: 1px solid #CCCCCC; }
#footer-keywords p { text-align: center !important; }
#footer-keywords a { text-decoration: none; color: #b83006; }
#footer-keywords a:hover { text-decoration: none; color: #31395e; }

/*#nav {}
	#nav ul { margin: 0; padding: 0;}
	#nav ul li { display: inline; position: relative; list-style: none; background: url(none); margin: 0px; padding: 0px; }
	#nav ul li ul { position: absolute; left: 0px; top: 16px; display: none; }
	#nav ul li:hover ul { display: block; }
		#nav ul li a { }
		#nav ul li a:hover { }
		#nav ul li ul li a { text-align: left; }
		#nav ul li ul li a:hover { }*/


/*     -----     Website Info Content Holder     -----     */
#websiteinfo{ margin: 0px auto; width: 989px; /*assuming width of page is 999px*/ }
	#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:24px; /* double the height of body text */ }

.call-now { width: 233px; height: 120px; background: url(../images/contact-us-now.jpg) no-repeat left top; }
.call-now a { width: 233px; height: 120px; display: block; }
.call-now-content { width: 233px; height: 84px; margin-top: 36px; position: relative;  }
p.call-now-large { font: normal 28px/28px Arial, Helvetica, sans-serit; color: #fff; text-align: right; }

.video { margin-top: 20px;  }

.address-wrapper { float: left; margin: 0 15px 15px 0; border: 1px solid #CCCCCC; padding: 0 10px; }
table tr td.locations-table-left { border-right: 1px solid #990000; padding: 10px 15px 0 0; }
table tr td.locations-table-right { padding-left: 15px; width: 385px; }

h1 { margin: 16px 0px; font: normal 24px/28px Helvetica, Arial, sans-serif; color: #b93006; }
h2 { margin: 14px 0px; font: normal 18px/25px Helvetica, Arial, sans-serif; color: #b93006; }

p { margin: 11px 0px; font: normal 12px/18px Arial, Helvetica, sans-serif; color: #31395e; }
#content ul li {font: normal 12px/18px Arial, Helvetica, sans-serif; color: #31395e;}

p span.accent { color: #b93006; font-weight: bold; }

a {color: #555571; text-decoration: underline;}
	a:hover { color: #98989c; text-decoration: none;}
	
img, a img { border: none; }
.float_elements_left { float: left; padding: 0 20px 10px 0; }
.float_elements_right { float: right; padding: 0 0 10px 10px; }

img.gallery { float: left; margin: 15px 15px 0px 0px; }