/* ==== Junction 13 Stylesheet - Bluesky Interactive ==== */

/* ==== common ==== */

body, html {
margin: 0; 
padding: 0;
font-family: Tahoma, Trebuchet MS, sans-serif;
color: #d8d8d8; 
font-size: 11px;
background: #1e1e1e;}	
#contentwrapper {
background: url(/images/contentwrapper-bg.jpg) top center repeat-x #131313;
width:100%;}
#footerwrapper {
border-top: solid 1px #353535;
background-color:#1e1e1e;
width:100%;}
img {
margin: 0; 
padding: 0;
border: 0;}
.notes {
font-size: 10px;
line-height: 15px;
color: #949494;}
.clear {
clear: both;
height: 0px;
overflow: hidden; }
#pages {
width: 948px;
margin: 0 auto;
padding: 0;}



/* ====== header ====== */

#header {
width: 948px;
height: 95px;
padding: 0;}

.headerleft {
width: 351px;
float: left;}

.headerright {
width: 581px;
text-align:right;
float: right;}



/* ====== nav ====== */

#nav {
width: 948px;
height: 36px;
margin: 0 0 0 0;
padding: 0;
background: url(/images/nav/nav-bg.jpg) top left no-repeat;
font-size: 11px;}	



ul.dropdown li:hover > ul {
visibility: visible;}
/* top level navigation link styling */
ul.dropdown,
ul.dropdown li {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #ffffff;
	position: relative;
	z-index: 597;
	float: left;
	vertical-align: middle;
}
ul.dropdown a:link,
ul.dropdown a:visited {
	margin: 0;
	display: block;
	padding: 8px 15px 8px 14px;
	color: #292424;	
	text-decoration: none;
	background: url(/images/nav/nav-border.jpg) top right no-repeat;
	font-weight: bold;
}
ul.dropdown a:hover {
	margin: 0;
	display: block;
	padding: 8px 15px 8px 14px;
	color: #fff;
	text-decoration: none;
	background: url(/images/nav/nav-hover.jpg) top right no-repeat;
	font-weight: bold;
}
/*drop-down navigation block link styling */
ul.dropdown ul {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
}
ul.dropdown ul a:link,
ul.dropdown ul a:visited {
	width: 144px;
	display: block;
	border-top: solid 1px #424141;
	margin: 0;
	padding: 5px 0 5px 6px;
	color: #fff;
	background: #555454;
}
ul.dropdown ul a:hover {
	width: 144px;
	display: block;
	margin: 0;
		border-top: solid 1px #424141;
	padding: 5px 0 5px 6px;
	color: #fff;
	background: url(/images/nav/hover.gif) repeat-x #933b3c;
}
/* drop out navigation block link styling */
ul.dropdown ul li ul {
	float: left;
	width: 158px;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 100%;
	display: block;
}
ul.dropdown ul li ul a:link,
ul.dropdown ul li ul a:visited {
	width: 172px;
	display: block;
	margin: 0;
	padding: 5px 0 5px 6px;
		border-top: solid 1px #424141;
	color: #fff;	
	background: #555454;
}
ul.dropdown ul li ul li a:hover {
	width: 172px;
	display: block;
	margin: 0;
	padding: 5px 0 5px 6px;
		border-top: solid 1px #424141;
	color: #fff;
	background: url(/images/nav/hover.gif) repeat-x #933b3c;
}



/* ==== layout ==== */

#content {
	width: 948px;
	margin: 0;
	padding: 10px 0 10px 0;
background: url(/images/content-bg.jpg) top left no-repeat #131313;}
	
#left p {
	margin: 0 0 12px 0;
	line-height:20px;}
	
#main p {
	margin: 0 0 12px 0;
	line-height:20px;}


/* ==== other pages layout ==== */

#left {
float: left;
width: 228px;
margin: 0;
padding: 0;}

#main {
	float: right;
	width: 703px;
	margin: 0;
	padding: 10px 0 0 0;
}
#main ul  {
	margin: 0 0 5px 7px; 
	padding: 3px;
	list-style-type: none;
}	
#main ul li  {
	background-image: url(/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .2em;
	padding: 1px 0 7px 20px;
}


#left ul  {
	margin: 0 0 8px 0; 
	padding: 0;
	list-style-type: none;
}	
#left ul li  {
	background-image: url(/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding: 0 0 11px 17px;
	line-height:19px;
}

#main-left {
	float: left;
	width: 350px;
	margin: 0;
	padding: 0;
}
#main-right {
	float: right;
	width: 324px;
	margin: 0;
	padding: 0;
}

#main-left a:link,
#main-left a:visited,
#main-left a:active { 
	color: #ee3a55;
	text-decoration: none;
	font-weight: bold;
}
#main-left a:hover {
	color: #ee3a55;
	text-decoration: underline;
	font-weight: bold;
}

#main-right a:link,
#main-right a:visited,
#main-right a:active { 
	color: #adadad;
	text-decoration: none;
	font-weight: bold;
}
#main-right a:hover {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}



#full a:link,
#full a:visited,
#full a:active { 
	color: #ee3a55;
	text-decoration: none;
	font-weight: bold;
}
#full a:hover {
	color: #ee3a55;
	text-decoration: underline;
	font-weight: bold;
}



/* === Homepage Specific. === */

.brought-to {
float: left;
padding-top: 6px;}

.brought-logo {
float:right;
text-align:right;}

.satnav {
width: 211px;
height: 102px;
background: url(/images/home/satnav-bg.gif) top left no-repeat;
color:#292622;
font-size:13px;
padding: 8px 0 0 139px;
display:block;}

.satnavtop {
padding: 0 0 6px 0;}

.satnavpostcode {
font-size: 29px;
line-height:37px;}



/* === speedy search === */

#home-speedysearch-container {
	width: 204px;
	margin: 0 0 10px 0;
	padding: 8px 10px;
	background-color: #ee3a55;
	border:solid 2px #f16177;
	color:#1e1e1e;
}
#home-speedysearch-container h2{

	font-size: 30px;
	color: #fff;
	margin: 0 0 3px 0;
	padding: 0;
	letter-spacing:-2px;}
	
	
#home-speedysearch-container a:link,
#home-speedysearch-container a:visited,
#home-speedysearch-container a:active { 
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#home-speedysearch-container a:hover {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

.home-speedy-search-dropdown {
	width: 200px;
	margin: 0 0 8px 0;
	padding: 4px 0 4px 0;
	font-size: 11px;
	color: #6b7175;
	font-weight: bold;
	font-family: Arial, Trebuchet MS, sans-serif;
}
.home-priceto {
	float: left;
	width: 95px;
	margin: 0 10px 10px 0;
	padding: 4px 0 4px 0;;
	font-size: 11px;	
	color: #6b7175;
	font-weight: bold;
	font-family: Arial, Trebuchet MS, sans-serif;
}
.home-pricefrom {
	float: left;
	width: 95px;
	margin: 0 0 10px 0;
	padding: 4px 0 4px 0;
	font-size: 11px;
	color: #6b7175;
	font-weight: bold;
	font-family: Arial, Trebuchet MS, sans-serif;
}
#speedy-search {
	width: 200px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}	
.speedy-search-dropdown {
	width: 190px;
	height: 20px;
	margin: 0 0 9px 0;
	padding: 3px 0 0 0;
	font-size: 10px;
	color: #3c687e;
	font-weight: bold;
	font-family: Tahoma, Arial, Trebuchet MS, sans-serif;
}
.priceto {
	float: left;
	width: 90px;
	height: 20px;
	margin: 0 10px 9px 0;
	padding: 3px 0 0 0;
	font-size: 10px;	
	color: #3c687e;
	font-weight: bold;
	font-family: Tahoma, Arial, Trebuchet MS, sans-serif;
}
.pricefrom {
	float: left;
	width: 90px;
	height: 20px;
	margin: 0 0 9px 0;
	padding: 3px 0 0 0;
	font-size: 10px;
	color: #3c687e;
	font-weight: bold;
	font-family: Tahoma, Arial, Trebuchet MS, sans-serif;
}



#speedy-search input.search {
	width: 78px;
	height: 29px;
	margin: 0;
	padding: 0;
	background: url(/images/speedy-search/submit.jpg) no-repeat;
	border: none;
	cursor: pointer;
	float: right;
}
.stockvehicles {
	font-size: 13px;
	font-weight:bold;
}
#dvVehicleCount {
	width: 117px;
	height: 25px;
	font-weight:bold;
	color: #454444;
	font-size: 11px;
	margin: 0;
	padding: 4px 0 0 5px;
	float: left;
	background: url(/images/speedy-search/counter-bg.jpg) no-repeat;
}




/* ==== headers ==== */

#main h1 {
	font-size: 30px;
	color: #fff;
	margin: 0 0 3px 0;
	padding: 0;
}
#main-left h2 {
	font-size: 19px;
	color: #fff;
	margin: 0 0 8px 0;
	padding: 0;
}


#full h2 {
	font-size: 19px;
	color: #fff;
	margin: 0 0 8px 0;
	padding: 0;
}

#left-other h2 {
	font-size: 19px;
	color: #fff;
	margin: 0 0 8px 0;
	padding: 0;
}

#main-right h2 {
	font-size: 30px;
	color: #fff;
	margin: 0 0 8px 0;
	padding: 0;
}


/* ==== Block Links ==== */

.blocklink a{
width:315px;
margin: 0 0 8px 0;
padding:6px 0 6px 6px;
display: block;
background: #3e3e3e;
border: solid 2px #5b5b5b;
font-size:13px;
}

.blocklink a:hover{
text-decoration:none;
background: url(/images/stylelink-bg-hover.jpg) top left no-repeat #494949; 
font-size:13px;}




/* ==== Used Car Search ==== */


#searchbox {
	width: 671px;
	padding: 10px 10px 0 10px;
	margin: 0 0 20px 0;
	background-color:#ee3a55;
 border: solid 2px #f16177;
}
#searchbox p {
	margin: 0 0 5px 0;
	padding: 0;
	color: #fff;
}


#searchbox h2{
	font-size: 30px;
	color: #fff;
	margin: 0 0 0 0;
	padding: 0;
	letter-spacing:-2px;}



#searchbox td {
	margin: 0;
	padding: 0 0 8px 0;
}
#searchbox table {
	margin: 11px 0 0 0;
	padding: 0;
	border-collapse:collapse;
}
#searchbox form {
	margin: 0;
	padding: 0;
}
#searchbox td {
	margin: 0;
	padding: 0 0 8px 0;
}
#searchbox  textarea  {
	margin: 0;
	font: 12px/18px Tahoma, Arial, Helvetica, sans-serif; color: #464444;
}
#searchbox  select {
	width: 326px;
	height: 24px;
	margin: 0 18px 5px 0;
	padding: 2px 0 2px 0;
	font-size: 11px;
	color: #6b7175;
	font-weight: bold;
	font-family: Arial, Trebuchet MS, sans-serif;
}
.advancedpricefrom {
	width: 92px;
	height: 24px;
	margin: 0 10px 5px 0;
	padding: 4px 0 0 0;
	font-size: 11px;
	color: #6b7175;
	font-weight: bold;
	font-family: Arial, Trebuchet MS, sans-serif;
}
.advancedpriceto {
	width: 92px;
	height: 24px;
	margin: 0 0 5px 0;
	padding: 4px 0 0 0;
	font-size: 11px;
	color: #6b7175;
	font-weight: bold;
	font-family: Arial, Trebuchet MS, sans-serif;
}
#searchbox input.reset {
	width: 56px;
	height: 24px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	background: url(/images/advanced-search-reset.gif) no-repeat;
	border: none;
	cursor: pointer;
}
#searchbox input.search {
	width: 184px;
	height: 29px;
	margin: 0;
	padding: 0;
	background: url(/images/advanced-search/submit-bg.jpg) no-repeat;
	border: none;
	cursor: pointer;
	float: right;
}
.advancedstockvehicles {
	font-size: 14px;
	font-weight:bold;
}
#searchbox #dvVehicleCount {
	width: 480px;
	height: 25px;
	font-weight:bold;
	color: #454444;
	font-size: 11px;
	margin: 0;
	padding: 4px 0 0 5px;
	float: left;
	background: url(/images/advanced-search/counter-bg.jpg) no-repeat;
}





/* ==== Used Car List ==== */

.listrowdiv {
	width: 703px;	
	background-color: #999999;
	margin: 0 0 11px 0;
}
#dvVehicleList {
	/*margin-top: -9px;*/
	margin: 0;
}
#dvVehicleList td {
	margin: 0;
	padding: 2px 0 2px 0;
}
#dvVehicleList tr {
	padding: 4px 0;
}
.detailtext{
	color: #dae0eb;
}
.listdescription  {
	font-size: 20px;
	font-weight: bold;
	color: #fff; 
	margin: 19px 0 0 0;
	letter-spacing:-2px;
}
.listnotes {
	font-size:10px;
	margin-left: 11px;
	color: #cccccc;
}
.listpagination {
	width: 703px;
	background-color: #2d2d2d;
	margin-bottom: 11px;
	color: #fff;
}
.listpagination td {
	color: #cccccc;
	font-size: 11px;
}
.listpagination a:link,
.listpagination a:visited,
.listpagination a:active {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.listpagination a:hover {
	color: #c5003a;
	border-bottom: 1px solid #c5003a;
	font-weight: bold;
}
#dvVehicleList .listthumb {
	margin: 4px 0;
	width: 131px;
	height: 97px;
	margin-right: 16px;
	margin-left: 11px;
}
#dvVehicleList .subtitle2 {
	text-align: left;
	font: normal 12px  Tahoma, Arial, Helvetica, sans-serif; color: #282828;
	padding: 2px 4px 6px 10px;
}
#dvVehicleList .subtitle2 a:link {
	color: #282828;
	text-decoration: none;
	font-weight:normal;
}
#dvVehicleList .subtitle2 a:hover {
	color: #282828;
	text-decoration: underline;
	font-weight:normal;
}
#dvVehicleList .subtitle2 a:visited {
	color: #282828;
	text-decoration: none;
	font-weight:normal;
}
#dvVehicleList .stripe, .nostripe, .nostripeover, .stripeover {
	text-align: left;
	width: 691px;
	font-size: 11px ;
	color: #282828;
	padding: 3px 2px 3px 10px;
	padding: 0 20px 0 0;
	display: block;
}
#dvVehicleList .nostripe {
	background-color: #606060;
	margin-bottom: 12px;
	width: 703px;
	line-height: 19px;
	padding: 0 20px 0 0;
}
#dvVehicleList .stripe {
	background-color: #606060;
	margin-bottom: 12px;
	width: 703px;
	line-height: 19px;
	padding: 0 20px 0 0;
}
#dvVehicleList .nostripeover, #dvVehicleList .stripeover  {
	background-color: #7d7d7d;
	/*color: #282828;*/
	color: red;
	cursor:hand;
	cursor:pointer;
	margin-bottom: 12px; 
	width: 703px;
	line-height: 19px;
}
.listprice {
	font-size: 22px;
	color: #fff32b;
	font:Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}
.listgrey {
	color: #D8D8D8;
	font-weight: bold;
}
.nonlistgrey {
	color: #D8D8D8;
	font-weight: normal;
}





/* ====== Used Details Page ====== */


#ie-details {
margin: -1px 0 0 0;
}

.used-price-box {
padding: 5px 5px 2px 5px;
background-color:#c14f4f;
color:#fff;
margin: 0 0 12px 0;}

.used-car-title {
	font-size: 13px;
	margin: 0 0 0 0;
	font-weight: bold;
	padding: 0;
	line-height:24px;
}
.details-price {
	font-size: 20px;
	margin: 0 0 20px 0;
	font-weight: bold;
	padding: 0;
	color:#fff32b;
	letter-spacing:-1px;
}
.details-call {
	font-size: 20px;
	margin: 0 0 20px 0;	
	font-weight: bold;
	padding: 0;
	color:#8f8f8f;
	letter-spacing:-1px;
}

#dvVehicleDetail table {
	border: 0;
}
#dvVehicleDetail .title {
	display: block;
	width: 473px;
	font: bold 12px  Arial, Helvetica, sans-serif; color: #dae0eb;
	padding: 2px 0px 2px 4px;
	margin: 0;
	background-color: #012d76;
}
#detailpics {
	background-color: #3e3e3e;
	border: solid 2px #5b5b5b;
	padding: 10px 10px 0 10px;
	margin: 0 0 12px 0;
	width: 301px;
}
.mainimg {
	margin: 0 12px 12px 0;
	float: left;
}
.thumb {
	margin: 0 0 12px 0;
	width: 95px
}
.thumb2 {
	margin: 0 8px 12px 8px;
		width: 95px
}
.imgsubtitle {
	display: none;
}





/* ===== Find us ====== */


#googledirections {
width: 338px;
border: solid 2px #f16177;
background-color:#ee3a55;
padding: 9px 0 7px 10px;}


#googledirections .directions-field {
width: 175px;
height: 19px;
padding: 3px 0 1px 2px;
float: left;
font: 11px Arial, Helvetica, sans-serif;
color:#666666;
margin: 0 10px 0 0;}


#googledirections .directions-submit {
width: 133px;
height: 30px;
float: left;
font: 11px Arial, Helvetica, sans-serif;
color:#fff;
background: url(/images/directions-button.jpg) no-repeat;
border:none;
cursor:pointer;}


/* ==== contact form ==== */

#contact-form {
width: 671px;
	padding: 10px 10px 0 10px;
	margin: 0 0 20px 0;
	background-color:#ee3a55;
 border: solid 2px #f16177;
 color:#FFFFFF;
}
#contact-form table {
	margin: 0;
}
#contact-form td {
	margin: 0;
	padding: 0 0 5px 0;
}
#contact-form  p {
	margin: 0 0 0 0;
	padding: 0;
	color: #fff;
}
#contact-form form {
	margin: 0;
	padding: 0;
}
#contact-form input {
	margin-top: 5px;
}
#contact-form select {
	width: 401px;
	margin: 2px 0 0 0;
	padding: 2px 0 0 4px;
	font-size: 11px;
	color: #6b7175;
	font-weight: bold;
	font-family: Arial, Trebuchet MS, sans-serif;
	height: 21px;
}
#contact-form  input.chkbox {
	margin: 0 6px 0 0;
	padding: 0;
	font-size: 11px;
	color: #6b7175;
	font-weight: bold;
	font-family: Arial, Trebuchet MS, sans-serif;
	border: 0;
}
.contactwidth {
	width: 395px;
	margin: 0;
	padding: 2px 0 0 4px;
	font-size: 11px;
	color: #6b7175;
	font-weight: bold;
	font-family: Arial, Trebuchet MS, sans-serif;
	height: 20px;
}
.contact-textarea {
	font-size: 11px;
	color: #6b7175;
	font-weight: bold;
	font-family: Arial, Trebuchet MS, sans-serif;
	width: 395px;
	height: 80px;
	margin: 0 0 0 0;
	padding: 2px 0 0 4px;
}

#txtEnquiry, {
	width: 400px;
	margin: 10px 0 0 5px;
	padding: 2px 0 0 4px;
	font: 11px/18px Tahoma, Arial, Trebuchet MS, sans-serif;
}
.chkbox {
	margin: 10px 5px 0 0;
	float: left;
}
.white {
	color: #fff;
}
#dvOriginalDisclaimer {
	font: 10px/18px Arial, Trebuchet MS, sans-serif;
	color: #fff;
}
.disclaimertxt {
	display: block;
}
.contactsearchbutton {
	width: 163px;
	height: 29px;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(/images/contact/submit.jpg) top no-repeat;
	border: none;
	cursor: pointer;
}





/* ==== footer ==== */

#footer {
	width: 940px;
	margin: 20px auto 0 auto;
	padding: 0 0 15px 0;
}
#footer p {
	margin: 0 0 0 0;
	padding: 0;
	color:#8b8b8b;
}


#footer a:link,
#footer a:visited,
#footer a:active { 
color: #8b8b8b;
text-decoration: none;
}
#footer a:hover {
color: #9b9b9b;
text-decoration: underline;
}



/* ====== Sifr ====== /*


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #main h1, #main-left h2, #main-right h2, #home-speedysearch-container h2, #left h2, #searchbox h2, #full h2, .listdescription{
	visibility: hidden;
}