/*
   model-accessories.css
   Mazda Model Accessories Styles
   
   Created by Victor Nguyen on 2010-04-07.
   Copyright 2010 igloo digital. All rights reserved.
*/


/*MODEL: ACCESSORIES*/
#accessories-select-car {color: black;font-weight:bold;font-size: 16px;border-top: 1px #EAEAEA solid;display: block;margin-top: 10px;padding-top: 25px;}

#accessories-filter {background:#e5e5e5 url('/images/accessories/ajax-loader.gif') no-repeat center center; height:36px; padding:12px 0; margin:10px 0 20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#accessories-filter .accessories-filter-cat {float:left; padding:8px 20px; border-right:1px solid #cecece;}
#accessories-filter-nav {background:#e5e5e5;}
#accessories-filter-nav label {font-size:1.2em; font-weight:bold; color:#000; padding-right:10px;}

#accessories-groups h2 {border-top: 1px solid #EAEAEA;border-bottom: 1px solid #EAEAEA;padding: 14px 0;}
#accessories-groups h2 a {display:block; padding:8px 4px;}
#accessories-groups h2 a:hover {text-decoration:none;}

.accessory-overview {/*padding:6px 0;*/position:relative;}
.accessory-media {float:left; width:528px;}
.accessory-media-browser {margin:8px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:7px 3px; height:36px; background:url('/images/ajax-loader-fff.gif') no-repeat center center;}
.accessory-media-thumb {position:relative; float:left; margin-right:1px; display:inline; width:73px; height:36px; background:#e5e5e5 url('/images/accessories/ajax-loader.gif') no-repeat center center;}
.accessory-media-play {position:absolute; top:0; left:0;}
.accessory-detail-compatability {float:right; width:220px;}
.accessory-detail-compatability h4 {padding-top:6px; border-bottom:1px solid #e5e5e5;}
.accessory-detail-compatability ul li {font-size:1.2em; padding:6px 0; border-bottom:1px solid #e5e5e5;}
.accessory-detail-hero {width:528px; height:260px; background:#e5e5e5 url('/images/accessories/ajax-loader.gif') no-repeat center center;}
.accessory-video {width:528px; height:260px;}
.accessory-details {float:left;margin-top:20px;}

.accessories-section {padding-top:12px;position:relative;}

.accessory-info {float:left;width:510px;margin-right:18px;}

.accessory-close {display:block;width:19px;height:18px;cursor:pointer;background:url(/images/accessories/accessories-close.png) no-repeat;position:absolute;right:3px;top:14px;}
.accessory-prev {display:inline-block;width:19px;height:18px;cursor:pointer;background:url(/images/accessories/accessories-prev.png) no-repeat;}
.accessory-next {display:inline-block;width:19px;height:18px;cursor:pointer;background:url(/images/accessories/accessories-next.png) no-repeat;}
.accessory-step {position: absolute;right: 3px;top: -45px;}
.accessory-step span.index-count {font-size: 12px;font-weight: bold;padding: 0 10px;position: relative;bottom: 4px;color: black;}

.accessories-thumbs-scroller {overflow-y:hidden; overflow-x:auto; margin-bottom:20px; width:766px;}
.accessories-thumbs {padding: 17px 0 6px 0;float:left;width: 766px;}
.accessory-thumb-last {margin-right:0 !important;}
.accessory-thumb {float:left; width:189px; margin:3px 3px 20px 0; font-size:1.2em; line-height:1.3;}
.accessory-thumb img {margin-bottom:6px; border:2px solid #b2b2b2;}
.accessory-thumb a {display:block;}
.accessory-thumb a.accessory.photo {height:103px;}
/*.accessories-thumbs .active {background-color:#0085cf;}
.accessories-thumbs .active a {color:#fff; text-decoration:none;}*/
.accessories-thumbs .active img {opacity:0.5 !important;}
.accessory.info {padding:0 3px;}

.acc-footnote,
.acc-footnote p,
.modal-dialog .body .acc-footnote,
.modal-dialog .body .acc-footnote p {font-weight:normal; font-size:9px;}

.acc-more-info {color:#0085CF;font-weight:bold;}

#model-accessories-intro {width:506px;margin-right:20px;}
#content-intro.no-right-padding {padding-right:0 !important;}
#model-accessories-brochure {float:right;border-left:1px solid #eaeaea;padding-left:10px;margin-left:30px;width:240px;}
#model-accessories-brochure:hover {text-decoration:none;}
#model-accessories-brochure img {float:left;margin-right:10px;}
#model-accessories-brochure div {font-weight:bold;font-size:13px;color:#0086cd;line-height:normal;}
#model-accessories-brochure div p {font-size:Arial;color:#999999;font-size:17px;margin-bottom:8px;padding-bottom:0;}

#accessories-wrapper .footer-tile {margin-right:48px;width:223px;float:left;}
#accessories-wrapper .footer-tile-last {margin-right:0;}
#accessories-wrapper .footer-tile label {font-size:12px;display: block;padding-bottom: 8px;color:#707070;font-weight:normal;}
#accessories-wrapper .footer-tile label.error {color:#0085CF;}
#accessories-wrapper .footer-tile input {display:block;margin-bottom: 12px;}
#accessories-wrapper .footer-tile input.text {margin-left:0;background-color: #FAFAFA;border: 1px solid #E9E9E9;color: #707070;height: 14px;padding: 4px 3px;}
#accessories-wrapper .footer-tile a {font-size:12px;}
#accessories-wrapper .footer-tile img {margin-bottom:20px;}

#accessories-wrapper .accessory-dealer-search {float:left;border-left:1px solid #EDEDED;padding-left:18px;}
#accessories-wrapper .accessory-dealer-search h4 {color:#4C4C4C;font-size:15px;}
#accessories-wrapper .accessory-dealer-search label {font-size:12px;display: block;padding-bottom: 8px;color:#707070;font-weight:normal;}
#accessories-wrapper .accessory-dealer-search {color:#0085CF;}
#accessories-wrapper .accessory-dealer-search input {display:block;margin-bottom: 12px;}
#accessories-wrapper .accessory-dealer-search input.text {margin-left:0;background-color: #FAFAFA;border: 1px solid #E9E9E9;color: #707070;height: 14px;padding: 4px 3px;}
#accessories-wrapper .accessory-dealer-search a {font-size:12px;}

.accessory-detail-summary {padding-bottom:0;}
.accessory-detail-summary p {padding-bottom:10px;margin-bottom:0;font-size:12px;}