/* ////////////////////////////////////////////
				BODY
//////////////////////////////////////////// */

body { 
  margin:5px;
  padding:0px;
  background-color:#fff;
  font-family:DIN, Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  /*font-size:62.5%;*/
}
.body { 
  margin:5px;
  padding:0px;
  background-color:#fff;
  font-family:DIN, Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
}
  
.lock{  background:url("../gif/lock.gif") no-repeat center right;}
#body {
  text-align:left }

#centered {
  text-align:center }
  
#leftContent{
padding: 0em 0em 1em 0em;
margin: 2em 1em 0em 0em;
/*float:left;*/
}
#rightContent{
padding: 0em 0em 5em 1em;
margin: 2em 0em .5em 0em;
border-left: 2px dotted #000;
/*float:right;*/
}
#centerContent{
padding: 0em 0em 5em 0em;
margin: 2em 0em 0em 0em;
}

#footer{
  font-size:10px;
  line-height:1.5;
  color:#884a95;
  margin-left:0px;
  border-top: 1px solid #b9b9b9;
}

#relatedInfo{
 margin:2em 1em .5em 0em ;
 padding:0em .5em .5em .5em ;

 font-size:10px;
 background: #FFFADF;
 border:1px solid #eee;
}

#relatedInfo p.bold{
 font-size:11px;
 font-weight:bold;
}
#relatedInfo hr{
 border: 1px solid #fff;
 text-align:center;
 width:100%; margin:.5em 0em 0em 0em;
 }

div.hr{
 border-top: 1px dotted #ccc;
 text-align:center;
 width:100%; margin:0; padding:0;
 }
.notScreen {display: none;}
div.homepageScreen {display:none;}
.width800{
width: 820px;
}
.width400{
width: 400px;
}

.webCasts{
 margin:2em 0em 0em 0em ;
 padding:0em 0em .5em 0em ;
 font-size:10px;
 background: #fff;
 border-bottom:1px solid #eee;
}
/* ////////////////////////////////////////////
				BORDERS
//////////////////////////////////////////// */

.mainBorder{
  border-top: 1px solid #b9b9b9;  border-bottom: 0px solid #b9b9b9; /* No footer border because it's in the blueBG color */
  border-left: 1px solid #b9b9b9;  border-right: 1px solid #b9b9b9;
  background-color: #fff;
}
.greyBorder{
  border: 1px solid #b9b9b9;
}




/* ////////////////////////////////////////////
				COLORS
//////////////////////////////////////////// */
.purpleBG{
background-color: #F3EDF4;border:1px solid #eee;
}

.yellowBrdr{
  border:2px solid #FBF1BE;
}
.greyBrdr{
  border:2px solid #EBEBEB;
}

.yellowBgtxt{
  background-color: #FFFADF;
  border-top:1px solid #ebebeb;
}

td.yellowBg{
  background-color: #FBF1BE;
  border-bottom:1px solid #b9b9b9;
}

td.dkbluegrey {
background-color: #86979F; padding: .5em;  width:380px;
}

td.ltbluegrey {
background-color: #D9E3E9;  width:380px;
}
td.white {
background-color: #fff;  width:380px;
}
td.grey{
background-color: #EBEBEB; width:380px;
}
table.grey{
background-color: #EBEBEB; 
font-size:12px; font-weight:normal;width:380px;
  line-height:1.5; text-align:left; color:#000; padding-left: .5em;padding-right: .5em;
}
.grey th{
  font-size:12px; font-weight:bold;
  line-height:1.5; text-align:left; color:#000; padding: .5em; background-color: #EBEBEB;
}
.blackText th, .blackTextSm th{
  font-size:12px; font-weight:normal;
  line-height:1.5; text-align:left; color:#fff; padding: .5em; background-color: #86979F;
}

table.greyBg{
 font-size:12px; font-weight:bold;width:380px;
  line-height:1.5; text-align:left; color:#000; padding: .5em; background-color: #EBEBEB;
}
table.greyBgSm{
 font-size:12px; font-weight:bold;width:350px;
  line-height:1.5; text-align:left; color:#000; padding: .5em; background-color: #EBEBEB;
}
#greyTextWhiteBG p, #greyTextWhiteBG, table.greyTextWhiteBG {
  font-size:12px;
  line-height:1.5;
  color:#808080;
}
  

#greyText p, #greyText, table.greyText {
  font-size:12px;
  line-height:1.5;
  color:#808080; background-color: #EBEBEB;
}
  
#blackText p, #blackText{
  font-size:11px;
  line-height:1.5;
  color:#000;
}

table.blackText{
width:380px;
font-size:11px;
  line-height:1.5;
  color:#000;
}
table.blackTextSm{
width:350px;
font-size:11px;
line-height:1.5;
color:#000;
}


table.lenscalculator{
width:360px;
font-size:11px;
line-height:1.5;
color:#000; border:#000 1px solid; background-color:#E2E9D6;
}
  

/* ////////////////////////////////////////////
				IMAGES
//////////////////////////////////////////// */

td.topImgRepeat{
  background: url("../gif/navrepeat.gif") repeat-x;background-color: #FBF1BE;
}
#butterfly{
background: url("../gif/butterfly.jpg") bottom left no-repeat;
}
#butterfly2{
background: url("../gif/butterfly.jpg") bottom left no-repeat;
height:70px;
}

#butterflyBtm{
position:relative;
left:0px;
top:200px;
}

#extraSpace{
margin-bottom:500px;
}
#extraSpaceLess{
margin-bottom:300px;
}