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

body {height:100%; margin: 0 0 6px 0; padding: 0; color: #000000;  background-color: #fff; font-size: 13px; font-family: Arial, Helvetica, sans-serif; text-align: center;}
p, h2  {margin: 10px 0; text-align: left; color: #000000;}
p.right {width: 70px; margin-left: 285px;}
a {color: #EC8C27;}
a:hover{color: #230F8B;}
h1 {width: 358px; font-size: 17px; font-weight: 400; color: #230F8B; margin: 11px 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
h1.home {color: #230F8B; font-size: 23px; margin-top: 18px; font-weight: 500;}
h1.long {height: 48px; color: #230F8B;}
h2 {font-size: 15px; color: #230F8B;}
h3 {font-size: 13px; color: #230F8B;}
h4{margin: 10px 0 0; padding: 0; font-size: 14px; 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: 12px;}
strong{font-weight: 900;}
span{display: none;}
span.red{display: inline; color:#EC8C27;}
span.return {display:block;margin:0 0 0 95px;text-align:right;}
span.blue {display:inline; color: #230F8B;}
div.onas_item {display:block;height:37px;margin-top:10px;}
div.onas_item div {display:inline;}
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: 30px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	background-image: url(/images/nav-top-left-corner.gif);
	background-repeat: no-repeat;
}
#top-nav a{color: #EC8C27;}
#top-nav a:hover{color: #230F8B;}
#top-nav img {vertical-align: middle;}
#print {float: right; margin: 7px 10px 0 0; background: url(/images/printer-icon.gif) right 4px no-repeat; padding-right: 20px;}
#send {float: right; margin: 7px 0 0; background: url(/images/email-icon.gif) right 4px no-repeat; padding-right: 20px;}
#text-size {float: right; margin: 7px 0 0;}
#text-size a.medium{text-decoration: none; font-weight: bold; color: #0B2245;}
#text-size a.small, #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 {}
#top-nav-edge {float: right; width: 4px; height: 30px;  background: url(/images/nav-top-right-corner.gif) no-repeat;}
#top-image {
	margin: 6px 0;
	height: 176px;
	width: 180px;
	float: left;
	overflow: hidden;
	background-color: #FFF;
	background-image: url(/images/acrysof-restor-logo.png);
	background-repeat: no-repeat;
}
#top-image.home {height: 176px; background-image: url(/images/acrysof-restor-logo-home.png);}
#top-image span {color: #FFFFFF; visibility: hidden;}
#top-header {margin: 6px 0 0 0; height: 176px; width: 590px; float: left; position: relative;}
#top-header.home {height: 176px;}
#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{
	float: left;
	width: 180px!important;
	overflow: hidden;
	background-image: none;
}

/* 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: #230F8B; 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: #EC8C27;}

#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.wrap {background: url(/images/btn-left-nav-wrap.gif) no-repeat; width: 160px; height: 43px; display: block; text-decoration: none;}
#left-menu ul li.left-nav a div {color: #230F8B; font-size: 12px; font-weight: bold; padding-top: 6px; margin: 0 0 0 13px;}
#left-menu ul li.left-nav a:hover div {color: #EC8C27;}
#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.wrap-selected {background: url(/images/btn-left-nav-select-wrap.gif)!important; height: 43px!important;}
#left-menu ul li.left-nav a.selected div, #left-menu ul li.left-nav a.wrap-selected div{color: #EC8C27;!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.wrap {background: url(/images/btn-left-pro-home-wrap.gif) no-repeat; width: 160px; height: 43px; display: block; text-decoration: none;}
#left-menu ul li.left-nav-pro-home a div {color: #230F8B; 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: #EC8C27;}
#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.wrap-selected {background-image: url(/images/btn-left-nav-select-wrap.gif)!important; height: 44px!important;}
#left-menu ul li.left-nav-pro-home a.selected div, #left-menu ul li.left-nav-pro-home a.wrap-selected div{color: #EC8C27;!important;}

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

#left-menu ul li ul {margin: 0; padding: 0 0 0 0; margin-left: 0px;}
#left-menu ul li ul li {line-height: 14px;}
#left-menu ul li ul li a{background-image: none!important; border-left: 1px solid #C6C6C6;  border-bottom: 1px solid #C6C6C6; border-right: 1px solid #C6C6C6; width: 141px!important; height: 21px!important; padding: 5px 5px 0 12px; text-decoration: none!important; font-size: 12px; font-weight: normal; color: #230F8B!important;}
#left-menu ul li ul li a:hover{color: #EC8C27!important;}
#left-menu ul li ul li a.current{color: #EC8C27!important; font-weight: bold;}
#left-menu ul li ul li a.wrap {height: 34px!important;}
#left-menu ul li ul li a.wrap-medium {height: 34px!important;}
#left-menu ul li ul li a.wrap-medium3 {height: 47px!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: 11px; 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: 7px;}
.asterisk {text-indent: -8px; margin-left: 22px;}

#right-column{background: url(/images/nav-right-column-top.gif) no-repeat; float: left; width: 180px; height:300px; overflow: visible;}
#right-column a{text-decoration: none; width: 150px; height:130px; display: block;}
#right-column div{margin: 18px 15px 0;}
#find-doctor {background-image: url(/images/btn-find-physician-over.gif) no-repeat;}
#find-doctor a{background:  url(/images/btn-find-physician.gif) no-repeat; color: #230F8B; font-size: 11px;}
#find-doctor a div, #testimonials a div, #faqs a div, #calculator a div, #faqs-pro a div{margin: 0 0 0 0; padding-top: 75px;}
#find-doctor a strong, #testimonials a strong, #faqs a strong, #faqs-pro a strong, #calculator a strong{color: #EC8C27; text-decoration: underline;}
#find-doctor a:hover{background-image: url(/images/btn-find-physician-over.gif);}
#faqs, #faqs-pro {background-image: url(/images/btn-faqs-over.gif) no-repeat;}
#faqs a, #faqs-pro a{background: url(/images/btn-faqs.gif) no-repeat; color: #230F8B; 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) no-repeat;}
#testimonials a{background: url(/images/btn-testimonials.gif) no-repeat; color: #230F8B; font-size: 11px;}
#testimonials a:hover{background-image: url(/images/btn-testimonials-over.gif);}
#calculator {background-image: url(/images/btn-calculator-over.gif) no-repeat;}
#calculator a{background: url(/images/btn-calculator.gif) no-repeat; color: #230F8B; 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 {
	height: 30px;
	margin-top: 6px;
	position: relative;
	background-color: #FFF;
	background-image: url(/images/nav-bottom-left.gif);
	background-repeat: no-repeat;
}
#bottom-nav-edge {float: right; background: url(/images/nav-bottom-right.gif) no-repeat; height: 30px; 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: #EC8C27; font-size: 12px; font-weight: bold; margin: 0 0 0 13px;}
#eye-care-professionals a:hover div {color: #230F8B;}
#glossary-instructions {position: absolute; top: -157px; left: 20px; width: 135px;}
#glossary-links, #glossary-links a{margin-top: 20px; font-size: 13px; padding-right: 2px;}

a.glossary {z-index:24;color: #EC8C27!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:#FFF!important; background-color:#662D80; border:4px solid #B3B3B3; width: 250px; text-decoration: none; padding: 0 15px; font-weight: normal;}
a.glossary:hover span p {color:#FFFFFF!important;}
a.glossary:hover span.glossary-box-top {width: 250px; display: block; height: 11px; background: none; border:0px none; margin: 0 -10px;}
a.glossary:hover span.glossary-box-bottom {width: 250px; display: block; height: 14px; background: none; border:0px none; 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: 27px; width: 85px; display: block; overflow: hidden;}
#bottom-links {float: left; margin-right: 10px; color: #EC8C27; width: 660px; height: 30px; display: block; overflow: hidden;}
#bottom-links a{position: relative; color: #EC8C27; float: right; margin-top: 7px; display: block;}
#bottom-links a:hover{color: #230F8B;}
#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: #EC8C27; 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: #230F8B; 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{}
#DropCity option,select{}

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: 20px;}
#check_answer a {float: left; color: #FFFFFF; padding: 5px 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 { margin: 0 0 0 5px;}
.zipcodeSearch {float:left; width: 185px; background: url(/images/sitemap-background.gif) 7px 0 repeat-y;}

body {font-size: 15px;}
h2 {font-size: 17px;}
h4{font-size: 16px;}
li.space {padding-top: 15px;}
#footnotes {font-size: 13px;}
#left-menu ul li ul li {line-height: 16px;}
#left-menu ul li ul li a{height: 23px!important;}
#left-menu ul li ul li a.wrap {height: 38px!important;}
#left-menu ul li ul li a.wrap-medium {height: 38px!important;}
#left-menu ul li ul li a.wrap-medium3 {height: 53px!important;}
#left-menu ul li ul li a.wrap-large {height: 38px!important;}
#left-menu ul li ul li a.wrap-large3 {height: 53px!important;}
#text-size a.large{text-decoration: none; font-weight: bold; color: #0B2245;}
#text-size a.medium, #text-size a.small{color: #0B2245; text-decoration: underline; font-weight: normal; background: none;}
#footnotes li {padding-top: 10px;}
#glossary-instructions {top: -185px;}
#print, #send {background-position: right 5px;}
p.right {width: 75px; margin-left: 280px;}

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