@font-face{font-family:"HelveticaNeueW01-UltLt";src:url("Fonts/41774233-b9da-44be-b252-6a7b612fb1c7.eot?#iefix");src:url("Fonts/41774233-b9da-44be-b252-6a7b612fb1c7.eot?#iefix") format("eot"),url("Fonts/4bff1fbb-b4bf-4d95-9c47-efcb14384e36.woff") format("woff"),url("Fonts/7f1f2a7d-3837-4c93-b373-f03c5da3f9a1.ttf") format("truetype"),url("Fonts/d9f2752a-8d82-4cf1-b82f-109c1105be7f.svg#d9f2752a-8d82-4cf1-b82f-109c1105be7f") format("svg")}@font-face{font-family:"HelveticaNeueW01-Thin";src:url("Fonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix");src:url("Fonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix") format("eot"),url("Fonts/50d35bbc-dfd4-48f1-af16-cf058f69421d.woff") format("woff"),url("Fonts/278bef59-6be1-4800-b5ac-1f769ab47430.ttf") format("truetype"),url("Fonts/2e309b1b-08b8-477f-bc9e-7067cf0af0b3.svg#2e309b1b-08b8-477f-bc9e-7067cf0af0b3") format("svg")}@font-face{font-family:"HelveticaNeueW01-45Ligh";src:url("Fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");src:url("Fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"),url("Fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"),url("Fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"),url("Fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg")}@font-face{font-family:"Museo Slab W01 100";src:url("Fonts/01ab709f-22cf-4831-b24a-8cf4eb852687.eot?#iefix");src:url("Fonts/01ab709f-22cf-4831-b24a-8cf4eb852687.eot?#iefix") format("eot"),url("Fonts/cacc0862-f146-4746-92b1-60e6114a66c4.woff") format("woff"),url("Fonts/54006f54-b61e-4103-abf8-b1d0294a2a9c.ttf") format("truetype"),url("Fonts/e5841f2e-b306-4583-bfc3-a0e06742fedd.svg#e5841f2e-b306-4583-bfc3-a0e06742fedd") format("svg")}@font-face{font-family:"HelveticaNeueW01-75Bold";src:url("Fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");src:url("Fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"),url("Fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),url("Fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),url("Fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg")}@font-face{font-family:"HelveticaNeueW02-55Roma";src:url("Fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix");src:url("Fonts/0b3a3fca-0fad-402b-bd38-fdcbad1ef776.eot?#iefix") format("eot"),url("Fonts/d5af76d8-a90b-4527-b3a3-182207cc3250.woff") format("woff"),url("Fonts/1d238354-d156-4dde-89ea-4770ef04b9f9.ttf") format("truetype"),url("Fonts/b68875cb-14a9-472e-8177-0247605124d7.svg#b68875cb-14a9-472e-8177-0247605124d7") format("svg")}@font-face{font-family:'AngelinaRegular';src:url('Fonts/angelina-webfont.eot');src:url('Fonts/angelina-webfont.eot?#iefix') format('embedded-opentype'),url('Fonts/angelina-webfont.woff') format('woff'),url('Fonts/angelina-webfont.ttf') format('truetype'),url('Fonts/angelina-webfont.svg#angelinaregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:"BaskervilleW01Regular_705699";src:url("Fonts/8dc59876-75a4-4e80-bd1a-735d5f043beb.eot?#iefix");src:url("Fonts/8dc59876-75a4-4e80-bd1a-735d5f043beb.eot?#iefix") format("eot"),url("Fonts/9df317a3-a79e-422e-b4e2-35ccd29cd5b7.woff") format("woff"),url("Fonts/32d18512-4cc1-4c1c-a041-e595f26d1b96.ttf") format("truetype"),url("Fonts/cf682c43-15a5-45c0-934e-8f899e561e1f.svg#cf682c43-15a5-45c0-934e-8f899e561e1f") format("svg")}@font-face{font-family:"BaskervilleW01Italic";src:url("Fonts/f0bf387a-6de1-402c-a63c-04664681e924.eot?#iefix");src:url("Fonts/f0bf387a-6de1-402c-a63c-04664681e924.eot?#iefix") format("eot"),url("Fonts/11514d41-5158-4a68-8f27-9202cc7fc001.woff") format("woff"),url("Fonts/b62c4ed0-7687-4a1b-840d-00a34f2d16a2.ttf") format("truetype"),url("Fonts/ede983d0-3356-4a76-956b-4131479e2d55.svg#ede983d0-3356-4a76-956b-4131479e2d55") format("svg")}@font-face{font-family:'rollerscriptrough';src:url('Fonts/g-type_-_rollerscript-rough-webfont.eot');src:url('Fonts/g-type_-_rollerscript-rough-webfont.eot?#iefix') format('embedded-opentype'),url('Fonts/g-type_-_rollerscript-rough-webfont.woff2') format('woff2'),url('Fonts/g-type_-_rollerscript-rough-webfont.woff') format('woff'),url('Fonts/g-type_-_rollerscript-rough-webfont.ttf') format('truetype'),url('Fonts/g-type_-_rollerscript-rough-webfont.svg#rollerscriptrough') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'rollerscriptsmooth';src:url('Fonts/g-type_-_rollerscript-smooth-webfont.eot');src:url('Fonts/g-type_-_rollerscript-smooth-webfont.eot?#iefix') format('embedded-opentype'),url('Fonts/g-type_-_rollerscript-smooth-webfont.woff2') format('woff2'),url('Fonts/g-type_-_rollerscript-smooth-webfont.woff') format('woff'),url('Fonts/g-type_-_rollerscript-smooth-webfont.ttf') format('truetype'),url('Fonts/g-type_-_rollerscript-smooth-webfont.svg#rollerscriptsmooth') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:"GillSansAlt1-Light";src:url("Fonts/d0ee6022-2347-4590-b414-ca2ed2549284.eot?#iefix");src:url("Fonts/d0ee6022-2347-4590-b414-ca2ed2549284.eot?#iefix") format("eot"),url("Fonts/70fcc5e8-50c3-4f77-a3de-24be2c425d6e.woff") format("woff"),url("Fonts/2973083a-fe23-4a5c-97fd-55025f13142e.ttf") format("truetype"),url("Fonts/71c0c309-b90d-4406-8529-c9467d2f8174.svg#71c0c309-b90d-4406-8529-c9467d2f8174") format("svg");font-weight:normal;font-style:normal} /* normalize.css v1.0.1 | MIT License | git.io/normalize */#gc-test{disply:block;position:relative}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a{text-decoration:none}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:0;list-style:none;overflow:hidden}dt,dd{float:left}dt{clear:left}dd{margin:0 0 0 40px}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}table td{vertical-align:top;padding:0} @font-face { font-family: 'svgfont_1regular'; src: url('dfs_icons_font-webfont.eot'); src: url('dfs_icons_font-webfont.eot?#iefix') format('embedded-opentype'), url('dfs_icons_font-webfont.woff') format('woff'), url('dfs_icons_font-webfont.ttf') format('truetype'), url('dfs_icons_font-webfont.svg#svgfont_1regular') format('svg'); font-weight: normal; font-style: normal; } button, .button{ cursor: pointer; text-decoration:none; padding: 10px 10px 10px 10px; font-size:100%; font-family:arial, serif; margin:20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:inline-block; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -ms-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; font-size:1.2em; } #departments .relatedContent .cta ul li.actionleft, .primary{ font-weight:bold; border: 1px solid #8440ac; color:#fff; text-shadow: 0px 0px 5px #8440ac; background: #9c65c3; /* Old browsers */ background: -moz-linear-gradient(top, #9c65c3 0%, #5c2a83 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c65c3), color-stop(100%,#5c2a83)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9c65c3 0%,#5c2a83 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9c65c3 0%,#5c2a83 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9c65c3 0%,#5c2a83 100%); /* IE10+ */ background: linear-gradient(to bottom, #9c65c3 0%,#5c2a83 100%); /* W3C */ /* // removed filter as although IE does do gradients, it doesn't do them with rounded corners. // need to make a choice for IE on gradient and square or rounded and flat colours */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c65c3', endColorstr='#5c2a83',GradientType=0 ); /* IE6-9 */ } .primary.disabled { background: #e1e1e1!important; } .primary.orderDirect{ border: 1px solid #c8057f; background: #c8057f; /* Old browsers */ background: -moz-linear-gradient(top, #ff41bb 0%, #c8057f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff41bb), color-stop(100%,#c8057f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff41bb 0%,#c8057f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff41bb 0%,#c8057f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff41bb 0%,#c8057f 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff41bb 0%,#c8057f 100%); /* W3C */ } .secondary{ border: 1px solid #999; color:#5c2483; background-color: #fff; } .primary:hover, .primary:hover, .secondary:hover, .secondary:hover, .primary.disabled { border: 1px solid #999; color:#fff; text-shadow: 0px 0px 5px #999; background: #777777; /* Old browsers */ background: -moz-linear-gradient(top, #777777 0%, #c5c4c6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#c5c4c6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #777777 0%,#c5c4c6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #777777 0%,#c5c4c6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #777777 0%,#c5c4c6 100%); /* IE10+ */ background: linear-gradient(to bottom, #777777 0%,#c5c4c6 100%); /* W3C */ /* // removed filter as although IE does do gradients, it doesn't do them with rounded corners. // need to make a choice for IE on gradient and square or rounded and flat colours */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#c5c4c6',GradientType=0 ); /* IE6-9 */ } .print:before{ font-family:svgfont_1regular; content:"b"; padding-right:0.7em; } .print{ } .times2{ font-size:2em; } .times3{ font-size:3em; } .times4{ font-size:4em; } div.button { background:red; } div.button:hover { background:blue; } .info { display:block; float:left; height:40px; width:40px; border-radius:20px; vertical-align:middle; text-align:center; font-size:30px; background:#5C2483; color:#fff; text-decoration:none; font-weight:bold; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -ms-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; } .info:hover { background:#777; } .info abbr { font-size:1em; border-bottom:none; } .exclaim { display:block; float:left; height:18px; width:18px; border-radius:10px; vertical-align:middle; text-align:center; font-size:15px; background:#5C2483; color:#fff; text-decoration:none; font-weight:bold; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -ms-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; padding:2px; } .exclaim:hover { background:#777; } .exclaim abbr { display:block; float:left; height:18px; width:18px; border-radius:9px; vertical-align:middle; text-align:center; background:#fff; color:#5c2483; text-decoration:none; font-weight:bold; font-size:1em; border-bottom:none; } .backToTop, #pr_more_information { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #E6E6E6; /* Old browsers */ background: -moz-linear-gradient(top, #fff 0%, #E6E6E6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#E6E6E6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#E6E6E6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%,#E6E6E6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 0%,#E6E6E6 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff 0%,#E6E6E6 100%); /* W3C */ border-color: #D4D3D3 ; border-image: none; border-style: solid none solid solid; border-width: 1px medium 1px 1px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); color: #5C2C91; float: right; margin: -43px 0 0; position: relative; display:block; outline:none; } #pr_more_information { margin: 7px 0px; float: none; display: inline-block; padding: 4px 10px; } .backToTop span, #pr_more_information span { background: url("../images/dfs/icons/arrow_up.png") no-repeat scroll right 45% transparent; float: right; padding: 0 8px 0 10px; } .backToTop.productDesc { position: absolute; bottom: 20px; right: 20px; } #pr_more_information span { background: url("../images/dfs/icons/arrow_down.png") no-repeat scroll right 45% transparent; } .nextPageButton { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%) repeat scroll 0 0 transparent; border-color: #D4D3D3 -moz-use-text-color #D4D3D3 #D4D3D3; border-image: none; border-style: solid none solid solid; border-width: 1px medium 1px 1px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); color: #5C2C91; font-size: 1.4em; position: relative; display:block; outline:none; } .nextPageButton span{ background: transparent url(../images/dfs/icons/arrow_right.png) no-repeat right 50%; float: right; padding: 0 8px 0 0; margin-top:3px; height:15px; width:9px; } .prevPageButton { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%) repeat scroll 0 0 transparent; border-color: #D4D3D3 -moz-use-text-color #D4D3D3 #D4D3D3; border-image: none; border-style: solid none solid solid; border-width: 1px medium 1px 1px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); color: #5C2C91; font-size: 1.4em; position: relative; display:block; outline:none; } .prevPageButton span{ background: transparent url(../images/dfs/icons/arrow_left.png) no-repeat left 50%; float: left; padding: 0 8px 0 0; margin-top:3px; height:15px; width:9px; } .generic, .showmoreless { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #E6E6E6; /* Old browsers */ background: -moz-linear-gradient(top, #fff 0%, #E6E6E6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#E6E6E6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#E6E6E6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%,#E6E6E6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 0%,#E6E6E6 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff 0%,#E6E6E6 100%); /* W3C */ border-color: #D4D3D3 ; border-image: none; border-style: solid none solid solid; border-width: 1px medium 1px 1px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); color: #5C2C91; margin:5px 0 0 0; padding:4px 10px; float: left; /*font-size: 1.1em;*/ position: relative; display:block } .generic span { background: url("../images/dfs/icons/arrow_down.png") no-repeat scroll right 45% transparent; float: right; padding: 1px 17px 0 10px; } header .generic, #emailOverlay .generic{ margin:0; font-size:1.2em; margin-left:10px; padding:7px 10px; float:right } #emailOverlay .generic{ margin-top:20px; padding:10px; float:left } #quickDeliveryCharge button.generic{ margin-bottom:10px; } body .printPage { display:none; padding: 4px 8px; } body .share { display:none; padding: 4px 8px 3px; width:57px } body .printDestination span, body .printPage span{ background: url(../images/dfs/sprite.png) no-repeat 0 -405px; padding:0 20px 0 0; float:left } body .printDestination span { height:16px; display:block; } body .share span{ background: url(../images/dfs/sprite.png) no-repeat 0 -382px; padding:0 20px 0 0; float:left } .js body .share, .js body .printPage { display:block; } .grayed { color:#434343; white-space:nowrap } /* HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================= Base styles: opinionated defaults ========================================================================== */ a { color: rgb(178, 0, 124); } a:focus {outline: none} html, button, input, select, textarea { color: #333; } body { font-size: 62.5%; line-height: 1.4; } header { background:#fff; } h1.seo{ display:none; } article header { overflow:hidden; clear:both; padding: 20px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e4e1e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e1e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e4e1e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e4e1e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e4e1e1 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e4e1e1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e1e1',GradientType=0 ); /* IE6-9 */ } address { font-size:1.2em; font-style:normal } footer { clear:both; background:#E4E1E1; margin-bottom:20px; padding:33px 0 1px 0; } article { } article section { width:100%; background:#E4E1E1; overflow:hidden; } article section#coreList { overflow:visible; } article #addMoreItems section { background:#fff } article section#hero .wrap{ background: #fff; border-radius: 5px 5px 0 0; padding-top:0; } .storeLocator .innerWrap .wrap, footer > .wrap, article section > .wrap { position: relative; margin:0 32px 20px; background: #fff; padding:20px; overflow:hidden } article section > .transparentWrap { margin:0 32px 20px; } footer > .wrap { margin:0 32px 40px; } #storeDirectory .innerWrap #storeInfoBlock.wrap { overflow:visible; margin-top:10px; position:relative; } #storeDirectory .innerWrap .iconKeys { position:relative; } article section > .withOutDivider { padding:0 0 20px 0; margin-bottom:0; } article section > .withDivider { padding:0 0 20px 0; margin-bottom:0; border-bottom: 1px dashed #E1E1E1; } article section > .withDivider.btmButtonPad { padding-bottom: 75px; } article section > .withOutDivider .inner, article section > .withDivider .inner{ padding: 20px 20px 0 20px; } section.exploreDepartments { } section.exploreDepartments .wrap { background:rgb(255, 255, 255); } section.exploreDepartments h2, section.exploreDepartments .h2 { margin-bottom:25px; } .storeLocator .innerWrap .wrap { background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .storeLocator article .titleArea { width:960px; margin:0 auto; } .storeLocator article section { background:none; overflow:visible; } .storeLocator article .titleArea h1 { padding:15px 22px; } div.quickStoreLocator { margin:5px 20px; } div.quickStoreLocator .container { float:left; } div.quickStoreLocator a.directory { float:right; color:#fff; text-decoration:underline; margin:5px; } div.quickStoreLocator .editableInput { border-radius: 5px 5px 5px 5px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.2); border: 1px solid #E0E0E0; font-size: 1.4em; height: 21px; padding: 2px 4px; min-width: 159px; background:#fff; float:left; } div.quickStoreLocator a.doQuickStoreLocator { padding-left:20px; float:left; margin:1px 0 0 5px; background: url("//i1.adis.ws/i/dfs/storeLocatorSearch-icon.png") no-repeat scroll 3px 50%, linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%) repeat scroll 0 0 transparent; color:#5C2C91; text-decoration:none; } div.quickStoreLocator .editableInput.placeholder { color:#adadad; } section.exploreDepartments .dfsEspotContent ul li a, section.navigation1 ul li a { padding:15px 20px; width:184px; border-right:1px solid #f2f1f1; border-bottom:1px solid #f2f1f1; font-weight:normal; color:#5c2483; } article section.navigation1 { width:100%; background:#E4E1E1; overflow:hidden; } article section.navigation1 .wrap { margin-top:20px; } section.exploreDepartments .dfsEspotContent ul li a.last { border-right:none; float:left; } section.exploreDepartments .dfsEspotContent ul li a.bottom { border-bottom:none; } article section > .noBg { background: none; } aside { float:left } strong span { font-weight:normal; } input.readonly { background:#f3f3f3; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } section#productInformation {} section#productInformation .col { float:left; width:292px; margin-right:0px } section#productInformation .dimensionsChoice { width:300px; } section#productInformation #needAdvice { background: url("../images/bg_need_advice.gif") no-repeat top left; height:173px; width:273px; padding:17px 0 0 19px } section#productInformation #needAdvice h2{ color: rgb(71, 30, 129); line-height:1; margin-bottom:10px } section#productInformation #needAdvice p{ color: rgb(71, 30, 129); margin-top:5px } section#productInformation .colWithImg { float:left; margin-right:24px; width:600px; position: relative; } section#productInformation .colWithImg img{ float:left; margin-right:20px; width:235px; height:122px } section#productInformation .colWithImg .headingWithAction{ margin-left:255px } section#productInformation ul.information a { font-size:1em; float:none } section#productInformation ul.productRange { clear:both; list-style:none } section#productInformation .dfsEspotContent { margin-right:0 } section#productInformation h2 { margin:0 0 20px 0 } section#productInformation h3 { margin-top:0; padding-top:0; } section#productInformation h3 span { color: #333333; display: block; font:bold 12px "arial"; margin-top: -3px; } section#productInformation .col h3 span { font-weight:normal; margin-bottom:5px; } section#productInformation h3 { color:#471E81 } section#productInformation ol, section#productInformation ul.information { position: relative; font: 1.2em "Arial"; list-style: disc outside none; padding:15px 0 0 1px; } section#productInformation ol.dimensions { list-style: decimal; padding-left:18px } section#productInformation ol#productDimension li{ border-bottom: 1px solid rgb(233, 233, 233); } section#productInformation ol.dimensions .cm { position:relative; left:0; width:100px; } section#productInformation ol#productDimension div.centimeters { margin-right: 106px; min-width: 92px; text-align: center; } section#productInformation ol#productDimension div.inches { min-width: 92px; text-align: center; } section#productInformation ul.information li{ list-style: disc outside none; margin-left: 14px; } section#productInformation ol li, section#productInformation ul.information li{ padding:.3em 0 } section#productInformation ol li div{ float:right; font-weight:bold } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px dashed #E1E1E1; margin: 1em 0; padding: 0; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } h2.success { background: green; border-radius: 5px; color: #fff; font-size: 1.4em; margin: 20px 0; padding: 10px 20px; } .placeholder { color:#999 } /* ========================================================================== Chrome Frame prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } #error {background: rgb(206,21,128) url('//i1.adis.ws/i/dfs/errorIcon') 10px center no-repeat; border-radius: 5px 5px 5px 5px; margin: 1em 22px 1em 0; overflow: hidden; padding: 10px 10px 10px 60px;} .twoQuaters #error {margin-right:0} #error ul li, #error ul li a {color:#fff; font-size:1.2em; font-family: arial; margin-bottom:0px;} #error ul li a {text-decoration:underline;font-size:1em; outline:none; float:none;} /* ========================================================================== Layout Grids ========================================================================== */ /* .columns12 { background: transparent url('../images/dfs/temp/12colLayout.png') 50% 0 no-repeat; } .columns3 { background: transparent url('../images/dfs/temp/3colLayout.png') 50% 0 no-repeat; } .columns3 article { float:none } .columns4 { background: transparent url('../images/dfs/temp/4colLayout.png') 50% 0 no-repeat; } .columns21 { background: transparent url('../images/dfs/temp/2-1colLayout.png') 50% 0 no-repeat; }*/ .columns21 { overflow:hidden } .columns21 .two{ float: left; width: 612px; } .columns21 .one { width:296px; float:right } /*.columns12, .columns3, .columns4, .columns21 { margin: 0 auto; width: 1024px; overflow:hidden; /* background-color:#fff }*/ .innerWrap { margin: 0 auto; width: 1024px; overflow:hidden; } .row { background: rgba(255,255,255, 0.3); border-radius: 5px 5px 0 0; padding:0 0 20px 0; margin-bottom:2em } .sectionRow { border-top: 1px dashed #E1E1E1; clear: both; display: block; float: left; margin: 1em 0 0; padding-top: 20px; width: 100%; } .boxShadow { -webkit-box-shadow: 1px 1px 3px #292929; -moz-box-shadow: 1px 1px 3px #292929; box-shadow: 1px 1px 3px #292929; } .content22 { margin: 0 22px } .mainContentWithAside { float: left; width: 612px; } p {font-size:1.2em} * .small {font-size:0.833em} .oneQuater { float: left; padding-left: 22px; width: 228px; min-height:1px/* temp: added so that when used for aside/espot container and there is no content it won't collapse the layout*/ } .twoQuaters { float:left; width:448px } .threeQuaters { float:left; width:704px; } .threeQuaters section .wrap { width:50%; float:left; padding:0; margin:0 } section.threeQuaters { clear:left } /* ========================================================================== Primary & Secondary Colours ========================================================================== */ .coreColourOne { color:#c8057f } .coreColourTwo { color:#c8057f; opacity:1 } .coreColourThree { color:#5c2483; } .coreColourFour { color:#333333; } .coreColourFive { color:#e5e5e5; } .coreColourSix { color:#fcfcfc; } /* ========================================================================== Primary & Secondary Gradients ========================================================================== */ .primaryBgOne { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4MmE3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjNWIyYjdjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjNzIzNTljIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTQlIiBzdG9wLWNvbG9yPSIjNzUzNmEwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODElIiBzdG9wLWNvbG9yPSIjNWMyMzg0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRlMWI3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #582a78 0%, #5b2b7c 3%, #72359c 11%, #7536a0 14%, #5c2384 81%, #4e1b71 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#582a78), color-stop(3%,#5b2b7c), color-stop(11%,#72359c), color-stop(14%,#7536a0), color-stop(81%,#5c2384), color-stop(100%,#4e1b71)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #582a78 0%,#5b2b7c 3%,#72359c 11%,#7536a0 14%,#5c2384 81%,#4e1b71 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #582a78 0%,#5b2b7c 3%,#72359c 11%,#7536a0 14%,#5c2384 81%,#4e1b71 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #582a78 0%,#5b2b7c 3%,#72359c 11%,#7536a0 14%,#5c2384 81%,#4e1b71 100%); /* IE10+ */ background: linear-gradient(to bottom, #582a78 0%,#5b2b7c 3%,#72359c 11%,#7536a0 14%,#5c2384 81%,#4e1b71 100%); /* W3C */ } .primaryBgTwo { background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ } .secondaryBgOne { background: #c5c4c6; /* Old browsers */ background: -moz-linear-gradient(top, #c5c4c6 1%, #777777 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c5c4c6), color-stop(100%,#777777)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c5c4c6 1%,#777777 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c5c4c6 1%,#777777 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c5c4c6 1%,#777777 100%); /* IE10+ */ background: linear-gradient(to bottom, #c5c4c6 1%,#777777 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c4c6', endColorstr='#777777',GradientType=0 ); /* IE6-9 */ } .secondaryBgTwo { background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ } /* ========================================================================== Author's custom styles ========================================================================== */ /* * Typography * Classes have been used for time being as Heading structure * needs to be defined better. */ .h1, .promoHeading, .labelHeading, .h2, h2, h3, legend { font-family: "HelveticaNeueW01-Thin", Arial, sans-serif; color: rgb(178,0,124); font-weight:normal } h1 { font-family: "HelveticaNeueW01-Thin", Arial, sans-serif; color: rgb(178,0,124); font-size:3.6em; margin:0; font-weight:normal } .h2, h2 { font-size:3.6em; } h3,legend,.labelHeading { font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif; font-size:1.8em; /* Page Heading 2 18px */ font-weight:normal } h3 span {color:#333} .deliverySummary h3 span {color:inherit} .promoHeading { /*font-size:1.813em 29px */ font-size: 2.416em; } h4 { font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif; font-size:1.8em; font-weight:normal } h5 { font-family: Arial, sans-sans-serif; font-size:1.8em; } .saleTotalPrice, .head3TableCopy1, .introPageCopy { font-family: Arial, sans-serif; font-weight:bold; } .saleTotalPrice { font-size:1.8em } .head3TableCopy1 { font-size: 0.75em; } .introPageCopy { font-size: 0.75em; font-weight:normal } #headerPanels .h2 { color: #5c2c91; font: 1.7em "Arial"; margin: .83em 0; padding: 0; } #headerStoreLocator { font-size: 2.4em; height: 32px; text-indent: 8px; width: 472px; float:left; border-radius:5px } #headerPanels .expandedMenu .innerWrap {} #headerPanels .expandedMenu .cta .innerWrap {box-shadow:none} /* ========================================================================== Tables ========================================================================== */ table.generic { table-layout: auto; width: 100%; } table.generic thead { text-align:left } table.generic thead tr th div, table.generic thead tr th div.first, table.generic thead tr th div.last { border: 1px solid #e5e5e5; border-left: none; padding:.7em .8em; font-size:1.2em } table.generic div.first { border-radius: 5px 0 0 5px } table.generic div.last { border-radius: 0 5px 5px 0 } table.generic tfoot tr td div { background: #c8057f; padding:1em; color:#fff; font-weight:700; } table.generic tr { border-bottom: 1px solid #e5e5e5; } table.generic tr td a{ font-size:1em; float:none; font-weight:bold; text-decoration:underline } table.generic tr td { padding:.7em .8em; font-size:1.2em; vertical-align: middle } table.generic tr td.totalPrice { font-size:1.8em; font-weight:bold; color: rgb(178, 0, 124) } table.generic thead tr { border-bottom: none; } table.generic ul { margin:0 } /* NL Financing */ table.financeTable { width: 500px; float: left; border-collapse: collapse; } table.financeTable thead th { line-height: 1em; } table.financeTable thead th.financeTableTitle { font-size: 150%; } table.financeTable th, table.financeTable td { border: 1px solid #000000; padding: 0.2rem; line-height: 2em; text-align: center; } div.financeDescription { width: 380px; float: right; } div.financeDescription p { margin-top: 0; } /* table thead { text-align:left } table.basketItems thead tr th div, table.basketItems thead tr th div.first, table.basketItems thead tr th div.last { border: 1px solid #e5e5e5; border-left: none; padding:.7em .8em; } table.basketItems div.first { border-radius: 5px 0 0 5px } table.basketItems div.last { border-radius: 0 5px 5px 0 } table.basketItems tfoot tr td div { background: #c8057f; padding:1em; color:#fff; font-weight:700 } table.basketItems tr { border-bottom: 1px solid #e5e5e5; } table.basketItems tr td { padding:.7em .8em; } table.basketItems thead tr { border-bottom: none; } table.basketItems ul { margin:0 } */ /* table thead { border:solid 1px #e5e5e5; -webkit-border-radius: 5px; border-radius: 5px; } table thead th { padding:10px; } table tbody td { padding:10px;r } */ /* ========================================================================== Navigation ========================================================================== */ nav.navigationItem .navigation > li { position:relative; /*float:left;*/ } nav.navigationItem .mainNav > li > a { /*display:block; float:left;*/ } nav.navigationItem .expandedMenu { } nav.navigationItem .expandedMenu ul.relatedContent { position:relative; overflow:hidden; min-height:0; } nav.navigationItem .expandedMenu ul.isOpen { } nav.navigationItem .expandedMenu ul.relatedContent > li { position:absolute; top:0; left:0; right:0; background:#fff; border-top: 1px solid #e0e0e0; } nav#headerPanels.navigationItem .expandedMenu ul.relatedContent > li { /*height:271px;*/ } nav#headerPanels.navigationItem .expandedMenu ul.relatedContent > li .topNavContent { /*height:235px;*/ } nav#headerPanels .hasOpenItems { margin-bottom:15px } .expandedMenu .paginatedContent ul { overflow:hidden; } nav#departments .primaryBgOne { min-width: 1024px; } #departments .expandedMenu .paginatedContent li { display:block; float:left; height:auto; width:auto; } #departments .subnav li div img { width:142px; height:73px; } /** make nav items equal within fixed 960px width w/o JS **/ #departments{ text-align:center; line-height:1; } #departments .innerWrap{ display:table; width:1024px; } #departments ul.navigation{ float:none; display:table-row; width:100%; margin:0; } #departments ul.navigation li{ float:none; display:table-cell; } #departments .mainNav > li > a{ float:none; padding-left:0; padding-right:0; display:inline-block; width:100%; min-width:40px; line-height:1.4; } .expandedMenu .paginatedContent li a { } .expandedMenu .paginatedContent li a:hover { } .paginatedContentBlock .pagination { } .paginatedContentBlock .pagination ul { margin:0 auto; width:170px; list-style:none; } .paginatedContentBlock .pagination li { display:inline; border-right: none; } .paginatedContentBlock .pagination li span, .paginatedContentBlock .pagination li a { float:left; padding:5px; outline:none; } .paginatedContentBlock .pagination .page a, .paginatedContentBlock .pagination .current a, .paginatedContentBlock .pagination .new a{ padding-top:12px; } .expandedMenu .expandedMenuOptions { } .expandedMenu .expandedMenuOptions li { display:inline; } .expandedMenu .expandedMenuOptions li a { float:right; font-size:1.2em; } .expandedMenu .expandedMenuOptions li a.floatNone { float:none; } div.rowOfContent { position:relative; overflow:hidden; margin:0 auto; } div.rowOfContent .paginatedContent { position:absolute; } div.rowOfContent ul.paginatedContent > li { } .paginatedContentBlock .pagination ul li a span { position:relative; left:-999px; } .paginatedContentBlock .pagination ul li.prev a { background:transparent url(../images/dfs/sprite.png) no-repeat 0 0; height:44px; width:37px; } .paginatedContentBlock .pagination ul li.next a { background:transparent url(../images/dfs/sprite.png) no-repeat 0 -54px; height:44px; width:37px; } .paginatedContentBlock .pagination ul li.page a { background:transparent url(../images/dfs/sprite.png) no-repeat 0 -108px; height:28px; width:25px; } .paginatedContentBlock .pagination ul li.current a { background:transparent url(../images/dfs/sprite.png) no-repeat 0 -153px; height:28px; width:25px; } /* ========================================================================== Visual Indicator/Progress Bar ========================================================================== */ .salesVisualIndicator { width:972px; padding: 20px 20px 0 32px; } nav#subNav, .salesVisualIndicator, .salesTabIndicator { float:left; clear:both; font: bold 1.2em Arial; margin-bottom:1em } .checkoutSales nav#subNav { float: none; } nav#subNav a, nav#subNav span, .salesVisualIndicator a, .salesVisualIndicator span, .salesTabIndicator a, .salesTabIndicator span { padding:1em 0; text-align:center; float:left; width:161px; border-top:1px solid #eee; border-bottom:1px solid #eee; } .checkoutSales nav#subNav a .text, .checkoutSales nav#subNav span .text { padding: 0; float: none; border: none; } :lang(nl) .checkoutSales nav#subNav a, :lang(nl) .checkoutSales nav#subNav span { display: table; height: 30px; } :lang(nl) .checkoutSales nav#subNav a .text, :lang(nl) .checkoutSales nav#subNav span .text { display: table-cell; vertical-align: middle; } /* TODO - possibly update above to include layout for SwatchpackProgress.jspf */ .salesTabIndicator a { font-size:1em } .salesVisualIndicator .button { float:right } .salesVisualIndicator .status { background: none repeat scroll 0 0 #CCCCCC; border: 1px solid #979797; border-radius: 10px 10px 10px 10px; float: right; height: 20px; margin-right: 10px; margin-top: -7px; padding: 0; position: relative; text-indent: -9999px; top: 2px; width: 20px; } .salesVisualIndicator .statusRed { background:#ff0000 } .salesVisualIndicator .statusAmber { background:#ffbf00 } .salesVisualIndicator .statusGreen { background:#00ea00 } nav#subNav a, .salesVisualIndicator a, .salesTabIndicator a{ color:#5c2f83; box-shadow:0 -1px 0px 0px rgba(0, 0, 0, 0.20) inset; } nav#subNav span.currentStep, .salesVisualIndicator a.currentStep, .salesTabIndicator a.currentStep { box-shadow: -2px 4px 4px -5px #000000; -moz-box-shadow: inset 0 0 4px 3px #888; -webkit-box-shadow: inset 0 0 4px 3px 5px#888; box-shadow: inset 0 0 4px 3px #888; } #phonesSalesLogIn {width:auto} #phonesSalesLogIn .salesVisualIndicator { display:none } .trafficIndicator { float:left; clear:both; margin:0 2px 1.5em 3px } .trafficIndicator a { padding: 0.8em 6px 0.8em 20px; text-align:left; float:left; margin:1px 1px 0 0; background-color: #eee; background-image: -moz-linear-gradient(center top , #fff, #eee); color:#5C2F83; font-weight:bold; font-family: Arial; width:206px } .trafficIndicator a.current { background-color: #777777; background-image: -moz-linear-gradient(center top , #C5C4C6, #777777); box-shadow: 0 0 4px 3px #888888 inset; color:#fff } .trafficIndicator a span { background: none repeat scroll 0 0 #CCCCCC; border: 1px solid #979797; border-radius: 12px; float: right; height: 20px; margin-left: 40px; margin-right: 10px; margin-top: -5px; padding: 0; position: relative; text-indent: -9999px; top: 3px; width: 20px; } .trafficIndicator a.traffic_A span, .salesVisualIndicator a.traffic_A span{ background: none repeat scroll 0 0 #ffbf00; } .trafficIndicator a.traffic_G span, .salesVisualIndicator a.traffic_G span{ background: none repeat scroll 0 0 #00ea00; } .trafficIndicator a.traffic_R span, .salesVisualIndicator a.traffic_R span{ background: none repeat scroll 0 0 #ff0000; } .trafficIndicator .firstChild, nav#subNav .firstChild, .salesVisualIndicator .firstChild, .salesTabIndicator .firstChild{ border-radius: 5px 0 0 5px; border:1px solid #eee; } .trafficIndicator .lastChild, nav#subNav .lastChild, .salesVisualIndicator .lastChild, .salesTabIndicator .lastChild { border-radius: 0 5px 5px 0; border:1px solid #eee; } .salesVisualIndicator .button { margin:0; color:#fff; border-radius:5px } nav.subNavigation { float:left; clear:both; border:1px solid #eee; border-radius:5px 5px 5px 5px; overflow:hidden; width: 100%; background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ } nav.subNavigation a, nav.subNavigation span { font: bold 1.2em Arial; color: #5c2f83; padding:.7em .8em; float:left; text-align:center; border-right:1px solid #eee; } nav.subNavigation a:last-child, nav.subNavigation span:last-child { border:none; float: right; } nav.subNavigation .secondaryBgOne {color:#fff} /* ========================================================================== Overlay ========================================================================== */ #overlay { display:none; top: 0; right: 0; bottom: 0; left: 0; margin-right: auto; margin-left: auto; position: fixed; width: 100%; z-index: 9500; background-color:rgba(0,0,0,0.5); } #blanket { background-color: #000; top: 0; bottom: 0; left: 0; display: block; opacity: 0.4; filter: alpha(opacity=4); position: absolute; width: 100%; } .dialog { display: none; margin: 100px auto; position: relative; width: 500px; padding: 10px; background: white; border-radius: 10px 10px 10px 10px; border:1px solid #B5BDCD; height:auto;overflow:hidden } #overlay .dialog { display:block; } .dialog h2, .dialog .h2 { margin-top:0 } .dialog .cta { padding:0 } .dialog .close { float:right; font-size:1.2em } #spouseIncomeOverlay { background:#fff; width:380px } #spouseIncomeOverlay .containerForHalf { width:160px } #spouseIncomeOverlay #last{ float:right } dl { border:solid 1px #e5e5e5; -webkit-border-radius: 5px; border-radius: 5px; } dl dt { border-right: solid 1px #e5e5e5; display:block; float:left; width:35%; margin:0; padding:10px 20px; font-weight:bold; font-size:1.2em } dl dd { display:block; float:left; width:40%; margin:0; padding:10px 20px; font-size:1.2em } /* ========================================================================== Form fields ========================================================================== */ .formFields { float:left; clear:left; padding:3px 0; width:100%; font-family:Arial } .formFields label { font-size:1.2em; width:215px; display:block; padding:0 0 5px 5px } .formFields .labelPlace { font-size:1.2em; width:215px; display:block; float: left; } .formFields select.error { border-color:#ce1580; } .formFields input.error { border-color:#ce1580; } .formFields label.error { color:#ce1580; /*font-weight:bold;*/ } .formFields label.error img { margin:0 3px 3px 0; } .formFields input { width:226px; height:30px; font-size:1.2em; border:1px solid #e3e3e3; border-radius:5px; text-indent:10px } .formFields input[readonly]{ background-color:#eee; } .formFields input[type="checkbox"], .formFields input[type="radio"] { width:auto; height:auto; margin-top:2px; margin-right:8px; vertical-align:middle; } .formFields select { /*padding: 7px 0;*/ font-size:1.2em; } .formFields label.inline { display:inline; vertical-align:bottom; } #listerFilter .searchFilterBy label.inline { display: block; float: left; width: auto; padding: 10px 9px 11px 0; } .formFields span.required { font-weight:bold; color:#c8057f; } p.required { text-align:right; color:#c8057f; } .labelLeft label { width:auto } .checkBoxRight { float:none } .buttonLeftNoMargin { margin-left:0; float:left } .leftAligned label { display:inline-block } .labelRight input { float:left; } .labelRight input[type="checkbox"] { margin-right:10px } .selectBox { position:absolute; display:inline-block; float:none !important; } .selectBox p { background: #ffffff; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); /* W3C */ border:solid 1px #d4d3d3; margin:0; padding:6px 25px 4px 5px; cursor:pointer; line-height:1.2; z-index:6; position:relative; white-space:nowrap; min-height: 14px; } .selectBox p:after{ content:url('//i1.adis.ws/i/dfs/arrow_down'); display:block; position:absolute; right:5px; top:6px; } #newSelectPosition ul, .selectBox ul { background:#fff; /*position:absolute;*/ width:100%; margin:0; /*top:0; left:0;*/ font-size:1.2em; max-height:130px; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index:7; } .sbHolder{ background-color: #2d2d2d; border: 1px solid #D4D3D3; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; height: 30px; position: relative; width: 124px; background: #ffffff; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); /* W3C */ border:solid 1px #d4d3d3; margin:0 10px 0 0; padding:2px 0; cursor:pointer; } .sbHolder:focus .sbSelector{ } .sbSelector{ display: block; height: 30px; left: 0; line-height: 30px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 124px; } .sbSelector:link, .sbSelector:visited, .sbSelector:hover{ color: #000; outline: none; text-decoration: none; } .sbToggle{ background: url("//i1.adis.ws/i/dfs/arrow_down") no-repeat scroll 100% 50% transparent; display: block; height: 33px; outline: medium none; position: absolute; right: 10px; top: 0; width: 30px; } .sbToggle:hover{ background: url(../img/select-icons.png) 0 -167px no-repeat; } .sbToggleOpen{ background: url(../img/select-icons.png) 0 -16px no-repeat; } .sbToggleOpen:hover{ background: url(../img/select-icons.png) 0 -66px no-repeat; } .sbHolderDisabled{ background-color: #3C3C3C; border: solid 1px #515151; } .sbHolderDisabled .sbHolder{ } .sbHolderDisabled .sbToggle{ } .sbOptions{ background-color: #fff; border: 1px solid #D4D3D3; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 30px; width: 124px; z-index: 1; overflow-y: auto; } .sbOptions li{ padding: 0 7px; } .sbOptions a{ display: block; outline: none; padding: 7px 0 7px 3px; } .sbOptions a:link, .sbOptions a:visited{ color: #000; text-decoration: none; } .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus{ color: #000; } .sbOptions li.last a{ border-bottom: none; } .sbOptions .sbDisabled{ border-bottom: dotted 1px #515151; color: #000; display: block; padding: 7px 0 7px 3px; } .sbOptions .sbGroup{ border-bottom: dotted 1px #515151; color: #000; display: block; font-weight: bold; padding: 7px 0 7px 3px; } .sbOptions .sbSub{ padding-left: 17px; } .sbOptions {overflow-y: scroll; -webkit-overflow-scrolling: touch;height:140px;} #newSelectPosition ul li, .selectBox ul li { padding:2px 5px; min-height:17px; margin:0 !important; cursor:pointer; } #newSelectPosition ul li:hover, .selectBox ul li:hover { background:#e5e5e5; } #newSelectPosition ul li span, .selectBox ul li span { white-space:nowrap; cursor:pointer; text-transform:capitalize; } .callBackSelectGroup { margin-bottom:30px; background: #ffffff url(//i1.adis.ws/i/dfs/bg-cmbSlider.png) 10px 0 no-repeat; position:relative; } .callBackSelectGroup label.error img { display:none; } #callMeBackOverlay div.chatToUS .callBackSelectGroup #disabledPanel { background:#fff; opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); width:520px; height:50px; position:absolute; top:-10px;; left:0; z-index:10; } #newSelectPosition { position:absolute; top:0; left:0; z-index:99999; border:solid 1px #d4d3d3; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); } #newSelectPosition ul li img.countryFlag { margin-right:5px; } #newSelectPosition ul li img.countryFlag { margin-right: 5px; } #newSelectPosition li:first-child img.countryFlag {display: none} /* button overide for reg/login */ .primary { /*font-size:1.2em;*/ font-weight:bold; float:right } .radioGroup p { float:left; width: 215px; } .radioGroup div { float:left; padding-top: 9px; } .radioGroup div label { width:auto; float:left; padding-right: 6px; } .radioGroup div input[type='radio'], .radioGroup div input[type='checkbox'] { width:auto; height:auto } .checkoutSales .containerForHalf .formFields label {width:121px} #mainWrap {padding:0 35px} article a {font-size:1.2em;float:left; line-height:normal;} article .inline a {float:none;} p{clear:both} /* ========================================================================== Product Range Tiles ========================================================================== */ ul.productRange { margin:13px 0 0; } .continuousLoading .borderCover { border:1px solid #fff; padding-bottom:20px; margin: -1px 0 13px; position: relative; } #coreLister ul.productRange { clear:both; } .paginatedContentBlock ul.productRange { padding-bottom:0; } /** jcchange **/ ul.productRange li { background: none repeat scroll 0 0 #fff; float: left; height: 240px; overflow:hidden; margin: 0; padding: 12px 16px; position: relative; width: 272px; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; } ul.productRange li.last { border-right: 0; } ul.productRange li a.generic { float:right; margin-right:1px } ul.productRange li .button[data-dialog='#quickView'] { width: 94px; } ul#colourRendered li { width: 269px; } ul.productRange li img { display:block; background:#efefef; width:auto; height:auto; margin:0; margin-top:4px } .coreListerVariant ul.productRange li { padding: 12px 14px 15px; width: 275px; } .coreListerVariant ul.productRange li img { width:auto; height:auto; margin:0; margin-top:4px } ul.productRange li img.promoIcon { position:absolute; top:19px; left:10px; margin:0; padding:0; width:auto; height:auto; } ul.productRange li img.promoIcon { height: auto; left: 22px; margin: 0; padding: 0; position: absolute; top: 23px; width: auto; } ul.productRange li.clear { clear:left } /** jcchange **/ ul.productRange .infoText { -moz-box-sizing: border-box; box-sizing: border-box; background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 15px,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 15px,rgba(255,255,255,1) 100%); bottom: 0; float: left; left: 0; padding: 12px 15px; position: absolute; width: 100%; } .no-cssgradients ul.productRange .infoText{ background-color:#ffffff; } ul.productRange .pricingWrapper { float:left } ul.productRange .savingWrapper { float:right } ul.productRange li .savingWrapper img { float:right; margin: 14px 0 2px; clear:both } /** jcchange **/ ul.productRange li .savingWrapper a { background: none repeat scroll 0 0 #5C2C91; border: 0 none; border-radius: 0; color: #FFFFFF; float: right; font-family: HelveticaNeueW01-45Ligh; font-size: 1.3em; margin: 0 0 2px; padding: 1px 4px 2px; } ul.productRange .savings { float: right; clear: none; font-size: 1.3em; color: #666666; } ul.productRange .savings { clear:both } ul.productRange li p { margin:0; } ul.productRange li a.openQuickView span { border: 1px solid #E0E0E0; border-radius: 2px 2px 2px 2px; padding: 4px 9px; color:#5c2c91; font-size:1.2em; } ul.productRange li a.addToFavourites { background: url(//i1.adis.ws/i/dfs/add_to_favourites) no-repeat 0 50%; padding:15px 0 15px 20px; margin:0 0 0 5px; } /** jcchange **/ ul.productRange li p.rangeProduct { color: #5C2C91; float: left; margin: 4px 0 0; } ul.productRange li p.salePrice, ul.productRange li p.price { float: left; color:#c5158d; font-weight:bold; } ul.productRange li p.salePrice span:first-child, ul.productRange li p.pricing span:first-child, ul.productRange li p.price span:first-child { color:#C8057F; } #gridView a.generic { float:right; font-size:1.2em; } #gridView a.generic span{ background:none } .coreListerPagination ul li.prevPage { float:left; } .coreListerPagination ul li.nextPage { float:right; } .currentPageHeading { border-top:1px dashed #e0e0e0; margin-top:10px; padding-top:10px; } .currentPageHeading .backToTop { margin:0; } .currentPageHeading .fLeft { float:left; font-size:1.2em; } .currentPageHeading p { clear:none; text-align:center; margin-bottom:-25px; } .notShown { display:none; } .js .currentPageHeading .notShown { display:block; } .continuousLoading { padding-bottom:1em; margin-bottom:1em; } #loadingBlock { padding:1em; text-align:center; } #loadingBlock p{ color: rgb(92, 44, 145); font-size:1.6em; } #loadingBlock p strong{ margin:0 0 0 10px } #sizeSelectorSlider { height:60px; position:relative; width:840px; } #sizeSelectorSlider #slider_rule { margin-top:17px; } #sizeSelectorSlider #slider_marker { position:absolute; top:0; right:0; width:60px; } #sizeSelectorSlider #slider_range { position:absolute; top:13px; left:0; } #sizeSelectorSlider #slider_handle { cursor:move; position:absolute; top:0; left:0px; } /* ========================================================================== Header (components) ========================================================================== */ #headerContent { border-bottom:1px solid rgb(215, 216, 217); border-left:1px solid rgb(215, 216, 217); border-right:1px solid rgb(215, 216, 217); background:#fff; padding-bottom:.5em; } #headerContent h1 { display:none; } nav#headerNavigation { float:right; } #tabHeaders ul { float:right; border-left:1px solid #e0e0e0; background: url(//i1.adis.ws/i/dfs/range_tab_bg) repeat-x scroll 0 100% #FFFFFF; margin-right:33px; text-align: right; } #tabHeaders li { display:inline } #tabHeaders li a { font-size: 1.1em; padding: 4px 27px; margin-left: -3px; border-right:1px solid #e0e0e0; outline:none; line-height:1.5 ; color:#333; text-align: center; } #tabHeaders li.current a { border-bottom: 2px solid #fff; } #tabHeaders li#headerBasket a { padding-left:25px; padding-right: 10px; display: inline-block; background:transparent url(../images/dfs/sprite.png) no-repeat 5px -425px; } #tabHeaders li#headerBasket a.contact { background: none; padding-right: 25px; } #tabHeaders li#headerBasket a span { color:#5C2C91; font-weight:bold; } nav.navigationItem .expandedMenu ul.relatedContent > li { border:none } #headerPanels .panelOpen{ border-top: 1px solid #E0E0E0; margin-top: -1px; margin-bottom:1em; } #miniBasket { position:absolute; top:0px; left:0px; padding-top:7px; background:transparent; width:270px; -webkit-box-shadow: 0px 5px 10px 0px rgba(128, 128, 128, 0.5); box-shadow: 0px 5px 10px 0px rgba(128, 128, 128, 0.5); z-index:1; } #miniBasketWrapper { width:250px; position:relative; background:#fff; padding:0 10px; -webkit-border-radius: 2px; border-radius: 2px; border-top:solid 5px #c8057f; } #miniBasketWrapper::before { content: ''; border-bottom: 7px solid #CE1580; border-left: 7px solid transparent; border-right: 7px solid transparent; height: 0; width: 0; right:20px; top:-12px; position:absolute; } #miniBasket h2, #miniBasket .h2 { font-family:Arial; font-size:1.2em; color:#5c2c91; font-weight:bold; margin:10px 0; } #miniBasket ul { border-top:solid 2px #e5e5e5; } #miniBasket ul li { border-bottom:solid 1px #e5e5e5; padding:10px 0; font-size:1.2em; } #miniBasket img { vertical-align:text-top; } #miniBasket img.swatch_Small { width:40px; height:40px; margin-right:38px; } #miniBasket img.swatch_Large { width:68px; height:40px; margin-right:10px; } #miniBasket a.button { margin:10px 0; } #storeCommon { overflow:hidden; clear:both; padding: 0 0 0.5em 0; width:1024px } #storeCommon a, #storeCommon img, #storeCommon div { float:left } #storeCommon form { float:right } #headerPanels {} #headerPanels > div { overflow: hidden; } #headerPanels > div img{ float:left } nav#departments .actionRight .close img, #headerPanels .actionRight .close img{ float:none; vertical-align:-10% } div.cta { margin-top:0; border-top:none; padding-top:0; clear:both; border: 1px solid #E0E0E0; box-shadow: 0 -5px 5px -6px rgba(0, 0, 0, 0.5); } div.cta ul { padding:0 0 0 3em; margin-top:0 } #departments div.cta ul { padding:0; } div.cta ul li { float:left; padding: 0.8em 17px 0.7em; font: 1.2em Arial } div.cta ul li{ border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0 } div.cta ul li a{ color: #5C2C91; padding: 0 0 0 5px; } div.cta ul li#goBasket { padding-right:8px; } div.cta ul li#goBasket a { padding-left:14px; } div.cta ul li#goBasket a , div.cta ul li#goFavourites a { color:#fff; width:107px; } .expandedMenuOptions div.cta ul li.actionRight { font-size:1em; } div.cta ul li.actionRight { float: right; } div.cta ul li.actionRight .primary{ margin:0; font-size:1em; font-weight:normal; border-radius:0; margin-right:35px; color:#fff } .open{opacity:0;display:block;width:100%} #departments { -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.4) inset; box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.4) inset; } #departments .columns4, #departments .columns12{background:none} #departments ul.navigation { /*margin:0 0 0 31px; padding:0 0 1px 0 ; width:960px;*/ } #departments ul.navigation li{ /*float:left;*/ } #departments ul.navigation li:last-of-type { background: url('//i1.adis.ws/i/dfs/main_nav_divider') repeat-y top right; } #departments ul.navigation li a { color:#fff; font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif; font-size:1.3em; /*padding: 0.7em 1em;*/ padding: 0.7em 0; background: url('//i1.adis.ws/i/dfs/main_nav_divider') repeat-y top left ; font-weight:normal; text-shadow: 0px -1px 0px rgba(0,0,0,0.35); } #departments ul.navigation li.red { background: #980b37; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4MGIzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjOWYwYjNhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNiUiIHN0b3AtY29sb3I9IiNhYjBjM2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4JSIgc3RvcC1jb2xvcj0iI2JlMGU0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iI2NhMGY0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2QxMGY0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2QwMGY0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iI2M0MTM0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkyJSIgc3RvcC1jb2xvcj0iI2ExMWU0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YjIwNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #980b37 0%, #9f0b3a 3%, #ab0c3e 6%, #be0e45 8%, #ca0f4a 11%, #d10f4c 14%, #d00f4c 47%, #c4134b 61%, #a11e47 92%, #9b2047 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#980b37), color-stop(3%,#9f0b3a), color-stop(6%,#ab0c3e), color-stop(8%,#be0e45), color-stop(11%,#ca0f4a), color-stop(14%,#d10f4c), color-stop(47%,#d00f4c), color-stop(61%,#c4134b), color-stop(92%,#a11e47), color-stop(100%,#9b2047)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #980b37 0%,#9f0b3a 3%,#ab0c3e 6%,#be0e45 8%,#ca0f4a 11%,#d10f4c 14%,#d00f4c 47%,#c4134b 61%,#a11e47 92%,#9b2047 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #980b37 0%,#9f0b3a 3%,#ab0c3e 6%,#be0e45 8%,#ca0f4a 11%,#d10f4c 14%,#d00f4c 47%,#c4134b 61%,#a11e47 92%,#9b2047 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #980b37 0%,#9f0b3a 3%,#ab0c3e 6%,#be0e45 8%,#ca0f4a 11%,#d10f4c 14%,#d00f4c 47%,#c4134b 61%,#a11e47 92%,#9b2047 100%); /* IE10+ */ background: linear-gradient(to bottom, #980b37 0%,#9f0b3a 3%,#ab0c3e 6%,#be0e45 8%,#ca0f4a 11%,#d10f4c 14%,#d00f4c 47%,#c4134b 61%,#a11e47 92%,#9b2047 100%); /* W3C */ } #departments ul.navigation li.gxd { background: #2d662d; /* Old browsers */ background: -moz-linear-gradient(top, #2d662d 0%, #429542 8%, #429542 53%, #397f39 86%, #377a37 89%, #347534 92%, #327032 94%, #306b30 97%, #2d662d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d662d), color-stop(8%,#429542), color-stop(53%,#429542), color-stop(86%,#397f39), color-stop(89%,#377a37), color-stop(92%,#347534), color-stop(94%,#327032), color-stop(97%,#306b30), color-stop(100%,#2d662d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2d662d 0%,#429542 8%,#429542 53%,#397f39 86%,#377a37 89%,#347534 92%,#327032 94%,#306b30 97%,#2d662d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2d662d 0%,#429542 8%,#429542 53%,#397f39 86%,#377a37 89%,#347534 92%,#327032 94%,#306b30 97%,#2d662d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2d662d 0%,#429542 8%,#429542 53%,#397f39 86%,#377a37 89%,#347534 92%,#327032 94%,#306b30 97%,#2d662d 100%); /* IE10+ */ background: linear-gradient(to bottom, #2d662d 0%,#429542 8%,#429542 53%,#397f39 86%,#377a37 89%,#347534 92%,#327032 94%,#306b30 97%,#2d662d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d662d', endColorstr='#2d662d',GradientType=0 ); /* IE6-9 */ } #departments ul.navigation li.selected { background:transparent; } #departments ul.navigation li.yellow { } #departments ul.navigation li.green { } #departments ul.navigation li.blue { } #departments ul.navigation li.current { background:none; } #departments .mainNav > li.selected > a, #departments .mainNav > li.current > a { margin:1px 0 -1px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZWFlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiNlY2U5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #eeebeb 0%, #eae6e6 6%, #ece9e9 8%, #fefefe 19%, #ffffff 22%, #ffffff 97%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeebeb), color-stop(6%,#eae6e6), color-stop(8%,#ece9e9), color-stop(19%,#fefefe), color-stop(22%,#ffffff), color-stop(97%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeebeb 0%,#eae6e6 6%,#ece9e9 8%,#fefefe 19%,#ffffff 22%,#ffffff 97%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeebeb 0%,#eae6e6 6%,#ece9e9 8%,#fefefe 19%,#ffffff 22%,#ffffff 97%,#f2f2f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeebeb 0%,#eae6e6 6%,#ece9e9 8%,#fefefe 19%,#ffffff 22%,#ffffff 97%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeebeb 0%,#eae6e6 6%,#ece9e9 8%,#fefefe 19%,#ffffff 22%,#ffffff 97%,#f2f2f2 100%); /* W3C */ color: #B2007C; text-shadow: none; } #departments .relatedContent .subnav li{ padding:2.5em 0; text-align:center; } #departments .relatedContent .subnav li div{ border-right:1px solid #e8e8e8; padding-right:15px; margin-right:10px } #departments .relatedContent .subnav li.firstAndLast div{ border:none } #departments .relatedContent .subnav li span { color:#c5168d; font-weight:bold; margin-bottom:1.3em } #departments .relatedContent .cta ul li { font-size:1em } .expandedMenu { background:#fff; } #departments .expandedMenu a { color:#5C2C91; font:1.2em Arial; display:block } #departments .expandedMenu a.viewAllLink { color:rgb(255,255,255) } #departments .expandedMenu span{ display:block } #departments .expandedMenu ul.relatedContent > li { border-top:0; /*height:255px;*/ } #departments .expandedMenu ul.relatedContent > li > div { /*height:223px;*/ } #departments .expandedMenu ul.relatedContent > li > div.expandedMenuOptions { height:32px; } #callMe { color: #471E81; margin-left: 81px; padding-top: 0; margin-top:30px; max-width: 288px; } :lang(nl) #callMe { max-width: 500px; margin-left: 40px; width: 316px; text-align: right; } #callMe .h2 { color: rgb(178,0,124); font-size: 2.2em; margin-bottom: 0; margin-top:10px; float:left; font-family: "HelveticaNeueW01-45Ligh",Arial,sans-serif; } :lang(nl) #callMe .h2{ font-size: 1.8em; float: none; } #callMe p { font-family: "HelveticaNeueW01-45Ligh",Arial,sans-serif; float:left; font-size:1.5em; margin:0 } :lang(nl) #callMe p { float: none; } #callMe span { font-family: "HelveticaNeueW01-75Bold", Arial, sans-serif ; color: rgb(178, 0, 124); } #callMe strong span a { float:none; color:#5C2C91; } #site-logo { height: 77px; padding:17px 21px 0 30px; width: 264px; } #site-logo a{ display:block; width:100%; } #site-logo .brand-logo{ height: 54px; width: 85px; margin-right: 179px; } #site-logo .brand-strapline{ width:264px; height:24px; } #storeCommon a.orderDirect { margin-right:0; margin-top:45px; padding:5px 10px; border-radius: 8px } #callMe a.button { border-radius:5px; font-size:1.2em } #headerContent #search-form { width: 156px; position: relative; right: 4px; top: 44px; } #headerContent #search { border: 1px solid #E0E0E0; font-size: 1.6em; left: 20px; padding: 3px 4px; position: absolute; top: 1px; width: 159px; } #headerContent #search-submit { background:transparent url(../images/dfs/sprite.png) no-repeat -1px -347px; border: 1px solid #E0E0E0; height: 21px; position: absolute; left: 164px; top: 4px; width: 21px; } #searchTypeAhead {position:absolute;background:#fff;border:solid 1px #5C2C91;border-radius:2px;padding:2px;width:163px;} #searchTypeAhead.largerResults {margin-top:13px; width:438px;} #searchTypeAhead ul, #searchTypeAhead li {margin:0;padding:0;display:inline;} #searchTypeAhead li {font-size:1.2em;} #searchTypeAhead a {color:#5C2C91;display:block;padding:5px 2px;} #searchTypeAhead a:hover, #searchTypeAhead a.current {background:#5C2C91;color:#fff;} #searchTypeAhead ul li a span {font-weight:bold;} .empty { color: #524630; } /* CSS3 */ #headerContent #search { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: rgba(0,0,0,.2) 0 0 5px; } #headerContent #search-submit { border-radius: 5px 5px 5px 5px; -mox-box-shadow: 0 0 5px black; } #headerContent #storeCommonContainer { margin-top:-16px; -webkit-transition: all 750ms ease-in-out; -moz-transition: all 750ms ease-in-out; -ms-transition: all 750ms ease-in-out; transition: all 750ms ease-in-out; } /* ========================================================================== Breadcrumbs ========================================================================== */ #breadCrumb { background: rgb(255, 255,255); padding: 3px 0 8px; box-shadow: -1px -2px 10px -7px rgba(0, 0, 0, 0.5) inset; display:none } #breadCrumb ul { padding-left:50px } #breadCrumb li { float:left; font-weight:bold; font-size:1.2em; } #breadCrumb li span { background:transparent url(../images/dfs/sprite.png) no-repeat 0 -367px; float: left; height: 15px; padding: 0 10px 0 8px; width: 6px; } #breadCrumb li.current { font-size:1.2em } #breadCrumb li a { color:#471E81; font-size:1em; line-height:1.4em; } .swatchSelector #breadCrumb li a { font-size:1.2em; float:left; } /* ========================================================================== Header Components ========================================================================== */ /* * Store Locator */ #storeLocator { } #storeLocator div { padding:3em 0 2em 212px } #storeLocator .button{ float: left; font-size: 1.2em; font-weight: normal; margin-top: 0; -webkit-border-radius: 5px; border-radius: 5px; /* background-image:url(/wcsstore/DFSStorefrontAssetStore/images/dfs/range_tab_bg.png); background-position:0 50%; background-repeat:no-repeat; */ } #headerPanels #storeLocator p a strong { color: rgb(178, 0, 124); } /* * Account */ .regLogin #Register .checkboxGroup label { float:left; width:auto; margin-right:15px; } .regLogin #Register .checkboxGroup input[type="checkbox"] { margin-right:2px; } .regLogin #mainWrap { position:relative; } .regLogin #mainWrap .bgImage { position:absolute; top:0; left:0; z-index:0; } .regLogin #Register .tooltip_icon { margin-left:20px; } #account { } #account div.wrap { /*padding-top:2em*/ } #account > h2{ padding:0 0 1.5em 0; } div.register { padding:0; width:247px; float:left; margin-left:35px } div.register h2 span, div.register .h2 span{ display:none } div.register p { font-family: "Arial" } div.signIn { float:left; padding: 0 0 0 20px; } div.signIn h2 span, div.signIn .h2 span { display:none } div.signIn div { padding:0; } div.signIn .formFields { width:auto; clear:none } div.signIn a{ float:right; font-size:1.2em; margin-top:1em } div.signIn div.labelRight { margin-top:1em } div.signIn .labelRight { margin-top:1em } .signIn .button{ float:left; clear:both; margin:10px 0 0 0; width:142px } #Register button{float:left; margin-left:0} .register .button{ clear: both; float: left; margin: 10px 0 0; text-align: center; width: 122px; } #basket div img, #account div img { float:left; } header div#account ul li a img { float:none; } #account ul { width:100% } #account li { float: left; text-align:center; width:25%; padding: 2em 0 } #account li div { border-right:1px solid #E8E8E8 } #account li a { display:block; color:#B2007C; font: 2.4em "HelveticaNeueW01-Thin",Arial,sans-serif } .myAccount div.print { clear:both; margin-bottom:20px; } .myAccount .printPage { float:right; margin-top:20px; } .myAccount h3.heading { float:left; } .myAccount h3.comments { clear:both; } .myAccount table.basketItems { margin-top:20px; } .myAccount dl.deliveryDetails dt { border-right: none; } .myAccount dl.deliveryDetails dd { border-left: 1px solid #E5E5E5 } .myAccount .threeQuaters { border-top-right-radius: 5px; border-top-left-radius: 5px; background:#fff; padding:0px 20px 20px 20px; width:664px; z-index:10; position:relative; } .myAccount .threeQuaters .padding12{ padding-bottom:12px; } #timedOut article section { width:auto; } #myFavouritesPage .threeQuaters { background:transparent; padding:0; } #myFavouritesPage .threeQuaters .wrap, #findCustomer .wrap { margin-bottom:20px; background:#fff; padding:0px 20px 20px 20px; border-radius:0; } #findCustomer .wrap h2 { margin-top:0; } #myFavouritesPage .threeQuaters .wrap h3, #findCustomer .wrap h3 { margin-top:0; margin-bottom:-18px; padding-top:18px; } #myFavouritesPage .threeQuaters .wrap h4, #findCustomer .wrap h4 { margin-bottom:0; color:#5C2C91; } #myFavouritesPage .threeQuaters .wrap .noTopMargin, #findCustomer .wrap .noTopMargin { margin-top:0; } #myFavouritesPage .threeQuaters .wrap .f_left, #findCustomer .wrap .f_left { float:left; width:316px; } #myFavouritesPage .threeQuaters .wrap .f_right, #findCustomer .wrap .f_right { float:right; width:290px; } #myFavouritesPage .threeQuaters .wrap .f_right .button, #findCustomer .wrap .f_right .button { float:right; } #myFavouritesPage .threeQuaters .shortlistHeader, #findCustomer .shortlistHeader { border-top-right-radius: 5px; border-top-left-radius: 5px; background:#5c2c91; padding:10px 20px 20px 20px; } #myFavouritesPage .threeQuaters .shortlistHeader h2, #findCustomer .shortlistHeader h2 { font-size:2.4em; } #myFavouritesPage .threeQuaters .shortlistHeader p, #myFavouritesPage .threeQuaters .shortlistHeader h2, #findCustomer .shortlistHeader p, #findCustomer .shortlistHeader h2 { margin:0; color:#fff; } #myFavouritesPage .threeQuaters .shortlistContent .wrap, #findCustomer .shortlistContent .wrap { padding:0px 15px 20px 15px; border-left:solid 5px #5c2c91; border-right:solid 5px #5c2c91; } #findCustomer .shortlistContent .wrap { padding-top:20px; } #myFavouritesPage .threeQuaters .shortlistFooter, #findCustomer .shortlistFooter { border:solid 5px #5c2c91; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background:#fff; padding:10px 0 10px 20px; margin:-20px 0 20px; } #myFavouritesPage .threeQuaters .shortlistFooter h4, #findCustomer .shortlistFooter h4 { color:#5c2c91; } #myFavouritesPage .favouritesForm input.primary[type='submit'], #myFavouritesPage .favouritesForm .f_right a.primary.dialogOpen { margin-top:5px; margin-right:0; margin-bottom:0; } #myFavouritesPage .favouritesForm .f_right a.primary.minMargin { margin: 6px 0 20px 0; } #myFavouritesPage .favouritesForm .button.deleteSelection { margin-left:10px; } #myFavouritesPage .favouritesForm .addRemoveShortlist, #findCustomer .addRemoveShortlist { line-height:normal; padding:10px; } #myFavouritesPage .colourSelection li.miniSwatch { float: left; height: 57px; margin-bottom: 3px; margin-right: 3px; position: relative; width: 57px; } #myFavouritesPage .colourSelection li.selectedColour { float:left; width:190px; padding-left:10px; } #myFavouritesPage .colourSelection li.miniSwatch span.miniSwatch { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; cursor: pointer; display: block; height: 45px; left: 0; padding: 5px; position: absolute; top: 0; width: 45px; } #myFavouritesPage .colourSelection li.miniSwatch span.miniSwatch img { height:45px; width:45px; } #myFavouritesPage .colourSelection li.miniSwatch span.miniSwatch .swatch_marker { height: 33px; left: 12px; position: absolute; top: 12px; width: 33px; } #myFavouritesPage .colourSelection li.miniSwatch span.miniSwatch .swatch_marker img { height:33px; width:33px; } #myFavouritesPage .renameShortlistBlock h3 { float:left; } #myFavouritesPage .renameShortlistBlock form { display:none; } #myFavouritesPage .renameShortlistBlock a.renameShortlist { margin-top:18px; margin-left:10px; } #myFavouritesPage input.renameText { border: 1px solid #E3E3E3; border-radius: 5px 5px 5px 5px; font-size: 1.2em; text-indent: 10px; width: 226px; float: left; height: 28px; margin:13px 5px 0 0; } #myFavouritesPage .shortlistFooter, #myFavouritesPage .favouriteGroupFooter { padding-right:0; } #myFavouritesPage .shortlistFooter h4, #myFavouritesPage .favouriteGroupFooter h4, #findCustomer .shortlistFooter h4, #findCustomer .favouriteGroupFooter h4 { float:left; } #myFavouritesPage .shortlistFooter .pricingModule, #myFavouritesPage .favouriteGroupFooter .pricingModule, #findCustomer .shortlistFooter .pricingModule, #findCustomer .favouriteGroupFooter .pricingModule { float:right; padding-right:0; } .renameTextForm input.button { margin-top:16px; } body#myFavouritesPage a.share { padding-bottom:3px; margin-right:10px; } body#myFavouritesPage a.share span { height:16px; } .myAccount .twoQuaters { border-top-right-radius: 5px; border-top-left-radius: 5px; background:#fff; padding:0px 20px 20px 20px; width:408px; z-index:10; position:relative; } .myAccount section { background:#fff; overflow:visible; } .myAccount nav.subNavigation { margin-bottom:20px; } .myAccount nav.subNavigation a, .myAccount nav.subNavigation span { -moz-box-sizing: border-box; box-sizing: border-box; min-width: 172px; padding: 13px 20px; } .myAccount h1 { margin:22px 0 14px 0; z-index:10; position:relative; padding-top:20px; } .myAccount article { margin:0 0 20px 0; } #personalDetails .checkboxGroup label { width:auto; float:left; margin-right:40px; } table.orderHistory { border:none; clear:both; margin:20px 0; width:100%; } #orderHistory table.orderHistory, #accountSummary table.orderHistory { font-size: 1.4em; } #paymentHistory table.orderHistory { font-size: 1.35em; } #paymentHistory table.orderHistory table.orderHistory { font-size: 1em; } table.orderHistory td { padding:8px 4px; } table.orderHistory td a { float:none; font-size: 0.9em; } table.orderHistory td p { padding:0; margin:0; font-size: 0.9em; } table.orderHistory thead tr { } table.orderHistory thead th { background:#fff; padding:0; } table.orderHistory thead th span { padding:8px 4px; display:block; border-left:solid 1px #ccc; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; white-space:nowrap; } table.orderHistory thead th.first span { -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } table.orderHistory thead th.last span { border-right:solid 1px #ccc; -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; } table.orderHistory tbody td { border-bottom:solid 1px #ccc; } table.orderHistory thead th { font-weight:bold; text-align:left; } .yourOrderTableWrap, .orderStatusTableWrap, .currentStatusWrap, .storeDetailWrap { border:solid 1px #ccc; clear:both; margin: 10px 0 20px 0; width:100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .storeDetailWrap { padding: 0 10px; width: auto; } .storeDetailWrap .question { width: 406px; border-right: solid 1px #e5e5e5; color: #c727c7; } .storeDetailWrap .question p { margin: 0; padding: 10px 0; width: 320px; font-size: 1.8em; } table.yourOrder, table.orderStatus, table.currentStatus { border:none; width:100%; } table.yourOrder td, table.currentStatus td { padding: 6px 10px; border: none; font-size: 1.2em; } table.yourOrder td.title, table.currentStatus td.title { font-weight: bold; width: 35%; border-right: 1px solid #ccc; } table.orderStatus th { text-align: center; font-size: 1.2em; font-weight: bold; padding: 6px 15px; color: #5c2f83; border-right: 1px solid #eee; } table.orderStatus td { text-align: center; border: none; } table.orderStatus th.first { -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } table.orderStatus th.last { -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; border: none; } table.orderStatus td .status { width: 36px; height: 36px; background: url(../images/orderStatusIcon.gif) no-repeat 0 0; display: block; margin: 10px auto; } table.orderStatus td .status.tick { background-position: 0 -36px; } #orderTracker article h2 { font-size: 1.8em; margin: 12px 0; } #orderTracker p.contact { width: 210px; font-weight: bold; margin: 0; padding: 0 196px 0 0; border-right: solid 1px #e5e5e5; } #paymentHistory td.showDetails .paymentPanel { display:block; } .js #paymentHistory td.orderDetails span.details { font-size:1.2em; cursor:pointer; color:#B2007C; display:block; padding:5px; } .js #paymentHistory .paymentPanel, #paymentHistory td.orderDetails span.details, .js #paymentHistory td.showDetails span.details { display:none; } #paymentHistory td.showDetails .paymentPanel p span { display:block; float:left; width:150px; } #paymentHistory td.showDetails .paymentPanel p.balance { font-weight:bold; padding:10px 5px; } #paymentHistory td.showDetails .paymentPanel p.uptodate { margin:15px 0 0 0; } #paymentHistory td.showDetails span.details { display:none; } .js #paymentHistory table.orderHistory tbody td.showDetails { border-top:1px solid #ccc; } #paymentHistory .paymentPanel { padding:10px; border-left:1px solid #ccc; border-right:1px solid #ccc; } #paymentHistory .paymentPanel .orderHistory { margin:0 0 20px 0; } #paymentHistory .paymentPanel div.action { clear:both; } #paymentHistory .paymentPanel div.action .button { float:left; margin: 5px 0 0 10px; padding: 4px 10px; } #paymentHistory .paymentPanel div.action input { float:left; margin: 5px 0 0; padding: 4px 10px; } #paymentHistory .paymentPanel div.action input[type='text'] { border-radius:5px; height:30px; border: 1px solid #E3E3E3; height: 30px; text-indent: 10px; padding:0; position:relative; top:-2px; width:80px; } #paymentHistory .paymentPanel div.action label { float:left; margin: 5px 0 0 205px; padding: 4px 10px; } #paymentHistory table.orderHistory tbody td { border-bottom:none; } #paymentHistory table.orderHistory td.orderDetails { padding:0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; } #paymentHistory table.showDetails tbody td.orderDetails { border-top:1px solid #ccc; } .js #paymentHistory table.orderHistory td.orderDetails { border-top:none; } /* * order tracker login */ #orderTrackerLogin article h2 { font-size: 1.8em; margin: 12px 0; } #orderTrackerLogin .threeQuaters { padding: 20px 34px 34px 34px; width: auto; } #orderTrackerLogin #orderLogin fieldset { border-radius: 10px; border: 1px solid #e3e3e3; float: left; padding: 15px 20px; } #orderTrackerLogin #orderLogin .formFields { float: none; } #orderTrackerLogin #orderLogin .leftPanel { } #orderTrackerLogin #orderLogin .leftPanel .formFields label { position: absolute; left: -9999px; width: 1px; height: 1px; visibility: hidden; overflow: hidden; } #orderTrackerLogin #orderLogin .leftPanel .or { display: block; font-family: "HelveticaNeueW01-Thin", Arial, sans-serif; color: rgb(178,0,124); font-size: 1.8em; margin: 12px 0; } #orderTrackerLogin #orderLogin .leftPanel .email, #orderTrackerLogin #orderLogin .leftPanel .phonenumber { width: 280px; } #orderTrackerLogin #orderLogin .plus { display: block; float: left; font-size: 3.6em; color: rgb(178,0,124); padding: 10px 8px; } #orderTrackerLogin #error { margin-right: 0px; max-width: 565px; } #orderTrackerLogin #orderLogin .rightPanel { padding: 20px 20px 30px 20px; } #orderTrackerLogin #orderLogin button { clear: left; margin: -90px 80px 0 0; } /* * Favourites */ #favourites { padding-left:0 } #favourites div.wrap { padding: 0 0 3em 0 } #favourites div.wrap .h2{ padding-left: 35px } #favourites ul.staticContent li { width:100%; clear:left; text-align:left; font:1.2em "Arial" } #favourites .button{ float:left; clear:both; margin:10px 0 0 0 } #favourites ul { width:100% } #favourites li { float: left; text-align:center; width:25%; min-height:74px; } #favourites li img { float: none } #favourites li span { display:block; clear:both; color:#5c2c91; font: 1.2em 'Arial'; padding-top:10px } #favourites li span.price { color:#ce1580; padding-top:0; font-weight:bold } #favourites li span.noItem { color:#ccc; font-weight:bold; } /* * Basket */ nav#headerPanels #basket { padding-left:0; margin:0 auto; width:960px; } nav#headerPanels #basket div.wrap { padding: 0 0 1em 0 } nav#headerPanels #basket div.wrap .h2 { color: rgb(178,0,124); font-family: "HelveticaNeueW01-Thin", Arial, sans-serif; font-size: 3.6em; margin: 0 0 0.83em 0; padding: 14px 0 0 35px; } nav#headerPanels #basket ul.staticContent li { width:100%; clear:left; text-align:left; font:1.2em "Arial" } nav#headerPanels #basket .button{ float:left; clear:both; margin:10px 0 0 0 } nav#headerPanels #favourites ul, nav#headerPanels #basket ul { width:100% } nav#headerPanels #favourites .paginatedContent li, nav#headerPanels #basket .paginatedContent li { float: left; text-align:center; width:239px; border-right:solid 1px #e5e5e5; height:128px; } nav#headerPanels #favourites .paginatedContent li.last, nav#headerPanels #basket .paginatedContent li.last { width:240px; border-right:none; } nav#headerPanels #favourites li img, nav#headerPanels #basket li img { float: none } nav#headerPanels #favourites li span, nav#headerPanels #basket li span { display:block; clear:both; color:#5c2c91; font: 1.2em 'Arial'; padding-top:10px } nav#headerPanels #favourites li span.price, nav#headerPanels #basket li span.price { color:#ce1580; padding-top:0; font-weight:bold } nav#headerPanels #favourites li span.noItem, nav#headerPanels #basket li span.noItem { color:#ccc; font-weight:bold; } #termsAndConditionsDialog.dialog .button.close { margin-right:0; } #termsAndConditionsDialog.dialog .content { clear:both; max-height:400px; overflow-y:auto; } /* * Call me back */ #callMeBackOverlay.dialog { /*background: #fff url(//i1.adis.ws/i/dfs/order_direct_bg) 0 -2px;*/ width:865px; padding:0; margin:45px auto } #callMeBackOverlay .dialogIntro { padding-left:30px; margin-top:10px; } #callMeBackOverlay a.button { margin-top:.5em; padding:5px 10px; border-radius:2px; font-weight:bold } #callMeBackOverlay a.close { background: #E6E6E6; /* Old browsers */ background: -moz-linear-gradient(top, #fff 0%, #E6E6E6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#E6E6E6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 0%,#E6E6E6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 0%,#E6E6E6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 0%,#E6E6E6 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff 0%,#E6E6E6 100%); /* W3C */ border-color: #D4D3D3 ; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); margin-top:29px; } #callMeBackOverlay a.close:hover { border: 1px solid #999; color:#fff; text-shadow: 0px 0px 5px #999; background: #777777; /* Old browsers */ background: -moz-linear-gradient(top, #777777 0%, #c5c4c6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#777777), color-stop(100%,#c5c4c6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #777777 0%,#c5c4c6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #777777 0%,#c5c4c6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #777777 0%,#c5c4c6 100%); /* IE10+ */ background: linear-gradient(to bottom, #777777 0%,#c5c4c6 100%); /* W3C */ } #callMeBackOverlay .dialogIntro h2, #callMeBackOverlay .dialogIntro .h2{ font-size: 3.6em; line-height: 1; margin: 0; } #callMeBackOverlay .dialogIntro p { padding-bottom:0; margin-bottom:0; } #callMeBackOverlay div { float:left } #callMeBackOverlay div h3{ font-size:3.6em; color: rgb(92, 44, 145); margin:0 } #callMeBackOverlay div.callUs { width: 298px; font-family: "Arial" } #callMeBackOverlay div.callUs h3 { padding-left:60px; background: transparent url(//i1.adis.ws/i/dfs/phone_callUs) top left no-repeat; margin-top:15px; margin-bottom:18px; } #callMeBackOverlay div.callUs p strong { color:#333; } #callMeBackOverlay div.chatToUS { position:relative } #callMeBackOverlay div.chatToUS p{ /*margin: -5px 0 15px;*/ } #callMeBackOverlay div.chatToUS .selectBox p{ margin: 0; padding: 0 5px; } #callMeBackOverlay div.chatToUS .chateSpot { position: absolute; right: 20px; text-align: center; top: 71px; width: 240px; } #callMeBackOverlay div.callBackSelectGroup{ margin-top:28px } #callMeBackOverlay div.chatToUS h3 { padding-left:60px; background: transparent url(//i1.adis.ws/i/dfs/phone_callYou) top left no-repeat; margin: 15px 0 12px 10px; } #callMeBackOverlay div.chatToUS .formFields div { float:none; width:auto; } #callMeBackOverlay div.chatToUS .formFields div.selectBox { width:75px!important; } #callMeBackOverlay div.chatToUS .formFields label { width:auto; float:left; padding:0; margin-right:20px; } #callMeBackOverlay div.chatToUS .formFields label.title { margin-right:20px; } #callMeBackOverlay div.chatToUS .formFields label.marginAdjust { margin-top:3px; } #callMeBackOverlay div.chatToUS .formFields input { } #callMeBackOverlay div.callUs p.number { color:#5c2c91; margin-bottom:0 } #callMeBackOverlay div.callUs span{ font:3.6em "HelveticaNeueW01-Thin"; color:#ce1580; display:block; } #callMeBackOverlay .labelRight { width:auto; /*clear:none*/ } #callMeBackOverlay div.labelRight label { width:auto; padding:0 15px 0 0 ; display:inline; } #callMeBackOverlay div.labelRight p span { font-weight:bold; color:#B2007C; font-size:1.3em; } #callMeBackOverlay div.labelRight input { margin-right: 5px; float:none; } /* #callMeBackOverlay div.labelRight input[type="radio"] { display:none; } #callMeBackOverlay div.labelRight input[type="radio"] + label { position:relative; height:30px; padding:3px 0 0 30px; } #callMeBackOverlay div.labelRight input[type="radio"] + label span { position:absolute; top:0; left:0; background: url(//i1.adis.ws/i/dfs/cmbRadio.png) -23px 0 no-repeat; display:inline-block; width:23px; height:23px; } #callMeBackOverlay div.labelRight input[type="radio"]:checked + label span { background: url(//i1.adis.ws/i/dfs/cmbRadio.png) 0 0 no-repeat; } */ #callMeBackSumbitOverlay.dialog{ border: 3px solid #5c2c91; min-height:152px; width:250px; margin-top:150px; } #callMeBackSumbitOverlay.dialog .h2{ color:#5c2c91; font-family: "HelveticaNeueW01",Arial,sans-serif; font-size:2.8em; line-height:1.2em; margin: 0.83em 0; margin-bottom:10px; width:200px; } #callMeBackSumbitOverlay.dialog p{ color:#5c2c91; font-size:1.8em; margin:0; } #callMeBackSumbitOverlay.dialog p.time{ color:#bf2e93; font-size:1.6em; font-weight:bold; } #callMeBackSumbitOverlay.dialog .dialogInner { text-align: right; } #callMeBackSumbitOverlay.dialog .close { margin: 10px 5px 5px 0; float: none; height: 20px; width: 75px; padding: 0px; text-align: center; } .customRadio, .customRadioGlobal { font: normal 12px arial; } .customRadio input, .customRadioGlobal input { margin: 0; padding: 0; float: left; } .customRadio label, .customRadioGlobal label { display: block; float: left; margin-right: 15px; cursor: pointer; } .customRadio span.radio-container, .customRadioGlobal span.radio-container { position: relative; float: left; margin-right: 3px; } .customRadio span.radio-container span.radio, .customRadioGlobal span.radio-container span.radio { display: block; width: 23px; height: 23px; background: url(//i1.adis.ws/i/dfs/cmbRadio.png) no-repeat top right; } .customRadio span.radio-container span.radio.selected, .customRadioGlobal span.radio-container span.radio.selected { background-position: top left; } .customRadio span.radio-container input, .customRadioGlobal span.radio-container input { position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); z-index: 101; cursor: pointer; } #callMeBackOverlay .formFields { padding-left:10px; border-left:1px solid #e5e5e5; } select[name=personTitle] { width: 75px; } #callMeBackOverlay div.email { width:auto; } #callMeBackOverlay .dialogInner{ background:#fff; border-radius:5px; padding-left:30px; margin:0; } .chatToUS { width:535px; } .chatToUS .button { float:left; margin:20px 0; height:42px; width:185px; } .chatToUS .dual input { width: 195px; } .chatToUS .formFields input { height: 39px; } .chatToUS .customRadio .formFields input[type="radio"] { height: 23px; width:23px } .chatToUS .emailAddress input { width:300px; } #callMeBackOverlay .footnote p{ font-size:1.2em; padding:0 0 0 45px; font-family: Arial } #callMeBackOverlay .selectBox { margin-top:0!important; } #callMeBackOverlay .selectBox p { background: #fff; border: 1px solid #e3e3e3; border-radius:5px; cursor: pointer; line-height: 40px; margin: 0; min-height: 40px; padding: 0; z-index: 6; } #callMeBackOverlay .selectBox p span { background: url("//i1.adis.ws/i/dfs/cmb_arrow_down.png") no-repeat scroll 100% 50% transparent; display: block; min-height: 17px; overflow: hidden; padding-right: 40px; white-space: nowrap; margin-left:5px; } #callMeBackOverlay .callBackSelectGroup div.slider { width:455px!important; height:9px; margin-left:20px; } #callMeBackOverlay .callBackSelectGroup #scaleMarkers { width:455px; margin-left:20px; position:relative; } #callMeBackOverlay .callBackSelectGroup #scaleMarkers span { display:block; float:left; color:#c5158d; font-weight:bold; padding-top:8px; position:absolute; top:0; } #callMeBackOverlay .callBackSelectGroup #scaleMarkers span.primaryMarker { background: url(//i1.adis.ws/i/dfs/sliderMarkerPrimary.png) 0 0 no-repeat; } #callMeBackOverlay .callBackSelectGroup #scaleMarkers span.secondaryMarker { background: url(//i1.adis.ws/i/dfs/sliderMarkerSecondary.png) 0 0 no-repeat; text-indent:-9999em; width:10px; } .ui-slider { position: relative; text-align: left; } .ui-widget-content { } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 24px; height: 28px; cursor: default; } .ui-slider-horizontal .ui-slider-handle { top: -9px; margin-left: -1.2em; border-radius:0; overflow:visible; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: transparent url(//i1.adis.ws/i/dfs/bg-cmbSliderHandle.png) 0 0 no-repeat; font-weight: normal; } #overlay #quickView { padding:0; height:690px; width:1007px; margin:auto; overflow:hidden; border: none; } #quickView .pricingModule { margin: 7px 0 15px 0; } #quickView .productPrices { width:365px; padding-left:54px; float:left; border-right:solid 1px #ccc; } #quickView .productPrices a.primary { float:left; margin-top:0; margin-left:0; margin-top:0; margin-left:0; margin-top:0; margin-left:0; } #quickView .productPrices h2 { margin-bottom:0; color:#639; font-size:2.4em; } #quickView .productColours { width:540px; padding-left:19px; padding-right:19px; float:right; } .checkoutSales .fLeft, #quickView .productColours .fLeft { float:left; } .checkoutSales .fRight, #quickView .productColours .fRight { float:right; padding-right: 21px; } #quickView .productColours ul li.moreColours { height:20px; width:145px; padding-top:22px; padding-right:3px; float:right; } #quickView .productColours ul li.moreColours a { white-space:nowrap; } /* * PDP Options */ .errorMessages p{ font-weight:bold; color: red } .dfsEspotContent ul.links, .columns21 .one #options { border:none; padding-top:0; margin-left:0; margin-top:15px; } .dfsEspotContent ul.links li, .columns21 .one #options li{ background: url("../images/arrow_option.gif") no-repeat scroll left 2px transparent; clear: left; float: left; font-weight: bold; padding-left: 14px; margin-bottom:10px } .swatchGroupContainerClass { clear:both; } .dfsEspotContent ul.links li a, .columns21 .one #options li a { color: rgb(92, 44, 145) } .pricingModule { background-image: url('//i1.adis.ws/i/dfs/bg_pricing_container'); background-position: top left; background-repeat: no-repeat; width:294px; height:61px; color:#B2007C; padding: 10px 10px 0; font-family: "Arial"; overflow:hidden; margin-top: 20px; } .pricingModule.prInfo { width: 275px; } .pricingModule div { float:left; width:120px } .pricingModule p { font-size:1.2em; margin:0; font-weight:bold; float:left; clear:none } .pricingModule span { font-size:3em; display:block; font-weight:bold; line-height:1; clear:left; } .pricingModule div.fullPrice { float:left; width:155px } .pricingModule.prInfo .pricingModule div.fullPrice { width:160px } .pricingModule div.fullPrice p span { font-size:1em; display:inline; } .pricingModule div.fullPrice span { font-size:1.3em; line-height:1.4em; } .mini { background: url('//i1.adis.ws/i/dfs/bg_pricing_container_mini') top left no-repeat; width:214px; } .mini span{ clear:both } .ctaButtons a { float:left; margin-left:0; min-width:87px; text-align:center; } .finacials { overflow:hidden; width:100%; padding-top:10px; margin-bottom:10px; } .finacials p { font-family: Arial, sans-serif; font-weight:normal; padding:0; margin:0; } .finacials span { margin-top:5px; display:block; font-size:1.8em } .social .fb-like { vertical-align:top; margin-right:15px; } .chooseOptions .options { float:left; width: 297px; margin-right:18px } .chooseOptions .options.last { margin-right:0; } .chooseOptions .options p { border-bottom: 1px solid #DEDEDE; margin-bottom: 1.3em; padding-bottom: 0.6em; } .chooseOptions .options ul { } .chooseOptions .options ul li{ float: left; margin: 0 5px 3px 0px; width: 45px; position: relative; } .chooseOptions #option_colours ul li{ width: 57px; margin-right:3px; } .chooseOptions .options ul li.last, .chooseOptions #option_colours ul li.last{ margin-right:0; } .chooseOptions #option_colours ul li.notShown { display:none; } .chooseOptions ul li .attribute_option { height:45px; } .chooseOptions #option_colours ul li .attribute_option { position:relative; height:57px; width:57px; } .chooseOptions #option_colours ul li .attribute_option label { border:solid 1px #ccc; -webkit-border-radius: 3px; border-radius: 3px; padding:5px; } .chooseOptions .options ul li label{ position: absolute; top: 0; left: 0; background:#fff; cursor:pointer; } .chooseOptions .options ul li img { width: 45px; height:45px; } .chooseOptions .options ul li span { display:block; text-align:center; } .chooseOptions .options li span.swatch_marker { position:absolute; top:0; left:0; width:33px; height:33px; } .chooseOptions .options li span.swatch_marker img { width:33px; height:33px; } .furtherColours p { clear: none; float: right; font-size: 1.1em; line-height: 1.2; margin-left: 15px; margin-top: 0.4em; width: 130px; } .furtherColours .showMore, .furtherColours .showLess { display:none; } /* * PDP Big View */ #overlay #bigView { padding:10px 0; height:690px; width:1007px; margin:auto; overflow:hidden; border: none; } .customBigView h2 { float:left; margin-left:20px; } .customBigView .amp-dfs-viewer, .customQuickView .amp-dfs-viewer { clear:both; } .customQuickView .amp-dfs-viewer { margin:0 auto; } .customBigView a.button, .customQuickView a.button { border-radius: 2px 2px 2px 2px; font-weight: bold; margin-top: 0.5em; padding: 5px 10px; } .customQuickView a.close { position:absolute; top:0; right:0; } /* * Ampliance roundels.css */ .amp-dfs-message, #rangePDP .amp-dfs-message { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); left: 130px; padding: 10px; position: absolute; text-align: center; top: 100px; width: 345px; border-radius: 5px; font-size:1.2em; font-weight:bold; display:none /* hidden now as per request from DFS */ } .amp-dfs-viewer { position:relative; width:604px; height:333px; margin-bottom:10px; } .amp-dfs-viewer *{ -moz-box-sizing: border-box; outline: medium none; } .customViewerRoundel { position: absolute; z-index:100; -moz-box-sizing:border-box;box-sizing:border-box; } .customViewerRoundel span { border-radius: 71px 71px 71px 71px; box-shadow: 0 2px 0 #B4B4B4; height: 71px; width: 71px; } .positionOne { top:0; left:0; } .positionOne span { background-color:#00AAD3; background-repeat:no-repeat; } .positionTwo { top:77px; left:0; } .positionTwo span { background-color:#00AAD3; background-repeat:no-repeat; } .positionThree { top:0px; right:0px; } .positionThree span { background-color:#AC1E87; background-repeat:no-repeat; } .positionFour { top:77px; right:0px; } .positionFour span { background-color:#AC1E87; background-repeat:no-repeat; } .customViewerRoundel span { color: #FFFFFF; float: left; font-size: 10px; font-weight: bold; line-height: 1; text-align: center; width: 71px; font-family: "HelveticaNeueLTStd-Th",Arial,sans-serif; display:block; -moz-box-sizing:border-box;box-sizing:border-box; } /*STANDARD ROUNDELS*/ .expressDelivery span { background-image: url(//i1.adis.ws/i/dfs/bg-expressDelivery2); padding:39px 2px 0 2px; } .delivery10days span { background-image: url(//i1.adis.ws/i/dfs/bg-expressDelivery2); padding:39px 2px 0 2px; } .delivery14days span { background-image: url(//i1.adis.ws/i/dfs/bg-expressDelivery2); padding:39px 2px 0 2px; } .finalDaysGXD span { padding:9px 6px; } .delivery21days span { background-image: url(//i1.adis.ws/i/dfs/bg-expressDelivery2); padding:39px 2px 0 2px; } .delivery28days span{ background-image: url(//i1.adis.ws/i/dfs/bg-expressDelivery2); padding:39px 2px 0 2px; } .audioSofa span { background-image: url(//i1.adis.ws/i/dfs/bg-audio2); padding:42px 20px 0 20px; } .finalDays span { padding:18px 10px; line-height:1.2; } .saleEndsSunday span { padding:24px 6px; line-height:1.2; } .inStoreOnly span { padding:24px 6px; line-height:1.2; } .leather span { background-image: url(//i1.adis.ws/i/dfs/bg-leather_small); padding: 33px 5px 0 8px; line-height: 1.1em; } :lang(nl) .leather span { padding: 35px 10px 0 13px; } .saleEndsToday span { padding:22px 5px; line-height:1.2; } .saleEndsTomorrow span { padding:24px 5px 0 5px; line-height:1.2; } .freeFootstool span { padding:20px 5px; line-height:1.2; } .deluxeSofaBed span { background-image: url(//i1.adis.ws/i/dfs/bg-deluxeSofabed2); padding:38px 0 0 0; } .orderDirectMidnight span { padding:15px 7px 0 7px; line-height:1.2; } .doubleSavings span { padding:12px 5px; line-height:1.2; } .extraCovers span { padding:23px 5px; line-height:1.2; } .choiceColours span { padding:23px 5px; line-height:1.2; } .handcraftedBritain span { background-image: url(//i1.adis.ws/i/dfs/bg-handcraftedBritain2); padding:35px 3px; } .limitedStock span { padding:22px 5px; line-height:1.2; } .gXD span { padding:20px 5px; line-height:1.2; } .clearance span { padding:28px 5px; line-height:1.2; } .soldOut span { padding:28px 5px; line-height:1.2; } .webExclusive span { padding:22px 5px; line-height:1.2; } .positionOne span.countryLiving, .positionTwo span.countryLiving { background-color:#887E6C; } .positionThree span.countryLiving, .positionFour span.countryLiving { background-color:#75C8B2; } .positionOne span.frenchConnection, .positionTwo span.frenchConnection { background-color:#666A6B; } .positionThree span.frenchConnection, .positionFour span.frenchConnection { background-color:#003032; } .positionOne span.houseBeautiful, .positionTwo span.houseBeautiful { background-color:#006C68; } .positionThree span.houseBeautiful, .positionFour span.houseBeautiful { background-color:#887E6C; } .positionOne span.capsule, .positionTwo span.capsule { background-color:#75C8B2; } .positionThree span.capsule, .positionFour span.capsule { background-color:#EDE948; background-position:-71px 0; color:#231F20; } /* * PDP Options */ article#rangePDP .dfsAmplienceSpot { background:#fff; padding-bottom:20px; } article#rangePDP .dfsEspotContent { margin: 0 0 20px 50px; } article#rangePDP .col .dfsEspotContent { margin:0; } article#rangePDP .col .dfsEspotContent article a { float: none; } .amp-button { margin:0; } article#rangePDP { background: #e4e1e1; position:relative; } article#rangePDP header { height:660px; background:none } article#rangePDP header img#rangeImg { left: 0; position: absolute; top: 0; width:1024px } article#rangePDP header #productInfo{ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9); border-radius: 5px; padding: 1px 20px 10px 20px; position: relative; width: 216px; margin-top:12px; margin-left:12px; } article#rangePDP header #productInfo p, article#rangePDP header #productInfo h1 { margin-top:0; padding:0; } article#rangePDP header #productInfo h1 { text-transform: capitalize; } article#rangePDP #rangeWrap { margin-top: -319px; position: relative; /*background-color: #E4E1E1; background-image: -moz-linear-gradient(center top , #FFFFFF, #E4E1E1);*/ } article#rangePDP #rangeWrap.classic { margin-top: 30px; } article#rangePDP section#hero { margin-top:0 } article#rangePDP #rangeRoundel { background: url("//i1.adis.ws/i/dfs/red_roundel") no-repeat scroll 0px 0px transparent; width:170px; height:170px; right: 35px; position: absolute; top: 190px; color:#fff; text-align:center; padding:16px 0 0 0; } article#rangePDP #rangeRoundel h2 { font-family: "HelveticaNeueW01-Thin",Arial,sans-serif; font-size:1.8em; color:#fff; margin:0; padding:20px 0 5px 0; line-height:0.8em; font-weight:normal } article#rangePDP #rangeRoundel h2 span { font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; margin:0; padding:0; font-size:2em; line-height:0.8em; font-weight:normal } article#rangePDP #rangeRoundel h3 { font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; margin:0; padding:5px 0 0 0; font-size:1.7em; color:#fff; line-height:0.9em; font-weight:normal } .dfsEspotContent .advice-espot, article#rangePDP .advice-espot { background-image: url('//i1.adis.ws/i/dfs/bg_pdp_advice_container.png'); background-position: 0 0; width:263px; height:173px; float:right; padding:0 15px; display:block; } section#productInformation .dfsEspotContent .advice-espot h2, section#productInformation .withOutDivider .advice-espot h2 { line-height:1em; margin:14px 0 10px 0; white-space:nowrap; font-size:3.2em; color:#5c2c91; } section#productInformation .col.dfsEspotContent { margin-left:30px; } .dfsEspotContent .advice-espot h3, article#rangePDP .advice-espot h3 { font-family: "HelveticaNeueW01-Thin",Arial,sans-serif; color:#5c2c91; font-weight:normal } .dfsEspotContent .advice-espot p, article#rangePDP .advice-espot p { color:#5c2c91; font-size:1.2em; } .dfsEspotContent .advice-espot p a, article#rangePDP .advice-espot p a{ color:#5c2c91; font-weight:bold; text-decoration:underline; font-size:1em; } article#rangePDP div.social { background: url(//i1.adis.ws/i/dfs/social-bg-grey) no-repeat; height: 40px; margin-bottom:20px; padding: 4px 0 0 107px; width: 192px; } article#rangePDP header div.social { background: url(//i1.adis.ws/i/dfs/social-bg_1) no-repeat; height: 41px; left: 32px; padding: 4px 0 0 88px; position: absolute; top: 320px; width: 170px; } .favAction a.addToFavourites { background: url("//i1.adis.ws/i/dfs/add_to_favourites") no-repeat scroll 0 50% transparent; border: medium none; clear: left; color: #B2007C; font-size: 1.2em; font-weight: bold; margin: 0; padding: 5px 0 5px 20px; } .boughtTogether { float:left; width:702px; padding-top:20px; } .priceOverview { float:left; width:214px; } .priceOverview .finacials { clear:both } .priceOverview .primary{ float:left; margin:0 } .boughtTogether div.item { text-align:center; width:218px; } .boughtTogether div.item span{ clear:both; display:block; text-align:center; font-weight:bold } .boughtTogether div.item span.price{ color: #C5168D; } .boughtTogether li { background: url("//i1.adis.ws/i/dfs/icon_addition") no-repeat scroll right 16px transparent; color: #5C2C91; float: left; font: 1.2em Arial; margin-bottom: 1.3em; width:242px } .boughtTogether li a { float:none; } .boughtTogether li.last { background:none; width:218px } /*#pr_more_information { margin: 7px 0px; padding: 0; width: 179px; height: 26px; display: block; background: url(../images/dfs/more-info.png) 0 0 no-repeat; } #pr_more_information span { display: none; }*/ #frequentlyBoughtTogether { margin-bottom:20px; } #frequentlyBoughtTogether h2 { margin:0; } #frequentlyBoughtTogether .pricingModule { margin-top:0; margin-bottom:20px; } #youMayAlsoLike ul li a.generic { margin-bottom:14px; } #youMayAlsoLike ul li a.generic span { background-image:none; } #availableFor > ul > li { width:292px; margin-right:20px; float:left; } #availableFor > ul > li.last { margin-right:0 } #availableFor ul li img { width:292px } #availableFor ul li h3 { color:#5C2C91; margin:.5em 0 0 0 } #availableFor ul li p { margin:0 } #availableFor > ul > li:nth-child(3) { margin-right:0; } #availableFor .backToTop { margin-top:20px; } #listView { table-layout:fixed; width:100% } #listView .salePrice { color:#B2007C } #listView th { border-bottom:2px solid #e9e9e9; text-align:left; background:linear-gradient(to bottom, #ffffff 0%, #f6f5f5 100%) repeat scroll 0 0 transparent } #listView th, #listView td { padding: 10px 0 10px 10px; font: 1.2em Arial; text-align:center; vertical-align:middle } #listView th { } #listView td {border-bottom:1px solid #e9e9e9;} #listView th div, #listView td > div { border-right:1px solid #e9e9e9; } #listView td > div { padding-right:10px; min-height:30px } #listView th#model { width:312px } #listView td.model { } #listView td.model .rangeItem { text-align:center; clear:both; position:relative } #listView td.model .rangeItem a.generic { font-size: 1em; position: absolute; right: 10px; top: 0; margin-top:0 } #listView td.model .rangeItem a{ float:none } #listView td.model .openQuickView { float:right; background:url('//i1.adis.ws/i/dfs/icon_quickview') no-repeat; height:39px; width:39px; margin-right:15px } #listView td.model span.rangeName { display:block; clear:both; color:#5c2483 } #listView .generic { float:right } #listView tfoot td { font-size:1em; } #listView .otherConfig { text-align:left } #listView .otherConfig p, #listView .otherConfig a {float:left} #listView .otherConfig a {margin-top:27px} ul.swatchTabs { background: url("//i1.adis.ws/i/dfs/range_tab_bg") repeat-x scroll 0 100% #FFFFFF; width: 100%; margin-bottom:1em; } ul.swatchTabs li { background: url("//i1.adis.ws/i/dfs/tab_separator") repeat-x scroll 100% 0 transparent; display: block; float: left; text-align: center; } ul.swatchTabs li a { background:#fff; color: #5C2C91; float: none; padding: 9px 23px; margin:0 1px 0 0; display: block; } ul.swatchTabs li.selected { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #fff; border-color: #D5D0D0 #D5D0D0 #fff; border-image: none; border-style: solid; border-width: 1px; color: #333333; margin:0 0 -1px -1px; } ul.swatchTabs li.byName a { margin:0 1px; } ul.swatchTabs li.selected a { color:#333; font-weight:bold; margin:0; } .button[data-dialog='#quickView'] { color: #fff; cursor: pointer; display: block; top: -6px; height: 14px; min-width: 87px; text-align: center; text-decoration: none; text-shadow: #8440ac 0 0 5px; width: 89.34375px; background: #582a78; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #582a78), color-stop(3%, #5b2b7c), color-stop(11%, #72359c), color-stop(14%, #7536a0), color-stop(81%, #5c2384), color-stop(81%, #5c2384), color-stop(100%, #4e1b71)); background: -webkit-linear-gradient(top, #582a78 0, #5b2b7c 3%, #72359c 11%, #7536a0 14%, #5c2384 81%, #5c2384 81%, #4e1b71 100%); background: linear-gradient(to bottom, #582a78 0, #5b2b7c 3%, #72359c 11%, #7536a0 14%, #5c2384 81%, #5c2384 81%, #4e1b71 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#582a78', endColorstr='#4e1b71', GradientType=0); border: 1px solid #5c2c91; border-radius: 3px 3px 3px 3px; font: normal normal bold 12px / normal arial,serif; margin: 0; outline: #fff none 0; padding: 3px; } section#productInformation .colWithImg .button[data-dialog='#quickView'] { position: absolute; top: 130px; left: 66px; } .titleArea{ width:916px; } #mapContainer { width:680px; height:696px; position:relative; } #storeLocatorResultsPage section.makeItLarge, #storeLocatorResultsPage section.makeItLarge #mapContainer { width:914px; } #storeDetailsPage #storeInfoBlock { overflow: visible; } #storeDetailsPage #mapContainer { width:680px; height:428px; } #storeLocatorForm { padding-bottom:10px; } #storeLocatorForm input.input, #storeLocatorForm select.input { width:210px; height:26px; padding:2px; } #storeLocatorForm select#searchFilter { margin:1px 0 5px } #storeLocatorForm select.input { width:214px; } /* these 4 placeholder colours are supposed to be seperate entries, they will break if combined */ ::-webkit-input-placeholder { color:#ADADAD; } :-moz-placeholder { color:#ADADAD; } ::-moz-placeholder { color:#ADADAD; } :-ms-input-placeholder { color:#ADADAD; } #storeLocatorForm input.button { padding:5px; width:214px; margin:5px 0; } /*.columns12 aside { padding:20px 22px 20px 20px; width:214px; float:left; } .columns12 article { padding:20px 22px 20px 0; width:682px; float:left; }*/ .storeLocator article aside, #orderTracker article aside { padding:20px 22px 20px 0px; width:214px; float:left; } #storeLocatorPage article aside, #storeLocatorResultsPage article aside { padding-top:0; } #storeLocatorResultsPage article aside .storeName { font-weight:bold; } .storeLocator article aside .storeImage, #orderTracker article aside .storeImage { padding:5px; border-left:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; -webkit-box-shadow: 0px 1px 1px 0px rgba(128, 128, 128, 0.5); box-shadow: 0px 1px 1px 0px rgba(128, 128, 128, 0.5); } .storeLocator article aside .storeImage img, #orderTracker article aside .storeImage img { width:204px; } .storeLocator article section { width:680px; float:left; } #orderTracker article section { width: 403px; float:left; background: none; overflow: visible; } .storeLocator article section { } aside ul.storeList { width:100%; border-top:solid 1px #dadada; padding-top:10px; } aside ul.storeList li { border-bottom:solid 1px #dadada; margin-bottom:10px; } aside ul.storeList li { border-bottom:solid 1px #dadada; margin-bottom:10px; } a.storeName { font-size:1.1em; display:block; width:182px; } .storeList address { font-size:1.1em; margin-bottom:5px; font-style:normal; width:182px; } .storeList address .tel { color: rgb(178, 0, 124) } .storeList .storeMarker { float:right; } p.howFar { font-size:1em; margin:0 0 10px; } p.howFar span { color:#999; } article .storeLocation { float:left; width:370px; } #orderTracker article .storeLocation { float:left; width: 170px; } article .storeLocation address, #orderTracker article .storeLocation address { font-size:1.1em; margin-bottom:0.5em; font-style:normal; } article .storeLocation h4, #orderTracker article .storeLocation h4 { font-size:1.2em; margin:0; color:#c8057f; } article .storeLocation p #orderTracker article .storeLocation p { margin-top:0; } article .storeLocation p a, #orderTracker article .storeLocation p a { float:none; } article .storeLocation .button { margin-left:0; margin-right:10px; width:100px; text-align:center; padding:10px 6px; white-space:nowrap; } :lang(nl) article .storeLocation .button { width: auto; } article .storeOpening { float:right; width:292px; border-left:solid 1px #e5e5e5; padding-left:17px; position:relative; } #orderTracker article .storeOpening { width: 215px; padding-bottom: 10px; } .delAccuracy { padding: 10px 0; width: 700px; } .dialog .close { float:right; } .mapOverlay, body > div.mapOverlay { position:absolute; overflow:visible; width:410px; } .mapOverlay .content { width:370px; border:solid 5px #5c2c91; background:#fff; padding:15px; } .mapOverlay .content h3 { font-family:Arial; color:#5c2c91; margin:0 0 5px; } .mapOverlay .storeInformation { float:left; width:170px; } .mapOverlay .storeInformation address { font-style:normal; font-size:1.1em; margin-bottom:0.5em; } .mapOverlay .storeInformation .button { margin:5px 0; width:148px; text-align:center; padding:10px; } .storeServices .item_1 { clear:left; } .mapOverlay .storeServices { float:right; width:170px; } .mapOverlay .storeServices h4 { font-size:1.2em; margin-bottom:5px } .mapOverlay .storeServices:first-of-type h4 { margin-top:6px; } .mapBlock .storeServices li, .mapOverlay .storeServices li { width:55px; text-align:center; float:left; } .mapBlock .storeServices li span, .mapOverlay .storeServices li span { display:block; width:55px; text-align:center; } .mapBlock .storeServices li img, .mapOverlay .storeServices li img { height:37px; width:37px; } .mapOverlay .footer { position:absolute; bottom:-12px; left:183px; } .mapOverlay .closeStoreInfo { position:absolute; top:15px; right:15px; } #storeDetailsPage .storeLocation a.printPage, a#SendToPhoneLink, a#GetDirectionLink, .mapOverlay .getDirections { font-size:1.2em; font-weight:bold; } a#SendToPhoneLink{ padding-bottom:9px; } #storeDetailsPage .storeLocation a.printPage img, a#SendToPhoneLink img, a#GetDirectionLink img, .mapOverlay .getDirections img { vertical-align:bottom; } #storeDetailsPage .storeLocation a.printPage img { margin-right:5px; } .storeLocator article .mapBlock aside { padding-top:0; } .mapBlock h3 { margin:0 0 0.5em; color:#5c2c91; } .mapBlock h4 { font-size:1.2em; } #sendToPhoneOverlay .close { border-radius: 2px 2px 2px 2px; font-weight: bold; margin-top: 0.5em; margin-right: 0.5em; padding: 5px 10px; } form.validatePhoneAndSend input#sendto_phoneNumber { width:300px; vertical-align:middle; } form.validatePhoneAndSend p { margin:0; } form.validatePhoneAndSend input.primary { width:60px; float:none; height:36px; cursor:pointer; } :lang(nl) form.validatePhoneAndSend input.primary { width: auto; text-indent: 0; } form.validatePhoneAndSend input[type='checkbox'] { vertical-align:top; } div.openingTimes { } div.storeLocation h3, div.openingTimes h3 { color:#5c2c91; font-family:Arial; font-size:1.8em; margin:0.5em 0 1.5em; } div.openingTimes h4 { color:#5c2c91; font-size:1.2em; margin-top:0; } div.openingTimes ul li { font-size:1.2em; background:transparent url(//i1.adis.ws/i/dfs/dot) repeat-x 0 12px; margin-bottom:5px; } div.openingTimes ul li .day { float:left; background:#fff; padding-right:5px; } div.openingTimes ul li .times { float:right; background:#fff; padding-left:5px; } div.storeOpening input#showPublic { position:absolute; top:10px; right:0; margin:0; } div.storeOpening #publicHolidaysView { position:absolute; top:5px; left:17px; margin:0; width:292px; } div.storeOpening #publicHolidaysContainer { padding:10px; position:relative; z-index:1; top:-1px; border:solid 1px #dadada; background:#fff; min-height:180px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px 0px rgba(128, 128, 128, 0.5); box-shadow: 0px 1px 0px 0px rgba(128, 128, 128, 0.5); background: #ffffff; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); /* W3C */ } div.storeOpening #publicHolidaysClose { height:35px; min-height:35px; background:#fff; width:120px; margin-left:170px; position:relative; z-index:2; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; border:solid 1px #dadada; border-bottom:none; } div.storeOpening #publicHolidaysClose a { display:block; margin:10px; width:100px; color:#5C2C91; } div.storeOpening #publicHolidaysClose a span { position:relative; float:right; } #publicHolidaysContainer div.openingTimes ul li, #publicHolidaysContainer div.openingTimes ul li .day, #publicHolidaysContainer div.openingTimes ul li .times { background:transparent; } #mapContainer #mapResizeControls { position:absolute; top:0; left:-10px; height:696px; background:transparent url(//i1.adis.ws/i/dfs/map_left) no-repeat 0 42px; } #mapContainer #mapResizeControls a { display:block; background:#ccc; padding:10px; width:66px; height:22px; outline:none; background:transparent url(//i1.adis.ws/i/dfs/map_btn_open) no-repeat 0 0; color:#5C2C91; } #mapContainer #mapResizeControls a span { margin: 0 5px; } #storeDirectory .headerShortcuts { } #storeDirectory .headerShortcuts h2 { float:left; font-size:2em; color:#5C2C91; } #storeDirectory .headerShortcuts div { float:left; width:700px; padding-top:24px; } #storeDirectory .headerShortcuts div ul a { margin-left:2em; } #storeDirectory #storeDirectoryList .storeList li.store { width:210px; padding:0 10px; float:left; } #storeDirectory #storeDirectoryList .storeList li.mod_1 { clear:left; } #storeDirectory #storeDirectoryList .storeList li.store ul { clear:left; } #storeDirectory .storeListContainer .closedBlock ul.storeList { display:none; } #storeDirectory .storeListContainer .openBlock ul.storeList { display:block; } #storeDirectory .storeListContainer .areaBlock h3 { font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif; font-size:1.8em; /* Page Heading 2 18px */ font-weight:normal; display:block; float:none; padding:9px 15px 6px 15px; color:#5c2c91; background: #ffffff; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); /* W3C */ border:solid 1px #d4d3d3; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5); } #storeDirectory .storeListContainer .areaBlock h3 a { float:none; display:block; color:#5c2c91; } #storeDirectory .storeListContainer .closedBlock h3 a { background:transparent url(//i1.adis.ws/i/dfs/arrow_up) no-repeat 100% 50%; } #storeDirectory .storeListContainer .openBlock h3 a { background:transparent url(//i1.adis.ws/i/dfs/arrow_down) no-repeat 100% 50%; } #storeDirectory .storeListContainer .store h4 { color:#5C2C91; margin:0.4em 0 0.2em; } #storeDirectory .storeListContainer .areaBlock p { margin:0 0 5px; } #storeDirectory .iconKeys h3, #storeDirectory .iconKeys h4 { margin:1em 0; } #storeDirectory .keysTitle { width:40px; float:left; padding-right:19px; } #storeDirectory .keysDescription { width:820px; float:left; padding-left:19px; border-left:solid 1px #e5e5e5; } #storeDirectory .keysDescription li { width:75px; float:left; text-align:center; } #storeDirectory .keysDescription img { width:37px; } #storeDirectory .keysDescription li p { float:left; width:70px; clear:none; margin-top:5px; font-size:1em; } #storeDirectory .keysDescription a { float:none; font-size:1em; white-space:nowrap; } #storeDirectory .keysDescription .keysBrands { width:530px; float:left; padding-right:19px; } #storeDirectory .keysDescription .keysProducts { width:250px; float:left; padding-left:19px; border-left:solid 1px #e5e5e5; } /* ========================================================================== End of Store Locator ========================================================================== */ /* ========================================================================== Start of Swatch Selector ========================================================================== */ .swatchSelector article section { background:none; } article section.swatchHeader, article section.swatchHeader > .wrap { padding-bottom:0; margin-bottom:0; } .swatchSelector .fRight { width:45%; float:right; text-align:right; clear:none; } .swatchSelector .fLeft { width:50%; float:left; clear:none; } .swatchHeader .fLeft h2 { margin-top:0.2em; } .swatchSelector div.swatchGroupContainer { border:solid 1px #e5e5e5; padding:10px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 1px 0px rgba(128, 128, 128, 0.5); box-shadow: 0px 0px 1px 0px rgba(128, 128, 128, 0.5); } .swatchSelector div.swatchGroupContainerForFabric { border:solid 1px #e5e5e5; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 1px 0px rgba(128, 128, 128, 0.5); box-shadow: 0px 0px 1px 0px rgba(128, 128, 128, 0.5); } div.swatchInstructions { position:relative; } div.swatchInstructions p { font-family: "HelveticaNeueW01-Thin", Arial, sans-serif; font-size:1.8em; font-weight:normal } div.swatchInstructions p strong { color:#5c2c91; font-weight:normal; } div.swatchInstructions .fLeft{ width:75%; } div.swatchInstructions .fRight{ width:24%; } div.swatchInstructions #customInfoPanel p { font-size:1.2em; font-family:Arial; color:#333; } #customInfoPanel { position:absolute; top:40px; left:450px; padding-top:7px; background:transparent; width:330px; -webkit-box-shadow: 0px 5px 10px 0px rgba(128, 128, 128, 0.5); box-shadow: 0px 5px 10px 0px rgba(128, 128, 128, 0.5); z-index:99; display:none; } #customInfoPanelWrapper { width:310px; position:relative; background:#fff; padding:0 10px; -webkit-border-radius: 2px; border-radius: 2px; border-top:solid 5px #c8057f; } #customInfoPanelWrapper::before { content: ''; border-bottom: 7px solid #CE1580; border-left: 7px solid transparent; border-right: 7px solid transparent; height: 0; width: 0; right:20px; top:-12px; position:absolute; } #customInfoPanel .infoBlock { padding:0 0 10px 64px; border-bottom:solid 1px #e5e5e5; background: transparent url(//i1.adis.ws/i/dfs/icon-info) no-repeat 0 0; } #customInfoPanel a.button { margin:10px 0; } ul.coverType_Fabric_Small li { float:left; width:80px; margin:0 8px 8px 0; position:relative; } ul.coverType_Leather li { float:left; width:80px; margin:0 8px 8px 0; position:relative; } ul.coverType_Fabric_Large li { float:left; width:136px; height:80px; margin:0 8px 8px 0; position:relative; overflow:hidden; } ul.coverType_Fabric_Large li img { width:136px; height:80px; } ul.coverType_Fabric_Small li img { width:80px; height:80px; } ul.coverType_Leather li.item_1 { clear:left; } ul.coverType_Leather li img { width:80px; height:80px; } ul.coverType_Leather li img.noSwatch { margin-top:17px; } form#addSwatchesToBasket li input.hideSwatch { position:absolute; left:-9999px; } ul.coverType_Leather li span { display:block; width:80px; text-align:center; } form#addSwatchesToBasket li span.swatch_marker { position:absolute; top:0; left:0; width:33px; height:33px; } form#addSwatchesToBasket li span.swatch_marker img { width:33px; height:33px; } form#addSwatchesToBasket li label { cursor:pointer; display:block; height:80px; } form#addSwatchesToBasket li label img { height:80px; } .swatchGroupContainerForFabric .middleItem li label img { width:136px; } .swatchGroupContainerForFabric .rightItem li label img, ul.coverType_Leather li label img { width:80px; } div.swatchGroupContainerForFabric table thead th { padding:9px; font-size:1.2em; vertical-align:top; text-align:left; border-bottom:solid 1px #e5e5e5; } div.swatchGroupContainerForFabric table thead th strong { color:#5c2c91; } div.swatchGroupContainerForFabric table thead th.leftItem { width:145px; } div.swatchGroupContainerForFabric table thead th.middleItem { width:290px; border-left:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; } div.swatchGroupContainerForFabric table thead th.rightItem { width:447px; } div.swatchGroupContainerForFabric table tbody th { vertical-align:top; text-align:left; } div.swatchGroupContainerForFabric table tbody th div.leftItem { height:80px; font-size:1.8em; vertical-align:middle; text-align:left; padding-top:9px; padding-left:20px; width:134px; font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif; font-weight:normal; display:table-cell; } div.swatchGroupContainerForFabric table tbody th, div.swatchGroupContainerForFabric table tbody td { padding:9px 0 0; border-bottom:solid 1px #e5e5e5; } .addSwatch input.button.primary { background: #9c65c3 url(//i1.adis.ws/i/dfs/whiteBasketIcon) no-repeat 12px 50%; /* Old browsers */ background: url(//i1.adis.ws/i/dfs/whiteBasketIcon) no-repeat 12px 50%, -moz-linear-gradient(top, #9c65c3 0%, #5c2a83 100%); /* FF3.6+ */ background: url(//i1.adis.ws/i/dfs/whiteBasketIcon) no-repeat 12px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c65c3), color-stop(100%,#5c2a83)); /* Chrome,Safari4+ */ background: url(//i1.adis.ws/i/dfs/whiteBasketIcon) no-repeat 12px 50%, -webkit-linear-gradient(top, #9c65c3 0%,#5c2a83 100%); /* Chrome10+,Safari5.1+ */ background: url(//i1.adis.ws/i/dfs/whiteBasketIcon) no-repeat 12px 50%, -o-linear-gradient(top, #9c65c3 0%,#5c2a83 100%); /* Opera 11.10+ */ background: url(//i1.adis.ws/i/dfs/whiteBasketIcon) no-repeat 12px 50%, -ms-linear-gradient(top, #9c65c3 0%,#5c2a83 100%); /* IE10+ */ background: url(//i1.adis.ws/i/dfs/whiteBasketIcon) no-repeat 12px 50%, linear-gradient(to bottom, #9c65c3 0%,#5c2a83 100%); /* W3C */ padding-left:45px; } .addSwatch input.button.disabled { background: url(//i1.adis.ws/i/dfs/whiteBasketIcon) no-repeat 12px 50%, linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%) repeat scroll 0 0 ; } .addSwatch a.button.generic { padding:9px 15px 9px 35px; font-size:1.2em; float:left; margin:20px; background: url(//i1.adis.ws/i/dfs/arrow_left) no-repeat 12px 50%, linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%) repeat scroll 0 0 } /* ========================================================================== End of Swatch Selector ========================================================================== */ /** RANGE PDP SWATCHES */ .swatchGroup li.miniSwatch, .colourSelector li.miniSwatch { float:left; position:relative; height:57px; width:57px; margin-bottom:3px; margin-right:3px; } .colourSelector li.notShown { display:none; } .colourSelector li.mini_0 { margin-right:0; } .swatchGroup label.miniSwatch, .colourSelector label.miniSwatch { height:45px; width:45px; padding:5px; border:solid 1px #ccc; -webkit-border-radius: 3px; border-radius: 3px; display:block; position:absolute; top:0; left:0; background:#fff; cursor:pointer; } label.miniSwatch span.transparentLayer{ background:url(//i1.adis.ws/i/dfs/transparent.png) repeat; height: 55px; left: 0; position: absolute; top: 0; width: 55px; } label.miniSwatch span.swatch_marker { position:absolute; top:0; left:0; width:33px; height:33px; } label.miniSwatch span.swatch_marker img { width:33px; height:33px; } label.miniSwatch img { height:45px; width:45px; } .colourSelector li.miniSwatch input { } .colourSelector .associatedColourSwatches { display:none; } .chosedColourSwatchDisplay .associatedColourSwatches ul { float:left; } .associatedColourSwatches ul.coverType_Fabric_Small { width:610px; } .showMoreColourControls li { display:none; } .showMoreColourControls li a { margin:0.5em 0; } .swatchGroupContainer .fLeft { float:left; } .swatchGroupContainer .fRight { float:right; } article .swatchGroupContainer a { float:none; } .colourByNameTabContainer ul li { width:15%; margin-right:1.5%; margin-bottom:0.5em; float:left; } .colourByNameTabContainer ul li.item_1 { clear:left; } .colourByNameTabContainer ul li a { color:#5c2c91; } /* NL Financing */ footer .nlFooterEspot { margin-bottom: 20px; } .footerHeight { height:auto } footer .wrap { background:#fff; } footer .wrap a { display:inline; float:none; } footer nav { padding-bottom:20px; } footer nav ul li.level1 { width:25%; float:left; font-size:1.2em } footer nav ul li.level1 a:focus { outline:none; } footer nav ul li.level1 a.level1 { font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif; font-size:1.8em; /* Page Heading 2 18px */ font-weight:normal; display:block; float:none; padding:9px 0 6px 15px; color:#5c2c91; background: #ffffff; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); /* W3C */ border:solid 1px #d4d3d3; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5); } footer nav ul li.level1+li.level1 a.level1{border-left:none;} footer nav ul li.level1 a.first { -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } footer nav ul li.level1 a.last { border-right:solid 1px #d4d3d3; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; } footer nav ul li.level1 a.level1 span.menuclosed { display:block; background:transparent url(//i1.adis.ws/i/dfs/arrow_down) no-repeat 100% 50%; margin-right:16px; } footer nav ul li.level1 a.level1 span.menuopen { display:block; background:transparent url(//i1.adis.ws/i/dfs/arrow_up) no-repeat 100% 50%; margin-right:16px; } footer nav ul.level2 { width:100%; clear:left; } footer nav ul.level2 > li { display:block; clear:left; background:transparent url(//i1.adis.ws/i/dfs/arrow_option.gif) no-repeat scroll 16px 56%; } footer nav ul.level2 li a { padding:13px 0 9px 20px; margin:0 16px; float:none; display:block; color:#5c2c91; font-weight:bold; border-bottom:solid 1px #d6d6d6; } footer nav ul.level2 li.dfsSupports .label { float: left; margin:31px 0 0 16px; width: 85px; font-size: 1.25em; font-family: "HelveticaNeueW01-45Ligh",Arial,sans-serif; line-height: 1.1em; color: #5c2c91; } footer nav ul.level2 li img.dofe { margin:9px 16px 0 0; float: right; } footer nav ul.level2 li img.bbcCin { margin:25px 0 0 16px; float: left; clear: left; } footer nav ul.level2 li img.bhf { margin:25px 16px 0 0; float: right; clear: right; } footer nav ul.level2 li.notLink { background:transparent; } footer nav ul.level2 li.partners { padding:32px 0 32px 16px; } footer nav ul.level2 li.notLink a { border-bottom:none; padding:0; margin:0; display:inline; } footer nav ul.level2 li a.external { background:transparent url(//i1.adis.ws/i/dfs/external_link) no-repeat 100% 50%; } footer nav ul li.level1 #error { margin-right:0; } footer nav ul li.level1 form { margin:32px 16px; } footer nav ul li.level1 form input { width:100%; margin:0; } footer .wrap .clearfix .fLeft { float:left; width:auto; } footer .wrap .clearfix .fRight { float:right; width:auto; } footer .wrap .clearfix .fRight form { float:right; margin-bottom:16px; } footer .wrap ul.footerLinks { clear:both; width:auto; text-align:right; padding-top: 17px; } footer .wrap ul.footerLinks li { display:inline; padding:0 0 0 16px; } footer .wrap ul.footerLinks li a { color:#5c2c91; } footer .wrap .paymentTypes { float:left; margin:33px 0 0; } footer .wrap ul.socialLinks { float:right; display:block; width:89px; margin-top:36px; } footer .wrap ul.socialLinks li { float:left; display:block; } footer .wrap ul.socialLinks li a.youTube { margin-right:8px; } footer .wrap ul.socialLinks li a.twitter { margin-right:4px; } footer ul.footerLinks {font-size:1.2em} /* ========================================================================== Browse Navigate ========================================================================== */ #homePage .bestSellers, #homePage .exclusiveBrands { margin:20px 0; background:#fff; width:916px; } #homePage .dfsEspotContent .homePageEspot, .coreDepartment .dfsEspotContent .homePageEspot, .coreCategory .dfsEspotContent .homePageEspot, #exclusiveBrandsCategory .dfsEspotContent .homePageEspot, #noSearchResults .homePageEspot, .pnfEspot { margin-right:21px; float:left; } #homePage .dfsEspotContent .last, .coreDepartment .dfsEspotContent .last, .coreCategory .dfsEspotContent .last, #exclusiveBrandsCategory .dfsEspotContent .last, #noSearchResults .last { margin-right:0; float:right; } .coreDepartment .exclusiveBrands, #exclusiveBrandsCategory ul.exclusiveBrands { margin-top:20px; } #home-promotion-bar { display:inline-block; margin-top:20px; z-index:5; position:relative; } #home-promotion-bar+.dfsAmplienceSpot{ margin-top:-5px; } .dfsAmplienceSpot .ampHeading { overflow:hidden; padding-bottom:0; } .dfsAmplienceSpot .ampHeading h3 { font-family: "HelveticaNeueW01-Thin", arial; color: #471E81; float: left; font-size: 2.8em; margin: 8px 0 0; } .dfsAmplienceSpot .ampHeading a.button { float: right; margin:20px 1px 2px 0; } .dfsAmplienceSpot .ampHeading a.button span { background:none } /* end */ .sectionHeading, .headingWithAction { overflow:hidden; } section#productInformation .withOutDivider h2 { margin-top:-12px } .sectionHeading h2, .sectionHeading h3, .headingWithAction h2, .headingWithAction h3 { float:left; margin:-2px 0 0 0; } .headingWithAction h2 a.backToTop { margin-top:-40px; } .headingWithAction a span { background: url('//i1.adis.ws/i/dfs/icon_arrow_01') 0 3px no-repeat; float: left; padding-right: 10px; width: 9px; } .sectionHeading a, .headingWithAction a { margin-top:0; font:1.1em "Arial"; border:1px solid #E1E1E1; padding:6px 21px; float:right; } .headingWithAction a.cm { border-radius:3px 0 0 3px; } .headingWithAction a.in { border-radius: 0 3px 3px 0; width:57px; text-align:center } .headingWithAction a.selected { background: #c2c0c0; /* Old browsers */ background: -moz-linear-gradient(top, #c2c0c0 0%, #c5c4c6 100%, #9e9d9d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c0c0), color-stop(100%,#c5c4c6), color-stop(100%,#9e9d9d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c2c0c0 0%,#c5c4c6 100%,#9e9d9d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c2c0c0 0%,#c5c4c6 100%,#9e9d9d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c2c0c0 0%,#c5c4c6 100%,#9e9d9d 100%); /* IE10+ */ background: linear-gradient(to bottom, #c2c0c0 0%,#c5c4c6 100%,#9e9d9d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c0c0', endColorstr='#9e9d9d',GradientType=0 ); /* IE6-9 */ color: #fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5) inset } #viewGridListView { float:right; margin-left:60px } #viewGridListView li { display:inline; } #viewGridListView li a { float:left; display:block; padding:4px 7px; margin:0; } #viewGridListView li a:focus { outline:none; } #viewGridListView li a#grid { border-radius:3px 0 0 3px; } #viewGridListView li a#list { border-radius:0 3px 3px 0; border-left:none; } /*.headingWithAction a { float:right; font:1.8em "HelveticaNeueW01-Thin", Arial, sans-serif; color: rgb(71, 30, 129); margin-top:1.1em } */ #viewGridListView li a, #viewContainer a{ margin-top:13px } .availableCat li { float: left; text-align:center; width:24%; border-right:1px solid rgb(230, 230, 230); padding:20px 0; } .availableCat li:nth-child(5), .availableCat li:nth-child(6), .availableCat li:nth-child(7), .availableCat li:nth-child(8) { border-bottom:none; } .availableCat li a{ float: none; font-size:1em } .availableCat li span { display:block; clear:both; font: 1.2em Arial; color: #c5168d; font-weight: bold; padding-top:10px } .availableCat.paginatedContentBlock .pagination li { padding: 10px 0 0 0; } /* ========================================================================== Helper classes ========================================================================== */ /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; } .ir:before { content: ""; display: block; width: 0; height: 100%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* ========================================================================== Core Lister styles: ========================================================================== */ .coreLister { overflow:hidden; clear:both; } #coreListerImage { left: 0; padding: 0; position: absolute; top: 0; z-index: -1; background:linear-gradient(to bottom, rgba(255, 255, 255, 0.46) 0%, rgb(255, 255, 225)) repeat scroll 0 0 transparent } #coreListerHeaderContent { padding:2.2em 2.2em 0 5.5em; z-index:12; height:660px; width:auto; display:block; background:none; background: -moz-linear-gradient(top, rgba(255,255,255,0) 24%, rgba(228,225,225,1) 43%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,rgba(255,255,255,0)), color-stop(43%,rgba(228,225,225,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 24%,rgba(228,225,225,1) 43%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 24%,rgba(228,225,225,1) 43%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 24%,rgba(228,225,225,1) 43%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 24%, rgb(228, 225, 225) 43%) repeat scroll 0 0 transparent; } #coreListerHeaderContent .roundelEspot { top: 17px; right: 35px; background: url("//i1.adis.ws/i/dfs/blue_roundel") no-repeat scroll 0px 0px transparent; width:167px; } .searchResultsCategoryLister section#coreList h3 .searchResultsLink{ float:none; font-size:1em; text-decoration: underline; } header #searchArea { float: left; padding-left: 32px; } header .headerEspot { float: left; margin-left: 40px; width:350px } header #searchArea { float: left; padding-left: 32px; } header #searchArea h2{ color: rgb(92, 44, 145); font-family: arial; font-size: 1.8em; font-weight: normal; margin-bottom: 4px; margin-top:0 } header #searchArea p { font-family: "Arial", sans-serif } header#pageTop { margin-bottom:2px; } header #searchArea p span.pipeDivider { background: rgb(217, 215, 216); display: inline-block; line-height: 1; margin: 0 3px; position: relative; top: 1px; width: 1px; } header #searchArea p a { display:inline; font-weight:bold; float:none; font-size:1em } header #searchArea input[type="text"]{ color: rgb(51, 51, 51); font-size: 2.4em; height: 32px; line-height: 1em; padding: 2px 7px; width: 428px; border-radius:5px } #range { position:relative } #range img.main { position:absolute; top: 0; left:0; padding:2.2em 0 0 5.5em; z-index:12; } .linkEspot li { background: url("//i1.adis.ws/i/dfs/arrow_right") no-repeat scroll 0px 50% transparent; margin-bottom:8px; } .linkEspot li a { font-family:Arial; color:#5c2c91; padding-left:20px; float: none; } #rangePDP .linkEspot li a { font-weight:bold; } #rangePDP .linkEspot li a span { color:#333; font-weight:normal; } .roundelEspot { background: url("//i1.adis.ws/i/dfs/roundel_pdp_standard") no-repeat scroll 0px 0px transparent; position:absolute; top:42px; right:625px; width:135px; height:172px; color:#fff; text-align:center; padding:21px 0 0 0; } .roundelEspot h2 { font-family: "HelveticaNeueW01-Thin",Arial,sans-serif; font-size:2em; color:#fff; margin:0; padding:0; line-height:1em; font-weight:normal } .roundelEspot h2 span { font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; margin:0; padding:0; font-size:1.2em; font-weight:normal; display:block; line-height:1em; } .roundelEspot h3 { font-family: "HelveticaNeueW01-75Bold",Arial,sans-serif; margin:0; padding:5px 0 0 0; font-size:1.5em; color:#fff; font-weight:normal; line-height:1em; } .roundelEspot p { font-family: "HelveticaNeueW01-45Ligh",Arial,sans-serif; margin:0; padding:0; font-weight:normal } article#coreLister #coreListerContent { position:relative; width:1024px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(228,225,225,1) 30%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(228,225,225,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,225,225,1) 30%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,225,225,1) 30%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,225,225,1) 30%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(228,225,225,1) 30%); /* W3C */ z-index:10; } section#coreList { background:#fff; width:916px; margin:-485px auto 0 auto; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; padding: 19px 22px 0px 22px; z-index:10; position:relative; } ul.categoryTabs { width:100%; background: url("//i1.adis.ws/i/dfs/tab_list_bg") repeat-x scroll 0 100% #fff; } ul.categoryTabs li { display:block; background: url("//i1.adis.ws/i/dfs/tab_separator") no-repeat scroll 100% 0 transparent; float:left; padding:1em 0 0.8em 0; text-align:center; } ul.categoryTabs li:last-child { float:right; } ul.cols2 li:first-child { width:449px; } ul.cols2 li { width:448px; } ul.cols3 li { width:299px; } ul.cols4 li { width:224px; } ul.cols4 li:first-child { width:225px; } ul.cols5 li { width:179px; } ul.cols5 li:first-child { width:181px; } ul.cols6 li { width:149px; } ul.cols7 li { width:128px; } ul.cols7 li:first-child { width:129px; } ul.cols8 li { width:114px; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:0.8em; padding-right:0.8em; } ul.cols8 li.selected {min-height:55px; margin-left:-1px;} ul.cols9 li { width:101px; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:0.8em; padding-right:0.8em; } ul.cols9 li.selected {min-height:54px; margin-left:-1px;} ul.cols10 li { width:91px; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:0.8em; padding-right:0.8em; } ul.cols10 li.selected {min-height:54px; margin-left:-1px;} ul.categoryTabs li a { color:#5c2c91; text-align:center; float:none; } ul.categoryTabs li.selected { font-size:1.2em; color:#333; background:#ede8e8; border:1px solid #d5d0d0; padding:0.7em; border-bottom:1px solid #ede8e8; font-weight:bold; } ul.categoryTabs ul.subCategoryOptions { position:absolute; left:22px; top:66px; font-size:1em; z-index:9; } ul.categoryTabs ul.subCategoryOptions li { width:auto; display:inline; padding:0 15px; font-size:1em; border-left:solid 1px #ccc; } ul.categoryTabs ul.subCategoryOptions li.first { border:none; padding:0; } ul.categoryTabs ul.subCategoryOptions li.item_1 { border:none; } ul.categoryTabs ul.subCategoryOptions li a { font-size:1em; } section#coreListerEspots { margin:28px 0 0px 34px; padding-bottom:28px; } section .two-col-espot { width:448px; height:123px; background: #5c2c91; -moz-border-radius: 10px; border-radius: 10px; float:left; margin-left:20px; padding-top:10px; } section .two-col-espot a { color:#fff; text-decoration:underline; margin:5px 20px; } #exclusiveBrandsCategory section .two-col-espot:first-child, #rangePDP section .two-col-espot:first-child { margin-left:2px; } section .two-col-espot h2 { color:#fff; line-height:1em; margin:14px 0 0 20px; white-space:nowrap; font-size:3.4em; } section .two-col-espot p { color:#fff; margin:6px 0 0 20px; } section .two-col-espot p a { color:#fff; font-weight:bold; text-decoration:underline; font-size:1em; } #listerForm { position:relative; } #sortControls { clear:both; width:100%; padding:60px 0 0 0; } #sortControls .formFields { clear:none; float:left; width:auto; padding:0 15px 0 0; border-right: 1px solid #D5D0D0; } #sortControls .formFields label { float:left; width:auto; padding:10px 9px 11px 0; } #sortControls p.prodAvailable{ padding-top:10px; } #sortControls .formFields select { float:left; padding:5px; } #sortControls .formFields input { float:left; width:auto; } #sortControls p { clear:none; float:left; width:auto; margin:0 12px 0 0; padding:9px 12px 12px 12px; border-right:1px solid #D1D1D1; vertical-align:middle; min-width: 74px; text-align: center; } #sortControls div.selectBox p { float:none; padding:5px 25px 5px 5px; min-width: 0; text-align: left; } #sortControls .formFields input.submit { margin:0 0 0 15px; padding: 5px 10px 3px 10px; height:auto; } .clearFilters { float:left; } .clearFilters a.button { margin:0; padding:4px 10px; } .appFilters { float:left; font-size:1.2em; } .appFilters .appFilters_item { float:left; border:1px solid #d1d1d1; padding:3px 5px; margin-right:12px; border-radius:5px; } .appFilters .appFilters_item a { color:#8440AC; font-weight:bold; float:none; margin-left:5px; } .appFilter_loop { float:left; padding-left:5px; } .appFilters .displayName { float:left; } .js .noShow, .js #sortControls .formFields input.submit, .js .expressFilter button.update { display:none; } ul.productRange .pricing { float: left; color:#c5158d; font-weight:bold; font-size: 1.3em; } .noImages p.noImagesHeading { text-align:center; } #productConfiguration article#productConfig section { float: left; width: 756px; } #productConfiguration article#productConfig aside { float:left; width:238px; } article#productConfig .module ul { overflow:visible; } #productConfiguration .optionsSelector .optionSelected { float:left; width:235px; margin-right:20px; } #productConfiguration .optionsSelector .optionChoices { float:left; width:397px; } #productConfiguration .associatedColourSwatches ul.coverType_Fabric_Small { width:auto; } #productConfiguration aside .module{ background:#fff; padding:20px; margin-bottom:1em; border-radius: 5px 5px 0 0; overflow:hidden } #productConfiguration aside .module input.primary{ margin-right:0; margin-bottom:0; } /* ========================================================================== Filters (component) ========================================================================== */ #filters { position:static; background:#ede8e8; border:1px solid #d5d0d0; border-top:none; clear:both; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; height:43px; } .js #filters { position:absolute; top:0; left:0; } .js .noPositioning #filters { position:relative; } .browseBy { position:absolute; top:4px; right:0; vertical-align:middle; } .browseBy p { float:left; margin:9px 10px; } .browseBy a.button { font-size:1.2em; font-weight:normal; white-space: nowrap; padding:8px 20px; margin:0 4px; float:left } .filters, .filters ol, .filters ul, .filters li { list-style: none outside none; margin: 0; padding: 0; } .filterGroup .filterGroupContent { background-color: #fff; border-radius: 0 0 3px 3px; box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.3); /*width: 172px;*/ } .filters .selected .filterGroupContent { left: auto; position:absolute; z-index:1001 } .filters .sizeFilter.selected .filterGroupContent { left: 0; top:100%; } .filterGroup.sizeFilter.selected { position: static; } /*check*/ .js .ie7 .sizeFilter:hover .filterGroupContent { left: 164px; } .js .ie7 .priceFilter:hover .filterGroupContent { left: 345px; } .js .ie7 .featuresFilter:hover .filterGroupContent { left: 451px; } .filters { float: left; margin-top: 0px; position: relative; width: 100%; overflow:visible; display:none; } .js .filters { margin-top:0px; display:block; } .filters > li { display: block; float: left; list-style: none outside none; margin: 8px 5px 0 0; border-radius: 3px; position:relative; } .js .filters > li { width:130px; } .filters > li.delivery { width:auto; margin:10px 0 0 5px } .filters > li.delivery input{ margin-right:5px } .filters > li.delivery label{ float:left; width:auto; margin-right:5px } .js .filters > li > span { display: block; float: left; padding: 3px 10px; color:#5c2a83; position: relative; text-decoration: none; white-space: nowrap; z-index: 1000; } .filterGroup { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); /* W3C */ border-color: #D4D3D3;/* #5C2C91 #D4D3D3 #D4D3D3;*/ border-image: none; border-style: solid;/* none solid solid;*/ border-width: 1px;/* medium 1px 1px;*/ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); color: #5C2C91; margin:5px 0 0 0; padding:4px 10px; float: left; font-size: 1.1em; position: relative; display:block } .js .filters > li.sizeFilter span.hasMenu, .js .filters > li.priceFilter span.hasMenu, .js .filters > li.featuresFilter span.hasMenu { background: url(//i1.adis.ws/i/dfs/arrow_down) no-repeat 110px 8px; } .filters > li.sizeFilter span, .filters > li.priceFilter span, .filters > li.featuresFilter span { float:none; } .js .filters > li.selected span.hasMenu { background-image: url(//i1.adis.ws/i/dfs/arrow_up); padding-bottom:13px; } .filters > li.selected { background:none; background: #fff;; border-bottom:none; box-shadow:none; border-radius: 3px 3px 0 0; } .filters > li.expressFilter { width:133px; } .filters > li.expressFilter label { font-size:1.2em; vertical-align:top; display:inline-block; padding:3px 0 3px 0; } .filters > li.expressFilter input.expressCheck { /*border:1px solid #5c2c91;*/ background:#fff; margin:6px 0px 0px 6px; } .filters > li.tooltip { padding:1px 0; width:auto; } .filters > li.tooltip span.toolTip { background:none; padding:0.4em 0.5em; width:auto; } /*.filters > li > a { background: -moz-linear-gradient(center top , rgb(84, 84, 84) 0%, rgb(30, 30, 30) 100%) repeat scroll 0 0 transparent; border-color: rgb(51, 51, 51); border-style: solid; color: white; font-weight: bold; margin-right: 1px; text-decoration: none; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.33); white-space: nowrap; }*/ .filters > li:first-child { margin-left:8px; } .filters > li:last-child > span { border-right-width: 0; } .filters > li.selected > span { background: #fff -moz-linear-gradient(center top , rgb(238, 238, 238) 0%, rgb(255, 255, 255) 100%) repeat scroll 0 0 ; border-color: rgb(64, 64, 64); text-shadow: none; } .filters > li.sortBy { width:auto; padding-right:7px; } .filters > li.sortBy label { width:auto; margin:6px 12px 0 0; float:left; } .filters > li.sortBy .formFields { padding:0; } .filters > li.sortBy .selectBox { border:radius:3px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); } .filters li.sortBy .selectBox{ height:auto !important; margin-top:0 !important; border-radius:3px; } .filters li.sortBy .selectBox p { /* padding:4px 7px;*/ color:#5C2A83; } .hasMenu:after, .ie7 .hasMenu span { color: rgb(102, 102, 102); content: ""; display: inline-block; padding: 0 0 0 10px; text-shadow: none; } .filters > li > span.hasMenu { font-size:1.4em; font-weight:bold; padding:10px; } .js .filters > li > span.hasMenu { padding: 3px 10px; font-size:1.2em; font-weight:normal; cursor:pointer; } .js .filters > li > span.toolTip { cursor:pointer; position:relative; } .filters > li > .toolTipContent { position:absolute; top:27px; /*left:-164px;*/ left:-9999em; width:200px; height:60px; padding:0; background: transparent url(//i1.adis.ws/i/dfs/tooltip-pointer) top right no-repeat; } .filters > li.selected > .toolTipContent { left:-164px; } .filters > li > .toolTipContent div { background:#fff; margin:0; margin:11px 0 } .filters > li > .toolTipContent div p { margin:0; padding:15px 0; margin:0 15px; border-bottom:1px solid #e5e5e5; } .filters > li > .toolTipContent div span.button { background: #9c65c3; /* Old browsers */ background: -moz-linear-gradient(top, #9c65c3 0%, #5c2a83 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c65c3), color-stop(100%,#5c2a83)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9c65c3 0%,#5c2a83 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9c65c3 0%,#5c2a83 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9c65c3 0%,#5c2a83 100%); /* IE10+ */ background: linear-gradient(to bottom, #9c65c3 0%,#5c2a83 100%); /* W3C */ padding:10px; margin:10px; display:none; } .js .filters > li > .toolTipContent div span.button { display:block; } .js .filterGroupContent { left: -9999px; position: absolute; top: 34px; z-index: 998; } .filterGroup .filterGroupContent li { display: block; padding: 2px 10px; } .ie7 .filters { font-size: 90%; } .ie7 .filters .sectionPromo .forwardButtonWhite { padding: 5px 8px 6px; } .i7 .filters > li:first-child > span, .i8 .filters > li:first-child > span { border-left-width: 2px; } .ie7 .filters > li > span, .ie8 .filters > li > span { border-left: 1px solid rgb(85, 85, 85); } .ie9 .filters > li > span { line-height: 37px; } .sizeFilter .checkbox { float:left; clear:none } .sizeFilter button { float:right; } .sizeFilter .measuringTips { padding:10px; float:right; margin:20px 0; } .sizeFilter p { clear:both; color:#333333; } .filterGroupContent input[type="radio"]{float:left; border:none;} .filterGroupContent input[type="checkbox"]{float:left; border:none;} .filterGroupContent label {float:left; font-size:1.2em} .filterGroupContent label span {clear:left;display:block} .sizeFilter .filterGroupContent { width: 885px; } .sizeFilter .filterGroupContent h5 { margin:6px 0 1px 12px;; padding:0; float:left; } .sizeFilter .filterGroupContent .filterBySeats h5 { clear:both; float:none; } .sizeFilter .filterGroupContent .filterBySeats .seatCheckBoxes { width:100%; float:none; font-weight:bold; } .sizeFilter .filterGroupContent .filterBySeats .seatCheckBoxes label { float:none; } .sizeFilter .filterGroupContent .filterBySeats .seatCheckBoxes input { float:none; margin:0 0 0 -8px; } .sizeFilter .filterGroupContent .formFields { float:left; border-right:1px solid #D5D0D0; width:210px; } .sizeFilter .filterGroupContent .formFields:nth-child(4){ border-right:none; } .sizeFilter .filterGroupContent .last { border:none; } .sizeFilter .filterGroupContent .formFields img { background: none repeat scroll 0 0 #EFEFEF; display: block; height: 73px; margin: 0 30px; width: 142px; } .sizeFilter .filterGroupContent .filterBySeats, .sizeFilter .filterGroupContent .filterBySize { border:8px solid #fff; } .sizeFilter .filterGroupContent .selected { border-color:#5c2c91; } .sizeFilter .filterGroupContent .filterBySeats label { margin:8px 0px 0 0px; text-align:center; width:auto; } .sizeFilter .filterGroupContent .filterBySeats input { margin:4px 5px 0 60px; } .sizeFilter .filterGroupContent .filterBySeats button { margin:18px 20px 20px 0; } input.button.disabled, a.button.disabled, form.validatePhoneAndSend input.disabled, .sizeFilter .filterGroupContent button.disabled { color:#adadad; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%) repeat scroll 0 0 transparent; border-color: #D4D3D3 #adadad #D4D3D3 #D4D3D3; border-image: none; border-style: solid none solid solid; border-width: 1px medium 1px 1px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); text-shadow:none; cursor:default; } .sizeFilter .filterGroupContent button.disabled:hover { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%) repeat scroll 0 0 transparent; border-color: #D4D3D3 #adadad #D4D3D3 #D4D3D3; border-image: none; border-style: solid none solid solid; border-width: 1px medium 1px 1px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); color:#adadad; text-shadow:none; } .sizeFilter .filterGroupContent .filterBySize div.selectedWidth { float:right; font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif; font-size:1.8em; margin:6px 12px 0 0; font-weight:normal } .sizeFilter .filterGroupContent .sizeSelector { clear:both; margin: 0 0 0 12px; } .priceFilter .filterGroupContent { width: 259px; padding:0 15px 15px 15px; } .priceFilter .filterGroupContent .formFields { width:100% } .priceFilter .filterGroupContent .formFields, .featuresFilter .filterGroupContent .formFields { border-bottom:1px solid #D4D3D3; } .priceFilter .filterGroupContent .last { margin-bottom:20px; } .priceFilter .filterGroupContent .formFields label, .featuresFilter .filterGroupContent .formFields label { font-weight:bold; font-size:1.1em; width:auto; padding:11px 0; } .priceFilter .filterGroupContent .formFields label span { font-weight:normal; color:#333333; padding-left:20px; } .priceFilter .filterGroupContent input[type="radio"] { margin-top:3px; } .priceFilter .filterGroupContent button.update, .featuresFilter .filterGroupContent button.update { float:none; margin:0; width:100%; } .priceFilter .filterGroupContent p { font-size:0.9em; color:#a8a8a8; } .priceFilter .filterGroupContent p.tooFew { font-size:1em; color:#333333 } .featuresFilter .filterGroupContent { width:320px; padding:15px; } .featuresFilter .filterGroupContent .formFields:nth-last-child(3), .featuresFilter .filterGroupContent .formFields:nth-last-child(2) { border:none; margin-bottom:5px; } .featuresFilter .formFields.checkbox{ float:none; display:inline-block; vertical-align:top; width:47.5%; border:none; line-height:1.1; padding:0 0 1em 0; } .featuresFilter .formFields.checkbox+.checkbox+.checkbox{ border-top:1px solid #D4D3D3; padding-top:1em; } .featuresFilter .formFields.checkbox.sub2{ margin-right:0; margin-left:2.5%; } .featuresFilter .formFields.checkbox label{ position:relative; -moz-box-sizing:border-box; box-sizing:border-box; padding:0.1em 0 0 1.7em; float:none; display:inline-block; vertical-align:top; } .featuresFilter .formFields.checkbox input{ position:absolute; left:0; top:0; } .featuresFilter .filterGroupContent .sub1 div:last-child { border:none; } /* ========================================================================== Core Lister Colour styles: ========================================================================== */ .coreListerColour #coreList h2 { margin:0; padding:0; color:#5c2c91; font-size:1.8em; font-family: "Arial"; } .coreListerColour p.coloursMayVary { margin-top:0; } .coreListerColour .chosedColourSwatchDisplay { margin-top:9px; border-bottom: 1px dashed #E1E1E1; } .coreListerColour #sortControls { padding-top:20px; width:604px; float:left; margin-bottom:10px; } .coreListerColour .colourTabContainer { position:relative; } .coreListerColour .browseBy { top:11px; } .coreListerColour #colourRendered, .coreListerColour #colourRendered ul.productRange { width:604px; float:left; } .coreListerColour ul.productRange li p { padding:5px 0 0 0; } .coreListerColour #alsoAvailableIn { width:292px; float:right; margin:10px 0 20px 0; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); position: relative; } .coreListerColour .colourWrapper { background: rgb(230,230,230) } .coreListerColour #alsoAvailableIn ul.productRange { margin-top:6px; margin-bottom:0; padding:0 0 5px 0; width:604px; float:left; } .coreListerColour #alsoAvailableIn ul.productRange li, .coreListerColour #colourRendered ul.productRange li { height:235px; position:relative; } .coreListerColour #alsoAvailableIn ul.productRange li img { margin:0 24px; } .coreListerColour #alsoAvailableIn ul.productRange li div.roundel { background:#f3504a; position:absolute; top:37px; left:15px; width:66px; height:66px; -moz-border-radius: 33px; border-radius: 33px; color:#ffffff; } .coreListerColour #alsoAvailableIn ul.productRange li div.roundel span { margin-top:10px; display:block; font-weight:bold; font-size:1.2em; text-align:center; width:58px; font-family: "Arial"; padding:0 3px; line-height:1.2em; } .coreListerColour #alsoAvailableIn h2 { color:#000; text-align:left; font-size:1.3em; font-weight:bold; margin:9px 0 0 10px ; padding:0; width:215px; float:left } .coreListerColour #alsoAvailableIn > p { color:#000; font-size: 1.2em; font-weight: normal; margin: 0 0 0 10px; padding: 0; text-align: left; width: 215px; } .coreListerColour #alsoAvailableIn ul.productRange { width:auto; } .coreListerColour #alsoAvailableIn ul.productRange li { margin:0 5px; width: 250px; } .coreListerColour #alsoAvailableIn > span { background: none repeat scroll 0 0 rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 3px 3px 3px 3px; padding: 5px; position: absolute; right: 10px; top: 10px; } .coreListerColour .CreamsBeiges { background: url(//i1.adis.ws/i/dfs/CreamsBeiges); } .coreListerColour .Browns { background: url(//i1.adis.ws/i/dfs/Browns); } .coreListerColour .Blues { background: url(//i1.adis.ws/i/dfs/Blues); } .coreListerColour .Greens { background: url(//i1.adis.ws/i/dfs/Greens); } .coreListerColour .RedsPurples { background: url(//i1.adis.ws/i/dfs/RedsPurples); } .coreListerColour .BlacksGreys { background: url(//i1.adis.ws/i/dfs/BlacksGreys); } .coreListerColour .Pinks { background: url(//i1.adis.ws/i/dfs/Pinks); } .coreListerColour .Oranges { background: url(//i1.adis.ws/i/dfs/Oranges); } .coreListerColour .Whites { background: #fff; border:1px solid #ccc; } .coreListerColour #coreList .Whites h2, .coreListerColour #coreList .Whites p { color:#333; } .coreListerColour .Multi { background: url(//i1.adis.ws/i/dfs/Multi); } /* ========================================================================== Core Department styles: ========================================================================== */ article section#hero { margin-top: -128px; margin-bottom:0; position: relative; clear:both; overflow:hidden; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(228,225,225,1) 10%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(10%,rgba(228,225,225,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,225,225,1) 10%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,225,225,1) 10%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,225,225,1) 10%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(228,225,225,1) 10%); /* W3C */ } article#homePage, article#homePage #hero, article#homePage section.exploreDepartments, article#homePage+footer { background: url(//i1.adis.ws/i/dfs/hessian_background_grey) #c7baaa; } .catBlock { margin-top: 20px; } .catBlock div.rowOfContent { height: 160px!important; width: 851px!important; } .coreDepartment ul.categories { margin-top:20px; background:#fff; padding:20px; } .coreDepartment .catBlock ul.categories { margin-top: 0; } .coreDepartment ul.categories li { display:block; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; width:253px; height:173px; float:left; padding:15px; text-align:left; } .coreDepartment .catBlock ul.categories li { width:172px!important; height:auto; } #coreDept li { border-bottom: none; } .catBlock #coreDept li { border: none; } .coreDepartment ul.categories li:nth-child(3n+3) { border-right:none; } .coreDepartment ul.categories li:nth-child(4), .coreDepartment ul.categories li:nth-child(5), .coreDepartment ul.categories li:nth-child(6) { border-bottom:none; } .coreDepartment ul.categories li a { background:transparent url(//i1.adis.ws/i/dfs/arrow_right) no-repeat 0 5px; color:#5c2c91; font-size:1.8em; float:left; } .coreDepartment .catBlock ul.categories li a { background: none; color:#c5168d; font-size:1.3em; font-weight: bold; } .coreDepartment ul.categories li a span { padding-left:18px; padding-top:0; font-weight:normal; clear:none; } .coreDepartment .catBlock ul.categories li a span { font-weight: bold; } .coreDepartment ul.categories li a img { margin:0 auto; width:235px; height:122px; background:gray; display:block; } .coreDepartment .catBlock ul.categories li a img { width:142px; height:73px; } .coreDepartment div.exclusiveBrandsHeading { margin-top:25px; background:none; } .coreDepartment div.exclusiveBrandsHeading a.button { font-size:1.2em; padding:9px 10px; margin-top:16px; } .coreDepartment ul.exclusiveBrands, #exclusiveBrandsCategory ul.exclusiveBrands { padding-bottom:3px; } .coreDepartment ul.exclusiveBrands li, #exclusiveBrandsCategory ul.exclusiveBrands li{ display:block; float:left; margin-right:21px; } .coreDepartment ul.exclusiveBrands li:nth-child(3n+3) { margin-right:0; } .paginatedContentBlock .catBlock .pagination { margin-top: -120px; float: left; width: 100%; } .paginatedContentBlock .catBlock .pagination ul { width: 100%!important; } .paginatedContentBlock .catBlock .pagination ul li.page { display: none; } .paginatedContentBlock .catBlock .pagination ul li.prev a { background: transparent url(//cdn-dfs2.amplience.com/dfs/hp_previous_arrows.png) no-repeat -6px -225px; width: 46px; height: 75px; padding: 0 5px; margin-left: 6px; } .paginatedContentBlock .catBlock .pagination ul li.next a { background: transparent url(//cdn-dfs2.amplience.com/dfs/hp_next_arrows.png) no-repeat 17px 0px; width: 46px; height: 75px; padding: 0 5px; float: right; margin-right: 6px; } .paginatedContentBlock .catBlock .pagination ul li.prev a:hover { background-position: -6px -75px; } .paginatedContentBlock .catBlock .pagination ul li.next a:hover { background-position: 17px -75px; } /* ========================================================================== Core Category styles: ========================================================================== */ .coreCategory .coreCategoryEspot01 { margin-right:18px; margin-bottom:20px; float:left; } .coreCategory .coreCategoryEspot02 { margin-right:0; float:right; margin-bottom:20px; } .coreCategory .dfsEspotContent { background:none; padding-bottom:3px; } .coreCategory .bestSellers { margin:20px 0; background:#fff; width:916px; } .three-col-espot { width:292px; height:161px; background: #5c2c91; -moz-border-radius: 10px; border-radius: 10px; float:left; margin-left:20px; } .three-col-espot.first { margin-left:0; } .full-col-espot { width:704px; background: #5c2c91; -moz-border-radius: 10px; border-radius: 10px; float:left; margin:20px 0 0 0 } #rangePDP .three-col-espot:nth-child(1) { margin-left:2px; } .full-col-espot h2, .three-col-espot h2 { color:#fff; line-height:1em; margin:14px 20px 0 20px; font-size:3.1em; } .full-col-espot p, .three-col-espot p { color:#fff; margin:6px 20px 0 20px; } .full-col-espot p a, .three-col-espot p a { color:#fff; font-weight:bold; text-decoration:underline; font-size:1em; } .coreCategoryEspots .wrap { margin:0px 27px; padding:0; } .coreCategory .availableCat { padding:17px 22px; border-radius:0; background:#fff; } .coreCategory .availableCat h2 { margin:0; } .coreCategory .availableCat div.rowOfContent { min-height: 138px; } .coreCategory .availableCat ul.categories { margin:20px 0; } .coreCategory .availableCat ul.categories li { width: 173px; } .coreCategory .smallPricingModule { background: url('//i1.adis.ws/i/dfs/bg_small_pricing_container')top left no-repeat; width:294px; height:71px; color:#B2007C; padding: 13px 10px 0; font-family: "Arial"; overflow:hidden } .coreCategory .smallPricingModule div { float:left; width:90px } .coreCategory .smallPricingModule p { font-size:1.3em; margin:0; font-weight:bold; float:left; clear:none } .coreCategory .smallPricingModule span { font-size:2.5em; display:block; font-weight:bold; line-height:1 } .coreCategory .subCategories ul { background:#fff; padding:20px ; float:left; height:334px; } .coreCategory .subCategories ul li { display:block; border-right:1px solid #e8e8e8; border-top:1px solid #e8e8e8; width:253px; height:132px; float:left; padding:15px; text-align:left; } .coreCategory ul.threecolumn li:nth-child(3n+3) { border-right:none; } .coreCategory ul.twocolumn li:nth-child(2n+2) { border-right:none; } .coreCategory .subCategories ul li:nth-child(1), .coreCategory .subCategories ul li:nth-child(2), .coreCategory ul.threecolumn ul li:nth-child(3), .coreCategory ul.threecolumn li:nth-child(3), .coreCategory ul.twocolumn li:nth-child(2) { border-top:none; } .coreCategory .subCategories ul li a { background:transparent url(//i1.adis.ws/i/dfs/arrow_right) no-repeat 0 5px; color:#5c2c91; font-size:1.8em; float:left; } .coreCategory .subCategories ul li a span { padding-left:18px; padding-top:0; font-weight:normal; clear:none; } .coreCategory .subCategories ul li a img { margin:0 auto; width:235px; height:122px; background:gray; display:block; } .coreCategory .subCategories { margin:20px 0; } .coreCategory ul.twocolumn { width:568px; } .coreCategory div.product { width:261px; background:#fff; float:right; padding:10px 15px; position:relative; height:360px; } .coreCategory div.product ul { height:auto; border:none; width:auto; padding:10px; } .coreCategory div.product ul li { height:auto; border:none; width:220px; padding:10px; } .coreCategory div.product ul li { border-bottom:1px solid #E8E8E8 } .coreCategory div.product ul li a{ padding:20px 0 20px 20px; background:transparent url(//i1.adis.ws/i/dfs/arrow_right) no-repeat 0 50%; } .coreCategory div.product h2 { margin:0; padding:0; } .coreCategory div.product p { color:#333; font-weight:normal; padding:0; margin:0; } .coreCategory div.product .roundel { width:84px; height:84px; background:#d10f4d; position:absolute; top:15px; right:15px; border-radius: 42px; text-align:center; font-size:1em; -webkit-box-shadow: 1px 1px 3px #292929; -moz-box-shadow: 1px 1px 3px #292929; box-shadow: 1px 1px 3px #292929; } .coreCategory div.product .roundel p { color:#fff; line-height:1.3em; margin-top:13px; } .coreCategory div.product img { margin:60px auto 30px auto; } .coreCategory div.product .roundel span { display:block; font-size:1.6em; } /* * Measuring Tips Overlay */ #measuringTipsOverlay.dialog { background: #fff url('//i1.adis.ws/i/dfs/measuringTips') no-repeat 440px 50%; width:720px; padding: 9px 25px 20px 20px; } #measuringTipsOverlay.dialog h2 { margin-bottom:5px; } #measuringTipsOverlay a.button { margin-top:.5em; padding:5px 10px; border-radius:2px; font-weight:bold } #measuringTipsOverlay ul { list-style:disc outside none; overflow:visible; width:360px; } #measuringTipsOverlay ul li { list-style:disc outside none; font-size:1.2em; margin:0 0 10px 15px; } /* * eaziGlideVideo Overlay */ #eaziGlideVideo.dialog a.close { position:relative; z-index:9999; } #eaziGlideVideo.dialog div.content { position:relative; top:-80px; margin-bottom:-80px; } /* begin: Calculator */ table#manualCalculator input.button { color:#5c2a83; font-size:1.9em; margin:0 10px 20px 0; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */ } table#manualCalculator input.button:active, table#manualCalculator input.button:hover { background: #dddddd; /* Old browsers */ background: -moz-linear-gradient(top, #dddddd 0%, #cbcbcb 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#cbcbcb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dddddd 0%,#cbcbcb 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dddddd 0%,#cbcbcb 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dddddd 0%,#cbcbcb 100%); /* IE10+ */ background: linear-gradient(to bottom, #dddddd 0%,#cbcbcb 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cbcbcb',GradientType=0 ); /* IE6-9 */ } table#manualCalculator input.calc_1_05 { height:26px; width:68px; font-size:1.2em; margin:0 10px 5px 0; } table#manualCalculator input.calc_1_1 { height:56px; width:66px; } table#manualCalculator input.calc_1_2 { height:132px; width:66px; } table#manualCalculator input.calc_1_3 { height:208px; width:66px; } table#manualCalculator .inputText { height:48px; width:136px; font-size:2.67em; text-align:right; border: 1px solid #e2e2e2; padding:4px; color:#333; margin:0 10px 20px 0; } table#manualCalculator select { margin:5px 0; height:28px; width:150px; padding:4px; font-size:1.2em; } /* end: Calculator */ /* ========================================================================== Media Queries for Responsive Design. ========================================================================== */ /* DEFAULT */ body { background: #ffffff url('//i1.adis.ws/i/dfs/FlowerPattern?$footer$') bottom left repeat-x; } body > div { /*background:#e4e1e1;*/ margin:0 auto; width:1024px; overflow:hidden } article { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(228,225,225,1) 10%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(10%,rgba(228,225,225,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,225,225,1) 10%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,225,225,1) 10%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,225,225,1) 10%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(228,225,225,1) 10%); /* W3C */ padding-bottom:20px; margin-bottom:20px; } /* iPad 1 & 2 in portrait & landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) { body > div { } #headerContent,#departments { width:1024px /* fix's layout issue with background within header */ } } /* iPad 1 & 2 in portrait*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #callMeBackOverlay.dialog { margin:250px auto /*portrait */ } #callMeBackOverlay div.chatToUS .formFields label.title { margin-right:20px; } .chatToUS .dual input { width: 180px; } #callMeBackOverlay .selectBox p { line-height: 45px; min-height: 45px; } } /* (iPad 3 & 4 ) in portrait */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) { #callMeBackOverlay.dialog { margin:250px auto /*portrait */ } #callMeBackOverlay div.chatToUS .formFields label.title { margin-right:20px; } .chatToUS .dual input { width: 180px; } #callMeBackOverlay .selectBox p { line-height: 45px; min-height: 45px; } } /* iPad 1 & 2 in landscape*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { #callMeBackOverlay.dialog { margin:21px auto /*portrait */ } #callMeBackOverlay div.chatToUS .formFields label.title { margin-right:20px; } .chatToUS .dual input { width: 180px; } #callMeBackOverlay .selectBox p { line-height: 45px; min-height: 45px; } } /* (iPad 3 & 4 ) in landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { #callMeBackOverlay.dialog { margin:42px auto /*portrait */ } #callMeBackOverlay div.chatToUS .formFields label.title { margin-right:20px; } .chatToUS .dual input { width: 180px; } #callMeBackOverlay .selectBox p { line-height: 45px; min-height: 45px; } } /* Retina iPad in portrait & landscape (iPad 3 & 4 )*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { body > div { } article { /* Fix's layout issue with screen orientation. If the height of your page is less than 1024px and the width is greater than 768px, the native zoom functionality does not work as expected. This is also true if the width of your page is greater than it's height. */ min-height: 1240px; } #callMeBackOverlay div.chatToUS .formFields label.title { margin-right:15px; } .chatToUS .dual input { width: 180px; } #callMeBackOverlay .selectBox p { line-height: 45px; min-height: 45px; } }/* @media only screen and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) { .button { height: 34px !important; font-size:2.8em } .formFields label { font-size: 2.8em; } .formFields input { font-size: 2.4em; height: 60px; }*/ @media print { * { color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } /*------------------------------ */ /*PRINT SPECIFIC*/ /*------------------------------ */ #departments, #callMe a, #tabHeaders, #CommonSearchPage, .footerLinks .fRight, .dfsEspotContent, #availableFor, footer, #frequentlyBoughtTogether, button, .button, .secondary , #viewGridListView, .favAction, .social, #viewContainer #gridListViewOptions { display:none } article .wrap { background:#fff } #storeCommon img{ margin-top:30px } #callMe { margin-top:30px; font-size:10pt } #breadCrumb ul { padding-left: 0; } /*.page-break { display: block; page-break-before: always; } */ } /* =========================================================================== Site Map ========================================================================== */ body#siteMap .titleArea { margin:20px auto 30px; } section#siteMapContent { background:#fff; width:916px; margin:0 auto 0 auto; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; padding: 19px 22px 19px 22px; position:relative; margin-bottom:20px; } section#siteMapContent .categoriesMap { float:left; width:448px; } section#siteMapContent .contentMap { float:right; width:448px; } section#siteMapContent ul.bullets a { float:none; } section#siteMapContent ul.bullets a.l_1 { display:block; font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif; font-size:1.6em; font-weight:normal; padding:5px 0 3px 10px; color:#5c2c91; background: #ffffff; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e6e6e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); /* W3C */ border:solid 1px #d4d3d3; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5); } section#siteMapContent ul.bullets .openMap span, section#siteMapContent ul.l_2 li.l_2 .openMap { background: transparent url(//i1.adis.ws/i/dfs/arrow_up) no-repeat scroll 100% 50%; display: block; margin-right: 10px; } section#siteMapContent ul.bullets .closedMap span, section#siteMapContent ul.l_2 li.l_2 .closedMap { background: transparent url(//i1.adis.ws/i/dfs/arrow_down) no-repeat scroll 100% 50%; display: block; margin-right: 10px; } section#siteMapContent ul.l_2 li.l_2 .openMap { display:inline; padding-right: 20px; } section#siteMapContent ul.l_2 li.l_2 .closedMap { display:inline; padding-right: 20px; } section#siteMapContent ul.bullets ul { margin:10px 0 10px 10px; } section#siteMapContent ul.bullets li.l_1 { padding:10px 0 0; } section#siteMapContent .mapContents { overflow:hidden; } section#siteMapContent .mapContentsTransition { -webkit-transition: height 1s ease-in-out; -moz-transition: height 1s ease-in-out; -ms-transition: height 1s ease-in-out; -o-transition: height 1s ease-in-out; transition: height 1s ease-in-out; } /* ==============================s============================================ Search Results ========================================================================== */ .searchResultsCategoryLister, #noSearchResults { background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(228,225,225,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(228,225,225,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(228,225,225,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(228,225,225,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(228,225,225,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(228,225,225,1) 100%); /* W3C */ } #noSearchResults #searchArea { margin:9px 34px 18px 59px; float:left; } .searchResultsCategoryLister #searchArea h1, #noSearchResults #searchArea h1 { color:#5c2c91; font-size:1.8em; font-family: arial ; font-weight:normal; margin-bottom:4px; } .searchResultsCategoryLister #searchArea #search, #noSearchResults #searchArea #search { color: #333; font-size: 2.4em; height: 32px; line-height: 1em; padding: 2px 7px; width: 428px; } header #SearchResultsPage span.search-icon, .searchResultsCategoryLister #searchArea span.search-icon, #noSearchResults #searchArea span.search-icon { font-size:1.2em; font-weight:bold; border: 1px solid #8440ac; color:#fff; background: #9c65c3; /* Old browsers */ background: -moz-linear-gradient(top, #9c65c3 0%, #5c2a83 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9c65c3), color-stop(100%,#5c2a83)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9c65c3 0%,#5c2a83 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9c65c3 0%,#5c2a83 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9c65c3 0%,#5c2a83 100%); /* IE10+ */ background: linear-gradient(to bottom, #9c65c3 0%,#5c2a83 100%); /* W3C */ cursor: pointer; text-decoration:none; padding: 7px 15px 6px; font-size:1.2em; font-family:arial, sans-serif; font-weight:normal; margin:0px 0 0 9px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:inline-block; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -ms-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; vertical-align:top; } header #SearchResultsPage input[type="submit"], .searchResultsCategoryLister #searchArea #search-submit, #noSearchResults #searchArea #search-submit { background: url('../images/search-Icon_1.png') no-repeat; padding: 4px 5px 5px 26px; border:none; color:#fff; text-shadow: 0px 0px 5px #8440ac; } #noSearchResults #searchArea .masthead_links_item a { float:none; font-size:1em; font-weight:bold; } #noSearchResults .advice-espot, #coreListerContent .advice-espot, #searchResults .advice-espot { background: url('//i1.adis.ws/i/dfs/bg_small_advice_container')top left no-repeat; width:263px; height:173px; float:right; padding:0 15px; margin:20px 35px 0 0; } #noSearchResults .advice-espot h2, #coreListerContent .advice-espot h2, #searchResults .advice-espot h2 { line-height:1em; margin:14px 0 0 0; white-space:nowrap; font-size:3em; color:#5c2c91; } #noSearchResults .advice-espot h3, #coreListerContent .advice-espot h3, #searchResults .advice-espot h3 { font-family: "HelveticaNeueW01-Thin",Arial,sans-serif; color:#5c2c91; margin:0; font-weight:normal } #noSearchResults .advice-espot p, #coreListerContent .advice-espot p, #searchResults .advice-espot p { color:#5c2c91; font-size:1.2em; font-family: "Arial"; margin:0; } #noSearchResults .advice-espot p a, #coreListerContent .advice-espot p a, #searchResults .advice-espot p a { color:#5c2c91; font-weight:bold; text-decoration:underline; font-size:1em; } #noSearchResults .wrap { clear:both; background: rgba(255,255,255, 0.7); border-radius: 5px 5px 0 0; } .searchResultsContainer { position:relative; } .resultsWithSideBarVisible { width:624px; float:left; } article #searchResultsSideBar a { float:none; } #searchResultsSideBar{ position:absolute; right:0; top:-30px; } .searchSideBarVisible .sideBarContent { width:270px; border:solid 1px #f4f4f4; background:#fcfcfc; margin-left:18px; -webkit-box-shadow: 0px 1px 1px 1px rgba(128, 128, 128, 0.5); box-shadow: 0px 1px 1px 1px rgba(128, 128, 128, 0.5); } .searchSideBarInvisible .sideBarContent { display:none; } #searchResultsSideBar h3 { margin-top:4px } #searchResultsSideBar ul.primaryList { margin:14px; } #searchResultsSideBar ul.primaryList li { border-top:solid 1px #e2e2e2; } #searchResultsSideBar ul.primaryList li.first { border-top:none; } #searchResultsSideBar ul.secondaryList li { margin-bottom:16px; border-top:none; } #searchResultsSideBar ul.secondaryList li strong { display:block; } #searchResultsSideBar ul.secondaryList .videoLink { padding-left:20px; background:transparent url(//i1.adis.ws/i/dfs/icon_video) 0 4px no-repeat; } #searchResultsSideBar ul.secondaryList .videoLink a strong { color:#5c2c91; } #searchResultsSideBar .sidebarResizeControls { position:absolute; width:12px; background:transparent url(//i1.adis.ws/i/dfs/sideBar_middle) 0 0 repeat-y; } .searchSideBarVisible .sidebarResizeControls { left:10px; top:0; } .searchSideBarInvisible .sidebarResizeControls { left:0px; top:0; } #searchResultsSideBar .sidebarResizeControls .top { position:absolute; left:-48px; top:0; height:39px; width:60px; background:transparent url(//i1.adis.ws/i/dfs/sideBar_top) 0 0 repeat-y; } #searchResultsSideBar .sidebarResizeControls .top a { height:22px; padding:10px 7px; color:#5c2c91; float:left; } #searchResultsSideBar .sidebarResizeControls .bottom { position:absolute; left:0; bottom:0; height:20px; width:12px; background:transparent url(//i1.adis.ws/i/dfs/sideBar_bottom) 0 0 repeat-y; } #coreList .searchSideBarInvisible .sidebarResizeControls .bottom { background-image:url(//i1.adis.ws/i/dfs/sideBar_bottom_alt); } #sendToAFriendOverlay { padding:10px 20px; } #coreListerHeaderContent.clearfix .fLeft, #sendToAFriendOverlay .clearfix .fLeft, #spouseIncomeOverlay .fLeft{ float:left; } #myFavouritesPage .fRight, #coreListerHeaderContent.clearfix .fRight, #sendToAFriendOverlay .clearfix .fRight { float:right; z-index:11; } #sendToAFriendOverlay textarea { width:99%; height:6em; font-size:1.2em; } #sendToAFriendOverlay .button { margin-right:0; } /* The following rule affects main site*/ /*article {background:#fff}*/ #navigationOne {min-height:10px;} #title{min-height:10px;} #bodyOne {min-height:10px;} #listerOne {min-height:10px;} #amplience {margin-bottom:0} #bodyTwo { } #bodyTwo .wrap { padding-right:0; margin-right:0; padding-top:0 } #bodyTwo .wrap .col p { font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif; font-size:1.4em; font-weight:normal } #bodyTwo .wrap .col:first-of-type{ width:414px; float:left; padding-top:57px } #bodyTwo .wrap .col:first-of-type img{ float:left; clear:both; margin-top:5em } #bodyTwo .wrap .col{ width:558px; float:right; padding-top:15px } #bodyTwo .wrap .col img{ float:right } #imgGroup { background: url('//i1.adis.ws/i/dfs/insperationHelpMain') no-repeat; width:1024px; height:1067px } #bodyTwo h2 { font-family: "HelveticaNeueW01-Thin",Arial,sans-serif; font-size: 3.6em; margin: 0; padding:0; line-height:1; font-weight:normal } #bodyTwo .panel { border-radius:5px; background: rgba(255,255,255,0.9); padding:15px; } #bodyTwo .panel p { font-family: "HelveticaNeueW01-45Ligh", Arial, sans-serif; font-size:1.4em; font-weight:normal; margin:0 } #bodyTwo .panel ul { clear:both } #bodyTwo .panel ul li{ float: left } #bodyTwo .panel ul li:first-of-type{ margin-right:24px } .withArrow, #bodyTwo a span { background: url("//i1.adis.ws/i/dfs/arrow_right") no-repeat scroll 0 50% transparent; color: rgb(92, 44, 145); font-family: Arial; padding-left: 20px; font-weight:bold; display:block; margin:.9em 0 } .right { padding: 0 20px 0 0; background-position: right; float:right } .firstRow { overflow:hidden; height:484px; } .firstRow .panel{ float:right; margin: 99px 138px 0 0; width: 266px; } .secondRow { overflow:hidden; height:583px; } .secondRow .col { float:left; height:583px; width:512px } .secondRow .col .panel{ margin: 365px 0 0 31px; width:303px } .secondRow .col .panel a{ float:none } .secondRow .colTwo .roundel { float: right; height: 222px; margin: 8px 15px 0 0; width: 222px; } .secondRow .colTwo .roundel p { font-family: "HelveticaNeueW01-45Ligh",Arial,sans-serif; font-size: 2.6em; line-height: 1.3; padding: 35px 37px; text-align: center; color:#fff; font-weight:normal } #bodyTwo .secondRow .colTwo .panel { margin: 47px 0 0 46px; width:345px; background:none } #bodyTwo ul.colsThree { margin-top:2em } #bodyTwo ul.colsThree li { border-right: 1px solid #E4E1E1; float: left; height: 154px; min-height: 154px; padding: 0 4px 0 20px; position: relative; width: 288px; } #bodyTwo ul.colsThree strong { color:#B2007C } #bodyTwo ul.colsThree li:first-of-type { padding-left:0 } #bodyTwo ul.colsThree li:last-of-type { border-right:none; padding-right:0 } #bodyTwo ul.colsThree li h3 { margin:.7em 0 .6em 0; color:#5C2C91; font-size:1.6em } #bodyTwo ul.colsThree li a { position:absolute; top:128px } #bodyTwo #handCraftedFinance { clear:both; background: url('//i1.adis.ws/i/dfs/handcraftedFinancePartners') no-repeat left top; height:331px; width:980px; margin-top:2em } #bodyTwo #handCraftedFinance .col h2{ margin:10px 0 0px 3px } #bodyTwo #handCraftedFinance .col p{ line-height: 1.3; margin: 10px 0 3px 4px; width: 337px; } #bodyTwo #handCraftedFinance .col a{ margin-left :4px; } #bodyTwo #handCraftedFinance .col strong{ color:#B2007C } #bodyTwo #handCraftedFinance .col:last-of-type{ margin-top: 5px; width: 337px; } #bodyTwo #handCraftedFinance .col:last-of-type h2{ margin-left: 5px; } #bodyTwo #handCraftedFinance .col:last-of-type p{ margin: 12px 0 3px 7px } #bodyTwo #handCraftedFinance .col:last-of-type a:first-of-type{ margin: 18px 0 0 5px } #bodyTwo #handCraftedFinance .col:last-of-type a{ margin-top:0px } #bodyTwo #handCraftedFinance .col:last-of-type a:last-of-type span{ margin-top:0.3em } #bodyThree {} .three-col-espot {position:relative} #bodyThree .three-col-espot p {left: 0; position: absolute; top: 84px; width: 261px;} #bodyThree .three-col-espot p a {float:none} #reviews {min-height:10px;} #listerTwo {min-height:10px;} #listerTwo .wrap {margin: 20px 17px;} #listerTwo .faqs li {float:left; margin-left: 20px; width: 292px;margin-bottom:2em} #navigationTwo .wrap { padding-top:0 } #navigationTwo li {width:20%; float:left} #navigationTwo ul {border-top:1px solid #f5f4f4;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.1);} #navigationTwo li {width:20%; float:left} #navigationTwo li a { border-right:1px solid #ecebeb; color: #5C2C91; display: block; float: none; font-family: "Arial" ,sans-serif; font-size: 1.2em; padding: 9px 0 6px 15px; text-align:center } .columns21 .two h2 { margin:0 } .columns21 .two h3 { color: #5C2C91; font-size: 2.0em; margin: 13px 0 0.6em; } .columns21 .two p { font: 1.4em "HelveticaNeueW01-45Ligh",Arial,sans-serif; } .columns21 .two .bulleted li{ list-style-image: url('//i1.adis.ws/i/dfs/bullet'); list-style-position:inside; font: 1.4em "HelveticaNeueW01-45Ligh",Arial,sans-serif; padding-right:100px; margin:.4em 0 } .columns21 .one .espot { background: none repeat scroll 0 0 #5C2C91; border-radius: 10px 10px 10px 10px; float: left; height: 161px; width: 292px; position:relative; margin:1em 0 } .columns21 .one .espot h2 { color: #FFFFFF; font-size: 3.4em; line-height: 1em; margin: 14px 0 0 20px; } .columns21 .one .espot p { left: 0; position: absolute; top: 84px; width: 261px; color: #FFFFFF; margin: 6px 0 0 20px; } .columns21 .one .espot p a{ float:none; color: #FFFFFF; font-size: 1em; font-weight: bold; text-decoration: underline; } .columns21 .one .sidePanel{ background:#f9f5f6 url('//i1.adis.ws/i/dfs/credit_bg') no-repeat left top ; padding:10px; overflow:hidden } .columns21 .one .sidePanel h2{ line-height:1; margin:0 } .columns21 .one .sidePanel li{ list-style: decimal inside none; color:#5C2C91; font: 1.2em "HelveticaNeueW01-45Ligh",Arial,sans-serif; margin:.7em 0 } .columns21 .one .sidePanel p{ font: 1.2em "HelveticaNeueW01-45Ligh",Arial,sans-serif; } .columns21 .one .sidePanel p.call{ font-size: 1.8em ; color:#5C2C91 } .columns21 table { table-layout: fixed; width: 100%; } .columns21 table thead tr th { border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:10px 7px; color:#5C2C91; font: bold 1.2em "Arial" } .columns21 table tfoot tr td { padding:14px 0 0 0 ; font: 1.2em "Arial" } .columns21 table tbody tr td { padding:12px 7px; background: url('//i1.adis.ws/i/dfs/icon_tick') no-repeat 50% 50%; text-align:center; border-left:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; font: bold 1.2em "Arial" } .columns21 table thead tr th:first-of-type, .columns21 table tbody tr td:first-of-type { border-left:none; background: none; } .columns21 table tbody tr td.noImage { background: none; } #homeWrap { text-align:center; width:740px; margin: 0 auto; } #homeWrap h1 { color:#5C2C91; margin-bottom:0 } #homeWrap p { color:#737373; font: 1.5em "HelveticaNeueW01-45Ligh",Arial,sans-serif; margin-top:0 } #homeWrap span { display:block; padding:5px 0; } #homeWrap li { float:left; width:370px; background: rgb(0,0,0); color:#fff; font-size:1.8em} #quickView {margin:20px;width:80%;height:80%} #quickView iframe {overflow:hidden;width:80%;height:80%;border:none} body#iframe {background:none} .basketCta {overflow:hidden; padding-bottom:15px} .basketCta a {font-size:1.2em;margin-top:0; margin-right:15px} .basketCta input {margin:0;padding:6px 10px 8px} select.override_small_dropdown { width:40px; margin-right:5px; } .basketItems thead tr th { padding:0; text-align:left; border:none; } .basketItems thead tr th div { padding:10px 0 10px 10px; font:bold 1.2em Arial; border:1px solid #ccc; border-right:0 } .basketItems tfoot tr span { font-size:1.1em } .basketItems tfoot tr td div, .basketItems tfoot tr td .price { padding: 15px 10px 14px; color:#fff; font-family: Arial } .basketItems tfoot tr td .total { float:right; /* font-size:1.8em */ /* Not on sysprod css - GC 07/07/14 */ } .basketItems tfoot tr td .wrappedApr{ position:absolute; width:360px; padding-right:20px } :lang(nl) .basketItems tfoot tr td .wrappedApr { width: auto; } .basketItems tfoot tr td:first-of-type div { border-radius: 3px 0 0 3px; background:#CE1580; font-weight:bold } :lang(nl) .basketItems tfoot tr td:first-of-type div { min-height: 15px } .basketItems tfoot tr td:last-of-type div { border-radius: 0 3px 3px 0; border-left:1px solid #fff; background:#CE1580; padding: 10px 10px 9px 10px; text-align:right } .basketItems tfoot tr td:last-of-type .price { color:#fff } .basketItems thead tr th:nth-child(1){ width:180px } .basketItems thead tr th:nth-child(2) { width:130px } .basketItems thead tr th:nth-child(3) { width:262px } .basketItems thead tr th:nth-child(4) { width:94px } .basketItems thead tr th:first-of-type div { border-radius: 3px 0 0 3px; } .basketItems thead tr th:last-of-type div { border-radius: 0 3px 3px 0; border-right:1px solid #e3e3e3; } .basketItems tbody tr td{ border-bottom:1px solid #ccc } .basketItems tbody tr:last-child td{ border-bottom:none; } .basketItems tbody tr td{ padding:20px 10px 20px 10px } .basketItems tbody tr td.qtyAmount{ width: 120px; } .basketItems tbody tr td:first-of-type p { color: #C5168D; font: bold 1.2em Arial; width:136px; margin-bottom:0 } .basketItems tbody tr td:first-of-type p.rangeName { color:#333; } .basketItems tbody tr td:first-of-type p.description { color:#333; font-weight:normal; margin-top:0; } .basketItems tbody tr td p span { display:block; white-space:nowrap; } table.totals { float:right; } table.totals td { font-size:1.2em; padding:5px; } table.totals td.orderTotal { font-weight:bold; } .basketItems tbody tr td p span.now { color:#C5168D; font-weight:bold; font-size:1.8em; } .basketItems tbody tr td p span.save { color:#C5168D; } .basketItems tbody tr td:first-of-type span { font: normal 1.2em Arial; } .basketItems tbody tr td:first-of-type img { width:142px; height:73px } .basketItems tbody tr td:first-of-type img.warrantyImg { width: auto; height: auto; } .basketItems tbody tr td:last-of-type { border-left:1px solid #ccc } .basketItems tbody tr td.delCount { border: 0; } #orderDetails p.item-quantity { text-align: center; } .basketItems tbody tr td ul.colourSwatch { font: bold 1.2em Arial; color:#5C2C91 } .basketItems tbody tr td ul.colourSwatch p { float: left; } .basketItems tbody tr td ul.colourSwatch .grayed { font-size:1em; font-weight:normal; float:right; margin-top:0; margin-right: 1px; } .basketItems tbody tr td ul.pricing { float:right; text-align: right; font-size:1.2em } .basketItems tbody tr td ul.pricing .promo{ color: #C5168D; font-weight: bold; } .basketItems tbody tr td:last-of-type ul.pricing { float: left; padding-left: 11px; text-align: left; } .basketItems .pseudoSwatch { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; cursor: pointer; display: block; height: 45px; margin: 0 5px 5px 0; padding: 5px; width: 45px; } .basketItems .noClear { clear:none; } .basketItems td:last-child .price { font-size: 1.8em; font-weight: bold; display: inline-block; min-width: 110px; text-align: center; padding: 0; } .basketItems tfoot td:last-child .price { color: #fff; } .promoCode label { float: left; font-weight: bold; padding: 9px 0 7px; width: 111px; } .promoCode .formFields { width:290px } .promoCode .formFields input { width: 168px; } .basketItems tbody tr td .totals { float:right; text-align:right } .basketItems tbody tr td .totals p{ font: bold 1.2em Arial; color:#C5168D } .basketItems tbody tr td .totals span{ font: 1.2em Arial; } table.phoneSalesItems { font-size:1em } .basket .checkoutSales { background:none; } .standardCheckout .checkoutSales { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(228,225,225,1) 10%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(10%,rgba(228,225,225,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,225,225,1) 10%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,225,225,1) 10%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(228,225,225,1) 10%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(228,225,225,1) 10%); /* W3C */ padding-bottom:20px; margin-bottom:20px; } .standardCheckout .checkoutSales section.deliverySummary { margin-bottom:20px; } .checkoutSales .basketItems thead tr th div { padding:10px } .checkoutSales .basketItems tbody tr td p{ margin:0; font-size:1.2em } .checkoutSales .basketItems tbody tr td.selectQtyAmount .button { float: right; margin-right: 20px; margin-top: 3px; } .checkoutSales .basketItems tbody tr td.selectQtyAmount .button img{ margin-left:0 } .checkoutSales .basketItems tbody tr td.selectQtyAmount .selectBox p{ border-style: solid none solid solid; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); border-radius: 3px; } .checkoutSales .basketItems tbody tr td.qtyAmount .button{ float: right; margin-right: 21px; padding: 5px 12px; } .checkoutSales .basketItems tbody tr td.selectQtyAmount .generic{ padding: 6px 12px; margin-top:4px; } .checkoutSales .basketItems tbody tr td.qtyAmount p{ float: left; font-size: 1.5em; font-weight: bold; padding: 4px 10px 0 0; } .checkoutSales .basketItems tbody tr td.qtyAmount p.qtyAmount{ min-height: 14px; padding: 6px 25px 4px 5px; line-height: 14px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); border-radius: 3px; border: solid 1px #d4d3d3; background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%); font-family: Arial; font-size: 12px; font-weight: normal; } .checkoutSales .basketItems tbody tr td.qtyAmount .button { margin-top:0 } .checkoutSales .basketItems tbody tr td:last-of-type { border-left:none } .checkoutSales { background:#E4E1E1 } .checkoutSales .marginBottom20 { margin-bottom: 2em } .checkoutSales section.conditionalOnPrevious .wrap { margin-top:-5px } /*This rule WAS too generic and was affecting many pages other than basket*/ body.basket .checkoutSales div.clearfix { background:#E4E1E1 } body.basket .checkoutSales .paginatedContentBlock div.clearfix, body.basket .checkoutSales footer div.clearfix { background:#fff; } .checkoutSales h3 { color:#5C2C91; margin-top:0 } .checkoutSales #employmentDetails h3, .checkoutSales #spouseDetails h3 { margin-top:30px } .checkoutSales article .wrap ul.sameRangeItems li{ font-size:1em; float:left; border:1px solid #e3e3e3; border-radius:5px; padding:10px; width:194px; margin-right:7px; border-color: #D4D3D3 ; border-image: none; border-style: solid none solid solid; border-width: 1px medium 1px 1px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); background: #E6E6E6; /* Old browsers */ background: -moz-linear-gradient(top, #fff 72%, #E6E6E6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(72%,#fff), color-stop(100%,#E6E6E6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff 72%,#E6E6E6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff 72%,#E6E6E6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff 72%,#E6E6E6 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff 72%,#E6E6E6 100%); /* W3C */ min-height: 180px; } .checkoutSales article .wrap ul.sameRangeItems li.last { margin-right:0 } .sameRangeItems li img { float:right } .sameRangeItems li a { color:#5c2a83 } .sameRangeItems li a.add { display: inline-block; padding-top: 15px; width: 100%; } .sameRangeItems li a.add span {} .sameRangeItems p { color:#B2007C } .sameRangeItems {} .sameRangeItems {} .checkoutSales header { overflow:hidden; clear:both; padding: 20px 20px 0 32px; background: #e4e1e1; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e4e1e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e1e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e4e1e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e4e1e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e4e1e1 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#e4e1e1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e1e1',GradientType=0 ); /* IE6-9 */ } .checkoutSales header h2, .checkoutSales header h3 { clear:both } .checkoutSales header.withAction h2 { clear:none; float:left; margin-top:0 } .checkoutSales header.withAction .button { clear:none; float:right } .checkoutSales article { float: left; margin-left: 32px; margin-right: 20px; width: 704px; } .checkoutSales article .wrap{ margin:0; border-radius: 10px 10px 0 0 } .checkoutSales article .wrap ul li { font-family:Arial; margin-bottom:1em } .checkoutSales aside { float: left; width: 238px; } .checkoutSales aside .module{ background:#fff; padding:20px; margin-bottom:1em; border-radius: 5px 5px 0 0; overflow:hidden } .checkoutSales aside .module dt{ font-weight:normal; width:auto; padding:0 } .checkoutSales aside .module dd{ font-weight:bold; width:auto; padding:0; float:right } #productConfiguration aside h3, .checkoutSales aside h3{ font:bold 1.2em Arial; color:#5c2c91; margin:0 0 10px 0; padding-bottom:10px; border-bottom:1px solid #e3e3e3 } #productConfiguration aside h4, .checkoutSales aside h4 { font:bold 1.2em Arial; color:#5c2c91; margin:0; padding:0; } .checkoutSales aside #quickDeliveryCharge h3{ font: 1.8em "HelveticaNeueW01-Thin",Arial,sans-serif; color:#5c2c91; margin:0; padding-bottom:20px; border-bottom:none } .checkoutSales aside #quickDeliveryCharge input { width:120px } .checkoutSales aside #quickDeliveryCharge label { width:76px } .checkoutSales aside .fRight, .checkoutSales aside #quickDeliveryCharge button { float:right; margin-top:10px } #productConfiguration aside li, .checkoutSales aside li { background: url("//i1.adis.ws/i/dfs/icon_arrow_01") no-repeat scroll 0 3px transparent; float: left; padding-left: 12px; padding-top: 3px; font-family: Arial; border-bottom:1px solid #e3e3e3; margin-bottom:1em; width:100% } .checkoutSales aside .noProducts { font:bold 1.2em Arial; color:#5c2c91; padding-left:15px } .checkoutSales aside li p{ margin-top: 0; } #productConfiguration aside #totals, .checkoutSales aside #totals { background: none repeat scroll 0 0 transparent; padding-bottom: 1em; padding-left: 0; width: 198px; overflow:hidden } #productConfiguration aside #totals div, .checkoutSales aside #totals div{ float:right } #productConfiguration aside #totals div p, .checkoutSales aside #totals div p{ font-size:1.8em; margin-bottom:0 } #productConfiguration aside #totals div:first-of-type, .checkoutSales aside #totals div:first-of-type { float:left } #productConfiguration aside #totals div:first-of-type p, .checkoutSales aside #totals div:first-of-type p{ color:#5c2c91 } #productConfiguration aside #totals div:first-of-type span, .checkoutSales aside #totals div span{ font-size:1.2em; } .checkoutSales aside #returnBasket{ border:none; margin:0; background:none; font-size:1.2em; padding-left: 0; } .checkoutSales aside { } .checkoutSales aside .espot { background: #5c2c91; width:206px; margin:0 0 2em 0; float:right; padding:0 15px; border-radius:8px; color:#fff } .checkoutSales aside .espot h2 { line-height:1em; margin:14px 0 10px 0; white-space:nowrap; font-size:3.2em; color:#fff } .checkoutSales aside .espot h3 { font-family: "HelveticaNeueW01-Thin",Arial,sans-serif; color:#fff; font-weight:normal } .checkoutSales aside .espot p { color:#fff; font-size:1.2em; } .checkoutSales aside .espot p a{ color:#fff; font-weight:bold; text-decoration:underline; font-size:1em; } .checkoutSales .intro { /*padding-left:32px*/ } .checkoutSales ul.ticked li { background: url('//i1.adis.ws/i/dfs/icon_ticked') no-repeat top left; font: 1.2em Arial; padding-left: 15px; } .checkoutSales .investmentSliders { background:none; } .checkoutSales .emailSeen { float:right } .checkoutSales .emailSeen .formFields label{ width:auto; margin-right:15px; float:right } #warrantyWrap { padding-bottom:15px; overflow:hidden; border:1px solid rgb(224,223,218); border-radius:10px; font-family:arial; margin-bottom: 2em; background: #f1f1e9; /* Old browsers */ background: -moz-linear-gradient(top, #f1f1e9 0%, #f0efea 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1e9), color-stop(100%,#f0efea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f1f1e9 0%,#f0efea 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f1f1e9 0%,#f0efea 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f1f1e9 0%,#f0efea 100%); /* IE10+ */ background: linear-gradient(to bottom, #f1f1e9 0%,#f0efea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1e9', endColorstr='#f0efea',GradientType=0 ); /* IE6-9 */ } #warrantyWrap a { font-weight:bold } #warrantyWrap .checkoutSalesNav { margin:10px 38px 0 28px } #warrantyWrap .warranty+.checkoutSalesNav { margin-top:20px; } #warrantyWrap .checkoutSalesNav a { margin:6px 0 0 0 } #warrantyWrap .checkoutSalesNav input { float:right } #warrantyWrap .warranty { background: url(//i1.adis.ws/i/dfs/warrentyBg) no-repeat top right; overflow:hidden; padding: 8px 0 20px 24px; } .warranty p{ width:446px } .warranty div, .warranty div img, .warranty div p{ float:left; clear:none; margin:0 } .warranty div { width:100%; margin: 9px 0 0 6px; } .warranty div img { margin:5px 20px 0 0 } .warranty div.financing { background-color: #fff; border: 1px solid #E0DFDA; border-radius: 10px 10px 10px 10px; overflow: hidden; width:400px; padding:23px 15px; width:294px; margin:15px 100px 0 0 } .warranty div p { width:377px } .warranty div.financing p { width:auto; } .checkoutSalesNav { overflow:hidden; clear:both; padding: 0 2px 1px 0 } .checkoutSalesNav .primary { padding: 7px 10px; margin:5px 0; } .checkoutSalesNav .generic { padding: 7px 10px; } .checkoutSales .print {float:right} .checkoutSales .padding50 {padding-bottom:50px} .checkoutSales .formFields {position:relative} .checkoutSales .formFields label {float:left; } .checkoutSales .formFields label.notLegend {float:none; display:inline; width:auto;} .checkoutSales .formFields input {float:left} .checkoutSales .formFields input.small {width:100px} .checkoutSales .formFields input.button {width:auto; margin:1px 0 0 10px} .checkoutSales .formFields img {float:left;margin-left:20px} .checkoutSales .formFields img.tooltip_icon {float:none;} .checkoutSales .formFields img.inputDateIcon{margin:8px 5px 0 2px} .checkoutSales .radioGroup div {padding-top:0} .checkoutSales .labelRight label{width:100%} .checkoutSales .formFields label.error img { margin-top: 8px ; } .checkoutSales .formFields .takeSooner {font-size:1.2em} .checkoutSales .soloButton .button {margin:0; padding:4px 10px; line-height:1.4} .checkoutSales .labelLeft a {margin:8px 0 0 3px} .checkoutSales .formFields div.findAddress {position:absolute;top:0; right:18px;width:200px; display:none; } .js .checkoutSales .formFields div.findAddress {display:block;} .checkoutSales .formFields div.findAddress p { clear: both; float: left; margin: 10px 0 0 10px;line-height:1.4} .checkoutSales .sortCode input[type="text"]{margin-right: 10px; width: 50px; } .checkoutSales .formFields{ padding:0; margin:5px 0; min-height:32px; line-height:32px; } :lang(nl) .checkoutSales .formFields.multiLine { line-height: 18px; } .checkoutSales .customRadio label, .checkoutSales .customRadioGlobal label, .checkoutSales .customRadioGlobal div.labelPlace { font-size:12px; } .checkoutSales .customRadioGlobal span.radio-container { margin-top:4px; } .checkoutSales .bankDetailsCheckBox div label.labelRight, .checkoutSales label.bankDetailConfirm { vertical-align:middle; } .checkoutSales .bankDetailsCheckBox div label.labelRight span.checkbox-container, .checkoutSales label.bankDetailConfirm span.checkbox-container { margin-top:0; float:none; display:inline-block; vertical-align:middle; } div.checkoutSales div.paymentMethod label { font-size:18px; } .checkoutSales .formFields .formFields{ margin:0; } .checkoutSales .formFields .formFields{ line-height:28px; } .checkoutSales .formFields.radioSpace div > label:first-child{ margin-right:20px; } .checkoutSales .formFields select { float: left; line-height: 32px; margin-top: 7px; margin-left:10px; } /* Custom checkboxes */ .customCheckbox input[type="checkbox"] { height: 23px; width: 23px; } .customCheckbox span.checkbox-container input { cursor: pointer; left: 0; opacity: 0; position: absolute; top: 0; z-index: 101; } .customCheckbox span.checkbox-container { float: left; margin-right: 5px; margin-top: 5px; position: relative; } .customCheckbox span.checkbox-container span.checkbox.selected { background-position: left top; } .customCheckbox span.checkbox-container span.checkbox { background: url("../images/fancyCheckbox.png") no-repeat scroll right top rgba(0, 0, 0, 0); display: block; height: 23px; width: 23px; } .checkoutSales .formFields select#personTitle { width:110px } .checkoutSales .formFields .containerForHalf { float:left; width:200px; } .checkoutSales .formFields.noHeight { height:auto; } .checkoutSales .formFields.noLineHeight { line-height:16px; } .checkoutSales .formFields label { padding:0 0 10px 0; } .checkoutSales .formFields .doubleLine { line-height:16px; padding-right:5px; width:210px; } .checkoutSales .formFields .doubleLine.full { width:400px; line-height:inherit } .checkoutSales .formFields label.inline { float:none; } .checkoutSales .formFields label.bankDetailConfirm { line-height:normal; } .checkoutSales .formFields span.input{ font-size:1.2em; } .checkoutSales .proofAddress, .checkoutSales .doubleInput { height:84px } .checkoutSales .proofAddress div, .checkoutSales .doubleInput div { clear:both; overflow:hidden; padding:10px 0 0 215px } .checkoutSales .proofAddress div input[type="text"]{ width:68px; margin-right:9px } .checkoutSales .bankDetailsCheckBox {height:auto;line-height:normal;} .checkoutSales .bankDetailsCheckBox div {float:left; padding-top:11px; width:260px} .checkoutSales .bankDetailsCheckBox div .labelRight {float:left;width:130px;} .standardCheckout .checkoutSales a.termsConditions { /*margin:0 0 0 5px;*/ } .standardCheckout .checkoutSales .radioGroup label { padding-right:10px; font-size:12px; } .checkoutSales .formFields.radioGroup .duelSelect input { margin-right:5px; } .checkoutSales .formFields input[type="checkbox"], .checkoutSales .formFields input[type="radio"] { margin-top:9px; } .checkoutSales .formFields .cardsHeld input[type="checkbox"], .checkoutSales .formFields .cardsHeld input[type="radio"], .checkoutSales .formFields .bankDetailConfirm input[type="checkbox"] { margin-top:0px; } .checkoutSales .formFields .fullOrPartTime label { margin-right:25px; } .checkoutSales .formFields .fullOrPartTime input[type="checkbox"], .checkoutSales .formFields .fullOrPartTime input[type="radio"] { margin-top:11px; } .checkoutSales .formFields .leftMargin { margin-left:216px; } .noFloat, .formFields.noFloat{ float:none; } .noMarginBotton { margin-bottom:0; } .standardCheckout .checkoutSales .formFields input[type="radio"] { margin-top:11px; } .checkoutSales .selectWithLabel div label{ width: 78px; } .checkoutSales .formFields div.duelSelect label{ width: 92px; } .checkoutSales .formFields div.duelSelect label.months{ width: 107px; } .checkoutSales .formFields div.duelSelect label.monthsEmployed { width: 100px; margin-left:15px; } .checkoutSales .formFields div.dualInput label{ width: 104px; } .checkoutSales .stayInformed { overflow:hidden; padding:0 50px 0 216px } .checkoutSales .stayInformed label { font-size:1.2em; } .checkoutSales .stayInformed label input[type='checkbox'] { vertical-align:middle } .checkoutSales .stayInformed .formFields label{ padding:0; float:none } .checkoutSales .stayInformed .formFields input{ float:none } .checkoutSales .stayInformed .checkboxGroup input{ float:left } .checkoutSales input[type="checkbox"].copyNumber{ margin-left:15px } .checkoutSales dl, .checkoutSales dt, .checkoutSales dd { border:none } .checkoutSales .ctaWrap, .checkoutSales .productWrap { overflow:hidden; clear:both; margin-bottom:1em } .checkoutSales .productImage { width:357px; float:left } .checkoutSales .productImage .openQuickView { float:right; background:url('//i1.adis.ws/i/dfs/icon_quickview') no-repeat; height:39px; width:39px; margin-right:15px } .checkoutSales h3.updateHeading { color:#c5158d; font-size:2.4em; margin:0 } .checkoutSales .hideDetails { display:none } table.wpsItems { width:100%; table-layout:fixed; margin-bottom:1.5em } table.wpsItems td { font-size:1.2em } table.wpsItems thead th { border:none } table.wpsItems th:first-of-type div { border-radius:3px 0 0 3px; border: 1px solid #CCCCCC; border-right:none } table.wpsItems th:last-of-type div { border-radius:0 3px 3px 0; border: 1px solid #CCCCCC; } form[action='PSOrderDetailsUpdateCmd'] { margin-bottom:20px; } .checkoutSales .productInfoOptions, .checkoutSales .supportingProductDetails { float:right; width:292px } .checkoutSales .supportingProductDetails .pricingModule{ width:274px } .checkoutSales .quantityWrap label { float:left; padding: 12px 0 0; width:66px } .quantityWrap input.button { width:auto } .quantityWrap a { float: left; font-size: 2.2em; height: 20px; line-height: 20px; margin-right: 10px; text-align: center; width: 20px;} .quantityWrap a.dec { height: 22px; line-height: 22px; padding-top: 2px;} .quantityWrap span {font-weight:700 } .checkoutSales .supportingProductDetails .swatchGroup, .checkoutSales .supportingProductDetails .swatchGroup li.miniSwatch { clear:both } .checkoutSales .productInfoOptions p.selectedOption strong, .checkoutSales .supportingProductDetails p.selectedOption strong { color: #5C2C91; } .checkoutSales .supportingProductDetails .swatchGroup span.option { color: #5C2C91; float: left; left: 58px; padding-left: 10px; position: absolute; top: 20px; width: 232px; font:bold 1.2em "Arial" } .checkoutSales .supportingProductDetails .swatchGroup li.updateOrder { float: right; padding: 9px 1px 0 0; } .checkoutSales .supportingProductDetails .productInfoOptions p:first-of-type { float:left; margin-top:.6em; padding-right:20px } .checkoutSales .supportingProductDetails input[type="submit"]{ float:right } .checkoutSales .supportingProductDetails .headingWithAction{ padding-right: 50px; position: relative; width: 242px; } .checkoutSales .supportingProductDetails .headingWithAction a{ position: absolute; right: 0; top: 0; padding-left:10px; padding-right:10px; } .checkoutSales .supportingProductDetails .toggleColours { float:left; clear:both } .checkoutSales .chosedColourSwatchDisplay { clear:both } .checkoutSales .associatedColourSwatches ul.coverType_Fabric_Small { width:auto } .checkoutSalesLogin { padding:10px; overflow:hidden; background: #fff } .checkoutSalesLogin label { width:72px } .checkoutSalesLogin input[type="text"]{ width:144px } .checkoutSalesLogin a { float:right; clear:both; font:1.2em Arial } .checkoutSalesLogin .primary { margin: 5px 0; padding: 4px 10px; } .checkoutSales .detailsModule { float:left; width:100%; clear:both } .checkoutSales .detailsModule a { float:right } .checkoutSales .helpStrengthen { border: 1px solid #eee; border-radius :5px; padding:0 10px; margin-bottom:1.5em } .checkoutSales .helpStrengthen p { margin: .5em 0 } .checkoutSales .paymentMethod { overflow:hidden; padding:10px 10px 10px 23px; margin-bottom:2em } .standardCheckout .checkoutSales .paymentMethod .formFields { height:auto; } .checkoutSales .paymentMethod label{ color: #5c2c91; font-size:1.8em; font-weight:normal; padding-top:0; font-family: "HelveticaNeueW01-Thin",Arial,sans-serif } .checkoutSales .paymentMethod label input{ margin-top:6px } .checkoutSales .paymentCards, .standardCheckout .checkoutSales .paymentCards{ background:#fff } .checkoutSales .paymentCards img{ margin-right:10px; float:left } .checkoutSales .paymentMethod .button{ margin-bottom:10px; } .checkoutSales .paymentMethod.selected { border:10px solid #5c2c91; } .checkoutSales .paymentMethod.deselected{ border:10px solid #fff; } .checkoutSales .relative { position:relative } .checkoutSales .paymentMethod .ifcIntro p:first-child { width:390px; float:left } .checkoutSales .paymentMethod .aprRep{ border: 1px solid #B5B5B5; border-radius: 9px 9px 9px 9px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); color: #C5158D; float: right; font: bold 1.8em "Arial"; padding: 10px 20px; text-align: center; width: 142px; position:absolute; top:20px; right:20px } .checkoutSales .paymentMethod .ifcIntro ul { font-size:1.2em; clear:left } .confirmDpn { border: 1px solid #EDEDED; border-radius: 10px 10px 10px 10px; margin-bottom: 2em; overflow: hidden; padding: 0 10px } .checkoutSales .paymentMethod .ifcIntro ul li { font-family: Arial; list-style: disc inside none; margin-bottom: 1em; padding-left: 2px; } .checkoutSales ul.disc li{ font: 1.2em Arial; list-style: disc outside none; margin-bottom: 1em; margin-left: 15px; width:502px } .checkoutSales .concerns { border:1px solid #e1e1e1; border-radius:5px; width: 388px;; padding:0 15px } .checkoutSales .concerns p:last-of-type { margin-bottom:0 } .checkoutSales .concerns .callNumbers { font-weight:bold; font-size: 2.4em; margin:0; } .checkoutSales .orderDetails { overflow:hidden; clear:both; padding-top:1em } .checkoutSales .orderDetails h3 { float:left } .checkoutSales .orderDetails input { float:right; margin:0; padding: 5px 9px; } .checkoutSales .orderDetails span.normal { display: inline-block; font: 1.2em "HelveticaNeueW01-45Ligh",Arial,sans-serif; padding: 6px; } .checkoutSales dl.orderDetails {} .checkoutSales dl.orderDetails dt { font-weight:normal; padding-left:0; width:209px } .checkoutSales dl.orderDetails dd { font-style: italic; } .checkoutSales header#swatchPaid { margin-bottom: 2em; padding: 20px 30px 0 32px; } .checkoutSales header#swatchPaid .headWrap { background:#fff; overflow:hidden; padding:20px 20px 0 20px; clear:both } .checkoutSales header#swatchPaid h2 { color: #5C2C91; margin-top: 0; font: bold 1.8em Arial; } .checkoutSales header#swatchPaid .records { float:left; width:441px } .checkoutSales header#swatchPaid .espot { float:right; } .additionalInfo { } .additionalInfo textarea { height: 139px; width: 495px; font: 1.2em Arial; } .additionalInfo .close{ float:left } .additionalInfo input[type='submit']{ margin: 5px 0 0; padding: 4px 10px; } .checkoutSales .createOrder { margin-right: 268px; } .checkoutSales .createOrder input{ margin:0 } .checkoutSales .keyInformation { overflow:hidden; clear:both } .checkoutSales .keyInformation div { float:left; width:390px } .checkoutSales .keyInformation div span{ color:#ff0000 } .checkoutSales .keyInformation div span.months{ display:inline-block; width:100px; text-align:center } .checkoutSales .keyInformation dl{ float:left; width:274px } .checkoutSales .keyInformation dl dt{ font-weight:normal; padding-right:0; padding-left:0; width:50%; text-align:right } .checkoutSales .keyInformation dl dd{ font-weight:bold; width:auto } .tooltipWrapper img {display:block; } .tooltipWrapper {float:left} .tooltipWrapper div { background: none repeat scroll 0 0 #FFFFFF; border-color: #CE1580 #E3E3E3 #E3E3E3; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 5px 1px 1px; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.2) inset; display: none; float: left; line-height: 1.4; padding: 10px; /* position: absolute; right: 223px; top: 41px;*/ width: 250px; z-index: 999; } .tooltipWrapper div::before { content: ''; border-bottom: 7px solid #CE1580; border-left: 7px solid transparent; border-right: 7px solid transparent; height: 0; width: 0; right:18px; position:absolute; top:-11px; } .tooltipWrapper .show { display: block; position: absolute; right: -10px; top: 39px; } .tooltipWrapper div p {margin:0} .toolTipConainer { position:relative; padding-bottom:10px } .tooltip { color:#5c2c91; font-weight:bold } .tooltip p { background: none repeat scroll 0 0 #FFFFFF; border-color: #CE1580 #E3E3E3 #E3E3E3; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 5px 1px 1px; bottom: 9999px; color: #000000; font: 1em Arial; opacity: 0; padding: 5px 7px 10px; position: absolute; right: 24%; top: 26px; transition: opacity 0.6s ease-out .01s; width: 260px; z-index: 999; } .tooltip p::before { content: ''; border-bottom: 7px solid #CE1580; border-left: 7px solid transparent; border-right: 7px solid transparent; height: 0; width: 0; right:18px; position:absolute; top:-10px; } .tooltip:hover p { opacity: 1; bottom:-115px; } a.tooltip p strong { line-height:24px } .toolTipConainer img {position:relative} .toolTipConainer div { display:none; background: none repeat scroll 0 0 #FFFFFF; border-color: #CE1580 #E3E3E3 #E3E3E3; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 5px 1px 1px; bottom: 9999px; color: #000000; font: 1em Arial; height: auto; padding: 5px 7px 10px; transition: opacity 0.6s ease-out 0.01s; width: 260px; z-index: 999; } .toolTipConainer div.showTip {display:block} /* #branchLookupOverlay */ #branchLookupOverlay h3 { margin-top:0; float:left; } #branchLookupOverlay a.close { margin-top:0; margin-right:0; } #branchLocatorList { min-height:100px; max-height:250px; overflow:auto; clear:both; } #branchLocatorList li { font-size:1.2em; margin:0.1em 0; } #branchLocatorList li input { vertical-align:bottom; margin:5px 5px 0 0; } #branchLocatorList li label { float:none; } #qasOverlay h3 { margin-top:0; float:left; } #qasOverlay a.close { margin-top:0; margin-right:0; } div#qasList { height:250px; min-height:150px; max-height:250px; overflow:auto; clear:both; -webkit-overflow-scrolling: touch; } div#qasList ul li { font-size:1.2em; margin:0.1em 0; } div#qasList ul li input { vertical-align:bottom; margin:5px 5px 0 0; } div#qasList ul li label { float:none; } .qasAddressItem span.radio { position: absolute; left: 0; } .qasAddressItem span.address-text { -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 30px; display:inline-block; } #selectRepaymentsSlider, #selectDepositSlider { width:439px; height:10px; position:relative; padding:20px 24px; clear:both;; margin-left: 89px; } #selectRepaymentsSlider img, #selectDepositSlider img { margin:0; z-index:20; } #selectRepaymentsSlider #repayment_slider_rule, #selectDepositSlider #deposit_slider_rule { position:absolute; top:20px; left:56px; } #selectRepaymentsSlider #repayment_slider_minus, #selectDepositSlider #deposit_slider_minus { position:absolute; top:7px; left:0px; } #selectRepaymentsSlider #repayment_slider_plus, #selectDepositSlider #deposit_slider_plus { position:absolute; top:7px; right:0px; } #selectRepaymentsSlider #repayment_slider_marker , #selectDepositSlider #deposit_slider_marker { width:400px; height:49px; position:absolute; top:4px; left:32px; } #selectDepositSlider #deposit_slider_marker div { position:absolute; top:25px; font-size:1.2em; } #selectDepositSlider #deposit_slider_marker div.perc0 { left:25px; } #selectDepositSlider #deposit_slider_marker div.perc10 { left:83px; } #selectDepositSlider #deposit_slider_marker div.perc20 { left:155px; } #selectDepositSlider #deposit_slider_marker div.perc30 { left:228px; } #selectDepositSlider #deposit_slider_marker div.perc40 { left:303px; } #selectDepositSlider #deposit_slider_marker div.perc50 { right:0px; } #selectDepositSlider #deposit_slider_marker div.opPerc10 { left:15px; } #selectDepositSlider #deposit_slider_marker div.opPerc50 { left:200px; } #selectDepositSlider #deposit_slider_marker div.opPerc90 { right:-12px; } #repayment_slider_marker #repayMarkers { position:absolute; width:375px; top:0px; left:25px; } #repayment_slider_marker #repayMarkers div.marker { position:absolute; top:25px; font-size:1.2em; } #deposit_value, #repayment_months{ display:inline-block; } #deposit_value, #balance_value{ font-size:1.25em; } #deposit_value span, #balance_value span{ font-size:0.8em; } #deposit_value + #balance_value{ margin-left:1em; } .monPay label { width:auto; } .monPay label span { padding:0 10px 0 5px;; font-weight:bold; } .recentlyViewedItems { margin-bottom:50px; position:relative; background:#fff; } .recentlyViewedItems h2 { margin-left:57px; } .recentlyViewedItems .paginatedContentBlock { margin:0 auto; } .recentlyViewedItems ul.subnav li { display:block; width: 234px; height:150px; float:left; text-align:center; border-right:1px solid #ececec; } .recentlyViewedItems ul.subnav li:nth-child(4), .recentlyViewedItems ul.subnav li:last-child { border-right:none; } .recentlyViewedItems ul.subnav li img { float:none; } .recentlyViewedItems ul.subnav li p { margin:0; } .recentlyViewedItems ul.subnav li a { display:block; } .recentlyViewedItems ul.subnav li p a.productName { color:#471E81; } .recentlyViewedItems ul.subnav li p.rangeProduct { color: #5C2C91; padding-top: 13px; } .recentlyViewedItems ul.subnav li .pricing { color:#B2007C; font-size:1.2em; font-weight:bold; } .recentlyViewedItems ul.subnav li span { clear: both; color: #5C2C91; display: block; font: 1.2em 'Arial'; padding-top: 10px; } .recentlyViewedItems ul.subnav li span.noItem { color: #CCCCCC; font-weight: bold; } .recentlyViewedItems .paginatedContentBlock .pagination ul li.prev a { background:transparent url(../images/dfs/sprite.png) no-repeat 0 -198px; height:64px; width:35px; position:absolute; top:100px; left:0px; } .recentlyViewedItems .paginatedContentBlock .pagination ul li.next a { background:transparent url(../images/dfs/sprite.png) no-repeat 0 -272px; height:64px; width:35px; position:absolute; top:100px; right:0px; } #timedOut section { border-top-right-radius: 5px; border-top-left-radius: 5px; background:#fff; padding:0px 20px 20px 20px; } .oops #mainWrap { background: transparent url(//i1.adis.ws/i/dfs/bgOops) no-repeat scroll bottom right; } #pageNotFound > .innerWrap > article { background: url(//i1.adis.ws/i/dfs/pageNotFound) no-repeat scroll; height:449px; position:relative; } #pageNotFound > .innerWrap > article .panel { position:absolute; top:30px; left:55px; width:321px; } #pageNotFound > .innerWrap > article .panel > h1 { font-size:4.9em; } #pageNotFound > .innerWrap > article.panel > a { background:transparent url(//i1.adis.ws/i/dfs/arrow_right) no-repeat scroll 0 50%; padding-left:20px; color: #5C2C91; font-size:1.2em; } /* #departments .relatedContent { height: 0px; } #departments .relatedContent{ height: 200px; -webkit-transition: height 1s linear; -moz-transition: height 1s linear; transition: height 1s linear; } */ #callMeBackOverlay div.labelRight label span.min15 span {color:rgb(178, 0, 124); font-size:1.2em; font-weight:bold} .hide { display:none; } #loadingAnim { width: 100%; position: fixed; top: 0; left: 0; z-index: 1600; } #loadingAnim img { position: absolute; top: 15%; left: 50%; margin-left: -16px; } /* ========================================================================== Exclusive Brands Category Page ========================================================================== */ #exclusiveBrandsCategory ul.exclusiveBrands .last { margin-right:0; } #exclusiveBrandsCategory #ebSpots { margin:0 0 0 33px; } #exclusiveBrandsCategory #ebSpots .two-col-espot h2 { white-space:normal; font-size:3em; } #exclusiveBrandsCategory section#ebSpots .two-col-espot { margin-left:20px; } /* ========================================================================== Exclusive Brands PDP ========================================================================== */ #ExclusiveBrands_HouseBeautiful article#rangePDP { background: #f0e2ee; } #ExclusiveBrands_HouseBeautiful article#rangePDP section { background:none; } #ExclusiveBrands_HouseBeautiful article#rangePDP header #rangeHeaderImg { width:916px; overflow:hidden; height:590px; position:absolute } #ExclusiveBrands_HouseBeautiful article#rangePDP header img#rangeImg { width:auto; position:absolute; left:0px; top:0px; } #ExclusiveBrands_HouseBeautiful article#rangePDP header { background:#fff; margin:20px 32px; padding:20px 22px; position:relative; } #ExclusiveBrands_HouseBeautiful article#rangePDP header .roundelEspot { z-index:100; right:565px; } #ExclusiveBrands_HouseBeautiful article#rangePDP header #productInfo { position:absolute; top:38px; left:36px; background:none; width:283px; margin:0; padding:0; background:#fff; opacity:0.9; filter:alpha(opacity=90); border-radius: 0; } #ExclusiveBrands_HouseBeautiful article#rangePDP header a.button { margin:20px 20px 0 0; } #ExclusiveBrands_HouseBeautiful article#rangePDP header #productInfo h1 { font-weight:normal; font-family:"Museo Slab W01 100"; color:#010101; text-align:center; text-transform:uppercase; font-size:2.1em; padding:10px; margin:25px 20px 10px 20px; border-top:1px solid #010101; border-bottom:1px solid #010101; text-align:center; } #ExclusiveBrands_HouseBeautiful article#rangePDP header #productInfo p { font-family:"Arial"; margin:0; width:235px; display:block; margin:0 20px 20px 20px; padding:0; font-size:1.2em; } #ExclusiveBrands_HouseBeautiful article#rangePDP .dfsAmplienceSpot .ampHeading h3 { font-family:"Museo Slab W01 100"; color:#333; font-size:2.1em; font-weight:normal; } #ExclusiveBrands_HouseBeautiful article#rangePDP .finacials p, #ExclusiveBrands_HouseBeautiful article#rangePDP .finacials span { font-family:Arial; color:#333; } #ExclusiveBrands_HouseBeautiful article#rangePDP .pricingModule { border:1px solid #ddd; background:none; width:auto; height:auto; padding:10px; } #ExclusiveBrands_HouseBeautiful article#rangePDP .pricingModule div.lowPrice { background:#f0e2ee url("//i1.adis.ws/i/dfs/bgPriceSep.png") no-repeat 100% 7px; width:88px; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_HouseBeautiful article#rangePDP .pricingModule div.fullPrice { background:#f0e2ee; width:145px; height:60px; padding:5px 10px 0 5px; } #ExclusiveBrands_HouseBeautiful article#rangePDP .pricingModule>p { background:#bcd4fc; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_HouseBeautiful article#rangePDP .pricingModule div.fullPrice span.label3, #ExclusiveBrands_HouseBeautiful article#rangePDP .pricingModule div.fullPrice span.saving, #ExclusiveBrands_HouseBeautiful article#rangePDP .pricingModule p { font-family:"HelveticaNeueW01-45Ligh"; color:#333; font-size:1.3em; font-weight:normal; width:160px; } #ExclusiveBrands_HouseBeautiful article#rangePDP .pricingModule span { font-weight:normal; } #ExclusiveBrands_HouseBeautiful article#rangePDP #frequentlyBoughtTogether .mini span, #ExclusiveBrands_HouseBeautiful article#rangePDP .pricingModule div.lowPrice span { color:#666666; font-size:2.5em; font-weight:normal; } :lang(nl) #ExclusiveBrands_HouseBeautiful article#rangePDP #frequentlyBoughtTogether .mini span, :lang(nl) #ExclusiveBrands_HouseBeautiful article#rangePDP .pricingModule div.lowPrice span { font-size: 2.5em; } #ExclusiveBrands_HouseBeautiful article#rangePDP #frequentlyBoughtTogether .mini p { background:none; height:auto; width:auto; padding:5px 0; font-weight:bold; color:#666666; } #ExclusiveBrands_HouseBeautiful article#rangePDP #productInfo ul.linkEspot { background:#fff; opacity:0.9; filter:alpha(opacity=90); border-radius: 0; margin:0; width:235px; display:block; margin:0 13px; padding:10px; z-index:90; position:relative; font-family:Georgia; font-size:1.2em; } #ExclusiveBrands_HouseBeautiful article#rangePDP #productInfo ul.linkEspot li, #ExclusiveBrands_HouseBeautiful article#rangePDP .columns21 .one #options li { background: url("//i1.adis.ws/i/dfs/arrow_optionHB.png") no-repeat scroll 0 50% transparent; } #ExclusiveBrands_HouseBeautiful article#rangePDP #productInfo ul.linkEspot li a, #ExclusiveBrands_HouseBeautiful article#rangePDP .columns21 .one #options li a { font-family:Arial; color:#b51a8a; font-weight:bold; } #ExclusiveBrands_HouseBeautiful article#rangePDP ul.swatchTabs li a { color:#b51a8a; } #ExclusiveBrands_HouseBeautiful article#rangePDP ul.swatchTabs li.selected a { color:#333; } #ExclusiveBrands_HouseBeautiful article#rangePDP #frequentlyBoughtTogether h2, #ExclusiveBrands_HouseBeautiful article#rangePDP section#productInformation h2 { font-family:"Museo Slab W01 100"; color:#333; font-weight:normal; font-size:3em; } #ExclusiveBrands_HouseBeautiful article#rangePDP section#productInformation h3 { font-family:"Museo Slab W01 100"; color:#333; font-weight:normal; font-size:2.1em; } #ExclusiveBrands_HouseBeautiful article#rangePDP section#productInformation ol li, #ExclusiveBrands_HouseBeautiful article#rangePDP section#productInformation ul.information li { font-family:"Arial"; font-weight:normal; font-size:1em; } #ExclusiveBrands_HouseBeautiful article#rangePDP section#productInformation ol li a, #ExclusiveBrands_HouseBeautiful article#rangePDP section#productInformation ul.information li a { color:#b51a8a; } #ExclusiveBrands_HouseBeautiful article#rangePDP section#productInformation .advice-espot { font-family:"Museo Slab W01 100"; border:1px solid #ddd; background:none; padding:10px; width:278px; height:auto; } #ExclusiveBrands_HouseBeautiful article#rangePDP section#productInformation .advice-espot h2 { color:#b51a8a; background:#f0e2ee; margin:0; padding:20px 20px 0 20px; white-space:normal; } #ExclusiveBrands_HouseBeautiful article#rangePDP section#productInformation .advice-espot h3 { color:#333; background:#f0e2ee; margin:0; padding:10px 20px; font-size:1.6em; } #ExclusiveBrands_HouseBeautiful article#rangePDP section#productInformation .advice-espot p { color:#333; background:#f0e2ee; margin:0; padding:0 20px 30px 20px; font-size:1.2em; } #ExclusiveBrands_HouseBeautiful article#rangePDP section#productInformation .advice-espot a { color:#333; background:#f0e2ee; margin:0; padding:0 20px 0px 0px; font-size:1em; } #ExclusiveBrands_HouseBeautiful article#rangePDP section#productInformation h3 span { font-family:"Museo Slab W01 100"; } #ExclusiveBrands_HouseBeautiful article#rangePDP ul.productRange li p.rangeProduct { font-family:Arial; color:#707070; } #ExclusiveBrands_HouseBeautiful article#rangePDP ul.productRange li p.salePrice, #ExclusiveBrands_HouseBeautiful article#rangePDP ul.productRange li p.price { color: #b51a8a; font-family:Arial; font-weight:normal; } #ExclusiveBrands_HouseBeautiful article#rangePDP .sectionHeading h2, #ExclusiveBrands_HouseBeautiful article#rangePDP .sectionHeading h3, #ExclusiveBrands_HouseBeautiful article#rangePDP .headingWithAction h2, #ExclusiveBrands_HouseBeautiful article#rangePDP .headingWithAction h3 { color: #333; font-family:"Museo Slab W01 100"; font-weight:normal; font-size:3em; margin:0; } #ExclusiveBrands_HouseBeautiful article#rangePDP section .dfsEspotContent .two-col-espot { background:#b51a8a; border-radius:0; font-family:"Museo Slab W01 100"; padding:30px 20px; width:408px; height:90px; } #ExclusiveBrands_HouseBeautiful article#rangePDP section .dfsEspotContent .two-col-espot h2, #ExclusiveBrands_HouseBeautiful article#rangePDP section .dfsEspotContent .two-col-espot p { font-family:"Museo Slab W01 100"; margin:0; padding:0 0 10px 0; } #ExclusiveBrands_HouseBeautiful article#rangePDP section .dfsEspotContent .three-col-espot { background:#b51a8a; border-radius:0; font-family:"Museo Slab W01 100"; padding:30px 20px; width:252px; height:97px; } #ExclusiveBrands_HouseBeautiful article#rangePDP section .dfsEspotContent .three-col-espot h2, #ExclusiveBrands_HouseBeautiful article#rangePDP section .dfsEspotContent .three-col-espot p { font-family:"Museo Slab W01 100"; margin:0; padding:0 0 10px 0; } #ExclusiveBrands_CountryLiving article#rangePDP { background: transparent url("//i1.adis.ws/i/dfs/bgCountryLiving.png"); } #ExclusiveBrands_CountryLiving article#rangePDP section { background:none; } #ExclusiveBrands_CountryLiving article#rangePDP header #rangeHeaderImg { width:916px; overflow:hidden; height:590px; position:absolute; } #ExclusiveBrands_CountryLiving article#rangePDP header img#rangeImg { width:auto; position:absolute; left:0px; top:0px; } #ExclusiveBrands_CountryLiving article#rangePDP header { background:#fff; margin:20px 32px; padding:20px 22px; position:relative; } #ExclusiveBrands_CountryLiving article#rangePDP header .roundelEspot { z-index:100; right:565px; } #ExclusiveBrands_CountryLiving article#rangePDP header #productInfo { position:absolute; top:38px; left:36px; background:none; width:283px; margin:0; padding:0; } #ExclusiveBrands_CountryLiving article#rangePDP header a.button { margin:20px 20px 0 0; } #ExclusiveBrands_CountryLiving article#rangePDP header #productInfo h1 { background: transparent url("//i1.adis.ws/i/dfs/bgCLTitle.png") no-repeat; font-family:Georgia; color:#fff; text-align:center; text-transform:uppercase; font-size:2.1em; padding:33px 0; margin:0 0 -30px 0; z-index:100; display:block; position:relative; } #ExclusiveBrands_CountryLiving article#rangePDP header #productInfo p { background:#fff; opacity:0.9; filter:alpha(opacity=90); border-radius: 0; margin:0; width:235px; display:block; margin:0 13px; padding:40px 10px 20px 10px; z-index:90; position:relative; font-family:Georgia; font-size:1.2em; } #ExclusiveBrands_CountryLiving article#rangePDP .dfsAmplienceSpot .ampHeading h3 { font-family:Georgia; color:#707070; font-size:2.1em; font-weight:normal; } #ExclusiveBrands_CountryLiving article#rangePDP .finacials p, #ExclusiveBrands_CountryLiving article#rangePDP .finacials span { font-family:Georgia; color:#333; } #ExclusiveBrands_CountryLiving article#rangePDP .pricingModule { border:1px solid #ddd; background:none; width:auto; height:auto; padding:10px; } #ExclusiveBrands_CountryLiving article#rangePDP .pricingModule div.lowPrice { background:#edede6 url("//i1.adis.ws/i/dfs/bgPriceSep.png") no-repeat 100% 7px; width:88px; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_CountryLiving article#rangePDP .pricingModule div.fullPrice { background:#edede6; width:145px; height:60px; padding:5px 10px 0 5px; } #ExclusiveBrands_CountryLiving article#rangePDP .pricingModule>p { background:#edede6; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_CountryLiving article#rangePDP .pricingModule div.fullPrice span.label3, #ExclusiveBrands_CountryLiving article#rangePDP .pricingModule div.fullPrice span.saving, #ExclusiveBrands_CountryLiving article#rangePDP .pricingModule p { font-family:Georgia; color:#333; font-size:1.3em; font-weight:normal; width:185px; } #ExclusiveBrands_CountryLiving article#rangePDP .pricingModule span { font-weight:normal; } #ExclusiveBrands_CountryLiving article#rangePDP #frequentlyBoughtTogether .mini span, #ExclusiveBrands_CountryLiving article#rangePDP .pricingModule div.lowPrice span { font-family:Georgia; color:#707070; font-size:2.5em; font-weight:normal; } #ExclusiveBrands_CountryLiving article#rangePDP #frequentlyBoughtTogether .mini p { background:none; height:auto; width:auto; padding:5px 0; font-weight:bold; color:#707070; } #ExclusiveBrands_CountryLiving article#rangePDP #productInfo ul.linkEspot { background:#fff; opacity:0.9; filter:alpha(opacity=90); border-radius: 0; margin:0; width:235px; display:block; margin:0 13px; padding:10px; z-index:90; position:relative; font-family:Georgia; font-size:1.2em; } #ExclusiveBrands_CountryLiving article#rangePDP #productInfo ul.linkEspot li, #ExclusiveBrands_CountryLiving article#rangePDP .columns21 .one #options li { background: url("//i1.adis.ws/i/dfs/arrow_optionCL.png") no-repeat scroll 0 50% transparent; } #ExclusiveBrands_CountryLiving article#rangePDP #productInfo ul.linkEspot li a, #ExclusiveBrands_CountryLiving article#rangePDP .columns21 .one #options li a { font-family:Georgia; color:#707070; font-weight:normal; } #ExclusiveBrands_CountryLiving article#rangePDP ul.swatchTabs li a { font-family:Georgia; color:#82c7b2; font-weight:bold; } #ExclusiveBrands_CountryLiving article#rangePDP ul.swatchTabs li.selected a { color:#333; } #ExclusiveBrands_CountryLiving article#rangePDP .colourTabContainer .allColourSwatches div.clearfix p { font-family:Georgia; } #ExclusiveBrands_CountryLiving article#rangePDP #frequentlyBoughtTogether h2, #ExclusiveBrands_CountryLiving article#rangePDP section#productInformation h2 { font-family:Georgia; color:#707070; font-weight:normal; font-size:3em; } #ExclusiveBrands_CountryLiving article#rangePDP section#productInformation h3 { font-family:Georgia; color:#707070; font-weight:normal; font-size:2.1em; } #ExclusiveBrands_CountryLiving article#rangePDP section#productInformation ol li, #ExclusiveBrands_CountryLiving article#rangePDP section#productInformation ul.information li { font-family:Georgia; font-weight:normal; font-size:1em; } #ExclusiveBrands_CountryLiving article#rangePDP section#productInformation ol li a, #ExclusiveBrands_CountryLiving article#rangePDP section#productInformation ul.information li a { color:#82c7b2; } #ExclusiveBrands_CountryLiving article#rangePDP section#productInformation .advice-espot { font-family:Georgia; border:1px solid #ddd; background:none; padding:10px; width:278px; height:auto; } #ExclusiveBrands_CountryLiving article#rangePDP section#productInformation .advice-espot h2 { color:#948671; background:#edede6; margin:0; padding:20px 20px 0 20px; } #ExclusiveBrands_CountryLiving article#rangePDP section#productInformation .advice-espot h3 { color:#333; background:#edede6; margin:0; padding:10px 20px; font-size:1.6em; } #ExclusiveBrands_CountryLiving article#rangePDP section#productInformation .advice-espot p { color:#333; background:#edede6; margin:0; padding:0 20px 30px 20px; font-size:1.2em; } #ExclusiveBrands_CountryLiving article#rangePDP section#productInformation .advice-espot a { color:#333; background:#edede6; margin:0; padding:0 20px 0px 0px; font-size:1.2em; display:block; } #ExclusiveBrands_CountryLiving article#rangePDP section#productInformation h3 span { font-family:Georgia; } #ExclusiveBrands_CountryLiving article#rangePDP ul.productRange li p.rangeProduct { font-family:Georgia; color:#707070; } #ExclusiveBrands_CountryLiving article#rangePDP ul.productRange li p.salePrice, #ExclusiveBrands_CountryLiving article#rangePDP ul.productRange li p.price { color: #82c7b2; font-family:Georgia; font-weight:normal; } #ExclusiveBrands_CountryLiving article#rangePDP .sectionHeading h2, #ExclusiveBrands_CountryLiving article#rangePDP .sectionHeading h3, #ExclusiveBrands_CountryLiving article#rangePDP .headingWithAction h2, #ExclusiveBrands_CountryLiving article#rangePDP .headingWithAction h3 { color: #707070; font-family:Georgia; font-weight:normal; font-size:3em; margin:0; } #ExclusiveBrands_CountryLiving article#rangePDP section .dfsEspotContent .two-col-espot { background:#948671; border-radius:0; font-family:Georgia; padding:30px 20px; width:408px; height:90px; } #ExclusiveBrands_CountryLiving article#rangePDP section .dfsEspotContent .two-col-espot h2, #ExclusiveBrands_CountryLiving article#rangePDP section .dfsEspotContent .two-col-espot p { font-family:Georgia; margin:0; padding:0 0 10px 0; } #ExclusiveBrands_CountryLiving article#rangePDP section .dfsEspotContent .three-col-espot { background:#948671; border-radius:0; font-family:Georgia; padding:30px 20px; width:252px; height:97px; } #ExclusiveBrands_CountryLiving article#rangePDP section .dfsEspotContent .three-col-espot h2, #ExclusiveBrands_CountryLiving article#rangePDP section .dfsEspotContent .three-col-espot p { font-family:Georgia; margin:0; padding:0 0 10px 0; } #ExclusiveBrands_CapsuleCollection article#rangePDP { #background: E9E2DA; } #ExclusiveBrands_CapsuleCollection article#rangePDP section { background:none; } #ExclusiveBrands_CapsuleCollection article#rangePDP header #rangeHeaderImg { width:916px; overflow:hidden; height:590px; position:absolute; } #ExclusiveBrands_CapsuleCollection article#rangePDP header img#rangeImg { width:auto; position:absolute; left:0px; top:0px; } #ExclusiveBrands_CapsuleCollection article#rangePDP header { background:#fff; margin:20px 32px; padding:20px 22px; position:relative; } #ExclusiveBrands_CapsuleCollection article#rangePDP header .roundelEspot { z-index:100; right:565px; } #ExclusiveBrands_CapsuleCollection article#rangePDP header #productInfo { position:absolute; top:38px; left:36px; background:none; width:283px; margin:0; padding:0; background:#fff; border-radius: 0; } #ExclusiveBrands_CapsuleCollection article#rangePDP header a.button { margin:20px 20px 0 0; } #ExclusiveBrands_CapsuleCollection article#rangePDP header #productInfo h1 { font-weight:normal; font-family:"Georgia"; color:#000; text-align:center; font-size:2.1em; padding:10px; margin:25px 20px 10px 20px; z-index:100; text-align:center; background:#ffef41; font-weight:bold; font-style:italic; } #ExclusiveBrands_CapsuleCollection article#rangePDP header #productInfo p { font-family:"Arial"; margin:0; width:235px; display:block; margin:0 20px 20px 20px; padding:0; font-size:1.2em; } #ExclusiveBrands_CapsuleCollection article#rangePDP .dfsAmplienceSpot .ampHeading h3 { font-family:Arial; color:#000; font-size:2.1em; font-weight:normal; } #ExclusiveBrands_CapsuleCollection article#rangePDP .finacials p, #ExclusiveBrands_CapsuleCollection article#rangePDP .finacials span { font-family:Arial; color:#000; } #ExclusiveBrands_CapsuleCollection article#rangePDP .pricingModule { border:1px solid #D5D0D0; background:none; width:auto; height:auto; padding:10px; } #ExclusiveBrands_CapsuleCollection article#rangePDP .pricingModule div.lowPrice { background:#f0f0f0 url("//i1.adis.ws/i/dfs/bgPriceSep.png") no-repeat 100% 7px; width:88px; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_CapsuleCollection article#rangePDP .pricingModule div.fullPrice { background:#f0f0f0; width:150px; height:60px; padding:5px 10px 0 5px; } #ExclusiveBrands_CapsuleCollection article#rangePDP .pricingModule>p { background:#f0f0f0; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_CapsuleCollection article#rangePDP .pricingModule div.fullPrice span.label3, #ExclusiveBrands_CapsuleCollection article#rangePDP .pricingModule div.fullPrice span.saving, #ExclusiveBrands_CapsuleCollection article#rangePDP .pricingModule p { font-family:"Arial"; color:#000; font-size:1.3em; font-weight:normal; width:160px; } #ExclusiveBrands_CapsuleCollection article#rangePDP .pricingModule span { font-weight:normal; } #ExclusiveBrands_CapsuleCollection article#rangePDP #frequentlyBoughtTogether .mini span, #ExclusiveBrands_CapsuleCollection article#rangePDP .pricingModule div.lowPrice span { font-family:Georgia; color:#000; font-size:2.5em; font-weight:normal; } #ExclusiveBrands_CapsuleCollection article#rangePDP #frequentlyBoughtTogether .mini p { background:none; height:auto; width:auto; padding:5px 0; font-weight:bold; color:#000; } #ExclusiveBrands_CapsuleCollection article#rangePDP #productInfo ul.linkEspot { background:#fff; opacity:0.9; filter:alpha(opacity=90); border-radius: 0; margin:0; width:235px; display:block; margin:0 13px; padding:10px; z-index:90; position:relative; font-family:Arial; font-size:1.2em; } #ExclusiveBrands_CapsuleCollection article#rangePDP #productInfo ul.linkEspot li, #ExclusiveBrands_CapsuleCollection article#rangePDP .columns21 .one #options li { background: url("//i1.adis.ws/i/dfs/arrow_optionCC.png") no-repeat scroll 0 50% transparent; } #ExclusiveBrands_CapsuleCollection article#rangePDP #productInfo ul.linkEspot li a, #ExclusiveBrands_CapsuleCollection article#rangePDP .columns21 .one #options li a { font-family:Arial; color:#2bc6af; font-weight:normal; } #ExclusiveBrands_CapsuleCollection article#rangePDP ul.swatchTabs li a { color:#333; } #ExclusiveBrands_CapsuleCollection article#rangePDP ul.swatchTabs li.selected a { color:#000; } #ExclusiveBrands_CapsuleCollection article#rangePDP #frequentlyBoughtTogether h2, #ExclusiveBrands_CapsuleCollection article#rangePDP section#productInformation h2 { font-family:"Arial"; color:#000; font-weight:normal; font-size:3em; } #ExclusiveBrands_CapsuleCollection article#rangePDP section#productInformation h3 { font-family:"Arial"; color:#000; font-weight:normal; font-size:2.1em; } #ExclusiveBrands_CapsuleCollection article#rangePDP section#productInformation ol li, #ExclusiveBrands_CapsuleCollection article#rangePDP section#productInformation ul.information li { font-family:"Arial"; font-weight:normal; font-size:1em; } #ExclusiveBrands_CapsuleCollection article#rangePDP section#productInformation ol li a, #ExclusiveBrands_CapsuleCollection article#rangePDP section#productInformation ul.information li a { color:#000; } #ExclusiveBrands_CapsuleCollection article#rangePDP section#productInformation .advice-espot { font-family:"Arial"; border:1px solid #2bc6af; background:none; padding:10px; width:278px; height:auto; } #ExclusiveBrands_CapsuleCollection article#rangePDP section#productInformation .advice-espot h2 { color:#fff; background:#2bc6af; margin:0; padding:20px 20px 0 20px; white-space:normal; } #ExclusiveBrands_CapsuleCollection article#rangePDP section#productInformation .advice-espot h3 { color:#fff; background:#2bc6af; margin:0; padding:10px 20px; font-size:1.6em; } #ExclusiveBrands_CapsuleCollection article#rangePDP section#productInformation .advice-espot p { color:#fff; background:#2bc6af; margin:0; padding:0 20px 30px 20px; font-size:1.2em; } #ExclusiveBrands_CapsuleCollection article#rangePDP section#productInformation .advice-espot a { color:#fff; background:#2bc6af; margin:0; padding:0 20px 0px 0px; font-size:1em; } #ExclusiveBrands_CapsuleCollection article#rangePDP section#productInformation h3 span { font-family:"Arial"; } #ExclusiveBrands_CapsuleCollection article#rangePDP ul.productRange li p.rangeProduct { font-family:Arial; color:#000; } #ExclusiveBrands_CapsuleCollection article#rangePDP ul.productRange li p.salePrice, #ExclusiveBrands_CapsuleCollection article#rangePDP ul.productRange li p.price { color: #000; font-family:Arial; font-weight:normal; } #ExclusiveBrands_CapsuleCollection article#rangePDP .sectionHeading h2, #ExclusiveBrands_CapsuleCollection article#rangePDP .sectionHeading h3, #ExclusiveBrands_CapsuleCollection article#rangePDP .headingWithAction h2, #ExclusiveBrands_CapsuleCollection article#rangePDP .headingWithAction h3 { color: #000; font-family:"Arial"; font-weight:normal; font-size:3em; margin:0; } #ExclusiveBrands_CapsuleCollection article#rangePDP section .dfsEspotContent .two-col-espot { background:#2bc6af; border-radius:0; font-family:"Arial"; padding:30px 20px; width:408px; height:90px; } #ExclusiveBrands_CapsuleCollection article#rangePDP section .dfsEspotContent .two-col-espot h2, #ExclusiveBrands_CapsuleCollection article#rangePDP section .dfsEspotContent .two-col-espot p { font-family:"Arial"; margin:0; padding:0 0 10px 0; } #ExclusiveBrands_CapsuleCollection article#rangePDP section .dfsEspotContent .three-col-espot { background:#2bc6af; border-radius:0; font-family:"Arial"; padding:30px 20px; width:252px; height:97px; } #ExclusiveBrands_CapsuleCollection article#rangePDP section .dfsEspotContent .three-col-espot h2, #ExclusiveBrands_CapsuleCollection article#rangePDP section .dfsEspotContent .three-col-espot p { font-family:"Arial"; margin:0; padding:0 0 10px 0; } #ExclusiveBrands_FrenchConnection article#rangePDP { background: transparent url("//i1.adis.ws/i/dfs/bgFrenchConnection.png"); } #ExclusiveBrands_FrenchConnection article#rangePDP section { background:none; } #ExclusiveBrands_FrenchConnection article#rangePDP header #rangeHeaderImg { width:916px; overflow:hidden; height:590px; position:absolute } #ExclusiveBrands_FrenchConnection article#rangePDP header img#rangeImg { width:auto; position:absolute; left:0px; top:0px; } #ExclusiveBrands_FrenchConnection article#rangePDP header { background:#fff; margin:20px 32px; padding:20px 22px; position:relative; } #ExclusiveBrands_FrenchConnection article#rangePDP header .roundelEspot { z-index:100; right:565px; } #ExclusiveBrands_FrenchConnection article#rangePDP header #productInfo { position:absolute; top:38px; left:36px; background:none; width:283px; margin:0; padding:0; background:#fff; border-radius: 0; } #ExclusiveBrands_FrenchConnection article#rangePDP header a.button { margin:20px 20px 0 0; } #ExclusiveBrands_FrenchConnection article#rangePDP header #productInfo h1 { font-weight:normal; font-family:"Arial"; color:#fff; text-align:center; font-size:2.1em; padding:10px; margin:25px 20px 10px 20px; z-index:100; text-align:center; background:#57585a; } #ExclusiveBrands_FrenchConnection article#rangePDP header #productInfo p { font-family:"Arial"; margin:0; width:235px; display:block; margin:0 20px 20px 20px; padding:0; font-size:1.2em; } #ExclusiveBrands_FrenchConnection article#rangePDP .dfsAmplienceSpot .ampHeading h3 { font-family:Arial; color:#57585a; font-size:2.1em; font-weight:normal; } #ExclusiveBrands_FrenchConnection article#rangePDP .finacials p, #ExclusiveBrands_FrenchConnection article#rangePDP .finacials span { font-family:Arial; color:#57585a; } #ExclusiveBrands_FrenchConnection article#rangePDP .pricingModule { border:1px solid #D5D0D0; background:none; width:auto; height:auto; padding:10px; } #ExclusiveBrands_FrenchConnection article#rangePDP .pricingModule div.lowPrice { background:#f0f0f0 url("//i1.adis.ws/i/dfs/bgPriceSep.png") no-repeat 100% 7px; width:88px; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_FrenchConnection article#rangePDP .pricingModule div.fullPrice { background:#f0f0f0; width:150px; height:60px; padding:5px 10px 0 5px; } #ExclusiveBrands_FrenchConnection article#rangePDP .pricingModule>p { background:#f0f0f0; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_FrenchConnection article#rangePDP .pricingModule div.fullPrice span.label3, #ExclusiveBrands_FrenchConnection article#rangePDP .pricingModule div.fullPrice span.saving, #ExclusiveBrands_FrenchConnection article#rangePDP .pricingModule p { font-family:"Arial"; color:#57585a; font-size:1.3em; font-weight:normal; width:160px; } #ExclusiveBrands_FrenchConnection article#rangePDP .pricingModule span { font-weight:normal; } #ExclusiveBrands_FrenchConnection article#rangePDP #frequentlyBoughtTogether .mini span, #ExclusiveBrands_FrenchConnection article#rangePDP .pricingModule div.lowPrice span { color:#57585a; font-size:2.5em; font-weight:normal; } #ExclusiveBrands_FrenchConnection article#rangePDP #frequentlyBoughtTogether .mini p { background:none; height:auto; width:auto; padding:5px 0; font-weight:bold; color:#57585a; } #ExclusiveBrands_FrenchConnection article#rangePDP #productInfo ul.linkEspot { background:#fff; opacity:0.9; filter:alpha(opacity=90); border-radius: 0; margin:0; width:235px; display:block; margin:0 13px; padding:10px; z-index:90; position:relative; font-family:Arial; font-size:1.2em; } #ExclusiveBrands_FrenchConnection article#rangePDP #productInfo ul.linkEspot li, #ExclusiveBrands_FrenchConnection article#rangePDP .columns21 .one #options li { background: url("//i1.adis.ws/i/dfs/arrow_optionFC.png") no-repeat scroll 0 50% transparent; } #ExclusiveBrands_FrenchConnection article#rangePDP #productInfo ul.linkEspot li a, #ExclusiveBrands_FrenchConnection article#rangePDP .columns21 .one #options li a { font-family:Arial; color:#57585a; font-weight:bold; } #ExclusiveBrands_FrenchConnection article#rangePDP ul.swatchTabs li a { color:#333; } #ExclusiveBrands_FrenchConnection article#rangePDP ul.swatchTabs li.selected a { color:#57585a; } #ExclusiveBrands_FrenchConnection article#rangePDP #frequentlyBoughtTogether h2, #ExclusiveBrands_FrenchConnection article#rangePDP section#productInformation h2 { font-family:"Arial"; color:#57585a; font-weight:normal; font-size:3em; } #ExclusiveBrands_FrenchConnection article#rangePDP section#productInformation h3 { font-family:"Arial"; color:#57585a; font-weight:normal; font-size:2.1em; } #ExclusiveBrands_FrenchConnection article#rangePDP section#productInformation ol li, #ExclusiveBrands_FrenchConnection article#rangePDP section#productInformation ul.information li { font-family:"Arial"; font-weight:normal; font-size:1em; } #ExclusiveBrands_FrenchConnection article#rangePDP section#productInformation ol li a, #ExclusiveBrands_FrenchConnection article#rangePDP section#productInformation ul.information li a { color:#57585a; } #ExclusiveBrands_FrenchConnection article#rangePDP section#productInformation .advice-espot { font-family:"Arial"; border:1px solid #57585a; background:none; padding:10px; width:278px; height:auto; } #ExclusiveBrands_FrenchConnection article#rangePDP section#productInformation .advice-espot h2 { color:#57585a; background:#f0f0f0; margin:0; padding:20px 20px 0 20px; white-space:normal; } #ExclusiveBrands_FrenchConnection article#rangePDP section#productInformation .advice-espot h3 { color:#57585a; background:#f0f0f0; margin:0; padding:10px 20px; font-size:1.6em; } #ExclusiveBrands_FrenchConnection article#rangePDP section#productInformation .advice-espot p { color:#57585a; background:#f0f0f0; margin:0; padding:0 20px 30px 20px; font-size:1.2em; } #ExclusiveBrands_FrenchConnection article#rangePDP section#productInformation .advice-espot a { color:#57585a; background:#f0f0f0; margin:0; padding:0 20px 0px 0px; font-size:1em; } #ExclusiveBrands_FrenchConnection article#rangePDP section#productInformation h3 span { font-family:"Arial"; } #ExclusiveBrands_FrenchConnection article#rangePDP ul.productRange li p.rangeProduct { font-family:Arial; color:#57585a; } #ExclusiveBrands_FrenchConnection article#rangePDP ul.productRange li p.salePrice, #ExclusiveBrands_FrenchConnection article#rangePDP ul.productRange li p.price { color: #57585a; font-family:Arial; font-weight:normal; } #ExclusiveBrands_FrenchConnection article#rangePDP .sectionHeading h2, #ExclusiveBrands_FrenchConnection article#rangePDP .sectionHeading h3, #ExclusiveBrands_FrenchConnection article#rangePDP .headingWithAction h2, #ExclusiveBrands_FrenchConnection article#rangePDP .headingWithAction h3 { color: #57585a; font-family:"Arial"; font-weight:normal; font-size:3em; margin:0; } #ExclusiveBrands_FrenchConnection article#rangePDP section .dfsEspotContent .two-col-espot { background:#57585a; border-radius:0; font-family:"Arial"; padding:30px 20px; width:408px; height:90px; } #ExclusiveBrands_FrenchConnection article#rangePDP section .dfsEspotContent .two-col-espot h2, #ExclusiveBrands_FrenchConnection article#rangePDP section .dfsEspotContent .two-col-espot p { font-family:"Arial"; margin:0; padding:0 0 10px 0; } #ExclusiveBrands_FrenchConnection article#rangePDP section .dfsEspotContent .three-col-espot { background:#57585a; border-radius:0; font-family:"Arial"; padding:30px 20px; width:252px; height:97px; } #ExclusiveBrands_FrenchConnection article#rangePDP section .dfsEspotContent .three-col-espot h2, #ExclusiveBrands_FrenchConnection article#rangePDP section .dfsEspotContent .three-col-espot p { font-family:"Arial"; margin:0; padding:0 0 10px 0; } /*Berkeley Magna*/ #ExclusiveBrands_BerkeleyMagna article#rangePDP { background: #B4A47C; } #ExclusiveBrands_BerkeleyMagna article#rangePDP section { background:none; } #ExclusiveBrands_BerkeleyMagna article#rangePDP header #rangeHeaderImg { width:916px; overflow:hidden; height:590px; position:absolute } #ExclusiveBrands_BerkeleyMagna article#rangePDP header img#rangeImg { width:auto; position:absolute; left:0px; top:0px; } #ExclusiveBrands_BerkeleyMagna article#rangePDP header { background:#fff; margin:20px 32px; padding:20px 22px; position:relative; } #ExclusiveBrands_BerkeleyMagna article#rangePDP header .roundelEspot { z-index:100; right:565px; } #ExclusiveBrands_BerkeleyMagna article#rangePDP header #productInfo { position:absolute; top:38px; left:36px; background:none; width:283px; margin:0; padding:0; background:#fff; border-radius: 0; } #ExclusiveBrands_BerkeleyMagna article#rangePDP header a.button { margin:20px 20px 0 0; } #ExclusiveBrands_BerkeleyMagna article#rangePDP header #productInfo h1 { font-weight:normal; font-family:"Arial"; color:#fff; text-align:center; font-size:2.1em; padding:10px; margin:25px 20px 10px 20px; z-index:100; text-align:center; background:#B4A47C; } #ExclusiveBrands_BerkeleyMagna article#rangePDP header #productInfo p { font-family:"Arial"; margin:0; width:235px; display:block; margin:0 20px 20px 20px; padding:0; font-size:1.2em; } #ExclusiveBrands_BerkeleyMagna article#rangePDP .dfsAmplienceSpot .ampHeading h3 { font-family:Arial; color:#B4A47C; font-size:2.1em; font-weight:normal; } #ExclusiveBrands_BerkeleyMagna article#rangePDP .finacials p, #ExclusiveBrands_BerkeleyMagna article#rangePDP .finacials span { font-family:Arial; color:#B4A47C; } #ExclusiveBrands_BerkeleyMagna article#rangePDP .pricingModule { border:1px solid #B4A47C; background:none; width:auto; height:auto; padding:10px; } #ExclusiveBrands_BerkeleyMagna article#rangePDP .pricingModule div.lowPrice { background:#B4A47C url("//i1.adis.ws/i/dfs/bgPriceSep.png") no-repeat 100% 7px; width:88px; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_BerkeleyMagna article#rangePDP .pricingModule div.fullPrice { background:#B4A47C; width:150px; height:60px; padding:5px 10px 0 5px; } #ExclusiveBrands_BerkeleyMagna article#rangePDP .pricingModule>p { background:#B4A47C; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_BerkeleyMagna article#rangePDP .pricingModule div.fullPrice span.label3, #ExclusiveBrands_BerkeleyMagna article#rangePDP .pricingModule div.fullPrice span.saving, #ExclusiveBrands_BerkeleyMagna article#rangePDP .pricingModule p { font-family:"Arial"; color:#fff; font-size:1.3em; font-weight:normal; width:160px; } #ExclusiveBrands_BerkeleyMagna article#rangePDP .pricingModule span { font-weight:normal; } #ExclusiveBrands_BerkeleyMagna article#rangePDP #frequentlyBoughtTogether .mini span, #ExclusiveBrands_BerkeleyMagna article#rangePDP .pricingModule div.lowPrice span { color:#fff; font-size:2.5em; font-weight:normal; } #ExclusiveBrands_BerkeleyMagna article#rangePDP #frequentlyBoughtTogether .mini p { background:none; height:auto; width:auto; padding:5px 0; font-weight:bold; color:#B4A47C; } #ExclusiveBrands_BerkeleyMagna article#rangePDP #frequentlyBoughtTogether .mini span{ color:#b4a47c !important; } #ExclusiveBrands_BerkeleyMagna article#rangePDP #productInfo ul.linkEspot { background:#fff; opacity:0.9; filter:alpha(opacity=90); border-radius: 0; margin:0; width:235px; display:block; margin:0 13px; padding:10px; z-index:90; position:relative; font-family:Arial; font-size:1.2em; } #ExclusiveBrands_BerkeleyMagna article#rangePDP #productInfo ul.linkEspot li, #ExclusiveBrands_BerkeleyMagna article#rangePDP .columns21 .one #options li { background: url("//i1.adis.ws/i/dfs/arrow_optionFC.png") no-repeat scroll 0 50% transparent; } #ExclusiveBrands_BerkeleyMagna article#rangePDP #productInfo ul.linkEspot li a, #ExclusiveBrands_BerkeleyMagna article#rangePDP .columns21 .one #options li a { font-family:Arial; color:#B4A47C; font-weight:bold; } #ExclusiveBrands_BerkeleyMagna article#rangePDP ul.swatchTabs li a { color:#B4A47C; } #ExclusiveBrands_BerkeleyMagna article#rangePDP ul.swatchTabs li.selected a { color:#B4A47C; } #ExclusiveBrands_BerkeleyMagna article#rangePDP #frequentlyBoughtTogether h2, #ExclusiveBrands_BerkeleyMagna article#rangePDP section#productInformation h2 { font-family:"Arial"; color:#B4A47C; font-weight:normal; font-size:3em; } #ExclusiveBrands_BerkeleyMagna article#rangePDP section#productInformation h3 { font-family:"Arial"; color:#B4A47C; font-weight:normal; font-size:2.1em; } #ExclusiveBrands_BerkeleyMagna article#rangePDP section#productInformation ol li, #ExclusiveBrands_BerkeleyMagna article#rangePDP section#productInformation ul.information li { font-family:"Arial"; font-weight:normal; font-size:1em; } #ExclusiveBrands_BerkeleyMagna article#rangePDP section#productInformation ol li a, #ExclusiveBrands_BerkeleyMagna article#rangePDP section#productInformation ul.information li a { color:#B4A47C; } #ExclusiveBrands_BerkeleyMagna article#rangePDP section#productInformation .advice-espot { font-family:"Arial"; border:1px solid #B4A47C; background:none; padding:10px; width:278px; height:auto; } #ExclusiveBrands_BerkeleyMagna article#rangePDP section#productInformation .advice-espot h2 { color:#fff; background:#B4A47C; margin:0; padding:20px 20px 0 20px; white-space:normal; } #ExclusiveBrands_BerkeleyMagna article#rangePDP section#productInformation .advice-espot h3 { color:#fff; background:#B4A47C; margin:0; padding:10px 20px; font-size:1.6em; } #ExclusiveBrands_BerkeleyMagna article#rangePDP section#productInformation .advice-espot p { color:#fff; background:#B4A47C; margin:0; padding:0 20px 30px 20px; font-size:1.2em; } #ExclusiveBrands_BerkeleyMagna article#rangePDP section#productInformation .advice-espot a { color:#fff; background:#B4A47C; margin:0; padding:0 20px 0px 0px; font-size:1em; } #ExclusiveBrands_BerkeleyMagna article#rangePDP section#productInformation h3 span { font-family:"Arial"; } #ExclusiveBrands_BerkeleyMagna article#rangePDP ul.productRange li p.rangeProduct { font-family:Arial; color:#B4A47C; } #ExclusiveBrands_BerkeleyMagna article#rangePDP ul.productRange li p.salePrice, #ExclusiveBrands_BerkeleyMagna article#rangePDP ul.productRange li p.price { color: #B4A47C; font-family:Arial; font-weight:normal; } #ExclusiveBrands_BerkeleyMagna article#rangePDP .sectionHeading h2, #ExclusiveBrands_BerkeleyMagna article#rangePDP .sectionHeading h3, #ExclusiveBrands_BerkeleyMagna article#rangePDP .headingWithAction h2, #ExclusiveBrands_BerkeleyMagna article#rangePDP .headingWithAction h3 { color: #B4A47C; font-family:"Arial"; font-weight:normal; font-size:3em; margin:0; } #ExclusiveBrands_BerkeleyMagna article#rangePDP section .dfsEspotContent .two-col-espot { background:#B4A47C; border-radius:0; font-family:"Arial"; padding:30px 20px; width:408px; height:90px; } #ExclusiveBrands_BerkeleyMagna article#rangePDP section .dfsEspotContent .two-col-espot h2, #ExclusiveBrands_BerkeleyMagna article#rangePDP section .dfsEspotContent .two-col-espot p { font-family:"Arial"; margin:0; padding:0 0 10px 0; } #ExclusiveBrands_BerkeleyMagna article#rangePDP section .dfsEspotContent .three-col-espot { background:#B4A47C; border-radius:0; font-family:"Arial"; padding:30px 20px; width:252px; height:97px; } #ExclusiveBrands_BerkeleyMagna article#rangePDP section .dfsEspotContent .three-col-espot h2, #ExclusiveBrands_BerkeleyMagna article#rangePDP section .dfsEspotContent .three-col-espot p { font-family:"Arial"; margin:0; padding:0 0 10px 0; } /*Grand Tour*/ #ExclusiveBrands_GrandTour article#rangePDP { background: url("//i1.adis.ws/i/dfs/eb_grandtour_main-background"); } #ExclusiveBrands_GrandTour article#rangePDP section { background:none; } #ExclusiveBrands_GrandTour article#rangePDP header #rangeHeaderImg { width:916px; overflow:hidden; height:590px; position:absolute } #ExclusiveBrands_GrandTour article#rangePDP header img#rangeImg { width:auto; position:absolute; left:0px; top:0px; } #ExclusiveBrands_GrandTour article#rangePDP header { background:#fff; margin:20px 32px; padding:20px 22px; position:relative; } #ExclusiveBrands_GrandTour article#rangePDP header .roundelEspot { z-index:100; right:565px; } #ExclusiveBrands_GrandTour article#rangePDP header #productInfo { position:absolute; top:38px; left:36px; background:none; width:283px; margin:0; padding:0; background:#fff; border-radius: 0; } #ExclusiveBrands_GrandTour article#rangePDP header a.button { margin:20px 20px 0 0; } #ExclusiveBrands_GrandTour article#rangePDP header #productInfo h1 { font-weight:normal; font-family:"Arial"; color:#fff; text-align:center; font-size:2.1em; padding:10px; margin:25px 20px 10px 20px; z-index:100; text-align:center; background:#404142; } #ExclusiveBrands_GrandTour article#rangePDP header #productInfo p { font-family:"Arial"; margin:0; width:235px; display:block; margin:0 20px 20px 20px; padding:0; font-size:1.2em; } #ExclusiveBrands_GrandTour article#rangePDP .dfsAmplienceSpot .ampHeading h3 { font-family:Arial; color:#404142; font-size:2.1em; font-weight:normal; } #ExclusiveBrands_GrandTour article#rangePDP .finacials p, #ExclusiveBrands_GrandTour article#rangePDP .finacials span { font-family:Arial; color:#404142; } #ExclusiveBrands_GrandTour article#rangePDP .pricingModule { border:1px solid #404142; background:none; width:auto; height:auto; padding:10px; } #ExclusiveBrands_GrandTour article#rangePDP .pricingModule div.lowPrice { background:#404142 url("//i1.adis.ws/i/dfs/bgPriceSep.png") no-repeat 100% 7px; width:88px; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_GrandTour article#rangePDP .pricingModule div.fullPrice { background:#404142; width:150px; height:60px; padding:5px 10px 0 5px; } #ExclusiveBrands_GrandTour article#rangePDP .pricingModule>p { background:#404142; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_GrandTour article#rangePDP .pricingModule div.fullPrice span.label3, #ExclusiveBrands_GrandTour article#rangePDP .pricingModule div.fullPrice span.saving, #ExclusiveBrands_GrandTour article#rangePDP .pricingModule p { font-family:"Arial"; color:#fff; font-size:1.3em; font-weight:normal; width:160px; } #ExclusiveBrands_GrandTour article#rangePDP .pricingModule span { font-weight:normal; } #ExclusiveBrands_GrandTour article#rangePDP #frequentlyBoughtTogether .mini span, #ExclusiveBrands_GrandTour article#rangePDP .pricingModule div.lowPrice span { color:#fff; font-size:2.5em; font-weight:normal; } #ExclusiveBrands_GrandTour article#rangePDP #frequentlyBoughtTogether .mini p { background:none; height:auto; width:auto; padding:5px 0; font-weight:bold; color:#404142; } #ExclusiveBrands_GrandTour article#rangePDP #frequentlyBoughtTogether .mini span { color:#404142 !important; } #ExclusiveBrands_GrandTour article#rangePDP #productInfo ul.linkEspot { background:#fff; opacity:0.9; filter:alpha(opacity=90); border-radius: 0; margin:0; width:235px; display:block; margin:0 13px; padding:10px; z-index:90; position:relative; font-family:Arial; font-size:1.2em; } #ExclusiveBrands_GrandTour article#rangePDP #productInfo ul.linkEspot li, #ExclusiveBrands_GrandTour article#rangePDP .columns21 .one #options li { background: url("//i1.adis.ws/i/dfs/arrow_optionFC.png") no-repeat scroll 0 50% transparent; } #ExclusiveBrands_GrandTour article#rangePDP #productInfo ul.linkEspot li a, #ExclusiveBrands_GrandTour article#rangePDP .columns21 .one #options li a { font-family:Arial; color:#404142; font-weight:bold; } #ExclusiveBrands_GrandTour article#rangePDP ul.swatchTabs li a { color:#404142; } #ExclusiveBrands_GrandTour article#rangePDP ul.swatchTabs li.selected a { color:#404142; } #ExclusiveBrands_GrandTour article#rangePDP #frequentlyBoughtTogether h2, #ExclusiveBrands_GrandTour article#rangePDP section#productInformation h2 { font-family:"Arial"; color:#404142; font-weight:normal; font-size:3em; } #ExclusiveBrands_GrandTour article#rangePDP section#productInformation h3 { font-family:"Arial"; color:#404142; font-weight:normal; font-size:2.1em; } #ExclusiveBrands_GrandTour article#rangePDP section#productInformation ol li, #ExclusiveBrands_GrandTour article#rangePDP section#productInformation ul.information li { font-family:"Arial"; font-weight:normal; font-size:1em; } #ExclusiveBrands_GrandTour article#rangePDP section#productInformation ol li a, #ExclusiveBrands_GrandTour article#rangePDP section#productInformation ul.information li a { color:#404142; } #ExclusiveBrands_GrandTour article#rangePDP section#productInformation .advice-espot { font-family:"Arial"; border:1px solid #404142; background:none; padding:10px; width:278px; height:auto; } #ExclusiveBrands_GrandTour article#rangePDP section#productInformation .advice-espot h2 { color:#fff; background:#404142; margin:0; padding:20px 20px 0 20px; white-space:normal; } #ExclusiveBrands_GrandTour article#rangePDP section#productInformation .advice-espot h3 { color:#fff; background:#404142; margin:0; padding:10px 20px; font-size:1.6em; } #ExclusiveBrands_GrandTour article#rangePDP section#productInformation .advice-espot p { color:#fff; background:#404142; margin:0; padding:0 20px 30px 20px; font-size:1.2em; } #ExclusiveBrands_GrandTour article#rangePDP section#productInformation .advice-espot a { color:#fff; background:#404142; margin:0; padding:0 20px 0px 0px; font-size:1em; } #ExclusiveBrands_GrandTour article#rangePDP section#productInformation h3 span { font-family:"Arial"; } #ExclusiveBrands_GrandTour article#rangePDP ul.productRange li p.rangeProduct { font-family:Arial; color:#404142; } #ExclusiveBrands_GrandTour article#rangePDP ul.productRange li p.salePrice, #ExclusiveBrands_GrandTour article#rangePDP ul.productRange li p.price { color: #404142; font-family:Arial; font-weight:normal; } #ExclusiveBrands_GrandTour article#rangePDP .sectionHeading h2, #ExclusiveBrands_GrandTour article#rangePDP .sectionHeading h3, #ExclusiveBrands_GrandTour article#rangePDP .headingWithAction h2, #ExclusiveBrands_GrandTour article#rangePDP .headingWithAction h3 { color: #404142; font-family:"Arial"; font-weight:normal; font-size:3em; margin:0; } #ExclusiveBrands_GrandTour article#rangePDP section .dfsEspotContent .two-col-espot { background:#404142; border-radius:0; font-family:"Arial"; padding:30px 20px; width:408px; height:90px; } #ExclusiveBrands_GrandTour article#rangePDP section .dfsEspotContent .two-col-espot h2, #ExclusiveBrands_GrandTour article#rangePDP section .dfsEspotContent .two-col-espot p { font-family:"Arial"; margin:0; padding:0 0 10px 0; } #ExclusiveBrands_GrandTour article#rangePDP section .dfsEspotContent .three-col-espot { background:#404142; border-radius:0; font-family:"Arial"; padding:30px 20px; width:252px; height:97px; } #ExclusiveBrands_GrandTour article#rangePDP section .dfsEspotContent .three-col-espot h2, #ExclusiveBrands_GrandTour article#rangePDP section .dfsEspotContent .three-col-espot p { font-family:"Arial"; margin:0; padding:0 0 10px 0; } /*G-Plan*/ #ExclusiveBrands_G-Plan article#rangePDP { background: #919195; } #ExclusiveBrands_G-Plan article#rangePDP section { background:none; } #ExclusiveBrands_G-Plan article#rangePDP header #rangeHeaderImg { width:916px; overflow:hidden; height:590px; position:absolute } #ExclusiveBrands_G-Plan article#rangePDP header img#rangeImg { width:auto; position:absolute; left:0px; top:0px; } #ExclusiveBrands_G-Plan article#rangePDP header { background:#fff; margin:20px 32px; padding:20px 22px; position:relative; } #ExclusiveBrands_G-Plan article#rangePDP header .roundelEspot { z-index:100; right:565px; } #ExclusiveBrands_G-Plan article#rangePDP header #productInfo { position:absolute; top:38px; left:36px; background:none; width:283px; margin:0; padding:0; background:#fff; border-radius: 0; } #ExclusiveBrands_G-Plan article#rangePDP header a.button { margin:20px 20px 0 0; } #ExclusiveBrands_G-Plan article#rangePDP header #productInfo h1 { font-weight:normal; font-family:"Arial"; color:#fff; text-align:center; font-size:2.1em; padding:10px; margin:25px 20px 10px 20px; z-index:100; text-align:center; background:#BEB0A3; } #ExclusiveBrands_G-Plan article#rangePDP header #productInfo p { font-family:"Arial"; margin:0; width:235px; display:block; margin:0 20px 20px 20px; padding:0; font-size:1.2em; } #ExclusiveBrands_G-Plan article#rangePDP .dfsAmplienceSpot .ampHeading h3 { font-family:Arial; color:#666666; font-size:2.1em; font-weight:normal; } #ExclusiveBrands_G-Plan article#rangePDP .finacials p, #ExclusiveBrands_G-Plan article#rangePDP .finacials span { font-family:Arial; color:#666666; } #ExclusiveBrands_G-Plan article#rangePDP .pricingModule { border:1px solid #BEB0A3; background:none; width:auto; height:auto; padding:10px; } #ExclusiveBrands_G-Plan article#rangePDP .pricingModule div.lowPrice { background:#BEB0A3 url("//i1.adis.ws/i/dfs/bgPriceSep.png") no-repeat 100% 7px; width:88px; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_G-Plan article#rangePDP .pricingModule div.fullPrice { background:#BEB0A3; width:150px; height:60px; padding:5px 10px 0 5px; } #ExclusiveBrands_G-Plan article#rangePDP .pricingModule>p { background:#BEB0A3; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_G-Plan article#rangePDP .pricingModule div.fullPrice span.label3, #ExclusiveBrands_G-Plan article#rangePDP .pricingModule div.fullPrice span.saving, #ExclusiveBrands_G-Plan article#rangePDP .pricingModule p { font-family:"Arial"; color:#fff; font-size:1.3em; font-weight:normal; width:160px; } #ExclusiveBrands_G-Plan article#rangePDP .pricingModule span { font-weight:normal; } #ExclusiveBrands_G-Plan article#rangePDP #frequentlyBoughtTogether .mini span, #ExclusiveBrands_G-Plan article#rangePDP .pricingModule div.lowPrice span { color:#ffffff; font-size:2.5em; font-weight:normal; } #ExclusiveBrands_G-Plan article#rangePDP #frequentlyBoughtTogether .mini p { background:none; height:auto; width:auto; padding:5px 0; font-weight:bold; color:#666666; } #ExclusiveBrands_G-Plan article#rangePDP #frequentlyBoughtTogether .priceOverview .pricingModule span { color:#666666; font-weight:normal; font-size:3em; } #ExclusiveBrands_G-Plan article#rangePDP #productInfo ul.linkEspot { background:#fff; opacity:0.9; filter:alpha(opacity=90); border-radius: 0; margin:0; width:235px; display:block; margin:0 13px; padding:10px; z-index:90; position:relative; font-family:Arial; font-size:1.2em; } #ExclusiveBrands_G-Plan article#rangePDP #productInfo ul.linkEspot li, #ExclusiveBrands_G-Plan article#rangePDP .columns21 .one #options li { background: url("//i1.adis.ws/i/dfs/arrow_optionFC.png") no-repeat scroll 0 50% transparent; } #ExclusiveBrands_G-Plan article#rangePDP #productInfo ul.linkEspot li a, #ExclusiveBrands_G-Plan article#rangePDP .columns21 .one #options li a { font-family:Arial; color:#666666; font-weight:bold; } #ExclusiveBrands_G-Plan article#rangePDP ul.swatchTabs li a { color:#666666; } #ExclusiveBrands_G-Plan article#rangePDP ul.swatchTabs li.selected a { color:#666666; } #ExclusiveBrands_G-Plan article#rangePDP #frequentlyBoughtTogether h2, #ExclusiveBrands_G-Plan article#rangePDP section#productInformation h2 { font-family:"Arial"; color:#666666; font-weight:normal; font-size:3em; } #ExclusiveBrands_G-Plan article#rangePDP section#productInformation h3 { font-family:"Arial"; color:#666666; font-weight:normal; font-size:2.1em; } #ExclusiveBrands_G-Plan article#rangePDP section#productInformation ol li, #ExclusiveBrands_G-Plan article#rangePDP section#productInformation ul.information li { font-family:"Arial"; font-weight:normal; font-size:1em; } #ExclusiveBrands_G-Plan article#rangePDP section#productInformation ol li a, #ExclusiveBrands_G-Plan article#rangePDP section#productInformation ul.information li a { color:#666666; } #ExclusiveBrands_G-Plan article#rangePDP section#productInformation .advice-espot { font-family:"Arial"; border:1px solid #BEB0A3; background:none; padding:10px; width:278px; height:auto; } #ExclusiveBrands_G-Plan article#rangePDP section#productInformation .advice-espot h2 { color:#fff; background:#BEB0A3; margin:0; padding:20px 20px 0 20px; white-space:normal; } #ExclusiveBrands_G-Plan article#rangePDP section#productInformation .advice-espot h3 { color:#fff; background:#BEB0A3; margin:0; padding:10px 20px; font-size:1.6em; } #ExclusiveBrands_G-Plan article#rangePDP section#productInformation .advice-espot p { color:#fff; background:#BEB0A3; margin:0; padding:0 20px 30px 20px; font-size:1.2em; } #ExclusiveBrands_G-Plan article#rangePDP section#productInformation .advice-espot a { color:#fff; background:#BEB0A3; margin:0; padding:0 20px 0px 0px; font-size:1em; } #ExclusiveBrands_G-Plan article#rangePDP section#productInformation h3 span { font-family:"Arial"; } #ExclusiveBrands_G-Plan article#rangePDP ul.productRange li p.rangeProduct { font-family:Arial; color:#666666; } #ExclusiveBrands_G-Plan article#rangePDP ul.productRange li p.salePrice, #ExclusiveBrands_G-Plan article#rangePDP ul.productRange li p.price { color: #666666; font-family:Arial; font-weight:normal; } #ExclusiveBrands_G-Plan article#rangePDP .sectionHeading h2, #ExclusiveBrands_G-Plan article#rangePDP .sectionHeading h3, #ExclusiveBrands_G-Plan article#rangePDP .headingWithAction h2, #ExclusiveBrands_G-Plan article#rangePDP .headingWithAction h3 { color: #666666; font-family:"Arial"; font-weight:normal; font-size:3em; margin:0; } #ExclusiveBrands_G-Plan article#rangePDP section .dfsEspotContent .two-col-espot { background:#BEB0A3; border-radius:0; font-family:"Arial"; padding:30px 20px; width:408px; height:90px; } #ExclusiveBrands_G-Plan article#rangePDP section .dfsEspotContent .two-col-espot h2, #ExclusiveBrands_G-Plan article#rangePDP section .dfsEspotContent .two-col-espot p { font-family:"Arial"; margin:0; padding:0 0 10px 0; } #ExclusiveBrands_G-Plan article#rangePDP section .dfsEspotContent .three-col-espot { background:#BEB0A3; border-radius:0; font-family:"Arial"; padding:30px 20px; width:252px; height:97px; } #ExclusiveBrands_G-Plan article#rangePDP section .dfsEspotContent .three-col-espot h2, #ExclusiveBrands_G-Plan article#rangePDP section .dfsEspotContent .three-col-espot p { font-family:"Arial"; margin:0; padding:0 0 10px 0; } /* ========================================================================== Dwell PDP ========================================================================== */ #ExclusiveBrands_Dwell article#rangePDP { background: #3e3e3e; } #ExclusiveBrands_Dwell article#rangePDP section { background:none; } #ExclusiveBrands_Dwell article#rangePDP header #rangeHeaderImg { width:916px; overflow:hidden; height:590px; position:absolute } #ExclusiveBrands_Dwell article#rangePDP header img#rangeImg { width:auto; position:absolute; left:0px; top:0px; } #ExclusiveBrands_Dwell article#rangePDP header { background:#fff; margin:20px 32px; padding:20px 22px; position:relative; } #ExclusiveBrands_Dwell article#rangePDP header .roundelEspot { z-index:100; right:565px; } #ExclusiveBrands_Dwell article#rangePDP header #productInfo { position:absolute; top:38px; left:36px; width:283px; margin:0; padding:0; background: rgba(255,255,255,0.9); border-radius: 0; opacity:1; /* temp - to be removed after testing */ } #ExclusiveBrands_Dwell article#rangePDP header a.button { margin:20px 20px 0 0; } #ExclusiveBrands_Dwell article#rangePDP header #productInfo h1 { font-weight:normal; font-family:"GillSansAlt1-Light"; color:#fff; text-align:center; font-size:2.4em; padding:10px; margin:25px 20px 10px 20px; background: #9d9d9c; text-align:center; text-transform: none; /* temp - remove after testing */ border: none; /* temp - remove after testing */ } #ExclusiveBrands_Dwell article#rangePDP header #productInfo p { font-family:"Arial"; margin:0; width:235px; display:block; margin:0 20px 20px 20px; padding:0; font-size:1.2em; } #ExclusiveBrands_Dwell article#rangePDP .dfsAmplienceSpot .ampHeading h3 { font-family:"GillSansAlt1-Light"; color:#333; font-size:2.1em; font-weight:normal; } #ExclusiveBrands_Dwell article#rangePDP .finacials p, #ExclusiveBrands_Dwell article#rangePDP .finacials span { font-family:Arial; color:#333; } #ExclusiveBrands_Dwell article#rangePDP .pricingModule { border:1px solid #ddd; background:none; width:auto; height:auto; padding:10px; } #ExclusiveBrands_Dwell article#rangePDP .pricingModule div.lowPrice { background:#9d9d9c url("//i1.adis.ws/i/dfs/bgPriceSep.png") no-repeat 100% 7px; width:88px; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_Dwell article#rangePDP .pricingModule div.fullPrice { background:#9d9d9c; width:150px; height:60px; padding:5px 10px 0 5px; } #ExclusiveBrands_Dwell article#rangePDP .pricingModule>p { background:#bcd4fc; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_Dwell article#rangePDP .pricingModule div.fullPrice span.label3, #ExclusiveBrands_Dwell article#rangePDP .pricingModule div.fullPrice span.saving, #ExclusiveBrands_Dwell article#rangePDP .pricingModule p { font-family:"HelveticaNeueW01-45Ligh"; color:#fff; font-size:1.3em; font-weight:normal; width:160px; } #ExclusiveBrands_Dwell article#rangePDP .pricingModule span { font-weight:normal; } #ExclusiveBrands_Dwell article#rangePDP #frequentlyBoughtTogether .mini span, #ExclusiveBrands_Dwell article#rangePDP .pricingModule div.lowPrice span { color: #fff; font-size: 2.5em; font-weight: normal; background: #9d9d9c; padding: 0 10px 5px 10px; } :lang(nl) #ExclusiveBrands_Dwell article#rangePDP #frequentlyBoughtTogether .mini span, :lang(nl) #ExclusiveBrands_Dwell article#rangePDP .pricingModule div.lowPrice span { font-size: 2.5em; } #ExclusiveBrands_Dwell article#rangePDP #frequentlyBoughtTogether .mini p { background: #9d9d9c; height: auto; width: 182px; padding: 5px 5px; font-weight: bold; color: #fff; } #ExclusiveBrands_Dwell article#rangePDP #productInfo ul.linkEspot { background:#fff; opacity:0.9; filter:alpha(opacity=90); border-radius: 0; margin:0; width:235px; display:block; margin:0 13px; padding:10px; z-index:90; position:relative; font-family:Georgia; font-size:1.2em; } #ExclusiveBrands_Dwell article#rangePDP #productInfo ul.linkEspot li, #ExclusiveBrands_Dwell article#rangePDP .columns21 .one #options li { background: url("//i1.adis.ws/i/dfs/arrow_optionHB.png") no-repeat scroll 0 50% transparent; } #ExclusiveBrands_Dwell article#rangePDP #productInfo ul.linkEspot li a, #ExclusiveBrands_Dwell article#rangePDP .columns21 .one #options li a { font-family:Arial; color:#b51a8a; font-weight:bold; } #ExclusiveBrands_Dwell article#rangePDP ul.swatchTabs li a { color:#b51a8a; } #ExclusiveBrands_Dwell article#rangePDP ul.swatchTabs li.selected a { color:#333; } #ExclusiveBrands_Dwell article#rangePDP #frequentlyBoughtTogether h2, #ExclusiveBrands_Dwell article#rangePDP section#productInformation h2 { font-family:"GillSansAlt1-Light"; color:#333; font-weight:normal; font-size:3em; } #ExclusiveBrands_Dwell article#rangePDP section#productInformation h3 { font-family:"GillSansAlt1-Light"; color:#333; font-weight:normal; font-size:2.1em; } #ExclusiveBrands_Dwell article#rangePDP section#productInformation ol li, #ExclusiveBrands_Dwell article#rangePDP section#productInformation ul.information li { font-family:"Arial"; font-weight:normal; font-size:1em; } #ExclusiveBrands_Dwell article#rangePDP section#productInformation ol li a, #ExclusiveBrands_Dwell article#rangePDP section#productInformation ul.information li a { color:#b51a8a; } #ExclusiveBrands_Dwell article#rangePDP section#productInformation .advice-espot { font-family:"GillSansAlt1-Light"; border:1px solid #ddd; background:none; padding:10px; width:278px; height:auto; } #ExclusiveBrands_Dwell article#rangePDP section#productInformation .advice-espot h2 { color:#57585a; background:#f0f0f0; margin:0; padding:20px 20px 0 20px; white-space:normal; font-size: 2.6em; } #ExclusiveBrands_Dwell article#rangePDP section#productInformation .advice-espot h3 { color:#333; background:#f0f0f0; margin:0; padding:10px 20px; font-size:1.6em; } #ExclusiveBrands_Dwell article#rangePDP section#productInformation .advice-espot p { color:#333; background:#f0f0f0; margin:0; padding:0 20px 30px 20px; font-size:1.2em; } #ExclusiveBrands_Dwell article#rangePDP section#productInformation .advice-espot a { color:#333; background:#f0e2ee; margin:0; padding:0 20px 0px 0px; font-size:1em; } #ExclusiveBrands_Dwell article#rangePDP section#productInformation h3 span { font-family:"GillSansAlt1-Light"; } #ExclusiveBrands_Dwell article#rangePDP ul.productRange li p.rangeProduct { font-family:Arial; color:#707070; } #ExclusiveBrands_Dwell article#rangePDP ul.productRange li p.salePrice, #ExclusiveBrands_Dwell article#rangePDP ul.productRange li p.price { color: #b51a8a; font-family:Arial; font-weight:normal; } #ExclusiveBrands_Dwell article#rangePDP .sectionHeading h2, #ExclusiveBrands_Dwell article#rangePDP .sectionHeading h3, #ExclusiveBrands_Dwell article#rangePDP .headingWithAction h2, #ExclusiveBrands_Dwell article#rangePDP .headingWithAction h3 { color: #333; font-family:"GillSansAlt1-Light"; font-weight:normal; font-size:3em; margin:0; } #ExclusiveBrands_Dwell article#rangePDP section .dfsEspotContent { margin: 0 0 20px 30px; } #ExclusiveBrands_Dwell article#rangePDP section .dfsEspotContent .two-col-espot { background:#999; border-radius:0; font-family:"HelveticaNeueW02-55Roma"; padding:20px 20px 40px 20px; width:408px; height:97px; } #ExclusiveBrands_Dwell article#rangePDP section .dfsEspotContent .two-col-espot h2, #ExclusiveBrands_Dwell article#rangePDP section .dfsEspotContent .two-col-espot p { font-family:"HelveticaNeueW02-55Roma"; font-size: 3.6em; margin:0; padding:0 0 10px 0; } #ExclusiveBrands_Dwell article#rangePDP section .dfsEspotContent .two-col-espot p { font-size: 1.3em; } #ExclusiveBrands_Dwell article#rangePDP section .dfsEspotContent .three-col-espot { background:#999; border-radius:0; font-family:"HelveticaNeueW02-55Roma"; padding:20px 20px 40px 20px; width:267px; height:97px; } #ExclusiveBrands_Dwell article#rangePDP section .dfsEspotContent .three-col-espot h2, #ExclusiveBrands_Dwell article#rangePDP section .dfsEspotContent .three-col-espot p { font-family:"HelveticaNeueW02-55Roma"; font-size: 3.6em; margin:0; padding:0 0 10px 0; } #ExclusiveBrands_Dwell article#rangePDP section .dfsEspotContent .three-col-espot p { font-size: 1.3em; } /* ========================================================================== Sofa Workshop PDP ========================================================================== */ #ExclusiveBrands_SofaWorkshop article#rangePDP { background: #555; } #ExclusiveBrands_SofaWorkshop article#rangePDP section { background:none; } #ExclusiveBrands_SofaWorkshop article#rangePDP header #rangeHeaderImg { width:916px; overflow:hidden; height:590px; position:absolute } #ExclusiveBrands_SofaWorkshop article#rangePDP header img#rangeImg { width:auto; position:absolute; left:0px; top:0px; } #ExclusiveBrands_SofaWorkshop article#rangePDP header { background:#fff; margin:20px 32px; padding:20px 22px; position:relative; } #ExclusiveBrands_SofaWorkshop article#rangePDP header .roundelEspot { z-index:100; right:565px; } #ExclusiveBrands_SofaWorkshop article#rangePDP header #productInfo { position:absolute; top:38px; left:36px; width:283px; margin:0; padding:0; background: rgba(255,255,255,0.8); border-radius: 0; } #ExclusiveBrands_SofaWorkshop article#rangePDP header a.button { margin:20px 20px 0 0; } #ExclusiveBrands_SofaWorkshop article#rangePDP header #productInfo h1 { font-weight:normal; font-family:"BaskervilleW01Regular_705699"; color:#fff; text-align:center; font-size:3.4em; padding:3px 5px 5px 5px; margin:25px 20px 10px 20px; background: #e88980; text-align:center; } #ExclusiveBrands_SofaWorkshop article#rangePDP header #productInfo p { font-family:"Arial"; margin:0; width:235px; display:block; margin:0 20px 20px 20px; padding:0; font-size:1.2em; } #ExclusiveBrands_SofaWorkshop article#rangePDP .dfsAmplienceSpot .ampHeading h3 { font-family:"HelveticaNeueW02-55Roma"; color:#555; font-size:2.2em; font-weight:normal; } #ExclusiveBrands_SofaWorkshop article#rangePDP .dfsAmplienceSpot .ampHeading h3 strong { font-family:"HelveticaNeueW01-75Bold"; font-weight:normal; } #ExclusiveBrands_SofaWorkshop article#rangePDP .finacials p, #ExclusiveBrands_SofaWorkshop article#rangePDP .finacials span { font-family:Arial; color:#333; } #ExclusiveBrands_SofaWorkshop article#rangePDP .pricingModule { border:1px solid #ddd; background:none; width:auto; height:auto; padding:10px; } #ExclusiveBrands_SofaWorkshop article#rangePDP .pricingModule div.lowPrice { background:#999 url("//i1.adis.ws/i/dfs/bgPriceSep.png") no-repeat 100% 7px; width:88px; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_SofaWorkshop article#rangePDP .pricingModule div.fullPrice { background:#999; width:150px; height:60px; padding:5px 10px 0 5px; } #ExclusiveBrands_SofaWorkshop article#rangePDP .pricingModule>p { background:#bcd4fc; height:55px; padding:10px 10px 0 10px; } #ExclusiveBrands_SofaWorkshop article#rangePDP .pricingModule div.fullPrice span.label3, #ExclusiveBrands_SofaWorkshop article#rangePDP .pricingModule div.fullPrice span.saving, #ExclusiveBrands_SofaWorkshop article#rangePDP .pricingModule p { font-family:"HelveticaNeueW01-45Ligh"; color:#fff; font-size:1.3em; font-weight:normal; width:160px; } #ExclusiveBrands_SofaWorkshop article#rangePDP .pricingModule span { font-weight:normal; } #ExclusiveBrands_SofaWorkshop article#rangePDP #frequentlyBoughtTogether .mini span, #ExclusiveBrands_SofaWorkshop article#rangePDP .pricingModule div.lowPrice span { color: #fff; font-size: 2.5em; font-weight: normal; background: #999; padding: 0 10px 5px 10px; } :lang(nl) #ExclusiveBrands_SofaWorkshop article#rangePDP #frequentlyBoughtTogether .mini span, :lang(nl) #ExclusiveBrands_SofaWorkshop article#rangePDP .pricingModule div.lowPrice span { font-size: 2.5em; } #ExclusiveBrands_SofaWorkshop article#rangePDP #frequentlyBoughtTogether .mini p { background: #999; height: auto; width: 182px; padding: 5px 5px; font-weight: bold; color: #fff; } #ExclusiveBrands_SofaWorkshop article#rangePDP #productInfo ul.linkEspot { background:#fff; opacity:0.9; filter:alpha(opacity=90); border-radius: 0; margin:0; width:235px; display:block; margin:0 13px; padding:10px; z-index:90; position:relative; font-family:Georgia; font-size:1.2em; } #ExclusiveBrands_SofaWorkshop article#rangePDP #productInfo ul.linkEspot li, #ExclusiveBrands_SofaWorkshop article#rangePDP .columns21 .one #options li { background: url("//i1.adis.ws/i/dfs/arrow_optionHB.png") no-repeat scroll 0 50% transparent; } #ExclusiveBrands_SofaWorkshop article#rangePDP #productInfo ul.linkEspot li a, #ExclusiveBrands_SofaWorkshop article#rangePDP .columns21 .one #options li a { font-family:Arial; color:#b51a8a; font-weight:bold; } #ExclusiveBrands_SofaWorkshop article#rangePDP ul.swatchTabs li a { color:#b51a8a; } #ExclusiveBrands_SofaWorkshop article#rangePDP ul.swatchTabs li.selected a { color:#333; } #ExclusiveBrands_SofaWorkshop article#rangePDP #frequentlyBoughtTogether h2, #ExclusiveBrands_SofaWorkshop article#rangePDP section#productInformation h2 { font-family:"HelveticaNeueW02-55Roma"; color:#555; font-weight:normal; font-size:3em; } #ExclusiveBrands_SofaWorkshop article#rangePDP section#productInformation h3 { font-family:"HelveticaNeueW02-55Roma"; color:#555; font-weight:normal; font-size:2.2em; } #ExclusiveBrands_SofaWorkshop article#rangePDP section#productInformation h3 strong { font-family:"HelveticaNeueW01-75Bold"; font-weight:normal; } #ExclusiveBrands_SofaWorkshop article#rangePDP section#productInformation ol li, #ExclusiveBrands_SofaWorkshop article#rangePDP section#productInformation ul.information li { font-family:"Arial"; font-weight:normal; font-size:1em; } #ExclusiveBrands_SofaWorkshop article#rangePDP section#productInformation ol li a, #ExclusiveBrands_SofaWorkshop article#rangePDP section#productInformation ul.information li a { color:#b51a8a; } #ExclusiveBrands_SofaWorkshop article#rangePDP section#productInformation .advice-espot { font-family:"HelveticaNeueW02-55Roma"; border:1px solid #ddd; background:none; padding:10px; width:278px; height:auto; } #ExclusiveBrands_SofaWorkshop article#rangePDP section#productInformation .advice-espot h2 { color:#57585a; background:#f0f0f0; margin:0; padding:20px 20px 0 20px; white-space:normal; font-size: 2.6em; } #ExclusiveBrands_SofaWorkshop article#rangePDP section#productInformation .advice-espot h3 { color:#333; background:#f0f0f0; margin:0; padding:10px 20px; font-size:1.7em; } #ExclusiveBrands_SofaWorkshop article#rangePDP section#productInformation .advice-espot p { color:#333; background:#f0f0f0; margin:0; padding:0 20px 30px 20px; font-size:1.2em; } #ExclusiveBrands_SofaWorkshop article#rangePDP section#productInformation .advice-espot a { color:#333; background:#f0e2ee; margin:0; padding:0 20px 0px 0px; font-size:1em; } #ExclusiveBrands_SofaWorkshop article#rangePDP section#productInformation h3 span { font-family:"HelveticaNeueW02-55Roma"; } #ExclusiveBrands_SofaWorkshop article#rangePDP ul.productRange li p.rangeProduct { font-family:Arial; color:#707070; } #ExclusiveBrands_SofaWorkshop article#rangePDP ul.productRange li p.salePrice, #ExclusiveBrands_SofaWorkshop article#rangePDP ul.productRange li p.price { color: #b51a8a; font-family:Arial; font-weight:normal; } #ExclusiveBrands_SofaWorkshop article#rangePDP .sectionHeading h2, #ExclusiveBrands_SofaWorkshop article#rangePDP .sectionHeading h3, #ExclusiveBrands_SofaWorkshop article#rangePDP .headingWithAction h2, #ExclusiveBrands_SofaWorkshop article#rangePDP .headingWithAction h3 { color: #555; font-family:"HelveticaNeueW02-55Roma"; font-weight:normal; font-size:3em; margin:0; } #ExclusiveBrands_SofaWorkshop article#rangePDP #availableFor .sectionHeading h2 { padding-bottom :10px; } #ExclusiveBrands_SofaWorkshop article#rangePDP #availableFor li a { float: none; } #ExclusiveBrands_SofaWorkshop article#rangePDP section .dfsEspotContent { margin: 0 0 20px 30px; } #ExclusiveBrands_SofaWorkshop article#rangePDP section .dfsEspotContent .two-col-espot { background:#999; border-radius:0; font-family:"HelveticaNeueW02-55Roma"; padding: 20px 20px 40px 20px; width:430px; height:90px; } #ExclusiveBrands_SofaWorkshop article#rangePDP section .dfsEspotContent .two-col-espot h2, #ExclusiveBrands_SofaWorkshop article#rangePDP section .dfsEspotContent .two-col-espot p { font-family:"HelveticaNeueW02-55Roma"; margin:0; padding:0 0 10px 0; } #ExclusiveBrands_SofaWorkshop article#rangePDP section .dfsEspotContent .two-col-espot h2 { font-size: 3.6em; } #ExclusiveBrands_SofaWorkshop article#rangePDP section .dfsEspotContent .two-col-espot p { font-size: 1.6em; } #ExclusiveBrands_SofaWorkshop article#rangePDP section .dfsEspotContent .three-col-espot { background:#999; border-radius:0; font-family:"HelveticaNeueW02-55Roma"; padding: 20px 20px 40px 20px; width:267px; height:97px; } #ExclusiveBrands_SofaWorkshop article#rangePDP section .dfsEspotContent .three-col-espot h2 { font-size: 3.6em; } #ExclusiveBrands_SofaWorkshop article#rangePDP section .dfsEspotContent .three-col-espot h2, #ExclusiveBrands_SofaWorkshop article#rangePDP section .dfsEspotContent .three-col-espot p { font-family:"HelveticaNeueW02-55Roma"; margin:0; padding:0 0 10px 0; } #ExclusiveBrands_SofaWorkshop article#rangePDP section .dfsEspotContent .three-col-espot p { font-size: 1.3em; } /* ============ ============================================================== Exclusive Brands Lister ========================================================================== */ #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section, #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section, #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section, #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section, #ExclusiveBrands_CapsuleCollection article#exclusiveBerkeleyMagna section, #ExclusiveBrands_CapsuleCollection article#exclusiveGrandTour section, #ExclusiveBrands_CapsuleCollection article#exclusiveG-Plan section { background:none; } /* ========================================================================== Country Living Lister ========================================================================== */ #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister { background: transparent url("//i1.adis.ws/i/dfs/bgCountryLiving.png"); } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister div.heading { background: transparent url("//i1.adis.ws/i/dfs/countryLivingHeader.png") no-repeat; width:960px; height:86px; margin: 20px 32px; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section { background:none; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .intro { width:430px; float:left; border:10px solid #fff; background:#edede6; height:563px; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .intro h2 { font-family:Georgia; color:#948671; text-transform:uppercase; margin:20px 10px; padding:17px 0; border-top:2px dotted #fff; border-bottom:2px dotted #fff; text-align:center; font-size:2.25em; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .intro img.left { margin-right:10px; float:left; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .intro p { margin:0 25px 20px 25px; font-family:Georgia; clear:none; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .intro img.right { margin:0 25px 20px 0px; float:right; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .guarantee, #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .delivery { width:430px; float:right; border:10px solid #fff; background:#fff; font-family:Georgia; margin-bottom:20px; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .guarantee img, #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .delivery img { float:left; clear:none; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .guarantee p, #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .delivery p { clear:none; float:left; width:265px; margin:0 15px; font-size:1.7em; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .chat { width:452px; float:right; font-family:Georgia; height:303px; overflow:hidden; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .chat h2 { font-family:Georgia; color:#948671; font-size:3.2em; margin:10px 20px; padding:0; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .chat p { font-family:Georgia; color:#000; font-size:1.6em; margin:10px 20px; padding:0; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .chat a.chatlink { font-family:Georgia; color:#fff; font-size:2.1em; font-style:italic; margin:20px; padding:5px 50px 5px 5px; background: #82c7b2 url(//i1.adis.ws/i/dfs/ca_deliverypage_white-arrow.png) no-repeat 98% 50%; box-shadow: 1px 1px 3px #292929; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .three-col-espot { background: #fff; border-radius: 0; float: left; margin: 20px 20px 0 0; width: 292px; height:auto; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .last { margin-right:0; float:right; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .storeLocator { background: transparent url("//i1.adis.ws/i/dfs/bgCL_SL_espot.png") no-repeat; height:236px; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .storeLocator h2 { font-family:Georgia; color:#fff; font-size:3.2em; line-height:1.4em; } #ExclusiveBrands_CountryLiving article#exclusiveBrandsLister section .storeLocator a.storeDirectory { color:#fff; text-decoration:underline; margin:10px 20px; } /* ========================================================================== House Beautiful Lister ========================================================================== */ #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister { background: #f0e2ee; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister div.heading { background: transparent url("//i1.adis.ws/i/dfs/hb_header2.png") no-repeat; width:960px; height:86px; margin: 20px 32px; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section { background:none; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .intro { width:430px; float:left; border:10px solid #fff; background:#f5f3f2; height:561px; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .intro h2 { font-family:"Museo Slab W01 100"; color:#000; margin:20px 10px; padding:17px 35px; border-top:1px solid #000; border-bottom:1px solid #000; text-align:center; font-size:2.2em; font-weight:bold; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .intro img.left { margin:0 10px 0 20px; float:left; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .intro p { margin:0 25px 20px 25px; font-family:Arial, san-serif; clear:none; line-height:1.2em; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .intro img.sig { margin:0 25px 20px 20px; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .guarantee, #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .delivery { width:433px; float:right; border:10px solid #fff; background:#fff; font-family:HelveticaNeueW01-45Ligh; margin-bottom:20px; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .guarantee img, #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .delivery img { float:left; clear:none; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .guarantee p, #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .delivery p { clear:none; float:left; width:265px; margin:0 15px; font-size:1.7em; color:#333; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .chat { width:452px; float:right; font-family:"Museo Slab W01 100"; height:302px; overflow:hidden; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .chat h2 { font-family:"Museo Slab W01 100"; color:#b51a8a; font-size:3.2em; margin:10px 20px; padding:0; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .chat p { font-family:Arial, san-serif; color:#000; font-size:1.6em; margin:10px 20px; padding:0; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .chat a.chatlink { font-family:"Museo Slab W01 100"; color:#fff; font-size:1.8em; font-weight:bold; margin:20px; padding:10px 50px 10px 5px; background: #b51a8a url(//i1.adis.ws/i/dfs/ca_deliverypage_white-arrow.png) no-repeat 98% 50%; box-shadow: 1px 1px 3px #292929; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .three-col-espot { background: #fff; border-radius: 0; float: left; margin: 20px 20px 0 0; width: 292px; height:auto; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .last { margin-right:0; float:right; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .storeLocator { background: transparent url("//i1.adis.ws/i/dfs/bgHB_SL_espot_Pink.png") no-repeat; height:236px; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .storeLocator h2 { font-family:Georgia; color:#fff; font-size:3.2em; line-height:1.4em; } #ExclusiveBrands_HouseBeautiful article#exclusiveBrandsLister section .storeLocator a.storeDirectory { color:#fff; text-decoration:underline; margin:10px 20px; } /* ========================================================================== French Connection Lister ========================================================================== */ #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister { background: transparent url("//i1.adis.ws/i/dfs/bgFrenchConnection.png"); } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister div.heading { background: transparent url("//i1.adis.ws/i/dfs/frenchConnectionHeader.png") no-repeat; width:960px; height:86px; margin: 20px 32px; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section { background:none; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .intro { width:452px; float:left; height:582px; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .intro h2 { font-family:Arial, san-serif; color:#fff; margin:10px; padding:10px 20px; text-align:center; font-size:2.2em; font-weight:bold; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .intro img.left { margin:0 10px 0 20px; float:left; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .intro p { margin:0 20px 20px 20px; font-family:Arial, san-serif; clear:none; color:#fff; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .intro img.sig { margin:0 25px 20px 20px; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .guarantee, #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .delivery { width:432px; float:right; border:10px solid #fff; background:#fff; font-family:HelveticaNeueW01-45Ligh; margin-bottom:20px; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .guarantee img, #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .delivery img { float:left; clear:none; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .guarantee p, #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .delivery p { clear:none; float:left; width:265px; margin:0 15px; font-size:1.7em; color:#333; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .chat { width:452px; float:right; overflow:hidden; font-family:Arial, san-serif; height:302px; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .chat h2 { font-family:Arial, san-serif; color:#fff; font-size:3.2em; margin:10px 20px; padding:0; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .chat p { font-family:Arial, san-serif; color:#fff; font-size:1.6em; margin:10px 20px; padding:0; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .chat a.chatlink { font-family:Arial, san-serif; color:#fff; font-size:1.8em; font-weight:bold; margin:20px; padding:10px 50px 10px 5px; background: #000 url(//i1.adis.ws/i/dfs/ca_deliverypage_white-arrow.png) no-repeat 98% 50%; box-shadow: 1px 1px 3px #292929; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .three-col-espot { background: #fff; border-radius: 0; float: left; margin: 20px 20px 0 0; width: 292px; height:auto; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .last { margin-right:0; float:right; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .storeLocator { background: transparent url("//i1.adis.ws/i/dfs/bgFC_SL_espot.png") no-repeat; height:236px; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .storeLocator h2 { font-family:Arial; color:#fff; font-size:3.2em; line-height:1.4em; } #ExclusiveBrands_FrenchConnection article#exclusiveBrandsLister section .storeLocator a.storeDirectory { color:#fff; text-decoration:underline; margin:10px 20px; } /* ========================================================================== Capsule Collection Lister ========================================================================== */ #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister { background: #E9E2DA; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister div.heading { background: transparent url("//i1.adis.ws/i/dfs/capsuleHeader.png") no-repeat; width:960px; height:86px; margin: 20px 32px; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section { background:none; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .intro { width:430px; float:left; background:#FFF; padding:12px 10px; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .intro h2 { font-family:Arial, san-serif; color:#000; margin:20px 10px; padding:17px 0; text-align:center; font-size:2.25em; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .intro img.left { margin-right:10px; float:left; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .intro p { margin:0 25px 20px 25px; font-family:Arial, san-serif; clear:none; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .intro img.right { margin:0 25px 20px 0px; float:right; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .guarantee, #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .delivery { width:430px; float:right; border:10px solid #fff; background:#fff; font-family:Arial, san-serif; margin-bottom:20px; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .guarantee img, #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .delivery img { float:left; clear:none; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .guarantee p, #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .delivery p { clear:none; float:left; width:265px; margin:0 15px; font-size:1.7em; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .chat { width:452px; float:right; font-family:Arial, san-serif; overflow:hidden; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .chat h2 { font-family:Arial, san-serif; color:#000; font-size:3.2em; margin:10px 20px; padding:0; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .chat p { font-family:Arial, san-serif; color:#000; font-size:1.6em; margin:10px 20px; padding:0; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .chat a.chatlink { font-family:Arial, san-serif; color:#ffef41; font-size:2.1em; font-style:italic; margin:20px; padding:5px 50px 5px 5px; background: #000 url(//i1.adis.ws/i/dfs/ca_deliverypage_white-arrow.png) no-repeat 98% 50%; box-shadow: 1px 1px 3px #292929; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .three-col-espot { background: #fff; border-radius: 0; float: left; margin: 20px 20px 0 0; width: 292px; height:auto; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .last { margin-right:0; float:right; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .storeLocator { background: transparent url("//i1.adis.ws/i/dfs/bgcp_SL_espot.png") no-repeat; height:236px; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .storeLocator h2 { font-family:Arial, san-serif; color:#fff; font-size:3.2em; line-height:1.4em; } #ExclusiveBrands_CapsuleCollection article#exclusiveBrandsLister section .storeLocator a.storeDirectory { color:#fff; text-decoration:underline; margin:10px 20px; } /* ========================================================================== Berkeley Magna Lister ========================================================================== */ #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister { background: #b4a47c; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister div.heading { background: transparent url("//i1.adis.ws/i/dfs/eb_bm_header") no-repeat; width:960px; height:86px; margin: 20px 32px; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section { background:none; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .intro { background: #b4a47c; width:452px; float:left; height:582px; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .intro h2 { font-family:Arial, san-serif; color:#fff; margin:10px; padding:10px 20px; text-align:center; font-size:2.2em; font-weight:bold; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .intro img.left { margin:0 10px 0 20px; float:left; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .intro p { margin:0 20px 20px 20px; font-family:Arial, san-serif; clear:none; color:#fff; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .intro img.sig { margin:0 25px 20px 20px; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .guarantee, #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .delivery { width:432px; float:right; border:10px solid #b4a47c; background:#b4a47c; font-family:HelveticaNeueW01-45Ligh; margin-bottom:20px; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .guarantee img, #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .delivery img { float:left; clear:none; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .guarantee p, #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .delivery p { clear:none; float:left; width:265px; margin:0 15px; font-size:1.7em; color:#fff; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .chat { width:452px; float:right; overflow:hidden; font-family:Arial, san-serif; height:302px; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .chat h2 { font-family:Arial, san-serif; color:#fff; font-size:3.2em; margin:10px 20px; padding:0; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .chat p { font-family:Arial, san-serif; color:#fff; font-size:1.6em; margin:10px 20px; padding:0; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .chat a.chatlink { font-family:Arial, san-serif; color:#fff; font-size:1.8em; font-weight:bold; margin:20px; padding:10px 50px 10px 5px; background: #000 url(//i1.adis.ws/i/dfs/ca_deliverypage_white-arrow) no-repeat 98% 50%; box-shadow: 1px 1px 3px #292929; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .three-col-espot { background: #fff; border-radius: 0; float: left; margin: 20px 20px 0 0; width: 292px; height:auto; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .last { margin-right:0; float:right; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .storeLocator { background: transparent url("//i1.adis.ws/i/dfs/bgBM_SL_espot") no-repeat; height:236px; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .storeLocator h2 { font-family:Arial; color:#fff; font-size:3.2em; line-height:1.4em; } #ExclusiveBrands_BerkeleyMagna article#exclusiveBrandsLister section .storeLocator a.storeDirectory { color:#fff; text-decoration:underline; margin:10px 20px; } /* ========================================================================== Grand Tour Lister ========================================================================== */ #ExclusiveBrands_GrandTour article#exclusiveBrandsLister { background: url("//i1.adis.ws/i/dfs/eb_grandtour_main-background"); } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister div.heading { background: transparent url("//i1.adis.ws/i/dfs/eb_gt_header") no-repeat; width:960px; height:86px; margin: 20px 32px; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section { background:none; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .intro { width:452px; float:left; height:578px; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .intro h2 { font-family:Arial, san-serif; color:#fff; margin:10px; padding:10px 20px; text-align:center; font-size:2.2em; font-weight:bold; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .intro img.left { margin:0 10px 0 20px; float:left; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .intro p { margin:0 20px 20px 20px; font-family:Arial, san-serif; clear:none; color:#fff; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .intro img.sig { margin:0 25px 20px 20px; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .guarantee{ width:452px; height:120px; float:right; background:url(//i1.adis.ws/i/dfs/eb_gt_beautiful-creations); font-family:HelveticaNeueW01-45Ligh; margin-bottom:18px; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .delivery { width:452px; height:120px; float:right; background:url(//i1.adis.ws/i/dfs/eb_gt_10year); font-family:HelveticaNeueW01-45Ligh; margin-bottom:18px; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .guarantee img, #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .delivery img { float:left; clear:none; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .guarantee p, #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .delivery p { clear:none; float:right; width:280px; margin:15px 15px; font-size:2em; color:#000; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .chat { width:452px; float:right; overflow:hidden; font-family:Arial, san-serif; height:302px; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .chat h2 { font-family:Arial, san-serif; color:#fff; font-size:3.2em; margin:10px 20px; padding:0; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .chat p { font-family:Arial, san-serif; color:#fff; font-size:1.6em; margin:10px 20px; padding:0; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .chat a.chatlink { font-family:Arial, san-serif; color:#fff; font-size:1.8em; font-weight:bold; margin:20px; padding:10px 50px 10px 5px; background: #000 url(//i1.adis.ws/i/dfs/ca_deliverypage_white-arrow) no-repeat 98% 50%; box-shadow: 1px 1px 3px #292929; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .three-col-espot { background: #fff; border-radius: 0; float: left; margin: 20px 20px 0 0; width: 292px; height:auto; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .last { margin-right:0; float:right; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .storeLocator { background: transparent url("//i1.adis.ws/i/dfs/bgGT_SL_espot") no-repeat; height:236px; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .storeLocator h2 { font-family:Arial; color:#fff; font-size:3.2em; line-height:1.4em; } #ExclusiveBrands_GrandTour article#exclusiveBrandsLister section .storeLocator a.storeDirectory { color:#fff; text-decoration:underline; margin:10px 20px; } /* ========================================================================== G-Plan Lister ========================================================================== */ #ExclusiveBrands_G-Plan article#exclusiveBrandsLister { background: #919195; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister div.heading { background: transparent url("//i1.adis.ws/i/dfs/eb_gp_header") no-repeat; width:960px; height:86px; margin: 20px 32px; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section { background:none; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .intro { width:452px; float:left; height:578px; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .intro h2 { font-family:Arial, san-serif; color:#fff; margin:10px; padding:10px 20px; text-align:center; font-size:2.2em; font-weight:bold; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .intro img.left { margin:0 10px 0 20px; float:left; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .intro p { margin:0 20px 20px 20px; font-family:Arial, san-serif; clear:none; color:#fff; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .intro img.sig { margin:0 25px 20px 20px; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .guarantee{ width:452px; height:120px; float:right; margin-bottom:18px; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .delivery { width:452px; height:120px; float:right; margin-bottom:18px; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .guarantee img, #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .delivery img { float:left; clear:none; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .guarantee p, #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .delivery p { clear:none; float:right; width:280px; margin:15px 15px; font-size:2em; color:#000; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .chat { width:452px; float:right; overflow:hidden; font-family:Arial, san-serif; height:302px; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .chat h2 { font-family:Arial, san-serif; color:#fff; font-size:3.2em; margin:10px 20px; padding:0; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .chat p { font-family:Arial, san-serif; color:#fff; font-size:1.6em; margin:10px 20px; padding:0; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .chat a.chatlink { font-family:Arial, san-serif; color:#fff; font-size:1.8em; font-weight:bold; margin:20px; padding:10px 50px 10px 5px; background: #000 url(//i1.adis.ws/i/dfs/ca_deliverypage_white-arrow) no-repeat 98% 50%; box-shadow: 1px 1px 3px #292929; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .three-col-espot { background: #fff; border-radius: 0; float: left; margin: 20px 20px 0 0; width: 292px; height:auto; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .last { margin-right:0; float:right; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .storeLocator { background: transparent url("//i1.adis.ws/i/dfs/bgGP_SL_espot.png") no-repeat; height:236px; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .storeLocator h2 { font-family:Arial; color:#fff; font-size:3.2em; line-height:1.4em; } #ExclusiveBrands_G-Plan article#exclusiveBrandsLister section .storeLocator a.storeDirectory { color:#fff; text-decoration:underline; margin:10px 20px; } /* ========================================================================== Dwell Lister ========================================================================== */ #ExclusiveBrands_Dwell article#exclusiveBrandsLister { background: #3e3e3e; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister div.heading { background: transparent url("//i1.adis.ws/i/dfs/dwell_header_logo.png") no-repeat; width:960px; height:86px; margin: 20px 32px; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section { background:none; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .intro { width:430px; float:left; border:10px solid #fff; background:#f5f3f2; height:561px; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .intro h2 { font-family:"GillSansAlt1-Light"; color:#000; margin:20px 10px; padding:17px 35px; border-top:1px solid #000; border-bottom:1px solid #000; text-align:center; font-size:2.2em; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .intro img.left { margin:0 10px 0 20px; float:left; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .intro p { margin:0 25px 20px 25px; font-family:Arial, san-serif; clear:none; line-height:1.2em; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .intro img.sig { margin:0 25px 20px 20px; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .guarantee, #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .delivery { width:433px; float:right; border:10px solid #fff; background:#fff; font-family:HelveticaNeueW01-45Ligh; margin-bottom:20px; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .guarantee img, #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .delivery img { float:left; clear:none; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .guarantee p, #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .delivery p { clear:none; float:left; width:265px; margin:0 15px; font-size:1.7em; color:#333; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .chat { width:452px; float:right; font-family:"GillSansAlt1-Light"; height:302px; overflow:hidden; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .chat h2 { font-family:"GillSansAlt1-Light"; color:#b51a8a; font-size:3.2em; margin:10px 20px; padding:0; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .chat p { font-family:Arial, san-serif; color:#000; font-size:1.6em; margin:10px 20px; padding:0; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .chat a.chatlink { font-family:"GillSansAlt1-Light"; color:#fff; font-size:1.8em; font-weight:bold; margin:20px; padding:10px 50px 10px 5px; background: #b51a8a url(//i1.adis.ws/i/dfs/ca_deliverypage_white-arrow.png) no-repeat 98% 50%; box-shadow: 1px 1px 3px #292929; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .three-col-espot { background: #fff; border-radius: 0; float: left; margin: 20px 20px 0 0; width: 292px; height:auto; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .last { margin-right:0; float:right; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .storeLocator { background: transparent url(//i1.adis.ws/i/dfs/bgDwell_SL_espot_Bauhaus_Grey) no-repeat; height:236px; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .storeLocator h2 { font-family:"GillSansAlt1-Light"; color:#fff; font-size:3.3em; line-height:1.4em; width: 222px; margin-bottom: 10px; } #ExclusiveBrands_Dwell article#exclusiveBrandsLister section .storeLocator a.storeDirectory { color:#fff; margin:10px 20px; } /* ========================================================================== Sofa Workshop Lister ========================================================================== */ #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister { background: #555; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister div.heading { background: transparent url(//i1.adis.ws/i/dfs/sofaworkshop_header) no-repeat -50px -10px; width:960px; height:86px; margin: 20px 32px; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section { background:none; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .intro { width:430px; float:left; border:10px solid #fff; background:#f5f3f2; height:561px; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .intro h2 { font-family:"HelveticaNeueW02-55Roma"; color:#000; margin:20px 10px; padding:17px 35px; border-top:1px solid #000; border-bottom:1px solid #000; text-align:center; font-size:2.2em; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .intro img.left { margin:0 10px 0 20px; float:left; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .intro p { margin:0 25px 20px 25px; font-family:Arial, san-serif; clear:none; line-height:1.2em; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .intro img.sig { margin:0 25px 20px 20px; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .guarantee, #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .delivery { width:433px; float:right; border:10px solid #fff; background:#fff; font-family:HelveticaNeueW01-45Ligh; margin-bottom:20px; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .guarantee img, #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .delivery img { float:left; clear:none; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .guarantee p, #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .delivery p { clear:none; float:left; width:265px; margin:0 15px; font-size:1.7em; color:#333; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .chat { width:452px; float:right; font-family:"GillSansAlt1-Light"; height:302px; overflow:hidden; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .chat h2 { font-family:"HelveticaNeueW02-55Roma"; color:#b51a8a; font-size:3.2em; margin:10px 20px; padding:0; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .chat p { font-family:Arial, san-serif; color:#000; font-size:1.6em; margin:10px 20px; padding:0; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .chat a.chatlink { font-family:"HelveticaNeueW02-55Roma"; color:#fff; font-size:1.8em; font-weight:bold; margin:20px; padding:10px 50px 10px 5px; background: #b51a8a url(//i1.adis.ws/i/dfs/ca_deliverypage_white-arrow.png) no-repeat 98% 50%; box-shadow: 1px 1px 3px #292929; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .three-col-espot { background: #fff; border-radius: 0; float: left; margin: 20px 20px 0 0; width: 292px; height:auto; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .last { margin-right:0; float:right; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .storeLocator { background: transparent url("//i1.adis.ws/i/dfs/bgHB_SL_espot_Pink.png") no-repeat; height:236px; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .storeLocator h2 { font-family:"BaskervilleW01Regular_705699"; color:#fff; font-size:3.2em; line-height:1.4em; margin-bottom: 10px; } #ExclusiveBrands_SofaWorkshop article#exclusiveBrandsLister section .storeLocator a.storeDirectory { color:#fff; margin:10px 20px; } /*! jQuery UI - v1.10.3 - 2013-05-10 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.datepicker.css * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}