/* ================== Home Page ================== */
.pageIntroBox
{
    width: 399px;
    background-color: #666;
    float: left;
}
.grayLeftBorder
{
    background: url(../images/introtext/top-left-corner.gif) no-repeat top left;
}
.introTextContainer
{
    background: url(../images/introtext/bottom-left-corner.gif) no-repeat bottom left;
    height: 211px;
    padding: 25px 13px 5px 15px;
    color: #fff;
}
.introTextContainer p
{
    padding-top: 15px;
}
.homeCategories
{
    width: 165px;
    background-color: #BFBFBF;
}
.homeCategoriesRounded
{
    background-color: #fff;
    height: 120px;
}
.homeCategoriesRounded img
{
    width: 165px;
    height: 120px;
}
.mainBannerContainer
{
    width: 544px;
    float: right;
    text-align: right;
    padding-right: 10px;
}
a.galleryBtn, a.galleryBtnFr, a.galleryBtnDe
{
    width: 129px;
    height: 38px;
    display: block;
    background: url(../images/gallerybtn.png) no-repeat top left;
    position: relative;
    margin-left: 415px;
    margin-top: -37px;
    cursor: pointer;
}
a.galleryBtnFr
{
    background-image: url(../images/gallerybtn-fr.png);
}
a.galleryBtnDe
{
    background-image: url(../images/gallerybtn-de.png);
}
a:hover.galleryBtn
{
    background-image: url(../images/gallerybtn-hover.png);
}
a:hover.galleryBtnDe
{
    background-image: url(../images/gallerybtn-hover-de.png);
}
a:hover.galleryBtnFr
{
    background-image: url(../images/gallerybtn-hover-fr.png);
}
.homeLeftColumn
{
    width: 604px;
    float: left;
    padding-top: 10px;
}
.smallColumnContainer
{
    width: 182px;
    float: left;
}
a.categoryTitle
{
    width: 102px;
    padding-left: 5px;
    height: 23px;
    background: url(../images/home/categorytitle-bg.png) no-repeat bottom right;
    display: block;
    position: relative;
    margin-left: 62px;
    margin-top: -23px;
    cursor: pointer;
    font-size: 16px;
}
a:hover.categoryTitle
{
    color: #FFB500;
}
.featuresColumn
{
    width: 235px;
    float: left;
    padding-left: 5px;
}
.featureIcon, .featureItineraries
{
    width: 52px;
    height: 53px;
    background: url(../images/home/schedule-icon.gif) no-repeat top left;
    display: block;
    float: left;
    margin-right: 6px;
}
.featureItineraries
{
    background-image: url(../images/home/Itineraries-icon.gif);
}
.featureSeparator
{
    /*margin: 5px auto;*/
    clear: both;
    height: 5px;
    text-align: center;
    background: url(../images/home/separator.gif) no-repeat center;
}
/* ================== Home Right Column ================== */
.rightColumn
{
    float: right;
    width: 333px;
    float: right;
    background: url(../images/main-banner-right-bg.gif) repeat-y right;
}
.bannerThumbsContainer
{
    height: 40px;
    padding-top: 18px;
}
.bannerThumbsContainer a.leftArrow, .bannerThumbsContainer a.RightArrow
{
    width: 25px;
    height: 30px;
    display: block;
    background: url(../images/home-gallery/left-arrow.gif) no-repeat top left;
    float: left;
}
.bannerThumbsContainer a.RightArrow
{
    background-image: url(../images/home-gallery/right-arrow.gif);
}
.bannerThumbsContainer a:hover
{
    background-position: bottom left;
}
.bannerThumbsContainer a img
{
    float: left;
    margin: 0px 8px;
    border: 1px solid #003359;
}
.bannerThumbsContainer a:hover img
{
    border-color: #FFB700;
}

/* ================== NewsLetter Box ================== */
.newsletterBox
{
    background: url(../images/newsletter-bg.gif) no-repeat top right;
    height: 113px;
    padding-top: 20px;
    padding-left: 15px;
}
.inputsContainer
{
    width: 227px;
    float: left;
}
.inputsContainer input
{
    width: 210px;
    height: 28px;
    background: url(../images/newsletter-input-bg.gif) no-repeat top left;
    border: none;
    color: #666;
    font-size: 14px;
    padding: 0px 4px;
    padding-top: 4px;
    margin-top: 5px;
}
a.newsLetterBtn, a.newsLetterBtnFr, a.newsLetterBtnDe
{
    width: 67px;
    height: 67px;
    display: block;
    background: url(../images/join-newsletter-btn.gif) no-repeat top left;
    float: left;
    margin-top: 7px;
}
a.newsLetterBtnFr { background: url(../images/join-newsletter-btn-fr.gif) }
a.newsLetterBtnDe { background: url(../images/join-newsletter-btn-de.gif) }
a:hover.newsLetterBtn, a:hover.newsLetterBtnFr, a:hover.newsLetterBtnDe
{
    background-position: bottom left;
}

/* Liveaboards Navigation */
.LiveaboardsNavContainer
{
    height: 109px;
    padding-top: 4px;
}
.LiveaboardsNavContainer a, .LiveaboardsNavContainer a.about, .LiveaboardsNavContainer a.aboutFr, .LiveaboardsNavContainer a.aboutDe
{
    width: 134px;
    height: 125px;
    background: url(../images/liveaboards/about-btn.gif) no-repeat top left;
    display: block;
    float: left;
}
.LiveaboardsNavContainer a.aboutFr {background: url(../images/liveaboards/about-btn-fr.gif); }
.LiveaboardsNavContainer a.aboutDe {background: url(../images/liveaboards/about-btn-De.gif); }

.LiveaboardsNavContainer a.informaion, .LiveaboardsNavContainer a.informaionDe, .LiveaboardsNavContainer a.informaionFr
{
    background-image: url(../images/liveaboards/information.gif);
    width: 120px;
}
.LiveaboardsNavContainer a.informaionDe { background-image: url(../images/liveaboards/information-de.gif);}
.LiveaboardsNavContainer a.informaionFr { background-image: url(../images/liveaboards/information-fr.gif);}

.LiveaboardsNavContainer a.specefications, .LiveaboardsNavContainer a.speceficationsFr, .LiveaboardsNavContainer a.speceficationsDe
{
    background-image: url(../images/liveaboards/specefications.gif);
    width: 141px;
}
.LiveaboardsNavContainer a.speceficationsFr {background-image: url(../images/liveaboards/specefications-fr.gif); }
.LiveaboardsNavContainer a.speceficationsDe {background-image: url(../images/liveaboards/specefications-de.gif); }
.LiveaboardsNavContainer a:hover, .LiveaboardsNavContainer a.activeLiveabord
{
    background-position: bottom left;
}

