@font-face {
    font-family: 'helvetica_ce_75_romanbold';
    src: url('../fonts/helvetica_neue/75_bold/helvetica_neue_ce_75_bold-webfont.eot');
    src: url('../fonts/helvetica_neue/75_bold/helvetica_neue_ce_75_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica_neue/75_bold/helvetica_neue_ce_75_bold-webfont.woff') format('woff'),
         url('../fonts/helvetica_neue/75_bold/helvetica_neue_ce_75_bold-webfont.ttf') format('truetype'),
         url('../fonts/helvetica_neue/75_bold/helvetica_neue_ce_75_bold-webfont.svg#helvetica_ce_75_romanbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face{
font-family:"HelveticaNeueW02-45Ligh";
src:url("../fonts/694015/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix");
src:url("../fonts/694015/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix") format("eot"),
    url("../fonts/694015/9a2e4855-380f-477f-950e-d98e8db54eac.woff") format("woff"),
    url("../fonts/694015/fa82d0ee-4fbd-4cc9-bf9f-226ad1fcbae2.ttf") format("truetype"),
    url("../fonts/694015/48d599a6-92b5-4d43-a4ac-8959f6971853.svg#48d599a6-92b5-4d43-a4ac-8959f6971853") format("svg");
}
body, button, input, select, textarea { 
	font-family: HelveticaNeueW02-45Ligh, 'Open Sans', Arial, sans-serif; 
	color: #080808;
	letter-spacing: 0.3px;
	font-weight: 400;
}

nav#primary div ul li {
	font-family: HelveticaNeueW02-45Ligh, 'Open Sans', Arial, sans-serif; 
}

#container{
    background-color: #eaeaea;
}

#innerContainer{
    width: 978px; 
    margin: auto;
    display: block;
    padding: 0 15px;
    background-color: #fff;
    overflow: hidden;
}

body{
	font-weight: 400;
    /* background:#fff url('../images/common/shadow_home.jpg') no-repeat 50% 85px; */
}

body.PageType_HomePage{
    background-position: 50% 55px;

}

body.PageTide_high{
    background-position: 50% -160px;
}

ul, ol, li{
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.horizontal li{
    display: inline-block;
    text-align:left;
}

.ie7 ul.horizontal li{
    display: inline;
}

input::-webkit-input-placeholder {
    color: #c9c9c9;
}
input:-moz-placeholder {
    color: #c9c9c9;
}
input:-ms-input-placeholder {
    color: #c9c9c9;
}

h1, h2, h3, h4{
    font-family: HelveticaNeueW02-45Ligh, "PT Sans",Arial,sans-serif;
    color: #1a1a1a;
}

h1{
    font-size: 1.5em;
    margin: 0.5em 0 0.3em 0;
}

h2{
    font-size: 1.3em;
    margin: 0.4em 0 0 0;
}

h3{
    font-size: 1.15em;
    margin: 4px 0 0 0;
}

h4{
    font-size: 1em;
    margin: 4px 0 0 0;
}

h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited{
    color: #333;
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active{
    text-decoration: underline;
}

h1.title_replacement{
    text-indent: -10000px;
    position: relative;
}

h1.title_replacement img{
    top: 0; 
    left: 0;
    position: absolute;
}

a,
a:visited {
	color: #d62c23;
}

aside h2, aside h3, aside p{
    padding: 0 10px;
}

aside p{
    font-size:0.9em;
    line-height: 1.5em;
}

iframe{border: none; padding: 0; margin: 0;}

.swipe_surface{
    
}

/** remove focus highlight from Chrome **/
input, input:focus {
    outline: none;
}

/* Helpers */
.rounded_corners{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
html.oldie .rounded_corners{
    behavior: url('/mysite/thirdparty/pie/PIE.htc');
}

.clear {
    clear: both;
}
.left { 
    float: left;
}
.right { 
    float: right;
}
.hide { 
    display: none;
}

.center_image img{
    display: block;
    margin: 0 auto;
}

.outer-border{
    background: #fff;
    position: relative;
    border:1px solid #ededed;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
}

html.oldie .outer-border{
    behavior: url('/mysite/thirdparty/pie/PIE.htc');
}
.inner-border{
	padding: 2px;
    border:1px solid #e0e0e0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
}
html.oldie .inner-border{
    behavior: url('/mysite/thirdparty/pie/PIE.htc');
}

.typography{
    clear: both;
}

.utility, .utility:visited{
    border: 1px solid #ddd;
    height: 11px;
    cursor: pointer;
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 10px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    padding: 4px 28px 4px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

html.oldie .utility{
    behavior: url('/mysite/thirdparty/pie/PIE.htc');
}

.utility.go_back{
    background: url("../images/common/sprite.png") 100% -1016px no-repeat;
}

.utility.expander{
    width: 109px;
    float: right;
    margin: 0 10px 10px 0;
    background: url("../images/common/sprite.png") 100% -956px no-repeat;
}

.utility.expander.collapsed{
    background: url("../images/common/sprite.png") 100% -976px no-repeat;
}


.fixed.position_bottom{
    position: absolute;
    bottom: 0;
    right: 0;
}

.fixed.position_middle{
    position: fixed;
    top: 0;
}

/* Form Fields
---------------------------------------- */
fieldset {
    border: 0;
}
label.left {
    display: block;
    float: none;
}
.typography .field {
    padding-bottom: 18px;
    overflow: hidden;
}
.typography .field.treedropdown {
    overflow: visible;
}
	
.typography input.text,
.typography textarea {
    width: 320px;
    padding: 4px;
}

input.action {
    padding: 2px;
    font-size: 14px;
}
input.action:hover,
input.action:focus {
    cursor: pointer;
}
div.Actions input.action{
    height:28px;
    background:url("../images/common/model-contact-form-submit.png") 0 0 no-repeat;
    width:182px;
    border:none;
    font-size:14px;
    font-weight:bold;
}

form ul {
    list-style: none;
}

form div.field{
    float:none;
    clear:both;
    margin:0;
    padding:5px 0;
}
form div.field label{
    float:left; width:200px; 
    text-align:right; 
    font-size:13px; 
    font-weight:bold; 
    color:#333; 
    padding:4px 10px 0 10px;
}

form div.field label span.explain{
    display: block; 
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
}

form div.field span.message{
    color: red;
}

form ul.checkboxsetfield li{
    height:16px;
}

form ul.checkboxsetfield label{
    text-align:left; 
    width:400px;
}

form input.checkbox{
    width:auto;
}

.middleColumn {
    display: block;
    margin: 0;
    float:left; 
    clear:none; 
    margin:0; 
    padding:0; 
    width:auto; 
    background:none;
}

input.text{
    height: 22px;
    width: 300px;
}

input.text, textarea, select{
    padding: 2px 4px;    
    border: 1px solid #A7A7A7;
    background: #fff;
    color: #000;
    font-size: 14px;
}
textarea {
    width: 300px;
    min-width: 150px;
    min-height: 50px;
}

input:focus span, textarea:focus span {
    border: 3px solid #000;
}

select {
    width: auto;   
}

.typography label {
    display: block;
    margin: 10px 0 -10px 0;
    color: #777;
    font-size: 12px;
}

label.right {
    display:inline;
    float:none;
}

ul.optionset {
    margin: 0;
    overflow: hidden;
}
ul.optionset li {
    margin: 6px 0;
    clear: both;
}
ul.optionset li input {
    float: left;
    margin: 4px 6px;
}
ul.optionset li label {
    margin: 0;
}
/* End Form Fields
---------------------------------------- */
header, div#main{
    width: 978px; 
    margin: 0 auto;
}

div#main{
    position: relative;
}

.PageType_ModelColourPage div#main{
	min-height: 600px;
}

header{
    margin-top: 20px; 
    height: 122px;
    position: relative; 
    margin: auto;
}
header hr {
    margin: 2px 0;
    position: absolute;
    top: 60px;
    width: 100%;
    border-color: #1a1a1a -moz-use-text-color -moz-use-text-color;
}
div#additional_nav{
    float: right;
    margin: 22px 0 0 0;
    cursor: default;
}

div#additional_nav li.first{
    border-left: none;
}

div#additional_nav li{
    border-left: 1px solid #444;
    padding: 0 8px;
    line-height:13px;
}

div#additional_nav li a, div#additional_nav li a:visited{
    text-decoration: none;
    font-size:12px;
    color: #444;
    padding:0 0 0 5px;
}
div#additional_nav li a:hover, div#additional_nav li a:active{
    text-decoration: underline;
}

div#search{
    float: right;
}

div#search form{
   position: relative; 
   width: 170px;
   margin: 18px 1px 0 20px;
}
div#search input.query{
    margin: 0;
    border-right: none;
    border-top: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    position: absolute;
    width: 148px;
    font-size: 0.9em;
    height: 19px;
    padding: 1px 0 1px 3px;
    -webkit-appearance: textfield;
}


div#search input.submit{
    text-indent: -10000px;
    line-height: 0;
    background: #fff url('../images/common/sprite01.png') 0 -30px no-repeat;
    height: 23px;
    width: 28px;
    border: none;
    padding: 0;
    margin: 0;
    border-right: 1px solid #c9c9c9;
    border-top: 1px solid #c9c9c9;
    border-left: none;
    border-bottom: 1px solid #c9c9c9;
    position: absolute;
    right: 0;
}

div#social_links{
    float: right;
    margin: 17px 0 0 5px;
}
div#social_links ul{
    padding: 0;
    margin: 0;
}
div#social_links li{
    list-style: none;     
}

div#social_links li a{
    background-repeat: no-repeat; 
    margin-left: 2px;
    text-decoration: none;
}

div#social_links li.youtube a{
    background-position: 0 -88px;
}

div#social_links li.twitter a{
    background-position: 0 -142px;
}

div#social_links li.facebook a{
    background-position: 0 -115px;
}

div#social_links li a{
    display: block;
    height: 26px;
    width: 24px;
}

header a#logo{
    background: url("../images/common/sprite02.png") 0 0 no-repeat; 
    display: block; 
    height: 30px;
    text-indent: -10000px;
    width: 200px;
    position: absolute;
    top: 18px;
    
}


nav.horizontal{
    width: 978px;
    padding: 0;
    clear: both;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #333 url("../images/common/sprite01.png") 0 -60px repeat-x;
}

html.oldie nav.horizontal{
    width: 972px;
    padding: 0 3px;
    background: #333;
}

nav.horizontal div.wrapper{
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    text-align:center;
}
nav.horizontal ul{
    text-align:center;
    padding: 0;
    height: 30px;
    line-height: 30px;
    display: inline-block;    
}

nav.horizontal li{
    padding: 0 13px;
    border-right: 1px solid #232323;
    border-left: 1px solid #4a4a4a;
    margin: 0;
    height: 30px;
    line-height: 30px;
    float: left;
}

/** pre IE8 align nav items to the left - revert this **/
html.ie7 nav.horizontal li{
    float: none;
}

nav.horizontal li.first{
   border-left: none;
}

nav.horizontal li.last{
   border-right: none;
}


nav.horizontal a, nav.horizontal a:visited{
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    padding: 0 4px;
    margin: 0;
    display: block;
}

nav.horizontal a:hover, nav.horizontal a:active{
    text-decoration: underline;
}

nav#primary{
    position: absolute;
    top: 77px;
}

nav#primary li.section, nav#primary li.current{
    background: transparent url("../images/common/sprite01.png") 0 -100px repeat-x;
}

ul#breadcrumbs{
    margin: -3px 90px 0 10px;
    float: left;
}

ul#breadcrumbs li{
   padding: 0 5px 0 0;
   font-size: 0.85em;
}

ul#breadcrumbs li:after{
    content: ">";
}

ul#breadcrumbs li a{
    text-decoration: none;
    color: #808080;
    margin: 0 5px 0 0;
}


ul#breadcrumbs li.last:after{
    content: "";
}

footer{
    width: 100%;
    border-top: 1px solid #1a1a1a;
}

footer .content {
    width: 978px;
    margin: 0 auto;
    min-height: 100px;
    padding: 15px 0;
    clear: both;
}

footer .content a, footer .content a:visited{
    color: #ed1b2f;
    text-decoration: none;
    font-size: 12px;
}

footer h3{
    padding: 0 0 7px 0;
    margin: 0 0 7px;
    cursor: default;
}
footer span.fa {
    margin-left: 5px;
}
#contactLinks a, #moreDetails a{
    color: #080808;
}
#contactLinks p, #moreDetails p{
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
}
#contactLinks {
    float: left;
    width: 310px;
    margin: 0;
}
#moreDetails{
    float: left;
    width: 310px;
    margin: 0 24px;
}
#yourHondaDealer{
	width: 307px;
	float: right;
	margin: 0;	
	background-color: #333;
    border: 1px solid black;
    cursor: pointer;
}
.honda-red{
	color: #d62c30;
}
span.icon {
    background-image: url('../images/common/sprite01.png');
    background-repeat: no-repeat;
    display: block;
    width: 20px;
    height: 15px;
    margin: 2px 4px 0 0;
}

/* #contactLinks h3 span.icon{ */
/*     background-position: -20px -140px; */
/*     float: left; */
/* } */

/* #moreDetails h3 span.icon, #yourHondaDealer h3 span.icon{ */
/*     background-position: -40px -138px; */
/*     float: left; */
/* } */


#contactLinks li, 
#moreDetails li{
    width: 280px;
    padding-top: 3px;
}

#contactLinks li img{
    vertical-align: text-bottom;
    padding-right: 3px;
}
#yourHondaDealer p {
    display: block;
    margin: 5px auto;
    text-align: center;
    width: 80%;
    color: #fff;
}
#brandspace_tiles{
    float: right;
    margin: 0;
}

#brandspace_tiles li{
    position: relative;
    width: 186px;
    font-size: 13px;
}

#brandspace_tiles li strong{
    display: block;
    color: #333;
    padding: 0 0 6px 0;
    font-size: 14px;
}

#brandspace_tiles li a{
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    padding: 80px 3px 0 3px;
    width: 180px;
    height: 90px;
    color: #555;
    text-align: center;
}

#brandspace_tiles li a:hover, #brandspace_tiles li a:active{
    text-decoration: underline;
}


#fine_print, #switch_mode{
    clear: both;
    padding-top: 15px;
    height: 23px;
    border-top: 1px solid #1a1a1a;
}

#fine_print, #fine_print a, #fine_print a:visited{
    color: #838B8B;
    font-size: 11px;
}
#fine_print ul {

}
#switch_mode{
    text-align: center;
}
#switch_mode, #switch_mode a, #switch_mode a:visited{
    font-size: 14px;
    color: #fff;
}

#fine_print ul{
    text-align: left;
    position: relative;
}

#fine_print li{
    list-style: none;
    border-left: 1px solid #838B8B;
    margin: 0 0 0 8px;
}
#fine_print li a{
    margin: 0 10px 0 15px;
    text-decoration: none;
}
#fine_print li.first{
    border-left: none;
    margin-left: 0;
}

#fine_print li.first a{
    margin-left: 0;
}

#fine_print li.copyright{
	padding-left: 15px;
}

#hero-image-wrapper {
    z-index:999;
    position: relative;
    margin: 0 auto;
    width: 978px; 
}

.PageType_HomePage #hero-image-wrapper{
    /* background: #fff url('../images/common/hero_shadow.png') bottom left no-repeat; */
    background: #fff;
    padding-bottom: 5px;   
}

#hero-image.low {
    height: 400px;
    width:978px
}


#hero-image .items li{
    margin: 0;
    width: 978px;
    height: 140px;
    background-position: 0 0;
    background-repeat: no-repeat;
    /* this is overriden in #hero-image .items li.first as only the first item must be visible */
    display: none;
}

html.oldie #hero-image .items li{
    display: block;
}

#hero-image.low .items li{
    height: 400px;
}

#hero-image .items li.first{
    display: block;
}

#hero-image .items li a.hero-link{
    margin: 0 100px;
    width: 770px;
    height: 400px;
    display: block;
}

#hero-image.high .items li a.hero-link{
    height: 150px;
}

#hero-image.low li.iblaster a.trigger{
    margin: 175px 0 0 292px;
    font-size: 20px;
    color: #333;
    text-decoration: none;
    padding:0;
    width: 392px;
    letter-spacing: 1px;
    opacity: 0.96;
    height: 69px;
    float: left;
}

#hero-image.low li.iblaster a.trigger span{
    display: block;
    height: 69px;
    background: url("../images/common/sprite.png") 0 -1078px repeat-x;
}

#hero-image.low li.iblaster a.trigger span.right, #hero-image.low li.iblaster a.trigger span.left{
    top: 0;
}

#hero-image.low li.iblaster a.trigger span.right{
    right: 0;
    width: 30px;
    background-position: 100% -1158px;
}



#hero-image.low li.iblaster a.trigger span.left{
    left: 0;
    width: 35px;
    background-position: 0 -1078px;
    float: left;
}

#hero-image.low li.iblaster a.trigger span.arrow{
    width: 20px;
    height: 25px;
    margin: 22px 0;
    background-position: 100% -1235px;
    float: right;
}

#hero-image.low li.iblaster a.trigger span.middle{
    background-position: 0 -1258px;
    float: left;
    line-height:69px;
    width: 327px;
}



#hero-image.low li.iblaster a.trigger:hover{
    color: red;
}

#hero-image .iblaster .reveal-modal{
    top: 0 !important;
}

#hero-image video{
    width: 978px;
    height: 400px;
}


ul.arrows {
    z-index: 10;    
}

ul.arrows li {
    height: 57px;
    width: 57px;
    z-index: 10;
    background: transparent url("../images/common/sprite02.png") top left no-repeat;
    text-indent: -10000px;
    cursor: pointer;
    top: 170px;
    position: absolute;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    
}
ul.arrows li.prev{
    left: 0;
    background-position: 0 -105px;
}

ul.arrows li.next{
    right: -1px;
    background-position:  0 -40px;
}

ul.arrows li.prev:hover{
    background-position: -60px -105px;
}

ul.arrows li.next:hover{
    background-position: -60px -40px;
}
ul.arrows li.inactive{
    display: none;
}


#model_selector{
    background: transparent;
    margin: -5px auto 0 auto;
    width: 978px;
    padding: 0 3px;
}

html.oldie #model_selector{
}

#model_selector div.header{
    float: left;
    width: 150px;
    margin: 0 0 0 10px;
}

#model_selector div.header h2{
    font-size: 35px;
    text-transform: uppercase;
    line-height: 32px;
    margin: 20px 0 0 0;
    cursor: default;
}

a.button{
    background: red url('../images/common/sprite01.png') 0px -160px no-repeat;
    color: #fff;
    text-transform: none;
    font-weight: 600;
    display: block;
    height: 28px;
    line-height: 28px;
    margin: 15px 0 0;
    padding: 0 10px;
    text-align: center;
    text-transform: none;
    font-size: 13px;
    width: 110px;
    text-decoration: none;
}


#model_selector ul{
    background: url("../images/common/car_selection_divider.png") no-repeat scroll 50% 73px transparent;
    height: 144px;
}

#model_selector li{
    height: 72px;
}

#model_selector ul{
    position: relative;
}


#model_selector li{
    display: inline-block;
    margin-right: 7px;
}

html.oldie #model_selector li{
    display: block;
    float: left;
}


#model_selector li img{
    display: block;
    margin: 0 auto;
}

#model_selector .models a, #model_selector .models a:visited{
    color: #555;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    text-align: center;
    font-size: 11px;
    margin: 0 0 0 5px;
    overflow: hidden;
    padding: 0;
    width: 110px;
}

#model_selector a span{
    margin-top: -5px;
    bottom: 5px;
    display: block;
    text-align: center;
}


/** IE <=7 requires smaller font **/
html.oldie #model_selector a, html.oldie #model_selector a:visited{
    font-size: 10px;
}

ul#new_cars li {
    float:left;
    display:block;
    width:309px;
    margin: 20px 15px 0 0;
}

#new_cars li a.image {
    width: 302px;
    height: 140px;
    overflow: hidden;
    display: block;
    position: relative;
}

#new_cars li a img {
    display: block;
}

#new_cars li.col_0 {
    margin-right: 0;
}

#new_cars li.col_1.last {
    float: none;
    margin: 0 auto;
    clear: both;
}

#new_cars h2 {
    font-size:16px;
    font-weight:bold;
    text-align: center;
    margin-top:3px;
}
		
#new_cars .price {
    font-size:0.9em;
    padding: 3px 0 0 0;
    text-align: center;
}

#new_cars .price .from {
    font-weight: bold;
    color: #333;
}

#new_cars .image_placeholder {
    height:140px;
}

/**
* Multiple column layouts
**/
div.columns .column{
    float: left;
}

div.columns.two-column .column{
  width: 489px;
}

div.price_pdf {
    width: 157px;
    height: 21px;
    position: relative;
}

div.price_pdf a{
    width: 157px;
    height: 21px;
    position: absolute;
    top: 0;
    left: 0;
}
div.price_pdf{
    background-image: url("../images/pricing/price_fullprice.jpg");
}


.price_utility, .price_utility:visited{
    background: url("../images/common/sprite01.png") 0 -400px no-repeat;
    height: 12px;
    cursor: pointer;
    display: block;
    text-transform: none;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    padding: 4px 13px 4px 15px;
    margin-left:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.price_utility:hover, .price_utility:active{
    background-position: 0 -430px;
}

.price_link, .price_link:hover{
    float:right;
    width:9px;
    height: 12px;
    margin:1px 0 0 9px;
    border:none;
    background: url("../images/common/sprite01.png") 0 -460px no-repeat;
}

.price_selector, .price_selector:hover{
    height: 25px;
    line-height: 25px;
    padding:0 15px 0 15px;
    cursor: pointer;
    border:1px solid #E0E0E0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
}

.price_selector.price_selector_active{
    color: #fff;
    background: #333 url("../images/common/sprite.png") 0 -665px repeat-x;
    border:none;
    padding-top: 1px;
    padding-bottom: 1px;
}

.price_selector:hover{
    background: #333 url("../images/common/sprite.png") 0 -825px repeat-x;
    color: #fff;
}
ul#price_selector li{
    text-align: left;
    vertical-align:top;
}
ul#price_selector {
    vertical-align:top;
    text-align: left;
}
li#styles ul{
    text-align: left;
}
#styles div.inner-border{
    padding: 2px 2px 0 2px;
}
#styles div.inner-border li{
    margin: 0 0 2px 0;
}
ul#price_submodels{
    text-align: center;
}
ul#price_submodels li{
    text-align: left;
    vertical-align:top; 
}
.priceextras {
    font-size: 11px;
    color: #555;
}

div.columns .column h3{
    padding: 0 0 10px;
}

ul.accessory_no_image{
    clear: both;
    padding: 0 0 10px 0;
}




#model_colours_container{
    background: #fff;
}

#model_colours_container ul, 
    #model_colours_container li {
    list-style: none; 
    margin: 0; 
    padding: 0;
}
#model_colours_container .photos {
    height: 320px;
}

#model_colours_container .photos li{
    position: absolute; 
}

#model_colours_container .arrows li.prev {
    left: 300px;
    top: 100px;	
}
#model_colours_container .arrows li.next {
    top: 100px;
}
#model_colours_container .photos .colours li{
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 250px;
    width: 756px;
    height: 300px;
}

#model_colours_container .photos .colours li.current{
    z-index: 1; 
}
#model_colours_container .photos .colours img {
    margin: 0 103px; 
}

#model_colours_container .photos .colours h4 {
    position: absolute; 
    top: 0;
    left: 0;
}
#model_colours_container .photos .colours h2 {
    position: absolute; 
    top: 0; 
    right: 100px;
}

#model_colours_container .photos .swatches {
    position: absolute;
    top: 30px; 
    left:0;
    width: 400px;
    margin: 0 auto;
    z-index: 15;
    height: 32px;
}
#model_colours_container .photos .swatches ul {
    text-align:center;
    display: inline-block;
    height: 33px; 
    width: auto;
    border: 1px solid #999;
    padding: 4px 2px 1px 4px;
 }
    
#model_colours_container .photos .swatches li {
    float: none !important;
    height: 33px;
    width: auto;
    margin: 0 2px 0 0;
    cursor: pointer;
    position: static;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#model_colours_container .photos .swatches li.selected {
    background: url("../images/common/redarrow.png") 8px 100% no-repeat;
}
#model_colours_container .photos .swatches li img{
    padding: 1px 0 1px 0;
}

#model_colours_container .photos .arrows{
    z-index: 1;
}
#model_colours_container .photos .arrows li.prev {
    left: 300px;
    top: 100px;
}
#model_colours_container .photos .arrows li.next {
    top: 100px;
    left: 900px;
}

#model_colours_container .sub_models {
    margin-top: -220px;
    position: relative;
    width: 240px;
    z-index: 10;
}
#model_colours_container .sub_models li {
    margin: 0 10px 0 0;
    width: 110px;
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    zoom: 1;
    *display: inline;
    float: left;
}
#model_colours_container .sub_models li img{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
    width: 110px; height: 56px;
}
#model_colours_container .sub_models li.selected img, #model_colours_container .sub_models li:hover img{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100, enabled = false)";
    filter: alpha(opacity=100, enabled=false);
    opacity: 1.0;
}


#model_colours_container {
    position: relative;
}

nav#secondary {
    margin: 0;
    height: 30px;
    background: #666 url("../images/common/sprite.png") 0 -820px repeat-x;
    
    /* background: #fff url('../images/common/hero_shadow.png') bottom left no-repeat;  */
    background: #fff;
    padding-bottom: 20px; 
}

nav#secondary div.wrapper{
    background: #333 url("../images/common/sprite01.png") 0 -60px repeat-x;
}

nav#secondary li.current, nav#secondary li.section {
    background: transparent url("../images/common/sprite01.png") 0 -100px repeat-x;
}

nav#secondary li {
    padding: 0 7px;
}


#sharethis{
    float: right;
    margin: -3px 10px 0 0;
}

nav#third{
    margin: 5px 10px 0 10px;
    height: 36px;
    background: transparent url('../images/common/bg_tabs.jpg') 0 0 no-repeat;
    padding: 10px 0 0 0;
}
nav#third li{
    margin: 2px 2px 0 0;
    padding: 0;
    float: left;
    font-size: 11px;
    height: 26px;
}

nav#third li.first{
    margin-left:3px;
}

nav#third li.current, nav#third li.section{
    background: #444;
}

nav#third li a, nav#third li a:visited{
    color: #777;
    text-decoration: none;
    padding: 6px 16px;
    display: block;
}

nav#third li.current a, nav#third li.section a{
    color: #fff;
}

body.PageType_ModelGalleryPage #fancybox-left, #fancybox-right {top: 0;}
body.PageType_ModelContactPage #fancybox-left, #fancybox-right {top: 0;}

.gallery_thumbnails li.image{
    margin: 0 7px 10px 0;
    width: 151px;
    height: 113px;
}
.gallery_thumbnails li.video{
    position: relative;
}

.gallery_thumbnails li.video a span.overlay-play-button{
    position: absolute;
    height: 100px;
    width: 100px;
    top: 6px;
    left: 25px;
    background: transparent url('/themes/centered/js/bigplay.png') 0 0 no-repeat;
}

.gallery_thumbnails li.image a{
    vertical-align: middle;
}
.gallery_thumbnails li.image img{
    display: block;
    margin: 0 auto;
}

.gallery_thumbnails li.image.col_0{
    margin: 0 0 10px 0;    
}

li.video_wrapper{
    width: 800px;
    display: block;
}

#fancybox-content h3{
    float: left;
    color: #fff;
    padding: 2px 10px;
}
.wallpaper_links{
    float: right;
    margin: 3px 10px;
}
.wallpaper_links a, .wallpaper_links a:visited{
    color: #fff;
    margin: 0 0 0 8px;
}

.fancybox_nav li{
    margin: 0 0 1px 4px;
    cursor:pointer;
    width: 95px;
    height: 70px;
}
.fancybox_nav li img{
    display: block;
    margin: 0 auto;
}

body.PageType_ModelGalleryPage #fancybox-left, body.PageType_ModelGalleryPage #fancybox-right{
   height: 400px;   
}
body.PageType_ModelContactPage #fancybox-left, body.PageType_ModelContactPage #fancybox-right{
   height: 400px;   
}

#fancybox-wrap .full_size{
    display: block;
    margin: 0 auto;
/*     width: 100%; */
}

div#page-tiles{
    margin: 10px;
}
div#page-tiles li{
    margin: 0 15px 10px 0;
    display: block;
    float: left;
}
div#page-tiles li.last_column{
    margin: 0 0 10px 1px;
}

div#page-tiles a, div#page-tiles a:visited,
#new_cars li a,
#technologiesContainer ul li a{
    width:225px;
    display: block;
    color: #444444;
    text-decoration:none;
    position: relative;
}

#page-tiles a div.image {
    width: 220px;
    height: 120px;
    overflow: hidden;
}

#page-tiles a strong,
#new_cars strong,
#technologiesContainer a strong {
    display: block;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 12px;
    margin: 0;
    padding: 4px 2px 0 2px;
}

#page-tiles a span,
#new_cars span,
#technologiesContainer a span {

    font-size: 11px;
    line-height: 13px;
    margin: 4px 2px 0 2px;
}

#page-tiles a{
    text-decoration: none;
}

#page-tiles a:hover strong, #page-tiles a:hover span, #page-tiles a:active strong, #page-tiles a:active span{
    text-decoration: underline;
}

aside div#page-tiles {
    margin:0;
}
aside div#page-tiles li {
    margin: 0 0 10px 0; 
    float:none; 
    width:225px;
}
aside div#page-tiles li.last {
    margin:0;
}

.image-overlay {
	font-family: HelveticaNeueW02-45Ligh, Arial, 'Arial Black', sans-serif;
    position: absolute;
    top: 7px; left: 5px;
/*     z-index: 10000; */
}
#page-tiles div.image div.image-overlay span:hover
{
	text-decoration: none;
}
#page-tiles div.image div.image-overlay span,
#new_cars div.image-overlay span,
#technologiesContainer ul li a div.image-overlay span{
	    display: block;
	font-size: 21px;
	font-weight: bold;
	text-decoration: none;
	margin: 8px 8px 0 8px;
	line-height: 13px;
}
#page-tiles div.image div.image-overlay span.image-overlay-subhead,
#technologiesContainer ul li a div.image-overlay span.image-overlay-subhead {
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    margin: 8px 8px 0 8px;
}
/** ModelTechnologyPage **/
body.PageType_ModelTechnologyPage a.go_back.model_technology{
    float:right; 
    margin: -25px 0 10px 10px;
    display:block;
}

/** TechnologiesPage **/
#technologiesContainer ul{
    clear: both;
}


#technologiesContainer ul li{
    width: 230px;
    float: left;
    overflow: hidden;
    position: relative;
    margin: 4px 9px 0 0;
}
#technologiesContainer ul li img{
    display: block;
}

ul.pagination{
    margin: 10px 0 0 0;
    text-align: center;
    min-height: 32px;
}
ul.pagination li{
    margin: 10px 10px 0 0;
}
ul.pagination li.current{
    font-weight: bold;
}
ul.pagination li a, ul.pagination li a:visited{
    color: #333;
    border:1px solid #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
    padding: 3px 6px;
    text-decoration: none;
}

ul.pagination li a:hover, ul.pagination li a:active{
    text-decoration: underline;
}

#results article{
    clear: both;
    border-bottom: 1px dotted #333;
    margin: 20px 0 0 0;
    padding: 0 0 10px 0;
}

#results article img{
    float: left;
    margin: 0 20px 10px 0;
}

#results article h2 a{
    text-decoration: underline;
}

#results article time {
    display: block;
    margin: 0.9em 0 0 0;
}


#search_form{
    border:1px solid #E3E3E3;
    padding: 20px;
    margin: 10px 0 0;
}

#search_form label{
    padding: 0 10px;
    font-size: 14px;
}
#search_form input.query{
    height: 22px;
    width: 400px;
    border: 1px solid #000;
    font-size: 14px;
    padding: 2px 3px;

}
#search_form input.submit{
    padding: 3px 8px;
    font-size: 14px;
    height: 30px;
    margin: 0 0 0 10px;
}
/**
* ContactFormPage
**/
#contact-page h1 {
    text-transform:none;
}


#contact-form form{
    margin: 15px 0;
}
#contact-form form select{
    width:150px; 
}
#contact-form #svc_olet select{
    width:400px;
}
#contact-form #svc_pref_date input{
    width:150px;
}

#contact-form input.text{
    width:500px;
    font-weight: bold;
}
#contact-form input.nolabel{
    margin-left:220px;
}
#contact-form span.message{
    width: 210px;
    float: right;
    display: inline-block;
    margin: 0 10px 0 0;
}

#contact-form fieldset{
    background:#eee;
    padding: 15px 0;
}

#contact-form .Actions{
    height:65px;
    background: url('../images/common/form_footer.png') bottom center no-repeat; 
}
#contact-form input.action{
    margin: 10px 0 0 220px;
    color: #fff;
    background: #444;
}
#contact-form input.action:active{
    background-position:1px 1px;
}

#contact-form textarea{
    width:500px; 
    font-weight:bold;
}
#contact-form form h2{
    margin: 10px 0 0 210px;
width: 100%;
}

body.ContactForm_TSTDN #contact-form input.action, 
body.ContactForm_SVCRQ #contact-form input.action, 
body.ContactForm_TestDriveTeaser #contact-form input.action, 
body.ContactForm_CNTHN #contact-form input.action {
    width: 220px;
}

/**
* ModelContactPage
**/
.crz_sneak_preview, .crz_sneak_preview:hover{
    float:right;
    width:242px;
    height:110px;
    cursor:pointer;
    text-decoration: none;
    padding:0 0 0 8px;
    margin:0;
    border:none;
    background: url("../images/new_cars/crz_sneakpreview.jpg") 100% no-repeat;
}
.crz_sneak_preview p{
    width:100px;
    text-align:center;
    text-decoration: none;
    color:#000000;
    margin:30px 0 0 135px;
}



/**
* AgentPage
**/
.agent_contact{
    border-bottom: 1px solid #a5a5a5;
    margin: 10px 0 0 0;
    padding: 15px 0 0 0;
}

.agent_contact.people{
    border: none;
}

.agent_contact h2 {
    float: left;
    padding: 7px 0 0 60px;
    min-height: 40px;
    width: 180px;
}

.agent_contact.addresses h2 {
    background: transparent url("../images/agent/icons/contact_address.png") 7px 0px no-repeat;
}

.agent_contact.phones h2 {
    background: transparent url("../images/agent/icons/contact_phone.png") 7px 0px no-repeat;
}

.agent_contact.people h2 {
    background: transparent url("../images/agent/icons/contact_person.png") 7px 0px no-repeat;
}

.agent_contact .records{
    margin: 0 0 20px 240px;
}

.agent_contact table th{
    text-align: left;
}

.vcard .tel .type, .vcard .adr .type {
    display: inline-block;
    width: 150px;
    vertical-align: top;
}
.vcard .tel .value, .vcard .adr .value {
    display: inline-block;
}

.vcard p.tel, .vcard p.adr {
    margin: 0 0 5px 0;
}

.addr_label {
    float:left; 
    padding: 0 5px 0 5px;
}
.addr_line {
    float:left;
}
.detail_heading span {
    padding-left:5px; 
    padding-right:5px; 
    white-space:nowrap;
}
.agent_contact.people .detail_heading{
    padding-right:5px; 
    white-space:nowrap;
}
.detail_heading h2 {
    padding-right:5px;
}
.detail_line span {
    padding-right:5px;
}

.agent_contact.people .name {
    width:150px;
}
.agent_contact.people .position {
    width:200px;
}
.agent_contact.people .email {
    width:150px;
}
.agent_intro{
    padding: 10px 0 0 0;
}
.agent_intro li {
    margin-bottom:2px;
}
.detail_line .heading {
    display: inline-block; 
    width:150px;
}

#agent-search{
    background: transparent url('../images/common/bg_agent.jpg') 0 0 no-repeat;
    width: 958px;
    height: 170px;
    margin: 15px 0 30px 0;
}

#agent-search form{
    padding: 50px 0 0 250px;
}

#agent-search form h2{
    margin: 0 0 20px 0;
}

select#agent_type, select#agents_by_area{
    width: 340px;
    margin: 0 10px 0 0;
}

#agent-phone-block {
    padding:10px 0px 10px 0px;
}
#agent-adr-block {
    padding:5px 0px 10px 0px; 
    float:left;
}
.agent-map {
    float:none;
    height:350px;
    padding:0;
    width:100%;
    margin: 10px 0 0 0;
}

iframe.agent-map {
    float:none; 
    height:350px;
}

/**
* Smog Calculator
**/
#smogComparison li{
    float: left;
    width: 310px;
    margin: 0 10px 0 0;
}

#smogComparison li.last{
    margin: 0;
}


#smog_calculator{
    
}

div#SmogCalculator {
    width:655px;
    padding:10px;
    line-height:18px;
}
div#SmogCalculator .top {
    background:url('../images/smog_calculator/top.jpg') no-repeat; 
    height:202px;
}
div#SmogCalculator p {
    margin:0 0 1em 0;
}
div#SmogCalculator .intro {
    padding:30px 20px 20px 205px; 
    height:120px; 
    overflow:hidden; 
}
div#SmogCalculator .intro h1 {
    margin: 0;
}
div#SmogCalculator div.location {
    width:100%;
    float:left;
    padding-left:20px;
}
div#SmogCalculator div.location label { 
    float:left; 
    font-weight:bold; 
    padding: 3px 10px 0 0;
}
div#SmogCalculator div.location form label {
    display:none;
}
div#SmogCalculator label {
    cursor:auto; 
    margin:0; 
    color:#373737;
}
div#SmogCalculator label.left {
    display:block;
}
div#SmogCalculator div.location #Form_smogForm_region {
    width:190px;
}
div#SmogCalculator div.location #Form_smogForm_area {width:345px;}
div#SmogCalculator div.location div.Actions {display:none;}
div#SmogCalculator div.calculatorResult {display:none;}
div#SmogCalculator div.title { background-color:#1151a7; width:100%; color:#fff; float:left;}
div#SmogCalculator div.title h3 { color:white; margin:4px 10px; font-size:13px; }
div#SmogCalculator div.content { background-color:#dedede; color:#3a3a39; float:left; padding:10px; }
div#SmogCalculator .bigbold { font-size:18px; font-weight:bold; }
div#SmogCalculator .bigred { color:#cc0000; text-decoration: underline;}
div#SmogCalculator div.panel { 
    float:left;
    margin-top:10px;
    background:#fff url('../images/smog_calculator/btm_gradient.jpg') repeat-x bottom left;
    width:205px;
    min-height: 355px;
    position: relative;
}
div#SmogCalculator div.panel div.title { background-color: #737373;}        
div#SmogCalculator div.panel div.title h4 { color:white; margin:4px 10px; font-size:12px; }
div#SmogCalculator div.panel div.inner { padding:10px;float:left;}
div#SmogCalculator div.panel .pushdown {position: absolute; bottom: 0; left: 10px;}
div#SmogCalculator div.value { border:1px solid #c0c0c0; color:#3a3a39; height:22px; margin: 0 0 6px 0; text-align: center; font-weight:bold; font-size:16px; padding-top:3px;}
div#SmogCalculator div.panel.padthis {margin-left:10px;}
div#SmogCalculator form .field, div#SmogCalculator form fieldset {float:left; margin:0 7px 0 0; padding:0; clear: none;}
div#SmogCalculator form .Actions {float:left; }
div#SmogCalculator form .Actions input { font:inherit; margin-top:16px;}
div#SmogCalculator form select { padding:3px 5px; font:inherit;}
div#SmogCalculator #Form_smogForm_area { width: 300px;}

/**
* Eclipse
**/
.PageType_EclipseHolder .content .thumbnail{
    float: left;
    width: 180px;
    margin: 0 2em 0 0;
}

.PageType_EclipseHolder .typography{
    float: left;
    clear: right;
}

.PageType_EclipseHolder .typography h2{
    font-size: 18px;
    margin: 0;
}

/* Page */
/**
* Tree Fund Counter
**/
div#TreeFundCounter {
    width:595px;
    padding:10px;
}
div#TreeFundCounter .top_banner { 
    padding: 70px 20px 0 210px; 
    width: 365px; 
    height:132px; 
    background: url('/themes/honda/images/treefund/top.jpg') no-repeat top left;
}
div#TreeFundCounter .top_banner h2 {
    margin-top:0;
}
div#TreeFundCounter .intro_text {}
div#TreeFundCounter .title { 
    padding: 3px 0 3px 20px; 
    background-color:#3a7814;
    float:left;
    width: 575px; 
    color:#fff; 
    font-weight:bold; 
    font-size:12px; 
    height:19px; 
}
div#TreeFundCounter .bottom { 
    padding:0 10px 10px 10px; 
    background-color:#dedede;
    float:left;
    width: 575px;
}
div#TreeFundCounter .subtitle { 
    color:#666; 
    height:19px; 
    padding: 4px 0 4px 10px; 
}
div#TreeFundCounter .count_area { 
    background-color: white; 
    float:left;
    width: 100%; 
}
div#TreeFundCounter .count_area .leftside {
    float:left; 
    margin: 50px 0 0 10px;
}
div#TreeFundCounter h3 {
    margin-top:0; 
    margin-bottom: 10px;
}
div#TreeFundCounter #counter { 
    background:url('../images/treefund/counter.gif') repeat-x;  
    float:left; 
    border: 1px solid #ddd; 
    font-size:20px; 
    padding:7px 0; 
    font-weight:bold; 
    overflow:hidden; 
    width:189px; 
    text-align: right;
}
div#TreeFundCounter #counter span { 
    letter-spacing: 14px; 
    font-family:monospace;
}
div#TreeFundCounter #counter_note {
    float:left; font-size:11px; 
    color:#777; 
    margin: 8px 0 0 10px;
}

/* Widget */
#TreeFundWidget {
    width:312px; 
    position:relative; 
    height:282px; margin:10px; 
    background:url('../images/treefund/base.png') no-repeat;
}
#TreeFundWidget #counter {
    position:absolute;
    left:72px;
    top:174px;
    width:150px; 
    height:33px;
}
#TreeFundWidget #counter .number {
    float:left;
    width:23px;
    height:33px;
    background-image:url('../images/treefund/numbers.gif'); 
    background-repeat: no-repeat;
}
#TreeFundWidget #counter .n0 { 
    background-position:0px 0px; }
#TreeFundWidget #counter .n1 { 
    background-position:-24px 0px; }
#TreeFundWidget #counter .n2 { 
    background-position:-48px 0px; 
}
#TreeFundWidget #counter .n3 { 
    background-position:-72px 0px; 
}
#TreeFundWidget #counter .n4 { 
    background-position:-96px 0px; 
}
#TreeFundWidget #counter .n5 { 
    background-position:-120px 0px; 
}
#TreeFundWidget #counter .n6 { 
    background-position:-144px 0px; 
}
#TreeFundWidget #counter .n7 { 
    background-position:-168px 0px; 
}
#TreeFundWidget #counter .n8 { 
    background-position:-192px 0px; 
}
#TreeFundWidget #counter .n9 { 
    background-position:-216px 0px; 
}


/**
* Fuel Calculator
**/
div#FuelCalculator { 
    color:#373737; 
    line-height:18px;
}

div#FuelCalculator input, div#FuelCalculator select{ 
    font:inherit; 
    font-size:12px; 
    font-weight:normal;
}
div#FuelCalculator .input{
    font-size:12px; 
    font-weight:normal;
}
div#FuelCalculator .blurb { 
    padding:25px 25px 0 295px; 
    background: url('../images/fuel-calculator/top.jpg') no-repeat; 
    height:197px;
    overflow:hidden;
}
div#FuelCalculator .calculator {
    background-color: #dedede; 
    padding:10px;
}
div#FuelCalculator .toptitle { 
    background-color:#464646; 
    height:28px;
}
div#FuelCalculator .toptitle h3 {
    line-height:22px; 
    padding:3px 10px; 
    margin:0;  
    color:#fff;
}
div#FuelCalculator .grey10 {
    font-size:10px; 
    color: #a1a1a1; 
    font-weight: bold;
}
div#FuelCalculator p {
    margin: 0 0 5px 0;
}
div#FuelCalculator label {
    cursor:auto; 
    margin:0; 
    color:#373737;
}
div#FuelCalculator label.left {
    display:block;
}
div#FuelCalculator .middleColumn {
    display:block; 
    margin:0; 
    background:none; 
    padding:0; 
    clear:none; 
    float:none;
}
div#FuelCalculator .conditionsForm div.middleColumn {
    width:auto;
}

div#FuelCalculator .conditionsForm .field {
    height: 52px;
    width:166px;
    float:left; 
    background-color:#fff; 
    padding:6px 10px 10px; 
    border:1px solid #929292;
    border-right:none;
    clear: none;
}
div#FuelCalculator .conditionsForm label {
    width:auto!important; 
    float:left;
    font-weight: normal;
    font-size: 12px;
}
div#FuelCalculator .conditionsForm label.left { 
    padding:0 0 5px 0!important;
}
div#FuelCalculator .conditionsForm label.right { 
    padding:4px 0 0 4px; 
}
div#FuelCalculator .conditionsForm input { 
    border:1px solid #ccc; 
    float:left; 
    padding: 2px 4px; 
}
div#FuelCalculator .conditionsForm .numeric input { 
    width:114px;
}


div#FuelCalculator .conditionsForm #Price91 {
    width:167px;
}
div#FuelCalculator .conditionsForm #Price91 input { 
    width:137px;
}
div#FuelCalculator .conditionsForm #Price96 input { 
    width:137px;
}
div#FuelCalculator .conditionsForm #PriceDiesel input { 
    width:137px;
}
div#FuelCalculator .conditionsForm #AnnualDistance input { 
    width:132px;
}
div#FuelCalculator .conditionsForm #TotalDistance { 
    width:167px; 
    border-right:1px solid #929292;
}
div#FuelCalculator .conditionsForm #TotalDistance input {
    width:132px;
}

div#FuelCalculator .midtitle { 
    background-color:#6c6c6c; 
    color:#fff;
    height:28px; 
    margin:10px 0 1px; 
}
div#FuelCalculator .midtitle span { 
    padding:4px 10px; 
    display:block;
}
div#FuelCalculator .carSelection { 
    float:left; 
    width:464px; 
    background-color:#fff8f8; 
}
div#FuelCalculator .carSelection h5 { 
    margin:0; 
    padding: 4px 10px; 
    color:#fff; 
    font-weight:normal; 
    font-size:12px; 
}
div#FuelCalculator #hondaCar { 
    margin-right:10px;
}
div#FuelCalculator #hondaCar h5 { 
    background-color: #cd0000;
}
div#FuelCalculator #comparisonCar h5 { 
    background-color: #414141;
}
div#FuelCalculator .form { 
    padding:10px; 
}
div#FuelCalculator .field { 
    padding: 0 0 8px 0; 
    height: 25px;
}
div#FuelCalculator .field label {
    float:left; 
    width:60px; 
    padding: 3px 0; 
    font-size: 12px; 
    font-weight: normal; 
    text-align: left;
}

div#FuelCalculator .field select, div#FuelCalculator .field .input { 
    float:left; 
    padding:3px 5px; 
    width:379px;
}
div#FuelCalculator .field .input {
    width:374px; 
    font-weight: bold;
}
div#FuelCalculator .Actions {
    display:none;
}

div#FuelCalculator .row {
    padding:4px 10px; 
    clear:both; 
    height: 22px;
    line-height: 22px;
}
div#FuelCalculator #hondaCar .alt {
    background-color:#ffe4e4;
}
div#FuelCalculator .alt {
    background-color:#ebebeb !important;
}

div#FuelCalculator .row label {
    float:left;
}
div#FuelCalculator .row .value {
    float:right; 
    width:100px;
}

div#FuelCalculator table#differences { 
    width:100%; 
    margin:0; 
    padding:0; 
    font-size:12px;
}
div#FuelCalculator table#differences th { 
    background-color:#fff; 
    width:217px; 
    text-align:center; 
    color:#373737; 
    height:90px; 
    font-size:12px; 
    vertical-align: middle;  
    padding:5px 10px;
}
div#FuelCalculator table#differences th.carname { 
    font-weight:normal; 
}
div#FuelCalculator table#differences td { 
    line-height: 20px; 
    background-color:#fff; 
    padding:5px 10px; 
}
div#FuelCalculator table#differences .diffdollars,
div#FuelCalculator table#differences .diffpercent { 
    font-weight:bold; 
    text-align:right; 
    padding-right:18px;
}
div#FuelCalculator table#differences .neg {
    color:#cc0000;
}

div#FuelCalculator table#differences .costfigure {
    text-align: right; 
    padding-right:67px;
}

div#FuelCalculator #recalculateBtn button{
    background: none repeat scroll 0 0 #444444;
    color: #FFFFFF;
    border: medium none;
    font-size: 14px;
    font-weight: bold;
    height: 28px;
    width: 182px;
    margin: 13px auto 0 auto;
    display: block;
}

div#FuelCalculator #recalculateBtn button.processing{
    background: url('../images/common/loading.gif') no-repeat scroll 140px 50% #444;
}

.additional_tools{
    float: right;
    margin: -4px 0 0 0;
}

.additional_tools li{
    padding: 0 4px 0 0;
    vertical-align: top;
}

.additional_tools img{
    vertical-align: middle;
}

.utility.go_to_recalls{
    padding-right: 8px;
}

article.content{
    clear:both;
/*     padding: 0 10px; */
}


body.TilesPosition_right article.content, body.TilesPosition_right section.content{
    float: left;
    width: 700px;
}

body.TilesPosition_right aside{
    float: right;
    margin: 10px 0;
    padding: 10px;
    width: 225px;
    border: 1px solid #ddd;    
    right: 0;
}
.PageType_ModelPricePage.TilesPosition_right aside{
    margin: 67px 0;
}
.PageType_ModelPricePage.TilesPosition_right .priceLinks.horizontal{
    display: none;
}


.PageType_NewsPage .utility.news.top{
    float: right;
}

.PageType_NewsPage .utility.news.bottom{
    float: left;
}


#region_selector{
    padding: 10px;
    border: 1px solid #444549;
    background-color: #f3f3f5;
    background-position: top left;
    background-repeat: no-repeat;
    width: 320px;
    height: 400px;
    position: relative;
    float: left;
}


#region_selector.UpperNorthIsland{
    background-image: url('/themes/centered/images/contact/map_uppernorth.png');
}

#region_selector.LowerNorthIsland{
    background-image: url('/themes/centered/images/contact/map_lowernorth.png');
}

#region_selector.SouthIsland{
    background-image: url('/themes/centered/images/contact/map_south.png');
}

#region_selector li{
    position: absolute;
    height: 34px;
    width: 123px;
    cursor: pointer;
    text-indent: -10000px;
}
#region_selector #UpperNorthIsland{
    top: 74px;
    left:66px;
}
#region_selector #LowerNorthIsland{
    top: 139px;
    left:48px;
}
#region_selector #SouthIsland{
    top: 320px;
    left:142px;
}

#route_selector{
    width: 257px;
    float: left;
}

#route_selector img{
    display: block;
    margin: 0 auto;
}

#route_selector li{
    display: none;
    padding:100px 10px 10px 10px;
}

#route_selector li.selected{
    display: block;
}

#route_selector h3{
    margin: 0 0 10px 0;
}

#route_selector select{
    width: 180px;
    vertical-align:top;
}

#route_selector button{
    width: 53px;
    height: 25px;
    line-height: 20px;
}

#route_map{
    float: right;
    width: 320px;
    height: 400px;
    background-color: #f3f3f5;
    border: 1px solid #444549;
    padding: 10px;
}


#route_map #map_container{
    height: 250px;
}
#route_map #map_container.loading{
    background: url('/themes/centered/images/common/loading15.gif') 50% 50% no-repeat;
}


#contact-form #ModelTestDriveExperienceForm_Form fieldset{
    padding: 5px 0 5px 15px;
}

#ModelTestDriveExperienceForm_Form div.field{
    float: left; 
    clear: right;
    padding: 5px 15px 10px 0;
}
#ModelTestDriveExperienceForm_Form div.field label{
    float: none; 
    text-align: left;
    text-transform: uppercase;
}
#ModelTestDriveExperienceForm_Form div.field label {
    width: auto;
}


#contact-form #ModelTestDriveExperienceForm_Form span.message {
    display: block;
    float: none;
}

#contact-form #ModelTestDriveExperienceForm_Form span.message{
    margin: 0;
}

#ModelTestDriveExperienceForm_Form #ModelTestDriveExperienceForm_Form_cnt_title{
    width: 78px;
}

#ModelTestDriveExperienceForm_Form #ModelTestDriveExperienceForm_Form_cnt_first_name,
#ModelTestDriveExperienceForm_Form #ModelTestDriveExperienceForm_Form_cnt_last_name,
#ModelTestDriveExperienceForm_Form #ModelTestDriveExperienceForm_Form_address_4{
    width: 250px;
}

#ModelTestDriveExperienceForm_Form #ModelTestDriveExperienceForm_Form_email,
#ModelTestDriveExperienceForm_Form #ModelTestDriveExperienceForm_Form_phone,
#ModelTestDriveExperienceForm_Form #ModelTestDriveExperienceForm_Form_veh_regn{
    width: 281px;
}

#ModelTestDriveExperienceForm_Form #address_4,
#ModelTestDriveExperienceForm_Form #veh_regn{
    float: right;
}

#contact-form #ModelTestDriveExperienceForm_Form div.Actions input.action{
    font-size: 14px;
}

ul.accordion{
    clear: both;
}
ul.accordion li.column{
    float: left;
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 18px 0 0;
}

ul.accordion.three-column li.column {
    width: 307px;
}
ul.accordion.three-column li.column3 {
    margin-right: 0;
}

ul.accordion li.column li.group{
    border: 1px solid #EDEDED;
    border-radius: 3px 3px 3px 3px;
    margin: 0 0 20px 0;
}

ul.accordion li.group div.wrapper{
    border: 1px solid #E0E0E0;
    border-radius: 3px 3px 3px 3px;
    margin: 0 auto;
    padding: 0 0 0 10px;
}

ul.accordion h2{
    margin: 0 0 10px 0;
}

ul.accordion li.group h3{
    margin: 10px 0 7px 0;
}

ul.accordion li.group h4{
    border-top: 1px solid #BCBCBC;
    padding: 5px 0 2px 1px;
    margin: 2px 10px 0 0;
    color: #555555;
    text-decoration: none;    
}

ul.accordion li.group div.caption{
    color: #555555;
    font-size: 11px;
    text-align: center;
}

ul.accordion ul.items{
    margin: 0 0 10px 0;
} 

ul.accordion li.item h4{
    cursor: pointer;
    background: url("../images/common/sprite.png") no-repeat scroll 100% -954px transparent;
}


ul.accordion li.item.collapsed h4{
    background: url("../images/common/sprite.png") no-repeat scroll 99% -974px transparent;
}

ul.accordion li.item.collapsed ul{
    display: none;
}



ul.accordion.three-column ul.images li{
    float: left;
    font-size: 12px;
    min-height: 110px;
    padding-top: 0px;
    margin: 0 9px 0 0;
    width: 137px;
}

ul.accordion ul.images strong{
    display: block;
}

ul.accordion ul.no_image{
    margin: 10px 0 0 5px;
}
ul.accordion .features{
    padding: 0 0 0 7px;
}

ul.accordion ul.no_image li, ul.accordion .features li{
    background-image: url("../images/common/bullet.png");
    background-position: 0 0.6em;
    background-repeat: no-repeat;
    font-size: 11px;
    padding: 0.2em 0 0.2em 1em;
    margin: 0 10px 0 0;
}


ul.accordion .features li.even{
    background-color: #EAEAEA;
}

.PageType_ModelAccessoryPage .content{
	position: relative;
}
.PageType_ModelAccessoryPage .content h1,
.PageType_ModelSpecificationPage .content h1{
    float: left;
}

.submodelWrapper{
    float: left;
    margin:9px 0 0 10px;
}

.PageType_ModelAccessoryPage .expander,
.PageType_ModelSpecificationPage .expander{
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    background: url("../images/common/sprite.png") 100% -1037px no-repeat;
    margin: 16px 0 0 0;
}

.PageType_ModelSpecificationPage .expander{
    width: 271px;
    float: left;
    clear: both;
    margin: 10px 0;
}

.PageType_ModelAccessoryPage .expander.collapsed,
.PageType_ModelSpecificationPage .expander.collapsed{
    background: url("../images/common/sprite.png") 98% -1057px no-repeat;
}



#model_ratings{
    float: right;
    margin:-20px 4px 0 0;
    height: 120px;
    display:table-cell;
    vertical-align: middle;
}

#model_ratings img{
    margin: 0 0 0 20px;
    vertical-align: middle;
    display: inline;
}

#model_ratings img.fuel_consumption{
    margin: 0 5px 0 20px;
}


body.PageType_ModelBrochurePage article.content .iframe_wrapper,
body.PageType_ModelPdfSpecificationsPage article.content .iframe_wrapper,
body.PageType_ModelPdfAccessoriesPage article.content .iframe_wrapper,
body.PageType_GenericPdfPage article.content .iframe_wrapper,
body.PageType_NewsPage article.content .iframe_wrapper,
body.PageType_TechnologyPage article.content .iframe_wrapper,
body.PageType_ModelTechnologyPage article.content .iframe_wrapper{
    width: 978px; 
    height: 800px;
}

body.PageType_ModelBrochurePage article.content iframe,
body.PageType_ModelPdfSpecificationsPage article.content iframe,
body.PageType_ModelPdfAccessoriesPage article.content iframe,
body.PageType_GenericPdfPage article.content iframe,
body.PageType_NewsPage article.content iframe,
body.PageType_TechnologyPage article.content .iframe_wrapper iframe,
body.PageType_ModelTechnologyPage article.content .iframe_wrapper iframe   {
    border-style:none; 
    border-spacing:0; 
    width: 978px; 
    height: 800px; 
    overflow:hidden;
}


.mejs-youtube.mejs-noPoster .mejs-overlay-button{
    background-image: none;
}

/*** Single Column Collapsible List ***/
.winner_list_header h2{
    float: right;
    color: #555555;
    margin: 21px 0 0 0;
}
ul.winner_list{
    clear: both;
}
#winner_list {
    float: right;
    width: 190px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #E0E0E0;
    border-radius: 4px 4px 4px 4px;
    margin: 1px auto;
    padding: 0 7px 7px 7px;
}
#winner_list li h3 {
    cursor: pointer;
    font-size: 15px;
}
#winner_list li.previousyears h3 {
    border-top: 2px solid #555555;
}
#winner_list li.currentyear ul,
#winner_list li.previousyears ul {
    display: block;
}
#winner_list li.currentyear h3,
#winner_list li.previousyears h3 {
    background: url("../images/common/sprite.png") no-repeat scroll 100% -955px transparent;
}
#winner_list li.currentyear.collapsed ul, 
#winner_list li.previousyears.collapsed ul {
    display:none;
}
#winner_list li.currentyear.collapsed h3,
#winner_list li.previousyears.collapsed h3 {
    background: url("../images/common/sprite.png") no-repeat scroll 100% -976px transparent;
}
#winner_list li li h4{
    color: #555555;
}
#winner_list li li.odd {
    background-color: #EAEAEA;
}
#winner_list .CompetitionWinner{
    padding: 0 0 0 7px;
    font-size: 11px
}
.PageType_CompetitionPage div.typography{
    float: left;
    width: 700px;
}


#news_feed{
    width: 100%;
    background:transparent url('../images/home/news_ticker_bg.png') no-repeat 50% 0;
}

#news_feed .wrapper{
    margin: 10px auto 0 auto;
    padding: 13px 10px 7px 10px;
    width: 958px;
}

#news_feed h3 .icon{
    background-position: 0px -142px;
    float: left;
    width: 13px;
}

#news_feed ul {
    float: left;
}

#news_feed ul li {
    display: none;
    float: none;
}
#news_feed h3 {
    float: left;
    margin: 0;
    padding: 0;
}
#news_feed .divider {
    margin: 0 10px;
    cursor: default;
    float: left;
}
#news_feed time {
    float: left;
    font-size: 1em;
    font-weight: bold;
    height: 17px;
    padding-top: 1px;
    cursor: default;
}
#news_feed .news_feed a {
    float: left;
    font-size: 12px;
    font-weight: normal;
    height: 17px;
    margin: 1px 0 0 5px;
    padding-top: 1px;
    color: #555555;
    height: 1.1em;
    vertical-align: bottom;
    text-decoration: none;
}
/**** Email Input Form ****/
#emailInputWindow{
    text-decoration: none;
    inline-display: block;
    float: right;
    background-color: #303030;
    padding: 2px 4px 2px;
    margin-top: 2px;
    font-size: 10.998px;
    font-weight: bold;
    color: white;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#emailInputWindow:hover {
    background-color: #C0C0C0;
    color: #303030;
}
#emailInput_form_label{
    text-align: center;
    font-size: 0.85em;
}

#emailSubmitButton {
	width: 150px;
	height: 28px;
	color: #FFFFFF;
	background: url("../images/common/red_normal.png");
	background-size: contain;
	font-size: 14px;
	font-weight: bold;
	float: right;
	border:0px none;
	border-radius: 3px;
}

#emailSubmitButton:hover{
	background: url("../images/common/red_rollover.png");
	background-size: contain;
}

#emailReturnMessage {
    color: #3A87AD;
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    margin-bottom: 10px;
    padding: 8px 35px 8px 14px;
    border: 1px solid #FBEED5;
    border-radius: 4px;
}

.error_label {
    color: red;
    font-size: 12px;
}

.price_conditions{
    padding: 30px 0 0 0;
    font-size: 12px;
}

.price_conditions.has_links p{
    float: left;
}
.price_conditions p {
    font-weight: normal;
}
.price_conditions .links{
    margin: 15px 0 0 0;
}
.price_conditions .links li{
    float: right;
    padding: 0 0 0 15px;
}
.price_conditions .links a, .price_conditions .links img{
    display: block;
}

.priceLinks{
    margin: 29px 0 0 0; 
    float: right;
}

.priceLinks li{
    float: right;
}

.total_payable{
	display: block;    
}
.tab-container{
    padding: 5px 0 0 0;
}

.panel-container{
    clear: both;
}

ul.submodels {
    text-align: center;
}

ul.submodels li{
    display: block;
    float: left;
    padding: 15px 7px;
    text-align: left;
    width: 180px;
    min-height: 210px;
}

ul.submodels li div{
    padding: 0 6px;
}

ul.submodels li.first{
    padding-left: 0;
}

ul.submodels li.column_0{
    padding-right: 0;
}

.price_from{
    display: block;
}

.price{
    color: #1A1A1A;
    font-size: 1.3em;
    font-weight: bold;
}

.price_conditions{
    color: #555555;
    font-size: 11px;
    font-weight: bold;
}

.price_conditions_extra{
    display: block;
    color: #555555;
    font-size: 11px;
}

ul.etabs {
    display: inline-block;
    margin: 0 0 18px 0;
}

ul.etabs li{
    display: inline-block;
    border-radius: 3px;
    margin: 3px 5px 0 0;
    border: 1px solid #444;
}

ul.etabs li.active{
    background: url("../images/common/sprite.png") repeat-x scroll 0 -665px #333333;
    border: 1px solid #333;
}

ul.etabs li a{
    color: #444;
    text-decoration: none;
    padding: 5px 12px;
    display: block;
}
ul.etabs li.active a{
    color: #fff;
}

.selectOptionsLabel{
    font-weight: bold;
    margin: 0;
    display: block;
}

#pricingTabs{
    margin: 15px 0 0 0;
}

#leaseSubmodels{
    margin: 20px 0 0 0;
}

#leaseSubmodels li{
    float:left;
    width:410px;
    height:100px;
}

#leaseSubmodels .photo, #leaseSubmodels .nophoto{
    float:left;
    width:150px;
    height:72px;
    display: block;
}

#leaseSubmodels abbr.currency{
    border:none !important;
}

#leaseSubmodels span.condition{
    display: block;
}
/* Used Car Header */
#UsedCarHeader{
	/* background: url("../images/common/usedcar_headerbg.png") repeat-x;	*/ 
	background-color:#2E2013;
	border-bottom: 2px solid #A3A3A3;
    padding-bottom: 4px;
}
#UsedCarHeader div{
	background: url("../images/common/usedcar_headerlogo.jpg") no-repeat;
	height: 60px;
	width: 978px;
	margin: auto;
}
.hidden{
	display: none;
}


#recaptcha_area, #recaptcha_table {
    float: left;
    width: 318px !important;
}
.hidden{
	display: none;
}
.model-accessories-pdf-page {
	position: absolute;
	right: 0px;
	top: 0px;
	border-radius: 3px;
	margin: 4px 11px 0px 0px;
	padding: 5px;
	text-decoration: none;
	color: #fff !important;
	background: #333 url("../images/common/sprite.png") repeat-x scroll 0px -665px;
	border: 1px solid #333;
}

.model-accessories-pdf-page:hover {
    background-color: #fff;
    background-image: none;
    color: #444 !important;
}
#ContactEnquirySVCRQForm_Form_svc_details, #ContactEnquirySVCRQForm_Form_veh_details{
	float: left;
}
.used-car-modal{
	padding: 15px;
}
.ucm-title{
	margin-bottom: 5px;
	margin-top: 15px;
}
.ucm-content .chzn-results li,
.ucm-content .chzn-single{
	text-align: left;
}
.ucm-region-opt{
	font-weight: bold;
}
.ucm-content button{
	width: 100%;
	height: 50px;
	margin-top: 15px;
	border-radius: 5px;
    border: none;
    background-color: #333;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.ucm-content button:hover{
	background-color: #868686;
	color: #333;
}
.ucm-close{
	background-color: #333;
    border-radius: 50%;
    padding: 2px 7px 4px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 2px;
    right: 2px;
    font-weight: bold;
    cursor: pointer;
}
.ucm-close:hover{
	background-color: #868686;
}
/*
* Development: show margins/paddings of elements
*/
/* * { background-color: rgba(255,0,0,.2); } */
/* * * { background-color: rgba(0,255,0,.2); } */
/* * * * { background-color: rgba(0,0,255,.2); } */
/* * * * * { background-color: rgba(255,0,255,.2); } */
/* * * * * * { background-color: rgba(0,255,255,.2); } */
/* * * * * * * { background-color: rgba(255,255,0,.2); } */