/*

This file is an attempt to fix the spaghetti code css that we are dealing with.  There is way too much
global css being used across 50 different css files.  So, we target *specific* areas of the site for
this to work correctly.

*/


/* site area selectors:
 *
 * - OEM shelf page:                            div#site-oem-shelf
 * - Parts shelf page:                          div#site-parts-shelf
 * - Accessories shelf page:					div#site-accessories-shelf
 * - Repair Guide:								div#site-repair-guide
 * - Search results page:                       div#site-search-results
 * - Gift Card page:                            div#site-gift-card
 * - Shopping Cart page:                        div#site-shopping-cart
 * - Shipping/billing page:                     div#site-shipping-billing
 * - Order summary page:                        div#site-order-summary
 * - Store List - Address                       div#site-store-list-address
 * - Send List (printable)                      div#site-sendlist-print
 * - Membership Benefits page					div#site-membership-benefits
 * - Promotions page                            div#site-promotions
 * - Promotions filter page                     div#site-promotions-filter-bulletin
 */


/* -------------------------------------
 *  common classes for clearing floats.
 *  These are not specific to a certain
 *  area of the site.  Used globally.
 * -------------------------------------
 */

div.clear-left {
        width: 100%;
        clear: left;
        font-size: 0px;
        line-height: 0em;
}

div.clear-right {
        width: 100%;
        clear: left;
        font-size: 0px;
        line-height: 0em;
}

div.clear-both {
        width: 100%;
        clear: both;
        font-size: 0px;
        line-height: 0em;
}



/* ---------------------------------
 *  shelf page fixes
 * ---------------------------------
 */

div#site-accessories-shelf div.application-pricing-info div,
div#site-oem-shelf div.application-pricing-info div,
div#site-parts-shelf div.application-pricing-info div {
        /* Border: 0px solid black; */ /* <-- for testing */
}

div#site-oem-shelf .part-application,
div#site-accessories-shelf .part-application,
div#site-parts-shelf .part-application {
        Border: 0px solid orange;
        clear: none;
}

div#site-oem-shelf .part-pricing-info,
div#site-accessories-shelf .part-pricing-info,
div#site-parts-shelf .part-pricing-info {
        Border: 0px solid green;
        clear: none;
        margin: 0px;
}


/* aligns the prices to the right */
div#site-accessories-detail .pricing-info div,
div#site-parts-detail .pricing-info div {
        border: 0px solid red;
        text-align: right;
}

/* fixes spacing issue on accessories detail screen */
div#site-accessories-detail #product-action-bar {
        margin: 60px 0px 25px 0px;
        border: 0px solid green;

}


/* makes height auto-adjust for item listings on shelf pages */
div#site-oem-shelf .content div.contentleft,
div#site-accessories-shelf .content div.contentleft,
div#site-parts-shelf .content div.contentleft {
        Height: auto;
}


div#site-parts-detail div.part-pricing-info {
        width: 100px;
}

div#site-parts-detail div.part-pricing-info div.part-info-header {
        float: left;
        text-align: right;
        width: 40px;
}

div#site-parts-detail div.part-pricing-info div.part_shelf_totals {
        float: right;
        text-align: left;
        width: 50px;
}



/*
 * Fixes for the oem version of the shelf page.  This probably needs to be done
 * on the parts and accessories versions as well.  If alignment issues are found
 * on the other two pages, we should go ahead and fix them to use the styles
 * below.
 */
div#site-oem-shelf div.application-pricing-info div.part-application-container {
	float: left;
	width: 140px;
}

div#site-oem-shelf div.application-pricing-info div.part-application {
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
}

div#site-oem-shelf div.application-pricing-info div.part-application div {
	border: 0px solid red;
	width: 100%;
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: none;
}








div#site-accessories-shelf div.item-list-pagination,
div#site-parts-shelf div.item-list-pagination,
div#site-oem-shelf div.item-list-pagination
{
	border: 0px solid red;
	text-align: center;
	overflow: hidden;
	margin: 10px 0px 0px 0px;
}


div#site-accessories-shelf div.item-list-pagination div.bct-bottom-right,
div#site-parts-shelf div.item-list-pagination div.bct-bottom-right,
div#site-oem-shelf div.item-list-pagination div.bct-bottom-right
{
	padding-bottom: 0px;
}

div#site-accessories-shelf div.item-list-pagination div.item-list-pagination-body,
div#site-parts-shelf div.item-list-pagination div.item-list-pagination-body,
div#site-oem-shelf div.item-list-pagination div.item-list-pagination-body
{
	background: #4E5663;
	color: white;
	overflow: hidden;
	height: 17px; /* stupid IE6 fix */
	padding: 0px 20px 0px 0px;
}

div#site-accessories-shelf div.item-list-pagination div.selopt-wrapper,
div#site-parts-shelf div.item-list-pagination div.selopt-wrapper,
div#site-oem-shelf div.item-list-pagination div.selopt-wrapper
{
	float: left;
	width: 150px;
	background: #4E5663;
}

div#site-accessories-shelf div.item-list-pagination div.selopt-wrapper select,
div#site-parts-shelf div.item-list-pagination div.selopt-wrapper select,
div#site-oem-shelf div.item-list-pagination div.selopt-wrapper select,
div#site-search-results div.pagination-div div.pagination-selopt select
{
	width: 50px;
}

div#site-accessories-shelf div.item-list-pagination div.link-wrapper-common,
div#site-parts-shelf div.item-list-pagination div.link-wrapper-common,
div#site-oem-shelf div.item-list-pagination div.link-wrapper-common
{
	border: 0px solid green;
	overflow: hidden;
	height: 1.4em; /* fix for float issue */
	float: right;
}

div#site-accessories-shelf div.item-list-pagination div.link-wrapper-common a,
div#site-parts-shelf div.item-list-pagination div.link-wrapper-common a,
div#site-oem-shelf div.item-list-pagination div.link-wrapper-common a
{
	color: #F68428;
	font-weight: bold;
}

div#site-accessories-shelf div.item-list-pagination div.previous-link-wrapper,
div#site-parts-shelf div.item-list-pagination div.previous-link-wrapper,
div#site-oem-shelf div.item-list-pagination div.previous-link-wrapper
{
	text-align: left;
	background: #4E5663;
	padding: 0px 5px 0px 0px;
}

div#site-accessories-shelf div.item-list-pagination div.previous-link-wrapper a,
div#site-parts-shelf div.item-list-pagination div.previous-link-wrapper a,
div#site-oem-shelf div.item-list-pagination div.previous-link-wrapper a
{
	background: transparent url(../images/common/orangeArrow_icon_left.gif) no-repeat 0 60%;
	padding-left: 5px;
}

div#site-accessories-shelf div.item-list-pagination div.next-link-wrapper,
div#site-parts-shelf div.item-list-pagination div.next-link-wrapper,
div#site-oem-shelf div.item-list-pagination div.next-link-wrapper
{
	text-align: right;
	background: #4E5663;
	padding: 0px 0px 0px 5px;
}

div#site-accessories-shelf div.item-list-pagination div.next-link-wrapper a,
div#site-parts-shelf div.item-list-pagination div.next-link-wrapper a,
div#site-oem-shelf div.item-list-pagination div.next-link-wrapper a
{
	background: transparent url(../images/common/orangeArrow_icon_right.gif) no-repeat 100% 60%;
	padding-right: 5px;
}




/* pagination on search results page - slightly different */

div#site-search-results div.pagination-div {
	border: 0px solid red;
	overflow: hidden;
	padding: 5px 10px 5px 10px;
	height: 21px;

}

div#site-search-results div.pagination-div div.pagination-selopt {
	width: 45%;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	clear: none;
}

div#site-search-results div.pagination-div div.pagination-selopt select {
	border: 1px solid #AAAAAA;
}

div#site-search-results div.pagination-div div.pagination-links {
	width: 45%;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 0px;
	clear: none;
}



/* ---------------------------------
 *  repair guide fixes
 * ---------------------------------
 */

#site-repair-guide h2 {
        Font-size: 18px;
        width: auto;
        height: auto;
        padding: 0px 0px 4px 0px;
}


#site-repair-guide .repair_guide_warning {
        margin: 20px 0px 0px 40px;
        width: 320px;
}

div#site-repair-guide div#leftsidebar ul li ul li {
        Border: 0px solid red;
        background-position: 20px 5px;
        width: 189px;
        padding-left: 30px;
}


div#site-repair-guide div#leftsidebar ul li ul li.selected {
        Border: 0px solid red;
        background-position: 20px 8px;
        width: 189px;
}

/* convoluted nested unordered lists are not rendering correctly in IE, so we need to do a browser-specific hack here */
div#msie6 div#site-repair-guide div#leftsidebar ul li ul li.selected,
div#msie7 div#site-repair-guide div#leftsidebar ul li ul li.selected {
        border: 0px solid purple;
        margin-top: 0px;
}



/* this is a hack - this is selecting nested elements like ol>div>ol - the div is a child of ol, which is invalid markup */
/* but, this is generated content from xsl and is what we have to work with */
/* we want to indent ordered lists that are children of other ordered lists */
div#site-repair-guide div.rg-instructions div ol {
        border: 0px solid red;
        /* padding: 0px 20px 0px 45px; */
        list-style-type: upper-alpha;
}

div#site-repair-guide div.instructions {
        padding: 20px 20px 0px 20px;
}

div#site-repair-guide div.instructions div.instruction-step-unordered {
        border: 0px solid green;

}

div#site-repair-guide div.instructions div.no-float {
        padding: 0px 0px 12px 0px;
}





/* ---------------------------------
 *  gift card fixes
 * ---------------------------------
 */


/* gift card landing - removes borders around radio buttons in IE */
div#site-gift-card input {
        border: 0px;
}

div#site-gift-card p.submit-button {
        text-align: right;
        padding-right: 20px;
}

div#site-gift-card table#collectGcInfo input {
        border: 1px solid black;
}




/* ---------------------------------
 * shopping cart
 * ---------------------------------
 */

/* this fixes an issue in IE where the input elements do not inherit the bgcolor from the parent cont */
div#site-shopping-cart div.content div.row div.remove input,
div#site-shopping-cart div.content div.row div.store-list input,
div#site-shopping-cart div.content div.row div.online-order input {
        border: 0px solid red;
        background: #FFFFFF;
}

div#site-shopping-cart div.content div.row-error div.remove input,
div#site-shopping-cart div.content div.row-error div.store-list input,
div#site-shopping-cart div.content div.row-error div.online-order input {
        border: 0px solid red;
        background: #FFEEEE;
}


div#site-shopping-cart div.content div.gift-card-promo-message {
	border: 0px solid red;
	text-align: right;
	padding: 0px 20px 0px 0px;
	font-weight: bold;
	color: #999999;
}




/* ---------------------------------
 * shipping and billing
 * ---------------------------------
 */

div#site-shipping-billing {
        /* nothing yet */
}
div#site-shipping-billing div#shippingForm,
div#site-shipping-billing div#billingForm
{
        margin: 0;
        border: 0px solid red;
        height:376px;
}

div#site-shipping-billing div#billing-info-container input#billingSameAsShipping {
        border: 0px;
}


/* ---------------------------------
 *  order summary
 * ---------------------------------
 */


/* outer div (full width) containing both the shipping options and billing options */
div#site-order-summary div#shipping-payment {
        border: 0px solid orange;
}


div#site-order-summary div#shipping-options-zone-outer {
        width: 455px;
        float: left;
        border: 0px solid green;
}

div#site-order-summary div#payment-information-zone-outer {
        width: 455px;
        float: left;
        border: 0px solid cyan;
}

#payment-information-zone .payment-information .form-field label {
        text-align:left;
}

#payment-information-zone .payment-information .form-field p {
        padding: 10px 10px 0px 0px;
}

div#site-order-summary div#shipping-options-zone-outer div.bottom-right,
div#site-order-summary div#payment-information-zone-outer div.bottom-right {
        margin-bottom: 0px;
}


/* div for shipping options */
div#site-order-summary div#shipping-options-zone {
        border: 0px solid purple;
        width: 455px;
        /* height: 115px; */
}



/* div for payment options */
div#site-order-summary div#payment-information-zone {
        border: 0px solid blue;
}

div#site-order-summary input#billingSameAsShipping,
div#site-order-summary input#saveShippingAddress {
        border: 0px solid red;
        background: #E6E6E6;
}

/* */
div#site-order-summary div#shipping-options-container {
        background-color: #E6E6E6;
        width: 455px;
}

div#site-order-summary div#shipping-options-zone div.options {
        padding: 5px;
        margin: 0px;
        background-color: #E6E6E6;
}

/* radio buttons in the shipping zone */
div#site-order-summary div#shipping-options-zone div.option {
        border: 0px solid black;
        padding: 4px 0px 4px 15px;
        width: auto;
}

/* div containing the text for shipping options */
div#site-order-summary div#shipping-options-zone div.information-zone {
        margin: 0px;
        padding: 5px 10px 0px 18px;
        background-color: #E6E6E6;
}



/* div containing shipping address */
div#site-order-summary div#shipping-address-zone {
        width: 227px;
        min-height: 148px;
        background-color: #E6E6E6;
}

div#site-order-summary div#shipping-address-zone img {
        padding-bottom: 7px;
}

/* div containing billing address */
div#site-order-summary div#billing-address-zone {
        width: 227px;
        min-height: 148px;
        background-color: #E6E6E6;
        border-left: 1px solid white;
}

div#site-order-summary div#billing-address-zone img {
        padding-bottom: 7px;
}


div#site-order-summary div#shipping-billing-container .header{
        background-color:#E6E6E6;
        border: 0px solid #FFFFFF;
        padding: 5px 18px;

}

/* fixes weird intermittent rendering issue in FF3 */
/* this is a child selector on purpose */
div#site-order-summary div#bdcontainer > div.content {
        margin-bottom: -1px;
}


div#site-order-summary div.gift-card-promo-message {
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	color: #4E5663;
}






/* ---------------------------------
 *  left navigation
 * ---------------------------------
 */

div#leftsidebar div.sidebar ul li.sub-cat {
        border: 0px solid red;
        margin-left: 20px;
}




/* ---------------------------------
 *  zip code overlay fixes
 * ---------------------------------
 */


/* Overrides for the html and body tags for the zip overlay.
 * There are global definitions for html and body that are
 * mistakenly being used site-wide, for all pages and overlays
 * This fixes it on the zip overlay.
 */
html#site-zip-overlay-html, body#site-zip-overlay-body {
        background: #CCC9C9;
}

/* add some padding at the top so rounded box is centered vertically */
html#site-zip-overlay-html body#site-zip-overlay-body div#cont {
        padding: 10px 0px 0px 0px;
}

/* Fix ugly 'CLOSE X' text */
html#site-zip-overlay-html body#site-zip-overlay-body div#cont div.closeOverlay {
        font-weight: bold;
        font-size: 11px;
        padding: 0px 10px 0px 0px;
}




/* ---------------------------------
 * ccv overlay fixes
 * ---------------------------------
 */

html#site-ccv-overlay-html {
        background-image: none;
        background-color: #CCC9C9;
}

html#site-ccv-overlay-html body#site-ccv-overlay-body {
        background-image: none;
        padding: 10px;
        background-color: #CCC9C9;
}



/* ---------------------------------
 * Estimate Shipping overlay fixes
 * ---------------------------------
 */

html#site-estshp-overlay-html {
        background-image: none;
        background-color: #CCC9C9;
        text-align: left;
}

html#site-estshp-overlay-html body#site-estshp-overlay-body {
        background-image: none;
        padding: 10px;
        background-color: #CCC9C9;
        text-align: left;
}

html#site-estshp-overlay-html body#site-estshp-overlay-body fieldset {
        line-height: 1.4em;
        margin-bottom: 10px;
}



/* ---------------------------------
 *  send list to store - address
 * ---------------------------------
 */

div#site-store-list-address div#login-info {
        float: left;
        width: 380px;
        border: 0px solid red;
        margin: 20px 0px 0px 0px;
}


div#site-store-list-address div#verify-info-message {
        padding: 10px 0px 0px 0px;
}

div#site-store-list-address div#warranty-info {
        padding-left:10px;
        border: 0px solid blue;
        width: 500px;
        float: right;
        margin: 20px 0px 0px 0px;
        border-left: 1px dotted gray;
}

div#site-store-list-address table#login-info {
        border: 0px solid red;
        width: auto;
        margin: 0px 0px 20px 0px;
        padding: auto;
}

div#site-store-list-address div#bd {
        min-height: 400px;
}






/*
 * --------------------------
 * top nav
 * --------------------------
 */

table#top-nav {
        border: 0px solid green;
}

table#top-nav select {
        width: 250px;
}

table#top-nav td#myzone-td {
        border: 0px solid purple;
        width: 80px;
}

table#top-nav td#manage-vehicles-td {
        border: 0px solid orange;
        width: 110px;
}
table#top-nav td#store-list-td
table#top-nav td#shopping-cart-td {
        border: 0px solid green;
        width: 60px;
}
table#top-nav td#store-list-gray-td {
        border: 0px solid green;
        width: 60px;
        background-color:#8A8A8A;
}




/*
 * --------------------------
 * gift cards
 * --------------------------
 */

div#site-gift-card-form table#gift-card-form {
        border: 0px solid green;
        width: 550px;
}

div#site-gift-card-form table#gift-card-form td {
        vertical-align: top;
        padding: 5px 0px 5px 0px;
}

div#site-gift-card-form table#gift-card-form td div span {
        font-size: 9px;
}

div#site-gift-card-form table#gift-card-form td.form-label {
        color: gray;
        text-align: right;
        padding: 5px 10px 5px 0px;
}

div#site-gift-card-form span.strong-text {
        font-weight: bold;
        font-size: 12px;
}



div#site-gift-card-form table#gift-card-form td.divider-text {
        padding: 20px 0px 10px 0px;
}


div#site-gift-card-form div#gc-image-container {
        border: 0px solid red;
        height: 300px;
        width: 250px;
        float: left;
        padding: 15px 0px 0px 0px;
}


div#site-gift-card-form div#gc-form-container {
        border: 0px solid green;
        float: right;
        width: 650px;
}




/*
 * --------------------------
 * membership benefits
 * --------------------------
 */

div#site-membership-benefits div#member-links-cont {
        border: 0px solid green;
        padding-top: 10px;
}


div#site-membership-benefits div#member-links-cont div#become-member-cont {
        float: left;
        width: 45%;
        border: 0px solid red;
        padding-top: 5px;
}

div#site-membership-benefits div#member-links-cont div#log-in-cont {
        float: right;
        width: 45%;
        text-align: right;
        padding-right: 20px;
        padding-top: 5px;
        border: 0px solid red;
}





/*
 * ---------------------------------
 * promotions page (atg template)
 * ---------------------------------
 */

div#site-promotions div.note-wrapper {
        border: 0px solid red;
        width: 225px;
        float: right;
}

div#site-promotions div.note-wrapper div.top-left {
        margin-top: 0px;
}

div#site-promotions div.note-wrapper div.bottom-right {
        margin-bottom: 0px;
}




/*
 * ---------------------------------
 * promotions Filters TSB page
 * ---------------------------------
 */

div#site-promotions-filter-bulletin div.content ul {
        margin: 0 0 0 3em;
        padding: 0px;;
}


div#site-promotions-filter-bulletin div.content ul li {
        list-style-type: disc;
}





/*
 * ---------------------------------
 * store list (printable version)
 * ---------------------------------
 */

div#site-sendlist-print div.header div {
        border: 0px solid red;
        float: right;
        width: 120px;
        text-align: right;
}


div#site-sendlist-print div.header div.product-name_bl {
        border: 0px solid blue;
        text-align: left;
        float: left;
}

div#site-sendlist-print div.product-name {
        border: 0px solid purple;
        width: 500px;
}

div#site-sendlist-print div.product-info-container div.column-data {
        border: 0px solid blue;
        width: 120px;
        float: right;
        text-align: right;
}

div#site-sendlist-print div.product-info-container div.column-data-na {
        width: 60px;
}

div#site-sendlist-print div#totals-zone div#totals-storelist {
        border: 0px solid red;
        padding-right: 0px !important;
}






/*
 * -------------------------------------------
 * bopus landing page
 * -------------------------------------------
 */

div#bopus-content-all {
        background: white;
        padding: 1px 30px 20px 30px;
}

div#bopus-content-all div#bopus-intro {
        color: #5C6574;
        font-size: 1.3em;
        font-weight:bold;
        text-align:center;
        margin: 10px 30px 30px 30px;
}

div#bopus-content-all div#bopus-content-left {
        border: 0px solid red;
        width: 410px;
        float: left;
}

div#bopus-content-all div#bopus-content-right {
        border: 0px solid red;
        width: 456px;
        height: 365px;
        float: right;
        background: url('../images/bopus/easy_fast_convenient.gif') no-repeat bottom center;
}
div#bopus-content-all h3 {
        margin: 1.0em 0em 1.0em 0em;
        padding: 0px;
        background-color: #FFFFFF;
        color: #5C6574;
}

div#bopus-content-all div#bopus-howto {
        border: 1px solid #CCC9C9;
        padding: 0px 0px 0px 0px;
        height: 236px;
        margin: 0px 0px 20px 0px;
}

div#bopus-content-all div#bopus-lookup {
        border: 0px solid red;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 20px 10px;
        color: #5C6574;
}

div#bopus-content-all div#bopus-lookup .imgs {
        border: 0px solid blue;
        padding: 0px 0px 0px 0px;
        margin: 0px 50px 0px 10px;
        float:left;
}
div#bopus-content-all div#bopus-lookup p {
        border: 0px solid blue;
        padding: 0px 0px 0px 0px;
        margin: 0px 20px 0px 0px;
        font-size: 1.6em;
        float:left;
}

div#bopus-content-all div#bopus-howto-left {
        float:left;
        width:200px;
        border-right: 1px solid #CCC9C9;
        padding: 0px 10px 0px 10px;
        height: 236px;
}
div#bopus-content-all div#bopus-howto-right {
        float:left;
        width:200px;
        border-right: 0px solid #CCC9C9;
        height: 236px;
        padding: 0px 8px 0px 8px;
}

div#bopus-content-all div#bopus-howto img{
        padding: 0px 0px 0px 20px;
}
div#bopus-content-all div#bopus-howto div#bopus-howto-text {

}

div#bopus-content-all div#bopus-howto p {
        color: #5C6574;
		font-weight: bold;
		font-size: 1.2em;
}

div#bopus-content-all div#bopus-howto div#bopus-howto-text ol {
        list-style-type: decimal;
}

div#bopus-content-all div#bopus-howto div#bopus-howto-text li {
        margin: 0em 0em 0em 3em;
}

div#bopus-content-all div#bopus-faq-text {
        border: 0px solid red;
}

div#bopus-content-all div#bopus-faq-text h3 {
        margin: 1.0em 0em 1.0em 0em;
        padding: 0px;
        background-color: #FFFFFF;
        color: #5C6574;
}

div#bopus-content-all div#bopus-faq-text p {
        margin: 1.5em 0em 1.5em 0em; /* override and reset margins back to what equalizer.css uses */
        padding: 0px;
        margin-top: 0px;
}

div#bopus-content-all div#bopus-faq-text p.question {
        font-weight: bold;
        font-size: 1.2em;
        border: 0px solid green;
        margin: 1.7em 0em 0.3em 0em;
		font-size: 1.2em;
}

div#bopus-content-all div#bopus-faq-text ol {
        list-style-type: decimal;
        margin: 0 0 1em 3em;
        padding: 0px;
}
div#bopus-content-all div#bopus-faq-text ul {
        list-style-type: disc;
        margin: 0 0 1em 3em;
        padding: 0px;
}








/****HERE it begins*****/


div#site-order-summary div#items-summary-zone div.header {
        border-top: 1px solid #CFCFCF;
        border-bottom: 1px solid #CFCFCF;
        padding-top: 6px;
        padding-bottom: 6px;
}

/* we don't want the borders on the headers for this container */
div#site-order-summary div#items-summary-zone div#shipping-billing-container div.header {
        border: 0px;
}

div#site-order-summary div#items-summary-zone .parts-accessories-title {
        color:#F68428;
        background-color:#E6E6E6;
        font-weight: bold;
        padding:5px 18px;
        padding-top: 6px;
}

div#site-order-summary div#items-summary-zone .header .product-name, #items-summary-zone .product-name {
        color: #999999;
        font-weight: bold;
        /* font-style: italic; */
        font-size: 11px;
        width: 190px;
}

div#site-order-summary div#items-summary-zone .product-name {
        color: #666666;
        font-weight: normal;
        font-style: normal;
        width: 190px;
}

div#site-order-summary div#items-summary-zone .header .core, #items-summary-zone .core {
        color: #999999;
        float: left;
        font-weight: bold;
        /* font-style: italic; */
        text-align: right;
        width: 40px;
}

div#site-order-summary div#items-summary-zone .core {
        color: #F68428;
        font-style: normal;
        width: 40px;
}

div#site-order-summary div#items-summary-zone .header .unit-price, #items-summary-zone .unit-price, #items-summary-zone .no-core-unit-price {/*checkout...mmary.css (line 106)*/
        color: #999999;
        font-weight: bold;
        /* font-style: italic; */
        text-align: right;
        width:75px;
}

div#site-order-summary div#items-summary-zone .header .unit-price-tsb, #items-summary-zone .unit-price, #items-summary-zone .no-core-unit-price-tsb {/*checkout...mmary.css (line 399)*/
        color: #999999;
        font-weight: bold;
        text-align: right;
        width:75px;
}

div#site-order-summary div#items-summary-zone .unit-price {
        color:#F68428;
        font-style: normal;
        width:75px;
}

div#site-order-summary div#items-summary-zone .header .quantity, #items-summary-zone .quantity {
        color: #999999;
        /* font-style: italic; */
        text-align:right;
        width: 30px;
}

div#site-order-summary div#items-summary-zone .quantity {
        color:#F68428;
        font-style: normal;
        width: 30px;
}

div#site-order-summary div#items-summary-zone .header .item-total, #items-summary-zone .item-total {
        color:#999999;
        font-weight:bold;
        text-align:right;
        /* font-style: italic; */
        width:80px;
}

div#site-order-summary div#items-summary-zone .item-total {
        color:#F68428;
        font-weight:bold;
        font-style: normal;
        width:75px;
}

div#site-order-summary div#items-summary-zone-outer {
        width: 455px;
        float: left;
        border: 0px solid green;
}


div#site-order-summary div#items-summary-zone-outer div#totals-zone{
        background-color: #CFCFCF;
        padding-right: 0px;
}

div#site-order-summary div#items-summary-zone-outer div#totals-zone .type{
        width:100px;
        text-align:right;
        font-weight:bold;
        margin:0;
        padding:0;
}

div#site-order-summary div#items-summary-zone-outer div#totals-zone .total{
        color:#F68428;
        font-size:1.2em;
        font-weight:bold;
        text-align:right;
        width:100px;
        padding-right: 18px;
}

div#site-order-summary div#items-summary-zone .product-info .additional-info {
        font-weight: normal;
        padding: 0 20px 0 0;
}

/*Order summary - REWARDS zone*/
div#site-order-summary div#rewards-zone-outer {
        width: 455px;
        float: left;
        border: 0px solid cyan;
}

div#site-order-summary div#rewards-zone {
        border: 0px solid blue;
}

div#rewards-zone .rewards {
  background-color:#E6E6E6;
  padding:10px 18px;
}

div#rewards-zone .rewards .form-field label {
  display:block;
  float:left;
  font-weight:bold;
  height:22px;
  margin-right:10px;
  text-align:left;
  width:130px;
}

div#rewards-zone .rewards .form-field p {
  float:left;
  margin:0;
  text-align:left;
  width:340px;
  padding-left: 15px;
  padding-bottom: 20px
}

div#rewards-zone .rewards .form-field img {
  float:left;
}


/* ---- ORDER TOTAL ZONE (START) ---- */

div#estimated-pickup-text {
        font-weight:bold;
}

div#storepickup-foot-notes {
        height: auto;
}

div#storepickup-foot-notes-header {
        font-weight: bold;
}

div#storepickup-foot-notes-bullet {
        padding: 3px;
}

/* ---- ORDER TOTAL ZONE (END)   ---- */

/*EDIT SHIP AND BIL ADDRES */
.shipping-address .content, .billing-address .content {
        background-color:#E6E6E6;
        font-weight:normal;
        padding:10px 18px 0;
}


div.order-summary-container .header {
        background-color:#E6E6E6;
        border-bottom:1px solid #FFFFFF;
        font-size:1.2em;
        font-weight:bold;
        padding: 0px 5px 5px 18px;
}
/*float:right; margin: 0 0 15px 15px; */


div#site-order-summary #shipping-billing-container {
        margin: 0;
        background-color: #E6E6E6;
}

div#site-order-summary div#shipToHomeSummary-zone-outer {
        width: 455px;
        float: right;
        border: 0px solid cyan;
}

div#site-order-summary div#shipToHomeSummary-zone {
        border: 0px solid blue;
}

div#site-order-summary div#shipToHomeSummary-zone .webOrderHeader {
        padding: 0px 5px 5px 18px;
        background-color:#4E5663;
        color:#FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        font-size: 1.2em;
        font-weight: bold;
        display:block;
        /* line-height:1.2em; */
        text-align:left;
}


#items-summary-zone {
        margin:0;
}

div#site-order-summary div#shipToHomeSummary-zone .storeOrderHeader {
        padding: 0px 5px 5px 18px;
        background-color:#F68428;
        color:#FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        font-size: 1.2em;
        font-weight: bold;
        display:block;
        /* line-height:1.2em; */
        text-align:left;
}

div#site-order-summary div#contactus-zone-outer {
        width: 455px;
        float: left;
        border: 0px solid cyan;
        padding-top: 10px;

}

div#site-order-summary div#contactus-zone-outer div#contactus-zone{
        padding-left: 15px;
        padding-right: 10px;
}

div#site-order-summary div#contactus-zone-outer div#contactus-zone p{
        font-size:13px;
        margin: 0px;
        padding: 0px;
}

div#site-order-summary div#payment-total-zone-outer {
        float:left;
        border:0 solid orange;
        color:#989898;
        font-size:16px;
        font-stretch:wider;
        /* font-style: italic; */
        font-weight:bold;
        padding-left:0px;
        padding-top:20px;
        text-align:right;
        width:425px;
}

#items-summary-zone .product-info .availability-info {
        font-weight:bold;
        padding:0 20px 0 0;
}

#items-summary-zone .product-info .availability-info strong{
        color: #5B6871;
}

#items-summary-zone .product-info .availability-info{
        color: #989898;
}

div#site-order-summary div#items-summary-zone-outer div#totals-zone-outer {
        background-color:#CFCFCF;
}

#items-summary-zone .product-info-container {
        padding: 10px 18px;
        border-top:  0px solid #E6E6E6;
        border-bottom:  1px solid #CFCFCF;
        background-color: #E6E6E6;
}

#items-summary-zone .orange-headline {
    font-size:1.1em;
        font-weight:bold;
        margin-bottom:0px;
        color:#F68428;
        font-family: Arial, Helvetica, sans-serif;
        display: block;
        clear: right;
}

#items-summary-zone .vehicle-info {
        padding: 5px 18px;
        background-color: #E6E6E6;
        font-weight: bold;
        color: #F68428;
}

/*
 * Style for the 'dummy' submit buttons on the order summary page.
 * These buttons are outside of the form, so they just call the
 * click event on the real submit button via javascript.
 */
div#site-order-summary div#totals-zone div.dummy-submit {
        padding: 5px 13px 0px 0px;
        background-color: #CFCFCF;
}

/* use 'hand' pointer when hovering over the dummy submit buttons */
div#site-order-summary div#totals-zone div.dummy-submit img:hover {
        cursor: pointer;
}



/*
 * -------------------------------------------
 * Order Confirmation page
 * -------------------------------------------
 */

/* IE fix for rounded corners */
div#site-order-confirmation div#bd {
        min-height: 170px;
}

div#site-order-confirmation td.disclaimer {
        padding: 0px;
        padding-bottom: 8px;
}

div#site-order-confirmation div#print-icon-and-link-right {
        padding: 0px 20px 5px 0px;
        text-align: right;
}

div#site-order-confirmation div#print-icon-and-link-center {
        padding: 0px 20px 5px 0px;
        text-align: center;
}

div#site-order-confirmation div#print-icon-and-link-right a,
div#site-order-confirmation div#print-icon-and-link-center a {
        color: #F68428;
}

div#site-order-confirmation div#items-summary-zone div#items-content div.product-col {
        width: 205px;
}

div#site-order-confirmation div#items-summary-zone div#items-content div.core-col {
        width: 30px;
}

div#site-order-confirmation div#items-summary-zone div#items-content div.unit-price-col {
        width: 75px;
}

div#site-order-confirmation div#items-summary-zone div#items-content div.qty-col {
        width: 30px;
}

div#site-order-confirmation div#items-summary-zone div#items-content div.total-col {
        width: 80px;
}


div#site-order-confirmation table#main-cont-table div.order-instructions {
	margin-left: 15px;
	margin-right: 15px;
}

/*
 * -------------------------------------------
 * send list confirmation page
 * -------------------------------------------
 */

div#site-send-list-confirmation div#items-summary-zone div.header {
        border: 0px;
}


div#site-send-list-confirmation div#items-summary-zone div.vehicle-info {
        background-color: #FFFFFF;
        border: 0px;
}


div#site-send-list-confirmation div.content div.order-summary-container div#items-summary-zone div.header
{
        border: 0px solid red;
        padding-left: 0px;
        padding-right: 0px;
}


div#site-send-list-confirmation div.content div.order-summary-container div#items-summary-zone div.header div.product-name,
div#site-send-list-confirmation div.content div.order-summary-container div#items-summary-zone div.product-info div.product-name
{
        border: 0px solid green;
        width: 500px !important;
        float: left;
        padding-left: 10px !important;
}


div#site-send-list-confirmation div.content div.order-summary-container div#items-summary-zone div.header div.core,
div#site-send-list-confirmation div.content div.order-summary-container div#items-summary-zone div.product-info div.core
{
        border: 0px solid orange;
        width: 100px !important;
        float: left;
        text-align: right;
}


div#site-send-list-confirmation div.content div.order-summary-container div#items-summary-zone div.header div.unit-price,
div#site-send-list-confirmation div.content div.order-summary-container div#items-summary-zone div.product-info div.unit-price
{
        border: 0px solid purple;
        width: 100px !important;
        float: left;
        text-align: right;
}


div#site-send-list-confirmation div.content div.order-summary-container div#items-summary-zone div.header div.quantity,
div#site-send-list-confirmation div.content div.order-summary-container div#items-summary-zone div.product-info div.quantity
{
        border: 0px solid yellow;
        width: 80px !important;
        float: left;
        text-align: right;
}


div#site-send-list-confirmation div.content div.order-summary-container div#items-summary-zone div.header div.item-total,
div#site-send-list-confirmation div.content div.order-summary-container div#items-summary-zone div.product-info div.item-total
{
        border: 0px solid blue;
        width: 100px;
        float: right;
        text-align: right;
        padding-right: 20px;
}


/* set just prices to orange (not the header) */
div#site-send-list-confirmation div#items-summary-zone div.product-info div.item-total {
        color: #F68428;
}


div#site-send-list-confirmation div#totals-zone {
        padding-right: 20px;
}

div#site-send-list-confirmation div#totals-storelist-narrow {
        float: right;

}


div#site-send-list-confirmation div#totals-storelist-narrow div.total-narrow {
        float: right;
        width: auto;

}


div#site-send-list-confirmation div#bd {
        min-height: 400px;
}




/*
 * -------------------------------------------
 * order history info page
 * -------------------------------------------
 */

div#site-order-history-info div.content div.header div.product-name,
div#site-order-history-info div.content div.product-info-container div.product-name
{
        width: 300px !important;
}

div#site-order-history-info div.content div.header div.core,
div#site-order-history-info div.content div.product-info-container div.core
{
        width: 100px !important;
        text-align: left !important;
}

div#site-order-history-info div.content div.header div.unit-price,
div#site-order-history-info div.content div.product-info-container div.unit-price
{
        border: 0px solid red;
        width: 100px !important;
        text-align: right !important;
        margin: 0px !important;
        float: right !important;
}

div#site-order-history-info div.content div.header,
div#site-order-history-info div#items-summary-zone div.product-info-container
{
        padding-right: 20px;
        width: auto !important;
}


/*
 * -------------------------------------------
 * order history detail page
 * -------------------------------------------
 */

div#site-order-history-detail div.content div.header {
        border-top: 0px;
}


div#site-order-history-detail div.content div.header div.product-col,
div#site-order-history-detail div.content div.product-info-container div.product-name
{
        border: 0px solid red;
        width: 300px;
        float: left;
}

div#site-order-history-detail div.content div.header div.core-col,
div#site-order-history-detail div.content div.product-info-container div.core
{
        border: 0px solid green;
        width: 75px;
        float: left;
        text-align: right;
}

div#site-order-history-detail div.content div.header div.unit-price-col,
div#site-order-history-detail div.content div.product-info-container div.unit-price
{
        border: 0px solid blue;
        width: 100px;
        float: left;
        text-align: right;
}

div#site-order-history-detail div.content div.header div.qty-col,
div#site-order-history-detail div.content div.product-info-container div.quantity
{
        border: 0px solid orange;
        width: 60px;
        float: left;
        text-align: right;
}


div#site-order-history-detail div.content div.header div.total-col,
div#site-order-history-detail div.content div.product-info-container div.item-total
{
        border: 0px solid purple;
        width: 100px;
        float: right;
        text-align: right;
}


div#site-order-history-detail div.content div#items-summary-zone div.product-info-container {
        margin: 0px;
        padding: 0px;
}

div#site-order-history-detail div.content div.header,
div#site-order-history-detail div.content div#items-summary-zone div.product-info-container div.product-info {
        margin: 0px;
        padding: 0px;
        width: auto;
        padding: 0px 10px 0px 10px;
}

div#site-order-history-detail div.content div#items-summary-zone div.product-info-container div.product-info {
        padding-bottom: 10px;
}

div#site-order-history-detail div.content div.header div.items-header {
        font-weight: bold;
}




/*
 * -------------------------------------------
 * order history detail page
 * -------------------------------------------
 */

div#site-order-cancel-conf div.content div.header {
        border-top: 0px;
}

div#site-order-cancel-conf div.content div.order-summary-container div#items-summary-zone div.header,
div#site-order-cancel-conf div.content div.order-summary-container div#items-summary-zone div.product-info-container
{
        border: 0px solid red;
        padding-left: 0px;
        padding-right: 0px;
}


div#site-order-cancel-conf div.content div.order-summary-container div#items-summary-zone div.header div.product-col,
div#site-order-cancel-conf div.content div.order-summary-container div#items-summary-zone div.product-info-container div.product-name
{
        border: 0px solid green;
        width: 300px;
        float: left;
        padding-left: 10px;
}


div#site-order-cancel-conf div.content div.order-summary-container div#items-summary-zone div.header div.core-col,
div#site-order-cancel-conf div.content div.order-summary-container div#items-summary-zone div.product-info-container div.core
{
        border: 0px solid orange;
        width: 75px;
        float: left;
        text-align: right;
}


div#site-order-cancel-conf div.content div.order-summary-container div#items-summary-zone div.header div.unit-price-col,
div#site-order-cancel-conf div.content div.order-summary-container div#items-summary-zone div.product-info-container div.unit-price
{
        border: 0px solid purple;
        width: 100px;
        float: left;
        text-align: right;
}


div#site-order-cancel-conf div.content div.order-summary-container div#items-summary-zone div.header div.qty-col,
div#site-order-cancel-conf div.content div.order-summary-container div#items-summary-zone div.product-info-container div.quantity
{
        border: 0px solid yellow;
        width: 60px;
        float: left;
        text-align: right;
}


div#site-order-cancel-conf div.content div.order-summary-container div#items-summary-zone div.header div.total-col,
div#site-order-cancel-conf div.content div.order-summary-container div#items-summary-zone div.product-info-container div.item-total
{
        border: 0px solid blue;
        width: 100px;
        float: right;
        text-align: right;
        padding-right: 10px;
}


div#site-order-cancel-conf div.content div.header div.items-header {
        font-weight: bold;
        border-top: 0px;
}

.lrg-bold-link {
	font-size: 12px;
	font-weight: bold;
	display: inline;
}




div#site-shipping-billing div#hd tr td#topnav div.appear-disabled,
div#site-shipping-billing div#hd tr td#topcontrols div.appear-disabled,
div#site-order-summary div#hd tr td#topnav div.appear-disabled,
div#site-order-summary div#hd tr td#topcontrols div.appear-disabled

{
	background: black;
	opacity: 0.5;
	filter: alpha(opacity=50); /* for IE */
	width: 100%;
	position: absolute;
}

div#site-shipping-billing div#hd tr td#topnav div.disable-primary-nav,
div#site-order-summary div#hd tr td#topnav div.disable-primary-nav
{
	height: 27px;
}

div#site-shipping-billing div#hd tr td#topcontrols div.disable-topcontrols,
div#site-order-summary div#hd tr td#topcontrols div.disable-topcontrols
{
	height: 80px;
}

.freeGiftCardHeading{
	font-weight:bold;
	margin-top:20px;
	font-size: 20px;
	color: #5C6574;
	}
.freeGiftCardBody{
	font-weight:bold;
	font-size: 12px;
	color: #5C6574;
}
.freeGiftCardBody li{
	margin-left:20px;
	list-style-image: url(../images/holiday_gifts/bullet.gif);
}
.freeGiftCardHolidayLink{
	color: #F68428;
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 40px;
}
.freeGiftCardHolidayLink a{
	color: #F68428;
}