/* sgo CSS Document */


#container
{
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

#banner
{
  position: relative;
  height: 90px;
  background: url(images/i_banner.gif) no-repeat;
}

#emailAdd
{
  display: block;
  height: 30px;
  width: 246px;
  margin-left: 635px;
  padding-top: 56px;
  text-decoration: none;
  background: url(images/i_email.gif) bottom no-repeat;
}

#emailAdd img
{
  border: 0px solid;
}




#social
{
  position: absolute;
  top: 20px;
  right: 190px;
  height: 25px;
  padding-top: 5px;
  padding-right: 10px;
}
#social a
{
  display: block;
  float: right;
  margin-right: 4px;
}
#social a.facebook
{
  width: 24px;
  height: 25px;
  background: url(images/i_facebookLogo.png) no-repeat;
}
#social a.twitter
{
  width: 24px;
  height: 25px;
  background: url(images/i_twitterLogo.png) no-repeat;
}




#menu
{
  height: 102px;
}

#menuLeft
{
  float: left;
  width: 33px;
  height: 102px;
  background: url(images/i_menu_left.jpg) no-repeat;
}

#menu a img
{
  float: left;
}

a img
{
  border: 0px solid; 
}

#menuRight
{
  float: left;
  width: 19px;
  height: 102px;
  background: url(images/i_menu_right.jpg) no-repeat;
}





h1
{
  font: normal 26px Arial, Helvetica, Sans-Serif;
}





#mainPageContainer
{
  clear: both;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  background: url(images/i_mainpageContainerSlice.gif) repeat;
}

#mainPageLeft
{
  width: 593px;
  float: left;
  text-align: left;
  padding: none;
  margin: none;
  background: url(images/i_mainPageSlice.gif) center repeat;
}

.textBox
{
  width: 500px;
  padding-right: 5px;
  margin-left: 55px;
}

.textBox p
{
  text-align: justify;
}

/*.textBox a
{
  font: bold 10pt verdana;
  color: #000000;
}*/

.textBox li
{
  font: 10pt verdana;
  padding-bottom: 10px;
}

.tightList li
{
  padding-bottom: 0px;
}

.title
{
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
  font: bold 12pt verdana;
  color: black;   
}

.pageLink
{
  width: 500px;
  padding: none;
  margin-left: 55px;
}





h2, h3, h4
{
  font-family: Arial, Helvetica, 'Sans Serif';
  color: #910000;
}
h4
{
  color: black;
}





a:link, a:active, a:visited
{
  /*font: bold 10pt verdana;*/
  color: #0000FF;
}

a:hover
{
  color: #990000;
}

a.title
{
  color: #000000;
}

a.questionLink
{
  color: #990000;
}

a.questionLink:hover
{
  color: #FF0000;
}

a.top
{
  display: block;
  margin-top: 15px;
  margin-left: 65px;
}


#anatomyOfTheEye
{
  height: 313px;
  width: 500px;
  margin-top: 5px;
  margin-bottom: 5px;
  background: url(images/i_anatomyOfTheEye_noText.jpg) center no-repeat;
}

.anatomyBox01
{
  margin-top: 60px;
  float: left;
  width: 215px;
  height: 200px;
  text-align: right;
}

.anatomyBox02
{
  margin-top: 95px;
  float: left;
  width: 140px;
  height: 150px;
  text-align: right;
}

.anatomyBox03
{
  margin-top: 60px;
  float: left;
  width: 135px;
  height: 250px;
  text-align: right; 
}

#anatomyOfTheEye a
{
  color: #990000;
}

#anatomyOfTheEye a:hover
{
  color: #FF0000;
}



#sGO
{
  font: 11pt lucida calligraphy;
  color: #990000;
}


#table
{
  text-align: center;
  font: 10pt verdana;
  color: black; 
}

.imageCentered
{
  text-align: center;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 10px;
}

.imageFloatRight
{
  float: right;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 10px;
} 

.imageFloatLeft
{
  float: Left;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 10px;
}

.imageAndTextFloatLeft
{
  width: 200px;
  float: Left;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
}

.twoImagesInline
{
  width: 500px;
  padding-left: 25px;
}

.twoParagraphsInline
{
  clear: both;
  width: 500px;
  padding-left: 25px;
}



.mainPageLeftSpacer
{
  clear: both;
  height: 10px;
  background: url(images/i_mainPageSlice.gif) center repeat;
}

#mainPageLeftBottom
{
/*  width: 593px;*/
  height: 60px;
  background: url(images/i_mainPageBottom.gif) top no-repeat;
}

.mainPageLeftPageBottomAndTop
{
  height: 75px;
  background: url(images/i_pageBottom_WithPageTop.gif) no-repeat;  
}

.mainPageLeftPageRip
{
  height: 60px;
  font: bold 10pt verdana;
  background: url(images/i_pageRip.gif) no-repeat;
}

#mainPageRight
{
  width: 295px;
  float: left;
  text-align: left;
  background: url(images/i_mainPageSpacer.gif) repeat;
}
#mainPageRightBottom
{
  height: 15px;
  background: url(images/i_mainPageSpacer.gif) center repeat;
}


.textBox ul
{
  padding-right: 60px;
}


.FAQList
{
  margin-top: 0px;
  margin-bottom: 0px;
}

.FAQList li
{
  padding-bottom: 0px;
  font: 10pt verdana;
}


.FAQList a
{
  color: #000000;
  text-decoration: none;
}

.FAQList a:hover
{
  color: #777777;
}






.Link:link, .Link:visited, .Link:active
{
  font: bold 10pt arial;
  color: #000000;
  text-decoration: underline; 
}

.Link:hover
{
  font: bold 10pt arial;
  color: #777777;
  text-decoration: underline;
}





#submenuContainer
{
  width: 290px;
  padding-top: 10px;
  background: url(images/i_submenuBackground.gif) center repeat; 
}
#submenuTop
{
  height: 5px;
  width: 290px; 
  background: url(images/i_submenuTop.gif) bottom no-repeat;
}
#submenu
{
  width: 290px;
}
#submenu ul
{
  text-align: center;
  width: 280px;
  margin-left: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}
#submenu li
{
  height: 53px;
  line-height: 53px;
  list-style-type: none;
  color: black;
}
#submenu a
{
  color: black;
}





/*SUBMENU LINKS START*/

#submenu a:link, #submenu a:visited, #submenu a:active
{
  text-decoration: none;
  color: black;
}
#submenu a.selected
{
  border-bottom: 4px solid black;
}
.submenuLink1:link, .submenuLink1:visited, .submenuLink1:active
{
  font: bold 23pt arial; 
  letter-spacing: 5px;
}
.submenuLink1:hover
{
  font: bold 24pt arial;
}
.submenuLink2:link, .submenuLink2:visited, .submenuLink2:active
{
  font: bold 20pt arial;
  letter-spacing: 6px;
}
.submenuLink2:hover
{
  font: bold 24pt arial;
}
.submenuLink3:link, .submenuLink3:visited, .submenuLink3:active
{
  font: bold 18pt arial;
}
.submenuLink3:hover
{
  font: bold 22pt arial;
}
.submenuLink4:link, .submenuLink4:visited, .submenuLink4:active
{
  font: bold 16pt arial;
}
.submenuLink4:hover
{
  font: bold 22pt arial;
}
.submenuLink5:link, .submenuLink5:visited, .submenuLink5:active
{
  font: bold 14pt arial;
  letter-spacing: 4px;
}
.submenuLink5:hover
{
  font: bold 24pt arial;
}

/*SUBMENU LINKS END*/





#submenuBottom
{
  height: 10px;
  width: 290px;
  margin-bottom: 20px;
  background: url(images/i_submenuBottom.gif) top no-repeat;
}





#magnification
{
  height: 140px;
  padding-left: 10px;
}

.magnifier1, .magnifier1selected, .magnifier2, .magnifier2selected, .magnifier3, .magnifier3selected
{
  display: block;
  float: left;
  width: 88px;
  height: 130px;
}
.magnifier1
{
  background: url(images/i_magnify_1_up.jpg);
}
.magnifier1:hover, .magnifier1selected
{
  background: url(images/i_magnify_1_over.jpg);
}
.magnifier2
{
  background: url(images/i_magnify_2_up.jpg);
}
.magnifier2:hover, .magnifier2selected
{
  background: url(images/i_magnify_2_over.jpg);
}
.magnifier3
{
  background: url(images/i_magnify_3_up.jpg);
}
.magnifier3:hover, .magnifier3selected
{
  background: url(images/i_magnify_3_over.jpg);
}




.sidebox
{
  width: 225px;
  margin-left: 30px;
  margin-bottom: 20px;
  background: url(images/i_sideBoxBackground.png);
}
.sidebox > div
{
  background: url(images/i_sideBoxTop.png) top no-repeat;
}
.sidebox > div > div
{
  overflow: hidden;
  padding-top: 5px;
  padding-right: 8px;
  padding-bottom: 28px;
  padding-left: 8px;
  background: url(images/i_sideBoxBottom.png) bottom no-repeat;
}





#eyeplanLogo
{
  height: 37px;
  margin-top: 20px;
  margin-bottom: 5px;
  background: url(images/i_eyeplan.png) center no-repeat;
}
.eyeplanText
{
  padding-left: 20px;
  padding-right: 20px;
  font: 10pt Arial;
  color: #485294;
}
.eyeplanText li
{
  padding-bottom: 5px;
  padding-top: 3px;
}
#eyeplanFooter
{
  margin-left: 10px;
  padding-left: 50px;
  background: url(images/i_eyeplanIcon.png) left no-repeat;
}
.eyeplanLink:link, .eyeplanLink:visited, .eyeplanLink:active
{
  font: bold 10pt arial;
  color: #FF6600;
  text-decoration: none;
}
.eyeplanLink:hover
{
  font: bold 10pt arial;
  color: #FF6600;
  text-decoration: underline;
}




#wwText
{
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 50px;
  text-align: center;
  font: 10pt verdana;
  background: url(images/i_WW.png) left no-repeat;
}
#wwText a
{
  color: #516026;
  text-decoration: none; 
}
#wwText a:hover
{
  text-decoration: underline; 
}



#recycleText
{
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 55px;
  text-align: left;
  font: 10pt verdana;
  background: url(images/i_recycle.png) left no-repeat;
  color: #339900;
}
#recycleText a
{
  color: #339900;
  text-decoration: none; 
}
#recycleText a:hover
{
  color: #339900;
  text-decoration: underline; 
}




.mainPageContainerSpacer
{
  clear: both;
  height: 1px;
  width: 900px;
  background: url(images/i_mainpageContainerSlice.gif) repeat;
}





#footer
{
  width: 900px;
  height: 51px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font: normal 8pt Verdana;
  background: url(images/i_footer.gif) top no-repeat;
}
.footerTextContainer
{
  height: 100px;
  padding-top: 40px;
}
.link2link
{
  text-decoration: none;
  font: 8pt arial;
  color: blue;
}
.link2link:hover
{
  color: #9999FF;
}





.spacer
{
  clear: both;
  height: 1px;
}

p
{ 
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font: 20px Verdana, Arial;
  color: black; 
}

table
{
  font: 10pt verdana;
}





.offerBox
{
  width: 460px;
  margin: 20px auto;
  padding: 10px;
  background: #FFFFD9;
  border: 2px solid #CCC;
}
.offerBox h3
{
  margin: 0px;
  color: red;
}
.offerBox h4
{
  margin: 0px;
  line-height: 1.4em;
  font-size: 22px;
  color: green;
}