﻿
.row .row_content {
    position: relative;
    margin: 0 auto;
    width: 960px;
}

.column {
    float: left;
    display: inline;
    margin: 12px;
}

.no-margin {
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

.grid-1 {
    width: 58px;
}

.grid-2 {
    width: 140px;
}

.grid-3 {
    width: 222px;
}

.grid-4 {
    width: 304px;
}

.grid-5 {
    width: 386px;
}

.grid-6 {
    width: 468px;
}

.grid-7 {
    width: 550px;
}

.grid-8 {
    width: 632px;
}

.grid-9 {
    width: 714px;
}

.grid-10 {
    width: 796px;
}

.grid-11 {
    width: 878px;
}

.grid-12 {
    width: 960px;
}

.offset-1 {
    padding-left: 82px;
}

.offset-2 {
    padding-left: 164px;
}

.offset-3 {
    padding-left: 246px;
}

.offset-4 {
    padding-left: 328px;
}

.offset-5 {
    padding-left: 410px;
}

.offset-6 {
    padding-left: 492px;
}

.offset-7 {
    padding-left: 574px;
}

.offset-8 {
    padding-left: 656px;
}

.offset-9 {
    padding-left: 738px;
}

.offset-10 {
    padding-left: 820px;
}

.offset-11 {
    padding-left: 902px;
}

#aspnetForm {
    position: relative;
    float: left;
    clear: both;
    display: block;
    width: 100%;
    height: 100%;
}

#grid {
    background: url(../images/960px-12col-58w-24gut.png) repeat-y;
    width: 960px;
    height: 200px;
    position: absolute;
    z-index: 9999;
    display: none;
}

#wrapper,.wrap {
    margin: 0 auto;
    position: relative;
}

header {
    position: relative;
    z-index: 52;
    background: url(../images/navigation/sub-nav-bg.gif) repeat-x bottom left!important;
}

header .row {
    background: url(../images/navigation/main-and-sub-nav.gif) repeat-x transparent;
}

header .row_content {
    padding: 0!important;
}

nav {
    margin: 0 auto;
}

#page {
    background-color: #fff;
    height: 100%;
    position: relative;
    z-index: 0;
}

#hero {
    position: relative;
    top: -7px;
    z-index: 0;
}

.hero_image {
    overflow: hidden;
}

.hero_image img {
    position: relative;
    left: 50%;
    margin-left: -900px;
    display: block;
}

.hero_image .hero-image-content {
    margin-right: -420px;
    position: absolute;
    right: 50%;
    top: 175px;
    width: 300px;
}

#logo {
    position: absolute;
    top: 48px;
    left: 0;
    background: url(../images/mazda-wing.png) no-repeat 0 -10px;
    width: 366px;
    height: 210px;
    z-index: 40;
}

#logo h1 {
    text-indent: -9999em;
}

#logo a {
    display: block;
    width: 147px;
    height: 129px;
    text-indent: -9999em;
    position: absolute;
    left: 0;
    top: 72px;
}

.marginB23 {
    margin-bottom: 23px;
}

.marginTop15 {
    margin-top: 15px;
}

.marginT20 {
    margin-top: 20px!important;
}

.marginT16 {
    margin-top: 16px!important;
}

.module {
    margin: 12px 0;
}

.image_container {
    text-align: center;
    height: 620px;
    vertical-align: middle;
    display: inline;
    width: 100%;
}

.image_container img {
    display: block;
    vertical-align: middle;
    position: relative;
    left: 50%;
    margin-left: -900px;
}

.ie7 #hero_carousel .image_container img {
    left: 25%;
}

.image_container img.fullWidth {
    width: 100%;
}

.image_container img.autoWidth {
    width: auto;
}

.rad10 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.rad5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.rad4 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.rad3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.black {
    background: #000;
}

.black h2,.black p {
    color: #fff;
}

.gray {
    background: #f0f0f0;
}

.white {
    background: #fff;
}

.blue {
    background: #d7e6f0;
}

.dark {
    background: #34414c;
}

.bottomBorder {
    background: url(../images/row-border-bg.jpg) repeat-x center bottom;
    padding-bottom: 10px;
}

h2 {
    font-family: 'InterstateMazdaRegular';
    font-size: 30px;
    color: #666;
    clear: both;
    font-weight: normal;
}

h2 .bold {
    font-family: 'InterstateMazdaBold';
    font-size: 34px;
    color: #000;
}

h2 span {
    color: #ababab;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
}

h3 {
    font-family: 'InterstateMazdaRegular';
    font-size: 24px;
    font-weight: normal;
    clear: both;
}

h4 {
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    font-weight: normal;
    clear: both;
}

.hero h2 {
    color: #fff;
   /* font-family: 'InterstateMazdaRegular';*/
    font-size: 34px;
    margin-bottom: 15px;
}

.hero h3 {
    color: #fff;
    /*font-family: 'InterstateMazdaRegular';*/
    font-size: 24px;
    font-weight: normal;
}

button {
    background: none;
    border: none;
}

.carousel_pagination {
    width: 960px;
    text-align: right;
    position: absolute;
    z-index: 50;
    left: 50%;
    bottom: 60px;
    margin-left: -480px;
}

.carousel_pagination_top {
    top: 5%;
    position: absolute;
    right: 50px;
    z-index: 100;
}

.hidden_pagination {
    display: none;
}

.bullet {
    background: url("../images/sprite-bullets.png") no-repeat scroll -15px 0 transparent;
    float: right;
    height: 11px;
    margin-left: 5px;
    width: 10px;
    cursor: pointer;
}

.bullet.active {
    background: url("../images/sprite-bullets.png") no-repeat scroll 0 0 transparent;
    height: 15px;
    width: 15px;
    margin-top: -2px;
}

.clearB {
    clear: both;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.richtext {
    font-size: 16px;
    color: #666;
    margin: 0;
    padding: 6px 0 13px;
    font-family: 'InterstateMazdaLight','Helvetica','Arial',sans-serif;
}

.richtext ol {
    list-style: decimal outside none!important;
    padding-left: 5px;
}

.richtext ol li {
    color: #333;
    display: list-item!important;
    float: none!important;
    border: none!important;
    margin-left: 20px;
    line-height: 130%;
    font-family: 'InterstateMazdaLight';
    font-size: 16px;
    padding-left: 5px;
}

.richtext ul {
    list-style: disc outside none!important;
}

.richtext ul li {
    color: #333;
    display: list-item!important;
    float: none!important;
    border: none!important;
    margin-left: 20px;
    padding-left: 10px;
    line-height: 130%;
    font-family: 'InterstateMazdaLight';
    font-size: 16px;
}

.richtext ul li a {
    font-family: 'InterstateMazdaLight';
    color: #0086d3;
}

.richtext table {
    background-color: #fff;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.richtext table tr {
    border-top: 1px solid #ccc;
}

.richtext table tr:first-child {
    border-bottom: 1px solid #999;
    border-top: none;
}

.richtext table th,.richtext table td {
    color: #333;
    font-family: 'InterstateMazdaLight';
    padding: 5px 10px;
    text-align: left;
}

.richtext table th p,.richtext table td p {
    padding-top: 0;
}

.richtext table th,.richtext table td strong {
    font-size: 15px;
}

.richtext table td {
    font-size: 16px;
}

.center {
    text-align: center;
}

h2 a,h3 a,h4 a,h5 a,h6 a {
    color: #707372;
}

.handleIframeEnlarging {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.increaseZindex {
    z-index: 100;
}

#hero-iframe {
    clear: both;
    min-height: 470px;
    width: 100%;
}

#hero-iframe .iframe-wrapper,#hero-iframe iframe {
    height: 470px;
    overflow: hidden;
    width: 100%;
}

#hero-iframe .iframe-wrapper {
    position: absolute;
}

#hero-iframe iframe {
    background-color: #000;
    margin: 0 auto;
}

#hero-iframe .fallback-panel {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.ie7 .secondaryCarNav .appearon .wrap {
    position: static;
}

nav ul {
    position: relative;
    text-align: left;
    z-index: 50;
}

nav ul ul {
    position: absolute;
    left: 0;
    z-index: 30;
    width: 960px;
    display: none;
}

nav ul ul a {
    background: none!important;
    color: #373e43;
    padding: 20px 12px 13px;
    cursor: pointer;
}

nav ul ul li span {
    background: url(../images/navigation/sub-nav-divider.gif) no-repeat;
}

nav ul ul .polyfill {
    background-image: none!important;
}

nav ul ul .polyfill:hover {
    background: none!important;
}

nav li {
    float: left;
}

nav li span {
    background: url(../images/navigation/main-nav-divider.gif) no-repeat;
    display: block;
    height: 48px;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 2;
}

nav li:first-child a {
    margin-left: 0;
}

nav li:first-child span {
    display: none;
}

nav a {
    background: url(../images/navigation/main-nav-bg.gif) repeat-x;
    color: #fff;
    display: block;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    margin-left: 1px;
    padding: 15px 12px 16px;
    position: relative;
    text-decoration: none;
    z-index: 1;
    cursor: pointer;
}

nav .polyfill {
    background: url(../images/navigation/main-nav-bg.gif) repeat-x;
    height: 47px;
    right: 0;
    position: absolute;
}

nav .invisible {
    display: block!important;
    visibility: hidden;
}

nav .cars li {
    padding: 0!important;
    width: 157px;
    height: 170px;
    float: none;
    display: inline-block;
    vertical-align: top;
}

nav .cars li.active {
    background-color: #e7eaeb;
}

nav .cars .thumb_desc {
    width: 136px;
    height: 150px;
    background: none;
    padding: 0 10px;
    padding-top: 20px;
    position: relative;
    z-index: 10000;
    vertical-align: top;
}

nav .cars .active .thumb_desc {
    border: 1px solid #c1c2c2;
    border-bottom: none;
    background-color: #e7eaeb;
}

nav .cars .thumb {
    display: block;
    height: 60px;
    margin-top: 0;
    position: relative;
}

nav .cars .thumb img {
    display: block;
    position: absolute;
    bottom: 0;
}

nav .cars a,nav .cars a:hover {
    background: none!important;
    color: #0086d3;
    font-size: 17px;
    padding: 0!important;
}

nav .cars .selected a {
    background: none!important;
}

nav .cars .price {
    color: #666;
    font-family: 'InterstateMazdaItalic';
    font-size: 14px;
    line-height: .95;
    margin: 0;
}

nav .cars .notes {
    color: #a1a1a1;
    font-family: 'InterstateMazdaItalic';
    font-size: 14px;
    line-height: .95;
}

nav .cars .range {
    background-color: #d3d5d6;
    background: url(../images/navigation/car-nav-bg.gif) repeat;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#e7eaeb),to(#d3d5d6));
    background: -webkit-linear-gradient(top,#e7eaeb,#d3d5d6);
    background: -moz-linear-gradient(top,#e7eaeb,#d3d5d6);
    background: -ms-linear-gradient(top,#e7eaeb,#d3d5d6);
    background: -o-linear-gradient(top,#e7eaeb,#d3d5d6);
    border-top: 1px solid #c1c2c2;
    display: none;
    margin-top: -2px;
    width: 960px;
}

nav .cars .range li {
    padding: 0 0 0 17px!important;
    width: 300px;
    height: 252px;
    display: inline-block;
}

nav .cars .range .thumb {
    height: 120px;
    margin-top: 0;
}

nav .cars .range .price {
    font-size: 15px;
}

nav .cars .range .actions {
    display: block;
    margin-top: 10px;
    position: static;
    width: auto;
}

nav .cars .range .actions li {
    display: block;
    float: none;
    margin-bottom: 5px;
    padding: 0!important;
    width: auto;
    height: auto;
}

nav .cars .range .actions a {
    background: url(../images/sprite-arrows.png) no-repeat right -244px!important;
    display: inline;
    font-size: 15px;
    padding-right: 25px!important;
}

.ie7 nav .cars li {
    float: left;
}

.carshome ul li:hover {
    background: none!important;
}

#main_nav li.menu_link {
    z-index: 5;
}

#main_nav li.menu_link ul {
    z-index: 20;
}

#main_nav li.menu_link ul li.selected,#main_nav li.menu_link ul li:hover {
    background: url("../images/navigation/sub-nav-selected.png") no-repeat 50% 0 #fff;
}

#main_nav li.menu_link .menu_a {
    padding: 0 12px;
    line-height: 48px;
    cursor: pointer;
}

#de-DE #main_nav li.menu_link .menu_a {
    height: 38px;
    line-height: 1.1;
    padding: 10px 12px 0;
}

nav .selected a,nav li:hover a {
    background: url(../images/navigation/main-nav-selected.png) no-repeat 50% 0 #fff;
}

.ie7 #main_nav .selected a,.ie7 #main_nav li:hover a {
    min-height: 45px!important;
}

header.row div.row {
    height: 48px;
}

nav .cars strong {
    display: block;
    margin: 7px 0 4px;
}

nav .cars .range strong {
    margin: 13px 0 2px;
}

nav .cars .range strong a {
    font-size: 19px;
}

.bs_band_aid {
    background: none #e7eaeb;
    display: none;
    height: 6px;
    left: -10px;
    margin-top: -6px;
    position: relative;
    top: 20px;
    width: 158px;
}

#cta_nav {
    float: right;
    overflow: hidden;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    margin-top: 11px;
    background-color: #56afe1;
    background: -moz-linear-gradient(top,#56afe1 0%,#118ed5 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#56afe1),to(#118ed5));
    background: -o-gradient(#56afe1,#118ed5);
    background: -ms-linear-gradient(top,#56afe1,#118ed5);
}

#cta_nav li {
    float: left;
    padding-left: 1px;
    background: url(../images/navigation/blue-cta-nav-divider.gif) no-repeat 0 50%;
}

#cta_nav li:hover {
    padding-bottom: inherit;
}

#cta_nav>li:first-child {
    padding-left: 0;
    background: none;
}

#cta_nav a {
    color: #fff;
    font-family: 'InterstateMazdaRegular';
    font-size: 12px;
    padding: 6px 10px;
    text-decoration: none;
    display: block;
    background: none;
}

#fakeBg {
    background-color: #d3d5d6;
    background: url(../images/navigation/car-nav-bg.gif) repeat;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#e7eaeb),to(#d3d5d6));
    background: -webkit-linear-gradient(top,#e7eaeb,#d3d5d6);
    background: -moz-linear-gradient(top,#e7eaeb,#d3d5d6);
    background: -ms-linear-gradient(top,#e7eaeb,#d3d5d6);
    background: -o-linear-gradient(top,#e7eaeb,#d3d5d6);
    border-top: 1px solid #c1c2c2;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 217px;
    display: none;
}

.example_title {
    color: blue;
    float: left;
    width: 100%;
}

.grayBG {
    background: #f0f0f0;
}

.italic_item {
    margin-left: 30px;
    font-style: italic;
}

.image70 img {
    width: 70px;
    height: 26px;
}

.image92 img {
    width: 92px;
    height: 34px;
}

.image109 img {
    width: 109px;
    height: 41px;
}

.image203 img {
    width: 203px;
    height: 75px;
}

.image261 img {
    width: 261px;
    height: 97px;
}

.disclaimer.disclaimer div,.disclaimer div p {
    color: #aeaeae;
    font-family: 'InterstateMazdaLight',Arial,sans-serif;
    font-size: 14px;
}

.disclaimer.disclaimer div sub,.disclaimer div p sub {
    color: #aeaeae;
    font-family: 'InterstateMazdaLight',Arial,sans-serif;
    font-size: 14px;
    line-height: normal;
}

.disclaimer.disclaimer div sup,.disclaimer div p sup {
    color: #aeaeae;
    font-family: 'InterstateMazdaLight',Arial,sans-serif;
    font-size: 14px;
    line-height: normal;
}

.disclaimer div p a {
    font-size: 100%;
}

.list_of_action ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list_of_action a {
    padding-right: 18px;
    font-size: 14px;
    background: url(../images/sprite-arrows.png) no-repeat right -201px;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    text-decoration: none;
}

.list_of_action a :hover {
    text-decoration: none;
    color: #0086d3;
}

.social_btns {
    position: absolute;
    top: 22px;
    z-index: 60;
    width: 110px;
    display: none;
}

.social_btns .fb-like {
    width: 110px;
    float: left;
    clear: both;
}

.social_btns .twitter-share-button {
    margin-bottom: 5px;
    float: left;
    clear: both;
}

#twttrHubFrame {
    left: 0;
}

.fb_edge_comment_widget {
    display: none!important;
}

.feature_panel_column {
    height: 309px;
    position: relative;
    cursor: pointer;
}

.feature_panel_column .descr_text_and_bg {
    height: 110px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(../images/descr-bg.png) repeat-y;
}

.feature_panel_column .descr_text_and_bg .descr_text {
    height: 65px;
    padding: 5px;
    position: absolute;
    bottom: 40px;
}

.feature_panel_column .descr_text_and_bg .descr_text h3 {
    padding-bottom: 2px;
}

.feature_panel_column .descr_text_and_bg .descr_text h3 span {
    color: #fff;
    font-size: 16px;
    line-height: 17px;
    font-family: 'InterstateMazdaBold';
}

.feature_panel_column .descr_text_and_bg .descr_text h3 span span {
    font-family: 'InterstateMazdaRegular';
}

.feature_panel_column .descr_text_and_bg .descr_text p span {
    color: #fff;
    font-family: 'InterstateMazdaRegular';
    font-size: 15px;
    margin-top: 3px;
}

.feature_panel_column .descr_text_and_bg a {
    color: #0091ca;
    font-size: 14px;
    font-family: 'InterstateMazdaRegular';
    padding: 5px 16px 13px 5px;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    width: 201px;
}

.feature_panel_column .descr_text_and_bg a span {
    background: url(../images/sprite-arrows.png) no-repeat right -75px;
    padding-right: 25px;
    font-family: 'InterstateMazdaRegular';
    font-size: 15px;
}

.feature_panel_column img {
    width: 222px;
}

.carousel-arrow {
    background-image: url(../images/navigation/carousel-arrows.png)!important;
    background-repeat: no-repeat;
    display: block;
    font-size: 1em!important;
    height: 100%;
    padding: 0!important;
    position: absolute;
    text-indent: -9999em;
    top: 0;
    width: 100px;
    z-index: 1;
}

#featuresCarousel .carousel-arrow {
    background-image: url(../images/navigation/carousel-arrows-blue.png)!important;
    z-index: 100;
}

#featuresCarousel #next.carousel-arrow {
    right: -65px;
}

#featuresCarousel #prev.carousel-arrow {
    left: -65px;
}

#prev.carousel-arrow {
    background-position: -90% 50%;
    left: 0;
}

#gallery #prev.carousel-arrow {
    background-position: -96% 50%;
}

.ie7 #prev.carousel-arrow {
    left: 160px;
}

.ie7 #hero_carousel #prev.carousel-arrow {
    left: 0;
}

#next.carousel-arrow {
    background-position: 180% 50%;
    right: 0;
}

#gallery #next.carousel-arrow {
    background-position: 192% 50%;
}

.ie7 #next.carousel-arrow {
    right: 160px;
}

.ie7 #hero_carousel #next.carousel-arrow {
    right: 0;
}

@media only screen and (max-device-width:768px) {
    #featuresCarousel .carousel-arrow {
        background-image: url("../images/navigation/carousel-arrows-mobile.png")!important;
    }

    #featuresCarousel #next.carousel-arrow {
        right: -40px;
        background-position: 0% 50%;
    }

    #featuresCarousel #prev.carousel-arrow {
        left: -36px;
        background-position: 110% 50%;
    }

    #featuresCarousel .carousel-arrow {
        width: 80px;
    };
}

#iframemerch {
    width: 995px;
    margin-right: -35px;
    min-height: 610px;
}

.carousel-bullets {
    bottom: 35px;
    overflow: hidden;
    padding: 3px 6px;
    position: absolute;
    right: 15px;
    z-index: 1;
}

.carousel-bullets li {
    float: left;
    height: auto!important;
    padding: 1px;
    width: auto!important;
}

.carousel-bullets a {
    background-image: url(../images/navigation/carousel-bullets.png)!important;
    background-position: 100% 0!important;
    background-repeat: no-repeat;
    display: block;
    font-size: 1em!important;
    height: 5px;
    padding: 5px!important;
    text-indent: -9999em;
    width: 5px;
}

.carousel-bullets a.active {
    background-position: 0 0!important;
}

.prev {
    background: url("../images/sprite-arrows.png") no-repeat right -114px;
    clear: both;
    color: #fff;
    cursor: pointer;
    height: 23px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 130px;
    z-index: 10;
}

.next {
    float: right;
    cursor: pointer;
    background: url(../images/sprite-arrows.png) no-repeat left -91px;
    width: 130px;
    height: 23px;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    color: #fff;
}

.prev_blue {
    float: left;
    clear: both;
    cursor: pointer;
    background: url(../images/sprite-arrows.png) no-repeat center -158px;
    width: 30px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: -50px;
    z-index: 10;
    color: #fff;
}

.next_blue {
    float: right;
    cursor: pointer;
    background: url(../images/sprite-arrows.png) no-repeat center -136px;
    width: 30px;
    height: 22px;
    position: absolute;
    top: 50%;
    right: -50px;
    z-index: 10;
    color: #fff;
}

.mobArrows {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.mobArrows .prev_blue {
    float: left;
    cursor: pointer;
    background: url(../images/sprite-arrows-mob.png) no-repeat -4px center;
    position: absolute;
    width: 32px;
    height: 223px;
    top: 17%;
    left: 0;
    z-index: 1000;
}

.mobArrows .next_blue {
    float: right;
    cursor: pointer;
    background: url(../images/sprite-arrows-mob.png) no-repeat -55px center;
    position: absolute;
    width: 32px;
    height: 223px;
    top: 17%;
    right: 0;
    z-index: 1000;
}

.features_navigation {
    width: 960px!important;
}

ul.features_navigation_list {
    list-style: none;
    padding: 0;
    margin: 0 -12px!important;
    position: relative;
}

ul.features_navigation_list li {
    position: relative;
    height: 227px;
}

ul.features_navigation_list .descr_text_and_bg {
    position: absolute;
    bottom: 0;
    background: url(../images/features-text-bg.png) repeat-y;
    width: 100%;
    height: 36px;
}

ul.features_navigation_list .descr_text_and_bg .desc_text {
    height: 36px;
    overflow: hidden;
}

ul.features_navigation_list .descr_text_and_bg .title {
    color: #fff;
    font-family: 'InterstateMazdaRegular';
    font-size: 15px;
    line-height: 19px;
    margin: 8px;
    margin-left: 4px;
}

ul.features_navigation_list .descr_text_and_bg .text {
    color: #fff;
}

#linkCarousel h2 {
    margin: 24px 0 0 0;
}

#linkCarousel ul.features_navigation_list li {
    background: #ebecec;
    padding: 15px 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 172px;
    height: 80px!important;
}

#linkCarousel ul.features_navigation_list li h4 {
    color: #0086d3;
    font-size: 18px;
    line-height: 100%;
    margin-bottom: 10px;
}

#linkCarousel ul.features_navigation_list li a {
    background: url("../images/sprite-arrows.png") no-repeat scroll right -61px transparent;
    bottom: 10px;
    display: block;
    font-size: 14px;
    line-height: 100%;
    padding-right: 24px;
    position: absolute;
    right: 10px;
    text-align: right;
    width: 105px;
    color: #0086d3;
}

#linkCarousel #prev.carousel-arrow {
    background-position: 143% 52%;
    left: -30px;
}

#linkCarousel #next.carousel-arrow {
    right: -40px;
    background-position: -25% 52%;
}

@media only screen and (min-device-width:768px)and (max-device-width:1024px) {
    #linkCarousel #prev.carousel-arrow {
        left: -6px;
    }

    #linkCarousel #next.carousel-arrow {
        right: -15px;
    };
}

#linkCarousel .carousel-arrow {
    background-image: url("../images/navigation/carousel-arrows-blue.png")!important;
    z-index: 100;
    height: 65%;
    width: 35px;
    top: 48px;
}

#linkCarousel ul.features_navigation_list li h4 a {
    line-height: 100%;
    margin-bottom: 10px;
    font-size: 18px;
    background: none;
    position: static;
    text-align: left;
    width: 100%;
    font-weight: bold;
}

#linkCarousel ul.features_navigation_list li h4 a .more {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 105px;
    padding-right: 24px;
    text-align: right;
    background: url(../images/sprite-arrows.png) no-repeat right -61px;
    font-size: 14px;
    font-weight: normal;
    line-height: 100%;
}

.disabled {
    display: none;
}

a.CarouselImageLink {
    left: 0!important;
    position: absolute!important;
    top: 0!important;
    width: 198px!important;
    background: none!important;
}

.hero h2 {
    margin-bottom: 6px;
    color: #fff;
}

.hero a {
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    background: url(../images/white-arrow.png) no-repeat right 2px;
    padding-right: 20px;
    color: #fff;
    text-decoration: none;
}

.hero .image_container a {
    background: none;
    display: block;
    padding: 0;
}

.hero h3 {
    margin-bottom: 6px;
}

.hero ul li {
    position: relative;
    width: 100%;
}

.hero #hero_carousel {
    height: 620px;
}

.hero #hero_carousel .carousel-bullets {
    bottom: 15px;
}

.hero .hero-img {
    text-align: center;
    position: relative;
    height: 620px;
    overflow: hidden;
}

.hero .hero-img .hero_text .hero-text-wrapper {
    min-height: 153px;
}

.hero a.hero-arrow {
    padding-right: 20px;
}

.hero .text_left {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -480px;
    text-align: left;
    width: 386px;
}

.hero .text_right {
    position: absolute;
    top: 50px;
    right: 50%;
    margin-right: -560px;
    text-align: left;
    width: 386px;
}

.hero .text_right h2,.hero .text_right h3,.hero .text_right p {
    margin-left: -44px;
}

.hero .text_center {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -193px;
    text-align: center;
    width: 386px;
}

.hero .mini-promo {
    margin: 10px 117px 0 -105px;
    float: right;
    width: 114px;
    float: right;
    background-color: #fff;
}

.hero .mini-promo div[id*='reevoomark_badge_'] {
    height: 126px;
}

.hero .mini-promo div[id*='reevoomark_badge_'] .reevoomark_badge {
    width: 114px!important;
    height: 97px!important;
    float: none;
    margin: 0;
    background-size: 114px auto;
    background-repeat: no-repeat;
}

.hero .mini-promo div[id*='reevoomark_badge_'] .reevoomark_badge:hover {
    background-position: 0 0!important;
}

.hero .mini-promo div[id*='reevoomark_badge_'] .reevoomark_badge a {
    background-image: none;
    width: 114px!important;
}

.hero .mini-promo.carbuyer {
    clear: right;
}

.hero .mini-promo.carbuyer a {
    display: block;
    padding: 5px 0;
}

.hero .mini-promo.carbuyer a img {
    display: block;
    height: auto;
    width: 100px;
    margin: 0 auto;
}

.hero .mini-promo.carbuyer .content {
    margin: 0;
}

.hero .mini-promo.what-car {
    clear: right;
}

.hero .mini-promo h2 {
    margin-bottom: 6px;
    color: #fff;
}

.hero .mini-promo>a {
    background: none;
}

.hero .mini-promo .content h4 {
    font-family: 'InterstateMazdaLight';
    color: #fff;
}

.hero .mini-promo .content {
    background-color: #0a0a0a;
    padding: 3% 4%;
    margin-top: -4px;
    width: 93%;
    clear: both;
}

.hero .mini-promo .content a {
    background: url("../images/white-arrow.png") no-repeat scroll right 2px rgba(0,0,0,0);
    color: #0091ca;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    text-decoration: none;
    display: block;
    padding-top: 1px;
    padding-bottom: 0;
}

.ie8 .hero .content,.ie7 .hero .content {
    background-color: #0a0a0a;
    width: 92%;
    left: 0;
    bottom: 5px;
}

.containers {
    width: 100%;
    float: left;
}

#gallery {
    background: url(../images/ext-gallery-bg.jpg) repeat-x left top;
    position: relative;
}

#gallery h2 {
    color: #fff;
    margin-top: 30px;
    position: absolute;
    font-weight: normal;
}

#gallery p {
    font-size: 14px;
}

#gallery .carousel {
    width: 100%;
    position: absolute!important;
    left: 0;
    top: 0;
}

#gallery .carousel li {
    width: 905px;
    height: 648px;
    position: relative;
}

#gallery .carousel li img {
    margin-left: auto;
    margin-right: auto;
}

#gallery .carousel .description {
    position: absolute;
    bottom: 0;
    padding: 2px 2px 50px;
    display: none;
    width: 600px;
}

#gallery .carousel .description p {
    color: #f0f0f0;
}

#gallery .carousel .carousel-bullets {
    bottom: 63px;
}

#gallery .carousel h2 {
    color: #fff;
}

#gallery .containers {
    position: relative;
}

#gallery .tabs {
    position: absolute;
    top: 30px;
    right: 50%;
    margin-right: -480px;
    z-index: 30;
    background: #242729;
    border: 1px solid #1a1c1e;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    color: #7a7b7c;
}

#gallery .tabs .tab {
    float: left;
    margin: 0 10px;
    cursor: pointer;
}

#gallery .tabs .tab a,#gallery .tabs .tab a:hover,#gallery .tabs .tab a:active,#gallery .tabs .tab a:visited {
    color: #fff;
    text-decoration: none;
}

#gallery .tabs .tab.active {
    float: left;
    margin: 0;
    cursor: pointer;
    background-color: #128fd6;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#54aee1),to(#128fd6));
    background: -webkit-linear-gradient(top,#54aee1,#128fd6);
    background: -moz-linear-gradient(top,#54aee1,#128fd6);
    background: -ms-linear-gradient(top,#54aee1,#128fd6);
    background: -o-linear-gradient(top,#54aee1,#128fd6);
    border: 1px solid #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    margin-top: -1px;
    padding: 0 10px;
}

#gallery.interior {
    background: none #2f3639;
}

#gallery.interior .carousel {
    height: 648px;
}

#gallery.interior .carousel ul li {
    height: 647px;
    margin-top: 55px;
    margin-left: 8px;
    margin-right: 8px;
}

#gallery.interior .carousel .carousel_pagination {
    bottom: 50px;
}

#gallery.interior .carousel .description {
    margin-bottom: 60px;
    padding: 2px 0 0 0;
    position: relative;
}

#gallery.interior .carousel .carousel-bullets {
    padding-right: 24px;
    bottom: 11px;
    margin-bottom: 20px;
}

#fleetRangeTool {
    width: 100%;
    text-align: center;
    background-color: #f0f0f0;
}

#fleetRangeTool .wrap {
    text-align: left;
}

#fleetRangeTool .buttons,#fleetRangeTool .resultRow {
    border-bottom: 1px solid #d8d8d9;
    overflow: hidden;
}

#fleetRangeTool .buttons {
    margin-bottom: 40px;
}

#fleetRangeTool .buttons a {
    display: block;
    color: #0086d3;
    font-size: 16px;
    float: right;
    position: relative;
    padding: 10px 15px 5px 0;
    margin: 5px 0 10px 5px;
    font-weight: bold;
    text-decoration: none;
    background: none;
}

#fleetRangeTool .buttons .icn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

#fleetRangeTool .reset .icn {
    background: url(../images/fleet_range_sprite.png) no-repeat -313px -74px;
    width: 1px;
    height: 38px;
    right: 3px;
}

#fleetRangeTool .buttons .advanced {
    padding-right: 20px;
}

#fleetRangeTool .advanced .icn {
    background: url(../images/fleet_range_sprite.png) no-repeat -243px -82px;
    width: 12px;
    height: 13px;
    top: 11px;
}

#fleetRangeTool .resultRow li {
    display: block;
    padding: 46px 0 28px;
}

#fleetRangeTool .resultRow li a {
    text-decoration: none;
}

#fleetRangeTool .resultRow li img {
    width: 203px;
    height: 75px;
}

#fleetRangeTool .resultRow .alink {
    background: url("../images/sprite-arrows.png") no-repeat scroll right -245px transparent;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    font-size: 13px;
    line-height: 130%;
    margin-top: 9px;
    padding-right: 25px;
    text-decoration: none;
}

#fleetRangeTool .results h4 {
    margin-top: 22px;
    font-size: 18px;
    color: #0086d3;
}

#fleetRangeTool .results p {
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
}

#fleetRangeTool .noResultsMessage {
    text-align: center;
    padding: 40px 0;
}

#fleetRangeTool .noResultsMessage p {
    font-style: normal;
}

#fleetRangeTool .noResultsMessage a {
    color: #0086d3;
    text-decoration: none;
}

.ie6 #fleetRangeTool .reset .icn {
    background-image: url(../images/fleet_range_sprite-fs8.png);
}

.ie6 #fleetRangeTool .advanced .icn {
    background-image: url(../images/fleet_range_sprite-fs8.png);
}

.fleetRangeControls {
    min-height: 197px;
    border-style: solid;
    border-color: #d8d8d9;
    text-align: center;
    width: 100%;
}

.fleetRangeControls .wrap {
    width: 960px;
    text-align: left;
    background: #e9e9e9 url(../images/fleet_range_sprite.png) no-repeat 100% -317px;
    padding-right: 1px;
    overflow: hidden;
}

.fleetRangeControls .secondary {
    background: #e9e9e9 url(../images/fleet_range_sprite.png) no-repeat 100% -317px;
    border-top: 1px solid #d8d8d9;
    clear: both;
    overflow: hidden;
    display: none;
    width: 100%;
}

.ie6 .fleetRangeControls .wrap {
    background: #e9e9e9 url(../images/fleet_range_sprite-fs8.png) no-repeat 100% -317px;
}

.ie6 .fleetRangeControls .secondary {
    background: #e9e9e9 url(../images/fleet_range_sprite-fs8.png) no-repeat 100% -317px;
}

.fleetControl {
    min-height: 197px;
    width: 20%;
    background-color: #e9e9e9;
    float: left;
    display: block;
    color: #666;
}

.fleetControl .inner {
    padding: 0 15px 0;
    min-height: 197px;
    background: url(../images/fleet_range_sprite.png) no-repeat -499px 100%;
}

.fleetControl h4 {
    text-align: center;
    padding: 13px 0 7px;
    font-size: 16px;
}

.fleetControl h4 .icn {
    background-image: url(../images/fleet_range_sprite.png);
    width: 52px;
    height: 52px;
    margin: 0 auto;
    display: block;
    margin-bottom: 5px;
}

.fleetControl label {
    font-family: 'InterstateMazdaLight','Helvetica','Arial',sans-serif;
    font-size: 14px;
    padding: 8px 0;
    display: block;
    float: left;
}

.fleetControl label.maxLabel {
    float: right;
}

.fleetControl .sliderMin,.fleetControl .sliderMax {
    display: none;
}

.fleetControl .ui-widget-header {
    background: #0d79b7;
}

.fleetControl .ui-slider-horizontal .ui-slider-handle {
    background: url(../images/fleet_range_sprite.png) no-repeat -475px -72px;
    width: 24px;
    height: 21px;
    border: 0;
    top: -.6em;
}

.fleetControl .slider {
    position: relative;
    text-align: center;
}

.fleetControl .sliderValues {
    background: #0086d3;
    top: 0;
    font-size: 14px;
    color: #fff;
    padding: 5px;
    position: relative;
    margin: 0 auto 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    visibility: hidden;
}

.fleetControl .sliderValues .point {
    background: url(../images/fleet_range_sprite.png) no-repeat -366px -85px;
    width: 14px;
    height: 8px;
    display: block;
    position: absolute;
    left: 45%;
    bottom: -7px;
}

.fleetControl .sliderRange {
    clear: both;
    margin-right: 10px;
}

.fleetControl .optionList input {
    display: block;
    float: left;
    clear: both;
}

.fleetControl .optionList label {
    font-size: 14px;
    margin: 3px 0 0 5px;
    padding: 0;
}

.ie6 .fleetControl .inner {
    background: none;
}

.ie6 .fleetControl h4 .icn {
    background-image: url(../images/fleet_range_sprite-fs8.png);
}

.ie6 .fleetControl .ui-slider-horizontal .ui-slider-handle {
    background: url(../images/fleet_range_sprite-fs8.png) no-repeat -475px -72px;
}

.ie6 .fleetControl .sliderValues .point {
    background: url(../images/fleet_range_sprite-fs8.png) no-repeat -366px -85px;
}

.priceControl h4 .icn {
    background-position: 0 0;
}

.en-IE h4 .icn,.de-DE h4 .icn,.de-AT h4 .icn,.fr-BE h4 .icn,.nl-BE h4 .icn,.fr-FR h4 .icn,.es-ES h4 .icn,.it-IT h4 .icn,.nl-NL h4 .icn,.pt-PT .icn,.fr-LU .icn {
    background-position: -2px -63px;
}

.tr-TR h4 .icn {
    background-position: -1px -124px;
}

.cs-CZ h4 .icn {
    background-position: -1px -244px;
}

.hu-HU h4 .icn {
    background-position: -1px -304px;
}

.hr-HR h4 .icn {
    background-position: -1px -424px;
}

.fuelConsumptionControl h4 .icn {
    background-position: -90px 0;
}

.co2Control h4 .icn {
    background-position: -179px 0;
}

.carBodyControl h4 .icn {
    background-position: -292px 0;
}

.fuelTypeControl h4 .icn {
    background-position: -398px 0;
}

.fleetControl:hover {
    background: url(../images/fleet-control-gradient.png) repeat-x 0 0;
}

.fuelConsumptionControl h4 {
    padding-bottom: 25px;
}

.priceControl h4 {
    padding-bottom: 25px;
}

#footerNav {
    text-align: center;
    background: #e5e5e5 url(../images/footer-gradient.png) repeat-x 0 0;
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #c3c3c3;
    overflow: hidden;
    padding: 18px 0 18px;
}

#footerNav .wrap {
    text-align: left;
}

#footerNav li {
    padding: 2px 0 3px;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

#footerNav a:link,#footerNav a:visited,#footerNav a:hover,#footerNav a:active {
    font-size: 16px;
    color: #0086d3;
    text-decoration: none;
    font-family: 'InterstateMazdaRegular';
}

#footerNav li a {
    font-size: 16px;
    color: #0086d3;
    text-decoration: none;
    font-family: 'InterstateMazdaRegular';
}

#footerNav .newsItem {
    background-color: #ebecec;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    overflow: hidden;
    position: relative;
}

#footerNav .newsItem .main {
    width: 265px;
    float: left;
}

#footerNav .newsItem h4 {
    font-weight: normal;
}

#footerNav .newsItem h4 a {
    font-size: 18px;
    color: #0086d3;
    margin-bottom: 4px;
    line-height: 100%;
}

#footerNav .newsItem p {
    font-size: 14px;
}

#footerNav .newsItem p .stext {
    margin-right: -15px;
    padding-right: 19px;
    font-family: 'InterstateMazdaRegular';
    font-size: 15px;
}

#footerNav .newsItem p a {
    font-size: 15px;
}

#footerNav .newsItem .more {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 105px;
    padding-right: 24px;
    text-align: right;
    background: url(../images/sprite-arrows.png) no-repeat right -61px;
    font-size: 14px;
    font-weight: normal;
    line-height: 100%;
}

.ie8 #footerDark {
    clear: both;
}

#footerDark {
    background-color: #373e43;
    overflow: hidden;
    padding: 14px 0;
    font-size: 15px;
    color: #f0f0f0;
}

#footerDark a:link,#footerDark a:visited,#footerDark a:hover,#footerDark a:active {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-family: 'InterstateMazdaRegular';
    font-weight: normal;
}

#footerDark a,#footerDark span {
    float: left;
    display: block;
    margin: 0 4px;
    padding: 5px 0;
    font-family: 'InterstateMazdaRegular';
    font-weight: normal;
}

#footerDark .siteLinks,#footerDark .socialLinks {
    float: left;
}

#footerDark .socialLinks {
    background: url(../images/footer-icon-sprite.png) no-repeat 0 -40px #373e43;
    padding: 0 0 0 10px;
    margin-left: 10px;
}

#footerDark .regionInfo {
    float: right;
}

#footerDark .regionInfo a {
    background: url(../images/white-arrow.png) no-repeat 100% 8px;
    padding-right: 21px;
}

#footerDark .socialLinks a {
    background: url(../images/footer-icon-sprite.png) no-repeat #373e43;
    height: 21px;
    margin-top: 4px;
    padding: 0;
    text-indent: -9999em;
    width: 21px;
}

#footerDark .socialLinks .rss {
    background-position: 0 -66px;
}

#footerDark .socialLinks .twitter {
    background-position: 0 -97px;
}

#footerDark .socialLinks .facebook {
    background-position: 0 -129px;
}

#footerDark .socialLinks .youtube {
    background-position: 0 -161px;
}

#footerDark .socialLinks .linkedin {
    background-position: 0 -193px;
}

#footerDark .socialLinks .pinterest {
    background-position: 0 -225px;
}

#footerDark .socialLinks .flickr {
    background-position: 0 -257px;
}

#footerDark .socialLinks .instagram {
    background-position: 0 -287px;
}

#footerDark .socialLinks .odnoklassniki {
    background-position: 0 -317px;
}

#footerDark .socialLinks .vk {
    background-position: 0 -347px;
}

#footerDark .divider {
    background: url(../images/footer-icon-sprite.png) no-repeat 0 0;
    width: 1px;
    height: 23px;
}

#footerDark .regionInfo .divider {
    background: url(../images/footer-icon-sprite.png) no-repeat 0 -41px;
    width: 1px;
    height: 29px;
}

#footerDark .switch-language {
    float: right;
}

#footerDark .switch-language img {
    height: 18px;
    border: 1px solid #373e43;
}

#footerDark .switch-language .selected-language img {
    border: 1px solid #fff;
}

#footerDark .regionInfo .divider {
    height: 15px;
}

.editSpec {
    background: #e3ebf0;
    clear: both;
    overflow: hidden;
    padding: 5px 0 10px;
}

.editSpec .wrap {
    background: url(../images/blue-divider.png) repeat-x 0 0;
    overflow: hidden;
    padding: 15px 0 20px;
}

.editSpec h3 {
    color: #666;
    font-size: 16px;
    margin-bottom: 8px;
    font-family: 'InterstateMazdaRegular';
    font-weight: normal;
    margin-left: 1px;
}

.editSpec h3 span {
    margin-bottom: -3px;
    margin-top: 15px;
    display: block;
    font-size: 34px;
    color: #cad6de;
}

.editSpec input {
    display: inline-block;
    float: left;
    width: 13px;
    margin-left: 0;
}

.editSpec li {
    font-size: 15px;
    padding: 11px 15px 12px 7px;
    display: block;
    background-color: #d8e3ea;
    margin: 4px 0;
    position: relative;
    float: left;
}

.editSpec li.hasImage {
    padding: 18px 10px;
}

.editSpec li.selected,.editSpec li:hover {
    background-color: #f4f7f9;
}

.editSpec label {
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    display: inline-block;
    float: left;
    padding: 3px 0;
    width: 179px;
}

.editSpec li img {
    position: absolute;
    right: 5px;
    top: 13px;
    width: 65px;
}

.editSpec .buttons {
    margin-top: 3px;
}

.editSpec .column {
    margin-top: 0;
    margin-bottom: 0;
}

h3.blockNumber {
    color: #666;
    font-size: 16px;
    margin-bottom: 8px;
}

h3.blockNumber span {
    margin-bottom: 7px;
    display: block;
    font-size: 34px;
    color: #cad6de;
}

.blockList li {
    font-size: 15px;
    padding: 11px 15px 12px 11px;
    display: block;
    background-color: #d8e3ea;
    margin: 4px 0;
    position: relative;
}

.blockList li.hasImage {
    padding: 18px 10px;
}

.blockList li.selected,.blockList li:hover {
    background-color: #f4f7f9;
}

.blockList label {
    padding: 3px 5px;
    display: block;
}

.blockList input {
    display: block;
    float: left;
    margin: 3px 5px 0 0;
}

.blockList input.textInput {
    float: none;
    width: 100%;
}

.blockList .close .icn,.blockList .change .icn {
    width: 21px;
    height: 21px;
    display: block;
    float: right;
    background: url(../images/sprite-arrows.png) 0 -297px no-repeat;
}

.blockList .change .icn {
    background-position: 0 -336px;
}

.buttons a {
    display: block;
    background-color: #ddd;
    background: url(../images/mazda-spec-sprite.png) no-repeat 0 -135px;
    color: #fff;
    font-size: 16px;
    padding: 5px 0 0 10px;
    text-decoration: none;
    position: relative;
    margin-bottom: 10px;
}

.buttons a .base {
    background: url(../images/mazda-spec-sprite.png) no-repeat 0 -192px;
    height: 8px;
    width: 100%;
    position: absolute;
    bottom: -8px;
    left: 0;
}

.ie6 .editSpec .buttons a .base {
    font-size: 0;
    width: 222px;
}

.ie6 .editSpec .buttons a {
    zoom: 1;
}

.ie6 .editSpec li {
    zoom: 1;
}

.ie6 .editSpec .buttons a .base {
    background: url(../images/mazda-spec-sprite-fs8.png) no-repeat 0 -192px;
}

.ie6 .editSpec .buttons a {
    background: url(../images/mazda-spec-sprite-fs8.png) no-repeat 0 -135px;
}

.ie6 .editSpec .wrap {
    background: url(../images/blue-divider-fs8.png) repeat-x 0 0;
}

.ie7 .editSpec li {
    zoom: 1;
}

.editCompareSpec {
    background-color: #f0f0f0;
    padding: 0;
    color: #666;
    font-size: 16px;
}

.editCompareSpec .wrap {
    background: url(../images/grey-divider.png) repeat 0 0;
    overflow: hidden;
}

.editCompareSpec h2 {
    color: #333;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 12px;
    line-height: 30px;
}

.editCompareSpec .carImage {
    text-align: center;
    padding: 15px 0 10px;
    min-height: 65px;
}

.editCompareSpec .carImage img {
    width: 209px;
}

.editCompareSpec li {
    background-color: #e9e9e9;
    padding: 7px 10px;
    width: 202px;
}

.editCompareSpec li.selected,.editCompareSpec li:hover {
    background-color: #e9e9e9;
}

.editCompareSpec select {
    width: 100%;
    display: block;
}

.editCompareSpec li p {
    font-weight: bold;
    font-size: 17px;
    margin-top: -3px;
}

.editCompareSpec li p strong {
    display: block;
    font-size: 26px;
    color: #333;
}

.editCompareSpec .addComparison {
    background: #e9e9e9 url(../images/mazda-spec-sprite.png) no-repeat 50% -219px;
    font-weight: bold;
    display: block;
    height: 272px;
    color: #a8a8a8;
    text-decoration: none;
    text-align: center;
}

.editCompareSpec .addComparison span {
    padding-top: 94px;
    display: block;
}

.editCompareSpec .hidden {
    display: none;
}

.editCompareSpec .comparisonItem {
    position: relative;
}

.editCompareSpec .closeComparison {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/mazda-spec-sprite.png) no-repeat -147px -80px;
    width: 22px;
    height: 22px;
    text-indent: -1000em;
}

.ie6 .editCompareSpec .closeComparison {
    background: url(../images/mazda-spec-sprite-fs8.png) no-repeat -147px -80px;
}

.ie6 .editCompareSpec .addComparison {
    background: #e9e9e9 url(../images/mazda-spec-sprite-fs8.png) no-repeat 50% -219px;
}

.ie6 .editCompareSpec .wrap {
    background: url(../images/grey-divider-fs8.png) repeat 0 0;
}

.mazdaSpecArea,.mazdaSpecMiniArea {
    background: #f0f0f0;
    padding: 10px 0 20px;
    overflow: hidden;
}

.mazdaSpecMiniArea {
    padding: 20px 0;
}

.mazdaSpecMiniArea ul {
    list-style: disc;
    margin-left: 14px;
}

.mazdaSpecMiniArea ul li span {
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
}

.mazdaSpecMiniArea h2 {
    color: #333;
    font-size: 20px;
    margin-bottom: 3px;
    font-family: 'InterstateMazdaRegular';
}

.mazdaSpecMiniArea h3 {
    color: #666;
    font-size: 16px;
    margin-bottom: 3px;
    font-family: 'InterstateMazdaRegular';
}

.mazdaSpecMiniArea p {
    margin-bottom: 12px;
    font-size: 14px;
}

.mazdaSpecMiniArea .price {
    background: #e3ebf0;
    padding: 18px 27px 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.mazdaSpecMiniArea .price h3 {
    color: #333;
    font-size: 26px;
    line-height: 34px;
    margin-top: -2px;
}

.mazdaSpecMiniArea .price p {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.specSummary {
    overflow: hidden;
}

.specSummary .column {
    margin-bottom: 17px;
}

.specSummary h2,.specSummary .secondary p {
    font-weight: normal;
    color: #333;
    font-size: 26px;
    line-height: 100%;
    font-family: 'InterstateMazdaBold';
    padding-top: 1px;
}

.specSummary a {
    color: #0086d3;
}

.specSummary .label {
    font-size: 16px;
    color: #666;
    font-family: 'InterstateMazdaRegular';
}

.specSummary .print,.specSummary .pdf {
    display: block;
    float: left;
    padding: 5px 2px 7px 35px;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    margin: 0 5px;
    margin-top: 5px;
}

.specSummary .print {
    background: url(../images/mazda-spec-sprite.png) no-repeat 0 0;
}

.specSummary .pdf {
    background: url(../images/mazda-spec-sprite.png) no-repeat -1px -39px;
}

.ie6 .specSummary .print {
    background: url(../images/mazda-spec-sprite-fs8.png) no-repeat 0 0;
}

.ie6 .specSummary .pdf {
    background: url(../images/mazda-spec-sprite-fs8.png) no-repeat -1px -39px;
    white-space: nowrap;
}

.specAccordion {
    border-bottom: 1px solid #b6b6b6;
}

.specAccordion a {
    color: #0086d3;
    text-decoration: none;
}

.specAccordion h3 {
    font-size: 16px;
    border-top: 1px solid #b6b6b6;
    padding: 0 10px;
    position: relative;
    background: #fff;
}

.specAccordion h3 a {
    display: block;
    padding: 11px 0;
    background: #fff;
}

.specAccordion h3 .icn {
    background: url(../images/mazda-spec-sprite.png) no-repeat -29px -78px;
    width: 15px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 14px;
}

.specAccordion .noResults h3 .icn {
    display: none;
}

.specAccordion .current h3 .icn {
    background: url(../images/mazda-spec-sprite.png) no-repeat 1px -68px;
}

.specAccordion .initiating .accordionContent {
    display: none;
}

.specAccordion .current .accordionContent {
    display: block;
}

.specAccordion .accordionContent {
    font-size: 14px;
    border-top: 1px solid #b6b6b6;
    display: none;
    margin-top: 0;
}

.specAccordion .accordionContent li {
    clear: both;
    padding: 7px 0;
    border-top: 1px solid #ddd;
    overflow: hidden;
}

.specAccordion .accordionContent p {
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.specAccordion .accordionContent p span {
    padding-left: 30px;
    display: block;
    font-family: 'InterstateMazdaRegular';
    font-family: 16px;
    color: #666;
}

.specAccordion .accordionContent li:nth-child(1) {
    border-top: 0;
}

.specAccordion .accordionContent div {
    font-style: italic;
    color: #666;
    position: relative;
    margin-top: 0!important;
    margin-bottom: 0!important;
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
}

.specAccordion .accordionContent div.unavailable {
    color: #afafaf;
}

.specAccordion .accordionContent .icn {
    background: url(../images/mazda-spec-sprite.png) no-repeat -52px -78px;
    width: 16px;
    height: 16px;
    float: left;
    display: block;
    margin-right: 5px;
}

.specAccordion .accordionContent .unavailable .icn {
    background-position: -70px -78px;
    width: 14px;
    height: 14px;
}

.specAccordion .accordionContent .optional .icn {
    background-position: -86px -77px;
    width: 14px;
    height: 15px;
}

.ie6 .specAccordion h3 .icn {
    background: url(../images/mazda-spec-sprite-fs8.png) no-repeat -29px -78px;
}

.ie6 .specAccordion .current h3 .icn {
    background: url(../images/mazda-spec-sprite-fs8.png) no-repeat 1px -68px;
}

.ie6 .specAccordion .accordionContent .icn {
    background: url(../images/mazda-spec-sprite-fs8.png) no-repeat -52px -78px;
}

.specComparison {
    padding-top: 0;
    background-color: #f0f0f0;
}

.specComparison h3 {
    background: #fff;
}

.specComparison .noResults h3 {
    background: #f8f8f8;
}

.specComparison .specAccordion {
    margin-top: 0;
    background: url(../images/grey-divider.png) repeat 0 0;
}

.specComparison .accordionContent p span {
    padding-left: 30px;
}

.ie6 .specComparison h3 {
    background: #f8f8f8 url(../images/grey-divider-fs8.png) repeat 0 0;
}

.ie6 .specComparison .specAccordion {
    background: url(../images/grey-divider-fs8.png) repeat 0 0;
}

.ie6 .secondaryCarNav .secondRow .wrap {
    zoom: 1;
}

.ie6 .secondaryCarNav .imgWrap {
    background: none;
}

.ie7 .secondaryCarNav .thirdRow .wrap {
    overflow: hidden;
    height: 0;
}

.secondaryCarNav {
    float: left;
    width: 100%;
}

.secondaryCarNav .firstRow {
    background: url(../images/secondary-car-nav-bg.png) repeat-x 0 0;
    overflow: hidden;
    height: 75px;
}

.secondaryCarNav .secondRow {
    background: url(../images/secondary-car-nav-bg.png) repeat-x 0 -400px;
    min-height: 51px;
}

.secondaryCarNav .thirdRow {
    background: url(../images/secondary-car-nav-bg.png) repeat-x 0 -700px;
    overflow: hidden;
    height: 0;
    width: 100%;
}

.secondaryCarNav .spanTitle {
    font-size: 57px;
    float: left;
    padding: 7px 40px 5px 0;
    margin-left: -4px;
    color: #fff;
    font-family: 'InterstateMazdaRegular';
}

.secondaryCarNav h2 {
    font-size: 57px;
    float: left;
    padding: 11px 32px 5px 11px;
    color: #fff;
    font-family: 'InterstateMazdaRegular';
}

.secondaryCarNav li {
    display: block;
    float: left;
    text-align: center;
}

.secondaryCarNav .firstRow li {
    height: 75px;
    background: url(../images/secondary-car-nav-bg.png) no-repeat 0 -150px;
}

.secondaryCarNav .secondRow li {
    min-height: 19px;
    background: url(../images/secondary-car-nav-bg.png) no-repeat 100% -600px;
    position: relative;
    cursor: pointer;
    padding: 16px 14px 15px;
}

.secondaryCarNav .secondRow li.current {
    color: #fff;
}

.secondaryCarNav .secondRow li:nth-last-child(1) {
    background: none;
}

.secondaryCarNav .thirdRow li {
    min-height: 49px;
    position: relative;
    background: url(../images/secondary-car-nav-bg.png) no-repeat 100% -900px;
}

.secondaryCarNav .thirdRow li:nth-last-child(1) {
    background: none;
}

.secondaryCarNav li a {
    color: #f0f0f0;
    display: block;
    font-size: 16px;
    text-decoration: none;
}

.secondaryCarNav .firstRow li a {
    padding: 0 0 10px;
}

.secondaryCarNav .secondRow li a {
    font-size: 16px;
    color: #f0f0f0;
    font-family: 'InterstateMazdaRegular';
}

.secondaryCarNav .thirdRow li a {
    padding: 17px 15px 15px;
    color: #5c6165;
    font-size: 16px;
    font-family: 'InterstateMazdaregular';
}

.secondaryCarNav .thirdRow li.current a {
    padding: 17px 15px 15px;
    color: #3a3e41;
    font-size: 16px;
    font-family: 'InterstateMazdaregular';
}

.secondaryCarNav .imgWrap {
    display: block;
    text-align: center;
    padding: 10px 37px 10px;
    background: url(../images/secondary-car-nav-shadow.png) no-repeat 50% 100%;
    margin-bottom: -6px;
}

.secondaryCarNav img {
    display: block;
    margin: auto 4px;
    width: 91px;
}

.secondaryCarNav li.current {
    background: #e4e4e4 url(../images/secondary-car-nav-bg.png) repeat-x 0 -300px;
}

.secondaryCarNav .secondRow li.current {
    background: url(../images/secondary-car-nav-bg.png) repeat-x 0 -500px;
    margin-left: -1px;
}

.secondaryCarNav .secondRow li.current:nth-child(1) {
    margin-left: 0;
}

.secondaryCarNav .thirdRow li.current {
    background: url(../images/secondary-car-nav-bg.png) repeat-x 0 -800px;
    margin-left: -1px;
}

.secondaryCarNav .thirdRow li.current:nth-child(1) {
    margin-left: 0;
}

.secondaryCarNav .marker {
    background: url(../images/secondary-car-nav-marker.png) no-repeat 0 0;
    display: none;
    width: 14px;
    height: 9px;
    position: absolute;
    bottom: -1px;
    left: 40%;
}

.secondaryCarNav .secondRow li span {
    font-size: 16px;
    color: #fff;
    font-family: 'InterstateMazdaRegular';
}

.secondaryCarNav .current .marker {
    display: block;
}

#formHead .secondRow li {
    color: #f0f0f0;
    display: block;
    padding: 17px 15px 15px;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

#mazdaParts {
    background-color: #f0f0f0;
    overflow: hidden;
}

#mazdaParts ul {
    margin-top: 12px;
}

#mazdaParts li {
    display: block;
    background: url(../images/mazda-parts-sprite.png) no-repeat 0 -90px;
    min-height: 79px;
    position: relative;
}

#mazdaParts .icn,#mazdaParts .icncurr {
    width: 52px;
    height: 52px;
    display: block;
    position: absolute;
    left: 16px;
    top: 13px;
    z-index: 0;
}

#mazdaParts .icncurr {
    z-index: -1;
}

#mazdaParts li:hover .icncurr,#mazdaParts .current .icncurr {
    z-index: 1;
}

#mazdaParts li.current {
    background-position: 0 0;
}

#mazdaParts li:hover {
    background-position: 0 0;
}

#mazdaParts li a {
    color: #666;
    display: table;
    font-size: 15px;
    font-weight: bold;
    height: 79px;
    padding: 0 87px;
    text-decoration: none;
}

#mazdaParts li a span {
    display: table-cell;
    vertical-align: middle;
}

#mazdaParts li.current a,#mazdaParts li:hover a {
    color: #0086d3;
}

#mazdaParts .content p {
    margin: 20px 0;
}

#mazdaParts .content img {
    margin: 10px 0;
}

.ie6 #mazdaParts li {
    zoom: 1;
}

.ie6 #mazdaParts li {
    background-image: url(../images/mazda-parts-sprite-fs8.png);
}

.ie6 #mazdaParts .icn {
    background-image: url(../images/mazda-parts-sprite-fs8.png);
}

.ie7 #mazdaParts li a {
    display: block;
    height: auto;
    padding-top: 14px;
}

.video_hero_controls {
    position: absolute;
    text-align: center;
    z-index: 30px;
    width: 100%;
    margin-top: 195px;
}

.video_hero_controls .video_hero_title p {
    font-size: 26px;
    font-family: 'InterstateMazdaRegular';
    color: #fff;
}

.top_content {
    height: 535px;
    overflow: hidden;
    position: relative;
}

.top_content ul {
    position: absolute;
    left: 0;
    overflow: hidden;
}

.top_content ul li {
    display: inline-block;
    float: left;
}

.top_content .video_hero,.top_content .row {
    width: 100%;
}

.top_content .video_hero {
    cursor: pointer;
    height: 535px;
    overflow: hidden;
    z-index: 39;
    position: relative;
}

.top_content .video_hero_img {
    position: absolute;
    left: 50%;
    height: 539px;
    width: 1800px;
}

.video_play_icon {
    width: 960px;
    height: 528px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 151;
    cursor: pointer;
    background: url(../images/play-big.png) no-repeat center center;
    display: none;
}

.thumb_play {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    background: url(../images/play-small.png) no-repeat center center;
}

.show_more_top {
    cursor: pointer;
    color: #0091ca;
    padding-right: 25px;
    margin: 15px 0;
    float: right;
    font-size: 14px;
    font-family: 'InterstateMazdaRegular';
    line-height: 115%;
    background: url(../images/sprite-arrows.png) right -377px no-repeat;
}

.video_intro h3 {
    margin-bottom: 15px;
    font-size: 20px;
    font-family: 'InterstateMazdaRegular';
}

.video_intro p {
    margin-bottom: 20px;
}

.videos {
    position: relative;
    width: 960px;
}

.video_category {
    position: relative;
    float: left;
    overflow: hidden;
    width: 960px;
}

.video_preview {
    width: 222px;
}

.video_column_preview_image {
    overflow: hidden;
    position: relative;
}

.video_column_preview_image a {
    display: block;
}

.video_column_preview_image img {
    display: block;
    width: 100%;
}

.video_column_preview p.title,.video_column_preview p.title a {
    color: #0091ca;
    font-family: 'InterstateMazdaRegular';
    line-height: 100%;
    margin: 10px 0 5px;
    font-size: 18px;
    border-bottom: 0;
    background: none;
}

.video_related {
    margin-left: -12px;
}

ul.video_category_list {
    margin-right: -12px;
    overflow: hidden;
}

ul.video_category_list li {
    float: left;
    width: 231px;
    margin: 0 0 0 12px;
}

.video_container {
    float: left;
    background: #000;
    z-index: 52;
    width: 100%;
    height: 535px;
    position: relative;
}

.maxsize {
    max-width: 468px;
}

.bighd {
    margin-top: 24px;
    margin-bottom: 12px;
    float: left;
}

.smallhd {
    padding-top: 2px;
    padding-bottom: 16px;
    font-size: 12px;
}

.smallhd p {
    font-size: 12px;
}

.descr {
    padding-top: 21px;
}

.marginB12 {
    margin-bottom: 12px;
}

.marginT12 {
    margin-top: 12px;
}

.rss {
    margin-top: 22px;
    margin-bottom: 10px;
}

.rss p {
    line-height: 75%;
}

.rss .rss_link {
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    color: #008ad9;
}

.rss .rss_what {
    font-family: 'InterstateMazdaRegular';
    font-size: 12px;
    color: #118ed5;
}

#featuresCarousel .row_content h2 {
    margin-top: 24px;
}

.boxcar {
    -moz-box-shadow: 2px 2px 0 #cbcbcb;
    -webkit-box-shadow: 2px 2px 0 0 #cbcbcb;
    box-shadow: 2px 2px 0 0 #cbcbcb;
    border: 1px solid #cbcbcb;
    border-bottom: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #fff;
    cursor: pointer;
    margin-top: 0;
}

.boxcar .titlebig {
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    font-size: 21px;
    line-height: 130%;
}

.boxcar .titlesmall {
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    font-size: 18px;
    line-height: 130%;
}

.boxcar .price {
    color: #333;
    font-family: 'InterstateMazdaItalic';
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 8px;
}

.boxcar .textsmall {
    margin-right: 12px;
    margin-bottom: 12px;
}

.boxcar .textbig {
    margin-bottom: 12px;
}

.boxcar .textbig:first-child {
    display: table-cell;
    height: 125px;
    vertical-align: middle;
}

.boxcar p {
    margin-right: 12px;
}

.boxcar:first-child {
    margin-top: 12px;
}

.center a {
    display: block;
    text-align: center;
    line-height: 150px;
}

.center img {
    vertical-align: middle;
}

.arrow_link a {
    padding-right: 25px;
    font-size: 14px;
    background: url(../images/sprite-arrows.png) no-repeat right -62px;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    text-decoration: none;
    line-height: 1;
}

.imglink {
    float: right;
    padding-right: 10px;
    padding-top: 47px;
}

.boxcar.grid-6 div {
    float: left;
}

.boxcar.grid-6 .center,.boxcar.selfContainedOffer .center {
    line-height: 150px;
}

.boxcar.grid-6 .titlebig,.boxcar.selfContainedOffer .grid-6 .titlebig {
    color: #333;
    font-family: 'InterstateMazdaBold';
    font-size: 16px;
    line-height: 100%;
    margin: 16px 0 0 0;
}

.boxcar.grid-6 .price,.boxcar.selfContainedOffer .grid-6 .price {
    color: #0086d3;
    font-family: 'InterstateMazdaItalic';
    font-size: 21px;
    line-height: 130%;
}

.boxcar.grid-6 .textbig,.boxcar.selfContainedOffer .grid-6 .textbig {
    color: #333;
}

.boximg {
    margin-top: 10px;
    position: relative;
    cursor: pointer;
    width: 468px;
}

.boximg .descr_text_and_bg {
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 468px;
    background: url(../images/promo-bg.png) repeat;
    height: 110px;
}

.boximg .descr_text_and_bg .boxtitle {
    padding-left: 12px;
    padding-top: 15px;
    color: #fff;
    font-family: 'InterstateMazdaRegular';
    font-size: 20px;
}

.boximg .descr_text_and_bg .boxtxt {
    width: auto;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
}

.boximg .descr_text_and_bg .boxtxt p {
    padding-bottom: 4px;
    color: #fff;
}

.boximg .descr_text_and_bg .boxtxt a {
    background: url("../images/sprite-arrows.png") no-repeat scroll right -76px transparent;
    color: #0086d3;
    font-family: 'InterstateMazdaregular';
    font-size: 14px;
    padding-right: 25px;
    text-decoration: none;
}

.grid-9 ul li {
    display: block;
    float: left;
    border-top: 1px solid #c9c9c9;
    margin-top: 0;
}

.bord {
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 9px;
}

.title.bord {
    margin-bottom: 9px;
}

.slink {
    text-decoration: none;
}

.art {
    color: #d4d4d4;
    background-color: #d4d4d4;
    height: 1px;
}

.center img {
    vertical-align: middle;
}

.article_content p {
    padding-top: 12px;
}

.article_content blockquote {
    margin-bottom: -6px;
    padding-top: 6px;
}

.title {
    color: #333;
    font-family: 'InterstateMazdaRegular';
    font-size: 23px;
    line-height: 100%;
    margin-top: 6px;
}

.toptitle {
    color: #333;
    font-family: 'InterstateMazdaRegular';
    font-size: 21px;
    line-height: 100%;
}

.date {
    color: #333;
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    line-height: 100%;
}

.date div {
    font-size: 16px;
    color: #333;
    font-family: 'InterstateMazdaRegular';
}

.bord .date.floatRight {
    margin-top: -16px;
}

.grid-5 .date.floatRight {
    margin-top: 0;
}

.marginT12 .date {
    font-size: 16px;
    color: #333;
    font-family: 'InterstateMazdaRegular';
}

.marginT12 .date.floatRight {
    margin-bottom: 5px;
    margin-top: 0;
}

.artdesc {
    color: #333;
    font-family: 'InterstateMazdaItalic';
    font-size: 13px;
    line-height: 100%;
}

.stitle {
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    font-size: 15px;
    line-height: 100%;
    margin-top: 24px;
}

.sdate {
    color: #333;
    font-family: 'InterstateMazdaRegular';
    font-size: 13px;
    line-height: 100%;
    margin-top: 4px;
    margin-bottom: 6px;
}

.arrow_link_back a {
    padding-left: 20px;
    font-size: 14px;
    background: url(../images/sprite-arrows.png) no-repeat left -202px;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    text-decoration: none;
}

.grid-9 ul li:last-child div {
    border: none;
    padding-bottom: 0;
}

.titb,.titb a {
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    font-size: 23px;
    line-height: 100%;
    margin-bottom: 9px;
}

.desc {
    margin: 0;
}

.menu li {
    float: left;
    list-style: none;
    display: inline;
    text-align: center;
}

.menu .arr {
    height: 21px;
    width: 23px;
    margin: 0 2px;
    border: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #fff;
}

.menu .arr a {
    text-decoration: none;
}

.menu .arr span {
    color: #b6b6b6;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    line-height: 160%;
}

.menu .numbpage {
    height: 21px;
    width: 23px;
    margin: 0 2px;
    border: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #fff;
}

.menu .numbpage a {
    text-decoration: none;
}

.menu .numbpage span {
    color: #b6b6b6;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    line-height: 160%;
}

.menu .currentpage {
    height: 21px;
    width: 23px;
    margin: 0 2px;
    border: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #b6b6b6;
}

.menu .currentpage a {
    text-decoration: none;
}

.menu .currentpage span {
    color: #fff;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    line-height: 160%;
}

.menu .dots {
    margin: 0 3px;
}

.menu .dots a {
    text-decoration: none;
}

.menu .dots span {
    color: #b6b6b6;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    line-height: 160%;
}

.arrow_link_top a {
    padding-right: 25px;
    font-size: 14px;
    background: url(../images/top-blue-arrow.png) no-repeat right center;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    text-decoration: none;
}

.stext {
    padding-right: 6px;
}

.stext.sm12 {
    font-size: 12px;
}

.box {
    overflow: visible;
    border: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #4a606d;
    padding-bottom: 6px;
}

.box.noBg {
    background: none!important;
}

.box.noBg .title {
    color: #666!important;
    border-bottom: 1px solid #e5e5e5;
    margin-left: 0;
    margin-right: 0;
}

.box.noBg .title span {
    color: #666!important;
}

.box.noBg .title a span {
    color: #666!important;
}

.box.noBg .bluebox {
    -moz-box-shadow: 1px 1px 1px 0 #909aa1;
    -webkit-box-shadow: 1px 1px 1px 0 #909aa1;
    box-shadow: 1px 1px 1px 0 #909aa1;
    margin-left: 0;
    margin-right: 0;
}

.box.noBg .blueboxdown {
    -moz-box-shadow: 1px 1px 1px 0 #909aa1;
    -webkit-box-shadow: 1px 1px 1px 0 #909aa1;
    box-shadow: 1px 1px 1px 0 #909aa1;
    margin-left: 0;
    margin-right: 0;
}

.box.noBg .mouvebox {
    margin-left: 0;
    margin-right: 0;
}

.minbox {
    margin: 10px 14px 10px 14px;
}

.bluebox {
    margin: 6px 12px 6px 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #56afe1;
    background: -moz-linear-gradient(top,#56afe1 0%,#118ed5 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#56afe1),to(#118ed5));
    background: -o-gradient(#56afe1,#118ed5);
    background: -ms-linear-gradient(top,#56afe1,#118ed5);
}

.blueboxdown {
    margin: 6px 12px 6px 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #56afe1;
    background: -moz-linear-gradient(top,#56afe1 0%,#118ed5 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#56afe1),to(#118ed5));
    background: -o-gradient(#56afe1,#118ed5);
    background: -ms-linear-gradient(top,#56afe1,#118ed5);
}

.mouvebox {
    margin: 9px 12px 9px 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #7d6992;
    background: -moz-linear-gradient(top,#7d6992 0%,#462964 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#7d6992),to(#462964));
    background: -o-gradient(#7d6992,#462964);
    background: -ms-linear-gradient(top,#7d6992,#462964);
    -moz-box-shadow: 1px 1px 1px 0 #36464f;
    -webkit-box-shadow: 1px 1px 1px 0 #36464f;
    box-shadow: 1px 1px 1px 0 #36464f;
}

.title {
    cursor: default;
}

.title a {
    font-family: 'InterstateMazdaregular';
    font-size: 14px;
    background: url(../images/sprite-arrows.png) no-repeat right -436px;
    color: #fff;
    padding-right: 40px;
    text-decoration: none;
    border-bottom: 1px solid #5c6f7d;
    padding-bottom: 5px;
    padding-top: 2px;
}

.title a span {
    font-family: 'InterstateMazdaRegular';
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}

.title span {
    font-family: 'InterstateMazdaRegular';
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}

.title[data-href] {
    cursor: pointer;
}

.titlemouve {
    padding-left: 9px;
    cursor: pointer;
}

.titlemouve a {
    color: #fff;
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    line-height: 1.2;
    width: 90%;
    padding: 8px 0;
    text-decoration: none;
    display: block;
}

.titlemouve a .arrow_right {
    background: url(../images/sprite-arrows.png) no-repeat 0 -22px;
    float: right;
    width: 4px;
    height: 9px;
    margin-top: 6px;
    margin-right: -8px;
}

.titleblue {
    padding-left: 9px;
    cursor: pointer;
}

.titleblue a {
    color: #fff;
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    display: block;
    padding: 4px 0;
    width: 90%;
}

.titleblue a .arrow_right {
    background: url(../images/sprite-arrows.png) no-repeat 0 -22px;
    float: right;
    width: 4px;
    height: 9px;
    margin-top: 6px;
    margin-right: -8px;
}

.titleblue a .arrow_down {
    background: url(../images/sprite-arrows.png) no-repeat 0 -16px;
    float: right;
    width: 9px;
    height: 5px;
    margin-top: 8px;
    margin-right: -10px;
}

.titleblue a span {
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
}

.titleblue ul {
    display: none;
    list-style: none;
    margin-left: -9px;
    width: 206px;
}

.titleblue .stand {
    margin-right: 9px;
    padding-left: 10px;
    background-image: -ms-linear-gradient(bottom,gray 0%,#767676 100%);
    background-image: -moz-linear-gradient(bottom,gray 0%,#767676 100%);
    background-image: -o-linear-gradient(bottom,gray 0%,#767676 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,gray),color-stop(1,#767676));
    background-image: -webkit-linear-gradient(bottom,gray 0%,#767676 100%);
    background-image: linear-gradient(bottom,gray 0%,#767676 100%);
}

.titleblue .stand a {
    color: #fff;
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    line-height: 26px;
    text-decoration: none;
    display: block;
}

.titleblue .stand a span {
    float: right;
    font-family: 'InterstateMazdaRegular';
    height: 9px;
    margin-top: 10px;
    width: 4px;
}

.titleblue .dl {
    margin-right: 9px;
    padding-left: 10px;
    background-image: -ms-linear-gradient(bottom,gray 0%,#767676 100%);
    background-image: -moz-linear-gradient(bottom,gray 0%,#767676 100%);
    background-image: -o-linear-gradient(bottom,gray 0%,#767676 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,gray),color-stop(1,#767676));
    background-image: -webkit-linear-gradient(bottom,gray 0%,#767676 100%);
    background-image: linear-gradient(bottom,gray 0%,#767676 100%);
}

.titleblue .dl a {
    color: #fff;
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    line-height: 26px;
    text-decoration: none;
    display: block;
}

.titleblue .dl a span {
    background: url("../images/sprite-brochure.png") no-repeat scroll -7px -2px transparent;
    float: right;
    height: 14px;
    margin-right: 7px;
    margin-top: 7px;
    width: 12px;
}

.titleblue .post {
    margin-right: 9px;
    padding-left: 10px;
    background-image: -ms-linear-gradient(bottom,gray 0%,#767676 100%);
    background-image: -moz-linear-gradient(bottom,gray 0%,#767676 100%);
    background-image: -o-linear-gradient(bottom,gray 0%,#767676 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,gray),color-stop(1,#767676));
    background-image: -webkit-linear-gradient(bottom,gray 0%,#767676 100%);
    background-image: linear-gradient(bottom,gray 0%,#767676 100%);
}

.titleblue .post a {
    color: #fff;
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    line-height: 26px;
    text-decoration: none;
    display: block;
}

.titleblue .post a span {
    background: url("../images/sprite-brochure.png") no-repeat scroll -5px -29px transparent;
    float: right;
    height: 11px;
    margin-right: 6px;
    margin-top: 10px;
    width: 16px;
}

.titleblue .rad {
    display: none;
    padding-bottom: 3px;
    margin-left: -9px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ie7 .titleblue a span.arrow_right {
    display: block;
    position: relative;
    margin-top: -18px;
}

.ie7 .titleblue a span.arrow_down {
    display: block;
    position: relative;
    margin-top: -18px;
}

.title1 {
    color: #333;
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    line-height: 100%;
}

.title2 {
    color: #333;
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    line-height: 100%;
}

.desc1 {
    color: #a0a0a0;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    line-height: 100%;
}

.desc2 {
    color: #a0a0a0;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    line-height: 100%;
}

.quote {
    color: #a0a0a0;
    font-family: 'InterstateMazdaItalic';
    font-size: 24px;
    line-height: 100%;
}

.follow a {
    background: url("../images/sprite-arrows.png") no-repeat scroll right -61px transparent;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    line-height: 103%;
    padding-right: 24px;
    text-decoration: none;
}

.boxvid {
    position: relative;
    overflow: hidden;
    margin-top: -2px;
}

.boxvid .module_header {
    padding-bottom: 10px;
    margin-top: -10px;
}

.boxvid h2 {
    margin-top: 30px;
    font-weight: normal;
}

.boxvid .boxdown {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: url(../images/promo-bg.png);
    padding: 20px 10px;
}

.boxvid p {
    color: #fff;
    font-family: 'InterstateMazdaRegular';
    font-size: 24px;
    line-height: 100%;
}

.vac {
    height: auto;
    border: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
}

.vac hr {
    color: #c9c9c9;
    background-color: #c9c9c9;
    height: 1px;
    border: 0;
}

.vac a {
    padding-right: 25px;
    margin-top: 31px;
    margin-right: 9px;
    margin-bottom: 10px;
    font-size: 14px;
    background: url(../images/sprite-arrows.png) no-repeat right -62px;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    text-decoration: none;
    line-height: 100%;
}

.vac .stitle a {
    background: none;
}

.vac li {
    display: inline;
}

a.primaryCTA {
    background: url(../images/button-bg.png) repeat-x;
    color: #fff;
    float: left;
    margin: 0 24px 24px 0;
}

a.primaryCTA span {
    background: url(../images/button_arrow.png) no-repeat 100% 48%;
    display: block;
    font-family: 'InterstateMazdaLight';
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    margin-right: 6px;
    padding: 6px 12px 6px 6px;
}

.tit {
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    padding: 6px 0 0 0;
}

.vtext {
    padding-right: 42px;
    padding-left: 0;
}

.dead {
    color: #333;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    padding-left: 0;
}

.bigt {
    color: #333;
    font-family: 'InterstateMazdaRegular';
    padding-top: 10px;
    padding-bottom: 11px;
}

.smallt {
    color: #666;
    font-family: 'InterstateMazdaRegular';
    font-size: 21px;
    padding-top: 25px;
    padding-bottom: 11px;
}

.job {
    height: auto;
    border: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    margin-bottom: 75px;
    margin-top: 10px;
    padding-bottom: 15px;
}

.job hr {
    color: #c9c9c9;
    background-color: #c9c9c9;
    height: 1px;
    border: 0;
}

.job .tab {
    border-collapse: separate;
    border-spacing: 0;
    border: 0 none;
    width: 960px;
}

.job .tabtit {
    border-bottom: 1px solid #c9c9c9;
}

.job .tabtit p {
    color: #666;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    padding: 19px 0 10px 10px;
}

.job .tabtit select {
    color: #666;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    margin-left: 5px;
}

.tabjob {
    border-bottom: 1px solid #c9c9c9;
}

.tabjob p {
    font-size: 12px;
    padding: 11px 0 10px 10px;
}

.tabjob a {
    float: left;
    padding-right: 25px;
    font-size: 13px;
    background: url(../images/sprite-arrows.png) no-repeat right -62px;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    text-decoration: none;
    line-height: 100%;
}

.tabjobname {
    border-bottom: 1px solid #c9c9c9;
}

.tabjobname p {
    color: #333;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    padding: 11px 0 10px 10px;
}

#storageTool {
    background-image: url(../images/storage-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #171a1c;
    height: 648px;
    position: relative;
}

#storageTool .storage_container.row_content {
    padding-top: 0!important;
}

#storageTool .title {
    background: url(../images/storage-title-bg.png) repeat-x;
    height: 88px;
    width: 100%;
    margin-top: 0!important;
    position: absolute;
    z-index: 6;
    top: 0;
}

#storageTool h2 {
    color: #fff;
    padding-top: 30px;
}

#storageTool ul {
    position: absolute;
    top: 0;
    z-index: 5;
    min-height: 400px;
    min-width: 960px;
}

#storageTool ul li {
    width: 960px;
    height: 615px;
    position: absolute;
    top: 30px;
    z-index: 5;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    text-align: center;
}

#storageTool ul li div {
    margin-left: auto;
    margin-right: auto;
}

#storageTool .slider_container {
    background: url(../images/storage-slider-bg.png) repeat-x;
    height: 140px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 6;
}

#storageTool .slider_container .row_content {
    color: #fff;
    padding: 0;
}

#storageTool .luggage_pagination {
    width: 745px;
    height: 28px;
    padding-bottom: 10px;
    display: none;
    margin: 20px auto;
}

#storageTool .luggage {
    background: url(../images/luggage-icon.png) no-repeat;
    height: 28px;
    width: 32px;
    display: inline-block;
    margin-right: 141px;
    float: right;
}

#storageTool .luggage:first-child {
    margin-right: 0;
}

#storageTool #selectLuggage {
    display: none;
}

#storageTool .row_content {
    clear: both;
}

#storageTool .luggage_icons {
    float: left;
    margin-top: 30px;
}

#storageTool .luggage_icons .icon {
    margin-left: 5px;
    height: 58px;
    float: left;
}

#storageTool .luggage_icons .small_luggage {
    background: url(../images/luggage/small-luggage.png) no-repeat center bottom;
    width: 23px;
}

#storageTool .luggage_icons .mid_luggage {
    background: url(../images/luggage/mid-luggage.png) no-repeat center bottom;
    width: 21px;
}

#storageTool .luggage_icons .big_luggage {
    background: url(../images/luggage/big-luggage.png) no-repeat center bottom;
    width: 23px;
}

#storageTool .luggage_icons .big_hand_luggage {
    background: url(../images/luggage/big-hand-luggage.png) no-repeat center bottom;
    width: 34px;
}

#storageTool .luggage_icons .small_hand_luggage {
    background: url(../images/luggage/small-hand-luggage.png) no-repeat center bottom;
    width: 26px;
}

#storageTool .luggage_icons .baby_pram {
    background: url(../images/luggage/baby-pram.png) no-repeat center bottom;
    width: 33px;
}

#storageTool .luggage_icons .golf_kit {
    background: url(../images/luggage/golf-kit.png) no-repeat center bottom;
    width: 19px;
}

#storageTool .luggage_icons .surf_board {
    background: url(../images/luggage/surf-board.png) no-repeat center bottom;
    width: 15px;
}

#storageTool #slider,#storageTool .slider {
    height: 28px;
    width: 621px;
    padding-bottom: 0;
    margin: 68px 20px 0 85px;
    position: relative;
    display: block;
    background: url(../images/luggage-slider-bar.png) no-repeat left top;
    border: none;
    float: left;
}

#storageTool #slider .ui-slider-range,#storageTool .slider .ui-slider-range {
    height: 28px;
    width: 621px;
    padding-bottom: 0;
    margin: 0;
    z-index: 10;
    background: none;
}

#storageTool .ui-slider-handle {
    background: url(../images/luggage-slider-handle.png) no-repeat center center;
    width: 24px;
    height: 22px;
    position: absolute;
    top: -10px;
    left: 0;
    z-index: 11;
    outline: none;
    border: none;
}

.boxlng {
    border: 4px none;
    margin-top: 35px;
    margin-bottom: 107px;
}

.boxlng .listbox {
    padding-top: 24px;
    padding-left: 38px;
    padding-bottom: 53px;
}

.boxlng .listbox a {
    left: 39px;
    padding-left: 39px;
    font-size: 14px;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    text-decoration: none;
    line-height: 2.5em;
}

.boxlng .listbox .sec {
    margin-bottom: 20px;
}

.boxlng .border {
    border-bottom: 1px solid #d7dbdd;
}

.boxlng li {
    display: block;
    position: relative;
}

.ie7 .flag {
    left: 0;
    top: -3px;
}

.ie6 .flag {
    left: 0;
    top: -3px;
}

.flag {
    background: url(../images/flags-sprite.png) no-repeat -12px -10px;
    width: 30px;
    height: 20px;
    display: block;
    position: absolute;
    top: 8px;
}

.fr-BE .flag,.nl-BE .flag {
    background-position: -12px -10px;
}

.cs-CZ .flag {
    background-position: -12px -74px;
}

.da-DK .flag {
    background-position: -12px -104px;
}

.de-DE .flag {
    background-position: -12px -136px;
}

.es-ES .flag {
    background-position: -12px -168px;
}

.fr-FR .flag {
    background-position: -12px -199px;
}

.hr-HR .flag {
    background-position: -12px -231px;
}

.en-IE .flag {
    background-position: -12px -263px;
}

.it-IT .flag {
    background-position: -59px -10px;
}

.fr-LU .flag {
    background-position: -59px -44px;
}

.hu-HU .flag {
    background-position: -59px -76px;
}

.nl-NL .flag {
    background-position: -59px -105px;
}

.nb-NO .flag {
    background-position: -59px -137px;
}

.de-AT .flag {
    background-position: -59px -170px;
}

.ru-RU .flag {
    background-position: -59px -202px;
}

.pl-PL .flag {
    background-position: -59px -236px;
}

.pt-PT .flag {
    background-position: -112px -10px;
}

.fr-CH .flag,.de-CH .flag,.it-CH .flag {
    background-position: -112px -43px;
}

.sv-SE .flag {
    background-position: -112px -201px;
}

.sl-SI .flag {
    background-position: -112px -137px;
}

.sk-SK .flag {
    background-position: -112px -168px;
}

.tr-TR .flag {
    background-position: -112px -233px;
}

.en-GB .flag,.en-US .flag {
    background-position: -112px -265px;
}

.listbox {
    margin-right: 24px;
}

.sec {
    margin-top: 10px;
    margin-bottom: 10px;
}

.sec1d,.sec1d a {
    border: 4px none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #dfe0e1;
    margin-bottom: 10px;
    padding-left: 13px;
    font-size: 14px;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    text-decoration: none;
    line-height: 2.5em;
}

.sec1d {
    margin-bottom: 3px;
    margin-top: 5px;
    font-weight: bold;
}

.sec1d span {
    padding-left: 13px;
    color: grey;
}

.sec1l,.sec1l a {
    border: 4px none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-left: 13px;
    font-size: 14px;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    text-decoration: none;
    line-height: 2.5em;
    margin-top: 3px;
    font-weight: bold;
}

.sec1l span {
    padding-left: 11px;
}

.sec2,.sec2 a {
    padding-left: 13px;
    font-size: 14px;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    text-decoration: none;
    line-height: 2em;
}

.sec3 {
    padding-left: 36px;
    list-style: disc inside none;
}

.sec3,.sec3 a {
    font-size: 14px;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    text-decoration: none;
    line-height: 1.5em;
}

.border {
    border-bottom: 1px solid #d7dbdd;
}

.colorator {
    background-image: url(../images/storage-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #171a1c;
    height: 742px;
    position: relative;
}

.colorator .storage_container.row_content {
    padding-top: 0!important;
}

.colorator .title {
    background: url(../images/storage-title-bg.png) repeat-x;
    height: 88px;
    width: 100%;
    margin-top: 0!important;
    position: absolute;
    z-index: 6;
    top: 0;
}

.colorator h2 {
    color: #fff;
    padding-top: 20px;
}

.colorator ul {
    position: absolute;
    top: 0;
    z-index: 5;
    min-height: 400px;
    min-width: 960px;
}

.colorator ul li {
    width: 960px;
    height: 615px;
    position: absolute;
    top: 0;
    opacity: 0;
}

.colorator .slider_container {
    background: url(../images/storage-slider-bg.png) repeat-x;
    height: 166px;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 6;
}

.colorator .slider_container .row_content {
    color: #fff;
    padding: 0;
}

.colorator .luggage_pagination {
    width: 745px;
    height: 28px;
    padding-bottom: 10px;
    margin: 20px auto;
    display: none;
}

.colorator .luggage {
    background: url(../images/luggage-icon.png) no-repeat;
    height: 28px;
    width: 32px;
    display: inline-block;
    margin-right: 141px;
    float: right;
}

.colorator .luggage:first-child {
    margin-right: 0;
}

.colorator #selectLuggage {
    display: none;
}

.colorator #slider,.colorator .slider {
    height: 28px;
    width: 695px;
    padding-bottom: 0;
    margin: 0 auto;
    position: relative;
    display: block;
    background: url(../images/luggage-slider-bar.png) no-repeat left top;
    border: none;
    bottom: -4px;
}

.colorator #slider .ui-slider-range,.colorator .slider .ui-slider-range {
    height: 28px;
    width: 695px;
    padding-bottom: 0;
    margin: 0;
    z-index: 10;
    background: none;
}

.colorator a.ui-slider-handle {
    background: url(../images/luggage-slider-handle.png) no-repeat center center;
    width: 24px;
    height: 22px;
    position: absolute;
    top: -10px;
    left: 0;
    z-index: 11;
    outline: none;
    border: none;
}

.interiorcol ul li img {
    display: block;
    left: 110px;
    position: absolute;
}

.colorator {
    clear: both;
    overflow: visible;
    position: relative;
    height: 565px;
    text-align: center;
    background: #f0f0f0;
    padding-bottom: 45px;
}

.colorator .storage_container {
    padding-top: 10px;
}

.colorator ul {
    min-width: 960px;
    width: 960px;
    margin: 0 auto;
    position: relative;
    left: -1px;
}

.colorator ul li {
    position: absolute;
    top: 0;
    left: 0;
    width: 960px;
    height: 383px;
    overflow: hidden;
    opacity: 1;
}

.colorator ul li img {
    float: left;
}

.colorator .inner {
    position: absolute;
    bottom: 39px;
    height: 100%;
    width: 100%;
    background: url(../images/luggage-slider-handle.png) no-repeat center bottom;
    z-index: 0;
}

.colorator .ui-slider a {
    overflow: visible;
    background: url(../images/colorator-divider.png) 10px 0 no-repeat;
    top: -399px;
    height: 460px;
    margin-left: -10px;
}

.colorator .slider {
    width: 960px;
    min-width: 960px;
    background: none;
    height: 22px;
}

.colorator .slider .sliderBackgrounds {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.colorator .slider .sliderBackgrounds div {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/interior-slider-bgs.png) 0 -87px repeat-x;
}

.colorator .slider .sliderBackgrounds .background1 {
    background-position: 0 -28px;
}

.colorator .slider .sliderBackgrounds .background2 {
    background-position: 0 0;
}

.colorator .slider .sliderBackgrounds .background3 {
    background-position: 0 -55px;
}

.colorator .slider_container {
    background: none;
    position: relative;
}

.colorator h2,.colorator p {
    float: left;
    color: #666;
    margin-bottom: 65px;
    margin-top: 35px;
}

.colorator p {
    margin: 65px 0 0 10px;
}

.colorator .forwardCTA {
    background: url("../images/sprite-arrows.png") no-repeat scroll right -61px transparent;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    line-height: 103%;
    padding-right: 24px;
    text-decoration: none;
    float: right;
    margin-top: 70px;
}

.colorator .row_content {
    clear: both;
}

.colorator .sliderimage {
    display: none;
}

#carColorator ul {
    min-width: 902px;
    width: 902px;
    background: url("../static/images/car-shadow.html") no-repeat scroll 20px 150px transparent;
}

#carColorator ul li {
    width: 902px;
}

#carColorator ul li .handle {
    display: none;
}

#carColorator .storage_container {
    background: url("../static/images/color-bar-plain-background.html") no-repeat scroll 28px 361px transparent;
}

#carColorator .storage_container div.label {
    background: none;
    bottom: 0;
    height: 22px;
    position: absolute;
    width: 902px;
    left: 0;
}

#carColorator .slider-colorbar-img {
    display: none;
}

#carColorator .slider {
    width: 902px;
    min-width: 902px;
    position: absolute;
    left: -1px;
    height: 0;
}

#carColorator .slider .label {
    background: url("../images/colorator/color-identifier-down.png") no-repeat scroll center 25px transparent!important;
    position: absolute;
    float: left;
    right: 5%;
    display: none;
    color: #666;
    font-weight: normal;
    padding: 10px;
    top: 145px;
    width: 200px;
    text-align: center;
    margin-right: -65px;
}

#carColorator .inner {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
    display: block;
    margin-bottom: 14px;
    bottom: auto;
    top: 0;
}

#carColorator .ui-slider .fakeHandle {
    overflow: visible;
    background: url("../images/colorator-divider.png") no-repeat scroll 10px 0 transparent;
    top: -399px;
    height: 460px;
    display: none;
    position: absolute;
    width: 100%;
}

#carColorator .current .inner,#carColorator .current .fakeHandle,#carColorator .current .label {
    display: block;
}

#carColorator .ui-slider a {
    background: url(../images/luggage-slider-handle.png) no-repeat center center;
    overflow: visible;
    top: 0;
    margin-left: 19px;
    width: 24px;
    height: 22px;
}

.bigtext {
    color: #333;
    font-family: 'InterstateMazdaRegular';
    font-size: 26px;
}

.smalltext {
    font-family: 'InterstateMazdaRegular';
    font-size: 23px;
    margin-bottom: 4px;
}

.buyingbox {
    height: 66px;
    overflow: visible;
    border: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #4a606d;
    -moz-box-shadow: 2px 2px 0 #cbcbcb;
    -webkit-box-shadow: 2px 2px 0 0 #cbcbcb;
    padding-top: 12px;
    padding-bottom: 12px;
}

.buyingbox .bluebox {
    margin: 6px 12px 6px 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #56afe1;
    background: -moz-linear-gradient(top,#56afe1 0%,#118ed5 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#56afe1),to(#118ed5));
    background: -o-gradient(#56afe1,#118ed5);
    background: -ms-linear-gradient(top,#56afe1,#118ed5);
}

.buyingbox .mouvebox {
    margin: 6px 12px 6px 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #7d6992;
    background: -moz-linear-gradient(top,#7d6992 0%,#462964 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#7d6992),to(#462964));
    background: -o-gradient(#7d6992,#462964);
    background: -ms-linear-gradient(top,#7d6992,#462964);
}

.buyingbox a {
    padding-left: 9px;
    color: #fff;
    font-family: 'InterstateMazdaRegular';
    font-size: 11px;
    line-height: 26px;
    width: 100%;
    text-decoration: none;
}

.buyingbox a .arrow_right {
    background: url(../images/sprite-arrows.png) no-repeat 0 -22px;
    float: right;
    width: 4px;
    height: 9px;
    margin-top: 7px;
    margin-right: 9px;
}

.imgtxt {
    margin-top: 35px;
}

.imgtxt h2 {
    color: #0086d3;
}

.imgtxt .par1 {
    margin-top: 9px;
    margin-bottom: -8px;
}

.imgtxt .par2 {
    margin-bottom: 6px;
}

.imgtxt a {
    background: url("../images/sprite-arrows.png") no-repeat scroll right -62px transparent;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    line-height: 2em;
    padding-right: 25px;
    text-decoration: none;
}

#buying-slider {
    margin-top: 40px;
    overflow: hidden;
    position: relative;
}

#buying-slider li {
    float: left;
    width: 960px;
    height: 350px;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    opacity: 0;
}

#buying-slider li .grid-8 {
    float: left;
    margin-left: 40px;
}

#buying-slider li .grid-3 {
    float: right;
    margin-right: 40px;
}

#buying-slider li img {
    max-width: 100%;
}

#buying-slider li.opaque {
    opacity: 1;
}

#buying-slider li.semi-opaque {
    opacity: .15;
}

#buying-slider-wrapper {
    position: relative;
}

#buying-slider-wrapper .slide-control {
    background-image: url(../images/slide-control-gradient.png);
    background-repeat: repeat-y;
    height: 100%;
    top: 0;
    width: 40px;
}

#buying-slider-wrapper .slide-control span {
    background: url(../images/sprite-arrows.png) no-repeat 0 -136px;
    display: block;
    height: 22px;
    left: 28px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    width: 12px;
}

#buying-slider-wrapper .prev {
    background-position: -40px 0;
}

#buying-slider-wrapper .prev span {
    background-position: 0 -158px;
    left: 0;
}

#buying-slider-wrapper .inactive {
    cursor: default;
}

#buying-slider-wrapper .inactive span {
    background-image: none;
}

#buying-slider-wrapper .carousel-bullets {
    top: -130px;
    right: -8px;
}

#buying-slider-wrapper .carousel-bullets a {
    background-image: url("../images/navigation/owning-bullets.png")!important;
}

.buying-owning-bullets {
    right: -8px;
    top: 0;
    bottom: auto;
}

.buying-owning-bullets a {
    background-image: url("../images/navigation/owning-bullets.png")!important;
}

.buying {
    border-width: 1px 0;
    border-style: solid;
    border-color: #f0f0f0;
    margin-top: 20px;
}

.buying .wrap {
    overflow: hidden;
    text-align: left;
    margin-right: -1px;
    padding-right: 1px;
}

.buying .wrap .owning {
    float: left;
    display: block;
    width: 240px;
    padding-bottom: 9px;
}

.buying .wrap .owning h3 {
    color: #b6b6b6;
    padding: 15px 0;
    font-family: 'InterstateMazdaRegular';
}

.buying .wrap .owning p {
    color: #b6b6b6;
}

.buying .wrap .owning .divider {
    cursor: pointer;
    padding: 0 15px;
    background: url(../images/owning-divider.png) no-repeat 0 100%;
}

.buying .wrap .current,.buying .wrap .active {
    background: url(../images/owning-bg-down.png) no-repeat 50% 100%;
}

.buying .wrap .current h3,.buying .wrap .active h3 {
    color: #333;
}

.buying .wrap .current p,.buying .wrap .active p {
    color: #666;
}

.buying .next_blue {
    background: url("../images/sprite-arrows.png") no-repeat scroll center -136px transparent;
    color: #fff;
    cursor: pointer;
    float: right;
    height: 22px;
    position: absolute;
    right: 0;
    top: 70%;
    width: 30px;
    z-index: 10;
}

.buying .prev_blue {
    background: url("../images/sprite-arrows.png") no-repeat scroll center -158px transparent;
    clear: both;
    color: #fff;
    cursor: pointer;
    float: left;
    height: 22px;
    left: 0;
    position: absolute;
    top: 70%;
    width: 30px;
    z-index: 10;
}

.desc-mar {
    margin-top: 30px;
    margin-bottom: 14px;
}

.contentbox {
    margin-top: 12px;
    border: 1px solid #e0e1e1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #e0e1e1;
}

.contentbox .bord {
    border-bottom: 1px solid #fff;
    margin-top: 15px;
    padding-bottom: 15px;
}

.contentbox .mar {
    padding-left: 13px;
    margin-bottom: 7px;
}

.contentbox .mar img {
    margin-bottom: 7px;
}

.contentbox .marimg {
    margin-left: 6px;
    margin-top: 5px;
}

.contentbox .mar1 {
    margin-bottom: 16px;
    margin-left: 30px;
    margin-right: 30px;
}

.contentbox .mar1 p {
    text-align: center;
}

.contentbox .mar1 h2 {
    text-align: center;
}

.accnav .acctit {
    margin-top: 16px;
    font-weight: bold;
    font-size: 26px;
}

.accnav .accsubt {
    margin-top: 1px;
}

.accnav .accdesc {
    margin-top: 21px;
}

.accnav a {
    font-size: 14px;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    text-decoration: none;
}

.accnav span {
    color: #0086d3;
}

.acc {
    text-align: center;
}

.acc .acc-cars {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    display: block;
}

.acc .acc-cars li {
    padding: 0;
    width: 148px;
    vertical-align: top;
    display: inline-block;
}

.acc .acc-cars li .image109 img {
    height: auto;
}

.acc .acc-cars .car {
    padding: 10px 12px;
    position: relative;
    vertical-align: top;
    margin-bottom: 6px;
}

.acc .acc-cars .car p {
    padding-top: 15px;
    padding-bottom: 2px;
}

.acc .acc-cars .car .alink {
    background: url("../images/sprite-arrows.png") no-repeat scroll right -245px transparent;
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    font-size: 13px;
    line-height: 130%;
    padding-right: 25px;
    text-decoration: none;
    margin-top: 9px;
}

.acc .acc-cars .curr {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #e0e1e1;
}

.ie7 .acc .acc-cars li {
    zoom: 1;
    *display: inline;
}

h2.acctit {
    color: #333;
}

.accessories {
    margin-top: 20px;
    border-bottom: 1px solid #b6b6b6;
}

.accessories a {
    color: #0086d3;
    text-decoration: none;
}

.accessories .tit1 {
    background: #f0f0f0;
    padding: 0 3px;
}

.accessories h3 {
    font-size: 16px;
    border-top: 1px solid #b6b6b6;
    padding: 0 15px;
    position: relative;
    background: #fff;
    height: 71px;
}

.accessories h3 a {
    width: 300px;
    display: block;
    padding-top: 14px;
}

.accessories h3 .icn {
    background: url(../images/mazda-spec-sprite.png) no-repeat -29px -78px;
    width: 15px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 28px;
}

.accessories h3 .acctit1 {
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    padding-top: 20px;
    position: relative;
    color: #333;
}

.accessories h3 .acctit2 {
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    width: 300px;
    padding-top: 20px;
    position: relative;
}

.accessories h3 .descrip {
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    width: 300px;
    padding-top: 14px;
    position: relative;
    margin-left: 30px;
    font-weight: normal;
}

.accessories h3 .price {
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    width: 230px;
    padding-top: 14px;
    position: relative;
    margin-left: 30px;
    font-weight: normal;
}

.accessories h3 .price a {
    width: 200px!important;
    padding: 0!important;
}

.accessories .current h3 .icn {
    background: url(../images/mazda-spec-sprite.png) no-repeat 1px -68px;
}

.accessories .initiating .accessoriesContent {
    display: none;
}

.accessories .current .accessoriesContent {
    display: block;
}

.accessories .accessoriesContent {
    font-size: 14px;
    border-top: 1px solid #b6b6b6;
    display: none;
}

.accessories .accessoriesContent h3 {
    background-color: #eee;
}

.accessories .accessoriesContent .nest span .icnN {
    background: url(../images/mazda-spec-sprite.png) no-repeat -29px -78px;
    width: 15px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 14px;
}

.accessories .accessoriesContent .nest.current span .icnN {
    background: url(../images/mazda-spec-sprite.png) no-repeat 1px -68px;
}

.accessories .nest .accessoriesContent {
    display: none;
}

.accessories .nest .current .accessoriesContent {
    display: block;
}

.accessories .margcontent {
    margin-top: 42px;
    font-family: 'InterstateMazdaLight','Helvetica','Arial',sans-serif;
}

.accessories .margcontent h2 {
    font-size: 20px;
    margin-bottom: 18px;
}

.accessories .margcontent p {
    margin-bottom: 30px;
    font-family: 'InterstateMazdaLight','Helvetica','Arial',sans-serif;
}

.accessories .margcontent img {
    width: 400px;
}

.accessories .margcontent ul {
    overflow: hidden;
    list-style: disc outside none;
    padding-left: 15px;
    margin-top: 5px;
}

.accessories .margcontent ul li {
    font-family: 'InterstateMazdaLight','Helvetica','Arial',sans-serif;
    color: #333;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 10px;
}

.accessories .margcontent ol {
    overflow: hidden;
    list-style: decimal outside none;
    padding-left: 30px;
    margin-top: 5px;
}

.accessories .margcontent ol li {
    font-family: 'InterstateMazdaLight','Helvetica','Arial',sans-serif;
    color: #333;
    font-size: 16px;
    line-height: 100%;
    margin-bottom: 10px;
}

.accessories .margcontent strong,.accessories .margcontent h5 {
    color: #666;
    font-family: 'InterstateMazdaLight','Helvetica','Arial',sans-serif;
    font-size: 20px;
    margin: 5px 0;
}

.accessories .margpr {
    background: url(../images/printer.png) no-repeat;
    padding-left: 35px;
    padding-top: 5px;
    height: 29px;
    cursor: pointer;
    margin-top: 25px;
    margin-left: 7px;
    font-family: 'InterstateMazdaRegular';
    font-size: 14px;
    color: #0086d3;
}

#tooltip {
    background: url("../images/colorator/color-identifier-down.png") no-repeat scroll center 17px transparent!important;
    color: #666;
    display: none;
    float: left;
    font-weight: bold;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 145px;
    width: 130px;
}

.tooltip-label {
    background: url(../images/colorator/color-identifier-down.png) no-repeat scroll center 17px transparent!important;
    color: #666;
    float: left;
    font-weight: bold;
    left: -9999px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 145px;
    width: 130px;
}

.sitedown {
    padding-left: 120px;
    padding-top: 50px;
    height: 550px;
}

.sitedown h2 {
    padding-top: 30px;
    padding-bottom: 5px;
    color: #fff;
    font-size: 50px;
}

.sitedown h3 {
    font-weight: normal;
    color: #cedbe4;
    font-size: 22px;
    font-family: 'InterstateMazdaRegular';
    font-weight: normal;
}

#competitorComparison {
    background-color: #e3ebf0;
    clear: both;
}

#competitorComparison h3 {
    font-weight: bold;
}

#competitorComparison .disclaimer {
    clear: both;
    color: #aeaeae;
    font: normal 14px 'InterstateMazdaLight',Arial,sans-serif;
}

#competitorComparison #fleet-comparision {
    position: relative;
}

#competitorComparison #fleet-comparision #comparisonOptions {
    padding: 0 0 30px;
}

#competitorComparison #fleet-comparision #comparisonOptions .alpha {
    padding-top: 30px;
}

#competitorComparison #fleet-comparision #comparisonOptions .vehicle {
    min-height: 250px;
    margin: 0 -12px 0 -11px;
    padding: 0 12px;
    position: relative;
}

#competitorComparison #fleet-comparision #comparisonOptions .omega .vehicle {
    margin: 0 0 0 -11px;
}

#competitorComparison #fleet-comparision #comparisonOptions .double {
    min-height: 500px;
}

#competitorComparison #fleet-comparision #comparisonOptions h4 {
    margin-top: 0;
    font-weight: bold;
}

#competitorComparison #fleet-comparision #fleet-comparision-viewport {
    position: relative;
    min-height: 500px;
    overflow: hidden;
}

#competitorComparison #fleet-comparision #fleet-comparision-viewport #fleet-comparision-wrapper {
    width: 2000px;
    position: absolute;
    left: 0;
}

#competitorComparison #fleet-comparision #fleet-comparision-viewport .vehicle-wrapper,#competitorComparison #fleet-comparision #fleet-comparision-viewport .toolWrapper {
    width: 726px;
    float: left;
}

#competitorComparison #fleet-comparision #fleet-comparision-viewport .vehicle-wrapper .column,#competitorComparison #fleet-comparision #fleet-comparision-viewport .toolWrapper .column {
    margin-top: 0;
}

#competitorComparison #fleet-comparision .vehicle {
    background-color: #d3e0e5;
}

#competitorComparison #fleet-comparision .car-comparision-choice a {
    min-height: 1%;
    background: #bdd0d8 url(../images/vehicle-choice-arrow.png) no-repeat 95% 50%;
    display: block;
    color: #666;
    font-weight: normal;
    margin-top: 20px;
    padding: 20px 12px 20px 12px;
    font-size: 1.5em;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
}

#competitorComparison #fleet-comparision .car-comparision-choice a:hover {
    background-color: #fff;
}

#competitorComparison #comparisonOptions {
    background: url(../images/competitor-comparison/divider.png) repeat-x 0 30px;
    overflow: hidden;
    padding: 30px 0;
}

#competitorComparison #comparisonOptions .step {
    margin: 0 -12px 0 -11px;
    min-height: 500px;
    padding: 0 12px;
    position: relative;
}

#competitorComparison #comparisonOptions .step-1 .stepNumber {
    background-position: -20px -120px;
}

#competitorComparison #comparisonOptions .step-2 .stepNumber {
    background-position: -81px -120px;
}

#competitorComparison #comparisonOptions .step-3 {
    margin-right: 0;
}

#competitorComparison #comparisonOptions .step-3 .illustration {
    background: url(../images/competitor-comparison/sprite.png) no-repeat 50% -275px;
}

#competitorComparison #comparisonOptions .step-3 .stepNumber {
    background-position: -139px -120px;
}

#competitorComparison #comparisonOptions .step-3 .guidance {
    margin-left: 11px;
}

#competitorComparison #comparisonOptions .step-3 h5 {
    line-height: 2.3;
}

#competitorComparison #comparisonOptions .step-3 .userOptions {
    background: url(../images/competitor-comparison/slider-snap-guides.png) no-repeat 13px 103px;
    padding-bottom: 5px;
    top: 18px;
}

#competitorComparison #comparisonOptions .step-3 .primaryCTA {
    display: block;
    float: none;
    margin: 0;
    position: absolute;
    top: 160px;
    width: 100%;
}

#competitorComparison #comparisonOptions .step.active {
    background-color: #d5e0e5;
}

#competitorComparison #comparisonOptions h4 {
    background-color: #fff;
    font-size: 1.8em;
    margin: -42px -13px 0 -12px;
    padding: 12px 0;
    text-align: center;
}

#competitorComparison #comparisonOptions .active h4 {
    font-weight: bold;
}

#competitorComparison #comparisonOptions .active .stepNumber {
    display: block;
}

#competitorComparison #comparisonOptions .illustration {
    height: 80px;
    padding: 30px 0 15px;
    position: relative;
    text-align: center;
}

#competitorComparison #comparisonOptions .illustration img {
    display: block;
    margin: 0 auto;
}

#competitorComparison #comparisonOptions .step-3.active .illustration {
    background-position: 50% -395px;
}

#competitorComparison #comparisonOptions .stepNumber {
    background-image: url(../images/competitor-comparison/sprite.png);
    display: none;
    height: 25px;
    left: -3px;
    position: absolute;
    top: 8px;
    width: 17px;
}

#competitorComparison #comparisonOptions .guidance {
    font-size: 1.5em;
}

#competitorComparison #comparisonOptions h5,#competitorComparison #comparisonOptions h6 {
    font-family: 'InterstateMazdaRegular';
    font-size: 1.5em;
    font-weight: normal;
}

#competitorComparison #comparisonOptions h6 {
    font-size: 1.4em;
}

#competitorComparison #comparisonOptions .userOptions {
    display: none;
    position: relative;
    z-index: 1;
}

#competitorComparison #comparisonOptions .active .userOptions,#competitorComparison #comparisonOptions .completed .userOptions {
    display: block;
}

#competitorComparison #comparisonOptions .step ul {
    margin-top: 30px;
    padding-bottom: 30px;
}

#competitorComparison #comparisonOptions .step-3 ul {
    padding-bottom: 20px;
}

#competitorComparison #comparisonOptions .step li {
    background-color: #c0d0d8;
    background-repeat: no-repeat;
    margin-top: 10px;
    padding: 10px 30px 10px 10px;
    border-radius: 3px;
}

#competitorComparison #comparisonOptions .step li:hover {
    background-color: #fff;
}

#competitorComparison #comparisonOptions .step li.selected {
    background-color: #fff;
}

#competitorComparison #comparisonOptions .step.active ul {
    background-color: #d5e0e5;
}

#competitorComparison #comparisonOptions .step.active li {
    background-image: url(../images/competitor-comparison/cta-sprite.png);
    background-position: 96% 12px;
    cursor: pointer;
}

#competitorComparison #comparisonOptions .step-3.active li {
    background-color: #fff;
    background-image: none;
    cursor: default;
}

#competitorComparison #comparisonOptions .step.active li.selected {
    background-position: 96% -152px;
}

#competitorComparison #comparisonOptions .verticalScrollWrapper {
    padding-top: 10px;
}

#competitorComparison #comparisonOptions .verticalScrollMask {
    overflow: hidden;
    position: relative;
}

#competitorComparison #comparisonOptions .verticalScrollMask ul {
    left: 0;
    margin-top: -10px;
    padding-bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#competitorComparison #comparisonOptions .verticalScrollControl {
    background: url(../images/competitor-comparison/sprite.png) no-repeat 50% 0;
    cursor: pointer;
    display: block;
    height: 30px;
}

#competitorComparison #comparisonOptions .verticalScrollControl small {
    display: block;
    font-family: 'interstatemazdalight';
    font-size: 1.2em;
    position: relative;
    text-align: center;
}

#competitorComparison #comparisonOptions .verticalScrollControl.up {
    background-position: 50% -58px;
    margin-top: -10px;
}

#competitorComparison #comparisonOptions .verticalScrollControl.up small {
    top: 14px;
}

#competitorComparison #comparisonOptions .verticalScrollControl.down {
    background-position: 50% 18px;
    margin-bottom: -10px;
}

#competitorComparison #comparisonOptions .verticalScrollControl.down small {
    top: 4px;
}

#competitorComparison #comparisonOptions .verticalScrollControl.inactive {
    cursor: default;
}

#competitorComparison #comparisonOptions .verticalScrollControl.inactive small {
    display: none;
}

#competitorComparison #comparisonOptions .verticalScrollControl.up.inactive {
    background-position: 50% -88px;
}

#competitorComparison #comparisonOptions .verticalScrollControl.down.inactive {
    background-position: 50% -12px;
}

#competitorComparison #comparisonOptions .step .choice {
    position: absolute;
    top: 176px;
    width: 221px;
    z-index: 0;
}

#competitorComparison #comparisonOptions .step .choice li {
    background-image: none;
}

#competitorComparison #comparisonOptions #mileageSlider {
    background-color: #1f8ac8;
    border: 1px solid #aaabac;
    margin-left: 12px;
    margin-top: 15px;
    width: 183px;
    border-radius: 0;
}

#competitorComparison #comparisonOptions #mileageSlider .ui-slider-handle {
    background: url(../images/competitor-comparison/slider-handle.png) no-repeat;
    border: none;
    cursor: pointer;
    height: 22px;
    margin-left: -11px;
    top: -6px;
    width: 24px;
    border-radius: 0;
}

#competitorComparison #comparisonOptions #mileageSlider .snapValue {
    color: #666;
    display: block;
    position: absolute;
    top: 15px;
}

#competitorComparison #comparisonOptions #mileageSlider .min {
    left: -13px;
}

#competitorComparison #comparisonOptions #mileageSlider .max {
    right: -16px;
}

#competitorComparison #comparisonOptions .userControls {
    float: right;
    margin-top: 24px;
}

#competitorComparison #comparisonOptions .userControls a {
    margin-right: 12px;
    width: 209px;
}

#competitorComparison #comparisonOptions .userControls a.primaryCTA.inactive {
    background-image: url(../images/button-inactive-bg.png);
    cursor: default;
}

#competitorComparison #comparisonOptions .userControls span {
    line-height: .9;
}

#competitorComparison #comparisonOptions #comparisonResults {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}

#competitorComparison #comparisonOptions #comparisonResults .column {
    margin-bottom: 0;
    margin-top: 0;
}

#competitorComparison #comparisonOptions #comparisonResults .wrapper {
    background-color: #e3ebf0;
    margin-left: -12px;
    min-height: 605px;
    padding-top: 45px;
}

#competitorComparison #comparisonOptions #comparisonResults table {
    border: 1px solid #d4dde2;
    width: 726px;
}

#competitorComparison #comparisonOptions #comparisonResults td,#competitorComparison #comparisonOptions #comparisonResults th {
    cursor: default;
}

#competitorComparison #comparisonOptions #comparisonResults thead tr {
    height: 100px;
}

#competitorComparison #comparisonOptions #comparisonResults thead tr:first-child {
    height: 80px;
}

#competitorComparison #comparisonOptions #comparisonResults thead th {
    font-family: 'interstatemazdalight';
    font-size: 2.3em;
    font-weight: normal;
    vertical-align: middle;
    width: 46.5%;
}

#competitorComparison #comparisonOptions #comparisonResults thead th small {
    color: #999;
    font-family: 'interstatemazdalight';
    font-size: .7em;
    position: relative;
    top: -5px;
}

#competitorComparison #comparisonOptions #comparisonResults thead td {
    font-family: 'interstatemazdalight';
    font-size: 1.5em;
    text-align: center;
    vertical-align: top;
}

#competitorComparison #comparisonOptions #comparisonResults .tfoot {
    background-color: #fff;
    border: none;
    height: 45px;
    position: absolute;
    top: 0;
    width: 726px;
}

#competitorComparison #comparisonOptions #comparisonResults .tfoot th {
    font-family: 'interstatemazdalight';
    font-size: 2em;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
    width: 32%;
}

#competitorComparison #comparisonOptions #comparisonResults .tfoot th strong {
    color: #0086d3;
}

#competitorComparison #comparisonOptions #comparisonResults .tfoot th strong.negative {
    color: #d3001c;
}

#competitorComparison #comparisonOptions #comparisonResults .tfoot th.centre {
    color: #b5bbbd;
    font-size: 1.6em;
    text-align: center;
    width: 36%;
}

#competitorComparison #comparisonOptions #comparisonResults .tfoot th:first-child {
    text-align: right;
}

#competitorComparison #comparisonOptions #comparisonResults tbody table {
    border: none;
    width: 100%;
}

#competitorComparison #comparisonOptions #comparisonResults tbody tbody tr {
    border-top: 1px solid #d4dde2;
    height: 39px;
}

#competitorComparison #comparisonOptions #comparisonResults tbody tbody td {
    color: #333;
    font-family: 'interstatemazdalight';
    font-size: 1.5em;
    text-align: center;
    vertical-align: middle;
    width: 46.5%;
}

#competitorComparison #comparisonOptions #comparisonResults tbody tbody td.centre {
    background-image: url(../images/competitor-comparison/icons-sprite.png);
    background-repeat: no-repeat;
    border-left: 1px solid #d4dde2;
    border-right: 1px solid #d4dde2;
    width: 7%;
}

#competitorComparison #comparisonOptions #comparisonResults tbody tbody tr:hover {
    background-color: #fff;
}

#competitorComparison #comparisonOptions #comparisonResults tbody tbody tr:hover td {
    border-left-color: #fff;
    border-right-color: #fff;
}

#competitorComparison #comparisonOptions #comparisonResults tbody tbody tr:hover .fuel {
    background-position: -39px -41px;
}

#competitorComparison #comparisonOptions #comparisonResults tbody tbody tr:hover .saving {
    background-position: -87px -41px;
}

#competitorComparison #comparisonOptions #comparisonResults tbody tbody tr:hover .bik {
    background-position: -135px -41px;
}

#competitorComparison #comparisonOptions #comparisonResults tbody tbody tr:hover .speed {
    background-position: -183px -41px;
}

#competitorComparison #comparisonOptions #comparisonResults tbody tbody tr:hover .acceleration {
    background-position: -231px -41px;
}

#competitorComparison #comparisonOptions #comparisonResults tbody tbody tr:hover .torque {
    background-position: -279px -41px;
}

#competitorComparison #comparisonOptions #comparisonResults tbody tbody tr:hover .emissions {
    background-position: -327px -41px;
}

#competitorComparison #comparisonOptions #comparisonResults .versus {
    background: url(../images/competitor-comparison/icons-sprite.png) no-repeat 8px 75px;
    width: 7%;
}

#competitorComparison #comparisonOptions #comparisonResults .fuel {
    background-position: -39px 3px;
}

#competitorComparison #comparisonOptions #comparisonResults .saving {
    background-position: -87px 3px;
}

#competitorComparison #comparisonOptions #comparisonResults .bik {
    background-position: -135px 3px;
}

#competitorComparison #comparisonOptions #comparisonResults .speed {
    background-position: -183px 3px;
}

#competitorComparison #comparisonOptions #comparisonResults .acceleration {
    background-position: -231px 3px;
}

#competitorComparison #comparisonOptions #comparisonResults .torque {
    background-position: -279px 3px;
}

#competitorComparison #comparisonOptions #comparisonResults .emissions {
    background-position: -327px 3px;
}

#competitorComparison #comparisonOptions #comparisonResults .userControls {
    margin-top: 24px;
}

#en-IE #competitorComparison #comparisonOptions #comparisonResults .saving {
    background-position: -375px 3px;
}

#en-IE #competitorComparison #comparisonOptions #comparisonResults tbody tbody tr:hover .saving {
    background-position: -375px -41px;
}

.ie7 #comparisonResults tbody table {
    border-top: 1px solid #d4dde2;
}

.ie7 #comparisonResults .versus,.ie8 #comparisonResults .versus {
    background-position: 13px 75px;
}

.energy-module {
    min-height: 400px;
    padding: 40px 0;
    background: #f0f0f0;
}

.energy-module .energy-module .disclaimer {
    padding-bottom: 30px;
}

.energy-module .disclaimer a {
    color: #0084d7;
    text-decoration: underline;
    font-family: 'InterstateMazdaLight','Helvetica','Arial',sans-serif;
    font-size: 14px;
}

.energy-module h3 {
    font-size: 16px;
    margin-bottom: 15px;
    color: #a0a0a0;
}

.energy-module tr {
    border-bottom: 7px solid #f0f0f0;
    font-size: 11px;
}

.energy-module th,.energy-module td {
    border-left: 2px solid #f0f0f0;
    width: 224px;
    vertical-align: top;
}

.energy-module th:first-child,.energy-module td:first-child {
    border-left: none;
}

.energy-module th {
    background: #e3eaf0;
    padding: 12px 0;
}

.energy-module td {
    background: #fff;
    padding: 15px;
}

.energy-module .disclaimer p {
    color: #aeaeae;
    font-family: 'InterstateMazdaLight',Arial,sans-serif;
    font-size: 14px;
    line-height: normal;
}

.energy-module .disclaimer p sub {
    color: #aeaeae;
    font-family: 'InterstateMazdaLight',Arial,sans-serif;
    font-size: 14px;
    line-height: normal;
}

.energy-module .disclaimer p sup {
    color: #aeaeae;
    font-family: 'InterstateMazdaLight',Arial,sans-serif;
    font-size: 14px;
    line-height: normal;
}

#legalText {
    margin: 0 auto;
    width: 960px;
}

#legalText p {
    font-size: 1.3em!important;
    padding-left: 0!important;
    padding-right: 0!important;
    width: 100%!important;
}

#hero_carousel .text_wide {
    left: 50%;
    margin-left: -480px;
    position: absolute;
    text-align: center;
    top: 40px;
    width: 960px;
}

#hero_carousel .carousel_content {
    position: absolute;
    bottom: 40px;
    right: 50%;
    margin-right: -480px;
    text-align: left;
    width: 240px;
}

#hero_carousel .carousel_content h4 {
    font-family: 'InterstateMazdaRegular';
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #dc000d;
}

#hero_carousel .carousel_content p {
    color: #b6b6b6;
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1;
}

#hero_carousel .carousel_content p a {
    background: url("../images/navigation/red-arrow.png") no-repeat right 2px;
}

.awardModule {
    margin-top: 20px;
}

.awardModule .award-item {
    margin-bottom: 20px;
    clear: both;
    overflow: hidden;
    padding: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
}

.awardModule .shadow {
    -webkit-box-shadow: 1px 1px 0 1px rgba(0,0,0,.2);
    box-shadow: 1px 1px 0 1px rgba(0,0,0,.2);
}

.awardModule .award-section {
    width: 450px;
    float: left;
}

.awardModule .award-image {
    margin-right: 20px;
}

.awardModule .award-image-wrapper {
    margin: 0 auto;
    text-align: center;
}

.hero-wrapper {
    position: relative;
}

.row .review_badge {
    bottom: 20px!important;
    display: block;
    float: right;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: auto!important;
    height: 37px;
}

.row .ask_badge {
    bottom: 104px;
    clear: both;
    display: inline;
    float: right;
    margin-right: 0;
    position: relative;
    width: 50px;
}

.row .review_badge ul {
    display: inline;
    float: left;
    margin: 0;
}

.row .review_badge li {
    display: inline;
    float: left;
    margin-right: 0;
}

.row .review_badge li {
    display: inline;
    float: left;
    margin-right: 0;
}

#reevoomark .flag {
    background: none;
    display: inline;
    height: auto;
    position: relative;
    top: 2px;
    width: auto;
}

.mb-blocks {
    padding-top: 20px;
}

.mb-block {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.mb-block h3 {
    clear: none;
}

.mb-bio {
    width: 300px;
    height: 360px;
    background: #1f2325;
}

.mb-bio .mb-bio-lg {
    display: none;
}

.mb-bio .mb-bio-lg {
    float: left;
    margin-right: 25px;
}

.mb-bio-name,.mb-bio-position {
    font-size: 17px;
    text-transform: uppercase;
}

.mb-bio-name {
    color: #0086d3;
}

p.mb-bio-position {
    color: #666;
}

.mb-bio .mb-bio-header {
    position: absolute;
    bottom: 0;
    padding: 25px 70px 25px 25px;
}

.mb-bio-sml,.mb-bio-lg {
    display: block;
}

.mb-bio-quote {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 35px;
}

.mb-bio .mb-bio-text {
    display: block;
}

.mb-bio blockquote {
    margin-top: 80px;
    padding: 0 25px;
}

.mb-bio .mb-bio-sml,.mb-bio .mb-bio-text h3,.mb-bio .mb-bio-text p {
    display: none;
}

.mb-bio:hover .mb-bio-header,.mb-bio:hover .mb-bio-text {
    display: none;
}

.mb-bio:hover .mb-bio-sml {
    display: block;
}

.mb-bio.open {
    width: 940px;
}

.mb-bio.open .mb-bio-text h3,.mb-bio.open .mb-bio-text p,.mb-bio.open .mb-bio-lg,.mb-bio.open .mb-bio-text {
    display: block;
}

.mb-bio.open .mb-bio-text {
    padding-right: 70px;
}

.mb-bio.open .mb-bio-quote {
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

.mb-bio.open .mb-bio-sml {
    display: none;
}

.mb-bio.open .mb-bio-header {
    position: relative;
    display: block;
}

.mb-bio-open .mb-bio-name,.mb-bio-open .mb-bio-position {
    font-size: 20px;
}

.mb-img {
    width: 300px;
    min-height: 360px;
}

.mb-img-sml {
    display: block;
}

.mb-img .mb-img-lg {
    display: none;
}

.mb-img.open,.mb-img-with-text.open {
    width: 620px;
}

.mb-img.open .mb-img-sml {
    display: none;
}

.mb-img.open .mb-img-lg {
    display: block;
}

.mb-img.mb-2col img {
    display: block;
}

.mb-bio-text h3 {
    color: #0086d3;
    font-size: 16px;
}

.mb-bio-text p {
    color: #666;
}

.mb-text,.mb-img-with-text {
    width: 300px;
    min-height: 360px;
    background: #1f2325;
}

.mb-text-preview {
    display: table-cell;
    height: 310px;
    width: 250px;
    padding: 25px;
    vertical-align: middle;
}

.mb-text-expand {
    width: 550px;
    padding: 50px 25px 80px;
}

.mb-text-preview p,.mb-text-expand p,.mb-img-with-text .content p {
    font-size: 17px;
    color: #b6b6b6;
    line-height: 1.4em;
    margin-bottom: 1em;
}

.mb-text .mb-text-expand,.mb-text.open .mb-text-preview {
    display: none;
}

.mb-text.open {
    width: 620px;
}

.mb-text.open .mb-text-expand {
    display: block;
}

.mb-vid,.mb-img-with-text.mb-2col {
    width: 620px;
    min-height: 360px;
    background: #1f2325;
}

.mb-vid-title1 {
    position: absolute;
    top: 300px;
    right: 25px;
}

.mb-vid-title2,.mb-img-with-text.mb-2col .content h2 {
    margin: 20px;
    width: 280px;
}

.mb-vid-title2 {
    float: left;
}

.mb-img-with-text.mb-2col .content h2 {
    float: right;
}

.mb-img-with-text.mb-2col .content .mb-vid-text {
    padding: 20px 0 20px 20px;
}

.mb-vid-text {
    overflow: hidden;
    padding: 20px 20px 20px 0;
}

.mb-vid-text p {
    font-size: 15px;
    color: #b6b6b6;
}

.mb-vid-preview {
    width: 310px;
}

.mb-vid-poster,.mb-vid-preview {
    float: left;
}

.mb-vid-poster,.mb-vid-vid {
    display: block;
}

.mb-vid-vid iframe {
    width: 620px;
    height: 360px;
}

.mb-vid .mb-vid-expand,.mb-vid.open .mb-vid-preview,.mb-vid.open .mb-vid-title1,.mb-vid.open .mb-vid-poster {
    display: none;
}

.mb-vid.open .mb-vid-expand {
    display: block;
}

.full-width .mb-text-preview {
    width: 66%;
}

.full-width .mb-vid-preview {
    width: 66%;
    display: none;
}

.full-width .mb-vid-title2 {
    display: none;
}

.mb-vid-text {
    padding: 0 20px 24px 20px;
}

.mb-intro.mb-intro-variation .mb-text-preview {
    display: table-cell;
    height: 300px;
    width: 250px;
    padding: 25px;
    vertical-align: middle;
}

.mb-control {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background: #1f2325 url('../images/icon-mb-control.png') no-repeat -5px -69px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
}

.mb-vid .mb-control {
    background-position: -3px -14px;
}

.open .mb-control {
    background-position: -6px -124px;
}

.mb-vid .mb-control {
    bottom: auto;
    right: auto;
    top: 300px;
    left: 25px;
}

.mb-vid3 .mb-control {
    left: 335px;
}

.mb-vid.open .mb-control,.mb-img-with-text.mb-2col.open .mb-control {
    top: 25px;
    left: auto;
    right: 25px;
}

.mb-intro {
    background: #1f2325;
    width: 940px;
}

.mb-intro .mb-text-preview {
    height: auto;
    padding-bottom: 40px;
    padding-right: 0;
    padding-top: 40px;
}

.mb-intro .mb-text-preview.mb-2col {
    padding-right: 25px;
}

.mb-intro .mb-text-preview h2 {
    font-size: 30px;
}

.mb-intro .mb-text-preview p {
    margin-bottom: 0;
    margin-top: 1em;
}

.mb-intro .mb-text-preview p:first-child {
    margin-top: 0;
}

.mb-2col {
    width: 620px;
}

.mb-img-with-text img {
    float: left;
}

.mb-img-with-text .content {
    display: none;
    float: left;
    margin-left: 20px;
    padding: 25px;
    width: 250px;
}

.mb-img-with-text.open .content {
    display: block;
}

.mb-img-with-text.mb-2col .content {
    padding: 0;
    margin-left: 0;
    width: 100%;
}

.mb-img-with-text.expand-text .content {
    width: auto;
}

.mb-img-with-text.expand-text .content h2 {
    display: none;
    padding: 20px;
}

.mb-img-with-text.mb-2col .content .mb-vid-text {
    width: auto;
}

.pull-quote p {
    color: #fff;
    font-family: 'InterstateMazdaRegular';
    text-transform: uppercase;
}

.pull-quote p span {
    font-family: 'InterstateMazdaRegular';
}

.pull-quote .quote {
    font-size: 19px;
    line-height: 1;
}

.pull-quote .source {
    font-size: 16px;
    margin-top: 1.25em;
}

.pull-quote .source-position {
    color: #999;
    font-size: 16px;
}

.reevooModels {
    overflow: hidden;
    margin: 30px 0;
}

.reevooModels li {
    background-color: #fff;
    width: 211px;
    float: left;
    overflow: hidden;
    margin: 15px 5px;
    padding: 8px;
    border: 1px solid #cecece;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.reevooModels li .model {
    overflow: hidden;
    display: block;
    padding: 10px;
    border: 1px solid #cecece;
    background-image: -ms-linear-gradient(top,white 0%,#f2f2f2 100%);
    background-image: -moz-linear-gradient(top,white 0%,#f2f2f2 100%);
    background-image: -o-linear-gradient(top,white 0%,#f2f2f2 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,white),color-stop(1,#f2f2f2));
    background-image: -webkit-linear-gradient(top,white 0%,#f2f2f2 100%);
    background-image: linear-gradient(to bottom,white 0%,#f2f2f2 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    color: #0086d3;
    font-size: 16px;
    font-family: 'InterstateMazdaBold';
    margin-bottom: 5px;
}

.reevooModels li .model span {
    color: #666;
    font-size: 14px;
    display: block;
    line-height: 1.5;
}

.reevooModels li img {
    margin: 0 auto;
    margin-bottom: 15px;
}

.reevooModels li .arrow {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../images/blue-arrow.png') no-repeat scroll 95% 50%;
}

#fleetCarousel {
    padding: 30px 0;
    background-image: -o-linear-gradient(bottom,#f0f0f0 0%,#e2e2e2 85%);
    background-image: -moz-linear-gradient(bottom,#f0f0f0 0%,#e2e2e2 85%);
    background-image: -webkit-linear-gradient(bottom,#f0f0f0 0%,#e2e2e2 85%);
    background-image: -ms-linear-gradient(bottom,#f0f0f0 0%,#e2e2e2 85%);
    background-image: linear-gradient(to bottom,#f0f0f0 0%,#e2e2e2 85%);
    border-bottom: 1px solid #bfbfbf;
}

#fleetCarousel h2 {
    margin: 4px 0 24px 0;
}

#fleetCarousel .features_navigation {
    width: 962px!important;
    margin-bottom: 30px;
}

#fleetCarousel ul.features_navigation_list>li {
    background: #fff;
    padding: 20px 22px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
    width: 260px;
    margin: 4px 12px;
    height: auto!important;
    box-shadow: 1px 1px 5px #ccc;
}

#fleetCarousel ul.features_navigation_list>li img {
    display: block;
    width: 240px;
    margin: 0 auto;
    padding: 15px 0 40px 0;
}

#fleetCarousel ul.features_navigation_list>li h4 {
    color: #0086d3;
    font-size: 22px;
    margin-bottom: 8px;
}

#fleetCarousel ul.features_navigation_list>li .bluebox {
    margin: 15px 0 10px;
    width: 175px;
}

#fleetCarousel ul.features_navigation_list>li a.offers-link {
    background: url("../images/sprite-arrows.png") no-repeat scroll right -61px transparent;
    float: left;
    height: 15px;
}

#fleetCarousel ul.features_navigation_list>li p {
    height: 60px;
    overflow: hidden;
}

#fleetCarousel ul.features_navigation_list>li ul {
    margin-top: 20px;
    padding-left: 15px;
    height: 180px;
}

#fleetCarousel ul.features_navigation_list>li ul>li {
    height: auto!important;
    margin-bottom: 10px;
    color: #333;
    font-size: 17px;
    font-family: 'InterstateMazdaRegular';
}

#fleetCarousel ul.features_navigation_list>li ul>li:before {
    color: #0086d3;
    content: "•";
    position: absolute;
    left: -15px;
    top: 2px;
    font-size: 16px;
}

#fleetCarousel #prev.carousel-arrow {
    background-position: 143% 52%;
    left: -30px;
}

#fleetCarousel #next.carousel-arrow {
    right: -40px;
    background-position: -25% 52%;
}

#fleetCarousel a.offers-link {
    background: url("../images/sprite-arrows.png") no-repeat scroll 100% -376px transparent;
    display: inline-block;
    font-size: 15px;
    line-height: 100%;
    padding-right: 24px;
    color: #0086d3;
    float: right;
}

#fleetCarousel a.offers-link.open {
    background-position: 100% -407px;
}

#fleetCarousel ul.model-range {
    overflow: hidden;
    margin: 20px 0;
    display: none;
}

#fleetCarousel ul.model-range li {
    float: left;
    width: 150px;
    margin: 10px 10px 10px 0;
    height: 100px;
    overflow: hidden;
}

#fleetCarousel ul.model-range li a {
    display: block;
}

#fleetCarousel ul.model-range li a img {
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}

#fleetCarousel ul.model-range li a span {
    display: block;
    color: #0086d3;
    font-size: 18px;
    font-family: 'InterstateMazdaRegular';
    padding-left: 15px;
}

@media only screen and (min-device-width:768px)and (max-device-width:1024px) {
    #fleetCarousel #prev.carousel-arrow {
        left: -6px;
    }

    #fleetCarousel #next.carousel-arrow {
        right: -15px;
    };
}

#fleetCarousel .carousel-arrow {
    background-image: url("../images/navigation/carousel-arrows-blue.png")!important;
    z-index: 100;
    height: 92%;
    width: 35px;
    top: 48px;
}

.feature-focus-stats-list {
    margin-left: 24px;
    padding: 6px 0 13px;
}

.feature-focus-stats-list ul {
    padding-left: 15px;
}

.feature-focus-stats-list ul>li {
    margin-bottom: 15px;
    position: relative;
    color: #333;
    font-size: 16px;
    font-family: 'InterstateMazdaRegular';
}

.feature-focus-stats-list ul>li:before {
    color: #0086d3;
    content: "•";
    position: absolute;
    left: -15px;
    top: 2px;
    font-size: 16px;
}

.feature-focus-stats-list a {
    background: url("../images/sprite-arrows.png") no-repeat scroll right -61px rgba(0,0,0,0);
    color: #0086d3;
    display: inline-block;
    font-size: 15px;
    line-height: 100%;
    padding-right: 24px;
}

[data-type-module="iframe-disclaimer"] {
    margin: 2px 0 50px 0;
    top: 457px;
    z-index: 999999;
    background-color: #f0f0f0;
    min-height: 100%;
    height: 100%;
    display: block;
}

[data-type-module="iframe-disclaimer"] article {
    background-color: #fff;
    color: #3a3737;
    -moz-box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#999999')";
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 30px 41px;
    margin: 10px 0 50px;
    line-height: 17px;
}

[data-type-module="iframe-disclaimer"] article h3 {
    padding: 12px 0 9px 0;
    font-size: 3em!important;
}

[data-type-module="iframe-disclaimer"] article ul li {
    font-size: 1.5em!important;
    list-style-type: circle;
    margin: 17px 0 0 30px;
    font-family: 'InterstateMazdaLight','Helvetica','Arial',sans-serif;
}

[data-type-module="iframe-disclaimer"] article p {
    color: #3a3737;
    margin-top: 20px;
    font-size: 1.5em!important;
}

[data-type-module="iframe-disclaimer"] .user-action {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}

[data-type-module="iframe-disclaimer"] .user-action a {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #56afe1;
    background: -moz-linear-gradient(top,#56afe1 0%,#118ed5 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#56afe1),to(#118ed5));
    background: -o-gradient(#56afe1,#118ed5);
    background: -ms-linear-gradient(top,#56afe1,#118ed5);
    color: #fff;
    font-size: 15px;
    padding: 6px 12px;
}

[data-type-module="iframe-disclaimer"] iframe {
    border: none;
    display: none;
    margin-top: 20px;
    height: 400px;
    width: 100%;
    -moz-box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#999999')";
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

[data-type-module="iframe-disclaimer"] h2 {
    margin-top: 50px;
    font-size: 1.8em;
    line-height: 20px;
    font-weight: normal;
    color: #000;
}

.disclaimerBox .row {
    overflow: visible;
}

.disclaimerBox .disclaimer.disclaimer div,.disclaimerBox .disclaimer div p {
    color: #94999c;
}

h2.disclaimer {
    margin-top: 4%;
    font-size: 1.8em;
    line-height: 20px;
    font-weight: normal;
    color: #000;
}

.genericForm {
    background-color: #f0f0f0;
    font-size: 16px;
    color: #333;
}

.genericForm .formBox {
    background-color: #e3ebf0;
    margin: 30px 0 100px;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.genericForm #formHead {
    border-bottom: 1px solid #b7c3ca;
    margin-bottom: 12px;
    position: relative;
}

.genericForm .steps {
    background: url(../images/contact-nav-bg.png) repeat-x 0 50%;
    overflow: hidden;
}

.genericForm .steps li {
    background: url(../images/contact-nav-bg-inactive.png) no-repeat 100% 50%;
    color: #f0f0f0;
    font-family: 'InterstateMazdaRegular';
    font-size: 18px;
    float: left;
    overflow: hidden;
    padding: 17px 22px;
    -webkit-text-shadow: 0 0 2px rgba(255,255,255,.3);
    -moz-text-shadow: 0 0 2px rgba(255,255,255,.3);
    text-shadow: 0 0 3px rgba(255,255,255,.6);
}

.genericForm .steps li.current {
    background: url(../images/contact-nav-bg-active.png) no-repeat 100% 50%;
}

.genericForm .steps li.previous {
    background: url(../images/contact-nav-bg-previous.png) no-repeat 100% 50%;
}

.genericForm .mandatory {
    top: 70px;
    position: absolute;
    right: 24px;
}

.genericForm .formTitle {
    background-color: #c4d1d9;
    padding: 18px 24px;
}

.genericForm h2 {
    color: #333;
    font-size: 20px;
    margin-bottom: 10px;
}

.genericForm h4 {
    font-family: 'InterstateMazdaLight';
    font-size: 15px;
}

.genericForm h4 span {
    font-family: 'InterstateMazdaRegular';
}

.genericForm .userJourney h4 {
    float: left;
    text-align: right;
    width: 175px;
}

.genericForm p {
    font-family: 'InterstateMazdaRegular';
}

.genericForm a {
    color: #0086d3;
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
}

.genericForm a:hover,.genericForm a:focus {
    text-decoration: underline;
}

.genericForm a:focus {
    outline: 1px dotted;
}

.genericForm a b {
    font-family: 'InterstateMazdaRegular';
    font-weight: normal;
}

.genericForm p.tandc {
    color: #666;
    font-size: 14px;
}

.genericForm p.tandc a {
    font-size: 1em;
}

.genericForm .formStep {
    overflow: hidden;
}

.genericForm .formRow {
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 12px;
    position: relative;
}

.genericForm .formRow label {
    display: block;
    float: left;
    position: relative;
    text-align: right;
    width: 175px;
}

.genericForm .formRow label em {
    display: block;
    font-size: .9em;
}

.genericForm .formRow input,.genericForm .formRow select {
    left: 205px;
    padding: 3px;
    position: absolute;
    top: 8px;
    width: 200px;
}

.genericForm .formRow input[type="date"],.genericForm .formRow input[type="time"] {
    padding: 0;
}

.genericForm .formRow select {
    padding: 3px 1px 1px;
    width: 208px;
}

.genericForm .formRow select.small {
    width: 100px;
}

.genericForm .formRow textarea {
    display: block;
    left: 18px;
    position: relative;
    top: -4px;
    width: 330px;
}

.genericForm .formRow label,.genericForm .formRow input,.genericForm .formRow select,.genericForm .formRow textarea {
    color: #333;
    font-family: 'InterstateMazdaRegular',Helvetica,Arial,sans-serif;
    font-size: 16px;
}

.genericForm .formRow acronym {
    color: #0086d3;
    left: 193px;
    position: absolute;
    top: 10px;
}

.genericForm .formRow.options ul {
    left: 18px;
    overflow: hidden;
    position: relative;
    top: 0;
}

.genericForm .formRow.options ul li {
    float: left;
    position: relative;
}

.genericForm .formRow.options ul li input {
    left: 0;
    margin: 0;
    top: 0;
    width: auto;
}

.genericForm .formRow.options ul li label {
    margin-right: 20px;
    padding-left: 20px;
    width: auto;
}

.genericForm.DealerLocator .dealerServices .formRow.options ul li {
    display: inline;
}

.genericForm .formRow.dob select {
    width: 50px;
}

.genericForm .formRow.dob .mm {
    left: 267px;
}

.genericForm .formRow.dob .yy {
    left: 327px;
    width: 70px;
}

.genericForm .optin li {
    margin-bottom: 12px;
    position: relative;
}

.genericForm .optin li input {
    left: 189px;
    top: -2px;
}

.genericForm .optin input {
    top: 10px;
    width: auto;
}

.genericForm .optin label {
    float: none;
    padding-left: 220px;
    text-align: left;
    width: auto;
}

.genericForm .formRow.addressPicker {
    padding-left: 205px;
}

.genericForm .formRow.addressPicker .search {
    float: left;
}

.genericForm .formRow.addressPicker .closeList {
    display: none;
    font-family: 'InterstateMazdaRegular';
    margin: 4px 0;
    overflow: hidden;
    padding-left: 8px;
}

.genericForm .formRow.addressPicker .closeList a {
    color: #0086d3;
}

.genericForm #AddressCompletionButton {
    float: none;
    top: -2px;
}

.genericForm #AddressPicklist ul {
    overflow: hidden;
}

.genericForm #AddressPicklist ul li {
    float: none;
    margin-bottom: 3px;
    padding: 0 6px 3px;
}

.genericForm #AddressPicklist ul li a {
    color: #0086d3;
}

.genericForm .visualModelSelector {
    padding: 0 24px;
}

.genericForm .visualModelSelector ul {
    overflow: hidden;
    width: 100%;
}

.genericForm .visualModelSelector ul li {
    display: block;
    float: left;
    margin: 0 2px 2px 0;
    width: 150px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.genericForm .visualModelSelector ul li label {
    display: block;
    float: none;
    padding: 11px;
    position: relative;
    text-align: left;
    width: auto;
}

.genericForm .visualModelSelector ul li label img {
    display: block;
    margin: 17px auto 15px;
}

.genericForm .visualModelSelector ul li label input {
    left: auto;
    margin: 0;
    position: absolute;
    top: auto;
    width: auto;
}

.genericForm .visualModelSelector ul li label span {
    display: block;
    padding-left: 22px;
}

.genericForm .visualModelSelector ul li.checked:hover,.genericForm .visualModelSelector ul li:hover {
    background-color: #f4f7f9;
}

.genericForm .visualModelSelector ul li.checked {
    background-color: #c4d1d9;
}

.genericForm .visualModelSelector ul li.rowStart {
    clear: both;
}

.genericForm .visualModelSelector acronym {
    display: none;
}

.genericForm .formAction {
    margin-top: 12px;
    overflow: hidden;
}

.genericForm a.primaryCTA {
    background: url(../images/button-bg.png) repeat-x;
    color: #fff;
    float: right;
    margin: 0 24px 24px 0;
}

.genericForm a.primaryCTA span {
    background: url(../images/button_arrow.png) no-repeat 100% 48%;
    display: block;
    font-family: 'InterstateMazdaLight';
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    margin-right: 6px;
    padding: 6px 12px 6px 6px;
    white-space: nowrap;
}

.genericForm a.primaryCTA:hover,.genericForm a.primaryCTA:focus {
    text-decoration: none;
}

.genericForm .backCTA,.genericForm .forwardCTA {
    background: url(../images/sprite-arrows.png) no-repeat 0 -202px;
    color: #0086d3;
    float: left;
    margin-top: 4px;
    padding-left: 20px;
}

.genericForm .forwardCTA {
    background-position: 100% -244px;
    float: none;
    padding-left: 0;
    padding-right: 25px;
}

.genericForm .search input {
    background: url(../images/button-bg.png) repeat-x;
    border: none;
    color: #fff;
    cursor: pointer;
    float: right;
    font-family: 'InterstateMazdaLight';
    font-size: 15px;
    font-weight: bold;
    left: 0;
    line-height: 1.3;
    padding: 2px 5px 3px;
    position: relative;
    top: -3px;
    width: auto;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.genericForm .dealerSearchBtn.formRow .search input {
    top: 0;
}

.genericForm #mapDiv {
    height: 490px;
    margin: 0 24px;
    position: relative;
    width: 912px;
}

.genericForm .fieldBox {
    background-color: #c4d1d9;
    padding: 12px;
    margin-bottom: 12px;
}

.genericForm .alpha .fieldBox {
    margin-left: 24px;
}

.genericForm .omega .fieldBox {
    margin-right: 24px;
    overflow: hidden;
}

.genericForm .fieldBox.fieldList {
    background-color: #edf3f5;
    margin-bottom: 0;
}

.genericForm .fieldBox.fieldList.mb12 {
    margin-bottom: 12px;
}

.genericForm .fieldBox.fieldList.mb24 {
    margin-bottom: 24px;
}

.genericForm .hasDivider {
    padding: 0;
}

.genericForm .hasDivider h4 {
    border-bottom: 1px solid #d6dee3;
    padding: 26px 16px 8px;
}

.genericForm .hasDivider .dealerSummary {
    position: relative;
}

.genericForm .hasDivider .dealerSummary .change {
    position: absolute;
    right: 15px;
    top: 9px;
}

.genericForm .hasDivider .modelSummary {
    display: none;
    position: relative;
}

.genericForm .hasDivider .modelSummary .choices div {
    overflow: hidden;
    padding: 5px 16px 20px;
}

.genericForm .hasDivider .modelSummary .choices div p {
    float: left;
    font-family: 'InterstateMazdaLight';
    font-size: 15px;
    font-weight: bold;
}

.genericForm .hasDivider .modelSummary .choices div img {
    float: right;
}

.genericForm .hasDivider .modelSummary .choices div .brochures {
    background-color: #e3ebf0;
    clear: both;
    float: left;
    margin: 12px -8px -12px;
    padding: 0 8px 0;
    width: 100%;
}

.genericForm .hasDivider .modelSummary .choices div .brochures a {
    color: #0086d3;
    display: block;
    font-size: 15px;
    margin: 4px 0 3px;
}

.genericForm .hasDivider .modelSummary .change {
    position: absolute;
    right: 15px;
    top: 9px;
}

.genericForm .brochureDownload {
    display: none;
}

.genericForm .dealerSearchFieldset h4 {
    display: none;
}

.genericForm .dealerSearchFieldset .formRow label {
    width: 155px;
}

.genericForm .dealerSearchFieldset .formRow acronym {
    left: 173px;
}

.genericForm .dealerSearchFieldset .formRow input,.genericForm .dealerSearchFieldset .formRow select {
    left: 185px;
}

.genericForm .dealerSearchFieldset .formRow .dealerSearchBtn input {
    left: 0;
}

.genericForm #summaryArea {
    margin-bottom: 24px;
}

.genericForm #summaryArea .dealerSearchFieldset h4 {
    display: block;
    padding: 6px 0;
}

.genericForm #summaryArea .formRow {
    padding: 6px 0;
}

.genericForm #summaryArea .formRow label {
    float: none;
    padding-bottom: 3px;
    text-align: left;
    width: auto;
}

.genericForm #summaryArea .formRow input,.genericForm #summaryArea .formRow select {
    position: static;
}

.genericForm #summaryArea .formRow .search input {
    float: none;
}

.genericForm #summaryArea .dealerSearch {
    padding-bottom: 0;
}

.genericForm #summaryDealerArea {
    margin-bottom: 24px;
}

.genericForm #summaryDealerArea .dealerSearchFieldset h4 {
    display: block;
    padding: 6px 0;
}

.genericForm #summaryDealerArea .formRow {
    padding: 6px 0;
}

.genericForm #summaryDealerArea .formRow label {
    float: none;
    padding-bottom: 3px;
    text-align: left;
    width: auto;
}

.genericForm #summaryDealerArea .formRow input,.genericForm #summaryDealerArea .formRow select {
    position: static;
}

.genericForm #summaryDealerArea .formRow .search input {
    float: none;
}

.genericForm #summaryDealerArea .dealerSearch {
    padding-bottom: 0;
}

.genericForm .dealerServiceLegend h4 {
    margin-bottom: 10px;
}

.genericForm .dealerLocator {
    margin-left: -12px;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
}

.genericForm .chooseDealer,.genericForm .resultCount {
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
}

.genericForm .resultCount strong {
    font-weight: normal;
}

.genericForm .js-links {
    float: right;
}

.genericForm .js-links a {
    background: url(../images/blue-printer.png) no-repeat;
    color: #0086d3;
    display: block;
    padding: 1px 0 1px 23px;
}

.genericForm .resultsHeading {
    background: url(../images/results-stub.png) no-repeat 578px 100%;
    padding-bottom: 10px;
}

.genericForm .resultsHeading strong {
    display: block;
    float: left;
    font-weight: normal;
    padding: 6px 12px;
}

.genericForm .resultsHeading span {
    background-color: #c4d1d9;
    display: block;
    padding: 6px 12px;
    text-align: right;
}

.genericForm .results li {
    background-color: #edf3f5;
    margin: 0 0 12px;
    overflow: hidden;
    padding: 12px 12px 12px 55px;
    position: relative;
}

.genericForm .results li h3,.genericForm .results li address {
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    font-style: normal;
}

.genericForm .results li h3 {
    margin-bottom: 12px;
}

.genericForm .results li em {
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
}

.genericForm .results li a {
    color: #333;
}

.genericForm .results li .marker {
    left: 12px;
    position: absolute;
    top: 12px;
}

.genericForm .results li .marker img {
    display: block;
}

.genericForm .results li .dealer {
    float: left;
    width: 60%;
}

.genericForm .results li .printFriendlyDetails {
    display: none;
}

.genericForm .results li .services {
    margin-top: 10px;
}

.genericForm .results li input {
    left: auto;
    right: 24px;
    top: 50px;
    width: auto;
}

.genericForm .results li .dealerLocatorLinks {
    float: right;
    margin-top: -3px;
    width: 35%;
}

.genericForm .results li .dealerLocatorLinks li {
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.genericForm .results li .dealerLocatorLinks li a {
    color: #0086d3;
}

.genericForm .results li.dealer_result:hover,.genericForm .results li.dealer_result.selected {
    background-color: #f4f7f9;
}

.genericForm .results li:last-child {
    margin-bottom: 0;
}

.genericForm .chosenModels h3,.genericForm .dealerDetails h3,.genericForm .summaryDirections h3 {
    border-bottom: 1px solid #ced8df;
    font-family: 'InterstateMazdaLight';
    font-size: 17px;
    padding-bottom: 12px;
}

.genericForm .chosenModels h4,.genericForm .dealerDetails h4,.genericForm .summaryDirections h4 {
    margin: 12px 0;
}

.genericForm .chosenModels .models li {
    border-bottom: 1px solid #ced8df;
}

.genericForm .chosenModels .models li img {
    float: right;
}

.genericForm .chosenModels .models li ul {
    margin-bottom: 12px;
}

.genericForm .chosenModels .models li ul li {
    border-bottom: none;
    margin: 6px 0;
}

.genericForm .chosenModels .models li:last-child {
    border-bottom: none;
}

.genericForm .dealerDetails address,.genericForm .dealerDetails .services {
    clear: left;
    float: left;
    font-family: 'InterstateMazdaRegular';
    font-style: normal;
    margin: 0 0 12px;
    padding-right: 10px;
    width: 270px;
}

.genericForm .dealerDetails .contactInfo {
    overflow: hidden;
}

.genericForm .dealerDetails .contactInfo li {
    font-family: 'InterstateMazdaRegular';
    margin: 0 0 3px;
}

.genericForm .dealerDetails .contactInfo li a {
    color: #0086d3;
}

.genericForm .dealerDetails .cta {
    clear: both;
    margin-bottom: 36px;
}

.genericForm .dealerDetails .cta li {
    margin-bottom: 3px;
}

.genericForm .dealerDetails .cta a {
    color: #0086d3;
    padding-bottom: 2px;
    padding-left: 24px;
}

.genericForm .dealerDetails .cta .directions {
    background: url(../images/blue-directions.png) no-repeat;
}

.genericForm .dealerDetails .cta .testDrive {
    background: url(../images/icons/testdrive.gif) no-repeat;
}

.genericForm .dealerDetails table {
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.genericForm .dealerDetails table tr:first-child {
    border-bottom: 1px solid #999;
    border-top: none;
}

.genericForm .dealerDetails table tr {
    border-top: 1px solid #ccc;
}

.genericForm .dealerDetails table th {
    font-family: 'InterstateMazdaLight';
    font-size: 15px;
}

.genericForm .dealerDetails table th,.genericForm .dealerDetails table td {
    color: #333;
    padding: 5px 10px;
    text-align: left;
}

.genericForm .dealerDetails table td {
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
}

.genericForm #dealerdirections h3 {
    display: none;
}

.genericForm .summaryDirections {
    margin-left: 0!important;
}

.genericForm .summaryDirections h3 {
    margin: 0 12px;
    padding-left: 0;
    padding-right: 0;
}

.genericForm .summaryDirections h4 {
    display: none;
}

.genericForm .summaryDirections .directionJourney li {
    margin-bottom: 24px;
    padding: 0 0 24px 48px;
}

.genericForm .summaryDirections .directionJourney li span {
    float: left;
    font-family: 'InterstateMazdaLight';
    font-size: 15px;
    font-weight: bold;
}

.genericForm .summaryDirections .directionJourney li label {
    float: none;
    width: 180px;
}

.genericForm .summaryDirections .directionJourney li label b {
    font-weight: normal;
}

.genericForm .summaryDirections .directionJourney li input {
    left: 254px;
}

.genericForm .summaryDirections .directionJourney .to {
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
}

.genericForm .summaryDirections .directionJourney .to h4 {
    clear: none;
    display: block;
    margin-bottom: 6px;
    text-align: right;
    width: 180px;
}

.genericForm .summaryDirections .directionJourney .to address {
    display: block;
    font-family: 'InterstateMazdaRegular';
    font-style: normal;
    text-align: right;
    width: 180px;
}

.genericForm .summaryDirections .directionJourney .to a {
    color: #0086d3;
    left: 245px;
    position: absolute;
    top: 0;
}

.genericForm .summaryDirections .directionOptions h4 {
    display: block;
    text-align: right;
    width: 228px;
}

.genericForm .summaryDirections .directionOptions ul {
    top: 23px!important;
}

.genericForm .summaryDirections .directionOptions input {
    top: 1px!important;
}

.genericForm .summaryDirections .directionActions {
    margin-bottom: 12px;
    overflow: visible;
}

.genericForm .summaryDirections .directionActions input {
    top: 1px!important;
}

.genericForm .summaryDirections .options ul {
    left: 257px;
    position: absolute;
    top: 4px;
}

.genericForm .summaryDirections .options ul li {
    float: left;
    margin-right: 20px;
    position: relative;
}

.genericForm .summaryDirections .options ul li label {
    padding-left: 24px;
    width: auto;
}

.genericForm .summaryDirections .directionSearch input {
    float: none;
    left: 245px;
    top: 0;
}

.genericForm .grid-4 .summaryDirections {
    margin-left: 24px!important;
    margin-top: 24px;
}

.genericForm .grid-4 .summaryDirections h3,.genericForm .grid-4 .summaryDirections p {
    display: none;
}

.genericForm .grid-4 .summaryDirections h4.formRow {
    display: block;
    margin: 0 0 6px;
    padding: 0;
}

.genericForm .grid-4 .summaryDirections .formRow {
    padding: 6px 0;
}

.genericForm .grid-4 .summaryDirections .directionJourney .from {
    margin-bottom: 0;
    padding-bottom: 12px;
}

.genericForm .grid-4 .summaryDirections .directionJourney .from span {
    float: none;
}

.genericForm .grid-4 .summaryDirections .directionJourney .to {
    padding-bottom: 18px;
}

.genericForm .grid-4 .summaryDirections .directionJourney .to span {
    margin-right: 3px;
}

.genericForm .grid-4 .summaryDirections .directionJourney .to h4 {
    margin-bottom: 3px;
    text-align: left;
}

.genericForm .grid-4 .summaryDirections .directionJourney .to address {
    display: none;
}

.genericForm .grid-4 .summaryDirections .directionJourney .to a {
    position: static;
}

.genericForm .grid-4 .summaryDirections .directionJourney li span {
    display: block;
    margin-bottom: 3px;
}

.genericForm .grid-4 .summaryDirections .directionJourney li label {
    margin-bottom: 3px;
    position: static;
    text-align: left;
    width: auto;
}

.genericForm .grid-4 .summaryDirections .directionJourney li input {
    position: static;
    width: auto;
}

.genericForm .grid-4 .summaryDirections .options ul {
    margin-left: 45px;
    overflow: hidden;
    position: static;
}

.genericForm .grid-4 .summaryDirections .options ul li {
    margin-bottom: 2px;
    margin-right: 0;
}

.genericForm .grid-4 .summaryDirections .options ul li label {
    text-align: left;
    width: 180px;
}

.genericForm .grid-4 .summaryDirections .directionOptions h4 {
    margin: 0 0 6px 48px;
    text-align: left;
    width: auto;
}

.genericForm .grid-4 .summaryDirections .directionActions {
    margin: 0;
}

.genericForm .grid-4 .summaryDirections .directionSearch {
    padding-bottom: 0;
    padding-top: 12px;
}

.genericForm .grid-4 .summaryDirections .directionSearch input {
    left: 49px;
}

.genericForm .deliveryDetailsTitle {
    border-bottom: 1px solid #ced8df;
    font-family: 'InterstateMazdaLight';
    font-size: 17px;
    padding-bottom: 12px;
}

.genericForm .multiselect {
    height: 142px;
    overflow: auto;
    position: relative;
    left: 14px;
    margin-right: 4px;
    width: 212px;
}

.genericForm .multiselect ul li {
    position: relative;
}

.genericForm .multiselect ul li label {
    float: none;
    text-align: left;
    padding-left: 8px;
    display: inline;
}

.genericForm .multiselect ul li input {
    position: static;
    width: auto;
    left: 0;
    top: 1px;
}

.genericForm div.applyfor {
    color: #555;
    font-family: 'InterstateMazdaRegular',Helvetica,Arial,sans-serif;
    font-size: 1.25em;
}

.genericForm .fileBrowser {
    font-size: .8em!important;
    height: 1.9em;
    line-height: 1;
    padding: 0!important;
    top: 8px!important;
}

.genericForm .MultiFile-list {
    padding-left: 200px;
    padding-top: 25px;
}

.ie7 .genericForm .hasDivider .modelSummary .choices div .brochures {
    margin-top: 40px;
}

.ie7 .genericForm .visualModelSelector label span {
    padding-top: 3px;
}

.ie7 .genericForm .search input,.ie8 .genericForm .search input {
    line-height: 1;
    top: -2px;
    width: 140px;
}

#da-DK .ie7 .DealerLocator .search input,#da-DK .ie8 .DealerLocator .search input {
    width: 165px;
}

#de-DE .ie7 .genericForm .dealerServices .formRow select {
    font-size: 13px!important;
}

.ie8 .genericForm .visualModelSelector label span {
    padding-top: 2px;
}

#de-DE .ie8 .genericForm .dealerServices .formRow select {
    font-size: 13px!important;
}

.ie9 .genericForm .visualModelSelector label span {
    padding-top: 2px;
}

.DealerLocator #mapDiv {
    background-color: #999;
}

.DealerLocator #dealerdirections {
    display: none;
    margin-bottom: 12px;
    margin-top: 24px;
}

.DealerLocator .dealerDetails .cta {
    margin-bottom: 0;
}

.DealerLocator .secondaryAction {
    padding: 0 24px 24px;
}

.DealerLocator .secondaryAction a {
    background: url(../images/sprite-arrows.png) no-repeat 0 -202px;
    padding-left: 20px;
}

.ComingSoon .visualModelSelector .validation_msg {
    margin: 0 0 12px 0;
}

.ComingSoon .tandc {
    padding: 0 12px;
}

.FleetContactUs .formRow.options ul {
    left: 18px;
    position: relative;
}

.FleetContactUs .formRow.options ul li {
    float: none;
    margin-bottom: 4px;
}

.FleetContactUs .formRow.options ul li label {
    float: none;
    text-align: left;
}

.FleetContactUs .formRow.userJourney ul {
    left: 205px;
    position: absolute;
}

.FleetContactUs .formRow.userJourney ul li {
    float: left;
    margin-bottom: 0;
}

.FleetContactUs .formRow.userJourney ul li label {
    float: left;
    text-align: right;
}

.services {
    overflow: hidden;
}

.services li,.genericForm .results .services li {
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    height: auto;
    margin: 2px 0;
    padding: 0 0 0 24px;
    position: relative;
}

.services li span,.genericForm .results .services li span,.dealer .services li {
    background: url(../images/icons/services/service_icon_sprite.png) no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
    position: absolute;
    top: 0;
    left: 0;
}

.services .motability span,.dealer .services li.motability {
    background-position: 0 0!important;
}

.services .mazdastore span,.dealer .services li.mazdastore {
    background-position: 0 -20px!important;
}

.services .mpsspecialists span,.dealer .services li.mpsspecialists {
    background-position: 0 -40px!important;
}

.services .parts span,.dealer .services li.parts {
    background-position: 0 -60px!important;
}

.services .sales span,.dealer .services li.sales {
    background-position: 0 -80px!important;
}

.services .service span,.dealer .services li.service {
    background-position: 0 -100px!important;
}

.services .testdrive span,.dealer .services li.testdrive {
    background-position: 0 -120px!important;
}

.services .zzapprovedused span,.services .zzapproved span,.dealer .services li.zzapprovedused,.dealer .services li.zzapproved {
    background-position: 0 -140px!important;
}

.services .authorisedrepairers span,.dealer .services li.authorisedrepairers {
    background-position: 0 -160px!important;
}

.infobox .services {
    margin: 5px -4px 5px 0;
}

.genericForm .results .services li,.infobox .services li,.dealerDetails .services li {
    float: left;
    margin-right: 4px;
    padding: 0;
    width: 16px;
}

.infobox {
    background-color: #fff;
    border: 5px solid #572b85;
    color: #000;
    min-height: 100px;
    padding: 15px;
    min-width: 286px;
}

.infobox span {
    display: block;
    font-family: 'InterstateMazdaRegular';
    font-size: 16px;
    white-space: nowrap;
}

.infobox .actions {
    margin-top: 16px;
    overflow: hidden;
}

.infobox .forwardCTA {
    background: url(../images/sprite-arrows.png) no-repeat 100% -244px;
    clear: both;
    font-size: 16px;
    float: left;
    margin-top: 4px;
    padding-left: 0;
    padding-right: 25px;
}

.infobox .infoboxName {
    font-weight: bold;
    margin-bottom: 2px;
}

.infobox .infoboxAddress {
    margin-bottom: 16px;
}

.infobox a {
    color: #0086d3;
}

.infobox .close {
    background-color: #e3ebf0;
    color: #0086d3;
    font-size: 16px;
    height: 16px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 20px;
    width: 16px;
}

.formRow.hasError {
    background-color: #b32d2e;
    margin-bottom: -4px;
    padding-bottom: 16px;
}

.formRow.hasError label,.formRow.hasError .validation_msg,.formRow.hasError acronym,.formRow.hasError a {
    color: #fff!important;
}

.formRow.hasError.dealerLocator {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 24px;
    padding: 0;
}

.formRow.hasError.dealerLocator .validation_msg {
    margin: 15px;
    padding-bottom: 0;
    width: auto;
}

.validation_msg {
    color: #b32d2e!important;
    float: left;
    font-family: 'InterstateMazdaItalic';
    font-size: 15px;
    margin: 23px 0 -20px 20px;
    padding-bottom: 10px;
    width: 300px;
}

.optin .validation_msg {
    margin: 5px 0 0 195px;
}

.visualModelSelector.hasError {
    background-color: transparent;
    margin-bottom: 0;
    padding-bottom: 12px;
}

.visualModelSelector.hasError label {
    color: #333!important;
}

.visualModelSelector.hasError .validation_msg {
    color: #b32d2e!important;
}

.visualModelSelector .validation_msg {
    font-size: 16px;
    margin: 0 0 12px;
}

.comments .validation_msg {
    margin: -2px 0 -14px 195px;
}

.FleetContactUs .options .validation_msg {
    margin: 3px 0 -14px 195px;
}

.errorSummary {
    color: #b32d2e!important;
}

.errorSummary ul {
    list-style-type: disc;
    margin-bottom: 12px;
    margin-left: 36px;
    margin-top: 12px;
}

.errorSummary ul li {
    font-family: InterstateMazdaItalic;
}

.errorSummary ul li a {
    color: #b32d2e;
    font-family: InterstateMazdaItalic;
}

.noResults p {
    color: #b32d2e;
    font-family: 'InterstateMazdaItalic';
    font-size: 16px;
}

#cover {
    background: url(../images/ajax-loader.gif) no-repeat 50% 25% #e3ebf0;
    height: 100%;
    left: 0;
    opacity: .97;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.MicrosoftMap .dd_tripSummary {
    font-size: 16px!important;
}

.MicrosoftMap .dd_directionStepLetter {
    font-family: 'InterstateMazdaRegular'!important;
    font-size: 20px!important;
}

.MicrosoftMap .dd_waypoint .dd_waypointDisplayText {
    font-family: 'InterstateMazdaRegular'!important;
    font-size: 14px!important;
}

.MicrosoftMap .dd_waypoint .dd_waypointDisplayText div {
    font-family: 'InterstateMazdaRegular'!important;
}

.MicrosoftMap .dd_itinerary .dd_instruction {
    font-family: 'InterstateMazdaRegular'!important;
    font-size: 14px!important;
}

.MicrosoftMap .dd_itinerary .dd_instruction div {
    font-family: 'InterstateMazdaRegular'!important;
}

.MicrosoftMap .dd_itinerary .dd_distance {
    font-family: 'InterstateMazdaRegular'!important;
    font-size: 14px!important;
}

.MicrosoftMap .dd_itinerary .dd_intersectionHint {
    font-size: 13px!important;
}

.MicrosoftMap .dd_itinerary .dd_annotationList li {
    font-size: 14px!important;
}

.MicrosoftMap.dd_route .dd_viapointText {
    font-size: 14px!important;
    font-style: normal!important;
}

.MicrosoftMap.dd_route .dd_viapointItemContainer a {
    color: #0086d3!important;
    font-size: 14px!important;
}

.MicrosoftMap .dd_routeRootSummaryb2b {
    background-color: #c4d1d9!important;
    padding: 3px 12px 0!important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.hiddenFormAction,.dealerLocator acronym,.printFriendly {
    display: none;
}

.BrochureDownload .formAction {
    display: none;
}

.test-drive-v2 #mapDiv,.test-drive-v2 #mapDiv .MicrosoftMap .MicrosoftNav,.test-drive-v2 .genericForm .results li .select_dealer,.test-drive-v2 .hiddenFormAction .primaryCTA {
    display: none;
}

.test-drive-v2 #mapContainer {
    height: 280px;
    margin: 0 24px 24px;
    position: relative;
    width: 280px;
    z-index: 1;
}

.test-drive-v2 #mapContainer #mapDiv {
    display: block;
    height: 280px;
    margin: 0;
    position: absolute;
    width: 280px;
    z-index: 2;
}

.test-drive-v2 #mapDiv .map-resizer {
    background: url(../images/icons/map-expand.png) no-repeat 0 0;
    display: block;
    height: 23px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    z-index: 3;
}

.test-drive-v2 .expanded #mapDiv .map-resizer {
    background-image: url(../images/icons/map-collapse.png);
}

.test-drive-v2 #mapDiv .map-resizer:focus {
    outline: none;
}

.test-drive-v2 #mapContainer .overlay {
    background-color: #e3ebf0;
    height: 0;
    position: absolute;
    width: 912px;
    z-index: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    opacity: .75;
}

.MicrosoftMap .MapPushpinBase {
    cursor: pointer!important;
}

.test-drive-v2 .genericForm .results li.dealer_result {
    background-image: url(../images/icons/dealer-select-chevron.png);
    background-position: 96% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
}

.test-drive-v2 .hiddenFormAction .backCTA {
    margin-bottom: 24px;
}

.test-drive-v2 #limitButton {
    display: none;
    float: right;
    margin-right: 24px;
}

.test-drive-v2 #limitButton span {
    background: url(../images/button-bg.png) repeat-x;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: 'InterstateMazdaLight';
    font-size: 16px;
    font-weight: bold;
    padding: 4px 8px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.test-drive-v2 .infobox .services {
    margin: 16px 0 -6px;
}

.test-drive-v2 .infobox .services li {
    height: 16px;
}

.test-drive-v2 .ie7 .dealerServiceLegend,.ie7 .test-drive-v2 .dealerServiceLegend,.test-drive-v2 .ie7 #rightBlock,.ie7 .test-drive-v2 #rightBlock {
    position: relative;
}

.test-drive-v2 .ie7 .hiddenFormAction,.ie7 .test-drive-v2 .hiddenFormAction {
    float: none;
    position: relative;
    top: -24px;
}

.reevoomark_badge {
    float: right;
    margin-left: 22px;
}

.genericForm .formRow input.dealerButton {
    color: #fff;
    border: 0;
    margin: 6px 12px 6px 12px;
    padding: 5px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #56afe1;
    background: -moz-linear-gradient(top,#56afe1 0%,#118ed5 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#56afe1),to(#118ed5));
    background: -o-gradient(#56afe1,#118ed5);
    background: -ms-linear-gradient(top,#56afe1,#118ed5);
}

[data-module-type~="system-layout"] {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-color: #e3ebf0;
    padding: 45px 0 0 0;
}

[data-module-type~="system-layout"] .row_content {
    max-width: 960px;
}

[data-module-type~="system-layout"] h2 {
    font-size: 25px;
    color: #666;
    font-weight: bold;
    margin-bottom: 25px;
    padding-left: 7px;
}

[data-module-type~="system-layout"] h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
    padding-left: 6px;
}

[data-module-type~="system-layout"] h3 span {
    margin-right: 10px;
    font-size: 24px;
    color: #cad6de;
}

[data-module-type~="system-layout"] h3 span .arrow_right {
    background-position: 0 460px;
}

[data-module-type~="system-layout"] .select-vehicle {
    clear: both;
    width: 100%;
}

[data-module-type~="system-layout"] .select-vehicle legend {
    display: none;
}

[data-module-type~="system-layout"] .select-vehicle ul {
    margin-left: -15px;
}

[data-module-type~="system-layout"] .select-vehicle ul li {
    display: block;
    width: 23%;
    float: left;
    margin-left: 2%;
    margin-bottom: 10px;
    cursor: pointer;
}

[data-module-type~="system-layout"] .select-vehicle ul li label {
    display: block;
    position: relative;
    padding: 15px 5px;
    overflow: hidden;
    background-color: #d8e3ea;
    cursor: pointer;
}

[data-module-type~="system-layout"] .select-vehicle ul li label span {
    display: block;
    float: left;
    font-size: 14px;
    font-family: InterstateMazdaLight;
    font-weight: bold;
    color: #0086d3;
    margin-top: 2px;
}

[data-module-type~="system-layout"] .select-vehicle ul li label input {
    display: block;
    float: left;
}

[data-module-type~="system-layout"] .select-vehicle ul li label img {
    position: absolute;
    width: 70px;
    right: 6%;
    top: 22%;
}

[data-module-type~="system-layout"] .select-vehicle ul li label.select {
    background-color: #f3f7f8;
}

[data-module-type~="system-layout"] .select-vehicle select {
    padding: 5px;
    margin-left: 5px;
    width: 97%;
}

[data-module-type~="system-layout"] .support-device {
    clear: both;
    padding-right: 20px;
    margin-bottom: 40px;
}

[data-module-type~="system-layout"] .support-device section {
    display: block;
}

[data-module-type~="system-layout"] .support-device section p {
    margin-bottom: 25px;
}

[data-module-type~="system-layout"] .support-device section ul {
    width: 100%;
    border-top: 1px solid #c3c3c3;
    margin-bottom: 30px;
}

[data-module-type~="system-layout"] .support-device section ul li {
    overflow: hidden;
    width: auto;
    padding: 10px 15px;
    background-color: #fff;
    border-bottom: 1px solid #c3c3c3;
}

[data-module-type~="system-layout"] .support-device section ul li h4 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    padding-top: 5px;
    margin-right: 10px;
}

[data-module-type~="system-layout"] .support-device section ul li span {
    display: block;
    float: left;
    font-size: 14px;
    margin-top: 8px;
}

[data-module-type~="system-layout"] .support-device section ul li div {
    float: right;
    margin: 0;
}

[data-module-type~="system-layout"] .support-device section ul li div h5 {
    color: #000;
    font-size: 18px;
    font-family: 'InterstateMazdaRegular';
    padding: 5px 0;
}

[data-module-type~="system-layout"] .support-device section ul li div a {
    display: block;
    width: 100px;
    float: left;
    color: #fff;
    font-size: 14px;
    padding: 8px 75px 8px 15px;
    margin-right: 5px;
}

[data-module-type~="system-layout"] .support-device section ul li div span {
    display: block;
    float: right;
    width: 15px;
    height: 15px;
    padding-right: 8px;
    margin-top: 8px;
    background: transparent url('../images/sprite-arrows.png') no-repeat 0 -458px;
}

[data-module-type~="system-layout"] .support-device section ul li .more-info {
    clear: both;
    float: left;
    width: 65%;
}

[data-module-type~="navigator-system"] .navigator-system {
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
}

[data-module-type~="navigator-system"] .navigator-system [data-model] {
    position: relative;
}

[data-module-type~="navigator-system"] .navigator-system [data-model] ul {
    clear: both;
    float: left;
    margin-left: -12px;
}

[data-module-type~="navigator-system"] .navigator-system [data-model] ul li {
    width: 227px;
    overflow: hidden;
    float: left;
    background-color: #d8e3ea;
    min-height: 255px;
    margin-bottom: 10px;
    margin-left: 16px;
}

[data-module-type~="navigator-system"] .navigator-system [data-model] ul li a {
    display: block;
    margin: 0 auto;
    padding: 15px 5%;
}

[data-module-type~="navigator-system"] .navigator-system [data-model] ul li a .nav-dateStamp {
    width: 100%;
    height: 47px;
    overflow: hidden;
    margin-bottom: 10px;
}

[data-module-type~="navigator-system"] .navigator-system [data-model] ul li a .nav-dateStamp h4 {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    margin-bottom: 0;
}

[data-module-type~="navigator-system"] .navigator-system [data-model] ul li a .nav-dateStamp p {
    font-size: 15px;
    color: #0086d3;
    font-weight: bold;
}

[data-module-type~="navigator-system"] .navigator-system [data-model] ul li a img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border: none;
    text-align: center;
    margin-bottom: 10px;
}

[data-module-type~="navigator-system"] .navigator-system [data-model] ul li a .nav-system {
    width: 100%;
    height: 35px;
    overflow: hidden;
}

[data-module-type~="navigator-system"] .navigator-system [data-model] ul li a .nav-system p {
    font-size: 14px;
    font-weight: bold;
    color: #666672;
}

[data-module-type~="navigator-system"] .navigator-system [data-model] ul li.select {
    background-color: #f3f7f8;
}

[data-module-type~="navigator-system"] .support-device section {
    display: block;
}

[data-module-type~="navigator-system"] .support-device section p {
    width: 75%;
    margin-bottom: 25px;
}

[data-module-type~="navigator-system"] .support-device section ul {
    width: 100%;
    border-top: 1px solid #c3c3c3;
    margin-bottom: 30px;
}

[data-module-type~="navigator-system"] .support-device section ul li {
    overflow: hidden;
    width: auto;
    padding: 10px 15px;
    background-color: #fff;
    border-bottom: 1px solid #c3c3c3;
}

[data-module-type~="navigator-system"] .support-device section ul li h4 {
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    padding-bottom: 10px;
    padding-top: 5px;
}

[data-module-type~="navigator-system"] .support-device section ul li div {
    float: right;
    margin: 0;
}

[data-module-type~="navigator-system"] .support-device section ul li div a {
    display: block;
    float: left;
    color: #fff;
    font-size: 14px;
    padding: 8px 75px 8px 15px;
    margin-right: 5px;
}

[data-module-type~="navigator-system"] .support-device section ul li div span {
    display: block;
    float: right;
    width: 15px;
    height: 15px;
    padding-right: 8px;
    margin-top: 8px;
    background: transparent url('../images/sprite-arrows.png') no-repeat 0 -458px;
}

[data-module-type~="bluetooth-system"] {
    padding-bottom: 15px;
}

[data-module-type~="bluetooth-system"] .filter-device {
    width: 100%;
}

[data-module-type~="bluetooth-system"] .filter-device ul {
    display: block;
    margin-left: -1%;
}

[data-module-type~="bluetooth-system"] .filter-device ul li {
    width: 49%;
    overflow: hidden;
    float: left;
    margin-left: 1%;
    margin-bottom: 10px;
}

[data-module-type~="bluetooth-system"] .filter-device ul li a {
    display: block;
    height: 50px;
    overflow: hidden;
    background-color: #d8e3ea;
    padding: 20px;
}

[data-module-type~="bluetooth-system"] .filter-device ul li a span {
    font-family: InterstateMazdaLight;
    color: #0086d3;
    font-size: 14px;
    font-weight: bold;
}

[data-module-type~="bluetooth-system"] .filter-device ul li a.select {
    background-color: #f3f7f8;
}

[data-module-type~="bluetooth-system"] .select-vehicle {
    display: none;
}

[data-module-type~="bluetooth-system"] .select-vehicle [data-filter] {
    display: block;
}

[data-module-type~="bluetooth-system"] .select-vehicle [data-filter] ul {
    display: block;
}

[data-module-type~="bluetooth-system"] .select-vehicle [data-filter] ul li label.select {
    background-color: #f3f7f8;
}

[data-module-type~="bluetooth-system"] .support-device {
    display: none;
    padding-right: 0;
}

[data-module-type~="bluetooth-system"] .support-device p {
    margin-bottom: 25px;
}

#mobile-accordion [data-module-type~='system-layout'] {
    padding: 10px;
}

@media only screen and (max-width:767px) {
[    data-module-type~="system-layout"] .row_content {
        width: auto;
    }[    data-module-type~="system-layout"] h3 {
        margin-bottom: 30px;
    }[    data-module-type~="system-layout"] h3 span {
        display: none;
    }[    data-module-type~="system-layout"] .filter-device ul {
        margin: 0;
        width: 100%;
        margin-left: 2%;
    }[    data-module-type~="system-layout"] .filter-device ul li {
        width: 41%;
        margin-left: 1%;
    }[    data-module-type~="system-layout"] .select-vehicle {
        margin-bottom: 30px;
    }[    data-module-type~="system-layout"] .select-vehicle h3 span {
        display: none;
    }[    data-module-type~="system-layout"] .support-device section p {
        width: auto;
    }[    data-module-type~="system-layout"] .support-device section ul li div {
        width: 100%;
        clear: both;
        float: left;
        padding: 0;
    }[    data-module-type~="system-layout"] .support-device section ul li div a {
        width: 65%;
    }[    data-module-type~="system-layout"] .support-device section ul li .more-info {
        width: 100%;
    }[    data-module-type~="system-layout"] .support-device h3 span {
        display: none;
    }[    data-module-type~="navigator-system"] {
        max-width: 100%;
        width: auto;
        padding: 20px;
    }[    data-module-type~="navigator-system"] .select-vehicle select {
        width: 97%;
    }[    data-module-type~="navigator-system"] .select-vehicle ul {
        max-width: 100%;
        margin-left: -6px;
    }[    data-module-type~="navigator-system"] .select-vehicle ul li {
        width: 45%;
        margin-left: 12px;
    }[    data-module-type~="navigator-system"] .navigator-system {
        margin-bottom: 30px;
    }[    data-module-type~="navigator-system"] .navigator-system [data-model] ul {
        margin-left: -6px;
        width: 100%;
    }[    data-module-type~="navigator-system"] .navigator-system [data-model] ul li {
        width: 47%;
        margin-left: 15px;
    }[    data-module-type~="navigator-system"] .navigator-system h3 span {
        display: none;
    }[    data-module-type~="navigator-system"] .support-system section ul li h4 {
        width: 50%;
        margin-bottom: 10px;
    }[    data-module-type~="navigator-system"] .support-system section ul li div {
        clear: none;
    }[    data-module-type~="navigator-system"] .select-vehicle.target {
        display: block;
    }[    data-module-type~="bluetooth-system"] {
        width: auto;
        padding: 10px 15px;
        margin-left: 0;
    }[    data-module-type~="bluetooth-system"] .filter-device ul {
        margin: 0;
    }[    data-module-type~="bluetooth-system"] .filter-device ul li {
        width: 98%;
        margin-right: 2%;
        margin-left: 0;
    }[    data-module-type~="bluetooth-system"] .filter-device ul li a {
        height: auto;
    }[    data-module-type~="bluetooth-system"] .select-vehicle [data-filter] ul {
        margin-left: -3%;
    }[    data-module-type~="bluetooth-system"] .select-vehicle [data-filter] ul li {
        width: 98%;
        margin-left: 3%;
    }[    data-module-type~="bluetooth-system"] .select-vehicle [data-filter] select {
        display: block;
    }[    data-module-type~="bluetooth-system"] .select-vehicle.select {
        display: block;
    }[    data-module-type~="bluetooth-system"] .support-device div ul {
        display: none;
    }[    data-module-type~="bluetooth-system"] .support-device div ul li .more-info {
        padding: 0;
    };
}

@media only screen and (max-width:560px) {
[    data-module-type~="system-layout"] .select-vehicle ul {
        margin-left: 0;
        margin: 0 auto;
    }[    data-module-type~="system-layout"] .select-vehicle ul li {
        clear: both;
        width: 100%;
        margin-left: 0;
    }[    data-module-type~="system-layout"] .select-vehicle ul li label img {
        padding-right: 10px;
    }[    data-module-type~="system-layout"] .navigator-system [data-model] ul {
        clear: none;
        float: none;
    }[    data-module-type~="system-layout"] .navigator-system [data-model] ul li {
        margin: 0 0 15px 0;
    }[    data-module-type~="system-layout"] .support-device {
        padding-right: 0;
    }[    data-module-type~="system-layout"] .support-device section ul li h4 {
        width: 100%;
        margin-bottom: 10px;
    }[    data-module-type~="system-layout"] .support-device section ul li div {
        width: 100%;
    }[    data-module-type~="system-layout"] .support-device section ul li div a {
        width: 50%;
    }[    data-module-type~="navigator-system"] {
        padding: 20px;
    }[    data-module-type~="navigator-system"] .select-vehicle ul {
        margin-left: 0;
        margin: 0 auto;
    }[    data-module-type~="navigator-system"] .select-vehicle ul li {
        clear: both;
        width: 100%;
        margin-left: 0;
    }[    data-module-type~="navigator-system"] .select-vehicle ul li label img {
        padding-right: 10px;
    }[    data-module-type~="navigator-system"] .navigator-system [data-model] ul li {
        width: 100%;
    }[    data-module-type~="navigator-system"] .support-system ul li h4 {
        width: 100%;
        margin-bottom: 10px;
    }[    data-module-type~="navigator-system"] .support-system ul li div {
        clear: both;
        float: left;
        width: 95%;
    }[    data-module-type~="bluetooth-system"] .filter-device ul li {
        width: auto;
        margin-right: 0;
        float: none;
    }[    data-module-type~="bluetooth-system"] .select-vehicle ul li {
        width: 100%;
        margin-left: 0;
    }[    data-module-type~="bluetooth-system"] .support-device [data-model] ul li h4 {
        margin-bottom: 0;
    }[    data-module-type~="bluetooth-system"] .support-device [data-model] ul li span {
        padding-bottom: 10px;
    }[    data-module-type~="bluetooth-system"] .support-device [data-model] ul li .more-info {
        width: 100%;
    }[    data-module-type~="bluetooth-system"] .support-device [data-model] ul li .more-info p {
        width: 100%;
        padding-bottom: 10px;
        margin: 0;
    }[    data-module-type~="bluetooth-system"] .support-device [data-model] ul li .bluebox span {
        padding-bottom: 0;
    };
}

@media only screen and (max-width:265px) {
[    data-module-type~="system-layout"] .navigator-system [data-model] ul li {
        width: 100%;
        margin-right: 0;
    }[    data-module-type~="system-layout"] .support-device section p {
        width: 100%;
    }[    data-module-type~="system-layout"] .support-device section ul li div a {
        padding: 8px 0 8px 15px;
    }[    data-module-type~="navigator-system"] .navigator-system ul li {
        clear: both;
        width: auto;
    }[    data-module-type~="navigator-system"] .navigator-system ul li div {
        width: auto;
    }[    data-module-type~="navigator-system"] .support-system ul li div {
        width: 90%;
    }[    data-module-type~="navigator-system"] .support-system ul li div a {
        padding: 8px 3% 8px 2%;
    }[    data-module-type~="navigator-system"] .support-system p {
        width: 100%;
    };
}

.ie7 .support-device li.more-info {
    width: 65%;
}

.ie7 .support-device section ul li div {
    width: 300px;
}

.ie7 .navigator-system section li {
    margin-left: 15px;
}

.ie7 .filter-device ul {
    margin-left: -2px;
    width: 100%;
}

.ie7 .select-vehicle ul {
    margin-left: -2px;
}

.ie7 .navigator-system section li a {
    padding: 5px;
}

.ie7 .navigator-system section li a img {
    width: auto;
}

.ie7 .support-device [data-model] ul li .bluebox {
    width: 250px;
}

.no-js [data-module-type~="navigator-system"] .select-vehicle ul {
    display: block;
}

.no-js [data-module-type~="navigator-system"] .navigator-system {
    display: block;
}

.no-js [data-module-type~="navigator-system"] .navigator-system [data-model] {
    display: block;
}

.no-js [data-module-type~="navigator-system"] .support-device {
    display: block;
}

.no-js [data-module-type~="navigator-system"] .support-device [data-system] {
    display: block;
}

.no-js [data-module-type~="bluetooth-system"] .select-vehicle [data-filter] {
    display: block;
}

.no-js [data-module-type~="bluetooth-system"] .support-device {
    display: block;
}

.no-js [data-module-type~="bluetooth-system"] .support-device [data-model] [data-filter] {
    display: block;
}
