html, * {margin: 0; padding: 0;}

body {height:100%; margin: 0 0 6px 0; padding: 0; color: #000000;  background-color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align: center;}
p, h2  {margin: 10px 0; text-align: left; color: #000000;}
a {color: #2470AC;}
a:hover{color: #000000;}
h1 {width: 358px; font-size: 17px; font-weight: 400; color: #2470ac; margin: 11px 0 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
h1.home {color: #2470ac; font-size: 23px; border-bottom: #FF0000 2px solid; margin-top: 18px; font-weight: 500;}
h1.long {height: 48px;}
h2, h3 {font-size: 13px;}
h4{margin: 10px 0 0; padding: 0; font-size: 12px; font-weight: bold;}
ol, ul {margin-left: 25px; padding-top: 5px;}
ul.faqs {margin: 10px 0 15px 15px; list-style-type: disc;}
ul.faqs li {margin-bottom: 4px;}
li.space {padding-top: 10px;}
strong{font-weight: 900;}
span{display: none;}
span.red{display: inline; color:#fb0907}
span.return {display:inline;margin:0 0 0 125px}
span.blue {display:inline; color: #5e96c2}
sup{font-size: 75%; line-height: 0;}
td{vertical-align: top; padding: 5px 0 0 0;}
img {border: 0;}
#container {width: 770px; margin: 0 auto; background-color:#FFFFFF; text-align: left;}
#top-nav {width: 770px; height: 35px; overflow: hidden; vertical-align: middle; margin: 0; padding: 0px; background: #99C8EA url(/images/nav-top-left-corner.gif) no-repeat;}
#top-nav a{color: #0B2245;}
#top-nav a:hover{color: #2470AC;}
#top-nav img {vertical-align: middle;}
#print {float: right; margin: 8px 10px 0 0; background: url(/images/printer-icon.gif) right 2px no-repeat; padding-right: 20px;}
#send {float: right; margin: 8px 0 0; background: url(/images/email-icon.gif) right 2px no-repeat; padding-right: 20px;}
#text-size {float: right; margin: 8px 0 0;}
#text-size a.small{text-decoration: none; font-weight: bold; color: #0B2245;}
#text-size a.medium, #text-size a.large{color: #0B2245; text-decoration: underline; font-weight: normal; background: none;}

#back {margin: 7px 0 0 20px; padding-left: 15px; background: url(/images/back-icon.gif) left 4px no-repeat;}
.divider {float: right; margin: 10px; background: url(/images/nav-top-divider.gif) center top no-repeat; width: 1px; height: 10px;}
li div.divider-menu {background: url(/images/menu-line.gif) no-repeat; width: 160px; height: 1px; overflow: hidden;}
#top-nav-edge {float: right; width: 4px; height: 35px;  background: url(/images/nav-top-right-corner.gif) no-repeat;}
#top-image {margin: 6px 0; height: 120px; width: 180px; background: #09345D url(/images/acrysof-restor-logo.gif) no-repeat; float: left; overflow: hidden;}
#top-image.home {height: 180px; background-image: url(/images/acrysof-restor-logo-home.gif);}
#top-image span {color: #FFFFFF; visibility: hidden;}
#top-header {margin: 6px 0 0 6px; height: 120px; width: 584px; float: left; position: relative;}
#top-header.home {height: 180px;}
#top-header h1.banner-text {width: 312px; position: absolute; text-align: right; top: 72px; left: 8px; font-size: 20px; font-family: Geneva, Arial, Helvetica, sans-serif; overflow: hidden;}

#middle-container {width: 770px; clear: both; background: url(/images/3-col-background.gif) repeat-y;}
#left-column{background: #DDEDF8 url(/images/nav-left-column-top.gif) no-repeat; float: left; width: 180px!important; overflow: hidden;}

/* LEFT MENU */

#left-menu {margin: 0; padding: 0;}
#left-menu ul{list-style-type: none; margin: 12px 10px 0; padding: 0 0 150px;}
#left-menu ul li {margin: 0; padding: 0; display: inline;}
#left-menu ul li.home a {background: url(/images/btn-home.gif) no-repeat; width: 160px; height: 28px; display: block; text-decoration: none;}
#left-menu ul li.home a div, #left-menu ul li.your-eyes-home a div {color: #02468b; font-size: 12px; font-weight: bold; padding-top: 6px;margin: 0 0 0 13px;}
#left-menu ul li.home a:hover div, #left-menu ul li.your-eyes-home a:hover div {color: #2470ac;}

#left-menu ul li.your-eyes-home a {background: url(/images/btn-your-eyes-home.gif) no-repeat; width: 160px; height: 28px; display: block; text-decoration: none;}

#left-menu ul li.left-nav a {background: url(/images/btn-left-nav.gif) no-repeat; width: 160px; height: 28px; display: block; text-decoration: none;}
#left-menu ul li.left-nav a div {color: #02468b; font-size: 12px; font-weight: bold; padding-top: 6px; margin: 0 0 0 13px;}
#left-menu ul li.left-nav a:hover div {color: #2470ac;}
#left-menu ul li.left-nav a.selected {background: url(/images/btn-left-nav-select.gif)!important; height: 28px!important;}
#left-menu ul li.left-nav a.selected div{color: #FFFFFF!important;}

#left-menu ul li.left-nav-pro-home a {background: url(/images/btn-left-pro-home.gif) no-repeat; width: 160px; height: 28px; display: block; text-decoration: none;}
#left-menu ul li.left-nav-pro-home a div {color: #02468b; font-size: 12px; font-weight: bold; padding-top: 6px;margin: 0 0 0 13px;}
#left-menu ul li.left-nav-pro-home a:hover div{color: #2470ac;}
#left-menu ul li.left-nav-pro-home a.selected {background-image: url(/images/btn-left-nav-select.gif)!important; height: 29px!important;}
#left-menu ul li.left-nav-pro-home a.selected div{color: #FFFFFF!important;}

/*---------------------*/

#left-menu ul li ul {margin: 0; padding: 8px 0; margin-left: 12px;}
#left-menu ul li ul li {line-height: 12px;}
#left-menu ul li ul li a{background-image: none!important; width: 146px!important; height: 19px!important; text-decoration: underline!important; color: #000000!important;}
#left-menu ul li ul li a:hover, #left-menu ul li ul li a.current{color: #2470AC!important;}
#left-menu ul li ul li a.wrap {height: 30px!important;}

#center-column{float: left; padding: 0; margin: 0 20px; padding-bottom: 6px; width: 370px;}
#center-column.home {width: 358px; margin: 0 26px;}
#center-column.home p{line-height: 20px;}

/* SITE MAP */
.divider-horizontal {background: url(/images/dotted-line-body.gif) no-repeat; margin-top: 10px; padding-top: 10px;}
#sitemap-container {background: url(/images/sitemap-background.gif) repeat-y; width: 370px; height: 100%;}
.patient-column {width: 160px;}
.pro-column {width: 164px; margin-left: 28px;}
#sitemap-container ul{list-style-type: none; margin-left: 0;}
#sitemap-container ul li{font-weight: bold; padding: 5px 0;}
#sitemap-container ul li ul{list-style-type: none; margin-left: 10px;}
#sitemap-container ul li ul li{font-weight: normal; padding: 0;}

#footnotes {color: #333; font-size: 10px; background: url(/images/dotted-line-body.gif) 0 20px no-repeat; padding-top: 20px;}
#footnotes ol, ul {margin-left: 23px; padding-top: 5px;}
#footnotes li {padding-top: 5px;}
.asterisk {text-indent: -8px; margin-left: 22px;}

#right-column{background: url(/images/nav-right-column-top.gif) no-repeat; float: left; width: 180px;}
#right-column a{text-decoration: none; width: 150px; height: 45px; display: block;}
#right-column div{margin: 18px 15px 0;}
#find-doctor {background-image: url(/images/btn-find-physician-over.gif); background-repeat: no-repeat;}
#find-doctor a{background:  url(/images/btn-find-physician.gif) no-repeat; color: #FFFFFF; font-size: 11px;}
#find-doctor a div, #testimonials a div, #faqs a div, #calculator a div, #faqs-pro a div{margin: 0 13px 0 44px; padding-top: 1px;}
#find-doctor a strong, #testimonials a strong, #faqs a strong, #faqs-pro a strong, #calculator a strong{color: #FFCC00;}
#find-doctor a:hover{background-image: url(/images/btn-find-physician-over.gif);}
#faqs, #faqs-pro {background-image: url(/images/btn-faqs-over.gif); background-repeat: no-repeat;}
#faqs a, #faqs-pro a{background: url(/images/btn-faqs.gif) no-repeat; color: #FFFFFF; font-size: 11px;}
#faqs a:hover, #faqs-pro a:hover{background-image: url(/images/btn-faqs-over.gif);}
#testimonials {background-image: url(/images/btn-testimonials-over.gif); background-repeat: no-repeat;}
#testimonials a{background: url(/images/btn-testimonials.gif) no-repeat; color: #FFFFFF; font-size: 11px;}
#testimonials a:hover{background-image: url(/images/btn-testimonials-over.gif);}
#calculator {background-image: url(/images/btn-calculator-over.gif); background-repeat: no-repeat;}
#calculator a{background: url(/images/btn-calculator.gif) no-repeat; color: #FFFFFF; font-size: 11px;}
#calculator a:hover{background-image: url(/images/btn-calculator-over.gif);}
.player {margin: 15px 0;}

#middle-bottom-row{position: relative; background: url(/images/3-col-bottom-row.gif) no-repeat bottom; clear: both; height: 12px;}
#bottom-nav {background: #99C8EA url(/images/nav-bottom-left.gif) no-repeat; height: 35px; margin-top: 6px; position: relative;}
#bottom-nav-edge {float: right; background: url(/images/nav-bottom-right.gif) no-repeat; height: 35px; width: 5px;}

#eye-care-professionals {position: absolute; top: -30px; left: 10px; background: url(/images/btn-eye-care-prof.gif) no-repeat; width: 150px; height: 14px;}
#eye-care-professionals a {width: 150px; height: 14px; display: block; background: url(/images/btn-eye-care-prof.gif) no-repeat; text-decoration: none;}
#eye-care-professionals a div {color: #02468b; font-size: 12px; font-weight: bold; margin: 0 0 0 13px;}
#eye-care-professionals a:hover div {color: #2470ac;}
#glossary-instructions {position: absolute; top: -85px; left: 20px; width: 135px;}
#glossary-links, #glossary-links a{margin-top: 20px; font-size: 13px; padding-right: 2px;}

a.glossary {z-index:24;color: #FE3C46!important; font-weight: bold; text-decoration: none; position: relative;}
a.glossary:hover {text-decoration: underline; z-index:25; background-color: #FFFFFF;}
a.glossary:hover span{display: block; position: absolute; color: #000000!important; background: url(/images/glossary-box-background.gif) repeat-y; width: 235px; text-decoration: none; padding: 0 10px; font-weight: normal;}
a.glossary:hover span.glossary-box-top {width: 250px; display: block; height: 11px; background: url(/images/glossary-box-top.gif) no-repeat; margin: 0 -10px;}
a.glossary:hover span.glossary-box-bottom {width: 250px; display: block; height: 14px; background: url(/images/glossary-box-bottom.gif) no-repeat; margin: 0 -10px;}


#Alcon{position: relative; margin-left: 5px; float: left;}
#Alcon a {text-decoration: none; background: url(/images/alcon-logo.gif) no-repeat; height: 30px; width: 85px; display: block; overflow: hidden; margin-top: 2px;}
#bottom-links {float: left; margin-right: 10px; color: #0B2245; width: 660px; height: 35px; display: block; overflow: hidden;}
#bottom-links a{position: relative; color: #0B2245; float: right; margin-top: 7px; display: block;}
#bottom-links a:hover{color: #2470AC;}
#bottom-links.divider{margin-top: -10px!important;}
#copyright {text-align: center; padding-top: 15px;}
a.question{font-weight: bold; color: #000000; padding-left: 1px;}

.left {float: left; margin-right: 6px;}
.clear {clear: both; height: 1px;}
.red {color: #FE3C46; font-weight: bold;}
.top {background: url(/images/top-arrow.gif) 0 3px no-repeat; padding-left: 12px;}

#million_eyes {background: url(/images/23-million-eyes-top.gif) no-repeat; background-position: top center; width: 195px; float: right; clear: left; margin: 0 0 6px 6px; padding-top: 10px;}
#million_eyes_text {background: #ffffff url(/images/23-million-eyes-repeat_back.gif) repeat-y; text-align: center; font-size: 16px; color: #1B62A3; width: 185px; padding: 0 5px;}
#million_bottom {background: url(/images/23-million-eyes-bottom.gif) no-repeat; width: 195px; height: 5px; padding-top: 5px;}

.view-larger {text-align: right; padding-right: 12px; background: url(/images/view-larger-icon.gif) right 3px no-repeat; margin-top: -5px;}
img.right {float: right; margin: 3px 0 5px 10px;}

.recommend-name {width: 175px; float: left; font-weight: bold; padding: 5px 0;}
.recommend-message {clear: left; padding: 10px 0;}

#DropState option, #DropState select{text-transform: capitalize}
#DropCity option,select{text-transform: capitalize}

span.locResult {text-transform:capitalize; display:inline}

.nearsighted {background-image: url(../images/eye-nearsighted.gif); background-repeat: no-repeat; background-color: #FFFFFF; height: 28px; width: 340px; margin: 10px 0 10px -25px; padding-top: 75px; text-align: right; padding-right: 30px; font-weight: bold;}
.farsighted {background-image: url(../images/eye-farsighted.gif); background-repeat: no-repeat; background-color: #FFFFFF; height: 28px; width: 340px; margin: 10px 0 10px -25px; padding-top: 75px; text-align: right; padding-right: 30px; font-weight: bold;}
.astigmatic {background-image: url(../images/eye-astigmatic.gif); background-repeat: no-repeat; background-color: #FFFFFF; height: 28px; width: 340px; margin: 10px 0; padding-top: 75px; text-align: right; padding-right: 30px; font-weight: bold;}

#check_answer {margin-top: 15px; height: 24px; padding-top: 2px;}
.check_answer_left {float: left; background-image: url(/images/btn-answers_left.gif); background-position: left; background-repeat: no-repeat; height: 24px; width: 7px;}
#check_answer a {float: left; color: #FFFFFF; padding: 4px 0 0 1px; text-decoration: none; font-size: 11px; font-weight: bold; background-image: url(/images/btn-answers_middle.gif); background-repeat: repeat-x; height: 24px;}
.check_answer_right {float: left; background-image: url(/images/btn-answers_right.gif); background-position: left; background-repeat: no-repeat; height: 24px; width: 7px;}

.dropSearch {margin: 0 0 0 5px;}
.stateSearch {float:left; margin: 0 0 0 15px;}
.zipcodeSearch {float:left; width: 185px; background: url(/images/sitemap-background.gif) 7px 0 repeat-y;}

.hideme {display: none;	visibility: hidden;}
.showme {visibility: visible;}

#languageSelector { left: 591px; position: relative; margin-top: 5px; margin-bottom: 5px;}
#languageSelector select {width: 180px;}