/* imports */
@import url(../Scripts/greybox/gb_styles.css);

/* standard shell template */
html, body 
{
	margin: 0;
	padding: 15px 0px 15px 0px;
	border:0;
}

body
{		
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial;
	font-size: 70%;
	background: #000 url(../Images/Background.jpg) repeat-x top left;	
	text-align: center;	
	line-height: 18px;
	color: #FFF;
}

.clear{
	clear:both;
	overflow: hidden;
	display: none;
	height: 0px;			
}

/* redefine */
form 
{
	padding: 0px;
	margin: 0px;
	border: 0px;	
}

.standardformfield 
{
	font-family: Tahoma;
	font-size: 100%;
	color: #424142;
}

a 
{
	color: #FFF;
	text-decoration: underline;
}

a:hover 
{
	text-decoration: none;	
}

/* construct */
#wrapper 
{
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/	
	width: 847px;		
}
	
	#wrapper #leftcol
	{
		width: 273px;
		float: left;
		margin-top: 36px;
	}
	
		#wrapper #leftcol h1 
		{
			margin: 0px;
			padding: 0px;
			float: left;
		}
		
			#wrapper #leftcol h1 a 
			{
				width: 273px;
				height: 363px;
				display: block;
				background: url(../Images/leftPanelGraphics_01.jpg) no-repeat top left;
			}
			
				#wrapper #leftcol h1 a span 
				{
					display: none;
				}
				
		#wrapper #leftcol h2 
		{
			margin: 0px;
			padding: 0px;
			float: left;
		}
		
			#wrapper #leftcol h2 a 
			{
				width: 273px;
				height: 208px;
				display: block;
				background: url(../Images/leftPanelGraphics_02.jpg) no-repeat top left;
			}
				
				#wrapper #leftcol h2 a span 
				{
					display: none;
				}				
		
		#wrapper #leftcol #bottom 
		{
			margin: 0px;
			padding: 0px;
			float: left;
			width: 279px;
			height: 209px;
			background: url(../Images/leftPanelGraphics_03.jpg) no-repeat top left;
		}
				
	#wrapper #rightcol 
	{
		width: 505px;
		float: left;
		margin-left: 23px;
		padding: 0px 23px 0px 23px;		
	}
	
		#wrapper #rightcol #telnumber 
		{
			width: 505px;
			float: left;
			text-align: right;
			font-size: 130%;
			font-weight: bold;
		}
		
		#wrapper #rightcol #navigation 
		{
			width: 505px;
			float: left;
			margin-top: 18px;
		}
		
			#wrapper #rightcol #navigation ul 
			{
				margin: 0px;
				padding: 0px;
			}
			
				#wrapper #rightcol #navigation ul li 
				{
					display: inline;
					list-style-type: none;
				}
				
					#wrapper #rightcol #navigation ul li a 
					{
						width: 91px;
						height: 27px;
						display: block;
						float: left;
						margin-right: 12px;						
					}
					
						#wrapper #rightcol #navigation ul li.home a 
						{
							background: url(../Images/shellGraphics_05.gif) no-repeat top left;
						}						
						
						#wrapper #rightcol #navigation ul li.saleshire a 
						{
							background: url(../Images/shellGraphics_07.gif) no-repeat top left;
						}
						
						#wrapper #rightcol #navigation ul li.service a 
						{
							background: url(../Images/shellGraphics_09.gif) no-repeat top left;
						}
						
						#wrapper #rightcol #navigation ul li.parts a 
						{
							background: url(../Images/shellGraphics_11.gif) no-repeat top left;
						}
						
						#wrapper #rightcol #navigation ul li.contact a 
						{
							background: url(../Images/shellGraphics_13.gif) no-repeat top left;
							margin-right: 0px;
						}
						
						#wrapper #rightcol #navigation ul li a:hover, #wrapper #rightcol #navigation ul li.selected a
						{
							background-position: bottom left;
						}
						
						#wrapper #rightcol #navigation ul li a span 
						{
							display: none;
						}
				
		#wrapper #rightcol #content 
		{
			width: 505px;
			float: left;
		}
		
			#wrapper #rightcol #content h2
			{
				font-size: 250%;
				margin: 33px 0px 0px 0px;
				padding: 0px;
				font-weight: normal;
			}
			
			#wrapper #rightcol #content h3
			{
				font-size: 130%;
				margin: 33px 0px 0px 0px;
				padding: 0px;				
				font-family: Trebuchet MS;
				color: #FF9400;
			}
			
			#wrapper #rightcol #content p 
			{
				margin: 20px 0px 0px 0px;
				padding: 0px;
			}
			
				#wrapper #rightcol #content p .orangetext 
				{
					color: #FF940F;
				}
				
			#wrapper #rightcol #content ul 
			{
				margin: 0px;
				padding: 10px 0px 0px 30px;				
			}
			
				#wrapper #rightcol #content ul li 
				{
					list-style-image: url(../Images/OrangeBullet.gif);
				}
				
			/* Home Styles */
			#wrapper #rightcol #content #homebuttons 
			{
				width: 489px;
				float: left;
			}
			
				#wrapper #rightcol #content #homebuttons #saleshire 
				{					
					float: left;					
				}
					
					#wrapper #rightcol #content #homebuttons #saleshire a 
					{
						width: 476px;
						float: left;
						height: 76px;
						background: url(../Images/homeGraphics_20.jpg) no-repeat top left;
						display: block;
						padding: 34px 0px 0px 13px;
					}
				
				#wrapper #rightcol #content #homebuttons #service 
				{
					float: left;
					margin-top: 14px;
				}
				
					#wrapper #rightcol #content #homebuttons #service a 
					{
						width: 476px;
						float: left;
						height: 77px;
						background: url(../Images/homeGraphics_23.jpg) no-repeat top left;
						display: block;
						padding: 40px 0px 0px 13px;
					}
				
				#wrapper #rightcol #content #homebuttons #parts 
				{
					float: left;
					margin: 21px 0px 21px 0px;
				}
				
					#wrapper #rightcol #content #homebuttons #parts a 
					{
						width: 476px;
						float: left;
						height: 80px;
						background: url(../Images/homeGraphics_25.jpg) no-repeat top left;
						display: block;
						padding: 36px 0px 0px 13px;
					}	
					
					#wrapper #rightcol #content #homebuttons #saleshire a, #wrapper #rightcol #content #homebuttons #service a, #wrapper #rightcol #content #homebuttons #parts a 
					{
						text-decoration: none;
					}
					
						#wrapper #rightcol #content #homebuttons #saleshire a:hover, #wrapper #rightcol #content #homebuttons #service a:hover, #wrapper #rightcol #content #homebuttons #parts a:hover 
						{
							opacity: .5;
							filter: alpha(opacity=50);
						}
					
					#wrapper #rightcol #content #homebuttons #saleshire a .large, #wrapper #rightcol #content #homebuttons #service a .large, #wrapper #rightcol #content #homebuttons #parts a .large 
					{
						font-size: 290%;
						text-transform: uppercase;	
						float: left;
						line-height: 24px;
						width: 476px;
					}	
					
					#wrapper #rightcol #content #homebuttons #saleshire a .standardtext, #wrapper #rightcol #content #homebuttons #service a .standardtext, #wrapper #rightcol #content #homebuttons #parts a .standardtext 
					{
						float: left;	
						padding-top: 10px;					
					} 
					
			/* Page Styles */
			#wrapper #rightcol #gallerycontainer 
			{
				width: 505px;
				float: left;
			}
			
				#wrapper #rightcol #gallerycontainer .galleryimg 
				{
					float: left;
					margin: 22px 22px 0px 0px;
				}	
				
					#wrapper #rightcol #gallerycontainer .galleryimg a:hover 
					{
						opacity: .5;
						filter: alpha(opacity=50);
					}
				
				#wrapper #rightcol #gallerycontainer .galleryimg.lastimg 
				{
					margin-right: 0px;
				}
			
			/* Map */
			#wrapper #rightcol #contactmap 
			{
				width: 475px;
				background: #D9481B url(../Images/ContactBackground.jpg) no-repeat top left;
				padding: 33px 15px 15px 15px;
				height: 327px;
				position: relative;
				margin-top: 50px;
			}
			
				#wrapper #rightcol #contactmap #contactheader 
				{
					position: absolute;
					top: -17px;
					left: -13px;
				}
				
					#wrapper #rightcol #contactmap #contactheader h3 
					{
						margin: 0px;
						padding: 0px;						
						width: 189px;
						height: 41px;
						background: url(../Images/ContactHeader.jpg) no-repeat top left;
					}
					
						#wrapper #rightcol #contactmap #contactheader h3 span 
						{
							display: none;
						}
			
			/* Truck Mini Gallery */
			#wrapper #rightcol #truckgallery 
			{
				width: 505px;
				float: left;				
				margin: 10px 0px 30px 0px;
			}
			
				#wrapper #rightcol #truckgallery .truck 
				{
					width: 228px;
					float: left;
					color: #727272;
					margin-top: 10px;
				}
				
					#wrapper #rightcol #truckgallery .truck.spacer 
					{
						margin-left: 47px;
					}
					
					#wrapper #rightcol #truckgallery .truck a 
					{
						text-decoration: none;
					}
					
						#wrapper #rightcol #truckgallery .truck a:hover 
						{
							color: #B0B0B0;
						}
			
			/* Products List (Parts and Hire Page) */
			#wrapper #rightcol #productcontainer 
			{
				width: 491px;				
				border: solid 1px #4B1F13;
				margin-top: 20px;
				padding: 6px;
				float: left;
			}
			
				#wrapper #rightcol #productcontainer .product 
				{
					width: 491px;
					float: left;
				}
				
					#wrapper #rightcol #productcontainer .product.spacer 
					{											
						border-top: solid 1px #2A2A2B;	
						margin-top: 20px;		
						padding-top: 20px;								
					}
				
					#wrapper #rightcol #productcontainer .product .prodimage 
					{
						float: left;
						width: 129px;
						padding: 6px 0px 0px 0px;
					}
					
					#wrapper #rightcol #productcontainer .product .prodinfo 
					{
						float: left;
						margin-left: 14px;
						width: 320px;
					}
					
						#wrapper #rightcol #productcontainer .product .prodinfo h4 
						{
							margin: 0px 0px 10px 0px;
							padding: 0px;
							font-weight: normal;
							color: #DA481D;
						}
						
						#wrapper #rightcol #productcontainer .product .prodinfo p 
						{
							margin: 0px 0px 0px 0px;
							padding: 0px;
						}
						
						#wrapper #rightcol #productcontainer .product .prodinfo span 
						{
							color: #DA481D;
							font-size: 140%;
						}
						
						#wrapper #rightcol #productcontainer .product .prodinfo .extrainfo 
						{
							color: #DA481D;
							margin-top: 10px;
							font-size: 110%;
						}
			
			/* Enquiry Form */
			#wrapper #rightcol #enquiryform 
			{
				width: 475px;
				background: #8FC400 url(../Images/EnquiryBackground.jpg) no-repeat top left;
				padding: 33px 15px 0px 15px;
				height: 227px;
				position: relative;
				margin-top: 50px;
				float: left;
			}
			
				#wrapper #rightcol #enquiryform #enquiryheader 
				{
					position: absolute;
					top: -17px;
					left: -13px;
				}
				
					#wrapper #rightcol #enquiryform #enquiryheader h3 
					{
						margin: 0px;
						padding: 0px;						
						width: 189px;
						height: 41px;
					}
					
						#wrapper #rightcol #enquiryform #enquiryheader h3.sales 
						{
							background: url(../Images/EnquiryHeader_Sales.jpg) no-repeat top left;
						}
						
						#wrapper #rightcol #enquiryform #enquiryheader h3.service 
						{
							background: url(../Images/EnquiryHeader_Service.jpg) no-repeat top left;
						}
						
						#wrapper #rightcol #enquiryform #enquiryheader h3.parts 
						{
							background: url(../Images/EnquiryHeader_Parts.jpg) no-repeat top left;
						}
						
						#wrapper #rightcol #enquiryform #enquiryheader h3.contact 
						{
							background: url(../Images/EnquiryHeader_Contact.jpg) no-repeat top left;
						}
					
						#wrapper #rightcol #enquiryform #enquiryheader h3 span 
						{
							display: none;
						}
				
				#wrapper #rightcol #enquiryform #enquirycolone 
				{
					width: 177px;
					float: left;
				}
						
					#wrapper #rightcol #enquiryform #enquirycolone .enquiryfield 
					{
						color: #000;
						margin-top: 5px;
						width: 177px;
						float: left;						
					}
					
						#wrapper #rightcol #enquiryform #enquirycolone .enquiryfield input 
						{
							font-family: "Lucida Sans Unicode","Lucida Grande",Arial;
							font-size: 100%;
							color: #000;
							width: 171px;
							height: 18px;
							line-height: 18px;
							border: solid 0px;
							background: url(../Images/FormInputBackground.gif) no-repeat top left;
							padding: 3px;
							margin-top: 3px;
						}
					
				#wrapper #rightcol #enquiryform #enquirycoltwo 
				{
					width: 243px;
					float: left;
					color: #000;
					margin-top: 5px;					
					padding-left: 20px;
				}
					
					#wrapper #rightcol #enquiryform #enquirycoltwo textarea 
					{
						background: url(../Images/FormTextBackground.gif) no-repeat top left;
						font-family: "Lucida Sans Unicode","Lucida Grande",Arial;
						font-size: 100%;
						color: #000;
						width: 255px;
						height: 114px;
						margin-top: 3px;
						padding: 3px;						
					}	
					
				#wrapper #rightcol #enquiryform #submitbutton 
				{
					position: absolute;
					top: 220px;
					left: 424px;
				}				
		
		#wrapper #rightcol #footer 
		{
			width: 505px;
			float: left;	
			color: #7A7A7A;	
			margin-top: 30px;	
		}
		
			#wrapper #rightcol #footer ul 
			{
				width: 505px;
				float: left;
				margin: 5px 0px 0px 0px;
				padding: 0px;
			}
			
				#wrapper #rightcol #footer ul li 
				{
					text-transform: lowercase;	
					list-style-type: none;
					display: inline;
					padding-right: 5px;
				}
					#wrapper #rightcol #footer ul li.spacer 
					{
						background: url(../Images/FooterSpacer.gif) no-repeat left;						
						padding-left: 8px;
					}
					
					#wrapper #rightcol #footer ul li.designby 
					{
						padding-left: 159px;
					}
				
					#wrapper #rightcol #footer ul li a 
					{
						color: #7A7A7A;	
					}