/* ==== Henrys 2011(c) bluesky interactive ==== */

/* ==== Reset ==== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse}
fieldset,img{border:0}
ol,ul{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} 

/* ==== Common  ===== */
body, html {margin:0; padding: 0; font:normal 12px/21px Arial, Helvetica, sans-serif, serif; color:#3b3b3b; background:url('/images/backgrounds/main.jpg') repeat-x 0 0 #DADADA;}
img {margin:0; padding:0; border:0;}
.notes {font:normal 10px/16px Arial, Helvetica, sans-serif, serif; color:#5E5E5E;}
.clear {clear:both; height:0px; overflow:hidden;}
.break {width:100%; height:1px; display:block; overflow:hidden; background-color:#cccccc; margin:15px auto 15px auto;}
.right {float:right;}
.left {float:left;}
.ablock {display:block;}
.link-fix a:link, .link-fix a:visited {text-decoration:none; display:block;}

/* ==== Right / Left Text Styles ==== */
@font-face {font-family:'OpenSans-Bold'; src:url('/fonts/opensans/OpenSans-Bold-webfont.eot'); src:url('/fonts/opensans/OpenSans-Bold-webfont.eot?iefix') format('eot'), url('/fonts/opensans/OpenSans-Bold-webfont.woff') format('woff'), url('/fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetype'), url('/fonts/opensans/OpenSans-Bold-webfont.svg#webfontyzX5X310') format('svg'); font-weight:normal; font-style:normal;}
@font-face {font-family:'OpenSans'; src:url('/fonts/opensans/OpenSans-Regular-webfont.eot'); src:url('/fonts/opensans/OpenSans-Regular-webfont.eot?iefix') format('eot'), url('/fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'), url('/fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'), url('/fonts/opensans/OpenSans-Regular-webfont.svg#webfontyzX5X310') format('svg'); font-weight:normal; font-style:normal;}
#right p {margin:0 0 15px 0;}  
#right h1, #left h1 {font:24px/34px 'OpenSans-Bold', Arial, Helvetica, sans-serif; margin:0 0 10px 0;}
#right h2 {font:20px/30px 'OpenSans', Arial, Helvetica, sans-serif; margin:0 0 10px 0;}
#right h3 {font:16px/22px 'OpenSans-Bold', Arial, Helvetica, sans-serif; margin:0 0 10px 0;}
#right h5 {font:22px/30px 'OpenSans-Bold', Arial, Helvetica, sans-serif; margin:0 0 10px 0; color:#0374CF;}
#left h3 {font:14px/0px 'OpenSans-Bold', Arial, Helvetica, sans-serif; margin:0 0 10px 0; color:#CCCCCC;}
#left h4 {font: 30px/30px 'OpenSans',Arial,Helvetica,sans-serif; color: #000000;}
#right a:link, #right a:visited {color:#0377d3; text-decoration:none;}
#right a:hover {color:#000;}
#right ul li {background-image:url('/images/backgrounds/bullet.gif'); background-position:left top; background-repeat:no-repeat; list-style:none outside none; margin:0 0 7px 10px; padding:0 0 0 18px;}

/* ===== Table Styles ===== */
.datatable {border-collapse:collapse; margin:0 0 15px; padding:0; background:#fff;}
.datatable p {margin:0; padding:0;}
.datatable td {border:1px solid #cbcbcb; padding:6px; color:#545454; font-size:12px;}
.datatable th {border:1px solid #cbcbcb; font-weight:bold; font-size:12px; padding:4px; background:#f3f3f3;}
.datatable td.datatable-tint, .offerdatatable td.datatable-tint {background-color:#f4f4f4; color:#272727;}
.offerdatatable {border-collapse:collapse; margin:0 0 15px; padding:0; background:#fff;}
.offerdatatable p {margin:0; padding:0;}
.offerdatatable td {border:1px solid #cbcbcb; padding:3px; color:#545454; font-size:12px;}
.offerdatatable th {border:1px solid #cbcbcb; font-weight:bold; font-size:12px; padding:4px; background:#f3f3f3;}

/* ==== Debug ==== */
.debug {background-color:pink;}

/* ==== Page Wrappers ==== */
#form1 {height:100%; min-height:100%;}
#wrapper {margin:0 auto; padding:0; height:100%; min-height:100%; width: 980px; position: relative;}
#fullwrapper {margin:15px 0 -25px; padding:15px 0 15px 0; height:100%; min-height:100%; width:100%; position: relative; background-color:#fff; border-top:1px solid #CCCCCC;}
#pages {width:980px; margin:0 auto; padding:0;}
#right {float:right; width:660px;}
#left {float:left; width:302px;}
#fullwrapper #left {float:left; width:302px; border-right:1px solid #CCCCCC;}
.right-white {float:right; background-color:#fff; width:280px; padding:20px; border:1px solid #CCCCCC;}
.left-white {float:left; background-color:#fff; width:280px; padding:20px; border:1px solid #CCCCCC;}

/* ==== PIE CSS ==== */
.csspie {position:relative;!important z-index:100; behavior:url('/scripts/pie/PIE.htc');}
.csspie-shadow {-webkit-box-shadow:#c5c5c5 0 0 3px; -moz-box-shadow:#c5c5c5 0 0 3px; box-shadow:#c5c5c5 0 0 3px;}
.csspie-darkshadow {-webkit-box-shadow:#000 0 0 3px; -moz-box-shadow:#000 0 0 3px; box-shadow:#000 0 0 3px;}

/* ==== Header ==== */
#header {width:980px; height:140px; margin:0; padding:0;}
#headerleft {width:278px; float:left; margin:-15px 0 0; padding:0;}
#headerright {width:400px; float:right; margin: 15px -9px 0 0;; padding:0;}

/* ==== Topnav ==== */
#topnav {background-color:#fff; padding:0 2px 2px 2px; float:right; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
#topnav-content {background:url('/images/backgrounds/topnav.jpg') repeat-x scroll 0 -10px #DFDFDF; height:39px; min-height:100%; margin:0; padding:0; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
#topnav ul a:link, #topnav ul a:visited {border-right:1px dotted #CCCCCC; color:#595959; display:block; margin:0; padding:9px 17px; text-decoration:none;}
#topnav ul a.topnav-last:link, #topnav ul a.topnav-last:visited {border-right:none;}
#topnav ul a:hover {background-color:#f4f4f4; text-decoration:none; color:#595959;}
#topnav li{float:left;}
ul.dropdown {position:relative; z-index:999999;}
ul.dropdown ul {list-style:none outside none; display:none; position:absolute; top:39px; left:0; z-index:999999; width:100%;}
ul.dropdown ul ul {top:2px; left:100%;}
ul.dropdown li {height:30px; position:relative; z-index:999999; list-style:none outside none;}
ul.dropdown li li {padding:2px 0 9px 0; right:0; width:175px; color:#fff; background-color:#DFDFDF; border-right:none; border-bottom:1px dotted #CCCCCC;}
#topnav ul.dropdown li li a:link, #topnav ul.dropdown li li a:visited {border-right:none;}
#topnav ul.dropdown li li a:hover {background-color:#f4f4f4;}
ul.dropdown > li {float:left;}
ul.dropdown li:hover > ul {display:block;}

/* ====== Nav Top Level ====== */
#dropList {width:980px; height:80px; border:none; z-index:10000; position:relative; margin:0 0 15px;}
#dropList ul#menu li.level1-li {float:left; height:80px; padding:0; margin:0; z-index:999999;} 
#dropList .mainmenu_item {color:#0C0C0C; font:16px/24px 'OpenSans-Bold', Arial, Helvetica, sans-serif;}
#dropList ul#menu {margin:0; padding:0; list-style:none; white-space:nowrap;} 
#dropList ul#menu li.level1-li a.level1-a {color:#ABABAB; display:block; width:119px; height:70px; float:left; padding:10px 10px 0 10px; text-decoration:none; line-height:24px; background:url('/images/menu/nav-a.png') no-repeat scroll right 10px transparent;} 
#dropList .submenu_item {color:#ABABAB; display:block; font-size:11px; font-weight:normal; padding-top:0; line-height:16px;}
#dropList ul#menu li.level1-li:hover, #dropList ul#menu li.level1-li a.level1-a:hover {position:relative; color:#fff;} 
#dropList ul#menu li.level1-li a.level1-a:hover, #dropList ul#menu li.level1-li:hover a.level1-a {color:#fff; background:url('/images/menu/nav-a-hover.png') top right no-repeat;}
#dropList ul#menu li.level1-li a.level1-a:hover span, #dropList ul#menu li.level1-li:hover a.level1-a span {color: #fff;}
#dropList ul#menu li.sub a.level1-a:hover {height:80px; color:#fff; background:url('/images/menu/nav-a-hover.png') top right no-repeat;}  
#dropList ul#menu li.sub:hover > a.level1-a {height:80px; color:#fff; background:url('/images/menu/nav-a-hover.png') top right no-repeat;} 
#dropList ul#menu li.sub:hover > a#last.level1-a {background:url('/images/menu/nav-a-hover.png') top left no-repeat;}

/* ===== Drop Styles ===== */
#dropList ul#menu li div.listHolder {position:absolute; left:-9999px; top:80px; background:url('/images/menu/nav-shadow-2.png') bottom left no-repeat; _background:#990e0e; border:none; padding:0 3px 6px; z-index:999999;} 
.bluearea {background:url('/images/menu/nav-drop.png') top left repeat-x #002155;}
#dropList ul#menu :hover div.listHolder {left:0;} 
#dropList ul#menu a:hover div.listHolder {left:0; top:80px;} 

/* ===== Dropdown Positions ===== */
#dropList ul#menu div.col1 {width:141px; z-index:999999;}
#dropList ul#menu div.col2 {width:280px; z-index:999999; margin-left:-3px;}
#dropList ul#menu div.col3 {width:420px; z-index:999999; margin-left:-3px;}
#dropList ul#menu div.col4 {width:560px; z-index:999999; margin-left:-3px;} 

/* ===== Dropdown Positions ===== */
#dropList ul#menu a:hover div.left1, #dropList ul#menu :hover div.left1 {left:-141px;} 
#dropList ul#menu a:hover div.left2, #dropList ul#menu :hover div.left2 {left:-278px;}
#dropList div.listCol {display:block; float:left; margin:0; padding:15px 10px 10px; width:119px; z-index:999999;} 
#dropList .nav-vert-divide {width:1px; height:286px; float:left; background:url('/images/menu/nav-vert-divide.png') top left no-repeat;} 
#dropList div.listCol h5 {padding:5px 0 10px 0; margin:0; font:16px/24px 'OpenSans-Bold', Arial, Helvetica, sans-serif; color:#fff; text-align:left; border-bottom:solid 1px #063785;} 
#dropList div.listCol ul {padding:10px 0 15px 0; margin:0; list-style:none;} 
#dropList div.listCol ul li {line-height:15px; padding:0; margin:0;} 
#dropList div.listCol ul li a {display:block; color:#fff; text-decoration:none; padding:4px 0 4px 5px; font-weight:normal; white-space:nowrap; text-align:left; width:114px; font:normal 12px Arial, Helvetica, sans-serif; color:#fff;} 
#dropList div.listCol ul li a:hover {text-decoration:none; background:url('/images/menu/nav-sub-hover.png') top left no-repeat;} 
#dropList table, #dropList table tr, #dropList table tr td, #dropList table td, #dropList .listholder, #dropList .listCol {z-index:999999;}
/* IE6 only */#dropList table {border-collapse:collapse; margin:-1px -10px; font-size:1em; width:0; height:0; z-index:999999; background-color:#012d74;} 
/* IE6 only */#dropList table table {border-collapse:collapse; margin:-1px -10px 0 -9px; font-size:1em; width:0; height:0; z-index:999999; background-color:#012d74;}

/* ==== Speedy Search ==== */
#homesearchcontainer {background:url('/images/backgrounds/speedy-search.png') repeat-x 0 0 #222222; width:300px; height:auto; min-height:360px; border:1px solid #373737; position:relative; color:#fff; display:block; float:left;}
* html #homesearchcontainer {height:338px;}
#homesearchcontainer h1 {font:16px/28px 'OpenSans-Bold', Arial, Helvetica, sans-serif;}
#homesearchcontainer h2 {font:24px/24px 'OpenSans-Bold', Arial, Helvetica, sans-serif;}
#homesearchcontainer .dropdown, #homesearchcontainer .dropdown-left, #homesearchcontainer .dropdown-right {font:12px Arial, Helvetica, sans-serif; color:#484848; width:260px; border:solid 1px #bebebe; margin:0 0 9px 0; padding: 5px;}
#homesearchcontainer .dropdown-left {float:left; width:125px;}
#homesearchcontainer .dropdown-right {float:right; width:125px;}
#homesearchcontainer .submit {font:14px/30px 'OpenSans-Bold', Arial, Helvetica, sans-serif; color:#fff; width:261px; height:36px; display:block; margin:0; padding:0 0 4px 0; text-align:center; background: url('/images/backgrounds/submit.png') no-repeat scroll 0 0 transparent; border:none; cursor:pointer; line-height:30px;}
#homesearchcontainer .submit:hover {background:url("/images/backgrounds/submit.png") no-repeat scroll 0 -36px transparent;}
#homesearchcontainer p, #right #homesearchcontainer p {margin:0 0 10px 0; font-size:12px; color:#fff; }
#homesearchcontainer p.advanced, #right #homesearchcontainer p.advanced {float:right; padding:0; margin:15px 0 0;}
#usedsearchtab a:link, #usedsearchtab a:active, #usedsearchtab a:visited {text-decoration:none; color:#4ab2ff;}
#usedsearchtab a:hover {text-decoration:none; color:#fff;}
#homesearchcontainer .break {width:100%; height:1px; display:block; overflow:hidden; margin-bottom:14px;}

/* ====== Speedy Search Tabs ====== */
#homesearchcontainer ul, #homesearchcontainer ul li {list-style:none; background:none;}
#homesearchcontainer #usedsearchtab, #homesearchcontainer #garagetab {width:260px; padding:15px 20px 25px; line-height:21px;}
.ui-tabs-hide {display:none;}
.ui-tabs-nav {list-style:none; margin:0; padding:0; font:18px/48px 'OpenSans-Bold', Arial, Helvetica, sans-serif;}
.ui-tabs-nav:after {display:block; clear:both; content:" ";}
.ui-tabs-nav li {float:left; margin:0; min-width:150px;}
.ui-tabs-nav a, .ui-tabs-nav a span {display:block; padding:0; background:url('/images/backgrounds/search-tab.png') top right no-repeat; width:150px; height:48px;}
.ui-tabs-nav a, #right .ui-tabs-nav a {margin:0; padding-left:0; color:#c7c7c7; text-align:center; text-decoration:none; white-space:nowrap; outline:0;}
.ui-tabs-nav .ui-tabs-selected a, #right .ui-tabs-nav .ui-tabs-selected a {position:relative; top:0px; z-index:2; margin-top:0; color:#fff;}
.ui-tabs-nav a span {width:150px; min-width:150px; height:48px; min-height:48px;}
*>.ui-tabs-nav a span {width:auto; height:auto;}
.ui-tabs-nav .ui-tabs-selected a span {padding-bottom:0;}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {background:url(/images/backgrounds/search-tab-selected.png) top left no-repeat;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {cursor:default;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active {cursor: pointer;}
.ui-tabs-panel {}
* html .ui-tabs-nav {display: inline-block;}
*:first-child+html .ui-tabs-nav {display: inline-block;}

/* ==== Garage  ==== */
#garagegreet {display:none;}
#compare-view-all {width:225px; height:30px; margin-top:10px; background:url('/images/backgrounds/compare-view.png') top left no-repeat;}
#compare-view-all a, #right #compare-view-all a {color:#fff;}
#compare-view-all a.compare, #compare-view-all a.viewall {display:block; height:30px; line-height:30px; float:left; text-decoration:none;}
#compare-view-all a.compare {width:100px; padding:0 0 0 13px;}
#compare-view-all a.viewall {width:98px; padding:0 0 0 14px;}
.shortlistrecord {width:260px; padding:10px 0 0 0; display:block; overflow:hidden; text-align:left; border-bottom:solid 1px #666666;}
.shortlistpic {float:left; margin:0 10px 10px 0;}
#homesearchcontainer p.shortlisttitle, #right #homesearchcontainer p.shortlisttitle {font-size:11px; line-height:13px; padding:0; margin:0 0 1px 0;}
#homesearchcontainer p.shortlistprice, #right #homesearchcontainer p.shortlistprice {color:#fff; font-size:14px; font-weight:bold; margin:0 0 4px 0;}
.shortlistcontrols {font-size:10px;}
.shortlistcontrols a:link, .shortlistcontrols a:active, .shortlistcontrols a:visited, #right .shortlistcontrols a:link, #right .shortlistcontrols a:active, #right .shortlistcontrols a:visited {text-decoration:none; color:#fff;}
.shortlistcontrols a:hover, #right .shortlistcontrols a:hover{text-decoration:none; color:#eaeaea;}  
.shortlisticon {margin:3px 5px 0 3px;}
.shortlisticon2 {margin:3px 5px 0 12px;}

/* ==== Left Forms ==== */
#left-form {background:url('/images/backgrounds/speedy-search.png') repeat-x 0 -1px #222222; padding:15px 20px 25px; line-height:21px; width:260px; height:auto; border:1px solid #373737; position:relative; color:#fff; display:block; float:left;}
#left-form .textinput, #left-form .dropdown {font:12px Arial, Helvetica, sans-serif; color:#484848; width:249px; border:solid 1px #bebebe; margin:10px 0 0; padding:5px;}
#left-form .dropdown {width:260px;}
#left-form .submit {font:14px/30px 'OpenSans-Bold', Arial, Helvetica, sans-serif; color:#fff; width:261px; height:36px; display:block; margin:10px 0 0; padding:0 0 4px 0; text-align:center; background: url('/images/backgrounds/submit.png') no-repeat scroll 0 0 transparent; border:none; cursor:pointer; line-height:30px;}
#left-form .submit:hover {background:url('/images/backgrounds/submit.png') no-repeat scroll 0 -36px transparent;}
#left-form .break {margin:8px auto;}

/* ===== Home Banner ===== */
#slideshow {overflow:hidden;}
#homebanner-wrapper {float:right; width:660px; height:362px;}
#homebanner {width:660px; height:250px;}
.banner {width:660px; height:250px;}
.banner-offer {background:url("/images/backgrounds/white.png") repeat transparent; /*width:285px; height:100px;*/ position:absolute; top:15px; right:0; z-index:99999; padding:15px;}
.button-link {background:url("/images/backgrounds/link.png") no-repeat scroll 0 0 transparent; width:157px; height:36px; cursor:pointer; display:block; color:#fff; text-align:center; font:14px/35px 'OpenSans-Bold', Arial, Helvetica, sans-serif; margin: 10px 0 0; padding:0; float:right;}
.button-link:hover {background:url("/images/backgrounds/link.png") no-repeat scroll 0 -36px transparent; width:157px; height:36px; cursor:pointer; display:block; color:#fff; text-align:center; font:14px/35px 'OpenSans-Bold', Arial, Helvetica, sans-serif; margin: 10px 0 0; padding:0; float:right;}
#homebanner .banner-offer h1 {line-height:30px; color:#4ba82e; font:24px/32px 'OpenSans-Bold', Arial, Helvetica, sans-serif; text-align:right;}
#homebanner .banner-offer p {text-align:right;}
#slideshow {position:absolute; z-index:20;}
#homeslide-nav {/*width:26px;*/ padding:0; text-align:center; position:absolute; z-index:9999; bottom:120px; right:5px;}
#homeslide-nav a:link, #homeslide-nav a:active, #homeslide-nav a:visited, #homeslide-nav a:hover {background: url("/images/backgrounds/homeslide-nav.png") no-repeat scroll left top transparent; display:inline-block; height:16px; margin:0 5px; outline:medium none; padding:0; text-indent:-9999px; width:17px; margin:5px 0 0;}
#homeslide-nav a.activeSlide {background: url("/images/backgrounds/homeslide-nav-active.png") no-repeat scroll left top transparent;}

/* ===== Home Quick Links ===== */
.home-quick-link, .home-quick-link-end {padding:10px 0 0 60px; width:101px; height:97px; float:left; margin:5px 5px 0 0; display:block; cursor:pointer; color:#fff; font-size:11px; line-height:18px;}
.home-quick-link-end {margin:5px 0 0 0;}
#homebanner-wrapper .home-quick-link h1, #homebanner-wrapper .home-quick-link-end h1 {font:16px/28px 'OpenSans-Bold', Arial, Helvetica, sans-serif;}
.ql-motability {background: url('/images/backgrounds/ql-motability.jpg') no-repeat 0 0 transparent;}
.ql-greencars {background: url('/images/backgrounds/ql-greencars.jpg') no-repeat 0 0 transparent;}
.ql-checkup {background: url('/images/backgrounds/ql-checkup.jpg') no-repeat 0 0 transparent;}
.ql-offers {background: url('/images/backgrounds/ql-offers.jpg') no-repeat 0 0 transparent;}

/* ==== Used Car Results ==== */
#usedlistwrapper ul li {background-image:none; font-weight:normal; margin:0; padding:0;}
#controls-pagination {background: url('/images/backgrounds/speedy-search.png') repeat-x scroll 0 -1px #222222; border:1px solid #373737; color:#fff; display:block; margin:0 0 10px 0; padding:0; height:48px; position:relative; width:658px;}
#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:10px 0 0 10px; float:left; width:245px; display:block;}
.list-filter select {width:170px; line-height:25px; padding:4px 5px; margin:0 0 0 10px; border:solid 1px #BEBEBE; font:12px/25px Arial, Helvetica, sans-serif; color: #484848;}
#pagination {margin-bottom:0; padding-top:8px;}
#pagination li {margin: 0;}
#usedlistwrapper .COGPager .COGPagerItemSelected span{background:url('/images/backgrounds/page-selected.png') top left repeat-x #373737; color:#fff; font-weight:bold; border:solid 1px #373737; margin:0 0 0 0; font-size: 11px;}
/* not a link style */#usedlistwrapper .COGPager span{background:url('/images/backgrounds/page-not-selected.png') top left repeat-x #373737; color:#9f9f9f; display:block; margin:0 6px 0 0; width:27px; padding:4px 0 0 0; font-weight:bold; border:solid 1px #666666; height:24px; font-size:11px;}
#usedlistwrapper .COGPager li.COGPagerNext {width: 27px; float:left; margin:0 9px 0 0;}
/* link style */#usedlistwrapper .COGPager a:link, #usedlistwrapper .COGPager a:visited, #usedlistwrapper .COGPager a:active {background: url('/images/backgrounds/page-link.png') top left repeat-x #c9c9c9; text-decoration:none; color:#3c3c3c; width: 27px; margin:0 6px 0 0; display:block; padding:4px 0 5px 0; border:1px solid #666666; height:19px; font-weight:normal; font-size: 11px;}
#usedlistwrapper .COGPager a:hover {text-decoration:none; color:#4AB2FF; border:1px solid #4AB2FF;}
/* hides the pagination display */#usedlistwrapper .COGPager li.COGPagerItem, #usedlistwrapper .COGPager li.COGPagerItemSelected {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:#262424; text-decoration:none; display:block; cursor:pointer;}
#usedlist a:hover {font-weight:normal; color:#262424; text-decoration:none; display:block; cursor:pointer;}
.usedlistvehicle {width:628px; padding:16px 15px 15px 15px; display:block; font-size:12px; margin-bottom:12px; background:url('/images/backgrounds/contact.png') top left repeat-x #ebebeb; border:solid 1px #CCCCCC;}
.usedlistvehicle-image {margin:0; padding:0; float:left; }
.usedlistvehicle-right {width:405px; float:right; margin:0; padding:0 0 0 0; color:#444444; line-height:19px;}
#usedlistwrapper .listdescription {font-size:15px; margin:0 0 6px 0; font:normal 17px Arial, Helvetica, sans-serif; color: #6d6d6d;}
#usedlistwrapper .listprice {color:#242424; font-size:20px; padding: 10px 0 0 0; font:normal 23px Arial, Helvetica, sans-serif; color:#00A5D5;}
.listbreak {display:block; height: 6px;}
.usedlistsummary-left {float:left; width:185px; border-right:solid 1px #c9c9c9; padding:0 10px 0 0;}
.usedlistsummary-right {float:left; width:185px; padding:0 0 0 15px;}
#usedlist h2 {font:16px/18px 'OpenSans-Bold',Arial,Helvetica,sans-serif; margin:0;}

/* ===== Used Car Details ===== */
.detail-left {float:left; width:400px;}
.detail-right {float:right; width:240px;}
#right .used-tel {background: url('/images/backgrounds/phone-icon.png') no-repeat scroll 0 0 transparent; font: 22px/30px 'OpenSans-Bold',Arial,Helvetica,sans-serif; height:43px; margin:0 0 10px; padding:5px 0 0 60px;}
.detailsthumb, .detailsthumbend {float:left; margin:10px 12px 0 0;}
.detailsthumbend {margin:10px 0 0 0;}
.shortlist {background:url("/images/backgrounds/shortlist-but.png") no-repeat scroll 0 0 transparent; width:240px; height:36px; cursor:pointer; display:block; color:#fff; text-align:center; font:14px/35px 'OpenSans-Bold', Arial, Helvetica, sans-serif; margin: 10px 0 0; padding:0; float:right;}
.shortlist:hover {background:url("/images/backgrounds/shortlist-but.png") no-repeat scroll 0 -36px transparent; width:240px; height:36px; cursor:pointer; display:block; color:#fff; text-align:center; font:14px/35px 'OpenSans-Bold', Arial, Helvetica, sans-serif; margin: 10px 0 0; padding:0; float:right;}
.shortlist-hidden {display:none;}

/* ===== Used Car Details Tabs ===== */
#detailstabs {float:left; margin:20px 0 0;}
#detailstabs ul, #detailstabs ul li {list-style:none; background:none; margin:0; padding:0;}
#detailstabs #detailtabwrap {width:620px; padding:19px; border:solid 1px #c8c8c8; background-color:#fff; margin:-1px 0 20px 0;}
#left #detailtabwrap h2 {margin-top:6px;}
#detailstabs .ui-tabs-nav {list-style:none; margin:0; padding:0; font:11px/40px 'OpenSans', Arial, Helvetica, sans-serif;}
#detailstabs .ui-tabs-nav li {float:left; margin:0 5px 0 0; min-width:100px;}
#detailstabs .ui-tabs-nav a, #detailstabs .ui-tabs-nav a span {display:block; padding:0; background:url('/images/backgrounds/details-tab.png') top right no-repeat; width:100px; height:41px;}
#detailstabs .ui-tabs-nav a {margin:0; padding-left:0; color:#535353; text-align:center; text-decoration:none; white-space:nowrap; outline:0;}
#detailstabs .ui-tabs-nav .ui-tabs-selected a {position:relative; top:0px; z-index:2; margin-top:0; color:#111111;}
#detailstabs .ui-tabs-nav a span {width:100px; min-width:100px; height:41px; min-height:41px;}
#detailstabs .ui-tabs-nav .ui-tabs-selected a span, #detailstabs .ui-tabs-nav a:focus span, #detailstabs .ui-tabs-nav a:active span {background:url(/images/backgrounds/details-tab-selected.png) top left no-repeat;}
#detailstabs .ui-tabs-nav .ui-tabs-selected a:link, #detailstabs .ui-tabs-nav .ui-tabs-selected a:visited, #detailstabs .ui-tabs-nav .ui-tabs-disabled a:link, #detailstabs .ui-tabs-nav .ui-tabs-disabled a:visited {cursor:default;}
#detailstabs .ui-tabs-nav a:hover, #detailstabs .ui-tabs-nav a:focus, #detailstabs .ui-tabs-nav a:active, #detailstabs .ui-tabs-nav .ui-tabs-deselectable a:hover, #detailstabs .ui-tabs-nav .ui-tabs-deselectable a:focus, #detailstabs .ui-tabs-nav .ui-tabs-deselectable a:active {cursor:pointer;}

/* ===== Used Car Details Tab Content ===== */
#detailstabs .quicktab-right h1 {font-size:20px;}
.quicktab-left {float:left; width:380px;}
.quicktab-right {float:right; padding:15px; width:190px; background-color:#bbd37f;}
.howmuchtbl {line-height:14px;}
.howmuchtbl td {padding:0 0 15px 0;}
#styledspec ul {margin-bottom:17px;}
#detailstabs ul, #detailstabs ul li {background:none repeat scroll 0 0 transparent;list-style:none outside none; margin:0; padding:0;}
#styledspec ul li {background-image: url('/images/backgrounds/bullet.gif'); background-position:left top; background-repeat:no-repeat; float:left; margin:0 0 7px; padding:0 0 0 18px; width:292px;}
#left a.leftbanner {display: block; height: 89px; margin: 20px 0 10px; overflow: hidden; padding: 18px 0 0 125px; width: 178px;}
#left a.print {background: url('/images/backgrounds/print.jpg') no-repeat scroll left top transparent;}
#left a.testdrive {background: url('/images/backgrounds/testdrive.jpg') no-repeat scroll left top transparent;}
#left a.brochure {background: url('/images/backgrounds/brochure.jpg') no-repeat scroll left top transparent;}
#left a.specialoffers {background: url('/images/backgrounds/special-offers.jpg') no-repeat scroll left top transparent;}
#left a.leftbanner h1 {font:22px/24px 'OpenSans-Bold', Arial, Helvetica, sans-serif; margin:0 0 5px; color:#fff;}
#left a.leftbanner:link, #left a.leftbanner:visited, #left a.leftbanner:active {color:#fff; text-decoration:none; display:block;}

/* ===== New Car Details ===== */
.new-quick-details {background-color:#fff; border:1px solid #C8C8C8; margin:20px 0 0 0; padding:20px; width:618px;}
.new-quick-spec, .new-how-much, .new-contact-us {float:left; width:175px; margin:0 20px 0 0; border-right:1px solid #CCCCCC;}
.new-how-much {width: 215px;}
#right .new-quick-details h2 {font:18px/22px 'OpenSans-Bold',Arial,Helvetica,sans-serif; margin:0 0 10px;}
#right .new-quick-details h3 {font:20px/22px 'OpenSans',Arial,Helvetica,sans-serif; margin:35px 0 0;}
#right .new-quick-details h4 {font:24px/28px 'OpenSans-Bold',Arial,Helvetica,sans-serif; margin:0 0 40px;}
#right .new-quick-details p {margin:0 0 2px 0;}
.new-contact-us {margin:0; border-right:none;}
#right .new-quick-details .howmuchtbl td {padding:0 0 10px;}

/* ===== Detailership Details ===== */
.dealership-details {background-color:#fff; border:1px solid #C8C8C8; margin:20px 0 0 0; padding:20px; width:618px;}
.dealership-left {float:left; width:300px; border-right:1px solid #CCCCCC;}
.dealership-right {float:right; width:300px;}
#right .dealership-details h2 {font:18px/18px 'OpenSans-Bold',Arial,Helvetica,sans-serif; margin:0 0 10px;}
#right .dealership-details h3 {font:20px/20px 'OpenSans',Arial,Helvetica,sans-serif; margin:20px 0 10px;}
#right .dealership-details h4 {font:24px/24px 'OpenSans-Bold',Arial,Helvetica,sans-serif; margin:0 0 10px;}
#right .dealership-details p {margin:0 0 2px 0;}
#right .dealership-details .submit {font:14px/30px 'OpenSans-Bold', Arial, Helvetica, sans-serif; color:#fff; width:261px; height:36px; display:block; margin:0; padding:0 0 4px 0; text-align:center; background: url('/images/backgrounds/submit.png') no-repeat scroll 0 0 transparent; border:none; cursor:pointer; line-height:30px;}
#right .dealership-details .submit:hover {background:url("/images/backgrounds/submit.png") no-repeat scroll 0 -36px transparent;}
#right .dealership-details .textinput {border: 1px solid #BEBEBE;color: #484848;font: 12px Arial,Helvetica,sans-serif;margin: 0 0 9px;padding: 5px;width: 248px;}

/* ===== About Us ===== */
.aboutus-pop {float:right;}
.aboutus-left {float:left; width:490px;}

/* ==== Offer Banners ==== */
.offer-banner {float:left; margin:0 15px 15px 0; padding:0; width:200px;}
.offer-text {float:right; margin:0; padding:0; width:440px;}

/* ===== Forms ===== */
#form {background: url('/images/backgrounds/form.jpg') repeat-x scroll left top #fff; width:620px; padding:25px 19px; border:1px solid #C8C8C8;}
#form .dropdown, #form .textinput, #form .textarea {border:1px solid #BEBEBE; color:#484848; font:12px Arial,Helvetica,sans-serif; margin: 0 0 9px;padding:5px; width:360px;}
#form .textinput, #form .textarea {width:350px;}
#form .submit {font:14px/30px 'OpenSans-Bold', Arial, Helvetica, sans-serif; color:#fff; width:261px; height:36px; display:block; margin:10px 0 0; padding:0 0 4px 0; text-align:center; background: url('/images/backgrounds/submit.png') no-repeat scroll 0 0 transparent; border:none; cursor:pointer; line-height:30px;}
#form .submit:hover {background:url('/images/backgrounds/submit.png') no-repeat scroll 0 -36px transparent;}
#form table {border-collapse:collapse; margin:0 auto;}

/* ==== Banners ==== */
.titlebanner {margin:0 0 20px 0;}
#right a.rightbanner:link, #right a.rightbanner:visited, #right a.rightbanner:active {color:#fff; text-decoration:none; display:block;}
#right a.rightbanner {display:block; height:89px; margin:10px 0; overflow:hidden; padding:18px 0 0 125px; width:195px;}
#right a.rightbanner h1 {color:#fff; font:18px/24px 'OpenSans-Bold',Arial,Helvetica,sans-serif; margin:0 0 5px; padding:0;}
#right a.rightbanner p {color:#fff; font:12px/21px Arial,Helvetica,sans-serif,serif; margin:0; padding:0;}
#right a.ablock:link, #right a.ablock:visited {color:#3B3B3B; text-decoration:none;}
#right a.ablock:link, #right a.ablock:visited {color:#3B3B3B; text-decoration:none;}
#right a.ablock:hover {color:#0377D3; text-decoration:none;}
#right a.skoda {background:url('/images/backgrounds/skoda.jpg') no-repeat scroll left top #626262;}
#right a.honda {background:url('/images/backgrounds/honda.jpg') no-repeat scroll left top #626262;}
#right a.carsunder5 {background:url('/images/backgrounds/carsunder5.jpg') no-repeat scroll left top #626262;}
#right a.team {background:url('/images/backgrounds/team.jpg') no-repeat scroll left top #626262;}
#right a.options {background:url('/images/backgrounds/optins.jpg') no-repeat scroll left top #626262;}
#right a.lplate {background:url('/images/backgrounds/lplate.jpg') no-repeat scroll left top #626262;}
#right a.apply {background:url('/images/backgrounds/apply.jpg') no-repeat scroll left top #626262;}
#right a.repair {background:url('/images/backgrounds/repair.jpg') no-repeat scroll left top #626262;}
#right a.honda-skoda {background:url('/images/backgrounds/honda-skoda.jpg') no-repeat scroll left top #626262;}
#right a.aftercare {background:url('/images/backgrounds/aftercare.jpg') no-repeat scroll left top #626262;}
#right a.motability {background:url('/images/backgrounds/motability.jpg') no-repeat scroll left top #626262;}
#right a.newcar {background:url('/images/backgrounds/new-car.jpg') no-repeat scroll left top #626262;}
#right a.business {background:url('/images/backgrounds/business.jpg') no-repeat scroll left top #626262;}
#right a.ex-demo {background:url('/images/backgrounds/ex-demo.jpg') no-repeat scroll left top #626262;}
#right a.reduced {background:url('/images/backgrounds/reduced-car.jpg') no-repeat scroll left top #626262;}
#right a.reduced {background:url('/images/backgrounds/reduced-car.jpg') no-repeat scroll left top #626262;}
#right a.city {background:url('/images/backgrounds/city.jpg') no-repeat scroll left top #626262;}
#right a.bodyrepair {background:url('/images/backgrounds/bodyrepair.jpg') no-repeat scroll left top #626262;}
#right a.friend {background:url('/images/backgrounds/friend.jpg') no-repeat scroll left top #626262;}
#right a.motabilityoffer {background:url('/images/backgrounds/motability-offers.jpg') no-repeat scroll left top #626262;}
#right a.motabilityfaq {background:url('/images/backgrounds/motability-faq.jpg') no-repeat scroll left top #626262;}
#right a.motabilitycar {background:url('/images/backgrounds/car-adaptions.jpg') no-repeat scroll left top #626262;}

/* ==== Left ==== */
.left-tel {background: url('/images/backgrounds/arrow.png') no-repeat scroll 15px 23px #fff; height:60px; margin: 25px 0 0; padding:10px 0 10px 50px; position: relative; width: 252px; z-index: 15;}
.left-tel-shadow {background:url('/images/backgrounds/left-tel-shadow.png') no-repeat scroll 0 0 transparent; margin: 0 0 -135px; height:125px; left:-43px; position:relative; top:-92px; width:324px; z-index:10;}
#left .left-tel h1 {font:24px/24px 'OpenSans-Bold', Arial, Helvetica, sans-serif; margin:0;}
#left .left-tel h4 {font:30px/30px 'OpenSans',Arial,Helvetica,sans-serif; color:#000000;}

/* ===== Footer ===== */
#footerwrapper {background:url('/images/backgrounds/footer.jpg') repeat-x scroll left top transparent; width:100%; margin:25px 0 0;}
#footer {width:980px; margin:0 auto; padding:25px 0 40px;}
#footerleft {float:left; width:302px;}
#footerright {float:right; width:660px;}
#footer .break {background-color:#313131;}

/* ==== Footer Text Styles ==== */
#footer p {margin:0 0 15px 0; color:#a6a6a6;}
#footer h1 {font:18px/34px 'OpenSans-Bold', Arial, Helvetica, sans-serif; margin:0 0 10px 0; color:#fff;}
#footer a:link, #footer a:visited {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}