@charset "utf-8";
/* CSS Document */

body { background:url(../images/page_bg.jpg) center; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; overflow-y:scroll; }

#bg_wrapper { width:100%; background:url(../images/header_bg.jpg) no-repeat top center; min-height:750px; }
#container { width:960px; margin-left:auto; margin-right:auto; }

.shadow { -ms-box-shadow: rgba(0, 0, 0, 0.4) 0 15px 30px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 8px 15px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 15px 30px;	}
.rounded-corners { -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; }
.emboss { text-shadow: 0px 1px 0px #e5e5ee; }
.clear { clear:both; }

a img { border:0px; }


.the_tour{text-align: center;padding: 14px 0px!important;}
/*** HEADER & NAV ***/

#header { width:960px; height:170px; }
#nav { width:955px; height:40px; padding:4px 0 0 5px; }
#nav ul { list-style:none; margin:0px; padding:0px; }
#nav .n1 { float:left; margin:0 5px 0 0; text-shadow: 0px -1px 1px #5b5038; font-size:14px; }
#nav .n1 a { display:block; background:url(../images/nav_bg.jpg); height:40px; line-height:40px; padding:0 17px; text-decoration:none; text-transform:uppercase; color:#f4eee1; }
#nav .n1 a:hover { background-position:0 -80px; color:#ffffff; }
#nav .n1.first a { padding:0 17px 0 17px; }
#nav .n1.highlight a { background-position:0 -80px; color:#ffffff; }
#nav .n1.selected a { background-position:0 -80px; color:#ffffff; }

/*** POPUP MENU STYLING ***/

#nav  ul ul { position:absolute; background:#988866; list-style:none; height:auto; width:auto; margin:0px; padding:8px; display:none; z-index:99999; }
#nav  .n1_selected { background:#5b5038; }
#nav  .n1_selected ul { display:block; z-index:99999;}
#nav  .n2 { font-size:14px; line-height:30px; }
#nav  .n1_selected .n2 a { display:block; color:#FFFFFF; background-position:0 0px; background:url(../images/nav_bg.jpg); font-size:13px; line-height:40px; width:180px; padding:0 8px; }
#nav  .n2 a:hover { color:#FFFFFF; background-position:0 -80px; }

#tabnav { background:url(../images/tabnav_bg.jpg); width:950px; min-height:38px; margin:5px 5px 0 5px; }
#tabnav ul { list-style:none; margin:0px; padding:0px; }
#tabnav li { float:left; font-size:13px; }
#tabnav li a { display:block; color:#848484; text-decoration:none; line-height:38px; padding:0 30px; }
#tabnav li a:hover { color:#c2893c; }
#tabnav li.selected a  { color:#404040; background:url(../images/tabnav_selected_bg.jpg); border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding:0 29px; }

#slidercontent { width:950px; padding:0 5px; height:0px; overflow:hidden; }
#slidercontent .sc { display:none; }

#slidercontent .lodgeindex { width:900px; padding:10px 30px 0 30px; }
#slidercontent .lodgeindex .lodge { width:150px; margin:0px 15px 10px 15px; float:left; }
#slidercontent .lodgeindex .lodge a img { border:0px; }
#slidercontent .lodgeindex .lodge h1 { font-size:11px; color:#666666; text-transform:uppercase; margin:0px; padding:1px 2px; }
#slidercontent .lodgeindex .stars { background:url(../images/star_small.gif) repeat-x; height:10px; padding-bottom:5px; }
#slidercontent .lodgeindex .three { width:39px; }
#slidercontent .lodgeindex .four { width:52px; }
#slidercontent .lodgeindex .five { width:65px; }
#slidercontent .lodgeindex .none { width:1px; }

/*
#slidercontent #booksearch { display:block;  }
#slidercontent #booksearch label { display:block; width:120px; float:left; }
#slidercontent #booksearch select {}
#slidercontent .searchFormRow { display:block; }


/*** NIVO ***/

#nivobanner { width:940px; height:440px; padding:10px; position:relative; }
#slider { height:380px; }
#slider_nav { width:940px; height:60px; background:#534b36; }

#slider img { position:absolute; top:0px; left:0px; }
#slider a { bborder:0; display:block; }
.nivo-controlNav { position:absolute; left:10px; bottom:-50px; }
.nivo-controlNav a { }
.nivo-controlNav a.active { }
.nivo-control { float:left; display:block; width:40px; height:40px; text-indent:-9999px; border:0; margin:1px 11px 1px 1px; }
.nivo-control.active { margin:0 10px 0 0; border:1px solid #c2b299; }
.nivo-directionNav a { display:block; width:25px; height:49px; background:url(../images/arrows.png) no-repeat; text-indent:-9999px; border:0; }
a.nivo-nextNav { background-position:-25px 0; right:-35px; }
a.nivo-prevNav { left:-35px; }

.transparent { opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; filter: alpha(opacity=90); }
#booking { width:421px; height:266px; position:absolute; bottom:10px; right:10px; z-index:999; }
#booking_bg {  position:absolute; bottom:10px; right:10px; width:260px; height:250px; background:#f4f4f2; border:1px solid #c0c2c1; }

#booking_form { position:absolute; bottom:28px; right:23px; }
.default {height:132px; width:270px;}
/*.booking {bottom:0px; position:absolute; right:0;   }*/
.button_form {height:223px; width:230px;}
.nightsbridge {height:88px; width:264px;}
#booking_form .space { width: 84px;margin-left: 14px; }
#booking_form #datepicker { margin:0 0 2px 0; }
#booking_form .ui-datepicker-trigger{ padding:2px 0 0 5px; }
#booking_form .ui-datepicker{ display:none; position:absolute; top:20px !important; }
#booking_form .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 0.9em; }
#booking_form label { display:block; width:68px; height:20px; line-height:20px; float:left; margin-left:38px; }
#booking_form select { float:left;margin-left:  4px  }
#booking_form input { float:left; }
#booking_form .clear { margin-left:0; clear:both; }
#booking_form .inputBtnBookNow {margin: 10px 4px 0; }
#booking_form .inputBtnCheckAvailability {margin:10px 4px 4px 4px;}
#booking_form .arrive_btn{position: relative;top: 3px;left: 5px}
#booking_form .leave_btn{position: relative; top: 7px;left: 5px}


/*** CONTENT ***/

.enlarge{
  height: 100px;
  width: 200px;
}
.enlarge_graph{
  height: 100px;
}

#content { clear:both; width:960px; }
h1 { font-family:"Cardo", Times, serif; font-size:28px; text-transform:uppercase; color:#404040; letter-spacing:1px; }
h1:first-letter { font-size:36px;  }
#content h2 { font-family:"Cardo", Times, serif; font-size:22px; text-transform:uppercase; color:#404040; letter-spacing:1px; }
#content h2:first-letter { font-size:30px;  }
#content h3 { font-family:"Cardo", Times, serif; font-size:18px; text-transform:uppercase; color:#404040; letter-spacing:1px; }
#content h3:first-letter { font-size:24px;  }
#content p, #content ul, #content ol {text-align: justify; line-height:20px; color:#666666; }
#content a { color:#1b71ff; }
#content a img { border:0px; }

#content table { width:100%; margin:0 0 15px 0; border-collapse:collapse; font-size:12px; border-right:1px solid #c9c9c9; border-top:1px solid #c9c9c9; }
#content td { padding:7px 8px; margin:0px; line-height:18px; border-left:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; }
#content th { padding:8px 8px; text-align:left; font-size:14px; font-weight:normal; background:#bea56b; color:#ffffff; }
#content table tr:nth-child(odd) { background:#e1e1e1; }
#content th a { color:#ffffff; }

#content .newslist h1 { float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#e5a700; font-weight:normal; text-transform:capitalize; border-bottom:1px solid #c9c9c9; padding-bottom:10px; width:400px; }
#content .newslist h1:first-letter { font-size:18px; }
#content .newslist h1 a { color:#e5a700; text-decoration:none; }
#content .newslist h1 span { font-size:11px; color:#9e9e9e; display:block; }
#content .newslist p { float:left; font-size:11px; line-height:16px; width:400px; margin-top:0px; }
#content .newslist img { float:left; background:#ececec; padding:4px; border:1px solid #c9c9c9; margin-right:20px;  }

#content .newsindex { list-style:none; margin:0px; padding:0px; font-size:15px; line-height:24px; }
#content .newsindex li a { color:#e5a700; text-decoration:none; }
#content .newsindex li span { color:#9e9e9e; text-decoration:none; }

#content .sidenav { list-style:none; margin:0px; padding:0px; }
#content .sidenav li { font-size:12px;  }
#content .sidenav a { text-decoration:none; color:#404040; padding:3px 7px; text-transform:capitalize; line-height:26px; display:block; }
#content .sidenav a:hover { background:#404040; color:#ffffff; }

.pod { float:left; margin:0 10px; }
.full { width:940px; }

.half { width:460px; }
.third { width:300px; }
.twothird { width:600px; padding:0 10px; }
.quarter { width:220px; }
.threequarter { width:700px; }
.fifth { width:172px; }
.sixth { width:140px; }
.seventh { width:117px; }

.index_images { list-style:none; margin:0px; padding:0px; }
.index_images li { float:left; margin:0 15px 10px 0; width:182px; height:225px; }
.index_images img { background:#222222; padding:1px; margin:0px; border:0px; }
.index_images a img { border:0px; }

.portfolio_images { list-style:none; margin:0px; padding:0px; }
.portfolio_images li { float:left; margin:0 12px 12px 0; width:87px; height:87px; }
.portfolio_images img { background:#222222; padding:1px; margin:0px; border:0px; }
.portfolio_images a img { border:0px; }

/*** PODS ***/

#content .tile { position:relative; background:#ececec url(../images/tile_bg.jpg) repeat-x; border:1px solid #c9c9c9; width:290px; hheight:280px; margin:7px 0 0 0; padding-bottom:20px; }
#content .tile h1 { font-size:18px; text-transform:uppercase; font-weight:normal; line-height:50px; padding:0 10px; margin:0px; color:#404040; font-family:Arial, Helvetica, sans-serif; }
#content .tile h1:first-letter { font-size:18px;  }
#content .tile p { font-size:11px; line-height:16px; padding:0 10px; color:#666666; }
#content .tile .ribbon { position:absolute; top:-6px; right:-6px; }
#content .tile .tile_img { width:290px; height:140px; }
#content .tile .pic_bg { position:absolute; top:85px; left:50%; margin-left:-39px; }
#content .tilegallery { height:auto; }
#content .tilegallery ul { list-style:none; padding:10px 10px 0 10px; margin:0px; }
#content .tilegallery li { padding:1px 2px; width:50px; float:left; margin:0px; }
#content .tilegallery li img { width:50px; height:50px; }

#content .tilevideo { cursor:pointer; }
#content .tilevideo .ytvid_img { width:290px; height:140px; overflow:hidden; }
#content .tilevideo .ytvid_img img { margin-top:-37px;  }
#content .tilevideo p { margin-bottom:0px; }
#content .txt { cursor:pointer; }

#content .tile .inquiry_tile_fields {padding:5px;}
#content .tile .inquiry_tile_fields label {clear:left; float:left; width:100px; padding-right:8px;padding-top:4px; text-align: right;}
#content .tile .inquiry_tile_fields input, textarea {float:left; width:150px;}
#content .tile .inquiry_tile_fields textarea {height:80px;}
#content .tile .inquiry_tile_fields input.button {margin-left:105px; margin-top:5px; background: url(../images/enquire.jpg); float:none; text-indent:-9999em; width:140px; height:36px; border:0px; cursor:pointer;}

#content .tripadvisor { height:auto; margin-top:15px; padding:0px; }
#content .tripadvisor p { text-align:center; padding:5px 30px 0 30px; margin-bottom:8px; font-size:15px; line-height:22px; background:url(../images/ta_bg.gif) top center no-repeat; }
#content .tripadvisor i { display:block; color:#eaa400; padding:0 15px 7px 15px; }
#content .tripadvisor .ta_logo { float:right; padding:0 10px 10px 0; }
#content .tripadvisor .ta_btn { float:left; padding:15px 0 0 15px;  }


#content .TA_certificateOfExcellence {padding-left:60px;}

#CDSWIDSSP, #CDSWIDWRL  {width:300px!important; max-width:300px!important; padding-bottom: 15px!important;}
#CDSWIDWRL .widWRLReview textarea {width:270px!important; max-width:3270px!important;}

.txt { cursor:pointer; }

 .inquiry_form_fields label {float:left;clear:both; padding: 5px; width:92px;}
 .inquiry_form_fields select,
 .inquiry_form_fields textarea,
 .inquiry_form_fields submit,
 .inquiry_form_fields input {float:left;}

#content .flash_alert,
#content .flash_error,
#content .errorExplanation ul,
#content .errorExplanation p  { color: #D8000C; background-color: #FFBABA}
#content .flash_error, #content .errorExplanation { padding: 5px 5px 5px 50px; }

#content #tours { list-style:none; margin:0px; padding:0px; }
#content #tours li { padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #dadada; }
#content #tours .tourimg { float:left; width:260px; padding:5px 20px 0 0; }
#content #tours .tourtxt { float:left; width:320px; }
#content #tours .tourtxt p { margin-top:5px; }
#content #tours h3 { margin-bottom:5px; }
#content #tours h3 a { color:#404040; text-decoration:none; }
#content #tours h3 a:hover { color:#1b71ff; }

.tour_images li:first-child {height:186px; width:187px;}

.big_button {font-size:30px !important; width:280px; text-align: center;}

/*** FOOTER ***/

#footer_container { width:100%; height:380px; background:url(../images/footersingle.jpg) repeat-x; margin:30px 0 0 0; }
#footer { width:100%; height:380px; background:url(../images/lrfooter.jpg) center no-repeat;  }
#footer_content { width:960px; margin-left:auto; margin-right:auto; }

#footer .social { padding:30px 0 48px 0; text-align:right; }
#footer .social a { margin-left:10px; }

#footer .nav { height:170px; }
#footer .border {width:170px; }
#footer .nav h1 { font-family:"Cardo", Times, serif; font-size:16px; text-transform:uppercase; color:#e5e5e5; letter-spacing:1px; font-weight:normal; margin:5px 0 5px 0; }
#footer .nav h1:first-letter { font-size:20px;  }
#footer .nav h1 span { font-size:20px;  }
#footer .nav ul { list-style:none; margin:0px; padding:0px; }
#footer .nav li a { text-decoration:none; color:#aaaaaa; line-height:18px; }
#footer .nav li a:hover { color:#ffffff; }


/** FIX in1 ***/
.no_margins {margin:0 !important;}
#ui-datepicker-div { display:none; }

.btn {
    cursor: pointer;
    display: inline-block;
    background-color: #e6e6e6;
    background-repeat: no-repeat;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.25, #ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
    background-image: -moz-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
    background-image: -ms-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
    background-image: -o-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
    background-image: linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
    padding: 5px 14px 6px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    color: #333;
    font-size: 13px;
    line-height: normal;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    transition: 0.1s linear all;
    text-decoration: none;
}

.btn-custom {
    background-color: hsl(36, 80%, 40%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eaa947", endColorstr="#b77614");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#eaa947), to(#b77614));
    background-image: -moz-linear-gradient(top, #eaa947, #b77614);
    background-image: -ms-linear-gradient(top, #eaa947, #b77614);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaa947), color-stop(100%, #b77614));
    background-image: -webkit-linear-gradient(top, #eaa947, #b77614);
    background-image: -o-linear-gradient(top, #eaa947, #b77614);
    background-image: linear-gradient(#eaa947, #b77614);
    border-color: #b77614 #b77614 hsl(36, 80%, 35%);
    color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
    -webkit-font-smoothing: antialiased;
    padding: 5px 10px;
    margin: 4px 4px 4px 28px;

}

.image-align-right{
  float: right;
  margin-left: 6px;
  margin-bottom: 6px;
}

.text-align-left {
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
}

.btn:hover {
    background-position: 0 -15px;
    color: #333;
    text-decoration: none;
}


.btn:disabled {
    cursor: default;
    background-image: none;
    filter: alpha(opacity=65);
    -khtml-opacity: 0.65;
    -moz-opacity: 0.65;
    opacity: 0.65;
}

.btn:active {
    -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
}