/* ========= 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 ========= */ /* 1.0 UNIVERSAL RESETS ------------------------------------------ */ /* 2.0 GENERIC CLASSES ------------------------------------------ */ /* 3.0 GENERAL STRUCTURE ------------------------------------------ */ .room-view-container { background: transparent url(/images/gui/bg/bg-below-tabs-md-pic.gif) repeat-y 11px 0; padding: 0; position: relative; } .below-tabs-no-pic .room-view-container, .below-tabs-no-pic .room-view-container .dropdown-container { padding-bottom: 0; } .container_16 .design-tools { padding: 10px 0 10px 35px; width: 840px; font-size: 1.1em; } .design-tools p.manage-design-container, #content-wrapper .design-tools p.manage-design-container { float: left; display: inline-block; margin: 0 0 0 10px; height: 20px; width: 170px; font-size: .9em; padding-top: 2px; } body#my-design .design-box-header { padding: 13px 0 0; } .design-tools .project-dropdown { left: 434px; top: 23px; } .design-tools .project-dropdown .top { background-image: url(/images/gui/bg/bg-project-top-left.png); } body#my-design .design-box { padding: 0 13px 0px; position: relative; } body#my-design .design-option { height: 200px; margin-bottom: 0; } body#my-design .dfa-grid .design-box { padding: 0 13px 0 0; } #door-information { float: left; display: inline; margin: 0 0 0 13px; position: relative; padding-top: 13px; } #door-information .description { height: 120px; padding: 0; } #hardware-selected, #hardware-none-in-scrapbook, #hardware-not-selected { position: relative; padding: 13px 0 0; } #hardware-selected .hardware-image-container { text-align: center; background-color: #fff; border: 1px solid #ccc; margin: 10px 0 5px; } #countertop { height: 60px; position: relative;} #door { position: relative; height: 446px; width: 223px; float: left; display: inline; } #countertop .description { background: transparent url(/images/gui/bg/bg-description.png) repeat 0 0; width: 203px; border: 1px solid #DFD0B6; height: 18px; position: absolute; top: 0; left: 0; padding: 3px 0 0 5px; } .room-view-toolbox, .wishlist-and-planner-toolbox { margin-bottom: 10px; } .room-view-toolbox .grid_16, .wishlist-and-planner-toolbox .grid_16, .dealers-toolbox .grid_16 { display: inline; } .with-planner { background: #F9F8F3 url(/images/gui/bg/bg-my-design-divider.gif) right 0 repeat-y; margin-top: 20px; margin-bottom: 10px; } #features-accessories-container { background: none; float: left; display: inline; margin: 0; padding-top: 13px; } .with-planner #features-accessories-container { width: 670px; } #space-planner-container { background: none; width: 178px; margin: 0 0 0 20px; float: right; display: inline; padding-top: 13px; } body#my-design .with-pic .design-box { min-height: 233px; height: auto!IMPORTANT; height: 233px; margin: 13px 10px 0; } body#my-design .no-pic .design-box { margin: 0px; } body#my-design .no-pic #my-dealers-content{ padding: 20px 20px 10px; overflow: hidden } .room-view-container #my-projects-coreguard-rebate-ad { background: url(/images/pic/campaign-ads/project-design-coreguard-rebate.png); position: absolute; width: 233px; height: 247px; margin: 10px -10px 0; bottom: 0 } body#my-design .room-view-container #render { margin-right: 0 !important; padding-right: 0; } #my-dealers-content { padding-top: 13px; } #image-disclaimer { padding: 20px 0px 7px; } .my-designs-options-bg { background: url(/images/gui/bg/bg-my-designs.gif) 6px 0 repeat-y; margin: 20px -6px 10px; padding: 0 8px 13px 15px; } body#my-design .manufacturer { padding-top: 13px; height: 119px } body#my-design .manufacturer-title { padding-top: 13px; background: none; } .none-in-scrapbook-message { } .not-selected-message { } div#save-not-logged-in-colorbox { display: none; } /* 4.0 HEADINGS ------------------------------------------ */ div.colorbox-inline-content h3 { margin-top: 20px; } #my-dealers-content h4 { margin: 0; } /* 5.0 BRANDING ------------------------------------------ */ /* 6.0 LINKS ------------------------------------------ */ a.manufacturer-links { background: url(/images/gui/btn/manufacturers.gif) 0 0 no-repeat; display: block; } a#denova-countertops { background-position: 0 0; width: 98px; height: 19px; } a#denova-countertops:hover { background-position: -105px 0; } a#delta-faucets { background-position: 0 -296px; width: 97px; height: 26px; } a#delta-faucets:hover { background-position: -106px -296px; } a#behr-paints { background-position: 0 -50px; width: 102px; height: 28px; } a#behr-paints:hover { background-position: -105px -50px; } a#crossville-floors { background-position: 0 -100px; width: 91px; height: 36px; margin-right: 10px; } a#crossville-floors:hover { background-position: -105px -100px; } a#dupont-floors { background-position: 0 -150px; width: 83px; height: 32px; } a#dupont-floors:hover { background-position: -105px -150px; } a#kahrs-floors { background-position: 0 -200px; width: 75px; height: 45px; margin-right: 14px; } a#kahrs-floors:hover { background-position: -105px -200px; } a#wicanders-floors { background-position: 0 -250px; width: 95px; height: 33px; } a#wicanders-floors:hover { background-position: -105px -250px; } a.email-design-link{ background: url('/images/gui/icons/design-email-link.png') no-repeat 20px center } .design-share-links-narrow a.email-design-link{ background-position: 10px center } a.print-design-link{ background: url('/images/gui/icons/design-print-link.png') no-repeat 20px center } .design-share-links-narrow a.print-design-link{ background-position: 0px center } a.social-design-link{ background: url('/images/gui/icons/design-social-link.png') no-repeat 20px center } .design-share-links-narrow a.social-design-link{ background-position: 10px center } a.find-dealer{ float: right } a.inline-countertop, a.inline-door-styles, a.inline-hardware, a.inline-flooring, a.inline-paint-colors, a.inline-appliance-color { position: absolute; right: 0; padding-left: 20px; background: transparent url(/images/gui/icons/used-icons.gif) no-repeat 0 -239px; display: block; height: 16px; width: 22px; top: 12px; } /* 7.0 PARAGRAPHS ------------------------------------------ */ #countertop .description p { margin: 0; font-weight: bold; color: #333; } #countertop .description p span { font-weight: normal; } #content-wrapper #dfa-wrapper #door-information p { margin: 0 0 0.25em; padding: 0; text-align: left; width: 190px; } p.current-design-title { float: left; display: inline; text-transform: uppercase; color: #333; padding: 3px 10px 0 0; } #content-wrapper #image-disclaimer p { margin-bottom: 0; font-size: 11px; font-style: italic; } body#my-design #my-dealers-content p { margin-top: 10px; } /* 8.0 BLOCKQUOTES AND CITATIONS ------------------------------------------ */ /* 9.0 FORMS ------------------------------------------ */ #fSwitchDesign { display: inline-block; float: left; } /* 10.0 LISTS ------------------------------------------ */ ul.dealers { font-size: .9em; } .manufacturer ul li { float: left; display: inline; text-align: center; height: 50px; } /* 11.0 TABLES ------------------------------------------ */ /* 12.0 MISC PRESENTATION ELEMENTS ------------------------------------------ */ .design-share-links{ background: #efede2; padding: 20px 30px 0; position: relative; z-index: 100 } .design-share-links div{ float: left; width: 280px; } .design-share-links div a, .design-share-links div span.social-design-link{ display: block; padding: 10px 0 10px 100px; text-decoration: none; margin-bottom: 10px } .design-share-links div span.social-design-link{ padding-bottom: 5px } .design-share-links div a:hover{ background-color: #dcdacf } .design-share-links div.addthis_toolbox a:hover{ background-color: transparent } .design-share-links div.addthis_toolbox{ margin-left: 96px } .design-share-links div a h3, .design-share-links div span.social-design-link h3{ color: #000; font-weight: bold } .design-share-links-narrow{ background: #ffffff; margin: 10px 0 0; padding: 10px; } .design-share-links-narrow div a, .design-share-links-narrow div span.social-design-link{ font-size: .9em; display: block; padding: 10px 10px 10px 80px; text-decoration: none; margin-bottom: 10px } .design-share-links-narrow div a:hover{ background-color: #dcdacf } .design-share-links-narrow h2{ font-size: 1.6em } .design-share-links-narrow div a h3, .design-share-links-narrow div span.social-design-link h3{ color: #000; font-weight: bold } /* 13.0 IMAGES ------------------------------------------ */ #render img { display: block; } /* 14.0 META ------------------------------------------ */ /* 15.0 ACCESSIBILITY ------------------------------------------ */ /* 16.0 PAGE SPECIFIC ------