@import url(reset.css);

strong { font-weight: bold; }
.clear-both { clear: both; }

body { background: url(/images/body-bg.gif) top center repeat-x; /*background: url(/images/temp/baseline.gif) top center;*/ font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-size: 75%; min-width: 999px; }

/*
#top-stripe { background: url(/images/top-stripe-bg.gif) top left repeat-x; height: 46px; text-align: center; }
*/
#top-stripe-wrap { background: #2FC9C8 url(http://www.ultralase.com/images/MyUL/top-stripe-bg.gif) left top repeat-x; left: center; position: absolute; top: 0; width: 800px; z-index: 801; }
#top-stripe { margin: 0 auto; min-height: 36px; overflow: hidden; padding: 0 0 10px 0; position: relative; width: 800px; }
#top-stripe .logo { background: url(http://www.ultralase.com/images/MyUL/logo.gif) top left no-repeat; height: 26px; left: 10px; position: absolute; text-indent: -9999px; top: 10px; width: 130px; }
#top-stripe .logo a { display: block; height: 26px; width: 130px; }
.what-link { color: #000; font-size: 10px; left: 145px; position: absolute; top: 20px; }
#top-stripe .site-problem { color: #000; font-size: 10px; left: 215px; position: absolute; top: 20px; }
#top-stripe-login-form { float: right; }
#top-stripe-login-form input { border: 1px solid #D3D4D6; display: block; float: left; margin-top: 9px; margin-left: 13px; padding: 3px 4px; width: 127px; }
#top-stripe-login-form .login { background: url(http://www.ultralase.com/images/MyUL/top-stripe-login-button.gif) top left; border: 0; color: #FFF; display: block; float: left; font-size: 11px; font-weight: bold; height: 25px; margin: 7px 13px 0; padding: 0 0 2px; text-align: center; width: 126px; }
#top-stripe-logout .login { background: url(http://www.ultralase.com/images/MyUL/top-stripe-login-button.gif) top left; border: 0; color: #FFF; display: block; float: right; font-size: 11px; font-weight: bold; height: 25px; margin: 7px 13px 0; padding: 0; text-transform: uppercase; text-align: center; width: 126px; }
#top-stripe-logout-button { background: url(http://www.ultralase.com/images/MyUL/top-stripe-logout-button.gif) top left; border: 0; color: #FFF; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; float: right; height: 19px; margin: 7px 13px 0; padding: 4px 0 2px; text-decoration: none; text-transform: capitalize; text-align: center; width: 79px; }
#top-stripe .welcome { color: #000; font-size: 11px; left: 135px; position: absolute; top: 20px; }
#top-stripe .welcome a { color: inherit; }


#lightbox-shade{opacity:0.5;filter:alpha(opacity=50);position:fixed;width:100%;top:0;left:0;z-index:700;background:#000000}


#lightbox {
width: 389px;
position: absolute;
top:100px;
z-index: 800;
display: block;
background: #FFF;
}

/* Interstitial pages */
.interstitial { background: #FFF; margin: 0 auto; padding: 13px 0; position: relative; width: 389px; }
.interstitial h2 { color: #004FA2; font-size: 14px; font-weight: bold; margin: 0 13px 13px; }
.interstitial p { font-size: 11px; line-height: 15px; margin: 13px; }
.interstitial a { color: #11539F; }
.interstitial .close a { background: #FFF url(/images/MyUL/close-bg.gif) left bottom repeat-x; color: #000; display: block; font-size: 11px; padding: 6px 9px; position: absolute; right: 0; text-decoration: none; top: -27px; }
.interstitial table { font-size: 11px; margin: 13px; }
.interstitial input { border: 1px solid #808080; margin: 0 13px 3px; width: 128px; }
.interstitial .submit { background: url(http://www.ultralase.com/images/MyUL/button-small-blue.gif) top left; border: 0; color: #FFF; display: block; font-size: 11px !important; font-size: 10px; font-weight: bold; float: right; height: 23px; margin: 0 13px 0; padding-bottom: 2px; padding-right: 10px; text-transform: uppercase; text-align: center; width: 81px; }

#page-wrap { background: #FFF; margin: 0 auto; padding-top: 45px; width: 800px; }

/* =Masthead */
#masthead { background: url(/images/masthead-bg.gif) right top no-repeat; position: relative; }
h1 { padding: 49px 0 40px 0; }
#masthead p { position: absolute; left: 610px; top: 63px; }
#masthead p a { color: #004FA2; font-size: 11px; }
#masthead p a:hover { color: #000; text-decoration: underline; }
#primary-navigation { position: relative; }
#primary-navigation li { position: relative; float: left; margin: 0 -14px 20px 0; }
#primary-navigation a { font-size: 11px; font-weight: bold; color: #004FA2; text-decoration: none; height: 22px; padding: 9px 0 0 21px; display: block; background: url(http://www.ultralase.com/images-2008/nav-bg.gif) right 0 no-repeat; }
#primary-navigation .selected { color: #FFF; background: url(http://www.ultralase.com/images-2008/nav-bg.gif) right -31px no-repeat; }
#primary-navigation a:hover { font-size: 12px; color: #FFF; background: url(http://www.ultralase.com/images-2008/nav-bg.gif) right -62px no-repeat; }
#primary-navigation .home { width: 85px; z-index: 55; }
#primary-navigation .advanced-search { width: 138px; z-index: 52; }
#primary-navigation .laser-eye-forum { width: 138px; z-index: 50; }
#primary-navigation .laser-eye-blog { width: 135px; z-index: 45; }
/*#primary-navigation .laser-eye-blog { width: 125px; z-index: 45; }*/
#primary-navigation .request-a-brochure { width: 148px; z-index: 40; }
#primary-navigation .book-a-consultation { width: 150px; z-index: 35; }

#main-content .error { color: #FF1414; font-weight: bold; margin-bottom: 15px; }
#main-content { clear: both; }
.submit { border: 0; color: #FFF; font-size: 12px; text-align: left; text-transform: uppercase; }
.content-boxes { border: 1px solid #B6B6B6; overflow: hidden; }
.content-boxes h2 { background: #4079B9 url(/images/content-header-bg.gif) left top repeat-x; border-bottom: 1px solid #B6B6B6; color: #FFF; font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; padding: 5px; }
.content-boxes p { color: #184095; font-size: 12px; line-height: 18px; padding: 0 15px; }
#simple-search { float: left; margin: 0 0 10px; width: 567px; }
#simple-search p.intro { border-bottom: 1px solid #E6F1F8; color: #000; font-weight: bold; margin: 0 0 20px; padding: 10px 17px; }
#simple-search label { left: -9999px; position: absolute; top: 0; }
#simple-search select { display: block; margin: 15px 0; width: 229px; }
#simple-search .vision-type { margin-left: 15px; }
#simple-search .search { background: url(/images/button-search.gif) top left no-repeat; display: block; float: left; height: 23px; margin: 5px 15px 20px; width: 72px; }
#simple-search .advanced-search { float: left; padding: 7px 10px 0; }
#simple-search .advanced-search a { background: url(/images/icon-advanced-search.gif) right center no-repeat; color: #000; padding: 0 20px 0 0; }

#testimonial { border: 2px solid #B3CBE4; float: right; margin: 0 0 10px; padding: 12px 0 0; width: 218px; }
#testimonial h5 { font-size: 14px; line-height: 17px; font-weight: bold; color: #004FA2; padding: 3px 8px; margin: 0 10px 10px; }
#testimonial h5 span { display: block; color: #00ACA7; }
#testimonial #patient-quote { background: url(http://www.ultralase.com/images-2008/testimonial-bg.gif) left bottom repeat-x; overflow: hidden; position: relative; }
#testimonial blockquote { background: url(http://www.ultralase.com/images-2008/testimonial-top-bg.gif) top left no-repeat; margin-bottom: 22px; padding: 10px 5px 0 20px; }
#testimonial p { background: url(http://www.ultralase.com/images-2008/quote-close.gif) 99% 95% no-repeat; color: #3C7ABF; display: inline; font-family: "Trebuchet MS"; font-size: 12px; line-height: 15px; padding: 0 20px 0 0; margin: 0; }
#testimonial blockquote a { color: #2A68AF; font-size: 10px; }
#testimonial #patient-details { height: 90px; padding: 0 20px 20px; position: relative; }
#testimonial #patient-info p { color: #3B3B3B; font-size: 11px; line-height: 15px; display: block; padding: 0; background: none; }
#testimonial #patient-info cite { font-size: 11px; line-height: 15px; font-weight: bold; padding: 0; display: block; }
#testimonial .photo { background: url(http://www.ultralase.com/images-2008/testimonial-img-bg.gif) top left no-repeat; display: block; left: 20px; padding: 7px 7px 17px; position: absolute; top: 0; }
#testimonial #patient-info { position: absolute; right: 20px; top: 0; width: 86px; }

#videos { clear: both; height: 440px; padding-bottom: 15px; }
#main-video { display: inline; float: left; margin: 0 15px 0 0; width: 443px; }
#videos h4 { font-size: 16px; font-weight: bold; margin: 20px 15px 10px 15px; }
#videos object { margin: 15px; }
#related-videos { float: right; margin: 0 15px 0 0; width: 300px; }
#related-videos h5 { background: url(/images/icon-related-videos.gif) left center no-repeat; font-size: 14px; font-weight: bold; margin: 20px 0 11px; padding-left: 23px; }
#video-selections { border: 1px solid #D5D5D5; height: 343px; overflow: auto; padding: 8px 7px; }
.related-video { height: 67px; }
.related-video a { color: #1551D3; font-weight: bold; padding: 0; text-decoration: none; }
.related-video a:hover { text-decoration: underline; }
.related-video img { border: 1px solid #A9A9A9; float: left; margin: 0 9px 0 0; padding: 1px; }
.back { clear: left; }
.back, .change-search { float: left; margin: 0; }
.back a, .change-search a { background: url(/images/icon-back-arrow.gif) left center no-repeat; color: #000; font-size: 12px; padding-left: 20px; }
.forward { float: right; margin: 10px 0 0; }
.forward a { background: url(/images/icon-forward-arrow.gif) right center no-repeat; color: #000; font-size: 12px; padding-right: 20px; }

/* Advanced search page */
#advanced-page #main-content p.intro { border-bottom: 1px solid #E6F1F8; color: #000; float: none; font-size: 11px; margin: 0; padding: 10px 17px; width: 100%; }
#advanced-page #main-content .error { color: #FF1414; font-weight: bold; margin-bottom: 15px; width: 100%; }
#advanced-page .content-boxes { margin-bottom: 5px; }
#advanced-page h3 { font-size: 14px; line-height: 17px; font-weight: bold; color: #004FA2; padding: 3px 8px; margin: 10px; }
#advanced-page #main-content p { clear: left; float: left; margin: 0 5px 4px; width: 381px; }
#advanced-page input { border: 1px solid #DDEEF7; }
#advanced-page label { display: block; float: left; }
#advanced-page #personal label { width: 94px; }
#advanced-page #prescription label { width: 215px; }
#advanced-page #personal input, #advanced-page #personal select { width: 229px; }
#advanced-page #prescription select { width: 109px; }
#advanced-page #personal .button, #advanced-page #prescription .button { background: url(/images/button-search.gif) top left no-repeat; border: none; display: block; float: left; height: 23px; margin: 0 10px 10px 0; width: 72px; }

/* Results page */
#results-page table { margin-top: 15px; width: 100%; }
#results-page th { border-bottom: 1px solid #DDEEF7; font-weight: bold; padding: 10px; text-align: center; }
#results-page th.name { text-align: left; }
#results-page tr td { background: #F9FBFD; border: 1px solid #DDEEF7; border-top: 0; border-right: 0; padding: 25px 0; position: relative; text-align: center; }
#results-page tr.even td { background: #FFF; }
#results-page .name { text-align: left; width: 333px; }
#results-page .name img { height: 50px; margin: -18px 10px; width: 50px; }
#results-page td a { color: #000; }
#results-page .clinic { width: 125px; }

/* Testimonial page */
#testimonial-page #main-content h3 { font-size: 14px; font-weight: bold; padding: 30px 15px 15px; }
#testimonial-page #main-content p { color: #000; padding: 0 15px 15px; }
#testimonial-page #main-content .patient-photo { float: left; margin: 0 15px; }
#testimonial-page #main-content .patient-photo img { height: 150px; }
#testimonial-page .surgery-details { font-weight: bold; width: 387px; }
#testimonial-page .testimonial-details { float: left; margin-top: -3px; width: 600px; }
#testimonial-page .testimonial-details img { margin: 0 15px 15px; }
#testimonial-page #main-content .comment { color: #464646; font-size: 15px; font-style: italic; width: 487px; }
#testimonial-page table { margin: 0 4px; width: 300px; }
#testimonial-page th { font-weight: bold; padding-bottom: 10px; text-align: center; }
#testimonial-page td { text-align: center; }

#footer { margin: 0 0 0 185px; }
#footer li { float: left; margin: 40px 0 20px; }
#footer a { border-left: 1px solid #B6B8BA; padding: 0 15px; color: #B6B8BA; font-size: 10px; text-decoration: none; }
#footer .first-item { border: none; }
#footer a:hover { color: #184095; text-decoration: underline; }