/* -----------------------------------------------
MASTER STYLESHEET
--------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset.css from eric meyer)

2: LAYOUT
	
3: GLOBAL ELEMENTS / CONTROLS
	
4: TEMPLATE / PAGE SPECIFIC

5. IMPORTED / PLUGIN CSS
	
6: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

body { background: #000; }

/* -----------------------------------------------
2. LAYOUT
----------------------------------------------- */

div#header { background: url('../images/_rr/bg-header-main.png') left bottom no-repeat; }

div#primary-content { background: url('../images/_rr/bg-primary-content-master.png') no-repeat; }
div.primary-content-tabs div#primary-content-body, div.primary-content-tabs div#content-body { background: url('../images/_rr/bg-primary-content-body.gif') repeat-y!important; }
/* for different home body */
div.primary-content-home div#primary-content-body { background: url('../images/_rr/bg-primary-content-home.png') no-repeat bottom left; }

div#footer { background: url('../images/_rr/bg-footer.png') no-repeat top left #000; }

/* -----------------------------------------------
3. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* SHARED ELEMENTS */
/* elements that are common throughout the whole site *

/* large promos */
div.large-promos ul li a span { color: #c4c4c4!important; }
div.large-promos ul li a:hover span { color: #464646!important; }
div.large-promos ul li a span { background: url('../images/_rr/icn-links-arrow.gif') left 2px no-repeat; }

/* HEADER ELEMENTS */

/* header search */
div#search input.text { color: #c1c1c1; background: url('../images/_rr/bg-search-top.gif') top left no-repeat; }
div#search a.site-map { color: #a9a9a9; }

/* primary navigation */
div#primary-navigation ul li { background: url('../images/_rr/border-primary-navigation.gif') right bottom no-repeat; }
div#primary-navigation ul li a { color: #bcbcbc; }
div#primary-navigation ul li.small a { color: #a9a9a9; }
div#primary-navigation ul li a.selected, div#primary-navigation ul li a:hover { background: url('../images/_rr/bg-primary-navigation-selected.gif') left bottom repeat-x; }

/* NAV DROPDOWN ELEMENTS */

/* primary navigation dropdown(s) */
div.new-vehicles-dropdown { background: url('../images/_rr/bg-new-vehicles-dropdown-bottom.jpg') bottom left no-repeat #000;  }
div.new-vehicles-dropdown div.close-nav { border-left: 1px solid #474747; }
div.new-vehicles-dropdown div.close-nav a { color: #d0d0d0; background: url('../images/_rr/icn-red-close.gif') right 7px no-repeat; }
div.new-vehicles-dropdown div.close-nav a:hover { color: #fff; }

/* new vehicles (note - most of the css code is taken from car select block for main content) */
div.new-vehicles-dropdown div.car-select div.car-select-block { background-image: url('../images/_rr/bg-car-select-block-dropdown-lr.png'); background-color: #0f0f0f; width: 447px; height: 196px; }

/* shopping tools */
div#primary-navigation ul li.menu ul { background-image: url('../images/_rr/bg-shopping-tools-dropdown.png'); background-position: left bottom; background-repeat: repeat-x; background-color: #141414; }
div#primary-navigation ul li.menu ul li a { color: #A9A9A9; }
div#primary-navigation ul li.menu ul li.build a { background-image: url('../images/_rr/icn-shopping-build-and-price.gif'); }
div#primary-navigation ul li.menu ul li.trade-in-value a { background-image: url('../images/_rr/icn-shopping-trade-in-value.gif'); }
div#primary-navigation ul li.menu ul li.nearestdealer a { background-image: url('../images/_rr/icn-shopping-locate-a-retailer.gif'); }
div#primary-navigation ul li.menu ul li.payment-calculator a { background-image: url('../images/_rr/icn-shopping-payment-calculator.gif'); }
div#primary-navigation ul li.menu ul li.request-a-quote a { background-image: url('../images/_rr/icn-shopping-request-a-quote.gif'); }
div#primary-navigation ul li.menu ul li.request-a-brochure a { background-image: url('../images/_rr/icn-shopping-request-a-brochure.gif'); }
div#primary-navigation ul li.menu ul li.keep-me-informed a { background-image: url('../images/_rr/icn-shopping-keep-me-informed.gif'); }
div#primary-navigation ul li.menu ul li.learnmore a { background-image: url('../images/icn-shopping-learnmore.gif'); } // TODO: create learnmore icon
div#primary-navigation ul li.menu ul li.testdrive a { background-image: url('../images/_rr/icn-shopping-request-a-test-drive.gif'); }
div#primary-navigation ul li.menu ul li.accessories a { background-image: url('../images/_rr/icn-shopping-accessories.gif'); }
div#primary-navigation ul li.menu ul li.download a { background-image: url('../images/_rr/icn-shopping-download.gif'); }
div#primary-navigation ul li.menu ul li.signup a { background-image: url('../images/_rr/icn-shopping-signup.gif'); }
div#primary-navigation ul li.menu ul li.website a { background-image: url('../images/_rr/icn-shopping-website.gif'); }
div#primary-navigation ul li.menu ul li.directions a { background-image: url('../images/_rr/icn-shopping-directions.gif'); }
div#primary-navigation ul li.menu ul li.compare a { background-image: url('../images/_rr/icn-shopping-compare.gif'); }
div#primary-navigation ul li.menu ul li.search a { background-image: url('../images/_rr/icn-shopping-search.gif'); }
div#primary-navigation ul li.menu ul li.photos a { background-image: url('../images/_rr/icn-shopping-photos.gif'); }
div#primary-navigation ul li.menu ul li.concepts a { background-image: url('../images/_rr/icn-shopping-concepts.gif'); }
div#primary-navigation ul li.menu ul li.login a { background-image: url('../images/_rr/icn-shopping-login.gif'); }
div#primary-navigation ul li.menu ul li.password a { background-image: url('../images/_rr/icn-shopping-password.gif'); }
div#primary-navigation ul li.menu ul li.update a { background-image: url('../images/_rr/icn-shopping-update.gif'); }
div#primary-navigation ul li.menu ul li a:hover { color: #A9A9A9; text-decoration: underline; }


/* HOMEPAGE ELEMENTS */

/* car select block */
div.car-select-block { background-image: url('../images/_rr/bg-car-select-block-both.png'); }
div.car-select-landrover div.car-select-block { background-image: url('../images/_rr/bg-car-select-block-lr.png'); }
div.car-select-rangerover div.car-select-block { background-image: url('../images/_rr/bg-car-select-block-rr.png'); }
div.landroverselect { background-position: top right; padding: 31px 28px 10px 15px; clear: none; }
div.rangeroverselect { background-position: top left; padding: 31px 10px 10px 33px; }
div.car-select-block dd.title { border-top: 1px solid #3b3b3b; color: #dfdfdf; background: url('../images/_rr/bg-car-select-block-sidestrip.gif') left top no-repeat; }
div.car-select-block dd.title span { background: url('../images/_rr/bg-car-select-block-sidestrip.gif') right top no-repeat; }
div.car-select-block dd.price { color: #a3a3a3; }
div.car-select-block dd a { color: #fff; }
div.car-select-block dd a.arrowlink { color: #fff; background: url('../images/_rr/icn-links-arrow.gif') left 6px no-repeat; }
div.car-select-block dd a:hover { color: #fff; }

/* VEHICLE LANDING PAGE ELEMENTS */

/* vehicle landing promos */
div.vehicle-landing-promos ul li a { color: #9d9d9b; background: url('../images/_rr/bg-vehicle-landing-promo-off.gif') top left no-repeat; }
div.vehicle-landing-promos ul li a:hover { background-image: url('../images/_rr/bg-vehicle-landing-promo-on.gif'); }
div.vehicle-landing-promos ul li span { color: #9B9B9B; }
div.vehicle-landing-promos ul li a strong { color: #fff; }

/* PAGE ELEMENTS */
/* contains elements that are shared across the bulk of the content pages */

/* primary content header */
div#primary-content-header { background: url('../images/_rr/bg-primary-content-tabs.png') top left no-repeat; }
div#primary-content-header h1, div#primary-content-header h2, div#primary-content-header span.title, div#primary-content-header small, div#primary-content-header span.price { color: #fff; }

/* secondary navigation (tabs) */
div#secondary-navigation li { background-image: url("../images/_rr/bg-secondarynav-tabs-left.png"); }
div#secondary-navigation a { background-image: url("../images/_rr/bg-secondarynav-tabs-right.png"); }

/* for different background and padding */
#content div.primary-content-tabs { background: url('../images/_rr/bg-primary-content-tabs.png') no-repeat; }

/* cta link - just image, link */
div.cta-link-block dd img { background: url('../images/_rr/bg-cta-link-block-top.gif'); }
div.cta-link-block dd a { background: url('../images/_rr/bg-cta-link-block-bottom.gif') bottom no-repeat; }
div.cta-link-block dd a span { background: url('../images/_rr/icn-lightgrey-block.gif') 5px 9px no-repeat; color: #fff; }
div.cta-link-block dd a:hover span { color: #fff; }
div.cta-link-block dd a span.part-number { color: #fff; }
/* cta link - optional specific */
div.cta-link-block-optional dd a span, div.cta-link-block-optional ul li a { background-image: url('../images/_rr/icn-optional-block.gif'); }
/* cta link wheels specific */
div.cta-link-block-wheels dd { background: 0 none!important; }
div.cta-link-block-wheels dd a span { background: url('../images/icn-darkgrey-block.gif') 5px 12px no-repeat; color: #474747; }
div.cta-link-block-wheels dd a:hover span { color: #474747; text-decoration: underline; }
dl.wheel-block dd, dl.wheel-block dd a, dl.wheel-block dd a span, dl.wheel-block dd a span.part-number { color: #474747!important; }
/* cta link engine select specific */
div.cta-link-block-engine dd { background: none!important;  }
div.cta-link-block-engine dd a span { color: #474747; }
div.cta-link-block-engine dd a:hover span { text-decoration: none; color: #474747; }
/* cta link - video specific */
div.cta-link-block-video dd { background: none!important; }
div.cta-link-block-video dd a span { color: #474747; }
div.cta-link-block-video dd a:hover span { color: #474747; }
/* cta link - video gallery page specific */
div.cta-link-videos-fullwidth dd { background: none!important; }
div.cta-link-videos-fullwidth dd a span { color: #474747; }
div.cta-link-videos-fullwidth dd a:hover span { color: #474747; }
/* cta link - video gallery overlay specific */
div.cta-link-videos-overlay dd { background: none; }

/* owner header videos */
div#owner-two-column-split div.cta-link-block dd a { background: none!important; }
div#owner-two-column-split div.cta-link-block dd a img { background: 0 none!important; }
div#owner-two-column-split div.cta-link-block dd a span { background: url('../images/_rr/icn-darkgrey-block.gif') 8px 9px no-repeat!important; color: #696969!important; }

/* FOOTER ELEMENTS */

/* footer global nav */
div.global-nav-footer { background: #000!important; }
div.global-nav-footer p { color: #818181; }

/* breadcrumb */
div#breadcrumb ul li { color: #bebebe; border-left: 1px dotted #000; }
div#breadcrumb ul li a { color: #bebebe;  }
div#breadcrumb ul li a:hover { color: #c9c9c9 }

/* footer tabs (jquery ui tabs - http://stilbuero.de/jquery/tabs_3/ ) - extra generic style content contained in ui.all.css */
/* sliding door technique for visual look of footer tabs */
div#footer .ui-tabs .ui-tabs-nav li { background:url("../images/_rr/bg-footer-tabs-right.gif") no-repeat right top; }
div#footer .ui-tabs .ui-tabs-nav li a { background:url("../images/_rr/bg-footer-tabs-left.gif") no-repeat left top; color: #c9c9c9; }
div#footer .ui-tabs .ui-tabs-panel { background: url('../images/_rr/bg-footer-tabs-internal.png') no-repeat top right; }
div#footer .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, div#footer .ui-tabs .ui-tabs-nav li.ui-state-disabled a, div#footer .ui-tabs .ui-tabs-nav li.ui-state-processing a { color: #c9c9c9; }

/* footer containers / lists (sitemap, most viewed content, related information) */
div.footer-links-block { background: url('../images/_rr/bg-footer-tabs-internal-bottom.gif') no-repeat bottom left; }

div.footer-links-block dl { border-right: 1px solid #484848; }
div.footer-links-block dt { color: #C9C9C9; }
div.footer-links-block dd a { color: #9A9A9A; background: url('../images/_rr/icn-links-arrow-footer.gif') left 3px no-repeat; }
div.footer-links-block dd a:hover { color: #c9c9c9; }

div.footer-links-block li a { color: #c9c9c9; background: url('../images/_rr/icn-links-arrow-footer.gif') left 3px no-repeat; }
div.footer-links-block li a:hover { color: #c9c9c9; }

/* tirtiary navigation (footer) */
div#tirtiary-navigation li { border-right: 1px solid #3f3f3f; }
div#tirtiary-navigation li a { color: #818181; }
div#tirtiary-navigation li a:hover { color: #818181; }