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

body {height:100%; color: #000000;  background: #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: #7f65a4;}
a:hover{ text-decoration:none;}
a:visited { color: #7f65a4; }
:focus { -moz-outline-style:none; }
h1 {width: 525px; margin:0; padding: 0; color: #7f65a4; font: 18px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
h1.home {color: #7f65a4; font-size: 23px; border-bottom: #7f65a4 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;}
span{display: none;}
span.red{display: inline; color:#fb0907}
span.return {display:inline;margin:0 0 0 125px}
span.blue {display:inline; color: #7f65a4}
strong.underline {text-decoration: underline;}
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:#fff; text-align: left;}
#top-nav {width: 750px; height: 20px; overflow: hidden; margin: 0; padding: 0; background:url(/images/nav-top-bg.gif) no-repeat; color:#fff; line-height:20px; padding:0 10px 0 10px; }
#top-nav a{color: #fff;}
#top-nav a:hover{color: #fff;}
#top-nav img {vertical-align: middle;}
#print {float: right; background: url(/images/printer-icon.gif) right no-repeat; padding-right: 20px;}
#send {float: right; background: url(/images/email-icon.gif) right no-repeat; padding-right: 20px;}
#text-size {float: right; }
#text-size a.small{text-decoration: none; font-weight: bold; color: #fff;}
#text-size a.medium, #text-size a.large{color: #fff; text-decoration: underline; font-weight: normal; background: none;}

.breaker { clear:both; overflow:hidden; height:0px; }

#back {margin:0px; padding-left: 15px; background: url(/images/back-icon.gif) left no-repeat;}
.divider {float: right; margin:5px 10px 0 10px; width: 1px; height: 10px; background-color:#fff; }
li div.divider-menu {background: url(/images/menu-line.gif) no-repeat; width: 193px; height: 1px; overflow: hidden;}
#top-image {margin:0; height:160px; width: 196px; float: left; overflow: hidden; margin-bottom:21px;}
#top-image.home {height: 160px; overflow:visible; margin:0; }
#top-image span {color: #999999; display:block; font-weight:bold; padding:0 5px 0 5px; }
#top-header {margin: 0; height: 160px; width: 574px; float: left;}
#top-header.home {height: 180px;}

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

/* LEFT MENU */
#left-menu {margin: 0; padding: 0;}
#left-menu ul{list-style-type: none; margin:20px 0 20px 0; padding: 0 0 150px;}
#left-menu ul li {margin: 0; padding: 0; display: inline;}
#left-menu ul li.home a { width: 193px; height: 28px; display: block; text-decoration: none; background-image:none; text-align:center; margin-bottom:10px !important;}
#left-menu ul li.home a div { margin:0; padding:0; font-size:16px !important; text-decoration:underline; }
#left-menu ul li.home a div, #left-menu ul li.your-eyes-home a div {color: #6737a1; font-size: 12px; font-weight: bold; padding-top: 8px;}
#left-menu ul li.home a:hover div, #left-menu ul li.your-eyes-home a:hover div {color: #6737a1;}
/* color: #403152 */

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

#left-menu ul li a {background: url(/images/btn-left-nav.gif) no-repeat; width: 193px; height: 28px; display: block; text-decoration: none; font-size:11px;}
#left-menu ul li a div {color: #6737a1; font-size: 12px; font-weight: bold; padding-top: 7px; margin-left:30px;}
#left-menu ul li a:hover div {color: #6737a1;}
/* color: #403152 */
#left-menu ul li a.selected {background: url(/images/btn-left-nav-select.gif)!important; height: 28px!important;}
#left-menu ul li a.selected div{color: #FFFFFF!important;}

#left-menu ul li.left-nav-tall a {background: url(/images/btn-left-nav-tall.gif) no-repeat bottom; width: 193px; height: 43px!important; display: block; text-decoration: none;}
#left-menu ul li.left-nav-tall a div {color: #403152; font-size: 12px; font-weight: bold; padding-top: 7px; margin-left:30px;}
#left-menu ul li.left-nav-tall a:hover div {color: #403152;}
#left-menu ul li.left-nav-tall a.selected {background: url(/images/btn-nav-tall-selected.gif) no-repeat #2470ac bottom!important; height: 43px!important;}
#left-menu ul li.left-nav-tall a.selected div{color: #FFFFFF!important;}
#left-menu ul li.sub-height a {height: 22px!important;}

#left-menu ul li.left-nav-pro-home a {background: url(/images/btn-left-pro-home.gif) no-repeat; width: 193px; height: 28px; display: block; text-decoration: none;}
#left-menu ul li.left-nav-pro-home a div {color: #403152; font-size: 12px; font-weight: bold; padding-top: 7px;margin-left:30px;}
#left-menu ul li.left-nav-pro-home a:hover div{color: #403152;}
#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: 15px; font-weight:bold;}
#left-menu ul li ul li {line-height: 12px;}
#left-menu ul li ul li a{background-image: none!important; width: 176px!important; height: 19px!important; text-decoration: none!important; color: #6737a1!important;}
#left-menu ul li ul li a:hover, #left-menu ul li ul li a.current{color: #6737a1!important; text-decoration:underline !important;}
/* color: #6737a1 */
#left-menu ul li ul li a.wrap {height: 30px!important;}

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

#form {width: 370px;}
#form p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 15px 0 5px; }
#form p.right-align {text-align: right;}
.footnote-red {font-size: 10px; color: #FF0000;}
.bottom-footnote {font-size: 10px!important; font-style: italic;}
.info {height: 18px; width: 185px;}
.date {height: 18px; width: 75px;}
.commentary {height: 55px; width: 365px;}
.options {font-size: 12px;}


/* 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;}
#testimonials a div, #faqs a div, #calculator a div, #faqs-pro a div{margin: 0 13px 0 44px; padding-top: 1px;}
#testimonials a strong, #faqs a strong, #faqs-pro a strong, #calculator a strong{color: #FFCC00;}
#find-doctor {background-image: url(/images/btn-find-physician-over.gif);}
#find-doctor a{background: url(/images/btn-find-physician.gif) no-repeat;}
#find-doctor a:hover{background-image: url(/images/btn-find-physician-over.gif);}
#faqs, #faqs-pro {background-image: url(/images/btn-faqs-over.gif);}
#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);}
#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);}
#calculator a{background: url(/images/btn-calculator.gif) no-repeat;}
#calculator a:hover{background-image: url(/images/btn-calculator-over.gif);}
#testimonials-pro {background-image: url(/images/btn-testimonials-pro-over.gif);}
#testimonials-pro a{background: url(/images/btn-testimonials-pro.gif) no-repeat;}
#testimonials-pro a:hover{background-image: url(/images/btn-testimonials-pro-over.gif);}

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

#eye-care-professionals{position: absolute; top: -75px; left:0px; background-color:#FF6E00; width: 193px; height: 35px; line-height:35px;}
#eye-care-professionals a{ background:url(/images/eye_care_pro_arrow.gif) no-repeat 10px; padding-left:30px; font-weight:bold; color:#fff; font-size:13px; text-decoration:none; }
#eye-care-professionals a:hover{ text-decoration:underline;}
#glossary-instructions {position: absolute; top: -85px; left: 20px; width: 135px;}
#glossary-links, #glossary-links a{margin-top: 20px; font-size: 13px; padding-right: 2px;}
#IOL {position: absolute; top: -25px; left: 12px; text-indent: -7px; padding-left: 7px; color: #333; font-size: 10px; width: 135px;}

a.glossary {z-index:24;color: #FF6E00!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 1px; height: 20px; line-height:20px;width: 56px; display: block; overflow: hidden;}
#bottom-links {float: right; margin-right:10px; color: #0B2245; width: 660px; height: 20px; display: block; overflow: hidden;}
#bottom-links a{position: relative; color: #fff; float: right; display: block;}
#bottom-links a:hover{color: #fff; text-decoration:none;}
#bottom-links.divider{margin-top: -10px!important;}
#copyright {text-align: center; padding-top: 15px; width:770px !important; margin:0 auto;}
a.question{font-weight: bold; color: #000000; padding-left: 1px;}

.left {float: left; margin-right: 6px;}
.clear {clear: both; height: 1px;}
.red {color: #FF6E00; font-weight: bold;}
.top {background: url(/images/top-arrow.gif) 0 3px no-repeat; padding-left: 12px;}
p.right {width: 55px; margin-left: 300px;}
.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}

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

#faqs2 {width: 183px; height: 45px; margin:20px 5px 0 5px;}
#faqs2 a { background-image:none !important; }
#faqs2 img { border:2px solid #8348b5; float:left; }
#faqs2 span { background:url(/images/arrow.gif) right 19px no-repeat; font-weight:bold; color:#8348b5; font-size:12px; text-decoration:none; display:block; width:140px; float:right; padding-top:3px; }
* html #faqs2 span { float:left; margin-left:5px; }
*+html #faqs2 span { float:left; margin-left:5px; }

#testimonials2 {width: 183px; height: 45px; margin:10px 5px 0 5px;}
#testimonials2pro {width: 183px; height: 45px; margin:20px 5px 0 5px;}
#testimonials2 a, #testimonials2pro { background-image:none !important; }
#testimonials2 img, #testimonials2pro img { border:2px solid #8348b5; float:left; }
#testimonials2 span, #testimonials2pro span { background:url(/images/arrow.gif) right 19px no-repeat; font-weight:bold; color:#8348b5; font-size:12px; text-decoration:none; display:block; width:140px; float:right; padding-top:3px; }
* html #testimonials2 span { float:left; margin-left:5px; }
* html #testimonials2pro span { float:left; margin-left:5px; }
*+html #testimonials2 span { float:left; margin-left:5px; }
*+html #testimonials2pro span { float:left; margin-left:5px; }