/* CSS MENU */

#navcontainer {

	width:760px;

	height:62px;

	background: #A0CCE5;

	position:relative;

	margin-top:5px;

	line-height:25px;

	border-top:1PX #FFF solid;

}



#navcontainer ul,

#navcontainer li {margin:0; padding:0; float: left;}



 a.nav01,

 a.nav02,

 a.nav03,

 a.nav04,

 a.nav05,
 
 a.nav05x,

 a.nav0x  {

	font-size:11px;

	line-height:15px;

	color:white !important;

	text-decoration:none !important;

	font-weight: bold;

	background: url(images/menu/topnavback.jpg) repeat-x center top;

	display: inline;

	display:block;

	height:35px;

	text-align:center;

	position: relative;

	border-bottom: 1px solid #FFFFFF;

}



 a.nav01 {width:100px;}

 a.nav02 {width:100px;}

 a.nav03 {width:110px;}

 a.nav04 {width:120px;}

 a.nav05 {width:100px;}

 a.nav05x{width:120px;}

 a.nav0x {width:110px;}

 

 a.nav01:hover,

 a.nav02:hover,

 a.nav03:hover,

 a.nav04:hover,

 a.nav05:hover,
 
 a.nav05x:hover,

 a.nav0x:hover {

	background: #E4E4E4 url(images/menu/shadow-left.jpg) repeat-y top left !important;

	color: #093095 !important;

}



ul#sub_nav02,

ul#sub_nav03,

ul#sub_nav0x{

	margin-top:5px;

	_margin-top:13px;

	margin-left:-10px;

	padding-top:0px;

	width:750px;

	height:25px;

	_height:34px;

	display:inline;

	background: #A0CCE5;

	float:left;

}

ul#sub_nav0x2{

	padding-left:240px;

	margin-top:5px;

	_margin-top:13px;

	padding-top:0px;

	margin-left:-10px;

	width:510px;

	height:25px;

	_height:34px;

	display:inline;

	background: #A0CCE5;

	float:left;

}

ul#sub_nav01 {

	margin-top:5px;

	_margin-top:13px;

	padding-top:0px;

	margin-left:-10px;

	width:750px;

	height:25px;

	_height:34px;

	display:inline;

	background: #A0CCE5;

	float:left;

}

ul#sub_nav04{

	margin-top:5px;

	_margin-top:13px;

	padding-top:0px;

	width:750px;

	margin-left:-10px;

	height:19px;

	_height:34px;

	display:inline;

	background: #A0CCE5;

	float:left;

}

ul li.sub02 a,

ul li.sub03 a,

ul li.sub04 a{

	width:186px;

	float:left;

	list-style:none;

}



ul li.sub10 a {



	width:195px;

	float:left;

	list-style:none;

}

ul li.sub09 a,

ul li.sub11 a {



	width:135px;

	float:left;

	list-style:none;

}

ul li.sub0o a {

	width:140px;

	float:left;

	list-style:none;

}

ul li.sub05 a,

ul li.sub06 a,

ul li.sub07 a,

ul li.sub08x a,

ul li.sub17y a{

	width:170px;

	float:left;

	list-style:none;

}

ul li.sub16y a {

margin-left:80px;

width:170px;

float:left;

list-style:none;

}

ul li.sub12 a {

	width:130px;

	float:left;

	list-style:none;

}

ul li.sub08 a{



	width:150px;

	float:left;

	list-style:none;

}



ul li.sub01 a{

	width:199px;

	float:left;

	list-style:none;

	}

	

#special{

background: #e8f3f9 !important;

width: 199px;

_margin-top: 1px;

}

#special:hover{

background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}

#arrow{

float:left;

padding: 3px 17px 0px 0px;

_margin: 2px 22px 0px 2px;

}



ul#sub_nav01  li a,

ul#sub_nav02  li a,

ul#sub_nav03  li a,

ul#sub_nav04  li a,

ul#sub_nav0x  li a,

ul#sub_nav0x2 li a  {

	font-family:  arial, verdana, sans-serif; 

	font-size:10px;

	color:#333 !important;

	font-weight:normal;

	text-decoration:none;

	background: #A0CCE5;

	height:25px;

	text-align:center;





}

ul#sub_nav05 li a {

	padding-top:0px;

}



.sub01 a:hover,

.sub02 a:hover, 

.sub03 a:hover, 

.sub04 a:hover,

.sub05 a:hover,

.sub06 a:hover,

.sub07 a:hover,

.sub08 a:hover,

.sub08x a:hover,

.sub09 a:hover,

.sub10 a:hover,

.sub11 a:hover,

.sub12 a:hover ,

.sub0o a:hover,

.sub16y a:hover,

.sub17y a:hover{

	font-size:11px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}



#navcontainer li li {

	float: left;

	list-style:none;

}

#navcontainer .submenu {

	display: none;

	position: absolute;

	left: 19px;

	top:31px;

}



#navcontainer li:hover ul.submenu,

#navcontainer ul ul:hover {

	display: block;

	z-index:100;

}

#navcontainer .subsubmenu {

	display: none;

	position: absolute;

	left: 0px;

	top: 0px;

}

#navcontainer li li:hover ul.subsubmenu,

#navcontainer ul ul:hover {

	display: block;

}



/* ACTIVE MENU */



/* MENU LENTES DE CONTATO */

#ico01 a.nav01,

#ico01 a.nav01:visited,

#ico01 a.nav01:active,

#ico01 a.nav01:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;	

}



#ico01 #navcontainer li ul#sub_nav01.submenu {

	display:block;



}



#ico02 a.nav02,

#ico02 a.nav02:visited,

#ico02 a.nav02:active,

#ico02 a.nav02:hover   {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico03 a.nav03,

#ico03 a.nav03:visited,

#ico03 a.nav03:active,

#ico03 a.nav03:hover  {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico03 #navcontainer li ul#sub_nav03.submenu {

	display:block;

}


#ico04 a.nav04,

#ico04 a.nav04:visited,

#ico04 a.nav04:active,

#ico04 a.nav04:hover  {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}

#ico04 #navcontainer li ul#sub_nav04.submenu {

	display:block;

}

#ico05x a.nav05x,

#ico05x a.nav05x:visited,

#ico05x a.nav05x:active,

#ico05x a.nav05x:hover  {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}







/* First Menu section */



#ico05 .sub01 a { /* this item donīt have the active mode */

	font-size:11px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}



#ico06 a.nav01,

#ico06 a.nav01:visited,

#ico06 a.nav01:active,

#ico06 a.nav01:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico06 #navcontainer li ul#sub_nav01.submenu {

	display: block;



}



#ico06 .sub02 a,

#ico06 .sub02 a:active,

#ico06 .sub02 a:visited,

#ico06 .sub02 a:hover {

	font-size:11px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}



#ico07 a.nav01,

#ico07 a.nav01:visited,

#ico07 a.nav01:active,

#ico07 a.nav01:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico07 #navcontainer li ul#sub_nav01.submenu {

	display:block;

}



#ico07 .sub03 a,

#ico07 .sub03 a:active,

#ico07 .sub03 a:visited,

#ico07 .sub03 a:hover {

	font-size:11px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}



#ico08 a.nav01,

#ico08 a.nav01:visited,

#ico08 a.nav01:active,

#ico08 a.nav01:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico08 #navcontainer li ul#sub_nav01.submenu {

	display:block;

}



#ico08 .sub04 a,

#ico08 .sub04 a:active,

#ico08 .sub04 a:visited,

#ico08 .sub04 a:hover {

	font-size:11px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}



#ico16 a.nav01,

#ico16 a.nav01:visited,

#ico16 a.nav01:active,

#ico16 a.nav01:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico16 #navcontainer li ul#sub_nav01.submenu {

	display: block;



}



#ico16 .sub02 a,

#ico16 .sub02 a:active,

#ico16 .sub02 a:visited,

#ico16 .sub02 a:hover {

	font-size:11px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}



/* Third Menu section */



#ico09 a.nav03,

#ico09 a.nav03:visited,

#ico09 a.nav03:active,

#ico09 a.nav03:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico09 #navcontainer li ul#sub_nav03.submenu {

	display: block;

}



#ico09 .sub05 a,

#ico09 .sub05 a:active,

#ico09 .sub05 a:visited,

#ico09 .sub05 a:hover {

	font-size:11px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}



#ico10 a.nav03,

#ico10 a.nav03:visited,

#ico10 a.nav03:active,

#ico10 a.nav03:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico10 #navcontainer li ul#sub_nav03.submenu {

	display:block;

}



#ico10 .sub06 a,

#ico10 .sub06 a:active,

#ico10 .sub06 a:visited,

#ico10 .sub06 a:hover {

	font-size:10px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}



#ico11 a.nav03,

#ico11 a.nav03:visited,

#ico11 a.nav03:active,

#ico11 a.nav03:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico11 #navcontainer li ul#sub_nav03.submenu {

	display:block;

}



#ico11 .sub07 a,

#ico11 .sub07 a:active,

#ico11 .sub07 a:visited,

#ico11 .sub07 a:hover {

	font-size:10px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}



/**/



#ico12x a.nav03,

#ico12x a.nav03:visited,

#ico12x a.nav03:active,

#ico12x a.nav03:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico12x #navcontainer li ul#sub_nav03.submenu {

	display:block;

}



#ico12x .sub08x a,

#ico12x .sub08x a:active,

#ico12x .sub08x a:visited,

#ico12x .sub08x a:hover {

	font-size:10px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}



/* Dicas para uso das lentes Menu section */



#ico12 a.nav04,

#ico12 a.nav04:visited,

#ico12 a.nav04:active,

#ico12 a.nav04:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico12 #navcontainer li ul#sub_nav04.submenu {

	display:block;

}



#ico12 .sub08 a,

#ico12 .sub08 a:active,

#ico12 .sub08 a:visited,

#ico12 .sub08 a:hover {

	font-size:10px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}



#ico13 a.nav04,

#ico13 a.nav04:visited,

#ico13 a.nav04:active,

#ico13 a.nav04:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico13 #navcontainer li ul#sub_nav04.submenu {

	display:block;

}



#ico13 .sub09 a,

#ico13 .sub09 a:active,

#ico13 .sub09 a:visited,

#ico13 .sub09 a:hover {

	font-size:10px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}



#ico14 a.nav04,

#ico14 a.nav04:visited,

#ico14 a.nav04:active,

#ico14 a.nav04:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico14 #navcontainer li ul#sub_nav04.submenu {

	display:block;

}



#ico14 .sub10 a,

#ico14 .sub10 a:active,

#ico14 .sub10 a:visited,

#ico14 .sub10 a:hover {

	font-size:10px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}



#ico15 a.nav04,

#ico15 a.nav04:visited,

#ico15 a.nav04:active,

#ico15 a.nav04:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico15 #navcontainer li ul#sub_nav04.submenu {

	display:block;

}



#ico15 .sub11 a,

#ico15 .sub11 a:active,

#ico15 .sub11 a:visited,

#ico15 .sub11 a:hover {

	font-size:10px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}



/**/



#ico16y a.nav0x,

#ico16y a.nav0x:visited,

#ico16y a.nav0x:active,

#ico16y a.nav0x:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico16y #navcontainer li ul#sub_nav0x2.submenu {

	display:block;

}



#ico16y .sub16y a,

#ico16y .sub16y a:active,

#ico16y .sub16y a:visited,

#ico16y .sub16y a:hover {

	font-size:11px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}

/**/



/**/



#ico17y a.nav0x,

#ico17y a.nav0x:visited,

#ico17y a.nav0x:active,

#ico17y a.nav0x:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico17y #navcontainer li ul#sub_nav0x2.submenu {

	display:block;

}



#ico17y .sub17y a,

#ico17y .sub17y a:active,

#ico17y .sub17y a:visited,

#ico17y .sub17y a:hover {

	font-size:11px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}

/**/



/**/



#ico165 a.nav04,

#ico165 a.nav04:visited,

#ico165 a.nav04:active,

#ico165 a.nav04:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico165 #navcontainer li ul#sub_nav04.submenu {

	display:block;

}



#ico165 .sub12 a,

#ico165 .sub12 a:active,

#ico165 .sub12 a:visited,

#ico165 .sub12 a:hover {

	font-size:10px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}

/**/





/**/



#ico15y a.nav05,

#ico15y a.nav05:visited,

#ico15y a.nav05:active,

#ico15y a.nav05:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}



#ico15y #navcontainer li ul#sub_nav0x.submenu {

	display:block;

}

/**/



/**/

#ico18 a.nav02,

#ico18 a.nav02:visited,

#ico18 a.nav02:active,

#ico18 a.nav02:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}

#ico18 #navcontainer li ul#sub_nav02.submenu {

	display: block;



}



#ico18 .sub16y a,

#ico18 .sub16y a:active,

#ico18 .sub16y a:visited,

#ico18 .sub16y a:hover {

	font-size:10px;

	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;

}

/**/



/**/

#ico19 a.nav01,

#ico19 a.nav01:visited,

#ico19 a.nav01:active,

#ico19 a.nav01:hover {

	background: #a0cce5 url(images/menu/shadow-left_2.gif) repeat-y top left !important;

	color: #093095 !important;

}

/**/




/* CHOOSE A CONTACT LENS */



#sub_nav05 {

	width:198px;

	position:relative;

	border-right:1px solid #a0cce5;

	border-left:1px solid #a0cce5;

	border-bottom:1px solid #a0cce5;

	background-color:#e8f3f9;

	line-height:16px;

}



#sub_nav05 li {

	font-family:  arial, verdana, sans-serif; 

	font-size:10px;

	width:190px;

	float:left;

}

#sub_nav05 span.line {

	font-family:  arial, verdana, sans-serif; 

	font-size:10px;

	width:190px;

	float:left;

	background:url(images/menu/line.jpg) repeat-x center top;

}

#sub_nav05 ul {

	display:inline;

	width:190px;

	margin: 0;

	padding: 0;

}

#sub_nav05 ul li {

	height:34px;

	margin: 0;

	padding: 0;



}

#sub_nav05 ul li img {

	float:left;

	width:40px;

	border:none;

	margin-right:5px;

}

#sub_nav05 ul li a {

	display:inline;

	width:198px;

	font-family:  arial, verdana, sans-serif; 

	font-size:10px;

	float:left;

	color:black;	

}

#sub_nav05 ul li a:hover {

	display:inline;

	width:198px;

	font-family:  arial, verdana, sans-serif; 

	font-size:10px;

	float:left;

	color:white;

}

#sub_nav05 ul li a:hover span.prods_details {

	cursor:hand;

}

#sub_nav05 ul li a:hover span.prods_details1 {

	cursor:hand;

}

.prods_details{

	width:130px;

	float:right;

	line-height:35px;

	text-align:left;

}



.prods_details1{ /*this class is to be used on the 1-day colour product*/

	width:130px;

	float:right;

	line-height:13px;

	text-align:left;

	margin-top: 4px;

}









#sub_nav05 ul li a.prod1 {

	background: url(images/menu/m_advance.gif) no-repeat;

	height:35px;

	}

	

#sub_nav05 ul li a.prod1:hover {

	background: url(images/menu/m_advance.gif) bottom no-repeat !important;

	height:35px;

	color:white !important;

	}

	

#sub_nav05 ul li a.prod2 {

	background: url(images/menu/m_oasys.gif) no-repeat;

	height:35px;

	}

	

#sub_nav05 ul li a.prod2:hover {

	background: url(images/menu/m_oasys.gif) bottom no-repeat !important;

	height:35px;

	color:white !important;

	}

	

#sub_nav05 ul li a.prod3 {

	background: url(images/menu/m_av2.gif) no-repeat;

	height:35px;

	}

	

#sub_nav05 ul li a.prod3:hover {

	background: url(images/menu/m_av2.gif) bottom no-repeat !important;

	height:35px;

	color:white !important;

	}

	

#sub_nav05 ul li a.prod4 {

	background: url(images/menu/m_acv.gif) no-repeat;

	height:35px;

	}

	

#sub_nav05 ul li a.prod4:hover {

	background: url(images/menu/m_acv.gif) bottom no-repeat !important;

	height:35px;

	color:white !important;

	}



#sub_nav05 ul li a.prod5_x {

	background: url(images/menu/moist.gif) no-repeat;

	height:35px;

	}

	

#sub_nav05 ul li a.prod5_x:hover {

	background: url(images/menu/moist.gif) bottom no-repeat !important;

	height:35px;

	color:white !important;

	}

	

#sub_nav05 ul li a.prod5 {

	background: url(images/menu/m_1day.gif) no-repeat;

	height:35px;

	}

	

#sub_nav05 ul li a.prod5:hover {

	background: url(images/menu/m_1day.gif) bottom no-repeat !important;

	height:35px;

	color:white !important;

	}

	
#sub_nav05 ul li a.prod5_2 {
	background: url(images/menu/m_1day_trueye.gif) no-repeat;
	height:35px;
	}
	
#sub_nav05 ul li a.prod5_2:hover {
	background: url(images/menu/m_1day_trueye.gif) bottom no-repeat !important;
	height:35px;
	color:white !important;
	}

#sub_nav05 ul li a.prod6 {

	background: url(images/menu/m_colour.gif) no-repeat;

	height:35px;

	}

	

#sub_nav05 ul li a.prod6:hover {

	background: url(images/menu/m_colour.gif) bottom no-repeat !important;

	height:35px;

	color:white !important;

	}

	

#sub_nav05 ul li a.prod7 {

	background: url(images/menu/m_bifocal.gif) no-repeat;

	height:35px;

	}

	

#sub_nav05 ul li a.prod7:hover {

	background: url(images/menu/m_bifocal.gif) bottom no-repeat !important;

	height:35px;

	color:white !important;

	}

	

#sub_nav05 ul li a.prod8 {

	background: url(images/menu/m_toric.gif) no-repeat;

	height:35px;

}

	

#sub_nav05 ul li a.prod8:hover {

	background: url(images/menu/m_toric.gif) bottom no-repeat !important;

	height:35px;

	color:white !important;

	}

	

#sub_nav05 ul li a.prod9 {

	background: url(images/menu/m_bifocal2.gif) no-repeat;

	height:35px;

	}

	

#sub_nav05 ul li a.prod9:hover {

	background: url(images/menu/m_bifocal2.gif) bottom no-repeat !important;

	height:35px;

	color:white !important;

	}

#sub_nav05 ul li a.prod9_1 {
	background: url(images/menu/m_oasys_presbyopia.gif) no-repeat;
	height:35px;
	}
	
#sub_nav05 ul li a.prod9_1:hover {
	background: url(images/menu/m_oasys_presbyopia.gif) bottom no-repeat !important;
	height:35px;
	color:white !important;
	}

#sub_nav05 ul li a.prod10 {

	background: url(images/menu/m_astig.gif) no-repeat;

	height:34px;

	}

	

#sub_nav05 ul li a.prod10:hover {

	background: url(images/menu/m_astig.gif) bottom no-repeat !important;

	height:34px;

	color:white !important;

	}

	

	#sub_nav05 ul li a.prod11 {

	background: url(images/menu/m_toric-gray.gif) no-repeat;

	height:34px;

	}

	

#sub_nav05 ul li a.prod11:hover {

	background: url(images/menu/m_toric-gray.gif) bottom no-repeat !important;

	height:34px;

	color:white !important;

	margin-left:-3px;

	margin-top:1px;

	_margin-left:0px;

	}

	

#sub_nav05 ul li a.prod12 {

	background: url(images/menu/m_oasys-astig.gif) no-repeat;

	height:34px;

	}

#sub_nav05 ul li a.prod12:hover {

	background: url(images/menu/m_oasys-astig.gif) bottom no-repeat !important;

	height:34px;

	color:white !important;

	margin-left:-3px;

	margin-top:1px;

	_margin-left:0px;

	}

.prod_list_details{

	line-height:8px;

	color: #003399;

	padding-top: 5px !important;

}