@import url("/include/styles.css");
@media print {
    .noprint {
		display: none;
	}
}
input,
select,
textarea
{
	color: #000000;
}
h4
{
	font-size: 16px;
	color: #000000;
	padding-top: 8px;
}
h2
{
	font-size: 22px;
	color: #000000;
	text-transform: none;
}
ul
{
	padding-top: 16px;
}


body {
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	margin: 0px; 
	padding: 0px;
}
form { 
	margin: 0; 
	display: inline; 
}
font
{
	color: #000000;
}
#search
{
	float: left;
}
#search img
{
	vertical-align: bottom;
}
#search input
{
	vertical-align: bottom;
}
.Banner
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
}
.Banner A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    TEXT-DECORATION: none
}
.Banner A:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    TEXT-DECORATION: none
}
.Banner A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    TEXT-DECORATION: none
}
.Banner A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    TEXT-DECORATION: none
}
.SGHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13pt;
    COLOR: #005bb5;
}
h1 { 
	margin: 0; 
}
.H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20pt;
    COLOR: #005bb5;
}
.H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13pt;
    COLOR: #005bb5;
}
.H4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #005bb5;
}
.H5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #005bb5;
}

.BlackH2
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    FONT-SIZE: 20pt;
}

.BlackH3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
	color: #000000;
}
.BlackH4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
	color: #000000;
}
.BlackH4Lt
{
    FONT-SIZE: 11pt;
}
.BlackH5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
}
.BlackH6
{
    FONT-SIZE: 9pt;
}
.BlackH7
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
}
.BlackH8
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
}
.SmallInput
{
    FONT-SIZE: 8pt;
}
.BlackMenu
{
    FONT-SIZE: 9pt;
}
.BlackMenu A:link
{
    FONT-SIZE: 9pt;
    COLOR: #003366;
    TEXT-DECORATION: none
}
.BlackMenu A:visited
{
    FONT-SIZE: 9pt;
    COLOR: #003366;
    TEXT-DECORATION: none
}
.BlackMenu A:hover
{
    FONT-SIZE: 9pt;
    COLOR: #999;
    TEXT-DECORATION: underline
}
.BlackMenuBold
{
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
}
.BlackMenuBold A:link
{
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    COLOR: #003366;
    TEXT-DECORATION: none
}
.BlackMenuBold A:visited
{
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    COLOR: #003366;
    TEXT-DECORATION: none
}
.BlackMenuBold A:hover
{
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    COLOR: #999;
    TEXT-DECORATION: underline
}


.BlackH4Menu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #666;
}
.BlackH4Menu A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #999;
    TEXT-DECORATION: none;
}
.BlackH4Menu A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #003366;
    TEXT-DECORATION: none;
}
.BlackH4Menu A:visited
{
    FONT-SIZE: 11pt;
    COLOR: #003366;
    TEXT-DECORATION: none;
}

.WhiteMenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #FFFFFF;
}
.WhiteMenu A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #005bb5;
}
.WhiteMenu A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #FFFFFF;
    TEXT-DECORATION: none
}
.WhiteMenu A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #FFFFFF;
    TEXT-DECORATION: none
}

.WhiteMenu A:visited:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #CCCCCC;
    TEXT-DECORATION: underline

}
A:hover
{
    COLOR: #ee1d25;
}
.Tab
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    FONT-SIZE: 9pt;
}
.Tab div
{
	background: url('/global/lensimages/trans-top-left.png') no-repeat top left;
}
.Tab div div
{
	background: url('/global/lensimages/trans-top-right.png') no-repeat top right;
}
.Tab div div div
{
	padding: 12px;
}
.Tab A:hover
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}
.Tab A:link
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}
.Tab A:visited
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}
.Tab A:hover
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none;
}

#mainDiv { 
 top: 50px; 
 left:100px; 
 position: absolute; 
 width: 300px; 
 height: 200px; 
 border: 1px solid #336699; 
 background: #FFFFFF; 
 color: #FFFFFF; 
 } 

#nestDiv {
top: 10px;
left:20px;
position: absolute;
width: 50px;
height: 50px;
border: 1px solid #336699;
background: #CCCCCC;
color: #CCCCCC;
}

.StrikePrice {
      text-decoration: line-through;
      }

.StrikePriceLt {
      COLOR: #888888;
      text-decoration: line-through;
      }
.GrayFade
{
    border:solid 1px #CCCCCC;
    width:190px;
    padding:0px 0px 0px 0px;
    margin:0px 5px 5px 5px;
    background: url(/images/grey_light_fade.jpg);
    background-repeat: repeat-x;
}
.GrayFadeTop
{
    border:solid 1px #CCCCCC;
    width:190px;
    padding:0px 0px 0px 0px;
    margin:5px 5px 5px 5px;
    background: url(/images/grey_light_fade.jpg);
    background-repeat: repeat-x;
}
hr
{
	color: #225588;
    background: #225588;
    height: 2px;
    border: 0px;
}
hr.black
{
	color: #000000;
    background: #000000;
    height: 2px;
    border: 0px;
}
.contentBtn 
{
	display: block;
	text-align: center;
	background: url('/images/btn/content_bg.gif') repeat-x bottom;
	font-weight: bold;
    color: #000000;
    font-size: 11pt;
	text-decoration: none;
	margin-top: 8px;
	padding: 10px 0px 10px 0px;
	border: #cccccc solid 1px;
	vertical-align: middle;
}
a.contentBtn:hover
{
	border: #000000 solid 1px;
}
#leftNav
{
	font-size: 12px;
	width: 176px;
	padding: 6px 18px 0px 8px;
}
#leftNav form
{
	width: 176px;
}
.lensDropdown
{
	float: right;
	margin: 0px 24px 4px 24px;
}
.phone
{
	color: #5a84a0;
	font-weight: bold;
	font-size: 24px;
}
#roundCornerBox
{
	background: url('/global/lensimages/box_topLeft.png') no-repeat top left;
}
#roundCornerBox div
{
	background: url('/global/lensimages/box_topRight.png') no-repeat top right;
}
#roundCornerBox div div
{
	background: url('/global/lensimages/box_bottomRight.png') no-repeat bottom right;
}
#roundCornerBox div div div
{
	background: url('/global/lensimages/box_bottomLeft.png') no-repeat bottom left;
	padding: 12px;
}
#roundCornerBox div div div div
{
	background: transparent none;
	padding: 0;
	margin: 0;
}
#roundCornerBox.bgColor1,
.bgColor1
{
	background-color: #d1dde5;
}
#roundCornerBox.bgColor2,
.bgColor2
{
	background-color: #e5eef4;
}
.clear
{
	clear: both;
	height: 0px;
	font-size: 0px;
}
.BlackH6 ul
{
	margin: 12px auto;
}
.BlackH6,
.BlackH5
{
	color: #000000;
}

.roundCornerBox
{
	background: transparent url('/global/lensimages/box_topLeft.png') no-repeat top left;
}
.roundCornerBox div
{
	background: transparent url('/global/lensimages/box_topRight.png') no-repeat top right;
}
.roundCornerBox div div
{
	background: transparent url('/global/lensimages/box_bottomRight.png') no-repeat bottom right;
}
.roundCornerBox div div div
{
	background: transparent url('/global/lensimages/box_bottomLeft.png') no-repeat bottom left;
	padding: 12px;
}
.roundCornerBox div div div div
{
	background: transparent none;
	padding: 0;
	margin: 0;
}
.bgColor1
{
	background-color: #ecf0ff;
}
.bgColor2
{
	background-color: #ffff99;
}
#colBox
{
	border-style: solid;
	border-width: 0 3px 3px 3px;
	border-color: #dbdbdb;
	background-color: #ededed;
}
#colProducts
{
	border-style: solid;
	border-width: 0 3px 3px 3px;
	border-color: #dbdbdb;
	background-color: #ededed;
	font-size: 10px;
	padding-top: 13px;
	padding-bottom: 19px;
}
#colProducts a
{
	font-size: 10px;
	text-align: center;
	display: block;
	float: left;
	width: 105px;
	text-decoration: none;
}
#colProducts a:link span,
#colProducts a:visited span
{
	display: block;
	border: 2px solid #ededed;
	padding: 8px 4px;
	color: #cc0000;
}
#colProducts u
{
	color: #002e8c;
}
#colProducts a:hover span
{
	text-decoration: none;
	background-color: #f7f7f7;
	border: 2px solid #225588;
}
#colProducts a:hover u
{
    color: #5697e7;
}
#colProducts img
{
	border: 0px;
}
.colHeader
{
	padding: 4px 8px;
	background-color: #225588;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

/* --------------------- checkout -------------------*/
.wireBox .wireBox,
.wireBox {
	background: url('/images/grey_light_fade.jpg') repeat-x top;
	color: #000000;
}
.wireBox .wireBox div,
.wireBox div {
	background-image: url('/global/lensimages/wireBox_edge.gif');
	background-repeat: repeat-y;
	background-position: right;
}
.wireBox .wireBox div div,
.wireBox div div {
	background-image: url('/global/lensimages/wireBox_edge.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}
.wireBox .wireBox div div div,
.wireBox div div div {
	background-image: url('/global/lensimages/wireBox_edge.gif');
	background-repeat: repeat-y;
	background-position: left;
}
.wireBox .wireBox div div div div,
.wireBox div div div div {
	background-image: url('/global/lensimages/wireBox_edge.gif');
	background-repeat: repeat-x;
	background-position: top;
}
.wireBox .wireBox div div div div div,
.wireBox div div div div div {
	background-image: url('/global/lensimages/wireBox_topLeft.png');
	background-repeat: no-repeat;
	background-position: top left;
}
.wireBox .wireBox div div div div div div,
.wireBox div div div div div div {
	background-image: url('/global/lensimages/wireBox_topRight.png');
	background-repeat: no-repeat;
	background-position: top right;
}
.wireBox .wireBox div div div div div div div,
.wireBox div div div div div div div {
	background-image: url('/global/lensimages/wireBox_bottomRight.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}
.wireBox .wireBox div div div div div div div div,
.wireBox div div div div div div div div {
	background-image: url('/global/lensimages/wireBox_bottomLeft.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}
.wireBox .wireBox div div div div div div div div div,
.wireBox div div div div div div div div div {
	background-image: none;
}
.box  {
	background-color: #c8e2eb;
	color: #000000;
	background-image: url('/global/lensimages/box_topLeft.png');
	background-repeat: no-repeat;
	background-position: top left;
}
.box div {
	background-image: url('/global/lensimages/box_topRight.png');
	background-repeat: no-repeat;
	background-position: top right;
}
.box div div {
	background-image: url('/global/lensimages/box_bottomRight.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}
.box div div div{
	background-image: url('/global/lensimages/box_bottomLeft.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}
.box div div div div {
	background-image: none;
}
.box table
{
	color: #000000;
}
.wireBox .wireBox div div div div div div div div .t,
.wireBox div div div div div div div div .t {
	background-color: #5a84a0;
	background-image: url('/global/lensimages/box_topLeft.png');
	background-repeat: no-repeat;
	background-position: top left;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
}
.wireBox .wireBox div div div div div div div div .h6,
.wireBox div div div div div div div div .h6 {
	background-color: #5a84a0;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 12px;
}
.wireBox .wireBox div div div div div div div div .t div,
.wireBox div div div div div div div div .t div {
	background-color: transparent;
	background-image: url('/global/lensimages/box_topRight.png');
	background-repeat: no-repeat;
	background-position: top right;
}
.box div div div div div div div div h6 {
	background-color: #003366;
	background-image: url('/global/lensimages/box_topLeft.png');
	background-repeat: no-repeat;
	background-position: top left;
}
.box div div div div div div div div h6 div {
	background-image: url('/global/lensimages/box_topRight.png');
	background-repeat: no-repeat;
	background-position: top right;
}
.wireTab {
	float: left;
	margin: 0px 2px;
	background: url('/images/grey_light_fade.jpg') repeat-x top;
}
a.wireTab:hover {
	background: transparent none;
}
.wireTab div,
.wireTab span {
	background-image: url('/global/lensimages/wireBox_edge.gif');
	background-repeat: repeat-y;
	background-position: left;
	display: block;
}
.wireTab div div,
.wireTab span span {
	background-image: url('/global/lensimages/wireBox_edge.gif');
	background-repeat: repeat-y;
	background-position: right;
	display: block;
}
.wireTab div div div,
.wireTab span span span {
	background: transparent url('/global/lensimages/wireBox_edge.gif') repeat-x top;
	display: block;
}
.wireTab div div div div,
.wireTab span span span span {
	background: transparent url('/global/lensimages/wireBox_topLeft.png') no-repeat top left;
	display: block;
}
.wireTab div div div div div,
.wireTab span span span span span {
	padding: 4px 8px;
	font-size: 12px;
	background-image: url('/global/lensimages/wireBox_topRight.png');
	background-repeat: no-repeat;
	background-position: top right;
	display: block;
}
.infoBox {
	visibility: hidden;
	position: absolute;
	z-index: 1;
	background: #ffffff url('/global/lensimages/infoBox_edge.gif') repeat-y right;
}
.infoBox div {
	background-image: url('/global/lensimages/infoBox_edge.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}
.infoBox div div {
	background-image: url('/global/lensimages/infoBox_edge.gif');
	background-repeat: repeat-y;
	background-position: left;
}
.infoBox div div div {
	background-image: url('/global/lensimages/infoBox_edge.gif');
	background-repeat: repeat-x;
	background-position: top;
}
.infoBox div div div div {
	background-image: url('/global/lensimages/infoBox_topLeft.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
.infoBox div div div div div {
	background-image: url('/global/lensimages/infoBox_topRight.gif');
	background-repeat: no-repeat;
	background-position: top right;
}
.infoBox div div div div div div {
	background-image: url('/global/lensimages/infoBox_bottomRight.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}
.infoBox div div div div div div div {
	background-image: url('/global/lensimages/infoBox_bottomLeft.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 12px;
	font-size: 11px;
}
.infoBox h3
{
	color: #003366;
	margin-top: 0px;
	padding: 0px;
	font-size: 12px;
	border-bottom: 2px solid #dddddd;
}
.infoBox ul
{
	padding-left: 20px;
	margin-left: 0px; 
}
.infoBox
{
	color: #000000;
}
.selectedRow
{
	background-color: #dbe4ea;
}
.deselectedRow
{
	visibility: visible;
}
.acctData {
	width: 740px;
	border: 0px;
	border-bottom: 1px solid #000000;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 6px;
	color: #000000;
}
.acctData #head {
	background-color: #97c1eb;
}
.acctData #head td {
	border-color: #000000;
	border-style: solid;
	border-width: 2px 0px;
	padding: 3px;
}
.acctData td {
	border-bottom: 1px solid #000000;
	padding: 6px;
	text-align: center;
}
.acctData table td{
	border-bottom: 0px;
	padding: 0px;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
}
.submit
{
	background: #bf140f url('/images/submitBg.gif') repeat-x top;
	color: #ffffff;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	border-color: #650200;
	padding: 3px 6px;
	cursor: pointer;
}
.submit:hover,
.submitLight:hover
 {
    background: #8f0f0b url('/images/submitBgOver.gif') repeat-x bottom;
}
.submitLight
{
	background: #bf140f url('/images/submitBgLight.gif') repeat-x top;
	color: #ffffff;
	font-weight: bold;
	border-color: #b11a16;
	border-style: solid;
	border-width: 1px;
	padding: 3px 6px;
	cursor: pointer;
}
      
.chart
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid;
    BACKGROUND-COLOR: #f7f7f7
}
.chart TD
{
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #cccccc 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: #cccccc 1px solid;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #cccccc 1px solid
}
.chart .head TD
{
    BORDER-RIGHT: medium none;
    PADDING-RIGHT: 4px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: bold;
    BACKGROUND: #005d91;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: medium none;
    COLOR: #ffffff;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #cccccc 4px solid;
    TEXT-ALIGN: center
}
label
{
	cursor: pointer;
}
.validate
{
	display: block;
	border: 1px solid #990000;
	padding: 2px 2px 2px 30px;
	background: #ffffd5 url('/global/lensimages/validate_info.png') no-repeat 4px 4px;
	color: #990000;
}
.ecMember
{
	border-right: dotted 1px #cccccc;
	padding-right: 8px;
	
}
.ecMember input
{
	margin-right: 4px;
	height: 14px;
	vertical-align: middle;
}
.ecMember label
{
	vertical-align: middle;
}
.ecPrices
{
	width: 134px;
}
.ecPrices div
{
	padding: 4px 10px;
	background: #fffdc5;
	border-color: #fac320;
	border-style: solid;
	border-width: 0px 2px;
}
.ecWhat
{
	padding-top: 13px;
}
.ecWhat div
{
	background: #225588;
	height: 26px;
}
.ecWhat div img
{
	vertical-align: middle;
	float: left;
}
.ecWhat a:link,
.ecWhat a:visited
{
	float: left;
	display: block;
	height: 26px;
	width: 160px;
	background: #225588 url('/images/what-is-eyecare-club.gif') no-repeat top;
	font-size: 0px;
	line-height: 0px;
	margin-left: 40px;
}
.ecWhat a:hover
{
	background-position: 0px -26px;
	text-decoration: none;
	color: #225588;
}
.stackbox
{
	background-color: #f5f1f0;
}
a.button:link,
a.button:visited
{
	text-align: center;
	display: block;
	padding: 2px 10px;
	color: #000000;
	text-decoration: none;
	font-size: 9px;
	font-family: verdana;
	background: url('/images/buttonBg.gif') repeat-x center;
	border-width: 1px;
	border-style: solid;
	border-color: #e9e9e9 #d2d2d2 #d2d2d2 #c9c9c9;
}
a.button:hover
{
    background: url('/images/buttonHover.gif') repeat-x center;
	text-decoration: none;
}