@font-face
{
    font-family: 'bebas';
    src: url('bebasneue-webfont.eot');
    src: url('bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('bebasneue-webfont.woff') format('woff'), url('bebasneue-webfont.ttf') format('truetype');
}

body
{
    background: #fff;
    font: 12px Arial, Lucida Sans, sans-serif;
    color: #000;
    margin: 0;
    padding: 0;
}

a, a:visited
{
    text-decoration: underline;
    color: #CE0A16;
}

    a:hover
    {
        text-decoration: underline;
        color: #CE0A16;
    }

input, select
{
    padding: 3px;
    margin-bottom: 10px;
    border: 1px solid #CE0A16;
}

    input[type=text]
    {
        width: 260px;
    }

    input[type=radio]
    {
        border: none !important;
    }


select
{
    color: #999999;
    font-style: oblique;
}

.birthdayMonth
{
    Width: 135px;
    margin-right: 15px;
}

.birthdayDay
{
    Width: 60px;
    margin-right: 15px;
}

.birthdayYear
{
    Width: 75px;
}


option
{
    color: #000000;
    font-style: normal;
}

.clear
{
    clear: both;
}

.block
{
    clear:both;
    display: block;
}

.btnSubmit
{
    padding: 4px 8px 4px 8px;
    font-weight: bold;
}

#headerBar
{
    background-color: #E5E5E5;
    font-family: 'bebas', sans-serif;
    font-size: 26px;
    height: 70px;
    line-height: 70px;
    text-transform: uppercase;
    font-weight: normal;
}

.tdHeader
{
    font-family: 'bebas', sans-serif;
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.tdFields
{
    font-size: 16px;
    font-weight: bold;
}

.tyFields
{
    font-size: 14px;
}

.tdChk
{
    font-size: 15px;
}

.Disclaimer
{
    font-size: 12px;
    font-weight: normal;
}

.tdRequired
{
    font-size: 12px;
    color: Red;
    font-style: oblique;
}

.tdPrefHeaders
{
    font-weight: bold;
}

.tdLine
{
    border-bottom: 1px solid #FF0000;
}

#topContentLeft
{
    width: 300px;
    float: left;
}

#topContentRight
{
    float: left;
}

#midContent
{
    margin-top: 15px;
}

#botContent
{
    margin-top: 15px;
}

#footer
{
    margin-top: 20px;
}


.sportContainer
{
    float: left;
    margin-right: 20px !important;
    width: 163px;
    height: 100px;
}

#dirt, #street, #snow, #atv, #bmx
{
    margin: 0px;
    padding: 0px;
    width: 163px;
    height: 65px;
    display: block;
}

#dirt
{
    background: url('../Images/dirt.jpg') no-repeat;
}

#street
{
    background: url('../Images/street.jpg') no-repeat;
}

#snow
{
    background: url('../Images/snow.jpg') no-repeat;
}

#atv
{
    background: url('../Images/atv.jpg') no-repeat;
}

#bmx
{
    background: url('../Images/bmx.jpg') no-repeat;
}

.buttons
{
    margin-top: 50px;
}

.submitButton
{
    border: none;
    background: url('../Images/submitBttn.gif');
    cursor: pointer;
    width: 125px;
    height: 35px;
}

.shopButton
{
    border: none;
    background: url('../Images/continueshoppingBttn.gif');
    cursor: pointer;
    width: 215px;
    height: 35px;
}

 .backButton
    {
        border: none;
        background: url('../Images/gobackBttn.gif');
        cursor: pointer;
        width: 118px;
        height: 35px;
    }

.italics
{
    font-style: italic;
    color: #c1c1c1;
}

/*CHECKBOXES*/

.imgCheckbox > input, .imgRadioCheck > input
{
    display: none;
}

    .imgCheckbox > input + label, .imgRadioCheck > input + label
    {
        height: 24px;
        background: url('../Images/checkboxOff.gif') no-repeat;
        line-height: 30px;
        vertical-align: middle;
        margin: 8px 0px 0px 0px;
        float: left;
        padding: 0px 0px 0px 30px;
        font-family: 'bebas';
        font-weight: normal;
        font-size: 16px;
    }

    .imgCheckbox > input:checked + label, .imgRadioCheck > input:checked + label
    {
        height: 24px;
        background: url('../Images/checkboxON.gif') no-repeat;
        line-height: 30px;
        vertical-align: middle;
        margin: 8px 0px 0px 0px;
        float: left;
        padding: 0px 0px 0px 30px;
        font-weight: bold;
        font-size: 16px;
    }



/*Radio Buttons*/

imageRadio input[type=radio]
{
    display: none;
}

.imageRadio > input[type=radio] + label
{

}

.imageRadio > input[type=radio]:checked + label
{

}

/* ------------------------------------------ */
/*        Validation Error Handling           */
/* ------------------------------------------ */

.inline-error
{
    background: #f6f6f6 url('/images/exclamation.png') 3px center no-repeat;
    border: 1px solid #ddd;
    color: #C22;
    font-size: 10px;
    line-height: 18px;
    margin: 4px 8px 0 8px;
    padding: 3px 8px 4px 24px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.inline-error
{
    margin-left: 8px;
}

div.InlineErrorMessage
{
    background: #900;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: -100px;
    left: -100px;
    width: 120px;
}


/*Mobile Devices*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px), (max-width : 480px)
{
    html
    {
        height: 100%;
    }

    body
    {
        background: #fff !important;
        padding-bottom: 0px !important;
        margin: 0px !important;
        min-height: 0px !important;
    }

    #headerBar
    {
        background-color: #E5E5E5;        
        font-size: 20px;
        height:80px;
    }

    input[type=text], select
    {
        width: 100% !important;
        height: 30px !important;
    }

    #topContentLeft input[type=text] { width: 97% !important;}

    .birthdayMonth
    {
        Width: 135px !important;
        margin-right: 15px !important;
    }

    .birthdayDay
    {
        Width: 60px !important;
        margin-right: 15px !important;
    }

    .birthdayYear
    {
        Width: 75px !important;
    }


    .mobileClear
    {
        clear: both;
    }

    #topContentLeft, #topContentRight, .topContent
    {
        width: 100% !important;
        float: none;
    }

    .sportContainer
    {
        width: 100% !important;
        height: 112px !important;
        margin-top: 15px !important;
        display: block;
    }

        .sportContainer input + label
        {
            width: 40% !important;
        }

    .imgCheckbox > input + label
    {
        margin: 45px 0px 0px 20px !important;
    }

    #dirt, #street, #snow, #atv, #bmx
    {
        margin: 0px;
        padding: 0px;
        width: 122px;
        height: 112px;
        float: left;
        margin-right: 10px;
    }

    #dirt
    {
        background: url('../Images/dirtMobile.jpg') no-repeat;
    }

    #street
    {
        background: url('../Images/streetMobile.jpg') no-repeat;
    }

    #snow
    {
        background: url('../Images/snowMobile.jpg') no-repeat;
    }

    #atv
    {
        background: url('../Images/atvMobile.jpg') no-repeat;
    }

    #bmx
    {
        background: url('../Images/bmxMobile.jpg') no-repeat;
    }

    .submitButton
    {
        border: none;
        display: block;
        background: url('../Images/submitBttn_mobile.gif') no-repeat;
        margin: 0px auto !important;
        cursor: pointer;
        width: 280px !important;
        height: 40px;
    }

    .shopButton
    {
        border: none;
        display: block;
        margin: 0px auto !important;
        background: url('../Images/continueshoppingBttn.gif');
        cursor: pointer;
        width: 215px;
        height: 35px;
    }

     .backButton
    {
        border: none;
        display: block;
        margin: 0px auto !important;
        background: url('../Images/gobackBttn.gif');
        cursor: pointer;
        width: 118px;
        height: 35px;
    }
}