* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }
/*removed border:0; to sort android browser*/
fieldset { border: 0; }
ul, ol { list-style: none; }

body { font-family: 'Arial'; font-size: 12pt; margin: auto; color: #fff; position: relative; z-index: 1; background: #222; }
header { position: relative; min-width: 320px; }

#headerLinks { background: #414141; border-bottom: solid 1px #3B3B3B; height: 30px; }    

#logo { margin: 0px 15px; width: 137px; height: 50px; position: relative; }
    #logo a { position: absolute; top: 7px; z-index: 1; }

.alt-logo { position: absolute; z-index: 0; top: 7px; }
.dropDown, footer { display: none; }

html body #vee24LiveHelpTabHTML { display: none !important; }


@font-face { font-family: LiteraSBOP-Regular; src: url('webfonts/221630_0_0.eot'); src: url('webfonts/221630_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/221630_0_0.woff') format('woff'),url('webfonts/221630_0_0.ttf') format('truetype'); }

@font-face { font-family: "iconFont"; src: url("webfonts/schuhfont.eot"); src: url("webfonts/schuhfont.eot?#iefix") format("embedded-opentype"), url("webfonts/schuhfont.woff") format("woff"), url("webfonts/schuhfont.ttf") format("truetype"), url("webfonts/schuhfont.svg") format("svg"); }
[data-icon]:before { font-family: 'iconFont'; content: attr(data-icon); speak: none; cursor: pointer; }

p { }
a img { border: 0; }
a { text-decoration: none; cursor: pointer; color: #fff; }
input, textarea { font-family: 'Arial'; outline: none; }

.center { display: inline-block; width: 100%; text-align: center; }
.clear { clear: both; }
.spacer { margin: 0 10px; }
.tablet, .desktop { display: none; }
.accessibility { display: block; height: 0; text-indent: -9999px; width: 0; }
.banner { position: relative; }
    .banner .overlayText { position: absolute; }


#headerLinks { line-height: 30px; text-align: center; }
    #headerLinks li { display: inline; }
    #headerLinks a { position: absolute; top: 0; left: 0; width: 50%; font-size: 10pt; }
    #headerLinks #topNavStore { padding-right: 20px; }
    #headerLinks #topNavPhone { background: #7Cc246; width: 40px; height: 30px; overflow: hidden; left: 50%; margin-left: -20px; font-size: 14pt; z-index: 10; }
    /*#headerLinks a:hover::after { content: ''; position: absolute; bottom: 1px; border-bottom: 2px; }*/
    #headerLinks #topNavTablet { display: none; }
    #headerLinks #topNavTrack { left: auto; right: 0; padding: 0 0 0 20px; }
    #headerLinks #topNavAccount { display: none; }

#headerIcons { display: block; position: absolute; right: 5px; top: 30px; width: 112px; }
    #headerIcons div { float: left; width: 56px; line-height: 50px; text-align: center; color: #fff; font-size: 20pt; }
    #headerIcons #searchIcon { border-left: solid 1px #3B3B3B; color: #7CC246; }
    #headerIcons #basketIcon { color: #fff; position: relative; font-size: 30pt; }
        #headerIcons #basketIcon span { position: absolute; top: 0; left: 0; width: 56px; line-height: 60px; color: #7CC246; font-size: 13pt; font-weight: bold; }
    #headerIcons #basketDetails { display: none; }

/*mini basket */
#miniBasketProducts { position: absolute; padding: 10px; top: 50px; right: 0; width: 260px !important; background: #fff; min-height: 155px; z-index: 999; border-bottom: 1px solid #222; border-left: 1px solid #222; border-right: 1px solid #222; }
    #miniBasketProducts img { width: 60px; height: 60px; }
    #miniBasketProducts div.left { width: 60px; height: 60px; }
    #miniBasketProducts div.right { float: left; padding: 0 0 0 10px; width: 156px; }
    #miniBasketProducts .miniBasketProduct { border-bottom: 1px solid #dbdbdb; clear: both; margin: 0 0 10px 0; padding: 0; width: 100%; min-height: 70px; }
    #miniBasketProducts .remove span { color: #dc2a2a; position: absolute; right: 4px; padding: 0 6px 0 6px; }
    #miniBasketProducts span { color: #666; font-size: 8.5pt; display: block; margin: 0; padding: 0; text-align: left; line-height: 16px; }
        #miniBasketProducts span.price { color: #000; font-weight: bold; }
#miniBasketSummary, #miniBasketIcons { width: 100% !important; }
#miniBasketSummary { height: 85px !important; }
#miniBasketProducts span.error { color: #dc2a2a !important; }
#miniBasketIcons .link:hover { text-decoration: none; }
#miniBasketIcons { position: absolute; right: -12px; border-left: 1px solid #222; border-right: 1px solid #222; }
    #miniBasketIcons div { height: 50px; }
        #miniBasketIcons div.left { background: #fff; color: #000; width: 72% !important; font-size: 13pt; padding: 5px 0 0 10px; display: none; }
.miniBasketProduct [data-icon]:before { color: #dc2a2a !important; }
#miniBasketIcons [data-icon]:before { color: #c3c3c3 !important; }
#miniBasketIcons div.right { width: 30% !important; background: #fff; padding: 0 0 0 0; color: #c3c3c3; font-size: 30pt; position: relative; }
    #miniBasketIcons div.right span { position: absolute; left: 0; color: #fff; font-size: 12pt; padding: 6px 0 0 12px; font-weight: bold; width: 100%; text-align: left; }
#miniBasketSummary div.right { background: #fff; width: 50% !important; }
#miniBasketSummary div.left, #miniBasketSummary div.right { color: #7cc246 !important; font-weight: bold; font-size: 9pt !important; line-height: 24px !important; height: 30px !important; }
#miniBasketSummary div.left { width: 30% !important; }
#miniBasketSummary div.right { text-align: right; width: 70% !important; }
#miniBasketSummary .clear { border-top: 1px solid #dbdbdb; height: 6px; margin: 0 0 4px; width: 100%; }
#miniBasketSummary .button { margin: 0; }
#miniBasketSummary .orange { background: none repeat scroll 0 0 #fabf32; }
#miniBasketLoadingOverlay { background: #fff; opacity: .7; z-index: 999; width: 100% !important; height: 55px; }
    #miniBasketLoadingOverlay span { left: 50%; position: absolute; top: 30%; margin: -20px 0 0 -20px; font-size: 30pt; animation: anim-rotate 1s infinite steps(8); color: #7CC246; }
/* end of mini basket*/

nav { position: relative; padding: 0 15px; border-top: solid 1px #3B3B3B; border-bottom: solid 1px #3B3B3B; font-size: 10pt; }
    nav .menu { display: block; margin-right: -15px; height: 35px; }
    nav .menuItem { float: left; line-height: 35px; font-family: 'LiteraSBOP-Regular','Arial'; letter-spacing: 1.5px; margin: 0 18px 0 0; height: 33px; }
        nav .menuItem.red > a { color: #DC2A2A; }
    nav .menu .extra { display: none; }
    nav .menu .more { font-family: "iconFont"; margin: 0; }
    nav #searchBar { display: none; padding: 10px 0 0 0; position: relative; width: 100%; }
    nav #search { height: 40px; width: 100%; border: none; margin-right: 0; padding: 0 40px 0 10px; font-size: 12pt; border-radius: 0; }
    nav #searchButton { position: absolute; right: 0; top: 10px; background: #fff; width: 40px; height: 40px; line-height: 40px; font-size: 18pt; color: #7CC246; border: 0; font-family: 'iconFont'; cursor: pointer; -webkit-appearance: none; }

#breadcrumb { display: none; }

#productRecommendations ul { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: space-between; }
#productRecommendations { border-top: 1px solid #3b3b3b; margin: 20px 0; text-align: center; overflow: hidden; display: none; }
    #productRecommendations ul li { -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ width: 48%; /* For old syntax, otherwise collapses. */ padding: 0 5px; }
    #productRecommendations #rcmd-header { margin: 20px 0; font-family: "LiteraSBOP-Regular","Arial"; font-size: 14pt; letter-spacing: 1.5px; }
    #productRecommendations .recommendation { /*max-width:163px;overflow:hidden;*/ position: relative; }
    #productRecommendations .rcmd-hover { opacity: 0.2; }
    #productRecommendations .rcmd-data { position: absolute; top: 10px; width: 100%; padding: 0 5px; display: none; text-align: center; font-size: 9pt; }
    #productRecommendations .rcmd-brand { font-weight: bold; }
    #productRecommendations .rcmd-data .itemRating { color: #fabf32; }
    #productRecommendations .rcmd-fullPrice, .rcmd-salePrice { font-size: 11pt; font-weight: bold; }
    #productRecommendations .rcmd-salePrice { color: #dc2a2a; }
    #productRecommendations .rcmd-reduction { font-size: 9pt; text-decoration: line-through; }
    #productRecommendations .rcmd-data .button { text-transform: uppercase; margin-top: 4px !important; }

/* Hide the second line for mobile views */
footer #bannerLinks li a .dsbSecondLine { display: none; }
#bannerLinks li a .dsbContainer { display: inline-block; vertical-align: middle; }

@media all and (min-width:450px) {
    nav .menu .accessories { display: block; }
    nav .menu .maccessories { display: none; }
}

@media all and (min-width:500px) {
    nav .menu .more { display: none; }
    nav .menu .extra { display: block; }
    nav .menu .menuItem.red { margin-right: 0; }
}


main { display: block; min-width: 320px; color: #FFF; position: relative; min-height: 300px; }
.mainContent { padding: 0 15px; }

.home { visibility: visible; }

#homepage img { display: block; width: 100%; }

#homeMain { width: 100%; }
    #homeMain #swipe { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); overflow: hidden; position: relative; min-width: 100%; height: 0; padding-bottom: 45%; }
        #homeMain #swipe ul { left: 0; position: absolute; top: 0; width: 10000px; }
        #homeMain #swipe li { float: left; position: relative; }
.prev-arrow, .next-arrow { background: #7CC144; padding: 0; color: #fff; position: absolute; font-size: 24pt; top: 50%; text-align: center; margin-top: -19px; height: 38px; line-height: 38px; cursor: pointer; }
.prev-arrow { left: 0px; }
.next-arrow { right: 0px; }
div.pager { display: none; }
div.currentPage { width: 0px; height: 0px; overflow: hidden; position: absolute; right: 0px; top: 0px; }
#homeLeft { width: 50%; float: left; padding: 15px 7.5px 0 0; }
#homeRight { width: 50%; float: left; padding: 15px 0 0 7.5px; }

#homeSub, #homeSubLeft, #homeSubRight { display: none; }

#homepage .overlayText { display: none; }
#homepage #ticker { display: none; }

div.overlayText { display: none !important; }


@media all and (min-width:641px) {
    body { z-index: 2; }

    #itemPage .prev-arrow, #itemPage .next-arrow { width: 30px; }
    .tablet { display: block; }
        .tablet.spacer { display: inline; }

    header { padding-top: 30px; }
    #headerLinks { text-align: left; padding: 0 15px; position: fixed; top: 0; width: 100%; z-index: 1001; box-shadow: 0px 5px 5px #222; -webkit-transform: translateZ(0); }
        #headerLinks a { position: relative; padding: 0 !important; }
        #headerLinks #topNavPhone { display: none; }
        #headerLinks #topNavTablet { display: inline; }

        #headerLinks .right { position: absolute; top: 0; right: 15px; }
        #headerLinks #topNavAccount { display: inline-block; text-align: center; color: #7CC246; width: auto; }
        #headerLinks #vee24 #vee24LiveHelpTabHTML { display: inline-block !important; }

    #headerIcons #searchIcon { display: none; }
    #headerIcons #basketDetails { display: block; font-size: 13pt; line-height: 60px; }


    nav .menuItem { font-size: 11pt; }
    nav #searchBar { float: right; display: block; background: #fff; padding: 4px 0; width: 250px; }

    nav #search { height: 25px; }
    nav #searchButton { font-size: 18pt; height: 33px; line-height: 33px; right: 0; top: 0; width: 35px; }


    #homeMain #swipe { padding-bottom: 90.9%; }
    #homeMain { width: 50%; padding-right: 1%; float: left; margin-bottom: 2%; }
    #homeLeft { width: 25%; float: left; padding: 0 0.5% 0 1%; }
    #homeRight { width: 25%; float: left; padding: 0 0 0 1.5%; }
    #homeSub { display: block; float: left; width: 50%; padding: 1.75% 0 0 1%; clear: none; }
    #homeSubLeft { display: block; width: 50%; float: left; padding: 2% 1% 0 0; }
    #homeSubRight { display: block; width: 50%; float: left; padding: 2% 0 0 1%; }
}

@media all and (min-width:641px) and (max-width:750px) {
    nav .menuItem { font-size: 10pt; margin-right: 15px; }
    nav #searchBar { width: 195px; }
}

@media all and (min-width:891px) {
    nav .menuItem { font-size: 11pt; margin-right: 35px; }
    nav #searchBar { width: 300px; }
}

@media all and (min-width:1025px) {
    body { z-index: 3; }

    #logo { margin: 0; }

    .desktop { display: block !important; }
    .container { max-width: 1366px; position: relative; padding: 0 40px; margin: 0 auto; }

    #headerLinks .right { right: 40px; }

    #headerIcons { right: 25px; top: 0; }
    nav { padding: 0; }
        nav .menuItem { font-size: 12pt; }
        nav #searchBar { margin: 0; }

    #headerLinks, header #bannerLinks { padding: 0; }
    #homeMain { width: 50%; padding: 0 1% 0 0; margin-bottom: 20px; }
    #homeLeft { width: 25%; float: left; padding: 0 0.5% 0 1%; }
    #homeRight { width: 25%; float: left; padding: 0 0 0 1.5%; }
    #homeSub { width: 50%; padding: 1.75% 0 0 1%; float: left; clear: none; }
    #homeSubLeft { width: 50%; padding: 2% 1% 0 0; clear: both; }
    #homeSubRight { width: 50%; padding: 2% 0 0 1%; }
}

.button { display: block; width: 100%; height: 45px; line-height: 45px; color: #fff; text-align: center; font-size: 12pt; letter-spacing: 0.2em; margin: 10px 0; font-family: 'LiteraSBOP-Regular','Arial'; overflow: hidden; }
    .button.blue { background: #28A9E0; }
    .button.green { background: #7CC246; }
    .button:hover { box-shadow: inset 50px 50px 50px 50px rgba(0, 0, 0, 0.1); }
    .button:active { box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.8); }

nav { font-size: 12pt; }
    nav .menuItem:hover a { color: #7CC246; }
    nav #autoComplete { position: absolute; top: 50px; right: -1px; left: -1px; border: solid 1px #222; background: white; display: none; z-index: 1000; }
#autoComplete li { padding: 5px 10px; margin-top: -1px; border-top: 1px solid #222; }
#autoComplete .selected { background: #7CC246; }
#autoComplete li a { display: block; width: 100%; color: black; }
#autoComplete .item { min-height: 60px; }
    #autoComplete .item img { float: left; }
    #autoComplete .item span { display: block; margin-left: 60px; }


header .dropDown { display: none; position: absolute; background: #414141; z-index: 9999; width: 100%; left: 0; font-family: 'Arial'; }
.dropDown .topArrow { position: absolute; top: -5px; border-bottom: solid 5px #414141; border-left: solid 10px transparent; border-right: solid 10px transparent; width: 0; height: 0; }
.dropDown .column { border-bottom: dotted 1px #fff; }
.dropDown .heading { color: #7CC246; font-size: 14pt; font-weight: normal; padding: 5px 15px; }
.dropDown .red { color: #DC2A2A; }
.dropDown .heading .arrow { color: #fff; font-size: 18pt; float: right; }
.dropDown ol { padding-bottom: 10px; }
    .dropDown ol li { font-size: 12pt; padding: 2px 0 2px 15px; }
.dropDown li a { display: block; color: #fff !important; }
.dropDown ol li .green { color: #7CC246 !important; }

footer { min-width: 320px; border-top: solid 1px #3B3B3B; display: block; clear: both; }

    footer #bannerLinks li { border-bottom: solid 1px #3B3B3B; padding: 10px 15px; font-size: 1em; font-family: "LiteraSBOP-Regular","Arial"; text-align: left; }
        footer #bannerLinks li a { display: block; color: #7CC246; }

.footerLinks { }
    .footerLinks .heading { font-weight: normal; font-size: 12pt; padding: 15px 0 10px 15px; border-bottom: solid 1px #3B3B3B; }
        .footerLinks .heading .arrow { float: right; font-size: 16pt; margin-top: -3px; }
    .footerLinks ol { border-bottom: solid 1px #3B3B3B; text-align: center; display: none; }
    .footerLinks li a { display: block; font-size: 11pt; padding: 10px 15px 10px; }

#footerButtons .button { margin: 15px 0; }
    #footerButtons .button span { position: relative; margin-right: 10px; font-size: 20pt; line-height: 35px; top: 5px; }

#social { max-width: 355px; margin: 0 auto; overflow: auto; }
    #social a { width: 85px; float: left; padding: 0; margin: 0 0 5px 5px; width: 45px; height: 45px; }
#socialFacebook { background: url('//d2ob0iztsaxy5v.cloudfront.net/social-pay-sprite.png') no-repeat -7px 0; }
#socialTwitter { background: url('//d2ob0iztsaxy5v.cloudfront.net/social-pay-sprite.png') no-repeat -58px 0; }
#socialPinterest { background: url('//d2ob0iztsaxy5v.cloudfront.net/social-pay-sprite.png') no-repeat -109px 0; }
#socialYouTube { background: url('//d2ob0iztsaxy5v.cloudfront.net/social-pay-sprite.png') no-repeat -160px 0; }
#socialInstagram { background: url('//d2ob0iztsaxy5v.cloudfront.net/social-pay-sprite.png') no-repeat -211px 0; }
#socialBlog { background: url('//d2ob0iztsaxy5v.cloudfront.net/social-pay-sprite.png') no-repeat -262px 0; }
#socialGoogle { background: url('//d2ob0iztsaxy5v.cloudfront.net/social-pay-sprite.png') no-repeat -313px 0; }

#copyrightLinks { clear: both; background: #414141; margin: 15px 0; padding: 10px 0; text-align: center; }
    #copyrightLinks a { color: #fff; font-size: 11pt; }
    #copyrightLinks li { display: inline; }

#copyright { margin-bottom: 30px; text-align: center; }
    #copyright li { color: #fff; font-size: 8pt; margin-bottom: 5px; }

#paymentLogos { background: url('//d2ob0iztsaxy5v.cloudfront.net/social-pay-sprite-ie.png') no-repeat -45px -55px; width: 210px; height: 22px; margin: 15px auto 0; }


#redirect { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; }
#redirectContent { background: none repeat scroll 0 0 #FFFFFF; color: #222222; left: 50%; margin-left: -47%; padding: 20px 0 20px 0; position: fixed; top: 150px; width: 94%; }
    #redirectContent img { display: block; margin: 0 auto; clear: both; }
    #redirectContent .button { text-transform: uppercase; margin-bottom: 28px; height: 60px; line-height: 60px; }
    #redirectContent .w-close { float: right; margin-right: 20px; }
#redirectMessage { margin: 30px 0 45px 0; text-align: center; }
.redirectButtons { padding: 0 18px 0 18px; }

#vee24Nudge img { width: auto; }
body #vee24Nudge { display: none; }

.link:hover, .links a:hover { text-decoration: underline; }

@media all and (max-width:355px) {
    #social { width: 315px; }
        #social a { margin: 0 9px 10px; }
        #social #socialBlog { margin: 0 10px 0 103px; }
}


/* TABLET */
@media only screen and (min-width:641px) {

    #redirectContent { background: none repeat scroll 0 0 #FFFFFF; color: #222222; left: 50%; margin-left: -225px; padding: 20px 0 20px 0; position: fixed; top: 150px; width: 450px; }
    .redirectButtons { padding: 0 50px 0 50px; }

    body #vee24LiveHelpTabHTML { height: 30px; margin: 0; position: relative; width: 108px; color: #FFF; background: #7CC246; font-size: 10pt; font-weight: bold; margin-left: 10px; }
        body #vee24LiveHelpTabHTML a:before { font-family: 'iconFont'; content: 'h'; padding: 0 6px 0 12px; font-size: 14pt; float: left; }
        body #vee24LiveHelpTabHTML a:after { content: "live help"; padding-right: 12px; line-height: 30px; }
        body #vee24LiveHelpTabHTML img { display: none; }
    body #vee24Nudge { display: block; }

    nav #autoComplete { top: 35px; }

    header #bannerLinks { display: block; border-bottom: solid 1px #3B3B3B; padding: 0 15px; height: 35px; overflow: auto; }
        header #bannerLinks li { float: left; width: 33.33%; height: 33px; overflow: hidden; }
            header #bannerLinks li a { display: block; text-align: center; font-size: 10pt; color: #7CC246; line-height: 35px; }
            header #bannerLinks li:hover a { color: #fff; }
        header #bannerLinks .center { border-left: solid 1px #3B3B3B; border-right: solid 1px #3B3B3B; }


    /* mini basket*/
    #miniBasketIcons div.left { display: block; }
    #miniBasketIcons, #miniBasketProducts { right: 14px; }
        #miniBasketIcons div.right { width: 28% !important; padding: 0 0 0 2px; }
    /* end of mini basket*/

    header #bannerLinks { display: block; border-bottom: solid 1px #3B3B3B; padding: 0 15px; height: 54px; overflow: auto; }
        header #bannerLinks li { float: left; width: 33.33%; height: 53px; overflow: hidden; }
            header #bannerLinks li a { display: block; text-align: center; font-size: 10pt; font-family: "LiteraSBOP-Regular","Arial"; color: #7CC246; line-height: 18px; }
                header #bannerLinks li a img { border: 0; padding-right: 7px; }
                header #bannerLinks li a .dsbContainer { display: inline-block; margin-top: 6px; }
                header #bannerLinks li a .dsbSecondLine { display: block; color: white; }
            header #bannerLinks li:hover a { color: #fff; }
        header #bannerLinks .center { border-left: solid 1px #3B3B3B; border-right: solid 1px #3B3B3B; }

    .dropDown .heading .arrow { display: none; }
    .dropDown .wrapper { padding: 15px 15px 15px 0; overflow: auto; min-height: 335px; }
    .dropDown .column { float: left; width: 25%; border-bottom: none; }
        .dropDown .column img { width: 100%; }

    .dropDown .columnBG { position: absolute; top: 15px; bottom: 15px; right: 15px; left: 50%; background: #585858; margin-left: -7.5px; overflow: hidden; min-height: 305px; }
    .Brands.dropDown .columnBG, .Sale.dropDown .columnBG { left: 75%; padding-left: 15px; }
    .dropDown .columnBG .column { width: 50%; margin: 0; }
    .Brands.dropDown .columnBG .column, .Sale.dropDown .columnBG .column { width: 100%; }
    .dropDown .columnBG .column .banner { margin: 10px 15px 15px 0; }
    .Sale.dropDown .columnBG.saleMM  {display:none}
    .dropDown .heading { font-size: 16pt; padding: 5px 0; margin: 0px 15px 5px; border-bottom: dotted 1px #fff; }
    .dropDown ol li { padding: 0px 15px; }
        .dropDown ol li a { line-height: normal; letter-spacing: normal; }
    .dropDown ol .space { padding-top: 10px; }

    footer { padding-top: 20px; }
        footer #bannerLinks { display: none; }

    .footerLinks { float: left; width: 25%; }
    #footerButtons, #social { float: left; width: 50%; }

    .footerLinks { margin-bottom: 15px; padding-left: 15px; }
        .footerLinks .heading { border: none; font-size: 14pt; padding: 0; height: 35px; }
            .footerLinks .heading .arrow { display: none; }
        .footerLinks ol { text-align: left; border: none; display: block; }
        .footerLinks li a { padding: 0; margin: 5px 0; font-size: 11pt; }

    #footerButtons { padding: 0 15px; }
        #footerButtons .button { margin: 0 0 10px; height: 45px; line-height: 45px; }

    #social { padding: 0 10px; }
        #social a { margin: 0 5px 10px; }


    #copyrightLinks { height: 42px; }
        #copyrightLinks ul { padding-left: 15px; text-align: left; float: left; }
    #copyright li { display: inline; }
    #paymentLogos { float: right; margin: 0 15px 0 0; }

    .page { }

    #homepage .overlayText, div.pager { display: block !important; letter-spacing: 2px; position: absolute; z-index: 10; padding: 15px 15px; font-family: LiteraSBOP-Regular,"Myriad Pro","Trebuchet MS",Helvetica,Arial,Sans-Serif; bottom: 0; left: 0; right: 0; top: auto; background: rgba(0,0,0,0.6); }
        #homepage .overlayText span { color: #fff; font-size: 12px; display: block; font-weight: normal; margin-bottom: 5px; }
        #homepage .overlayText .bannerHeader, #homepage div.pager { color: #7CC246; font-size: 12px; margin-bottom: 0px; }
    #homepage div.pager { text-align: center; }
        #homepage div.pager a { color: #7CC246; }
            #homepage div.pager a.active { color: #fff; }

    #homepage #ticker { clear: both; display: block; height: 55px; margin-top: 20px; overflow: hidden; }
        #homepage #ticker #logos { float: left; height: 55px; overflow: hidden; width: 100%; }
            #homepage #ticker #logos #brands { float: left; width: 100%; }
                #homepage #ticker #logos #brands li.brandSlot { margin-left: 5px; margin-right: 50px; float: left; width: 56px; height: 56px; }
                #homepage #ticker #logos #brands li a { display: block; padding-bottom: 56px; height: 56px; width: 56px; }
                    #homepage #ticker #logos #brands li a.slot1 { background: url('http://d2ob0iztsaxy5v.cloudfront.net/homepage-brands.png') 0 0; }
                    #homepage #ticker #logos #brands li a.slot2 { background: url('http://d2ob0iztsaxy5v.cloudfront.net/homepage-brands.png') -56px 0; }
                    #homepage #ticker #logos #brands li a.slot3 { background: url('http://d2ob0iztsaxy5v.cloudfront.net/homepage-brands.png') -112px 0; }
                    #homepage #ticker #logos #brands li a.slot4 { background: url('http://d2ob0iztsaxy5v.cloudfront.net/homepage-brands.png') -168px 0; }
                    #homepage #ticker #logos #brands li a.slot5 { background: url('http://d2ob0iztsaxy5v.cloudfront.net/homepage-brands.png') -224px 0; }
                    #homepage #ticker #logos #brands li a.slot6 { background: url('http://d2ob0iztsaxy5v.cloudfront.net/homepage-brands.png') -280px 0; }
                    #homepage #ticker #logos #brands li a.slot7 { background: url('http://d2ob0iztsaxy5v.cloudfront.net/homepage-brands.png') -336px 0; }
                    #homepage #ticker #logos #brands li a.slot8 { background: url('http://d2ob0iztsaxy5v.cloudfront.net/homepage-brands.png') -392px 0; }
                    #homepage #ticker #logos #brands li a.slot9 { background: url('http://d2ob0iztsaxy5v.cloudfront.net/homepage-brands.png') -448px 0; }
                    #homepage #ticker #logos #brands li a.slot10 { background: url('http://d2ob0iztsaxy5v.cloudfront.net/homepage-brands.png') -504px 0; }
        #homepage #ticker #seeAll { height: 100%; width: 13%; float: right; background-color: #7CC246; margin-top: -55px; text-align: center; text-transform: uppercase; }
            #homepage #ticker #seeAll #buttonText { font-size: 10pt !important; width: 90%; position: relative; line-height: 55px; margin: 0 auto; overflow: hidden; }

    #productRecommendations ul li { width: 25%; }
    #productRecommendations { margin: 20px 0 !important; }
        #productRecommendations #rcmd-header { font-size: 16pt; }
}

@media only screen and (min-width:641px) and (max-width:669px) {
    .dsbContainer { font-size: 7pt; }
}

@media only screen and (min-width:669px) and (max-width:749px) {
    .dsbContainer { font-size: 8pt; }
}

@media only screen and (min-width:749px) and (max-width:795px) {
    .dsbContainer { font-size: 9pt; }
}

/* DESKTOP */
@media only screen and (min-width:1025px) {

    .dropDown .wrapper { padding: 15px 40px 15px 25px; }
    .dropDown .column { width: 16.6667%; }

    .dropDown .columnBG { right: 40px; left: 33.333%; margin-left: 4px; }
    .Brands.dropDown .columnBG, .Sale.dropDown .columnBG { left: 50%; margin-left: -7px; }
    .dropDown .columnBG .column { width: 25%; }
    .Brands.dropDown .columnBG .column, .Sale.dropDown .columnBG .column { width: 33.333%; }
    .Sale.dropDown .columnBG.saleMM .column {width:50%;}
    .Sale.dropDown .columnBG.saleMM {display:block; left:66%}

    #miniBasketIcons .link:hover { text-decoration: underline; }

    footer .container { padding: 0; }

    .footerLinks, #footerButtons, #social { width: 25%; }

    #social { padding-right: 35px; }
    .footerLinks, #copyrightLinks ul { padding-left: 40px; }
    #paymentLogos { margin-right: 40px; }

    .page { padding: 20px 0px; }

    #productRecommendations ul { margin: 0 -10px; }
        #productRecommendations ul li { padding: 0 10px; width: 16.667%; }

    #homepage .overlayText .bannerHeader, #homepage div.pager { font-size: 14px; }
}