#obs-wrap { width: 610px; padding: 20px 25px; background: #FFF; position: absolute; z-index: 1000; min-height: 525px; }
.stage-1, .stage-2, .stage-3, .stage-4 { position: relative; }
#obs-wrap .no-results { min-height: 200px; }

p.small-text { font-size: 10px; line-height: 12px; }

/* Masthead */
#obs-wrap h1 { width: 204px; height: 90px; float: right; background: url(/images-2008/obs/logo.gif) top left no-repeat; margin-top: -5px; }
#obs-wrap h1 a { width: 204px; height: 90px; display: block; text-indent: -9999px; }

/* Stage numbers */
#obs-wrap .stages { position: relative; width: 370px; height: 37px; margin: -1px 0 0 -3px; }
#obs-wrap .stages li { float: left; }
#obs-wrap .stages span { background-image: url(/images-2008/obs/stage-numbers.gif); display: block; position: absolute; top: 0; left: 0; width: 100%; height: 37px; }
.stage-1 .one, .stage-2 .two, .stage-3 .three { font-weight: bold; }
.stage-1 .stages span { background-position: 0 -1px; }
.stage-2 .stages span { background-position: 0 -38px; }
.stage-3 .stages span { background-position: 0 -75px; }
.stage-4 .stages span { background-position: 0 -112px; } 

/* Generic content */
#obs-wrap .obs-main-content { width: 366px; margin: 15px 0 0 0; padding: 0 0 50px; position: relative; float: left; }
#obs-wrap h2 { font-size: 21px; font-weight: bold; line-height: 24px; color: #00ACA7; margin: 0 0 10px 0; }
#obs-wrap h3 { font-size: 14px; font-weight: bold; line-height: 17px; color: #004FA2; margin: 0 0 13px 0; }
#obs-wrap p { font-size: 12px; line-height: 17px; color: #333; margin: 0 0 15px 0; }
.content-one h2, .content-one h3, .content-one p { text-align: left; }
#obs-wrap p a { color: #004FA2; }
#obs-wrap p a:visited { color: #A7A9AC; }
#obs-wrap p a:hover { background: #E6F7F6; }
#obs-wrap strong { font-weight: bold; }
#obs-wrap blockquote { width: 201px; margin: 5px 0 10px 0; float: right; background: #E6F7F6 url(/images-2008/blockquote-close.gif) right bottom no-repeat; }
#obs-wrap blockquote p { color: #004FA2; font-size: 14px; font-style: italic; font-weight: bold; line-height: 17px; text-align: center;padding: 20px 25px 0; background: url(/images-2008/blockquote-open.gif) top left no-repeat; }
#obs-wrap blockquote cite { font-size: 11px; font-style: normal; color: #004FA2; text-align: center; margin: 0 35px 20px; display: block; }
#obs-wrap .footer { width: 366px; text-align: center; color: #A7A9AC; }
#obs-wrap .footer span { color: #000; }

.information td, .content-three h2, .content-three p { text-align: left; }

#obs-wrap ul li { list-style: none; }
#obs-wrap ul { margin: 0; padding: 0; }
#obs-wrap ul.lenses li { list-style: none; margin: 0 0 0 0; width: 70px; }
#obs-wrap ul.lenses li.link { width: 150px; }

/* Submit buttons */
#obs-wrap .submit { height: 25px; margin: 0 0 10px; border: none; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-align: left; }
#obs-wrap .previous { position: absolute; bottom: 0; left: 0; width: 93px; padding-left: 15px; z-index: 10; }
#obs-wrap .next { position: absolute; bottom: 0; right: 0; width: 66px; z-index: 11; }
#obs-wrap input.book { position: absolute; bottom: 0; right: 0; width: 137px; z-index: 11; }

/* Booking info */
#obs-wrap .booking-info { width: 169px; float: right; border: 2px solid #7FD5D3; padding: 22px 14px 14px; }
#obs-wrap .booking-info h3 { padding: 0 0 0 17px; background: url(/images-2008/arrow-right.gif) 0 3px no-repeat; text-align: left; }
#obs-wrap .booking-info p { padding: 0 0 0 17px; color: #A7A9AC; text-align: left; }

#obs-wrap .booking-info .clinic-info { position: relative; margin-bottom: 15px; }
#obs-wrap .booking-info img { border: 0; margin: 0 0 7px 17px; }
#obs-wrap .booking-info h4 { font-size: 14px; font-weight: bold; line-height: 17px; color: #004FA2; margin: 0 0 0 17px; text-align: left; }
#obs-wrap .booking-info p { margin-bottom: 0; color: #333; }
#obs-wrap .booking-info .button { display: block; width: 13px; height: 10px; overflow: hidden; text-indent: -9999px; }
#obs-wrap .booking-info .previous-clinic { position: absolute; top: 108px; left: 0 !important; left: -20px; background: url(/images-2008/arrow-left.gif) top left no-repeat; }
#obs-wrap .booking-info .next-clinic { position: absolute; top: 108px; right: 0 !important; right: 20px; background: url(/images-2008/arrow-right.gif) top left no-repeat; }

#obs-wrap .promo { margin-top: 10px; background: url(/images-2008/obs/promo-bg.gif) bottom left no-repeat; border: 2px solid #D3D4D6; padding-top: 2px; }
#obs-wrap .promo p { color: #004FA2; margin: 0 0 0 5px; padding: 0; }
#obs-wrap .promo .offer { font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 5px 0 2px 65px; }
#obs-wrap .promo span { height: 1px; text-indent: -9999px; display: block; }
#obs-wrap .promo .terms { color: #004FA2; font-size: 10px; display: block; text-align: right; margin: 0 10px 10px 0; }

#obs-wrap #obs-close { position: absolute; top: -20px; right: 0; background: #FFF; padding: 4px; }
#obs-wrap #obs-close a { color: #000; font-weight: bold; text-decoration: none; }

#early-exit { padding: 20px 20px 0 20px; text-align: center; }
#early-exit h3 { font-size: 20px; line-height: 23px; color: #00ACA7; margin: 0 0 16px; }
#early-exit h4 { font-size: 30px; color: #E4083B; }
#early-exit h4 span { display: block; font-size: 65px; font-weight: bold; }
#early-exit p { margin: 0 0; }
#early-exit p .tel { font-weight: bold; color: #E4083B; }
#early-exit ul { margin: 30px 0 0 0; }
#early-exit li { float: left; }
#early-exit li.email { margin: 0 5px; }
#early-exit li a { width: 122px; height: 56px; text-indent: -9999px; display: block; background: url(/images-2008/obs/exit-navigation.gif) no-repeat; }
#early-exit li a.call-back { background-position: 0 0; }
#early-exit li a.call-back:hover { background-position: 0 -57px; }
#early-exit li.email a { background-position: -135px 0; }
#early-exit li.email a:hover { background-position: -135px -57px; }
#early-exit li a.return { background-position: -270px 0; }
#early-exit li a.return:hover { background-position: -270px -57px; }