#do-menu #do-nav-sale .do-submenu { right: 0; left: auto; } #do-menu #do-nav-sale a { color: #ed1f24 !important; } #do-menu #do-nav-sale > a { font-weight: bold; } .do-bottom #do-menu li > a {padding:0 5px 6px; font-size: 15px; } .CAT_nav_espot { margin: 0; } .CAT_nav_espot img { padding-top: 10px; display: block; margin: auto; } #do-menu #do-nav-giftshop > a::before { background-image: url(/SM/images/giftboxred-50px.png) !important; } #do-menu #do-nav-christmasshop > a::before { content: ''; display: block; width: 24px; height: 22px; background: url(/SM/images/giftbox-green.png) no-repeat; background-size: 22px; float: left; margin: 2px 2px 0 0; } /* New Menu Columns */ #do-menu .do-submenu-column { width: 180px; margin-left: 10px; float: left; } #do-menu .do-submenu-column:first-child { margin: 0; } #do-menu .do-submenu .do-heading { margin-top: 7px; font-size: 15px !important; text-transform: lowercase; color: #0078ca !important; } #do-menu .do-submenu .do-heading:hover { text-shadow: 0 0 1px currentColor; } .pink #do-menu .do-submenu .do-heading { color: #e51d9b !important; } .purple #do-menu .do-submenu .do-heading { color: #9b2c98 !important; } .green #do-menu .do-submenu .do-heading { color: #00b84f !important; } .black #do-menu .do-submenu .do-heading { color: #000 !important; } .orange #do-menu .do-submenu .do-heading { color: #f89829 !important; } .silver #do-menu .do-submenu .do-heading { color: #aaa !important; } #do-menu .do-submenu li:first-child .do-heading { margin-top: 2px; } #do-menu .do-multicolumn-2 .do-submenu { width: 370px; } #do-menu .do-multicolumn-3 .do-submenu { width: 560px; } #do-menu #do-nav-christmasshop .do-submenu li { white-space: normal; } #GEN_DynamicProduct { max-width:980px; display:inline-block; margin:0px auto; text-align:center;} #GEN_DynamicProduct h2, #GEN_DynamicProduct a:hover { border:none; text-decoration: none; } #GEN_DynamicProduct ul.do-product-grid li { float:left; list-style:none; margin:0 32px 0 0; position:relative; } #GEN_DynamicProduct ul.do-product-grid li:last-child { margin:0 0 0 0; } #GEN_DynamicProduct ul.do-product-grid li a.do-thumb { display:block; width:150px; font-size:11px; margin-left:5px; margin-right:5px;} #GEN_DynamicProduct ul.do-product-grid li a.do-thumb img { border:solid 1px #e4e4e4; border-radius:10px; z-index: 2; -webkit-box-shadow: 0 4px 3px -3px black; -moz-box-shadow: 0 4px 3px -3px black; box-shadow: 0 4px 3px -3px black; left:10px; width:170px; height:170px;} body.blue #GEN_DynamicProduct ul.do-product-grid li:hover a.do-thumb img { border:solid 1px #0078ca;} body.blue #GEN_DynamicProduct ul.do-product-grid li:hover a.do-thumb .do-name { color: #0078ca;} body.pink #GEN_DynamicProduct ul.do-product-grid li:hover a.do-thumb img {border:solid 1px #e51d9b;} body.pink #GEN_DynamicProduct ul.do-product-grid li:hover a.do-thumb .do-name { color: #e51d9b; } body.purple #GEN_DynamicProduct ul.do-product-grid li:hover a.do-thumb img {border:solid 1px #9b2c98;} body.purple #GEN_DynamicProduct ul.do-product-grid li:hover a.do-thumb .do-name { color: #9b2c98;} body.green #GEN_DynamicProduct ul.do-product-grid li:hover a.do-thumb img {border:solid 1px #00b84f;} body.green #GEN_DynamicProduct ul.do-product-grid li:hover a.do-thumb .do-name { color: #00b84f;} body.black #GEN_DynamicProduct ul.do-product-grid li:hover a.do-thumb img { border:solid 1px #000000;} body.black #GEN_DynamicProduct ul.do-product-grid li:hover a.do-thumb .do-name { color: #000000;} body.orange #GEN_DynamicProduct ul.do-product-grid li:hover a.do-thumb img {border:solid 1px #f89829;} body.orange #GEN_DynamicProduct ul.do-product-grid li:hover a.do-thumb .do-name { color: #f89829; } body.silver #GEN_DynamicProduct ul.do-product-grid li:hover a.do-thumb img {border:solid 1px #cbcac8;} body.silver #GEN_DynamicProduct ul.do-product-grid li:hover a.do-thumb .do-name { color: #cbcac8;} #GEN_DynamicProduct ul.do-product-grid li a.do-thumb .do-name {border: none; color: #222222; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; margin-top: 5px; text-transform: lowercase; text-align:center;} #GEN_DynamicProduct ul.do-product-grid li a.do-thumb .do-category-product-details { padding: 5px 0; position: relative;} #GEN_DynamicProduct ul.do-product-grid li a.do-thumb:hover .do-category-product-details { padding: 5px 0; position: relative;} /* #GEN_DynamicProduct ul.do-product-grid li a.do-thumb:hover .do-name { color: #222222; display: block; font-family: 'Pontano Sans',Helvetica,Arial,sans-serif; font-size: 16px; font-weight: bold; letter-spacing: -0.05em;}*/ #GEN_DynamicProduct ul.do-product-grid li a.do-thumb .do-now-price { color: #FF0000 !important; display: block; font-family: 'Pontano Sans',Helvetica,Arial,sans-serif; font-size: 16px; font-weight: bold; letter-spacing: -0.05em; width: 180px; text-align:center;} #GEN_DynamicProduct ul.do-product-grid li a.do-thumb .do-wasprice { color: #000000; display: block; font-size: 13px; padding-bottom: 2px; text-decoration: line-through; text-align:center;} #GEN_DynamicProduct ul.do-product-grid li a.do-thumb span.do-price {display: block; font-family: 'Pontano Sans',Helvetica,Arial,sans-serif; font-size: 16px; font-weight: bold; letter-spacing: -0.05em; text-transform: uppercase;} #GEN_DynamicProduct .do-currency {font-size: 10px; text-transform: uppercase;} #GEN_DynamicProduct ul.do-product-grid li:hover a.do-thumb span.do-price {color: #222222;} #GEN_DynamicProduct ul.do-product-grid li .do-quickview { display:none; position:absolute; top:5px; right:5px; } #GEN_DynamicProduct ul.do-product-grid li:hover .do-quickview { display:block; } #do-ajax-loader{ float:left; } .hidden{ display:none; } /*#WC_ContentAreaESpot_div_1_WIS_GuestEmptyWishList2{height:260px;}*/ .freedeltop {background:#1bb26b; width:100%; margin-top:-25px;} .toggle { cursor: pointer; } .do-outfits #almostSoldOutSKUMessage { display: none !important; } /* --------- Smiggle Grid ------------*/ .smigglemiddle { max-width: 960px; margin: 0px auto; margin-top:20px; margin-bottom:20px;} .row { display: flex; flex-wrap: wrap; max-width:960px;} .gamerow img {max-width:100%; width:100%;} #rowoffers {max-width:960px; max-height:450px;} /*#rowoffers img {max-width:100%; width:100%;}*/ [class^="column"] {padding: 0;} .column {flex: 1; margin:0; display:inline-block;} .columnhalfban {display:inline-block; max-width:50%; overflow:hidden;} .columnwewantwhere {flex: 1; margin:0; display:inline-block; width:45%;} .columnwewantwhat {flex: 1; margin:0; display:inline-block; width:45%;} .columnblocks {flex: 1; display:inline-block; margin:0; width:30%;} .colblockmiddle {margin:0px 25px 0px 25px;} [class^="columnblocks"] {padding: 0;} .columnhalfban {display:inline-block; max-width:47%; overflow:hidden; flex: 1; margin:0;} .column_topbanner {display:inline-block; max-width:960px; overflow:hidden; flex: 1; margin:0;} .textunder{text-align: center; padding: .3em 0; font-size:14px; max-width:300px; display:block;} .leftcol {float:left;} .rightcol {float:right;} .topzero {margin-top:0px;} .bottomzero {margin-bottom:0px;} .tbzero {margin-top:0px; margin-bottom:0px;} .tbzeroleft {margin-top:0px; margin-bottom:0px; margin-left:0px;} /* Column Spans */ .column--2of5 { flex: 0 0 40%; } .column--1of2 { flex: 0 0 50%; } .column--3of5 { flex: 0 0 60%; } .column--2of3 { flex: 0 0 66.6666%; } .column--3of4 { flex: 0 0 75%; } .column--4of5 { flex: 0 0 80%; } /* 100% Width Columns on Small Screens */ @media (max-width: 320px) {[class^="column"] {flex: 0 0 100%;}} .InputAddOn {display: flex;} .InputAddOn-field {flex: 1; /* field styles */} .InputAddOn-item {/* item styles */} /*Smiggle BUTTON STYLES*/ .smbtn {font-size: 16px; width:100%; max-width:100%; padding:10px 0px 10px 0px; line-height:14px; display: inline-block; color: #fff; text-align: center; text-decoration:none;} .smbtn a {color:#fff; max-width:100%;} .smbtn a:hover {color:#fff;} .pic {float: left; margin-bottom:20px; height: 250px; max-width: 303px; overflow: hidden; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} /*VERTPAN*/ .vertpan img {margin-top: 0px;-webkit-transition: margin 1s ease;-moz-transition: margin 1s ease;-o-transition: margin 1s ease;-ms-transition: margin 1s ease;transition: margin 1s ease;} .vertpan img:hover {margin-top: -200px;} /* Smiggle Full Rows */ #rowblue {background:#60cae4; width:100%;} #rowpurple {background:#91268f; width:100%;} #rowgrey {background:#f5f5f5; width:100%; padding:5px 0px 5px 0px;} .hero_container {/*margin-top:25px;*/ z-index:0; width:100%; height:400px; margin-bottom:25px;} .checkitout {text-align:center; margin:0px auto; font-size:22px; padding:10px 0px 10px 0px;} #cf_slide {position:relative; z-index:1;} /* We Want Smiggle */ .wewantcopy {color:#fff; margin:-5px 20px 20px 20px; padding-bottom:10px; text-align:center; font-size:16px; border-bottom:1px solid white;} .wewanttitle {color:#fff; font-size:30px; text-align:center;} .jfk-button {margin:0px auto; background:#000; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; color:#fff; margin:20px 0px 20px 0px; padding:10px; min-width:90%; border:3px solid white; font-size:15px;} #successwhere {display: none; max-width:100%;} #successwhat {display: none; max-width:100%;} .ss-form-container {max-width:100%; margin:0 auto; margin-left:-15px;} .ss-form-entry {margin:0px auto;} .ss-q-short {min-width:90%; padding:10px; } .ss-q-title {color:#fff; letter-spacing:1px; margin:10px; text-align:center; font-size:15px;} #telluswhere { flex: 1; margin:0px 10px 0px 0px; background:#92278f; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding:10px; color:#fff; font-size:20px; text-align:center;} #telluswhat {flex: 1; margin:0px 0px 0px 10px; background:#00b26a; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding:10px; color:#fff; font-size:20px; text-align:center;} /* Round Corners */ #round {border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} #roundred {background:#e51837; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} #roundblack {background:#000000; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} #roundblue{background:#60cae4; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} #roundgreen {background:#1bb26b; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} #roundpurple {background:#92278f; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} #roundpink {background:#e73f97; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} #roundredd {background:#ed164f; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} #roundyellow {background:#fff200; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} #roundrainbow {background: #91268f; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxMjY4ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWMwMDhiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDclIiBzdG9wLWNvbG9yPSIjNmRjZmY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYjI2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #91268f 0%, #ec008b 0%, #6dcff6 47%, #00b26a 100%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#91268f), color-stop(0%,#ec008b), color-stop(47%,#6dcff6), color-stop(100%,#00b26a), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #91268f 0%,#ec008b 0%,#6dcff6 47%,#00b26a 100%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #91268f 0%,#ec008b 0%,#6dcff6 47%,#00b26a 100%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #91268f 0%,#ec008b 0%,#6dcff6 47%,#00b26a 100%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #91268f 0%,#ec008b 0%,#6dcff6 47%,#00b26a 100%,#7db9e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91268f', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */ border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} /* GAME Window */ div.gamewindow { max-width: 960px; text-align: center; margin: 0 auto; background: #fff; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} div.gamewindow label { display: block;transition: .4s all linear; } div.gamewindow label:hover { cursor: pointer; background: #fff; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} input.toggle ~ div { height: 0px; overflow: hidden; transition: .6s all cubic-bezier(0.730, -0.485, 0.145, 1.620)} input.toggle:checked ~ div { height: 180px; } input.toggle:checked + label { background:none; } input.toggle { display: none; } #gameblock {max-width:180px; max-height:180px; transition: .2s all linear; display:inline-block; margin: 0px 3px 0px 3px;} #gameblockfirst {max-width:180px; max-height:180px; transition: .2s all linear; display:inline-block; margin: 0px 5px 0px 0px;} #gameblocklast {max-width:180px; max-height:180px; transition: .2s all linear; display:inline-block; margin: 0px 0px 0px 5px;} #gameblock:hover {border:5px; background:#91268f; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} .CAT_DeliveryDetailWrap {background: #fff; color: #000; text-align: center; font-size: 10px; font-family: Arial, Helvetica, sans-serif; margin-top:5px; margin:0 auto;} .CAT_FreeDel {max-width:100%; border-radius: 5px; margin-top:10px; margin-bottom:10px; background: #60cae4; color: #fff; text-align: center; text-transform: uppercase; font-size: 16px; font-family: Arial, Helvetica, sans-serif; padding:10px;} /* bounce */ .boyjump { background-image:url(/SM/images/smhome/sm1506_holiday_fun_boyjump.png); width: 60px; height: 120px; animation: boyjump 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate; animation-delay: 0; z-index:0; position:absolute; margin-top:250px; margin-left:-90px;} @keyframes boyjump {0%{transform: translateY(0px);} 100% {transform: translateY(-150px);}} .girlfloat { background-image:url(/SM/images/smhome/sm1506_holiday_fun_girlfloat.png); width: 100px; height: 180px; animation: girlfloat 800ms cubic-bezier(0.165, 0.840, 0.840, 1.000) infinite alternate; animation-delay: 0; z-index:0; position:absolute; margin-top:180px; margin-left:980px;} @keyframes girlfloat {0%{transform: translateY(0px);} 100% {transform: translateY(-150px);}} /* CF */ .countdownwrap{position:absolute; margin-top:-120px; margin-left:320px; margin-bottom:90px; z-index:9999;} .countdownwrapper{position:absolute; margin-top:-140px; margin-left:660px; margin-bottom:90px; z-index:9;} #do-menu ul.do-submenu ul.do-product-colourswatch { width: 240px; } .do-egiftcards-container iframe{height:800px} .do-egiftcards header{top:12px} .do-egiftcards #do-middle-box{top:45px} .do-egiftcards #do-header #do-top{width:934px; margin: 0 auto;} h1.do-category-header {display: none;} #do-promo-submit, #do-shoppingcart-choosecountry-submit{width:64px; margin: 4px 0 0;} .do-product-colourswatch .do-mix{ background:url("/wcsstore/SmiggleStorefrontAssetStore/images/global/mix_swatch.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0)!important} .do-product-colourswatch .selected .do-mix-inner{background-position: -58px 8px !important} #do-Colour{margin:0;} #do-social-media{display: none;} .favcolour input:hover,.favcolour input:focus,.favcolour input:active { border: none!important; background: none!important; box-shadow: none!important; } .do-login_register #espot-overlay { padding: 0!important; } body.do-checkout ul.vme-accordion-text li { list-style-type: disc } a.do-lettera {background: url("/SM/images/alphabet_swatch.png") no-repeat !important;} a.do-letterb {background: url("/SM/images/alphabet_swatch.png") -22px 0 no-repeat !important;} a.do-letterc {background: url("/SM/images/alphabet_swatch.png") -44px 0 no-repeat !important;} a.do-letterd {background: url("/SM/images/alphabet_swatch.png") -66px 0 no-repeat !important;} a.do-lettere {background: url("/SM/images/alphabet_swatch.png") -88px 0 no-repeat !important;} a.do-letterf {background: url("/SM/images/alphabet_swatch.png") -110px 0 no-repeat !important;} a.do-letterg {background: url("/SM/images/alphabet_swatch.png") -132px 0 no-repeat !important;} a.do-letterh {background: url("/SM/images/alphabet_swatch.png") -154px 0 no-repeat !important;} a.do-letteri {background: url("/SM/images/alphabet_swatch.png") -176px 0 no-repeat !important;} a.do-letterj {background: url("/SM/images/alphabet_swatch.png") -198px 0 no-repeat !important;} a.do-letterk {background: url("/SM/images/alphabet_swatch.png") -220px 0 no-repeat !important;} a.do-letterl {background: url("/SM/images/alphabet_swatch.png") -242px 0 no-repeat !important;} a.do-letterm {background: url("/SM/images/alphabet_swatch.png") -264px 0 no-repeat !important;} a.do-lettern {background: url("/SM/images/alphabet_swatch.png") -286px 0 no-repeat !important;} a.do-lettero {background: url("/SM/images/alphabet_swatch.png") -308px 0 no-repeat !important;} a.do-letterp {background: url("/SM/images/alphabet_swatch.png") -330px 0 no-repeat !important;} a.do-letterq {background: url("/SM/images/alphabet_swatch.png") -352px 0 no-repeat !important;} a.do-letterr {background: url("/SM/images/alphabet_swatch.png") -374px 0 no-repeat !important;} a.do-letters {background: url("/SM/images/alphabet_swatch.png") -396px 0 no-repeat !important;} a.do-lettert {background: url("/SM/images/alphabet_swatch.png") -418px 0 no-repeat !important;} a.do-letteru {background: url("/SM/images/alphabet_swatch.png") -440px 0 no-repeat !important;} a.do-letterv {background: url("/SM/images/alphabet_swatch.png") -462px 0 no-repeat !important;} a.do-letterw {background: url("/SM/images/alphabet_swatch.png") -484px 0 no-repeat !important;} a.do-letterx {background: url("/SM/images/alphabet_swatch.png") -506px 0 no-repeat !important;} a.do-lettery {background: url("/SM/images/alphabet_swatch.png") -528px 0 no-repeat !important;} a.do-letterz {background: url("/SM/images/alphabet_swatch.png") -550px 0 no-repeat !important;} a.do-lettera.selected { background-position: 0 -25px !important;} a.do-letterb.selected { background-position: -22px -25px !important;} a.do-letterc.selected { background-position: -44px -25px !important;} a.do-letterd.selected { background-position: -66px -25px !important;} a.do-lettere.selected { background-position: -88px -25px !important;} a.do-letterf.selected { background-position: -110px -25px !important;} a.do-letterg.selected { background-position: -132px -25px !important;} a.do-letterh.selected { background-position: -154px -25px !important;} a.do-letteri.selected { background-position: -176px -25px !important;} a.do-letterj.selected { background-position: -198px -25px !important;} a.do-letterk.selected { background-position: -220px -25px !important;} a.do-letterl.selected { background-position: -242px -25px !important;} a.do-letterm.selected { background-position: -264px -25px !important;} a.do-lettern.selected { background-position: -286px -25px !important;} a.do-lettero.selected { background-position: -308px -25px !important;} a.do-letterp.selected { background-position: -330px -25px !important;} a.do-letterq.selected { background-position: -352px -25px !important;} a.do-letterr.selected { background-position: -374px -25px !important;} a.do-letters.selected { background-position: -396px -25px !important;} a.do-lettert.selected { background-position: -418px -25px !important;} a.do-letteru.selected { background-position: -440px -25px !important;} a.do-letterv.selected { background-position: -462px -25px !important;} a.do-letterw.selected { background-position: -484px -25px !important;} a.do-letterx.selected { background-position: -506px -25px !important;} a.do-lettery.selected { background-position: -528px -25px !important;} a.do-letterz.selected { background-position: -550px -25px !important;} /*** For Product Page ***/ .do-product-detail a.do-lettera {background: url("/SM/images/alphabet_swatch-v2.png") no-repeat !important;} .do-product-detail a.do-letterb {background: url("/SM/images/alphabet_swatch-v2.png") -44px 0 no-repeat !important;} .do-product-detail a.do-letterc {background: url("/SM/images/alphabet_swatch-v2.png") -88px 0 no-repeat !important;} .do-product-detail a.do-letterd {background: url("/SM/images/alphabet_swatch-v2.png") -136px 0 no-repeat !important;} .do-product-detail a.do-lettere {background: url("/SM/images/alphabet_swatch-v2.png") -176px 0 no-repeat !important;} .do-product-detail a.do-letterf {background: url("/SM/images/alphabet_swatch-v2.png") -220px 0 no-repeat !important;} .do-product-detail a.do-letterg {background: url("/SM/images/alphabet_swatch-v2.png") -264px 0 no-repeat !important;} .do-product-detail a.do-letterh {background: url("/SM/images/alphabet_swatch-v2.png") -308px 0 no-repeat !important;} .do-product-detail a.do-letteri {background: url("/SM/images/alphabet_swatch-v2.png") -352px 0 no-repeat !important;} .do-product-detail a.do-letterj {background: url("/SM/images/alphabet_swatch-v2.png") -396px 0 no-repeat !important;} .do-product-detail a.do-letterk {background: url("/SM/images/alphabet_swatch-v2.png") -440px 0 no-repeat !important;} .do-product-detail a.do-letterl {background: url("/SM/images/alphabet_swatch-v2.png") -484px 0 no-repeat !important;} .do-product-detail a.do-letterm {background: url("/SM/images/alphabet_swatch-v2.png") -528px 0 no-repeat !important;} .do-product-detail a.do-lettern {background: url("/SM/images/alphabet_swatch-v2.png") -572px 0 no-repeat !important;} .do-product-detail a.do-lettero {background: url("/SM/images/alphabet_swatch-v2.png") -616px 0 no-repeat !important;} .do-product-detail a.do-letterp {background: url("/SM/images/alphabet_swatch-v2.png") -660px 0 no-repeat !important;} .do-product-detail a.do-letterq {background: url("/SM/images/alphabet_swatch-v2.png") -704px 0 no-repeat !important;} .do-product-detail a.do-letterr {background: url("/SM/images/alphabet_swatch-v2.png") -748px 0 no-repeat !important;} .do-product-detail a.do-letters {background: url("/SM/images/alphabet_swatch-v2.png") -792px 0 no-repeat !important;} .do-product-detail a.do-lettert {background: url("/SM/images/alphabet_swatch-v2.png") -836px 0 no-repeat !important;} .do-product-detail a.do-letteru {background: url("/SM/images/alphabet_swatch-v2.png") -880px 0 no-repeat !important;} .do-product-detail a.do-letterv {background: url("/SM/images/alphabet_swatch-v2.png") -924px 0 no-repeat !important;} .do-product-detail a.do-letterw {background: url("/SM/images/alphabet_swatch-v2.png") -968px 0 no-repeat !important;} .do-product-detail a.do-letterx {background: url("/SM/images/alphabet_swatch-v2.png") -1012px 0 no-repeat !important;} .do-product-detail a.do-lettery {background: url("/SM/images/alphabet_swatch-v2.png") -1056px 0 no-repeat !important;} .do-product-detail a.do-letterz {background: url("/SM/images/alphabet_swatch-v2.png") -1100px 0 no-repeat !important;} .do-product-detail a.do-lettera.selected { background-position: 0 -50px !important;} .do-product-detail a.do-letterb.selected { background-position: -44px -50px !important;} .do-product-detail a.do-letterc.selected { background-position: -88px -50px !important;} .do-product-detail a.do-letterd.selected { background-position: -136px -50px !important;} .do-product-detail a.do-lettere.selected { background-position: -176px -50px !important;} .do-product-detail a.do-letterf.selected { background-position: -220px -50px !important;} .do-product-detail a.do-letterg.selected { background-position: -264px -50px !important;} .do-product-detail a.do-letterh.selected { background-position: -308px -50px !important;} .do-product-detail a.do-letteri.selected { background-position: -352px -50px !important;} .do-product-detail a.do-letterj.selected { background-position: -396px -50px !important;} .do-product-detail a.do-letterk.selected { background-position: -440px -50px !important;} .do-product-detail a.do-letterl.selected { background-position: -484px -50px !important;} .do-product-detail a.do-letterm.selected { background-position: -528px -50px !important;} .do-product-detail a.do-lettern.selected { background-position: -572px -50px !important;} .do-product-detail a.do-lettero.selected { background-position: -619px -50px !important;} .do-product-detail a.do-letterp.selected { background-position: -660px -50px !important;} .do-product-detail a.do-letterq.selected { background-position: -704px -50px !important;} .do-product-detail a.do-letterr.selected { background-position: -748px -50px !important;} .do-product-detail a.do-letters.selected { background-position: -792px -50px !important;} .do-product-detail a.do-lettert.selected { background-position: -836px -50px !important;} .do-product-detail a.do-letteru.selected { background-position: -883px -50px !important;} .do-product-detail a.do-letterv.selected { background-position: -924px -50px !important;} .do-product-detail a.do-letterw.selected { background-position: -968px -50px !important;} .do-product-detail a.do-letterx.selected { background-position: -1012px -50px !important;} .do-product-detail a.do-lettery.selected { background-position: -1056px -50px !important;} .do-product-detail a.do-letterz.selected { background-position: -1100px -50px !important;} .do-purpleteal {background: rgba(142,44,191,1); background: -moz-linear-gradient(left, rgba(142,44,191,1) 0%, rgba(142,44,191,1) 50%, rgba(39,201,230,1) 51%, rgba(39,201,230,1) 71%, rgba(39,201,230,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(142,44,191,1)), color-stop(50%, rgba(142,44,191,1)), color-stop(51%, rgba(39,201,230,1)), color-stop(71%, rgba(39,201,230,1)), color-stop(100%, rgba(39,201,230,1))); background: -webkit-linear-gradient(left, rgba(142,44,191,1) 0%, rgba(142,44,191,1) 50%, rgba(39,201,230,1) 51%, rgba(39,201,230,1) 71%, rgba(39,201,230,1) 100%); background: -o-linear-gradient(left, rgba(142,44,191,1) 0%, rgba(142,44,191,1) 50%, rgba(39,201,230,1) 51%, rgba(39,201,230,1) 71%, rgba(39,201,230,1) 100%); background: -ms-linear-gradient(left, rgba(142,44,191,1) 0%, rgba(142,44,191,1) 50%, rgba(39,201,230,1) 51%, rgba(39,201,230,1) 71%, rgba(39,201,230,1) 100%); background: linear-gradient(to right, rgba(142,44,191,1) 0%, rgba(142,44,191,1) 50%, rgba(39,201,230,1) 51%, rgba(39,201,230,1) 71%, rgba(39,201,230,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e2cbf', endColorstr='#27c9e6', GradientType=1 );} a.do-purpleteal.selected {background: rgba(142,44,191,1); background: -moz-linear-gradient(left, rgba(142,44,191,1) 0%, rgba(142,44,191,1) 50%, rgba(39,201,230,1) 51%, rgba(39,201,230,1) 71%, rgba(39,201,230,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(142,44,191,1)), color-stop(50%, rgba(142,44,191,1)), color-stop(51%, rgba(39,201,230,1)), color-stop(71%, rgba(39,201,230,1)), color-stop(100%, rgba(39,201,230,1))); background: -webkit-linear-gradient(left, rgba(142,44,191,1) 0%, rgba(142,44,191,1) 50%, rgba(39,201,230,1) 51%, rgba(39,201,230,1) 71%, rgba(39,201,230,1) 100%); background: -o-linear-gradient(left, rgba(142,44,191,1) 0%, rgba(142,44,191,1) 50%, rgba(39,201,230,1) 51%, rgba(39,201,230,1) 71%, rgba(39,201,230,1) 100%); background: -ms-linear-gradient(left, rgba(142,44,191,1) 0%, rgba(142,44,191,1) 50%, rgba(39,201,230,1) 51%, rgba(39,201,230,1) 71%, rgba(39,201,230,1) 100%); background: linear-gradient(to right, rgba(142,44,191,1) 0%, rgba(142,44,191,1) 50%, rgba(39,201,230,1) 51%, rgba(39,201,230,1) 71%, rgba(39,201,230,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e2cbf', endColorstr='#27c9e6', GradientType=1 );} .do-purpleblue { background: #b5229f; /* Old browsers */ background: -moz-linear-gradient(left, #b5229f 50%, #7db9e8 50%, #c96dce 50%, #3f97db 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(50%,#b5229f), color-stop(50%,#7db9e8), color-stop(50%,#c96dce), color-stop(50%,#3f97db)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #b5229f 50%,#7db9e8 50%,#c96dce 50%,#3f97db 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #b5229f 50%,#7db9e8 50%,#c96dce 50%,#3f97db 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #b5229f 50%,#7db9e8 50%,#c96dce 50%,#3f97db 50%); /* IE10+ */ background: linear-gradient(to right, #b5229f 50%,#7db9e8 50%,#c96dce 50%,#3f97db 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5229f', endColorstr='#3f97db',GradientType=1 ); /* IE6-9 */ } a.do-purpleblue.selected { background: #b5229f; /* Old browsers */ background: -moz-linear-gradient(left, #b5229f 50%, #7db9e8 50%, #c96dce 50%, #3f97db 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(50%,#b5229f), color-stop(50%,#7db9e8), color-stop(50%,#c96dce), color-stop(50%,#3f97db)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #b5229f 50%,#7db9e8 50%,#c96dce 50%,#3f97db 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #b5229f 50%,#7db9e8 50%,#c96dce 50%,#3f97db 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #b5229f 50%,#7db9e8 50%,#c96dce 50%,#3f97db 50%); /* IE10+ */ background: linear-gradient(to right, #b5229f 50%,#7db9e8 50%,#c96dce 50%,#3f97db 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5229f', endColorstr='#3f97db',GradientType=1 ); /* IE6-9 */ } .do-pinkteal { background: #f970e7; /* Old browsers */ background: -moz-linear-gradient(left, #f970e7 49%, #2ad7e0 49%, #921e99 49%, #7db9e8 49%, #7db9e8 50%, #22d2d8 99%, #207cca 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(49%,#f970e7), color-stop(49%,#2ad7e0), color-stop(49%,#921e99), color-stop(49%,#7db9e8), color-stop(50%,#7db9e8), color-stop(99%,#22d2d8), color-stop(100%,#207cca)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f970e7 49%,#2ad7e0 49%,#921e99 49%,#7db9e8 49%,#7db9e8 50%,#22d2d8 99%,#207cca 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f970e7 49%,#2ad7e0 49%,#921e99 49%,#7db9e8 49%,#7db9e8 50%,#22d2d8 99%,#207cca 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f970e7 49%,#2ad7e0 49%,#921e99 49%,#7db9e8 49%,#7db9e8 50%,#22d2d8 99%,#207cca 100%); /* IE10+ */ background: linear-gradient(to right, #f970e7 49%,#2ad7e0 49%,#921e99 49%,#7db9e8 49%,#7db9e8 50%,#22d2d8 99%,#207cca 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f970e7', endColorstr='#207cca',GradientType=1 ); /* IE6-9 */ } a.do-pinkteal.selected{ background: #f970e7; /* Old browsers */ background: -moz-linear-gradient(left, #f970e7 49%, #2ad7e0 49%, #921e99 49%, #7db9e8 49%, #7db9e8 50%, #22d2d8 99%, #207cca 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(49%,#f970e7), color-stop(49%,#2ad7e0), color-stop(49%,#921e99), color-stop(49%,#7db9e8), color-stop(50%,#7db9e8), color-stop(99%,#22d2d8), color-stop(100%,#207cca)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f970e7 49%,#2ad7e0 49%,#921e99 49%,#7db9e8 49%,#7db9e8 50%,#22d2d8 99%,#207cca 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f970e7 49%,#2ad7e0 49%,#921e99 49%,#7db9e8 49%,#7db9e8 50%,#22d2d8 99%,#207cca 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f970e7 49%,#2ad7e0 49%,#921e99 49%,#7db9e8 49%,#7db9e8 50%,#22d2d8 99%,#207cca 100%); /* IE10+ */ background: linear-gradient(to right, #f970e7 49%,#2ad7e0 49%,#921e99 49%,#7db9e8 49%,#7db9e8 50%,#22d2d8 99%,#207cca 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f970e7', endColorstr='#207cca',GradientType=1 ); /* IE6-9 */ } .do-hotmix {background: url("/SM/images/mix_swatch.jpg");} a.do-hotmix.selected {background: url("/SM/images/mix_swatch.jpg");} .do-midblue {background-color:#069;} a.do-midblue.selected {background-color:#069;} .do-cola {background-color:#553805;} a.do-cola.selected {background-color:#553805;} .do-banana {background-color:#e8f832;} a.do-banana.selected {background-color:#e8f832;} .do-greenapple {background-color:#13dc21;} a.do-greenapple.selected {background-color:#13dc21;} .do-mint {background-color:#b5ddf9;} a.do-mint.selected {background-color:#b5ddf9;} .do-lemon {background-color:#fff000;} a.do-lemon.selected {background-color:#fff000;} .do-boy {background-color:#069;} a.do-boy.selected {background-color:#069;} .do-girl {background-color:#e73f97;} a.do-girl.selected {background-color:#e73f97;} .do-design1 {background: url("/SM/images/mix_swatch.jpg");} a.do-design1.selected {background: url("/SM/images/mix_swatch.jpg");} .do-hotpink {background-color:#d127b7;} a.do-hotpink.selected {background-color:#d127b7;} .do-teal {background-color:#14d0a2;} a.do-teal.selected {background-color:#14d0a2;} .do-natural {background-color:#f1f3d2;} a.do-natural.selected {background-color:#f1f3d2;} .do-neonblue {background-color:#30bef3;} a.do-neonblue.selected {background-color:#30bef3;} .do-neonpink {background-color:#ee4885;} a.do-neonpink.selected {background-color:#ee4885;} .do-penguin{background-color:#60cae4;} a.do-penguin.selected {background-color:#60cae4;} .do-purplepink{background-color:#91268f;} a.do-purplepink.selected {background-color:#91268f;} .do-fairyfloss{background-color:#bb0c68;} a.do-fairyfloss.selected {background-color:#bb0c68;} .do-blueberry{background-color:#00c1f5;} a.do-blueberry.selected {background-color:#00c1f5;} .do-strawberry{background-color:#ec008c;} a.do-strawberry.selected {background-color:#ec008c;} .do-grape{background-color:#91268f;} a.do-grape.selected {background-color:#91268f;} .do-lightmix {background: url("/SM/images/swatch-lightmix.gif");} a.do-lightmix.selected {background: url("/SM/images/swatch-lightmix.gif");} .do-chocolate {background: url("/SM/images/SM_471256_chocolate.gif");} a.do-chocolate.selected {background: url("/SM/images/SM_471256_chocolate.gif");} .do-cookie {background: url("/SM/images/SM_471256_cookie.gif");} a.do-cookie.selected {background: url("/SM/images/SM_471256_cookie.gif");} .do-multi {background: url("/SM/images/mix_swatch.jpg");} a.do-multi.selected {background: url("/SM/images/mix_swatch.jpg");} .do-berry{background-color:#f55da8;} a.do-berry.selected {background-color:#f55da8;} .do-lightpink{background-color:#ffc4dd;} a.do-lightpink.selected {background-color:#ffc4dd;} .do-violet{background-color:#c333c0;} a.do-violet.selected {background-color:#c333c0;} .do-lightpurple{background-color:#cfb4db;} a.do-lightpurple.selected {background-color:#cfb4db;} .do-peppermint{background-color:#8ed4ed;} a.do-peppermint.selected {background-color:#8ed4ed;} .do-islandpunch{background: url("/SM/images/swatches/island-punch.png");} a.do-islandpunch.selected {background: url("/SM/images/swatches/island-punch.png");} .do-coconut{background: url("/SM/images/swatches/coconut.png");} a.do-coconut.selected {background: url("/SM/images/swatches/coconut.png");} .do-bear {background: url("/SM/images/mix_swatch.jpg");} a.do-bear.selected {background: url("/SM/images/mix_swatch.jpg");} .do-pooch {background: url("/SM/images/mix_swatch.jpg");} a.do-pooch.selected {background: url("/SM/images/mix_swatch.jpg");} .do-owl {background-color:#9edbfb;} a.do-owl.selected {background-color:#9edbfb;} .do-cupcake {background: url("/SM/images/swatch-lightmix.gif");} a.do-cupcake.selected {background: url("/SM/images/swatch-lightmix.gif");} .do-deer{background-color:#91268f;} a.do-deer.selected {background-color:#91268f;} .do-fox{background-color:#91268f;} a.do-fox.selected {background-color:#91268f;} .do-leopard {background-color:#d127b7;} a.do-leopard.selected {background-color:#d127b7;} .do-donut {background-color:#ee4885;} a.do-donut.selected {background-color:#ee4885;} .do-macarons {background-color:#fff200;} a.do-macarons.selected {background-color:#fff200;} .do-bunny{background-color:#ee4885;} a.do-bunny.selected {background-color:#ee4885;} .do-dog {background-color:#069;} a.do-dog.selected {background-color:#069;} .do-grey { background-color: #cccccc; } a.do-grey.selected {background-color:#cccccc;} .do-rabbit{background-color:#fbdcff;} a.do-rabbit.selected {background-color:#fbdcff;} .do-cat{background-color:#e85bcc;} a.do-cat.selected {background-color:#e85bcc;} .do-panda{background-color:#e51837;} a.do-panda.selected {background-color:#e51837;} .do-duck{background-color:#e1ff16;} a.do-duck.selected {background-color:#e1ff16;} .do-duck{background-color:#e1ff16;} a.do-duck.selected {background-color:#e1ff16;} .do-penguin{background-color:#9ed5fb;} a.do-penguin.selected {background-color:#9ed5fb;} .do-cheetah{background-color:#9ef8fb;} a.do-cheetah.selected {background-color:#9ef8fb;} #do-menu li ul li a { font-size: 13px!important; padding: 0!important; } .safety-recall { } #QuickSignUp .genericESpot { float: left; } #do-quick-signup-email, #do-quick-signup-country { vertical-align: top; } #QuickSignUp .do-button-submit { margin-top: 7px; } /* IE < 11 CATALOGUE HOVER FIX */ .view-product { background-image: url(/SM/images/espot/catalogue/spacer.gif); } #do-footer { height: auto !important; } #do-middle, #do-middle-box { padding-bottom:330px!important;} #do-menu .do-submenu li { white-space: nowrap; float: none; } #do-menu #do-nav-shopby .do-submenu > li { float: left; width: 50%; } #do-menu #do-nav-shopby .do-submenu .do-sortby-colour, #do-menu #do-nav-shopby .do-submenu .do-product-colourswatch-shadow { width: 100%; } #CAT_nav_tops_2 { margin: 0 !important; } #CAT_nav_tops_2 img { padding-top: 10px; display: block; margin: auto; } #do-header #countrySelect { position: relative; z-index: 121; } /* Move to Screen */ /* ================================================================================ Quick Fix - Delete after hotfix of Screen.css ===================================================================================*/ .MagicThumb-loader { border: none !important; background: none !important; padding: 0 !important; text-indent:-999px; } /*.do-search.do-catalogue .do-product-grid .do-sale .do-price{color:#222!important}*/ .do-promotion-container span, .do-productrec .do-message-wrapper .do-offer, .do-wearwith .do-message-wrapper .do-offer{color:#ed1a3b!important} .do-search.do-catalogue .do-message-wrapper .do-offer, .do-productrec-hr .do-message-wrapper .do-offer{background-color:#ed1a3b!important;} /*.do-search.do-catalogue .do-product-grid .do-sale .do-price, .do-catalogue.do-product-detail .do-product-details .do-sale .do-price, .do-catalogue.do-product-detail .do-product-details .do-sale .do-price abbr, .do-catalogue .do-product-details .do-sale .do-price #productPrice{color:#222!important}*/ #do-quickview abbr{color:black;} .pprp .cat-product img, .do-productrec-hr .cat-product img {width:152px !important; height:152px !important;} .bx-wrapper .bx-controls-direction a { z-index: 0 !important; } .do-productrec .cat-swatches, .do-wearwith .cat-swatches{display:block;} /* Smiggle UK Sign Up Bar */ #email-bar { display: none; position: fixed; width: 100%; height: 60px; bottom: -60px; left: 0; color: #FFF; background: #e51937; z-index: 9999; font-family: 'Pontano Sans', Helvetica, Arial, sans-serif; } #email-bar .close { position: absolute; top: 5px; right: 10px; font-size: 20px; line-height: 1; color: #fff; font-family: Helvetica, Arial, sans-serif; } #email-bar .close:hover { text-decoration: none; color: #000; } #email-bar .container { text-align: center; } #email-bar .container span, #email-bar .container iframe { display: inline-block; vertical-align: middle; } #email-bar span { line-height: 60px; font-size: 20px; margin: 0 10px 0 0; } #email-bar iframe { width: 400px; height: 44px; } /* -- Griddle -- */ .griddle, .unit {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} .griddle {display: block;clear: both;} .griddle-margin {display: block;clear: both; margin:10px 0px 10px 0px !important;} .griddle .unit {float: left;width: 100%;padding: 10px;} .griddle .unit:first-child { padding-left: 10px; } .griddle .unit:last-child { padding-right: 10px; } .unit .unit:first-child { padding-left: 0; } .unit .unit:last-child { padding-right: 0; } .unit .griddle:first-child > .unit { padding-top: 0; } .unit .griddle:last-child > .unit { padding-bottom: 0; } .no-gutters .unit, .unit.no-gutters {padding: 0 !important;} .smwrap .griddle, .griddle .smwrap {max-width: 980px;margin: 0 auto;} .griddle .whole, .griddle .w-1-1 { width: 100%; } .griddle .half, .griddle .w-1-2 { width: 50%; } .griddle .one-third, .griddle .w-1-3 { width: 33.333333%; } .griddle .offers, .griddle .offer { max-width: 940px; margin:0px auto;} .griddle .two-thirds, .griddle .w-2-3 { width: 66.6665%; } .griddle .one-quarter, .griddle .one-fourth, .griddle .w-1-4 { width: 25%; } .griddle .three-quarters, .griddle .three-fourths, .griddle .w-3-4 { width: 75%; } .griddle .one-fifth, .griddle .w-1-5 { width: 20%; } .griddle .two-fifths, .griddle .w-2-5 { width: 40%; } .griddle .three-fifths, .griddle .w-3-5 { width: 60%; } .griddle .four-fifths, .griddle .w-4-5 { width: 80%; } .griddle .golden-small, .griddle .w-g-s { width: 38.2716%; } /* Golden section: smaller piece */ .griddle .golden-large, .griddle .w-g-l { width: 61.7283%; } /* Golden section: larger piece */ .griddle .whole960 {max-width:960px; margin:0px auto; max-height:100%;} .griddle {*zoom: 1;} .griddle:before, .griddle:after {display: table;content: "";line-height: 0;} .griddle:after {clear: both;} .griddle-margin {*zoom: 1;} .griddle-margin:before, .griddle-margin:after {display: table;content: "";line-height: 0;} .griddle-margin:after {clear: both;} .align-center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .pull-left { float: left; } .pull-right { float: right; } .unit img {max-width: 100%;} .smbanner {padding:0px 10px 0px 10px!important;} .no-padding {padding:0px!important;} .with-padding {padding:10px!important;} /* Display only on mob */ .only-on-mob {display: none !important;} /* Responsive Stuff */ @media screen and (max-width: 568px) { .griddle:not(.no-stacking-on-mob) > .unit {width: 100% !important;padding-left: 20px;padding-right: 20px;} .unit .griddle .unit {padding-left: 0px;padding-right: 0px;} .center-on-mob {text-align: center !important;} .hide-on-mob {display: none !important;} .only-on-mob {display: block !important;text-align: center !important;} .mob-padding {margin:0px;} } @media screen and (min-width: 1180px) { .wider .griddle, .griddle.wider {max-width: 1180px;margin: 0 auto;} } /* -- END Griddle -- */ /* Offer Text */ .offertxt { font-size:14px; text-align:center; font-family:Arial; line-height:18px; margin:10px 0px 5px 0px;} .bluetxt {color:#60cae4;} .redtxt {color:#e51837;} .greentxt {color:#1bb26b;} .pinktxt {color:#e73f97;} .purpletxt {color:#91268f;} /* Smiggle BUTTONS */ .animate {transition: all 0.1s; -webkit-transition: all 0.1s;} .sm-button {position: relative; width:100%; padding:5px 0px 5px 0px;margin: 0px 10px 10px 0px;float: left;border-radius: 10px;font-family: 'Arial';font-size: 18px;color: #FFF;text-decoration: none;text-align:center; cursor:pointer;} .sm-button :hover {background-color: #59bbd3;} .sm-button-blue {background-color: #60cae4;border-bottom: 5px solid #56b6ce;} .sm-button-red {background-color: #e51837;border-bottom: 5px solid #d31632;} .sm-button-green{background-color: #1bb26b; border-bottom: 5px solid #189e5f;} .sm-button-pink{background-color: #e73f97;border-bottom: 5px solid #ca3583;} .sm-button-purple{background-color: #91268f;border-bottom: 5px solid #891282;} .sm-button:active {transform: translate(0px,5px);-webkit-transform: translate(0px,5px);border-bottom: 1px solid;} /* BG Colours */ .bgblue {background-color: #60cae4;} .bgred{ background-color:#e51837;} .bggreen{ background-color:#1bb26b;} .bgpurple{background-color:#91268f;} .bgpurpleL{background-color:#d37fb3;} .bgpink{ background-color:#e73f97;} .bgpinkL{ background-color:#e9a6ca;} .bgwhiteg{ background-color:#fcfcfc;} .bggrey{ background-color:#f5f5f5;} /* HERO */ .hero {max-width:960px; margin:0px auto; max-height:100%;} .smshadow {position: relative;-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0,0.5);-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);padding: 3px;background: white; border-radius:10px; border:3px solid #ffffff;} .hero_animate {max-height:400px; max-width:940px; border-radius:10px; background-image: url(/SM/images/espot/hero/shimmershinebg.gif); background-repeat: repeat-x;-webkit-animation: animatedBackground 20s linear infinite;animation: animatedBackground 20s linear infinite;} @-webkit-keyframes animatedBackground {from {background-position: 0 0;}to {background-position: 600px 0;}} @keyframes animatedBackground {from {background-position: 0 0;}to {background-position: 600px 0;}} /* Logo Hover */ .logohover {z-index:99; max-width:100%; position:absolute; left:25%; top:10%;} .tilt {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;} .tilt:hover {-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-o-transform: rotate(-10deg);-ms-transform: rotate(-10deg);transform: rotate(-10deg);} /* Effects*/ .hvr-buzz-out,.jump-up{display:inline-block;vertical-align:middle;box-shadow:0 0 1px transparent;-moz-osx-font-smoothing:grayscale}.jump-up{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.jump-up:active,.jump-up:focus,.jump-up:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px)}@-webkit-keyframes hvr-buzz-out{10%,30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%,40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%,70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%,80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hvr-buzz-out{10%,30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%,40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%,70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%,80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hvr-buzz-out{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.hvr-buzz-out:active,.hvr-buzz-out:focus,.hvr-buzz-out:hover{-webkit-animation-name:hvr-buzz-out;animation-name:hvr-buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1} /* SLIDER */ .bx-wrapper {position: relative;margin: 0px auto;padding: 0;*zoom: 1;} .bx-wrapper ul {padding:0px;-webkit-padding-start: 0px !important;} .bx-wrapper img {max-width: 100%;display: block;} .bx-wrapper .bx-viewport {-moz-box-shadow: 0 0 0px #ccc;-webkit-box-shadow: 0 0 0px #ccc;box-shadow: 0 0 0px #ccc;border: 0px solid #fff;left: 0px;background:none; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;} .bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fffff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;} .bx-wrapper .bx-prev {left: -5%;background: url(http://smiggle.com.au/wcsstore/SmiggleStorefrontAssetStore/images/prev-01.png) no-repeat;} .bx-wrapper .bx-next {right: -3%;background: url(http://smiggle.com.au/wcsstore/SmiggleStorefrontAssetStore/images/next-01.png) no-repeat;} .bx-wrapper .bx-prev:hover {background-position: 0 0;} .bx-wrapper .bx-next:hover {background-position: 0 0;} .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 40px;height: 50px;text-indent: -9999px;z-index: 9999;} .bx-wrapper .bx-controls-direction a.disabled {display: none;} /* SM FORMS */ .smfblue{ width:95%; min-width:15em; min-height:330px; margin:0px auto; background-color:#60cae4; color:#ffffff; border-radius:10px;} .smfred{ width:95%; min-width:15em; min-height:330px; margin:0px auto; background-color:#e51837; color:#ffffff; border-radius:10px;} .smfgreen{ width:95%; min-width:15em; min-height:330px; margin:0px auto; background-color:#1bb26b; color:#ffffff; border-radius:10px;} .smfpurple{ width:95%; min-width:15em; min-height:330px; margin:0px auto; background-color:#91268f; color:#ffffff; border-radius:10px;} .smfpink{ width:95%; min-width:15em; min-height:300px; margin:0px auto; background-color:#e73f97; color:#ffffff; border-radius:10px;} .sminput { color:#121212; font-family: Helvetica, sans-serif; font-weight:300; font-size: 1em; line-height: 1em; background-color: #ffffff; width: 100%; padding: .8em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius:10px; text-indent: 1.5em; margin:0px auto;} .ib_blue {border: .2em solid #17a4c9;} .ib_red {border: .2em solid #c7122d;} .ib_green {border: .2em solid #129256;} .ib_purple {border: .2em solid #7b1275;} .ib_pink {border: .2em solid #ed008c;} .section:focus{border: .1em solid #0198E1;} #comment{height: 5em; max-width: 100%;} #agree{font-family: 'Open Sans', sans-serif; color: #0198E1; font-size: 1em; font-weight: 400;} /* Terms & Conditions */ #smtermslink, #smtermslink1 {text-align: center!important; margin: 0 auto; font-size: 11px; display:block; padding-bottom:5px; cursor:pointer;} #smtermslinkfd {text-align: center!important; margin: 0 auto; font-size: 11px; padding-bottom:5px; display:block; cursor:pointer; z-index:1; position:relative; margin-top:-12px;} #smtermsfd, #smtermsCATban, #smtermsCATban1 { display: none; text-align: center; margin: 0 auto; font-size: 10px; max-width:80%; padding:0px 0px 10px 0px;} /* Shop Now Button on CAT Banner */ .showshopnowbtn {width:118px; height:29px; background-image:url("/SM/images/espot/banners/shopnowbtn_forban.png"); z-index:99; position:absolute; margin-left:800px; margin-top:-40px;"}