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

/* -------------------- resets --------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {background: transparent; font-size: 100%; margin: 0px; padding: 0px; border: 0 none; outline: 0; vertical-align: top;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table, table td { padding: 0px; border:none; border-collapse:collapse;}
img {vertical-align:top;}
embed {vertical-align:top;}
a {color:#FFF; text-decoration: none; cursor:pointer; z-index: 2;}
a:hover {color:#333; z-index: 2;}
html {width: 100%; height: 100%;}
* {padding: 0px; margin: 0px; outline: 0 none;}

/* -------------------- general --------------------*/
@font-face {font-family: GothamBook; src: url('Gotham-Book.otf') format('☺'), url('Gotham-Book.otf') format('woff'), url('Gotham-Book.ttf') format('truetype');}
@font-face {font-family: GothamBoldItalic; src: url('Gotham-BoldItalic.otf') format('☺'), url('Gotham-BoldItalic.otf') format('woff'), url('Gotham-BoldItalic.ttf') format('truetype');}
@font-face {font-family: GothamMedium; src: url('Gotham-Medium.otf') format('☺'), url('Gotham-Medium.otf') format('woff'), url('Gotham-Medium.ttf') format('truetype');}
@font-face {font-family: BankGothicMedium; src: url('BankGothicMedium') format('☺'), url('BankGothicMedium.otf') format('woff'), url('BankGothicMedium.ttf') format('truetype');}
p {margin: 0 0 20px 0;}
img{border: 0;}
.float-left {float: left; margin: 0 0 0 20px;}
.float-right {float:right; margin:0 20px 0 0;}
.center {font-size:2.5em; padding: 80px 0; text-align: center;}
body {margin: 0;padding: 0;}
.wrapper {width:100%!important; background:#fff; }
.innerWrapper { padding:0px; width:1310px; margin: 0 auto; height:3800px;background: url(images/bodyBg.jpg) no-repeat top center;}

/*--------- Header -------*/
.text1Header h2{font-family: 'GothamBoldItalic', Arial, sans-serif; font-size:35px; color:#fff; margin-left: 218px; padding: 18px 0px; text-shadow: 0px 2px 2px rgba(150, 150, 150, 5);}
.logo{margin-left: 139px;}
.text4Header h2{font-family: 'BankGothicMedium', Arial, sans-serif; font-size:40px; color:#0e6488; margin-left: 169px;
width: 1000px; margin-top: 29px; text-align: center}
.prodHeader{margin-top: 90px; margin-left: 200px;}
/*--------- Content -------*/
.blueStrip{font-family: 'BankGothicMedium', Arial, sans-serif; font-size: 30px; color: #fff; padding-left:10px; padding-right:10px;  margin-left: 144px; width: 1024px; height: 46px; margin-top: 49px; text-align: center;
background-color: #1d84b0; padding-top: 12px; -webkit-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.22); -moz-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.22); box-shadow: 0px 7px 7px 0px rgba(0,0,0,.40);}
.text1Content h2{font-family: 'GothamBoldItalic', Arial, sans-serif; font-size:36px; color:#000; margin-left: 458px; margin-top:60px;}
.text2Content h2{font-family: 'GothamMedium', Arial, sans-serif; font-size:24px; color:#0d6386; margin-left: 486px; margin-top:36px;}
ul.bulletPoints{font-family: 'GothamBook', Arial, sans-serif; margin-left: -10px; font-size: 24px; padding: 10px 0px; list-style-type: disc; text-align: center; list-style-position: inside; margin-top:15px;}
.text3Content h2{font-family: 'GothamBook', Arial, sans-serif; font-size:34px; color:#000; margin-left: 501px; margin-top:56px;}
.features1{margin-left: 310px; margin-top: 40px;}
.video{margin-top: 24px; margin-left: 230px; margin-bottom: 82px;}
.products{margin: 0 auto; margin-left: 180px;}
.prod{width: 427px; float: left; padding: 27px 25px;}
.details tr:nth-child(odd){background-color:#e5e5e5;}
.details tr:nth-child(even) {background-color:#ffffff;}
.details{width: 427px;}
.details td{font-family: 'GothamBook', Arial, sans-serif; font-size:12px; color:#000; padding:2px;}
.diopters{margin: 0 auto; margin-left: 362px;}
.footerWrapper{width:1310px; height:314px;}
.footer{width: 1024px; margin-top: 30px;}
.text1Footer{font-family: 'GothamBook', Arial, sans-serif; font-size:34px; color:#000; margin-left: 494px; padding-top:96px;}
.walgreensCvsLogo{margin-left:345px; margin-top:30px;}
.text2Footer{font-family: 'GothamBook', Arial, sans-serif; font-size:12px; color:#000; margin-left: 543px; margin-top: 40px;}
.text3Footer{font-family: 'GothamBook', Arial, sans-serif; font-size:10px; color:#000; margin-left: 258px; text-align: center;}
hr {margin-left: 278px; margin-top: 40px;}
.shopNowTop {margin-left: -7px; margin-top: 37px;}

.shopNowBtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #1ab7ea;
	-webkit-box-shadow:inset 0px 1px 0px 0px #1ab7ea;
	box-shadow:inset 0px 1px 0px 0px #1ab7ea;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1ab7ea), color-stop(1, #1ab7ea) );
	background:-moz-linear-gradient( center top, #1ab7ea 5%, #1ab7ea 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ab7ea', endColorstr='#1ab7ea');
	background-color:#1ab7ea;
	text-indent:0;
	border:1px solid #1ab7ea;
	display:inline-block;
	color:#ffffff;
	font-family: 'Futura',Arial,sans-serif;
	font-size: 46px;
	font-weight: bold;
	font-style: normal;
	line-height: 63px;
	width: 310px;
	text-decoration:none;
	text-align:center;
	text-shadow: 0px 2px 1px #000;
-webkit-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.22);
box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.22);
    margin-left: 496px;
    margin-top: 21px;
}

/*.lazy {display: none;}*/