/*
    Elliott Eyecare Style Sheet
    By Todd Temple: http://www.t2graphicdesign.com
	Date Modified: 12-09-2011
*/

@charset "UTF-8";

* {margin: 0;padding: 0;}
html, body {height: 100%;margin-bottom: 1px;}
img {vertical-align: bottom;}
a img {border: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
body {background: transparent url(../i/gfx_bkg.jpg) repeat-x 0 0;background-color: #000;margin: 0;padding: 0;}
#sub-menu {font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size: 0.6em;line-height: 0.8em;color: #FFF;width: 831px;height: 21px;overflow: hidden;margin: 0 auto;padding: 10px 36px 0 0;text-align: right; }
#sub-menu a, #sub-menu a:visited {color: #D8E5F4;text-decoration: none;}
#sub-menu a:hover {color: #FFFFFF;text-decoration: underline;}
.fontSize {width: 9px;padding: 0 3px;margin-left: 3px;border: 1px solid #9DBEE3;}
.fontSize a, .fontSize a:visited {color: #3B7DC7;text-decoration: none;}
.fontSize a:hover {text-decoration: none;}
#wrapper {width: 900px;background-color: #F8F8F8;margin-top: 0px;margin-right: auto;margin-bottom: 40px;margin-left: auto; position: relative; }
#header {background-color: #000;background: transparent url(../i/gfx_header.png) no-repeat 0 0;width: 900px;height: 47px;}
#headnav, #headnav ul {list-style: none;margin: 0;padding: 0;overflow: hidden;}
#headnav li {float: left;height: 47px;width: 300px;}
#headnav li a {display: block;border: medium none;text-indent: -9999px;height: 47px;width: 300px;}
#menu {font-size: 0.8em;font-family: "Helvetica Neue Extended", Arial, Helvetica, sans-serif;width: 900px;margin: auto;}
.lavalamp {position: relative;margin: auto;width: 900px;height: 47px;overflow: hidden;background: url("../i/gfx_header.png") no-repeat top left;padding: 0px;}
.lavalamp li {float: left;list-style: none;}
.lavalamp li.back {width: 100px;height: 41px;z-index: 8;position: absolute;background: #80A447 url("../i/lavabg.png") no-repeat top right;margin-top: 6px;}
.lavalamp li.back .left {background: url("img/lavabg.gif") no-repeat top left;height: 47px;margin-right: 0px;}
.lavalamp li a {width: 300px;text-decoration: none;color: #FFFFFF;outline: none;padding: 20px 0px;text-transform: uppercase;letter-spacing: 0;z-index: 10;text-align: center;display: block;float: left;position: relative;overflow: hidden; /*	background: url("../i/glasses.png") no-repeat 30px 18px;*/}
.lavalamp li a:hover, .lavalamp li a:active, .lavalamp li a:visited {border: none;} 
#body {padding-top: 16px;background: transparent url(../i/gfx_header_shadow.gif) repeat-x 0 0;}
#nav {width: 885px;height: 53px;margin: 0 0 0 14px;padding: 0;list-style: none;overflow: hidden;}
#nav li {float: left; }
#nav li a {text-decoration: none;text-indent: -9999px; height: 53px; display: block;line-height: 53px;}
#nav li.about-us a {width: 99px;background: transparent url(../i/gfx_nav.gif) no-repeat -14px 0px;}
#nav li.locations-and-hours a {background: transparent url(../i/gfx_nav.gif) no-repeat -112px 0px;width: 112px;}
#nav li.products-and-services a {background: transparent url(../i/gfx_nav.gif) no-repeat -224px 0px;width: 104px;}
#nav li.request-an-appointment a {background: transparent url(../i/gfx_nav.gif) no-repeat -328px 0px;width: 122px;}
#nav li.reorder-contacts a {background: transparent url(../i/gfx_nav.gif) no-repeat -450px 0px;width: 95px;}
#nav li.vision-and-medical-plans a {background: transparent url(../i/gfx_nav.gif) no-repeat -545px 0px;width: 126px;}
#nav li.patient-education a {background: transparent url(../i/gfx_nav.gif) no-repeat -671px 0px;width: 117px;}
#nav li.contact-us a {background: transparent url(../i/gfx_nav.gif) no-repeat -788px 0px;width: 97px;}
#nav li.about-us a:hover, #nav li.about-us a.current {background: transparent url(../i/gfx_nav.gif) no-repeat -14px -53px;}
#nav li.locations-and-hours a:hover, #nav li.locations-and-hours a.current {background: transparent url(../i/gfx_nav.gif) no-repeat -112px -53px;}
#nav li.products-and-services a:hover, #nav li.products-and-services a.current {background: transparent url(../i/gfx_nav.gif) no-repeat -224px -53px;}
#nav li.request-an-appointment a:hover, #nav li.request-an-appointment a.current {background: transparent url(../i/gfx_nav.gif) no-repeat -328px -53px;}
#nav li.reorder-contacts a:hover, #nav li.reorder-contacts a.current {background: transparent url(../i/gfx_nav.gif) no-repeat -450px -53px;}
#nav li.vision-and-medical-plans a:hover, #nav li.vision-and-medical-plans a.current {background: transparent url(../i/gfx_nav.gif) no-repeat -545px -53px;}
#nav li.patient-education a:hover, #nav li.patient-education a.current {background: transparent url(../i/gfx_nav.gif) no-repeat -671px -53px;}
#nav li.contact-us a:hover, #nav li.contact-us a.current {background: transparent url(../i/gfx_nav.gif) no-repeat -788px -53px;}
#SlideShowImg {filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;}
#SlideShowDiv {height:319px;width: 871px;filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
#slideshow {background: transparent url(../i/gfx_slide7.jpg) no-repeat 0 0;height: 319px;width: 871px;margin: 3px 15px 0 14px;}
#promos {clear: both;height: 1%;margin: 10px 0 0 14px;overflow: hidden;}
* html #promos {height: 1%;overflow: visible;}
#promo1, #promo1a, #promo2, #promo3, #promo4 {width: 261px;float: left;height: 176px;font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;color: #333333;padding: 20px 10px 0;font-size: 0.7em;border: 1px solid #A8A8A8;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;margin-bottom: 10px;}
#promo1 {background: transparent url(../i/gfx_promo1_bkg.jpg) no-repeat bottom;}
#promo1a {background: transparent url(../i/gfx_promo1a_bkg.jpg) no-repeat bottom;}
#promo2 {background: transparent url(../i/gfx_promo2_bkg.jpg) no-repeat bottom;}
#promo3 {background: transparent url(../i/gfx_promo3_bkg.jpg) no-repeat bottom;}
#promo4 {background: transparent url(../i/gfx_promo4_bkg.jpg) no-repeat bottom;}
#promo1 h1, #promo1a h1, #promo2 h1, #promo3 h1, #promo4 h1 {text-indent: -9999px;height: 36px;padding: 15px 0 0 0;margin: 0;background-repeat: no-repeat;}
#promo1 p, #promo1a p, #promo2 p, #promo3 p, #promo4 p {margin: 0;padding: 0;}
#promo1 h1 {background: transparent url(../i/gfx_title_promo1.jpg) no-repeat 0 0;width: 198px;}
#promo1a h1 {background: transparent url(../i/gfx_title_promo1.jpg) no-repeat 0 0;width: 198px;}
#promo2 h1 {background: transparent url(../i/gfx_title_promo2.jpg) no-repeat 0 0;width: 165px;}
#promo3 h1 {background: transparent url(../i/gfx_title_promo3.jpg) no-repeat 0 0;width: 170px;}
#promo4 h1 {background: transparent url(../i/gfx_title_promo4.jpg) no-repeat 0 0;width: 170px;}
#promo1 a, #promo1a a, #promo2 a, #promo3 a, #promo4 a, #promo1 a:visited, #promo2 a:visited, #promo3 a:visited, #promo4 a:visited, .location a, .location a:visited {color: #80A447;background: transparent url(../i/gfx_bullet.png) no-repeat 0 0;font-weight: bold;text-decoration: none;padding-left: 17px;display: block;text-transform: uppercase;margin-top: 5px;}
#promo1 a:hover, #promo1a a:hover #promo2 a:hover, #promo3 a:hover, #promo4 a:hover, .location a:hover {color: #3C7EC7;text-decoration: none;}
#brands {width: 867px;height: 27px;clear: both;margin: 0 0 10px 14px;border: 1px solid #A8A8A8;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#banner {background: transparent url(../i/gfx_inset_about.jpg) no-repeat 0 0;height: 129px;width: 871px;margin: 3px 15px 0 14px;}
#BannerShowImg {filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;}
#BannerShowDiv {height:129px;width: 871px;filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;margin: 3px 15px 0 14px;}
#main-content {width: 529px;margin-left: 39px;float: left;margin-top: 35px;padding: 0 0 10px 0;background: url(../i/gfx_title_bkg.gif) repeat-x right top;}
#main-content p {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;color: #333333;line-height: 1.5em;padding: 0px;margin-bottom: 14px;}
#sidebar {width: 281px;margin-left: 34px;float: left;margin-top: 10px;}
#elliott {background: #F8F8F8 url(../i/gfx_title_elliott.jpg) no-repeat 0 0;height: 36px;width: 291px;text-indent: -9999px;margin: 0;padding: 0;}
#west {background: #F8F8F8 url(../i/gfx_title_heather.jpg) no-repeat 0 0;height: 36px;width: 539px;text-indent: -9999px;margin: 0;padding: 0;}
#mallard {background: #F8F8F8 url(../i/gfx_title_mallard.jpg) no-repeat 0 0;height: 36px;width: 539px;text-indent: -9999px;margin: 0;padding: 0;}
#contact {background: #F8F8F8 url(../i/gfx_title_contact.jpg) no-repeat 0 0;height: 36px;width: 167px;text-indent: -9999px;margin: 0;padding: 0;}
#reorder {height: 36px;width: 253px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_reorder.jpg) no-repeat 0 0;}
#plans {height: 36px;width: 321px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_plans.jpg) no-repeat 0 0;}
#locations {height: 36px;width: 262px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_locations.jpg) no-repeat 0 0;}
#elliotteyecare {height: 36px;width: 232px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_elliotteyecare.jpg) no-repeat 0 0;}
#fceyecare {height: 36px;width: 335px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_fceyecare.jpg) no-repeat 0 0;}
#volvisioncenter {height: 36px;width: 339px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_volvisioncenter.jpg) no-repeat 0 0;}
#volunteereyecarenorth {height: 36px;width: 348px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_voleyecarenorth.jpg) no-repeat 0 0;}
#volunteereyecaresouth {height: 36px;width: 348px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_voleyecaresouth.jpg) no-repeat 0 0;}
#products {height: 36px;width: 284px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_productsServices.jpg) no-repeat 0 0;}
#request {height: 36px;width: 346px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_request.jpg) no-repeat 0 0;}
#education {height: 36px;width: 257px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_education.jpg) no-repeat 0 0;}
#cataracts {height: 36px;width: 154px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_cataracts.jpg) no-repeat 0 0;}
#diabetes {height: 36px;width: 140px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_diabetes.jpg) no-repeat 0 0;}
#dryEyes {height: 36px;width: 141px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_dryEyes.jpg) no-repeat 0 0;}
#glaucoma {height: 36px;width: 150px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_glaucoma.jpg) no-repeat 0 0;}
#macular {height: 36px;width: 336px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_macular.jpg) no-repeat 0 0;}
#astigmatism {height: 36px;width: 193px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_astigmatism.jpg) no-repeat 0 0;}
#hyperopia {height: 36px;width: 154px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_hyperopia.jpg) no-repeat 0 0;}
#myopia {height: 36px;width: 113px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_myopia.jpg) no-repeat 0 0;}
#presbyopia {height: 36px;width: 166px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_presbyopia.jpg) no-repeat 0 0;}
#disclaimer {height: 36px;width: 169px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_disclaimer.jpg) no-repeat 0 0;}
#events {height: 36px;width: 288px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_events.jpg) no-repeat 0 0;}
#forms {height: 36px;width: 207px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_forms.jpg) no-repeat 0 0;}
#newsletter {height: 36px;width: 280px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_newsletter.jpg) no-repeat 0 0;}
#frames {height: 36px;width: 114px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_frames.jpg) no-repeat 0 0;}
#lenses {height: 36px;width: 114px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_lenses.jpg) no-repeat 0 0;}
#coatings {height: 36px;width: 142px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_coatings.jpg) no-repeat 0 0;}
#contacts {height: 36px;width: 228px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_contacts.jpg) no-repeat 0 0;}
#technology {height: 36px;width: 305px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_technology.jpg) no-repeat 0 0;}
#services {height: 36px;width: 306px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_services.jpg) no-repeat 0 0;}
#prescriptions {height: 36px;width: 389px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_prescriptions.jpg) no-repeat 0 0;}
#surgical {height: 36px;width: 369px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_surgical.jpg) no-repeat 0 0;}
#medical {height: 36px;width: 335px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_medical.jpg) no-repeat 0 0;}
#comprehensive {height: 36px;width: 367px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_comprehensive.jpg) no-repeat 0 0;}
#vsp {height: 36px;width: 420px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_vsp.jpg) no-repeat 0 0;}
#vision-care-direct {height: 36px;width: 420px;text-indent: -9999px;margin: 0;padding: 0;background: #F8F8F8 url(../i/gfx_title_vision-care-direct.jpg) no-repeat 0 0;}

#clear {clear: both;background: transparent url(../i/gfx_footer_shadow.gif) repeat-x 0 0;height: 6px;}
#footer {background: transparent url(../i/gfx_footer_bkg.gif) no-repeat 0 0;height: 40px;text-align: right;padding: 7px 34px 0 0;}
#footer a {color: #7C7C7C;text-decoration: none;}
#footer p {font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size: 0.5em;text-transform: uppercase;color: #7C7C7C;padding: 0px;}
#main-content ul, #main-content ul ul {list-style-position: outside;list-style-type: disc;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;color: #333333;line-height: 1.5em;margin-bottom: 14px;padding: 0px;margin-left: 14px;}
#back {background-color: #F4F4F4;display: block;float: right;border: 1px solid #A8A8A8;font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size: 0.5em;line-height: 0.9em;text-transform: uppercase;font-weight: bold;padding: 4px 0;margin: 0 0 12px 12px;}
#back a, #back a:visited {color: #595959;text-decoration: none;padding: 4px 9px;}
#back a:hover {background-color: #3C7EC7;color: #FFFFFF;text-decoration: none;}
.phone {padding-left: 10px;}
.bold {font-weight: bold;}
.marginLeft {width: 10px;float: left;}
.floatLeft {float: left;margin-right: 12px;}
.floatRight {float: right;margin-left: 12px;clear: both;}
.form {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.7em;color: #333333;line-height: 1.5em;padding: 0px;margin: 0px;}
.red {font-weight: bold;color: #CC0000;}
.location {width: 513px;height: 1%;overflow: visible;display: block;border-bottom: 1px dotted #333333;margin: 0 0 10px 0;padding: 8px;background: #F3F3F3;border: 1px solid #A8A8A8;-moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.disclaimer {font-size: 0.6em;font-style: italic;}
h3 { font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif; color: #333333; }
#facebook { background: url(../i/facebook.png) no-repeat 0 0; width: 116px; height: 16px; padding: 3px 0 0 20px; margin: 0; display: block; position: absolute; top: -24px; left: 89px; }
#facebook a, #facebook a:visited { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size: 0.6em;line-height: 0.8em; color: #D8E5F4;text-decoration: none;}
#facebook a:hover {color: #FFF;text-decoration: underline;}