/*
    global.css
    Copyright 2010 AutoZone, Inc.
    Content is confidential to and proprietary information of
    AutoZone, Inc., its subsidiaries and affiliates.
 */

/*
  For media-type screen,projection
  This file should ONLY be used for styles that need to be shared site-wide, such as the global site
  structure, primary nav, left nav, content defaults, and footer.

  author kbrowne
  version %PCMS_HEADER_SUBSTITUTION_START%$Id: %PM% %PR% %PRT% %PO% %PS% $%PCMS_HEADER_SUBSTITUTION_END%
*/

/* ===================================
 *  Global Site Structure
 *  There almost certainly should be
 *  no reason to edit these styles!
 * ===================================
 */

html {
        height: 100%;
        background: #ffffff none repeat scroll 0 0;
}

body {
        height: 100%;
        margin: 0px;
        padding: 0px;
}

body.pause,
body.pause * {
    cursor: wait;
}

/* Outer wrapper for all content. Background image for all pages is applied here */
div#body-wrapper-outer {
        font: 10px/12px "Helvetica Neue", Arial, sans-serif;
        border: 0px solid green;
        height: 100%;
        margin: 0px auto;
}

div#header-overlay {
        background-color: #000;
        filter:alpha(opacity=20);
        height: 170px;
        left: 0;
        opacity:0.4;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 999;
}
div#header-overlay.provantage{
	height: 230px;
}
div#body-wrapper-inner {
        width: 960px;
        margin: 0 auto;
        /*overflow: hidden;*/
        position: relative;
}

form {
        /* IE adds margin/padding to form elements. So, we remove. */
        margin: 0px;
        padding: 0px;
}

/* Conflicting with Foundations CSS Stack
form#category-selection-form,
form#accessories-drilldown{
	float:left;
} */

div.recent-jobs-and-searches{
	float:right;
}

/* Conflicting with Foundations CSS Stack

form#category-selection-form,
form#accessories-drilldown,
div.recent-jobs-and-searches{
	clear:both;
} */

.json-data,
.lazy-image-load,
.filtered-out,
.paged-out,
.swap-out-this-item,
.invisible,
.display-none {
        display: none;
        white-space:normal !important;
}

ol.plain,
ol.plain li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.display-inline {
        display: inline;
}

/* Conflicting with Foundations CSS
 * div#main-outer {
        width:960px;
        margin: 0 auto;
        padding:9px 0 0;
} */

div#main-outer div.main-inner {
        overflow: visible;
        /*float:left;*/
}

div#main-outer div.main-inner div#all-content-outer {
        float: right;
        width: 747px;
        position: relative;
}

div#main-outer div.main-inner div#all-content-outer div.all-content-inner {
        overflow: visible;
        min-height: 300px;
        padding: 15px 12px 16px 13px;
        float:left;
}


div#main-outer div.main-inner.fullwidth div#all-content-outer {
        width: 939px;
        overflow: visible;
        position: relative;
}
div#main-outer div.main-inner.fullwidth div#all-content-outer div.all-content-inner {
        width: 923px;
        overflow: visible;
        min-height: 300px;
        padding: 15px 10px 75px 10px;
}

/* ========================================= */


/* ===================================================
 *  Global defaults.  Be careful adding to, changing,
 *  or removing from this section.!
 * ===================================================
 */

/* equalizer.css sets a default border on images, so we override it here */
a img {
        border: 0px;
}


/* text input styling */
/*Conflicting with Foundations CSS
input.text,
label.text {
        color: #000;
        margin: 3px 0 0;
        padding: 3px 7px;
        border: 1px solid #D0D0D0;
        font: 11px "Helvetica Neue", Arial, sans-serif;
}
*/

label.text { border: none; }

/* see ie.css for IE padding fix for select statements */

/* Conflicting with Foundation CSS Stack
select.text {
        color: #000;
        margin: 3px 0 0;
        padding: 3px;
        border: 1px solid #e9e9e9;
        font: 11px "Helvetica Neue", Arial, sans-serif;
}*/

/* Conflicting with Foundation CSS Stack
textarea.text {
        color: #000;
        margin: 3px 0 0;
        padding: 3px 7px;
        border: 1px solid #D0D0D0;
        font: 11px "Helvetica Neue", Arial, sans-serif;
} */

.todo {
        color: #CA1F7B;
}

/* main content headers used on all pages
 * background images are set for this in global-content-headers.css
 */

/* Conflicting with Foundations CSS Stack
div#all-content-outer div.all-content-inner h1 {
        margin: 0;
        height: auto;
        font-size:36px;
        line-height:25px;
        overflow: hidden;
        font-family:"AutoZoneCond-Medium",Arial,sans-serif;
        /*color:#fff;*
        max-width: 700px;
        text-transform: uppercase;
        padding-top:2px; /* added to avoid the title text is cut off at the top  in IE9.*/

        /* border: 1px solid red; *
}*/

div#all-content-outer div.all-content-inner h1.long{
        width: 400px;
}

div#all-content-outer h2 {
        margin: 32px 25px 0 10px;
        color: #FA8423;
        font-size: 17px;
        line-height: 20px
}

div#all-content-outer h2.test-data {
        margin: 0;
        color: white;
    text-transform: uppercase;
    background-color: maroon;
        font-size: 3em;
    padding: 0.5em 0;
}

div#all-content-outer h2 a {
        color:  #FA8423;
}

/* Conflicting with Foundations CSS Stack
div#all-content-outer p {
        margin: 8px 25px 0 10px;
        color: white;
        font-size: 13px;
        line-height: 20px
}

div#all-content-outer p a {
        color: white;
}
*/

ul li {
        list-style: none outside none; /*Overriding classes in AZPRO*/
}

fieldset {
        margin: 0px;
        padding: 0px;
        border: 0px;
}


/* styling the hr tag is difficult, so we use this instead */
div.hr {
        width: 100%;
        height: 1px;
        background-color: #C9C9C9;
}

/* used to hide submit buttons when inactive */
input.btn-hidden,
a.btn-hidden,
img.btn-hidden,span.btn-hidden {
        display: none;
}
input.btn-hidden:hover,
a.btn-hidden:hover,
img.btn-hidden:hover {
        cursor:pointer;
}


/* =========================
 *  Breadcrumb Navigation
 * =========================
 */

/* Overrides for Foundation CSS stack
div.all-content-inner div#breadcrumb
{
        margin-top: -10px;
        margin-bottom: 10px;
}

div.all-content-inner div#breadcrumb.breadcrumb-with-image
{
        margin-top: -60px;
}

div.all-content-inner div#breadcrumb.short
{
        max-width: 200px;
}

div.all-content-inner div#breadcrumb div#breadcrumb-list
{
        text-align: left;
}

div.all-content-inner div#breadcrumb div#breadcrumb-list a
{
        text-decoration: underline;
}

div.all-content-inner div#breadcrumb div#breadcrumb-list form
{
        cursor: pointer;
        display: inline;
        padding: 0;
        margin: 0;
}

div.all-content-inner div#breadcrumb span
{
        color: #c1cad9;
        list-style: none;
        font-size: 11px;
        line-height: 14px;
}

div.all-content-inner div#breadcrumb span img
{
        padding: 0 1px;
}

div.all-content-inner div#breadcrumb span:first-child
{
        background: none;
        padding-left: 0;
}

div.all-content-inner div#breadcrumb a {
        color: #fff;
}

div.all-content-inner div#breadcrumb a:hover
{
        text-decoration:none;
} */

/* ========================================
 *  main page content - default styles
 * ========================================
 */

div#all-content-outer div.all-content-inner div.intro-text p {
        margin-left: 5px;
}

div#also-consider-div div.content-box {
        border: .0625rem solid #dadada;
}
div#all-content-outer div.non-rounded {
	background:#fff no-repeat 0 100%;
}
div#all-content-outer div.non-rounded h2 {
	margin-top:10px;
}
div#all-content-outer div.non-rounded div.line {
	height:1px;
	margin:0 10px 0 10px;
}

div#all-content-outer div.content-box p {
        font-size: inherit;
        line-height: inherit;
        /* margin: 0 0 10px 0;
        padding: 0; */
}

/*
 * Conflicting with Foundations CSS Stack
div#all-content-outer div.content-box h3 {
        clear: both;
        font-size: 15px;
        font-weight: bold;
        line-height:17px;
        margin: 0 0 10px 0;
        padding-top: 10px;
        text-transform: uppercase;
} */

div#all-content-outer div.content-box h3.first {
        padding-top: 0; /* using padding because of margin collapsing */
}

/*
 * Conflicting with Foundations CSS Stack
div#all-content-outer div.content-section.details {
        width: 730px;
        overflow: hidden;
        margin: 0;
}

div#all-content-outer div.content-section-hold {

        width: 730px;
        overflow: hidden;
        margin: 19px -5px 0px -5px;
}
*/

div#all-content-outer div.content-box a:link,
div#all-content-outer div.content-box a:visited
{
        /*color: #4278A0;
        font-size: 12px;
        text-decoration: underline;*/
}

div#all-content-outer div.content-box div.text-indent
{
        margin-left: 10px;
        padding-top: 10px;
}



/* -------------------------------------------
 * main page content - normal content section
 */

/* Conflicting with Foundations CSS Stack

div#all-content-outer div.content-section {
        width: 730px;
        margin: 19px -5px 0px -5px;
}

div#all-content-outer div.content-section.details {
        width: 730px;
        overflow: visible;
        margin: 0;
        float:left;
}
div#all-content-outer div.content-section-hold {
        width: 730px;
        overflow: hidden;
        margin: 19px -5px 0px -5px;
}*/


/* outer container, dark rounded corners */
div.content-box-head-outer {
        overflow: hidden;
        padding-top: 20px;
}

/* if we have buttons, we remove the top padding */
div.content-box-head-outer.with-buttons {
        padding-top: 0px;
}

/* container for buttons */
div.content-box-head-outer.with-buttons div.content-box-head-buttons {
        float: right;
        border: 0px solid red;
        margin: 10px 12px 0px 0px;
        position: relative;
}

body#deal-maker div.content-box-head-outer.with-buttons div.content-box-head-buttons{
    margin: 0;
    top: -4.5rem;
    right: 0;
}

div.content-box-head-outer.with-buttons div.content-box-head-buttons img {
        padding: 0px 0px 0px 5px;
}

/* inner tabs */
form#add-to-quote-form + div#also-consider-div.content-section {
	margin:30px -5px 0px -5px;
}
div.content-box-head
{
        float: left;
        width: 716px;
        overflow: hidden;
        min-height: 35px;
        padding: 0 0 0 14px;
        /*background: url(/images/tabs/bg-info-heading.gif) no-repeat;*/
}

/* if there are buttons, we need some negative to margin to bring the tab up */
div.content-box-head-outer.with-buttons div.content-box-head {
        margin: -14px 0px 0px 0px;
}


div#all-content-outer div.content-box-head h2,
div#content-area div.content-box-head h2
{
        background-color: #fff;
        color: #FA8423;
        float: left;
        font: bold 15px/18px "Helvetica Neue", Arial, sans-serif;
        margin: 0;
        min-width: 198px;
        padding: 9px 0 0;
        text-transform: uppercase;
        /*width: 316px;*/
}

div#all-content-outer div.content-box-head span.corner
{
        background: transparent url(/images/bg-title-rounded-corner.gif) no-repeat 100% 0;
}

div.all-content-inner div#top-row{
        width: 100%;
        height: 260px;
        }

/* ----------------------------------------------------------
 * main page content - overrides for narrow content section
 */

div#main-outer div.main-inner div#all-content-outer.narrow div.all-content-inner {
        border: 0px solid red;
        padding-left: 8px;
        padding-right: 8px;

}

div#all-content-outer.narrow div.content-section {
        border: 0px solid red;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom:10px;
        /*float: left;*/
}


div#all-content-outer.narrow div.content-section div.content-box-head-outer {
        float:left;
}
.content-box-head-outer::after{
	clear:both;
}

div#all-content-outer.narrow div.content-section div.content-box-head {
        width: 525px; /* parent container width minus padding */
}

div#all-content-outer.narrow div.empty-content {
        padding: 15px 0;
}

/* --------------------------------------------------------------
/* main page content - overrides for full width content section
 */

div#main-outer div.main-inner.fullwidth div.all-content-inner div.content-section {
        width: 100%;
        margin: 35px 0px 0px 0px;
        clear:both;
}

.registration-landing-content-box{
	background: transparent url(/images/provantage/Provantage-Offer-You-Access-to-Hundreds-of-Rewards-BG-Image-taller.png) no-repeat scroll 0 0 !important;
	padding-top:69px !important;

}
.registration-landing-content-box-inner{
	background:transparent !important;
	padding:0 3px 0 0 !important;
}

div#main-outer div.main-inner.fullwidth div.all-content-inner div.content-section div.content-box-head
{
        background: url(/images/tabs/bg-info-heading-full.gif) no-repeat;
        width: 909px;
}

div#main-outer div.main-inner.fullwidth div.all-content-inner div.content-section div.content-box {
        width: 100%;
        overflow: hidden;
        margin-bottom:20px;
}



/* ========================================
 *  content right sidebar (banner ads, etc)
 * ========================================
 */

div#all-content-outer div#content-sidebar {
        float: right;
        width: 196px;
        border: 0px solid green;
        margin: 19px 0px 0px 8px;
        min-height: 50px;
}
div#all-content-outer div#content-sidebar::after{
	clear:both;
}
div#all-content-outer div#content-sidebar > div {
	margin-bottom:10px;
}

div#all-content-outer div#content-sidebar > div:last-child {
	margin-bottom:0;
}

div#all-content-outer div#content-sidebar div.recent-lists-outer {
        padding: 6px 0px 0px 0px;
}


div#all-content-outer div#content-sidebar div.recent-lists-inner {
        padding-bottom: 6px;
        float: left;
        width:100%;
}
div#all-content-outer div.recent-list
{
float:left;
width:100%;
}
div#all-content-outer #suggested-form div.recent-list
{
	margin-top:10px;
}
div#all-content-outer div.recent-list div.recent-list {
        background-color: #FFFFFF;
}

div#all-content-outer div.recent-list div.recent-list-header {
        font-size: 12px;
        font-weight: bold;
        color: #F38630;
        border-top: 1px solid #E6E6E6;
        border-bottom: 1px solid #E6E6E6;
        height: 20px;
        padding: 5px 0px 0px 0px;
        text-align: center;
}
div#all-content-outer div.content-box-head-outer h1{
	margin: 0 0 15px 15px;
    height: auto;
    font-size:36px;
    line-height:25px;
    overflow: hidden;
    font-family:"AutoZoneCond-Medium",Arial,sans-serif;
    color:#fc872a ;
    padding-top:2px; /* added to avoid the title text is cut off at the top  in IE9.*/
    max-width:960px;
    text-transform:none;
}
div#all-content-outer div.recent-list div.recent-list-header.top {
        border-top: none;
}

div#all-content-outer div.recent-list div.recent-list-content {
        border: 0px solid red;
        padding: 10px 10px 20px 10px;
}

div#all-content-outer div.recent-list div.recent-list-content ul {
        margin: 0px 0px 0px 10px;
        padding: 0px;
}

div#all-content-outer div.recent-list div.recent-list-content ul li a {
        font-size: 11px;
        color: gray;
        line-height: 1.5em;
        font-weight:normal;
}

div#all-content-outer div#content-sidebar div.content-sidebar-item {
        margin-top: 6px;
}

div#all-content-outer div#content-sidebar div.recent-list-content div.recent-list-status-blank-message {
        font-size: 11px;
        font-weight: bold;
        color: #555;
        min-height: 70px;
        margin: 10px 0px 0px 0px;
}

div#all-content-outer .status-blank-message {
        font-size: 11px;
        font-weight: bold;
        color: #555;
        min-height: 50px;
        margin: 10px 0px 0px 0px;
}








/* =====================================
 *  one and two column content
 * =====================================
 */

div#all-content-outer div.content-box div.heading-one-col div {
        /*width: 730px;*/
        padding: 5px 0px 5px 0px;
        background: #E6E6E6;
        font-size: 11px;
        font-weight: bold;
}


/* Overrides for Foundation CSS Stack
div#all-content-outer div.content-box div.heading-two-col div {
        width: 50%;
        float: left;
        padding: 5px 0px 5px 0px;
        background: #E6E6E6;
        font-size: 11px;
        font-weight: bold;
} */

div#all-content-outer div.content-box div.heading-two-col div {
        padding: 10px 0px;
        background: #f4f4f4;
        border-bottom: 1px solid #dadada;
        font-size: 1rem;
        font-weight: bold;
        float:left;
        width:50%;
}

div#all-content-outer div.content-box div.heading-two-col div:first-child {
	border-right: 1px solid #dadada;
}

div#all-content-outer div.content-box div.heading-one-col div span,
div#all-content-outer div.content-box div.heading-two-col div span
{
        padding: 0px 0px 0px 20px;
}

div#all-content-outer div.content-box div.results-two-col
{
        clear: both;
        overflow: hidden;
}


/* set a min height for both versions of the results divs */
div#all-content-outer div.content-box div.results-one-col div,
div#all-content-outer div.content-box div.results-two-col div
{
        min-height: 100px;
}

/* additional styles for the two column version */
div#all-content-outer div.content-box div.results-two-col div {
        width: 50% /* leave room for border */
        float: left;
}


/* Overrides for Foundation CSS Stack
div#all-content-outer div.content-box div.results-one-col div ul,
div#all-content-outer div.content-box div.results-two-col div ul
{
        padding: 20px 0px 20px 0px;
} */

/* IE7 does not support last-child pseudo class, so we need to set up
regular classes for the borders */
div#all-content-outer div.content-box div.results-two-col div.first-child {
        border-right: .0625rem solid #dadada;
}

div#all-content-outer div.content-box div.results-two-col div.last-child {
        /* border-left: 1px solid #E6E6E6;
        margin-left: -1px; */
}





/* ====================================================
 *  one and two column content - narrow width version
 *  (pages with right sidebar content)
 * ====================================================
 */
div#all-content-outer.narrow div.content-box div.heading-one-col div {
        width: 524px;
}

div#all-content-outer.narrow div.content-box div.heading-two-col div {
        width: 262px;
}

div#all-content-outer.narrow div.content-box div.results-two-col div {
        width: 262px;
}

div#all-content-outer.narrow div.content-box div.noContent {
        padding: 20px 0 0 0;
        min-height:80px;
}





/* =====================================
 *  three column content
 * =====================================
 */

/* TODO: add three-column styling for normal pages, if needed */
div#all-content-outer div.content-box div.three-column-content {
        background: transparent url(/images/separators/three_column_content_normal_width.gif) repeat scroll 0 0;
        overflow: hidden;
        margin: 0px 0px 8px 0px;
}

div#all-content-outer div.content-box div.three-column-content div {
        padding: 15px 0px 10px 0px;
        width: 237px;
}

div#all-content-outer div.content-box div.three-column-content div.left {
        float: left;
}

div#all-content-outer div.content-box div.three-column-content div.center {
        float: left;
}

div#all-content-outer div.content-box div.three-column-content div.right {
        float: left;
}

div#all-content-outer div.content-box div.three-column-content div ul {
        margin: 0px;
        text-align:left;
}

div#all-content-outer div.content-box div.three-column-content div ul li a {
        font-size: 11px;
        font-weight: bold;
}





/* ============================================
 *  three column content - full width version
 * ============================================
 */

div.fullwidth div#all-content-outer div.content-box div.three-column-content {
        background: transparent url(/images/separators/three_column_content.gif) repeat scroll 0 0;
        overflow: hidden;
        margin: 0px 0px 8px 0px;
}

div.fullwidth div#all-content-outer div.content-box div.three-column-content div {
        padding: 15px 0px 10px 14px;
        width: 292px;

}

div.fullwidth div#all-content-outer div.content-box div.three-column-content div.left {
        float: left;

}

div.fullwidth div#all-content-outer div.content-box div.three-column-content div.center {
        float: left;
        margin-left: -1px;
}
div.fullwidth div#all-content-outer div.content-box div.three-column-content div.right {
        float: left;

}

div.fullwidth div#all-content-outer div.content-box div.three-column-content div ul li a {
        font-size: 11px;
        font-weight: bold;
}














/* =================================
 *  Unordered Lists
 * =================================
 */

/* Conflicting with Foundation CSS Stack
 *
#all-content-outer div.content-box ul.text-or-links {
        margin: 0px 0px 0px 20px;
}


#all-content-outer div.content-box ul.text-or-links li {
        font-size: 12px;
        padding-left: 10px;
        margin: 0px 0px 10px 0px;
} */


#all-content-outer div.content-box ul.with-arrows li {
        /*background:url(/images/arrows/bg-ul-gray-arrow.gif) no-repeat center left;*/
}

#all-content-outer div.content-box ul.text-or-links li input {
        margin: 0px 3px 0px 0px;
}









/* =================================
 *  primary navigation
 * =================================
 */

div#nav-header {
        top: 0;
        left: 0;
        width: 960px;
        height: 168px;
}

.provantage-header {
	height:229px !important;
}

div#nav-header strong.logo {
        background: url(/images/main-nav/bg-logo.gif) no-repeat;
        float: left;
        margin: 4px 0 10px;
        text-indent: -9999px; /* forces text for strong element off screen */
        width: 285px; /* bg image width in pixels */
        height: 35px; /* bg image height in pixels */

        /* IE doesnt put the hand pointer in, so this fixes it. These have to be in this order. */
        cursor: pointer;
        cursor: hand;
}

#nav-header .eProcBuyer {
	position:relative;;
	margin-left:65px;
	right:0px;
}

/* --------------------------
 * primary navigation - tabs
 */

/* outer container for all three tabs */
div#nav-header ul#az-site-navigation {
        margin: 27px 0 -2px;
        padding: 0 9px 0 0;
        float: right;
        position: relative;
        list-style: none;
        border: 0px solid red;
}

div#nav-header ul#az-site-navigation ul {
        list-style: none;
}

div#nav-header ul#az-site-navigation li {
        float: left;
        height: 29px;
        list-style: none; /* equalizer sets this on the li elements, so we need to override here */
}

div#nav-header ul#az-site-navigation a {
        display: block;
        overflow: hidden;
        height: 29px;
        text-indent: -99999px; /* forces text for a element off screen */
}

div#nav-header ul#az-site-navigation li.do-it-yourself a {
        width: 168px;
        background: url(/images/main-nav/bg-do-it-yourself.gif) no-repeat;
}

div#nav-header ul#az-site-navigation li.find-a-repair-shop a {
        width: 155px;
        background: url(/images/main-nav/bg-find-a-repair-shop.gif) no-repeat;
}

div#nav-header ul#az-site-navigation li.for-the-professional {
        margin: 0 0 0 -8px;
        position: relative;
}

div#nav-header ul#az-site-navigation li.for-the-professional a {
        width: 182px;
        background: url(/images/main-nav/bg-for-the-professional.gif) no-repeat;
}

div#nav-header ul#az-site-navigation li a:hover {
        background-position: 0 -29px; /* offset for underlined image */
}






/* -------------------------------------------
 * primary navigation - center
 */


/* main header content container */


div#nav-header div.header-sections {
        width:940px;
        height:86px;
        clear:both;
        float:left;
        padding:10px;
        background:url(/images/main-nav/bg-user-box_v2.gif) no-repeat;
}

div#nav-header .dropDown{
	display:none;
	background: none repeat scroll 0% 0% #FFF;
	padding: 5px;
	position: absolute;
	top: 138px;
	left: 15px;
	width: 350px;
	z-index: 500;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
}
div#nav-header.provantage-header .dropDown{
	top: 200px;
}
div#nav-header .dropDown .close{
	position: absolute;
	top: 8px;
	right: 5px;
	background: url(/images/buttons/dropDown_close.png) no-repeat scroll right center transparent;
	color: #A2A2A2;
	font-weight: bold;
	padding: 0px 25px 15px 0px;
	cursor: pointer;
	text-indent: -9000em;
}
div#nav-header .dropDown .arrow{
	background: url(/images/buttons/dropDown_topArrow.png) no-repeat scroll center top transparent;
	position: absolute;
	left: 285px;
	width: 23px;
	height: 10px;
	top: -10px;
}
div#nav-header .dropDown .header{
	padding:10px;
	font-weight:bold;
	font-size:11px;
	color: #000;
	text-transform:uppercase;
}
div#nav-header .dropDown .body{
	padding:10px;
	color:#666666;
	margin-bottom:10px;
}

div#nav-header .header-sections-provantage {
        width:940px;
        height:160px;
        clear:both;
        float:left;
        overflow:hidden;
        padding:4px 10px;
        background:url(/images/provantage/AZ-Pro-Myzone-page-Header-section-merged.jpg) no-repeat 0 0;
}

div#nav-header div.header-provantage{

	padding-right:470px;
	float:left;
	position:relative;
	padding-top: 20px;
	padding-bottom: 10px;

}

div#nav-header div.provantage-level{
	width:275px;
	height:60px;
	position:absolute;
	right:0;
	top:65px;
	padding-top: 20px;
	padding-bottom: 10px;
}

div#nav-header div.provantage-level a,
div#nav-header div.provantage-level a:link{
	font-size:10px;
}


div#nav-header div.provantage-level span{
	/*display:inline-block;*/
	padding:27px 10px 0 0;
	position:absolute;
	top:0px;
	float:left;
}

div#nav-header div.provantage-level div.provantage-badge-container, div#nav-header div.provantage-level div.provantage-nobadge-container{
	width: 170px;
	position:absolute;
	top:10px;
	right:0;
}

div#nav-header div.provantage-level .provantage-header-links {
	top: 55px;
	position: absolute;
	text-align: right;
	right: 10px;
	}

.provantage-header-links .provantage-learn {
	padding-left: 30px;
	}
/* provantage badges */

#access-level{
	width:160px;
	float:left;
	height:45px;
	padding-top:15px;
	text-align:right;
	background-position:5px 0;
	line-height:1.5em;
}

#access-level-nobadge{
	width:auto;
	float:left;
	margin-top:45px;
	margin-left:75px;
	text-align:right;
	background-position:5px 0;
	line-height:1.5em;
}

#access-level > span {
	color:#333;
	padding:0 !important;
	font-family: 'AutoZoneCond-Italic','Helvetica Neue',Helvetica,Arial;
	font-size:16px;
	text-decoration:none !important;
	outline:none;
}

.bronze-badge{
	background:url('/images/provantage/proVantage-myZone-bronze-v1.png') no-repeat;
}

.silver-badge{
	background:url('/images/provantage/proVantage-myZone-silver-v1.png') no-repeat;
}

.gold-badge{
	background:url('/images/provantage/proVantage-myZone-gold-v1.png') no-repeat;
}

.platinum-badge{
	background:url('/images/provantage/proVantage-myZone-platinum-v1.png') no-repeat;
}

.diamond-badge{
	background:url('/images/provantage/proVantage-myZone-diamond-v1.png') no-repeat;
}

a div.homeLink {
 color: #4278A0;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 25px 0 0 0;
    text-decoration: underline;
    width: 50px;
    cursor: pointer;
	}


/* left section that is used for either the login or my pro zone logo */
div#nav-header div.header-sections .login-or-pro-zone {
        display: block;
        float: left;
        overflow: hidden;
        text-indent: -99999px;
}

/* login logo */
div#nav-header div.header-sections strong.login
{
        width: 99px;
        height: 81px;
        margin: -13px 0 0;
        background: url(/images/main-nav/bg-login.jpg) no-repeat;
}

/* my pro zone logo */
div#nav-header div.header-sections a.my-pro-zone
{
        background:url("/images/main-nav/bg-my-pro-zone.gif") no-repeat scroll 0 0 transparent;
        height:40px;
        margin:13px 2px 0 0;
        width:87px;
        /* width: 87px; */
        /* height: 16px; */
        /* margin: 18px 4px 0 0; */
        /* background: url(/images/main-nav/bg-my-pro-zone.gif) no-repeat; -- NON BETA IMAGE */
}



/* default style for content boxes */
div#nav-header div.header-section {
        float:left;
        height:63px;
        margin:8px 0 0 10px;
        padding:0 0 0 14px;
        background: url(/images/separators/dotted-1x2.gif) repeat-y;
        border: 0px solid green;
        overflow: visible;
}
div#nav-header .header-sections .request-access-section {
        width:330px;
        float:right;
        margin-top:8px;
        height: 66px;

}
div#nav-header div.my-local-store-section,
div#nav-header div.welcome-back-section {
        float:left;
        height:40px;
        margin:5px 0 0 10px;
        padding:0 0 0 14px;
      	 border: 0px solid green;
        overflow: visible;
        font-size: 11px;
}
div#nav-header div.my-local-store-section.eProc {
	margin:0 0 0 10px;
	}
div.my-local-store-section span.storePhone {
	background: url("/images/arrows/arrow-down-blue.gif") no-repeat scroll 100% 50% transparent;
    cursor: pointer;
    padding-right: 8px;
    text-decoration: none;
	}
div#nav-header div.my-local-store-section h4,
div#nav-header div.welcome-back-section h4{
	font-size: 11px;
	}
div#nav-header div.welcome-back-section {
	margin-left: 10px;
}
div#nav-header div.welcome-back-section select {
	margin-top: 3px;
	}
/* ----------------------------------
 * store info tooltip
*/
#storeInfo {
	top: 45px;
	width: 190px;
	height: 190px;
	border: 1px solid #000;
	background-color: #F8F8F8;
	position: absolute;
	z-index: 1001;
	padding: 0 10px 5px 10px;
	display:none;
	}
#storeInfo span.storeInfoHeader {
	color: #F38630;
	font-weight: bold;
	font-size: 12px;
	display:block;
	padding: 10px 0 5px 0;
	}

#storeInfo ul {
	margin-left: 0;
	margin: 0;
}
#storeInfo ul li {
	margin-left: 0;
	margin: 0;
	line-height: 14px;
}
#storeInfo ul li strong {
	font-weight: bold;
	display: block;
	width: 75px;
	clear: left;
	float: left;
	}
/* ----------------------------------
 * primary navigation - login box
 */
div#nav-header div.login-section {
        width: 580px;
         float:left;
        height:78px;
        margin:0 0 0 5px;
        padding:0 0 0 0;
 		background: none;
        border: 0px solid green;
        overflow: visible;
}

/* set username and password fields to a fixed width */
div#nav-header div.header-section.login-section input#username-txt,
div#nav-header div.header-section.login-section input#password-txt
{
        width: 218px;
        float: left;
        margin-top:17px;
}
div#nav-header div.header-section.login-section fieldset.remember-me-field{
	position: absolute;
	left: 140px;
}
div#nav-header div.header-section.login-section fieldset.remember-me-field label{
	font-size:11px;
}
div#nav-header div.header-section.login-section fieldset.remember-me-field input{
	height:13px;
	width:20px;
	vertical-align:bottom;
}
div#nav-header div.header-section.login-section div.username-field-cont {
	float:left;
	height: 35px;

	margin-top:15px;
	vertical-align: bottom;
	width:240px;
	background: transparent url(/images/main-nav/label_username.gif) no-repeat top left;
	}
div#nav-header div.header-section.login-section div.password-field-cont {
	position:relative;
	float:left;
	height: 35px;
		margin-top:15px;
	vertical-align: bottom;
	width:240px;
		background: transparent url(/images/main-nav/label_password.gif) no-repeat top left;
	}

div#nav-header div.form-action {
        float:left;
        height: 35px;
		margin-top:20px;
		padding-left:10px;
}
div#nav-header div.form-action input {
	margin-top:12px;
	}
div#nav-header div.header-section.login-section input.error {
        background-color: #FFABAB;
}

div#nav-header div.header-section.login-section div#login-error {
     color: red;
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 6px 0 0 15px;
    width: 330px;
}

/* set all divs within the password field container to float left */
div#nav-header div.header-section.login-section div.password-field-cont div {
        float: left;
}

div#nav-header div.header-section.login-section div.password-field-cont div input#btn-go,
div#nav-header div.header-section.login-section div.password-field-cont div img#btn-go-disabled {
        padding: 4px 0px 0px 3px;
        float:left;
}

div#nav-header div.header-section.login-section div.forget-password
{
        margin: 2px 0 0 0;
        padding: 4px 3px 4px 2px;
      	float:left;
      	clear:left;
      	width: 210px;
}

/* -------------------------------------
 * primary navigation - request access
 */
div#nav-header div.request-access-section a {
        display: block;
        margin-top: 20px;
        padding-left: 50px;
}

div#nav-header div.header-section.request-access-section input#btn-request-access,
div#nav-header div.header-section.request-access-section img#btn-request-access
{
        display: block;
        margin:6px 0 0 15px;
}
/* --------------------------------------
 * primary navigation - add/change vehicle
 */


div#add-or-change-vehicle {
	float:left;
}


/*-------------------------------------
 * Primary Navigation - Vehicle Sorting Overlay
 */
div#add-or-change-vehicle #vehicleSortingOverlay{
	text-align:left;
	font-size:11px;
}
div#add-or-change-vehicle #vehicleSortingOverlay label{
	color:#666666 ;
	padding-left:5px;
	font-size: 11px;
	line-height: 20px;
	width:100%;
}
div#add-or-change-vehicle #vehicleSortingOverlay input[type="radio"]{
	vertical-align:text-top;
}

.vehicle-sort-mobile-label > .azp.azp_device {
	color: #f37f00;
}

/* --------------------------------------
 * primary navigation - welcome back
 */
div#nav-header div.header-section.welcome-back-section select.inp-select
{
        width: 208px;
        color: #333;
        font-size: 11px;
        padding: 0;
        margin: 4px 19px 6px 0;
}

div#nav-header a,
div#nav-header a:visited,
div#nav-header a.headerLink,
div#nav-header a.headerLink:visited {
	color: #4278A0;
	font-weight: bold;
	font-size:11px;
	}

div#nav-header div.headerLinks a.headerLink {
	text-transform:uppercase;
	}
/* h4 elements for welcome back and store address */
div#nav-header div.header-section.welcome-back-section h4,
div#nav-header div.header-section.my-local-store-section h4
{
        margin: -4px 0 0;
        color: #333;
        font-size: 11px;
        line-height: 13px;
        position: relative;
}

/* primary navigation - store address */
div#nav-header div.header-section.my-local-store-section address {
        display: block;
        color: #555;
        font-size: 11px;
        line-height: 14px;
        margin: 3px 0 0;
        width: 200px;
}
select#selectShop {
	width: 160px;
	*/padding: 1px;*/
}

/* --------------------------------
 * primary navigation - items area
 */
div#nav-header div.header-section.items-section {
        text-align: center;
        padding: 0 0 5px 10px;
        width: 85px;
}

div#nav-header div.header-section.items-section strong.items {
     	float: left;
        display: block;
        height: 42px;
        overflow: hidden;
        margin: 2px 0 8px;
        font: 12px/14px "Helvetica Neue", Arial, sans-serif;

}

div#nav-header div.header-section.items-section strong.items span {
        float: left;
        height: 34px;
        width:27px;
        color: #666;
        white-space: nowrap;
        padding: 5px 7px 3px 27px;
        font-size: 10px;
        font-weight: bold;
        vertical-align: top;
        background: url(/images/main-nav/bg-items-cart.gif) no-repeat 100% 100%;
}
p.itemCount {
	font-size: 12px;
	margin-bottom: -2px;
	margin-top: 2px;
}

/* -------------------------------
 * primary navigation - search
 */
a.searchLink {
		color: #4278A0;


	text-decoration: none;
	}
input.defaultTextActive,textarea.defaultTextActive
{
	color: #C7C7CD;
	font-style: italic;
}
/*search examples tooltip maximumus */

.searchExamples {
	display: none;
	width: 395px;
	height: 260px;
	z-index: 1000;
	background: #fff;
	border: 1px solid #000;
	color: #666;
	position: absolute;
	top: 135px;
	padding: 10px;
	font-size: 11px;
	}
.searchExamples table {
	width: 395px;
	margin-top: 10px;
}
.searchExamples table th {
	color: #fff;
	background-color: #000;
	font-weight: bold;
	padding: 3px;
}
.searchExamples table td {
	border: 1px solid #666;
	background-color: #eee;
	padding: 3px;
}
.searchExamples table td.searchType {
	text-align: right;
	color: #000;
	font-weight: bold;
}
.searchExamples div.closeExamples {
	margin-left:auto;
	margin-right:auto;
	color: #4278A0;
    text-decoration: underline;
    width: 90px;
    text-align: center;
    cursor: pointer;
	}

div#nav-header div.header-section.search-section {
        padding: 2px 0 0 21px;
        width: 491px;
        color: #808080;
        font: 11px/12px "Helvetica Neue", Arial, sans-serif;
}

div#nav-header div.header-section.search-section strong.search-head {
        height: 15px;
        display: block;
        overflow: hidden;
        text-indent: -9999px;
        background: url(/images/main-nav/bg-heading-search_v2.gif) no-repeat;
}
div#nav-header div.header-section.search-section div.exampleLede {
	font-style: oblique;
	color: #444;
	}
div#nav-header div.header-section.search-section input#btn-go,
div#nav-header div.header-section.search-section input#search-btn-go,
div#nav-header div.header-section.search-section img#btn-go-disabled {
        vertical-align: top;
        padding: 4px 0px 0px 0px;
}

/*input#search-text {
	background-color: #FFFFFF;
	width: 403px;
	padding:6px;
	margin-bottom: 3px;
	margin-right:4px;
	position: absolute;
	z-index: 6;
}

div#search-container-outer {
	margin-bottom: 5px;
}

div#search-container-outer div#search-container-inner {
	width: 471px;
}
*/
div.autoSuggestionsContainer {
	border: 1px solid #D0D0D0;
	font-size: 11px;
	background-color: #FFF;
	display: none;
	margin-top: -4px;
	padding: 0;
	position: absolute;
	width: 415px;
	z-index: 999;
}

div.autoSuggestionsContainer ul.autoSuggestionsList {
	margin: 0;
	padding: 0;
}

div.autoSuggestionsContainer ul.autoSuggestionsList li.searchItem {
	font-weight: normal;
	padding: 7px;
	cursor: pointer;
	color: #333333;
}

div.autoSuggestionsContainer .searchText {
	color: #333333;
	font-style: italic;
	font-weight: normal;
	padding: 7px;
	text-align: right;
	float: right;
	cursor: pointer;
}

div.autoSuggestionsContainer .searchText.itemOver {
	color: #FFFFFF;
	font-weight: bold;
}

div.autoSuggestionsContainer ul.autoSuggestionsList li.searchItem.itemOver {
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
}

/*div#search-container-inner #search-btn-go {
	float: right;
}*/

/* =================================
 *  Left Sidebar
 * =================================
 */

div#sidebar-outer {
        float: left;
        width: 180px;
}

div#sidebar-outer div.sidebar-inner {
        width: 180px;
        overflow: hidden;
        padding: 0 0 52px;
}
div#sidebar-outer > div.sidebar-inner li a .selected {
	color:#FF6600;
	font-weight:bold;
}
/* side bar heading */
div#sidebar-outer div.sidebar-inner h3 {
        color: #000;
        font-size: 12px;
        line-height: 14px;
        padding: 15px 15px 0;
        margin: 0 0 2px 0;
        font-weight:700;

}

div#sidebar-outer div.sidebar-inner ul.menu {
        margin: 0;
        padding: 0;
        width: 100%;
        overflow: hidden;
}

div#sidebar-outer div.sidebar-inner ul.menu li {
        /* float: left; */
        width: 100%;
        margin: 1px;
        list-style: none;
        display: inline;
        vertical-align: middle;
}

div#sidebar-outer div.sidebar-inner ul.menu a {
        display:inline-block;
        color: #707070;
        cursor: pointer;
        text-decoration: none;
        font-size: 11px;
        line-height: 14px;
        width: 163px;
        padding: 0 3px 0 12px;
        margin-bottom: 4px;
        margin-top: 2px;
}

div#sidebar-outer div.sidebar-inner ul.menu span {
        padding: 0 0 0 8px;
        font-weight: 600;
        display:inline-block;
        font-family: Arial, Helvetica, 'Helvetica Neue';
}

div#sidebar-outer div.sidebar-inner ul.menu li span.disabled-link {
        display: block;
        overflow: hidden;
        color: #ccc;

}
div#sidebar-outer div.sidebar-inner ul.menu .active a span,
div#sidebar-outer div.sidebar-inner ul.menu a:hover span {
	text-decoration: underline;
	}
div#sidebar-outer div.sidebar-inner ul.menu .active a,
div#sidebar-outer div.sidebar-inner ul.menu li:hover
{
        background: #ffc;
}

div#sidebar-outer div.sidebar-inner ul.menu .active strong,
div#sidebar-outer div.sidebar-inner ul.menu a:hover strong
{
        background: url(/images/left-nav/bg-menu-bottom.gif) no-repeat 0 100%;
        text-decoration: underline;
}


/* nested menus - increase the left margin so they are indented */
div#sidebar-outer div.sidebar-inner ul.menu li ul.menu {
        margin: 0px 0px 0px 1em;
}

div#sidebar-outer div.sidebar-inner ul.menu li.leftNavSelected {
	color: #FF6600;
	background: url("/images/arrows/bg-ul-orange-arrow.gif") no-repeat scroll left center transparent;
	margin-left:11px;
}
div#sidebar-outer div.sidebar-inner ul.menu li.leftNavSelected:hover {
	color: #FF6600;
	background: url("/images/arrows/bg-ul-orange-arrow.gif") no-repeat scroll left center #ffc;
	margin-left:11px;
}

div#sidebar-outer div.sidebar-inner ul.menu li.leftNavSelected a {
	color:inherit;
	padding-left:2px;
}





/* =================================
 *  Bottom Button Section
 * =================================
 */

/* Conflicting with Foundations CSS Stack
****************************************************
div.all-content-inner div.bottom-button-section {
	margin: 1rem 0 0;
} */

/* Conflicting with Foundations CSS Stack
****************************************************
div.all-content-inner div.bottom-button-section img,
div.all-content-inner div.bottom-button-section input {
        padding: 0px 0px 0px 0px;
}*/



/* =================================
 *  Footer Section
 * =================================
 */

div#nav-footer {
        width:100%;
        overflow:hidden;
        padding:13px 0 20px;
}

/* Footer link list area */
div#nav-footer div.footer-section {
        float:left;
        padding:0 5px 0 6px;
}

div#nav-footer div#footer-sections {
		width:640px;
		float:left;
}

div#nav-footer div.footer-section h3 {
        margin:0;
        color:#fff;
        font:bold 11px/14px "Helvetica Neue", Arial, sans-serif;
}

div#nav-footer div.footer-section ul {
        margin:0;
        padding:2px 0 0;
        width:100%;
        overflow:hidden;
}

div#nav-footer div.footer-section ul li {
        padding:3px 1px 0;
        list-style:none;
        overflow:hidden;
}

div#nav-footer div.footer-section ul a {
        color:#d4d4d4;
        font:11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#nav-footer div.footer-section ul a:hover {
        text-decoration:none;
}

/* copyright/verisign area */
div#nav-footer div.footer-info {
        float:right;
        width:310px;
        padding:0 10px 0 0;
        text-align:right;
}

div#nav-footer div.footer-info p {
        margin:0;
        color:#fff;
        text-align:right;
        font:11px/14px "Helvetica Neue", Arial, sans-serif;
}

div#nav-footer div.footer-info .veri-sign-secured {
        float:right;
        clear:both;
        height:49px;
        margin:9px 2px 0 0;
        text-decoration:none;
}

div#nav-footer div.footer-info .veri-sign-secured a.verisign-link {
        color:#FFF;
        text-decoration:none;
        font:bold 7px verdana,sans-serif;
        letter-spacing:.5px;
        text-align:center;
        margin:0px;
        padding:0px;
}

/* ================================================
 *  Error Messages
 * ================================================
 */
.all-content-inner .error-message,
.error-message {
        background-color: #EE2D24;
        color: white;
        width: 100%;
        font-weight: bold;
        font-size: 0.75rem;
}

div#all-content-outer .all-content-inner .error-message a:link,
div#all-content-outer .all-content-inner .error-message a:visited,
.error-message a:link,
.error-message a:visited {
	color:white;
}

/* non-rounded-error is to fix the positioning problem on the redesigned request access pages */
div#main-outer div.main-inner div.non-rounded-error {
        position:relative;
        top:0px;
}

div.all-content-inner .error-message ul {
        margin: 0px;
}
.error-message ul li {
        background: #EE2D24 url(/images/other/error_exclamation.gif) no-repeat center left;
        padding: 5px 15px;
        line-height: 1.4;
}
.error-message ul.error-light li {
        background: #fff url(/images/other/exclamation_red.gif) no-repeat 20px center;
        padding: 12px 10px 12px 60px;
        color:#EE2D24;
}

/* ================================================
 *  Full Page Error Messages (error 404, 500, etc)
 * ================================================
 */
div#all-content-outer.page-system-error div.content-box-outer {
        padding-top: 10px;
}


div#all-content-outer.page-system-error div.content-box-outer div.error-message-outer {
        margin: 40px 0 10px;
        text-align: center;
}

div#all-content-outer.page-system-error div.content-box-outer div.error-message-outer div.error-main {
        color: #000;
        font-weight: bold;
        font-size: 18px;
}

.error-instructions {
        margin: 30px 0 0px 0px;
        line-height: 1.5em;
        font-weight: bold;
        font-size: 12px;
}
.error-instructions ul li {
        list-style:disc;
}

/* =================================
 *  Disclaimer
 * =================================
 */
div#all-content-outer div.all-content-inner div#disclaimer  {
        clear: both;
        margin: 50px 20px 20px;
}

div#all-content-outer div.all-content-inner div#disclaimer.interior  {
        border-top: 1px solid #CCCCCC;
        padding-top: 10px;
}

/* ==============================================
 *  Default styles for "panel" landing pages.
 * ==============================================
 */

/* outer container for the two-column banners */


/* outer container for the three-column banners */
div#all-content-outer.panel-landing div.banner-three-column {
        width: 720px;
        border: 0px solid red;
        overflow: hidden;
        margin: 20px 0px 20px 0px;
}

/* containers for the three images */
div#all-content-outer.panel-landing div.banner-three-column div {
        float: left;
}


/* ==============================================
 *  show/hide cost buttons used across the site
 * ==============================================
 */

/* set the padding to zero for rows with show hide buttons */
tr.show-hide-row td {
        padding: 0px !important;
        border-bottom: 1px solid #fff !important;
        border-right: .0625rem solid #dadada;
}

tr.show-hide-row td.show-hide-col {
        width: 83px !important;
        text-align:center;
}

tr.show-hide-row td.show-hide-col div {
        max-width: 100%;
        margin:0 auto;
}
tr.show-hide-row td.show-hide-col div span.show-hide-button {
        border: 0px solid green;
        cursor: pointer;
        min-width: 75px;
        height: 21px;
        /*text-indent: -9999px;*/
        display: block;
        color:#fff;
        font-size:.625rem;
        text-align:center;
        padding-top:.3rem;

}

tr.show-hide-row td.show-hide-col div span.show {
        /* display: none; */
        /*background: url(/images/buttons/show-hide-cost.gif) no-repeat 0 0;*/
        background-color:#c4c4c4;

}

tr.show-hide-row td.show-hide-col div span.hide {
        /*background: url(/images/buttons/show-hide-cost.gif) no-repeat -60px 0;*/
        background-color:#d52b1e;
        text-transform: uppercase;
    	font-weight: bold;
}


/* ==============================================
 *  jQuery UI - override style for dialog boxes
 * ==============================================
 */
span.ui-global-dialog {
        float:left;
        margin:0 7px 20px 0;
}


/* ==============================================
 *  jQuery UI - datepicker
 * ==============================================
 */

/* Conflicting with Foundation CSS Stack
 *
div#all-content-outer fieldset.datepicker div.datepicker-field input#dateStart,
div#all-content-outer fieldset.datepicker div.datepicker-field input#dateEnd
{
        width: 90px;
        font-size: 12px;
        height: 15px;
} */

/* icons for datepicker fields */

div#transaction-div img.ui-datepicker-trigger ,
div#all-content-outer img.ui-datepicker-trigger {
        position: absolute;
        right: 25px;
        top: 13px;
        margin: 0px;
        padding: 0px;
        border: 0px;
}

/* toggle style for hiding elements */
.show-hide-element-hidden {
        visibility: hidden;
}

/* toggle style for hiding elements */
.show-hide-element-none {
        display: none;
}


/* ==============================================
 *  expand/collapse links
 * ==============================================
 */
div#all-content-outer a.collapse-expand-toggle-link {
        background: transparent url('/images/arrows/round_expand.png') no-repeat 0 0;
        padding: 0px 0px 0px 18px;
        text-decoration: underline;
        cursor: pointer;
}

/* class for links in expanded mode */
/* Conflicting with Foundations CSS Stack
div#all-content-outer a.expanded {
        background: transparent url('/images/arrows/round_collapse.png') no-repeat 0 0;
}
*/


/* show/hide panels - class for defaulting to collapsed state */
div.panel-collapsed {
        display: none;
}


/* ================================================
 *  data tables - used across the site - defaults
 * ================================================
 */

div#all-content-outer div.content-box table.data-table {
        width: 100%;
}

.word-wrap {
        word-break:break-all;
        word-wrap:break-word;
}

/* Conflicting with Foundation CSS stack
div#all-content-outer div.content-box table.data-table th {
        background:#E6E6E6;
        font-weight: bold;
        border: 1px solid #DADADA;
        font-size: 11px;
        padding: 5px 5px 5px 10px;
        color: #555;
} */


/* Conflicting with Foundation CSS stack
div#all-content-outer div.content-box table.data-table td {
	padding: 15px 10px 15px 10px;
	font-size: 11px;
	vertical-align:top;
	border-bottom:1px solid #DADADA;
} */

div#all-content-outer div.content-box table.data-table tr:last-of-type td {
	border-bottom:0;
}

/* Conflicting with Foundation CSS stack
#manage-users-table td {
	border-left: 0px solid #DADADA;
	border-right: 0px solid #DADADA;
	border-bottom: 0px solid #DADADA;
	border-top: 1px solid #DADADA;
	border-left: 0 solid #DADADA;
	border-right: 1px solid #DADADA;
	border-bottom: 0 solid #DADADA;
	width:140px;
} */

#manage-users-table td {
	border-right: 1px solid #DADADA;
	width:140px;
}

#manage-users-table tr:not(:first-child) td {
	border-top: 1px solid #DADADA;
}


/* Conflicting with Foundation CSS Stack
 *
div#all-content-outer div.content-box table.data-table tr.even td {
	background:#DADADA;
	border-right:1px solid #CCCCCC;
}

div#all-content-outer div.content-box table.data-table td a {
        font-size: 11px;
        font-weight: bold;
} */

div#all-content-outer div.content-box table.data-table tr.heading-row {
        border: 1px solid red;
}

div#all-content-outer div.content-box table.data-table tr.heading-row a {
        background: transparent url(/images/arrows/arrow_gray_right.png) no-repeat scroll 100% 50%;
        text-decoration: none;
        font-size: 11px !important;
        padding: 0 7px 0 0;
}

html body div#all-content-outer div.content-box table.data-table tr.heading-row a.ignore {
        background: none;
}

div#all-content-outer div.content-box table.data-table tr.heading-row a.descending {
        background: transparent url(/images/arrows/arrow_gray_down.png) no-repeat scroll 100% 50%;
}

div#all-content-outer div.content-box table.data-table th.headerSortDown a {
        background: transparent url(/images/arrows/arrow_gray_down.png) no-repeat scroll 100% 50%;
}

div#all-content-outer div.content-box table.data-table th.headerSortUp a {
        background: transparent url(/images/arrows/arrow_gray_up.png) no-repeat scroll 100% 50%;
}

div#all-content-outer div.content-box table.data-table tr.heading-row a:hover {
        text-decoration: underline;
}


/* Conflicting with Foundation CSS Stack
 *
table#quote-table thead th a,
table#quote-table thead th a:visited,
table.sortable thead th a.sortable {
    background: url("/images/arrows/arrow_gray_right.png") no-repeat scroll 100% 50% transparent;
    color: #555;
    padding: 0 7px 0 0;
    font-size: 11px;
    text-decoration: none;
} */

div#all-content-outer div.content-box table.sortable thead th a.nosort,
div#all-content-outer div.content-box  table.sortable thead th a.nosort:visited {
    background: none;
    color: #555;
    padding: 0 7px 0 0;
    font-size: 11px;
    text-decoration: none;
}

/* Conflicting with Foundation CSS Stack
 *
table#quote-table thead th a,
table#quote-table thead th a:visited,
table.sortable thead th a.sortable,
table.sortable thead th a.sortable:visited,
div#all-content-outer div.content-box table.sortable thead th a.sortable,
div#all-content-outer div.content-box table.sortable thead th a.sortable:visited {
	 font-size: 11px;
    text-decoration: none;
    color: #555;
	} */


/* The following heavy css selectors are necessary to override an equally heavy selector from somewhere else */
div#all-content-outer div.content-box table.data-table thead tr.heading-row a.ascending,
div#all-content-outer div.content-box table#quote-table thead tr.header-row th a.ascending,
div#all-content-outer div.content-box table#quote-table thead tr.heading-row th a.ascending,
table.sortable thead th a.sortable.ascending {
    background: url("/images/arrows/arrow_gray_up.png") no-repeat scroll 100% 50% transparent;
    padding-right: 10px;
}
div#all-content-outer div.content-box table.data-table thead tr.heading-row a.descending,
div#all-content-outer div.content-box table#quote-table thead tr.header-row th a.descending,
div#all-content-outer div.content-box table#quote-table thead tr.heading-row th a.descending,
table.sortable thead th a.sortable.descending {
    background: url("/images/arrows/arrow_gray_down.png") no-repeat scroll 100% 50% transparent;
    padding-right: 10px;
}


/*
 * PLEASE, please do not use this file as a dumping ground for a-bunch of
 * unnecessary global styles!  Target them properly using descenders and
 * put them where they belong!
 *
 * Thanks!
 *
 */

/* This rule needs to be this complex because the rule that makes <a> green here is only a little less complex than this one */
html body div#all-content-outer div.content-section div.results-main table.item-list-table td p.swap-out-this-item,
html body div#all-content-outer div.content-section div.results-main table.item-list-table td p.swap-out-this-item a {
    color: #6F6F6F !important;
    font: bold 11px/14px "Lucida Grande", "Lucida Sans Unicode",Arial,Helvetica,sans-serif;
}
html body div#all-content-outer div.content-section div.results-main table.item-list-table td p.swap-out-this-item {
        margin:0;
        padding:8px 0 0 16px;
        width:96px;
        float:left;
        display:inline;
        color:#6F6F6F;
}
/* A table with .hide-cost-column should not display any children with .cost-column */
html body div#all-content-outer div.content-section div.results-main table.item-list-table.hide-cost-column *.cost-column,
html body div#all-content-outer div.content-section div.results-main table.category-section-totals.hide-cost-column  *.cost-column,
html body div#all-content-outer div.content-section div.totals-header-box-outer table.totals-header-table.hide-cost-column  *.cost-column,
html body div#all-content-outer table.order-history-detail-table.hide-cost-column  *.cost-column,
div#product-detail table.item-list-table.hide-cost-column *.cost-column,
html body div#all-content-outer table.totals-for-quote-table.hide-cost-column  *.cost-column,
html body div#all-content-outer table.totals-header-table.hide-cost-column  *.cost-column,
html body div#all-content-outer div.results-main table.item-list-table.hide-cost-column *.cost-column,
#mainContent table.totals-for-quote-table.hide-cost-column *.cost-column,
table.item-list-table.hide-cost-column *.cost-column,
table.totals-header-table.hide-cost-column *.cost-column {
    display:none;
}

/* A table with .hide-list-column should not display any children with .list-column */
html body div#all-content-outer div.content-section div.results-main table.item-list-table.hide-list-column *.list-column,
html body div#all-content-outer div.content-section div.results-main table.category-section-totals.hide-list-column  *.list-column,
html body div#all-content-outer div.content-section div.totals-header-box-outer table.totals-header-table.hide-list-column  *.list-column,
html body div#all-content-outer div.content-section table.order-history-detail-table.hide-list-column  *.list-column,
div#product-detail table.item-list-table.hide-list-column *.list-column,
html body div#all-content-outer div.content-section div.right-panel table.totals-for-quote-table.hide-list-column  *.list-column{
    display:none;
}

/* A table with .hide-list-column should not display any children with .show-hide-col */
html body div#all-content-outer div.content-section div.results-main table.item-list-table.hide-list-column *.show-hide-col,
html body div#all-content-outer div.content-section div.results-main table.category-section-totals.hide-list-column  *.show-hide-col,
html body div#all-content-outer div.content-section div.totals-header-box-outer table.totals-header-table.hide-list-column  *.show-hide-col,
html body div#all-content-outer div.content-section table.order-history-detail-table.hide-list-column  *.show-hide-col,
div#product-detail table.item-list-table.hide-list-column *.show-hide-col *,
html body div#all-content-outer div.content-section div.right-panel table.totals-for-quote-table.hide-list-column  *.show-hide-col {
    display: none;
}

/* By default, do not display any children of .cost-column with .core-price */
html body div#all-content-outer div.content-section div.results-main table.item-list-table *.cost-column *.core-price,
html body div#all-content-outer div.content-section div.results-main table.category-section-totals *.cost-column *.core-price,
html body div#all-content-outer div.content-section div.totals-header-box-outer table.totals-header-table *.cost-column *.core-price,
html body div#all-content-outer div.content-section table.order-history-detail-table *.cost-column *.core-price,
div#product-detail table.item-list-table *.cost-column *.core-price,
html body div#all-content-outer div.content-section div.right-panel table.totals-for-quote-table *.cost-column *.core-price {
    display: none;
}

/* A table with .hide-list-column should display any children of .cost-column with .core-price */
html body div#all-content-outer div.content-section div.results-main table.item-list-table.hide-list-column *.cost-column *.core-price,
html body div#all-content-outer div.content-section div.results-main table.category-section-totals.hide-list-column *.cost-column *.core-price,
html body div#all-content-outer div.content-section div.totals-header-box-outer table.totals-header-table.hide-list-column *.cost-column *.core-price,
html body div#all-content-outer div.content-section table.order-history-detail-table.hide-list-column *.cost-column *.core-price,
div#product-detail table.item-list-table.hide-list-column *.cost-column *.core-price,
html body div#all-content-outer div.content-section div.right-panel table.totals-for-quote-table.hide-list-column *.cost-column *.core-price {
    display: none;
}


#btnLogout {
    cursor: pointer;
    padding: 0px 0px 0px 4px;
    vertical-align:bottom;
}

#searching-for-list li {
    font-size: 14px;
    font-weight: bold;
    background: transparent url(/images/backgrounds/spinner.gif) top right no-repeat;
    padding-bottom: 8px;
}

div#searching-your-network,
div#processing-your-request {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

div#searching-your-network ul li {
    margin-bottom: 5px;
}


div.clear {
    clear: both;
}


html body div#all-content-outer div.content-section #quote-table td.pack-right,
html body div#all-content-outer div.content-section #quote-table td.pack-both,
html body div#all-content-outer div.content-section #quote-table td.pack-left {
    padding-bottom: 0;
}

html body div#all-content-outer div.content-section #quote-table td.pack-right {
    padding-right: 0;
}
html body div#all-content-outer div.content-section #quote-table td.pack-both {
    padding-right: 0;
    padding-left: 0;
}
html body div#all-content-outer div.content-section #quote-table td.pack-left {
    padding-left: 0;
}

html body div#all-content-outer div.content-section #quote-table li.last-item {
    border-bottom: none;
}

#quote-table li.last-item, #quote-table li.middle-item {
    padding-top: 10px;
    border-top: 1px solid #CCC;
}

#quote-table.saved-quotes-table li.last-item, #quote-table.saved-quotes-table li.middle-item {
	padding-top:0;
	border-top:none;
}

html body div#all-content-outer div.content-section #quote-table_wrapper #quote-table_paginate {
    float:right;
}

html body div#all-content-outer div.content-section #quote-table_wrapper #quote-table_filter {
    display: none;
}

html body div#all-content-outer div.content-section #quote-table_wrapper #quote-table_paginate #quote-table_previous,
html body div#all-content-outer div.content-section #quote-table_wrapper #quote-table_paginate #quote-table_next {
    float: left;
    padding-left: 10px;
}


html body div#all-content-outer div.content-section div.content-box.saved-quotes-box {
    display: none;
}

html body div#all-content-outer div.content-section #quote-table td.needs-availability {
    background: transparent url(/images/backgrounds/spinner.gif) 50% 50% no-repeat;
}


html body div.jquery-ui-dialogs {
    display: none;
}

.info-message {
        color:#fff;
        background:#F68528;
        padding:10px 12px;
        font-size:12px;
        line-height:1.4em;
        border:1px solid #685749;
        margin:12px 0;
}
.content-box .info-message {
        margin:12px;
}
.rounded {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
.langTag {
float:right;
padding-top:35px;
padding-right:5px;
}
.langTag a {
font-weight:bold;
font-size: 12px;
color:#4278a0;
}

/* ================================================
 *  idTabs - used across the site
 * ================================================ */
.tab-header {

	/*Conflicting with Foundations CSS Stack
	width: 730px;
	margin: 19px -5px -20px -5px;
	padding-top: 14px;


	background: #292929 url(/images/tabs/bg-info-box-top.gif) no-repeat scroll 0 0;
	overflow: hidden;
	border-bottom:10px solid #666;
	*
	*/
}

ul.idTabs {
	margin: 0;
	height: 100%;
}
ul.idTabs li {
	float:left;
	position: relative;
	height:100%;
}


ul.idTabs li a,
ul.tabPanel li a {
	/*float:left;
	padding:12px 12px 8px;
	background:#000;
	margin-left:5px;
	* */

/* Conflicting with Foundations CSS
 margin:0 0 -2px 6px;
 -webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
*/
	color: #fff;
	font: bold 1.4rem/1 'Helvetica Neue',Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	display:block;
	text-decoration:none;
}

ul.idTabs li a.selected {
	/*background:#666;*/
}

/*  Product Detail Overlay Tabs  */

ul.tabPanel {
	margin: 4px 0 0 0;
	overflow: hidden;
}

ul.tabPanel li a {
	display: block;
    padding: 10px;
    font-size: 0.9375rem;
    text-decoration: none;
    line-height: 1;
    margin: 0 0 -1px 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

ul.tabPanel li a.selected {
	background-color: #acaeaf;
	color: #fff;
}

ul.tabPanel li a:hover {
	background-color: #fff;
	color: #6c6f70;
	text-decoration: none;
}



ul.idTabs li a span {
	font-size: 0.75rem;
	font-weight: bold;
	text-decoration:underline;
	text-transform: none;
}
div.content-box-head-outer.with-buttons div.content-box-head-buttons.add-to-quote-buttons {
	position:absolute;
	top:-38px;
	right:12px;
}

.content-box-head-buttons.add-to-quote-buttons.dealbottom {
	position:relative;
	/*right:12px;*/
	clear:both;
	margin: 10px 0px 10px 0px;
	top:0;
}

.content-section {
	position:relative;
	overflow:visible;
}
div.headerLinks {
float:right;
padding-top:5px;
padding-right:5px;
}
div.headerLinks a {
	padding-left: 5px;
}

/* When applied to html element with JavaScript, hide page until removed */
html.loading {
	display:none;
}

ul.btn-list {
	padding:5px;
	display: block;
	overflow: auto;
	margin: 0px;
	}
ul.btn-list li {
	float: left;
	padding-right: 20px;
}
/* addressing ui bug on datepicker */
div.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
	display:none;
}
.onHold {
	background-color: white;
	min-height: 300px;
	 background: transparent url(/images/backgrounds/list-loader.gif) 50% 50% no-repeat;
}
div.logoRow {
	clear:both;
}
/* GENERIC PATTERNS */
#all-content-outer.page-support-programs-and-services.right-indent-common ul {
	line-height:16px;
	font-size:12px;
}
#all-content-outer.page-support-programs-and-services.right-indent-common li {
	margin-bottom:4px;
	font-weight: normal;
	color: #4e4e4e;
}
div.laborlookup-info {
	width:100%;
	font-weight: bold;
	padding-top: 10px;
}
div.laborlookup-overlay-buttons {
	text-align: center;
	width: auto;
	padding-top: 25px;
}
div.laborlookup-overlay-buttons span {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
}

	}
	/* marketting template content alignment */
div.BottomContent,.buy-brakes-text{
	float:left;
	padding:10px 20px 10px 20px;
	line-height: 13px;
}
.buy-brakes-text ul{
	margin:0px;
	padding:0px;
}
.buy-brakes-text ul li{
	padding: 0px 0px 2px 0px;
	margin: 0px;
}
div#all-content-outer div.content-section div.BottomContent p{
	padding: 10px;
	color:#fff;
	background:#000;
	font-size: 10px;
}

.buy-brakes-text{
	padding-bottom: 10px;
	font-size: 11px;
	line-height: 18px;
}
.buy-brakes-cta{
	float: left;
	clear: left;
	width: 100%;
	line-height: 13px;
}
	#Dealpagemain .dataTables_wrapper .dataTables_wrapper .pagination-controls,
	#Dealpagemain .dataTables_wrapper .dataTables_wrapper .dataTables_processing {
			display:none;
}
#Dealpagemain {
	clear:both;
	}

#Dealpagemain table tbody tr:nth-child(even) {
	border-top: 1px solid #dadada;
}

#Dealpagemain .deal-des h4, #Dealpagemain .results-main h4 {
    font-size: 1rem;
}

#Dealpagemain .deal-des p.pfontsz {
    font-size: .875rem;
    line-height: 1.4;
}

/*New UI added */

/* Deal Maker */
.content_steps{
	float: left;
	width:730px;
	background: #fff;
}
div#all-content-outer .content_steps h2{
	margin: 0px;
	padding:0px 0px 0px 0px;
	color:#fff;

}
h2 span.directions{
	padding: 5px 0px 6px 5px;
	float:left;
	font-size: 13px;
	background: #666666;
	width:601px;
}
h2 span.step{
	 background: url(/images/backgrounds/step-bg.png) no-repeat;
	font-size:23px;
	padding: 5px 5px 5px 5px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	font-family: 'AutoZoneCond-Italic','Helvetica Neue',Helvetica,Arial;
	width: 114px;
	height:32px;
	float:left;
	margin:0 auto 0 auto;
	text-align: center;
}
h2 span.step span.of{
	font-size:18px;
	}
#firstDeal{
	background:white;
	 width:100%;
	 clear:left;
	 float:left;
}
.btn{
	padding: 0px 0px 5px 0px;

	}

.First-deal-image,
.first-deal-desc {
    padding: 1rem;
    width: 100%;
    text-align: center;
}

@media screen and (min-width: 40em) {
	.First-deal-image,
	.first-deal-desc {
		float: left;
		text-align: left;
	}
	.First-deal-image{
		width: 12%;
	}
	.first-deal-desc{
		width: calc(100% - 180px - 12%);
	}
}
.first-deal-desc h4{
	font-size: 12px
}
.first-deal-desc div.onlineOffer {
	float:right;
	margin-right:10px;
	margin-top:-60px;
}
div.content-box div.stepitems {
	clear:both;
	}
div#all-content-outer.page-product-results #dealBody div.results-main div.section-header,
div#all-content-outer.page-product-results  #dealBody div.results-main div.filters
{
	border: 0px;
}
div#all-content-outer.page-product-results #dealBody div.results-main div.section-header{
	background: none;
}
div#all-content-outer.page-product-results  #dealBody table.item-list-table  {
	border-bottom: 1px solid #dadada;
	margin-bottom:0px;
}
div#all-content-outer.page-product-results  #dealBody .results-main table.item-list-table :last-child{
	border-bottom: 0px;
}
div#all-content-outer #dealBody div.content-section{
	margin: 0px;
}
.bottom-bx{
	float: left;
	padding: 10px;
	width: 710px;
}
div#all-content-outer div.content-section .bottom-bx  p{
	font-size: 11px;
	padding: 0px 0px 7px 0px;;
	margin: 0px;
}

div#all-content-outer div.content-section .bottom-bx ul.text-or-links {
	margin-left:0;
}

div#all-content-outer div.content-section .bottom-bx ul.text-or-links li{
	padding-left: 0
}
.content-box-head-buttons{
	float: right;
}
.content-box-head-buttons.add-to-quote-buttons  {
    position: absolute;
    right: 0;
    top: -87px;
}
ul.text-or-links li span{
	text-decoration: underline;
}
.productItemDesc{
	float: left;
	width: 190px;
}

div#all-content-outer div.results-main table.item-list-table .productItemDesc dl{
	overflow: visible;
	margin: 0px;
	font-weight: normal;
	float:left;
	width: 100%;
	padding:8px 0px 0px 0px;
	color: #000;
}
div#all-content-outer div.results-main table.item-list-table .productItemDesc dl dd{
	color: #000;
}
div#all-content-outer #dealBody div.content-box a:link.product-link,
div#all-content-outer #dealBody div.content-box a:visited.product-link{
	font-weight: bold;
	font-size: 11px;
	float: left;
	line-height: 14px;
}
div#all-content-outer  #dealBody div.results-main table.item-list-table td{
	padding:3px 9px 10px 9px
}
div#all-content-outer div.content-section p.expire-dealp{
	position:relative;
	margin:10px;
	padding:10px;
	line-height:18px;
	font-size:13px;
	background: #316698;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float:left;
	behavior:url('/css/PIE.htc');
}
div#all-content-outer div.content-section p.expire-dealp a{
	color: #fff;
	line-height:18px;
	font-size:13px;
}

/*Deal Landing page*/

div#all-content-outer .content-box-bottom-style
{
	position:relative;
	padding-bottom: 2.5rem;
}
div#all-content-outer div.content-section p.deal-offer-desc
{
	background:#006699;
	color:white;
	padding:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:486px;
}

div#all-content-outer div.content-section div.content-box.no-vehicle p.deal-offer-desc {
	margin:10px auto;
}
div#all-content-outer div.content-section p.deal-offer-desc a,
div#all-content-outer div.content-section p.deal-offer-desc a:visited {
	color:#ffffff;
}

div#all-content-outer div.content-section p.deal-online-offer
{
	font-style:italic;
	font-size:11px;
}
div#all-content-outer div.content-section div.deal-title
{
	border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
    margin: 10px 0 0 0;
    padding: 2px 12px;
    font-size:13px;
    color:#ff6600;
}

div#all-content-outer div.content-box dl.deal-items
{
float:left;
border-top: 1px solid #C4C4C4;
border-top:1px solid #c4c4c4;
margin:0px;
padding-top:10px;
width:100%;
clear:both;
}

/*
div#all-content-outer div.content-box dl dt.deal-image, div#all-content-outer div.content-box div.detail-tabs dl dt.deal-image, div.product-info.detail-tabs dl dt.deal-image
{
text-align: left;
}*/

div#all-content-outer div.content-box dl dd.deal-desc h2,
div#all-content-outer div.product-info.detail-tabs dl dd.deal-desc h2, #dealsBox.specialOfferOverlay h2{
	font-size: 1.125rem;
 	line-height: 1;
 	margin: 0 0 5px;
 	color: #6C6F70;
 	text-transform: uppercase;
}
div#all-content-outer div.content-box dl dd.deal-desc h2 a,
div#all-content-outer div.product-info.detail-tabs dl dd.deal-desc h2 a , #dealsBox.specialOfferOverlay h2 a{
	text-decoration:none;
	font-size: inherit;
	line-height: inherit;
}
div#all-content-outer div.product-info.detail-tabs dl dd.deal-desc p.desc,
div#all-content-outer p.offer,#dealsBox.specialOfferOverlay p.desc,  #dealsBox.specialOfferOverlay p.offer {
	margin: 0px 0px 2px 0px;
}
div#all-content-outer div.content-box dl dd.deal-desc p.desc,
div#all-content-outer div.content-box div.detail-tabs dl dd.deal-desc p.desc, #dealsBox.specialOfferOverlay p.desc {
margin: 0;
font-size: 0.875rem;
}
div#all-content-outer div.content-box dl dd.deal-desc h2 div.global-deal-title {
 	color: #f26100;
}
div#all-content-outer div.product-info.detail-tabs dl dd.deal-desc p.desc,div#all-content-outer p.offer {
	color: #3a3c3d;
	line-height: 1.4;
}
div#all-content-outer div.content-box dl dd.deal-desc p.offer, div#all-content-outer div.content-box div.detail-tabs dl dd.deal-desc p.offer,div#all-content-outer p.offer, #dealsBox.specialOfferOverlay p.offer
{
font-style:italic;
font-size: 0.75rem !important;
line-height: 1;
margin: 0;
padding: 2px 0 10px 0 !important;
color: #9c9c9c;
}
#dealsBox.specialOfferOverlay dl.deal-items{
 border-bottom: 1px solid #c4c4c4;
}

#dealsBox.specialOfferOverlay{
	padding-top:0px !important;
	padding-bottom:0px !important;

}
/*
div.product-info.detail-tabs dl dd.deal-button div.dealButtonStyle {
	float:right;
} */

div#all-content-outer div.content-box dl dd.deal-button img, div#all-content-outer div.content-box div.detail-tabs dl dd.deal-button img,div.product-info.detail-tabs dl dd.deal-button img
{
	margin-top:3px;
}

/* Tool tip */

div.hide-offer.hide-cost-column {
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0;
}

div#all-content-outer div.content-section div.results-main div.tool-tip
{
	cursor:default;
	position: relative;
	top:14px;
}
span.additional_savings {
	font-size:11px;
	font-style:oblique;
	color:#195C9E;
}
div#all-content-outer div.content-section div.results-main div.tool-tip span
{
	float:left;
	border-top:1px dotted #195C9E;
	border-bottom:1px dotted #195C9E;
	color:#195C9E;
	font-style:italic;
	padding:0 3px;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	line-height:18px;
	min-width:50px;
	width:100%;
}

div#all-content-outer div.content-box table.data-table.order-history-detail-table tr.hide-deal-info
{
	border-bottom:1px solid #000;
}
div#all-content-outer div.top-content div.right-panel table tr.hide-deal-info
{
	border-bottom:1px solid #fff;
}
div#all-content-outer div.top-content div.right-panel table tr.hide-deal-info th.list-column
{
	text-align:left;
}

div#all-content-outer div.content-box table.data-table.order-history-detail-table tr .heading-bar {
    padding: 1rem;
}
div#all-content-outer div.content-box table.data-table.order-history-detail-table tr .heading-bar.blank {
    padding: 0 !important;
    height: 0 !important;
}

div#all-content-outer div.content-box table.data-table.order-history-detail-table tr .heading-bar,
div#all-content-outer div.top-content div.right-panel table tr th.heading-bar {
	background-color: transparent;
	color: #666666;
	border: 0;
	font-weight: bold;
    margin-bottom: .25rem;
    font-size: 1rem;
    font-style: italic;
}
div#all-content-outer div.content-box table.data-table.order-history-detail-table tr .heading-bar span,
div#all-content-outer div.top-content div.right-panel table tr th.heading-bar {
	font-weight: normal;
	font-size: 12px;
}
div#all-content-outer .job-summary-outer .bottom-button-section {
    float: right;
    width: 100%;
    text-align: center;
}
div#all-content-outer .job-summary-outer .bottom-button-section .button {
    margin: 0;
}

@media screen and (min-width: 40em) {
	div#all-content-outer .job-summary-outer .bottom-button-section {
	    width: auto;
	    text-align: right;
	}
	div#all-content-outer div.content-box table.data-table.order-history-detail-table tr .heading-bar,
	div#all-content-outer div.top-content div.right-panel table tr th.heading-bar {
	    margin-bottom: 0rem;
	}
}

div#all-content-outer div.content-box table.data-table.order-history-detail-table tr.hide-deal-info,
div#all-content-outer div.content-box table.data-table.order-history-detail-table tr.order-history-detail-table {
	background-color: #ddd;
}
div#all-content-outer div.content-box table.data-table.order-history-detail-table tr .total-row,
div#all-content-outer div.top-content div.right-panel table tr th.total-row
{
	font-size: 0.875rem;
    color: #000 !important;
    background-color: transparent;
    font-weight: bold;
    border: none;
}

@media screen and (max-width: 39.9375em) {
	.job-summary-inner .order-history-detail-table td {
	    font-size: 0.875rem !important;
	}
}


div#all-content-outer div.content-box div.detail-tabs dl.deal-items,
div.product-info.detail-tabs dl.deal-items {
	border-top: 1px solid #dadada;
	margin-top: 10px;
	margin-bottom: 10px;
}

div#all-content-outer div.content-box div.detail-tabs dl.deal-items.noBorder
{
	border-bottom:0px;
	margin-bottom:0px;

}

div#all-content-outer div.content-box div.detail-tabs dl dd.deal-desc h2
{
 	color: #f26100;
    font-family: Arial;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}
div#all-content-outer div.content-box div.detail-tabs div.hide-deal-info,div.product-info.detail-tabs div.hide-deal-info
{
	border:1px solid #dadada;
	overflow:hidden;
	margin: 0;
	padding: 1rem;
}
div.hide-deal-info.hide-cost-column {
	display:none;
}
div#all-content-outer div.content-box div.detail-tabs div.hide-deal-info h1,div.product-info.detail-tabs  div.hide-deal-info h1
{
	color: #3a3c3d;
	font-weight: bold;
	font-size: 1rem;
	font-family: 'Helvetica Neue',Helvetica,Arial;
	text-transform: none;
}

.ui-dialog .ui-dialog-content
{
	overflow-x:hidden !important;
}

.firstDeal {
	padding: 10px;
}
.first-deal-pad{
	padding: 0px 0px 10px 0px;
}
.first-deal-desc .left {
	float:left;
	margin-left:15px;
}
div#all-content-outer div.content-section p.pfontsz{
	font-size: 12px;
	margin: 0px;
}
.emsz{
	font-size: 11px;
}
.expire-dealp.expire-dealpara{
	float: left;
	margin: 10px;width: 96%;
}
.contentbtn{
	float: right;
	padding: 10px 10px 0px 0px;
}
.ui-dialog.ConfirmPopup{
	z-index: 1002;
	height: auto;
	width: 600px;
	 top:8%;
	 left: 215px;
	 position:absolute;
	 display:none;
}
.inner{
	width: auto;
	min-height: 43px;
	height: auto;
}
.overlay{
	width: 100%;
	height: 100%
	;background: #000;
	position: absolute;
	left: 0;
	top: 0;
	display:none;
}
.blockdiv{
	display: block;
}

div#all-content-outer .stepitems div.results-main table.item-list-table dl dd{
	overflow: auto;
}

.pagination-style-top
{
	border-bottom:1px solid #999999
}
.pagination-style-bottom
{
	position:absolute;
	bottom:-30px;
	width:100%;
	border-top:1px solid #999999;
}
/*
 * *Additional CSS to work with Foundations
 */
div#categhide div.pagination-style-bottom {
    left: 0;
    bottom:0;
}
div#categhide div.top.pagination-controls{
	border:0;
}

div.selected-vehicle {
	margin-top: 1rem;
    margin-bottom: 1rem;
	display:block;
	width:100%;
	height:auto;
}
/*.button {
	display:block;
	text-transform:uppercase;
	font-family:"AutoZoneCond-MediumIt",Arial,sans-serif;
	font-weight:normal;
	color:#FFFFFF !important;
	line-height:12px;
	overflow:hidden;
	padding:3px 8px 2px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,.4);
	border:1px solid #4A4A4A;
	box-shadow:1px 1px 1px 0 rgba(0,0,0,.4);
	float:left;
	margin-left:10px;
} */

.button.orange {
	background:url(/images/buttons/btn_background_blank.gif) repeat-x;
	text-decoration:none !important;
}
.button span{
	background: url(/images/arrows/arrow_white_right.png) no-repeat scroll right center transparent;
	padding-right:10px;
}

/*ebill maintainance notice message */

div#dialog-billing-maintainance > div{
	padding:12px;
}
div#dialog-billing-maintainance div.alert{
	float:left;
	width:16px;
	margin:0px;
}
div#dialog-billing-maintainance div.message{
	float:right;
	margin:0px;
	width:460px
}
div#dialog-billing-maintainance div.message ul{
	margin-top:2px;
}
div#dialog-billing-maintainance div.message ul li{
	list-style:disc;
	padding-bottom:8px;
	line-height:16px;
}
/* Start Provantage new user soft confirmation pages */
div#all-content-outer.provantage-soft-confirmation div.content-box-inner div{
	margin: 5px;
	padding: 10px;
}
div#all-content-outer.provantage-soft-confirmation div.content-box-inner h1{
	color:#000;
	margin-bottom:15px;
	line-height:36px;
	margin-left:0px;
}
div#all-content-outer.provantage-soft-confirmation div.content-box-inner h4{
	font-size:13px;
	font-weight: bold;
	color:#000000;
	margin-bottom:10px;
}
div#all-content-outer.provantage-soft-confirmation div.content-box-inner ul.admindetails{
	font-size:12px;
	font-weight:bold;
}
div#all-content-outer.provantage-soft-confirmation div.content-box-inner li{
	margin-bottom:8px;
}
div#all-content-outer.provantage-soft-confirmation div.content-box-inner .uppercase{
	text-transform:uppercase;
}
/* End Provantage new user soft confirmation pages */


/* ================================================
 *  Est Del - CSS Float Fixes
 * ================================================ */

.estdel-overflow-fix{
 	float:left;
}
.estdel-overflow-fix::after{
	clear:both;
}