@media only screen and (max-device-width: 768px) {
    .container-fluid.content-grid { width: 1030px; }
    #header.container-fluid { width: 1030px; }
    #footer.container-fluid { width: 1030px; }
    #carousel-wrapper { overflow: hidden; width: 100% }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1600px) {
    #carousel-wrapper { overflow: hidden; width: 1024px; }
}

    /* ---  Global Whole-Page Overrides  --- */
#main-container {
	background-color:white;
	width:100%;
	margin:0px auto;	
}

body {
	background-color: #262628;
	font-family: gothic-font;
}

body, .text-link { color: #333335; }

/* ---  Fonts  --- */
@font-face {
    font-family: gothic-font;
    src: url('/National_Library/oe_/https://www.glasses.com/fonts/AlternateGothicNo2-webfont.eot');
    src: url('/National_Library/oe_/https://www.glasses.com/fonts/AlternateGothicNo2-webfont.eot#iefix') format('embedded-opentype'),
         url('/National_Library/oe_/https://www.glasses.com/fonts/AlternateGothicNo2-webfont.woff2') format('woff2'),
         url('/National_Library/oe_/https://www.glasses.com/fonts/AlternateGothicNo2-webfont.woff') format('woff'),
         url('/National_Library/oe_/https://www.glasses.com/fonts/AlternateGothicNo2-webfont.ttf') format('truetype'),
         url('/National_Library/oe_/https://www.glasses.com/fonts/AlternateGothicNo2-webfont.svg#alternate_gothic_fsno_2') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*============================
       Global (generic) Rules
=============================*/

.pointer { cursor: pointer; }
.hidden, .hidex { display: none; }
.valign { vertical-align: middle; display: inline-block; }
.width50 { width: 50%; }
.upper { text-transform: uppercase; }
.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.75); z-index: 900; }
.midText { text-align: center; }
.rightText { text-align: right; }
.small-text { font-size: 12px; }
.w500 { font-weight: 500; }
.favorite_ico {
    background: url("/National_Library/oe_/https://www.glasses.com/images/glasses-rebrand-2015-pdp-ui-sprite.png")no-repeat center;
    background-position: -115px 2px;
    width: 25px;
    height: 25px;
}

body {
    font-family: "Whitney SSm A", "Whitney SSm B", sans-serif !important;
}

.alternate-text {
    font-family: "Gotham SSm B", "Gotham SSm A", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.nav .form-control {
    font-size: 11px;
}

.text-warning {
    color: #EA4B27 !important;
}

/*====================
       Header Rules
=====================*/
header {
    z-index: 10;
    position: relative;
}

header #logo-new img {
	margin: 2px 0 0 -4px;
}

header #top-header-row { font-size: 12px; height: 40px; color: #fff; background: #333 }
header .top-headers.container { background: none repeat scroll 0 0 #333; }
header #second-header-row { height: 59px; padding-top: 9px; }
header #logo-new a {
    background: url('/National_Library/oe_/https://www.glasses.com/images/sprite-glasses-rebrand-2015-home.png') no-repeat 0 0;
    height: 20px;
    width: 155px;
    display: block;
    position: relative;
    top: 7px;
}

#content-container {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin-top: -9px;
    position: relative;
    z-index: 1;
}
header #account-nav { }
header #account-nav li {
	display: inline-block;
	border-left: 1px solid #5C5C5D;
	padding: 0px 17px 0px 17px;
	line-height: 40px;
	font-size: 10px;
    position: relative;
    z-index: 500;
    margin-right: -4px;
}

header #account-nav>ul>li:hover {
	background-color: #3e3e40;
	text-decoration: none;
}

header #account-nav>ul>li:hover .dropdown-menu {
    display: block;
}

header #account-nav>ul>li.open {
    background-color: #eee;
    text-decoration: none;
}

header #account-nav .an-icon {
	margin-bottom: 8px;
}
header #acct-login .login-selection {
    line-height: 2em;
}

header #login-form .login-selection label {
    font-size: 11px;
    font-family: "Gotham SSm B", "Gotham SSm A", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .01em;
    font-weight: normal;
}

header .h-count {
	display: inline-block;
	background-color:  #ff4026;
	width: 18px;
	height: 18px;
	text-align: center;
	margin: 0 1px 0 9px;
	line-height: 19px;
	vertical-align: 9%;
}
header .arrw-down {
    background: url('/National_Library/oe_/https://www.glasses.com/images/sprite-glasses-rebrand-2015-home.png') no-repeat -234px 0;
	display: inherit;
	width: 10px;
	height: 10px;
    margin-left: 3px;
}

header .active .arrw-down {
    background-position: -234px -10px;
}

header #top-left-copy { height: 100%; line-height: 40px; font-family: "Gotham SSm B", "Gotham SSm A", Helvetica, Arial, sans-serif;}
header .header_list > ul {
	margin-right: -50px;
	padding-left: 35px;
}
header .header_list > ul > li:first-child {
	padding-left: 0px;
	margin-left: 0px;
}
header .header_list > ul > li {
	font-weight: bold;
	display: inline-block;
	margin-left: 0px;
	font-size: 12px;
}
header .header_list > ul > li > a {
	display: inline-block;
	padding: 9px 38px 13px 20px;
	font-size: 11px;
	margin-bottom: -1px;
    cursor: pointer;
}
header .header_list > ul > li > a .underline {
	display: inline-block;
	padding-bottom: 2px;
	border-bottom: 2px solid white;
}
header .header_list > ul > li.open > a .underline {
	border-bottom-color: #ff4026;
}
header .header_list > ul > li:last-child > a { padding-right: 0; }
header .header_list li a {
	color: #262628;
    font-family: "Gotham SSm B", "Gotham SSm A";
	letter-spacing: 1px;
}
header .header_list > ul > li > ul a {
	display: block;
	padding: 9px 18px 9px;
	font-size: 11px;
	color: #6d6d6d;
	font-weight: normal;
}
header .header_list > ul > li > ul li.dark > a {
	background-color: #515151;
	color: #fff;
	border-top: 1px solid rgba(255,255,255,0.85);
}
header .header_list > ul > li > ul a:hover, header .header_list > ul > li > ul a:focus { background-color: #eee; color: #333; }
header #main-menus .dropdown-menu, header #search .dropdown-menu {
    border: 1px solid #ccc;
	border-top: 0px;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	padding: 0;
	top: 39px;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

#account-nav .dropdown-menu > li > a {
    color: #333;
}

header #main-menus ul {
    margin-bottom: 0px; /*bootstrap has a default bottom margin on uls*/
}
header #details { color: #5C5C5D; border-bottom: 1px solid #5c5c5d; }
header #details:hover { color: #ff4026; border-bottom: 1px solid #ff4026; text-decoration: none; }
header #search { text-align: right; }
header #search .search-input {
	width: 176px;
	height: 30px;
	font-size: 10px;
	padding-left: 8px;
	background: url(/National_Library/oe_/https://www.glasses.com/images/search-eyeglass-icon.png) no-repeat 153px 6px;
    border: 1px solid #ccc;
}

.clear { clear:both; }

#account-nav ul {
    overflow: visible;
    margin: 0;
}
#account-nav ul.dropdown-menu.insurance { width: 218px; padding: 15px 0;}
#account-nav ul.signin { width: 300px; }
#account-nav ul.dropdown-menu {
    left: auto;
    right: 0;
    border: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    background: #eee;
}
#account-nav ul.dropdown-menu li {
    z-index: 500;
    background-color: #EEEEEE;
    color: #333335 !important;
    padding: 15px 25px;
    text-align: left;
    font-family: "Gotham SSm B", "Gotham SSm A";
    cursor: default;
    border: 0 none;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
}

#account-nav ul.dropdown-menu li a {
    height: 100%;
    width: 100%;
    display: block;
}

#account-nav ul.dropdown-menu li a:hover {
    text-decoration: underline;
}

#account-nav ul.dropdown-menu.insurance li {
    line-height: 11px;
}

#account-nav ul.dropdown-menu.insurance li .splitter {
    border-top: 1px solid #ccc;
    margin-bottom: 10px;
    margin-top: -10px;
    background: transparent;
}

#account-nav ul.dropdown-menu li form {
    display: inline;
}
#account-nav ul.dropdown-menu li.vto-on-off {
    padding:4px 0 0 25px;
}
#account-nav ul.dropdown-menu li.vto-on-off .vto-switch {
    position:absolute;
    right:25px;
    top:0;
}
#account-nav ul.dropdown-menu li input.obu_switch {
    display: inline-block;
    height: 22px;
    width: 44px;
    margin-left: 6px;
    background: url('/National_Library/oe_/https://www.glasses.com/images/obu_switch.png') no-repeat -59px -5px;
    text-indent: -999px;
    border: 0 none;
}
#account-nav ul.dropdown-menu li input.obu_switch.obu_off { background-position: -5px -5px;}

#navigation-flyouts { right: 172px; width: 300px; cursor:default; }
#account-flyout { right: 170px; width: 220px; position: relative; }

#account-nav ul.dropdown-menu li .signout {
    border-top: 1px solid #ccc;
    padding-top: 15px;
    margin-top: -10px;
}


.myvto-switch{
    cursor:pointer;
    width:47px;
    height:29px;
    position:relative;
    display:inline-block;
}
.vto-switch{position:relative;}
.vto-switch>span{ position:absolute; top:0; left:75px; line-height:23px; font-weight: bold; font-size: 11px; }

.myvto-3d-txt{float:left;}
.fs-on{background: url('/National_Library/oe_/https://www.glasses.com/images/vto/vto_on.png') no-repeat 0 50%;}
.fs-off{background: url('/National_Library/oe_/https://www.glasses.com/images/vto/vto_off.png') no-repeat 0 50%;}

.vto_off, .vto_on {
    font-size: 9px;
    color:white;
    position: absolute;
    padding: 0 !important;
    line-height: 23px !important;
}
.myvto-switch .vto_on { left: 4px; }
.myvto-switch .vto_off { right: 1px; }


.nav .flyout-label {
	font-family: gothic-font;
	font-size: 22px;
    letter-spacing: .1em;
	font-weight: normal;
	border-bottom: 1px solid #cccccc;
	margin: 0 0 10px;
}

.nav form { margin: 10px 0 0; }

.nav input[type="text"], .nav input[type="password"] {
	margin: 0 0 10px;
}

.nav label { color: #333335; }

.nav #forgot-pass {
	font-size: 11px;
	color: #9b9b9b;
	text-decoration: underline;
	margin: 0 0 10px;
	cursor: pointer;
    font-family: "Whitney SSm A", "Whitney SSm B";
}

.nav #sign-in-btn button, #rx-box-innerWrap button {
	display: block;
	border: none;
	height: 40px;
	background-color: #FD3F26;
	color: #ffffff;
	font-size: 11px;
    letter-spacing: 1px;
    font-weight: bold;
}

.nav #sign-in-btn button:hover {
    background-color: #db3321;
}

.g_button {
    display: inline-block;
    border: none;
    height: 40px;
    background-color: #ccc;
    color: #333;
    font-size: 12px;
    line-height: 40px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    font-family: "Gotham SSm B", "Gotham SSm A", Helvetica, Arial, sans-serif;
    text-align: center;
}

.g_button:hover {
    cursor: pointer;
    text-decoration: none;
}

.g_button.action {
    background-color: #fd3f26;
    color: #fff;
}

.g_button.cancel {
    background-color: #6d6d6d;
    color: #fff;
}

#product-detail-ng-app {
    z-index: 1;
    position: relative;
}

#newsletter-wrap { margin: 0 0 10px; }
#newsletter-wrap input, #newsletter-wrap label { margin: 0; }
#newsletter-wrap label { font-size: 11px; }

#forgot-pass-form .flyout-label {
    line-height: 30px;
}

#forgot-pass-form p {
    font-family:  "Whitney SSm A", "Whitney SSm B";
    font-size: 10px;
    line-height: 12px;
}

/*#forgot-password button {*/
	/*width: 120px;*/
	/*height: 40px;*/
	/*border: none;*/
	/*color: #ffffff;*/
	/*background-color: #FD3F26;*/
	/*text-transform: uppercase;*/
	/*font-size: 11px;*/
	/*letter-spacing: 2px;*/
/*}*/
/*#forgot-password button.cancel_reset { margin-left: 5px; background-color: #9b9b9b; }*/
/*#forgot-password p { font-size: 10px; }*/

#account-nav {font-family: "Gotham SSm B", "Gotham SSm A", Helvetica, Arial, sans-serif }

#account-nav .nav li.open a { color: #333335; }
#account-li.active a { color: #333335; }
#account-nav ul li a {
    display: inherit;
    text-transform: uppercase;
    color: #fff;
    /*font-size: 11px;*/
    font-weight: normal;
    padding: 0;
    background: transparent;
}

#account-nav ul li a:hover {
    background: transparent;
}

#account-nav ul li a #sign-ico {
    background: url('/National_Library/oe_/https://www.glasses.com/images/sprite-glasses-rebrand-2015-home.png') no-repeat -195px 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
    position: relative;
    top: 4px;
}

#account-nav ul li.open a #sign-ico { background-position: -212px 0; }
#account-nav ul li.open a .arrw-down { background-position: -234px -10px; }

#signin-li.active #sign-ico {
    background-position: -212px 0;
}

.cart-link i.cart {
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url('/National_Library/oe_/https://www.glasses.com/images/sprite-glasses-rebrand-2015-home.png') no-repeat -246px 0;
    position: relative;
    top: 4px;
}

#pop_promo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 565px;
	min-height: 175px;
	z-index: 950;
	background: #ffffff;
}
#pop_promo .exit { position: absolute; top: 6px; right: 8px; cursor: pointer;}
#pop_promo .pop_title {
	height: 40px;
	line-height: 40px;
	background-color: #EEEEEE;
	padding: 0 20px;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 700;
}
#pop_promo .pop_content {
	padding: 10px 20px 0;
	font-size: 12px;
	line-height: 21px;
	font-weight: 500;
}

#account-li.active #account-flyout { display: block; }

#account-flyout ul { padding: 0; overflow: visible; }
#account-flyout ul li { display: block; border: none; padding: 0; margin: 0 0 7px; }
#account-flyout-close { position: absolute; top: 6px; right: 8px; color: #FD3F26; cursor: pointer; }


#verify-account p {
    line-height: 1.5em;
}

#search #search-results.dropdown-menu {
	background: #fff url(/National_Library/oe_/https://www.glasses.com/images/pred-search-flyout-bg.png) no-repeat;
	width: 250px;
	left: -10px;
	top: 32px;
	padding-top: 8px;
	border-left: none;
    border-right: none;
}
#search-results a {
	display: block;
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	height: 40px;
	padding: 13px 5px 1px 85px;
	background-position: -274px -12px;
	color: #262628;
    font-family: "Gotham SSm B", "Gotham SSm A";
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 11px;
	border-left: 1px solid rgba(0,0,0,0.15);
	border-right: 1px solid rgba(0,0,0,0.15);
}
#search-results a.hover, #search-results a:hover {
	/*background-position: -4px -12px;*/
    background-color: #ccc;
}

.product-tile-pagination {
    height:30px;
    position:relative;
}
ul.display-count, ul.page-count {
    position:absolute;
    top:24px;
    left:0;
    float:left;
    list-style-type:none;
}
ul.display-count-top {
    left:308px;
}
ul.display-count-bottom {
    left:-40px;
}
ul.page-count {
    left:auto;
    right:34px;
}
ul.display-count li, ul.page-count li {
    display:inline-block;
    margin:0 6px 0 0;
    font-size:12px;
    font-family: "Gotham SSm B", "Gotham SSm A";
    text-transform: uppercase;
    color:#6D6D6D;
}
ul.display-count li a, ul.page-count li a {
    color:#6D6D6D;
    text-decoration:none;
    cursor:pointer;
}
ul.display-count li a:hover, ul.page-count li a:hover, ul.display-count li a:active, ul.page-count li a:active {
    color:#333;
}
ul.display-count li a.active, ul.page-count li a.active {
    color:#333; font-weight:bold;
}


#account-nav .cart-link { padding-right: 0;}
#account-nav .cart-link a { color: #ffffff;text-decoration: none; }

#carousel-wrapper { margin: 0 auto; position: relative }
#carousel-wrapper .home_page_module { width: 100% }
#carousel-wrapper .container { position: relative; }
.carousel-button { height: 30px; width: 30px; display: block; position: absolute; z-index: 100; top: 200px }
#carousel-prev.light { background: url('/National_Library/oe_/https://www.glasses.com/images/sprite-glasses-rebrand-2015-home.png') no-repeat -143px -50px; left: 0 }
#carousel-prev.light:hover { background-position: -178px -50px }
#carousel-prev.dark { background: url('/National_Library/oe_/https://www.glasses.com/images/sprite-glasses-rebrand-2015-home.png') no-repeat 0 -50px; left: 0 }
#carousel-prev.dark:hover { background-position: -35px -50px }
#carousel-next.light { background: url('/National_Library/oe_/https://www.glasses.com/images/sprite-glasses-rebrand-2015-home.png') no-repeat -212px -50px; right: 0 }
#carousel-next.light:hover { background-position: -247px -50px }
#carousel-next.dark { background: url('/National_Library/oe_/https://www.glasses.com/images/sprite-glasses-rebrand-2015-home.png') no-repeat -71px -50px; right: 0 }
#carousel-next.dark:hover { background-position: -106px -50px }

.trending_mosaic .col-xs-4 { margin: 0; padding: 0 }
.mosaic { position: relative; overflow: hidden; height: 256px; }
.mosaic .divider { content:"\2014"; position: absolute; top: 48%; text-align: center; width: 101.5%; height: 22px; display: block; font-size: 24px; z-index: 200; background: url('/National_Library/oe_/https://www.glasses.com/images/mosaic-divider.png') no-repeat 50% 50%}
.mosaic .blur { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; height: 104%; width: 104%; margin: -2%; -webkit-font-smoothing: subpixel-antialiased; -webkit-transform: translate3d(0,0,0); }
.mosaic h2 { font-size: 29px; font-family: "Gotham SSm B", "Gotham SSm A", Helvetica, Arial, sans-serif; font-weight: 700; position: absolute; text-transform: uppercase; letter-spacing: .15em; position: absolute; text-align: center; width: 101.5%; top: 25%; z-index: 200}
.mosaic h3 { font-size: 22px; font-family: "gothic-font", Helvetica, Arial, sans-serif; position: absolute; text-transform: uppercase; letter-spacing: .15em; position: absolute; text-align: center; width: 101.5%; bottom: 25%; z-index: 200}

#featured_products_header { text-align: center; height: 90px; display: block; position: relative }
#featured_products_header span { font-family: "gothic-font", Helvetica, Arial, sans-serif; font-size: 22px; color: #231f20; text-transform: uppercase; line-height: 80px; letter-spacing: .15em; background: #fff; z-index: 200; position: relative; padding: 10px; }
#featured_products_header hr { position: absolute; top: 20%; width: 100%; z-index: 199; border-color: #ccc }
#featured_products_nav { position: relative; top: 45px; width: 1030px; height: 25px; display: block; margin-top: -25px; }
#featured_products_nav span { cursor: pointer; display: block; height: 25px; margin-bottom: -20px; width: 15px;}
#featured_products_nav_left { background: url('/National_Library/oe_/https://www.glasses.com/images/sprite-glasses-rebrand-2015-home.png') no-repeat -198px -21px; position: absolute; left: 0 }
#featured_products_nav_left:hover { background-position: -214px -21px; }
#featured_products_nav_right { background: url('/National_Library/oe_/https://www.glasses.com/images/sprite-glasses-rebrand-2015-home.png') no-repeat -230px -21px; position: absolute; right: 0 }
#featured_products_nav_right:hover { background-position: -245px -21px }
#featured_products { margin: 0 50px; padding: 0; width: 924px; overflow: hidden; }
#featured_products_slider { margin: 0; padding: 0; height: 130px; position: relative; display: block; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
#featured_products .product { float: left; width: 185px; text-align: center; list-style: none; height: 130px; clear: right; }
#featured_products .product img { width: 130px }
#featured_products .product a { font-family: "Gotham SSm B", "Gotham SSm A", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; letter-spacing: .2em; text-transform: uppercase; color: #47474b }
#featured_products .product a:hover { color: #ff4026; text-decoration: none}

.evergreen-mosaic { margin-top: 20px; }
.evergreen-mosaic .image-text-link { position: relative; text-align: center; }
.evergreen-mosaic .image-text-link .link { position: absolute; bottom: 25px; left: 25px; width: 100%; text-align: left; display: block; }
.evergreen-mosaic .image-text-link a { font-family: "Gotham SSm B", "Gotham SSm A", Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 12px; padding-bottom: 1px; letter-spacing: .1em }
.evergreen-mosaic .image-text-link a:hover { text-decoration: none }

.home-grid-1-1-1-headers { margin: 40px 0 20px; }
.headers-details-link { cursor:pointer; }
.headers-details { text-align: center; border-right: 1px solid #ccc; height: 200px; position: relative; }
.headers-details a { display: block; left: 0; position: absolute; top: 0; height: 100%; width: 100%; }
.headers-details-link:hover { text-decoration: none; }
.last .headers-details { border-right: 0 none; }
.headers-details h2 { font-family: "Gotham SSm B", "Gotham SSm A", Helvetica, Arial, sans-serif; font-weight: 200; font-size: 37px; text-transform: uppercase; letter-spacing: .1em; color: #333335; margin: 0; padding: 40px 0 0; }
.headers-details h3 { font-family: "Gotham SSm B", "Gotham SSm A", Helvetica, Arial, sans-serif; font-size: 17px; text-transform: uppercase; letter-spacing: .1em; color: #333335; margin: 0; padding: 6px 0 0; height: 100%; width: 100%; position: absolute; top: 0; padding: 85px 0 0}
.headers-details h3:hover { color: #ff4026 }
.headers-details p { font-family: "Whitney SSm B", "Whitney SSm A", Helvetica, Arial, sans-serif; font-size: 12px; padding: 35px 25px 0; color: #333335; margin: 0; }

.brand-strip { margin: 22.5px 0; height: 65px; width: 100%; display: block; text-align: center;}
.brand-strip a { height: 65px; width: 170px; display: block; line-height: 65px; font-family: "Gotham SSm B", "Gotham SSm A", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #a0a0a0; text-transform: uppercase; letter-spacing: .03em }
.brand-strip a:hover { background-position: 100% 0; }
.brand-strip a.all_brands:hover { text-decoration: none; }
.brand-strip .all_brands span { border-bottom: 1px solid #a0a0a0; }
.brand-strip .all_brands:hover span { border-color: #333; color: #333; text-decoration: none; }


/*== Grid ==*/
#grid_section {
    padding: 0px;
}
#grid_section .main_grid_row {
    margin-bottom: 4px;
}
#grid_section .main_grid_block {
    display: inline-block;
    margin-right: 4px;
}
#grid_section .main_grid_block.last {
    margin-right: 0px;
}
#grid_section .simple-header-copy { text-align: left; }
#grid_section .simple-header-copy h3 {
    /*font-family: 'museo_slab_500', Geneva, serif;*/
    font-family: gothic-font;
    font-size: 50px;
    line-height: 0.9em;
    color: #000;
    text-transform: uppercase;
}
#grid_section .simple-header-copy p {
    line-height: 1.6em;
    font-size: 14px;
    width: 100%;
    margin-top: 27px;
    color: #000;
    margin-bottom: 35px;
}
#grid_section .wide-tile .simple-header-copy p {
    line-height: 1.6em;
    font-size: 16px;
}

#grid_section .featured-prod.featured-six .simple-header-copy p,
#grid_section .featured-prod.featured-six .simple-header-copy h3 {
    text-align: center;
}

#grid_section .section_separator {
    margin: 60px 0 66px;
    border-bottom: 1px solid #b8b8b8;
}


#grid_section .featured-prod.featured-six .simple-header-copy p {
    font-size: 14px;
    padding: 0;
    width: inherit;
    margin-bottom: 0px;
    margin-top: 24px;
    line-height: 17px;
}
#grid_section .featured-prod.featured-six ul {
    list-style: none;
    width: 100%;
    margin-top: 16px;
    padding: 0px;
}
#grid_section .featured-prod.featured-six ul li {
    display: inline-block;
    vertical-align: top;
    margin: 11px 5px;
    width: 182px;
    height: 90px;
    text-align: center;
}
#grid_section .featured-prod.featured-six ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 12px;
    color: #333335;
}

#grid_section .featured-prod.featured-six ul li a div {
    height: 50px;
}

#grid_section .featured-prod.featured-six ul li a label {
    display: block;
    margin-top: 6px;
}
#grid_section .featured-prod.featured-six .cta-section {
    margin-top: 38px;
    margin-bottom: 4px;
    text-align: center;
}

#grid_section .cta-section a,
#grid_section .featured-prod.featured-six .cta-section a {
    color: #000;
    text-transform: uppercase;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    border-bottom: 2px solid #ef4a39;
    font-weight: 700;
    font-size: 13px;
    padding-bottom: 4px;
}

#grid_section .featured-prod.featured-six .cta-section a:hover {
    text-decoration: none;
}


.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

/*== ==*/
.home_page_module{position:relative;}
#carousel .home_page_module{height:auto;}
#homepage_women.home_page_module{background: url('/National_Library/oe_/https://www.glasses.com/images/update/womens_section_bg-big.jpg') center top no-repeat;}
#homepage_men.home_page_module{background: url('/National_Library/oe_/https://www.glasses.com/images/update/mens_section_bg-big.jpg') center top no-repeat;}
.home_page_module.specialty{background: url('/National_Library/oe_/https://www.glasses.com/images/update/specialty_bg.jpg') repeat-x;height: 340px;padding: 50px 0px;}

.specialty_content_title {
    font-family: 'museo_slab_300';
    font-size:38px;
    color:#5f5363;
    padding: 0px 0px 36px 2px;
    margin-top: 13px;
}

.specialty_content{width: 100%;background:#fff;}
.specialty_content ul{text-align: center;background:white;overflow:hidden;clear:both;padding: 0px 15px 0px 16px;}
.specialty_content ul li{width: 313px;padding: 5px;display: inline;float:left;}
.specialty_content ul li div.specialty_title{font-family: 'museo_slab_500';font-size:21px;text-align: left;margin: 9px 0px 15px 1px;}
.specialty_content ul li div.specialty_title a{color:#3f5363;}
.specialty_content ul li div.specialty_link{font-family: 'museo_slab_300';	font-size:16px;	text-align: left;	margin: 12px 0px 5px 2px;}
.specialty_content ul li div.specialty_link a:after {	content: "";background: url('/National_Library/oe_/https://www.glasses.com/images/update/main_sprite.png?v=2') no-repeat -22px -113px;width: 15px;height: 15px;display: inline-block;vertical-align: middle;}
.specialty_content ul li div.specialty_link a{color:#56a0d3;}
.banner{height: 635px;top: 0;left: 0;}
.banner_image{
    width: 1000px;
    position: absolute;
    top: 0px;
    /*margin-left: auto;
    margin-right: auto;*/
}
.home_page_module .row > div{position: relative;}

.drawer .banner_image {
    margin-left: auto;
    margin-right: auto;
}

/*== Luxury Hero ==*/
.luxury-hero.container {
    width: 100%;
    overflow: hidden;
    display: none;
}

.luxury-hero.container.active {
    display: block;
}

.luxury-hero .luxury-hero-main {
    width: 1000px;
    overflow: hidden;
    margin: 0px auto;
    margin-top: 33px;
}
.luxury-hero { display: none; }
.luxury-hero.active { display: block; }
.luxury-hero .luxury-auth-retailer { float: right; width: 129px; color: #333; display: none; }
.luxury-hero .luxury-hero-breadcrumb {
    padding: 13px 0px 10px;
    width: 1000px;
    margin: 0px auto;
}

.hero-breadcrumb ul,
.luxury-hero-breadcrumb ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.breadcrumb-box {
    border-top: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
    margin-bottom: 5px;
    padding: 8px 0px 5px;
}

.hero-breadcrumb ul > li,
.luxury-hero-breadcrumb ul > li {
    font-family: "GothamSSm A", "GothamSSm B", sans-serif;
    float: left;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    margin: 0px;
}

.hero-breadcrumb ul > li a,
.luxury-hero-breadcrumb ul > li a {
    font-weight: 400;
    color: #000;
    text-decoration: none;
}

.hero-breadcrumb ul.on-dark > li,
.luxury-hero-breadcrumb ul.on-dark > li {
    color: #fff;
}

.hero-breadcrumb ul.on-dark > li a,
.luxury-hero-breadcrumb ul.on-dark > li a {
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}

.hero-breadcrumb ul > li:after,
.luxury-hero-breadcrumb ul > li:after {
    content: '\00a0\00a0\00a0\00a0/\00a0\00a0\00a0\00a0';
}

.hero-breadcrumb ul > li:last-child:after,
.luxury-hero-breadcrumb ul > li:last-child:after {
    content: '';
}

.luxury-tabs { text-align: center; margin-top: 25px; }
.luxury-tabs ul, .luxury-tabs li { display: inline-block; }
.luxury-tabs li {
    background-color: rgba(255,255,255,1);
    padding: 17px 24px;
    margin-right: 7px;
    /*font-family: 'museo_slab_500', Geneva;*/
    font-family: "Gotham SSm B", "Gotham SSm A", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
}
.luxury-tabs .transparent { background-color: transparent !important; }
.luxury-tabs .shop.transparent.active { background-color: #EEEEEE !important; }
.luxury-tabs .explore.transparent.active { background-color: #ffffff !important; }
.luxury-tabs li.shop { color: #000000; background-color: #EEEEEE; }
.luxury-tabs li.explore { color: #000000; background-color: #ffffff; }
.luxury-tabs li:hover{cursor: pointer;}
.luxury-tabs li:last-child { margin-right: 0; }
.luxury-tabs li.active {  color: #3f5363; }
.luxury-tab-content { display: none; padding-top: 10px; }
.luxury-tab-content.active { display: block; }

.hero-breadcrumb-container {
    border-bottom: 1px solid #a2a2a2;
    border-top: 1px solid #ababab;
    padding: 12px 0px 9px;
    background: #fff;
}

.hero-breadcrumb {
    margin-top: 0px;
    font-size: 13px;
    width: 1000px;
    margin: 0px auto;
}

.hero-breadcrumb a {
    text-transform: uppercase;
    color: #000;
}

.pcp_breadcrumbs{
    color: #000000;
    font-size: 12px;
    z-index: 2;
    background: #fff;
    border-top: 1px solid #7c7c7f;
    border-bottom: 1px solid #7c7c7f;
    line-height: 30px;
    height: 30px;
    font-family: "Gotham SSm B", "Gotham SSm A", Helvetica, Arial, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}

.pcp_breadcrumbs .bc_spacer{
    padding: 0 6px;
}

.pcp_breadcrumbs a,
.pcp_breadcrumbs a:visited {
    color: #000000;
    font-weight: normal;
}


/*===== Vertical Drawer Rules =====*/
.drawer .home_page_module.active { display: block; }
.drawer .home_page_module { display: none; }
#vert-drawer, .vert-wrap .drawer { float: left; vertical-align: top; }
#vert-drawer {
    display: table;
    table-layout: fixed;
    width: 196px;
    height: 385px;
    padding:0;
    margin:0;
    color: #898B8C;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, #42484C),
            color-stop(1, #202224)
    );
    background-image: -moz-linear-gradient(bottom, #42484C 0%, #202224 100%);
    background-image: -webkit-linear-gradient(bottom, #42484C 0%, #202224 100%);
    background-image: linear-gradient(to bottom, #42484C 0%, #202224 100%);
}
.vert-wrap {
    width: 1000px;
    height: 385px;
    overflow: hidden;
    margin-top: 20px;
    margin-right: 0;
}

#vert-drawer li {
    display: table-row;
    font: 15.5pt museo_slab_300;
    line-height: 21px;
    cursor: pointer;
}
#vert-drawer li.active { color: #FFFFFF; }
#vert-drawer .drawer-title {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #000;
}
#vert-drawer + .drawer .banner_image {
	width:804px;
	background:#000;
}

#vert-drawer + .drawer .banner_image img {
	width:804px;
	height:385px;
	padding:0;
	margin:0;
}

.tabbed-title {
    color: #275e8c;
    font-family: gothic-font, sans-serif;
    font-size: 50px;
    padding: 17px 0px 12px;
}
.tabbed-breadcrumb {
    margin-top: 23px;
    font-size: 13px;
}
/*==== End Vertical Drawer Rules =====*/


/* Bootstrap modifications to compensate for design specifications */
.col-md-6-gutter-25 {
}

.col-md-6-gutter-25:first-child {
    padding-right: 15px;
}

.col-md-6-gutter-25:last-child {
    padding-left: 15px;
}

/*===============   BEGIN FOOTER  ===============*/

/* Add Bootstrap styles for five column layout */

.col-xs-fifth,
.col-sm-fifth,
.col-md-fifth,
.col-lg-fifth {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-fifth {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-fifth {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-fifth {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-fifth {
        width: 20%;
        float: left;
    }
}

#footer { background-color: #ECECEC; margin-top: 20px; font-family: "Gotham SSm B", "Gotham SSm A"; text-transform: uppercase; }
#footer .footer_row { margin: 30px 0px 26px 0px; }
#footer .footer_menu { border-top: 1px solid #ccc; padding-top: 20px; }
#footer span { color: #262628; font-size: 14px; font-weight: bold; }
#footer a { color: #777779; }
#footer a:hover { color: #FD4026; }
#footer .newsletter_signup { width: 65%; float: left;}
span.inputHint { color: #262628 !important; }
#footer input.subscribe {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: inline;
    width: 198px;
    border: none;
    border-bottom: 1px solid #262628;
    outline: none;
    -webkit-appearance: none;
    background: inherit;
    color: #262628;
    text-indent: 0px;
    font-size: 11px;
    font-weight: bold;
    margin-left: 23px;
    height: 17px;
    box-shadow: none;
}
#footer input.subscribe:active,
#footer input.subscribe:focus {
    outline: none;
    box-shadow: none;
    border-bottom: 1px solid #FD4026;
}
#footer #newsletter span.inputHint { margin: 0px -1px 0px 5px; }
#footer .signup_button { display: table; }
#footer .newsletter {  color: #262628; font-size: 11px; font-weight: bold; background: inherit; border: 1px solid #262628; height: 30px; width: 88px; text-align: center; padding-top: 7px; margin-left: 4px; cursor: pointer; }
#footer .signUpResponse { color: #FD4026; }
#footer .newsletter:hover { background-color: #333335; color: #ffffff; }
#footer .social { padding: 6px 0 0 2px; }
#footer .social a img { width: 22px; height: 22px; }
#footer a img.facebook { background: url('/National_Library/oe_/https://www.glasses.com/images/rebrand2015/facebook.png') no-repeat center center; }
#footer a img.instagram { background: url('/National_Library/oe_/https://www.glasses.com/images/rebrand2015/instagram.png') no-repeat center center; }
#footer a img.twitter { background: url('/National_Library/oe_/https://www.glasses.com/images/rebrand2015/twitter.png') no-repeat center center;}
#footer a img.youtube { background: url('/National_Library/oe_/https://www.glasses.com/images/rebrand2015/youtube.png') no-repeat center center;}
#footer a img.pinterest { background: url('/National_Library/oe_/https://www.glasses.com/images/rebrand2015/pinterest.png') no-repeat center center;}
#footer a img.facebook:hover { background: url('/National_Library/oe_/https://www.glasses.com/images/rebrand2015/facebook_hover.png') no-repeat center center;}
#footer a img.instagram:hover { background: url('/National_Library/oe_/https://www.glasses.com/images/rebrand2015/instagram_hover.png') no-repeat center center;}
#footer a img.twitter:hover { background: url('/National_Library/oe_/https://www.glasses.com/images/rebrand2015/twitter_hover.png') no-repeat center center;}
#footer a img.youtube:hover { background: url('/National_Library/oe_/https://www.glasses.com/images/rebrand2015/youtube_hover.png') no-repeat center center;}
#footer a img.pinterest:hover { background: url('/National_Library/oe_/https://www.glasses.com/images/rebrand2015/pinterest_hover.png') no-repeat center center;}
#footer .social { }
#footer .social ul { display: inline; padding-left: 18px; position: relative; top: -5px;}
#footer .social li { display: inline; list-style-type: none; padding-right: 5px;}
#footer .footer_nav { text-transform: capitalize;}
#footer .nav_category { font-size: 14px; font-weight: bold; }
#footer .nav_category a { color: #262628; text-decoration: none; }
#footer .nav_category a[href]:hover { text-decoration: underline; }
#footer .footer_nav ul { list-style-type: none; padding: 10px 0 0 0; font-family: "Whitney SSm A", "Whitney SSm B", Helvetica, Arial, sans-serif;}
#footer .footer_nav li { padding: 2px 0 4px 0; font-size: 11.5px;}
#footer .copyright { display: inline-block; width: 100%; height: 40px; margin-top: 20px; background-color: #333335; color: #777779; padding-top: 13px; font-size: 11px; position: relative; top: 5px;}
/*===============   END FOOTER  ===============*/

.modal-windows{display: none}

.modal-header {
    padding: 15px 15px 10px !important;
}

.modal-title {
    font-family: "Gotham SSm B", "Gotham SSm A", Helvetica, Arial, sans-serif;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;}
#cboxWrapper {max-width:none;}
#cboxContent { font-family: "Whitney SSm A", "Whitney SSm B"; font-size: 12px; color: #000; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#333333;}
#colorbox{outline:0;}
#cboxContent{overflow:visible; background:#FFF;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#FFF; padding:55px 15px 15px 15px; font:12px normal "Whitney SSm B", Arial, sans-serif; line-height:24px;}
#cboxLoadedContent .image-left img { display:block; float:left; margin:0 15px 15px 0; }
#cboxLoadedContent .image-right img { display:block; float:right; margin:0 0 15px 15px; }
#cboxLoadedContent .image-left .image-text-container { display:block; margin-bottom:15px; }
#cboxLoadingGraphic{background:url(/National_Library/oe_/https://www.glasses.com/images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:transparent;}
#cboxTitle{position:absolute; top:0; left:0; width:100%; background:#EEE; color:#0A090B; font:normal 20px gothic-font, sans-serif; text-transform:uppercase; line-height:40px; text-indent:15px; letter-spacing: .05em}
#cboxCurrent{position:absolute; top:0; right:205px; text-indent:-9999px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:60px; height:20px; position:absolute; top:10px;}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{right:0; top:0; width:40px; height:40px; background:transparent url(/National_Library/oe_/https://www.glasses.com/images/close.png) no-repeat center center; text-indent:-9999px; z-index:10001;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
#cboxWrapper { background: #FFFFFF !important;}

/*//remove black line on /virtual-try-on system requirements modal*/
#cboxLoadedContent > #device-requirements + iframe {display: none!important;}

.g_breadcrumb {width:100%; height:29px; background:#EEE; border-top:1px solid #DDD; border-bottom:1px solid #DDD;}
.g_breadcrumb nav {width:1030px; margin:auto;}
.g_breadcrumb nav, .g_breadcrumb nav a {color:black; font:normal 11px "Gotham SSm A", "Gotham SSm B", sans-serif; text-transform:uppercase; text-decoration:none; line-height:29px; }
.g_breadcrumb nav a:first-child { padding-left:6px; }
.g_breadcrumb nav .breadcrumb-current {font-weight:bold;}

.g_link, .g_link:visited {
    color: #000;
    outline: none;
    text-decoration: none;
    border-bottom: 2px solid #ff4026;
    text-transform: uppercase;
    font-family: "Gotham SSm B", "Gotham SSm A", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: bold;
}

.g_link:link {
    text-decoration: none;
}

.g_link:hover, .g_link:active {
    color: #db3321;
    text-decoration: none;
}

a.u {
    text-decoration: underline;
}

.g_link-alt {
    color: #6d6d6d;
    cursor: pointer;
}

.g_link-normal {
    color: #333;
    cursor: pointer;
    text-decoration: underline;
}

.btn {
    /* once bootstrap comes before global.css (if it's ever possible), remove the !important */
    text-transform: uppercase !important;
    font-family: "Gotham SSm B", "Gotham SSm A", Helvetica, Arial, sans-serif !important;
    font-size: 12px;
    padding: 8px 16px !important;
    height:40px;
    letter-spacing: 0.1em !important;
    /*max-height: 34px;*/
}

.btn.btn-cancel {
    background: #9b9b9b;
    color: #fff;
}

a.btn.btn-cancel:hover,
.btn.btn-cancel:hover {
    color: #fff;
    background: #999 !important;
}

.btn.btn-alt {
    border: 2px solid #000;
    background: transparent;
    font-weigh: 700;
    padding-bottom: 24px !important;
}

.btn.btn-alt:hover {
    border-color: #ff4026;
}

.btn.btn-175 {
    min-width: 175px;
}

.btn.btn-250 {
    width: 100%;
    max-width: 250px;
}

.btn.btn-2up {
    width: calc(50% - 2px);
}

.form-control:focus {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: 0 !important;
    border-color: #999 !important;
}


.detail_section_wrap {background:#EEEEEE; border-top:1px solid #E5E5E5;}

.option-title {color:black; font:bold 11px "Gotham SSm A", "Gotham SSm B", sans-serif; text-transform:uppercase; padding:17px 0 6px 0; margin-top: 0}
ul.option-list {list-style-type:none; margin:0; padding:0;}
ul.option-list li {margin:0; padding:0 0 0 15px; line-height:12px; color:black; font:normal 12px "Whitney SSm A", "Whitney SSm B", sans-serif; background:url(/National_Library/oe_/https://www.glasses.com/images/bullet-product.gif) no-repeat 1px 6px;}

.dropdown_swatch {display:inline-block; width:34px; height:17px; overflow:hidden; float:left; margin:11px 0 0 13px; }
.dropdown_swatch span {display:block; max-height:17px; overflow:hidden; margin:-12px 0 0 -6px!important; height:28px; width:48px; /*zoom:4;*/ -webkit-transform:scale(4); transform:scale(4); -moz-transform:scale(4); transform-origin:6px 11px 0; -moz-transform-origin:6px 11px 0; -webkit-transform-origin:6px 11px 0; }
.ds-align {float:left; margin:0;}
.swatch, .l-swatch {width:23px; height:23px; overflow:hidden; float:left; cursor:pointer; background-image:url('/National_Library/oe_/https://www.glasses.com/images/pcp/pcp_filter_sprite.png?v=2014-12-12'); }

.fake_select_holder, .fake_select li {text-transform:uppercase; height:40px; width:280px; line-height:38px; position:relative; font:bold 11px "Gotham SSm A", "Gotham SSm B", sans-serif;}
.fake_select {position:absolute; padding:0; margin:0; display:none; list-style:none; top:0; left:0; width:280px; border:solid 1px #A9A9A9; max-height:200px; overflow:auto; overflow-x:hidden; z-index:15;}
.fake_select li a, div.fake_select_activate a {display:block; position:relative; line-height:38px; height:40px; width:280px; text-indent:10px; color:black; background:white; text-decoration:none;}
.fake_select_activate {display:block; position:absolute; top:0; left:0; width:280px; height:40px; color:#787878; border:solid 1px #A9A9A9; line-height:38px; text-decoration:none; text-transform:uppercase; outline:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index:2;}
.fake_select_activate b {display:block; position:absolute; right:4px; top:4px; width:40px; height:30px; border-left:1px solid #A9A9A9; background:url(/National_Library/oe_/https://www.glasses.com/images/arrow-sb-down.png) no-repeat center center; z-index:3;}
.fake_select li a:link, .fake_select li a:visited, .fake_select li a:focus, div.fake_select_activate>a {color:#787878; background:white; text-decoration:none;}
.fake_select li a:hover, .fake_select>li>a.hover, div.fake_select_activate>a:hover {color:black; background:#EEE; text-decoration:none;}

.fake_select_holder_small, .fake_select_holder_small .fake_select li {width:260px; height:30px; line-height:30px;}
.fake_select_holder_small .fake_select {width:260px;}
.fake_select_holder_small .fake_select li a, .fake_select_holder_small div.fake_select_activate a {line-height:30px; height:30px; width:260px;}
.fake_select_holder_small .fake_select_activate {width:260px; height:30px; color:#333; line-height:30px;}
.fake_select_holder_small .fake_select_activate b {width:30px; height:24px; top:2px;}
.fake_select_holder_small .fake_select li a:link, .fake_select_holder_small .fake_select li a:visited, .fake_select_holder_small .fake_select li a:focus, .fake_select_holder_small div.fake_select_activate>a {color:#333; background:white;}
.fake_select_holder_small .fake_select li a:hover, .fake_select_holder_small .fake_select>li>a.hover, .fake_select_holder_small div.fake_select_activate>a:hover {color:black; background:#EEE;}

.fake_select_holder_extra_small, .fake_select_holder_extra_small .fake_select li {width:145px; height:30px; line-height:30px; position:relative;}
.fake_select_holder_extra_small .fake_select {width:145px;}
.fake_select_holder_extra_small .fake_select li a, .fake_select_holder_extra_small div.fake_select_activate a {line-height:30px; height:30px; width:145px;}
.fake_select_holder_extra_small .fake_select_activate {width:145px; height:30px; color:#333; line-height:30px;}
.fake_select_holder_extra_small .fake_select_activate b {width:30px; height:24px; top:2px;}
.fake_select_holder_extra_small .fake_select li a:link, .fake_select_holder_extra_small .fake_select li a:visited, .fake_select_holder_extra_small .fake_select li a:focus, .fake_select_holder_extra_small div.fake_select_activate>a {color:#333; background:white;}
.fake_select_holder_extra_small .fake_select li a:hover, .fake_select_holder_extra_small .fake_select>li>a.hover, .fake_select_holder_extra_small div.fake_select_activate>a:hover {color:black; background:#EEE;}


.fake_select_holder_bootstrap
, .fake_select_holder_bootstrap .fake_select li {
    width: 100%;
    height: 34px;
    line-height: 30px;
}

.fake_select_holder_bootstrap .fake_select {
    width: 100%;
}

.fake_select_holder_bootstrap .fake_select li a
, .fake_select_holder_bootstrap div.fake_select_activate a {
    line-height: 34px;
    height: 34px;
    width: 100%;
}

.fake_select_holder_bootstrap .fake_select_activate {
    width: 100%;
    height: 34px;
    color: #333;
    line-height: 34px;
}

.fake_select_holder_bootstrap .fake_select_activate b {
    width: 34px;
    height: 28px;
    top: 2px;
    right: 0px;
}

.fake_select_holder_bootstrap .fake_select li a:link
, .fake_select_holder_bootstrap .fake_select li a:visited
, .fake_select_holder_bootstrap .fake_select li a:focus
, .fake_select_holder_bootstrap div.fake_select_activate > a {
    color: #333;
    background: white;
}

.fake_select_holder_bootstrap .fake_select li a:hover
, .fake_select_holder_bootstrap .fake_select > li > a.hover
, .fake_select_holder_bootstrap div.fake_select_activate > a:hover {
    color: black;
    background: #EEE;
}


.fake_select_holder_category, .fake_select_holder_category .fake_select li {width:245px; height:30px; line-height:30px; font-weight: 400; font-size: 12px;}
.fake_select_holder_category .fake_select {width:245px; border:none;}
.fake_select_holder_category .fake_select li a, .fake_select_holder_category div.fake_select_activate a {line-height:30px; height:30px; width:245px; background:#EEE;}
.fake_select_holder_category .fake_select_activate {width:245px; height:30px; line-height:30px; border:none;}
.fake_select_holder_category .fake_select_activate b {width:32px; height:22px; top:4px; right:0; border-left:1px solid #BFBFBF; background:url(/National_Library/oe_/https://www.glasses.com/images/arrow-sb-down-2.png) no-repeat center center;}
.fake_select_holder_category .fake_select li a:link, .fake_select_holder_category .fake_select li a:visited, .fake_select_holder_category .fake_select li a:focus {color:#333; background:#EEE;}
.fake_select_holder_category .fake_select li a:hover, .fake_select_holder_category .fake_select>li>a.hover {color:black; background-color:#CCC;}
.fake_select_holder_category div.fake_select_activate>a {color:#FEFEFF; background-color:#6D6D6D;}

.fake_select_holder_my_ihto, .fake_select_holder_my_ihto .fake_select li {width: 220px; height:30px; line-height:30px; position:relative;}
.fake_select_holder_my_ihto .fake_select {width: 220px;}
.fake_select_holder_my_ihto .fake_select li a, .fake_select_holder_my_ihto div.fake_select_activate a {line-height:30px; height:30px; width: 220px;}
.fake_select_holder_my_ihto .fake_select_activate {width: 220px; height:30px; color:#333; line-height:30px;}
.fake_select_holder_my_ihto .fake_select_activate b {width:30px; height:24px; top:2px;}
.fake_select_holder_my_ihto .fake_select li a:link, .fake_select_holder_my_ihto .fake_select li a:visited, .fake_select_holder_my_ihto .fake_select li a:focus, .fake_select_holder_my_ihto div.fake_select_activate>a {color:#333; background:white;}
.fake_select_holder_my_ihto .fake_select li a:hover, .fake_select_holder_my_ihto .fake_select>li>a.hover, .fake_select_holder_my_ihto div.fake_select_activate>a:hover {color:black; background:#EEE;}

.fake_radio_holder, .fake_check_holder {position:relative;}
.fake_check_holder>input[type=checkbox], .fake_radio_holder>input[type=radio] {width:15px; margin:0; padding:0; opacity:0;}
.fake_check_holder>input[type=checkbox] + span,
.fake_radio_holder > span,
.fake_radio_holder>input[type=radio] + span {position:absolute; top:0; left:0; display:block; height:20px; width:15px; padding-left:15px; background:url(/National_Library/oe_/https://www.glasses.com/images/glasses-rebrand-2015-pdp-ui-sprite.png) no-repeat -20px -171px; line-height:20px;}
.fake_check_holder>input[type=checkbox] + span {background-position:-94px -172px;}

.fake_radio.checked,
.fake_radio_holder>input[type=radio]:checked + span {background-position:-2px -171px;}
.fake_check_holder>input[type=checkbox]:checked + span {background-position:-74px -172px;}


.promo-pink { color:#FF4026 !important; }
.strike {text-decoration:line-through;}
.small {font-size:9px !important;}
.nocasechange {text-transform: none !important;}

/* --- KEEP COLOR LIST IN SYNC with the css file: /application/models/SearchEngine.php */
ul.new_color_selector {list-style-type:none;padding:0; margin:0;}
ul.new_color_selector li{padding:0; margin:0;}
ul.new_color_selector li div {
	background-image: url("/National_Library/oe_/https://www.glasses.com/images/category-swatch-final.png");
	float: left;
	height: 23px;
	overflow: hidden;
	width: 23px;
}

.swatch.brown {  background-position: -23px -3px; cursor: pointer;}
.swatch.brown.swatch-hover {  background-position: 0 -3px;}
.swatch.brown.selected {  background-position: 0 -3px; }
.swatch.brown.inactive { background-position: -46px -3px; cursor: default;}

.swatch.tortoise { background-position: -23px -26px; cursor: pointer;}
.swatch.tortoise.swatch-hover { background-position: 0 -26px; }
.swatch.tortoise.selected { background-position: 0 -26px; }
.swatch.tortoise.inactive { background-position: -46px -26px; cursor: default;}

.swatch.black { background-position: -23px -49px; cursor: pointer;}
.swatch.black.swatch-hover { background-position: 0 -49px; }
.swatch.black.selected { background-position: 0 -49px; }
.swatch.black.inactive { background-position: -46px -49px; cursor: default;}

.swatch.silver { background-position: -23px -72px; cursor: pointer;}
.swatch.silver.swatch-hover { background-position: 0 -72px; }
.swatch.silver.selected { background-position: 0 -72px; }
.swatch.silver.inactive { background-position: -46px -72px; cursor: default;}

.swatch.gunmetal { background-position: -23px -95px; cursor: pointer;}
.swatch.gunmetal.swatch-hover { background-position: 0 -95px; }
.swatch.gunmetal.selected { background-position: 0 -95px; }
.swatch.gunmetal.inactive { background-position: -46px -95px; cursor: default;}

.swatch.grey { background-position: -23px -118px; cursor: pointer;}
.swatch.grey.swatch-hover { background-position: 0 -118px; }
.swatch.grey.selected { background-position: 0 -118px; }
.swatch.grey.inactive { background-position: -46px -118px; cursor: default;}

.swatch.blue { background-position: -23px -141px; cursor: pointer;}
.swatch.blue.swatch-hover { background-position: 0 -141px; }
.swatch.blue.selected { background-position: 0 -141px; }
.swatch.blue.inactive { background-position: -46px -141px; cursor: default;}

.swatch.cream { background-position: -23px -164px; cursor: pointer;}
.swatch.cream.swatch-hover { background-position: 0 -164px; }
.swatch.cream.selected { background-position: 0 -164px; }
.swatch.cream.inactive { background-position: -46px -164px; cursor: default;}

.swatch.yellow { background-position: -23px -187px; cursor: pointer;}
.swatch.yellow.swatch-hover { background-position: 0 -187px; }
.swatch.yellow.selected { background-position: 0 -187px; }
.swatch.yellow.inactive { background-position: -46px -187px; cursor: default;}

.swatch.red { background-position: -23px -210px; cursor: pointer;}
.swatch.red.swatch-hover { background-position: 0 -210px; }
.swatch.red.selected { background-position: 0 -210px; }
.swatch.red.inactive { background-position: -46px -210px; cursor: default;}

.swatch.gold { background-position: -23px -233px; cursor: pointer;}
.swatch.gold.swatch-hover { background-position: 0 -233px; }
.swatch.gold.selected { background-position: 0 -233px; }
.swatch.gold.inactive { background-position: -46px -233px; cursor: default;}

.swatch.bronze { background-position: -23px -256px; cursor: pointer;}
.swatch.bronze.swatch-hover { background-position: 0 -256px; }
.swatch.bronze.selected { background-position: 0 -256px; }
.swatch.bronze.inactive { background-position: -46px -256px; cursor: default;}

.swatch.green { background-position: -23px -279px; cursor: pointer;}
.swatch.green.swatch-hover { background-position: 0 -279px; }
.swatch.green.selected { background-position: 0 -279px; }
.swatch.green.inactive { background-position: -46px -279px; cursor: default;}

.swatch.black2 { background-position: -23px -302px; cursor: pointer;}
.swatch.black2.swatch-hover { background-position: 0 -302px; }
.swatch.black2.selected { background-position: 0 -302px; }
.swatch.black2.inactive { background-position: -46px -302px; cursor: default;}

.swatch.crystal { background-position: -23px -325px; cursor: pointer;}
.swatch.crystal.swatch-hover { background-position: 0 -325px; }
.swatch.crystal.selected { background-position: 0 -325px; }
.swatch.crystal.inactive { background-position: -46px -325px; cursor: default;}

.swatch.white { background-position: -23px -348px; cursor: pointer;}
.swatch.white.swatch-hover { background-position: 0 -348px; }
.swatch.white.selected { background-position: 0 -348px; }
.swatch.white.inactive { background-position: -46px -348px; cursor: default;}

.swatch.burgundy { background-position: -23px -371px; cursor: pointer;}
.swatch.burgundy.swatch-hover { background-position: 0 -371px; }
.swatch.burgundy.selected { background-position: 0 -371px; }
.swatch.burgundy.inactive { background-position: -46px -371px; cursor: default;}

.swatch.purple { background-position: -23px -394px; cursor: pointer;}
.swatch.purple.swatch-hover { background-position: 0 -394px; }
.swatch.purple.selected { background-position: 0 -394px; }
.swatch.purple.inactive { background-position: -46px -394px; cursor: default;}

.swatch.turquoise { background-position: -23px -417px; cursor: pointer;}
.swatch.turquoise.swatch-hover { background-position: 0 -417px; }
.swatch.turquoise.selected { background-position: 0 -417px; }
.swatch.turquoise.inactive { background-position: -46px -417px; cursor: default;}

.swatch.orange { background-position: -23px -440px; cursor: pointer;}
.swatch.orange.swatch-hover { background-position: 0 -440px; }
.swatch.orange.selected { background-position: 0 -440px; }
.swatch.orange.inactive { background-position: -46px -440px; cursor: default;}

.swatch.pink { background-position: -23px -463px; cursor: pointer;}
.swatch.pink.swatch-hover { background-position: 0 -463px; }
.swatch.pink.selected { background-position: 0 -463px; }
.swatch.pink.inactive { background-position: -46px -463px; cursor: default;}

.swatch.print { background-position: -23px -486px; cursor: pointer;}
.swatch.print.swatch-hover { background-position: 0 -486px; }
.swatch.print.selected { background-position: 0 -486px; }
.swatch.print.inactive { background-position: -46px -486px; cursor: default;}

.swatch.brights { background-position: -23px -509px; cursor: pointer;}
.swatch.brights.swatch-hover { background-position: 0 -509px; }
.swatch.brights.selected { background-position: 0 -509px; }
.swatch.brights.inactive { background-position: -46px -509px; cursor: default;}

.swatch.emerald { background-position: -23px -532px; cursor: pointer;}
.swatch.emerald.swatch-hover { background-position: 0 -532px; }
.swatch.emerald.selected { background-position: 0 -532px; }
.swatch.emerald.inactive { background-position: -46px -532px; cursor: default;}

.swatch.oxblood { background-position: -23px -555px; cursor: pointer;}
.swatch.oxblood.swatch-hover { background-position: 0 -555px; }
.swatch.oxblood.selected { background-position: 0 -555px; }
.swatch.oxblood.inactive { background-position: -46px -555px; cursor: default;}

.swatch.pastel { background-position: -23px -578px; cursor: pointer;}
.swatch.pastel.swatch-hover { background-position: 0 -578px; }
.swatch.pastel.selected { background-position: 0 -578px; }
.swatch.pastel.inactive { background-position: -46px -578px; cursor: default;}

.swatch.primary { background-position: -23px -601px; cursor: pointer;}
.swatch.primary.swatch-hover { background-position: 0 -601px; }
.swatch.primary.selected { background-position: 0 -601px; }
.swatch.primary.inactive { background-position: -46px -601px; cursor: default;}


.l-swatch.vr28{ background-position: 0px 315px;}
.l-swatch.vr28-black-iridium{ background-position: 0px 291px;}
.l-swatch.tungsten-iridium{ background-position: 0px 261px;}
.l-swatch.shallo-blue-iridium{ background-position: 0px 315px;}
.l-swatch.persimmon{ background-position: 0px 201px;}
.l-swatch.oo-red-iridium{ background-position: 0px 169px;}
.l-swatch.oo-black-iridium{ background-position: 0px 140px;}
.l-swatch.ice-iridium{ background-position: 0px 107px;}
.l-swatch.grey{ background-position: 0px 80px !important;}
.l-swatch.gold-iridium{background-position: 0px 207px;}
.l-swatch.g30-iridium{background-position: -80px 270px }
.l-swatch.fire-iridium{background-position: -80px 230px;}
.l-swatch.emerald-iridium{background-position: -80px 206px;}
.l-swatch.deep-blue-iridium{background-position: -80px 166px;}
.l-swatch.bronze{background-position: -80px 145px !important;}
.l-swatch.black-iridium{background-position: -80px 110px;}


img.l-swatch{
	margin: 0px 0 0 0px!important;
	height: 20px;
	width: 23px;
}

li.color_swatch > div[class^='brown'] { background-position: -27px -3px; }
li.color_swatch > div[class^='brown']:hover { background-position: -4px -3px; }
li.color_swatch > div[class^='brown'].active { background-position: -4px -3px; }

li.color_swatch > div[class^='tortoise'] { background-position: -27px -26px; }
li.color_swatch > div[class^='tortoise']:hover { background-position: -4px -26px; }
li.color_swatch > div[class^='tortoise'].active { background-position: -4px -26px; }

li.color_swatch > div[class^='black'] { background-position: -27px -49px; }
li.color_swatch > div[class^='black']:hover { background-position: -4px -49px; }
li.color_swatch > div[class^='black'].active { background-position: -4px -49px; }

li.color_swatch > div[class^='silver'] { background-position: -27px -72px; }
li.color_swatch > div[class^='silver']:hover { background-position: -4px -72px; }
li.color_swatch > div[class^='silver'].active { background-position: -4px -72px; }

li.color_swatch > div[class^='gunmetal'] { background-position: -27px -95px; }
li.color_swatch > div[class^='gunmetal']:hover { background-position: -4px -95px; }
li.color_swatch > div[class^='gunmetal'].active { background-position: -4px -95px; }

li.color_swatch > div[class^='grey'] { background-position: -27px -118px; }
li.color_swatch > div[class^='grey']:hover { background-position: -4px -118px; }
li.color_swatch > div[class^='grey'].active { background-position: -4px -118px; }

li.color_swatch > div[class^='blue'] { background-position: -27px -141px; }
li.color_swatch > div[class^='blue']:hover { background-position: -4px -141px; }
li.color_swatch > div[class^='blue'].active { background-position: -4px -141px; }

li.color_swatch > div[class^='cream'] { background-position: -27px -164px; }
li.color_swatch > div[class^='cream']:hover { background-position: -4px -164px; }
li.color_swatch > div[class^='cream'].active { background-position: -4px -164px; }

li.color_swatch > div[class^='yellow'] { background-position: -27px -187px; }
li.color_swatch > div[class^='yellow']:hover { background-position: -4px -187px; }
li.color_swatch > div[class^='yellow'].active { background-position: -4px -187px; }

li.color_swatch > div[class^='red'] { background-position: -27px -210px; }
li.color_swatch > div[class^='red']:hover { background-position: -4px -210px; }
li.color_swatch > div[class^='red'].active { background-position: -4px -210px; }

li.color_swatch > div[class^='gold'] { background-position: -27px -233px; }
li.color_swatch > div[class^='gold']:hover { background-position: -4px -233px; }
li.color_swatch > div[class^='gold'].active { background-position: -4px -233px; }

li.color_swatch > div[class^='bronze'] { background-position: -27px -256px; }
li.color_swatch > div[class^='bronze']:hover { background-position: -4px -256px; }
li.color_swatch > div[class^='bronze'].active { background-position: -4px -256px; }

li.color_swatch > div[class^='green'] { background-position: -27px -279px; }
li.color_swatch > div[class^='green']:hover { background-position: -4px -279px; }
li.color_swatch > div[class^='green'].active { background-position: -4px -279px; }

li.color_swatch > div[class^='crystal'] { background-position: -27px -325px; }
li.color_swatch > div[class^='crystal']:hover { background-position: -4px -325px; }
li.color_swatch > div[class^='crystal'].active { background-position: -4px -325px; }

li.color_swatch > div[class^='white'] { background-position: -27px -348px; }
li.color_swatch > div[class^='white']:hover { background-position: -4px -348px; }
li.color_swatch > div[class^='white'].active { background-position: -4px -348px; }

li.color_swatch > div[class^='burgundy'] { background-position: -27px -371px; }
li.color_swatch > div[class^='burgundy']:hover { background-position: -4px -371px; }
li.color_swatch > div[class^='burgundy'].active { background-position: -4px -371px; }

li.color_swatch > div[class^='purple'] { background-position: -27px -394px; }
li.color_swatch > div[class^='purple']:hover { background-position: -4px -394px; }
li.color_swatch > div[class^='purple'].active { background-position: -4px -394px; }

li.color_swatch > div[class^='turquoise'] { background-position: -27px -417px; }
li.color_swatch > div[class^='turquoise']:hover { background-position: -4px -417px; }
li.color_swatch > div[class^='turquoise'].active { background-position: -4px -417px; }

li.color_swatch > div[class^='orange'] { background-position: -27px -440px; }
li.color_swatch > div[class^='orange']:hover { background-position: -4px -440px; }
li.color_swatch > div[class^='orange'].active { background-position: -4px -440px; }

li.color_swatch > div[class^='pink'] { background-position: -27px -463px; }
li.color_swatch > div[class^='pink']:hover { background-position: -4px -463px; }
li.color_swatch > div[class^='pink'].active { background-position: -4px -463px; }

li.color_swatch > div[class^='print'] { background-position: -27px -486px; }
li.color_swatch > div[class^='print']:hover { background-position: -4px -486px; }
li.color_swatch > div[class^='print'].active { background-position: -4px -486px; }

li.color_swatch > div[class^='brights'] { background-position: -27px -509px; }
li.color_swatch > div[class^='brights']:hover { background-position: -4px -509px; }
li.color_swatch > div[class^='brights'].active { background-position: -4px -509px; }

li.color_swatch > div[class^='emerald'] { background-position: -27px -532px; }
li.color_swatch > div[class^='emerald']:hover { background-position: -4px -532px; }
li.color_swatch > div[class^='emerald'].active { background-position: -4px -532px; }

li.color_swatch > div[class^='oxblood'] { background-position: -27px -555px; }
li.color_swatch > div[class^='oxblood']:hover { background-position: -4px -555px; }
li.color_swatch > div[class^='oxblood'].active { background-position: -4px -555px; }

li.color_swatch > div[class^='pastel'] { background-position: -27px -578px; }
li.color_swatch > div[class^='pastel']:hover { background-position: -4px -578px; }
li.color_swatch > div[class^='pastel'].active { background-position: -4px -578px; }

li.color_swatch > div[class^='primary'] { background-position: -27px -601px; }
li.color_swatch > div[class^='primary']:hover { background-position: -4px -601px; }
li.color_swatch > div[class^='primary'].active { background-position: -4px -601px; }

/* End - color swatches*/




/* --- ----------------- --- */

/* where is this used? this shouldn't have been brought over with old colors and old fonts without being updated
a.cta-link-arrow {
	color: #56a0d3;
	font-family: 'museo_slab_500', Geneva, serif;
	font-size: 17px;
	position: relative;
}
a.cta-link-arrow:after {
	content: '';
	position: absolute;
	float: right;
	top: 4px;
	right: -16px;
	border-top: solid 6px transparent;
	border-left: solid 10px #56A0D3;
	border-bottom: solid 6px transparent;
}
*/

.current-lens-color{
	margin-top:15px;
}

#newsletter_opt_in_wrapper label {
	margin: 0 0 0 5px !important;
	line-height: 20px !important;
}

#remember_me_wrap label {
	line-height: 35px !important;
	margin: 5px 0 0;
}

/*====================================
  Product Page Blank Space Filler
  ====================================*/
#prod_spacer, #upper_spacer {
    /*background: url("/National_Library/oe_/https://www.glasses.com/images/preloader.GIF") repeat top left;*/
}

/*=======================================
 ng-cloak
=========================================*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  /*display: none !important;*/
  visibility: hidden !important;
}

/*=======================================
 Shop by RX
=========================================*/
#fake_dropdown_shop_by_rx {
    width: 535px;
    background-color: #EEEEEE;
    /*padding: 10px;*/
    height: 275px;
    z-index: 10;
    overflow: auto;
    border: 1px solid #ccc;
}

#rx-box-innerWrap { padding: 20px; text-transform: initial; }

#fake_dropdown_shop_by_rx .upper {
    margin: 0;
    padding-bottom: 0;
}

#shop_by_rx {
	cursor: pointer;
	width: 250px;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	background: url('/National_Library/oe_/https://www.glasses.com/images/pcp/filters-buttonbg-long.gif' ) no-repeat;
}

#fake_dropdown_shop_by_rx .upper .rx-right { border-bottom: 1px solid #3f5363; }

.rx-cell, .rx-long-cell, .rx-cell-last, #rlc-line img, #rlc-line h3,
.rx-long-cell select, .rx-long-cell #rlc-line2, .rx-cell-short {
    display: inline-block;
    vertical-align: middle;
}

#rx-box-innerWrap .top .rx-cell, #rx-box-innerWrap .top .rx-cell-short { position: relative; }
#rx-box-innerWrap .top .rx-anchor {
    position: absolute;
    bottom: 0;
}

#rx-box-innerWrap .top p {
    color: #BAB8B9;
    font-size: 12px;
	margin: 0 0 6px;
}

#rx-box-innerWrap .bottom { margin: 5px 0px; }

#rx-box-innerWrap select {
	-webkit-appearance: button;
	background: url("/National_Library/oe_/https://www.glasses.com/images/select-bg.png") no-repeat;
	background-size: cover;
}
#rx-box-innerWrap input {
    background-color: #F8F8F8;
    padding-left: 10px;
    width: 75px !important;
}
#rx-box-innerWrap select, #rx-box-innerWrap input {
    height: 32px;
	padding-left: 5px;
    width: 85px;
    border: none;
	cursor: pointer;
    margin: 5px 0px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0px;
    box-shadow: 0 0 1px 0 #BAB8B9;
    -moz-box-shadow: 0 0 1px 0 #BAB8B9;
    -webkit-box-shadow: 0 0 1px 0 #BAB8B9;
}

#rx-box-innerWrap h3 {
	font-size: 14px;
	font-weight: bold;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    margin: 0px;
}

#rx-box-innerWrap .lower .btn-container { float: right; margin-right: 15px; }
#rx-box-innerWrap .lower button { width: 100px; height: 30px; text-transform: uppercase; }

#rx-box-innerWrap .top h3 {
    text-decoration: underline;
}

#rx-box-innerWrap .rx-label {
    width: 100px;
    padding-right: 25px;
    text-align: left;
}

.rx-label p { font-size: 11px; line-height: 1em; display: inline; }

.rx-left {  width: 110px; height: 120px; }
.rx-right { width: 430px; height: 120px; }

.rx-cell {
    width: 110px;
    height: 40px;
}

.rx-cell-short {
	width: 110px;
	height: 40px;
}

.rx-long-cell {
    width: 360px;
    height: 40px;
}

#center-line {
    display: block;
    width: 360px;
    border-bottom: 1px solid #BAB8B9;
    margin: 0 0 15px 103px;
}
#rlc-line2 {
    /*margin: 0 0 0 10px; */
    margin: 0px;
}
#rlc-line img { margin: 0 0 0 6px; }

#rlc-line p, #rlc-line2 p { /* sobs internally */
    margin: 0px;
}

.rx-cell-last button {
    border: none;
    color: #FFFFFF;
    height: 30px;
    width: 65px;
    position: absolute;
    bottom: 0;
    font: 14px london;
}

#rx-box-innerWrap .rt-arrow {
	display: inline-block;
	vertical-align: middle;
	background: url("/National_Library/oe_/https://www.glasses.com/images/rt-arrow.png") no-repeat;
	margin-left: 5px;
	width: 12px;
	height: 18px;
	background-size: cover;
}

#rx-box-innerWrap .lower .rx-long-cell { height: 55px; }
#rx-box-innerWrap .upper .rx-cell-last { width: 35px; height: 40px; }
#rx-box-innerWrap .lower .rx-cell-last { width: 50px; height: 55px; position: relative; }

/*===== Tabbed Hero (4+) fix =====*/
#ad_selection { display: table; width: 100%; table-layout: fixed; }
/*===== End Tabbed Hero (4+) fix =====*/


@media (min-width: 4px) {
    .container-flush {
        width: 1000px !important;
    }
}

.container-flush {
    width: 1000px !important;
}


/*=== Department Rows? (Start) ===*/
/*Rows section*/
div.dept_row {
    margin-top: 10px;
    margin-bottom: 0px;
}

div.dept_row li.pcp_tile{margin-right:42px;}
div.dept_row li.pcp_tile.last{margin-right:0px;}
div.dept_row h1{ color:#1E4164;font-family:museo_slab_300;font-size:28.3pt;line-height:40px }
div.dept_row p.grey_text{ background:#F4F4F4;color:#3F5363;font-family:museo_slab_300;font-size:14.1pt;padding:13px 17px;margin-top:15px;line-height:23px; }

div.dept_row ul.row_products {
    margin: 0 auto 0;
    list-style-type: none;
    padding: 0px;
    position: relative;
    height: 350px;
}

div.dept_row_links{margin-top:6px; text-align:right; float: right;}
div.dept_row_links > a{ color:#56A0D3; font-family:museo_slab_300; }
div.dept_row_links > a span.icon.arrow{ display:inline-block;position:relative;top:1px;margin-left:5px;width:11px; height:11px; background:url('/National_Library/oe_/https://www.glasses.com/images/update/main_sprite.png') no-repeat -22px -113px; }

div.dept_row ul.row_products > li {
    float: left;
    width: calc(33% - 15px);
    margin-right: 25px;
    position: relative;
}
/*div.dept_row div.block.last{margin-right:0px;}*/
div.dept_row ul.row_products > li:last-child {
    margin-right: 0px;
}

div.dept_row ul.row_products > li:after {
    clear: both;
}

div.dept_row ul.row_products > li img {
    max-width: 100%;
}

div.dept_row ul.row_products > li h3 {
    pointer-events: none;
    position: absolute;
    text-indent: 15px;
    background: rgba(44,44,44,0.8);
    top: 260px;
    width: 100%;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}

/*Block overlay css*/
/*
div.dept_row div.block .overlay{display:none;position:absolute;top:0px;height:284px;width:318px;background:rgba(0, 0, 0, .5);}
div.dept_row div.block:hover .overlay{display:block;}
div.dept_row div.block .overlay .wrapper{width:280px;margin:0 auto;}
div.dept_row div.block .overlay p{color:white;font-family:museo_slab_300;width:300px;font-size:14pt;}
*/

/*=== Department Rows (End) ===*/

/*=== Sprites ===*/

p.loader {
    background: url('/National_Library/oe_/https://www.glasses.com/images/preloader.gif') no-repeat -16px -26px;
    display: inline-block;
    width: 32px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

p.sprite-checkbox-light {
    background: url('/National_Library/oe_/https://www.glasses.com/images/glasses-rebrand-2015-pdp-ui-sprite.png') no-repeat -114px -173px;
    width: 15px;
    height: 15px;
    left: 0;
}
p.sprite-checkbox-light.checked {
    background-position: -134px -173px;
}

/*==== Video Player BG Fix =====*/
#video-container_videoPlayer { background: #ffffff !important; }

/*==== Tool Tip for old checkout CVV field ====*/
.my_test:hover~#cvv_tool_tip_hover {
    display: inline-block;
}
#cvv_tool_tip_hover {
    display: none;
    position: relative;
}
#cvv_tool_tip_hover_inner {
    font-family: museo_slab_500;
    position: absolute;
    width: 300px;
    color: #000;
    background-color: #fff;
    padding: 12px;
    box-shadow: 2px 2px 15px #888888;
    border-radius: 5px;
    z-index: 1000;
    text-align: left;
}




ul.table-display {
    margin: 0px;
    padding: 0px;
    display: table;
    list-style-type: none;
}

ul.table-display > li {
    display: block;
    clear: both;
    margin-bottom: 1px;
}

ul.table-display.spaced > li {
    margin-bottom: 10px;
}

ul.table-display > li > label {
    display: block;
    float: left;
    margin-right: 5px;
}

ul.table-display > li > p {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
}


ul.pseudo-table {
    margin: 0px;
    padding: 0px;
    display: table;
    list-style-type: none;
}

ul.pseudo-table > li {
    float: left;
    margin-right: 5px;
    display: inline-block;
}

ul.pseudo-table > li:last-child {
    margin-right: 0px;
}



label {
    margin-bottom: 2px;
}


ul.glasses-numbering {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.glasses-numbering > li {
    margin-bottom: 15px;
}

ul.glasses-numbering > li:after {
    content: '';
    display: block;
    clear: both;
}

ul.glasses-numbering > li > dt,
div.glasses-numbering {
    background-image: url("/National_Library/oe_/https://www.glasses.com/images/glasses-numbers.png");
    height: 40px;
    width: 33px;
    display: block;
}

ul.glasses-numbering > li > dt {
    float: left;
    margin-right: 20px;
}

ul.glasses-numbering > li > dd {
    float: left;
    width: calc(100% - 60px);
    font-size: 12px;
}

ul.glasses-numbering > li > dt.number-1,
.glasses-numbering.number-1 {
    background-position: 0 0;
}

ul.glasses-numbering > li > dt.number-2,
.glasses-number.number-2 {
    background-position: 0 -40px;
}

ul.glasses-numbering > li > dt.number-3,
.glasses-number.number-3 {
    background-position: 0 -80px;
}




.tool-tip {
    position: absolute;
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 5px;
    z-index: 50;
}

.tool-tip.pad-top {
    margin-top: 10px;
}

.tool-tip.pad-right {
    margin-right: 10px;
}

.tool-tip:after,
.tool-tip:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.tool-tip.left:after, .tool-tip.left-center:after, .tool-tip.left:before, .tool-tip.left-center:before {
    right: 100%;
    top: 50%;
}

.tool-tip.left-top:after, .tool-tip.left-top:before {
    right: 100%;
    top: 25%;
}

.tool-tip.left-top.tool-tip-90:after, .tool-tip.left-top.tool-tip-90:before {
    right: 100%;
    top: 10%;
}

.tool-tip.left-bottom:after, .tool-tip.left-bottom:before {
    right: 100%;
    top: 75%;
}

.tool-tip.right:after, .tool-tip.right-center:after, .tool-tip.right:before, .tool-tip.right-center:before {
    left: 100%;
    top: 50%;
}

.tool-tip.right-top:before, .tool-tip.right-top:after {
    left: 100%;
    top: 25%;
}

.tool-tip.right-bottom:before, .tool-tip.right-bottom:after {
    left: 100%;
    top: 75%;
}

.tool-tip.top-right:after, .tool-tip.top-right:before {
    bottom: 100%;
    left: 75%;
}

.tool-tip.top-right.tool-tip-90:after, .tool-tip.top-right.tool-tip-90:before {
    bottom: 100%;
    left: 90%;
}

.tool-tip.top-left:after, .tool-tip.top-left:before {
    bottom: 100%;
    left: 25%;
}

.tool-tip.top-left-30:after, .tool-tip.top-left-30:before {
    bottom: 100%;
    left: 30%;
}

/* specialty cases */
.tool-tip.top-left-47px:after, .tool-tip.top-left-47px:before { bottom: 100%; left: 47px; }


.tool-tip.top-center:after, .tool-tip.top:after, .tool-tip.top-center:before, .tool-tip.top:before {
    bottom: 100%;
    left: 50%;
}

.tool-tip.bottom-center:after, .tool-tip.bottom:after, .tool-tip.bottom-center:before, .tool-tip.bottom:before {
    top: 100%;
    left: 50%;
}

.tool-tip.bottom-left:after, .tool-tip.bottom-left:before {
    left: 25%;
    top: 100%;
}

.tool-tip.bottom-right:after, .tool-tip.bottom-right:before {
    top: 100%;
    left: 75%;
}

.tool-tip:after { /* background */
    border-color: rgba(136, 183, 213, 0);
}

.tool-tip:before { /* border of tool tip */
    border-color: rgba(194, 225, 245, 0);
}

.tool-tip.top-right:after, .tool-tip.top-left:after, .tool-tip.top-center:after, .tool-tip.top:after {
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.tool-tip.top-right:before, .tool-tip.top-left:before, .tool-tip.top-center:before, .tool-tip.top:before {
    border-bottom-color: #e5e5e5;
    border-width: 11px;
    margin-left: -11px;
}

.tool-tip.bottom-right:after, .tool-tip.bottom-left:after, .tool-tip.bottom-center:after, .tool-tip.bottom:after {
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.tool-tip.bottom-right:before, .tool-tip.bottom-left:before, .tool-tip.bottom-center:before, .tool-tip.bottom:before {
    border-top-color: #e5e5e5;
    border-width: 11px;
    margin-left: -11px;
}

.tool-tip.left-top:after, .tool-tip.left-center:after, .tool-tip.left-bottom:after, .tool-tip.left:after {
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}

.tool-tip.left-top:before, .tool-tip.left-center:before, .tool-tip.left-bottom:before, .tool-tip.left:before {
    border-right-color: #e5e5e5;
    border-width: 11px;
    margin-top: -11px;
}

.tool-tip.right-top:after, .tool-tip.right-center:after, .tool-tip.right-bottom:after, .tool-tip.right:after {
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}

.tool-tip.right-top:before, .tool-tip.right-center:before, .tool-tip.right-bottom:before, .tool-tip.right:before {
    border-left-color: #e5e5e5;
    border-width: 11px;
    margin-top: -11px;
}

.font-14{font-size:14px !important;}


#vto-login{
    max-width: 360px;
}
#vto-login label{
    display: block;
}
#vto-login label span{
    display: block;
}

#vto-login label input{
    border:none;
    border-bottom: 1px solid;
    width:100%;
    font-weight: normal;
}

#vto-login button{
    background-color: #f34324;
    width:100%;
    color:#ffffff;
}

#vto-login .password-reset{
    text-decoration: underline;
    margin-bottom: 20px;
    display: block;
}
#vto-login .vto-login-loading{
    text-align: center;
    display:none;
}

#vto-login .vto-no-session{
    display:none;
}

.section_heading { color:#33C2D7; text-transform:uppercase; }
.insurance-forms { font-size:14px; line-height:30px; }
.insurance-forms .modal-body { font-size:13px; line-height:20px; }
.insurance-forms .provider h4 {
    font:bold 14px "Gotham SSm B", "Gotham SSm A";
}
