@charset "utf-8";
/* CSS Document */
@import"reset.css";
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,400italic);*/
@import url('https://fonts.googleapis.com/css?family=Fauna+One|Open+Sans|Raleway|Roboto+Slab&subset=latin-ext');

img{ max-width:100%;}



/*for blog page*/
#content {
	width: 100%;
	/*padding: 80px 0;*/
	font-size: 16px;
	line-height: 28px;
	color: #666
}
.post-container::after, .post-container::before {
	content: "";
	clear: both;
	display: table
}
.post-container {
	margin-bottom: 30px;

}
.post-content {
	position: relative;
	display: block;
	background-color: #fff;
	border: 1px solid #eee;
	padding: 20px 25px;
	margin-bottom: 2px;
	min-height:270px;

}

.post-content2 {
	position: relative;
	display: block;
	background-color: #fff;
	border: 1px solid #eee;
	padding: 20px 25px;
	margin-bottom: 2px;
	min-height:510px;

}


.post-content3 {
	position: relative;
	display: block;
	background-color: #fff;
	border: 1px solid #eee;
	padding: 20px 25px;
	margin-bottom: 2px;
	min-height:300px;

}
.post-content.no-padding {
	padding: 0
}
.post-content.no-padding img {
	margin: 0
}


.post-atribut {
	background-color: #fff;
	border: 1px solid #eee;
	border-bottom-width: 3px;
	padding: 20px 25px
}
.post-atribut .fa, .post-atribut .glyphicon, .post-atribut a {
	font-size: 20px;
	color: #6b6e80;
	vertical-align: middle
}
.post-atribut a:focus, .post-atribut a:focus .fa, .post-atribut a:focus .glyphicon, .post-atribut a:hover, .post-atribut a:hover .fa, .post-atribut a:hover .glyphicon {
	color: #5bc0de
}
.post-atribut span {
	display: block;
	vertical-align: middle;
	font-size: 14px;
	text-align: center
}
.post-content img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 5px auto 20px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.heading-title {
	display: block
}
.heading-title h1 {
    font-family: 'Fauna One', serif;
    color: #337AB7;
    text-transform: none;
    font-size: xx-large;
}
.heading-title h2 {
	color: #555;
	/*font-weight: 700;*/
	text-align: left;
	font-size: 25px;/*30px*/
	line-height: 34px;
	margin-top: 0;
	margin-bottom: 30px;
	text-transform:none;
	font-family: 'Roboto Slab', serif;
}
.heading-title.heading-small h2 {
	color: #555;
	font-weight: 700;
	text-align: left;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 10px;
		text-transform:none;
}
.post-content3 blockquote {
	position: relative;
	border-left: none;
	background-color: #5bc0de;
	color: #fff;
	border-radius: 2px;
	padding:50px 10px 30px 10px;
}
.post-content3 blockquote p {
	text-indent: 55px
}
.post-content3 blockquote small {
	color: rgba(0,0,0,.35)
}
.post-content3 blockquote::before {
	content: '\f10d';
	font-family: FontAwesome;
	position: absolute;
	left: 20px;
	top: 20px;
	font-size: 34px;
	color: #269abc
}
.post-link:after, .post-link:before {
	content: '';
	display: table;
	clear: both
}


.menu-area{
	margin:0;
	padding:0;
	background:linear-gradient(to bottom, #4d9fc5 0%, #156285 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}

.post-link {
	margin: 10px auto 0;
    padding-top: 10px;
    width: 30%;
}
.post-link a {
	color: #000;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	display: block;
}
.post-link a span {
	display: inline-block;
	padding: 6px 12px;
	background-color: #fff;
	border: 1px solid #000;
	-webkit-border-radius: 8px 0 8px 0;
	-moz-border-radius: 8px 0 8px 0;
	-o-border-radius: 8px 0 8px 0;
	border-radius: 8px 0 8px 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.post-link a:focus, .post-link a:hover {
	color: #39b3d7;
}
.post-link a:hover>span {
	color: #5bc0de;
	background:#000;
	-webkit-border-radius: 0 8px 0 8px;
	-moz-border-radius: 0 8px 0 8px;
	-o-border-radius: 0 8px 0 8px;
	border-radius: 0 8px 0 8px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.content-img {
	width: auto;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px
}
.content-img img {
	max-width: 100%;
	height: auto;
	border-radius: 3px
}
.content-img-bg {
	width: 230px;
	height: 230px;
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-ms-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-position: center top;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%
}
.content-text {
	text-align: center
}
.content-text.text-justify {
	text-align: justify
}
.post-single {
	padding-bottom: 30px
}
.post-single, .post-single p {
	font-family: Raleway, sans-serif;
	font-size: 17px;
	line-height: 26px;
	display: inline-block
}
.post-single .heading-title h2 {
	font-family: Raleway, sans-serif;
	font-size: 34px;
	line-height: 38px;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 5px;
	text-align: left
}
.post-single .post-meta {
	display: block;
	padding-top: 20px;
	padding-bottom: 15px
}
.post-single .post-meta span {
	font-family: Raleway, sans-serif;
	font-size: 12px;
	line-height: 16px
}
.post-single img {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px
}
.post-single blockquote {
	position: relative;
	padding-left: 0;
	border-left: none;
	padding-top: 40px
}
.post-single blockquote::before {
	content: '\f10d';
	font-family: FontAwesome;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 26px;
	color: #bbb
}



.left_pannel .fa{line-height:38px;}







/*for power awitch*/


.switch_wrapper{width:98%; height:auto; padding:1%; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; margin:10px 0;}
.switch_col_left{width:20%; height:auto; float:left; margin-right:10px;}
.switch_col_right{width:79%; height:auto; float:left;}









#ipad-menu-left {
display: none;
}
#ipad-menu-left {
width: auto;
height: auto;
float: left;
}
/*for tab menu css start*/
/* Clearfix */
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
/* Basic Styles */
nav {
height: 40px;
width: 100%;
background: #dddddd;
font-size: 11pt;
font-family: 'Open Sans', sans-serif;
position: relative;
border-bottom: 2px solid #283744;
}
nav ul {
padding: 0;
margin: 0 auto;
width: 100%;
height: 40px;
}
nav li {
display: inline;
float: left;
}
nav a {
color: #fff;
display: inline-block;
width: auto;
text-align: center;
text-decoration: none;
line-height: 40px;/*	text-shadow: 1px 1px 0px #283744;*/
}
nav li a {
border-right: 1px solid #576979;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0 3px;
}
nav li:last-child a {
border-right: 0;
}
nav a:hover, nav a:active {
background-color: #dddddd;
}
nav a#pull {
display: none;
}
/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
nav {
height: auto;
}
nav ul {
width: 100%;
display: block;
height: auto;
}
nav li {
width: 50%;
float: left;
position: relative;
}
nav li a {
border-bottom: 1px solid #576979;
border-right: 1px solid #576979;
}
nav a {
text-align: left;
width: 100%;
text-indent: 25px;
}
}
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
nav {
border-bottom: 0;
}
nav ul {
display: none;
height: auto;
}
nav a#pull {
display: block;
background-color: #283744;
width: 100%;
position: relative;
}
nav a#pull:after {
content: "";
background: url('nav-icon.png') no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 15px;
top: 10px;
}
}
/*for tab css end*/
body {
background: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 18px;
text-align: left;
}
img {
width: 100%;
height: 100%;
}
h1, h2, h3, h4, h5, h6 {
color: #000000;
font-weight: 400;
letter-spacing: -1px;
/*font-family: 'Open Sans', sans-serif;*/
text-transform: uppercase;
}

h1{font-family: 'Roboto Slab', serif;}

h2 {
font-size: 26px;
line-height: 40px;
text-align: left;
font-family:'Fauna One', serif;
}

h2 a {
    font-size: 95%;
    font-weight: normal;
}
.post-content2 p {
    font-size: 15px;
    font-weight: normal;
}

input[type=checkbox], input[type=radio] {
vertical-align: middle;
position: relative;
bottom: 1px;
}
input[type=radio] {
bottom: 2px;
}
form a {
color: #333;
}
form a:hover {
color: #000;
}
.clear {
clear: both;
}
.tab_menu {
width: 100%;
height: auto;
margin: 0 auto;
}
.mobile_cart_wrapper {
display: none;
}
.desktop_cart_wrapper {
display: block;
}
.cart_inner {
width: 100%;
height: auto;
min-height: 300px;
background: #f4f4f4;
}
/*for new header code start*/
.deals_header_wrapper {
width: 98%;
height: 120px;
padding: 1%;
background: #ffffff;
margin: 0 auto;
}
.deals_header_wrapper img {
width: auto;
height: auto;
}
.deals_header_col1 {
width: 20%;
height: auto;
float: left;
background: #ffffff;
}
.deals_header_col2 {
width: 75%;
height: auto;
float: left;
text-align: right;
margin-left: 5%;
}
.deals_header_col2 ul {
margin: 0px;
padding: 0px;
}
.deals_header_col2 ul li {
list-style: none;
display: inline;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
text-align: right;
line-height: 24px;
color: #333;
text-transform: uppercase;
padding: 0 6px;
background: url(../images/deals-header-sep.png) no-repeat right center;
}
/*for face page code start*/
.face_box_wrapper {
width: 265px;
height: 300px;
background: url(../images/face-right-border.png) no-repeat right center;
margin: 5px;
float: left;
}
.face_box_col_left {
width: 160px;
height: 280px;
padding: 10px;
float: left;
position: relative;
}
.face_box_caption {
width: 100%;
height: auto;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: bold;
line-height: 30px;
text-transform: uppercase;
}
/*.face_box_col_left img{width:auto; height:auto;}*/
.face_box_col_left img {
height: auto;
}
.face_box_col_right {
width: 60px;
height: 280px;
padding: 10px;
float: left;
margin-left: 5px;
}
.face_box_col_right img {
width: 60px;
height: 35px;
cursor: pointer;
}
.face_box_border {
width: auto;
height: 300px;
background: url(../images/face-right-border.png) no-repeat center center;
margin: 5px;
float: left;
}
.face_box_form_main_wrapper {
width: 245px;
height: auto;
float: left;
}
.face_box_form_wrapper {
width: 245px;
height: 190px;
padding: 10px;
background: #49b848;
margin: 5px;
float: left;
}
.face_box_form_btn {
width: 265px;
height: 40px;
padding: 10px;
background: #4fc2e6;
margin: 5px;
float: left;
color: #ffffff;
text-align: center;
line-height: 20px;
text-transform: uppercase;
font-size: 18px;
border: none;
cursor: pointer;
}
img.desaturate {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
cursor: pointer;
}
img:hover.desaturate {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%);
cursor: pointer;
}
/*for face page code end*/
/*for new banner page code start*/
.new_banner_wrapper {
width: 100%;
height: auto;
margin: 0 auto;
margin-bottom: 15px;
position: relative;
}
.new_banner_left {
width: 25%;
height: auto;
float: left;
}
.new_banner_right {
width: 74%;
height: auto;
float: left;
margin: 0 0 0 1%;
z-index: 999999!important;
position: relative;
}
.new_button_hover_area {
width: 99%;
height: 302px;
z-index: 999999999999999999!important;
position: absolute;
top: 0px;
left: 0px;
padding: 0 0 0 1%;
}
#slender {
width: 100%;
height: 302px;
background: #ffffff;
}
.new_button_hover_area span {
font-size: 18px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
text-align: left;
line-height: 30px;
font-weight: bold;
}
.new_button_hover_area ul {
margin: 0px;
padding: 0px;
}
.new_button_hover_area ul li {
list-style: none;
display: block;
line-height: 35px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
text-align: left;
color: #000000;
}
.new_button_hover_area ul li a {
text-decoration: none;
color: #000000;
}
.new_button_hover_area ul li a:hover {
color: #0f8fbb;
}
.button_hover_area_left {
width: 20%;
height: auto;
float: left;
}
.button_hover_area_right {
width: 80%;
height: auto;
float: left;
}
.button_product_box {
width: 23%;
height: auto;
margin: 1%;
float: left;
line-height: 35px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
text-transform: uppercase;
text-align: center;
}
.landing_page_wrapper {
width: 100%;
height: auto;
margin: 0 auto;
}
.landing_page_wrapper img {
width: auto;
height: auto;
}
/*for new banner page code end*/
.new_search_area {
width: 120px;
height: 38px;
border: 1px solid #afafaf;
line-height: 40px;
float: left;
border-right: none;
}
.new_search_area2 {
width: 152px;
height: 34px;
line-height: 36px;
border: 1px solid #afafaf;
float: left;
border-right: none;
padding-left: 10px;
color: #CCC;
}
.new_search_area_btn {
width: 50px;
height: 38px;
line-height: 40px;
border: 1px solid #afafaf;
float: left;
text-transform: uppercase;
text-align: center;
}
.new_search_col_left {
width: 55%;
height: auto;
min-height: 50px;
float: left;
}
.new_search_col_right {
width: 45%;
height: auto;
min-height: 50px;
float: left;
text-align: right !important;
}
.deals_tiles01 {
width: 263px;
height: 242px;
margin: 0 0 10px 0;
float: left;
}
.deals_tiles02 {
width: 485px;
height: 242px;
margin: 0 4px 10px 4px;
float: left;
}
.deals_tiles03 {
width: 244px;
height: 242px;
margin: 0 0 10px 0;
float: left;
}
.deals_tiles04 {
width: 244px;
height: 242px;
margin: 0 10px 10px 0;
float: left;
}
.deals_tiles05 {
width: 243px;
height: 242px;
margin: 0 5px 10px 5px;
float: left;
}
.deals_tiles06 {
width: 483px;
height: 242px;
margin: 0 0 10px 10px;
float: left;
}
.deals_tiles07 {
width: 493px;
height: 235px;
margin: 0 10px 10px 0;
float: left;
}
.deals_tiles08 {
width: 232px;
height: 235px;
margin: 0 5px 10px 5px;
float: left;
}
.deals_tiles09 {
width: 245px;
height: 235px;
margin: 0 0 10px 10px;
float: left;
}
.deals_tiles10 {
width: 502px;
height: 252px;
margin: 0 5px 10px 0;
float: left;
}
.deals_tiles11 {
width: 491px;
height: 252px;
margin: 0 0 10px 2px;
float: left;
}
.minimenu {
display: none;
}
/* #new-button ul{margin:0px; padding:0px;}
#new-button ul li{display:inline; text-align:center; padding:0 8px; border-right:1px solid #CCC; line-height:40px;  font-size:14px; text-transform:none;}
#new-button ul li a{text-decoration:none; color:#000;}*/
.contact_input_new {
width: 98%;
height: auto;
line-height: 28px;
border: 1px solid #e3e3e3;
padding: 1%;
margin-bottom: 10px;
background: #e3e3e3;
}
/*for new header code end*/
.landing_page {
width: 100%;
height: auto;
min-height: 536px;
margin: 0 auto;
margin-top: 5px;
}
.landing_box_left {
width: 30%;
height: 40px;
float: left;
text-align: center;
margin-left: 5%;
}
.landing_box_middle {
width: 30%;
height: auto;
float: left;
text-align: center;
margin: 0 0 0 3px;
}
.landing_box_right {
width: 30%;
height: auto;
float: left;
text-align: center;
margin: 0 0 0 5px;
margin-right: 4%;
}
.landing_box_left_upper {
width: 100%;
height: 300px;
}
.landing_box_left_middle {
width: 100%;
height: 117px;
margin: 5px 0 0 0;
}
.landing_box_left_middle_left {
width: 49%;
height: 117px;
float: left;
}
.landing_box_left_middle_right {
width: 49.5%;
height: 117px;
float: left;
margin: 0 0 0 5px;
}
.landing_box_left_middle_right_upper {
width: 100%;
height: 56px;
}
.landing_box_left_middle_right_lower {
width: 100%;
height: 57px;
margin: 5px 0 0 0;
}
.landing_box_left_lower {
width: 100%;
height: 117px;
margin: 5px 0 0 0;
}
.landing_box_left_lower_left {
width: 49%;
height: 117px;
float: left;
}
.landing_box_left_lower_right {
width: 49.5%;
height: 117px;
float: left;
margin: 0 0 0 5px;
}
.landing_box_middle_upper {
width: 100%;
height: 237px;
}
.landing_box_middle_lower {
width: 100%;
height: 300px;
margin: 5px 0 0 0;
}
.landing_box_right_upper {
width: 100%;
height: 117px;
}
.landing_box_right_upper_left {
width: 49%;
height: 117px;
float: left;
}
.landing_box_right_upper_left_upper {
width: 100%;
height: 56px;
}
.landing_box_right_upper_left_lower {
width: 100%;
height: 57px;
margin: 5px 0 0 0;
}
.landing_box_right_upper_right {
width: 49.5%;
height: 117px;
float: left;
margin: 0 0 0 5px;
}
.landing_box_right_middle {
width: 100%;
height: 300px;
margin: 5px 0 0 0;
}
.landing_box_right_lower {
width: 100%;
height: 117px;
margin: 5px 0 0 0;
}
.landing_box_right_lower_left {
width: 49%;
height: 117px;
float: left;
}
.landing_box_right_lower_right {
width: 49.5%;
height: 117px;
float: left;
margin: 0 0 0 5px;
}
.product_desktop {
display: block;
}
.product_mobile {
display: none;
}
/*for upper*/
.desktop_upper_wrapper {
width: 100%;
height: auto;
}
.mob_upper_wrapper {
display: none;
}
.upper_wrapper {
width: 98%;
height: auto;
margin: 0 auto;
padding: 1%;
background:#
}
.upper_wrapper2 {
width: 98%;
height: auto;
margin: 0 auto;
padding: 1%;
}
.upper_wrapper img {
width: auto;
height: auto;
}
.upper_up_nav {
width: 100%;
height: auto;
min-height: 44px;
margin: 0 auto;
line-height: 44px;
font-weight: 300;
}
.upper_up_nav_col {
width: auto;
height: auto;
float: left;
margin: 0 0 0 0.3%;
}
/*#sunglasses {
width: 187px;
height: 44px;
background: url(../images/upper_sunglasses_btn.png) no-repeat;
}*/
#sunglasses {
width: 200px;
height: 46px;
background: url(../images/upper_sunglasses_btn2.png) no-repeat;
}
/*#sunglasses:hover {
width: 187px;
height: 44px;
background: url(../images/upper_sunglasses_btn_hover.png) no-repeat;
cursor: pointer;
}*/
#upgrade {
display: block;
}
#sunglasses:hover {
width: 200px;
height: 46px;
background: url(../images/upper_sunglasses_btn2_hover.png) no-repeat;
cursor: pointer;
}
#sunglassesactive {
width: 200px;
height: 46px;
background: url(../images/upper_sunglasses_btn2_hover.png) no-repeat;
cursor: pointer;
}
/*#contactlens {
width: 187px;
height: 44px;
background: url(../images/upper_contact_lens_btn.png) no-repeat;
}
*/
#contactlens {
width: 200px;
height: 46px;
background: url(../images/upper_contact_lens_btn2.png) no-repeat;
}
/*#contactlens:hover {
width: 187px;
height: 44px;
background: url(../images/upper_contact_lens_btn.png) no-repeat;
cursor: pointer;
}*/
#contactlens:hover {
width: 200px;
height: 46px;
background: url(../images/upper_contact_lens_btn2_hover.png) no-repeat;
cursor: pointer;
}
#contactlensactive {
width: 200px;
height: 46px;
background: url(../images/upper_contact_lens_btn2_hover.png) no-repeat;
cursor: pointer;
}
/*#spectacles {
width: 187px;
height: 44px;
background: url(../images/upper_spectacles_btn.png) no-repeat;
}*/
#spectacles {
width: 200px;
height: 46px;
background: url(../images/upper_spectacles_btn2.png) no-repeat;
}
/*#spectacles:hover {
width: 187px;
height: 44px;
background: url(../images/upper_spectacles_btn.png) no-repeat;
cursor: pointer;
}
*/
#spectacles:hover {
width: 200px;
height: 46px;
background: url(../images/upper_spectacles_btn2_hover.png) no-repeat;
cursor: pointer;
}
#spectaclesactive {
width: 200px;
height: 46px;
background: url(../images/upper_spectacles_btn2_hover.png) no-repeat;
cursor: pointer;
}
.upper_up_nav #cont {
width: auto;
height: auto;
float: right;
margin: 0 0 0 1.5%;
text-align: right;
}
.upper_up_nav #cont a {
color: #000;
text-decoration: none;
}
.upper_up_nav_col img {
width: auto;
height: auto;
}
#phone_animation {
width: auto;
height: 44px !important;
padding: 0px;
text-align: right;
overflow-x: hidden;
overflow: hidden;
}
.upper_left {
width: 51%;
height: auto;
float: left;
padding: 2px 0 0 10px;
}
.upper_right {
width: 47%;
height: auto;
float: right;
}
.upper_right #reg {
width: auto;
height: auto;
float: right;
margin: 0 0 0 2%;
text-align: right;
}
.upper_right ul {
margin: 0px;
padding: 0px;
}
.upper_right ul li {
list-style: none;
text-align: left;
display: inline;
background: url(../images/login_sep.png) no-repeat right center;
padding: 0 10px;
}
.upper_right ul li a {
text-decoration: none;
color: #000000;
}
.chek_out {
width: 72px;
height: 26px;
background: #49b848;
line-height: 26px;
text-align: center;
color: #ffffff;
border: none;
cursor: pointer;
margin: 0 0 0 15px;
}
.search_area {
width: 100%;
height: 48;
float: right;
}
.search_area2 {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
display: none;
}
.search_input1 {
width: 130px;
height: 30px;
border: 1px solid #d1deff;
margin-right: 10px;
margin-top: -28px;
padding: 0 0 0 10px;
}
.search_input2 {
width: 150px;
height: 30px;
border: 1px solid #d1deff;
margin-right: 10px;
margin-top: -28px;
}
.search_btn {
width: 40px;
height: 37px;
background: url(../images/search_btn.png) no-repeat;
border: none;
cursor: pointer;
}
.upper_col_left {
width: 60%;
height: auto;
float: left;
}
.upper_col_left img {
width: auto;
height: auto;
margin: 10px 0 5px 0;
}
.upper_col_right {
width: 40%;
height: auto;
float: right;
text-align: right;
}
.upper_col_right_left {
width: 50%;
height: auto;
float: left;
text-align: right;
}
.upper_col_right_right {
width: 50%;
height: auto;
float: left;
text-align: right;
}
.upper_col_right img {
width: auto;
height: auto;
}
.upper_col_right ul {
margin: 0px 0px 12px 0px;
padding: 0px;
text-align: right;
font-size: 14px;
}
.upper_col_right ul li {
list-style: none;
text-align: right;
display: inline;
padding: 0 0 0 16px;
}
.upper_col_right ul li a {
text-decoration: none;
color: #333;
}
.upper_right_col {
width: auto;
height: auto;
float: right;
text-align: right;
}
.upper_right_col2 {
width: auto;
height: auto;
float: right;
text-align: right;
}
/*start menu*/
.menu_wrapper {
width: 100%;
height: 48px;
background: #2881c3;/* margin-bottom:10px;*/
}
.menu_main {
width: 100%;
height: 48px;
margin: 0 auto;
text-align: center;
}
.banner_wrapper {
width: 100%;
height: auto;
margin: 0 auto;
}
.banner_wrapper2 {
width: 100%;
height: auto;
margin: 0 auto;
}
/*for landing page*/
.landing_box {
width: 32.1%;
height: auto;
margin: 5px;
float: left;
background: #fffff;
border: 1px solid #d3d3d3;
position: relative;
text-align: center;
}
.landing_box:hover {
box-shadow: inset 0 0 30px 15px #ffffff;
cursor: pointer;
-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;
box-shadow: 0 0 10px #ccc;
}
.landing_box img {
width: 100%;
height: 100%;
text-align: center;
}
.landing_box_lower {
width: 98%;
height: 30px;
position: absolute;
top: 0px;
background: rgba(73, 184, 72, 0.5);
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
line-height: 30px;
padding: 1%;
text-align: center;
font-weight: bold;
}
.landing_box_lower:hover {
width: 98%;
height: 30px;
position: absolute;
top: 0px;
background: rgb(73, 184, 72 );
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
line-height: 30px;
padding: 1%;
text-align: center;
font-weight: bold;
}
.landing_box_lower2 {
width: 98%;
height: 30px;
position: absolute;
top: 0px;
background: rgba(40, 129, 195, 0.5);
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
line-height: 30px;
padding: 1%;
text-align: center;
font-weight: bold;
}
.landing_box_lower2:hover {
width: 98%;
height: 30px;
position: absolute;
top: 0px;
background: rgb(40, 129, 195 );
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
line-height: 30px;
padding: 1%;
text-align: center;
font-weight: bold;
}
/*start mid area*/
.mid_wrapper {
width: 98%;
height: auto;
margin: 0 auto;
padding: 1%;
}
.mid_wrapper2 {
width: 98%;
height: auto;
margin: 0 auto;
padding: 1%;
}
/*.mid_wrapper2 img{width:auto !important; height:auto !important;}*/
.left_pannel {
width: 200px; /* narottam*/
height: auto;
margin: 0 auto;
float: left;
margin-right: 1%;
margin-top: 28px;
}
.left_pannel ul {
margin: 0px;
padding: 0px;
}
.left_pannel ul li {
list-style: none;
border-bottom: 1px dashed #ebeaea;
display: block;
line-height: 38px;
padding: 0 0 0 8px;
}
.left_pannel ul li a {
color: #353535;
text-decoration: none;
font-size: 13px;
}
.left_pannel ul li #shipping {
background: url(../images/free-shipping.png) no-repeat left center;
padding: 0 0 0 30px;
}
.left_pannel ul li #order {
background: url(../images/order-tracking.png) no-repeat left center;
padding: 0 0 0 30px;
}
.left_pannel ul li #return {
background: url(../images/returnr.png) no-repeat left center;
padding: 0 0 0 30px;
}
.left_pannel ul li #Secured {
background: url(../images/secure.png) no-repeat left center;
padding: 0 0 0 30px;
}
.left_pannel ul li #friendly {
background: url(../images/friendly.png) no-repeat left center;
padding: 0 0 0 30px;
}
.left_pannel ul li #price {
background: url(../images/price.png) no-repeat left center;
padding: 0 0 0 30px;
}
.left_pannel_head {
width: 99%;
height: auto;
min-height: 35px;
background: #2881c3;
padding: 0 0 0 10px;
font-size: 18px;
text-align: left;
line-height: 35px;
color: #ffffff;
margin: 10px 0 5px 0;
}
.left_pannel img {
width: 100%;
height: auto;
}
.right_pannel {
/*width: 81%;*/ /* narottam*/
height: auto;
margin: 0 auto;
/*float: left;*/  /* narottam*/
font-size: 14px;
font-family: 'Fauna One', serif;
line-height: 24px;
overflow: hidden;
padding:10px 0;
background:#fff;
}
.left_product_wrapper {
width: 100%;
height: auto;
margin: 0 auto;
margin-top: 10px;
}
.left_product_wrapper ul {
margin: 0px;
padding: 0px;
}
.left_product_wrapper ul li {
list-style: none;
line-height: 24px;
text-align: left;
display: block;
border-bottom: none;
font-size: 12px;
}
.left_product_wrapper ul li a {
text-decoration: none;
color: #000;
}
.left_product_wrapper_best_Deals {
width: 100%;
height: auto;
margin: 0 auto;
margin-top: 8px;
margin-bottom: 8px;
}
.left_product_wrapper_best_Deals img {
width: auto;
height: auto;
margin: 0 auto;
margin: 0 0 0 30%;
}
/*start box*/
.try_box {
width: 240px;
height: 290px;
background: #ffffff;
margin: 1%;
border: 1px solid #e6e7e8;
float: left;
margin-bottom: 15px;
padding-bottom: 5px;
position: relative;
}
.product_box {
max-width: 250px; /* narottam*/
height: auto;
min-height: 295px;
margin: 0.5%;
border: 1px solid #e6e7e8;
/*float: left;*/  /* narottam*/
position: relative;
margin-bottom: 15px;
padding-bottom: 5px;
font-weight: normal;
}
.product_box:hover {
border: 1px solid #2881c3;
}
.product_img_sec {
width: 96%;
height: auto;
min-height: 170px;
margin: 0 auto;/* border-bottom:1px dashed #e0e0e0;*/
padding-top: 15px;
margin-bottom: 6px;
}
.product_img_sec img {
width: auto;
height: auto;
margin-top: 25px;
}
/*.product_price{width:85px; height:68px; background:url(../images/price_bg.png) no-repeat; position:absolute; right:0px; top:40px; padding:10px 0 0 0;}*/
.product_price {
width: 55px;
height: 56px;
text-align: center;
line-height: 14px;
background: url(../images/price_tag.png) no-repeat;
position: absolute;
right: 20px;
top: 30px;
padding: 10px 5px 0 0px;
font-size: 12px;
color: #fff;
}
.product_price2 {
width: 83px;
height: 63px;
background: url(../images/price_bg2.png) no-repeat;
position: absolute;
right: 0px;
top: 30px;
}
.product_head1 {
width: 100%;
height: auto;
min-height: 28px;
background: #d2f1cf;
text-align: center;
line-height: 28px;
font-size: 12px;
}
.product_head1:hover {
background: #47a3da;
color: #fff;
}
.product_head1 a:hover {
color: #fff;
}
.product_head2 {
width: 100%;
height: auto;
min-height: 28px;
background: #d3f0c1;
text-align: center;
line-height: 28px;
font-size: 14px;
}
.product_head3 {
width: 100%;
height: auto;
min-height: 28px;
background: #ccf2dd;
text-align: center;
line-height: 28px;
font-size: 14px;
}
.productcol_wrapper {
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
font-size: 12px;
line-height: 21px;
}
.productcol_wrapper span {
width: auto;
height: 21px;
background: #49b848;
border: none;
text-align: center;
line-height: 21px;
color: #fff;
padding: 0 8px;
margin: 0 0 0 8px;
}
.productcol {
width: auto;
height: auto;
float: left;
margin-top: 10px;
padding: 0 2%;
font-size: 12px;
line-height: 24px;
}
.productcol img {
width: auto;
height: auto;
}
.productcol span {
width: 46px;
height: 21px;
background: #49b848;
border: none;
text-align: center;
line-height: 21px;
color: #fff;
padding: 0 8px;
margin: 0 0 0 8px;
}
.productcol2 {
width: auto;
height: auto;
float: right;
margin-top: 10px;
padding: 0 2%;
text-align: right;
font-size: 12px;
line-height: 24px;
}
.productcol3 {
width: auto;
height: auto;
float: right;
margin-top: 5px;
padding: 0 2%;
text-align: left;
font-size: 12px;
float: left;
}
.productcol3 span {
width: 46px;
height: 21px;
background: #49b848;
border: none;
text-align: center;
line-height: 21px;
color: #fff;
padding: 0 8px;
margin: 0 0 0 8px;
}
.productcol2 img {
width: auto;
height: auto;
}
.productcol2 span {
width: 46px;
height: 21px;
background: #49b848;
border: none;
text-align: center;
line-height: 21px;
color: #fff;
padding: 0 8px;
margin: 0 0 0 8px;
}
.brand_section {
width: 100%;
height: auto;
min-height: 65px;
border-bottom: 1px solid #cfdce4;
text-align: left;
line-height: 65px;
font-size: 18px;
}
/*start footer*/
.footer_wrapper {
width: 100%;
height: auto;
min-height: 264px;
/*background: #2881c3;*/
background:#008dd6;
margin-top: 12px;
font-size: 13px;
}
.footer_wrapper h2 {
color: #ffffff;
font-size: 16px;
}
.footer_wrapper img {
width: auto;
height: auto;
margin-top: 10px;
}
.footer_inner {
width: 98%;
height: auto;
margin: 0 auto;
}
.footercol {
width: 18%;
height: auto;
float: left;
margin: 1%;
}
.footercol h3 {
font-size: 16px;
color: #ffffff !important;
line-height: 24px;
}
.footercol2 {
width:auto%;
height: auto;
float: left;
margin: 1%;
}
.footercol2 h3 {
font-size: 16px;
color: #ffffff !important;
line-height: 24px;
}
.footercol_border {
width: 100%;
height: 1px;
border-bottom: 1px dashed #fff;
margin: 15px 0;
}
.footer_wrapper ul {
margin: 0px;
padding: 0px;
}
.footer_wrapper ul li {
list-style: none;
color: #e2e0e0;
text-align: left;
line-height: 24px;
}
.footer_wrapper ul li a {
text-decoration: none;
color: #e2e0e0;
font-weight:700;
font-size:14px;
}
.footer_bottom {
width: 100%;
height: auto;
min-height: 50px;
line-height: 50px;
border-top: 1px dashed #fff;
text-align: center;
color: #e2e0e0;
margin: 0 auto;
margin-top: 20px;
font-size:16px;
font-weight:700;
}
.footer_bottom_right {
width: 40%;
height: auto;
min-height: 50px;
line-height: 50px;
border-top: 1px solid #5493c2;
text-align: right;
color: #e2e0e0;
margin: 0px;
margin-top: 20px;
}
.footer_bottom_link_wrapper {
width: 100%;
height: auto;
margin: 0 auto;
text-align: left;
}
.footer_bottom_link_wrapper ul {
margin: 0px;
padding: 0px;
}
.footer_bottom_link_wrapper ul li {
list-style: none;
display: inline-block;
padding: 0 22px;
background: url(../images/footer-sep.png) no-repeat right center;
}
/*start product details page*/
.product_details {
}
.contact_left {
width: 50%;
height: auto;
margin: 0 auto;
float: left;
margin-bottom: 5px;
font-size: 15px;
}
.contact_right {
width: 45%;
height: auto;
margin: 0 auto;
margin-left: 5%;
float: left;
margin-bottom: 5px;
}
.contact_right img {
width: auto;
height: auto;
}
.contact_right {
line-height: 25px;
}
.contact_left_label {
width: 30%;
height: auto;
line-height: 30px;
float: left;
}
.contact_input_label {
width: 70%;
height: auto;
line-height: 30px;
float: left;
}
.contact_input {
width: 98%;
height: auto;
line-height: 28px;
border: 1px solid #e3e3e3;
padding: 1%;
margin-bottom: 8px;
}
.contact_input2 {
width: 100%;
height: auto;
line-height: 30px;
border: 1px solid #e3e3e3;
padding: 2%;
}
.contact_msg {
width: 98%;
height: auto;
min-height: 70px;
line-height: 28px;
border: 1px solid #e3e3e3;
padding: 1%;
}
.contact_input3 {
width: 50%;
height: auto;
line-height: 20px;
border: 1px solid #e3e3e3;
padding: 1%;
}
.contact_msg2 {
width: 50%;
height: auto;
min-height: 70px;
line-height: 28px;
border: 1px solid #e3e3e3;
padding: 1%;
}
.contact_sub_btn {
width: 100px;
height: 40px;
/*background: #4fc2e6;*/
background: #008bd4;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 40px;
text-transform: uppercase;
text-align: center;
border: none;
margin-top: 10px;
cursor: pointer;
}
.contact_sub_btn a {
color: #ffffff;
}
.contact_sub_btn:hover {
/*background: #008bd4;*/
background: #4fc2e6;
color: #ffffff;
}
/*start product details*/
.product_wrapper {
width: 100%;
height: auto;
margin: 0 auto;
}
.product_left {
width: 40%;
height: auto;
float: left;
margin-right: 1%;
border-right: 1px solid #efefef;
}
.product_left h2 {
font-size: 16px !important;
line-height: 20px;
}
.product_right {
width: 58%;
height: auto;
float: left;
font-size: 14px;
}
.product_right p {
line-height: 30px;
}
.product_right img {
width: auto;
height: auto;
}
.product_right h2 {
font-size: 16px;
line-height: 35px;
background: #c5e7b9;
padding: 0 0 0 15px;
}
.product_left2 {
width: 45%;
height: auto;
float: left;
margin-right: 1%;
border-right: 1px solid #efefef;
}
.product_left2 h2 {
font-size: 16px !important;
line-height: 20px;
}
.product_right2 {
width: 53%;
height: auto;
float: left;
font-size: 14px;
}
.product_right2 p {
line-height: 30px;
}
.product_right2 img {
width: auto;
height: auto;
}
.product_right2 h2 {
font-size: 16px;
line-height: 35px;
background: #c5e7b9;
padding: 0 0 0 15px;
}
.product_col {
width: 49%;
height: auto;
float: left;
margin-right: 1%;
}
.product_right span {
font-size: 24px !important;
}
.product_col2 {
width: 50%;
height: auto;
float: left;
}
.product_wrapper_heaing {
width: 100%;
height: auto;
margin: 0 auto;
background: #c5e7b9;
line-height: 35px;
font-size: 14px;
text-align: left;
margin: 10px 0;
padding: 0 0 0 15px;
}
/* Pagination CSS start */
.pgn {
width: 30px;
line-height: 25px;
border: solid 1px #b6b6b6;
float: left;
margin: 0 2px 0 0;
text-align: center;
display: block;
background: #ffffff;
}
.pgn a {
width: 30px;
line-height: 25px;
float: left;
margin: 0 2px 0 0;
text-align: center;
display: block;
color: #000;
border: solid 1px #b6b6b6;
text-shadow: 0.5px 0.5px #666;
}
.pgn a:hover {
width: 30px;
line-height: 25px;
float: left;
margin: 0 2px 0 0;
text-align: center;
background: #2881c3;
border: solid 1px #b6b6b6;
color: #fff;
display: block;
text-shadow: 0.5px 0.5px #666;
}
.pgn1 {
width: 65px;
line-height: 25px;
border: solid 1px #b6b6b6;
float: left;
margin: 0 2px 0 0;
text-align: center;
display: block;
background: #f0f0f0;
}
.pgn1 a {
width: 65px;
line-height: 25px;
float: left;
margin: 0 2px 0 0;
text-align: center;
display: block;
color: #000;
border: solid 1px #b6b6b6;
text-shadow: 0.5px 0.5px #666;
}
.pgn1 a:hover {
width: 65px;
line-height: 25px;
float: left;
margin: 0 2px 0 0;
text-align: center;
background: #2881c3;
border: solid 1px #b6b6b6;
color: #fff;
display: block;
text-shadow: 0.5px 0.5px #666;
}
.pgn2 {
width: 65px;
line-height: 25px;
border: solid 1px #b6b6b6;
float: left;
margin: 0 2px 0 0;
text-align: center;
display: block;
background: #f0f0f0;
}
.pgn2 a {
width: 65px;
line-height: 25px;
float: left;
margin: 0 2px 0 0;
text-align: center;
display: block;
border: solid 1px #b6b6b6;
color: #030;
text-shadow: 0.5px 0.5px #666;
}
#active1 {
background: #2881c3;
border: solid 1px #b6b6b6;
color: #fff;
display: block;
text-shadow: 0.5px 0.5px #666;
}
/* Pagination CSS end */
.login_wrapper {
width: 45%;
height: auto;
min-height: 300px;
float: left;
margin: 1%;
border: 1px solid #e6ecf0;
padding: 1%;
}
.register_col1 {
width: 30%;
height: auto;
line-height: 30px;
border: 1px solid #e3e3e3;
padding: 1%;
float: left;
margin-right: 2%;
}
.myaccount_col {
width: 20%;
height: auto;
min-height: 300px;
float: left;
margin: 1% 1% 1% 14%;
padding: 1%;
}
.myaccount_col2 {
width: 40%;
height: auto;
min-height: 300px;
float: left;
margin: 1%;
padding: 1%;
}
.prescription_col {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
}
.power_col_left {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
}
#mobhide {
display: none;
}
.sep_img {
width: 732px;
height: 2px;
background: url(../images/sep_img.png) no-repeat;
margin-top: 5px;
margin-bottom: 5px;
margin: 0 auto;
}
.sub_btn {
width: 255px;
height: 40px;
text-decoration: none !important;
/*background: #4fc2e6;*/
background: #008bd4;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 40px;
text-transform: uppercase;
text-align: left;
border: none;
cursor: pointer;
}
.sub_btn:hover {
/*background: #008bd4;*/
background: #4fc2e6;
text-decoration: none !important;
color: #ffffff;
}
.sub_btn_suggest {
width: 255px;
height: 40px;
text-decoration: none !important;
/*background: #4fc2e6;*/
background: #008bd4;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 40px;
text-transform: uppercase;
text-align: left;
border: none;
cursor: pointer;
margin: 0 auto;
padding: 0 5px;
}
.sub_btn_suggest:hover {
/*background: #008bd4;*/
background: #4fc2e6;
text-decoration: none !important;
color: #ffffff;
}
.sub_btn_suggest2 {
width: 255px;
height: 40px;
text-decoration: none !important;
/*background: #4fc2e6;*/
background: #008bd4;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 40px;
text-transform: uppercase;
text-align: left;
border: none;
cursor: pointer;
margin: 0 auto;
padding: 0 5px;
}
.sub_btn_suggest2:hover {
/*background: #008bd4;*/
background: #4fc2e6;
text-decoration: none !important;
color: #ffffff;
}
.sub_btn2 {
width: auto;
height: 40px;
background: #008bd4;
text-decoration: none !important;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 40px;
text-transform: uppercase;
text-align: center;
border: none;
cursor: pointer;
}
.sub_btn2:hover {
background: #49b848;
text-decoration: none !important;
color: #ffffff;
}
.sub_btn3 {
width: auto;
height: 40px;
text-decoration: none !important;
/*background: #4fc2e6;*/
background: #49b848;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 40px;
text-transform: uppercase;
text-align: center;
border: none;
cursor: pointer;
}
.sub_btn3:hover {
/*background: #49b848;*/
background: #4fc2e6;
text-decoration: none !important;
color: #ffffff;
}
#table_even tr:nth-child(odd) td {
background-color: #fbfbfb;
padding: 5px;
} /*odd*/
#table_even tr:nth-child(even) td {
background-color: #e8ecee;
padding: 5px;
} /* even*/
/*#table_even tr:hover td {
background-color: #fffbae;
} */
.track_order_wrapper {
width: 80%;
padding: 1%;
height: auto;
margin: 0 auto;
border: 1px solid #e9f0f5;
}
.track_order_wrapper h1 {
font-size: 30px;
line-height: 36px;
}
.cart_border1 {
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
padding: 5px;
}
.cart_border1 img {
width:;
height: auto;
}
.cart_wrapper {
width: 98%;
height: auto;
margin: 0 auto;
border: 1px solid #000000;
}
.cart_wrapper img {
height: auto;
}
.del {
width:;
height: auto;
}
.del img {
width: auto;
height: auto;
}
.cart_bottom_wrapper {
width: auto;
height: auto;
line-height: 50px;
margin: 0 0 0 15px;
color: #333
}
.cart_bottom_wrapper a {
color: #333;
}
.cart_bottom_wrapper a:hover {
color: #000;
}
/*.color_area {
width: 656px;
height: auto;
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
text-align: left;
padding: 10px 0 10px 0px;
}
.color_area h3 {
width: 656px;
height: auto;
float: right;
font-family: 'Open Sans', sans-serif;
text-align: left;
color: #000;
font-size: 12px;
font-weight: 600;
line-height: 20px;
padding: 0px 0 5px 0px;
font-style: normal;
}
.color_area_row {
width: 654px;
height: auto;
margin: 10px 0 10px 0px;
}
.color_area_row1 {
width: 654px;
height: 56px;
margin: 10px 0 5px 0px;
}
.color_col1 {
width: 210px;
height: 56px;
float: left;
background: url(../images/Color_bg.png) repeat-x;
border: solid 1px #a1a1a1;
margin: 0 0 0 0px;
}
.color_col2 {
width: 210px;
height: 56px;
float: left;
background: url(../images/Color_bg.png) repeat-x;
border: solid 1px #a1a1a1;
margin: 6px 6px 0 0px;
}
.col_lense_img_ara {
width: 55px;
height: 43px;
border: solid 1px #fff;
float: right;
margin: 5px 8px 0 0px;
overflow: hidden;
}
.col_lense_leftarea {
width: 128px;
height: 30px;
float: left;
margin: 20px 0px 0 8px;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
}*/
.color_area {
width: 98%;
height: auto;
float: left;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
text-align: left;
padding: 10px 0;
}
.color_area h3 {
width: 98%;
height: auto;
float: right;
font-family: 'Open Sans', sans-serif;
text-align: left;
color: #000;
font-size: 12px;
font-weight: 600;
line-height: 20px;
padding: 0px 0 5px 0px;
font-style: normal;
}
.color_area_row {
width: 98%;
height: auto;
margin: 10px 0;
}
.color_area_row1 {
width: 98%;
height: 56px;
margin: 10px 0 5px 0px;
}
.color_col1 {
width: 22%;
height: 56px;
float: left;
background: url(../images/Color_bg.png) repeat-x;
border: solid 1px #a1a1a1;
margin: 0 0 0 0px;
position: relative;
}
.color_col2 {
width:300px /*210px*/;
height: 56px;
float: left;
background: url(../images/Color_bg.png) repeat-x;
border: solid 1px #a1a1a1;
margin: 6px 6px 0 0px;
position: relative;
}
.col_lense_img_ara {
width: 55px;
height: 43px;
border: solid 1px #fff;
float: right;
margin: 5px 8px 0 0px;
overflow: hidden;
position: absolute;
right: 10px;
}
.col_lense_leftarea {
width: 100%/*128px*/;
height: 30px;
float: left;
margin: 20px 0px 0 8px;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
}

.col_lense_leftarea input#cl_color {
width: 10%;
}


.col_lense_leftarea label {
display: inline-block;
/* margin-bottom: 84px; */
font-weight: bold;
width: 89%;
float: right;
text-align: left;
padding: 0;
margin: 1% 0 0 0;
}



/*more color option*/
.morcolor_wrapper {
width: 100%;
height: auto;
margin: 0 auto;
margin-top: 15px;
margin-bottom: 15px;
font-weight: normal;/*border-top:1px solid #CCC;*//*padding: 10px;*/
}
.morcolor_left {
width: 10%;
height: auto;
float: left;
margin-right: 1%;
}
.morcolor_right {
width: 89%;
height: auto;
float: left;
}
.morcolor_right ul {
margin: 0px;
padding: 0px;
}
.morcolor_right ul li {
list-style: none;
display: inline-block;
padding: 0 15px;
}
.morcolor_right ul li a {
text-decoration: none;
color: #000;
}
.morcolor_right ul li a:hover {
color: #333;
}
.morcolor_right ul li span {
text-align: center;
line-height: 18px;
color: #333;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}
.morcolor_wrapper span {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
text-align: right;
color: #000;
line-height: 22px;
}
.power_col_right {
width: 85%;
height: auto;
float: left;
font-size: 14px;
}
.req_call_main_bg {
width: 208px;
height: auto;
background: url(../images/req_bg.png) repeat-y;
float: left;
margin: 8px 0 8px 0px;
}
.req_call_main_bg1 {
width: 208px;
height: auto;
background: url(../images/req_bg.png) repeat-y;
float: left;
margin: 8px 0 8px 0px;
}
.req_txt_bg {
width: 190px;
height: 33px;
background: url(../images/req_txt.png) no-repeat;
float: left;
margin: 8px 0 0 8px;
}
.req_ass_bg {
width: 194px;
height: 330px;
background: url(../images/req_as_bg.png) repeat-y;
margin: 0 auto;
margin-top: 12px;
}
.nametextarea {
width: 178px;
height: 26px;
margin: 0 auto;
padding-top: 13px;
}
.nametextarea2 {
width: 178px;
height: auto;
margin: 0 auto;
padding-top: 12px;
}
.subbtnarea {
width: 90px;
height: 28px;
margin: 13px 0 20px 10px;
float: left;
}
.nametextbg {
width: 166px;
height: 26px;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 400;
text-align: left;
color: #181818;
background-color: #fff;
border: solid 1px #d5d5d5;
outline: none;
padding: 0 0 0 10px;
color: #8f8f84;
}
.submitbtn {
width: 89px;
height: 28px;
background: url(../images/submit_btn.png);
cursor: pointer;
border: none;
outline: none;
border-radius: 2px;
}
.brand {
width: 100%;
height: auto;
margin: 0 auto;
}
.brand img {
width: auto;
height: auto;
margin-right: 15px;
}
.testimonial_wrapper {
width: 100%;
height: auto;
min-height: 180px;
background: url(../images/testimonial-logo.png) no-repeat right bottom #ffffff;
margin: 0 auto;
margin-top: 20px;
}
.testimonial_left {
width: 20%;
/*height: auto;*/ /*narottam*/
float: left;
position: relative;
}
.testimonial_right {
width: 79%;
height: auto;
float: left;
margin: 0 0 0 0;
padding: 4% 0 0 0;
font-size: 16px;
line-height: 22px;
font-style: italic;
}
.testimonial_right #sign {
width: 100%;
height: auto;
line-height: 80px;
text-align: right;
}
.testimonial_cover {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
}
.message_me {
width: 188px;
height: 30px;
background: url(../images/message_me_btn.png) no-repeat;
position: fixed;
right: 0px;
bottom: 0px;
cursor: pointer;
}
/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/
.paginationstyle { /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}
.paginationstyle select { /*Style for demo pagination divs' select menu*/
margin: 0 15px;
}
.paginationstyle a { /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
color: navy;
background-color: white;
}
.paginationstyle a:hover, .paginationstyle a.selected {
color: #fff;
background-color: #49b848;
}
.paginationstyle a.disabled, .paginationstyle a.disabled:hover { /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}
.paginationstyle a.imglinks { /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}
.paginationstyle a.imglinks img {
vertical-align: bottom;
border: 0;
}
.paginationstyle a.imglinks a:hover {
background: none;
}
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected { /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}
/*spectacles section with power, zero power, lens option*/
.specpower_wrapper {
width: 100%;
height: auto;
min-height: 250px;
margin: 10px 0;
background: #ffffff;
border-bottom: 1px solid #CCC;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
.product_wrapper_heaing2 {
width: 99%;
height: auto;
margin: 0 auto;
background: #c5e7b9;
line-height: 35px;
font-size: 16px;
text-align: left;
margin: 10px 0;
padding: 0 0 0 1%;
}
.specpower_head {
width: 99%;
height: auto;
line-height: 35px;
padding: 0 0 0 1%;
background: #49b848;
/*margin: 15px 0;*/
margin: 0 0 15px 0;
color: #fff;
float: left;
font-weight: normal;
font-size: 13px;
}
.specpower_head2 {
width: 25%;
height: auto;
line-height: 35px;
padding: 0 0 0 1%;
background: #2881c3;
margin: 15px 0;
color: #fff;
float: left;
font-weight: normal;
}
.specpower_head3 {
width: 9%;
height: auto;
line-height: 35px;
padding: 0 0 0 1%;
background: #4fc2e6;
margin: 15px 0;
color: #fff;
float: left;
font-weight: normal;
}
.specpower_wrapper2 {
width: 100%;
height: auto;
padding-bottom: 15px;
margin: 10px 0;
background: #ffffff; /*border-bottom:1px solid #CCC;*/
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
.specpower_wrapper_left {
width: 100%;
height: auto;
position: relative;
}
.specpower_wrapper_left img {
text-align: right;
position: absolute;
right: 8px;
top: 8px;
width: auto;
height: auto;
}
.specpower_wrapper_left ul {
margin: 0;
padding: 0;
}
.specpower_wrapper_left ul li {
list-style: none;
display: inline-block;
font-weight: normal;
line-height: 20px;
/*border-bottom: 1px dotted #CCC;*/
width: 90%;
/*background: #f0f0f0;*/
background: url(../images/tick.png) no-repeat left center #f7f7f7;
padding: 0 0 0 22px;
}
.specpower_wrapper_right {
width: 78%;
height: auto;
float: left;
padding: 1%;
}
.suggest_box_col {
width: 68%;
height: auto;
float: left;
}
.suggest_box_col2 {
width: 15%;
height: auto;
float: left;
text-align: left;
}
.suggest_box_col3 {
width: 15%;
height: auto;
float: left;
text-align: left;
}
.power_details_col1 {
width: 12%;
height: auto;
float: left;
margin-right: 1%;
padding-left: 1%;
}
.power_details_col2 {
width: 40%;
height: auto;
float: left;
}
.specpower_wrapper2 ul {
margin: 0px;
padding: 0px;
}
.specpower_wrapper2 ul li {
list-style: none;
display: block;
background: url(../images/select_nav.gif) no-repeat left center;
line-height: 30px;
padding: 0 30px;
border-bottom: 1px dotted #ebebeb;
}
.power_desc {
width: auto;
height: auto;
display: block;
}
.share_frnd_wrapper {
width: 48%;
height: auto;
float: left;
margin: 1%;
}
.suggest_col {
width: 46%;
height: auto;
margin: 1%;
float: left;
background: #f7f7f7;
border-bottom: 4px solid #2a8429;
}
/*div.suggest_col:nth-child(odd)
{
background:#ffffff;
}
div.suggest_col:nth-child(even)
{
background:#e9f2fd;
}
*/
.spec_product_desc_col1 {
width: 49%;
height: auto;
float: left;
margin-right: 1%;
margin-bottom: 15px;
}
/*.spec_product_desc_col1 img{width:100%;}*/
.spec_product_desc_col2 {
width: 49%;
height: auto;
float: right;
margin-left: 1%;
text-align: center;
margin-bottom: 15px;
}
.spec_product_desc_col2 img {
width: auto;
height: auto;
text-align: center;
}
#menupic {
display: block;
}
/*.bulkboxmain {
width:243px;
height:auto;
position:absolute;
display:none;
z-index:999999999;
border:double 5px #49b848;
background:#d2f1cf;
}
.others_div {
width:100%;
height:auto;
font-family:'Open Sans', sans-serif;
font-size:14px;
}*/
.bulkboxmain {
width: 243px;
height: auto;
position: absolute;
display: none;
z-index: 999999999;
border: double 5px #095c99;
background: #2881c3;
color: #ffffff !important;
top: 260px;
left: 0px;
}
.others_div {
width: 100%;
height: auto;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #ffffff !important;
}
.select_area {
width: 78px;
height: 20px;
}
.thankyou_wrapper {
width: 80%;
height: auto;
margin: 0 auto;
padding: 1%;
font-size: 14px;
line-height: 20px;
}
.mobile_selector_wrapper {
display: none;
}
.minimenu {
position: relative;
z-index: 30;
margin: 0px 10px 20px 10px;
}
.minimenu div {
background: #2881c3;
height: 40px;
line-height: 40px;
padding: 0px 16px;
overflow: hidden;
position: relative;
color: #fff;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
.minimenu select {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
cursor: pointer;
}
/*for Desktop*/
@media only screen and (min-width: 769px) {
.tab_menu {
display: none;
}
/*for upper*/
/*.upper_wrapper{width:980px; height:auto; margin:0 auto;}*/
/*.upper_wrapper2{width:1000px; height:auto; margin:0 auto;}*/
/*start menu*/
/*.menu_main{width:1000px; height:61px; margin:0 auto;}
.mid_wrapper{width:980px; height:auto; margin:0 auto;}*/
.mid_wrapper2 {
width: 1000px;
height: auto;
margin: 0 auto;
}
/*.banner_wrapper2{width:1000px; height:auto; margin:0 auto;}*/
/*.mid_wrapper2 img{width:auto !important; height:auto !important;}
*/
.footer_inner {
width: 980px;
height: auto;
margin: 0 auto;
padding: 1%;
}
/*.product_left img {
width: auto;
height: auto;
}*/
.product_left img {
/* width: 250px; /* narottam */
/* height: 160px; /* narottam */
}
#power_head {
display: none;
}
#hideable_td {  /*narottam */
display: none;
}
#mobhide {
display: block;
}
.prescription_col {
width: 15.4%;
height: auto;
float: left;
margin: 1%;
padding: 0.2%;
font-size: 14px;
}
.power_col_left {
width: 15%;
height: auto;
float: left;
margin: 10px 0;
font-size: 14px;
}
.product_box {
min-width: 230px; /* narottam*/
max-width: 290px; /* narottam*/
height: auto;
min-height: 285px;
margin: 0.5%;
border: 1px solid #e6e7e8;
float: left;
position: relative;
margin-bottom: 15px;
padding-bottom: 5px;
}
.testimonial_wrapper {
width: 80%;
height: auto;
margin: 0 auto;
}
.minimenu {
display: none;
}
}
/*for mobile*/
/* ============================================== */
/* iPhone4/Android portrait               320x480 */
/* iPhone5 portrait                       320x568 */
/* ============================================== */
@media screen and (max-width:320px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
.bs-example{display:none;}
.bhoechie-tab-container{display:none;}
.tab_menu {
display: none;
}
/*for suggest lens*/
.suggest_box_col {
width: 48%;
height: auto;
float: left;
}
.suggest_box_col2 {
width: 25%;
height: auto;
float: left;
text-align: left;
}
.suggest_box_col3 {
width: 25%;
height: auto;
float: left;
text-align: left;
}
.sub_btn_suggest2 {
width: 100%;
height: 40px;
margin: 0 auto;
margin-bottom: 10px;
text-align: center;
text-decoration: none !important;
}
.mob_right1 {
/*width: 50%;*/
width: 49%;
height: auto;
float: right;
text-align: right;
font-size: 12px;
}
.zoomtracker {
display: none;
}
.zoomtracker img {
display: none;
}
.login_wrapper {
width: 98% !important;
height: auto;
min-height: 300px;
float: none;
margin: 0%;
border: 1px solid #e6ecf0;
padding: 0%;
}
/*for left pannel */
.desktop_cart_wrapper {
display: none;
}
.mobile_cart_wrapper {
display: block;
}
.left_mobile_pannel {
display: none;
}
.cart_border1 {
border: none !important;
border-bottom: 1px solid #000000;
padding: 0px;
}
.new_search_col_left {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
margin-bottom: 15px;
}
.new_search_col_right {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
text-align: center !important;
margin-top: 15px !important;
}
.new_search_area {
width: 120px;
height: 38px;
border: 1px solid #afafaf;
line-height: 40px;
float: left;
border-right: none;
}
.new_search_area2 {
width: 132px;
height: 34px;
line-height: 36px;
border: 1px solid #afafaf;
float: left;
border-right: none;
padding-left: 10px;
color: #CCC;
}
.deals_header_col2 {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
margin-left: 0px;
}
.deals_header_col2 ul {
margin: 0px;
padding: 0px;
}
.deals_header_col2 ul li {
list-style: none;
display: inline;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
text-align: center;
line-height: 24px;
color: #333;
text-transform: uppercase;
padding: 0 2px;
background: url(../images/deals-header-sep.png) no-repeat right center;
}
}
@media only screen and (max-width: 479px) {
	
	.bs-example{display:none;}
.bhoechie-tab-container{display:none;}
.tab_menu {
display: none;
}
/*for suggest lens*/
.suggest_box_col {
width: 48%;
height: auto;
float: left;
}
.suggest_box_col2 {
width: 25%;
height: auto;
float: left;
text-align: left;
}
.suggest_box_col3 {
width: 25%;
height: auto;
float: left;
text-align: left;
}
.sub_btn_suggest2 {
width: 100%;
height: 40px;
margin: 0 auto;
text-align: center;
margin-bottom: 10px;
text-decoration: none !important;
}
.desktop_cart_wrapper {
display: none;
}
.mobile_cart_wrapper {
display: block;
}
.login_wrapper {
width: 98% !important;
height: auto;
min-height: 300px;
float: none;
margin: 0%;
border: 1px solid #e6ecf0;
padding: 0%;
}
/*for left pannel */
.left_mobile_pannel {
display: none;
}
.cart_border1 {
border: none !important;
border-bottom: 1px solid #000000;
}
.zoomtracker {
display: none;
}
.zoomtracker img {
display: none;
}
/* for landing page mobile */
.deals_header_wrapper {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
padding: 0%;
}
.deals_header_col1 {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
}
.deals_header_col2 {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
margin-left: 0px;
}
.new_search_col_left {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
margin-bottom: 15px;
}
.new_search_col_right {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
text-align: center;
margin-top: 15px !important;
}
.deals_tiles01 {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
}
.deals_tiles01 img {
width: 100%;
height: 100%;
}
.deals_tiles02 {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
}
.deals_tiles02 img {
width: 100%;
height: 100%;
}
.deals_tiles03 {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
}
.deals_tiles03 img {
width: 100%;
height: 100%;
}
.deals_tiles04 {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
}
.deals_tiles04 img {
width: 100%;
height: 100%;
}
.deals_tiles05 {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
}
.deals_tiles05 img {
width: 100%;
height: 100%;
}
.deals_tiles06 {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
}
.deals_tiles06 img {
width: 100%;
height: 100%;
}
.deals_tiles07 {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
}
.deals_tiles07 img {
width: 100%;
height: 100%;
}
.deals_tiles08 {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
}
.deals_tiles08 img {
width: 100%;
height: 100%;
}
.deals_tiles09 {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
}
.deals_tiles09 img {
width: 100%;
height: 100%;
}
.deals_tiles10 {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
}
.deals_tiles10 img {
width: 100%;
height: 100%;
}
.deals_tiles11 {
width: 98%;
height: auto;
float: none;
margin: 0 auto;
}
.deals_tiles11 img {
width: 100%;
height: 100%;
}
.new_landing_menu_wrapper {
display: none;
}
.new_banner_wrapper {
display: none;
}
.minimenu {
display: block;
}
.minimenu {
position: relative;
margin: 0px;
background: #dddddd;
}
.minimenu div {
overflow: hidden;
position: relative;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 40px;
color: #ffffff;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
/*.minimenu select{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	cursor: pointer;}*/
/*for color*/
.color_area {
width: 98%;
height: auto;
float: none;
}
.color_area h3 {
width: 98%;
height: auto;
float: none;
font-family: 'Open Sans', sans-serif;
}
.color_area_row {
width: 98%;
height: auto;
margin: 10px 0 10px 0px;
}
.color_area_row1 {
width: 98%;
height: 56px;
margin: 10px 0 5px 0px;
}
.color_col1 {
width: 98%;
height: 56px;
float: none;
background: url(../images/Color_bg.png) repeat-x;
border: solid 1px #a1a1a1;
margin: 0 0 0 0px;
}
.color_col2 {
width: 98%;
height: 56px;
float: none;
background: url(../images/Color_bg.png) repeat-x;
border: solid 1px #a1a1a1;
margin: 6px 6px 0 0px;
}
.col_lense_img_ara {
width: 55px;
height: 43px;
border: solid 1px #fff;
float: right;
margin: -45px 10px 0 0;
}
.col_lense_leftarea {
width: 98%;
height: 30px;
float: none;
}
.desktop_upper_wrapper {
display: none;
}
.mob_upper_wrapper {
width: 100%;
height: auto;
margin: 0 auto;
margin-top: 5px;
display: block;/*background: #CCC;*/
}
.mob_upper_col {
width: 32%;
height: auto;
float: left;
margin-right: 2px;
}
.mob_upper_col img {
width: 100%;
height: 100%;
}
.mob_left {
width: 98%;
height: auto;
float: none;
text-align: center;
margin: 0 auto;
}
.mob_left1 {
width: 50%;
height: auto;
float: left;
text-align: left;
}
.mob_border {
width: 100%;
height: 1px;
border-bottom: 1px solid #f4f4f4;
margin: 8px 0;
}
.mob_left ul {
margin: 0px;
padding: 0px;
}
.mob_left ul li {
display: inline;
text-align: left;
padding: 0 10px;
}
.mob_left ul li a {
color: #000000;
text-decoration: none;
}
.mob_right {
width: 98%;
height: auto;
float: none;
text-align: center;
margin: 0 auto;
}
.mob_right1 {
/*width: 50%;*/
width: 49%;
height: auto;
float: right;
text-align: right;
font-size: 12px;
}
.search_input1 {
width: 100px;
height: 35px;
border: 1px solid #d1deff;
margin-right: 5px;
margin-top: -28px;
padding: 0 0 0 10px;
}
.search_input2 {
width: 120px;
height: 37px;
border: 1px solid #d1deff;
margin-right: 5px;
margin-top: -28px;
}
.upper_up_nav_col {
display: none;
}
.left_pannel {
width: 200px; /* narottam*/
height: auto;
margin: 0 auto;
float: none;
}
.left_pannel img {
width: 100%;
}
.right_pannel {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
}
.upper_up_nav {
width: 100%;
height: auto;
min-height: 0px;
margin: 0 auto;
line-height: 24px;
font-weight: 300;
}
/*.upper_up_nav_col{width:100%; height:auto; float:none; margin:0 0 0 0.3%;}*/
.upper_up_nav #cont {
width: 100%;
height: auto;
float: none;
margin: 0;
text-align: center;
}
.upper_left {
width: 100%;
height: auto;
margin: 0 auto;
float: none;
padding: 0;
}
.upper_right {
width: 100%;
height: auto;
margin: 0 auto;
float: none;
padding: 0;
}
.upper_right #reg {
width: 100%;
height: auto;
min-height: 40px;
border-bottom: 1px dashed #a6a6a6;
line-height: 40px;
float: none;
text-align: center;
}
.search_area {
display: block;
margin: 10px 0;
text-align: center;
}
.search_area2 {
width: 98%;
height: auto;
margin: 0 auto;
text-align: center;
float: none;
display: block;
margin-top: 10px;
}
.product_box {
width: 98%;
height: auto;
margin: 0 auto;
margin-bottom: 10px;
border: 1px solid #e6e7e8;
float: none;
position: relative;
margin-bottom: 15px;
padding-bottom: 5px;
}
.banner_wrapper {
display: none;
}
.footer_wrapper {
width: 100%;
height: auto;
min-height: 264px;
background: #2881c3;
margin-top: 12px;
padding-top: 15px;
}
.footercol {
width: 98%;
height: auto;
float: none;
margin: 1%;
text-align: center;
}
.footer_wrapper ul li {
list-style: none;
color: #e2e0e0;
text-align: center;
line-height: 24px;
}
.footer_wrapper h2 {
color: #ffffff;
margin: 10px;
}
.contact_left {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
font-size: 14px;
}
.contact_right {
width: 98%;
height: auto;
margin: 0 auto;
margin-left: 0%;
float: none;
margin-bottom: 5px;
}
.product_left {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
}
.product_right {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
}
.product_right2 {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
font-size: 14px;
}
.product_left2 {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
}
.track_order_wrapper {
width: 98%;
height: auto;
margin: 0 auto;
}
.prescription_col {
width: 98%;
height: auto;
/* float: left; */
margin: 1%;
padding: 0.2%;
font-size: 14px;
}
.power_col_left {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
}
.power_col_right {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
}
#power_head {
display: block;
}
#mobhide {
display: none;
}
#hideable_td {  /*narottam */
/* display: block; */
}
.upper_left {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
text-align: center;
}
.upper_right {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
text-align: center;
}
.upper_right #reg {
width: 98%;
height: auto;
float: none;
margin: 0 0 0 0%;
text-align: center;
}
.upper_col_left {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
text-align: center;
}
.upper_col_right {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
text-align: center;
}
.upper_col_right_left {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
text-align: center;
}
.upper_col_right_right {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
text-align: center;
}
.upper_right_col {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
text-align: center;
}
.upper_right_col2 {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
text-align: center;
}
.upper_col_right ul {
margin: 0px 0px 20px 0px;
padding: 0px;
text-align: right;
}
.upper_col_right ul li {
list-style: none;
text-align: right;
display: inline;
padding: 0 0 0 0px;
}
.upper_col_left img {
width: 100%;
height: auto;
}
.specpower_head {
width: 100%;
height: auto;
padding: 0px;
margin: 0px;
float: none;
}
.specpower_head2 {
width: 80%;
height: auto;
padding: 0px;
margin: 0px;
}
.specpower_head3 {
width: 20%;
height: auto;
padding: 0px;
margin: 0px;
}
.upper_right ul {
margin: 0px;
padding: 0px;
}
.upper_right ul li {
list-style: none;
text-align: center;
display: inline;
background: url(../images/login_sep.png) no-repeat right center;
padding: 0 10px;
}
.upper_right ul li a {
text-decoration: none;
color: #000000;
}
.chek_out {
width: 72px;
height: 26px;
background: #49b848;
line-height: 26px;
text-align: center;
color: #ffffff;
border: none;
cursor: pointer;
margin: 0 0 0 15px;
}
.upper_col_right ul {
margin: 0px 0px 20px 0px;
padding: 0px;
text-align: center;
}
.upper_col_right ul li {
list-style: none;
text-align: center;
display: inline;
padding: 0 0 0 20px;
}
.upper_col_right ul li a {
text-decoration: none;
color: #333;
}
.upper_right_col {
width: 98%;
height: auto;
float: none;
text-align: center;
}
.upper_right_col2 {
width: 98%;
height: auto;
float: none;
text-align: center;
}
.specpower_wrapper_left {
width: 100%;
height: auto;
float: none;
}
.specpower_wrapper_right {
width: 100%;
height: auto;
float: none;
padding: 0%;
}
.power_desc {
width: 100%;
height: auto;
display: none;
}
.pgn {
width: 30px;
line-height: 25px;
border: none;
float: left;
margin: 0 2px 0 0;
text-align: center;
display: block;
background:#;
}
.pgn a {
width: 30px;
line-height: 25px;
float: left;
margin: 0 2px 0 0;
text-align: center;
display: block;
color: #000;
border: none;
text-shadow: 0.5px 0.5px #666;
}
.pgn a:hover {
width: 30px;
line-height: 25px;
float: left;
margin: 0 2px 0 0;
text-align: center;
background: #2881c3;
border: none;
color: #fff;
display: block;
text-shadow: 0.5px 0.5px #666;
}
.pgn1 {
width: 65px;
line-height: 25px;
border: none;
float: left;
margin: 0 2px 0 0;
text-align: center;
display: block;
background:#;
}
.pgn1 a {
width: 65px;
line-height: 25px;
float: left;
margin: 0 2px 0 0;
text-align: center;
display: block;
color: #000;
border: none;
text-shadow: 0.5px 0.5px #666;
}
.pgn1 a:hover {
width: 65px;
line-height: 25px;
float: left;
margin: 0 2px 0 0;
text-align: center;
background:#;
border: none;
color: #fff;
display: block;
text-shadow: 0.5px 0.5px #666;
}
.pgn2 {
width: 65px;
line-height: 25px;
border: none;
float: left;
margin: 0 2px 0 0;
text-align: center;
display: block;
background:#;
}
.pgn2 a {
width: 65px;
line-height: 25px;
float: left;
margin: 0 2px 0 0;
text-align: center;
display: block;
border: none;
color: #030;
text-shadow: 0.5px 0.5px #666;
}
#active1 {
background:#;
border: none;
color: #fff;
display: block;
text-shadow: 0.5px 0.5px #666;
}
/* Pagination CSS end */
.paginhide {
display: none;
}
.contact_msg2 {
width: 98%;
height: auto;
min-height: 70px;
line-height: 28px;
border: 1px solid #e3e3e3;
padding: 1%;
}
.left_product_wrapper #manufacdiv {
display: none;
}
.left_product_wrapper #brandsdiv {
display: none;
}
.left_product_wrapper #modalitydiv {
display: none;
}
.left_product_wrapper #pricediv {
display: none;
}
.left_product_wrapper #visiondiv {
display: none;
}
.left_product_wrapper #collectiondiv {
display: none;
}
.left_product_wrapper #pricerangediv {
display: none;
}
.left_product_wrapper #shapediv {
display: none;
}
.left_product_wrapper #brandsdiv {
display: none;
}
.left_product_wrapper #coloursdiv {
display: none;
}
.left_product_wrapper #stylediv {
display: none;
}
.left_product_wrapper #eyesizediv {
display: none;
}
/*for suggested Lense*/
.suggest_col {
width: 96%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 15px;
}
.sub_btn2 {
width: auto;
font-size: 12px;
font-weight: normal;
}
.sub_btn3 {
width: auto;
font-size: 12px;
font-weight: normal;
}
#menupic {
display: none;
}
.spec_product_desc_col1 {
width: 96%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 15px;
}
.spec_product_desc_col2 {
width: 96%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 15px;
}
.spec_product_desc_col2 img {
width: 100%;
height: auto;
text-align: center;
}
.thankyou_wrapper {
width: 98%;
height: auto;
margin: 0 auto;
}
.mobile_selector_wrapper {
display: block;
width: 200px;
margin: 0 auto;
height: auto;
}
.mobile_selector {
width: 200px;
height: 40px;
margin: 0 auto;
margin-top: 2px;
border: 1px solid #CCC;
font-size: 14px;
text-align: center;
line-height: 40px;
}
#upgrade {
display: none;
}
.cart_wrapper {
width: 890px !important;
height: auto;
}
.product_desktop {
display: none;
}
.product_mobile {
display: block;
}
/*for landing page*/
.landing_box {
width: 98%;
height: auto;
float: none;
margin: 5px;
background: #ececec;
border: 1px solid #d3d3d3;
position: relative;
}
.minimenu {
display: block;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/*#ipad-nav-wrap{
display:none;
}
*/


.deals_header_col1 img{width:200px !important; height:69px !important;}	

#ipad-menu-left {
display: none;
}
.new_landing_menu_wrapper {
display: none;
}
.tab_menu {
display: block;
}
#ipad {
display: block;
}
#ipad img {
width: 100% !important;
height: auto !important;
}


#ipad-nav-wrap img{
width: 100% !important;
height: 95px !important;
}
.testimonial_left{display:none;}
.landing_box {
width: 48%;
height: auto;
margin: 5px;
background: #ececec;
border: 1px solid #d3d3d3;
position: relative;
}
.product_box {
min-width: 230px;
max-width: 290px;
height: auto;
float: left;
}
.left_pannel {
width: 200px;
}
.right_pannel {
height: auto;
}
.upper_col_left {
width: 63%;
height: auto;
float: left;
}
.upper_col_right {
width: 37%;
height: auto;
}
/*.upper_col_right_left {
width: 50%;
height: auto;
float: left;
text-align: right;
}
.upper_col_right_right {
width: 50%;
height: auto;
float: left;
text-align: right;
}*/
.upper_right_col {
width: 100%;
height: auto;
}
.upper_right_col2 {
width: 100%;
height: auto;
}
.search_input1 {
width: 120px;
height: 30px;
border: 1px solid #d1deff;
margin-right: 10px;
margin-top: -28px;
padding: 0 0 0 10px;
}
.search_input2 {
width: 120px;
height: 30px;
border: 1px solid #d1deff;
margin-right: 10px;
margin-top: -28px;
}
.testimonial_left img {
width: auto;
height: auto;
}
.product_left img {
width: 100%;
height: auto;
}
.product_left2 img {
width: 100%;
height: 100%;
}
.upper_col_right ul {
font-size: 12px;
}
.zoomtracker img {
width: 100%;
height: 100%;
}
.multizoom1 img {
width: 100%;
height: 100%;
}
.product_left img {
width: 100%;
height: auto;
}
.sub_btn2 {
width: auto;
font-size: 12px;
font-weight: normal;
}
.sub_btn3 {
width: auto;
font-size: 12px;
font-weight: normal;
}
.minimenu {
display: none;
}
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
	.deals_header_col1 img{width:200px !important; height:69px !important;}	

.testimonial_left{display:none;}


.new_search_col_left {
width: 20%;
height: auto;
float: left;
margin: 0 auto;
margin-bottom: 15px;
}
.new_search_col_right {
width: 80%;
height: auto;
float: left;
margin: 0 auto;
text-align: center;
margin-top: 15px !important;
}
#ipad-menu-left {
display: block;
}
#ipad-nav-wrap {
display: none;
}
.testimonial_left img {
width: auto;
height: auto;
}
#ipad {
display: block;
}
#ipad img {
width: 100% !important;
height: auto !important;
}

.tab_menu {
display: block;
}
.new_landing_menu_wrapper {
display: none;
}
.landing_box {
width: 48%;
height: auto;
margin: 5px;
background: #ececec;
border: 1px solid #d3d3d3;
position: relative;
}
.product_box {
min-width: 230px;
max-width: 290px;
height: auto;
float: left;
}
.left_pannel {
width: 200px;
}
.right_pannel {
height: auto;
}
.upper_col_left {
width: 100%;
height: auto;
float: left;
}
.upper_col_left img {
position: absolute;
left: 10px;
}
.upper_col_right {
width: 70%;
height: auto;
float: right;
}
.upper_right_col {
width: 45%;
height: auto;
}
.upper_right_col2 {
width: 55%;
height: auto;
}
.product_left img {
width: 100%;
height: auto;
}
.product_left2 img {
width: 100%;
height: 100%;
}
/* .prescription_col {
width: 98% important ;
height: auto;
margin: 0 auto;
float: left;
margin-bottom: 5px;
}*/
.prescription_col {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
}
.power_col_left {
width: 100%;
height: auto;
margin: 0 auto;
float: none;
text-align: left;
margin-bottom: 5px;
}
.power_col_right {
width: 100%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
text-align: left;
}
.select_area {
width: 200px;
height: 20px;
}
.upper_col_right ul {
font-size: 12px;
}
.zoomtracker img {
width: 100%;
height: 100%;
}
.multizoom1 img {
width: 100%;
height: 100%;
}
.product_left img {
width: 100%;
height: 100%;
}
.sub_btn2 {
width: auto;
font-size: 12px;
font-weight: normal;
}
.sub_btn3 {
width: auto;
font-size: 12px;
font-weight: normal;
}
.minimenu {
display: none;
}
}
al;
}
}
lid #d1deff;
margin-right: 10px;
margin-top: -28px;
}
.testimonial_left img {
width: auto;
height: auto;
}
.product_left img {
width: 100%;
height: auto;
}
.product_left2 img {
width: 100%;
height: 100%;
}
.upper_col_right ul {
font-size: 12px;
}
.zoomtracker img {
width: 100%;
height: 100%;
}
.multizoom1 img {
width: 100%;
height: 100%;
}
.product_left img {
width: 100%;
height: 100%;
}
.sub_btn2 {
width: auto;
font-size: 12px;
font-weight: normal;
}
.sub_btn3 {
width: auto;
font-size: 12px;
font-weight: normal;
}
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.new_search_col_left {
width: 30%;
height: auto;
float: left;
margin: 0 auto;
margin-bottom: 15px;
}
.new_search_col_right {
width: 70%;
height: auto;
float: left;
margin: 0 auto;
text-align: center;
margin-top: 15px !important;
}
#ipad-menu-left {
display: block;
}
#ipad-nav-wrap {
display: none;
}
.testimonial_left img {
width: auto;
height: auto;
}
#ipad {
display: block;
}
#ipad img {
width: 100% !important;
height: auto !important;
}
.tab_menu {
display: block;
}
.new_landing_menu_wrapper {
display: none;
}
.landing_box {
width: 48%;
height: auto;
margin: 5px;
background: #ececec;
border: 1px solid #d3d3d3;
position: relative;
}
.product_box {
min-width: 230px;
max-width: 290px;
height: auto;
float: left;
}
.left_pannel {
width: 200px;
}
.right_pannel {
height: auto;
}
.upper_col_left {
width: 100%;
height: auto;
float: left;
}
.upper_col_left img {
position: absolute;
left: 10px;
}
.upper_col_right {
width: 70%;
height: auto;
float: right;
}
.upper_right_col {
width: 45%;
height: auto;
}
.upper_right_col2 {
width: 55%;
height: auto;
}
.product_left img {
width: 100%;
height: auto;
}
.product_left2 img {
width: 100%;
height: 100%;
}
/* .prescription_col {
width: 98% important ;
height: auto;
margin: 0 auto;
float: left;
margin-bottom: 5px;
}*/
.prescription_col {
width: 98%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
}
.power_col_left {
width: 100%;
height: auto;
margin: 0 auto;
float: none;
text-align: left;
margin-bottom: 5px;
}
.power_col_right {
width: 100%;
height: auto;
margin: 0 auto;
float: none;
margin-bottom: 5px;
text-align: left;
}
.select_area {
width: 200px;
height: 20px;
}
.upper_col_right ul {
font-size: 12px;
}
.zoomtracker img {
width: 100%;
height: 100%;
}
.multizoom1 img {
width: 100%;
height: 100%;
}
.product_left img {
width: 100%;
height: auto;
}
.sub_btn2 {
width: auto;
font-size: 12px;
font-weight: normal;
}
.sub_btn3 {
width: auto;
font-size: 12px;
font-weight: normal;
}
.minimenu {
display: none;
}
}
al;
}
}



.butn-link{
	color:#000;
	background:#008bd4!important;
	font-size:14px;
	text-transform:uppercase;
	border:none;
	}




.search-area2{ margin:20px 0 0 0; padding:0; width:100%;}
      	.write-text{ height:35px; background:#fff; color:#000; font-size:14px; border:none; padding:8px; width:78%; margin:0 0 5px 0;}
		.sub-butn{ height:35px; border:1px #fff solid; background:none; font-weight:600; width:20%; padding:5px 0 6px; -moz-padding:5px 0 6px; -ms-padding:5px 0 6px; -o-padding:5px 0 6px; -webkit-padding:5px 0 6px; margin:0 -4px; font-size:16px; box-sizing:border-box; color:#fff; transition:all 1s ease-in-out;}
		.sub-butn:hover{ background:#fff; color:#008dd6;}