/* APOLLO TRACTORS Style Sheet created by 2Creative */

* {	margin: 0;	padding: 0; }
body { color: #666;	font: 75%/1.4em Arial, Helvetica, sans-serif;
		background: #FFF url(images/bg-strip.jpg) repeat-x left top;	}	
h1, h2, h3 { color: #003399; }
h1 { font-size: 160%; font-weight: normal; margin-bottom: 20px;	}
h2 { font-size: 140%; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #999; }
h3 { font-size: 120%; margin-bottom: 15px; line-height: 1em; }
p { padding-bottom: 15px; }
img { border: none; }	
a {	color: #CC0000; text-decoration: underline; }
a:hover { text-decoration: none; }
ul, ol { padding-left: 20px; margin-bottom: 15px; }
li { margin-bottom: 2px; list-style: square; }

#wrapper { width: 990px; margin: 0 auto; }
	#header { height: 66px; background: url(images/header.jpg) no-repeat left top; }
		#logo { float: left; width: 275px; }	
		#menu a { float: left; height: 66px; }
			a.menu-home { width: 67px; background: url(images/home-nav.jpg) no-repeat left bottom; }
			a.menu-home:hover { background: url(images/home-nav.jpg) no-repeat left top; }
			a.menu-home-on { width: 67px; background: url(images/home-nav.jpg) no-repeat left top; }
			a.menu-product { width: 126px; background: url(images/product-range-nav.jpg) no-repeat left bottom; }
			a.menu-product:hover { background: url(images/product-range-nav.jpg) no-repeat left top; }
			a.menu-product-on { width: 126px; background: url(images/product-range-nav.jpg) no-repeat left top; }
			a.menu-news { width: 132px; background: url(images/news-nav.jpg) no-repeat left bottom; }
			a.menu-news:hover { background: url(images/news-nav.jpg) no-repeat left top; }
			a.menu-news-on { width: 132px; background: url(images/news-nav.jpg) no-repeat left top; }
			a.menu-about { width: 75px; background: url(images/about-nav.jpg) no-repeat left bottom; }
			a.menu-about:hover { background: url(images/about-nav.jpg) no-repeat left top; }
			a.menu-about-on { width: 75px; background: url(images/about-nav.jpg) no-repeat left top; }
			a.menu-contact { width: 104px; background: url(images/contact-nav.jpg) no-repeat left bottom; }
			a.menu-contact:hover { background: url(images/contact-nav.jpg) no-repeat left top; }
			a.menu-contact-on { width: 104px; background: url(images/contact-nav.jpg) no-repeat left top; }
		#free-call { float: left; width: 211px; }
			
	#banner { margin-bottom: 40px; margin-top: 0 !important; margin-top: -7px; }
	#banner-other { margin-bottom: 30px; margin-top: 0 !important; margin-top: -7px; }
	
	#content { margin-bottom: 35px; }
		.product-wrapper { float: left; width: 225px; padding-left: 14px; padding-right: 14px; border-right: 2px dotted #999; }
			#product-wrapper-first { padding-left: 0; } 
			#product-wrapper-last { padding-right: 0; border-right: none; } 
			.product-wrapper h3 { font-size: 120%; margin-bottom: 5px; line-height: 1em; }
			.product-wrapper p { padding-bottom: 5px; }
			.product-wrapper h3 a { color: #003399;  }
			.product-wrapper a { text-decoration: none; }
			.product-wrapper a:hover { color: #333; text-decoration: none; }
			
		.product-range-wrapper { float: left; width: 225px; margin-right: 30px; color: #666; }
			#product-range-wrapper-last { margin-right: 0; } 
			.product-range-wrapper h3 { font-size: 120%; margin-top: 10px; padding-bottom: 8px; border-bottom: 1px dotted #999; 
				margin-bottom: 8px; line-height: 1em; }
			.product-range-wrapper p { padding-bottom: 5px; }
			.product-range-wrapper h3 a { color: #003399;  }
			.product-range-wrapper a { text-decoration: none; }
			.product-range-wrapper a:hover { color: #333; text-decoration: none; }		
			.product-range-wrapper ul { margin-bottom: 5px; } 
		
		#product-details
			#product-desc { float: left; width: 480px; }
				#product-desc h3 { font-size: 120%; margin-top: 10px; padding-bottom: 8px; border-bottom: 1px dotted #999; 
				margin-bottom: 8px; line-height: 1em; }
				#product-desc p { padding-bottom: 5px; }
				#product-desc a { text-decoration: none; }
				#product-desc a:hover { color: #333; text-decoration: none; }		
				#product-desc ul { margin-bottom: 5px; } 
					#product-description { color: #1C3971; padding-bottom: 8px; }
					#product-features { border-top: 1px dotted #999; padding-top: 8px; color: #2E7333; padding-bottom: 8px; }
					#product-specification { border-top: 1px dotted #999; padding-top: 8px; }	
						#tableSpec { width: 100%; line-height: 1.2em; color: #333; text-align: center; }
						#tableSpec th { background: #CC0000; padding: 2px; color: #FFF; }
						#tableSpec td { vertical-align: middle; padding: 2px;	}	
						.row-heading { background: #CC0000; }
						.td-ddd { background: #DDD; }
						.td-ccc { background: #CCC; }
						.td-ebe { background: #EBEBEB; }
						 
			#product-images { float: right; width: 480px; }
				.product-image-wrapper { float: left; width: 226px; margin-right: 28px; margin-bottom: 40px; }
				.product-image-wrapper-right { float: left; width: 226px; margin-bottom: 40px;  }
		
		#news-list { float: left; width: 300px; }
			#tableNewsList { width: 100%; line-height: 1.2em; margin-top: -3px; }
				#tableNewsList th { padding: 0; }
				#tableNewsList td { vertical-align: top; padding: 2px 2px 10px;	}	
				#tableNewsList a { color: #003399; text-decoration: none; }
				#tableNewsList a:hover { text-decoration: underline; }	
				
		#news-details { float: right; width: 640px; } 
			#news-details h3 { font-size: 140%; font-weight: normal; margin-bottom: 15px; }
			 
		#page-text { float: left; width: 480px; }		
		#page-images { float: right; width: 480px; margin-top: 28px; }
			
		#rental-side { float: left; width: 200px; }
		#rental-main { float: right; width: 740px; } 
			#rental-main h3 { font-size: 140%; font-weight: normal; margin-bottom: 15px; }
	
	#news { border-top: 1px solid #999; padding: 10px 0; } 
		#news p { color: #666; padding-bottom: 0; }
		#news a { color: #666; }
		 
	#footer { border-top: 1px solid #999; padding: 10px 0; }
		#footer p { color: #999; text-align: center; padding-bottom: 0; } 
		#footer a { color: #999; text-decoration: none; } 
		#footer a:hover { text-decoration: underline; } 
	
		
/************************ MISC ********************/	
.clearFloat { clear: both; line-height: 0; height: 0; }
.warning { color: #CC0000; font-weight: bold; padding-bottom: 0; }
.notice { font-size: 85%; font-style: italic; }
.invisibleHeading, .invisible {	display: none; }
.textBlue, .textBlueBold { color: #003399; }
.textGreen, .textGreenBold { color: #2E7333; }
.textRed, .textRedBold { color: #CC0000; }
.textBlueBold, .textRedBold, .textGreenBold { font-weight: bold; }
.floatedRightImage { float: right; margin-left: 20px; }
a.pdflink { color: #33609E; font-size: 12px; text-decoration: none; }
a.pdflink:hover { text-decoration: underline; }
a.pdficon { background: url(images/pdf.gif) no-repeat left center; padding-top: 10px; padding-left: 30px; margin-left: 20px; }
.linkButton { border: 1px solid #FF99CC; background: #CC0000; font-size: 14px; font-weight: bold; color: #FFF; width: 200px; cursor: pointer; }

/************************* FORM **********************/
form br { clear: left; }
label {	border: none; width: 150px; }
input, textarea { font: small Arial, Helvetica, sans-serif;
	margin-bottom: 5px;	border: 1px solid #333;	padding: 2px; width: 160px;	color: #333; }

#formContact {}
#formContact label, #formContact input, #formContact select, #formContact textarea {
	display: block;	width: 250px; float: left; margin-bottom: 10px; border: 1px solid #333;	font-size: 100%; padding: 2px; }
#formContact input, #formContact select, #formContact textarea { border: 1px solid #333; }
#formContact label { text-align: left; width: 150px; padding-right: 5px; border: none; }
#formContact p { padding-top: 10px;	padding-bottom: 5px; }
#formContact br { clear: left; }
#formContact .sendButton { cursor: pointer; color: #FFF; font-weight: bold; border: none; float: left; display: block;
	margin-top: 10px; background: #003399; width: 100px; }
#formContact .tinyInput { width: 20px; }
#formContact .smallInput { width: 180px; }
#formContact .mediumInput { width: 200px; }
#formContact .wideLabel { width: 260px; }
#formContact p { margin-bottom: 5px; }
#formContact input.hidden { display: none; }
#formContact .checkBox { width: 15px; height: 15px; margin: 0 5px 0 0; border: 1px solid #01223C; }
#formContact .checkboxLabel { margin-right: 20px; width: 200px; display: block; }