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

body {
	margin: 0;}
	
a:link {color: #000;text-decoration:none;}    /* unvisited link */
a:visited {color: #000;} /* visited link */
  /* mouse over link */
a:active {color: #F00;}  /* selected link */
#iD a:link {}
#iD a:visited {}
#bot a:hover {color :#F00; transition: ease-in-out 0.2s;}
#top a:hover {color :#F00; transition: ease-in-out 0.2s;}
#ID a:active {} 
/*****TOP MENU BAR***********/
#Tt {
	
	
	
	min-width: 601px;
	height: 75px;
	padding: 10px 10px 0px 10px;
	margin: 0 auto;
	border-bottom: solid 4px #F00;
	position: relative;
	
	
}

#DO {
	width: 200px;
	height: 80px;
	float: left;
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
}

#TtCont {
	float: right;
	height: 70px;
	
	
}

#top {
	margin-top: 5px;
	height: 20px;
	text-align: right;
	font-size: 0.8em;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}

#mid {
	height: 24px;
}

#bot {
	height: 20px;
	text-align: right;
	font-size: 1.2em;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}

 #adban_wrap {  clear:both; width:100%; margin: 0 auto; height: AUTO;; margin-top: 10px; margin-bottom: 15px; font-family:raleway;}
 #adban_wrap_in { padding-left:0%; padding-right: 0%;  margin: 0 auto; height: AUTO;; margin-top: 10px; margin-bottom: 15px; font-family:raleway;}
 #adban { width: 100%;  ;  float: none;font-size:2em; color: #fff; font-weight: 600; text-align: center; margin: 0 auto; margin-bottom:10px; }  
 .adbantop { background: #FF9E00; line-height:70px; margin-right:0px}
 .adbanbot { background: #FF4F00; line-height:70px; margin-left:0px}
 
 #adban_sgl { clear:both; width: 100%; background-color:#FF0004;  float: none;font-size:2em; color: #fff; font-weight: 600; text-align: center; margin: 0 !important; height: 100px; line-height:80px; height:80px} 

/*****MAIN PIC AREA***********/

#main {
	height: 350px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 40px;
	background:url(../homebanr.jpg) center no-repeat;
	
	opacity: 1;
	background-position: center;
	
}
#main2 {
	height: 350px;
	max-width: 70%;
	margin: 0 auto; margin-bottom: 40px;
	background url(Eyes.png) no-repeat;
	background: #000;
	color: #FFF;
	
	padding-top: 2.5%;
	text-align: center;
	background-position: center;
	
}

.item {
	clear: both;
	font-size: 0.5em;
	color: #FFF;
	
}
#products_main { width: 95%;  height: 110px; margin: 0 auto;  }
#prod_one {
	border: solid 1px #FFF  ;
	
	
	width: 33%;
	height: 100px;
	float: left;
}

#set {
	margin: 5px;
}

.promo_container { padding: 0px 0px 15px 20px; }
.promo_container .promo {
	width: 33%;
	float: left;
	background-position: 0px 3px;
}
.promo_container .promo .content { padding: 0px 30px 0px 70px; }

#blocks_out { float: none; width: 100%; }
/*****IN HOUSE***********/

#title {
	text-align: center;
	
	font-family: 'Montserrat', sans-serif;
	font-size: 2.7em;
	color: #e00404;
	font-weight: 700;
	overflow: hidden;
	margin: 0px auto;
	margin-bottom: 15px;
	text-shadow:0px 0px 0 rgb(199,-21,-21),1px 1px 0 rgb(173,-47,-47),2px 2px 0 rgb(148,-72,-72),3px 3px 0 rgb(122,-98,-98),4px 4px 0 rgb(97,-123,-123),5px 5px 0 rgb(71,-149,-149), 6px 6px 0 rgb(46,-174,-174),7px 7px 6px rgba(0,0,0,1),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);}
	
	
#inhouse {
	clear:both;
	height: 300px;
		
	overflow: hidden;
	min-width: 620px;

	width: 620px;
	margin: 0 auto;
	margin-bottom: 10px;
	
}

#inh1 {
	display: block;
	max-width: 90%;
	margin: 5px;
	margin: 0px auto;
	width: 200px;
	float: left;	
}

#inh2 {
	display: block;
	max-width: 90%;
	margin: 5px;
	margin: 0px auto;
	width: 200px;
	float: left;
	min-height: 200px;
}
#inh3 {
	display: block;
	max-width: 90%;
	margin: 5px;
	margin: 0px auto;
	width: 200px;
	float: left;
	min-height: 200px;
}

#h1 {
	margin-top: 10px;
	display: block;
	color: #000;
	
	font-size: 1.3em;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}
#h1:hover a{
	color: #F00;
	display: block;
}


#h1image {
	
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	margin: 0 auto;
	height: 170px;
	width: 170px;
	display: block;
	background: url(../images/Servicelabspr_med.png) no-repeat;
	
}

#h1image span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:  url(../images/Servicelabspr_med.png) no-repeat;
	background-position: -0px -170px;
	opacity: 0;
	-webkit-transition: opacity 0.8s;
	-moz-transition: opacity 0.8s;
	-o-transition: opacity 0.8s;
}

#h1image:hover span {
	opacity: 1;
}
	
#h1image:hover {
	color: #F00;
	transition: ease-in 0.3s;
	font-size: 24px;
	}
	
	


#h2image {
	
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	margin: 0 auto;
	height: 170px;
	width: 170px;
	background-size:170px 170px;
	display: block;
	background: url(../images/Optometristspr_med.png) no-repeat;
	
}

#h2image span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../images/Optometristspr_med.png) no-repeat;
	background-position: -0px -170px;
	opacity: 0;
	-webkit-transition: opacity 0.8s;
	-moz-transition: opacity 0.8s;
	-o-transition: opacity 0.8s;
}

#h2image:hover span {
	opacity: 1;
}
#h2image:hover + #h1 a {
	color: #F00;
	transition: ease-in 0.3s;
	}


#h3image {
	
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	margin: 0 auto;
	height: 170px;
	width: 170px;
	display: block;
	background: url(../images/Technicianspr_med.png) no-repeat;
	
}

#h3image span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../images/Technicianspr_med.png) no-repeat;
	background-position: -0px -170px;
	opacity: 0;
	-webkit-transition: opacity 0.8s;
	-moz-transition: opacity 0.8s;
	-o-transition: opacity 0.8s;
}

#h3image:hover span {
	opacity: 1;
}
	

#h3image:hover + #h1 a {
	color: #F00;
	transition: ease-in 0.3s;
	}
	
	
/*****CHOCOLATE BARS***********/

#container {
	border-bottom: solid 1px #EEE;
}
#container1 {
	border-top: solid 1px #EEE;
}
#bar {
	clear: both;
	
	
	
	height: 200px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;
	}
#bar2 {
	clear: both;
	
	
	height: 200px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;
	}
#bar3 {
	clear: both;
	
	height: 200px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;
	}
	

#h2 {
	margin-top: 35px;
	display: block;
	color: #000;
	height: 30px;
	padding-left: 20px;
	font-size: 1.2em;
	text-align: left;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}

#h3 {
	margin-top: 20px;
	display: block;
	color: #000;
	height: 30px;
	padding-left: 20px;
	
	font-size: 1em;
	text-align: left;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}
#h4 {
	margin-top: 15px;
	display: block;
	color: #000;
	height: 30px;
	padding-left: 20px;
	
	font-size: 1.4em;
	text-align: left;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}
#h5 {
	margin-top: 10px;
	display: block;
	color: #000;
	height: 30px;
	padding-left: 20px;
	
	font-size: 1.4em;
	text-align: left;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}
#left {
	float: left;
	max-width: 350px;
	
	
	
}

#right {
	float: left;
	min-width: 350px;
	margin: 20px 0px 0px 25px;
	
	
	background: url(../images/glasses2_med.png) no-repeat;
}

#left2 {
	margin-left: 0px;
	float: left;
	min-width: 350px;
	
	
	background: url(../images/lense_med.png) no-repeat;
	
}

#right2 {
	float: left;
	max-width: 350px;
	
	
	
}

#left3 {
	float: left;
	max-width: 400px;
	
	
	
}

#right3 {
	float: left;
	min-width: 350px;
	
	
	background: url(../images/proptometr2_med.png) no-repeat;;
}

/*****BOTTOM NAV***********/

#bottomcont {
	margin: 0 auto;
	max-width: 1000px;
	height: 100%;
}
#bottombarcont {
	max-width: 500px;
	height: 100%}
#bottombar {
	
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 150px;
	height: 100%}

#head {
	clear: both;
	font-size: 1em;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}

#cont {
	font-size: 0.8em;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}

#ixam_frame {width: 98%; }
#services__header_wrap { width: 100%; }
#servicepage { width: 100%; }
#rightserviceservice { width: 100%; }
#servicepaje { width: 100%; }
#products_page_header { width: 100%; padding-left: 0px; padding-right: 0px; }
#products_content_wrap { width: 100%; }
#products_nav_wrap li { padding-left: 10px; }