/* CSS Document */

html { overflow-y: scroll; }    /* no side way shift of page */

body {
	margin:0;
	padding:0;
	background:#fff url(../images/bgmain.jpg) top left repeat-x;
	text-align:left;
	left:auto;
	right:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px}

p {
	margin:10px 0;
	padding:0;
	font:normal normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#666}

h1 {
	font:normal bold 16px Arial, Helvetica, sans-serif;
	color:#333}
	
h2 {
	font:normal bold 12px/12px Verdana, Arial, Helvetica, sans-serif; 
	color:#ff6600;
	margin:40px 0 10px 0}

h3 {
	font:normal bold 14px/14px Arial, Helvetica, sans-serif; 
	color:#ff6600;
	margin:10px 46px 2px 0;
	padding:0;
	text-align:left}

h4 {
	font:normal bold 12px/12px Verdana, Arial, Helvetica, sans-serif; 
	color:#333;
	margin:25px 0 8px 0}

img {
	border:none}

.hideimg {
	display:none}

.blue {
	color:#09C}

.sent {
	color:#09C;
	font:11px Verdana, Arial, Helvetica, sans-serif}

.hicaps {
	color:#666;
	width:190px;
	height:65px;
	display:block;
	float:left;
	position:relative;
	padding:10px 0 0 0}

.oaa {
	color:#666;
	width:150px;
	height:58px;
	display:block;
	float:left;
	position:relative;
	text-align:right;
	padding:18px 0 0 0}

a {outline:none; -moz-outline-style:none}

.line {
	margin:10px 0;
	padding:0;
	width:100%;
	height:10px;
	border:none;
	background:#efefef}

.breakline {
	margin:10px 0 20px 20px;
	padding:0;
	width:97%;
	height:1px;
	border:none;
	background:url(../images/headings/dash.gif) top left repeat-x}

.clearfloat {clear:both;}

#header {
	width:770px;
	height:127px;
	display:block;
	position:relative;
	float:left;
	top:0;
	left:0;
	background:url(../images/header.jpg) top left no-repeat;
	overflow:hidden}
	
	
#main {
	width:89%;
	min-width:670px;
	height:auto;
	min-height:250px;
	margin:0px;
	display:block;
	position:relative;
	float:left;
	top:5px;
	background:#fff url(../images/pagefold.jpg) top left no-repeat;
	overflow:hidden;
	padding:60px 30px 20px 50px}
	
	#main p a:link, #main p a:visited {color:#069; text-decoration:underline}
	#main p a:hover, #main p a:active {color:#000; text-decoration:underline}




/*** 2 MARGIN LAYOUT FOR HOMEPAGE*/
	#contentwrapper {
	float:left;
	width:720px;
	overflow:hidden}
	
	#contentcolumn {
	margin-right:420px; /*Set right margin to RightColumnWidth*/}
	
	#rightcolumn {
	float:left;
	width:720px; /*Width of right column in pixels*/
	margin-left:-420px; /*Set left margin to -(RightColumnWidth) */
	margin-top:0px;
	margin-right:0px;
	background:transparent}
	
	.innertube {
	margin:20px 0; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top:0;
	font:11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	}
	.innertube p {margin-left:20px}



/*** 2 MARGIN LAYOUT FOR CHILDREN'S VISION*/
	#contentwrapperC {
	float:left;
	width:100%;
	overflow:hidden}
	
	#contentcolumnC {
	margin-right:40%; /*Set right margin to RightColumnWidth*/}
	
	#rightcolumnC {
	float:left;
	width:30%; /*Width of right column in pixels*/
	margin-left:-35%; /*Set left margin to -(RightColumnWidth) */
	margin-top:25px;
	margin-right:0px;
	background:#f7f7f7;
	border:1px dashed #ccc;
	padding:0 6px 0 0}
	
	#rightcolumnC ul {
	list-style:disc}
	
	.innertubeC {
	margin:20px 0; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top:0;
	font:11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#666}
	.innertubeC p {margin-left:20px}
/***/


/*** 2 MARGIN LAYOUT FOR NEWSLETTER*/
	#contentwrapperN {
	float:left;
	width:100%;
	overflow:hidden}
	
	#contentcolumnN {
	margin-right:53%; /*Set right margin to RightColumnWidth*/
	margin-top:34px}
	
	#rightcolumnN {
	float:left;
	width:40%; /*Width of right column in pixels*/
	margin-left:-45%; /*Set left margin to -(RightColumnWidth) */
	margin-top:25px;
	margin-right:0px;
	background:transparent;
	border:none;
	padding:0 6px 0 0}
	
	#rightcolumnN ul {
	list-style:disc}
	
	.innertubeN {
	margin:20px 0; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top:0;
	font:11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#666}
	.innertubeN p {margin-left:20px; text-align:justify}
/***/



a.specials:link, a.specials:visited, a.specials:hover, a.specials:active {
	width:350px;
	height:130px;
	margin:0 0 20px 0;
	padding:0;
	display:block;
	position:relative;
	float:left;
	outline:none;
	border:none;
	text-decoration:none}
	a.specials:link, a.specials:visited {background:url(../images/specialsnormal.jpg) top left no-repeat}
	a.specials:hover, a.specials:active {background:url(../images/specialsactive.jpg) top left no-repeat}
	

#brands {
	width:92%;
	height:auto;
	margin:0 30px 20px 30px;
	padding:10px 0;
	display:block;
	position:relative;
	float:left;
	background:transparent;
	border-top:1px dotted #ccc;
	text-align:center}

/****/



#footer {
	width:100%;
	height:4px;
	margin:20px 0 0 0;
	padding:35px 0 44px 0;
	display:block;
	position:relative;
	float:left;
	bottom:0px;
	background:#efefef url(../images/bgfooter.jpg) top left repeat-x;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center}
	#footer a:link, #footer a:visited {
	font-size:10px;
	color:#666;
	text-decoration:underline}
	#footer a:hover, #footer a:active {
	font-size:10px;
	color:#000;
	text-decoration:none}
	


div#navigation {
	width:99%;
	min-width:770px;
	overflow:hidden;
	height:63px;
	display:block;
	position:relative;
	float:left;
	left:0;
	background:transparent;
	margin:0;
	padding:0}

	a.home:link, a.home:visited, a.home:hover, a.home:active,
	a.guarentee:link, a.guarentee:visited, a.guarentee:hover, a.guarentee:active,
	a.eyecare:link, a.eyecare:visited, a.eyecare:hover, a.eyecare:active,
	a.products:link, a.products:visited, a.products:hover, a.products:active,
	a.shop:link, a.shop:visited, a.shop:hover, a.shop:active,
	a.news:link, a.news:visited, a.news:hover, a.news:active,
	a.contact:link, a.contact:visited, a.contact:hover, a.contact:active {
	display:inline-block;
	float:left;
	width:14%;
	margin-top:6px;
	margin-right:auto;
	margin-bottom:6px;
	margin-left:auto;
	padding:16px 0 17px 0;
	text-align:center;
	text-transform:capitalize;
	text-decoration:none;
	background:url(../images/linknormal.jpg) top right no-repeat;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	outline:none;
	border:none}
	
	#navigation a:link, #navigation a:visited {color:#006293}
	#navigation a:hover, #navigation a:active {color:#EA7001}
	
	/*a.home:link, a.home:visited, a.home:hover, a.home:active  {width:auto; min-width:92px}
	a.guarentee:link, a.guarentee:visited, a.guarentee:hover, a.guarentee:active  {width:auto; min-width:126px}
	a.eyecare:link, a.eyecare:visited, a.eyecare:hover, a.eyecare:active  {width:auto; min-width:104px}
	a.products:link, a.products:visited, a.products:hover, a.products:active  {width:auto; min-width:116px}
	a.shop:link, a.shop:visited, a.shop:hover, a.shop:active  {width:auto; min-width:113px}
	a.news:link, a.news:visited, a.news:hover, a.news:active  {width:auto; min-width:111px}
	a.contact:link, a.contact:visited, a.contact:hover, a.contact:active  {width:auto; min-width:108px}*/
	
	
	body#homepage a#homenav,
	body#guarentee a#guarenteenavnav,
	body#eyecare a#eyecarenav,
	body#products a#productsnav,
	body#shop a#shopnav,
	body#news a#newsnav,
	body#contact a#contactnav {
	margin:6px 0 0 0;
	padding:28px 2px 18px 0;
	display:block;
	position:relative;
	float:left;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	outline:none;
	border:none;
	background:url(../images/linkactive.jpg) top center repeat-x;
	cursor:default}