@font-face { font-family: 'Ss'; src: url("../fonts/SourceSansPro-Light.eot"); src: url("../fonts/SourceSansPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceSansPro-Light.woff2") format("woff2"), url("../fonts/SourceSansPro-Light.woff") format("woff"), url("../fonts/SourceSansPro-Light.ttf") format("truetype"), url("../fonts/SourceSansPro-Light.svg#SourceSansPro-Light") format("svg"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Ss'; src: url("../fonts/SourceSansPro-Bold.eot"); src: url("../fonts/SourceSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceSansPro-Bold.woff2") format("woff2"), url("../fonts/SourceSansPro-Bold.woff") format("woff"), url("../fonts/SourceSansPro-Bold.ttf") format("truetype"), url("../fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold") format("svg"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Ss'; src: url("../fonts/SourceSansPro-Regular.eot"); src: url("../fonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SourceSansPro-Regular.woff2") format("woff2"), url("../fonts/SourceSansPro-Regular.woff") format("woff"), url("../fonts/SourceSansPro-Regular.ttf") format("truetype"), url("../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular") format("svg"); font-weight: normal; font-style: normal; }

.z-depth-0 { box-shadow: none !important; }

.z-depth-1 { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }

.z-depth-1-half { box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }

.z-depth-2 { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }

.z-depth-3 { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }

.z-depth-4 { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }

.z-depth-5 { box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); }

/*
// ----------------------------------------------
// Usage example:
// For IE set $mq-support to false.
// Set the fixed value.
// Then use mixins to test whether styles should be applied.
// ----------------------------------------------

$mq-support: false;
$mq-fixed-value: 1024;

// Renders at fixed value
@include bp (min-width, 300px) { 
    div { color:#000; }
}

// Doesn't render without MQ support
@include bp (min-width, 1200px) { 
    div { color:#FFF; }
}

// Doesn't render without MQ support
@include bp (max-width, 300px) { 
    div { color:#444; }
}

// Renders at fixed value
@include bp (max-width, 1200px) { 
    div { color:#888; }
}

// ----------------------------------------------
*/
.product-addinfo-block h2 { color: #00a2e1; }

.is-exclusive-badge { background-color: #00a2e1; }

/* ============================================ * Homepage ============================================ */
/* -------------------------------------------- * Primary Banner */
body.cms-home ul.messages { margin-bottom: 40px; }

body.cms-home .main-container { padding-top: 20px; }

body.cms-home .slideshow-container { margin-top: 0; }

.slideshow .banner-msg { position: absolute; text-align: center; text-transform: uppercase; width: 100%; top: 30%; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; }

.slideshow .banner-msg h2 { color: #FFFFFF; font-size: 24px; text-shadow: 1px 1px 3px #555555; }

.slideshow .banner-msg h2 strong { font-weight: bold; display: block; font-size: 36px; }

/* -------------------------------------------- * Promotion Banner Section */
.promos { margin: 0 0 10px 0; padding: 0; width: 100%; }

.promos:after { content: ''; display: table; clear: both; }

/* Specifying the body only in order to override the .std ul li styling */
body .promos > li { margin: 0 0 10px 0; list-style: none; text-align: center; position: relative; border: 1px solid #EFEFEF; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; }

.promos > li:last-child { margin-bottom: 0; }

.promos img { max-width: 100%; width: 100%; }

.promos a:hover { opacity: 0.8; display: block; }

.promos span { color: #FFFFFF; text-transform: uppercase; position: absolute; display: block; width: 100%; top: 10%; font-weight: 500; font-size: 20px; font-family: "Montserrat", "Helvetica Neue", Verdana, Arial, sans-serif; text-shadow: 1px 1px 3px #555555; }

.promos strong { font-weight: 600; font-size: 26px; display: block; }

.promos span { font-size: 16px; }

.promos strong { font-size: 17px; }

/* Config: Three columns + flexible gutter */
body .promos > li { float: left; width: 31.74603%; margin-right: 2.38095%; }

.promos > li:nth-child(3n) { margin-right: 0; }

.promos span { font-size: 18px; }

.promos strong { font-size: 24px; }

/* -------------------------------------------- * New Products Section */
/* Hiding the reviews content via CSS because we can't modify the template, */
/* since it may be used in other places where those elements are needed */
.cms-index-index .products-grid .ratings, .cms-index-index .products-grid .actions, .cms-index-noroute .products-grid .ratings, .cms-index-noroute .products-grid .actions { display: none; }

.cms-index-index h2.subtitle { padding: 6px 0; text-align: center; color: #00a2e1; font-weight: 600; border-bottom: 1px solid #EFEFEF; border-top: 1px solid #EFEFEF; }

.cms-index-noroute h2.subtitle { display: none; }

.related-logo-slider { width: 80%; max-width: 1280px; margin: 0 auto 15px; }

.related-logo-slider #logoSlider { padding: 0; }

.related-logo-slider img { max-height: 100px; margin: 0 auto; }

.related-logo-slider li { text-align: center; }

.related-logo-slider .bx-wrapper .bx-controls-direction a { top: 63%; }

.related-logo-slider h2 { margin: 30px auto 10px; max-width: 780px; }

.related-logo-slider .bx-wrapper .bx-controls-direction a.bx-prev { left: -30px; }

.related-logo-slider .bx-wrapper .bx-controls-direction a.bx-next { right: -30px; }

/*# sourceMappingURL=maps/madisonisland-ie8.css.map */