﻿/* 
#####  Initial Palette URL: http://colorschemedesigner.com/#3D11T8ISYw0w0
*/

body
{
    /* orig: #396297 */
    background-color:#003467;
}

.container
{
    background-color: #E7EFFA;
}

#bulletPoints, #bulletPoints_noScript
{
    margin-bottom: 50px;
}
#bulletPoints li, bulletPoints_noScript li
{
    line-height: 1.5em;
}

.leader
{
    font-size: larger;
    font-style: oblique;
    font-weight: bolder;
}

.footer
{
    /* background-color: #C6DAF4;#517FB3; */
    background-color: #396297;
    color:#D3E1F4;
}

.globalNavContainer
{
    background-color: #8E9CAF;
}

.Image250w
{
    padding: 15px;
    /* border: 1px solid #ccc;
    background-color: #F7F7F7; */
    border: 1px solid #777;
    background-color: #B9C5D7;
    width: 250px;
    top: 0;
    left: 0;
    margin-bottom: 20px;
}

.ImageXw
{
    padding: 15px;
    border: 1px solid #777;
    background-color: #B9C5D7;
    top: 0;
    left: 0;
    margin-bottom: 20px;
}

/* master */
#header
{
    background-color: #afc8e9;
    height: 100px;
    width: 100%;
    margin: 0;
    overflow: hidden;
}

#headerTop
{
    background-color: #003467;
    height: 3px;    
    margin: 0;
}

#headerText
{
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 10px;
}

#headerLogos
{
    /* margin-left: 20px;*/
    margin-right: 10px;
    margin-top: 10px;
}

#headerContentContainer
{
    background-color: #C6DAF4;
}

/* default page */
.defaultViewImage
{
}

.pics
{
    height: 352px;
    width: 352px;
    padding: 0;
    margin: 0;
}

.pics img
{
    padding: 15px;
    border: 1px solid #777;
    background-color: #B9C5D7;
    width: 350px; /*height: 200px;*/
    top: 0;
    left: 0;
}

/*pictures gallery*/

#gallery
{
    font-weight: bold;
}

#gallery ul
{
    margin: 0 0 10px;
    padding: 0;
    list-style-type: none;
}

#gallery li
{
    display: inline;
}

#gallery img, #gallery a
{
    margin: 0;
    padding: 6px;
    border: 1px solid #DDD;
    background: #AFC8E9;
}

#gallery .paginationThumbs
{
    width: 72px;
}

#gallery a
{
    margin: 0;
    padding: 5px 8px;
    text-decoration: none;
    color: #ffffcc;
    background: #6082af;
}

#gallery li span
{
    margin: 0;
    padding: 5px 8px;
    text-decoration: none;
    color: #ffffcc;
    background: #6082af;
    border: 1px solid #ccc;
}

#gallery a:hover, #gallery .selected
{
    color: #000;
    background: #8E9CAF;
}


#imageContainer img
{
    margin-bottom: 10px;
    padding: 16px;
    border: 4px solid #999;
    background: #AFC8E9; /*width:512px;  */
    height: 368px;
}

#imageDesc
{
    float: right;
    width: 240px;
    margin-left: 16px;
    margin-right: 16px;
    margin-top:16px;
    font-size:larger;
}


/* OwlHousePictures */

.paginationThumbs
{
}

.deadPictureNav
{
    color: #222222;
    width: 80px;
}

/* BookingForm */
#enquiryForm label{float:left;width:120px;padding:0 1em;text-align:right;}

#enquiryForm div input,#enquiryForm div textarea
{width:300px;border-top:1px solid#555;
 border-left:1px solid #555;
 border-bottom:1px solid #ccc;
 border-right:1px solid #ccc;
 padding:1px;color:#333;}


#enquiryForm div{margin-bottom:.5em;padding:0;display:block;}
#enquiryForm div.fm-opt label{font-weight:normal;}
#enquiryForm div.fm-req label{font-weight:bold;}
#enquiryForm div.fm-req label:before{content:"* ";}

#fm-submit input
{
    margin-left: 145px;
    background-color: #B9C5D7; font-weight:bold;   
}

#fm-errors
{
    margin-left: 145px;
      
}







/*Mvc Template

.clear
{
    clear: both;
}

.error
{
    color:Red;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}
*/

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

