/*
   screen.css
   Mazda Main Stylesheet

   Copyright 2010 igloo digital. All rights reserved.
*/

/*GLOBAL*/
body {font-family:Arial,Helvetica,sans-serif; font-size:62.5%; background:#fff; color:#707070;}
a {color:#0085CF; text-decoration:none;}
a:hover {text-decoration:underline;}
p {line-height:1.4em; font-size:1.2em; padding-bottom:.8em;}
p p {font-size:1em; padding-bottom: 0;}

p.blurb {font-size:1.6em; color:#999;}
h1, h2, h3, h4, h5, h6 {font-weight:bold; padding-bottom:.5em; line-height:1.2em;} /*main headings, clean this up as we get more of idea of the overall site design*/
h1 {font-family:'Interstate-RegularRegular',arial,sans-serif; font-size:2.2em; color:#212121; padding-bottom:.5em; letter-spacing:-1px; font-weight:normal;}
h2 {font-size:1.5em; color:#4c4c4c;}
h3 {font-size:1.3em; color:#4c4c4c;}
h4 {font-size:1.2em; }

.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

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

img { -ms-interpolation-mode: bicubic; }

input[type="hidden"] {display:none;}
.bold {font-weight:bold;}
.black {color:#000;}
p.error {color:#0085CF;font-weight:bold;}
input.error, textarea.error, .validate-error {border:1px solid #0085CF !important;}
#noscript-content {background:none repeat scroll 0 0 #FFFFFF;border-color:#B4B4B4;border-style:none solid solid;border-width:0 1px 1px;color:#0085CF;font-size:0.9em;left:50%;margin-left:-40em;padding:5px 5px 0;position:absolute;text-align:center;top:0;width:43em;z-index:9999;}

/*BUTTONS*/
/* buttons: base stylez */
.btn { font-family:arial,helvetica,sans-serif; border-style:solid !important; border-width:1px !important; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:block; text-align:center; background-position:left center; background-repeat:no-repeat; color: #0085CF !important; cursor: pointer; }
.btn:hover,
.btn.hover { text-decoration:none; color:#fff !important; border-color:#0d8ed5; background-position:center center; }
.btn:active,
.btn.active { color:#fff !important; border-color:#0d8ed5; background-position:right center; }

/* button: small white! */
.btn-sml-white { width:90px; font-size:11px; font-weight:bold; padding:0 10px; height:26px; line-height:26px; border-color:#d5d5d5; background-image:url('/images/buttons/btn-sml-med-white.png'); }

/* button: medium white! */
.btn-med-white { width:100px; font-size:14px; padding:0 12px; height:30px; line-height:30px; border-color:#d5d5d5; background-image:url('/images/buttons/btn-sml-med-white.png'); }

/* button: medium blue! */
.btn-med-blue { color:#fff !important; width:100px; font-size:14px; padding:0 12px; height:30px; line-height:30px; border-color:#0d8ed5; background-image:url('/images/buttons/btn-big-blue.png'); }
.btn-med-blue:hover { width:100px; font-size:14px; padding:0 12px; height:30px; line-height:30px; border-color:#0d8ed5; background-image:url('/images/buttons/btn-big-blue.png'); }

/* button: icon fluid white! */
.btn-icon-white {font-size:14px !important; display:inline-block !important; font-weight:normal !important; padding:0 12px; height:30px !important; line-height:30px; border-color:#d5d5d5 !important; background-image:url('/images/buttons/btn-sml-med-white.png') !important; }

.btn-icon-white-icon {position:relative;font-size:14px !important; display:inline-block !important; font-weight:normal !important; padding:0 35px 0 12px; height:30px !important; line-height:30px; border-color:#d5d5d5 !important; background-image:url('/images/buttons/btn-sml-med-white.png') !important; }
.btn-icon-white-icon span {position:absolute; right:14px; top:10px; display:block; width:7px; height:10px; background:url('/images/buttons/ico-btn-arrow-white.png') no-repeat; }
.btn-icon-white-icon:hover span{background-position:0 -10px;}
.btn-icon-white-icon:active span {background-position:0 -20px;}

.btn-icon-blue-icon {color:#fff !important;position:relative;font-size:14px !important; display:inline-block !important; font-weight:normal !important; padding:0 35px 0 12px; height:30px !important; line-height:30px; border-color:#d5d5d5 !important; background-image:url('/images/buttons/btn-big-blue.png') !important; }
.btn-icon-blue-icon span {position:absolute; right:14px; top:10px; display:block; width:7px; height:10px; background:url('/images/buttons/ico-btn-arrow-white.png') no-repeat 0 -10px; }

/* buttons: big blue icon */
.btn-big-blue-icon { position:relative; width:160px; font:17px 'Interstate-RegularRegular',arial,sans-serif; padding:0 45px 0 15px; height:40px; line-height:40px; border-color:#0d8ed5; color:#fff !important; text-align:left; text-shadow:1px 1px 0 rgba(0,0,0,0.3); background-image:url('/images/buttons/btn-big-blue.png'); }
.btn-big-blue-icon span { position:absolute; right:12px; top:7px; display:block; width:25px; height:25px; background-position:0 0; background-repeat:no-repeat; background-image:url('/images/buttons/ico-btn-arrow.png'); }

/*HEADER*/
#header-wrapper {background:#fafafa url('/images/header/bg-header.gif') repeat-x left bottom; border-bottom:1px solid #fff;}
#header {position:relative; width:960px; height:122px; margin:0 auto; z-index:9000; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.headerlogo {float:left;}


/*NAVIGATION*/
#nav {float:right; display:inline; margin:82px 21px 0 0; height:40px; width:782px;}
#nav li {float:left; display:inline; position:relative;}
#nav li a {text-indent:-9999em; display:block; height:40px; background-image:url('/images/nav/sprite-nav.gif'); background-repeat:no-repeat; background-position:0 0;}

#nav a#nav-vehicles {width:93px; background-position:0 0;}
#nav a#nav-vehicles:hover,
#nav a#nav-vehicles.active-nav,
#nav a#nav-vehicles.active {background-position:0 -40px;}

#nav a#nav-community {width:117px; background-position:-93px 0;}
#nav a#nav-community:hover,
#nav a#nav-community.active-nav,
#nav a#nav-community.active {background-position:-93px -40px;}

#nav a#nav-owners {width:89px; background-position:-210px 0;}
#nav a#nav-owners:hover,
#nav a#nav-owners.active-nav,
#nav a#nav-owners.active {background-position:-210px -40px;}

#nav a#nav-about-mazda {width:132px; background-position:-299px 0;}
#nav a#nav-about-mazda:hover,
#nav a#nav-about-mazda.active-nav,
#nav a#nav-about-mazda.active {background-position:-299px -40px;}

#nav a#nav-design {width:84px; background-position:-431px 0;}
#nav a#nav-design:hover,
#nav a#nav-design.active-nav,
#nav a#nav-design.active {background-position:-431px -40px;}

#nav a#nav-technology {width:126px; background-position:-515px 0;}
#nav a#nav-technology:hover,
#nav a#nav-technology.active-nav,
#nav a#nav-technology.active {background-position:-515px -40px;}

/*#nav a#nav-motorsport {width:128px; background-position:-641px 0;}
#nav a#nav-motorsport:hover,
#nav a#nav-motorsport.active-nav,
#nav a#nav-motorsport.active {background-position:-641px -40px;}*/

#nav a#nav-special-offers {width:141px; background-position:-641px 0;}
#nav a#nav-special-offers:hover,
#nav a#nav-special-offers.active-nav,
#nav a#nav-special-offers.active {background-position:-641px -40px;}

/*subnav: resetting styles*/
#nav .nav-subnav li {float:none; position:static;}
#nav .nav-subnav a {text-indent:0; background:0; height:auto;}
#nav li .nav-subnav {position:absolute; left:0; display:none; background:0;}

/*subnav: default dropdowns*/
#nav li .nav-subnav {width:160px; padding:3px 27px 29px 24px; background:transparent url('/images/nav/bg-nav-subnav.png') no-repeat left bottom; margin-left:-5px;}
#nav li .nav-subnav a {font-size:1.2em; color:#4c4c4c; display:block; padding:6px 0; border-bottom:1px solid #f0f0f0;}
#nav li .nav-subnav a:hover {text-decoration:none; color:#0085cf;}

/*subnav: motorsport dropdown positioning*/
#nav li div.last {margin-left:-71px;}

/*subnav: vehicles dropdown*/
.vehicle-section-link {font-weight:bold;}
#nav span.upcoming-models-title { border-right: 1px solid #F4F4F4;color: #4C4C4C;display: block;font-size: 1.2em;font-weight: bold;padding: 6px 0; }
#nav .vehicles span.upcoming-models-title { padding-left:19px; }

#nav li .nav-subnav.vehicles {width:768px; /*height:367px;*/ padding:0 11px 0 6px; background:transparent url('/images/nav/bg-nav-subnav-vehicles.png') no-repeat left bottom; margin-left:-5px;}
#nav li .nav-subnav.vehicles ul {width:150px; float:left; /*padding-left:2px;*/ margin-top:3px; padding-bottom:29px; display:inline;}
#nav li .nav-subnav.vehicles li a {font-size:1.2em; color:#4c4c4c; display:block; padding:6px 0 6px 19px; border-right:1px solid #f4f4f4; font-weight:bold;}
#nav li .nav-subnav.vehicles li a:hover, #nav #nav-vehicles-subnav li a.active {border-right-color:#fff; color:#0085cf;}
#nav li .nav-subnav.vehicles li a.vehicle-link {font-weight:normal;}
#nav li .nav-subnav.novehicle {margin-left:-4px;}

/*sub-item in sub-nav (e.g. 'All-new BT-50 Home')*/
#nav li .nav-subnav.vehicles ul li ul,
#nav li .nav-subnav ul li ul{ width:auto; float:none; padding-bottom:0; display:block; margin-top:0; }
#nav li .nav-subnav.vehicles ul li ul a,
#nav li .nav-subnav ul li ul a { padding-left:10px; font-weight:normal; }
#nav li .nav-subnav.vehicles ul li ul a { padding-left:29px }

#nav-vehicles-subnav-info {width:601px; float:right; height:334px;}
#nav-vehicles-subnav-info .vehicle-info {float:left; padding:29px 0 0 0; height:300px; position:relative; width:601px;}
#nav-vehicles-subnav-info .vehicle-info h3 {text-indent:-9999em; width:601px; height:26px; background-repeat:no-repeat; background-position:0 0; position:absolute; top:29px; z-index:5;}
#nav-vehicles-subnav-info .vehicle-info .info {width:250px; height:254px; font-size:1.2em; color:#4c4c4c; position:absolute; top:35px; z-index:5;}
#nav-vehicles-subnav-info .vehicle-info .info p {padding-top:32px; font-size:12px; font-style:italic; font-weight:bold; text-transform:uppercase;}
#nav-vehicles-subnav-info .vehicle-info .info dl {padding-top:12px;}
#nav-vehicles-subnav-info .vehicle-info .info dt {color:#000002;}
#nav-vehicles-subnav-info .vehicle-info .info dt,
#nav-vehicles-subnav-info .vehicle-info .info dd {padding:3px 0;}
#nav-vehicles-subnav-info .vehicle-info .photo {background:transparent url('/images/ajax-loader.gif') no-repeat 250px center; position:absolute; right:42px; top:42px; z-index:1; text-indent:-9999em; border:0;}

#nav-vehicle-mazda2 h3 {background-image:url('/images/nav/title-subnav-vehicles-mazda2.gif');}
#nav-vehicle-mazda3 h3 {background-image:url('/images/nav/title-subnav-vehicles-mazda3.gif');}
#nav-vehicle-mazda3mps h3 {background-image:url('/images/nav/title-subnav-vehicles-mazda3mps.gif');}
#nav-vehicle-mazda6 h3 {background-image:url('/images/nav/title-subnav-vehicles-mazda6.gif');}
#nav-vehicle-mx5 h3 {background-image:url('/images/nav/title-subnav-vehicles-mx5.gif');}
#nav-vehicle-rx8 h3 {background-image:url('/images/nav/title-subnav-vehicles-rx8.gif');}
#nav-vehicle-cx7 h3 {background-image:url('/images/nav/title-subnav-vehicles-cx7.gif');}
#nav-vehicle-cx9 h3 {background-image:url('/images/nav/title-subnav-vehicles-cx9.gif');}
#nav-vehicle-bt50 h3 {background-image:url('/images/nav/title-subnav-vehicles-bt50.gif');}

#nav #nav-vehicles-subnav-info .vehicle-info .ctas {width:601px; height:26px; position:absolute; bottom:29px; z-index:5;}
#nav #nav-vehicles-subnav-info .vehicle-info .ctas ul {width:601px; padding:0;}
#nav #nav-vehicles-subnav-info .vehicle-info .ctas li {float:left;}
#nav #nav-vehicles-subnav-info .vehicle-info .ctas li a span {display:none;} /*temp to try fix safari bug*/
#nav #nav-vehicles-subnav-info .vehicle-info .ctas a {text-indent:-9999em; height:26px; padding:0; border:0; display:block; background:#e4e4e4 url('/images/nav/btn-subnav-vehicles-ctas.gif') no-repeat 0 0; float:none;}
#nav #nav-vehicles-subnav-info .vehicle-info a.nav-vehicle-range {width:136px; background-position:0 0;}
#nav #nav-vehicles-subnav-info .vehicle-info a.nav-vehicle-range:hover {background-position:0 -26px;}
#nav #nav-vehicles-subnav-info .vehicle-info a.nav-vehicle-test {width:155px; background-position:-136px 0;}
#nav #nav-vehicles-subnav-info .vehicle-info a.nav-vehicle-test:hover {background-position:-136px -26px;}
#nav #nav-vehicles-subnav-info .vehicle-info a.nav-vehicle-brochure {width:170px; background-position:-291px 0;}
#nav #nav-vehicles-subnav-info .vehicle-info a.nav-vehicle-brochure:hover {background-position:-291px -26px;}
#nav #nav-vehicles-subnav-info .vehicle-info a.nav-vehicle-dealer {width:125px; background-position:-461px 0;}
#nav #nav-vehicles-subnav-info .vehicle-info a.nav-vehicle-dealer:hover {background-position:-461px -26px;}
#nav #nav-vehicles-subnav-info .vehicle-info a.nav-vehicle-gallery { margin-left: 136px; width: 150px; background:#e4e4e4 url('/images/nav/btn-subnav-upcoming-vehicles-ctas.gif') no-repeat 0 0;}
#nav #nav-vehicles-subnav-info .vehicle-info a.nav-vehicle-gallery:hover { width: 150px; background-position:0px -26px;}
#nav #nav-vehicles-subnav-info .vehicle-info a.nav-vehicle-news { width: 122px; background:#e4e4e4 url('/images/nav/btn-subnav-upcoming-vehicles-ctas.gif') no-repeat -150px 0;}
#nav #nav-vehicles-subnav-info .vehicle-info a.nav-vehicle-news:hover { width: 122px; background-position:-150px -26px;}
#nav #nav-vehicles-subnav-info .vehicle-info a.nav-vehicle-interest { width: 193px; background:#e4e4e4 url('/images/nav/btn-subnav-upcoming-vehicles-ctas.gif') no-repeat -272px 0;}
#nav #nav-vehicles-subnav-info .vehicle-info a.nav-vehicle-interest:hover { width: 193px; background-position:-272px -26px;}



/*UTIL NAV*/
#nav-util {position:absolute; right:17px; width:415px;}

/*search*/
#nav-util-search {border:1px solid #d7d7d7; height:27px; float:left; display:inline; background:#fff; margin:6px 3px 0 0; width:180px;}
#nav-util-search.error {border:1px solid #0085CF;}
#nav-util-search input {float:left;}
.nav-util-search-field {border:0; padding:5px; font-size:1.1em; color:#383838; width:140px;-webkit-appearance:none;}
.nav-util-search-button {background:url('/images/buttons/btn-header-search.gif') no-repeat;width:30px;height:27px;cursor:pointer;float:right;text-indent:-9999em;}

/*buying tools*/
#nav-util-buying-wrapper {position:relative; float:left; width:230px; height:41px;}
#nav-util-buying-link {text-indent:-9999em; display:block; width:230px; height:41px; background:url('/images/nav/btn-nav-util-buying-trigger.png') no-repeat 0 0; position:absolute; z-index:10; right:0;}
#nav-util-buying-dropdown {position:absolute; right:-5px; top:30px; width:652px; height:268px; padding:18px 11px 13px 6px; background:url('/images/nav/bg-nav-util-buying-dropdown.png'); z-index:5;}

.nav-util-buying-section {float:left; border-right:1px solid #ededed; min-height:250px; height:auto!important; height:250px; padding:0 18px 0 18px;}
.nav-util-buying-section h3 {font-family:'Interstate-RegularRegular',arial,sans-serif; font-size:1.8em; font-weight:normal; color:#202020; padding:2px 0 22px 0;}
.nav-util-buying-section span, .nav-util-buying-section label {font-size:1.2em; display:block; padding-bottom:8px;}
.nav-util-buying-section span.error, .nav-util-buying-section label.error {color:#0085cf;}
.nav-util-buying-section input {display:block;}
.nav-util-buying-section input.error {border:1px solid #0085cf;}
.nav-util-buying-section select {margin-bottom:12px;}

#nav-util-buying-testdrive {width:178px;}
#nav-util-buying-brochure {width:182px;}
#nav-util-buying-dealer {width:178px; border-right:0;}
#nav-util-buying-dealer #ctl00_ctl01_ctl02_FindADealerBox {margin-bottom:12px; background-color:#FAFAFA; border:1px solid #E9E9E9; color:#707070; display:block; height:14px; padding:4px 3px;}
#nav-util-buying-dealer #ctl00_ctl01_ctl02_FindADealerPageLink {display:block;margin-top:8px;}

/*FOOTER*/
#footer-wrapper {background:#dbdada url('/images/footer/bg-footer-wrapper.gif') repeat-x left top;}
#footer {background:url('/images/footer/bg-footer-inner.jpg') no-repeat 90% top; border-top:2px solid #1970c2;}
#footer-links {width:960px; margin:0 auto}
.footer-links {width:205px; float:left; padding:32px 0 16px 20px; background:url('/images/footer/bg-footer-links-sep.gif') no-repeat right 19px;}
.footer-links:last-of-type {background:0;}
.footer-links h4 {font-size:1.8em; font-weight:normal; color:#191919; padding-bottom:16px; font-family:'Interstate-RegularRegular',arial,sans-serif;}
.footer-links li {font-size:1.2em; padding:6px 0;}
#footer-share-links li {float:left;}
#footer-share-links li a {display:block; text-indent:-9999em; height:33px; background:url('/images/footer/btn-footer-share-links.gif') no-repeat 0 0;}
#footer-share-links #footer-share-fb {width:35px; background-position:0 0;}
#footer-share-links #footer-share-tw {width:35px; background-position:-35px 0;}
#footer-share-links #footer-share-fr {width:35px; background-position:-70px 0;}
#footer-share-links #footer-share-yt {width:35px; background-position:-105px 0;}
#footer-share-links #footer-share-rss {width:33px; background-position:-140px 0;}
#footer-logo {width:960px; margin:-85px auto 0 auto;}
#footer-logo img {float:right;}

#sub-footer { background-color: #FFF; }
#sub-footer .inner  { width:960px; padding: 25px 0px 40px 20px; margin:0 auto; font-size:1.1em; }
#sub-footer a { padding-right: 20px; color: #000; }

/*FLASH WRAPPER*/
/*temporarily here to compensate for banner issue?*/

/*community matrix flash wrapper*/
.community-flash-wrapper {width:100%; padding-bottom:0;}
.community-flash-wrapper .flash-wrapper {margin:0 auto; width:960px; height:371px; background:url('/images/community/bg-community-matrix-bottom.png') no-repeat center bottom;}

/*BANNER*/
/*#banner {width:960px; height:150px; margin:0 auto; z-index:0; overflow:visible;}*/
#banner {width:960px; margin:0 auto; z-index:0; overflow:visible; height:150px;}
#community-ipad-banner {width:960px; margin:0 auto; z-index:0; overflow:visible; height:60px;}
#banner img {position:absolute;}

/*CONTENT OVERLAYS*/
body.content-banner-tiny-overlay #content-wrapper {position:relative;bottom:19px;z-index:10;}
body.content-banner-small-overlay #content-wrapper {position:relative;bottom:46px;z-index:10;}
body.content-banner-medium-overlay #content-wrapper {position:relative;bottom:85px;z-index:10;}
body.content-banner-large-overlay #content-wrapper {position:relative;bottom:131px;z-index:10;}
body.content-banner-extra-large-overlay #content-wrapper {position:relative;bottom:160px;z-index:10;}

/*BREADCRUMBS*/
#breadcrumbs {width:940px; margin:0 auto; padding:20px 0 30px 20px; font-size:1.1em; color:#b4b4b4; position:relative; z-index:10;}
#breadcrumbs .active {color:#4c4c4c;}

/*CONTENT GLOBAL*/
#content-wrapper {width:960px; margin:0 auto;background-color:#fff;padding-bottom:40px;}

/*default column setup*/
#content-left {float:left; width:134px; padding:0 20px;}
#content-right {float:right; width:766px; padding-right:20px;}

/*home column setup*/
#content-center {}
#content-center-padded { padding: 0 20px;}

/*CONTENT SUBNAV*/
#content-subnav {font-size:1.2em;}
#content-subnav li a {color:#4c4c4c; display:block; padding:8px 0 9px 2px; border-bottom:1px solid #eaeaea; line-height:1.2;}
#content-subnav li a.active {font-weight:bold; color:#212121;}

#content-subnav li ul li {background: url('/images/nav/bullet-tertiary-nav.gif') no-repeat 0 10px; margin-left: 15px; font-size: 11px; zoom:1; }
#content-subnav li ul li a {padding: 8px 0 5px 15px; }
#content-subnav li ul li a.active {font-weight: bold; color: #212121;}
#content-subnav li a:hover, #content-subnav li ul li a:hover {text-decoration: none; color: #0085cf;}

/*CONTENT-INFO*/
#content-info {}
.bullet-content ul {margin-left:15px;}
.bullet-content ul li {background: url('/images/icn-blue-disc.png') no-repeat left 7px;padding-left: 15px;list-style: none;}

/*PAGINATION*/
ul.pager {float:left;}
ul.pager li {float:left; display:inline; margin-right:1px;}
ul.pager a, ul.pager span {display:block; float:left; padding:8px 10px; font-size:1.3em; background:#ededed; color:#4c4c4c; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;}
ul.pager span {color:#adadad;}
ul.pager a:hover {background:#dcdcdc; text-decoration:none;}
ul.pager a.active, ul.pager span.active {background-color:#0085d0; color:#fff;}


/*MODAL WINDOWS*/
.modal-dialog {background:url(/images/bg-modal.png);padding:8px;width:555px;display:none;position:fixed;top:17%;left:50%;margin-left:-286px;z-index:13000;}
.modal-dialog h2 {font-family:'Interstate-RegularRegular',arial,sans-serif; font-size:2.2em; color:#212121; padding-bottom:.5em;font-weight:normal; width:420px;}
.modal-dialog .border {background-color:#fff;padding:4px;}
.modal-dialog .inner {padding:20px 18px 18px 20px;background:url(/images/bg-modal-inner.jpg) no-repeat scroll top center #fff;position:relative;}
.modal-dialog .body p {width:100%;padding-bottom:10px;margin-bottom:9px;font-weight:bold;}
.modal-dialog .body ul {list-style-type:disc;font-size:1.2em;line-height:1.2em;padding-left:20px;}
.modal-dialog .btn-close {cursor:pointer;text-indent:-9999em;background:url(/images/buttons/btn-close.png) no-repeat;width:74px;height:26px;}
.modal-dialog .btn-close:hover {background-position:0 -26px;}
.modal-dialog #modal-button-top {position:absolute;top:18px;right:18px;}

/*XSL RENDERING TITLES*/
/*
	These look like the standard content-title and content-blurb content, but they appear
	as part of the renderings that appear on the model homepage (pricing, compare, etc.)
*/
.rendering-title {padding-bottom:12px;}
.rendering-title h2 {font-family:'Interstate-RegularRegular',arial,sans-serif; font-size:1.8em; font-weight:normal; letter-spacing:0; color:#212121; padding-bottom:0;}
.rendering-blurb {font-size:1.3em; padding-bottom:20px;}
.rendering-blurb p {font-size:1em;}
.rendering-blurb ul li {line-height: 1.3em; padding-left: 20px;}


/*NEWS LANDING*/
/*feature article*/
#news-feature-info {float:left; width:370px; padding-right:14px;}
#news-feature-info h5 {font-size:1.1em; text-transform:uppercase; color:#717171; font-weight:normal; padding-bottom:6px;}
#news-feature-info h2 {font-size:1.6em; font-weight:bold; padding-bottom:8px;}
#news-feature-photo {float:right; width:372px; padding-top:10px;}

/*common news elements*/
.news-article-meta {color:#4c4c4c; font-size:1.2em; padding-bottom:15px;}
.btn-news-article-full {font-size:1.3em;}

/*news listing*/
#news-listing {padding-top:40px;}
#news-listing-status {font-size:1.3em; padding:8px 0;}
.news-listing-pager {border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:3px 0;}
.news-listing-categories {float:right; padding:4px 6px 4px 10px; background:#ededed; color:#4c4c4c; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;}
#form-news-listing label {color:#4c4c4c; font-size:1.3em; font-weight:bold; padding-right:4px;}
.news-listing-article {padding:14px 0; border-bottom:1px solid #eaeaea;}
.news-listing-article:last-of-type {border-bottom:none;}
.news-listing-article-photo {float:left; width:191px;}
.news-listing-article-photo img {padding:5px 5px 8px 5px; background:url('/images/news/bg-news-listing-photo.gif') no-repeat 0 0;}
.news-listing-article-info {float:right; width:547px; padding-top:4px;}
.news-listing-article h2 {font-size:1.4em; font-weight:bold; padding-bottom:8px;}
.news-listing-article .news-article-meta {padding-bottom:10px;}

/*GENERIC LISTING STYLES*/
.listing-pager {border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:3px 0;}
.listing-pager label {color:#4c4c4c; font-size:1.3em; font-weight:bold; padding-right:4px;}
.listing-pager-bottom {border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:3px 0;}
.listing-pager-bottom {margin-top:17px;}
.listing-pager-bottom label {color:#4c4c4c; font-size:1.3em; font-weight:bold; padding-right:4px;}
.listing-pager-empty {border-top:1px solid #eaeaea;}
.listing-categories {float:right; padding:4px 6px 4px 10px; background:#ededed; color:#4c4c4c; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; margin-left:1px;}
.listing-categories-margin {margin-right:3px;}
.listing-item {padding:14px 0; border-bottom:1px solid #eaeaea;}
.listing-item-first {border-top:1px solid #eaeaea;}
.listing-item-last {border-bottom:none;}
/*.listing-item:last-of-type {border-bottom:none;}*/
.listing-item-photo {float:left; width:180px;}
.listing-item-photo-placeholder {width:178px; height:117px; border:1px solid #eaeaea; background:url('/images/generic/bg-listing-placeholder.jpg') no-repeat center center;}
.listing-item-info {float:right; width:557px; padding-top:4px;}
.listing-item-info h3 {font-size:1.4em;}
.listing-item-info p {padding-right:100px;}
.listing-item-info-full {padding-top:4px;}
.listing-item-link {font-size:1.3em;display:block;margin-bottom:12px;}
.listing-meta {padding-bottom:10px;font-size:1.2em;line-height:1.4em;}
.listing-meta a {color:#1A70C2;font-weight:bold;}
.listing-meta span {font-weight:bold;}
.listing-details {font-size:1.2em;line-height:1.4em;margin-bottom:0.5em;}
.listing-details dt {font-weight:bold;float:left;width:65px;clear:left;margin-bottom:3px;}
.listing-details dd {margin-left:65px; margin-bottom:3px;}
.listing-details dd p {font-size:1em;}
.listing-details dd a {font-weight:bold;}
.listing-details-wide dt {width:90px;}
.listing-details-wide dd {margin-left:90px;}

/*generic featured article*/
.article-featured {border-bottom:1px solid #EAEAEA;margin-bottom:30px;padding:20px; background:#fafafa url('/images/generic/bg-featured-item-white.gif') repeat-x 0 0;}
.article-featured img {float:right;margin:0 0 20px 20px; display:inline; border:1px solid #e6e6e6;}

/* buying tools links */
body.vehicles-model #content-right, body.vehicles-special-offers #content-right {padding-top:15px;}
body.vehicles-model #breadcrumbs, body.vehicles-special-offers #breadcrumbs{z-index:10;}
body.vehicles-model #content-wrapper, body.vehicles-special-offers #content-wrapper {z-index:20;}
body.vehicles-model .buying-tools-buttons {float:right;margin-top:-68px;margin-right:-20px;z-index:100;position:relative;}

body.vehicles-special-offers .buying-tools-buttons {float:right;margin-top:-135px;z-index:100;position:relative;}
body.wide-winged-header .buying-tools-buttons {float:right;margin-top:-55px;z-index:100;position:relative;}
body.find-a-dealer .buying-tools-buttons {float:right;margin-top:-48px;margin-right:-20px;z-index:100;position:relative;}
.buying-tools-buttons-bottom {float:right; margin-top: 0;}
.buying-tools-buttons li {float:left;}
.buying-tools-buttons li a {display:block;height:26px;text-indent:-9999em;background:#e4e4e4 url('/images/nav/btn-subnav-vehicles-ctas.gif') no-repeat 0 0;}
.buying-tools-buttons li .btn-bookatestdrive {width:155px; background-position:-136px 0;}
.buying-tools-buttons li .btn-bookatestdrive:hover {background-position:-136px -26px;}
.buying-tools-buttons li .btn-requestabrochure {width:170px; background-position:-291px 0;}
.buying-tools-buttons li .btn-requestabrochure:hover {background-position:-291px -26px;}
.buying-tools-buttons li .btn-findadealer {width:125px; background-position:-461px 0;}
.buying-tools-buttons li .btn-findadealer:hover {background-position:-461px -26px;}
#offer-detail .buying-tools-buttons { float: left; padding-bottom: 20px; margin-top: 0px; z-index:1;}
/*#model-special-offers .buying-tools-buttons {margin-top: -48px;}*/
#model-special-offers .buying-tools-buttons {float:none;margin-top:0;}

/*special offers*/
#offer-detail {}
#offer-detail #content-copy {width:380px; }
#offer-detail #content-copy ul li {float:left; width:320px; padding-right:10px;}
#offer-detail-left {float:left; width:300px; padding-bottom: 10px;}
#offer-detail #find-a-dealer {float:left;border-left:1px solid #EDEDED;padding-left:18px; margin-left:20px;}
#offer-detail #find-a-dealer h4 {color:#4C4C4C;font-size:15px;}
#offer-detail #find-a-dealer label {font-size:12px;display: block;padding-bottom: 8px;color:#707070;font-weight:normal;}
#offer-detail #find-a-dealer {color:#0085CF;}
#offer-detail #find-a-dealer input {display:block;margin-bottom: 12px;}
#offer-detail #find-a-dealer input.text {margin-left:0;background-color: #FAFAFA;border: 1px solid #E9E9E9;color: #707070;height: 14px;padding: 4px 3px;}
#offer-detail #find-a-dealer a {font-size:12px;}


/*merchandise iframe*/
.body-about-merchandise #content-right {padding-right:0; width:786px;}
#about-merchandise-frame {width:786px; height:1600px;}




/*CONTENT COPY*/
#content-copy {font-size:1.2em;line-height:1.4em;}
#content-copy h2, #content-copy h3 {padding-top:10px;}
#content-copy ol {list-style-type:decimal; margin-left:40px; padding-bottom:20px;}
#content-copy ul {margin-left:25px; margin-bottom:20px;}
#content-copy ul li {background: url('/images/icn-blue-disc.png') no-repeat left 7px; padding-left:15px; list-style:none;}
#content-copy ol li, #content-copy table tr td, #content-copy ul li {line-height:1.4em; font-size:1.2em; padding-bottom:.8em;}
#content-copy ol li p, #content-copy ul li p {font-size:1em; padding:0;}
#content-copy .image-right {float:right;margin-left:20px;}


/*CONTENT-TITLE & INTRO & COPY*/
#content-title h1 {font-size:2.2em; font-weight:normal; letter-spacing:-1px; padding-bottom:20px;}
#content-intro { font-size: 1.6em; color: #999999; line-height:1.3em; padding:0 100px 14px 0; }
#content-intro p { font-size:1em; line-height:1em; }
#content-intro.special-offers {font-size: 1.6em; color: #999999; line-height:1.3em; padding:15px 100px 14px 0;}
#content-copy p { padding-right:100px; }
#content-copy li { padding-right:200px; }

#contact-content-intro { font-size: 16px; color: #999999; line-height:20.8px; padding:0 100px 14px 0; }

/*CONTENT MEDIA (image or video)*/
#content-media {padding-bottom:30px;}
/*#content-media img, #content-media object, #content-media embed {margin-bottom:30px;}*/
#content-media.about-mazda {padding: 30px 0;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;margin-bottom:10px;}

/*2 COLUMN LAYOUT*/
#content-left-column { float: left; width: 48%; padding-right: 5px; }
#content-right-column { float: left; width: 48%; padding-left: 5px; }

.inline-image {float: left; margin: 0 15px 15px 0;}

/*M Day*/
/*#main_0_content_0_FindADealerLink {margin-bottom:40px;margin-top:20px;width:125px;background:url("/images/nav/btn-find-a-dealer-mday2011.png") no-repeat scroll -461px 0 #E4E4E4;display:block;height:26px;text-indent:-9999em;}*/
#main_0_content_0_FindADealerLink {margin-bottom:40px;margin-top:20px;width:174px;background:url("/images/nav/btn-find-a-dealer-mday2011.png") no-repeat scroll 0 0;display:block;height:33px;width:174px;text-indent:-9999em;}
#main_0_content_0_FindADealerLink:hover {background-position:0px -33px;}
#m-day {background:url(/images/special-offers/mday2011-bg.jpg) no-repeat top left;width:960px;padding:160px 35px 55px 0px;float:left;}
#m-day p {font-family:'Interstate-RegularRegular',arial,sans-serif;font-size:2em;color:black;}
#m-day ul {margin:0 0 20px;}
#m-day li {padding-left:20px;background:url(/images/icn-blue-disc.png) no-repeat 6px 7px;font-size:1.6em;margin-bottom:0.6em;}
#m-day strong {font-size:1.6em;display:block;margin-bottom:0.2em;}
#m-day sup {bottom:0.3em;font-size:0.7em;height:0;line-height:1;position:relative;vertical-align:baseline;}
#m-day-info {float:right;width:450px;padding-right:15px;}
#m-day-info .m-day-legal {font-size:1.1em;line-height:1.3em;width:425px;}

/*UPCOMING MODEL: GENERIC*/
.feature-tile { width: 100%; background: url(/images/vehicles/tile-graphpaper.gif); }
.feature-background { width: 100%; background-position:center top; background-repeat:no-repeat; }
.feature-home { height: 422px; width: 960px; margin: 0 auto; position: relative; overflow: hidden;}
.feature-home h1 { float: left; text-indent: -2000px; }
.feature-home #feature-right { width:261px; top:153px; right:0; position:absolute; }
.feature-home #feature-right .text-1 { font-family:'Interstate-RegularRegular',arial,sans-serif;font-size:2em;color:#FFF; }
.feature-home #feature-right .countdown { font-family:'Interstate-RegularRegular',arial,sans-serif;font-size:7em;color:#80c2e7; text-transform: uppercase; font-weight: bold; letter-spacing: -2px; }
.feature-home #feature-right p.description { color: #FFF;}

.feature-tile #feature-right .text-1 {color:#80c2e7;padding-bottom:6px;}
.feature-tile #feature-right p.description {font-size:1.2em;}
.feature-tile a.upcoming-bullet {position:absolute; font-family:'Interstate-RegularRegular',arial,sans-serif;font-size:1.8em; line-height:1.1em; color:#FFF; cursor:pointer;}
.feature-tile a.upcoming-bullet:hover {text-decoration:none;}
.feature-tile a.upcoming-bullet img {float:left;}
.feature-tile a.upcoming-bullet span {float:left; margin-left:8px;}
.feature-tile #upcoming-bullet1 {position: absolute; top: 297px; left:708px;}
.feature-tile #upcoming-bullet2 {position: absolute; top: 339px; left:708px;}

#button-container { background: url('/images/vehicles/buttons-bg.png') no-repeat; width: 960px; height: 310px; margin: 0 auto; padding: 0 5px 5px 5px; }
#button-container.no-background { background:none; }
#button-container #btn-concepts { padding: 6px; float: left; }
#button-container #btn-register { padding: 6px 6px 6px 0; float: left; }
#button-container #btn-concepts a { display: block; background: url(/images/vehicles/bt50/btn-specs.jpg) top; width: 471px; height: 253px; text-indent: -2000px; }
/*#button-container #btn-register a { display: block; background: url(/images/vehicles/bt50-win.jpg) top; width: 168px; height: 128px;padding: 125px 0 0 303px; color:#000; font-size: 1.2em; line-height: 1.4em;}*/
#button-container #btn-register a { display: block; background: url(/images/vehicles/btntile-bt50-register.jpg) bottom; width: 251px; height: 123px; padding: 130px 200px 0 20px; color:#000; font-size: 1.2em; line-height: 1.4em;}
#button-container #btn-concepts a:hover{ background-position: bottom; text-decoration: none;}
#button-container #btn-register a:hover { background-position: top; text-decoration: none;}
#button-container #facebook { padding: 6px 0 0 7px; clear: both; }
#button-container #btn-enter-comp { padding: 6px 6px 6px 0; float: left; }
#button-container #btn-enter-comp a { display: block; background: url('/images/vehicles/cx-5/cx-5_comp_cta.jpg') top; width: 251px; height: 123px; padding: 130px 200px 0 20px; color:#000; font-size: 1.2em; line-height: 1.4em;}
#button-container #btn-enter-comp a:hover { background-position: bottom; text-decoration: none;}

.feature-home #feature-register { background: #000; position: absolute; top: 422px; left: 0; width: 960px; height: 422px;}
.feature-home #feature-register .regclose { position: absolute; top: 0; right: 0; }
.feature-home #feature-register .text { padding: 100px 50px; background: url(/images/vehicles/ver-rule.gif) right top no-repeat; margin: 0 30px 0 0; width: 400px; float: left; color: #cccccc; font-size: 1.2em; line-height: 1.4em; height: 200px; }
.feature-home #feature-register .text-upcoming-cx5 { padding: 30px 100px 100px 50px; background: url(/images/vehicles/ver-rule.gif) right top no-repeat; margin: 0 30px 0 0; width: 400px; float: left; color: #cccccc; font-size: 1.2em; line-height: 1.4em; height: 200px; }
.feature-home #feature-register .form-holder { float: left; padding-top: 135px; }
.feature-home #feature-register .form-holder-upcoming-cx5 { float: left; padding-top: 30px; }
.feature-home #feature-register .form label { color: #FFF; display: block; margin-bottom: 5px; font-size: 12px; }
.feature-home #feature-register .form input.text-input { border: none; background: #292f31; margin-bottom: 15px; height: 30px; color: #FFF; padding-left: 5px; font-size: 1.4em; }
.feature-home #feature-register .form input.err { border: solid 1px #FF0000; }
#wallpaper-downloads { background: #000; height: 12px; right: 0!important; padding: 10px; position: absolute; top: -32px; right: 0; font-size: .9em; text-align: right; color: #999;  }
#wallpaper-downloads a { padding-left: 10px; color: #FFF; }

#upcoming-model {position: absolute; margin: 0 auto; z-index: 1; top: 422px; }
#upcoming-model .upcoming-media {width: 960px; height: 422px; background-color: #000;}

#upcoming-model div.upcoming-menu { position: absolute; top:339px; }
#upcoming-model div.upcoming-menu-top {height: 23px; width: 217px; background: url('/images/vehicles/bg-thumbs.png') repeat 0 0; padding: 7px 27px 0 10px;}
#upcoming-model div.upcoming-menu-top span, #upcoming-model div.upcoming-menu-top a{/*font-family:'Interstate-RegularRegular',arial,sans-serif;*/ color: #fff;font-weight: bold; }
#upcoming-model div.upcoming-menu-top span {float:left; font-size: 1.8em; }
#upcoming-model div.upcoming-menu-top a {float: right; font-size: 1.1em; padding-top: 7px;}
#upcoming-model div.upcoming-thumbs {width: 944px; height: 49px;  padding: 4px 10px 0 6px; background: url('/images/vehicles/bg-thumbs.png') repeat 0 0; }
#upcoming-model div.upcoming-thumbs ul{  float: left; width: 874px;}
#upcoming-model div.upcoming-thumbs li {float: left; height: 44px; width: 66px; margin-right: 4px;}
#upcoming-model div.upcoming-thumbs li img{display: inline; display: inline; border: 1px solid #000; width: 64px; height: 42px;}
#upcoming-model div.upcoming-thumbs li.active img{border: 1px solid #fff; }
#upcoming-model .upcoming-see-all a{float: right; width: 60px; color: #fff; text-transform: uppercase; font-family:'Interstate-RegularRegular',arial,sans-serif; font-size: 1.1em; font-weight: bold; padding-top: 20px;}
	
#upcoming-model a.upcoming-action {width: 40px; height: 40px; position: absolute; background: url('/images/vehicles/icn-gallery-actions.png') no-repeat 0 0; top: 0; text-indent: -9999em;}
#upcoming-model a.upcoming-action.upcoming-close-lk {right: 0; background-position: 0 -80px;}
#upcoming-model a.upcoming-action.upcoming-previous-lk {top: 185px;}
#upcoming-model a.upcoming-action.upcoming-next-lk {top: 185px; right: 0; background-position: 0 -40px;}

.upcoming-action, .upcoming-menu {z-index:3;}
.upcoming-media ul li object {margin-left:30px;}

/*.upcoming-media {width:960px !important;height:422px;overflow:hidden;clear:left;}
.upcoming-media ul li {float:left;width:960px;height:422px;}*/

.upcoming-media {width: 960px; position: relative;overflow: hidden;height: 422px;}
.upcoming-media ul {width: 9999px;height: 422px;display: block;float: left;position: relative;}
.upcoming-media ul li {width: 960px;height: 422px;float: left;display: block;}

.jcarousel-clip-horizontal {width: 100%;}
.jcarousel-item {height: 100%;}


/*UPCOMING MODEL: BT-50*/
#uc-bt50 .feature-background { background-image:url('/images/banners/banner-bt50-waitisover.jpg'); }


/*UPCOMING MODEL: MAZDA3 SKY*/
#uc-mazda3-prelaunch { height:1020px; }
#uc-mazda3-prelaunch .feature-background { background-image:url('/images/banners/uc-mazda3-hero.jpg'); }

#uc-mazda3-prelaunch #feature-right { width:410px; top:135px; left:14px; position:absolute; }
#uc-mazda3-prelaunch #feature-right .text-1 { font-size:45px; line-height:40px; font-weight:bold; color:#fff; text-transform:uppercase; letter-spacing:-1px; }

#uc-mazda3-prelaunch a.upcoming-bullet { font-size:16px; color:#58adee; cursor:pointer; text-transform:uppercase; }
#uc-mazda3-prelaunch #upcoming-bullet1 { top:280px; left:13px; padding:9px; width:160px; }
#uc-mazda3-prelaunch #upcoming-bullet2 { top:280px; left:210px; padding:9px; width:160px; }
#uc-mazda3-prelaunch a.upcoming-bullet:hover span { color:#fff; }

#button-container #btn-skyactiv { padding: 6px; float: left; }
#button-container #btn-mazda3-test-drive { padding: 6px 6px 6px 0; float: left; }
#button-container #btn-skyactiv a { display: block; background: url(/images/vehicles/mazda3/btn_skyactiv.jpg) top; width: 471px; height: 253px; text-indent: -2000px; }
#button-container #btn-mazda3-test-drive a { display: block; background: url(/images/vehicles/mazda3/btn_test_drive.jpg) 0 0; width:181px; height:163px; padding:90px 270px 0 20px; color:#474747; font-size:1.2em; line-height:1.4em;}
#button-container #btn-skyactiv a:hover{ background-position: bottom; text-decoration: none;}
#button-container #btn-mazda3-test-drive a:hover { background-position: bottom; text-decoration: none;}

/*UPCOMING MODEL: CX-5 */
#uc-cx5-prelaunch {background:url('/images/banners/uc-mazdacx5-hero.jpg') no-repeat;width:1280px;}
#uc-cx5-prelaunch #feature-right { width:330px; top:135px; left:14px; position:absolute; margin-top: 60px; }
#uc-cx5-prelaunch a.upcoming-bullet { font-size:16px; color:#58adee; cursor:pointer; text-transform:uppercase; }
#uc-cx5-prelaunch #upcoming-bullet1 { top:275px; left:8px; padding:9px; width:160px; }
#uc-cx5-prelaunch #upcoming-bullet2 { top:275px; left:176px; padding:9px; width:160px; }
#uc-cx5-prelaunch a.upcoming-bullet {position:absolute; font-family:'Interstate-RegularRegular',arial,sans-serif;font-size:15px; line-height:18px; color:#ccc; cursor:pointer;}
#uc-cx5-prelaunch a.upcoming-bullet span {float:left;margin-right:9px;width:18px;height:18px;background:url(/images/vehicles/new-vehicle/link-icon.png) no-repeat;position: relative;bottom: 2px;}
#uc-cx5-prelaunch a.upcoming-bullet:hover {color:#fff;text-decoration:none;}
#uc-cx5-prelaunch a.upcoming-bullet:hover span {background-position:0 -18px;}
#uc-cx5-prelaunch-tiles #btn-register a { background-image:url('/images/vehicles/cx-5/cx-5_register_cta.jpg');background-position: top; }
#uc-cx5-prelaunch-tiles #btn-register a:hover {background-position: bottom;}
#uc-cx5-prelaunch-tiles #btn-register {padding: 6px;}
#uc-cx5-prelaunch #btn-enter-comp {padding: 6px 6px 6px 0;}

/*CONTENT BLOCK PAGES*/
/*.content-block { border-bottom:1px solid #EAEAEA; margin-bottom:15px; }*/
.content-block p, .content-block-image-wrapper { padding-bottom:20px; }
/*#content-copy .content-block {padding-bottom:15px;}*/
#content-copy .content-block h3 { padding-top:0; }
#content-copy .content-block p, #content-copy .content-block li { padding-right:10px; }
#content-copy .content-block .caption {font-weight: bold; font-size: 11px; line-height: 15px; display: block; margin-bottom: 5px; margin-top:5px; color: #4c4c4c;}
#content-copy .content-block .caption-left {text-align:left;}
#content-copy .content-block .caption-right {text-align:right;}
.content-block-left-image .content-block-image-wrapper { float:left; width:293px; display:inline; margin:0 20px 0 0; }
.content-block-right-image .content-block-image-wrapper { float:right; width:293px; display:inline; margin:0 0 0 20px; }
.content-block-text-only .content-block-text {display:block;padding-bottom:10px;}
.content-block-dual-image-links .dual-link-image-item h3 {text-transform: uppercase;}
.content-block-dual-image-links .dual-link-image-item {width:380px;height:205px;margin:0 6px 6px 0;}
.content-block-dual-image-links .dual-link-image-item-hover {padding-top:70px;padding-left:18px;}
.content-block-dual-image-links .dual-link-image-item-hover p {width:280px;font-size:12px;}

/* Content Block Lightboxes */
div.content-block-lightbox-title { font:16px bold 'Interstate-RegularRegular',arial,sans-serif; text-align:left; height:20px; overflow:hidden; }

.content-block-lightbox { position:relative; display:block; }
.content-block-lightbox div.content-block-lightbox-zoom { position:absolute; bottom:0; right:0; text-indent:-9999em; width:27px; height:27px; background:url('/images/generic/bg-lightbox-zoom.gif') no-repeat 0 0; }
.content-block-lightbox:hover div.content-block-lightbox-zoom { background-position:0 -27px; }

a.content-block-lightbox-view { position:absolute; top:-28px; right:10px; display:block; border-top:2px solid white; border-left:2px solid white; width:120px; height:19px; padding:7px 30px 0 10px; color:#fff; background:#c4c4c4 url('/images/generic/bg-lightbox-full.gif') no-repeat 136px 5px; }
a.content-block-lightbox-view:hover { background-color:#0084d2; text-decoration:none; }

.dual-link-image-item {float:left;display:block;position:relative;overflow:hidden;color:#fff;}
.dual-link-image-item a:hover {text-decoration:none;}
.dual-link-image-item h3 {position:absolute;left:0;top:22px;padding:8px 8px 8px 12px !important;background:#0085CF;color:#fff;font-family:'Interstate-RegularRegular',arial,sans-serif;font-size: 15px;font-weight: normal;}
.dual-link-image-item-last {margin-right:0 !important;}
.dual-link-image-item-hover {position:absolute;height:171px;width:447px;top:241px;background:rgba(0,133,207,0.8); background:#0085CF\9;}
.dual-link-image-item-hover h3 {background:black;}
.dual-link-image-item-hover p {width:230px;}
.dual-link-image-item-hover a {font-weight:bold;color:#fff;}
 
/*
    Mini Gallery
*/
.mazda-mg { margin-bottom:15px; }
/*list*/
.mazda-mg-list { position:relative; overflow:hidden; padding:3px 0 10px 0; height:109px; }
#content-copy .mazda-mg-list ul { height:109px; position:absolute; margin:0; }
#content-copy .mazda-mg-list li { float:left; display:inline; padding:0 2px 0 0; margin:0; list-style-type:none; background:0; line-height:1.3; }
.mazda-mg-list a { display:block; position:relative; overflow:hidden; width:190px; height:109px; text-decoration:none; }
.mazda-mg-list a, .mazda-mg-list a * { cursor:pointer; }
.mazda-mg-list a.active img.mazda-mg-thumb { filter:alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; }
img.mazda-mg-thumb { display:block; border:3px solid #b4b4b4; position:relative; }
div.mazda-mg-thumb-hover { position:absolute; top:109px; width:190px; height:109px; background:rgba(0,133,207,0.8); background:#0085CF\9; z-index:50; color:#fff; font-size:14px; font-weight:bold; text-decoration:none; }
div.mazda-mg-thumb-hover div.inner { padding:10px; height:89px; overflow:hidden; }
li.mazda-mg-vid div.mazda-mg-thumb-hover div.inner { background:url('/images/mg/mg-vid.png') no-repeat 170px 90px; }
li.mazda-mg-img div.mazda-mg-thumb-hover div.inner { background:url('/images/mg/mg-img.png') no-repeat 165px 90px; }

/*title*/
div.mazda-mg-title { float:left; font:16px bold 'Interstate-RegularRegular',arial,sans-serif; color:#000; min-height:24px; height:auto!important; height:24px;  /*letter-spacing:-1px;*/ }
div.mazda-mg-nav-status { float:right; font:13px bold 'Interstate-RegularRegular',arial,sans-serif; color:#000; padding:2px 0 0 0; }

/*media area*/
div.mazda-mg-media { position:relative; height:431px; }
div.mazda-mg-media-video { position:absolute; width:766px; height:431px; }
div.mazda-mg-media-image-wrapper { position:absolute; width:766px; height:431px; z-index:10; background:#000 url('/images/ajax-loader-000.gif') no-repeat center center; }
img.mazda-mg-media-image {  }

/*nav*/
.mazda-mg-nav { padding:0 0 10px 353px; border-bottom:1px solid #e5e5e5; }
.mazda-mg-nav a { text-indent:-9999em; display:block; float:left; width:20px; height:20px; background:url('/images/mg/mg-nav.png') no-repeat 0 0; margin:0 5px; }
a.mazda-mg-nav-prev { background-position:0 0; }
a.mazda-mg-nav-prev:hover { background-position:0 -20px; }
a.mazda-mg-nav-next { background-position:-20px 0; }
a.mazda-mg-nav-next:hover { background-position:-20px -20px; }

/*image share*/
div.mazda-mg-media-image-share {position:absolute; z-index:20; background:transparent url('/images/mediaplayer/bg-share.gif') no-repeat 0 0; -moz-opacity:.80; opacity:.8; filter:alpha(opacity=80); width:36px; height:64px; padding-top:19px; top:6px; right:6px;}
div.mazda-mg-media-image-share a {display:block; text-indent:-9999em; width:36px; height:20px; background-image:url('/images/mediaplayer/btn-share.gif'); background-repeat:no-repeat;}
div.mazda-mg-media-image-share a.mazda-mg-media-image-share-link {background-position:0 0;}
div.mazda-mg-media-image-share a.mazda-mg-media-image-share-link:hover {background-position:-36px 0;}
div.mazda-mg-media-image-share a.mazda-mg-media-image-share-facebook {background-position:0 -20px;}
div.mazda-mg-media-image-share a.mazda-mg-media-image-share-facebook:hover {background-position:-36px -20px;}
div.mazda-mg-media-image-share a.mazda-mg-media-image-share-twitter {background-position:0 -40px;}
div.mazda-mg-media-image-share a.mazda-mg-media-image-share-twitter:hover {background-position:-36px -40px;}

div.mazda-mg-media-image-link {position:absolute; z-index:20; background:#0c0c0c; -moz-opacity:.90; filter:alpha(opacity=90); opacity:.9; width:437px; height:178px; top:50%; left:50%; margin:-89px 0 0 -218px; color:#fff;}
div.mazda-mg-media-image-link .photo {float:left; width:200px; padding:20px 0 0 10px;}
div.mazda-mg-media-image-link .photo img {border:1px solid #999; margin-bottom:6px;}
div.mazda-mg-media-image-link .photo .title {font-size:1.1em;}
div.mazda-mg-media-image-link .info {float:right; width:210px;}
div.mazda-mg-media-image-link .info .intro {font-size:11px; float:right; display:inline; margin:5px 10px 0 0; width:200px; height:15px;}
div.mazda-mg-media-image-link .info .url {font-size:11px; float:right; display:inline; margin-right:10px; padding:10px; width:178px; height:91px; color:#fff; background:#333; border:1px solid #999; word-wrap:break-word;}
a.mazda-mg-media-image-link-close {float:right; display:inline; margin:6px 10px 0 0; padding:4px 12px 5px 12px; background:#333; color:#fff; border:1px solid #999;}
a.mazda-mg-media-image-link-close:hover {text-decoration:none; background:#555;}

/*view full size from mini gallery*/
a.mazda-mg-media-image-view { position:absolute; bottom:0; right:0; display:block; border-top:2px solid white; border-left:2px solid white; width:120px; height:19px; padding:7px 30px 0 10px; color:#fff; background:#c4c4c4 url('/images/generic/bg-lightbox-full.gif') no-repeat 136px 5px; line-height:1; }
a.mazda-mg-media-image-view:hover { background-color:#0084d2; text-decoration:none; }


#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 4px;
	width: 30px;
	height:30px;
	z-index: 12102;
	display: none;
}

#fancybox-left {
    left: auto;
	right: 40px;
}

#fancybox-right {
	right: 10px;
}

#fancybox-left:hover span,
#fancybox-left span {
	left: 0;
}

#fancybox-right:hover span,
#fancybox-right span {
	left: auto;
	right: 0;
}

ul.ui-autocomplete.sensis {background:white;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;} 
ul.ui-autocomplete.sensis li.ui-menu-item {padding: 1px;display: block;border-bottom: 1px solid #e5e5e5;}
ul.ui-autocomplete.sensis li.ui-menu-item a{padding: 8px 10px 5px 3px; display: block; color: #7f7f7f; font-size: 11px; text-decoration:none; font-weight: 100;cursor:pointer;}
ul.ui-autocomplete.sensis li.ui-menu-item a span{color: #0085CF;}
ul.ui-autocomplete.sensis .ui-state-hover,
ul.ui-autocomplete.sensis .ui-widget-content .ui-state-hover,
ul.ui-autocomplete.sensis .ui-state-focus,
ul.ui-autocomplete.sensis .ui-widget-content .ui-state-focus,
ul.ui-autocomplete.sensis li.ui-menu-item a:hover {background-color: #f5f5f5; color:#414141; }

/* Sensis Total Check Heading */
#wizard-header {float:left;}
#sensis-white-pages {float:right;padding-right:7px;}
#vehicle-records-wrapper #sensis-white-pages {position:relative; top:-33px;}

/* Wide Carousel */
/* TODO: add class for right coordinates from BT-50 wide carousel */
.wide-wing {position:relative;overflow:hidden;margin:0 auto;display:block;}
.wide-carousel {width:1280px;height:460px;}
.wide-carousel-inset {height:460px;position:relative;left:0;overflow:hidden;}
.wide-carousel-inset li {float:left;width:1280px;height:460px;position:relative;}
.wide-carousel-inset li .swoop,
.wide-carousel-inset li .swoop2 {width:1280px;height:460px;display:none;position:absolute;top:0;left:-1280px;}
.wide-carousel-inset li .copy {width:545px;height:142px;display:none;position:absolute;top:139px;background-position:top left;color:#000;}
.wide-carousel-inset li .copy .video {display:block;left: 112px;position: absolute;top: 107px;}
.wide-carousel-inset li .copy .title {position: absolute;left: 164px;top: -3px;color: white;font-size: 50px;font-weight:normal;}
.wide-carousel-inset li .copy .subtitle {white-space:nowrap;position: absolute;top: 44px;z-index:10;}
.wide-carousel-inset li .copy .subtitle h4 {padding: 13px 45px 13px 117px;font-size: 20px;color: #4a4a4a;background: white;margin-left:79px;font-weight:normal;}
.wide-carousel-inset li .copy .subtitle .corner {float:left;background:url(/images/design/subtitle-corner.png);width:79px;height:46px;}
.wide-carousel-inset li .copy .tagline {white-space:nowrap;position: absolute;left: 186px;top: 85px;color: white;font-size: 16px;font-family: 'Interstate-RegularRegular',arial,sans-serif;padding: 6px 38px 6px 20px;letter-spacing: 1px;background:black;z-index:20;}
.wide-carousel-inset li .copy .find-out-more {left: 271px;position: absolute;top: 113px;}
.wide-carousel-inset li .copy .find-out-more .corner {float:left;background:url(/images/design/find-out-more-corner.png);width:51px;height:29px;}
.wide-carousel-inset li .copy .find-out-more a {display:block;background:#0084d2 url(/images/design/find-out-more-bg.png) no-repeat right center;height:21px;font-size: 14px;color: white;text-transform: uppercase;margin-left: 51px;padding: 8px 40px 0 6px;text-decoration:none;}
.wide-carousel-inset li .copy .inner-copy {width:200px;left:265px;top:107px;position:absolute;}
.wide-carousel-nav {width:960px;height:29px;margin:0 auto;position:relative;bottom:44px;background:url(/images/design/carousel-nav.png) no-repeat;font-family:Interstate-RegularRegular, arial, sans-serif;font-size:15px;color:#fff;}
.winging .wide-carousel-nav {position: relative;left: 5px;}
.wide-carousel-nav a {color:#fff;}
.wide-carousel-nav-title {position:absolute;left:532px;padding-top: 7px;text-align: right;width: 300px;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
.wide-carousel-nav-count {position:absolute;left:848px;padding-top: 7px;text-align: right;width: 40px;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
.wide-carousel-nav-buttons {width:60px;position:absolute;right:0;}
.wide-carousel-nav-buttons .prev {display:block;position:absolute;left:3px;padding:9px 11px;width:8px;height:11px;background:url(/images/design/carousel-arrows-l.png) 11px 9px no-repeat;}
.wide-carousel-nav-buttons .next {display:block;position:absolute;right:3px;padding:9px 11px;width:8px;height:11px;background:url(/images/design/carousel-arrows-r.png) 11px 9px no-repeat;}
.wide-carousel-nav-buttons .loading {background:url(/images/design/loading.gif) 8px 6px no-repeat;}
html.lte8 .wide-carousel .swoop,
html.lte8 .wide-carousel .swoop2 {background:none !important;}
html.lte8 .wide-carousel .copy {background:none !important;}
html.lte8 .wide-carousel .copy .find-out-more {background:none !important;}
html.ios .wide-carousel .swoop,
html.ios .wide-carousel .swoop2 {background:none !important;}
html.ios .wide-carousel .copy {background:none !important;}
html.ios .wide-carousel .copy .find-out-more {background:none !important;}

/* Gallery */
.gallery-wrapper {position: relative;width: 960px;margin: 0 auto;z-index:101;visibility:hidden;}
.gallery-wrapper-shown {visibility:visible}
.gallery {position: absolute; z-index: 101; top: 446px; height: 446px;overflow: hidden;}
.gallery .media {width: 960px; height: 445px; background-color: #000;}
.gallery .jcarousel-item {width:960px;}
.gallery div.menu { position: absolute; top:362px; }
.gallery div.menu-top {height: 23px; width: 217px; background: url('/images/vehicles/bg-thumbs.png') repeat 0 0; padding: 7px 27px 0 10px;}
.gallery div.menu-top span, .gallery div.menu-top a{/*font-family:'Interstate-RegularRegular',arial,sans-serif;*/ color: #fff;font-weight: bold; }
.gallery div.menu-top span {float:left; font-size: 1.8em; }
.gallery div.menu-top a {float: right; font-size: 1.1em; padding-top: 7px;}
.gallery div.thumbs {width: 944px; height: 49px;  padding: 4px 10px 0 6px; background: url('/images/vehicles/bg-thumbs.png') repeat 0 0; }
.gallery div.thumbs ul{  float: left; width: 874px;}
.gallery div.thumbs li {float: left; height: 44px; width: 66px; margin-right: 4px;}
.gallery div.thumbs li img{display: inline; border: 1px solid #000; width: 64px; height: 42px;}
.gallery div.thumbs li.active img{border: 1px solid #fff; }
.gallery .see-all a{float: right; width: 60px; color: #fff; text-transform: uppercase; font-family:'Interstate-RegularRegular',arial,sans-serif; font-size: 1.1em; font-weight: bold; padding-top: 20px;}
	
.gallery a.action {width: 40px; height: 40px; position: absolute; background: url('/images/vehicles/icn-gallery-actions.png') no-repeat 0 0; top: 0; text-indent: -9999em;}
.gallery a.action.close-lk {right: 0; background-position: 0 -80px;}
.gallery a.action.previous-lk {top: 185px;}
.gallery a.action.next-lk {top: 185px; right: 0; background-position: 0 -40px;}

/* New Mazda 3 */
body.new-vehicle .mazda3.section-subnav { width: 960px; margin: 0 auto; position: relative; z-index: 100; }
body.new-vehicle .mazda3.section-subnav span.corner { background: url("/images/vehicles/new-vehicle/white30cut.png") no-repeat; width:274px; height:94px; position:absolute; top:0; left:-160px; }
body.new-vehicle .mazda3.section-subnav ul { position: absolute; top: 10px; left: -170px; padding: 0 20px 0 170px; height: 36px; background: #fff; z-index: 120; border-right: 5px solid #0089c3; }
body.new-vehicle .mazda3.section-subnav ul li { float: left; }
body.new-vehicle .mazda3.section-subnav ul li a { display: block; height: 36px; text-indent: -9999em; background: url("/images/vehicles/mazda3/section-subnav.gif") no-repeat; margin: 0 10px; }
body.new-vehicle .mazda3.section-subnav ul li a.home { width:87px; background-position: 0 0; }
body.new-vehicle .mazda3.section-subnav ul li a.explore { width:61px; background-position: -87px 0; }
body.new-vehicle .mazda3.section-subnav ul li a.range { width:48px; background-position: -148px 0; }
body.new-vehicle .mazda3.section-subnav ul li a.features { width:72px; background-position: -196px 0; }
body.new-vehicle .mazda3.section-subnav ul li a.home:hover,
body.new-vehicle .mazda3.section-subnav ul li a.home.active { background-position: 0 -36px; }
body.new-vehicle .mazda3.section-subnav ul li a.explore:hover,
body.new-vehicle .mazda3.section-subnav ul li a.explore.active { background-position: -87px -36px; }
body.new-vehicle .mazda3.section-subnav ul li a.range:hover,
body.new-vehicle .mazda3.section-subnav ul li a.range.active { background-position: -148px -36px; }
body.new-vehicle .mazda3.section-subnav ul li a.features:hover,
body.new-vehicle .mazda3.section-subnav ul li a.features.active { background-position: -196px -36px; }

body.new-vehicle .bt-50.section-subnav { width: 960px; margin: 0 auto; position: relative; z-index: 100; }
body.new-vehicle .bt-50.section-subnav span.corner { background: url("/images/vehicles/new-vehicle/white30cut.png") no-repeat; width:274px; height:46px; position:absolute; top:0; left:-160px; }
body.new-vehicle .bt-50.section-subnav ul { position: absolute; top: 10px; left: -170px; padding: 0 20px 0 170px; height: 36px; background: #fff; z-index: 120; }
body.new-vehicle .bt-50.section-subnav ul li { float: left; }
body.new-vehicle .bt-50.section-subnav ul li a { display: block; height: 36px; text-indent: -9999em; background: url("/images/vehicles/bt-50/section-subnav.png") no-repeat; margin: 0 10px; }
body.new-vehicle .bt-50.section-subnav ul li a.home { width:63px; background-position: 0 0; }
body.new-vehicle .bt-50.section-subnav ul li a.explore { width:63px; background-position: -63px 0; }
body.new-vehicle .bt-50.section-subnav ul li a.range { width:49px; background-position: -126px 0; }
body.new-vehicle .bt-50.section-subnav ul li a.features { width:70px; background-position: -175px 0; }
body.new-vehicle .bt-50.section-subnav ul li a.boss-packs { width:123px; background-position: -245px 0; }
body.new-vehicle .bt-50.section-subnav ul li a.home:hover,
body.new-vehicle .bt-50.section-subnav ul li a.home.active { background-position: 0 -29px; }
body.new-vehicle .bt-50.section-subnav ul li a.explore:hover,
body.new-vehicle .bt-50.section-subnav ul li a.explore.active { background-position: -63px -29px; }
body.new-vehicle .bt-50.section-subnav ul li a.range:hover,
body.new-vehicle .bt-50.section-subnav ul li a.range.active { background-position: -126px -29px; }
body.new-vehicle .bt-50.section-subnav ul li a.features:hover,
body.new-vehicle .bt-50.section-subnav ul li a.features.active { background-position: -175px -29px; }
body.new-vehicle .bt-50.section-subnav ul li a.boss-packs:hover,
body.new-vehicle .bt-50.section-subnav ul li a.boss-packs.active { background-position: -245px -29px; }

/* New Mazda 3 */
/* Future addition to vehicle compare and/or buying tools */
body.new-vehicle.vehicles-model .buying-tools-buttons {left:10px;top:-60px;margin:0;}
body.new-vehicle.vehicles-model .buying-tools-buttons li {float:left;}
body.new-vehicle.vehicles-model .buying-tools-buttons li a {border-radius:0;border-right-width:0 !important;}
body.new-vehicle.vehicles-model .buying-tools-buttons li a.first { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
body.new-vehicle.vehicles-model .buying-tools-buttons li a.last { border-right-width:1px !important;-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; border-right: 1px solid #d7d7d7; }
/* Override existing buying tools buttons */
body.new-vehicle.vehicles-model .buying-tools-buttons li a {text-indent:0 !important;}
/*body.new-vehicle .button {font-size: 14px !important; font-weight: normal !important; color: #0085cf !important; background: #f2f2f2 url('/images/button.gif') no-repeat top right; padding: 5px 30px 5px 10px; border: 1px solid #d5d5d5; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 20px; line-height: 20px; }
body.new-vehicle .button:hover { text-decoration: none; background-position: right bottom; }
*/

/* New Mazda 3 */
/* Future addition to vehicle compare */
body.new-vehicle #rendering-title-compare h2 {padding-bottom:0}
body.new-vehicle #rendering-intro-compare {width:450px; font-size:1.2em;}

body.new-vehicle #compare-wrapper {background: url("/images/compare/header-background-grey.gif") repeat-x top; width: 766px; margin-top: 10px; margin-bottom:30px; padding-top: 32px;}

body.new-vehicle #compare-models {float:left; width: 132px; font-weight: bold; }
body.new-vehicle #compare-models li {cursor: pointer; }
body.new-vehicle #compare-models b {color: #0085cf; font-size: 12px; line-height: 16px;}
body.new-vehicle #compare-models li.active, body.new-vehicle #compare-models li.active:hover {background: #0584c7 url("/images/compare/compare-model-background-gradient.gif") repeat-x top !important; color: #fff; }
body.new-vehicle #compare-models li.active b { color: #fff; }
body.new-vehicle #compare-models li.hover {background-color: #e6e6e6;}
body.new-vehicle #compare-models .model {border-bottom: 1px solid #e5e5e5; padding: 10px; display:block; }
body.new-vehicle #compare-models li.active .model {border-bottom: 1px solid #0584c7;}

body.new-vehicle .compare-content {float: left; width: 633px;color: #fff; }
body.new-vehicle .compare-content * {color: #000;}
body.new-vehicle .compare-content h2 {font-family:'Interstate-RegularRegular',arial,sans-serif; width: 290px; font-weight: 100; font-size: 20px; margin: 4px 0 20px; color: #000;}

body.new-vehicle 	.compare-model-container {padding: 0 20px 20px 30px; position:relative; min-height:288px;}

body.new-vehicle 		.compare-media {position: absolute; right:30px; top:-75px;}

body.new-vehicle 		.compare-model-spec {float: left; margin: 0 30px 0 0px; display:inline; width:164px;}
body.new-vehicle 		.compare-model-spec li{border-bottom: 1px solid #d2d7d7; padding: 10px 0px 10px 0; font-size: 10px; color: #4c4c4c;}
body.new-vehicle 		.compare-model-spec li b {font-size: 16px; color: #0086cd;}
body.new-vehicle 		.compare-model-spec h3 {font-size: 12px; font-weight: 100; color:#4c4c4c;}

body.new-vehicle 		.compare-model-description { padding-top: 48px; padding-right: 40px;font-size: 14px; line-height: 18px; margin-left: 194px; color: #777777;}
body.new-vehicle 		.compare-model-description div { margin-top: 10px; }
body.new-vehicle 		.compare-model-description .compare-model-select label, body.new-vehicle .compare-model-description a { font-weight: bold; color: #4c4c4c; }
body.new-vehicle 		.compare-model-description a { font-size: 11px; margin-bottom: 10px;}

body.new-vehicle 		.compare-model-description .compare-model-button-mazda3 { margin-top: 30px; }
/* Override existing compare models */
body.new-vehicle #compare-models li {padding-left:0;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
body.new-vehicle .compare-model-container {background:none;}
body.new-vehicle #compare-models li.active b {background:none;}

/* New Mazda 3 */
/* Future addition to screen? */
body.new-vehicle #breadcrumbs {background:#fff;}
body.new-vehicle #content-left {background:#fff;}
body.new-vehicle #content-right {background:#fff;padding-top:0;}
body.new-vehicle #content-wrapper {background:url("/images/generic/page-wrapper-background.png") no-repeat center top;width:960px;padding:5px;position:relative;z-index:200;}

body.new-vehicle .header-tiles { padding: 10px; background:#fff;}
body.new-vehicle .header-tiles li { float: left; margin-right: 5px; }
body.new-vehicle .header-tiles li.last { float: left; margin-right: 0; }
body.new-vehicle .header-tiles li a { display:block; width:310px;height:165px; }
body.new-vehicle .header-tiles li a:hover { background-position:0 -165px !important; }
body.new-vehicle .header-tiles #mazda3-gallery-btn {background:url(/images/vehicles/mazda3/gallery_btn.jpg) no-repeat;}
body.new-vehicle .header-tiles #mazda3-skyactiv-btn {background:url(/images/vehicles/mazda3/skyactiv_btn.jpg) no-repeat;}
body.new-vehicle .header-tiles #mazda3-range-btn {background:url(/images/vehicles/mazda3/range_btn.jpg) no-repeat;}
body.new-vehicle .header-tiles #bt-50-gallery-btn {background:url(/images/vehicles/bt-50/roadtest_btn.jpg) no-repeat;}
body.new-vehicle .header-tiles #bt-50-specs-btn {background:url(/images/vehicles/bt-50/specs_btn.jpg) no-repeat;}
body.new-vehicle .header-tiles #bt-50-boss-packs-btn {background:url(/images/vehicles/bt-50/bosspacks_btn.jpg) no-repeat;}
body.new-vehicle .header-tiles #bt-50-competition-btn {background:url(/images/vehicles/bt-50/bt-50_comp_btn.jpg) no-repeat;}

body.new-vehicle .vehicle-flash-fallback {height:460px;}

/* Mazda3 Range */
.fade-carousel { width:1280px; height: 460px; background: url("/images/vehicles/mazda3/fade-carousel-bg.jpg") 0 top no-repeat; }
.fade-carousel .fade-carousel-controls { width: 100px; height: 32px; border:1px solid #d5d5d5; position: absolute; top: 350px; left: 50%; margin-left: -51px; z-index: 100; -webkit-box-shadow: 0px 0px 3px 0px #d5d5d5; -moz-box-shadow: 0px 0px 3px 0px #d5d5d5; box-shadow: 0px 0px 3px 0px #d5d5d5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.fade-carousel .fade-carousel-controls a { width: 50px; height: 32px; background: url("/images/vehicles/new-vehicle/arrow-buttons.gif") no-repeat; display: block; float: left; text-indent: -9999em; }
.fade-carousel .fade-carousel-controls a.prev { background-position: 0px 0px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.fade-carousel .fade-carousel-controls a.next { background-position: -50px 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }
.fade-carousel .fade-carousel-controls a.prev:hover { text-decoration: none; background-position: 0px -32px; }
.fade-carousel .fade-carousel-controls a.next:hover { text-decoration: none; background-position: -50px -32px; }
.fade-carousel .fade-carousel-inset { width: 960px; height: 440px; margin: 0 auto; overflow: hidden; }
.fade-carousel-inset .slide { float: left; width: 960px; height: 440px; position: relative; background-position:0 26px !important; }
body.bt-50 .fade-carousel-inset .slide { background-position:0 55px !important; }
.fade-carousel-inset .slide .copy { width: 350px; position: absolute; top: 150px; left: 550px; }
body.bt-50 .fade-carousel-inset .slide .copy { top: 100px; }
.fade-carousel-inset .slide h2 { font-weight:normal; color: #0085cf; }
.fade-carousel-inset .slide p { font-size: 14px; }
.fade-carousel-inset .slide a.button { font-family:'Interstate-RegularRegular',arial,sans-serif; font-weight: 100; font-size: 14px; color: #0085cf; background: url("/images/vehicles/new-vehicle/more-button.gif") no-repeat; height: 19px; width: 80px; padding: 5px 0 0 22px; display: block; border: 1px solid #d5d5d5; -webkit-box-shadow: 0px 0px 3px 0px #d5d5d5; -moz-box-shadow: 0px 0px 3px 0px #d5d5d5; box-shadow: 0px 0px 3px 0px #d5d5d5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.fade-carousel-inset .slide a.button:hover { background-position: 0px -24px; text-decoration: none; }

/* Mazda3 Features */
.features-carousel {width:1280px;height:460px;}
.features-carousel-inset {height:520px;position:relative;left:0;overflow:hidden;}
.features-carousel-inset li {float:left;width:1280px;height:520px;position:relative;display:none;}
.features-carousel-inset li div.links { padding-top: 300px; }
.features-carousel-inset li div.links a { font-family:"Interstate-RegularRegular", arial, sans-serif; background: #fff url("/images/vehicles/new-vehicle/more-button-alt.gif") right top repeat-x; position: absolute; left: 0; top: 0; padding: 5px 25px 5px 5px; height: 12px; -webkit-box-shadow: 0px 0px 3px 0px #333333; -moz-box-shadow: 0px 0px 3px 0px #333333; box-shadow: 0px 0px 3px 0px #333333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 12px; z-index:100 }
.features-carousel-inset li div.links a:hover { background-position: right -24px; text-decoration: none; }
.features-carousel-inset li div.links a.item-0 { top: 78px; left: 160px; }
.features-carousel-inset li div.links a.item-1 { top: 106px; left: 160px; }
.features-carousel-inset li div.links a.item-2 { top: 134px; left: 160px; }
.features-carousel-inset li div.links a.item-3 { top: 162px; left: 160px; }
.features-carousel-inset li div.links a.item-4 { top: 190px; left: 160px; }
.features-carousel-inset li div.links a.item-5 { top: 218px; left: 160px; }
.features-carousel-inset li div.links a.item-6 { top: 246px; left: 160px; }
.features-carousel-inset li div.links a.item-7 { top: 274px; left: 160px; }
.features-carousel-inset li div.links a.item-8 { top: 302px; left: 160px; }
.features-carousel-inset li div.links a.item-9 { top: 330px; left: 160px; }
.features-carousel-inset li div.links a.item-10 { top: 358px; left: 160px; }
.features-carousel-inset li div.links a.item-11 { top: 386px; left: 160px; }
.features-carousel-nav { margin: 0 auto; width: 440px; position:relative; bottom:135px; font-family:"Interstate-RegularRegular", arial, sans-serif; font-size:15px; color:#fff; -webkit-box-shadow: 0px 0px 3px 0px #555555; -moz-box-shadow: 0px 0px 3px 0px #555555; box-shadow: 0px 0px 3px 0px #555555; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.features-carousel-nav li { float: left; }
.features-carousel-nav a { width: 109px; color:#0283d4; background: #fff url("/images/vehicles/new-vehicle/tab-gradient.gif") bottom repeat-x; text-decoration: none; padding: 10px 0; border-right: 1px solid #d2d2d2; float: left; text-align: center; }
.features-carousel-nav a:hover, .features-carousel-nav a.current { background: #0c8bd1 url("/images/vehicles/new-vehicle/tab-gradient-hover.gif") top repeat-x; color: #fff; }
.features-carousel-nav li.first a { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.features-carousel-nav li.last a { width: 110px; border-right: none; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; }
.new-vehicle-modal {width:540px;}
.new-vehicle-modal h3 {font: 21px 'InterstateBoldRegular',arial,sans-serif;padding: 15px 20px;}
.new-vehicle-modal div {display:inline-block;}
.new-vehicle-modal div img {width:500px;height:182px;padding: 0 20px;}
.new-vehicle-modal p {padding: 15px 20px;}
.boss-packs-carousel .features-carousel-nav {display:none;}
/*.boss-packs-carousel .features-carousel-nav a {width:219px;}
.boss-packs-carousel .features-carousel-nav li.last a {width:220px;}*/


/* Media Gallery 2011 */
/*tabs*/
#filters { position:relative; z-index:2; }
ul.tabs { border-bottom:2px solid #36a2dd; position:relative; }
ul.tabs li { float:left; }
ul.tabs li a.btn-med-white { position:relative; border-bottom:0!important; -moz-border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px; }
span.btn-arrow { position:absolute; top:0; right:0; width:30px; height:26px; margin:2px 0; background: url('/images/buttons/btn-ico-dropdown.png') no-repeat 0 0; border-left:1px solid #d5d5d5; }
#btn-media-chan { padding-right:43px; width:69px; }
#btn-media-chan.active span.btn-arrow,
#btn-media-chan.hover span.btn-arrow,
#btn-media-chan:hover span.btn-arrow { background-position:0 100%; border-color: #0D8ED5; }

/*channels submenu*/
#channels-wrapper { display:none; position:absolute; z-index:2; left:0; top:31px; width:700px; padding:18px 33px; background:#fff; border-top:2px solid #36a2dd; -moz-border-radius:0px 0px 6px 6px; -webkit-border-radius:0px 0px 6px 6px; border-radius:0px 0px 6px 6px; }
html.rgba #channels-wrapper { -moz-box-shadow:0px 3px 5px rgba(0,0,0,.25); -webkit-box-shadow:0px 3px 5px rgba(0,0,0,.25); box-shadow:0px 3px 5px rgba(0,0,0,.25); }
html.no-rgba #channels-wrapper { -moz-box-shadow:0px 3px 5px #ccc; -webkit-box-shadow:0px 3px 5px #ccc; box-shadow:0px 3px 5px #ccc; }
html.no-boxshadow  #channels-wrapper { border:1px solid #ccc; border-top-color:#0d8ed5; }
ul.category-group { float:left; width:140px; font-size:14px; }
ul.category-group li { float:none; padding-bottom:14px; }
ul.category-group a { color:#707070; }
ul.category-group a:hover { color:#0085cf; /*text-decoration:none;*/ }
li.category-heading { font:19px 'InterstateBoldRegular',arial,sans-serif; color:#000; padding-bottom:20px; }

/*list header*/
#media-list-header { padding:15px 0 15px 10px; }
#media-list-header h2 { float:left; font:19px/32px 'InterstateBoldRegular',arial,sans-serif; color:#000; margin:0; padding:0; }
#category-title-sep { font-family:Arial,helvetica,sans-serif; font-weight:normal; color:#ccc; }
#category-title { color:#777; }
#media-list-select { float:right; }
#media-list-select li { float:left; }
#media-list-select a { width:58px; }
#btn-media-video { -moz-border-radius:4px 0px 0px 4px; -webkit-border-radius:4px 0px 0px 4px; border-radius:4px 0px 0px 4px; }
#btn-media-image { -moz-border-radius:0px 4px 4px 0px; -webkit-border-radius:0px 4px 4px 0px; border-radius:0px 4px 4px 0px; }

/*list thumbs*/
div.media-gallery-list {  }
li.media-gallery-thumb { float:left; position:relative; z-index:1; width:190px; padding-bottom:6px; margin-right:2px; font-size:14px; }
li.media-gallery-thumb a { color:#707070; cursor:pointer; }
li.media-gallery-thumb a:hover { color:#0085cf; text-decoration:none; }
li.media-gallery-thumb img.thumb { width:190px; height:107px; border:0px; }
li.media-gallery-thumb div.button { display:none; position:absolute; top:33px; left:75px; width:41px; height:41px; background:url('/images/explore/btn-video.png') no-repeat; }
li.media-gallery-thumb.image div.button { background-image:url('/images/explore/btn-images.png'); }
li.media-gallery-thumb a:hover div.button { display:block; }
span.media-title { display:block; padding:8px; height:2.2em; overflow:hidden; }
span.media-description { display:none; }

/*modal*/
#media-gallery-modal { width:766px; }
#media-modal-title { font:21px 'InterstateBoldRegular',arial,sans-serif; color:#000; padding:15px 20px; height:26px; line-height:26px; overflow:hidden; }
#media-modal-panel { /*height:160px;*/ }
#media-modal-panel div.info { float:left; position:relative; padding:18px 28px 58px 28px; width:549px; min-height:65px; border-right:1px solid #d5d5d5; }
#media-modal-panel div.nav { float:left; position:relative; padding:18px 0; width:160px;  }
a.media-gallery-nav { position:absolute; top:18px; text-indent:-9999em; display:block; width:25px; height:27px; background:url('/images/mediaplayer/btn-media-gallery-nav.png') no-repeat 0 0; }
#media-gallery-prev { right:44px; }
#media-gallery-prev.no-hover:hover,
#media-gallery-prev.no-hover:active { background-position:left 0; }
#media-gallery-prev:hover { background-position:left 50%; }
#media-gallery-prev:active { background-position:left 100%; }
#media-gallery-next,
#media-gallery-next.no-hover:hover,
#media-gallery-next.no-hover:active { right:20px; background-position:right 0; }
#media-gallery-next:hover { background-position:right 50%; }
#media-gallery-next:active { background-position:right 100%; }
#media-modal-like { position:absolute; left:28px; bottom:8px; height:35px; }
a.no-hover { cursor:default!important; }

#media-modal-panel div.status { position:absolute; top:25px; right:92px; font-size:14px; text-align:right; }


/* fancybox overrides */
#fancybox-close { top:-12px; right:-12px; width:25px; height:25px; background:url('../images/showroom/btn-fancybox-close.png') no-repeat 0 0; }
#fancybox-close:hover { background-position:0 -25px; }
#fancybox-close:active { background-position:0 -50px; }