/* Deals Tab */

#deals_header li.selected {
    background-color: #afd65a;
}

#deals_header li.selected a {
    color: #000;
}

#headline-deals {
    background: url(/images/headline-deals.gif) top left no-repeat;
    width: 960px;
    height: 61px;
    position: relative;
    z-index: 2;
}

#main_area h1.head {
    background-color: #ecf7b6;
    padding: 8px 12px;
    color: #000;
    margin: 0;
    border-bottom: 1px dotted #bfd03e;
}

#main_area h2.feature {
    color: #CC0000;
    margin: 0;
    font: bold 16px arial;
}

#main_area h3.featured {
    font: bold 20px arial;
    margin: 0 60px 8px 0;
}

.featured_promo {
    margin: 8px 0 20px 0;
    padding: 12px 8px;
    border: 1px solid #CCC;
    border-bottom: 2px solid #BBB;
    background: url(/images/hurry.gif) top right no-repeat;
    background-position: 542px 16px;
    background-color: #FFFFEF;
}

#promos_content {
    padding: 12px;
}

#promos_content .search-box {
    margin: 5px 0 0 0;
}

#promos_content h2 {
    font: bold 14px arial;
    margin: 0 0 8px 0;
    color: #000;
}

#promos_content .details {
    font: bold 14px arial;
    font-style: italic;
}

#promos_content .description {
    margin: 5px 10px 5px 0;
    font: 13px arial;
}

#promos_content a.underline {
    text-decoration: underline;
}

#promos_content table.dates td {
    padding: 0 8px 0 0;
    font: 11px arial;
}

#promos_content .date_input {
    width: 80px;
}

#promos_content select.tickets {
    width: 45px;
    padding: 3px;
    font-size: 15px;
    border: 1px solid #CCC;
}

#promos_content .more-deals {
    padding: 8px;
    border: 1px solid #DDD;
}

#promos_content .disclaimer {
    font: 11px arial;
    color: #888;
    padding: 10px 0 50px 0;
}

table.promos th {
    background-color: #EEE;
    padding: 5px 0;
    text-align: left;
    color: #666;
}

table.promos td {
    padding: 5px 0;
    font: 13px arial;
    vertical-align: center;
}

table.promos tbody {
    cursor: pointer;
}

table.promos tbody:hover {
    background-color: #f7fae1;
}

table.promos tbody.selected {
    background-color: #f4f0a6;
}

table.promos tbody.selected tr.tr-row {
    background-color: #f7fae1;
}

table.promos tbody.selected tr.tr-row td {
    border-bottom: 1px solid #f4f0a6;
    cursor: default;
}

table.promos tbody.selected tr.tr-row td td {
    border: 0;
}

table.promos .price {
    font: bold 16px arial;
}

#deals_content {
    margin: 0 12px 50px 0;
}

#deals_content td {
    vertical-align: top;
}

#deals_content .side {
    padding: 20px 0 0 0;
}

#deals_content .menu {
    width: 200px;
    border-right: 1px dotted #CCC;
    padding: 8px 12px;
}

#deals_content .menu td {
    padding: 5px 0 0 0;
}

#deals_content .menu h2 {
    font: bold 14px arial;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #DDD;
    color: #486724;
}

#deals_content .menu h3 {
    margin: 0 0 5px 0;
    font: bold 12px arial;
}

#deals_content .text_input, #deals_content #email, #deals_content #home{
    width: 190px;
}

#deals_content .submit {
    margin: 10px 0 0 0;
    text-align: left;
}

#deals_content .section {
    margin: 0 0 20px 0;
}

#deals_content .section li {
    margin: 0 0 2px 0;
}

#deals_content .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#deals_content .menu ul label {
    position: relative;
    top: -2px;
    .top: -1px;
    margin: 0 0 0 3px;
}

#deals_content .menu ul label:hover {
    text-decoration: underline;
}

#feeds {
    margin: 0 0 0 12px;
}

#featured_deals {
    margin: 0 0 10px 0;
}

#featured_deals h1, #twitter-page h1 {
    font: 22px arial;
    margin: 0 0 5px 0;
    color: #FF6600;
}

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

#feeds .city h1 {
    font: 22px arial;
    margin: 20px 0 0 0;
    color: #FF6600;
}

#viewport h1 {
    font: bold 16px arial;
    margin: 0 0 5px 0;
    color: #000;
    border-bottom: 2px solid #c8e0f8;
    padding: 0 0 5px 0;
}

#viewport table.deals-list {
    margin: 0 0 10px 0;
}

#viewport table.deals-list td {
    padding: 5px 8px 5px 0;
    vertical-align: middle;
    font: 13px arial;
} 

#viewport table.deals-list td.deal-price {
    font: bold 20px arial;
    text-align: right;
    width: 90px; 
    padding-right: 12px;
}

#viewport .row {
    margin: 10px 0;
}

.deal_box {
    width: 220px;
    height: 190px;
    background: url(/images/deals/dealbox.gif) top left no-repeat;
    padding: 5px;
    cursor: pointer;
    float: left;
    margin: 0 6px 0 0;
}

.deal_box h2 {
    font: bold 14px arial;
    color: #000;
    margin: 5px 0 8px 5px;
}

.deal {
    text-align: left;
    margin: 8px 5px 3px 5px;
    background: url(/images/deals/garnish.gif) top left no-repeat;
    padding: 0 0 0 18px;
    font-weight: bold;
    min-height: 30px;
}

#air {
    border-bottom: 2px solid #e3ecf0;
}

#air h1 {
    border-bottom: 2px solid #e3ecf0;
    padding: 0 0 5px 0;
}

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

#air ul li, #all_deals ul li {
    float: left;
    margin: 2px 0;
    width: 49%;
}

.end {
    margin: 0;
    border: 0;
}

.other_deals {
    border-bottom: 2px solid #e3ecf0;
    padding: 8px 0;
}

#twitter {
    margin: 8px 0 0 0;
    padding: 8px 0 0 0;
}

.twitter-header {
    background: url(/images/twitter.jpg) top right no-repeat;
    padding: 0 0 10px 0;
    margin: 0 0 5px 0;
}

#twitter-feeds h1 {
    color: #FF6600;
    margin: 0 0 5px 0;
}

#twitter-feeds th {
    text-align: left;
    padding: 5px 0;
}

#twitter-feeds td {
    padding: 3px 0;
    vertical-align: middle;
}

#twitter-page h2 {
    font: bold 18px arial;
    margin: 10px 0 0 0;
    padding: 0 0 5px 0;
    border-bottom: 2px solid #e3ecf0;
}

.follow {
    background: url(/images/twitter.jpg) top left no-repeat;
    background-position: 20px 10px;
    padding: 0 0 0 90px;
    min-height: 100px;
    margin: 10px 0 0 0;
}

.follow th {
    padding: 0 0 5px 0;
    text-align: left;
}

.follow td {
    padding: 3px 0;
}

.more_deals {
    margin: 0 10px 0 0;
    padding: 7px 25px 1px 0;
    height: 15px;
    font-weight: bold;
    font-size: 12px;
    color: #000;
    background: url(/images/more_deals.gif) top right no-repeat;
    background-position: right 5px;
    text-align: right;
    border-top: 1px dotted #CCC;
}

.email {
    margin: 10px 0 0 0;
}

#all_deals h1 {
    padding: 0 0 5px 0;
    border-bottom: 2px solid #e3ecf0;
}

.sep {
    padding: 0 0 10px 0;
}

.sep h2 {
    margin: 0;
    font: bold 12px arial;
    border: 0;
    padding: 0;
}

#special_interest {
    width: 100%;
    padding: 5px;
}