/* 
    Document   : main
    Created on : Jun 18, 2009, 10:40:13 AM
    Author     : amsys
    Description:
        Purpose of the stylesheet follows.
*/

/* begin new clearfix */
.row:before, .row:after { content: " "; display: table;}
.row:after { clear: both;}
.row { *zoom: 1;}
.col { display: inline; float: left;}
/* end new clearfix */

table.hotel-summary td.img-space {
    padding-left: 10px;
}

table.hotel-summary td.title {
    background-color: #eff1f2;
    padding: 13px 10px 0 10px;
}

table.hotel-summary .space {
    height: 10px;
}

div.hotel-links {
    padding: 10px;
    border: 1px solid gray;
    background-color:#fbfbfb;
}

div.hoteldesc_main {
    text-align: justify;
}
div.hoteldesc_main h3 {
    font-size: 8pt;
    color: blue;
}

div.hoteldesc_right {
    float: right;
    width: 150px;
    margin-left: 1.5em;
    margin-bottom: 0.6em;
}

div.hoteldesc_right span {
    font-weight: bold;
    color: #a00;
}

div.right {
    text-align: right;
}

table.blue th {
    font-size: 7pt;
    background-color: #B6DDE8;
}

table.blue td {
    font-size: 6.5pt;
}

table.blue {
    border: 2px solid black;
}

div.center {
    text-align: center;
}

a.bluebtn {
    display: block;
    padding: 1em;
    margin: 1.5em auto;
    background-color: #B6DDE8;
    color: black;
    border: 1px outset black;
    text-decoration: none;
    width: auto;
    font-size: 10.5pt;
    width: 60%;
}

a.bluebtn:hover {
    color:maroon;
}

/* BOF osC reCAPTCHA */
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color: #f8f8f9 !important; /* reCaptcha widget background color */
}

#recaptcha_table {
   border-color: #f8f8f9 !important;     /* reCaptcha widget border color */
}

#recaptcha_response_field {
   border-color: #b6b7cb !important;     /* Text input field border color */
   background-color:#ffffff !important;  /* Text input field background color */
   color: #000000                        /* Text input field font color */
}
/* EOF osC reCAPTCHA */

#activity-slider, #activity-static img, #hotel-slider, #category-slider {
    margin: 1px; padding: 0;
    background: #fff url('../images/spinner-small.gif') no-repeat 50% 50%;
}

#activity-slider, #activity-static img, #hotel-slider {
    width: 497px;
    height: 249px;
}

#category-slider {
    width: 533px;
    height: 267px;
}

#activity-static img {
    height: 166px;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 3px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 3px 0px #4a4a4a;
    box-shadow: 0px 1px 3px 0px #4a4a4a;
}

/* The Nivo Slider styles */

.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 3px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 3px 0px #4a4a4a;
    box-shadow: 0px 1px 3px 0px #4a4a4a;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
    display: none;
}

.nivoSlider a {
	border:0;
	display:block;
}

.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

.nivo-caption {
    position:absolute;
    display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    overflow: hidden;
    z-index: 8;
}

/* Styles for old caption */
/*
.nivo-caption {
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    font-family: Helvetica, Arial, sans-serif;
}
*/

#category-slider .nivo-caption {
    right: 0px;
    top: 21px;
    color: #fff;
    width: 488px;
    padding: 12px 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: right;
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.72) 45%, rgba(0,0,0,1) 100%);
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.64) 27%, rgba(0,0,0,0.84) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 27%,rgba(0,0,0,0.84) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 27%,rgba(0,0,0,0.84) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.64) 27%,rgba(0,0,0,0.84) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d6000000',GradientType=1 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
}

.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
    color:#fff;
    border-bottom:1px dotted #fff;
}

.nivo-caption a:hover {
    color:#fff;                                  
}

.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	display:block;
	width:30px;
	height:30px;
	background-image: url('../images/slider/arrows.png')
    background-repeat: no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.nivoSlider:hover .nivo-directionNav a { opacity: 1; }

.nivo-prevNav {
    left:15px;
}
.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 20px 0 0;
}
.nivo-controlNav a {
	cursor:pointer;
	display:inline-block;
	width:22px;
	height:22px;
	background:url('../images/slider/bullets.png') no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

/* thumbnail support */

.nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}

/* nivoSlider END */ 


#open-voucher {
    display: block;
    width: 200px;
    height: 165px;
    direction: ltr;
    text-indent: -9999px;
    margin: 0;
    padding: 0;
}

.en #open-voucher {
    background: url('../images/activity_open_voucher_en.png');
}                                         

.fr #open-voucher {
    background: url('../images/activity_open_voucher_fr.png');
}

/* Whitelabel stuff */

.wl-normal #content {
    background: #ffffff;
    padding: 0;
}

body.wl-narrow {
    margin: 0;
    padding: 0;
}

.wl-narrow #content {
    background: none;
}

.wl-narrow #header, .wl-narrow #content, .wl-narrow #layout-footer {
    width: 100%;
}

/* Narrow Whitelabel Start */

.wl-narrow{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.wl-narrow .lang-en a, .wl-narrow .lang-fr a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 24px;
	height: 15px;
	margin-top:8px;
}

.wl-narrow .lang-en a{
	background-image:url('../includes/languages/english/images/icon.gif');
	background-repeat:no-repeat;
}

.wl-narrow .lang-fr a{
	background-image:url('../includes/languages/french/images/icon.gif');
	background-repeat:no-repeat;
}

.wl-narrow .controls select{
	padding:8px;
}
.wl-narrow .controls{
	margin:20px 0 0 21px;
}

.wl-narrow .controls .currencies label{
	display:block;
	float:left;
	margin-top:10px;
}

.wl-narrow .controls .cart-contents{
	margin:10px 10px 0 10px;
	width:150px;
}
.wl-narrow .controls .cart-contents a{
	color:black;
	font-weight:bold;
}

.wl-narrow .categories-split {
	background:#faf9f7;
}

.wl-narrow .categories-split ul {
	width: 50%;
	margin: 0;
	padding: 0;
}

.wl-narrow .categories-split ul, .wl-narrow .categories-split li {
	list-style: none;
	list-style-type: none;
}

.wl-narrow .categories-split ul li a {
    color: #545454;
    text-decoration: none;
    font-size: 13px;
    display: block;
}

.wl-narrow .categories-split ul li:hover, .wl-narrow .categories-split ul li a:hover{
	background-color:#bcafa0;
	color:#FFF;
	}

.wl-narrow .categories-split ul li {
	margin: 0 10px;
	padding: 13px 10px;
	text-align: left;
	border-top: 1px solid #d9d2c9;
}

.wl-narrow .categories-split ul li:first-child {
	border-top: none;
}

.wl-narrow #layout-footer div.bottom {
    margin: 0;
    padding: 0;
    color: #909090;
    margin-top: 5px;
}

.wl-narrow #layout-footer div.menu {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 367px;
    font-size: 11px;
    margin-left: 11px;
}

/* Narrow Whitelabel End */

ul.wl-menu {
    height: 50px;
    padding: 10px 0 0 0;
}

ul.wl-menu, ul.wl-menu li {
  margin: 0;
  list-style: none;
  list-style-type: none;
}
ul.wl-menu li {
    padding: 0;
}
.en .wl-menu-button a { 
  font-size: 20px;
  padding: 10px 0 10px 0;
}
.fr .wl-menu-button a {
  font-size: 18px; 
  padding: 10px 0 12px 0;
}
.wl-menu-button a {
  background: #27b5cd;
  background-image: -webkit-linear-gradient(top, #27b5cd, #0c2c9d);
  background-image: -moz-linear-gradient(top, #27b5cd, #0c2c9d);
  background-image: -ms-linear-gradient(top, #27b5cd, #0c2c9d);
  background-image: -o-linear-gradient(top, #27b5cd, #0c2c9d);
  background-image: linear-gradient(to bottom, #27b5cd, #0c2c9d);
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  font-family: Arial;
  color: #ffffff;
  margin-right: 8px;
  text-align: center;
  width: 168px;
  display: block;
  border: 1px solid #1f4257;
  text-decoration: none;
}
.wl-menu-button a:active, .wl-menu-button a:hover {
    color: #ffffff;
    text-decoration: none;
}

.wl-menu-button a:hover {
    background: #0c2b9d;
    background-image: -webkit-linear-gradient(top, #0c2b9d, #28b3cf);
    background-image: -moz-linear-gradient(top, #0c2b9d, #28b3cf);
    background-image: -ms-linear-gradient(top, #0c2b9d, #28b3cf);
    background-image: -o-linear-gradient(top, #0c2b9d, #28b3cf);
    background-image: linear-gradient(to bottom, #0c2b9d, #28b3cf);
    text-decoration: none;
}

.wl-language-en a, .wl-language-fr a {
    display: block;
    height: 18px;
    padding: 6px 0 0 26px;
    margin: 5px;
    font-weight: bold;
    text-decoration: none;
    color: #111111;
}

.wl-language-en a:active, .wl-language-en a:hover, .wl-language-fr a:active, .wl-language-fr a:hover{
    color: #111111;
    text-decoration: none;
}

.wl-language-en a {
    background: url('../images/lang-en.png') no-repeat scroll left top transparent;
}

.wl-language-fr a {
    background: url('../images/lang-fr.png') no-repeat scroll left top transparent;
}

div.right-attractions {
    border: 1px solid #EBEBEB;
    margin: 18px 0 0 10px;
    width: 132px;
    padding: 9px;
}

div.right-attractions .currencies span.title {
    display: block;
    font-weight: bold;
}

div.right-attractions .cart {
    border-top: 1px solid #EBEBEB;
    margin-top: 1em;
    padding-top: 1em;
}

div.right-attractions .cart a, div.right-attractions .cart a:hover, div.right-attractions .cart a:active {
    font-weight: bold;
    text-decoration: none;
    color: #111111;
}

div.right-attractions .cart span.title {
    display: block;
    font-weight: bold;
}

div.right-attractions div.icon-cart {
    padding-left: 21px;
    background: transparent url('../images/cart.png') no-repeat scroll 1px 5px;
    margin: 1em 0 0 0;
}

#right-currency-changer {
    margin: 1em 0px;
    width: 152px;
    display: block;
}

#right-currency-changer select {
    width: 130px;
    height: 18px;
    color: #464646;
    font-size: 10px;
    padding-left: 4px;
    font-family: Tahoma;
}

/* datepicker fix */
#ui-datepicker-div { display:none; }

/* whitelabel footer start */

.wl #footer {
	padding: 1em;
    height: 6.5em;
	background: #eeeeee url('../images/cardtypes.gif') no-repeat center 5em;
    overflow-x: hidden;
    position: relative;
    color: #9b9b9b;
}

.wl #footer ul, .wl #footer li {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.wl #footer ul {
    float: left;
    left: 50%;
    position: relative;
    margin-bottom: 0.5em;
}

.wl #footer a {
	color:#9b9b9b;
	text-decoration: none;
}

.wl #footer a:hover {
	color:#9b9b9b;
	text-decoration: underline;
}

.wl #footer ul:before, .wl #footer ul:after { content: " "; display: table;}
.wl #footer ul:after { clear: both;}
.wl #footer li { *zoom: 1;}
.wl #footer li { display: inline; float: left;}

.wl #footer ul li {
	border-left: 1px solid #9b9b9b;
	margin-left: 1em;
	padding-left: 1em;
    left: -50%;
    position: relative;
}

.wl #footer ul li.first {
	border-left: 0;
	padding-left: 0;
    margin-left: 0;
}

.wl #footer ul.actions {
	font-weight: bold;
    clear: both;
}

.wl #footer ul.actions span.year {
	font-weight: normal;
}

/* whitelabel footer end */

div.title-comment {
    border-bottom: 0;
}

textarea#product-comment {
	background-image:url(../images/textarea_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 100%;
	height: 60px;
	color:#333333;
	padding:3px;
	margin-bottom: 1em;
    -webkit-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.57);
    -moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.57);
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.57);
}

div.cart-comment {
    margin-bottom: 1em;
}

div.cart-comment span {
    font-weight: bold;
}

h1.category a {
    color: #00B1DA;
    text-decoration: none;
    font-weight: normal;
}

h1.category {
    background-color: transparent;
    padding: 5px 0px;
    border-bottom: 1px solid #00B1DA;
    margin-bottom: 17px;
    margin: 9px 0 17px 0; 
    font-size: 23px;
}

h1.category a:hover {
    color: #00B1DA;
    text-decoration: none;
}

.category-content {
    padding: 0 9px 4px 9px;
    margin-bottom: 6px;
    background: transparent url('../images/separator.png') bottom center no-repeat;
}

.category-content, .category-content p {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;
    line-height: 19px;
}

.category-info {
    font-weight:bold;
}

.category-content span.icon {
	float:left;
	margin-right: 10px;
}

span.icon {
    display: block;
}

span.icon-info {
    background: url('../images/icon-info.png');
    width: 22px;
    height: 28px;
}