/*
 * CSS file to allow merch team to override and add styles for dynamic content.
 * DEV TEAM - DO NOT MODIFY THIS FILE
 */ 


/* ==========================================================================
     Main Store (Prod)
   ========================================================================== */

 
 /* Use this style for a global text banner below the top nav. */
 .text_global_promo_banner {
 	float: right;
 	margin-top: 16px;
}

.button_1 {
	float: right;
	margin: 15px 42px 0 0;
	line-height: 36px;
	padding: 0 4px 0 11px;
	width: 146px;
	font-size: 11.5px;
}

/*====== css used for image mapping starts ======*/

.map_left {
        float: right;
        margin: 20px 100px 0 0;
        line-height: 55px;
        padding: 0 4px 0 11px;
        width: 200px;
        height: 50px;
        font-size: 11.5px;
	border: transparent;
}

.map_right {
	float: right;
	margin: 270px 2px 0 0;
	line-height: 60px;
	padding: 0 4px 0 11px;
	width: 170px;
	height: 60px;
	font-size: 11.5px;
	border: transparent;
}

.dvd_link {
  float: right;
  margin: 156px 1px 0 0;
  line-height: 55px;
  padding: 0 4px 0 11px;
  width: 200px;
  height: 50px;
  font-size: 11.5px;
  border: transparent;
}

.map_link {
  float: left;
  margin: 27px 2px 0 0;
  line-height: 60px;
  padding: 0 4px 0 11px;
  width: 170px;
  height: 60px;
  font-size: 11.5px;
  border: transparent;
}

/*====== css used for image mapping ends======*/

.headache_container {
	background-color: #162e3a;
	background-size: 100% 50px; 
	line-height: 40px; 
	height: 40px;
	

}

.page_width.container.promo { 
    margin-top: 45px; 
} 

.headache_container a {
	color: #fff; 
}



.headachebar_bg {
	background: #000000 url('/images/_ui/images/2leaves.gif') repeat;
	
}


/* ==========================================================================
     Promo banner start
   ========================================================================== */

.promo_above_hero {
	margin-top: 10px;
}


.promo_box_1_DOG {
	margin-left: 50px;
	float: left;
	padding-top: 16px;
	width: 810px;
	height: 45px;;
}

.promo_box_2_DOG {
	/*margin-left: 50px;*/
	float: right;
	padding-top: 16px;
	width: 140px;
	height: 45px;
}



.promo_box_1_Last {
	margin-left: 50px;
	float: left;
	padding-top: 16px;
	width: 750px;
	height: 45px;
}

.promo_box_2_Last2 {
	/*margin-left: 50px;*/
	float: right;
	padding-top: 16px;
	width: 200px;
	height: 45px;
}


.promo_1_031015 {
	background: url("/images/_ui/images/PromoBanner_Save40BDM_052615.jpg") no-repeat;
	background-position:left;
	height: 45px;
	overflow: hidden;
	margin-top: 10px;
	margin-left: -10px;
}

.promo_1_041415 {
	background: url("/images/_ui/images/PromoBanner_EarthDay_040715.jpg") no-repeat;
	background-position:left;
	height: 45px;
	overflow: hidden;
	margin-top: 10px;
	margin-left: -10px;
}

.promo_1_071015 {
	background: url("/images/_ui/images/PromoBanner_Save20_070915.jpg") no-repeat;
	background-position:left;
	height: 45px;
	overflow: hidden;
	margin-top: 10px;
	margin-left: -10px;
}

.promo_1_071515 {
	background: url("/images/_ui/images/PromoBanner_spendGet_071015.jpg") no-repeat;
	background-position:left;
	height: 45px;
	overflow: hidden;
	margin-top: 10px;
	/*margin-left: 10px;*/
}

* ==========================================================================
     Promo banner end
   ========================================================================== */


 .promo2 a { 
	color: #000;

}




 /* promo_4 is used for on the two column, 1/3, left promo content */
.promo_4 {
       
 background-image: none;

}

 /* promo_4_kd is used for on the two column, 1/3, left promo content with a background image */
.promo_4_kd {

        background: url('../images/_ui/images/kevinTestBG.jpg') no-repeat scroll 0px 0px transparent;
        background-color: transparent;
        background-image: url('../images/_ui/images/kevinTestBG.jpg');
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
        height: 316px;
        overflow: hidden;
}

.promo_4_aj {

        background: url('../images/_ui/images/promos/HomePage/PromoLeft_Save40BDM_061615.jpg') no-repeat scroll 0px 0px transparent;
        background-color: transparent;
        /*background-image: url('../images/_ui/promos/HomePage/PromoLeft_Save40BDM_061615.jpg');*/
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
        height: 316px;
        overflow: hidden;
}


 /* promo_5_kd is used for on the two column, 2/3, right promo content with a background image */
.promo_5_kd {


        background: url('../images/_ui/images/fall-catolog_lg-hero_kd.jpg') no-repeat scroll 0px 0px transparent;
        background-color: transparent;
        background-image: url('../images/_ui/images/fall-catolog_lg-hero_kd.jpg');
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
        height: 316px;
        overflow: hidden;
}

.promo_5_line_1 {
    font: bold 46px Georgia,serif;
    color: #FFF;
    text-align: left;
    letter-spacing: 3px;
    text-shadow: 3px 1px 10px #555;
    text-transform: uppercase;
    padding-left: 25px;
}

.promo_5_line_2 {
    font: 30px PFDinTextCondPro-Medium,Helvetica,Arial,sans-serif;
    color: #FFF;
    text-align: left;
    text-shadow: 3px 1px 10px #555;
    letter-spacing: 1px;
    padding-left: 10px;
    padding-top: 0px;
    text-transform: uppercase;
}

.promo_5_line_3 {
    font: 22px PFDinTextCondPro-Medium,Helvetica,Arial,sans-serif;
    color: #FFF;
    text-transform: uppercase;
    text-align: left;
    text-shadow: 3px 1px 10px #555;
    letter-spacing: 1px;
    padding-left: 25px;
    padding-top: 25px;
}


.promo_box_5 {
    padding-top: 90px;
    padding-left: 20px;
}


.promo_2 {
  background: url('/images/_ui/images/promos/HomePage/promoLeft_Save40BDM_052615.jpg') no-repeat scroll 0px 0px transparent;
  height: 450px;
  overflow: hidden;
}



/* ==========================================================================
     Road Less Traveled
   ========================================================================== */