@charset "UTF-8";
/* CSS Document */

.clear {height: 0; clear: both}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, form, input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #5a5a5a;
}

body {
  background: url(../images/bg-gradient.jpg) repeat-x #e1e1e1;
  color: #5a5a5a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0 0 0 0; 
  padding: 0 0 0 0; 
  overflow-x: hidden;
}

h1, h2, h3
{
  text-transform: uppercase;  
  font-family: "Century Gothic",Arial,Helvetica,sans-serif;
  float: left;
}

h1
{
  font-size: 20px;
  color: #32A3CC;
  margin-bottom: 10px;
  line-height: normal;
}

h2
{
  font-size: 14px;
  margin-top: 10px;
}

h3
{
  font-size: 14px;
  margin-bottom: 10px;
}

a, img
{
  outline: none;  
}

a
{
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
  cursor: pointer;
  color: #000;
}

.main-button
{
  text-decoration: none;  
}

.main-button:hover
{
  text-decoration: none;  
}

.button-text
{
  background: url(../images/main-button-left.png)  no-repeat;
  float: left;
  color: #FFF;
  font-weight: bold;
  font-size: 11px;
  padding: 6px 0 0 7px;
  height: 18px;
  text-decoration: none;
  text-transform: uppercase;
}

.main-button-right
{
  background: url(../images/main-button-right.png) no-repeat;
  width: 7px;
  height: 24px;
  float: left;
}

ul, li
{
  list-style: outside disc;
  float: left;
  clear: left;
  font-size: 12px;
}

.body-text ul, .right-content ul, .counties-content ul, .dealer-content ul
{
  width: 440px;
  margin-left:20px;
  margin-bottom:15px;
  text-align: justify;
}

.right-content ul li,  .counties-content ul li, .dealer-content ul li{
  margin-bottom:5px;
}

a:hover
{
  text-decoration: underline;
}

div#login-links a, div#login-links span
{
  float: left;
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}


label
{
  padding-top: 4px;  
  margin-right: 3px;
  font-size: 12px;
}

a.main-link, a.main-link-inline
{
  float: left;
  clear: both;
  color: #32a3cc;
  text-transform: uppercase;
  background: url(../images/link-arrow.png) no-repeat;
  background-position: right top;
  padding-right: 12px;
  min-height: 15px;
  font-size: 11px;
  font-weight: bold;
}

a.main-link-inline
{
  float: none;
}

.left-content a.main-link
{
  background-position: left top;
  padding-left: 15px;
}

p, p span
{
  padding-bottom: 10px;
  float: left;
  clear: left;
  font-size: 12px;
}

p.small-print
{
  font-size: 9px;
  color: #ccc;
  margin-bottom: 5px;
}

.left
{
  float: left;  
}

.right
{
  float: right;  
}

#outer-wrapper
{
  width: 974px;
  position: relative;
  margin: 0 auto 0 auto;
}  

#content-main
{
  width: 974px;  
  float: left;
  background: #FFF;
  padding-bottom: 9px;
  min-height: 300px;
}

#header
{
  margin: 0 0 14px 0;
  float: left;
  width: 974px;
}

.login-links-container
{
  float: right;  
  margin-top: -1px;
}

div#login-links
{
  float: left; 
  background: url(../images/login-bg.png) no-repeat;
  height: 23px;
  padding: 4px 0 0 18px;
  
}

div#login-links-right
{
  background: url(../images/login-right.png) no-repeat;
  width: 18px;
  height: 23px;
  float: left;
}

div#login-links .link-divider
{
  float: left;
  height: 14px;
  color:#CCC;
  border-right: 1px solid #CCC;
  margin: 0 5px 0 5px;
}

#chat-link {float: right; background: url(../images/chat-bg.png) no-repeat; color: #FFF; font-weight: bold; height: 15px; margin-right: 10px; padding: 4px 18px; display: block; margin-top: -1px}

a#logo
{
  float: left;
  margin: 14px 0 0 14px;
}

div#top-navigation
{
  background: url(../images/nav-bar.png) no-repeat;
  width: 974px;
  /*height: 38px;*/
  float: left;
}

ul#nav li
{
  float: left;   
}

ul#nav li a
{
  color: #FFF;
  text-transform: uppercase;  
  font-family: "Century Gothic",Arial,Helvetica,sans-serif;
  font-size:14px;
  padding: 9px 8px 10px 8px;
  float: left;
  border-right: 1px solid #999;
}

.cufon-active ul#nav li a
{
  padding: 14px 8px 10px 8px;
}

ul#nav li a:hover, ul#nav li a.selected
{
  text-decoration: none;  
  background: url(../images/nav-bar-selected.png) no-repeat -200px 0px;
}

ul#nav li.first a
{
  padding-left: 14px;
}

ul#nav li.first a:hover, ul#nav li.first a.selected
{
  background-position: 0px 0px;
}

ul.sub-nav
{
  z-index:10;
  position: absolute;
  margin-top: 38px;
  background-image: none;
}

ul#nav li ul.sub-nav li a
{
  padding: 6px 6px 6px 4px;  
  border-right: none;
  font-size: 12px;  
}

.cufon-active ul#nav li ul.sub-nav li a
{
  padding: 8px 6px 6px 6px;  
}

ul#nav li ul.sub-nav li a.selected, ul#nav li ul.sub-nav li a:hover, ul#nav li ul.sub-sub-nav li a.selected, ul#nav li ul.sub-sub-nav li a:hover
{
  background: url(../images/sub-nav-selected.jpg) repeat-x;
}

ul.sub-nav li
{
  clear: left;
  border-bottom:1px solid #999999;
}

ul.sub-nav li a
{
  background-color: #202020;
  /*margin-top: 1px; */
}

ul.sub-sub-nav
{
  z-index: 20;
  float: right;
  margin-left: 1px;
}


/**************** addditional nav styles ********************/

#nav, #nav ul{
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:relative; 
}

#nav a{
  display:block;
}

#nav li{
  float:left;
  position:relative;
  clear: none;
  list-style: none;
}

#nav ul {
  position:absolute;
  display:none;
  width:200px;
  top: 38px;
}

#nav li ul a{
  width:200px;
  height:auto;
  float:left;
}

#nav ul ul{
  top:auto;
}  

#nav li ul ul {
  left:213px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/*****************end additional nav styles****************/

#site-search
{
  float: right;
  margin: 7px 4px 0 0;
}

.content-home, .content-customer-details
{
  background:url(../images/hero1.jpg) no-repeat;
  height: 372px;
  width: 974px;
  margin-bottom: 14px;
}

.content-dealer-home
{
  /* background:url(../images/dashboard.jpg) no-repeat; */
  /* background:url(../images/MyCarlyle.jpg) no-repeat;  */
  background:url(../images/opening-hours.jpg) no-repeat;    
  height: 380px;
  width: 974px;
  margin-bottom: 14px;
}

.content-home h1, .content-dealer-home h1
{
  margin: 60px 0 1px 0;
  width: 452px;
  float: left;
  padding: 14px;
  background: url(../images/grey-image-overlay.png) repeat;
  color: #32a3cc;
}

#MCL h2{
  margin: 60px 0 1px 0;
  width: 210px;
  float: right;
  padding: 14px;
  background: url(../images/grey-image-overlay.png) repeat;
  color: #32a3cc;
  font-size: 20px;
  color: #32A3CC;
  line-height: normal;
}

#MCL #MCLSearch{
  width: 210px;
  clear: right;
  float: right;
  padding: 14px;
  background: url(../images/grey-image-overlay.png) repeat;
  color: #fff;
}

#findacar {
  width: 210px;
  clear: left;
  float: left;
  padding: 14px;
  background: url(../images/grey-image-overlay.png) repeat;
  color: black;
  margin-bottom: 15px;
}

#dealerSearchForm{
  float: left;
  clear: left;
}

#dealerSearchForm p {
  clear: both;
}

.content-dealer-home h1
{
  width: 692px;
  margin: 35px 0 1px 0;
  background: url(../images/panel-text-bg.png) repeat;  
}

.content-dealer-home .text .dealer-links
{
  float: right;
  width: 200px;
}

.content-dealer-home .text .dealer-links a, a.large-link
{
  float: left;
  clear: left;
  font-size: 14px;
  background-position: right center;
  margin-bottom: 3px;
}

.text p, .text dd, .text dt, .text span, .text li
{
  color: #fff;
}

.content-home .text, .content-dealer-home .text
{
  width: 452px;
  clear: left;
  float: left;
  padding: 14px;
  background: url(../images/grey-image-overlay.png) repeat;
  color: #fff;
}

.content-dealer-home  .text
{
  width: 692px;
  background: url(../images/panel-text-bg.png) repeat;
  color: #000 !important;  
}

.content-dealer-home .text p
{
  width: 460px;
  float: left;
  text-align: justify;
}

#bottom-panels
{
  float: left;
  padding: 18px 0 0 0;
  background: url("../images/bottom-panels-divider.jpg") no-repeat 14px 0;
}

.article-panel
{
  float: left;
  position: relative;
  margin: 0 0 0 14px;
  border: 1px solid #CCC;
}

.article-panel-text
{
  background:url("../images/panel-text-bg.png") repeat;
  bottom: 3px;
  height:130px;
  left: 3px;
  padding: 3px 10px 3px 10px;
  position:absolute;
  width:198px;
}

.article-panel-text h2, #news-feed-widget-title
{
  color: #545454;
  border-bottom: 1px dotted #999;
  margin-bottom: 5px;
  padding-bottom: 3px;
  width:194px;
}

.article-panel-text p
{
  color: #292929;
  padding-bottom: 5px;
}

.article-panel-text form
{
  margin-bottom: 10px;
  float: left;
}

.article-panel div#WeatherWidget {
  position:relative;
}

.article-panel div#WeatherWidget div#weather {
  position:absolute;
  top:20px;
  left:3px;
}

.article-panel iframe {
  width:223px;
  height:225px;
}

input.standard-search, input.standard-text
{
  background:url(../images/input-field.png) no-repeat;
  width: 162px;
  height: 18px;
  padding: 3px;
  float: left;
}

select
{
  width: auto;
  height: 18px;
}

input.small-search
{
  background:url(../images/input-field-small.png) no-repeat;
  width: 69px;
  height: 18px;
  padding: 3px;
}

input.submit
{
  background:url(../images/btn-search.png) no-repeat;
  width: 24px;
  height: 24px;
  margin-left: 3px;
  float: left;
}

input.submit:hover
{
  cursor: pointer;
}

.horizontal-panel
{
  float: left;
  width: 924px;
  background: #fff;
  margin: 14px 0 14px 14px;
  padding: 10px;
  border: 1px solid #CCC;
}

.horizontal-panel h2
{
  color: #32A3CC;
}

#footer
{
  float: left;  
  width: 974px;
  margin-top: 10px;
}

#footer-navigation
{
  float: left;  
}

#Footer-navigation
{
    
}

.footer-link, .footer-link-first, .footer-link-last
{
  float: left;
  padding: 0 5px 0 5px;
  border-right: 1px solid #999;
}

.footer-link-last
{
  border-right: none;  
}

#footer-text
{
  float: right;  
  margin-right: 5px;
}

#footer-text p
{
  float: right;  
  clear: both;
}

/*************************** customer details styles ***************************/

.content-customer-details h2
{
  color: #32a3cc;
  margin-bottom: 10px;
}

.content-customer-details .text
{
  width: 932px;
  clear: left;
  float: left;
  padding: 14px;
  background: url(../images/grey-image-overlay.png) repeat;
  color: #fff;
  margin-top: 14px;
}


.content-customer-details .text .text-column, .content-customer-details .text .text-column-last
{
  width: 218px;
  padding: 0 10px 10px 0;
  float: left;
  border-right: 1px dotted #FFF;
  margin-right: 14px;
  min-height: 270px;
}

.content-customer-details .text .text-column-last
{
  border-right: none;
  width: 416px;
}

.text-column form, .text-column-last form
{
  float: left;
  clear: left;
  margin-bottom: 10px;
}

.text-column form label, .text-column-last form label
{
  color:#FFF;
  width: 130px;
  float: left;
  padding-top: 4px;
}

.content-customer-details dl
{
  margin-bottom: 14px;  
  clear: both;
}

.content-customer-details dl dt, .next-car-column dl dt
{
  float: left;
  width: 100px;
  clear: both;
  margin-bottom: 7px;
}

.content-customer-details dl dd, .next-car-column dl dd
{
  float: left;
  width: 103px;
  margin-left: 5px;
  margin-bottom: 7px;
}

.sub-header
{
  font-weight: bold;
  clear: both;
  text-transform: uppercase;
  margin-bottom: 7px;
  float: left;
}

.text-column ul li
{
  float: left;
  clear: left;
}


.settlement-figure
{
  clear: both;  
  font-weight: bold;
}


.horizontal-panel .next-car-column
{
  width: 211px;
  padding: 10px 10px 10px 0;
  float: left;
  border-right: 1px dotted #9a9a9a;
  margin-right: 14px;
  min-height: 150px;
}

.next-car-column dl
{
  margin-bottom: 14px;  
  clear: both;
}

#future-price-prediction input.small-search
{
  
}
/*************************** end - customer details styles *********************/

/*************************** start - general content styles *********************/

.left-content
{
  float: left;
  width: 226px;
  padding: 14px 0 14px 14px;
}

.right-sidebar {float: left; width: 20px; padding: 14px 0; margin-top: 0 !important}
.sidebar .box {margin-bottom: 20px}

.right-sidebar.survey {float: right; margin-right: 10px; width: 228px; padding-top: 0; margin: 0 10px 0 0}
.right-sidebar.survey #survey-widget {margin-left: 0}


.left-content h2, .right-sidebar h2
{
  color: #32a3cc;
  margin-bottom: 14px;
  border-bottom: 1px dotted #CCCCCC;
  width: 226px;
  padding-bottom: 5px;
  margin-top: 3px;
}

.left-content a.main-link 
{
  margin-bottom: 7px;
}

.right-content
{
  float: left;
  width: 464px;
  margin: 14px 0 14px 14px;
  /*border-left: 1px dotted #9a9a9a;*/
}

.right-content .right-column
{
  position:absolute;
  right:14px;
  top:115px;  
}

.right-content .right-column img
{
  height: auto;
  width: auto;
  border: none;
  display: none
}

.counties-content, .dealer-content {
  float: left;
  margin: 14px;
  padding: 0;
  width: 946px;
}

.body-text p, .right-content p, .counties-content p, .dealer-content p
{
  width: 466px;  
  text-align: justify;
  line-height: 140%;
}

.counties-content p, .dealer-content p {
  float: left;
}

.counties-content h2, .dealer-content h2{
  float: left;
  width: 466px;
}

.body-text form, .right-content form, .counties-content form, .dealer-content form
{
  clear: left;
  float: left;  
  margin-bottom: 20px;
}

.body-text p.breadcrumbs, .right-content p.breadcrumbs, .counties-content p.breadcrumbs, .dealer-content p.breadcrumbs
{
  text-align: left;  
}

p.breadcrumbs a
{
  float: left;
  font-size: 11px;
  font-weight: bold;  
  text-transform: uppercase;
  margin-right: 10px;
  color: #CCC;
  background: url(../images/link-arrow-grey.png) no-repeat;
  background-position: right 1px;
  padding-right: 12px;
  min-height: 15px;
  font-size: 11px;
  font-weight: bold;
}

p.breadcrumbs
{
  color: #CCC;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
  height: 17px
}

.right-content h1, .counties-content h1, .dealer-content h1
{
  width: 460px;
  color: #32a3cc;
  margin-bottom: 14px;
}

.right-content img, .counties-content img, .dealer-content img
{
  float: left; 
  clear: left; 
  border: 1px solid #cccccc; 
  margin-bottom: 14px; 
  width: 464px;
}

.counties-content img, .dealer-content img
{
  float: right;  
}

.right-content img.inline, .counties-content img.inline, .dealer-content img.inline
{
  float: left;
  border: none;
}

.button, .button-large, input.submit-large
{
  background:url("../images/main-button.png") no-repeat scroll center bottom transparent;
  font-size:12px;
  font-weight:bold;
  text-transform: uppercase;
  height:19px;
  padding:0;
  width:153px;
  text-align: center;
  float: left;
  color: #FFF;
  padding-top: 7px;
  clear: left;
}

input.submit-large:hover
{
  cursor: pointer;
}

input.number-radio
{
  position: absolute;
  left: 65px;
  margin-top: 5px;
}

input.submit-large
{
  height: 24px;
  padding-top: 0;
}

.button-large
{
  background:url("../images/main-button-large.png") no-repeat scroll center bottom transparent;  
  width: 230px;
}

.button:hover
{
  text-decoration: none;  
}
/*************************** end - general content styles *********************/

/*************************** start - customer services styles *********************/
.proprequest{
  height: 120px;
  width: 410px;
}

.question-form-row p{
  float: left;
  clear: none;
}

.content-customer-services
{
  
}

.content-customer-services .body-text
{
  width: 450px;
  float: left;
  padding: 14px;  
}

.content-customer-services .video-player
{
  float: right;
  width: 427px;
  height: 277px;
  margin: 14px 14px 0 14px;
}

.content-customer-services .question-section
{
  clear: both;
  float: left;
  
}

.question-form-row
{
  float: left;  
  width: 450px;
  clear: left;
  margin-bottom: 10px;
}

.question-form-row label
{
  width: 215px;  
  float: left;
}

.content-customer-services .question-form-row select
{
  float: left;  
  font-family:inherit;
  font-size: 11px;
  margin-right: 2px;
}

.content-customer-services .question-form-row textarea
{
  width: 208px;  
}

#payment {
  margin: 0 4px 0 4px;
  width: 75px;
  background: url("../images/input-field-small.png") no-repeat;
}

.question-form-row p {
  margin-right: 2px;
}

.fields-left
{
  float: left;  
  width: 462px;
  
}

.fields-right
{
  float: left;  
  width: 440px;
  margin-left: 14px;
}

.videos-container
{
  float: left;
  margin: 14px 0 0 14px;
  padding-top: 14px;
  border-top: 1px dotted #CCC;
  width: 946px;
}

.videos-container .secondary-video
{
  float: left; 
  width: 305px;
  border-right: 1px dotted #CCC;
  padding-right: 7px;
  height: 125px;
  margin-left: 7px;
}

.videos-container .secondary-video#first-video
{
  margin-left: 0;
}

.videos-container .secondary-video#last-video
{
  border-right: none;
  width: 305px;
  padding-right: 0;
}

.videos-container .secondary-video a.video-link
{
  float: right;
}

.videos-container .secondary-video h2
{
  width: 300px;
  margin-bottom: 10px;
  color: #32A3CC;
}  

.videos-container .secondary-video p
{
  float: left;
  width: 152px;
}

/************* styles for 4 videos thumbnails on page (2 ros of 2) *******************/

.videos-container-2x2
{
  float: left;
  margin: 14px 0 14px 14px;
  padding-top: 14px;
  border-top: 1px dotted #CCC;
  width: 946px;
}

.videos-container-2x2 a img
{
  float: left;
  margin-left: 10px;
}

.videos-container-2x2 .secondary-video
{
  float: left; 
  width: 460px;
  border-right: 1px dotted #CCC;
  padding-right: 7px;
  height: 125px;
  margin-left: 7px;
}

.videos-container-2x2 .secondary-video#first-video, .videos-container-2x2 .secondary-video#third-video
{
  margin-left: 0;
}

.videos-container-2x2 .secondary-video#second-video, .videos-container-2x2 .secondary-video#fourth-video
{
  border: none;  
}

.videos-container-2x2 .secondary-video#last-video
{
  border-right: none;
  width: 305px;
  padding-right: 0;
}

.videos-container-2x2 .secondary-video a.video-link
{
  float: right;
}

.videos-container-2x2 .secondary-video h2
{
  width: 450px;
  margin-bottom: 10px;
  color: #32A3CC;
}  

.videos-container-2x2 .secondary-video p
{
  float: left;
  width: 300px;
}

p.error-message
{
  color: #F00;  
}

/*************************** end - customer services styles *********************/

/*************************** start - one off page styles *******************/
.one-off-page{
  float: left;
  padding: 14px;
}

.error-page{
  float: left;
  padding: 14px;
}
.error-page p{
  clear: both;
  width: 100%;
}
.error-page a{
  text-decoration: underline;
  clear: both;
}
.error-page h1{
  clear: both;
  font-size: 26px;
  line-height: 26px;
  width: 100%;
}

/*************************** end - one off page styles *********************/
/*************************** start - account manager styles *******************/
.AccountManager, .dealer-details
{
  float: left;
  clear: left;
  margin-top: 14px;
  width: 464px;
  border-bottom:1px dotted #CCCCCC;
}

.AccountManager .image-description 
{
  float: left;  
}

.AccountManager .image-description p  
{
  width: 360px;  
}


/*************************** end - one off page styles *********************/

#TrafficWidgetHeadlines
{
  width: 198px;
  height: 100px;
  overflow-y: scroll;
  float: left;
}

#WeatherWidgetResults
{
  float: left;  
}

#WeatherWidgetResults img
{
  float: right;  
}

#WeatherWidgetResults dl
{
  float:left;
  margin-right:10px;
  width: 124px;
}

#WeatherWidgetResults dt
{
  float: left;
  clear: left;
}

#WeatherWidgetResults dd
{
  float: left;
  font-weight: bold;
  margin-left: 3px;
}

#WeatherWidgetResults dd.first
{
  margin-left: 0;  
}

#WeatherWidgetResults a
{
  float: left;  
  margin-top: 5px;
}

div#TrafficWidgetHeadlines a#changeTrafficLocation
{
  margin-bottom: 10px;  
}

#VRNorANselect {
  margin-right: 8px;
}

#Q1select, #VRNorANselect, #Q3select, #Q5select {
  width: 210px;
}

/******************** SEARCH RESULT STYLES *******************/
.xsltsearch_result_title { font-size:16px; font-weight:bold; padding-bottom:0; }
a.xsltsearch_title { color:#32A3CC; }
span.xsltsearch_description strong { background-color:#D9F5FF; font-weight:bold; padding:2px 4px; }

div.search-results h1 { float:none; }

div#xsltsearch, div#xsltsearch_results { width:100%; }
p.xsltsearch_result_description { width:100%; }




/******************** SITEMAP STYLES *******************/

#sitemap ul
{
  margin-left: 30px;
}

#sitemap ul li
{
  margin: 0;  
}

#sitemap ul ul
{
  margin-left: 30px;
}
#sitemap ul li ul li
{
  margin: 0;  
}

#sitemap ul li a
{
  float: left;
  margin-bottom: 5px;
}

/******************** LOGIN LINKS *******************/
.login-iframe
{
  float: left;
  clear: left;
}

/******************** END  LOGIN LINKS *******************/


/** Homepage slideshow **/
.content-home {position: relative; background: none}
.content-home #home-slideshow {z-index: 1; height: 372px; overflow: hidden}
.content-home #home-content {position: absolute; top: 0; left: 0; z-index: 2}
.content-home #MCL {position: absolute; top: 0; right: 0; z-index: 2}
/**************/
/** Intranet **/
/**************/

/** Survey results sidebar **/
.right-sidebar {width: 228px; height: 265px; float: left; margin: 10px 0 0 15px}
.right-sidebar.intranet {background: url(../images/background_survey-results.jpg) no-repeat}
.right-sidebar.auto-height {height: auto}

/** Feedback form **/
#feedback-form div:after {content: " "; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; margin-bottom: 8px}
#feedback-form label {display: block; width: 100px; margin-right: 10px; float: left; color: #5a5a5a}
#feedback-form input {display: block; width: 223px; float: left; background: url(../images/input-field-233.jpg) no-repeat; padding: 5px}
#feedback-form textarea {display: block; width: 223px; height: 90px; float: left; padding: 5px; border: 1px solid #3e3f3f}
#feedback-form #submit-feedback {width: auto; border: 0 none; padding: 0; float: right}

#feedback-form input.error, #feedback-form textarea.error {border: 1px solid #F00}
#feedback-form input.error {width: 223px; background: none}

#feedback-form-thankyou {display: none}

/** Widgets **/
.sidebar-widget {width: 211px; padding: 10px; background: url(../images/background_widget.jpg) no-repeat; font-family: Arial; font-size: 12px; color: #5a5a5a; float: left; margin: 20px 0 0 15px}
.sidebar-widget h3 {color: #32a3cc; font-size: 14px; margin: 0 0 10px; text-transform: uppercase; border-bottom: 1px dotted #626262; width: 211px}
.sidebar-widget input.submit {float: right; width: auto; margin: 10px 0 0}

/** Survey widget **/
.right-content .right-column {display: none}
#survey-widget div.option {margin-bottom: 5px}
#survey-widget div.option:after {content: " "; display: block; clear: both; visibility: hidden; font-size: 0; height: 0}
#survey-widget input.radio {margin-right: 10px; float: left}
#survey-widget span {width: 185px; float: left}
#survey-widget #answers-after:after {content: " "; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; margin-bottom: 10px}
#survey-widget #answers-after span {width: 175px; line-height: 18px}
#survey-widget #answers-after strong {width: 35px; float: right; display: block; text-align: right; line-height: 18px}
#survey-widget .question-after {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CCC}

/** Survey widget answers **/
#survey-widget #answers-graph {padding-top: 20px}
#survey-widget #answers-graph:after {content: " "; display: block; clear: both; visibility: hidden; font-size: 0; height: 0}
#survey-widget #answers-graph #bars {position: relative; margin-bottom: 10px}
#survey-widget #answers-graph #bars span {float: left; width: 30px; margin-right: 15px; position: absolute; bottom: 0; background: url(../images/background_survey-bars.jpg) no-repeat}
#survey-widget #answers-graph #bars span.answer-1 {left: 0; background-position: 0}
#survey-widget #answers-graph #bars span.answer-2 {left: 45px; background-position: -30px 0}
#survey-widget #answers-graph #bars span.answer-3 {left: 90px; background-position: -60px 0}
#survey-widget #answers-graph #bars span.answer-4 {left: 135px; background-position: -90px 0}
#survey-widget #answers-graph #bars span.answer-5 {left: 180px; margin-right: 0; background-position: -120px 0}

#survey-widget #answers-graph #key div {margin-bottom: 10px}
#survey-widget #answers-graph #key div:after {content: " "; display: block; clear: both; visibility: hidden; font-size: 0; height: 0}
#survey-widget #answers-graph #key span.key-color {float: left; display: block; width: 20px; height: 20px; background: url(../images/background_survey-bars.jpg) no-repeat}
#survey-widget #answers-graph #key .answer-1 span.key-color {}
#survey-widget #answers-graph #key .answer-2 span.key-color {background-position: -30px 0}
#survey-widget #answers-graph #key .answer-3 span.key-color {background-position: -60px 0}
#survey-widget #answers-graph #key .answer-4 span.key-color {background-position: -90px 0}
#survey-widget #answers-graph #key .answer-5 span.key-color {background-position: -120px 0}
#survey-widget #answers-graph #key span.key-label {float: left; margin-left: 10px; line-height: 20px; width: 180px}


/** My Carlyle **/
.my-home {z-index: 10}
.my-home .text {margin-top: 25px; font-size: 12px}
.my-home h2 {color: #32a3cc; font-size: 16px; display: block; margin-bottom: 10px}
.my-home h3, .my-home h3 a {color: #32a3cc; font-size: 12px}
.my-home dl {display: block; clear: left; font-size: 12px; margin-bottom: 20px}
.my-home dl dt {float: left; display: block; width: 50px; margin-right: 10px; margin-bottom: 6px}
.my-home dl dd {margin-bottom: 6px}
.my-home ul {margin-bottom: 20px}
.my-home li {list-style: none; margin-bottom: 6px; font-weight: bold}
.my-home .left-column {width: 225px; float: left}
.my-home .right-column {width: 225px; float: left}

/** New My Carlyle holding page **/
#my-carlyle-sub-nav {background: url(../images/nav-bar.png) bottom; height: 25px; border-top: 1px solid #999}
#my-carlyle-sub-nav a {color: #FFF; font-weight: bold; text-decoration: none; display: block; padding: 5px 10px; float: left}

#my-carlyle-content {background: url(../images/background_my-carlyle.jpg) repeat-x #272727; height: 320px; position: relative;}
#my-carlyle-content h2 {display: block; float: left; color: #32A3CC; margin: 20px 0 3px; clear: left;}
#my-carlyle-content h2 a {color: #32A3CC}
#my-carlyle-content p {color: #FFF; margin-bottom: 20px}
#my-carlyle-content .column {float: left; padding: 0 15px; background: url(../images/my-carlyle-divider.jpg) no-repeat right; height: 320px}
#my-carlyle-content .column.left {width: 200px}
#my-carlyle-content .column.middle {width: 260px; padding: 0 35px}
#my-carlyle-content .column.middle.no-divider {background-image: none;}
#my-carlyle-content .column.middle.no-divider.wide {width: 670px}
#my-carlyle-content .column.middle.no-divider.wide a {color: #FFF; font-weight: bold}
#my-carlyle-content .column.middle.no-divider.error {width: 670px}
#my-carlyle-content .column.right {width: 294px; padding: 0 60px; background-image: none}
#my-carlyle-content .column.right img {margin-top: 15px}

#my-carlyle-content dl.my-details {color: #FFF}
#my-carlyle-content dl.my-details dt {float: left; width: 60px; line-height: 20px}
#my-carlyle-content dl.my-details {line-height: 20px; float: left; margin-bottom: 15px;}

#my-carlyle-content dl.my-details dt.address {float: left; line-height: 14px; margin-top: 15px;}
#my-carlyle-content dl.my-details dd.add-line1, #my-carlyle-content dl.my-details dd.add-line2 {float: left; line-height: 14px; margin-top: 15px;}
#my-carlyle-content dl.my-details dd.add-line2 { margin-left: 70px; margin-top: 0;}

#my-carlyle-content dl.my-details#vehicle-details dt {width: 130px;}
#my-carlyle-content dl.my-details#agreement-details dt {width: 155px;}
#my-carlyle-content dl.my-details#vehicle-details dd.vehicle {width: 300px; font-weight: bold;}

#my-carlyle-content dl.my-details#dd-details dt {width: 130px; float: left}
#my-carlyle-content dl.my-details#dd-details dd {clear: none}

.agreement-tabs {position: absolute; top: -24px; left: 229px;}
.agreement-tabs .tab {background: #6e6e6e; height: 17px; display: block; color: #b9b9b9; padding: 6px 15px 0 15px; border: 1px solid #b5b3b4; border-right: none;;float: left;}
.agreement-tabs .tab:hover{text-decoration: none; color: #FFF;}
.agreement-tabs .tab#more-tab {border-right: 1px solid #b5b3b4; }
.agreement-tabs .tab.selected-tab {color: #FFF; height: 18px; border-bottom: none;} 

/** Tweaks to allow more content to fit in **/
#my-carlyle-content .column.middle {width: 280px}
#my-carlyle-content .column.middle.unavailable {width: 450px}
#my-carlyle-content .column.right {width: 310px; padding: 0 30px}
#my-carlyle-content p {margin-bottom: 0px}

#my-carlyle-content.holding-page p {margin-bottom: -15px}

/** Motoring news widget **/
#news-feed-widget {width: 214px; height: 216px; background: url(../images/widget-news-background.jpg); padding: 5px}

#news-feed-widget .gfg-list {display: none}
#news-feed-widget .gfg-title {margin-top: 82px; padding: 10px 10px 0; height: 16px}
#news-feed-widget .gfg-title a {display: none}
#news-feed-widget .gfg-entry {padding: 10px; height: 90px; overflow: hidden}
#news-feed-widget .gf-relativePublishedDate {display: none}
#news-feed-widget a.gf-title {font-weight: bold}
#news-feed-widget a.gf-title:hover {text-decoration: none}

#news-feed-widget-title {position: absolute; top: 89px; left: 15px}





/**MP 24/09/2010 **/
.sidebar-minicart
{
color:#5A5A5A;
float:left;
font-family:Arial;
font-size:12px;
padding: 14px 0 14px 14px;
width:211px;

}

.sidebar-minicart h2 
{ 
border-bottom:1px dotted #CCCCCC;
color:#32A3CC;
margin-bottom:14px;
margin-top:3px;
padding-bottom:5px;
width:226px;
}

#mainForm select {
  border-bottom-color:#CCCCCC;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-color:#CCCCCC;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#CCCCCC;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#CCCCCC;
  border-top-style:solid;
  border-top-width:1px;
  margin-bottom:0;
  margin-left:0px;
  margin-right:0;
  margin-top:5px;
  padding-bottom:2px;
  padding-left:2px;
  padding-right:2px;
  padding-top:2px;
  width:160px;
padding:3px;
height: 25px;
}


#mainForm input{
/**padding:3px;**/

margin-bottom:5px;

/**margin-left: 10px;**/
}



/** Dealer news **/
#dealer-news-list .article  {border-top: 1px #CCC dotted; margin-top: 10px; padding-top: 10px}
#dealer-news-list .article h3  {float: none; margin-bottom: 5px}
#dealer-news-list .article h3 a  {color: #32A3CC}
#dealer-news-list .date      {font-size: 9px; text-transform: uppercase; float: right; font-weight: normal; line-height: 18px}
#dealer-news-list .read-more    {font-size: 11px; text-transform: uppercase; float: right}

#dealer-news-list #pagination  {border-top: 1px solid #CCC; margin-top: 20px; padding-top: 20px; font-weight: bold}
#dealer-news-list #next-link    {float: right}

/** My Dealer **/
.my-details dt {width: 50px; float: left; clear: left; font-weight: bold; margin-right: 10px}
.my-details dd {width: 125px; float: left}

/** Document Repository **/
.document-repository li {list-style: none}
.document-repository li li {margin-left: 20px}
.document-repository a {float: left; clear: both; color: #32a3cc; text-transform: uppercase; background: url(../images/link-arrow.png) no-repeat; background-position: right top; padding-right: 12px; min-height: 15px; font-size: 11px; font-weight: bold}


/** Overlay styles **/

.overlay-container 
{
  background: url(../images/black-overlay.png) repeat;
  width: 100%;
  height: 100%;
  z-index: 100;
  position: fixed;
}

.overlay-wrap
{
  position:absolute;
  width:100%;
}

.overlay-box
{
  margin: 100px auto 0 auto;
  width: 522px;
  z-index:1000;
  position:relative;
}

.overlay-box-content
{
  background: url(../images/overlay-box-centre.jpg) no-repeat #FFF;
  border-left: 1px solid #585858;
  border-right: 1px solid #585858;
  float: left;
  padding: 0 14px 14px 14px;
  width: 492px;
}  

.overlay-box-content h2
{
  color: #32A3CC;
  margin-bottom: 14px;
}

.overlay-box-content .form-row
{
  float: left;
  clear: left;
  margin-bottom: 10px;
}

.overlay-box-content .form-row label
{
  width: 150px;  
  float: left;
  padding-top: 4px;
  font-weight: bold;
}

.overlay-box-content .form-row label span {display: block; font-size: 11px; font-weight: normal}

.overlay-box-content .main-button
{
  float: left;
  clear: left;
  margin-left: 152px;
}

.close-btn
{
  float: right;
  background: url(../images/close-btn.png) no-repeat;
  width: 11px;
  height: 11px;
  margin-right: -4px;
}

/** Request a settlement **/
.overlay-box-content .form-row.radio input {float: left; margin-right: 10px}
.overlay-box-content .form-row.radio label {float: left; font-weight: normal; width: 460px; padding-top: 0}
#proceed-options a {display: none}
.main-link.close-btn {width: auto}
.settlement-details dt {width: 150px; float: left; clear: left; font-weight: bold; margin-right: 10px}
.settlement-details dd {width: 100px; float: left}
p.smallprint {margin-top: 10px; font-size: 10px}
p.smallprint span {margin-top: 10px; font-size: 10px; clear: none; float: none}

.update-vehicle .overlay-box-content .form-row  label {width: 220px; margin-right: 10px}


.overlay-box-content .loading-gif {margin: 15px auto 0}


/*
IE7 fix for all text fields with a background image.
If you put in more text then the width of the textbox, the background image moves left
*/
html>body .standard-search {*background-image: none; *background-color: #FFF; *border: 1px solid #333}

.hidden-overlay {display: none}
.close-btn.overlay-button {float: right; width: 69px; height: 24px}
.adp-directions {width: 200px !important}

#Webzation{
  background: url(../images/grey-image-overlay.png) repeat;
  float: right;
  clear: right;
  width: 216px;
  height: 32px;
  padding: 11px 11px;
  padding-top: 0;
}

.webzationLogo{
  background: url(../images/poweredByWebzation.png);
  background-position: 0 0;
  width: 216px;
  height: 32px;
  text-indent: -99999px;
  display: block;
}

.webzationLogo:hover{
  background-position: 0 32px;
}
#product-sidebar{
  float: left;
  width: 213px;
  padding: 14px;
  padding-top: 44px;
}

#product-sidebar a{
  float: left;
  clear: both;
  color: #32A3CC;
  text-transform: uppercase;
  background: url(../images/link-arrow.png) no-repeat;
  background-position: right top;
  padding-right: 12px;
  min-height: 15px;
  font-size: 11px;
  font-weight: bold;
  background-position: left top;
  padding-left: 15px;
  margin-bottom: 7px;
}

h5.product-header a:hover{
  text-decoration: underline;
}

#product-content{
  padding: 14px;
  float:left;
  width: 704px;
}

#products{
  float: left;
  clear: left;
}

.product{
  width: 220px;
  float: left;
  position: relative;
  margin-bottom: 20px;
  margin-right: 20px
}

.product-right{
  margin-right: 0;
}

.product .product-panel-text{
  background: url("../images/panel-text-bg.png") repeat;
  position: absolute;
  bottom: 3px;
  width: 214px;
  left: 3px;
  height: 100px;
}

.product .product-panel-text .product-name{
  color: #545454;
  border-bottom: 1px dotted #999;
  margin: 7px;
  padding-bottom: 3px;
  margin-bottom: 0;
  width: 200px;
  clear:both;
  float:left;
}

.product .product-panel-text .product-text{
  color: #292929;
  padding: 7px;
  float: left;
}

.product .product-panel-text .product-link{
  color: #32A3CC;
  text-transform: uppercase;
  background: url(../images/link-arrow.png) no-repeat;
  background-position: right top;
  padding-right: 12px;
  min-height: 15px;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  bottom: 7px;
  right: 7px;
}









/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */