/********************* Redmond Gary style sheet created by 2Creative *********************/

* {	margin: 0; padding: 0; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.4em;
	color: #333;
	background: #D3E6FE url(images/bg-tile.jpg) repeat-x left top;
}
h1, h2, h3 { font-weight: normal; color: #990000; }
h1 { font-size: 18px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; font-weight: bold; color: #990000; margin-bottom: 5px; }
h4 { font-size: 14px; font-weight: normal; color: #990000; margin-bottom: 10px; }
p { padding-bottom: 15px; }
img { border: none; }
a {	color: #333; text-decoration: underline; }
a:hover { text-decoration: none; }
ul { margin-bottom: 15px; list-style: square; margin-left: 20px; }
ol { margin-bottom: 15px; padding-left: 30px; }

#wrapper { width: 1380px; background: url(images/qsport-logo.jpg) no-repeat left top; }
	#leftColumn { float: left; width: 278px; background: url(images/powerline-repair.jpg) no-repeat left top; }	
	#midColumn { float: left; width: 700px; }
	#rightColumnHome { float: left; width: 402px !important; width: 402px; min-height: 940px !important; height: 940px;
			background: url(images/pole-eru.jpg) no-repeat left top; }	
	#rightColumn { float: left; width: 402px !important; width: 390px; min-height: 940px !important; }	
		/* #menuHome { background: url(images/truck-cab.jpg) no-repeat left bottom; padding-bottom: 150px; } */
		#menu {	padding-bottom: 150px;}
			#menuList { padding: 250px 20px 200px 130px; }
				#menuList ul { margin: 10px 0 20px 0; padding: 0; list-style: none; line-height: 1.6em; }
				#menuList li { margin: 0; padding: 4px 0; border-bottom: 1px dotted #666;
						background: url(images/bullet.jpg) no-repeat right center; }
				#menuList a { font-size: 12px; font-weight: bold; color: #333; text-decoration: none; }
				#menuList a:hover { color: #990000; text-decoration: none; }
				#thispage a:link, #thispage a:visited, #thispage a:hover, #thispage a:active { color: #990000; }
				#menuList li.submenu { padding: 2px 0;	border-bottom: 1px dotted #999; }
				#menuList li.submenu a { font-size: 11px; color: #333; margin-left: 20px; }
				#menuList li.submenu a:hover { color: #990000; }			
			
			#enews {}	
				
		#contact { height: 40px; background: url(images/contact.jpg) no-repeat left top; }
			#contact p { font-size: 14px; color: #FFF; margin-left: 560px; padding-top: 13px; padding-bottom: 0; }
			#contact a { color: #FFF; text-decoration: none; }
			#contact a:hover { text-decoration: underline; }
		
		#mainNav { height: 120px; background: url(images/nav.jpg) no-repeat left top; }
			#mainNav ul { padding: 43px 0 0 130px; margin: 0; list-style: none; }			
			#mainNav li { display: inline; background: url(images/arrow.jpg) no-repeat right center; }			
			#mainNav a { padding: 0 18px 0 23px; text-decoration: none; font-size: 14px; color: #FFF; }
			#mainNav a:hover { color: #EBEBEB; }
		
		#header { height: 140px; }
			#flashHolder { float: left; height: 140px; }			
			#speel { float: right; width: 180px; height: 140px; background: url(images/red-block.jpg) no-repeat left top; }
				#speel h2 {	color: #FFF; padding: 20px 40px 0 50px;	line-height: 1.2em;	}					
		
		#content { padding: 25px 25px 0; background: #FFF; }
			#homeMainContent { padding-bottom: 10px; border-bottom: 1px dotted #333; }
				#homeMainContent h2 { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #333; }
				#intro { float: left; width: 495px;	margin-right: 25px;	}				
				#clients { float: left; width: 130px; }
					#logosHolder {}
				
				.borderedBox { padding-top: 20px; padding-bottom: 10px; border-top: 1px dotted #333; margin-top: 10px; }			
			
			#equipments { margin-top: 20px; }
				#equipments h2 { margin-bottom: 20px; }				
				.equipbox, .equipboxLast { float: left; width: 152px; margin-right: 12px; margin-bottom: 20px; border-right: 1px dotted #333; }
				.equipboxLast { margin-right: 0; }
					.equipbox p, .equipboxLast p { color: #990000; text-align: center; padding-bottom: 0; }
					.equipbox a, .equipboxLast a { color: #990000; text-decoration: none; }
					.equipbox a:hover, .equipboxLast a:hover { color: #666; text-decoration: underline;	}
			
			#otherMainContent { min-height: 570px !important; }			
				#contactLeft { float: left; width: 320px; }
				#contactRight { float: right; width: 300px; }				
				.contact-listing { margin-bottom: 20px; }
					.contact-details img { margin-bottom: 10px; }
					.contact-map {}
				
				.product-listing { float: left; width: 310px; margin-bottom: 20px; }
				.product-listing-last {	float: right; width: 310px; }
				.product-listing h3, .product-listing-last h3 { }
				
				a.bullet-link { color: #990000; background: url(images/bullet.gif) no-repeat right center; text-decoration: none;padding-right: 15px; }
				a.bullet-link:hover { text-decoration: underline; }
				
				#gallery { border-top: 1px dotted #666; margin-top: 10px; padding-top: 10px; margin-bottom: 20px; }
					.gallery-listing { width: 310px; }
						.gallery-listing h2 { margin-bottom: 10px; }
					#gallery-listing-one { float: left; }
					#gallery-listing-two { float: right; }
					
				#product-details { margin-top: 20px; }
					#product-desc {	float: left; width: 410px; padding-right: 20px; border-right: 1px dotted #666; }
						#product-desc a.desc-heading {
							background: url(images/arrow2.gif) no-repeat left center;
							color: #990000; text-decoration: none; padding-left: 15px; }
						#product-desc a.desc-heading:hover { text-decoration: underline; }
						
					#product-misc { float: right; width: 200px; }					
					#product-spec { margin-bottom: 20px; }
					
					.video-box { margin-bottom: 20px; }
			
					.item-category { border-bottom: 1px dotted #666; }
					.item-category-last {}
						.item-category h3, .item-category-last h3 { font-size: 14px; font-weight: normal; margin-top: 10px;				margin-bottom: 10px; }
						.item-category a, .item-category-last a { color: #990000; }						
						.item-listing, .item-listing-last { float: left; width: 100px; margin-right: 8px; }
						.item-img-last { margin-right: 0; }
							.item-listing p, .item-listing-last p { text-align: center; }
						
						#sub-images { margin-top: 15px;	}
							#sub-images img { margin-bottom: 5px; }
				
				#manuals img { float: left; margin-right: 12px; margin-bottom: 12px; }
				
				.staff-listing { margin-bottom: 10px; }
					.staff-image { float: left; width: 200px; margin-right: 15px; }
					.staff-text { float: left; width: 400px; }
						
				#news-gallery { float: left; width: 200px; margin-right: 20px; }
					#news-gallery img { margin-bottom: 20px; } 
				#news-details { float: left; width: 410px; }	
				.news-item { margin-bottom: 20px; }
					.news-item-image { float: left; width: 200px; margin-right: 15px; }
					.news-item-text { float: left; width: 430px; }
				
				.pagination { margin-bottom: 20px; }
				.pagination ul { margin: 0; padding: 0; text-align: center; font-size: 12px; }
				.pagination li { list-style-type: none; display: inline; padding-bottom: 1px; margin-right: 2px; }
				.pagination a, .pagination a:visited { padding: 5px 8px; border: 1px solid #003466; text-decoration: none; color: #003466; }
				.pagination a:hover, .pagination a:active{ border: 1px solid #003466; color: #FFF; background-color: #003466; }
				.pagination a.currentpage { background-color: #003466; color: #FFF !important; border-color: #003466; font-weight: bold;
				cursor: default; }
				.pagination a.disablelink, .pagination a.disablelink:hover { background-color: white; cursor: default; color: #003466; border-color: #003466; font-weight: normal !important; }
				.pagination a.prevnext { }
			
			#service-text { float: left; width: 425px; margin-right: 20px; }
			#service-images { float: left; width: 200px; } 	
				#service-images img { margin-bottom: 10px; } 
			
			#footer { padding: 10px 0 25px; border-top: 1px dotted #333; }
				#footer p {	font-size: 11px; text-align: center; padding-bottom: 0;	}
				#footer a.webdesign { text-decoration: none; }
				#footer a.webdesign:hover {	text-decoration: underline;	}
				
			
/******************** MISC *******************/				
.invisibleHeading {	display: none; }
.clearFloat { clear: both; height: 0; }
.icons { position: relative; top: -7px; left: 5px; }
.paraHeading { font-weight: bold; color: #333; padding-bottom: 5px; }
.paraLessBottom { padding-bottom: 5px; } 
.textRed, .textRedBold { color: #990000; }
.textGrey, .textGreyBold { color: #333; }
.textRedBold, .textGreyBold { font-weight: bold; }
.notice { font-size: 11px; font-style: italic; }
.warning { font-weight: bold; color:#990000; }
.imgFloatedLeft { float: left; margin-right: 10px; margin-bottom: 10px; }
.imgFloatedRight { float: right; margin-left: 10px;	margin-bottom: 10px; }
.extraimg {	margin-top: 20px; }	
		
/******************** FORM *******************/	
#formContact br { clear: left; }
#formContact label, #formContact input, #formContact select, #formContact textarea {
	font: small Arial, Helvetica, sans-serif;
	font-size: 95%;
	display: block;
	width: 180px;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	font-size: 100%;
	padding: 2px;
}
#formContact input, #formContact select, #formContact textarea { border: 1px solid #000; }
#formContact label { text-align: left; width: 100px; padding-right: 5px; border: none; }
#formContact .sendButton {	
	float: left;
	width: 100px;
	height: 20px;
	cursor: pointer;
	color: #FFF;
	font-weight: bold;
	border: none;
	display: block;
	background: #990000;	
}
#formContact .tinyInput { width: 20px; }
#formContact .wideLabel { width: 250px; }
#formContact input.hidden { border: none; line-height: 0; }
#formContact p { padding-bottom: 5px; }
#formContact input.hidden { display: none; }

.processButton, .backButton {
	border: 1px solid #006699;
	background: #006699;
	font-size: 14px;
	color: #FFF;
	width: 200px; 
	cursor: pointer;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 10px;
}
.backButton { width: 650px; margin-bottom: 10px; margin-top: 0; }

a.linkButton { border: 1px solid #006699; background: #006699; font-size: 14px; color: #FFF; width: 200px; cursor: pointer;
	margin-top: 10px; text-decoration: none; display: block; padding: 4px 0; text-align: center; }
	
#formSignup { }
#formSignup input { width: 90px; padding: 2px; border: 1ps solid #000; margin-bottom: 7px; }
.submitButton { margin-top: 5px; height: 23px; cursor: pointer; color: #FFF; font-weight: bold; border: none; display: block; background: #990000; width: 100px; font-size: 12px; }

/******************** TABLE *******************/	
#listTable { width: 100%; }
#tinyTable { width: 35%; }
#smallTable { width: 50%; }
#mediumTable { width: 75%; }
#optionsTable {	width: 100%; margin-bottom: 15px; }
#optionsTable tr { border: 1px solid #999; }
#optionsTable td { border: 1px solid #999; }
#optionsTable img { padding-top: 10px; padding-bottom: 10px; }

.extraTable { width: 100%; margin-bottom: 15px; }
.extraTable tr { border: 1px solid #999; }
.extraTable td { border: 1px solid #999; }
.extraTable img { padding-top: 10px; padding-bottom: 10px; }

td { padding: 2px; vertical-align: top; }
th { background: #CC1900; color: #FFF; }
tr.hilite {	background: #F5F5DC; }
tr.nohilite { background: #FFFFF2; }