﻿*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:0;}
html{
    font-size: 14px;
}
body {
    background-color: #1e1e1e;
    font-family: Arial, Arial, Helvetica, sans-serif;
    margin: 0;
    text-align: center;
    font-size: 100%;
}
a{
    color: #46843b;
}
a:hover, a:active, a:focus{
    color: #b3542d;
    text-decoration: none;
}
select{
    -webkit-appearance: none;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.clearfix:before,.clearfix:after{
	content: " ";
	display: table;
}
.clearfix:after{
	clear: both;
}
.text-center{
    text-align: center;
}
.container{
    max-width: 100%;
    padding: 0 1em;
}
.tier{
    margin: 0 -1em;
}
.hide{
	display: none;
}
.PageTitle{
    font-size: 2em;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin: 1em 0 2em;
}
h1 .PageTitle{
    font-size: inherit;
    font-weight: inherit;
    text-transform: inherit;
    text-align: inherit;
    display: inline-block;
    margin: 0;
}
h1 .PageTitle a{
    color: #333333;
    text-decoration: none;
}
span.DropDown{
    float: left;
    clear: left;
}
select.DropDown{
    margin-bottom: 2em;
}
header{
    text-align: center;
    position: relative;
    z-index: 150;
    background: transparent url("../navy_blue_pat.png") repeat;
}
header > .container{
    margin: 0 auto;
    padding-top: 2em;
}
header > .container > .row > div:nth-of-type(2){
    margin: 2em auto 0;
    max-width: 275px;
}
header > .container > .row > div:nth-of-type(2) > label{
    display: inline-block;
    z-index: 150;
}
footer .search-box > label{
    display: inline-block;
    vertical-align: top;
}
header .fa-search, footer .fa-search{
    color: #FFFFFF;
    font-size: 1.5em;
}
header .search-box{
    display: inline-block;
    text-align: left;
    margin-top: -2px;
    position: relative;
    z-index: 100;
}
footer .search-box{
    max-width: 18em;
    margin: 0 auto;
    position: relative;
}
footer #ctl00_pnlSearchBot{
    display: inline-block;
    vertical-align: bottom;
}
header #ctl00_tbSearch, footer #ctl00_txtSearchBot{
    background-color: transparent;
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    width: 100%;
    opacity: 0;
    transition: opacity 0.35s ease;
}
footer #ctl00_txtSearchBot{
    opacity: 1;
}
header #ctl00_tbSearch:focus{
    opacity: 1;
}
header .search-box:hover #ctl00_tbSearch{
    opacity: 1;    
}
@media (max-width: 767px){
header .search-box #ctl00_tbSearch{
    opacity: 1;    
}
}
header #ctl00_btnSearch, footer #ctl00_btnSearchBot{
    opacity: 0;
    background-color: #58BA47;
    border: 1px solid #58BA47;
    color: #333333;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0.25em 0.5em;
    margin: 0 0.25em;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.65); 
    display: none;
    text-align: center;
    transition: opacity 0.35s ease;
}
header .search-box:active #ctl00_btnSearch, header .search-box:focus #ctl00_btnSearch, header .search-box:hover #ctl00_btnSearch{
    opacity: 0;
}
#mainLogo a{
    display: block;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
#mainLogo img{
    width: 315px;
    max-width: 100%;
    height: auto;
}
header > .container > .row > div:nth-of-type(3){
    padding: 0;
}
header .action-menu{
    margin-top: 2em;
    text-align: right;
}
header .action-menu i{
    font-size: 1.5em;
    color: #FFFFFF;
    padding: 0 2em 0 1em;   
}
header .action-menu #ctl00_ctrl1_pnlLogin, header .action-menu #ctl00_ctrl1_pnlLoggedIn{
    position: absolute;
    right: 5.65em;
    top: 2em;
    padding-top: 2em;
    z-index: 150;
    max-height: 2em;
    overflow: hidden;
    cursor: pointer;
    transition: max-height 0.15s ease;
}
header .action-menu #ctl00_ctrl1_pnlLogin:hover, header .action-menu #ctl00_ctrl1_pnlLogin:active, header .action-menu #ctl00_ctrl1_pnlLogin:focus, header .action-menu #ctl00_ctrl1_pnlLoggedIn:hover, header .action-menu #ctl00_ctrl1_pnlLoggedIn:active, header .action-menu #ctl00_ctrl1_pnlLoggedIn:focus{
    max-height: 10em;
}
header .action-menu #ctl00_ctrl1_pnlLogin #Login-NoLogin, header .action-menu #ctl00_ctrl1_pnlLoggedIn #Login-LoggedIn{
    opacity: 0;
    transition: opacity 0.35s ease;
}
header .action-menu #ctl00_ctrl1_pnlLogin:hover #Login-NoLogin, header .action-menu #ctl00_ctrl1_pnlLogin:active #Login-NoLogin, header .action-menu #ctl00_ctrl1_pnlLogin:focus #Login-NoLogin, header .action-menu #ctl00_ctrl1_pnlLoggedIn:hover #Login-LoggedIn,header .action-menu #ctl00_ctrl1_pnlLoggedIn:active #Login-LoggedIn,header .action-menu #ctl00_ctrl1_pnlLoggedIn:focus #Login-LoggedIn{
    opacity: 1;
}
header .action-menu #ctl00_ctrl1_pnlLogin ul, header .action-menu #ctl00_ctrl1_pnlLoggedIn ul{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    background-color: #58BA47;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.65); 
}
header .action-menu #ctl00_ctrl1_pnlLogin ul > li > a, header .action-menu #ctl00_ctrl1_pnlLoggedIn ul > li > a{
    color: #FFFFFF;
    font-weight: 900;
    text-transform: uppercase;
    padding: 0.5em 1em;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #333333;
    text-decoration: none;
}
header .action-menu #ctl00_ctrl1_pnlLoggedIn ul > li:first-child{
    background-color: #333333;
    color: #FFFFFF;
    text-align: center;
    padding: 0.25em;
    font-weight: 900;
    text-transform: uppercase;
}
header .action-menu #Login-Cart{
    position: absolute;
    right: 0;
    top: 2em;
    min-width: 7em;
    z-index: 100;
    overflow: hidden;
}
header .action-menu #Login-Cart ul{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
header .action-menu #Login-Cart ul li a{
    padding: 0.5em;
    opacity: 0;
}
header .action-menu #Login-Cart ul li #ctl00_ctrl1_lblCart{
    color: rgba(255,255,255,0.35);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.85em;
    padding-top: 0.5em;
    display: block;
    transition: color 0.35s ease;
}
header .action-menu #Login-Cart:hover ul li #ctl00_ctrl1_lblCart, header .action-menu #Login-Cart:active ul li #ctl00_ctrl1_lblCart,header .action-menu #Login-Cart:focus ul li #ctl00_ctrl1_lblCart{
    color: rgba(255,255,255,1);
}
#mainNav{
    padding: 0;
    border-top: 1px solid #000000;
    clear: both;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.65);
}
#mainNav::before, #mainNav::after{
    content: " ";
    display: table;
    clear: both;
}
#mainNav .navbar-collapse{
    padding-right: 0;
    padding-left: 0;
}
#mainNav > div > ul{
    list-style: none;
    margin: 0;
    position: relative;
}
#mainNav > div > ul > li{
    display: inline-block;
    margin: 0 -0.15em;
    position: static;
}
#mainNav > div > ul > li a{
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 900;
    display: block;
    padding: 1em;
    position: relative;
}
#mainNav > div > ul > li a:hover, #mainNav > div > ul > li a:active, #mainNav > div > ul > li a:focus{
    background-color: rgba(0,0,0,.65);
}
#mainNav > div > ul > li > a::before{
    content: " ";
    width: 100%;
    height: 100%;   
    display: block;
    opacity: 0;
    border-bottom: 4px solid #58ba47;
    position: absolute;
    top: 0;
    left: 0;    
}
#mainNav > div > ul > li.open > a::before, #mainNav > div > ul > li:hover > a::before{
    opacity: 1;    
}
#mainNav .dropdown-menu{
    list-style: none;
    background-color: #58ba47;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    text-align: center;
    border-radius: 0;
    border-top: 0 none;
    margin: 0;
    opacity: 0;
    transform: translateY(-2em);
    transition: opacity 0.65s ease-in-out, transform 0.35s ease-in-out;
}
#mainNav li.open .dropdown-menu{
    transform: translateY(0);
    opacity: 1;
}
#mainNav .dropdown-menu > li{
    display: inline-block;
}
#mainNav .dropdown-menu > li a{
    color: #666666;
}
#mainNav .dropdown-menu > li a:hover, #mainNav .dropdown-menu > li a:active, #mainNav .dropdown-menu > li a:focus{
    color: #FFFFFF;
    background-color: transparent;
}
.navbar-toggle .icon-bar{
    height: 3px;
    border-radius: 0;
    background-color: #FFFFFF;
}
header .dropdown-menu::after{
    content: " ";
    display: block;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.65);
    height: 1px;
    position: absolute;
    width: 100%;
    background-color: rgba(0,0,0,.65);
    top: 0;
}
#mainNav .dropdown:hover .dropdown-menu{
    display: block;
    opacity: 1;
    transform: translateY(0);
}
#hero {
    background: #000000;
    background-size: contain;
    padding: 0px 0px 0px 0px !important;
    transition: padding 0.35s ease-in-out, background-size 0.35s ease-in-out, background-position 0.35s ease-in-out;
    position: relative;
    display: none;
    text-align: center;
}
form[action="Default.aspx"] #hero{
    display: block;
}
#hero::after{
    content: " ";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: transparent url("../hero_grad.png") repeat-x  center bottom;
}
#hero p{
    color: #58ba47;
    padding: 0;
    max-width: 90%;
    width: 970px;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 2.5em;
    font-weight: 900;
    position: relative;
    text-shadow: 1px 1px 0.15em #000000;
    z-index: 50;
}
main{
    background-color: #e2e2e2;
    padding: 0;
    position: relative;
}
form[action="Default.aspx"] main{
	padding: 1em 1em 4em;
}
#search{
    max-width: 100%;
    width: 980px;
    padding: 0.5em 0.25em 1.5em;
    position:absolute;
    transform: translateY(-50%);
    top: 0;
    left: calc(50% - 490px);
    display: none;
    background: #444444 url("../navy_blue_pat.png") repeat-x;
}
@media (max-width:991px){
    #search{
        max-width: calc(100% - 2em);
        left: 1em;
    }
}
form[action="Default.aspx"] #search{
    display: block;
}
#search::before{
    content: " ";
    position: absolute;
    width: 100%;
    height: 0.5em;
    top: 0;
    left: 0;
    background-color: #f15e22;
    opacity: 0.65;
}
#search p{
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 1.25em;
    font-weight: 900;
    margin: 0;
    padding: 1.5em 0 1.25em;
}
#search select{
    background-color: #111111;
    border: 0 none;
    font-size: 0.85em;
    font-weight: 900;
    padding: 1em;
    width: 36%;
    float: left;
    margin: 0 1em 1em;
    text-transform: uppercase;
    color: #999999;
    opacity: 1;
    cursor: pointer;
    -webkit-appearance: none;
}
#search select option{
    background-color: rgba(0,0,0,.45);
    color: #FFF;
}
#search input[type="submit"]{
    color: #58ba47;
    background-color: rgba(0,0,0,.65);
    text-transform: uppercase;
    width: 20%;
    margin: 0 1em;
    font-size: 1em;
    border: 0 none;
    float: left;
    font-weight: 900;
    padding: 0.8em;
    cursor: pointer;
    opacity: 1;
}
#search select:disabled, #search input[type="submit"]:disabled{
    opacity: 0.35;
    transition: opacity .15s ease;
    cursor: default;
}
main{
    background: url(../content-rpt-bg.jpg) repeat;
}
main .body-content{    
    margin: 0 auto;
    font-size: 0.85em;
    line-height: 1.5em;
    color: #3a3a3a;
    text-align: left;
    padding: 4em 2em 7em;
    background-color: #FFFFFF;      
}
main .body-content img{
    max-width: 100%;
    height: auto;
}
main .body-content iframe{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
form[action="Default.aspx"] main .body-content{
	text-align: center;
	max-width: 85%;
    width: 865px;
    padding: 0 1em;
    background-color: transparent;
}
main .body-content h1{
    /*text-transform: uppercase;*/
    font-size: 2.5em;
    font-weight: 900;
    margin: 1em 0;
    padding: 0 0 0.25em;
    text-align: center;
}
main .body-content .SubTitle{
    font-weight: 900;
    display: block;
    padding: 2em 0 0.5em;
}
main .body-content li .SubTitle{
    display: inline;
}
main .body-content .text-center .col-sm-6:nth-of-type(odd){
    clear: both;
}
main .body-content .text-center .col-sm-6.img-block{
    margin-bottom: 2em;
}
#hubs{
   
    display: none;
}
form[action="Default.aspx"] #hubs{
	display: block;
}
#hubs .pod{
    min-height: 18em;
    padding: 2em 1em;
    position: relative;
}
#hubs .pod#newsletter::before{
    background: transparent url("../hub_newsletter_bg.jpg") no-repeat center center;
    background-size: cover;
    content: " ";
    width: calc(100% - 2em);
    left: 1em;
    top: 1em;
    height: calc(100% - 2em);
    position: absolute;
}
#hubs .pod#why::before{
    background: transparent url("../hub_why_bg.jpg") no-repeat center center;
    background-size: cover;
    content: " ";
    width: calc(100% - 2em);
    left: 1em;
    top: 1em;
    height: calc(100% - 2em);
    position: absolute;
}
#hubs .pod#dealer::before{
    background: transparent url("../hub_dealer_bg.jpg") no-repeat center center;
    background-size: cover;
    content: " ";
    width: calc(100% - 2em);
    left: 1em;
    top: 1em;
    height: calc(100% - 2em);
    position: absolute;
}
#hubs .pod::after{
    content: " ";
    z-index: 50;
    width: calc(100% - 2em);
    left: 1em;
    top: 1em;
    height: calc(100% - 2em);
    position: absolute;
    background: transparent url("../hero_grad.png") repeat-x  center bottom;
}
    #hubs .pod#dealer::after {
        content: " ";
        z-index: 50;
        width: calc(100% - 2em);
        left: 1em;
        top: 1em;
        height: calc(100% - 2em);
        position: absolute;
       
    }
#hubs .pod p{
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.25em;
    margin: 0 auto;
    padding: 4em 1em 1em;
    position: relative;
    text-shadow: 1px 1px 3px rgba(0,0,0,.65);
    z-index: 100;
    font-weight: 900;
}
#hubs #newsletter p{
    font-size: 1em;
    padding: 3.25em 2em 1em;
}
#hubs #newsletter iframe{
    position: relative;
    z-index: 200;
    height: 7em !important;
    border: 0 none;
    overflow: hidden;
}
#hubs #dealer p{
    padding: 4em 4em 1em;
}
#mc_embed_signup .clear{
    position: relative;
    z-index: 200;
}
#mc_embed_signup .button{
    display: block !important;
    background-color: #58ba47 !important;
    width: 45% !important;
    margin: 0.25em auto 1em !important;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    text-transform: uppercase; !important;
    padding: 1em !important;
    font-size: 0.85em !important;
    border: 0 none !important;
    position: relative;
    z-index: 100;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.65);
    border-radius: 0px !important;
    line-height: 1.15em !important;
    height: auto !important;
}
   #hubs .pod input[type="email"]{
    background-color: rgba(0,0,0,.65);
    border: 0 none;
    color: #999999;
    font-weight: 700;
    padding: 1em;
    width: 75%;
    font-size: 0.85em;
    position: relative;
    z-index: 100;
    margin: 0 auto;
    }
#hubs .pod > a, #hubs .pod > input[type="submit"] {
    display: block;
    background-color: #58ba47;
    width: 45%;
    margin: 1em auto;
    color: #000000;
    text-decoration: none;
    font-weight: 900;
    text-transform: uppercase;
    padding: 1em;
    font-size: 0.85em;
    border: 0 none;
    position: relative;
    z-index: 100;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.65);
}
#connect{
    background-color: #999999;
    padding: 4em 0;
    position: relative;
}
#connect > .container{
    margin: 0 auto;
    position: relative;
    z-index: 150;
}
#connect::after{
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: transparent url("../navy_blue_pat.png") repeat-x;
	opacity: 0.85;
	z-index: 1;
}
#connect > .container{
    max-width: 720px;
}
#connect > .container p{
    color: #000000;
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: 900;
    margin: 0 0 2em;
}
#connect > .container a{
    background-color: rgba(0,0,0,.35);
    padding: 1em 0;
    display: block;
    font-size: 2.5em;
    color: #666666;
    transition: background-color 0.35s ease, color 0.35s ease;
}
@media (max-width:767px){
    #connect > .container a{
        padding: 20% 25%;
        display: inline-block;
        font-size: 1.25em;
    }
}
#connect > .container a:hover, #connect > .container:active, #connect > .container:focus{
    color: rgba(255,255,255,.65);
    background-color: rgba(0,0,0,.65);
}
#connect::before{
    content: " ";
    position: absolute;
    width: 100%;
    height: 0.5em;
    top: 0;
    left: 0;
    background-color: #f15e22;
    opacity: 0.65;
    z-index: 50;
}
/*SECONDARY*/
#subHero{
    padding: 4em;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
#subHero::after{
    content: " ";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: transparent url("../hero_grad.png") repeat-x  center bottom;
}
#subHero h1{
    color: #58ba47;
    text-transform: uppercase;
    position: relative;
    z-index: 50;
    font-size: 2.5em;
    margin: 0.25em auto;
}
#title .breadcrumbs{
    text-transform: uppercase;
    font-size: 0.75em;
    position: relative;
    color: #FFFFFF;
    z-index: 50;
}
.btn{
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.65em 5em;
    display: inline-block;
    border-radius: 0;
}
.btn-primary{
    background-color: #58ba47;
    color: #333333;
}
.body-content{
	padding-bottom: 7em;
    padding-top: 14em;
}
.body-content hr{
    margin: 2em 0;
    position: relative;
    border: 0 none;
    height: 2px;
    background-color: #999999;
    clear: both;
}
.body-content h2{
    text-transform: uppercase;
    font-size: 1.75em;
    font-weight: 900;
    margin: 2em 0 0.5em;
}
.body-content h2 a{
	color: inherit;
	text-decoration: none;
}
.body-content h2:first-child{
	margin-top: 0;
}
.body-content h3{
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 900;
}
.body-content h4{
    text-transform: uppercase;
    font-size: 1.35em;
    font-weight: 900;
}
.body-content h5{
    text-transform: uppercase;
    font-size: 1.15em;
    font-weight: 900;
}
.body-content h6{
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 900;
}
.body-content ul{
    list-style: none;
    margin-top: 1em;
}
.body-content ul > li{
    padding: 0 1em 1em 0;
    position: relative;
}
.body-content ul > li::before{
    width: 1em;
    height: 1em;
    background-color: #58ba47;
    content: " ";
    float: left;
    margin-right: 1em;
    margin-top: 0.15em;
}
.body-content .callout{
    clear: both;
    background-color: #333333;
    padding: 2em 6em 2em 4em;
    position: relative;
    margin: 4em 0 6em;
    width: 100%;
}
.body-content .callout::before{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0.5em;
    background-color: #f15e22;
}
.body-content .callout::after{
    content: " ";
    display: table;
    clear: both;
}
.body-content .callout h2{
    color: #58ba47;
}
.body-content .callout p{
    color: #FFFFFF;
    max-width: 65%;
    float: left;
    margin: 0 0 1em;
}
.body-content .callout .btn{
    float: right;
}
.body-content table{
    width: 100%;
    border-collapse: collapse;
}
.body-content table th{
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1em;
    border-bottom: 2px solid #DDDDDD;
    padding: 1em 0 2em;
}
.body-content table td{
    padding: 1em 0;
    border-bottom: 1px solid #DDDDDD;
}
.body-content{
    margin: 0 -1em;
}
.body-content textarea, .body-content input[type="text"], .body-content input[type="password"], .body-content select{
    background-color: #333333;
    padding: 1em;
    width: 100%;
    color: #FFFFFF;
    font-weight: 900;
    border: 0 none;
    margin-bottom: 1em;
}
.body-content textarea{
   min-height: 10em;
}
.body-content .blk-tri{
    float: left;
    width: 33.333%;
    padding: 0 1em;
    margin: 0 0 1em;
}
.body-content .blk-full{
    float: left;
    clear: both;
    margin: 0 0 1em;
    padding: 0 1em;
    width: 100%;
}
.body-content .btn-group{
    clear: both;
    text-align: right;
    padding: 0 1em;
}
.body-content input[type="submit"]{
    color: #333333;
    background-color: #58ba47;
    border: 1px solid #58BA47;
    text-transform: uppercase;
    margin: 1em 0;
    font-size: 0.95em;
    font-weight: 900;
    padding: 0.75em 1em;
    cursor: pointer;
    display: block;
    width: auto !important;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.35);
    transition: background-color 0.35s ease, color 0.35s ease, border 0.35s ease, box-shadow 0.35s ease;
}
.body-content input[type="submit"]:hover, .body-content input[type="submit"]:active, .body-content input[type="submit"]:focus{
    box-shadow: none;
    background-color: #000000;
    border: 1px solid #000000;
    color: #58BA47;
}
/**Accounts*/
.body-content #loginMainArea{
    display: block;
    float: left;
    width: 33.333%;
    margin: 2em 0;
}
.body-content #getAccount{
    display: block;
    float: left;
    width: 45%;
    margin: 2em 0 2em 20%;
}
@media (max-width: 767px){
    .body-content #loginMainArea, .body-content #getAccount{
        float: none;
        width: 100%;
        max-width: 35em;
        margin: 2em auto 2em;
        clear: both;
    }
}
#ctl00_MainArea_pnlNewAccountForm input{
    display: block;
}
.body-content #accountName{
    display: block;
    font-size: 1.5em;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    margin: 2em 0;
    line-height: 1.5em;
}
.body-content #accountButtons{
    text-align: center;
    margin-bottom: 2em;
}
.body-content #accountButtons a, .body-content #accountMenu a{
    display: inline-block;
    color: #58ba47;
    background-color: #333333;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.15em;
    border: 0 none;
    font-weight: 900;
    padding: 0.75em 2em;
    cursor: pointer;
    transition: color .35s ease, background-color .35s ease;
}
.accountBackLink{
    display: inline-block;
    color: #58ba47;
    background-color: #333333;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1em;
    border: 0 none;
    font-weight: 900;
    padding: 0.75em 2em;
    cursor: pointer;
    transition: color .35s ease, background-color .35s ease;
}
.accountBackLink:hover, .accountBackLink:active, .accountBackLink:focus{
    text-decoration: none;
    background-color: #58BA47;
    color: #000000;
}
.body-content #accountButtons a:hover, .body-content #accountButtons a:focus, .body-content #accountButtons a:active, .body-content #accountMenu a:hover, .body-content #accountMenu a:focus, .body-content #accountMenu a:active{
    color: #333333;
    background-color: #58BA47;
}
.body-content #accountButtons a{
    width: calc(33.333% - 5em);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.25); 
    font-size: 1.15em;
    margin: 0 2em;
}
.body-content #accountMenu{
    text-align: center;
    margin: 2em 0 4em;
}
.body-content #accountMenu::before, .body-content #accountMenu::after{
    content: " ";
    display: table;
    clear: both;
}
.body-content #accountMenu > div{
    float: left;
    width: 25%;
    padding: 0 2em;
    font-weight: 900;
    text-transform: uppercase;
}
.body-content #accountMenu > div p{
    margin: 0 2em 2em;
}
@media (max-width: 991px){
    .body-content #accountButtons a, .body-content #accountMenu > div, .body-content #accountMenu div a{
        display: block;
        width: 100%;
        max-width: 90%;
        margin: 0 auto 1em !important;
        float: none;        
    }
}
#ctl00_MainArea_SimpleContactControl_pnlContact::before, #ctl00_MainArea_SimpleContactControl_pnlContact::after, #ctl00_MainArea_rpvBillingContact::before, #ctl00_MainArea_rpvBillingContact::after, #ctl00_MainArea_SimpleContactControlPrimary_pnlContact::before, #ctl00_MainArea_SimpleContactControlPrimary_pnlContact::after{
    display: table;
    content: " ";
    clear: both;
}
#ctl00_MainArea_SimpleContactControl_pnlContact > div, #ctl00_MainArea_rpvBillingContact > div, #ctl00_MainArea_SimpleContactControlPrimary_pnlContact > div{
    display: block;
    clear: both;
}
#ctl00_MainArea_SimpleContactControl_pnlContact > div span, #ctl00_MainArea_rpvBillingContact > div span, #ctl00_MainArea_SimpleContactControlPrimary_pnlContact > div span, #ctl00_MainArea_SimpleContactControl_pnlContact > div input, #ctl00_MainArea_SimpleContactControlPrimary_pnlContact > div input, #ctl00_MainArea_rpvBillingContact > div input, #ctl00_MainArea_SimpleContactControlPrimary_pnlContact > div input, #ctl00_MainArea_SimpleContactControl_pnlContact > div select, #ctl00_MainArea_SimpleContactControlPrimary_pnlContact > div select, #ctl00_MainArea_rpvBillingContact > div select{
    display: inline-block;
    margin: 0 0 1em 0;
}
#ctl00_MainArea_SimpleContactControl_pnlContact > div span, #ctl00_MainArea_rpvBillingContact > div span, #ctl00_MainArea_SimpleContactControlPrimary_pnlContact > div span{
    margin-bottom: 0;
}
.clsRequired{
    color: red;
    display: inline-block !important;
}
#ctl00_MainArea_pnlNewAccountForm, #frmNewAccount5, #ContactForm {
    width: 760px;
    max-width: 100%;
    margin: 0 auto;
    background: white;
    padding: 2em 0;
}
#ctl00_MainArea_SimpleContactControlPrimary_ibAddressStandardizationHlp{
    max-width: 2em;
    float: right;
}
#ctl00_MainArea_pnlNewAccountForm input, #frmNewAccount5 input, #ContactForm input, #ContactForm textarea #ctl00_MainArea_pnlNewAccountForm select, #frmNewAccount5 select {
    display: block !important;
    width: 100% !important;
}
#ctl00_MainArea_pnlNewAccountForm input[type="checkbox"], #frmNewAccount5 input[type="checkbox"]{
    display: inline-block !important;
    width: auto !important;
}
#ContactForm5 input{
    margin-bottom: 0;
}
#ContactFormExt > input, #ContactFormExt select{
    display: inline-block !important;
    width: auto !important;
}
#ctl00_MainArea_rmpAccount input[type="submit"]{
    display: inline-block !important;
    width: auto !important;
    margin-right: 2em;
}
@media(max-width:767px){
    #ctl00_MainArea_SimpleContactControl_pnlContact input, #ctl00_MainArea_rpvBillingContact input, #ctl00_MainArea_SimpleContactControlPrimary_pnlContact input{
        display: block !important;
        clear: both;
    }
    .clsFormText{
        display: block;
    }
    .clsFormText input[type="checkbox"]{
        display: inline-block !important;
    }
    #ContactForm6{
    margin-left: 0;
}
}
.RadTabStrip{
    margin: 2em 0 !important;
}
#ctl00_MainArea_SimpleContactControl_pnlContact > div select, #ctl00_MainArea_rpvBillingContact > div select, #ctl00_MainArea_SimpleContactControlPrimary_pnlContact > div select{
    margin: 0 1em 1em 0;
    max-width: 20em;
    min-width: 6em;
}
#frmNewAccount5 > span:first-child{
    margin: 2em 0 1em;
    font-size: 1.15em;
    font-weight: 900;
    text-transform: uppercase;
    display: block;
}
#ctl00_MainArea_pnlControlsTop, #ctl00_MainArea_pnlControlsBottom, .cartButtons{
    text-align: center;
    padding: 1em;
    background-color: rgba(0,0,0,0.15);
    margin: 2em 0;
    clear: both;
}
#ctl00_MainArea_pnlControlsTop input, #ctl00_MainArea_pnlControlsBottom input, .cartButtons input{
    margin: 0 1em;
    background-color: #58BA47;
    border: 1px solid #58BA47;
    color: #333333;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0.5em 1em;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.65); 
    display: inline-block;
    text-align: center;
    transition: opacity 0.35s ease;
}
.RadComboBox_Default input{
    background-color: transparent !important;
    padding: 0 !important;
    font-weight: normal !important;
    margin: 0 !important;
}
.ValidationTextRed{
    color: #F24;
}
#checkoutMain h2{
    margin-top: 1em;
}
#checkoutMain ul{
    margin: 0;
    padding: 0;
}
#checkoutMain ul li{
    padding: 0;
}
#checkoutMain ul li::before{
    display: none;
}
#checkoutMain #checkoutCol1{
    float: left;
    width: 62%;
    border-right: 1px solid #E5E5E5;
    margin-right: 2em;
}
#checkoutMain #checkoutCol2{
    float: left;
    width: 33%;
}
#checkoutMain .checkoutContact{
    float: left;
    width: 45%;
}
#checkoutMain .checkoutContact::before, #checkoutMain .checkoutContact::after{
    content: " ";
    clear: both;
    display: table;
}
#checkoutMain .checkoutContact+.checkoutContact{
    border-left: 1px solid #EEEEEE;
    margin-left: 2%;
    padding-left: 2em;
    padding-bottom: 2em;
}
#checkoutMain .RadComboBox{
    display: block;
}
#checkoutMain .checkoutItem{
    display: block;
    clear: both;
    padding: 1em 2em 2em 0;
    border-top: 1px solid #E5E5E5;
}
.RadGrid_Default .rgHeader{
    background-image: none;
    background-color: #333333;
    color: #FFFFFF;
    font-weight: 900;
}
#checkoutMain .checkoutItem select{
    display: block;
    width: 100% !important;
}
#checkoutMain #ctl00_MainArea_txtComments_wrapper{
    width: 100% !important;
}
#ContactForm{
    margin: 0 auto;
}
#ContactForm input[type="text"]{
    background-color: #FFFFFF;
    border-bottom: 1px solid #000;
    padding: 0.25em 0 0;
    color: #000;
    font-weight: normal;
}
#ContactForm textarea, #ContactForm .RadInput{
    display: block !important;
    width: 100% !important;
}
#ContactForm input[type="submit"]{
    display: inline-block !important;
    width: auto !important;
    margin: 1em 1em 1em 0;
}
#checkoutMain .checkoutItem textarea{
    background-color: #333333 !important;
    color: #FFFFFF;
    font-weight: normal;
    width: 100% !important;
    border: 1px solid #333333;
}
#ContactForm textarea, #ContactForm select{
    font-weight: normal;
    padding: 0.25em;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    color: #000000;
}
#checkoutMain .checkoutItem input[type=checkbox]{
    margin: 1em 0.5em 0 0;
}
#checkoutCol2 #checkoutShipmentCart{
    margin-bottom: 1em;
}
#checkoutCol2 .checkoutTotal{
    text-transform: uppercase;
    padding: 1em 0;
    font-size: 1.5em;
    display: block;
}
#checkoutCol2 .checkoutTotal span{
    float: right;
}
#checkoutCol2 .rgHeader{
    background-color: #333333;
    color: #FFFFFF;
    font-weight: 900;
    background-image: none;
}
#checkoutCol2 #checkoutButtons > input:first-of-type{
    display: block;
    width: 100% !important;
    padding: 0.75em 1em 1em;
}
#ctl00_MainArea_SimpleContactControl_pnlContact > div input{
    background-color: #FFF;
    border-bottom: 1px solid #000;
    color: #333;
    font-weight: normal;
    padding: 0.25em 0 0;
}
#ctl00_MainArea_SimpleContactControl_pnlContact select{
    font-weight: normal;
    color: #000;
    background-color: #FFF;
    border-bottom: 1px solid #000;
    padding: 0.25em 0 0;
}
#wishListMain::before, #wishListMain::after{
    content: " ";
    display: table;
    clear: both;
}
#wishListMain fieldset{
    float: left;
    width: 25% !important;
    padding: 2em !important;
    margin: 0.5em 1em 2.5em !important;
    position: relative;
    text-align: center;
    background-color: #FFFFFF;
}
#wishListMain fieldset:nth-of-type(4n+1){
    clear: both;
}
#wishListMain fieldset > input:first-of-type{
    display: block;
    margin: 1em auto 0;
}
#wishListMain fieldset div, #wishListMain fieldset a, #wishListMain fieldset span, #wishListMain fieldset input{
    position: relative;
    z-index: 50;
}
#wishListMain fieldset img{
    max-width: 100%;
    height: auto;
}
#wishListMain fieldset > a:first-of-type{
    position: relative;
}
#wishListMain fieldset > a:first-of-type::after{
    height: 2px;
    width: 100%;
    margin: 1em auto;
    display: block;
    content: " ";
    background-color: #999999;
}
#wishListMain fieldset > a:nth-of-type(2){
    display: block;
    font-weight: 700;
    font-size: 1.25em;
    color: #333333;
    padding: 0.25em 0;
    max-width: 85%;
    margin: 0.25em auto;
    text-decoration: none;
}
#wishListMain fieldset > span:first-of-type{
    font-weight: 700;
}
#wishListMain fieldset > span:nth-of-type(2){
    display: block;
    margin: 0.5em 0;
}
#wishListMain fieldset > span:nth-of-type(2) .Green{
    color: #58BA47;
}
#wishListMain fieldset > span:nth-of-type(2) .Red{
    color: #b92c28;
}
#wishListMain fieldset > span:nth-of-type(2) .Orange{
    color: #f15e22;
}
#wishListMain fieldset > span:nth-of-type(3){
    display: none;
}
#wishListMain fieldset .SubTitle{
    color: #58BA47;
    display: block;
    font-weight: 700;
    font-size: 1.25em;
    margin: 0.25em 0;
    padding: 0.25em 0;
}
#wishListMain fieldset input:last-of-type{
    background-color: #58BA47;
    border: 1px solid #58BA47;
    color: #333333;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0.75em 1em 0.5em;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.35);
    width: 100% !important;
    display: inline-block;
    clear: both;
    margin: 1em 0;
}
#wishListMain fieldset br{
    display: none;
}
#wishListMain fieldset a:last-of-type{
    background-color: rgba(0,0,0,1);
    border: 1px solid rgba(0,0,0,.65);
    color: #58BA47;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0.75em 1em 0.5em;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.35);
    width: 100% !important;
    display: inline-block;
    clear: both;
    margin: 1em 0;
}
.accountResetPassword input{
    display: block;
}
.accountResetPassword input[type="submit"]{
    display: inline-block;
    margin: 1em 2em 1em 0;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.35);
    font-size: 1.15em;
}
.tiles{
	margin: 2em auto 4em;
}
.tiles .btn{
	padding: 0.5em 0;
	font-size: 0.85em;
	display: block;
	background-color: #333333;
	color: #58ba47;
	text-transform: uppercase;
	transition: background-color 0.35s ease, color 0.35s ease;
}
.tiles .btn:hover,.tiles .btn:active,.tiles .btn:focus{
	background-color: #58BA47;
	color: #333333;
}
.Title{
	display: none;
}
.videolist{
    float: left;
    width: 25%;
    padding: 0 1em;
    margin: 0.5em 0 1.5em;
    font-size: 1.15em;
    min-height: 15em;
}
.videolist > div{
    padding: 1em;
    text-align: center;
}
.videolist a{
    display: block;
    margin-bottom: 1em;
}
.videolist img{
    float: none !important;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}
@media (max-width: 991px){
    .videolist{
        width: 50%;
    }
    .videolist:nth-of-type(4n-1){
        clear: both;
    }
}
@media (max-width: 767px){
    .videolist{
        float: none;
        display: block;
        width: 90%;
        margin: 0 auto 1em;
    }
}
/**SECONDARY*/
/**Dealer**/
form[action=^"XSDealerMap.aspx"] .PageTitle{
    clear: both;
    display: block;
    font-size: 2em;
    margin: 0 0 2em;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
}
#dealermap{
    float: left;
    width: 60%;
}
#dealermaplist{
    float: right;
    margin-left: 1em;
    width: 35%;
    height: 100%;
    overflow: scroll;
}
@media (max-width: 1199px){
    #dealermap{
        float: none;
        width: auto;
        display: block;
    }
    #dealermaplist{
        float: none;
        margin: 2em 0 2em;
        width: auto;
        display: block;
    }
}
#dealermaplist > span{
    font-size: 1.5em;
    font-weight: 900;
}
#dealermapcontact{
    display: block;
    margin: 0 0 2em;
}
#dealermapcontact .SubTitle{
    font-size: 1.5em;
    font-weight: 900;
    text-transform: uppercase;
}
#dealermapcontact ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#dealermapcontact ul li{
    margin: 0;
    padding: 0.15em 0;
}
#dealermapcontact ul li::before{
    display: none;
}
/**Generated pieces**/
#subCatList{
    clear: both;
    margin: 1em 0;
}
#subCatList::before, #subCatList::after{
    display: table;
    content: " ";
    clear: both;
}
#subCatList #ctl00_MainArea_lblSubCategories{
    display: none;
}
#subCatList .subCatItem{
    display: inline-block;
    position: relative;
    padding: 1em;
}
#subCatList .subCatItem a{
    background-color: #58BA47;
    border: 1px solid #58BA47;
    color: #333333;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0.5em 0.5em;
    margin: 0 0.25em;
    min-width: 15em;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.35); 
    display: block;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.35s ease, border 0.35s ease, color 0.35s ease, box-shadow 0.35s ease;
}
#subCatList .subCatItem a:hover, #subCatList .subCatItem a:active, #subCatList .subCatItem a:focus{
    background-color: #000000;
    border: 1px solid #000000;
    color: #58BA47;
    box-shadow: none;
}
#subCatList .subCatItem a:first-child:nth-last-child(2){
    background-color: #FFFFFF;
    border: 1px solid #999999;
    padding: 0;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,.35);
    padding: 0 1.5em;
}
#subCatList .subCatItem a img{
    width: 100%;
    height: auto;
    max-width: 150px;
}
/**PRODUCTS**/
#ctl00_MainArea_lblProducts{
    display: none;
}
#topProdButtons, #bottomProdButtons{
    float: right;
    margin: 2em 0;
    text-transform: uppercase;
}
#topProdButtons input[type="submit"], #bottomProdButtons input[type="submit"]{
    background-color: #58BA47;
    border: 1px solid #58BA47;
    color: #333333;
    display: inline-block;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0.15em 0.85em;
    margin: 0 0.25em;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.25);   
}
#topProdButtons input[type="submit"]:disabled, #bottomProdButtons input[type="submit"]:disabled{
    opacity: 0.65;
}
#bottomProdButtons{
    margin-bottom: 7em;
}
#ctl00_MainArea_pnlProductSort{
    float: none;
    padding: 1em;
    text-transform: uppercase;
    font-weight: 900;
    background-color: rgba(0,0,0,.15);
    text-align: center;
}
#ctl00_MainArea_pnlProductSort select{
    background-color: #414141;
    color: #999999;
    width: 15%;
    margin: 0 2em 0 0.5em;
}
#ctl00_MainArea_pnlProductSort select option{
    color: #FFFFFF;
}
@media (max-width: 991px){
    #ctl00_MainArea_pnlProductSort{
        text-align: left;
    }
    #ctl00_MainArea_pnlProductSort select{
        display: block;
        width: 100%;
        margin: 0 0 1em;
    }
}
#ctl00_MainArea_ddManufacturer{
    width: 30%;
}
#Products{
    clear: both;
    /*padding-bottom: 7em;*/
    background-color: #F5F5F5;
}
#Products::before, #Products::after{
    content: " ";
    display: table;
    clear: both;
}
#Products .gridProd, #Products .CartProd{
    float: left;
    width: 25%;
    padding: 2em;
    position: relative;
    text-align: center;
}

    #Products .Featured {
        height: 310px;
    }

#Products .CartProd{
    width: 100%;
}
#Products .CartProd+.CartProd{
    border-top: 1px solid #E5E5E5;
}
#Products .gridProd:nth-of-type(4n+1), #Products .CartProd:nth-of-type(4n+1){
    clear: both;
}
@media (max-width: 991px){
    #Products .gridProd{
        width: 50%;
    }
    #Products .gridProd:nth-of-type(4n-1), #Products .CartProd:nth-of-type(4n-1){
        clear: both;
    }
}
@media (max-width: 767px){
    #Products .gridProd, #Products .CartProd{
        float: none;
        display: block;
        width: 90%;
        margin: 0 auto 1em;
    }
}
#Products .gridProd::before, #Products .CartProd::before{
    content: " ";
    width: calc(100% - 2em);
    height: calc(100% - 2em);
    position: absolute;
    top: 1em;
    left: 1em;
    display: block;
    z-index: 1;
    background-color: #FFFFFF;
}
#Products .gridProd div, #Products .gridProd a, #Products .gridProd span, #Products .gridProd input, #Products .CartProd div, #Products .CartProd a, #Products .CartProd span, #Products .CartProd input{
    position: relative;
    z-index: 50;
}
#Products .gridProd img{
    max-width: 100%;
    height: auto;
}
#Products .gridProd .gridProdImage, #Products .CartProd > a{
    position: relative;
}
#Products .CartProd > a{
    display: inline-block;
    width: 150px;
    text-align: left;
}
#Products .CartProd > a img{
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}
#Products .gridProd .gridProdImage::after{
    height: 2px;
    width: 100%;
    margin: 1em auto;
    display: block;
    content: " ";
    background-color: #999999;
}
#Products .gridProd .gridProdImage img{
    max-width: 100%;
    height: auto;
}
#Products .gridProd a.prodName, #Products .CartProd a.cartItemName{
    display: block;
    font-weight: 700;
    font-size: 1.25em;
    color: #333333;
    padding: 0.25em 0;
    max-width: 85%;
    margin: 0.25em auto;
    text-decoration: none;
}
#Products .CartProd a.cartItemName{
    display: inline-block;
    padding: 0 1em;
    width: calc(100% - 200px);
}
#Products .CartProd span.cartStockStatus{
    display: inline-block;
    width: 150px;
    text-align: center;
}
#Products .CartProd a.cartRemove{
    background-color: #333333;
    color: #58BA47;
    text-transform: uppercase;
    font-weight: 900;
    display: inline-block;
    padding: 0.5em 1em;
    text-align: center;
}
#Products .CartProd .cartQty{
    max-width: 15em;
    margin: 0.5em auto 0;
}
@media (max-width:991px){
    #Products .CartProd a.cartRemove{
        display: block;
        margin: 2em auto 1em;
    }
}
@media (max-width:767px){
    #Products .CartProd span{
        margin: 0 auto 1em;
        width: 100% !important;
    }
    #Products .CartProd .cartQty{
        display: block !important;
    }
    #Products .CartProd a{
        display: block;
        text-align: center;
        margin: 0.5em auto 0;
    }
    #Products .CartProd a.cartItemName{
        width: 85%;
    }
}
#Products .CartProd span{
    width: 25%;
}
#ctl00_MainArea_rapCart #Products{
    background-color: #FFFFFF;
    padding: 1em 0;
}
#Products .gridProd span.prodItemNum, #Products .CartProd span.cartItemNum{
    font-weight: 700;
}
#Products .gridProd span.prodStockStatus, #Products .CartProd span.prodStockStatus{
    display: block;
}
#Products .gridProd span.prodStockStatus .Green, #prodContent .prodStockStatus .Green, #Products .CartProd span.cartStockStatus .Green{
    color: #58BA47;
}
#Products .gridProd span.prodStockStatus .Red, #prodContent .prodStockStatus .Red, #Products .CartProd span.cartStockStatus .Red{
    color: #b92c28;
}
#Products .gridProd span.prodStockStatus .Orange, #prodContent .prodStockStatus .Orange, #Products .CartProd span.cartStockStatus .Orange{
    color: #f15e22;
}
#Products .gridProd span.prodManfName, #Products .gridProd a.prodManfText, #Products .gridProd br, #Products .CartProd span.prodManfName, #Products .CartProd a.prodManfText, #Products .CartProd span.prodShortDesc, #Products .CartProd br{
    display: none;
}
#Products .gridProd span.prodShortDesc{
    display: block;
    margin: 0 0 1em;
}
#Products .gridProd .YourPrice, #Products .CartProd .YourPrice{
    color: #58BA47;
    display: block;
    font-weight: 700;
    font-size: 1.25em;
    margin: 0.25em 0;
    padding: 0.25em 0;
}
#Products .gridProd .prodAddToCart{
    background-color: #58BA47;
    border: 1px solid #58BA47;
    color: #333333;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0.75em 1em;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.35);
    width: 100% !important;
    transition: background-color 0.35s ease, border 0.35s ease, box-shadow 0.35s ease;
}
#Products .gridProd .prodAddToCart:hover, #Products .gridProd .prodAddToCart:active, #Products .gridProd .prodAddToCart:focus{
    background-color: #000000;
    border: 1px solid #000000;
    color: #58BA47;
    box-shadow: none;
}
#Products .CartProd .cartItemNumber, #Products .CartProd .cartQty, #Products .CartProd .YourPrice{
    display: inline-block;
    padding: 0 2em;
}
#prodDocuments{
    clear: left;
}
#prodDocuments table{
    border: 1px solid #000000;
}
#prodDocuments table caption{
    background-color: #000000;
    color: #FFFFFF;
    padding: 0.5em;
    font-weight: 900;
    display: block;
}
#prodDocuments table tbody{
    display: block;
}
#prodDocuments table td{
    border-bottom: 0 none;
    padding: 0.5em;
}
#prodDetail{
	max-width: 1170px;
	margin: 4em auto;
}
#prodMainImage{
	width: 30%;
	float: left;
}
#prodMainImage::before, #prodMainImage::after{
    content: " ";
    display: table;
    clear: both;
}
#prodMainImage .MagicZoom{
    width: 96%;
}
#prodMainImage figure.mz-figure{
    width: 100%;
}
#prodMainImage figure.mz-figure img{
    max-width: 100% !important;
    max-height: 100% !important;
}
#prodContent{
	width: 70%;
	padding: 0 0 2em 4em;
	float: left;
}
#cartTotals{
    border: 1px solid #333333;
    padding: 1px;
    clear: both;
    margin: 1em 0 4em;
}
#cartTotals::before, #cartTotals::after{
    content: " ";
    display: table;
    clear: both;    
}
#cartTotals .cartStockTitle, #cartTotals .cartBackOrderTitle, #cartTotals .cartShippingText, #cartTotals .cartMinOrderFeeTitle, #cartTotals .cartSubTotalTitle{
    float: left;
    padding: 0.5em;
    font-weight: 900;
    text-transform: uppercase;
    clear: left;
    width: 50%;
}
#cartTotals .cartStockText, #cartTotals .cartBackOrderText, #cartTotals #ctl00_MainArea_lbEstimateShipping, #cartTotals .cartMinOrderFeeText, #cartTotals .cartSubTotalText{
    float: right;
    padding: 0.5em;
    font-weight: 900;
    width: 50%;
    text-align: right;
}
#cartTotals .cartBackOrderTitle, #cartTotals .cartBackOrderText, #cartTotals .cartMinOrderFeeTitle, #cartTotals .cartMinOrderFeeText{
    background-color: #E5E5E5;
}
@media (max-width: 767px){
    #prodMainImage{
        float: none;
        display: block;
        width: 85%;
        max-width: 25em;
        margin: 0 auto 2em;
    }
    #prodContent{
        width: 100%;
        float: none;
        display: block;
        clear: both;
    }
}
#prodContent #BreadCrumbs{
    color: #333333;
    font-weight: 900;
}
#prodContent #BreadCrumbs a{
    font-weight: 900;
    text-transform: uppercase;
    color: #333333;
    text-decoration: none;
    font-size: 1em;
    margin: 0;
    display: inline-block;
}
#prodContent #ctl00_MainArea_pnlShortDescription{
    font-size: 1.15em;
    display: block;
    padding: 0 0 1em;
    color: #333333;
}
#prodContent input[type="submit"]{
	background-color: #58BA47;
    border: 1px solid #58BA47;
    color: #333333;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0.5em 1em;
    margin: 1em 0.25em;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.35);
    display: inline-block;
    transition: background-color 0.35s ease, border 0.35s ease, box-shadow 0.35s ease, color 0.35s ease;
}
#prodContent input[type="submit"]:hover, #prodContent input[type="submit"]:active, #prodContent input[type="submit"]:focus{
    background-color: #000000;
    border: 1px solid #000000;
    color: #58BA47;
    box-shadow: none;
}
#prodContent #ctl00_MainArea_btnAdd{
    font-size: 1.25em;
    padding: 1em 2.5em;
}
#prodContent .prodItemNum{
    font-weight: 900;
}
#prodContent .prodStockStatus{
    display: block;
    padding: 1em 0;
    font-weight: 900;
    text-transform: uppercase;
}
#prodContent .prodManfName{
    margin-left: -0.5em;
}
#prodContent .prodManfText{
    font-weight: 900;
    color: #333333;
    text-transform: uppercase;
    text-decoration: none;
}
#prodContent #ctl00_MainArea_pnlSocialNetwork{
    display: block;
    padding: 1em 0;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.15em;
}
#prodContent .SmallText{
    display: inline-block;
    padding-right: 1em;
    vertical-align: middle;
}
#prodContent #ctl00_MainArea_lblFaceBook{
    display: inline-block;
    vertical-align: middle;
}
#prodContent .at-icon-wrapper{
    padding: 0.5em;
    display: block;
    width: 2.25em !important;
    height: 2.25em !important;
    background-color: #727272 !important;
}
#prodContent #ctl00_MainArea_lblYourPrice{
    display: none;
}
#prodContent .YourPrice{
    font-size: 2em;
    font-weight: 900;
    display: block;
    margin: 1em 0;
    color: #58BA47;
}
#prodContent #Comments{
    display: none;
}
#prodContent .clsFormSubButton{
    font: inherit;
}
#prodContent #ctl00_MainArea_pnlNoOptions{
    position: relative;
}
#prodContent #ctl00_MainArea_pnlNoOptions::before{
    content: " ";
    margin: 2em 0;
    position: relative;
    border: 0 none;
    height: 2px;
    background-color: #999999;
    display: block;
}
#ct100_MainArea_pnlExtendedDesc{
	clear: both;
}
#ctl00_MainArea_lblWebDescription{
    padding: 2em 0;
    display: block;
    clear: both;
}
.preview .selectors{
	text-align: center;
	padding-top: 1em;
}
.preview .selectors a{
	padding-right: 1em;
	padding-bottom: 1em;
    width: 33.333%;
    float: left;
}
.preview .selectors a img{
    width: 100%;
    height: auto;
}
#prodSpecs{
    clear: both;
    padding: 1em 0;
}
/*Related Item List*/
#relatedItemList{
    clear: both;
}
#relatedItemList::before, #relatedItemList::after{
    content: " ";
    display: table;
    clear: both;
}
#relatedItemList .prodRelatedProductsTitle{
    font-weight: 900;
    font-size: 1.65em;
    color: #333333;
    display: block;
    margin: 4em 0 1em;
    text-transform: uppercase;
    position: relative;
    padding: 0 0.5em;
}
#relatedItemList .prodRelatedProductsTitle::before{
    content: " ";
    margin: 2em 0;
    position: relative;
    border: 0 none;
    height: 2px;
    background-color: #999999;
    display: block;
    width: 100%;
}
#relatedItemList .relatedItem{
    float: left;
    width: 25%;
    padding: 2em;
    position: relative;
    text-align: center;
}
#relatedItemList .relatedItem:nth-of-type(4n+1){
    clear: both;
}
@media (max-width: 991px){
    #relatedItemList .relatedItem{
        width: 50%;
    }
    #relatedItemList .relatedItem:nth-of-type(4n-1){
        clear: both;
    }
}
@media (max-width: 767px){
    #relatedItemList .relatedItem{
        float: none;
        display: block;
        width: 90%;
        margin: 0 auto 1em;
    }
}
#relatedItemList .relatedItem::before{
    content: " ";
    width: calc(100% - 2em);
    height: calc(100% - 2em);
    position: absolute;
    top: 1em;
    left: 1em;
    display: block;
    z-index: 1;
    background-color: #FFFFFF;
}
#relatedItemList .relatedItem div, #relatedItemList .relatedItem a, #relatedItemList .relatedItem span, #relatedItemList .relatedItem input{
    position: relative;
    z-index: 50;
}
#relatedItemList .relatedItem a:first-of-type{
    position: relative;
    display: block;
}
#relatedItemList .relatedItem a:first-of-type::after{
    height: 2px;
    width: 100%;
    margin: 1em auto;
    display: block;
    content: " ";
    background-color: #999999;
}
#relatedItemList .relatedItem a.prodName{
    display: block;
    font-weight: 700;
    font-size: 1.25em;
    color: #333333;
    padding: 0.25em 0;
    max-width: 85%;
    margin: 0.25em auto;
    text-decoration: none;
}
#relatedItemList .relatedItem span.prodItemNum{
    font-weight: 700;
}
#relatedItemList .relatedItem span.prodStockStatus{
    display: block;
}
#relatedItemList .relatedItem span.prodStockStatus .Green, #relatedItemList .prodStockStatus .Green{
    color: #58BA47;
}
#relatedItemList .relatedItem span.prodStockStatus .Red, #relatedItemList .prodStockStatus .Red{
    color: #b92c28;
}
#relatedItemList .relatedItem span.prodStockStatus .Orange, #relatedItemList .prodStockStatus .Orange{
    color: #f15e22;
}
#relatedItemList .relatedItem span.prodManfName, #relatedItemList .relatedItem a.prodManfText, #relatedItemList .relatedItem span.prodShortDesc, #relatedItemList .relatedItem br{
    display: none;
}
#relatedItemList .relatedItem .YourPrice{
    color: #58BA47;
    display: block;
    font-weight: 700;
    font-size: 1.25em;
    margin: 0.25em 0;
    padding: 0.25em 0;
}
#relatedItemList .relatedItem .prodAddToCart{
    background-color: #58BA47;
    border: 1px solid #58BA47;
    color: #333333;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0.75em 1em 0.5em;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.25);
    width: 100% !important;
}
/*Recent Item List*/
#recentItemList{
    clear: both;
    margin-bottom: 7em;
}
#recentItemList::before, #recentItemList::after{
    content: " ";
    display: table;
    clear: both;
}
#recentItemList .prodRecentProductsTitle{
    font-weight: 900;
    font-size: 1.65em;
    color: #333333;
    display: block;
    margin: 2em 0 1em;
    text-transform: uppercase;
    position: relative;
    padding: 0 0.5em;
}
#recentItemList .prodRecentProductsTitle::before{
    content: " ";
    margin: 2em 0;
    position: relative;
    border: 0 none;
    height: 2px;
    background-color: #999999;
    display: block;
    width: 100%;
}
#recentItemList .recentItem{
    float: left;
    width: 25%;
    padding: 2em;
    position: relative;
    text-align: center;
}
#recentItemList .recentItem:nth-of-type(4n+1){
    clear: both;
}
@media (max-width: 991px){
    #recentItemList .recentItem{
        width: 50%;
    }
    #recentItemList .recentItem:nth-of-type(4n-1){
        clear: both;
    }
}
@media (max-width: 767px){
    #recentItemList .recentItem{
        float: none;
        display: block;
        width: 90%;
        margin: 0 auto 1em;
    }
}
#recentItemList .recentItem::before{
    content: " ";
    width: calc(100% - 2em);
    height: calc(100% - 2em);
    position: absolute;
    top: 1em;
    left: 1em;
    display: block;
    z-index: 1;
    background-color: #FFFFFF;
}
#recentItemList .recentItem div, #recentItemList .recentItem a, #recentItemList .recentItem span, #recentItemList .recentItem input{
    position: relative;
    z-index: 50;
}
#recentItemList .recentItem a:first-of-type{
    position: relative;
    display: block;
}
#recentItemList .recentItem a:first-of-type::after{
    height: 2px;
    width: 100%;
    margin: 1em auto;
    display: block;
    content: " ";
    background-color: #999999;
}
#recentItemList .recentItem a.prodName{
    display: block;
    font-weight: 700;
    font-size: 1.25em;
    color: #333333;
    padding: 0.25em 0;
    max-width: 85%;
    margin: 0.25em auto;
    text-decoration: none;
}
#recentItemList .recentItem span.prodItemNum{
    font-weight: 700;
}
#recentItemList .recentItem span.prodStockStatus{
    display: block;
}
#recentItemList .recentItem span.prodStockStatus .Green, #recentItemList .prodStockStatus .Green{
    color: #58BA47;
}
#recentItemList .recentItem span.prodStockStatus .Red, #recentItemList .prodStockStatus .Red{
    color: #b92c28;
}
#recentItemList .recentItem span.prodStockStatus .Orange, #recentItemList .prodStockStatus .Orange{
    color: #f15e22;
}
#recentItemList .recentItem span.prodManfName, #recentItemList .recentItem a.prodManfText, #recentItemList .recentItem span.prodShortDesc, #recentItemList .recentItem br{
    display: none;
}
#recentItemList .recentItem .YourPrice{
    color: #58BA47;
    display: block;
    font-weight: 700;
    font-size: 1.25em;
    margin: 0.25em 0;
    padding: 0.25em 0;
}
#recentItemList .recentItem .prodAddToCart{
    background-color: #58BA47;
    border: 1px solid #58BA47;
    color: #333333;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0.75em 1em 0.5em;
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,.35);
    width: 100% !important;
    transition: box-shadow 0.35s ease, border 0.35s ease, background-color 0.35s ease, color 0.35s ease;
}
#recentItemList .recentItem .prodAddToCart:hover, #recentItemList .recentItem .prodAddToCart:active, #recentItemList .recentItem .prodAddToCart:focus{
    background-color: #000000;
    border: 1px solid #000000;
    color: #58BA47;
    box-shadow: none;
}
/**PRODUCTS*/
/**Footer**/
footer{
    padding: 2em 0;
    position: relative;
    background-color: #000000;
}
footer::after{
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent url("../navy_blue_pat.png") repeat;
    opacity: 0.85;
    z-index: 1;
}
footer .container{
    margin: 0 auto;
    position: relative;
    z-index: 40;
}
footer ul{
    list-style: none;
    padding: 0;
}
footer li{
    text-align: left;
}
footer a{
    color: #FFFFFF;
    text-decoration: none;
    
}
footer a:hover, footer a:focus, footer a:active{
    text-decoration: none;
    color: #FFFFFF;
}
footer .footer-mid{
    vertical-align: top;
}
footer .footer-left{
    vertical-align: top;
}
footer .footer-right{
    vertical-align: top;
}
footer .footer-left ul li a{
    font-weight: 700;
    font-size: 0.85em;
}
footer ul li i{
    color: #58ba47;
    font-size: 1em;
    padding: 0.5em;
    position: absolute;
    top: -4px;
    left: 0;
}
footer .footer-right li{
    position: relative;
    padding: 0 0 0.5em 2em;
    color: #FFFFFF;
    font-size: 0.85em;
}
footer .footer-right li:nth-of-type(3){
    margin-bottom: 1em;
}
footer #footLogo{
    margin-bottom: 2em;
}
footer #footLogo img{
    max-width: 100%;
    height: auto;
}
footer .footer-nav-dyna{
    padding: 0;
}
footer input[type="text"]{
    background-color: transparent;
    border: 0 none;
    border-bottom: 1px solid #999999;
    margin-bottom: 2em;
}
footer .badge{
    clear: both;
    display: block;
    background: transparent url("../usa-badge-footer.png") no-repeat center center;
    background-size: contain;
    width: 5em;
    height: 4em;
    margin: 0 auto 1em;
    border-radius: 0;
}
footer .badge span{
    display: none;
}
footer .copyright{
    margin: 2em 0 0;
    border-top: 1px solid #666666;
}
footer .copyright p{
    width: 1170px;
    max-width: 100%;
    padding: 1.5em 0 .5em;
    text-transform: uppercase;
    text-align: left;
    font-weight: 900;
    color: #999999;
    margin: 0 auto; 
}
footer .copyright a{
    float: right;
    display: block;
    width: 2em;
    height: 2em;
    background: transparent url("../epicosity_logo.png") no-repeat center center;
    background-size: contain;
    position: relative;
    z-index: 100;
}
#why2 {
    background-color: #ffffff;
    margin: 0px 5px 1em 5px;
    min-height: 175px;
    max-width: 390px;
}
@media(max-width:1910px){
    #hero{
        padding: 10em 0;
    }
}
@media(max-width:1675px){
    #hero{
        padding: 5em 0 10em;
    }
}
@media(max-width:1199px){
    #mainNav .dropdown-menu > li > a{
        font-size: 0.85em;
        padding: 0.85em;
    }
    #hubs #dealer p{
        padding: 4em 2em 1em;
    }
    #hubs .pod p{
        padding: 2.65em 1em 1em;
    }
    #hubs .pod > a, #hubs .pod > input[type="submit"]{
        width: 75%;
    }
}
@media(max-width:991px){
    .navbar-toggle{
        z-index: 500;
    }
    #hero{
        background-size: cover;
        background-position: center center;
        font-size: 0.85em;
        padding: 4em 0 12em;
    }
    #search select{
        width: 33.333%;
    }
    #search input[type="submit"]{
        width: clac(33.333% - 6em);
    }
    #hubs .pod p{
        padding: 1em 1em 2.45em;
        font-size: 1em;
    }
    #hubs #dealer p{
        padding: 3em 1em 3.25em;
        font-size: 1em;
    }
    #hubs #newsletter p{
        padding: 1em;
        font-size: 1em;
    }
}
@media(max-width:767px){
    form[action="Default.aspx"] main{
        padding: 0em 1em 4em;
    }
    form[action="Default.aspx"] #hero{
        padding: 4em 0 4em;
        display: none;
    }
    #search{
        position: relative;
        left: 0;
        transform: none;
        width: 100%;
        margin: 0 auto;
        max-width: 100%;
    }
    #search select{
        width: 365px;
        max-width: 90%;
        margin: 0 auto 1.5em;
        float: none;
        display: block;
    }
    #search input[type="submit"]{
        width: 365px;
        max-width: 90%;
        margin: 0 auto 1em;
        float: none;
        display: block;
    }
    #hubs .pod{
        max-width: 22em;
        margin: 0 auto;
    }
    header > .container > .row > div:nth-of-type(2){
        margin: 1em auto;
    }
    header > .container > .row > div:nth-of-type(3){
        position: absolute;
        left: 1em;
    }
    .action-menu{
        max-width: 15em;
        width: 11em;
        position: relative;
        margin: 0 auto 2em !important;
    }
    .action-menu::before, .action-menu::after{
        content: " ";
        display: table;
        clear: both;
    }
    .action-menu > i:first-of-type{
        float: left;
        padding: 1em;
    }
    .action-menu > i+i{
        float: right;
        padding: 1em;
    }
    header .action-menu #ctl00_ctrl1_pnlLogin, header .action-menu #ctl00_ctrl1_pnlLoggedIn{
        top: 1.5em;
        right: unset;
        left: -1em;
    }
    header .action-menu #Login-Cart{
        right: unset;
        top: 1.25em;
        left: 8em;
        width: 15em;
        max-width: unset;
    }
    header .action-menu #Login-Cart ul{
        text-align: left;
    }
    header .action-menu #Login-Cart li{
        display: inline-block;
    }
    #mainNav .navbar-collapse{
        clear: both;
        width: 100%;
        margin: 0 auto;
    }
    #mainNav .navbar-collapse li{
        display: block;
        margin: 0;
        clear: both;
    }
    #mainNav .navbar-collapse li > ul{
        position: relative;
    }
    footer li{
        text-align: center;
    }
    footer .footer-right li{
        padding: 0;
    }
    footer .footer-right li i{
        position: relative;
        top: 0;
    }
    #ctl00_MainArea_pnlControlsTop input, #ctl00_MainArea_pnlControlsBottom input, .cartButtons input{
        display: block;
        margin: 1em auto;
    }
    #subCatList .subCatItem{
        display: block;
    }
    #topProdButtons, #bottomProdButtons{
        float: none;
        margin: 2em auto;
        text-align: center;
    }
    #topProdButtons span, #bottomProdButtons span{
        top: 0;
        padding: 1em 0;
        display: block;
        text-align: center;
    }
    #checkoutMain #checkoutCol1, #checkoutMain #checkoutCol2{
        float: none;
        width: 100%;
        border: 0 none;
    }
    #checkoutMain .checkoutContact{
        float: none;
        width: 100%;
        border-bottom: 1px solid #E5E5E5;
        margin-bottom: 2em;
        padding-bottom: 2em;
    }
    #checkoutMain .checkoutContact+.checkoutContact{
        border-left: 0 none;
        margin-left: 0;
        padding-left: 0;
    }
    #checkoutMain .checkoutItem{
        padding: 1em 0 2em 0;
    }

     .free-patch
    {
        color: #58ba47 !important;
    }
    .col-sm-50 #why2
    {
        width: 48%;
    }


}
