/* 2014 Mazda6 garage css */

@font-face { font-family:interstateLight;}

body.bg_M6N
	{background: url(/MusaWeb/musa2/images/garage/garageCarsBGM6N.jpg) no-repeat top center transparent;}


#main_content {
	margin-top: 4px;
}

#garage_subNav div.zipoverlay span.error {
	color: #ff0000;
	margin-top: 8px;
}

/* garage Landing */

#landing_video_overlay {
	background: #000;
}

body.bg_M6N #garage_promo {
	display: none;
}
body.bg_M6N #garage_main {
	margin-bottom: 0px;
}
body.bg_M6N .garage_main_content {
	margin-top: -66px;
}
body.bg_M6N .garage_main_content .intro h2 {
	margin-bottom: 12px !important;
}
body.bg_M6N #landing360 h2 {
	margin-top: 8px;
}
body.bg_M6N #landing360 #landingvidlink {
	margin-top: -19px;
	margin-left: 1px;
	padding-right: 22px;
}
body.bg_M6N #landing360 #landingvidlink span {
	padding: 0 12px 1px 0;
	margin: -2px 0 0 -1px;
	font-family: interstateBlack;
	font-weight: none;

	    color: #008AD0;
	    font: 13px/14px interstateBlack,sans-serif,arial !important;
	    text-decoration: none;

}
#garage_main div.accolade-alt3 h2 {
	color: #0089CF !important;
	font: 16px/28px interstateLight, sans-serif, arial !important;
	text-transform: none;
	margin: 1px 0 10px !important;
}
#garage_main div.accolade-alt3 p {
	color: #ccc !important;
	font: 12px interstateLight, sans-serif, arial !important;
}

#garage_features .module .twoline {
	margin-top: 8px;
}
#garage_features .module .twoline span {
	position: relative;
	top: -8px;
}

body.bg_M6N #garage_features {
	margin-top: 33px;
}
#garage_features .m6n_skyactiv .off {
	background: url(/MusaWeb/musa2/images/garage/landing/2014/M6N/img_feature_skyactive.jpg) 0px 0px no-repeat;
}
#garage_features .m6n_skyactiv .on {
	background: url(/MusaWeb/musa2/images/garage/landing/2014/M6N/img_feature_skyactive.jpg) 0px -112px no-repeat;
}
#garage_features .m6n_skyactiv .desc {
	width: 285px;
	padding-top:50px;
	height:50px;
}

#garage_features .m6n_cleandiesel .off {
	background: url(/MusaWeb/musa2/images/garage/landing/2014/M6N/img_feature_cleandisel.jpg) 0px 0px no-repeat;
}
#garage_features .m6n_cleandiesel .on {
	background: url(/MusaWeb/musa2/images/garage/landing/2014/M6N/img_feature_cleandisel.jpg) 0px -112px no-repeat;
}
#garage_features .m6n_cleandiesel .desc {
	width: 116px;
	padding-left:127px;
}
#garage_features .m6n_cleandiesel .desc p{
	width: 150px;
}

#garage_features .m6n_eloop .off {
	background: url(/MusaWeb/musa2/images/garage/landing/2014/M6N/img_feature_eloop.jpg) 0px 0px no-repeat;
}
#garage_features .m6n_eloop .on {
	background: url(/MusaWeb/musa2/images/garage/landing/2014/M6N/img_feature_eloop.jpg) 0px -112px no-repeat;
}
#garage_features .m6n_eloop .desc {
	width: 143px;
	padding-left:139px;
}


/* brochures KMU */

.brochures_content .intro .copy {
	padding-top: 40px;
	height: 239px;
	border: 0px;
}

.brochures_content .m6n_features_btn {
}
.brochures_content .m6n_features_btn .explorebg {
	background: url(/MusaWeb/musa2/images/garage/landing/2014/M6N/button_brochures_feat.png) no-repeat;
	width: 266px;
}


/* Features page */

.trim6up h2 {
	margin-top: 10px;
}
.trim6up ul {
	padding-top: 5px;
}
.trim6up ul li {
	margin-bottom: 6px;
}
.wide_m6n {
	padding: 0px;
	border-radius: 0px;
	background: none;
}
.wide_m6n .imageslider.wide {
	height: 478px;
}
.wide_m6n .imageslider.wide ul{
	bottom: 16px;
}
.wide_m6n .imageslider div.slidepic{
	padding: 0px !important;
	width: 972px !important;
}
.wide_m6n div img{
}

.col2-left p, .col2-right p {
	color: #fff;
	font-size: 11px;
	margin-bottom: 10px;
}

.whiteblock2 .whitepic {
	float:left;
	margin-right: 26px;
}


/* Specs */

.specs_links ul li.quote {
	width: 118px;
}


/* subnav */

ul.subnav {margin-bottom: 0px !important;}
ul.subnav li {height: 30px;}
ul.subnav li.navlinks {width: 100%;}
ul.subnav li.overview {float:left; margin-right: 43px;}
ul.subnav li.features {float:left; margin-right: 43px;}
ul.subnav li.gallery {float:left; margin-right: 43px;}
ul.subnav li.specs {float:left; margin-right: 43px;}
ul.subnav li.emailupdates {float:left;}
ul.subnav li.reserveyours {float:right;}

.ie7 ul.subnav li.overview {float:left; margin-right: 43px;}
.ie7 ul.subnav li.features {float:left; margin-right: 43px;}
.ie7 ul.subnav li.gallery {float:left; margin-right: 43px;}
.ie7 ul.subnav li.specs {float:left; margin-right: 43px;}
.ie7 ul.subnav li.emailupdates {float:left;}
.ie7 ul.subnav li.reserveyours {float:right;}


/* quote Zip overlay */

#zipoverlay_wrap {
	display:block;
	margin: 130px 50% 0 50%;
	left: -140px;
}

#tnt_btn_submit {
	display:none;
}

#zipoverlay_wrap input {
	display:inline;
}
#tnt_btn_go {
	display:inline;
}



/* Reserve Yours Quote */

#quote_your .m6n_quote_tease {
	font-size: 12px !important;
	line-height: 15px !important;
	margin-top: 10px !important;
	margin-bottom: 12px !important;
	width: 250px;
}
#quote_your .m6n_quote_your_img {
	margin: 0 10px 103px;
}
#quote_main h1.m6n_headline {
	font-size: 21px;
}
#quote_main .m6n_glory {
	margin: 55px 0 65px 25px;
}

#quote_main .m6n_nextsteps {
	width: 400px;
	margin-left: 41px;
}

.ie7 #quote_main .m6n_nextsteps .nextSteps {
	width: 400px;
}

#subnav_vehicle_info {
    clear: left;
    color: #CCCCCC;
    display: block;
    float: left;
    position: relative;
    top: -20px;
    width: 187px;
}