/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Stylesheet: reset Modified On 2013-10-31 14:59:46 */
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 0px; background: #rgba(0,0,0,0); border:none; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 80px; height: 80px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0); background-image:url('/uploads/images/btn-hero-arrows.png'); }
.flex-direction-nav .flex-prev { left: 90px; opacity: 1; background-position:0px 0px;}
.flex-direction-nav .flex-next { right: 90px; text-align: right; opacity: 1; background-position:80px 0px;  }
.flexslider:hover .flex-prev { opacity: 1;}
.flexslider:hover .flex-next { opacity: 1;}
.flexslider:hover .flex-next:hover {background-position:80px 80px;-webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease;}
.flexslider:hover .flex-prev:hover {background-position:0px 80px;-webkit-transition: all 0s ease; -moz-transition: all 0s ease; transition: all 0s ease;}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
/* Stylesheet: flexslider Modified On 2013-12-10 10:37:03 */


body {
	background-color:#474A4B;
	background:url('/uploads/images/bkg-main.png');
	background-repeat:repeat;
	background-position:top center;
	position:relative;
	font-family: 'Karla', sans-serif;
}
ul li {
list-style-type:disc;
margin-left:20px;
}
ol li {
list-style-type:decimal;
margin-left:20px;
}
#navMenuUL li {
list-style-type:none;
margin-left:15px;
}
b, strong {
font-weight:800;
}
i {
font-style:italic;
}
.clear {
	width:100%;
	height:1px;
	clear:both;
}
.tbWrapper, .headWrapper, .contentWrapper, .footWrapper, .bottomBarWrapper, .orangeBlockWrap {
	width:100%;
}
.tbWrapper {
	height:35px;
	color:white;
	font-size:12px;
	letter-spacing: 1px;
}
.tbWrapper a {
	color:white;
	text-decoration:none;
}
.topBar, .header, .footer, .bottomBar, .content {
	width:960px;
	margin:0px auto;
}
.topBar {
}
.tbPhone {
	margin:auto;
	float:left;
	margin-top:8px;
}
.tbChat {
	margin-left:15px;
	float:left;
	margin-top:6px;
}
.tbFindRetailer {
	margin-right:20px;
	float:right;
	margin-top:6px;
}

.tbFindRetailer > form > fieldset {
float:left;
}

.tbViewCart {
float:right;
margin-top:11px;
}
.headWrapper {
	background:url('/uploads/images/bkg-main.png');
	background-repeat:repeat;
	background-position:top center;
	position:relative;
	z-index:2;
}
.homeHeader .headWrapper .homeHeadPad, .homeFooter .footWrapper .homeFootPad, .homeContentWrapper {
	background:url('/uploads/images/bkg-main.png');
	background-repeat:repeat;
	background-position:top center;
}
#tb_dealer_search fieldset {
	float:left;
}
#tb_dealer_search fieldset .inputBoxes {
	margin-left:2px;
	border:none;
	margin:0px;
}
.tbSearchSub {
	float:left;
	margin:0px;
}
.tbSearchSub input {
	background-image:url('/uploads/images/btn-search-arrow.png');
	border:none;
	width:23px;
	height:21px;
	margin:0px;
}
#findRetailer input {
	margin:0px;
	padding:2px;
	border:none;
	height:17px;
}
.header {
	height:114px;
}
.logo {
	width:192px;
	height:52px;
	float:left;
	margin-top:30px;
}
#logo {
	width:192px;
	height:52px;
}
.menuWrapper {
	position:relative;
	top:20px;
}
.navMenu {
	float:right;
	margin-top:20px;
	height:34px;
	width:175px;
	margin-left:6px;
}
.navMenu > ul {
	display:none;
    width:175px;
    padding-top:12px;
    padding-bottom:20px;
}
.navMenu:hover > ul {
	z-index:100;
	display:block;
}
#browse ul {
    background-color:#DC6322;
}
#getStarted ul {
    background-color:#819462;
}
#install ul {
    background-color:#72A6C8;
}
#NavMenuUL li ul {
    margin:0px;
    padding:0px;
    display:none;
}

#NavMenuUL li ul li a {
    color:white;
    width:100%;
    display:block;
}
#NavMenuUL li ul li {
    list-style-type:none;
    width:175;
    height:27px;
    line-height: 31px;
    border-top:1px solid white;
}
#navMenuUL li a {
	text-decoration:none;
	color:white;
	font-size:12px;
	line-height:27px;
	display:block;
}
#navMenuUL li div {
	text-decoration:none;
	font-size:12px;
	line-height:27px;
	display:block;
	width:175px;
	height:34px;
	text-align:center;
	color:white;
	letter-spacing:2.5px;
        font-size:14px;
        line-height:34px;
}
#browse div {
	background-color:#DC6322;
}
#getStarted div {
	background-color:#819462;
}
#install div {
	background-color:#72A6C8;
}
#browse ul li {
    background-color:#DC6322;
    width:145px;
    margin-left:auto;
    margin-right:auto;
    border-top:1px solid rgba(255,255,255,0.2);
}
#getStarted ul li {
    background-color:#819462;
    width:145px;
    margin-left:auto;
    margin-right:auto;
    border-top:1px solid rgba(255,255,255,0.2);
}
#install ul li {
    background-color:#72A6C8;
    width:145px;
    margin-left:auto;
    margin-right:auto;
    border-top:1px solid rgba(255,255,255,0.2);
}

.homeContentWrapper {
	background:url('/uploads/images/bkg-main.png');
	background-repeat:repeat;
	background-position:top center;
	z-index:1;
	min-width:1120px;
	position:relative;
	top:-1px;
        min-height:650px;
}
.homeContentWrapper > .content {
 width:1120px;
 overflow:hidden;
 background-color:rgba(0,0,0,0);
 height:610px;
}
.footWrapper {
	background:url('/uploads/images/bkg-main.png');
	background-repeat:repeat;
	background-position:top center;
	padding-top:32px;
	padding-bottom:29px;
}
.footer, .footer a {
	color:#474A4B;
	text-decoration:none;
}
.footEasyTrack, .footCustomerService, .footConnect {
	width:319px;
	float:left;
	text-align:center;
}
.footCustomerService {
	border-left:1px solid #474A4B;
	border-right:1px solid #474A4B;
	height:155px;
}
.fEasyTrackHead, .fCustomerServiceHead, .fConnectHead {
	margin:20px auto 15px auto;
	font-size:14px;
}
.fWhyET, .fCustReviews, .fBecomeRetail, .fNews, .fContactUs, .fWarranty, .fFAQ, .fPolicies {
	width:38%;
	float:left;
	margin:26px auto 0px 12%;
	text-align:left;
	font-size:13px;

}
.fCustReviews, .fNews {
	margin-left:7%;
}
.fContactUs, .fFAQ {
	margin-left:16%;
	width:34%;
}
.socialMediaIcon {
	background-position:0px 0px;
	width:32px;
	height:32px;
	float:left;
	margin-left:10px;
	-moz-transition: margin-top 0.2s ease-out;  /* FF4+ */
    -o-transition: margin-top 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: margin-top 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: margin-top 0.2s ease-out;  /* IE10 */
    transition: margin-top 0.2s ease-out;
    margin-top:0px;
}
.socialMediaIcon:hover {
	background-position:0px 32px;
	/*margin-top:-4px;*/
}
#fb {
	background-image:url('/uploads/images/fb.png');
}
#pin {
	background-image:url('/uploads/images/pin.png');
}
#hz {
	background-image:url('/uploads/images/hz.png');
}
#yt {
	background-image:url('/uploads/images/yt.png');
}
.socialIcons {
margin-top:24px;
margin-left:71px;
}
.connectText {
	font-size:13px;
	text-align:center;
	margin-top:22px;
}
.bottomBarWrapper {
width:100%;
}
.bottomBar {
width:960px;
margin:10px auto;
text-align:center;
color:white;
font-size:11px;
letter-spacing:1px;
}
.bottomBar a {
	color:white;
	text-decoration:none;
}
.contentWrapper {
	background-color:#474A4B;
	width:100%;
	position:relative;
	z-index:1;
}
.content {
	background-color:white;
	position:relative;
	min-height:450px;
}
.contentHeader {
	color:#DC6322;
	font-size:20px;
	padding-top:25px;
	margin-left:43px;
	margin-right:43px;
}
.contentBlock {
	margin:20px 43px;
line-height:20px;
}
.contentBlock h3 {
        font-size:18px;
        padding:20px 0px 10px 0px;
        color:#DC6322
}
.contentBlock  a {
	color:#DC6322;
	text-decoration:none;
}

.sidebar {
	height:100%;
	width:230px;
	float:right;
	background-color:#fff;
	position:absolute;
	right:0px;
}
.sideTop {
	margin-top:25%;
	height:130px;
	text-align:center;
}
.flexslider {
	width:720px;
	float:left;
z-index:1;
margin-left:200px;
margin-right:200px;
height:560px;
}
.flexslider li {
list-style-type:none;
margin-left:0px;
}
.prevFade {
width:200px;
float:left;
position:absolute;
top:0px;
left:-200px;
height:560px;
z-index:2;
background-image:url('/uploads/images/bkg-prev.png');
background-repeat:repeat-y;
}

.nextFade {
width:200px;
float:right;
position:absolute;
top:0px;
right:-200px;
height:560px;
z-index:2;
background-image:url('/uploads/images/bkg-next.png');
background-repeat:repeat-y;

}
.mainButtonsWrapper {
	width:148px;
	height:147px;
	position:relative;
	top:-99px;
	margin-left:auto;
	margin-right:auto;
	z-index:3;
}
.mainButtonBack {
	height:147px;
	width:147px;
	float:left;
	background-image:url('/uploads/images/bkg-main-buttons.png');
	background-position:bottom center;
	background-repeat:no-repeat;
}
#mbFindRetailerWrap, #mbDesignAssistanceWrap {
	margin-left:63px;
}
.mainButton {
	height:147px;
	width:147px;
	-moz-transition: margin-top 0.2s ease-out;  /* FF4+ */
    -o-transition: margin-top 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: margin-top 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: margin-top 0.2s ease-out;  /* IE10 */
    transition: margin-top 0.2s ease-out;
    margin-top:4px;  
	background-position:0px 0px;
}
.mainButton:hover {
	/*margin-top:-10px;*/
	background-position:0px -146px;

}
#mbStartDesign {
	background-image:url('/uploads/images/btn-hp-start.png');
}
#mbFindRetailer {
	background-image:url('/uploads/images/btn-hp-find.png');
}
#mbDesignAssistance {
	background-image:url('/uploads/images/btn-hp-design.png');
}
.sidebottom {
	height:30%;
	margin-top:25%;
}
.sideButton {
	width:50%;
	height:82px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	-moz-transition: margin-top 0.2s ease-out;  /* FF4+ */
    -o-transition: margin-top 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: margin-top 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: margin-top 0.2s ease-out;  /* IE10 */
    transition: margin-top 0.2s ease-out;
	margin-top:0px;
}
#sideSDWrap, #sideFRWrap {
	float:left;
}
#sideBPWrap {
}
.sideImage {
	height:82px;
	width:82px;
	-moz-transition: margin-top 0.2s ease-out;  /* FF4+ */
    -o-transition: margin-top 0.2s ease-out;  /* Opera 10.5+ */
    -webkit-transition: margin-top 0.2s ease-out;  /* Saf3.2+, Chrome */
    -ms-transition: margin-top 0.2s ease-out;  /* IE10 */
    transition: margin-top 0.2s ease-out;
	margin:0px auto;
}
#sideSD {
	margin-right:5px;
	background: url('/uploads/images/btn-sad-all.png');
	background-position:-1px -2px;
}
#sideFR {
	margin-left:10px;
	background: url('/uploads/images/btn-far-all.png');
	background-position:84px 84px;
}
#sideBP {
	background: url('/uploads/images/btn-bp-all.png');
	background-position:-2px 84px;
}
#sideSD:hover {
	background-position:84px -2px;
	/*margin-top:-10px;*/
}
#sideFR:hover {
	background-position:-2px -92px;
	/*margin-top:-10px;*/
}
#sideBP:hover {
	background-position:84px -4px;
	/*margin-top:-10px;*/
}
.orangeBlockWrap {
		background:url('/uploads/images/bkg-main.png');
	background-repeat:repeat;
	background-position:top center;
}
.orangeBlock {
	width:960px;
	margin:0px auto;
	color:white;
	min-height:100px;
	background-color:#e67538;
}
.orangeBlock h3 {
	font-size:20px;
	text-transform:capitalize;
	letter-spacing:2px;
	margin:0px 20px 10px 20px;
	padding-top:10px;
}
.orangeBlock p {
	font-size:13px;
	margin-left:20px;
	margin-right:20px;
	letter-spacing:1px;
}
.orangeBlock p a {
	color:white;
	text-decoration:underline;
}

.gallery {
	height:480px;
}
.homeHeadPad, .homeFootPad,  {
width:960px;
margin:0px auto;
}
.homeHeader .homeHeadPad, .homeFooter .homeFootPad {
width:1120px;
margin:0px auto;
}
.homeFooter, .homeHeader {
	min-width:1120px;
}
.homeFooter {
	position:relative;
	top:-1px;
}
.contactUsForm {
	color:#DC6322;
	margin-top:20px;
}
.textInput input, .textArea textarea {
	border:1px solid #e67538;
	padding:5px;
	margin-left:0px;
}
.textInput { 
	width:50%;
	float:left;
	margin-left:auto;
	margin-right:auto;
}
.textInput input {
	width:90%;
	margin-top:5px;
	margin-bottom:10px;
	color:#474A4B;
}
.textArea textarea {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	height:70px;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#e67538;
	font-style:italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#e67538;
	font-style:italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#e67538;
	font-style:italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#e67538;
	font-style:italic;
}
.cms_submit {
	padding:7px 30px;
	border:none;
	font-size:13px;
	margin-right:20px;
	float:right;
	background-color:#819462;
	color:white;
	letter-spacing:2px;
	margin-top:20px;
	margin-bottom:30px;
}
.contactText {
	font-size:13px;
	line-height:1.5em;
	color:#474A4B;
}
.install {
	width:100%;
}
.install a div {
	width:192px;
	float:left;
	background-color:#474A4B;
	padding:10px;
	text-align:center;
	color:white;
}
.install .current {
	background-color:#87b8d9;
}
.install a div:hover {
	color:#474A4B;
	background-color:white;
}
.install .instructions {
	border-left:1px solid white;
	border-right:1px solid white;
}
.searchDealerName {
	color:#e67538;
	font-size:20px;
	margin-top:20px;
}
.dealerSearchURL {
	color:#99ac77;
	font-size:14px;
}
.dealerSearchDistance {
	color:#e67538;
	font-size:22px;
}
.dealerSearchMap {
	color:#99ac77;
	font-size:13px;
}
.dsLeftColumn {
	width:75%;
}
.dsRightColumn {
	width:25%;
}
table.dealer_table {
	width:644px;
}
.seo {
width:900px;
margin:0px auto;
padding-top:10px;
color:white;
font-size:9pt;
line-height:15px;
}
.seo a {
color:white;
}
.blurbheading {
font-size:10pt;
}
.seo p {
padding-top:5px;
}
.leftImage {
float: left; 
margin: 0pt 3em 1em 0pt;
}
.rightText {
float:right;
width:445px;
}
/* Stylesheet: Easy Track Modified On 2015-10-29 09:58:54 */