/* forms.css
   CSS used for custom forms 
*/


form
{
    margin: 0px;
    padding: 0px;
}
.padForm
{
    display: block;
    clear: both;
    height: 20px;
}


/* Form - Generic form
*/
.form
{
    display: block;
}
.form .textInput
{
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: block;
}
.form .textInput input
{
    border: 0px;
    background-color: transparent;
    font-size: 0.63em;
    color: #7f7e7e;
    margin: 1px 0px 2px 10px;
    line-height: 12px;
}
.form .textArea textarea
{
    border: 0px;
    background-color: transparent;
    color: #7f7e7e;
    display: block;
    font-size: 0.69em;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    overflow-y: scroll;
}

.competitionformItem .textArea textarea
{
    border: 0px;
    background-color: transparent;
    color: #7f7e7e;
    display: block;
    font-size: 1em;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    overflow-y: scroll;
}


.topNavColumn .loginForm .textInput span
{
    position: absolute;
    top: 20px;
    font-size: 0.63em;
}

.mainContent .form span
{
    /*   font-size: 0.83em; */
    margin-bottom: 5px;
    display: block;
}

/* Form - login form (Top navigation)
*/
.form.loginForm
{
    width: 380px;
    height: 31px;
    display: block;
}
.form.loginForm .textInput, .form.loginForm a
{
    float: left;
    margin-right: 5px;
}
.form.loginForm a
{
    font-size: 0.63em;
    color: #ffffff;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 1px;
}
.form.loginForm a:hover
{
    text-decoration:none;
}
.form.loginForm label
{
    display: none;
}

/* Form - search form (Top navigation)
*/
.form.searchForm
{
    width: 160px;
    height: 50px;
    display: block;
    float: right; /* to remove */
}
.form.searchForm .textInput, .form.searchForm a
{
    float: left;
    margin-right: 5px;
}
.form.searchForm a
{
    display: block;
    width: 39px;
    height: 17px;
    float: left;
    background-image: url("../images/forms/btn_go.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-decoration: none;
    margin-top: 0px !important;
}
.form.searchForm a:hover
{
    background-image: url("../images/forms/btn_go_rollover.png");
    background-position:0px !important;
}
.form.searchForm label
{
    display: none;
}

/* Form - Home help form
*/
.form.productSelectForm.noTopBottomMargin
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.form.helpHomeForm label, .form.productSelectForm label
{
    font-size: 0.69em;
    display: block;
}
.form.helpHomeForm select, .form.productSelectForm select
{
    width: 175px;
    padding: 1px;
    font-size: 0.69em;
    border: 1px solid #a5acb2;
    color: #7f7f7f;
    display: block;
}
.form.helpHomeForm p
{
    border-top: 1px solid #dfdcdc;
    width: 100%;
    font-size: 0.69em;
    margin-top: 20px;
    padding-top: 15px;
    margin-bottom: 10px;
    color: #ffffff;
}

/* Form - Product Search form (dark)
*/
.form.productSearchDark
{
    display: block;
    padding: 5px 0px 23px 0px;
}

.form.productSearchDark label
{
    font-size: 0.69em;
    display: block;
    color: #ffffff;
    padding: 7px 0px 7px 0px;
}

.form.productSearchDark .textInput
{
    float: left;
    width: 95px;
    background-image: url("../images/forms/textinput_productsearch.gif");
}
.form.productSearchDark a
{
    float: left;
    margin-right: 5px;
    display: block;
    width: 39px;
    height: 17px;
    float: left;
    background-image: url("../images/forms/btn_go_dark.gif");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-decoration: none;
    margin-top: 0px !important;
}
.form.productSearchDark a:hover
{
    background-position: 0px -17px;
}

/* Form - Product Search form (dark)
*/
.form.productSearchWhite
{
    display: block;
    padding: 5px 0px 23px 0px;
}
.form.productSearchWhite .textInput
{
    float: left;
    width: 112px;
    background-image: url("../images/forms/textinput_search.gif");
}
.form.productSearchWhite a
{
    float: left;
    margin-right: 5px;
    display: block;
    width: 39px;
    height: 17px;
    float: left;
    background-image: url("../images/forms/btn_go.gif");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-decoration: none;
    margin-top: 0px !important;
}
.form.productSearchWhite a:hover
{
    background-position: 0px -17px;
}
.form.productSearchWhite a span
{
    visibility: hidden;
}

/* Form - help home form
*/
.form.helpHomeForm label
{
    color: #ffffff;
    margin-top: 9px;
    margin-bottom: 5px;
}
.form.helpHomeForm select
{
    margin-bottom: 5px;
}

/* Form - product Select form
*/
.form.productSelectForm
{
    margin-top: 20px;
}
.form.productSelectForm label
{
    color: #656565;
    margin-top: 9px;
    margin-bottom: 5px;
}
.form.productSelectForm select
{
    margin-bottom: 15px;
    float:left;
}
.form.productSelectForm p
{
    color: #656565;
    font-size: 0.69em;
    margin-top: 9px;
    margin-bottom: 5px;
}

p.productSelectCopy
{
    color: #656565;
    font-size: 0.69em;
    margin-top: 9px;
    margin-bottom: 5px;
}


.form.productSelectForm .separator, .productResultsSelectorSeparator
{
    clear: both;
    margin: 20px 0px;
    padding: 10px 0px 10px 0px;
    display: block;
    border-top: 1px solid #dfdcdc;
    border-bottom: 1px solid #dfdcdc;
    height: 100%;
}


/* Form - Product Select form
*/
.form.sideSearch
{
    padding: 10px 10px 15px 10px;
}
.form.sideSearch .heading
{
    width: 71px;
    height: 28px;
    background-image: url("../images/forms/side_search.gif");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
}
.form.sideSearch .heading span
{
    visibility: hidden;
}
.form.sideSearch label
{
    display: none;
}

/* Form - Product Selector form
*/
.form.sideSelector
{
    padding: 20px 8px 20px 8px;
}
.form.sideSelector .heading
{
    width: 119px;
    height: 34px;
    background-image: url("../images/forms/side_notsure.gif");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
}
.form.sideSelector .heading span
{
    visibility: hidden;
}
.form.sideSelector p
{
    font-size: 0.69em;
    color: #656565;
    margin: 0px;
    padding: 0px 0px 5px 0px;
}


/*
*/
.form.generic
{
    padding: 20px 8px 20px 15px;
}
.form.generic.noTopSpacing
{
    padding-top: 0px;
    margin-top: 0px;
}
.form.generic .formItem
{
    display: block;
    width: auto;
    padding: 0px 10px 10px 0px;
    float: left;
}
.form.generic .formItem .textInput, .form.generic .formItem select
{
    clear: both;
}
.form.myAccountLogin .formItem
{
    display: block;
    width: auto;
    padding: 0px 10px 2px 0px;
    float: left;
    font-size: 11px;
}
.form.generic .formItem label, .form.myAccountLogin .formItem label
{
    color: #7f7e7e;
    display: block;
    margin: 0px 0px 2px 0px;
}
.form.generic .formItem label
{
    font-size: 0.69em;
    float: left;
}


.resellerCheckbox input
{
    float:left;
}

.resellerCheckbox label
{
    float:left;
    padding:2px 10px 0px 5px;
}
 

.formItem p
{
     color: #7f7e7e;
     font-size: 0.69em;
}

.form.generic br
{
    clear: both;
    width: 100%;
    display: block;
    height: 10px;
    font-size: 1px;
    overflow: hidden;
}
.form.myAccountLogin .linkItem
{
    display: block;
    padding: 10px 10px 12px 0px;
    float: left;
}
.form.myAccountLogin .linkItem.forgotButton
{
    width: 128px;
}
.form.myAccountLogin .linkItem.loginButton
{
    text-align: right;
    width: 90px;
}
.form.myAccountLogin .linkItem.loginButton a
{
    margin-left: auto;
}



.form.myAccountLogin
{
    padding: 5px 8px 10px 15px;
}
.form.myAccountLogin h3
{
    margin: 8px 0px 0px 0px;
    padding: 0px;
    font-size: 1em;
    color: #414141;
}


#zip_PasswordToggleButton
{
    padding-bottom:20px;    
}

#zip_PasswordToggleButton a
{
    font-size: 0.75em;
    color: #7F7E7E;
}

#zip_PasswordToggleButton a:hover
{
    color: #619EDD;
}

/* Text input elements
*/
.textInput
{
    width: 88px;
    height: 18px;
    background-image: url("../images/forms/textinput_login.png");
}
.textInput input
{
    width: 70px;
}
.textInput.searchInput
{
    width: 112px;
    height: 17px;
    margin-right: 0px !important;
    background-image: url("../images/forms/textinput_search.png");
}
.textInput.searchInput input
{
    width: 94px;
}
.textInput.searchSideInput
{
    width: 111px;
    height: 17px;
    margin-right: 0px !important;
    background-image: url("../images/forms/textinput_search_side.gif") !important;
    margin-bottom: 7px;
}
.textInput.searchSideInput input
{
    width: 93px;
}





.textInput.mediumInput
{
    width: 128px;
    height: 17px;
    margin-right: 0px !important;
    background-image: url("../images/forms/textinput_medium.gif");
}
.textInput.mediumInput input
{
    width: 110px;
}
.textInput.shortInput input
{
    width: 80px;
}
.textInput.longInput
{
    width: 168px;
    height: 17px;
    margin-right: 0px !important;
    background-image: url("../images/forms/textinput_long.gif");
}

.textInput.loginInput
{
    width: 115px;
    height: 17px;
    margin-right: 0px !important;
    background-image: url("../images/forms/textinput_login_landing.gif");
}
.textInput.loginInput input
{
    width: 90px;
    font-size: 11px !important;
}



.textInput.longInput input
{
    width: 150px;
}

.textArea.default
{
    width: 242px;
    height: 79px;
    background-image: url("../images/forms/textarea_default.gif");
    background-repeat:no-repeat;
}
.textArea.default textarea
{
    width: 234px;
    height: 79px;
    padding: 0px 0px 0px 6px;
}
.select
{
    padding: 1px;
    font-size: 0.69em;
    border: 1px solid #a5acb2;
    color: #7f7f7f;
    display: block;
}
.select.default
{
    width: 175px;
}
.checkBox
{
    display: block;
}
.checkBox input
{
    float: left;
}
.checkBox label
{
    float: left;
    padding: 2px 0px 0px 10px;
    clear: right;
}


/* Radio group
*/
.radioGroup
{
    width: 100%;
    display: block;
    clear: both;
}
.radioGroup span
{
    font-size: 0.69em;
    color: #7f7e7e;
    display: block;
    float: left;
    padding: 1px 10px 0px 0px;
}
.radioGroup label
{
    float: left;
    padding: 1px 5px 0px 0px;
}
.radioGroup input
{
    float: left;
}


/* Date Input
*/
.dateInput
{
    display: block;
    width: auto;
}
.dateInput div
{
    display: block;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    float: left;
    height: 17px;
}
.dateInput span
{
    display: block;
    float: left;
    padding: 0px 5px;
    color: #7f7e7e;
}
.dateInput .short
{
    width: 34px;
    background-image: url("../images/forms/textinput_date_short.gif");
}
.dateInput .medium
{
    width: 41px;
    background-image: url("../images/forms/textinput_date_medium.gif");
}
.dateInput div input
{
    border: 0px;
    background-color: transparent;
    color: #7f7e7e;
    padding: 2px 0px 0px 8px;
    font-size: 0.75em;
}
.dateInput .short input
{
    width: 24px;
}
.dateInput medium input
{
    width: 31px;
}


/* Form buttons
*/
a.button
{
    display: block;
    height: 17px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-decoration: none;
}
a.button:hover
{
    background-position: 0px -17px;
}
a.button span
{
    visibility: hidden;
}

a.button.goLightButton
{
    width: 40px;
    background-image: url("../images/forms/btn_go_light.gif");
    margin-top: 0px !important;
}

a.button.loginButton
{
    width: 49px;
    background-image: url("../images/forms/btn_login.png");
    margin-top: 0px !important;
}

a.button.loginButton:hover, .myAccountLight .panelTop .panelBottom .myAccountLogin a.button.loginButton:hover
{
	background-image: url("../images/forms/btn_login_rollover.png");
	background-position:0px !important;
}

.myAccountLight .panelTop .panelBottom .myAccountLogin a.button.loginButton
{
    width: 49px;
    display: block;
    float: left;
    background-image: url("../images/forms/btn_login.png");
    margin-top: 0px !important;
}




a.button.productSelectorDark
{
    width: 97px;
    background-image: url("../images/forms/btn_productselector_dark.gif");
}
a.button.productSelectorLight
{
    width: 97px;
    background-image: url("../images/forms/btn_productselector_light.gif");
}
a.button.contactUsLight
{
    width: 75px;
    background-image: url("../images/forms/btn_contactus_light.gif");
}
a.button.applyButton
{
    width: 50px;
    background-image: url("../images/forms/btn_apply.gif");
}
a.button.viewButton
{
    width: 46px;
    background-image: url("../images/forms/btn_view.gif");
}
a.button.findPartsButton
{
    width: 69px;
    background-image: url("../images/forms/btn_findparts.gif");
}
a.button.goToMyAccountButton
{
    width: 105px;
    background-image: url("../images/forms/btn_gotomyaccount.gif");
}
a.button.submitButton
{
    width: 55px;
    background-image: url("../images/forms/btn_submit.gif");
}

a.button.enterSiteButton
{
    width: 55px;
    background-image: url("../images/forms/btn_entersite.gif");
}


.error
{
    display: block;
    float: left;
    width: auto;
    padding-left: 2px;
    font-size: 0.69em;
    color:#ff0000;
}
.errorSummary
{
    display: block;
    padding-bottom: 10px;
    clear: both;
}
.errorSummary ul
{
    margin: 0px;
    padding: 0px;
    clear: both;
}
.errorSummary ul li
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 0.69em;
}


.divGoogleException
{
    color:Red;
    padding-bottom: 20px;
    display: block;
    float: left;
    width: auto;
    font-size: 0.69em;
}