/* CSS Document - SpinTrim.com */

BODY { background: url(images/spin_trim_page_background.jpg) #000 top repeat-x; padding:0; margin:0; width:auto; height:auto; font-family: "Trebuchet MS", Verdana, Arial;  font-size:11px; color:#DDD; }

	#contentContainer{ width: 750px; background: #000; margin: 0 auto; padding: 0; border:1px solid #555;}

		#header { background: url(images/spin_trim_header.jpg) #555 top no-repeat; height:160px; padding: 0; margin:0; }
			#header h2 { font-size:24px; margin:0; padding:25px 0 0 11px; font-style:italic;}
			#header h3 { font-size:16px; margin:0; padding:6px 0 0 11px; font-style:italic; }

		#nav { background:transparent; padding:0; margin:19px 0 0 0; font-weight:bold;}
			#nav ul { margin:5px 0 0 8px; padding:0; white-space:nowrap; }		
			#nav li { display:inline; list-style:none; margin:0 4px 0 0; padding:0;}
			#nav a { color:#DDD; text-decoration:none; background:#003300; padding:8px 44px 8px 8px;}
			#nav a:hover { color:#FFF; text-decoration:underline; background:#006600; }
		
		#pageBody { background: url(images/spin_trim_pageBody_background.jpg) #000 top repeat-x; padding:0 8px 8px 8px; margin:0; }		

			#bodyLeft { width:385px; margin: 0; padding:0; text-align:justify; float:left;}
				#bodyLeft h2 { font-size:14px; margin:0 0 7px 0; padding:0 0 7px 0; text-transform:uppercase; border-bottom:1px dashed #005500; font-style:italic;}
				#bodyLeft h3 { font-size:20px; margin:15px 0; padding:20px 0; font-weight:bold; color:#074600; border-bottom:1px dashed #AAA; border-top:1px dashed #AAA;}
				#bodyLeft h4 { font-size:12px; margin:6px 0; padding:5px 0; text-transform:uppercase; }
				#bodyLeft p { margin: 0 0 14px 0; padding:0 0 5px 0; line-height:1.5em;}
				#bodyLeft a { color:#009900; text-decoration:none; font-weight:bold;}
				#bodyLeft a:hover { color:#006600; text-decoration:underline; font-weight:bold;}
				#bodyLeft ul { list-style: disc; margin:0 0 10px 17px; padding:0 0 5px 0; text-align:left;}
				#bodyLeft li { padding:0 0 7px 0; margin:0;}
				.thumb { padding:0; border:1px solid #074600; float:right; margin:0 0 10px 10px;}
				.gallery_thumb { width:102px; margin:0 5px 20px 5px; padding:0; float:left;}
				.gallery_thumb img {border:1px solid #074600;}
				.disclaimer { font-size:9px; font-style:italic; color:#999;}
				.floatLeft { float:left; margin:18px 0 0 40px; font-size:13px;}
				.floatRight { float:right; margin:10px 40px 0 0;}
				.purchase { background-color:#002200; border:1px solid #555; margin: 0 0 14px 0; padding:10px 15px !important; line-height:1.5em; }

				table.general { width: 385px; background-color: transparent; border: 0; border-collapse: collapse; border-spacing: 0px;}
				td.inputRow { background:#001100; padding:8px 0 8px 5px; border-bottom: 4px solid #000; font-weight:bold;}
				td.inputField { background:#001100; padding:8px 0 3px 5px; border:0; font-weight:bold;}
				td.submitRow { background:transparent; padding:12px 0; border:0; text-align:center;}

				input.submitButton { background-color:#001100; color:#FFF; border:1px solid #555; height:20px; width:100px; text-transform:uppercase;}
				input.textEntry { background-color:#002200; color:#FFF; font-size:11px; border:1px solid #555; padding:2px; }
				textarea.textEntry { background-color:#002200; color:#FFF; font-size:11px; border:1px solid #555; padding:2px; width:360px;}

			#bodyRight { width:334px; margin: 0 0 0 12px; padding:0; float:left; display:inline; font-size:10px;}
				#bodyRight img { border:1px solid #FFF; margin:3px 15px; padding:0; }
			
			.clear { clear:both; margin:0; padding:0; }

	#footerBar { width: 730px; padding:5px 10px; margin: 0 auto; font-size:10px; text-align:right; color:#AAA; font-style:italic;}
		#footerBar a { color:#AAA; text-decoration:none;}	
		#footerBar a:hover{ color:#888; text-decoration:underline;}