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

/* ==========================================================================
     Main Store (Prod)
   ========================================================================== */
   
/* ==========================================================================
     Size Chart Modal 
   ========================================================================== */

  #sizeChart_modal h3 {
    position: absolute;
    margin-top: -55px;
    font-size: large;
}
  
  .sizeChart .headerRow:first-child {
    color: #9f9e98;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    padding-left: 9px;
	padding-top: 10px;
}
 
 /* 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;
}*/

.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;
	
}

/* ==========================================================================
     Homepage Hero
   ========================================================================== */
   
.homepagehero_vday_011116 {
    background: url("/images/_ui/images/promos/HomePage/heros/home_vday.jpg") no-repeat scroll 0px 0px transparent;
    height: 482px;
    overflow: hidden;
}

  
/* ==========================================================================
     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;
}*/

.button_wviewdetails {
	float: left;
    margin: 5px 0 0 0;
    width: 800px;
    height: 50px;	
}

.button_wintersale {
	float: right;
    margin: -5px 0 0 0;
    width: 198px;
    height: 55px;
}

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

.promobanner_valentines {
	background: url("/images/_ui/images/PromoBanner_valentine.jpg") no-repeat;
	height: 45px;
	overflow: hidden;
	margin-top: 10px;
	/*margin-left: -3px;*/
	width: 1008px;
}

.promobanner_wintersale {
	background: url("/images/_ui/images/promobanner_wintersale.jpg") no-repeat;
	height: 45px;
	overflow: hidden;
	margin-top: 10px;
	/*margin-left: -3px;*/
	width: 1008px;
}

.promobanner_springbdm030416 {
	background: url("/images/_ui/images/PromoBanner_springbdm.jpg") no-repeat;
	height: 45px;
	overflow: hidden;
	margin-top: 10px;
	/*margin-left: -3px;*/
	width: 1008px;
}
* ==========================================================================
     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_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_4_booksdvd {

        background: url('../images/_ui/images/promos/HomePage/PromoRight_booksdvd_121115.jpg') no-repeat scroll 0px 0px transparent;
        background-color: transparent;
        background-image: url('../images/_ui/images/promos/HomePage/PromoRight_booksdvd_121115.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_booksdvdmaps {

        background: url('../images/_ui/images/promos/HomePage/PromoRight_booksdvdmaps_122115.jpg') no-repeat scroll 0px 0px transparent;
        background-color: transparent;
        background-image: url('../images/_ui/images/promos/HomePage/PromoRight_booksdvdmaps_122115.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;
}
/* Use this style for Home Page Two Column Right Half Markup */

.twocolumnright_apparel_11216 {

        background: url('../images/_ui/images/promos/HomePage/PromoRight_apparel_011516.jpg') no-repeat scroll 0px 0px transparent;
        background-color: transparent;
        background-image: url('../images/_ui/images/promos/HomePage/PromoRight_apparel_011516.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;
}

.twocolumnleft_dateideas_11216 {
    background: url('../images/_ui/images/promos/HomePage/PromoLeft_dateidea_011116.jpg') no-repeat scroll 0px 0px transparent;
    background-color: transparent;
    background-image: url('../images/_ui/images/promos/HomePage/PromoLeft_dateidea_011116.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0px 0px;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    overflow: hidden;
    height: 314px;
    margin: 17px -4px 0px -4px;
}

.twocolumnright_spring_22916 {
        background: url('../images/_ui/images/promos/HomePage/twocolumnright_spring_022916.jpg') no-repeat scroll 0px 0px transparent;
		background-image: url('../images/_ui/images/promos/HomePage/twocolumnright_spring_022916.jpg') no-repeat scroll 0px 0px transparent;
        height: 316px;
		width: 495px;
		margin: 18px 0px 0px -4px;
        overflow: hidden;
}


.twocolumnleft_springbdm_22916 {

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

.twocolumnright_20springbdm_030416 {
	
        background: url('../images/_ui/images/promos/HomePage/twocolumnleft_20bdm_022916.jpg') no-repeat scroll 0px 0px transparent;
        background-color: transparent;
        background-image: url('../images/_ui/images/promos/HomePage/twocolumnleft_20bdm_022916.jpg');
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: 0px 0px;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
		width: 495px;
        height: 316px;
		margin: 19px 0px 15px 0px;
        overflow: hidden;
}


/* Use this style for the lower banner asset */

.promo_12_menwomenclothing1224{

        background: url('../images/_ui/images/lowerbanner_menwomenclothing_122415.jpg') no-repeat scroll 0px 0px transparent;
        background-color: transparent;
        background-image: url('../images/_ui/images/lowerbanner_menwomenclothing_122415.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: 121px;
        overflow: hidden;
}

.promobanner_menwomensale{

        background: url('../images/_ui/images/lowerbanner_apparel_020516.jpg') no-repeat scroll 0px 0px transparent;
        background-color: transparent;
        background-image: url('../images/_ui/images/lowerbanner_apparel_020516.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: 317px;
		width: 1024px;
        overflow: hidden;
		margin: 15px 0px 0px -14px;
}

.promobanner_springmenwomen{

        background: url('../images/_ui/images/lowerbanner_spring_apparel_021016.jpg') no-repeat scroll 0px 0px transparent;
        background-color: transparent;
        background-image: url('../images/_ui/images/lowerbanner_spring_apparel_021016.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: 317px;
		width: 1024px;
        overflow: hidden;
		margin: 15px 0px 0px -14px;
}

.promobanner_springmenwomenapparel{

        background: url('../images/_ui/images/lowerbanner_spring_apparel_022916.jpg') no-repeat scroll 0px 0px transparent;
        background-color: transparent;
        background-image: url('../images/_ui/images/lowerbanner_spring_apparel_022916.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: 317px;
		width: 1024px;
        overflow: hidden;
		margin: 5px -14px;
}

/* use this style category images */

.cat_hero_grid_gifts{
    background: url("/images/_ui/images/promos/722x386/jpg/catgifts_121115.jpg") no-repeat scroll 0px 0px transparent;
    height: 114px;
    overflow: hidden;
}

/* ==========================================================================
     CSS Attribute for Image Mapping
   ========================================================================== */
.button_books {
    float: left;
    margin: 3px 0 -43px 372px;
    width: 86px;
    height: 40px;
}

.button_dvds {
    float: left;
    margin: 3px 0 0px 470px;
    width: 85px;
    height: 40px;
}

.button_maps {
    float: left;
    margin: 0px 0 0px 10px;
    width: 80px;
    height: 42px;
}


.books_20 {
    float: left;
    margin: 204px 0 0 80px;
    width: 110px;
    height: 45px;
}

.dvds_20 {
    float: left;
    margin: 204px 0 0 3px;
    width: 112px;
    height: 46px;
}

.maps_20 {
    float: left;
    margin: -48px 0px 0px 306px;
    width: 114px;
    height: 48px;
}

   
.books {
    float: left;
    margin: 189px 0 0 80px;
    width: 110px;
    height: 45px;
}

.dvds {
    float: left;
    margin: 186px 0 0 3px;
    width: 112px;
    height: 46px;
}

.maps {
    float: left;
    margin: -48px 0px 0px 306px;
    width: 114px;
    height: 48px;
}

   .men_spring {
    float: right;
    margin: 217px -170px 0px 0px;
    width: 170px;
    height: 47px;
	
}

.women_spring {
    float: right;
    margin: 170px 120px 0px 0px;
    width: 153px;
    height: 45px;
}
   
.men_sale {
    float: left;
    margin: 211px 0px 0px -213px;
    width: 224px;
    height: 47px;
}

.women_sale {
    float: left;
    margin: 162px 0px 0px 153px;
    width: 205px;
    height: 45px;
}
  
.button_viewdetails {
    float: right;
    margin: 5px 0 0 0;
    line-height: 55px;
    width: 132px;
    height: 50px;
}
   
.button_valentine {
    float: left;
    margin: 0px 0 0px 1px;
    width: 875px;
    height: 50px;
}

.columnright_womenapparel {
    float: left;
    margin: 170px 0 0 25px;
    width: 159px;
    height: 53px;
}

.columnright_menapparel {
    float: left;
    margin: 222px 0px 0px -170px;
    line-height: 60px;
    width: 170px;
    height: 48px;
} 
   
.men_clothing1224 {
    float: left;
    margin: 73px 3px 0 355px;
    width: 125px;
    height: 45px;
}

.women_clothing1224 {
    float: right;
    margin: -46px 384px 0 5px;
    width: 125px;
    height: 45px;
}


/* Other Attributes */

.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
   ========================================================================== */