@import url('../js/jquery.ui/css/ui-darkness/jquery-ui.css');
@import url('../js/ticker/ticker.css');
@import url('../js/iconbox/iconbox.css');
@import url('../js/jcarousel/skins/bespoke/skin.css');
@import url('../js/tinyscrollbar/jquery.tinyscrollbar.css');
@import url('../js/rateit/src/rateit.css');
@import url('../js/jquery.selectbox/jquery.selectbox.css');
@import url('../js/jquery.tiptip/tiptip.css');

/*
 *
 *	Clearfix
 *  ------------------------
 */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
html input { overflow: visible; }

/*
 *
 *	Type styles
 *  ----------------------------
 */
 
em, .em { font-style: italic; }
.be, em .be { color: #ef0000; font-style: normal; text-transform: lowercase; }

/*
 *
 *	Widgets, buttons, form items
 *  ----------------------------
 */
 label.helper-on { position: absolute; left: -9999px; }
input, textarea {
    font-family: 'Arial', sans-serif;
    font-size: 1.2em;
}
input.helper-on { color: #808080; }
.content li input, .content li textarea { font-size: 1em; }

.content h1 { margin: 0 0 5px 0; font-size: 2em; font-weight: normal; }
.content h2 { margin: 0 0 10px 0; font-size: 2em; font-weight: normal; }
.content h3 { margin: 0 0 10px 0; font-size: 1.4em; font-weight: bold; text-transform: uppercase; }
.content h3 em {text-transform: uppercase;}
.content p {
    margin: 0 0 10px 0;
    font-size: 1.4em;
    line-height: 1.5;
}
.content li {
    margin: 0 0 10px 0;
    list-style: square;
    line-height: 1.0;
    font-size: 1.4em;
}

.content ul.wedding {
    margin-left: 0px;
}

.content ul.wedding li {
  list-style: none;
  background: url('/assets_front/img/icons/ico-weddings-sm.png') no-repeat 0px 5px;
  padding-left:30px;
  
}


.jcarousel-skin-bespoke .content li {
    margin: 0 0 10px 0;
    list-style: disc;
    line-height: 1.5;
    font-size: 1.4em;
	float: left;
    margin: 0 30px 10px 0;
    width: 120px;	
}

.content li li, .content li p { font-size: 1em; }
.content a {
    color: #4790fd;
    text-decoration: none;
}

.content label { font-size: 1.2em }
.content li label { font-size: 1em; }
form li, .content form li, form.content li { list-style: none; }


.notice{
border:1px solid gold;
background:lightyellow;
padding:10px 20px 10px 10px;
margin:10px 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
color:#DEAE00;
line-height:120%;
vertical-align: center;
text-shadow:0px 1px rgba(255,255,255,0.5);
position:relative;
top:0;
left:0;
clear:both;
}

	.notice.warning{}/*default*/
    .notice.warning p {padding:0; margin:0;font-size:1.2em;text-align: left;}
	.notice.error{border:1px solid red;background:pink;color:red;}
	.notice.success{border:1px solid green;background:lightgreen;color:green;}
    .notice.success p {padding:0; margin:0;font-size:1.2em;text-align: center;}
	.notice .icon{color:inherit;margin-right:10px;margin-bottom:-5px;*margin-top:-5px;}
	.notice a.icon.close,
	.notice a.icon.close:active,
	.notice a.icon.close:visited{font-size:12px;position:absolute;top:5px;right:-5px;left:auto;color:inherit;}


/*
	Form themes
*/
/* Theme 1 */
.form-style-1 legend { margin: 0 0 10px 0; font-size: 1.4em; font-weight: bold; }
.form-style-1 label {
	display: block;
	margin: 0 0 7px 0;
}
.form-style-1 input{
	width: 165px;
	height: 22px;
	padding: 3px 10px 4px 5px;
	border: 1px solid #cecece;
}

.form-style-1 textarea {border: 1px solid #cecece; border-radius: 3px;}

#page-offers  .form-style-1 input{
	width: 196px;
	height: 22px;
}
.form-style-1 input:focus {
	border: 1px solid #aeaeae;
}
.form-style-1 .checkbox input,
.form-style-1 .radio input { width: auto; }
.form-style-1 .checkbox label,
.form-style-1 .radio label { display: inline; }

.form-style-1 .checkbox .iconbox {
	width: 17px; height: 17px;
	background: url('../js/iconbox/img/checkbox.png') no-repeat;
}
.form-style-1 .checkbox .iconbox.checked {
	background-position: 0 -17px;
}

.form-style-1 select,
.form-style-1 .selectBox {
	width: 177px;
}

.form-style-1 legend { margin: 0 0 10px 0; font-size: 1.4em; font-weight: bold; }
.form-style-1 label {
	display: block;
	margin: 0 0 7px 0;
}
.form-style-1 input {
	width: 165px;
	height: 22px;
	padding: 3px 10px 4px 5px;
	border: 1px solid #cecece;
}
.form-style-1 input:focus {
	border: 1px solid #aeaeae;
}
.form-style-1 input.region {text-transform:uppercase;}

.form-style-1 .checkbox input,
.form-style-1 .radio input { width: auto; }
.form-style-1 .checkbox label,
.form-style-1 .radio label { display: inline; }

.form-style-1 .checkbox .iconbox, 
#page-offers .form-style-1 .checkbox .iconbox, #page-minisite .form-style-1 .checkbox .iconbox {
	width: 17px; height: 17px;
	background: url('../js/iconbox/img/checkbox.png') no-repeat;
}

#page-offers .form-style-1 .checkbox .iconbox, #page-minisite .form-style-1 .checkbox .iconbox {
	float: left;
}

.form-style-1 .checkbox .iconbox.checked, 
#page-offers .form-style-1 .checkbox .iconbox.checked, #page-minisite .form-style-1 .checkbox .iconbox.checked {
	background-position: 0 -17px;
}

.form-style-1 select,
.form-style-1 .selectBox {
	width: 177px;
}

.form-style-1 .distance-wrapper { width: 180px; margin: 0px; padding: 0px; }

#page-offers .brochureContainer label {
    color: #404040;
    padding-left: 10px;
	padding-top:1px;
}

/* Autocomplete menus and other Jquery UI overrides */
.ui-autocomplete { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.ui-state-hover, .ui-widget-content .ui-state-hover {
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}

/*
	Select boxes
*/
/* Default style */
.selectBox, .content .selectBox {
	padding: 4px;
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	border: 0 solid;
	background: #fff url('../img/buttons/select1-bg.png') repeat-x; color: #404040;
}
.selectBox .selectBox-arrow {
	width: 28px;
	border: 0 solid;
	background-image: url('../img/buttons/select1-arrow.png');
}
.selectBox,
.selectBox-dropdown-menu { font-size: 1.2em; }
.content li .selectBox,
.content p .selectBox { font-size: 1em; }

.selectBox-dropdown-menu {
	max-height: 300px;
}
.selectBox-options li a { padding: 6px; }
.selectBox-options li.selectBox-selected a { background: #ccc; }
.selectBox-options li.selectBox-hover a { background: #01071a; color: #fff; }
.selectBox-options li.selectBox-disabled a {
	color: #888;
	background-color: transparent;
}

/* Alternative style */
.selectBox2, .content .selectBox2 {
	padding: 0 2px;
	border: 1px solid #b2b2b2;
	background: #a9a9a9 url('../img/buttons/select2-bg.png') repeat-x
}

/* Rating widget */
div.rateit div.rateit-reset { display: none !important; }


/*
	Carousel controls
*/
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next { display: none; }
/*.bx-wrapper:hover .bx-prev,*/
.bx-wrapper:hover .bx-next { display: block; }

.bx-prev, .bx-next {
	display: block;
	position: absolute;
	left: 0; top: 25%; z-index: 999;
	width: 39px; height: 50px;
	background: url('../img/widgets/carousel/btn-nav.png');
	text-indent: -9999px;
}
.bx-next { left: auto; right: 0; background-position: 0 -50px; }


/*
	Buttons
*/
#featured .caption .button, #affiliates .caption .button {
}

.button, .content .button { border: 0 solid; text-decoration: none; cursor: pointer; }
/* Button 1 - orange, sq */
.button1, 
.content .button1 {
	padding: 7px;
	border: 1px solid #9b2700;
	background: #d53500 url('../img/buttons/button1.png') repeat-x;
	color: #fff;
	font-weight: bold; font-family: sans-serif;
	font-size: 1em;
}

/* Button 2 - blue, sq, arrow down */
.button2,
.content .button2 {
	padding: 6px 8px;
	border: 1px solid #405a84;
	background: #4770b2 url('../img/buttons/button2.png') repeat-x;
	color: #fff;
}
/* Button 3 - green, sq, arrow right */
.button3,
.content .button3 {
	padding: 8px;
	border: 1px solid #405a47;
	background: #477052 url('../img/buttons/button3.png') repeat-x;
	color: #fff;
}
/* Button 4 - small blue submit icon */
.button4,
.content .button4 {
	display: block;
	width: 37px; height: 32px;
	padding: 0;
	border: 0 solid;
	background: url('../img/buttons/button4.png');
	text-indent: -9999px;
}
/* Button 5 - blue, rounded, arrow right */
.button5,
.content .button5 {
	padding: 6px 8px;
	border: 1px solid #466495;
	background: #4770b2;
	color: #fff;
	text-align: left;
	font-family: sans-serif; font-weight: bold;
}
.button5-sm,
.content .button5-sm { padding: 4px 22px 4px 6px; font-size: 0.857em; }
/* Button 6 - blue, rounded, arrow right */
.button6,
.content .button6 {
	padding: 6px 22px 6px 8px;
	border: 1px solid #7d9b69;
	background: #558235;
	color: #fff;
	text-align: left;
	font-family: sans-serif; font-weight: bold;
}
/* Button 8 - blue, rounded, arrow right */
.button8,
.content .button8 {
	padding: 6px 22px 6px 8px;
	border: 1px solid #882200;
	background: #c73200;
	color: #fff;
	text-align: left;
	font-family: sans-serif; font-weight: bold;
}

.button10,
.content .button10 {
	padding: 8px;
	border: 1px solid #4a4949;
	background: #4a4949 url('../img/buttons/button10.png') repeat-x;
	color: #fff;
}

.form-style-2 .button8,
.form-style-2 .content .button8 {
	border: 0;
}

.viewArticle {
	font-size: 1.2em;
}

/*#page-offers .button6,
.content .button6 {
	font-size:1em; 
}
*/
.button6-sm,
.content .button6-sm { padding: 4px 22px 4px 6px; font-size: 0.857em; }
/* Button 7 - tiny dark blue submit button */

.button8-sm,
.content .button8-sm { padding: 4px 22px 4px 6px; font-size: 0.857em; }
/* Button 7 - tiny dark blue submit button */

.button7,
.content .button7 {
	display: block;
	width: 19px; height: 18px;
	padding: 0;
	border: 0 solid;
	background: url('../img/buttons/button7.png');
	text-indent: -9999px;
}
/* Small article buttom */

.buttonSmall, 
.content .buttonSmall {
	padding: 2px;
	border: 1px solid #9b2700;
	background: #d53500 url('../img/buttons/button1.png') repeat-x;
	color: #fff;
	font-weight: normal;
}

/* Add to favourites button */
.button-fave,
.content .button-fave {
	display: block;
	width: 24px; height: 24px;
	background: url('../img/buttons/button-fave.png');
	text-indent: -9999px;
}
.button-fave:hover,
.button-fave.on,
.button-fave-added{
	background-position: 0 -24px;
}


/*
	Distance slider
*/
.slider-style-1 { position: relative; }
.slider-enabled .slider-style-1 input { position: absolute; left: -9999px; }
.slider-style-1 .slider {
	width: 180px; height: 28px;
	padding: 1px 1px 1px 1px;
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	border: 0 solid;
	background: url('../img/widgets/map/bg-slider.png') 0 50% no-repeat;
	cursor: pointer;
}
.slider-style-1 .slider.focus { padding: 0; border: 1px dotted #c0c0c0; }
.slider-style-1 .slider .ui-slider-range {
	background: url('../img/widgets/map/bg-slider-range.png') 0 50% no-repeat;
}
.slider-style-1 .slider .ui-slider-handle {
	top: 10px;
	opacity: 0;
	border: 0 solid;
	background: transparent;
}
.slider-style-1 .cap-min,
.slider-style-1 .cap-max { float: left; margin-top: -5px; color: #808080; }
.slider-style-1 .cap-max { float: right; }



/*
	Captioned image blocks
*/


ul.captioned-images li {
	position: relative;
	list-style: none;
	overflow: hidden;
	/*clear:both;*/
}
.captioned-images li a,
.captioned-images li img { 
display: block; 
}
.captioned-images li a {
	display: block;
    opacity: 1;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	transition:	opacity 0.5s linear;
}

.captioned-images li a:hover {
	opacity: 0.8;
}

#page-minisite .captioned-images li .caption {
	position: absolute;
	left: 0; right: 0; bottom: 0;
	padding: 5px 10px;
	border-top: 1px solid #CCCCCC;
	background: url('../images/bg-caption.png');
	background: rgba(0, 0, 0, 0.8); color: #ffffff;
    font-size:0.8em;
}


.captioned-images li .caption {
	position: absolute;
	left: 0; right: 0; bottom: 0;
	padding: 10px;
	border-top: 1px solid #CCCCCC;
	background: url('../images/bg-caption.png');
	background: rgba(0, 0, 0, 0.8); color: #ffffff;
}

/* Accordion */
.ui-accordion { font-size: 1em; }
.ui-accordion .ui-accordion-header {

}

.ui-accordion .ui-accordion-header {
	margin: 0 0 4px 0; 
	/*padding: 10px;*/
	padding: 10px 30px 10px 10px; /* accommodates the description copy and prevents it from hitting the arrow */
	border: 1px solid #ccc; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	background: #dadada url('../img/buttons/button-accordion.png') repeat-x;
	color: #404040;
}
.ui-accordion .ui-accordion-header.ui-state-active { margin: 0; border-top: 2px solid #6790D2; color: #6790D2; }
.ui-accordion .ui-accordion-header .ui-icon {
	left: auto; right: 10px;
	background: url('../img/buttons/button-accordion-arrow.png') no-repeat;
}
.ui-accordion .ui-accordion-content {
	padding: 0; border: 0 solid; background: #fff; color: #404040; overflow:hidden !important;
}
.ui-accordion .ui-accordion-content-active { margin: 0 0 4px 0; }

div.pagination 
{
    padding: 15px 0;
    margin: 0px;
	background: url('../assets_front/images/bg-caption.png');
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	/*height:30px;*/
	font-size:0.75em; /* This may need changed to suit your theme */
	-webkit-font-smoothing:antialiased; /* smooths the font in webkit, optional */
}

div.pagination a 
{
   /* padding: 0px 5px 0px 5px;
    margin: 2px;
    text-decoration: none;   no underline */
	display:block;
	float:left;
	width:28px;
	height:27px;
	text-decoration:none;
	text-align:center;
	line-height:26px;
	margin-right:3px;
	font-weight:bold;
    color: #666666; 
	background: url(../images/numbers_spritesheet.png) no-repeat;
	/*border:1px solid #ff0000;*/
}

div.pagination a:hover, div.pagination a:active 
{
	background-position:0 -27px;
}



div.pagination #pag_current {
	display:block;
	float:left;
	width:28px;
	height:27px;
	text-decoration:none;
	text-align:center;
	line-height:26px;
	margin-right:3px;
	font-weight:bold;
    color: #666666; 
	background: url(../images/numbers_spritesheet.png) no-repeat;
	text-shadow:0 1px 0 #585858;
	color:#fff;
	background-position:-139px 0;
	/*border:1px solid #ff0000;*/
}

div.pagination #pag_first a{
	background-position:-56px 0 !important;
}

div.pagination #pag_first a:hover{
	background-position:-56px -27px !important;
}

div.pagination #pag_last a{
	background-position:-84px 0 !important;
}

div.pagination #pag_last a:hover{
	background-position:-84px -27px !important;
}


div.pagination span.disabled 
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    color: #DDD;
} 


/*
	Sharing widget
*/
#share {
	float: right; clear: both;
	margin: 10px 0;
    width:300px;
	
}
#share iframe { float: left; width: 85px !important; }
#share #plus1, #share #plus1 div, #plus1 iframe { float: left; width: 68px !important; }
#share iframe.twitter-share-button {width: 95px !important;} 

/*
	Results
*/
#page-offers #results {
	clear: both;
}
#page-offers .property-list {
	border: 0 solid;
}
#page-offers .property-list li {
	padding: 15px 10px;
	overflow: hidden;
	list-style: none;
}

#page-offers .property-list li.even {
	background: #fff;
}

/*
	Hotels by Type
*/

#page-offers .mainPropContainer {
	padding:0px 0px 10px 10px;
}
#page-offers .propertyName {
	position: absolute; left: 138px; top: 10px; 
}
#page-offers .nameContainer {
	float: left; display:block;
	font-weight: bold;
}
#page-offers .nameContainer li span{
	color: #BF0000 !important;
}
#page-offers .starsContainer {
	float: left; display:block; margin-left: 5px;
}
/*#page-offers .favContainer {
	float: left; display:block; margin-left: 5px;
}*/
#page-offers .favContainer {
	display:none;
}

#page-offers .pic {
	display: block;
	float: left;
	width: 128px;
	margin: 10px 0px;
    border: 0;
}
#page-offers .desc {
}
#page-offers .propDesc {
	float: left; display:block; width: 340px; overflow: hidden;
}
#page-offers .propDescInner {
	padding: 35px 10px 0px 10px;
}

#page-offers .property-list .property {
	display: inline-block;
	width: auto;
	margin: 0 5px 0 0;
	font-weight: bold;
}
#page-offers .datediv {
	clear:both; display:none;
}
#page-offers .desc .stars {
	display: inline-block;
	height: 22px;
	margin: 0 5px 0 0;
	/*background: url('../img/icons/ico-star.png') 0 50% repeat-x;*/
	text-indent: -9999px;
}

#page-offers .desc .star_white {
	background: url('../img/icons/ico-star.png') 0 50% repeat-x;
}
#page-offers .desc .star_red {
	background: url('../img/icons/ico-star-red.png') 0 50% repeat-x;
}
#page-offers .desc .star_blue {
	background: url('../img/icons/ico-star-blue.png') 0 50% repeat-x;
}
#page-offers .desc .star_green {
	background: url('../img/icons/ico-star-green.png') 0 50% repeat-x;
}

#page-offers .desc .stars-1 { width: 16px; }
#page-offers .desc .stars-2 { width: 32px; }
#page-offers .desc .stars-3 { width: 48px; }
#page-offers .desc .stars-4 { width: 64px; }
#page-offers .desc .stars-5 { width: 80px; }

#page-offers .property-list .facilities li { padding: 0; }

#page-offers .property-list .button-fave { display: inline-block; position: static;  }

#page-offers .meta-actions {
	float: left;
	margin: 34px 0 0 0px;
}
#page-offers .property-list .region { margin: 0 0 5px 0; }
#page-offers .property-list .facilities { margin: 0 0 10px 0; overflow: hidden; }
#page-offers .property-list .facilities .label,
#page-offers .property-list .facilities ul,
#page-offers .property-list .facilities li { display: inline; float: none;  }

.propertyName a {
	color: #606060;
}

.propertyName a:hover{
	color: #4770D2;
}

/*
	News Article Large
*/

.offerRowLarge {
	padding-bottom:20px; position: relative; border-bottom: 1px dashed #999999;
}
.viewArticleLarge {
	position: absolute; bottom: 27px; right: 0px; font-size: 1.2em;
}
.offerImageLarge {
	float: left;width:240px; margin-top: 8px;
}
.offerBodyLarge {
	float: left;width: 450px; position: relative; 
}
.offerBodyLargeInner {
	padding-left: 10px;
}
.dateLarge {
	color: #4e77b7;
	font-size: 1.1em;
}
/*
	News Article Small
*/

.offerRow {
	padding: 10px 0px; border-bottom: 1px dashed #999999; position: relative;
}
.viewArticle {
	position: absolute; bottom: 17px; right: 0px;
}
.offerImage {
	float: left; width:100px; margin-top: 8px;
}
.offerBody {
	float: left; width: 578px;
}
.offerBodyInner {
	padding: 5px 0px 0px 10px;
}
.shortDesc {
	width: 420px;
}

.date {
	color: #4e77b7;
}

.hotelAllHotels {
	font-weight: bold; color: #404040 !important;
}

.bookingHeader {
	margin: 0px;
	font-size: 2em;
	font-weight: normal;
}
.arrival {width: 76px;} 
.nights {width:25px;} 
.adults {width:25px;} 
.children {width:25px;} 

.even2 {background: #FFFFFF; padding: 0px 10px; margin:0px;}
.odd2 {background: #e5e5e5; padding: 10px; margin: 0px;}

.searchPagelink {
    font-size: 1.4em;
}

.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: #D53500;
	background: -moz-linear-gradient(
		top,
		#f78360 0%,
		#d53500);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f78360),
		to(#d53500));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #9b2700;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

a.css3button  {
	color:#fff;
}