/* Home Page | General Styles | 06/15/2014 */
.pre {white-space: pre-line !important; color: #30343f;}
.button {width: auto; height: auto; margin: 0px; padding: 10px 14px 10px 14px; display: inline-block; zoom: 1; color: #fff; font-family: 'SST', Arial, sans-serif; font-size: 12px; line-height: 12px; font-weight: bold; text-decoration: none; -webkit-border-radius: 2px;
-moz-border-radius: 2px; border-radius: 2px; }
.button[rel^="Shop_"], .button[rel^="Learn_"], .button[rel^="Compare_"] {background: #5887F5;}
.button[rel^="Shop_"]:hover, .button[rel^="Learn_"]:hover, .button[rel^="Compare_"]:hover {background: #4572ED;}

.kor-control {top: 20%;}
.sny-carousel-navigation-list {right: 0;top: 398px;}

/* to accommodate jpg hero images */
ul.sny-homepage-promo-cms-list li.sny-homepage-promo-cms-slide-item {height: 440px;}

.sny-homepage-promo-cms-drawer-button.sny-drawer-open .ws-heading:after, .sny-on-sale-now-drawer-button.sny-drawer-open .ws-heading:after { background-position: -350px -50px; }
.sny-homepage-promo-cms-drawer-button.sny-drawer-close .ws-heading:after, .sny-on-sale-now-drawer-button.sny-drawer-close .ws-heading:after { background-position: -301px -50px; }
.sny-homepage-promo-cms-drawer-button .ws-heading, .sny-on-sale-now-drawer-button .ws-heading { color: #6381d7; }


/* email sign up */
.sny-signup h2 {font-size: 20px!important; line-height: 30px; color: #7c7e8b;}

/* Carousel Area */

  #heroArea2 {margin: 0; background: url('/gsi/static/WFS/SNYNA-SNYUS-Site/-/SNYNA/en_US/assets/img/homepage/snyUS-homepage-hero_20140615.png') no-repeat 360px 0px transparent; height: 485px; padding-top: 60px; position: relative; z-index: 10;}
  #heroArea2 h1 {margin-bottom: 20px;}
  #heroArea2 .desc { margin-bottom: 25px;}
  #heroArea2 .promoDesc {font-size: 14px; font-weight: bold; position: absolute;left: 0;bottom: 70px;}
  #heroArea2 .price  {display: block; font-size: 30px; margin: 10px 0; color: #30343F;}
  #heroArea2 .price sup {font-size: 14px; vertical-align: 3px;}
  #heroArea2 .price .title {font-size: 12px; color: #7c7e8b;}
  #heroArea2 .required {position: absolute; top: 0; right: 60px;}
  #heroArea2 div.videoArea a { height: 110px; display: block; }
  #heroArea2 div.videoArea { position: absolute; top: 80px; right: 8px; width: 196px; height: 110px; }
  #heroArea2 div.videoArea p.videoDesc {padding: 8px 230px 0 0; color: #7c7e8b; font-size: 11px; width: 196px;}
  #heroArea2 div.videoArea span.timeStamp {color: #ed4e24;}
  #heroArea2 a.button {padding: 14px 19px 16px 19px; font-size: 14px; margin: 0px 10px 28px 0px;}
  #heroArea2  .heroWrapper {
    height: 350px;
    display: block;
    width: 460px;
    position: absolute;
    right: 0;
    margin-right: 80px;
    top: 30px;
}
/* SMB Hero Area */
#smbHomepageHero {margin: 0; background: url('/gsi/static/WFS/SNYNA-SNYUS-Site/-/SNYNA/en_US/assets/img/homepage/smb_snynaUsHomepage_heroBG_011214.jpg') no-repeat right 12px transparent; height: 347px; padding-top: 35px; }
#smbHomepageHero h1 {font-family: 'SST', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 32px; line-height: 1.2; color: #30343f; padding: 40px 580px 17px 0;}
#smbHomepageHero .desc {padding: 0 670px 22px 0; color: #7c7e8b; font-size: 14px;margin: 0;}
#smbHomepageHero .cta-copy {font-size: 14px; color: #30343f; font-weight: bold;}
#smbHomepageHero .phoneNum {color: #4571ec;}


  .drawerMarketing {height: 175px; width: 263px;  float: left; margin-left: 60px; }
    .drawerMarketing h2 {margin: 20px 0 22px 0; line-height: 37px; }


.drawerProductLoop { float: right; margin-right: 120px; padding-top: 25px;}
.drawerProductLoop .ws-product-list-item { height: 250px; margin-right: 15px; width: 180px; vertical-align: top;}
.drawerProductLoop .ws-product-photo { text-align: center; border: 1px solid #f3f4f6; }
.sny-homepage-promo-cms-drawer { height: 326px; border-top: 3px solid #f3f4f6; }

  #homepageFeatured .price  {display: block; font-size: 30px; margin: 10px 20px 0 0;}
  #homepageFeatured .price sup {font-size: 14px; vertical-align: 3px;}
  #homepageFeatured .price .title {font-size: 12px; color: #7c7e8b;}

/* Featured Area */
#homepageFeatured {background: url('/gsi/static/WFS/SNYNA-SNYUS-Site/-/SNYNA/en_US/assets/img/homepage/sny-homepage-featured-BG20140615.jpg') no-repeat 0 0 transparent; height: 356px;}
  #homepageFeatured h2 {margin: 0px 0 30px 0; font-size: 30px; padding-top: 60px; color: #30343F;}


/* SMB Featured Area - Story Cards */
#smbStoryCards {position: relative; overflow: hidden;margin-top: 52px;margin-bottom: 32px;}
#smbStoryCards .storyCardList {list-style-type: none;}
#smbStoryCards .storyCard {width: 520px; float: left; margin: 0 16px 0 0; height: 283px; font-family: 'SST', Helvetica, Arial, sans-serif;}
#smbStoryCards .storyCard.one {background: url('/gsi/static/WFS/SNYNA-SNYUS-Site/-/SNYNA/en_US/assets/img/homepage/smb_snynaUsHomepage_storyCard1_bg.jpg') no-repeat 180px 110px #eaedf4;}
#smbStoryCards .storyCard.two {background: url('/gsi/static/WFS/SNYNA-SNYUS-Site/-/SNYNA/en_US/assets/img/homepage/smb_snynaUsHomepage_storyCard2_bg.jpg') no-repeat 217px 93px #eaedf4;}
#smbStoryCards .storyCard.last {margin-right: 0 !important;}
#smbStoryCards .storyCard h2 {font-size: 30px; color: #30343f; padding: 25px 0 18px 28px;margin: 0;}
#smbStoryCards .storyCard p {font-size: 12px; color: #726f7a; padding: 0 0 16px 28px;margin: 0;}
#smbStoryCards .feature-copy {font-size: 14px !important; color: #30343f !important; font-weight: bold;padding: 0 286px 25px 28px !important;}
#smbStoryCards a.button {margin-left: 28px;}


  .hpCard {float: left; width: 241px; padding: 50px 0 0 287px; position: relative;}
    .hpCard h3 {margin: 40px 0 10px 0; font-size: 24px;}
    .hpCard h3.singleLineHeader {margin-top: 42px !important;}
    .hpCard .vidArea {float: left; width: 211px; height: 91px; border-bottom: 3px #30343f solid; border-top: 1px #dadde3 solid;  }
       .hpCard .vidArea img {float: left; width: 60px; height: 60px; margin: 15px 15px 0 0;}
       .hpCard .vidArea p {color: #7c7e8b; font-size: 11px; margin: 10px 0 0 0;}
       .hpCard .vidArea a { font-weight: bold; }
       .hpCard p { color: #7c7e8b; padding-top: 5px; padding-right: 10px;}
       .hpCard a.button { padding: 8px 18px 9px 18px; background: none repeat scroll 0 0 #5887F5;}

       #homepageFeatured .featuredImgCTA {position: absolute; top: 97px; left: 0; height: 167px; width: 260px; overflow: hidden; display: block; text-indent: -9000em;}

/* Popular Categories */
#popularCategories {position: relative; padding:0;}
#popularCategories .categoryTitle {font-family: 'SST', Arial, sans-serif; font-size: 30px; font-weight: normal;}
#popularCategories .category-list {list-style-type: none; margin: 20px 0 26px 0; width: 1056px; height: 330px; overflow: hidden; background: url('/gsi/static/WFS/SNYNA-SNYUS-Site/-/SNYNA/en_US/assets/img/homepage/snyUS_snynaUsHomePage_popularCategories_bg_061514.jpg') no-repeat 0 -4px transparent;}
#popularCategories .category-list li {float:left; width: 290px; margin-left: 62px;position: relative;}
#popularCategories .category-list h3 {padding: 136px 0 12px 0; font-size: 22px; font-family: 'SST', Arial, sans-serif; color: #32353e;}
#popularCategories .category-cta-list {list-style-type: none; margin: 0; padding: 0;}
#popularCategories .category-cta-list li {margin: 0;padding: 0 0 5px 0;}
#popularCategories .popLink {color: #7c7e8b; font-size: 14px; }
#popularCategories .popLink:hover {color: #4571ec;}
#popularCategories a.imgCTA {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -9000em;
  height: 150px;
  width: 325px;
}

/* Whats Hot main */
#whatsHotBigBanner {float: left; display: block; width: 630px; height: 601px;background: url('/gsi/static/WFS/SNYNA-SNYUS-Site/-/SNYNA/en_US/assets/img/homepage/sny-homepage-whatsHot_060814.jpg') 0 0 no-repeat; text-indent: -9000em;}
#whatsHotAuxBanner {display: block; width: 417px; height: 296px; background: url('/gsi/static/WFS/SNYNA-SNYUS-Site/-/SNYNA/en_US/assets/img/homepage/sny-homepage-whatsHot-spotlight2.jpg') 0 0 no-repeat; text-indent: -9000em; margin: 0;}
#whatsHotAuxBanner2 {display: block; width: 417px; height: 296px; background: url('/gsi/static/WFS/SNYNA-SNYUS-Site/-/SNYNA/en_US/assets/img/homepage/sny-homepage-whatsHot-spotlight_20140516.jpg') 0 0 no-repeat; text-indent: -9000em; margin: 0;}

/* Whats Hot drawer */
#whatsHotProdCallout {display:block; width: 204px; height:296px; background: url('/gsi/static/WFS/SNYNA-SNYUS-Site/-/SNYNA/en_US/assets/img/global/snynaUsHomepage_whatsInStore_20140516.jpg') 0 0 no-repeat transparent; float: right; margin: 9px 0 0 0; text-indent: -9000em;}
#tempCardList2 {width: 843px; height: 296px; background: url('/gsi/static/WFS/SNYNA-SNYUS-Site/-/SNYNA/en_US/assets/img/homepage/sny-homepage-whatsHot-prodcards2.jpg') 0 0 no-repeat; float: left; margin: 9px 0 0 0;}


.sny-onsalenow-spot-b {width: 417px;}
.sny-onsalenow-spot-b .snyWhatsHotProductList .ws-product-list-item-first {margin-right: 9px !important;}
.sny-onsalenow-spot-b .snyWhatsHotProductList li {margin-right: 0px; margin-left: 0px;}
.sny-onsalenow-drawer-spot-c {height: 305px; position: relative;}

.snyWhatsHotProductList {display: inline-block; float: left; margin-right: 0px; padding-top: 9px; overflow: hidden;}
.snyWhatsHotProductList .ws-product-list-item {width: 204px; height: 296px; margin-right: 9px; background: #F3F4F6;}
.snyWhatsHotProductList .ws-product-photo {width: 186px; height: 155px; margin-top: 11px; border: none;}
.snyWhatsHotProductList .ws-product-photo img {padding: 5%; background: #f3f4f6;}

.snyWhatsHotProductList .ws-flag-overlay-container {width: 204px; border: none;}


.sny-staff-picks-featured-group { margin: 20px 0 0 0; }
.sny-on-sale-now-header { margin-bottom: 20px !important; }

/* Used to make the drawer full height and open by default in addition to component config */
.sny-drawer-mask{ height: auto; }

.sny-hdr-search-contents .sny-offers-list li:first-child {
padding: 0 10px 0 0;
}


.sny-homepage-carousel, .sny-full-bleed-container{
                        margin-bottom:57px;
 }