@charset "UTF-8";

:root {
    --title-color: ##000000;
    --brand-color: #aa3717;
}

body {
	background: url("../portal_visitpico_bin/main_bg.png") repeat top center;
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	/*color: #646363;*/
	color: #454545;
	width: 100%;
	height: 100%;
}

ol, ul {
	padding: 0;
	margin: 0;
}

body > img {
	display: none;
}


/*
 * Typography
 */
a {
	color: #898998;
}

a:hover {
	color: #6d8ab7;
}

#main b, #main strong {
	font-weight: 700;
}

h1, h2, h3 {
	color: #6d8ab7;
	font-weight: 100;
	text-transform: uppercase;
}

.win h1, .win h2, .win h3,
.mobile h1, .mobile h2, .mobile h3 {
	font-weight: 300;
}

.container h1 {
	font-size: 2em;
	line-height: 1.75em;
	margin-top: 0;
}

h2 {
	font-size: 1.5em;
	line-height: 1em;
}

h3 {
	font-size: 1.1em;
	line-height: 1em;
}

*::selection {
	background-color: #6d8ab7;
	color: #ffffff;
}
*::-moz-selection {
	background-color: #6d8ab7;
	color: #ffffff;
}



/*
 * Structure
 */

#main {
}

#main > div {
	clear: both;
	float: left;
	width: 100%;
}

.holder {
	max-width: 80%;
	margin: 0 auto;
	position: relative;
	height: 100%;
	overflow: hidden;
}

#topBlock {
	background-color: rgba(255,255,255,0.6);
	/*background-image: url("../portal_visitpico_bin/header.jpg");
	background-repeat: repeat-x;
	background-position: top center;
	background-size: auto 100%;*/
	border-bottom: 1px solid #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.20);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.20);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.20);
	top: 0;
	left: 0;
	height: 110px;
	position: fixed;
	z-index: 60;
	transition: background-color 0.5s ease-in-out;
}

body.scrolling #topBlock {
	background-color: #fff;
}

.ie7 #topBlock, .ie8 #topBlock {
	border-bottom: 1px solid #ccc;
}

#topBlock .holder {
	overflow: visible;
}

#centralBlock {
	margin: 0;
	height: 520px;
}

.no-banner #centralBlock,
.map #centralBlock {
	height: auto;
}

.no-banner .flashContainer {
	height: 0 !important;
}

.secondary #centralBlock .holder {
	padding-bottom: 63px;
}

.search #centralBlock .holder {
	padding-bottom: 0;
}

.map #centralBlock .holder {
	padding-bottom: 40px;
}

.details #centralBlock .holder {
	padding-bottom: 60px;
}

#contentBlock {
	background: #ffffff;
	box-shadow: 0 0 15px rgba(0,0,0,0.20);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.20);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.20);
	position: relative;
	z-index: 5;
}

#imagelinksHolder {
	background: #ffffff;
}

#listWidgetHolder {
	background: url("../portal_visitpico_bin/main_bg.png") repeat top center;
}

#bottomBlock {
	text-align: center;
	background: #171717;
	position: relative;
	z-index: 10;
}

#scroll-top {
	background: #6d8ab7;
	background: rgba(109,138,183,0.5);
	color: #ffffff;
	font-size: 0.8em;
	line-height: 1em;
	font-weight: 700;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	text-align: center;
	position: fixed;
	width: 50px;
	height: 35px;
	padding-top: 15px;
	z-index: 100;
	bottom: 5%;
	right: 1.5%;
	text-align: center;
	cursor: pointer;
	opacity: 0;
}

#scroll-top:hover {
	background: #6d8ab7;
}



/*
 * top block
 */

.hotellogo {
	background: url("../portal_visitpico_bin/portal_logo.png") no-repeat 0 center;
	background-size: auto 80%;
	-webkti-background-size: auto 80%;
	-moz-background-size: auto 80%;
	float: left;
	text-indent: -9999px;
	width: 20%;
	height: 100%;
}

.languages {
	float: right;
	padding: 2px 20px 2px 5px;
	position: absolute;
	top: 15px;
	right: 0;
	/* background: #ffffff url("../portal_saojorgetheazores_bin/down.png") no-repeat 90% center; */
	overflow: hidden;
	/* width: 110px; */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.languages ul li {
    display: inline-block;
    border-right: 2px solid black;
}

.languages ul li:last-of-type {
    border: none;
}

.languages ul li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #000000;
    font-weight: 700;
    display: inline-block;
    padding: 0 10px;
    line-height: 29px;
}

.languages ul li a:hover {
    color: #6d6d6d;
}

/* .languages select {
	background: 0 0;
	border: 0 none;
	border-radius: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-webkit-appearance: none;
	line-height: 20px;
	text-decoration: underline;
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-weight: 700;
	color: #bababa;
	width: 140%;
} */

/*.caringnature {
	background: url("../portal_visitpico_bin/caring-for-nature.png") no-repeat right 10px;
	display: block;
	position: absolute;
	top: 5px;
	right: 160px;
	width: 127px;
	height: 39px;
	text-indent: -9999px;
}*/

#topBlock .hoteladdress {
	float: right;
	width: 50%;
	text-align: right;
	margin: 5px 0;
	display: none;
	z-index: 20;
}

.hoteladdress {
	font-weight: 700;
}

.hoteladdress address {
	font-style: normal;
}

#topBlock .hoteladdress address a {
	background-size: auto 85%;
	border: 1px solid #bababa;
	display: inline-block;
	overflow: hidden;
	margin-left: 5px;
	width: 0;
	height: 12px;
	padding: 5px 0 5px 28px;
}

.address {
	background: url("../portal_visitpico_bin/pin.png") no-repeat center center;
}

.phone {
	background: url("../portal_visitpico_bin/phone.png") no-repeat center center;
}

/* menu */
.navigation {
	float: right;
	clear: right;
	width: 80%;
	height: 40px;
	overflow: hidden;
	text-align: right;
	margin: 70px 0 0;
}

.navigation li {
	display: inline-block;
	padding-bottom: 20px;
}

.ie7 .navigation li {
	display: inline;
	margin: 0 5px;
}

.navigation li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
	font-weight: 700;
}

.navigation li a:hover, .navigation .active a {
	padding-bottom: 17px;
	color: #7c7c7c;
	border-bottom: 5px solid #7c7c7c;
}

.navigation li:after {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	margin: 0 8px 4px;
	background: #000000;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.navigation li:last-child:after {
	display: none;
}

#toggleNav {
	width: 97%;
	padding: .5% 1%;
	text-align: left;
	float: right;
	position: relative;
	display: none;
	border: 1px solid #bababa;
	color: #bababa;
	background: #ffffff url("../portal_visitpico_bin/down.png") no-repeat 95% center;
	text-align: left;
}

/* menu opened */
.navigation.opened {
	height: auto;
}

.navigation.opened ul {
	display: block;
	border: 1px solid #bababa;
	border-top: none;
}

.navigation.opened li a:hover, .navigation.opened .active a {
	padding-bottom: 0;
	display: block;
}

.navigation.opened li:after {
	display: none;
}



/*
 * center block
 */

.flashContainer {
	position: relative;
	width: 100%;
	clear: both;
}

.flashContainer .gcb_container_sized {
	height: 320px;
}

.flashContainer {
	position: fixed;
	top: 0;
	left: 0;
	height: 530px;
}

.flashContainer .gcb_container_sized {
	height: 530px;
}

.gcb_image_current, .gcb_image_next {
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-position: center;
}

.flashContainer .gcb_image_legend {
	bottom: 50%;
	left: 10%;
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-weight: 700;
	font-size: 2em;
	text-align: left;
	line-height: 24px;
	width: 40%;
}

.flashContainer .gcb_navigation {
	right: auto;
	left: 50%;
	margin-left: -47.5%;
	top: 80px;
}

/*.portal-overview .flashContainer .gcb_navigation {
	margin-left: -40%;
}*/

/* booking gadget */
.bookingGadget {
	float: right;
	position: relative;
	z-index: 40;
	height: 407px;
	background: #ffffff;
	background: rgba(255,255,255,0.9);
}

.win .bookingGadget {
	width: 256px;
}

.advancedSearch form {
	padding: 20px 30px 20px 30px;
}

.advancedSearch p {
	font-size: 1.8em;
	color: #aa3717;
	border-bottom: 1px solid #d8d8d8;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 0 0 15px;
	margin: 0 0 15px;
}

.selectField {
	float: left;
	position: relative;
	width: 190px;
	height: 25px;
	margin: 0 0 10px;
	clear: both;
}

.selectdown {
	background: #ffffff url("../portal_visitpico_bin/down.png") no-repeat 93% center;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 1em;
	padding-left: 5px;
	width: 100%;
	height: 25px;
	line-height: 25px;
	position: absolute;
}

.advancedSearch form select, .selectField select {
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	height: 25px;
	line-height: 25px;
	position: relative;
}

.advancedSearch label {
	display: block;
	clear: both;
	text-transform: capitalize;
	font-size: 0.75em;
}

/* small fields */
.advancedSearch .selectField.small {
	width: 50px;
}

.advancedSearch .small .selectdown {
	border-right: 0;
	background-position: 90% center;
}

/* medium fields */
.advancedSearch .selectField.medium {
	width: 135px;
	clear: none;
}

.advancedSearch .medium .selectdown {
	border-left: 0;
	padding-left: 10px;
}

.secondary .advancedSearch .medium .selectdown {
	background: none;
}

/* calendar icons */
.calicon {
	float: left;
	background: red;
	width: 25px;
	height: 25px;
	position: relative;
	margin-left: -15px;
	background: #ffffff url("../portal_visitpico_bin/down.png") no-repeat center;
	border: 1px solid #d8d8d8;
	border-left: none;
	border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
}

/* calendar tables */
.yui-dialog {
	position: absolute;
	z-index: 60 !important;
	visibility: hidden;
	left: auto !important;
	right: 10%;
}

#gc_id_0_c {
	margin-right: 55%;
}

#gc_id_1_c {
	margin-right: 30%;
}

.yui-dialog {
	margin-right: 30px;
}

.yui-calcontainer {
	padding: 10px;
	background: #ffffff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 15px rgba(0,0,0,0.50);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.50);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.50);
}

.calheader {
	background: #6d8ab7;
	margin: -10px -10px 0;
	color: #ffffff;
	line-height: 30px;
	width: 193px;
	text-align: center;
}

.calheader a {
	width: 30px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}

.calnavleft {
	float: left;
	background: url("../portal_visitpico_bin/arrow-left.png") no-repeat center;
}

.calnavright {
	float: right;
	background: url("../portal_visitpico_bin/arrow-right.png") no-repeat center;
}

.calweekdayrow {
	border-bottom: 1px solid #d8d8d8;
}

.calweekdaycell {
	color: #d8d8d8;
}

.calcell {
	color: #d8d8d8;
}

.previous {
	color: #aaa;
}

.today {
	background: #6d8ab7;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	text-align: center;
	color: #ffffff;
}

.today a {
	text-decoration: none;
	color: #ffffff;
}

.advancedSearch .centered label {
	float: left;
	width: 50%;
	clear: none;
}

.centered .selectField.small {
	clear: none;
	margin-bottom: 20px;
}

#divnra {
	margin-right: 45px;
}

.advancedSearch .centered .small .selectdown {
	border-right: 1px solid #d8d8d8;
}

/* book now button */
.advancedSearch form button {
	width: 102.5%;
	clear: both;
	display: block;
}

form button {
	padding: 10px 10px 10px 25px;
	border: none;
	font-size: 1em;
	font-weight: 400;
	border-radius: 3px;
	color: #ffffff;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #aa3717;
	background-image: url("../portal_visitpico_bin/arrow-right.png");
	background-position: 15px center;
	background-repeat: no-repeat;
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8f270b), to(#aa3717));
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-linear-gradient(top, #aa3717, #8f270b);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -moz-linear-gradient(top, #aa3717, #8f270b);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -ms-linear-gradient(top, #aa3717, #8f270b);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -o-linear-gradient(top, #aa3717, #8f270b);
	background-position: 15px center, 0 0;
}

form button:hover {
	background-color: #72ae71;
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f915e), to(#72ae71));
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -moz-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -ms-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -o-linear-gradient(top, #72ae71, #5f915e);
}

/* secondary pages booking engine */
.secondary .bookingGadget {
	border: 1px solid #d8d8d8;
	background: #ffffff;
	margin: 20px 0;
	width: 100%;
	height: 183px;
	box-sizing: border-box;
	-web-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.bookingGadget.closed {
	height: 57px;
	overflow: hidden;
	margin-top: 110px;
}

.bookingGadget {
	margin-top: 110px;
}

#toggleAdvanceBook {
	background: url("../portal_visitpico_bin/toggle_newsearch.png") no-repeat right -45px;
	width: 100%;
	height: 20px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	right: 30px;
	margin: 0;
	cursor: pointer;
	z-index: 20;
	text-indent: -9999px;
}

.closed #toggleAdvanceBook {
	background-position: right 0;
}

.secondary .selectField {
	clear: none;
	width: 30%;
	margin-bottom: 30px;
}

.secondary .selectdown {
	background-position: 97% center;
}

.secondary .dropdownDestination, .secondary .dropdownCategories {
	margin-right: 2.5%;
	width: 30%;
}

.secondary .dropdownPrice {
	margin-right: 0;
	width: 34%;
}

.secondary .advancedSearch .selectField.small {
	width: 7%;
}

.secondary .advancedSearch .selectField.medium {
	width: 21%;
}

.secondary .advancedSearch label {
	position: absolute;
	top: 105px;
	left: 30px;
}

.secondary .advancedSearch label[for=checkout] {
	left: 33.5%;
}

.secondary .calicon {
	margin-left: 0;
	margin-right: 1.9%;
	width: 2.6%;
}

.secondary .centered {
	float: left;
	position: relative;
	width: 34.5%;
}

.secondary .advancedSearch label[for=nra] {
	top: -20px;
	left: 0;
}

.secondary .advancedSearch label[for=nrc] {
	top: -20px;
	left: 15%;
}

.secondary .advancedSearch .centered .selectField.small {
	width: 10%;
}

.secondary #divnra {
	margin-right: 5%;
}

.secondary .advancedSearch form button {
	clear: none;
	float: left;
	width: 65%;
	margin-left: 10%;
	margin-top: -10px;
}

/* secondary pages booking engine - closed */
.search #centralBlock.aSearchClosed {
	height: 130px;
}

.secondary .aSearchClosed .bookingGadget {
	height: 55px;
	overflow: hidden;
}

.secondary .aSearchClosed .advancedSearch p {
	background-position: right 0;
}



/*
 * other widgets on banner
 */
.widgets {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	z-index: 10;
	display: none;
}

.widgets > div {
	height: 40px;
	background: #ffffff;
	overflow: hidden;
}

.widgets form > *, .widgets .show form > span {
	display: none;
}

.widgets .show form {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 5px;
	height: 30px;
}

.widgets form p {
	margin: 5px 0 0;
	display: block;
	text-indent: -9999px;
	line-height: 30px;
	cursor: pointer;
}

.widgets .show form p {
	float: left;
	margin: 0 10px 0 0;
	width: 40px;
}

.widgets .show form > * {
	display: block;
}

.widgets form input {
	float: left;
	border: none;
	border-bottom: 1px solid #d8d8d8;
	height: 25px;
	margin-right: 15px;
	width: 158px;
}

.widgets form button {
	line-height: 22px;
	float: left;
	border: none;
	color: #ffffff;
	text-transform: capitalize;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #333333;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#333333));
	background-image: -webkit-linear-gradient(top, #333333, #000000);
	background-image: -moz-linear-gradient(top, #333333, #000000);
	background-image: -ms-linear-gradient(top, #333333, #000000);
	background-image: -o-linear-gradient(top, #333333, #000000);
	padding: 3px 5px;
	background-position: 0 0;
}

.widgets form button:hover {
	background-color: #72ae71;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f915e), to(#72ae71));
	background-image: -webkit-linear-gradient(top, #72ae71, #5f915e);
	background-image: -moz-linear-gradient(top, #72ae71, #5f915e);
	background-image: -ms-linear-gradient(top, #72ae71, #5f915e);
	background-image: -o-linear-gradient(top, #72ae71, #5f915e);
}

.widgets > div.show {
	width: 300px;
}

.widgets .quickSearch.show {
	width: 270px;
}

/* quick Search */
.quickSearch {
	float: right;
	width: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 50;
}

.quickSearch p {
	background: url("../portal_visitpico_bin/search.png") no-repeat center;
}

/* map search */
.googleMapSearch {
	float: right;
	width: 50px;
	margin-right: 10px;
	position: absolute;
	bottom: 0;
	right: 50px;
	z-index: 40;
}

.googleMapSearch p {
	background: url("../portal_visitpico_bin/search-map.png") no-repeat center -30px;
}

.googleMapSearch p:hover {
	background-position: center 0;
}

/* quicklinks */
.quicklinks {
	float: left;
	max-width: 80%;
	position: relative;
}

.quicklinks ul {
	padding: 0 10px;
}

.quicklinks li {
	display: inline-block;
	line-height: 40px;
}

.ie7 .quicklinks li {
	display: inline;
}

.quicklinks li a {
	font-weight: 700;
	text-decoration: none;
	color: #aa3717;
}

.quicklinks li a:hover {
	text-decoration: underline;
	color: #6d8ab7;
}

.quicklinks li:after {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	margin: 0 5px 4px;
	background: #454545;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.quicklinks li:last-child:after {
	display: none;
}



/*
 * content
 */

.content h1:first-of-type {
	display: none;
}

.content p, .content hr {
	clear: both;
}

/* hotel widget */
.hotelWidget {
	float: left;
	width: 23%;
	width: calc(25% - 15px);
	height: 180px;
	margin: 0 20px 20px 0;
	overflow: hidden;
	position: relative;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

#hotelwidget4, #hotelwidget8, #hotelwidget12 {
	margin-right: 0;
}

/* first child */
#hotelwidget1 {
	width: 55%;
	height: 380px;
}

/* second child */
#hotelwidget2 {
	width: 48%;
	width: calc(45% - 20px);
	margin-right: 0;
}

/* fourth child */
#hotelwidget3, #hotelwidget4 {
	width: 23%;
	width: calc(22.5% - 20px);
}

#hotelwidget4 {
	margin-right: 0;
}

.hotelWidget > a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.hotelWidget img {
	width: 100%;
	height: auto;
}

.info > div {
	position: relative;
	z-index: 1;
}

.hotelHead {
	background: #6d8ab7;
	background: rgba(109,138,183,0.65);
	padding: 10px 10px 0;
	font-size: 1.5em;
	color: #ffffff;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hotelHead div {
	float: left;
}

.name {
	margin-right: 10px;
}

.rating {
	background: url("../portal_visitpico_bin/star_white.png") no-repeat 0 5px;
	height: 25px;
	width: 58px;
}

.stars1 {
	width: 10px;
}
.stars2 {
	width: 23px;
}
.stars3 {
	width: 35px;
}
.stars4 {
	width: 47px;
}
.stars5 {
	width: 58px;
}

.hotelWidget .title {
	padding: 0 10px 10px;
	background: #6d8ab7;
	background: rgba(109,138,183,0.65);
	width: 100%;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hotelWidget .description {
	background: #ffffff;
	background: rgba(255,255,255,0.7);
	padding: 0 10px;
	position: absolute !important;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#hotelwidget1 .description {
	padding: 10px;
	height: auto;
}

#hotelwidget2 .description {
	position: relative;
	height: 100%;
	width: auto;
	right: 0;
	left: 210px;
	padding-left: 20px;
}

#hotelwidget2 > a {
	width: 210px;
	overflow: hidden;
}

#hotelwidget2 .hotelHead, #hotelwidget2 .title {
	width: 210px;
}


.booking {
	display: none;
	background: #000000;
	background: rgba(0,0,0,0.65);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	z-index: 50;
	padding: 45% 0 0;
	text-align: center;
}

.hotelWidget:hover .booking {
	display: block;
}

.hotelWidget:hover .hotelHead, .hotelWidget:hover .title {
	display: none;
}

.button {
	font-size: 1em;
	font-weight: 400;
	border-radius: 3px;
	color: #ffffff;
	text-transform: capitalize;
	text-decoration: none;
	padding: 7px 7px 7px 25px;
	border: none;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #aa3717;
	background-image: url("../portal_visitpico_bin/arrow-right.png");
	background-position: 10px center;
	background-repeat: no-repeat;
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8f270b), to(#aa3717));
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-linear-gradient(top, #aa3717, #8f270b);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -moz-linear-gradient(top, #aa3717, #8f270b);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -ms-linear-gradient(top, #aa3717, #8f270b);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -o-linear-gradient(top, #aa3717, #8f270b);
	background-position: 10px center, 0 0;
}

.button:hover {
	color: #ffffff;
	background-color: #72ae71;
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f915e), to(#72ae71));
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -moz-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -ms-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -o-linear-gradient(top, #72ae71, #5f915e);
}

.price {
	top: 30%;
	left: 50%;
	margin-left: -50px;
	position: absolute;
	color: #ffffff;
	width: 100px;
	display: none;
}

.price span {
	float: right;
}

.price .value {
	font-size: 2em;
}

#hotelwidget1 .booking {
	padding-top: 35%;
	height: 50%;
}

#hotelwidget2 .booking {
	padding-top: 25%;
	height: 40%;
}

/*
 * hotel list widget
 */
.listWidget {
	width: 100%;
	min-height: 149px;
	clear: both;
	background: #ffffff;
	overflow: hidden;
	position: relative;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e1e1e1;
	border-right: 3px solid #6d8ab7;
	margin: 20px 0;
}

.listWidget form > a {
	float: left;
	width: 17.5%;
	height: 125px;
	border: 1px solid #6d8ab7;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	overflow: hidden;
	margin-right: 2.5%;
}

.listWidget img {
	width: 100%;
	height: auto;
	margin-top: -25px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.listWidget .title {
	background: none;
	color: #6d8ab7;
	font-size: 1.5em;
	display: block;
	font-weight: 700;
	padding: 10px 0;
}

.listWidget .description {
	float: left;
	position: relative !important;
	display: block;
}

.controls {
	position: absolute;
	bottom: 10px;
	left: 21%;
	right: 10px;
}

.listWidget .selectField {
	clear: none;
	margin-right: 2.5%;
	width: 42%;
}

.listWidget form select {
	width: 103%;
}

.listWidget button {
	padding: 5px 15px 5px 20px;
	background-position: 5px center;
	background-position: 5px center, 0 0;
	background-size: auto 50%, cover;
	float: right;
	margin-right: 2%;
}

.listWidget .price {
	color: #454545;
	float: right;
	position: relative;
	margin: 0;
	left: auto;
	top: auto;
	margin-bottom: 5px;
	margin-right: 2%;
	width: 90%;
	text-align: right;
}

.listWidget .price .value {
	margin-left: 10px;
}



/*
 * content
 */

.container {
	padding: 40px 0;
	overflow: hidden;
}

.content {
	text-align: justify;
}

.container iframe {
	width: 100% !important;
}

.wSidebar .content {
	width: 65%;
	float: left;
	margin: 0 3.3% 0 0;
}

#sidebar {
	width: 30.7%;
	float: left;
	background: #f1f1f1;
	overflow: hidden;
	display: none;
}

#sidebar > div {
	padding: 7% 0;
	clear: both;
	border-bottom: 1px solid #b2b2b2;
	overflow: hidden;
}

#sidebar > div:last-of-type {
	border-bottom: none;
}

#sidebar > * {
	margin: 0 7%;
}

#sidebar img {
	max-width: 100%;
	height: auto;
}

#contentBlock #sidebar .weather-gadget {
	display: none;
}



/*
 * bottom block
 */

 #bottomBlock a {
	text-decoration: none;
}

/* social media */
.socialmedia {
	margin: 3% 0 1.5%;
}

.socialmedia li {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	margin: 0 1.5%;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../portal_visitpico_bin/socialmedia_ic.png") no-repeat 0 0;
}

.ie7 .socialmedia li {
	display: inline;
}

.socialmedia li a {
	display: block;
}

.socialmedia .facebook {
	background-position: 0 -73px;
}

.socialmedia .instagram {
	background-position: 0 -25px;
}

.socialmedia .twitter {
	background-position: 0 -49px;
}

.socialmedia .youtube {
	background-position: 0 -1px;
}

.socialmedia .flickr {
	background-position: 0 -121px;
}

.socialmedia .pinterest {
	background-position: 0 -145px;
}

.socialmedia .tripadvisor {
	background-position: 0 -169px;
}

.socialmedia .newsletter {
	background-position: 0 -193px;
}

.socialmedia .googleplus {
	background-position: 0 -241px;
}

.socialmedia .blog {
	background-position: 0 -265px;
}

.socialmedia .sharethis {
	text-indent: 0;
	background: none;
}

/* address */
#bottomBlock .hoteladdress {
	padding: 0 0 3%;
	border-bottom: 1px solid #b2b2b2;
	color: #fff;
}

#bottomBlock .hoteladdress a {
	display: block;
	background: none;
	color: #fff;
}

.footerMenu {
	padding: 3% 0;
	border-top: 1px solid #ffffff;
}

.footerMenu li {
	display: inline;
}

.footerMenu li:after {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	margin: 0 0.5% 4px;
	background: #898998;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

/* seals */
.footerlogos {
	background: #ffffff url("../portal_visitpico_bin/landingpage/footer_logos.png") no-repeat center;
	background-size: auto;
	width: 100%;
	height: 50px;
	box-shadow: 0 0 15px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.25);
	position: relative;
	z-index: 10;
}

#seals {
	width: 100%;
	height: 45px;
	overflow: hidden;
	background: url("../portal_visitpico_bin/seals_bg.png") repeat-x 0 0;
}

.powered {
	float: left;
	line-height: 45px;
}

.security {
	float: right;
}



/*
 * Search
 */

/* top bar */
.topbar {
	width: 100%;
	margin: 0 0 20px;
}

.paginator {
	background: #f1f1f1;
	overflow: hidden;
	padding: 10px;
	border: 1px solid #e1e1e1;
}

/* filter */
.filterby {
	float: left;
}
.filterby > * {
	float: left;
}

.filterby a {
	padding: 5px 10px;
	background: #ffffff;
	margin: -3px 0 0 5px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.filterby .orderDesc, .filterby .orderAsc {
	width: 11px;
	height: 7px;
	float: right;
	margin: 7px 0 0 10px;
}

.filterby .orderDesc {
	background: url("../portal_visitpico_bin/down.png") no-repeat;
}

.filterby .orderAsc {
	background: url("../portal_visitpico_bin/up.png") no-repeat;
}

/* results */
.results {
	float: right;
}

.nrResults {
	color: #6d8ab7;
	font-size: 1.5em;
}

/* nr of pages */
.pages {
	float: right;
	list-style: none;
	margin: 3px 10px 0 0;
	text-align: right;
}

.pages li {
	display: inline-block;
	margin: 0 1px;
}

.ie7 .pages li {
	display: inline;
}

.pages li span {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: #6d8ab7;
	color: #ffffff;
	width: 20px;
	height: 20px;
	display: block;
	text-align: center;
}

.pages li a {
	text-decoration: none;
}

.pages li a span {
	background: #ffffff;
	color: #454545;
}

.pages li:hover a span {
	background: #6d8ab7;
	color: #ffffff;
}

.search .content {
	float: right;
	width: 65%;
	margin: 0 0 0 3.3%;
}

.filterWidget {
	width: 30.7%;
	float: left;
	background: #f1f1f1;
	overflow: hidden;
	border: 1px solid #e1e1e1;
}

.filterWidget form {
	margin: 7%;
}

.filterWidget .title {
	background: none;
	font-size: 2em;
	font-weight: 300;
	line-height: 1em;
	color: #6d8ab7;
	border-bottom: 1px solid #d8d8d8;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 0 0 15px;
	margin: 0 0 15px;
}

.filterWidget ul {
	list-style: none;
	overflow: hidden;
	padding-bottom: 20px;
}

.filterWidget li {
	display: block;
}

.filterWidget li input {
	float: left;
	width: 10%;
	margin: 5px 0 0;
}

.filterWidget li label {
	float: left;
	width: 90%;
}

.counter {
	color: #6d8ab7;
}

.filterWidget form button {
	padding-left: 35px;
}

/* hotel tag widget */
.hotelTagWidget {
	width: 100%;
	clear: both;
	background: #ffffff;
	overflow: hidden;
	position: relative;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e1e1e1;
	border-right: 3px solid #6d8ab7;
	margin: 0 0 10px;
	text-align: left;
}

.hotelTagWidget:nth-child(even) {
	background: #f1f1f1;
}

.hotelTagWidget > a {
	float: left;
	width: 35%;
	height: 165px;
	border: 1px solid #6d8ab7;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	overflow: hidden;
	margin-right: 2.5%;
}

.hotelTagWidget img {
	width: 100%;
	height: 100%;
}

.hotelTagWidget .info {
	float: left;
	width: 60%;
}

.hotelTagWidget .name {
	float: left;
	margin-right: 40px;
}

.name a {
	color: #6d8ab7;
	font-size: 1.5em;
	display: block;
	font-weight: 700;
	padding: 10px 0;
	text-decoration: none;
	text-transform: capitalize;
}

.hotelTagWidget .rating {
	background: url("../portal_visitpico_bin/star.png") no-repeat 0 10px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.hotelTagWidget .title {
	float: left;
	font-weight: 700;
	width: 100%;
}

.hotelTagWidget .description {
	float: left;
	margin: 5px 0;
	font-size: 0.9em;
	line-height: 1.45em;
}

.location {
	font-size: 0.75em;
	font-weight: 700;
	clear: both;
}

.hotelTagWidget .booking {
	/*display: block;*/
	padding-top: 15%;
}

.hotelTagWidget:hover .booking {
	display: block;
}

.hotelTagWidget .price {
	width: 130px;
}

.hotelTagWidget .price span {
	float: left;
}

.hotelTagWidget .price .value {
	margin: 0 5px;
}



/*
 * Details page
 */

/* hotel gallery */
#hotelGallery {
	float: left;
	width: 69%;
	margin: 0 1% 0 0;
	position: relative;
}

.largeImagePlaceholder {
	height: 390px;
	padding: 10px;
	overflow: hidden;
	border: 1px solid #d8d8d8;
	background: #ffffff;
	box-sizing: border-box;
	-web-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.largeImagePlaceholder img {
	width: 100%;
	height: 368px;
}

.thumbnails {
	width: 100%;
	height: 105px;
	margin: 1% 0 0;
	padding: 10px 32px;
	overflow: hidden;
	border: 1px solid #d8d8d8;
	background: #ffffff;
	box-sizing: border-box;
	-web-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.thumb {
	float: left;
	width: 15.6%;
	height: 85px;
	overflow: hidden;
	list-style: none;
	margin: 0 1% 10px 0;
	cursor: pointer;
}

#hotelGallery .hidden {
	display: none !important;
}

.thumb img {
	width: auto;
	height: 100%;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}

.thumb:hover img {
	filter: none;
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
}

#hotelGallery span {
	position: absolute;
	bottom: 40px;
	width: 11px;
	height: 16px;
	background: url("../portal_visitpico_bin/nav.png") no-repeat;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}

#hotelGallery #previous {
	background-position: 0 0;
	left: 10px;
}

#hotelGallery #next {
	background-position: -11px 0;
	right: 10px;
}

/* special promotions */
#hotelGallery .promotionsgadget {
	display: block !important;
	position: absolute;
	left: 11px;
	top: 11px;
	right: 11px;
	background: #6d8ab7;
	background: rgba(109,138,183,0.65);
	color: #ffffff;
}

#hotelGallery .promotionsgadget:hover {
	background: #ffffff;
	background: rgba(255,255,255,0.85);
	color: #6d8ab7;
}

.prgWrapper {
	padding: 10px 10px 40px;
}

.prgTitle {
	font-size: 1.5em;
	font-weight: 700;
	text-transform: capitalize;
}

.prgImgWrapper {
	display: none;
}

.prgClick {
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 0.75em;
	font-weight: 700;
	text-decoration: underline;
}

.prgDescription {}



/* hotel details */
.hotelTitle {
	width: 0;
	height: 0;
	overflow: hidden;
}

#hotelDetails {
	float: right;
	width: 30%;
	height: 502px;
	padding: 10px 20px 120px;
	overflow: hidden;
	border: 1px solid #d8d8d8;
	background: #ffffff;
	position: relative;
	box-sizing: border-box;
	-web-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#hotelDetails h1 {
	font-size: 1.5em;
	font-weight: 700;
	text-transform: capitalize;
}

#hotelDetails .description a {
	font-size: 0.75em;
	font-weight: 700;
}

#hotelDetails .price {
	top: auto;
	left: 10px;
	right: 10px;
	bottom: 20px;
	margin: 0;
	width: auto;
	color: #454545;
	text-align: center;
}

#hotelDetails .price span {
	float: none;
}

.priceWrapper {
	margin: 0 0 15px;
	padding: 10px 0;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}

.priceWrapper > * {
	display: inline;
	color: #6d8ab7;
}

.priceWrapper .from {
	color: #454545;
}

/* contact form widget */
.contactformWidget {
	display: none;
	background: #000000;
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	text-align: left;
}

.hidden {
	overflow: hidden;
}

.contactformWidget.opened {
	display: block;
}

.details #centralBlock .contactformWidget .holder {
	padding: 0;
	width: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -25%;
	max-width: 50%;
	height: 300px;
	background: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	overflow: hidden;
	border: 1px solid #d8d8d8;
}

.closeform {
	float: right;
	background: url("../portal_visitpico_bin/close.png") no-repeat 0 0;
	width: 14px;
	height: 14px;
	cursor: pointer;
	text-indent: -9999px;
	margin: 10px 10px 0 0;
}

.contactformWidget form {
	padding: 20px;
	overflow: hidden;
}

.contactformWidget p {
	float: left;
	width: 50%;
	margin: 10px 0;
}

.contactformWidget .comments {
	width: 100%;
}

.contactformWidget p label {
	float: left;
	width: 35%;
}

.contactformWidget input, .contactformWidget textarea {
	background: #f1f1f1;
	border: 1px solid #e1e1e1;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.contactformWidget input {
	width: 50%;
}

.contactformWidget textarea {
	width: 92.5%;
	height: 90px;
}

.contactformWidget input[type="submit"] {
	font-size: 1em;
	font-weight: 400;
	border-radius: 3px;
	color: #ffffff;
	text-transform: capitalize;
	text-decoration: none;
	padding: 7px 7px 7px 25px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #6d8ab7;
	background-image: url("../portal_visitpico_bin/arrow-right.png");
	background-position: 10px center;
	background-repeat: no-repeat;
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#546c94), to(#6d8ab7));
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-linear-gradient(top, #6d8ab7, #546c94);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -moz-linear-gradient(top, #6d8ab7, #546c94);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -ms-linear-gradient(top, #6d8ab7, #546c94);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -o-linear-gradient(top, #6d8ab7, #546c94);
	background-position: 10px center, 0 0;
}

.contactformWidget input[type="submit"]:hover {
	color: #ffffff;
	background-color: #72ae71;
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f915e), to(#72ae71));
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -moz-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -ms-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -o-linear-gradient(top, #72ae71, #5f915e);
}

.required {
	width: 5%;
	color: #6d8ab7;
	padding-left: 5px;
}

#hotelDetails .contactform {
	background-color: #f1f1f1;
	background-image: url("../portal_visitpico_bin/arrow-right.png");
	background-position: 10px center;
	background-repeat: no-repeat;
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aaaaaa), to(#f1f1f1));
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-linear-gradient(top, #f1f1f1, #aaaaaa);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -moz-linear-gradient(top, #f1f1f1, #aaaaaa);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -ms-linear-gradient(top, #f1f1f1, #aaaaaa);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -o-linear-gradient(top, #f1f1f1, #aaaaaa);
	background-position: 10px center, 0 0;
}

.ie9 #hotelDetails .contactform, .ie8 #hotelDetails .contactform, .ie7 #hotelDetails .contactform {
	color: #999;
}

#hotelDetails .contactform:hover {
	color: #ffffff;
	background-color: #72ae71;
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f915e), to(#72ae71));
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -moz-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -ms-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -o-linear-gradient(top, #72ae71, #5f915e);
}

/* details content */
.details #centralBlock {
	position: relative;
	z-index: 10;
	height: auto;
}

.details .quicklinks ul {
	padding: 0;
	background: url("../portal_visitpico_bin/qlinks_shadow.png") repeat-x bottom;
}

.quicklinks .toggle {
	color: #d8d8d8;
	cursor: pointer;
	font-weight: 700;
}

.quicklinks .toggle:hover {
	color: #6d8ab7;
}

.details .quicklinks li:first-child {
	padding-left: 10px;
}

.details .quicklinks li:last-child {
	padding-right: 10px;
}

.details .quicklinks li:after {
	background: #d8d8d8;
}

.quicklinks .toggle.opened {
	color: #454545;
	background: #ffffff;
	border-top: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	padding: 0 10px;
}

.quicklinks .toggle.opened:after {
	display: none;
}

.details .content > div {
	display: none;
}

.details .content > div.opened {
	display: block;
}

.details .content .description {
	column-count: 2;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-gap: 40px;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
}

.details .content .description p {
	margin: 0 0 10px;
}

/* google maps */
#localization {
	overflow: hidden;
	background: url("../portal_visitpico_bin/main_bg.png") repeat top center;
	padding: 40px 0;
	width: 100% !important;
	height: auto !important;
}

.header {
	font-size: 1.1em;
	line-height: 1em;
	color: #6d8ab7;
	font-weight: 100;
	text-transform: uppercase;
	margin-bottom: 40px;
	overflow: hidden;
}

.header > span {
	float: left;
}

.mapHolder {
	width: 100%;
	height: 422px;
	padding: 10px;
	overflow: hidden;
	border: 1px solid #d8d8d8;
	background: #ffffff !important;
	box-sizing: border-box;
	-web-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.smallGoogleMap {
	width: 100%;
	height: 400px;
}

/* weather gadget */
#contentBlock .weather-gadget {
	color: #454545;
	height: 130px;
	overflow: hidden;
}

#contentBlock .weather-shell {
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-weight: 300;
	padding: 20px 0 0;
	margin: 0 auto;
	width: 650px;
}

#contentBlock .weather-conditions {
	width: 220px;
	height: auto;
	margin-top: -12px;
	margin-bottom: 0;
	margin-right: 20px;
}

#contentBlock .weather-conditions .weather-unit {
	font-size: 1em;
}

#contentBlock .weather-today, #contentBlock .weather-tomorrow {
	margin-top: 20px;
	width: auto;
	margin-left: 40px;
}

#contentBlock .weather-today > *, #contentBlock .weather-tomorrow > * {
	line-height: 35px;
	float: left;
}

/* tripAdvisor */
#tripAdvisor #CDSWIDSSP {
	font-weight: 300;
	line-height: 20px;
	color: #454545;
}

#tripAdvisor #CDSWIDSSP {
	width: 100% !important;
}

#tripAdvisor #CDSWIDSSP .widSSPData .widSSPBranding dt,
#tripAdvisor #CDSWIDSSP.widSSPnarrow .widSSPData .widSSPBranding dd {
	width: 100%;
}

#tripAdvisor #CDSWIDSSP .widSSPData .widSSPBranding a, #tripAdvisor #CDSWIDSSP .widSSPData .widSSPBranding a:link, #tripAdvisor #CDSWIDSSP .widSSPData .widSSPBranding a:visited {
	color: #454545;
	font-weight: 700;
	font-style: normal;
}

#tripAdvisor #CDSWIDSSP .widSSPData .widSSPInformation .widSSPPopIdx var.widSSPDig2 b * {
	font-size: 24px;
}

#tripAdvisor #CDSWIDSSP,
#tripAdvisor #CDSWIDSSP div,
#tripAdvisor #CDSWIDSSP .widSSPData .widSSPH18,
#tripAdvisor #CDSWIDSSP .widSSPData .widSSPOneReview .widSSPBullet li span,
#tripAdvisor #CDSWIDSSP .widSSPData .widSSPInformation .widSSPPopIdx var b span,
#tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll .widSSPReadReview li, #tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll .widSSPWriteReview li {
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
}

#tripAdvisor #CDSWIDSSP .widSSPData {
	border: none !important;
	padding: 0;
}

#tripAdvisor #CDSWIDSSP.widSSPnarrow .widSSPData .widSSPOneReview .widSSPBullet li {
	float: left;
	width: 33.3%;
}

#tripAdvisor #CDSWIDSSP .widSSPData .widSSPOneReview .widSSPBullet li span,
#tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:link {
	color: #454545;
}

#tripAdvisor #CDSWIDSSP .widSSPData .widSSPInformation .widSSPPopIdx var, #tripAdvisor #CDSWIDSSP .widSSPData .widSSPInformation .widSSPPopIdx span,
#tripAdvisor #CDSWIDSSP .widSSPData .widSSPInformation .widSSPPopIdx var b span,
#tripAdvisor #CDSWIDSSP .widSSPData .widSSPOneReview .widSSPBullet li .widSSPDate,
#tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:hover, #tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:visited {
	color: #6d8ab7;
}

#tripAdvisor #CDSWIDSSP .widSSPData .widSSPLegal {
	margin-top: 30px;
}

#tripAdvisor #CDSWIDSSP .widSSPData .widSSPBranding,
#tripAdvisor #CDSWIDSSP .widSSPData .widSSPInformation, #tripAdvisor #CDSWIDSSP .widSSPData .widSSPReviews {
	border-color: #d8d8d8;
}

/* amenities list */
.description-amenities ul {
	text-align: left;
	column-count: 2;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-gap: 40px;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
}

.description-amenities li {
}

.description-amenities li span {
	display: none;
}

.description-amenities li:before {
	content: "";
	width: 5px;
	height: 5px;
	margin: 0 10px 0 0;
	float: left;
}

.ie7 .description-amenities li, .ie8 .description-amenities li {
	float: left;
	width: 30%;
	margin-right: 3.3%;
}



/*
 * Map Search
 */
#mapContainer {
	position: relative;
	height: 530px;
	margin: 40px 0;
}

.googleMap {
	width: 100%;
	height: 100%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.map .content h1 {
	display: block;
	margin-bottom: 0;
	line-height: 1em;
	text-align: left;
}

.map #main .content input {
	width: 77.5%;
	float: left;
	margin: 3px 2.5% 0 0;
}

.map .content button {
	width: 20%;
	float: left;
}

/* hotelOverlay */

.hotelOverlay {
	background: #ffffff;
	padding: 5px;
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-weight: 700;
}

.hotelOverlay:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #ffffff;
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin: 5px 0 0 -15px;
}

.hotelOverlayContent div {
	font-size: 2.5em;
}

.hotelOverlayContent div span {
	font-size: 0.55em;
	font-weight: 400;
}

.hotelOverlayContent div .currency {
	font-size: 1em;
}

.hotelInfoOverlay {
	background: #ffffff;
	position: relative;
	z-index: 999;
	width: 37.5%;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #454545;
}

.hotelInfoOverlayInner {
	padding: 10px;
	overflow: hidden;
}

.hotelInfoOverlayInner .hotelUrl {
	font-size: 0.75em;
	font-weight: 700;
}

.hotelInfoOverlayInner .right {
	overflow: hidden;
	position: relative;
}

.hotelInfoOverlayInner .right img {
	width: 100%;
	height: auto;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

#streetViewButton {
	width: 120px;
	position: absolute;
	bottom: 20px;
	right: 10px;
	z-index: 20;
	font-size: 1em;
	font-weight: 700;
	border-radius: 3px;
	color: #ffffff;
	text-transform: capitalize;
	text-decoration: none;
	padding: 0 10px 0 0;
	border: none;
	background: url("../portal_visitpico_bin/streetview.png") no-repeat right 0;
	line-height: 35px;
}

#streetViewButton:hover {
	text-decoration: underline;
}

.book {
	display: block;
	font-size: 1em;
	font-weight: 400;
	border-radius: 3px;
	color: #ffffff;
	text-transform: capitalize;
	text-decoration: none;
	padding: 7px 7px 7px 25px;
	margin: 10px 0 0;
	border: none;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #6d8ab7;
	background-image: url("../portal_visitpico_bin/arrow-right.png");
	background-position: 10px center;
	background-repeat: no-repeat;
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#546c94), to(#6d8ab7));
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-linear-gradient(top, #6d8ab7, #546c94);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -moz-linear-gradient(top, #6d8ab7, #546c94);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -ms-linear-gradient(top, #6d8ab7, #546c94);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -o-linear-gradient(top, #6d8ab7, #546c94);
	background-position: 10px center, 0 0;
}

.book:hover {
	color: #ffffff;
	background-color: #72ae71;
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f915e), to(#72ae71));
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -moz-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -ms-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -o-linear-gradient(top, #72ae71, #5f915e);
}

/* close button */
.hotelInfoOverlayClose {
	position: absolute;
	top: 10px;
	right: 10px;
	background: url("../portal_visitpico_bin/close.png") no-repeat 0 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
	z-index: 20;
}




/*
 * forms
 */

#main .content form {
	overflow: hidden;
	clear: both;
}

#main #contacts_form p {
	margin: 10px 0 0;
}

#main .content input, #main .content select, #main .content textarea {
	background: #ffffff;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 1em;
	padding-left: 5px;
	width: 95%;
	height: 25px;
	line-height: 14px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#main .content select {
	background: #ffffff url("../portal_visitpico_bin/down.png") no-repeat 97% center;
}

#main .content textarea {
	height: 100px;
}

#main #contacts_form input[type="checkbox"] {
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	-webkit-appearance: checkbox;
}

label[for=ckbnotifyme] {
	font-size: 0.75em;
}

#main .content input[type="submit"] {
	float: left;
	margin: 20px 0 40px;
	width: auto;
	height: auto;
	padding: 5px 20px 5px 35px;
	line-height: 25px;
	border: none;
	font-size: 1em;
	font-weight: 400;
	border-radius: 3px;
	color: #ffffff;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #6d8ab7;
	background-image: url("../portal_visitpico_bin/arrow-right.png");
	background-position: 15px center;
	background-repeat: no-repeat;
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#546c94), to(#6d8ab7));
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-linear-gradient(top, #6d8ab7, #546c94);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -moz-linear-gradient(top, #6d8ab7, #546c94);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -ms-linear-gradient(top, #6d8ab7, #546c94);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -o-linear-gradient(top, #6d8ab7, #546c94);
	background-position: 15px center, 0 0;
}

#main .content input[type="submit"]:hover {
	background-color: #72ae71;
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f915e), to(#72ae71));
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -moz-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -ms-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -o-linear-gradient(top, #72ae71, #5f915e);
}



/*
 * imagelinks
 */

.imagelinkgadget {
	float: left;
	margin: 0 20px 20px 0;
	overflow: hidden;
	position: relative;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-bottom: 1px solid #d8d8d8;
	text-align: left;
	padding-bottom: 70px
}

.imagelinkgadget a {
	text-decoration: none;
}

.imgImageWrapper {
	overflow: hidden;
}

.imgImageWrapper img {
	width: 100%;
	height: auto;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.imgTitle {
	color: #6d8ab7;
	font-size: 1.5em;
	font-weight: 700;
	padding: 10px 0;
}

.imgDescription {}

.imgLink {
	width: auto !important;
	position: absolute;
	bottom: 20px;
	margin: 0;
	left: 0;
	float: left;
	padding: 5px 10px 5px 35px;
	border: none;
	font-size: 1em;
	font-weight: 400;
	border-radius: 3px;
	color: #ffffff;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #6d8ab7;
	background-image: url("../portal_visitpico_bin/arrow-right.png");
	background-position: 15px center;
	background-repeat: no-repeat;
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#546c94), to(#6d8ab7));
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-linear-gradient(top, #6d8ab7, #546c94);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -moz-linear-gradient(top, #6d8ab7, #546c94);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -ms-linear-gradient(top, #6d8ab7, #546c94);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -o-linear-gradient(top, #6d8ab7, #546c94);
	background-position: 15px center, 0 0;
}

.imagelinkgadget:hover .imgLink {
	background-color: #72ae71;
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f915e), to(#72ae71));
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -webkit-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -moz-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -ms-linear-gradient(top, #72ae71, #5f915e);
	background-image: url("../portal_visitpico_bin/arrow-right.png"), -o-linear-gradient(top, #72ae71, #5f915e);
}

/* large */
#contentBlock .large, #contentBlock .large-image-only {
	width: 48%;
	width: calc(50% - 20px);
	height: 415px;
}

#contentBlock .wSidebar .large , #contentBlock .wSidebar .large-image-only {
	width: 100%;
	margin-right: 0;
	height: auto;
}

/* medium */
#contentBlock .medium, #contentBlock .medium-image-only {
	width: 48%;
	width: calc(50% - 20px);
	height: 232px;
	padding-bottom: 0;
}

#contentBlock .medium a > div, #contentBlock .medium-image-only a > div {
	float: left;
	width: 47.5%;
}

#contentBlock .medium-image-only a > div {
	width: 100%;
}

#contentBlock .medium .imgImageWrapper, #contentBlock .medium .imgImageWrapper-image-only {
	width: 47.5%;
	height: 212px;
	margin-right: 5%;
}

#contentBlock .medium .imgImageWrapper img, #contentBlock .medium-image-only .imgImageWrapper img {
	width: auto;
	height: 100%;
}

#contentBlock .medium .imgLink {
	left: 52.5%;
}

/* small */
#contentBlock .small, #contentBlock .small-image-only {
	width: 23%;
	width: calc(25% - 20px);
	height: 335px;
	padding-bottom: 20px;
}

#contentBlock .wSidebar .small, #contentBlock .wSidebar .small-image-only {
	width: 30%;
	width: calc(33.3% - 20px);
}

/* small on sidebar */
#contentBlock #sidebar .small-sidebar, #contentBlock #sidebar .small-sidebar-image-only {
	width: 86%;
	margin-right: 0;
	height: auto;
	padding-bottom: 60px;
}

/* image only */
.large-image-only, .medium-image-only, .small-image-only, .small-sidebar-image-only {
	height: auto !important;
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.large-image-only .imgDescription, .medium-image-only .imgDescription, .small-image-only .imgDescription, .small-sidebar-image-only .imgDescription,
.large-image-only .imgLink, .medium-image-only .imgLink, .small-image-only .imgLink, .small-sidebar-image-only .imgLink {
	display: none;
}

.large-image-only .imgTitle, .medium-image-only .imgTitle, .small-image-only .imgTitle, .small-sidebar-image-only .imgTitle {
	text-align: center;
	position: absolute;
	z-index: 20;
	top: 42%;
	left: 0;
	width: 100%;
	color: #fff;
}

/*
 * hotel gallery
 */

#pg {
	border-top: 1px solid #b2b2b2;
	padding-top: 3%;
	margin: 0 -1.5%;
}

.pgContainer {
	float: left;
	width: 30.3%;
	height: 190px;
	position: relative;
	margin: 0 1.5% 3%;
	padding-top: 30px;
}

.pgImage a.loaded {
	opacity: 1!important;
}

.pgImage a {
	display: block;
	height: 190px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-position: center center;
	opacity: 0;
}

.pgImage a img {
	display: none;
}

.pgText {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 5%;
	width: 96%;
	height: 23px;
	overflow: hidden;
	background: #ffffff;
	background: rgba(255,255,255,0.75);
	text-align: left;
	line-height: 1.25em;
}

.pgText strong {
	display: block;
	margin: 0 -2%;
}

.pgContainer:hover .pgText {
	padding-bottom: 5%;
	height: auto;
}




/*
 * css transitions and animations
 */

a,
form button, .button, .quicklinks .toggle,
.widgets > div,
.pages li span, .pages li a span,
#hotelGallery .promotionsgadget,
.thumb img {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.15s;
	-moz-transition-duration: 0.15s;
	-o-transition-duration: 0.15s;
	-ms-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.bookingGadget {
	-webkit-transition-property: height;
	-moz-transition-property: height;
	-o-transition-property: height;
	-ms-transition-property: height;
	transition-property: height;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	-ms-transition-duration: 0.25s;
	transition-duration: 0.25s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}



/*
 * media queries
 */

@media all and (max-width: 1280px) {
}

@media all and (max-width: 1175px) {
	/* details page */
	#hotelDetails .price > a {
		display: block;
	}
	#hotelDetails .contactform {
		margin-bottom: 10px;
	}
}

@media all and (max-width: 1024px) {
	.holder {
		max-width: 85%;
	}
	.yui-dialog {
		right: 7.5%;
	}
	/* portal-overview */
	#contentBlock .wSidebar .medium {
		width: 100%;
		margin-right: 0;
	}
	#contentBlock .wSidebar .medium {
		width: 100%;
		margin-right: 0;
	}
	#hotelwidget1 .booking {
		padding-top: 45%;
	}
	#hotelwidget2 .booking {
		padding-top: 35%;
	}
	.booking {
		padding-top: 55%;
	}
	.hotelWidget .button {
		width: 60%;
		display: block;
		margin: 0 auto 5px;
	}
	.hotelHead {
		font-size: 1.25em;
	}
	.hotelWidget .title {
		font-size: 0.85em;
	}
	.listWidget img {
		margin: 0;
		width: auto;
		height: 100%;
	}
	/* search page */
	.hotelTagWidget .booking {
		padding-top: 20%;
	}
	/* details page */
	.details #centralBlock .contactformWidget .holder {
		width: 70%;
		max-width: 70%;
		margin-left: -35%;
	}
}

@media all and (max-width: 940px) {
	.holder {
		max-width: 90%;
	}
	.yui-dialog {
		right: 5%;
	}
	#gc_id_0_c {
		margin-right: 40%;
	}

	#gc_id_1_c {
		margin-right: 0;
	}
	.hotellogo {
		width: 35%;
	}
	.navigation {
		width: 65%;
		height: 27px;
		margin-top: 65px;
	}
	#toggleNav {
		display: block;
	}
	.navigation ul {
		background: #ffffff;
		clear: both;
		float: right;
		width: 99%;
		display: none;
	}
	.navigation li {
		display: block;
		padding: 1.5%;
	}
	.navigation li a {
		font-size: 1.25em;
	}
	/* hotel widgets */
	.hotelWidget,
	#hotelwidget1, #hotelwidget2, #hotelwidget3, #hotelwidget4 {
		width: 48%;
		width: calc(50% - 15px);
		height: 350px;
	}
	#hotelwidget2 > a {
		width: 100%;
	}
	#hotelwidget2 .hotelHead, #hotelwidget2 .title {
		width: 100%;
	}
	#hotelwidget2 .description,
	.hotelWidget .description {
		padding: 10px;
		height: auto;
		left: 0;
		width: 100%;
	}
	.hotelWidget:nth-child(odd) {
		margin-right: 0 !important;
	}
	#hotelwidget1 .booking,
	#hotelwidget2 .booking,
	.booking {
		padding-top: 50%;
		height: 70%;
	}
	/* imagelink */
	#contentBlock .wSidebar .small {
		width: 47%;
		width: calc(52% - 20px);
	}
	#contentBlock .wSidebar .small:nth-child(odd) {
		margin-right: 0;
	}
	#contentBlock .large {
		height: 335px;
	}
	#contentBlock .medium {
		height: 192px;
	}
	#contentBlock .medium .imgImageWrapper {
		height: 172px;
	}
	.listWidget .selectField {
		width: 41%;
	}
	/* seach page */
	.secondary .bookingGadget {
		height: 233px;
	}
	.bookingGadget.closed {
		height: 57px;
	}
	.secondary .advancedSearch .selectField.small {
		width: 12.5%;
	}
	.secondary .advancedSearch .selectField.medium {
		width: 31.3%;
	}
	.secondary .advancedSearch .calendarCheckout {
		margin-right: 0;
	}
	.secondary .calicon {
		width: 5%;
	}
	.secondary .centered {
		clear: both;
		width: 100%;
	}
	.hotelTagWidget .booking {
		padding-top: 25%;
		height: 50%;
	}
	/* details page */
	.details .quicklinks ul {
		background: #ffffff;
	}
	.quicklinks .toggle {
		width: 50px;
		height: 40px;
		overflow: hidden;
		text-indent: -9999px;
	}
	.details .quicklinks li:after {
		display: none;
	}
	.quicklinks .toggle.opened,
	.details .quicklinks li:first-child,
	.details .quicklinks li:last-child {
		padding: 0;
	}
	#toggle1 {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat -50px 0;
	}
	#toggle1.opened {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat 0 0;
	}
	#toggle2 {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat -50px -40px;
	}
	#toggle2.opened {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat 0 -40px;
	}
	#toggle3 {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat -50px -80px;
	}
	#toggle3.opened {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat 0 -80px;
	}
	#toggle4 {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat -50px -120px;
	}
	#toggle4.opened {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat 0 -120px;
	}
	#toggle5 {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat -50px -160px;
	}
	#toggle5.opened {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat 0 -160px;
	}
	.details .content .description,
	.description-amenities ul {
		column-count: 2;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-gap: 40px;
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
	}
	#tripAdvisor #CDSWIDSSP.widSSPnarrow .widSSPData .widSSPOneReview .widSSPBullet li {
		width: 50%;
	}
	.description-amenities li {
		font-size: 0.85em;
		line-height: 1.6em;
	}
}

@media all and (max-width: 720px) {
	.holder {
		max-width: 95%;
	}
	.yui-dialog {
		right: 2.5%;
	}
	.content {
		text-align: left;
	}
	.quicklinks {
		display: none;
	}
	.imagelinkgadget {
		width: 100% !important;
		margin-right: 0 !important;
		height: auto !important;
	}
	#hotelwidget1 .booking,
	#hotelwidget2 .booking,
	.booking {
		padding-top: 60%;
		height: 70%;
	}
	#contentBlock .small {
		padding-bottom: 70px;
	}
	.listWidget .selectField {
		width: 40%;
	}
	.wSidebar .content {
		width: 100%;
	}
	#sidebar {
		display: block;
		width: 100%;
	}
	#contentBlock #sidebar .small {
		width: 86% !important;
	}
	.powered {
		float: none;
	}
	.security {
		display: none;
	}
	/* search page */
	.hotelTagWidget > a {
		height: 115px;
	}
	.name a {
		font-size: 1.25em;
		padding: 5px 0;
	}
	.hotelTagWidget .booking {
		padding-top: 20%;
		height: 45%;
	}
	/* search filter */
	.filterWidget {
		width: 5%;
		height: 30px;
		overflow: hidden;
		position: absolute;
		z-index: 50;
		box-sizing: border-box;
		-webkti-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.filterWidget .title {
		text-indent: -9999px;
		background: url("../portal_visitpico_bin/filter.png") no-repeat center 7px;
		background-size: 20px auto;
		-webkit-background-size: 20px auto;
		-moz-background-size: 20px auto;
		padding: 0;
		margin: 0;
		border: none;
		cursor: pointer;
	}
	.filterWidget.opened {
		width: 100%;
		height: auto;
	}
	.filterWidget.opened .title {
		background: url("../portal_visitpico_bin/close.png") no-repeat 0 7px;
		text-indent: 0;
		border-bottom: 1px solid #d8d8d8;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		padding: 0 0 15px 45px;
		margin: 0 0 15px;
	}
	.search .content {
		width: 91%;
	}
	.hotelTagWidget img {
		width: 100%;
		height: auto;
	}
	/* details page */
	#hotelDetails {
		width: 100%;
		height: auto;
		margin-bottom: 1%;
		padding-bottom: 160px;
	}
	#hotelGallery {
		width: 100%;
		margin-right: 0;
	}
	.details .quicklinks {
		display: block;
	}
	.details #centralBlock .contactformWidget .holder {
		width: 85%;
		max-width: 85%;
		margin-left: -42.5%;
	}

	.footerlogos {
		background-size: 100%;
	}
}

@media all and (max-width: 640px) {
	.hotelWidget, #hotelwidget1, #hotelwidget2, #hotelwidget3, #hotelwidget4 {
		width: 100%;
		height: 300px;
		margin-right: 0;
	}
	#hotelwidget1 .booking, #hotelwidget2 .booking, .booking {
		padding-top: 30%;
	}
	.listWidget form > a {
		width: 30%;
	}
	.listWidget img {
		width: 100%;
		height: auto;
	}
	.controls {
		left: 0;
		position: relative;
		clear: both;
	}
	.listWidget .selectField {
		margin-bottom: 0;
	}
	.listWidget .description {
		float: none;
	}
	.flashContainer .gcb_image_legend {
		width: 35%;
	}
	/* search page */
	.hotelTagWidget .booking {
		padding-top: 25%;
		height: 50%;
	}
	/* details page */
	.details .content .description,
	.description-amenities ul {
		column-count: 1;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-gap: 40px;
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
	}
	#tripAdvisor #CDSWIDSSP.widSSPnarrow .widSSPData .widSSPOneReview .widSSPBullet li {
		width: 100%;
	}
	#contentBlock .weather-gadget {
		height: auto;
	}
	#contentBlock .weather-shell {
		width: 420px;
	}
	#contentBlock .weather-conditions {
		height: 100px;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.weather-forecast {
		clear: both;
	}
	#contentBlock .weather-today, #contentBlock .weather-tomorrow {
		margin-top: 0;
		margin-bottom: 10px;
	}
	/* map page */
	.hotelInfoOverlay {
		width: 45%;
	}
}

@media all and (max-width: 580px) {
	/* search page */
	.hotelTagWidget .booking {
		height: 55%;
	}
	.hotelTagWidget img {
		width: auto;
		height: 100%;
	}
	.filterWidget {
		width: 7%;
	}
	.details #centralBlock .contactformWidget .holder {
		width: 95%;
		max-width: 95%;
		margin-left: -47.5%;
		height: 320px;
		margin-top: -160px;
	}
	.contactformWidget p {
		width: 100%;
		margin: 5px 0;
	}
	.contactformWidget input {
		width: 58%;
	}
}

@media all and (max-width: 520px) {
	.yui-dialog {
		margin-top: -70px;
	}
	#centralBlock {
		height: 400px;
	}
	#hotelwidget1 .booking, #hotelwidget2 .booking, .booking {
		height: 65%;
	}
	.googleMapSearch {
		margin-right: 0;
		border-right: 1px solid #d8d8d8;
		width: 40px;
		right: 40px;
	}
	.quickSearch {
		width: 40px;
	}
	.flashContainer .gcb_image_legend {
		display: none;
	}
	.bookingGadget {
		width: 100%;
		height: 345px;
	}
	.selectField {
		width: 98%;
	}
	.dropdownCategories, .dropdownPrice {
		display: none;
	}
	.advancedSearch .selectField.small {
		width: 30%;
	}
	.advancedSearch .selectField.medium {
		width: 64%;
	}
	.calicon {
		width: 10%;
		margin-left: -20px;
	}
	.listWidget img {
		width: auto;
		height: 100%;
	}
	/* search page */
	.hotelTagWidget .booking {
		padding-top: 30%;
	}
	.secondary .dropdownDestination {
		width: 98%;
	}
	/* details page */
	.largeImagePlaceholder {
		height: 300px;
	}
	.thumbnails {
		height: 75px;
	}
	.thumb {
		height: 55px;
	}
	.mapHolder {
		height: 322px;
	}
	.smallGoogleMap {
		height: 300px;
	}
	/* map page */
	#mapContainer {
		height: 420px;
	}
}

@media all and (max-width: 480px) {
    .bookingGadget,
    .bookingGadget.closed {
        margin-top: 0;
    }
	.yui-dialog {
		margin-top: -95px;
	}
	.yui-dialog {
		margin-top: -105px;
	}
	#topBlock {
		height: 75px;
	}
	.navigation {
		margin-top: 40px;
	}
	#centralBlock {
		margin-top: 75px;
	}
	.mobile .advancedSearch p {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.mobile .selectField {
		margin-bottom: 5px;
	}
	.mobile .centered .selectField.small {
		margin-bottom: 10px;
	}
	.mobile .advancedSearch .selectField.medium {
		width: 68%;
	}
	.mobile .calicon {
		margin-left: -33px;
	}
	#hotelwidget1 .booking, #hotelwidget2 .booking, .booking {
		padding-top: 45%;
	}
	.listWidget .selectField {
		width: 38.5%;
	}
	.mobile .listWidget .selectField {
		width: 36.5%;
	}
	/* search page */
	.hotelTagWidget .booking {
		padding-top: 40%;
	}
	.filterWidget {
		width: 10%;
	}
	.search .content {
		width: 86%;
	}
	.hotelTagWidget > a {
		display: none;
	}
	.hotelTagWidget .info {
		width: 95%;
	}
	.secondary .advancedSearch .selectField.small {
		width: 12%;
	}
	/* mobile phones */
	.mobile.secondary .bookingGadget {
		height: 305px;
	}

	.mobile.secondary .advancedSearch label {
		position: relative;
		top: auto;
		left: auto;
	}

	.mobile.secondary .advancedSearch .selectField.small {
		width: 20%;
	}

	.mobile.secondary .advancedSearch .selectField.medium {
		width: 77%;
	}

	.mobile .advancedSearch .medium .selectdown {
		width: 96.5%;
	}

	.mobile.secondary .calicon {
		width: 9.5%;
	}

	.mobile.secondary #divnra {
		margin-right: 30%;
	}

	.mobile.secondary .advancedSearch form button {
		width: 100%;
		margin: 0;
	}
	.mobile .hotelTagWidget .price {
		width: 100%;
		margin-bottom: 7.5px;
	}
}

@media all and (max-width: 420px) {
    .mobile .calicon {
		margin-left: -33px;
	}
	#hotelwidget1 .booking, #hotelwidget2 .booking, .booking {
		padding-top: 45%;
		height: 55%;
	}
	/* details page */
	.largeImagePlaceholder {
		height: 250px;
	}
	.quicklinks .toggle {
		width: 40px;
	}
	#toggle1 {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat -55px 0;
	}
	#toggle1.opened {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat -5px 0;
	}
	#toggle2 {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat -55px -40px;
	}
	#toggle2.opened {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat -5px -40px;
	}
	#toggle3 {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat -55px -80px;
	}
	#toggle3.opened {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat -5px -80px;
	}
	#toggle4 {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat -55px -120px;
	}
	#toggle4.opened {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat -5px -120px;
	}
	#toggle5 {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat -55px -160px;
	}
	#toggle5.opened {
		background: url("../portal_visitpico_bin/details_hotel_ic.png") no-repeat -5px -160px;
	}
	/* map page */
	#mapContainer {
		height: 380px;
	}


}
@media all and (max-width: 380px) {
    .mobile .calicon {
		margin-left: -25px;
        border-right: transparent;
    }
}

@media all and (max-width: 280px) {
    .mobile .calicon {
		margin-left: -17px;
    }
}


/*
 * tablet tweeks
 */

.mobile .widgets > div.show {
	width: 260px;
}

.mobile #main .bookingGadget.closed {
	height: 57px;
}

.mobile .widgets form input {
	width: 110px;
}

.mobile .filterWidget li input {
	float: none;
}

.mobile .filterWidget li label {
	float: right;
}

.mobile .container, .mobile #localization {
	padding: 15px 0;
}

.mobile .header {
	margin-bottom: 15px;
}

.mobile .container h1 {
	margin: 0;
}

.mobile h2 {
	margin: 5px 0 0;
}

.mobile .map .content h1 {
	font-size: 1.5em;
}

.mobile .map #main .content input {
	width: 47.5%;
}

.mobile .map .content button {
	width: 37.5%;
}

/* doen't have :hover thing! */
.mobile .booking {
	display: block;
	background: none;
	position: relative;
	top: auto;
	left: auto;
	padding: 0;
	height: auto;
	clear: both;
	margin: 10px 0 0;
	float: right;
}

.mobile .hotelTagWidget .price {
	position: relative;
	top: auto;
	left: auto;
	margin: 0;
	float: right;
	color: #64635F;
	width: auto;
}

.mobile .hotelTagWidget .button {
	float: left;
	margin-right: 10px;
}