/*
COLOR PALETTE

#000000 - Black
#FFFFFF - White
#FF0000 - Red
*/

* { transition:all 0.2s linear; }

html, body { margin:0; padding:0; }
body { background:#FFF; color:#373737; font:13px/20px arial, helvetica, sans-serif; }

/* ELEMENTS */
address { font-style:normal; }
hr { background:#00427c; border:none; height:3px; margin:2em 0; }
img { height:auto; max-width:100%; }
ol { counter-reset:item; margin-left:0; padding-left:1.5em; }
ol li { list-style:none; }
ol li:before { content: counter(item) ". "; counter-increment: item; }

/* HEADINGS */

h1, h2, h3 { font-family:"trebuchet ms", tahoma, sans-serif; font-weight:normal; line-height:20px; text-transform:uppercase; }
h2, h3 { margin:1em 0; }
h1 { color:#0986ba; font-size:26px; line-height:30px;  margin:10px 0; }
h2 { font-size:14pt; }
h2 span { display:inline-block; line-height:35px; margin-right:1em; padding:20px 0; vertical-align:top; }
h2 img { display:inline-block; }
h3 { font-size:12pt; }

/* LINKS */
a:link { color:#0986ba; }
a:visited {}
a:active, a:focus, a:hover { color:#373737; text-decoration:none; }
a img { border:none; }
a.button { background:#f7f6f7; background:-webkit-gradient(linear,left top,left bottom,from(#f7f6f7),to(#dfdbdf)); background:-webkit-linear-gradient(#f7f6f7,#dfdbdf); background:-moz-linear-gradient(center top,#f7f6f7 0%,#dfdbdf 100%); background:-moz-gradient(center top,#f7f6f7 0%,#dfdbdf 100%); border:1px solid #c7c0c7; border-radius:2px; box-shadow:inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1); color:#5E5E5E; cursor:pointer; display:inline-block; height:35px; line-height:35px; padding:0 1em; text-align;center; text-decoration:none; text-shadow:0 1px 0 #ffffff; }

/* CLASSES */
.bucket { background:url('/images/bucket.png') no-repeat; display:inline-block; height:341px; margin:0 2px 1em; padding:11px 10px 0; text-align:left; width:135px; }
.bucket-inner { background:url('/images/bucket-inner.png') no-repeat; float:left; height:191px; margin:0 1em 2em 0; width:241px; }
.clear { clear:both; }
.col-1fifth,
.col-1half,
.col-1quarter,
.col-1third,
.col-2third,
.col-3fifth,
.col-4fifth { float:left; margin-left:2.5%; }
	
.col-1fifth.first-child,
.col-1half.first-child,
.col-1quarter.first-child,
.col-1third.first-child,
.col-2third.first-child,
.col-3fifth.first-child,
.col-4fifth.first-child { margin-left:0; }
	
.col-1fifth p:first-child,
.col-1fifth ul:first-child,
.col-1half p:first-child,
.col-1half ul:first-child,
.col-1quarter p:first-child,
.col-1quarter ul:first-child,
.col-1third p:first-child,
.col-1third ul:first-child,
.col-2third p:first-child,
.col-2third ul:first-child,
.col-3fifth p:first-child,
.col-3fifth ul:first-child,
.col-4fifth p:first-child,
.col-4fifth ul:first-child { margin-top:0; }
	
.col-1fifth { width:18%; }
.col-1half { margin-left:5%; width:47.5%; }
.col-1quarter { width:23.125%; }
.col-1third { width:31.65%; }
.col-2third { width:63.25%; }
.col-3fifth { width:54%; }
.col-4fifth { width:72%; }

.home-bg { background:url('/images/bg-home.png') repeat-x; }
.mobile-note { display:none; visibility:hidden; }
.red { color:#f00; }
.wrapper { margin:0 auto; width:1140px; }

/* IDs */
#breadcrumbs { clear:both; margin:20px 0; }
#header { transition:none; }
#header-widget-1 { float:right; font-size:26px; font-weight:bold; height:94px; line-height:24px; padding:20px 0 0; text-align:right; width:47.5%; }
#container { width:100%; }
#content { clear:both; width:100%; }
#featured { background:#EDEDED; clear:both; overflow:hidden; padding-bottom:20px; }
#footer { background:#EAEAEA; clear:both; overflow:hidden; padding:20px 0; }
#header { background:url('/images/header.png') center top repeat-x; background-size:100% 117px; color:#fefefe; }
#logo { display:inline-block; float:left; height:57px; max-width:47.5%; padding:30px 0; width:215px; }
#nav { background:#264A6A url('/images/nav.png') repeat-x; border-bottom:2px solid #264A6A; border-top:1px solid #0095C4; clear:both; font-size:15px; font-weight:bold; line-height:50px; text-transform:uppercase; }
#nav-mobile { display:none; visibility:hidden; }
#one-column { width:100%; }
#products { clear:both; text-align:center; }
#sidebar { float:left; padding:1em 0 0; width:16%; }
#slideshow { width:65.85%; }
#tabs { background:url('/images/tabs.png') left bottom repeat-x; margin:20px 0 0; overflow:hidden; padding:0 0 18px; }
#welcome { background:#0080B7; color:#fefefe; font-size:15px; min-height:221px; padding:10px; }
#wrapper { background:url('images/rv-2.png') no-repeat right 8px; clear:both; overflow:hidden; padding:32px 0 9px; }

/* HEADER */
#header a { color:#fefefe; text-decoration:none; }

/* NAVIGATION */
#nav li { display:inline-block; list-style:none; margin:0 20px; }
#nav li.first-child { margin-left:0; }
#nav ul { margin:0; padding:0; transition:none; }
#nav ul a { display:inline-block; }
#nav ul a:hover, #nav li.selected a { background:url('/images/nav-hover.png') center bottom no-repeat; transition:none; }

/* FOOTER */
#footer a { color:#003C71; font-weight:bold; text-decoration:none; }
#footer a.author { color:#cfcdcf; }
#footer a:hover { color:#010101; }
#footer h3 { color:#525252; font:normal 17px "trebuchet ms", tahoma, sans-serif; text-transform:uppercase; }
#footer ul { display:inline-block; margin:0 2.5%; padding:0; vertical-align:top; width:44%; }
#footer ul:first-child { margin-right:0; }
#footer ul li { list-style:url('/images/arrow.png'); } 
#footer p { clear:both; }

/* MISCELLANEOUS */
body.home h1 { color:#525252; font:normal 19pt "trebuchet ms", tahoma, sans-serif; margin:0.25em 0; text-align:center; text-transform:uppercase; }
body.home #wrapper { background:none; padding:0; }
.bucket h2 { color:#525252; font-size:15.5pt; font-weight:normal; text-align:center; }
.bucket h2 a { color:#525252; text-decoration:none; }
.bucket h2 em { font-size:14pt; }
.bucket a.more { color:#20343F; display:inline-block; float:right; font-family:"trebuchet ms", tahoma, sans-serif; font-weight:bold; text-align:right; text-decoration:none; }
.bucket a.more:hover { border-bottom:2px solid #199ECA; }
.bucket-inner h2 { border-bottom:1px solid #d9d9d9; color:#525252; font:15pt "trebuchet ms", tahoma, sans-serif; margin:0; text-transform:none; }
.bucket-inner h2 a { color:#525252; text-decoration:none; }
.bucket-inner h2 a:hover, .bucket-inner h2 a:hover em { color:#0986ba; }
.bucket-inner h2 a em { color:#343434; font-size:14pt; }
.more .blue { color:#2AA3CB; }
.twocolumn #content{ clear:none; float:right; width:82%; }
#buckets h2 { text-align:center; }	
#header-widget-1 a { font-size:19px; }
#header-widget-1 img { vertical-align:middle; }
#featured .wrapper { background:url('images/rv-2.png') no-repeat right 8px; padding-top:32px; }
#sidebar h2 { border-bottom:1px solid #d9d9d9; color:#28485A; font:13pt "trebuchet ms", tahoma, sans-serif; margin:0 0 1em; }
#sidebar h2 + h3 { font-weight:bold; text-transform:none; }
#sidebar ul { margin:0 0 1em; padding:0; }
#sidebar ul li { font:12pt "trebuchet ms", tahoma, sans-serif; list-style:none; padding:0.15em 0; }
#sidebar ul li.selected a { color:#373737; }
#sidebar ul li a { text-decoration:none; }
#sidebar ul li ul { margin:0.25em 0 0 1em; padding:0; }
#sidebar ul li ul li { font-size:10pt; font-style:italic; }
#tabs li { background:url('/images/tab.png') no-repeat; float:left; height:32px; line-height:23px; list-style:none; text-align:center; width:111px; }
#tabs li:hover, #tabs li.selected { background:url('/images/tab-hover.png') no-repeat; }
#tabs li:hover a, #tabs li.selected a { color:#010101; }
#tabs li a { color:#fefefe; text-decoration:none; }
#welcome a { color:#fefefe; }
#welcome a:hover { text-decoration:none; }
#welcome h3 { font-size:17px; margin:0; }

/* FORMS */

form table {
	border-collapse:collapse;
	margin:0;
	padding:0;
	}

	form table tr, form table th, form table td {
		margin:0;
		padding:0;
		}
		
	form table tr.empty {
		display:none;
		visibility:hidden;
		}

	form table td {
		padding:0.25em 0.5em 0.25em 0;
		}

input, select, textarea {font:10pt arial, helvetica, sans-serif;}

	input#login {
		background:#0984BA;
		-moz-border-radius:5px;
		border-radius:5px;
		border:none;
		color:#fff;
		font-weight:bold;
		height:35px;
		line-height:35px;
		margin:1em auto;
		padding:0;
		text-align:center;
		text-transform:uppercase;
		width:245px;
		}
		
		input#login:hover {
			background:#0094bf;
			cursor:pointer;
			}

/* MISC */
hr.blank { background:#FFF; }

img.alignleft {
	margin-bottom:1em;
	}
	
img.img {
	border:1px solid #CCC;
	padding:4px;
	}

table.login {
	border-collapse:collapse;
	margin:0 0 1em;
	padding:0;
	width:100%;
	}
	
	.login tr, .login th, .login td {
		margin:0;
		padding:0;
		}
		
	.login th {
		background:#008dbd;
		color:#fff;
		text-align:left;
		text-transform:uppercase;
		}
		
	.login th, .login td {
		padding:0.1em 0.5em;
		}

table.table {
	border:1px solid #017fb7;
	border-collapse:collapse;
	margin:0 0 1em;
	padding:0;
	width:100%;
	}

	.table th, .table tr, .table td {
		border:1px solid #017fb7;
		margin:0;
		padding:0;
		}

	.table th {
		background:#008dbd;
		color:#fff;
		}

	.table td {
		padding:0.1em;
		text-align:center;
		}
		
.aligncenter, .center {
	text-align:center;
	}

.alignleft, .left {
	float:left;
	margin:0 1em 0 0;
	}

.alignright, .right {
	float:right;
	margin:0 0 0 1em;
	}

.blue { color:#003C71; }
.center div, .center table { margin:0 auto; }
	
.login {
	background:#FFF;
	border:1px solid #DDD;
	border-radius:10px;
	box-shadow:0 0 5px #CCC;
	color:#5e5e5e;
	margin:0 0 2em;
	}
	
	.login a.button {
		display:inline-block;
		margin-right:2.5%;
		}
		
		.login a.button:after {
			content:"\00bb";
			padding-left:0.25em;
			}
	
	.login h2 {
		background:#f7f6f7;
		background:-webkit-gradient(linear,left top,left bottom,from(#f7f6f7),to(#dfdbdf));
		background:-webkit-linear-gradient(#f7f6f7,#dfdbdf);
		background:-moz-linear-gradient(center top,#f7f6f7 0%,#dfdbdf 100%);
		background:-moz-gradient(center top,#f7f6f7 0%,#dfdbdf 100%);
		-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
		-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
		box-shadow:inset 0 -1px 0 rgba(0,0,0,0.075), inset 0 1px 0 rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
		font-size:16px;
		font-weight:bold;
		height:40px;
		line-height:40px;
		margin:0;
		padding:0 20px;
		text-shadow:0 1px 0 #ffffff;
		text-transform:none;
		}
		
	.login p {
		margin:20px;
		}

 

/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* MEDIA QUERIES */

@media screen and (max-width:1270px) {
	.wrapper { width:90%; }
	#welcome { min-height:205px; }
	}
	
@media screen and (max-width:1215px) {
	#nav li { margin:0 15px; }
	}
	
@media screen and (max-width:1180px) {
	#products .col-1third, #products .col-2third { clear:both; float:none; margin-left:0; width:100%; }
	}
	
@media screen and (max-width:1140px) {
	#nav li { margin:0 10px; }
	}
	
@media screen and (max-width:1080px) {
	#featured .wrapper { width:90%; }
	#nav li { margin:0 5px; }
	}
	
@media screen and (max-width:1024px) and (max-height:768px) and (orientation:landscape) {
	.mobile-note { display:block; visibility:visible; }
	#sales-map { display:none; visibility:hidden; }
	}
	
@media screen and (max-width:960px) {
	#nav { font-size:14px; text-transform:none; }
	}
	
@media screen and (max-width:820px) {
	#nav { font-size:13px; }
	}
	
@media screen and (max-width:768px) {
	.col-1fifth,
	.col-1half,
	.col-1quarter,
	.col-1third,
	.col-2third,
	.col-3fifth { margin-left:5%; width:47.5%; }
	.twocolumn #content { clear:both; float:none; margin-bottom:20px; width:100%; }
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
    table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	#featured .col-1third { clear:both; float:none; margin-left:0; width:100%; }
	#footer { display:none; visibility:hidden; }
	#nav { font-size:15px; text-align:right; text-transform:uppercase; transition:none; }
	#nav li { display:block; margin:0; }
	#nav ul { display:none; text-align:left; }
	#nav ul a { display:block; }
	#nav ul a:hover, #nav li.selected a { background-image:none; }
	#nav-mobile { background:url('/images/menu.png') no-repeat; cursor:pointer; display:inline-block; height:14px; vertical-align:middle; visibility:visible; width:65px; }
	#sidebar { clear:both; float:none; width:100%; }
	#slideshow { float:none; margin-bottom:20px; width:100%; }
	#welcome { min-height:0; }
	}
	
@media screen and (max-width:768px) and (max-height:1024px) and (orientation:portrait) {
	.mobile-note { display:block; visibility:visible; }
	#sales-map { display:none; visibility:hidden; }
	}
	
@media screen and (max-width:480px) {
	.col-1fifth,
	.col-1half,
	.col-1quarter,
	.col-1third,
	.col-2third,
	.col-3fifth { clear:both; float:none; margin-bottom:20px; margin-left:0; width:100%; }
	#header { background-size:200% 205px; }
	#header-widget-1 { clear:both; float:none; height:auto; margin-bottom:30px; padding-top:0; text-align:center; width:100%; }
	#logo { display:block; float:none; margin:0 auto; max-width:100%; }
	#nav { text-align:center; }
	#slideshow { display:none; visibility:hidden; }
	}