/* =========

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


Common colors used throughout site

Logo magenta: #ac0535
Light gray: #cccccc
Dark gray: #474747

========= */

/*
1.0 UNIVERSAL RESETS
------------------------------------------
*/

* { margin: 0; padding: 0; }

/*
2.0 GENERIC CLASSES
------------------------------------------
*/


/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/

div#content { margin-bottom: 12px; }
div#content.supportMain { background: #000002 url(/images/customersupport/bg-maincolumns.gif) repeat-y 0 0; padding: 0; margin: 12px 0;}
div#content.supportMain #contentBody,
div#content.supportMain #sidebar { margin-top: 0; }
div#content.supportMain #contentBody { margin-bottom: -6px; }

body#supportOverview div.column { width: 467px; }

body.faq div#sidebar { background: #ccc; color: black; }

ul#contentOptions div.accordionItemWrapper { background: #ccc; color: black; border: 3px solid #474747; border-top: none; height: 264px; }
ul#contentOptions div.addPadding { padding: 12px 12px 9px; border: none; }

div.faqAnswer { background: #ccc; color: black; padding: 12px 12px 20px; }

ol#identifySteps div.listItemWrapper { background: #ccc; color: white; border: 3px solid #474747; border-top: none; }

div.identifyChoice { float: left; }

div#faqFooter { background: #ccc; padding: 15px; color: black; }

div#faqFooter div.fl { width: 590px; }

body.troubleshooting div#contentBody.column { background: #ccc; margin-top: 0; padding: 0 16px 16px; width: 638px; }
body.troubleshooting div#contentBody.column div#pageHeader { margin: 0 -16px 1em; }

div#contentBodyHeader { position: relative; background: #474747; height: 56px; padding-top: 14px; padding-left: 14px; margin-bottom: 6px; }

div#searchInfo { background: #474747; position: relative; padding: 6px 16px; }

div#searchInfo div.intro { float: left; margin-right: 95px; width: 200px; }

div.roomBox { position: relative; }
div.category-box { margin-left: 10px; }

div.pagerBox { position: absolute; top: 6px; right: 16px; text-align: right; }
div.pager { margin-bottom: 0.25em; }

body#supportOverview div#sidebar { width: auto; }
/*body#supportOverview div#sidebar, body#supportOverview div#contentBody.column { margin-top: 12px; }*/

div#diagram { position: relative; /*width: 513px;*/ margin: 25px -8px 6px; }

div#solutions { /*width: 471px;*/ background: white; padding: 12px 20px; border: 1px solid #474747; margin: 0 -8px 2em; }

/* Mailing address */
div.adr { font-weight: bold; margin: 0 0 1em 12px; }

/* Literature downloads */
/*div#literatureIntro { float: left; width: 375px; margin-right: 50px; }*/
div#pdfDownloads { float: left; margin-top: -5px; }
div#pdfDownloads div { border-top: 1px solid #474747; margin-bottom: 12px; padding-top: 12px; }
div#pdfDownloads div.main { border-top: none; padding-top: 0; font-size: 1.15em; }

div#productDetailTop { position: relative; }

div#pdfView { background: #ccc; margin: 12px 6px; padding: 20px; }
div#pdfIntro { float: left; width: 500px; color: black; }

div#flashWrapper { width: 900px; margin: 0 auto; clear: both; }

div#installationIntro { width: 550px; float: left; font-size: 1.2em; margin-right: 33px; }

div#installTools { float: left; width: 316px; }
div#installTools div { width: 300px; margin: 0 0 15px; background: white; border: 2px solid #474747; padding: 6px; }

div#howToTell { background: white; padding: 12px 24px; width: 650px; margin: 24px auto; border: 2px solid #474747; }

div#beforeAfterPhotos { float: left; }
div#beforeAfterPhotos div { width: 175px; margin-bottom: 12px; }

ol#alertSteps { float: left; width: 400px; margin-right: 25px; }


div#lightingCollections { margin: 0 25px 25px 25px; float: left; width: 400px; }
div.lightCollection { margin-bottom: 25px; }
div.lightCollection div { float: left; text-align: center; width: 160px; margin-right: 12px; }

div#secondColumn { float: left; width: 426px; }
div#lightingBrochure { background: white; width: 400px; padding: 12px; border: 1px solid #474747; }
div#lightingBrochureCopy { float: left; width: 200px; font-size: 1.1em; margin-right: 12px; }
body#lighting div#overviewFeatures { width: 228px; margin: 12px 0; padding: 0;  }
body#lighting div#overviewFeatures .feature { margin: 0; }

div.noResultsNote { color: white; width: 500px; padding: 10px 10px 10px 40px; background: #474747 url(/images/bg-alert.gif) no-repeat 10px 50%; margin: 5em auto 10em; }

div#addresses { margin-bottom: 1em; }
div#addresses div.adr { float: left; width: 300px; }

body#productRegistration div#contentBody { background: #474747; padding-top: 0; }

body#productRegistration #detailText { width: 455px; }
body#productRegistration div#formButtons { margin: 12px -8px -8px; }

div#sidebarMain { float: left; display: inline; margin-right: 16px; width: 203px; }
div#sidebarHowTo { background: black; border: 1px solid #999; width: 218px; float: left; display: inline; padding-bottom: 15px; }

div#sidebar div#sidebarHowTo ul { margin: 0 20px; }
div#sidebarHowTo p.viewAll { text-align: right; margin-right: 20px; line-height: 1; }
div#sidebarHowTo a.arrow { background: url(/images/link-arrow-small.gif) no-repeat right 3px; padding-right: 10px; }

ul#contentOptions ul.yesNo li.highlightProdId { font-size: 14px; margin-top: 2px; background: #ccc url(/images/spotlights/highlight-icon-id-faucet-light.gif) no-repeat 14px 45%; padding-left: 76px; color: black; }

/*
4.0 HEADINGS
------------------------------------------
*/

div#pageHeader h2 { width: 610px; font-size: 2.25em; }

h2#customerSupport { background: #474747 url(/images/customersupport/bg-customer-support.gif) no-repeat 15px 15px; height: 70px; padding: 0; border-bottom: 6px solid #000; }

ul#faq h3 { font-size: 1.1em; font-weight: normal; letter-spacing: 0.02em; background: #474747 url(/images/bg-toggle-small.gif) no-repeat scroll 6px -36px; color: white; padding: 5px 22px; cursor: pointer; }
ul#faq h3.expanded { background-position: 6px -3px; }


ul#contentOptions a.accHead { display: block; font-size: 1.1em; font-weight: normal; letter-spacing: 0.02em; background: #474747 url(/images/bg-toggle-small.gif) no-repeat scroll 6px -36px; color: white !important; padding: 5px 22px; text-decoration: none; }

body#warranty-home h3 { text-transform: uppercase; font-size: 1.5em; }

ul#contentOptions a.accActive { background-position: 5px -3px; }

ol#identifySteps h2 { font-size: 1.25em; font-weight: normal; margin-left: 7px; padding-left: 24px; background: transparent url(/images/bg-toggle-small.gif) no-repeat scroll 6px -7px; }
ol#identifySteps h3 { font-size: 1.1em; font-weight: normal; letter-spacing: 0.02em; background: #474747; color: white; padding: 5px 14px; }

div#sidebar h3 { margin-bottom: 12px; }

h3#productInfo { background: url(/images/customersupport/bg-product-info.gif) no-repeat; width: 155px; height: 11px; }
h3#howTo { background: url(/images/customersupport/bg-how-to.gif) no-repeat; width: 54px; height: 11px; }
h3#howToVideos { background: url(/images/customersupport/bg-how-to-videos.gif) no-repeat; height: 22px; border-bottom: 1px solid #333; padding-bottom: 8px; margin: 8px; }

div#contentBodyHeader h2 { margin-bottom: 6px; width: 450px; }

div#searchInfo h3 {  }

div#faqFooter h3#faq { background: url(/images/customersupport/bg-footer-faq.gif) no-repeat; width: 201px; height: 13px; margin-bottom: 12px; }

div#faqFooter h4 { margin-bottom: 6px; }

body.troubleshooting div#contentBody h3 { margin-bottom: 1em; font-size: 1.5em; }
div#contentBody ol#steps h3 { margin-bottom: 0.5em; font-size: 1.2em; }

div#solutions h4 { background: #474747; color: white; margin: -12px -20px 1em; font-size: 1.25em; padding: 6px; }

ol#solutionsList h5 { margin-bottom: 0.5em; }

h2#productName { width: 382px; padding-right: 150px; margin-bottom: 20px; }

div#pdfIntro h3 { margin-bottom: 0.75em; }

div#pdfView form#partSearch h3 { background: #474747; color: white; margin: -12px -12px 0.75em; padding: 2px 6px; }

div#installTools div h3 { background: #474747; color: white; padding: 2px 6px; margin: -6px -6px 10px; }
div#installTools div h4 { margin-bottom: 8px; line-height: 1; }
div#installTools div ul { margin-top: 0; }

ol#installationSteps h4 { background: #474747; color: white; padding: 3px 6px 2px; margin-bottom: 0.5em; font-size: 1.25em; }

div#howToTell h3 { background: #474747; color: white; padding: 3px 6px 4px; margin: -12px -24px 12px; }

div.noResultsNote h3 { font-size: 1.25em; }

div#detailText h2 { margin: 0.83em 0; }

form#registrationForm h3 { background: #eee; border-bottom: 1px solid #9e9e9e; color: black; padding: 5px 10px; margin-left: -12px; }

ul#faq li h4 { background: #eee; padding: 5px 5px 1px; font-size: 14px; margin: 25px 0 0; }

/*
5.0 BRANDING
------------------------------------------
*/

/*
6.0 LINKS
------------------------------------------
*/


ul.yesNo a { font-weight: bold; text-decoration: none; }
div#content div#contentBody ul.yesNo a:hover { text-decoration: underline; color: black; }

p.answerHelpful a,
p.stillNeedHelp a,
p.print a { text-decoration: none; }

div#content div#contentBody p.answerHelpful a:hover,
div#content div#contentBody p.stillNeedHelp a:hover,
div#content div#contentBody p.print a:hover { text-decoration: underline; color: black; }

div#sidebar ul a,
div#sidebarHowTo a.arrow { text-decoration: none; }
div#sidebar ul a:hover,
div#sidebarHowTo a.arrow:hover { text-decoration: underline; }
body.faq div#sidebar ul a { color: black; }
body.faq div#sidebar ul a:hover { text-decoration: underline; }

div#faqFooter li a { color: black; text-decoration: none; }
div#faqFooter li a:hover { text-decoration: underline; }

div.identifyChoice a { color: white !important; text-decoration: none; text-align: center; display: block; padding: 122px 3px 3px; width: 168px; background-color: #474747; background-repeat: no-repeat; background-position: 3px 3px; margin: 25px; }
div.identifyChoice a:hover { background-color: #ac0535; }
a#identifyChoiceKitchen { background-image: url(/images/customersupport/identify-choice-kitchen.jpg); }
a#identifyChoiceBath { background-image: url(/images/customersupport/identify-choice-bath.jpg); }
a#identifyChoiceFaucet { background-image: url(/images/customersupport/identify-choice-faucet.jpg); }
a#identifyChoiceAccessory { background-image: url(/images/customersupport/identify-choice-accessory.jpg); }
a#identifyChoiceSingleHandle { background-image: url(/images/customersupport/identify-choice-single-handle.jpg); }
a#identifyChoiceTwoHandle { background-image: url(/images/customersupport/identify-choice-two-handle.jpg); }

ul#contactMethods li#byContactForm a, ul#contactMethods li#byEmail a { font-weight: bold; }

/*div#contentBody div#diagram a { display: block; text-align: center; width: 115px; background: #ac0535; padding: 5px; color: white; text-decoration: none; font-weight: bold; margin: 0 auto; }*/
/*div#contentBody div#diagram a:hover { color: white; }*/

div#pdfDownloads div a { display: block; font-weight: bold; float: left; margin-left: -10px; margin-right: 12px; }
div#pdfDownloads div p a { float: none; margin-left: 0; margin-right: 0; }

a#emailLink { display: block; background: url(/images/customersupport/email-support-information.gif) no-repeat 0 0; width: 189px; height: 9px; }
a#emailLink:hover { background-position: 0 -13px; }

div#content p.downloadLink a { color: black; font-weight: bold; }

div#content div#productsWrapper div.noResultsNote a { color: white; }

a#registerLink { display: block; background: url(/images/customersupport/bg-supportlinks.gif) no-repeat; height: 15px; width: 193px; }
a#registerLink:hover { background-position: 0 -20px; }

a.arrowLink { background: url(/images/bg-toggle.gif) no-repeat right -36px; height: 17px; padding: 0 20px 0 0; display: inline-block; }

ul#contentOptions ul.yesNo li.highlightProdId a { text-decoration: underline; }
div#content div#contentBody ul#contentOptions ul.yesNo li.highlightProdId a:hover { color: #ac0535; }

/*
7.0 PARAGRAPHS
------------------------------------------
*/

ul#contentOptions p { margin-bottom: 0.25em; }

body#productRegistration p { margin-bottom: 0.75em; font-size: 1.2em; line-height: 1.35; }
body#productRegistration p.ratingNote { font-size: 0.9em; }

body#productRegistration form#regForm p { font-size: 1em; }

p.answerHelpful,
p.stillNeedHelp { float: left; background: transparent url(/images/bg-toggle.gif) no-repeat scroll right -39px; padding-right: 16px; margin-top: 20px; font-weight: bold; }
body.faq p.print { float: left; margin-top: 20px; }
body.faq p.print a { display: block; height: 0 !important; overflow: hidden; background: url(/images/mydelta/bg-mydelta-tools.gif) no-repeat; padding-top: 13px; font-weight: bold; width: 51px; }
body.faq p.print a:hover { background-position: 0 -21px; }

p.answerHelpful { margin-right: 50px; }
p.stillNeedHelp { margin-right: 80px; }

body.faq .finish-container p { display: inline-block; width: 600px; padding-left: 12px; }

div#searchInfo p { font-size: 1.1em; }

div#diagram p {  text-align: center; }

div#pdfDownloads div p { margin-bottom: 0; float: left; padding-top: 12px; }

p.catalogLink { position: absolute; top: 7px; right: 31px; }

div#pdfView form#partSearch p { margin: 0.5em 0; }

div#content p.downloadLink { margin-bottom: 6px; }

div#contentBody p#lightingIntro { margin-bottom: 25px; }

body.identify p.intro { margin-left: 12px; }

div#contentBody p.faqVideo { background: #eee; padding: 8px 12px; border: 1px solid #aaa; margin-bottom: 0; }


/*
8.0 BLOCKQUOTES AND CITATIONS
------------------------------------------
*/


/*
9.0 FORMS
------------------------------------------
*/

form#faqSearch { width: 323px; }
form label.block { font-weight: bold; display: block; margin-bottom: 6px; }
body#supportOverview form label.block { font-weight: normal; }

input#faqSearchBox, input#infoSearchBox, input#partSearchBox, input#partSearchBox1, input#partSearchBox2 { width: 169px; border: 1px solid #474747; }
#infoSubmit, #partSubmit { background: url(/images/bg-toggle.gif) no-repeat 0 -37px; border: none; width: 20px; height: 17px; cursor: pointer; }
form#partSearchAgain button { background: url(/images/bg-toggle.gif) no-repeat 0 -37px; border: none; width: 20px; height: 17px; cursor: pointer; text-indent: -1000em; overflow: hidden; }

form#faqSearch button, form.partSearch button { background: url(/images/bg-toggle.gif) no-repeat 0 -37px; border: none; width: 20px; height: 17px; cursor: pointer; text-indent: -1000em; overflow: hidden; }

form#partSearchAgain { float: left; padding-top: 7px; }
form#partSearchAgain label { font-weight: bold; }

div#pdfView form#partSearch { float: right; background: white; color: black; border: 3px solid #474747; padding: 12px; width: 312px; }
div#pdfView form#partSearch label { display: inline; font-size: 0.9em; }

body#productRegistration form#regForm { margin-top: 24px; background: #ccc; color: black; padding: 12px; }
body#productRegistration form#regForm input { width: 200px; }

form#registrationForm fieldset#productOwnerInfo { margin-top: 0; }

form#registrationForm fieldset { padding: 0 0 12px 12px; background: #ccc; }
dd.optionsList { margin: 0 0 0.25em 0.25em; }
dd.optionsList input { margin-right: 0.5em; }

fieldset dl.adjacentFields label { font-weight: bold; display: block; }

form#registrationForm input.text { width: 200px; }
form#registrationForm input#initial, form#registrationForm input#apt { width: 30px; }
form#registrationForm input#zip { width: 100px; }



/*
10.0 LISTS
------------------------------------------
*/

ul#contentOptions, ul#faq { margin: 0; padding: 0; list-style: none; border-bottom: 6px solid #000002; }
ul#contentOptions li { padding: 0; }
ul#faq li { margin-bottom: 6px; padding: 0; }
ul#contentOptions li.contentOption { border-bottom: 6px solid #000002; padding: 0; width: 467px; float: left; }
ul#faq li { background: #ccc; border: 3px solid #474747; position: relative; }
ul#faq li li { background: auto; border: none; margin-bottom: auto; }
ul#contentOptions li.last, ul#faq li.last { margin-bottom: 0; }

ul#literatureList { list-style: none; margin: 0; }
ul#literatureList li { float: left; display: inline; width: 150px; margin-right:10px; }
ul#literatureList li div.thumb { min-height: 165px; }

ul#literatureList li a:hover { text-decoration: underline; color: black; }
ul#literatureList li p a { background: url(/images/icons/pdf.gif) no-repeat left 4px; padding-left: 23px; display: block; }
ul#literatureList li h4 { min-height: 5.25em; font-size: 0.95em; margin: 5px 0 7px; padding-bottom: 5px; border-bottom: 1px solid #666;}
ul#literatureList li img { border: 1px solid white; }
ul#literatureList span.cta { display: block; }

div#content.supportMain #sidebar #howToNav { margin-bottom: 0; }

ul#contentOptions ul.yesNo { list-style: none; margin: 1em 0 0 0; }
ul#contentOptions ul.yesNo li { display: inline; margin-right: 25px; }
body#supportOverview ul#contentOptions ul.yesNo li { display: block; margin: 0 25px 20px 0; }
body#supportOverview ul#contentOptions ul.yesNo li.border { border: 1px solid #474747; padding: 10px; }

ol#identifySteps { list-style: none; margin-left: 0; padding-left: 0; }
ol#identifySteps li { margin-bottom: 20px; }

dl#contactMethods { width: 300px; float: right; }
dl#contactMethods dt { background: #474747; color: white; font-weight: bold; padding: 5px 7px; }
dl#contactMethods dd { list-style: none; border: 3px solid #474747; border-top: none; background: white; padding: 12px; margin-bottom: 20px; }

form#supportForm dl { margin-bottom: 20px; }
form#supportForm div#formButtons { margin: 0 -14px -14px; }

ul#contactMethods { margin: 0; padding: 0; }
ul#contactMethods li { width: 200px; margin: 0 30px 0 0; list-style: none; background: transparent; border: none; }
ul#contactMethods li#byContactForm { float: none; margin-right: 0; width: auto; margin-bottom: 1em; }
ul#contactMethods li#byEmail { float: left; }
ul#contactMethods li#bySnailMail { float: left; margin-right: 0; width: 170px; }


div#sidebar ul { margin: 0 0 20px 0; padding-left: 14px; }
div#sidebar li { margin-bottom: 0.25em; }

div#faqFooter ul { margin: 0 36px 0 0; padding: 0; width: 170px; list-style: none; }
div#faqFooter ul.last { margin-right: 0; }
div#faqFooter li { margin: 0 0 0.25em 0; }

ol#solutionsList { list-style: upper-alpha; color: #c00; font-size: 1.5em; }
ol#solutionsList li { margin-bottom: 1.5em; }
ol#solutionsList li * { color: black; font-size: 0.75em; position: relative; top: 4px; }
ol#solutionsList li ul { margin-top: 0; }
ol#solutionsList li ul li { font-size: 1em; margin-bottom: .25em; }

ol#steps { list-style: none; margin-left: 0; padding-left: 0; }

div#sidebar ul#trouleshootingSubnav { margin-top: 1em; }

dl#supportLinks { margin-bottom: 20px; }
dl#supportLinks dt { text-align: left; font-weight: normal; float: left; }
dl#supportLinks dd { font-weight: bold; }
dl#supportLinks >/**/ dd { float: left; clear: right; }

ol#installationSteps { clear: both; list-style: none; padding-left: 0; margin-left: 0; }
ol#installationSteps li { margin-bottom: 2em; }
ol#installationSteps li ul li { margin-bottom: auto; font-size: 1.1em; }

ol#alertSteps li { margin-bottom: 0.75em; }
ol#alertSteps ul li { margin-bottom: 0; }

div.lightCollection ul { float: left; width: 200px; list-style: none; margin: 0; padding: 0; }
div.lightCollection ul li { margin-bottom: 0.75em; }

form#registrationForm dt { font-weight: bold; font-size: 1em; margin: 1.5em 0 0.35em; }
form#registrationForm dd { margin-bottom: 0.75em; }

fieldset#productOwnerInfo dl,
dd#otherBrandsWrapper dl { float: left; display: inline; width: 40%; }
/*fieldset#productOwnerInfo dl#fullName { margin: 2em 0 0; }*/
fieldset#productOwnerInfo dl.adjacentFields { float: none; display: inline; width: 90%; }
fieldset#productOwnerInfo dl.adjacentFields dd { float: left; display: inline; margin: 1em 5px 0 0; }

fieldset#contactPrefs dl { margin-top: 1em; }

form#registrationForm ul { list-style: none; }


/*
11.0 TABLES
------------------------------------------
*/

colgroup.labels col { width: 250px; }
colgroup.tableContent col { width: 150px; }

/*
12.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/

div#mastheadBanner { width: 936px; height: 153px; border: 6px solid #474747; background: url(/images/customersupport/bg-overview-masthead.jpg) no-repeat; }

/* Accordion nav headings */
.accHead { cursor: pointer; }

ul#contactMethods em { display: block; margin-bottom: 0.25em; }

span.reference { font-weight: bold; font-size: 0.85em; }

.accessHelper { text-indent: -9999em; overflow: hidden; display: inline-block; height: 0; }
form .adjacent { float: left; }

form#registrationForm div.error { padding-left: 0; }

/*
13.0 IMAGES
------------------------------------------
*/

div#diagram img { border: 1px solid #474747; }
img#diagram1 { margin-right: 6px; }

ol#installationSteps img { display: block; }

div#beforeAfterPhotos div img { display: block; border: 1px solid #474747; }

div#lightingCollections img { border: 1px solid #474747; }

div#lightingBrochure img { float: left; }

/*
14.0 META
------------------------------------------
*/

/*
15.0 ACCESSIBILITY
------------------------------------------
*/

/*
16.0 PAGE SPECIFIC
------------------------------------------
*/