/* Copyright Slingshot 2007 | www.slingshot.co.uk
=================================================

	Contents:
	00. Imports
	01. Body, Container
	02. Header 
	03. Logos
	04. Navigation
	05. Left Column
	06. Middle Columns
	07. Right Column
	08. Boxes
	09. Footer & Copyright 
	10. Hiders, Padders, Spacers & Clearers
	11. Globals
	12. General Colours / Bolds
	
/*================================================
	0. IMPORTS
-------------------------------------------------*/

/*================================================
	1. Body, Container
-------------------------------------------------*/

body { 
	padding: 0; 
	margin: 0; 
	background: #fff; 
	font-family: tahoma, sans-serif; 
	font-size: 12px;
	text-align:center;
}
	body#bckThick{
			background:url(../layout/bck.jpg) top left repeat-x;
	}
	body#bckThin{
			background:url(../layout/bckThin.jpg) top left repeat-x;
	}
	
h1#logo { 
	padding: 14px 14px 14px 0px; 
	margin: 0 auto; 
	width: 936px; 
	height: 71px; 
	background: url(../layout/logo_car.gif) no-repeat 800px 8px; 
}

	h1#logo a { 
		width: 293px; 
		height: 68px; 
		display: block; 
		background: url(../layout/logo.gif) no-repeat; 
	}
	h1#logo span { 
		display: none; 
	}
	

#outerContainer{
	width:950px;
	margin:0px auto;
	text-align:left;
}



/*================================================
	2. Header
-------------------------------------------------*/
#banner { 
	height: 138px; 
	padding: 0; 
	margin: 0px 0px 50px 0px; 
}
	#banner .container { 
		height: 112px; 
		margin: 0 auto; 
		padding: 26px 0px 0 0;
	}
		#banner .container h2 { 
			padding: 0; 
			margin: 0 0 0 auto; 
			width: 380px; 
			height: 20px; 
			background: url(../layout/welcome.gif); 
		}
			#banner .container h2 span { 
				display: none; 
			}
		#banner .container p { 
			padding: 4px 0 0 6px; 
			margin: 0 0 0 auto; 
			width: 375px; 
			color: #fff; 
			line-height: 18px; 
			font-size:11px;
		}
	#banner .vw { 
		width: 338px; 
		height: 178px; 
		background: url(../layout/banner_vw.jpg) no-repeat; 
		position: absolute; 
		top: 86px; 
		left: 50%; 
		margin-left:-407px; 
	}
#bannerThin { 
	height: 46px; 
	padding: 0; 
	margin: 0px 0px 50px 0px; 
}
	#bannerThin .container { 
		height: 16px; 
		margin: 0 auto; 
		padding: 15px 50px 0 0;
	}
		#bannerThin .container h2 { 
			padding: 0; 
			margin: 0 0 0 auto; 
			width: 380px; 
			height: 20px; 
			background: url(../layout/welcome.gif); 
		}
			#bannerThin .container h2 span { 
				display: none; 
			}



/*================================================
	3. Logos
-------------------------------------------------*/

/*================================================
	4. Navigation
-------------------------------------------------*/

#nav { 
	width: 205px; 
	background: #1b8cd1; 
	padding: 0 10px 0px 20px; 
	margin: 0; 
	list-style: none; 
	color: #FFFFFF; 
	font-size: 12px; 
}
	#nav li { 
		padding: 10px; 
		background: url(../layout/nav_arrow.gif) no-repeat 180px 10px;  
	}
		#nav li a{
				color:#FFF;
				text-decoration:none;
		}
			#nav li a:hover{
					text-decoration:underline;
			}
	#nav li#currentNav{
		background:url(../layout/nav_current_bck.gif) no-repeat;
		padding-right:0px;
	}
		#nav li#currentNav ul{
				padding:20px 0px 10px 0px;
				margin:0px;
				list-style:none;
		}
			#nav li#currentNav ul li{
					background:none;
					padding:0px 0px 8px 0px;
			}
				#nav li#currentNav ul li a:hover,#nav li#currentNav ul li a#currentSubNav{
						color:#000;
						text-decoration:none;
				}
	#nav_top { 
		width: 235px; 
		height: 15px; 
		background: url(../layout/nav_top.gif) no-repeat; 
		margin: 20px 0 0 0; 
	}
	#nav_bottom { 
		width: 235px; 
		height: 15px; 
		background: url(../layout/nav_bottom.gif) no-repeat; 
	}


/*================================================
	5. Left Column
-------------------------------------------------*/
#content_left { 
	width: 235px; 
	float: left; 
}

	#content_left  #content_userlogin { 
		width: 182px; 
		height: 190px; 
		padding: 18px 26px; 
		margin: 0; 
		background: url(../layout/loginpanel_login.gif); 
	}
		#content_left  #content_userlogin h3 { 
			padding: 0; 
			margin: 0; 
			font-size: 12px; 
			color: #fff; 
			font-weight: normal; 
			height: 35px; 
		}
		#content_left  #content_userlogin p { 
			padding: 0 0 10px 0; 
			margin: 0; 
			font-size: 12px; 
			color: #fff; 
			font-weight: normal; 
		}
		#content_left  #content_userlogin .text { 
			width: 180px; 
			margin: 0; 
			border: 0px none; 
		}
		#content_left  #content_userlogin .registernow { 
			background: none; 
			width: 98px; 
			height: 25px; 
			padding: 0; 
			margin: 0 22px 0 0; 
			border: none;
			cursor:pointer;
		}
		#content_left  #content_userlogin .login { 
			background: none; 
			width: 58px; 
			height: 25px; 
			padding: 0; 
			margin: 0; 
			border: none;  
			cursor:pointer;
		}
		#content_left  #content_userlogin .divide { 
			height: 17px; 
		}
		#content_left  #content_userlogin .forgot { 
			padding: 18px 0 0 0; 
			font-size: 11px; 
			text-align: right; 
		}
			#content_left  #content_userlogin .forgot a{
				color:#FFF;
				text-decoration:none;
			}
				#content_left  #content_userlogin .forgot a:hover{
					color:#000;
					text-decoration:none;
				}
	#content_left  #content_userregister { 
		width: 198px; 
		height: 81px; 
		padding: 18px 18px; 
		margin: 0px 0px 20px 0px; 
		background: url(../layout/loginpanel_register.jpg);
		position:relative;
	}
		#content_left  #content_userregister h3 { 
			padding: 0; 
			margin: 0; 
			font-size: 12px; 
			color: #000; 
			font-weight: normal; 
			height: 35px; 
		}
		#content_left  #content_userregister p { 
			padding: 0 0 10px 0; 
			margin: 0; 
			font-size: 12px; 
			color: #000; 
			font-weight: normal; 
		}
		#content_left  #content_userregister a {
			position:absolute;
			width:120px;
			height:35px;
			bottom:15px;
			left:15px;
			
		}
		
		
	#content_left  #content_userlogout { 
		width: 182px; 
		height: 190px; 
		padding: 18px 26px; 
		margin: 0; 
		background: url(../layout/loginpanel_logout.gif); 
		position:relative;
	}
		#content_left  #content_userlogout h3 { 
			padding: 0; 
			margin: 0; 
			font-size: 12px; 
			color: #fff; 
			font-weight: normal; 
			height: 35px; 
		}
		#content_left  #content_userlogout p { 
			padding: 0 0 10px 0; 
			margin: 0; 
			font-size: 12px; 
			color: #fff; 
			font-weight: normal; 
		}
		#content_left  #content_userlogout a {
			position:absolute;
			width:100px;
			height:35px;
			bottom:45px;
			right:15px;
		}
		
/*================================================
	6. Middle Columns
-------------------------------------------------*/


/*================================================
	7. Right Column
-------------------------------------------------*/
#content { 
	width: 695px; 
	float: left; 
	margin: 0px 0px 0px 20px;

}
	#content  h1{
		font-size:18px;
		color:#1A8AD4;
		font-weight:bold;
		margin-top:0px;
	}
	
	#content  h2{
		font-size:14px;
		color:#000;
		font-weight:bold;
	}
	
	#content  h3{
		font-size:12px;
		color:#1A8AD4;
		font-weight:bold;
	}

	#content a{
		color:#1A8AD4;
		text-decoration:none;
	}
		#content a:hover{
			color:#000;
			text-decoration:none
		}
	
	#content #pageImageColumn{
		float:right;
		width:250px;
		margin:0px 0px 10px 10px;
		text-align:right;
	}
		#content #pageImageColumn img{
			margin-bottom:10px;
		}
	
	#content .stdForm{
	}
		#content .stdForm label{
				float:left;
				width:150px;
		}
		#content .stdForm u{
				text-decoration:none;
				display:block;
				margin-left:160px;
		}
		#content .stdForm input{
				width:250px;
		}
		#content .stdForm input.checkbox{
				width:auto;
		}
		#content .stdForm input.submitButton{
				width:auto;
		}
		
/*================================================
	8. Boxes
-------------------------------------------------*/
#classifiedList{
}
	#classifiedList div{
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #1A8AD4;
	}
		#classifiedList div img{
			width:150px;
			float:left;
			border:1px solid #000;
		}
		#classifiedList div u{
				text-decoration:none;
				display:block;
				margin-left:170px;
		}
		#content #classifiedList div u h2{
				color:#1A8AD4;
				font-size:18px;
				margin:0px;
				padding:0px;
		}
		#content #classifiedList div u h3{
				color:#000;
				font-size:16px;
				margin:0px;
				padding:0px;
		}
/*================================================
	9. Footer & Copyright
-------------------------------------------------*/
#footer{
		background:url(../layout/footer_bck.jpg) repeat-x top left;
		height:34px;
		margin:20px 0px;
		text-align:center;
}
	#footer div{
		width:830px;
		margin:0px auto;
		text-align:left;
		padding-top:10px;
		color:#FFF;
		font-size:11px;
	}
	#footer div span{
		float:right;
	}
		#footer div span a{
			color:#FFF;
			font-size:11px;
			text-decoration:none;
		}
			#footer div span a:hover{
				color:#000;
				text-decoration:none;
			}
			


/*================================================
	10. Hiders, Padders, Spacers & Clearers
-------------------------------------------------*/

/*================================================
	11. Globals
-------------------------------------------------*/
hr { display: none; padding: 0; margin: 0; }
.clearAll{clear:both;}
.hidden{display:none;}
.dividerLine_blue{border-bottom:1px solid #1A8AD4; line-height:1px; padding:0px; margin:10px 0px; height:1px;}
/*================================================
	12. General Colours / Bolds
-------------------------------------------------*/