/*
    $Id: detail.css 1472 2009-04-17 02:21:12Z khawoldar $
    Copyright (c) 2006 Beanlogic Limited.
    */
    /*
    DETAIL STYLES
    ======================================================================
    */

    #Page .content
    {
        padding: 0 18px 10px 18px;

    }

    #Page
    {
        width: 800px;
    }

        #Page .bottom
        {
            background-image:url(../gfx/page-bottom_bg-wide.gif);
            height:15px;
            font-size:1%;
        }

    #LeftCol
    {
        width: 335px;
        float: left;
        /* background-color:#CC0066; */
    }

    .cottage_detail_image
    {
        margin-top:15px;
        background-color:#3E601D;
        border:0;
    }

    .cottage_detail_image td
    {
        padding:0;
    }

    .image_panel
    {
        height: 20px;
        width: 298px;
        padding: 3px 10px 3px 10px;
        border-top: 1px solid #86ab83;
        background-image:url(../gfx/image-panel_bg.gif);
    }

        .image_panel div
        {
            width: 149px;
            float: left;
        }

        .image_panel .left
        {
            color: #86ab83;
        }

        .image_panel .right
        {
            color: #ffffff;
            text-align: right;
        }

            .image_panel .right a
            {
                color: #ffffff;
            }

        #LeftCol .thumbs
        {

        }

        #LeftCol .thumbs ul
        {
            list-style:none;
            padding:0;
            margin:10px 0 0 0;
        }
        #LeftCol .thumbs ul li
        {
            display:inline;
            /*width:83px;*/
            /*height:83px;*/
            /*margin:10px;*/
        }
        #LeftCol .thumbs ul li img
        {
            width:83px;
            height:83px;
            margin:9px;
        }

    #RightCol
    {
        width: 425px;
        float: left;

        /* background-color:#33FF66; */
    }


        #RightCol .cottageTitle
        {
            margin-top: 10px;
        }



        #RightCol h3
        {
            color: #225147;
            margin: 0;
            padding: 0;
            font-weight: bold;
            font-size: 1.3em;
        }

        span.reference
        {
            font-weight: normal !important;
            font-size: 0.8em !important;
        }

        #RightCol h4
        {
            color: #749a44;
            margin: 0;
            padding: 10px 0 0 0;
            font-size: 1em;
            display:inline;
        }

        #RightCol h5
        {
            color: #666666;
            margin: 0;
            padding: 0;
            font-weight: normal;
            font-size: 0.9em;
            font-style:italic;
        }

        #RightCol strong
        {
            color: #749a44;
        }

    .top_left
    {
        padding: 10px 0 0 0;
        width: 270px;
        float: left;
    }

    .top_right
    {
        padding: 10px 0 0 0;
        width: 150px;
        float: right;
    }

    .location
    {
        margin: 0;
        padding: 5px 0 0 0;
        color: #666666;
    }

    .features
    {
        background-color: #749a44;
        color: #ffffff;
        margin: 10px 0 10px 0;
        padding: 3px;
    }

        .features ul
        {
            padding: 0;
            margin: 0;
            list-style: none;
        }

        .features li
        {
            background-image: url(../gfx/feature_tick.gif);
            background-position: center left;
            background-repeat: no-repeat;

            float: left;
            width: 118px;
            padding: 0;
            margin: 0 0 0 0;
            padding: 0 0 0 20px;
            font-size: 85%;
        }

        .features li a
        {
            color:white;
        }

.mapLink
{
    padding-left: 20px;
    vertical-align: super;
}

.mapLink a
{
        color: black;
}

.buttonContainer
{
    padding: 0px;
    padding-top: 15px;
    margin: 0px;
}

.detailButton
{
    display: block;
    padding: 7px;
    background-color: #336258;
    color: white;
    float: left;
    margin-right: 5px;
    border: 1px solid #C6DDAD;
    font-size: 12px;
}

.buttonContainer .last
{
    margin-right: 0;
}

#seasonPrices table
{
    width: 100%;

}

#seasonPrices table tr.prices td
{
    background-color: #F4FFE9;
}

.propertyTools
{
    margin-top: 15px;
}

.propertyTools .detailButton
{
    margin-top: 5px;
    width: 120px;
    text-align: center;
}

.clear
{
    clear: both;
}