﻿body { font-family:georgia,"times new roman",times,serif; font-size:17px; color:#0d0d0d; font-weight:400; line-height:27px; padding:0px; margin:0px; background:#fff;
background-size: 100% auto; 
background-attachement: fixed;}

.pageContainer {
	max-width: 100%;
    margin: 0 auto;
	box-sizing: border-box;
	padding: 75px 20px 0 20px;
	overflow:hidden;
}

/*** NAV ***/

.lsheader {
	height: 60px;
	box-sizing: border-box;
	position: fixed;
	top:0px; 
	left: 0px;
	background:#fff;
	width: 100%;
	max-width: 1155px;
	z-index:1000;	
	margin: 0 auto;
	padding: 9px 22px 0 22px;
	/*background:#fff url(../../images/responsive/mobile-logo.png) no-repeat right 20px;*/
}
.headerLogo {
	max-width: 200px;
	margin:0 auto;
    max-height:50px;
}
.lsheader ul.lsnavigation { 
	list-style:none; 
	margin:15px 0 0 0px; 
	padding:0px;
	font-size:11px;
	font-weight:bold;
}
.lsheader ul.lsnavigation li {
	display:inline-block;
	float:left;	
	width: 30px;
	overflow:hidden;
}
.lsheader ul.lsnavigation li a {
	display:block;
	color:#000;
	text-decoration:none;
	padding: 0px;	
}
ul.headerLinks { 
	list-style:none; 
	margin:10px 0px 0 0; 
	padding:0px;
	font-size:11px;
	font-weight:400;
	float:right;
	font-family: 'Montserrat', sans-serif;
}
ul.headerLinks li {
	float:left;
	padding: 6px 3px 0 3px;
}
ul.headerLinks li:last-child {
	padding-right: 0px;	
}
ul.headerLinks li a {
	display:block;
	color:#000;
	text-decoration:none;
	padding:0px 0 0 0;	
}

/*** NAVIGATION ****/

.menu { 
	position:fixed;
	top:60px;
	left: 0px;
	height: auto;
	width: 100%;
	z-index:800;
	opacity: 0;
	transition: all .3s ease-in;
	margin:0 auto;
	background:#f9f9f9;
	border-top: 2px solid #ccc;
	max-height: 500px;
	overflow-y: scroll;
}
.menu.active {
	left: 0px;
	opacity: 1;	
}
ul.mainNav {
	list-style:none;
	margin:0px;
	padding: 10px 0 0 0px;	
}
.subNav ul {
	list-style:none;
	margin:0px;
	padding: 0px;	
}
.subNav {
	height: 0px;
	overflow:hidden;
}
.subNav.open {
	height:auto;	
}
.subNav.opened {
	height: auto;	
}
ul.mainNav li, .subNav ul li {
    font-size: 14px;
    line-height: 17px;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    white-space: nowrap;
	position:relative;
	border-bottom: solid 1px #ccc;
	
}
ul.mainNav li a, .subNav ul li a,  ul.mainNav li .topLevel {
    display: block;
    color: #000;
    cursor: pointer;
    padding: 10px 21px 10px 12px;
	text-decoration:none;
	position:relative;
}
ul.mainNav li a:hover, .subNav ul li a:hover,  ul.mainNav li .topLevel:hover {
	border-radius: 5px;
    color: #000;
    background-color: #f0f8fc;
    text-decoration: none;
    margin-right: 10px	
}
.subNav ul li a {
	height: 23px;
	padding-left: 50px;	
}
.arrow-right {
    width: 0;
    height: 0;
    display: inline-block;
    /* border-left: 4px inset transparent;
    border-right: 4px inset transparent;
    border-top: 4px inset transparent;
    border-bottom: 4px inset transparent;
    border-left: 4px solid #b3b3b3; */
    position: absolute;
    left: 189px;
	display:none;
	top: 3px;
}
.lsheader .lsnavigation .arrow-right .arrow-conceal {
    width: 0;
    height: 0;
    display: inline-block;
    border-left: 4px inset transparent;
    border-right: 4px inset transparent;
    border-top: 4px inset transparent;
    border-bottom: 4px inset transparent;
    border-left: 4px solid #fff;
    position: absolute;
    top: -4px;
    left: -5px;
}
.subNav { 
	min-width: 190px;
	position:relative;
	border-radius: 4px;
	z-index:900;
	background:#fff;
}
.subNav img.thumbnail {
	/* display:none;	*/
	height: 34px;
	padding-right: 10px;
	position:absolute;
	top: 4px;
	left: 4px;
}
.subArrow {
	position:absolute;
	left: -14px;
	top: 16px;
	display:none;
}


/*** MORE MENU ***/
.menu {
	height: auto;	
}
.menu.collapsed {
	height: 150px;
	overflow:hidden;	
    /*display:none;*/
    z-index:-1;
}
.collapsible-menu {
	position:absolute; 
	top: 128px; 
	left:0px; 
	z-index:999;
	font-family: 'Montserrat', sans-serif;
}
.collapsible-menu.collapsed .menuContent {
	max-height: 0px; 
	position:relative; 
	overflow:hidden; 
	box-sizing:border-box;
	transition: max-height .3s ease-in;
}
.collapsible-menu .menuContent {
	max-height: 3000px;	
	height: auto;
	border:solid 1px #34a8cb;
	background:#fff; 
	box-sizing:border-box;
	transition: max-height .3s ease-in ;
}
.collapsible-menu .menuContent a {
	text-decoration:none;	
	color:#000;
	display:block;
	padding: 5px 10px;
	font-size: 16px;
}
.collapsible-menu.collapsed .menuContent a {
	display:none;
}

.collapsible-menu .menuTab {
	position:relative; 
	left:0px; 
	width: 100px; 
	background: #fff; 
	height: 30px; 
	box-sizing:border-box;
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	border-left: 1px solid #34a8cb;
	border-right: 1px solid #34a8cb;
	border-bottom: 1px solid #34a8cb;
	text-align:center;
	color: #34a8cb;
	padding-top: 4px;
	font-size: 14px;
	cursor:pointer;
	border-top: solid 1px #fff;
}


.hide-for-xsmall, .hide-for-mobile, .hide-for-mobile { display:none;}

#sidebar {
	padding: 0 25px 0 25px;
	overflow: hidden;
}
/***** FOOTER *****/

.lsfooter {
	background:#385ca9;	
	color:#fff;
	font-size:10px;
	margin-top: 30px;
	padding-top:7px;
	font-family: 'Montserrat', sans-serif;
}
.lsfooter a {
	color:#fff;	
}
.lsfooter .footerBar {
	background:#7e7e7e;
	color:#000;
}
.lsfooter .footerBar a {
	color:#000;	
	display:inline-block;
	padding: 0 5px;
	text-decoration:none;
}
.lsfooter ul.social {
	list-style:none;
	margin:8px auto 0 auto; 
	padding:0px;	
	display:block;
	width: 120px;
}
.lsfooter ul.social li {
	float:left;
	width: 24px;
	height: 24px;
	-moz-border-radius: 18px;	
	-ms-border-radius: 18px;	
	-o-border-radius: 18px;	
	-webkit-border-radius: 18px;	
	border-radius: 18px;	
	background-color:#fff;
	margin: 0 3px;
}

.footerLinks {
	text-align:center;
	padding: 15px 0 10px 0;
	font-size: 14px;	
}
body .footerLinks a {
	display: inline-block;
	text-decoration:none;
	padding: 0 10px;	
	color:white !important;
}
ul.footerIcons {
	list-style:none;
	padding:0px;
	display:block;
	width: 295px;
	margin:10px auto;
}
ul.footerIcons li {
	float:left;	
	padding: 0 5px;
}
ul.footerIcons li img
{
    height:25px;
}

#ShareToggle
{
    background-color:white; border: 1px solid gray; padding:10px 10px 5px; position:absolute; display:none;
}

.hero {
    box-sizing: border-box;
    height: 128px;
    position: relative;
	text-shadow: 2px 0 0 #034e6b, 0 -2px 0 #034e6b, 0 2px 0 #034e6b, -2px 0 0 #034e6b;
	text-align:center;
	font-size:30px;
	line-height:35px;
	color:white;
	padding:25px 30px;
}

select#board
{
    width:100%;
}

/********************** MEDIA QUERIES ***************************/
/*.row { position:relative; margin:0px;}

.col-xs-1, .col-xs-1-right, .col-sm-1, .col-sm-1-right .col-md-1, .col-md-1-right, .col-lg-1, .col-lg-1-right, .col-xs-2, .col-xs-2-right .col-sm-2, .col-sm-2-right, .col-md-2, .col-md-2-right, .col-lg-2, .col-lg-2-right, .col-xs-3, .col-xs-3-right, .col-sm-3, .col-sm-3-right, .col-md-3, .col-md-3-right, .col-lg-3, .col-lg-3-right, .col-xs-4, .col-sm-4, .col-sm-4-right, .col-md-4, .col-md-4-right, .col-lg-4, .col-lg-4-right, .col-xs-5, .col-sm-5, .col-sm-5-right, .col-md-5, .col-md-5-right, .col-lg-5, .col-lg-5-right, .col-xs-6, .col-sm-6, .col-sm-6-right, .col-md-6, .col-md-6-right, .col-lg-6, .col-lg-6-right, .col-xs-7, .col-sm-7, .col-sm-7-right, .col-md-7, .col-md-7-right, .col-lg-7, .col-lg-7-right, .col-xs-8, .col-sm-8, .col-sm-8-right, .col-md-8, .col-md-8-right, .col-lg-8, .col-lg-8-right, .col-xs-9, .col-sm-9, .col-sm-9-right, .col-md-9, .col-md-9-right, .col-lg-9, .col-lg-9-right, .col-xs-10, .col-sm-10, .col-sm-10-right, .col-md-10, .col-md-10-right, .col-lg-10, .col-lg-10-right, .col-xs-11, .col-sm-11, .col-sm-11-right, .col-md-11, .col-md-11-right, .col-lg-11, .col-lg-11-right, .col-xs-12, .col-xs-12-right .col-sm-12, .col-sm-12-right, .col-md-12, .col-md-12-right, .col-lg-12, .col-lg-12-right, .col-lg-2half, .col-md-2half, .col-lg-20, .col-md-20, .col-nav {
  position: relative;
  min-height: 1px;
  padding:0px;
}*/

@media (min-width: 500px) {
	

}
@media (min-width: 768px) {
	
	.pageContent {
		padding: 0px 65px 40px 55px;	
	}
	  .container, .container.pinch, .slideshow, .lsfooter  {
		width:95%;
		min-width: 750px;
		margin:0 auto;
	  }
  
	 .hide-for-xsmall { display:block;}
	.lsheader { 
		position: relative; 
		padding: 9px 0px 0 0px; 
		background:none;
	}
    .headerLogo
    {
        width:95%;
        max-height:initial;
        max-width: 338px;
    }
	 .pageContainer {
		box-shadow: -1px 0 4px 0 #e2e2e2;
		margin: 0 auto;
		border-right: 1px solid #e2e2e2;
		border-left: 1px solid #e2e2e2;	
		padding: 0px;
	}
}
@media (min-width: 975px) {
	
	.hero {
		font-size:40px;
		line-height:40px;
		padding:35px 20px;
	}

	 .container, .slideshow, .lsfooter {
	width:95%;
    min-width: 970px;
  }
	.sidebarContainer {
		border-left:5px solid #1B8ECE;
	}
	
	/********** HEADER ********/
 
 
	    .subscribeForm  {
		
		text-align:center;
	}
	.hide-for-mobile {
		display:block;	
	}
	 .mobile-only { 
		display:none !important;
		}
	 .lsheader.fixed ul.phones, .lsheader ul.phones {
			font-size: 24px;
		}
	.heroNav {
		font-size: 16px;
}	
	/****** MENU ********/
	
	.menu { 
		position:fixed;
		top:0px;
		height: 100%;
		width: 240px;
		z-index:999;
		box-shadow: 4px 0 6px 1px rgba(0,0,0,0.1);
		opacity: 0;
		transition: all .3s ease-in;
		background:#fff;
		border-top: none;
		max-height: 100%;
		overflow:visible;
	}
	.menu.collapsed { left: -240px; }
	.menu.opened { left: 0px; }
	.menu.active {
		left: 0px;
		opacity: 1;	
		
	}
	ul.mainNav, .subNav ul {
		list-style:none;
		margin:0 0 1em 0;
		padding: 10px 0 0 10px;	
	}
	ul.mainNav li, .subNav ul li {
		border-bottom: none;	
	}
	ul.mainNav li a, .subNav ul li a, ul.mainNav li .topLevel {
		padding: 4px 21px 4px 12px;
	}
	.subNav ul li a {
		height: auto;	
	}
	ul.mainNav li a:hover, .subNav ul li a:hover, ul.mainNav li .topLevel:hover {
    	margin-right: 0px	
	}
	ul.mainNav li:hover .subNav {
		display:block;	
	}
	.arrow-right {
		display:block;
	}
	.subNav { 
		min-width: 190px;
		position:absolute;
		top: -16px;
		left: 205px;
		border:solid 1px #cccccc;
		border-radius: 4px;
		z-index:1000;
		background:#fff;
		box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.1);
		display:none;
		height:auto;
	}
	.subArrow {
		position:absolute;
		display:inline-block;	
		left: -14px;
		top: 16px;
	}
	.subNav.products, .subNav.products ul {
		width: 750px;
		overflow-y:scroll;
		overflow-x: hidden;
	}
	.subNav.products ul li {
		float:left;	
		display:block;
		width: 33.33333%;
		text-align:center;
		padding-bottom: 8px;
	}
	.subNav.products ul li a img.thumbnail {
		height: 50px;
		display:block;
		margin:0 auto 4px auto;	
		position:relative;
		padding-bottom: 4px;
	}
	ul.mainNav li:hover .subNav {
	display:block;	
	}
}
@media (min-width: 1200px) {
	 .container, .slideshow, .lsfooter  {
    width: 100%;
	max-width:1125px;
  }
	.pageContainer {
		max-width: 1605px;
	}

}