html {
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
}
html, body {
	height:100%;

	width:100%;
	margin:0px;
}
/* SHARED */
::-webkit-input-placeholder { color:gainsboro; }
::-moz-placeholder { color:gainsboro; } /* firefox 19+ */
:-ms-input-placeholder { color:gainsboro !important; } /* ie */
input:-moz-placeholder { color:gainsboro; }

::selection
{
	background:#37389d;
	color:white;
}
::-moz-selection
{
	background:#37389d;
	color:white;
}

a{
	
	cursor:pointer;
}
input, select {
    -webkit-appearance: none;
    border-radius: 0;
}
.radius {
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
b.label, p.label {
	white-space: normal;
}
.borderRight {
	border-right:1px solid whitesmoke;
}
.posRel {
	position:relative;
}
.alignLeft {
	text-align: left !important;
}
.alignCenter {
	text-align: center !important;
}
.alignRight {
	text-align: right !important;
}
.hide {
	display:none !important;
}
.show {
	display:block !important;
}

.juraRed {
	color:#9e0039;
	font-family: 'Jura', sans-serif;
	font-style: italic;
}
.boxShadow {
	-webkit-box-shadow:  0px 10px 10px 0px rgba(84, 84, 84, 0.2);
	box-shadow:  0px 10px 10px 0px rgba(84, 84, 84, 0.2);
	behavior: url(PIE.htc);

}
.inlineBlock {
	display:inline-block;
}
.tinyText { 
	font-size:9px;
	line-height: 9px;
	text-align: right;
	margin:7px 0px;
}
.smallText {
	font-size:0.7em;
}
.transAll {
	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease; 
}
form.custom .custom.dropdown {
	margin:0px;
}
form.custom {
	margin-bottom:5px;
}

/* HEADER STUFF */ 

header {
	background:white;
	z-index:300;
}
header nav {
	background:#37389d;
	clear:both;
}
#logoAndNav {
	text-align: center;
}
#logoAndNav a img {
	padding:10px;
	max-height: 100px;
}
#logoAndNav h5, #logoAndNav p {
	margin:0px;
}
#logoAndNav h5 {
	font-size:1em;
	text-align: left;
	white-space: nowrap;
	margin-right:5px;
}
#logoAndNav div.row {
	margin-top:-25px;
}
#userFunc ul {
	float:right;
	margin:3px 0px;
	vertical-align: middle;
}
#userFunc li {
	display:inline;
	color:gray;
}

#userFunc ul li a {
	color:gray;
	display:inline-block;
	text-align:center;
	font-size:12px;
	padding:5px;
	opacity:0.8;
	font-size:0.8em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#userFunc li#help span { 
	display:none;
}
#userFunc ul li a#feedback span {
	color:#37389d;
}
#userFunc ul li a img {
	vertical-align: middle;
	padding:5px;
	padding-left:0px;
}
#userFunc ul li a:hover {
	opacity:1;
	text-decoration: none;
}
#menu-icon {
	display: none; /* hide menu icon initially */
}
.inline {
	display:inline-block;
	text-align: right;
}
#tollfree {
	font-size:1.2em;
	padding:0px 15px 0px 5px;
	display:inline-block;
}
.slideDownNav {
	position:relative;
	border-bottom:3px solid #afafaf;
}
.slideDownNav p.mobileScroll{
	background-color:whitesmoke;
	color:dimgray;
	text-align: center;
	width:100%;
	font-size:1em;
	border-bottom:1px solid gainsboro;

}
.slideDownNav div#glassesColumn {
	padding-right:0px; width:21.66667%;
}
.slideDownNav div#featuredColumn {
	width:20%;
}
.slideDownNav ul.dropDownBrands li a {
	background: #37389d; /* Old browsers */
	margin:2px 0px;
	border:0px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMzczODlkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjNGE1NWNlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjMWIxZDkxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM3Mzg5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #37389d 1%, #4a55ce 51%, #1b1d91 51%, #37389d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#37389d), color-stop(51%,#4a55ce), color-stop(51%,#1b1d91), color-stop(100%,#37389d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #37389d 1%,#4a55ce 51%,#1b1d91 51%,#37389d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #37389d 1%,#4a55ce 51%,#1b1d91 51%,#37389d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #37389d 1%,#4a55ce 51%,#1b1d91 51%,#37389d 100%); /* IE10+ */
	background: linear-gradient(135deg,  #37389d 1%,#4a55ce 51%,#1b1d91 51%,#37389d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37389d', endColorstr='#37389d',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}
.slideDownNav ul.dropDownBrands li#headerSeeMore a {
	background: #00e288; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDBlMjg4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjM2VlMDlmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDBjMTg3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwZTI4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #00e288 1%, #3ee09f 50%, #00c187 50%, #00e288 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#00e288), color-stop(50%,#3ee09f), color-stop(50%,#00c187), color-stop(100%,#00e288)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #00e288 1%,#3ee09f 50%,#00c187 50%,#00e288 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #00e288 1%,#3ee09f 50%,#00c187 50%,#00e288 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #00e288 1%,#3ee09f 50%,#00c187 50%,#00e288 100%); /* IE10+ */
background: linear-gradient(135deg,  #00e288 1%,#3ee09f 50%,#00c187 50%,#00e288 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e288', endColorstr='#00e288',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
color:white;
}
.slideDownNav.row ul.glassesWomensMens li a span{
	padding:5px;
	height:35px;
	display:block;
}
ul.glassesWomensMens li#headerMens a span{
	color:dimgray;
	background:url(/cart/images/manProfile.svg) no-repeat 10px center;
	background-size:25px;
}
ul.glassesWomensMens li#headerWomens a span{
	background:url(/cart/images/womanProfile.svg) no-repeat 10px center;
	background-size:25px;
	color:dimgray;
}
ul.glassesWomensMens li#headerULSunglasses a span{
	color:dimgray;
	background:url(/cart/images/dropdownSunGlasses.jpg) no-repeat 10px center;
	background-size:contain;
}
ul.glassesWomensMens li#headerULEyeglasses a span{
	background:url(/cart/images/dropdownEyeGlasses.jpg) no-repeat 10px center;
	background-size:contain;
	color:dimgray;
}
@media screen and (max-width: 767px) {
	.slideDownNav {
		overflow:auto;
	}	
	#userFunc li#help span {
		display:inline-block;
	}
	div#logoAndNav {
		float:left;
		display:inline-block;
	}
	div#logoAndNav p {
		margin-right:5px;
	}
	.slideDownNav div#glassesColumn {
	padding-right:0.9375em; width:100%;
	}
	.slideDownNav div#featuredColumn {
		width:100%;
	}
	div#charm {
	position:fixed;
	bottom:0px;
	width:100%;
	background:transparent;
	opacity:0.9;
	z-index:1500;
}
div#charm span:first-child {
	margin:9px 5px;
	display:none;
	color:white;
	font-size:0.7em;
}
div#charm a.button {
	float:right;
	border:0px;
	border-left:1px solid #08613e; 
	background:transparent;
	display:none;
	margin-bottom:0px;
}
div#charm a.button:hover {
	background-color:#08613e;
}
div#charm a.button.cart {
	background:transparent url(/cart/images/cartWhite.svg) no-repeat 5px center;
	padding-left:35px;
	background-size:25px;
}
div#charm a.button.cart:hover {
	background:#08613e url(/cart/images/cartWhite.svg) no-repeat 5px center;
	background-size:25px;
}
	#bodyContent {
		overflow:hidden;
	}

	/* nav-wrap */
	#userFunc {
		position: relative;
	}

	/* menu icon */
	#menu-icon {
		width: 90%;
		height: 30px;
		background: white url(/cart/images/chevronDownPurple.svg) no-repeat 10px center;
		padding:5px 10%;
		margin:5px 5%;
		background-size:25px;

		cursor: pointer;
		border: solid 1px #37389d;
		display: block; /* show menu icon */
	}
	#menu-icon:hover {
		background-color: #f8f8f8;
	}
	#menu-icon.active {
		background: #37389d url(/cart/images/chevronDownWhite.svg) no-repeat 10px center;
		color:white;
	}
	
	/* main nav */
	#userFunc ul {
		clear: both;
		position: absolute;
		top: 38px;
		width: 90%;
		z-index: 10000;
		padding: 5px 5%;
		margin:0px 5%;
		background: whitesmoke;
		border: solid 1px gainsboro;

		display: none; /* visibility will be toggled with jquery */
	}
	#userFunc li {
		clear: both;
		float: none;
		display:block;
		margin: 5px 0px;
	}
	#userFunc ul li a, 
	#userFunc ul a {
		font: inherit;
		padding:0px 20px;
		background: none;
		display: block;
		padding: 0;
		color: #666;
		border: none;
		margin-right:5px;
	}
	#userFunc a:hover, 
	#userFunc ul a:hover {
		background: none;
		color: #000;
	}

}


#cards {
	padding:0px;
}
header nav #banner {
	padding:3px 4px;
	text-align: center;
	font-size:14px;
	font-weight:400;
	display:block;
	margin:6px 20px;
	background:#fef998;
	outline: 2px solid #fef998;
	border:1px solid #dab367;
}
#glassesContacts img {
	padding:0px 5px;
	vertical-align: middle;
}
#glassesContacts ul {
	list-style-type: none;
	height:38px;
	margin:0px;
}
#glassesContacts li {
	display:inline-block;
	height:100%;
	float:left;
	padding:5px 10px;
	line-height:12px;
}
#glassesContacts li a {
	color:white;
	opacity:0.8;
	font-weight: 500;
}
#glassesContacts li a sup {
	color:#00ff99;
	font-weight: 600;
}
#glassesContacts li.featured {
	border-bottom:3px solid #00e288;
}
#glassesContacts li a:hover {
	opacity:1;
}
.slideDownNav {
	display:none;
	position: absolute;
    top: 100%;
    width:100%;
    left: 0;
    right: 0;
	vertical-align: top;
	height:210px;
	z-index:400;
	background:white;
}
#browseContacts.slideDownNav {
	height:280px;
}
#browseGlasses.slideDownNav div {
	height:100%;
}
div#browseContacts.slideDownNav div#contactsBrands {
	height:20%;

}
div#contactsBrands ul {
	margin:5px 0px;
	height:100%;

}
div#browseContacts.slideDownNav div#contactsBrands > div {
	height:100%;
}
div#contactsBrands ul li, div#contactsBrands ul li a {
	padding:0px;
	text-align:center;
	height:100%;
}
div#contactsBrands ul li a {
	display:block;
	padding:0px 5px;
}
div#contactsBrands ul li img {
	width:90%;
}
div#browseContacts.slideDownNav div {
	height:80%;
}
div#browseContacts.slideDownNav div.large-3.columns ul li a {
	font-size:0.8em;
}
.slideDownNav div span.panel {
	display:block;
	margin-bottom:10px;
	padding:0.75em;
	position:relative;
}
.slideDownNav div span.panel:hover {
	border-color:#a0a0a0;
}
.slideDownNav div span.panel h5 {
	text-transform: uppercase;
	color:white;
	font-size:0.8em;
	display:inline-block;
	width:80%;
	font-weight: bold;

}
.slideDownNav div span.panel sup {
	color:white;
	float:right;
	margin-top:5px;
	font-size:0.6em;
}
.slideDownNav div > a > span#headerDesigner {
	background:#37389d url(/cart/images/glassesSale.svg) no-repeat bottom left;
	background-size:50%;
}
.slideDownNav div > a > span#headerEyeglasses {
	background:gainsboro url(/cart/images/valueFrame.jpg) no-repeat bottom left;
	background-size:cover;
}
.slideDownNav div > a > span#headerSunglasses {
	background:gainsboro url(/cart/images/summerSunglasses.jpg) no-repeat center;
	background-size:cover;
}
.slideDownNav div a > span#headerEyeglasses h5, .slideDownNav div a > span#headerEyeglasses sup {
	color:black;
}
.slideDownNav > p {
	text-align: center;
	background:white;
	margin:0px;
	color:gray;
}
.slideDownNav h5 {
	color:#37389d;
	font-size:0.9em;
	font-weight: normal;
}
.slideDownNav h5 img {
	vertical-align: middle;
	opacity:0.8;
	margin-right:10px;
}
.slideDownNav ul {
	margin-bottom:0px;
	list-style-type: none;
}
.slideDownNav ul li a {
	display:block;
	padding:1% 5px;
	margin:0px 2px;
	font-size:0.8em;
	white-space: nowrap;
}
.slideDownNav ul li a.button.viewMore.radius {
	background:white;
	border:1px solid gainsboro;
	color:gray;
	margin:3px 0px;

}
.slideDownNav ul li a.button.viewMore.radius:hover {
	background:gainsboro;
}
.slideDownNav ul.glassesWomensMens li a {
	text-align: right;
	font-size:0.8em;
	color:black;
} 
.slideDownNav ul li a:not(.viewMore):hover, .slideDownNav div span.panel:hover {
	-webkit-box-shadow:  0px 0px 3px 0px rgba(84, 84, 84, 0.5);
	box-shadow:  0px 0px 3px 0px rgba(84, 84, 84, 0.5);
	opacity:0.9;
	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease; 
}
input#search {
	margin:5px 0px;
	padding:0.25em;
	height:2em;
	width:100%;
	max-width:100%;
}
input#search_button {
	margin:4px 0px;
	background-image:url(/cart/images/search.svg);
	background-repeat:no-repeat;
	background-position:center
}
input#search_button:hover {
	background:#1e2072;
	border-color:#2a2b77;
	background-image:url(/cart/images/search.svg);
	background-repeat:no-repeat;
	background-position:center
}
input {
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
form#search_form_contacts {
	margin:0px 0px;
}
#bodyContent {
	background-image:url(/cart/images/glassesTrans.jpg), url(/cart/images/optixTrans.jpg);
	background-repeat:no-repeat;
	background-position:right bottom, left bottom;
	
}
#cards li {
	padding:2px;
}
@media screen and (min-width: 768px) {

	/* ensure #nav is visible on desktop version */
	#userFunc ul {
		display: block !important;
	}

}
@media screen and (max-width: 768px) {

	/* ensure #nav is visible on desktop version */
	.slideDownNav li {
		font-size:0.8em;
	}
	.slideDownNav h3 {
		font-size:0.8em;
	}

}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .ipad { font-size: 0.6em !important; } /* your css rules for ipad portrait */
  .maxIpad {
  	max-width:100%;
  	width:100%;
  	display:block;
  }  .slideDownNav div span.panel h5 {
  	font-size:0.6em;
  }
  .slideDownNav div span.panel sup {
  	font-size:0.5em;
  }
  .heightIpad {
  	height:700px;
  }
  .showIpad {
  	display:block !important;
  }
  li a#feedback span {
  	display:none;
  }
  .hideIpad {
  	display:none !important;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  .ipad { font-size:0.6em !important; } /* your css rules for ipad landscape */
    .maxIpad {
  	max-width:100%;
  	width:100%;
  	display:block;
  }  .slideDownNav div span.panel h5 {
  	font-size:0.6em;
  }
  .slideDownNav div span.panel sup {
  	font-size:0.5em;
  }
  li a#feedback span {
  	display:none;
  }
  .heightIpad {
  	height:700px;
  }
  .showIpad {
  	display:block !important;
  }
  .hideIpad {
  	display:none !important;
  }
}

/* FOOTER STUFF */
#footer {
	border-top:1px solid whitesmoke;
	margin-top:10px;
	padding-top:10px;
}
#footer h6 {
	font-size:0.9em;
	font-weight: normal;

	vertical-align: middle;
}
#footer h6 img {
	width:35px;
	height:35px;
}
#footer ul {
	list-style-type: none;
}
#footer ul li {
	font-size:0.8em;
}
#footer ul.button-group li a {
	border:0;
	margin-bottom:0.4em;
}
#footer ul.button-group li a span.button {
	border:0px;
}
#footer ul.button-group li#googleFooter a span{
	background:#97151c url(/cart/images/googleplusmono.png) no-repeat left bottom;
}
#footer ul.button-group li#googleFooter a:hover span{
	color:white;
	background:#77191d url(/cart/images/googleplusmono.png) no-repeat left bottom;
}
#footer ul.button-group li#facebookFooter a span{
	background:#284fa3 url(/cart/images/facebookmono.png) no-repeat left bottom;
}
#footer ul.button-group li#facebookFooter a:hover span{
	color:white;
	background:#243f75 url(/cart/images/facebookmono.png) no-repeat left bottom;
}
#footer ul.button-group li#twitterFooter a span{

	background:#28b9f0 url(/cart/images/twittermono.png) no-repeat left bottom;
}
#footer ul.button-group li#twitterFooter a:hover span{
	color:white;
	background:#2a97bf url(/cart/images/twittermono.png) no-repeat left bottom;
}
#footer ul.small-block-grid-5 {
	margin:0px;
}
#footer ul.small-block-grid-5 li {
	padding:0.5%;
}
#footer ul.small-block-grid-3 {
	margin-top:5px;
	max-width:300px;
}
#footer ul.small-block-grid-2>li {
	padding:5px;
}
#footer ul li object embed {
	max-height: 30px !important;
}
form.custom span{
	line-height: 2em;
}
#footer h5 {
	margin-top:0.5em;
	font-size:0.9em;
	color:dimgray;
}
p#disclaimer {
	background:#37389d;
	margin:0px -1.7em;
	padding:10px;
	color:white;
	line-height:1.5em;
	font-size:0.55em;
	text-align: center;
}
	
div#copyright {
	z-index:-500;
	color:#969ca5;
	font-size:10px;
	max-width: 100%;
	padding:10px 0px;
	text-align: center;
}
div#copyright p {
	font-size:9px; 
	margin:0px;
}