/*
   model-specs.css
   Mazda Model Specs Styles
   
   Created by Victor Nguyen on 2010-04-15.
   Copyright 2010 igloo digital. All rights reserved.
*/


/*MODEL: SPECS*/

/*title & intro on the compare page*/
#specs-meta #content-title h1 {padding-bottom:8px;}
#specs-meta #content-intro {float:left; width:383px; font-size:1.2em;}

.specs-cta {/*float:right; width:383px;*/ padding:10px 0;}
.specs-cta ul {float:right;}
.specs-cta li {float:left;}
.specs-cta li a {text-indent:-9999em; display:block; height:26px; background:url('/images/specs/btn-print-dl.gif') no-repeat 0 0;}
.specs-cta li a.specs-cta-print {width:165px; background-position:0 0;}
.specs-cta li a.specs-cta-print:hover {background-position:0 -26px;}
.specs-cta li a.specs-cta-download {width:134px; background-position:-165px 0;}
.specs-cta li a.specs-cta-download:hover {background-position:-165px -26px;}

#specs-loading {background:url('/images/ajax-loader-fff.gif') no-repeat center 50px; clear:both;}

/*body selector*/
#specs-body {padding:14px 8px 26px 8px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; -khtml-border-top-right-radius:4px; border-top-right-radius:4px;}
#specs-body ul {background:#fff;}
#specs-body li {float:left; font-weight:bold; font-size:1.4em;}
#specs-body li span {display:block; border-top:4px solid #c8c8ca; padding-top:4px;}
#specs-body li a img {display:block; margin-bottom:5px;}
#specs-body li a {text-decoration:none; margin-right:6px; display:block;}
#specs-body li a.active {color:#4c4c4c;}
#specs-body li a.active img {color:#4c4c4c;}
#specs-body li a.active span {color:#4c4c4c; border-top:4px solid #0085cf;}

/*each body style div*/
.spec-body h3,
.spec-body h4 {display:none;}

/*tabs*/
.specs-tabs {background:#0085cf; padding-bottom:16px;}
.specs-tabs ul {background:#fff;}
.specs-tabs li {float:left;}
.specs-tabs li a {display:block; text-align:center; font-size:1.2em; font-weight:bold;padding:10px 0; text-decoration:none; height:22px; }
 .specs-tabs li a.normal-tab-size { width:106px; }
 .specs-tabs li a.small-tab-size { width:95px; }
.specs-tabs li a:hover {color:#4c4c4c;}
/*.specs-tabs li a.active {color:#fff; background:#0085cf; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; -khtml-border-top-right-radius:4px; border-top-right-radius:4px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; -khtml-border-top-left-radius:4px; border-top-left-radius:4px;}*/
.specs-tabs li a.active {color:#fff;}
.specs-tabs li a.active:hover {color:#fff;}
.specs-tabs li a.normal-tab-size.active {background:#0085cf url('/images/specs/bg-specs-cat-tab.gif') no-repeat 0 0;}
.specs-tabs li a.small-tab-size.active {background:#0085cf url('/images/specs/bg-specs-cat-tab-small.gif') no-repeat 0 0;}

/*table styles*/
.spec-cat table {font-size:1.2em; margin-bottom:20px;  border-collapse:collapse;}
.spec-cat th, .spec-cat td {padding:8px 6px; border:2px solid #fff;}
.spec-cat th {font-weight:normal; color:#212121; text-align:left; padding-top:24px; padding-bottom:12px; background:url('/images/specs/bg-specs-th.gif') repeat-x 0 0;}
.spec-cat .first th {background:none; text-align:center;}
.spec-cat td {background:#eff7fb; text-align:center;}
.spec-cat td img {margin:0 auto;}
.spec-cat tr.zebra td {background:#f7fbfd;}
.spec-cat th.spec-class {font-weight:bold; width:141px; text-transform:capitalize; text-align:left;}
.spec-cat td.spec-class {text-align:left;}

/*footnotes: only displayed in print styles*/
#specs-footer, .spec-cat sup {display:none;}

/*spec modal*/
div.modal-spec { width:766px; padding-bottom:10px; }
div.modal-video { width:766px; height:431px; margin-bottom:16px; }
div.modal-copy,
div.modal-copy p { font-size:17px; line-height:1.2; }
a.modal-link { font-size:17px; font-weight:bold; }
div.modal-footnote { font-size:13px; font-style:italic; border-top:1px solid #e5e5e5; padding-top:20px; margin-top:20px; }