/* ---------------------------------------------------------------------------------

   Master Stylesheet
   Author: Pixel House
   Website: www.pixel-house.com.au

--------------------------------------------------------------------------------- */

body { background: #4c9dd0; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; margin: 0; padding: 0; }
p, li { font-size: 1.0em; line-height: 1.45em; color: #363636; }
p, ul, ol { margin: 0 0 1.4em 0; }
p.sm { font-size: 0.8em; line-height: 1.4em; }
a { color: #cb0000; }
a img { border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 0.6em 0; color: #363636; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none!important; }
h1 { font-size: 1.9em; font-weight: 300; margin: 0 0 30px 0; letter-spacing: -0.01em; }
h1:first-letter { text-transform:uppercase; }
h1 span { font-weight: 900; }
h3 span { font-weight: normal; }
h3 a:hover { text-decoration: underline; }

.black { color: #000; }
.orange { color: #e16e00; }
.green { color: #549d27; }
.grey { color: #555555; }
.bold { font-weight: bold; }
.no-margin { margin: 0 0 2px 0!important; }
.hide { display: none; }
.show { display: block; }
.no-wrap { white-space: nowrap; }
.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto; }
.mob-show { display: none; }

.left { float: left; }
.right { float: right; }
.right.img { margin-left: 20px; }

#header-wrap,
#heading-wrap,
#heading-store-wrap,
#heading-product,
#feature-wrap,
#content-wrap,
#content-general-wrap,
#mid-wrap,
#footer-wrap,
#nav-wrap,
#nav-fashion-wrap,
#header-brands-wrap
{ float: left; width: 92%; padding: 40px 4%; }

#header,
#heading,
#feature,
#content,
#mid,
#footer
{ width: 100%; margin: 0 auto; position: relative; }

#header-wrap { background: #4c9dd0; padding-top: 18px; padding-bottom: 17px; }
#heading-wrap { background: #fff; border-bottom: solid 1px #d2d2d2; padding-top: 20px; padding-bottom: 20px; }
#heading-store-wrap { background: #fff; border-bottom: solid 1px #c8c7c7; padding-top: 20px; padding-bottom: 20px; }
#heading-product { background: #f8f8f8; border-bottom: dashed 1px #c8c7c7; padding-top: 20px; padding-bottom: 20px; }
#nav-wrap { background: #fff; border-bottom: solid 1px #c8c7c7; padding: 0 4%; position: relative; }
#nav-fashion-wrap { background: #fff; border-bottom: solid 1px #c8c7c7; }
#header-brands-wrap { background: #f8f8f8; border-bottom: solid 1px #d2d2d2; padding: 0 4%; position: relative; }
#content-wrap { background: #f8f8f8; min-height: 400px; }
#content-general-wrap { background: #f8f8f8; }
#centered-page { float: left; width: 80%; padding: 30px 10%; text-align: center; }
#product-detail-wrap { float: left; width: 80%; padding: 50px 10%; background: #fff; border-bottom: solid 1px #d2d2d2; }
#about-wrap { float: left; width: 80%; text-align: center; padding: 80px 10%; background: url(../images/bg-about.jpg) no-repeat center center #000; background-size: auto 120%; margin-top: -1px; position: relative; }
#about-wrap.promo-list { background: url(../images/bg-promo.jpg) no-repeat center 0 #011429; background-size: 100% auto; }
#all-stores-wrap { float: left; width: 86%; text-align: center; padding: 80px 7%; background: url(../images/bg-about.jpg) no-repeat top center #000; background-size: 100% auto; margin-top: -1px; position: relative; }
#mid-wrap { background: #fff; border-top: solid 1px #c8c7c7; padding-top: 30px; padding-bottom: 30px; }
#footer-wrap { padding-top: 60px; padding-bottom: 70px; }
#home #content-wrap { padding-bottom: 15px; }
#page-subscribed #mid-wrap, #page-subscribed #callout-wrap { display: none; }


/* ---------------------------------------------------------------------------------
   HEADER
--------------------------------------------------------------------------------- */

#logo { float: left; position: relative; z-index: 999; margin: 0 0 0 -5px; }
#logo img { float: left; height: 44px; }
#mob-menu-btn, #mob-search-btn  { display: none; }

#slogan { font-size: 20px; float: left; margin: 0; padding: 6px 0 0 4%; color: #fff; }
#slogan span { font-weight: 700; }

#nav { float: left; width: 100%; }
#nav ul { float: left; width: 100%; margin: 0; padding: 0; position: relative; z-index: 900; }
#nav ul li { float: left; list-style-type: none; padding: 0; margin: 0; font-size: 1.0em; }
#nav ul li a, #nav .nav-store, #nav .nav-brand, .expand-more-fashion span, .expand-more-fashion-mob span, .expand-more-shoes-mob span, .expand-more-menu span, #nav .nav-mob-stores { float: left; color: #363636; text-decoration: none; padding: 12px 16px; cursor: pointer; cursor: hand; line-height: 20px; }
#nav ul li a:hover, .expand-more-fashion span:hover, .expand-more-fashion-mob span:hover, .expand-more-shoes-mob span:hover, .expand-more-menu span:hover { color: #4c9dd0; }
#nav ul li {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
}
#nav ul li:first-child a { padding-left: 0; }
#nav ul li.divider a { background: url(../images/nav-divider.png) no-repeat right center; padding-right: 36px; margin-right: 16px; }
.expand-more-fashion span, .expand-more-fashion-mob span { padding-left: 0; }
.expand-more-fashion-mob { display: none; }
.expand-more-shoes-mob { display: none; }

#fashion-cats, #shoe-cats { float: left; width: 100%; }
#fashion-cats .title, #shoe-cats .title { display: none; float: left; width: 100%; text-align: center; font-weight: bold; margin: 20px 0 15px 0; text-transform: uppercase; }

#nav .nav-store { float: right; position: absolute; z-index: 900; right: 0; padding: 12px 16px 12px 0; background: url(../images/nav-down-arrow.png) no-repeat right center; margin-right: 4%; }
#nav .nav-store:hover { color: #4c9dd0; background-image: url(../images/nav-down-arrow-hover.png); }
#nav .nav-store span, #nav .nav-brand span, #nav .nav-mob-stores span { font-weight: 700; }
#nav .nav-brand { display: none; padding-left: 0; padding-right: 0; }
#nav .nav-brand:hover, #nav .nav-brand:hover span { color: #4c9dd0; }
#nav .top-20 a { color: #df1818; font-weight: bold; }

#nav .more-cats { display: none; }
#nav .more-cats li a { padding-top: 0; }

#nav .arrow span { padding-right: 16px; background: url(../images/nav-down-arrow-light.png) no-repeat right center; margin-right: 17px; }
#nav .arrow:hover span { background-image: url(../images/nav-down-arrow-light-hover.png); }

#search-form { float: left; width: 400px; margin: 0 0 0 3%; padding-top: 1px; }
#search-form form { float: right; padding: 0; margin: 0; width: 95%; border: solid 1px #c6e7f4; -moz-border-radius: 8px; border-radius: 8px; padding: 0px;  }
#search-form fieldset { float: left; width: 100%; padding: 0; margin: 0; border: none; -moz-border-radius: 10px; border-radius: 10px; background: none; }
#search-form .search-wrap { position: relative; }
#search-form label { position: absolute; top: 9px; left: 18px; font-size: 16px; color: #c6e7f4; font-weight: normal; cursor: text; pointer: text; font-style: italic; }
#search-form .search-btn { float: right; -webkit-appearance: none; -webkit-border-radius: 0; margin: 3px; }
#search-form .search { float: left; background: none; color: #fff; margin: 0 0 0 18px; padding: 6px 8px 0 0; width: 75%; height: 25px; font-size: 16px; border: 0!important; outline: 0; }
#search-form .search:focus { border-color: #f27347; }
#search-form p { float: left; width: 75%; clear: both; color: #fff; font-size: 0.8em; padding: 5px 0 0 25px; margin: 0; }

.expand-stores { display: none; }
#header-brands { float: left; width: 100%; padding-top: 20px; }
#header-brands .thumbnails { float: left; width: 98%; padding: 0; margin: 0 0 0 2%; }
#header-brands .thumbnails li { float: left; width: 10%; padding: 15px 2% 0 2%; /* min-height: 147px; */ min-height: 85px; background: #fff; line-height: 0.8em; margin: 0 1% 20px 1%; list-style-type: none; border: solid 1px #ccc; }
#header-brands .thumbnails li a { float: left; width: 100%; text-align: center; }
#header-brands .thumbnails li a span { }
#header-brands .thumbnails li a:hover .text { color: #000; }
#header-brands .thumbnails li:hover { border: solid 1px #000; }

#header-brands .thumb { width: 100%; height: 74px; text-align: center; display: table-cell; vertical-align: middle; }
#header-brands .thumb img { width: 92%; max-height: 74px!important; margin-bottom: 5px; }

#header-brands .more-brands { float: left; width: 100%; padding: 0; margin: 0 0 30px 0; }
#header-brands .more-brands li { float: left; width: 13%; height: 20px; overflow: hidden; padding: 3px 0 0 3%; font-size: 0.9em; margin: 0; list-style-type: none; }
#header-brands .more-brands li a { text-decoration: none; color: #363636; }
#header-brands .more-brands li a:hover { text-decoration: underline; color: #cb0000; }
#header-brands .more-brands li.all a { font-weight: bold; color: #000; }

#nav-fashion-wrap { display: none; }
#nav-fashion .third { float: left; width: 36%; margin-right: 2%; }
#nav-fashion .third.last { width: 24%; margin-right: 0; }
#nav-fashion .nav-title { float: left; width: 100%; font-size: 19px; color: #a3a3a3; background: url(../images/dots-grey.png) repeat-x 0 bottom; background-size: auto 4px; height: 40px; }
#nav-fashion .nav-title a { color: #a3a3a3; text-decoration: none; }
#nav-fashion .shift { padding-top: 26px; }
#nav-fashion ul { float: left; width: 50%; margin: 0 0 10px 0; padding: 30px 0 0 0; }
#nav-fashion ul li { float: left; width: 100%; /* height: 20px; overflow: hidden; */ padding: 2px 0; list-style-type: none; }
#nav-fashion ul li a { text-decoration: none; color: #363636; }
#nav-fashion ul li a:hover { color: #4c9dd0; }
#nav-fashion ul li.strong { font-weight: bold; text-transform: uppercase; }
#nav-fashion .third.last ul { width: 100%; }

/* ---------------------------------------------------------------------------------
   HEADER CALLOUT
--------------------------------------------------------------------------------- */

.hide-header-callout #header-callout { display: none; }
#header-callout { float: left; width: 90%; padding: 8px 5%; font-size: 15px; background: #d80909; color: #fff; text-align: center; }
#header-callout p { margin: 0; font-size: 15px; color: #fff; }
#header-callout p span { font-weight: bold; }
#header-callout p a { color: #fff; text-decoration: none; }

/* ---------------------------------------------------------------------------------
   HOMEPAGE FEATURE
--------------------------------------------------------------------------------- */

#feature-wrap { background: url(../images/feature/bg.jpg) repeat-x center 0 #dfc49f; padding-top: 0; padding-bottom: 0; height: 480px; margin-top: -1px; z-index: 999; position: relative; text-align: center; }
#feature { padding-top: 100px; }
#feature h1 { width: 520px; margin: 0 auto; padding: 0 92px 40px 92px; margin-bottom: 30px; background: url(../images/dots-black.png) repeat-x 0 bottom; background-size: auto 4px; }
#feature #brand-list { 
    float:right;
    position:relative;
    left:-50%;
    text-align:left;
    /* background: url(../images/dots-black.png) repeat-x 0 0; */ 
}
#feature #brand-list ul {
    list-style:none;
    position:relative;
    left:50%;
    padding: 0;
    margin: 0;
}
#feature #brand-list ul li { float:left; position:relative; padding: 0; margin: 0; }
#feature #brand-list ul li a {
    text-decoration:none;
    margin:10px;
    float:left;
    padding:2px 8px;
    text-align:center;
    white-space:nowrap;
}
#feature #brand-list ul li a img { height: 50px; }
#feature .more { float: left; width: 100%; }
#feature .more a { color: #363636; text-decoration: none; }
#feature .xmas { color: #cc1919; }

#feature-wrap.back-to-school { background: url(../images/feature/bg-back-to-school.jpg) repeat-x center 0 #2e2e2e; height: 400px; }
#feature-wrap.back-to-school h1 { font-size: 50px; font-weight: bold; background: none; color: #fff; }
#feature-wrap.back-to-school #feature { padding-top: 300px; }

#feature-wrap.valentines { background: url(../images/feature/bg-valentines.jpg) repeat-x center top #fff; background-size: 100% auto; height: auto; padding-bottom: 60px; border-bottom: solid 2px #ed3053; margin-top: 0; }
#feature-wrap.valentines #feature { padding-top: 50px; }
#feature-wrap.valentines h1 { font-size: 50px; font-weight: bold; background: none; margin-bottom: 10px; height: auto; padding: 0; color: #ed3053; }
#feature-wrap.valentines p { font-size: 22px; max-width: 700px; margin: 0 auto; }
.page-valentines-day #content h2 span { color: #ed3053; }

.gender { float: left; width: 100%; padding-top: 20px; }
#tabs { width: 240px; margin: 0 auto; }
#tabs div { float: left; width: 120px; font-weight: bold; padding: 0; margin: 0; text-align: center; color: #ccc; text-transform: uppercase; }
#tabs div span { float: left; width: 120px; text-decoration: none; color: #ccc; border-bottom: solid 3px #ccc; cursor: pointer; cursor: hand; }
#tabs div.active span { border-bottom: solid 3px #4c9dd0; color: #4c9dd0; }

/* ---------------------------------------------------------------------------------
   PRODUCT LIST
--------------------------------------------------------------------------------- */

.product-list { float: left; width: 100%; }
.product-list ul { float: left; width: 100%; margin: 0 0 30px 0; padding: 0; }
.product-list ul li { float: left; width: 22.7%; position: relative; list-style-type: none; margin: 0 0 2% 2%; border: solid 1px #c8c7c7; background: #fff; }
.product-list.single-row ul li:first-child { margin-left: 1.2%; }
.product-list.single-row ul li:nth-child(5) { display: none; }
.product-list ul li .prod-img { float: left; color: #fff; position: relative; width: 86%; min-height: 200px; padding: 20px 7% 10px 7%; text-align: center; }
.product-list ul li .prod-img img { width: 100%; color: transparent; text-decoration: none; background: #fff; }
.product-list ul h3, .product-list ul .prod-title, .product-list ul .price { float: left; width: 88%; margin: 0; padding: 0 6%; font-size: 1.0em; color: #363636; line-height: 1.3em; }
.product-list ul h3 a, .product-list ul .prod-title, .product-list ul .price { color: #363636; }
.product-list ul h3 a span, .product-list ul .prod-title span { font-weight: normal; }
.product-list ul h3 a:hover, .product-list ul h3 a:hover span { text-decoration: underline; }
.product-list ul .prod-title { font-weight: bold; text-decoration: none; }
.product-list ul .price { margin: 0 0 15px 0; min-height: 66px; }
.product-list ul .price a { text-decoration: none; color: #363636; }
.product-list ul .prod-text { float: left; width: 100%; min-height: 102px; text-transform: capitalize; position: relative; }
.product-list ul .prod-text h3 span { float: left; width: 100%; height: 22px; overflow-y: hidden;  }
.product-list ul .prod-text .email-discount { text-decoration: underline; color: #ff9728; }

.product-list .sale-alert a { float: left; font-family: 'merriweather', serif; border: dotted 1px #666; font-size: 12px; padding: 3px 10px; margin-top: 3px; line-height: 11px; font-style: italic; }
.product-list .sale-alert a:hover { border: solid 1px #000; }
.product-list .sale-alert.shift { padding-top: 21px; }

.product-list .graph-icon { float: left; position: absolute; top: -30px; left: 6%; width: 34px; height: 32px; background: url(../images/icon-graph.png) no-repeat 2px center; background-size: 32px auto; cursor: pointer; cursor: hand; margin-top: -8px; -moz-border-radius: 3px; border-radius: 3px;}
.product-list .graph-icon:hover { background: url(../images/icon-graph-blue.png) no-repeat 2px center; background-size: 32px auto; }

.product-list ul .now { font-weight: bold; color: #cb0000; padding-right: 10px; float: left; }
.product-list ul .now span { font-weight: normal; font-size: 12px; }
.product-list ul .was { text-decoration: line-through; padding: 0 6px 0 0; float: left; color: #989898; }
.product-list ul .save { float: left; width: 100%; color: #989898; font-style: italic; font-size: 14px; font-family: 'merriweather', serif;  display: block; word-wrap: no-wrap; }
.product-list ul .store { float: left; width: 88%; margin: 0 6%; padding: 8px 0 3px 0; text-align: center; border-top: solid 1px #c8c7c7; }
.product-list ul .store img { height: 34px; }
.product-list ul .row-nz, .product-list ul .row-au { float: left; width: 100%; }
.product-list ul .now {  }
.product-list ul .row-au .au { float: left; color: #cb0000; padding-right: 12px; }

.product-list .label, .product-list .label-v2, .blog-articles .label, .blog-articles .label-v2 { float: left; position: absolute; top: 25px; right: 18px; width: 68px; height: 60px; line-height: 18px; padding: 18px 0 0 0; background: url(../images/label-red.png) no-repeat 0 0; text-align: center; color: #fff; text-transform: uppercase; z-index: 1000; }
.product-list .label span, .product-list .label-v2 span, .blog-articles .label span, .blog-articles .label-v2 span { font-size: 22px; font-weight: 700; float: left; width: 100%; clear: both; }
.product-list .label span.sm { font-size: 16px; font-weight: normal; }
.product-list .label-v2, .blog-articles .label-v2 { padding-top: 14px; }
.product-list .label.rrp, .blog-articles .label.rrp { font-size: 12px; }
.product-list .label-lg, .blog-articles .label-lg { top: 25px; right: 18px; width: 74px; height: 80px; padding: 16px 0 0 0; background: url(../images/label-red-lg.png) no-repeat 0 0; }
.product-list .label-shipping, .blog-articles .label-shipping { float: left; position: absolute; top: 10px; left: 10px; font-family: 'merriweather', serif;  font-size: 12px; font-style: italic; color: #989898; border-top: none; border-left: none; background: #fff; }
.product-list .label-shipping span, .blog-articles .label-shipping span { float: left; line-height: 18px; padding: 4px 8px 4px 8px; border-right: none; border-top: none; border: dotted 1px #ccc; background: #fff; }

.product-list .label-drop { float: left; position: absolute; width: 74px; top: -1px; right: 18px; line-height: 18px; padding: 0 0 12px 0; background: #26711c; text-align: center; color: #fff; text-transform: uppercase; z-index: 1000; -moz-border-radius: 5px; border-radius: 5px; }
.product-list .label-drop .top { float: left; width: 100%; padding: 10px 0 15px 0; background: url(../images/label-drop-top.png) no-repeat center bottom; margin: 0 0 10px 0; }
.product-list .label-drop .percent { font-size: 22px; font-weight: 700; float: left; width: 100%; }


/* ---------------------------------------------------------------------------------
   XMAS LABEL OVERWRITE - REMOVE TO RETURN TO NORMAL LABELS
--------------------------------------------------------------------------------- */
/*
.product-list .label, .product-list .label-v2, .blog-articles .label, .blog-articles .label-v2 { top: 0px; padding: 44px 0 0 0; background: url(../images/label-red-xmas.png) no-repeat 0 0; }
.product-list .label-v2, .blog-articles .label-v2 { padding-top: 40px; }
.product-list .label-lg, .blog-articles .label-lg { padding: 42px 0 0 0; background: url(../images/label-red-lg-xmas.png) no-repeat 0 0; }
*/
/* ---------------------------------------------------------------------------------
   XMAS LABEL OVERWRITE - END
--------------------------------------------------------------------------------- */

#show-more-button a:active { background: #000; }

.product-list .expand-graph-alert { display: none; }
.product-list ul .extra-info { float: left; position: absolute; z-index: 1000; top: 0; width: 100%; padding-bottom: 80px; background: url(../images/graph-bg.png) no-repeat 0 bottom; background-size: 100% auto; }
.product-list ul .extra-info-inner { float: left; top: 0; width: 84%; margin: 0; font-size: 17px; padding: 0 8% 0 8%; background: #4c9dd0; text-align: center; color: #fff; }
.product-list ul .extra-info .txt { float: left; width: 100%; margin: 0 0 10px 0; padding-top: 80px; background: url(../images/icon-graph-white.png) no-repeat center 30px; background-size: 32px auto; }
.product-list ul .extra-info .txt span { font-weight: bold; }
.product-list ul .extra-info a { color: #fff; }

/* ---------------------------------------------------------------------------------
   PRODUCT DETAIL
--------------------------------------------------------------------------------- */

.product-img { float: left; width: 28%; position: relative; text-align: center; }
.product-details { float: right; width: 69%; }
.product-img img { max-width: 100%; }

.product-img .label, .product-img .label-v2 { float: left; position: absolute; top: 25px; right: 18px; width: 68px; height: 60px; line-height: 18px; padding: 18px 0 0 0; background: url(../images/label-red.png) no-repeat 0 0; text-align: center; color: #fff; text-transform: uppercase; }
.product-img .label span, .product-img .label-v2 span { font-size: 22px; font-weight: 700; float: left; width: 100%; }
.product-img .label-v2 { padding-top: 14px; }
.product-img .label-lg { top: 25px; right: 18px; width: 74px; height: 80px; padding: 16px 0 0 0; background: url(../images/label-red-lg.png) no-repeat 0 0; }

.product-img .label-drop { float: left; position: absolute; width: 74px; top: -1px; right: 10px; line-height: 18px; padding: 0 0 12px 0; background: #26711c; text-align: center; color: #fff; text-transform: uppercase; z-index: 1000; -moz-border-radius: 5px; border-radius: 5px; }
.product-img .label-drop .top { float: left; width: 100%; padding: 10px 0 15px 0; background: url(../images/label-drop-top.png) no-repeat center bottom; margin: 0 0 10px 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.product-img .label-drop .percent { font-size: 22px; font-weight: 700; float: left; width: 100%; }

.description { float: left; width: 43%; margin-left: 3%; }
.buy-box { float: right; width: 39%; margin-right: 10%; padding-left: 13px; background: url(../images/arrow-buybox.gif) no-repeat 0 25px; }
.buy-box-inner { float: left; width: 100%; border: solid 1px #e7e7e7; }

.buy-box h3 { font-size: 1.0em; }
.buy-box h3 a { color: #363636; }
.buy-box h3 a:hover { text-decoration: underline; }
.buy-box-top { float: left; width: 84%; padding: 15px 8%; background: #e7e7e7; border-bottom: dashed 1px #c8c7c7; }
.buy-box-mid, .buy-box-form { float: left; width: 84%; padding: 8%; background: #e7e7e7; }
.buy-box-mid .price { color: #cb0000; float: left; line-height: 24px; }
.buy-box-mid .price span { font-weight: bold; font-size: 2.0em; }
.buy-box-mid .right { text-align: right; padding-top: 10px; }
.buy-box-mid .was { text-decoration: line-through; }
.buy-box-mid .save { color: #df1818; font-weight: bold; }
.buy-box-mid .btn, .buy-box-form .btn { float: left; width: 90%; padding: 10px 5%; text-align: center; margin-top: 20px; white-space: normal; }
.buy-box-mid .btn-more { border: solid 1px #999; width: 89.5%; background: #e7e7e7; color: #666; font-size: 15px; font-weight: normal; margin-top: 10px; cursor: pointer; cursor: hand; }
.buy-box-mid .btn-more:hover { background: #e2e2e2; border: solid 1px #000; color: #000; }
.buy-box-mid .btn-more.contracted { background: url(../images/icon-contracted.png) no-repeat 94% center; }
.buy-box-mid .btn-more.expanded { background: url(../images/icon-expanded.png) no-repeat 94% center; }
.buy-box-mid .label-shipping { float: left; width: 100%; font-family: 'merriweather', serif;  font-size: 12px; font-style: italic; color: #989898; padding-top: 5px; }
.buy-box-mid .unavailable span { color: #ff4040; line-height: 20px; }
.buy-box-mid .unavailable span em { font-style: normal; font-weight: bold; font-size: 24px; }
.buy-box-mid .coupon { float: left; width: 100%; padding: 10px 5%; margin: 20px 0 0 0; width: 88%; border: dotted 2px #ccc; }
.buy-box-mid .coupon h3 { margin: 0; }
.buy-box-mid .coupon p { margin: 0; }
.buy-box-mid .coupon p a { text-decoration: none; border: dotted 2px #ccc; padding: 0 5px }

.buy-box-coupon { float: left; width: 84%; padding: 0 8% 30px 8%; background: #e7e7e7; text-align: center; }
.buy-box-coupon h3 { margin: 0; font-size: 19px; }
.buy-box-coupon p { margin: 0 0 10px 0; line-height: 1.4em; }
.buy-box-coupon p span { font-weight: bold; }
.buy-box-coupon p a { text-decoration: none; border: dotted 2px #df1818; padding: 0 5px; font-size: 14px; }
.buy-box-coupon .code { float: left; width: 95%; text-decoration: none; border: dotted 3px #df1818; padding: 10px 2%; font-weight: bold; text-align: center; }
.buy-box-coupon .code:hover { background: #fff; }

.buy-box-btm { float: left; width: 90%; padding: 15px 5% 10px 5%; background: #fff; text-align: center; }
.buy-box-btm img { height: 40px; max-width: 100%; }

.expand-price-alert { display: none; }
.buy-box-form { background: #dbdbdb; border-top: solid 1px #c8c7c7; text-align: center; }
.buy-box-form h3 { font-size: 30px; margin: 0; }
.buy-box-form h4 { font-weight: normal; }
.buy-box-form .lowest-price { font-size: 14px; font-style: italic; font-weight: bold; color: #df1818; }
.buy-box-email { float: left; padding: 0; width: 100%; }
.buy-box-email .store-email-wrap { float: left; width: 100%; position: relative; margin: 0 0 10px 0; padding: 0px; border: none;  }
.buy-box-email .center { float: left; width: 80%; margin: 0 10%; }
.buy-box-email fieldset { border: none; width: 100%; margin: 0; padding: 0; }
.buy-box-email label { position: absolute; top: 8px; left: 10px; font-size: 15px; color: #8e8e8e; font-weight: normal; cursor: text; pointer: text; }
.buy-box-email .submit-btn { float: left; -webkit-appearance: none; -webkit-border-radius: 0; height: 35px; margin: 0 0 0 0; }
.buy-box-email .email-field, .buy-box-email .price-field { float: left; margin: 0; border: solid 1px #d2d2d2; background: #fff; -moz-border-radius: 4px; border-radius: 4px; padding: 4px 8px 4px 10px; font-size: 15px!important; height: 25px; font-size: 15px; }
.buy-box-email .email-field { border-right: none; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; width: 74%; }
.buy-box-email .dollar { float: left; padding: 8px 5% 8px 0; width: 20%; text-align: right; }
.buy-box-email .price-field { width: 40%; }
.buy-box-email .btn { background: #fdff3e; color: #52abd0; }
.buy-box-email .btn span { background: url(../images/arrow-white-sm-blue.png) no-repeat right center!important; }
.buy-box-email .join-wrap { float: left; width: 100%; font-size: 13px; padding-top: 5px; }

.buy-box-form .extra-info { float: left; width: 80%; margin: 0 0 20px 0; border: dotted 2px #df1818; padding: 10px 10%; color: #000; }
.buy-box-form .extra-info span { color: #df1818; font-weight: bold; }

#product-detail-wrap.no-description .product-details { width: 45%; }
#product-detail-wrap.no-description .product-img { width: 45%; margin-left: 5%; }
#product-detail-wrap.no-description .buy-box { float: left; width: 65%; }

.social-icons { float: left; width: 100%; text-align: center; padding-top: 20px; }

.buy-box-mid .row-nz, .buy-box-mid .row-au { float: left; width: 100%; font-size: 21px; }
.buy-box-mid .now { font-weight: bold; color: #cb0000; padding-right: 10px; float: left; }
.buy-box-mid .now span { font-weight: normal; font-size: 12px; text-transform: uppercase; }

.buy-box-mid .was { text-decoration: line-through; color: #989898; }
.buy-box-mid .row-au .was { padding: 0 6px 0 0; float: left; }
.buy-box-mid .row-au .au { float: left; color: #cb0000; padding-right: 12px; }

.product-details .pay-later-options { float: left; width: 100%; padding: 20px 0 0 0; border-top: solid 1px #e7e7e7; margin-top: 20px; }
.product-details .pay-later-options ul { float: left; width: 100%; margin: 0; padding: 0; }
.product-details .pay-later-options ul li { }

.product-details .pay-later-options ul li { float: left; width: 45%; padding: 0; margin: 0 5% 10px 0; list-style-type: none; }
.product-details .pay-later-options ul li a { float: left; width: 90%; padding: 10px 5%; border: solid 1px #ccc; -moz-border-radius: 5px; border-radius: 5px; }
.product-details .pay-later-options ul li a span { display: none; }
.product-details .pay-later-options ul li a:hover { border-color: #000; }

.product-details .pay-later-options ul li.afterpay a { background: url(../images/pay-afterpay.png) no-repeat center center; background-size: auto 24px; height: 20px; }
.product-details .pay-later-options ul li.zippay a { background: url(../images/pay-zippay.png) no-repeat center center; background-size: auto 20px; height: 20px; }
.product-details .pay-later-options ul li.oxipay a { background: url(../images/pay-oxipay.png) no-repeat center center; background-size: auto 24px; height: 20px; }
.product-details .pay-later-options ul li.openpay a { background: url(../images/pay-openpay.png) no-repeat center center; background-size: auto 24px; height: 20px; }
.product-details .pay-later-options ul li.laybuy a { background: url(../images/pay-laybuy.png) no-repeat center center; background-size: auto 24px; height: 20px; }


/* ---------------------------------------------------------------------------------
   PROMO PAGES
--------------------------------------------------------------------------------- */

#promo-offers { float: left; width: 100%; margin: 0 0 30px 0; padding: 0; }
#promo-offers li { float: left; width: 31%; margin: 0 1.1% 20px 1.1%; background: #fff; }
#promo-offers li .logo-thumb { float: left; width: 100%; padding: 20px 0; }
#promo-offers li .logo-thumb img { height: 45px; }
#promo-offers .buy-box-coupon { float: left; width: 80%; padding: 30px 10%; min-height: 160px; }
#promo-offers .buy-box-coupon p { color: #000; margin: 0 0 20px 0; }
#promo-offers .buy-box-coupon .btn { float: left; width: 100%; padding: 12px 0; }

/* ---------------------------------------------------------------------------------
   MAIN
--------------------------------------------------------------------------------- */

.headline { float: left; width: 100%; background: url(../images/dots-grey.png) repeat-x 0 14px; background-size: auto 4px; text-align: center; margin: 10px 0 30px 0; }
.headline.no-dots { background: none; }
.headline h2 { margin: 0; background: #f8f8f8; display: inline; padding: 0 6px; }
.headline h2 span { float: left; width: 100%; font-size: 46px; color: #4c9dd0; font-weight: 900; }

.headline-cat { float: left; width: 100%; background: url(../images/dots-grey.png) repeat-x 0 bottom; background-size: auto 4px; margin: 0 0 30px 0; padding: 0 0 30px 0; }
.headline-cat h1 { float: left; margin: 0; font-size: 40px; }

.headline-cat .pay-later { float: left; width: 100%; letter-spacing: 0em;font-size: 17px; font-family: 'merriweather', serif; color: #999; font-style: italic; font-weight: normal; }

.heading-store { float: left; }
.heading-store .thumb { float: left; margin: 0 25px 0 0; padding-right: 30px; border-right: solid 1px #d2d2d2; }
.heading-store .thumb span { width: 100%; height: 74px; text-align: center; display: table-cell; vertical-align: middle; }
.heading-store .thumb img { max-width: 160px; max-height: 72px; vertical-align: middle; }
.heading-store h1 { float: left; padding-top: 18px; margin: 0 0 15px 0; }
#heading-store-wrap #sort-options { padding-top: 8px; }
.heading-store p { float: left; width: 50%; clear: both; }

#heading-desc { float: left; width: 100%; background: url(../images/dots-grey.png) repeat-x 0 bottom; margin: 0 0 30px 0; padding: 0 0 10px 0; }
#heading-desc .thumb { float: left; width: 13.5%; text-align: center; margin: 0; } 
#heading-desc .thumb img { max-width: 160px; max-height: 72px; vertical-align: middle; }
#heading-desc p { }

#heading-product { text-align: center; }
#heading-product h1 { margin: 0; }
#heading-product p { margin: 0; }
#heading-product p a { font-style: italic; text-decoration: none; }

.btn-wrap { text-align: center; margin: 0 0 60px 0; }
.btn { background: #df1818; padding: 10px 18px 10px 20px; -moz-border-radius: 6px; border-radius: 6px; color: #fff; font-weight: bold; text-decoration: none; font-size: 19px; white-space: nowrap; }
.btn:hover { background-color: #c00303; }
.btn span { background: url(../images/btn-arrow.png) no-repeat right center; padding-right: 25px; }

#left { float: left; width: 13.5%; }
#right { float: right; width: 85%; }

#sort-options { float: right; margin: 8px 4px 0 0; }
#sort-options form { float: left; }
#sort-options .label { float: left; font-weight: 700; padding-top: 9px; }
#sort-options .drop { border: solid 1px #c8c7c7; background: url(../images/sort-drop-bg.gif) no-repeat right center; -moz-border-radius: 5px; border-radius: 5px; clear: both; }
#sort-options .left { margin-left: 20px; }
.selectwrap.percentage select { font-weight: bold; color: #df1818; }
.selectwrap { 
        float: left; 
        overflow-x: hidden; 
        -moz-border-radius: 5px; 
        border-radius: 5px;
        background: url(../images/sort-drop-bg.gif) no-repeat right center #fff;
        border: solid 1px #c8c7c7; 
        margin-left: 15px;
        padding: 8px 0px 8px 8px; 
    }
.selectwrap select {
        background: none;
        border: none; 
        box-shadow: none;
        line-height: 22px;
        position: relative;
        text-align: left;
        text-decoration: none;
        text-indent: 1px;
        text-overflow: "";
        font-size: 14px!important;
        -moz-border-radius: 5px; 
        border-radius: 5px;
        color: #787878;
        width: 130%!important; 
       -webkit-appearance:none;
       -moz-appearance:none;
       -o-appearance:none;
       appearance:none; 
       padding-right: 50px;
       outline: none!important; 
}
.selectwrap select::-ms-expand { display:none; width: 80%!important; background: #fff; }

#refine-mob { float: left; width: 100%; margin-top: -50px; margin-bottom: 15px; position: fixed; top: 0; left: 0; z-index: 9999; }
#refine-mob .mob-refine-btn, #refine-mob a { float: left; width: 96%; background: #4c9dd0; color: #fff; padding: 10px 2% 0 2%; height: 32px; text-align: center; cursor: pointer; cursor: hand; font-weight: bold; }
#refine-mob.hidden {  margin-top: -50px; }
#refine-mob.showing { margin-top: 0px; display: block; }

#refine-mob, #refine-mob .mob-refine-btn {
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}

#refine-results { display: none; float: left; width: 100%; margin: -10px 0 20px 0; }
#refine-results a { float: left; width: 90%; background: #e3e3e3; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 5%; color: #fff; text-align: center; color: #666; text-decoration: none; }
.refine-heading { display: none; float: left; width: 100%; padding: 15px 0 30px 0; }
.refine-heading span { font-weight: bold; font-size: 20px; }

#pages { float: left; width: 100%; margin: 0 0 30px 0; }
#pages ul { float: left; width: 100%; text-align: center; margin: 0 auto; display: inline; margin: 0; padding: 0; }
#pages ul li { display: inline; padding: 0 10px; }
#pages ul li a, #pages ul li span { padding: 5px 10px; border: 1px solid #c8c7c7; color: #666; text-decoration: none; }
#pages ul li span { background: #4c9dd0; border: solid 1px #4c9dd0; color: #fff; }
#pages ul li a:hover { background: #fff; }

.product-num { float: left; width: 100%; text-align: center; padding-top: 20px; }

#not-found-headline { float: left; width: 96%; text-align: center; border-bottom: solid 1px #ccc; padding: 0 0 30px 0; margin: 0 2% 30px 2%; }
#not-found-headline h2 { font-weight: normal; }
#not-found-headline h2 span { color: #df1818; }

table { width: 100%; border-collapse: collapse; margin: 0 0 30px 0; font-size: 0.8em; }
table th { text-align: left; border-bottom: 1px solid #ccc; padding: 8px 15px 8px 0; }
table td { vertical-align: top; border-bottom: solid 1px #ccc; padding: 8px 15px 8px 0; }


/* ---------------------------------------------------------------------------------
   SIDEBAR
--------------------------------------------------------------------------------- */
#left h3 a { color: #363636; }
#left ul { float: left; width: 100%; margin: 0 0 20px 0; padding: 0; }
#left ul li { float: left; width: 100%; padding: 0; margin: 0; list-style-type: none; text-transform: capitalize; }
#left ul li a { color: #363636; text-decoration: none; }
#left ul li a:hover { color: #cb0000; text-decoration: underline; }
#left ul li.active { color: #4c9dd0; }
#left ul li.active a { color: #4c9dd0; }
#left h3.overline { float: left; width: 100%; border-top: solid 1px #ccc; padding-top: 20px; }

#left .price-selector { float: left; width: 100%; background: #e7e7e7; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 30px 0; }
#left .price-selector h3 { float: left; width: 84%; padding: 10px 8%; border-bottom: solid 1px #a1a1a1; }
#left .selector { float: left; width: 80%; padding: 0px 10% 15px 10%; }
#left .selector img { width: 100%; }
#left .selector-amount { margin: 0 0 10px 0; }
#left .selector input { background: none; font-size: 13px; font-family: 'merriweather', serif; font-style: italic; color: #666; border: none; width: 100%; padding: 0; }
#left .slider-wrap { /* float: left; width: 90%; padding: 0 5%; */ }
#left .ui-slider-handle { cursor: pointer; cursor: hand; outline: none; border: 1px solid #9e9e9e; }
#left .ui-slider-range { background: #414141; }
#left .selector .submit-btn { float: left; width: 99%; padding: 5px 0; font-family: 'merriweather', serif; font-size: 13px; border: solid 1px #a1a1a1; text-align: center; color: #666; text-decoration: none; margin: 20px 0 0 0; -moz-border-radius: 3px; border-radius: 3px; }
#left .selector .submit-btn:hover { background-color: #c00303; border: solid 1px #c00303; color: #fff; }

#left .selectwrap { margin-left: 0; width: 94%; margin-bottom: 30px; }
#left .selectwrap select { width: auto; }

#left .store-description { float: left; width: 100%; padding: 25px 0 0 0; margin-top: 5px; border-top: 1px solid #ccc; }
#left .store-description p { font-size: 0.8em; line-height: 1.35em; }
#left .store-description h3 { font-size: 0.9em; }
#left .store-description .store-btn a { float: left; background: #000; padding: 6px 15px 7px 15px; color: #fff; font-weight: bold; color: #fff; text-decoration: none; -moz-border-radius: 6px; border-radius: 6px; }
#left .store-description .store-btn a:hover { background: #df1818;}

ul#pay-later-options { float: left; width: 100%; margin: 0 0 20px 0; padding: 0; }
ul#pay-later-options li { float: left; width: 100%; margin: 0 0 10px 0; }
ul#pay-later-options li a { float: left; width: 90%; padding: 10px 5%; border: solid 1px #ccc; -moz-border-radius: 5px; border-radius: 5px; }
ul#pay-later-options li a span { display: none; }

ul#pay-later-options li.afterpay a { background: url(../images/pay-afterpay.png) no-repeat center center; background-size: auto 24px; height: 20px; }
ul#pay-later-options li.zippay a { background: url(../images/pay-zippay.png) no-repeat center center; background-size: auto 20px; height: 20px; }

ul#pay-later-options li.active a { background-color: #fff; }


/* ---------------------------------------------------------------------------------
   ABOUT
--------------------------------------------------------------------------------- */

#about-wrap h1, 
#about-wrap h2, 
#about-wrap p { color: #fff; }

#about-page { width: 550px; margin: 0 auto; }
#about-page h1 { font-size: 3.8em; color: #fff; }
#about-page p { font-size: 1.2em; }
#about-wrap p a { color: #ff9728; }

#content-general h1 { font-size: 40px; }

#about-stores, #all-stores { float: left; width: 100%; padding-top: 20px; }
#about-stores .thumbnails, #all-stores .thumbnails { float: left; width: 98%; padding: 0; margin: 0 0 0 2%; }
#about-stores .thumbnails li, #all-stores .thumbnails li { float: left; width: 10%; padding: 15px 2% 0 2%; /* min-height: 147px; */ min-height: 105px; background: #fff; line-height: 0.8em; margin: 0 1% 20px 1%; list-style-type: none; border: solid 1px #000; }
#about-stores .thumbnails li a, #all-stores .thumbnails li a { float: left; width: 100%; text-align: center; }
#about-stores .thumbnails li a span { }
#about-stores .thumbnails li a:hover .text { color: #000; }

#all-stores .thumbnails li { width: 11.3%; padding: 15px 3% 0 3%; }

#about-stores .thumb, #all-stores .thumb { width: 100%; height: 94px; text-align: center; display: table-cell; vertical-align: middle; }
#about-stores .thumb img, #all-stores .thumb img { width: 92%; max-height: 94px!important; margin-bottom: 5px; }


#all-brands { float: left; width: 100%; }
#all-brands .alpha { float: left; width: 100%; padding: 30px 0 10px 0; background: #fff; border: solid 1px #d2d2d2; -moz-border-radius: 10px; border-radius: 10px; margin: 0 0 20px 0; }

#all-brands .alpha ul li.letter { border: solid 1px #52abd0; text-align: center; background: #52abd0; color: #fff; }
#all-brands .alpha ul li.letter span { float: left; width: 100%; padding-top: 45px; font-size: 40px; }

#all-brands .alpha .text { float: left; width: 100%; color: #a8a8a8; height: 30px; }
#all-brands .alpha .text-links { float: left; width: 94%; margin: 0; padding: 0 3% 20px 3%; }
#all-brands .alpha .text-links li { float: left; width: 23%; padding: 0 0 0 2%; list-style-type: none; margin: 0; height: 23px; overflow-y: hidden; }
#all-brands .alpha .text-links li:first-letter { text-transform: capitalize; } 
#all-brands .alpha .text-links li a { color: #4b4b4b; text-decoration: none; }
#all-brands .alpha .text-links li a:hover { color: #c6151b; text-decoration: underline; }

#alphabet { float: left; width: 100%; padding: 0; margin: 0 0 20px 0; }
#alphabet li { float: left; width: 3.8%; text-align: center; font-weight: bold; list-style-type: none; padding: 0; margin: 0; }
#alphabet li a { float: left; width: 100%; text-decoration: none; }
#alphabet li a:hover { background: #52abd0; color: #fff; }

#all-brands ul li.all a { font-family: 'merriweather', serif; color: #c6151b!important; font-size: 14px; font-weight: bold; }
#all-brands li.strong a { font-weight: bold!important; }

/* ---------------------------------------------------------------------------------
   ARTICLES
--------------------------------------------------------------------------------- */

#heading.article-headline h1 { width: 100%; }
#heading .article-cat { float: left; width: 100%; font-size: 0.75em; text-transform: uppercase; color: #666; margin: 0 0 10px 0; }
#heading .article-cat a { text-decoration: none; color: #ff9601; }
#heading .article-cat a:hover { text-decoration: underline; color: #c6151b; }
#heading .article-cat span { color: #999; }

#article-contents { float: left; width: 100%; margin: 0 0 10px 0; }
#article-contents .thumb { max-width: 100%; margin-bottom: 20px; }
#article-contents blockquote { border-left: solid 3px #4c9dd0; font-style: italic; margin-left: 0; padding-left: 20px; color: #717171; margin-bottom: 25px; }
#article-contents blockquote p { color: #717171; }
#article-contents img { max-width: 100%; height: auto; }
#article-contents .add-top-margin { margin-top: 40px; }
#discus-wrap { float: left; width: 100%; padding: 20px 0 15px 0; background: url(../images/divider-dots-grey.png) repeat-x 0 0; }
#discus { float: left; width: 90%; padding: 20px 5%; border: solid 1px #d2d2d2; background: #fff; -moz-border-radius: 10px; border-radius: 10px; margin: 0 0 15px 0; }

.table-guide th { background: #4c9dd0; color: #fff; padding-top: 10px; padding-bottom: 10px; border-bottom: none; }
.table-guide .thumb { width: 30%; }
.table-sellers td { vertical-align: middle; }
.table-sellers tr:nth-child(1) td { border-top: solid 1px #ccc; }
.table-sellers .thumb-logo img { height: 20px!important; }

#right #article-cats { float: left; width: 100%; padding: 0; margin: 0 0 20px 0; background: #52abd0; -moz-border-radius: 5px; border-radius: 5px;}
#right #article-cats h4 { float: left; width: 90%; padding: 15px 5%; color: #fff; background: #3e94b7; margin: 0; }
#right #article-cats ul { float: left; width: 90%; padding: 10px 5%; margin: 0; font-size: 0.8em; }
#right #article-cats ul li { float: left; width: 100%; list-style-type: none; margin: 0; padding: 0; border-bottom: solid 1px #97cce2; }
#right #article-cats ul li a { float: left; width: 100%; text-decoration: none; padding: 6px 0; color: #cfe7f1; }
#right #article-cats ul li a:hover { color: #fff; }
#right #article-cats ul li.all { border: none; }
#right #article-cats ul li.all a { color: #fff; }

#article-list { float: left; width: 100%; }
#article-list h1 { text-align: center; }
#article-list .article-row { float: left; width: 100%; padding-top: 10px; text-align: center; }
#article-list .article { float: left; width: 30.3%; margin: 0 1.5% 10px 1.5%; }
#article-list .article img { border: solid 1px #ccc; background: #fff; padding: 2%; width: 96%; margin: 0 0 15px 0; }
#article-list .article h2 { }
#article-list .date { text-transform: uppercase; color: #b5b5b5; margin: 0 0 5px 0; }
#article-list .date span { font-weight: 600; color: #979797; }

#article-left { float: left; width: 60%; max-width: 800px; }
#article-right { float: left; width: 35%; max-width: 400px; padding-left: 5%; padding-top:0px; }

#article-left { font-size: 1.1em; }
#article-left .social-icons { text-align: left; margin: 0 0 30px 0; }
#article-left li { padding-bottom: 10px; }
#article-left ol li { padding-left: 20px; margin: 0 0 15px 0; }
#article-left ol strong { font-weight: bold; }

#article-right h3.bottom-border { border-bottom: solid 3px #4c9dd0; margin: 0; padding-bottom: 20px; }
#article-right .article { float: left; width: 89.5%; border: solid 1px #d2d2d2; border-top: none; padding: 15px 5%; background: #fff; }
#article-right .article .thumb { float: left; width: 25%; }
#article-right .article img { float: left; width: 100%; }
#article-right .article .article-details { float: right; width: 69%; padding-right: 0%; }
#article-right .article h4 { font-size: 1.0em; line-height: 1.3em; margin: 0; }
#article-right .article h4 a { color: #4c9dd0; font-weight: normal; }
#article-right .article p { font-size: 0.9em; line-height: 1.3em; margin: 0; }
#article-right .product-list ul li { width: 100%; margin: 0 0 20px 0; }

#article-right .product-list ul li { width: 99%; margin: 0 0 15px 0; border: solid 1px #c8c7c7; }
#article-right .product-list ul li .prod-img { float: left; width: 38%; padding: 15px 0 10px 5%; min-height: 50px; }
#article-right .product-list ul .prod-text { float: right; width: 50%!important; padding: 30px 2% 0 0; }
#article-right .product-list.single-row .label-v2 { right: 0px; } 
#article-right .product-list .save { float: left; width: 100%; } 
#article-right .product-list ul .store { float: right; width: 49.5%; margin: 0; padding: 0 0 10px 0; text-align: left; border: none; }
#article-right .product-list ul .store img { height: 26px; } 
#article-right .product-list ul .prod-text h3 span { height: auto; overflow: none; }
#article-right .product-list .label, #article-right .product-list .label-v2 { right: -10px; } 
#sidebar-products .trending { float: left; width: 100%; padding: 20px 0 0 0; }


/* ---------------------------------------------------------------------------------
   ARTICLE PRODUCT FEED
--------------------------------------------------------------------------------- */

.blog-articles h1 { font-weight: bold; }
.blog-articles #product-feed { float: left; width: 99%; padding-top: 20px; margin: 0; }
.blog-articles #product-feed h2 { width: 85%; color: #4b4b4b; font-weight: normal; margin: 0 0 15px 0; }
.blog-articles #product-feed h2 span { color: #d50707; }
.blog-articles #product-feed .bx-pager { display: none; }

.blog-articles #product-feed ul { float: left; width: 100%; margin: 0!important; padding: 0; height: auto!important; }
.blog-articles .product-scroller li { float: left; width: 100%; list-style-type: none; margin: 0; padding: 0; border: solid 1px #d2d2d2; background: #fff; -moz-border-radius: 10px; border-radius: 10px;}
.blog-articles .product-scroller li .product:nth-child(3) { border: none; }
.blog-articles .product { float: left; width: 27.15%; padding: 20px 3%; text-align: center; border-right: solid 1px #d2d2d2; position: relative; min-height: 300px; text-decoration: none; }
.blog-articles .product .thumb { float: left; width: 100%; text-align: center; margin: 0 0 25px 0; }
.blog-articles .product .thumb img { width: 90%; margin: 0 auto; }
.blog-articles .product .name { float: left; width: 100%; font-weight: normal; font-size: 0.85em; color: #000; line-height: 1.3em; margin: 0 0 15px 0; }
.blog-articles .product .name span { float: left; width: 100%; font-weight: bold; }
.blog-articles .product .price { float: left; width: 100%; font-size: 0.85em; color: #d50707; }
.blog-articles .product .price .was { color: #8a8a8a; text-decoration: line-through; }
.blog-articles .product .price .now { white-space: nowrap; font-weight: bold; }
.blog-articles .product .sale-label { float: left; font-size: 19px; position: absolute; top: 25px; right: 25px; background: url(../images/sale-label.png) no-repeat center 0; color: #fff; text-align: center; width: 55px; height: 60px; padding: 20px 10px 0 10px; line-height: 15px; }
.blog-articles .product .sale-label span { font-size: 13px; }


/* ---------------------------------------------------------------------------------
   FIELDSETS
--------------------------------------------------------------------------------- */

#contact-form { float: left; width: 100%; padding: 0 0 10px 0; }

#contact-form fieldset { border: none; margin: 0; padding: 0; text-align: left; }
#contact-form fieldset div { position: relative; float: left; width: 100%; margin: 0 0 10px 0; }
#contact-form fieldset input[type="text"], #contact-form fieldset input[type="password"], fieldset textarea { float: left; width: 90%; border: solid 2px #fff; padding: 9px 10px; -moz-border-radius: 4px; border-radius: 4px; font-size: 15px; color: #7b7b7b; background: #fff; }
#contact-form fieldset input[type="text"]:focus, fieldset textarea:focus { border: solid 2px #ec8700; }
#contact-form fieldset label { position: absolute; top: 11px; left: 11px; font-size: 15px; color: #7b7b7b; }
#contact-form fieldset label .req { font-size: 0.75em; color: #b60404; }
#contact-form fieldset .sm { font-size: 11px; color: #7b7b7b; }
#contact-form fieldset .btn.sm { color: #fff; }

#contact-form fieldset { float: left; width: 100%; }
#contact-form fieldset p { position: relative; float: left; width: 100%; margin: 0 0 10px 0; line-height: 1.0em; }
#contact-form fieldset textarea { width: 90%; }
#contact-form fieldset .smtxt { font-size: 0.7em; line-height: 1.3em; text-align: left; color: #fff; padding-top: 5px; }
#contact-form .fieldset-left { float: left; width: 38%; }
#contact-form .fieldset-right { float: right; width: 59%; }
#error { color: #d40000; border-top: solid 1px #d40000; font-size: 0.85em; padding-top: 10px; }
#success { color: #449624; }

#contact-form .sm { font-size: 1.0em; }

/* ---------------------------------------------------------------------------------
   FOOTER
--------------------------------------------------------------------------------- */

#mid-wrap #mail-list { float: left; width: 100%; padding: 0; text-align: center; }
#mid-wrap #mail-list .signup-headline, #mid-wrap #mail-list .signup-headline-2 { float: left; width: 100%; text-align: center; text-transform: none; font-weight: 300; font-size: 22px; margin: 0 0 20px 0; }
#mid-wrap #mail-list .signup-headline { color: #4c9dd0; } 
#mid-wrap #mail-list .signup-headline-2 span { font-weight: 700; }
#mid-wrap #mail-list fieldset { margin: 0 0 0 50%; width: 50%; padding: 0; border: none; text-align: left; }
#mid-wrap #mail-list .mail-list-wrap { float: left; z-index: 900; position: relative; width: 500px; margin: 0 0 0 -245px; }
#mid-wrap #mail-list .mail-list-wrap label { position: absolute; font-size: 16px; top: 8px; left: 12px; z-index: 100; color: #979797; font-style: italic; cursor: text; }
#mid-wrap #mail-list .mail-field { width: 383px; font-size: 16px; background: url(../images/email-list-field-bg.gif) repeat-x 0 bottom #fff; padding: 7px 6px 8px 12px; border: none; color: #000; float: left; border: solid 1px #d2d2d2; border-right: none;  -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; font-family: 'Source Sans Pro', serif; font-weight: 300; }
#mid-wrap #mail-list .submit-btn { -webkit-appearance: none; -webkit-border-radius: 0; position: relative; z-index: 999; height: 38px; }
#mid-wrap #mail-list p { float: left; clear: both; width: 100%; padding-top: 10px; text-align: center; margin: 0 0 0 -50%; }
#mid-wrap #mail-list p label { margin-right: 10px; }

/* ---------------------------------------------------------------------------------
   COMPETITION
--------------------------------------------------------------------------------- */

#comp-wrap { float: left; width: 80%; text-align: center; padding: 60px 10%; background: url(../images/competition/page-bg.jpg) no-repeat center 0 #f8f8f8; position: relative; }
#comp-page { width: 550px; margin: 0 auto; }
#comp-page h1 { font-size: 3.8em; color: #ff9728; }
#comp-page p { font-size: 1.0em; }
#comp-page p strong { font-weight: bold; }
#comp-wrap p a { color: #ff9728; }
#comp-wrap #facebook-module { margin-top: 50px; }

#share-comp-wrap { float: left; width: 80%; padding: 30px 10%; background: #fff; text-align: center; border-top: solid 1px #c8c7c7; }
#share-comp-wrap h2 { margin: 0; }
#competition-page #competition-wrap { float: left; width: 80%; padding: 460px 10% 45px 10%; background: url(../images/competition/prize-example.jpg) no-repeat center 0 #f8f8f8; }

#competition-wrap { float: left; width: 80%; padding: 420px 10% 45px 10%; background: url(../images/competition/footer-bg.jpg) repeat-x center 0 #fff; }
#competition-wrap #competition { float: left; width: 100%; padding: 0; text-align: center; }
#competition-wrap #competition h4 { float: left; width: 100%; text-align: center; text-transform: none; font-weight: 300; font-size: 22px; margin: 0 0 20px 0; }
#competition-wrap #competition h4 span { font-weight: 700; }
#competition-wrap #competition h4 .win { font-size: 90px; color: #ff9728; text-transform: uppercase; line-height: 65px; }
#competition-wrap #competition p { float: left; width: 100%; text-align: center; }
#competition-wrap #competition p span { font-weight: bold; }
#competition-wrap #competition p.shift { margin: 0; }
#competition-wrap #competition fieldset { margin: 0 auto; width: 60%; padding: 0; border: none; text-align: left; }
#competition-wrap #competition .mail-list-wrap { float: left; z-index: 900; position: relative; width: 47.3%; margin: 0 0 0 2%; }
#competition-wrap #competition .mail-list-wrap label { position: absolute; font-size: 16px; top: 8px; left: 12px; z-index: 100; color: #979797; font-style: italic; cursor: text; }
#competition-wrap #competition .mail-field { width: 90%; font-size: 16px; background: url(../images/email-list-field-bg.gif) repeat-x 0 bottom #fff; padding: 7px 6px 8px 12px; border: none; color: #000; float: left; border: solid 1px #d2d2d2; -moz-border-radius: 5px; border-radius: 5px; font-family: 'Source Sans Pro', serif; font-weight: 300; }
#competition-wrap #competition .submit-btn { -webkit-appearance: none; -webkit-border-radius: 0; position: relative; z-index: 999; height: 44px; }
#competition-wrap #competition fieldset .radio-wrap { float: left; clear: both; width: 100%; padding-top: 10px; text-align: center; margin: 0 0 20px 0;}
#competition-wrap #competition fieldset .radio-wrap label { margin-right: 10px; }

#competition-wrap.dark { padding-top: 80px!important; margin-top: -1px; position: relative; background: url(../images/bg-about.jpg) no-repeat center center #000!important; }
#competition-wrap.dark #competition h4,
#competition-wrap.dark #competition p,
#competition-wrap.dark #competition fieldset { color: #fff; }
#competition-wrap.dark #competition .mail-field { border: solid 1px #000; }
#competition-wrap.dark #competition p.shift { font-size: 22px; margin: 0 0 20px 0; }
#competition-wrap.dark #competition p.sm a { color: #ff9728; }

/* ---------------------------------------------------------------------------------
   CUSTOM CALLOUT
--------------------------------------------------------------------------------- */

#custom-callout-wrapper { float: left; width: 99%; padding: 5px; background: #ccc; margin: 0 0 20px 0; position: relative; }
#custom-callout-wrapper .close-btn { position: absolute; right: -7px; top: -7px; }
#custom-callout-wrapper .close-btn img { float: left; width: 28px; height: 28px; }
#custom-callout { float: left; width: 93.8%; padding: 19px 3% 10px 3%; border: solid 1px #999; background: #fff; }
#custom-callout h3 { text-transform: uppercase; float: left; padding: 1px 25px 0 0; margin: 0 15px 0 0; color: #cb0000; background: url(../images/callout-arrow.png) no-repeat right center; }
#custom-callout p { float: left; margin: 0; font-size: 1.2em; color: #000; }
#custom-callout p span.bold { font-weight: 900; }
#custom-callout p a { text-decoration: none; color: #000; }
#custom-callout p.sm-txt { float: right; color: #cb0000; font-weight: bold; font-size: 15px; text-transform: uppercase; }
#custom-callout .logo { float: right; margin-top: -4px; }
#custom-callout .logo img { height: 36px; width: auto; }
#custom-callout p span.red { color: #cb0000; }


/* ---------------------------------------------------------------------------------
   SALES PAGE
--------------------------------------------------------------------------------- */

#sales-wrap { float: left; width: 80%; text-align: center; padding: 60px 10%; background: url(../images/competition/page-bg.jpg) no-repeat center 0 #f8f8f8; position: relative; }
#sales-page { width: 550px; margin: 0 auto; }
#sales-page h1 { font-size: 3.8em; color: #fff; }
#sales-page p { font-size: 1.3em; color: #000; }
#sales-page p strong { font-weight: bold; }
#sales-wrap p a { color: #ff9728; }

#sales-wrap .heading { float: left; width: 80%; padding: 20px 10%; color: #fff; background: #4c9dd0; margin: 0; -mox-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }
#sales-wrap .sale-list { float: left; width: 80%; padding: 10px 10%; margin: 0 0 30px 0; background: #fff; }
#sales-wrap .sale-list li { float: left; width: 100%; text-align: center; border-top: solid 2px #4c9dd0; padding: 20px 0; list-style-type: none; }
#sales-wrap .sale-list li:first-child { border: none; }
#sales-wrap .sale-list li a { color: #4c9dd0; text-decoration: none; font-size: 1.2em; font-weight: bold; }
#sales-wrap .sale-list li a:hover { text-decoration: underline; }

#sales-wrap.australia-day { background: url(../images/sales/australia-day/bg.jpg) no-repeat center bottom #5ca8f4; background-size: 100% auto; padding-bottom: 650px; margin-top: -1px; }

/* ---------------------------------------------------------------------------------
   FOOTER
--------------------------------------------------------------------------------- */

#footer .link-list { float: left; width: 100%; }
#footer ul { float: left; padding: 0 1.85% 0 0; margin: 0; }
#footer ul li { padding: 0; margin: 0; list-style-type: none; line-height: 1.7em; color: #fff; }
#footer ul li a { color: #fff; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }
#footer ul li.highlight, #footer ul li a.highlight { font-weight: bold; color: #fff; }
#footer ul.padtop { padding-top: 25px; }
#footer ul.divider { background: url(../images/dots-vertical.png) repeat-y 0 0; padding-left: 3.8%; margin-left: 1.9%; }
#footer ul.no-margin { padding-right: 0; }

#footer .copyright { float: left; padding-right: 35px; }
#footer .copyright a img { width: 100px; margin: 0 0 17px 0; }
#footer .copyright p { font-size: 0.7em; color: #fff; }

#footer .finduson { float: right; width: 147px; padding: 88px 0 60px 0; background: url(../images/footer-finduson.png) no-repeat 0 0; text-align: center; margin-top: -45px; }
#footer .finduson a img { width: 108px; }

#centered-page.no-results { background: url(../images/no-results.png) no-repeat center 10px; padding-top: 275px; padding-bottom: 50px; }
#centered-page.no-results h1 { font-size: 3.8em; }
#centered-page.no-results p { font-size: 1.2em; }

#callout-wrap { float: left; width: 96%; padding: 23px 2% 22px 2%; text-align: center; background: #3e8cbd; }
#callout-wrap p { margin: 0; color: #fff; font-size: 22px; }
#callout-wrap p a { color: #fff; text-decoration: none; }
#callout-wrap p br { display: none; }
#callout-wrap p span { font-weight: bold; }
#callout-wrap p .btn { background: #ff9728; font-size: 17px; margin-left: 10px; }
#callout-wrap p .btn:hover { }

#callout-wrap.callout-back-to-school { background: url(../images/feature/bg-back-to-school-callout.jpg) repeat-x center 0; }

#callout-wrap.orange { background: #ff9728; }
#callout-wrap.callout-top { padding-top: 13px; padding-bottom: 13px; }
#callout-wrap.callout-top p { font-size: 15px; line-height: 17px; }
#callout-wrap.callout-top p a { color: #fff728; }
#callout-wrap.callout-top .btn { padding: 8px 18px 8px 20px; font-size: 13px; }
#callout-wrap.callout-top .close { position: absolute; right: 25px; top: 13px; }
#callout-wrap.callout-top .close img { width: 15px; height: auto; }

/* ---------------------------------------------------------------------------------
   TOP 20
--------------------------------------------------------------------------------- */

#top20-page #content-wrap { padding-top: 0; }
#top20-headline-wrap { float: left; width: 100%; background: url(../images/red-callout-bg.png) no-repeat center bottom #f8f8f8; height: 240px; text-align: center; margin-top: -1px; position: relative; }
#top20-headline { float: left; width: 100%; padding: 30px 0 0 0; }
#top20-headline .h01 { float: left; width: 100%; font-size: 25px; color: #fff; text-transform: uppercase; }
#top20-headline .h02 img { width: 140px; height: auto; }
#top20-headline .h02 { float: left; width: 100%; }

#top20-updated { float: left; width: 90%; padding: 30px 5%; background: #f8f8f8; text-align: center; }
#top20-updated .upd { float: left; width: 100%; text-transform: uppercase; font-weight: bold; }
#top20-updated .avail { float: left; width: 100%; clear: both; font-size: 13px; color: #7d7d7d; }

#top20-products { float: left; width: 100%; }
#top20-products .product-list li { width: 22.7%; margin: 0 1% 2% 1%;  }
#top20-products .product-list ul .extra-info { padding-bottom: 90px; }


/* ---------------------------------------------------------------------------------
   UI SEARCH SUGGESTIONS
--------------------------------------------------------------------------------- */

.un-highlightable { 
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
}

.ui-autocomplete { 
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.ui-menu {
    border: none!important;
	-moz-box-shadow: 1px 0px 3px rgba(68,68,68,0.5);
	-webkit-box-shadow: 1px 0px 3px rgba(68,68,68,0.5);
	box-shadow: 1px 0px 3px rgba(68,68,68,0.5);
    z-index: 999!important;
}
.ui-menu .ui-menu-item {
	padding: 15px!important;
    font-size: 15px!important;
    background: #fff!important;
    border: none!important;
    border-bottom: solid 1px #efefef!important;
    z-index: 999!important;
}
.ui-menu .ui-menu-item a { 
    color: #000;
}
.ui-menu .ui-menu-item:hover { 
    background: #efefef!important;
}
.ui-menu em { float: right; }
.ui-menu .thumb { 
    display: table-cell;
    vertical-align: middle;
    height: 30px;
    width: 100px;
    text-align: center;
}
.ui-menu .thumb img {
    height: 30px;
    max-width: 100px;
    margin: 0 auto;
}
.ui-menu span.title { 
    float: left;
    padding: 5px;
}

/* ---------------------------------------------------------------------------------
   DISABLE TEXT SELECT
--------------------------------------------------------------------------------- */

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

/* ---------------------------------------------------------------------------------
   EXTRA MANAGEMENT OPTIONS
--------------------------------------------------------------------------------- */

.management-options { position: absolute; bottom: 15px; right: 20px; }
.management-options .cog { float: left; width: 22px; height: 22px; cursor: pointer; cursor: hand; background: url(../images/icon-gear.png) no-repeat center center; }
.management-options ul { position: absolute; z-index: 9990; bottom: 26px; left: -157px; float: left; width: 200px!important; background: url(../images/management-arrow.png) no-repeat 158px bottom; margin: 0; padding: 0 0 10px 0; }
.management-options ul li { float: left; width: 100%!important; text-align: left; margin: 0!important; padding: 0!important; border: none; border-top: solid 1px #868686; }
.management-options ul li a { float: left; width: 90%; padding: 5px 5%; margin: 0; background: #a7a7a7; color: #fff; font-size: 13px; text-decoration: none; }
.management-options ul li a:active { background-color: #ccc; }
.management-options ul li:first-child { border: none; }
.management-options li.strong { font-weight: bold; }
.management-options li.rank-top a { font-weight: bold; background: url(../images/rank-up-arrow.png) no-repeat 92% center #a7a7a7; }
.management-options li.rank-bottom a { font-weight: bold; background: url(../images/rank-down-arrow.png) no-repeat 92% center #a7a7a7; }
.management-options ul li a:hover { background-color: #df1818; }

.price-history { float: left; width: 100%; margin: 0; padding: 0; }
.price-history li { float: left; width: 100%; text-align: center; background: #2e6e97; list-style-type: none; margin: 0; padding: 6px 0; border-top: solid 1px #bdd3e1; font-size: 14px; color: #bdd3e1; }
.price-history li span { font-weight: bold; color: #fff; padding-right: 10px; }
.price-history li:hover { color: #fff; }

.admin-response, .admin-debug { float: left; width: 100%; text-align: center; background: #2e6e97; color: #fff; padding: 10px 0; margin: 0; font-size: 14px; font-weight: bold; }
.admin-response { margin-bottom: 50px; }

.admin-btns { float: left; width: 100%; }
.admin-btns a { float: left; padding: 5px 20px; color: #fff; background: #2e6e97; -moz-border-radius: 50px; border-radius: 50px; margin-right: 10px; text-decoration: none; font-weight: bold; font-size: 14px; border: solid 5px #bdd3e1; }

.admin-sku { color: #2e6e97; font-weight: bold; }