/* ========= 1.0 UNIVERSAL RESETS 2.0 GENERIC CLASSES 3.0 GENERAL STRUCTURE 4.0 HEADINGS 5.0 BRANDING 6.0 LINKS 7.0 PARAGRAPHS 8.0 BLOCKQUOTES AND CITATIONS 9.0 FORMS 10.0 LISTS 11.0 TABLES 12.0 MISC PRESENTATION ELEMENTS 13.0 IMAGES 14.0 META 15.0 ACCESSIBILITY 16.0 PAGE SPECIFIC 17.0 GRID STYLING 17.1 - 16 COLUMN GRID SETUP 17.2 - 14 COLUMN GRID SETUP 17.3 - 14 COLUMN GRID SETUP - 820px 17.4 - 10 COLUMN GRID SETUP 17.5 - 8 COLUMN GRID SETUP 17.6 - 7 COLUMN GRID SETUP 17.7 - 6 COLUMN GRID SETUP 17.8 - 4 COLUMN GRID SETUP 17.9 - 3 COLUMN GRID SETUP ========= */ /* 1.0 UNIVERSAL RESETS ------------------------------------------ */ 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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline } :focus{ outline: 0 } body{ line-height: 1; color: black; background: white } ol, ul{ list-style: none } /* tables still need 'cellspacing="0"' in the markup */ table{ border-collapse: separate; border-spacing: 0 } caption, th, td{ text-align: left; font-weight: normal } blockquote:before, blockquote:after, q:before, q:after{ content: "" } blockquote, q{ quotes: "" "" } /* 2.0 GENERIC CLASSES ------------------------------------------ */ .clear{ clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .clearfix { display: inline-block } html[xmlns] .clearfix { display: block } * html .clearfix { height: 1% } /* Hide all elements until DOM is ready */ html.js-hidden body *{ visibility: hidden } /* Set up elements for image replacement */ .replaced{ display: block; overflow: hidden; text-indent: -999em; background-repeat: no-repeat } /* Class to hide elements without disabling them for screen readers */ .hide{ display: block; height: 1px; width: 1px; margin: 0; padding: 0; line-height: 0; overflow: hidden; text-indent: -999em } body#cabinet-construction-page .hide *{ width: 0; height: 0; line-height: 1px; margin-top: -100px } .displayNone{ display: none } .hidden{ visibility: hidden } .error{ color: #D81E05 } .its-successful{ border: 1px solid #b7e1c6; width: 434px; float: left; background: #ecfaee; padding: 20px; text-align: center; font-weight: bold; color: #183c1c } .its-unsuccessful{ border: 1px solid #ea8f8f; width: 434px; float: left; background: #f6e6e6; padding: 20px; text-align: center; font-weight: bold; color: #802222 } strong{ font-weight: bold } sup.service-mark{ vertical-align: text-top; font-size: 0.6em } sub{ vertical-align: baseline; font-size: 0.5em } .align-right{ text-align: right } .pull-right{ float: right } .no-transform { text-transform: none; } /* 3.0 GENERAL STRUCTURE ------------------------------------------ */ body{ background: #dbd7cd url(/images/gui/bg/bg-body.jpg) left top repeat-x; font-size: 62.5%; margin: 0; padding: 0; color: #333 } body.iframe{ background: #FFF } body, input, textarea { font-family: Helvetica, Arial, Sans-Serif; } #main-wrapper, .main-wrapper{ width: 990px; margin: 0 auto; position: relative } #header{ background: url(/images/gui/bg/bg-header.jpg) -15px 20px no-repeat; width: 990px; height: 131px; position: relative; z-index: 5001 } #content-wrapper{ background: url(/images/gui/bg/bg-content.png) -15px top repeat-y; width: 960px; padding: 0 15px 10px; font-size: 1.2em } #content-body{ text-align: center } #content-inner-wrapper, .content-inner-wrapper{ width: 940px; overflow: hidden; background: #FFF url(/images/gui/bg/bg-innergradient.jpg) repeat-x 0 0; padding: 40px 0 15px 0 } #chronicles-container{ text-align: center; margin: 0 auto } .title-bar{ float: none } #flyout-wrapper{ position: absolute; z-index: 99; background: yellow; width: 100%; height: 100%; opacity: 0.5 } #design-styles{ position: absolute; z-index: 100; background: white; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px } #footer{ width: 990px; height: 150px } #footer-top{ background: url(/images/gui/bg/bg-footer-top.png) -15px top repeat-y; height: 31px; position: relative; padding: 20px 55px } #footer-bottom{ background: url(/images/gui/bg/bg-footer-bottom.png) -15px top no-repeat; width: 920px; padding: 30px 35px 0px } #footer .social-links{ position: absolute; top: 33px; left: 51px } #footer .environmental-badges{ position: absolute; top: 20px; right: 50px } #footer .web-award{ position: absolute; top: 16px; right: 50px; width: 219px } #footer .web-award a{ display: block; position: absolute; width: 219px; height: 49px; background: url(/images/ir/logos/webaward.jpg) no-repeat; } #footer .web-award a:hover{ background-position-y: -49px } #footer a#behr { display: block; height: 40px; margin-right: 10px; overflow: hidden; padding: 0; text-indent: -200em; width: 90px; background: transparent url(/images/ir/logos/logo-behr.gif) 0 0 no-repeat } #footer a#delta { display: block; height: 40px; margin-right: 20px; overflow: hidden; padding: 0; text-indent: -200em; width: 110px; background: transparent url(/images/ir/logos/logo-delta.gif) 0 0 no-repeat } #footer a#milgard{ display: block; height: 40px; margin-right: 20px; overflow: hidden; padding: 0; text-indent: -200em; width: 80px; background: transparent url(/images/ir/logos/logo-milgard.gif) 0 0 no-repeat } #footer a#denova { display: block; height: 40px; overflow: hidden; padding: 0; text-indent: -200em; width: 110px; background: transparent url(/images/ir/logos/logo-denova.gif) 0 0 no-repeat } #footer a#behr, #footer a#delta, #footer a#milgard, #footer a#denova{ opacity: .15; filter: alpha(opacity = 15) } #footer a#behr:hover, #footer a#delta:hover, #footer a#milgard:hover, #footer a#denova:hover{ opacity: .25; filter: alpha(opacity = 25) } #footer-site-links{ background: transparent url(/images/gui/bg/bg-footer-site-links.png) 0 0 no-repeat; margin: 15px 0 0; padding-bottom: 30px; text-align: center } #footer-site-links ul{ padding: 11px 0 0 290px } #footer-site-links ul li{ display: inline; float: left } p#footer-site-brand-link{ color: #8B8B8B } .alert-content{ text-align: right; margin-bottom: 5px } .photo-wrapper{ position: relative; width: 246px; text-align: left } .photo-frame{ background: transparent url(/images/gui/bg/bg-photo-frame.gif) 0 0 no-repeat; position: absolute; width: 260px; height: 199px; top: -7px; left: -7px } .tool-links{ margin: 0; position: relative } .tools-response{ background: #fff; border: 1px solid #ccc; padding: 5px 10px; position: absolute; top: -35px; left: 0 } .design-style-tools-response{ background: #fff; border: 1px solid #ccc; padding: 5px 0; position: absolute; top: -35px; right: 145px; display: none; width: 206px; text-align: center } .photo-wrapper.door-styles .door-image{ float: left; display: inline } .above-tabs{ padding-bottom: 0 !important; position: relative; z-index: 9 } .below-tabs{ background: transparent url(/images/gui/bg/bg-below-tabs.gif) no-repeat 10px 0; min-height: 200px; padding-top: 40px } span.nobr{ white-space: nowrap } /* whats new pages */ #whats-new .below-tabs{padding-top:5px;} #whats-new-flash {margin:0 auto; width:910px; height:465px; background: url(/flash/whatsnew/whatsnewflash.jpg) } #whats-new .divider{background:url("/images/pic/door-styles-accessories/whats-new/divider.gif") no-repeat scroll center bottom transparent; margin-top:45px; padding-bottom:30px} #whats-new .doors{padding-left:10px} #whats-new .head p{line-height:20px} #whats-new .head img{display:block; float:left;} #whats-new .middle {margin-bottom:30px;} #whats-new .middle .button-replacer{float:right; margin:20px 20px 0 0} #whats-new .middle p {margin:20px 0 !important; padding:0 !important; line-height:20px} #whats-new .shadowbox img{width:160px} #whatsnew #whats-new-flash{background: transparent url(/flash/whatsnew/whatsnew-noflash.jpg) no-repeat 0 0 } /* side navigation */ #side-navigation h3{ color: #D81E05; font-size: 1em; font-weight: bold } .helpIcon img{vertical-align: middle; width: auto; height: auto } #side-navigation select{ display: block; font-size: 0.9em; margin-top: 5px; margin-bottom: 12px } #side-navigation li a{text-decoration: none; font-weight: bold } #side-navigation li{ margin-top: 10px; margin-bottom: 10px; font-size: 0.9em } #side-navigation li.selected a{ font-style: italic; color: #666 } #side-navigaton p{ font-size: 0.9em } #share-save-bar{ position: absolute; top: 10px; right: 40px; height: 65px } #share-save-bar span.left{ height: 27px; width: 4px; float: left; display: inline } #share-save-bar span.center{ height: 27px; padding: 0; float: right; display: inline } #share-save-bar span.right{ height: 27px; width: 5px; float: right; display: inline } #share-save-bar.whitebg{ position: absolute; top: 0; right: 30px; height: 65px } #share-save-bar.whitebg span.left{ background:url(/images/gui/bg/bg-toolbar-left.gif) 0 0 no-repeat; } #share-save-bar.whitebg span.center{ background: #fff; } #share-save-bar.whitebg span.right{ background:url(/images/gui/bg/bg-toolbar-right.gif) 0 0 no-repeat } /* my dealers dropdown */ #my-dealers-container{ position: absolute; left: -125px; z-index: 50; width: 147px } #my-dealers-container .my-dealers-top{ background: url(/images/gui/bg/bg-my-dealer-top-right.png) 0 0 no-repeat; width: 147px; height: 26px } #my-dealers-container .my-dealers-bottom{ background: url(/images/gui/bg/bg-my-dealer-bottom.png) 0 0 no-repeat; width: 147px; height: 12px } #sign-in-form{ position: absolute; left: -188px; z-index: 50; width: 211px } #sign-in-form .sign-in-form-top{ background: url(/images/gui/bg/bg-sign-in-top-right.png) 0 0 no-repeat; width: 211px; height: 20px } #sign-in-form .sign-in-form-container{ background: url(/images/gui/bg/bg-sign-in-content.png) 0 0 repeat-y; width: 211px; padding-top: 7px } #sign-in-form .sign-in-form-bottom{ background: url(/images/gui/bg/bg-sign-in-bottom.png) 0 0 no-repeat; width: 211px; height: 20px } span#forgotPass{ margin-top: 5px; display: block } span#LoginResult{ position: relative; top: 10px; color: #D81E05 } #softactionmovie{ position: absolute; top: 430px; left: 160px; z-index: 50 } #form-image{ background: url(/images/gui/bg/bg-form-image-bg.jpg) center bottom no-repeat; text-align: center } #form-bg-left.grid_7{ margin: 0 2px 0 15px !important; width: 390px !important } #form-bg-full.grid_14{ background: url(/images/gui/bg/form-bg-middle.jpg) 0 top repeat-y; margin: 0 20px !important; width: 800px !important; padding: 0 } .form-content{ background: url(/images/gui/bg/form-bg-footer.jpg) 0 bottom no-repeat; padding: 20px 0 20px 20px } .registration-form-content{ min-height: 200px; padding: 45px 0 30px 20px } .form-container{ float: left; display: inline; width: 359px; border-right: 1px solid #ccc } .form-extras-container{ float: left; display: inline; margin: 0 20px; width: 380px } .form-cp-column{ background: url(/images/gui/bg/bg-form-cp-column.jpg) 0 0 repeat; margin: 0 10px 20px 0; border: 1px solid #ccc; padding: 20px 0 } .form-cp-column-header{ background: url(/images/gui/bg/bg-form-content-header.jpg) 0 top no-repeat; padding-top: 10px } .form-cp-column-middle{ background: url(/images/gui/bg/bg-form-content-middle.jpg) 0 top repeat-y; width: 341px; margin: 0 auto } .form-cp-column-footer{ background: url(/images/gui/bg/bg-form-content-footer.jpg) 0 bottom no-repeat } .gray-box-top{ background: url(/images/gui/bg/bg-gray-box-header-820.jpg) 0 top no-repeat } .gray-box-middle{ background: url(/images/gui/bg/bg-gray-box-middle-820.jpg) 0 0 repeat-y; padding: 0 } .gray-box-bottom{ background: url(/images/gui/bg/bg-gray-box-footer-820.jpg) 0 bottom no-repeat; padding: 20px 0 0 } .registration-top{ background: url(/images/gui/bg/bg-reg-form-header.jpg) 0 top no-repeat } .registration-middle{ background: url(/images/gui/bg/bg-reg-form-content.jpg) 0 0 repeat-y; padding: 0 } .registration-bottom{ background: url(/images/gui/bg/bg-reg-form-footer.jpg) 0 bottom no-repeat; padding: 20px 0 0 } .learn-more-bg{ background: url(/images/gui/bg/bg-learn-more-bg-middle.jpg) 6px 0 repeat-y; padding: 0 } .learn-more-header{ background: url(/images/gui/bg/bg-learn-more-bg-header.jpg) 1px 0 no-repeat; padding: 0 } .learn-more-content-container{ background: url(/images/gui/bg/bg-learn-more-bg-footer.jpg) 1px bottom no-repeat; padding: 13px } .learn-more-content{ background: url(/images/gui/bg/bg-learn-more-content-bg.jpg) 0 50% no-repeat; border: 1px solid #fff; text-align: center; padding: 20px 0 } .ad-box .ad-title, .add-box .add-title{ background: url(/images/gui/bg/bg-ad-box-header.jpg) 0 0 no-repeat; height: 26px; font-size: .9em; color: #D81E05; padding: 13px 0 0; font-weight: bold; text-align: center } .ad-box .ad-content, .add-box .add-content{ background: url(/images/gui/bg/bg-ad-box-content.jpg) 0 0 repeat-y; color: #333; font-size: .8em; padding: 10px 15px } .ad-box .ad-footer, .add-box .add-footer{ background: url(/images/gui/bg/bg-ad-box-footer.jpg) 0 0 no-repeat; height: 6px } #custom-message{ clear: both } .print-scrapbook-container{ text-align: right; margin: 10px 0 15px } span.ampersand{ font-family: Tahoma; font-weight: normal } span.remove-all-caps{ text-transform: none } body div.dropdown-list-container{ font-size: 12px; font-weight: normal; height: 18px; border: 1px solid #ccc; width: 155px; background: white url(/images/gui/bg/bg-list-dropdown-arrow.gif) no-repeat right top; padding: 3px 0 0 5px; position: relative; text-align: left } html>/**/body div.dropdown-list-container, x:-moz-any-link, x:default{ height: 16px; padding-top: 2px; background-position: right -2px } /* Firefox 3 only */ body div.dropdown-list-container p, body #content-wrapper div.dropdown-list-container p{ margin-bottom: 0; height: 17px } body div.dropdown-list-container ul.dropdown-list{ margin-left: -6px; text-align: left; float: none; display: block; border: 1px solid #ccc; width: 139px; height: 134px; position: absolute; background: #fff; top: 21px; overflow: auto; overflow-x: hidden; z-index: 100 } html>/**/body div.dropdown-list-container ul.dropdown-list, x:-moz-any-link, x:default{ top: 18px } /* Firefox 3 only */ body div.dropdown-list-container ul.dropdown-list li{ padding: 4px 0 0 5px; font-size: 11px; border-bottom: 1px solid #eee; overflow: hidden; display: block; height: 16px; background: #fff; cursor: pointer } body div.dropdown-list-container ul.dropdown-list li.last{ border: 0 none; margin: 0 } .close-dropdown{ background:transparent url(/images/gui/colorbox/buttons.jpg) no-repeat scroll 0 -451px; display: block; position: absolute; top: 0; right: 17px; width: 62px; height: 14px } .close-dropdown:hover{ background-position: -63px -451px } .dropdown-container{ z-index: 5000 } /* Show-Hide */ .show-hide-wrapper{ margin-bottom: 10px } .show-hide-mid{ background: transparent url(/images/ir/show-hide/bg-accordion-mid.gif) repeat-y 0 0 } .show-hide-bottom{ background: transparent url(/images/ir/show-hide/bg-accordion-bottom.gif) no-repeat left bottom; padding: 20px 0 } #show-hide .last{ margin-bottom: 0 } #first-show-hide-link{ z-index: 21; position: relative } #first-show-hide-content{ z-index: 11; position: relative } #second-show-hide-link{ z-index: 22; position: relative } #second-show-hide-content{ z-index: 12; position: relative } #third-show-hide-link{ z-index: 23; position: relative } #third-show-hide-content{ z-index: 13; position: relative } #fourth-show-hide-link{ z-index: 24; position: relative } #fourth-show-hide-content{ z-index: 14; position: relative } #fifth-show-hide-link{ z-index: 25; position: relative } #fifth-show-hide-content{ z-index: 15; position: relative } #sixth-show-hide-link{ z-index: 26; position: relative } #sixth-show-hide-content{ z-index: 16; position: relative } #seventh-show-hide-link{ z-index: 27; position: relative } #seventh-show-hide-content{ z-index: 17; position: relative } #eighth-show-hide-link{ z-index: 28; position: relative } #eighth-show-hide-content{ z-index: 18; position: relative } span.file-size{ font-size: 10px } #processing{ position: absolute; left: 0; text-align: center; font-size: 16px; font-weight: bold; width: 960px; height: 100%; z-index: 500; margin-left: 15px; color: #D81E05 } .processing-browse-by-color{ top: 275px } .processing-inspiration-gallery{ top: 230px } .options-count{ height: 135px; padding-top: 3px } #max-anonymous-warning-wrapper{ display: none } /* Helpful Planning Tools */ body#helpful-tools .hidden{ display: none } /* Wizard Double Feature */ .wizard-double-feature{ position: relative; background: transparent url(/images/gui/highlights/wizard-double-feature.jpg) no-repeat 0 0; width: 900px; height: 219px } .wizard-double-feature .step-by-step, .wizard-double-feature .dream-kitchen{ position: absolute } .wizard-double-feature .step-by-step{ top: 40px; left: 40px } .wizard-double-feature .dream-kitchen{ top: 144px; left: 540px } .wizard-double-feature .step-by-step a, .wizard-double-feature .dream-kitchen a{ display: block; margin-top: 10px; width: 274px } .wizard-double-feature .dream-kitchen a{ margin-top: 24px } /* search results styles */ .search-results-nav{ margin: 0; font-weight: bold; text-align: right } .search-results-nav-matches{ display: inline; margin-right: 20px } .search-results-nav-disabled{ color: #8b8b8b } .search-results-description{ border-top: 1px solid #ECECEA; padding-left: 12px; padding-top: 6px } .search-results-relevance{ font-size: 0.8em } .search-results-wrapper{ margin: 10px 0 6px } ul.search-results-list{ border: 4px solid #DCD9C1; position: relative } ul.search-results-list li{ padding: 15px 70px 10px; background-position: 15px 15px; background-repeat: no-repeat; background-color: transparent } ul.search-results-list li.alternating{ background-color: #F3F2E9 } #content-wrapper .feature-accessory-detail-wrapper{ padding: 20px 0 20px 30px } #content-wrapper .hardware-detail-wrapper{ padding: 20px 0 0 30px } .did-you-mean{ margin: 10px 0; border-bottom: 1px solid #ccc; padding-bottom: 10px } .did-you-mean span{ font-weight: bold } /* New Product Flag */ .new-product{ position: relative } .new-product span.flag{ background: url(/images/gui/bg/new-product-flag.png) 0 0 no-repeat; width: 39px; height: 39px; position: absolute; top: -1px; left: -1px; overflow: hidden; text-indent: -999em } ul#wood-finishes .new-product span.flag{ background: url(/images/gui/bg/new-finish-flag.png) 0 0 no-repeat; width: 25px; height: 25px; top: 4px; left: 4px } ul#finishes .new-product span.flag{ background: url(/images/gui/bg/new-finish-flag.png) 0 0 no-repeat; width: 25px; height: 25px; top: 0; left: 0; z-index: 100 } .hardware-image-wrapper .new-product{ position: static } .hardware-image-wrapper .hardware-image span.flag{ background: url(/images/gui/bg/new-product-flag.png) 0 0 no-repeat; width: 39px; height: 39px; position: absolute; z-index: 20; top: 4px; left: 4px; overflow: hidden; text-indent: -999em; display: block; } /* 4.0 HEADINGS ---------------------------------------------------------- */ h1{ color: #D81E05; text-transform: lowercase; font-weight: normal; font-size: 37px; line-height: 1; margin-bottom: 10px; margin-top: 10px; position: relative } h1.normal-case{ text-transform: none } h1 span#sub-title{ color: #333; font-size: 26px } h1 span.reg{ font-size: 12px; vertical-align:super } h2 span.reg, h3 span.reg{ font-size: 8px; vertical-align:super } h1 span.trademark{ text-transform: none } h1#ideafolio{ text-transform: none; font-weight: normal } h2{ font-family: Helvetica, Arial, Sans-Serif; font-size: 25px; color: black; line-height: 1; margin-bottom: 12px; font-weight: normal !important; position: relative; top: 0; left: 0 } h3{ font-family: Helvetica, Arial, Sans-Serif; font-size: 18px; color: #666; line-height: 1.1; margin-bottom: 1px; font-weight: normal } h4{ font-family: Helvetica, Arial, Sans-Serif; font-size: 14px; line-height: 1; margin-bottom: 7px; font-weight: bold; color: #000 } h5{ font-weight: bold; font-size: 11px; color: #333 } h6{ font-weight: normal } h3.em{ color: #333; font-size: 1.7em; padding-bottom: .5em } #project-tabs h2, #cabinet-construction-tabs h2, #islands-peninsulas-tabs h2, #work-triangle-kitchen-layouts-tabs, #whats-new-tabs h2{ margin-top: 25px } h2#scrapbook{ background: transparent url(/images/ir/nav/on-tab-my-scrapbook.gif) no-repeat 0 0; width: 160px; height: 43px; left: 30px; position: absolute; top: -23px; z-index: 10 } h2#my-designs{ background: transparent url(/images/ir/nav/on-tab-my-designs.gif) no-repeat 0 0; width: 160px; height: 43px; left: 195px; position: absolute; top: -23px; z-index: 10 } h2#my-dealers-tab{ background: transparent url(/images/ir/nav/on-tab-my-dealers.gif) no-repeat 0 0; width: 160px; height: 43px; left: 360px; position: absolute; top: -23px; z-index: 10 } h2#merillat-masterpiece{ background: transparent url(/images/ir/nav/on-tab-merillat-masterpiece.gif) no-repeat 0 0; width: 160px; height: 43px; left: 30px; position: absolute; top: -23px; z-index: 10 } h2#merillat-classic{ background: transparent url(/images/ir/nav/on-tab-merillat-classic.gif) no-repeat 0 0; width: 160px; height: 43px; left: 195px; position: absolute; top: -23px; z-index: 10 } h2#merillat-essentials{ background: transparent url(/images/ir/nav/on-tab-merillat-essentials.gif) no-repeat 0 0; width: 160px; height: 43px; left: 360px; position: absolute; top: -23px; z-index: 10 } h2#overview{ background: transparent url(/images/ir/nav/on-tab-overview.gif) no-repeat 0 0; width: 160px; height: 43px; left: 30px; position: absolute; top: -23px; z-index: 10 } h2#islands{ background: transparent url(/images/ir/nav/on-tab-islands.gif) no-repeat 0 0; width: 160px; height: 43px; left: 195px; position: absolute; top: -23px; z-index: 10 } h2#peninsulas{ background: transparent url(/images/ir/nav/on-tab-peninsulas.gif) no-repeat 0 0; width: 160px; height: 43px; left: 360px; position: absolute; top: -23px; z-index: 10 } h2#work-triangle{ background: transparent url(/images/ir/nav/on-tab-work-triangle.gif) no-repeat 0 0; width: 160px; height: 43px; left: 195px; position: absolute; top: -23px; z-index: 10 } h2#kitchen-layouts{ background: transparent url(/images/ir/nav/on-tab-kitchen-layouts.gif) no-repeat 0 0; width: 160px; height: 43px; left: 360px; position: absolute; top: -23px; z-index: 10 } h3.your-style{ text-transform: uppercase; font-size: 0.9em } h3.your-style strong{ text-transform: lowercase; font-size: 30px; display: block; color: #333 } #my-dealers h4{ font-size: 1em } form#registerloginform h5{ margin: 0 0 10px 0 } form#global-login-form h5{ margin: 0 0 0 23px } form h5{ color: #D81E05; font-weight: bold; margin: 0 0 10px 23px; text-transform: uppercase } h5.my-dealer-title{ color: #D81E05; font-weight: bold; margin: 0; text-transform: uppercase } .ad-box .ad-title h5, .add-box .add-title h5{ color: #D81E05; font-weight: bold; text-transform: uppercase } /* 5.0 BRANDING ---------------------------------------------------------- */ ::selection{ background:#D81E05; color:#fff /*Safari and Opera */ } ::-moz-selection{ background:#D81E05; color:#fff /*Firefox */ } /* 6.0 LINKS ---------------------------------------------------------- */ a, a:visited{ color: #333; text-decoration: underline } a:hover{ color: #D81E05; text-decoration: none } a:active{ color: #D81E05 } a#main-logo{ background: url(/images/ir/logos/logo-merillat.gif) 0 0 no-repeat; width: 553px; height: 90px; overflow: hidden; position: absolute; left: 45px } ul#main-nav li a.replaced{ background: transparent url(/images/ir/nav/nav-sprite.png) no-repeat 0 0; padding-top: 10px; text-align: center; text-decoration: none; background-color: #666; color: #fff; width: 176px; height: 17px; display: block } ul#main-nav li a#door-styles-accessories{ background-position: -176px 0 } ul#main-nav li a#plan-your-space{ background-position: -352px 0 } ul#main-nav li a#where-to-buy{ background-position: -528px 0 } ul#main-nav li a#customer-support{ background-position: -704px 0 } ul#main-nav li a#inspiration-design:hover, ul#main-nav li:hover a#inspiration-design{ background-position: 0 -27px } ul#main-nav li a#door-styles-accessories:hover, ul#main-nav li:hover a#door-styles-accessories{ background-position: -176px -27px } ul#main-nav li a#plan-your-space:hover, ul#main-nav li:hover a#plan-your-space{ background-position: -352px -27px } ul#main-nav li a#where-to-buy:hover, ul#main-nav li:hover a#where-to-buy{ background-position: -528px -27px } ul#main-nav li a#customer-support:hover, ul#main-nav li:hover a#customer-support{ background-position: -704px -27px } ul#main-nav li a#inspiration-design:active{ background-position: 0 -27px } ul#main-nav li a#door-styles-accessories:active{ background-position: -176px -27px } ul#main-nav li a#plan-your-space:active{ background-position: -352px -27px } ul#main-nav li a#where-to-buy:active{ background-position: -528px -27px } ul#main-nav li a#customer-support:active{ background-position: -704px -27px } ul.subnav li a { display: block; padding: 10px 6px 10px 7px; text-decoration: none; color: #545454; font-weight: bold } ul.subnav li a:hover { color: #d81e05 } ul.subnav li a.pic { height: 44px; line-height: 44px; padding: 0 6px 0 7px; font-size: 12px } a.nav-browse-by-room { background: url(/images/gui/bg/nav-browsebyroom.jpg) no-repeat top right } a.nav-browse-by-product { background: url(/images/gui/bg/nav-browsebyproduct.jpg) no-repeat top right } a.nav-innovative-solutions { background: url(/images/gui/bg/nav-innovations.jpg) no-repeat top right } a.nav-whats-new { background: url(/images/gui/bg/nav-whatsnew.jpg) no-repeat top right } ul.sub-subnav li a { font-weight: normal; padding: 0 6px 0 15px; height: 24px; line-height: 24px } ul#ideafolio-nav li a.folio-link{ color: #666; display: block; height: 10px; padding-left: 8px; white-space: nowrap } ul#ideafolio-nav li a#idea-folio-logged-out-btn{ background: url(/images/gui/btn/btn-ideaFolio-logged-out.gif) 0 0 no-repeat; width: 93px; height: 20px; text-indent: -999em; overflow: hidden; display: block } ul#ideafolio-nav li a#idea-folio-logged-out-btn:hover{ background-position: 0 -20px } ul#ideafolio-nav li a#idea-folio-logged-in-btn{ background: url(/images/gui/btn/btn-ideaFolio.png) 0 0 no-repeat; width: 93px; height: 20px; text-indent: -999em; overflow: hidden; display: block } ul#ideafolio-nav li a#idea-folio-logged-in-btn:hover{ background-position: 0 -20px } ul#ideafolio-nav li#addthis-link a{ padding-left: 30px; background: transparent url(/images/gui/icons/used-icons.gif) no-repeat 12px -623px; height: 15px } ul#ideafolio-nav li#sharethis-link a.stbutton{ padding-left: 34px; background-position: 12px 0 !important; } ul#ideafolio-nav li a.dropdown{ background: url(/images/gui/bg/gray-arrow.gif) 0 2px no-repeat } #fAddProject ul{ overflow: hidden; } #fAddProject ul li{ float: left; padding-right: 10px } a#return-to-homepage{ background: url(/images/ir/btn/btn-returntohomepage.jpg) 0 0 no-repeat; width: 183px; height: 22px; overflow: hidden } a#select-a-dealer-link{ font-size: 10px; padding-top: 5px } html>/**/body a#select-a-dealer-link, x:-moz-any-link, x:default{ padding-top: 5px } /* Firefox 3 only */ #footer .social-links a{ width: 95px; height: 23px; background-position: 0 0; text-indent: -999em; overflow: hidden; display: block; float: left } a#facebook{ background: url(/images/gui/btn/btn-facebook.gif) 0 0 no-repeat; margin-right: 12px } a#facebook:hover{ background-position: 0 -23px } a#twitter{ background: url(/images/gui/btn/btn-twitter.gif) 0 0 no-repeat; margin-right: 16px } a#twitter:hover{ background-position: 0 -23px } #footer .social-links a#roundtable{ background: url(/images/gui/btn/btn-roundtable.gif) 0 0 no-repeat; width: 160px; margin-top: 3px } #footer .social-links a#roundtable:hover{ background-position: 0 -23px } #footer .environmental-badges a{ background-position: 0 0; text-indent: -999em; overflow: hidden; display: block; float: left } a#tomorrows-thinking{ background: url(/images/ir/btn/btn-tomorrows-thinking.gif) 0 0 no-repeat; margin: 9px 15px 0 0; width: 119px; height: 30px } a#tomorrows-thinking:hover { background-position: 0 -30px } a#kcma{ background: url(/images/gui/btn/btn-kcma.gif) 0 0 no-repeat; margin-right: 5px; width: 41px; height: 41px } a#kcma:hover { background-position: 0 -41px } a#iso14001{ background: url(/images/gui/btn/btn-iso14001.gif) 0 0 no-repeat; width: 41px; height: 41px } a#iso14001:hover { background-position: 0 -41px } #footer-bottom a{ color: #8B8B8B; text-decoration: none } #footer-site-brand-link a{ color: #8B8B8B; text-decoration: underline } #footer-bottom a:hover, #footer-site-brand-link a:hover{ color: #D81E05; text-decoration: none } #footer-bottom p a{ text-decoration: underline } #footer-bottom p a:hover{ text-decoration: none } #footer-bottom #footer-nav a{ text-transform: lowercase; font-weight: bold; font-size: 1.2em } #footer-bottom #footer-nav a.mbiz-link{ left: 106px; position: relative; text-transform: none } #footer-bottom #footer-nav a.mpro-link{ position: relative; left: 110px; text-transform: none } .espanol #footer-bottom #footer-nav a.mbiz-link,.espanol #footer-bottom #footer-nav a.mpro-link{ left: 80px } /* English/Spanish Toggle */ #footer-bottom #footer-nav .langLink{ display: inline; background: url(/images/gui/icons/icon-espanol.gif) no-repeat left -16px; padding-left: 23px } .espanol #footer-bottom #footer-nav .langLink{ background-image: url(/images/gui/icons/icon-english.gif) } #footer-bottom #footer-nav .langLink{ background-position-y: -15px } /* used on tool tips */ div.learn-more a{ background: transparent url(/images/gui/btn/btn-learn-more.gif) no-repeat 0 0; width: 101px; height: 20px; text-align: left; display: inline-block } div.learn-more a:hover{ background-position: 0 -20px } div.tooltip-info{ padding-left: 5px } /* icons */ .icon, .featured-accessory-item .addthis_toolbox, .hardware-item-wrapper .addthis_toolbox{ display: inline; background: transparent url(/images/gui/icons/used-icons.gif) no-repeat 0 0; position: relative; padding-left: 20px; float: left; margin: 0 11px 0 10px; height: 16px; line-height: 1.3; font-size: 11px } .featured-accessory-item .addthis_toolbox span, .hardware-item-wrapper .addthis_toolbox span, .hardware-detail-wrapper .addthis_toolbox span { display: none } .edit{ background-position: 0 -16px } .copy{ background-position: 0 -48px } .add-new{ background-position: 0 -80px } .switch{ background-position: 0 -112px } .view{ background-position: 0 -144px } .add-comment{ background-position: 0 -176px } .delete{ background-position: 0 -208px } .edit-small{ background-position: 0 -240px } .print{ background-position: 0 -272px } .save{ background-position: 0 -304px } .email{ background-position: 0 -336px } .warranty{ background-position: 0 -368px } .specifications{ background-position: 0 -400px } .zoom{ background-position: 0 -432px } .design-board{ background-position: 0 -464px } .view-list{ background-position: 0 -496px } .view-thumb{ background-position: 0 -528px } .floor-plan{ background-position: 0 -655px } .movie{ background-position: 0 -687px } .more-information{ background-position: 0 -719px } .where-to-buy{ background-position: 0 -818px } .pdf-icon{ background-position: 0 -850px } .send-to-phone{ background-position: -2px -915px; } .espanol .icon.send-to-phone{ white-space: nowrap } .view-360{ background-position: 0 -882px } .addthis-link, .featured-accessory-item .addthis_toolbox, .hardware-item-wrapper .addthis_toolbox{ background-position: 0 -623px } .featured-accessory-item .addthis_toolbox{ margin: 5px 0 0 } ul#document-list .addthis_button_compact{ line-height: 1.3; font-size: 11px } div#share-save-bar a.last{ margin-right: 0 } #print-scapbook-link{ display: inline-block; float: none } .manage-profile-icon{ background: transparent url(/images/gui/icons/manage-profile-icons.gif) no-repeat 0 0; position: relative; padding-left: 25px; height: 16px; line-height: 1.4; display: block } #manage-logout{ background-position: 0 0 } #manage-edit-profile{ background-position: 0 -26px } #manage-where-to-buy{ background-position: 0 -51px } #manage-your-style{ background-position: 0 -78px } #manage-plan-your-space{ background-position: 0 -102px } .view-link-container{ border: 1px solid #fff; padding: 5px 0; float: left; display: inline } .tool-links a.icon{ margin: 0 6px 0 0 } .tool-links a.delete{ margin: 0 } body#glass-inserts-metal-frames-products .tool-links a.icon{ margin: 0 6px 3px 0 } #cabinet-construction-tabs, #islands-peninsulas-tabs, #work-triangle-kitchen-layouts-tabs, #whats-new-tabs{ background: transparent url(/images/gui/bg/bg-ideafolio-tabs.gif) repeat-x 0 -33px; width: 940px; height: 9px; margin-top: 35px } #project-tabs a{ width: 160px; height: 27px; position: absolute; top: 8px; } #cabinet-construction-tabs a, #islands-peninsulas-tabs a, #work-triangle-kitchen-layouts-tabs a, #whats-new-tabs a{ width: 160px; height: 27px; position: absolute; top: 8px } #project-tabs a.my-designs{ display: block; background: transparent url(/images/ir/nav/off-tab-my-designs.gif) no-repeat 0 0; left: 195px } #project-tabs a.my-scrapbook{ display: block; background: transparent url(/images/ir/nav/off-tab-my-scrapbook.gif) no-repeat 0 0; left: 30px } #project-tabs a.my-dealers{ display: block; background: transparent url(/images/ir/nav/off-tab-my-dealers.gif) no-repeat 0 0; left: 360px } #project-tabs a.my-designs-locked{ display: block; background: transparent url(/images/ir/nav/my-designs-locked.gif) no-repeat 0 0; left: 195px } #project-tabs a.my-dealers-locked{ display: block; background: transparent url(/images/ir/nav/my-dealers-locked.gif) no-repeat 0 0; left: 360px } #cabinet-construction-tabs a.merillat-masterpiece{ display: block; background: transparent url(/images/ir/nav/off-tab-merillat-masterpiece.gif) no-repeat 0 0; left: 30px } #cabinet-construction-tabs a.merillat-classic{ display: block; background: transparent url(/images/ir/nav/off-tab-merillat-classic.gif) no-repeat 0 0; left: 195px } #cabinet-construction-tabs a.merillat-essentials{ display: block; background: transparent url(/images/ir/nav/off-tab-merillat-essentials.gif) no-repeat 0 0; left: 360px } #whats-new-tabs a.merillat-masterpiece{ display: block; background: transparent url(/images/ir/nav/off-tab-merillat-masterpiece.gif) no-repeat 0 0; left: 30px } #whats-new-tabs a.merillat-classic{ display: block; background: transparent url(/images/ir/nav/off-tab-merillat-classic.gif) no-repeat 0 0; left: 195px } #islands-peninsulas-tabs a.overview{ display: block; background: transparent url(/images/ir/nav/off-tab-overview.gif) no-repeat 0 0; left: 30px } #islands-peninsulas-tabs a.islands{ display: block; background: transparent url(/images/ir/nav/off-tab-islands.gif) no-repeat 0 0; left: 195px } #islands-peninsulas-tabs a.peninsulas{ display: block; background: transparent url(/images/ir/nav/off-tab-peninsulas.gif) no-repeat 0 0; left: 360px } #work-triangle-kitchen-layouts-tabs a.overview{ display: block; background: transparent url(/images/ir/nav/off-tab-overview.gif) no-repeat 0 0; left: 30px } #work-triangle-kitchen-layouts-tabs a.work-triangle{ display: block; background: transparent url(/images/ir/nav/off-tab-work-triangle.gif) no-repeat 0 0; left: 195px } #work-triangle-kitchen-layouts-tabs a.kitchen-layouts{ display: block; background: transparent url(/images/ir/nav/off-tab-kitchen-layouts.gif) no-repeat 0 0; left: 360px } #work-triangle-kitchen-layouts-tabs h2{ margin-top: 25px } /* Button Replacers*/ a.button-replacer{ font-size: 11px; background: url(/images/gui/btn/btn-bg.png) no-repeat center 0; height: 14px !important; padding: 3px 12px 1px; margin-right: 5px; border: 1px solid #55544e; color:#fff; display: inline-block; text-decoration: none; text-align: center; position: relative; text-transform: uppercase; color:#fff !important; cursor: pointer; font-weight: bold; line-height: 1 } .roundtable-link a.button-replacer{ margin-right: 0 } html>/**/body a.button-replacer, x:-moz-any-link, x:default{ padding: 5px 10px 0 } /* Firefox 3 only */ a.button-replacer-large{ font-size: 15px; background: url(/images/gui/btn/btn-bg-large.png) no-repeat center 0; height: 17px !important; padding: 8px 10px 1px; border: 1px solid #55544e; color:#fff; display: inline-block; text-decoration: none; text-align: center; position: relative; text-transform: uppercase; color:#fff !important; cursor: pointer; font-weight: bold; line-height: 1 } a.button-replacer-large:hover{ background-position: center -33px; border: 1px solid #76000e } a.button-replacer-large span.button-arrow, a.button-replacer-primary-large span.button-arrow, span.button-replacer-primary-large-disabled span.button-arrow{ padding: 0 0 1px 4px; position: absolute; display: block; right: -1px; top: 0; margin-top: 4px; width: 9px; height: 11px; background: transparent url(/images/gui/btn/btn-arrow.gif) no-repeat 3px 5px } a.button-replacer-full{ width: auto; font-size: 16px; background: url(/images/gui/btn/btn-bg-large.png) no-repeat center -33px; height: 21px !important; padding: 4px 10px 1px; border: 1px solid #76000e; color:#fff; display: block; text-decoration: none; text-align: center; position: relative; text-transform: uppercase; color:#fff !important; cursor: pointer; font-weight: bold; line-height: 1 } a.button-replacer-full:hover{ background-position: center 0px; border: 1px solid #55544e } .stg-link a{ margin-top: 199px } .feature-download-stg .stg-link a{ margin-top: 213px } a.button-replacer:hover{ background-position: center -25px; border: 1px solid #76000e } a.button-replacer span.button-arrow, a.button-replacer-primary span.button-arrow{ padding: 0 0 1px 4px; position: absolute; display: block; right: -1px; top: 0; margin-top: 1px; width: 10px; height: 11px; background: transparent url(/images/gui/btn/btn-arrow.gif) no-repeat 3px 5px } a.button-replacer-primary{ font-size: 11px; background: url(/images/gui/btn/btn-bg.png) no-repeat center -25px; height: 14px !important; padding: 3px 12px 1px 10px; margin-right: 5px; border: 1px solid #76000e; color:#fff; display: inline-block; text-decoration: none; font-weight: bold; text-align: center; position: relative; text-transform: uppercase; color:#fff !important; cursor: pointer; line-height: 1 } html>/**/body a.button-replacer-primary, x:-moz-any-link, x:default{ padding: 5px 12px 0 10px } /* Firefox 3 only */ button.button-replacer, button.button-replacer-primary{ font-size: 0 } ul#manage-profile-tools li a{ text-decoration: none; font-size: 0.8em; font-weight: bold; width: 150px; margin: 0 auto } a#register-btn{ background-position: center -25px; border: 1px solid #76000e } a:hover #register-btn{ background-position: center 0; border: 1px solid #55544e } /* Show Hide */ #show-hide a.show-hide-head{ display: block; background: transparent url(/images/ir/show-hide/bg-accordion-link.gif) no-repeat 0 -28px; width: 793px; height: 20px; padding: 8px 0 0 27px; text-transform: uppercase; font-size: 1.2em; color: #98927B; font-weight: bold; text-decoration: none } #show-hide a.show-hide-head:hover{ color: #D81E05 } #show-hide a.selected{ background-position: 0 0; color:#D81E05 } #show-hide a.selected:hover{ color: #D81E05 } a.primary-link{ color: #D81E05 } a:hover.primary-link{ color: #333 } ul.my-dealers-content li.find-dealer-link a.button-replacer-primary{ margin-right: 0 } /* landing page CTAs for non-flash browsers */ body#homepage #homepage-flash{ position: relative; width: 940px; height: 432px; background: transparent url(/flash/home/homepage-noflash.jpg) no-repeat 0 0 } body#door-styles-accessories-home #landing-container{ width: 940px; height: 290px; background: transparent url(/flash/landing/doorstylesandaccessories-noflash.jpg) no-repeat 0 0 } body#inspiration-design-home #landing-container{ width: 940px; height: 290px; background: transparent url(/flash/landing/inspirationanddesign-noflash.jpg) no-repeat 0 0 } body#plan-your-space-home #landing-container{ width: 940px; height: 290px; background: transparent url(/flash/landing/kitchenplanner-noflash.jpg) no-repeat 0 0 } body#curtis-stone #landing-container{ width: 940px; height: 290px; background: transparent url(/flash/landing/curtisstone-noflash.jpg) no-repeat 0 0 } body#homepage a.landing-feature-margins{ top: 398px; left: 715px } body#homepage a.landing-feature-margins-2{ top: 393px; left: 745px } body#door-styles-accessories-home a.landing-feature-margins{ margin-top: 215px; margin-left: 63px } body#inspiration-design-home a.landing-feature-margins{ margin-top: 215px; margin-left: 250px } body#plan-your-space-home a.landing-feature-margins{ margin-top: 230px; margin-left: 266px } .fbLogin{ cursor: pointer } .feature-links a { display: block; padding: 12px; text-align: center; text-decoration: none!important; color: #666666; font-size: 13px; background: #FAFAF9 url(/images/gui/bg/large-button-bg.jpg) no-repeat left top; } .feature-links a:hover { color: #D81E05 } /* 7.0 PARAGRAPHS ---------------------------------------------------------- */ p{ line-height: 1.25 } p.light{ color: #666666 } #content-wrapper p{ margin-bottom: 0.75em } #footer p{ color: #8B8B8B } #footer-bottom p{ font-family: Arial, Helvetica, sans-serif } p.intro{ font-size: 1.1em; line-height: 1.7 } p.small{ font-size: 0.8em } p.style-intro{ margin-top: 1.25em; font-size: 1.1em; line-height: 1.35 } p.breadcrumbs{ color: #999; font-size: 0.95em } p.txt-input-container{ background: #fff url(/images/gui/bg/bg-input-small.jpg) 0 0 repeat-x; height: 21px; margin: 0 0 5px; border-top: 1px solid #929292; border-bottom: 1px solid #c7c7c7; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; position: relative } .search-form-container p.txt-input-container{ height: 19px; width: 150px; float: left; margin-bottom: 0 } p.txt-input-container.input-validation-error{ background: #ffd9d9 url(/images/gui/bg/bg-input-bg-error-small.jpg) 0 0 repeat-x } p.form-txt-container{ height: 15px; margin: 0 !important; padding: 3px } p.text-area{ height: 75px } span.field-validation-error{ display: block; color: #D81E05; font-size: 0.9em; margin-bottom: 1em; line-height: 1.2 } #ask-a-question form#fAskAQuestion span.field-validation-error{vertical-align:middle;font-size:11px;margin-bottom:11px;font-weight:bold } #ask-a-question form#fAskAQuestion dd#askQuestion span.field-validation-error{margin-bottom:0 } #ask-a-question form#fAskAQuestion dd#askQuestion{margin-bottom:0 } .search-form-container span.field-validation-error{ margin: 3px 0 0 } #manage-project-dropdown span.field-validation-error, #manage-design-dropdown span.field-validation-error{ clear: both; margin-bottom: 20px } span#loginErrorMsg{ padding: 0 10px 0 0 } p.login-info{ width: 160px } p.reg-info{ width: 160px } form.standard dl dd.newsletter-check p.reg-info{ width: 50px } p#sign-in-email, p#sign-in-password{ width: 140px; padding-top: 2px } form.side-form p.intro-txt, form.side-form p.error, form.side-form span.error{ margin: 0 15px 15px 0 !important; font-size: 0.9em } form.side-form a#registeriforgotmypwd{ margin: 0 !important; font-size: 0.9em } ul#learn-more-steps li p{ font-size: 0.9em; margin-top: 5px } p.comment span.comment-text{ display: block } p.edit-profile-disclaimer{ font-size: 0.8em; font-style: italic } .project-dropdown p.first{ margin-top: 0 } .project-dropdown p.last, #content-wrapper .project-dropdown p.last{ margin-bottom: 0 } p.learn-more-tag{ margin-top: 20px } #my-dealers-container ul.my-dealers-content li p{ margin-bottom: 0.75em; font-size: 1.1em } p.update-confirmation{ color: #333; font-weight: bold; text-transform: uppercase } #content-wrapper .description p{ padding-right: 5px; margin-bottom: 0.25em } .alert-content{ margin-left: 43px } p.note{ font-size: 1.2em; font-style: italic } /* used for hardware page essentials note - needs a better name */ #content-wrapper .options-count p{ color: #000; margin: 0 0 10px } p#hardware-viz-note{ font-size: 10px; font-style: italic } p.footnote{ font-weight: bold; font-style: italic; font-size: 10px; margin-top: 40px } form#results-search-form p.txt-input-container{ margin: 0 } p.no-search-results{ font-weight: bold } /* 8.0 BLOCKQUOTES AND CITATIONS ---------------------------------------------------------- */ /* 9.0 FORMS ---------------------------------------------------------- */ label{ margin-bottom: 0.5em; display: block } p.txt-input-container input{ background: transparent none; border: 0 none; font-size: 1em; color: #333; overflow: hidden; height: 14px; padding: 3px 5px 5px; width: 94%; position: relative } p.txt-input-container textarea{ background: transparent none; border: 0 none; font-size: 1em; color: #333; padding: 3px 5px 5px; position: absolute } textarea.user-comments{ height: 65px; width: 318px } .sign-in-form-container div.form-buttons{ margin: 0 0 0 23px; padding: 0 0 5px } #already-registered-form-buttons{ margin: 5px 0 0 92px } #register-form-buttons{ margin: 5px 0 0 145px } form.edit-profile-form p.txt-input-container input{ position: absolute } form.print-form p.txt-input-container input{ position: absolute } form.register-form p.txt-input-container input, form.side-form p.txt-input-container input { position: absolute; z-index: 90 } form.edit-profile-form{ margin: 0 20px 10px 0; border-bottom: 1px solid #ccc; padding: 10px 10px 10px 0 !important; min-height: 200px } form.edit-profile-form.top{ padding-top: 0 !important } form.edit-profile-form.last{ border: 0 none } form.standard{ padding: 0 0 0 } form#fChangeProject{ padding: 0 } form#registerloginform{ padding: 15px 25px 20px } form#global-login-form p.txt-input-container input{ position: absolute; left: 0 } p.txt-input-container input#newDesign_DesignName{ height: 17px } form.standard dl dd.radio-btn input{ margin: 3px 5px 3px 0 } form.standard dd label{ font-size: 0.8em; color: #333; vertical-align: middle; display: inline } .required-flag{ color: #D81E05; font-weight: bold; margin: 0 2px } label span.checkbox-skin{ background: transparent url(/images/gui/forms/checkbox-sprite.gif) no-repeat 0 0; width: 14px; height: 14px; display: inline; margin: 4px; margin-bottom: -3px; position: relative } label.checkbox-label span.checked{ background-position: 0 -14px } label.checkbox-label span.disabled{ background-position: 0 -28px } label.checkbox-label{ cursor: pointer } form#fSearchCriteria li label span.checkbox-skin{ display: inline-block } /* contact form */ form.standard dl.contact dt{ width: 100px } form.standard dl.contact dd{ margin: 0 0 10px 105px } form.contact-form p.txt-input-container input { position: absolute; z-index: 90 } form.standard dl.contact dt.vertical-stack, form.standard dl.literature-request dt.vertical-stack{ display: block; float: none; text-align: left; width: 250px; padding-top: 0 } form.standard dl.contact dt.vertical-stack{ width: 340px } form.standard dl.literature-request dt.vertical-stack{ width: 350px } form.standard dl.contact dd.vertical-stack, form.standard dl.literature-request dd.vertical-stack{ margin: 3px 0 14px 0 } form.standard dl.contact dt.vertical-stack label, form.standard dl.literature-request dt.vertical-stack label{ margin-bottom: 0 } form.standard dl.contact dt.zip{ width: 45px; clear: none } form.standard dl.contact dd.zip p{ width: 50px } form.standard dl.contact dt.state{ margin-right: 5px } form.standard dl.contact dd.state{ margin: 0; width: 130px; float: left } select.wide{ width: 230px } .phone-number-container{ position: relative; height: 23px } .phone-number-a{ width: 40px; position: absolute; top: 0; left: 0 } .phone-number-b{ width: 40px; position: absolute; top: 0; left: 50px } .phone-number-c{ width: 50px; position: absolute; top: 0; left: 100px } #content-wrapper form.standard p.submit{ margin: 10px 0 27px } #folioDesignID{ min-width: 300px } /* Email sign-up-form */ #email-sign-up-form .vertical-stack, #email-sign-up-form #content-wrapper form.standard .submit{ margin-left: 105px } form#results-search-form label.error{ margin: 3px 0 0 } /* 10.0 LISTS ---------------------------------------------------------- */ ul#main-nav{ position: absolute; top: 94px; left: 45px } ul#main-nav li.main{ display: inline; list-style: none; float: left; margin-right: 5px; position: relative } ul.subnav { width: 245px; background: white; position: absolute; z-index: 1; left: -5px; display: none; padding: 0 5px; background: white url(/images/gui/bg/bg-subnav-gradient.png) repeat-y 5px 0; border-bottom: 5px solid white; } ul.subnav.last { width: 201px; } ul.subnav li { font-size: 11px; line-height: 1.25; border-top: 2px solid #ececec; } ul.subnav > li:first-child { border-top: 0; background: url(/images/gui/bg/nav-red-bar.png) no-repeat center -6px; padding-top: 3px; } ul.sub-subnav li { background: white; font-size: 11px; } #my-dealers-container ul.my-dealers-content{ background: url(/images/gui/bg/bg-my-dealer-content.png) 0 0 repeat-y; width: 123px; font-size: .8em; padding: 0 12px 12px } #my-dealers-container ul.my-dealers-content li{ padding: 0 0 12px; line-height: 1.25; width: 123px; display: block; float: none } #my-dealers-container ul.my-dealers-content li.find-dealer-link{ border-top: 1px solid #ccc; padding: 10px 0; margin: 0 } dl#sign-in{ padding: 10px 0 10px 20px; margin: 0 7px 0 4px } dl#sign-in dt{ color: #333; font-weight: bold; padding: 0 0 5px; font-size: 0.9em } dl#sign-in dd{ padding: 0 0 10px } form.standard dl{ margin-bottom: 10px } form.standard dl.literature-request{ margin-bottom: 25px } form.standard dl dt{ float: left; display: inline; clear: left; font-size: 0.8em; font-weight: bold; width: 152px; color: #333; text-align: right; margin: 0; padding: 6px 0 0; text-transform: uppercase } form.standard dl dt.newsletter{ width: 305px } form.standard dl dd.newsletter-check{ margin: 0 0 10px 305px } form.standard dl dt.select{ padding: 6px 0 0 } form.standard dl dt.print-label{ width: 65px } form.standard dl dd{ margin: 0 0 10px 157px; position: relative } form.standard dl dd.print-input{ margin: 0 0 10px 70px } form.standard dl dd.input-validation-error{ height: 35px } form.standard dl dd.radio-btn{ float: left; display: inline; margin: 0 0 5px; width: 225px } form.standard dl div.radio-btn{ margin: 0 0 5px } form.standard dl dt.print-section-options{ width: 350px; margin: 10px 0; text-align: left } form.side-form dl dt{ width: 91px } form.side-form dl dd{ margin: 0 0 10px 96px } form.edit-profile-form dl dt{ width: 162px } form.edit-profile-form dl dd{ margin: 0 0 10px 167px; zoom: 1 } form.edit-profile-form dl dd.tall{ min-height: 35px } form.edit-profile-form dl dd.dropdown{ z-index: 200 } ul.image-results-options-top{ border-bottom: 1px solid #ccc; padding: 0 0 5px } ul.image-results-options-bottom{ border-top: 1px solid #ccc; padding: 5px 0 0; margin: 0 } ul.results-options{ text-align: center; position: relative; margin-left: 10px } ul.image-results-options-top li.image-results{ position: absolute; left: 0; top: 0 } ul.image-results-options-top li.previous-next-nav{ position: absolute; right: 0; top: 0 } ul.image-results-options-bottom li.image-results{ position: absolute; left: 0; top: 5px } ul.image-results-options-bottom li.previous-next-nav{ position: absolute; right: 0; top: 5px } #footer-bottom ul{ margin-bottom: .5em } #footer-bottom ul li{ display: inline; margin-right: 20px } /* Product Line */ .options-count .door-options-list{ margin: 0 0 10px; font-size: 1.3em; color: #000 } .options-count .door-options-list li{ margin: 0 0 5px; font-size: 0.8em } .options-count .door-options-list li span{ font-weight: bold; font-size: 1.2em } ul#ideafolio-nav{ position: absolute; top: 5px; right: 60px; z-index: 100; font-size: .9em; line-height: 1.2 } ul#ideafolio-nav li{ display: block; float: left; font-size: 1.2em } ul#ideafolio-nav li#idea-folio-logged-out-link, ul#ideafolio-nav li#idea-folio-logged-in-link{ margin: 5px 12px 0 0 } ul#ideafolio-nav li#sign-out-link, ul#ideafolio-nav li#sign-in-link{ margin: 10px 12px 0 0; position: relative } ul#ideafolio-nav li#profile-link, ul#ideafolio-nav li#register-link, ul#ideafolio-nav li#my-dealer-link{ margin: 10px 12px 0 0; position: relative } ul#ideafolio-nav li#register-link, ul#ideafolio-nav li#my-dealer-link{ margin-right: 16px } ul#ideafolio-nav li#addthis-link{ position: relative; margin: 10px 0 0 0; border-left: 1px solid #ccc } ul#ideafolio-nav li#sharethis-link{ position: relative; margin: 10px 0 0 0; border-left: 1px solid #ccc } ul#ideafolio-nav li#search-wrapper{ position: absolute; top: 48px; right: 60px } /* Manage profile side-nav */ ul#manage-profile-tools{ margin: 0 auto; width: 300px } ul#manage-profile-tools li{ background: url(/images/gui/bg/bg-manage-profile-tool.jpg) 0 bottom no-repeat; padding: 13px 0 } ul#manage-profile-tools li.no-bg{ background: none; padding: 13px 0 } ul#manage-profile-tools li.manage-tool-title{ color: #D81E05; padding: 0 0 15px; font-weight: bold } /* Share Design */ form.standard dl#share-name{ float: left; display: inline; width: 140px; margin-right: 20px } form.standard dl#share-email{ float: left; display: inline; width: 170px } form.standard dl#custom-message{ width: 330px } form.standard dl.email-form dt, form.standard dl.email-form dd{ margin: 0 0 10px 0; float: none; display: block; text-align: left } /* learn more */ ul#learn-more-steps{ padding: 0 20px } ul#learn-more-steps li{ width: 606px; margin: 40px auto; text-align: left; color: #333 } ul#learn-more-steps li.register-btn-container{ text-align: center; margin: 50px auto } ul#learn-more-steps li .short-step{ width: 285px; float: left; display: inline } ul#learn-more-steps li .short-step.first{ margin: 0 36px 0 0 } ul#learn-more-steps li.end-blurb{ border-top: 1px solid #ccc; padding: 10px 0 0; width: 100%; margin: 0 } ul.door-information{ margin: 0 0 0 10px; float: left; display: inline; color: #333 } ul.door-information li{ margin: 0 0 5px; text-align: left; line-height: 1.2 } ul.door-information li span{ display: block; font-weight: bold } div.dropdown-list-container{ cursor: pointer; z-index: 40 } body#my-design div.dropdown-list-container, body#new-design div.dropdown-list-container, body.ideafolio-preferences div.dropdown-list-container, body#my-scrapbook div.dropdown-list-container, body#my-dealers div.dropdown-list-container{ width: 221px; float: left } body#my-design div.dropdown-list-container ul.dropdown-list, body#new-design div.dropdown-list-container ul.dropdown-list, body.ideafolio-preferences div.dropdown-list-container ul.dropdown-list, body#my-scrapbook div.dropdown-list-container ul.dropdown-list, body#my-dealers div.dropdown-list-container ul.dropdown-list{ width: 205px; height: auto } body#my-design #switch-project-form div.dropdown-list-container, body#new-design #switch-project-form div.dropdown-list-container, body.ideafolio-preferences #switch-project-form div.dropdown-list-container, body#my-scrapbook #switch-project-form div.dropdown-list-container, body#my-dealers #switch-project-form div.dropdown-list-container{ width: 302px; margin-right: 5px; font-size: .9em; float: left } body#my-design #switch-project-form div.dropdown-list-container ul.dropdown-list, body#new-design #switch-project-form div.dropdown-list-container ul.dropdown-list, body.ideafolio-preferences #switch-project-form div.dropdown-list-container ul.dropdown-list, body#my-scrapbook #switch-project-form div.dropdown-list-container ul.dropdown-list, body#my-dealers #switch-project-form div.dropdown-list-container ul.dropdown-list{ width: 286px; height: auto } /* Masterpiece fourteen step finishing */ ol.red-circles{ list-style: none; padding: 0; margin: 0 0 10px 4px } ol.red-circles li{ padding: 4px 15px 8px 30px; background: no-repeat top left; line-height: 1.25; font-size: 0.9em } ol.red-circles li.one{ background-image: url("/images/gui/lists/red-circles/01.gif") } ol.red-circles li.two{ background-image: url("/images/gui/lists/red-circles/02.gif") } ol.red-circles li.three{ background-image: url("/images/gui/lists/red-circles/03.gif") } ol.red-circles li.four{ background-image: url("/images/gui/lists/red-circles/04.gif") } ol.red-circles li.five{ background-image: url("/images/gui/lists/red-circles/05.gif") } ol.red-circles li.six{ background-image: url("/images/gui/lists/red-circles/06.gif") } ol.red-circles li.seven{ background-image: url("/images/gui/lists/red-circles/07.gif") } ol.red-circles li.eight{ background-image: url("/images/gui/lists/red-circles/08.gif") } ol.red-circles li.nine{ background-image: url("/images/gui/lists/red-circles/09.gif") } ol.red-circles li.ten{ background-image: url("/images/gui/lists/red-circles/10.gif") } ol.red-circles li.eleven{ background-image: url("/images/gui/lists/red-circles/11.gif") } ol.red-circles li.twelve{ background-image: url("/images/gui/lists/red-circles/12.gif") } ol.red-circles li.thirteen{ background-image: url("/images/gui/lists/red-circles/13.gif") } ol.red-circles li.fourteen{ background-image: url("/images/gui/lists/red-circles/14.gif") } /* 11.0 TABLES ---------------------------------------------------------- */ /* 12.0 MISC PRESENTATION ELEMENTS ---------------------------------------------------------- */ /* AddThis */ body.add-this #content-inner-wrapper,body.add-this .content-inner-wrapper{ overflow: visible } .addthis-container{ margin: 10px 0 15px; height: 20px; position: relative; z-index: 1000;} .addthis-container.pull-right{ position: absolute; right: 25px; } body#my-scrapbook .addthis-container{width:425px} body#curtis-stone .addthis-container{ margin: 10px 108px 15px 0 } body#kuppersmith .addthis-container{ margin: 10px 0 25px } body.add-this-top .addthis-container{ margin-top: -25px } body.your-design-style .addthis-container{ margin: 30px 0 15px } body#door-style-details .addthis-container{ width: 195px } body#inspiration-gallery-hotspot-page .addthis-container{ position: absolute; top: 3px; right: 203px } .float-left.addthis-container{ width: 220px; float: left; display: inline; margin-top: 20px } .addthis-container .addthis_toolbox{ float: right } .left .addthis_toolbox{ float: left } .tab-content-new .addthis-container, .below-tabs > .addthis-container{ margin-right: 40px } .below-tabs > .addthis-container{ margin-right: 62px } .addthis_toolbox .addthis_separator{ border-left: 1px solid #CCCCCC; color: #FFFFFF; margin: 0 5px 0 2px } .addthis_toolbox .addthis-googleplus{ width: 68px!important; float: left; margin-top: -2px; } .addthis_toolbox .addthis_button_facebook_like{ margin-top: -2px; width: 86px; padding: 0 } body#door-style-details .addthis_toolbox .addthis_button_facebook_like{ margin-top: -2px; width: 50px; padding: 0 } .fbfix{display:block !important; overflow:visible !important; position:static !important} /* Add IE8 support for tag */ wbr:after{ content: "\00200B" } #content-wrapper strong{ font-weight: bold } #content-wrapper em{ font-style: italic } /* Custom Grid Modifications */ .container_8,.container_10,.container_14,.container_16{ padding-bottom: 10px; text-align: left; margin: 0 auto } .container_8 .first,.container_10 .first,.container_14 .first,.container_16 .first{ margin-left: 6px } /* highlights */ .searchhighlight{ background-color:Yellow } .highlight h5{ font-size: 1.1em; color: #666666; text-transform: lowercase; font-weight: bold; padding: 14px 0 0 15px } .highlight h5.brand{ text-transform: none } .highlight h5.narrow{ font-size: 1em } .highlight h6{ text-transform: uppercase; color: #000; font-weight: bold; font-size: 0.8em; margin-bottom: 5px } .highlight-blurb{ padding: 130px 10px 6px 15px } .highlight-blurb p{ font-size: 0.9em } .highlight-step-by-step-kitchen-planner{ background: #E8E5DF url(/images/gui/highlights/step-by-step-kitchen-planner.jpg) no-repeat } .highlight-step-by-step-curtis{ background: #E8E5DF url(/images/gui/highlights/step-by-step-curtis.jpg) no-repeat } .highlight-kuppersmith{ background: #E8E5DF url(/images/gui/highlights/kuppersmith.jpg) no-repeat } .highlight-our-products{ background: #E8E5DF url(/images/gui/highlights/our-products.jpg) no-repeat } .highlight-table-talk{ background: #E8E5DF url(/images/gui/highlights/table-talk.jpg) no-repeat } .highlight-whats-new{ background: #E8E5DF url(/images/gui/highlights/whats-new-sutton-cliffs.jpg) no-repeat } .highlight-bottom{ font-size: 0; height: 9px } .highlight-bottom-line{ background: url(/images/gui/highlights/bottom-line.gif) no-repeat 0 100%; font-size: 0; height: 9px } .highlight-your-design-style{ background: #E8E5DF url(/images/gui/highlights/your-design-style.jpg) no-repeat } .highlight-decorative-enhancements{ background: #E8E5DF url(/images/gui/highlights/decorative-enhancements.jpg) no-repeat } .highlight-design-considerations{ background: #E8E5DF url(/images/gui/highlights/design-considerations.jpg) no-repeat } .highlight-kitchen-chronicles{ background: #E8E5DF url(/images/gui/highlights/kitchen-chronicles.jpg) no-repeat } .highlight-planning-your-space{ background: #E8E5DF url(/images/gui/highlights/planning-your-space-feature.jpg) no-repeat } .highlight-kitchen-planner-app{ background: #E8E5DF url(/images/gui/highlights/kitchen-planner-app.jpg) no-repeat } .highlight-helpful-planning-tools{ background: #E8E5DF url(/images/gui/highlights/helpful-planning-tools-feature.jpg) no-repeat } .highlight-work-triangle-layouts{ background: #E8E5DF url(/images/gui/highlights/work-triangle-layouts-feature.jpg) no-repeat } .highlight-islands-peninsulas{ background: #E8E5DF url(/images/gui/highlights/islands-peninsulas-feature.jpg) no-repeat } .highlight-decorative-hardware{ background: #E8E5DF url(/images/gui/highlights/decorative-hardware.jpg) no-repeat } .highlight-decorative-hardware-classic{ background: #E8E5DF url(/images/gui/highlights/decorative-hardware-classic.jpg) no-repeat } .highlight-decorative-hardware-essentials{ background: #E8E5DF url(/images/gui/highlights/decorative-hardware-essentials.jpg) no-repeat } .highlight-glass-inserts-metal-frames{ background: #E8E5DF url(/images/gui/highlights/glass-inserts-metal-frames.jpg) no-repeat } .highlight-glass-inserts{ background: #E8E5DF url(/images/gui/highlights/glass-inserts.jpg) no-repeat } .highlight-features-accessories-bath{ background: #E8E5DF url(/images/gui/highlights/features-accessories-bath.jpg) no-repeat } .highlight-features-accessories-masterpiece-cutting-board{ background: #E8E5DF url(/images/gui/highlights/features-accessories-masterpiece-cutting-board.jpg) no-repeat } .highlight-features-accessories-classic-silverware-organizer{ background: #E8E5DF url(/images/gui/highlights/features-accessories-classic-silverware-organizer.jpg) no-repeat } .highlight-features-accessories-essentials{ background: #E8E5DF url(/images/gui/highlights/features-accessories-essentials.jpg) no-repeat } .highlight-cleaning-care{ background: #E8E5DF url(/images/gui/highlights/cleaning-care.jpg) no-repeat } .highlight-whats-new-masterpiece-tilt-out-tray{ background: #E8E5DF url(/images/gui/highlights/whats-new-masterpiece-tilt-out-tray.jpg) no-repeat } .highlight-whats-new-masterpiece-cookbook-rack{ background: #E8E5DF url(/images/gui/highlights/whats-new-masterpiece-cookbook-rack.jpg) no-repeat } .highlight-whats-new-classic-soft-action{ background: #E8E5DF url(/images/gui/highlights/whats-new-classic-soft-action.jpg) no-repeat } .highlight-where-to-buy{ background: #E8E5DF url(/images/gui/highlights/where-to-buy.jpg) no-repeat } .highlight-about-wood-cabinets{ background: #E8E5DF url(/images/gui/highlights/about-wood-cabinets.jpg) no-repeat } .highlight-about-wood-cabinets .highlight-blurb{ padding-right: 3px } .highlight-kitchen-planner{ background: #E8E5DF url(/images/gui/highlights/kitchen-planner-2.jpg) no-repeat } .highlight-stg-coreguard{ background: #E8E5DF url(/images/gui/highlights/stg-coreguard.jpg) no-repeat } .highlight-merillat-and-denova{ background: #E8E5DF url(/images/gui/highlights/merillat-and-denova.jpg) no-repeat } .highlight-beautiful-functional-spaces{background: #E8E5DF url(/images/gui/highlights/beautiful-functional-spaces.jpg) no-repeat } .highlight-stg-facebook{ background: #E8E5DF url(/images/gui/highlights/stg-facebook.jpg) no-repeat } .highlight-find-dealer{ background: #E8E5DF url(/images/gui/highlights/find-dealer.jpg) no-repeat } .highlight-coreguard-video{ background: #E8E5DF url(/images/gui/highlights/coreguard-video.jpg) no-repeat } .highlight-cook-like-curtis{ background: #E8E5DF url(/images/gui/highlights/cook-like-curtis.jpg) no-repeat } .highlight-curtis-stone{ background: #E8E5DF url(/images/gui/highlights/curtis-stone.jpg) no-repeat } .highlight-webisode{ background: #E8E5DF url(/images/gui/highlights/entertain.jpg) no-repeat } .highlight-webisode-home{ background: #E8E5DF url(/images/gui/highlights/webisode.jpg) no-repeat } .highlight-dream-kitchen{ background: #E8E5DF url(/images/gui/highlights/dream-kitchen.jpg) no-repeat } .highlight-stop-the-glop{ background: #E8E5DF url(/images/gui/highlights/stop-the-glop.jpg) no-repeat } .highlight-kuppersmith-videos{ background: #E8E5DF url(/images/gui/highlights/kuppersmith-videos.jpg) no-repeat } .highlight-about-merillat{ background: #E8E5DF url(/images/gui/highlights/about-single-column.jpg) no-repeat } .highlight-curtis-video-one{ background: #E8E5DF url(/images/gui/highlights/curtis-video-one.jpg) no-repeat } .highlight-curtis-video-two{ background: #E8E5DF url(/images/gui/highlights/curtis-video-two.jpg) no-repeat } .highlight-curtis-video-three{ background: #E8E5DF url(/images/gui/highlights/curtis-video-three.jpg) no-repeat } .highlight-curtis-video-four{ background: #E8E5DF url(/images/gui/highlights/curtis-video-four.jpg) no-repeat } .highlight-vanity { background: #E8E5DF url(/images/gui/highlights/vanity.jpg) no-repeat; } .highlight-wldk-winner { background: #E8E5DF url(/images/gui/highlights/features-wldk-winner.jpg) no-repeat; } /* homepage */ .highlight-bath { background: #E8E5DF url(/images/gui/highlights/features-bath.jpg) no-repeat; } .highlight-masterpiece { background: #E8E5DF url(/images/gui/highlights/features-masterpiece.jpg) no-repeat; } .highlights-small a, .highlights-small2 a{ font-size: 19px; display: block; padding: 24px 20px 20px 80px; color: #d81e05; text-decoration: none; text-align: center } .highlights-small2 a{ padding: 24px 0 20px 100px; line-height: 19px } .espanol .highlights-small a{ padding: 8px 20px 8px 80px } .espanol .highlights-small2 a{ padding: 15px 20px 8px 100px } .highlights-small, .highlights-small2{ height: 110px } /* homepage small */ .highlight-inspiration-gallery-small{ background: #E8E5DF url(/images/gui/highlights/inspiration-gallery.jpg) no-repeat } .highlight-kitchen-helper-app-small{ background: #E8E5DF url(/images/gui/highlights/phone-app.jpg) no-repeat } .highlight-roundtable-blog-small{ background: #E8E5DF url(/images/gui/highlights/roundtable-blog.jpg) no-repeat } .highlight-webaward-small{ background: #E8E5DF url(/images/gui/highlights/webaward-winner.jpg) no-repeat } /* product lines page */ .product-line-overview-first{ width: 250px; float: left; padding-left: 40px } .product-line-overview{ width: 250px; float: left; margin-left: 30px } .product-line-overview h2, .product-line-overview-first h2{ font-size: 22px } .product-line-overview h5, .product-line-overview-first h5{ color: #D81E05; text-transform: uppercase; font-weight: bold; margin-bottom: 5px } .product-line-overview h6, .product-line-overview-first h6{ color: #000; text-transform: uppercase; font-weight: bold; font-size: 0.9em } .product-line-overview-group{ padding-top: 30px; padding-bottom: 10px } .product-line-overview-row{ padding-bottom: 20px } .product-line-overview p, .product-line-overview-first p{ font-size: 0.9em } .product-lines-features{ background: url(/images/gui/bg/bg-product-lines-features.jpg) 10px 0 repeat-y } .product-lines-features-top{ background: url(/images/gui/bg/bg-product-lines-features-top.jpg) 10px top no-repeat } .product-lines-features-bottom{ background: url(/images/gui/bg/bg-product-lines-features-bottom.jpg) 10px bottom no-repeat } /* product line landing pages */ .product-landing-top h6{ text-transform: uppercase; font-weight: bold; margin-bottom: 10px } .product-landing-left-column{ width: 180px; float: left } .product-landing-right-column{ padding-left: 180px } .product-landing-left-column ul, .product-landing-right-column ul, ul.bulleted{ margin: 0 12px 0 10px; list-style-image: url(/images/gui/bg/list-arrow-red.gif); padding-left: 12px } .product-landing-left-column li, .product-landing-right-column li{ margin-bottom: 5px; line-height: 1.5em; font-size: 0.9em; font-weight: bold } .product-landing-right-column p{ margin-bottom: 5px; padding-left: 23px; line-height: 1.5em; font-size: 0.9em; font-weight: bold } .product-landing-links{ padding: 20px 0 0 10px } .product-landing-details{ padding: 0 10px 10px 15px } .product-landing-details-right{ padding: 38px 10px 10px 15px } .product-landing-details h5, .product-landing-details-right h5{ color: #D81E05; text-transform: uppercase; font-weight: bold; padding: 20px 0 6px 0 } .product-landing-details h6, .product-landing-details-right h6{ color: #000; text-transform: uppercase; font-weight: bold; padding: 14px 10px 0 0; font-size: 0.9em } .product-landing-details p, .product-landing-details-right p{ font-size: 0.9em } /* landing page Kitchen Planner & blog combo */ .feature-kitchen-planner-blog{ background: url(/images/gui/bg/bg-feature-blog.jpg) 10px 0 repeat-y } .feature-blog-top{ background: url(/images/gui/bg/bg-feature-blog-top.jpg) 10px top no-repeat } .feature-blog-bottom{ background: url(/images/gui/bg/bg-feature-blog-bottom.jpg) 10px bottom no-repeat } .feature-kitchen-planner, .feature-dealers{ background: url(/images/gui/bg/kitchen-planner-feature-bg.gif) 0 0 no-repeat; width: 425px; margin-left: 17px; margin-top: 17px; padding-bottom: 12px; text-align: center; height: 230px } .feature-kitchen-planner-image, .feature-dealers-image{ display: block; margin: 0 auto; padding: 0 } .feature-blog{ background: url(/images/gui/bg/bg-feature-blog-fade.jpg) 0 0 no-repeat; width: 421px; margin-top: 17px; margin-bottom: 17px; padding-bottom: 17px } .feature-blog-first{ background: url(/images/gui/bg/bg-feature-blog-fade.jpg) 0 0 no-repeat; width: 410px; margin: 20px 0 20px 15px; padding-bottom: 17px } .feature-blog h5, .feature-blog-first h5{ text-transform: uppercase; color: #D81E05; font-weight: bold; padding-top: 16px; margin: 0 17px 15px } .feature-blog h6, .feature-blog-first h6{ text-transform: uppercase; color: #000; font-weight: bold; margin-bottom: 11px; font-size: 0.9em; margin-left: 17px } .feature-blog ul, .feature-blog-first ul{margin-bottom: 15px; margin-left: 17px; margin-right: 12px; list-style-image: url(/images/gui/bg/list-arrow-red.gif); padding-left: 12px } .feature-blog li, .feature-blog-first li{ margin-bottom: 5px; line-height: 1.5em; font-size: 0.9em } .roundtable-link{ text-align: right; margin: 0 17px 0 0 } .feature-play-stg{ margin-top: 3px; background: url(/images/pic/play-stg.jpg) no-repeat; width: 438px; height: 246px; text-align: center } .feature-download-stg{ background: url(/images/pic/download-stg.jpg) no-repeat; width: 450px; height: 245px; text-align: center } /* classic deluxe options */ .classic-deluxe-option h6{ margin-top: 14px; margin-bottom: 10px; font-weight: bold; font-size: 0.9em } .classic-deluxe-option p{ font-size: 0.9em } /* Send to Phone Popup */ #send-to-phone-product{ float: left; overflow: hidden; margin-right: 25px; width: 160px } #send-to-phone-dealer{ float: left; overflow: hidden; margin-right: 25px; width: 160px; padding-top: 10px } #send-to-phone-product img{ width: 140px; height: auto; margin-bottom: 10px } #send-to-phone-form{ float: left; width: 424px!important } #send-to-phone-form p.submit{ margin: 10px 0 } #send-to-phone-form p.required-field{ margin: 10px 0 } #recaptcha-container{position: relative } #recaptcha_area .recaptchatable{border: 4px solid #dcd9c1 !important; background: #f3f2e9 } #recaptcha_area .recaptchatable tr{height: 10px!important } #recaptcha_table a{display: none !Important } a.captcha-links-refresh{background:url("/images/gui/icons/captcha.png") no-repeat left top; text-indent: -9999px; width: 33px; height: 28px; position: absolute; left: 215px; top: 78px!important; z-index: 50; display: block } a.captcha-links-refresh:hover{ background-position: 0 -28px !important } a.captcha-links-audio{background:url("/images/gui/icons/captcha.png") no-repeat -33px 0px; text-indent: -9999px; width: 33px; height: 28px; position: absolute; left: 248px; top: 78px!important; z-index: 50; display: block } a.captcha-links-audio:hover{ background-position: -33px -28px !important } a.captcha-links-help{background:url("/images/gui/icons/captcha.png") no-repeat -66px 0px; text-indent: -9999px; width: 33px; height: 28px; position: absolute; left: 281px; top: 78px!important; z-index: 50; display: block } a.captcha-links-help:hover{ background-position: -66px -28px !important } #recaptcha_area input#recaptcha_response_field{width: 180px!important; border: 1px solid #dcd9c1!important; font-size: 12px; padding: 6px; color: #999!important } #recaptcha_area .recaptchatable .recaptcha_image_cell{ background: none !important } .send-to-phone-details{ margin: 8px 0; color: #666; font-size: 11px!important } form#fSendToPhone dt{width: auto !Important; 250px } form#fSendToPhone dd{ margin-left: 140px !important } /* cabinet construction */ #construction-hotspot-masterpiece-back-panel{ position: absolute; left: 90px; top: 250px } #construction-hotspot-masterpiece-end-panels{ position: absolute; left: 25px; top: 470px } #construction-hotspot-masterpiece-rails{ position: absolute; left: 150px; top: 235px } #construction-hotspot-masterpiece-doors{ position: absolute; left: 120px; top: 400px } #construction-hotspot-masterpiece-drawer-construction{ position: absolute; left: 105px; top: 315px } #construction-hotspot-masterpiece-drawer-front{ position: absolute; left: 260px; top: 295px } #construction-hotspot-masterpiece-drawer-guide-system{ position: absolute; left: 35px; top: 300px } #construction-hotspot-masterpiece-braces{ position: absolute; left: 190px; top: 255px } #construction-hotspot-masterpiece-front-frame{ position: absolute; left: 130px; top: 275px } #construction-hotspot-masterpiece-hinges{ position: absolute; left: 195px; top: 30px } #construction-hotspot-masterpiece-interiors{ position: absolute; left: 150px; top: 150px } #construction-hotspot-masterpiece-roll-out-trays{ position: absolute; left: 230px; top: 455px } #construction-hotspot-masterpiece-wall-cabinet-shelves{ position: absolute; left: 150px; top: 115px } #construction-hotspot-masterpiece-toe-kick{ position: absolute; left: 150px; top: 485px } #construction-hotspot-classic-back-panel{ position: absolute; left: 90px; top: 250px } #construction-hotspot-classic-bottom-panel{ position: absolute; left: 25px; top: 470px } #construction-hotspot-classic-braces{ position: absolute; left: 150px; top: 245px } #construction-hotspot-classic-doors{ position: absolute; left: 290px; top: 335px } #construction-hotspot-classic-drawer-construction{ position: absolute; left: 105px; top: 315px } #construction-hotspot-classic-drawer-front{ position: absolute; left: 245px; top: 300px } #construction-hotspot-classic-drawer-guide-system{ position: absolute; left: 35px; top: 300px } #construction-hotspot-classic-end-panels{ position: absolute; left: 190px; top: 255px } #construction-hotspot-classic-front-frame{ position: absolute; left: 130px; top: 275px } #construction-hotspot-classic-hinges{ position: absolute; left: 195px; top: 30px } #construction-hotspot-classic-interiors{ position: absolute; left: 150px; top: 155px } #construction-hotspot-classic-roll-out-trays{ position: absolute; left: 220px; top: 375px } #construction-hotspot-classic-wall-cabinet-shelves{ position: absolute; left: 150px; top: 75px } #construction-hotspot-essentials-back-panel{ position: absolute; left: 90px; top: 235px } #construction-hotspot-essentials-bottom-panel{ position: absolute; left: 25px; top: 470px } #construction-hotspot-essentials-braces{ position: absolute; left: 155px; top: 230px } #construction-hotspot-essentials-doors{ position: absolute; left: 290px; top: 335px } #construction-hotspot-essentials-drawer-construction{ position: absolute; left: 110px; top: 310px } #construction-hotspot-essentials-drawer-front{ position: absolute; left: 260px; top: 290px } #construction-hotspot-essentials-drawer-guide-system{ position: absolute; left: 35px; top: 290px } #construction-hotspot-essentials-end-panels{ position: absolute; left: 205px; top: 240px } #construction-hotspot-essentials-front-frame{ position: absolute; left: 130px; top: 275px } #construction-hotspot-essentials-hinges{ position: absolute; left: 195px; top: 30px } #construction-hotspot-essentials-interiors{ position: absolute; left: 150px; top: 150px } #construction-hotspot-essentials-roll-out-trays{ position: absolute; left: 230px; top: 455px } #construction-hotspot-essentials-wall-cabinet-shelves{ position: absolute; left: 150px; top: 65px } .construction-detail-popup{ padding-left: 10px } .construction-detail-entry{ font-size: 1.2em; margin-bottom: 20px } .construction-detail-blurb{ width: 240px; float: left } .construction-detail-blurb p{ padding-top: 5px } .construction-detail-image{ width: 185px; float: left; margin-left: 15px } .construction-detail-entry h6{ margin-bottom: 4px } /* Kitchen Helper App Page */ .kitchen-helper-app ul.screens{ border-bottom: 1px solid #ccc; list-style: none; margin-bottom: 30px; background: url(/images/gui/bg/linethrough.jpg) no-repeat; background-position: 0 140px; padding-bottom: 14px; padding-top: 18px } .kitchen-helper-app ul.screens li{ float: left; display: block;padding: 5px; width: 155px; margin-right: 4px; position: relative } .kitchen-helper-app ul.screens li div.progression-arrow{ background:url(/images/gui/bg/red-arrow.gif) no-repeat; width: 11px; height: 18px; position: absolute; left: 160px; top: 332px } .kitchen-helper-app ul.screens li div.progression-arrow-2{ background:url(/images/gui/bg/red-arrow.gif) no-repeat; width: 11px; height: 18px; position: absolute; left: 330px; top: 332px } .kitchen-helper-app ul.screens li.none{ border-right: 0!important } .kitchen-helper-app ul.app-features{ list-style-image:url(/images/gui/bg/list-arrow-red.gif); margin:8px 12px 0 10px; padding-left:12px } .kitchen-helper-app ul.app-features li{ padding: 2px 0 } .kitchen-helper-app h2{ font-size: 22px; margin-top: 22px; display: block; clear:both } .kitchen-helper-app ul.screens h3{ font-size: 18px; text-align: center; margin: 10px 0 } .kitchen-helper-app p.download-button{ position: absolute; right: 0px; top: 0 } .kitchen-helper-app div.kitchen-helper-text{ padding: 0 175px 15px 0; font-size: 12px !important; position: relative; line-height: normal } /* DS & A landing page */ .product-quick-links{ background: #FBFBFB url(/images/gui/bg/bg-product-lines-quick-links.jpg) repeat-y 0 0; position: relative; margin-left: 135px; width: 765px } .product-quick-links-top{ background: url(/images/gui/bg/bg-product-lines-quick-links-top.jpg) no-repeat 0 top } .product-quick-links-bottom{ background: url(/images/gui/bg/bg-product-lines-quick-links-bottom.jpg) no-repeat 0 bottom; padding: 10px 0 5px 3px } #quick-links-default{ height: 69px } a.product-quick-link-masterpiece{ border: 0 none; display: block; margin: 0; padding: 0; overflow: hidden; text-indent: -100em; background: url(/images/gui/btn/btn-product-lines-quick-links-masterpiece.gif) no-repeat 0 -54px; width: 147px; height: 27px } a.product-quick-link-classic{ border: 0 none; display: block; margin: 0; padding: 0; overflow: hidden; text-indent: -100em; background: url(/images/gui/btn/btn-product-lines-quick-links-classic.gif) no-repeat 0 -54px; width: 147px; height: 27px } a.product-quick-link-essentials{ border: 0 none; display: block; margin: 0; padding: 0; overflow: hidden; text-indent: -100em; background: url(/images/gui/btn/btn-product-lines-quick-links-essentials.gif) no-repeat 0 -54px; width: 147px; height: 27px } a.product-quick-link-masterpiece:hover{ background-position: 0 -27px } a.product-quick-link-classic:hover{ background-position: 0 -27px } a.product-quick-link-essentials:hover{ background-position: 0 -27px } .quick-links-col-buttons{ position: absolute; width: 170px; top: 0; left: -135px; padding-top: 3px } .quick-links-intro{ width: 700px; padding-left: 16px; padding-right: 10px } .quick-links-col-a{ width: 285px; float: left; padding-left: 16px; padding-right: 10px } .quick-links-col-b{ width: 180px; float: left; padding: 0 25px } .quick-links-col-c{ width: 180px; float: left; border-left: 1px solid #E6E6E6; height: 60px; padding-left: 25px } .quick-links-col-d{ width: 127px; float: left; border-left: 1px solid #E6E6E6; height: 60px; padding-left: 8px } .quick-links-col-a h6, .quick-links-col-b h6, .quick-links-col-c h6, .quick-links-col-d h6{ color: #000; text-transform: uppercase; font-weight: bold; font-size: 0.9em; margin-bottom: 5px } .quick-links-col-a p{ color: #D81E05; font-size: 1.1em; line-height: 1.5em; height: 60px } .quick-links-col-a .learnmore{ font-size: .9em } .quick-links-intro p.intro{ color: #D81E05; font-size: 1.1em; line-height: 1.5em } .quick-links-intro p.intro strong{ font-size: 1.2em } ul.quick-links-list{ margin: 0 5px 0 0; list-style-type: none; padding-left: 0 } ul.quick-links-list li{ margin-bottom: 5px; padding-left: 8px; line-height: 1.5em; font-size: 0.9em; font-weight: bold; background: url(/images/gui/bg/list-arrow-red.gif) no-repeat 0 5px } /* DS & A what's new */ .whats-new-blurb h5{ font-size: 12px; font-weight: bold; margin: 24px 0 4px 0; padding: 0; text-transform: uppercase } .whats-new-blurb p { font-size: 12px } .whats-new-section{ border-top: 1px solid #CCC; margin-top: 10px; padding-top: 20px } .whats-new-section h2, .whats-new-section-first h2{ margin-bottom: 0 } /* AddThis Styling */ label.large-swatch{ position: relative } label.large-swatch img{ margin-bottom: 5px } span.large-swatch-hover-active{ background: transparent url(/images/gui/icons/large-swatch-hover-active.gif) no-repeat 0 0; position: absolute; top: -3px; left: 0; width: 55px; height: 38px } body#glass-inserts-metal-frames .product-line-overview-first{ width: 410px } body#glass-inserts-metal-frames .product-line-overview{ width: 410px } body#glass-inserts-metal-frames div.product-line-overview div.product-overview-txt,body#glass-inserts-metal-frames .product-line-overview-first div.product-overview-txt{ height: 140px; width: 410px } /* islands and peninsulas */ .islands-peninsulas h2{ margin-bottom: 0 } .islands-peninsulas h3{ margin-bottom: 0; margin-top: 20px } .islands-peninsulas a.button-replacer{ margin: 10px 0 50px 0 } .islands-peninsulas-blurb h4{ margin-bottom: 0; font-size: 13px; color: #333 } .islands-peninsulas-blurb h3{ font-size: 18px } /* FAQ */ div.question{ margin: 35px 0 5px 0; border-bottom: 1px solid #CCC } li.question{ line-height: 1.5; margin-bottom: 5px } span.answer{ color: #000; font-size: 14px } #add-project-form span.field-validation-error{ clear: both } /* Offer & Promotions */ .offers-promotions-bar{ background: #9D0A00 url(/images/gui/bg/offers-promotions-bar.jpg) no-repeat center 0; width: 100%; height: 49px } .offers-promotions-bar .sign-up-copy{ padding: 8px 0 0 45px; width: 460px; color: white; font-size: 13px; float: left; text-shadow: 0 1px 3px rgba(20, 20, 20, 0.4) } .offers-promotions-bar a.privacy-link{ color: white; text-decoration: underline } .offers-promotions-bar a.privacy-link:hover{ color: white; text-decoration: none } .offers-promotions-form{ width: 500px; position: absolute; right: 80px; top: 12px } .offers-promotions-form .text{ margin-right: 10px; width: 245px } .offers-promotions-form .submit{ float: right; position: relative } .offers-promotions-form .submit .txt-input-container,.offers-promotions-form .submit .button-container{ float: right; } .offers-promotions-form .submit .txt-input-container{ margin-right: 10px; margin-bottom: 1px } p.txt-input-container input{ font-size: 1.2em } .search-form-container p.txt-input-container input{ font-size: 1em } .offers-promotions-form .submit .button-container{ position: relative; top: 1px } .close{ position: absolute; top: 2px; right: 10px } .close a{ background: transparent url(/images/ir/nav/close-offers-promotions.gif) no-repeat 0 0; width: 50px; height: 23px; display: block } ul#ideafolio-nav{ right: -20px } ul#ideafolio-nav li#addthis-link{ border-right:1px solid #CCCCCC } ul#ideafolio-nav li#addthis-link a{ padding: 0 15px 0 30px } ul#ideafolio-nav li#offers-promotions-link{ margin: 0 15px; position: relative; top: -5px } ul#ideafolio-nav li#offers-promotions-link a{ background: transparent url(/images/ir/nav/open-offers-promotions.gif) no-repeat 0 0; width: 175px; height: 43px; padding-left: 3px } ul#ideafolio-nav li#offers-promotions-link a:active{ outline: none } .offers-promotions-bar div.button-replaced-container button{ top: -2px } .submit .field-validation-error{ color: white; display: block; position: absolute; right: 40px; top: 25px; width: 350px } /* Shadowbox Definitions */ .shadowbox{ margin: 0 -6px; position: relative;} .shadowboxtop, .shadowboxbottom{ height: 6px; background-repeat: no-repeat; background-position: 0 0; overflow: hidden; font-size: 0 } .shadowboxbottom{ background-position: 0 100% } .shadowboxmiddle{ padding: 0 6px; background-repeat: repeat-y; zoom: 1 } .shadowboxmiddle img{ vertical-align: top } .shadowbox .video{ text-indent: -999em; width: 44px; height: 44px; display: block; position: absolute; top: 92px; left: 88px } .shadowbox-stackable{ margin-bottom: 10px } p.shadowbox-caption{ font-size: 0.8em; margin: 1px 0 0 0 !IMPORTANT; font-weight: bold; font-style: italic } /* Double Bevel Definitions */ .shadowbox-double-bevel{ margin-bottom: 15px; padding: 16px 0; position: relative; background-repeat: repeat-y; background-position: center; } /* class for creating the double beveled style boxes see /our-products page */ .shadowbox-double-bevel .content{ padding: 10px 35px } .shadowbox-double-bevel .bottom, .shadowbox-double-bevel .top{ height: 16px; position: absolute; top: 0; left: 0; width: 100%; background-repeat: no-repeat; background-position: center } .shadowbox-double-bevel .bottom{ bottom: 0; top: auto } /* Fade Box Definitions */ .fadebox, .fadebox .top, .fadebox .bottom{ background-position: center } .fadebox{ position: relative; overflow: hidden; margin: 20px 10px 0; width: 920px; padding: 20px 0; background-repeat: repeat-y; } .fadebox .content{ position: relative; z-index: 1 } .fadebox .top{ position: absolute; top: 0; width: 920px; height: 65px; background-repeat: no-repeat; } .fadebox .bottom{ position: absolute; bottom: 0; width: 100%; height: 35px; background-repeat: no-repeat; } /* Grid 16 */ .container_16 .grid_1 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-1.gif) } .container_16 .grid_1 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-1.gif) } .container_16 .grid_1 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-1.gif) } .container_16 .grid_2 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-2.gif) } .container_16 .grid_2 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-2.gif) } .container_16 .grid_2 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-2.gif) } .container_16 .grid_3 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-3.gif) } .container_16 .grid_3 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-3.gif) } .container_16 .grid_3 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-3.gif) } .container_16 .grid_4 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-4.gif) } .container_16 .grid_4 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-4.gif) } .container_16 .grid_4 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-4.gif) } .container_16 .grid_5 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-5.gif) } .container_16 .grid_5 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-5.gif) } .container_16 .grid_5 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-5.gif) } .container_16 .grid_6 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-6.gif) } .container_16 .grid_6 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-6.gif) } .container_16 .grid_6 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-6.gif) } .container_16 .grid_7 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-7.gif) } .container_16 .grid_7 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-7.gif) } .container_16 .grid_7 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-7.gif) } .container_16 .grid_8 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-8.gif) } .container_16 .grid_8 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-8.gif) } .container_16 .grid_8 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-8.gif) } .container_16 .grid_9 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-9.gif) } .container_16 .grid_9 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-9.gif) } .container_16 .grid_9 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-9.gif) } .container_16 .grid_10 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-10.gif) } .container_16 .grid_10 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-10.gif) } .container_16 .grid_10 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-10.gif) } .container_16 .grid_11 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-11.gif) } .container_16 .grid_11 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-11.gif) } .container_16 .grid_11 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-11.gif) } .container_16 .grid_12 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-12.gif) } .container_16 .grid_12 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-12.gif) } .container_16 .grid_12 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-12.gif) } .container_16 .grid_13 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-13.gif) } .container_16 .grid_13 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-13.gif) } .container_16 .grid_13 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-13.gif) } .container_16 .grid_14 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-14.gif) } .container_16 .grid_14 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-14.gif) } .container_16 .grid_14 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-14.gif) } .container_16 .grid_15 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-15.gif) } .container_16 .grid_15 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-15.gif) } .container_16 .grid_15 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-15.gif) } .container_16 .grid_16 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-16.gif) } .container_16 .grid_16 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-16.gif) } .container_16 .grid_16 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-16.gif) } .container_16 .grid_16 .fadebox .top{ background-image: url(/images/gui/bg/fade-box/fadebox16-top-16.png) } .container_16 .grid_16 .fadebox{ background-image: url(/images/gui/bg/fade-box/fadebox16-middle-16.png) } .container_16 .grid_16 .fadebox .bottom{ background-image: url(/images/gui/bg/fade-box/fadebox16-bottom-16.png) } /* Grid 14 */ .container_14 .grid_1 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-top-1.gif) } .container_14 .grid_1 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-middle-1.gif) } .container_14 .grid_1 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-bottom-1.gif) } .container_14 .grid_2 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-top-2.gif) } .container_14 .grid_2 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-middle-2.gif) } .container_14 .grid_2 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-bottom-2.gif) } .container_14 .grid_3 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-top-3.gif) } .container_14 .grid_3 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-middle-3.gif) } .container_14 .grid_3 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-bottom-3.gif) } .container_14 .grid_4 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-top-4.gif) } .container_14 .grid_4 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-middle-4.gif) } .container_14 .grid_4 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-bottom-4.gif) } .container_14 .grid_5 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-top-5.gif) } .container_14 .grid_5 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-middle-5.gif) } .container_14 .grid_5 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-bottom-5.gif) } .container_14 .grid_6 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-top-6.gif) } .container_14 .grid_6 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-middle-6.gif) } .container_14 .grid_6 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-bottom-6.gif) } .container_14 .grid_7 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-top-7.gif) } .container_14 .grid_7 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-middle-7.gif) } .container_14 .grid_7 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-bottom-7.gif) } .container_14 .grid_8 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-top-8.gif) } .container_14 .grid_8 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-middle-8.gif) } .container_14 .grid_8 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-bottom-8.gif) } .container_14 .grid_9 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-top-9.gif) } .container_14 .grid_9 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-middle-9.gif) } .container_14 .grid_9 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-bottom-9.gif) } .container_14 .grid_10 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-top-10.gif) } .container_14 .grid_10 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-middle-10.gif) } .container_14 .grid_10 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-bottom-10.gif) } .container_14 .grid_11 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-top-11.gif) } .container_14 .grid_11 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-middle-11.gif) } .container_14 .grid_11 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-bottom-11.gif) } .container_14 .grid_12 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-top-12.gif) } .container_14 .grid_12 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-middle-12.gif) } .container_14 .grid_12 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-bottom-12.gif) } .container_14 .grid_13 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-top-13.gif) } .container_14 .grid_13 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-middle-13.gif) } .container_14 .grid_13 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-bottom-13.gif) } .container_14 .grid_14 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-top-14.gif) } .container_14 .grid_14 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-middle-14.gif) } .container_14 .grid_14 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox14-bottom-14.gif) } /* Grid 10 */ .container_10 .grid_1 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-top-1.gif) } .container_10 .grid_1 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-middle-1.gif) } .container_10 .grid_1 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-bottom-1.gif) } .container_10 .grid_2 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-top-2.gif) } .container_10 .grid_2 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-middle-2.gif) } .container_10 .grid_2 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-bottom-2.gif) } .container_10 .grid_3 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-top-3.gif) } .container_10 .grid_3 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-middle-3.gif) } .container_10 .grid_3 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-bottom-3.gif) } .container_10 .grid_4 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-top-4.gif) } .container_10 .grid_4 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-middle-4.gif) } .container_10 .grid_4 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-bottom-4.gif) } .container_10 .grid_5 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-top-5.gif) } .container_10 .grid_5 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-middle-5.gif) } .container_10 .grid_5 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-bottom-5.gif) } .container_10 .grid_6 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-top-6.gif) } .container_10 .grid_6 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-middle-6.gif) } .container_10 .grid_6 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-bottom-6.gif) } .container_10 .grid_7 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-top-7.gif) } .container_10 .grid_7 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-middle-7.gif) } .container_10 .grid_7 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-bottom-7.gif) } .container_10 .grid_8 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-top-8.gif) } .container_10 .grid_8 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-middle-8.gif) } .container_10 .grid_8 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-bottom-8.gif) } .container_10 .grid_9 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-top-9.gif) } .container_10 .grid_9 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-middle-9.gif) } .container_10 .grid_9 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-bottom-9.gif) } .container_10 .grid_10 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-top-10.gif) } .container_10 .grid_10 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-middle-10.gif) } .container_10 .grid_10 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox10-bottom-10.gif) } /* Grid 8 */ .container_8 .grid_1 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-top-1.gif) } .container_8 .grid_1 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-middle-1.gif) } .container_8 .grid_1 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-bottom-1.gif) } .container_8 .grid_2 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-top-2.gif) } .container_8 .grid_2 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-middle-2.gif) } .container_8 .grid_2 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-bottom-2.gif) } .container_8 .grid_3 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-top-3.gif) } .container_8 .grid_3 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-middle-3.gif) } .container_8 .grid_3 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-bottom-3.gif) } .container_8 .grid_4 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-top-4.gif) } .container_8 .grid_4 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-middle-4.gif) } .container_8 .grid_4 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-bottom-4.gif) } .container_8 .grid_5 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-top-5.gif) } .container_8 .grid_5 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-middle-5.gif) } .container_8 .grid_5 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-bottom-5.gif) } .container_8 .grid_6 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-top-6.gif) } .container_8 .grid_6 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-middle-6.gif) } .container_8 .grid_6 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-bottom-6.gif) } .container_8 .grid_7 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-top-7.gif) } .container_8 .grid_7 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-middle-7.gif) } .container_8 .grid_7 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-bottom-7.gif) } .container_8 .grid_8 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-top-8.gif) } .container_8 .grid_8 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-middle-8.gif) } .container_8 .grid_8 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox8-bottom-8.gif) } .double-bevel-8 .top { background-image: url(/images/gui/bg/shadow-boxes/double-bevel8-top-8.gif) } .double-bevel-8{ background-image: url(/images/gui/bg/shadow-boxes/double-bevel8-middle-8.gif) } .double-bevel-8 .bottom{ background-image: url(/images/gui/bg/shadow-boxes/double-bevel8-bottom-8.gif) } .double-bevel-4 .top { background-image: url(/images/gui/bg/shadow-boxes/double-bevel4-top-4.gif) } .double-bevel-4{ background-image: url(/images/gui/bg/shadow-boxes/double-bevel4-middle-4.gif) } .double-bevel-4 .bottom{ background-image: url(/images/gui/bg/shadow-boxes/double-bevel4-bottom-4.gif) } .container_8 .grid_8 .fadebox .top{ background-image: url(/images/gui/bg/fade-box/fadebox8-top-8.png) } .container_8 .grid_8 .fadebox{ background-image: url(/images/gui/bg/fade-box/fadebox8-middle-8.png) } .container_8 .grid_8 .fadebox .bottom{ background-image: url(/images/gui/bg/fade-box/fadebox8-bottom-8.png) } /*grid4*/ .container_4 .grid_1 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox4-top-1.gif) } .container_4 .grid_1 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox4-middle-1.gif) } .container_4 .grid_1 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox4-bottom-1.gif) } .container_4 .grid_2 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox4-top-2.gif) } .container_4 .grid_2 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox4-middle-2.gif) } .container_4 .grid_2 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox4-bottom-2.gif) } .container_4 .grid_3 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox4-top-3.gif) } .container_4 .grid_3 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox4-middle-3.gif) } .container_4 .grid_3 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox4-bottom-3.gif) } .container_4 .grid_4 .shadowboxtop{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox4-top-4.gif) } .container_4 .grid_4 .shadowboxmiddle{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox4-middle-4.gif) } .container_4 .grid_4 .shadowboxbottom{ background-image: url(/images/gui/bg/shadow-boxes/shadowbox4-bottom-4.gif) } /* Masthead boxes */ #bath-landing .masthead { background: white url(/images/gui/bg/bg-innergradient.jpg) repeat-x 0 0; min-height: 290px; padding-top: 3px; } #kitchen-landing .masthead { background: url(/images/gui/bg/bg-kitchen-landing-masthead.jpg) no-repeat; min-height: 290px; padding-top: 3px; } #other-landing .masthead { background: url(/images/gui/bg/bg-other-landing-masthead.jpg) no-repeat; min-height: 290px; padding-top: 3px; } #plan-your-space-home .masthead{ min-height: 284px; background-image: url(/images/gui/bg/bg-plan-your-space-landing-masthead.jpg) } .masthead-inner { position: relative; overflow: hidden; width: 934px; height: 284px; margin-left: 3px;} .masthead-content { color: white; background: url(/images/gui/bg/bg-masthead-overlay.png) no-repeat; width: 384px; height: 288px; position: absolute; top: -3px; right: 0 } .masthead-text { padding: 36px 32px 0; } .masthead-text p.cta { text-align: right; margin-top: 16px; } #cabinetry .masthead{ min-height: 162px; background: url(/images/gui/bg/bg-cabinetry-landing-masthead.jpg) no-repeat center } #cabinetry .masthead-inner{ height: 160px } #cabinetry .masthead-content{ top: 0; height: 159px } #cabinetry .masthead-text{ padding-top: 6px } #plan-your-space-home .masthead-content { left: -3px } #plan-your-space-home .masthead-inner { margin-left: 0 } #plan-your-space-home .masthead-text p.cta { text-align: left } #plan-your-space-home .masthead .masthead-text{ left: 0; width: 320px; padding: 20px 12px 0 32px } #bath-landing #bath-video{ margin-left: 10px } #bath-landing .masthead-content{ top: -2px } #bath-landing .masthead-content p { line-height: 17px; } #bath-landing .masthead-inner{ margin-top: 10px; height: 328px; margin-right: 10px; width: 924px } #bath-landing .masthead-content h2, #kitchen-landing .masthead-content h2, #plan-your-space-home .masthead-content h2, #other-landing .masthead-content h2 { color: white; text-transform: lowercase; font-size: 44px; border-bottom: 1px solid white; padding-bottom: 4px; } #plan-your-space-home .masthead-content h2{ line-height: 1em; border: none } #cabinetry .masthead .masthead-text{ width: 300px; color: #fff; position: absolute; right: 20px; top: 12px } #cabinetry .masthead .masthead-text h2{ color: #fff; border-bottom: 1px solid #fff; line-height: 1.6em } /* 13.0 IMAGES ---------------------------------------------------------- */ /* 14.0 META ---------------------------------------------------------- */ /* 15.0 ACCESSIBILITY ---------------------------------------------------------- */ /* 16.0 PAGE SPECIFIC ---------------------------------------------------------- */ /* Homepage */ .coreguard-features div{ height: 250px; float: left } .coreguard-features div .highlight-blurb{ padding: 152px 35px 0px 45px; height: auto } #content-body .coreguard-features div .highlight-blurb p{ margin-bottom: 4px; color:#fff } .coreguard-1{ background: url("/images/gui/highlights/home-coreguard-2.jpg") top left no-repeat; width: 392px } .coreguard-2{ background: url("/images/gui/highlights/home-coreguard2.jpg") top left no-repeat; width: 270px } .stg{ background: url("/images/gui/highlights/home-stg-2.jpg") top left no-repeat; width: 284px } .coreguard-features div.stg .highlight-blurb{ padding: 152px 25px 15px 0px } .coreguard-features div.stg .highlight-blurb p{ color: #333!important } .sink-base-ad{ height: 45px; margin-bottom: 10px } .sink-base-ad img{ float: left } .sink-base-learn-more{ border-left: 1px solid #CCCCCC; height: 45px; padding: 0 50px 0 25px; float: right } .sink-base-learn-more a{ margin-top: 12px } .space{ height: 10px; overflow: hidden } #content-inner-wrapper-martel{ background: #FFF url(/images/pic/home/temp/doordetailmartelbg.jpg) left top repeat-x; text-align: center; margin: 0 10px } .product-blurb{ margin: -0.8em 0 50px 50px } .product-blurb p{ color: #FFF; font-style: italic; font-size: 1.4em; line-height: 2.2em } .color-disclaimer{ margin: 20px 0 } .color-disclaimer p{font-size: .8em } .email-print-bar{float: right; height: 45px; padding-right: 15px; margin-top: -15px;s } .image-list{ width: 232px; margin: 5px 20px 20px 0; float:left } .image-list-caption{font-weight: bold; margin-top: 5px } .table-talk-header{ width: 240px; padding: 20px 0 0 40px; height: 180px } .table-talk-header h1{ color: #FFF; margin: 0; padding: 20px 0 0 0 } .table-talk-header h2{ color: #DCD8C0; font-size: 2.2em; margin: 0; line-height: 1.25; padding: 0 } .table-talk-article-summary{ width: 600px; margin: 0 0 25px 60px; border-bottom: 1px solid #CCC } .table-talk-add-comments{ padding: 10px 0 20px 0 } .item-list-wrapper .send-to-phone{ padding: 6px 0 6px 20px; background-position:-2px -910px; display: block } .item-list-wrapper-container .send-to-phone{ padding: 6px 0 6px 20px; background-position:-2px -910px; display: block } .enhancements-container .send-to-phone{padding: 6px 0 6px 20px; background-position:-2px -910px; display: block; width: 140px; clear: left } /* work triangle */ #cleanup-tooltip{ left: 478px; top: 243px; position: absolute } #cooking-tooltip{ left: 398px; top: 90px; position: absolute } #food-storage-tooltip{ left: 566px; top: 132px; position: absolute } #preperation1-tooltip{ left: 500px; top: 76px; position: absolute } #preperation2-tooltip{ left: 418px; top: 170px; position: absolute } #preperation3-tooltip{ left: 585px; top: 206px; position: absolute } #work-triangle-container{ width: 750px; height:382px; margin-bottom: 20px; background: transparent url(/images/pic/plan-your-space/work-triangle-layout/work-triangle-basics.gif) 70px 0 no-repeat; position: relative } .work-triangle-hotspot-example{ vertical-align: text-top } .consumer-warning{ font-size: 11px; padding: 0 0 10px 0px } .consumer-warning a{ color: #666 } /* Register IdeaFolio Page */ #register-or{ position: relative; width: 100%; padding: 10px 0; margin: 10px 0 20px 0; border-bottom: 1px dotted #CCC; text-align: center } #register-or h5{ margin-bottom: -11px; left: 50%; font-size: 1em; background: #fff; padding: 4px; position: absolute } #fb-register #fbReg{ margin-left: 160px } /* Our Products Page */ .room-container { width: 936px; padding: 3px; margin: 0px 5px; background: #e7e7e5 } .room-container .cta-box{ float: left; width: 310px; height: 352px; position: relative } .thumb-cta-box { position: absolute; bottom: 0; width: 100%; padding-bottom: 50px; text-align: left; background: url(/images/gui/bg/bg-black-60.png); background: rgba(0,0,0,.60) } .thumb-cta-box h3 { font-size: 42px; line-height: .5; color: #fff; padding: 10px 15px 5px } .thumb-cta-box p { display: none; padding: 0px 20px 5px 15px; color: #fff; font-family: Arial,sans-serif; font-size: 1em; letter-spacing: .5 } .thumb-explore-box { width: 100%; position: absolute; bottom: 0; border:0; border-top: 1px solid #c2b7b0; background: url(/images/gui/bg/bg-white-30.png); background: rgba(255,255,255,.3) } .thumb-explore-box a{ margin: 15px } .kitchen-box { background: url(/images/gui/bg/header-thumb-kitchen.jpg) no-repeat } .bath-box { margin: 0px 3px; background: url(/images/gui/bg/header-thumb-bath.jpg) no-repeat } .other-rooms-box { background: url(/images/gui/bg/header-thumb-other-rooms.jpg) no-repeat } .browse-products { width: 882px; height: 230px; padding: 10px; margin: 20px auto; border: 1px solid #eae8da; background: #fff url(/images/gui/bg/bg-innergradient.jpg) repeat-x } .coreguard-whats-new { background: url(/images/gui/bg/coreguard-whats-new.jpg) no-repeat center; min-height: 180px } .coreguard-whats-new p {font-size: 14px; width: 600px; text-shadow: 1px 1px 0px #eceae3} .coreguard-whats-new p sup { font-size: 10px; margin: 0; padding: 0; line-height: 10px; } .coreguard-whats-new a.learn-more { margin-top: 10px } .browse-products h2, .coreguard-whats-new h2, h2.em { color: #d81e05; line-height: 2; text-transform: lowercase;} h2.em{ margin-left: 20px; font-size: 1.8em; color: #555 } /* Product Type Page */ .product-type-container{ overflow: hidden; margin-left: 8px } .product-type-container .cta-box{ float: left; width: 302px; height: 273px; border: 6px solid #F2F1ED; position: relative; } .product-type-container .thumb-cta-box{ } .product-type-container .thumb-cta-box h3{ font-size: 1.9em; text-transform: lowercase; } .product-type-container .cabinetry-box{ background: url(/images/gui/bg/product-type-cabinetry.jpg) no-repeat } .product-type-container .vanity-tops-box{ background: url(/images/gui/bg/product-type-vanity-tops.jpg) no-repeat } .product-type-container .decorative-hardware-box{ background: url(/images/gui/bg/product-type-decorative-hardware.jpg) no-repeat } .product-type-container .storage-and-accessories-box{ background: url(/images/gui/bg/product-type-storage-and-accessories.jpg) no-repeat } .product-type-container .glass-inserts-box{ background: url(/images/gui/bg/product-type-glass-inserts.jpg) no-repeat } .product-type-container .decorative-enhancements-box{ background: url(/images/gui/bg/product-type-decorative-enhancements.jpg) no-repeat } /* Products jCarousel */ .jcarousel-container {clear: left; margin: auto; width: 860px;} ul#browseProducts li {height: 145px; margin: 0px 20px} .jcarousel-next { position: absolute; right: 0px; width: 21px; height: 145px; background: #fff url(/images/gui/bg/scroller-arrows-sprite.jpg) 0 50% no-repeat; cursor: pointer} .jcarousel-prev { position: absolute; left: 0px; width: 21px; height: 145px; background: #fff url(/images/gui/bg/scroller-arrows-sprite.jpg) -63px 50% no-repeat; cursor: pointer} .jcarousel-next-horizontal:hover{ background-position-x: -21px } .jcarousel-prev-horizontal:hover{ background-position-x: -84px } .jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover { background-position-x: -42px; cursor: default } .jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover { background-position-x: -105px; cursor: default } .jcarousel-li-inner { width: 211px; height: 145px; margin: auto } .cabinetry-thumb { background: url(/images/gui/bg/scroller-cabinetry.jpg) } .vanity-tops-thumb { background: url(/images/gui/bg/scroller-vanity-tops.jpg) } .glass-inserts-thumb { background: url(/images/gui/bg/scroller-glass-inserts.jpg) } .decorative-hardware-thumb { background: url(/images/gui/bg/scroller-decorative-hardware.jpg) } .decorative-enhancements-thumb { background: url(/images/gui/bg/scroller-decorative-enhancements.jpg) } .storage-and-accessories-thumb { background: url(/images/gui/bg/scroller-storage-and-accessories.jpg) } #bath-landing .glass-inserts-thumb { background: url(/images/gui/bg/scroller-bath-glass-inserts.jpg) } #bath-landing .decorative-enhancements-thumb { background: url(/images/gui/bg/scroller-bath-decorative-enhancements.jpg) } #bath-landing .cabinetry-thumb { background: url(/images/gui/bg/scroller-bath-cabinetry.jpg) } #bath-landing .storage-and-accessories-thumb { background: url(/images/gui/bg/scroller-bath-storage-and-accessories.jpg) } #kitchen-landing .cabinetry-thumb{ background: url(/images/gui/bg/scroller-kitchen-cabinetry.jpg) } #other-landing .cabinetry-thumb{ background: url(/images/gui/bg/scroller-other-cabinetry.jpg) } #other-landing .glass-inserts-thumb{ background: url(/images/gui/bg/scroller-other-glass-inserts.jpg) } .jcarousel-headline-box { height: 38px; text-align: left; border-bottom: 1px solid #000; background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(76,24,0,0.8) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(76,24,0,0.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(76,24,0,0.8) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(76,24,0,0.8) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(76,24,0,0.8) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc4c1800',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(76,24,0,0.8) 100%); /* W3C */ } .jcarousel-headline-box p { font-weight: bold; color: #fff; font-size: 14px; line-height: 38px; padding: 0px 0px 0px 10px } .jcarousel-headline-box a { margin: 65px 0px 0px 10px } /* Inspiration Landing Page*/ .shadowbox-double-bevel .step-by-step{ background: url(/images/gui/highlights/insp-step-by-step.jpg) no-repeat center } .shadowbox-double-bevel .step-by-step h3{ color: #D81E05; font-size: 1.7em } .shadowbox-double-bevel .step-by-step p{ width: 200px; font-size: .9em } .shadowbox-double-bevel .step-by-step a{ position: absolute; left: 280px; top: 38px } /* Design Considerations */ #comparison-scroller-container .jcarousel-prev, #comparison-scroller-container .jcarousel-next{ display: none !important } /* 17.0 GRID STYLING ---------------------------------------------------------- */ /* 17.1 - 16 COLUMN GRID SETUP ---------------------------------------------------------- Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ .container_16{ width: 960px } .container_7{ width: 800px; margin: 0 auto } .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15{ float: left; position: relative; margin-left: 4px !IMPORTANT; margin-right: 4px; padding-left: 6px; padding-right: 6px; display: inline } .grid_16{ float: left; position: relative; margin-left: 0 !IMPORTANT; padding-left: 10px !IMPORTANT; margin-right: 4px; padding-right: 6px; display: inline } .first{ margin-left: 0 } .last{ margin-right: 0 } .container_16 .grid_1{width:40px} .container_16 .grid_2{width:100px} .container_16 .grid_3{width:160px} .container_16 .grid_4{width:220px} .container_16 .grid_5{width:280px} .container_16 .grid_6{width:340px} .container_16 .grid_7{width:400px} .container_16 .grid_8{width:460px} .container_16 .grid_9{width:520px} .container_16 .grid_10{width:580px} .container_16 .grid_11{width:640px} .container_16 .grid_12{width:700px} .container_16 .grid_13{width:760px} .container_16 .grid_14{width:820px} .container_16 .grid_15{width:880px} .container_16 .grid_16{width:940px} .container_16 .prefix_1{ padding-left:60px } .container_16 .prefix_2{ padding-left:120px } .container_16 .prefix_3{ padding-left:180px } .container_16 .prefix_4{ padding-left:240px } .container_16 .prefix_5{ padding-left:300px } .container_16 .prefix_6{ padding-left:360px } .container_16 .prefix_7{ padding-left:420px } .container_16 .prefix_8{ padding-left:480px } .container_16 .prefix_9{ padding-left:540px } .container_16 .prefix_10{ padding-left:600px } .container_16 .prefix_11{ padding-left:660px } .container_16 .prefix_12{ padding-left:720px } .container_16 .prefix_13{ padding-left:780px } .container_16 .prefix_14{ padding-left:840px } .container_16 .prefix_15{ padding-left:900px } .container_16 .suffix_1{ padding-right:60px } .container_16 .suffix_2{ padding-right:120px } .container_16 .suffix_3{ padding-right:180px } .container_16 .suffix_4{ padding-right:240px } .container_16 .suffix_5{ padding-right:300px } .container_16 .suffix_6{ padding-right:360px } .container_16 .suffix_7{ padding-right:420px } .container_16 .suffix_8{ padding-right:480px } .container_16 .suffix_9{ padding-right:540px } .container_16 .suffix_10{ padding-right:600px } .container_16 .suffix_11{ padding-right:660px } .container_16 .suffix_12{ padding-right:720px } .container_16 .suffix_13{ padding-right:780px } .container_16 .suffix_14{ padding-right:840px } .container_16 .suffix_15{ padding-right:900px } .container_16 .push_1{ left:60px } .container_16 .push_2{ left:120px } .container_16 .push_3{ left:180px } .container_16 .push_4{ left:240px } .container_16 .push_5{ left:300px } .container_16 .push_6{ left:360px } .container_16 .push_7{ left:420px } .container_16 .push_8{ left:480px } .container_16 .push_9{ left:540px } .container_16 .push_10{ left:600px } .container_16 .push_11{ left:660px } .container_16 .push_12{ left:720px } .container_16 .push_13{ left:780px } .container_16 .push_14{ left:840px } .container_16 .push_15{ left:900px } .container_16 .pull_1{ left:-60px } .container_16 .pull_2{ left:-120px } .container_16 .pull_3{ left:-180px } .container_16 .pull_4{ left:-240px } .container_16 .pull_5{ left:-300px } .container_16 .pull_6{ left:-360px } .container_16 .pull_7{ left:-420px } .container_16 .pull_8{ left:-480px } .container_16 .pull_9{ left:-540px } .container_16 .pull_10{ left:-600px } .container_16 .pull_11{ left:-660px } .container_16 .pull_12{ left:-720px } .container_16 .pull_13{ left:-780px } .container_16 .pull_14{ left:-840px } .container_16 .pull_15{ left:-900px } /* 17.2 - 14 COLUMN GRID SETUP ---------------------------------------------------------- Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ .container_14{ margin-left: auto; margin-right: auto; width: 840px } .container_15{ margin-left: auto; margin-right: auto; width: 890px } .first{ margin-left: 0 } .last{ margin-right: 0 } .container_14 .grid_1{width:40px} .container_14 .grid_2{width:100px} .container_14 .grid_3{width:160px} .container_14 .grid_4{width:220px} .container_14 .grid_5{width:280px} .container_14 .grid_6{width:340px} .container_14 .grid_7{width:400px} .container_14 .grid_8{width:460px} .container_14 .grid_9{width:520px} .container_14 .grid_10{width:580px} .container_14 .grid_11{width:640px} .container_14 .grid_12{width:700px} .container_14 .grid_13{width:760px} .container_14 .grid_14{width:820px} .container_14 .prefix_1{ padding-left:60px } .container_14 .prefix_2{ padding-left:120px } .container_14 .prefix_3{ padding-left:180px } .container_14 .prefix_4{ padding-left:240px } .container_14 .prefix_5{ padding-left:300px } .container_14 .prefix_6{ padding-left:360px } .container_14 .prefix_7{ padding-left:420px } .container_14 .prefix_8{ padding-left:480px } .container_14 .prefix_9{ padding-left:540px } .container_14 .prefix_10{ padding-left:600px } .container_14 .prefix_11{ padding-left:660px } .container_14 .prefix_12{ padding-left:720px } .container_14 .prefix_13{ padding-left:780px } .container_14 .suffix_1{ padding-right:60px } .container_14 .suffix_2{ padding-right:120px } .container_14 .suffix_3{ padding-right:180px } .container_14 .suffix_4{ padding-right:240px } .container_14 .suffix_5{ padding-right:300px } .container_14 .suffix_6{ padding-right:360px } .container_14 .suffix_7{ padding-right:420px } .container_14 .suffix_8{ padding-right:480px } .container_14 .suffix_9{ padding-right:540px } .container_14 .suffix_10{ padding-right:600px } .container_14 .suffix_11{ padding-right:660px } .container_14 .suffix_12{ padding-right:720px } .container_14 .suffix_13{ padding-right:780px } .container_14 .push_1{ left:60px } .container_14 .push_2{ left:120px } .container_14 .push_3{ left:180px } .container_14 .push_4{ left:240px } .container_14 .push_5{ left:300px } .container_14 .push_6{ left:360px } .container_14 .push_7{ left:420px } .container_14 .push_8{ left:480px } .container_14 .push_9{ left:540px } .container_14 .push_10{ left:600px } .container_14 .push_11{ left:660px } .container_14 .push_12{ left:720px } .container_14 .push_13{ left:780px } .container_14 .pull_1{ left:-60px } .container_14 .pull_2{ left:-120px } .container_14 .pull_3{ left:-180px } .container_14 .pull_4{ left:-240px } .container_14 .pull_5{ left:-300px } .container_14 .pull_6{ left:-360px } .container_14 .pull_7{ left:-420px } .container_14 .pull_8{ left:-480px } .container_14 .pull_9{ left:-540px } .container_14 .pull_10{ left:-600px } .container_14 .pull_11{ left:-660px } .container_14 .pull_12{ left:-720px } .container_14 .pull_13{ left:-780px } /* 17.3 - 14 COLUMN-820 GRID SETUP ---------------------------------------------------------- */ .container_14_820{ margin-left: auto; margin-right: auto; width: 812px } .alpha{ margin-left: 0 } .omega{ margin-right: 0 } .container_14_820 .grid_1{ width:38px } .container_14_820 .grid_2{ width:96px } .container_14_820 .grid_3{ width:154px } .container_14_820 .grid_4{ width:212px } .container_14_820 .grid_5{ width:270px } .container_14_820 .grid_6{ width:328px } .container_14_820 .grid_7{ width:386px } .container_14_820 .grid_8{ width:444px } .container_14_820 .grid_9{ width:502px } .container_14_820 .grid_10{ width:560px } .container_14_820 .grid_11{ width:618px } .container_14_820 .grid_12{ width:676px } .container_14_820 .grid_13{ width:734px } .container_14_820 .grid_14{ width:792px } .container_14_820 .prefix_1{ padding-left:58px } .container_14_820 .prefix_2{ padding-left:116px } .container_14_820 .prefix_3{ padding-left:174px } .container_14_820 .prefix_4{ padding-left:232px } .container_14_820 .prefix_5{ padding-left:290px } .container_14_820 .prefix_6{ padding-left:348px } .container_14_820 .prefix_7{ padding-left:406px } .container_14_820 .prefix_8{ padding-left:464px } .container_14_820 .prefix_9{ padding-left:522px } .container_14_820 .prefix_10{ padding-left:580px } .container_14_820 .prefix_11{ padding-left:638px } .container_14_820 .prefix_12{ padding-left:696px } .container_14_820 .prefix_13{ padding-left:754px } .container_14_820 .suffix_1{ padding-right:58px } .container_14_820 .suffix_2{ padding-right:116px } .container_14_820 .suffix_3{ padding-right:174px } .container_14_820 .suffix_4{ padding-right:232px } .container_14_820 .suffix_5{ padding-right:290px } .container_14_820 .suffix_6{ padding-right:348px } .container_14_820 .suffix_7{ padding-right:406px } .container_14_820 .suffix_8{ padding-right:464px } .container_14_820 .suffix_9{ padding-right:522px } .container_14_820 .suffix_10{ padding-right:580px } .container_14_820 .suffix_11{ padding-right:638px } .container_14_820 .suffix_12{ padding-right:696px } .container_14_820 .suffix_13{ padding-right:754px } .container_14_820 .push_1{ left:58px } .container_14_820 .push_2{ left:116px } .container_14_820 .push_3{ left:174px } .container_14_820 .push_4{ left:232px } .container_14_820 .push_5{ left:290px } .container_14_820 .push_6{ left:348px } .container_14_820 .push_7{ left:406px } .container_14_820 .push_8{ left:464px } .container_14_820 .push_9{ left:522px } .container_14_820 .push_10{ left:580px } .container_14_820 .push_11{ left:638px } .container_14_820 .push_12{ left:696px } .container_14_820 .push_13{ left:754px } .container_14_820 .pull_1{ left:-58px } .container_14_820 .pull_2{ left:-116px } .container_14_820 .pull_3{ left:-174px } .container_14_820 .pull_4{ left:-232px } .container_14_820 .pull_5{ left:-290px } .container_14_820 .pull_6{ left:-348px } .container_14_820 .pull_7{ left:-406px } .container_14_820 .pull_8{ left:-464px } .container_14_820 .pull_9{ left:-522px } .container_14_820 .pull_10{ left:-580px } .container_14_820 .pull_11{ left:-638px } .container_14_820 .pull_12{ left:-696px } .container_14_820 .pull_13{ left:-754px } /* 17.4 - 10 COLUMN GRID SETUP ---------------------------------------------------------- */ .container_10{ margin-left: auto; margin-right: auto; width: 840px } .first{ margin-left: 0 } .last{ margin-right: 0 } .container_10 .grid_1{ width:64px } .container_10 .grid_2{ width:148px } .container_10 .grid_3{ width:232px } .container_10 .grid_4{ width:316px } .container_10 .grid_5{ width:400px } .container_10 .grid_6{ width:484px } .container_10 .grid_7{ width:568px } .container_10 .grid_8{ width:652px } .container_10 .grid_9{ width:736px } .container_10 .grid_10{ width:820px } .container_10 .prefix_1{ padding-left:84px } .container_10 .prefix_2{ padding-left:168px } .container_10 .prefix_3{ padding-left:252px } .container_10 .prefix_4{ padding-left:336px } .container_10 .prefix_5{ padding-left:420px } .container_10 .prefix_6{ padding-left:504px } .container_10 .prefix_7{ padding-left:588px } .container_10 .prefix_8{ padding-left:672px } .container_10 .prefix_9{ padding-left:756px } .container_10 .suffix_1{ padding-right:84px } .container_10 .suffix_2{ padding-right:168px } .container_10 .suffix_3{ padding-right:252px } .container_10 .suffix_4{ padding-right:336px } .container_10 .suffix_5{ padding-right:420px } .container_10 .suffix_6{ padding-right:504px } .container_10 .suffix_7{ padding-right:588px } .container_10 .suffix_8{ padding-right:672px } .container_10 .suffix_9{ padding-right:756px } .container_10 .push_1{ left:84px } .container_10 .push_2{ left:168px } .container_10 .push_3{ left:252px } .container_10 .push_4{ left:336px } .container_10 .push_5{ left:420px } .container_10 .push_6{ left:504px } .container_10 .push_7{ left:588px } .container_10 .push_8{ left:672px } .container_10 .push_9{ left:756px } .container_10 .pull_1{ left:-84px } .container_10 .pull_2{ left:-168px } .container_10 .pull_3{ left:-252px } .container_10 .pull_4{ left:-336px } .container_10 .pull_5{ left:-420px } .container_10 .pull_6{ left:-504px } .container_10 .pull_7{ left:-588px } .container_10 .pull_8{ left:-672px } .container_10 .pull_9{ left:-756px } /* 17.5 - 8 COLUMN GRID SETUP ---------------------------------------------------------- */ .container_8{ margin-left: auto; margin-right: auto; width: 920px } .first{ margin-left: 0 } .last{ margin-right: 0 } .container_8 .grid_1{ width:95px } .container_8 .grid_2{ width:210px } .container_8 .grid_3{ width:325px } .container_8 .grid_4{ width:440px } .container_8 .grid_5{ width:555px } .container_8 .grid_6{ width:670px } .container_8 .grid_7{ width:785px } .container_8 .grid_8{ width:900px } .home-features .grid_6{ width:680px; margin: 0 !IMPORTANT; padding: 0 4px 0 6px!IMPORTANT } .container_8 .prefix_1{ padding-left:115px } .container_8 .prefix_2{ padding-left:230px } .container_8 .prefix_3{ padding-left:345px } .container_8 .prefix_4{ padding-left:460px } .container_8 .prefix_5{ padding-left:575px } .container_8 .prefix_6{ padding-left:690px } .container_8 .prefix_7{ padding-left:805px } .container_8 .suffix_1{ padding-right:115px } .container_8 .suffix_2{ padding-right:230px } .container_8 .suffix_3{ padding-right:345px } .container_8 .suffix_4{ padding-right:460px } .container_8 .suffix_5{ padding-right:575px } .container_8 .suffix_6{ padding-right:690px } .container_8 .suffix_7{ padding-right:805px } .container_8 .push_1{ left:115px } .container_8 .push_2{ left:230px } .container_8 .push_3{ left:345px } .container_8 .push_4{ left:460px } .container_8 .push_5{ left:575px } .container_8 .push_6{ left:690px } .container_8 .push_7{ left:805px } .container_8 .pull_1{ left:-115px } .container_8 .pull_2{ left:-230px } .container_8 .pull_3{ left:-345px } .container_8 .pull_4{ left:-460px } .container_8 .pull_5{ left:-575px } .container_8 .pull_6{ left:-690px } .container_8 .pull_7{ left:-805px } /* 17.6 - 7 COLUMN GRID SETUP ----------------------------------------------------------------------------------------------------*/ .container_7 .grid_1{ width:116px } .container_7 .grid_2{ width:230px } .container_7 .grid_3{ width:350px } .container_7 .grid_4{ width:400px } .container_7 .grid_5{ width:572px } .container_7 .grid_6{ width:686px } .container_7 .grid_7{ width:750px } /* 17.7 - 6 COLUMN GRID SETUP ----------------------------------------------------------------------------------------------------*/ .container_6{ margin-left: auto; margin-right: auto; width: 840px } .container_6 .grid_1{ width:120px } .container_6 .grid_2{ width:260px } .container_6 .grid_3{ width:400px } .container_6 .grid_4{ width:540px } .container_6 .grid_5{ width:680px } .container_6 .grid_6{ width:820px } /* 17.8 - 4 COLUMN GRID SETUP ----------------------------------------------------------------------------------------------------*/ .container_4{ margin-left: auto; margin-right: auto; width: 840px } .grid_1,.grid_2,.grid_3,.grid_4{ display:inline; float: left; position: relative; margin-left: 4px; margin-right: 4px } .alpha{ margin-left: 0 } .omega{ margin-right: 0 } .container_4 .grid_1{width:190px} .container_4 .grid_2{width:400px} .container_4 .grid_3{width:610px} .container_4 .grid_4{width:820px} .container_4 .prefix_1{ padding-left:210px } .container_4 .prefix_2{ padding-left:420px } .container_4 .prefix_3{ padding-left:630px } .container_4 .suffix_1{ padding-right:210px } .container_4 .suffix_2{ padding-right:420px } .container_4 .suffix_3{ padding-right:630px } .container_4 .push_1{ left:210px } .container_4 .push_2{ left:420px } .container_4 .push_3{ left:630px } .container_4 .pull_1{ left:-210px } .container_4 .pull_2{ left:-420px } .container_4 .pull_3{ left:-630px } /* 17.9 - 3 COLUMN GRID SETUP ----------------------------------------------------------------------------------------------------*/ .container_3{ margin-left: auto; margin-right: auto; width: 798px } .alpha{ margin-left: 0 } .omega{ margin-right: 0 } .container_3 .grid_1{ width:246px } .container_3 .grid_2{ width:512px } .container_3 .grid_3{ width:778px } .container_3 .prefix_1{ padding-left:266px } .container_3 .prefix_2{ padding-left:532px } .container_3 .suffix_1{ padding-right:266px } .container_3 .suffix_2{ padding-right:532px } .container_3 .push_1{ left:266px } .container_3 .push_2{ left:532px } .container_3 .pull_1{ left:-266px } .container_3 .pull_2{ left:-532px }