/*=RESET === === === === === === === === === === */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body {line-height:1;} ol, ul {list-style-type:none;} blockquote, q {quotes:none;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse;border-spacing:0;} hr {clear:both;visibility: hidden; height:1px;} a {text-decoration:none;} html {height:100%;padding-bottom:1px;} /*=STRUCTURE === === === === === === === === === === */ body { background:url('/img/flowers.jpg') #e9e8c7 repeat-x; } #wrapper { margin:0 auto; width:1000px; padding:0 10px; background:url('/img/bgShadow.png') repeat-y; } #container { background:#e9e8c7; border-bottom:1px solid #959477; padding:0 5px; } #header {margin:0 0 5px 0;height:160px;background:url('/img/headerBg.jpg') no-repeat 150px 0 #f5f7e2; padding-bottom:5px; position:relative;} #header a#logo {text-indent:-9999px;float:left;margin:5px 0 0 5px;height:148px;width:150px;display:block;background:url('/img/logo.png') no-repeat;position: relative;z-index: 2;} #mainContent { background:url('/img/mainBG.png') repeat-y 0 0; float:left; /* background:red; */ } #mainContent.noSidebar { background:white; } #searchContent { background:white; float:left; /* background:red; */ } #footer ul {width:152px;margin:0 0px 0 0px;float:left;display:block;} #footer #linkBox { background:#292929; background:#222; padding:10px 3px 10px 5px; clear:both; } #linkBox ul {margin: 0 5px; float:left;} #linkBox ul li {float:none;/* font-family:"Georgia", serif; */font-weight:normal;} #linkBox ul li a{color:#ccc;font-size:12px;font-family:Arial, helvetica, sans-serif;} #linkBox ul li.title, #linkBox ul li.title a {color:#c8828c;font-size:10px;text-transform:uppercase; margin-bottom:5px;} #linkBox ul li a:hover {color:white;} #footer .footerLinks { padding-top:20px; } /*=== new before and after === === ===*/ #imagewrapper { width:645px; background-color: #E9E8C7; overflow:hidden; position:relative; } #quotewrap { float:left; width:160px; } #sigwrap { float:left; } #imagewrapper p.quote { width:150px; font-style: italic; font-family:"Georgia", serif; padding:5px; color:#981a36; float:left; } #imagewrapper p.sig { width:150px; font-style: italic; font-family:"Georgia", serif; padding:5px; color:#000; } #imagewrapper img.main { float:right; margin:5px; } #imagewrapper img.sub { margin:5px 5px 0 0; position:absolute; left:5px; bottom:5px; z-index: 99; } .clickformorebutton { height:24px; width:110px; background-color:#981a36; float:right; clear:both; margin:5px 5px 5px 0; } #prenext { width:250px; float:right; } .clickformorebutton:hover { background-color:#b81e40; } .clickformorebutton p { font-size:13px; color:#fff; line-height:5px; margin-left:2px; } #prenext { width:250px; float:right; } .clickformorebuttonprenext { height:24px; width:110px; background-color:#981a36; float:right; margin:5px 5px 5px 0; } .clickformorebuttonprenext p { font-size:13px; color:#fff; line-height:5px; margin-left:2px; } .clickformorebuttonprenext p span { color:#FFF600; } .clickformorebutton p span { color:#FFF600; } #casethumbs { width:645px; margin-top:15px; } #casethumbs ul { list-style-type: none; } #casethumbs ul li { float:left; width:320px; margin-bottom: 15px; } #casethumbs ul li img { float:left; } #casethumbs ul li p { float:left; width:140px; padding:0 0 10px 10px; font-size:11px; } #casethumbs ul li a { float:left; width:140px; padding:0 0 10px 10px; font-size:10px; text-decoration:underline; color:#981a36; } /* -===- -===- is a ascfreen */ /* yo yoy o */ #footer .footerLinks ul { width:650px; } #footer .footerLinks ul li { float:left; } #footer .footerLinks ul li a { display:block;text-transform:uppercase;font-size:11px;padding:0 10px 0 0; margin:0 5px 0 0;border-right:1px solid #555;height:13px;font-family:Arial, helvetica, sans-serif; } #footer .footerLinks ul li.last a, #footer .footerMarks li.last {border:0;margin-right:0;padding-right:0;} #footer .footerMarks ul{width:700px;padding-top:15px;} #footer .footerMarks ul li { /* float:left; */ display:block; font-size:10px; padding:0 15px 0 0; margin:3px 0 3px 0;/* border-right:1px solid #555; */height:13px;} #footer #consultantQuicklinksWrapper { width: 173px; } #footer #consultantQuicklinks { font-weight: bold; position: relative; } * html #footer #consultantQuicklinks { display: none; } #footer #consultantQuicklinks > a { position: relative; z-index: 2; left: 10px; border: none; } #footer #consultantQuicklinks > ul { background: rgb(255,255,255); background: rgba(255,255,255,0.9); padding: 10px 10px 30px 10px; float: none; width: 143px; display: none; position: absolute; bottom: -5px; left: 0; z-index: 1; } #footer #consultantQuicklinks ul li { float: none; } #footer #consultantQuicklinks:hover > ul { display: block; } #footer #consultantQuicklinks > ul > li { position: relative; } #footer #consultantQuicklinks > ul > li > ul { padding: 5px; position: absolute; left: 120px; top: 0; display: none; z-index: 10; background: #444; width: 200px; border: 1px solid #999; } #footer #consultantQuicklinks > ul > li > ul > li { width: 200px; padding: 0px 5px; z-index: 1000; color: #fff; border: none; margin: 0; } #footer #consultantQuicklinks > ul > li > ul > li > a:hover { color: #999; } #footer #consultantQuicklinks > ul > li:hover > ul { display: block; } #footer #consultantQuicklinks > ul > li > a { border: none; padding: 5px; } #footer #consultantQuicklinks > ul > li > ul > li > a { color: #fff; border: none; display: inline-block; margin: 0; padding: 0; display: block; } a.amu {height:85px;width:85px;display: block;float:right;background:url('/img/amu.jpg') no-repeat 0 0;text-indent:-9999px;margin-top:-10px;padding-bottom:10px;} #endFooter {margin:0 auto;width:1000px;height:15px;padding:0 10px;background:url('/img/footerBtm.png') bottom no-repeat;} .hdSidewrap {width:400px;float:right;margin-right:5px; margin-top:-130px; height: 170px; } .hdSidewrap form {float:right;height:136px;width:314px;background:url('/img/contact.jpg') no-repeat 0 0;margin:0 0 5px 0;} .hdSidewrap form legend {text-indent:-9999px;} .hdSidewrap form fieldset {padding:30px 0 0 11px; border:none; outline:none;} .hdSidewrap form fieldset input {width:35px;} input.sub {background:black;color:white;} .searchErrors { font-size: 12px; position: absolute; top: 0; left: 0; width: 100%; z-index: 10000; display: none; } .searchMid { overflow: hidden; height: 300px; width: 1000px; margin: 0 auto; } .innerSearchErrors { padding: 10px; background: #AE2948; color: white; border: 2px solid #fff; border-top: none; -moz-box-shadow: 3px 3px 54px rgba(0,0,0,.7); -webkit-box-shadow: 3px 3px 54px rgba(0,0,0,.7); } /* #plumbsMainLink { background: url('/img/plumbs_main_header_bg.gif') no-repeat 0 0;font-size: 12px; width: 500px; height: 35px; position: absolute; z-index: 1; padding-left: 160px; } #plumbsMainLink, #plumbsMainLink a { color: #fff; } #plumbsMainLink span, #plumbsMainLink span img { vertical-align: middle; } #plumbsMainLink .looseCoversText { position: relative; top: 3px; } #plumbsMainLink .msg { position: relative; top: 5px; } #plumbsMainLink .plumbsLogo { float: right; margin-right: 10px; } */ .pageTitle {background:white;padding:5px; padding-bottom: 0px;} .homecta {float:left;background:white;padding-left:4px;} .homecta div {border:4px solid #666; background-color:#fff; margin:6px 6px 6px 1px;} .homecta div h2 {font-size:18px;margin:0px;/* background:url(/img/home_leftcol_headerbg.jpg) repeat-x; */color:#fff;padding:6px 0 5px 10px;height:41px;width:301px; background:#222;} .homecta div h2 em {font-size:12px; display:block; color:#e9e8c7; margin-top:4px;} .homecta div a {/* text-indent:-9999px; */ overflow:hidden; display:block; /* height:117px; */ width:311px; } .homecta div a img {display:block;} .homecta div a:hover {} .homecta div a.whatis {background-image: url(/img/home_leftcol_holderimg.jpg);} .homecta div a.why {background-image: url(/img/home_leftcol_holderimg.jpg);} .homecta div a.who {background-image: url(/img/home_leftcol_holderimg.jpg);} .homecta div a.homecompare {background:url(/img/home_leftcol_compare.jpg);height:110px;} .homecta div a.homefabricrange {background:url(/img/home_leftcol_viewfabricrange.jpg);height:110px;} .homecta div a.homespecialoffers {background:url(/img/home_leftcol_specialoffers.jpg);height:110px;} .imgHolder {float:left;margin:5px 0;overflow:hidden;height:205px;border-right:2px solid white;} .single {float:none;width:100%;border:0;} .two40 {width:238px;} .one50 {width:148px;} .short {height:155px;margin-top:-5px;} .entry {margin:20px 0;} .wizzy ul { margin:10px 0; line-height:1.4; list-style-type:square; font-size:12px; padding:10px 20px 10px 20px; color:#981a36; } .wizzy ul li { margin-bottom:10px; } .wizzy ul li span { color:#333; } .wizzy h2 { margin: 0px; padding: 0px; padding-top: 10px;} /*= LINKS, LISTS & NAVIGATION === === === === === === === === === === */ a {color:black;} a:hover {color:#63624D;} a.backLink {color:#981a36; font-size:11px;} p a {color:#981a36; padding-bottom:0; border-bottom:1px solid #981a36;} .bread {padding:0 0 3px 7px;height:25px;} .bread ul {padding-top:1px;padding-left:3px;} .bread ul li {float:left;padding-right:3px;margin-right:3px;} .bread ul li a {font-size:12px;padding:5px 3px 2px 0; display:block;height:16px;color:#555;} .bread ul li a span {color:#981a36;padding-left:4px;} .bread li a:hover, .bread li.first a:hover {color:#981a36;} .bread li.first a {color:#222;text-transform:capitalize;} .otherSites {padding:0 0 3px 120px;height:17px; width:270px;background:url('/img/otherBg.jpg') no-repeat #959477;float:right;} .otherSites li {float:left;margin-left:10px;} .otherSites li a {color:white; font-size:10px;} .otherSites li a:hover {color:black;} #footer .footCta {clear:both;padding:10px 0 10px 0;} a.fc {font-size:12px; background:#981a36; color:#fff; padding:4px 9px 5px 9px; border:1px solid #bbb; border-top-color:#ccc; border-left-color:#ccc;} a.fc span {color:#ece989; font-size:16px; padding-top:1px;} a.fc:hover {background:#750b23;border:1px solid #bbb;border-bottom-color: #ccc;border-right-color: #ccc; } a.fcDisabled, a.fcDisabled:hover { cursor: default; background: #ccc; border: none; } .fontSize {float:right;height:18px;width:94px;padding-top:3px;margin-right:5px;} .fontSize label {float:left;font-size:11px;padding:4px 1px 0 0;} .fontSize ul li {float:left;margin-left:3px;} .small {font-size:10px;} .medium {font-size:12px;} .large {font-size:14px;} ul.subnav {padding-bottom:1px; margin-bottom:20px; margin-top:5px;} ul.subnav li {margin-bottom:5px;} ul.subnav li a {background:#e9e8c7;padding:7px 0 6px 20px;display:block;width:300px;font-size:14px; color:#000;} ul.subnav li a:hover { color:#ae2948; background:#e9e8c7;} ul.subnav li.selected a { color:#fff; background:url('/img/subSelect.jpg') no-repeat center left #ae2948; } ul.subnav li ul {margin-top:4px;margin-bottom:4px;} ul.subnav li.selected ul li {margin-bottom:2px;} ul.subnav li.selected ul li a { color:white !important; background-image:none; background:#a6a48d; margin-left:12px; width:297px; padding:5px 0 5px 11px; } ul.subnav li.selected ul li.sublinkson a, ul.subnav li.selected ul li.sublinkson a:hover { background-color:#555; background:url('/img/subSelect3.jpg') no-repeat center left #555; } ul.subnav li.selected ul li a:hover {background:#929180;} ul.feat {padding:10px 0 0 0;} ul.feat li {border:1px solid #bbb;padding:4px;background:white;margin:5px 0; position: relative;} ul.feat li a {border:1px solid #eee;text-align:right;background:#f6f6d3;display:block;padding:10px 10px 5px 0; height:45px;color:#981a36;} ul.feat li a:hover, ul.feat li.selected a {color:#333;} ul.feat li span { position: absolute; bottom: 0; left: 0; background: transparent none no-repeat 0 0; overflow: hidden; } ul.feat li.brochure span { background-image: url('/img/roomset-ctas/brochure.png'); width: 61px; height: 63px; } ul.feat li.sofa span { background-image: url('/img/roomset-ctas/sofa.png'); width: 67px; height: 51px; } ul.feat li.truck span { background-image: url('/img/roomset-ctas/truck.png'); width: 79px; height: 48px; } ul.feat li.saleswoman span { background-image: url('/img/roomset-ctas/saleswoman.png'); width: 61px; height: 61px; } ul.banners li {margin:5px 0 10px 0;} ul.banners li a {border:5px solid white;outline:1px solid #ccc; overflow:hidden;display:block;width:310px;} ul.banners li a img {overflow:hidden;display:block;} ul.graphLinks li {border:1px solid #aaa;outline:1px solid #eee;background:#fafaea;padding:5px;float:left;width:190px;margin:10px 0 10px 10px;} ul.graphLinks li a {display:block;font-size:13px;color:#981a36;padding:100px 0 0 0;background:url('/img/graphLink.jpg') no-repeat;} ul.graphLinks li a:hover {color:black;} ul.swatches {padding:5px 0 0 0px;} ul.swatches li {float:left;margin-left:3px;} ul.swatches li a {padding:0;margin:0;display:block;} .widgLabel {display:block;padding:10px 0 0px 0px;color:#981a36; font-size: 20px; fonmt-weight: bold;} .ctablock {width:315px;} .fabricApp {width:649px;margin:0 10px 0 0; padding:0 0 5px 0; background:white;} .fabricApp h3, .fabricApp p {float:left;} .imgWrap {display:block;height:35px;background:url(/img/thumbPoint.png) no-repeat;position:relative; left:10px;z-index:99;} .fabricApp ul li {float:left;} .fullSide { width:320px; } .galleryHead {padding:2px 0 0 0;background:#F5F7E2;background:#e9e8c7;} .galleryHead h3 {color:#981a36;} .galleryHead h3, .galleryHead p {padding-left:10px;padding-right:10px;} .galleryHead ul {padding:0 0 0 110px;background:url(/img/otherImages.jpg) no-repeat 10px 7px;} .galleryHead ul li {margin:0 0 0 5px;} .galleryHead ul li a img {border:1px solid #959477;} .galleryHead ul li a:hover img {border:1px solid #981a36;} .galleryImage {clear:both;height:320px; width:637px; overflow:hidden;margin-bottom:9px;margin-top:-35px;} .galleryImage img {display: block;} .btmRow {background:#e9e8c7;background:#F5F7E2;padding:5px 0 1px 0;margin-top:5px;} .thumbNails { width: 637px; overflow: hidden; height:100px; padding-left: 1px; padding-top: 4px; position: relative; } .thumbNails ul { width: 20000em; position: absolute; } .thumbNails ul li { margin-left:8px; } .thumbNails ul li a img{ outline:1px solid white; display:block;} /*.thumbNails ul li a:hover img, .thumbNails ul li.current a img{ outline:1px solid #981a36; }*/ .roomsetNav {width:320px; margin-left:-5px; margin-top:5px; height: 215px; overflow: hidden; position: relative; } .roomsetNav ul { position: absolute; width: 20000em; z-index: 1000; height: 210px; } .roomsetNav ul li{float:left; margin-left:7px; } .roomsetNav ul li a { display: block; margin-bottom: 5px; } a.more {font-size:10px;display:block;margin-right:3px;width: 25px; height: 113px; position: absolute; z-index: 2000; text-indent: -9999px; } a.more span.arrow {color:#981a36;font-size:16px;padding-top:3px;} a.more.disabled { color: #ccc; cursor: default; } a.more.disabled span.arrow{ color: #ccc; } .roomsetNav .scrollLeft, .roomsetNav .scrollRight { z-index: 1000; text-decoration: underline; font-size: 12px; color:#981a36; position: absolute; bottom: 0; } .roomsetNav .scrollLeft { left: 10px; } .roomsetNav .scrollRight { right: 10px; } .roomsetNav .disabled { color: #ccc; cursor: default; } .fabricRangeList { padding: 10px 0; } .fabricRangeList li { float:left; font-size:11px; line-height:17px; list-style: none; background: transparent url('/img/bullet.png') no-repeat 0% 50%; padding-left: 10px; height: 15px; width:40%; } /*.roomsetNav a.scrollLeft { top: -5px; left: 0; background: url('/img/arrows/roomsetnav_left.png') no-repeat 0 50%; } .roomsetNav a.scrollLeft:hover { background-image: url('/img/arrows/hover/roomsetnav_left.png'); } .roomsetNav a.scrollLeft.disabled { background-image: none; } .roomsetNav a.scrollRight { top: -5px; right: -5px; background: url('/img/arrows/roomsetnav_right.png') no-repeat 0 50%; } .roomsetNav a.scrollRight:hover { background-image: url('/img/arrows/hover/roomsetnav_right.png'); } .roomsetNav a.scrollRight.disabled { background-image: none; }*/ a.loveThis {display:block; height:32px; width:345px; margin-right:5px; background:url('/img/loveThis.png') no-repeat 0 0; text-indent:-9999px;} /** FABRIC RANGE LISTINGS **/ ul.fabRange { } ul.fabRange li {display:block; float:left; margin:0 0 10px 9px; padding:5px; background:white; border:1px solid #aaa;} ul.fabRange li a {display:block; background:#f7f8e8; border:2px solid #959476; height:130px; width:303px;} ul.fabRange li a img {display:block;} ul.fabRange li a span { padding:8px 8px 6px 5px; color:#292929; font-size:18px; display:block; background: rgb(238,235,208); background: rgba(238,235,208,0.7); position:relative; top:-32px; text-align:right; display:block; } /* ul.fabRange li a span img {padding-top:10px;margin-left:-2px;} */ ul.fabRange li a:hover span {color:#981a36; background: rgb(238,235,208); background: rgba(238,235,208,0.9);} /* ul.fabRange li a:hover {outline:1px solid #666;} */ html body #wrapper ul.fabRange .first { margin-left:1px; } /* ul.fabRange {} ul.fabRange li {display:block;float:left;margin:0 0 10px 10px;} ul.fabRange li a {display:block;padding:7px;border:5px solid white; outline:1px solid #aaa;height:120px;background:#f7f8e8;} ul.fabRange li a img {float:left;display:block;} ul.fabRange li a span {float:left;width:155px;padding:20px 10px 0 10px;color:#981a36;font-size:18px;} ul.fabRange li a span img {padding-top:10px;margin-left:-2px;} ul.fabRange li a:hover span {color:#292929;} ul.fabRange li a:hover {outline:1px solid #666;} html body #wrapper ul.fabRange .first {margin-left:1px;} */ /** FABRIC RANGE LISTINGS FOR PRODUCT PAGES **/ .fabricCollections h4 { margin-bottom: 10px; } .fabricCollections ul.fabRange li a { height: 50px; } .fabricCollections ul.fabRange li a span { font-size: 16px; padding-top: 0px; width: 222px; line-height: 20px; } .fabricCollections ul.fabRange li a span { float: right; } .fabricCollections ul { padding-left: 10px; } ul.colList3 {} ul.colList3 li {float:left;background:white;padding:8px;margin:5px 0 5px 7px;} ul.colList3 li p {width:290px; font-size:12px;} ul.colList3 li h4 {margin-bottom:5px;} ul.colList3 li img {outline:1px solid #ccc;border:2px solid white;} .brnTag {color:#959477;} /** "Plumbs can Re-Upholster almost any furniture style!" Template **/ .anythingCategory { color: #292929; margin:10px 0;} .key { background: #fff; padding: 5px; color: #981a36; } .anythingCategory h3 { background-color:#edecd0; color: #ab2d45; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; } .anythingCategory p { padding:10px 5px; font-family: Helvetica, Arial, sans-serif; color:#333; background:white !important;} .anythingCategory .anythingSelector { background: #fff; } .anythingCategory .anythingSelector li { float: left; } ul#brandSelector { display: table; background: #fff; padding-bottom: 20px; } ul#brandSelector li .brandWrapper { display: table-cell; vertical-align: middle; } ul#brandSelector li a { width: 100px; height: 100px; overflow: hidden; padding: 5px 14px; float: left; background: #fff; text-align: center; vertical-align: middle; } ul.styleSelector { padding-top:20px; padding-bottom:20px; display:block; width:620px; padding-right:20px; outline:red thin solid; float:left; } ul.styleSelector li a { display: block; height: 60px; /* overflow: hidden; */ /*outline: 1px solid #FF0000;*/ background: #fff; padding: 10px 5px 5px 5px; cursor: default; } ul.styleSelector li.relatedLink a { background: url('/img/asterisk.gif') no-repeat right top; cursor: pointer; } .enlargeNote { width: 59px; height: 47px; background: url('/img/mag.png') no-repeat 0 0; text-indent: -9999px; cursor: zoom; position: absolute; bottom: 0px; right: 0px; color: white; font-size: 10px; text-shadow: 1px 1px 3px #000; } /** BEFORE/AFTER SLIDER COMPONENT **/ #sliderWrap {display:block; position:static; clear:both; height:300px;} .beforeAfterSlider { border: 1px solid #a8a790; position:absolute; z-index:1; height:260px;} .beforeAfterSlider .tabNav { float: left; position: relative; z-index:2;} .beforeAfterSlider .tabNav li span.notCurrent { background: #e9e8c7; padding:0 2px 6px 2px; display: block; width: 100px; } .beforeAfterSlider .tabNav li span.last { padding-bottom:0; } .beforeAfterSlider .tabNav li a { display:block; width:100px; height:62px; background:#e1e0c0; color:#6c6c6c; font-style:italic; text-align:center; } .beforeAfterSlider .tabNav li a:hover { background: transparent; } .beforeAfterSlider .tabNav li a.current, .beforeAfterSlider .tabNav li a.current:hover { background: transparent url('/img/before-after-slider/current-arrow.png') no-repeat 0 0; color: #fff; width: 119px; } .beforeAfterSlider .tabNav li span.last a.current { height: 57px; } .beforeAfterSlider .tabNav li a span.shiftDown { position: relative; display: block; top: 15px; } .beforeAfterSlider .tabNav li a.current span.shiftDown { left: -7px; } .beforeAfterSlider .sliderWrapper { position:relative; z-index:1; width:546px; height:261px; float:right; overflow:hidden; margin-left:-19px; } .beforeAfterSlider .sliderWrapper .dragger { width: 25px; height: 261px; position: absolute; left: 50%; top: 0; z-index: 10; } .beforeAfterSlider .sliderWrapper .dragger a { display: block; width: 25px; height: 261px; background: transparent url('/img/before-after-slider/dragger.png') no-repeat 0 0; } .beforeAfterSlider .sliderWrapper .sliderImage { position: absolute; top: 0; left: 0; width: 546px; height: 261px; overflow: hidden; } .beforeAfterSlider .sliderWrapper .sliderImage img { position: absolute; top: 0; left: 0; } .beforeAfterSlider .sliderWrapper .beforeImage { background: #999; } .beforeAfterSlider .sliderWrapper .afterImage { background: #ccc; } .beforeAfterSlider .sliderWrapper .label { background:white; position: absolute; bottom: 1px; font-style: italic; color: #333; font-size: 12px; padding: 5px 10px; z-index: 1000; cursor: pointer; text-decoration: none; } .beforeAfterSlider .sliderWrapper .label:hover { text-decoration: underline; } .beforeAfterSlider .sliderWrapper .beforeLabel { right:1px; } .beforeAfterSlider .sliderWrapper .afterLabel { left:5px; } #brandslist { width:300px; float:left; padding:0 10px 0 10px; border-right:#a6a48d 1px solid; } #brandslist ul { list-style-type:none; } #brandslist ul li { height:130px; border-bottom:#a6a48d 1px solid; } #brandslist ul li img { margin:10px 0 0 10px; display:block; float:left; } #brandslist ul li p { margin-left:20px; float:left; margin-top:35px; padding:0 0 0 5px; width:140px; } #brandslist ul li span { float:left; margin-top:0px; padding:0 0 0 5px; color:#AE2948; margin-left:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; } #brandslist ul li a span {color:#AE2948;} #brandslist ul li a:hover span {color:#750B23;} #styleslist { width:300px; float:left; padding:0 10px 0 10px; } #styleslist ul { list-style-type:none; } #styleslist ul li { height:130px; border-bottom:#a6a48d 1px solid; } #styleslist ul li img { margin:10px 0 0 10px; padding-top:20px; display:block; float:left; } #styleslist ul li p { margin-left:20px; margin-top:35px; float:left; padding:0 0 0 5px; width:140px; } #styleslist ul li span { float:left; margin-top:0px; padding:0 0 0 5px; color:#AE2948; margin-left:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; } #styleslist ul li a span {color:#AE2948;} #styleslist ul li a:hover span {color:#750B23;} /*=FONTS, HEADERS, TXT === === === === === === === === === === */ body { font-family: Helvetica, arial, verdana, sans-serif !important; } h1, h2, h3, h4, h5, p {padding:8px 0 8px 2px;} h1, h2, h3, h4, h5, .tag, q.storyQ, .storyCite, .widgLabel, .anythingCategory, .beforeAfterSlider .sliderWrapper .label, #caseStudies li span {font-family: "Georgia", serif;font-weight:normal;} h1 {font-size:20px;} h2 {font-size:17px;} h2.everysofatitle {font-family:"Georgia",serif;font-weight:normal;font-size:14px; margin-left:4px;} h3 {font-size:17px;} h3.grouped { margin-bottom:0; padding-bottom:0; } p { font-size:12px; line-height:1.4; color:#333; padding-left: 3px; } p.intro { font-style:italic; color:black;font-size:13px;} p.grouped { padding-top: 0; margin-top: 0; } p.everysofacopy {font-size:11px; min-height:120px;} /* #mainContent .col4 ul { padding-left: 20px; } #mainContent .col4 ul li { font-size: 12px; line-height: 1.4; color:#444; margin-bottom: 10px; list-style: circle; } */ .fabricCollections h4 {background:#959477;padding-left:10px;color:#e9e8c7;font-size:15px;} .pageTitle {margin-bottom:0; float: left; } .pageTitle h2 {font-size:18px; margin: 0px; display: block; width: 300px;} .pageTitle .left {} .pageTitle .right {width:35%;} .tag {text-align:center; font-style:italic; font-weight:bold;color:#981a36;font-size:13px;text-indent:-9999px;display:block;height:27px;width:201px;background:url('/img/world.jpg') no-repeat;margin:5px 0 0 130px;} .noPara .tag {margin-top:0;} q.storyQ {display:block;color:#981a36;font-size:20px;font-style:italic;padding:8px 0 10px 0; } .storyImg{ width:477px;height:317px;overflow:hidden;float:left;margin-bottom:10px;} .storyCite {float:left;margin:-5px 0 0 10px;} /*=FABRIC CHOOSER === === === === === === === === === ==== */ .fabricChooser {padding:8px 8px 8px 8px; border-bottom:1px solid #e2e2e1;} .selectFabricHeadBg {float:left; background:#292929; width:70%} .selectSamplesHeadBg {float:left; background:#f5f7e2; width:30%} .selectFabricBodyBg {float:left; background:#f4f2e6; width:70%;} .selectSamplesBodyBg {float:left; background:#fbf9ec; width:30%} .selectFabric {font-size:18px; color:#FFFFFF; padding:8px 0 8px 10px;} .selectSamples {font-size:18px; color:#981a36; padding:8px 0 8px 10px;} ul.fabnav {padding-bottom:1px;} ul.fabnav li {margin-bottom:1px;} ul.fabnav li a {background:#e9e8c7;padding:5px 0 5px 20px;display:block;width:150px;font-size:14px;} ul.fabnav li.selected a { color:#981a36; background:url('/img/subSelect.jpg') no-repeat -7px -5px #e9e8c7; } ul.fabnav li.fablinks a, ul.fabnav li.fablinkson a { background: #959477; color: #fff; font-size: 12px; margin-bottom: -5px; } ul.fabnav li.fablinks a:hover { background: #7b7a6a; } ul.fabnav li.fablinkson a, ul.fabnav li.fablinkson a:hover { background: #000; cursor: default; } /*=MISC === === === === === === === === === === */ .clear { clear:both; display:block; } .clearFix { clear:both; display:block; visibility:hidden; height:0; } .clearContents:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .left {float:left !important;} .right {float:right !important;} .col1, .col2, .col3, .col4, .col5, .col6 {padding:5px 5px;background:transparent;} .col1 {width:155px;} .col2 {width:320px;} .col3 {width:485px;} .col4 {width:649px;} .col5 {width:815px;} .col6 {width:980px;} .sideBar { background:transparent; padding-top:10px; margin-bottom:0; } .white {background:white;} html body #wrapper .first {margin-left:0;} /* div .col2.inner { outline:1px solid red; padding:0; } */ /* ============================================= ==================================================== */ #ctaBlock {padding:10px 0;} #ctaBlock ul {} #ctaBlock ul li {float:left;margin-bottom:10px;} #ctaBlock ul li.odd {margin-right:10px;} #ctaBlock ul li a { display:block; height:86px; width:317px; background:url(../img/tabSprite.jpg) no-repeat 0 0;border:1px solid #bbb;border-top-color:#ddd;border-bottom-color:#aaa;border-left-color:#ccc;color:#981a36; } #ctaBlockwide, .ctaBlockwide {padding:10px 0;} #ctaBlockwide ul, .ctaBlockwide ul {} #ctaBlockwide ul li, .ctaBlockwide ul li {margin-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif;} #ctaBlockwide ul li.odd, .ctaBlockwide ul li.odd {margin-right:10px;} #ctaBlockwide ul li a, .ctaBlockwide ul li a { display:block; height:67px; width:193px; background:url(../img/tabSpritewide.jpg) no-repeat 100% 0;border:1px solid #bbb;border-top-color:#ddd;border-bottom-color:#aaa;border-left-color:#ccc;color:#981a36; padding-left: 440px; font-size: 12px; padding-top: 55px; padding-right: 10px; line-height: 16px; } .ctaBlockwide ul li a:hover { border:1px solid #bbb; border-top-color:#aaa; border-bottom-color:#ddd; border-left-color:#ccc; } .ctaBlockwide ul li.localdirectory a { display:block; height:67px; width:208px; background:url(../img/tabwide_localdirectory.jpg) no-repeat 100% 0; padding-left: 425px; font-size: 12px; padding-top: 55px; padding-right: 10px; line-height: 16px; } .ctaBlockwide ul li.reupservice a { display:block; height:67px; width:268px; background:url(../img/tabwide_reupservice.jpg) no-repeat 100% 0; padding-left: 365px; font-size: 12px; padding-top: 55px; padding-right: 10px; line-height: 16px; } .ctaBlockwide ul li.everysofa a { display:block; height:67px; width:213px; background:url(../img/tabwide_everysofa.jpg) no-repeat 100% 0; padding-left: 420px; font-size: 12px; padding-top: 55px; padding-right: 10px; line-height: 16px; } #roomsetGallery #ctaBlockwide ul li a, #roomsetGallery .ctaBlockwide ul li a { padding-left: 94px; } #whatsNew #ctaBlockwide ul li a, #whatsNew .ctaBlockwide ul li a { background-image: none; padding: 0; } #ctaBlockwide ul li a:hover {border-bottom-color:#ddd;border-left-color:#bbb;border-top-color:#aaa;border-right-color:#ccc;color:#292929;} html body #ctaBlock ul.story li a {display:block; height:86px; width:317px; background:red;} #ctaBlock ul li a span{ display:block; padding:25px 20px 0 115px; overflow:hidden; line-height:1.2; font-size:15px; cursor:pointer; } #ctaBlock ul.story li a span{ display:block; padding:15px 20px 0 115px; overflow:hidden; line-height:1.2; font-size:15px; } #ctaBlock ul li a:hover {border-bottom-color:#ddd;border-left-color:#bbb;border-top-color:#aaa;border-right-color:#ccc;color:#292929;} #ctaBlock ul #decor01 a {background-position:0 -172px;} #ctaBlock ul li#decor02 a {background-position:0 -86px;} #ctaBlock ul #decor03 a {background-position:0 -430px;} #ctaBlock ul #decor04 a {background-position:0 -258px;} #ctaBlock ul #decor05 a {background-position:0 -344px;} #ctaBlock ul #decor06 a {background-position:0 -430px;} html body #ctaBlock ul.story li a {background-position-x:-6px 0 !important;} #ctaBlock ul.nxtCase li a span{ padding:30px 20px 0 115px;} .primaryContent {padding:0px 0; clear:both;} .cusTest {font:normal 12px/1.3 "Georgia", serif;padding:10px 0px 15px 15px;border-bottom:1px solid #eee;margin:0 0 10px 0;} .cusTest q {color:#444;background:url('/img/qLeft.jpg') no-repeat left top;padding-left:15px;font-style:italic;} .cusTest q span {background:url('/img/qRight.jpg') no-repeat right bottom;padding-right:15px;} .cusTest cite {display:block; color:#981a36; padding-top:5px; font-size:12px;} .cusTest.last {border:none;} #consultantDetailQuotes .cusTest { float: left; width: 31%; display: inline; } .singleTest {border-bottom:0;margin-bottom:0; font-size:15px; padding:0 10px 0 3px;} .box50 {width:50%;padding:1px;} .singleVideo {width:49%;} .FindTeam {width:49%;} .box50 h3 {padding-bottom:15px;} .box50 ul li {width:50%;float:left;} .box50 ul li img {border:5px solid white; outline:1px solid #ccc; margin-top: 1px;} .box50 ul li p {padding:5px 8px 5px 5px;line-height:1.4;} .box50 p {padding:10px 8px 5px 5px;line-height:1.4;} .box50 ul li a {color:#981a36; font-size:12px; padding:5px;} .box50 ul li a.img {padding:0;margin:0;} /******************* TOOLTIPS ********************/ .tooltip{display:none;background:transparent url('/img/tooltip_bg.png') no-repeat;font-size:12px;padding:13px 10px 30px 10px;width:117px;height:32px;color:#666;text-align:center;position: relative; z-index: 10000;} .tooltip.bottom{background-image:url('/img/tooltip_bg_bottom.png');padding:45px 10px 0 10px;height:35px;} #tooltipHTML{padding-top:5px;line-height:14px;padding-bottom:38px;} #tooltipHTML.bottom{padding-top:38px;padding-bottom:8px;} #tooltipHTML a{color:#991a37;display:block;position:relative;top:4px;text-decoration:underline;text-transform:uppercase;font-size:10px;} .tooltipLarge { display: none; background: transparent url('/img/tooltip_large_bg.png') no-repeat; font-size: 12px; width: 302px; height: 104px; padding: 16px 16px 26px 40px; z-index: 1000; } .right.tooltipLarge { background-image: url('/img/tooltip_large_right_bg.png'); padding-left: 16px; padding-right: 40px; } .tooltipLarge .personName { color: #231f20; font-size: 14px; padding-bottom: 10px; } .tooltipLarge .personQuote { color: #981a36; font-style: italic; font-size: 16px; padding-bottom: 10px; } .tooltipLarge .viewIt, .tooltipLarge .viewIt a { color: #666; text-decoration: underline; } .flexibleTooltip { display: none; font-size: 12px; width: 358px;z-index: 1000; } .flexibleTooltip .top { height: 9px; background: url('/img/flexible-tooltips/tooltip_large_bg_top.png') no-repeat 0 0; } .flexibleTooltip .mid { background: url('/img/flexible-tooltips/tooltip_large_bg_mid.png') repeat-y 0 0; padding: 10px 16px 10px 40px; width: 302px; } .flexibleTooltip .mid .tooltipTitle { font-size: 16px; color: #aa2c45; padding-bottom: 10px; } .flexibleTooltip .mid .tooltipContent { line-height: 16px; } .flexibleTooltip .bottom { height: 37px; background: url('/img/flexible-tooltips/tooltip_large_bg_btm.png') no-repeat 0 0; } .personName_ref, .personQuote_ref { display: none; } /******************* SLIDESHOWS ********************/ .slidesWrapper{position:relative;margin-bottom:20px;} .slides{position:relative;height:473px;cursor:pointer;} .slides .slide{display:none;position:absolute;top:0;left:0;height:473px;overflow:hidden;font-size:12px;} .slides .slideCaption{background:#303030;font-family: Arial, Helvetica, sans-serif;color:#e9e8c7;font-size:14px; line-height:1.2;padding:10px 0 10px 10px;} .slides .slide .slideCaption strong{color:#fff;font-style:normal;} .navigatorWrapper{background:#e9e8c7;margin-top:10px;color:#991a37;} .navigatorWrapper h3{font-size:18px;padding:10px;float:left;} .navigator{float:right;position:relative;top:15px;right:10px;} .overlay .navigator { right: 33px; } .navigator a{display:block;float:left;text-indent:-9999px;text-align:center;margin-right:5px;margin-bottom:5px;width:6px;height:6px;border:1px solid #333;} .navigator a:hover{background:#fff;} .navigator a.current{background:#303030;color:#e9e8c7;} .prevNext{width:320px;height:439px;display:block;color:#fff;position:absolute;bottom:0;z-index:1000;text-indent: -9999px;cursor:pointer;} .prev,.overlayprev{left:0;} .next,.overlaynext{right:0;} .prev:hover,.overlayprev:hover{background:url('/img/slideshows/left_arrow.gif') no-repeat left bottom;} .next:hover,.overlaynext:hover{background:url('/img/slideshows/right_arrow.gif') no-repeat right bottom;} .readMoreLink{background:#e9e8c7;position:absolute;bottom:0;z-index:3;width:100%;color:#991a37;padding:5px 5px 5px 10px;} .readMoreLink a{color:#991a37;text-decoration:none;} .conSteps .slides, .conSteps .slides .slide { height: auto; position: static; margin-bottom: 0; } .conSteps .prevNext2 { float: right; margin-right: 10px; margin-top: -2px; } .conSteps .prevNext2 a { color: #fff; display: block; float: left; margin: 0 5px 0 5px; } /* === === === === === === === === === === === === === === === === === === === === === === === GALLERIA === === === === === === === === === === === === === === */ #galleriaPreloaded li { margin:0;} #img { cursor:pointer; cursor:-moz-zoom-in; } #roomsetGallery { width:970px; padding: 10px; position: relative; } #roomsetGallery .cornerCTA { position: absolute; z-index: 1000; background: url('/img/CTA_lovethisfabric_corner.png') no-repeat; top: 277px; right: 10px; text-indent: -9999px; display: block; width: 274px; height: 183px; } #roomsetGallery .cornerTitle { position: absolute; z-index: 2; background: #AC2E46; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; padding: 10px; border: 1px solid #444; border-top: none; border-left: none; } #roomsetGalleryLargeImage { overflow:hidden; position: relative; height: 450px; overflow: hidden; } #roomsetGallery #zoomedImage { } #roomsetGallery .thumbsWrapper { width:917px; background:#fff; padding:0 3px 5px 3px; height:230px; margin-left:28px; overflow:hidden; position:relative; } #roomsetGallery .thumbs { width:20000em; position:absolute; left: 0; } #roomsetGallery .thumbs li { margin:2px 4px; height:100px !important; width:144px !important; overflow:hidden; float: none; } #outerThumbsWrapper { margin-top: 15px; } #roomsetGallery .thumbs li.row { margin-left: 148px; margin-top: -208px; } #roomsetGallery .thumbs li.row { } /* #roomsetGallery .caption { font-family:"Georgia", serif; font-size:16px; top:0; color:#444; border-top:1px solid #bbb; height:81px; background:url('/img/galleryTitleBG.png') no-repeat 0 -13px; margin-top:293px; width:619px; padding:10px; position:absolute; z-index:2; } #roomsetGallery .caption a { color:#981a36; font-weight: bold; padding:0 3px 3px 3px; text-decoration:none; } #roomsetGallery .caption a:hover { color:#000; padding:0 3px 3px 3px; text-decoration:none; } */ #roomsetGallery .prevPage, #roomsetGallery .nextPage { width:22px; height:36px; cursor:pointer; text-indent:-9999px; position:absolute; z-index:100; background:#fff; } #roomsetGallery .prevPage { background: transparent url('/img/roomset-left.gif') no-repeat 0 8px; left:0px; top:80px; } #roomsetGallery .nextPage { background: transparent url('/img/roomset-right.gif') no-repeat 0 8px; right:0; top:80px; } #roomsetGallery .disabled { visibility: hidden; cursor: default; } #whatsNew #roomsetGallery .thumbs li { float: left; } #whatsNew #roomsetGallery .prevPage { top: 30px; } #whatsNew #roomsetGallery .nextPage { top: 30px; } #whatsNew #roomsetGallery .thumbsWrapper { height: 100px; width: 610px; } #whatsNew #roomsetGallery .wizzy { float: left; width: 270px; } #whatsNew #roomsetGallery #outerThumbsWrapper { } .titleAndDesc { width:323px; height:168px; float: right; } .capDiv { height:10px; margin-top:10px; background:#fff; border-bottom:1px solid #777; } /***** ==================Product Range Cycle gallery================== *****/ #rangeGalleryNav { width: 330px;margin-left:-10px; margin-top:10px; float: left; margin-bottom: 10px; } #rangeGalleryNav li { width: 154px; height:78px; float: left; list-style: none; margin-left:10px; margin-bottom:10px;} #rangeGalleryNav a { width: 154px; height:78px; display: block; border: 1px solid #ccc; opacity: 1;} #rangeGalleryNav a.activeSlide {opacity: 1;} #rangeGalleryNav a:focus { outline: none; } #rangeGalleryNav img { display: block } /*************************************************/ /* === === === === === === === === === === === === === === === === === === === === === === === FLOWPLAYER === === === === === === === === === === === === === === */ .overlay {-moz-border-radius: 5px;border: 5px solid #e9e8c7;display:none;} .overlay .overlayCaption { color: #fff; padding-left: 10px; background: #444;} .overlay div.close {background:url(/img/overlay/close.png) no-repeat; position:absolute; top:-3px; right:-4px; width:35px;z-index:1000;height:35px;cursor:pointer;} a.player {display:block;} .slideCaption {color:#fff;font-size:14px;padding: 10px;background: #000;font-family: Georgia, 'Times New Roman', Times, serif;border-bottom: 1px solid #666;} .afterMainTitle, .afterSubTitle { color: #999; font-size: 70%; position: relative; left: 5px; } .banner {overflow:hidden;height:335px;float:left;margin:10px 0;} .push {margin-left:10px;} .col4Ban {width:648px;} .col2Ban {width:320px;} .banner a {display:block;} .banner a span {border:1px solid #777;border-left:0;display:block;position:relative;top:-200px;width:190px;padding:10px;background:url('/img/corner.jpg') no-repeat bottom right #f7f8e8;color:#750B23;} .banner a:hover span {color:#292929;} .altHead {color:#750B23;background:#f7f8e8;padding:5px 5px 7px 5px;margin-bottom:15px;} .clearAfter:after {content:'.';display:block;height:0;visibility:hidden;clear:both;} /* REASONS === === === === === === === === === === === === === === === === === === === === === === === === */ .Reasons ul{ margin-left:20px; list-style-type:disc; list-style-position:outside; font-size: 12px; line-height: 1.3; color: #981A36; margin-top: 7px; width: 680px;} .Reasons ul li { margin-bottom: 10px; float: left; width:285px; margin-right: 40px; padding-right:15px;} .Reasons ul li span{ color: #000; font-style:italic; font-size: 13px;} .dottedlinks a {color: #000; border-bottom: 1px dotted #000;} .dottedlinks a:hover {color: #981A36; border-bottom: 1px dotted #981A36;} .contentBlockBulletList ul{ margin-left:20px; list-style-type:disc; list-style-position:outside; font-size: 12px; line-height: 1.3; color: #981A36; margin-top: 7px;} .contentBlockBulletList ul li { margin-bottom: 10px; margin-right: 40px; padding-right:15px;} .contentBlockBulletList ul li span{ color: #000; font-style:italic; font-size: 13px;} /* REASONS END */ /* WHAT REUP LANDING === === === === === === === === === === === === === === === === === === === === === === === === */ .TextNexttoListItemRight{float: left; display: block; width: 400px;} .ListItemRight ul{float: left; display: block; width: 200px; margin-left: 30px; list-style-type:disc; list-style-position:outside; font-size: 12px; line-height: 1.4; color: #981A36; margin-top: 7px;} .ListItemRight ul li { margin-bottom: 20px;} .ListItemRight ul li span{ color: #000; /* font-weight: bold; */} .primaryContent h2 { color: #981A36;} h2.processHeading { margin-bottom: 2px; } p.ctaNote { padding-top: 0; margin-top: 0; font-size: 10px; color: #666; margin-left: 5px } .ProcessStages {height:218px;} .ProcessStages ul{} .ProcessStages ul li {} .ProcessStages .stageCol2 { margin-left: 210px; } .ProcessStages .stageCol3 { margin-left: 335px; } .ProcessStages .stageCol4 { margin-left: 450px; } .ProcessStages .stageTop { margin-top: -205px; } .ProcessStages .Stage1 a, .ProcessStages .Stage6 a { width: 180px; height: 218px; display: block; cursor: default; } .ProcessStages .Stage2 a, .ProcessStages .Stage3 a, .ProcessStages .Stage4 a, .ProcessStages .Stage5 a { width: 100px; height: 100px; display: block; cursor: default; } /* WHAT REUP LANDING END */ /* WHO LANDING === === === === === === === === === === === === === === === === === === === === === === === === */ .FindTeamForm { margin: 0px; background-image:url(/img/almost-anything/findteammap.gif); width: 283px; height:168px; padding: 15px;} .FindTeamForm p{ font-size: 16px; padding: 0px; padding-bottom: 15px; } .FindTeamForm input { width: 60px; } .FindTeamForm input { width: 60px;} .FindTeamForm input.sub { width: 35px;} .FindTeamForm_enterpostcode {display: block; color: #981A36; margin-top: 15px; font-size: 12px; } .FindTeamForm_TelNo {display: block; color: #981A36; font-size: 28px; font-weight: bold; margin-top: 5px;} /* WHO LANDING END */ /* GENERIC WYSIWYG PAGE === === === === === === === === === === === === === === === === === === === === === === === === */ .textCol {width:470px;float:right;margin:0 5px 10px 0;} .imagesCol {width:162px;float:left;} .imagesCol img, img.deco {border:5px solid white;outline:1px solid #bbb; margin:10px 0 0 0;} /* GENERIC WYSIWYG PAGE */ /* FAQ === === === === === === === === === === === === === === === === === === === === === === === === */ ul.questionLinks {margin:10px 0;} ul.questionLinks li {margin-bottom:8px;padding:0 1px;} ul.questionLinks li a {display:block;padding:0 0 0 45px;height:38px;background:url(/img/q.jpg) no-repeat -4px -5px #f7f8e8;color:#750B23;border:1px solid #ccc;font-size:13px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} ul.questionLinks li a:hover {color:black;background-position:-4px -53px;background-color:#fffff7;} /* FAQ */ /* BLOCKLINKS === === === === === === === === === === === === === === === === === === === === === === === === */ ul.blockLinks li {float:left;width:318px;overflow:hidden;margin:0 0 7px 7px;border:1px solid #ccc; background: #f7f8e8 ; } ul.blockLinks li.row {margin-left:0;} ul.blockLinks li a {display:block;padding:5px;} ul.blockLinks li a span {display:block;padding:4px 0 3px 1px;color:#750B23;} ul.blockLinks li a:hover span {color:#333;} ul.blockLinks li h3 {display:block;padding-left:5px;background:url('/img/corner.png') bottom right no-repeat ;} ul.blockLinks li h3 a {padding:0;background-image:none;} /* BLOCKLINKS */ ul.tech li { /* background-image: url('/img/hatch.gif'); */ } ul.tech li.current { background: #918c64; background: #a6a48d; } ul.tech li a span {color:#444;font-size:13px;height:80px;line-height:1.3;} ul.tech li h3 { font-size: 14px; padding-top: 0; margin-top: 0; } ul.tech li:hover a {color:#750B23;} ul.tech li.current a, ul.tech li.current a span { color: #fff; } .brandQuoteBlock {padding:10px 0;} .brandQuoteBlock img {border:5px solid white;outline:1px solid gray;float:left;} .brandQuoteBlock cite {display:block;font-style:normal;font-size:13px;margin-bottom:15px;} .brandQuoteBlock q {float:left;width:140px;font-size:15px;font-style:italic;margin-left:10px;text-indent:20px;background:url('/img/qLeft.jpg') no-repeat 0 0;color:#444;line-height:1.1;} .brandQuoteBlock q span {display:block;background:url('/img/qRight.jpg') no-repeat bottom right;} /*=== === === === === === === === === === */ .uknumber1{ position: absolute; margin-left: 40px; margin-top: -135px;} #BannerBlock {display: block; width: 630px; height: 125px; background-color: #eeecd3; border: 4px double #d7d6d1; margin-top: 20px; text-align: center; font-size: 30px; margin-bottom: 20px;} .FreeFabricSamples {} .FreeFabricSamples p{clear: both;} .FreeFabricSamples ul{ padding: 0px; margin: 0px;} .FreeFabricSamples ul li a{display: block; float: left; width: 75px; height: 75px;} /* === === === === === === === === === === === === === === MEET */ .MasterUpHolder { margin-left:5px; margin-bottom:10px; display:inline-block;} .MasterUpItem { float:left; width:203px; margin-right:15px;} .MasterUpItem h2 {font-size:14px; font-weight:normal; color:#444; line-height:18px;} .MasterUpImage { border: 1px solid #ccc; padding: 5px 5px 4px 5px; display: block;} .row{ margin-right:0px;} /* MEET */ /* === === === === === === === === === === === === === === EVRYSOFA */ .EverysofaConatiner {margin-left:10px; margin-top:10px; margin-bottom: 0px;} .EverysofaConatiner ul { margin-left: 5px;} .EverysofaConatiner ul li {background:#e9e9c7; display:block; float:left; width:122px; font-size:12px; margin-bottom:20px; padding-bottom:5px; margin-right:17px;} .EverysofaConatiner ul li:hover {cursor:pointer;} .EverysofaConatiner ul li.row {margin-right: 0px;} .EverysofaConatiner ul li p{padding:5px; font-weight:bold;} .EverysofaConatiner ul li p.button { background-color:#981a36; margin-bottom:4px; color:#fff; font-size:10px;} .EverysofaConatiner ul li p.button a{color:#FFFFFF;} .EverysofaConatiner ul li p.button span {color:#fff600;} .EverysofaConatiner ul li p.button:hover { background-color:#ae1839;} .EverysofaConatiner ul li span.fabricTitle, .EverysofaConatiner ul li span.fabricRange {color: #971b37; } .EverysofaConatiner ul li img {display:block;} .EverysofaConatiner ul li img.swatch {margin-left:4px;} .EverysofaConatiner ul li img.fabricChose {margin-left:3px; margin-bottom:5px;} /* EVRY SOFA */ ul.supportImages {padding:10px 0;} .supportImages li{float:left; display:block; padding:5px 5px 3px 5px; outline:1px solid #ccc; margin-left:10px;} .supportImages li.odd {margin-left:0;} /*=FLAT EVERY SOFA === === === === === === === === === === ===*/ /* EVRY SOFA */ /* === === === === === === === === forms -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- */ .formErrors { color: #981a36; padding-bottom: 10px; font-size: 11px; } .formErrors li { line-height: 16px; margin-left: 15px; list-style: circle; } .standardForm { margin: 10px 10px 0 10px; } .standardForm fieldset { border: 1px solid #ddd; padding: 10px; background: #eee; margin-bottom: 10px; } .standardForm fieldset.focused { border-color: #444; } .standardForm fieldset legend { border: 1px solid #ddd; display: block; padding: 10px; font-size: 14px; font-weight: bold; font-size: 12px; background-color:#EDECD0; color:#AB2D45; margin: 0 0 10px -20px; } .standardForm fieldset.focused legend { border-color: #ccc; } .standardForm div { font-size: 12px; margin-bottom: 10px; clear: both; line-height: 16px; } .standardForm div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .standardForm div.input label { padding: 2px; display: block; float: left; width: 150px; } .standardForm div.checkbox label { width: auto; max-width: 500px; } .standardForm div.input input { float: left; background-color: #fff !important; border: 1px solid #ccc; padding: 2px; font-family:Arial, Helvetica, sans-serif;} .standardForm div.submit input { display: block; background-image:url(../img/form-btn-homevisit.gif); color: #fff; font-size: 12px; margin-top: 0px; width: 221px; padding: 0px; margin: 0px; border: 0px; margin-top: 5px; height: 35px; padding-top: 9px; padding-bottom: 9px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; text-align:left; padding-left: 10px;} .standardForm div.submit input:hover,.standardForm div.submit input:focus { border: 0px solid #ccc; cursor:pointer; background-image:url(../img/form-btn-homevisit.gif); width: 221px; height: 35px display: block;} .standardForm .required { color:#AB2D45; font-weight: bold; } .standardForm a { text-decoration: underline; } #interestedIn div.input { float: left; clear: none; width: 33%; } .visitFormSidebar h2{ color: #fff; display: block; background-color: #981a36; font-size: 15px; padding-left: 0px; text-indent:-9999px; height: 80px; margin: 0px; padding: 0px; margin-top: 0px; } .visitFormSidebar.loveThisFabric h2{ background-image:url(../img/CTA_lovethisfabric.gif);} .visitFormSidebar.requestVisit h2{ background-image:url(../img/CTA_homevisit.gif);} .visitFormSidebar form { border: 1px solid #c0c3ae; height:auto; !important margin-bottom: 10px; padding-left:10px; padding-bottom:10px; font-size: 11px; padding-top: 5px;} .visitFormSidebar form select {width: 143px; display: inline-block; margin-bottom: 5px; border: 1px solid #ccc; margin-right:3px;} .visitFormSidebar form select:hover{width: 143px; display: inline-block; margin-bottom: 5px; background-color: #efefef !important; border: 1px solid #ac2e46;} .visitFormSidebar form label { display: block; margin-bottom: 5px; margin-top: 5px; } .visitFormSidebar form input {width: 290px; background-color: #fff !important; border: 1px solid #ccc; margin-right:3px;} .visitFormSidebar form input:hover {width: 290px; background-color: #efefef !important; border: 1px solid #ac2e46;} .visitFormSidebar form input.smallerbox {width: 114px; background-color: #fff !important; border: 1px solid #ccc;} .visitFormSidebar form input.smallerbox:hover {width: 114px; background-color: #efefef !important; border: 1px solid #ac2e46; } .visitFormSidebar form input.smallbox {width: 142px; background-color: #fff !important; border: 1px solid #ccc;} .visitFormSidebar form input.smallbox:hover {width: 142px; background-color: #efefef !important; border: 1px solid #ac2e46; } .visitFormSidebar form .submitBtnRAV input {width: 150px; background-color: #423c3e !important; border: 1px solid #ccc; color: #fff; font-size: 11px; padding: 2px; margin-top: 3px;} .visitFormSidebar form submitBtnRAV:hover input {width:150px; background-color: #000 !important; border: 1px solid #ccc; font-size: 11px; cursor:pointer; margin-top: 10px;} .visitFormSidebar form .error input, .visitFormSidebar form .error select { border-color: red; } .consultantMapForRegion { width: 316px; overflow: hidden; margin-top: 15px; } /* === === === === === === === === consultants -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- */ #consultantDetailRight {float: right; width: 315px; margin-right: 5px; margin-top: 5px; display: inline; } .float {display:inline-block;} .LocationsMap p{ background-color: #84826d; color: #fff; margin: 0px; padding: 0px; padding: 10px; margin-top: -3px; font-size: 11px;} .ConsultantTestimonials {clear:both; width: 655px; padding:5px;} .ConsultantTestimonials div {} .ConsultantTestimonials h2 {background-color: #edecd0; color: #ab2d45; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; margin-right: 10px;} .ConCaseStudies {} .ConCaseStudies h2 {background-color: #edecd0; color: #ab2d45; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; margin-right: 5px; margin-left: 0px;} .ConCaseStudies img {margin-left: 5px; margin-right: 10px; margin-bottom: 10px; float: left;} .CommentsBox { margin-left: 0px; float: left; width: 418px; background-image:url(/img/almost-anything/customer_comms_bg.gif); background-repeat:no-repeat; margin-right: 0px;} .CommentsBox h2 {color: #fff; background-color: #ab2d45; text-align: right; padding-right: 10px; width: 398px;} .CommentsBox h2:hover { background-color: #750B23;} .CommentsBox h2 a{color: #fff; border-bottom: none;} .CommentsBox h2 a:hover{color: #fff; border-bottom: 1px dotted #fff; background-color: #750B23;} .CommentsBox p{ padding: 10px; padding-top: 60px;} .CommentsBox span{ padding: 10px; font-weight: bold; font-size: 12px;} #ConsultantWrapper {padding-left: 5px; width: 985px;} .Consultant_Main { float: left; width: 650px; display: inline; } .Consultant_Main h1 {margin-top: 5px; margin-bottom: 5px;} .Consultant_Main h1 strong { margin-top:10px; display:block; font-size:13px; font-family:"Helvetica", Arial, Verdana, sans-serif; line-height:1.3; } .Consultant_Text {float: left; width: 475px; margin-right: 10px;} .Consultant_Text h2{ color: #981A36;} .Consultant_Text h3{ font-style:italic; font-size: 12px;} .Consultant_Images {float: left; width: 153px; margin-right: 10px;} .Consultant_Images ul{ color: #fff; } .Consultant_Images ul li { display: block; margin-bottom: 1px; margin-left: 5px; padding-right: 0px; font-size: 11px; background-color:#72715d;} .Consultant_Images ul li a{ } .Consultant_Images ul li p{color: #fff; padding: 5px; margin-bottom: 10px; font-size: 11px;} .Consultant_Main h1 strong { color: #000; font-weight: normal; } /* =================================================================== ====================================================================================================================================================== */ /* EVERYSOFA DETAIL -===- -===- -===- -===- -===- -===- */ .EverysofaDetail { /* display:inline-block; border:0px solid #ccc; */ margin:5px 5px 5px 5px; padding:0px;} .EverysofaDetail a { text-decoration:none; border:none; font-size:14px; color:#444; line-height:1.1; display: block;} .EverysofaDetail a:hover {text-decoration:underline; color: #981a36; line-height:1.1; display: block;} .CustomerPanel {float: left; background-image:url(/img/almost-anything/anniestoke_bg.jpg); width: 631px; background-repeat:no-repeat; display: inline-block; height: 441px; padding: 15px;} .CustomerPanel h1 {font-style:italic; padding-top: 20px; font-size: 24px; margin: 0px; padding-bottom: 0px; color: #981a36; width: 550px; line-height: 30px; } .CustomerPanel h2 {font-style:italic; padding: 0px; margin: 0px; margin-top: 10px; color: #444;} .CustomerPanel p{width: 340px;} .DetailfabricChoice { width: 340px; text-align:right;} .DetailfabricChoice h2{font-size: 14px; color: #981a36; font-weight: bold; display: block; } .DetailfabricChoice p a img {padding-top: 5px;} .CustomerPanelRight {float: left; margin-left: 0px; display: block; width: 318px;} .CustomerPanelRight h2 { display: block; color: #fff; font-style:italic; background-color: #981a36; padding-left: 10px; margin-bottom: 5px;} .CustomerPanelRight p { font-size: 18px; font-style: italic; width: 292px; line-height:1.1; padding-left: 10px; padding-right: 15px; background-color: #E9E8C7; margin: 0px; margin-bottom: 2px; font-style:normal; display: block;} .CustomerPanelRight p img {margin-left: 269px; margin-top: 0px; position: absolute; margin-top: -23px;} #prevNextStory #nextStoryInner{background-color:#981A36; border-bottom:3px #FFFFFF solid; width:317px;} #prevNextStory #prevStoryInner{background-color:#E9E8C7; width:317px;} #prevNextStory #nextStoryInner span a { font-weight:bold; font-style:normal; font-size:12px; } #prevNextStory #prevStoryInner span a { font-weight:bold; font-style:normal; font-size:12px; } #prevNextStory #nextStoryInner a {color:#FFFFFF; background:#981A36; display:block; padding-left:10px; padding-top:10px; font-size:14px; font-style:italic;} #prevNextStory #prevStoryInner a {color:#981A36; background:#E9E8C7; display:block; padding-left:10px; padding-top:10px; font-size:14px; font-style:italic;} #prevNextStory .storyTextHolder{height:auto; width:230px; margin-bottom:10px;} #prevNextStory #nextStoryInner, #prevNextStory #prevStoryInner { position:relative;} #prevNextStory .storyImageHolder .anchorBottom{position:absolute; bottom:0px;width:75px; height:75px;} #prevStoryInner .anchorBottom { right: 0; } body#home .hero { background: #E9E8C7; padding:0; margin: 5px 5px 0 5px; } html body div.homeHero {padding-top:10px; border:1px solid #aaa;} /* cases landing page styles */ .narrow { width:310px; margin-right:10px; } .casePush { margin-right:7px !important; } .buttonBox { width:315px; margin-right:10px; } .caseItem { display:block; background:white; padding:5px; border:1px solid #ccc; margin-bottom: 20px; } .caseItem.cusTest { font:normal 14px/1.2 "Georgia", serif;padding:0 5px;border-bottom:none;margin:0; margin-bottom:7px; } .singQuote { width:145px; height:90px; padding:0 5px; overflow:hidden; } .doubQuote { width:311px; padding:0 5px; height:90px; overflow:hidden; } .caseLaunch { position: relative; cursor: pointer; } .launchBtn { width:200px; float:right; padding:8px 12px; display:block; color:white; margin:10px 20px 0px 0; background:#333 !important; border:2px solid #fff !important; outline:1px solid #333 !important; } .launchBtn span { color:#ece989; padding-left:5px; padding-right:5px; } .txtRight {text-align:right;} .slidePlayer { position: absolute; height: 415px; width: 100%; display: block; } .spacer {display:block; height:7px;} .creamSpace {background:#e9e8c7;} #caseStudies li { float:left; margin-right:6px !important; /* margin-bottom:7px; */ width:157px; margin-top:10px; margin-bottom:10px; } #caseStudies li span { display:block; margin-bottom:10px; padding:0 5px; font-size:15px; height:30px; } #caseStudies li p { padding:5px 5px 2px 5px; } #caseStudies li.row { margin-right:0 !important; } #caseStudies li a img { display:block; background:white; padding:5px; border:1px solid #ccc; } #caseStudies li a:hover img { border:1px solid #666; } /* end cases landing page styles */ /* quality fabrics */ .contentList {padding:20px 0 0 0;} .contentList li {display:block;padding-bottom:10px;float:left;} .contentList li Img {float: left; margin-right: 10px; border: 5px solid #fff; outline:1px solid #ccc;} .contentList li p, .contentList li h2 {width:470px;float:left;} .contentList li h2 {padding-top:0;} /* quality */ /** -== == == == == == == == ==- sitemap **/ #sitemap { padding:20px 5px;width:980px;} #sitemap h1 { margin-bottom: 20px; } #sitemap ul { display:block; background:#fff;height:1%;} #sitemap ul li {/*padding-left:50px;*/ color:black; } #sitemap ul li ul {/*padding-left:50px;*/color:#bbb;} #sitemap ul ul ul li { display: none; } #sitemap ul li.secondLevel { float: left; width: 315px; margin-right: 10px; } #sitemap ul li.first { clear:both; } #sitemap ul li.hide { display:none; } #sitemap ul li a {text-decoration:none; } #sitemap ul li.secondLevel a { color:#333; display: block; font-size: 16px; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 10px; } #sitemap ul li.secondLevel a:hover { text-decoration: underline; } #sitemap ul li.secondLevel ul.secondLevel { margin-bottom: 20px; } #sitemap ul li.secondLevel ul li { position: relative; } #sitemap ul li.secondLevel ul li a { margin: 0; padding: 5px 0; border-bottom: 1px solid #eee; font-size: 12px; color: #666; } #sitemap ul li.secondLevel ul li a:hover { text-decoration: underline; } #sitemap ul li.secondLevel ul ul li a { background: #eee; font-size: 10px; padding: 5px; border-bottom: 1px solid #fff; line-height: 16px; } #sitemap ul li.secondLevel ul ul li a:hover { background: #fff; } #sitemap ul li.secondLevel ul ul li:last-child a { border-bottom: none; } #sitemap .arrow { width: 30px; height: 22px; background: #eee none no-repeat 50% 50%; position: absolute; right: 0; top: 0; display: block; cursor: pointer; } #sitemap .arrow:hover { background-color:#fff; } #sitemap .closed { background-image: url('/img/arrows/sitemap_arrow_closed.png'); } #sitemap .open { background-image: url('/img/arrows/sitemap_arrow_open.png'); } #sitemap ul li.secondLevel ul li .openTrigger { color:#666; } #sitemap ul li.secondLevel ul ul li .arrow { display:none; } /* -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- */ .redCream { background-color:#edecd0; color: #ab2d45; margin-top: 10px; margin-bottom: 10px; padding-left: 10px;} .wideForm { background-color:#edecd0; width:auto; background:url('/img/formWideBG.jpg') no-repeat top right #edecd0; border:5px solid #d5c9b6;margin-bottom:10px;} .wideForm p {width:50%;} /**************** TECHNIQUE DETAIL *********************/ .techniqueDetail .imagesCol, .techniqueDetail .textCol { width: 315px; } .techniqueDetail p.intro { color:#981A36; font-size:15px; line-height:1.2; padding-right:10px; } .techniqueDetail .imagesCol img { border-color: #E9E8C7; border-color:white; box-shadow: 10px 10px 5px #888; } /* -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- */ #sampleChooser {margin:10px 0 10px 0; border-bottom:1px solid #ccc;} #leftSide { width:730px; float:left; background:url('/img/dot.jpg') repeat-y top right #f6f4eb;} #rightSide { width:250px; float:left; background: url('/img/dropArr.jpg') no-repeat 113px 46px;} #sampleChooser h3 { padding:15px 10px; color:white;} #leftSide h3 {background:#4f4f4f; } #rightSide h3 {background:#b5b39a; text-align:center; } #leftSide ul { float:left; } .fabricChooserTooltip { display: none; font-size: 12px; width: 426px; z-index: 1000; font-family: Georgia, "Times New Roman", Times, serif; } .fabricChooserTooltip .top { height: 8px; background: url('/img/fabric-chooser/swatchbgtop.png') no-repeat 0% 0%; } .fabricChooserTooltip .mid { padding: 20px; background: url('/img/fabric-chooser/swatchbgmid.png') repeat-y 0% 0%; } .fabricChooserTooltip .bottom { height: 36px; background: url('/img/fabric-chooser/swatchbgbottom.png') no-repeat 0% 0%; } .fabricChooserTooltip .swatchBigImage { float: left; } .fabricChooserTooltip .roomsetDesc { float: right; width: 180px; margin-right: 10px; font-size: 12px; line-height: 16px; } .fabricChooserTooltip .swatchBigImage div {} .fabricChooserTooltip .swatchName { font-size: 16px; color: #aa2c45; padding-bottom: 10px; margin-top: -10px; } .fabricChooserTooltip .clickToRequest { padding: 10px 0; } .fabricChooserTooltip .clickToRequest a { text-decoration: underline; } #swatchPanel { float:left; } #swatchPanel ul { float:left; width:410px; margin:60px 0 30px 55px; } #swatchPanel ul li { float:left; margin:0 10px 10px 0; } #swatchPanel ul li a img, .fabricChooserTooltip .swatchBigImage img { display:block; border:1px solid #ccc; padding:5px; background:white; z-index: 3; position: relative; } #swatchPanel ul li.selected a img { background: #444; } #swatchPanel ul li a:hover img, #selectedSwatches ul li:hover img { border:1px solid #aaa; } #swatchPanel ul li.selected a img { border-color: #444; } #swatchPanel ul li:not(.selected) a img { cursor: move; } #swatchPanel ul li.selected a img { cursor: default; } #collectionNav ul li a { font-size:17px; display:block; background:#e9e8c7; padding:10px; height:40px; width:180px; color:#333; border-bottom:1px solid #ccc; border-right:1px solid #ccc; letter-spacing:0.2px; } #collectionNav ul li {padding-right:10px;} #collectionNav ul li.current a { background:#b5b39b; color:#fff; border-bottom:1px solid #aaa; border-right:1px solid #b5b39b;} #collectionNav ul li.current {background:url('/img/colTabOn.jpg') no-repeat top right;} #collectionNav ul li a:hover {color:black;} #collectionNav ul li.current a:hover {color:white;} #collectionNav ul li a span { display:block; margin-top:13px; } #collectionNav ul li.double a span { display:block; margin-top:3px; } #collectionNav ul li.last a { border-bottom:0; } #collectionNav ul li a.loading { background-image: url('/img/fabric-chooser-ajax.gif'); background-repeat: no-repeat; background-position: 95% 50%; } #selectedSwatches ul {margin:60px 0 30px 45px;} #selectedSwatches ul li {display:block;height:67px;width:67px;float:left;margin:0 25px 25px 0; background:url('/img/question.jpg') no-repeat; border:1px dotted #ccc;position:relative;} #selectedSwatches ul li.three {margin-left:42px;margin-bottom:50px;} #selectedSwatches ul li img { display:block; border:1px solid #ccc; padding:5px; background:white; } #selectedSwatches ul li.hoverOver { border: 1px solid #444; } #selectedSwatches ul li.hiddenImage img { display: none; } /* #selectedSwatches ul li span { font-size:73px; height:67px; width:67px; line-height:0; color:#fff; font-weight:bold; position:relative; top:-35px; left:15px; display:none; } */ #selectedSwatches ul li.pop {border-color: transparent;} /* #selectedSwatches ul li.over span { display:inline; } */ #selectedSwatches ul li span.close { width: 100%; height: 100%; top: 3px; left: 3px; position: absolute; z-index: 2; display: none; background: url('/img/remove_swatch_item.png') no-repeat 41% 50%; text-indent: -9999px; cursor: pointer; } #selectedSwatches ul li.over span.close { display: block; } #selectedSwatches ul li .removeSwatchLink { display: none; font-size: 10px; color: #666; text-decoration: underline; margin: 0; padding: 0; text-align: center; } #selectedSwatches ul li.pop .removeSwatchLink { display: block; } .btn { margin:0 auto; margin-top:20px; display:block; background:#981a36; color:#f6f5eb; border:1px solid white; padding:5px; font-size:16px; cursor:pointer; } #selectedSwatches input {margin:0 auto; margin-top:20px; display:block;} /* -===- -===- -===- -===- -===- home consultant do -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- */ #homeConSteps {display:block; background: url('/img/stepBG.png') no-repeat 0 0; margin-top:10px; padding:0;} #homeConSteps li {float:left; width:205px; margin-right:13px;list-style: none;} #homeConSteps li#step3 {margin-right:0 !important;} #homeConSteps li span.stepHeading { display:block; height:68px; padding:10px 5px 0 13px;} #homeConSteps li span.stepHeading span { display:block; text-transform:uppercase; font-family:"Georgia", serif; } #homeConSteps li span.stepNum { color:#efebd0; } #homeConSteps li span.stepTitle { color:white; font-size:13px; margin-top:6px;} #homeConSteps li img {display:block;} #homeConSteps li p {background:#efebd0;width:186px;padding:12px;margin:0;} #homeConSteps .cusTest {display:block;padding:5px 10px 15px 10px;border:none;margin:10px 0 5px 0;} #homeConSteps .cusTest q {color:#444;background:url('/img/qLeft.jpg') no-repeat left top;padding-left:15px;font-style:italic;} #homeConSteps .cusTest q span {background:url('/img/qRight.jpg') no-repeat right bottom;padding-right:15px;} /* -===- -===- -===- -===- -===- home consultant do -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- */ /*html body #wrapper #mainContent div#wizzy ul { margin:10px 0; font-size:13px; line-height:1.2; list-style-type: disc !important; padding-left: 40px; } div#wizzy ul li { float:none; display:block; margin-bottom:10px; }*/ .townTags {margin:10px 0;} .townTags li { float:left; margin-bottom:10px; margin-right:10px; } .townTags li a { font-size:12px; display:block; background:#fefff1; padding:8px; border:1px solid #ccc; } .townTags li a:hover {color:#981a36; border-color:#999;} .noteRed {color:#981a36; font-style:italic;} .county {color:#888;} /* -===- -===- -===- -===- -===- horizontal list -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- -===- */ ul.horizontalList { padding: 15px 21px 3px 21px; } ul.horizontalList li { float: left; width: 162px; margin-right: 60px; } ul.horizontalList li.last { margin-right: 0; } ul.horizontalList li img { display:block; border:1px solid #ccc; padding:5px; background:white; } .bottomLargeImage img { width: 595px; margin: 15px 21px 3px 21px; border:1px solid #ccc; padding:5px; margin-bottom: 20px; } .showRoom {font-size:13px;} .showRoom .redCream { margin-bottom:20px;} .showRoom .showDets {padding:10px;} .showRoom address {float:left; margin:0 75px 0 0; font-weight:bold; font-style:normal; line-height:1.2;} .showRoom .contacts {float:left; /* outline:1px solid red; */} .showRoom .contacts a {text-decoration:underline; color:#981a36;} .showRoom .contacts span {font-weight:bold;} .mapBox {border:1px solid #777; margin-bottom:10px; margin-right:5px;} .mapBox img { display:block; } .openingTimes {padding:10px; border:4px groove #981a36;; width:420px; margin-top:5px;} .weekDays, .weekEnd {float:left; width:210px;} .openingTimes span {display:block; font-weight:normal;margin:3px 0 5px 0; color:#555;} .openingTimes span span {display:inline; font-weight: bold; color:#000;} /*======================================= OTHER CTA BANNERS ========================================*/ .ctaBanners { padding: 15px 0 20px 5px; } .ctaBanners .left, .ctaBanners .right { width: 50%; } .ctaBanners .banner { border: 5px solid #fff; outline: 1px solid #ccc; width: 300px; height: 100px; background: #999; margin: 0 0 10px 0; } .ctaBanners .right .banner { height: 217px; } /*======================================= OFFERS ========================================*/ .offer { width:315px; float:left; margin:5px 0; background:#fcfcf3; margin-left:5px; } .offer.double {width:638px;} .offer.push {margin-left:7px;} .offer h3 { font-size:19px; background:#6f6f6f; color:white; padding:5px 10px 7px 10px; border-bottom:1px solid white; border-top:2px solid #444; font-weight:normal;} .offer p {font-size:13px;background:#981a36;color:#fff;padding:5px; padding:5px 10px; } .offerFoot { font-size:13px; position:relative; z-index:1000; margin:-20px 0 0 0; padding:0 10px; height:59px; /* width:300px; */ background:url('/img/offerBG.png') no-repeat top right; border-bottom:2px solid #981a36; } .offerFoot a {float:left; width:200px; margin-top:24px; color:#444; font-weight:normal;} .offerFoot a:hover {color:#000;} .offerFoot span {color:white; float:right; display:block; margin-top:24px; font-weight:bold;} .offerFoot a span {float:none; display:inline; color:#981a36;} .offerFoot span span {float:none; margin-top:1px; } .num {font-size:17px; text-align:right;} .num span {font-size:12px;} /*======================================= reasons ========================================*/ .reason { margin:10px 0; /* border-bottom:1px solid #ccc; */ } .reason div {width:440px; float:right; margin-bottom:5px;} .reason img { padding:5px; border:1px solid #bbb; float:left; margin-right:10px; margin-top:10px;} /*======================================= google cse ========================================*/ #cse-search-box { position:absolute; z-index:1000; right:5px; top:10px; } #cse-search-box .searchIcon { position:relative; top:2px; z-index:4;} #cse-search-results { padding:20px; } /*======================================= serviceSteps ========================================*/ #serviceSteps { margin:10px 0; border:1px solid #bbb; width:645px;} #mainWindow { width:645px; overflow:hidden; } #contentArea { position: relative; width: 100%; overflow: hidden; height: 288px; } #contentArea .innerContentArea { position: absolute; width: 20000em; } #contentArea .innerContentArea img { } #contentArea .imageText { position: absolute; bottom: 25px; padding: 10px; right: 25px; width: 300px; text-align: right; font-size: 20px; z-index: 2; color: #000; background-color: rgb(255,255,255); font-family: Georgia, "Times New Roman", Times, serif; } .buttonWrapper{position: absolute; z-index: 10; top: 5px; right: 5px; width:80px; height:25px; background: url('/img/transbg.png'); background-repeat:repeat;} .heroPause { width: 20px; height: 20px; cursor: pointer; position: absolute; z-index: 10; top: 3px; right: 30px; background: url('/img/homePausePlay2.png') no-repeat 0 0;} .heroPause.paused { background-position: 0 -20px; } .heroPrev { width: 20px; height: 20px; cursor: pointer; position: absolute; z-index: 10; top: 3px; right: 55px; background: url('/img/homePrevImg.png') no-repeat 0 0;} .heroNext { width: 20px; height: 20px; cursor: pointer; position: absolute; z-index: 10; top: 3px; right: 6px; background: url('/img/homeNextImg.png') no-repeat 0 0;} #stepsNav { height:30px; clear:left; padding:12px 0 0 10px; background:url('/img/navBG.png') no-repeat -203px 0 #f7f9dd; } #stepsNav ul { } #stepsNav ul li { float:left; } /* #stepTabs { } */ #stepTabs li { margin-right:15px; margin-top:2px; } #stepTabs li.last { margin-right: 0; } #stepTabs li a { color:gray; } #stepTabs li a.current, #stepTabs li a.current:hover { color:#981a36; } #stepTabs li a.current span, #stepTabs li a.current:hover span { background:#981a36; } #stepTabs li a:hover { color:#333; } #stepTabs li a:hover span { background:#333; } #stepTabs li a span { padding:4px 7px 2px 7px; background:gray; color:white; } .bump {margin-left:10px;} #prevNext { /* margin-right:40px; */ } #prevNext li a { padding:7px 11px 7px 11px; border:none;} #stepsNav.step1, #stepPosRef .step1 { background-position: -483px 0; } #stepsNav.step2, #stepPosRef .step2 { background-position: -406px 0; } #stepsNav.step3, #stepPosRef .step3 { background-position: -330px 0; } #stepsNav.step4, #stepPosRef .step4 { background-position: -255px 0; } #stepsNav.step5, #stepPosRef .step5 { background-position: -180px 0; } #stepsNav.step6, #stepPosRef .step6 { background-position: 0 0; } #prevNext li a span { } #prevNext li a:hover { } #prevNext li a.disabled { opacity: 0.2; cursor: default; } /*======================================= homehero wrapper ========================================*/ .homeHeroWrapper { position:relative; padding:0; padding-bottom:5px; z-index:2; height: 405px; overflow: hidden; border-bottom: 7px solid #e9e8c7; } .homeHeroWrapper .homeCaption, #roomsetGallery .caption { z-index: 10; position: absolute; top: 265px; right: 5px; text-align: right; color:#000; height: 200px; display: block;} #whatsNew #roomsetGallery .caption { top: 39px; } .videoClickHolder{margin-top:-102px; text-align:right;} #whatsNew #ctaBlockwide ul li a { display:block; height:96px; width:303px; border:1px solid #fff; color:#981a36; text-indent: -9999px; } #whatsNew #ctaBlockwide ul li a:hover {border: 1px solid #ac2e46;} #whatsNew #ctaBlockwide ul li.reup2010 { display:block; height:98px; width:304px; border:1px solid #fff; background-image: url('../img/tab_2010_reup.jpg'); color:#981a36; font-size: 12px; padding-right: 0x; line-height: 16px; } #whatsNew #ctaBlockwide ul li.loosecovers2010 { display:block; height:98px; width:304px; border:1px solid #fff; background-image: url('../img/tab_2010_loosecovers.jpg'); color:#981a36; font-size: 12px; padding-right: 0px; line-height: 16px; } #whatsNew #ctaBlockwide ul li.curtains2010 { display:block; height:98px; width:304px; border:1px solid #fff; background-image: url(../img/tab_2010_curtains.jpg); color:#981a36; font-size: 12px; padding-right: 0x; line-height: 16px; } #roomsetGallery .caption { right: auto; left: 0; } .homeHeroWrapper .homeCaption .innerHomeCaption, #roomsetGallery .caption .innerCaption { display: block; text-align:right; letter-spacing:-0.01em; line-height:28px; text-transform: capitalize; background:rgb(255,255,255); max-width: 650px; padding: 10px 18px 15px 18px; background: transparent url('/img/white_big_bg.png') no-repeat; font-family: Georgia, "Times New Roman", Times, serif; color: #000; font-size: 24px; font-weight: normal; /* border-left:1px solid #999; */ } .homeHeroWrapper .homeCaption .fc, #roomsetGallery .caption .fc { position:relative; right:0; top:3px; border-right:0; border-top:0; padding-top:6px; } #roomsetGallery .caption .fc { color: #fff; } .homeHeroWrapper .homeCaption .fc:hover, #roomsetGallery .caption .fc:hover { border-right:0; border-top:0; } /*======================================= homehero wrapper ========================================*/ /*======================================= product gallery wrapper ========================================*/ .galleryCaption { z-index: 10; position: absolute; top: 265px; left: 5px; text-align: left; color:#000; width:270px;} .galleryCaption .innerGalleryCaption { text-align:left; letter-spacing:-0.01em; line-height:28px; background:rgb(255,255,255); padding: 10px 18px 15px 18px; background: transparent url('/img/white_big_bg.png') no-repeat; font-family: Georgia, "Times New Roman", Times, serif; color: #AC2E46; font-size: 24px; font-weight: bold; border-bottom:1px solid #777; /* border-left:1px solid #999; */ } .productGalleryWrapper { position:absolute; margin-left:657px; margin-top:-5px; z-index:10} .productGalleryWrapperLeft { position:absolute; margin-left:-5px; margin-top:-60px; z-index:10} /*======================================= product gallery wrapper ========================================*/ #guarantee { margin:10px 0; background:url('/img/sarah.png') no-repeat bottom right #f5f7e2; padding:15px; border:1px solid #ccc; } #guarantee div { width:470px; } #guarantee h2 {background:transparent; padding:0; line-height:1.2;} p.signOff { font-style:italic; color:#444; } p.signOff span { display:block; margin-top:20px; text-indent:-9999px; height:30px; background:url('/img/sig.png') no-repeat 0 0; } #creds {margin-left:120px;} #creds li { float:left; margin-right:15px;} #creds li a { text-indent:-9999px; height:70px; width:100px;display:block; background:url('/img/credLogo.png') no-repeat 0 0; } #creds li.c1 a { width:70px; background-position:0 0; } #creds li.c2 a { width:75px; background-position:-75px 0; } #creds li.c3 a { width:70px; background-position:-150px 0; } #creds li.c4 a { width:160px; background-position:-225px 0; } .coversLink { width:660px; height:35px; display:block; text-indent:-9999px; background:url('/img/coversLink.jpg') no-repeat 0 0; position:absolute; padding:0; margin:0; } .headerCTA { display:block; text-indent:-9999px; background:url('/img/headerCTA.png') no-repeat 0 0; height:120px; width:401px; position:relative; top:45px; left:240px; } #stepsIntro { padding-right:120px; background:url('/img/shield.jpg') no-repeat top right; } .prevNextLayout { float: right; margin-right: 42px; margin-top: 7px; } .navigator .prevNextLayout { margin-top: 9px; } .contentBlocks .box50 { margin-bottom: 15px; } a.player { border: none !important; } #consultantCaseStudies { height: 236px; overflow: hidden; margin-bottom: 10px; } #consultantCaseStudies .CommentsBox h2 { position: absolute; bottom: 0; left: 0; margin-bottom: 0; } #consultantCaseStudies .ConCaseStudies { height: 236px; } #consultantCaseStudies img { margin-right: 1px; } #consultantCaseStudies .CommentsBox { background-color: #E9E9C7; float: right; margin-right: 8px; height: 236px; position: relative; } #consultantCaseStudies .personName { position: absolute; bottom: 35px; left: 0; } #consultantCaseStudies .CommentsBox p { height: 94px; overflow: hidden; } #consultantCaseStudies .viewCaseStudy { text-decoration: underline; color: #000000; position: relative; left: 15px; } .fabricGalleryBtn { top: -10px; position: relative; } /* ============= Brand and Style Product Listing =============== */ #brandsStyleList { width:648px; float:left; margin-bottom:20px; } #brandsStyleList ul { list-style-type:none; display:inline; margin-left:-10px; } #brandsStyleList ul li { float:left; height:140px; width:300px; margin-left:20px; border-bottom:1px solid #a6a48d; margin-top:-1px; } #brandsStyleList ul li div.listSpacing { margin-right:-10px; height:140px; } ul li div.imageHolder {height:110px; width:130px; float:left;} ul li div.textHolder{height:110px; width:170px; float:left;} #brandsStyleList ul li img { margin:10px 0 0 10px; display:block; } #brandsStyleList ul li p { margin-left:20px; margin-top:35px; padding:0 0 0 5px; } #brandsStyleList ul li span { margin-top:0px; padding:0 0 0 5px; margin-left:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; } #brandsStyleList ul li a span {color:#AE2948;} #brandsStyleList ul li a:hover span {color:#750B23;} p.brandLink a {color:#333333; border-bottom:none;} p.brandLink a:hover {text-decoration:underline;}