/*******************************************************************************
* RESET AND GENERAL SETTINGS
*******************************************************************************/
* {
    margin:0;
    padding:0;
}

body{
    text-align:center;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 75%;
    line-height: 1.4em;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset {
    border:0;
}

img {
    border:0;
}
address,caption,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
        margin: 0 0 0 1em;
	list-style-position: inside;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	
	font-weight:normal;
}
abbr,acronym { border:0;
}

h1 {
    font-size: 2.5em;
    color: #de548f;
    padding:0 0 0.5em 0;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1em;
}


.left {
    float: left;
}

.right {
    float: right;
}

.hide {
    display: none !important;
}

.strong{
    font-weight: bold;
    color: #8b8682;
}

p{
    padding:0 0 0.5em 0;
}

p.gap{
    padding-top:20px;
}
/*******************************************************************************
* Structure
*******************************************************************************/

body {
   /*  background: url(../images/header-bg.jpg) repeat-x 0 0; */
   background-color: #faf4ed;
   color: #9e9e9e;
}
#header-outer{
    width:100%;
    background: url(../images/banner-inner-bg.jpg) no-repeat top center;
    background-color: #e6e1dd;

}

body#homepage #header-outer{
        background: url(../images/banner.jpg) no-repeat top center;
        background-color: #e6e1dd;
}

    #header-top-outer{
        width:100%;
        background: url(../images/header-gray-line.gif) repeat-x 0 0;
    }
        #header-top{
            position:relative;
            height:50px;
            width:960px;
            margin:0 auto;
        }

    #header{
        position:relative;
        height:483px;
        width:960px;
        margin:0 auto;
    }

        #header #header-left{
            position:relative;
            width: 229px;
            float: left;
            margin-top: -50px;
        }
        
        #header #header-right{
            position:relative;
            float: left;
            width: 731px;
        }

 #book-now-outer{
    width:100%;
    background: url(../images/book-now-bg.png) repeat-x 0 0;
}
    #book-now{
        position:relative;
        height:55px;
        width:960px;
        margin:0 auto;
        padding: 15px 0 0 0;
        }

#book-now .button {width: 200px;}

#breadcrumb-outer{
    width:100%;
    position: relative;
}
    #breadcrumb{
        height: 40px;
        width: 730px;
        margin: 0 auto;
        padding-left:230px;
    }
        
#middle-outer{
   width:100%;
   background: url(../images/content-bg.gif) repeat-y center;
   border-top:1px solid #e2e2e2;
   border-bottom:1px solid #e2e2e2;
   margin-bottom: 10px;
   clear: both;
}
    #middle{
        width:960px;
        text-align:left;
        margin:0 auto;
    }
        #sidebar{
            width:230px;
            float:left;
            position:relative;
            padding-bottom: 20px;
         }

        #content{
            float: right;
            display:inline;
            position: relative;
            width:730px;
         }

#footer-outer{
      width:100%;
      background: url(../images/footer-bg.png) repeat-x 0 0;
      clear: both;
}
    #footer{
        width:800px;
        padding:0 0 0 160px;
        height:460px;
        margin:0 auto;
        clear:both;
     }

/*******************************************************************************
* Header top
*******************************************************************************/

#top-nav{
    margin: 0;
    padding: 15px 0 0 490px;
    float: left;
    width: 360px
}
    * html #top-nav{
        width: 320px
    }

    #top-nav li{
      margin: 0;
      padding:0;
      float: left;
    }
        #top-nav li{
          margin: 0;
          padding: 0 5px 0 5px;
          float: left;
          border-right: 1px solid #919294;
        }

     #top-nav li a{
        width: 100%;
        float: left;
        color: #919294;
        text-decoration: none;
        line-height: 1.1;
        text-align: center;
    }

    #top-nav li.last{
       border-right: none;
    }
    
    #top-nav li.phone{
        background: url(../images/icons/phone.gif) no-repeat 0 -2px;
        padding-left:13px;
        width: 95px;
    }


/*  Languages *****************************************************************/

ul#languages{
  margin: 0;
  padding:12px 0 0 0;
  float: left;
  width:110px;
  position: relative;
}
    ul#languages li{
        margin: 0;
        padding:0;
        float: left;
    }
    ul#languages li a{
        margin: 0;
        padding: 0;
        display: block;
        height: 20px;
        width: 22px;
        text-indent: -500em;
        text-align: left;
    }
    ul#languages li.germany a{
      background: url(../images/nav/germany-flag.gif) no-repeat center center;
    }
    ul#languages li.germany a:hover,ul#languages li.active.germany a{
         background: url(../images/nav/germany-active.png) no-repeat center center;
    }

    ul#languages li.france a{
        background: url(../images/nav/france-flag.gif) no-repeat center center;
    }
    ul#languages li.france a:hover,ul#languages li.active.france a{
         background: url(../images/nav/france-active.png) no-repeat center center;
    }

    ul#languages li.spain a{
        background: url(../images/nav/spain-flag.gif) no-repeat center center;
    }
    ul#languages li.spain a:hover,ul#languages li.active.spain a{
         background: url(../images/nav/spain-active.png) no-repeat center center;
    }

    ul#languages li.uk a{
        background: url(../images/nav/uk-flag.gif) no-repeat center center;
    }
    ul#languages li.uk a:hover,ul#languages li.active.uk a{
         background: url(../images/nav/uk-active.png) no-repeat center center;
    }

/*  Search box*****************************************************************/

    #search-form{
        margin:10px 0 0;
        padding: 0;
        width: 220px;
        position: relative;
        float: left;
    }

    #search-form fieldset div.field{
        width: 170px;
}
    #search-form fieldset div.field input.text{
        background: url(../images/form/search-bg.gif) no-repeat 0 0;
        width: 157px;
        height: 19px;
        font-size: 0.9em;
        padding:3px 0 2px 3px;
    }

    #search-form fieldset .button{
        height: 26px;
    }
    
/*******************************************************************************
* Promotions
*******************************************************************************/

ul#promos{
    margin:0;
    padding:0;
    width: 229px;
    float: left;
}
    ul#promos li{
      margin: 0;
      padding: 0;
      float: left;
      width: 100%;
    }
        ul#promos li a {
          display: block;
          text-decoration: none;
        }
        ul#promos li a img{
            border: 3px solid #221e1b;
        }

        ul#promos li a.current img, ul#promos li a:hover img{
             border: 3px solid #fdfab3;
        }

#promo-middle, .tabbed-content{
    /*width:390px;
    height: 360px;
    background: url(../images/promo/promo-middle.png) no-repeat 0 0;*/
    float:right;
    margin-top:40px;
}

/* Banner text*** *************************************************************/

#header-content{
    padding: 18px 0 0 20px;
    width: 711px;
    float: left;
    text-align: left;
    height: 400px;
    overflow: hidden;
    margin-bottom: 13px;
}

    .banner-shadow{
        width: 707px;
        height: 270px;
        background: url(../images/banner-shadow.gif) no-repeat 0 0;
        position: relative;
        margin-bottom: 20px;
    }
        .banner-shadow img{
            position: absolute;
            top:0px;
            left:2px;
        }
/*******************************************************************************
* Nav
*******************************************************************************/

#left-nav{
    margin:0;
    padding:10px 10px 13px 10px;
    width: 209px;
    float: left;
    background-color: #f4eee7;
    overflow: hidden;
    height: 341px;
    background: url(../images/nav/left-nav-bg.gif) no-repeat 0 0;
}
 ul#left-nav li{
      margin: 0;
      padding: 0;
      float: left;
      width: 100%;
    }
        ul#left-nav li a {
          display: block;
          text-decoration: none;
          color: #b9b8b7;
          text-align: center;
          line-height: 2.1;
          border-bottom: 1px solid #e8e9e3;
        }
        ul#left-nav li.active a, ul#left-nav li a:hover{
            color:#DE548F;
            font-size: 1.175em;
        }

/* Main nav *******************************************************************/

#main-nav{
    margin: 0;
    padding: 0 0 0 20px;
    width: 711px;
    float: left;
    height: 52px;
}
    #main-nav li{
      margin: 0;
      padding: 0 20px 0 0;
      width: 98px;
      float: left;
    }
        #main-nav li.last{
          padding: 0;
        }

    #main-nav li a{
        float: left;
        width: 98px;
        color: #FFF;
        text-decoration: none;
        line-height: 2.4;
        padding-top:23px;
        text-align: center;
        background: url(../images/nav/nav-bg-transparent.png) no-repeat  bottom left;
    }

    #main-nav li.active a{
        background: url(../images/nav/main-nav-active.gif) no-repeat  bottom left;
        color:#605b56;
        font-weight: bold;
        padding-top:23px;
        padding-bottom: 6px;
       
}

/*******************************************************************************
* Breadcrumb area
*******************************************************************************/

ul.breadcrumb{
    margin: 0;
    padding: 13px 0 0 10px;
    float: left;
    width: 400px;
}
    ul.breadcrumb li{
          padding: 0 15px 0 5px;
          float: left;
          background: url(../images/nav/slash-bg.gif) no-repeat 100% 50%;
    }

     ul.breadcrumb li a{
        color: #919294;
        text-decoration: none;
        line-height: 1.1;
        text-align: center;
    }

    ul.breadcrumb li.active{
       background: none;
    }
    ul.breadcrumb li.active a{
        color:#0b92d2;
    }

/* questions ******************************************************************/

ul.questions
{
    margin: 0;
    padding: 3px 0 0 0px;
    width: /*259*/ 300px;
    float: right;
    /*background-color:pink;*/
}
    ul.questions li{
          padding: 0 15px 0 0px;
          float: left;
    }

     ul.questions li a{
        float: left;
        color: #919294;
        text-decoration: none;
        line-height:34px;
        text-align: center;
    }

    ul.questions li.chat-gb, ul.questions li.chat-es, ul.questions li.chat-de, ul.questions li.chat-nl{
        padding: 0;
        width:138px;
    }
    ul.questions li.chat-gb a{
        width:138px;
        height: 34px;
        background: url(../images/buttons/chat-with-us-gb.gif) no-repeat 0 0;
        text-indent: -500em;
        text-align: left;
}
    ul.questions li.chat-es a{
        width:138px;
        height: 34px;
        background: url(../images/buttons/chat-with-us-es.gif) no-repeat 0 0;
        text-indent: -500em;
        text-align: left;
}
    ul.questions li.chat-de a{
        width:138px;
        height: 34px;
        background: url(../images/buttons/chat-with-us-de.gif) no-repeat 0 0;
        text-indent: -500em;
        text-align: left;
}
    ul.questions li.chat-nl a{
        width:138px;
        height: 34px;
        background: url(../images/buttons/chat-with-us-nl.gif) no-repeat 0 0;
        text-indent: -500em;
        text-align: left;
}


/*******************************************************************************
* Form
*******************************************************************************/

fieldset{
	/*width: 100%;*/
	margin: 0;
	padding: 0;
        border: none;
	position: relative;
}

legend{
	margin: 0;
	padding: 0;
}

div.field{
    width:130px;
    float:left;
    text-align: left;
}

    div.field input.text{
        background: url(../images/form/input-bg.gif);
        width: 108px;
        height: 23px;
        border:none;
        padding: 3px 0 0 3px;
        color: #666;
        font-style: italic;
    }

    div.field label{
        width: 111px;
        text-align: left;
        color: #FFF;
        padding: 0 0 0 3px;
        font-weight: bold;
        position: relative;
        display: block;
    }

/**** Book now form************************************************************/

#book-now h2{
    width: 230px;
    font-size: 1.1em;
    color: #1f6895;
    text-align: left;
    padding:0;
    float: left;
    margin: 0 15px 0 0;
    display: inline;
}
    #book-now h2 span{
        display: block;
        font-size: 1.5em;
        font-weight: bold;
        color: #FFF;
        text-transform: uppercase;

    }
#book-now-form{
    margin: 0;
    padding: 0;
    width: 715px;
    float:left;
}
    span#arrival-date-picker,span#departure-date-picker{
        width: 20px;
        padding-right:3px;
        position: absolute;
        top:0;
        right:0;
    }
    fieldset#number-of-persons{
        width: 310px;
        float: left;
    }

    fieldset#number-of-persons legend{
         color: #FFF;
         font-weight: bold;
    }

    fieldset#number-of-persons div.field{
        width: 100px;
        position: relative;
    }

        fieldset#number-of-persons div.field label{
            width: 50px;
            float: left;
            color: #000;
            padding:5px 0 0 0;
        }

        fieldset#number-of-persons div.field input{
            background: url(../images/form/input-bg-short.gif);
            width: 41px;
            height: 23px;
            border:none;
            padding: 3px 0 0 3px;
        }

        fieldset#number-of-persons div.field span{
            position: absolute;
            top:-15px;
            right:0;
            width: 48px;
            display: block;
            color:#1F6895;
        }

#book-now-form  .button{
        width:143px;
        height: 43px;
        float: left;
    }

/**** Newsleter form **********************************************************/

.newsletter-form{
    position: relative;
    border-bottom: 1px solid #e2e2e2;
    padding:25px 0 10px 0;
}
    .newsletter-form fieldset div.field{
        width: 144px;
    }
    
        .newsletter-form fieldset div.field label {
            width: 144px;
            color: #0B92D2;
            font-weight: normal;
            margin-bottom: 10px;
        }

        .newsletter-form fieldset div.field input.text{
            background: url(../images/form/email-bg.gif) no-repeat 0 0;
            width: 144px;
            height: 26px;
            padding: 4px 0 4px 6px;
            font-size: 0.9em;
        }
    .newsletter-form fieldset div.button{
        
        height: 33px;
        padding-top:28px;
    }


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

.tabs{
    margin:-30px 0 0 0;
    padding:0;
    width:230px;
    height: 40px;
    position: relative;
}
    .tabs li{
       float: left;
    }
        .tabs li.latest{
            width: 103px;
        }

        .tabs li.latest a{
            float: left;
            width: 103px;
            height: 29px;
            color: #bcbcbc;
            text-decoration: none;
            line-height: 2.6;
            text-align: center;
            background: url(../images/buttons/latest-tab.gif) no-repeat 0 0;
            font-weight: bold;
            display: block;
        }

        .tabs li.latest a.current{
            height: 34px;
            color:#463C31;
            background: url(../images/buttons/latest-tab-active.gif) no-repeat 0 0;

        }

        .tabs li.blog{
            width: 122px;
            margin-left:5px;
            position: absolute;
            top:0;
            right:-1px;
         }
        .tabs li.blog a{
            float: left;
            width: 122px;
            color: #bcbcbc;
            text-decoration: none;
            line-height: 2.6;
            text-align: center;
            background: url(../images/buttons/blog-tab.gif) no-repeat 0 0;
            font-weight: bold;
            display: block;
            height: 29px;
           
        }

        .tabs li.blog a.current{
            background: url(../images/buttons/blog-tab-active.gif) no-repeat 0 0;
            color:#463C31;
            height: 34px;
            line-height: 2.4;
        }

 /**** Latest news ************************************************************/
 
 h2.blue{
    color:#31A6DD;
    margin:10px 0 10px 0;
    font-size: 1.4em;
    line-height: 1.5em;
}

 h2.pink{
    color:#DE548F;
    margin:10px 0 10px 0;
    font-size: 1.4em;
    line-height: 1.5em;
    font-weight: bold;
}

.news-item{
    border-bottom:1px solid #E2E2E2;
    margin-bottom: 10px;
}
    .news-item h3{
        color:#31a6dd;
        font-family: Arial, Helvetica, Sans-serif;
        font-size: 1.4em;
        line-height: 1.5em;
        }
        
    .news-item h3 a{
        color:#31a6dd;
        text-decoration: none;
        }

    .news-item h4{
        color:#de548f;
        font-family: Calibri, Helvetica, Sans-serif;
        font-weight: bold;
    }

    .news-image-bg{
        float:left;
        margin:0 5px 5px -5px;
        width: 115px;
        height: 79px;
        background: url(../images/news-image-bg.gif);
        position: relative;
        text-align: center;
    }
        .news-image-bg img{
            left:8px;
            position:absolute;
            top:8px;
        }

    .news-item p{
        padding-left: 0;
    }
    .news-item a.more-details{
         display: block;
         color:#31A6DD;
         margin-bottom: 10px;
    }

    .news-item.last{
        padding-bottom: 20px;
        margin-bottom: 26px;
    }


	.news-item img{
		width: 100px;
		height: 62px;
}

/**** Our community ***********************************************************/

ul.our-community{
    position: relative;
    border-bottom:1px solid #E2E2E2;
    width: 230px;
    margin: 0 0 30px 0;
    padding:0;
    height: 60px;
    clear: left;
}
    ul.our-community li{
        width: 36px;
        float: left;
    }
        ul.our-community li a{
            display: block;
            width: 36px;
        }


/**** associates **************************************************************/

 ul.associates{
    position: relative;
    border-top:1px solid #E2E2E2;
    border-left:1px solid #E2E2E2;
    width: 182px;
    height: 122px;
    margin: 0 auto;
    padding:0;
    clear: left;
    text-align:center;
    float: left;
}
    ul.associates li{
        width: 90px;
        border-right:1px solid #E2E2E2;
        border-bottom:1px solid #E2E2E2;
        display:inline;
         float: left;
    }
        ul.associates li a{
            display: block;
            width: 90px;
        }
        
        ul.associates li a img{
            margin:0 auto 5px;
        }

/**** associates **************************************************************/

ul.gallery{
      float:left;
      line-height:1em;
      margin:0;
      padding:0;
      text-align:center;
      position: relative;
    
}

    ul.gallery li{
         margin:0;
         padding:0;
         display:inline;

    }

        ul.gallery li a{
            display:block;
            float:left;
            margin:0 2px 3px 0;
            padding:0;
            text-align:center;
            width: 69px;
            display:inline;
        }

        ul.gallery li a img{
            display:block;
            margin:0 auto;
        }

 .view-all{
     color:#31A6DD;
     display:block;
     margin: 0 0 30px 0;
     padding:5px 0 30px 0;
     clear: left;
     border-bottom:1px solid #E2E2E2;
}
/*******************************************************************************
* Content area general
*******************************************************************************/

#content h1{
    padding:30px 0 16px 20px;
     /*float:left;*/
}

#content h2, #content h3{
    font-size: 1.4em;
    padding:5px 0 1em 20px;
    color:#8B8682;
     /*float:left;*/
}
#content h2.pink{
    color:#DE548F;
}
#content h3 {width:100%;font-size:1.4em;}
#content p {
    padding-left: 20px;
    /*float:left;*/
}

#content ul {margin-bottom: 20px;}
#content li {/*margin-left: 10px;*/}
#content p img {margin: 5px;}

#content p a {color: #31A6DD; text-decoration: none;}


    
/* content boxes **************************************************************/

.box{
    padding:30px 0 30px 0;
    margin-left: 20px;
    border-bottom: 1px dashed #e2e0dd;
    float: left;
    display: inline;
}

    #content .box h2{
        padding-left: 0 !important;
    }

    .image-container{
        width: 290px;
        height: 170px;
        float: left;
        text-align: center;
        position: relative;
    }

        .image-container.bg{
            background: url(../images/pic-shadow.gif) no-repeat 0 0;
        }

        .image-container img{
            position: absolute;
            left:6px;
            top:4px;
        }

    .text{
        width: 410px;
        float: left;
        padding-left:10px;
    }
        #content .text p{
            padding-left:0;
        }

.find-more{
    display: block;
    color: #4cb0df;
}

.box.first{
    border-top: 1px solid #E2E2E2;
    margin-top:10px;
}

/*******************************************************************************
* Content Inner page
*******************************************************************************/
.box.inner{
    border:none;
    padding:0;
    margin: 10px 0 10px 20px;
}

    .box.inner p{
        padding-left: 0 !important;
    }
    
    ul.thumbnails  {
        float:left;
        line-height:1em;
        margin:0 10px 10px 0;
        padding:0;
        text-align:center;
        display: inline;
        position: relative;
        width: 350px;
    }

        ul.thumbnails li{
            display:inline;
            margin:0;
            padding:0;
        }

            ul.thumbnails a {
                display:block;
                float:left;
                margin:0;
                padding:6px 20px 6px 0;
                text-align:center;
            }
            ul.thumbnails li.last a{
                padding:6px 0 6px 0;
            }

    ul.thumbnails.right{
        float:right;
         margin:0 0 10px 10px;
    }


ul.related{
    margin: 0;
    padding:0 0 0 20px;
    float:left;
    text-align:center;
    position: relative;
}
    ul.related li {
         float:left;
         margin:0;
         padding:0;
         display: inline;
         width: 170px;
    }

    ul.related a{
          display:block;
                float:left;
        color: #3eabde;
        text-align: left;
        text-decoration: none;
        font-size: 1.175em;
        margin-right: 5px;
    }

    ul.related a img {
        display:block;
        margin:0 auto;
        padding-bottom:20px;
    }

.split{
    float: left;
    margin-top: 30px;
    width: 100%;
    border-top:1px solid #E2E2E2;
    height: 150px;
}

.split h2{
    margin-top: 1em;
}
    .split-left{
        width: 560px;
        float: left;
    }
    .split-right{
        width: 169px;
        float: left;
        background-color: #f4eee7;
        border-left:1px solid #e2e2e2;
    }

    ul.share {
        margin:0px;
        padding: 0 0 0 20px;
        float: left;
        width: 130px;
        clear: both;
        height: 110px;
    }
        ul.share li{
            float:left;
            width: 130px;
        }
            ul.share li a{
                float:left;
                display: block;
                color: #8c8c8c;
                line-height: 2.5em;
            }

            ul.share li.share a{
                background: url(../images/icons/share-icon.gif) no-repeat 0 0;
                width: 127px;
                height: 30px;
                text-indent:-500em;
                text-align: left;
            }

            ul.share li.send-to-friend a{
                background: url(../images/icons/send-icon.gif) no-repeat 0 0;
                height: 30px;
                padding-left:30px;
                text-decoration: none;
            }

            ul.share li.print a{
                background: url(../images/icons/print-icon.gif) no-repeat 0 0;
                height: 30px;
                padding-left:30px;
                text-decoration: none;
            }


/*******************************************************************************
* Footer area
*******************************************************************************/

#footer{
    background: url(../images/footer-map.gif) no-repeat 0 0;
     position: relative;
}

/* footer menus ***************************************************************/

.footer-menu{
    margin: 40px 20px 0 0;
    padding:0;
    float: left;
    width: 110px;
    /*background-color: Green;*/
}
    .footer-menu li{
        clear: left;
    }
        .footer-menu li a{
            /*width: 130px;*/
            color: #dfd3c7;
            text-decoration: none;
            line-height:2;
            text-align: left;
            display: block;
            font-size: 0.9em
        }

        .footer-menu li.title{
            /*width: 110px;*/
            color: #8f7d69;
            text-decoration: none;
            padding-bottom: 15px;
            text-align: left;
            display: block;
            border-bottom: 1px solid #8f7d69;;
            margin-bottom: 15px;
            font-size: 1em;
        }

        .footer-menu li.title-large a{
            /*width: 110px;*/
            color: #635d59;
            text-decoration: none;
            line-height:1.3;
            text-align: left;
            display: block;
            font-size: 2em
        }

        .footer-menu li.facebook a{
            background: url(../images/icons/facebook-small.gif) no-repeat 95px 60%;
        }
        .footer-menu li.twitter a{
            background: url(../images/icons/twitter-small.gif) no-repeat 95px 60%;
        }
        .footer-menu li.flickr a{
            background: url(../images/icons/flickr-small.gif) no-repeat 95px 60%;
        }
        .footer-menu li.youtube a{
            background: url(../images/icons/youtube-small.gif) no-repeat 95px 60%;
        }
        .footer-menu li.rss a{
            background: url(../images/icons/rss-small.gif) no-repeat 95px 60%;
        }
         .footer-menu li.bookmark a{
            background: url(../images/icons/bookmark-small.gif) no-repeat 95px 60%;
        }

        .footer-menu.longer li.title {
            /*width:180px;*/
            margin-right: 0;
        }
             * html .footer-menu.longer{
               /* margin-right:-100px;*/
             }

/* associates-footer***********************************************************/

ul.associates-footer{
    position: absolute;
    width: 500px;
    margin: 0;
    padding:0;
    float: left;
    bottom: 10px;
    left:0;
}
    ul.associates-footer li{
        width: 40px;
        float: left;
    }
    ul.associates-footer li a{
        display: block;
        width: 40px;
    }

/* copyright ******************************************************************/
   
.copyright{
    color: #8f7d69;
    position: absolute;
    bottom:20px;
    right:0;
}
.copyright a {color: #8f7d69 !important; text-decoration: none;}

div.location{
    color: #8f7d69;
    position: absolute;
    bottom:120px;
    right:0;
    width: 100px;
}
    div.location a{
        display: block;
        text-decoration: underline;
        color: #dfd3c7;
    }


/*******************************************************************************
* Others
*******************************************************************************/

.group:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
 }
.group{display: inline-block;}
/* Hides from IE-mac \*/
* html .group{height: 1%;}
/* End hide from IE-mac */


/*******************************************************************************
* Print
*******************************************************************************/
@media print{
    #sidebar{display:none;}
    #twocols, #content{width:100%; float:none;}
}



/*******************************************************************************
* MAtts stuff
*******************************************************************************/

.blog-feed {
    border-bottom:1px solid #E2E2E2;
    margin-bottom: 10px;
}
    .blog-feed h3{
        color:#31a6dd;
        font-family: Arial, Helvetica, Sans-serif;
        font-size: 1.4em;
        line-height: 1.5em;
        }
        
.blog-feed ul {margin: 0 0 20px 0;}
.blog-feed li {margin: 5px 0;}
.blog-feed a {color: #31a6dd;}
        
        
        
        
        #flashcontent {margin-bottom: 20px;}
        

#packform table {width: 100%; font-size: 13px;}
.darktr {background-color: #de548f; color: #fff;}
.lightr {background-color: #fff;}
#content table {margin: 20px 0 30px 20px;}
#content td {padding: 5px 0 5px 0; /*width: 33%;*/}

.gone {display: none !important;}

#Button1, #nobuttonsml { border: none !important; border: 0; cursor: pointer; background-color: transparent !important; width: 70px;}


#header-blank
{
	 width:100%;
    background: url() no-repeat top center;
    background-color: #faf4ed;
    float: left;
    text-align: left;
}


body#homepage #header-blank{
        background: url) no-repeat top center;
        background-color: #faf4ed;
}

#header-blank-content {float: left; width: 691px; margin: 20px; padding: 20px 0 0 0;}
.picright {float: right; margin: 0 0 0 20px;}
.picleft {float: left; margin: 0 20px 0 0;}

.headlines a {color:#31A6DD; text-decoration: none;}
.headlines li {list-style-type: circle; margin: 0px 0 10px 20px; }
.headlines h2 {margin-top: 20px !important;}

.logos textarea {margin: 20px; width: 600px;}
.logos {margin-top: 20px;}
.logos img {margin: 0 0 20px 20px;}

.pichars {margin: 20px;}
.pichars img {float: left; margin: 0 10px 10px 0;}

.feeding {margin-bottom: 20px;}
.feeding h2 {margin: 20px 0 0 0;}
.feeding hr {border: 0; border-top: 1px solid #ccc !important; height: 1px; margin: 20px;}
.feeding h3 a {color: #31A6DD; text-decoration: none;}

.testbut {float: left; cursor: pointer;}

/*#reservhold hr {margin: 20px 0 20px 20px; border: 0; border-top: 1px solid #ccc; height: 1px;}*/

.arrive-depart-date {width: 400px !important; margin: 0 0 0 20px !important; padding: 0 !important;}
.arrive-depart-date a {color: #31A6DD;}


.xtrawidth {width: 170px !important;}
.xtrawidth2 {width: 130px !important;}

#content hr {border: 0; border-top: 1px solid #ccc; height: 1px; margin: 20px;}
















.unit h1 {text-transform: capitalize; margin: 10px 0px 20px 0px;}
.unit table {width: 440px; float: left; border: 0px solid #ccc; margin-left: 10px;}
.unit {background-color: #f8f8f8; margin: 10px 0px 15px 0px; padding: 10px; float: left;}
.unit th {vertical-align: bottom; font-weight: normal; font-size: 11px; line-height: normal;}
.unit td {padding: 2px 10px 2px 2px; font-size: 12px; text-transform: capitalize;}
.unitimg {float: left; margin: 10px 20px 10px 20px; padding: 4px; border: 1px solid #ccc; width: 200px; height: 133px;}

.unitnew form {/* float: left; margin: 2px 0px 2px 0px; padding-bottom: 5px;border-bottom: dashed 1px #ccc;*/}
.unitnew h1 {text-transform: capitalize; margin: 10px 0px 20px 0px;}
.unitnew {/*width: 700px; _width:690px;*/}
.unitnewdates {margin-left: 10px; width: 440px; font-size: 12px;}
.unitnewdates td {padding: 2px 0px 2px 0px; font-size: 11px; text-transform: capitalize; text-align: center !important;}
.unitnewdates th {text-align: center; font weight: bold; color:#31A6DD; font-family:Arial,Helvetica,Sans-serif; font-size:1.4em; line-height:1.5em; padding-bottom: 20px;}
.unitnew button {float: right;}
.totalpricenew {float: right; font-size: 14px; margin: 2px 5px 2px 2px;background-color: #7D6A55; color: #fff;}
.unitnew li {list-style: none;}
.unitnew label {margin: 10px 0 !important; display: block; width: 300px;}
.payment {margin-left: 20px !important;}
.unitnew a {color:#31A6DD; float: right; margin-right: 5px; margin-bottom: 20px;}

.totalprice {background-color: #7D6A55; color: #fff; float: right; margin: 0px 20px 0px 20px;text-align: center; padding: 15px; font-size: 18px; font-weight: bold;}
.total {font-size: 14px; color: #DE548F;} 
.totalmarg {margin-left: 160px;}
.totalprice span {font-size:25px;}
.bookingdetails {width: 400px; float: left;}

.totaldoofa {margin: 20px 0 10px 0;}
.total2 {font-size: 14px; color: #DE548F; text-align: center;} 

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


.blue {
    color:#31A6DD !important; text-transform: capitalize !important;}
    
    
    .contact {margin: 0 0 0 20px;}
    .contact label {float: left; width: 600px; margin: 5px 0; font-weight: bold;}
    .contact input {float: left; width: 600px; padding: 5px; margin: 5px 0;}
    .contact textarea {float: left; width: 600px; padding: 5px; margin: 5px 0; height: 200px;}
    .contact a {color:#31A6DD;}
    
.bread
{
    width: 400px;
    float: left;
    padding: 0px;
}
.crumb
{
    width: 300px;
    float: right;
}



.blockpink {background-color: #afde54; display: block; padding: 5px !important; margin-left: 20px !important; width: 100%; color: #fff !important; font-weight: bold;}

#reservhold hr {border: 0; height: 1px; margin: 0 20px 20px 20px; padding: 0; border-bottom: 1px dashed #ccc !important;}
#reservhold h2 {color: #DE548F; font-size: 14px; margin: 0 0 20px 0 !important; padding: 0; font-weight: bold;}
#reservhold td {padding: 0;}

#resevtable {margin-top: 10px !important; color: #463C31;}
#resevtable  img {float: right;}
.resdate {font-size: 15px; color: #463C31;}
.margtop {margin: 10px 0 20px 0;}

#resevtotal {background-color: #fff; margin: 20px; border: 10px solid #38A7DA; color: #463C31;}
#resevtotal table {width: 620px;}
#resevtotal td {vertical-align: top;}
#resevtotal h2 {color: #DE548F; font-size: 16px; margin: 0 0 15px 0 !important; padding: 0; font-weight: bold; width: 360px;}
#resevtotal h3 {color: #DE548F; font-size: 14px; margin: 0; padding: 0; font-weight: bold;}

.unitimg2 {float: left; padding: 4px; border: 1px solid #ccc; width: 200px; height: 133px;}
.txtbig {font-size: 14px; margin: 0 0 20px 0 !important;}

#fdisp input, #fdisp textarea, #fdisp select {margin: 10px 0 10px 0;}

.resevcard td {vertical-align: top;}
.resevcard a {color: #31A6DD;}
.confirmed {font-size: 20px !important; font-weight: bold; color: #463C31 !important; margin-top: 20px;}
.bookref {color: #463C31; width: 50%;}
.bookref td {text-align: right; line-height: 22px;}
#bigpink {font-size: 15px; font-weight: bold; color: #DE548F; text-align: left !important; padding-left: 40px !important;}