/*
   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-filter {background:#e5e5e5 url('/images/accessories/ajax-loader.gif') no-repeat center center; height:36px; padding:12px 0; margin:20px 0 10px 0;}
#accessories-filter .accessories-filter-cat {float:left; padding:8px 20px; border-right:1px solid #cecece;}
#accessories-filter-nav {background:#e5e5e5;}
#accessories-wrapper label {font-size:1.2em; font-weight:bold; color:#000; padding-right:10px;}

#accessories-groups h2 {padding:0;}
#accessories-groups h2 a {display:block; padding:8px 4px; border-bottom:2px solid #e5e5e5; background:#fff url('/images/accessories/bgtitle-accessories-groups.gif') no-repeat 741px 5px;}
#accessories-groups h2 a:hover {text-decoration:none; background:#f2f2f2 url('/images/accessories/bgtitle-accessories-groups.gif') no-repeat 741px -95px;}
#accessories-groups h2.ui-state-active a, #accessories-groups h2.ui-state-active a:hover {color:#1a2e42; background-color:#fff; background-position:741px -195px;}

.accessory-overview {padding:19px 0 6px 0;}
.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; bottom:2px; right:2px;}
.accessory-info {float:right; width:220px;}
.accessory-info h4 {padding-top:6px; border-bottom:1px solid #e5e5e5;}
.accessory-info 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;}

.accessories-thumbs-scroller {overflow-y:hidden; overflow-x:auto; margin-bottom:20px; width:766px;}
.accessories-thumbs {padding:17px 0 10px 0;}
.accessory-thumb {float:left; width:134px; padding:3px 3px 20px 3px; font-size:1.2em; line-height:1.3;}
.accessory-thumb img {margin-bottom:6px; border:1px solid #e5e5e5;}
.accessory-thumb a {display:block;}
.accessory-thumb a.accessory.photo {height:73px;}
.accessories-thumbs .active {background-color:#0085cf;}
.accessories-thumbs .active a {color:#fff; text-decoration:none;}
.accessories-thumbs .active img {border-color:#0085cf;}
.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:10px;}