@import url("layout.css");
@import url("enquiry.css"); /* Used and Enquiry Pages	*/
@import url("home.css"); /* Used and Enquiry Pages	*/
@import url("used.css"); /* Used and Enquiry Pages	*/


/*

#container 
		#branding
				#brandingHeader
				#brandingLogo
		#Nav
		#main
				#mainContent
						#mainContentBack
				#mainContentGallery				
				#mainContentImage 
		#footer
				#footerLinks
				#footerPhone

*/



html, 
body, 
div {
	font-family: Arial, Verdana, sans-serif; 
	font-size: x-small;
	margin: 0px 0px 0px 0px;
	padding: 0px;	
}
body {
	margin:0px 0px 0px 0px;
	width:100%;
	height:100%;
	background:#000000 no-repeat url(../../images/bg.jpg) top center;
	position:relative;	
	
}

p {
	margin: 8px 0px 8px 0px;
}

form  {
	margin: 0px;
	padding: 0px;
}


th
{
	font-weight: normal;
}


br {
	clear: both;
}



fieldset {
	margin-top: 10px;	
}

a {
	font-size: x-small;
	color:#003399;
	text-decoration: none;
}

a:hover, 
a:active {
		text-decoration: underline;
	}

a img {
	border-width: 0; 
	border-style: none;
}


.mainContentLinksList {
	list-style: none;
	margin: 15px 0px 5px 0px;
}

.mainContentLinksList li {
	background: url(../../images/arrowGreen.gif) no-repeat top left;	
	padding: 0px 0px 10px 0px;	
	margin: 0px;
}

.mainContentLinksList li a
{
	padding-left: 20px;
}


.textInput {
	background-color: #D4D0C8;
	width:80px;
}

.errorText
{	
	clear: both;
	display: block;
	color:#ff0000;
	font-size: x-small;
	padding-left: 0px;
}


		/*  branding --------------------- */
		
		#branding h2 {
			color:#FFFFFF;
			font-size: x-large;
			margin: 30px 0px 0px 0px;
			
		}
		
				/*  brandingLogo --------------------- */
				
				
				
				/*  brandingHeader --------------------- */
				
				#brandingHeader img{
					vertical-align: middle;
					border: 0px;
					margin:0px;
				}
				
				#brandingHeader h3 {
					color:#666;
					font-size: x-small;
					font-weight: normal;
					margin: 0px 0px 0px 30px;
					display: inline;
				}
				
				#brandingHeader p
				{
					float: right;
					font-size: medium;
					color: #fff;
					font-weight: bold;
					margin: 40px 15px 0px 0px;
					padding: 0px;
				}
		
				#brandingHeader a
				{
					font-size: medium;
					color: #fff;
					text-decoration: underline;
				}
				
				#brandingHeader a:hover
				{					
					text-decoration: none;
				}
		
		/*  Nav --------------------- */
		
						
		#Nav ul{
					list-style:none;
					margin: 0px;
					padding:0px;
					width:800px;
					float:left;
					
					
				}
		
		#Nav ul li{
			float:left;
			/*background: url(../images/arrow-darkgrey-right.gif) no-repeat top right;*/
			
			
		}
		
		#Nav ul li.CurrentTab {
			float:left;
			/*background: url(../images/tab-green-right.gif) no-repeat top right;*/
			
		}
	

		#Nav li a:link, 
		#Nav li a:visited {
			display: block;
			padding: 0px 15px 0px 20px;
			margin: 0px 5px 0px 0px;
			font: bold small Arial, Helvetica, sans-serif;
			line-height: 26px;
			background : url(../../images/arrow-darkgrey-left.png) no-repeat top left;
			background-color:#6C6C6C;
			text-decoration: none;
			color: #fff;
			float: left;
		}
		
		#Nav li a:hover, 
		#Nav li a:active {
			text-decoration: underline;
		}

		#Nav li.CurrentTab a:link, 
		#Nav li.CurrentTab a:visited {
			display: block;
			padding: 0px 15px 0px 20px;
			margin: 0px 5px 0px 0px;
			line-height: 26px;
			background : url(../../images/arrow-lightgrey-left.png) no-repeat top left;
			background-color:#FFFFFF;
			text-decoration: none;
			color: #000;
			float: left;
		}

		#Nav li.CurrentTab a:hover, 
		#Nav li.CurrentTab a:active {
			text-decoration: underline;
			
		}		
	
		
		
		/*  main --------------------- */
				
		
		#main h1 {
			color:#000000;
			font-size: large;
			margin: 10px 0px 0px 0px;
		}
		
		#main h2 {
			/*color: #399A71;*/
			font-size: small;
			margin: 10px 0px 0px 0px;
		}
		
		#main h3{
			color: #333;
			font-size: small;
			margin: 10px 0px 10px 0px;
		}
		
		#main p {
			color:#333;
			font-size: x-small;
			line-height: 150%;
		}
		
		#main .intro {
			font-weight:bold;
		}
		#mainContent .date {
			color:#999;
		}
		
		#main a:link, 
		#main a:visited {
			color:#003399;
			text-decoration: underline;
		}
		
		#main a:hover, 
		#main a:active {
			text-decoration: none;
		}
		
			/*  mainContent --------------------- */
		
			#mainContent hr {border: none 0; 
				border-top: 1px dashed #000;/*the border*/
				width: 60%;
				height: 1px;
				text-align:left;/*whatever the total width of the border-top and border-bottom equal*/
			} 				
				
		
		
				
				
				
		
		
				
		
		/*  footer--------------------- */
		#footer{
			
			
		}
		
		#footerLinks {
			float:left;
			padding:10px;
			margin:0px;
			color:#666;
			font-size:x-small;
			font-family:Arial, Helvetica, sans-serif;
		}
		
		#footerLinks ul{
			padding: 0px;			
			margin: 0px;			
			}
		
		#footerLinks li{
			display:inline;
			list-style:none;
			padding: 0px 12px 0px 0px;			
			}
		
		#footerLinks a:link, 
		#footerLinks a:visited {
			line-height: 130%;
			color:#666;
			text-decoration:none;			
		}
		
		#footerLinks a:hover, 
		#footerLinks a:active {
			text-decoration:underline;
		}
		
		#footerPhone{
			float:right;
			padding:10px;
			margin:5px;	
			color:#333;
			font-size:small;
			font-weight: bold;
		}
		
		#footerPhone a:link, 
		#footerPhone a:visited {
			line-height: 130%;
			color:#333;
			font-size:small;
			text-decoration:underline;			
		}
		
		#footerPhone a:hover, 
		#footerPhone a:active {
			text-decoration:none;
		}