/*  =======================
    GENERAL OVERWRITES
    ======================= */
.iPad .container_recent-feat h3 { letter-spacing: -1px; }
.ss13-homepage .container_recent-feat li.first { clear:both; }
#content .inside { position: relative;  width: 100%; padding: 0; }
/*  =======================
    CTA
    ======================= */
a.ds-cta { line-height: 40px; height: 40px; display: inline-block; text-transform: uppercase; font-weight: 700; font-style: normal; color: #ffffff; font-size: 14px; padding: 0 10px 0 20px; background-color: #2a2a2a; text-decoration: none; position: relative; text-decoration: none; -webkit-transition: background-color 0.5s ease-out -moz-transition: background-color 0.5s ease-out -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out;}
a.ds-cta:hover { text-decoration: none;  background-color: #434343; }
a.ds-cta:before { left: 10px; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255,255,255,0);border-left-color: #FFFFFF;border-width: 5px 0px 5px 8px;margin-top: -4px; border-style: solid outset solid solid;}
a.ds-cta.white { color:#2a2a2a; background-color: #ffffff; }
a.ds-cta.white:hover { text-decoration: none; background-color: #ffffff; }
a.ds-cta.white:before { border-color: rgba(0,0,0,0);border-left-color: #2a2a2a; }
a.ds-cta.pink { background-color:#ec008c; }
a.ds-cta.pink:hover { background-color:#e20186; }
a.ds-cta.gold { background-color:#c7c42e; }
a.ds-cta.gold:hover { background-color:#bebb25; }
a.ds-cta.red { background-color:#d71921; }
a.ds-cta.red:hover { background-color:#c8141b; }
a.ds-cta.gold-txt { color:#c7c42e; }
a.ds-cta.gold-txt:before { border-left-color: #c7c42e; }
a.ds-cta.blue { background-color:#2bbaec; }
a.ds-cta.blue:hover { background-color:#1daddf; }
a.ds-cta.blue-txt { color:#2bbaec; }
a.ds-cta.blue-txt:before { border-left-color: #2bbaec; }
a.ds-cta.nobg, a.ds-cta.nobg:hover { background-color: transparent; }
/*  =======================
    HELPERS
    ======================= */
img { display: block; max-width: 100%; height: auto; }
.max-960 { max-width: 960px; width: 100%; margin: 0 auto;}
.pull { float: left; }
.push { float: right; }
.no-display { display: none; }
.hidden { visibility: hidden; } 
.pos-abs { position: absolute; }
.pos-rel { position: relative; }
.pos-fix { position: fixed; }
.pos-inh { position: inherit; }
.center { display: block; margin: 0 auto; }
.v-centered { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.pad { padding: 40px 0; }
.pad-30 { padding: 30px 0; }
.pad-80 { padding: 80px 0; }
a.invisilink { top: 0;left: 0; }
/*  =======================
    GRID
    ======================= */
.ds-row { position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ds-row [class^="col-"] { float: left; position: relative; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ds-row:before,
.ds-row:after { display: table; content: " "; }
.ds-row:after { clear: both; }
.ds-row .col-12 { width: 100%; }
.ds-row .col-11 { width: 91.66666667%; }
.ds-row .col-10 { width: 83.33333333%; }
.ds-row .col-9 { width: 75%; }
.ds-row .col-8 { width: 66.66666667%; }
.ds-row .col-7 { width: 58.33333333%; }
.ds-row .col-6 { width: 50%; }
.ds-row .col-5 { width: 41.66666667%; }
.ds-row .col-4 { width: 33.33333333%; }
.ds-row .col-3 { width: 25%; }
.ds-row .col-2 { width: 16.66666667%; }
.ds-row .col-1 { width: 8.33333333%; }
.ds-row [class^="col-"]:first-child {margin-left: 0;}
.ds-row.mar-20 .col-12 { width: 100%; }
.ds-row.mar-20 .col-11 { width: 88.54166667%; }
.ds-row.mar-20 .col-10 { width: 83.33333333%; }
.ds-row.mar-20 .col-9 { width: 75%; }
.ds-row.mar-20 .col-8 { width: 63.54166667%; }
.ds-row.mar-20 .col-7 { width: 58.33333333%; }
.ds-row.mar-20 .col-6 { width: 48.4375%; }
.ds-row.mar-20 .col-5 { width: 41.66666667%; }
.ds-row.mar-20 .col-4 { width: 30.20833333%; }
.ds-row.mar-20 .col-3 { width: 25%; }
.ds-row.mar-20 .col-2 { width: 16.66666667%; }
.ds-row.mar-20 .col-1 { width: 8.33333333%; }
.ds-row.mar-20 [class^="col-"] { margin-left: 3.125%; }
.ds-row.mar-20 [class^="col-"]:first-child {margin-left: 0;}
.ds-row.catalogue .col-8 { width: 66.979166666667%;}
.ds-row.catalogue .col-4 { width: 33.020833333333%;}
/*  =======================
    MODULES
    ======================= */
/* CAROUSEL */
.carousel-container { width: 960px;  margin: 0 auto;}
.home-carousel { width: 960px; height: 620px; margin-top: 15px;   overflow: hidden; margin-left: auto; margin-right: auto; }
.home-carousel .hero-carousel { height: 570px; background-color: transparent; position: relative; }
.home-carousel .slide { width: 100%; float: left; display: block; position: relative; height: 570px; background-repeat: no-repeat; background-position: 50% 50%;}  
/* CAROUSEL PAGING CIRCLES */
.flex-viewport { overflow: visible !important; }
.flex-control-nav-container { width: 960px; text-align: center; margin: 0 auto; }
.flex-control-paging { width: 100%; display: block; height: 10px; margin: 20px 0;}
.flex-control-paging li { width: 10px; margin: 0 8px; display: inline-block; float: none;  }
.flex-control-paging li a, .pager a { 
  display: block; margin-left: 4px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; overflow: hidden; text-indent: -999em; border-radius: 4px; border: 1px solid #b2b2b2; background-color: #ffffff; width: 6px; height: 6px;}
.flex-control-paging li a.flex-active{ background-color: #000000;   border: 1px solid #000000;}
.flex-control-paging li:first-child a{ margin-left: 0; }
/* MINI CAROUSEL */
.mini-carousel { width: 100%; overflow: hidden;}
.mini-carousel .slide { width: 100%; float: left; display: block; position: relative; }  
.mini-carousel .flex-control-paging { z-index: 100; bottom: 100px; position: absolute; }
/* THE FIND */
.the-find { border: 1px solid #e1e1e1; padding: 30px; }
.the-find h2 {background: url(/resources/cde01ff3-16d1-4cf8-9faf-54b0b076dfd9/mod_the-find_heading.gif) 50% 50% no-repeat; width: 100%;height: 100px; position: relative; }
.the-find h2 a { display: block; height: 100px; }
  /*  POP UP CSS  */
  .container_pop-up { display: none; }
  .pop-up { text-align: center; padding: 70px; }
  .pop-up p, .pop-up a { font: normal 16px/22px arial, sans-serif; color: #161616; text-align: center; margin: 0; }
  #fancybox-outer { background: none; }
  #fancybox-wrap { padding: 0; }
  .fancybox-bg { display: none; }
  #fancybox-content { width: 460px; background-color: #fefefe; /* force inline js overwrites with important */ border: 1px solid #d4d4d4 !important;height: auto !important; }
  #fancybox-close { width: 17px; height: 17px; top: 20px; right: 35px; background: url(/resources/b10587cc-eb7c-4f8b-9c6e-960ce0b8b496/ico_pop-up-close.gif) 0 0 no-repeat; }
  /*  STORE LOCATOR  */
  .storelocator { background: url(/resources/dd35110a-6afc-42f4-8230-ab131531d6d8/ico_store-locator.gif) 0 0 no-repeat; width: 44px; height: 182px; display: block; text-indent: -9999em; right: 0; z-index: 100; position: absolute; }
