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

body {
	margin: 0;
	
	max-width: 100%;
	
	}
	
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 :#FFF; }
#top a:hover {color :#F00; transition: ease-in-out 0.2s;}
#ID a:active {} 
/*****TOP MENU BAR***********/

#T { position: relative; }
#Tt {
	
	
	clear: both;
	min-width: 0px;
	max-width: 100%;
	margin: 0 auto;
	height: 40px;
	padding: 0px;
	margin: 0px;
	border-bottom: solid 4px #F00;
	position: inherit;
	
	
}

#DO {
	
	margin: 0 auto; margin-bottom: 40px;
	height: 30px;
	display: block;
	width: 100%;
	float: none;
	text-align: center;
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
}

#TtCont {
	clear: both;
	width: 100%;
	height: 50px;
	background-color: #F00;
	
	
	
	
}

#top {
	height: 50px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	margin-top: 0px;	
	width: 100%;
	text-align: center;
	background-color: #369;
	font-size: 1em;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	
	
}
#headstart { height: 0px; }
#top ul { float: left; margin: 0px; padding: 0px; width: 100%; background-color: #F00;  }
#top li { width: 33%; padding: 0px; margin: 0px; height: 50px; line-height: 50px; }
#mid {
	height: 0px;
	margin-bottom: 20px;
	background: url(../homebanr.jpg);
}

#bot{
	
	padding-top: 10px;
	height: 0px;
	position:absolute;
	top: 3320px;
	clear: both;
	line-height: 0px;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	background-color: none;
}

#bot a {
	color: #FFF;
	margin: 0px 0px 10px 0px;
	clear: both;
	height: 30px;
	padding: 10px 0px 10px 0px;
	line-height: 30px;
	background-color: #F00;
	border-radius: 5px;
	border: solid thin #CCC;	
	display: block;}
	
#bot a:hover {
	background-color: #F30; }


#wrap{ position: absolute;
	top: 350px;}
/*****MAIN PIC AREA***********/

#main {
	float: none;
	clear: both;
	height: 0px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 40px;
	
	background: #F00;
	opacity: 0.5;
	background-position: center;
	
}

#info{
	clear: both;
	margin: 0 auto;
	width: 100%;
	}
#blocks_out { float: none; width: 100%; }
#blocks {
	
	
	width: 100%;
	height: 210px;
	margin: 0 auto;
	margin: 0px;
	border-radius: 10px;
	border: 0px solid #000;
}
#header { height: 20px; width: 100%; padding-top: 10px; text-align: center; font-family: 'Raleway', sans-serif; font-weight: 400; }

#blocks_wrap { width: 100%;  }

#blocks_one_one { float: left;  width: 100%; font-family: 'Raleway', sans-serif; font-weight: 300;  }
#blocks_one_one ul { list-style-type: none; padding: 0px 0px 0px 10px;}
#blocks_one_two { border-bottom: solid 1px #CCC; float:left;  width: 70%; font-family: 'Raleway', sans-serif; font-weight: 300; }
#blocks_one_two li { padding-right: 10px; }
#blocks_one_two ul { list-style-type: none; padding: 0px 0px 0px 10px; float: right; }

#blocks_two_one { margin: 10px 10px 5px 10px; border-radius: 5px; height: 130px; background-color: #CCC;}
#blocks_two_two { border-bottom: solid 1px #CCC; padding: 0px 10px 10px 10px; font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 0.8em; }

#blocks_three_one {  padding: 0px; margin: 0px; }
#blocks_three_one ul { padding: 0px 0px 0px 10px; font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 0.8em;}
#blocks_three_one li { clear: both; list-style-type: none ; font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 1.2em;}
#main2 {
	clear: both;
	height: 0px;
	max-width: 70%;
	margin: 0 auto; margin-bottom: 40px;
	
	
	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; }
/*****IN HOUSE***********/

#title {
	text-align: center;
	
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
	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 {
	
	top: 1470px;
	clear:both;
	height: 0px;
	min-width: 100px;	
	overflow: hidden;
	

	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	
}

#inh1 {
	height: 50px;
	margin: 0 auto;
	max-width: 90%;
	min-height: 50px;
	width: 200px;
	float: none;	
}

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

#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: 0px;
	width: 0px;
	display: block;
	background: none;
	
}

#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: 0px;
	width: 0px;
	display: block;
	background: url(../images/Technicianspr_med.png) no-repeat;
	
}

#h2image span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../images/Technicianspr_med.png) no-repeat;
	background-position: -0px -00px;
	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: 0px;
	width: 0px;
	display: block;
	background: url(../images/Optometristspr_med.png) no-repeat;
	
}

#h3image 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;
}

#h3image:hover span {
	opacity: 1;
}
	

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

#container {
	border-bottom: none;
}
#container1 {
	border-top: none;
}
#bar {
	position: absolute;
	top: 1490px;
	clear: both;
	min-width: 50px;
	background-color: #F00;
	max-width: 100%;
	width: 100%;
	color: #FFF;
	height: 200px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 5px;
	}
#bar2 {
	position: absolute;
	top: 1710px;
	clear: both;
	min-width: 50px;
	background-color: #F00;
	max-width: 100%;
	color: #FFF;
	height: 200px;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
	}
#bar3 {
	position: absolute;
	top: 1915px;
	clear: both;
	min-width: 50px;
	background-color: #F00;
	max-width: 100%;
	color: #FFF;
	height: 250px;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
	}
	

#h2 {
	margin-top: 35px;
	display: block;
	color: #FFF;
	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: #FFF;
	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: #FFF;
	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: #FFF;
	height: 30px;
	padding-left: 20px;
	
	font-size: 1.4em;
	text-align: left;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}
#left {
	
	min-width: 50px;
	max-width: 100%;
	color: #FFF;
	padding-right: 15px;
	
}

#right {
	float: none;
	width: 0px;
	height: 0px;
	
	
	background: none;
}

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

#right2 {
	min-width: 50px;
	max-width: 100%;
	color: #FFF;
	padding-right: 15px;
	
	
	
}

#left3 {
	min-width: 50px;
	max-width: 100%;
	color: #FFF;
	padding-right: 15px;
	
	
	
}

#right3 {
	float: left;
	min-width: 350px;
	
	
	background: none;
}

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

#bottomcont {
	position: absolute;
	top: 3600px;
	margin: 0 auto;
	max-width: 500px;
	width: 100%;
	height: 200px;
	text-align: center;
	
}
#bottombarcont {
	padding-left: 10px;
	max-width: 500px;
	margin: 0 auto;
	height: 170px;
	overflow: hidden;
}
#bottombar {
	
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 33.333%;
	height: 50px;
}

#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;
}
	
/*ABOUT PAGE*/

#service_content_wrap { clear: both;width: 100%; height: 100%; margin: 0 auto;  }
#ixam_frame {width: 90%; height: 100%; margin: 0 auto;  }
#xamleftimg_ab {margin: 0 auto;float: none; width: 90%; height: 200px; overflow: hidden; background:url(../images/storefront.jpg) no-repeat center ; background-size: 100% auto; }
#xamnext_ab { color: #FFF;text-align: center;padding-top: 10px;float: none; width: 95%; font-size: 2em; }
#services__header_wrap { width: 100%; margin: 0 auto; }
#serviceopac { clear: both; padding: 0px; height: 0px;  } 
#bookinginfo { float: none; width: 100%; color: #FFF; height: 100%; }
#eyechart { float: none; width: 100%; }
#infobooking_about { padding-top: 20px; font-size: 2em; text-align: justify; padding-left: 10px; padding-right: 10px; }
#eyeichart_ab { width: 100%; height: 280px; margin: 0 auto; margin-top: 0px; background:url(../images/aboutman.png) no-repeat center ; background-size:100% auto; background-size:contain;}
#infobooking__ { padding-top: 0px; padding-bottom: 20px; font-size: 1.8em; text-align:justify; padding-right: 10px;   padding-left: 10px;}
#bookit {  clear: both; height: 100%; margin: 0 auto; background-color: #323875;  }
#ato { text-align: center; height: 60px; width: 100%; font-size: 1.2em; padding-left: 0px; color: #FFF; border-bottom: 2px solid #69F; line-height: 90px; }

#xamleftimg_co {margin: 0 auto;float: none; width: 50%; height: 200px; overflow: hidden; background: url(../images/eyeimothr.png) no-repeat center; background-size: 100% auto; }
#xamnext { color: #FFF;text-align: center;padding-top: 10px;float: none; width: 95%; font-size: 2em; }

#uno { float: none; width: 100%; padding-bottom: 20px; }
#duco { float: none; width: 100%; padding-bottom: 20px; }
#trinko { float: none; width: 100%; padding-bottom: 20px; }

#chooseiit { height: 100%; }

#locstreet { width: 100%; float: none; height: 100%;  }
#locfind { width: 100%; float: none; height: 100%; }
#loclight { width: 100%; float: none; height: 100%; margin-bottom: 10px;}