@import url("/css/nav.css");
@import url("/css/icons.css");
*{
	font-family:sans-serif;
	border-collapse:collapse;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
html{
	height:100%;
}
body{
	/* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#ffffff+0,773533+100 */
	background:rgb(255,255,255); /* Old browsers */
	background:-moz-linear-gradient(top,  rgba(255,255,255,1) 50%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 50%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  rgba(255,255,255,1) 50%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-attachment:fixed;
	height:100%;
	text-align:center;
	margin: 0;
}
h1 a,h2 a,h3 a,h4 a,h5 a{
	text-decoration:none;
}
a[class*="icon-"]{
	text-decoration:none;
	color:gray;
}
h1,h2{
	clear:both;
}
	h2{
		color:rgb(67, 120, 195);
		letter-spacing:-1px;
		font-size:1.7em;
		border-bottom:1px solid;
	}
	h3{
		color:#5896f7;
		margin:0px;
	}
		h2 + h3{
			margin-top:-10px;
		}
	h4{
		margin:0;
	}
header{
	position:relative;
	height: 168px;
	max-width: 1024px;
	margin: 0 auto;
}
	header h1{
		position: relative;
		height: 100px;
		width: 350px;
		top: 15px;
		margin: 0;
		padding: 0;
	}
		header h1 a{
			color:transparent;
			background:url('/images/logo.png') no-repeat;
			background-size:contain;
			width:100%;
			height:100%;
			display:block;
		}
			header div#socialIcons {
				position:absolute;
				right:0;
				bottom:50px;
				width:425px;
				text-align:right;
				height:50px;
				padding:0;
			}
				header div#socialIcons a{
					font-size:2.5em;
					color:#4378c3;
				}
	header p#phoneNumber{
		position:absolute;
		right:10px;
		top:-15px;
		font-size:1.5em;
	}
	header nav{
		background: #fff;
		line-height: 2em;
		top:130px;
		position:absolute;
		width:100%;
		color: #000;
		border-top: 1px solid #4378c3;
	}
		header nav ul.nav li.buttonSelected {
			border-bottom: 4px solid #4378c3;
		}
		header nav ul.nav li a{
			color: #252525;
			background:#fff;
			display:inline-block;
			padding:0 10px;
			text-decoration:none;
			font-weight: normal;
			font-size:1.2em;
		}
			header nav ul.nav ul{
				box-shadow:0 0 1px rgba(0, 0, 0, 0.5);
			}
				header nav ul.nav>li:hover {
					border-bottom: 4px solid rgba(67, 120, 195, 0.66);
				}
				header nav ul.nav ul li:hover>a, .nav ul li a:hover {
					background:#fff;
					color:gray;
				}
div#slides{
	z-index:0;
	position:relative;
	width:100%;
	min-height:450px;
	top:0;
	background:gray;
	background-size:cover;
	transition:all 2s;
	overflow:hidden;
}
	div#slides div{
		z-index:1;
		position:absolute;
		background-size:cover !important;
		background-repeat:no-repeat !important;
		background-position:center center !important;
		height:100%;
		width:100%;
		display:none;
	}
		#slides div aside {
			background: rgba(255, 255, 255, 0.7);
			position: absolute;
			bottom: 10px;
			left:100px;
			padding: 10px;
			min-height: 100px;
			border-radius: 5px;
			min-width: 400px;
			transition:left 2s;
		}
			#slides div aside h3{
				margin:0;
			}
	div#wrapper.collapsed > #slides{
		min-height:0;
		max-height:0;
	}
		div#wrapper.collapsed > #slides aside{
			left:-200px;
		}
div#wrapper{
	background-color:#fff;
	min-height:100%;
	overflow:hidden;
	text-align:left;
	margin:0 auto;
	padding:0;
	box-shadow:0 170px 10px;
}
	.loggedInEls,.loggedOutEls{
		float:right !important;
		margin-right:50px !important;
	}
	#wrapper.loggedIn .loggedOutEls{
		display:none;
	}
	#wrapper:not(.loggedIn) .loggedInEls{
		display:none;
	}
div#contentWrapper {
	max-width: 1024px;
	margin: 0 auto;
}
div#content{
	min-height:700px;
	width:100%;
	position:relative;
	top:10px;
	padding:20px;
	overflow:hidden;
}
	div#content div#columnMain div#indexArticleWrapper   .articleItem{
		width:30%;
		width:calc(33% - 10px);
		float:left;
		border:0;
		border-radius:15px;
		background:#060B47;
		padding:20px;
		margin-right:10px;
		color:white;
		min-height:200px;
		font-size:.8em;
		border-left: 4px solid #4378c3;
	}
	div#content div#columnMain div#indexArticleWrapper   .adminMenu{
		display:none;
	}
	div#content div#columnMain div#indexArticleWrapper   .articleItem p small{
		font-size:.8em;
		color:#7777D8;
		font-style:italic;
	}
	div#content div#columnMain div#indexArticleWrapper   .articleItem a{
		color:gray;
		float:right;
		font-style:italic;
		text-decoration:none;
		position:relative;
		top:20px;
	}
	div#content div#columnMain div#indexArticleWrapper div#assocations{
		overflow:hidden;
		clear:both;
		text-align:center;
		opacity:.5;
		padding:25px 150px;
	}
	div#content div#columnSide{
		font-size:.8em;
		width:30%;
		display:block;
		float:left;
		min-height:600px;
		overflow:hidden;
		margin:0;
		padding:10px;
		margin-bottom:-5000px;
		padding-bottom:5000px;
	}
		div#columnSide h2{
			border-bottom:none;
		}
		div#columnSide h3{
			color:rgba(37, 51, 101, 0.97);
		}
		div#columnSide img{
			width:auto;
			height:auto !important;
			max-width:100%;
		}
			div#columnSide img.userTiny{
				height:12px !important;
				width:12px !important;
			}
		div#columnSide ul{
			list-style-type:none;
			margin:0;
			padding:0;
		}
			div#columnSide ul li{
				padding:5px 5px;
			}
				div#columnSide ul li a{
					display:block;
					padding:5px 15px;
					border-radius:10px;
					text-decoration:none;
				}
					div#columnSide ul li.selected a{
						background:#fff;
						margin-right:-25px;
						box-shadow:20px 0 120px rgba(179, 179, 179, 0.8);
						border:1px solid rgba(216, 216, 216, 0.8);
					}
					div#columnSide ul li:hover a{
						background:#e9eef3;
						margin-right:-25px;
					}
		div#content div#columnSide div#randomReferral{
			font-size:.8em;
			line-height:1.2em;
			overflow:hidden;
		}
		div#content div#columnSide .articleItem{
			border:none;
			border-bottom:2px ridge;
			margin:initial;
			padding:0;
			background:initial;
			border-radius:0;
		}
			div#content div#columnSide .articleItem h4{
				margin:4px 0;
				padding:0;
			}

			div#content div#columnSide .articleItem p{
				margin:0 0 10px 0;
			}
		div#content div#columnSide label{
			width:100%;
			text-align:left;
		}
		div#content div#columnSide #loginForm input{
			width:100%;
		}
	div#content div#columnMain{
		float:right;
		width:70%;
		margin:0;
		padding:10px;
	}
		#content #columnMain img{
			max-width:60%;
			float:right;
			margin-left:10px;
		}
			#content #columnMain img.userTiny{
				height:125px !important;
				width:auto !important;
			}
			#content #columnMain h2 + img{
				border:0;
			}
				#content #columnMain h2 + iframe#googleMap{
					width:50% !important;
					float:right;
				}
		div#content div#columnMain img[style^="float:left"],div#content div#columnMain img[class^="floatLeft"]{
			margin-right:10px;
			max-width:40%;
			max-height:400px;
		}
		div#content div#columnMain img[style^="float:right"],div#content div#columnMain img[class^="floatRight"]{
			margin-left:10px;
			max-width:40%;
			max-height:400px;
		}
div#peopleResultsWrapper div{
	white-space:nowrap;
}
	span#resultsTotal{
		font-weight:bold;
		font-style:italic;
	}
div#productColumns{
	width:100%;
}
#loading{
	position:fixed;
	top:0;left:0;
	width:100%;
	height:8px;
	background-image:linear-gradient(135deg, #6187f2 0%, #6187f2 25%, #5679da 25%, #5679da 50%, #6187f2 50%, #6187f2 75%, #5679da 75%, #5679da 100%);
	background-repeat:repeat;
	background-position:0px 0px;
	background-size:16px 16px;
	background-clip:content-box;
	-webkit-animation:loading 1s linear infinite;
	-moz-animation:loading 1s linear infinite;
	-o-animation:loading 1s linear infinite;
	animation:loading 1s linear infinite;
}
	#loading:after{
		position:absolute;
		right:0;
		height:8px;
		background:#fff;
		z-ind ex:20;
		-webkit-animation:progress 4s ease-in-out infinite;
		-moz-animation:progress 4s ease-in-out infinite;
		-o-animation:progress 4s ease-in-out infinite;
		animation:progress 4s ease-in-out infinite;
		content:'';
	}

@-webkit-keyframes loading{
	from{ background-position:0px 0px; } to{ background-position:-16px 0px; }
}
@-moz-keyframes loading{
	from{ background-position:0px 0px; } to{ background-position:-16px 0px; }
}
@-o-keyframes loading{
	from{ background-position:0px 0px; } to{ background-position:-16px 0px; }
}
@keyframes loading{
	from{ background-position:0px 0px; } to{ background-position:-16px 0px; }
}
@-webkit-keyframes progress{
	0%{ min-width:100%; } 30%{ min-width:80%; } 50%{ min-width:65%; } 69%{ min-width:20%; } 85%{ min-width:0; } 100%{ min-width:0; }
}
@-moz-keyframes progress{
	0%{ min-width:100%; } 30%{ min-width:80%; } 50%{ min-width:65%; } 69%{ min-width:20%; } 85%{ min-width:0; } 100%{ min-width:0; }
}
@-o-keyframes progress{
	0%{ min-width:100%; } 30%{ min-width:80%; } 50%{ min-width:65%; } 69%{ min-width:20%; } 85%{ min-width:0; } 100%{ min-width:0; }
}
@keyframes progress{
	0%{ min-width:100%; } 30%{ min-width:80%; } 50%{ min-width:65%; } 69%{ min-width:20%; } 85%{ min-width:0; } 100%{ min-width:0; }
}
.columnsWrapper{
	width:100%;
	text-align:center;
}
	.columnsWrapper .columns3{
		width:calc(33% - 20px);
		display:inline-block;
		border:2px outset;
		padding:20px;
		margin-right:20px;
		min-height:150px;
		overflow:hidden;
		border-radius:10px;
	}
.facebookImageWrapper{
	position:relative;
	width:180px;
	height:160px;
	overflow:hidden;
	border:1px solid black;
	float:left;
	padding:0;
	margin:5px;
	text-align:left;
	background:rgba(255,255,255,.5);
	border-radius:8px;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.79);
}
	.facebookImageWrapper a{
		display:block;
		width:100%;
	}
		.facebookImageWrapper a img{
			/*max-height:135px;
			width:inherit;*/
		}
.facebookImageTitle{
	text-align:center;
	display:inline-block;
	width:100%;
	font-size:.6em;
	position: absolute;
	bottom: 0;
	left:0;
	background: white;
}
.facebookLargerImageWrapper{
	position:relative;
	overflow:hidden;
	float:left;
	margin:10px;
	padding:5px;
	max-width:400px;
	min-height:300px;
	text-align:center;
	background:rgba(255,255,255,.5);
	border-radius:8px;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.79);
}
	.facebookLargerImageWrapper img{
		max-height:260px;
	}
.fb-comments, .fb-comments iframe[style], .fb-comments span{
   width:100% !important;
}
.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}
.highlight{
	color:#9C3939;
}
a.highlightButton{
	border:2px outset;
	border-radius:5px;
	margin:5px;
	padding:9px;
	line-height:1em;
	font-size:1em;
	float:left;
	text-decoration:none;
	box-shadow:0 3px 5px rgba(0, 0, 0, 0.36);
	background:#060b47;
	color:white;
}
	a.highlightButton:hover{
	   color:gray;
	}
.indent{
	margin-left:40px;
}
p.note{
	color:gray;
	font-style:italic;
	border:1px solid gray;
	padding:5px;
	margin:25px 0;
	font-size:.8em;
	background:#efefef;
}
	p.note a{
		color:gray;
	}
.quote {
	padding-left: 10px;
	border-left: 4px solid lightblue;
	margin: 0 0 30px;
	position:relative;
	text-indent:20px;
}

.quote::before {
	content: '“';
	font-size:4em;
	color:lightblue;
	position:absolute;
	left:-14px;
	top:-10px;
}
.smallText{
	font-size:.8em;
}
.tinyText{
	font-size:.6em;
}
table.zebraStripe tr:nth-child(odd){
   background-color:#ccc;
}
/*---------------------------------*/
.albumPhotoWrapper{
	position:relative;
	float:left;
}
.albumPhoto{
	position:relative;
	float:left;
	margin:4px !important;
	width:calc(24% - 4px) !important;
	height:auto;
	-webkit-box-shadow:0px 1px 3px #666666;
	-moz-box-shadow:0px 1px 3px #666666;
	box-shadow:0px 1px 3px #666666;
	border:solid #ffffff 2px;
	overflow:hidden;
	-moz-user-select:none;
	-webkit-user-select:none;
}
	.albumPhoto img.albumThumb{
		width:100%;
		height:auto;
		max-width:100% !important;
		overflow:hidden;
		padding:0 !important;
		-webkit-border-radius:0 !important;
		-moz-border-radius:0 !important;
		border-radius:0 !important;
	}
		.albumPhoto div.albumHoverDesc{
			transition:top .5s;
			-webkit-transition:top .5s;
			position:absolute;
			top:5%;
			left:0;
			background:rgba(0, 0, 0, 0.77);
			color:white;
			width:100%;
			height:20%;
			line-height:1em;
			padding:5px;
			overflow:hidden;
		}
		.albumPhoto:hover div.albumHoverDesc{
			/*display:none;*/
			top:150%;
		}
.albumTinyThumb{
	clear:both;
	height:100px;
	width:130px;
	border:1px dotted white !important;
	padding:1px !important;
	margin:1px !important;
	-webkit-border-radius:0 !important;
	-moz-border-radius:0 !important;
	border-radius:0 !important;
	-webkit-box-shadow:0 !important;
	-moz-box-shadow:0 !important;
}
.albumTinyThumbDesc{
	display:block;
	position:absolute;
	background:rgba(255, 255, 255, 0.75);
	padding:1px 20px;
	font-size:25px;
	font-family:Corinthia;
	-webkit-transform:rotate(-7deg);
	line-height:1em;
	text-decoration:none;
	box-shadow:0 0 6px #808080;
}
.clickToExpand{
	position:relative;
	max-height:25px;
	overflow:hidden;
	padding-top:25px;
	transition:max-height .2s;
	font-style:italic;
	font-size:.9em;
}
	.clickToExpand::after{
		content:"Click to View";
		position:absolute;
		left:20px;
		top:0;
		font-size:.7em;
		text-transform:lowercase;
		color:blue;
		text-decoration:underline;
	}
	.clickToExpand.expand{
		max-height:1000px;
		background:rgba(255, 255, 175, 0.71);
		margin:20px;
		box-shadow:2px 2px 5px rgba(0,0,0,.5);
		padding:20px;
	}
		.clickToExpand.expand::after{
			content:"Click to Hide";
		}
.highlightBox{
	border:2px outset rgba(179, 179, 179, 0.5);
	padding:0 10px 20px 10px;
	margin:5px 0;
	min-height:185px;
	overflow:hidden;
}
	.highlightBox a img{
		width:150px;
		height:auto;
	}
.tabMenu{
	color:white;
	position:relative;
	border-bottom:4px solid gray;
	height:1.46em;
}
	.tabMenu::after{
		content:"";
		width:100%;
		height:8px;
		background:#fff;
		top:30px;
		right:16px;
		display:block;
	}
	.tabMenu a{
		background:#CBCBCB;
		position:relative;
		top:2px;
		height:1.6em;
		display:inline-block;
		border:1px solid gray;
		border-bottom:1px solid gray;
		padding:3px 5px 15px 5px;
		margin:0 2px 0 0;
		-webkit-border-radius:5px 0 0 5px;
		-moz-border-radius:5px;
		o-border-radius:5px;
		border-radius:5px 5px 0 0;
		text-decoration:none;
		font-weight:normal;
		font-size:.8em;
		line-height:1em;
	}
		.tabMenu a:hover{
			background:#efefef;
			top:0px;
			height:1.8em;
			border-bottom:0px;
			padding-bottom:17px;
		}
		.tabMenu a.selected{
			top:1px;
			border-bottom:2px solid white;
			background:white;
			height:1.8em;
		}
.filterButton{
	display:inline-block;
	margin:3px;
	text-decoration:none;
	font-size:.8em;
	border:1px outset;
	border-radius:5px;
	padding:2px 9px;
	color:gray;
	box-shadow:0 0 5px;
	text-align:center;
}
	.filterButton.selected{
		background:rgba(84, 130, 206, 0.25);
		border:1px inset;
		box-shadow:0 0 5px inset;
	}
	.filterButton:hover{
		box-shadow:0 0 1px inset;
		background:rgba(239, 239, 239, 0.4);
	}
	table tr td .filterButton{
		margin-top:0;
		margin-bottom:0;
		background:#fb4747; /* Old browsers */
		background:-moz-linear-gradient(top,  #fb4747 0%, #f94444 9%, #f33838 22%, #e01a1a 48%, #ca0202 70%, #9a0000 100%); /* FF3.6-15 */
		background:-webkit-linear-gradient(top,  #fb4747 0%,#f94444 9%,#f33838 22%,#e01a1a 48%,#ca0202 70%,#9a0000 100%); /* Chrome10-25,Safari5.1-6 */
		background:linear-gradient(to bottom,  #fb4747 0%,#f94444 9%,#f33838 22%,#e01a1a 48%,#ca0202 70%,#9a0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb4747', endColorstr='#9a0000',GradientType=0 ); /* IE6-9 */
		color:#fff;
		font-weight:bold;
		border:outset 2px #9a0000;
		border-left-color:red;
		border-top-color:red;
		border-radius:1px;
		padding:1px 10px;
	}
		table tr td .filterButton:hover{
			color:gray;
		}
/* draggable list */
#navigationForm li{
	list-style-type:none;
}
	#navigationForm li::before{
		font-family:"icons";
		content:"\e81c";
		border:1px outset;
		height:16px;
		width:16px;
		position:relative;
		left:-2px;
		top:3px;
		border-radius:3px;
		display:inline-block;
		cursor:all-scroll;
	}
.target{
	border-top:3px dotted red;
}
/********************/
.tile{
	position:relative;
	border:2px outset;
	width:150px;
	height:100px;
	float:left;
	overflow:hidden;
	margin:3px;
	box-shadow:0 0 2px;
	background:white;
	text-align:center;
}
	.tile img{
		float:none !important;
	}
	.tile a.hoverIcon .icon{
		position:absolute;
		top:2px;
		right:2px;
		display:none;
	}
		.tile:hover a.hoverIcon .icon{
			display:block;
		}
.articleItem{
	margin:10px 0;
	padding:10px;
	background:rgba(255,255,255,.5);
	border-radius:5px;
	color:rgb(53, 53, 53);
	overflow:hidden;
	border-left: 4px solid #4378c3;
}
	.articleItem img{
		max-height:75px;
	}
.productResult{
	padding:15px 15px 30px 15px;
	margin:6px;
	width:48%;
	width:calc(50% - 12px);
	height:300px;
	border:1px outset #CECECE;
	border-radius:14px;
	overflow:hidden;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	column-break-inside:avoid;
	float:left;
	cursor:pointer;
}
	.productResult:hover{
		background:rgba(86, 121, 218, 0.2);
		border:1px inset;
	}
	div#content div#columnMain div.productResult img{
		max-width:55%;
		margin-right:4px;
		max-height:140px;
		border:none;
	}
button.addToQuote{
		border-radius:10px;
		background:#efefef;
		border:1px outset #C5C5C5;
		color:gray;
		float:right;
		outline:none;
	}
		.productResult:hover button.addToQuote{
			color:black;
			border:1px outset gray;
			background:#fff;
		}
		button.addToQuote:hover{
			color:blue;
			border:1px inset gray;
			box-shadow:0 0 5px inset;
		}
label{
	display:inline-block;
	width:200px;
	text-align:right;
	vertical-align:top;
	font-size:.8em;
	font-weight:bold;
	line-height:1.3em;
}
	label + select,label + input[type='text'],label + textarea{
		width:75%;
		width:calc(100% - 210px);
		font-weight:normal;
	}
table td input[type="text"]{
	width:100%;
}
label.small{
	width:100px;
}
	label.small + select,label.small + input[type='text'],label.small + textarea{
		width:90%;
		width:calc(100% - 110px);
		font-weight:normal;
	}
textarea{
	min-height:110px;
	transition:min-height 1s;
}
	textarea:focus{
		min-height:250px;
	}
input[type='button']{
	background:#b8e1fc; /* Old browsers */
	background:-moz-linear-gradient(top,	#b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,	#b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,	#b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
	border-radius:3px;
	border:1px outset;
	line-height:1.5em;
	color:navy;
	transition:all .5s;
}
	input[type='button']:hover{
		background:navy;
		color:white;
	}
	input[type='button']:disabled{
		color:gray;
		opacity:.5;
	}
#feedBack{
	position:fixed;
	top:0;
	right:50px;
	background:#FFFF7C;
	border:1px solid gray;
	padding:5px;
	z-index:2;
}
a#refresh{
	position:fixed;
	top:5px;
	right:10px;
	z-index:1;
	text-decoration:none;
}
	a#refresh:active{
		animation:spin 4s linear infinite;
	}
	@keyframes spin{ 100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg); } }
table{
	width:100%;
}
	table tr.greyed{
		color:#969696;
	}
table.productVersionTable{
	background:rgba(206, 231, 239, 0.57);
	border:1px outset;
	box-shadow:0 0 8px rgba(78, 78, 78, 0.74);
}
	table tr.subHeading{
		border-top:3px double gray;
	}
		table tr.subHeading td{
			padding-bottom:20px;
		}
			table tr.subHeading td:first-child{
				text-align:center !important;
			}
			table tr.subHeading td img{
				max-width:100px !important;
				max-height:90px;
				float:none !important;
			}
	table th{
		text-align:left;
		font-weight:bold;
		border-bottom:1px solid rgba(0,0,0,.3);
	}
	table td{
		vertical-align:top;
		position:relative;
	}
		table td span.currency{
			position:absolute;
			right:10px;
			top:3px;
			color:gray;
		}
			table td.selected, th.selected{
				background:rgba(0, 53, 255, 0.19);
				border:1px solid rgba(0, 53, 255, 0.5);
			}

div#productTypes{
	list-style-type:none;
}
	div#productTypes a{
		display:list-item;
		padding:5px 15px;
		margin:5px 0;
		text-decoration:none;
		border-radius:10px;
	}
		div#productTypes a.selected{
			background:#fff;
			margin-right:-18px;
			box-shadow:20px 0 120px rgba(179, 179, 179, 0.8);
			border:1px solid rgba(216, 216, 216, 0.8);
		}
		div#productTypes a.indent1{
			margin-left:20px;
		}
		div#productTypes a.indent2{
			margin-left:40px;
		}
div#productTypeDesc.clickToViewMore{
	max-height:200px;
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
}
  div#productTypeDesc.clickToViewMore.expand{
		max-height:2000px;
	}
	  div#productTypeDesc.clickToViewMore.expand::before{
			background:none;
		}
	  div#productTypeDesc.clickToViewMore.expand::after{
			content:'';
		}
	div#productTypeDesc.clickToViewMore::before{
	  content:'';
	  position:absolute;
	  bottom:0;
	  right:0;
	  width:100%;
	  height:100%;
	  background:linear-gradient(transparent 150px, white);
	}
	div#productTypeDesc.clickToViewMore::after{
		content:'more...';
		position:absolute;
		bottom:0;
		right:0;
		color:blue;
		text-decoration:underline;
		cursor:pointer;
		background:white;
		padding:6px;
	}
footer{
	clear:both;
	height:300px;
	position:relative;
	text-align:center;
	bottom:0;
	display:block;
	overflow:hidden;
	margin-bottom:-10px;
	top:40px;
	font-size:.7em;
	padding:20px 10px 30px;
	background:rgba(67,108,155,1);
	color:#1a3b61;
}
	footer div{
		margin:0 auto;
		max-width:1024px;
		font-size:1.4em;
	}
	footer div table{
		width:100%;
		font-weight:bold;
	}
	footer #crookedbush{
		text-align:center;
		font-size:.8em;
	}
		footer #crookedbush a{
			color:#1a3b61;
		}
div#zoomIframeWrapper{
	background:rgba(0, 0, 0, 0.8);
}
	div#zoomIframeWrapper > div{
		background:red;
		border-radius:100px;
		box-shadow:0 0 10px;
	}
		div#zoomIframeWrapper > div::after{
			content:"X";
			color:white;
			font-weight:bolder;
			font-size:3em;
			line-height:1.3em;
			text-shadow:0 0 13px black;
		}
/* Zoom Image */
div#zoomImageBackground{
	width:100%;
	height:100%;
	position:fixed;
	margin:0 auto;
	padding:50px;
	top:0;
	left:0;
	z-index:1999;
	background-color:rgba(0,0,0,.8);
}
div#zoomImageClose{
	position:absolute;
	top:15px;
	left:48%;
	left:calc(50% - 32px);
	z-index:2000;
	width:64px;
	height:64px;
	cursor:pointer;
	background:red;
	border-radius:50%;
	line-height:1em;
	color:white;
	font-size:4em;
	text-align:center;
}
	div#zoomImageClose:before{
		position:absolute;
		left:-12px;
	}
div#zoomImageWrapper{
	position:relative;
	max-width:100%;
	display:table;
	margin:0 auto;
}
div#zoomImageWrapper div#zoomImageNext,div#zoomImageWrapper div#zoomImageLast{
	opacity:0;
	transition:opacity .15s ease-in-out;
	-moz-transition:opacity .15s ease-in-out;
	-webkit-transition:opacity .15s ease-in-out;
	position:absolute;
	top:-10000px;
   	width:100px;
	line-height:2.5em;
	font-size:12em;
	height:100%;
	cursor:pointer;
	text-shadow:0 0 20px black;
}
	div#zoomImageWrapper:hover div#zoomImageLast{
		opacity:1;
		transition:opacity .15s ease-in-out;
		-moz-transition:opacity .15s ease-in-out;
		-webkit-transition:opacity .15s ease-in-out;
		top:0;
		left:0;
		color:white;
		z-index:1;
	}
	div#zoomImageWrapper:hover div#zoomImageNext{
		opacity:1;
		transition:opacity .15s ease-in-out;
		-moz-transition:opacity .15s ease-in-out;
		-webkit-transition:opacity .15s ease-in-out;
		top:0;
		right:0;
		color:white;
		z-index:1;
	}
		div#zoomImageWrapper img#zoomImageId{
			max-width:100%;
			border:1px solid rgb(255, 255, 255);
			background:rgb(0, 0, 0);
		}
#dialogueWrapper{
	display:none;
	width:100%;
	background:rgba(0, 0, 0, 0.7);
	height:100%;
	overflow:hidden;
	position:fixed;
	top:0;
	z-index:1000;
	text-align:center;
	margin:0 auto;
	 -webkit-transition:all 1.3s ease-in-out;
	 -moz-transition:all 1.3s ease-in-out;
	 -o-transition:all 1.3s ease-in-out;
	 -ms-transition:all 1.3s ease-in-out;
	 transition:all 1.3s ease-in-out;

}
	#dialogueWrapper #dialogue{
		visibility:visible;
		display:block;
		min-height:200px;
		width:450px;
		background:rgb(245,246,246); /* Old browsers */
		background:-moz-linear-gradient(top,	rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top,	rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top,	rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */
		background:-ms-linear-gradient(top,	rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* IE10+ */
		background:linear-gradient(to bottom,	rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
		z-index:1001;
		border:2px outset;
		border-radius:10px;
		position:relative;
		margin:0px auto;
		margin-top:160px;
		box-shadow:rgba(0, 0, 0, 0.760784) 0px 0px 20px;
		text-align:left;
		padding:20px 20px 50px 20px;
		line-height:16px;
	}
	#dialogueWrapper h2{
		font-size:16px;
		margin-bottom:2px;
		clear:inherit;
	}
	#dialogueWrapper input[type="button"]{
		position:absolute;
		bottom:12px;
		right:12px;
		width:111px;
	}
		#dialogueWrapper input[type="text"]{
			width:78%;
			width:calc(100% - 90px);
			margin-top:20px;
			font-size:1.2em;
		}
		#dialogueWrapper input[type="button"]:nth-child(odd){
			right:130px;
		}
	#dialogueWrapper img{
		float:left;
		margin:5px 20px 20px 0;
	}
small{
	font-size:.6em;
}
div#chatWrapper{
	border:2px outset;
	width:300px;
	height:400px;
	position:fixed;
	bottom:0;
	right:20px;
	background:#060B47;
	padding:1px;
	font-size:.8em;
	text-align:left;
	z-index:11;
}
	div#chatWrapper #chatMenu{
		position:absolute;
		bottom:43px;
		background:#efefef;
		width:270px;
		padding:4px 2px;
		opacity:.8;
		z-index:3;
	}
	div#chatWrapper.collapsed{
		height:25px;
	}
	div#chatWrapper span.titleBar{
		padding:3px 7px;
		color:#fff;
		width:100%;
		display:block;
	}
		div#chatWrapper span.time{
			color:gray;
		}
		div#chatWrapper span.titleBar::after{
			content:"\e814";
			font-family:icons;
			color:white;
			float:right;
		}
		div#chatWrapper.collapsed span.titleBar::after{
			content:"\e815";
			font-family:icons;
			color:white;
			float:right;
		}
	div#chatWrapper #chat{
		height:380px;
		background:white;
		position:relative;
		text-align:center;
	}
		div#chatWrapper #chat #chatContent{
			width:100%;
			height:330px;
			overflow-x:hidden;
			overflow-y:scroll;
			padding:15px 5px 25px 5px;
			text-align:left;
		}
		div#chatWrapper #chat #chatEntry{
			width:85%;
			width:calc(100% - 35px);
			font-size:1.5em;
			line-height:1em;
		}
.chatBubble{
	position:relative;
	max-width:80%;
	min-width:30%;
	border:1px solid gray;
	border-radius:5px;
	margin:5px 15px;
	padding:5px;
	clear:both;
	box-shadow:1px 1px 20px;
	z-index:1;
}
	.chatBubble.floatLeft{
		background:rgb(255, 244, 161);
	}
		.chatBubble.floatLeft::after{
			content:"";
			display:block;
			position:absolute;
			left:-10px;
			bottom:5px;
			width:0;
			height:0;
			border-top:12px solid transparent;
			border-bottom:6px solid transparent;
			border-right:14px solid rgb(255, 244, 161);
		}
	.chatBubble.floatRight{
		background:rgb(224, 233, 189);
	}
		.chatBubble.floatRight::after{
			content:"";
			display:block;
			position:absolute;
			right:-10px;
			bottom:5px;
			width:0;
			height:0;
			border-top:12px solid transparent;
			border-bottom:6px solid transparent;
			border-left:14px solid rgb(224, 233, 189);
		}
	.chatBubble span.time{
		font-weight:normal;
		font-style:italic;
		font-size:.8em;
		padding-left:23px;
		float:right;
	}
/*=================================================================================================*/
/* Smartphones (portrait and landscape) */
@media only screen and (max-device-width:480px){
	/* styles for mobile browsers smaller than 480px; (iPhone) */
	header{
		height:130px;
	}
		header h1{
			width:100%;
		}
			header h1 a{
				max-width:100%;
				background-size:contain;
			}
			header p#phoneNumber{
				display:none;
			}
			header nav{
				z-index:2;
				top:20px;
				position:relative;
				max-width:32px;
				max-height:32px;
				background:white;
				overflow:hidden;
				border:1px #ccc solid;
				transition:1s all;
			}
				header nav::before{
					content:url("/images/hamburger.png");
					padding:0px;
				}
			header nav:hover{
				max-height:500px;
				max-width:200px;
			}
				header nav:hover::before{
				}
			header nav ul.nav .loggedOutEls{
				display:none;
			}
			header nav ul.nav li{
				display:block;
			}
			header div#socialIcons{
				display:none;
				width:100%;
				top:30px;
				position:relative;
				text-align:center;
			}
	div#slides{
		min-height:200px;
	}
		.columnsWrapper .columns3{
			width:100%;
		}
	div#content{
		top:0;
		padding:0 5px;
	}
	div#content div#columnSide{
		float:none;
		clear:both;
		width:100%;
	}
	div#content div#columnMain{
		float:none;
		clear:both;
		width:100%;
	}
	label{
		display:block;
		text-align:left;
	}
	label + select,label + input[type='text'],label + textarea{
		width:100%;
		border:1px solid navy;
		font-weight:normal;
		font-size:1em;
	}
	footer{
		display:none;
	}
}
@media only screen and (device-width:768px){
}
@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait){
	div#slides{
		display:none;
	}
}
@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:landscape){
	div#slides{
		display:none;
	}
}
/** end of smartphones section**/
/*=================================================================================================*/