/* Icomoon font */ @font-face { font-family: 'icomoon'; src:url('../fonts/icomoon.eot?-rirajj'); src:url('../fonts/icomoon.eot?#iefix-rirajj') format('embedded-opentype'), url('../fonts/icomoon.ttf?-rirajj') format('truetype'), url('../fonts/icomoon.woff?-rirajj') format('woff'), url('../fonts/icomoon.svg?-rirajj#icomoon') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima-nova-thin'; src: url('../fonts/proxima-nova/proximanova-thin-webfont.eot'); src: url('../fonts/proxima-nova/proximanova-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proxima-nova/proximanova-thin-webfont.woff2') format('woff2'), url('../fonts/proxima-nova/proximanova-thin-webfont.woff') format('woff'), url('../fonts/proxima-nova/proximanova-thin-webfont.ttf') format('truetype'), url('../fonts/proxima-nova/proximanova-thin-webfont.svg#proxima_novamedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima-nova-medium'; src: url('../fonts/proxima-nova/proximanova-medium-webfont.eot'); src: url('../fonts/proxima-nova/proximanova-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proxima-nova/proximanova-medium-webfont.woff2') format('woff2'), url('../fonts/proxima-nova/proximanova-medium-webfont.woff') format('woff'), url('../fonts/proxima-nova/proximanova-medium-webfont.ttf') format('truetype'), url('../fonts/proxima-nova/proximanova-medium-webfont.svg#proxima_novamedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima-nova-bold'; src: url('../fonts/proxima-nova/proximanova-bold-webfont.eot'); src: url('../fonts/proxima-nova/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proxima-nova/proximanova-bold-webfont.woff2') format('woff2'), url('../fonts/proxima-nova/proximanova-bold-webfont.woff') format('woff'), url('../fonts/proxima-nova/proximanova-bold-webfont.ttf') format('truetype'), url('../fonts/proxima-nova/proximanova-bold-webfont.svg#proxima_novamedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima-nova-extrabold'; src: url('../fonts/proxima-nova/proximanova-extrabold-webfont.eot'); src: url('../fonts/proxima-nova/proximanova-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/proxima-nova/proximanova-extrabold-webfont.woff2') format('woff2'), url('../fonts/proxima-nova/proximanova-extrabold-webfont.woff') format('woff'), url('../fonts/proxima-nova/proximanova-extrabold-webfont.ttf') format('truetype'), url('../fonts/proxima-nova/proximanova-extrabold-webfont.svg#proxima_novamedium') format('svg'); font-weight: normal; font-style: normal; } i.icon-click-and-collect, i.icon-evening-delivery, i.icon-free-returns, i.icon-international-delivery, i.icon-location-pin, i.icon-next-day-delivery, i.icon-saturday-delivery, i.icon-uk-standard-delivery { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size:36px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-click-and-collect:before { content: "\e601"; } .icon-evening-delivery:before { content: "\e602"; } .icon-free-returns:before { content: "\e603"; } .icon-international-delivery:before { content: "\e604"; } .icon-location-pin:before { content: "\e605"; } .icon-next-day-delivery:before { content: "\e600"; } .icon-saturday-delivery:before { content: "\e606"; } .icon-uk-standard-delivery:before { content: "\e607"; } /* RESET */ #main *::-webkit-scrollbar { display:none; } #main *::-moz-scrollbar { display:none; } #main *::-ms-scrollbar { display:none; } a,abbr,acronym,address,applet,area,article,aside,audio,b,base,basefont,bdi,bdo,big,blockquote,body,br,button,canvas,caption,center,cite,code,col,colgroup,datalist,dd,del, details,dfn,dialog,dir,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,frame,frameset,head,header,h1,h2,h3,h4,h5,h6,hr,html,i,iframe,img,input,ins,kbd,keygen,label, legend,li,link,main,map,mark,menu,menuitem,meta,meter,nav,noframes,noscript,object,ol,optgroup,option,output,param,progress,q,rp,rt,ruby,s,samp,script,section,select,small, source,span,strike,strong,style,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,title,tr,track,tt,u,var,video,wbr { outline:none;padding:0; font-weight:400; margin:0;font-style: normal; font-family: Verdana, Arial, san-serif; position:relative; -webkit-font-smoothing: antialiased; -moz-appearance:none; -webkit-appearance: none!important; appearance: none; -moz-appearance: none!important; border-radius:0; } html { -webkit-text-size-adjust: none!important; line-height:125%; width: 100%; /* overflow-x: hidden; */ min-width: 600px;} body { background: #111111; color:#1A1A1A; font-size: 11px; width: 100%; /* overflow-x: hidden; */font-weight:400;} body.bgLight {background:#f6f6f6;} body.bgDark {background: #111111;} pre { display:none; } a { text-decoration:none; color: #1A1A1A; font-weight: 400;} h1, h2, h3, h4, h5 { font-weight: 400; color: #000; font-family:"proxima-nova-extrabold", Helvetica, Arial, sans-serif; } strong { font-weight:700;} *:focus { outline:none; } a img {border: none;} /* hide ie img link borders */ h1 { font-size: 20px!important;} h2 { font-size: 20px; line-height: 120%; font-size: 14px;} h3 { font-size: 14px;} TOP { -ms-interpolation-mode: bicubic ; border:0 none; border-collapse:collapse; margin:0; padding:0; font-size:0;} input, select, button, textarea, .bb { box-sizing:border-box; border:0 none; font-size: 11px; background-color: #FFFFFF; text-indent: 0.01px; text-overflow: ''; border-collapse:collapse; border:0 none; font-weight:400; color:#1A1A1A; } input::-ms-clear { display: none;} select::-ms-expand { display: none;} button { cursor:pointer; } header { z-index:10;} /* MAXIUM WIDTH CONTAINER @ LESS THAN 1440 */ .maxWidth { max-width: 1160px; margin:0 auto; -webkit-transition: all 0.2s; /* overflow: hidden; */} /* TABLET ONLY ITEMS DISABLED */ .onlyDesktop { display:block; } .onlyTablet { display:none; } #main { background: #f6f6f6;} #main.comPact #checkoutV3 { min-height:240px} /* SITEWIDE BASIC BUTTONS/INPUTS ETC */ .bb { -webkit-transition: all 0.2s; transition: all 0.2s; overflow:hidden; color:#1A1A1A; padding: 0 9px; font-family: Verdana, Arial, sans-serif; text-align:left; display:block; outline:none; cursor:pointer; border-collapse:collapse; background:#FFF; border: 1px solid #dddddc; box-sizing:border-box; } .level0 { border:2px solid #000; height:60px; font-weight:500; font-size:19px;line-height:58px; padding-right:58px; } .level1 { font-size: 16px; font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif;font-weight: 300;} .level2 { font-size: 12px; font-weight: 500;} .level3 { font-size:11px; } button.level0, a.level0, span.level0 { border:2px solid #000; height:60px; font-weight:500; font-size:19px;line-height:58px; padding-right:58px; background-position:right top; } button.level1, a.level1, span.level1 {height: 48px; line-height: 48px; padding-right: 40px; background-position:right top; } button.level2, a.level2, span.level2 {height:48px; line-height:46px; background-position:right top; height: 48px;text-align: center;} button.level3, a.level3, span.level3 {height:24px; line-height:22px; background-position:right top; } .wIcon { padding-right:46px; padding-left:0; } .wIcon i { display:block; float:left; width:46px; height:46px; -webkit-transition: all 0.2s; transition: all 0.2s; } .wIcon:hover i { background-position:bottom;} button.small {height:40px; line-height:38px; padding-right:38px; } .wArro { padding-right: 46px!important; background-image: url(../img/icons/bb-arrow.png)!important; background-position: top right!important; background-repeat: no-repeat!important; text-align: left!important; padding-left: 20px;} .bb.small {font-size:16px; } .bb.tiny {font-size: 11px; } input::-ms-clear { display: none;} input.bb { padding:14px; height:auto; line-height:18px; } input.bb.stxt{ padding:8px; height:auto; line-height:18px; cursor:text; height: 36px;} select.bb.stxt{ padding:8px 46px 8px 8px; height:auto; line-height:18px; background:#FFF url(../img/icons/icn-slct-drop.png) right no-repeat; height: 36px;} button.bb.stxt { padding:8px; height:auto; line-height:18px; width: 64%; display: inline-block; text-align: center; color: #FFF; background: #BBB; border-color: #BBB;} button.bb.stxt:disabled{ background-color:#BBB!important; border-color:#BBB!important; cursor:default;} input:focus { border-color:#9C9C9C; color:#1A1A1A; } input.invalid, textarea.invalid, select.invalid {border: 1px solid #fbb; background-color: #fee; } select { -moz-appearance:none; text-indent:0.01px; text-overflow:''; } select.bb{ display:block; padding:14px; height:auto; line-height:auto!important; padding-right:60px; text-indent: 0.01px; text-overflow: "";} select.bb:hover { } select:focus { border-width:1px; } select.bb option { padding:10px; } option:hover { background-color:#2e2e2e; color:#FFF; cursor:pointer; } select.small { padding:10px; padding-right:48px; } button.bb:hover, a.bb:hover, span.bb:hover {background-color: #2E2E2E!important;color: #FFF!important;border-color: #2E2E2E!important;background-position: right bottom!important;} button.bb:active , a.bb:active, span.bb:active {background-color:#999998!important; color:#FFF!important; border-color:#999998!important;background-position:right bottom!important; } button.bb.noStock:hover , a.bb.noStock:hover { cursor:default; } button.bb.noStock.activeOptionInput , a.bb.noStock.activeOptionInput { background-color: #DDD!important; border: 1px solid #DDD !important;} .prim {background-color: #000001; color:#FFF; border-color: #000001; background-position:right bottom!important; font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif;font-size: 16px;font-weight: 400;} .blu { color:#2A82BA; } .withCheck input.bb { height: 24px!important; width: 24px!important; padding:0!important; float:left; background-image: url(../img/icons/icn-check-checked.png);} .withCheck input.bb:hover { background-color:#2e2e2e; border-color:#2e2e2e; background-position:bottom; } .withCheck input.bb:checked { background-color:#999998; border-color:#999998; background-position:bottom;} a.bb.prim.level2.wArro.miniCheck:hover {background-color: #2ee36e!important;border-color: #2ee36e!important;} .accountAddressAdd #useDeliveryAddress, .accountAddressAdd #useBillingAddress, .accountAddressEdit #useDeliveryAddress, .accountAddressEdit #useBillingAddress { display: inline-block;margin-left: 36%;} .accountAddressAdd .infoDeliveryAddress.withCheck .inputRow, .accountAddressEdit .infoDeliveryAddress.withCheck .inputRow { width: 100%; } .accountAddressAdd .infoDeliveryAddress.withCheck label, .accountAddressEdit .infoDeliveryAddress.withCheck label { width: auto !important; display: inline-block; padding: 2px; } #account .updateCustomerPromotionalPreferencesForm .withCheck label { width: auto !important; display: inline-block; padding: 2px; } /* HELPERS */ .lowercase { text-transform: lowercase;} /* GENERIC FORM STYLING */ .proInputs .inputRow { clear:both; /* overflow:hidden; */ padding: 5px 0 10px 0; font-size: 0;} .proInputs .inputRow label { padding: 8px 14px 8px 0; width: 36%; box-sizing: border-box; display: inline-block; font-size: 11px;} .proInputs .inputRow label.proInputsLabelAutoWidth { width: auto; } .proInputs .inputRow input { width: 64%; color:#595959; display: inline-block;} .proInputs .inputRow select{ width: 64%; display: inline-block; vertical-align: top;} .proInputs .inputRow textarea { padding:8px;width: 64%; height: 120px; display: inline-block; vertical-align: top;} .withButton button{ width: 32%; z-index:2; display: inline-block;} .withButton button.stxt{height:36px; background-color: #BBB;border-color: #BBB; color:#FFF;width: 32%;} .withButton input{ width: 32%!important; } .withButton select{ width:38%; } .proButtons button{ width: 100%; /* margin-left:128px; */} .withCheck label { } .withCheck input{ float:right!important; } .withCheck.forms input{ float:left!important; margin-right: 10px;} .withCheck.forms label{ width:auto !important; margin-right: 0px !important;} .withCheck.forms .inputRow{width:225px;} .accountAddressEdit .withCheck.forms .inputRow label, .accountAddressAdd .withCheck.forms .inputRow label{float:left !important;} .accountAddressEdit .proButtons.infoSubmit, .accountAddressAdd .proButtons.infoSubmit{position: relative;clear: both;} /* SCroll to Top */ #scrollTop { transition: all 0.2s; -webkit-transition: all 0.2s; display: block; color: #FFF; line-height: 60px; text-align: center; backface-visibility: hidden; -webkit-backface-visibility: hidden; font-family: "proxima-bold", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; float: right; } #scrollToTop:hover{ } /* HEADER ====================================================================== */ #head { background: #111111; color:#FFF; padding: 0; height: 50px;} #head .maxWidth { max-width:100%; } .comPact #head{ height: 100px;} #headTop {height: 50px;z-index: 10;} /* HEADER LOGO */ a.logo { display: block; float: left; position: absolute; height: 40px; left: 40px; top: 0; width: 100px; height: 120px; } a.logo img{ width: 100%; height: 100px; } .logo-small{ display:none;} .logo-large{ display:block!important;} .fixedPanel { top: 0; position: fixed; right: 0px; padding: 0px 45px 0px 20px; background: #111111; } #navTabletIcon { float: right; height: 40px; width: 40px; background: url(../img/icons/nav-tab-bg.png) center; overflow:hidden; display: none; left: 10px; } #navTabletIcon span { display: block;width:40px; height:40px; } #navTabletIcon span.menuOpen { display:none; } .headChat a{ color:#FFF;} .headChat{ float:right; text-align:right; min-width: 400px; top: -2px; margin-right: 20px;} .headChat a.chatButton{ text-transform:uppercase; display:block; float:right; height:40px; line-height:20px; padding:10px; box-sizing:border-box; color:#FFF; background: #666; margin-left:15px; top: -2px;} .headChat.infoChat { float: none; margin-top:10px; } .headChat.infoChat a.chatButton { float: none; width: 90px; } .infoArticle h3 { padding-top: 10px; } .headChat a.chatButton:hover { background-color:#999998;} .headChat a.inactive { padding:5px 10px;} .headChat a.inactive:hover { background-color:#333;} .headChat a.inactive span {display:block; text-align:center; text-transform:uppercase; font-size:7px; position:relative; top: 0;padding: 0;line-height: 6px;} .headChat a.chatOnline {background-color:#999998;} /* MINI BASKET */ #basket { float: right; height: 50px; background-color: #111111; border-left: 1px solid #222222; padding: 0px 0px 0px 20px; } #basket > .bskt{ color:#FFF; font-weight:500; height: 50px; display: block;} #basket .bskt a { color: #FFF; font-weight:500; display: block;} #basket #miniCartOverlay { display:none; } #basket .basketHasItems {line-height: 20px; padding: 15px 15px 15px 35px; display:block; float: left;background-image: url(../img/icons/icn-basket-bg.png);background-position: left;background-repeat: no-repeat;} #basket .basketButton {display: block; width: 70px; background: #333; text-align: center; line-height: 30px; padding: 10px 0; float: right; color: #FFF;} a.basketButton:hover { background-color: #ffffff !important; color: #333333 !important; } #basket .basketHasNoItems { background-color: #111111; line-height: 20px; padding: 15px 14px 15px 35px; display: block; background-image: url(../img/icons/icn-basket-bg.png); background-position: left; background-repeat: no-repeat; } #miniCartOverlay { position:absolute; right: 0; top:0; z-index:3; height: 50px; } /* TOP USER MENU */ #usermenu { color:#747474; padding: 0; height: 50px;float: right;margin-right: 20px;margin-left: 20px;} #usermenu a, #usermenu > span { color: #B4b4b4; line-height: 50px; padding:0 3px; margin: 0 5px; transition: all 0.2s; -webkit-transition: all 0.2s;} #usermenu > span > a { margin:0 2px; } #usermenu a:hover { color:#FFF; } #usermenu a img {top:1px; } /* LANGUAGE */ #languageMenu { float: right; padding: 0px; display: inline-block; height: 40px; width: 40px; background-position: center; background-repeat: no-repeat; } #languageMenu.noLang { display:none } #languageMenu.en { background-image: url('https://internal-frontend-resources.s3.amazonaws.com/jdsports/desktop/language-icons/en.png'); } #languageMenu.fr { background-image: url('https://internal-frontend-resources.s3.amazonaws.com/jdsports/desktop/language-icons/fr.png'); } #languageMenu.nl { background-image: url('https://internal-frontend-resources.s3.amazonaws.com/jdsports/desktop/language-icons/nl.png'); } #languageMenu ul { display: none; padding-left: 0; position: absolute; z-index: 99; background-color: rgba(0,0,0, 0.7); margin-top: 40px; list-style-type: none } #languageMenu:hover > ul { display: block; width: 100px;} #languageMenu > ul > li { display: block; } #languageMenu > ul > li > a { margin: 0px; padding: 5px 10px; color: #FFF; line-height: 30px; display: block; width: 80px; } #languageMenu > ul > li > a:hover { background-color: rgba(255,255,255,0.7); color: #000 } #languageMenu > ul > li.active > a { font-weight: bold } /* CURRENCY */ #currency { overflow:hidden; height: 40px; width:50px; float:right; position:absolute; right:0; top:0; z-index:2; background:#2e2e2e; display: none;} #currency ul { list-style:none; display:block; padding:6px 5px; margin:0;} #currency ul li { padding:5px; display:block; display:none; cursor: pointer; text-align:right; } #currency ul li span{ display:none; } #currency ul li img { top:1px; } #currency ul li.active{display:block; } #currency.open { z-index:20; overflow:visible; height: 162px; width: 175px; } #currency.open li { display:block; text-align:right; } #currency.open li span { display:inline; padding:0 5px 0 0; } #currency li.active span { /* display:none; */ } /* SEARCH */ #searchOverlay input#srchInput { display: inline-block; width: 100%; height: 60px; font-size: 36px; padding:10px;color: #FFF;padding: 20px 0;background-color: transparent;font-family: "proxima-bold", Helvetica, Arial, sans-serif;font-weight: 300;border-bottom: 1px solid #FFF;} #srchInput::-webkit-input-placeholder{color:#FFFFFF; } #searchOverlay input#srchButton{ border:1px solid transparent;display: inline-block; width: 60px; height: 60px; /* border-left:1px solid #2e2e2e; */ cursor:pointer; font-weight: 400; color: #FFF;position: absolute;right: 0;background-color: transparent;background-image: url(../img/icons/bb-arrow.png);background-position: 8px -40px;text-indent: 999px;overflow: hidden;} #searchOverlay input#srchButton:hover{ border:1px solid #FFF ; color:#FFF;transition: all 0.2s; -webkit-transition: all 0.2s; } #searchOverlay { background: rgba(0,0,0,0.9); z-index: 9998;display:none; position:fixed; top:0; left:0; bottom:0; right:0; height:100%; width:100%;font-size: 0;padding-top: 120px;} /* BREADCRUMBS */ #searchOverlay form { padding: 0 60px 0 0;margin: 0 40px;} #searchOverlay h2 { color:#999; padding-bottom:20px;} #searchClose { position:absolute; display:block; width:46px; height:46px; border:1px solid #666666; right:40px; z-index:1; top: -68px; cursor:pointer; background-image:url(../img/icons/icn-pop-close.png); /* transition:all 0.2s; */ } #searchClose:hover { border-color:#FFF; cursor:pointer; background-position:bottom; } #searchButton { display: inline-block; vertical-align: top; position: absolute; top: 0; line-height: 20px; padding: 15px 20px 15px 36px; cursor: pointer; background: url(../img/icons/icn-search.png) #000 no-repeat 5px 10px; background-size: 30px; top: 50px; font-family: "proxima-nova-medium", Helvetica, Arial, sans-serif; transition: all 0.2s; left: 180px; font-size: 16px; font-weight: 500; } #searchButton:hover { border-bottom:3px solid #FFF; padding-bottom:12px; } #breads { padding:0 20px; min-height:20px; padding: 10px 20px 0; height: 40px;line-height:20px; box-sizing: border-box;background: #f8f8f8;} #breads .maxWidth > span { padding: 0 30px 0 0; background: url(../img/icons/bread-spacer.png) no-repeat right; } #breads .maxWidth .active { background:none; } #breads .active span { font-weight:500; } #breads .maxWidth .count{ float:right; margin-left:20px; background:none; padding:0;} #breads .maxWidth .count span{ font-weight:500; } #breads a:hover{ text-decoration:underline;} /* HEADINGS */ #headings{ padding: 10px 20px;} #headings h1{ padding: 10px 0; } #headings h1 button { float:right; top:-3px; } #headings h1 .bttn { float:right; top:-3px; margin-left: 10px;} #checkout #headings{ display:none;} #text #headings { padding:10px 0;} /* DROPDOWN NAVIGATION */ #dropNav { background: #000; height: 50px; z-index: 9; min-width: 600px;} #dropNav .maxWidth { max-width: 100%; padding: 0; box-sizing: border-box;} #dropNav ul { list-style: none; padding:0; margin:0; list-style:none; } #dropNav .maxWidth > ul { font-size: 0; text-align: right; white-space: nowrap; overflow-x: auto; } #dropNav.navDesktop > div > ul > li:hover > a { border-bottom:3px solid #FFF; color:#FFF; padding-bottom:12px; } #dropNav.navDesktop > div > ul > li > a:hover { color:#FFF; } #dropNav.navDesktop > div > ul > li {display: inline-block;position: static;font-size: 11px;text-align: left;margin: 0px 10px 0px 0px;} #dropNav.navDesktop > div > ul > li > a {transition: all 0.2s;-webkit-transition: all 0.2s;line-height: 20px;display: block;padding: 15px 14px;cursor: pointer;color: #FFF;z-index: 10;font-size: 16px;font-weight: 500;font-family: "proxima-nova-medium", Helvetica, Arial, sans-serif;} #dropNav.navDesktop > div > ul > li > a .dropIcon { display:block; position:absolute; width: 16px; height: 8px; background: url(../img/icons/icn-dropnav-toplevel.png) no-repeat; bottom: 0px; left:50%; margin-left:-6px; } #dropNav.navDesktop > div > ul > li > ul {position: absolute;/* left: 0; */ right:0; display: inline-block; max-width: 1160px; padding: 20px 10px; box-sizing:border-box; top: 50px; display: none;overflow: visible;white-space: normal; font-size:0; text-align: right;background-color: #FFF; box-shadow:0 0 20px rgba(0,0,0,0.2)} #dropNav.navDesktop > div > ul > li:hover > ul { display: block;} #dropNav.navDesktop > div > ul > li > ul > li { text-align: left; display: inline-block; width: 20%; padding: 0 10px; box-sizing: border-box; vertical-align: top; font-size: 12px;background-color: #FFF;} #dropNav.navDesktop > div > ul > li > ul > li > h3, #dropNav.navDesktop > div > ul > li > ul li.letter_title { margin-bottom:8px; font-size: 16px;font-weight: 400; color: #000; font-family: "proxima-nova-extrabold", Helvetica, Arial, sans-serif;} #dropNav.navDesktop > div > ul > li > ul > li > h3 a { font-weight: 400; font-family: inherit;} #dropNav.navDesktop > div > ul > li > ul > li > h4 { padding-bottom:4px; margin-top:8px; font-size:12px;} #dropNav.navDesktop > div > ul > li > ul > li > h4 a { font-weight:500; } #dropNav.navDesktop > div > ul > li > ul > li > ul { display:block;} #dropNav.navDesktop > div > ul > li > ul > li > ul > li { line-height:21px; } #dropNav.navDesktop > div > ul > li > ul > li > ul > li > a { color: #333; font-size: 11px;padding: 2px 0;display: block;} #dropNav.navDesktop > div > ul > li > ul > li > ul > li > a:hover { color:#111111; background-color: #dddddd; -webkit-transition: all .2s linear; transition: all .2s linear; cursor: pointer; text-decoration: none;} #dropNav.navDesktop a.sale { color:#d00; } #dropNav.navDesktop > div > ul > li.linkBlog {float: right;margin-right: 50px;} #dropNav.navDesktop > div > ul > li.linkClearance > a { color: #FF4C4C; margin-right: 100px;} #dropNav.navDesktop > div > ul > li.linkClearance > ul > li { width:33.3%;} #dropNav.navDesktop > div > ul > li.linkClearance > ul > li > ul { font-size:0; white-space: normal;} #dropNav.navDesktop > div > ul > li.linkClearance > ul > li > ul > li { display:inline-block; font-size: 11px; margin:0 4px 4px 0;} #dropNav.navDesktop > div > ul > li.linkClearance > ul > li > ul > li a { text-transform:uppercase; text-align:center; min-width: 40px; height:40px; line-height:20px; box-sizing:border-box; display:block; padding: 10px 6px; font-size: 14px; background-color: #FF4C4C; border: 1px solid #FF4C4C; color: #FFF;} #dropNav.navDesktop > div > ul > li.linkClearance > ul > li > ul > li a:hover { text-decoration:none; background-color:#222; border-color:#222; color:#FFF; } #dropNav.navDesktop > div > ul > li.linkNewin > ul > li { width:25%;} #dropNav.navDesktop > div > ul > li.linkNewin > ul > li > a { display:block;} #dropNav.navDesktop > div > ul > li.linkNewin > ul > li > a img { display:block; line-height:0; margin:0; width:100%;} #dropNav.navDesktop > div > ul > li.linkNewin > ul > li > a span{ display:block; margin:0; padding: 4px 8px; color:#FFF; text-transform:uppercase; position:absolute; bottom:0; text-align:center;background:#2e2e2e; left: 0; right: 0;} #dropNav.navDesktop #dropNavWidth { width:100%; height:0; position:absolute; top:50px; box-shadow:0 0 20px rgba(0,0,0,0.4); display:none!important; } #dropNav.navDesktop ul.navCol5{ width:100%;max-width: none;} #dropNav.navDesktop ul.navCol4{ width:80%;} #dropNav.navDesktop ul.navCol3{ width:60%; min-width: 600px;} #dropNav.navDesktop ul.navCol2{ width:40%; min-width: 400px;} #dropNav.navDesktop ul.navCol1{ width:20%; min-width: 400px;} #dropNav.navDesktop ul.navCol5 > li{ width:20%;} #dropNav.navDesktop ul.navCol4 > li{ width:25%;} #dropNav.navDesktop ul.navCol3 > li{ width:33.2%;} #dropNav.navDesktop ul.navCol2 > li{ width:50%;} #dropNav.navDesktop ul.navCol1 > li{ width:100%;} #dropNav.navTablet #dropNavWidth{ position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.4);} #dropNav.navTablet { z-index: 99; display:none; overflow:scroll; background: #2e2e2e; height:100%; position:fixed; top: 0; width:50%!important; min-width: 384px; left: -100%;} #dropNav.navTablet .maxWidth { padding:0;} #dropNav.navTablet > div > ul {position:relative; top:0;border:0 none;} #dropNav.navTablet > div > ul * {position:relative; top:0;border:0 none;} #dropNav.navTablet > div > ul > li{ display:block; position:relative; background: #2e2e2e; border:0 none;} #dropNav.navTablet > div > ul > li > a{ color: #FFF; background: #2e2e2e; border-bottom:1px solid #666 ; display: block;} #dropNav.navTablet > div > ul > li > ul { padding: 0; font-size:0; } #dropNav.navTablet > div > ul > li > ul > li {display: block; font-size:11px; } #dropNav.navTablet > div > ul > li > ul > li > a {display:block; font-size: 12px; padding: 12px 15px; background:#f8f8f8;border-bottom: 1px solid #dddddc;} #dropNav.navTablet > div > ul > li > ul > li > ul { padding:10px 0; background:#FFF; border-bottom:1px solid #dddddc} #dropNav.navTablet > div > ul > li > ul > li > ul.notLeaf { padding:0; background:#FFF; border-bottom:0 none} #dropNav.navTablet > div > ul > li > ul > li > ul.notLeaf > li > a { padding:10px 15px; background:#FFF; border-bottom:1px solid #dddddc;} #dropNav.navTablet > div > ul > li > ul > li > ul.notLeaf > li > ul { padding:10px 0; background:#FFF; border-bottom:1px solid #dddddc;} #dropNav.navTablet > div > ul > li > ul > li > ul a { padding:5px 15px; display:block;} .linkClearance {} .closeNav{ background:#2e2e2e url('../img/close_button.png') no-repeat; background-position-x: right; color:white; width:100px; height:48px; box-sizing:border-box; position: absolute; bottom: -18px; left:45%; z-index:100; padding:0 5px; font-weight:600; text-align:left; display:none!important; } .closeNav.en { background:#2e2e2e url('../img/close_button-en.png') no-repeat; } .closeNav.nl { background:#2e2e2e url('../img/close_button-nl.png') no-repeat; } #navTabletBG { background:rgba(0,0,0,0.4); top:0; left:0; bottom:0; right:0; position:fixed; z-index:98; display: none; } #usp { padding:15px 0; text-align:center; display: none;} #usp a { padding:0 15px; font-size: 13px; } #usp a span { font-weight:500; } #uspAll { padding: 0; font-size:12px; background: #FFFFFF; font-size: 0; z-index: 9;width: 100%;} #uspAll .maxWidth {text-align:center;font-size: 0;} #uspAll .maxWidth div {z-index: 2;width: auto;display: inline-block;text-align: center;padding: 0;font-size: 11px;vertical-align: top;box-sizing: border-box;padding: 0 20px;-webkit-font-smoothing: antialiased;} #uspAll .maxWidth div:nth-child(2){ } #uspAll .maxWidth a {color: #333;padding: 5px 0;display: block;} #uspAll .maxWidth a span { font-weight:700;} #uspAll .maxWidth div.uspmiddleblock { display: none; } /* MINI BASKET */ #basket-quickitems {display: none;position: absolute;width: 377px;height: 400px;right: 0;z-index: 12;top: 50px;} .basketItems { box-shadow:0 0 20px rgba(0,0,0,0.3); padding: 0; } .basketHead {color: #333;padding: 25px 20px;background: #FFF;border-bottom: none;text-align: left;} .basketList { padding:0px; background:#FFF; max-height: 300px;} .basketDiscountCodes { background-color: #fff; box-sizing: border-box; padding: 0 15px 15px 15px; } .basketDiscountCodes p, .basketDiscountCodes ul { color: #1A1A1A; margin: 0; } .basketDiscountCodes ul.basketDiscountCodesList { padding-left: 15px; color: #FF4C4C;} .basketDiscountCodes a.basketDiscountCodeLink { text-decoration: underline; } .basketDiscountCodes :first-child { margin-top: 0; } .basketDiscountCodes :last-child { margin-bottom: 0; } .basketFoot {padding: 15px;border-top: none;background: #eeeeee;} .basketFoot a.miniView { margin:0 10px 0 0; } .basketFoot a.miniLogin {float:none; width:100%; text-align:center; margin:15px 0 0 0; display: none;} #basket-quickitems .basketListItem {overflow: hidden;color: #333333;border-bottom: none !important;padding: 15px;} #basket-quickitems .basketListItem.basketCustomisationBorder { border-bottom: 1px dashed #dddddc; } #basket-quickitems .basketListItem.basketListItemCustomisation { background: url(../img/icons/icn-sub-item.png) 38px -7px no-repeat; } #basket-quickitems .basketListItem:last-child { border-bottom:0 none; } #basket-quickitems #basketTotals{ color:#1A1A1A; padding:0 0 15px 0;} #basket-quickitems #basketTotals > span {display: block;font-family: "proxima-nova" !important;font-size: 14px !important;} #basket-quickitems #basketTotals > span > strong {float: right;font-weight: 700;color: #333333;} #basket-quickitems .basketListItem div{ float:left; } #basket-quickitems .basketListItem .itemImag.basketCustomisationImagePlaceholder { width: 55px; height: 70px; } #basket-quickitems .basketListItem .itemInfo{ width: 169px; padding:0 0 0 15px;} #basket-quickitems .basketListItem .itemInfo h4 {font-family: Verdana, Arial, sans-serif;color: #333333;} #basket-quickitems .basketListItem .itemCats{display: none !important;} #basket-quickitems .basketListItem .itemSize{display:block;} #basket-quickitems .basketListItem .itemQuan{ width: 72px;padding: 0 0 0 5px;margin: 10px 0px 0px 30px;} #basket-quickitems .basketListItem .itemQuan input{ text-align:center; padding:4px; width:24px; float: right;} #basket-quickitems .basketListItem .itemQuan a { display:block; text-align:center; padding:0; height:24px; text-indent:999px; float: left; clear: none; width: 100%;} #basket-quickitems .basketListItem .itemQuan a.itemQuanLess { background-image:url(../img/icons/icn-mini-minus.png); width: 24px; float: left;} a.cartPageItemQuanZero { color: #999; } #basket-quickitems .basketListItem .itemQuan a.itemQuanLess.disabled, #basketList li .cartPageItemQuanLess.disabled, #basket-quickitems .basketListItem .itemQuan a.itemQuanMore.disabled, #basketList li .cartPageItemQuanMore.disabled { opacity: 0.4; cursor: default; background-position: top!important; background-color:#fff !important; border-color:#ddd !important;} #basket-quickitems .basketListItem .itemQuan a.itemQuanLess.disabledchecked {background-color:#fff !important; border-color:#ddd !important; background-position:center;} #basket-quickitems .basketListItem .itemQuan a.itemQuanMore { background-image:url(../img/icons/icn-mini-plus.png); width: 24px; float: right;} #basket-quickitems .basketListItem .cartPageItemQuanZero { /* width: 24px; */ height: 24px; /* float: right; */ text-align: center; /* border: 1px solid #e3e3e3; */ line-height:24px; /* box-sizing:border-box; */ text-indent: 0!important; text-decoration: underline;} #basket-quickitems .basketListItem .itemCost{ float:right; font-weight:500; text-align:right;} #basket-quickitems .basketListItem .itemCost span{ display:block; text-align:right;} #basket-quickitems .basketListItem .itemCost span.was{color:#999; text-decoration: line-through; } #basket-quickitems .basketListItem .itemCost span.now{ color:#FF4C4C; } .clockHolder {font-size: 21px;padding: 10px 0 0 0;font-weight: 700;color: #00ACDC;} .basketList .mCSB_container {border-right:none !important; margin-right:25px; } .basketList .mCSB_scrollTools { margin-right:7px; } .basketList .mCS_no_scrollbar .basketListItem .itemInfo{ width: 169px!important; } #basketPromo { font-size:0; box-sizing:border-box; padding: 15px; background:#FFF; border-top:none;} #basketPromo input {width:70%; display:inline-block;} #basketPromo button {width:30%; display:inline-block;} #basketPromo button:hover {background-color: #444444!important;border-color: #444444!important;} /* FOOTER ====================================================================== */ #footer { padding: 40px 20px; overflow:hidden; transform: translateZ(0); border-bottom: 1px solid #dddddc; display: none;} #footer ul { float:left; width: 25%; display:block; padding:0; margin:0; list-style:none;} #footer ul li {line-height:21px; display:block; padding: 0 15px 0 0;} #footer ul h3 { padding: 0 15px 5px 0;} #footer ul li a:hover {text-decoration:underline;} /* FOOTER PANELS */ #footerboxes { overflow:hidden; padding: 30px 20px; transform: translateZ(0); background: #000; clear: both;} #footerboxes .maxWidth{ } .footerbox { float:left; box-sizing:border-box; width: 34%; text-align: left;} .footerbox > div { padding: 10px 0; color: #FFF; box-sizing: border-box;} .footerbox > div > img { height:40px; padding: 5px 0;} .footerbox.help { padding-left:60px;} .footerbox.middle { width: 32%; padding: 0 20px;} .footerbox.middle > div { margin:0 20px;} .footerbox.middle p{ position:relative; margin:0; padding:0; font-size:0; line-height:0;} .footerbox.middle img {width:100%;opacity: 0.5;} .footerbox.middle #findStore {margin:5%; width:90%; position:absolute; bottom:0; background-color:transparent; border-color:#FFF;} .footerbox > div p { overflow:hidden; margin: 0; padding-bottom: 15px;color: #AAAAAA;font-size: 14px;text-transform: uppercase;font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif;letter-spacing: 1px;} .footerbox h2 { color: #FFF; font-size: 20px;padding-bottom: 15px;font-weight: 900;} .footerbox.apps .appHold { position: absolute; bottom: 30px; left:20px; right:20px; line-height: 0; } .footerbox.help > div > a { display: inline-block; padding: 0; width:40%; color:#FFF; margin:0 0 10px 0; } .footerbox.help > div > a:hover { text-decoration:underline; } .footerbox h3 { color: #FFF; padding-bottom:10px;} .footerbox .helpDesk > a { display: block; padding: 0; margin:0 0 20px 0; font-size:14px; color:#999999; } .footerbox .helpDesk > a span { margin:0 0 0 10px; color:#FFF; } .footerbox .helpDesk a i { transition:all 0.2s; margin:0 10px 0 0; vertical-align:middle; display:inline-block; padding: 10px; background-color:#FFF; width: 28px; height: 28px; border-radius:50%;} .footerbox .helpDesk a i img{ width: 28px; height: 28px; font-size: 0;line-height: 0;} .footerbox.middle p a{ font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif; font-size: 14px;letter-spacing: 0;text-transform: none;font-weight: 700;} .footerbox .helpDesk a:hover i { background-color:#999998;} .appApple { width: 51%; float:left;} .appGoogle {width: 43%; float:right;} .footerbox.gift a{clear:both; } .footerbox a.bb { border-color: #666666; background: #000; color: #FFF; font-size: 14px; text-align: center!important; padding-left: 5px!important; padding-right: 5px!important; background-image: none!important; padding-top:15px; padding-bottom:15px; height: auto;line-height: 16px;margin: 10px 0 0 0;border-width: 3px;font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif;font-weight: 700;} .footerbox a.bb:hover { border-color:#FFF!important; background-color:#FFF!important; color:#000!important;} /* COPYRIGHT & CARDS */ #copy {padding: 20px 20px; overflow:hidden; transform: translateZ(0);color: #999;background-color: #111111;} #copy .maxWidth { max-width:100%;} #copy span { display:inline-block; line-height:28px; vertical-align: middle;} #copy span.copyright { clear:left; color: #555;} #copy span.cards { float:right; text-align:right; } #copy .footermenu { float:right; color:#55555;} #copy .footermenu a { color: #555;margin: 0 0 0 10px; transition:color 0.2s;} #copy .footermenu a:hover { color:#FFF;} #copy img { float:left; display: inline-block;vertical-align: middle;margin: 3px 20px 0 0;} /* SOCIAL & SIGNUP HOLDER */ #footerbar { background: #CACACA; font-size:0; color:#FFF;clear:both; max-height: 60px; text-align: right; padding:0 20px; transform: translateZ(0);overflow: hidden;transition: all 0.3s;} #footerbar .maxWidth{ max-width:100%;} #footerbar.scrollClosed { max-height: 0!important;} /* FOOTER BLOG (ADDITIONAL FOOTER CONTENT) */ #footerblog { background-color:#777;} #footerblog .maxWidth{ max-width:1200px;} .featuredBlog { color:#FFF;background-size:cover; min-height: 240px; background-position:center;} .featuredBlogText{ padding:20px; color:inherit;padding-bottom: 60px;width: 40%;} .featuredBlogText h2, .featuredBlogText h3, .featuredBlogText h2, .featuredBlog a{ color:inherit;font-weight: 900;font-size: 20px;} .featuredBlogText h3 { font-weight:300; font-size: 36px; padding:15px 0;line-height: 34px;} .featuredBlog a { position:absolute; bottom:20px; border: 3px solid #FFF; padding: 8px 15px; display:inline-block;left: 20px;font-size: 14px;font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif;font-weight: 700;} .featuredBlog:before {content:""; background-color:rgba(17,17,17,0.5); position:absolute; width:100%; height:100%; } /* SOCIAL */ #soc { display: inline-block; /* float:left; */ padding: 0; padding: 0 0 10px 0; margin: 0; vertical-align: middle;font-size: 0;} #soc h3 { color:#FFF; float:left; padding:0 15px 0 0; font-weight:400; font-size: 13px; display:block; line-height: 15px; text-align: right; } #soc { display:block; width:100%; overflow:hidden;} #soc li { display:block; float:left; width:25%;} #soc a {transition:all 0.2s; display: inline-block; width: 48px; background-color: #FFFFFF; border-radius:50%; margin: 0px 10px 0px 0px; /* float: left; */ overflow: hidden; height: 48px;} #soc a > img { width: 28px; height: 28px;margin: 10px;} #soc a:hover { background-color:#999998;} /* SIGNUP FOOTER */ #signup { padding-right: 60px;} #signup form { display:block; height: 60px; text-align: left; overflow:hidden!important; font-size: 0;} #signup form > h3 { line-height: 15px; padding: 4px 10px 0 0; text-transform:none; color: #FFF; text-align:right!important; float:right; font-weight: 400; font-size: 12px;} #signup form > input#newsletterEmail{ display: inline-block; padding: 15px; width: 60%; height: 48px; background: #000000; font-size: 11px;border: 3px solid #666666;border-right: 0 none;color: #FFF;} #signup form > button { transition:all 0.2s; display: inline-block; padding: 0; border:0 none; background: #000; height: 48px; color: #FFF; font-weight: 400; font-size: 11px;width: 25%;border: 3px solid #666666;} #signup > p { color:#333!important; font-size:14px; } #signup form > input#newsletterEmail::-webkit-input-placeholder { color:#FFFFFF!important;} #signup span { display:block; float:right; line-height: 45px; padding: 0 10px; display: block; text-transform: none; text-align: right!important; float: right; font-size: 15px; font-weight: 300; font-family: "Ubuntu"; border-right: 2px solid #FFF;} #signup form > button:hover { background-color: #FFF; border-color:#FFF; color:#000; } .newsletterSignupFormLoading { display: inline-block;height: 25px;padding: 10px;position: absolute;} /* RATINGS ====================================================================== */ .starRated { background-size: 94px; background-repeat:no-repeat; width:94px; height:20px; background-image:url(../img/star-rating.png); display:block; padding:0; cursor:pointer;} .r00 { background-position:0 0; color:#FFF; } .r05 { background-position:0 -20px; } .r10 { background-position:0 -40px; } .r15 { background-position:0 -60px; } .r20 { background-position:0 -80px; } .r25 { background-position:0 -100px; } .r30 { background-position:0 -120px; } .r35 { background-position:0 -140px; } .r40 { background-position:0 -160px; } .r45 { background-position:0 -180px; } .r50 { background-position:0 -200px; } #tabRev.r50:after { background-image: url(../img/star-rating.png); background-position: 0px -344px; content: " "; width: 68px; position: relative; bottom: 5px; background-size: cover; height: 10px; display: inline-block; } #tabRev.r50.activ:after { background-image: url(../img/star-rating.png); background-position: 0px -489px; content: " "; width: 68px; position: relative; bottom: 5px; background-size: cover; height: 10px; display: inline-block; } /* LISTINGS PAGE STYLES ====================================================================== */ #productListings { padding: 0 20px 20px 20px; background-color: #f8f8f8; overflow: hidden; min-height: 600px; } /* FILTERS */ #filters { width: 200px; float:left; box-sizing: border-box; margin: 0; padding: 0 0 5px 0;clear: none;} #filters.noFilters { display:none; } #filters > h2 { font-size: 14px; padding: 15px 0; font-weight: 400; } #filters ul{padding:0; margin:0; display:block; list-style:none;} #filters ul li { display:block; padding:2px 0;} #filters ul li a span { color: #cacaca;} #filters h3 { padding: 10px 15px; line-height: 30px; line-height: 20px; padding: 15px 45px 15px 0;font-weight: 400;color: #666;} #filters h3 span { display:block; height: 24px; width: 24px; position: absolute; top: 13px; right: 10px; transition: all 0.2s; -webkit-transition: all 0.2s;cursor: pointer; box-sizing: border-box; } #filters h3 span:hover { } #filters h3 .select-drop { display:block; height:22px; background: url(../img/icons/icn-filter-drop-open.png) no-repeat center; display:block; transition: all 0.2s; -webkit-transition: all 0.2s;border: 0 none;} #filters .filterSet.closed h3 .select-drop { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); /* transform: rotate(180deg); */ background-image: url(../img/icons/icn-filter-drop-closed.png); } #filters .filterSet.closed .filterBox{display:none;} #filters .filterSet { clear: both; border-top: 1px solid #dddddc;} #filters .filterSet > div.filterBox { overflow-y: hidden; padding: 0 15px 15px 0; margin: 0;} #filters .filterSet.fhSizeSml > div.filterBox {max-height: 150px; } #filters .filterSet.fhSizeMed > div.filterBox {max-height: 250px; } #filters .filterSet.fhSizeLrg > div.filterBox {max-height: 350px; } .no-js #filters .filterSet.fhSizeLrg > div.filterBox { max-height: none; } .fhStyleStandard > div.filterBox.activeFilters { max-height:none!important; overflow: auto!important; } #filters .filterSet > div.filterBox ul#active-filters { font-size: 0; } #filters .filterSet > div.filterBox ul#active-filters li { padding: 0; display: block; clear: none; font-size: 11px; /* float: right; */ /* clear: both; */ } #filters #active-filters a { display:none;} #filters #active-filters a.remove { display: block; padding: 5px 25px 5px 7px; margin: 0 0 5px 0; border: 1px solid #2e2e2e; background-color: #2e2e2e; transition: all 0.2s; -webkit-transition: all 0.2s; color: #FFF;} #filters #active-filters a.remove:hover { background-color:#999998; border-color:#999998; color:#FFF; } #filters #active-filters a.remove:hover span { color:#FFF; } #filters #active-filters a span { display: block; margin: 0 0 0 10px; position: absolute; right: 0; top: 0; padding: 5px 7px; color: #FFF;} .list-filters li:hover,.filters li:hover { } #filters .filters#Categories i { display:none; } #filters .filters#Categories a {padding:0; } #filters #active-filters li.grey { /* float: right; */ /* clear:both!important; */ /* display: block!important; */ /* text-align: right; */} #filters #active-filters li.grey a { border: 0; text-align: right; padding: 3px 7px; /* display: inline; */ margin: 0; border:1px solid #dddddc; background:#FFF; color:#1A1A1A;} #filters #active-filters li.grey a:hover { background:#999998; color:#FFF; } .selectedFilters h3 { } .selectedFilters h3 { } /* Filters Standard */ .fhStyleStandard > div.filterBox ul { /* padding: 0 15px; */ margin: 5px 0 0 0;} .fhStyleStandard > div.filterBox ul > li { display:block; padding: 1px 0;} .fhStyleStandard > div.filterBox ul > li span{ color:#747474; } .fhStyleStandard > div.filterBox ul > li > a { display: block; padding: 0;} .fhStyleStandard > div.filterBox ul > li > a > i, div.filterBox ul > li > a > i { display: none; float:left; width:10px; height:10px; border-radius:5px; background:#DDD; margin:4px 5px 0 0; transition: all 0.2s; -webkit-transition: all 0.2s; position: absolute; left: 0; top: 1px;} .fhStyleStandard > div.filterBox ul > li > a:hover > i { background:#999998; } .fhStyleStandard > div.filterBox ul > li > input { background:#f0f0f0; top:4px; width:16px; margin: 0 7px 0 0; height:16px;} .fhStyleStandard > div.filterBox ul > li > input:checked { background: #999 url(../img/check-checked-w.png); background-size: contain;} /* Filters Colours */ .fhStyleColours > div.filterBox{ padding: 0 11px 20px 11px!important; overflow:visible; overflow-y:visible!important; margin-bottom: 0px!important;} .fhStyleColours > div.filterBox ul { /* padding: 0 15px; */ margin: 5px 0 0 0; overflow:visible; font-size: 0; line-height: 0;} .fhStyleColours > div.filterBox ul > li { display: inline-block; padding: 3px; font-size: 11px;} .fhStyleColours > div.filterBox ul > li > a { text-align:center; box-shadow:inset 0 0 5px rgba(0,0,0,0.2); display: block; padding:0; width:29px; height:29px; background:#CCC; line-height: 20px; position: relative; border-radius: 15px;} .fhStyleColours > div.filterBox ul > li > a.colourDark{background: #01125b;} .fhStyleColours > div.filterBox ul > li > a span{ opacity:0; transition: all 0.2s; -webkit-transition: all 0.2s;color:#747474; display:none; box-sizing:border-box; padding:3px; } .fhStyleColours > div.filterBox ul > li > a > i { /* transition: all 0.2s; */ height:auto; width:auto; margin:0px;-webkit-transition: all 0.2s; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background:url(../img/icons/swatch-selected.png) no-repeat center; opacity: 0;} .fhStyleColours > div.filterBox ul > li.selected > a > i {background:url(../img/icons/swatch-selected.png) no-repeat center; opacity: 0; opacity:1;} .fhStyleColours > div.filterBox ul > li > a:hover > i { opacity:1;} .fhStyleColours > div.filterBox ul > li > a:hover span{ opacity:1; transition: all 0.2s; -webkit-transition: all 0.2s; display:block; background:#FFF; border:1px solid #dddddc; position:absolute; z-index:1; left:20px; top:-20px; margin:auto!important; width:auto; display:none;} .fhStyleColours > div.filterBox ul > li > a.colourBlack {background:#000; } .fhStyleColours > div.filterBox ul > li > a.colourBlue {background:#08F; } .fhStyleColours > div.filterBox ul > li > a.colourBrown {background:#630; } .fhStyleColours > div.filterBox ul > li > a.colourCream {background:#E6E6b8; } .fhStyleColours > div.filterBox ul > li > a.colourGold {background:#C90; } .fhStyleColours > div.filterBox ul > li > a.colourGreen {background:#690; } .fhStyleColours > div.filterBox ul > li > a.colourGrey {background:#888; } .fhStyleColours > div.filterBox ul > li > a.colourOrange {background:#F60; } .fhStyleColours > div.filterBox ul > li > a.colourPink {background:#F39; } .fhStyleColours > div.filterBox ul > li > a.colourPurple {background:#61F; } .fhStyleColours > div.filterBox ul > li > a.colourRed {background:#D00; } .fhStyleColours > div.filterBox ul > li > a.colourSilver {background:#CCC; } .fhStyleColours > div.filterBox ul > li > a.colourWhite {background:#FFF; } .fhStyleColours > div.filterBox ul > li > a.colourYellow {background:#FC0; } .fhStyleColours > div.filterBox ul > li > a.colourMulti {background:url(../img/icons/icn-multi-bg.png) center; } /* Filters Columns */ .fhStyleColumns > div.filterBox ul { margin: 5px 0 0 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;} .fhStyleColumns > div.filterBox ul > li { display:block; padding: 1px 0;} .fhStyleColumns > div.filterBox ul > li span{ color:#747474; } .fhStyleColumns > div.filterBox ul > li > a { display: block; padding: 0 0 0 16px;} .fhStyleColumns > div.filterBox ul > li > a > i { display: block; float:left; width:10px; height:10px; border-radius:5px; background:#DDD; margin:4px 5px 0 0; transition: all 0.2s; -webkit-transition: all 0.2s; position: absolute; left: 0; top: 1px;} .fhStyleColumns > div.filterBox ul > li > a:hover > i { background:#999998; } .fhStyleColumns > div.filterBox ul > li > input { background:#f0f0f0; top:4px; width:16px; margin: 0 7px 0 0; height:16px;} .fhStyleColumns > div.filterBox ul > li > input:checked { background: #999 url(../img/check-checked-w.png); background-size: contain;} /* Filters Tabbed */ #fhTabs { height: 31px; /* padding-bottom: 20px; */ font-size:0; border-bottom: 1px solid #dddddc;} #fhTabs a { /* height:30px; */padding:5px; display:inline-block; box-sizing:border-box;width:50%; font-size:11px; text-align:center; border-bottom: 1px solid #dddddc; border-top: 1px solid #FFF; cursor: pointer; margin: 0; vertical-align: top;} #fhTabs a:first-child { border-right:1px solid #dddddc;} #fhTabs a.fhtabActive { border-top:1px solid #dddddc; border-bottom:1px solid #FFF; z-index: 1; background: #FFF;} .no-js #fhTabs { display: none; } .fhStyleTabbed { } .fhStyleTabbed > div.filterBox { } .fhStyleTabbed > div.filterBox {padding-bottom: 0; margin-top: 15px!important;} .no-js .fhStyleTabbed > div.filterBox { margin-top: 0!important; } .fhStyleTabbed.noneTabbed > div.filterBox {padding-bottom: 0; margin-top: 0px!important;} .fhStyleTabbed > div.filterBox ul { margin: 5px 0 0 0; padding: 0;z-index: 0; position: absolute; height: 0; overflow: hidden;} .no-js .fhStyleTabbed > div.filterBox ul { position: static; height: auto; } .fhStyleTabbed > div.filterBox ul.fhtabActive { z-index: 1; position: relative; overflow: visible; height: auto;} .fhStyleTabbed > div.filterBox ul > li { display:block; padding: 1px 0; } .fhStyleTabbed > div.filterBox ul > li span{ color:#747474; } .fhStyleTabbed > div.filterBox ul > li > a, .fhTypeMulti > div.filterBox ul > li > a { display: block; padding: 0;} .fhStyleTabbed > div.filterBox ul > li > a > i { display: block; float:left; width:10px; height:10px; border-radius:5px; background:#DDD; margin:4px 5px 0 0; transition: all 0.2s; -webkit-transition: all 0.2s; position: absolute; left: 0; top: 1px;} .fhStyleTabbed div.filterBox ul > li.selected > a > i, .fhStyleStandard div.filterBox ul > li.selected > a > i, .fhStyleColumns div.filterBox ul > li.selected > a > i, .fhTypeMulti div.filterBox ul > li.selected > a > i { background:#999998; } .fhStyleTabbed > div.filterBox ul > li > a:hover > i, .fhTypeMulti> div.filterBox ul > li > a:hover > i, .fhStyleTabbed > div.filterBox ul > li > a:active > i, .fhTypeMulti> div.filterBox ul > li > a:active > i { background:#999998; } .fhStyleTabbed > div.filterBox ul > li > input { background:#f0f0f0; top:4px; width:16px; margin: 0 7px 0 0; height:16px;} .fhStyleTabbed > div.filterBox ul > li > input:checked { background: #999 url(../img/check-checked-w.png); background-size: contain;} #fhtabs { height: 31px; /* padding-bottom: 20px; */ font-size:0; overflow: visible;} #fhtabs a { height: 32px; padding: 5px; display:inline-block; box-sizing:border-box;width:50%; font-size:11px; text-align:center; border-bottom: 1px solid #dddddc; /* border-top: 1px solid #FFF; */} #fhtabs a:first-child { border-right:1px solid #dddddc;} #fhtabs a.fhtabActive { border-top:1px solid #dddddc; border-bottom:1px solid #FFF;} /* Filters SLider */ .fhStyleSlider {} .fhStyleSlider > div.filterBox {} #slider-range { border-radius:0;background: #f8f8f8;margin-top: 10px;margin: 15px 8px; } #slider-range .ui-slider-range { background: #CACACA; top: -1px; height: 12px;} #slider-range.ui-slider-horizontal .ui-slider-handle { border-radius:0; background:#FFF; height:24px; top: -8px; cursor: pointer; } #slider-range.ui-slider-horizontal .ui-slider-handle:hover, #slider-range.ui-slider-horizontal .ui-slider-handle:focus { border-color:#999; } .fhStyleSlider #amount { text-align:center; display:block; width: 100%;background: transparent;} .fhStyleSlider input#sliderAmount {color:#565656!important; font-size:12px; box-sizing:border-box; width:100%; margin-top: 20px;text-align: left;font-weight: 500!important;} .selectedFilters { padding: 0; border: 0 none!important; } .selectedFilters div.filterBox{ padding: 0px!important; border-top: 0; } #filters .filterSet.fhSizeLrg > div.filterBox .fhTabOuter { max-height: 350px; } .no-js #filters .filterSet.fhSizeLrg > div.filterBox .fhTabOuter { max-height: none; display: none; } .no-js #filters .filterSet.fhSizeLrg > div.filterBox .fhTabOuter:first-child { display: block; } #filters .filterSet > div.filterBox ul#active-filters { font-size: 0; } #filters .filterSet > div.filterBox ul#active-filters li { display: inline-block; clear: none; font-size: 11px; box-sizing: border-box;margin: 0 4px 4px 0;} #filters #active-filters a { display:none;} #filters #active-filters a.remove { padding: 8px 42px 8px 9px; margin: 0; border: 0 none; background-color: #111111; transition: all 0.2s; -webkit-transition: all 0.2s; color: #FFF; box-sizing: border-box; line-height: 16px;} /*#filters .filterSet > div.filterBox ul#active-filters li.maxprice_gbp, #filters .filterSet > div.filterBox ul#active-filters li.minprice_gbp {display:none;}*/ #filters #active-filters a.remove:hover { background-color:#333; color:#FFF; } #filters #active-filters a.remove:hover span { border-color:#666; color:#FFF; } #filters #active-filters a span { display: block; margin: 0; position: absolute; right: 0; top: 0; width: 32px; padding: 0;color: #FFF;height: 32px;border-left: 1px solid #666666;text-align: center;line-height: 32px;overflow: hidden;text-indent: 999px;background: url(../img/icons/icn-filter-remove.png) center no-repeat;} .list-filters li:hover,.filters li:hover { } #filters .filters#Categories i { display:none; } #filters .filters#Categories a {padding:0; } #filters #active-filters li.grey { /* float: right; */ /* clear:both!important; */ /* display: block!important; */ /* text-align: right; */} #filters #active-filters li.grey a { border: 0; text-align: right; padding: 7px 8px; /* display: inline; */ margin: 0; border:1px solid #dddddc; background:#FFF; color:#1A1A1A;} #filters #active-filters li.grey a:hover { border-color:#333; background:#333; color:#FFF; } #filters .mCSB_dragger { background-color:#CACACA!important;} .selectedFilters h3 { } .selectedFilters h3 { } .mCSB_dragger, .mCSB_dragger_bar { background:#CACACA!important ; background-image:none!important} .mCSB_scrollTools * { border-radius:0!important; background-image:none!important; border-color: #dddddc!important; } /* NO RESULTS */ .noResults { float:right; width: 100%; } .noResultsHold { padding: 20px 0 0 0; } .popCatsWrapL, .popCatsWrapR {padding: 40px; display: inline-block; vertical-align: top;text-align: left;} .popCatsWrapL li, .popCatsWrapR li{ left:7px;} .popCatsWrapL h2, .popCatsWrapR h2{ padding-bottom:10px;} #catDesc{ margin: 0;padding: 0;} #catDesc.fredBanner{ margin: 0;padding: 20px 0 0 0;} #catDesc.nofredBanner h1{ padding: 0 0 20px;border-bottom: 1px solid #dddddc;font-weight: 900; } /* LISTINGS */ div#listing { margin: 0px 0px 40px; } #listingList { margin-left: 200px; overflow: hidden; } .listing-loader { background-repeat:no-repeat; z-index:1; display: none; background-position:center; background-attachment: fixed; background-image:url(../img/icons/listing-loader.gif); position: absolute; top: 0; left: 0;top: 0;right: 0;background-color:rgba(248,248,248,0.7); width: 100%;bottom: 0;height: 100%;} .listing-loader.active { display: block; z-index:9;} #listingList.noFred { margin: 0 0 0 200px; } #listingList.noFilters { margin: 0 ; } #listHold { float:right; width:100%; padding: 0;} #listHold #catDesc h1 { padding:20px 20px 0;} #listHold p.correctedSearch { padding-left: 20px; margin: 6px 0 0 0; } #list { list-style:none; display:block; overflow:hidden; clear:both; padding: 20px 0 0 10px; margin:0; font-size: 0; text-align: left; line-height: 0;} li.listItem { display: inline-block; /* float:left; */ -webkit-transition: all 0.2s; transition: all 0.2s; font-size: 11px; vertical-align: top; text-align: left;} li.listItem span.itemView {display:block; margin: 0 0 20px 10px; box-sizing: border-box;text-align: left;line-height: 15px;} li.listItem a.itemView { /* width:100%; */ display:block; } li.listItem a img{ width:100%; display:block; height: auto;} li.lay4 { width:25%; } li.lay3 { width:33.3%; } li.lay2 { width:50%; } li.listItem img { display:block; border-collapse:collapse; margin:0; padding:0; background: #FFF; } li.listItem .itemView .overlay-thumbnail { position: absolute; display: none; top: 0; /* background: #D00; */ left: 0; right: 0;} li.listItem .itemOverlay { /* position: absolute; */ /* left:0; */ /* right:0; */ /* bottom:0; */ /* display:none; */ /* padding: 10px 0; */ /* min-height: 120px; */ /* text-align:center; */ display: block; /* width: 100%; */ /* overflow: hidden; */ height: 40px; /* margin: 0 -1px!important; */display: none;} li.listItem .quickSave.active { color:#FFF; background-position: center -8px!important; position: absolute; z-index: 1; right: 0; top: 0; width: 30px; height: 30px; background-image: url(../img/icons/icn-pop-close.png);} li.listItem .quickSave.active:hover { background-position:center -54px!important; } li.listItem .itemInformation { display:block; padding: 10px; /* min-height: 130px; */ /* border-top: 1px solid #dddddc; */ clear: both; /* margin: 40px 0 0 0; */} li.listItem .quickView img { display:block; margin:auto; width:46px; background:none transparent; top:-12px; } li.listItem .itemPrice { display:block; } li.listItem .itemTitle { font-weight: 400; display: block; line-height: 16px; padding-bottom: 5px;color: #999;} li.listItem .itemTitle a { color: #666;} li.listItem .itemPrice .pri { display:block; font-weight:500; font-size: 12px;} li.listItem .itemSale .pri{ color:#FF4C4C; font-size: 10px; } li.listItem .itemSale .was { color:#747474; font-size:10px; line-height:1.2; text-decoration:line-through; } li.listItem .itemSale .sav {margin-left: 13px; } li.listItem .itemSale .now{ font-weight:bold; font-size: 12px; line-height:1.1; } li.listItem .itemRating { padding: 0; border-top:1px solid #dddddc; /* position:absolute; */ } li.listItem .starRated { margin: 5px 0; padding: 0 0 0 100px; line-height: 19px;display: none;} li.listItem .itemOverlay span { text-align:center; padding:0; /* margin: 0 10px 10px; */ display: block; background-color: #FFF; height: 40px; padding: 12px 0; /* float: left; */ width: 50%; /* margin: 0 -1px; */ position: absolute; /* left: 0; */ box-sizing: border-box;display: none;} li.listItem .thumbOverlay { text-align:center; padding:0; display: block; position:absolute; top:0; left:0; width:100%;} li.listItemitemVariants { position: absolute; bottom:0;} li.listItem .itemOverlay span.quickSave { left: 0; background: url(../img/icons/icn-qk-save.png) no-repeat center top #FFF; width: 51%;} li.listItem .itemOverlay span.quickView { background: url(../img/icons/icn-qk-view.png) no-repeat center top; right: 0;} li.listItem .itemOverlay span.selectMethod.quickView.qvClicked, li.listItem .itemOverlay span.quickView.quickView__fullWidth.qvClicked {border-color:#999998!important; background:#999998!important; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important;} li.listItem .itemOverlay span.quickView.quickView__fullWidth {width: 100%; padding-left: 56px; line-height: 15px; text-align: left;background: url(../img/icons/icn-qk-view.png) no-repeat 10px top; right: 0;} li.listItem .itemOverlay span.quickView.quickView__fullWidth:hover, li.listItem .itemOverlay span.quickView.quickView__fullWidth:active { background-position: 10px bottom !important; } li.listItem .itemOverlay span:hover { background-position: center bottom!important; } li.listItem .itemOverlay span.quickView img { position:absolute; top:0; left:-6px; width:auto!important;} li.listItem:hover a.itemView, li.listItem:hover .itemOverlay span, li.listItem:hover .active { border-color:#BBB; } /* PAGINATION */ .pagination { clear:both; margin: 20px 0 0 20px;text-align: right;} .pagination.bot { margin: 0 0 0 20px; text-align:center; } .pagination .pageLinks { font-size:0; text-align: center;} .pagination .pageLinks > span { font-size: 14px; border: 3px solid #E8E8E8;color: #CCC;padding: 8px 10px;display: inline-block;width: 160px;box-sizing: border-box;margin: 0 10px;font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif;font-weight: 700;} .pagination .pageLinks a { padding: 8px 10px; display:inline-block; font-size: 11px; margin: 0 6px; transition: all 0.2s; margin:20px 6px 0 6px; -webkit-transition: all 0.2s;box-sizing: border-box;} .pagination .pageLinks a.boxed { border: 3px solid #dddddc;margin: 0 10px;width: 160px;box-sizing: border-box;font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif;font-size: 14px;font-weight: 700;} .pagination .pageLinks a:hover { border-color:#333333; background:#333333; color:#FFF; } .pagination .pageLinks a.active { border-color: #cacaca!important; background: #cacaca!important; color:#FFF; } .pagination .pageSort, .pagination .pageGrid, .pagination .pageView { } .pagination .pageSort { margin: 0; display: inline-block;vertical-align: top;} .pagination .pageSort label { float:left; padding: 9px 10px 4px 0; font-size: 11px;} .pagination .pageSort select { cursor:pointer; padding: 10px; border:1px solid #dddddc; width:140px; display: block; background: #FFF url(../img/icons/icn-slct-drop.png) right no-repeat; background-size: 29px; float: right;} .pagination .pageGrid { /* padding-left:35px; */ display: inline-block;vertical-align: top; margin: 0 0 0 20px;} .pagination .pageGrid > span{transition:all 0.2s; display:block; float:left; border:1px solid #dddddc; background-color:#FFF; padding:8px 7px; height: 20px; margin: 0; cursor:pointer;} .pagination .pageGrid > span > span { transition:all 0.2s;display:block; float:left; width: 14px; height: 20px; margin: 0px 2px; background-color: #cacaca; transition: all 0.2s; -webkit-transition: all 0.2s;} .pagination .pageGrid > span:hover { background-color:#333; border-color:#333; } .pagination .pageGrid > span.active > span { background-color: #999998; } .pagination .pageGrid > span:hover > span { background-color:#FFF;} .pagination .pageHold { padding: 0; text-align: right;font-size: 0;} .pagination .pageGrid > span.lay3{ } .pagination .pageGrid > span.lay4{ } .pagination .pageView { display: inline-block;font-size: 11px;margin: 0 0 0 20px;vertical-align: top;} .pagination .pageView span{ transition:all 0.2s; cursor:pointer; display:block; float:left; border:1px solid #dddddc; background-color:#FFF; padding: 9px 10px; height: 18px; margin: 0;} .pagination .pageView span:hover{ background-color:#2e2e2e; color:#FFF; border-color:#2e2e2e;} .pagination .pageView span:active{ background-color:#999998; color:#FFF; border-color:#ff851a;} .pagination .pageView span.sel { color: #FFF; background-color: #333; border-color: #333; } .pageGrid .lay2 { display:none!important; } .pagination .layextra { display:none!important; } .pagination .pageGrid .active { display:none; } .pagination .pageCats { float:left; margin-right:20px;} .pagination .pageCats label { float:left; display:block; padding:4px 10px 0 0; } .pagination .pageCats span { float:left; padding:3px 10px; height:29px; margin-right:5px} /* WISHLIST */ #wishlist { padding-right:20px; } #wishlist #list { padding: 0; } #wishlist .maxWidth {max-width:980px; } #wishlist #list li.listItem { width: 20%; } #wishlist #wishlistEmpty {padding: 0 0 20px 20px; display:none;} #shareWishlist { display:none; border-color: #999998; background-color: #999998; color: #FFF; margin-right: 5px;} #clearWishlist { display:none; } #shopthelookListings { padding: 20px 0;} #shopthelookListings .maxwidth { max-width: 1000px;} #shopthelookListings #catDesc { padding:0 20px;} #shopthelookListings .pagination { margin:20px 20px 0; border:1px solid #dddddc;} #shopthelookListings .pagination.bot { margin:0px 20px 0;} .lookList { padding: 20px 0 0 20px!important; margin:0;} .lookItem { display: inline-block; width:33.33%} .lookView { padding: 0; display:block; margin:0px; margin: 0 20px 20px 0;} .lookGalleryView { padding: 0; display:block; margin:0px; width:100%;} .lookFrame { padding: 0; display:block; margin:0px; } .lookFrame > a {border:1px solid #dddddc;display: block;border-bottom: 0;transition: border-color 0.2s;} .lookItem img, .lookGalleryView img { display:block; width:100%;} .lookItemOverlay { overflow:visible;display:block; width:100%; font-size:11px; position:absolute; top:0; bottom:0; height:100%; z-index: 1; pointer-events: none;} .lookItemOverlay .lookTag {position:absolute; display:block;margin-left: -6px;margin-top: -6px;pointer-events: all;} .lookItemOverlay .lookTag i { cursor:pointer; z-index:1; width: 12px; height: 12px; border:1px solid #FFF; background-color: #999998; display:block; box-shadow: 2px 2px 3px rgba(0,0,0,0.3); box-sizing: border-box; border-radius: 6px;} .lookItemOverlay .lookTag a {top:20px; box-shadow:2px 2px 3px rgba(0,0,0,0.3); z-index: 10; font-size:10px; width:140px; padding:8px; background-color: #2e2e2e; position:absolute; left: -64px; box-sizing:border-box; line-height:14px;transition: all 0.2s; display: none; color: #FFF;} .lookItemOverlay .lookTag a span { display:block; font-size:10px;} .lookItemOverlay .lookTag a span.lookPrice {font-weight:500;} .lookItemOverlay .lookTag.tagEnabled:hover { overflow:visible; transition:none;} .lookItemOverlay .lookTag.tagEnabled:hover a { display:block!important; width:140px; height:auto;} .lookItemOverlay .lookTagAll { opacity:0.5; display:block; position:absolute; top: 0px; right: 0px; width: 48px; height: 48px; background: url(../img/icons/lookViewTags.png) center no-repeat; transition: all 0.2s; z-index: 3; pointer-events: all;} .lookItemOverlay .lookTagAll:hover{ opacity:1;} .lookItemInformation { display:block; width:100%; font-size:11px;} .lookItemInformation a { transition: all 0.2s; line-height:0px;text-align:center; display:block; background-color:#fff; padding: 12px; line-height: 15px; border: 1px solid #dddddc;} .lookItemInformation a .lookName { font-size:14px; font-weight:700; display:block; text-transform:uppercase;} .lookItemInformation a .lookLink { transition:all 0.2s;font-size:14px; font-weight:700; color:#FFF; margin:10px 0 5px; padding:7px; display:inline-block; background-color:#2e2e2e; text-transform:uppercase;} .lookView:hover .lookFrame > a { border-color:#BBB;} .lookView:hover .lookItemInformation a{ border-color:#BBB;} .lookView:hover .lookItemInformation a .lookLink{ border-color:#BBB; background-color:#999998;} #shopthelookDetails{ padding:20px 20px 0;} #lookDetailsLeft{float:left; width:60%;} #lookDetailsRite{float:left; width:40%;padding-bottom: 20px;} #shopthelookDetails .lookItemOverlay .lookTag a { line-height:18px; width:200px; left: -94px} .lookItemOverlay .lookTag a::before { height:20px; background:url(../img/icons/icon-tag-point.png) no-repeat bottom; display:block; width:100%; content:""; position:absolute; left:0; top:-20px; } #shopthelookDetails .lookItemOverlay .lookTag a span { font-size:11px;} #shopthelookDetails #lookDetailsTitle {border:1px solid #dddddc; border-bottom:0; padding:15px; background:#FFF;} #shopthelookDetails #lookDetailsList {background:#FFF; border:1px solid #dddddc; border-bottom:0;} #shopthelookDetails .lookDetailsListItem { padding: 20px 15px 15px; border-bottom:1px solid #dddddc;} #shopthelookDetails .lookItemInfoLeft { float:left; width:40%; border:1px solid #dddddc; box-sizing:border-box;} #shopthelookDetails .lookItemInfoLeft img {width:100%;} #shopthelookDetails .lookItemInfoRight { float:right; width:60%; padding-left:20px; box-sizing:border-box;} #shopthelookDetails .lookItemInfoRight h2{ line-height:19px;} #shopthelookDetails .itemAdd { clear:both;} #shopthelookDetails .itemAdd .options{ clear:both; padding-bottom:10px;} #shopthelookDetails .itemAdd .options select{ width: 100%; background: #FFF url(../img/icons/icn-slct-drop.png) right no-repeat;} #shopthelookDetails .lookItemInfoRight .itemPrices { padding: 4px 0;} #shopthelookDetails .lookItemInfoRight .itemPrices span { font-weight:500; font-size:15px;} #shopthelookDetails .lookItemInfoRight .options h3 { padding:10px 0;} #shopthelookDetails .lookItemInfoRight .options select { width:100%; background: #FFF url(../img/icons/icn-slct-drop.png) right no-repeat;} /* ITEM DETAILS STYLES ====================================================================== */ #details { padding: 0; transform: translateZ(0);overflow: hidden;} #item { background: #f6f6f6; transform: translateZ(0);} #itemDetailsRite { float:right; width: 39%; } #itemDetailsLeft { float: left; width: 61%; } .rightM {margin-right:20px; padding-bottom: 20px;} #item #headings { display: none; } #poplbgGuide { display:none; } #product-view { display:none; z-index: 97;} .itemOffers { display:none; } #itemReduced { background:#FF4C4C; color:#FFF; padding:15px; clear: both;} #itemReduced .red { font-size:19px; font-weight:500; display:block; padding:0 0 5px 0;} #itemReduced .now { padding:0 0 0 5px;} #itemReduced.onlyTablet .red { display:inline; margin-right:10px; } #itemReduced.onlyTablet { margin: 0; } #itemTitles.onlyTablet { /* margin: 0 0 20px 0; */ margin: 20px 0 0 0; background: none; padding: 0; border: 0;} #itemTitles.onlyTablet h2 { /* display:none; */ font-size: 21px;} #itemTitles.onlyTablet .itemPrices { padding: 5px 0 0 0; } #itemGallery { overflow:hidden; margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 0; line-height: 0; } #itemGallery img{ width: 60%;} #itemGallery .tap-zoom + .tap-zoom{ margin-top:10px; } #itemGallery.noImages img{ width:60%;} .owl-thumb-item{ width:80px; margin-bottom:10px; display:inline-block;} #gallery { overflow: hidden; } #gallery .owl-carousel { list-style:none; margin:0;overflow:hidden!important; padding:0; display:block; padding-left: 90px; box-sizing: border-box;} #gallery .blackOverlay {position:absolute;top:0; left:0;width:100%; height:90%; background-color:rgba(0,0,0,0,.5);} #gallery .owl-carousel img {width:100%; border-collapse:collapse; margin:0; padding:0; display:block; font-size:0;} /*#galleryThumbs {position:absolute; top:0; bottom:0; width:80px; overflow-y:scroll; }*/ html.js #galleryThumbs { position: absolute; left: 0; top: 0px; bottom: 0; width: 80px; font-size: 0; line-height: 0; overflow: hidden; } html.js .withVideo #galleryThumbs { top: 90px; } html.js .owl-carousel .owl-stage-outer { background:#fff; border:1px solid #dddddc; border-right: 0 none; box-sizing:border-box; } html.js .owl-thumbs { position: absolute; left: 0; top: 0; bottom: 0; width: 80px; font-size: 0; line-height:0; } html.js #gallery-thumbnails { /* float:left; */ /* width: 44px; */ /* overflow:hidden; */ position: absolute; top: 0; bottom: 0; /* left: 15px; */ /* width: 70px; */ overflow: hidden; line-height: 0;} html.js .owl-thumb-item img { height: 80px; border:1px solid #dddddc; box-sizing:border-box } #itemDetails { padding-left: 60%; box-sizing: border-box; position: absolute; right:0; top:0; overflow-y: scroll; width: 100%; z-index: 1; transition: margin-top 0.4s; } #itemDetails.noImages { width:40%; float:right; position:relative; top: 0!important;} #itemTitles { padding: 20px 25px 10px; clear: both; border-bottom: 0;} #itemTitles h1{ line-height:130%;font-weight: 300;} .itemPrices { padding-top:5px; line-height: 26px;font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif!important;} .itemPrices span { font-size: 24px; font-weight: 700; font-family:inherit;} .itemPrices .now { color:#FF4C4C; } .itemPrices .sav { color:#FF4C4C; padding:0 0 0 5px; } .itemPrices .red { color:#FF4C4C; display: block; font-size: 15px;} .itemPrices .was { color:#1A1A1A; display: block; font-size:11px; line-height:18px;} .itemBrand { position:absolute; display:block; top: 10px; left: 100px; z-index: 2; width:60px; } .itemBrand img {width:60px; } .productFreeDeliveryMethods { margin: 10px 0 0 0; padding: 0; list-style-type: none; } .productFreeDeliveryMethods li { padding: 8px 8px 8px 60px; border: 1px solid #dddddc; font-size: 12px; font-weight: 500; color: #2A82BA; background-color: #fff; margin:10px 0 0 0; } .productFreeDeliveryMethods li::before { font:normal normal normal 14px/1 FontAwesome; position:absolute; top:0; bottom:0;left:0; width:50px; background:#2A82BA; color:#FFF; text-align:center; font-size:17px; font-weight:normal!important; line-height:34px; content:''; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .productFreeDeliveryMethods li.collect::before { content:"\f0a6"; } .productFreeDeliveryMethods li.saturday-delivery::before { content:"\f073"; } .productFreeDeliveryMethods li.standard-delivery::before { content:"\f0d1"; } .productFreeDeliveryMethods li.next-day::before { content:"\f017"; } html.js #thumbnailsHold { padding: 0; font-size: 0; display: inline-block;} html.js #thumbnailsHold img{ margin: 0 0 10px; cursor:pointer; display: inline-block; padding: 0; border: 1px solid #dddddc; box-sizing: border-box;} #itemRev { padding: 0 15px 15px; margin: 0; box-sizing: border-box;display: none;} #itemRev a { display:block; float:left; } #itemRev .starRated { float:left; margin: 0 5px 0 0;} #itemRev .reviewRead { margin-right: 10px; } #itemRev .reviewWrite { margin-left: 0;} #itemOptions { padding: 0px 19px 15px 24px; margin: 0;} #itemOptions .guide { float:right; display: inline-block; overflow: visible;margin-right: 6px;top: -4px;font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif;color: #999;cursor:pointer;} #itemOptions .options{ clear:both; padding: 10px 0 0 0; overflow:hidden;} #itemOptions button { float:left; display:block; padding:0; text-align:center; min-width: 62px; padding: 0 5px; margin: 0 8px 8px 0; overflow: visible;line-height: 48px;height: 48px;font-size: 14px;} #itemOptions button.lowStock{ border-color:#2A82BA; color:#2A82BA; border-width:1px; } #itemOptions button.noStock{ border-color:#DDD; color:#FFF; background-color:#DDD; } #itemOptions button.noStock:hover { border-color:#DDD!important; color:#FFF!important; background-color:#DDD!important; } #itemOptions button.activeOptionInput { border-color: #000000; background: #000000; color:#FFF; } .itemAdd { overflow:hidden; padding-top: 10px;} .itemAdd h3 { padding:0 0 10px 0; display: none;} .itemAdd input { float:left; display:block; padding:10px 10px 10px 0; width: 20%; height: 48px!important; padding: 15px!important; font-size: 14px; color: #1A1A1A; text-align: center;} .wishlistAdd { display: inline-block; margin: 15px 0 0 0; /* height: 30px; */ padding: 0 0 0 16px; border: 0; background: url(../img/icons/mini-saved-dark.png) left no-repeat;display: none;} .wishlistAdd i, #quickDetails .quickSave { background-image:url(../img/icons/icn-save.png); } #addToBasket, #addCToBasket, .quickAdd { display:block; width: 100%; float:right; border-color: #000000; background-color: #000000; color:#FFF; /* margin-top:5px; */ background-position:right bottom!important; font-size: 16px;line-height: 48px;height: 48px;} #addToBasket.active { background:#2ee36e; border-color:#2ee36e;} #addToBasket.active:hover {background-color:#59e68b!important; border-color:#59e68b!important;} .wishlistAdd.active {/* border-color:#2E2E2E; */ /* background-color:#2E2E2E; */ /* color:#FFF; */ /* background-position:bottom right; */ } .wishlistAdd.active i {background-position:bottom; } .wishlistAdd i { /* top:-11px */} #itemRelatedCats { padding: 25px; margin: 0; } #itemRelatedCats a { text-transform: capitalize;} #itemRelatedCats a {text-decoration:underline;} #itemRelatedCats ul{ list-style:none; padding:0;} #itemShare { border:1px solid #dddddc; padding: 15px; background:#FFF; margin:20px 0 0 0; } #itemShare a { margin:0 10px 0 0; } #quickDetails #itemOptions button { height: 43px; min-width: 43px; line-height: 43px;} #relThumbs { padding: 0 20px 0 25px; margin: 10px 0 20px; /* border-bottom: 0; */} #relThumbs ul { margin:0; padding:0; display:block; list-style:none; overflow:hidden; height: 90px; } #relThumbs .smSCroll { /* height: 74px; */ overflow:hidden; } #relThumbs li { float:left; display:block; margin:0 0 0 10px; width: 80px; font-size: 0; line-height: 0;} #relThumbs li a { display:block; width: 80px;} #relThumbs li img{ width:100%; font-size: 0;} #relThumbs li a:hover img{ opacity:1;} #relThumbs li:first-child { margin:0 0 0 0; } #relThumbs li.swiper-slide a { display: block; padding: 5px;} #relThumbs h3{ padding: 0 0 15px 0; } #relColors { border:1px solid #dddddc; padding:15px 5px 5px 15px; background:#FFF; margin:20px 0 0 0; } #relColors ul { margin:0; padding:0; display:block; list-style:none; overflow:hidden; } #relColors li { float:left; display:block; margin:0 10px 10px 0; width: 22px; padding:1px; border-radius:12px; background:#dddddc;} #relColors li a { display:block; height:22px; border-radius:11px; } #relColors li:first-child { } #relColors li.swiper-slide a { display: block; padding: 5px;} #relColors h3{ padding: 0 0 15px 0; } #relColors a.white{ background-color:#FFFFFF; } #relColors a.black{ background-color:#000000; } #relColors a.grey{ background-color:#808080; } #relColors a.silver{ background-color:#CCCCCC; } #relColors a.gold{ background-color:#CEAC41; } #relColors a.red { background-color:#DD0000; } #relColors a.orange{ background-color:#FE5A1D; } #relColors a.yellow{ background-color:#FFFF00; } #relColors a.green{ background-color:#006400; } #relColors a.navy{ background-color:#002366; } #relColors a.blue{ background-color:#1C8BBF; } #relColors a.purple{ background-color:#7851A9; } #relColors a.pink{ background-color:#FF69B4; } #relColors a.brown{ background-color:#654321; } #relColors a.lightgreen{ background-color:#90EE90; } #relColors a.lightblue{ background-color:#87CEFA; } #relColors a.crimson{ background-color:#8B0000; } #relColors a.cream{ background-color:#FFFDD0; } #relColors a.multi{ background-image: url(../img/icons/icn-multi-bg.png);} #itemPersonalisation { background:#2A82BA; padding: 15px 0; color:#FFF;} #itemPersonalisation h2 { color:#FFF; padding:0 15px 15px;} #itemPersonalisation .itemAdditions {padding:0 15px;border-bottom:1px solid #FFF; } #itemPersonalisation .persTotals {padding:15px 15px 0; } #itemPersonalisation .itemAdditions > div { padding: 0 0 10px 0; overflow:hidden; } #itemPersonalisation .itemAdditions > div label {float:left; width: 15%; height:34px; } #itemPersonalisation .itemAdditions input {width: 85%; float:left; color:#1A1A1A; } .persTotals {overflow:hidden; padding: 5px 0 0 44px;} .persTotals span { float: right; clear:right; display:block; width: 25%; text-align: right;} .persTotals label { float:left; clear:left; display:block; width: 75%; text-align: right;} .itemBadge span { float:left; width:50%; display:block; padding: 7px 10px; } .itemBadge label {float:none; width: 100%!important; text-align:left; padding-top: 5px;} .itemBadge label span {float:none; display:inline-block; width:24px; height:24px; background:#FFF url(../img/icons/icn-check-checked.png); padding:0; text-align:left; vertical-align: middle;margin-left: 15%;margin-right: 10px;} .itemBadge.active label span { background-color: #999998;background-position:bottom;} .itemBadge input{ float:left!important; margin:5px 0; } .checkbox { width:33px; height:34px; background:#FFF; float:left;} .checkbox.checked { background-color: #2e2e2e; border-color: #2e2e2e; background-position: bottom; } #itemPersonalisation .itemCharacters { padding:0 0 0 45px; height: 36px; } .itemCharacters.boot{ background:url(../img/custom/w/boot-name-no.png) no-repeat left center;} .itemCharacters.shirt{ background: url(../img/custom/w/shirt-name.png) no-repeat left 2px;} .itemCharacters.glove{ background:url(../img/custom/w/glove-name-no.png) no-repeat left bottom;} #itemPersonalisation .itemNumber{ padding:0 0 0 45px; } .itemNumber.boot{ background:url(../img/custom/w/boot-no.png) no-repeat left bottom;} .itemNumber.shirt{ background: url(../img/custom/w/shirt-no.png) no-repeat left 2px;} .itemNumber.glove{ background:url(../img/custom/w/glove-no.png) no-repeat left bottom;} #itemPersonalisation .container {padding-left:45px; padding-bottom:10px; padding-right:1px; background:url(../img/custom/w/player.png) no-repeat 3px 6px;} #itemPersonalisation .itemFlag { padding:0 0 0 45px; background:url(../img/custom/w/flag.png) no-repeat left center; height:34px; } #itemPersonalisation select { display: inline-block; background: #fff url(../img/icons/arr-d.png) no-repeat center right/28px; padding: 10px 0px 10px 5px; width: 85%; margin-left: 0;} #itemPersonalisation .itemBadge {background: url(../img/custom/w/badge.png) no-repeat left 2px; } #flagList { background-color: #fff; border: 1px solid #DDD; color: #1a1a1a; display: inline-block; padding: 0 8px; margin-left: 15%; height: 36px; line-height: 36px; width: 85%; } #selectFlag { display:none; position:absolute; background:#FFF; right:0; left:45px; top: 35px; z-index: 10; box-shadow: 0 0 20px rgba(0,0,0,0.2); height:300px; overflow-y:scroll!important;} #selectFlag ul { float:left; display:block; list-style:none; margin: 0; padding: 0; width:100%; } #selectFlag ul:last-child li {border-left:1px solid #dddddc!important; } #selectFlag a { display:block; } #selectFlag li { display:block; background-repeat:no-repeat!important; background-size: auto 16px; background-position:8px 8px; color:#000; padding:6px; padding-left:45px;} #selectFlag li:hover { background-color:#f0f0f0;} #selectFlag li.active a { background:url(/skins/jdcustom-desktop/img/check-checked.png) no-repeat 97%; background-size:auto 60%; } #selectedFlag{ display:block; background-repeat:no-repeat!important; background-size: auto 16px; background-position:0px 9px; color:#000; padding-left:30px;} .threesixty-button { position:absolute; z-index:8;display:none; width:48px; overflow:hidden; height:48px; padding:0; background-image: url(../img/icons/icn-360-img.png);} .viewLarge { position:absolute; top: 15px; right: 15px; z-index: 2;} .viewLarge a {display:block; width:48px; overflow:hidden; height:48px; padding:0; background-image: url(../img/icons/icn-zoom-img.png);} #itemGallery .threesixty-button {bottom: 15px; right: 62px; } #product-view .threesixty-button { bottom: 15px; right: 15px; } #itemRelated { /* border-left: 1px solid #dddddc; */ /* background:#FFF; */ margin: 10px -20px 0 0; /* border-bottom: 1px solid #dddddc; */} #itemRelated > h3{ padding: 15px 0; /* border-right: 1px solid #dddddc; */ /* border-top: 1px solid #dddddc; */} #itemRelated #list{ margin:0; padding: 0;} .relList { overflow:hidden;} #itemRelated li.listItem { float: left; width: 50%; box-sizing: border-box; margin:0; padding:0;} #itemRelated li.listItem span.itemView { margin: 0 20px 20px 0; padding: 0 0 5px 0; /* border-left:0; */ /* border-bottom: 0; */ overflow: hidden;} #itemDelivery { padding: 10px 0 0 30px;} #itemDelivery ul{ display:block; list-style:none; margin:0px; padding:0px;} #itemDelivery ul li {padding: 4px 0;margin-left: 30px;} #itemDelivery ul li i {font-size:16px; width:20px;margin-right:6px; display: inline-block;left: -27px;position: absolute;vertical-align: middle;top: 6px;} #itemDelivery ul li.delinfoCol span {background-position:0 0px; } #itemDelivery ul li.delinfoSta span {background-position:0 -32px; } #itemDelivery ul li.delinfoNex span {background-position:0 -64px; } #itemDelivery ul li.delinfoInt span {background-position:0 -96px; } #itemDelivery ul li.delinfoBfp i { font-size:18px; } #itemDelivery ul li.delinfoRet i { font-size:14px; } /* RECENTLY VIEWED */ .rcWrp { padding: 40px 20px 20px 0; /* border-bottom:1px solid #dddddc; */ background: #f6f6f6;} .rcWrp h2{ padding:0 0 0 20px;font-size: 20px;font-weight: 900;} .rcWrp .maxWidth {max-width: 1180px;} .rcWrp li.listItem { width:20%; } .rcWrp li.listItem > a { padding:10px; display:block;} /* BASIC ACCORDIONS */ .menu ul { display:block; padding:0; margin:0; list-style:none; } .menu li { display:block; margin:0; padding:0; } .menu { display:block; margin:0; padding:0; list-style:none; } .menu > li { display:block; margin:0;padding:0; } .menu > li > a { display:block; } .menu > li > ul { display:none; } .menu > li > ul > li { } /* BASIC ACCORDIONS */ .infoPage ul.menu ul { display:block; padding:0; margin:0; list-style:none; } .infoPage ul.menu li { display:block; margin:0; padding:0; } .infoPage ul.menu { display:block; margin:0; padding:0; list-style:none; border-top:0 none; } .infoPage ul.menu > li { display:block; margin:0; border-top:1px solid #dddddc; padding:0; } .infoPage ul.menu > li > a { display:block; cursor:pointer; font-size: 14px; font-weight: 400; padding: 15px 0;font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif;} .infoPage ul.menu > li > ul { display:none; border-top:0 none; padding: 0 0 15px 0;} .infoPage ul.menu > li > ul > li { } .infoPage ul.menu > li > ul > li > p:first-child { margin-top:0; } #itemInfo { margin: 10px 25px; } /* tabbed info #itemInfoTabs{height: 40px;} #itemInfoTabs a { cursor:pointer; margin: 0;box-sizing:border-box; height: 40px; display:block; transition: all 0.2s; -webkit-transition: all 0.2s; font-size: 14px; float:left; padding: 10px 15px; border-bottom: 0 none; border-left: 0;font-weight: 700; text-align: center;border: 1px solid #f6f6f6;border-bottom: 0 none;font-family: "proxima-nova-bold";} #itemInfoTabs a.activ {height: 41px; z-index:1;color: #1A1A1A;background: #f6f6f6;border: 1px solid #dddddc;border-bottom: 0 none;} #itemInfoContainer{ padding: 15px 0;border-top: 1px solid #dddddc;} #itemInfoContainer .tabInf p.pri {margin:0 auto auto} #itemInfoContainer .tabDel { padding:0;} #itemInfoContainer .tabDel br{ display:none;} #itemInfoContainer .tabDel li{margin: 0 0 0 0;} #itemInfoContainer > div {clear:both;} #itemInfoContainer > div h3:nth-child(1n+2) {margin:15px 0;} #itemInfoTabs a.inf {} #itemInfoTabs a.del {} #itemInfoTabs a.ret {} #itemInfoTabs a.info {width: 17%;} #reviewWrite {padding:0 20px;} */ #itemInfo.accord > ul{ border-bottom:1px solid #dddddc; } #itemInfo.accord > ul > li > a { font-size:14px; font-family:"proxima-nova-bold", Helvetica, Arial, sans-serif; border-top:1px solid #dddddc; display:block; padding:10px 0; font-weight:500; color:#000; } #itemInfo.accord > ul > li > a > i { font-size:10px; display:none; position:absolute; right:5px; top:14px; color:#333; } #itemInfo.accord > ul > li > a > i.fa-plus { display:block; } #itemInfo.accord > ul > li > a.active > i.fa-minus { display:block; } #itemInfo.accord > ul > li > a.active > i.fa-plus { display:none; } #itemInfo.accord .acitem { } #itemInfo.accord .acitem > li { padding: 5px 0 0 0; margin: 0 0 15px 0; } #itemInfo.accord .acitem > li p:first-child {margin-top:0;} /* #itemInfo.accord .acitem > li br {display:none;} */ .BV {margin:0!important;} .BV * { font-style: normal; font-family: Verdana, Arial, san-serif!important; position: relative; -webkit-font-smoothing: antialiased; } .BV .BVSectionHeader{ font-weight:500!important; } .BV .BVMESectionHeader{ font-weight:500!important; } .BVMEPopinTip { z-index:4; } .BV input[type=text], .BV select{ background-color:#FFF!important; padding:6px!important; border:1px solid #dddddc!important; line-height:16px; height:34px!important; } .BV textarea{ background-color:#FFF!important; padding:6px!important; border:1px solid #dddddc!important; line-height:16px; } .BV .BVHeader { display:none!important; } /* DETAIL PAGE POPUPS ============================================================= */ #lbOpenCt { position:absolute; width: 100%!important; top: 20px; display: none;} .popBox { position: absolute; height: 70%; top: 0; bottom: 0; margin:auto; left: 0px; right: 0px; z-index:97; overflow:hidden; display: block; width: 580px; box-shadow: 0 0 20px rgba(0,0,0,0.3); background: #FFF;} .popBox .popContent { overflow: auto; bottom:0px; top: 0; position:absolute; left:0; right:0; border-top: 1px solid #dddddc; line-height:150%; background: #f8f8f8; z-index: -1;} .quickContain #sizeGuide .popTitle, .popBox > .popTitle { background:#FFF; padding: 21px; display:block; font-size: 16px; height: 60px; box-sizing: border-box;} .popBox > div #headings { display:none!important; } .quickContain #sizeGuide .closeGuide, .popBox .popOpen { background-image: url(../img/icons/icn-pop-close.png); width: 34px!important; height: 34px; background-position: -7px -7px; transition: none; -webkit-transition: none; position: absolute; right: 15px; top: 13px; z-index: 11; padding: 0;} .quickContain #sizeGuide .closeGuide:hover, .popBox .popOpen:hover { background-position: -7px -53px!important;} #poplbg, #poplbgGuide, #lbOpenBg { background: radial-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.4)); position:absolute; top:0px; left:0; right:0; bottom:0; width:100%; position:fixed; z-index: 97; display:none; transform: translateZ(0);} #poplbg #reviewsPanel { padding: 15px; overflow: auto; } #poplbgGuide .popContent #breads, #poplbgGuide .popContent #infoLinks { display:none; } #poplbgGuide .popContent #infoContent { margin:0; padding: 0; } #poplbgGuide .popContent #breads, #poplbgGuide .popContent #infoConten { margin:0; } .popBox #text{ padding: 0 20px 20px;} .popBox .infoSizing #holder > ul.menu > li:first-child{ border-top:0;} .popBox .infoSizing h2 {padding:20px 0px 0;} .popBox .infoSizing h3 {padding:15px 0 10px 0;} .quickContain { padding:20px; height:auto; top: 20px; bottom:auto; background: #f8f8f8;} .quickContain .close { width:48px; margin:0 0 20px 0; height:48px; padding:0; overflow:hidden; text-indent:999px; float: right;} .popBox .infoSizing table tr:nth-child(2n+2) td { background:#FFFFFF; } .quickContain #sizeGuide.active .infoSizing.Guide { top: 0; border-top: 1px solid #dddddc; bottom: 0; position: absolute; right: 0; left: 0;} .quickContain #sizeGuide.active .infoSizing.Guide #headings{ display:none;} .quickContain #sizeGuide.active .infoSizing.Guide #infoLinks{ display:none;} .quickContain #sizeGuide.active #breads { display:none;} .quickContain #sizeGuide.active .infoSizing.Guide #infoContent{margin:0; width:100%;} #quickDetails { float:right; width: 290px;} .quickLeft { float:left; width: 270px;} #quickGallery { border:1px solid #dddddc; background: #FFF;} #quickImage { clear:both; } #quickImage a { display:block; } #quickImage a img { width:100%; display: none; } #quickImage a img.active { display: block; } #quickThumbs { list-style:none; display:block; margin:0; padding:0; clear:both; padding: 0; /* position: absolute; */ margin: 15px; background: #FFF;} #quickThumbs.smScroll {} #quickThumbs li { display:block; margin:0; padding:0; float:left; width: 44px; margin:0 0 0 10px;} #quickThumbs li:first-child {margin:0;} #quickThumbs li a {display:block;} #quickThumbs li a.active { cursor: default; } #quickThumbs li img{ display:block; margin:0; padding:0; width:100%; border: 1px solid #dddddc; box-sizing: border-box;} #quickDetails .quickGo { clear: both; width: 110px; margin: 10px 0 0; padding: 0; text-align: center; height: 34px; line-height: 34px; } #quickDetails .quickSave { display: inline-block; margin: 15px 0 0 0; /* height: 30px; */ padding: 0 0 0 16px; border: 0; background: url(../img/icons/mini-saved-dark.png) left no-repeat; cursor:pointer; clear: both; } #quickDetails #itemTitles { padding: 15px 15px 0; } #quickDetails #itemTitles h2 { /* display:none; */ /* font-size: 20px; */ padding-right: 40px; line-height: 20px;} #quickDetails #itemRev { background: none; border: 0 none!important; padding: 5px 0; } #quickDetails .close, .storeDetailsClose { background-image: url(../img/icons/icn-pop-close.png); width: 34px; height: 34px; background-position: -7px -7px; transition: none; -webkit-transition: none; position: absolute; right: 0; top: 0; z-index: 1;} #quickDetails .close:hover, .storeDetailsClose:hover { background-position: -7px -53px!important;} #quickDetails .pin-bottom { clear:both; } #quickDetails .quickConfig { clear:both; } #quickDetails .quickConfig #itemOptions { border-top: 0 none; } #quickDetails .quickConfig #itemOptions .options {width: 271px;} #quickDetails .itemPrices { border-bottom:0; font-size: 15px;} #quickDetails .itemPrices span { border-bottom:0; font-size: 15px; line-height: 130%;} #quickDetails .itemPrices span.was { border-bottom:0; font-size: 11px; color:#1A1A1A; padding-top: 2px;} .quickLeft #relThumbs { margin-top:20px; border-bottom:1px solid #dddddc;} /*quickView SizeGuide*/ .quickContain #sizeGuide .popTitle { background:#fff; position:absolute; top:-157%; height: 60px; -ms-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; transition:all .3s; width: 100%; } .quickContain #sizeGuide { background:rgba(248, 248, 248,1); position:absolute; bottom: 110%; left:0; width:100%; height:100%; z-index:100; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.4); /* -ms-transform:translateY(-150%); -moz-transform:translateY(-150%); -webkit-transform:translateY(-150%); transform:translateY(-150%); */ -ms-transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; transition:all .4s; overflow: hidden; } .quickContain #sizeGuide.active { /* -ms-transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); */ top:0; background:rgba(248, 248, 248,1); } .quickContain #sizeGuide.active .popTitle { top:0; z-index:5; } .popContent #content { padding: 0; position: absolute; top: 60px; bottom: 0; left: 0; width: 100%; overflow-y: auto!important; border-top:1px solid #dddddc; } .popContent #content::-webkit-scrollbar { display:block; width:20px; } .popContent #content::-webkit-scrollbar-thumb{ background-color:#000; border-radius: 20px; margin:5px; border:5px solid #f8f8f8; cursor:pointer; } .popContent #content::-moz-scrollbar { display:block; } .popContent #content::-ms-scrollbar { display:block; } .popContent #text.infoSizing { padding:0; } .popContent #text.infoSizing .guideTabs { padding: 15px 15px 0; } .popContent #text.infoSizing .guideTabsContent { padding:0 15px; } .quickContain .quickGuide { overflow: visible; } /* .quickContain #sizeGuide.active .closeGuide { position:absolute; top:0; right:0; width:20px; height: 20px; background: red; z-index:1; } */ /*NEW ZOOM TESTS*/ body.no-scroll {overflow:hidden; position: fixed;} #owl-zoom { width:auto; padding-left: 0; } #owl-zoom .owl-stage-outer { border:none; width:644px; left:80px; } #owl-zoom .owl-item{ width:640px!important; margin-right:80px!important; } #owl-zoom .owl-item .product-image { width: 100%; display: inline-block; } #owl-zoom .owl-thumbs { z-index:9999; } #owl-zoom .owl-thumb-item { margin:15px 0 0 15px; box-shadow: none; } .zoomContainer { width: 100%!important; height:100%!important; } .zoomWindowContainer{ width:640px!important; height:100%!important; left:80px; } .zoomWindow{ width: 100%!important; height: 100%!important; position: relative; } /* #product-view .zoomContainer {left:7.8%!important;} #owl-zoom .owl-stage-outer {width:92%; margin-left:5%;} #owl-zoom .owl-item img{height:80%; max-width:80%;} */ /*END NEW ZOOM TESTS*/ /* PRODUCT LARGER IMAGE ZOOM & 360 */ #product-view { display: none; position: fixed; z-index: 50; top: 0; left: 0; width: 100%; height: 100%; background:url(../img/lb-bg-20.png); } #product-view .inner { width: 720px; height: 654px; /*position: fixed;*/ background: #fff; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-size: 0px; box-shadow: 0 0 20px rgba(0,0,0,0.3); box-sizing: border-box;} /*width: 554px; height: 613px;*/ #product-view .inner .thumbnail-tray { overflow: auto; display: block; position: absolute; width: 54px; background: #FFF; left: 0; padding: 0; top: 0; bottom: 0; background: #f8f8f8; padding: 10px; line-height: 0;} #product-view .inner .thumbnail-tray img { cursor: pointer; width: 54px; margin: 0 0 10px 0; border: 1px solid #dddddc; box-sizing: border-box; line-height: 0;} /* #product-view .inner .main-image { position: absolute; top: 0; display: block; overflow: hidden; margin-left: 74px; } */ #product-view .image-footer { position: absolute; bottom: 0; height: 46px; width: 100%; } #product-view .image-footer .right-arrow { position: absolute; right: 0; padding: 0px 10px; } #product-view .image-footer .left-arrow { padding: 0px 10px; } #product-view .inner .close { position: absolute; top: 15px; right: 15px; width: 48px; padding:0; height:48px; z-index: 1000; cursor: pointer ; background-image:url(../img/icons/icn-pop-close.png); } #threesixty-modal-wrapper {height:100%; position:absolute; left:0; right:0; bottom: 0;} #threesixty-modal-wrapper #product-view-threesixty { width: 100%; height: 100%!important; margin: auto; } #threesixty-modal-wrapper #product-view-threesixty * { width: 100%!important; margin: auto; top: 0; bottom: 0; overflow: visible!important;} #slider-box { margin: 0 auto; display:block; bottom:0; z-index:1; left:0; position:absolute; left:0; right:0; padding: 25px 30px 26px 75px; background:#FFF;border-top:1px solid #dddddc; box-sizing:border-box; background: url(../img/icons/icn-360-img.png) 3px 3px no-repeat; } #slider.ui-slider { border: 0; height: 1px; background-color: #dddddc; } #slider.ui-slider .ui-slider-handle { width: 40px; border: 0px; top: -5px; height: 11px; margin-left: -20px; background-color: #999998; transition: background-color .2s ease-in; -webkit-transition: background-color .2s ease-in; -moz-transition: background-color .2s ease-in; } #slider.ui-slider .ui-slider-handle:hover { background-color: #000; cursor: pointer; transition: background-color .2s ease-in; -webkit-transition: background-color .2s ease-in; -moz-transition: background-color .2s ease-in; } #slider.ui-slider .ui-slider-handle:before, #slider.ui-slider .ui-slider-handle:after { content: ''; display: inline-block; position: relative; background-image: url(../img/icons/icn-smscroll-h.png); height: 10px; width: 10px; top: 1px; } #slider.ui-slider .ui-slider-handle:before { background-position: left; float:left; } #slider.ui-slider .ui-slider-handle:after { background-position: right; float: right; } /* @media only screen and (max-device-width:1024px) { #slider { display:none!important; } } */ #product-view-threesixty .spritespin-stage img { width: 100%!important; height: auto!important;} #product-view-threesixty .spritespin-preload img {} #videoWrp { position: absolute; z-index: 9999; background: #FFFFFF; top: 1px; left: 91px; right: 0px; bottom: 1px; display: none;} #videoWrp video{ width:100%; height:100% ; -webkit-filter: contrast(115%) brightness(110%);} .open-video{ display:block; height:80px; margin: 0; background: url(../img/icons/icn-video-play.png); position: absolute; z-index: 999; top: 0; left: 0; width: 80px; box-sizing: border-box; border: 1px solid #dddddc; cursor: pointer;} .open-video.en { background: url(../img/icons/icn-video-play-en.png); } .open-video.nl { background: url(../img/icons/icn-video-play-nl.png);} .close-video { box-sizing:border-box; position:absolute; cursor:pointer; z-index:1; border:1px solid #dddddc; background-image: url(../img/icons/icn-pop-close.png); background-color:#FFF; width: 34px; height: 34px; background-position: -7px -7px; transition: none; -webkit-transition: none; position: absolute; right: 15px; top: 15px; z-index: 1;} .close-video:hover { border-color:#2e2e2e; background-position: -7px -53px!important; background-color:#2e2e2e;} img.threesixty-loader { } .zoomWindow { cursor:crosshair !important; } #threeSixtySlider { padding: 24px 35px; position: absolute; box-sizing: border-box; bottom: 0; left: 0; right: 0; border-top: 1px solid #dddddc; background: #FFF; z-index: 11; } /* INFO PAGES =================================================== */ #text { padding: 0 20px 20px 20px; } #text #headings { margin-left:220px ; } #content { background:#f8f8f8; min-height: 400px;} #infoLinks { float: left; width: 200px; box-sizing:border-box; border-right: 1px solid #dddddc;} #infoLinks ul{ padding: 15px 0; margin:0; list-style:none;border-top: 1px solid #dddddc;} #infoLinks ul a{font-size:12px!important; border:0; background-color: transparent;padding: 2px 0;display: inline-block;} #infoLinks h2{ padding: 15px 0; font-weight: 400;} #infoContent { margin-left: 220px; /* padding:0 0 30px 0; */ } #text #app > h1 { display:none; } #content.pageNotFound #headings h1{ background: url(../img/icons/not-found.png) no-repeat center 20px; padding-top: 170px; text-align:center; } #content.pageNotFound #headings h1.en { background: url(../img/icons/not-found-en.png) no-repeat center 20px; } #content.pageNotFound #headings h1.nl { background: url(../img/icons/not-found-nl.png) no-repeat center 20px; } #content.pageNotFound .noPage{ text-align:center; } #content.pageNotFound .noPage ul{ margin:0 auto; width:auto; display:inline-block; text-align:left; padding-left: 10px; } /* SIZE GUIDE */ .infoSizing ul.menu > li > ul > li > a { padding: 7px 0; display:block; font-size: 14px; font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif;color: #666;} .infoSizing ul.menu > li > ul > li > ul { display:block; overflow:hidden; } .infoSizing ul.menu > li > ul > li > ul > li{ padding: 5px 0 0 0;} .infoSizing ul.menu > li > ul > li > ul > li > a { padding:10px 15px; display:block; font-size: 12px; } .infoSizing ul.menu > li > ul > li > ul > li > ul > li { padding:0 15px 15px 15px; } .infoSizing ul.menu > li > ul > li > ul > li > ul > li table{width:100%; border-collapse:collapse; } .infoSizing table {width:100%; border-collapse:collapse; border:1px solid #dddddc; margin: 5px 0 15px 0;} .infoSizing table td, .infoSizing table th { padding: 5px; font-size: 11px; text-align:center; border: 1px solid #f6f6f6; } .infoSizing table tbody tr { border-top:1px solid #dddddc; } .infoSizing table tr:nth-child(2n+1) td { background:#FFF; } .infoSizing table th { background: #CACACA; color: #FFF; font-weight:500; } .infoSizing h5 { font-size:12px;} .infoSizing .guideTabs { font-size:0;height: 40px;background-color: #f6f6f6;} .infoSizing .guideTabs h3{ display:inline-block; padding: 10px 20px;vertical-align:top; cursor:pointer;border: 1px solid transparent;} .infoSizing .guideTabs h3.activ{ border:1px solid #dddddc; border-bottom:0 none;height: 41px;box-sizing: border-box;background-color: inherit;z-index: 1;} /* DELIVERY */ .infoDelivery .infoArticle > p { display:none; } .infoDelivery ul.menu > li > ul > li { } /* RETURNS */ .infoReturns .infoArticle > p { display:none; } .infoReturns ul.menu > li > ul > li { } /* ORDERS */ .infoOrders .infoArticle > p { display:none; } .infoOrders ul.menu > li > ul > li { padding:15px; } /* FAQ */ .infoFAQs .infoArticle > p { display:none; } .infoFAQs ul.menu > li > ul > li { padding: 0; } .infoFAQs .infoArticle > p { display:none; } .infoFAQs ul.menu > li > ul > li > a { font-size:14px; font-family:"proxima-nova-bold", Helvetica, Arial, sans-serif;color: #666;display: block;padding: 7px 0;} .infoFAQs ul.menu > li > ul > li > ul > li { padding:0 15px; } /* Payment */ .infoPayment .infoArticle > p { display:none; } .infoPayment ul.menu > li > ul > li { padding:15px; } /* Cookies */ .infoCookies ul.menu { margin:0 0 15px 0; } .infoCookies ul.menu > li > ul > li { padding:15px; } .infoCookies dd { margin: 0 0 0 15px; } .infoCookies dt{ margin: 10px 0 0 0; } /* CONTACT FORM */ .infoForm{ float:left; width:100%; margin-top:20px;} .infoForm #contactForm{ width:80%;} .infoForm h3 { margin-bottom:20px;} .infoForm .proButtons { text-align:right;} .infoForm #submitBtn { width:64%; display:inline-block;} /* BRANDS PAGE ===================================================== */ #brands { padding:0 20px 20px 20px; } #brandsMenu a { float:left; width: 40px; padding:0; text-align:center; height: 40px; line-height: 40px; margin: 0 4px 4px 0; font-size: 14px;font-weight: 700;font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif;} #brandsMenu a.noBrands { color:#FFF; background-color:#DDD; border-color:#DDD;} #brandsHeader { overflow:hidden; font-size:16px; font-weight:500;margin:15px 0 0 0 } .brandsLetter { float:left; width:20%; padding:20px 0;} .brandsLetter a {font-size:16px; font-weight:500; } #brandsMenu a.noBrands:hover { color:#FFF!important; background-color:#DDD!important; border-color:#DDD!important;} .brandsCol { float:left; width:40%; border-left:1px solid #dddddc; box-sizing:border-box; overflow:hidden; padding: 10px 15px; } .brandsCol ul {display:block; list-style:none; padding:0; margin:0; overflow:hidden; } .brandsCol ul li {display:block;float:left; width:50%; padding:2px 0; } .brandsCol ul li a{margin:0 15px 0 0;} .brandsCol ul li a:hover{text-decoration:underline;} .brandsRow { border-top:1px solid #dddddc; } /* BRANDS PAGE ===================================================== */ div#allStores { padding:0 20px 20px 20px; } #storesMenu { overflow:hidden; padding-bottom:15px;} #storesMenu a { float:left; width: 40px; padding:0; text-align:center; height: 40px; line-height: 40px; margin: 0 4px 4px 0; text-transform: uppercase;font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif;font-size: 14px;font-weight: 700;} #storesMenu a.noStoresLetter { color:#FFF; background-color:#DDD; border-color:#DDD;} #storesHeader { overflow:hidden; font-size:16px; font-weight:500;margin:15px 0 0 0 } .storesLetter { float:left; width:20%; padding:20px 0;} .storesLetter a {font-size: 14px; font-weight: 700; text-transform: uppercase;font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif;} #storesMenu a.noStoresLetter:hover { color:#FFF!important; background-color:#DDD!important; border-color:#DDD!important;} .storesCol { float:left; width:80%; border-left:1px solid #dddddc; box-sizing:border-box; overflow:hidden; padding: 10px 15px; } .storesCol ul {display:block; list-style:none; padding:0; margin:0; overflow:hidden; } .storesCol ul li {display:block;float:left; width:50%; padding:2px 0; } .storesCol ul li a{margin:0 15px 0 0;} .storesCol ul li a:hover{text-decoration:underline;} .storesRow { border-top:1px solid #dddddc; clear: both;} /* ACCOUNT PAGES =================================================== */ #account { padding: 20px; background: #f8f8f8;} #content #account #headings { margin: 0 0 0 19%; padding: 10px 0; padding-left:2%; } .accountAddressEdit #account, .accountAddressAdd #account, .accountLogin #account,.accountDashboard #account, .accountDetails #account, .accountAddressBook #account, .accountOrders #account, .accountOrder #account, .accountPasswordChange #account {padding:0 20px 20px 20px} #customerHelp { font-size: 18px; font-weight:500; text-align:center; padding:15px; background:#FFF; border-top: 1px solid #dddddc; clear: both;font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif;} #customerHelp div { font-family:inherit; font-weight:;} #myDashboardLeft { border-right: 1px solid #dddddc; float:left; width: 19%; box-sizing:border-box; margin: 0; } #myDashboardLeft h2{ font-size:14px; border-bottom: 1px solid #dddddc;} #myDashboardLeft h2 a{ display:block; padding: 15px 0;font-family: inherit;} #myDashboardLeft ul { display:block; margin:0; padding: 15px 0; list-style:none; } #myDashboardLeft li { display:block; margin:0; padding:0; line-height: 0;} #myDashboardLeft li a{ border:0 none; border-top:1px solid #dddddc; font-size: 12px;background-color: transparent;background: none!important;border: 0 none;padding: 2px;height: auto!important;line-height: 20px!important;display: inline-block;height: 20px;} #myDashboardLeft li a:hover { color:#1a1a1a!important;} #myDashboardLeft li a span{ display:block; padding:0 0 3px 0; font-weight:500; } #myAccount { margin-left: 240px; } #myAccount.forgotten-password {margin: 0 50% 0 0; min-width: 390px;} #myAccount.forgotten-password .proText {padding:0 0 15px 0; } #myAccount.forgotten-password .proButtons button {margin:0; width:100%; } #myAccount .padd {width:100%; float:right;} #myAccount .padd h2 {padding:0 0 15px 0; } #myAccount .padd h2 button {float:right; top:-4px;} #myAccount #updateCustomerForm #dob select { width:21%; margin-right:0.5%;} #myAccount #updateCustomerForm #dob select#dobYear { margin-right:0%;} .dashAddress ul { display:block; margin:0; padding:0; list-style:none; font-size: 0;} .dashAddress a{ text-align:center; /* float:right; */ padding: 5px 0; /* top:5px; */ box-sizing: border-box; bottom: -1px; height: auto;} .dashAddressBook .dashAddress a{position:absolute; width: 51%; } .dashAddressBook a.addEdit{ bottom:-1px; left: -1px;} .dashAddressBook a.addressDelete { right: -1px;} .dashAddressBlock .primaryAddressInformation { position: absolute; top: -13px; right: 0;} .dashAddressBlock .primaryAddressInformation span { display: block; width: 26px; height: 26px; border-color: #2ee36e; background: #2ee36e; color: #FFF; border-radius: 26px; margin-bottom: 5px; background-image: url(../img/icons/primary-delivery-address.png); background-size: 26px; background-repeat: no-repeat; z-index: 2; float: left; margin-left: 5px;} .dashAddressBlock .primaryAddressInformation span.primaryAddressInformation__Billing { background-color: #1083c7; border-color: #1083c7; background-image: url(../img/icons/primary-billing-address.png); } .dashHome li { padding:15px; background:#FFF; display:block; border:1px solid #dddddc; box-sizing: border-box; display:block; font-size: 11px; vertical-align: top;} .dashHome .dashAddress li a { position:absolute; top:15px; right:15px; padding:8px 15px; height:40px;} #myAccount.dashAddressBook { margin-left: 19%;} .dashAddressBook .dashAddress li { display:block; margin:0; padding:0; padding: 0 0 20px 20px; border-bottom:0 none; box-sizing: border-box; display: inline-block; width: 33.3%; font-size: 11px; vertical-align: top;} .dashAddressBook h2{ padding: 0 0px 15px 20px!important;} .dashAddressBook p { padding: 0 20px!important;} .dashAddressBlock { padding: 15px 15px 45px; background:#FFF; border:1px solid #dddddc; min-height: 222px; box-sizing: border-box; width: 100%; overflow: visible;} #account form { } #account form .padd { } #account form label { padding-left:0!important; width: 36%; vertical-align: top;} #account form label.useBillingAddressLabel { width: 100%; } #account form label.proInputsLabelAutoWidth { width: auto; } #account form input { width: 64%; } #account form .proButtons button { margin:0; width: 64%; display:inline-block; float: right;background-color: #000001;border-color: #000001;color: #FFFFFF;} #account form .proButtons #cancel { width: 24%!important; float: right; clear: both!important; display: block; text-align: center; padding: 0; margin: 10px 020%;} #account form .proButtons #saveAddress { width:64%!important;display: inline-block;} #account form h2 { padding:0 0 15px 0;} .loginNew { float: right; width:50%; padding: 20px; background: #FFF; border: 1px solid #dddddc; box-sizing: border-box;} .loginExisting { float:left; width:50%; padding:0 0 20px 0;} .loginExisting .padd {margin:0 20px 0 0; min-height:206px;} .loginExisting .padd {margin: 0 20px 0 0px;} .loginExisting .proTexts {padding:15px 0 0 0; float: right;clear: both;text-align: left;width: 64%;} .loginExisting .proTexts a { text-decoration:underline;} .accountRegister h2 { padding:0 0 15px 0; } .loginNew .wArro{ width: 100%!important;} #regLeft {float:left; width:50%; } #regRite {float:left; width:50%; } #regLeft .padd {margin:0 20px 0 0; padding: 0 0 20px 0;} #regRite .padd {margin: 0 0 0 20px; padding: 0 0 20px 0;} .accountRegister .proInputs .inputRow label { width:36%; } .accountRegister .proInputs .inputRow input { width:64%; } .differentAddress { display:none; } .differentAddress h2 { padding:15px 0!important;} .accountRegister .proButtons .inputRow button.prim { margin:10px 0 0 0; width:100%;} .accountRegister .proButtons .inputRow input.useBillingAddress { } .infoSave { padding-top:10px; clear: both;} .accountDashboard .dashAddress h2{ padding:0 0 10px 0; } .accountDashboard .dashView h2{ padding:15px 0 10px 0; } #securePayment {padding:15px; margin-top:20px; background: #FFF;text-align: center;border: 1px solid #dddddc;display: none;} #securePayment img {padding:10px 0 0 0;} .inputErr { margin: 10px 0 0 36%; box-sizing:border-box; border-radius:10px; right:0; z-index:1; width: 64%; clear:none; float:none; background: url(../img/icons/field-error.png) no-repeat #ffeded 9px 9px; border: 1px solid #ffc8c9; padding: 10px 10px 10px 34px; font-size: 9px; line-height: 15px; display:none;} .inputErr i{ display:block; background: url(../img/icons/field-error-tail.png); width:16px; height:8px; position:absolute; top:-8px; left:50%; margin-left:-8px;} .inputErr p { margin:0; padding:0; display:block;} #orderList { border:1px solid #dddddc; border-bottom:0 none;} .orderItem { padding: 15px 115px 15px 15px; background:#FFF; border-bottom:1px solid #dddddc;} .orderInfo .orderNumStat, .orderInfo .orderTrack { font-size: 14px; font-weight:700;} span.statusDispatched { color:#2A82BA!important;} span.statusPaid { color: #999998!important;} span.statusProcessing { color:#ec9c45!important;} .orderItem a{ position:absolute; top:15px; right:15px;} .orderItem.statusPaid { border-left:5px solid #999998!important;} .orderItem.statusProcessing { border-left: 5px solid #ec9c45!important;} .orderItem.statusDispatched { border-left:5px solid #2A82BA!important;} .accountOrder .orderInfo{ padding:0 0 20px 0;} .accountOrder .orderAddress { float:left; width:50%; border:1px solid #dddddc; box-sizing:border-box;} .accountOrder .orderAddress:nth-child(0n+2) { border-right:0 none!important; } .accountOrder .orderItemList { clear:both; border:1px solid #dddddc; border-top:0; border-bottom: 0;} .accountOrder .orderItemList { clear:both; border:1px solid #dddddc; border-top:0; border-bottom: 0;} .accountOrder #orderItem h2 {background:#f2f2f2; padding:15px; font-size:14px; border-bottom:1px solid #dddddc; border-top:1px solid #FFF} .orderAddress p{ margin:0; padding:15px; background:#FFF; min-height:180px;} .accountOrder #orderItem .orderItemLine {padding:15px; background:#FFF; border-bottom:1px solid #dddddc;} .accountOrder #orderItem .orderItemLine .orderItemLinePrice { float:right;} .accountOrder #orderItem .orderItemLineTotals { text-align:right; padding: 15px 15px 30px; border-top: 0 none;} .accountOrder #orderItem .orderItemLineTotals .orderFinalTotal { font-size:14px; font-weight:500; padding-top:5px;} .accountOrder #orderItem .orderItemLineTotals .orderFinalTotal span { font-size:14px; font-weight:500;} /* BASKET PAGE =================================================== */ #basketOrderPreview { overflow:hidden; padding: 0 53% 20px 0;} #basketOrderPreview h2 { padding-bottom:3px;} #basketOrderPreview h4 { padding-top:2px;} .confirmationReceipts { float:right; width:200px; position:absolute; bottom:20px; right:0;} .confirmationReceipts a { margin-top:10px;} #basketTopActions { float:right; width: 50%; z-index: 2; position: absolute; right: 0; bottom: 0;} #basketTopActions button { display:block; width:100%; } #basketTopActions .prim { margin: 0 0 20px 0; } #basketTopActions .giftAll{ border-color:#2A82BA; background-color:#2A82BA; color:#FFf; padding-right:14px; display: none;} #contShop { margin: 10px 0 0 0; } #basketContents { padding:0 20px 20px 20px; } #basketTable {display:block; list-style:none; padding:0; margin:0;border:1px solid #dddddc; } #basketHead { overflow:hidden; padding:15px; } #basketHead span { float:left; display:block; } #basketHead .headTitle{ width:34%; margin-right:80px; } #basketHead .headQty{ width: 174px; } #basketHead .headPrice{ } #basketHead .headSub{ float:right; text-align: right; } /* BASKET LIST */ #basketList {display:block; list-style:none; padding:0; margin:0; } #basketList li {display:block; padding:0; margin:0; border-top:1px solid #dddddc; padding:15px; overflow:hidden;} #basketList li .basketItemImage {display:block; float:left; width:80px;} #basketList li .basketItemImage img {display:block; width:100%;} #basketList li .basketItemInfo {display:block; float:left; width: 34%;padding: 0 0 0 15px;box-sizing: border-box;} #basketList li .basketItemInfo span{display:block;} #basketList li .basketItemName a { font-weight:500; } #basketList li .basketItemQuan { float:left; display:block; width: 144px; text-align: center;} #basketList li .basketItemQuan a { display:block; float:left; padding:0; width:48px; text-align:center; text-indent:999px; background-color: transparent;overflow:hidden; } #basketList li .basketItemQuan a:hover{ } #basketList li .basketItemQuan input { display:block; float:left; padding:15px 0; text-align:center; width:48px; font-weight:500;background-color: transparent;} #basketList li .basketItemPrice { float: left; display:block; padding-left: 30px; font-weight:500; width: 11%;} #basketList li .basketItemPrice span{ display:block;} #basketList li .basketItemQuan .quantityloader{ display:block;width:100%;height:100%;background:#FFF url(../img/icons/icn-load-quan.gif) no-repeat center; background-size:100%; } #basketList li span.was{text-decoration:line-through; color:#999;} #basketList li span.now{color:#FF4C4C;} #basketList li .cartPageItemQuanLess { background-image: url(../img/icons/icn-pop-minus.png);} #basketList li .cartPageItemQuanMore, #basketList li .cartPageItemQuanMoreInactive { background-image: url(../img/icons/icn-pop-plus.png);background-color: #FFF!important;} #basketList li .cartPageItemQuanZero { float: none!important; display:block; width: 48px; /* height:48px; */ text-indent: 0!important; overflow:hidden; clear: both; border: 0 none; text-decoration: underline; margin: 0 auto; display: inline; top: 10px;background-color: transparent!important;} #basketList li .cartPageItemQuanLess:hover, #basketList li .cartPageItemQuanMore:hover{ background-color:#333!important; } #basketList li .cartPageItemQuanZero:hover { color:#1A1A1A!important;} #basketList li .giftItem { clear:both; float:left; display: none; margin-top:15px; height:48px; padding-right:14px; border-color:#2A82BA; background-color:#2A82BA; color:#FFf; } #basketList li .basketItemSub { float:right; text-align:right;} #basketList li .basketItemSub span{ display:block;} .giftAll i, .giftItem i { background-image:url(../img/icons/icn-gift-wrap.png); background-position:bottom; } #basketList li span.text-green{display:block;color: #999998;font-weight: 500;} #basketList li span.text-red{display:block;color: #FF4C4C;font-weight: 500;} #basketList li.basketItem.sub { border-top:1px dashed #dddddc!important; background: url(../img/icons/icn-sub-item.png) 60px -7px no-repeat; } #basketList li.basketItem.sub .basketItemPrice { padding:0; float: right; text-align: right;} #basketList li.basketItem.sub .basketItemInfo { padding-left:95px; width: 39%; } #basketList li.basketItem.sub .basketItemInfo .basketItemSubName { display:block; } /* BASKET FOOTER */ .bordBox { padding: 0 0 10px 0; } .bordBox .cost { font-weight:500; } #promo { float:left; width: 44%; padding:20px 0 0 0;} #promo h4 { font-size:14px; padding-bottom:10px;} #promo input { display:block; float:left; width: 56%; cursor: text;} #promo #applyDiscountButton, #applyDiscountCheckoutButton { display:block; float:left; width: 105px; background-color: #000001; border-color: #000001; color:#FFF; font-size: 12px;} #totals { float:right; width:50%; padding:20px 0 0 0; text-align: right;} #totals .subtotal { padding: 0; } #totals .subtotal span { padding: 0 0 0 5px; display:inline-block; } #totals .subtotal.subtotals { margin-bottom:10px;} #totals .subtotal.total { margin-bottom:10px;} #totals h4 { font-family: Verdana;} #totals .savings * {color:#FF4C4C; } #totals p{margin: 0;} #totals .subtotal h2 { font-size:20px; padding-bottom: 0px;} #totals .subtotal h2 span, #totals .subtotal h4 span { float: right; text-align: right;font-family: inherit;font-weight: inherit;} #totals .prim { display:block; width:100%; } #basketActions h2 { padding:0 0 10px 0; font-size: 14px;} .orderSummary #totals { width:20%; } .orderSummary .totaLine label { display:inline-block; width:150px; } .orderSummary .totaLine span { display:inline-block; width:45px; text-align:right; } .orderSummary #basketList li .basketItemPrice { width:5%;} .orderSummary .addrHoldr {border-top: 1px solid #eee; background: #fff; padding: 15px 35px 15px 15px; text-align: right; margin-top:0px; margin-bottom:20px; } .orderSummary .addrHoldr h2 {float:left;} .orderSummary .addrHoldr .message {float:left;clear:left;text-align:left;line-height:1.5;} .orderSummary #basketActions {border-bottom:1px solid #ddd;} .cntShp { width: 50%; float: right; margin: 20px 0 30px; } /* STORE FINDER ==================================================== */ #storeFinder { padding:0 20px 20px 20px; } #storeFindLeft { box-sizing:border-box; border-top: 1px solid #dddddc; } #storeFindLeft input, #storeFindLeft button {display:block; width:100%; font-family: Verdana, Arial, san-serif!important;height: 48px;} #storeRiteHold { /* width:100%; */ /* border: 1px solid #dddddc; */} #storeRiteHold img.storeNone { width: 100%; } #storeFinder .optList { } #storeFinder .optList ul { display:block; margin:0; padding:0; list-style:none; background:#FFF; border-bottom:1px solid #dddddc; } #storeFinder .optList li { } #storeFinder .optList li a{ display:block; padding:15px; border-bottom:0 none; background-image:url(../img/icons/icn-store-locate.png); background-position:right top; } #storeFinder .optList li a strong { clear:both; display:block; font-size: 14px;} #storeFindMap{ position: absolute; right: 0; bottom: 0; left: 50%; top: 0; background: #FFF; border: 1px solid #dddddc; z-index: 1; } .storeList{ overflow: hidden; } .storeList ul.menu{ width: 50%; float: left; background: #FFF; border: 1px solid #dddddc; border-top: 0 none; } .storeList ul.menu > li > a { background:0 none; border-top:1px solid #dddddc; display:block; padding: 15px; font-size: 14px; } .storeList ul.menu > li > a:hover { background-color:#FFF!important; color:#1A1A1A!important; } .storeList ul.menu > li > a span { float:right; } .storeList ul.menu > li > ul > li { background:0 none; border:0 none; padding:0 15px 15px; } .storeList ul.menu > li > ul > li p{ margin:0; } .storeList ul.menu > li > ul > li .storeTim p{ margin:0; padding:10px 0 0 0; } .storeList ul.menu > li > ul > li h3 { padding:15px 0 0; font-size: 12px; } .storeList .storeLinks { padding:15px 0 0; font-size:0; line-height: 0;} .storeList .storeLinks a{ width: 31%; margin:0 2% 0 0; font-size:12px; text-align: center; padding: 0px 12px; display: inline-block;} .storeList .storeLinks a.showOnMap{ } #storeMap { border:1px solid #dddddc; height:498px; width:100%; /* max-height: 498px; */ /* min-height:498px; */ /* overflow: hidden; */ /* height: 498px; */ box-sizing: border-box;} #storeMap img { /* margin-top: 50%; */ /* width:100%; */ /* position: relative; */ display: block; /* top: 50%; */} #mapToggle { width:90px; height:30px; background:black; position:absolute; top:30px; right:10px; z-index:100;} #storefind { overflow:hidden; padding: 20px 0; box-sizing: border-box;} .storeDetails #storefind {} #storefind .storeTab { float:left; width: 33%;} #storeImg {float:right; width: 34%;line-height: 0;} #storeImg img { width:100%} .viewMaps { display:block; width:100%; margin:20px 0 0 0; } #store-finder-manual { float:left; width:60%; } #store-finder-manual #storeSearch { float:left; width: 60%; cursor: inherit;} #store-finder-manual button { float:left; width: 30%; background-color: #000001; border-color: #000001; color: #FFF; background-position: bottom right!important;} #store-finder-manual span { overflow:hidden; display:block; } #latlonForm { float:right; } #mapContainer.active { background:rgba(0,0,0,0.9); position:absolute; top:0; left:0; right:0; width:100%; height:100%; z-index: 10; } #mapContainer.active #storeMap { height:100vh; width:100%; } /* #allStores { text-align:center; padding: 20px 0 0 0;} #allStores .proButtons { text-align:center; } #allStores button {margin:0 auto;width: 130px;text-align: center;} */ a#allStores {width: 160px; text-align:center; margin: 15px auto 0;} .storeResults #storeFindLeft { position:relative; left:0; right:0; width:100%; float: none; overflow: hidden;} .storeDetails #storeFindLeft { margin: 0 0 20px 0; color:#1A1A1A; overflow: hidden; } #storeSer {} #storeSer ul { margin: 0; display:block; padding:0; list-style:none; overflow:hidden;} #storeSer li { margin:0; display:block; box-sizing:border-box; padding: 10px 0 0; list-style:none; vertical-align: top; text-align: left; margin: 0; overflow:hidden} #storeSer li img{ width:36px; float:left;} #storeSer li span{ padding: 5px 5px 5px 50px; line-height:130%; display: block;} .storeTab { } .storeTab p { display:block; padding: 10px 30px 0 0; margin:0; } #storeTel, #storeTim { } .storefind #headings h1{ padding: 10px 0 10px 0; } .storefind #headings h1 button{ position: absolute; right:0; bottom: 10px; top: auto;} .noStores { font-size:16px; text-align:center; padding:50px 0; } .storeDetails #storeRiteHold { } .storeLocatorAllStoresContent ul { } #mapMenu { padding: 20px 0; box-sizing: border-box; border-top: 1px solid #dddddc; border-bottom:0 none; overflow: hidden;} #mapMenu form { float:left; overflow:hidden; width:365px; font-size:0;} #mapMenu form input { display:inline-block; } #mapMenu form input#getDirections { cursor:pointer; background-color: #000; color:#FFF; padding:17px; } #mapMenu form input#startLocation { width:240px; cursor:text;} #mapMenu #mapFullScreen { float:right; padding: 12px 45px 0 15px!important; height: 48px; box-sizing: border-box;} /* NEW CHECKOUT =================================================================*/ #checkout { background: #f8f8f8; min-height: 400px; overflow: hidden;} #checkout #breads .maxWidth > span {display:none!important; } #process { padding: 30px 20px 20px 20px; } #privacy { background-color: #FFF; padding: 10px 20px; border-bottom: 1px solid #dddddc; text-align: center; display: none; } /* CHECKOUT PROGRESS */ #checkProg { background: #FFF; clear:both; border-bottom: 1px solid #dddddc; height: 39px; } #checkProg ul {display:block; margin:0; padding:0; list-style:none; overflow:hidden; min-width: 480px;} #checkProg li {display:block; text-align: left; margin:0; width: 33.3%; border-left:1px solid #dddddc; float:left; box-sizing:border-box; } #checkProg li a { box-sizing:border-box;padding:10px 10px 10px 50px; display:block; font-size: 13px;} #checkProg li:last-child{ border-right:1px solid #dddddc; } #checkProg li.activ a {background-color: #CACACA; border-color:#999998; color:#FFF; font-weight:500;} #checkProg li.activ a span { border-color:transparent; background-color:rgba(0,0,0,0.1);} #checkProg li.inactiv a { background-color: #FFF; border-bottom:1px solid #dddddc; height:40px; color:#BBB;} #checkProg li a span{ font-size: 18px; display:block; vertical-align:middle; position:absolute;left:0; top:0; padding:10px 0; text-align:center; width:40px; /* background-color:#D00; */ border-right: 1px solid #dddddc;} /* CHECKOUT SUMMARY */ #chckSummary { float:right; width: 240px; padding: 0;} #chckSummary .delMod { margin-left: 0; } #chckSummary ul { list-style:none; padding:0; display:block;} #chckSummary li { padding:0 0 3px 0; } #chckSummary li .bagCost{ float:right;} #chckSummary .prim {width:100%; } #chckSummary .checkTotal span, #chckSummary .checkSubtotal span { font-size:14px; font-weight:500; } #chckSummary .checkTotal { padding: 10px 0 0 3px; border-top:1px solid #dddddc; margin:5px 0 0 0; } #chckSummary .checkDiscount { color:#FF4C4C; } #chckSummary h2{ font-size:20px; padding-bottom: 10px;} #chckProcess { margin-right:260px; /* overflow:hidden; */ /* float: left; */} #chckProcessHold { float:left; width:100%;} .delMod { clear:both; } .delMod .modACC{ overflow:hidden; padding:20px 0; width: 100%; margin: 0;} .delMod .modACC ul { list-style:none; overflow:hidden; margin:0; padding:0; display:block; } .delMod h2 { } #delTypeList {margin-right:20px;} #chckFormLeft { float:left; width:48%; } #chckFormRight { float:right; width:48%; } #delStoreList { margin-right:20px;} #delStoreSearch {margin-right:20px;} #delStoreSearch .modACC form span { display:block; float:left; width: 60%;} #delStoreSearch .modACC form span input {float:left; width:60%;} #delStoreSearch .modACC form span button {float:left; width: 35%;} .chckListSelect ul { display:block; list-style:none; padding: 20px 0; } .chckListSelect li { display:block; list-style:none; padding:15px; cursor:pointer; overflow:hidden; border-top: 1px solid #dddddc; border-left: 1px solid transparent; border-right: 1px solid transparent;} .chckListSelect li > span {/* float:left; */ display:block; } .chckListSelect li > span > span { /* float:left; */ display:block; } .chckListSelect .chckCheck { width:24px; height:24px; margin:0 15px 0 0; padding:0; background-image:url(../img/icons/icn-check-checked.png); float: left;} .chckListSelect .chckListActive { border-left: 1px solid #dddddc; border-right: 1px solid #dddddc; background:#FFF; } .chckListSelect .chckListActive .chckCheck { background-color:#999998; border-color:#999998; background-position:bottom;} .chckListSelect .chckType { /* width: 300px; */ font-weight:500; /* margin-left: 60px; */ display: block; margin-left: 40px; margin-right: 50px;} .chckListSelect .chckDesc { /* width: 70%; */ display: block; margin-left: 40px; margin-right: 50px;} .chckListSelect .chckCost { float:right; } .chckListSelect li:last-child { border-bottom: 1px solid #dddddc; } #delAddressBook ul { display:block; list-style:none; overflow:hidden; } #delAddressBook li { display:block; list-style:none; padding: 0 20px 20px 0; cursor:pointer; float:left; width: 33.3%; box-sizing:border-box; min-height: 221px;} #delAddressBook li div {border:1px solid #dddddc; background:#FFF; padding:15px;} #delAddressBook li p { margin: 0 0 15px 0; min-height: 140px;} #delAddressBook li button { text-align:center; padding:0; width:100%; } #delAddressBook li.delAddActive button { background-color:#999998; color:#FFF; border-color:#999998;} #delAddressBook li.addNewAddress { /* min-height:0; */} .hugePlus { font-size:160px; text-align:center; margin:0; padding:0; display:block; line-height:140px; color:#CCC; } #delAddressBook li.delAddActive {} #delAddressBook li.delAddActive button { } #delAddressNew { overflow:hidden; margin: 0 20px 0 0; border-top: 1px solid #dddddc; padding-top: 20px;} #delAddressNew form { float:left; width: 100%; display:block; padding: 10px 0 20px 0!important; } #delAddressNew form .formleft{ margin:0 10px 0 0; } #delAddressNew form .formright{ margin:0 0 0 10px; } #chckProcess #storefind { padding:0 0 20px 0; } #delStoreList #storeListMap { float:left; width: 57%; height:450px;} #delStoreList #storeList { float:left; width: 43%;} #delStoreList #storeMapResults { margin: 0 20px 20px 0; min-height: 337px; background:#EEE; border: 1px solid #dddddc;} #delStoreList #storeList ul { margin:0; display:block; padding: 0 0 20px 0;} #delOrderSummary ul { padding:0; margin:0; list-style:none; } #delOrderSummary li { float:left; width: 33.3%; display:block; } #delOrderSummary li .prevDataBox {padding:0 20px 0 0;} #delOrderSummary li h3{ } #delOrderSummary li p{ padding:10px 0px 10px 0; margin:0; display:block;} #delOrderSummary li a{ /* position:absolute; */ /* top:-0px; */ /* right:20px; */ /* float: left; */ clear: none; display: inline-block; vertical-align: top; margin-left: 5px;} #delOrderSummary li a:hover{ } #confirmed {padding: 0 20px 20px; } #confirmed #confirmationDelivery{ float:left; max-width: 255px; padding: 20px 30px 20px 15px; } #confirmed #confirmationBilling{ float:left; max-width: 255px; padding: 20px 0; } #confirmed #confirmationBilling p, #confirmed #confirmationBilling p { display:block; margin:0; padding:10px 0 0 0; } #confirmed #confirmationItems{ clear:both; border-top:1px solid #dddddc; font-size:11px; } #confirmed #confirmationItems h2{ padding:15px; background:#F2F2F2;border-top:1px solid #FFF; border-left:1px solid #dddddc; border-right:1px solid #dddddc; } #confirmed #confirmationItems ul{ clear:both; border-top:1px solid #dddddc; margin:0; padding: 0 0 25px 0; list-style:none; display:block; } #confirmed #confirmationItems ul li{ clear:both; margin:0; padding: 15px; display:block; overflow: hidden; } #confirmed #confirmationItems ul li.confirmationItem{ border: 1px solid #dddddc; border-top:0 none; background:#FFF; } #confirmed #confirmationItems ul li.confirmationTotal { text-align:right; padding-bottom: 0px; padding-top: 0;} #confirmed #confirmationItems ul li.confirmationTotal .confirmationItemName { float:none;display:inline; width:auto!important;} #confirmed #confirmationItems .confirmationItemImage { float:left; width: 60px; display:block; height: 60px; margin-right: 30px; border: 1px solid #dddddc;} #confirmed #confirmationItems .confirmationItemInfo { display:block;width:50%; float:left; padding:0 0 0 30px; } #confirmed #confirmationItems .confirmationItemName { font-weight:inherit; float:left;width: 55%;} #confirmed #confirmationItems a.confirmationItemName {text-decoration:underline;} #confirmed #confirmationItems .confirmationItemDetails { display:block;} #confirmed #confirmationItems .confirmationItemPrice{ font-weight:inherit; float:right; width:15%; text-align: right;} #confirmed #confirmationItems .confirmationItemQuan { float:left; width:30px; font-weight:700;} #confirmed #confirmationItems ul li.confirmationTotal.totalSubtotal {padding-top: 15px;} #confirmed #confirmationItems ul li.confirmationTotal.totalTotal {padding-top: 5px; font-size: 18px; font-weight: 400!important;} #home {padding: 0px ;overflow: visible;} /* BANNER SWIPERS ===================================================*/ .homebanners { } .swiper-wrapper,.swiper-wrapper0,.swiper-wrapper1 { list-style-type: none; margin: 0; padding: 0; display:block;} .swiper-wrapper li,.swiper-wrapper0 li,.swiper-wrapper1 li { margin: 0; padding: 0; display: none; margin-bottom: 1px; /* prevents jump when swiper loads */ height: 100%!important; } .swiper-wrapper li img,.swiper-wrapper0 li img,.swiper-wrapper1 li img { width:100%; height:auto;} .swiper-wrapper li:first-of-type,.swiper-wrapper0 li:first-of-type,.swiper-wrapper1 li:first-of-type { display: block;} .swiper-slide,.swiper-slide0,.swiper-slide1 { } .swiper-slide-active {} .swiper-pagination,.swiper-pagination0,.swiper-pagination1 { text-align: center;} .swiper-pagination.overlay,.swiper-pagination0.overlay,.swiper-pagination1.overlay { text-align: center; position:absolute; left:0; right:0; bottom:15px; display: none;} .swiper-pagination span,.swiper-pagination0 span,.swiper-pagination1 span { width: 8px; height: 8px; margin: 0 5px; border-radius: 5px; display: inline-block; background: #FFF!important; border:1px solid #FFF; /* box-shadow: 0 0 5px rgba(0,0,0,0.3); */ } .swiper-pagination span.swiper-active-switch,.swiper-pagination0 span.swiper-active-switch,.swiper-pagination1 span.swiper-active-switch { background: #ccc!important; width: 10px; height: 10px; border:0 none; } .ban,.ban0,.ban1, #bans { background: #000 url(../img/loading.gif) no-repeat center; clear: both; } .ban.loaded,.ban0.loaded,.ban1.loaded, #bans.loaded { background: #FFF; margin: 0; overflow:hidden; } .ban.nonSwipe, #bans.nonSwipe { background: none; height: auto !important; } .ban > ul,.ban0 > ul,.ban1 > ul, #bans > ul { margin: 0 !important; padding: 0 !important; } .ban img,.ban0 img,.ban1 img, #bans img { width: 100%; display: block; border-collapse: collapse; } .ban #slide-prev, .ban #slide-next, .ban0 #slide-prev0, .ban0 #slide-next0, .ban1 #slide-prev1, .ban1 #slide-next1 { z-index: 8; display: none; height: 48px; width: 48px; padding:0; position: absolute; bottom: 50%; margin-bottom:-24px; background-repeat: no-repeat; cursor: pointer; } .ban #slide-prev:hover, .ban #slide-next:hover, .ban0 #slide-prev0:hover, .ban0 #slide-next0:hover, .ban1 #slide-prev1:hover, .ban1 #slide-next1:hover { } .ban #slide-prev, .ban0 #slide-prev0, .ban1 #slide-prev1 { left: 0; background-image: url(../img/icons/bb-arrow-l.png); } .ban #slide-next, .ban0 #slide-next0, .ban1 #slide-next1 { right: 0; background-image: url(../img/icons/bb-arrow.png); } .ban.loaded #slide-prev, .ban.loaded #slide-next, .ban0.loaded #slide-prev0, .ban0.loaded #slide-next0, .ban1.loaded #slide-prev1, .ban1.loaded #slide-next1 { display: block; } #ban .halfWidthBanner, #bans .halfWidthBanner { width: 50%; display: block; border-collapse: collapse; float: left; } #ban .quarterWidthBanner, #bans .quarterWidthBanner { width: 25%; display: block; border-collapse: collapse; float: left; } #ban .fullWidthBanner, #bans .fullWidthBanner { width: 100%; display: block; border-collapse: collapse; clear: both; } #ban .swiper-pagination span { background: #fff; } #ban .swiper-pagination span.swiper-active-switch { background: #F47D31; } #bannersAll { z-index: 1; } .banRow { } .banRow .maxWidth { } .banGrid { padding:0; margin:0; list-style:none; display:block; clear: both; overflow:hidden; transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);} .banGrid .gridLink { float:left; display:block; } .banGrid .gridLink a.banr { display:block; } .banGrid .gridLink a.banr img{ width:100%; display:block; } .banNum1 .gridLink { width:100%;} .banNum2 .gridLink { width:50%; } .banNum3 .gridLink { width:33.3%; } .banNum4 .gridLink { width:25%; } .banNum5 .gridLink { width:20%; } .banNum6 .gridLink { width:16.66%; } .banNum7 .gridLink { width:14.28%; } .banRow.wMargin {padding: 10px 5px 0; } .banRow.wMargin .maxWidth { max-width: 1170px; } .wMargin .banGrid .gridLink a.banr { margin: 0 5px;} .wHero.wMargin { padding: 20px 20px 0 20px; } .wHero.wMargin .maxWidth { max-width:960px; } .wHero.wMargin .swiper-banner { } .htm { width:100%; } .bannerGrid .wMargin .htm { margin:10px;} #bannersAll .banRow.wMargin:first-of-type {padding-top: 20px; } #bannersAll .banRow.wMargin:last-of-type {padding-bottom: 40px!important; } .banRow.fullWidthPage .maxWidth{ max-width:100%!important; } .addPadd { padding-bottom:20px!important; } .banRow.catPage.wMargin .maxWidth { padding-left: 220px; box-sizing: border-box;} .banRow.catPage.wMargin.fullWidthPage { margin-left:10px; padding-left: 0px;} /* NEEDS CHECKING .catNav { display:block; list-style:none; margin:0; padding:0; } .catPage { width:76%; float:right;clear:none!important;} .catPage.ban { overflow: hidden; } .catPage.ban .marg {padding:10px!important; } .catNav { width:20%; float:left; clear:none!important; padding-bottom: 10px!important; display:block;} .catNav > li { float:none!important; float:left; clear:both!important; } .catNav h2{ padding: 20px 0 10px 0; margin:0 0 10px 0; border-top: 1px solid #000; font-size:15px; font-family:"Ubuntu", Helvetica, Arial, sans-serif; font-weight:200; letter-spacing: 2px;} .catNav h2 a { font-size:15px; font-family: "Ubuntu Condensed", Helvetica, Arial, sans-serif; font-weight: 400; } .catNav ul { list-style:none; display:block; padding-bottom: 15px;} .catNav ul > li { display:block; padding:2px 0; } .catNav ul > li a { font-size:13px; font-family:"Ubuntu Mono",Helvetica, Arial, sans-serif!important; font-weight: 300;} .catNav ul > li a:hover { text-decoration:underline; } .catNav ul > li.landingSale { margin-top:8px; } .catNav ul > li.landingSale a { color:#D00;} .bannersets .loaded { margin-top:20px!important; } .banNum7.wMargin { overflow:hidden; margin:10px!important; border-top:1px dotted #dddddc; border-bottom:1px dotted #dddddc; clear:both; } .banNum7.wMargin .banr img { max-width: 122px; } .swiper-banner.wMargin .ban,.swiper-banner0.wMargin .ban0,.swiper-banner1.wMargin .ban1 { margin: 10px; overflow:hidden; } .catPage.swiper-banner .ban,.catPage.swiper-banner0 .ban0 ,.catPage.swiper-banner1 .ban1 {overflow: hidden;} .contentContainer {margin: 0px 12px; padding: 20px 0 10px 0;overflow: hidden;} */ #featured { padding: 40px 20px 30px 0px; transform: translateZ(0); } #featured h2{ padding:0 20px; font-size: 0;font-weight: 900;} #featured h2 strong {font-family:inherit; display:block; padding-bottom: 30px;font-size: 27px;font-weight: 800;line-height: 27px;color:#333;} #featured h2 label { display:inline-block; font-size:11px; padding:0 10px 0 0;} #featured h2 span{ border:1px solid #dddddc; height: 18px; line-height: 18px; font-size: 11px!important; cursor:pointer; -webkit-transition: all 0.2s;transition: all 0.2s;font-size: 16px;padding: 9px 15px;background: #ffffff;display: initial;} #featured h2 span:hover {background-color: #555555;box-shadow: rgba(0,0,0,0.1) 0px 0px 15px;color:#ffffff;} #featured h2 span + span{ border-left:0 none;} #featured h2 span.active{ color: #FFF; background-color: #333; border-color: #333;} #featured .maxWidth { max-width: 1180px!important;} #featured li { width: 25%; } #featured ul#list { overflow:visible; } #featured ul#list > a { padding: 10px 10px; border: 3px solid #dddddc; display: block; line-height: 20px; box-sizing: border-box; margin-bottom: -6px; transition: all 0.2s; margin: 0 auto; width: 150px; text-align: center; font-size: 14px; font-weight: 700; color: #858585; background-color: #f6f6f6; left: 0px; height: auto; } #featured ul#list > a:hover { color:#FFF; border-color:#333; background-color:#333; } .signUP { display:none!important; transform: translateZ(0);} /* REVIEW PANEL ======================================= */ .tabRev .starRated { padding-left: 100px; } .tabRev .revText {line-height:16px; } #reviewsPanel { min-height:52px; } #reviewsPanel > h3 { padding-bottom:3px; } #reviewsPanel .revItem h3 { font-size:11px; } #reviewsPanel #revList { display: block!important; list-style-type: none; margin: 0; padding-left: 0; padding-top: 10px; border-top: 1px solid #dddddc; margin-top: 15px;} #reviewsPanel #revList .revItem { padding: 10px 0; } /* TEST NO SCALE FULL WIDTH BANNERS ======================================= */ .fullBan { height:auto; } .fullBanImg { display:block; } .fullBanImg img { width:100%; border:0 none!important; display:block; } .fullBan.noScale {} .fullBan.noScale .fullBanImg img {width: 1600px; left:50%; margin-left: -800px; } .fullBanInf { z-index:2; position:absolute; top:0; left:0; right:0; bottom:0; height:100%; width:100%; max-width:100%; } .fullBan.noScale .fullBanInf { z-index:2; } .fullBanInfHold { margin:0 auto; height:100%!important; } .wMaxWidth .fullBanInfHold {max-width:960px; } .fullBanInfBox { width:280px; margin:30px 20px; position:absolute; } .fullBanInfBox h2 { font-size:36px; font-family:Verdana; font-weight: 800; text-transform:uppercase; line-height: 100%; } #itemInfoTabs a { padding: 10px; width:auto!important; font-size: 11px;font-family: Verdana;font-weight: 400;} .fullBanInfBox a { width:66%; margin:15px 0 0 0; transition:all 0.2s; -webkit-transition:all 0.2s; display:block; box-sizing:border-box; font-size: 14px; padding:15px; text-align:left; font-weight: 500;} .tWhite { color:#FFF; } .tWhite h2 { color:#FFF; } .tWhite .fullBanInfBox a { color:#FFF; border: 2px solid #FFF; } .tWhite .fullBanInfBox a:hover{ color:#1A1A1A; background-color:#FFF;text-shadow: none; } .tBlack { color:#1A1A1A; } .tBlack h2 { color:#1A1A1A; } .tBlack .fullBanInfBox a { color:#1A1A1A; border:2px solid #1A1A1A; } .tBlack .fullBanInfBox a:hover{ color:#FFF; background-color:#2e2e2e; border-color:#2e2e2e; text-shadow: none; } .tRight .fullBanInfBox { right:0; text-align:right; } .tLeft .fullBanInfBox { left:0; text-align:left; } .tTop .fullBanInfBox { top:0; } .tBot .fullBanInfBox { bottom:0; } .tRight .fullBanInfBox a{ float:right; } .h240 { overflow:hidden; height:240px; } .h320 { overflow:hidden; height:320px; } .h480 { overflow:hidden; height:480px; } .h640 { overflow:hidden; height:640px; } #socialShare { background:#F2F2F2; padding:100px 0; box-shadow: inset 0 7px 40px -20px rgba(0,0,0,0.7);} #socialShare ul { width:580px; background:#D00; display:block; list-style:none;padding:73px 0 0 0; margin:0 auto; overflow:hidden; background:url(../img/icons/socialShare-bg.png) no-repeat center top; } #socialShare.en ul { background-image: url(../img/icons/socialShare-bg-en.png); } #socialShare.fr ul { background-image: url(../img/icons/socialShare-bg.png); } #socialShare.nl ul { background-image: url(../img/icons/socialShare-bg-nl.png); } #socialShare li { float:left; display:block; width:14.28%; text-align:center; } #socialShare li a { opacity:0.6; width:72px; height:72px; background:url(../img/icons/socialShare.png) no-repeat left top; display:block; transition:all 0.2s; -webkit-transition:all 0.2s; } #socialShare li a.socTW { background-position:0 0px; } #socialShare li a.socFB { background-position:-72px 0px; } #socialShare li a.socIN { background-position:-144px 0px; } #socialShare li a.socYT { background-position:-216px 0px; } #socialShare li a.socPN { background-position:-288px 0px; } #socialShare li a.socTM { background-position:-360px 0px; } #socialShare li a.socGP { background-position:-432px 0px; } #socialShare li a:hover{ opacity:1;} .spotLight { margin:0 auto; max-width:1000px; overflow:hidden; padding:40px 0 40px 0; } .spotItem { float:left; text-align:center; } .spotItem:hover img { opacity:1; } .spotItemHold { margin:20px; } .spotItemHold img{ opacity:0.6; width:100%; transition: opacity 0.2s; -webkit-transition: opacity 0.2s;} .spot1 .spotItem { width:100%; float:none;} .spot2 .spotItem { width:50%;} .spot3 .spotItem { width:33.3%;} .spot4 .spotItem { width:25%;} .spot5 .spotItem { width:20%;} .spotItem a { display:block; } .spotItem a.bb { display:block; width:180px; margin:0 auto; overflow: visible;} .catNav{ position:absolute; z-index:9; left: 0; right: 0; padding: 0 20px;} .catNav .banGrid { position:absolute; } .catNav .htm {background:#FFF; width: 200px; box-sizing:border-box; border:1px solid #dddddc; margin:20px 0 0 0; padding: 15px; z-index: 1;} .catNav .htm ul { padding:10px 0; list-style:none; margin:0; display:block; } .catNav .htm ul li { padding:1px 0;} .catNav .htm ul > li > a > i { display: block; /* float:left; */ width:10px; height:10px; border-radius:5px; background:#DDD; margin:4px 5px 0 0; transition: all 0.2s; -webkit-transition: all 0.2s; position: absolute; left: 0; top: 1px;} .catNav .htm ul li a{ padding: 0 0 0 15px; display: block;} .catNav .htm ul > li > a:hover > i { background:#999998; } .catNav h1 { padding:0 0 15px 0; } #list.listProducts li.lay3 { width:33.3%; } #list.listProducts li.lay4 { width:25%; } #usp a { padding:0 15px!important; font-size: 11px;} #wishlist #list li.listItem { width:25%; } #usp a { padding:0 10px!important; } #dropNav > div > ul > li > a, #dropNav h2 a {font-size: 14px; } #dropNav > div > ul > li > a { padding: 15px 14px 15px 15px;} .fullBan.noScale .fullBanImg img { margin-left: -700px; width: 1400px;} .fullBan h2 {} #itemShare a { margin:0 15px 0 0; } #wishlist #list li.listItem { width:20%; } /* ERROR MESSAGES ================================================*/ .overlay { position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 9998!important; height: 100%; width: 100%; background: radial-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.4)); } #popupMessage { position:fixed; left:-260px; top:33%; margin:0 0 0 50%; z-index:9999!important; width:500px; overflow:hidden; min-height:100px; border:1px solid #DDD; background: #FFF; padding: 15px; box-shadow: 0px 0px 30px rgba(0,0,0,0.2); text-align: center; color: #000;} #popupMessageLarger { position:absolute; left:-380px; margin-left:50%; width:760px; top:35%;margin-top:250px; z-index:9993!important; overflow:hidden; min-height:300px; border:1px solid #DDD; background: #FFF; padding: 15px; box-shadow: 0px 0px 30px rgba(0,0,0,0.2); text-align: center; color: #000; } #popupMessage h2 { border-bottom: 1px solid #dddddc; width:100%; padding-bottom:15px; margin-top:0px; margin-bottom:15px; text-align:center;} #popupMessageLarger h2 { text-align: center; font-size: 14px; font-weight: bold; border-bottom: 1px solid #EEE; width:100%; padding-bottom:15px; margin-top:0px; margin-bottom:15px; } #popupMessage p,#popupMessageLarger p { margin:0!important; } #popupMessage input[type=button],#popupMessageLarger input[type=button] { margin: auto; margin-top:15px; margin-bottom:10px; padding: 15px 50px; width: 120px; font-size: 14px; background: #2e2e2e; color: #FFF; cursor: pointer; border: 0px; transition: all 0.2s;} #popupMessage input[type=button]:hover,#popupMessageLarger input[type=button]:hover { background-color:#999998; } /* NEW CHECKOUT FIXES =========================================================*/ .tipRow { clear:both; float: right; width: 48%; padding-top: 20px;} .addressLookup, .bfpoLookup { background: #000001; color: #FFF; padding: 7px 0; border-color: #000001; text-align: center; } .addressLookup:hover, .bfpoLookup:hover { border-color: #333; background-color: #333; } #paypalButton { background-color:#009cde; border-color:#009cde; } /* FEAtured producT in lising */ #featuredProduct{ border:1px solid #dddddc; padding:10px; background:#FFF; margin: 20px 0 0 20px; } #featuredProductGallery{ padding:10px; box-sizing:border-box; float:left; width: 54%; } #featuredProductDetails{ padding:10px; box-sizing:border-box; float:right; width: 46%; } #featuredProduct > h2{ padding:10px; font-size: 16px; } #featuredProduct #itemTitles { border:0 none; padding:0 0 10px 0; font-size:16px; } #featuredProduct #itemTitles h2 { font-size:16px; font-weight:400; } #featuredProduct #itemRev { border:0 none; padding:0 0 10px 0; } #featuredProduct .freeDel { padding:0; color:#2A82BA; background:none; } #featuredProduct .itemPrices { line-height:22px; } #featuredProduct .itemPrices span { font-size:16px; font-weight:500; } #featuredProduct .itemPrices span.was { font-size:14px; font-weight:400; } #featuredProduct #featGalleryMain { border:1px solid #dddddc; box-sizing:border-box; } #featuredProduct #featGalleryMain ul { margin:0; padding:0; list-style:none; box-sizing:border-box; } #featuredProduct #featGalleryMain img { width:100% ; box-sizing:border-box; } #featuredProduct #featGalleryThumbs { float:left; width: 21%; box-sizing:border-box; padding:0; padding:0 10px 0 0; } #featuredProduct #featGalleryThumbs ul { box-sizing:border-box; padding:0; list-style:none; margin:0; } #featuredProduct #featGalleryThumbs ul li { box-sizing:border-box; padding:0; list-style:none; border:1px solid #dddddc; margin: 0 0 10px 0; } #featuredProduct #featGalleryThumbs ul li img { box-sizing:border-box; padding:0; width:100%; display: block; } #featuredProduct #relThumbs { padding:0; border:0 none; margin:0 0 15px 0; } #featuredProduct #relThumbs ul { height:57px; } #featuredProduct .featActions { padding:20px 0 0 0; } /* RESPONSIVE LAYOUTS ====================================================== */ .clr {clear:both!important; height:0!important; overflow:hidden!important; display:block!important; margin:0!important; padding:0!important; border:0!important; } html.js .thumbnail-button {transition:all 0.2s; display: none; height: 36px; width: 100%; overflow: visible; z-index: 2;padding: 0;margin: 0;left: 0;right: 0;background: #DDD;border: 0;} html.js #galleryThumbPrev {position: absolute; top: 0; background-image: url(../img/icons/icn-thumb-up.png);background-position: top;} html.js #galleryThumbNext {position: absolute; bottom: 0; right: 0; width: 100%; background-image: url(../img/icons/icn-thumb-dn.png);background-position: top;} html.js .thumbnail-carousel{ padding: 46px 0!important;} html.js .thumbnail-button:hover{background-color:#999998; background-position:bottom!important; cursor:pointer;} .shareBox {height:400px;} .hidden {visibility: hidden;} /* Error handling pages */ .error-html { min-width: initial; } .error-page { background-color: #ECEBEB; max-width: initial; } .error-page #main { background-color: #ECEBEB; } .error-header { width: 100%; height: 67px; z-index: 100; background-color: #000; box-shadow: 0px 0px 14px #000; text-align: center; } .error-header img { height: 20px; margin-top: 22px; outline: none; } .error-information { height: 66px; line-height: 68px; padding: 0px 20px; border-bottom: 1px solid #000; overflow: hidden; } .error-information h2 { float: left; font-weight: 800; line-height: 68px; text-transform: none; font-size: 23px; color: #000; letter-spacing: 1px; } .error-information span { float: right; line-height: 68px; font-size: 16px; } .error-main p { padding: 0 20px; font-size: 16px; } .error-main a { font-weight: 600; color: #000; } .error-main pre { white-space: pre-wrap; padding: 0px 20px; margin-top: 0; display: none; } .error-main h4:first-of-type { margin-top: 40px; } .error-main h4 { padding: 5px 20px; font-weight: 600; cursor: pointer; } .error-main h4:hover { background-color: #000; color: #fff; } @media (max-width: 1200px){ #dropNav.navDesktop > div > ul > li { margin: 0px 0px 0px 0px; } #dropNav.navDesktop > div > ul > li.linkClearance { margin-right: 10px; } } @media (min-width: 1024px) { .error-header { height: 82px; padding: 0px 20px; text-align: left; } .error-header img { margin-top: 31px; } .error-information span { font-size: 12px; } .error-main, .error-main p { font-size: 13px; } } /** CHECKOUT NEW **/ #main.checkoutNew { background:#f8f8f8; } #checkoutV3 { padding: 0 20px 20px; background:#f8f8f8; } /* CHECKOUT MODULE */ .checkMod { } /* CheckMod overlays */ .activeStateOverlay, .formInputInactiveOverlay { display: none; position: absolute; bottom: 0; left: 0; right: 0; top: 1px; z-index: 50; background-image:url(../img/chckmod-bg.png); } .showFields .formInputInactiveOverlay { display: block; } .checkModInactive .activeStateOverlay { display: block; } .checkMod.notLoaded .activeStateOverlay { display: block; } /* Whole screen loading overlay */ .checkoutLoadingOverlay { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; background-image:url(../img/chckmod-bg.png); text-align: center; } .checkoutLoadingOverlay.active { display: block; } .checkoutLoadingOverlay img { position: absolute; top: 60%; margin-top: -100px; width: 100px; height: 100px; left: 50%; margin-left: -50px; } .checkoutLoadingOverlay .message { position: absolute; top: 60%; width: 100%; } .checkoutLoadingOverlay.cartTransfer img { top: 25%; } .checkoutLoadingOverlay.cartTransfer .message { top: 25%; } .checkoutPaymentOverlay { background:rgba(0,0,0,0.4); position: fixed; top:0px; bottom:0; left:0; right:0; z-index:9999; display: none; } .checkoutPaymentOverlay.active { display: block; } .checkoutPaymentFrame { height: 562px; width: 400px; background:#FFF; margin: 0 auto; top: 50%; position: absolute; left: 50%; margin-left: -200px; margin-top: -281px; box-shadow: 0 0 20px rgba(0,0,0,0.2); } .checkoutPaymentFrame h2 { margin:0; padding:0; display:block; position: absolute; background: #000; height: 50px; right: 0; left: 0; color: #FFF; padding: 16px; } .checkoutPaymentFrame h2 a { position:absolute; right:15px; top:13px; background-color:#2e2e2e; border-color:#2e2e2e; color:#FFF; } .checkoutPaymentFrame iframe { width: 400px; height: 510px; background:#FFF; position: absolute; border:0 none; margin-top:50px; padding:0; } .checkoutPaymentFrame iframe body { padding:0; margin:0; } .checkMod.deliveryMethodsNotLoaded { display: none; } .checkModTitle { border: 1px solid #dddddc; border-bottom: 0 none; background: #f2f2f2; } .checkModTitle h2 { padding: 15px; border-top: 1px solid #FFF; } .checkModTitle h2 a{ position:absolute; right:15px; top:11px; } .checkModContent { } /* CHECKLIST */ .checkModCheckList { } .checkModCheckList { list-style:none; padding:0; margin:0; display:block; } .checkModCheckList { display:block; list-style:none; } .checkModCheckList li { padding:0; margin:0; display:block; border-top: 1px solid #dddddc; position: static; overflow: hidden; } .checkModCheckList .chckWrp { padding: 15px; display:block; font-size:0; min-height:24px; } .checkModCheckList .chckWrp > span { display:inline-block; font-size:11px; box-sizing:border-box; vertical-align:top; } .checkModCheckList .chckWrp .storeDetailsOpen { display: inline-block; font-size:11px; text-decoration:underline; clear:both; cursor:pointer; } .checkModCheckList .chckCheck { width:24px; height:24px; padding:0; background-image:url(../img/icons/icn-check-checked.png); position:absolute; left: 15px; top: 15px; z-index:1; border-color:#CCC; } .checkModCheckList .chckDesc{ padding:0 0 0 36px; width: 100%; } .checkModCheckList .chckCost{ text-align:right; width:10%; font-weight:500; } .checkModCheckList .chckDesc strong{ display:block; } .checkModCheckList .listEdit { display:block; position:absolute; right: 15px; top: 15px; } .checkModCheckList .addNewAddressButton a { font-size:11px; padding: 6px 10px; background:#FFF; border:1px solid #dddddc; display: inline-block;} .checkModTitle h2 a.cnc { background:#2A82BA; border:1px solid #2A82BA; color:#FFF; top:-2px; padding:13px 15px; height:51px; position:absolute; right:-1px } .storeDetailsView { position:absolute; top: 0; right: 0; left: 50%; padding: 20px; border: 1px solid #dddddc; bottom: -1px; background: #FFF; margin: 20px; box-sizing: border-box; display: none; } .storeDetailsView h2 { padding-bottom:15px; padding-right: 60px; } .storeDetailsTab { display: block; background: url(../img/icons/store-tab.png) no-repeat 10px center; width: 30px; height: 40px; position: absolute; right: 50%; margin-right: -21px; height: 20%; z-index: 1; display: none; } .storeDetailsClose { width: 48px; right: 10px; top: 10px; } /* CHECKLIST ACTIVE MODIFIERS */ .checkModCheckList .activeListOption { border-left: 1px solid #dddddc; border-right: 1px solid #dddddc; background:#FFF; } .checkModCheckList .activeListOption .chckCheck { background-color:#999998; border-color:#999998; background-position:bottom; } .selectDeliveryMethod.notLoaded { display: none; } .selectDeliveryMethod .chckDesc { width: 90%; } .selectDeliveryMethod .chckText { text-align: right; width: 45%; border-right: 1px solid #dddddc; padding: 0 15px; } .selectStoreAddress .activeListOption { border-right: 0 none; } /* CONTINE BUTTON MODS */ .selectContinue .checkModContent { padding: 20px 15px 0; text-align:right; font-size:0; border-top: 1px solid #dddddc; } .selectContinue button.prim { width:50%; display:inline-block; vertical-align:top; } .selectContinue button.alternate { width: 50%; display: inline-block; vertical-align: top; background-color: #1083c7; border-color: #1083c7; background-position: bottom right; color: #FFF; margin: 10px 0 0 10px; } .addressValidation { padding:0 15px 15px 50px; overflow:hidden; } .addressValidation .formRow { padding:0; overflow:hidden; width: 100%; margin-top: -5px; } #postcodeConfirmation input, #postcodeConfirmation .addressLookup { width:25%!important; } .addressValidation .formRow p { color:#D00; padding-bottom: 10px; display:block; margin:0; } /* USE AS BILLING */ .useAsbillingMod { padding:0 15px; } .useAsBilling{ display: block; box-sizing:border-box; padding: 0 0 20px 0; font-size:11px; text-align:left; margin: 0; vertical-align:top; width: 65%; padding-left: 0; } .useAsBilling p { margin:0; display:block; padding:0 0 6px 0; display:none; } .useAsBilling input { display:inline-block; vertical-align:middle; width: 24px; height: 24px; padding: 0; background-image: url(../img/icons/icn-check-checked.png); z-index: 1; } .useAsBilling input:hover { background-color: #2E2E2E; color: #FFF; border-color: #2E2E2E; background-position: right bottom; } .useAsBilling input.active:hover { background-color: #2E2E2E !important; color: #FFF !important; border-color: #2E2E2E !important; background-position: right bottom !important; } .useAsBilling input.active, .useAsBilling input:active { background-color: #999998; border-color: #999998; background-position: bottom; } .useAsBilling label{ display:inline-block; padding:0; vertical-align: middle; cursor: pointer; width: 64%!important; margin-left: 36%; } #useDeliveryAsBilling.active + span.checkboxImage { border-color: #999998; background-color: #999998; background-image: url('../img/icons/icn-check-checked.png'); background-position: bottom; vertical-align: middle; } .selectContinueUseAsBillingInactive .useAsBilling { display: none; } .addressEdit form { font-size:0; } .selectRegion form { font-size:0; } .selectRegion .localDeliveryDisabled .formMessage { display: none; } .formBoxLeft, .formBoxRight{ vertical-align:top; width: 50%; display:inline-block; font-size:11px; padding: 10px; box-sizing: border-box; } .formBoxLeft{} .formGroup { overflow:hidden; clear: both;} .formRow { font-size:0; padding: 5px 0; width: 65%; float: left;} .formRow label { display:inline-block; font-size:11px; vertical-align:top; width:36%; line-height:34px;} .formRow input, .formRow select{ display:inline-block; font-size:11px; vertical-align:top; width:64%;} .formRow .addressLookup, .formRow .bfpoLookup { display:inline-block; font-size:11px; vertical-align:top; width:32%;} .formRow.radio { padding: 5px 0 10px 0;} .formRow.radio label{ line-height: 24px; padding-top: 5px;} .formRow.radio input { height: 24px; width: 24px; margin-top: 5px; background: url(../img/icons/radio-off.png); display: inline-block; border-collapse: initial; -webkit-appearance: initial; cursor: pointer;} .formRow.radio input:checked {background: url(../img/icons/radio-on.png);} .formRow.radio .radioLabel { padding-left:15px; line-height: 130%; padding-top: 9px; cursor: pointer;} .checkoutV3__login .formRow.radio .radioLabel { padding-left:0; width: 60%;} .formRow.radio input {visibility: hidden; display:none;} .formRow.radio .radioLabel span { line-height:24px;} .formRow.radio .radioLabel .radioInputImage { width:24px; height:24px; background: url(../img/icons/radio-off.png); margin-right:10px; float: left;} .formRow.radio .radioLabel.active .radioInputImage{background: url(../img/icons/radio-on.png);} .formMessage { float:right; width: 32%; /* min-height:20px; */ /* background:#D00; */ box-sizing: border-box; padding: 8px 0 8px 20px; font-size: 11px; margin: 5px 0; /* line-height: 130%; */ position: static;} .formMessage > i{ position:absolute; background:#dddddc; top:5px; bottom:5px; right:32%; width:1px;} .checkoutV3__editBillingAddress .formMessage { display:none; } .checkoutV3__editBillingAddress .editAddressLink { float: right; z-index: 1; } .formRow.para p { margin: 0 0 0 36%; font-size: 12px; text-align: center; } .formRow p { font-size:11px; margin:0; padding-bottom:5px} .addressEdit .checkModContent { border-top: 1px solid #dddddc; padding: 15px;} .addressEditBfpo .checkModContent { border-top: 1px solid #dddddc; padding: 15px;} .selectRegion .checkModContent { border-top: 1px solid #dddddc; padding: 15px;} .selectStoreAddress .checkModContent { overflow:hidden; } .failedValidation { border: 1px solid #fbb; background-color: #fee; } select.failedValidation { background: #fee url(../img/icons/icn-slct-drop.png) right no-repeat; } .selectStoreAddress ul { float:left; width:50%; /* border-right:1px solid #dddddc; */ box-sizing:border-box; } .storeListMap { position:relative; overflow:hidden; } .selectStoreAddress div#selectStoreMap { float:right; width:50%; /* min-height:300px; */ box-sizing:border-box; /* padding:15px; */ position: absolute; right: 0; top: 0; bottom: 0; border-top:1px solid #dddddc; border-left: 1px solid #dddddc; } .selectStoreAddress div#selectStoreMap iframe { border: 15px solid #f8f8f8!important; box-sizing:border-box; /* bottom :0px; */ height:100%; /* position:absolute; */ /* top:15px; */ /* bottom:15px; */ /* left: 15px; */ /* right: 15px; */ width: 100%; } .storeCollectInfo { clear: both; overflow: hidden; font-size: 0; border-top: 1px solid #dddddc; padding: 0 15px 15px; } .storeCollectInfo h2 { padding: 15px 0 10px 0;} .deliveryRegion .deliveryCountryDropdown { display: none; } .deliveryRegion.localDeliveryDisabled .formBoxRight .activeStateOverlay { display: block; } .deliveryRegion.localDeliveryDisabled .hideIfLocalDeliveryDisabled { display: none; } .deliveryRegion.localDeliveryDisabled .showIfLocalDeliveryDisabled { display: block; } .deliveryRegion .hideIfLocalDeliveryDisabled #addressLookup { display: inline-block !important; } .deliveryRegion .showIfBfpoEnabled { display: none; } .deliveryRegion.bfpoDeliveryEnabled .showIfBfpoEnabled { display: block; } .deliveryRegion.bfpoDeliveryEnabled .deliveryCountryDropdown { display: none; } .checkoutV3__login .existingPassword { display: none; } .checkoutV3__login .existingPassword p { font-size:11px; display:block; padding: 10px 0 10px 36%; margin:0; } .checkoutV3__login .existingPassword p a { text-decoration:underline; } .checkoutV3__login .existingPassword.active { display: block; } .checkoutV3__login #createGuestAccount { background-color: #000001; border-color: #000001; height: 48px; } .withCheck input[type="checkbox"] { display:none; } #account form .withCheck label { vertical-align: middle; } /* cross browser checkbox images */ input[type="checkbox"] + span, .withCheck input[type="checkbox"] + span { display:inline-block; background-color:#fff; border:1px solid #dddddc; width:24px; height:24px; padding:0; cursor:pointer; margin-right:10px; vertical-align: middle; } input[type="checkbox"] + span:hover, .withCheck input[type="checkbox"] + span:hover { background-color: #2E2E2E; background-image: url('../img/icons/icn-check-checked.png'); background-position: bottom; border-color: #2E2E2E; } label.active input[type="checkbox"] + span, .withCheck input[type="checkbox"]:checked + span { border-color: #000001; background-color: #000001; background-image: url('../img/icons/icn-check-checked.png'); background-position: bottom; vertical-align: middle; } .itemBadge label span {} .internationalDeliveryAddress #postcodeDataHolder button, .internationalDeliveryAddress #townDataHolder button { display: none; } .internationalDeliveryAddress #postcodeDataHolder input[type="text"], .internationalDeliveryAddress #townDataHolder input[type="text"] { width: 64% !important; } @media screen and (max-width: 768px) { .formBoxLeft, .formBoxRight{ width:100%; padding:0; } .addressEdit .checkModContent { padding: 15px; } .selectRegion .checkModContent { padding: 15px; } #product-view .inner{ margin-left: 21px; } #tabRev.r50:after, #tabRev.r50.activ:after { display:block; bottom:0; } #content #account #headings { padding-left:4%; } #myDashboardLeft a.level2 { line-height: 18px; padding-top: 5px; padding-bottom: 10px; } #itemTitles { } } @media (max-width: 960px) { #list.listProducts li.lay3 { width:50%; } #list.listProducts li.lay4 { width: 33.3%; } #list.lookList li.lookItem { width:50%;} .pagination .laylast { display:none!important; } .pagination .layextra{ display:none!important; } #usp a { padding:0 10px!important; } .footerbox > div {} #wishlist #list li.listItem { width:25%; } .accountRegister .proInputs .inputRow { padding:0 0 2px 0; } .accountRegister .proInputs .inputRow input, .accountRegister .proInputs .inputRow select, .accountRegister .proInputs .inputRow label{ width: 100%!important; clear: both; } .accountRegister .proInputs .inputRow.withButton input{ width:50%!important; clear:none; } .accountRegister .proInputs .inputRow.withButton button{ width:50%!important; clear:none; } .accountRegister .proInputs.withCheck { padding-top:20px;} .accountRegister .proInputs.withCheck .inputRow input{ width: 24px!important; clear: none; } .accountRegister .proInputs.withCheck .inputRow label{ width: 60%!important; clear: none; } .proInputs .inputRow .inputErr{ width: 100%!important; clear: both; margin:10px 0 0; } #uspAll div#usp2 { } #usp a { padding:0 5px!important; font-size: 10px!important; } #soc > h3 { font-size:12px; } .brandsCol ul li {float:none; width:100%; } #dropNav.navDesktop > div > ul > li > ul {width: 100%; margin:0 auto;} #dropNav > div > ul > li > a, #dropNav h3 a { } #dropNav > div > ul > li > a { } .fullBan.noScale .fullBanImg img { margin-left: -550px; width: 1100px;} #delAddressNew label { clear:both; float:none; display:block; width:100%; } #delAddressNew .proInputs .inputRow input, #delAddressNew .proInputs .inputRow select{ width:100%; float:none; clear:left; } #delAddressNew .proInputs .inputRow.withButton input, #delAddressNew .proInputs .inputRow.withButton button{ float:left; width:50%!important; } #delAddressNew .proInputs .inputRow { padding: 0 0 2px 0;} #delAddressBook li {width:50%; } #delAddressBook li.addNewAddress { width:100%; float:none; margin:0; padding:20px 0 0 0; clear:both; } #itemShare a { margin:0 4px 0 0; } .rcHldr li.listItem, #featured li.listItem { } .rcHldr li.listItem:nth-child(5n){ display:none!important;} #featured li.listItem:nth-child(5n){ } .appApple { float:none; } .appGoogle { float:none; } .footerbox.apps a { margin:0 auto; } .footerbox.apps a img {} h3.socTitle{ display:none!important;} #footer ul { float:left; width: 25%;} #footer ul#soc { float:left; width: 25%; margin-top:25px; left:-10px!important; position:relative;} #delOrderSummary li:first-child{ width: 100%; padding-bottom:20px} #delOrderSummary li:nth-child(1n+2){ width: 50%;} .infoForm #contactForm{ width:100%;} .footerbox { width:50%!important; padding:0px!important;} .footerbox > div {padding:20px 0; margin:0!important;} .footerbox.middle > div {padding:20px 40px 20px 0; margin:0!important;} #signup { width:100%!important;border-bottom: 1px solid #333;} #signup > div { overflow:hidden;} #signup .signupLeft, #signup .signupRight { width:50%; float:left;} /* Gift Card page styling */ #gcContentLeft{ width:70% !important; margin: 0 auto !important; float: none !important; } #gcContentLeft img{ width:100% !important; } #gcContentRight{ width:100% !important; margin: 10px 0 !important; } /* END Gift Card page styling */ } @media (max-width: 880px) { #dropNav.navDesktop > div > ul > li.linkClearance > a { margin-right:0px;} .footerbox > div { } .footerbox .appHold a.appApple { width: 130px; line-height: 0; height: 38px; padding: 0; margin: 0 auto 5px auto!important;} .footerbox .appHold a.appGoogle { width: 110px; height: 38px;} .logo-large { display: none!important;} .logo-small{ display:block;} #search { } #copy{ text-align:center;} #copy .footermenu { width:100%; text-align:center; margin:0} #copy img { float:none; clear:both; display:block; margin:10px auto;} } @media (max-width: 768px) { #item #itemRev { /* border-top: 1px solid #dddddc; */ /* padding-top: 15px; */ margin: 0 0 20px 0; border: 0 none!important; background: 0; padding: 10px 0 0;} #itemRelated > h3 { } #list.listProducts li.lay3, #list.lookList li.lay3 { width:50%; } #list.listProducts li.lay4, #list.lookList li.lay4 { width:50%; } .onlyDesktop { display:none!important; } .onlyTablet { display:block!important;} .rightM { margin:0; padding-bottom: 0;} #itemDetailsLeft, #itemDetailsRite { width:100%; clear:both; float:none; } #usp a { padding:0 5px!important; } .fullBan.noScale .fullBanImg img { margin-left: -550px; width: 1100px; } .pagination .pageGrid { display:none!important; } #chckSummary { width:auto; float:none; clear: both;} #chckSummary #bagSummary {margin:0;} #chckProcess { width:auto; float:none; margin: 0;} #wishlist #list li.listItem { width:33.3%; } .rcHldr li.listItem, #featured li.listItem { width: 50%!important;} .rcHldr li.listItem:nth-child(5n) { display:none!important;} #featured li.listItem:nth-child(5n), #featured li.listItem:nth-child(4n){ } #dropNav > div > ul > li > a, #dropNav h2 a { } #dropNav.navDesktop > div > ul > li > a { font-size: 14px; } #soc > a { } .appApple { float:none; margin: 0 auto 10px auto!important;} .appGoogle { float:none; } .footerbox > div { } .footerbox.apps a { margin:0 auto; display: block; text-align: center;} .footerbox.apps a img { } .accountRegister .proInputs .inputRow { padding:0 0 2px 0; } .accountRegister .proInputs .inputRow input, .accountRegister .proInputs .inputRow select, .accountRegister .proInputs .inputRow label{ width: 100%!important; clear: both; } .accountRegister .proInputs .inputRow.withButton input{ width:50%!important; clear:none; } .accountRegister .proInputs .inputRow.withButton button{ width:50%!important; clear:none; } .accountRegister .proInputs.withCheck { padding-top:20px;} .accountRegister .proInputs.withCheck .inputRow input{ width: 24px!important; clear: none; } .accountRegister .proInputs.withCheck .inputRow label{ width: 60%!important; clear: none; } .proInputs .inputRow .inputErr{ width: 100%!important; clear: both; margin:10px 0 0; } #details { transform: translateZ(0);} #itemRelated { /* border:0 none; */ /* background:none; */ } #itemRelated li.listItem { width: 25%; } .storeDetails #storeFindLeft { float:none; width:100%; min-height:0; position:relative; } #storeRiteHold { margin-left: 0!important; } #storeTel, #storeTim { margin: 0; } .storeTab { float:left; width:189px; } #delOrderSummary li{ width:33.3%!important; padding-bottom:0px} .delMod{margin-right:0!important;} #featuredProductGallery { float:none; width:100%; overflow:hidden;} #featuredProductDetails { float:none; width:100%; clear:both;} .dashAddressBook .dashAddress li { width:50%!important;} .storeList ul.menu{ width:100%!important; float:none; clear:both; box-sizing:border-box; } .storeList #storeFindMap { width:100%; float:none; clear:both; position:relative; left:0; right:0; top:0; bottom:0; height:320px; border-bottom:0; box-sizing:border-box; } #dropNav.navDesktop {} #dropNav.navTablet{ display:block;} #navTabletIcon { display: none; } /*.closeNav {display:block!important;}*/ #itemInfoTabs a { padding: 10px; width:auto!important; font-size: 11px;font-family: Verdana;font-weight: 400;} #shopthelookDetails{ clear:both;} #lookDetailsLeft{ clear:both; float:none; width:100%;} #lookDetailsRite{clear:both; float:none;width:100%;} #shopthelookDetails .itemAdd {clear:none; float:right; width: 60%;padding-left: 20px;box-sizing: border-box;} #shopthelookDetails #lookDetailsTitle { background:0; border:0; padding:0 0 20px;} #shopthelookDetails #lookGallery { padding:0 0 20px;} #itemOptions button { min-width: 41px; font-size:11px; height:40px; line-height:40px;} #searchButton { font-size: 14px; } /* Gift Card page styling */ #gcContentLeft{ width:80% !important; } /* END Gift Card page styling */ } /* PDP responsive */ @media(min-width: 769px){ #itemGallery, #itemInfo, #itemRelatedCats, #itemShare { } #itemInfo { } .titleWrap, #itemPersonalisation, .right-pdp-wrap, #itemRelated { float:right; width:38%; } #itemRelatedCats, #itemShare { margin:0 8% 0 0; box-sizing:border-box; } #itemShare { margin-top:20px; margin-bottom:20px; } } @media (min-width: 1440px) { .maxWidth { max-width:1160px; } #dropNav.navDesktop > div > ul > li > ul {max-width: 100%;} #dropNav .maxWidth { max-width: 100%; } #wishlist .maxWidth { max-width:1180px; } #shopthelookListings .maxwidth { max-width: 1200px!important;} .pagination .layextra{ display:none!important; } #gallery { } html.js #gallery-thumbnails { /* width: 70px; */ } .banRow .maxWidth{ max-width:1160px!important; } .banRow.wMargin .maxWidth, .rcWrp .maxWidth { max-width: 1170px!important; } .wHero.wMargin .maxWidth {max-width: 1160px!important; } .banRow.wMargin.fullWidthPage .maxWidth { max-width:100%!important; } .footerbox.apps a img {/* height: 50px; */} #usp a { padding:0 20px!important; font-size:16px; } #uspAll .maxWidth div{ } #uspAll .maxWidth a { } #uspAll .maxWidth a span { display:inline-block!important;} .wMaxWidth .fullBanInfHold { margin:0 auto; max-width:1140px; height: 100%;} .fullBan.noScale .fullBanImg img { width:2000px; margin-left:-1000px; } #storeMap { height:508px; overflow:hidden; width:100%;} #storeMap img{ top:-75px; } #itemDetailsLeft {width:48%;} #itemDetailsRite{width:52%; padding-right:180px; box-sizing:border-box;} #lookDetailsLeft{ width:50%;} #lookDetailsRite{ width:50%;} #shopthelookDetails .itemAdd {clear:none; float:right; width: 60%;padding-left: 20px;box-sizing: border-box;} #shopthelookDetails #lookGallery {} .infoForm #contactForm{ width:70%;} .monetate-product-grid { position:absolute; right:0; top:-15px; width:160px; margin: 0; } .mpg-item { width: 100%!important; float:none; margin: 0; padding: 0; } /* PDP responsive */ .titleWrap, .right-pdp-wrap, #itemRelated { float:right!important; width: 40%; } #itemGallery, #itemInfo, #itemRelatedCats, #itemShare { } #itemInfo { } #itemRelatedCats, #itemShare { margin:0 7% 0 0; } #itemShare { margin-top:20px; margin-bottom:20px; } /* End PDP responsive */ } .checkout-error { width: 400px; padding: 16px; font-size: 14px; box-sizing: border-box; } .checkout-error__action { padding-top: 16px; } .checkout-error__action button { width: 100%; } /* PRE CHAT HTML FORM */ #prechatForm { padding: 20px; } /* NO-JS STYLES */ /* PDP gallery */ body.no-js #gallery .viewLarge { display:none; } body.no-js #gallery .owl-carousel { padding-left:0; } body.no-js #gallery .owl-carousel li {list-style:none;} body.no-js #gallery .owl-carousel li:first-child { display:block; width:100%; } body.no-js #gallery .owl-carousel li img.hidden { display: none; } body.no-js #gallery .owl-carousel li:first-child img.hidden { visibility: visible; } body.no-js #gallery .owl-carousel .slide-is-360 img:first-child{ display:block!important; width:100%;} body.no-js #gallery .owl-carousel .slide-is-360 img:nth-child(2n){ display:none; } body.no-js #gallery .owl-carousel .slide-is-360 #threesixty-modal-wrapper { display:none; } /* Language Debug */ .language-debug { border-bottom: 1px dashed #09f; } .mpg-text { padding:10px 0 0 0;} .mpg-item-link { display:block; } .mpg-item-link img{ display:block; width:100%; } /* CUSTOM SIZE BANNERS */ .cb-outer { overflow:hidden; } .cb-200 { height:200px;} .cb-300 { height:300px;} .cb-400 { height:400px;} .cb-500 { height:500px;} .cb-600 { height:600px;} .cb-700 { height:700px;} .cb-outer .cb-image { display:block; position: absolute; top:0; bottom:0; left:0; right:0; background-position:center; background-size:cover; } .cb-outer .cb-text { position:absolute; z-index:2; bottom:0; width: 100%; padding:20px; } .cb-outer .cb-title { line-height:100%; font-size:40px; font-weight:700; color:#fff; text-transform:uppercase; padding:0 33% 10px 0; } .cb-outer .cb-links a{ display:inline-block; border:3px solid #FFF; padding: 8px 15px; font-size: 14px; font-family: "proxima-nova-bold", Helvetica, Arial, sans-serif; font-weight: 700; margin:0; color:#FFF; } .cb-outer .cb-links a:hover{ color:#FFF; background-color:#FFF; color:#000; } .cb-max .cb-hold { max-width: inherit; margin: 0 auto; width: 100%; } @media (max-width:980px) { .cb-200 { height:200px;} .cb-300 { height:260px;} .cb-400 { height:320px;} .cb-500 { height:360px;} .cb-600 { height:400px;} .cb-700 { height:480px;} } /* This is in to hide the live chat for size desktop. Remove this to show again */ .headChat { display: none !important; }