@charset "utf-8";
/* CSS Document */
*{
	margin:0px;
	padding:0px;
}
a img{
	border:none;
}
img{
	border:none;
}
a{
	text-decoration:none;
}
h1{
	font-size:20px;
	font-weight:normal;
}
body{
	font-size:12px;
	background:url(../images/heading.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}
.container{
	width:960px;
	margin:0px auto;
}
/*======Start Header=========*/
.header{
	width:960px;
	float:left;
	height:167px;
	border-bottom:1px solid #d4d4d4;
	background:url(../images/header.jpg) top center no-repeat;
}
.logo{
	width:210px;
	height:133px;
	float:left;
	margin:15px 0 0 10px;
}
.socialnetwork_linkback{
	width:300px;
	float:right;
	margin:20px 0 0 0;
}
.socialnetwork_linkback a img{
	float:right;
	margin:0 10px 0 0;
	}
/*======Start Navigation=========*/	
.navigation{
	width:600px;
	float:right;
	margin:110px 0 0 0;
	/*----margin:70px 0 0 0;*/
}	
.menu{
	list-style-position: outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.menu li{
	display:inline;
	font-size:12px;
}
.menu li a{
	text-align:center;
	margin:0 0 0 5px;
	padding:8px 12px;
	display:block;
	color: #343434;
	text-decoration:none;
	font-size:14px;
	float:right;
	
}
.menu li a:hover{
	text-align:center;
	color: #FFF;
	background:#4096ee;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.menu_active{
	color: #FFF !important;
	background:#4096ee;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
/*======End Navigation=========*/	
/*======End Header=========*/
/*======Start Image Gallery=========*/
.imagegallery{
	width:960px;
	float:left;
	height:274px;
	border-bottom:1px solid #d4d4d4;
	background:url(../images/01.jpg) no-repeat;
}
.crystalens{
	width:240px;
	height:274px;
	float:left;
	background:url(../images/crystalens.jpg) no-repeat;
}
.crystalens:hover{
	background:url(../images/crystalens_hover.jpg) no-repeat;
}
.visian{
	width:282px;
	height:274px;
	float:left;
	background:url(../images/visian.jpg) no-repeat;
}
.visian:hover{
	background:url(../images/visian_hover.jpg) no-repeat;
}
/*======End Image Gallery=========*/
/*======Start Contant=========*/
.contant_mainback{
	width:960px;
	min-height:400px;
	float:left;
	background:url(../images/containt_back.jpg) repeat-y;
}
.leftside_menu{
	width:199px;
	height:400px;
	float:left;
}
.leftside_heading{
	width:139px;
	height:33px;
	float:left;
	background:url(../images/leftside.jpg) no-repeat;
	font-size:20px;
	color:#fff;
	padding:9px 0 0 60px;
	margin:10px 0 0 0;
}
.leftnavigation{
	width:199px;
	float:right;
	margin:10px 0 0 0;
}	
.leftmenu{
	list-style-position: outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.leftmenu li{
	display:block;
	font-size:12px;
}
.leftmenu li a{
	width:162px;
	margin:0px;
	padding:8px 12px 8px 25px;
	display:block;
	color: #343434;
	text-decoration:none;
	font-size:14px;
	float:right;
	border-bottom:1px dashed #d4d4d4;
	background:url(../images/arrow.png) no-repeat left center;
	text-align:left;
	
}
.leftmenu li a:hover{
	margin:0px;
	color: #343434;
	background:url(../images/arrow.png) no-repeat left center #e8f2f5;
	
}
.active{
	margin:0px;
	color: #343434;
	background:url(../images/arrow.png) no-repeat left center #e8f2f5;
	
}

.rightside_adv{
	width:160px;
	float:right;
	margin:10px;
	/*border:1px solid #d4d4d4;*/
}

.middle_contant_product{
	width:550px;
	float:left;
	margin:20px 0 0 20px;
	line-height:22px;
	color:#4f4f4f;
	text-align:justify;
}
.middle_contant{
	width:550px;
	float:left;
	margin:20px 0 0 20px;
	line-height:22px;
	color:#4f4f4f;
	text-align:justify;
}

.middle_contant h1{
		margin:0 0 10px 0;
	}
.middle_contant h2{
		margin:20px 0 5px 0;
		color:#4096ee;
		font-size:16px;
	}
.clearer{
	clear:both;
	float:left;
}
.contact_top_main{
		width:545px;
		float:left;
		margin-bottom:10px;
		}
.contactform, .contact_address_left{
	width:285px;
	float:left;
}
 .contact_address_right{
	width:240px;
	float:left;
 }
.contact_address_mainback{
	width:545px;
	border-bottom:1px solid #ccc;
	padding:0 0 10px 0;
	margin:0 0 0px 0;
	float:left;
}
.contactdetails{
	width:245px;
	float:right;
	padding:5px;
}
.contactform_backpart{
	width:270px;
	float:left;
	margin:0 0 10px 0;
}
.contactdetails h2{
	margin:0px 0 5px 0;
}
.contactform_text{
	width:70px; 
	height:10px;
	float:left; 
	padding: 5px 0 0px 0;
	}
input[type=text]{
	width:188px;
	padding:5px;
	border:1px solid #d4d4d4;
	float:left;
	}
input[type=submit]{
	padding:5px;
	border:none;
	float:left;
	background:#06F;
	color:#fff;
	cursor:pointer;
	}

textarea{
	max-width:188px;
	max-height:50px;
	min-width:188px;
	min-height:50px;
	padding:5px;
	border:1px solid #d4d4d4;
	}	
.addressleft_back{
	width:270px; 
	float:left;
}
.addressright_back{
	width:270px; 
	float:left;
}
.address_back{
	width:270px;
	float:left;
}
.other_information{
	width:540px; float:left
	}
.micro_back,.dry_back{
	width:550px;
	min-height:200px;
	float:left;
	border-bottom:1px solid #d4d4d4;
	margin:10px 0 0 0;
	padding:0 0 0px 0;
	}	
.lenses_back{
	width:550px;
	min-height:200px;
	float:left;
	border:none;
	}	
.lenses_back1{
	float:left;
	border-bottom:1px solid #d4d4d4;
	margin:0 0 10px 0;
	padding:0  0 10px 0;
	}	
.micro_image_leftside{
	width:210px;
	float:left;
	margin:0 10px 0 0;
	padding:5px;
	}	
.micro_image{
	width:200px;
	/*height:200px;*/
	float:left;
	margin:0 0 10px 0 ;
	padding:5px;
	border:1px solid #d4d4d4;
	}	
.product_text_back{
		float:left;
		width:320px;
		margin:0 0 10px 0 ;
	}
.dry_image{
	width:200px;
	height:200px;
	float:right;
	margin:0 10px 0 0;
	padding:5px;
	border:1px solid #d4d4d4;
	}
.product_text_back h2{
	font-size:18px;
	color:#4096ee;
	font-weight:normal;
	}
	
	
	
	
#wrapper{
	margin:10px 0 0 0;
    width:550px;
    overflow:hidden;
}
#steps{
    width:550px;
	/*height:320px;*/
    overflow:hidden;
}
.step{
    float:left;
    width:550px;
	/*height:320px;*/
}




	
	

/*======End Contant=========*/
/*======Start Footer=========*/
.footer{
	width:100%;
	height:30px;
	background:#4096ee;
	bottom:0;
	position:absolute;
}
.footer_text{
	width:950px;
	float:left;
	padding:8px 5px;
	background:#4096ee;
}
.footer_lefttext{
	width:400px;
	float:left;
	color:#fff;
}
.footer_righttext{
	width:400px;
	float:right;
	color:#fff;
	text-align:right
}
.footer_righttext a{
	color:#fff;
}
.footer_righttext a:hover{
	color:#fff;
	text-decoration:underline;
}
/*======End Footer=========*/



/******* NEWS *******/

.Micro{
	display: block;
}
/******* /NEWS *******/
/******* TUTORIALS *******/

.Dry{
	display: none;
}
/******* /TUTORIALS *******/
/******* LINKS *******/

.Premium{
	display: none;
}

/******* /LINKS *******/
.contact_email{
	width:40px;
	float:left;
	}
.contact_mail{
	width:195px;
	float:left;
	}
	
.indexpage_image{
		width:550px; 
		float:left;
		margin:20px 0 0 0;
	}	
.indexpage_image > marquee > a{
	float:left;
	margin:0 10px; 
	}	



/*------Edited By Hiren---------*/

#promotions {
	position: fixed;
	left: 50%;
	width: 700px;
	margin-left: -420px;
	background-color: #fff;
	border: 6px solid #f1f1f1;
	padding: 20px;
	top: 50px;
	z-index: 10000;
	box-shadow: 0px 0px 20px #888888;
}
.fb-post iframe {
	transform:scale(0.95,0.7);
	margin-top: -177px;
	margin-left: -23px;
}
#promotionstextmain {
	width: 440px;
	float: left;
}
#promotionsimg {
	max-width: 440px;
	float: left;
	margin-right: 5px;
	margin-top: 10px;
}
#promotionsimg h2{
	text-align:center;
	margin-bottom:15px;
	}
#promotionstext {
	font-size: 20px;
	line-height: 25px;
	margin: 10px 0;
	float: left;
	width: 405px;
	font-style: italic;
}
#closeoverlay {
	right: -26px;
	position: absolute;
	width: 30px;
	height: 28px;
	text-indent: -9999em;
	background: url(../images/closebtn.png) no-repeat;
	top: -26px;
}
#overlay {
	position: absolute;
	background-color: #000;
	width: 100%;
	/*height: 100%;*/
	height:1000px;
	z-index: 9999;
	opacity: .8;
}

table.sample {
	margin:1em auto;
	border-collapse:collapse;
	width:730px;
}
table.sample th {
	font-weight:bold;
	color: #2222;
	text-align:center;
	border:1px solid #e3e3e3;
	padding:.1em ;
}
table.sample td {
	/*color:#000;*/
	border: 1px solid #e3e3e3;
	padding:5px ;
	text-align:center;
}
td{
	font-size:14px;
	}
.bright-td{
	width:200px; text-align:left !important;
	}
.bright-righttd{
	text-align:left !important;
	}