/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}
/* subaru fonts */
@font-face {  
  font-family: "Eurostile";  
  src: url( /fonts/eurostile_extended.eot ); /* IE */  
  src: local("Eurostile Extended"), url( /fonts/eurostile_extended-2.ttf ) format("truetype"); /* non-IE */  
}
@font-face {  
  font-family: "Eurostile Bold";  
  src: url( /fonts/eurostile_extended_bold.eot ); /* IE */  
  src: local("Eurostile Extended Bold"), url( /fonts/eurostile_extended_bold.ttf ) format("truetype"); /* non-IE */  
}
/* Basic form styling */
/**********************************
Use:form template
Author:Nick Rigby
***********************************/
form fieldset{margin-bottom:0px;}
form legend{padding:0 2px;font-weight:bold;_margin:0 -7px;/* IE Win */}
form label{display:block;line-height:1.8;vertical-align:top;}
form fieldset ol{margin:0;padding:0;}
form fieldset li{list-style:none;padding:5px;margin:0;}
form fieldset ul.address li{padding:0px;}
form fieldset fieldset{border:none;margin:3px 0 0;}
form fieldset fieldset legend{padding:0 0 5px;font-weight:normal;}
form fieldset fieldset label{display:block;width:auto;}
form em{font-weight:bold;font-style:normal;color:#f00;}
form label{width:120px;}
/* Width of labels */
form fieldset fieldset label{margin-left:123px;}
/* Width plus 3 (html space) */
/*\*//*/ form legend{display:inline-block;}
/* IE Mac legend fix */
form{border:1px solid #cccccc;padding:10px 0px;}
form fieldset{padding:0 20px;}
form .error_message,form span.error{color:#ff0000;display:block;margin:4px 0;}
/*form .error_field{border:1px solid #ff0000 !important;}
*/
form input[type=text]:focus,form textarea:focus{border-color:#333333 !important;}
/****** Pagination and error Styles **********/
.pagination{margin:15px 0;padding-bottom:15px;}
.pagination li.pagination_link{float:left;margin-right:4px;padding:3px 0;}
.pagination li.pagination_link a,.pagination span{padding:2px 5px;}
.pagination li.pagination_link a,.pagination span.disabled{border:1px solid #009EE0;}
.user_errors,.user_messages{background:#F299A3;padding:10px 5px;margin:10px 0;}
.user_errors li,.user_messages li{padding:3px 0;color:#333333;margin:5px;list-style-type:none !important;}
.user_messages{background:#faecba;}
#user_message_box{margin-bottom:25px;}
/********* END Pagination and errors ****************/
#ui-datepicker-div{background:white;}
.ui-helper-hidden-accessible{display:none;}
/* Nasty clearfix hacks */
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/
.clearfix{display:block;}
/* End hide from IE Mac */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}


/**** DEALER STYLES ****/
*{
	color:#333;
	text-align:left;
	font-family:"lucida grande", "Trebuchet MS", tahoma, arial;
	line-height:1.4em;
}
html{background:#f7f7f7 url('/images/site/bg.gif') repeat-x left -40px;}
html#new-cars-html{background:#fff;}
strong,b{font-weight:bold;}
em,i{font-style:italic;}
iframe{background:url('/images/site/large-loader.gif') no-repeat center center;}
/* headings */
h1, h2, h3, h4{margin-bottom:1em;}
h1, h2{font-family:helvetica;}
h3{font-weight:bold;}
h1{
  font-family:"Eurostile", tahoma, arial;
	font-size:197%; /*26pt*/
	margin-bottom:0.6em;
	line-height:1em;
	text-transform:uppercase;
}
h1 span{
	display:block;
	font-size:65%;
}
h1, h1 span{color:white;}
#new-cars-html h1{
  font-size:138.5%;
  color:#666;
  text-transform:none;
  margin:10px 0;
}
h2{font-size:138.5%; /*18pt*/}
#content h2{
  font-family:"Eurostile Bold",arial;
  color:#0096d0;
  font-weight:bold;
  text-transform:uppercase;
  font-size:93%;
}
h2{border-bottom:1px solid #ccc;}
#main_banner_content h2{
  border-width:0;
  font-weight:bold;
  font-size:146.5%;
}
h3{font-size:116%;} /*15pt*/
h4{font-size:108%;} /*14pt*/
#content h2,#content h3, #content h4, #content h5, #content p{padding-left:20px;padding-bottom:3px;} /*pad main elements 20px so its looks like design*/
/* a tag */
a{color:#0096d0;}
#content a{text-decoration:underline;}
#content a:hover{color:#333333;}
#content h1 a,#content h2 a, #content h3 a, #content h4 a, #content h5 a{text-decoration:none;}
#content h1 a:hover,#content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover{color:#0096d0;}
 /*a to look like a button */
a.button, input.button{
	display:inline-block;
	font-family:arial;
	background:white url('/images/site/button-bg.gif') repeat-x bottom left;
	padding:10px 8px;
	color:#0096d0;
	text-decoration:none;
	font-size:77%;
	font-weight:bold;
	margin-bottom:0.3em;
	margin-left:8px;
	border:1px solid #e5e5e5;
	cursor:pointer;
	-moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-box-shadow:1px 0px 8px #e5e5e5;
  -moz-box-shadow:1px 0px 8px #e5e5e5;
}
  a.grid_button{
    padding:4px 6px;
    background:#318cb4;
    border-color:#318cb4;
    color:white !important;
    font-weight:normal;
    font-size:93%;
  }
td,th{font-size:93%;} /*12pt*/
/*p tags */
p{
	font-size:100%; /*13pt*/
	margin-bottom:1em;
}
.double p.first_para, .overview p.first_para{font-size:108%;} /*14pt*/
#dealer_summary p.first_para{font-size:93%;} /*12pt*/
/* lists */
ul li{margin:0 0 1em 15px;}
#main ul{margin-bottom:1em;}
#main ul li{list-style-type:disc;}
#content ul li{margin-left:35px;}
#main ul.opening_hours li, #main ul.address li{
	list-style-type:none;
	margin:0 0 2px 20px;
}
#main ul.opening_hours li strong{display:inline-block;width:90px;}
ol li{
	margin:0 0 1em 25px;
	list-style-type:decimal;
}
ul.navigation li, div.navigation ul li{
	float:left;
	display:block;
}

/** LAYOUT **/
#webpage{
	width:940px;
	margin:0 auto;
}
	#header, #main, #primary_navigation, #footer, #horizontal_navigation{width:100%;}

/** HEADER **/
#header{
	margin:0px auto 10px auto;
}
	#header #logo{float:left;width:52%;}	
	  #header #logo img{float:left;margin-right:10px;}
	  #header h3.dealer_title{
	    margin-top:8px;
  	  font-family:"Eurostile Bold", arial;
  	  color:#0096d0;
  	  text-transform:uppercase;
  	}
  	  #header h3.dealer_title span{
  	    font-family:"Eurostile Bold", arial;
  	    display:block;
  	    color:#898989;
  	  }
  	  
  #header #topbuttons{
    float:right;
    padding-top:14px;
  }

/** SECTION NAV **/
#section_navigation{
  background:#0076c3;
  border-bottom:1px solid #145985;
  margin-bottom:10px;
}
  #section_navigation li, #section_navigation li a{
    color:white;
    text-decoration:none;
    font-family:arial;
    line-height:1em;
  }
  #section_navigation li{
    position:relative;
    top:1px;
    margin:0;
    text-transform:uppercase;
    font-size:85%;
  }
    #section_navigation li#current_sect{}
    #section_navigation li a{
      position:relative;
      display:block;
      padding:9px 8px 10px 8px;
      text-shadow: 1px 1px 2px #135985;
    }
    #section_navigation li#current_sect a{
      font-weight:bold;
      background:url('/images/site/selected-top-nav.gif') no-repeat bottom center;
    }
    #section_navigation li.sep{
      font-size:77%;
      padding:8px 2px;
      text-shadow: 1px 1px 2px #135985;
    }
    #section_navigation li a:hover{
      background:url('/images/site/selected-top-nav.gif') no-repeat bottom center;
    }
    
/** VEHICLE NAVIGATION **/
#primary_navigation{
	background: url('/images/site/navigation-bg.gif') repeat-x bottom left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
	#primary_navigation li{
	  font-size:85%;
		margin:0;
		padding:0;
		display:block;
	}
	#primary_navigation li#selected{background:url('/images/site/navigation-selected.gif') repeat-x top left;}
	#primary_navigation .items_4 li{width:25%;}
	#primary_navigation .items_5 li{width:20%;}
	#primary_navigation .items_6 li{width:16%;}
	#primary_navigation .items_7 li{width:14.2%;}
	#primary_navigation .items_8 li{width:12%;}
	#primary_navigation .items_9 li{width:11%;}
	#primary_navigation .items_10 li{width:9%;}	

	#primary_navigation a{
		padding:6px 0 5px 0;
		font-family:helvetica;
		text-transform:uppercase;
		color:#898989;
		display:block;
		text-decoration:none;
		text-align:center;
		background:url('/images/site/navigation-seperator.gif') no-repeat center right;
	}
	#primary_navigation li a.last{background-image:none;}
/** HORIZONTAL / SECONDARY NAVIGATION **/
#horizontal_navigation{
	background: url('/images/site/horizontal-navigation-bg.gif') repeat-x top left;
	z-index:10; /*z index & pos relative so the selected nav pointer shows over the left hand nav*/
	position:relative;
}
	#horizontal_navigation li{
		margin:0;
		padding:0;
	}
	/** widths **/
	#horizontal_navigation ul.items_1 li{width:99.9%;} /*1 items*/
	#horizontal_navigation ul.items_2 li{width:49.9%;} /*2 items*/
	#horizontal_navigation ul.items_3 li{width:32.9%;} /*3 items*/
	#horizontal_navigation ul.items_4 li{width:24.9%;} /*4 items*/
	#horizontal_navigation ul.items_5 li{width:19.9%;} /*5 items*/
	  /*untested*/
	#horizontal_navigation ul.items_6 li{width:16.5%;} /*6 items*/
	#horizontal_navigation ul.items_7 li{width:13.9%;} /*7 items*/

	#horizontal_navigation a{
		padding:9px 0 18px 0;
		color:#333;
		display:block;
		text-decoration:none;
		text-align:center;
		position:relative;
		background:url('/images/site/horizontal-navigation-seperator.gif') no-repeat top right;
	}
	#horizontal_navigation #subnav_selected{background:url('/images/site/horizontal-navigation-selected.gif') no-repeat center top;}
	#horizontal_navigation li .end{background-image:none;}
	.end{border-bottom-width:0px !important; margin-right:0 !important;}
/** SIDE / TERTIARY NAVIGATION **/
#tertiary_navigation{
	background:#EDEDED;
	padding-bottom:10px;
}
	#tertiary_navigation ul.side_navigation{margin-bottom:0;}

	#tertiary_navigation li{
		list-style-type:none !important;
		margin:0 !important;
	}
	#tertiary_navigation li.lv0{
		border-bottom:1px solid #CCCCCC;
		padding:10px 0;
	}
		#tertiary_navigation li.top{border-top-width:0;padding-top:0;}
		#tertiary_navigation li.lv1{
			padding:6px 0;
			font-size:85%;
		}
		#tertiary_navigation li.lv0 a{
			background:transparent url('/images/site/arrow-right.gif') no-repeat scroll 20px center;
			color:#999999;
			display:block;
			padding-left:35px;
			text-decoration:none;
		}

		#tertiary_navigation li.active a{
			background-image:url('/images/site/arrow-right-selected.gif');
			color:#0096d0;
		}
			#tertiary_navigation li.active .sub a{
				color:#666;
				background-image:none;
			}
				#tertiary_navigation li.active .sub a:hover, #tertiary_navigation .sub li.selected a{text-decoration:underline;}
				 #tertiary_navigation .sub li.selected a{color:#0096d0;}

		#tertiary_navigation ul.sub{display:none;} /*hide all subs navs*/
		#page-sitemap #tertiary_navigation ul.sub{display:block;}
			/*except for active section*/
			#tertiary_navigation .active ul.sub, #page-sitemap #tertiary_navigation ul.sub{
				padding-top:5px;
				display:block;
				margin-bottom:0px;
			}
			#page-sitemap #tertiary_navigation ul.sub{margin-left:10px;}
/** BANNERS **/
#banner{
	width:100%;
	padding:0;
	margin:0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
  #page-index #banner{border-width:0;height:258px;}
    #page-index #banner #home_page_offer{
      padding:0 25px;
    }
    .flash_enabled_banner{padding:0 !important;}
      #page-index #banner #home_page_offer *{
        text-align:right;
        border-width:0;
        margin:-bottom:2px;
      }
      #home_page_offer h2, #home_page_offer h3, #home_page_offer h4{
        font-size:182%;
        padding-top:8px;
        font-family:"Eurostile Bold", arial;
        color:white;
        margin-bottom:2px;
      }
      
        #home_page_offer h2 a, #home_page_offer h3 a, #home_page_offer h4 a{
          font-family:"Eurostile Bold", arial;
          text-decoration:none;color:#00d5ff;
        }
        #home_page_offer h2 em, #home_page_offer h3 em, #home_page_offer h4 em{
          color:#00d5ff;
          display:block;font-family:"Eurostile Bold", arial;
          font-style:normal;
        }
	/*fixed height banner with big image in it*/
	.frontage_banner{height:310px;}
	/* copy container */
	.banner_copy{
		width:27.8%;
		padding:15px 20px 15px 20px;
		float:left;
		background:url('/images/site/banner-copy-trans.png') repeat top left;
	}
	body#page-index .banner_copy{padding:15px 20px 19px 20px;}
	.banner_copy *{color:white;} /*set everything to white text */
		.dealer_image{
			border:1px solid white;
			margin-bottom:15px;
			width:258px;
		}
		.banner_copy a.button{display:inline-block;float:left;}
		.banner_copy a.directions{float:right;}
	/*extra container - car images etc*/
	.banner_content{
		width:63%;
		padding:15px 15px 0 15px;
		float:right;
	}
	/* bg images - sections */
	.banner{background:url('/images/site/banners/new-page-index.jpg') no-repeat left top;}
	div.banner-dealer-information{background-image:url('/images/site/banners/page-dealer-information.jpg'); background-position:left -58px;}
	div.banner-finance-and-insurance{background-image:url('/images/site/banners/page-finance-and-insurance.jpg'); background-position:left -58px;}
	div.banner-offers{background-image:url('/images/site/banners/page-banner-offers.jpg'); background-position:left top;}

	/*cars*/
	/*forester*/
	div.banner-forester-2002{background-image:url('/images/site/banners/forester.jpg');background-position:left top;}
	/*impreza*/
	div.banner-impreza-2007{background-image:url('/images/site/banners/impreza.jpg');background-position:left top;}
	/*justy*/
	div.banner-justy-2007{background-image:url('/images/site/banners/justy.jpg');}
	/*legacy saloon*/
	div.banner-legacy-saloon-2003{background-image:url('/images/site/banners/legacy-saloon.jpg');}
	/*legacy sports tourer*/
	div.banner-legacy-sports-tourer-2003{background-image:url('/images/site/banners/legacy-sports-tourer.jpg');}
	/*new forester*/
	div.banner-forester-2008{background-image:url('/images/site/banners/new-forester.jpg');}
	/*outback*/
	div.banner-outback-2003{background-image:url('/images/site/banners/outback.jpg');}
	/*tribeca*/
	div.banner-tribeca-2006{background-image:url('/images/site/banners/tribeca.jpg');}
	/*wrx sti*/
	div.banner-wrx-sti-2008{background-image:url('/images/site/banners/wrx-sti.jpg');}

  div.banner-legacy-tourer-2010{background-image:url('/images/site/banners/legacy-tourer-2010.jpg');}
  div.banner-outback-2010{background-image:url('/images/site/banners/outback-2010.jpg');}
/** CONTENT **/
/* the generic container widths*/
.single{
	width:300px;
	padding:20px 0 0 0;
}
.double{
	width:620px;
	padding:20px 0 0 0;
}
.half{
	float:left;
	width:47%;
	margin-right:2%;
}
#page_content .half, #new_vehicles_overview .half, #dealer-information .half, #address_opening_times .half{float:left;}
.full{
	padding:20px 0;
	width:100%;
	margin-left:0 !important;
}
.item{
	padding-bottom:10px;
	margin-bottom:1em;
	border-bottom:1px solid #ccc;
}
img.inline{
  margin:0 0 1em 20px;
}
/*the right floated containers*/
#location_details, #list_content, #page_content, #new_vehicles_overview{
	float:right;
	margin-left:20px;
}
/*the left floated containers - normally single class*/
#latest_offers, #tertiary_navigation, #overview_introduction, #dealer_summary{float:left;}
#overview_introduction{padding-bottom:20px;}
#overview_introduction a.button{text-decoration:none;padding-right:95px;font-size:93%;}
#dealer_summary{background:#EDEDED;}
	#finance-and-insurance #tertiary_navigation, #finance-and-insurance #list_content, #finance-and-insurance #page_content, .move_up{margin-top:-23px !important;}

/* BANNER CONTENT */
	.grid .car, form .car{
		width:28%;
		padding:10px 1%;
		float:left;
		margin:0 2% 10px 0;
		background:url('/images/site/banner-car-bg.gif') repeat top left;
		height:106px;
		overflow:hidden;
		border:1px solid white;
		-moz-border-radius: 6px;
	  -webkit-border-radius: 6px;
		display:inline;
	}

	form .car{width:44%;margin-right:3%;margin-bottom:20px;}
	body form .car-last{margin-right:0 !important;}

	#colour_swatch{
		-moz-border-radius-topleft:6px;
		-moz-border-radius-topright:6px;
		background:transparent url('/images/site/view-photos-bg-trans.png') repeat-x scroll left top;
		margin-right:3%;
		padding:3px 0;
		width:49%;
		float:right;
		padding:4px 1% 3px 1%;
	}
		#colour_swatch *{color:white;}
		#main #colour_swatch ul{margin-bottom:0;}
		#main #colour_swatch li{margin:0 0 0 5px;}
	#main #colour_swatch li, #colour_swatch li a{
		display:block;
		width:12px;
		height:16px;
		overflow:hidden;
		padding:0;
		text-align:center;
	}
	#colour_swatch li a{
		width:10px;
		height:10px;
		margin-top:2px;
		border:1px solid white;
		cursor:default !important;
	}
	#colour_swatch li a span{display:none;}
	#main  #colour_swatch li a:hover{border-color:#ccc;}
	#main  #colour_swatch li.start{
		padding:1px 0 0 0;
		width:105px;
		font-size:85%;
	}
/* FORM */
form{
	padding:0 !important;
	border-width:0 !important;
}
form #available_cars{
	width:40%;
	float:left;
	padding:20px;
	background:#EDEDED;
}
form#contact_us{width:80%;}
	.car{opacity:0.8;}
	.car:hover{opacity:1;cursor:pointer;}
	form .car input:hover, form .car label:hover{cursor:pointer;}
	form .car input, form .car label{
		display:inline-block;
		margin-right:6px;
		line-height:1.4em;
		width:auto;
	}
	form input{color:#666;}
	form input.text_field{
		border:1px solid #ccc;
		background:url('/images/site/text-field-bg.gif') no-repeat top left;
		padding:6px 4px;
	}
	form ol label{
		font-size:108%;
		width:90%;
		display:inline-block;
		margin-bottom:4px;
	}
	form ol input.text_field{
		font-size:116%;
		width:96%;
		display:inline-block;
	}
	form textarea{
		width:97%;
		height:90px;
		border:1px solid #ccc;
		color:#666;
		font-size:116%;
	}
form #form_details{
	padding:20px;
	background:white;
}
	form #form_details ol{
		width:84%;
	}

	form li.submit{
		margin-top:15px;
		text-align:right;
	}
	form input.button{float:right;text-align:center;}
	form li .required{
		float:right;
		position:relative;
		left:-10px;
		top:6px;
		font-size:116%;
		font-weight:bold;
	}
	.required{color:red !important;}

	#location_details .offer_image{
	  float:right;
	  margin:0 0px 10px 10px;
	}
/** GOOGLE MAP **/
#google_map{
	width:610px;
	height:320px;
	border:5px solid #ccc;
	margin-bottom:20px;
}
#available_cars #google_map{
  margin-top:35px;
  width:365px;
  height:300px;
}
	.gmnoprint p{
	  padding:0 !important;
	  margin-bottom:5px !important;
	  font-size:85% !important; /*10pt*/
	}
	.gmnoprint h3{font-size:85% !important;}
	#main ul.obb_map_bubble_list li{
	  margin-left:0px;
	  list-style-type:none;
	  margin-bottom:0.1em;
	  font-size:85%;
	}
	#main ul.obb_map_bubble_list,#google_map p.obb_map_bubble_para{margin-bottom:0.3em;}
	#google_map p.obb_map_bubble_para{padding-left:0;font-size:85%;}
	.gmnoprint img.obb_map_bubble_image{
	  float:right;
	  margin-right:10px;
  }
.services a, .services a:hover,.services a:visited{
	display:block;
	padding:4px 0 4px 20px;
	text-decoration:none;
	color:black;
}
div.gmnoprint ul, #iw_kml ul{margin:5px 5px 5px 0px;}
div.gmnoprint li, #iw_kml li{list-style-type:none !important;margin-left:0px !important;margin-bottom:5px !important;font-size:85% !important;}
div.gmnoprint li strong, #iw_kml li strong,
div.gmnoprint li span, #iw_kml li span{display:inline-block;}
div.gmnoprint li strong, #iw_kml li strong{width:75px;}
div.gmnoprint li span, #iw_kml li span{width:110px;}
div.gmnoprint p strong{font-weight:bold;}
.gmnoprint .services a,.gmnoprint .services a:hover,.gmnoprint .services a:visited{display:inline-block;width:90px;}
.gmnoprint .services a{font-size:85%;}
a.facilities, a.facilities:hover{text-decoration:none !important;}
a.facilities_used_cars, a.facilities_used_cars:hover{cursor:pointer;}
.services a.facilities_used_cars{background:url('/images/facilities/used-cars.jpg') no-repeat center left;}
.services a.facilities_parts{background:url('/images/facilities/parts.jpg') no-repeat center left;}
.services a.facilities_sales{background:url('/images/facilities/sales.jpg') no-repeat center left;}
.services a.facilities_service{background:url('/images/facilities/service.jpg') no-repeat center left;}

/*** ERRORS **/
.user_errors, .user_messages{
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
	#form_details .user_errors, #form_details .user_messages{
		margin-top:0;
		margin-bottom:20px;
	}
/** FOOTER **/
#footer{
	padding:40px 0;
	width:100%;
	background:#949494 url('/images/site/footer-bg.gif') repeat-x top left;
}
  #page-index #footer{margin-top:40px;}
  #footer .full_page{
    width:940px;
    margin:auto;
    padding-bottom:20px;
    background:url('/images/site/footer-underline.gif') repeat-x bottom left;
  }
    #footer .footer_block{
      float:left;
      width:32%;
    }
  #footer *{color:white;font-family:arial;font-weight:normal;}
  #footer h4{font-size:93%;margin:0 0 14px 0;font-weight:bold;}
    #footer ul li{font-size:93%;margin:0 0 2px 0;}
    #footer ul.opening_hours strong{width:80px;display:inline-block;}
    #footer .footer_callback{
      padding-left:90px;
      height:200px;
      background:url('/images/site/subaru-phone.png') no-repeat top left;
      float:right;
      width:24%;
    }
    #footer a.button{
      background:#6a6a6a;
      border:1px solid #a49f9f;
      margin:0;
      -webkit-box-shadow:0px 0px 0px #6a6a6a;
      -moz-box-shadow:0px 0px 0px #6a6a6a;
      
    }
/** TWITTER DIV **/
#twitter{
  background:#ccc url('/images/site/twitter-icon-large.gif') no-repeat 10px 10px;
  padding:3% 2%;
  width:96%;
}
#twitter .tweet{
  padding-left:34px;
  padding-bottom:0;
}
#twitter .tweet,#twitter .tweet p, p.twitter_follow{margin-bottom:0;}





/*** SCROLLLER ****/
#scroller,#image_gallery{background:#fff url('/images/site/scroller-bg.gif') repeat-x top left;width:940px;height:138px;overflow:hidden;}
#scroller{height:140px;}
#car_list,#gallery_list{width:820px;margin:auto;margin-top:20px;}
#next,#previous,#next_image,#previous_image{float:right;width:25px;height:25px;margin-top:80px;}
#next_image,#previous_image{margin-top:98px;}
#previous,#previous_image{float:left;margin-left:15px;}
#next,#next_image{margin-right:15px;}
#next a,#previous a,#next_image a,#previous_image a{display:block;width:24px;height:24px;text-decoration:none;background:url('/images/site/scroller-navigation.gif') no-repeat top left;}
#next a,#next_image a{background-position:0px -48px;}
#next a.disabled,#next_image a.disabled{background-position:0 -72px;}
#previous a.disabled,#previous_image a.disabled{background-position:0 -24px;}
#next a span,#previous a span,#next_image a span,#previous_image a span{visibility:hidden;}
div.car h3{text-align:center;font-weight:normal;font-size:100%;}
div.car h3 a{text-decoration:none;color:#666666;}
.gallery_image{float:left;}
#gallery_list img{width:130px;display:block;}
.image_holder{text-align:center;}
#gallery_list .image_holder a{display:inline-block;padding:1px;border:1px solid #ccc;}
#view_gallery{width:26%;padding:3px 0;margin-left:5%;background:url('/images/site/view-photos-bg-trans.png') repeat-x top left;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;}
#view_gallery p{text-align:center;margin:0;}
#view_gallery a{padding-left:16px;color:white;text-decoration:none;background:url('/images/site/arrow-down-trans.png') no-repeat left center;}
#view_gallery a.visible{background-image:url('/images/site/arrow-up-trans.png');}



/*** TABS ****/
/* the main container of all the tabs */
.tabbed-container{width:100%;}
.ui-tabs-hide{display:none;}
#main #car_comparison_tabs{margin-bottom:0;}
.car_comparison_tabs li{display:block;margin:0 4px 0 0;position:relative;}
.car_comparison_tabs li a{display:table-cell;text-decoration:none;width:auto;max-width:100px;padding:2px 6px;text-align:center;line-height:1.2em;vertical-align:middle;height:40px;background:#EEE;border:1px solid #ccc;border-bottom-width:0;color:#B8B8B8;/* -moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;*/}
.car_comparison_tabs li a:hover{text-decoration:none;}
.car_comparison_tabs li.ui-state-active{margin-top:1px;}
.car_comparison_tabs li.ui-state-active a,.car_comparison_tabs li.ui-state-active a:hover{color:#0096d0;background:white;border-color:#ccc;border-bottom:1px solid white;}
.ui-tabs-hide{display:none;}
.car_comparison_tab_content{background:white;width:98%;padding:10px 1%;margin-bottom:25px;margin-top:-1px;border:1px solid #ccc;/* -moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;*/}
/*tab tables*/
table.comparison_table{width:100%;}
table.comparison_table td,table.comparison_table th{padding:3px 2px;font-size:93%;text-align:center;}
table.comparison_table .comparison_table_data_row th{padding-right:5px;}
td.hide_content em{display:none;}
table.comparison_table th{vertical-align:top;font-size:85%;}
table.comparison_table tr th,table.comparison_table tr th *{font-weight:bold;color:#0096d0;}
th span.transmission{font-size:77%;}
tr.comparison_table_heading_row th,tr.comparison_table_heading_row td,tr.comparison_table_heading_row th span{font-weight:bold;color:#0096d0;}
tr.comparison_table_data_row td,tr.comparison_table_data_row th{border-top:1px solid #ccc;}
tr.comparison_table_data_row td{font-size:85%;}
tr.comparison_table_data_row th{width:120px;}
table.car_price_data_comparison .comparison_table_heading_row th,table.car_price_data_comparison .comparison_table_data_row td{text-align:right;}
/*sort out some widths*/
/*on hover highlight*/
table.comparison_table tr.active td,table.comparison_table td.active{background:#E2E2E2;}
table.comparison_table tr.active td.active{color:#000;background:#C8D6FA;}
table.comparison_table tr.active th,table.comparison_table th.active{color:white;background:#0096d0;}
table.comparison_table tr.active th span,table.comparison_table th.active span{color:white;}



/*** LIGHTBOX ***/
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-caption{font-weight:bold;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}

img.attached_image{
  float:right;
  margin:0 0 15px 15px;
}
img.similar_car_image{
  left:150px;
  position:relative;
  top:-45px;
}
div.flash, img.offer_image{margin-bottom:10px;}


/** car grid layout **/
#car_grid{
  width:100%;
  height:130px;
  margin:10px auto;
  padding:0 !important;
}
#car_grid .grid_item{padding:0 !important;}

#car_grid .grid_item a{text-decoration:none;}
.grid_item .extras{display:none;}

#car_grid .active .extras, #car_grid .active .content{padding:10px;}


/* active styling */
#car_grid .active{
  background:white;
  border:1px solid #e9e9e9;
}
  /*hide the normal & show the extras */
  #car_grid .active .extras{display:block;}
    #car_grid .extras h3, #car_grid .extras h5{
      padding:0;
      text-align:left;
      margin-bottom:2px;
    }
    #car_grid .extras h3{font-size:138.5%;}
    #car_grid .extras h5{color:#0096d0;font-size:123.1%;}

    #car_grid .extras ul{margin-top:5px;}
      #car_grid .extras ul.buttons{
        margin-top:5px;
        margin-left:15px;
      }
      #car_grid .extras li{margin:0 10px 5px 0;font-size:93%;}
        #car_grid .extras li a{color:#333333;}
         #car_grid .extras .car-details a{text-decoration:underline;}
        #car_grid .extras img.large{width:290px;display:block;margin:0 auto;}
  #car_grid .active .content{display:none;}


.ui-widget-overlay {
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  background:#fff;
  opacity:0.5;
}
#car_grid .car{
  width:15%;
  padding:10px 0;
}
#content img.news_image{
	padding-left:20px;
}

/*used car copy*/
#used_car_bottom_copy{margin-top:15px;}
#used_car_top_copy{margin-bottom:15px;}