/* CSS MENU */
#navcontainer {
	width:760px;
	height: 70px;
	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 {
	font-size:11px;
	line-height:14px;
	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:34px;
	text-align:center;
	position: relative;
	border-bottom: 1px solid #FFFFFF;
}

 a.nav01 {width:140px;}
 a.nav02 {width:145px;}
 a.nav03 {width:155px;}
 a.nav04 {width:175px;}
 a.nav05 {width:145px;}

 a.nav01:hover,
 a.nav02:hover,
 a.nav03:hover,
 a.nav04:hover,
 a.nav05: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,
ul#sub_nav0x{
	margin-top:12px;
	_margin-top:13px;
	padding-top:0px;
	width:760px;
	height:37px;
	_height:34px;
	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.sub08 a,
ul li.sub09 a,
ul li.sub10 a,
ul li.sub11 a,
ul li.sub12 a,
ul li.sub0a a{
	width:186px;
	float:left;
	list-style:none;
}

ul li.sub01 a{
	width:199px;
	float:left;
	list-style:none;
	}
	
#special{
background: #e8f3f9 !important;
width: 180px;
_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  {
	font-family:  arial, verdana, sans-serif; 
	font-size:11px;
	color:#333 !important;
	font-weight:normal;
	text-decoration:none;
	background: #A0CCE5;
	height:34px;
	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,
.sub0a 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: 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;
}

/* 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: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_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: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_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: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_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: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_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: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_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: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;
}
#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_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;
	border-bottom:1px #a0cce5 solid;
	_border-bottom:0px;
}
	
#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;
	}

#sub_nav05 ul li a.prod10 {
	background: url(images/menu/m_colours.gif) no-repeat;
	height:34px;
	}
	
#sub_nav05 ul li a.prod10:hover {
	background: url(images/menu/m_colours.gif) bottom no-repeat !important;
	height:34px;
	color:white !important;
	}
	
	
.prod_list_details{
	line-height:8px;
	color: #003399;
	padding-top: 5px !important;
}