@font-face {
    font-family: 'MontserratRegular';
    src: url('font/Montserrat/montserrat-regular-webfont.eot');
    src: url('font/Montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Montserrat/montserrat-regular-webfont.woff2') format('woff2'),
         url('font/Montserrat/montserrat-regular-webfont.woff') format('woff'),
         url('font/Montserrat/montserrat-regular-webfont.ttf') format('truetype'),
         url('font/Montserrat/montserrat-regular-webfont.svg#MontserratRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GothamNarrowBookRegular';
    src: url('font/GothamNarrowBook/GothamNarrow-Book.eot');
    src: url('font/GothamNarrowBook/GothamNarrow-Book.eot?#iefix') format('embedded-opentype'),
         url('font/GothamNarrowBook/GothamNarrow-Book.woff2') format('woff2'),
         url('font/GothamNarrowBook/GothamNarrow-Book.woff') format('woff'),
         url('font/GothamNarrowBook/GothamNarrow-Book.ttf') format('truetype'),
         url('font/GothamNarrowBook/GothamNarrow-Book.svg#GothamNarrowBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
    font-family: 'GothamNarrowBookRegular';
}

h1{
    font-family: MontserratRegular;
    color:#ff6600;
}

h2 {
    font-family: MontserratRegular;
    color:#ff6600;
    /*font-size: 35px;*/
}

h3 {
    font-family: MontserratRegular;
    color:#ff6600;
}

.bkgroundImgHome{
background-image:url('../Images/Banner/Off_road_1900x1069.png');
background-repeat:no-repeat;
background-size:cover;
background-position:center;
background-attachment: fixed;

}

.bkgroundImgLogin {
background-image:url('../Images/Banner/FF_login_watermark-min.png');
background-repeat:no-repeat;
background-size:cover;
background-position:center;
background-attachment:fixed;
}

.bkgroundImgEarn {
width: 100%;
text-align: center;
background-image:url('../Images/Banner/ITP_Header_Watermark_1900x363.png');
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center; 
}

.bkgroundImgAccount {
background-image:url('../Images/Banner/FF_Account_watermark-min.png');
background-repeat:no-repeat;
background-size:cover;
background-position:center;
background-attachment: fixed;
}

.bkgroundImgRedeem {
background-image:url('../Images/Banner/Redeem watermark.png');
background-repeat:no-repeat;
background-size:cover;
background-position:center;
background-attachment: fixed;
}

.bkgroundImgFooter {
background-image:url('../Images/Banner/Fox Factory, Inc. footer.png');
background-size:cover;
background-position:center;
background-attachment: fixed;
}

.bkgroundImgHeader {
background-image:url('../Images/Banner/Fox Factory, Inc. header.png');
background-repeat:no-repeat;
background-size:cover;
background-position:center;
background-attachment: fixed;
}

.topHeader {
    background-color:white; 
    height:30px;
    font-family:MontserratRegular;
}

.button, .button:visited, .button:focus {
    font-family: MontserratRegular;
    background-color:#ff6600;
    color:white;
    text-decoration:none;
    cursor: pointer;
    padding: 9px;
    box-shadow:none;
    border-radius: 0px;
}

.button:hover{
    background-color:#4e5458;
    color:#8e9091;
    /*box-shadow: 0 1px 9px 0 #595959 inset;*/
}

.button2, .button2:visited, .button2:focus {
    font-family:MontserratRegular;
    background-color:white;
    color:#4e5458;
    text-decoration:none;
    cursor: pointer;
    padding: 9px;
    box-shadow:none;
    border-radius: 0px;
}

.button2:hover{
    background-color:#4e5458;
    color:white;
    /*box-shadow: 0 1px 9px 0 #595959 inset;*/
}

.button3, .button3:visited, .button3:focus {
    font-family: MontserratRegular;
    background-color:#4e5458;
    color:#FFFFFF;
    text-decoration:none;
    cursor: pointer;
    padding: 9px;
    box-shadow:none;
    border-radius: 0px;
}

.button3:hover {
    background-color: #FFFFFF;
    color: #4e5458;
}

.buttonRedeemRewards, .buttonRedeemRewards:visited, .buttonRedeemRewards:focus {
    font-family: MontserratRegular;
    background-color:#4e5458;
    color:#FFFFFF;
    height: 120px;
    width: 120px;
    text-decoration:none;
    font-size:medium;
    box-shadow:none;
}

.buttonRedeemRewards:hover{
    background-color:#FFFFFF;
    color: #4e5458;
}

.buttonRedeemAccountCredits, .buttonRedeemAccountCredits:visited, .buttonRedeemAccountCredits:focus {
    font-family: MontserratRegular;
    background-color:#ff6600;
    color:white;
    height: 120px;
    width: 120px;
    text-decoration:none;
    font-size:medium;
    box-shadow:none;
}

.buttonRedeemAccountCredits:hover{
    background-color:#4e5458;
    color:#8e9091;
}


.redeemItemsInHouseTop {
    text-align: center;
    margin: 5px;
    padding: 15px;
    border-width: 1px;
    border-style: solid solid none solid;
    border-color: silver;
}

.redeemItemsInHouseBottom {
    text-align: center;
    border-width: 1px;
    border-top: 0px;
    border-style: solid solid none solid;
    border-color: silver;
    margin: 5px;
    margin-top: -6px;
    border-bottom: 1px solid silver;
    min-height:125px;
}

.topMenuLinks, .topMenuLinks:visited {
    font-family: MontserratRegular;
    color:#FFFFFF;
    margin-left:0.6rem;
    text-decoration:none;
}

    .topMenuLinks:hover {
        color:#FF6600;
    }

.mainMenuLinks, .mainMenuLinks:visited {
    font-family: MontserratRegular;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
}

.bkgroundMainMenu{
    background-color:#4e5458;
    background-size:cover;
}

    .mainMenuLinks:hover {
        color:#FF6600;
    }

.catLink, .catLink:visited {
    color: #000000;
    text-decoration: none;
}
    .catLink:hover {
        color: #000000;
        text-decoration: underline;
    }

.noLinkUnderline {
    text-decoration:none;
}

.regLinks, .regLinks:visited, .regLinks:focus {
    color:#ff6600;
    text-decoration:none;
}

    .regLinks:hover {
        color:#8e9091;
    }

.regLinksWhite, .regLinksWhite:visited, .regLinksWhite:focus {
    color:#FFFFFF;
    text-decoration:none;
}

    .regLinksWhite:hover {
        color:#ff6600;
    }

.regLinksRed, .regLinksRed:visited {
    color:red;
    text-decoration:none;
}

    .regLinksRed:hover {
        color:#003594;
    }

.itemhover {
    border: 1px solid #F1F1F1;
    display: inline-block;
}

.footerLinks, .footerLinks:visited {
    font-family: MontserratRegular;
    font-weight:bold;
    font-size:larger;
    color:#ff6600;
    text-decoration:none;
    margin-right: 0.6rem;
}

    .footerLinks:hover {
        color:#FFFFFF;
    }

.footerText {
    text-align: center;
    margin-top:8px;
}


.abouta {
    color: #000;
    outline: none;
    text-decoration:none;
}


    .abouta:hover {
        color: #666;
    }

.a-top, .a-top:visited {
    font-weight: bold;
    color: black;
    vertical-align: top;
    vertical-align: text-top;
    text-decoration:underline;
}

    .a-top:hover {
        font-weight: bold;
        color: black;
    }

.titleBox
{
    background-color: #fff;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 3px groove lightgray;
}

.titleBoxLight
{
    background-color: transparent;
    padding: 2px;
    border-bottom: 1px solid #000000;
}

.float-left-form {
    float: left;
}

.clear-fix {
    clear:both;
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
    font-size: 0.8rem;
}

.tableHeaders {
    background-color:#02548e; 
    color:#FFFFFF;
    font-weight: bold;
}

.altBackground1 {
    background-color: #f4f4f4;
    color: #5B5B5B;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight:bold;
}

.altBackground2 {
    background-color: #FFFFFF;
    color: #5B5B5B;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight:bold;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1em;
}

.fontRedColor {
    color:#ee3a43;
}

.fileUpload {
    max-width: 560px;
}

.calendar {
    background-color: #FFFFFF;
}

.search {
    width: 25px;
    max-width: 25px;
    border: none;
    margin-top: 4px;
    margin-left: -15px;
}

.accountTier {
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: bold;
    border-right:solid 2px white;
}

.accountTierFarRight {
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: bold;
}

.accountTierText {
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: bold;
}

.rowWrapHeight {
    overflow:hidden;
}

.lockImg {
    margin-top: -8px;
    max-height: 16px;
}

p + ul {
    margin-top: -15px;
}

.promologo {
    max-height:180px;
    padding-top:20px;
}

/**************************/
/* PRIVACY PAGE ACCORDION */
/**************************/
.accordion-title {
    font-size:medium;
    font-weight:bold;
    color:#000000 !important;
    text-decoration:none;
}

.accordion-title a {
    font-size:medium;
    font-weight:bold;
    color:#000000 !important;
    text-decoration:none;
}

.accordion-title a:visited {
     color:#000000 !important;
}

.accordion-title a:hover {
     color:#000000 !important;
}

.accordion-title:visited {
     color:#000000 !important;
}

.accordion-title:hover {
     color:#000000 !important;
}

/**************************/
/* POPUP BACKGROUND STYLE */
/**************************/
.modalPopupExtenderBackground {
    height: 100%;
    background-color: #EBEBEB;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/*th {
    background-color: #b7b7b7 !important;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#b7b7b7),to(#b7b7b7)) !important;
    background-image: -webkit-linear-gradient(top,#b7b7b7,#b7b7b7) !important;
    background-image: -moz-linear-gradient(top,#b7b7b7,#b7b7b7) !important;
    background-image: -ms-linear-gradient(top,#b7b7b7,#b7b7b7) !important;
    background-image: -o-linear-gradient(top,#b7b7b7,#b7b7b7) !important;
    background-image: linear-gradient(to bottom,#b7b7b7,#b7b7b7) !important;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset !important;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset !important;
    border-top: 0 !important;
    
}*/