a span.overlay-large.threeSixty { display: block; z-index: 1; position: absolute; top: 0; overflow: hidden; width: 56px; height: 56px; } a span.overlay-large.threeSixty img { bottom: 0; position: absolute; }a:hover span.overlay-large.threeSixty img { bottom: -56px; }#container { min-height: 100%; width: 100%; min-width: 970px; padding: 0; position: absolute; overflow: hidden; } #container a { text-decoration: none; } #container #main { display: table; margin: 0 auto; padding: 0; width: 950px; position: relative; } #container .clear { clear: both; display: block; } #container #services { width: 950px; margin: 0 auto; position: relative; z-index: 2; background: url(/static/img/checkout/swish-100.png) no-repeat 25px 75px; } #container #services > ul { background-image: url(/static/img/modules/services-sprite.png); background-repeat: no-repeat; background-position: -1000px 10px; position: relative; z-index: 1; width: 100%; margin: 0 0 15px 0; font-size: 0; padding: 20px 0 1px 0; display: block; height: 75px; list-style: none; } #container #services > ul > li { display: table-cell; min-width: 80px; font-size: 11px; padding-left: 20px; font-family: Georgia, serif; font-style: italic; position: relative; z-index: 1; } #container #services > ul > li a { display: block; color: #999999; min-height: 24px; } ie8 #container #services > ul > li a { background: none; } #container #services > ul > li a img { margin-right: 5px; float: left; } #container #services > ul > li a p { margin: 0; padding: 0; display: inline; } #container #services > ul > li a:hover, #container #services > ul > li a:visited:hover { color: #666666; } #container #services > ul > li.service-offer { font-size: 14px; padding-left: 0; max-width: 210px; } #container #services > ul > li.service-offer p { background-image: url(/static/img/modules/services-sprite.png); background-repeat: no-repeat; background-position: -1000px 0; padding: 0 0 0 65px; margin: 0; color: #666666; background: none; width: 140px; }a span.overlay-large.threeSixty { display: block; z-index: 1; position: absolute; top: 0; overflow: hidden; width: 56px; height: 56px; } a span.overlay-large.threeSixty img { bottom: 0; position: absolute; }a:hover span.overlay-large.threeSixty img { bottom: -56px; }#headerBackground { position: absolute; z-index: 4; left: 50%; top: 0; margin: 0 auto; transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); }header { font-family: Georgia,'DroidSerifRegular',serif; font-size: 12px; font-weight: normal; color: #666666; background-color: #ffffff; padding: 0; height: 154px; min-width: 970px; position: relative; }#header-top { width: 950px; margin: 0 auto 0; height: 99px; position: relative; z-index: 5; } #header-top > #gws-logo { position: absolute; top: 9px; left: 0px; margin: 0; padding: 0; } #header-top > #gws-logo > a { width: 202px; height: 82px; display: block; line-height: 0; font-size: 0; color: transparent; } #header-top > #gws-logo > a img { width: 202px; height: 82px; } #header-top .login-basket-box { position: relative; display: block; position: absolute; right: 0; min-width: 615px; max-width: 747px; padding: 2px 0 0 0; } #header-top .login-basket-box:after { content: ""; background-image: url(/static/img/modules/swoosh-horizontal.png); background-repeat: no-repeat; background-size: 108% 100%; background-position: -20px 0; height: 2px; width: 100%; display: block; position: absolute; margin: 0; z-index: 0; opacity: 1; filter: alpha(opacity=100); transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); right: 0px; top: 31px; } .ie8 #header-top .login-basket-box { background-image: none; } .ie8 #header-top .login-basket-box:after { background-image: none; } #header-top table { width: 100%; } #header-top #header-login { float: left; margin: 0; padding: 0; line-height: 24px; } #header-top #header-login li { list-style: none; display: inline-block; margin-left: 5px; } #header-top #header-login li:first-child { margin-left: 0; } #header-top #header-login li span { display: block; } #header-top #header-login a:hover, #header-top #header-login a:visited:hover { text-decoration: underline; } #header-top #header-infobar { float: right; margin: 0; padding: 0; max-width: 451px; white-space: nowrap; } #header-top #header-infobar * { display: inline-block; } #header-top #header-infobar li { list-style: none; margin-left: 5px; } #header-top #header-infobar li:first-child { margin-left: 20px; } #header-top #header-infobar li a { line-height: 24px; } #header-top #header-infobar li#header-infobar-gift-list a { padding-right: 14px; line-height: 24px; vertical-align: middle; position: relative; } #header-top #header-infobar li#header-infobar-gift-list a:after { content: ""; background-image: url(/static/img/modules/btn-icons-sprite.png); background-repeat: no-repeat; background-size: auto auto; background-position: -21px -1px; height: 15px; width: 9px; display: block; position: absolute; margin: 0; z-index: 0; opacity: 0.6; filter: alpha(opacity=60); transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); right: 2px; top: 2px; } .ie8 #header-top #header-infobar li#header-infobar-gift-list a { background-image: none; } .ie8 #header-top #header-infobar li#header-infobar-gift-list a:after { background-image: none; } #header-top #header-infobar li#header-infobar-gift-list a:hover, #header-top #header-infobar li#header-infobar-gift-list a:visited:hover { text-decoration: underline; } #header-top #header-infobar li#header-infobar-shipping-to a, #header-top #header-infobar li#header-infobar-shipping-to span { line-height: 24px; } #header-top #header-infobar li#header-infobar-shipping-to a:hover, #header-top #header-infobar li#header-infobar-shipping-to a:visited:hover { text-decoration: underline; } #header-top #header-infobar li#header-infobar-shipping-to img { margin: 6px 0 0 0px; vertical-align: top; } #header-top #header-infobar li#header-infobar-checkout > a.btn.btn-style-a { font-size: 12px; line-height: 16px; margin-left: 5px; } #header-top #header-infobar li#header-infobar-checkout span.price sup { font-size: 90% !important; } #header-top #header-infobar span.gw-wish-list.swatter { background-position: 0 0; background-repeat: no-repeat; } #header-top #header-cs a:hover, #header-top #header-cs a:visited:hover { text-decoration: underline; } #header-top #header-magazine { display: block; position: absolute; background: none; top: 27px; right: -12px; width: 124px; height: 65px; overflow: hidden; text-align: left; } #header-top #header-magazine a { display: block; position: absolute; background: transparent; width: 124px; height: 65px; overflow: hidden; text-align: left; } #header-top #header-magazine a img { position: absolute; height: auto; top: 0; } #header-top #header-magazine a:hover img { top: -65px; }nav.primary { background: #4f4f4f; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmNGY0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTI1MjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f4f4f), color-stop(100%, #252525)); background: -webkit-linear-gradient(top, #4f4f4f 0%, #252525 100%); background: linear-gradient(to bottom, #4f4f4f 0%, #252525 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#252525',GradientType=0 ); border-top: 1px solid #707070; border-bottom: 1px solid white; box-shadow: 0 3px 2px 0px #cccccc; -moz-box-shadow: 0 4px 4px -2px #c4c4c4; -webkit-box-shadow: 0 4px 4px -2px #c4c4c4; position: relative; bottom: -5px; width: 100%; height: 49px; z-index: 1; } nav.primary #header-navbar { background: url(/static/img/header/swoosh.png) no-repeat 0 0; width: 950px; margin: 0 auto; padding: 0; position: relative; left: 0px; display: table; height: 48px; } nav.primary #header-navbar > li { list-style: none; display: table-cell; background-image: url(/static/img/header/swoosh.png); background-repeat: no-repeat; background-position: top right; padding: 0 8px; height: 48px; overflow: hidden; text-align: left; position: relative; } nav.primary #header-navbar > li:after { content: ""; background-image: url(/static/img/header/swoosh-horizontal-50.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: 0 0; height: 2px; width: 100%; display: block; position: absolute; margin: 0; z-index: 0; opacity: 1; filter: alpha(opacity=100); transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); right: 2px; bottom: -3px; } .ie8 nav.primary #header-navbar > li { background-image: none; } .ie8 nav.primary #header-navbar > li:after { background-image: none; } nav.primary #header-navbar > li:after { background-color: #a40017; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } nav.primary #header-navbar > li:nth-child(1):after { background-color: #d29f13; } nav.primary #header-navbar > li:nth-child(2):after { background-color: #6cb476; } nav.primary #header-navbar > li:nth-child(3):after { background-color: #c0804e; } nav.primary #header-navbar > li:nth-child(4):after { background-color: #d29b00; } nav.primary #header-navbar > li:nth-child(5):after { background-color: #d39b00; } nav.primary #header-navbar > li:nth-child(6):after { background-color: #d49b00; } nav.primary #header-navbar > li.active { position: relative; } nav.primary #header-navbar > li.active:after { content: ""; background-image: url(/static/img/header/swoosh-horizontal-50.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: 0 0; height: 2px; width: 100%; display: block; position: absolute; margin: 0; z-index: 0; opacity: 1; filter: alpha(opacity=100); transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); right: 2px; bottom: 0px; } .ie8 nav.primary #header-navbar > li.active { background-image: none; } .ie8 nav.primary #header-navbar > li.active:after { background-image: none; } nav.primary #header-navbar > li.active:after { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } nav.primary #header-navbar > li > a { margin: 0; display: inline-block; outline: none; } nav.primary #header-navbar > li > a img { height: 48px; } nav.primary #header-navbar > li:hover { border-bottom: none; background: #000000; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYTJhMmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #2a2a2a)); background: -webkit-linear-gradient(top, #000000 0%, #2a2a2a 100%); background: linear-gradient(to bottom, #000000 0%, #2a2a2a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2a2a2a',GradientType=0 ); }.header-search { position: absolute; top: 47px; left: 335px; } .header-search > label { position: relative; width: 320px; display: block; margin: 0; } .header-search > label > span { font-family: Georgia, serif; font-size: 18px; font-style: normal; position: absolute; display: block; top: 9px; left: 76px; z-index: 1002; } .header-search > label > input[type="text"] { background-image: url(/static/img/modules/form-elements.png); background-repeat: no-repeat; background-color: transparent; width: 268px; height: 40px; border: 0; font-family: Georgia, serif; font-size: 16px; font-style: normal; padding: 0 40px 0 10px; position: relative; z-index: 1001; } .header-search > button { background: none; width: 44px; height: 40px; border: 0; position: absolute; z-index: 1001; top: 0; right: 0; text-indent: -9999px; }#search-insight { border-radius: 0 0 10px 10px; box-shadow: 0 3px 4px #999999; margin: 0 0 0 2px; position: relative; top: -10px; width: 314px; z-index: 1000; } #search-insight > ul { padding: 0; margin: 0; list-style: none; } #search-insight > ul > li.view-all { padding: 24px 20px 12px; background-color: #ffffff; position: relative; } #search-insight > ul > li.view-all:after { content: ""; background-image: url(/static/img/modules/btn-icons-sprite.png); background-repeat: no-repeat; background-size: auto auto; background-position: -107px -18px; height: 15px; width: 15px; display: block; position: absolute; margin: 0; z-index: 0; opacity: 1; filter: alpha(opacity=100); transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); right: 12px; top: 25px; } .ie8 #search-insight > ul > li.view-all { background-image: none; } .ie8 #search-insight > ul > li.view-all:after { background-image: none; } #search-insight > ul > li.view-all:hover { cursor: pointer; } #search-insight > ul > li.view-all:hover:after { background-position: -92px -18px; } #search-insight > ul > li.view-all.focussed { background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg%20id%3D%27mysvg%27%20xmlns%3D%27https%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%201%201%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20preserveAspectRatio%3D%27none%27%3E%3ClinearGradient%20id%3D%27bob%27%20gradientUnits%3D%27userSpaceOnUse%27%20x1%3D%270%25%27%20y1%3D%270%25%27%20x2%3D%270%25%27%20y2%3D%27100%25%27%3E%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%23ffffff%27%20stop-opacity%3D%271%27/%3E%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%23cccccc%27%20stop-opacity%3D%271%27/%3E%3C/linearGradient%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27url%28%23bob%29%27%20/%3E%3C/svg%3E"); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%); color: #333333; } .ie8 #search-insight > ul > li.view-all.focussed { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0); } #search-insight > ul > li.product { background: #ffffff; background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg%20id%3D%27mysvg%27%20xmlns%3D%27https%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%201%201%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20preserveAspectRatio%3D%27none%27%3E%3ClinearGradient%20id%3D%27bob%27%20gradientUnits%3D%27userSpaceOnUse%27%20x1%3D%270%25%27%20y1%3D%270%25%27%20x2%3D%270%25%27%20y2%3D%27100%25%27%3E%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%23ffffff%27%20stop-opacity%3D%271%27/%3E%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%23eeeeee%27%20stop-opacity%3D%271%27/%3E%3C/linearGradient%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27url%28%23bob%29%27%20/%3E%3C/svg%3E"); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); border-top: 1px solid #cccccc; border-bottom: 1px solid #ffffff; padding: 10px 10px 39px 20px; margin: 0; position: relative; font-size: 14px; } .ie8 #search-insight > ul > li.product { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0); } #search-insight > ul > li.product > span.price { position: absolute; bottom: 10px; left: 20px; font-size: 14px; } #search-insight > ul > li.product > span.price sup { font-size: 80%; } #search-insight > ul > li.product > button, #search-insight > ul > li.product a.gotoproduct, #search-insight > ul > li.product a.addtocart-dangerous { position: absolute; right: 10px; bottom: 10px; } #search-insight > ul > li.product.focussed { background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg%20id%3D%27mysvg%27%20xmlns%3D%27https%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%201%201%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20preserveAspectRatio%3D%27none%27%3E%3ClinearGradient%20id%3D%27bob%27%20gradientUnits%3D%27userSpaceOnUse%27%20x1%3D%270%25%27%20y1%3D%270%25%27%20x2%3D%270%25%27%20y2%3D%27100%25%27%3E%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%23ffffff%27%20stop-opacity%3D%271%27/%3E%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%23cccccc%27%20stop-opacity%3D%271%27/%3E%3C/linearGradient%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27url%28%23bob%29%27%20/%3E%3C/svg%3E"); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cccccc)); background-image: -webkit-linear-gradient(top, #ffffff 0%, #cccccc 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #cccccc 100%); color: #333333; } .ie8 #search-insight > ul > li.product.focussed { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0); } #search-insight > ul > li.product.focussed a { color: #333333; } #search-insight > ul > li.dimension { font-family: 'DroidSerifRegular',Georgia,serif; font-size: 14px; font-weight: normal; border-top: 1px solid #cccccc; padding: 7px 10px 7px 20px; background-color: #f5f5f5; } #search-insight > ul > li.dimension a { position: relative; width: 100%; height: 100%; display: block; padding: 1px 0; } #search-insight > ul > li.dimension a:after { content: ""; background-image: url(/static/img/modules/btn-icons-sprite.png); background-repeat: no-repeat; background-size: auto auto; background-position: -107px -18px; height: 15px; width: 15px; display: block; position: absolute; margin: 0; z-index: 0; opacity: 1; filter: alpha(opacity=100); transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); right: 3px; top: 0; } .ie8 #search-insight > ul > li.dimension a { background-image: none; } .ie8 #search-insight > ul > li.dimension a:after { background-image: none; } #search-insight > ul > li.dimension a:hover { cursor: pointer; } #search-insight > ul > li.dimension a:hover:after { background-position: -92px -18px; } #search-insight > ul > li.dimension ~ li.dimension { border-top: none; } #search-insight > ul > li.dimension:nth-child(odd) { background: #eeeeee; background-image: url("data:image/svg+xml,%3Csvg%20id%3D%27mysvg%27%20xmlns%3D%27https%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%201%201%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20preserveAspectRatio%3D%27none%27%3E%3ClinearGradient%20id%3D%27bob%27%20gradientUnits%3D%27userSpaceOnUse%27%20x1%3D%270%25%27%20y1%3D%270%25%27%20x2%3D%27100%25%27%20y2%3D%270%25%27%3E%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%23eeeeee%27%20stop-opacity%3D%271%27/%3E%3Cstop%20offset%3D%2750%25%27%20stop-color%3D%27%23f9f9f9%27%20stop-opacity%3D%271%27/%3E%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%23eeeeee%27%20stop-opacity%3D%271%27/%3E%3C/linearGradient%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27url%28%23bob%29%27%20/%3E%3C/svg%3E"); background-image: -webkit-gradient(linear, left, left bottom, color-stop(0%, #eeeeee), color-stop(50%, #f9f9f9), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(left, #eeeeee 0%, #f9f9f9 50%, #eeeeee 100%); background-image: linear-gradient(to right, #eeeeee 0%, #f9f9f9 50%, #eeeeee 100%); } .ie8 #search-insight > ul > li.dimension:nth-child(odd) { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=1); } #search-insight > ul > li.dimension:hover { background: #eaeaea; background-image: url("data:image/svg+xml,%3Csvg%20id%3D%27mysvg%27%20xmlns%3D%27https%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%201%201%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20preserveAspectRatio%3D%27none%27%3E%3ClinearGradient%20id%3D%27bob%27%20gradientUnits%3D%27userSpaceOnUse%27%20x1%3D%270%25%27%20y1%3D%270%25%27%20x2%3D%27100%25%27%20y2%3D%270%25%27%3E%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%23eaeaea%27%20stop-opacity%3D%271%27/%3E%3Cstop%20offset%3D%2750%25%27%20stop-color%3D%27%23f2f2f2%27%20stop-opacity%3D%271%27/%3E%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%23eaeaea%27%20stop-opacity%3D%271%27/%3E%3C/linearGradient%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27url%28%23bob%29%27%20/%3E%3C/svg%3E"); background-image: -webkit-gradient(linear, left, left bottom, color-stop(0%, #eaeaea), color-stop(50%, #f2f2f2), color-stop(100%, #eaeaea)); background-image: -webkit-linear-gradient(left, #eaeaea 0%, #f2f2f2 50%, #eaeaea 100%); background-image: linear-gradient(to right, #eaeaea 0%, #f2f2f2 50%, #eaeaea 100%); } .ie8 #search-insight > ul > li.dimension:hover { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#eaeaea',GradientType=1); } #search-insight > ul > li.dimension.focussed { background: #cccccc; background-image: url("data:image/svg+xml,%3Csvg%20id%3D%27mysvg%27%20xmlns%3D%27https%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%201%201%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20preserveAspectRatio%3D%27none%27%3E%3ClinearGradient%20id%3D%27bob%27%20gradientUnits%3D%27userSpaceOnUse%27%20x1%3D%270%25%27%20y1%3D%270%25%27%20x2%3D%27100%25%27%20y2%3D%270%25%27%3E%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%23cccccc%27%20stop-opacity%3D%271%27/%3E%3Cstop%20offset%3D%2750%25%27%20stop-color%3D%27%23e5e5e5%27%20stop-opacity%3D%271%27/%3E%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%23cccccc%27%20stop-opacity%3D%271%27/%3E%3C/linearGradient%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27url%28%23bob%29%27%20/%3E%3C/svg%3E"); background-image: -webkit-gradient(linear, left, left bottom, color-stop(0%, #cccccc), color-stop(50%, #e5e5e5), color-stop(100%, #cccccc)); background-image: -webkit-linear-gradient(left, #cccccc 0%, #e5e5e5 50%, #cccccc 100%); background-image: linear-gradient(to right, #cccccc 0%, #e5e5e5 50%, #cccccc 100%); color: #333333; } .ie8 #search-insight > ul > li.dimension.focussed { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=1); } #search-insight > ul > li.dimension.focussed a { color: #333333; }#header-cs { margin: 0; position: absolute; top: 47px; left: 674px; } #header-cs dt { display: block; } #header-cs dd { font-family: 'DroidSerifRegular',Georgia,serif; font-size: 20px; font-weight: normal; color: #9c9c9c; margin: 0; }a span.overlay-large.threeSixty { display: block; z-index: 1; position: absolute; top: 0; overflow: hidden; width: 56px; height: 56px; } a span.overlay-large.threeSixty img { bottom: 0; position: absolute; }a:hover span.overlay-large.threeSixty img { bottom: -56px; }#footer-wrapper { width: 100%; min-width: 970px; min-height: 500px; background-color: #fff; border-top: 1px #cccccc solid; bottom: 0px; position: relative; } #footer-wrapper footer { width: 100%; } #footer-wrapper footer div.footer-logos { display: block; margin: 0 auto; padding: 20px 0; border-bottom: 1px #cccccc solid; } #footer-wrapper footer div.footer-logos ul { width: 950px; list-style-type: none; margin: 0 auto; padding: 0; } #footer-wrapper footer div.footer-logos ul li { display: inline-block; width: 314px; text-align: center; } #footer-wrapper footer div.footer-links { display: block; width: 950px; margin: 0 auto; padding: 20px 0; font-size: 14px; } #footer-wrapper footer div.footer-links ul { list-style-type: none; margin: 0; padding: 0; width: 233px; display: table-cell; height: 100%; border-style: solid; border-color: #e6e6e6; border-width: 1px; -o-border-image: url(/static/img/modules/swoosh-vertical.png) 0 12 0 0 stretch stretch; border-image: url(/static/img/modules/swoosh-vertical.png) 0 12 0 0 stretch stretch; border-width: 0px 1px 0px 0px; } #footer-wrapper footer div.footer-links ul li { display: block; padding: 10px 10px 0 10px; } #footer-wrapper footer div.footer-links ul:first-child li { padding-left: 0; } #footer-wrapper footer div.footer-links ul.newsletter { border-width: 0; } #footer-wrapper footer div.footer-links ul.newsletter li { padding-right: 0; } #footer-wrapper footer div.footer-links ul.newsletter li #newsletter-subscription-footer { display: block; margin: 0 0 10px; position: relative; background: url(/static/img/footer/footer-email-input.png) no-repeat; width: 198px; height: 53px; } #footer-wrapper footer div.footer-links ul.newsletter li #newsletter-subscription-footer label { display: block; height: 35px; margin-bottom: 3px; } #footer-wrapper footer div.footer-links ul.newsletter li #newsletter-subscription-footer label .input-error { border: 0px !important; } #footer-wrapper footer div.footer-links ul.newsletter li #newsletter-subscription-footer label .input-error::-webkit-input-placeholder { color: #7e1914; } #footer-wrapper footer div.footer-links ul.newsletter li #newsletter-subscription-footer label .input-error:-moz-placeholder { color: #7e1914; opacity: 1; } #footer-wrapper footer div.footer-links ul.newsletter li #newsletter-subscription-footer label .input-error::-moz-placeholder { color: #7e1914; opacity: 1; } #footer-wrapper footer div.footer-links ul.newsletter li #newsletter-subscription-footer label .input-error:-ms-input-placeholder { color: #7e1914; } #footer-wrapper footer div.footer-links ul.newsletter li #newsletter-subscription-footer label .input-error:placeholder-shown { color: #7e1914; } #footer-wrapper footer div.footer-links ul.newsletter li #newsletter-subscription-footer button { background: none; border: 0; height: 35px; left: 167px; position: absolute; top: 0; width: 30px; text-indent: -1000px; overflow: hidden; } #footer-wrapper footer div.footer-links ul.newsletter li #newsletter-subscription-footer button:disabled { cursor: default; } #footer-wrapper footer div.footer-links ul.newsletter li #newsletter-subscription-footer input[type='text'] { border: 0 none; height: 15px; left: 0px; position: absolute; top: 0; width: 155px; background: none; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; } #footer-wrapper footer div.footer-links ul.newsletter li p { color: #666666; margin: 0; padding: 0 0 20px 0; border-style: solid; border-color: #e6e6e6; border-width: 0 0 13px 0; -o-border-image: url(/static/img/modules/swoosh-shadowbottom-horizontal.png) 0 0 13 0 stretch stretch; border-image: url(/static/img/modules/swoosh-shadowbottom-horizontal.png) 0 0 13 0 stretch stretch; } #footer-wrapper footer div.footer-links ul.newsletter li .footer-home { background: url(/static/img/footer/footer-home.png) no-repeat; padding: 3px 0 3px 28px; font-size: 14px; } #footer-wrapper footer div.footer-links ul.newsletter li .footer-mobile { border: 1px solid #a0a0a0; color: #333333; display: block; padding: 7px 21px; font-family: 'DroidSerifRegular',Georgia,serif; font-size: 14px; font-weight: normal; border-radius: 28px; background-color: #fbfbfb; background-image: url("data:image/svg+xml,%3Csvg%20id%3D%27mysvg%27%20xmlns%3D%27https%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%201%201%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20preserveAspectRatio%3D%27none%27%3E%3ClinearGradient%20id%3D%27bob%27%20gradientUnits%3D%27userSpaceOnUse%27%20x1%3D%270%25%27%20y1%3D%270%25%27%20x2%3D%270%25%27%20y2%3D%27100%25%27%3E%3Cstop%20offset%3D%270%25%27%20stop-color%3D%27%23fbfbfb%27%20stop-opacity%3D%271%27/%3E%3Cstop%20offset%3D%27100%25%27%20stop-color%3D%27%23e4e4e4%27%20stop-opacity%3D%271%27/%3E%3C/linearGradient%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%271%27%20height%3D%271%27%20fill%3D%27url%28%23bob%29%27%20/%3E%3C/svg%3E"); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #e4e4e4)); background-image: -webkit-linear-gradient(top, #fbfbfb 0%, #e4e4e4 100%); background-image: linear-gradient(to bottom, #fbfbfb 0%, #e4e4e4 100%); text-align: center; } .ie8 #footer-wrapper footer div.footer-links ul.newsletter li .footer-mobile { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e4e4e4',GradientType=0); } #footer-wrapper footer div.footer-links ul.newsletter li .footer-mobile:hover, #footer-wrapper footer div.footer-links ul.newsletter li .footer-mobile:visited:hover { text-decoration: none; } #footer-wrapper footer div.footer-links ul.newsletter #footer-twitter, #footer-wrapper footer div.footer-links ul.newsletter #footer-facebook { padding: 0 0 0 30px; background: url(/static/img/footer/footer-social-sprite.png) no-repeat; font-size: 14px; display: block; height: 19px; line-height: 23px; } #footer-wrapper footer div.footer-links ul.newsletter #footer-facebook { background-position: left 0; } #footer-wrapper footer div.footer-links ul.newsletter #footer-twitter { background-position: left -57px; } #footer-wrapper footer div.footer-links h3 { font-family: 'DroidSerifRegular',Georgia,serif; font-size: 14px; font-weight: normal; text-transform: uppercase; color: #333333; margin: 0 0 10px 0; padding: 0; letter-spacing: 3px; } #footer-wrapper footer div.footer-links p { margin: 0; padding: 0; } #footer-wrapper footer div.footer-links a { display: block; text-decoration: none; } #footer-wrapper footer div.footer-links a, #footer-wrapper footer div.footer-links a:visited, #footer-wrapper footer div.footer-links a:hover { color: #666666; } #footer-wrapper footer div.footer-links a:hover { text-decoration: underline; } #footer-wrapper footer .legal { display: block; width: 950px; padding: 0 0 40px 0; margin: 0 auto; color: #999999; } #footer-wrapper footer div.payment-methods { display: block; border-style: solid; border-color: #e6e6e6; border-width: 2px 0 0 0; -o-border-image: url(/static/img/modules/swoosh-horizontal.png) 2 0 0 0 stretch stretch; border-image: url(/static/img/modules/swoosh-horizontal.png) 2 0 0 0 stretch stretch; width: 950px; padding: 20px 0 5px 0; margin: 0 auto; color: #999999; } #footer-wrapper footer div.payment-methods ul { list-style-type: none; margin: 5px 0 0 0; padding: 0; } #footer-wrapper footer div.payment-methods ul li { display: inline-block; padding: 0; margin: 0 10px 0 0; background: url(/static/img/checkout/card-icons.png) no-repeat white; width: 60px; height: 40px; line-height: 1000px; overflow: hidden; } #footer-wrapper footer div.payment-methods ul li.card-american { background-position: 0px -43px; } #footer-wrapper footer div.payment-methods ul li.card-discover { background-position: 0px -88px; } #footer-wrapper footer div.payment-methods ul li.card-ibanElv { background-position: 0px -131px; } #footer-wrapper footer div.payment-methods ul li.card-mastercard { background-position: 0px -172px; } #footer-wrapper footer div.payment-methods ul li.card-visa { background-position: 0px 5px; } #footer-wrapper footer div.payment-methods ul li.card-payPal { background-position: 0px -211px; }a span.overlay-large.threeSixty { display: block; z-index: 1; position: absolute; top: 0; overflow: hidden; width: 56px; height: 56px; } a span.overlay-large.threeSixty img { bottom: 0; position: absolute; }a:hover span.overlay-large.threeSixty img { bottom: -56px; }#global-draws { bottom: 0; position: fixed; width: 970px; z-index: 10000; left: 50%; margin-left: -485px; } #global-draws > div.draws { top: -42px; height: 43px; overflow: hidden; z-index: 100001; position: absolute; right: 0px; display: inline-block; width: auto; } #global-draws > div.draws > button { font-family: 'DroidSerifRegular',Georgia,serif; font-size: 14px; font-weight: normal; display: inline-block; text-align: left; background-color: transparent; background-image: url(/static/img/modules/tab-buttons.png); background-position: right top; box-shadow: 0 0 4px 0 #666666; border: 1px solid #ffffff; border-bottom-style: none; color: #ffffff; position: relative; bottom: 0; padding: 0 42px 0 9px; height: 43px; margin-right: 20px; z-index: 10000; outline: none; } #global-draws > div.draws > button > span.qty { color: #a5a5a5; } #global-draws > div.draws > button > span.price sup { font-size: 80%; } #global-draws > div.draws > button.selected { background-position: right 38px; border-bottom: 1px solid #313131; } #global-draws > div.draws > button:first-child { margin-right: 6px; } #global-draws > div.content { text-align: left; background: url(/static/img/black-alpha80percent.png); box-shadow: 0 0 6px #666666; border: 1px solid #ffffff; border-bottom: none; color: #ffffff; position: relative; } #global-draws > div.content > div.loading { background: url(/static/img/modules/preloader.gif) no-repeat center center; background-size: auto 40%; display: block; height: 100%; width: auto; opacity: 0.3; filter: alpha(opacity=30); } #global-draws > div.content #cart-update-notification { height: 100%; } #global-draws > div.content #cart-update-notification p { font-family: 'DroidSerifRegular',Georgia,serif; font-size: 14px; font-weight: normal; padding: 0 20px; } #global-draws > div.content #cart-update-notification p em { font-family: 'DroidSerifRegular',Georgia,serif; font-size: 14px; font-weight: normal; margin-right: 5px; } #global-draws > div.content #mini-cart { height: 100%; } #global-draws > div.content #mini-cart .table { position: relative; width: 950px; margin: 12px 9px; } #global-draws > div.content #mini-cart .table .thead { display: block; } #global-draws > div.content #mini-cart .table .thead > div { font-size: 0; } #global-draws > div.content #mini-cart .table .thead > div > span { display: inline-block; padding: 0 0 9px 0; font-family: 'DroidSerifRegular',Georgia,serif; font-size: 14px; font-weight: normal; } #global-draws > div.content #mini-cart .table .thead > div > span ~ span { text-align: center; font-family: Georgia,'DroidSerifRegular',serif; font-size: 12px; font-weight: normal; font-style: italic; } #global-draws > div.content #mini-cart .table .thead > div > span:nth-child(1) { width: 710px; } #global-draws > div.content #mini-cart .table .thead > div > span:nth-child(2) { width: 111px; } #global-draws > div.content #mini-cart .table .thead > div > span:nth-child(3) { width: 108px; } #global-draws > div.content #mini-cart .table > .tbody { border: solid 1px #666666; height: 207px; display: block; overflow: auto; overflow-x: hidden; position: relative; } #global-draws > div.content #mini-cart .table > .tbody span.price sup { font-size: 80%; } #global-draws > div.content #mini-cart .table > .tbody > div { position: relative; height: auto; font-size: 0; min-height: 50px; } #global-draws > div.content #mini-cart .table > .tbody > div > div { padding: 6px 0; display: table-cell; vertical-align: middle; min-height: 50px; } #global-draws > div.content #mini-cart .table > .tbody > div > div > a > img, #global-draws > div.content #mini-cart .table > .tbody > div > div > img { width: 50px; height: 50px; position: absolute; left: 10px; top: 0; display: block; background: #ffffff; } #global-draws > div.content #mini-cart .table > .tbody > div > div > h6 { font-family: 'DroidSerifRegular',Georgia,serif; font-size: 14px; font-weight: normal; font-weight: normal; margin: 0 0 6px 0; } #global-draws > div.content #mini-cart .table > .tbody > div > div > h6 > a { color: #cccccc; } #global-draws > div.content #mini-cart .table > .tbody > div > div > p { font-family: Georgia,'DroidSerifRegular',serif; font-size: 12px; font-weight: normal; color: #cccccc; margin: 0; } #global-draws > div.content #mini-cart .table > .tbody > div > div:first-child { padding-left: 70px; position: relative; } #global-draws > div.content #mini-cart .table > .tbody > div > span { display: table-cell; vertical-align: middle; font-family: 'DroidSerifRegular',Georgia,serif; font-size: 14px; font-weight: normal; color: #999999; text-align: center; height: 50px; } #global-draws > div.content #mini-cart .table > .tbody > div > span ~ span { text-align: center; } #global-draws > div.content #mini-cart .table > .tbody > div > span:nth-child(2) { width: 111px; } #global-draws > div.content #mini-cart .table > .tbody > div > span:nth-child(3) { width: 108px; } #global-draws > div.content #mini-cart .table > .tbody > div > span:nth-child(even) { background: url(/static/img/black-alpha10percent.png); } #global-draws > div.content #mini-cart .table > .tbody > div:nth-child(odd) { background-color: #3e3e3e; } #global-draws > div.content #mini-cart .table > .tbody > div:nth-child(even) { background-color: #474747; } #global-draws > div.content #mini-cart .table > .tbody > div > div:nth-child(1) { width: 640px; } #global-draws > div.content #mini-cart .buttons { text-align: right; position: relative; height: 60px; padding: 0 15px; } #global-draws > div.content #mini-cart .buttons span.price { font-family: 'DroidSerifRegular',Georgia,serif; font-size: 20px; font-weight: normal; padding: 0 5px; } #global-draws > div.content #mini-cart .buttons span.price sup { font-size: 80%; } #global-draws > div.content #mini-cart .buttons sub { font-family: Georgia,'DroidSerifRegular',serif; font-size: 12px; font-weight: normal; font-style: italic; bottom: 4px; } #global-draws > div.content #mini-cart .buttons .edit-cart { left: 10px; position: absolute; top: 10px; }div.cart ~ div#global-draws { left: 0; margin-left: 0; width: 100%; } div.cart ~ div#global-draws > div.content { background: #fff; border: none; height: 230px; color: #333333; overflow: hidden; *zoom: 1; } div.cart ~ div#global-draws > div.content #hobby-essentials { max-width: 950px; margin-left: auto; margin-right: auto; text-align: center; } div.cart ~ div#global-draws > div.content #hobby-essentials:after { content: " "; display: block; clear: both; } div.cart ~ div#global-draws > div.content #hobby-essentials > .btn { min-width: 100px; text-align: center; position: absolute; bottom: 20px; right: 20px; } div.cart ~ div#global-draws > div.content ul > li { box-sizing: border-box; width: 25%; float: left; padding-left: 1.38889%; padding-right: 1.38889%; font-family: 'DroidSerifRegular',Georgia,serif; font-size: 14px; font-weight: normal; list-style-type: none; text-align: left; } div.cart ~ div#global-draws > div.content ul > li p { padding: 0 0 3px 0; margin: 0; } div.cart ~ div#global-draws > div.content ul > li a { color: #333333; } div.cart ~ div#global-draws > div.content ul > li img { width: 200px; max-width: 100%; margin-bottom: 5px; margin-top: 1px; border: 1px solid #D1D1D1; } div.cart ~ div#global-draws > div.content ul > li > span { color: #333333; font-family: 'DroidSerifRegular',Georgia,serif; font-size: 16px; font-weight: normal; float: left; } div.cart ~ div#global-draws > div.content ul > li .btn { float: right; margin-right: 5px; } div.cart ~ div#global-draws > div.draws { display: inline-block; height: 43px; position: absolute; right: 0; top: -42px; width: 100%; z-index: 100001; box-shadow: 0px -20px 20px -20px rgba(0, 0, 0, 0.8); } div.cart ~ div#global-draws > div.draws > button { background: #fff; background-image: none; color: #333; height: 43px; letter-spacing: 1px; outline: none; text-align: center; text-transform: uppercase; width: 100%; z-index: 10000; font-family: 'DroidSerifRegular',Georgia,serif; font-size: 14px; font-weight: normal; } div.cart ~ div#global-draws > div.draws > button:after { -webkit-animation: fadeout 0.5s; animation: fadeout 0.5s; background-image: url(/static/img/svg-icons/up-arrow.svg); background-position: 99% center; background-size: contain; content: ""; height: 20px; width: 20px; opacity: 1; position: absolute; right: 20px; }@-webkit-keyframes fadein { 0% { opacity: 0.25; } 100% { opacity: 1; } }@keyframes fadein { 0% { opacity: 0.25; } 100% { opacity: 1; } } div.cart ~ div#global-draws > div.draws > button > span.qty { color: #a5a5a5; } div.cart ~ div#global-draws > div.draws > button.selected { border-bottom: none; } div.cart ~ div#global-draws > div.draws > button.selected:after { -webkit-animation: fadein 0.5s; animation: fadein 0.5s; background-image: url(/static/img/svg-icons/close.svg); content: ""; }@-webkit-keyframes fadein { 0% { opacity: 0.25; } 100% { opacity: 1; } }@keyframes fadein { 0% { opacity: 0.25; } 100% { opacity: 1; } } div.cart ~ div#global-draws > div.draws > button:first-child { margin-right: 6px; }