/* ========= 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 ------------------------------------------ */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ /*table { border-collapse: collapse; border-spacing: 0; }*/ hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; } h1.first, h2.first, h3.first, h4.first, h5.first, h6.first { margin-top: 0 !important; } ol { list-style: decimal; } ul { list-style: none; } /* 2.0 GENERIC CLASSES ------------------------------------------ */ /* Utility classes to clear an element */ .clear { clear: both; height: 0 !important; display: block; content: ''; } .clearfix:after { content: "."; display: block; height: 0px; line-height: 0px; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix {display: block;} /* End hide from IE Mac */ * html .clearfix { height: 1px; } /* Set up elements for image replacement */ .replaced { display: block; overflow: hidden; text-indent: -9999em; border: 0; padding: 0; margin: 0; } /* Hide images from display */ .hide { display: none; } .error { color: #900; } .note { font-weight: normal; font-style: italic; color: #666; } body#subscription .note { color: #AC0535; font-style: normal; } .subtle { font-weight: normal; font-size: 0.85em; } .nav-active { font-weight: bold; color: #000; } /* Superscript reset to prevent line-height breaking */ sup { vertical-align: 0; position: relative; bottom: 1ex; font-size: 0.8em; } sub { vertical-align: 0; position: relative; top: 1ex; } /* 3.0 GENERAL STRUCTURE ------------------------------------------ */ body { background: #8D8D8D url(/images/gui/bg/bg-main.jpg) repeat-y 50% 0; color: #333; font: 62.5%/1.2 Verdana, sans-serif; } /* Header */ #header-container { background: url(/images/gui/bg/bg-header-main.jpg) repeat-x 0 0; width: 100%; height: 113px; } #header { background: url(/images/gui/bg/bg-header-inner.jpg) no-repeat 0 0; width: 960px; height: 90px; margin: 0 auto; position: relative; z-index: 50; } #site-map { position: absolute; top: 0; left: 580px; } #login { background: none; position: absolute; top: 39px; right: 310px; text-align: right; } #brand-logos { position: absolute; top: 32px; left: 683px; } #nav-container { background: transparent url(/images/gui/bg/bg-topnav.png) no-repeat 0 0; width: 960px; height: 35px; text-align: left; position: absolute; top: 90px; left: 0; } #nav-search { position: absolute; top: 94px; right: 25px; width: 252px; height: 28px; } /* Content */ #midsection-container { background: #EEE url(/images/gui/bg/bg-main-content.jpg) repeat-x 0 bottom; padding: 0 0 15px; } #sidenav-resources-container { margin-top: 30px; } .sidenav-forms-container { padding-top: 15px; } .sidenav-forms { background: #fff; padding: 0 0 15px; text-align: left; } #breadcrumb { background: #E4E4E4; color: #333; margin: 4px 0; padding: 14px 0 14px 10px } #news-alert { border: 2px solid #AC0535; color: #333; margin: 5px 0; } #news-alert .news-alert-top { background: #F6F6F6; padding: 14px 0 14px 0px; position: relative; } #news-alert .news-alert-content { background: #FFF; font-size: 1.2em; padding: 0 0 15px; } #news-alert .urgent-news, #news-alert .important-news { float: left; display: inline; margin: 12px; width: 320px; } #content { /*background: white;*/ margin-top: 30px; } body.content-box #content-header { background: #545454 url(/images/gui/bg/bg-sidenav-resources-heading.jpg) repeat-x bottom left; min-height: 45px; margin: 0; padding: 0; position: relative; } div#content-box-container { margin: 0 15px; padding: 15px 0; } body#retail-pop div#content-box-container { margin: 0 15px; padding: 0; } div.content-block { background: #F2F2F2; padding: 0 0 12px; margin-bottom: 15px; border: 2px solid #EEE; } div.content-block.no-padding { padding-bottom: 0; } div#cavt-faq { background: #fff; } div#cavt-faq li { margin: 0 12px; } body#search-results #content-header { background: url(/images/gui/bg/bg-sidenav-resources-heading.jpg) repeat-x 0 0; height: 37px; margin: 0; padding: 0; } .content-wrapper { padding: 15px; } /* Selection Guide */ div.button-bar { position: relative; z-index: 20; border: 1px solid #ddd; margin: 0 -11px; } div.button-bar-inner { position: relative; height: 32px; border: 2px solid #f5f5f5; background: url(/images/gui/bg/bg-button-bar.jpg) repeat-x; } div.content-intro { margin: 0 0 24px; } div.content-title.first { margin: 16px 0 5px; } div.content-title { margin: 24px 0 5px; } div.content-header { margin-bottom: 16px; } div.content-footer { margin-top: 16px; } /* footer */ #footer-container { width: 100%; clear: both; border-top: 3px solid #222; } #footer { color: #000; width: 960px; margin: 25px auto; text-align: left; padding: 0 0 20px; } #footer-copyright { float: left; margin: 0 20px 0 10px; } #footer-legal { margin: 0 } .tabs .shadowboxtop { height: 4px; } .tabwrapper { overflow: hidden; } .tabcontents { padding: 20px 0; display: none; } /* display: none; is to fix display error in IE 7 not collapsing footer */ div.shadowbox-content { } .thumb-and-info { } #content .thumb-and-info p { margin: auto; } .thumb-and-info .thumb a { display: block; text-align: left; } .thumb-and-info .info { } div.thumb-info-horizontal .thumb-and-info .info { float: left; display: inline; width: 100px; padding: 12px; } div.thumb-info-horizontal .thumb-and-info .thumb { float: right; display: inline; width: 145px; padding-left: 10px; margin-top: 12px; } div.thumb-info-horizontal .thumb-and-info .thumb a { text-align: right; } .thumb-and-info .caption { font-weight: bold; } #content .thumb-and-info .download, .thumb-and-info .download { border-top: 1px solid #999; margin: 0.5em 0 0; } div.thumb-info-vertical { } div.thumb-info-vertical .thumb-and-info { float: left; display: inline; width: 150px; margin: 0 10px 1.5em; } body.training-main div.thumb-info-vertical .thumb-and-info { width: 195px; } body#dfc-university div.thumb-info-vertical .thumb-and-info { display: block; float: none; margin-bottom: 3em; } #content-right div.thumb-info-vertical .thumb-and-info, .sidenav-forms-container div.thumb-info-vertical .thumb-and-info { width: 200px; margin: 0 auto; display: block; float: none; } div.thumb-info-vertical .thumb { margin-bottom: 0.5em; min-height: 152px; } body#dfc-university div.thumb-info-vertical .thumb { margin-bottom: 0.5em; min-height: 0; } body.literature div.thumb-info-vertical .thumb { height: 110px; overflow: hidden; } div.thumb-info-vertical .caption { min-height: 4em; } #content div.thumb-info-vertical .download { font-size: 0.8em; height: 37px; padding-top: 0.5em; } body#advertising-materials #content div.thumb-info-vertical .download, body#available-literature #content div.thumb-info-vertical .download, body#sales-aids #content div.thumb-info-vertical .download, body#guides #content div.thumb-info-vertical .download { font-size: 1em; height: 37px; } div.thumb-info-horizontal { } div.thumb-info-horizontal .thumb-and-info { } /* Container for each block */ body.literature div.img-container { float: left; margin-bottom: 2em; width: 160px; } div.content-block .img-container { margin: 0 14px; } div#content-right div.content-block .img-container, div.sidenav-forms-container .img-container { margin: 0 auto; } /* Container for block content */ .img-content { } /* Main caption for block */ .img-container .caption, #content .img-container .caption { font-weight: bold; margin: 0 0.5em 0.25em; border-bottom: 1px solid #999; padding: 0.5em 0; } body.literature .img-container .caption { min-height: 3em; } .img-container .description { line-height: 1.25; margin-bottom: 0.5em; } .img-container img { /*float: left; */margin-right: 7px; } .img-container .download, #content .img-container .download { margin: 0 0.5em; font-size: 0.8em; line-height: 1.2; } .img-container .download a, #content .img-container .download a { font-size: 1.1em; } body#videoPlayer #video_container div#content-header { margin-bottom: 0; } body#videoPlayer #video_container div#content-header h2 { font-size: 1.5em; } body#videoPlayer #video_container { width: 480px; margin: 0 auto; background: #474747; } body#videoPlayer #downloadLinks { width: 480px; margin: 15px auto 0; text-align: center; } body#videoPlayer #downloadLinksWrapper { width: 252px; margin: 0 auto; } body#videoPlayer #downloadLinks a { float: left; display: inline; } body#videoPlayer #video_container object { margin:16px 0 7px; } body#builder-contract-system object { display: block; margin: 12px auto;} .center { text-align: center; } body.brand-marketing #content-left .thumb-and-info { width: 165px; } body.brand-marketing #content-right .thumb-and-info { text-align: center; width: 220px; } body.brand-marketing #content-right .thumb-and-info .thumb a { text-align: center; } .logo-title { margin: 0 0 15px 15px; } body#resources-lead-time-alerts #directions { float: left; margin-top: 15px; } body#plumbingCodes div.imgAndList { float: left; display: inline; padding-bottom: 12px; width: 270px; } div.plumbingCodes { width: 264px; } .biz-PlumbingCode { margin: 4px 0; float: left; display: inline; width: 350px; } #content .biz-PlumbingCode p { margin: 2px 0; } #content .plumbingCodes div { margin-bottom: 12px; } #content .plumbingCodes p { margin: 0 0 0.25em; } #content .plumbingCodes p strong { font-size: 1.2em; } div#map-and-legend { float: left; display: inline; width: 392px; } .swatch { border: 1px solid black; float: left; display: inline; height: 10px; margin: 5px; width: 10px; } .biz-SBCCI-SPC { background-color: #00CCFF; } .biz-IAPMO-UPC { background-color: #6699CC; } .biz-BOCA-NPC { background-color: #FFFF99; } .biz-ICC-IPC { background-color: #D95455; } .biz-NSPC { background-color: #463792; } .biz-State { background-color: #66CC66; } .biz-No-State { background-color: #CC66CC; } body#subscription .content-wrapper p { font-size: 1em; margin: 0 0 1.2em; } body#subscription .content-wrapper h3 { margin: 1em 0 .5em 0; } body#subscription .content-wrapper input { margin: 5px 5px 0; float: left; } body#subscription .content-wrapper label { margin: 6px 0 0; float: left; } body#subscription .content-wrapper ul { margin-bottom: 10px; } body#subscription h3.alert { color: #AC0535; font-size: 1.3em; margin: 0 0; } div.logoGroupWrapper { margin-bottom: 24px; } div#ceu-content { position: relative; padding: 12px 260px 12px 12px; min-height: 400px; } div.course { margin-bottom: 2em; } #content div#ceu-content div.course p { margin: 1em 0; } #logoBox { position: absolute; top: 24px; right: 0; width: 240px; text-align: center; } div.instructions { margin: 1em; background: #fafafa; border: 2px solid #eee; padding: 1em; } body.field-trials div.formbuttons { margin: 1em 0 2em 297px; } #ticker { position: relative; font-size: 1.25em; background: white; border: 2px solid #ac0535; padding: 3px 5px 2px; margin: 1px 0 2px; } div#delta-resource-list, div#brizo-resource-list { float: left; display: inline; width: 290px; margin: 24px 12px; } body#retail-pop div.thumb-info-horizontal .thumb-and-info { border-bottom: 1px solid #999; min-height: 16em; width: 290px; margin: 0 12px 12px; float: left; display: inline; } body#builder-contract-system div#column-container, body#principals-meeting div.column-container { margin-bottom: 15px; } body#builder-contract-system div#column1, body#builder-contract-system div#column2, body#principals-meeting div.column1, body#principals-meeting div.column2 { width: 325px; float: left; display: inline; min-height: 11em; margin-bottom: 0; } body#principals-meeting .three-column div.column1, body#principals-meeting .three-column div.column2 { width: 211px; } body#principals-meeting .three-column .center-column { margin-right: 12px; } body#builder-contract-system div#column1, body#principals-meeting div.column1 { margin-right: 12px; } #forum-list-wrapper { position: relative; padding-top: 2px; } body#principals-meeting div.height-adjust { height: 386px; } body.sales-meeting div.column1.height-adjust-sales-meeting {min-height:402px !important;} body.sales-meeting div.height-adjust-bottom-row {min-height:300px !important;} body.sales-meeting table#training-aids-table td {padding: 4px 4px;} /* Mobile App Page */ .app-container { float: left; display: inline; width: 285px; padding: 15px; } body.master-calendar .content-block.resources-block { width: auto; } /* 4.0 HEADINGS ------------------------------------------ */ #header h1 { position: absolute; top: 20px; left: 18px; } h1 { font-size: 2em; } h2 { font-size: 1.8em; } h3 { font-size: 1.6em; font-weight: normal; } h4 { font-size: 1.3em; font-weight: normal; } h5 { font-size: 1.2em; } body.cavt-subpage h3 { margin-bottom: 1em; } body.text #content h3 { line-height: 1.3; } /* sidenav */ ul#side-nav-resources h1 { background: #555 url(/images/gui/bg/bg-sidenav-resources-heading.jpg) repeat-x left bottom; color: #fff; font-size: 2em; font-weight: normal; margin: 0 -10px; padding: 8px 0 8px 10px; line-height: 1.2; } ul#side-nav-resources h2 {background: url(/images/gui/bg/bg-sidenav-resources-title.jpg) repeat-x 0 0; color: #000; height: 20px; font-size: 1.2em; font-weight: normal; margin: 5px -10px; padding: 3px 0 3px 10px; } .sidenav-forms-container h2 { background: url(/images/gui/bg/bg-sidenav-forms-title.jpg) repeat-x 0 0; color: #fff; height: 19px; font-size: 1.2em; font-weight: normal; margin: 0; padding: 5px 0 0 10px; } .sidenav-forms-container h3 { margin-bottom: 5px; } #e-connections h2 { text-align: center; background: #F2F2F2; padding: 8px 40px; color: #666; line-height: 1.3; height: auto; } div.button-bar h2 { font-size: 1.25em; text-transform: uppercase; font-weight: normal; letter-spacing: 0.05em; color: black; margin: 10px 0 0 8px; } div#content h4 { color: #000; margin: 0; padding: 0; line-height: 1.4 } body.selection-guide #content h3 { font-size: 1.4em; color: #333; border-bottom: 1px solid #eee; padding-bottom: 8px; margin: 10px 0 8px; } body.selection-guide #content h3.sub { font-size: 1.4em; color: #999; border-bottom: 1px solid #eee; padding-bottom: 8px; margin: 0 12px 8px 12px; } body.content-box #content-header h2 { font-weight: normal; color: #fff; padding: 12px 15px 6px; } body#leads #content-header h2 span { text-transform: uppercase; } body.news h3 { margin: 0 15px 1em; color: #000; font-weight: normal; } #news-alert h3 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 15px 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; color: black; } #news-alert h3 span { display: block; text-transform: none; font-size: 0.8em; } #news-alert div.important-news h3 { color: #666; } body.news #content h4 { color: black; border-bottom: 1px solid #999; margin: 15px 15px 5px; padding: 0 0 5px; font-size: 1.4em; font-weight: normal; } body.news #content .content-list-container h2, body.news #content #content-box-container h2 { margin: 15px 15px 5px; padding: 0 0 5px; font-size: 1.4em; } body.news .content-block h5 { font-size: 1.2em; border-bottom: 1px solid #999; margin: 24px 0 5px; padding: 0 0 5px; } body.news h3.first-header { margin: 0 15px 5px; padding: 15px 0 0; } h3.month-title { margin: 0 0 0 15px; font-size: 1.2em; font-weight: bold; } body#new-product-info-detail div#content-box-container h4 { font-weight: normal; margin: 0; } body#sales-presentation.flash-form .flash-form h4, body#sales-presentation.flash-form .flash-form-part2 h4 { margin: 12px 0 5px 15px; } body#sales-presentation.flash-download h4 { font-size: 1.6em; margin: 15px 0 5px; } body#sales-presentation #dvd-thanks h4 { font-size: 1.4em; margin: 15px 15px; } body#sales-presentation h5 { font-size: 0.9em; } h3.ppt-heading { background: #D8D8D8; margin: 0 15px; padding: 7px; } ul.brand-list h4 { font-size: 1.2em; } body#resources h4 { margin: 5px 0 5px 15px; } body#resources .forum-list h4, body#resources .topics-list h4 { border-bottom: 1px solid #999; margin: 5px 15px; } .presentations h3 { margin: 0 0 10px; font-weight: normal; } body.news #news-alert h4 { margin: 0 0 5px 15px; padding-top: 15px; } body#dst-info-center h4 { margin: 15px 0 3px 15px; } body#dst-info-center.launch-kit .biz-generic-header h3 { font-size: 1.3em; margin: 0 0 3px 15px; } body#resources-lead-time-alerts #content-box-container h3 { margin: 12px 0 3px 15px; } div#content-header h2 { padding:7px 0 7px 15px; margin-bottom: 14px; font-size:2em; font-weight:normal; } div#content-header a.breadcrumb { float:right; font-size:1em; margin-right:7px; margin-top:-40px; color: white; } body.popup div#content-header h2 { margin-bottom: 0; } #videoPlayer #title { color: #000; margin: 0 0 15px 28px; } .message-container { background: #fff; margin: 15px; padding: 15px; font-size: 0.9em; color: #000; text-align: center; min-height: 150px; } #content .message-container p { margin: 0; padding: 0; } .message-container#delta { background: #fff url(/images/logos/delta-bg.jpg) no-repeat 50% 50%; } .message-container#brizo { background: #fff url(/images/logos/brizo-bg.jpg) no-repeat 50% 50%; } .message-container#peerless { background: #fff url(/images/logos/peerless-bg.jpg) no-repeat 50% 50%; } .message-container#company { background: #fff url(/images/logos/company-bg.jpg) no-repeat 50% 50%; } .message-container#commercial { background: #fff url(/images/logos/commercial-bg.jpg) no-repeat 50% 50%; } body#logos div.logoGroupWrapper h4 { border-top: 1px solid #999; padding-top: 24px; margin: 0 0 24px; line-height: 1; font-weight: bold; } body#logos div.sectionWrapper div.logoGroupWrapper:first-child h4 { border-top: 0; padding: 0; } body#logos div.sectionWrapper h3 { background: #EEE; font-size: 1.8em; color: #292929; margin: 45px 0 0; padding: 5px; } body.field-trials div#content form h4 { margin-bottom: 1em; } div#ceu-content h4 { font-size: 1.5em; font-weight: bold; margin: 0 0 0.5em; } div.course h5 { font-size: 1.25em; font-weight: bold; margin: 0 0 0.25em; border-bottom: 1px solid #999; padding-bottom: 0.25em; } #ticker-wrapper h3 { float: left; display: inline; font-size: 1.1em; font-weight: bold; margin: 0 0 0 2px; } div#delta-resource-list h3, div#brizo-resource-list h3 { margin-bottom: 1em; } /* Mobile App Page */ div#content .app-container h4 { font-weight: bold; margin-bottom: 5px; } /* 5.0 BRANDING ------------------------------------------ */ /* 6.0 LINKS ------------------------------------------ */ a { color: #006699; } a:hover { color: #222; } #site-map a { background: url(/images/gui/buttons/btn-sitemap.gif) no-repeat 0 0; width: 71px; height: 14px; } #site-map a:hover { background-position: -71px 0; } #login a { color: #333; font-weight: normal; } #login a:hover { color: #fff; } ul#brand-logos li a#brizo { background: url(/images/logos/brizo.gif) no-repeat 0 0; width: 69px; height: 17px; margin-top: 4px; } ul#brand-logos li a#delta{ background: url(/images/logos/delta.gif) no-repeat 0 0; width: 75px; height: 25px; } ul#brand-logos li a#peerless { background: url(/images/logos/peerless.gif) no-repeat 0 0; width: 80px; height: 17px; margin-top: 4px; } ul#main-nav li a { text-decoration: none; font-size: 1.1em; font-weight: normal; color: #fff; background: #292929; display: block; padding: 9px 13px 13px; } ul#main-nav li a:hover, ul#main-nav li a.over { background: #3F3F3F; } ul#main-nav li a.selected { background: #000; } #breadcrumb a { font-weight: normal; text-decoration: none; } #breadcrumb a:hover { color: #222 } ul#side-nav-resources li a { font-size: 1.1em; text-decoration: none; margin: 0; padding: 0; } ul#side-nav-resources li a:hover, ul#side-nav-resources li a.selected { color: #222; } body.resources-main ul#side-nav-resources li a.resources-main-selected, body.forums ul#side-nav-resources li a.forums-selected, body.phone-book ul#side-nav-resources li a.phonebook-selected, body.phone-book-main ul#side-nav-resources li a.phonebook-main-selected, body.forms ul#side-nav-resources li a.forms-selected, body.forms-main ul#side-nav-resources li a.forms-main-selected, body.master-calendar ul#side-nav-resources li a.master-calendar-selected, body.field-trials ul#side-nav-resources li a.field-trials-selected, body.lead-time-alerts ul#side-nav-resources li a.lead-time-alerts-selected, body.rewards-program ul#side-nav-resources li a.rewards-program-selected, body.leads-program ul#side-nav-resources li a.leads-program-selected, body.news-main ul#side-nav-resources li a.news-main-selected, body.products-main ul#side-nav-resources li a.products-main-selected, body.brand-products ul#side-nav-resources li a.products-main-selected, body.marketing-main ul#side-nav-resources li a.marketing-main-selected, body.brand-marketing ul#side-nav-resources li a.marketing-main-selected, body.new-products ul#side-nav-resources li a.new-products-selected, body.training-main ul#side-nav-resources li a.training-main-selected, body.ceu-courses ul#side-nav-resources li a.ceu-courses-selected, body.standardized-sales-presentation ul#side-nav-resources li a.standardized-sales-presentation-selected, body.dst-main ul#side-nav-resources li a.dst-main-selected, body#dst-faq ul#side-nav-resources li a.dst-faq-selected, body.dst-diamond-valve ul#side-nav-resources li a.dst-diamond-valve-selected, body.dst-innoflex ul#side-nav-resources li a.dst-innoflex-selected, body.dst-lead-issues ul#side-nav-resources li a.dst-lead-issues-selected, body.dst-coating-process ul#side-nav-resources li a.dst-coating-process-selected, body.dst-testing ul#side-nav-resources li a.dst-testing-selected, body.dst-logos ul#side-nav-resources li a.dst-logos-selected, body.dst-communications-guide ul#side-nav-resources li a.dst-communications-guide-selected, body.dst-selling-smarts ul#side-nav-resources li a.dst-selling-smarts-selected, body.dst-literature ul#side-nav-resources li a.dst-literature-selected, body.dst-launch-kit ul#side-nav-resources li a.dst-launch-kit-selected, body.dst-versus-moen ul#side-nav-resources li a.dst-versus-moen-selected, body.dst-versus-kohler ul#side-nav-resources li a.dst-versus-kohler-selected, body.dst-versus-american-standard ul#side-nav-resources li a.dst-american-standard-selected, body.dst-price-pfister ul#side-nav-resources li a.dst-price-pfister-selected, body.dst-key-launch ul#side-nav-resources li a.dst-key-launch-selected, body.dst-products-changing ul#side-nav-resources li a.dst-products-changing-selected, body.dst-packaging-overview ul#side-nav-resources li a.dst-packaging-overview-selected, body#showroom-communication-detail ul#side-nav-resources li a.communication-detail-selected, body.open-issues ul#side-nav-resources li a.open-selected, body.completed-issues ul#side-nav-resources li a.completed-selected, body.faq-issues ul#side-nav-resources li a.faq-selected, body#quality-issues ul#side-nav-resources li a.enhancement-main, body#products-changing ul#side-nav-resources li a.dst-products-changing-selected, body#cavt-compliant-models ul#side-nav-resources li a.cavt-compliant-selected, body#cavt-cross-reference ul#side-nav-resources li a.cavt-cross-reference-selected, body.cavt-literature ul#side-nav-resources li a.cavt-literature-selected, body.cavt-packaging ul#side-nav-resources li a.cavt-packaging-selected, body#phase-in-phase-out ul#side-nav-resources li a.cavt-phase-in-selected, body#mass-download ul#side-nav-resources li a.mass-download-selected { color: #222; } body.content-box ul.content-list-container a.question { background: url(/images/gui/icons/faq-arrows.gif) no-repeat 1px 4px; padding-left: 15px; } body.content-box ul.content-list-container a.open { background: url(/images/gui/icons/faq-arrows.gif) no-repeat 0 -59px; padding-left: 15px; } body#leads div.downloads a { margin: 0 20px 0 0; } body#leads div.downloads a:hover { color: #222 } body.content-box ul.content-list-container a { font-weight: bold; color: #006699; line-height: 1.5; display: block; width: 360px; } body.content-box ul#faq-ul a { width: auto; } body.content-box ul.content-list-container div.answer a { display: inline; } body.content-box #latest-news ul.content-list-container a { width: auto; } body.content-box ul.content-list-container a:hover { color: #222; } body#dst-faq ul.content-list-container a, body.key-launch-info ul.content-list-container a, body#products-changing ul.content-list-container a { width: auto; } body.news ul.content-list-container .summary-title a { width: 350px; float: left; display: inline; margin-right: 10px; } body.new-products ul.content-list-container .summary-title a { width: 200px; float: left; display: inline; margin-right: 10px; } body.brand-products ul.content-list-container .summary-title a { width: 195px; float: left; display: inline; margin-right: 10px; font-size: .8em; } #footer a { text-decoration: underline; color: #FFF; padding: 0 4px; } #footer a:hover { color: #5F5B5B; } body#guide-home #content a { color: #006699; } body#guide-home #content a:hover { color: #222; } a.dst-packaging-overview { position: relative; top: 0; left: 15px; text-decoration: none; } /*body#guide-home #content .tabnav li a { color: #fff !important; display: block; text-decoration: none; background: #4e4e4e; font-family: verdana, san-serif; font-weight: bold; font-size: 10px; text-align: center; padding: 10px 4px; margin-right: -3px; text-transform: uppercase; } ul.tabnav li a { color: #fff !important; display: block; text-decoration: none; background: #4e4e4e; font-family: verdana, san-serif; font-weight: bold; font-size: 10px; text-align: center; padding: 10px 4px; text-transform: uppercase; } body#guide-home #content .tabnav li a:hover, body.selection-guide ul.tabnav li a:hover { color: #222 !important; background: #CCC; } body#guide-home #content .tabnav li a:active { outline: none; } body#guide-home #content .tabnav li a.selected, body.selection-guide ul.tabnav li a.selected { background: #fff; color: #006699 !important; position: relative; z-index: 10; }*/ ul#resources-tab li a { color: #666 !important; display: block; text-decoration: none; background: #fff; font-family: verdana, sans-serif; font-weight: bold; font-size: 10px; text-align: center; padding: 10px 4px; text-transform: uppercase; } ul#resources-tab li a:hover { color: #222 !important; background: #CCC; } ul#resources-tab li a.selected { background: #f2f2f2; color: #006699 !important; position: relative; z-index: 10; } #guideList td a, #bestPracticeList td a { margin: 0 4px 0 0; } /* Add file icons to appropriate links */ p.pdf, li.pdf, div#content h4.pdf, p.ppt, li.ppt, div#content h4.ppt, p.doc, li.doc, div#content h4.doc, p.png, li.png, div#content h4.png, p.jpg, li.jpg, div#content h4.jpg, p.gif, li.gif, div#content h4.gif, p.xls, li.xls, div#content h4.xls, p.xlsx, li.xlsx, div#content h4.xlsx, p.xml, li.xml, div#content h4.xml, p.zip, li.zip, div#content h4.zip, p.wmv, li.wmv, div#content h4.wmv, p.csv, li.csv, div#content h4.csv, p.pot, li.pot, div#content h4.pot { padding: 0 0 0 40px; min-height: 32px; background-position: top left; background-repeat: no-repeat; } ul.calendar-info li.xls, ul.calendar-info li.xlsx, ul.calendar-info li.pdf { padding-left: 32px; } div#content h4.pdf, div#content h4.ppt, div#content h4.doc, div#content h4.xls, div#content h4.xlsx, iv#content h4.xml, div#content h4.zip, div#content h4.csv, div#content h4.jpg, div#content h4.gif, div#content h4.png, div#content h4.pot { padding-top: 7px; } p.pdf, li.pdf, h4.pdf { background-image: url(/images/gui/icons/pdf.gif); } p.ppt, li.ppt, h4.ppt { background-image: url(/images/gui/icons/ppt.gif); } p.pot, li.pot, h4.pot { background-image: url(/images/gui/icons/ppt.gif); } p.doc, li.doc, h4.doc { background-image: url(/images/gui/icons/doc.gif); } p.xls, li.xls, h4.xls { background-image: url(/images/gui/icons/xls.gif); } p.xlsx, li.xlsx, h4.xlsx { background-image: url(/images/gui/icons/xls.gif); } p.xml, li.xml, h4.xml { background-image: url(/images/gui/icons/xls.gif); } p.zip, li.zip, h4.zip { background-image: url(/images/gui/icons/zip.gif); } p.wmv, li.wmv, h4.wmv { background-image: url(/images/gui/icons/wmv.gif); } p.png, li.png, h4.png, p.jpg, li.jpg, h4.jpg, p.gif, li.gif, h4.gif { background-image: url(/images/gui/icons/img.gif); } p.csv, li.csv, h4.csv { background-image: url(/images/gui/icons/csv.gif); background-position: left 10px; } div.important-note p.pdf { padding-top: 8px; min-height: 24px; } div.sidenav-forms-container p.download { margin: 6px 0 -12px 12px; padding-top: 1em; } body#builder-contract-system p.download { padding-top: 0.7em; } #news-alert a, #news-alert p.important { color: #AC0535; } #news-alert .news-alert-top a { position: absolute; top: 25%; right: 15px; } /*#news-alert .news-alert-content a { color: #AC0535; }*/ #news-alert p.news-alerts-title a { float: left; width: 200px; font-weight: bold; text-decoration: none; } #news-alert p.news-alerts-title a:hover { color: black; } #news-alert p.mark-as-read a { color: #965569; } #news-alert p.mark-as-read a:hover { color: #AC0535; } div#pagination a.prev-next { text-decoration: none; } a#avLink { display: block; text-indent: -9999em; height: 0; overflow: hidden; } body.products-main #content-right .download a { text-decoration: none; } body.products-main #content-right .download a em { text-decoration: underline; font-style: normal; } .download p a span, #content p.download a span { color: #333; cursor: text; } a.pdf span, a.ppt span, a.doc span, a.xls span, a.xlsx span, a.zip span, a.csv span, a.pot span { text-decoration: none; } a span { text-decoration: none; } #content p.manage-subscription-tag a, #content p.manage-subscription-ticker { color: black; } #ticker a { text-decoration: none; font-weight: bold; font-size: 0.95em; } #ticker a.ignore { font-weight: normal; font-size: 0.9em; } #ticker a.ignore:hover { text-decoration: underline; } div.thumb-and-info a.button { display: inline-block; padding: 5px 5px 4px; background: white; border: 1px solid #aaa; border-color: #eaeaea #ccc #ccc #eaeaea; text-decoration: none; color: #666; font-weight: bold; } div.thumb-and-info a.button:hover { color: black; border-color: #dadada #aaa #aaa #dadada; } div#content ul.subnav a { text-decoration: none; } a.training-use-flash, a.training-view-powerpoint, a.training-get-started { display: block; overflow: hidden; text-indent: -9999em; border: 0; padding: 0; margin: 0; cursor: pointer; background-image: url(/images/gui/buttons/buttons-training.gif); background-repeat: no-repeat; height: 21px; } a.training-use-flash { background-position: 0 -29px; width: 223px; margin-top:2em; } a.training-view-powerpoint { background-position: 0 0; width: 223px;} a.training-get-started { background-position: 0 -59px; width: 96px; margin-top:1em;} div#content .app-container a.download { background: #006699; color: #fff; border: 1px solid #ccc; padding: 3px 10px 4px; text-decoration: none; font-weight: bold; } div#content .app-container a.download:hover { background: #E6E6E6; color: #006699; } body#news-detail .content-block a.article-utility, body#new-product-info-detail .content-block a.article-utility { background: url(/images/gui/icons/sprite-page-utilities.png) 0 0 no-repeat; float: right; font-size: 12px; margin: 5px 15px 0 0; padding: 0 3px 5px 21px; } body#news-detail .content-block a#print-link, body#new-product-info-detail .content-block a#print-link { background-position: 0 -40px; } body#news-detail .content-block a#download-link, body#new-product-info-detail .content-block a#download-link{ background-position: 0 -82px; } /* 7.0 PARAGRAPHS ------------------------------------------ */ #login p { font-weight: bold; font-size: .9em; margin: 0 0 0.5em } body#sales-presentation #login p { font-weight: bold; font-size: .9em; margin: 0 0 0.8em; } #content p { font-size: 1em; line-height: 1.2; margin: 0 15px 0.8em; } #content p.first, body.key-launch-info #content p.first { margin: 15px 15px 0.5em; } #content p.first-margin { margin: 15px; } #content p.updated { font-size: .8em; padding-bottom: 12px; } #content p.intro { font-size: 1.2em; margin: 1em; } body.field-trials #content p.error { margin: 5px 0; } #content p.old-link { margin: 15px 15px 20px; } #content div.instructions p { margin: 0.8em; } body.news #content .article p { font-size: 1.2em; line-height: 1.3; } #content .summary p, { line-height: 1.2; margin-top: 5px; } body.news p.more-news { margin: 0 0 0 15px; padding-bottom: 24px; } .summary-container { float: left; display: inline; } .withImg { width: 195px; } body.news .summary-container { width: 475px; } body.new-products .summary-container { width: 200px; } body.brand-products .summary-container { width: 220px; } body#dst-info-center p.more-news { margin-top: 24px; } #content div.info p.caption, #content div.info p.description { margin: 0 0 0.25em; } #content div.info p.price { margin-bottom: 12px; } #news-alert p { margin: 0 0 0 10px; } #news-alert p span { color: #AC0535; font-weight: bold; } #news-alert p.news-alerts-title { float: left; width: 210px; } #news-alert .news-alert-content p { margin: 0 0 5px 0; } #news-alert .news-alerts-date { font-size: 0.9em; color: #999; } #news-alert p.mark-as-read { font-size: 0.75em; color: #999; } #news-alert p.manage-subscription { margin-right: 15px; text-align: right; font-size: 0.9em; } body#sales-presentation #content-box-container p { font-size: 1.2em; line-height: 1.3; } body#sales-presentation #content-box-container .important-note p { margin: 0 0 5px; } body#sales-presentation #content-box-container .important-note p.download { margin: 12px 0 0; } body#sales-presentation #content-box-container .important-note p span { font-weight: bold; color: #AC0535; } body#sales-presentation #content-box-container .presentations p { margin: 5px 0; } body#sales-presentation.flash-form #content .flash-form p, body#sales-presentation.flash-form #content .flash-form-part2 p { font-size: 1em; line-height: 1.3; } body#sales-presentation #content-box-container p.updated { font-size: 0.8em; line-height: 1.3; margin: 0; } body#sales-presentation #content-box-container p.updated.margin { margin: 7px 0 0 15px; font-size: 1.1em; } body#new-product-info #content p.view-info { font-size: 1.2em; } body#new-product-info-detail #content p { line-height: 1.3; margin: 0 0 8px 0; } body#new-product-info-detail #content p.intro-date { margin: 15px 15px 15px; } body#new-product-info-detail #product-image-large p { margin-left: 3px; } body#new-product-info-detail #product-image-large p.product-number { margin: 0 15px 0 3px; } body#new-product-info-detail #product-image-large p.play-video { margin: 15px 15px 5px 3px; } body#new-product-info-detail #content .product-detail-section.list p { margin: 0 0 0 15px; font-size: 1em; } body#resources #featured-left p { line-height: 1.5; } body#resources #content .resources-preview-content p { margin: 0 0 1em; } body#dst-info-center #content-box-container p { line-height: 1.3; } body#dst-info-center #content .detail-list-container p.learn-more { margin: 0; } body#dst-faq ul.content-list-container li div.answer p, body.faq #content .answer p { margin-top: 15px; } body#dst-faq ul.content-list-container li div.answer p, body#webinar-detail ul.content-list-container li div.answer p { margin-top: 15px; } body#dst-info-center #content-box-container .download-pdf p, body#dst-info-center #content-box-container .download-ppt p { text-align: left; } body#dst-info-center #content-box-container .download-pdf p.left { text-align: left; } #guideList .notification p { margin: 14px 0 0; } div#sidebar p.buttons { margin: 12px 0 0 36px; } body#dst-info-center .content-left.versus p, body#dst-info-center .content-right.versus p { font-size: .7em; line-height: 1.2; } body#training-troubleshooting #content p { font-size: 1.2em; line-height: 1.3; } body.text #content p { font-size: 1.2em; line-height: 1.3; margin: 0 0 0.8em; } #content #selection-guide-block p { width: 210px; float: left; margin: 0 5px 15px 15px; } body#email-marketing #content p, body#agency-directory #content p, body#low-volume-sku #content p, body#product-enhancements #content p, body.download #content p, body#showroom-resources #content p, body#hotel-specs #content p, body.key-launch-info #content p, body.ceu-courses #content p, body.featured-detail #content p, body#phase-in-phase-out #content p { font-size: 1.2em; line-height: 1.3; margin: 0 0 0.8em; } body#dst-faq #content p, body.key-launch-info #content .answer p, body.faq #content .answer p { font-size: 1em; line-height: 1.4; } body.key-launch-info #content .answer p { margin: 15px 15px 0.8em; } body#dst-faq #content p, body.key-launch-info #content .answer p { font-size: 1em; line-height: 1.4; } body#product-enhancements #content p.download, body#hotel-specs #content p.download, body.ceu-courses #content p.download { font-size: 1em; } /* Links that come after content header but before content */ #content p.preamble { margin: 12px 0 24px; font-weight: bold; } body.forms #content .resources-main .download p { font-size: 1em; } #content p.view-news { text-align: right; font-size: 1.2em; } body#news-main #content p.view-news { display: none; } #content p.manage-subscription-ticker { float: right; display: inline; margin: 0 3px; } body#news-list #content p.manage-subscription-tag, body#resources #content p.manage-subscription-tag, body#resources-lead-time-alerts #content p.manage-subscription-tag, body#featured-title #content p.manage-subscription-tag, body#news-detail #content p.manage-subscription-tag { display: none; } #content p.manage-subscription-tag { float: right; display: inline; margin: 0 3px; } #content p.featured-courses-leadin { margin-bottom: 0; font-weight: bold; } body#webinar-detail #content p.webinar-link { font-size: 12px; margin: 10px 0 10px 15px; } body#webinar-detail #content p.webinar-link a span p { margin: 0; font-size: 12px; } /* Mobile App Page */ body#mobile-apps p.instructions { font-size: 12px; margin: 10px 30px 0; } #content .app-container p { margin: 0 0 15px; border-bottom: 1px solid #ccc; padding-bottom: 10px; height: 63px; } /* 8.0 BLOCKQUOTES AND CITATIONS ------------------------------------------ */ /* 9.0 FORMS ------------------------------------------ */ input.text { background: white; border: 1px solid #000; padding: 0.1em 0.2em; margin: 0; } #nav-search label { color: #fff; width: 0px; } #nav-search #searchtext { position: absolute; top: 1px; left: 4px; border: 0; background: none; padding: 4px 8px 2px 8px; line-height: 15px; margin: 0; width: 100px; } #nav-search #searchsubmit { position: absolute; top: 2px; right: 2px; width: 30px; height: 20px; background: transparent url(/images/gui/bg-searchsubmit.gif) no-repeat 0 0; } #nav-search #searchsubmit:hover { background-position: 0 -20px; cursor: pointer; } button, a.back-dk, a.back-lt, a.cancel-dk, a.cancel-lt, a.continue-dk, a.continue-lt, a.update-dk, a.update-lt, button.go-lt, button.go-dk, button.go-nav, button.go-search, a.add-lt, a.add-dk, a.up-lt, a.up-dk, a.down-lt, a.down-dk, a.delete-lt, a.delete-dk, a.search, a#wmv, a#iPod { display: block; overflow: hidden; text-indent: -9999em; border: 0; padding: 0; margin: 0; cursor: pointer; background-image: url(/images/gui/buttons/buttons.gif); background-repeat: no-repeat; height: 21px; } .sidenav-forms form { margin: 15px 0 0 10px; position: relative; } #model-search form button { background-position: 0 -75px; width: 43px; position: absolute; top: 0; right: 10px; } #nav-search form button { position: absolute; top: 0; right: 0; } #nav-search form input#mainSearchBox { } .sidenav-forms form select { width: 200px; } button.continue-lt { background-position: 0 0; width: 81px;} button.continue-dk { background-position: -200px 0; width: 81px;} a.continue-lt { background-position: 0 0; width: 81px;} a.continue-dk { background-position: -200px 0; width: 81px;} a.cancel-lt { background-position: 0 -25px; width: 67px; } a.cancel-dk { background-position: -200px -25px; width: 67px; } a.update-lt { background-position: 0 -50px; width: 67px; } a.update-dk { background-position: -200px -50px; width: 67px; } a.back-lt { background-position: 0 -100px; width: 52px; } a.back-dk { background-position: -200px -100px; width: 52px; } a.add-lt { background-position: 0 -125px; width: 46px; } a.add-dk { background-position: -200px -125px; width: 46px; } a.up-lt { background-position: 0 -200px; width: 21px; } a.up-dk { background-position: -200px -200px; width: 21px; } a.down-lt { background-position: 0 -175px; width: 21px; } a.down-dk { background-position: -200px -175px; width: 21px; } a.delete-lt { background-position: 0 -150px; width: 65px; } a.delete-dk { background-position: -200px -150px; width: 65px; } button.go-lt { background-position: 0 -75px; width: 40px; } button.go-dk { background-position: -200px -75px; width: 40px; } button.go-nav { background-position: 0 -225px; width: 40px; } button.go-search { background-position: -200px -225px; width: 40px; height: 21px; } button.send-invitation { background-position: 0 -250px; width: 126px; height: 21px; } button.search { background-position: 0 -275px; width: 126px; height: 21px; } button.searchGrey {background-position:-200px -350px;width: 126px; height: 21px;} div.sidenav-forms-container div#findProductInfo button.search { background-position: 0 -350px; } a#wmv { background-position: 0 -300px; width: 126px; height: 21px; } a#iPod { background-position: 0 -325px; width: 126px; height: 21px; } div.sidenav-forms-container div#findProductInfo { padding-bottom: 15px; } div.button-bar button.continue-dk { position: absolute; top: 5px; right: 87px; } div.button-bar a.cancel-dk { position: absolute; top: 5px; right: 8px; } a.update { background: url(/images/gui/buttons/buttons.gif) no-repeat 0 -50px; width: 67px; height: 21px; } ul.checkboxes li input, ul.radio-buttons li input { vertical-align: middle; } p.buttons a, p.buttons button { float: left; margin-right: 8px; } form#advancedSearch { margin-bottom: 30px; } form#leads-year { position: absolute; top: 10px; right: 20px; } form#leads-year label { color: #fff; margin-right: 10px; } form#leads-year select { width: 150px; } form#leads-year select option { padding: 0 0 0 5px; } form#signinform div#remember-me { margin: 0 0 8px 210px; } form#signinform div#formButtons { margin: 0 0 8px 210px; } form#signinform div#loginError { color: red; margin: 10px 0 10px 205px; font-weight: bold; } form#signinform p { font-size: 95%; margin: 1.5em 0 1em 210px; } dl.sideBySide dd input { border: 1px solid #666; background: #FFF; margin: 0 0 4px 0; padding: 2px; } input.radio, dl.sideBySide dd input.radio, input.checkbox, dl.sideBySide dd input.checkbox { border: none; background: transparent; } body.field-trials td input.radio, body.field-trials td input.checkbox { margin: 0 5px 0 0; } select { font-size: 10px; } dl.dashboard{padding:0 0 0 20px;} dl.dashboard dt{margin:10px 0 0 0;} /* 10.0 LISTS ------------------------------------------ */ #content li { font-size: 12px; } /* This is a temporary fix - can't define em values like this - they will nest and multiply */ body.text #content ul { line-height: 1.3; } body.text #content ul li { margin: 0 0 7px; } body.text.bullets #content ul { list-style-type: square; line-height: 1.3; } body.text.bullets #content ul li { margin: 0 0 7px 15px; } ul#brand-logos { list-style-type: none; } ul#brand-logos li { float: left; padding: 0; margin: 0 5px; } ul#main-nav { list-style: none; padding: 0; margin: 0 0 0 7px; z-index: 100; } ul#main-nav li { background: none; float: left; margin: 0; padding: 0; } #header ul#main-nav ul.subNav { background: #3f3f3f; position: absolute; padding: 0; display: none; z-index: 5000; border: 1px solid #292929; border-top: none;} #header ul#main-nav ul.subNav li { float: none; padding: 0; margin: 0; } #header ul#main-nav ul.subNav li a { background: none; color: #CDCDCD; padding: 6px 12px 6px; } #header ul#main-nav ul.subNav li a:hover { background: #292929; color: #fff;} li#nav-delta-resources ul.subNav { width: 250px; } li#nav-news ul.subNav { width: 125px; } li#nav-products ul.subNav { width: 175px; } li#nav-marketing-sales ul.subNav { width: 200px; } li#nav-training ul.subNav { width: 250px; } ul#side-nav-resources { background: #D8D8D8; text-align: left; margin: 0; padding: 0 0 10px; line-height: 1.5; } ul#side-nav-resources li { margin: 0 0 4px; padding: 0 10px; } ul#side-nav-resources li ul { margin-top: 4px; } ul#side-nav-resources li li { margin: 0; padding: 0 10px; } ul#side-nav-resources li.news-Search {padding: 0 16px 8px 16px;color: #000;} ul.content-list-container { margin: 10px 15px 0; padding: 0 0 12px; } body.news ul.content-list-container { margin: 0; } ul.content-list-container li { background: #F2F2F2; padding: 0 0 12px; margin-bottom: 15px; border: 2px solid #EEE; position: relative; } ul.content-list-container li.no-padding { padding: 0; } ul.content-list-container.block-image li { min-height: 136px; padding: 0; } body.brand-products ul.content-list-container li { background: #FAFAFA; font-size: 1em; } body.news ul.thisReleaseCategories { border-top: 1px solid #999; margin: 12px 0 0 15px; color: #666; padding: 12px 0 0 0; } body.news #content ul.thisReleaseCategories li { background: none; border: none; display: inline; padding: 0; margin: 0; font-size: .9em; min-height: 0; } div#content-body ul { list-style: square; padding-left: 1.4em; margin: 1em 0; line-height: 1.5; } div#content-body ol { list-style: decimal; padding-left: 1.4em; margin: 1em 0; line-height: 1.5; } body#new-product-info-detail #content .product-detail-section.list ul, body#new-product-info-detail #content .product-detail-section ul { margin: 0; } body#new-product-info-detail #content .product-detail-section.list ul li, body#new-product-info-detail #content .product-detail-section ul li { font-size: 1em; margin-bottom: 10px; line-height: 1.2; } body#new-product-info-detail #content .product-detail-section.list ul li ol { margin: 0 0 0 15px; } body#new-product-info-detail #content .product-detail-section .bulleted-list ul { margin: 0; list-style-type: square; } body#new-product-info-detail #content .product-detail-section .bulleted-list ul li { list-style-type: square; font-size: 1em; margin: 0 0 5px 15px; } /*body#guide-home ul.tabnav { position: absolute; top: 143px; } ul.tabnav { border-bottom: 1px solid #E2E2E2; margin-bottom: 10px; float: left; width: 100%; } body#guide-home ul.tabnav li { float: left; background: none; width: 126px; margin: 0; padding: 0; border: none; } ul.tabnav li { float: left; background: none; width: 126px; margin: 10px 0 -1px 7px; padding: 0; border: 1px solid #E2E2E2; } ul.checkboxes li, ul.radio-buttons li { font-size: 1.2em; margin-bottom: 12px; line-height: 1; }*/ ul#resources-tab { display: block; margin: 0 0 12px; display: inline-block; position: absolute; top: 0; } ul#resources-tab li { float: left; background: none; width: 98px; margin: 0 3px; padding: 0; border: 2px solid #EEE; } ul.checkboxes li *, ul.radio-buttons li * { vertical-align: middle; } dl.pressReleaseContacts { font-size: 1.2em; margin: 0 0 5px 24px; line-height: 1.5; } dl.pressReleaseContacts dt { font-weight: bold; } dl.pressReleaseContacts dd { margin-left: 12px; } body#sales-presentation ul.presentation-points { list-style-type: disc; } body#sales-presentation ul.presentation-points li { margin: 0 0 0 12px; line-height: 1.5; } ul.ppt-list { margin: 12px 15px; } ul.ppt-list li { background: #FAFAFA; margin: 0 0 12px; height: 113px; padding: 5px; } ul.brand-list { margin: 12px 15px; } ul.brand-list li { background: #FAFAFA; margin: 0 0 15px; padding: 5px 5px 15px; } ul.brand-ppt { } #content ul.brand-ppt li { float: left; width: 270px; font-size: 1em; padding: 0; margin: 15px 15px 25px; height: 9em; } ul#suite-offering { margin: 5px 0 0 15px; } ul#suite-offering li { font-size: 1em; background: #E6E6E6; margin: 0 5px 12px 0; padding: 0 0 5px; display: inline-block; border: 1px solid #EEE; } body#dst-info-center ul.bullet, body#nafta-info-center ul.bullet { list-style-type: disc; margin: 0 15px 15px; } body#dst-info-center ul.bullet li, body#nafta-info-center ul.bullet li { margin: 0 0 5px 15px; font-size: 1em; line-height: 1.2; } body#dst-info-center ol, body#nafta-info-center ol { list-style-type: decimal; margin: 0 15px 15px; } body#dst-info-center ol li, body#nafta-info-center ol li { margin: 0 0 5px 21px; font-size: 1em; line-height: 1.2; list-style-position: outside; } body#dst-info-center .content-left.versus ul.versus li, body#dst-info-center .content-right.versus ul.versus li { margin: 0 0 24px 15px; display: inline-table; } body#dst-info-center .content-left.versus ul.bullet, body#dst-info-center .content-right.versus ul.bullet { list-style-type: disc; margin: 0 15px 15px; font-size: .7em; line-height: 1.2; } body#dst-info-center .content-left.versus ul.bullet li, body#dst-info-center .content-right.versus ul.bullet li { font-weight: normal; margin: 0 0 5px 15px; width: 190px; } body#dst-faq ul.content-list-container li div.answer ul { margin: 5px 15px; list-style-type: square; } body#dst-faq ul.content-list-container li div.answer ul li { font-size: 1em; margin: 0 0 10px 15px; border: none; } table.faq-answer ul { line-height: 1.4; margin: 5px 0 15px 15px; list-style-type: disc; } table.faq-answer ul li { margin-left: 15px; } body#dst-info-center.launch-kit .biz-generic-header ul { font-size: .9em; list-style-type: disc; margin: 5px 0 15px 15px; } body#dst-info-center.launch-kit .biz-generic-header ul li { margin: 0 0 5px 15px; } ul.download-container { font-size: 0.8em; padding-top: 10px; } ul.download-container li { margin: 10px 0 0 0; } body#sales-presentation #content-box-container ol { margin: 15px 15px 24px 15px; } body#sales-presentation #content-box-container ol li { margin: 0 0 30px 15px; line-height: 1.4; } ul.link-list { margin: 12px 14px; font-size: 0.8em; } body.products-main ul.link-list { margin: 0; } body.training-main ul.link-list { margin: 12px 14px; line-height: 1.3; list-style-position: outside; } body.training-main div.thumb-info-vertical ul.link-list { float: left; display: inline; margin: 12px 14px; width: 140px; line-height: 1.3; list-style-position: outside; } ul.ssp-links li { /*float: left; */margin-right: 14px; } ul.link-list li.get-started, ul.ssp-links li.get-started { font-weight: bold; font-size: 1.2em; padding-bottom: .75em; margin-bottom: .75em; clear: both; float: none; } #selection-guide-block ul, #browseProducts ul { margin: 15px 0 0 15px; font-size: 0.8em; float: left; width: 90%; display: inline; } #selection-guide-block ul li, #browseProducts ul li { margin: 0 0 8px; list-style-position: outside; } body#resources-lead-time-alerts #content-box-container ul, body#email-marketing #content-box-container ul { margin: 12px 0 30px 15px; list-style-type: square; font-size: 1em; line-height: 1.3; } body#resources-lead-time-alerts #content-box-container ul li, body#email-marketing #content-box-container ul li { margin: 0 0 7px 15px; } div.img-container + ul.link-list { width: 140px; float: left; margin: 12px 0 0; line-height: 1.25; } div.content-block div.img-container { float: left; display: inline; margin-top: 12px; } /* Generic Form Layout files */ dl.sideBySide dt { float: left; display: inline; clear: left; width: 200px; text-align: right; margin-right: 0.5em; padding-top: 4px; } dl.sideBySide dd { margin: 0 0 0.5em; text-align: left; position: relative; } dl.sideBySide dd.tall { margin-bottom: 1.25em; } dl.sideBySide dd.multiRadio { padding-top: 5px; } div.plumbingCodes ul { list-style: square; margin-left: 29px; line-height: 1.25; } body#resources .content-block.news ul { font-size: 0.8em; } body#resources .content-block.news ul li { background: #f6f6f6; } body#showroom-resources ul.bullet { margin-bottom: 15px; list-style-type: square;} body#showroom-resources ul.bullet li { margin: 0 0 8px 15px; } dl.imgFormats { width: 300px; float: left; display: inline; margin-left: 96px; } dl.imgFormats dt { float: left; display: inline; clear: left; font-weight: bold; width: 120px; margin-bottom: 0.9em; padding: 3px 0; } dl.imgFormats dd { float: left; display: inline; } dl.imgFormats dd a { border-left: 1px solid #333; margin: 0 0 0.75em 12px; padding: 0 0 0 12px; } dl.imgFormats dd a:first-child { border-left: 0; } dl.faq-list { } dl.faq-list dt { font-size: 1.25em; font-weight: bold; margin-bottom: 0.5em; } dl.faq-list dt * { font-size: 1em; } dl.faq-list dd { font-size: 1.2em; margin-bottom: 2em; } body.field-trials table li { margin-bottom: 0.5em; } body.news #content ol { margin-left: 4em; } .imgFormats dt span.resolution, span.img-collection { font-weight: bold; padding: 0 3px; background: #f6f6f6; border: 1px solid #999; } body.news #content .article ul { list-style-type: square; margin: 0 15px 15px; } body.news #content .article ul li { margin-left: 15px; } div#content ul.subnav { text-align: center; margin-top: 12px; } div#content ul.subnav li { display: inline; padding: 0 6px; } div#content ul.subnav li.selected { font-weight: bold; } ul.calendar-info { margin-left: 14px; } ul#calendar-container li { width: 250px; float: left; display: inline; } ul#calendar-container li ul.calendar-info li { width: auto; } ul.marquee { /* required styles */ display: block; padding: 0; margin: 0; list-style: none; line-height: 1; position: relative; overflow: hidden; /* optional styles for appearance */ width: 687px; height: 22px; /* height should be included to reserve visual space for the marquee */ } ul.marquee li { /* required styles */ position: absolute; left: 999em; /*left: 0;*/ display: block; white-space: nowrap; /* keep all text on a single line */ /* optional styles for appearance */ padding: 3px 5px; } body#resources div#content ul#frequently-used-resources h4 { font-size: 1em; line-height: 1; font-weight: bold; margin: 0 12px 0.2em 0; padding-bottom: 0.2em; border-bottom: 1px solid #ddd; } ul#frequently-used-resources li, ul#frequently-asked-questions li { margin: 0 12px 1em ; } ul#frequently-used-resources li li { margin: 0 0 0.35em 4px; } body#principals-meeting div.column-container ul { margin: 0 0 15px 15px; } body#principals-meeting div.column-container li { margin-bottom: 15px; font-size: 0.9em; padding-left: 6px; } body#principals-meeting div.column-container li strong { display: block; margin-left: -6px; margin-bottom: 4px; } body#principals-meeting div.first { margin-bottom: 15px; } body#principals-meeting div.column-container ul.double li { float: left; display: inline; width: 315px; height: 50px; } body#principals-meeting div.column-container ul.triple li { float: left; display: inline; width: 210px; height: 50px; } #content ul.featured-courses { margin-top: 5px; } ul.download-list { margin-left: 12px; } ul.download-list li { margin-bottom: 12px; } ul.sales-archives { margin: 0 0 0 15px; } ul.sales-archives li { margin: 0 0 10px; } /* 11.0 TABLES ------------------------------------------ */ table { border-collapse: collapse; } body.csv table { width: 100%; } th { border-bottom: 1px solid #ccc; color: #000; font-size: 10px; font-weight: bold; height: 18px; padding: 2px; text-align: left; vertical-align: middle; } td { color:#000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; padding: 3px 2px; } body.field-trials td, body#submit-success-stories td { vertical-align: top; padding: 5px 10px 1em; } body#submit-success-stories table { margin-left:10px;} table.faq-answer span.qa, table.faq-question strong.deltacolor { font-size: 1.4em; margin: 0 0 0 15px; } table.faq-answer span.qa { font-size: 1.4em; margin: 0 0 0 15px; } body#sales-presentation.flash-form .content-right.flash-form-part2 table { margin: 15px 0 0 15px; } body.news table { margin: 0 0 15px 15px; } table#mass-downloads-output { width: 100%; } body#resources-lead-time-alerts #content-box-container table.datatable { margin: 15px 0; border-bottom: 1px solid #999; } table#mass-downloads-output td.indent-n { padding-left: 1em; } table#mass-downloads-output td.indent-nn { padding-left: 2em; } table#mass-downloads-output td.indent-nnn { padding-left: 2em; } table#mass-downloads-output td.indent-nnnn { padding-left: 3em; } .download-col col { width: 140px; } table#mass-downloads-output th, td.download-td { text-align: center; } div.summary-box{border:1px solid #EEEEEE; background-color: #F6F6F6; margin:5px 0; padding:5px 10px;} #infos, #associates{ width:100%;margin:5px 0 0 0;} #infos td, #associates td{border:2px solid #EEEEEE; background-color: #F6F6F6; padding:5px;} #infos tr.searchtitle, #associates tr.searchtitle{ background-color: #E6E6E6; cursor: pointer;} /* Generic styles for data tables */ table.datatable { width: 100%; } .datatable thead th { color: #FFF; font-weight: bold; text-align: left; vertical-align: middle; background: #0A0A0A url(/images/gui/bg/bg-sidenav-forms-title.jpg) repeat-x 0 0; margin: 0; border-spacing: 0px; border-collapse: collapse; padding: 4px 6px; } .datatable thead th.sorted { background-color: #333; } .datatable th a,.datatable th a:visited { color: #EEEEEE; } .datatable th a:hover { text-decoration: underline; color: #39C; } .datatable th.sorted a,th.sortable a { background-position: right; display: block; width: 100%; } .datatable th.sortable a { background-image: url(/images/gui/tables/arrow_off.gif); } .datatable th.order1 a { background-image: url(/images/gui/tables/arrow_down.gif); } .datatable th.order2 a { background-image: url(/images/gui/tables/arrow_up.gif); } .datatable tr.odd td { background-color: #fff } .datatable tr.tableRowEven td,tr.even td { background-color: #EEEEEE } .datatable td { padding: 4px 6px; vertical-align: middle; } /* 12.0 MISC PRESENTATION ELEMENTS ------------------------------------------ */ #pagination { position: absolute; top: 15px; right: 15px; font-size: 1.1em; color: #fff; padding: 3px; } #pagination a { color: #eee; padding: 2px; } #pagination a:hover { background-color: #666; color: #fff; } .download span, .download-xls span { font-size: 0.8em; } .go-link { text-align: right; } /* 13.0 IMAGES ------------------------------------------ */ img#dfc-logo {margin-bottom:1em;} form#choose-design label img { padding: 3px; } form#choose-design label.selected img { padding: 1px; border: 2px solid #ac0535; } .notification img { padding: 5px 4px 3px 6px; margin-right: 7px; background: #fff; float: left; } #e-connections img { margin: 5px 0; } img.go-sales-presentation { margin: 10px 0; } #presentation-overview img.overview-screenshot { margin: 10px 0 0;} #product-image-large img { margin: 0 0 6px; } img.loader { position: relative; top: 3px; } body#training-troubleshooting #content img { margin: 0 0 0 15px; } #selection-guide-block img { margin-right: 15px; } div.logoGroupWrapper img { float: left; display: inline; } #logoBox img { display: block; margin: 0 auto 20px auto; } div#content .app-container img { margin-bottom: 10px; } img#print-logo { display: none; } /* 14.0 META ------------------------------------------ */ /* 15.0 ACCESSIBILITY ------------------------------------------ */ /* 16.0 PAGE SPECIFIC ------------------------------------------ */ /* Home Page */ body.home #header-container { height: 90px; } #home-feature-wrapper { text-align: center; background-color: #000; margin-bottom: 16px; } #home-feature { width: 960px; margin: 0 auto; background: #000 url(/images/pic/home/feature-bg.jpg) no-repeat 0 0; } #home-feature img { display: block; } #home-signin h2 { background: transparent url(/images/pic/home/head-signin.gif) no-repeat 10px 8px; width: 140px; height: 40px; } #home-signin form { padding: 8px 10px; } #home-signin dl.sideBySide dt { width: 60px; } #home-signin dl.sideBySide dd { margin-left: 66px; } #home-signin dl.sideBySide dd input { width: 140px; } #home-signin form#signinform #remember-me, #home-signin form#signinform #formButtons { margin: 0 0 8px 68px; } #home-signin p { margin: 0 10px 1em 10px; } #home-partners h2 { background: transparent url(/images/pic/home/head-partners.gif) no-repeat 0 0; width: 250px; height: 26px; } #home-partners h3 { border-top: 1px solid #EEEEEE; padding: 10px 0 8px 0; font-size: 1.2em; font-weight: bold; clear: right; } #home-partners p { margin-bottom: 10px; } #home-partners .shadowboxmiddle { padding: 8px 14px 60px 14px; } #partners-residential { position: relative; } #partners-residential p { padding-right: 300px; } #home-brand-logos { width: 300px; position: absolute; top: 2em; right: 0; text-align: center; } #home-brand-logos img { padding: 2px; vertical-align: middle; } #home-ads img { display: block; } /* Search Results */ div.searchSection { margin: 15px } div.searchSectionHeader { margin-bottom: 7px; } div.pagerBox { margin-bottom: 7px; } body.resultsAllCategories div.pagerBox, body.resultsOneCategory div.pagerBox { position: absolute; top: 10px; right: 16px; text-align: right; } .productsBox { padding: 0 0 0 6px; } .searchProduct { float: left; display: inline; margin: 0 14px 0 0; width: 210px; font-size: 10px; height: 38em; } .productThumbBox { background-color: #fff; line-height: 1.3em; border: 1px solid #ccc; padding: 8px; color: #333; height: 35em; position: relative; z-index: 1; width: 192px; } .productThumbBox a { color: #006699; } .productThumbBox a:hover { color: #5F5B5B; } .productThumbBox .productPhoto { margin-bottom: 7px; } .productThumbBox .productPhoto a { text-decoration: none; } .productThumbBox .productPhoto a img.thumb { height: 102px; } .productThumbBox .productPhoto a img { border: 1px solid #fff; } .productThumbBox .productPhoto a:hover img { border: 1px solid #7F8382; } .productThumbBox .productPhoto a .productName { display: block; text-decoration: underline; font-size: 110%; font-weight: bold; margin: .5em 0; } .productThumbBox .productModel, .productThumbBox .productFinish { margin-bottom: 5px; } .productThumbBox .productExclusive { float: left; margin: 3px 4px 0 0; } .productThumbBox .finishOptions { margin-top: 1em; } .productThumbBox .finishOptions strong { display: block; } .productThumbBox .finishOptions .finishOption, table#tableCompare span.finishOption { float: left; margin-right: 0; } .productThumbBox .finishOptions .finishOption a { display: block; border: 2px solid #fff; } table#tableCompare span.finishOption a { display: block; border: 2px solid #fff; } .productThumbBox .finishOptions .finishOption a img, table#tableCompare span.finishOption img { display: block; } .productThumbBox .finishOptions .finishOption a:hover { border: 1px solid #fff; padding: 1px; background-color: #5F5B5B; } .productThumbBox .finishOptions a.selected, table#tableCompare a.selected { border: 2px solid #AC0535 !important; padding: 0 !important; } .productThumbBox .finishOptions img, table#tableCompare span.finishOption img { width: 18px; height: 18px; } .productThumbBox .productInstallation { margin: .5em 0; line-height: 1; } .productThumbBox .productInstallation img { float: left; } .productThumbBox .productInstallation .productInstallationText { display: block; padding-top: 6px; margin-left: 54px; } div.showMore { clear: both; text-align: center; font-weight: bold; margin: 1em; } body#leads div.downloads { margin: 15px; } body.content-box div.block-title { padding: 7px 0 7px 15px; margin: 0; position: relative; color: #000; } body.content-box div.block-title.bg { background: #E6E6E6; margin-bottom: 14px; } body.content-box div#pkg-modifications div.block-title.bg { background: #E6E6E6; margin-bottom: 0; } body.content-box div#infocenter-main-content div.block-title.bg { background: #E6E6E6; margin-bottom: 14px; } body.content-box div#infocenter-main-content ul { list-style: square; margin-left:40px; } div#infocenter-detail-content {padding:12px 0;} body.faq div.block-title.bg, body.key-launch-info div.block-title.bg, body#webinar-detail div.block-title { margin-bottom: 0; } body.content-box div.block-title.news-date { font-size: 1.2em; float: left; display: inline-block; height: 35px; width: 300px; } body#leads div.company { font-size: 0.9em; margin: 8px 12px 0 0; padding: 0; float: left; border-right: 1px solid #999; width: 50%; min-height: 45px; } body#leads div.extra-info { font-size: 0.9em; margin: 8px 0 0 0; } .notification { background-color:#D8D8D8; border: 1px solid #999999; margin: 20px 0; padding: 0 0 11px; } body#guide-home #content { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top: 60px; } body#guide-home #guideList, body#guide-home #bestPracticeList { border: none; margin-top: 20px; padding: 0 0 15px 0; } /* news */ .summary-image { float: right; margin: 12px 12px 12px 0; } body.news .summary-image { width: 150px; } body.new-products .summary-image { width: 125px; } body.brand-products .summary-image { width: 110px; } .summary { margin: 0 0 10px 0; } body.brand-products .summary { font-size: 0.8em; } .summary-title { color: #006699; } /*.summary-title span { color: #222; float: left; line-height: 1.5; }*/ .news-sub-title { font-weight: bold; font-style: italic; color: #222; margin: 5px 15px; font-size: 1.2em;} .news-location { font-weight: bold; font-size: 1.4em; margin: 5px 15px 10px; } .article { margin: 5px 0px; clear: both; } body#featured-detail .article { margin: 0; } #e-connections { text-align: center; } div#news-article-container { margin: 10px 15px 0; padding: 0 0 12px; } /* standardized sales presentation */ #presentation-overview { padding-bottom: 25px; } .important-note { border-top: 1px solid #999; border-bottom: 1px solid #999; margin: 12px 15px 0; padding: 12px 0; } #sales-presentations-container { background: #FAFAFA; padding: 0; margin-top: 12px; } .presentation-box { margin: 12px 0 0; padding: 0; } .presentations { width: 270px; float: left; display: inline; margin: 12px 30px; } .download-pdf img.pdf { position: relative; left: 5px; top: 7px; } .download-ppt img.ppt { position: relative; right: 3px; top: 9px; } .download-pdf img.pdf.left { position: relative; left: -5px; top: 9px; } .download-xls img.xls { position: relative; right: 5px; top: 9px; } .ppt-image { width: 150px; float: left; margin: 0 12px 0 0; } .ppt-image.small { width: 100px; margin: 0 12px 0 0; } body.ppt .download-ppt.left { margin: 0 0 24px 15px; font-size: 1.2em; } .download-ppt.full-ppt { position: absolute; top: 0; right: 15px; } .download-doc { margin: 5px 0 0 15px; } /* new product launch info */ .info-block { margin: 10px 0 12px 24px; line-height: 1.5; width: 220px; font-size: 1em } body.new-products .info-block, body.brand-products .info-block { margin: 10px 0 12px 15px; } .info-block.product-name { margin-bottom: 2px; } .info-block.summary-subtitle { margin-top: 2px; font-size: 0.9em; } body.brand-products .info-block.summary-subtitle { margin-top: 2px; font-size: 0.8em; } .view-larger { font-size: 0.7em; margin: 0 0 12px; display: block; border-bottom: 1px solid #999; padding-bottom: 5px; text-decoration: none; } body#dst-info-center #model-number { margin: 10px 0 0 24px; } body#dst-info-center #date { margin: 0 0 0 24px; } body#dst-info-center #summary { margin: 0 0 0 24px; } #content-left { float: left; display: inline; margin: 0; } #content-left.main { width: 440px; } #content-left.detail { width: 325px; margin-right: 10px; } #content-box-container .content-widget{display: inline; float: left; margin: 0; padding: 10px; width: 310px;} #content-left.resources-forum-list-container, #content-left.dst-info, #content-left.training, div.ie6fix-training { width: 400px; margin-right: 15px; position: relative; } #content-right { float: left; display: inline; margin: 0; } #content-right.detail { min-width: 312px; } #content-right.new-product-detail { width: 312px; } #content-right.versus { float: left; margin: 0; width: 200px; } .product-thumb { position: absolute; top: 0; right: 0; } #view-literature { float: left; background: #fff; border: 2px solid #EEE; text-align: center; margin: 10px 0 15px; font-size: 1.2em; width: 238px; padding: 0 0 12px; } #view-literature .block-title { padding: 7px 0; font-weight: bold; } #view-literature img { margin: 12px 0; } #view-literature .literature-preview { border-bottom: 1px solid #CCC; text-align: center; margin: 0 12px 12px; } body#new-product-info-detail #content-box-container, body#resources #content-box-container, body#dst-info-center #content-box-container, body#quality-issues #content-box-container, body#builder-contract-system #content-box-container, body#principals-meeting #content-box-container, body#nafta-info-center #content-box-container { font-size: 1.2em; } #product-image-large { background: #FAFAFA; margin: 0 0 12px; padding: 12px; } #product-image-large.pull-right {float:right; width:325px;} .product-detail-section { margin-bottom: 24px;} .product-one-col{clear:both; padding:10px; overflow:hidden;} body#new-product-info-detail div#content-box-container .product-one-col h4{border-bottom: 1px solid #C9C9C9; margin: 0 0 2px 0; padding: 0 0 2px 0;} .product-noclear{clear:none} .suite-left { float: left; width: 152px; margin: 12px 12px 0 12px; } .suite-right { float: left; margin: 3px; } .suite-product-name { margin-top: 3px; } .suite-list-price { margin: 15px 0 10px 0; } /* resources main */ .resources-main { margin: 0 15px !important; padding: 15px 0 !important; } .content-block.resources-block { background: #fff; border: 2px solid #EEE; margin: 0 0 15px; width: 250px; padding: 0 0 12px; } div#forum-list-block { margin-top: 32px; } .forum-list, .topics-list { margin-top: 24px; } .my-forums, .my-topics { margin: 5px 0 24px; } .detail-list-container { margin: 15px 15px 0; line-height: 1.3; } #news-alert .news-alert-content .detail-list-container { margin: 0 15px 8px; line-height: 1.3; padding-bottom: 8px; border-bottom: 2px solid #f7f7f7; } .read-forum { text-align: right; margin: 0 15px 0 0; } .resources-preview-content { border-bottom: 1px solid #CCC; margin: 12px; padding-bottom: 12px; } /* resources */ #featured-topic { padding: 0; } #featured-left { width: 486px; float: left; padding-top: 15px; } body.news #featured-left { padding: 0; } #featured-topic .featured-image { float: left; background: #FAFAFA; margin: 0; padding: 10px 15px; text-align: center; } body#featured-detail .featured-image { text-align: center; margin-top: 10px; } body#resources .resources-preview-content .detail-list-container { font-size: .9em; margin: 0 0 15px; } .event { font-weight: bold; } .event-city { color: #999; } #view-calculator { border: none; } /* master-calendar */ .next-month { position: absolute; right: 15px; } /* forms */ .content-block.forms { padding: 15px; } /* dst-info-center */ #dst-header { background: #000 url(/images/pic/dst-info-center/diamondseal-adbg.jpg) repeat-x 0 0; height: 153px; padding: 0; } .promotion-title { font-weight: bold; } .promotion-subtitle { margin-bottom: 0.5em; } .dst-preview, .test-plan { text-align: center; border-bottom: 1px solid #999; margin: 12px 15px 10px; padding-bottom: 12px; } #packaging-overview-block { background: #fff url(/images/pic/dst-info-center/packaging.jpg) no-repeat 0 bottom; border: 2px solid #EEE; margin: 0 0 15px; width: 250px; height: 130px; position: relative; padding: 0; } #counter-flier-block, #dst-presentation-block { background: #fff; border: 2px solid #EEE; margin: 0 0 15px; width: 250px; padding: 0 0 12px; } #flashwrapper { margin: 5px 15px; } body#dst-info-center .content-left.versus { float: left; width: 350px; background: #fff; } body#dst-info-center .content-right.versus { float: left; width: 300px; } .content-left.versus .versus-img,.content-right.versus .versus-img { float: left; width: 88px; margin: 0 15px 0 0; } body#dst-info-center.pdf .download-pdf { margin: 0 0 15px 15px; } body#dst-info-center.packaging-overview .download-pdf { margin: 0 0 15px 0; float: left; clear: both; } .biz-generic-header { margin: 15px 0 12px 0; } body#dst-info-center .product-thumb { text-align: center; } body#dst-info-center .info-block { width: 300px; } body#dst-info-center.brand-products .info-block { width: 210px; margin: 10px 0 12px 12px; } .file-thumb { width: 100px; margin: 0 10px 10px 15px; float: left; } #content .news-introduction { margin: 0 15px; font-size: 1.2em; line-height: 1.3; } body#sales-presentation.flash-form .flash-form, body#sales-presentation.flash-form .flash-form-part2 { font-size: 1.2em; } body#sales-presentation.flash-form .content-left.flash-form { width: 250px; float: left; } body#sales-presentation.flash-form .content-right.flash-form { margin: 70px 0 0; float: left; width: 360px; } body#sales-presentation.flash-form .content-right.flash-form-part2 { margin: 0 0 0 15px; float: left; width: 350px; } .flash-form-buttons { margin: 15px; border-top: 1px solid #999; padding: 10px 0 0 0; } .versusCompetitorContainer { float: left; padding: 10px 5px 0 15px; width: 330px; background-color: #FFF; } .versusDeltaContainer { float: left; margin: 10px 0 0 15px; width: 290px; } .versusCompetitorContainer h4, .versusDeltaContainer h4 { padding: 0 !important; margin: 0 0 10px 0 !important; } .versusInnerContainer { margin: 0 0 0 0; clear: both; padding: 0; } .versusThumbCompetitor { float: left; width: 88px; margin: 0 0 20px 0 !important; } .versusThumbDelta { float: left; width: 100px; margin: 0 0 20px 0 !important; } .versusTextContainerCompetitor { margin: 0 0 20px 96px; } .versusTextContainerDelta { margin: 0 0 20px 108px; } .versusTextContainerCompetitor p, .versusTextContainerDelta p { padding: 0 !important; margin: 0 0 7px 0 !important; font-size: .9em !important; line-height: 1.2 !important; } .versusTextContainerCompetitor ul, .versusTextContainerDelta ul { list-style: square; padding: 0; margin: 0 0 20px 0 !important; } .versusTextContainerCompetitor ul li, .versusTextContainerDelta ul li { font-size: .9em !important; line-height: 1.2 !important; padding: 0 !important; margin: 0 0 2px 20px !important; } #content div.pager { margin:0; margin-top:10px; } #content div.pager a, #content div.pager input { text-align:center; padding:2px 5px; background-color:#efecef; margin-right:5px; border:1px solid #bbb; font-size:0.925em; } #content div.pager a:hover { background-color:#ddd; border:1px solid #888; } #content div.pager input { padding:2px 10px; } #lightbox { background-color:#eee; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; } #lightboxDetails { font-size: 0.8em; padding: 0.4em 0; } #lightboxDetails:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #lightboxCaption { float: left; width: 48%; text-align: left; } #keyboardMsg { float: right; width: 48%; text-align: right; } #overlay { background-color:#333; -moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65); } /* Phone Book */ body.phone-book div#content div.resources-main h3 { border-bottom: 1px solid #ccc; margin: 18px 15px 5px 15px; padding-bottom: 4px; } body.phone-book div#content div.resources-main ul li { margin: 7px 15px; line-height: 1.6em; } body.phone-book div#content div.resources-main div.content-block { margin-bottom: 0; padding-bottom: 15px; } body.phone-book div#content div.resources-main p { font-size: 1.2em; line-height: 1.6em; margin:0 15px 0.5em; } body.phone-book div#content div.resources-main div.content-block { padding: 15px; } body.phone-book div#content div.resources-main div.content-block table#contact-list td, body.phone-book div#content div.resources-main div.content-block table#contact-list th { border-bottom: 1px solid #ddd; font-size: 1.1em; line-height: 1.2em; padding: 15px 15px 15px 0; } body.phone-book div#content div.resources-main div.content-block table#contact-list th { border-bottom: 1px solid #ccc; padding: 0 0 7px 0; } body.phone-book div#content div.resources-main div.content-block table#contact-list th.function { width: 200px; } body.phone-book div#content div.resources-main div.content-block table#contact-list th.name { width: 240px; } body.phone-book div#content div.resources-main div.content-block table#contact-list td.info, body.phone-book div#content div.resources-main div.content-block table#contact-list th.info { width: 200px; padding-right: 0; } body.phone-book div#content div.resources-main div.content-block table#contact-list td ul li { font-size: 1em; line-height: 1.2em; margin: 0; } /* Forms */ body.forms div#content div#content-header strong { font-weight: normal !important; } body.forms div#content div.resources-main ul li { margin: 7px 15px; font-size: 1em; line-height: 1.6em; } body.forms div#content div.resources-main div.content-block { margin-bottom: 0; padding-bottom: 15px; } body.forms div#content div.resources-main p { font-size: 1.2em; line-height: 1.6em; margin:0 15px 0.5em; } body.forms div#content div.resources-main div.content-block div.forms-block { font-size: 1.2em; line-height: 1.2em; margin:0 15px 0.5em; padding-top: 10px; } body.forms div#content div.resources-main div.content-block div.forms-block p { margin-top: 10px; } div#breadcrumb strong { font-weight: normal; } div#breadcrumb p { display: inline; margin: 0; } /* This prevents CMS content styling from appearing inside breadcrumbs. */ body.forms #content h3 { border-bottom: 1px solid #ccc; } div#model-search p { padding-left: 10px; } /* SiteMap */ body.sitemap #content .content-block { float: left; margin: 0 15px 0 0; padding: 0; width: 289px; } body.sitemap #content .content-block.end { margin: 0; } body.sitemap #content .content-block h4 { background: #e6e6e6; padding: 5px 0 7px 15px; margin-bottom: 6px; } body.sitemap #content .content-block h4 a { color: #000; font-weight: bold; } body.sitemap #content .content-block h4 a:hover { color: #006699; } body.sitemap #content ul { line-height: 1.3; margin: 0 0 30px 15px; } body.sitemap #content ul li { margin: 0 0 7px 7px; } body.sitemap #content ul.subset li { list-style-type: square; font-size: 1em; font-weight: normal; } /* marketing sales main - products main */ .logos-bg { background: #fff; margin: 7px 15px; padding: 7px; } ul.logos-list { } ul.logos-list li { display: inline; } ul.logos-list.marketing li { margin-left: 7px; } .price-list-group { margin-left:15px;clear:both;} .price-list-header { float:left; width:100px;} .price-list-detail { float:left; width:120px;margin-bottom:10px;} /* Find Product Form */ div#findProductInfo { margin: 0 15px; } div#findProductInfo h4 { margin: 0 0 0.75em; padding-top: 5px; font-size: 0.9em; font-weight: bold; } div#findProductInfo label { font-size: 0.9em; } div#findProductInfo ul { list-style: none outside; padding-left: 0; width: 270px; } div.sidenav-forms-container div#findProductInfo ul { width: 200px; } div#findProductInfo ul li { padding: 0; margin-bottom: 0.5em; } div.modelWrapper { padding: 20px 0 10px; color: #000; } div.brandWrapper { padding: 0 0 10px; color: #000; } div#findProductInfo div.modelWrapper label { padding-top: 3px; width: 95px; } div.modelWrapper input.text { width: 140px; } input.nsq-box {margin:12px 0;width:180px;} /* Brand Products Main Page */ div.imgAndList img { float: left; } div.imgAndList { float: left; padding-bottom: 12px; width: 324px; } div.imgAndList .headingAndList { float: left; } div#content div.imgAndList h4 { margin: 2px 0; padding-left: 12px; } div#browseProducts div.imgAndList { float: left; padding-bottom: 12px; width: 295px; margin: 0 24px 0 15px; } div#browseProducts div#commercial.imgAndList { float: left; padding-bottom: 12px; width: 350px; } div#browseProducts div.last { margin: 0; width: 318px; } /* Brand Advertising */ body#advertising-materials.content-box div.block-title, body#available-literature.content-box div.block-title { font-size: 1.2em; } body#advertising-materials .thumb-and-info, body#available-literature .thumb-and-info, body#sales-aids .thumb-and-info { width: 185px; margin: 0 15px 3em; } body#advertising-materials .thumb-and-info .thumb a, body#available-literature .thumb-and-info .thumb a { text-align: left; } body#available-literature .content-wrapper, body#sales-aids .content-wrapper { padding: 15px 0; } /*agency dashboard*/ div.dashboardblock{ font-size:0.9em; background: #F2F2F2 !important; font-weight:bold;} div.dashboardblock li { font-size:0.9em !important; font-weight:normal;} div.dashboardblock select{ width:180px;} #datesLi div{margin:5px 0; padding:5px 20px 0 0; float:left;} #datesLi div input{width: 80px;} #btnAssociateSearch, #btnCourseSearch, #btnAgencySummary, #btnAgencyAll, #btnTerritorySummary{margin:0 0 0 20px;} #content-left.dashboard{ width:350px !important;} .content-block.resources-block.dashboardblock{width:300px;} /****************************************/ /* 6. CLUETIP STYLING */ /****************************************/ /* global */ .clueTip img { vertical-align: middle; } #cluetip-close img { border: 0; } #cluetip-title { overflow: hidden; text-transform: uppercase; font-size: 11px; margin: 0; padding: 2px 8px 4px 8px; background-color: #474747; color: #fff; font-weight: bold; } #cluetip-title #cluetip-close { float: right; position: relative; } #cluetip-waitimage { width: 16px; height: 16px; position: absolute; background-image: url('../images/gui/cluetip/wait.gif'); } .cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; } #cluetip-extra { display: none; } /*************************************** =cluetipClass: 'default' -------------------------------------- */ .cluetip-default { background-color: #d8d8d8; color: #333; text-align: left; border: 1px solid #FFF; } .cluetip-default p { } .cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #CCC; border: 4px solid #474747; } .cluetip-default h3#cluetip-title { } .cluetip-default #cluetip-title a { color: #d9d9c2; font-size: 0.95em; } .cluetip-default #cluetip-inner { padding: 10px; } .cluetip-default #cluetip-inner h3 { font-size: 12px; text-transform: uppercase; margin-top: 0; display: none; } .cluetip-default div#cluetip-close { text-align: right; margin: 0 0 0 5px; color: #900; } /*************************************** =cluetipClass: 'tooltip' -------------------------------------- */ .cluetip-tooltip { float: left; } .cluetip-tooltip p { } .cluetip-tooltip #cluetip-outer { position: relative; margin: 0; background-color: #FFF; color: #000; text-align: left; border: 1px solid #000; } .cluetip-tooltip #cluetip-inner { padding: 2px 4px; font-size: 9px; } /* default arrows */ .clue-right-default .cluetip-arrows { background-image: url('/images/gui/cluetip/arrowleft.gif'); } .clue-left-default .cluetip-arrows { background-image: url('/images/gui/cluetip/arrowright.gif'); left: 100%; margin-right: -11px; } .clue-top-default .cluetip-arrows { background-image: url('/images/gui/cluetip/arrowdown.gif'); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-default .cluetip-arrows { background-image: url('/images/gui/cluetip/arrowup.gif'); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */ /* `Containers ----------------------------------------------------------------------------------------------------*/ .container_12, .container_16 { margin-left: auto; margin-right: auto; width: 960px; } .container_16 { /*background: transparent url(../images/16_col.gif) repeat-y 0 0;*/ } /* `Grid >> Global ----------------------------------------------------------------------------------------------------*/ .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, .grid_16 { display: inline; float: left; margin-left: 6px; margin-right: 6px; padding: 0 4px; } .container_12 .grid_3, .container_16 .grid_4 { width: 220px; } .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } .container_12 .grid_9, .container_16 .grid_12 { width: 700px; } .container_12 .grid_12, .container_16 .grid_16 { width: 940px; } /* `Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .first { margin-left: 0; } .last { margin-right: 0; } /* `Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width: 60px; } .container_12 .grid_2 { width: 140px; } .container_12 .grid_4 { width: 300px; } .container_12 .grid_5 { width: 380px; } .container_12 .grid_7 { width: 540px; } .container_12 .grid_8 { width: 620px; } .container_12 .grid_10 { width: 780px; } .container_12 .grid_11 { width: 860px; } /* `Grid >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .grid_1 { width: 40px; } .container_16 .grid_2 { width: 100px; } .container_16 .grid_3 { width: 160px; } .container_16 .grid_5 { width: 280px; } .container_16 .grid_6 { width: 340px; } .container_16 .grid_7 { width: 400px; } .container_16 .grid_9 { width: 520px; } .container_16 .grid_10 { width: 580px; } .container_16 .grid_11 { width: 640px; } .container_16 .grid_13 { width: 768px; } .container_16 .grid_14 { width: 828px; } .container_16 .grid_15 { width: 880px; } /* `Prefix Extra Space >> Global ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_3, .container_16 .prefix_4 { padding-left: 248px; } .container_12 .prefix_6, .container_16 .prefix_8 { padding-left: 488px; } .container_12 .prefix_9, .container_16 .prefix_12 { padding-left: 728px; } /* `Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left: 88px; } .container_12 .prefix_2 { padding-left: 168px; } .container_12 .prefix_4 { padding-left: 328px; } .container_12 .prefix_5 { padding-left: 408px; } .container_12 .prefix_7 { padding-left: 568px; } .container_12 .prefix_8 { padding-left: 648px; } .container_12 .prefix_10 { padding-left: 808px; } .container_12 .prefix_11 { padding-left: 888px; } /* `Prefix Extra Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .prefix_1 { padding-left: 68px; } .container_16 .prefix_2 { padding-left: 128px; } .container_16 .prefix_3 { padding-left: 188px; } .container_16 .prefix_5 { padding-left: 308px; } .container_16 .prefix_6 { padding-left: 368px; } .container_16 .prefix_7 { padding-left: 428px; } .container_16 .prefix_9 { padding-left: 548px; } .container_16 .prefix_10 { padding-left: 608px; } .container_16 .prefix_11 { padding-left: 668px; } .container_16 .prefix_13 { padding-left: 788px; } .container_16 .prefix_14 { padding-left: 848px; } .container_16 .prefix_15 { padding-left: 908px; } /* `Suffix Extra Space >> Global ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_3, .container_16 .suffix_4 { padding-right: 248px; } .container_12 .suffix_6, .container_16 .suffix_8 { padding-right: 488px; } .container_12 .suffix_9, .container_16 .suffix_12 { padding-right: 728px; } /* `Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right: 88px; } .container_12 .suffix_2 { padding-right: 168px; } .container_12 .suffix_4 { padding-right: 328px; } .container_12 .suffix_5 { padding-right: 408px; } .container_12 .suffix_7 { padding-right: 568px; } .container_12 .suffix_8 { padding-right: 648px; } .container_12 .suffix_10 { padding-right: 808px; } .container_12 .suffix_11 { padding-right: 888px; } /* `Suffix Extra Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .suffix_1 { padding-right: 68px; } .container_16 .suffix_2 { padding-right: 128px; } .container_16 .suffix_3 { padding-right: 188px; } .container_16 .suffix_5 { padding-right: 308px; } .container_16 .suffix_6 { padding-right: 368px; } .container_16 .suffix_7 { padding-right: 428px; } .container_16 .suffix_9 { padding-right: 548px; } .container_16 .suffix_10 { padding-right: 608px; } .container_16 .suffix_11 { padding-right: 668px; } .container_16 .suffix_13 { padding-right: 788px; } .container_16 .suffix_14 { padding-right: 848px; } .container_16 .suffix_15 { padding-right: 908px; } /*Shadowbox Definitions*/ .shadowbox { margin: 0 -4px; } .shadowboxtop, .shadowboxbottom { height: 4px; background-repeat: no-repeat; background-position: 0 0; overflow: hidden; font-size: 0px; } .shadowboxbottom { background-position: 0 100%; } .shadowboxmiddle { padding: 0 4px; background-repeat: repeat-y; zoom: 1; } .tabsshadowboxtop { height: 4px; background-repeat: no-repeat; background-position: 0 0; overflow: hidden; font-size: 0px; margin: 0 3px 0 0; } .tabsshadowboxmiddle { padding: 0 7px 0 4px; background-repeat: repeat-y; zoom: 1; } .container_16 .grid_16 .tabsshadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/bg-tabs.png); } .container_16 .grid_1 .shadowboxtop { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-1.png); } .container_16 .grid_1 .shadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-1.png); } .container_16 .grid_1 .shadowboxbottom { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-1.png); } .container_16 .grid_2 .shadowboxtop { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-2.png); } .container_16 .grid_2 .shadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-2.png); } .container_16 .grid_2 .shadowboxbottom { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-2.png); } .container_16 .grid_3 .shadowboxtop { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-3.png); } .container_16 .grid_3 .shadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-3.png); } .container_16 .grid_3 .shadowboxbottom { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-3.png); } .container_16 .grid_4 .shadowboxtop { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-4.png); } .container_16 .grid_4 .shadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-4.png); } .container_16 .grid_4 .shadowboxbottom { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-4.png); } .container_16 .grid_5 .shadowboxtop { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-5.png); } .container_16 .grid_5 .shadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-5.png); } .container_16 .grid_5 .shadowboxbottom { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-5.png); } .container_16 .grid_6 .shadowboxtop { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-6.png); } .container_16 .grid_6 .shadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-6.png); } .container_16 .grid_6 .shadowboxbottom { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-6.png); } .container_16 .grid_7 .shadowboxtop { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-7.png); } .container_16 .grid_7 .shadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-7.png); } .container_16 .grid_7 .shadowboxbottom { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-7.png); } .container_16 .grid_8 .shadowboxtop { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-8.png); } .container_16 .grid_8 .shadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-8.png); } .container_16 .grid_8 .shadowboxbottom { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-8.png); } .container_16 .grid_9 .shadowboxtop { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-9.png); } .container_16 .grid_9 .shadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-9.png); } .container_16 .grid_9 .shadowboxbottom { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-9.png); } .container_16 .grid_10 .shadowboxtop { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-10.png); } .container_16 .grid_10 .shadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-10.png); } .container_16 .grid_10 .shadowboxbottom { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-10.png); } .container_16 .grid_11 .shadowboxtop { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-11.png); } .container_16 .grid_11 .shadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-11.png); } .container_16 .grid_11 .shadowboxbottom { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-11.png); } .container_16 .grid_12 .shadowboxtop { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-12.png); } .container_16 .grid_12 .shadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-12.png); } .container_16 .grid_12 .shadowboxbottom { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-12.png); } .container_16 .grid_13 .shadowboxtop { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-13.png); } .container_16 .grid_13 .shadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-13.png); } .container_16 .grid_13 .shadowboxbottom { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-13.png); } .container_16 .grid_14 .shadowboxtop { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-14.png); } .container_16 .grid_14 .shadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-14.png); } .container_16 .grid_14 .shadowboxbottom { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-14.png); } .container_16 .grid_15 .shadowboxtop { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-15.png); } .container_16 .grid_15 .shadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-15.png); } .container_16 .grid_15 .shadowboxbottom { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-15.png); } .container_16 .grid_16 .shadowboxtop, .container_16 .grid_16 .tabsshadowboxtop { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-top-16.png); } .container_16 .grid_16 .shadowboxmiddle { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-middle-16.png); } .container_16 .grid_16 .shadowboxbottom { background-image: url(/images/gui/bg/shadow-boxes/shadowbox16-bottom-16.png); }