﻿body
{
    background-position: left top;
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
}

.contentArea
{
    width: 1024px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    background-color:#FFF;
}

.messageBar
{
    border: 1px solid #666666; 
    width: 1024px; 
    height: 18px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;
    font-weight: bold; 
    color: #666666; 
    background-color: #DBFEDA;
}

/* BEGIN Standard rounded corner box */
.roundedcornr_box_439151 
{
}
.roundedcornr_box_439151 .title
{
    position: absolute;
    left: 33px;
    top: 5px;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px; 
    font-weight: bold; 
    color: #FFF;
}
.roundedcornr_top_439151 div 
{
    background: url( '../Images/themes/common/roundedcornr_439151_tl.gif' ) no-repeat top left;
}
.roundedcornr_top_439151 
{
    background: transparent url( '../Images/themes/common/roundedcornr_439151_tr.gif' ) no-repeat top right;
}
.roundedcornr_bottom_439151 div 
{
    background: url( '../Images/themes/common/roundedcornr_439151_bl.gif' ) no-repeat bottom left;
}
.roundedcornr_bottom_439151 
{
    background: transparent url( '../Images/themes/common/roundedcornr_439151_br.gif' ) no-repeat bottom right;
}
.roundedcornr_top_439151 div, .roundedcornr_top_439151,
.roundedcornr_bottom_439151 div, .roundedcornr_bottom_439151 
{
    width: 100%;
    height: 30px;
    font-size: 1px;
}
.roundedcornr_content_439151 
{ 
    margin: 0 30px; 
}
/* END Standard rounded corner box */

/* BEGIN in-process popup */
.popupMessage
{
    position:relative;
    width: 160px;
    top:10px;
    left:170px;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px; 
    font-weight: bold; 
    color: #739f0a;
}
.popupMessage_Ecards
{
    position:relative;
    width: 160px;
    top:10px;
    left:80px;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px; 
    font-weight: bold; 
    color: #739f0a;
}
/* END in-process popup */

.loginPanel
{
    padding: 30px;
}

.instructions
{

}
    .instructions .yellowPaw
    {
        background: url( '../Images/themes/common/yellow_paw.png' ) top left no-repeat;
        width: 23px;
        height: 23px;
        float: left;
    }
    .instructions .instructionText
    {
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 14px; 
        color: #666666; 
    }

/*.validationSummary
{
    position: relative; 
    border: 1px dotted #800000; 
    width: 242px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: bold; 
    color: #666666; 
    background-color: #FFD9D9; 
    list-style-position: inside;
}
    .validationSummary ul
    {
        display: none;
        visibility: hidden;
    }
*/
.errorPanel
{
    position: relative; 
    border: 1px dotted #800000; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: bold; 
    color: #666666; 
    background-color: #FFD9D9;
    text-align:left;
    padding: 10px;
}
.errorIcon
{
    position:relative;
    top: -5px;
    left: -4px;
    background: url( '../Images/error_icon.png' ) top left no-repeat;
    width: 24px;
    height: 24px;    
    float:left;
}

/* BEGIN Pay Page */
.billingInfo
{
    width: 500px;
}
/* END Pay Page */

/*BEGIN Customer Service Page*/
.customerService
{

}
    .customerService .faqs
    {
        position: relative;
        padding: 15px; 
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 14px; 
        color: #666666;
    }
        .customerService .faqs a
        {
            font-family: Arial, Helvetica, sans-serif; 
            font-size: 14px; 
            color: #739f0a;
            text-decoration: underline;
        }
        .customerService .faqs .answer
        {

        }
            .customerService .faqs .answer .answerBullet
            {
                position:relative;
                top:5px;
                background: url( '../Images/themes/common/yellow_bullet.png' ) top left no-repeat;
                width: 7px;
                height: 7px;
                margin: 0 7px 0 0;
                float:left;
            }
            .customerService .faqs .answer .answerTitle
            {
                font-family: Arial, Helvetica, sans-serif; 
                font-size: 13px; 
                font-weight: bold; 
                color: #069688;
            }
    .customerService .supportOptions
    {
        position: relative;
        padding: 15px; 
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 14px; 
        color: #666666;
    }
        .customerService .supportOptions .Btn_MyOrders
        {
            border-style: none;
            width: 357px;
            height: 62px;
            cursor: pointer;
            margin: 0 0 0 0;
            background: url( '../Images/themes/common/Btn_MyOrders.png' ) top left no-repeat;
        }
        .customerService .supportOptions .Btn_Renew
        {
            border-style: none;
            width: 357px;
            height: 62px;
            cursor: pointer;
            margin: 0 0 0 0;
            background: url( '../Images/themes/common/Btn_Renew.png' ) top left no-repeat;
        }
        .customerService .supportOptions .Btn_Pay
        {
            border-style: none;
            width: 357px;
            height: 62px;
            cursor: pointer;
            margin: 0 0 0 0;
            background: url( '../Images/themes/common/Btn_Pay.png' ) top left no-repeat;
        }
        .customerService .supportOptions .Btn_MissedIssue
        {
            border-style: none;
            width: 357px;
            height: 62px;
            cursor: pointer;
            margin: 0 0 0 0;
            background: url( '../Images/themes/common/Btn_MissedIssue.png' ) top left no-repeat;
        }
        .customerService .supportOptions .Btn_Recipients
        {
            border-style: none;
            width: 357px;
            height: 62px;
            cursor: pointer;
            margin: 0 0 0 0;
            background: url( '../Images/themes/common/Btn_Recipients.png' ) top left no-repeat;
        }
        .customerService .supportOptions .Btn_ContactUs
        {
            border-style: none;
            width: 357px;
            height: 62px;
            cursor: pointer;
            margin: 0 0 0 0;
            background: url( '../Images/themes/common/Btn_ContactUs.png' ) top left no-repeat;
        }
/*END Customer Service Page*/

/* BEGIN Account Lookup Page*/
.accountLookup
{
    padding:20px;
}
    .accountLookup .accountInfo
    {
        position:relative;
        width: 400px;
        height: auto;
        float:left;
        margin: 20px;
        padding: 0 0 0 0;
    }
    .accountLookup .accountNum
    {
        position:relative;
        width: 400px;
        display:inline-table;
        margin: 20px;
        padding: 0 0 0 0;
    }
    .accountFound
    {
        position:relative;
        width: 450px;
        margin: 20px;
        padding: 0 0 0 0;
    }
/* END Account Lookup Page*/

/* BEGIN Discount Code Page*/
.discountCode
{
    position: relative;
    width: 400px;
    position:relative;
    padding:20px;
}
.discountCodeResult
{
    position: relative;
    width: 400px;
    position:relative;
    padding:20px;
}
    /*
    .discountCode .accountInfo
    {
        position:relative;
        width: 400px;
        float:left;
        margin: 20px;
    }
    */
/* END Discount Code Page*/

/* BEGIN MyAccount Page */
.accountInfo
{
    margin:20px;
}
    .accountInfo .Button_UpdateAccountInfo
    {
        border-style: none;
        width: 211px;
        height: 47px;
        cursor: pointer;
        margin: 0 0 0 0;
        background: url( '../Images/themes/common/Btn_SaveAccount.png' ) top left no-repeat;
    }
.changePassword
{
    margin:20px;
}
    .changePassword .Button_ChangePassword
    {
        border-style: none;
        width: 211px;
        height: 47px;
        cursor: pointer;
        margin: 0 0 0 0;
        background: url( '../Images/themes/common/Btn_UpdatePassword.png' ) top left no-repeat;
    }
.updateContactInfo
{
    margin:20px;
}
    .updateContactInfo .Button_UpdateContactInfo
    {
        border-style: none;
        width: 211px;
        height: 47px;
        cursor: pointer;
        margin: 0 0 0 0;
        background: url( '../Images/themes/common/Btn_UpdateContactInfo.png' ) top left no-repeat;
    }
/* END MyAccount Page */

/* BEGIN Marketing section */
.marketing
{
    color: #000;
}
    .marketing a
    {
        color: #f7941e;
        font-weight: bold;
        text-decoration: underline;
    }
/* END Marketing section */

.TextBox300
{
    width: 300px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
.TextBox130
{
    width: 130px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
.TextBox190
{
    width: 190px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

.modalPopupBackground
{
    background-color: #221100;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.modalPopupBackgroundClear
{
    background-color: #FFFFFF;
    filter: alpha(opacity=0);
    opacity: 0;
}

.Link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #F4F4F4;
    text-decoration: none;
    font-weight: bold;
}
.Link:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ccff00;
    text-decoration: none;
    font-weight: bold;
}
.Link:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #F4F4F4;
    text-decoration: none;
    font-weight: bold;
}
.Link:active
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #F4F4F4;
    text-decoration: none;
    font-weight: bold;
}
.EditorContentArea
{
    background: Blue;
}
.copyright
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
}
    .copyright a
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
        text-decoration: underline;
    }
    .copyright a:hover
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
    }
.RadioButtonList
{
    margin: 0px;
    border-spacing: 0px;
    empty-cells: hide;
    padding: 0px;
    height: 16px;
}
.RadioButtonList label
{
    margin: 0px;
    border-spacing: 0px;
    empty-cells: hide;
    padding: 0px;
    height: 16px;
}

.Button_Add_Normal
{
    border-style: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin: 0 0 0 0;
    background: url( '../Images/Btn_AddAnother.png' ) top left no-repeat;
}
.Button_Review_Hover
{
    border-style: none;
    width: 200px;
    height: 30px;
    cursor: pointer;
    margin: 0 0 0 0;
    background: url( '../Images/Btn_ContCheckout_Hover.png' ) top left no-repeat;
}
.Button_Remove_Normal
{
    border-style: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin: 0 0 0 0;
    background: url( '../Images/Btn_Remove.png' ) top left no-repeat;
}
.ReviewGridText
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight:bold;
}

/* BEGIN Modal Popup classes*/
.UpdateCartPopup
{
    font-family: Arial;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    width: 330px;
    height: 164;
}
.UpdateAccountInfoPopup
{
    font-family: Arial;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    width: 330px;
    height: 164;
}
.StandByPopup
{
    position:relative;
    font-family: Arial;
    text-align: center;
    color: #FFFFFF;
    font-size: 16px;
    width: 330px;
    height: 164;
}
.standbyMessage
{
    position: absolute; 
    left: 75px; 
    top: 50px; 
    width: 250px; 
    height: auto;
    font-family: Arial;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
}
/* END Modal Popup classes*/
