@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.otf') 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:3370px;background: url(images/headerBg.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;}
.logo{margin-left: 139px;}
.text2Header h2{font-family: 'GothamMedium', Arial, sans-serif; font-size:35px; color:#fff; margin-left: 274px;}
.text3Header h2{font-family: 'GothamMedium', Arial, sans-serif; font-size:25px; color:#333; margin-left: 73px; margin-top: 46px;}
.text4Header h3{font-family: 'GothamBook', Arial, sans-serif; font-size:36px; color:#000; margin-left: 324px;}
.prodHeader{margin-left:-139px; margin-top:-91px;}
.text5Header h2{font-family: 'GothamBook', Arial, sans-serif; font-size:22px; color:#000; margin-left: 345px; margin-top:-92px;}
/*--------- Content -------*/
.text1Content h2{font-family: 'GothamBoldItalic', Arial, sans-serif; font-size:36px; color:#000; margin-left: 458px; margin-top:50px;}
.text2Content h2{font-family: 'GothamMedium', Arial, sans-serif; font-size:23px; color:#000; margin-left: 273px; margin-top:36px;}
ul.bulletPoints{font-family: 'GothamBook', Arial, sans-serif; margin-left: 292px; font-size: 24px; padding: 10px 0px; list-style-type: disc;}
.text3Content h2{font-family: 'GothamBook', Arial, sans-serif; font-size:34px; color:#000; margin-left: 501px; margin-top:56px;}
.video{margin-top: 24px; margin-left: 230px; margin-bottom: 50px;}
.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:338px; background: url(images/footer.jpg) no-repeat top center;}
.footer{width: 1024px;}
.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 #e184f3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e184f3;
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff6b00), color-stop(1, #dd5d00) );
	background:-moz-linear-gradient( center top, #ff6b00 5%, #dd5d00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6b00', endColorstr='#dd5d00');
	background-color:#ff6b00;
	text-indent:0;
	border:1px solid #ff6b00;
	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;}*/