@font-face{
font-family:"HelveticaNeueW02-BdOutl";
src:url("/Fonts/dcdbab95-3f81-40cf-a0ba-019ba892132f.eot?#iefix");
src:url("/Fonts/dcdbab95-3f81-40cf-a0ba-019ba892132f.eot?#iefix") format("eot"),url("/Fonts/eb28028f-86ba-4176-9d91-f9d0a6b37341.woff2") format("woff2"),url("/Fonts/c0d2c8aa-2dda-40cc-b519-4b013a8c13b9.woff") format("woff"),url("/Fonts/3038cbac-98d5-4dd8-98d0-fe09aec51922.ttf") format("truetype"),url("/Fonts/3f417805-96b5-4de3-820a-a61ee035f823.svg#3f417805-96b5-4de3-820a-a61ee035f823") format("svg");
}
@font-face{
font-family:"HelveticaNeue47";
src:url("/Fonts/3fd2c21d-af8b-45be-a1e2-4e7182b7639e.eot?#iefix");
src:url("/Fonts/3fd2c21d-af8b-45be-a1e2-4e7182b7639e.eot?#iefix") format("eot"),url("/Fonts/de34f32a-1665-4069-8dd9-61abfe04b68f.woff2") format("woff2"),url("/Fonts/4d888997-2061-451b-8569-6cee195e9915.woff") format("woff"),url("/Fonts/bc71ac4a-9cc7-4120-a150-788ae80b91ec.ttf") format("truetype"),url("/Fonts/3cf3e566-7fc6-488f-8058-e5eb7ac5dc23.svg#3cf3e566-7fc6-488f-8058-e5eb7ac5dc23") format("svg");
}
@font-face{
font-family:"HelveticaNeue47Ob";
src:url("/Fonts/08bfcfa5-cfb6-462a-8047-8398a026a60e.eot?#iefix");
src:url("/Fonts/08bfcfa5-cfb6-462a-8047-8398a026a60e.eot?#iefix") format("eot"),url("/Fonts/b09e4e25-a1e7-4c68-a112-a57e4565f615.woff2") format("woff2"),url("/Fonts/aa6913f7-e674-4d61-973b-002422ac447e.woff") format("woff"),url("/Fonts/857b0b99-c6b3-4ad8-a049-28506caba502.ttf") format("truetype"),url("/Fonts/af9d9c5b-b4f4-4d6f-9809-26fb6a2bb794.svg#af9d9c5b-b4f4-4d6f-9809-26fb6a2bb794") format("svg");
}
@font-face{
font-family:"HelveticaNeue57";
src:url("/Fonts/ecaa98fe-425a-42de-846b-c235f0dbc449.eot?#iefix");
src:url("/Fonts/ecaa98fe-425a-42de-846b-c235f0dbc449.eot?#iefix") format("eot"),url("/Fonts/88a238be-6477-4e71-bdc4-5a35bbf8d392.woff2") format("woff2"),url("/Fonts/842088d0-1ae2-40d0-8561-3c95761ba7a6.woff") format("woff"),url("/Fonts/c74505d5-13e8-47ed-94a8-630aab4da3e6.ttf") format("truetype"),url("/Fonts/6cd480d1-47d0-48b4-86bd-283db2cb9235.svg#6cd480d1-47d0-48b4-86bd-283db2cb9235") format("svg");
}
@font-face{
font-family:"HelveticaNeue57Ob";
src:url("/Fonts/fe7d63fc-e92b-4a46-b4f4-fd73aefeede6.eot?#iefix");
src:url("/Fonts/fe7d63fc-e92b-4a46-b4f4-fd73aefeede6.eot?#iefix") format("eot"),url("/Fonts/eb54f9e6-898d-4205-be8b-89539819a228.woff2") format("woff2"),url("/Fonts/62667cf4-401a-4878-83c9-4cfabc21ac51.woff") format("woff"),url("/Fonts/e7e2d460-5cf5-4bd1-b1a3-efdb8490bc94.ttf") format("truetype"),url("/Fonts/b11cea27-f24b-43bf-a74f-f69ae0ef7fa7.svg#b11cea27-f24b-43bf-a74f-f69ae0ef7fa7") format("svg");
}
@font-face{
font-family:"HelveticaNeue77";
src:url("/Fonts/da1caa74-3384-442b-9cf3-c7c71ea54b37.eot?#iefix");
src:url("/Fonts/da1caa74-3384-442b-9cf3-c7c71ea54b37.eot?#iefix") format("eot"),url("/Fonts/ff14b8ac-2eb4-4d50-b330-e3e0afb4d8f5.woff2") format("woff2"),url("/Fonts/5287baae-f2f0-48f7-98bd-ec2986854951.woff") format("woff"),url("/Fonts/e6ab5bf0-c0a7-4aeb-a5d0-50177e6b354b.ttf") format("truetype"),url("/Fonts/38074018-c2af-4832-8ffa-02293e606fb7.svg#38074018-c2af-4832-8ffa-02293e606fb7") format("svg");
}


*, *::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {

} 
body {
    color: #000;
    font-family: 'HelveticaNeue47', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;

    background: #eee;
    background-attachment: fixed;
}
a {
    color: #F00;
    text-decoration: none;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

h1 {    
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 64px;
    text-transform: uppercase;
    font-family: 'HelveticaNeue77';
    color: #eee;
}

h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 42px;
    text-transform: uppercase;
    font-family: 'HelveticaNeue57';
}

h3 {    
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 32px; 
    text-transform: uppercase;
    font-family: 'HelveticaNeue57';
}



h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 23px;
    text-transform: uppercase;
    font-family: 'HelveticaNeue57';
}

h5 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'HelveticaNeue57';
}

p {
    margin-top: 0;
    margin-bottom: 2em;
    font-size: 16px;
    line-height: 22px;
    font-family: 'HelveticaNeue47';
}

p.small {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 13px;
    font-family: 'HelveticaNeue57';
}

a.button{
    font-family: 'HelveticaNeue57';
    padding: 10px 20px;
    color: white;
    background-color: #f00;
    margin-top: 10px;
    display: inline-block;

    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;

}

.button:hover{
    background-color: #DC3746;
}

input.button{
    font-family: 'HelveticaNeue57';
    padding: 10px 20px;
    color: white;
    background-color: #f00;
    margin-top: 10px;
    display: inline-block;

    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;

}

.padded a img{
    opacity: 1.0;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.padded a img:hover{
    opacity: 0.8;
}

/*h1{
    font-family:"HelveticaNeue77";
    font-size: 2em;
    font-size: 2rem;
}*/
input[type=text] {
    font-family: 'HelveticaNeue47', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1em;
}
img {
    border: 0;
}

/* ***** LAYOUT ***** */
#wrapper {
    position: relative;
}
#header {
    height: 56px;
    position: relative;
    z-index: 5;
}
.show_sub #header {
    height: 56px;
}
#headerSearch {
/*    display: none;
    position: relative;
    left: 713px;
    top: 0px;
    z-index: 3;
    padding: 10px;
    width: 270px;
    background: #2F2F2F;
    -webkit-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);
    box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);*/

    display: none;
    position: relative;
    left: 635px;
    top: 0px;
    z-index: 3;
    padding: 10px;
    width: 350px;
    background: #2F2F2F;
    -webkit-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);
    box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);
}

#headerSearch input{
/*    display: block;
    width: 250px;
    height: 25px;
    border: none;
    background: url(/img/navigation/searchIcon-grey.png);
    background-repeat: no-repeat;
    background-color: white;
    background-position: 224px 3px;
    margin: 0;
    padding-left: 5px;

    border: 1px solid white;*/

        display: block;
    width: 330px;
    height: 25px;
    margin-bottom: 10px;
    border: none;
    background: url(/img/navigation/searchIcon-grey.png);
    background-repeat: no-repeat;
    background-color: white;
    background-position: 307px 3px;
    margin: 0;
    padding-left: 5px;
    border: 1px solid white;
}

#headerSearch input:focus{
    outline: 0;
    border: 1px solid black;
}
#qs {
    margin-left: 5px;
}
#headerTopWrap {
    background: #eee;
    height: 56px;
    position: relative;
    z-index: 3;

}
#headerTop {
    color: #eee;
    font-family: 'HelveticaNeue77';
    height: 56px;
    margin: 0 auto;
    position: relative;
    text-transform: uppercase;
    width: 1000px;
}
#headerTopLinks {
    color: #999;
    font-family: 'HelveticaNeue47Ob';
    font-size: 15px;
    left: 20px;
    position: absolute;
    text-transform: uppercase;
    top: 5px;
}
#headerTopLinks a {
    color: #999;
}
#headerTopLinks a:hover {
    color: #FFF;
}
#headerTopLinks a.cur {
    color: #F00;
}
#regionChooserWrap {
    display: none;
    left: 760px;
    overflow: hidden;
    width: 225px;
    position: relative;
    z-index: 3;

    -webkit-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);
    box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);



}
#regionChooser {
    background: #2F2F2F;
    font-size: 0.85em;
    width: 225px;

    -webkit-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);
    box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);


}
#regionChooser a {
    color: #fff;
    display: block;
    height: 27px;
    line-height: 27px;
    padding: 3px;
}
#regionChooser a:hover {
    background: #666;
    color: #FFF;
}
#regionChooser span,
#regionChooser div {
    display: inline-block;
}
#regionChooser span {
    margin-right: 7px;
    text-align: center;
    width: 30px;
}
#searchResults {
/*    background: #eee;
    color: #000;
    display: none;
    position: absolute;
    right: 0;
    top: 47px;
    width: 270px;
    z-index: 1000;

    -webkit-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);
    box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);*/
    background: #eee;
    color: #000;
    display: none;
    position: relative;
    right: 0;
    width: 100%;
    /* top: 47px; */
    /* width: 270px; */
    z-index: 1000;
    -webkit-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);
    box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.56);
    margin-top: 10px;
}

.searchResultsHeader{
    text-align: right;
    background: #646464;
    padding: 5px 5px;

    color: white;
}

.searchResultsHeader a{

    color: white;
}

.searchResultsHeader a:hover{
    color: #f00;
}

#searchList table{
    padding: 5px;
}

#searchResults table td {
    cursor: pointer;
    margin: 0;
    padding: 0;
}
a.sresult {
    border: 1px solid transparent;
    color: #000;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 5px;
    width: 320px;
}
a:hover.sresult {
    border: 1px solid #000;
    text-decoration: none;
}
a.sresult .sresultname {
    color: #F00;
}
#homeLink {
    
    height: 35px;
    margin-right: 30px;
    position: relative;
    display: inline-block;
    bottom: 10px;
    width: 124px;
    /*width: 160px\9;*/
    background-size: 124px;
}

#homeLink img{
    max-width: 100%;
    height: auto;
}

#homeLink img[src*=".svg"]{
    width: 100%;
}

#headerbottomwrap {
    background: #000;
    border-bottom: 1px solid #C00;
    height: 350px;
    position: relative;
    /*top: -350px;*/
    z-index: 2;
    display: none;
}
.show_sub #headerbottomwrap {
    top: 0 !important;
}
#headerbottom {
    font-family: 'HelveticaNeue77';
    margin: 0 auto;
    padding-left: 230px;
    text-transform: uppercase;
    width: 750px;
}
#headerbottom ul {
    height: 25px;
    list-style: none;
    margin: 0;
    padding: 0;
}
#headerbottom ul {
    display: none;
    position: absolute;
}
#headerbottom ul.cur {
    display: block;
}
#headerbottom ul li {
    float: none;
    margin-right: 25px;
    line-height: 25px;
    margin-top: 15px;
}
#headerbottom ul a {
    color: #999;
}
#headerbottom ul a.cur, #headerbottom ul a:hover {
    color: #FFF;
}
#headerBikesWrap {
    background: #000;
    position: relative;
    top: 0;
    z-index: 1;
    margin-left: 150px;
}
#headerBikes {
    color: #DDD;
    height: 0;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 0;
    position: relative;
    text-transform: uppercase;
    width: 750px;
}
.bikeMenu {
    bottom: 0;
    display: none;
    opacity: 0;
    position: absolute;
    width: 750px;
}
.bikeMenu.cur {
    display: block;
}
.bikeMenuCat {
    
    float: none;
    margin-right: 30px;
    padding: 5px 0;
    width: 165px;
}
#roadEnduranceMenuCat {
    width: 220px;
}
.bikeMenuCatName {
    font-family: 'HelveticaNeue77';
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
    color: #DDD;
    display: block;
    margin-bottom: 4px;
    padding: 3px;
}
.bikeMenuCatBikes {
    font-size: 12.5px;
    line-height: 18px;
}
.bikeMenuCatBikes a {
    color: #FFF;
    display: block;
}
.bikeMenuCatBikes a:hover {
    color: #FF0000;
    display: block;
}
.bikeMenuCatBikes a.cur {
    color: #C00;
}

.breadCrumContainer{
    background-color: #444;
    color: #DADADA;

    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);

    z-index: 10;
    position: relative;
}

#breadcrumbs {
    clear: both;
    line-height: 30px;
    margin: auto;
    width: 1000px;
    color: #666;
}
#breadcrumbs a {
    color: #A9A9A9;
    text-decoration: none;

    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

#breadcrumbs a:hover {
    color: #fff;

}

.black_top #breadcrumbs,
.black_top #breadcrumbs a {
    color: #fff;
}
#allBikes {
    float: right;
}
#headerNav {
    /*bottom: 0;*/
    /*height: 40px;*/
    position: relative;
    display: inline-block;
    right: 0;
    width: 770px;
}

#menu {
    font-family:'HelveticaNeue77';
	font-size: 21px;
	line-height: 1.5em;
    list-style: none;
    margin: 0;
	margin-bottom: 10px;
    padding: 0;
	position: relative;
	text-transform: uppercase;
	width: 100%;
	z-index: 5;
}
#menu li {
    display: block;
    float: left;
    height: 45px;
    margin: 0;
    padding: 0;
    /* IE6 */
    _width: 13%;
}
#menu li a {
    color: #FFF;
    cursor: pointer;
    display: block;
    height: 45px;
    padding: 0 10px;
    position: relative;
    letter-spacing: 1px;
}
#menu li a.cur,
#menu li a:hover {
    color: #F00;
}

#header #headerright {
    float: right;
    height: 31px;
    line-height: 31px;
    text-align: right;
    width: 820px;
}
#header #headerright a {
    color: #000;
}



.content {
    clear: both;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1000px;
    z-index: 2;
    background: #eee;


}
#blackTop .content {
    background: #000;
}
#blackTop .content, #whiteTop .content {
    z-index: 3;
}
.content.padded {
    padding: 5px 30px 20px 30px;
    width: 940px !important;
}

.padded{
    padding: 5px 30px 20px 30px;
}

/*.page_title {
    font-family: 'HelveticaNeue77';
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
}*/

.pageTitle{
    padding-top: 60px;
    color: #444;
    padding-bottom: 20px;
}
.page_sub_title {
    font-family: 'HelveticaNeue77';
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

#bodyCopy {
/*    margin: 0 auto;
    width: 920px;*/
    margin-top: 30px;
}


#footerWrapper {
    clear: both;
    margin: 0 auto;
    padding: 5px 30px 10px 30px;
    width: 940px;
    z-index: 1;
}

.content.padded #footerwrapper {
    padding: 5px 0px 20px 0px !important; 
}


#footer a {
    color: #fff;
}
.footer_section {
    float: left;
    margin-right: 20px;
    width: 300px;
}
.footersection:last-child {
    margin-right: 0;
}

.footer_social_icon{
    width: 40px;
    height: 40px;
    float: left;
    margin:10px 25px 10px 0;
}

.footer_social_icon i{
    font-size: 30px;
    color: #444;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.footer_social_icon i:hover{
    color: #f00;
}
#footer_links_left{
    font-size: 1.1em;
    float:left;
    width: 140px;
    margin-right:20px

}
#footer_links_right{
    font-size: 1.1em;
    float:left;
    width:140px;
}
.footer_head {
    color: #fff;
    font-family: 'HelveticaNeue77';
    font-size: 1.5em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#footerCopyright {
    width: 100%;
    margin: 0 auto;
    height: 200px;
    clear: both;
    font-size: 11px;
    padding-top: 10px;
    position: relative;
}

#footer_leaf{
color: #fff;
text-align: center;
    width: 100%;
    min-height: 200px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

float: left;

}

#footer_leaf img{
    display: block;
    margin: auto; 

}
#goMobile {
    display: none;
    font-size: 40px;
    position: absolute;
    right: 5px;
    top: 5px;
}


/* ***** CHOOSE REGION ***** *
#regionchooser {
    background: #FFF;
    color: #000;
    padding: 10px;
}
#regionchooser a {
    color: #000;
}
#regionchooser a:hover {
    color: #F00;
}
#regionchoosertitle {
    color: #F00;
    font-size: 2em;
    margin-bottom: 15px;
    text-align: left;
}
#regionchooser .pagetitle {
    font-size: 15px;
}
.continent {
    background: #F00;
    clear: both;
    color: #FFF;
    font-size: 1.5em;
    height: 25px;
    line-height: 25px;
    margin-bottom: 5px;
    padding-left: 5px;
    text-align: left;
}
.region {
    float: left;
    height: 65px;
    text-align: center;
    width: 100px;
}*/



/* ***** HOME ***** */

#homeNorcoNews {
    margin-top: 100px;
    margin-bottom: 20px;
}

.home_head {

}

.home_section .home_head{
    margin-bottom: 10px;
}

#homeNorcoNews .home_head {
    padding-left: 10px;
}
.home_head a {
    color: #444;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.home_head a:hover {
    color: #f00;
    cursor: pointer;
}
#homeSocial {
     position: absolute;
     right: 31px;
     top: 5px;
}

#homeSocial i{
    font-size: 31px;
    color: #666;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#homeSocial i:hover{
    color: #f00;
}

.homeContent{
    z-index: 3;
}

#blackTop .fullContent{
    width: 100%;
    max-width: 1800px;
    position: relative;
    background: black;
}

#whiteTop .fullContent{
    width: 100%;
    height: 900px;
    position: absolute;
    background: black;
}

.largeSlider{
    width: 100%;
    max-width: 1600px;
    min-width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

.homeSlideContainter{
    width: 100%;
    height: 900px;
    background-position: center;
    background-repeat: no-repeat;

    -webkit-box-shadow: inset 0px -6px 30px 8px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -6px 30px 8px rgba(0,0,0,0.75);
    box-shadow: inset 0px -6px 30px 8px rgba(0,0,0,0.75)
}

.homeSlideContainter a{
    z-index: 1000;
}

.captionsContainer{
    position: relative;
    left: 0;
    width: 1000px;
    color: white;
    margin-right: auto;
    height: 742px;
    margin-left: auto;
}

#subCatBanner .captionsContainer{
    height: 593px;
}

.videoLink{
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -o-transform: rotate(-8deg);
        transform: rotate(-8deg);
        color: #fff;
        position: absolute;
        bottom: 60px;
        font-size: 3.1em;
        text-transform: uppercase;
        font-family: HelveticaNeue77;
        z-index: 1000;
}
.videoLink:hover{
    color: #f00;
}

.captions{
    background: rgba(0,0,0,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    text-align: left;
    padding: 10px 25px 10px 140px;
    position: absolute;
    width: 420px;
    z-index: 3;
    right: 0;
    bottom: 20px;
    text-shadow: 3px 3px 2px #000;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    background: -moz-linear-gradient(117deg, transparent 117px, rgba(0,0,0,0.8) 25px);
    background: -o-linear-gradient(117deg, transparent 117px, rgba(0,0,0,0.8) 25px);
    background: -webkit-linear-gradient(117deg, transparent 117px, rgba(0,0,0,0.8) 25px);
    background: linear-gradient(117deg, transparent 117px, rgba(0,0,0,0.8) 25px);


}



.captions h3{
    font-family: "HelveticaNeue77";
    font-size: 2em;
    margin: 0;
    text-transform: uppercase;
    border-bottom: 1px solid white;
    padding-bottom: 2px;
}

.captions p{
    margin-top: 5px;
    line-height: 20px;
}


.gradient-left{

    position: absolute;
    height: 900px;
    width: 150px;
    left: 0;
    top: 0;
    z-index: 1;
    display: block;

    background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */


}

.gradient-right{
    position: absolute;
    height: 900px;
    width: 150px;
    right: 0;
    top: 0;
    z-index: 1;
    display: block;

    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}


@media screen and (max-width: 1130px) {
    .gradient-right{
        display: none;
    }

    .gradient-left{
        display: none;
    }

}



#homeNorcoNewsStories {

}
#homeNorcoNews .home_news {

    color: #000;
    display: block;
    float: left;
    padding: 0 10px;
    width: 33.33%;

    margin-bottom: 40px;
}
#homeNorcoNews .home_news:last-of-type {
    margin-right: 0;
}
#homeNorcoNews .home_news_title {
    font-family: 'HelveticaNeue77';
    font-size: 13px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); 
    display: none;
    height: 70px;
    overflow: hidden;
    padding: 10px 5px;
    text-transform: uppercase;
}
#homeNorcoNews .home_news_title .home_news_date {
    font-weight: normal;
    text-transform: none;

}

#homeNorcoNews .home_newsContainer{
    border-bottom: 1px solid #999;
    padding-bottom: 20px;
}



#homeNorcoNews .home_newsThumb{
    width:100%;
    height: 200px;
    margin-bottom: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;

    -webkit-transition: opacity 0.3s;
    -moz-transition: opacityl 0.3s;
    transition: opacity 0.3s;
}


#homeNorcoNews .home_newsThumb:hover{
    opacity: 0.6;
}

#homeNorcoNews .home_newsText{
    height: 290px;
}

#homeNorcoNews .home_newsText p{
    margin-bottom: 0;
}

#homeNorcoNews .home_newsText p.small{
    margin-bottom: 5px;
}

#homeNorcoNews .home_newsText p a{
    color: #000;
}

#homeNorcoNews .home_newsText h4{
    color: #444;
}

#homeSections {
    
}
.home_section {
    float: left;
    margin-bottom: 25px;
    width: 380px;
    height: 270px;
    margin-bottom: 40px;
}
.home_section_left {
    float: left;
    width: 380px;
}

.home_section_right {
    float: right;
    width: 380px;
}

input {
    vertical-align: middle;
}

.search {
    padding: 4px;
    width: 265px;
}

.home_section .dealerFinder{
    margin-top: 10px;
}

.submit {
    padding: 5px 20px;
    font-family: 'HelveticaNeue57';
    color: white;
    background: #444;
    border: none;
    font-size: 16px;
    text-transform: uppercase;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}



.submit:hover{
    background: #FF0000;
    cursor: pointer;
}

.submit:active{
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 2px 20px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.25);
}

.submit:focus {
    outline:0;
}

/* Button */
.btn {
    overflow: hidden;
    border: none;
    font-family: 'HelveticaNeue77';
    font-size: 0.9em;
    color: white;
    background: #818181;
    cursor: pointer;
    padding: 7px 67px 6px 15px;
    display: inline-block;
    margin: 15px 0;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    /*width: 144px;*/
    text-shadow: 0px 1px 1px #000;

    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);

}

.btn:hover {
    background: #f00;
    color: white;
}

a.btn:hover{
    color: white;
}


.btn::before {
    left: auto;
    top: 5px;
    right: 8px;
    z-index: 4;
    content: url(http://webdev.norco.com:8086/norco14/img/homeButtons/button-arrow.png) ;
    position: absolute;
}


.btn::after {
    width: 44%;
    height: 300%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
    top: 0;
    right: -20%;
    -webkit-transform-origin: 1 0;
    -webkit-transform: rotate(20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
    content: '';
    position: absolute;
    z-index: 1;


    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


.btn:hover::after {
    right: -15%;
}

.btn:active{
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.25);
}



/* ***** BIKES ***** */

.catBanner {
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    width: 340px;
}
.catBanner:nth-child(3n) {
}
.catBanner a {
    display: block;
    height: 200px;
    width: 340px;
}

#bikeFinderNavCont {
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    height: 35px;
    line-height: 35px;
    margin-bottom: 10px;
    position: relative;
}
#bikeFinderNavPos {
    float: left;
    left: 50%;
    position: relative;
}
#bikeFinderNav {
    float: left;
    left: -50%;
    position: relative;
}
#bikeFinderNav a {
    color: #666;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-right: 30px;
    text-transform: uppercase;
}
#bikeFinderNav a.cur {
    color: #F00;
}

#bikeFinderNavWrapper{
    display: block;
    /* height: 350px; */
    padding-bottom: 10px;
    width: 1000px;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 20px;

    border-bottom: 1px solid #999;

}

#bikeFinderNavWrapper .subCat{
    margin-top: 0;
}

/*#bikeFinderNavWrapper .subCat a{
    display: inline-block;
}*/

#bikeFinderNavWrapper .pageTitle{
    padding-bottom: 0;
    margin-bottom: 0;
    padding-left: 10px;
    padding-top: 10px;
}

.bikeFinderIntroNav{
    display: block;
    float: left;
    width: 140px;
    height: 350px;
    margin: 5px 5px;
    font-family: 'HelveticaNeue77';
  /* background-color: #ccc; */     

}
.bikeFinderIntroNav img{
    height: 300px;
    margin: 0 0;
}

.bikeFinderIntroNav span {
    overflow: hidden;
    border: none;
    font-family: 'HelveticaNeue77';
    font-size: 0.9em;
    color: white;
    background: #818181;
    cursor: pointer;
    padding: 7px 67px 6px 15px;
    display: inline-block;
    margin: 0 0;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 60px;
    text-shadow: 0px 1px 1px #000;

    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);

}

.bikeFinderIntroNav span:hover {
    background: #f00;
}


.bikeFinderIntroNav span:before {
    left: auto;
    top: 5px;
    right: 8px;
    z-index: 9;
    content: url(http://webdev.norco.com:8086/norco14/img/homeButtons/button-arrow.png) no-repeat;
    position: absolute;
}


.bikeFinderIntroNav span:after {
    width: 44%;
    height: 300%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
    top: 0;
    right: -40px;
    -webkit-transform-origin: 1 0;
    -webkit-transform: rotate(20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
    content: '';
    position: absolute;
    z-index: 1;


    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


.bikeFinderIntroNav span:hover:after {
    right: -35px;
}
.cur .bikeFinderIntroNav span {
    background: #f00;

}

#bikeoptions {
    clear: left;
    float: left;
    margin-right: 20px;
    width: 200px;
}
/* .filters {
    display: none;
    background-color: #ccc;

}
.filters label {
    padding: 0 5px;
    font-family:"HelveticaNeue77";
    display: block;
    background-color: #ff0000;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 1.2em;
    font-size: 1.2rem;
    color: #fff;
}
.filters label a {
    font-family: 'HelveticaNeue57', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #fff;
    float: right;
    font-size: 0.65em;
    position: relative;
    text-transform: none;
}
.filters label a div {
    background: #FFF;
    border: 1px solid #000;
    color: #000;
    display: none;
    left: 25px;
    padding: 10px;
    position: absolute;
    top: 3;
    width: 300px;
    z-index: 10000000;
}
.filters label a:hover div {
    display: block;
}
.filtercontent {
    padding: 5px 10px;
}

.filtercontent input[type="checkbox"] {
    display:none;
}

.filtercontent input[type="checkbox"] label span {
    display:inline-block;
    width:25px;
    height:25px;
    background:url(img/misc/checkbox.png) left top no-repeat;
}

.filtercontent input[type="checkbox"]:checked + label span {
    background:url(img/misc/checkbox.png) -25px top no-repeat;
} */



#bikesright,
#bikesrightscrolled {
    float: left;
    width: 770px;
}
#bikesrightscrolled {
    margin-left: 240px;
}
.bikeListing {
    display: none;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
    width: 246px;
}
.bikelisting img {
    margin: 0;
    padding: 0;
}
.bikeListingBottom {
    color: #000;
    padding: 1px 5px;
}
.bike_listing_name {
    font-weight: bold;
}

#bikecatlarge {
    height: 385px;
    position: relative;
    width: 825px;
}
* html #bikecatlarge {

}
.bikecatlarge {
    position: absolute;
    z-index: 2;
}
* html .bikecatlarge {
  
}
#bikecatnames {
    background: #000;
    bottom: 0;
    height: 50px;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    opacity: 0.8;
    position: absolute;
    width: 825px;
    z-index: 3;
}
* html #bikecatnames {
    position: relative;
}
#bikecatnames ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.bikecatname {
    color: #FFF;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    width: 137px;
}
.bikecatname a {
    color: #FFF;
}
#feature-highlight {
    background: url(<?= $media ?>img/highlight-underline.png) no-repeat;
    bottom: 0;
    display: block;
    height: 50px;
    left: 0;
    position: absolute;
    width: 137px;
    z-index: 4;
}
* html #feature-highlight {
    background: url(<?= $media ?>img/highlight-underline.gif) no-repeat;
}

/*** BIKE CATEGORY PAGE ***/
#catLanding h1{
    font-family: 'HelveticaNeue77';
    font-size: 28px;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 2px solid #f00;
}
.subCat{
    margin-top: 40px;
    font-size: 0;
    display: inline-block;
    width: 100%;
}

.SubCatDesc{
    width: 66.66%;
    display: inline-block;
    padding: 4px 10px;
}

.subCatTitle{
    color: #444;
    border-bottom: 1px solid #999999;
    margin-bottom: 20px;

    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    padding: 0 10px;
}


.subCatTitle .subCatThumb{
    margin-bottom: 20px;
}

.subCatTitle .subCatThumb .SeriesThumb{
    margin-right: 10px;
    opacity: 1;

    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.subCatTitle .subCatThumb .SeriesThumb:hover{
    opacity: 0.6;
}

.subCatTitle a h2{
    color: #444;

    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.subCatTitle a h2:hover{
    color: #f00;
}


.subCat .subCatThumb{
    width: 33.33%;
    opacity: 1;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    position: relative;



}


.subCatThumb .landingLink{
    width: auto;
}



.subCatBikeThumb{
    display: inline-block;
    width: 25%;
    padding: 10px;
    text-align: center;
}


.subCatBikeThumb img{
    margin-bottom: 5px;
    opacity: 1;

    -webkit-transition: opacity 0.3s;
    -moz-transition: opacityr 0.3s;
    transition: opacity 0.3s;
}


.subCatBikeThumb p{
    color: black;

    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.subCatBikeThumb:hover p{
    color: #f00;
}

.subCatBikeThumb:hover img{
    opacity: 0.6;
}

/*.subCat .subCatThumb h1{
    font-size: 32px;
    position: absolute;
    right: 10px;
    bottom: -5px;
    width: 100%;
    color: white;
    text-align: right;
    text-shadow: 2px -1px 2px rgba(0,0,0,0.8);
    padding: 0 20px; 
}*/



.subCat .subCatText{
    width: 605px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.subCat .subCatText > a{
    border-bottom: none;
    font-family: 'HelveticaNeue77';
    font-size: 24px;
    text-transform: uppercase;
    margin: 0;
    color: black;
    padding: 10px;
    display: block;
    padding: 0 10px;
}

.subCat .subCatText > a:hover{
    color: #f00;
}

.subCat .subCatText ul{
    list-style: none;
    margin-top: 10px;
    padding: 0;
}

.subCat .subCatText li{
    display: inline-block;
    padding: 5px 10px;
}

.subCat .subCatText p{
    margin: 6px 0 0 0;
    padding: 0 10px;
}

.subCat .subCatText ul li a{
    font-family: 'HelveticaNeue57';
    font-size: 18px;
    text-transform: uppercase;
    color: #f00;
}

.subCat .subCatText ul li a:hover{
    color: black;
    cursor: pointer;
}


/*** BIKE SUBCATEGORY PAGE ***/
.subCatBannerContainter{
    top: 57px;

    
}

.subCatContent{
    z-index: 3;
    margin-top: 560px;
    -webkit-box-shadow: 0px -4px 10px 2px rgba(0,0,0,0.56);
    -moz-box-shadow: 0px -4px 10px 2px rgba(0,0,0,0.56);
    box-shadow: 0px -4px 10px 2px rgba(0,0,0,0.56);

}

#subCatBanner {
    height: 900px;
    width: 100%;
    max-width: 1600px;
    min-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    background-repeat: no-repeat;
    background-position: center;

    z-index: -1;
    top: 0;

    -webkit-box-shadow: inset 0px -6px 30px 8px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -6px 30px 8px rgba(0,0,0,0.75);
    box-shadow: inset 0px -6px 30px 8px rgba(0,0,0,0.75)
}




#subCatTitle {
    font-size: 38px;
    font-weight: bold;
    text-transform: uppercase;
}
#subCatDesc {
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    margin-bottom: 25px;
    padding: 7px 60px 7px 10px;
    width: 495px;
}
.subcat_series_name {
    border-bottom: 1px solid #999999;
    font-size: 24px;
    margin-bottom: 25px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #444;
}

.noBikesContainer{
    padding-bottom: 280px;
}
.subCatBike {
    color: #000;
    display: inline-block;
    font-size: 1.2em;
    font-family: 'HelveticaNeue77';
    margin-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    width: 33%;
    vertical-align: top;
    opacity: 1;

    -webkit-transition: opacity 0.3s;
    -moz-transition: opacityr 0.3s;
    transition: opacity 0.3s;
}

.subCatBike:hover {


    opacity: 0.6;
}

/*** BIKE PAGE ***/
.biketechLink{
    background-color: #eee;
}

.bikePageFullContainer{
    background-color: white;
    padding-top: 30px;
    padding-bottom: 30px;
}

#bikePageFull {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#bikepageTop {
    height: 595px;
    position: relative;
}
#bikePageFullName {
    color: #444;
    margin-bottom: 50px; 
}

#bikePageFullName h3{
    margin: 0;
    font-family: 'HelveticaNeue77';
    text-transform: uppercase;
    font-size: 19px;
    color: black;

    line-height: 10px;
}
#bikePageFullName * {
    vertical-align: middle;
}
.award_img {
	position: absolute;
	right: 30px;
	top: 30px;
	width: 18%;
	z-index: 2;
}
#bikePageFullImages {
    height: 595px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.bikePageFullImage {
    display: block;
    height: 480px;
    margin: auto;
    position: relative;
    width: 940px;
}
.bikePageFullImage p{
    text-align: left;
    color: black;
    font-size: 16px;
    position: absolute;
    display: inline-block;
    margin: 5px 0 0 20px;
}
.bikePageFullImage img:first-child{
    position: absolute;
    display: inline-block;
    margin: 8px 0 0 0;
}

.bikePageFullImage .bikeImage:hover{
    cursor: zoom-in;
    
}

.bikePageFullImage .imgZoom {
    background-position: 0 0;
    background-repeat: none;
    height: 595px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 938px;
    display: none;
    background-color: white;
    border: 1px solid #CCCCCC;
}
.bikePageFullImage .imgZoom img {
    left: 0;
    position: absolute;
    top: 0;
    background-color: white;
}

#bikepageTop .tabslider .aslide.bikeVideo{
    background-color: #1A1A1A;
    padding-top: 70px;
}
#bikePageTabs {
    background-color: #333333;
    padding: 12px 0;
    height: 80px;
    position: absolute;
    width: 1000px;
    z-index: 3;

    -webkit-box-shadow: 0px -3px 3px -1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px -3px 3px -1px rgba(0,0,0,0.5);
    box-shadow: 0px -3px 3px -1px rgba(0,0,0,0.5);
}
#bikePageTabs img {

    -webkit-box-shadow: 0 0 3px rgba(68,68,68,.5);
    -moz-box-shadow: 0 0 3px rgba(68,68,68,.5);
    box-shadow: 0 0 3px rgba(68,68,68,.5);
    width: 105px;
    background-color: white;
}

#bikepageTop .tabs {
	color: #FFF;
    display: none;
	position: relative;
    width: 100%;
	z-index: 3;
}
#bikepageTop .tabs.cur {
    display: block;
}

#bikepageTop .tabs .tab_item {
    /*border: 1px solid transparent;*/
	cursor: pointer;
	display: inline-block;
    margin-right: 15px;
	position: relative;
    vertical-align: top;
	z-index: 200;
}
#bikepageTop .tabs .tab_item.cur {
    /*border-color: #F00;*/
    color: #F00;
}

#bikepageTop .tabs a {
    color: #FFF;
}

#bikepageTop .tabbed_content .slide_content {
    height: 595px;
    margin: 0 auto;
    overflow: hidden;
	padding: 0;
	position: relative;
	width: 1000px;
}

#bikepageTop .tabslider {
	display: none;
	width: 10000px;
}
#bikepageTop .tabslider.cur {
    display: block;
}

#bikepageTop .tabslider .aslide {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 1000px;
    height: 595px;
    background-color: white;
}

#bikepageTop .tabslider .aslide a img{
    height: 595px;
}
.reel-overlay {
    cursor: hand;
    margin: auto;
}


#bikepageImageTools {
    
}
#bikePageActionShots {
    text-align: center;
}
#bikePageActionShots img {
    height: 55px;
}
#bikepageleft {
    width: 380px;
    margin-right: 50px;
    float:left;
}
#bikepageright{
    width: 460px;
    margin-left: 50px;
    float:left;

}
#bikepageright .cur{
    
    display:block;
}


.bikePageTechLogos {
    display: none;
    text-align: left;
}
.bikePageTechLogos.cur {
    display: block;
}

.bikeTechLogo{
    
    display: block;
    float: left;
    width: 110px;
    height: 70px;
    margin-top: 12px;
    margin-right: 6px;
    overflow: hidden;
    background-color: #707070;
    background-repeat: no-repeat;
    background-position: center;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

}

.bikeTechLogo:hover{
    
    background-color: #FF0000;

}
.bikePageSocialContainer{
    
    width: 100%;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    justify-content: center;
    flex-direction: row;
    align-items: center;

    padding: 20px 0;
}

.bikePageSocialButton{
    float:left;
    width: 120px;
    height: 30px;
    margin-right: 10px;
}

.bikePageSocialButton{
    
    width: 100% !important;
}
.bikeCalloutContainer{
    display: none;
}

.bikeCalloutTable{
    
    width: 100%;
    border-collapse: collapse;
}

.bikeCalloutTable td{
    
    border-bottom: 1px solid #ccc;
    padding: 10px 10px 10px 0;
}

.bikeCalloutTitle{
    font-family: 'HelveticaNeue77';
    font-size: 1.3em;
    font-size: 1.3rem;

}

.bikeCalloutValue{
    font-family:"HelveticaNeue47";
    font-size: 1.1em;
    font-size: 1.1rem;
}

#bikePageNames {
    float: left;
    margin: 0 135px 20px 0;
    width: 340px;
}
.bikePageName {
    border-bottom: 1px solid #999;
    color: #999;
    cursor: pointer;
    display: block;
    height: 28px;
    line-height: 28px;
    position: relative;
    text-transform: uppercase;
    /* width: 340px; */
    width: 390px;
}
.bikePageName a {
    display: none;
    left: 5px;
    position: absolute;
}
.bikePageName.cur {
    color: #000;
}
.bikePageName.cur a {
    display: block;
}
.bikePageName .name {
    display: inline-block;
    width: 215px;
}
.bikePageName .price {
    display: inline-block;
    text-align: right;
    /* width: 125px; */
    width: 175px;
}

#bikespecs .formaContainer p{
    width: 630px;
    margin-left: 15px;
    margin-bottom: 30px;
}

.spec-notice{
    width: 100%;
    margin-top: 25px;
}
.bikePageName .special_price {
    display: inline-block;
    margin-right: -50px;
    text-align: right;
    width: 175px;
}
.bikePageName .special_price .price {
    color: #F00;
    text-align: left;
    text-decoration: line-through;
    width: 85px;
}
#bikePageDescInfo {
    float: left;
    width: 465px;
}
#BLN{


}
#bikePageDesc {
    font-size: 1.2em;
    margin: 10px 0;
    text-align: justify;
    font-family: 'HelveticaNeue47Ob';
}
.bikePageButton {
    background: #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #666;
    display: block;
    float: left;
    font-size: 1.5em;
    height: 45px;
    line-height: 45px;
    margin-bottom: 15px;
    margin-right: 15px;
    padding-left: 10px;
    text-shadow: 0px 1px 1px #EEE;
    width: 170px;
}
#bikepageside {
    float: right;
    width: 220px;
}
.bikepagesidehead {
    color: #F00;
    font-size: 1.7em;
    margin-bottom: 15px;
}
#biketools a {
    color: #000;
}
#biketools img {
    vertical-align: middle;
}

.bike_page_callout_container {
    border-left: 1px solid #CCC;
    display: none;
    float: right;
}
.bike_page_callout_container.cur {
    display: block;
}
.bike_callout {
    border-right: 1px solid #CCC;
    color: #888;
    float: left;
    font-family: 'HelveticaNeue47Ob';
    font-size: 19px;
    height: 88px;
    padding: 3px 23px;
    text-transform: uppercase;
}
#bikeCalloutIntendedUse {
    max-width: 140px;
}
#bikeCalloutTech {
    width: 439px;
}

#bikeCalloutTech a{
    display: block;
    float:left;
    width: 109px;
}

.bike_callout_name {
    color: #000;
    font-family: 'HelveticaNeue77';
    font-size: 17px;
}

#bikepagespecs .tabs .spec_item, #bikepagespecs .tabs a {
    color: white;
    cursor: pointer;
    display: block;
    float: left;
    font-family: 'HelveticaNeue77';
    font-size: 18px;
    height: 40px;
    line-height: 30px;
    margin-right: 15px;
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    z-index: 0;
}
#bikepagespecs .tabs .spec_item.cur {
    color: white;
    background-color: #f00;
}
#bikepagespecs .tabs a.bike_page_compare {
    display: none;
}
#bikepagespecs .tabs a:hover {
    color: #F00;
}

#bikepagespecs .tabs a.openClosestDealer{

    background-color: #f00;
    padding: 4px 9px;
    line-height: initial;
    height: auto !important;
    margin-top: 5px;
    margin-left: 94px;

    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#bikepagespecs .tabs a.openClosestDealer:hover{
    background-color: #FF3636;
    color: white;
}




#bikepagespecs a.bike_page_compare.cur {
    display: block;

    display: block;
    /*margin-left: 293px;*/
    position: absolute;
    right: 0;
    padding: 0px 10px;
    background-color: #f00;
    margin-top: 5px;

}

#bikepagespecs a.bike_page_compare.cur:hover{
    color: white;
    background-color: #FF4F4F;
}

#bikepagespecs {
    clear: left;
    margin-top: 40px;
    background-color: #eee;
    width: 1000px;
   /* margin-left:-30px;*/
}
.speccat {
    color: #000;
    font-family: 'HelveticaNeue77';
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 30px;
    text-transform: uppercase;
}
#bikespecs .bikespec,
#intendeduse .bikeusage {
    border-bottom: 1px solid #CCC;
    clear: both;
    line-height: 20px;
    padding: 0 0 0 3px;
}
#bikespecs span {
    color: #000;
    vertical-align: top;
    display: inline-block;
    font-family: 'HelveticaNeue77';
    font-size: 14px;
    margin-right: 25px;
    width: 125px;
}
#bikespecs p {
    vertical-align: top;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 410px;
}
.bikePageSpecs,
.bikePageGeo {
    display: none;
}
.bikePageSpecs.cur,
.bikePageGeo.cur {
    display: block;
}

#bikegeos img{

    display: block;
    margin: 0 auto;
    font-size: 1em;
    padding-bottom: 10px;
}


#techPopup {
background: #eee;
padding: 0 20px 0 20px;
max-width:600px;
}
#techPopup p {




}


#bikepagespecs .tabs a.bike_page_compare {
    display: none;
}
#bikepagespecs .tabs a:hover {
    color: #F00;
}
#bikepagespecs a.bike_page_compare.cur {
    display: block;
}

.selectCallout{

   font-family:"HelveticaNeue77";
   padding: 2px;
   margin: 2px;
   font-weight: normal;

}

.bionx-benefits{
    width: 130px;
    display: inline-block;
    margin-right: 56px;
}

.bionx-benefits img{
    width: 100%;
    margin-bottom: 10px;
}

.bionx-benefits span{
    width: 100%;
    text-align: center;

}


.bionx-tech img{
    width: 60%;
}

.bionx-tech p{
    width: 100%;
}

.tech_callout{
    padding: 10px 0 10px 0;
}

.bikegeo{
    width: 800px;
    margin: 0 auto;
}
.geo_size {
    font-family: 'HelveticaNeue77';
    display: table-cell;
    width:20px;
    vertical-align: middle;
    color: #FFF;
    background-color: #F00 !important;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    line-height: 28px;    
}
.geotitle {
    font-family: 'HelveticaNeue77';
    width:45px;
    float:left;
    color: #000;
    font-weight: bold;
    text-align: left;
    line-height: 28px;
    padding-right:5px;
}
.geo_val{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 28px;
}
.geo_col{
    margin: 2px 2px 2px 2px;
    float:left  !important;
    text-align: center;

}
#bikegeos .geoname {
    display: table;
    float: left;
    font-size: 0.8em;
    height: 20px;
    overflow: hidden;
    position: relative;
    width: 160px;
}
#bikegeos .geoname div {
    display: table-cell;
    vertical-align: middle;
}
#bikegeos .geoname div div {
    position: relative;
   /* #top: -50%; */
}
#bikegeos span {
    display: table-cell;
    vertical-align: middle;
    float: left;
    min-height: 100%;
    line-height: 28px;
    text-align: center;
    width: 45px;
    padding: 0 5px 0 5px;
}
.usageTypeNames {
    padding-left: 103px;
}
.usageTypeNames span {
    float: left;
    text-align: center;
    width: 75px;
}
.bikeName {
    color: #000;
    display: block;
    float: left;
    height: 25px;
    overflow: hidden;
    width: 100px;
}
.stars {
    float: left;
    text-align: center;
    width: 75px;
}

/* 5 POINT SYSTEM TAB */


#bike5Points ol {
    counter-reset: li; /* Initiate a counter */
    margin-left: auto; /* Remove the default left margin */
    margin-right: auto;
    padding-left: 0; /* Remove the default left padding */
    width: 800px;
}
#bike5Points ol > li {
    list-style: none; /* Disable the normal item numbering */
    margin: 0 0 6px 1em; /* Give each list item a left margin to make room for the numbers */
    padding: 4px 8px; /* Add some spacing around the content */
    position: relative; /* Create a positioning context */
    width:770px
}
#bike5Points ol > li:before {
    color: #F00;
    content: counter(li) ":"; /* Use the counter as content */
    counter-increment: li; /* Increment the counter by 1 */
    font-weight: bold;
    left: -1em;
    margin-right: 8px;
    padding: 4px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1em;
}

#bike5Points img{
    display:block;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
}

#bikepagespecs .tabbed_content {
    width: 100%;
}

.dealerTabContainer {
    display: none;
}

#bikepagespecs .tabs {
    float: left;
	font-size: 1.3em;
	line-height: 35px;
	margin-bottom: 10px;
	overflow: hidden;
    padding-left: 5px;
	position: relative;
    width: 1000px;
    background-color: #707070;
}

#bikepagespecs .tabs_positioner {
    float: left;
    position: relative;
}

#bikepagespecs .dealerTab .tabs_positioner {
    float: left;
    left: 14%;
    position: relative;
}


#bikepagespecs .tabs_container {
    float: left;
    left: 20px;
    position: relative;
    width: 960px;
}

#bikepagespecs .dealerTab .tabs_container {
    float: left;
    left: -12%;
    position: relative;
}

#bikepagespecs .dealerTab .tabs_container.noResults {
    float: left;
    left: -50%;
    position: relative;
}

#bikepagespecs .tabs .tab_item, #bikepagespecs .tabs a {
	color: white;
	cursor: pointer;
	display: block;
    float: left;
    font-family: 'HelveticaNeue77';
    font-size: 18px;
	height: 30px;
	line-height: 30px;
    margin-right: 30px;
	padding-right: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
	position: relative;
	text-align: right;
	text-transform: uppercase;
	z-index: 200;
}
#bikepagespecs .tabs .tab_item.cur {
    color: white;
    background-color: #F00;
}
#bikepagespecs .tabs a.bike_page_compare {
    display: none;
}
#bikepagespecs .tabs a:hover {
    color: #F00;
}
#bikepagespecs a.bike_page_compare.cur {
    display: block;
}

#bikepagespecs .tabbed_content .slide_content {
    margin: 0 auto;
	overflow: hidden;
	padding: 20px 0;
	position: relative;
	width: 800px;
}

#bikepagespecs .dealerTab .slide_content {
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    width: 1000px;
}

#bikepagespecs .tabslider {
	width: 5000px;
}

#bikepagespecs .tabslider ul,
#bikepagespecs .tabslider .aslide {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 800px;
}

#bikepagespecs .dealerTab .tabslider .aslide {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 1000px;
}

#bikepagespecs .tabslider ul {
    padding-left: 20px;
    width: 580px;
}

#bikepagespecs .tabslider ul li {
	padding-bottom: 7px;
}

a.media_review {
    border-bottom: 1px solid #f00;
    color: #000;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.colsestDelaerCont{
  display: none;
  position: fixed;
  background-color: #707070;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  top: 10%;
  left: 640px;
  padding: 20px;
  z-index: 5;
  color: white;
}

.dealer-greyedOut{
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: black;
  z-index: 4;
  opacity: 0.9;
  top: 0;
  display: none;
}


#loadingDealer{
    display: none;
    text-align: center;
}


.loadingIcon {
    border-radius: 50%;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto; 
    width: 50px;
    height: 50px;
    border: 4px solid #3498db;
    border: 4px solid transparent;
    border-top-color: #fff;
    border-left-color: #fff;
    border-right-color: #fff;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}


    /* Animation */
    @-webkit-keyframes spin {
        0%   {
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
                transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
                transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   {
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
                transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
                transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

.closestTEXT{
    margin-top: 10px;
}

.close{
    position: absolute;
    top: 0;
    font-size: 1.8rem;
    right: 0px;
    line-height: 1.8rem;
    text-align: center;
    padding: 1% 2% 2% 2%;
    background-color: #f00;

    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.close:hover{
    background-color: #FF4F4F;
    cursor: pointer;
}


.closestTEXT span{
    font-size: 1.5em;
  font-family: 'HelveticaNeue77';
  text-transform: uppercase;
  margin-top: 10px;
}

#bikePageDealers h2{
    margin-top: 0;
}


#bikePageDealers .btn{
    margin-bottom: 0;
}

.media_review_image {
    float: left;
    margin-right: 20px;
    width: 140px;
}
.media_review_image img {
    width: 100%;
}
.media_review_text {
    float: left;
    width: 440px;
}
.media_review_title {
    font-family: 'HelveticaNeue77';
    font-size: 21px;
}
.media_review_excerpt span {
    color: #f00;
}



/* ***** BIKE TECH ***** */



.techContent{
    padding-top: 20px !important;
    padding-bottom: 60px !important;
}

#featuredTechImage {
    background-color: #343234;
    background-position: center;
    background-repeat: no-repeat;
    height: 450px;
    margin: 0 auto;
    width: 100%;
}

a.tech_choose {
    color: #000;
    display: block;
    float: left;
    font-family: 'HelveticaNeue77';
    font-size: 27px;
    margin-right: 20px;
    text-align: center;
    width: 300px;
}
.tech_choose:nth-child(3n+4), .tech_choose.third {
    margin-right: 0;
}

#techCatsNames {
    float: left;
    margin-right: 50px;
    width: 330px;

    background-color: #fff;

    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.50);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.50);
}
#techCatsWrapper {
    background-color: #707070;
}
#techCats {
    float: left;
    font-family: 'HelveticaNeue77';
    font-size: 18px;
    height: 40px;
    line-height: 30px;
    margin: 0 auto;
    
    position: relative;
    text-transform: uppercase;
}
#techCats ul {
    float: left;
    
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}
#techCats li {
    float: left;
}
.tech_cat {
    color: white;
    display: block;
    float: left;
    padding: 5px 15px;
    text-align: center;
}
.tech_cat.cur {
    color: white;
    background-color: #f00;
}
#techNames {
    margin-bottom: 10px;
    position: relative;
    background-color: #fff;
    padding: 5px 0;
}
.tech_names_cat {
    display: none;
    position: absolute;
    width: 300px;
}
.tech_names_cat.cur {
    display: block;
}
.tech {
    color: #000;
    display: block;
    font-family: 'HelveticaNeue57';
    font-size: 16px;
    margin: 0 auto;
    overflow: hidden;
    padding: 8px 20px;
    text-align: left;
}

.tech:hover{
    color: white;
    background-color: #707070
}
.tech.cur {
    color: #f00;
    background-color: none;
}

.tech.cur:hover{
    color: white;
}


#featuredTech {
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 620px;
}

#featuredTechTitle{
    text-align: center;
}

#featuredTechTitle h1{
    font-family: 'HelveticaNeue77';
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-top: 0;
}

#featuredTechTitle img{
    /*margin-bottom: 10px;*/
    height: 100px;
}

#featuredTechDesc p{
    line-height: 1.4;
}

#featuredTechDesc iframe{
    width: 550px;
}



/* ***** COMPARE BIKES ***** */
#compareHead {
    background: url(<?= $media ?>img/bikestuff/compare_spec_bg.gif) 160px top repeat-y;
}
#compareBody {
    background: url(<?= $media ?>img/bikestuff/compare_spec_bg.gif) 160px top repeat-y;
}
.compare_col1 {
    display: block;
    float: left;
    width: 160px;
}
.compare_col2,
.compare_col3,
.compare_col4 {
    display: block;
    float: left;
    font-size: 13px;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    width: 280px;
    text-align: center;
}

.comparebike{
    margin-bottom: 10px;
    font-family: 'HelveticaNeue47Ob';
    font-size: 16px;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 0.6rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: white;
    border: none;
    outline: none;
    display: inline-block;
    background-color: #666;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: '';
    background-image: url(/img/down-arrow.svg);
    background-image: none\9;
    background-repeat: no-repeat;
    background-position: center right 7px;
    background-size: 15px;
    text-transform: uppercase;
    width: 100%;
}

* html .compare_col4 {
    width: 235px;
}
.compare_bike_image {
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 129px;
}
.compare_spec {
    border-bottom: 1px solid #CCC;
    padding-top: 4px;
    padding-bottom: 1px;
}
.compare_spec_cat {
    font-weight: bold;
}



/* ***** FIND A DEALER ***** */
.eventsSeparator{
    background-color: #CCCCCC;
    color: #666;
    padding: 7px 10px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.eventsSeparator h2{
    margin: 0;
    text-transform: uppercase;
}

#bodyCopy h2{
    color: #000;
    font-family: 'HelveticaNeue77';
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 30px;
    text-transform: uppercase;
}

#fadBoxes{
    background-color: #DDDDDD;
    padding: 20px 20px 12px 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
}

.fadBox{
    display: inline-block;
    vertical-align: top;
}

.fadBox p{
    margin-top: 0;
    margin-bottom: 9px;
}

.fadSupported{
    margin-left: 39px;
    display: none;
}



.fadSupported p{
    margin-bottom: 2px;
}



#fadRight {
    float: right;
    width: 350px;
}
#supportedRegions {
    text-transform: uppercase;
}
#mapMessage {
    color: #F00;
    font-weight: bold;
    width: 500px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding-top: 20px;
}

#map_canvas {
    height: 620px;
    width: 695px;

    display: inline-block;
    vertical-align: top;

    border: 1px solid #AFACAC;
}

#map_dealerListings{
    width: 300px;
    height: 620px;
    background-color: white;

    display: inline-block;
    overflow-y: scroll;
    overflow-x: hidden;

    -webkit-box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 2px -1px rgba(0,0,0,0.75);
}



::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    background-color: #BDBDBD;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

#dealerListings {
    font-size: 0.9em;
    margin-top: 7px;
    width: 1000px;
}
#intDealer .dealer {
    float: left;
    margin-bottom: 15px;
    padding-right: 20px;
    width: 235px;
    border-bottom: none;
    min-height: 122px;
}

.dealerTab #dealerListings:first-child{
    border-top: 1px solid #CCCCCC;
}

.dealerTab #map_dealerListings:first-child{
    border-top: 1px solid #CCCCCC;
}

.dealerTab .dealer {
    float: none;
    padding: 5px 0;
    margin-right: 20px;
    width: 100%;


    border-bottom: 1px solid #CCCCCC;
}

.partner{
    background-color: #ccc;
}

.dealerTab .dealer > *{
    display: inline-block;
    vertical-align: middle;
}

.addressContainer{
    margin: 40px 0 40px 0;
    width: 220px;
    min-height: 95px;
}

#map_dealerListings .addressContainer{
    margin: 10px 0 10px 0;
    width: 300px;
    min-height: 95px;
    padding-left: 10px;
}

.dealerTab .imgContainter{
    margin-left: 270px;
}



.dealerTab .imgContainter img:first-child{
    margin-right: 5px;
    border: 1px solid rgb(156, 156, 156);
}

.fad_icon_letter {
    display: inline-block;
    margin-right: 5px;
    width: 40px;
    float: left;
    height: 120px;
}

.fad_address {
    display: inline-block;
    min-width: 200px;
    font-size: 1.1em;
    padding-left: 20px;
}

.fad_address b{
    text-transform: uppercase;
}

#map_dealerListings .fad_address {
    display: inline-block;
    min-width: 200px;
    float: left;
    padding-left: 0;
}

.fad_address b{
    float: left;
}

#distributors {
    display: block;
}

.fadInt .btn {
    overflow: hidden;
    border: none;
    font-family: 'HelveticaNeue77';
    font-size: 0.9em;
    color: white;
    background: #818181;
    cursor: pointer;
    padding: 7px 37px 6px 15px;
    display: inline-block;
    margin: 1px 0 0 0;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    /*width: 144px;*/
    text-shadow: 0px 1px 1px #000;

    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);

}

.fadInt .btn:after {
    width: 44%;
    height: 300%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
    top: 0;
    right: -30%;
    -webkit-transform-origin: 1 0;
    -webkit-transform: rotate(20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
    content: '';
    position: absolute;
    z-index: 1;


    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.fadInt .btn:hover {
    background: #f00;
}


.fadInt .btn:hover:after {
    right: -29%;
}

.fadInt .btn:active{
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.25);
}



/* ***** TEAM ***** */

.factory-sponsors{
    margin-top: 2em;
    padding: 1em 0em;
    border-top: 1px black solid;
    border-bottom: 1px black solid;
}

.subCatContent.athletes{
    padding-top: 30px;
}

.subCatContent.athletes .subCat:first-child{
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.tabContentContainer{
    position: relative;
    z-index: 2;

    width: 1000px;
    padding: 30px;


}

.tabsContainer{
    background-color: #707070;
    width: 1000px;
    padding: 0 30px;
}

.teamTabs{
    color: white;
    cursor: pointer;
    font-family: 'HelveticaNeue77';
    font-size: 18px;
    height: 40px;
    display: inline-block;
    line-height: 30px;
    margin-right: 15px;
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    z-index: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

}

.teamTabs.active{
    background-color: #f00;
    color: white;

    position: relative;
    z-index: 1;


}

.tabContent{
    display: none;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

}

.tabContent.active{
    display: block;
}


.teamslisthead {
    font-family: 'HelveticaNeue77';
    color: #000;
    display: block;
    font-size: 22px;
    text-transform: uppercase;
}
.teamslistsubhead {
    color: #000;
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.riderIndexThumb {
    font-family: 'HelveticaNeue77';
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 9px;
    text-align: left;
    text-transform: uppercase;
    width: 240px;
    height: 315px;
    display: inline-block;
    background-size: cover;
    position: relative;
    
}

.riderIndexThumb .rider_on{
    
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    display: none;
    background-size: cover;

}

.riderIndexThumb .rider_off{
    
    position: absolute;
     width: 100%;
    height: 100%;   
    left: 0;
    top: 0;
    z-index: 2;
    background-size: cover;
}

.riderIndexThumb .riderIndexName{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 2%;
    color: white;
    z-index: 4;
}

.riderindexthumb img {
    display: block;
    height: 128px;
    width: 220px;
    border: 3px solid #3a3a3a;
}

.riderindexthumb a {
    color: #000;
}
.riderindexthumb span {
    font-weight: bold;
}

.gradient-right.gradientFix{
    position: relative;
    float: right;
}

.gradient-left.gradientFix{
    position: relative;
    float: left;
}

.riderBanner {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.riderBanner h1{
    font-family: "HelveticaNeue77";
    font-size: 3.7em;
    margin: 0;
    text-transform: uppercase;
    color: white;
    padding-bottom: 2px;
    text-shadow: rgb(0, 0, 0) 3px 3px 2px;
    margin-top: 517px;
    position: absolute;
}

.riderBanner img{
    position: absolute;
    z-index: 4;
    right: 9px;
    margin-top: 470px;
    border: 3px solid white;
    -webkit-box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.75);
    box-shadow: 1px 2px 4px 1px rgba(0,0,0,0.75);
}
#sideBar {
    background-color: #EEEEEE;
    float: right;
    padding: 30px 30px;
    width: 350px;

    -webkit-box-shadow: 1px 0px 4px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 0px 4px 1px rgba(0,0,0,0.75);
    box-shadow: 1px 0px 4px 1px rgba(0,0,0,0.75);
}

#sideBar img{
    width: 100%;

}

#sideBar .riderDetails {
    border-bottom: 1px solid #CCC;
    margin-bottom: 5px;
}

#sideBar .riderDetails a img{
    opacity: 1.0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#sideBar .riderDetails a img:hover{
    opacity: 0.5;
}

#sideBar .riderDetails:first-child {
    border-top: 1px solid #CCC;
}

#sideBar .riderBio .riderDetails:first-child {
    border-top: none;
    border-bottom: none;
}

#sideBar .riderDetails:last-child {
    border-top: none;
}

.riderBio{
    margin-top: 0;
}

.riderInfo{
    margin-top: 10px;
}

.riderSocial{
    margin-top: 10px;
    margin-bottom: 40px;
}

#sideBar .riderSponsors a img{
    width: 20%;
    margin-right: 5%;
    margin-bottom: 5%;
}
#sideBar .riderSponsors a img:nth-child(4n+4){
    margin-right: 0;
}


a.riderNewsItem {
    border-bottom: 1px solid #CCCCCC;
    color: #000;
    display: inline-block;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.riderNews_image {
    float: left;
    margin-right: 20px;
    width: 140px;
}
.riderNews_image img {
    width: 100%;
}
.riderNews_text {
    float: left;
    width: 420px;
}
.riderNews_title {
    font-family: 'HelveticaNeue77';
    font-size: 21px;
}
.riderNews_excerpt span {
    color: #f00;
}

.riderNews_date{
    margin-bottom: 10px;
}



.videoContainer {
    position:relative;
    padding-bottom:56.25%;
    padding-top:0px;
    height:0;
    overflow:hidden;
}

.videoContainer iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.videoContainer {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0;
    height: 0;
}
.videoContainer object,
.videoContainer embed,  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoItem h2{
    font-family: 'HelveticaNeue77';
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 30px;
}


.stravaContainer iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.stravaContainer {
    position: relative;
    padding-bottom: 75%; /* 16:9 */
    padding-top: 0;
    height: 0;
}

.stravaContainer.summary {
    position: relative;
    padding-bottom: 20%; /* 16:9 */
    padding-top: 0;
    height: 0;
}
.stravaContainer object,
.stravaContainer embed,  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#sideBar h3{
    font-size: 1em;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 5px;
    color: rgb(107, 107, 107);
}

#sideBar h4{
    font-size: 1em;
    text-transform: uppercase;
    margin-top: -10px;
    margin-bottom: 5px;
    color: rgb(107, 107, 107);
    text-align: center;
}

#sideBar p{
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 0.95em;
    font-family: "HelveticaNeue47";
    line-height: 1.4em;
}

#sideBar i{
    color: #666;
    margin-right: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#sideBar i:hover{
    color: #f00;
}

#sideBar .Bike{
    margin-bottom: 30px;
}

#sideBar .Bike a img{
    opacity: 1.0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#sideBar .Bike a img:hover{
    opacity: 0.6;

}


#sideBar .riderBikes{
    margin-top: 40px;
    margin-bottom: 60px;
}

#riderBody {
    width: 580px;
    padding: 30px;
}
#riderName {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.rider_title {
  /*  border-bottom: 2px solid #F00; */
    font-size: 20px;
    font-weight: bold;
    margin-top:10px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#riderMedia {
    clear: both;
}
.ridernewsdate {
    float: left;
    font-size: 1.1em;
    text-align: center;
    width: 75px;
}
.newstitle {
    color: #FFF;
    float: left;
    letter-spacing: .5em;
    width: 488px;
}
.articletools {
    background: url(<?= $media ?>img/news/news-header.gif) no-repeat;
    float: left;
    height: 18px;
    padding-top: 2px;
    text-align: right;
    width: 500px;
}
.riderarticle {
    padding-left: 75px;
    width: 488px;
}


.riderBikeListing {
    -webkit-box-shadow: 3px 3px 3px #666;
    -moz-box-shadow: 3px 3px 3px #666;
    box-shadow: 3px 3px 3px #666;
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 7px;
    text-align: center;
    width: 182px;
}
.riderBikeListing img {
    margin: 0;
    padding: 0;
    width: 182px;
}
.riderBikeListingBottom {
    background: #F00;
    color: #FFF;
    padding: 1px 5px;
}
.riderBikeListingCat {
    float: right;
    font-size: 0.9em;
    line-height: 1.7em;
}
.riderBikeListingName {
    font-size: 1.2em;
    text-align: left;
}

.teamPhotos{
    margin-bottom: 30px;
}

.riderPhoto {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 1px;
}

.riderPhotos a:nth-child(3n+1) {
    margin-right: 0;
}


/*.riderPhotos h2{
    font-family: 'HelveticaNeue77';
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 0;
}*/

.instagramPics img{
    width: 190px;
    border: 1px solid #000;
}

.instagramPics a {
    width: 190px;
    margin-bottom: 5px;
    margin-right: 2px;
}

.instagramPics a:nth-child(5n+1){
    margin-right: 0;
}


/* SPONSORS */
.sponsor {
    float: left;
    min-height: 315px;
    border: 1px solid black;
    margin-bottom: 15px;
    margin-right: 15px;
    width: 485px;
    background-color: #fff;
    text-align: center;
    -webkit-box-shadow: 2px 3px 5px -1px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 3px 5px -1px rgba(0,0,0,0.25);
    box-shadow: 2px 3px 5px -1px rgba(0,0,0,0.25);
}
.sponsorName {
    color: #F00;
    font-size: 2em;
}
.sponsorimage {
    background-color: #fff;
}
.sponsordesc {
    width: 480px;
    padding: 10px 10px 10px 10px;

}
.sponsorLink{
    clear: both;
    text-align: center;
    width: 100%;
    padding: 5px 0px 5px 0px;

}

/* ***** DOWNLOADS ***** */
.dlindexthumb {
    float: left;
    width: 200px;
    margin-right: 30px;
    margin-bottom: 20px;
}
.dlindexthumb img {
    margin-bottom: 3px;
}
.dl_index_title {
    font-weight: bold;
    text-transform: uppercase;
}
.dl_index_title a {
    color: #000;
}

.episodename {
    font-size: 1.3em;
    font-weight: bold;
}
.featureVideo-container{
    background-color: #2B2C2E;
    padding-top: 30px;
    -webkit-box-shadow: inset 0px 3px 6px -1px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 3px 6px -1px rgba(0,0,0,0.5);
    box-shadow: inset 0px 3px 6px -1px rgba(0,0,0,0.5);
}

.featuredVideo .videoContainer{
    background-color: black;
}

.featuredVideo{
    position: relative;
    z-index: 2;
    width: 1000px;
    margin: 0 auto;
}

.featuredVideo .videoText{
    margin: 20px 3px 15px 3px;
}

.featuredVideo .videoText h2{
    color: rgb(190, 190, 190);
    margin-bottom: 5px;
}

.featuredVideo .videoText p{
    color: rgb(190, 190, 190);
    margin: 0;
}

.featuredVideo .videoInfo{
    border-top: 1px solid rgb(190, 190, 190);
    padding: 15px 0 20px 0; 
    color: rgb(190, 190, 190);

    position: relative;
}

.featuredVideo .videoInfo a{
    color: white;
    text-decoration: underline;
}

.featuredVideo .videoInfo *{
    display: inline-block;
    vertical-align: middle;
}

.featuredVideo .videoInfo .videoSocial{
    position: absolute;
    right: 0;
}

.video-item-container:last-child{
    display: none;
}

.video-item-container{
    width: 25%;
    display: inline-block;
    width: 33%;
    display: inline-block;
    padding: 0;
    position: relative;
    vertical-align: top;
}

.video-item-container .video-thumb{
    width: 100%;
}
.video-item-container .video-thumb img{
    width: 100%;
}
.videoList-container .video-text{
    width: inherit;
    position: absolute;
    bottom: 5px;
    background-color: rgba(0,0,0,0.7);
    width: 100%;
}

.videoList-container .video-text h3{
    font-family: HelveticaNeue77;
    text-transform: uppercase;
    color: white;
    font-size: 15px;
    margin: 0;
    padding: 2%;
}

.pageNation{
    text-align: center; 
    margin: 10px 0; 
    font-size: 1.1em;
}

.pageNation *{
    vertical-align: bottom;
    margin: 5px;
}

.pageNation .pageArrow{
    font-weight: bold;
    font-size: 1.2em;
}

#videosFull {
    margin: auto;
    width: 780px;
}
#videosfullname {
    font-size: 2em;
    text-align: left;
}
#videosFullDesc {
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    float: left;
    margin-right: 20px;
    padding: 5px 0;
    text-align: left;
    width: 460px;
}
#videosFullDesc b {
    text-transform: uppercase;
}
.dl_title {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
#videosfullshare {
    float: left;
    text-align: left;
    width: 300px;
}
#videosfullshareicons {
    text-align: left;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 290px;
}


.wp_thumb {
    float: left;
    margin-bottom: 20px;
    width: 300px;
}
.wp_thumb img {
    max-width: 100%;
    width: 100%;
}
.wp_thumb div {
    font-weight: bold;
}

/* ***** DISTRIBUTED BRANDS ***** */
.brand {
    display: block;
    float: left;
    height: 100px;
    margin: 10px;
    width: 100px;
}



/* ***** CONTACT US ***** */
#farmsg {
    background-color: #eee;
    padding: 30px;
    width: 400px;
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    z-index: 6;

}
#farmsg form span {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
}


input{
    border: 1px solid #A6A6A6;
}

input:focus{
    outline: none;
    border: 1px solid #f00;
}

#farmsg form input.submit{
    padding: 5px 0;
    width: 102%;
}

input.submit{
    border: none;
}

input.submit:focus{
    outline: none;
    border: none;
}


textarea{
    border: 1px solid #A6A6A6;
}

textarea:focus{
    outline: none;
    border: 1px solid #f00;
}

#farmsg form input{
    width: 100%;
    padding: 3px;
}

#farmsg form textarea{
    width: 100%;
    padding: 3px;
    height: 200px;
}

#farmsg form .clear {
    margin-bottom: 5px;
}

#wrapper .content.contactContainer{
    padding-top: 1px;
    padding-bottom: 40px;
}

.contactForm{
    display: none;
    width: 100%;
    position: relative;
    z-index: 6;
}


.accountsignup_head {
    clear: both;
    font-size: 1.5em;
}


/* ***** REGISTER ***** */
.regHead {
    font-size: 2.4em;
    margin-bottom: 25px;
}
.regSubHead {
    color: #F00;
    font-size: 2em;
    margin-bottom: 15px;
}
.regSubSubHead {
    color: #000;
    font-size: 1.5em;
    margin-bottom: 15px;
}
#regNav {
    float: left;
    /* margin-right: 20px; */
    width: 80%;
    padding: 10px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
}
#regNav a {
    clear: left;
    color: #000;
    display: block;
    float: left;
    font-size: 1.1em;
    margin-bottom: 15px;
}
#regNav a.cur {
    color: #F00;
}
#regBody {
/*    float: left;*/
    width: 100%;
}
/* NOT LOGGED IN */


#regLogin fieldset, #regCreate fieldset{
    padding: 0;
    margin: 0;
}

#regLogin fieldset,
#regCreate fieldset {
    border: 0px;
    display: block;
    float: left;
    width: 70%;
}
#regLogin fieldset @align,
#regCreate fieldset @align {
    display: block;
}
#regLogin fieldset label,
#regCreate fieldset label {
    color: #000;
    display: block;
    font-family: 'HelveticaNeue57';
    margin: 5px;
}
#regLogin fieldset h2,
#regCreate fieldset h2 {
    display: block;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0;
}
#regLogin fieldset input {
    display: block;
    margin: 5px;
    width: 100%;
    padding: 5px;
    font-size: 16px;
}
#reasonsToRegister {
    float: right;
    width: 455px;
}


/* CREATE ACCOUNT */
#regCreate fieldset input {
    margin: 5px;
}

#regCreate fieldset input[type='text']{
    display: block;
    margin: 5px;
    width: 100%;
    padding: 5px;
    font-size: 16px;
}

#regCreate fieldset input[type='password']{
    display: block;
    margin: 5px;
    width: 100%;
    padding: 5px;
    font-size: 16px;
}

#regCreate fieldset input[type='submit']{
    display: block;
    margin: 5px;
    width: 100%;
    padding: 5px;
    font-size: 16px;
}

#regCreate fieldset select {
    text-align: left;
    margin: 5px;
}
#regCreate hr {
    background-color: #F00;
    color: #F00;
    display: block;
    width: 600px;
}


/* ACCOUNT INFO */
.info {
    border-bottom: 2px solid #E88;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.info ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.info ul li {
    padding: 5px 0px 5px 0px;
}


/* MODIFY ACCOUNT */
#modifyaccount fieldset {
    border: 0px;
    border-bottom: 2px solid #E88;
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
}
#modifyaccount fieldset label {
    color: #000;
    display: block;
    font-family: Verdana, Arial, sans-serif;
    margin: 5px;
}
#modifyaccount fieldset legend {
    color: #F00;
    display: block;
    font-family: Verdana, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
}
/*#modifyaccount fieldset input[type="text"] {
    display: block;
    margin: 5px;
    width: 200px;
}*/
#modifyaccount fieldset select {
    display: block;
    margin: 5px;
    width: 200px;
}


#modifyaccount fieldset input[type='text']{
    display: block;
    margin: 5px;
    width: 100%;
    padding: 5px;
    font-size: 16px;
}

#modifyaccount fieldset input[type='password']{
    display: block;
    margin: 5px;
    width: 100%;
    padding: 5px;
    font-size: 16px;
}

#modifyaccount input[type='submit']{
    display: block;
    margin: 5px;
    width: 100%;
    padding: 5px;
    font-size: 16px;
}


/* CHANGE PASSWORD */
#changePass fieldset {
    border: 0px;
    display: block;
    padding: 0;
    margin: 0;
}
#changePass fieldset label {
    color: #000;
    display: block;
    font-family: Verdana, Arial, sans-serif;
}
#changePass fieldset input,
#changePass fieldset select {
    display: block;
    margin: 5px 0;
    width: 200px;
}

#changePass fieldset input[type='password'] {
    display: block;
    /*margin: 5px;*/
    width: 100%;
    padding: 5px;
    font-size: 16px;
}

#changePass input[type='submit'] {
    display: block;
    /*margin: 5px;*/
    width: 100%;
    padding: 5px;
    font-size: 16px;
}



/* REGISTER BIKES */
#regBike fieldset {
    border: 0px;
    display: block;
    float: left;
    margin-left: 0;
    padding-left: 0;
    width: 465px;
}
#regBike fieldset @align {
    display: block;
}
#regBike fieldset label {
    color: #000;
    display: block;
    font-family: Verdana, Arial, sans-serif;
    margin: 5px;
}
#regBike fieldset h2 {
    color: #F00;
    display: block;
    font-size: 18px;
    font-weight: normal;
}
#regBike fieldset input[type="text"] {
    display: block;
    margin: 5px;
    width: 100%;
    padding: 5px;
    font-size: 16px;
}

#regBike input[type="submit"] {
    display: block;
    margin: 5px;
    width: 100%;
    padding: 5px;
    font-size: 16px;
}
#regBike fieldset select {
    display: block;
    margin: 5px;
    text-align: left;
    width: 300px;
}
#regBike hr {
    background-color: #F00;
    color: #F00;
    display: block;
    width: 600px;
}
#ohoExplanation {
    background: #eee;
    border: 1px solid #F00;
    display: none;
    margin: 5px 0;
    padding: 10px;
}
#ohoExplanation div {
    margin-bottom: 5px;
    text-align: center;
}


/* ***** WARRANTY ***** */
.warranty_section {
    color: black;
    margin-top: 25px;
}

.warranty_section h4{
    color: #444;
}
.warranty_section.half {
    float: left;
    width: 70%;
}

.intendedUse .warranty_section.half {
    float: left;
    width: 49%;
}

.warranty_length {
    color: #000;
    font-size: 15px;
    margin-bottom: 7px;
}
.warranty_section ul {
    float: left;
    /*list-style-type: none;*/
    margin: 10px 0 0 0;
    /*padding: 0;*/
    padding-left: 20px;
    width: 48.9%;
}
.warranty_section li {
    margin-bottom: 5px;
}



.body_image_top_fixed {
    margin-bottom: 15px;
}
.rtcc_head {
    border-bottom: 2px solid #f00;
    font-size: 1.5em;
    margin-bottom: 5px;
    margin-top: 25px;
    text-transform: uppercase;
}
#rtccDates {
    float: right;
    text-align: right;
}
.rtcc_location,
.rtcc_date {
    display: inline-block;
    text-align: right;
}
.rtcc_date {
    width: 100px;
}
.rtcc_head img {
    vertical-align: baseline;
}
.rtcc_subhead {
    font-size: 1.2em;
    font-weight: bold;
}
.rtcc_copy p {
    margin-top: 0;
}
.rtcc_3column {
    float: left;
    margin-right: 21px;
    text-align: justify;
    width: 246px;
}
.rtcc_3column.last {
    margin-right: 0;
}
.rtcc_3column .rtcc_subhead {
    margin-bottom: 10px;
    text-align: left;
}
.rtcc_2column {
    float: left;
    margin-right: 20px;
    text-align: justify;
    width: 380px
}
.rtcc_2column.last {
    margin-right: 0;
}
.rtccTeam_field {
    float: left;
    margin-bottom: 25px;
    width: 50%;
}
.rtccTeam_field input,
.rtccTeam_field select {
    width: 75%;
}
label.error {
    color: #f00;
    display: block;
}
.rtcc_dealers_prov {
    clear: left;
    color: #F00;
    font-size: 1.5em;
}
.rtcc_dealers_city {
    float: left;
    margin-bottom: 10px;
    width: 50%;
}
.rtcc_dealers_city_name {
    font-weight: bold;
}
.rtcc_dealers_dealer {
    color: #000;
    display: block;
}
a.rtcc_dealers_dealer:hover {
    color: #f00;
}



.clear {
    clear: both;
}
.bikeClear {
    clear: both;
}
.red {
    color: #F00;
}



/* ***** MOBILE ***** */
@media screen and (max-width: 480px) {
    #goMobile {
        display: block;
    }
}




/* INTENDED USE CHARTS */

.intended_use{
    border-collapse:collapse;
    margin-bottom: 50px;
    width:450px;
    font-size: 10pt;
    color: #000;

}

.intended_use td, .intended_use tr{
    width:60px;
    border: 1px solid black;
    border-collapse:collapse;
    text-align:center;
    height:20px;


}
.intended_use .bike_name{
    width:150px;
    text-align: left;
    color: #000;
    padding-left: 5px;
    font-family: 'HelveticaNeue77';
}

.intended_use .intended_desc td{
    text-align:left;
    padding: 5px 2px 5px 2px;
}
.intended_header{
    background-color: #ff0d00;
    color: #eee;
    font-family: 'HelveticaNeue77';
    text-align:left;

}


/** Style our faq questions **/

dl.faq{

    margin-bottom:30px;

}

 

/** Make the question itself stand out **/

dl.faq dt{
    font-size: 1.2em;
    font-size: 1.2rem;
    font-family:"HelveticaNeue77";
    color:#000000;
    padding:25px 0 5px 0;
    display:block;
}

 
/** Add a divisor below the question answer **/

dl.faq dd{
    padding-bottom:25px;
    border-bottom:1px solid #cccccc;
    display:block;
    margin-left: 0;
}

#range-recall-nav{
/*    font-size: 1.1em;
    font-size: 1.1rem;*/
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    padding: 15px;
    margin-bottom: 40px;

}

#range-recall-nav ul {
    
    margin: 0;
}

#range-recall-nav a{
    font-family:"HelveticaNeue57";
}
#range-recall-nav a:hover{
    color: #000;
}

.section-break{
     margin: 3em 0;
    border: 1px #000 solid;

}

#action-plan ul{
    padding-left: 0;
    list-style: none;
}

/* == WordPress WYSIWYG Editor Styles == */

.entry-content img {
    margin: 0 0 1.5em 0;
    }
.alignleft, img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
    }
.alignright, img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
    }
.aligncenter, img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
    }
.alignnone, img.alignnone {
    /* not sure about this one */
    }
.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
    }
.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
    }
.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
    }
.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
    }
blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
    }
blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
    }
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

/* == News Single Post Page Styles == */

#content{

    float:left;
    width: 100%;

}

.news-content-container2{

    float:left;
    background: #eee;
    width: 100%;
    position:relative;
    right:640px;
}
.news-content-container1{
    float:right;
    background: #ddd;
    width: 100%;
    right: 250px;
}

.news-content{
    width:640px;
    float:left;
    margin-left: 30px;
}

.news-content img{

    max-width: 640px;
}
.news-content p:first-of-type{
    margin-top: 2em;
}
.news-content p{
    margin: 1em 0 1em 0;
}
.news-sidebar{
    position: relative;
    width: 250px;
    margin-left: 60px;
    padding-left:20px;
    padding-bottom: 50px;
    float:left;
    background-color: #ddd;
    height: 100%;
}

.news-sidebar h3{
    font-family:"HelveticaNeue77";
    font-weight: normal;
    font-size: 1.3em;
    text-transform: uppercase;
    margin: 1em 0px 0.5em 0px;
    padding: 0;
}
.postHeader {
    display:block;
    position: relative;
    width:1000px;
    height: 460px;
    background-color: #eee;
}
.postHeader img{
    width: 100%;
    height: 100%;
}

.postTitle{
    background: rgba(0,0,0,0.8);
    text-align: left;
    padding: 10px 25px 10px 20px;
    position: absolute;
    bottom: 10px;
    left: 50px;
    min-height: 120px;
    width: 540px;
    z-index: 1001;
    text-shadow: 3px 3px 2px #000;
    -ms-transform: skew(160deg); /* IE 9 */
    -webkit-transform: skew(160deg); /* Chrome, Safari, Opera */
    transform: skew(160deg);
}

.postTitle *{
    -ms-transform: skew(-160deg); /* IE 9 */
    -webkit-transform: skew(-160deg); /* Chrome, Safari, Opera */
    transform: skew(-160deg);
}
/*.postTitle:after {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 140px solid rgba(0,0,0,0.8);
    border-left: 50px solid transparent;
    border-right: 0px solid rgba(0,0,0,0.8);
    position: absolute;
    top: 0px;
    left: -50px;
}*/

.postTitle h3{
    font-family: "HelveticaNeue77";
    font-size: 2em;
    margin: 0;
    text-transform: uppercase;
    border-bottom: 1px solid white;
    padding-bottom: 2px;
    color: white;   
}




.postDate{
    font-family: "HelveticaNeue77"; 
    color: #fff;
    font-size: 1.3em;
    margin: 0.5em 0 0.5em 20px;
    float:left;
}

#searchform .assistive-text{
    display:none;
}

/* About Styling */

#aboutBanner{
    position: absolute;
    height: 900px;
    top: 0;
    width: 100%;
}


.videoContainer{
    margin-bottom: 30px;
}

@media (max-width: 1600px){
    .gradient-left{
        display: none;
    }

    .gradient-right{
        display: none;
    }
}




/* *************** Start index.php Styles************************ */
.myMenu{
    padding: 0;
    /*margin-left: -55px;*/
    width: 770px;

    background-color: white;
}

.level-1{
    list-style: none;
    float: left;
    color: white;
    font-family: "HelveticaNeue77";
    font-size: 18px;
    text-transform: uppercase;
}

.myMenu .level-1 a{
    display: block;
    text-decoration: none;
    padding: 5px 8px;
    margin: 0;
    color: black;
}
.myMenu .level-1 > a{
    padding: 5px 8px;
    margin: 2px 0;
    font-size: 18px;

}



.myMenu .level-2 a{
    color: #444;
}

.myMenu .level-3 a{
    color: #444;
}


.myMenu .level-1 a:hover {
    color: #F00;  
    cursor: pointer;
}





.myMenu .level-1 ul {
    /*background-image: url("<?= $root ?>img/navigation/level1-ul.jpg");*/
    background-color: #DDD;
    /*background-repeat: no-repeat;*/
    position: absolute;
    display: none;
    padding: 0;
    right: -33px;
    top: 56px;
    /*margin-right: 20px;*/
    list-style: none;

}

.level-1-container {
    /*border-top: 1px solid #444;*/
    width: 960px;
    /*background-color: white;*/
    background-image: none;
    background-position: right top;
    background-repeat: no-repeat;
    /*padding-left: 20px;*/
    height: 350px;
    color: #666;


    webkit-box-shadow: 0px 4px 3px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 3px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 3px 1px rgba(0,0,0,0.75);

    -webkit-transition: all ease-out 0.5s;
    -moz-transition: all ease-out 0.5s;
    transition: all ease-out 0.5s;
}

.greyedOut{
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: black;
    z-index: 5;
    opacity: 0.9;
    display: none;
}



.myMenu .level-2 ul {
    /*background-image: url("<?= $root ?>img/navigation/level2-ul.jpg");*/
    /*background-repeat: no-repeat;*/
    background-color: #DDD;
    position: absolute;
    display: none;
    margin-left: 160px;
    padding: 0;
    left: 0;
    z-index: 1;
    top: 0;
    border-left: 1px solid rgb(114, 114, 114);
    height: 100%;
    list-style: none;

    width: 162px;


    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.level-2{ 
    width: 160px;
    display: block;
    list-style: none;

    font-size: 15px;
    text-transform: uppercase;
}

.level-2:after{
    width: 40px;
    -webkit-box-shadow: inset 34px 0px 40px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 34px 0px 40px -9px rgba(0,0,0,0.75);
    box-shadow: inset 34px 0px 40px -9px rgba(0,0,0,0.75);
}

.level-3{ 
    width: 160px;
    display: block;
    list-style: none;
    font-size: 15px;
    text-transform: none;
}

/*.level-2 a{
    width: 100px;
}*/


.myMenu .level-3 ul {
/*    background-image: url("<?= $root ?>img/navigation/level3-ul.jpg");
    background-repeat: no-repeat;*/
    background-color: #DDD;
    position: absolute;
    display: none;
    margin-left: 160px;
    padding: 0;
    left: 0;
    z-index: 2;
    top: 0;
    border-left: 1px solid rgb(114, 114, 114);
    height: 100%;
    list-style: none;
    min-height: 350px;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.level-4{
    width: 160px;

    font-family: HelveticaNeue57, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.myMenu .level-4 ul {
    position: absolute;
    background-image: none;
    background-color: white;
    display: none;
    margin-left: 160px;
    padding: 0 20px;
    left: 0;
    z-index: 2;
    top: 0;
    border-left: 1px solid rgb(114, 114, 114);
    height: 349px;
    list-style: none;
    /* min-height: 349px; */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 479px;

}

.myMenu .level-4 ul a:hover{
    cursor: pointer;

}


.myMenu .level-1 ul .level-2 a:link, .myMenu .level-1 ul .level-2 a:visited {
    background: transparent;
}

.myMenu .level-1 ul .level-2 a:hover {
    background-color:#f00;
    color: white;  
}

.myMenu .highlight{
    display: none;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    right: 0;
    top: 0;
    height: 420px;
}

.navBikeImg{
    background-size: 337px;
    background-repeat: no-repeat;
    background-position: center;
    height: 213px;
    width: 337px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.navBike{
    width: 417px;

    
}

.navBike h2{
    margin: 0;
    text-transform: uppercase;
    color: #f00;
    font-size: 2rem;
    margin: 0 0 10px 0;
    font-weight: 100;
}

.myMenu .level-2 ul .level-4 ul a{
    color: #666;
}

.navBike p{
    padding-top: 8px;
    border-top: 1px solid #666;
    margin-top: 4px;
}

.myMenu .level-2 ul .level-4 ul a:hover{
    background: transparent;
    color: #666;
}

#subNav-rental-partners, #subNav-bikeArchive, #subNav-bikeFinder, #subNav-bikeRegistration{
    font-family: HelveticaNeue57, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.subNavContainer{
    display: none;
    position: absolute;
    bottom: 0;
}

.subNavContainer li a{
    font-family: HelveticaNeue57, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
}



.catName{
    position: absolute;
    right: 30px;
    bottom: 0;
    text-align: right;
    color: white;
    display: none;
    font-size: 3rem;
    text-shadow: 3px 3px 2px #000;
}

.youthSizeChart{
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #999;
}

/* *************** Splash Page Styles************************ */

.splash{
    z-index: 6;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;


    background-color: #EEEEEE;

    display: none;
}

.splashContainer{
    width: 940px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 60px;
}

.splashContainer .gradient-left{
    height: 100%;
}

.splashContainer .gradient-right{
    height: 100%;
}


.splashLogo{
    width: 260px;
    margin-bottom: 60px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    top: 0;
    vertical-align: top;
}

.regionsContainer{
    width: 700px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    top: 0;
    height: 590px;
    vertical-align: top;
    /*margin-left: 106px;*/
    /*padding: 40px 0px 40px 40px;*/
    color: #444;

/*    background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 81%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(81%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 81%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 81%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 81%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 81%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 );*/
}

.regionWrap{
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 492px;
}

.regionsContainer h3{
    text-transform: uppercase;
/*    font-family: 'HelveticaNeue77';*/
    /*font-size: 20px;*/
    margin: 0 0 30px 0;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #999;
}

.regionLeft , .regionRight{
    width: 219px;
    display: block;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
}

.regionLeft{
    float: left;
}
.regionRight{
    float: right;
}

.region{
    margin-bottom: 20px;
}

.region a > img{
    margin-right: 15px;
    display: inline-block;
    width: 32px;
    height: 32px;
}

.region b > p{
    width: 168px;
    display: inline-block;
    margin: 0;
    color: black;
}

.region b > p:hover{
    color: #f00;
}

.region a > *{
    vertical-align: middle;
}

#wrapper{
    display: none;
}

#regionChooser img{
    vertical-align: middle;
}

#chooseRegion{
    position: absolute;
    padding: 5px;
    right: 0;
    top: 17px;
    color: black;
}

#chooseRegion.active{
    padding: 5px;
    color: #ff0000;
}

#chooseRegion:hover{
    color: #f00;
}

#chooseRegion .downArrow{
    margin-left: 5px;

}

#searchDrop .downArrow{
    margin-left: 5px;
}

#searchDrop{
    position: absolute;
    padding: 5px;
    right: 77px;
    top: 17px;
    color: black;

}

#searchDrop img{
    vertical-align: middle;
}

#searchDrop.active{
    padding: 5px;
    color: #ff0000;
}

.dropConatiner{
    width: 960px;
    margin-right: auto;
    margin-left: auto;
}


/* *************** Footer Styles************************ */

.slantedFooter{
    overflow: hidden;

/*        border-left: 25px solid white;
    border-right: 25px solid white;*/
    margin-bottom: 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#adadad+0,cacaca+52,bebebe+100 */
    background: #adadad; /* Old browsers */
    background: -moz-linear-gradient(top,  #adadad 0%, #cacaca 52%, #bebebe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adadad), color-stop(52%,#cacaca), color-stop(100%,#bebebe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #adadad 0%,#cacaca 52%,#bebebe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #adadad 0%,#cacaca 52%,#bebebe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #adadad 0%,#cacaca 52%,#bebebe 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #adadad 0%,#cacaca 52%,#bebebe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#bebebe',GradientType=0 ); /* IE6-9 */

    position: relative;
    vertical-align: top;
    display: inline-block;
    width: 100%;
}

.slantedFooter.fullWidth{
    width: 100%;
}

/*.slantedFooter:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -160px;
    overflow: hidden;
    width: 100%;
    height: 280px;
    background: #fff;*/
    /* z-index: 0; */
/*    -webkit-transform: skewY(-8deg);
    -moz-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    transform: skewY(-8deg);

    box-shadow: 0px -126px 210px rgba(0,0,0,0.7);
}*/

.slantedFooter:before{
    content: '';
    position: absolute;
    left: 0;
    top: -160px;
    overflow: hidden;
    width: 100%;
    height: 280px;
    background: #eee;
    /* z-index: 0; */
    -webkit-transform: skewY(-8deg);
    -moz-transform: skewY(-8deg);
    -ms-transform: skewY(-8deg);
    -o-transform: skewY(-8deg);
    transform: skewY(-8deg);

    box-shadow: 0px 10px 10px rgba(0,0,0,0.1);


}

.slantedFooter .label{
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    transform: rotate(-8deg);
    width: 441px;
    color: white;
    right: 0;
    bottom: 170px;
    position: absolute;

    z-index: 1;
}

.slantedFooter .label h2{
    font-size: 100px;
    font-family: 'HelveticaNeue57Ob';
    margin-bottom: 0;
    line-height: 80px;
}

.slantedFooter .label h1{
    font-size: 100px;
    font-family: 'HelveticaNeue77';
    margin-bottom: 0;
    line-height: 80px;
}

.slantedFooter .slantedContainer{
    width: 1000px;
    display: block;
    color: white;
    padding-top: 210px;
    padding-bottom: 60px;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    font-size: 0;
}

.slantedFooter .slantedSection{
    font-size: 16px;
    width: 33.33%;
    padding: 20px;
    display: inline-block;
    vertical-align: top;
    background-color: transparent;
}

.slantedFooter .slantedContainer .slantedText{
    width: 100%;
    background: transparent;
    margin-bottom: 50px;
    height: 205px;
    padding: 0;
    border-bottom: 1px solid #444;
}

.slantedFooter .slantedText ul{
    list-style: none;
    padding: 0;

}


.slantedFooter .slantedText li{
    color: black;
    padding-bottom: 5px;

}


.slantedFooter .slantedContainer h4{
    color: #444444;
}


/*.redTriangle{
    width: 50%;
    height: 200px;
    background-color: rgba(255,0,0,0.5);
    position: absolute;
    bottom: 6px;
    left: -150px;

    -webkit-transform: rotateX(-39deg) rotateY(0deg) rotateZ(-10deg);
    transform: skewX(-39deg) rotateY(0deg) rotateZ(-10deg);
}*/

.copyRight{
    color: #444;
    text-align: center;
    margin-top: 50px;
}

.footerCap{
    background-color: #444;
    position: relative;
    overflow: hidden;    
}

.footerCapContainer{
    width: 1000px;
    padding: 15px 5px 10px 5px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    z-index: 3;
    position: relative;

}

.footerTriangle{
    width: 41%;
    height: 70px;
    background-color: rgba(255,0,0,1);
    position: absolute;
    bottom: 0;
    z-index: 1;
    right: -110px;
    -webkit-transform: skewX(-60deg) rotateY(0deg) rotateZ(0deg);
    transform: skewX(-60deg) rotateY(0deg) rotateZ(0deg);
}


/* *************** End index.php Styles************************ */

/* *************** Start General Styles************************ */

    hr {
        margin: 30px 0 30px 0;
    }

/* *************** End General Styles************************ */


/* *************** Start home.inc.php Styles************************ */
    

    .homeTB{
        // background-color: #707070;
        padding-top: 60px;
        padding-bottom: 20px;

        background: #adadad; /* Old browsers */
        background: -moz-linear-gradient(top, #545454 0%, #adadad 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #545454 0%,#adadad 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #545454 0%,#adadad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#707070',GradientType=0 ); /* IE6-9 */
    }

    .homeLinks{
        position: relative;
        vertical-align: top;
        width: 300px;
        display: inline-block;

        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .homeLinks.fullWidth{
        width: 100%;
    }

    .homeLinks.fullWidth h3{
        color: white;
    }

    .homeLinks.fullWidth p{
        color: white;
    }
    
    .homeLinks:hover{
        opacity: 0.8;
    }

    .homeLinks.left{
        margin-right: 26px;
    }

    .homeLinks.middle{
        margin: 0;
    }

    .homeLinks.right{
        margin-left: 26px;
    }

    .slantedBG{
        overflow: hidden;
        height: 990px;
/*        border-left: 25px solid white;
        border-right: 25px solid white;*/
        margin-bottom: 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        position: relative;
        vertical-align: top;
        display: inline-block;
        width: 100%;
    }

    .slantedBG:after{
        content: '';
        position: absolute;
        left: 0;
        bottom: -160px;
        overflow: hidden;
        width: 100%;
        height: 280px;
        background: #eee;
        /* z-index: 0; */
        -webkit-transform: skewY(-8deg);
        -moz-transform: skewY(-8deg);
        -ms-transform: skewY(-8deg);
        -o-transform: skewY(-8deg);
        transform: skewY(-8deg);

        box-shadow: 0px -200px 100px rgba(0,0,0,0.7);
    }
    .slantedBG:before{
        content: '';
        position: absolute;
        left: 0;
        top: -160px;
        overflow: hidden;
        width: 100%;
        height: 280px;
        background: #eee;
        /* z-index: 0; */
        -webkit-transform: skewY(-8deg);
        -moz-transform: skewY(-8deg);
        -ms-transform: skewY(-8deg);
        -o-transform: skewY(-8deg);
        transform: skewY(-8deg);

        box-shadow: 0px 200px 100px rgba(0,0,0,0.7);


    }

    .slantedBG .label{
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -o-transform: rotate(-8deg);
        transform: rotate(-8deg);
        width: 460px;
        color: white;
        right: 0;
        bottom: 170px;
        position: absolute;

        z-index: 1;
    }

    .slantedBG .label h2{
        font-size: 100px;
        font-family: 'HelveticaNeue57Ob';
        margin-bottom: 0;
        line-height: 80px;
    }

    .slantedBG .label h1{
        font-size: 100px;
        font-family: 'HelveticaNeue77';
        margin-bottom: 0;
        line-height: 80px;

        -ms-transform: skewX(-10deg);
        transform: skewX(-10deg);
        -webkit-transform: skewX(-10deg);
        letter-spacing: 0.1rem;
    }

    .slantedContainer{
        width: 1280px;
        display: block;
        color: white;
        padding-top: 350px;
        height: 100%;
        margin-right: auto;
        margin-left: auto;
        position: relative;
    }

    .slantedText{
        width: 26%;
        background-color: rgba(0,0,0,0.6);
        padding: 20px;
    }



    .redTriangle{
        width: 50%;
        height: 200px;
        background-color: rgba(255,0,0,0.5);
        position: absolute;
        bottom: 6px;
        left: -150px;

        -webkit-transform: skewX(-39deg) rotateY(0deg) rotateZ(-10deg);
        transform: skewX(-39deg) rotateY(0deg) rotateZ(-10deg);
    }

    .bottomlevel{
        height: 168px;
        margin-bottom: 15px;
    }

    .homeLinksText{
        width: 280px;
        position: absolute;
        bottom: 0;
        color: white;
        /*padding: 10px;*/
        height: 100px;
        background: rgba(0,0,0,0.8);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    }

    .bottomlevel .homeLinksText{
        height: 17px;
    }

    .homeLinksText h1{
        font-family: 'HelveticaNeue77';
        font-size: 23px;
        text-transform: uppercase;
        margin: 0 0 6px 0;
    }

    .homeLinksText p{
        font-family: 'HelveticaNeue57';
        font-size: 18px;
        margin: 0;
    }

    .homeFAD{
        width: 100%;
        height: 317px;
        background-position: -8px -66px;

        -webkit-box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.75);
        box-shadow: inset 0px 3px 5px 0px rgba(0,0,0,0.75);

    }

    .homeFADContainer{
        /*width: 500px;*/
        width: 525px;
        margin-right: auto;
        margin-left: auto;
        padding: 66px 0;
    }

    .homeFADContainer .search{
        width: 410px;
    }

    .homeFADText img{
        display: inline-block;
        margin-top: -7px;
        margin-left: 10px;
        vertical-align: middle;
    }

    .homeFADText h1{
        font-family: 'HelveticaNeue77';
        font-size: 23px;
        text-transform: uppercase;
        display: inline-block;
        margin: 0 0 10px 0;
    }

    .bottomlevel{
        margin: 0 8px 10px 8px;
    }

    .bottomlevel .homeLinksText h1{
        font-size: 15px;
    }

    .homeFADText p{
        font-family: 'HelveticaNeue57';
        font-size: 18px;
        margin: 0;
    }

    #homeSections .subcat_series_name{
        margin-top: 0;
    }

    .availContainer{
        width: 550px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-bottom: 70px;
    }

    .availContainer h1{
        font-size: 20px;
        text-transform: uppercase;
        margin: 0 0 6px 0;
    }

    .availContainer p{
        margin: 0 0 5px 0;
    }

    .bg-img{
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .bg-img .overlay{
        background-color: rgba(0,0,0,0.4);
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        z-index: 2;
    }

    .bg-img .slideInfo{
        position: relative;
        z-index: 3;
    }

    .cd-half-width{
        
        padding-top: 100px !important;
    }

    .FeatureText{
        padding: 4%;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 54%, rgba(229,229,229,0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(54%,rgba(0,0,0,1)), color-stop(100%,rgba(229,229,229,0)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 54%,rgba(229,229,229,0) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 54%,rgba(229,229,229,0) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 54%,rgba(229,229,229,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 54%,rgba(229,229,229,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00e5e5e5',GradientType=0 );
    }

    #homeFeature .cd-hero-slider .cd-img-container img{
        width: 100% !important;
        padding: 7%;
        top: 44%;
    }

    .landingThumb{
        width: 100%;
        height: 100%;
        
        position: relative;

        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;

        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    }

    .landingLink:hover .landingThumb{
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        opacity: 0.6;
    }

    .landingLink.active .landingThumb{
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        opacity: 0.6;
    }

    

    .landingLink{
        width: 33.3333%;
        background-color: #eee;
        display: inline-block;
        position: relative;
        background-color: #f00;
        overflow: hidden;
    }




    .fullWidthWrapper{
        font-size: 0;
        border-top: 25px solid #111;
    }

    .LandingLInkText{
        font-size: 32px;
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
        left: 0;
        top: 0;
        text-shadow: 2px 2px 6px black;
        color: white;
        text-transform: uppercase;
    }
    
    .LandingLInkText h2{
        margin-top: 19%;
    }

    .LandingLInkText h3{
        margin-top: 19%;
    }

    #homeNorcoAthletes{
        margin-top: 60px;
        margin-bottom: 60px;

    }

    #homeNorcoAthletes .subCatThumb{
        padding: 0;
    }


    #homeNorcoAthletes .subCat{
        padding-top: 30px;
        font-size: 0;
        display: inline-block;
        width: 100%;
        padding-bottom: 30px;
        border-bottom: 1px solid #999999;
        margin: 0;
    }




/* *************** End home.inc.php Styles************************ */







/* *************** Start bikes.inc.php Styles************************ */

    .buylocalnow{
        position: absolute;
        top: 20px;
        right: 0;
    }

    .slantedHeader{
        overflow: hidden;
        height: 480px;
/*        border-left: 25px solid white;
        border-right: 25px solid white;*/
        margin-bottom: 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        position: relative;
        vertical-align: top;
        display: inline-block;
        width: 100%;
    }


    .slantedHeader.video{
        height: 680px;
    }

    .slantedHeader:after{
        content: '';
        position: absolute;
        left: 0;
        bottom: -160px;
        overflow: hidden;
        width: 100%;
        height: 280px;
        background: #eee;
        /* z-index: 0; */
        -webkit-transform: skewY(-8deg);
        -moz-transform: skewY(-8deg);
        -ms-transform: skewY(-8deg);
        -o-transform: skewY(-8deg);
        transform: skewY(-8deg);

        box-shadow: 0px -70px 100px rgba(0,0,0,0.5);
    }


    .slantedHeader .label{
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -o-transform: rotate(-8deg);
        transform: rotate(-8deg);
        width: 450px;
        color: white;
        right: 0;
        bottom: 149px;
        position: absolute;
        text-align: right;
        z-index: 1;
        padding-right: 10px;
    }

    .slantedHeader .label.athletes h1{
        padding-right: 17px;
    }

    .slantedHeader .label h2{
        font-size: 100px;
        font-family: 'HelveticaNeue57Ob';
        margin-bottom: 0;
        line-height: 80px;
    }

    .slantedHeader .label h1{
        font-size: 100px;
        font-family: 'HelveticaNeue77';
        margin-bottom: 0;
        line-height: 80px;
        -ms-transform: skewX(-10deg);
        transform: skewX(-10deg);
        -webkit-transform: skewX(-10deg);
        letter-spacing: 0.1rem;
    }

    .slantedHeader .slantedContainer{
        width: 1000px;
        display: block;
        color: white;
        /*padding-top: 350px;*/
        height: 100%;
        margin-right: auto;
        margin-left: auto;
        position: relative;
    }

    .slantedText{
        width: 36%;
        background-color: rgba(0,0,0,0.6);
        padding: 20px;
    }



    .redTriangle{
        width: 50%;
        height: 200px;
        background-color: rgba(255,0,0,0.5);
        position: absolute;
        bottom: 6px;
        left: -150px;

        -webkit-transform: skewX(-39deg) rotateY(0deg) rotateZ(-10deg);
        transform: skewX(-39deg) rotateY(0deg) rotateZ(-10deg);
    }

    .BGVideoWrap{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .BGVideoWrap video{
        display: block;
        min-height: 100%;
        min-width: 100%;
        max-width: none;
        height: auto;
        width: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }


    .actionGalleryWrapper{
        background-color: #212121;
        padding-top: 30px;
        padding-bottom: 30px;
        position: relative;
        width: 100%;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .actionGalleryContainer{
        width: 1000px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
        
/* *************** End bikes.inc.php Styles************************ */

/* *************** Start company.about-norco.inc.php Styles************************ */


.shortLine{
    width: 60%;
    
}
/* *************** End company.about-norco.inc.php Styles************************ */



.half-width-left{
    width: 49%;
    display: inline-block;
    padding-right: 10px;
    vertical-align: top;
}

.half-width-right{
    width: 49%;
    display: inline-block;
    padding-left: 10px;
    vertical-align: top;    
}

/* *************** Start athletes.teams.inc.php Styles************************ */



.riderTable{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
    margin-top: -105px;

}

.riderTable h4{
    margin: 0;
}
.riderTable td{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 10px 0 10px 0;
    vertical-align: middle;

}

.pagePortrait{
    border: 5px solid #eee;
    margin-top: -110px;
}


/* *************** End athletes.teams.inc.php Styles************************ */