/* ==== watford jaguar 2011(c) bluesky interactive ==== */

/* ==== common ==== */
html {
margin: 0; 
padding: 0;
color: #272727;
font: normal 12px/21px Arial, Helvetica, sans-serif, serif;
background-color:#141414;}
body {
margin: 0; 
padding: 20px 0 0 0;
background:url(/images/backgrounds/body.jpg) top left repeat-x #141414;}
img {
margin: 0; 
padding: 0;
border: 0 }
.lighter {
color:#a3a3a3;}
.clear {
clear: both;
height: 0px;
overflow: hidden; }
.break {
width: 100%;
height:1px;
display:block;
overflow:hidden;
background-color:#d3d3d3;
margin-bottom:12px;}
#pages { 
width: 940px;
background-color:#FFFFFF;
border:3px solid #d7d7d7;
padding: 30px;
margin: 0 auto;}
#main a {
color:#007da1;
text-decoration:none;}
#main a:hover {
color:#007da1;
text-decoration:underline;}
#main p {
color:#272727;
margin: 0 0 14px;
padding: 0;}
#main h1 {
font-size:27px;
font-weight:normal;
padding:0;
color:#272727;}
#main h2 {
font-size:22px;
font-weight:normal;
padding:0;
color:#272727;}
#main .notes {
font: normal 9px/16px Verdana, Arial, Helvetica, sans-serif, serif; color: #5E5E5E; }



/* ==== header ==== */
.headerleft {
float:left;
width:273px;}
.headercentre {
float:left;
margin: 0 0 0 140px;
width:125px;}
.headerright {
float:right;
width:259px;}


/* ==== navigation ===*/
#navcontainer {
margin: 23px 0 0;
width:940px;
height:53px;
background:url(/images/navigation/nav-bg.jpg) top left repeat-x #000;}
.nav-shadow {
width:940px;
height:43px;
margin:0 0 -20px 0;
background:url(/images/navigation/nav-shadow.jpg) top left repeat-x #fff;}
ul.dropdown li:hover > ul {
visibility: visible;}
/* top level navigation link styling */
ul.dropdown,
ul.dropdown li {
list-style: none;
margin: 0;
padding: 0;
font-size: 12px;
color: #fff;
position: relative;
z-index: 597;
float: left;
vertical-align: middle;}
ul.dropdown a.level1:link,
ul.dropdown a.level1:visited {
background: url(/images/navigation/nav-divide.gif) no-repeat scroll 100% 50% transparent;
margin: 0;
display: block;
padding: 16px 18px;
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
text-shadow: 0 1px 1px #000;}
ul.dropdown a:link,
ul.dropdown a:visited {
margin: 0;
display: block;
padding: 16px 18px;
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
text-shadow: 0 1px 1px #000;}
ul.dropdown a:hover, ul.dropdown a.level1:hover {
margin: 0;
display: block;
color: #ffffff;
text-decoration: none;
background:url(/images/navigation/nav-bg-hover.jpg) top left repeat-x #000;}
/*drop-down navigation block link styling */
ul.dropdown ul {
float: left;
width: 191px;
margin: 0 0 0 0;
padding: 0 0 0 0;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 999999;
border:none;
background-color:#2b2b2b;}
ul.dropdown ul a:link,
ul.dropdown ul a:visited {
width: 179px;
font-size: 12px;
display: block;
margin: 0 0 0 0;
padding: 6px 0 6px 12px;
color: #fff;
font-weight:bold;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
z-index: 99999;}
ul.dropdown ul a:hover {
width: 179px;
display: block;
margin: 0;
color: #fff;
z-index: 99999;}
/* drop out navigation block link styling */
ul.dropdown ul li ul {
float: left;
width: 200px;
margin: 0;
padding: 0;
background-color: #0e7e92;
border-left: solid 1px #0b5d6c;
top: 0px;
left: 100%;
display: block;}
ul.dropdown ul li ul a:link,
ul.dropdown ul li ul a:visited {
width: 188px;
display: block;
margin: 0;
padding: 6px 0 6px 12px;
color: #E0E0E0;
text-shadow: 0px 1px 1px #108aa1;}
ul.dropdown ul li ul li a:hover {
width: 188px;
display: block;
margin: 0;
color: #fff;
background-color: #3090a1;}


/* ==== layout ==== */
#main-left {
float:left;
width:700px;}
#main-left-list {
float:left;
width:940px;}
#main-right {
float:right;
width:220px;}


/** === home === */
/* ==== home banner ==== */
.dropcontent {
background:url(/images/home/banner/banner-1.jpg) top right no-repeat #fff;
background-color:#ffffff;
margin: 0 0 0 -6px;
width:706px;
height:212px;}
#home-banner {
}
.home-banner-nav {
background:url(/images/home/banner/banner-nav-bg.png) top right no-repeat transparent;
float:left;
padding: 3px 0 0 0;
*padding:0; /*IE 7 */
width:204px;
height:209px;
margin: -212px 0 0 -8px;}
.tab_over {
display:block;
position:relative;
z-index: 1;
margin: -2px 0 0 0;
padding:5px 0 0 20px;
*padding:5px 0 0 20px; /*IE 7 */
width:202px;
height:39px;
background:url(/images/home/banner/tag-hover.png) top right no-repeat transparent;}
.tab {
display:block;
position:relative;
z-index: 100;
margin: -2px 0 0 0;
padding:5px 0 0 20px;
width:202px;
height:39px;
background:url(/images/home/banner/tag.png) top right no-repeat transparent;}
.home-banner-tag-last {
margin: -4px 0 0 0;
padding:5px 0 0 20px;
width:202px;
height:39px;}
#home-banner h1 {
color:#ffffff;
font-size:13px;
font-weight:bold;}
.home-banner-shadow {
width:700px;
height:35px;
margin: 0 0 -15px;
background:url(/images/home/banner/banner-shadow.jpg) top left repeat-x #fff;}
.banner-button {
float:left;
padding: 0 0 0 15px;
*padding: 4px 0 0 15px; /*IE 7 */
background:url(/images/home/banner/banner-button.png) no-repeat;
width:143px;
height:32px;
margin: 165px 0 0 535px;}

/* ==== home offer box ==== */

/* === Cant find what you are looking for === */

#call-me-back {
	background:url(/images/home/backgrounds/box-looking.jpg) no-repeat;
	float:left;
	width:206px;
	margin: 15px 0 0 0;
	padding: 4px 8px 5px 8px;
	*padding: 4px 8px 5px 8px; /*IE 7 */
	height: 34px;
	*height: 44px;/*IE 7 */
}

#call-me-back:hover {
	background:url(/images/home/backgrounds/box-looking-over.jpg) no-repeat;
	color: #FFF;
}

#call-me-back h2 {
 	font-size:14px;
	font-weight:bold;	
}

#call-me-back h2:hover {
	color:#FFF;	
}
/* === end === */

/* === hidden form  === */

#hidden_form {
	background: url(/images/home/backgrounds/form-bg.gif) repeat-x repeat-y top left;
	height: 539px;
	margin: -30px 0 0 0;
	padding: 20px 0 0 0;
}
 	
#hidden_form .submit {
background: url("/images/buttons/submit.png") no-repeat scroll center top transparent;
border: medium none;
color: #99A623;
cursor: pointer;
font: 17px Tahoma,Arial,Helvetica,sans-serif;
height: 37px;
margin: 2px 0 10px;
padding: 0;
text-align: left;
width: 190px;
}

#hidden_form .textinput {
border: 1px solid #ABADB3;
color: #5F6164;
float: left;
font: 12px Arial,Helvetica,sans-serif;
height: 25px;
margin: 0 5px 8px 0;
padding: 0 5px;
width: 259px;
}

#hidden_form .dropdown {
border: 1px solid #ABADB3;
color: #5F6164;
font: 12px Arial,Helvetica,sans-serif;
margin: 0 0 9px;
padding: 3px 0;
width: 270px;
}

/* === end === */

#offer-box {
background:url(/images/home/backgrounds/box-bg.jpg) no-repeat;
float:left;
width:190px;
margin: 0 20px 0 0;
padding: 3px 15px 5px;
*padding: 3px 15px 5px; /*IE 7 */
height:126px;}
.offer-box {
background:url(/images/home/backgrounds/box-bg.jpg) no-repeat;
float:left;
width:190px;
margin: 0 20px 0 0;
padding: 3px 15px 5px;
*padding: 3px 15px 5px; /*IE 7 */
height:126px;}
#offer-box-shop {
background:url(/images/home/backgrounds/box-bg.jpg) no-repeat;
float:left;
width:190px;
margin: 0 20px 0 0;
padding: 3px 15px 5px;
height:126px;}
#offer-box-last {
background:url(/images/home/backgrounds/box-bg.jpg) no-repeat;
float:left;
padding: 3px 15px 5px;
width:190px;
height:126px;}
#offer-box h2, #offer-box-shop h2, #offer-box-last h2, #like-to h2, #prefer-used h2, .parts-offer h2 {
font-size:14px;
font-weight:bold;
color:#272727;}
.agent-button {
background:url(/images/buttons/button-arrow.jpg) no-repeat;
width:190px;
height: 33px;
*height: 43px; /*IE 7 */
margin: 0 0 -5px 0;
/*padding:1px 0 0 10px;*/}
.parts-button {
background:url(/images/buttons/parts-arrow.jpg) no-repeat;
width:470px;
height: 33px;
*height: 43px; /*IE 7 */
margin: 0 0 -5px 0;
/*padding:1px 0 0 10px;*/}
#offer-box-last .agent-button h3, #like-to .agent-button h3, #prefer-used .agent-button, .parts-offer, .parts-button h3 {
font-size:12px; 
line-height:11px;
color:#007a9d;
padding:12px 0 0 15px;}

#prefer-used .agent-button h3 {
font-size:12px; 
line-height:11px;
color:#007a9d;
padding:0px;
margin:0px;}
 

/* ==== offer roating box === */
.offer-image{
width:190px;
overflow:hidden;
height:145px;}
.offer-video{
width:190px;
overflow:hidden;
height:145px;}
.offer-left {
/*background: url(/images/home/offers/prev.png) no-repeat scroll 0 0 transparent;*/
width:72px;
height:43px;
float:left;
margin:0 0 0 5px;}
.offer-right {
/*background: url(/images/home/offers/next.png) no-repeat scroll 0 0 transparent;*/
width:72px;
height:43px;
float:right;
margin:0 5px 0 0;}
#pages .carousel ul li {
margin: 0;
position: relative;
width: 500px;}
#pages .js ul li {
display: inline;
float: left;
height: 145px;
overflow: hidden;
text-align: center;
width: 190px;}
#pages .js ul {
list-style: none outside none;
margin: 0;
padding: 0;}
#pages .js .carousel-next {
background: url(/images/home/offers/next.png) no-repeat scroll 0 0 transparent;}
#pages .js .carousel-previous {
background: url(/images/home/offers/prev.png) no-repeat scroll 0 0 transparent;}
#pages .js .carousel-next:hover{
background: url(/images/home/offers/next-hover.png) no-repeat scroll 0 0 transparent;}
#pages .js .carousel-previous:hover{
background: url(/images/home/offers/prev-hover.png) no-repeat scroll 0 0 transparent;}
#pages .js .carousel-previous {
border: 0 none;
cursor: pointer;
display: inline-block;
float: left;
height: 43px;
line-height: 999px;
margin: 145px -75px 0 0;
overflow: hidden;
text-indent: -9999px;
vertical-align: middle;
width: 72px;}
#pages .js .carousel-next {
border: 0 none;
cursor: pointer;
display: inline-block;
float: left;
height: 43px;
line-height: 999px;
margin: 0 0 0 120px;
overflow: hidden;
text-indent: -9999px;
vertical-align: middle;
width: 72px;}
#pages .js .carousel-control {
height: 43px;
width: 72px;}

.home-welcome {
float:left;
width: 460px;
margin:15px 0 0 0;}
.latest-offers {
background:url(/images/home/backgrounds/jaguar-offers-bg.jpg) no-repeat;
padding: 3px 15px 5px;
float:right;
width: 190px;
height:221px;
margin:15px 0 0 0;}
#main .latest-offers h2 {
font-size:14px;
font-weight:bold;
color:#272727;}


/* ==== right panel === */
#quicksearchcontainer .call-back-submit {
background:url(/images/buttons/call-me.png) no-repeat;
border:0;
margin:3px 0 0 0;
width:190px;
height:37px;}
#quicksearchcontainer .textinput {
width:185px;
height:25px;
margin: 0 0 8px 0;
color:#818080;}
#like-to {
background: url("/images/used-cars/box-bg.jpg") repeat-x scroll left bottom #FFFFFF;
border: 1px solid #B5B5B5;
float:left;
padding: 3px 14px 17px;
width:190px;
margin:15px 0 0 0;}
#prefer-used {
background:url(/images/home/backgrounds/prefer-used-bg.jpg) no-repeat;
float:left;
padding: 3px 15px 5px;
width:190px;
height:81px;
margin: 15px 0 12px;}

.parts-offer {
background:url(/images/home/backgrounds/parts-offer.jpg) no-repeat;
float:left;
padding: 3px 15px 5px;
width:485px;
height:81px;
margin: 15px 0 12px;}

/* ==== New offer accordians ==== */

.message_list {
list-style: none;
margin-left: 0;
padding-left: 0;
}

.message_head {
padding: 23px 15px 5px; 
background: url(/images/backgrounds/offer-bg.png) repeat-x scroll left top transparent; 
border-radius: 5px 5px 0 0; 
border-top: 1px solid #E8E8E8;
cursor:pointer;
display:block;}

.message_head h2 {
padding:0;
margin:0;
}

.message_body {
padding: 15px 15px 10px; 
width: 670px; 
background: url(/images/backgrounds/offer-bg.png) repeat-x scroll left top transparent;}

.offer-bottom {
height:40px; 
width: 700px; 
background: url(/images/backgrounds/main-left-bg.png) repeat-x scroll left bottom transparent;
margin-bottom: -25px;}


/* ==== quick search ==== */
#quicksearchcontainer .dropdown {
width:190px;
height:25px;
margin: 0 0 8px 0;
color:#818080;}
#quicksearchcontainer .submit {
background:url(/images/buttons/search-stock.png) no-repeat;
border:0;
margin:3px 0 0 0;
width:190px;
height:37px;}
#quicksearchcontainer {
width:190px;
padding: 5px 15px 20px 15px;
_padding: 15px 15px 20px 15px; /*IE 6 */
*padding: 15px 15px 20px 15px; /*IE 7 */
background-color:#252525;}
#quicksearchcontainer p {
font-size:11px;
color:#fff;}
#quicksearchcontainer h2 {
color:#FFFFFF;
font-weight:bold;
font-size:20px;}


/* ==== last viewed car ==== */
#last-veiwed {
background:url(/images/home/backgrounds/lastviewed.jpg) no-repeat;
padding: 5px 15px 20px 15px;
_padding: 15px 15px 20px 15px; /*IE 6 */
*padding: 15px 15px 20px 15px; /*IE 7 */
margin: 15px 0 0 0;
width: 190px;
height:265px;}
#last-veiwed h2 {
color:#293437;
font-size:20px;
font-weight:bold;}
#last-veiwed h3 {
color:#272727;
font-size:14px;
font-weight:normal;
margin: 24px 0 8px 8px;}
#last-veiwed h4 {
color:#626262;
font-weight:normal;
font-size:24px;
margin: 0 0 0 8px;}
#last-veiwed .last-viewed-img {
height:108px;
width:167px;
margin: 24px 0 0 10px;}


/* ==== used search page ==== */
#main-left .dropdown {
border: 1px solid #818080;
color: #5F6164;
font: 12px Arial,Helvetica,sans-serif;
margin: 0 0 9px;
padding: 3px 0;
width: 270px;}
#main-left .dropdown-price {
border: 1px solid #818080;
color: #5F6164;
font: 12px Arial,Helvetica,sans-serif;
margin: 0 0 15px;
padding: 3px 0;
width: 129px;}
#main-left .COGsubmit {
background: url("/images/buttons/search-stock.png") no-repeat scroll center top transparent;
border: medium none;
color: #99A623;
cursor: pointer;
font: 17px Tahoma,Arial,Helvetica,sans-serif;
height: 37px;
margin: 2px 0 10px;
padding: 0;
text-align: left;
width: 190px;}
#my-selection {
background-color: #252525;
float: left;
margin: 0 0 15px;
padding: 5px 15px 20px;
width: 190px;}
#my-selection p {
color:#FFFFFF;}
#main-left-list #my-selection  h2, #main-right #my-selection  h2, #main-left #my-selection  h2 {
color: #FFFFFF;
font-size: 20px;
font-weight: bold;}
.main-center {
float:right;
width: 460px;}
.main-list {
float:right;
width: 705px;}
.used-search {
width: 430px;
padding:15px;
border:1px solid #b5b5b5;
background:url(/images/backgrounds/form-bg.jpg) top repeat-x #fff;}


/* ==== used list page ====*/
#controls-wrapper {
padding: 0 0 0 0;
width: 705px;
background:url(/images/navigation/nav-bg-hover.jpg) top left repeat-x;
margin-bottom:15px;
color:#fff;}
#controls-pagination {
width: 652px;
/*height: 66px;*/
margin: 0 0 -10px 0;
display:block;
padding: 0 0 10px;}
#controls-pagination ul li {
list-style:none;
background:none;
padding:0;}
#usedlistwrapper .COGPager li{
display:inline;
text-align:center;
list-style-type: none;
float:left;}
#pagination ul {
padding: 0;}
.list-filter {
padding: 14px 0 0 15px;
float: left;
width:235px;
display:block;}
.list-filter select {
width: 150px;
line-height:25px;
padding: 3px 0 ;
margin: 0 0 0 10px;
font: 12px/25px Arial, Helvetica, sans-serif; color: #5f6164;}
#pagination {
margin-bottom: 0;
float:right;
padding-top:0;}
#pagination li {
margin: 0;}
#usedlistwrapper .COGPager .COGPagerItemSelected span{
background: url(/images/used-results/page-selected.jpg) top left repeat-x #6cc8d6;
/*background-color:#c7c7c7 !important;*/
color:#fff;
font-weight:bold;
border:solid 1px #fff;
margin:0 0 0 0;
font-size: 11px;}
#usedlistwrapper .COGPager span /* not a link style */{
background: url(/images/used-results/page-not-selected.jpg) top left repeat-x;
color:#9f9f9f;
display:block;
margin:0 6px 0 0;
width:27px;
padding:4px 0 0 0;
font-weight:bold;
border:solid 1px #fff;
height:24px;
font-size: 11px;}
#usedlistwrapper .COGPager li.COGPagerNext {
width: 27px;
float: left;
margin: 0 9px 0 0;}
#usedlistwrapper .COGPager a:link,
#usedlistwrapper .COGPager a:visited,
#usedlistwrapper .COGPager a:active /* link style */ {
background: url(/images/used-results/page-link.jpg) top left repeat-x;
text-decoration:none;
color:#fff;
width: 27px;
margin:0 6px 0 0;
display:block;
padding:4px 0 5px 0;
border:1px solid #fff;
height:19px;
font-weight:normal;
font-size: 11px;}
#usedlistwrapper .COGPager a:hover {
/*background-color:#c7c7c7;*/
text-decoration:none;
color:#fff;
border:1px solid #fff;}
#usedlistwrapper .COGPager li.COGPagerItem,
#usedlistwrapper .COGPager li.COGPagerItemSelected  /* hides the pagination display */{
width: 35px;
margin:0 0 0 0;
padding:0;
text-align:center;
display:block;}
#usedlistwrapper .COGPager li.COGPagerItemSelected {
margin-right: 0;}
#usedlist a, #usedlist a:link, #usedlist a:visited, #usedlist a:active {
font-weight:normal;
color:#fff;
text-decoration:none;
display:block;
cursor:pointer;}
#usedlist a:hover {
font-weight: normal;
color:#fff;
text-decoration:none;
display:block;
cursor:pointer;}
.usedlistvehicle {
background: url("/images/backgrounds/form-bg.jpg") repeat-x scroll left bottom #666666;
border: 1px solid #b5b5b5;
display: block;
font-size: 11px;
margin-bottom: 5px;
padding: 16px 15px 15px;
width: 673px;}
#usedlistwrapper .usedlistvehicle h2{
color: #272727;
font-size: 18px;
font-weight: normal;
padding: 0;
margin:0;}
.usedlistvehicle-end {
background: url(/images/used-results/list-car-bg-light.png ) bottom left repeat-x;
margin: 0;}
.usedlistvehicle-image {
background: url("/images/used-cars/image-shadow.png") no-repeat scroll left bottom transparent;
float: left;
margin: 0;
padding: 5px 5px 25px;}
.usedlistvehicle-image-home {
margin:0; 
padding:0;}
.usedlistvehicle-right {
width: 440px;
float:right;
margin:0; 
padding:0 0 0 0;
color:#5E5E5E;
line-height:19px;}	
.listbreak {
display:block;
height: 10px;}
.usedlistsummary-left {
float: left; 
width: 202px; 
border-right: solid 1px #d2d3d3;
padding: 0 10px 0 0;}
.usedlistsummary-right {
float: left; 
width: 157px;
padding: 0 0 0 15px;}


/* ==== used details === */
.main-left-left{
float:left;
width:465px;}
.main-left-right{
float:right;
width:230px;}
.mainpicarea {
width:460px;
/*height:345px;*/}
.mainpicshadow {
background: url("/images/used-cars/main-pic-shadow.jpg") repeat-x scroll left top transparent;
width:460px;
height:55px;
margin:0 0 -40px 0;}
.vehicle-box {
background: url("/images/used-cars/box-bg.jpg") repeat-x scroll left bottom transparent;
background-color:#FFFFFF;
float: right;
width: 190px;
margin: 0 0 15px;
border:1px solid #b5b5b5;
padding: 3px 15px 10px;}
.watford-price-box {
border:1px solid #dcdcdc;
background-color:#FFFFFF;
padding: 5px 7px 3px;}
#main-left .watford-price-box p {
margin:0;
font-size:12px;}
#main-left .vehicle-box .watford-price-box h2 {
font-size:27px;
font-weight:normal;
color:#0080a5;
margin: 6px 0;}
#main-left .vehicle-box h2 {
font-size:14px;
font-weight:bold;
color:#272727;}
#tbl-features {
border-collapse:collapse;
background-color:#ececec;
border: 1px solid #b5b5b5;}
#tbl-features td{
padding:8px;
border: 1px solid #b5b5b5;}
#tbl-features td.COGfeature{
background-color:#f2f2f2;
color:#545454;}
.detailsthumb-left {
margin:0 5px 5px 0;}
.detailsthumb-right {
margin:0 0 5px 0;}

/*==== webzation ====*/
#webzation_adjustbox {
background: url("/images/webzation/adjustbox-bg.jpg") repeat-x scroll left bottom transparent;
color: #272727;
margin-bottom: 5px;
border:1px solid #b5b5b5;
padding: 8px;
width: 687px;}
#webzation_adjustbox .wzwrapper{
float:right;
border:1px solid #dcdcdc;
background-color:#FFFFFF;
padding:4px;}
#webzation_adjustbox .wztitle{
float:left;
width:150px;}
#webzation_adjustbox .termbox{
float:left;
width:150px;}
#webzation_adjustbox .depositbox{
float:left;
width:150px;}
#webzation_adjustbox .mileagebox{
float:left;
width:135px;}
#webzation_adjustbox select, #webzation_adjustbox .deposit, #used-details-adjustbox select, #used-details-adjustbox .deposit {
color: #5F6164;
font: 10px Arial,Helvetica,sans-serif;
margin: 5px 0 4px 5px;
border:1px solid #b5b5b5;
padding: 4px 0;
width: 85px;}
#webzation_adjustbox .webzation_submit{
background: url("/images/webzation/update.png") repeat-x scroll left bottom transparent;
width:92px;
border:0;
height:32px;
cursor:pointer;}
#webzation_adjustbox h2 {
margin: 9px 0 0;
color: #272727;
font-size: 13px;
font-weight: bold;
padding: 0;}
#webzation_repeater {
border-collapse:collapse;
color:#272727;
border:1px solid #dcdcdc;
background-color:#fff;
padding: 5px;}
#webzation_repeater th {
background-color:#ececec;
height: 30px;}
#webzation_repeater td {
padding: 3px;
border-bottom:1px solid #dcdcdc;}

/* ==== webzation details page ====*/
#vehicle-finance h2 {
color: #272727;
font-size: 22px;
font-weight: normal;
padding: 0;}
#main-left #webzation_adjustbox {
background: url("/images/webzation/adjustbox-bg.jpg") repeat-x scroll left bottom transparent;
color: #272727;
margin-bottom: 5px;
border:1px solid #b5b5b5;
padding: 5px;
width: 688px;}

#tbl-wzfeatures {
border-collapse:collapse;
background-color:#ececec;
border: 1px solid #b5b5b5;}
#tbl-wzfigures {
border-collapse:collapse;
background-color:#ececec;
border-top: 1px solid #b5b5b5;
border-right: 1px solid #b5b5b5;
border-bottom: 1px solid #b5b5b5;}

#tbl-wzfeatures td, #tbl-wzfigures td{
padding:8px;
border-top: 1px solid #b5b5b5;}
#tbl-wzfeatures td.COGfeature, #tbl-wzfigures td.COGfeature{
background-color:#f2f2f2;
color:#545454;}
#tbl-wzfeatures .tdlighter, #tbl-wzfigures .tdlighter{
background-color:#f2f2f2;}
.applyforfinancebutton{
background: url("/images/buttons/apply-finance.png") no-repeat scroll left top transparent;
border: medium none;
cursor: pointer;
display: block;
height:37px;
margin: 6px 0 6px 0;
width:164px;}
.webzation_1{
float:left; 
width:175px;}


/* ==== contact us ==== */
#contact{
background: url("/images/backgrounds/form-bg.jpg") repeat-x scroll center top #FFFFFF;
border: 1px solid #B5B5B5;
padding: 15px;
width: 430px;}
#contact .textinput {
border: 1px solid #ABADB3;
color: #5F6164;
float: left;
font: 12px Arial,Helvetica,sans-serif;
height: 25px;
margin: 0 5px 8px 0;
padding: 0 5px;
width: 259px;}
#contact .dropdown {
border: 1px solid #ABADB3;
color: #5F6164;
font: 12px Arial,Helvetica,sans-serif;
margin: 0 0 9px;
padding: 3px 0;
width: 270px;}
#contact .textarea {
border: 1px solid #ABADB3;
color: #5F6164;
float: left;
font: 12px Arial,Helvetica,sans-serif;
height: 75px;
margin: 0 5px 8px 0;
padding: 5px 5px 0;
width: 259px;}
#contact .submit {
background: url("/images/buttons/submit.png") no-repeat scroll center top transparent;
border: medium none;
color: #99A623;
cursor: pointer;
font: 17px Tahoma,Arial,Helvetica,sans-serif;
height: 37px;
margin: 2px 0 10px;
padding: 0;
text-align: left;
width: 190px;}


/*=== add to garage ===*/
.AddToGarageButton {
background: url("/images/buttons/add-selection.jpg") no-repeat scroll 0 0 transparent;
border: medium none;
cursor: pointer;
height: 33px;
margin: 12px 0 -5px 0;
padding: 12px 0 0 15px;
width: 190px;}
.RemoveFromGarageButton {
background: url("/images/buttons/remove-selection.jpg") no-repeat scroll 0 0 transparent;
border: medium none;
cursor: pointer;
height: 33px;
margin: 12px 0 -5px 0;
padding: 12px 0 0 15px;
width: 190px;}
.shortlistprice {
color: #FFFFFF;
display: block;
font-size: 15px;
height: 25px;}
.shorlisttitle {
color: #FFFFFF;
display: block;
font-size: 11px;
height: 23px;
overflow: hidden;
padding-top: 12px;}

/* ======= MY SHORTLIST PANEL ======= */


#myshortlist {
margin: 0 0 0 0;
width: 260px;
background: url(/images/backgrounds/myshortlist-top.jpg) top left no-repeat #232323;
padding: 26px 10px 0 10px;
color:#ffffff;
display:block; 
overflow:hidden; }

#myshortlist-bottom {
background: url(/images/backgrounds/myshortlist-bottom.jpg) top left no-repeat;
display:block;
width: 280px;
height: 31px;
margin-bottom: 15px;
}

.myshortlisttitle {
background: url(/images/backgrounds/myshortlist-title.jpg) top left no-repeat;
color:#fff;
width: 260px;
height: 28px;
text-align:center;
margin-top: 35px;
padding-top: 2px}

#myshortlistpanel {
width: 260px;
background: url(/images/backgrounds/myshortlist-panel.jpg) top left no-repeat;}

.shortlistpic {
padding: 10px 9px 13px 8px;
background: url(/images/backgrounds/myshortlist-pic.png) top left no-repeat;
_background: url(/images/backgrounds/myshortlist-pic.gif) top left no-repeat;
margin: 0;
float: left;}

.shorlisttitle {
color: #ffffff;
font-size:11px;
height:23px;
display:block;
padding-top: 12px;
overflow:hidden;}

.shortlistprice {
color: #ffffff;
font-size:15px;
height: 25px;
display:block;}

.shortlistcontrols {
font-size: 11px;}

.shortlisticon {
margin: 0 5px 0 0;}

.shortlisticon2 {
margin: 0 5px 0 10px;}

.shortlistbreak {
margin: 0 0 0 12px;}

.shortlistcompare {
margin: 10px 9px 0 11px;}

.shortlistemail {
margin: 10px 6px 0 0;}

.shortlistviewall {
margin: 10px 0 0 0;}

.shortlistsms {
margin: 10px 0 0 0;}

#myshortlist p.noshortlist {
margin: 0 0 13px 0;
padding: 13px 12px 0 12px;}

.noshortlisticon {
float: left; 
margin: 5px 10px 20px 0;}

.shortlistcontrols a:link, .shortlistcontrols a:active, .shortlistcontrols a:visited {
color:#00a3ed;
text-decoration:none;}

.shortlistcontrols a:hover {
color:#00a3ed;
text-decoration:none;}

#myshortlist p a:link, #myshortlist p a:active, #myshortlist p a:visited {
color:#00a3ed;
text-decoration: none;
font-weight:normal;}

#myshortlist p a:hover {
color:#00a3ed;
text-decoration: underline;
font-weight:normal;}

#myshortlist p {
padding: 0;
margin: 0 0 13px 0; }

#myshortlist h2 {
font: normal 20px Arial, Helvetica, sans-serif; color: #ffffff; 
margin: 0 0 8px 0; }




/* ==== footer ==== */
#footer {
margin: 10px auto;
width: 1000px;}
#footer-left {
width:760px;
float:left}
#footer-right{
width:240px;
float:right}
#footer h1 {
color:#b6b6b6;
font-size:18px;}
#footer p {
color:#9c9c9c;}
#footer a {
color:#9c9c9c;
text-decoration:none;}
#footer a:hover {
color:#9c9c9c;
text-decoration:underline;}
.footercol {
float:left;
padding: 0 0 0 20px;
margin:0 0 10px 0;
width:230px;}

#footertweet {
width: 196px;
border-left: solid 13px #d5d5d5;
padding: 0 0 0 5px;
margin: -12px 0 25px 0;
font-style:italic;
color:#FFFFFF;}

#footertweet a {
color:#1895C5;}

.brake {
width: 760px;
height:1px;
margin:0 0 20px 0;
clear: both;
background:url(../images/footer/brake.png) top right no-repeat;
}