/*========================================================* * Orlando Health - Gift Registry * * Design, XHtml and Css by Brandon Kidd * *========================================================*/ /* Reset */ 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; } :focus{ outline: 0; } ins{ text-decoration: none; } del{ text-decoration: line-through; } table{ border-collapse: collapse; border-spacing: 0; } /* Styles */ body{ background: #fffeaf; color: #454545; font-family: Arial, Verdana, Sans-Serif; font-size: 63%; } #wrap{ background: transparent url(/ClientResources/GiftRegistry/Images/bg-wrap-int.gif) repeat-x center top; } #content-wrap{ width: 100%; background: transparent url(/ClientResources/GiftRegistry/Images/bg-contentwrap.png) no-repeat center bottom; padding: 0 0 20px; } #content{ width: 100%; background: transparent no-repeat center top; } .generic #content{ background-image: url(/ClientResources/GiftRegistry/Images/header-generic.jpg); } .dvdplayer #content{ background-image: url(/ClientResources/GiftRegistry/Images/header-dvdplayer.jpg); } .ivpole #content{ background-image: url(/ClientResources/GiftRegistry/Images/header-ivpole.jpg); } .wheelchair #content{ background-image: url(/ClientResources/GiftRegistry/Images/header-wheelchair.jpg); } .ultrasound #content{ background-image: url(/ClientResources/GiftRegistry/Images/header-ultrasound.jpg); } .cardiacbed #content{ background-image: url(/ClientResources/GiftRegistry/Images/header-cardiacbed.jpg); } .gamereadyunit #content{ background-image: url(/ClientResources/GiftRegistry/Images/header-gamereadyunit.jpg); } .bloodpressure #content{ background-image: url(/ClientResources/GiftRegistry/Images/header-bloodpressure.jpg); } .broselowcart #content{ background-image: url(/ClientResources/GiftRegistry/Images/header-broselowcart.jpg); } .incubator #content{ background-image: url(/ClientResources/GiftRegistry/Images/header-incubator.jpg); } .medsimulator #content{ background-image: url(/ClientResources/GiftRegistry/Images/header-medsimulator.jpg); } .treatmentroom #content{ background-image: url(/ClientResources/GiftRegistry/Images/header-treatmentroom.jpg); } .level3nicu #content{ background-image: url(/ClientResources/GiftRegistry/Images/header-level3nicu.jpg); } #main{ width: 930px; margin: 0 auto; overflow: hidden; } .clear{ clear: both; overflow: hidden; height: 0; font-size: 0; line-height: 0; } #main #back-nav{ overflow: hidden; width: 910px; margin: 5px 10px 0; } #main .btn-backhome{ float: right; display: inline; padding: 3px 5px; background: #ffffe2; border: solid 2px #fffeaf; color: #c30; font-size: 14px; font-weight: bold; line-height: 18px; text-decoration: none; z-index: 30; } #main .btn-landinghome{ float: right; display: inline; margin: 0 0 0 5px; padding: 3px 5px; background: #ffffe2; border: solid 2px #fffeaf; color: #c30; font-size: 14px; font-weight: bold; line-height: 18px; text-decoration: none; z-index: 30; } #main .btn-landinghome span, #main .btn-backhome span{ color : #ee8032; font-size: 11px; } #main .btn-landinghome:hover, #main .btn-backhome:hover{ background: #ee8032; border-color: #c30; color: #fff; } #main .btn-landinghome:hover span, #main .btn-backhome:hover span{ color: #fff; } /* Content Page Styles */ #item-description{ width: 350px; display: inline; float: left; font-size: 1.2em; line-height: 1.8em; margin: 266px 0 10px 15px; } #item-description h1{ font-size: 2em; font-family: Trebuchet MS, Arial, Verdana, Sans-Serif; font-weight: normal; line-height: 1.8em; } #item-description h2{ color: #ed6529; font-size: 1.8em; font-family: Trebuchet MS, Arial, Verdana, Sans-Serif; font-weight: normal; line-height: 1.8em; } #item-description p{ font-size: 1em; line-height: 1.8em; margin: 0 0 1em; text-align: justify; } /* Form Styles */ #registry-form{ width: 516px; background: #ffffe2; border: solid 2px #fffeaf; display: inline; float: right; margin: 6px 10px 10px 10px; padding: 10px; } #registry-form h1{ font-size: 3.6em; font-family: Trebuchet MS, Arial, Verdana, Sans-Serif; font-weight: normal; line-height: 1.5em; } #registry-form h2{ color: #ed6529; font-size: 2.4em; font-family: Trebuchet MS, Arial, Verdana, Sans-Serif; font-weight: normal; line-height: 1.5em; } #registry-form p.intro{ font-size: 1.3em; line-height: 1.5em; text-align: justify; } #registry-form .registry-donations, #registry-form .registry-paymentinfo, #registry-form .registry-birthdaygreeting, #registry-form .registry-peronalinfo, #registry-form .registry-contactoptions, #registry-form .commandrow{ border-top: solid 2px #fed4ad; padding: 10px 0 0; } #registry-form .registry-donations .column-item, #registry-form .registry-donations .column-price, #registry-form .registry-donations .column-donation{ font-size: 1.5em; line-height: 1.25em; } #registry-form .registry-donations .column-item{ width: 220px; } #registry-form .registry-donations .column-price{ width: 90px; } #registry-form .registry-donations input{ border: solid 1px #fed4ad; margin: 0 0 5px; } #registry-form .registry-donations .donation-total{ height: 1.5em; background: #ed6529; color: #fff; font-size: 1.3em; font-weight: bold; line-height: 1.5em; overflow: hidden; padding: 5px; } #registry-form .registry-donations .donation-total strong{ display: inline; float: left; } #registry-form .registry-donations .donation-total span{ display: inline; float: right; } #registry-form .field{ display: inline; float: left; margin: 0 12px 12px 0; } #registry-form .field label{ display: inline; float: left; } #registry-form .field label.heading{ font-size: 1.2em; font-weight: bold; line-height: 1.5em; margin: 0 0 0.75em; } #registry-form .field input{ display: inline; float: left; } #registry-form .field select{ display: inline; float: left; } #registry-form .field textarea{ font-size: 1.2em; font-family: Arial, Verdana, Sans-Serif; line-height: 1.25em; } #registry-form .field .checkbox{ display: inline; float: left; } #registry-form .field .checkbox label{ font-size: 1.2em; font-style: italic; line-height: 1.5em; margin: 0 0 0 0.5em; } #registry-form .field .radiobuttonlist{ display: inline; float: left; } #registry-form .field table.radiobuttonlist tbody tr td label{ font-size: 1.2em; font-style: italic; line-height: 1.5em; margin: 0 0 0.5em 0.5em; } #registry-form .registry-paymentinfo .mailcheck, #registry-form .registry-paymentinfo .paybycc{ background: #fff; border: solid 2px #fffeaf; padding: 10px; } #registry-form .registry-paymentinfo .mailcheck h4{ color: #ed6529; font-family: Trebuchet MS, Arial, Verdana, Sans-Serif; font-size: 1.6em; font-style: italic; font-weight: normal; line-height: 1.5em; } #registry-form .registry-paymentinfo .mailcheck address{ border-left: solid 4px #ddd; font-size: 1.2em; font-style: normal; line-height: 1.5em; padding: 0 0 0 .75em; } #registry-form .registry-paymentinfo .authorizepayment{ width: 470px; background: #ed6529; color: #fff; font-weight: bold; padding: 5px; } #registry-form .registry-paymentinfo .authorizepayment input{ margin: 12px 3px 0 6px; } #registry-form .registry-paymentinfo .authorizepayment label{ width: 436px; float: right; text-align: left; } #registry-form .commandrow{ width: 100%; font-family: Trebuchet MS, Arial, Verdana, Sans-Serif; font-size: 1.3em; font-style: italic; line-height: 1.5em; margin: 0 0 12px; } #registry-form .commandrow .btn-makedonation{ width: 102px; height: 24px; background: transparent url(/ClientResources/GiftRegistry/Images/btn-makedonation.gif) no-repeat center top; display: inline; float: left; margin: 0 8px 0 0; overflow: hidden; text-indent: -999999em; } #registry-form .commandrow .btn-makedonation:hover{ background-position: center bottom; } #registry-form .commandrow .btn-cancel{ color: #ed6529; font-style: normal; } #registry-form .commandrow .btn-cancel:hover{ color: #454545; text-decoration: none; } #registry-form .error_MessagePanel{ background: #ffe9e9; border: solid 2px #fcc; color: #933; margin: 0 0 10px; padding: 5px; } #registry-form .error_MessagePanel h2{ background: #933; color: #fff; font-size: 1.6em; font-style: italic; margin: 0 0 5px; padding: 5px 10px; } #registry-form .error_MessagePanel ul{ margin: 5px 0 0 10px; } #registry-form .error_MessagePanel ul li{ color: #933 !important; font-size: 1.2em; line-height: 2em; list-style: none inside; } #registry-form p.additionalinfo{ font-size: 1.2em; font-weight: bold; line-height: 1.5em; margin: 0 0 1.5em; } #registry-form p.disclaimer{ color: #757575; font-size: 1.0em; line-height: 1.25em; margin: 0; text-align: justify; } #registry-form .registry-thankyou{ } #registry-form .registry-thankyou p{ font-size: 1.3em; line-height: 1.3em; margin: 0 0 1.3em; } /* Children Stories */ #children-stories{ width: 904px; height: 175px; margin: 13px auto 0; padding: 0 13px; } #children-stories li{ display: inline; } #children-stories li a{ width: 170px; height: 45px; background: transparent no-repeat center top; color: #666; display: inline; float: left; font-size: 1.1em; line-height: 1.45em; margin: 0 13px; padding: 130px 15px 0; text-decoration: none; } #children-stories li a:hover, #children-stories li a:focus{ color: #ed6529; } #children-stories li.story-bailey a{ background-image: url(/ClientResources/GiftRegistry/Images/story-bailey.jpg); } #children-stories li.story-kyle a{ background-image: url(/ClientResources/GiftRegistry/Images/story-kyle.jpg); } #children-stories li.story-sebastian a{ background-image: url(/ClientResources/GiftRegistry/Images/story-sebastian.jpg); } #children-stories li.story-timothy a{ background-image: url(/ClientResources/GiftRegistry/Images/story-timothy.jpg); } /* Logos */ #logos{ width: 930px; height: 100px; margin: 0 auto; padding: 0; } #logos li{ display: inline; } #logos li a{ background: transparent no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; } #logos li.aph a{ width: 183px; height: 66px; background-image: url(/ClientResources/GiftRegistry/Images/logo-aph.gif); margin: 11px 0 0 26px; } #logos li.caring20years a{ width: 68px; height: 51px; background-image: url(/ClientResources/GiftRegistry/Images/logo-20yearslug.gif); margin: 18px 0 0 222px; } #logos li.wph a{ width: 177px; height: 69px; background-image: url(/ClientResources/GiftRegistry/Images/logo-wph.gif); margin: 6px 0 0 228px; }