@charset "UTF-8";
/* CSS Document */

body {font-family: Sans-Serif;}
main {width: 1020px; margin: 0 auto; background-color:#fbfbfb; }
a {text-decoration: none; color: #373737;}
a:hover {color: #000000; text-decoration: underline;}

a.takemehome {display: block; width: 200px; height: 50px;}

.chunk {display: block; width: 1000px; height: 50px}

#ultra .subnav { display: block; width: 1000px; height: 50px;margin-top: 40px}
#ultra a.nav01 {float: left; display: block; width: 200px; height: 50px; }
#ultra a.nav02 {float: left; display: block; width: 136px; height: 50px;  }
#ultra a.nav03 {float: left; display: block; width: 106px; height: 50px;  }
#ultra a.nav04 {float: left; display: block; width: 176px; height: 50px;  }

#soflens .subnav { display: block; width: 1000px; height: 50px; paddin-top: 40px; }
#soflens a.nav01 {float: left; display: block; width: 200px; height: 50px; }
#soflens a.nav02 {float: left; display: block; width: 136px; height: 50px;  }
#soflens a.nav03 {float: left; display: block; width: 106px; height: 50px;  }
#soflens a.nav04 {float: left; display: block; width: 176px; height: 50px;  }

ul {list-style: none;padding: 0px;margin: 0px;}
ul li {display: block;position: relative;float: left;}
li ul {display: none;}
ul li a.main {
	display: block;
/*			background: #d8d8d8;*/
	padding: 5px 39px 5px 8px;
	white-space: nowrap;
	color: #000;
	height: 35px;
	display: table-cell;
	vertical-align: bottom;text-align: left;
    font-style: normal;
	text-transform: uppercase;
	font-family: "Rubik", sans-serif;	
	font-weight: 900;
}
ul li a:hover {}
ul li a.main:hover {
/*			background: #8e8e8e; */
	text-decoration: none; color: #878787; }
ul li a.nodrop:hover {
	border-bottom: 2px solid #8e8e8e;
}

li:hover ul {display: block; position: absolute;}
li li {float: none;}
li li a {font-size: 14px;}
li:hover li a:hover {}
#drop-nav li ul li {border-top: 0px;}
ul#drop-nav {height: 59px; width: 1020px;
	background: #ffffff; 
	border-bottom: 2px solid #8e8e8e;
	padding-top: 18px;

}
li li.rewards {
	background-color: #8e8e8e;
	padding: 12px 20px;
	margin-top: 8px;
}
li li.rewards a{color: #fff; font-size: 14px;}

ul.section1, ul.section2, ul.section3, ul.section4,ul.section5, ul.section6, ul.section7{
	background: #e6e6e6 url("navtriangle.png") 40px 0 no-repeat;
	background-size: 20px 9px;
	width: 261px;
	padding: 10px 0;
	border-top: 2px solid #8e8e8e;
	box-shadow: 0px 5px 8px #888888;
}
ul.section1, ul.section3 {
	padding-bottom: 0px;
}
ul.section1 {
	width: 245px;
}
ul.section2 {	
	width: 210px;
}
ul.section3 {
	width: 200px;
	margin-left: -58px;
	background-position:  75px 0;
}
ul.section4 {
	width: 260px;
}
ul.section6 {
	width: 220px;
}


ul.section7 {
	margin-left: -85px;
	width: 200px;
	background-position: 110px 0;
}
ul.section1 li, ul.section2 li, ul.section3 li, ul.section4 li, ul.section5 li, ul.section6 li, ul.section7 li{
	padding: 7px 20px;
}
.NavSubTitle{
	font-size: 13px; 
	color: #6B6B6B; 
	text-transform: uppercase;
/*			border-bottom: 2px solid #939393;*/
}




#home div.content {
	height: 972px;
	background: #F4F4F4 url("contentHomepage.png") 0 0 no-repeat;
	background-size: 1020px 932px;

}

#contacts div.content {padding: 0px; padding-top: 40px;}

.ultra {
	height: 2420px;
	background: url("Ultra_near.png") 0 0 no-repeat;
	background-size: 1020px 2380px;}

.Ultra_astigmatism {
	height: 2920px;
	background: url("Ultra_astigmatism.png") 0 0 no-repeat;
	background-size: 1020px 2880px;}

.Ultra_Presbyopia {
	height: 2920px;
	background: url("Ultra_Presbyopia.png") 0 0 no-repeat;
	background-size: 1020px 2880px;}

.Ultra_ECP {
	height: 2920px;
	background: url("Ultra_ECP.png") 0 0 no-repeat;
	background-size: 1020px 2880px;}

.soflens {
	height: 2420px;
	background: url("Soflens_near.png") 0 0 no-repeat;
	background-size: 1020px 2380px;}

.Soflens_astigmatism {
	height: 2420px;
	background: url("Soflens_astigmatism.png") 0 0 no-repeat;
	background-size: 1020px 2380px;}

.Soflens_Presbyopia{
	height: 2420px;
	background: url("Soflens_Presbyopia.png") 0 0 no-repeat;
	background-size: 1020px 2380px;}

.Soflens_ECP{
	height: 2680px;
	background: url("Soflens_ECP.png") 0 0 no-repeat;
	background-size: 1020px 2640px;}

.Sensitive_Eyes_Saline_Solution{
	height: 2680px;
	background: url("Sensitive_Eyes_Saline_Solution.png") 0 0 no-repeat;
	background-size: 1020px 2380px;}

.Alaway {
	height: 1740px;
	background: url("Alaway.png") 0 0 no-repeat;
	background-size: 1020px 1700px;}

.Advanced_Eye_Relief {
	height: 2040px;
	background: url("Advanced_Eye_Relief.png") 0 0 no-repeat;
	background-size: 1020px 2000px;}

.Advanced_Eye_2 {
	height: 2040px;
	background: url("Advanced_Eye_2.png") 0 0 no-repeat;
	background-size: 1020px 2000px;}

.Ocuvite  {
	height: 1740px;
	background: url("Ocuvite.png") 0 0 no-repeat;
	background-size: 1020px 1700px;}

.Istalol{
	height: 2740px;
	background: url("Istalol.png") 0 0 no-repeat;
	background-size: 1020px 2700px;}

.BEPREVE{
	height: 1740px;
	background: url("BEPREVE.png") 0 0 no-repeat;
	background-size: 1020px 1700px;}

.LOTEMAX{
	height: 2740px;
	background: url("LOTEMAX.png") 0 0 no-repeat;
	background-size: 1020px 2700px;}

.lotemaxGel{
	height: 2940px;
	background: url("lotemaxGel.png") 0 0 no-repeat;
	background-size: 1020px 2900px;}


header {height: 100px; 
	background: #F4F4F4 url("headerImage.png") 0 0 no-repeat;
	background-size: 1020px 100px;}


footer {height: 200px; background-color: #464646;}