/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    font-size: 12px;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
    background: url(/Content/images/bg_site.png) repeat-x top #fff;
}

/* LAYOUT ELEMENTS   
---------------------------------------------------------*/
#tagline 
{
    text-align: center;
    color: #fff;
    font-size: 11px;
    padding-top: 1px;
}
#outercontainer 
{
    width: 860px;
    margin: auto;
}
#navcontainer 
{
    background: url(/Content/images/bg_nav.png) no-repeat center;
    height: 75px;
    width: 905px;
    margin: auto;
    margin-top: 17px;
}
#featureimage 
{
    padding-top: 25px;
    width: 910px;
    margin: auto;
    text-align: center;
    height: 312px;
    
}
#contentcontainer 
{
    border-bottom: 4px solid #6699FF;
    margin-bottom: 4px;
    padding-bottom: 20px;
}
#sidecontent 
{
    width: 260px;
    background-color: #EFECE5;
    float: right;
    padding: 10px;
}
#maincontent 
{
    width: 550px;
    float: left;
}
.homebox 
{
    width: 260px;
    float: left;
}
#footer1 
{
    text-align: center;
    background-color: #4467B1;
    padding: 3px;
    color: #fff;
    margin-bottom: 4px;
}
#footer1 a 
{
    color: #fff;
    text-decoration: none;
}
#footer1 a:hover 
{
    color: #fff;
    text-decoration: underline;
}
#footer2 
{
    text-align: center;
    background-color: #EFECE5;
    padding: 3px 100px 3px 100px;
    color: #B4A583;
    font-size: 11px;
    margin-bottom: 4px;
}
#footer2 a 
{
    color: #B4A583;
    text-decoration: none;
}
#footer2 a:hover 
{
    color: #B4A583;
    text-decoration: underline;
}
/*  GENERAL HTML
***********************************************************/
p 
{
    margin: 0px;
    padding: 0px 0px 15px 0px;
}
a 
{
    color: #4467B1;
    text-decoration: none;
}
a:hover
{
    color: #4467B1;
    text-decoration: underline;
}
ul
{
    margin: 0px 0px 0px 16px;
    padding: 0px 0px 15px 0px;
}
li
{
    margin: 0px;
    padding: 0px;
}
h1 
{
    color: #063597;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 18px;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 3px solid #EFECE5;
}
h2 
{
    color: #6699FF;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 18px;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 3px solid #fff;
}
h3 
{
    color: #063597;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 14px;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
}
h4 
{
    color: #6699FF;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 13px;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: normal;
}


#tariffstable th 
{
    background-color: #4467B1;
    color: #fff;
   font-weight: bold;
    font-size: 13px;
    text-align: left;
}
#tariffstable td 
{
    vertical-align: top;
    text-align: left;
}
table.striped tr.altrow td {
background-color: #ECF5FF;
}
table.striped 
{
    border-bottom: 2px solid #ECF5FF;
    margin-bottom: 20px;
}

.blue 
{
    color: #6699FF;
}
.seeanddoimg 
{
    width: 170px;
    margin-right: 10px;
    float: left;
}

/* NAV   
----------------------------------------------------------*/
#menu 
{
    margin: 0px 150px 0px 0px;
    padding: 37px 0px 0px 0px;
    list-style-type: none;
    font-weight: bold;
    float: right;
}
#menu li
{
    margin: 0px 0px 0px 0px;
    display: inline;
}
#menu li a 
{
    color: #fff;
    text-decoration: none;
    padding: 15px 20px 15px 20px;
}
#menu li a:hover
{
    padding: 15px 20px 15px 20px;
    color: #fff;
    text-decoration: none;
    background: url(/Content/images/bg_navhover.png) no-repeat center transparent;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

.bookingsenquiry p
{
    padding: 0px 0px 5px 0px;
}
.bookingsenquiry label
{
    display: block;
    width: 120px;
    float: left;
}
.bookingsenquiry input[type="text"]
{
    float: left;
    margin-bottom: 5px;
    width: 200px;
}

.bookingsenquiry .error
{
    width: 200px;
}
.bookingsenquiry .formboxlarge
{
    height: 100px;
    width: 200px;
    font-family: Arial, Verdana, Sans-Serif, Helvetica;
    font-size: 13px;
}
.enquiry p
{
    padding: 0px 0px 5px 0px;
}

.enquiry label
{
    display: block;
    width: 70px;
    float: left;
}
.enquiry .error
{
    width: 170px;
}
.enquiry input
{
    float: left;
    margin-bottom: 5px;
}
.enquiry label.inline
{
    display: inline;
    margin: 0px;
}

.formboxlarge
{
    height: 100px;
    width: 170px;
    font-family: Arial, Verdana, Sans-Serif, Helvetica;
    font-size: 13px;
}



fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 170px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 170px;
    border: 1px solid #CCC;
}



/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}
.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}