header, nav, main, footer, section, aside {
	display:block;
	position:relative;
  }
  html, body {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
  }
  body {
	font-family: Arial, Helvetica, sans-serif;
	background: url('/images/VictoryAwards/site/template/sitebg.jpg') repeat;
	color: #707070;
	font-size: 15px;
	margin: 0;
	padding: 0;
  }

  /*----------  HEADER */
  #header {
	background: url('/images/VictoryAwards/site/template/desktop-header-bg.jpg') no-repeat top left;
	height:140px;
	position:relative;
  }
  a#mobile-logo {
	display:none;
	width:100%;
	padding:20px 0 0;
  }
  a#mobile-logo img {
	display:block;
	width:100%;
  }
  a#cart-btn {
	display:block;
	position:absolute;
	top:0;
	right:25px;
	border:none;
	outline:none;
	z-index:9999;
  }
  #top-bar {
	background-color: #999999;
	padding: 5px 15px;
  }
  p#headphone {
	margin:0;
	padding:0;
  }
  p#headphone a {
	display:inline-block;
	color: #FFF;
	font-size:18px;
	text-decoration:none;
  }
  p#headphone a:hover {
	color: #fbb83a; 
	text-decoration:none;
  }
  header {
	margin:0;
	padding:0;
  }

  /*----------  NAVIGATION */
  #mobile-nav-btn {
	display:none;
	color: #000;
	font-size:25px;
	float:right;
	margin:5px 10px;
	cursor:pointer;
	z-index:9999;
  }
  nav {
	background-color: #cdcdcd;
	padding: 2px 2px 0px;
  }
  nav ul#nav-main {
	display:block;
	margin:0;
	padding:0;
	list-style:none;
  }
  nav ul#nav-main li {
	display:block;
	float:left;
	position:relative;
  }
  nav ul#nav-main li:after {
	content: "|";
	color: #FFF;
	position:absolute;
	top:5px;
	right:-2px;
  }
  nav ul#nav-main li a,
  nav ul#nav-main li a:visited {
	display:block;
	color: #000;
	font-size:16px;
	font-weight:500;
	font-style: italic;
	text-decoration:none;
	padding:5px 35px 3px;
  }
  nav ul#nav-main li a:hover,
  nav ul#nav-main li a.active {
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe09f+0,ffdd96+3,fed883+6,fecf67+9,ffc33f+12,febc2a+15,ffbb2a+97,e7c379+100 */
	background: rgb(255,224,159); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,224,159,1) 0%, rgba(255,221,150,1) 3%, rgba(254,216,131,1) 6%, rgba(254,207,103,1) 9%, rgba(255,195,63,1) 12%, rgba(254,188,42,1) 15%, rgba(255,187,42,1) 97%, rgba(231,195,121,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,224,159,1) 0%,rgba(255,221,150,1) 3%,rgba(254,216,131,1) 6%,rgba(254,207,103,1) 9%,rgba(255,195,63,1) 12%,rgba(254,188,42,1) 15%,rgba(255,187,42,1) 97%,rgba(231,195,121,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,224,159,1) 0%,rgba(255,221,150,1) 3%,rgba(254,216,131,1) 6%,rgba(254,207,103,1) 9%,rgba(255,195,63,1) 12%,rgba(254,188,42,1) 15%,rgba(255,187,42,1) 97%,rgba(231,195,121,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe09f', endColorstr='#e7c379',GradientType=0 ); /* IE6-9 */
  }

  /*----------  SOCIAL */
  nav ul#nav-social {
	display:block;
	margin:0 15px;
	padding:0;
	list-style:none;
	float:right;
  }
  nav ul#nav-social li {
	display:inline-block;
	padding:0 2px;
  }
  nav ul#nav-social li a {
	display:block;
	font-size:30px;
	text-decoration:none;
  }
  nav ul#nav-social li a:hover {
	opacity: .9;
	text-decoration:none;
  }
  nav ul#nav-social li.fb a,
  nav ul#nav-social li.fb a:visited {
	color: #3B5998;
  }
  nav ul#nav-social li.tw a,
  nav ul#nav-social li.tw a:visited {
	color: #1dcaff;
  }

  /*----------  UNIVERSAL */
  h1, h2, h3, h4 {
  }
  h1 {
	font-size: 34px;
	margin: 25px 0 20px;
  }
  h2 {
	font-size:21px;
	margin:20px 0 15px;
  }
  a.link, a:visited {
	color: #FFBB3B;
	text-decoration:none;
  }
  a.link:hover {
	color: #FFBB3B;
	text-decoration:underline;
  }
  #main a[href^="mailto:"] {
	color: #FFBB3B;
	text-decoration: none;
  }
  #main a[href^="mailto:"]:hover {
	color: #FFBB3B;
	text-decoration: underline;
  } 


  /*----------  MAIN */
  #site-wrapper {
	max-width:960px;
	margin:auto;
	padding:0;
  }
  #main {
	background-color: #FFF;
	padding:10px;
  }
  #leftcol {
	float:left;
	width:22%;
  }
  #rightcol {
	float:left;
	width:78%;
  }


  /*---------------------  NEWSLETTER */
  #main-col-header {
	margin-bottom:10px;
  }
  a#subscribe {
	display:block;
	color: #FFF;
	font-size: 16px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	max-width:400px;
	margin:5px 15px;
	padding: 5px 25px 5px 72px;
	position: relative;
	border-radius:2px;
	cursor:pointer;
	float:right;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#363636+0,3c3c3c+6,484848+16,4e4e4e+19,545454+25,5c5c5c+28,5c5c5c+31,737373+50,7a7a7a+53,7a7a7a+56,818181+59,838383+63,969696+78,999999+81,999999+100 */
	background: rgb(54,54,54); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(54,54,54,1) 0%, rgba(60,60,60,1) 6%, rgba(72,72,72,1) 16%, rgba(78,78,78,1) 19%, rgba(84,84,84,1) 25%, rgba(92,92,92,1) 28%, rgba(92,92,92,1) 31%, rgba(115,115,115,1) 50%, rgba(122,122,122,1) 53%, rgba(122,122,122,1) 56%, rgba(129,129,129,1) 59%, rgba(131,131,131,1) 63%, rgba(150,150,150,1) 78%, rgba(153,153,153,1) 81%, rgba(153,153,153,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(54,54,54,1) 0%,rgba(60,60,60,1) 6%,rgba(72,72,72,1) 16%,rgba(78,78,78,1) 19%,rgba(84,84,84,1) 25%,rgba(92,92,92,1) 28%,rgba(92,92,92,1) 31%,rgba(115,115,115,1) 50%,rgba(122,122,122,1) 53%,rgba(122,122,122,1) 56%,rgba(129,129,129,1) 59%,rgba(131,131,131,1) 63%,rgba(150,150,150,1) 78%,rgba(153,153,153,1) 81%,rgba(153,153,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(54,54,54,1) 0%,rgba(60,60,60,1) 6%,rgba(72,72,72,1) 16%,rgba(78,78,78,1) 19%,rgba(84,84,84,1) 25%,rgba(92,92,92,1) 28%,rgba(92,92,92,1) 31%,rgba(115,115,115,1) 50%,rgba(122,122,122,1) 53%,rgba(122,122,122,1) 56%,rgba(129,129,129,1) 59%,rgba(131,131,131,1) 63%,rgba(150,150,150,1) 78%,rgba(153,153,153,1) 81%,rgba(153,153,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
  }
  a#subscribe:before {
	content: url('/images/lacrosse/site-2017/images/universal/newsletter-paper.png');
	display:block;
	position:absolute;
	left:-5px;
	top:-11px;
  }
  a#subscribe:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b98a20+0,bc8823+3,c59123+13,cc9727+22,cc9727+25,d7a02b+34,d79e2a+38,dfa430+41,dea32f+44,e4a732+47,ecae33+63,f3b337+66,f3b335+69,fab639+72,f8b737+75,febb39+78,ffbb3a+100 */
	background: rgb(185,138,32); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(185,138,32,1) 0%, rgba(188,136,35,1) 3%, rgba(197,145,35,1) 13%, rgba(204,151,39,1) 22%, rgba(204,151,39,1) 25%, rgba(215,160,43,1) 34%, rgba(215,158,42,1) 38%, rgba(223,164,48,1) 41%, rgba(222,163,47,1) 44%, rgba(228,167,50,1) 47%, rgba(236,174,51,1) 63%, rgba(243,179,55,1) 66%, rgba(243,179,53,1) 69%, rgba(250,182,57,1) 72%, rgba(248,183,55,1) 75%, rgba(254,187,57,1) 78%, rgba(255,187,58,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(185,138,32,1) 0%,rgba(188,136,35,1) 3%,rgba(197,145,35,1) 13%,rgba(204,151,39,1) 22%,rgba(204,151,39,1) 25%,rgba(215,160,43,1) 34%,rgba(215,158,42,1) 38%,rgba(223,164,48,1) 41%,rgba(222,163,47,1) 44%,rgba(228,167,50,1) 47%,rgba(236,174,51,1) 63%,rgba(243,179,55,1) 66%,rgba(243,179,53,1) 69%,rgba(250,182,57,1) 72%,rgba(248,183,55,1) 75%,rgba(254,187,57,1) 78%,rgba(255,187,58,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(185,138,32,1) 0%,rgba(188,136,35,1) 3%,rgba(197,145,35,1) 13%,rgba(204,151,39,1) 22%,rgba(204,151,39,1) 25%,rgba(215,160,43,1) 34%,rgba(215,158,42,1) 38%,rgba(223,164,48,1) 41%,rgba(222,163,47,1) 44%,rgba(228,167,50,1) 47%,rgba(236,174,51,1) 63%,rgba(243,179,55,1) 66%,rgba(243,179,53,1) 69%,rgba(250,182,57,1) 72%,rgba(248,183,55,1) 75%,rgba(254,187,57,1) 78%,rgba(255,187,58,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b98a20', endColorstr='#ffbb3a',GradientType=0 ); /* IE6-9 */
  }



  /*----------  PAGES */ 
  .mapwrap iframe {
	display:block;
	width:100%;
  }
  #player-about {
	background:url('/images/lacrosse/site/about/lacrosseplayer.jpg') no-repeat right top;
  }


  /*----------  LEFT COL NAVIGATION */
  #leftcol {
	background-color: #3B3B3B;
  }
  #leftcol ul {
	margin:0;
	padding:0;
	list-style:none;
  }
  #leftcol ul li {
	display:block;
	position:relative;
  }
  #leftcol ul li a {
	display:block;
	color: #FFF;
	font-size:16px;
	line-height:20px;
	font-weight:500;
	text-decoration:none;
	padding:5px 10px;
	outline:none;
	border-bottom:solid 1px #FFF;
  }
  #leftcol ul li a:hover {
	background-color: #FFBB3B;
	text-decoration:none;
  }
  #leftcol ul li a .fa {
	float:right;
  }
  #leftcol ul ul {
	display:none;
	background: #545454;
	position: absolute;
	top:0;
	left:100%;
	z-index:9999;
	width:175px;
  }
  #leftcol ul li:hover ul {
	display:block;
  }
  #leftcol ul li:hover ul li {
	display:block;
  }
  #leftcol ul li ul li a {
	border-color: rgba(255,255,255,.75);
  }


  .hours-wrap {
	background-color: #DDD;
	padding:15px 10px 10px;
	text-align:center;
  }
  .hours-wrap .days {
	display:inline-block;
	color:rgb(49, 151, 195);
	font-style:italic;
	font-weight:bold;
  }

  /*----------  FORMS */
  #searchform {
	float:left;
  }
  .btn-outline-success {
	color: #333;
	background-image: none;
	background-color: transparent;
	border-color: #333;
	cursor:pointer;
  }
  .btn-outline-success:hover {
	color: #000;
	background-color: #fdba3d;
	border-color: #000;
  }
  #loginform {
	max-width:275px;
  }
  #c-form label {
	display:block;
	font-size:14px;
	margin: 10px 0 2px 3px;
  }
  #c-form .form-control {
	background-color: #e1e1e1;
	color: #333;
	font-size:13px;
	height:auto;
	padding:10px 12px;
	border:solid 1px #ddd;
	border-radius:5px;
  }
  #c-form .form-group {
	margin-bottom:8px;
  }
  #c-form textarea.form-control {
	height:130px;
  }
  #c-form input#submit-btn {
	display:block;
	background: rgb(255,195,63);
	color: #FFF;
	font-size:15px;
	text-transform:uppercase;
	border:none;
	outline:none;
	max-width:125px;
	padding:5px 20px;
	cursor:pointer;
  }

  /*----------  FOOTER */
  footer {
	background-color: #999;
	padding-top:15px;
	padding-bottom:15px;
	color: #FFF;
	font-size:13px;
  }
  footer p {
	margin:0;
  }
  .contact-info p {
	display:inline-block;
	padding:10px 15px 10px 5px;
  }
  a#foot-phone {
	color: #FFF;
	font-size:25px;
	line-height:29px;
	font-weight:bold;
  }

  .btm p, .btm p a {
	color: #999;
	font-size:10px;
	text-decoration:none;
	margin:0;
	padding:0;
  }
  .btm p:hover {
	color: #FFF;
	text-decoration:underline;
  } 
  .btm {
	padding:20px;
  }

  /*-------------------  SIDR */
  .sidr {
	background: #E4E4E7;
	display:none;
	position:absolute;
	position:fixed;
	top:0;
	height:100%;
	z-index:999999;
	width:260px;
	overflow-x:none;
	overflow-y:auto;
	font-weight: 300;
	color:#FFF;
	border-right:solid 1px #253E8E;
  }
  .sidr img {
	display:block;
	width:88%;
	margin:25px auto 0;
  }
  .sidr .sidr-inner {
	padding:0 0 15px
  }
  .sidr .sidr-inner>p {
	margin-left:15px;
	margin-right:15px
  }
  .sidr.right {
	left:auto;
	right:-260px
  }
  .sidr.left {
	left:-260px;
	right:auto
  }
  .sidr ul {
	display:block;
	margin:50px 0;
	padding:0;
	border-top: 1px solid rgba(0,0,0,.2);
  }
  .sidr ul li {
	display:block;
	margin:0;
	line-height:40px;
	outline:none;
	border-bottom: 1px solid rgba(0,0,0,.2);
  }
  .sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
	background-color: #a30103;
	line-height:40px;
  }
  .sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span {
	color: #FFF;
	outline:none;
	border:none;
  }
  .sidr ul li a  {
	display:block;
	color:#000;
	font-size: 14px;
	font-weight:500;
	text-decoration:none;
	padding:0 20px;
  }
  #close-btn {
	display: block;
	font-size: 16px;
	color: rgba(0, 0, 0, 1);
	margin: 10px;
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 999;
	cursor:pointer;
  }
  /*---------------------  PRODUCT PAGE */
  #products {
	padding:5px 0;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
  }
  .item {
	text-align:center;
	padding:10px;
  }
  .item a {
	display:block;
  }
  .item a img {
	display:block;
	border:solid 2px #000;
	margin:auto;
  }
  .item p {
	color:#C33;
	font-weight:500;
	margin:5px auto;
	padding:0 5px;
	max-width:325px;
  }
  .item p span {
	display:block;
	color:#000;
	font-size:1.5em;
  }
  p#price {
	color:#C33;
	font-size:1.25em;
	font-weight:bold;
  }
  .form-group input, .form-group select {
	background-color: #f8f8f8;
	width: 100%;
	border: solid 1px #DDD;
	border-radius: 4px;
	height: 40px;
	padding: 0 10px;
  }
  #atc-form input[type="submit"] {
	display: inline-block;
	background-color: #C33;
	color: #FFF;
	font-size: 13px;
	text-transform: uppercase;
	max-width: 300px;
	margin: 10px 0;
	padding: 5px 40px;
	border: 0;
	border-radius: 15px;
	cursor: pointer;
	transition: background-color 1s;
  }
  #mobile-toggle {
	display:none;
	background-color: #666666;
	color:#FFF;
	font-size:19px;
	padding:15px;
	cursor:pointer;
  }
  #mobile-toggle:hover,
  #mobile-toggle.closepanel {
	background-color: #555555;
  }


  /*--------------------------------------------------------------------------  MEDIA QUERIES */
  @media screen and (max-width: 992px) {
	.hours-wrap {display:none}
	#mobile-toggle {display:block}
	#leftcol ul {display:none}
	#leftcol ul ul{
	  position: relative;
	  left: 0%;
	  width: 100%;
	}
	.menuitem span.fa{
	  transform: rotate(90deg);
	}
	#leftcol h3:after {content:url('/Images/VictoryAwards/site/template/nav-down.png'); position:absolute; top:15px; right:20px}
	#leftcol h3.closepanel:after {content:url('/Images/VictoryAwards/site/template/nav-up.png')}
	#leftcol, #rightcol {float:none; width:100%}
	#main-col-header {margin-top:15px}
	#player-about {background-image: none}
  }
  @media screen and (max-width: 925px) {
	nav ul#nav-main{display:none}
	#mobile-nav-btn {display:block}
  }
  @media screen and (max-width: 767px) { 
	a#subscribe, #searchform, a#cart-btn {display:none}
	#header {background: url('/images/VictoryAwards/site/template/bg-header.jpg') no-repeat top left}
	a#mobile-logo {display:block; position:absolute; bottom:20px; left:0}
  }