﻿/************************ HEADER LAYOUT ************************/
#header
{
    height: 469px;
    background-image: url(../../Media/Images/Layouts/Home/header.jpg);
}

#header .nextTrain
{
    position: absolute;
    top: 133px;
    right: 64px;
    display: block;
    width: 114px;
    height: 37px;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
}

#header .flashPlayer
{
    position: absolute; 
    bottom: 162px; 
    right: 53px;
}

#header a.moreTimes,
#header a.neverBeen,
#header a.vouchers,
#header a.newsletter
{
    position: absolute;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#header a.moreTimes
{
    top: 169px;
    right: 64px;
    width: 115px;
    height: 36px;
    background-image: url(../../Media/Images/Layouts/Home/more-times.gif);
}

#header a.moreTimes:hover
{
    background-position: 0 -36px;
}

#header a.neverBeen,
#header a.vouchers
{
    height: 73px;
}

#header a.neverBeen:hover,
#header a.vouchers:hover
{ 
    background-position: 0 -73px; 
}

#header a.neverBeen
{
    bottom:36px;
    left: 73px;
    width: 212px;
    background-image: url(../../Media/Images/Layouts/Home/never-been.gif);
}

#header a.vouchers
{
    bottom: 37px;
    left: 369px;
    width: 173px;
    background-image: url(../../Media/Images/Layouts/Home/vouchers.gif);
}

#header a.newsletter
{
    bottom: 38px;
    right: 102px;
    height: 70px;
    width: 187px;
    background-image: url(../../Media/Images/Layouts/Home/newsletter.gif);
}

#header a.newsletter:hover
{ 
    background-position: 0 -70px; 
}


/************************ WEBSITE LAYOUT ************************/
#mainColumn
{
    width: 604px;
    margin: 0 0 0 14px;
    display: inline;
}

#mainColumn .content
{
    background-image: url(../../Media/Images/Layouts/Home/maincolumn-background.gif);
    padding: 0 33px;
}

#mainColumn .content #photoHeader
{
    margin: 0 0 10px -20px;
    width: 564px;
    overflow: auto;
    position: relative;
}

#mainColumn .content #photoHeader #photo
{
    float: left;
    display: inline;
    margin: 15px 7px 0 15px;    
    width: 325px;
    height: 220px;
}

#mainColumn .content #photoHeader #photoBorder
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 347px;
    height: 247px;
    background-image: url(../../Media/Images/Layouts/Home/photo-border.png);
}

#mainColumn .content #photoHeader #photoBorder #photo ul.rrItemsList
{
    margin: auto;
}

#mainColumn .content #photoHeader #postItContainer
{
    float: left;
    width: 217px;
    height: 247px;
}

#mainColumn .content #photoHeader #postItContainer #postIt
{
    background-image: url(../../Media/Images/Layouts/Home/postIt.jpg);
    background-repeat: no-repeat;
    font-size: 12px;
    font-family: Comic Sans MS, Cursive;
    padding: 38px 0 39px 30px;
    position: relative;
}

#mainColumn .content #photoHeader #postItContainer #postIt ul.rrItemsList
{
    margin: auto;
}

#mainColumn .content #photoHeader #postItContainer #postIt a
{
    color: #000000;
}

#mainColumn .bottom
{
    background-image: url(../../Media/Images/Layouts/Home/maincolumn-bottom.gif);
    height: 35px;
}

#rightColumn
{
    width: 328px;
    position: relative;
}


/************************ RIGHT COLUMN LAYOUT ************************/
#rightColumn .content
{
    background-image: url(../../Media/Images/Layouts/Home/rightcolumn-background.gif);
    background-repeat: repeat-y;
    padding: 16px 20px 0 25px;
    min-height: 400px;
}
* html #rightColumn .content { height: 400px; }

#rightColumn .content .currentPromotions
{
    margin-bottom: 25px;
    font-size: 11px;
    font-family: Arial;
    text-align: center;
    width: 282px;
}

#rightColumn .content .currentNews
{
    width: 283px;
    margin-bottom: 33px;
    font-size: 11px;
    font-family: Arial;
    text-align: center;
}

#rightColumn .content .sneakPeek
{
    width: 280px;
    margin: 0 auto;
}

#rightColumn .content .currentPromotions .header,
#rightColumn .content .currentNews a.header,
#rightColumn .content .sneakPeek .header
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 17px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

#rightColumn .content .currentPromotions .header
{
    width: 256px;
    margin-bottom: 17px;
    background-image: url(../../Media/Images/Layouts/Home/promotions-header.gif);
}

#rightColumn .content .currentNews a.header
{
    width: 274px;
    margin-bottom: 10px;
    background-image: url(../../Media/Images/News/homepage-news-header.gif);
}

#rightColumn .content .sneakPeek .header
{
    width: 206px;
    margin-bottom: 17px;
    background-image: url(../../Media/Images/Layouts/Home/sneak-peek-header.gif);
}

#rightColumn .bottom
{
    height: 17px;
    overflow: hidden;
    background-color: #FFFFFF;
    background-image: url(../../Media/Images/Layouts/Home/rightcolumn-bottom.gif);
}


/************************ NEWS LAYOUT ************************/
#rightColumn .content .currentNews .item
{
}

#rightColumn .content .currentNews .readAll
{
    background-image: url(../../Media/Images/News/read-all.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    margin: 9px auto 0 auto;
    display: block;
    width: 143px;
    height: 11px;
}