/*
   vehicles-pricing.css
   Mazda Pricing Styles
   
   Created by Victor Nguyen on 2010-04-12.
   Copyright 2010 igloo digital. All rights reserved.
*/


/*PRICING*/
#pricing-wrapper {/*float:right; width:766px; padding-right:20px;*/ min-height:450px; height:auto!important; height:500px; background:url('/images/ajax-loader-fff.gif') no-repeat center 130px; margin-bottom:20px;}
#pricing-info {background:url('/images/pricing/bg-pricing-info-tile.gif') repeat-x 0 0;}

/*heading for instance on model landing page*/
#rendering-title-pricing {padding-top:14px; border-top:1px solid #ededed; letter-spacing:0;}
#rendering-title-pricing h2 {font-size:1.8em;}

/*nav*/
#pricing-nav-wrapper {background:#0085cf url('/images/pricing/bg-pricing-nav-wrapper.gif') no-repeat 0 0; height:60px;}
#pricing-nav .pricing-cat {float:left; padding:19px 20px 0 20px; color:#fff;}
#pricing-nav label {float:left; display:inline; font-size:1.4em; font-weight:bold; line-height:1.2; color:#fff; padding:2px 0; margin-right:12px;}
#pricing-nav select {float:left; width:180px;}
#pricing-nav #pricing-vehicle {float:right;}
#pricing-nav #pricing-state label {margin-right:6px;}
#pricing-nav #pricing-state a.help {text-indent:-9999em; float:left; display:inline; margin:1px 10px 0 0; width:17px; height:17px; background:url('/images/pricing/ico-pricing-state.gif') no-repeat 0 0;}
#pricing-nav #pricing-state a.help:hover {background-position:0 -100px;}


/*info*/
#pricing-info {padding-bottom:30px; height:auto;}
#pricing-info-photo {float:left; width:383px;}
#pricing-info-photo img {padding:4px 0 0 40px;}
#pricing-info-content {float:right; width:291px; padding:32px 80px 0 12px;}
#pricing-info-content-price {color:#0085cf; font-size:3.2em; font-family:'Interstate-RegularRegular',arial,sans-serif; padding-bottom:0;}
#pricing-info-content-rdp {font-size:14px; color:#4c4c4c;}
#pricing-info-content-details-bold {font-size:12px; color:#989999; font-weight:bold;}
#pricing-info-content-details {font-size:10px; color:#989999;}
#pricing-info-content-price .promo {color:#ad1723;}
#pricing-info-content-rdp .promo {font-size:12px;color:#ad1723;}

/*steps*/
#pricing-steps {padding:0 7px 20px 7px; min-height:150px; height:auto!important; height:200px;}
#pricing-steps .pricing-steps-group {float:left; display:inline; width:172px; margin-right:15px; border-top:3px solid #0085cf; padding-top:7px;}
#pricing-steps .pricing-steps-group h4 {color:#0085cf; font-size:1.4em; font-weight:bold; padding:0 0 0 5px; height:40px;}
#pricing-steps .pricing-steps-group li {border-bottom:1px solid #e2e2e2;}
#pricing-steps .pricing-steps-group li a {font-size:1.2em; color:#383838; display:block; padding:10px 0 5px 22px; margin-bottom:1px; background:url('/images/pricing/bg-pricing-steps-radio.gif') no-repeat 4px 8px;}
#pricing-steps .pricing-steps-group li a.active {background-color:#e5f3fa; background-position:4px -92px;}
#pricing-steps .pricing-steps-group li a:hover {text-decoration:none; background-color:#e5f3fa;}
#pricing-steps #pricing-steps-options {width:177px; margin-right:0;}

/*option more info (?) icon*/
#pricing-steps .pricing-steps-group li a.hasinfo {position:relative; padding-right:23px;}
.pricing-option-moreinfo {position:absolute; right:0; top:4px;}


/*links*/
#pricing-links {padding-right:16px;}
#pricing-links ul {float:right;}
#pricing-links li {float:left;}
#pricing-links li a {text-indent:-9999em; height:26px; display:block; margin-right:4px; background:#e4e4e4 url('/images/nav/btn-subnav-vehicles-ctas.gif') no-repeat 0 0;}
#pricing-links li #pricing-links-test {width:155px; background-position:-136px 0;}
#pricing-links li #pricing-links-test:hover {background-position:-136px -26px;}
#pricing-links li #pricing-links-brochure {width:170px; background-position:-291px 0;}
#pricing-links li #pricing-links-brochure:hover {background-position:-291px -26px;}
#pricing-links li #pricing-links-dealer {width:125px; background-position:-461px 0;}
#pricing-links li #pricing-links-dealer:hover {background-position:-461px -26px;}