@charset "utf-8";
/*     -----     Font     -----     */
body, table, input, select, textarea { text-align: justify; font: 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #262b3a; }
h1, h2, h3, h4, h5, h6 { text-align: left; color: #6a3aa5; font-family: Arial, Helvetica, sans-serif; }
h1 { margin: 16px 0; font-size: 18px; line-height: 20px; }
h2 { margin: 14px 0; font-size: 16px; line-height: 18px; }
h3 { margin: 12px 0; font-size: 14px; line-height: 16px; }
h4 { margin: 10px 0; font-size: 12px; line-height: 14px; }
h5 { margin: 8px 0; font-size: 10px; line-height: 12px; }
h6 { margin: 6px 0; font-size: 8px; line-height: 10px; }
p { margin: 11px 0; }

ul { padding: 0; margin: 0 0 0 20px; text-align: left; }
ul li { padding: 0; margin: 0 0 5px 10px;}
li ul { padding: 0; margin: 0 0 0 10px; }

a { color: #99CA3F; }
	a:hover { color: #6a3aa5; }	
#websiteinfo, #websiteinfo a { color: #fff; text-decoration: none; }
	#websiteinfo a:hover { text-decoration: underline; }
	
.purple_italics { font-size: 14px; font-style: italic; color: #a17fc0; }
#p_titles, .small_purple { font-size: 11px; color: #a17fc0; }
#p_titles { margin: -14px 0 0 0; }

/*     -----     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     -----     */
html { margin: 25px 0 0 0; padding: 0; background: #000 url(../images/layout/bg.jpg) no-repeat center -202px; }
#container { width: 899px; margin: 0 auto; }
	#box_top { background: #fff url(../images/layout/container_top.gif) no-repeat center top; position: relative; }
		#box_base { background: url(../images/layout/container_base.gif) no-repeat center bottom; }
			#box_middle { padding: 32px 17px 24px 14px; }

a#atc_logo img { width: 332px; height: 72px; }
img#strapline { width: 332px; height: 16px; margin: 11px 0; display: block; }

div#cat_643435_divs { width: 522px; height: 29px; position: absolute; top: 70px; right: 0; background: #9cd738 url(../images/layout/top_nav_bg_repeat.gif); text-align: center; }
	ul#nav_643435 { margin: 0; padding: 0; background: url(../images/layout/top_nav_bg_end.gif) no-repeat; }
		ul#nav_643435 li { display: inline; position: relative; list-style: none; background: url(../images/layout/top_nav_divider.gif) no-repeat left center; margin: 0; padding: 0; }
			ul#nav_643435 li#home { background: url(none); }
			ul#nav_643435 li a { padding: 0 3px; margin: 0 18px; color: #4b4260; text-decoration: none; font: 13px Arial, Helvetica, sans-serif; line-height: 29px; }
				ul#nav_643435 li a:hover { color: #fff; }

#content_left { width: 520px; float: left; margin: 0 10px 0 0; }
	#large_img_home { background: url(../images/large_main/content_img_home.jpg); height: 287px; width: 511px; }
	#large_img_general { background: url(../images/large_main/content_img_home.jpg); height: 170px; width: 511px; }		
	a#purple_bar { display: block; background: url(../images/layout/purple_bar.png); height: 32px; width: 754px; margin-left: -235px; text-indent: -9999px; overflow: hidden; }
	#quotes { width: 444px; padding: 35px 40px 10px 27px; color: #432587; background: url(../images/layout/quote_gradient.gif) repeat-x; text-align: left; font: lighter 18px/27px Arial, Helvetica, sans-serif; }
	#general #quotes { width: 271px; float: left; background: url(none); }
		#quotes img { vertical-align: text-top; }
		#quotes .purple_italics { display: block; text-align: right; }
#content_home { width: 338px; float: left; }

#content_general { padding: 0 20px 0 160px; }
	#content_general h1, #content_general h2, #content_general h3, #content_general h4, #content_general h5, #content_general h6, #content_general #p_titles { margin-left: -160px; }

	#small_squares { position: absolute; bottom: 9px; right: 9px; }
		#small_squares img { margin: 9px; }

/*     -----     Website Info Content Holder     -----     */
#websiteinfo{ margin: 10px auto 2px auto; width: 879px; /*assuming width of page is 899px*/ }
	#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; }

/*     -----     Content     -----     */
.productitemcell { height:22px; } /* double the height of body text */