body { background-color: #3E4986; margin: 0 auto 20px auto; } a:link, a:visited { color: #3E4986; } h1 { color: #3E4986; font-size: 15pt; font-weight: bold; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; margin-top:0; text-align:left } h2 { color: #3E4986; font-size: 11pt; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left } h3 { color: #3E4986; font-size: 10pt; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left } .subhed { color: #3E4986; font-size: 11pt; font-weight: bold; font-family: Verdana,Arial, Helvetica, sans-serif } .practicehed { color: #3E4986; font-size: 10pt; font-weight: bold; font-family: Verdana,Arial, Helvetica, sans-serif } .copy { color: #000000; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-align:left } .copy p { color: #000000; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-align:left } .copy a:link, .copy a:visited { color: #3E4986; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; } .copy a:hover { text-decoration: none; } .state { color: #000000; font-size: 10pt; font-family: Arial, Helvetica, sans-serif } .state p { color: #000000; line-height: 11pt; font-size: 10pt; font-family: Arial, Helvetica, sans-serif } .state a:link, .state a:visited { color: #3E4986; line-height: 11pt; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; } .state a:hover { text-decoration: none; } .copysml { color: #000000; font-size: 8pt; font-family: Arial, Helvetica, sans-serif } .copysml a:visited { color: #3E4986; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; } .copysml a:hover { text-decoration: none; } ol { list-style-position: inside; } ol li { padding: 3px 10px; } hr { height: 1.7px; color: #3E4986 ; margin: 0 0 10px 0; } hr { border: 1px solid #3E4986 ; border-width: 1px 0 0; margin: 0 0 10px; } /* margin - top, right, bottom, left */ #copylinespace { color: #000000; line-height: 12pt; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; } #copylinespace li { padding: 0 0 10pt 0; line-height: 12pt; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; } /* margin - top, right, bottom, left */ .copynospace { color: #000000; line-height: 12pt; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; padding: 0 0 0 0; text-align:left } #copynospace { color: #000000; line-height: 12pt; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; text-align:left } #copynospace li { padding: 0 0 0 0; text-align:left } /* margin - top, right, bottom, left */ .cap { color: #666666; font-size: 8pt; font-weight: bold; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; margin-top:0; } .copyrt { color: #000000; font-size: 10px; line-height: 12px; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif } .copyrt a:link, .copyrt a:hover, .copyrt a:visited { color: #3E4986; text-decoration: underline; font-size: 10px; line-height: 12px; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif } .slug { color: #000000; font-size: 10px; line-height: 12px; text-decoration: none; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; margin: 0; } .slug a:link, .slug a:visited { color: #000000; font-size: 10px; line-height: 12px; text-decoration: none; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif } .slug a:hover { text-decoration: underline; } .nav { color: #000000; font-size: 10px; line-height: 12px; text-decoration: none; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif } .nav a:hover { color: #000000; font-size: 10px; line-height: 12px; text-decoration: underline; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif } .side { color: #000000; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; margin:0; } .sidesml { color: #000000; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; margin:0; } .note { color: #000000; font-size: 11px; line-height: 13px; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif } .subhed { color: #3E4986; font-size: 11pt; font-weight: bold; font-family: Verdana,Arial, Helvetica, sans-serif; margin:0; } .subhed a:link, .subhed a:visited { color: #3E4986; font-size: 11pt; font-weight: bold; font-family: Verdana,Arial, Helvetica, sans-serif } .subhed a:hover { color: #3E4986; font-size: 11pt; font-weight: bold; text-decoration: underline; font-family: Verdana,Arial, Helvetica, sans-serif } .resourcesnav { color: #000000; font-size: 9px; line-height:9px; text-decoration: none; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; margin: 0px 15px 10px 15px; } .resourcesnav a:link, a:visited { color: #000000; font-size: 11px; line-height: 11px; text-decoration: none; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; } .resourcesnav a:hover { text-decoration: underline; } .asknav { color: #000000; font-size: 11px; line-height: 12px; text-decoration: none; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; margin: 35px 15px 0px 20px; } .asknav a:link, a:visited { color: #000000; font-size: 11px; line-height: 12px; text-decoration: none; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; } .asknav a:hover { text-decoration: underline; } .fitternav { color: #000000; font-size: 11px; line-height: 12px; text-decoration: none; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; margin: 15px 15px 0px 20px; } .fitternav a:link, a:visited { color: #000000; font-size: 11px; line-height: 12px; text-decoration: none; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; } .fitternav a:hover { text-decoration: underline; } .gkcnav { color: #000000; font-size: 11px; line-height: 12px; text-decoration: none; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; margin: 0px 15px 0px 15px; } .gkcnav a:link, a:visited { color: #000000; font-size: 11px; line-height: 12px; text-decoration: none; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif; } .gkcnav a:hover { text-decoration: underline; } #rollover ul { position: relative; float: left; width: 200px; list-style: none; font-size: 11px; margin: 0; padding: 0; } #rollover li { display: block; position: relative; left: 0; top: 0; float: left; height: auto; z-index: 0; margin: 0; } #rollover li a { cursor: pointer; height: auto; position: relative; left: 0; display: block; overflow: hidden; text-decoration: none; z-index: 0; } #rollover li a:hover { text-decoration: none; } #rollover li span { position: absolute; left: 0; top: 0; height: auto; display: block; z-index: 0; } #rollover li.database, #rollover li.database a, #rollover li.database span { width: 398px; height: 30px; background: url(../images/home-btm-mid-b-398x30.gif) no-repeat 0 0; z-index: 0; } #rollover li.database a:hover span { background: url(../images/home-btm-mid-b-on-398x30.gif) no-repeat 0 0; } #rollover li.directory, #rollover li.directory a, #rollover li.directory span { width: 398px; height: 35px; background: url(../images/home-btm-mid-c-398x35.gif) no-repeat 0 0; z-index: 0; } #rollover li.directory a:hover span { background: url(../images/home-btm-mid-c-on-398x35.gif) no-repeat 0 0; } #rollover li.locator, #rollover li.locator a, #rollover li.locator span { width: 398px; height: 35px; background: url(../images/home-btm-mid-d-398x35.gif) no-repeat 0 0; z-index: 0; } #rollover li.locator a:hover span { background: url(../images/home-btm-mid-d-on-398x35.gif) no-repeat 0 0; } /* home nav page */ #homenav { position: relative; width: 200px; list-style: none; font-size: 11px; margin: 0; padding: 0; display: block; } #homenav li { display: block; position: relative; left: 0; top: 0; float: left; width: 200px; height: 26px; z-index: 2; margin: 0; } #homenav li a, #homenav li a:visited { cursor: pointer; width: 200px; height: 26px; position: relative; left: 0; display: block; overflow: hidden; text-decoration: none; z-index: 2; } #homenav li a:hover { text-decoration: none; } #homenav li span { position: absolute; left: 0; top: 0; width: 200px; height: 26px; display: block; z-index: 2; } #homenav li.education, #homenav li.education a, #homenav li.education span { width: 200px; height: 26px; background: url(../images/nav-home-gp-clinical-ed.jpg) no-repeat 0 0; z-index: 51; display: block; } #homenav li.education a:hover span { background: url(../images/nav-home-gp-clinical-ed-on.jpg) no-repeat 0 0; } #homenav li.symposia, #homenav li.symposia a, #homenav li.symposia span { width: 200px; height: 26px; background: url(../images/nav-home-online-symposia.jpg) no-repeat 0 0; z-index: 48; display: block; } #homenav li.symposia a:hover span { background: url(../images/nav-home-online-symposia-on.jpg) no-repeat 0 0; } #homenav li.order, #homenav li.order a, #homenav li.order span { width: 200px; height: 26px; background: url(../images/nav-home-order.jpg) no-repeat 0 0; z-index: 47; } #homenav li.order a:hover span { background: url(../images/nav-home-order-on.jpg) no-repeat 0 0; } #homenav li.newsletter, #homenav li.newsletter a, #homenav li.newsletter span { width: 200px; height: 26px; background: url(../images/nav-home-newsletter.jpg) no-repeat 0 0; z-index: 45; } #homenav li.newsletter a:hover span { background: url(../images/nav-home-newsletter-on.jpg) no-repeat 0 0; } #homenav li.events, #homenav li.events a, #homenav li.events span { width: 200px; height: 26px; background: url(../images/nav-home-events.jpg) no-repeat 0 0; z-index: 44; } #homenav li.events a:hover span { background: url(../images/nav-home-events-on.jpg) no-repeat 0 0; } #homenav li.websites, #homenav li.websites a, #homenav li.websites span { width: 200px; height: 26px; background: url(../images/nav-home-other-websites.jpg) no-repeat 0 0; z-index: 43; } #homenav li.websites a:hover span { background: url(../images/nav-home-other-websites-on.jpg) no-repeat 0 0; } #homenav li.consumer, #homenav li.consumer a, #homenav li.consumer span { width: 200px; height: 26px; background: url(../images/nav-home-consumer-ed.jpg) no-repeat 0 0; z-index: 42; } #homenav li.consumer a:hover span { background: url(../images/nav-home-consumer-ed-on.jpg) no-repeat 0 0; } /* second level menus expanded #homenav li ul li ul.expanded li a:link, #subnav li ul li ul.expanded li a:visited { padding: 3px 5px 3px 33px; width: 200px; w\idth: 137px; font-size: 11px; }*/ /* popup hover menus nav home page */ #homenav li ul, #homenav li ul li ul { display: none; position: absolute; width: 200px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; z-index: 150; margin: 0; padding: 0; } #homenav li ul li, #homenav li ul li ul li { width: 200px; height: auto; left: 0; } #homenav li>ul, #homenav li ul li>ul { top: 0; left: 200px; } #homenav li:hover ul, #homenav li.sfhover ul, #homenav li ul li:hover ul, #homenav li ul li.sfhover ul { top: 0; left: 200px; display: block; } #homenav li ul li a:link, #homenav li ul li a:visited { background: #C9D0E9; cursor: pointer; color: #000; padding: 5px; width: 200px; w\idth: 190px; text-decoration: none; display: block; height: auto; line-height: 16px; font-size: 11px; font-weight: normal; } #homenav li ul li a:hover { background-color: #E6E6F0; color: #000; } /* left nav inside pages */ #subnav { position: relative; float: left; width: 200px; list-style: none; font-size: 11px; margin: 0; padding: 0; display: block; } #subnav li { display: block; position: relative; left: 0; top: 0; float: left; width: 200px; height: 26px; z-index: 2; margin: 0; } #subnav li a:link; #subnav li a:visited; { cursor: pointer; width: 200px; height: 26px; position: relative; left: 0; display: block; overflow: hidden; text-decoration: none; z-index: 2; } #subnav li a:hover { text-decoration: none; } #subnav li span { position: absolute; left: 0; top: 0; width: 200px; height: 26px; display: block; z-index: 2; } #subnav li.education, #subnav li.education a, #subnav li.education span { width: 200px; height: 26px; background: url(../images/nav-inside-gp-clinical-ed.jpg) no-repeat 0 0; z-index: 51; } #subnav li.education a:hover span { background: url(../images/nav-inside-gp-clinical-ed-on.jpg) no-repeat 0 0; } #subnav li.resources, #subnav li.resources a, #subnav li.resources span { width: 200px; height: 26px; background: url(../images/nav-inside-new-resources.jpg) no-repeat 0 0px; z-index: 50; } #subnav li.resources a:hover span { background: url(../images/nav-inside-new-resources-on.jpg) no-repeat 0 0; } #subnav li.gplms, #subnav li.gplms a, #subnav li.gplms span { width: 200px; height: 26px; background: url(../images/nav-inside-gp-lenses.jpg) no-repeat 0 0px; z-index: 49; } #subnav li.gplms a:hover span { background: url(../images/nav-inside-gp-lenses-on.jpg) no-repeat 0 0; } #subnav li.symposia, #subnav li.symposia a, #subnav li.symposia span { width: 200px; height: 26px; background: url(../images/nav-inside-online-symposia.jpg) no-repeat 0 0; z-index: 48; } #subnav li.symposia a:hover span { background: url(../images/nav-inside-online-symposia-on.jpg) no-repeat 0 0; } #subnav li.order, #subnav li.order a, #subnav li.order span { width: 200px; height: 26px; background: url(../images/nav-inside-order.jpg) no-repeat 0 0; z-index: 47; } #subnav li.order a:hover span { background: url(../images/nav-inside-order-on.jpg) no-repeat 0 0; } #subnav li.ask, #subnav li.ask a, #subnav li.ask span { width: 200px; height: 26px; background: url(../images/nav-inside-ask-us.jpg) no-repeat 0 0; z-index: 46; } #subnav li.ask a:hover span { background: url(../images/nav-inside-ask-us-on.jpg) no-repeat 0 0; } #subnav li.fitter, #subnav li.fitter a, #subnav li.fitter span { width: 200px; height: 26px; background: url(../images/nav-inside-fitter.jpg) no-repeat 0 0; z-index: 45; } #subnav li.fitter a:hover span { background: url(../images/nav-inside-fitter-on.jpg) no-repeat 0 0; } #subnav li.newsletter, #subnav li.newsletter a, #subnav li.newsletter span { width: 200px; height: 26px; background: url(../images/nav-inside-newsletter.jpg) no-repeat 0 0; z-index: 44; } #subnav li.newsletter a:hover span { background: url(../images/nav-inside-newsletter-on.jpg) no-repeat 0 0; } #subnav li.events, #subnav li.events a, #subnav li.events span { width: 200px; height: 26px; background: url(../images/nav-inside-events.jpg) no-repeat 0 0; z-index: 43; } #subnav li.events a:hover span { background: url(../images/nav-inside-events-on.jpg) no-repeat 0 0; } #subnav li.websites, #subnav li.websites a, #subnav li.websites span { width: 200px; height: 26px; background: url(../images/nav-inside-other-websites.jpg) no-repeat 0 0; z-index: 42; } #subnav li.websites a:hover span { background: url(../images/nav-inside-other-websites-on.jpg) no-repeat 0 0; } #subnav li.consumer, #subnav li.consumer a, #subnav li.consumer span { width: 200px; height: 26px; background: url(../images/nav-inside-consumer-ed.jpg) no-repeat 0 0; z-index: 41; } #subnav li.consumer a:hover span { background: url(../images/nav-inside-consumer-ed-on.jpg) no-repeat 0 0; } #subnav li.about, #subnav li.about a, #subnav li.about span { width: 200px; height: 26px; background: url(../images/nav-inside-about-gpli.jpg) no-repeat 0 0; z-index: 40; } #subnav li.about a:hover span { background: url(../images/nav-inside-about-gpli-on.jpg) no-repeat 0 0; } #subnav li.home, #subnav li.home a, #subnav li.home span { width: 200px; height: 26px; background: url(../images/nav-inside-home.jpg) no-repeat 0 0; z-index: 39; } #subnav li.home a:hover span { background: url(../images/nav-inside-home-on.jpg) no-repeat 0 0; } /* second level menus expanded #subnav li ul li ul.expanded li a:link, #subnav li ul li ul.expanded li a:visited { padding: 3px 5px 3px 33px; width: 200px; w\idth: 137px; font-size: 11px; }*/ /* popup hover menus left nav inside pages */ #subnav li ul, #subnav li ul li ul { display: none; position: absolute; width: 200px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; z-index: 150; margin: 0; padding: 0; } #subnav li ul li, #subnav li ul li ul li { width: 200px; height: auto; left: 0; } #subnav li>ul, #subnav li ul li>ul { top: 0; left: 201px; } #subnav li:hover ul, #subnav li.sfhover ul, #subnav li ul li:hover ul, #subnav li ul li.sfhover ul { top: 0; left: 201px; display: block; } #subnav li ul li a:link, #subnav li ul li a:visited { background: #C9D0E9; cursor: pointer; color: #000; padding: 5px; width: 200px; w\idth: 190px; text-decoration: none; display: block; height: auto; line-height: 16px; font-size: 11px; font-weight: normal; } #subnav li ul li a:hover { background-color: #E6E6F0; color: #000; } .nav1 { color: #ffffff; font-size: 10px; line-height: 12px; font-weight: bold; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif } .nav2 { color: #000000; font-size: 10px; line-height: 12px; text-decoration: none; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif } .nav2:hover { color: #000066; font-size: 10px; line-height: 12px; text-decoration: underline; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif } .copyblu { color: #000099; font-size: 10pt; font-family: Arial, Helvetica, sans-serif } .welcome { color: #000099; font-size: 14.5px; font-weight: bold; text-decoration: none; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif } .welcome:hover { color: #000099; font-size: 14.5px; font-weight: bold; text-decoration: underline; font-family: Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif } input.error { width: 202px; w\idth: 196px; } .error { border: 1px solid #c00; color: #c00; background: #fcc; margin: 1px 0; padding: 0 3px; font-weight: bold; }