/*

WebSite Accelerator 3
Stylesheet Master

Theme:		3-Column Streamline Template
Author:		Chris Harrison

Copyright 2005-2009 PowerServe International.
All Rights Reserved.

*/

	@import url("/include/scripts/css/reset.css");		/*Style Reset or Baseline*/
	@import url("/common/wsaglobal.css");				/* WSA Global Styles - DO NOT REMOVE! */

/* =Global */

	body {
		background:#1e1e1e url(/images/bg.png) repeat;
		color:#555;
		font:normal 12px/1.4 arial,helvetica,sans-serif;
		text-align:center;
	}
	#bgtop {
		background:url(/images/bg-top.png) repeat-x;
	}
/* =Container */
	#container {
		background:#fff;
		margin:0 auto;
		text-align:left;
		width:921px;
	}
	
/* =Header */	
	#header {
		background:#fff url(/images/bg_header.jpg) top left no-repeat;
		height:246px;
	}
	#header h1#logo {
		float:left;
		height:80px;
		margin-left:117px;
		text-indent:-9999px;
		width:300px;
	}
	#header h1#logo a {
		display:block;
		height:80px;
		position:relative;
		width:300px;
	}
	#header .tagline {
		color:#bbb;
		float:left;
		font-size:14px;
		font-style:italic;
		font-weight:bold;
		left:20px;
		position:relative;
		top:40px;
	}
	#header .offer {
		float:right;
		line-height:1;
		margin:25px 25px 0;
		width:180px;
	}
	#header .offer p {
		color:#fff;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
	}
	#header .offer h6 {
		color:#ed1c24;
		font-size:24px;
		font-weight:bold;
		margin:0;
		padding:0;
	}
	#header .offer h6 span {
		color:#fff;
	}

/* =Navigation */
	#navigation {
		background:url(/images/bg_nav.png) top left no-repeat;
		height:51px;
		float:left;
		margin:111px 0 0 9px;
		text-align:left;
		width:903px;
	}
	#navigation ul {
		list-style:none;
		text-indent:0;
	}
	#navigation ul li {
		display:inline;
	}
	#navigation ul li a {
		background:url(/images/bg_nav-div.gif) center right no-repeat;
		color:#474747;
		display:inline-block;
		font-size:14px;
		font-weight:bold;
		line-height:51px;
		margin:0;
		padding:0 24px 0 22px;
		text-transform:uppercase;
	}
	#navigation ul li.last a {
		background:none;
	}
	#navigation ul li a:hover {
		text-decoration:underline;
	}

/* =Main - Container for our 3 primary columns. */
	#main {
		background:url(/images/bg_main.gif) bottom center no-repeat;
		padding-bottom: 10px;
	}	
	#main #col1 {
		float:left;
		width:198px;
	}
	#main #col2 {
		float:left;
		padding:7px 8px 0 10px;
	}
	#main #col3 {
		float:right;
		width:140px;
	}
	#main .content {

	}
/* =Home - Homepage content. */
	#main .content #splash {
		background:#fff;
		float:left;
		height:294px;
		margin:0 6px 10px 0;
		width:604px;
	}
	#main .content #latestmodels {
		background:url(/images/bg_latestmodels.png) top left no-repeat;
		color:#fff;
		float:right;
		height:294px;
		width:293px;
	}
	#main .content #latestmodels .choosemake {
		height:60px;
		float:right;
		margin-top:6px;
		width:142px;
		
	}
	#main .content #latestmodels .choosemake ul {
		list-style:none;
		margin:0;
	}
	#main .content #latestmodels .choosemake li {
		display:block;
		float: left;
		height:28px;
		text-indent:-9999px;
		width:66px;
	}
	#main .content #latestmodels .choosemake li a {
		display:block;
		height:28px;
		position:relative;
		width:66px;
	}
	#main .content #latestmodels .choosemake a.jaguar {
		background:url(/images/btn_jaguar.png) bottom left no-repeat;
	}
	#main .content #latestmodels .choosemake a.landrover {
		background:url(/images/btn_landrover.png) bottom left no-repeat;
	}
	
	#main .content #latestmodels .choosemake .active-thumb a{ background-position: top; }
	
	#main .content #latestmodels table {
		height:190px;
		margin:0 auto;
		width:263px;
	}
	#main .content #latestmodels table td {
		text-align:center;
	}
	#main .content #latestmodels table td p {
		margin:0 0 4px 0;
		font-weight:bold;
	}
	#main .content #latestmodels .viewall {
		display:block;
		margin:4px 20px 0 0;
	}
	
	
	
	
	#main .content #specials {
		background:url(/images/bg_specials-bottom.png) bottom left no-repeat;
		color:#fff;
		float:left;
		min-height:126px;
		margin-bottom:10px;
		width:902px;
	}
	#main .content #specials .top {
		background:url(/images/bg_specials-top.png) top left no-repeat;
		min-height:79px;
	}
	#main .content #specials table {
		border-spacing:7px;
		float:right;
		margin:1px 11px 3px 0;
		width:737px;
	}
	#main .content #specials table td {
		background:#ababab;
		border:1px solid #090909;
		vertical-align:top;
	}
	#main .content #specials table td .special {
		padding:12px 16px 3px 14px;
	}
	#main .content #specials table td h3 {
		color:#474747;
		font-size:17px;
		font-style:normal;
		font-weight:bold;
	}
	#main .content #specials table td p {
		color:#474747;
		font-size:12px;
		line-height:1.1em;
		margin:0;
	}
	#main .content #specials table td a.more {
		background:url(/images/bg_more.gif) center right no-repeat;
		color:#fff;
		float:right;
		font-size:12px;
		padding:0 9px;
		text-decoration:none;
	}
	#main .content #specials table td a.more:hover {
		text-decoration:underline;
	}
	#main .content #featured {
		background:url(/images/bg_featured.png) top left no-repeat;
		color:#fff;
		float:left;
		height:252px;
		margin:0 7px 0 0;
		width:603px;
	}
	#main .content #featured .choosemake {
		height:60px;
		float:left;
		margin-top:84px;
		margin-left:15px;
		width:142px;
		
	}
	#main .content #featured .choosemake ul {
		list-style:none;
		margin:0;
	}
	#main .content #featured .choosemake li {
		display:block;
		float: left;
		height:28px;
		text-indent:-9999px;
		width:66px;
	}
	#main .content #featured .choosemake li a {
		display:block;
		height:28px;
		position:relative;
		width:66px;
	}
	#main .content #featured .choosemake a.jaguar {
		background:url(/images/btn_jaguar.png) bottom left no-repeat;
	}
	#main .content #featured .choosemake a.landrover {
		background:url(/images/btn_landrover.png) bottom left no-repeat;
	}
	#main .content #featured .choosemake .active-thumb a {
		background-position: top;
	}	
	
	#main .content #quicksearch {
		background:url(/images/bg_quicksearch.jpg) top left no-repeat;
		float:right;
		height:252px;
		width:292px;
	}
	#main .content #quicksearch table {
		color:#fff;
		margin:80px auto 0;
		width:268px;
	}
	#main .content #quicksearch td {
		background:url(/images/bg_searchfield.png) top left no-repeat #656565;
		border:1px solid #0e0e0e;
		color:#fff;
		padding:3px 0;
	}
	#main .content #quicksearch label {
		display:block;
		float:left;
		text-align:right;
		margin-right:22px;
		width:99px;
	}
	#main .content #quicksearch select {
		width:114px;
	}
	#main .content #quicksearch .search {
		float:right;
		margin:4px 11px 0 0;
	}
	
	
	#main .content a {
		color:#ed1c24;
		font-weight:bold;
		text-decoration:underline;
	}
	#main .content img.resource {

	}
	#main .content h1 {
		clear:both;
		font-size:24px;
		font-style:italic;
		font-weight:bold;
	}
	#main .content h2 {
		clear:both;
		font-size:31px;
		font-weight:bold;
		text-transform:uppercase;
	}
	#main .content h3 {
		font-size:16px;
		font-weight:bold;
		line-height:1;
		margin:0 0 .5em;
	}
	#main .content h4 {
		font-size:13px;
		font-weight:bold;
	}
	#main .content ol {
		font-size:12px;
		list-style:decimal;
		margin:0 0 1em 2em;
		text-indent:0;
	}
	#main .content p {
		font-size:12px;
		margin:0 0 1em;
	}
	#main .content p strong {
		font-weight:bold;
	}
	#main .content ul {
		font-size:12px;
		list-style:square;
		margin:0 0 1em 2em;
		text-indent:0;
	}
	#main .content ul.forms {
		list-style:none;
		margin:0;
		text-indent:0;
		float:left;
		width: 425px;
	}
	#main .content ul.forms sup {
		line-height: 0;
	}
	
	#main .content ul.forms li {
		clear:both;
		display:block;
		margin:0 0 5px;
		vertical-align:top;
	}
	
	#main .content ul.forms li span { clear: both; float: left; padding: 3px 0; }
	
	#main .content ul.forms li label {
		float:left;
	}
	#main .content .contact-right { background: #eee; border: 1px solid #ccc; float: right; padding: 10px; width: 200px; }
	#main .content ul.forms li input[type=text],
	#main .content ul.forms li select,
	#main .content ul.forms li textarea {
		clear: both; float: left;
	}

	#main .sidebar {
		padding:15px;
	}
	#main #col1.sidebar .module {
		text-align:right;
	}
	#main #col3.sidebar .module {
		text-align:center;
	}
	#main .sidebar .module {
		display:block;
		margin:0 0 15px;
	}
	#main .sidebar .module dl {
		font-size:12px;
		margin:0 0 15px;
	}
	#main .sidebar .module dl dt {
		font-weight:bold;
	}
	#main .sidebar .module dl dd {
		font-style:italic;
	}
	#main .sidebar .module dl dd a {
		color:#ed1c24;
		font-size:8px;
		font-style:normal;
		font-weight:bold;
		text-decoration:underline;
		text-transform:uppercase;
	}
	
	#main .sidebar .module h3 {
		background:url(/images/bg_sidebar_headers.png) repeat-y;
		font-size:12px;
		font-style:italic;
		font-weight:bold;
		margin:0 -15px 5px;
		padding:7px 15px;
		text-align:right;
		text-transform:uppercase;
	}

	#main .sidebar .module blockquote {
		background:url(/images/quotemarks.gif) no-repeat;
		line-height:1.6;
		padding:0 1px 0 10px;
		text-align:right;	
	}
	#main .sidebar .module blockquote p {
		font-size:15px;
		font-style:italic;
		letter-spacing:-1px;
	}
	#main .sidebar .module blockquote cite {
		background-image:none;
		color:#ccc;
		cursor:default;
		font-size:12px;
		font-style:italic;
		margin:0;
		padding:0;
	}
	#main .sidebar #links.module ul {
		list-style:none;
		text-align:right;
	}
	#main .sidebar #links.module ul li {
		font-size:12px;
		padding:0 0 5px;
	}
	#main .sidebar #links.module ul li a {
		color:#ec1d24;
		font-weight:bold;
		text-decoration:underline;
	}

	#main .sidebar #contact-info {
		text-align:center;
	}
	#main .sidebar #contact-info h5 {
		font-size:13px;
		font-weight:bold;
	}
	#main .sidebar #contact-info h6 {
		font-size:12px;
		font-weight:bold;
		margin:1em 0;
	}
	#main .sidebar #contact-info p {
		color:#ccc;
		font-size:11px;
	}
	#main .sidebar #contact-info a {
		color:#ed1c24;
		display:block;
		font-size:10px;
		font-weight:bold;
		margin:0 0 1em;
		text-decoration:underline;
		text-transform:uppercase;
	}
	#main .content #rightbar {
		background:#ccc;
		float:right;
	}
	
	
	
	#main .content #infobar {
		background:url(/images/bg_infobar.png) top left no-repeat;
		float:left;
		height:51px;
		margin-top: 10px;
		width:903px;
	}
	#main .content #infobar table {
		color:#fff;
		font-size:14px;
		margin:5px auto 0;
	}
	#main .content #infobar table td {
		padding:0 10px;
		width:152px;
	}
	#main .content #infobar table td.divider {
		background:url(/images/bg_infobar-div.png) center right no-repeat;
		width:150px;
	}
/* =Footer */
	#footer {
		color:#fff;
		font-weight:bold;
		margin:0 auto;
		padding-bottom:20px;
		width:921px;
	}
	#footer a {
		color:#fff;
	}
	#footer a:hover {
		color:#fff;
		text-decoration:underline;
	}
	#footer #links { 
		background:url(/images/bg_footer.gif) top center no-repeat;
		float:right;
		height:41px;
		line-height:31px;
		text-align:center;
		width:300px;
	}							/* Bottom navigation. */
	#footer #links ul {
		list-style:none;
		margin:0;
		text-indent:0;
	}
	#footer #links ul li {
		display:inline;
		font-size:11px;
	}
	#footer #links ul li a {
		color:#fff;
		font-weight:bold;
		margin:0;
		padding:5px 10px;

	}
	#footer #links ul li a:hover {

	}
	#footer #copyright {
		font-size:11px;
		float:right;
		margin:5px 14px 0 0;
		text-align:right;
		width:297px;
	}
	#footer #copyright a {

	}

	#maincontent.rightbar {
		float:left;
	}
	
/* Gallery Page */
#main .content .main-pic { background: #000; float: left; margin: 0 0 10px 5px; padding: 5px; width: 160px; }

#main .content .main-pic h3 { color: #fff; float: left; font-size: 13px; margin: 0; padding-top: 4px; width: 160px; }
#main .content .main-pic .car-pic img { width: 160px; }

#main .content .box { background: #ddd; border: 1px solid #999; clear: both; margin-bottom: 20px; padding: 10px; }	
#main .content .box h3.subheading { color: #fff; background: #555; padding: 4px; }

	
/* Gallery Detail Page */
#main-pic { background: #000; float: right; margin: 0 0 10px 10px; padding: 10px; width: 381px; }
#main-pic h3 { color: #fff; float: left; }
#main-pic #car-pic { background: #fff; clear: both; text-align: center; }
#main-pic #color-controls { background: #fff; padding: 3px; text-align: center; }
#main-pic #color-controls img { cursor: pointer; margin: 0 2px; }

#view-360 { clear:right; background: #cecece; float: right; margin-left: 17px; padding: 10px; }
#view-360 h3 { color: #555; }
#view-360 #flash { background: #fff; text-align: center; }
#view-360 #flash #external { display: none; }
#view-360 #flash-controls { background: #fff; padding: 3px; text-align: center; }
#view-360 #flash-controls img { cursor: pointer; margin: 0 2px; }

#main-pic #car-pic div { display: none; }
#main-pic #car-pic div.active { display: block; }

#color-nav { float: right; text-align: right; }
#car-detail { float: left; width: 485px; }
#car-detail .callout { background: #f7f7f7; border: solid #cacaca; border-width: 1px 0; padding: 5px 10px; margin: 10px; width: 452px; }	
#car-detail .callout p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 23px; font-style: italic; margin: 0; }
/*
	SLIDER
*/
.slider-wrap								{  float:right; position: absolute; width: 434px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 287px; height: 224px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; height: 224px; }

.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; }
#main .content .stripViewer .panelContainer .panel ul { list-style: none; margin: 0; padding: 0; }
#main .content .stripViewer .panelContainer .panel ul li { float: left; height: 206px; overflow: hidden; padding: 6px 6px 6px 5px; position: relative; text-align: center; width: 422px; }
#main .content .stripViewer .panelContainer .panel ul li img { border: 1px solid #242424; }
#main .content .stripViewer .panelContainer .panel ul li div.details { bottom: -4px; left: 0; position: absolute; text-align: center; width: 432px; }

#main .content .stripViewer .panelContainer .panel ul li .data { border-collapse: collapse; border-spacing: 0; display: inline; padding: 6px 32px 19px; }
#main .content .stripViewer .panelContainer .panel ul li .data .carinfo { background: url('/images/btn.featured.detail.png') top left no-repeat; padding: 6px 0 0 0; width:183px;}
#main .content .stripViewer .panelContainer .panel ul li .data img { border: none; }
#main .content .stripViewer .panelContainer .panel ul li .data .price { display: block; }

#main-photo-slider.stripViewer .panelContainer .panel { width: 287px; }
#featured-photo-slider.stripViewer .panelContainer .panel { height: 219px; width: 433px; }

/* #featured-photo-slider.stripViewer .panelContainer .panel .prev { left: 0; position: absolute; }
#featured-photo-slider.stripViewer .panelContainer .panel .next { left: 150px; position: absolute; } */

.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 162px; position: relative;  z-index: 9998; }
#services li.active-thumb a 			{ background-position: 0 -81px; }
	
#featured-photo-slider { background: url('/images/featured-bg.jpg') top left no-repeat; margin-top: 15px; width: 433px;}


/* =Hacks, Fixes, and Bears - Oh My! */
	.clearfix {
		clear:both;
	}