/**
 *******************************************************************************
 *
 *   Tardigrada Web Framework main CSS file.
 *
 * Copyright (c) 2009-2010 Tardigrada LLC, Zagreb, Croatia - www.tardigrada.hr
 * All rights reserved.
 *
 *******************************************************************************
 */

*
{
    margin: 0;
    padding: 0;
}

body
{
    background-color: white;
    font-family: Arial, sans-serif;
    font-size: 100%;
}

img
{
    border: 0;
}

a
{
    color: #316ECB;
}

a:visited
{
    color: #034581;
}

#container
{
    width: 960px;
    margin: 0 auto;
}

.full_column
{
    width: 750px;
    float: left;
}

.half_column
{
    width: 365px;
    float: left;
    margin-right: 20px;
}

.third_column
{
    width: 230px;
    float: left;
    margin-right: 30px;
}

.last_column
{
    margin-right: 20px;
}

.half_column p, .full_column p
{
    padding: 5px 0;
}

.half_column ul, .full_column ul
{
    margin-left: 25px;
}

.content_header
{
    height: 100px;
    background-color: #034581;
    margin-bottom: 10px;
}

.content_header h1
{
    font-weight: normal;
    padding: 63px 0 0 10px;
    font-size: 1.6em;
    color: white;
}

h2
{
    font-size: 1.25em;
    font-style: italic;
    color: #034581;
}

h3
{
    font-size: 1em;
    font-weight: bold;
    color: #034581;
}

.header_general_terms
{
    background-image: url('/images/header_generalterms.jpg');
}

.header_about_us
{
    background-image: url('/images/header_aboutus.jpg');
}

.header_our_base
{
    background-image: url('/images/header_ourbase.jpg');
}

.header_marina_tucepi
{
    background-image: url('/images/header_marinatucepi.jpg');
}

.header_how_to_reach
{
    background-image: url('/images/header_howtoreach.jpg');
}

.header_routes
{
    background-image: url('/images/header_routes.jpg');
}

.header_enquiry
{
    background-image: url('/images/header_enquiry.jpg');
}

.header_specials
{
    background-image: url('/images/header_specials.jpg');
}

.header_welcome
{
    background-image: url('/images/header_welcome.jpg');
}

.header_whats_new
{
    background-image: url('/images/header_whatsnew.jpg');
}

.header_book_your_boat
{
    background-image: url('/images/header_bookyourboat.jpg');
}

.header_boats_and_prices
{
    background-image: url('/images/header_boatsandprices.jpg');
}


/*
 *******************************************************************************
 * Header
 *******************************************************************************
 */

#header
{
    background-image: url('../images/header_image.jpg');
    background-repeat: no-repeat;
    background-position: top right;
    height: 120px;
    margin-bottom: 10px;
}

#header a img
{
    border: none;
}

#language_bar
{
    display: inline;
    float: right;
    padding-top: 96px;
}

#navigation_bar_left
{
    height: 52px;
    width: 10px;
    float: left;
    background-color: #034581;
    background-image: url('../images/navigation_bar_left.png');
}

#navigation_bar_right
{
    height: 52px;
    width: 10px;
    float: left;
    background-color: #034581;
    background-image: url('../images/navigation_bar_right.png');
}

#navigation_bar
{
    height: 52px;
    width: 940px;
    float: left;
    background-color: #034581;
    background-image: url('../images/navigation_bar_bg.png');
    color: white;
    margin-bottom: 20px;
}

#navigation_bar a,
#navigation_bar a:visited
{
    color: white;
    text-decoration: none;
}

#navigation_bar a:hover
{
    color: #AACDE6;
}

#navigation_bar ul
{
    list-style: none;
    padding-top: 14px;
    text-align: center;
}

#navigation_bar ul li
{
    display: inline;
    padding: 0 5px;
    font-size: 1.2em;
}


/*
 *******************************************************************************
 * Footer
 *******************************************************************************
 */

#footer
{
    background-image: url('../images/footer_border.png');
    background-repeat: no-repeat;
    background-position: top left;
    padding: 5px;
    padding-top: 21px;
    margin: 20px 0;

    font-size: 0.7em;
    color: #BBB;
}

a.tardigrada_link
{
    height: 27px;
    width: 100px;
    display: block;
    float: right;
    overflow: hidden;
    padding-right: 5px;
}

a.tardigrada_link img
{
    border: none;
}

a.tardigrada_link:hover img
{
    margin-top: -27px;
}


/*
 *******************************************************************************
 * Sidebar
 *******************************************************************************
 */

#sidebar
{
    width: 190px;
    float: right;
}

#sidebar p
{
    padding: 5px 0;
    font-size: 0.8em;
}

#sidebar .content_header_small
{
    height: 52px;
    background-color: #034581;
    background-image: url('../images/navigation_bar_bg.png');
    color: white;
    margin-top: 48px;
    margin-bottom: 10px;

    text-align: center;
    font-size: 1.2em;
}

#sidebar .content_header_small_left
{
    height: 52px;
    width: 10px;
    float: left;
    background-image: url('../images/navigation_bar_left.png');
}

#sidebar .content_header_small_right
{
    height: 52px;
    width: 10px;
    float: left;
    background-image: url('../images/navigation_bar_right.png');
}

#sidebar .content_header_small a,
#sidebar .content_header_small a:visited
{
    color: white;
    text-decoration: none;
}

#sidebar .content_header_small a:hover
{
    color: #AACDE6;
}

#sidebar .content_header_small .header_link
{
    float: left;
    width: 170px;
    padding-top: 14px;
}


/*
 *******************************************************************************
 * Home page
 *******************************************************************************
 */

#news_home .news_date,
.news_archive .news_date
{
    font-size: 0.8em;
}

#news_home .news_entry,
.news_archive .news_entry
{
    overflow: hidden;
    padding-bottom: 10px;
}

#news_home .news_image,
.news_archive .news_image
{
    width: 150px;
    height: 110px;
    float: left;
    margin: 10px 5px 0;
    border: 1px solid #888;
}

#boats_home .boat_entry
{
    height: 85px;
    width: 100%;
    margin: 20px 0;
}

#boats_home a
{
    text-decoration: none;
}

#boats_home .home_boat_image
{
    float: left;
    width: 112px;
    border: 1px solid #888;
}

#boats_home .home_boat_info
{
    margin-left: 122px;
}

#boats_home .boat_type
{
    font-weight: bold;
    margin-bottom: 5px;
}

#boats_home .boat_specifications, #boats_home .boat_details_link, #boats_home .boat_enquiry_link
{
    float: left;
    width: 100px;
    margin-right: 20px;
    font-size: 0.9em;
}

#boats_home .boat_details_link, #boats_home .boat_enquiry_link
{
    margin-top: 5px;
}

#boats_home .boat_details_link
{
    text-align: right;
}


/*
 *******************************************************************************
 * Image gallery
 *******************************************************************************
 */

.gallery_image
{
    height: 138px;
}


/*
 *******************************************************************************
 * Boats and prices
 *******************************************************************************
 */

#table_boats
{
    font-size: 0.7em;
    border-collapse: collapse;
}

#table_boats a
{
    text-decoration: none;
    color: black;
    display: block;
    width: 100%;
}

#table_boats tr.even_row
{
    background-color: #DCE9F4;
}

#table_boats tr.odd_row:hover,
#table_boats tr.even_row:hover
{
    background-color: #034581;
    color: white;
    cursor: pointer;
}

#table_boats tr.odd_row:hover a,
#table_boats tr.even_row:hover a
{
    color: white;
}

#table_boats th
{
    font-weight: normal;
    padding: 5px 5px 10px;
    vertical-align: top;
    background-color: #A3CCEC;
}

#table_boats td
{
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

th.table_boats_first_column,
td.table_boats_first_column
{
    width: 90px;
}

th.table_boats_characteristic,
td.table_boats_characteristic
{
    width: 50px;
}

th.table_boats_term,
td.table_boats_characteristic
{
    width: 80px;
}

th.table_boats_price,
td.table_boats_characteristic
{
    width: 55px;
}

td.table_boats_first_column
{
    font-weight: bold;
}

.vat_note
{
    padding-top: 3px;
    font-size: 0.55em;
    float: right;
}

.general_booking_information
{
    font-size: 0.7em;
    color: #16355D;
}

.general_booking_information p
{
    padding: 10px 0;
}

.general_booking_information .charter_information
{
    text-align: center;
    font-weight: bold;
    padding-top: 30px;
}


/*
 *******************************************************************************
 * Single boat
 *******************************************************************************
 */

a.enquiry_link
{
    display: block;
    overflow: hidden;
    height: 25px;
    width: 150px;
}

a.enquiry_link:hover img
{
    margin-top: -25px;
}

.single_boat h3
{
    padding: 10px 0 5px;
}

.technical_label
{
    clear: left;
    width: 115px;
    float: left;
}

.technical_data
{
    width: 115px;
    float: left;
    font-weight: bold;
}

.technical_last
{
    padding-bottom: 20px;
}

.single_boat .boat_image
{
    height: 83px;
    width: 110px;
    border: 1px solid #888;
    margin-right: 2px;
    margin-bottom: 2px;
    float: left;
}

.boat_data
{
    font-size: 0.95em;
}


 /*
 *******************************************************************************
 * Accordion
 *******************************************************************************
 */

.accordion_header
{
    height: 26px;
    background-color: #034581;
    background-image: url('../images/accordion_header_bg.png');
    color: white;

    text-align: center;
    margin-bottom: 5px;
}

.accordion_header_left
{
    height: 26px;
    width: 10px;
    float: left;
    background-image: url('../images/accordion_header_left.png');
}

.accordion_header_right
{
    height: 26px;
    width: 10px;
    float: left;
    background-image: url('../images/accordion_header_right.png');
}

.accordion_header a,
.accordion_header a:visited
{
    display: block;
    width: 100%;
    color: white;
    font-weight: bold;
    text-decoration: none;
}

.accordion_header a:hover
{
    color: #AACDE6;
}

.accordion_header .accordion_header_link
{
    float: left;
    width: 345px;
    padding-top: 3px;
}

.accordion_header_routes .accordion_header_link_routes
{
    width: 730px;
}


/*
 *******************************************************************************
 * Contact form
 *******************************************************************************
 */

#ui-datepicker-div
{
    font-size: 0.8em;
}

.contact_form
{
    padding-top: 10px;
}

.contact_form label,
.contact_form input,
.contact_form textarea
{
    float: left;
    margin-bottom: 10px;
}

.contact_form label
{
    width: 210px;
    text-align: right;
    padding-right: 20px;
}

.contact_form br
{
    clear: left;
}

.contact_form #submit_button,
.contact_form .form_note
{
    margin-left: 230px;
}

.contact_form .form_note
{
    font-size: 0.8em;
    color: #777;
}

.contact_form .form_explanation
{
    float: left;
    font-size: 0.75em;
    color: #777;
    padding-top: 0.3em;
    padding-left: 10px;
}

.form_errors
{
    margin-left: 190px;
}

.form_success
{
    text-align: center;
}