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

body {
	background: /*url('/images/www.bestfortravel.co.uk/mainbg.jpg') top left repeat-x;*/ #dae9f7;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(bg.jpg) no-repeat center top #e8c249;
}

h1, h2, h3, h4 {color: #0070bc; margin: 0 0 5px 0; padding: 0;}

img {border: 0;}

a {color: #0070BC;}

.clear {clear: both;}

#wrapper {
	background: url('/images/www.bestfortravel.co.uk/contentbg.png') top left repeat-y;
	width: 1020px;
	margin: 0 auto;
	padding: 0;
}


/*** HEADER ***/
#header {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
}
#header .logo {float: left; width: 389px; margin: 0 20px 0 10px;}
#header .bookwithconfidence {float: left; width: 281px; margin: 0 10px 0 0;}
#header .telephone {float: right; margin: 0 10px 0 0; text-align: right; font-weight: bold; color: #0070bc; font-size: 16px;}
#header .telephone b.phone {color: #71ccf6; font-size: 30px;}
#header .telephone span {font-size: 11px;}

#header .headerbox {
	float: left;
	width: 545px;
	color: #0070bc;
	background: #99c9f7; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzk5YzlmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #99c9f7 1%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#99c9f7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #99c9f7 1%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #99c9f7 1%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #99c9f7 1%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #99c9f7 1%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c9f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow:  2px 2px 2px 2px #ccc;
	box-shadow:  2px 2px 2px 2px #ccc;
	padding: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
#header .headerbox .left {float: left;}
#header .headerbox .left b {font-size: 16px;}
#header .headerbox .right {float: right; text-align: right; position: relative;}
#header .headerbox .right b.phone {font-size: 30px;}
#header .headerbox .right img.abtalogo {margin: 0 0 3px 0;}
#header .headerbox .right span b {font-size: 14px;}
#header .headerbox .right .phoneicon {position: absolute; top: 5px; left: -30px;}

/*** NAVIGATION ***/
#navigation {
	width: 1000px;
	height: 45px;
	background: url('/images/www.bestfortravel.co.uk/nav-bg.png') top center no-repeat;
	padding: 0 10px;
}
#navigation ul {margin: 0; padding: 0; list-style: none;}
#navigation ul li {list-style: none; margin: 0; padding: 9px 20px 0 20px; height: 27px; float: left;}
#navigation ul li.sep {margin: 0; padding: 0; width: 2px; padding: 5px 0 0 0;}
#navigation ul li.active, #navigation ul li:hover {background: url('/images/www.bestfortravel.co.uk/nav-activebutton.jpg') no-repeat top center;}
#navigation ul li a {color: #FFFFFF; font-size: 14px; text-decoration: none;}
#navigation ul li.dealfindertab {background: url('/images/www.bestfortravel.co.uk/nav-dealfinderbg.gif') repeat-x top left !important;}


/*** CONTENT STUFF ***/
#maincontent {padding: 0px 20px 10px 20px;}
#maincontent .leftcol {float: left; width: 270px; margin: 0 10px 0 0; padding: 0;}
#maincontent .rightcol {float: left; width: 700px; margin: 0; padding: 0;}

#carousel {margin: 0 0 10px 0; padding: 0;}

p.introtext {margin: 0 0 10px 0; padding: 0; color: #6b6b6b;}
p.introtext h3 {margin: 0 0 5px 0; padding: 0;}

/*** SEARCH FORM ***/
#searchform {margin: 0 0 10px 0; padding: 0; width: 270px;}
#searchform .header {background: url('/images/www.bestfortravel.co.uk/leftcol-headerbg.jpg') no-repeat top left; width: 270px; height: 45px; margin: 0; padding: 0;}
#searchform .content {background: url('/images/www.bestfortravel.co.uk/searchform-bg.jpg') repeat-x top left #99C9F7; width: 240px; padding: 0px 10px;}
#searchform a {color: #0070bc; font-weight: bold;}
#searchform p.searchbtn {margin: 0; padding: 0;}

/*** MISC CONTENT STUFF ***/
#newsletter {margin: 0 0 10px 0; padding: 0; width: 270px;}
#newsletter .header {background: url('/images/www.bestfortravel.co.uk/leftcol-headerbg.jpg') no-repeat top left; width: 270px; height: 45px; margin: 0; padding: 0;}
#newsletter .content {background: url('/images/www.bestfortravel.co.uk/newsletter-bg.jpg') no-repeat bottom left #99C9F7; width: 240px; padding: 0 10px 10px 10px; color: #0070bc;}

#socialnetwork {background: url('/images/www.bestfortravel.co.uk/socialnetworking-bg.jpg') no-repeat top left; width: 260px; height: 74px; text-align: center; padding: 10px 0 0 0;}
#socialnetwork .twitterlink {margin: 0 10px;}

#dealoftheday {margin: 0 0 10px 0; padding: 0;}
#dealoftheday .header {background: url('/images/www.bestfortravel.co.uk/searchheaderbg.jpg') no-repeat top left; width: 700px; height: 45px;}
#dealoftheday .content {background: #d7e7f7; width: 668px; padding: 0 10px 5px 10px; color: #0070bc; border-left: 1px solid #7fb7dd; border-right: 1px solid #7fb7dd;}
.dealoftheday {margin: 5px 0 0 0;}
.dealoftheday a {color: #0070BC; font-weight: bold;}

#testimonials {margin: 0 0 10px 0; padding: 0;}
#testimonials .header {background: url('/images/www.bestfortravel.co.uk/searchheaderbg.jpg') no-repeat top left; width: 700px; height: 45px;}
#testimonials .content {background: #d7e7f7; width: 668px; padding: 0 10px 5px 10px; color: #0070bc; border-left: 1px solid #7fb7dd; border-right: 1px solid #7fb7dd;}
#testimonials a {color: #0070BC; font-weight: bold;}

.offersurround {margin: 10px 0; padding: 0;}
.offersurround .header {background: url('/images/www.bestfortravel.co.uk/header-repeat.jpg') repeat-x top left; height: 45px;}

.blogpost {margin: 0 0 10px 0; padding: 0;}
.blogpost .content {background: #d7e7f7; width: 668px; padding: 0 10px 5px 10px; color: #0070bc; border-left: 1px solid #7fb7dd; border-right: 1px solid #7fb7dd;}
.blogpost h2 {margin: 0 0 5px 0; padding: 0;}

.testimonial {margin: 0; padding: 0;}
.testimonial span {font-size: 16px; font-weight: bold;}

.contentBox {margin: 0 0 10px 0; padding: 0; width: 270px;}
.contentBox .header {background: url('/images/www.bestfortravel.co.uk/leftcol-headerbg.jpg') no-repeat top left; width: 270px; height: 45px; margin: 0; padding: 0;}
.contentBox .content {background: url('/images/www.bestfortravel.co.uk/searchform-bg.jpg') repeat-x top left #99C9F7; width: 240px; padding: 0px 10px;}
.contentBox a {color: #0070bc; font-weight: bold;}
.contentBox p {margin: 0; padding:  0 0 5px 0;}

/*** OFFER STUFF ***/

.homeoffer {
	background: url('/images/www.bestfortravel.co.uk/offer-pricebg.jpg') no-repeat top right #FFFFFF;
	width: 232px;
	float: left;
	margin: 0 10px 10px 0;
	color: #0070bc;
	cursor: pointer;
}
.homeoffer:hover {background: url('/images/www.bestfortravel.co.uk/offer-pricebg.gif') no-repeat top right #d0e4f6;}
.offerContentLeft {float: left; width: 110px; height: 75px; padding: 5px 0 0 5px; margin: 0 0 5px 0;}
.offerContentRight {float: right; width: 105px; padding: 5px 5px 0 0; text-align: right !important;}
.offerContentRight span {font-size: 16px; font-weight: bold;}

.homepageseo {margin: 10px 0; padding: 0; color: #0070bc;}

.testoffer1 {
	width: 222px;
	float: left;
	margin: 0 10px 10px 0;
	color: #0070bc;
	cursor: pointer;
	border: 1px solid #0070BC;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.testoffer1:hover {background: #d0e4f6;}
.testoffer1 .offerContentLeft {float: left; width: 110px; height: 75px; padding: 0; margin: 0 0 5px 0;}
.testoffer1 .offerContentRight {float: right; width: 100px; padding: 0; text-align: right !important;}
.testoffer1 .offerContentRight span {font-size: 16px; font-weight: bold;}
.testoffer1 b.price {font-size: 16px;}

.testoffer2 {
	background: #d0e4f6;
	width: 222px;
	float: left;
	margin: 0 10px 10px 0;
	color: #0070bc;
	cursor: pointer;
	border: 1px solid #0070BC;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.testoffer2:hover {background: #FFFFFF;}
.testoffer2 h4 {font-size: 16px; margin: 0 0 5px 0; padding: 0;}
.testoffer2 .offerContentLeft {float: left; width: 110px; height: 75px; padding: 0; margin: 0 0 5px 0;}
.testoffer2 .offerContentRight {float: right; width: 100px; padding: 0; text-align: right !important;}
.testoffer2 .offerContentRight span {font-size: 16px; font-weight: bold;}
.testoffer2 b.price {font-size: 16px;}

.testoffer3 {
	width: 234px;
	float: left;
	margin: 0 10px 10px 0;
	color: #0070bc;
}
.testoffer3 .header {
	background: url('/images/www.bestfortravel.co.uk/header-repeat.jpg') repeat-x top left;
	height: 15px;
	padding: 5px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 1px 1px #0070BC;
}
.testoffer3 .content {
	border: 1px solid #0070BC;
	border-top: none;
	padding: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.testoffer3:hover {background: #ecf4f9;}
.testoffer3 h4 {font-size: 16px; margin: 0 0 5px 0; padding: 0;}
.testoffer3 .offerContentLeft {float: left; width: 110px; height: 75px; padding: 0; margin: 0 0 5px 0;}
.testoffer3 .offerContentRight {float: right; width: 100px; padding: 0; text-align: right !important;}
.testoffer3 .offerContentRight span {font-size: 16px; font-weight: bold;}
.testoffer3 b.price {font-size: 16px;}
.testoffer3 .content .bottom {margin: 5px 0 0 0; padding: 0;}
.testoffer3 .content .bottom .left {float: left;}
.testoffer3 .content .bottom .right {float: right;}

#destinationBoxes {margin: 10px 0 0 -10px; padding: 0;}
#destinationBoxes .destbox {
	float: left;
	width: 155px;
	margin: 0 0 10px 10px;
	padding: 5px;
	border: 1px solid #0070c0;
	border-radius: 5px;
	text-align: center;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ebf4fd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebf4fd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ebf4fd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ebf4fd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ebf4fd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ebf4fd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf4fd',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}
#destinationBoxes .destbox .image img {width: 100%; height: 80px; border-radius: 5px; margin: 0 0 3px 0;}
#destinationBoxes .destbox .text {font-size: 14px; font-weight: 700; color: #0070bc;}

/*** FOOTER ***/
#footer {
	width: 980px;
	margin: 0 0 0 20px;
	border-top: 1px solid #CCCCCC;
	padding: 10px 0 20px 0;
	color: #6b6b6b;
}
#footer .leftside {float: left;}
#footer .rightside {float: right;}

#footer .leftside ul {margin: 0 0 5px 0; padding: 0; list-style: none;}
#footer .leftside ul li {float: left; list-style: none;}

#footer a {color: #0070bc; font-weight: bold;}

/*** OTHER ***/
.holdingpage {
text-align: center;
width: 800px;
margin: 20px auto;
padding: 10px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.61);
-moz-box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.61);
-webkit-box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.61);
}
.holdingpage p {font-size: 14px; color: #0070BC;}


/* New Special Offers */

.specialsbar {
	background: url('/images/www.bestfortravel.co.uk/barbg.jpg') repeat-x top left;
	padding: 10px 10px 0 10px;
	height: 30px;
	margin: 0 0 10px 0;
}
.specialsbar .pointer {float: left;}
.specialsbar .link {float: left; font-size: 16px; color: #0070BC; font-weight: bold;}

.specialbanners {margin: 0 0 10px -10px;}
.specialsbanner {float: left; width: 226px; height: 181px; margin: 0 0 0 10px; cursor: pointer;}
.specialsbanner .content {background: url('/images/www.bestfortravel.co.uk/blackoverlay.png') repeat top left; padding: 5px; color: #FFFFFF;}
.specialsbanner .content b {font-size: 14px; font-weight: bold;}

ul.shortoffer {
	list-style-type: none !important;
	margin: 0px !important;
	padding: 0px !important;
}

ul.shortoffer li {
	list-style-type: none !important;
	margin: 0px !important;
	padding: 0px !important;
	background-color: #E6E6E6;
}

ul.shortoffer li.current {background-color: #FFFFFF;}

.shortoffer-selector {
	cursor: hand;
	float: left;
	padding: 5px;
	width: 260px;
	border-bottom: 1px solid #010101;
}

table.specialPricing {margin: 10px 0;}
table.specialPricing th {background: #71CCF6; color: #FFFFFF; font-size: 14px; padding: 3px 0;}
table.specialPricing td {text-align: center; padding: 5px; border-bottom: 1px dashed #71CCF6; font-weight: bold; color: #0070BC}


/* Locations */

#landingResort .crumbs, #landingProperty .crumbs {margin: 0 0 10px 0; font-size: 14px;}

#landingResort .mainimage {margin: 0 0 10px 0;}
#landingResort .resortInfo {
	padding: 10px;
	margin: 0 0 10px 0;
	border-radius: 10px;
	border: 1px solid #99c6e6;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ebf4fd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebf4fd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ebf4fd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ebf4fd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ebf4fd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ebf4fd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf4fd',GradientType=0 ); /* IE6-9 */
}
#landingResort .resortInfo .info {float: left; width: 25%;}

#landingResort .childLocationLink {float: left; padding: 3px 5px; font-size: 14px; background: #ebf4fd; border: 1px solid #c7ddf3; color: #0070c0; border-radius: 3px; margin: 0 5px 5px 0;}
#landingResort .childLocationLink a {text-decoration: none;}
#landingResort .childLocationLink:hover {
	background: #35a7e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #35a7e5 0%, #0672bd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35a7e5), color-stop(100%,#0672bd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #35a7e5 0%,#0672bd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #35a7e5 0%,#0672bd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #35a7e5 0%,#0672bd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #35a7e5 0%,#0672bd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35a7e5', endColorstr='#0672bd',GradientType=0 ); /* IE6-9 */
}
#landingResort .childLocationLink:hover a {color: #FFFFFF;}

@import url(http://fonts.googleapis.com/css?family=Raleway:100,200,300);
@-webkit-keyframes content-opacity {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-moz-keyframes content-opacity {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-o-keyframes content-opacity {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes content-opacity {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-webkit-keyframes content-rotate-y {
  from {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg); }

  to {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }

@-moz-keyframes content-rotate-y {
  from {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg); }

  to {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }

@-o-keyframes content-rotate-y {
  from {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg); }

  to {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }

@keyframes content-rotate-y {
  from {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg); }

  to {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }

@-webkit-keyframes content-rotate-x {
  from {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg); }

  to {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg); } }

@-moz-keyframes content-rotate-x {
  from {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg); }

  to {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg); } }

@-o-keyframes content-rotate-x {
  from {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg); }

  to {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg); } }

@keyframes content-rotate-x {
  from {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg); }

  to {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg); } }

@-webkit-keyframes content-rotate-both {
  from {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0% 50% 50%;
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -o-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%; }

  to {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0% 50% 50%;
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -o-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%; } }

@-moz-keyframes content-rotate-both {
  from {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0% 50% 50%;
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -o-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%; }

  to {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0% 50% 50%;
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -o-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%; } }

@-o-keyframes content-rotate-both {
  from {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0% 50% 50%;
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -o-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%; }

  to {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0% 50% 50%;
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -o-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%; } }

@keyframes content-rotate-both {
  from {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0% 50% 50%;
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -o-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%; }

  to {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0% 50% 50%;
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -o-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%; } }

@-webkit-keyframes content-pop-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes content-pop-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes content-pop-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes content-pop-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes content-pop-in {
  from {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes content-pop-in {
  from {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes content-pop-in {
  from {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes content-pop-in {
  from {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes content-slide-bot {
  from {
    top: 20px;
    opacity: 0; }

  to {
    top: 0px;
    opacity: 1; } }

@-moz-keyframes content-slide-bot {
  from {
    top: 20px;
    opacity: 0; }

  to {
    top: 0px;
    opacity: 1; } }

@-o-keyframes content-slide-bot {
  from {
    top: 20px;
    opacity: 0; }

  to {
    top: 0px;
    opacity: 1; } }

@keyframes content-slide-bot {
  from {
    top: 20px;
    opacity: 0; }

  to {
    top: 0px;
    opacity: 1; } }

@-webkit-keyframes content-slide-top {
  from {
    top: -20px;
    opacity: 0; }

  to {
    top: 0px;
    opacity: 1; } }

@-moz-keyframes content-slide-top {
  from {
    top: -20px;
    opacity: 0; }

  to {
    top: 0px;
    opacity: 1; } }

@-o-keyframes content-slide-top {
  from {
    top: -20px;
    opacity: 0; }

  to {
    top: 0px;
    opacity: 1; } }

@keyframes content-slide-top {
  from {
    top: -20px;
    opacity: 0; }

  to {
    top: 0px;
    opacity: 1; } }

/* used for wrapper animation after the load of the page */
@-webkit-keyframes show {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-moz-keyframes show {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-o-keyframes show {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes show {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

.tabs-wrapper {margin: 10px 0;}
.tabs-wrapper input[type=radio] {display: none;}
.tabs-wrapper label {
	transition: background 0.4s ease-in-out;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	padding: 0 5px;
	height: 35px;
	border-radius: 5px 5px 0 0;
	background: #0070bc;
	text-align: center;
	line-height: 3em;
	position: relative;
	z-index: 999;
}
.tabs-wrapper label:last-of-type {border-bottom: none;}
.tabs-wrapper label:hover {background: #2fa7f9;}


#tab1:checked + label, #tab2:checked + label, #tab3:checked + label, #tab4:checked + label {background: #FFFFFF; border: 1px solid #0070bc; border-bottom: 0; color: #0070bc;}

.tab-body {
  position: absolute;
  top: -9999px;
  opacity: 0;
  padding: 10px; }

.tab-body-wrapper {
	position: relative;
	top: -1px;
	z-index: 998;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ebf4fd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebf4fd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ebf4fd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ebf4fd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ebf4fd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ebf4fd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf4fd,GradientType=0 ); /* IE6-9 */
	border: 1px solid #0070BC;
	border-radius: 0 5px 5px 5px;
	-webkit-animation-delay: 0.2s;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-name: show;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-delay: 0.2s;
	-moz-animation-duration: 1.5s;
	-moz-animation-name: show;
	-moz-animation-fill-mode: forwards;
	-o-animation-delay: 0.2s;
	-o-animation-duration: 1.5s;
	-o-animation-name: show;
	-o-animation-fill-mode: forwards;
	animation-delay: 0.2s;
	animation-duration: 1.5s;
	animation-name: show;
	animation-fill-mode: forwards;
}
  @media screen and (max-width: 600px) {
    .tab-body-wrapper {
      border: none;
      border-radius: 0; } }

#tab1:checked ~ .tab-body-wrapper #tab-body-1, #tab2:checked ~ .tab-body-wrapper #tab-body-2, #tab3:checked ~ .tab-body-wrapper #tab-body-3, #tab4:checked ~ .tab-body-wrapper #tab-body-4 {
  position: relative;
  top: 0px;
  /* Choose one */
  -webkit-animation-delay: 0.2s;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-name: content-opacity;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-delay: 0.2s;
  -moz-animation-duration: 0.8s;
  -moz-animation-name: content-opacity;
  -moz-animation-fill-mode: forwards;
  -o-animation-delay: 0.2s;
  -o-animation-duration: 0.8s;
  -o-animation-name: content-opacity;
  -o-animation-fill-mode: forwards;
  animation-delay: 0.2s;
  animation-duration: 0.8s;
  animation-name: content-opacity;
  animation-fill-mode: forwards;
  /* @include animation(0.2s,0.8s,content-rotate-x); */
  /* @include animation(0.2s,0.8s,content-rotate-y); */
  /* @include animation(0.2s,0.8s,content-rotate-both); */
  /* @include animation(0.2s,0.8s,content-pop-in); */
  /* @include animation(0.2s,0.8s,content-pop-out); */
  /* @include animation(0.1s,1s,content-slide-bot); */
  /*@include animation(0.1s,1s,content-slide-top);*/ }



#landingpageInfo {margin: 10px 0;}
#landingpageInfo .tabs {margin: 0; padding: 0; position: relative;}
#landingpageInfo .tabs ul {position: absolute; bottom: -1px; list-style-type: none; padding: 0; margin: 0;}
#landingpageInfo .tabs li {float: left; margin: 0 3px 0 0; padding: 5px; background: #0070bc; color: #FFFFFF; border: 1px solid #99C6E6; border-bottom: 0; border-radius: 5px 5px 0 0;}
#landingpageInfo .tabs li a {color: #FFFFFF; text-decoration: none;}
#landingpageInfo .tabs li.active {background: #FFFFFF;}
#landingpageInfo .tabs li.active a {color: #0070bc;}
#landingpageInfo .tabContent {
	padding: 10px;
	border-radius: 0 10px 10px 10px;
	border: 1px solid #99c6e6;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ebf4fd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebf4fd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ebf4fd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ebf4fd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ebf4fd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ebf4fd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf4fd',GradientType=0 ); /* IE6-9 */
}


.newContentbox {
	width: 98%;
	border-radius: 0 0 10px 10px;
	margin: 0 0 10px 0;
	border: 1px solid #99c6e6;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ebf4fd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebf4fd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ebf4fd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ebf4fd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ebf4fd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ebf4fd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf4fd,GradientType=0 ); /* IE6-9 */
}
.newContentbox .headerBar {
	background: url('/images/www.bestfortravel.co.uk/headerbar-bg.png') repeat-x top left;
	height: 45px;
	margin: 0;
	padding: 0 0 0 10px;
	position: relative;
	top: -1px;
	left: -1px;
	text-shadow: 2px 2px 5px #0170c1;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 32px;
}
.newContentbox .headerBar:after {content: url('/images/www.bestfortravel.co.uk/headerbar-rightside.png') no-repeat top left; position: absolute; right: -10px; top: 0; width: 10px;}
.newContentbox .headerBar .star {margin: 3px 0 0 0;}
.newContentbox .innercontent {padding: 0 10px 10px 10px;}

#landingProperty .pageHeader {font-size: 16px; color: #0070bc; margin: 20px 0 10px 0;}

#landingProperty #detailtabs {border: 1px solid #99c6e6 !important;}
#landingProperty .detailtabs-location li {border: 1px solid #99c6e6 !important; border-bottom: none !important; background: #0070bc !important;}
#landingProperty .detailtabs-location li a {color: #FFFFFF !important;}
#landingProperty .detailtabs-location li.tabon a {background: #FFFFFF !important; color: #0070bc !important;}

#landingProperty #images-content .smallphoto {float: left; margin: 0 5px 5px 0;}
#landingProperty #images-content .smallphoto img {border-radius: 5px;}