@import url('ss.css');

/************************************************************************************
GLOBAL DEFAULT STYLES
*************************************************************************************/

html {background-color:#ffffff;}

/* Type */
body {color:#4e4e4e;font-family:'Arial', sans-serif;font-size:13px;line-height:18px;}
h1,h2,h3{font-family:'Anton', sans-serif;font-weight:300;line-height:100%;color:#646363;margin-top:0;margin-bottom:18px;}
h4,h5,h6{line-height:18px}
h1{margin-top:0;padding:5px 0 10px;font-size:48px;color:#ce1b19;}
h2{padding:5px 0 10px;font-size:30px;color:#0d99bc;}
h3{font-size:15px;color:#88492a;}
h4{font-size:13px}
h5{font-size:12px}
h6{font-size:10px}
pre,address{line-height:110%;}
small{font-size:11px}
abbr,code,kbd,samp,small,var{line-height:18px}
form,legend,label{line-height:18px;}
form{margin:0 0 10px;}
legend{position:relative;top:5px}
caption{font-size:14px;line-height:18px;position:relative}
hr {border:0;height:1px;background-color:#c7c7c7;padding:0;margin:18px 0;}
p {margin:10px 0;}
a small {color:#93228a;font-weight:normal;line-height:inherit;}

/* Lists */
li ul,li ol {margin:0 0 10px 15px;}
ul,ol {margin:0 0 10px 30px;list-style:disc outside none;padding:0;}
li {margin:0;padding:5px 0 5px 0;}
.ss_plugin li {margin:0;padding:0 !important;}
.ss_plugin li.hide {display:none;}

/* Tables */
table,td {font-size:13px;line-height:18px;}
#content #route table {width:100%;}

/* Links */
a {color: #88492a;text-decoration:none;}
a:hover {color:#f89b33;}

/* Images */
img {display:inline-block;}

/* Buttons */
.btn-grey {padding:12px 15px;font-family:'Questrial', sans-serif;font-size:17px !important;font-weight:normal !important;text-transform:uppercase;color:#ffffff !important;background-color:#b6b6b7;border:0;display:inline-block;}
.btn-orange {padding:12px 15px;font-family:'Questrial', sans-serif;font-size:17px !important;font-weight:normal !important;text-transform:uppercase;color:#ffffff !important;background-color:#f89b33;border:0;display:inline-block;}
.btn-grey:hover, .btn-orange:hover {background-color:#646363;}


/************************************************************************************
LAYOUTS
*************************************************************************************/

/* Defaults */
#wrapper {text-align:center;overflow:hidden;}
.columns {margin:0 auto;padding:0 10px;width:980px;text-align:left;overflow:hidden;}
#header {margin-top:1px;padding-bottom:10px;font-family:'Questrial', sans-serif;overflow:hidden;border-top:7px solid #4e4e4e;}
  #logo {float:left;}
  #logo a,#logo img {border:0;}
  #header .headerRHS {float:right;width:755px;text-align:right;overflow:hidden;}
		#header .topnav {text-align:right;overflow:hidden;}
    #header .bottomnav {width:350px;padding-top:25px;border-top:1px solid #d6d6d6;}
      #header .contact {float:left;width:150px;font-size:14px;color:#646363;text-align:left;}
      #header .contact a {font-family:'Questrial', sans-serif;font-size:14px;color:#646363;}
#banner {margin:1px auto 0;overflow:hidden;border-top:1px solid #dcdada;}
	#homePageBanner .cycle-slide { width: 100%; height: 441px; background-size: cover; background-position: center top; background-repeat: no-repeat; position: relative; z-index: 100; }
	#homePageBanner .slideContent { width: 300px; height: auto; margin: 0 87% 0 12%; background: url(banner-content.png) center top repeat; padding: 15px 15px 5px 15px; font-size:11px; color: #262525; /*top: 190px; */ top: 90px; position: relative; }
	#homePageBanner .slideContent h2 { font: normal 40px/1.2em 'Anton', sans-serif; color: #3c3c3c; margin: 0px 0px 5px 0px; background: url('banner-br.png') 50% 100% no-repeat; }
	#homePageBanner .author { font-size: 14px; margin: 20px 0px; }
	.bannerPager { width: 330px; height: 0px; margin: 0px auto; padding: 0px 0px; /*top: -230px;*/ top: -50px; position: relative; z-index: 999; }
	.bannerPager span { font: normal 40px/40px Helvetica, Arial, sans-serif; color: #ffffff; cursor: pointer; }
	.bannerPager span.cycle-pager-active { color: #f89b33; }
#content {padding:20px 0;min-height:295px;overflow:hidden;border-top:7px solid #4e4e4e;background-image:url('timber-background-2000.jpg');background-repeat:repeat-y;background-size:100% auto;}
  #content .columns {background-color:#ffffff;position:relative;}
  #content #gmap {height:400px;margin:10px 0;width:100%;}
  #content #route {margin-bottom:50px;}


/************************************************************************************
NAVIGATION
*************************************************************************************/

/* Top Navigation Dropdown */
#navigation {
	float:left;
	position:relative;
	top:2px;
	width:170px;
	z-index:300;
	padding-right:25px
	}
#navigation ul {margin:0;padding:0;list-style:none;}
#navigation ul li {margin:0;padding:0;text-align:right;}
#navigation a {padding-bottom:15px;font-family:'Questrial', sans-serif;font-size:20px;color:#646363;text-transform:uppercase;display:block;}
#navigation a:hover {color:#f89b33;}
#navigation li.active a { color: #f89b33; }

/* SUB NAV */
.subNav { border-bottom: 2px solid #ccc; padding: 20px 10px 10px; font: normal 20px/20px 'Questrial', sans-serif; }
ul.subPages,
ul.subSubPages { padding: 0px; margin: 0px 0px 10px 0px; list-style: none; text-align: center; }
ul.subSubPages { border-top: 1px solid #ccc; padding: 10px 0px 0px 0px; }
ul.subPages li,
ul.subSubPages li { list-style: none; padding: 0px; margin: 0px; display: inline-block; text-align: center; }
ul.subPages li a,
ul.subSubPages li a { padding: 0px 30px 0px 20px; background: url(bg-dot-yellow.png) right center no-repeat; }
ul.subPages li.last a,
ul.subSubPages li.last a { background: none; }
ul.subPages li.active a,
ul.subSubPages li.active a { color: #f89b33; }


/************************************************************************************
FOOTER
*************************************************************************************/

#footerwrapper {
	text-align:center;
	font-size:16px;
	color:#646363;
	}
#footerwrapper .columns {padding:20px 0px 0px;border-top:1px solid #d3d3d3;}
#footerwrapper h3{margin:0 0 10px;}
#footerwrapper p {margin:0;}
#footerwrapper a {color:#646363;}
#footerwrapper a:hover {color:#000000;}
#footer-1 {float:left;width:270px;padding:0 0 25px 20px;}
#footer-2 {float:left;width:500px;padding:0 0 25px 0;line-height: 150%;}
#footer-3 {float:left;width:100px;padding:0 20px 25px 70px;}

#copyright {padding:0 0 10px;font-size:12px;color:#646363;text-align:center;}
#copyright .columns {text-align:center !important;}
	#copyright a {color:#646363;}

.loading {
  background: url(//sscdn.net/im/spinner.gif) no-repeat 50% 50%;
  bottom: 0;
  font-family: 'Questrial',arial,sans-serif;
  height: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  right: 0;
  width: 100px;
  }


/************************************************************************************
TABLES
*************************************************************************************/

/* Google map route table */
#route table{background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;margin:0 0 18px;border:1px solid #dddddd;}
#route table thead,#route table tfoot{background:#f5f5f5}
#route table thead tr th,#route table tfoot tr th,#route table tbody tr td,#route table tr td,#route table tfoot tr td{display:table-cell;font-size:14px;line-height:18px;text-align:left}
#route table thead tr th,#route table tfoot tr td{padding:8px 10px 9px;font-size:14px;font-weight:bold;color:#222}
#route table thead tr th:first-child,#route table tfoot tr td:first-child{border-left:none}
#route table thead tr th:last-child,#route table tfoot tr td:last-child{border-right:none}
#route table tbody tr.even,#route table tbody tr.alt{background:#f9f9f9}
#route table tbody tr:nth-child(even){background:#f9f9f9}
#route table tbody tr td{color:#333;padding:9px 10px;vertical-align:top;border:none}


/************************************************************************************
FIX LEGACY BROWSERS - Fixes for older browsers
*************************************************************************************/

/* IE7 */
.ie7 #header,
.ie7 #navigation,
.ie7 #section-main,
.ie7 #footer,
.ie7 .footerNav,
.ie7 #wrap {min-height:1px;}

/* IE6 - Fix Height bugs */

.ie6 #footer,
.ie6 ul,
.ie6 li {height:1%;}


/************************************************************************************
Mobile Styles
*************************************************************************************/
	#siteToolbar {display:none;font-size:0;line-height:0;background-color:#333333;position:relative;z-index:2;}
		#siteToolbar .mobileMenuTrigger {display:inline-block;font-family:'Questrial', sans-serif;font-size:17px;line-height:25px;padding:8px 10px;margin-left:-10px;color:#ffffff;text-transform:uppercase;border-right:1px solid #222222;transition:background-color .3s ease-in;cursor:pointer;}
		#siteToolbar .mobileMenuTrigger.active, #siteToolbar .mobileMenuTrigger:hover {background-color:#222222;}
			#siteToolbar .mobileMenuTrigger:before {font-family:FontAwesome;content:'\f0c9';margin-right:3px;}
		#siteToolbar .mobileMenuWrapper {display:none;position:absolute;top:100%;left:0;right:0;max-width:400px;}

	@media only screen and (max-width:1020px) {
		#header {position:relative;z-index:1;}
			.columns {width:auto;max-width:980px;}
			#header .columns {position:relative;}
				#logo {position:absolute;left:0;top:0;z-index:2;margin-left:10px;}
				#header .headerRHS {float:none;width:auto;margin-left:255px;position:relative;z-index:1;}
					#header .headerRHS:after {clear:both;content:' ';display:table;}
					#header .topnav {overflow:auto;}
					#header .bottomnav {width:auto;border-top:0;text-align:right;}
						#navigation {float:none;display:inline-block;vertical-align:top;}
						#header .contact {float:none;display:inline-block;vertical-align:top;}
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	img {max-width:100%;height:auto;}
	table { overflow-x: auto; overflow-y: hidden; display: block; }
	.columns {width:auto;}
    #header {height:auto;}
		#navigation {width:auto;}
    		#login input[type="email"],
				#login input[type="password"] {width:150px !important;}
		#ss-product-description {float:left;width:400px;}
    #footer-1 {width:23%;padding-right:2%;padding-left:0;}
    #footer-2 {width:23%;padding-right:2%;padding-left:0;}
    #footer-3 {width:23%;padding-right:2%;padding-left:0;}
    #footer-4 {width:23%;padding-right:0;padding-left:0;}
			#footer-4 table {display:block;}
			#footer-4 td {width:100%;float:left;clear:both;}
			#footer-4 img {max-width:100%;width:auto;height:auto;}
	}

	@media only screen and (max-width:700px) {
		#siteToolbar {display:block;}
		#header {margin-top:0;}
			#header .headerRHS {margin-left:220px;}
				#header .btn-grey {display:block;width:200px;margin:0 0 0 auto;text-align:center;}
				#header .btn-orange {display:block;width:200px;margin:5px 0 0 auto;text-align:center;}
				#navigation {display:none;}
				#header .contact {display:block;width:230px;margin:5px 0 0 auto;}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) width = 680px*/
	@media only screen and (min-width: 501px) and (max-width: 650px) {
  .columns {width:auto;}
    #header {height:auto;}
		#header .headerRHS {width:auto;}
    #footer-1 {width:90%;padding:0 0 10px 0;}
    #footer-2 {width:90%;padding:0 0 10px 0;}
    #footer-3 {width:90%;padding:0 0 10px 0;}
	}

	@media only screen and (max-width:500px) {
		#logo {position:relative;padding-left:0;}
		#header .headerRHS {margin-left:0;position:static;}
		#header .btn-grey {width:auto;}
		#header .btn-orange {width:auto;}
		#header .contact {width:auto;position:absolute;top:0;right:0;margin-right:10px;margin-top:15px;}
	}

	@media only screen and (max-width:400px) {
		#logo {text-align:center;}
		#header .contact {position:static;margin-right:0;margin-top:0;}
	}


	/* Tablet Portrait size to standard 960 (devices and browsers) width = 500px*/
	@media only screen and (min-width: 320px) and (max-width: 500px) {
  .columns {min-width:300px;width:auto;}
    #header {height:auto;}
      #logo {float:none;padding-bottom:10px;}
      #header .headerRHS {float:none;width:auto !important;padding-bottom:10px;}
		#homePageBanner .cycle-slide { height: 290px; }
		#homePageBanner .slideContent { width: 300px; margin: 0px 0px 0px auto; /*top: 130px;*/ top:70px; }
		#homePageBanner .slideContent h2 { font: normal 21px/21px Helvetica, Arial,sans-serif; }
		#content img {max-width:100%;width:100%;height:auto;}
    #footer-1 {width:90%;padding:0 0 10px 0;}
    #footer-2 {width:90%;padding:0 0 10px 0;}
    #footer-3 {width:90%;padding:0 0 10px 0;}
		#copyright {width:90%;}
	}



#siteToolbar .mobileMenuWrapper.active {display:block;}
	#siteToolbar .mobileMenuTrigger {display:inline-block;text-transform:uppercase;cursor:pointer;position:relative;}
	#siteToolbar .mobileMenuWrapper {visibility:hidden;opacity:0;transition:visibility 0s .5s, opacity .5s linear;}
	#siteToolbar .mobileMenuWrapper.active {visibility:visible;opacity:1;transition:opacity .5s linear;}
	/* reset */
		#siteToolbar .mobileMenuWrapper ul {list-style-type:none;padding:0;margin:0;display:block;}
		#siteToolbar .mobileMenuWrapper li {font-size:0;line-height:0;padding:0;margin:0;position:relative;display:block;}
		.viewChildPanelTrigger {display:none;}
	/* core style */
		#siteToolbar .mobileMenuWrapper ul.activePanel > li {font-size:14px;line-height:20px;}
		#siteToolbar .mobileMenuWrapper ul.activePanel > li.hasChildren {padding-right:30px;}
			#siteToolbar .mobileMenuWrapper ul.activePanel > li > a, #siteToolbar .mobileMenuWrapper ul.activePanel > li > span.text {display:block;padding:7px 12px;}
		ul.activePanel .viewParentPanelTrigger {padding-left:30px;line-height:30px;cursor:pointer;}
		ul.activePanel .viewChildPanelTrigger {display:block;width:30px;text-align:center;line-height:30px;position:absolute;right:0;top:0;bottom:0;cursor:pointer;}
	/* skin */
	#siteToolbar .mobileMenuTrigger {padding:10px 17px;background-color:#333333;color:#ffffff;color:#ffffff;transition:background-color .2s ease-in;margin-right:40px;}
	#siteToolbar .mobileMenuTrigger.active {background-color:#000000;}
		#siteToolbar .mobileMenuTrigger:after {content:'\f00d';font-family:FontAwesome;top:0;bottom:0;left:100%;width:0;transition:width .3s ease-in;position:absolute;overflow:hidden;line-height:46px;text-align:center;font-size:14px;color:#333333;}
		#siteToolbar .mobileMenuTrigger.active:after {width:40px;background-color:#000000;color:#ffffff;}
	#siteToolbar .mobileMenuWrapper {color:#ffffff;}
		#siteToolbar .mobileMenuWrapper ul {transition:background-color .5s ease-in;}
		#siteToolbar .mobileMenuWrapper a, #siteToolbar .mobileMenuWrapper span.text {text-decoration:none;color:#ffffff;transition:background-color .2s ease-in;border-left:5px solid transparent;}
		/* level 1 */
		#siteToolbar .mobileMenuWrapper ul {background-color:transparent;background-color:rgba(248,155,51,0);}
		#siteToolbar .mobileMenuWrapper ul.activePanel {background-color:rgb(248,155,51);background-color:rgba(248,155,51,0.85);}
			#siteToolbar .mobileMenuWrapper ul.activePanel > li > a:hover, #siteToolbar .mobileMenuWrapper ul.activePanel > li > a:focus, #siteToolbar .mobileMenuWrapper ul.activePanel > li > span.viewChildPanelTrigger:hover, #siteToolbar .mobileMenuWrapper ul.activePanel > li > span.viewChildPanelTrigger:focus, #siteToolbar .mobileMenuWrapper ul.activePanel > li.viewParentPanelTrigger > span.text:hover, #siteToolbar .mobileMenuWrapper ul.activePanel > li.viewParentPanelTrigger > span.text:focus {background-color:rgb(248,155,51);background-color:rgba(248,155,51,0.85);}
		#siteToolbar .mobileMenuWrapper ul li.active > a {border-left-color:rgb(248,155,51);border-left-color:rgba(248,155,51,0.85);}
		/* level 2 */
		#siteToolbar .mobileMenuWrapper ul ul {background-color:rgb(136,73,42,);background-color:rgba(136,73,42,0.85);}
		#siteToolbar .mobileMenuWrapper ul ul.activePanel {background-color:rgb(136,73,42,);background-color:rgba(136,73,42,0.85);}
			#siteToolbar .mobileMenuWrapper ul ul.activePanel > li > a:hover, #siteToolbar .mobileMenuWrapper ul ul.activePanel > li > a:focus, #siteToolbar .mobileMenuWrapper ul ul.activePanel > li > span.viewChildPanelTrigger:hover, #siteToolbar .mobileMenuWrapper ul ul.activePanel > li > span.viewChildPanelTrigger:focus, #siteToolbar .mobileMenuWrapper ul ul.activePanel > li.viewParentPanelTrigger > span.text:hover, #siteToolbar .mobileMenuWrapper ul ul.activePanel > li.viewParentPanelTrigger > span.text:focus {background-color:rgb(136,73,42,);background-color:rgba(136,73,42,0.85);}
		#siteToolbar .mobileMenuWrapper ul ul li.active > a {border-left-color:rgb(136,73,42,);border-left-color:rgba(136,73,42,0.85);}
		/* level 3 */
		#siteToolbar .mobileMenuWrapper ul ul ul {background-color:rgb(206,27,25);background-color:rgba(206,27,25,0.85);}
		#siteToolbar .mobileMenuWrapper ul ul ul.activePanel {background-color:rgb(206,27,25);background-color:rgba(206,27,25,0.85);}
			#siteToolbar .mobileMenuWrapper ul ul ul.activePanel > li > a:hover, #siteToolbar .mobileMenuWrapper ul ul ul.activePanel > li > a:focus, #siteToolbar .mobileMenuWrapper ul ul ul.activePanel > li > span.viewChildPanelTrigger:hover, #siteToolbar .mobileMenuWrapper ul ul ul.activePanel > li > span.viewChildPanelTrigger:focus, #siteToolbar .mobileMenuWrapper ul ul ul.activePanel > li.viewParentPanelTrigger > span.text:hover, #siteToolbar .mobileMenuWrapper ul ul ul.activePanel > li.viewParentPanelTrigger > span.text:focus {background-color:rgb(206,27,25);background-color:rgba(206,27,25,0.85);}
		#siteToolbar .mobileMenuWrapper ul ul ul li.active > a {border-left-color:rgb(206,27,25);border-left-color:rgba(206,27,25,0.85);}