﻿body {
    font-size:12px;
    font-family:Calibri;
}

#topbar {
    background-color: #7ec242;
    height: 19px;
    padding: 2px 0px 2px 10px;
    line-height: 19px;
    font-size: 12px;
    color: #ffffff;
}

#header {
    /*background-image: url('../../images/header.png');
    background-repeat: repeat-x;*/
    background: #22457a;
    background: linear-gradient(to bottom, #22457a 0%,#04285f 100%); 
    color: #ffffff;
    position: relative;
}

#phone {
    font-size: 13px;
    line-height:200%;
    padding: 5px 10px 5px 0px;
    text-align:right;
}
#phone > i {
    margin-right:5px;
}


h1 {
    font-size: 21px;
    margin: 0 0 8px 0;
    padding: 0;
    font-weight: bold;
}

.promo a, .promo a:active, .promo a:link, .promo a:visited {
    /*background-image: url('../../images/top.png');
    background-repeat: repeat-x;*/
    background: #3f5b86; /* Old browsers */
    background: linear-gradient(to bottom, #3f5b86 0%,#587095 100%); /* W3C */    
    border-top:solid 2px #587095;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    padding: 6px 15px 5px 15px;
    border-radius: 6px;
    margin-top: 8px;
}

.langsel {
    text-align:right;
}

#menu {
    background-image: url('../../images/menu.png');
    background-repeat: repeat-x;
    height: 34px;
}
#menu a, #menu a:active, #menu a:link, #menu a:visited {
    font-size: 13px;
    text-decoration: none;
    color: #ffffff;
    display: block;
    float: left;
    padding: 9px 12px 8px 12px;
}
#menu a:hover, #menu a.mitemhot {
    background-image: url('../images/menuhot.png');
    background-repeat:repeat-x;
}

#maindiv {
    background-color:#fff;
    min-height:600px;
}
.col-xs-12.langsel {
    width:100%;
    margin-bottom:5px;
}

#social
{
    background-image: url('../../images/socialbg.png');
    background-repeat: repeat-x;
    height: 31px;
    color: #ffffff;
    line-height: 31px;
    padding-left: 10px;
}

.scl-icons
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .scl-icons li
    {
        margin: 6px 0 0 4px;
        background-image: url('../../images/social-icons.png');
        background-repeat: no-repeat;
        background-attachment: scroll;
        /*text-indent: -4000px;*/
        overflow: hidden;
        width: 16px;
        height: 16px;
        float: left;
        cursor: pointer;
    }

    .scl-icons a { display: inline-block; line-height: 16px; width: 16px; text-decoration:none; }

    .scl-facebook
    {
        background-position: -164px 0px;
    }

    .scl-twitter
    {
        background-position: -244px 0px;
    }
    .scl-linkedin
    {
        background-position: -204px 0px;
    }

    .scl-googleplus
    {
        background-position: -44px 0px;
    }

    .scl-facebook:hover
    {
        background-position: -184px 0px;
    }

    .scl-twitter:hover
    {
        background-position: -264px 0px;
    }
    .scl-linkedin:hover
    {
        background-position: -224px 0px;
    }

    .scl-googleplus:hover
    {
        background-position: -64px 0px;
    }

#footer 
{
    width: 100%;
    color: #ffffff; 
    background-color: #003663; 
    height: 310px; 
    /*width: 1006px;*/
    padding: 11px 0px 0px 0px;
    position: relative;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    #footer a, #footer a:active, #footer a:link, #footer a:visited
    {
        color: #ffffff;
        text-decoration: none;
    }

        #footer a:hover
        {
            text-decoration: underline;
        }


#footertext
{
    position: absolute;
    top: 11px;
    left: 178px;
}

#footerlinks
{
    position: absolute;
    top: 11px;
    height: 112px;
    border-left: 1px dotted #ffffff;
    padding-left: 20px;
    left: 400px;
}

    #footerlinks ul,
    .affiliations ul
    {
        float: left;
        list-style-type: none;
        margin:0;
        padding:0;
    }

    #footerlinks li,
    .affiliations li
    {
        margin: 5px 50px 5px 0px;
    }

#pfooter { background-color: rgb(254, 25, 142); height:20px; line-height:20px; font-size:16px; font-weight:bold; padding-left:10px;}
#copyright {padding-left:18px;}

.alright {text-align:right; padding-right:0px;}
/*default page*/
.alreadybooked
{
    border-bottom-left-radius: 5px;
    background-color: #fe198e;
    height: 25px;
    line-height: 25px;
    color: #ffffff;
    padding: 5px 9px;
    text-decoration: none;
}

    .alreadybooked:hover
    {
        text-decoration: underline;
    }
.bookcont{
    margin-top:12px;
    padding-left:25px;
}

.bookeng {
    background-image: url('../../images/bookingengine.png'); 
    background-position: left top; 
    background-color: #ffffff; 
    background-repeat: repeat-x;
    border-left:solid 4px #04285f;
    padding-bottom:8px;
    margin-bottom:12px;
    margin-top:-23px;
}

.darkblue
{
    background-color: #04285f;
    padding-top:15px;
}
.welcome {
    color:#fff;
}

.facebook-front
{
    background-image: url('../../images/facebook-bubble.png');
    background-repeat: no-repeat;
    display: block;
    margin-top: 10px;
    padding-left: 75px;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
}
a.facebook-front:hover{
    color:#f0f0f0;
    text-decoration:none;
}

.xbig
{
    font-size: 18px;
    display: block;
}
#timeplace .header
{
    font-size: 21px;
    color: #04285f;
    font-weight: bold;
    display: block;
}

    #timeplace .note
    {
        color: #333333;
    }

    #timeplace #dateselection
    {
        margin-top: 10px;
    }

    #timeplace table
    {
        border: 0;
        padding: 0;
        margin: 10px 0 0 0;
    }

    #timeplace td
    {
        border-collapse: collapse;
        padding: 0;
        padding-bottom: 4px;
        vertical-align: middle;
    }

    #timeplace .prompt
    {
        font-weight: bold;
        padding-right: 8px;
    }

    #timeplace .form-control {
        margin-bottom:8px;
    }
    input.hasDatepicker {
        background-image: url('../../images/icon_calendar.png');
        background-repeat: no-repeat;
        background-position: 92% center;
    }

    .timepick {padding-left:0px;}

    .form-control.sidenote
    {
        color: #333333;
        border:none;
        padding-left:0px;
        padding-right:0px;
    }


a.fallbackbanner { display: block; width: 100%; height: 493px; position: relative; padding:0px; background-image: url('../../images/banners/def_windmill.png?width=248'); background-repeat: no-repeat; margin-top:12px; color:#fff; text-decoration:none; background-size:contain;}
.fallbackbanner h2 { font-size: 34px; margin:10px; padding-top:10px; padding-left:4px;}
.fallbackbanner span { display: block; position: absolute; bottom: 7px; width: 100%; padding:6px; left: 6px; font-size: 18px; font-weight:bold; /*background-image: url('../../images/greytrans.png');*/ }

#features { margin-top:20px; color: #fff; margin-left:-30px; }
    #features div.feat { background-image: url('../../images/greytrans.png'); min-height:160px; margin-right:-15px;}
    #features a { color: #fff; }
    #features img { float: left; margin: 0px 5px 5px 0px; }
    #features h2 { font-size: 16px; padding: 0px; margin: 4px 0px 4px 0px; }

#trntext
{
    background-image: url('../../images/trntext.png');
    color: #333333;
    background-position: left;
    background-repeat: repeat-y;
    margin-left:-15px;
    margin-top: 20px;
    line-height: 130%;
    padding: 11px;
}

    #trntext .big
    {
        font-size: 16px;
        color: #335c86;
        display: block;
        font-weight: bold;
        line-height: 150%;
    }
.ui-datepicker-month, .ui-datepicker-year {
    color:#04285f;
}


/*fleet*/
.fleetwrap > div.col-xs-12 {
    padding-top:12px;
    padding-bottom:6px;
    border-bottom: solid 2px #fe198e;        
}

.col-xs-12.col-sm-4.ratewrap {
    text-align: center;
}

.ratewrap span, .ratewrap strong {
    display: inline-block;
    width: 80px;
    text-align: left;
    line-height: 150%;
}

.ratewrap strong {
    text-align: right;
    color: #fe198e;
    font-size: 14px;
}
.ratewrap .btn {
    margin-top:15px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: #7ec242 url(../../images/jquery/ui-bg_highlight-soft_50_7ec242_1x100.png) 50% 50% repeat-x;
}
.nav-tabs > li > a {
    background: #003663 url(../../images/jquery/ui-bg_highlight-soft_45_003663_1x100.png) 50% 50% repeat-x;
    color:#fff;
}
p.bg-info {
    padding-top:15px;
    padding-bottom:15px;
}

    #reshold .form-control {
        margin-bottom:8px;
    }

.mapdiv     {min-height:500px; margin-bottom:5px; }
#mapdiv     {height:500px; margin-bottom:5px;}

.passSuitImgs {
    padding: 10px 0px;
}

.col-xs-12.col-sm-4.noSidePadding {
    padding: 0px;
}
/*
    Rac css sent by them
*/
ul.a {
    list-style-position: inside;
    background: #004c99;
    padding: 0px 9px;
}
li.b{

  display: inline-block;
  margin: 7px;
}

/*
    End Rac css sent by them
*/

@media (min-width: 1024px) {
  .container {
    width: 1024px;
  }
}
@media (max-width: 1024px) {
  #footer {
    width:100% !important;
  }

  .langsel{text-align:center; margin-top:12px;}
  .langsel a {margin-right:5px;}
  .alright { background-color:#fe198e;  }
}
@media (max-width: 760px) {
#mapdiv     {height:240px; margin-bottom:5px;}
#left-link a {display:none;}
#right-link a {display:none;}
}


#footerbanners table td {
    width: 20%;
}

#footerbanners img {
    width: 100%;
    padding: 10px;
}

#termscont label, #termscont a {
    font-size: 16px;
}