/* ==== Sandicliffe - 2011 (c) bluesky interactive ==== */

@import url("/fancybox/jquery.fancybox-1.3.4.css");
@import url("/includes/reset.min.css");
@import url("/includes/sandy-ui/jquery-ui-1.8.14.custom.css");

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

html {
margin: 0; 
padding: 0;
background:#252525;}
body {
font: normal 12px/22px Trebuchet MS, Helvetica, sans-serif; color:#333333;}
.notes {
font: normal 10px/16px Arial, Helvetica, sans-serif, serif; color: #9e9e9e; }
.clear {
clear: both;
height: 0px;
overflow: hidden; }
.break {
width: 100%;
height:4px;
display:block;
overflow:hidden;
background:url(/images/backgrounds/break.png) top left repeat-x;
margin-bottom:17px;}
#left .break {
margin-bottom: 14px;}

/* ==== font face styles ==== */

@font-face {
font-family: 'Futura';
src: url('/fonts/futuram-webfont.eot');
src: url('/fonts/futuram-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/futuram-webfont.woff') format('woff'),
url('/fonts/futuram-webfont.ttf') format('truetype'),
url('/fonts/futuram-webfont.svg#FuturaMdBTMedium') format('svg');
font-weight: normal;
font-style: normal;}
@font-face {
font-family: 'FuturaBold';
src: url('/fonts/futuraxk-webfont.eot');
src: url('/fonts/futuraxk-webfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/futuraxk-webfont.woff') format('woff'),
url('/fonts/futuraxk-webfont.ttf') format('truetype'),
url('/fonts/futuraxk-webfont.svg#FuturaExtraBlack') format('svg');
font-weight: normal;
font-style: normal;}

/* ==== login panel ==== */

#panel {
width: 100%;
background-color:#1a70b1;
position:relative;
height:0px;
top: 0;
overflow:hidden;}
a.panel_button {
position: relative;}
#panel-inner {
width: 980px;
margin: 0 auto;}
#panel-left {
width:290px;
float:left;
padding: 5px 10px 0 0;
text-align:right;}
#panel-right {
width: 660px;
float: right;
padding: 0;}
#panel-right .forgot {
padding: 5px 0 25px 0;
text-align:left;}
#panel-right a:link, #panel-right a:visited, #panel-right a:active {
text-decoration: none;
color:#86b3d6;
margin-right: 10px;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear;}
#panel-right a:hover{
color:#fff;
text-decoration:none;}
#panel-right h2 {
font: normal 21px/26px 'Futura', Arial, Helvetica, sans-serif; color: #fff; 
margin:0 0 8px 0;}
#panel-right h3 {
font: normal 14px 'Futura', Arial, Helvetica, sans-serif; color: #fff; 
margin: 0 0 20px 0;}
#plus-login .textinput {
width: 176px;
margin: 0 10px 6px 0;
height: 28px;
line-height: 28px;
padding: 0 5px;
border:solid 1px #c9c9c9;
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #484848;
float: left;}
#plus-login .submit {
}

/* ==== pages ==== */

#pages-wrapper {
width: 100%;
background:url(/images/backgrounds/page-wrap.png) top center repeat-y #eeeeee;
padding: 0;
position:relative;}
#pages-wrap-top {
width: 100%;
background:url(/images/backgrounds/pagewrap-top.png) top center no-repeat;
padding: 0;}
#pages { 
width: 980px;
padding: 0 0 25px;
margin: 0 auto;}

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

#header {
width: 980px;
height: 139px;
display:block;
overflow:hidden;}
#headerleft {
width: 280px;
float: left;
padding: 0;}
#headerright {
width: 665px;
float: right;
padding: 0;
text-align:right;}
#headerright p.tel {
font: normal 33px/33px 'FuturaBold', Arial, Helvetica, sans-serif; color:#1f75b5;
letter-spacing:-1px;}
#headerright p.tel-sub {
font: normal 15px/18px Trebuchet MS, Arial, Helvetica, sans-serif; color:#a0a0a0;}
#headerright-top {
width: 665px;
height:40px;
display:block;
overflow:hidden;}
#headerright-bottom {
width: 665px;
display:block;
overflow:hidden;}
#headerright-bottom .btm-left {
width: 383px;
height:77px;
padding:22px 0 0 5px;
float:left;
text-align:left;
background:url(/images/backgrounds/header-divide.png) top right no-repeat;}
#headerright-bottom .btm-right {
width: 272px;
float:right;
padding: 24px 0 0 0;}
#headerright-bottom .btm-left .ford {
margin: 0 55px 0 0;
float: left;}
#headerright-bottom .btm-left .mazda {
margin: 0 55px 0 0;
float: left;}
#headerright-bottom .btm-left .suzuki {
margin: 0 30px 0 0;
float: left;}
#headerright-bottom .btm-left .kia {
margin: 0;
float: left;}
.solo-brand-greet, .solo-brand-greet span {
display: none;
font: normal 25px/51px 'FuturaBold', Arial, Helvetica, sans-serif; color:#313131;
letter-spacing:-1px;}
#fordpage .mazda, #fordpage .suzuki, #fordpage .kia,
#kiapage .mazda, #kiapage .suzuki, #kiapage .ford,
#mazdapage .ford, #mazdapage .suzuki, #mazdapage .kia,
#suzukipage .mazda, #suzukipage .ford, #suzukipage .kia{
display: none;}
#fordpage #headerright-bottom .btm-left .ford, 
#mazdapage #headerright-bottom .btm-left .mazda, 
#kiapage #headerright-bottom .btm-left .kia, 
#suzukipage #headerright-bottom .btm-left .suzuki{
float: left;
margin: 0 15px 0 0;}
#fordpage .solo-brand-greet, #fordpage .solo-brand-greet .fordgreet, 
#mazdapage .solo-brand-greet, #mazdapage .solo-brand-greet .mazdagreet, 
#kiapage .solo-brand-greet, #kiapage .solo-brand-greet .kiagreet, 
#suzukipage .solo-brand-greet, #suzukipage .solo-brand-greet .suzukigreet{
display: inline;}
#header a.swapshop {
width:104px;
height:139px;
background:url(/images/header/swopshop-logo.png) top right no-repeat;
display: block;
float:left;
margin-top:1px;
z-index:4;}
#header a.swapshop:hover {
background:url(/images/header/swopshop-ro.png) top left no-repeat;}
sandilogo {
float:left;
height:139px;}

/* ====== topnav  ====== */

#topnav {
width: 450px;
height:40px;
background:url(/images/backgrounds/topnav.png) top left no-repeat;
float:left;
text-align:left;
margin: 0;
padding: 0 0 0 18px;}
#topnav ul, #topnav ul li {
list-style: none;
background:none;
margin:0; 
padding:0 10px 0 0;}
#topnav ul li {
float:left;
margin:0 10px 0 0;
line-height:36px;
background:url(/images/backgrounds/topnav-divide.png) top right no-repeat;}
#topnav ul li.last {
background:none;
margin-right: 0;}
#topnav a:link, #topnav a:active, #topnav a:visited {
text-decoration: none;
color:#777f85;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear;}
#topnav a:hover {
text-decoration: none;
color:#005a9c;}

/* ====== nav top level ====== */

#navcontainer {
width: 980px;
height: 63px;
border: none;
background:url(/images/backgrounds/nav.png) top left repeat-x;
z-index:999999;
position: relative;}
#dropList { 
height:63px; 
width:980px; 
font-family: Arial, Helvetica, sans-serif;
z-index:999999;
border: none;} 
#dropList ul#menu li.level1-li { 
float:left; 
height:63px; 
padding: 0; 
margin:0;
z-index:999999; } 
#navcontainer .mainmenu_item {
font: normal 18px 'Futura', Arial, Helvetica, sans-serif; color:#ededed;}
#navcontainer .submenu_item {
color:#d5d5d5;
display:block;
font-size:11px;
font-weight:normal;
padding-top:0;
line-height:16px;}
#dropList ul#menu {
margin:0;
padding:0;
list-style:none;
white-space:nowrap;
z-index:999999;} 
#dropList ul#menu, #dropList ul#menu li, #dropList ul#menu li div, #dropList ul#menu li div div {
z-index:999999;
position:relative}
#dropList ul#menu li.level1-li a.level1-a {
display:block;
height:53px;
float:left;
font-size: 11px;
padding:10px 10px 0 10px;
text-decoration:none; 
line-height:24px;
white-space:nowrap;
font-weight:normal; 
color:#ffffff;
width: 120px;
background:url(/images/backgrounds/nav-a.png) top right no-repeat;}
#dropList ul#menu li.level1-li a#last.level1-a {
background: none;}
#dropList ul#menu li.sub a.level1-a {
color:#ffffff;} 
#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/backgrounds/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:63px; 
color:#ffffff; 
background:url(/images/backgrounds/nav-a-hover.png) top right no-repeat; }  
#dropList ul#menu li.sub:hover > a.level1-a { 
background:url(/images/backgrounds/nav-a-hover.png) top right no-repeat;  }
#dropList ul#menu li.sub:hover > a#first.level1-a { 
background:url(/images/backgrounds/nav-a-hover-first.png) top left no-repeat;  }
#dropList ul#menu li.sub:hover > a#last.level1-a {
background:url(/images/backgrounds/nav-a-hover-last.png) top right no-repeat; }
#dropList ul#menu li.level1-li a#first.level1-a:hover {
background:url(/images/backgrounds/nav-a-hover-first.png) top left no-repeat; }
#dropList ul#menu li.level1-li a#last.level1-a:hover {
background:url(/images/backgrounds/nav-a-hover-last.png) top right no-repeat; }

/* ===== drop styles ===== */

#dropList ul#menu li div.listHolder { 
position:absolute; 
left:-9999px; 
top:63px; 
border: none; 
padding:0 3px 6px;
z-index:999999;} 
.redarea {
background:url(/images/backgrounds/nav-drop.png) top left repeat-x #1c1c1c;}
#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:139px;
z-index:999999;
margin-left: -3px; }
#dropList ul#menu div.col1 .listCol {
min-height: 186px;}
#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;} 
#dropList ul#menu div.col5 {
width:705px;
z-index:999999;
margin-left: -3px;} 
#dropList ul#menu a:hover div.left1, #dropList ul#menu :hover div.left1 {
left:-140px;} 
#dropList ul#menu a:hover div.left2, #dropList ul#menu :hover div.left2 {
left:-278px;}
#dropList ul#menu a:hover div.left4, #dropList ul#menu :hover div.left4 {
left:-566px;}
#dropList div.listCol {
display:block; 
float:left; 
padding:15px 10px 10px; 
margin:0; 
width:119px;
z-index:999999;} 
#dropList .nav-vert-divide {
width: 1px; 
height: 286px; 
float:left;
background:url(/images/backgrounds/nav-vert-divide.png) top left no-repeat;} 
#dropList div.listCol h5 {
padding:5px 0 10px 3px; 
margin:0; 
font: normal 16px 'Futura', Arial, Helvetica, sans-serif; color: #fff; 
text-align:left;
border-bottom:solid 1px #393939;} 
#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 Trebuchet MS, Arial, Helvetica, sans-serif; color: #ffffff; } 
#dropList div.listCol ul li a:hover {
text-decoration:none;
background:url(/images/backgrounds/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:#990e0e;} 
#dropList table table { 
border-collapse:collapse; 
margin:-1px -10px 0 -9px; 
font-size:1em; 
width:0; 
height:0;
z-index:999999;
background-color:#990e0e;}

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

.navshadow {
width: 980px;
height:15px;
display:block;
overflow:hidden;
position:relative;
z-index:2;
margin: 0;
background:url(/images/backgrounds/navshadow.png) top center no-repeat;}

/* ==== breadcrumbs ==== */

#bread {
width: 980px;
color: #a2a3a3;
margin: -3px 0 0 0;
padding: 0 0 11px 0;}
#bread .intro {
padding: 0 8px 0 0;}
#bread a:link, #bread a:active, #bread a:visited {
text-decoration: none;
color:#6f6f6f;
padding: 0 2px;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear;} 
#bread a:hover {
text-decoration: none;
color:#252525;}
#bread .crumbs {
float:left;
width:795px;}
#bread .greet {
float:right;
width:170px;
color:#a2a3a3;
text-align:right;}

/* ==== site structure ==== */

#left {
float: left;
width: 300px;}
#left a:link, #left a:visited, #left a:active {
font-weight: normal;
color: #4AB2FF; text-decoration: none;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear;}
#left a:hover {
font-weight: normal;
color: #00a5d5; text-decoration: none;}
#right {
float: right;
width: 660px;
padding-top: 15px;}
#homestyles #right {
padding-top: 0;}
#right a:link, #right a:visited, #right a:active {
font-weight: normal;
color: #005A9C; text-decoration: none;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear;}
#right a:hover {
font-weight: normal;
color: #449063; text-decoration: none;}

/* ==== homepage bits ==== */

#home-offer-rotate {
width: 610px;
height:213px;
border: solid 5px #dedede;
display:block;
position:relative;
margin: 0 0 13px 0;}
#home-offer-nxt, #home-offer-prv {
width:33px;
height:72px;
position:absolute;
top: 70px;
cursor:pointer;
z-index:9;}
#home-offer-nxt {
right: -33px;
background: url(/images/backgrounds/homeoffer-right.png) top left no-repeat;}
#home-offer-prv {
left: -33px;
background: url(/images/backgrounds/homeoffer-left.png) top left no-repeat;}
#service-lead {
width: 178px;}
#service-lead .textinput {
width: 166px;
margin: 0 0 6px 0;
padding: 0 5px 0 5px;
height: 25px;
border:solid 1px #c9c9c9;
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #484848;
float: left;}
#service-lead .submit {
}
#managers-specials {
width: 300px;}
#managers-specials .featuredimg {
float: left;
margin: 0 10px 0 0;}
#managers-specials .details {
color: #005a9c;
line-height:26px;}
#left #managers-specials .carlink {
width: 260px;
display:block;
color:#333;}
#managers-cycle div {
background: none !important;
min-height:68px;}
.clickhere {margin-top:6px;}

/* ====== speedy search ====== */
 
#homesearchcontainer {
width: 298px;
border:solid 1px #030303;
display:block;
background: url(/images/backgrounds/speedy-search.png) top left repeat-x #272727;
color:#ffffff;
position:relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(/PIE.htc);}
#left #homesearchcontainer ul, #left #homesearchcontainer ul li {
list-style: none;
background:none;
padding:0;
margin:0;}
#left #homesearchcontainer {
margin: 0 0 20px 0;}
#left #homesearchcontainer h2 {
font: normal 21px 'Futura', Arial, Helvetica, sans-serif; color: #ffffff; 
margin: 0 0 5px 0; }
#left #homesearchcontainer h3 {
font: normal 18px 'Futura', Arial, Helvetica, sans-serif; color: #ffffff; 
margin: 0 0 5px 0; }
#homesearchcontainer .dropdown, #homesearchcontainer .dropdown-left, #homesearchcontainer .dropdown-right, #homesearchcontainer .dropdown-thin {
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #484848;
width: 258px;
border:solid 1px #bebebe;
margin: 0 0 9px 0;
padding: 5px;}
#homesearchcontainer .textbox  {
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #484848;
width: 248px;
border:solid 1px #bebebe;
margin: 0 0 9px 0;
padding: 5px;}
#homesearchcontainer .dropdown-left {
float: left;
width: 126px;}
#homesearchcontainer .dropdown-right {
float: right;
width: 126px;}
#homesearchcontainer .dropdown-thin {
width: 230px;}
#homesearchcontainer .submit {
font: normal 12px/30px Arial, Helvetica, sans-serif; color: #fff;
width: 258px;
height: 36px;
display:block;
margin: 6px 0 15px 0;
padding: 0;
text-align:left;
background: url(/images/backgrounds/speedy-submit-wide.png) top no-repeat;
border:none;
cursor:pointer;
float: left;}
#homesearchcontainer .send {
font: normal 12px/30px Arial, Helvetica, sans-serif; color: #fff;
width: 206px;
height: 36px;
display:block;
margin: 6px 0 0px 0;
padding: 0;
text-align:left;
background: url(/images/forms/contact/submit.png) top no-repeat;
border:none;
cursor:pointer;
float: left;}
#homesearchcontainer .reset {
font: normal 12px/30px Arial, Helvetica, sans-serif; color: #fff;
width: 46px;
height: 36px;
display:block;
margin: 6px 0 0 3px;
padding: 0;
text-align:left;
background: url(/images/backgrounds/reset-search.png) top no-repeat;
border:none;
cursor:pointer;
float: right;}


#left #homesearchcontainer p {
margin: 0 0 10px 0;
font-size: 12px;
color: #f4f4f4; }
#left #usedsearchtab a:link, #left #usedsearchtab a:active, #left #usedsearchtab a:visited {
text-decoration: none;
color:#4ab2ff;}
#left #usedsearchtab a:hover {
text-decoration: none;
color:#fff;}
#homesearchcontainer .break {
height:5px;
background:url(/images/backgrounds/break-footer.png) top left repeat-x;
margin: 0 0 14px;}
#homesearchcontainer #cashfields, #homesearchcontainer #monthlyfields, #homesearchcontainer #fieldswrap {
display:block;
overflow:hidden;
width: 258px;
height:36px;}
#homesearchcontainer #cashfieldcontrol, #homesearchcontainer #monthlyfieldcontrol {
cursor: pointer;
width: 126px;
height:31px;
display:block;
float: left;
text-align: center;
margin: 0 0 9px 0;
background:none;
color:#fff;
line-height:31px;
text-align:center;
background: url(/images/backgrounds/price-filter.png) top left no-repeat;}
#homesearchcontainer #cashfieldcontrol.selected, #homesearchcontainer #monthlyfieldcontrol.selected {
background: url(/images/backgrounds/price-filter-selected.png) top left no-repeat;
color: #fff;}
#homesearchcontainer #cashfieldcontrol {
margin-right: 6px;}
#homesearchcontainer a.more-search-options {
margin: 6px 0 0 3px;
float:right;}

/* ===== search selectors ===== */

#whatsearch-links {
margin:5px 0 10px 0;}
#left #usedsearchtab #whatsearch-links a {
display:block;
text-align:center;
width:82px;
height:27px;
line-height:27px;
color:#fff;
float:left;
background: url(/images/backgrounds/whatsearch-a.png) top left no-repeat;}
#left #usedsearchtab #whatsearch-links a.spaced {
margin: 0 6px 0 0;}
#left #usedsearchtab #whatsearch-links a.selected {
background: url(/images/backgrounds/whatsearch-a-select.png) top left no-repeat;}

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

#homesearchcontainer ul, #homesearchcontainer ul li {
list-style:none;
background:none;}
#homesearchcontainer #usedsearchtab, #homesearchcontainer #garagetab {
width: 258px;
padding: 20px 20px 25px;
line-height:21px;}
.ui-tabs-hide {
display: none;}
.ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0;
font: normal 18px/48px 'Futura', Arial, Helvetica, sans-serif; }
.ui-tabs-nav:after {
display: block;
clear: both;
content: " ";}
.ui-tabs-nav li {
float: left;
margin: 0 0 0 0;
min-width: 149px; }
#left .ui-tabs-nav a, #left .ui-tabs-nav a span {
display: block;
padding: 0;
background: url(/images/backgrounds/search-tab.png) top right no-repeat;
width:149px;
height:48px;}
#left .ui-tabs-nav a#garagetablink, #left .ui-tabs-nav a#garagetablink span {
background: url(/images/backgrounds/search-tab-right.png) top right no-repeat;}
#left .ui-tabs-nav a {
margin: 0 0 0;
padding-left: 0;
color: #e3e3e3;
text-align: center;
text-decoration: none;
white-space: nowrap; 
outline: 0; }
#left .ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 0px;
z-index: 2;
margin-top: 0;
color: #dfdfdf;}
.ui-tabs-nav a span {
width:149px;
min-width: 149px;
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;}
#left .ui-tabs-nav .ui-tabs-selected a span, #left .ui-tabs-nav a:focus span, #left .ui-tabs-nav a:active span {
background: url(/images/backgrounds/search-tab-selected.png) top left no-repeat;}
#left .ui-tabs-nav .ui-tabs-selected a#garagetablink span, #left .ui-tabs-nav a#garagetablink:focus span, #left .ui-tabs-nav a#garagetablink:active span {
background: url(/images/backgrounds/search-tab-selected-right.png) top right 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;}

/* ====== search facets ====== */

#left #usedsearchtab a.facet-toggle:link, #left #usedsearchtab a.facet-toggle:active, #left #usedsearchtab a.facet-toggle:visited, #left #usedsearchtab a.facet-toggle:hover  {
font: normal 16px 'Futura', Arial, Helvetica, sans-serif; color:#fff;
width: 250px;
height: 37px;
line-height:37px;
display:block;
padding: 0 0 0 10px;
margin: -3px 0 5px 0;
color:#fff;
background: url(/images/backgrounds/facet-toggle.png) bottom left no-repeat;}
#left #usedsearchtab a.facet-toggle.open:link {
background: url(/images/backgrounds/facet-toggle.png) top left no-repeat;
margin: -3px 0 0 0;}
.facet-area {
width: 240px;
background:#484848;
padding: 10px 10px 13px;
margin:0 0 0 0;}
span.checkbox {
float: left;
width: 80px;
font-size: 11px;}
.facet-area span input {
float: left;}
.facet-area span label {
float: left;
width: 90px;
height:23px;
line-height:23px;
font-size:11px;
overflow:hidden;}
div.checker {
margin-right: 1px;}
div.selector, 
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action {
background-image: url(/images/backgrounds/sprite-aristo.png);
background-repeat: no-repeat;}
.selector, 
.radio, 
.checker, 
.uploader, 
.selector *, 
.radio *, 
.checker *, 
.uploader *{
margin: 0;
padding: 0;}
div.checker {
width: 23px;
height: 23px;}
div.checker input {
width: 23px;
height: 23px;}
div.checker span {
background-position: 0px -320px;
height: 23px;
width: 23px;}
div.checker.focus span,
div.checker:hover span, 
div.checker:active span, 
div.checker.active span, 
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
background-position: 0px -320px;}
div.checker span.checked, 
div.checker:active span.checked, 
div.checker.active span.checked, 
div.checker.focus span.checked,
div.checker:hover span.checked, 
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
background-position: -92px -320px;}
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
background-position: -184px -320px;}
/*CORE FUNCTIONALITY */
.selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus {
outline: 0;}
div.checker {
position: relative;
float: left;}
div.checker span {
display: block;
float: left;
text-align: center;}
div.checker input {
opacity: 0;
display: inline-block;}
/*NEW SLIDER STYLES FOR SCALE, ETC*/
.ui-slider  {
text-decoration: none !important;}
.ui-slider .ui-slider-handle  {
overflow: visible !important;}
.ui-slider .ui-slider-tooltip {
display: none;}
.ui-slider .screenReaderContext {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
left: -999999999px;}
.ui-slider .ui-state-active .ui-slider-tooltip, .ui-slider .ui-state-focus .ui-slider-tooltip, .ui-slider .ui-state-hover .ui-slider-tooltip {
display: block;
position: absolute;
bottom: 2.5em;
text-align: center;
padding: .3em .2em .4em;
font-size: .9em;
width: 8em;
margin-left: -3.7em;}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down, .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
position: absolute; 
display: block;
width:0; 
height:0; 
border-bottom-width: 0;
background: none;}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down {	
border-left: 7px dashed transparent; 
border-right: 7px dashed transparent;
border-top-width: 8px;
bottom:	-8px;
right: auto;
left: 50%;
margin-left: -7px;}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
border-left: 6px dashed transparent; 
border-right: 6px dashed transparent;
border-top: 7px solid #fff;
bottom:	auto;
top: -9px;
left: -6px;}
.ui-slider a {
text-decoration: none;}
.ui-slider ol, .ui-slider li, .ui-slider dl, .ui-slider dd, .ui-slider dt {
list-style: none;
margin: 0;
padding: 0;}
.ui-slider ol, .ui-slider dl {
position: relative;
top: 1.3em;
width: 100%;}
.ui-slider dt {
top: 1.5em;
position: absolute;
padding-top: .2em;
text-align: center;
border-bottom: 1px dotted #ddd;
height: .7em;
color: #999;}
.ui-slider dt span {
background: #fff;
padding: 0 .5em;}
.ui-slider li, .ui-slider dd {
position: absolute;
overflow: visible;
color: #666;}
.ui-slider span.ui-slider-label {
position: absolute;}
.ui-slider li span.ui-slider-label, .ui-slider dd span.ui-slider-label {
display: none;}
.ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show {
display: block;}
.ui-slider span.ui-slider-tic {
position: absolute;
left: 0;
height: .8em;
top: -1.3em;}
.ui-slider li span.ui-widget-content, .ui-slider dd span.ui-widget-content {
border-right: 0;
border-left-width: 1px;
border-left-style: solid;
border-top: 0;
border-bottom: 0;}
.ui-slider .first .ui-slider-tic, .ui-slider .last .ui-slider-tic {
display: none;}
.facet-area fieldset, .facet-area fieldset-nopad {
padding: 10px 20px 30px;
border:0; 
margin: 0; 
width: 200px;
display:block;}
.facet-area fieldset-nopad {
padding: 5px 5px 0px 5px; }
.ui-slider-label {
font-size: 11px;
color:#f4f4f4;
padding:5px 0 0 0;
width: 47px;
text-align:center;}
.hidedrop {
display: none;}
#aretheysearchingcash {
display: none;}
#colour-swatches .swatch {
width: 26px;
height:25px;
padding: 15px 0 0 47px;
display:block;
float:left;
margin: 0 10px 10px 0;
position:relative;}
#colour-swatches .BLACK {background: url(/images/backgrounds/swatch-black.png) bottom left no-repeat;}
#colour-swatches .BLUE {background: url(/images/backgrounds/swatch-blue.png) bottom left no-repeat;}
#colour-swatches .GOLD {background: url(/images/backgrounds/swatch-gold.png) bottom left no-repeat;}
#colour-swatches .GREEN {background: url(/images/backgrounds/swatch-green.png) bottom left no-repeat;}
#colour-swatches .GREY {background: url(/images/backgrounds/swatch-grey.png) bottom left no-repeat;}
#colour-swatches .ORANGE {background: url(/images/backgrounds/swatch-orange.png) bottom left no-repeat;}
#colour-swatches .PURPLE {background: url(/images/backgrounds/swatch-purple.png) bottom left no-repeat;}
#colour-swatches .RED {background: url(/images/backgrounds/swatch-red.png) bottom left no-repeat;}
#colour-swatches .SILVER {background: url(/images/backgrounds/swatch-silver.png) bottom left no-repeat;}
#colour-swatches .UNKNOWN {background: url(/images/backgrounds/swatch-unknown.png) bottom left no-repeat;}
#colour-swatches .WHITE {background: url(/images/backgrounds/swatch-white.png) bottom left no-repeat;}
#colour-swatches .YELLOW {background: url(/images/backgrounds/swatch-yellow.png) bottom left no-repeat;}
#colour-swatches label {
display:block;
width: 73px;
height:40px;
position:absolute;
top: 0;
left:0;}


/* ==== garage  ==== */

#compare-view-all {
margin-top:5px;}
#compare-view-all a.compare, #compare-view-all a.viewall {
float:left;
display:block;}
#compare-view-all a.compare {
margin: 0;}
#compare-view-all a.viewall {
margin: 0 5px 0 0;}
.shortlistrecord {
width: 260px;
padding: 0;
display:block; 
overflow:hidden; 
text-align:left;}
.shortlistpic {
float: left;
margin: 0 10px 10px 0;}
#left #homesearchcontainer p.shortlisttitle {
font-size:11px;
line-height:19px;
padding: 0;
margin:0 0 6px 0;}
#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;}

/* ==== headings  ==== */

#right h1 {
font: normal 25px 'FuturaBold', Arial, Helvetica, sans-serif; color: #005a9c; 
margin:0 0 12px 0;
letter-spacing:-1px;}
#right h2 {
font: normal 18px/26px 'Futura', Arial, Helvetica, sans-serif; color: #848484; 
margin:0 0 11px 0;}
#right h3 {
font: normal 21px 'Futura', Arial, Helvetica, sans-serif; color: #005a9c; 
margin: 0 0 11px 0;}
#left p, #right p {
margin: 0 0 14px 0;}

/* ====== whitebox style ====== */

#right .whitebox {
width: 620px;
margin-bottom: 14px;
background: url(/images/backgrounds/whitebox.png) bottom left no-repeat;
padding: 16px 20px 14px 20px;}
#right .whitebox-top {
width: 660px;
height:4px;
display:block;
overflow:hidden;
background: url(/images/backgrounds/whitebox-top.png) top left no-repeat;}
#right #threeboxes .whitebox {
width: 660px;
margin-bottom: 20px;
height:507px;
background: url(/images/backgrounds/whitebox.png) bottom left no-repeat;
padding: 0;}
#right #threeboxes .whitebox  {
line-height:19px;}
#right #threeboxes .whitebox h3 {
margin: 0 0 6px 0;}
#right #threeboxes .whitebox .h3-style {
display:block;
font: normal 21px/22px 'Futura', Arial, Helvetica, sans-serif; color: #005a9c; 
margin: 0 0 6px 0;}
#right #threeboxes .whitebox .pad-down {margin-top:120px;}
#right #threeboxes .whitebox a:link, #right #threeboxes .whitebox a:active, #right #threeboxes .whitebox a:visited, #right #threeboxes .whitebox a:hover {
display:block;
height:234px;
color: #333;
text-decoration:none;} 
#right #threeboxes .box1 {
width: 218px;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
float:left;
height:254px;
margin: -4px 0 0 0;
background:url(/images/backgrounds/home-find-dealer.png) top left no-repeat;}
#right #threeboxes .box2 {
width: 218px;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
float:left;
height:254px;
margin: -4px 0 0 0;
background:url(/images/backgrounds/home-service-booking.png) top left no-repeat;}
#right #threeboxes .box3 {
width: 222px;
border-bottom: solid 1px #dedede;
float:left;
height:254px;
margin: -4px 0 0 0;
background:url(/images/backgrounds/royal-warrent.png) top left no-repeat;}
#right #threeboxes .box4 {
width: 218px;
border-right: solid 1px #dedede;
float:left;
height:254px;
margin: -4px 0 0 0;
background:url(/images/backgrounds/sandicliffe-shop.png) top left no-repeat;}
#right #threeboxes .box5 {
width: 218px;
border-right: solid 1px #dedede;
float:left;
height:254px;
margin: -4px 0 0 0;
background:url(/images/backgrounds/commercials.png) top left no-repeat;}
#right #threeboxes .box6 {
width: 222px;
float:left;
height:254px;
margin: -4px 0 0 0;
background:url(/images/backgrounds/home-internet-offers.png) top left no-repeat;}
#right #threeboxes .indent {
padding: 20px 20px 0;
height:234px;}


/* ==== left grey box links   ==== */

#left a.leftgreybox, #left .leftgreybox, #left .leftgreyboxhome, #left a.leftgreyboxhome {
width: 260px;
padding: 17px 20px 10px;
margin: 0;
display:block;
color:#333333;
line-height:19px;
background:url(/images/backgrounds/leftgreybox.png) top left no-repeat;}
#left .leftgreyboxhome,#left a.leftgreyboxhome {min-height:120px;}
#left a.leftgreybox .link-title, #left .leftgreybox .link-title, #left a.leftgreyboxhome .link-title, #left .leftgreyboxhome .link-title {
display:block;
font: normal 18px/19px 'Futura', Arial, Helvetica, sans-serif; color: #1b1c1c; 
margin: 0 0 10px 0;}
#left a.leftgreybox .link-title-sm, #left .leftgreybox .link-title-sm, #left .leftgreyboxhome .link-title-sm, #left a.leftgreyboxhome .link-title-sm {
display:block;
font: normal 13px/19px 'Futura', Arial, Helvetica, sans-serif; color: #1b1c1c; 
margin: 0 0 10px 0;}
#left a.leftgreybox .parts, #left a.leftgreyboxhome .parts {
display: block;
height:66px;
padding: 0 0 0 120px;
background:url(/images/backgrounds/banner-parts.png) top left no-repeat;}
#left a.leftgreybox .tellreg, #left a.leftgreyboxhome .tellreg {
display: block;
height:66px;
padding: 0 0 0 120px;
background:url(/images/backgrounds/tellreg.png) top left no-repeat;}
#left a.leftgreybox .bodyshop, #left a.leftgreyboxhome .bodyshop {
display: block;
height:66px;
padding: 0 0 0 120px;
background:url(/images/backgrounds/banner-bodyshop.png) top left no-repeat;}
#left a.leftgreybox .moneyback, #left a.leftgreyboxhome .moneyback {
display: block;
height:104px;
padding: 0 0 0 120px;
background:url(/images/backgrounds/banner-moneyback.png) top left no-repeat;}
.leftgreybox-btm {
width: 300px;
height:5px;
display:block;
overflow:hidden;
padding: 0;
margin: 0 0 20px 0;
background:url(/images/backgrounds/leftgreybox-btm.png) top left no-repeat;}

/* ==== Newsletter ==== */

#newsletter .textinput {
width: 239px;
margin: 0 5px 8px 0;
padding: 0 5px 0 5px;
height: 25px;
border:solid 1px #c9c9c9;
font: 12px Arial, Helvetica, sans-serif; color: #484848;
float: left;
}

#newsletter .submit {
font: normal 12px Arial, Helvetica, sans-serif; color: #fff;
text-align:left;
width: 206px;
margin: 3px 0 10px 0;
height: 37px;
line-height:30px;
padding: 0;
border:none;
cursor:pointer;
background: url(/images/backgrounds/join-our-newsletter.png) top no-repeat;

}

/* ==== list styles  ==== */

#right ul, #right ul li {
list-style: none;
padding: 0;
margin:0;}
#right ul {
margin-bottom: 17px;}
#right ul li {
list-style: none;
background-image:url("/images/bullet.gif");
background-position:left top;
background-repeat:no-repeat;
margin:0 0 7px 10px;
padding:0 0 0 18px;}

/* ====== Advanced used car search ======= */

#advanced {
width: 606px;
display:block;
overflow: hidden;
background: url(/images/backgrounds/contact.png) top left repeat-x #ebebeb;
padding: 25px 12px 15px 40px;
margin: 0 0 12px 0;
color:#444444;
position:relative;
border:solid 1px #c9c9c9;}
#advanced table {
margin: 0 0 0 0;
padding: 0;
border-collapse:collapse;
/*width: 520px;*/}
#advanced p a:link, #advanced p a:active, #advanced p a:visited {
color:#ce1b1c;
text-decoration: none;
font-weight:normal;}
#advanced p a:hover {
color:#ce1b1c;
text-decoration: underline;
font-weight:normal;}
#advanced p {
padding: 0;
margin: 0 0 10px 0;
font-size: 12px;
color: #444444;
font-weight:normal; }
#advanced h2 {
font: normal 17px 'Helv75', Arial, Helvetica, sans-serif; color: #6d6d6d; 
margin:0 0 11px 0;}
#advanced form {
margin: 0 0 0 0;}
#advanced .dropdown {
font: 12px Arial, Helvetica, sans-serif; color: #484848;
width: 340px;
margin: 0 5px 9px 0;
padding: 3px;
border:solid 1px #c9c9c9;}
#advanced .textinput {
width: 329px;
margin: 0 5px 8px 0;
padding: 0 5px 0 5px;
height: 25px;
border:solid 1px #c9c9c9;
font: 12px Arial, Helvetica, sans-serif; color: #484848;
float: left;}
#advanced .textarea {
width: 329px;
margin: 0 5px 8px 0;
padding: 5px 5px 0 5px;
height: 75px;
border:solid 1px #c9c9c9;
font: 12px Arial, Helvetica, sans-serif; color: #484848;
float: left;}
#advanced .submit{
font: normal 12px Arial, Helvetica, sans-serif; color: #fff;
text-align:left;
width: 147px;
margin: 3px 0 10px 0;
height: 30px;
line-height:30px;
padding: 0 0 0 9px;
background: url(/images/backgrounds/contact-submit.png) top no-repeat;
border:none;
cursor:pointer; }
#advanced table label {
width: 160px;
display:block;
cursor:auto;}
#contact td {
margin: 0;
padding: 0 0 5px 0;}
#advanced #priceswitch-wrap {
height: 65px;}
#advanced #cashfieldcontrol {
cursor: pointer;
width: 150px;
height:31px;
display:block;
float: left;
text-align: center;
margin: 0 0 15px 0;
background:none;
color:#fff;
line-height:31px;
background: url(/images/backgrounds/advanced-price-normal.png) top left no-repeat;}
#advanced #cashfieldcontrol.selected {
background: url(/images/backgrounds/advanced-price-selected.png) top left no-repeat;
color: #fff;}
#advanced #monthlyfieldcontrol {
cursor: pointer;
width: 150px;
height:31px;
display:block;
float: left;
text-align: center;
background:none;
margin: 0 8px 15px 0;
color:#fff;
line-height:31px;
background: url(/images/backgrounds/advanced-price-normal.png) top left no-repeat;}
#advanced #monthlyfieldcontrol.selected {
background: url(/images/backgrounds/advanced-price-selected.png) top left no-repeat;
color: #fff;}

/* ====  used car list/results ===== */

.loading-msg {
display: none;
font: normal 15px 'Futura', Arial, Helvetica, sans-serif; color: #565656;
background:#fff;
border:solid 1px #c8c8c8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(/PIE.htc);
padding: 8px 10px;
z-index:999;
width: 200px;
height:80px;
-webkit-box-shadow: 0px 0px 4px #bababa; 
-moz-box-shadow: 0px 0px 4px #bababa; 
box-shadow: 0px 0px 15px #000;
position:fixed;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -100px;
text-align:center;}
.loading-msg img {
margin: 10px auto;
display:block;
text-align:center;}
#loading-msg {
display: none;
width:660px;
top:50px;
position:absolute;
text-align:center;
font: normal 25px/39px 'FuturaBold', Arial, Helvetica, sans-serif; color: #1b1c1c; 
margin:0;
letter-spacing:-1px;
z-index:999;}
#loading-msg .loader {
margin-bottom: 20px;}
#loading-msg .sub-message {
font: normal 20px/29px 'Futura', Arial, Helvetica, sans-serif; color: #6d6d6d; }
#loading-msg .loading-title {
margin-bottom: 10px;}

#usedlistwrapper {
position: relative;}
#usedlistwrapper ul li {
background-image: none;
font-weight:normal;
margin:0;
padding:0;}
#controls-wrapper {
padding: 0;
width:658px;
border:solid 1px #292929;
background: url(/images/used-results/control-pagination-bg.png) top left repeat-x #292929;
color:#fff;
margin: 0 0 20px 0;}
#controls-pagination {
width: 658px;
height: 48px;
margin: 0;
display:block;
padding: 0;}
#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 #cdcdcd;
font: 12px/25px Trebuchet MS, Arial, Helvetica, sans-serif; color: #484848;}
#pagination {
margin-bottom: 0;
padding-top:8px;}
#pagination li {
margin: 0;}
#usedlistwrapper .COGPager .COGPagerItemSelected span{
background: url(/images/used-results/page-selected.png) top left repeat-x #1872b6;
color:#fff;
font-weight:bold;
border:solid 1px #2a5486;
margin:0 0 0 0;
font-size: 11px;}
#usedlistwrapper .COGPager span /* not a link style */{
background: url(/images/used-results/page-not-selected.png) top left repeat-x #fdfdfd;
color:#7a7a7a;
display:block;
margin:0 6px 0 0;
width:27px;
padding:4px 0 0 0;
font-weight:bold;
border:solid 1px #939697;
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.png) top left repeat-x #dfdfdf;
text-decoration:none;
color:#231f20;
width: 27px;
margin:0 6px 0 0;
display:block;
padding:4px 0 5px 0;
border:1px solid #939697;
height:19px;
font-weight:normal;
font-size: 11px;}
#usedlistwrapper .COGPager a:hover {
/*background-color:#c7c7c7;*/
text-decoration:none;
color:#338dcf;
border:1px solid #338dcf;}
#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:#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:620px;
padding:0 0 15px;
display:block;
font-size:12px;}
.usedlistvehicle-image { 
margin:0; 
padding: 0;
float:left; }
.usedlistvehicle-right {
width:400px;
float:right;
margin:0; 
padding:0 0 0 0;
color:#464646;
line-height:22px;}
#usedlistwrapper .listdescription {
font-size:15px;
margin:0 0 6px 0;
font: normal 18px/26px 'Futura', Arial, Helvetica, sans-serif; color: #005a9c; }
#usedlistwrapper .listprice {
color:#242424;
padding: 0;
font: normal 21px/34px 'Futura', Arial, Helvetica, sans-serif; color: #292929;}
.listbreak {
display:block;
height: 6px;}
.usedlistsummary-left {
float: left; 
width: 202px; 
border-right: solid 1px #dedede;
padding: 0 10px 0 0;}
.usedlistsummary-right {
float: left; 
width: 168px;
padding: 0 0 0 15px;}
.wzlisttable {
border: 1px solid #dedede;
border-collapse: collapse;
margin: 15px 0 0 0;
padding: 0;
background: #ffffff;
font-size:10px;
color:#7a7a7a;}
.wzlisttable td {
border: 1px solid #dedede;
padding: 4px 0 4px 4px;}
.wzlisttable th {
border: 1px solid #dedede;
padding: 4px;
color:#464646;
font-weight: normal;
background: #efefef;}
#usedlistwrapper #wz_adjustbox {
width: 648px;}
#usedlistwrapper #wz_adjustbox .adjustbox {
width: 176px;}
#usedlistwrapper #wz_adjustbox select, #usedlistwrapper #wz_adjustbox input.deposit {
color: #484848;}

/* ==== used car details ==== */

#left #whychoose {
	background: rgb(85,172,234);

background: -moz-linear-gradient(top,  rgba(85,172,234,1) 0%, rgba(19,113,182,1) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,172,234,1)), color-stop(100%,rgba(19,113,182,1)));

background: -webkit-linear-gradient(top,  rgba(85,172,234,1) 0%,rgba(19,113,182,1) 100%);

background: -o-linear-gradient(top,  rgba(85,172,234,1) 0%,rgba(19,113,182,1) 100%);

background: -ms-linear-gradient(top,  rgba(85,172,234,1) 0%,rgba(19,113,182,1) 100%);

background: linear-gradient(top,  rgba(85,172,234,1) 0%,rgba(19,113,182,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55acea', endColorstr='#1371b6',GradientType=0 );

color:#FFFFFF;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:#90c0e4 solid 1px;
}

#left #whychoose .link-title {
	color:#FFFFFF;
	}

.whychoose ul {
padding: 0;
margin: 0;
background: none;
list-style:none;}
.whychoose ul li {
background-image:url("/images/bullet.gif");
background-position:left top;
background-repeat:no-repeat;
margin:0 0 7px 0;
padding:0 0 0 18px;
width:292px;
float:left;}

#versionlinks {
border-bottom: solid 1px #dedede;
margin: 0 0 20px;
height:40px;
display:block;
overflow:hidden;}
#versionlinks a:link, #versionlinks a:active, #versionlinks a:visited, #versionlinks a:hover {
line-height:40px;
height:40px;
display:block;
/*margin: 0 10px 0 0;*/
color: #535353;
float:left;
border:none;
cursor:pointer;
text-decoration:none;
text-align:left;} 

#versionlinks a:link span.start, #versionlinks a:active span.start, #versionlinks a:visited span.start {
padding: 11px 11px 13px 0;
background: url(/images/backgrounds/versionlink-start.png) top left no-repeat;} 

#versionlinks a.active span.start {
background: url(/images/backgrounds/versionlink-start-active.png) top left no-repeat !important;}

#versionlinks a.active span.btn {
background: url(/images/backgrounds/versionlink-active.png) top right no-repeat !important;
color:#FFFFFF;}

#versionlinks a:link span.btn, #versionlinks a:active span.btn, #versionlinks a:visited span.btn {
background: url(/images/backgrounds/versionlink.png) top right no-repeat;
padding: 11px 15px 13px 0;}

.corner-approved {
position: absolute;
width:148px;
height:148px;
top:0px;
left:0px;
display:block;
z-index:99999;}
.approved-ford {
display:none;
width:400px;
height:215px;
background:url(/images/used-results/ford-hover.jpg) top left no-repeat;
padding:0;
z-index:2147483647;
position:absolute;
top:60px;
left:80px;}
.approved-kia {
display:none;
width:400px;
height:236px;
background:url(/images/used-results/kia-hover.jpg) top left no-repeat;
padding:0;
z-index:2147483647;
position:absolute;
top:60px;
left:80px;}
.approved-mazda {
display:none;
width:400px;
height:130px;
background:url(/images/used-results/mazda-hover.jpg) top left no-repeat;
padding:0;
z-index:2147483647;
position:absolute;
top:60px;
left:80px;}
.approved-used {
display:none;
width:400px;
height:308px;
background:url(/images/used-results/Used-hover.jpg) top left no-repeat;
padding:0;
z-index:2147483647;
position:absolute;
top:60px;
left:80px;}
.approved-toogood {
display:none;
width:400px;
height:186px;
background:url(/images/used-results/2good-hover.jpg) top left no-repeat;
padding:0;
z-index:2147483647;
position:absolute;
top:60px;
left:80px;}
#img-wrapper {
position:relative;
margin-bottom:10px;
height:300px;
width:660px;
padding:0px;}
p.detailsprice {
font: normal 25px 'Futura', Arial, Helvetica, sans-serif; color: #848484;} 
#detail-slide {
width:400px;
float:left;
display:block; 
overflow:hidden;
margin: 0 0 20px 0;}
#detail-slide img { display: none; }
#detail-slide img.firstbigimg { display: block }
#thumbsarea {
float: right;
width:240px;}
#thumbsarea ul, #thumbsarea ul li {
margin: 0;
padding: 0;
background:none;
list-style:none;}
#thumbsnav .detailsthumb, #thumbsnav .detailsthumbend {
float: left;
margin:0 12px 6px 0;
height:54px;
width:72px;}
#thumbsnav .detailsthumbend {
margin-right: 0;}
#right #thumbsarea p.call {
font: normal 22px/33px 'FuturaBold', Arial, Helvetica, sans-serif; color:#1b78bd;
letter-spacing:-1px;
margin:0 0 5px;
padding:5px 0 0 0;}
#right #detailsthree #threeboxes .whitebox {
height: 220px;}
#right #detailsthree #threeboxes .box1, #right #detailsthree #threeboxes .box2, #right #detailsthree #threeboxes .box3 {
background: none;
height:216px}
#right #detailsthree #threeboxes .box1 {
line-height: 22px;}
#right #detailsthree #threeboxes .box2 {
line-height: 17px;}
#right #detailsthree #threeboxes .tint {
color: #7b7a7a;}
.howmuch-icon {
float: left;
margin: 0 10px 11px 0;}
#right #detailsthree #threeboxes .box3 p {
margin-bottom: 7px;}
#right #detailsthree #threeboxes .box3 a:link, #right #detailsthree #threeboxes .box3 a:active, #right #detailsthree #threeboxes .box3 a:visited {
color: #005a9c;
height:auto;} 
#right #detailsthree #threeboxes .box3 a:hover {
color: #449063;}
.reserve-now {
float: left;
margin: 0 10px 20px 0;}
.AddToGarageButton, .RemoveFromGarageButton {
width: 240px;
height:36px;
display:block;
cursor:pointer;
border:none;
background: url(/images/buttons/add-to-shortlist-wide.png) top left no-repeat;}
.RemoveFromGarageButton {
background: url(/images/buttons/remove-from-shortlist-wide.png) top left no-repeat;}
a.leftbanner {
float: left;
margin: 0 0 4px 0;}

/* ====== details page tabs ====== */

#detailstabs ul, #detailstabs ul li {
list-style:none;
background:none;
margin: 0;
padding:0;}
#detailstabs #detailtabwrap {
width: 620px;
background: url(/images/backgrounds/whitebox.png) bottom left no-repeat;
padding: 16px 20px 14px 20px;	
margin: -1px 0 20px 0;}
#right #detailtabwrap h3 {
margin-top: 6px;}
#detailstabs .ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0;
font: normal 13px/42px 'Futura', Arial, Helvetica, sans-serif;
background: url(/images/backgrounds/tab-nav-bg.png) bottom left no-repeat;}
#detailstabs .ui-tabs-nav li {
float: left;
margin: 0 10px 0 0;
min-width: 122px;}
#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:122px;
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 .detailtabwraptop {
display:block;
height:3px;
overflow:hidden;
margin: 0 0 0 0;
background: url(/images/backgrounds/whitebox-top-tabs.png) top left no-repeat;}
#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:122px;
min-width: 122px;
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;}

.notesboxtop {
width: 660px;
height:4px;
display:block;
overflow:hidden;
background: url(/images/backgrounds/whitebox-top-three.png) top left no-repeat;
}
.notesbox {
width: 620px;
background: url(/images/backgrounds/whitebox.png) bottom left no-repeat;
padding: 16px 20px 14px 20px;	
margin: -1px 0 20px 0;}

/* ====== used details page wz ====== */

.finance-left {
width: 230px;
float:left;}
.finance-right {
width: 385px;
float:right;
text-align:right;}
#video-hp, #video-pcp {
float: left;}
#video-hp {
margin: 0 10px 5px 0;}
#wz_adjustbox {
width: 608px;
height:51px;
border:solid 1px #dedede;
margin: 0 0 10px 0;
padding: 0 0 0 10px;
background: url(/images/used-results/wz/update-bg.png ) top left repeat-x #ebebeb;
color:#404040;
font-size:12px;}
#wz_adjustbox .adjustbox {
width: 169px;
margin: 0;
float: left;
padding: 13px 0 0 0;}
#wz_adjustbox select, #wz_adjustbox input.deposit {
width: 110px;
line-height:25px;
padding: 5px 3px;
margin: 0 0 0 4px;
font: 11px/25px Arial, Helvetica, sans-serif; color: #818080;
border:solid 1px #cdcdcd;}
#wz_adjustbox input.deposit {
height:26px;
padding: 0 3px;
width:102px;
font-size: 11px;}
#wz_adjustbox .mileagebox {
width: 161px;}
#wz_adjustbox .wz_submit {
font: normal 13px/24px Arial, Helvetica, sans-serif; color: #fff;
width: 96px;
height: 36px;
display:block;
margin: 8px 0 0 0;
padding: 0;
background: url(/images/used-results/wz/update-submit.png ) top left no-repeat;
border:none;
cursor:pointer;
float: left;}
.datatable .wzbtnlayout, .datatable .wzbtnlayout td {
border: none;
padding: 0;}
#hp-finance-wrap {
width: 300px;
float:left;}
#pcp-finance-wrap {
width: 300px;
float:right;}
#right a.wz-apply-hp, #right a.wz-apply-pcp {
font: normal 13px/30px Arial, Helvetica, sans-serif; color: #fff;
width: 300px;
height: 36px;
display:block;
margin: 0 0 10px 0;
padding: 0;
background: url(/images/buttons/apply-hp-finance.png) top left no-repeat;
border:none;
cursor:pointer;
line-height:30px;
text-align:left;
float: left;}
#right a.wz-apply-pcp {
background: url(/images/buttons/apply-pcp-finance.png) top left no-repeat;}

/* ==== Data Tables ==== */

.datatable {
border-collapse: collapse;
margin: 5px 0 15px 0;
padding: 0;
background: #f4f4f4;}
.datatable p, #right .datatable p {
margin: 0;
padding: 0;}
.datatable td {
border: 1px solid #dedede;
padding: 4px 0 4px 4px;
color: #7a7a7a;
font-size: 12px;}
.datatable th {
border: 1px solid #dedede;
font-weight: bold;
font-size: 12px;
padding: 4px;
background: #efefef;}
.datatable td.datatable-tint {
background-color:#efefef;
color:#464646;}
#right .datatable h3 {
font-size:18px;
margin: 3px 0 2px;}

/* ==== You Might Like ==== */

#right .whitebox-three {
width: 620px;
margin-bottom: 14px;
background: url(/images/backgrounds/whitebox-three.png) bottom left no-repeat;
padding: 16px 20px 14px 20px;}
#right .whitebox-three-top {
width: 660px;
height:4px;
display:block;
overflow:hidden;
background: url(/images/backgrounds/whitebox-top-three.png) top left no-repeat;}
#might-like a:link, #might-like a:active, #might-like a:visited, #might-like a:hover  {
color: #464646;
padding: 0;}
#might-like .result, #might-like .result-end {
width: 178px;
float:left;
margin:-5px 41px 5px 0;}
#might-like .result-end {
margin-right: 0;}
#might-like .title {
font: normal 14px 'Futura', Arial, Helvetica, sans-serif; }
#might-like .price {
font: normal 14px 'Futura', Arial, Helvetica, sans-serif; color:#479fdf}
#might-like .youmightlikethumb {
margin: 6px 0 0 0;}

/* ==== New Car Details ==== */

.newcarsearcharrow {
padding: 10px 66px 0 0;
background: url(/images/backgrounds/new-car-search.png) top right no-repeat;}
.newcarpic {
width: 660px;
height:300px;
display:block;
overflow:hidden;
margin:0 0 20px;
padding:0;
position:relative;}
.newcarflash {
width: 215px;
height:106px;
padding: 0 0 0 10px;
position:absolute;
color:#fff;
top: 0;
left: 0;
background: url(/images/backgrounds/newcarflash.png) top left no-repeat;
z-index:9;}
.savingsrot {
display:block;
width: 100px;
height:100px;
padding: 8px 0 0 0;
text-align:center;
line-height:30px;
font-size: 25px;
-webkit-transform: rotate(-25deg); 
-moz-transform: rotate(-25deg);}
.no-csstransitions .savingsrot {
text-align: left;
font-size: 22px;}
#right p.newcall {
font: normal 17px/33px 'FuturaBold', Arial, Helvetica, sans-serif; color:#1b78bd;
letter-spacing:-1px;
margin:0 0 5px;
padding:5px 0 0 0;}
.newcar-lowprice {
position:absolute;
width:200px;
height:49px;
bottom: 0;
right: 0;
padding: 0 8px 8px 0;}
#right h3.tabtitle {
font-size:16px;
}

/* ====== Main Contact Form ======= */

#contact {
width: 600px;
display:block;
overflow: hidden;
padding: 5px 0 15px 20px;
margin: 0 0 12px 0;
color:#444444;
position:relative;}
#contact table {
margin: 0 0 0 0;
padding: 0;
border-collapse:collapse;
/*width: 520px;*/}
#contact p a:link, #contact p a:active, #contact p a:visited {
color:#ce1b1c;
text-decoration: none;
font-weight:normal;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear;}
#contact p a:hover {
color:#ce1b1c;
text-decoration: underline;
font-weight:normal;}
#contact p {
padding: 0;
margin: 0 0 10px 0;
font-size: 12px;
color: #333333;
font-weight:normal; }
#contact h2 {
font: normal 18px 'Futura', Arial, Helvetica, sans-serif; color: #6d6d6d; 
margin:0 0 11px 0;}
#contact form {
margin: 0 0 0 0;}
#contact .dropdown {
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #333333;
width: 340px;
margin: 0 5px 9px 0;
padding: 3px;
border:solid 1px #c9c9c9;}
#contact .dropdown-sm1, #contact .dropdown-sm2 {
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #333333;
width: 166px;
margin: 0 5px 9px 0;
padding: 3px;
border:solid 1px #c9c9c9;}
#contact .textinput {
width: 329px;
margin: 0 5px 8px 0;
padding: 0 5px 0 5px;
height: 25px;
border:solid 1px #c9c9c9;
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #333333;
float: left;}
#contact .textarea {
width: 329px;
margin: 0 5px 8px 0;
padding: 5px 5px 0 5px;
height: 75px;
border:solid 1px #c9c9c9;
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #333333;
float: left;}
#contact .submit{
font: normal 12px Arial, Helvetica, sans-serif; color: #fff;
text-align:left;
width: 206px;
margin: 3px 0 10px 0;
height: 37px;
line-height:30px;
padding: 0;
background: url(/images/forms/contact/submit.png) top no-repeat;
border:none;
cursor:pointer; }
#contact table label {
width: 160px;
display:block;
cursor:auto;}
.searchtxt {
padding: 0;
margin: 0 0 -2px 0;}
#contact .chkbox {
margin: 0 7px 0 0;}
#contact td {
margin: 0;
padding: 0 0 5px 0;}


/* ===== Details Page Test Drive Form ===== */

#details-test-form {
width: 260px;
display:block;
overflow: hidden;
padding: 5px 0 10px 0;
margin: 0 0 10px 0;
color:#444444;
position:relative;}
#details-test-form p a:link, #details-test-form p a:active, #details-test-form p a:visited {
color:#ce1b1c;
text-decoration: none;
font-weight:normal;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear;}
#details-test-form p a:hover {
color:#ce1b1c;
text-decoration: underline;
font-weight:normal;}
#details-test-form p {
padding: 0;
margin: 0 0 4px 0;
font-size: 12px;
color: #333333;
font-weight:normal; }
#details-test-form h2 {
font: normal 18px 'Futura', Arial, Helvetica, sans-serif; color: #6d6d6d; 
margin:0 0 11px 0;}
#details-test-form form {
margin: 0 0 0 0;}
#details-test-form .dropdown {
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #333333;
width: 260px;
margin: 0 5px 9px 0;
padding: 4px;
border:solid 1px #c9c9c9;}
#details-test-form .textinput {
width: 248px;
margin: 0 5px 10px 0;
padding: 0 5px 0 5px;
height: 25px;
border:solid 1px #c9c9c9;
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #333333;
float: left;}
#details-test-form .textarea {
width: 248px;
margin: 0 5px 10px 0;
padding: 5px 5px 0 5px;
height: 75px;
border:solid 1px #c9c9c9;
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #333333;
float: left;}
#details-test-form .submit{
font: normal 12px Arial, Helvetica, sans-serif; color: #fff;
text-align:left;
width: 260px;
margin: 3px 0 10px 0;
height: 36px;
line-height:30px;
padding: 0;
background: url(/images/forms/details-test-drive/submit.png) top no-repeat;
border:none;
cursor:pointer; }
#details-test-form table label {
width: 200px;
display:block;
cursor:auto;}
#details-test-form .chkbox {
margin: 0 7px 0 0;}



/* ===== Image Styles ===== */

.brand-logo, .brand-logo-end {
float:left;
margin: 0 50px 14px 0;}
.brand-logo-end {
margin-right:0;}
.gmapround {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(/PIE.htc);}
.historyimg, .historyimg-end {
float:left;
margin:0 21px 20px 0;}
.historyimg-end {
margin-right: 0;}
.rightimg {
float:right; 
margin:0 0 10px 20px;}
.leftimgtab {
float: left;
margin:0 10px 10px 0;}
.imgaddborder {
border: solid 1px #dedede;
background:white;
padding: 10px;}
.lower-z, .lower-z * {
position:relative;
z-index:1;}
.business-thumb {
margin: 4px 0 0 0;}

/* ====== compare page ====== */

#compare {
width: 980px;
padding: 15px 0 0 0;}
#compare p {
margin: 0 0 14px 0;
padding: 0; }
#compare h1 {
font: normal 25px 'FuturaBold', Arial, Helvetica, sans-serif; color: #005a9c; 
margin:0 0 12px 0;
letter-spacing:-1px;}
#compare a:link, #compare a:visited, #compare a:active {
font-weight: normal;
color: #005A9C; text-decoration: none;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear;}
#compare a:hover {
font-weight: normal;
color: #449063; text-decoration: none;}
#compare-contain {
width: 980px;
padding:0;
margin: 0 0 20px 0;
color: #333;
background-color:#efefef;
border:solid 1px #dedede;}
#compare-contain select {
width: 145px;
line-height:25px;
padding: 3px;
margin: 0;
border:solid 1px #bcb9c2;
font: 11px/25px Trebuchet MS, Arial, Helvetica, sans-serif; color: #333333;}
#compare-contain a:link, #compare-contain a:visited, #compare-contain a:active {
font-weight: normal;
color: #333333; text-decoration: none; }
#compare-contain a:hover {
font-weight: normal;
color: #333333; text-decoration: none;
background: url(/images/backgrounds/compare-hover.png) top left repeat-x #fff;}
#compare-contain .usedlistvehicle {
width:980px;
padding:0;
display:block;
font-size:12px;
margin: 0;
border:none;}
#compare-contain #comp-title {
/*background: url(/images/backgrounds/compare-title.png) top left repeat-x #161616;*/
background: #dadada;
color:#333333;}
#compare-contain .holder {
padding: 10px 0 0 0;
float: left;
border-right: solid 1px #dedede;
border-bottom: solid 1px #dedede;
text-align:center;
height:120px;}
#compare-contain #comp-title .holder {
height:37px;
padding: 12px 0 0 0;
border-right: solid 1px #cdcdcd;
border-bottom: solid 1px #cdcdcd;}
.comp-first {
width: 158px;}
.comp-vehicle {
width: 131px;}
.comp-price {
width: 62px;}
.comp-mileage {
width: 70px;}
.comp-reg {
width: 65px;}
.comp-fuel {
width: 65px;}
.comp-body {
width: 90px;}
.comp-trans {
width: 95px;}
.comp-eco {
width: 65px;}
.comp-tax {
width: 77px;}
.comp-co2 {
width: 60px;}

/* ====== New Car Details ====== */

#styledspec ul {
margin-bottom: 17px;}
#styledspec ul li {
background-image:url("/images/bullet.gif");
background-position:left top;
background-repeat:no-repeat;
margin:0 0 7px 0;
padding:0 0 0 18px;
width:292px;
float:left;}

/* ===== Find Us Pages ===== */

#right a.rowlink {
background: #f2f2f2;
border-bottom: solid 1px #dedede;
width: 620px;
display:block;
padding: 7px 20px;}
#right #detailtabwrap a.rowlink {
width: 580px;}
.location-pic {
width: 169px;
float:right;}
.location-left {
width: 431px;
float:left;}
.location-left-left {
float: left;
width:215px;}
.location-left-right {
float: right;
width:196px;}
.tomtom {
width: 168px;
height:139px;
display:block;
overflow:hidden;
padding: 45px 0 0 0;
background:url(/images/backgrounds/tomtom.png) top left no-repeat;
text-align:center;
font: normal 15px 'Futura', Arial, Helvetica, sans-serif; color: #fff; }
.tomtom .postcode {
display: block;
width: 168px;
padding: 10px 0 0;
font: normal 22px 'FuturaBold', Arial, Helvetica, sans-serif; color: #fff;}
.getdirecttions {
border: solid 1px #dedede;
background: #ffffff;
padding: 10px;
width:147px;}
.directionsinput {
width: 156px;
margin: 0 0 10px 0;
padding: 0 5px 0 5px;
height: 25px;
border:solid 1px #c9c9c9;
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #484848;}
.directionssubmit {
width: 168px;
height:36px;
display:block;
margin: 0 0 14px;
padding: 0;
cursor:pointer;
border:none;
background:url(/images/buttons/get-directions.png) top left no-repeat;}

/* ===== Plus Card Section ===== */

.plus-cta, .plus-cta-end {
margin: 0 21px 15px 0;
float: left;}
.plus-cta-end {
margin-right: 0;}

/*=== swapshop styles ===*/
#right .bigorange {
font: normal 18px/26px 'Futura', Arial, Helvetica, sans-serif; color: #ff7800; 
margin:0 0 11px 0;
line-height:26px;}
#right .bigorange a:link, 
#right .bigorange a:visited,
#right a:active {
text-decoration:none;
color: #ff7800;}
#right .bigorange a:hover {
text-decoration:none;
color: #999999;}
.buttonpad, buttonpad-end {
margin:0 21px 15px 0;
float: left;}
.buttonpad-end {
margin-right: 0;}
#right .medorange {
font: normal 14px/26px 'Futura', Arial, Helvetica, sans-serif; color: #ff7800; 
margin:0 0 11px 0;
line-height:26px;
}

/* ===== loyalty details ===== */

#updatedetlinks {
margin:0px 0 10px 0;}
#left #updatedetlinks a {
display:block;
text-align:center;
width:82px;
height:27px;
line-height:27px;
color:#fff;
float:left;
background: url(/images/backgrounds/whatsearch-a.png) top left no-repeat;}
#left #updatedetlinks a.spaced {
margin: 0 6px 0 0;}
#left #updatedetlinks a.selected {
background: url(/images/backgrounds/whatsearch-a-select.png) top left no-repeat;}
.loyaltyinput {
width: 133px;
margin: 0 0 6px 0;
height: 28px;
line-height: 28px;
padding: 0 5px;
border:solid 1px #c9c9c9;
font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #333333;}

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

#footerwrap {
width: 100%;
background: #252525;}
#footerwrap h2 {
font: normal 18px 'Futura', Arial, Helvetica, sans-serif; color: #e1e1e1; 
margin:0 0 11px 0;}
#footerwrap h3 {
font: normal 14px 'Futura', Arial, Helvetica, sans-serif; color: #464646; 
margin:0 0 3px 0;}
#footerwrap a:link, #footerwrap a:active, #footerwrap a:visited {
color: #cccccc;
text-decoration:none;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear;}
#footerwrap a:hover {
color:#4AB2FF;
text-decoration:none;}
#footerwrap p {
margin: 0 0 14px 0;}
#social-layer {
background: #1a1a1a;}
#social {
width: 980px;
margin: 0 auto;
padding: 30px 0 20px;
color: #7c7c7c;}
#social .social-icon {
float: left;
margin: 0 10px 14px 0;}
#footerwrap .left {
width: 290px;
float:left;}
#footerwrap .right  {
width: 660px;
float:right;}
#footerwrap .right .right-left  {
width: 380px;
float:left;}
#footerwrap .right .right-right  {
width: 260px;
float:right;}
#footer {
width: 980px;
margin: 0 auto;
padding: 30px 0 20px;
color: #7c7c7c;}
#footer p {
margin: 0 0 14px 0;}
#footer .break {
height:5px;
background:url(/images/backgrounds/break-footer.png) top left repeat-x;
margin: 0 0 14px;}
#footer a.top:link, #footer a.top:active, #footer a.top:visited  {
width: 65px;
height:65px;
display:block;
overflow:hidden;
float:left;
margin: 0 15px 14px 0;
outline:none;
background:url(/images/backgrounds/footer-top.png) top left no-repeat;}
#footer a.top:hover{
background:url(/images/backgrounds/footer-top.png) bottom left no-repeat;}
#footer p.top-side {
padding-top: 8px;}