body {background: #fff;margin: 0;padding: 0; color: #666666; text-decoration: none; font-family: arial, helvetica, sans-serif; font-size: 75%;text-align: center; } div, li, form, select, input, label, dl, dt, dd {margin: 0;padding: 0;border: 0; } p, blockquote {line-height: 1.5em;margin: 0 0 1.5em;padding: 0;} ul, ol {margin: 0 0 1.5em; padding: 0; } table, tr, td, th, thead, tbody {margin: 0;padding: 0;border-collapse: collapse;} img {display: block;margin: 0;border: 0;} a {color: #5b7fa6;text-decoration: underline;overflow:hidden;} a:hover {color: #5b7fa6;text-decoration: none;} sup {bottom:0.4em;left:0.2em;margin-right:0.4em;position:relative;vertical-align:0;} em {font-style: italic;} /* general classes ---------------------------------------------------------- */ .clear {clear: both;} .noMargin {margin: 0;} .underline {text-decoration:underline;} .note {font-size:.9em;} /* headers ---------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 {font-weight: normal;color: #333;margin: 0 0 1em;} h1 {margin:0;} h1#logo {float:left;width:142px;padding-right:203px; background: url('/img/logo_bg.gif') right bottom no-repeat;} h1#logo a {display:block;text-indent:-9999px;width:142px;height:68px; background:url('/img/logo.gif') left top no-repeat;} h1#phone {width:585px;float:left;text-indent:-9999px;height:14px;margin:7px 0 36px; background: url('/img/phone_bg.gif') right top no-repeat;} h2#pageHdr {background:#cccccc;color:#fff;height:87px;text-indent:-9999px;margin-bottom:8px;} /* layout ---------------------------------------------------------- */ #container {margin: 0 auto;text-align: left;width:930px;} #header {padding-top:10px;} img#printLogo {display:none;} #content {width:775px;float:left;padding-bottom:30px;} .wide #content {width:930px;} #banner {float:left;width:930px;height:258px;margin-bottom:10px;} #leftCol {float:left;width:400px;padding:40px 60px 20px 3px;} .wide #leftCol {width:555px;} #leftCol h3 {font-size:16px;margin-bottom:1.25em;} #bigText {font-size:30px;line-height:1.2em;margin-bottom:25px;} #leftCol h4 {color:#5b7fa6;font-size:1.16em;font-weight:bold;margin-bottom:.7em;} #leftCol h4.noMargin {margin:0;} #rightCol {float:left;} #rightCol img {margin-bottom:8px;} ul.blueArrows {list-style:none;} ul.blueArrows li {padding:0 0 5px 8px;background:url('/img/bg_bluearrow.gif') 0 4px no-repeat;} ul.blueArrows li a {text-decoration:none;} ul.blueArrows li a:hover {text-decoration:underline;} .responsibility ul.blueArrows {margin:0 20px;} .responsibility ul.blueArrows li {padding-bottom:15px;} .infoRow {float:left;} .info {float:left;width:195px;padding:30px 50px 30px 0;} .infoRow .lastInfo {padding-right:0;} .info h3 {font-size:1.16em;letter-spacing:.5px;margin-bottom:4px;} .info p {margin-bottom:3px;} .info ul.blueArrows {list-style:none;padding-top:10px;} a.learnMore {font-size:.92em;text-decoration:none;} a.learnMore:hover {text-decoration:underline;} .readMore {color:#5b7fa6;font-size:.92em;} #footer {clear: both;font-size: 11px;color: #b3b3b3;padding:15px 0; width:930px;border-top: 1px solid #d5d5d5;text-align:right;} #footer p {margin-bottom:10px;} #footer span {margin:0 4px;} #footer a {color: #4b4b4b;text-decoration: none;} #footer a:hover {text-decoration: underline;} #footer a.subtlelink {color: #b3b3b3;} /* navs ---------------------------------------------------------- */ ul#nav {float:left;width:405px;list-style:none;padding-left:180px;} ul#nav li {float:left;display:inline;} ul#nav li a {display:block;text-indent:-9999px;height:9px;margin-right:39px;} ul#nav li a#studioNav {margin-right:0;} a#servicesNav {background: url('/img/nav.gif') 0 0 no-repeat;width:55px;} a#fabricsNav {background: url('/img/nav.gif') -94px 0 no-repeat;width:49px;} a#eventNav {background: url('/img/nav.gif') -182px 0 no-repeat;width:95px;} a#studioNav {background: url('/img/nav.gif') -316px 0 no-repeat;width:89px;} a#servicesNav:hover {background: url('/img/nav.gif') 0 -9px no-repeat;width:55px;margin-right:39px;} a#fabricsNav:hover {background: url('/img/nav.gif') -94px -9px no-repeat;width:49px;margin-right:39px;} a#eventNav:hover {background: url('/img/nav.gif') -182px -9px no-repeat;width:95px;margin-right:39px;} a#studioNav:hover {background: url('/img/nav.gif') -316px -9px no-repeat;width:89px;} #services a#servicesNav {background: url('/img/nav.gif') 0 -18px no-repeat;width:55px;margin-right:39px;} #fabrics a#fabricsNav {background: url('/img/nav.gif') -94px -18px no-repeat;width:49px;margin-right:39px;} #eventgallery a#eventNav {background: url('/img/nav.gif') -182px -18px no-repeat;width:95px;margin-right:39px;} #designstudio a#studioNav {background: url('/img/nav.gif') -316px -18px no-repeat;width:89px;} #subnav, #aboutSubnav {width:135px;padding:16px 20px 25px 0;float:left;} #subnav ul, #aboutSubnav ul {list-style:none;text-transform:uppercase;font-weight:bold;font-size:11px;margin:0;} #subnav li.active a, #aboutSubnav li.active a {padding-right:10px;background:url('/img/subnav_arrow.gif') right 3px no-repeat;} #subnav ul li, #aboutSubnav ul li {padding:9px 0;} #subnav ul a, #aboutSubnav ul a {color:#3c3c3c;text-decoration:none;} #subnav ul a:hover, #aboutSubnav ul a:hover {color:#8e8e8e;} #subnav ul a.open {background:url('/img/open_arrow.gif') right 4px no-repeat;padding-right:13px;} #subnav ul ul a.open {background:none;padding:0;} #subnav ul ul {padding-top:9px;text-transform:lowercase;display:none;} #subnav ul ul li {padding:0 0 5px 8px;} #subnav ul ul a {color:#737373;} /* home ---------------------------------------------------------- */ #homeFlash, #homeHero {float:left;height:429px;width:930px;} #home #noFlash {width:930px;height:429px;background:url('/img/bg_home_flash.jpg') top left no-repeat;text-indent:-9999px;} #home #noFlash a {display:block;width:177px;height:29px;margin:300px 0 0 700px;text-indent:-9999px; background:url('/img/btn_dl_flash.gif') top left no-repeat;} #home #noFlash a:hover {background:url('/img/btn_dl_flash.gif') bottom left no-repeat;} #servicesTout, #galleryTout, #fabricsTout {float:left;padding:40px 15px;width:280px;font-size:.92em;color:#9c9c9c;} #servicesTout h3, #galleryTout h3, #fabricsTout h3 {text-transform:uppercase;font-weight:bold;font-size:.92em;color:#4b4b4b;letter-spacing:.5px;} #servicesTout p, #galleryTout p, #fabricsTout p {margin-bottom:5px;} #servicesTout a, #galleryTout a, #fabricsTout a {color:#9c9c9c;} #servicesTout {background:url('/img/bg_services_tout.jpg') 20px 40px no-repeat;} #servicesTout h3, #servicesTout p {margin-left:90px;} #galleryTout {background:url('/img/bg_gallery_tout.jpg') 20px 40px no-repeat;} #galleryTout h3, #galleryTout p {margin-left:115px;} #fabricsTout {background:url('/img/bg_fabrics_tout.jpg') 20px 40px no-repeat;} #fabricsTout h3, #fabricsTout p {margin-left:135px;} /* fabrics ---------------------------------------------------------- */ #fabricLanding {width:775px;float:left;margin-bottom:30px;height:705px; background:url('/img/bg_fabrics_landing.jpg') left top no-repeat;} #landingContent {float:left;width:230px;margin:150px 0 0 430px;} #fabricLanding h2 {width:230px;height:33px;text-indent:-9999px;background:url('/img/hdr_fabrics_landing.gif') right top no-repeat;} h3#fabricSubHdr {float:left;font-size:18px;color:#ffcc95;width:180px;text-align:right;padding-left:50px;margin-bottom:25px;} p#fabricIntro {float:left;color:#fff;font-size:14px;line-height: 2em;text-align:right;} p#cantFind {text-align:right;font-size:.916em;color:#999999;padding-top:8px;padding-right:6px;margin:0;} p#cantFind a {color:#999999;text-decoration:none;} p#cantFind a:hover {color:#737373;} #fabrics h2#pageHdr {background: #cccccc url('/img/hdr_fabrics.gif') 547px 28px no-repeat;} #fabrics table {width:775px;margin-top:5px;} #fabrics th {text-transform:uppercase;color:#3c3c3c;font-size:14px;padding:0 4px 10px;font-weight:normal;letter-spacing:1px;} #fabrics th span {text-transform:lowercase;font-size: 12px;} #fabrics th.pagination {text-align:right;font-size:12px;font-weight:bold;letter-spacing:0;} #fabrics th.pagination ul {list-style:none;margin:0;} #fabrics th.pagination ul li {display:inline;margin:0 3px;} #fabrics th.pagination ul li.smPageNum {font-size:9px;color:#999999;} #fabrics th.pagination a {color:#999999;text-decoration:none;} #fabrics th.pagination a:hover {color:#737373;} #fabrics td {font-size:11px;padding-bottom:17px;z-index:10;width:155px;} #fabrics td.lastSwatch {width:131px;} #fabrics td p {margin-bottom:0;line-height:1.2em;padding:0 4px;width:140px;} #fabrics td p.swatchName {font-weight:bold;text-transform:uppercase;} div.swatch {height:123px;width:131px;background-position:center center;margin-bottom:7px;position:relative;} .tooltip {display:none;position:absolute;bottom:40px;right:-15px;padding-bottom:12px; background:transparent url('/img/tool_tip_arrow.png') bottom right no-repeat;} .ttContent {background:#fff;padding:7px 6px 20px;border:1px solid #cccccc;border-bottom:0;} .ttImage {height:230px;width:320px;background-position:center center;float:left;display:block;margin-bottom:5px;} #fabrics .tooltip p {padding:4px 10px 0;width:295px;} .tooltip p span {font-weight:bold;text-transform:uppercase;font-size:10px;color:#3c3c3c;} .tooltip a {color:#616161;} .closeBtn {position:absolute;top:8px;right:7px;z-index:999;} /* services ---------------------------------------------------------- */ #services #banner {background:#8aa5c3 url('/img/bnr_services.jpg') 0 0 no-repeat;} #services #banner h2 {width:215px;height:33px;text-indent:-9999px;background:url('/img/hdr_services_banner.gif') right top no-repeat;margin:80px 0 15px 675px;} h3#serviceSubHdr {font-size:18px;color:#dcebf3;width:265px;text-align:right;margin-left:625px;} #services .info {padding-top:200px;} #services .servInfo {background:url('/img/bg_servinfo.jpg') 0 25px no-repeat;} #services .laundInfo {background:url('/img/bg_laundinfo.jpg') 18px 25px no-repeat;} #services .salesInfo {background:url('/img/bg_salesinfo.jpg') 20px 25px no-repeat;} #services .restoreInfo {background:url('/img/bg_restinfo.jpg') 24px 25px no-repeat;} /* about ---------------------------------------------------------- */ #aboutus #banner {background:#6e7c41 url('/img/bnr_about2.jpg') 0 0 no-repeat;} #aboutus #banner h2 {width:234px;height:33px;text-indent:-9999px;background:url('/img/hdr_about_banner.gif') right top no-repeat;margin:80px 0 15px 656px;} h3#aboutSubHdr {font-size:18px;color:#c2d28e;width:215px;text-align:right;margin-left:675px;} #aboutus h2#pageHdr {background: #cccccc url('/img/hdr_aboutus.gif') 502px 28px no-repeat;} p.answer {padding-left:20px;} p.caption {text-align:right;color:#a8a8a8;} #submitRes {float:left;width:400px} #submitRes a {display:block;width:162px;height:29px;margin:0 0 30px;text-indent:-9999px; background:url('/img/btn_submit_res.gif') top left no-repeat;} #submitRes a:hover {background:url('/img/btn_submit_res.gif') bottom left no-repeat;} ul#jobList, ul#jobList ul, ul#storeList, ul#storeList ul {list-style:none;} ul#jobList {float:left;width:400px;} ul#jobList li, ul#storeList li {padding:0 0 5px;font-size:1.16em;} ul#jobList li a, ul#storeList li a {padding-left:10px;background:url('/img/bg_bluearrow.gif') 2px 4px no-repeat;text-decoration:none;} ul#jobList li a.open, ul#storeList li a.open {background:url('/img/bg_bluearrow_open.gif') 0 6px no-repeat;} ul#jobList li a:hover, ul#storeList li a:hover {text-decoration:underline;} ul#jobList ul {margin:10px 0 0;} ul#jobList ul li {padding:0 0 10px 15px;background:none;font-size:.82em;line-height:1.5em;} ul#jobList ul li a, ul#storeList ul li a {background:none;padding:0;text-decoration:underline;} ul#jobList ul li a:hover, ul#storeList ul li a:hover {text-decoration:none;} ul#storeList li {font-weight:bold;} ul#storeList ul {margin:5px 0 10px;} ul#storeList ul li {padding:0 0 0 15px;background:none;font-size:.9em;line-height:1.7em;font-weight:normal;} ul#storeList ul li.address {font-size:1em;font-weight:bold;} ul#storeList ul li.mapLink {font-size:.8em;} ul#storeList li.locPic {padding-top:15px;} a.faqHeader {color:#5b7fa6;font-size:1.16em;font-weight:bold;margin-bottom:1em;float:left;clear:both;} .faqSection div {padding:10px 15px;clear:both;float:left;} .faqSection div ul {padding:0 20px 0 30px;} .faqSection div ul li {padding-bottom:8px;} /* sales tools ---------------------------------------------------------- */ #salestools #banner {background:#9f0310 url('/img/bnr_sales.jpg') 0 0 no-repeat;} #salestools #banner h2 {width:150px;height:83px;text-indent:-9999px;background:url('/img/hdr_sales_banner.gif') right top no-repeat;margin:80px 0 15px 740px;} /* contact ---------------------------------------------------------- */ #contactus .wide #leftCol {width:588px;padding-right:27px;} #contactus h2#pageHdr {background: #cccccc url('/img/hdr_contactus.gif') 603px 28px no-repeat;} #hq {float:left;width:280px;} #hq dt, #hq dd {padding:0 0 7px;} #hq dt {font-size:1.16em;font-weight:bold;color:#5b7fa6;} dd.address {font-size:1.16em;font-weight:bold;} dd.mapLink {font-size:.9em;} #contactus form {float:left;display:block;width:300px;} #contactus label {text-transform:uppercase;font-size:10px;font-weight:bold;display:block;width:290px;color:#7f7f7f;padding:10px 0 5px;letter-spacing:.5px;} .txtfield {border:1px solid #cccccc;width:290px;padding:3px;} .wideField {float:left;width:300px;} .narrowField {float:left;width:145px;} .narrowField .txtfield, #contactus .narrowField label {width:136px;} #contactus .left {padding-right:10px;} #checkboxes {float:left;width:300px;padding:15px 0;} #checkboxes p {margin-bottom:5px;font-size:11px;} #checkboxes label {padding:2px 0;} #checkboxes input {position:relative;top:3px;margin:0 5px 0 10px;} #submitLink {display:block;width:101px;height:29px;margin:15px 0 30px;text-indent:-9999px; background:url('/img/btn_submit.gif') top left no-repeat;} #submitLink:hover {background:url('/img/btn_submit.gif') bottom left no-repeat;} /* industry resources ---------------------------------------------------------- */ #industryresources #banner {background:#3e527a url('/img/bnr_resources.jpg') 0 0 no-repeat;} #industryresources #banner h2 {width:223px;height:83px;text-indent:-9999px;background:url('/img/hdr_resources_banner.gif') right top no-repeat;margin:80px 0 15px 677px;} #industryresources .info {float:left;padding:30px 50px 0 0;} #industryresources .lastInfo {padding-right:0;} /* design studio ---------------------------------------------------------- */ #designstudio #footer {border:0;} #studioViewer {float:left;} #designstudio #noFlash {width:930px;height:630px;background:url('/img/bg_studio_flash.jpg') top left no-repeat;text-indent:-9999px;} #designstudio #noFlash a {display:block;width:177px;height:29px;margin:400px 0 0 695px;text-indent:-9999px; background:url('/img/btn_dl_flash_studio.gif') top left no-repeat;} #designstudio #noFlash a:hover {background:url('/img/btn_dl_flash_studio.gif') bottom left no-repeat;} /* event gallery ---------------------------------------------------------- */ #eventgallery #footer {border:0;} #gallery {float:left;} #gallery #noFlash {background:#2e2232 url('/img/bg_event_gallery.jpg') 90px 75px no-repeat;width:750px;height:442px;padding:75px 90px;} #gallery h2 {text-indent:-9999px;} #gallery #noFlash a {display:block;width:177px;height:29px;margin:144px 0 0 534px;text-indent:-9999px; background:url('/img/btn_dl_flash_events.gif') top left no-repeat;} #gallery #noFlash a:hover {background:url('/img/btn_dl_flash_events.gif') bottom left no-repeat;} /* error ---------------------------------------------------------- */ #error h2#pageHdr {background: #cccccc url('/img/hdr_error.gif') 484px 28px no-repeat;} #errorMsg {text-align:center;} #errorMsg h4 {margin-bottom:.5em;} #errorMsg h4 a {text-decoration:none;} #errorMsg h4 a:hover {text-decoration:underline;} /** validation errors */ .error-message { color: red; padding: 3px 0; }