/* - - - - - - - - - - - - - - - - - - - - -

Title : HerCar

Author : SiteSuite Australasia
Author URL : http://www.sitesuite.com.au

- - - - - - - - - - - - - - - - - - - - - */

/*
----------------------------------------------------------------------------- 
GLOBALS
-----------------------------------------------------------------------------*/

html {
	padding: 0;
	margin: 0 auto;
	background: url(/persistent/templateimages/bg.gif);
	}

body, normal{
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
	color: #5d4f4b;
	padding: 0 0 30px 0;
	margin: 0 auto 0 auto;
	text-align: center;
	background: url(/persistent/templateimages/top_bg.gif) repeat-x;
	}

img { border: none; }

ul, li {
	margin: auto;
	padding: auto;
	list-style: square;
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
	}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0
	}	

.fl {float:left;}
.fr {float:right;}

#stats { display: none; }
	
/*
----------------------------------------------------------------------------- 
LAYOUTS AND WRAPPERS
-----------------------------------------------------------------------------*/

#pageWrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}

	#memberLogin {
		width: 505px;
		height: 54px;
		padding: 0;
		margin: 0 0 0 495px;
		text-align: right;
		background: url(/persistent/templateimages/login_bg.png) left top no-repeat;
		}
		
		#memberForm {
			padding: 5px 50px 0 0;
			margin: 0;
			text-align: right;
			color: #fff;
			font: normal 11px Arial, Verdana, Helvetica, sans-serif;
			}

	#topCorners {
		margin: 19px 0 0 0;
		padding: 0;
		height: 16px;
		width: 1000px;
		background: url(/persistent/templateimages/topcorners.png) top left no-repeat;
		display: block;
		}
		
	#mainWrapper {
		width: 980px;
		height: auto;
		margin: 0;
		padding: 0 10px;
		background: url(/persistent/templateimages/main_bg.png) repeat-y;
		text-align: left;
		}
		
		#header {
			width: 980px;
			height: 90px;
			margin: 0 0 37px 0;
			padding: 0;
			}
			
			#header img {
				float: left;
				margin: 0;
				padding: 0;
				}
				
		#navBar {
			width: 980px;
			height: 22px;
			margin: 0;
			padding: 0;
			}
			
		#subBar {
			width: 980px;
			height: 28px;
			margin: 0 0 8px 0;
			padding: 0;
			background: #e6e5e3;
			}
			
			#breadcrumbs {
				float: left;
				width: 400px;
				margin: 0;
				padding: 7px;
				color: #544b46;
				}
				
				/*#breadcrumbs a {
		      color: #58a8ac;
				}*/
				
			#Search {
				float: right;
				width: 300px;
				margin: 0;
				padding: 0;
				text-align: right;
				line-height: normal;
				}
				
				#Search form {
					margin: 0;
					padding: inherit;
					}
					
				#Search img {
					display: inline;
					margin: 0;
					padding: 0;
					}
				
				.SearchInput {
					border: 1px solid #cccdcd;
					font: normal 11px Arial, Verdana, Helvetica, sans-serif;
					padding: 1px;
					width: 104px;
					margin: 5px 4px 0 0;
					vertical-align: top;
					}
		
		#contentWrapper {
			width: 980px;
			margin: 0;
			padding: 0;
			min-height: 300px;
			}
			
		#footer {
			width: 980px;
			margin: 0;
			padding: 5px 0 0 0;
			text-align: center;
			border-top: 1px dotted #999;
			color: #999;
			}

	#baseCorners {
		margin: 0 0 0 0;
		padding: 0;
		height: 15px;
		width: 1000px;
		background: url(/persistent/templateimages/basecorners.png) top left no-repeat;
		display: block;
		}
	
/*
----------------------------------------------------------------------------- 
MAIN NAVIGATION MENU
-----------------------------------------------------------------------------*/

/* -- Top Menu Sucker Fish 4 Level -- */

ul#nav, ul#nav ul {
	width: 980px;
	padding: 0;
	margin: 0;
	list-style: none;
	}

#nav li {
	float: left;
	padding: 0;
	margin: 0 2px 0 0;
	list-style: none;
	width: 87px;
	height: 22px;
	}
	#nav li.home { border-left: none; }

#nav li a {
	color: #fff;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	line-height: normal;
	display: block;
	text-decoration: none;
	padding: 4px 0 3px 0;
	margin: 0;
	text-align: center;
	background: url(/persistent/templateimages/nav_bg_tab.jpg) top;
	text-transform: lowercase;
	}
	#nav li a:hover { background: url(/persistent/templateimages/nav_bg_tab.jpg) bottom; }

#nav li.selected a { background: url(/persistent/templateimages/nav_bg_tab.jpg) bottom; }

	#nav li.selected a:hover { background: url(/persistent/templateimages/nav_bg_tab.jpg) bottom; }
		
#nav li#nav_last {
	width: 90px;
	margin: 0;
	}
	
	#nav li#nav_last a { background: url(/persistent/templateimages/nav_bg_tab_last.jpg) top; }
	
		#nav li#nav_last a:hover { background: url(/persistent/templateimages/nav_bg_tab_last.jpg) bottom; }

	#nav li#nav_last.selected a { background: url(/persistent/templateimages/nav_bg_tab_last.jpg) bottom; }
	
		#nav li#nav_last.selected a:hover { background: url(/persistent/templateimages/nav_bg_tab_last.jpg) bottom; }

/* -------- Drop down menu -------- */	

#nav li ul a, #nav li ul a:link, #nav li ul a:active, #nav li ul a:visited,
#nav li.selected ul a, #nav li.selected ul a:visited  {	
	font: normal 12px arial, helvetica, sans-serif;
	display: block;
	text-decoration: none;
	text-align: left;
	border-top: 1px solid #fff;
	color: #544b46;
	width: 155px;
	background-color: #e6e5e3;
	background-image: none;
	text-transform: none;
	padding: 6px 10px;
	}
		
#nav li ul a:hover, #nav li.selected ul a:hover { 
	color: #fff;
	background-image: none;
	background-color: #c3bdbc;
	}
	
#nav li ul {
	position: absolute;
	border-bottom: 0;
	left: -999em;
	height: auto;
	width: 175px;
	margin: 0;
	padding: 0;
	background: #000;
	}

#nav li li {
	background-color: none;
	background-image: none;
	width: 175px;
	height: 25px;
	margin:0;
	padding:0;
	}

#nav li ul ul { margin: -10px 0 0 160px; }

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul {
	left: -999em;
	}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul {
	left: auto;
	z-index: 500;
	}

#nav li:hover, #nav li.sfhover {
	color: #fff;
	}

*:first-child+html #nav li:hover, #nav li.hover {
   position: static;
	}

#nav li ul li:hover, #nav li ul li.sfhover { 
	background-image: none;
	background-color: #c3bdbc;
	}

/*
---------------------------------------------------------------------------- 
FOOTER NAVIGATION MENU
-----------------------------------------------------------------------------*/
	
ul#footernav, ul#footernav ul {
	width: 980px;
	padding: 0 0 4px 0;
	margin: 0;
	list-style: none;
	text-align: right;
	}

#footernav li {
	float: left;
	padding: 0;
	height: auto;
	margin: 0;
	list-style: none;
	width: 89px;
	height: 19px;
	background: #e6e5e3;
	}
	
	#footernav li.home { border-left: none; }

#footernav li a {
	color: #ABA5A3;
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
	line-height: normal;
	display: block;
	text-decoration: none;
	padding: 4px 0 3px 0;
	margin: 0;
	text-align: center;
	text-transform: lowercase;
	background: #e6e5e3;
	}
		
	#footernav li a:hover { 
		background: #8de2e9;
		text-decoration: none;
		color: #fff;
		}	
		
#footernav li#nav_last {
	width: 89px;
	margin: 0;
	}
	
/*
----------------------------------------------------------------------------- 
FOOTER STYLES
-----------------------------------------------------------------------------*/

#footer p {
	padding: 0;
	margin: 8px 0 0 0;
	}
		
#footer a {
	color: #666666;
	text-decoration: none;
	}
	
	#footer a:hover { text-decoration: underline; }

#footer p.copyright { color: #c2c4d6; }	

/*
----------------------------------------------------------------------------- 
MEMBER LOGIN FORM
-----------------------------------------------------------------------------*/

#memberForm a { color: #fff; }
	
	#memberForm a:hover { text-decoration: none; }

#memberForm form { margin: 8px 0 0 0; }

.loginTitle {
	color: #5d4f4b;
	font-size: 13px;
	padding: 0 10px 0 0;
	font-weight: bold;
	}
		
.memberInput {
	border: 1px solid #cccdcd;
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
	padding: 1px;
	width: 115px;
	}
	
.memberSubmit {
	background-color: #665955;
	border: 1px solid #665955;
	color: #fff;
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
	}
	
/*
----------------------------------------------------------------------------- 
HOME PAGE LAYOUT
-----------------------------------------------------------------------------*/

#mainPanel {
	float: left;
	width: 768px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}

	#leftPanel {
		background: #e6e5e3;
		text-align: center;
		float: left;
		width: 350px;
		margin: 0 8px 0 0;
		padding: 7px 0 0 0;
		}
		
		#leftPanel body {
			background: #e6e5e3;
			}
		
		#VideoNews {
			width: 336px;
			text-align: center;
			border: 1px solid #ccc;
			padding: 0;
			margin: 0 auto;
			}
			#VideoNews img {
				margin: 20px 0;
				}
			
		#CarReviewImage {
			width: 336px;
			padding: 0;
			margin: 0;
			background: #e6e5e3;
			text-align: center;
			}
			
		#CarType {
			width: 336px;
			padding: 0;
			margin: 10px 0 0 0;
			background: #fff;
			}
			
			#CarType h2{
				font-size: 16px;
				color: #6c5e5d;
				padding: 0 10px;
				}
				
			#CarType table {
				width: 100%;
				margin: 0;
				}

				/*#CarType td { padding: 10px; }*/

		#requestaQuote {
			width: 336px;
			margin: 10px 0 0 0;
			padding: 0;
			background: url(/persistent/templateimages/polls_bg.jpg) no-repeat #aca8a7;
			color: #fff;
			min-height: 211px;
			}
			
			#requestaQuote img { border: 0; }
	
		#LatestPoll {
			width: 336px;
			margin: 10px 0 0 0;
			padding: 0;
			background: url(/persistent/templateimages/polls_bg.jpg) no-repeat #aca8a7;
			color: #fff;
			min-height: 211px;
			}
			
			* html #LatestPoll { height: 211px; }
			
			#LatestPoll h2 {
				font-size: 26px;
				margin: 5px 10px 0 10px;
				padding: 5px 0 5px 130px;
				color: #fff;
				font-weight: normal;
				text-transform: lowercase;
				}
				
			#LatestPoll p {
				margin: 0 10px 0 10px;
				padding: 0 10px 0 130px;
				color: #fff;
				}

			#pollTable {
				margin: 0;
				padding: 0;
				border-spacing: 0;
				}
				
				#pollTable td.left { padding: 5px 10px 5px 135px; }
					
				#pollTable td.right {
					text-align: right;
					padding: 5px 5px 5px 20px;
					}
				
			#LatestPoll form {
				margin: 0;
				padding: 0;
				color: #fff;
				}
				
				#LatestPoll .radio {
					vertical-align: middle;
					margin: 0 5px;
					}
					
				#LatestPoll label {
					vertical-align: middle;
					color: #fff;
					margin: 0;
					padding: 0;
					}

				#LatestPoll .button {
					background-color: #58a8ac;
					border: 1px solid #58a8ac;
					color: #fff;
					font: normal 11px Arial, Verdana, Helvetica, sans-serif;
					padding: 2px;
					margin: 0 5px;
					}

		#preferredDealer {
			width: 345px;
			margin: 10px 0 0 0;
			padding: 4px 04;
			background: #e6e5e3 url(/persistent/templateimages/home_preferred_dealer.jpg) top center no-repeat;
			}
			
			#preferredDealer a {
				display: block;
				width: 335px;
				height: 150px;
				margin: auto auto;
				background: url(/persistent/templateimages/home_preferred_dealer.jpg) top left no-repeat;
				}
			
			#preferredDealer a:hover { background: url(/persistent/templateimages/home_preferred_dealer_on.jpg) top left no-repeat; }
					
		#QuickButtons {
			width: 345px;
			margin: 10px 0 0 0;
			padding: 8px 0 0 0;
			background: #e6e5e3;
			display: none;
			}
			#QuickButtons img { margin: 2px; }
			
		#LeftAd {
			width: 300px;
			margin: 10px auto 0 auto;
			padding: 16px 0 16px 0;
			background: #e6e5e3;
			text-align: center;
			overflow: hidden;
			}
			
		#LeftCompetition {
			width: 345px;
			margin: 10px 0 0 0;
			padding: 16px 0 16px 0;
			background: #e6e5e3;
			text-align: center;
			overflow: hidden;
			}

		.BlueBoxesNew {
			margin: 0 auto;
			padding: 10px 0;
			width: 335px;
			}
			
			* html .blueBoxesTop {height:1%;}
			
			.blueBoxesTop {
				padding: 5px 0 0 0;
				margin-bottom: 5px;
				background: url(/persistent/templateimages/bluebox_topborder.gif) no-repeat 0 0;
				}
			
			div#leftPanel .blueBoxesBottom {
				background: transparent url(/persistent/templateimages/bluebox_bottomborder.gif) no-repeat 100% 100%;
				}
					
					.blueBoxesInner {
						text-align: left;
						width: 151px;
						padding: 0 8px 5px 8px;
						float: left;
						background: url(/persistent/templateimages/bluebox_body.gif) repeat-y 0 0;
						}
					.BBL {margin: 0;}
					
						.blueBoxesInner h3 {
							font: bold 14px Arial, Helvetica, sans-serif;
							color: #61514a;
							padding: 0 0 5px 0;
							margin: 5px 0 8px 0;
							border-bottom: 1px dotted #5c868a;
							}
							.blueBoxesInner h3 a { color: #61514a; text-decoration: none; }
							.blueBoxesInner h3 a:hover { color: #fff; text-decoration: none; }
						
						.blueBoxesInner img { border: 0; }
						* html .blueBoxesTop,* html .blueBoxesBottom,* html #baseCorners,* html #topCorners { height: 1%; } /* Fix heights in IE */
						
						.blueBoxesInner p {
							font: bold 11px/18px Arial, Helvetica, sans-serif;
							color: #fff;
							padding: 0;
							margin: 0 0 8px 0;
							}
							
						.blueBoxesInner a {
							color: #fff;
							text-decoration: none;
							}
						.blueBoxesInner a:hover {
							text-decoration: underline; }			

#centrePanel {
	float: left;
	width: 406px;
	}	

#ContentArea {
	width: 406px;
	}			

	
			

/* ---------- ARTICLES FEED ---------- */

.posts, .posts li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	.posts li.exerpt {
		/*width: 406px;*/
		width:100%;
		margin: 0;
		padding: 0 0 20px 0;
		border-bottom: 1px dotted #999;
		overflow: auto;
		}
				
	.post-meta {
		font-size: 11px;
		color: #ccc;
		}
	
		.post-summary p {
			margin: 0;
			}
	
	h2.category-title {
		background: #e7f9fa;
		border: 2px solid #ebeae8;
		font-size: 16px;
		font-weight: bold;
		color: #6c5e5d;
		text-transform: capitalize;
		padding: 4px;
		margin: 0 0 7px 0;
		}
	
	li.exerpt img {
		border: 3px solid #ebeae8;
		display: block;
		}
			
	li.exerpt h2 {
		font-size: 13px;
		line-height: 13px;
		margin: 0;
		padding: 10px 0 5px 0;
		}
		
	.category-title h2 a { color: #34c0ca; }

	.post-summary-image {
		margin-right: 10px;
		margin-bottom: 0;
		}

	.post-longdesc ul,.post-longdesc li {
		list-style: square;
		}

	.rss {
		text-align: right;
		padding: 3px;
		margin: 0;
		font-size: 11px;
		}	

	#LatestNews img.rssImage {
		vertical-align: middle;
		padding: 0 4px;
		}

	.BlueBoxesInclude {
		width: 768px;
		margin: 5px 0 10px 0;
		padding: 0 0 50px 0;
		background: url(/persistent/templateimages/contents_bg_new.jpg) no-repeat;
		}
		
		* html .BlueBoxesInclude { height: 1%; }
		.BlueBoxes a, .BlueBoxes a:hover { color: #FFF; }
		
		#contentTableHome {
			width: 335px;
			margin: 12px 0 0 0;
			padding: 0;
			}

		#contentTableHome td {
			width: 167px;
			height: 133px;
			padding: 6px 10px;
			background: url(/persistent/templateimages/bluebox_bg.jpg) top center no-repeat;
			color: #fff;
			vertical-align: top;
			font-size: 12px;
			line-height: 12px;
			font-weight: bold;
			text-align: left;
			}

		#contentTableHome td p {
			color: #fff;
			vertical-align: top;
			font-size: 12px;
			line-height: 12px;
			font-weight: bold;
			margin: 0;
			padding: 4px 0 7px 0;
			}
		
	#advertBasebar {
		width: 768px;
		margin: 0;
		text-align: center;
		padding: 15px 0 0 0;
		}

#rightPanel {
	float: right;
	width: 207px;
	margin: 0;
	padding: 0;
	background: url(/persistent/templateimages/rightPanel_bg.jpg) repeat-y;
	}
	
	#rightPanelTop {
		width: 207px;
		height: 9px;
		background:url(/persistent/templateimages/rightPanel_top_bg.jpg) no-repeat;
		}
		
	#rightPanelBase {
		width: 207px;
		height: 12px;
		background: url(/persistent/templateimages/rightPanel_base_bg.jpg) no-repeat bottom left;
		}	
	
	#SponsoredLinks {
		width: 188px;
		border-bottom: 1px dotted #999;
		margin: 0 0 10px 9px;
		}
		
		#SponsoredLinks h2 {
			padding: 0;
			margin: 0 10px 5px 4px;
			color: #6c5e5d;
			font-size: 16px;
			font-weight: bold;
			text-transform: lowercase;
			}

		#SponsoredLinks table {
			margin: 0 0 0 4px;
		}
		
		#SponsoredLinks table img {
			padding: 4px 0 0 0;
		}
		div.thumb {
			float: left;
			display: block;
			width: 65px;
			padding: 4px 0 10px 0;
			margin: 0 0 0 4px;
			}		
				
		#SponsoredLinks p {
			float: left;
			display: block;
			width: 114px;
			margin: 0;
			padding: 0 0 10px 0;
			}	
				
		#SponsoredLinks a { font-weight: bold; }
	
	#TimesaverLinks {
		width: 188px;
		margin: 0 0 0 9px;
		padding: 10px 0;
		text-align: center;
		border-bottom: 1px dotted #999;
		}
	
	#advertTower {
		width: 188px;
		text-align: center;
		padding: 10px 0;
		background: #fff;
		margin: 0 0 0 9px;
		}

/*
----------------------------------------------------------------------------- 
DEFAULT LAYOUT
-----------------------------------------------------------------------------*/

	#defaultPanel {
	  width: 767px;
		margin: 0;
		padding: 0;
		}
		
		#maincontentwrap {
			margin-bottom: 10px;
			padding: 0 2px;
			}
		
		#Directorysearch {
			float: left;
			width: 287px;
		}
		
		#Adwrap {
			float: right;
			width: 300px;
			margin: 0;
			padding: 0;
		}

/*
----------------------------------------------------------------------------- 
HEADINGS
-----------------------------------------------------------------------------*/

h1 {
	margin: 10px 0;
	padding: 0;
	font-size: 16px;
	color: #34ccd9;
	font-weight: bold;
	}

div#maincontentwrap h1 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #34ccd9;
	font-weight: bold;
	}
	
h2 {
	font-size: 16px;
	margin: 0 0 10px 0;
	}

h3 {
	font-size: 12px;
	font-weight: bold;
	}

/*
----------------------------------------------------------------------------- 
DEFAULT FONT STYLES
-----------------------------------------------------------------------------*/

td, p {
	font: normal 12px/16px Arial, Verdana, Helvetica, sans-serif;
	color: #5d4f4b;
	margin: 0;
	padding: 0;
	}
	
p { margin-bottom: 16px; }

hr {
	border: none;
	border-top: 1px dotted #999;
	color: #fff;
	padding: 0 0 5px 0;
}

.boxgreen {
	border: 1px solid #61b5b9;
	padding: 5px;
}

fieldset { border: 0; padding: 0; margin: 0; }
	
/*
----------------------------------------------------------------------------- 
LINKS
-----------------------------------------------------------------------------*/

a { 
	text-decoration: none;
	color: #34ccd9;
	}
	
a:hover { text-decoration: underline; }
.txt { color: #F00; }

/*
----------------------------------------------------------------------------- 
Blue Side Boxes
-----------------------------------------------------------------------------*/
#sideBoxes {
	margin-bottom: 10px;
}

#sideBoxes p {
	padding: 0 5px;
	margin: 0 0 8px;
}


#sideBoxes td a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#sideBoxes td a:hover {
	color: #ffffff;
	text-decoration: underline;
}