/* CSS MENU */
#navcontainer {
	width:760px;
	height: 51px;
	background: #A0CCE5;
	position:relative;
	margin-top:5px;
	line-height:25px;
}
#navcontainer ul,
#navcontainer li {margin:0; padding:0; float: left;}

 a.nav01,
 a.nav02,
 a.nav03,
 a.nav04 {
	font-size:11px;
	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:20px;
	text-align:center;
	position: relative;
	line-height:20px;
	border-bottom: 1px solid #FFFFFF;
}

 a.nav01 {width:150px;}
 a.nav02 {width:135px;}
 a.nav03 {width:265px;}
 a.nav04 {width:210px;}

 a.nav01:hover,
 a.nav02:hover,
 a.nav03:hover,
 a.nav04:hover {
	background: #E4E4E4 url(images/menu/shadow-left.jpg) repeat-y top left !important;
	color: #093095 !important;
}

ul#sub_nav01,
ul#sub_nav02,
ul#sub_nav03,
ul#sub_nav04 {
	width:760px;
	height:31px;
	display:inline;
	background: #A0CCE5;
	float:left;
}
ul li.sub02 a,
ul li.sub03 a,
ul li.sub04 a,
ul li.sub05 a,
ul li.sub06 a,
ul li.sub07 a,
ul li.sub12 a {
	width:186px;
	float:left;
	list-style:none;
}

ul li.sub01 a{
	width:199px;
	float:left;
	list-style:none;
	}
	
#special{
background: #e8f3f9 !important;
width: 190px;
_margin-top: 1px;
}
#special:hover{
background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !important;
}
#arrow{
float:left;
padding: 3px 10px 0px 0px;
_margin: 2px 11px 0px 2px;
}
	
/* 4th sub menu width */

ul li.sub08 a {
	width:190px;
	float:left;
	list-style:none;
	line-height: 13px;
}

ul li.sub09 a {
	width:160px;
	float:left;
	list-style:none;
	line-height: 13px;
}

ul li.sub10 a {
	width:180px;
	float:left;
	list-style:none;
	line-height: 13px;
}

ul li.sub11 a {
	width:230px;
	float:left;
	list-style:none;
	line-height: 13px;
}

/* end of 4th sub menu width */

ul#sub_nav01 li a,
ul#sub_nav02 li a,
ul#sub_nav03 li a,
ul#sub_nav04 li a {
	font-family:  arial, verdana, sans-serif; 
	font-size:11px;
	color:#333 !important;
	font-weight:normal;
	text-decoration:none;
	background: #A0CCE5;
	height:28px;
	_height:31px;
	text-align:center;
	padding-top:3px;
}
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,
.sub09 a:hover,
.sub10 a:hover,
.sub11 a:hover,
.sub12 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: 0;
	top: 21px;
}

#navcontainer li:hover ul.submenu,
#navcontainer ul ul:hover {
	display: block;
	z-index:100;
}
#navcontainer .subsubmenu {
	display: none;
	position: absolute;
	left: -1px;
	_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.jpg) 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.jpg) 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.jpg) 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.jpg) repeat-y top left !important;
	color: #093095 !important;
}

#ico04 #navcontainer li ul#sub_nav04.submenu {
	display:block;
}

/* First Menu section */

#ico05 .sub01 a { /* this item don´t have the active mode */
	font-size:11px;
	background: #A0CCE5 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.jpg) 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.jpg) 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.jpg) 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.jpg) 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.jpg) 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.jpg) 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:11px;
	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.jpg) 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:11px;
	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.jpg) 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:11px;
	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.jpg) 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:11px;
	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.jpg) 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:11px;
	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.jpg) 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:11px;
	background: #e8f3f9 url(images/menu/shadow-lght-left.jpg) repeat-y top left !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;
}
.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:146px;
	float:right;
	line-height:35px;
	text-align:left;
}


#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_av2.gif) no-repeat;
	height:35px;
	}
	
#sub_nav05 ul li a.prod2:hover {
	background: url(images/menu/m_av2.gif) bottom no-repeat !important;
	height:35px;
	color:white !important;
	}
	
#sub_nav05 ul li a.prod3 {
	background: url(images/menu/m_clear.gif) no-repeat;
	height:35px;
	}
	
#sub_nav05 ul li a.prod3:hover {
	background: url(images/menu/m_clear.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 {
	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.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_toric.gif) no-repeat;
	height:35px;
	}
	
#sub_nav05 ul li a.prod9:hover {
	background: url(images/menu/m_toric.gif) bottom no-repeat !important;
	height:35px;
	color:white !important;
	}
	
	
.prod_list_details{
	line-height:8px;
	color: #003399;
	margin-top:5px !important;
	}