/* CSS Document */

.heightFiller1{width:100%;height:580px;}
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

body {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	 background-color:#EEFFEE;
	 color:
	

}
h3 {
	margin-top: 0px;
	padding-top: 0px;
}

form
{
padding:0px;
margin:0px;
}

div#head {
	left:0px;
	width:810px;
	height:100px;
	background-color: #FFFF66;
	background-color:#EEFFEE;
	top: 0px;
	position: absolute;
	border-bottom:5px solid #009933;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
}
div#wrapper {
	position:relative; 
	margin-left:auto; 
	margin-right:auto; 
	/*top: 20px; */
	
	width:810px;  
	background-color: #CCCCCC; 
	background-color:none;
}
div#columns {
	width: 808px;
	position: relative;
	top: 105px;
	background-color: #CCCCCC;
	border:1px solid #009933;
	border-top:none;
	background-color:#EFEFEF;
	background-color:#D6EDD7;
	background-color:#FFFFFF;
	
	
	}
div#side1 {
	position:absolute;
	left:0px;
	width:190px;

	top: 0px;
background-color:#D6EDD7;
background-color:#FFFFFF;
}
div#content {
	background-color: #fff;
	width: 537px;
	position: static;
	margin-top: 0px;
	margin-left: 250px;
	padding: 10px;
	border-left:1px solid #CDCDCD;
	border-left:1px solid #339900;
	padding-bottom:60px;
	overflow:hidden;
}
div#side2 {
	position:absolute;
	width:150px;
	background-color: #00FF66;
	left: 600px;
	top: 0px;
}
div#foot {
	background-color: #009933;
	width: 808px;
	height:70px; /*added*/
	clear: both;
	position: relative;
	margin-top: 105px;
	margin-bottom:50px;
	top: 0px;
	border:1px solid #009933;
	border-top:none;
	background-color:#CDEFCD;
	background-color:#008800;
}

.footerTemplate
{
font-size:9px;
padding:5px;
padding-top:5px;
text-align:right;
color:#FFF;
}

a.footerLink, a.footerLink:link, a.footerLink:visited, 
{
color:#FFFFFF;
text-decoration:none;
}

a.footerLink:hover
{
color:#FFFFFF;
text-decoration:underline;
}

.pageHeading 
{ 
font-weight:bold;
font-size:17px;
text-decoration:underline;
width:100%;
height:30px;
}

.clear {
	clear:both;
}

.faqQuestionStyle
{
font-weight:bold;
margin-bottom:5px;
}

.faqSectionStyle
{
margin-bottom:15px;
}

.faqAnswerStyle
{
margin-bottom:15px;
}

.navcontainer ul
{
margin: 0;
padding: 0;
margin-left:12px;
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; 
}

.navcontainer li { 
/*margin: 0 0 3px 0; */
margin: 0 0 0px 0;
}

.navcontainer a
{
display: block;
padding: 4px 4px 4px 4px;
/*border: 1px solid #333;*/
/*
border-bottom: 1px solid #333;
border-left: 1px solid #333;
border-right: 1px solid #333;
*/
margin:2px;
width: 210px;
background-color:#CDCDCD;
background-color:#EDEEFE;
background-color:#A6EEAF;
background-color:#CCFF99;
background-color:#77ee77;
text-align:left;
text-decoration:none;
color:#000000;
border:1px solid #00DE00;

}

.navcontainerHeading
{
display: block;
padding: 4px 4px 4px 4px;
color: #ffffff;
width: 214px;
background-color:#FFFFCB;
background-color:#C8D0E6;
background-color:#DEDEDE;
background-color:#00CC33;
background-color:#22aa22;
font-weight:bold;
text-align:left;
border:1px solid #009900;
}

.navcontainer a:link, .navlist a:visited
{
color: #000000;
text-decoration: none;
font-weight:bold;
}

.navcontainer a:hover
{
/*border: 1px solid #333;*/
/*
border-bottom: 1px solid #333;
border-left: 1px solid #333;
border-right: 1px solid #333;

*/
margin:2px;
background-color:#6699FF;
background-color:#3D65FF;

color: #FFF;
border:1px solid #0055CC;
}

.active a:link, .active a:visited, .active a:hover
{

/*border: 1px solid #333;;*/
/*
border-bottom: 1px solid #333;
border-left: 1px solid #333;
border-right: 1px solid #333;
*/
margin:2px;

background-color:#9999CC;
background-color:#83A3FF;
background-color:#0066FF;
color:#000000;
border:1px solid #0055CC;
}

.submenu
{
width:100px;
text-align:center;
float:left;
padding-top:15px;
}

.heightFiller
{
width:100%;
height:280px;
}
.faqQuestionStyle
{
font-weight:bold;
margin-bottom:5px;
}

.faqSectionStyle
{
margin-bottom:15px;
font-size:16px;
font-weight:bold;
}

.faqAnswerStyle
{
margin-bottom:15px;
}

.lensesHeaderText
{
width:535px;
border-bottom:1px dashed #000;
padding-bottom:10px;
margin-bottom:20px;
}

.contactLenseHolder
{
margin-bottom:5px;
height:140px;
/*border:1px solid #000;*/
}

.contactLenseInfoBox
{
width:390px;
float:left;
margin-left:10px;
margin-bottom:20px;
/*border:1px solid #FF0000;*/
}

.contactLenseImageBox
{
/*border:1px solid #0000FF;*/
float:left;
margin-left:10px;
}

.contactLenseBrand
{
width:100%;
height:15px;
font-weight:bold;
font-size:12px;
}

.contactLenseName
{
width:100%;
height:20px;
font-weight:bold;
font-size:14px;
}

.contactLenseUse
{
width:100%;
font-size:11px;
}

.contactLenseInfo
{
width:100%;
height:20px;
font-size:11px;
}

.contactLenseWaterContent
{
width:100%;
margin-bottom:5px;
font-size:11px;
}

.submenu
{
width:100px;
text-align:center;
float:left;
padding-top:15px;
}


.my_table {
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
}

.cell_border_BR {
  border-bottom:1px solid #000000;
  border-right:1px solid #000000;
}

.cell_border_TLBR {
  border-top:1px solid #000000;
  border-left:1px solid #000000;
  border-bottom:1px solid #000000;
  border-right:1px solid #000000;
}

.cell_border_TLR {
  border-top:1px solid #000000;
  border-left:1px solid #000000;
  border-right:1px solid #000000;
}

.cell_border_LBR {
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}

.cell_border_LB {
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

.cell_border_BLR {
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}

.cell_border_TBL {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

.cell_border_TBR {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}

.cell_border_TL {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  font-weight:bold;
}

.cell_border_TR {
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
}

.cell_border_R {
  border-right: 1px solid #000000;
}

.formTableStyle
{
width:100%;
border:0px;
}

.formTextCellStyle 
{
width:40%;
   padding:4px;
   text-align:right;
   vertical-align:top;
}

.formHeaderCellStyle
{
width:40%;
   padding:4px;
   text-align:right;
   vertical-align:top;
padding-top:10px;
padding-bottom:10px;
}

.formInputCellStyle
{
width:60%;
   padding:4px;
   text-align:left;
   vertical-align:top;
}

A.highlightLink
{
text-decoration: underline;
font-weight:bold;
}

A.highlightLink:hover
{
text-decoration: underline;
font-weight:bold;
color:#999999;
}

.textHeading1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px; color:#000000;
text-decoration: underline;
font-weight:bold;
}

.textHeading2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; color:#000000;
text-decoration: underline;
font-weight:bold;
}


.textMessage1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; color:#000000;
font-weight:bold;
font-style:italic;
}

.attributeRowHeading
{
font-weight:bold;
text-align:right;
background-color:#EFEFEF;
width:120px;
padding:4px;
}

.attributeColumnHeading
{
font-weight:bold;
text-align:left;
background-color:#EFEFEF;
width:120px;
padding:4px;
}


.attributeValue
{
text-align:left;
background-color:#FFFFFF;
width:120px;
padding:4px;
}

.contactLenseSpecTable
{ 
padding:4px;
}

.shoppingCartItemHolder
{
border:1px solid #000;
padding:15px;
margin-bottom:10px;
background-color:#FFFFEE;

}

select {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; color:#000000;
}

input {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px; color:#000000;
}

input.blueButton
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; color:#000000;
	height:24px;
	background-color:#55AAFF;
	border:1px solid #222222;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffbbccff');
}

input.redButton
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px; color:#000000;
   height:24px;
   background-color:#FF3300;
   border:1px solid #222222;
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffffaaaa');
}

input.greenButton
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; color:#000000;
	height:24px;
	background-color:#00CC00;
	border:1px solid #222222;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffaaddaa');
}

.info {margin:0px; height:25px; }
.info ul {margin:0px; padding:0; list-style-type:none; background:transparent; height:25px; border:0px solid #000;  }
.info li {display:block; float:right;border:0px solid #000;  }
.xsnazzy {background:transparent;}
.xsnazzy span {text-align:center; color:#fff; margin:0; font-weight:normal; padding-bottom:0.5em;}

.xtop {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

.xb1a, .xb2a, .xb3a, .xb4a {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

.xb1, .xb2, .xb3 {height:1px;}
a.xmenu2 .xb1a, a.xmenu2 .xb2a, a.xmenu2 .xb3a {height:1px;}

/* active state of bit above tab */
.xb2a, .xb3a, .xb4a {
background:#dd7; 
background:#00CC33; /* LIGHT GREEN, background of bit above tab */ 
border-left:1px solid #fff; 
border-right:1px solid #fff;
border-color:#00CC33; /*LIGHT GREEN,border of tab curves*/
}

/* added */
a.xmenu2 .xb2a, a.xmenu2 .xb3a, a.xmenu2 .xb4a {

border-color:#00CC33; /*green background top border of tab*/
background-color:#00CC33; /*green background top of tab*/
}

/* normal state of bit above tab */
.xb2, .xb3, .xb4 {
background:#dd7; 
background:#6699FF; /* LIGHT BLUE, background of bit above tab */ 
background-color:#3399FF;
border-left:1px solid #fff; 
border-right:1px solid #fff;
border-color:#6699FF; /* LIGHT BLUE, border of tab curves*/
}


.xb1a {margin:0 5px; 
background:#00CC33; /*LIGHT GREEN, background of top of tab, (like the top border of the whole tab)*/
}

/* added */
a.xmenu2 .xb1a {
margin:0 5px; 
background:#00CC33; /*LIGHT GREEN, background of top of tab, (like the top border of the whole tab)*/
}

.xb1 {margin:0 5px; 
background:#6699FF; /*LIGHT BLUE, background of top of tab, (like the top border of the whole tab)*/
}

.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

a.xmenu2 .xb2a {margin:0 3px; border-width:0 2px;}
a.xmenu2 .xb3a {margin:0 2px;}
a.xmenu2 .xb4a {height:2px; margin:0 1px;}

/* normal state of box that contains link text */
.xboxcontent {
display:block; 
background:#4860FF; /* DARK BLUE, background of box that contains link text */ 
background-color:#0066FF;
border:0 solid #fff; 
border-width:0 1px 1px 1px;
border-bottom:1px solid #eee;
border-color:#4860FF; /* DARK BLUE, background of side of tabs, (like the side borders of the whole tab)*/

}

.xboxcontenta {
display:block; 
background:#009933; /* DARK GREEN, background of box that contains link text */ 
border:0 solid #fff; 
border-width:0 1px 1px 1px;
border-bottom:1px solid #eee; /*DARK GREEN, bottom border of tab*/
border-color:#009933; /*DARK GREEN, background of side of tabs, (like the side borders of the whole tab)*/
}

a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; width:85px; font-size:0.9em; margin-left:4px; }
a.xmenu2:hover {background:transparent; cursor:pointer;}
a.xmenu2:hover span {color:#000;}

a.xmenu2:hover .xboxcontent {
background:#eee; 
border-color:#888; /*background of side of tabs, (like the side borders of the whole tab)*/
border-bottom:1px solid #eee; /*bottom border of tab*/

}

a.xmenu2:hover .xb1 {
background:#888; /*background of top of tab, (like the top border of the whole tab)*/
}
a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {
background:#fff; 
border-color:#888; /*border of tab curves*/
}

a.nav, a.nav:link, a.nav:visited {
display:block; 
height:25px; 
background:#dca; 
margin-top:0px; 
margin-left:10px; 
text-align:center;
text-decoration:none; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; 
color:#000; 
line-height:25px; 
overflow:hidden; 
white-space: nowrap;
width:95px;
float:right;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
border-left:1px solid #000000; /* commented line */
border-top:1px solid #000000;
background-color:#FFFFCC;

}

a.nav:hover {
color:#fff; 
background-color:#003399;

border-color: #000000;

}
a.nav:active {color:#fff; background:#3366bb;}

/*added, copt to main style sheet when done */

.tableRowStyle1
{
background-color:#efFFef;
}

.tableRowStyle2
{
background-color:#FFFFFF;
}

.sameDayDeliveryNotice
{
padding-top:5px;
width:400px;
height:25px;
text-align:right;
font-size:13px;
font-weight:bold;
}

.tabHolder
{
width:550px;
margin-bottom:-1px;
padding-top:11px;
border-bottom:#00DD00;
float:right;
margin-top:26px;
}

.infoBox
{
float:left;
width:170px;
height:145px;
border:1px solid #006600;
margin-top:10px;
margin-bottom:8px;

background-color:#F0FFF1;
background-color:#EFEFEF;
}

.infoBoxHead
{
background-color:#009900;
padding:2px;
color:#FFFFFF;
border-bottom:1px solid #005500;
}

.infoBoxBody
{
padding:4px;
color:#000000;
}

.contactName
{
width:100%;
height:50px;
border-bottom:1px dotted #000000;
margin-bottom:10px;
}

.contactLink
{
width:200px;
height:20px;
margin-left:25px;
padding-top:5px;
}

.responseMessage
{
font-size:14px;
text-align:center;
font-weight:bold;
}

.boldText
{
font-weight:bold;
}

/* ADMIN SECTION */
.tableRowHighLight1
{
background-color:#FF6464;
/*#FFCC33;*/
}