/*========================================================* * 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.gif) repeat-x center top; } #header-wrap{ width: 100%; height: 530px; background: transparent url(/ClientResources/GiftRegistry/Images/bg-headerwrap.jpg) no-repeat center top; } #content-wrap{ width: 100%; background: transparent url(/ClientResources/GiftRegistry/Images/bg-contentwrap.png) no-repeat center bottom; padding: 5px 0 20px; } .clear{ clear: both; overflow: hidden; height: 0; font-size: 0; line-height: 0; } /* Header */ #header{ width: 960px; height: 530px; position: relative; margin: 0 auto; } #header .btn-landinghome{ position: absolute; left: 640px; top: 5px; background: #ffffe2; border: solid 2px #fffeaf; color: #c30; display: block; font-size: 14px; font-weight: bold; line-height: 18px; padding: 3px 5px; text-decoration: none; z-index: 30; } #header .btn-landinghome span{ color : #ee8032; font-size: 11px; } #header .btn-landinghome:hover{ background: #ee8032; border-color: #c30; color: #fff; } #header .btn-landinghome:hover span{ color: #fff; } #header #marquee{ width: 920px; height: 380px; margin: 0 20px 50px; overflow: hidden; } #header .ribbon{ width: 930px; height: 50px; position: absolute; left: 15px; top: 380px; background: transparent url(/ClientResources/GiftRegistry/Images/bg-ribbon.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -999999em; z-index: 20; } #header .ribbon:hover{ background-position: center bottom; } #header .present{ width: 76px; height: 83px; position: absolute; left: 810px; top: 360px; background: transparent url(/ClientResources/GiftRegistry/Images/present.png) no-repeat center top; overflow: hidden; text-indent: -999999em; z-index: 21; } #header #itemlist{ width: 925px; height: 100px; position: relative; margin: 0 20px 0 15px; overflow: hidden; } #header a.items-next, #header a.items-back{ width: 17px; height: 40px; position: absolute; top: 455px; background: transparent no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; } #header a.items-next:hover, #header a.items-back:hover{ background-position: center bottom; cursor: pointer; } #header a.items-next{ right: -2px; background-image: url(/ClientResources/GiftRegistry/Images/btn-itemsnext.gif); } #header a.items-back{ left: -2px; background-image: url(/ClientResources/GiftRegistry/Images/btn-itemsback.gif); } #header #itemlist ul.items{ width: 200000em; position: absolute; } #header #itemlist ul.items li{ display: inline; float: left; } #header #itemlist ul.items li a{ width: 180px; height: 100px; background: transparent no-repeat center top; cursor: pointer; display: inline; float: left; overflow: hidden; text-indent: -99999em; margin: 0 0 0 5px; } #header #itemlist ul.items li.item-dvdplayer a{ background-image: url(/ClientResources/GiftRegistry/Images/item-dvdplayer.jpg); } #header #itemlist ul.items li.item-ivpole a{ background-image: url(/ClientResources/GiftRegistry/Images/item-ivpole.jpg); } #header #itemlist ul.items li.item-wheelchair a{ background-image: url(/ClientResources/GiftRegistry/Images/item-wheelchair.jpg); } #header #itemlist ul.items li.item-ultrasound a{ background-image: url(/ClientResources/GiftRegistry/Images/item-ultrasound.jpg); } #header #itemlist ul.items li.item-cardiacbed a{ background-image: url(/ClientResources/GiftRegistry/Images/item-cardiacbed.jpg); } #header #itemlist ul.items li.item-gamereadyunit a{ background-image: url(/ClientResources/GiftRegistry/Images/item-gamereadyunit.jpg); } #header #itemlist ul.items li.item-bloodpressure a{ background-image: url(/ClientResources/GiftRegistry/Images/item-bloodpressure.jpg); } #header #itemlist ul.items li.item-broselowcart a{ background-image: url(/ClientResources/GiftRegistry/Images/item-broselowcart.jpg); } #header #itemlist ul.items li.item-incubator a{ background-image: url(/ClientResources/GiftRegistry/Images/item-incubator.jpg); } #header #itemlist ul.items li.item-iroundsoftware a{ background-image: url(/ClientResources/GiftRegistry/Images/item-iroundsoftware.jpg); } #header #itemlist ul.items li.item-medsimulator a{ background-image: url(/ClientResources/GiftRegistry/Images/item-medsimulator.jpg); } #header #itemlist ul.items li.item-treatmentroom a{ background-image: url(/ClientResources/GiftRegistry/Images/item-treatmentroom.jpg); } #header #itemlist ul.items li.item-level3nicu a{ background-image: url(/ClientResources/GiftRegistry/Images/item-level3nicu.jpg); } #header #itemlist ul.items li.item-leavealegacy a{ background-image: url(/ClientResources/GiftRegistry/Images/item-leavealegacy.jpg); } #header #itemlist ul.items li a:hover{ height: 90px; border-bottom: solid 5px; margin: 0 0 5px 5px; } #header #itemlist ul.items li.orange a:hover{ border-color: #ee8032; } #header #itemlist ul.items li.pink a:hover{ border-color: #ce2876; } #header #itemlist ul.items li.purple a:hover{ border-color: #8f2ad6; } #header #itemlist ul.items li.blue a:hover{ border-color: #2165c2; } #header #itemlist ul.items li.green a:hover{ border-color: #329f24; } #header #itemlist ul.items li.selected a, #header #itemlist ul.items li.selected a:hover{ height: 100px; background-position: center bottom; border: 0 none; margin: 0 0 0 5px; } #header #itemdetails{ width: 920px; height: 380px; position: absolute; left: 20px; top: 0px; overflow: hidden; z-index: 10; } #header #itemdetails .item{ width: 920px; height: 380px; position: absolute; left: 0; top: 380px; background: transparent no-repeat center top; } #header #itemdetails .item h2{ display: inline; float: left; overflow: hidden; text-indent: -999999em; } #header #itemdetails .item .info{ width: 420px; height: 165px; position: absolute; left: 465px; top: 162px; overflow: auto; padding: 0 10px 0 0; z-index: 11; } #header #itemdetails .item .info p{ color: #666; font-size: 1.2em; line-height: 1.75em; margin: 0 0 1em; text-align: justify; } #header #itemdetails .item .info a{ color: #ed6529; } #header #itemdetails .item .info a:hover{ color: #666; text-decoration: none; } #header #itemdetails .item .item-buttons{ position: absolute; left: 465px; top: 339px; } #header #itemdetails .item .item-buttons a{ width: 82px; height: 24px; background: transparent no-repeat center top; display: inline; float: left; margin: 0 8px 0 0; overflow: hidden; text-indent: -99999em; } #header #itemdetails .item .item-buttons a:hover{ background-position: center bottom; } #header #itemdetails .item .item-buttons a.btn-givegift{ background-image: url(/ClientResources/GiftRegistry/Images/btn-givegift.gif); } #header #itemdetails .item .item-buttons a.btn-sharegift{ width: 102px; background-image: url(/ClientResources/GiftRegistry/Images/btn-sharegift.gif); } #header #itemdetails .item .item-buttons a.btn-learnmore{ background-image: url(/ClientResources/GiftRegistry/Images/btn-learnmore.gif); } #header #itemdetails .itemmq-dvdplayer{ background-image: url(/ClientResources/GiftRegistry/Images/itemmq-dvdplayer.jpg); } #header #itemdetails .itemmq-ivpole{ background-image: url(/ClientResources/GiftRegistry/Images/itemmq-ivpole.jpg); } #header #itemdetails .itemmq-wheelchair{ background-image: url(/ClientResources/GiftRegistry/Images/itemmq-wheelchair.jpg); } #header #itemdetails .itemmq-ultrasound{ background-image: url(/ClientResources/GiftRegistry/Images/itemmq-ultrasound.jpg); } #header #itemdetails .itemmq-cardiacbed{ background-image: url(/ClientResources/GiftRegistry/Images/itemmq-cardiacbed.jpg); } #header #itemdetails .itemmq-gamereadyunit{ background-image: url(/ClientResources/GiftRegistry/Images/itemmq-gamereadyunit.jpg); } #header #itemdetails .itemmq-bloodpressure{ background-image: url(/ClientResources/GiftRegistry/Images/itemmq-bloodpressure.jpg); } #header #itemdetails .itemmq-broselowcart{ background-image: url(/ClientResources/GiftRegistry/Images/itemmq-broselowcart.jpg); } #header #itemdetails .itemmq-incubator{ background-image: url(/ClientResources/GiftRegistry/Images/itemmq-incubator.jpg); } #header #itemdetails .itemmq-medsimulator{ background-image: url(/ClientResources/GiftRegistry/Images/itemmq-medsimulator.jpg); } #header #itemdetails .itemmq-treatmentroom{ background-image: url(/ClientResources/GiftRegistry/Images/itemmq-treatmentroom.jpg); } #header #itemdetails .itemmq-level3nicu{ background-image: url(/ClientResources/GiftRegistry/Images/itemmq-level3nicu.jpg); } #header #itemdetails .itemmq-leavealegacy{ background-image: url(/ClientResources/GiftRegistry/Images/itemmq-leavealegacy.jpg); } #header #itemdetails .selected{ top: 0; } /* Content */ #content{ width: 890px; margin: 0 auto; } #content h1{ font-size: 3.6em; font-family: Trebuchet MS, Arial, Verdana, Sans-Serif; line-height: 1.5em; } #content h2{ border-bottom: solid 2px #fed4ad; color: #ed6529; font-family: Trebuchet MS, Arial, Verdana, Sans-Serif; font-size: 2.4em; font-style: italic; font-weight: normal; line-height: 1.5em; margin: 0 0 0.5em; } #content p{ font-size: 1.3em; line-height: 1.75em; margin: 0 0 1em; text-align: justify; } #content a{ color: #ed6529; } #content a:hover{ color: #454545; text-decoration: none; } #content .btn-back{ width: 58px; height: 24px; background: transparent url(/ClientResources/GiftRegistry/Images/btn-back.gif) no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; } #content .btn-back:hover{ background-position: center bottom; } /* 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; }