@charset "utf-8";
/*     -----     Font     -----     */
body, table, input, select, textarea { text-align: justify; font: 12px Arial, Helvetica, sans-serif; color: #fff; }
h1, h2, h3, h4, h5, h6 { /*text-align: left;*/ color: #00a0d6; }
	.float_elements_right h2, .float_elements_right h3, .float_elements_right h4, .float_elements_right h5, .float_elements_right h6 { text-align: center; }
h1 { margin: 0 0 14px 0; padding: 5px 0 0 0; font-size: 24px; }
h2 { margin: 12px 0; font-size: 20px; }
h3 { margin: 12px 0; font-size: 16px; }
h4 { margin: 10px 0; font-size: 12px; }
h5 { margin: 8px 0; font-size: 10px; }
h6 { margin: 6px 0; font-size: 8px; }
p { margin: 11px 0; }

a { color: #7cbbff; }
	a:hover { color: #9FF; }
	
#nav ul li a { color: #fff; font-size: 14px; text-decoration: none; }

#websiteinfo a {}
	#websiteinfo a:hover {}

/*     -----     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; width: 300px; text-align: center; }
	.float_elements_right table { margin: 0 auto; }
#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: #000 url(../images/layout/bg.jpg) no-repeat center top; }
#container { width: 950px; margin: 0px auto; }
	#banner { height: 90px; margin: 0 0 190px 0; position: relative; }
		img#totr { width: 160px; height: 16px; position: absolute; left: 203px; top: 22px; z-index: 2; }
		a#street_machiners { width: 276px; height: 77px; position: absolute; left: 335px; top: 13px; z-index: 1; }
		img#tmba { width: 121px; height: 16px; position: absolute; left: 580px; top: 22px; z-index: 2; }
		div#sm_logo { width: 66px; height: 88px; position: absolute; left: 11px; top: 6px; background: url(../images/layout/sm_logo.jpg); }

#nav { height: 30px; margin: 0 40px 2px 40px; }
	#nav ul { margin: 0; padding: 0;}
	#nav ul li { display: block; float: left; list-style: none; background: url(none); margin: 0px; padding: 0px; }
		#nav ul li a { display: block; float: left; height: 30px; line-height: 30px; text-align: center; margin: 0 1px 0 0; }
			#nav ul li#nav1 a { width: 88px; background: url(../images/layout/b_home.png); }
			#nav ul li#nav2 a { width: 232px; background: url(../images/layout/b_auto_info.png); }
			#nav ul li#nav3 a { width: 184px; background: url(../images/layout/b_club_info.png); }
			#nav ul li#nav4 a { width: 117px; background: url(../images/layout/b_members.png); }
			#nav ul li#nav5 a { width: 110px; background: url(../images/layout/b_gallery.png); }
			#nav ul li#nav6 a { width: 134px; background: url(../images/layout/b_contact_us.png); margin: 0; }
		#nav ul li a:hover, #nav ul li#nav1 a:hover, #nav ul li#nav2 a:hover, #nav ul li#nav3 a:hover, #nav ul li#nav4 a:hover, #nav ul li#nav5 a:hover, #nav ul li#nav6 a:hover { background-position: center bottom; }
			
#content { background: url(../images/layout/content.png) no-repeat; padding: 0 15px; margin: 0 40px; }

/*     -----     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:22px;/* double the height of body text */ }

table { border-collapse: collapse; }
table.border tr td { border: #ccc solid 1px; padding: 5px; vertical-align: top; }