/* --- special-offers.css --- */

/* =====================================================================
    special offers
===================================================================== */

/* --- left hand list --- */
div.offersListLeft
{
    margin: 0 0 10px 0;
    background: url(/images/bg_vertbar_200.gif) repeat-y;
}

div.offersListLeft h2
{
    background: url("/images/bg_horizbartop_200.gif") no-repeat scroll center top transparent;
    padding: 5px 0 2px 10px;
    font-size: 130%;
    font-weight: normal;
}

div.offersListLeft ol.offersList
{
    padding: 0 2px 3px 2px;
    position: relative;
    width: 196px;
    list-style: none;
    clear: both;
    background: url(/images/bg_horizbarbot_200.gif) no-repeat bottom;
}

div.offersListLeft ol.offersList li
{
    margin: 0 0 5px 0;
    padding: 8px 8px 0 8px;
    position: relative;
    list-style: none;
    clear: both;
    border-top: 1px solid #d6d6d6;
}

div.offersListLeft ol.offersList li p.image
{
    margin: 0 0 5px 0;
    border: 1px solid #d6d6d6;
}

div.offersListLeft ol.offersList li p.image a img
{
    display: block;
}

div.offersListLeft ol.offersList li h2
{
    padding: 0;
    background: none;
    font-size: 100%;
    font-weight: bold;
}

div.offersListLeft ol.offersList li h3
{
    margin: 0 0 3px 0;
}

/* --- main list  --- */
div.offersList
{
    margin: 0 0 10px 0;
    width: 664px;
    float: left;
}

div.offersList ol.offersList
{
    margin: 0;
    padding: 0 2px 3px 2px;
    position: relative;
    list-style: none;
    clear: both;
}

div.offersList ol.offersList li
{
    margin: 0 0 5px 0;
    padding: 10px 0 0 0;
    position: relative;
    list-style: none;
    clear: both;
    border-top: 1px solid #d6d6d6;
    overflow: auto;
}

div.offersList ol.offersList li p.image
{
    margin: 0 7px 5px 0;
    border: 1px solid #d6d6d6;
    float: left;
    width: auto;
}

div.offersList ol.offersList li p.image a img
{
    display: block;
}

div.offersList ol.offersList li p.from, div.offersList ol.offersList li p.to, div.offersList ol.offersList li p
{
    float: right;
    width: 474px;
    margin: 0 5px 10px 0;
    font-size: 80%;
}

div.offersList ol.offersList li p.from .date, div.offersList ol.offersList li p.to .date
{
    float: none;
    padding: 0;
    width: auto;
}

div.offersList ol.offersList li h2
{
    margin: 0 5px 5px 0;
    font-size: 100%;
    float: right;
    width: 474px;
}

div.offersList ol.offersList li h3
{
    margin: 0 0 3px 0;
}

/* --- detail --- */
div.offersDetail
{
    margin: 0;
    float: left;
}

div.offersDetail h2
{
    clear: both;
    margin: 5px 0;
    font-size: 138.5%;
    display: none;
}

div.offersDetail h2.title
{
    display: none;
}

div.offersDetail p.image
{
    display: none;
}

div.offersDetail li p.image
{
    display: block;
}

div.offersDetail ol.offersList
{
    border-bottom: 1px solid #d6d6d6;
    margin: 10px 0;
}

div.offersDetail ol.offersList li
{
    border-top: 1px solid #d6d6d6;
    margin: 5px 0 10px;
    padding: 10px 0 0 0;
    position: relative;
    width: 100%;
    list-style: none;
    clear: both;
    overflow: hidden;
    font-size: 14px;
}

div.offersDetail ol.offersList li p
{
    float: left;
    width: 538px;
}

div.offersDetail ol.offersList li p.image
{
    padding: 0;
    /*border: 1px solid #d6d6d6;*/
    margin: 0px 0 0 8px;
    float: right;
    width: 150px;
}

div.offersDetail ol.offersList li p.image a img
{
    display: block;
}

div.offersDetail ol.offersList li h3
{
    margin: 0 0 3px 0;
}

div.offersDetail ol.offersList li p a
{

}

div.offersDetail ol.offersList li p.image a
{
    display: block;
}

/* --- detail back link --- */
.CTF .back
{
    background: url(/images/bullet_4.gif) no-repeat left;
    vertical-align: middle;
}

.CTF .back a
{
    padding-left: 10px;
}

/* ---Durham deals list  --- */
.ctl_OfferList
{
    margin: 0 !important;
}

div.offersList
{
    margin: 0 0 10px 0;
    width: 664px;
    float: left;
}

div.offersList ul.featured
{
    margin: 0;
    padding: 0 2px 3px 2px;
    position: relative;
    list-style: none;
    clear: both;
}

div.offersList ul.featured li
{
    margin: 0 0 5px 0;
    padding: 10px 0 0 0;
    position: relative;
    list-style: none;
    clear: both;
    border-top: 1px solid #d6d6d6;
    overflow: auto;
}

div.offersList ul.featured li p.image
{
    margin: 0 8px 5px 0;
    border: 1px solid #d6d6d6;
    float: left;
    width: auto;
}

div.offersList ul.featured li p.image a img
{
    display: block;
}

div.offersList ul.featured li p.from, div.offersList ul.featured li p.to, div.offersList ul.featured li p
{
    float: right;
    width: 474px;
    margin: 0 5px 10px 0;
}

div.offersList ul.featured li h3
{
    margin: 0 5px 5px 0;
    font-size: 100%;
    float: right;
    width: 479px;
}

div.offersList ul.featured li h3
{
    margin: 0 0 3px 0;
}

/*-- Downloads --*/

.dealDownloads
{
    float: left;
}

.downloads dl { display: block; min-height: 35px; padding: 0 0.8em; background: #F2F2F2; -webkit-border-radius: 5px; border-radius: 5px;}

/* contain floats... */
.downloads dl:before, .downloads dl:after { content: ""; display: table; }
.downloads dl:after { clear: both; }
.downloads dl { *zoom: 1; }

.downloads dt { clear: both; display: block; margin-right: 0.5em; font-weight: bold; border-top: 1px solid #DDD; padding: 0.5em 0;}

.downloads dd { display: inline; }

.downloads dd p { display: inline; }

.downloads dd.image { float: left; margin: 0 0.5em 1em 0; ddisplay: inline-block; }

.downloads dd.image img { max-width: 59px; }

.downloads dd.filesize { display: none; }

/* Durham Deals */
.featuredDeals
{
    float: left;
    background: #D5D9DA;
    padding: 103px 9px 15px;
    width: 212px !important;
    background: url("/images/durham_deals_top.png") no-repeat scroll left top #D5D9DA;
    position: relative;
    margin-top: 12px;
}

.featuredDeals .offerlistprimarywrapper {
    overflow: hidden;
    position: relative;
    width: 212px !important;
}

.featuredDeals p.specialOfferError
{
    color: #fff;
}

.featuredDeals .offerlistprimarywrapper ul
{
}

.featuredDeals .offerlistprimarywrapper ul li
{
    width: 212px !important;
    height: auto !important;
}

.featuredDeals ul.offersListPrimary li
{
    list-style: none;
}

.featuredDeals ul.offersListPrimary li h3
{
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 6px;
}

.featuredDeals ul.offersListPrimary li h3 a, .featuredDeals ul.offersListPrimary li h3 a:visited
{
    color: #BF023B;
}

.featuredDeals ul.offersListPrimary li h3 a:hover
{
    text-decoration: underline;
}

.featuredDeals ul.offersListPrimary li p
{
    color: #555555;
    padding: 0 0 6px;
    font-size: 70%;
}

.featuredDeals ul.offersListPrimary li p.image
{
    padding: 0;
    height: 115px;
    border: 3px solid #fff;
    float: left;
    margin-bottom: 3px;
}

.featuredDeals ul.offersListPrimary li p.moredeals
{
    padding: 0 0 0 13px;
    background: url("/images/cycling/arrow_deals.png") no-repeat scroll 0 5px transparent;
    display:none;
    font-size: 78%;
}

.featuredDeals ul.offersListPrimary li p.moredeals a, .featuredDeals ul.offersListPrimary li p.moredeals a:visited
{
    color: #fff;
}

.featuredDeals ul.offersListPrimary li p.moredeals a:hover
{
    text-decoration: underline;
}

.featuredDeals .prev, .featuredDeals .prev, .featuredDeals .prev, #right .featuredDeals .next
{
    position: absolute;
    top: 128px;
    z-index: 1000;
    cursor: pointer;
}

.featuredDeals .prev
{
    left: 12px;
}

.featuredDeals .next
{
    right: 12px;
}

.FeaturedDealsLink
{
 background: #D5D9DA;
 float:left;
 width:230px;
}

.FeaturedDealsLink p
{
    background: url("/images/arrow_eventshome.png") no-repeat scroll 0 5px transparent;
    font-size: 78%;  
    margin: 0px 0px 5px 9px;
    padding: 3px 2px 0 18px;
}

.FeaturedDealsLink a, .FeaturedDealsLink a:visited
{
    color: #BF023B;
}

.FeaturedDealsLink a:hover
{
    text-decoration: underline;
}