/* links
----------------------------------------------- */

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

body{ font-family:Arial, Helvetica, sans-serif; background-color: #d2e1ed; background-image: url(http://www.aesoptics.com/images/body-back.jpg);  background-position: top; background-repeat: repeat-x; text-align: center; margin:0px;
}
*{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
h1{color:#1B5A85; font-weight:bold; font-size:22px; margin-top:20px; margin-left:20px;
/* TEXT-SHADOW */text-shadow: #103061 2px 2px 2px;}
h2{ display:inline-block;color:#1B5A85; font-weight:bold; font-size:18px; margin-bottom:2px; margin-top:20px; margin-left:20px;
/* TEXT-SHADOW */text-shadow: #103061 1px 1px 1px;}
h3{color:#1B5A85; font-weight:bold; font-size:22px; display:inline-block;
/* TEXT-SHADOW */text-shadow: #103061 2px 2px 2px;}
hr{ border-top:solid  1px #C1C1C1; border-bottom:solid 1px  #D6D6D6;}

#container{ width:960px;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */	
	text-align: left; /* this overrides the text-align: center on the body element. */
	}

#header{ height:74px; width:960px; margin-top:0px; background-image: url(http://www.aesoptics.com/images/header.jpg);  background-position: top; background-repeat: no-repeat;}


#logo{ height:74px; width:276px; display:inline-block; margin-left:80px; background-image: url(http://www.aesoptics.com/images/logo.jpg); background-position: top left; background-repeat: no-repeat; border:solid 0px #EBEBEB; text-indent:-5000px;}

	
#form-nav{
	height:40px; 
	background-color:#EBEBEB;
	margin-bottom:20px;
	/* SHADOW */-moz-box-shadow:0px 0px 5px #979797; -webkit-box-shadow:0px 0px 5px #979797; box-shadow:0px 0px 5px #979797; 
	/* RADIUS */-moz-border-radius:5px;-webkit-border-radius:5px; behavior: url(border-radius.htc); border-radius: 5px;
	/* IE RADIUS */ behavior: url(border-radius.htc); border-radius: 5px;
	/* LINEAR GRADIENT */background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.37, rgb(235,235,235)),color-stop(0.69, rgb(250,250,250)),color-stop(0.85, rgb(235,235,235)) );
	/* LINEAR GRADIENT */background-image: -moz-linear-gradient( bottom center, rgb(235,235,235) 2%, rgb(250,250,250) 51%, rgb(235,235,235) 76%);	


}
#lens-form{ float:right; margin:30px 0px 0px 0px;
/* SHADOW */-moz-box-shadow:0px 5px 5px #103061; -webkit-box-shadow:0px 5px 5px #103061; box-shadow:0px 5px 5px #103061; }



#nav1{ height:28px; width:960px; margin-top:0px; background-image: url(http://www.aesoptics.com/images/nav-1-back.jpg); background-position: top; background-repeat: repeat-x; color:#FFFFFF;
}
#nav1 p{ padding:6px 0px 0px 10px;  font-weight:bold; margin-top:0px; text-shadow:#103061 1px 1px 1px;}
#nav1 a:link{ font-size:12px; color: #FFFFFF; text-decoration:none;}
#nav1 a:hover{ font-size:12px; color: #FFFFFF; text-decoration:underline;}
#nav1 a:visited{ font-size:12px; color: #FFFFFF; text-decoration:none;}

#nav2{ height:44px; width:960px; margin-top:0px; background-image: url(http://www.aesoptics.com/images/nav-2-back.jpg);  background-position: top; background-repeat: repeat-x;}

#main{ height:385px; width:960px;
	padding:0px;
	font-size:12px; 
	margin-left:0px;
	margin-top:17px;
	background-image: url(http://www.aesoptics.com/images/main-back.jpg);  background-position: top; background-repeat: no-repeat;
	}


#main2{ height:194px; width:960px;
	padding:0px;
	font-size:12px; 
	margin-left:0px;
	margin-top:17px;
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
   border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
	}
#main3{ width:960px;
	padding:0px;
	font-size:12px; 
	margin-left:0px;
	margin-top:17px;
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
   border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
	}

#main3 a:link{ font-size:12px; color:#1B5A85; text-decoration:none;}
#main3 a:hover{ font-size:12px; color:#1B5A85; text-decoration:underline;}
#main3 a:visited{ font-size:12px; color:#1B5A85; text-decoration:none;}






ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 44px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.acuvue {
	background: url(http://www.aesoptics.com/images/acuvue.jpg) no-repeat;
	width: 122px; 
}
ul#topnav a.bausch {
	background: url(http://www.aesoptics.com/images/bausch.jpg) no-repeat;
	width: 146px; 
}
ul#topnav a.ciba {
	background: url(http://www.aesoptics.com/images/ciba.jpg) no-repeat;
	width: 172px; 
}
ul#topnav a.coopervision{
	background: url(http://www.aesoptics.com/images/coopervision.jpg) no-repeat;
	width: 172px; 
}
ul#topnav a.focus {
	background: url(http://www.aesoptics.com/images/focus.jpg) no-repeat;
	width: 105px; 
}
ul#topnav a.freshlook {
	background: url(http://www.aesoptics.com/images/freshlook.jpg) no-repeat;
	width: 115px; 
}

ul#topnav li .sub {
	position: absolute;	
	top: 44px; left: 0;
	background: #0C3764 url(sub_bg.png) repeat-x;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;color: #e8e000; display:inline;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;}





/* SLIDER */

	pre {
		background:			#cecece;
		padding:			10px;
	}

	#slider {
		width:				954px;
		height:				360px;
		padding:			3px;
		background:			white;
		margin: 20px 0px;
	/* RADIUS */-moz-border-radius:5px;-webkit-border-radius:5px; behavior: url(border-radius.htc); border-radius: 5px;
	/* IE RADIUS */ behavior: url(border-radius.htc); border-radius: 5px;

	}
	.panelwrappers {
		overflow:			hidden;
	}



/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }




#footer{  background-color: #1B5A85; height:200px; background-image:url(http://www.aesoptics.com/images/footer.jpg); background-repeat:repeat-x; background-position:top; margin-top:30px; font-size:10px;}

#subfooter{  width:960px; color: #FFFFFF;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */	
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
	
#subfooter a:link{  color:#D5D5D5 ; text-decoration: none;  margin-bottom:10px; font-size:10px; }
#subfooter a:hover{  color:#D5D5D5; text-decoration: none;  font-size:10px;}
#subfooter a:visited{  color:#D5D5D5; text-decoration: none;  font-size:10px;}
#subfooter a:active{  color: #D5D5D5; text-decoration: none;  font-size:10px;}
#subfooter li{ list-style: none; color: #D5D5D5; border-bottom: solid 0px #3C3C3C;  margin:0px; padding:0px; font-size:10px;}
#subfooter ul{ list-style: none; color: #D5D5D5; border-bottom: solid 0px #3C3C3C;  margin:14px; padding:0px; font-size:10px;}
#footerlinks{ float:left; color:#FFFFFF; font-size:10px; }
	
	
	#subfooter2{  width:825px; color: #FFFFFF;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */	
	text-align: left; /* this overrides the text-align: center on the body element. */
	}

#foot-logo{ height:58px; width:171; background-image:url(http://www.aesoptics.com/images/logo.png); background-repeat: no-repeat; background-position:top; }




fieldset { padding:2; background-color:#FFFFFF; border:solid 1px #D1D1D1;  margin-bottom:8px; color:#575757;
	/* RADIUS */-moz-border-radius:5px;-webkit-border-radius:5px; behavior: url(border-radius.htc); border-radius: 5px;
	/* IE RADIUS */ behavior: url(border-radius.htc); border-radius: 5px;
}


td{background-color: #EBEBEB; border:solid 1px #D6D6D6; padding-left:10px; padding-bottom:4px; }
th{background-color: #EBEBEB; border:solid 1px #D6D6D6; padding-left:10px; background-image: url(http://www.aesoptics.com/images/th.jpg);  background-position: top; background-repeat: repeat; }
h2 th{color:#092B51; font-weight:bold; font-size:20px; margin-bottom:2px; margin-top:10px;
/* TEXT-SHADOW */text-shadow: #A4A4A4 2px 2px 2px;}


#topback{ width:100%; background-image: url(http://www.aesoptics.com/images/topback.jpg); background-position: top left; background-repeat: repeat-x;}

#top-nav{
	 width:100%;
	height:24px;
	background-color: #EBEBEB;
	padding-top:6px;
	color: #5b79a3;
	/* SHADOW */ -moz-box-shadow:10px 0px 10px #979797;  -webkit-box-shadow:0px 0px 10px #979797; box-shadow:0px 0px 10px #979797;
}

#top-nav a:link{ font-size:12px; color: #5b79a3; height:20px; padding:10px 0px 0px 0px; margin-bottom:20px; text-decoration:none;}
#top-nav a:hover{ font-size:12px; color: #0080C0; height:20px; padding:10px 0px 0px 0px; margin-bottom:20px; text-decoration:underline;}
#top-nav a:visited{ font-size:12px; color:#5b79a3; height:20px; padding:10px 0px 0px 0px;  margin-bottom:20px; text-decoration:none;}

	


	


#crumbs{ font-size:12px; color:#5b79a3; height:20px; padding:10px; margin-bottom:0px;}
#crumbs a:link{ font-size:12px; color: #5b79a3; height:20px; padding:10px 0px 0px 10px; margin-bottom:20px; text-decoration:none;}
#crumbs a:hover{ font-size:12px; color: #0080C0; height:20px; padding:10px 0px 0px 10px; margin-bottom:20px; text-decoration:underline;}
#crumbs a:visited{ font-size:12px; color:#5b79a3; height:20px; padding:10px 0px 0px 10px;  margin-bottom:20px; text-decoration:none;}


	
.prod {border-style: solid 1px #999;
	/* RADIUS */ -moz-border-radius:5px;-webkit-border-radius:5px;
	/* IE RADIUS */ behavior: url(border-radius.htc); border-radius: 5px;
	/* SHADOW */-moz-box-shadow:0px 0px 5px #979797;-webkit-box-shadow:0px 0px 5px #979797;box-shadow:0px 0px 5px #979797; 
	}

#content{background-color:#FFFFFF; font-size: 16px;  padding:10px 10px 0px 10px; }	
#content p{background-color:#FFFFFF; font-size: 16px;}	
#content a:link{color:#6E6E6E; font-size: 16px; text-decoration:none}

#record-links a{ font-weight:bold; color:#5b79a3;}
#record-links a:link{ font-weight:bold; color:#5b79a3;}
#record-links a:hover{ font-weight:bold; color:#5b79a3; text-decoration:underline;}
#record-links a:visted{ font-weight:bold; color:#5b79a3; text-decoration:overline}
#record-links a:active{ font-weight:bold; color:#5b79a3;}

#outline{ 
	width:650px;
	border:solid 1px #EBEBEB;
	margin:20px 20px 20px 10px ;
	padding:10px;
	/* RADIUS */ -moz-border-radius:5px;-webkit-border-radius:5px;
	/* IE RADIUS */ behavior: url(border-radius.htc); border-radius: 5px;
	/* LINEAR GRADIENT */background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.10, rgb(235,235,235)),color-stop(0.50, rgb(250,250,250)) );
	/* LINEAR GRADIENT */background-image: -moz-linear-gradient( bottom center, rgb(235,235,235) 10%, rgb(250,250,250) 50%);	
	/* SHADOW */-moz-box-shadow:0px 0px 5px #979797;-webkit-box-shadow:0px 0px 5px #979797;box-shadow:0px 0px 5px #979797; 

}

#tools{ 
	height:160px;
	width:650px;
	margin:20px 20px 20px 10px ;
	padding:10px;
	border:solid 1px #EBEBEB;
	/* RADIUS */ -moz-border-radius:5px;-webkit-border-radius:5px;
	/* IE RADIUS */ behavior: url(border-radius.htc); border-radius: 5px;
	/* SHADOW */-moz-box-shadow:0px 0px 5px #979797;-webkit-box-shadow:0px 0px 5px #979797;box-shadow:0px 0px 5px #979797; 
	/* LINEAR GRADIENT */background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.10, rgb(235,235,235)),color-stop(0.50, rgb(250,250,250)) );
	/* LINEAR GRADIENT */background-image: -moz-linear-gradient( bottom center, rgb(235,235,235) 10%, rgb(250,250,250) 50%);	
}
#tools h2{ display:inline; font-size:14px;}	
#tools img{ vertical-align:middle; margin-right:10px; }	
#toolsdetail{ 
	width:118px; 
	height:90px;
	background-image:none; background-color:#FFFFFF;
	float:left;
	margin-top:10px;
	margin-right:8px;
	padding-left:2px;
	border:solid 1px #EBEBEB;
} 

#toolsdetail:hover{ 
	width:118px; 
	height:90px;
	background-image:none; background-color:#FFFFFF;
	float:left;
	margin-top:10px;
	margin-right:8px;
	padding-left:2px;
	border:solid 1px #5b79a3;
	cursor:pointer; color:#5b79a3;
	 /* RADIUS */ -moz-border-radius:5px;-webkit-border-radius:5px;
	/* IE RADIUS */ behavior: url(border-radius.htc); border-radius: 5px;
	/* SHADOW */-moz-box-shadow:0px 5px 5px #979797;-webkit-box-shadow:0px 5px 5px #979797;box-shadow:0px 5px 5px #979797; 
} 
#toolsdetail{} 	
#toolsdetail{} 

#tabbar{ margin-top:20px; margin-left:10px;
}

#tabs{
	height:40px; 
	width:120px;
	padding:10px;
	border:solid 1px  #D6D6D6;
	/* RADIUS */ -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px;
	/* IE RADIUS */ behavior: url(border-radius.htc); border-radius: 10px 10px 0px 0px;
	}
#tabs:visited{color: #6E6E6E;}
#tabs:hover{
	height:40px; 
	width:120px;
	padding:10px;
	color:#0080C0;
	border:solid 1px #C1C1C1;
	/* RADIUS */ -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px;
	/* IE RADIUS */ behavior: url(border-radius.htc); border-radius: 10px 10px 0px 0px;
	/* LINEAR GRADIENT */background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.10, rgb(235,235,235)),color-stop(0.50, rgb(250,250,250)) );
	/* LINEAR GRADIENT */background-image: -moz-linear-gradient( bottom center, rgb(235,235,235) 10%, #FFFFFF 50%);	

	}	

	
	
#tabdetails{

width:650px;
	border:solid 2px  #D6D6D6;
	margin:10px 10px 30px 10px;
	padding:10px; display:block;
}