@import url("global.css");

body {
    background-color: #e8e0d6;
    color: #333;
    font: normal 13px Arial;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

th, td, input, textarea, select {
    font: normal 13px Arial;
    line-height: 18px;
}

th {
    font: bold 14px Arial;
}


hr {
    border: 0;
    border-top: 1px solid #999;
    height: 0;
}

img {
    border: none;
}

a, a:visited, a:active {
    color: #4ca4c3;
    text-decoration: none;
}

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


ul.highlighted {
    font: normal 13px Arial;
    line-height: 18px;
    margin: 0 0 0 15px;
    padding: 0;
}


#containerMain {
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1057px;
}

#containerTop {
    border-top: solid 5px #9873ab;
    position: relative;
    text-align: center;
}

#incentiveDiscount {
    -khtml-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    background: #FCB516;
    border: 3px solid #9873AB;
    border-radius: 0 0 5px 5px;
    border-top: 0 none;
    color: #444;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    padding: 8px 10px;
}

    #incentiveDiscount > span {
        font-weight: bold;
    }

#signup {
    background-color: #9873ab;
    padding: 5px 0 0 0;
    width: 100%;
}

    #signup a {
        color: #fff;
        font: normal 10px Arial;
        text-decoration: none;
    }

        #signup a:hover {
            color: #AAA;
        }

#topOptions {
    position: absolute;
    right: 20px;
    top: 0;
}

    #topOptions a {
        color: #FFF;
        font-size: 10px;
        text-decoration: none;
    }

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

#topLinks {
    -khtml-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    background-color: #9873ab;
    border-radius: 0 0 5px 5px;
    color: #FFF;
    font: normal 10px arial;
    height: 16px;
    padding: 4px 8px;
    vertical-align: middle;
    white-space: nowrap;
}

.containerHeader {
    background-image: url(images/headerBG_deals.png);
    background-repeat: no-repeat;
    height: 176px;
    margin: -20px 0 0 0;
    position: relative;
    text-align: center;
    width: 1078px;
}

.containerHeaderGetaway {
    background-image: url(images/headerBG_deals.png);
    background-repeat: no-repeat;
    height: 176px;
    margin: -20px 0 0 0;
    position: relative;
    text-align: center;
    width: 1078px;
}

.containerHeaderRewards {
    background-image: url(images/headerBG_deals.png);
    background-repeat: no-repeat;
    height: 176px;
    margin: -20px 0 0 0;
    position: relative;
    text-align: center;
    width: 1078px;
}

.containerHeaderBlowout {
    background-image: url(images/headerBG_deals.png);
    background-repeat: no-repeat;
    height: 176px;
    margin: -20px 0 0 0;
    position: relative;
    text-align: center;
    width: 1078px;
}

#header_communityPartner_unknown {
    background-image: url(images/header_cp_unknown.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 100px;
    margin: 25px 0 0 0;
    width: 290px;
}

    #header_communityPartner_unknown a {
        display: inline-block;
        margin: 55px 0 0 100px;
    }

#header_communityPartner_school {
    background-image: url(images/header_cp_school.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 100px;
    margin: 25px 0 0 -50px;
    text-align: left;
    width: 290px;
}

    #header_communityPartner_school div {
        color: #666666;
        font: bold 15px Arial;
        left: 80px;
        position: relative;
        top: 40px;
        width: 290px;
    }

    #header_communityPartner_school a {
        display: inline-block;
        font: normal 10px Arial;
        left: 0;
        position: absolute;
        top: 20px;
    }

#header_communityPartner_charity {
    background-image: url(images/header_cp_charity.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 100px;
    margin: 25px 0 0 -50px;
    text-align: left;
    width: 290px;
}

    #header_communityPartner_charity div {
        color: #666666;
        font: bold 16px Arial;
        left: 75px;
        position: relative;
        top: 40px;
        width: 290px;
    }

    #header_communityPartner_charity a {
        display: inline-block;
        font: normal 10px Arial;
        left: 0;
        position: absolute;
        top: 20px;
    }

#header_nav {
    margin: 20px 0 0 35px;
}

#marketSelector {
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #9873AB;
    background-image: url(images/arrow-down.png);
    background-position: 225px 9px;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    float: left;
    font: normal 14px Arial;
    padding: 7px 9px;
    width: 230px;
}

    #marketSelector #body {
        color: #fff;
        font: normal 14px Arial;
        overflow: hidden;
        white-space: nowrap;
        width: 210px;
    }

#marketSelector_modal {
    -moz-border-radius: 5px;
    background-color: #9873ab;
    border-radius: 5px;
    display: none;
    margin: 23px 0 0 0;
    position: absolute;
    width: 260px;
    z-index: 999;
}

#marketSelector_modal_close {
    color: #fff;
    cursor: pointer;
    cursor: pointer;
    float: right;
    font: bold 9px Arial;
    padding: 5px;
    position: relative;
}

#marketSelector_modal td {
    color: #fff;
    font: normal 14px Arial;
    line-height: 18px;
}

#marketSelector_modal div {
    border-bottom: dashed 1px #fff;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    text-transform: uppercase;
}

#marketSelector_modal a {
    color: #fff;
    display: block;
    padding: 2px 0 0 0;
}

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


#containerBody {
    border-bottom: solid 5px #2871ad;
    padding: 20px 35px 0 35px;
}

#bodyHolder {
    min-height: 300px;
    width: 100%;
}

#bodyLeft {
    font: normal 13px Arial;
    line-height: 16px;
    padding: 0 20px 20px 0;
    vertical-align: top;
    width: 99%;
}

#bodyRight {
    border-left: dashed 1px #bebebe;
    font: normal 13px Arial;
    line-height: 16px;
    padding: 0 0 20px 20px;
    vertical-align: top;
    width: 1%;
}

#containerFooter {
    background-color: #e8e0d6;
    color: #666;
    font-size: 9px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0 5px 0;
    position: relative;
    width: 1057px;
}

    #containerFooter td {
        font-size: 11px;
        line-height: normal;
    }

    #containerFooter a {
        color: #666;
    }

        #containerFooter a:hover {
            color: #333;
        }

    #containerFooter ul {
        list-style-type: none;
        margin: 0;
        padding: 0 0 0 0;
    }

    #containerFooter li {
        padding: 3px 0 0 0;
    }


#dealHolder {
    padding: 0 0 0 0;
    width: 100%;
}

#dealLeft {
    padding: 3px 0 0 0;
    vertical-align: top;
    width: 1%;
}

#dealRight {
    padding: 0 10px 0 15px;
    vertical-align: top;
    width: 99%;
}

.dealTitle {
    color: #b29876;
    font: normal 32px Arial;
    line-height: 36px;
}

.dealSubTitle {
    color: #666666;
    font: bold 18px Arial;
    line-height: 36px;
}


.dealTabs {
    float: left;
    margin: 0 0 0 0;
    width: 520px;
}

#dealTabsTop {
    float: left;
    margin: 0 0 0 0;
    z-index: -1;
}

    #dealTabsTop ul {
        list-style: none;
        margin: 0 0 0 0;
        padding: 0;
    }

    #dealTabsTop li {
        background-color: #eaeaea;
        cursor: pointer;
        float: left;
        font: bold 13px "Trebuchet MS";
        margin: 0 4px 0 0;
        padding: 10px 0 10px 0;
        text-align: center;
        width: 125px;
    }

        #dealTabsTop li:hover {
            background-color: #fff;
            color: #9873ab;
        }

            #dealTabsTop li:hover a {
                color: #9873ab;
            }

    #dealTabsTop ul a {
        color: #666;
    }

    #dealTabsTop a:hover {
        color: #9873ab;
        text-decoration: none;
    }

    #dealTabsTop .current {
        background-color: #fff;
    }

        #dealTabsTop .current a {
            color: #9873ab;
        }

            #dealTabsTop .current a:hover {
                color: #666;
            }

#dealTabDetails {
    padding: 10px 10px 0 0;
}

.dealTab_on {
    color: #9873ab;
    cursor: pointer;
    float: left;
    font: bold 13px "Trebuchet MS";
    height: 30px;
    margin: 15px 10px 0 0;
    padding: 15px 0 0 0;
    text-align: center;
    width: 120px;
}

    .dealTab_on a {
        color: #9873ab;
    }

        .dealTab_on a:hover {
            color: #666;
        }

.dealTab_off {
    background-color: #eaeaea;
    color: #666;
    cursor: pointer;
    float: left;
    font: bold 13px "Trebuchet MS";
    height: 30px;
    margin: 15px 10px 0 0;
    padding: 15px 0 0 0;
    text-align: center;
    width: 120px;
}

    .dealTab_off a {
        color: #666;
    }

        .dealTab_off a:hover {
            color: #9873ab;
        }

.dealTab_content {
    clear: both;
    padding: 15px 0 0 0;
}

.dealBuy_holder {
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-box-shadow: 3px 2px 4px #999;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 3px 2px 4px #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#C7E473), to(#9BC52A));
    background: -moz-linear-gradient(top, #C7E473, #9BC52A);
    background-color: #9BC52A;
    border-radius: 2px;
    bottom: 2px;
    box-shadow: 3px 2px 4px #999;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7E473', endColorstr='#9BC52A');
    height: 73px;
    margin-top: 6px;
    position: relative;
    right: 2px;
    width: 232px;
}

.dealBuy_price {
    -khtml-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    background-color: #9873AB;
    border-radius: 2px 0 0 2px;
    color: #FFF;
    display: table-cell;
    float: left;
    font: bold 36px Arial;
    height: 58px;
    padding-top: 15px;
    text-align: center;
    vertical-align: middle;
    width: 116px;
}

.dealBuy_sign {
    display: inline;
    font: bold 16px Arial;
    position: relative;
    top: -13px;
}

.dealBuy_priceCents {
    display: inline;
    font: bold 16px Arial;
    position: relative;
    top: -13px;
}

.dealBuy_arrow {
    border-color: transparent transparent transparent #9873AB;
    border-style: solid;
    border-width: 16px;
    height: 0;
    left: 116px;
    position: absolute;
    top: 22px;
    width: 0;
}

.dealBuy_buttonLink, .dealBuy_buttonLink:hover, .dealBuy_buttonLink:visited {
    color: #FFF;
    display: inline-block;
    font: bold 36px Arial;
    height: 58px;
    padding-left: 25px;
    padding-top: 15px;
    text-decoration: none;
    width: 91px;
}

.modalBuy_sign {
    display: inline;
    font: bold 9px Arial;
    position: relative;
    top: -8px;
}

.timeLeft_header {
    color: #999;
    font: normal 16px Arial;
    padding: 15px 0 0 0;
    text-align: center;
}

.timeLeft_detail {
    color: #666;
    font: normal 20px Arial;
    padding: 5px 0 5px 0;
    text-align: center;
}

.timeLeft_bought {
    border-bottom: dashed 1px #bebebe;
    color: #666;
    font: normal 20px Arial;
    padding: 0 0 15px 0;
    text-align: center;
}

.value_holder {
    border-bottom: dashed 1px #bebebe;
    padding: 15px 0 15px 0;
    width: 100%;
}

    .value_holder td {
        width: 50%;
    }

.value_header {
    color: #999;
    font: normal 16px Arial;
    text-align: center;
}

.value_detail {
    color: #666;
    font: normal 20px Arial;
    padding: 5px 0 0 0;
    text-align: center;
}

.share {
    border-bottom: dashed 1px #bebebe;
    color: #999;
    font: normal 14px Arial;
    padding: 15px 0 15px 10px;
    text-align: center;
}

.location_holder {
    padding: 15px 0 0 0;
}

.location_title {
    color: #666;
    font: normal 16px Arial;
    padding: 0 0 5px 0;
}

.location_address {
}

.moreDeals {
    border-bottom: dashed 1px #bebebe;
    margin: 0 0 10px 0;
    padding: 15px 0 25px 0;
    width: 100%;
}

.moreDeals_title {
    color: #b29876;
    font: normal 20px Arial;
    line-height: 26px;
}

.moreDeals_subTitle {
    color: #666;
    font: normal 16px Arial;
}

.moreDeals_priceHolder {
    background-color: #9873AB;
    height: 25px;
    padding: 9px 0;
    position: relative;
    text-align: center;
    width: 68px;
}

.moreDeals_priceDetail {
    color: #fff;
    font: normal 24px Arial;
    margin-top: -2px;
    padding: 0 0 0 1px;
    text-align: center;
}

.moreDeals_priceSign {
    display: inline;
    font: normal 13px Arial;
    position: relative;
    top: -7px;
}

.moreDeals_arrow {
    border-color: #fff #fff #fff #9873AB;
    border-style: solid;
    border-width: 9px;
    bottom: 12px;
    height: 0;
    left: 68px;
    position: absolute;
    width: 0;
}

.moreDeals_priceCents {
    display: inline;
    font: bold 13px Arial;
    position: relative;
    top: -7px;
}

.moreDeals_value_header {
    color: #999;
    font: normal 16px Arial;
    padding: 0 0 3px 0;
    text-align: center;
}

.moreDeals_value_detail {
    color: #666;
    font: normal 20px Arial;
    text-align: center;
}

.moreDeals_ends {
    color: #9873ab;
    font: normal 20px Arial;
    text-align: center;
    vertical-align: bottom;
    white-space: nowrap;
    width: 97%;
}

.sideDeals {
}

.sideDeals_title {
    color: #b29876;
    font: noramal 12px Arial;
    padding: 0 0 5px 0;
    height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sideDeals_subTitle {
    color: #666;
    font: normal 11px Arial;
}

.memberNav a {
    display: block;
    padding: 0 0 10px 0;
}

.redemptionCode {
    color: #9873ab;
    font: normal 12px Arial;
    height: 23px;
    margin: 1px 0 0 0;
    padding: 0 4px 0 4px;
}

.soldOut {
    margin: 4px 0 0 -4px;
    position: absolute;
    z-index: 1;
}

#referralLinks {
    margin: 0;
}

    #referralLinks img {
        margin: 0 15px 0 0;
        vertical-align: middle;
    }

    #referralLinks a {
        font-size: 14px;
        font-weight: bold;
    }

.referralBox {
    border: solid 1px #666;
    color: #333;
    font: normal 13px Arial;
    height: 20px;
    margin: 0 0 0 0;
    padding: 5px;
    width: 300px;
}

.sitebarTitle {
    color: #b29876;
    font: normal 16px 'Trebuchet MS';
}

#tabOneMore {
    border-top: solid 1px #fff;
    margin: 0 0 0 0;
    text-align: left;
}

#tabOneHighlights {
    border-left: solid 1px #dfdfdf;
    float: right;
    margin: 0 0 0 10px;
    padding: 7px 10px 7px 10px;
    width: 175px;
}

    #tabOneHighlights ul {
        color: #b29876;
        font: normal 13px Arial;
        line-height: 18px;
        margin: 0 0 0 10px;
        padding: 0;
    }

#highlightsTitle {
    color: #666;
    display: none;
    font: normal 13px Arial;
    padding: 0 0 5px 0;
}

#tabOneDetail {
    padding: 8px 0 0 0;
}

.arrowanswer {
    background: transparent url('../../../images/2012-09-20/arrowanswer.png') top left no-repeat;
    height: 11px;
    left: -34px;
    position: relative;
}

.answercontent {
    background-color: #e1e9ee;
    font: Arial;
    font-size: 10pt;
    padding: 10px 10px 10px 10px;
}

.questioncontent {
    background-color: #FFF;
    font-weight: bold;
    padding: 5px 0px 5px 5px;
    text-align: left;
}

.responseuser {
    font-size: 8pt;
    font-style: italic;
    padding: 1px 2px 5px 5px;
    text-align: left;
}

#moreDealsTitle {
    color: #b29876;
    font: normal 36px Arial;
}

#topLinks ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    #topLinks ul.horz li {
        border-right: 1px solid #FFF;
        float: left;
        padding: 0px 5px;
    }

    #topLinks ul.vert li {
        border-right: none;
        float: none;
        padding: 5px 18px;
    }

    #topLinks ul.horz li:last-child {
        border-right: none;
    }

#accountOptions {
    background-color: #9873AB;
    border: 1px solid #FFF;
    border-radius: 5px;
    border-top: none;
    min-width: 100px;
    position: absolute;
    top: 18px;
    z-index: 100;
}

a.navLink {
    color: #9873AB;
    display: block;
    height: 29px;
    float: left;
    font: normal 20px Arial;
    padding: 3px 0 0 40px;
    text-decoration: none;
}

    a.navLink:hover {
        color: #9AC53C;
    }

.signupBox {
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -moz-box-shadow: 3px 2px 4px #999;
    -webkit-border-radius: 15px;
    -webkit-box-shadow: 3px 2px 4px #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EDEDED));
    background: -moz-linear-gradient(top, #FFFFFF, #EDEDED);
    background-color: #FFFFFF;
    border: 3px solid #9873ab;
    border-radius: 15px;
    box-shadow: 3px 2px 4px #999;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EDEDED');
    float: left;
    margin-bottom: 15px;
    padding: 10px;
    z-index: 2;
}

.signupBoxLarge {
    height: 300px;
}

.signupStepImage {
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 109px;
    padding-top: 20px;
    text-align: center;
    width: 100px;
}

.step1 {
    background-image: url(../../../images/2012-09-20/splash/splashPage_step1.png);
}

.step2 {
    background-image: url(../../../images/2012-09-20/splash/splashPage_step2.png);
}

.step3 {
    background-image: url(../../../images/2012-09-20/splash/splashPage_step3.png);
}

.step4 {
    background-image: url(../../../images/2012-09-20/splash/splashPage_step4.png);
}

.signupContent {
    float: left;
    padding: 10px 10px 10px 0;
    width: 380px;
}

.splashTitle {
    color: #b29876;
    font: normal 24px Arial;
    padding-bottom: 5px;
}

.splashContent {
    left: 102px;
    top: 70px;
}

.signupStepsButton {
    padding: 15px 0;
    text-align: right;
}

.signupSteps_links {
    text-align: right;
}

.pip {
    color: #D7D7D7;
    font-size: 40px;
    padding-right: 12px;
    vertical-align: text-bottom;
}

.pip-on {
    color: #9873ab;
    font-size: 40px;
    padding-right: 15px;
    vertical-align: text-bottom;
}

#coBranding {
    position: absolute;
    top: 300px;
    width: 550px;
    z-index: 1;
}

.note {
    background-image: url(../../../images/2012-09-20/parentheses_left.png);
    background-repeat: no-repeat;
    height: 145px;
    padding: 0 0 0 30px;
}


.HotDeal {
    cursor: pointer;
    float: left;
    border: solid 1px #EAEAEA;
    margin: 0 17px 20px 0px;
    padding: 0;
}

    .HotDeal a {
        text-decoration: none;
    }

.HotDealImage {
    width: 310px;
    height: 240px;
    overflow: hidden;
    text-align: center;
}

.HotDealTitle {
    background-color: rgba(250, 250, 250, 0.9);
    height: 40px;
    margin: 0 0 -50px 0;
    padding: 5px 10px 5px 10px;
    position: relative;
    top: -50px;
    width: 290px;
}

.HotDealMore {
    background-color: #eaeaea;
    height: 22px;
    padding: 5px 10px 10px 10px;
    width: 290px;
}

.HotDealMerchant {
    color: #B29876;
    font-weight: bold;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.HotDealName {
    color: #666666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.HotDeal a:hover {
    color: #4CA4C3;
    text-decoration: none;
}

.HotDealValue {
    color: #666;
    float: left;
    text-decoration: line-through;
    font-size: 15px;
    padding: 6px 7px 0 0;
}

.HotDealPrice {
    color: #9AC53C;
    float: left;
    font-size: 20px;
    padding: 5px 0 0 0;
}

.shadow {
    -moz-box-shadow: 3px 3px 4px #fff;
    -webkit-box-shadow: 3px 3px 4px #fff;
    box-shadow: 3px 3px 4px #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ffffff')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ffffff');
}

    .shadow:hover {
        -moz-box-shadow: 3px 3px 4px #999999;
        -webkit-box-shadow: 3px 3px 4px #999999;
        box-shadow: 3px 3px 4px #999999;
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
    }

.GroupButton {
    background: #F0FFF0;
    border: 1px solid #9AC53C;
    border-radius: 5px;
    color: #9AC53C;
    display: block;
    margin: 2px 1px;
    padding: 3px 5px;
    text-align: center;
}

    .GroupButton > img {
        padding: 0px 4px 0px 0px;
        vertical-align: middle;
    }

.CategoryButton {
    border-radius: 5px;
    display: inline-block;
    margin: 2px 1px;
    padding: 3px 5px;
}

    .GroupButton:hover, .CategoryButton:hover {
        background: #F0F0FF;
        border: 1px solid #4CA4C3;
        text-decoration: none;
    }

    .CategoryButton > img {
        vertical-align: middle;
    }

    .GroupButton > span, .CategoryButton > span {
        position: relative;
        top: 2px;
    }

.Category-No {
    background: #F6F6F6;
    border: 1px solid #CCC;
    color: #999;
}

.Category-Yes {
    background: #FFEBFF;
    border: 1px solid #9873AB;
    color: #9873AB;
}