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


/* ==========================================================================
     Main Store Test
   ========================================================================== */
   
   
   /* Use this style for size charts */

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

 /* Use this style for a global banner below the top nav. */
 
.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; 
}


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

.promo_above_hero {
	margin-top: 10px;
}

.button_viewdetails {
    float: right;
    margin: 0px 8px 0 0px;
    width: 112px;
    height: 45px;
}

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


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

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

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

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


/* ==========================================================================
     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;
}
 /* use this style for 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_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;
}

.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/booksdvdmaps_031015.jpg') no-repeat scroll 0px 0px transparent;
  height: 450px;
  overflow: hidden;
}*/

/* use this style category images */
.cat_hero_grid {
    background: url("/images/_ui/images/promos/722x386/jpg/dvds_hero_081914.jpg") no-repeat scroll 0px 0px transparent;
    height: 330px;
    overflow: hidden;
}


/* Use this style for Home Page Two Column Right Half Markup */
.twocolumnright_spring_022416 {

        background: url('../images/_ui/images/promos/HomePage/twocolumnleft_spring_022416.jpg') no-repeat scroll 0px 0px transparent;
        background-color: transparent;
        background-image: url('../images/_ui/images/promos/HomePage/twocolumnleft_spring_022416.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_spring_22416 {
        background: url('../images/_ui/images/promos/HomePage/twocolumnleft_spring_022416.jpg') no-repeat scroll 0px 0px transparent;
		background-image: url('../images/_ui/images/promos/HomePage/twocolumnleft_spring_022416.jpg') no-repeat scroll 0px 0px transparent;
        height: 316px;
		width: 495px;
		margin: 18px 0px 0px -4px;
        overflow: hidden;
}


.twocolumnright_springbdm_22416 {

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

        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_menwomenclothing{

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

.promobanner_booksdvdsmaps{

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


/* Use this style for the homepage hero. */

.homepagehero_clothesaccessories {
    background: url("/images/_ui/images/homepage_hero_clothingaccessories.jpg") no-repeat scroll 0px 0px transparent;
    height: 435px;
    overflow: hidden;
}

.homepagehero_booksdvdmaps {
    background: url("/images/_ui/images/homepage_hero_media.jpg") no-repeat scroll 0px 0px transparent;
    height: 435px;
    overflow: hidden;
}

/* ==========================================================================
     CSS Attribute for Image Mapping
   ========================================================================== */
 .button_spring {
    float: left;
    margin: 0px -167px 0 0px;
    width: 688px;
    height: 351px;
} 

 .button_bracelets {
    float: left;
    margin: 0px -503px 0px 178px;
    width: 325px;
    height: 229px;
} 

 .button_shirt {
	float: right;
    margin: 242px 0px -482px 177px;
    width: 326px;
    height: 240px;
} 
   
.button_hpblanc {
	float: left;
    margin: 360px -303px 0 137px;
    width: 166px;
    height: 122px;
} 
 
 .button_hporchid {
    float: right;
    margin: 362px 336px 0 0px;
    width: 167px;
    height: 120px;
} 

.button_hpgreenflash {
    float: left;
    margin: -120px 0 0 -1px;
    width: 165px;
    height: 120px;
} 

.button_hpturquoise {
    float: left;
    margin: -121px 0px 0px 176px;
    width: 161px;
    height: 121px;
} 

.button_hpblog {
    float: left;
    width: 211px;
    height: 115px;
}
 
 .button_blanc {
    float: left;
    margin: -113px 0px 0 499px;
    width: 138px;
    height: 114px;
} 
 
 .button_orchid {
    float: right;
    margin: -114px 0 0 0px;
    width: 142px;
    height: 113px;
} 

.button_greenflash {
    float: left;
    margin: -115px 0 0 210px;
    width: 146px;
    height: 115px;
} 

.button_turquoise {
    float: right;
    margin: -116px 285px 0px 0;
    width: 140px;
    height: 114px;
} 

.button_blog {
    float: left;
    width: 211px;
    height: 115px;
}
   
 .button_earthday {
    float: left;
    width: 886px;
    height: 46px;
} 
   .cat_skywatching {
	float: left;
    width: 782px;
    height: 114px
}
   
.button_books {
    float: left;
    margin: 343px 0 0 71px;
    width: 139px;
    height: 44px;
}

.button_dvds {
    float: left;
    margin: 341px 0 0px 5px;
    width: 142px;
    height: 50px;
}

.button_maps {
    float: left;
    margin: 343px 0 0px 4px;
    width: 142px;
    height: 42px;
}
   
   .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_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;
}
   
   
.vday_him {
    float: left;
    margin: 294px 0 0 59px;
    width: 154px;
    height: 52px;
}

.vday_her {
    float: left;
    margin: 346px 0px 0 -160px;
    line-height: 51px;
    width: 160px;
    height: 51px;
}

.clothing {
    float: left;
    margin: 300px 0 0 460px;
    width: 165px;
    height: 50px;
}

.accessories {
    float: left;
    margin: 355px 2px 0 -170px;
    line-height: 60px;
    width: 170px;
    height: 40px;
}

.men_clothing {
    float: right;
    margin: 70px 310px 0 0;
    width: 125px;
    height: 45px;
    font-size: 11.5px;
    border: transparent;
}

.books {
    float: left;
    margin: 204px 0 0 77px;
    width: 117px;
    height: 45px;
}

.dvds {
    float: left;
    margin: 203px 0 0 0px;
    width: 113px;
    height: 46px;
}

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


   
/* ==========================================================================
     Other Styles
   ========================================================================== */
   
.homepagetest_left {
    width: 710px;
    font-size: 40px;
    float: left;
    height: 330px;
	color:#ffffff;
}

.homepagetest_right {
    font-size: 40px;
    float: right;
    width: 300px;
    height: 330px;
	color:#ffffff;
}

.homepagetest_hero_grid2 {
    background: url("/images/_ui/images/home_spring-hero.jpg") no-repeat scroll 0px 0px transparent;
    height: 330px;
    overflow: hidden;
}

.homepagetest2_left {
    width: 710px;
    font-size: 40px;
    float: left;
    height: 330px;
	color:#ffffff;
}

.homepagetest2_right {
    font-size: 40px;
    float: right;
    width: 300px;
    height: 330px;
	color:#ffffff;
}

/* Use this style to change nav color. */

 #navBar ul li.rightSubNav:nth-of-type(11) > a {
  color: #cc0033;
}