﻿.inner-left-bottom
{
    margin-top: 0px;
    margin-left: 0px;
    background: #dadada url("../images/global/left_bottom_bar.jpg") no-repeat;
    width: 34px;
    float: left;
    height: 499px;
}

.field-validation-error,
.validation-message
{
    font-size: 0.7em;
    color: Red;
}

/* =================== Disclaimer Popus ==========================*/

#terms_content
{
    font-size: 0.7em;
}

.ui-dialog-title
{
    color: #FFFFFF;
    font-size: 1em;
    font-weight: normal;
    margin-top: 0;
    text-transform: uppercase;
    font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
}

.ui-dialog .ui-dialog-buttonpane button
{
    background: transparent url(../images/btns/btnBack_whitebc.jpg) no-repeat scroll left top;
    width: 90px;
    height: 24px;
    border: none;
}

/*===================NEWS & EVENTS==========================*/

.common-content
{
    padding-left: 8px;
    padding-right: 0px;
    height: auto;
    width: 860px;
    margin-left: 12px;
}
.common-content h2
{
    color: #8d1d29;
    font-size: 1em;
    margin: 6px 0px 6px 12px;
}

h2
{
    text-transform: uppercase;
    margin-top: 0px;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 1em;
}

.common-title-box
{
    background: url("../images/pages/news_title_box.jpg") no-repeat top left;
    width: 653px;
    height: 41px;
    margin-left: 6px;
    padding: 6px 0px 0px 10px;
    float: left;
}

#common-box-top
{
    background: url("../images/pages/news_box_top.gif") no-repeat bottom left;
    width: 855px;
    height: 11px;
    margin-top: 8px;
}

#common-box
{
    background: #ffffff;
    width: 835px;
    padding: 0px 10px 0px 10px;
    position: relative;
}

#common-box .news-item
{
    padding: 0px 10px 0px 10px;
}


#common-box .news-item .news-date
{
    color: #8d1d29;
    float: left;
    width: 90px;
    font-size: 0.84em;
}
#common-box .news-item .news-title
{
    color: #000;
    font-size: 0.84em;
    padding-bottom: 0px;
}

#common-box .news-item .news-title a
{
    color: #000;
}


#common-box-bottom
{
    background: url("../images/pages/news_box_bottom.gif") no-repeat top left;
    width: 855px;
    height: 11px;
    position: relative;
}


#common-box .news-item .divider
{
    border-top: 1px solid #b2b2b2;
    width: 815px;
    margin-top: 10px;
    height: 1px;
    padding-bottom: 6px;
}

#common-box .news-details
{
    padding: 0px 10px 10px 10px;
    height: auto;
    margin-top: 0px;
    font-size: 0.8em;
}

#common-box .news-details p
{
    margin: 0px 0px 8px 0px;
}

#common-box .news-details h3
{
    margin-top: 0px;
}

#common-box .news-details .news-text
{
    float: left;
    width: 592px;
    margin-right: 8px;
}

#common-box .news-details .news-image
{
    float: right;
    float: left;
    width: 200px;
}
#common-box .news-details .news-image img
{
    width: 215px;
    height: 195px;
    border: 0px;
    cursor: default;
}
#common-box .news-details .date-title
{
    color: #8d1d29;
    margin-bottom: 14px;
}
#common-box .news-details .news-image a.tooltip span
{
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
    width: 130px;
}
#common-box .news-details .news-image a.tooltip:hover span
{
    display: inline;
    position: absolute;
    background: #ffffff;
    border: 1px solid #cccccc;
    color: #6c6c6c;
}


.pager
{
    margin-top: 6px;
    float: right;
    margin-right: 0px;
    font-size: 0.7em;
    width: 200px;
    text-align: right;
}

.pager a
{
    color: #000;
}

.pager .prev
{
    margin-right: 12px;
    float: left;
    width: 55px;
}

.pager .next
{
    margin-right: 0px;
    float: left;
    width: 35px;
}


.pager .number
{
    color: #ff0000;
    margin-right: 5px;
    float: left;
}

.pager .number a
{
    text-decoration: none;
}


.pager .page
{
    float: left;
    color: #000;
    margin-right: 10px;
}



.btn-back
{
    border: 0px;
    float: right;
    margin-right: 2px;
}
.btn-back img
{
    border: 0px;
}


/*==============CONTACT US==========================*/

#common-box .left
{
    float: left;
    width: 500px;
    margin-right: 16px;
}

#common-box .right
{
    float: left;
    width: 300px;
    color: #000;
    font-size: 0.8em;
}

#common-box .left .frmLabel
{
    float: left;
    color: #000;
    font-weight: 600;
    font-size: 0.8em;
    padding: 8px;
    width: 100px;
}
#common-box .left .frmFld
{
    width: 360px;
    float: left;
    padding: 8px;
}

#common-box .left .frmFld .txt
{
    border: 1px solid #000;
    width: 350px;
}
#common-box .left .frmFld .txtm
{
    border: 1px solid #000;
    width: 350px;
}

#common-box .right .red-title-small
{
    color: #b01c2e;
}

#common-box .left .frmFld .btn-clear
{
    background: url("../images/btns/btnClear.jpg") no-repeat top left;
    width: 81px;
    height: 22px;
    border: 0px;
    margin-right: 12px;
}

#common-box .left .frmFld .btn-send
{
    background: url("../images/btns/btnSend.jpg") no-repeat top left;
    width: 81px;
    height: 22px;
    border: 0px;
    margin-right: 4px;
}

.btn-subscribe
{
    background: url("../images/btns/btnSubscribe.jpg") no-repeat top left;
    width: 88px;
    height: 22px;
    border: 0px;
    margin-right: 4px;
}

.mandatory-message
{
    font-size: 0.8em;
    padding-left:8px;
    padding-right: 8px;
    font-weight: normal;
    color: #FF0000;
    margin-bottom: 12px;
}

.mandatory-message ul li
{
    padding-left: 10px;   
}


/*============== Data Capture ==========================*/

#common-box .promo-description p
{
    margin-top: 0px;
    font-size: 0.8em;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 0px;
    padding-bottom: 8px;
}

#common-box .promo
{
    float: left;
    width: 800px;
    margin-right: 16px;
    margin-left: 0px;
}

#common-box .promo .frmLabel
{
    float: left;
    color: #000;
    font-weight: 600;
    font-size: 0.8em;
    padding: 8px 8px 0px 8px;
    width: 200px;
}
#common-box .promo .frmFld
{
    width: 560px;
    float: left;
    padding: 8px;
}

#common-box .promo .frmFld .txt
{
    border: 1px solid #000;
    width: 350px;
}
#common-box .promo .frmFld .txtm
{
    border: 1px solid #000;
    width: 350px;
}


#common-box .promo .frmSubmit .btn-send
{
    background: url("../images/btns/btnSend.jpg") no-repeat top left;
    width: 81px;
    height: 22px;
    border: 0px;
    margin-right: 4px;
}



#common-box .promo .frmSubmit
{
    width: 800px;
    text-align: center;
}

#common-box .promo .frmTerms
{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 0.8em;
}

#common-box .promo .frmTerms span
{
    margin-bottom: 10px;
    margin-top: 0px;
}

#common-box .promo .frmError
{
    color: Red;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 0.8em;
}

#common-box .promo .thankyou
{
    text-align: center;
    margin-left: 0px;
}

#common-box .promo .return-link
{
    text-align: center;
}

/*===================Disclaimer Popup ======================================*/

#disclaimer_popup
{
    background: #DADADA none repeat scroll 0 0;
}

#disclaimer_popup .controls
{
    text-align: center;
    padding-bottom: 20px;
}

/*===================STORE LOCATOR======================================*/

#addressForm
{
    margin-left: 28px;
}

#addressForm h3
{
    color: #b01c2e;
    font-size: 0.8em;
}

#addressForm input
{
    width: 300px;
}

#addressForm .btn-search
{
    border: 0px;
    width: 58px;
    height: 23px;
    background: url("../images/btns/btnSearch.jpg") no-repeat bottom left;
    margin-bottom: 0px;
}

#store-found
{
    padding-top: 8px;
    padding-bottom: 6px;
    font-size: 0.75em;
    color: #000;
    font-weight: 600;
}

.store-listing
{
    border-top: 2px solid #b01c2e;
    padding-top: 8px;
    padding-bottom: 10px;
}

.store-info
{
    float: left;
    color: #000;
    font-size: 0.75em;
    width: 500px;
}
.store-info a
{
    color: #000;
}

.store-type
{
    float: left;
    width: 120px;
}
.store-photo
{
    float: left;
    width: 90px;
}


/*==========================FAQ==========================*/

#common-box .faq-details
{
    padding: 4px 10px 4px 10px;
    height: auto;
    margin-top: 0px;
}

#common-box .faq-details .question
{
    color: #b01c2e;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0px;
}

#common-box .faq-details .answer
{
    font-size: 0.8em;
    margin: 4px 0px 15px 0px;
}


/*==========================PROMOTION=============*/

#common-box .promotion-details
{
    padding: 6px 10px 10px 10px;
    height: 160px;
    margin-top: 0px;
    border-bottom: 1px solid #b8b8b8;
}

#common-box .promotion-details .image
{
    color: #b01c2e;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0px 14px 0px 0px;
    float: left;
}
#common-box .promotion-details .image img
{
    width: 150px;
}

#common-box .promotion-details .overview
{
    font-size: 0.8em;
    float: left;
}
#common-box .promotion-details .overview h3
{
    color: #b01c2e;
    margin-top: 0px;
    margin-bottom: 2px;
}

#common-box .promotion-details .overview a
{
    color: #b01c2e;
}



/*===========================SEARCH RESULTS================*/

.search-result
{
    padding: 0px 10px 10px 10px;
    height: auto;
    margin-top: 0px;
}

.search-result ol
{
    margin-top: 0px;
}

.search-result ol li h2
{
    color: #b01c2e;
    font-weight: bold;
    margin: 0px;
    padding-top: 10px;
}
.search-result ol li h2 a
{
    color: #b01c2e;
}


.search-result li
{
    font-size: 0.8em;
    margin: 0px 0px 4px 0px;
}


.apprentice-article
{
    width: 700px;
}

.apprentice-article .thumb
{
    float: left;
    width: 105px;
    height: 105px;
    text-align: center;
    padding-top: 6px;
    margin-right: 10px;
}

.apprentice-article .title
{
    color: #b01c2e;
}

.apprentice-article .title a
{
    color: #b01c2e;
}


.apprentice-article .overview
{
    margin-top: 6px;
    font-size: 0.8em;
    overflow: hidden;
    height: 40px;
}

.apprentice-article .more
{
    margin-top: 6px;
    border: 0px;
}

.apprentice-article .viewAll
{
    margin-top: 30px;
    width: 60px;
    margin-left: 10px;
    float: left;
}


/*==============YOUR TOOL KIT PAGE======================*/


table.trolley-info
{
    width: 700px;
    font-family: Arial,tahoma;
}
.trolley-info th
{
    color: #b01c2e;
    font-size: 1em;
    text-align: left;
    padding-bottom: 10px;
    font-family: Arial,tahoma;
}

p.trolley-info
{
    color: #B01C2E;
    font-size: 1.4em;
    text-align: center;
    font-family: Arial,tahoma;
}

.trolley-info td
{
    font-size: 0.9em;
    text-align: left;
    border-bottom: 1px solid #999999;
    padding-bottom: 6px;
    font-family: Arial,tahoma;
}
.trolley-info td a
{
    text-decoration: none;
    color: #000;
}


.clear-toolkit
{
    background: url("../images/btns/btnClearToolKit.jpg") no-repeat top left;
    width: 81px;
    height: 22px;
    border: 0px;
}

.remove-toolkit
{
    background: url("../images/btns/btnRemove.jpg") no-repeat top left;
    width: 81px;
    height: 22px;
    border: 0px;
}

input[type='submit']
{
    cursor: pointer;
}


/*========================RESOURCE PAGE==================*/

#common-box .intro
{
    padding-bottom: 8px;
    
}
#common-box .intro p
{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size:0.8em;
}
#common-box ul
{
    list-style-type: none;   
      padding-left:0px;
    margin-left:0px;
    margin-bottom:0px;
    
}

#common-box ul li
{
    padding-bottom: 6px;
    margin-top: 4px;  
     font-size: 0.8em; 
}

#common-box ul li a
{
    color: #8d1d29;
    
}

/*========================RESOURCE PAGE==================*/
.referfriend .frmFld .btn-send
{
    background: url("../images/btns/btnSend.jpg") no-repeat top left;
    width: 81px;
    height: 22px;
    border: 0px;
    margin-right: 4px;
}

/* Refer a friend */

.referfriend 
{
    color: #000;
    
    font-size: 0.8em;
}

.referfriend .frmFld .frmLabel
{
    color: #000;
    font-weight: 600;
    width: 150px;
}

#common-box .referfriend .frmFld
{
    padding: 10px 0px 10px 0px;
}

#common-box .referfriend .txt
{
    margin-left: 20px;
}

#common-box .referfriend-greeting
{
    margin-left: 8px;
    margin-right: 8px;
    font-size:0.8em;
}

#common-box .referfriend .frmFld
{
    margin-left: 8px;
    margin-right: 8px;
}

#common-box .referfriend .frmTerms
{

    margin-left: 0px;
    margin-top: 15px;
    margin-bottom: 20px;
    
}

.referfriend #terms
{
    margin-left: 8px;
    margin-right: 8px; 
}

#common-box .referfriend .mandatory-message
{
    margin-left: 8px;
    margin-right: 8px;
}

#common-box .referfriend .mandatory-message li
{
   font-size: 0.8em;
}

#common-box .referfriend .frmCaptcha
{
    margin-left: 5px;
    margin-right: 8px;
    margin-bottom: 10px;
    
}



#common-box .redemption-complete 
{
    font-size: 0.8em;
    padding-top: 1px;
    padding-bottom: 1px;
}

#common-box .registration-complete 
{
    font-size: 0.8em;
    padding-top: 1px;
    padding-bottom: 1px;
}

#common-box .btn-redeem
{
    background: url("../images/btns/btnRedeem.jpg") no-repeat top left;
    width: 88px;
    height: 22px;
    border: 0px;
    margin-right: 4px;
}





