/* Demo CSS - You do not need this css in your own slider */

/*
gold = #594622
gold lightest = #E0CEB3
bbb bluegreen = #005A78
*/

/***************************
************ RESET *********
****************************/
p,h1,h2,h3,h4,ul,li{
	margin:0px;
	padding:0px;
}

/***************************/


body{
	/*font-family: "Open Sans", helvetica, arial;*/
	font-family: Arial, Helvetica, sans-serif;
}

pre{
	/*font-family: "Source Code Pro", monospace;*/
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 20px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	background-color: whiteSmoke;
	border: 1px solid #CCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* ************** google fonts ***************
************************************************/


/*******************************
********************************
********** COMMON ******
********************************/
.round{
	border-radius: 3px;	
}
.clearance{ clear:both;}

.w45{width:45%;}
.w31{width:30%;}
.mr1{margin-right:3%}
.ml1{margin-left:3%}
.ml2{margin-left:5%}

.gazebox{
	border:solid #CCC 1px;
	border-radius:5px;
	padding: 5px;
}
.gazebox{
	position:relative;
	text-align:center;
}

.canadabox{ width:41%; float:right; padding:2%; border-radius:2%}
.usabox{ width:41%; float:right; padding:2%; margin-left:10%; border-radius:2%}

.he370{ height:370px}
.he390{ height:390px}
.filler20{clear:both; height:20px;}
.shad{
-webkit-box-shadow: 0px 0px 7px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 0px 7px rgba(50, 50, 50, 0.25);
box-shadow:         0px 0px 7px rgba(50, 50, 50, 0.25);
}
.lft{ float:left;}
.rgt{ float:right;}
.spacer20{ clear:both; height:30px;}
.spacer10{ clear:both; height:10px;}
.caption1{ font-size:1em; color:#005A78; font-weight:bold; padding-top:.5em}
.caption2{ margin-top:.5em;background: #0e9d0c; padding:.3em; font-size:.8em; color:#FFFFFF}
.caption3{ font-size:.8em; text-align:justify}

.learnmore{ }
.learnmore a{ font-size:.7em; color:#005A78; text-align:center; padding-top:1em}

.nb{ border:0px;}

.gradient1{
	background: #efefef; 
	background: linear-gradient(top, white 0%, #FFF 190%);  
	background: -moz-linear-gradient(top, white 0%, #FFF 90%); 
	background: -webkit-linear-gradient(top, white 0%,#FFF 90%); 
	box-shadow: 0px 0px 9px rgba(0,0,0,0.25);
	border-radius: 10px;  
}

.pricebox{
	float:right;
	margin-left:30px;
	font-size:1em;
}
.pricebox li, .pricebox li a{
	list-style:none;
	margin-bottom:.5em;
	padding:.5em;
	border-radius:.2em;
}
.dealerprice,.msrp,.saleprice{font-weight: bold;}
.msrp,.saleprice{background:#CCC;}
.dealerprice{
	background:#0e9d0c;
	color:#FFFFFF
}
#nopromocode{
	font-size:.8em;
	font-weight:700;
	color:red;
	padding-left:1em;
	text-align:center;
	line-height:1.5em
}
.dollar1{color:black;}
.dollar2{color:red;}
.authentication{font-size:.5em;}

#static{
	width:100%;
	margin:30px 0px;	
}
#static li{ list-style:none}

.backprevious{
	color:#999;
	float:right;
	font-size:.9em;
	text-decoration:none;
	cursor:pointer;
	margin-left:2em;
}
.list1 a,.list2 a{ color:#005A78}
.list1{}
.list2 a{ list-style:none; padding-left:2em;}

.nobg li{ background:none}
/*******************************
********************************
********** OVERALL LAYOUT ******
********************************/
.overall{
	width:960px;
	margin:0px auto;	
}

h1,h2,h3,h4{
	color: #005A78;
	margin-bottom:1em;	
}
p{ line-height:1.5em}
h1{ font-size:1.8em;}
h2{ font:1.75em;}
h3{ font-size:1.75em;}
h4{ font:1.75em;}

.q{
	color: #005A78;
	font-weight:bold;
}
.qa {
	line-height:1.3em;
}

/*************************
**************************
***** per page ***********/

h1{
	border-bottom:solid #CCC 1px;
}


/*******************************
********************************
********** HEADER ******
********************************/

.header{
	position:relative;
	width:960px;
	height:120px;	
}

#companylogo{
	position:absolute;
	top:0px;
	left:0px;	
}

#slogan{
	position:absolute;
	width:300px;
	left:210px;
	top:0px;
	color: #005A78;
	font-weight:bold;
	font-size:1em;
}
#bbblogo{
	position:absolute;
	top:0px;
	right:0px;
}
.email{
	position:absolute;
	right:128px;
	top:22px;
	font-size:.9em	
}
.email a{
	text-decoration:none;
	color:#999;	
}

.topnav1{
	position:absolute;
	right:120px;
	top:0px;
}
.topnav1 li{
	list-style:none;
	display:inline;	
	font-size:.9em;
	font-weight:700;
	margin-right:.2em;
}

.topnav1 li a{
	text-decoration:none;
	color:#999999;
	padding:.3em;
}

.topnav1 li a:hover, .email a:hover{
	text-decoration: underline;
}
.topnav2{
	position:absolute;
	right:0px;
	bottom:0px;	
}
.topnav2 li{
	list-style:none;
	display:inline;	
	font-size:.7em;
	margin-left:.3em;
}

.topnav2 li a{
	background:#CCC;
	color:#e36609;
	padding:.3em .3em;
	text-decoration:none;
	font-weight:700;
	border-radius:.2em;
}

.topnav2 li a:hover{
	background:#EEE;
	color:#594622;
	font-weight:700;
	border-radius:.5em;
}

#home,#shopnow{ background:none;}


.apps{
	position:absolute;
	right:0px;
	top:55px;
}

.appdealer,.apporder{float:left; padding:.5em; margin-left:10px; color:#FFF; background:#0e9d0c; font-size:.8em}
.appdealer a,.apporder a{color:#FFFFFF; text-decoration:none;}
.appdealer a:hover,.apporder a:hover{text-decoration:underline}
.appdealerdrapeau{float:left; padding:.5em; margin-left:10px; margin-top:-10px; color:#FFF; background:#fff; font-size:.8em}

/*******************************
********************************
********** BODYCONT ******
********************************/
.bodycont{
	clear:both;
	width:960px;	
}

.bodycont2{
	clear:both;
	width:100%;
	padding:30px 0px;
}
.sidenav{
	float:left;
	width: 300px;
	height:300px;
	padding:0px;
	margin-top:0px;
}
.rightcol{
	width:650px;
	float:right;
}
#salesale{
	width:100%;
	position:relative;
	margin:20px 0px;
}
#saletitle{
		
}
#photogallery{
	margin-top:30px;
	background:#FF0000;	
}

.sidenav a{ text-decoration:none}
.sidenav a:hover{ text-decoration:underline}
.sidenav ul{
padding: 0px;	
}
.sidenav1 li{
	list-style:none;	
}
.subitem1, .subitem1 a{
	text-indent:1.5em;
	font-size:.9em;
	font-weight: normal;
	margin:.5em 0px;
	color:#ff750e;
}

.subitem0, .subitem0 a{
	padding:.3em 0px;
	font-weight:700;
	color:#e36609;
}
.subitem0{
	border-bottom:solid #CCC 1px;
	width:70%;
}
/********************
*********************
****** FOOTER ******
********************/

.footer{
	clear:both;
	width:100%;
	background:#E2E2E2;
	padding-top:15px;
	margin-top:10px;
	font-size:.8em;
	border-radius:0px 0px 10px 10px;
	text-align:center;
}

.footer li{
	list-style:none;
	margin-bottom:1em;
}

.footer li a{
	text-decoration:none;
	color:#000;
}

.footer li a:hover{
	text-decoration:underline;
}


.fnav1{float:left; width:32%; text-align:center}
.fnav2{float:left; width:32%; text-align:center}
.fnav3{float:left; width:32%; text-align:center}

/********************
*********************
****** COPYRIGHT ******
********************/
.copyright, .copyright a{
	width:100%;
	clear:both;
	margin-top:10px;
	text-align:center;
	color:#333;
	border-top:solid #CCC 1px;
	padding-top:10px;
	font-size:.8em;
	}

/********************
*********************
******SLIDESHOW******
********************/

.slider-title{
	width: 100%;
	padding:30px 0px 10px;
	color: #005A78;
}
h2{font-size: 48px;}
pre + h2{ margin-top: 80px;}
#container{
	max-width:960px;
	margin:0 auto;
	padding-bottom:80px;
}
#banner-fade,
#banner-slide{
	margin-bottom: 140px; /* space between bodycont and slideshow*/
}
ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
	background:#fff;
	color:#000;
	text-decoration: none;
}
ul.bjqs-controls.v-centered li a:hover{
	background:#000;
	color:#fff;
}
ol.bjqs-markers li a{
	padding:5px 10px;
	background:#000;
	color:#fff;
	margin:5px;
	text-decoration: none;
}
ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	background: #999;
}
p.bjqs-caption{
	background: rgba(255,255,255,0.7);
	font-weight:800;
}

/****************** sale box ******************
***********************************************/

.salebox{
	border:solid #CCC 1px;
	border-radius:5px;
	padding: 4px;
}
.salebox img{
	width:161px;
	height:110px;	
}
.sale1en{
	float:left;
	padding:1%;
	margin-right:0.5%;
	margin-bottom:5%;
}
.sale1{
	float:left;
	padding:0.3%;
	margin-right:0.5%;
	margin-bottom:5%;
}
.caption{ font-size:.8em; font-weight:bold;  color:#666; margin-bottom:.5em;}
.msrp2,.price{ text-align:right; font-size:.75em; font-weight:700}
.price{ color: red}
.dealer{ clear:both; text-align:right}
.caption3{ font-size:.75em}
.btn{
	font-size:.53em;
	color:red;
}


.saletitle{
	width:100%;
	padding:.5em;
	font-size:1.4em;
	color:red;
	text-align:center;
}

.captions{
font-weight:bold; font-size:.8em	
}
.roofs{
	width:250px; float:left; margin-right:10px
}

.chaletbox{
	width:296px;
	float:left;
	text-align:center;
	padding:5px;
}
.mr21{
	margin-right:21px;	
}