/* =====================================================
    HL specific reset rules, build on rules in normalize.css
   ===================================================== */
html{padding: 0; margin: 0;font-size:100%;}
body{line-height:1.3;}
body,button,input,select,textarea{font-family:arial;color:#666666;font-size:13px;}
nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}
a{color:#3399ff;text-decoration:none;font-weight:bold;}
a:visited{color:#3399ff}
a:hover{color:#ff6600;text-decoration:underline;}

/* =====================================================
    Typography
   ===================================================== */
h1 {
    font-size:167%;
}
h2 {
    font-size:153.9%;
}
h3 {
    font-size:131%;
}
/*
http://developer.yahoo.com/yui/fonts/
10px 	77%
11px 	85%
12px 	93%
13px 	100%
14px 	108%
15px 	116%
16px 	123.1%
17px 	131%
18px 	138.5%
19px 	146.5%
20px 	153.9%
21px 	161.6%
22px 	167%
23px 	174%
24px 	182%
25px 	189%
26px 	197%
*/

.textSmall {
    font-size:93%;
}
.textSmaller {
    font-size:85%;
}

/* =====================================================
    Page layout
   ===================================================== */
#wrapper {
    min-height: 100%;
    height: auto;
    margin: 0 auto;
}

.hl_container {
    padding-bottom: 184px;
    position: relative;
}
.hl_container:before,
.hl_container:after {
    display: table;
    content: "";}
.hl_container:after {
    clear: both;}
.lt-ie8 .hl_container {
    zoom: 1;
}

#mainContent {
    float: right;
    width: 853px;
    margin: 15px 15px 0 0;
}

.hl_container,
header .inner {
    width:999px;
    margin:0 auto;
}

/* ==============================
   Public Header - white bg version
   ============================== */
header .logo {
    display: block;
    float: left;
    height: 80px;
    width: 225px;
}

header .inner > div {
    height:80px;
    margin-left:250px;
    text-align: right;
}

header .row a,
header .row a:visited {
    color: #000000;
    font-weight: normal;
}

header .row {
    height:50%;
    font-family: verdana;
}

header .hoLinks {
    color:#767676;
    font-size:12px;
    line-height:40px;
}


.hoLinks a {
    background: url('//resources.holidaylettings.co.uk/images/header/header-sprite2.png') no-repeat 5px -26px transparent;
    padding:12px 10px 8px 30px;
}

.hoLinks a:first-child {
    background-position:5px 7px;
}

.hoLinks a:first-child:hover {
    background-position:5px -65px;
}

header .hoLinks a:hover {
    background-color:#3399FF;
    background-position: 5px -96px;
    color:#fff;
    text-decoration: none;
}

header nav ul {
    float:right;

}

header nav li {
    display:inline-block;
    height:40px;
    display:block;
    float:left;
}

header nav a,
header nav a:visited {
    display: block;
    font-size: 14px;
    line-height: 40px;
    padding: 0 1em;
    text-decoration:none;
}

header nav a:hover {
    text-decoration:underline;
}

.headerStrip {
    background-color: #EFEFEF;
    margin-bottom: 10px;
    min-height: 1.2em;
}

header h1 {
    font-size: 13px;
    font-weight: normal;
    padding: 0.3em 0;
    margin:0 0 10px 0;
}


/* =====================================================
    International Header
   ===================================================== */
.mainHeader {
    height:80px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 40%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 40%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 40%,#e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 40%,#e8e8e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 40%,#e8e8e8 100%); /* W3C */
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
    border:none;
    border-bottom:4px solid #55953f;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.mainHeader .headerContent a.tripAdvisorLogo div {
    background: url(//resources.holidaylettings.co.uk/images/intl/ta-logo-default-250-v2.png) no-repeat top left;
    text-indent: -5000px;
    width:348px;
    height:60px;
    float:left;
    margin:12px 0 0 0;
}

.es_ES header .intlHeader {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC;
    border-width: 1px;
}

.mainHeader .headerContent a.tripAdvisorLogo div.en_GB {
    background: url(//resources.holidaylettings.co.uk/images/intl/ta-logo-en-250.png) no-repeat top left;
}

.mainHeader .headerContent a.tripAdvisorLogo div.fr_FR {
    background: url(//resources.holidaylettings.co.uk/images/intl/ta-logo-fr-250.png) no-repeat top left;
}

.mainHeader .headerContent a.tripAdvisorLogo div.es_ES {
    background: url(//resources.holidaylettings.co.uk/images/intl/ta-logo-es-250.png) no-repeat top left;
}
.mainHeader .headerContent a.tripAdvisorLogo div.it_IT {
    background: url(//resources.holidaylettings.co.uk/images/intl/ta-logo-it-250.png) no-repeat top left;
}
.mainHeader .headerContent a.tripAdvisorLogo div.pt_PT {
    background: url(//resources.holidaylettings.co.uk/images/intl/ta-logo-pt-250.png) no-repeat top left;
}
.mainHeader .headerContent a.tripAdvisorLogo div.de_DE {
    background: url(//resources.holidaylettings.co.uk/images/intl/ta-logo-de-250.png) no-repeat top left;
}

.mainHeader .headerContent a.tripAdvisorLogo div.pt_BR {
    background: url(//resources.holidaylettings.co.uk/images/intl/ta-logo-pt-250.png) no-repeat top left;
}

.mainHeader .headerContent a.tripAdvisorLogo div.nl_NL {
    background: url(//resources.holidaylettings.co.uk/images/intl/ta-logo-nl-250.png) no-repeat top left;
}

.mainHeader .headerContent a.tripAdvisorLogo div.se_SE {
    background: url(//resources.holidaylettings.co.uk/images/intl/ta-logo-se-250.png) no-repeat top left;
}

.mainHeader .headerContent a.tripAdvisorLogo div.tr_TR {
    background: url(//resources.holidaylettings.co.uk/images/intl/ta-logo-tr-250.png) no-repeat top left;
}

.mainHeader .headerContent a.tripAdvisorLogo div.gr_GR {
    background: url(//resources.holidaylettings.co.uk/images/intl/ta-logo-gr-250.png) no-repeat top left;
}

.mainHeader .headerContent a.tripAdvisorLogo div.en_SG {
    background: url(//resources.holidaylettings.co.uk/images/intl/ta-logo-sg-250.png) no-repeat top left;
}

body.isFlipkey .mainHeader .headerContent a.tripAdvisorLogo div {
    background: url(//resources.holidaylettings.co.uk/images/intl/header/logo-flipkey-195x43.png) no-repeat left 7px;
}


body.isFlipkey .mainHeader {
	background:#fff;
	border-color:#E56E24;
}


.headerContent {
    margin: 0 auto;
    position: relative;
    width: 990px;
}
/* END header in international layout */


.es_ES #wrapper {
    -webkit-box-shadow:  0px 8px 18px 0px rgba(0, 0, 0, .2);
    box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.2);
}


.publicSidebar {
    width: 123px;
    float: left;
}




/* =====================================================
    Navigation menu (left column)
   ===================================================== */
#navigation {
    width: 123px;
    margin: 0 0 15px;
    -webkit-box-shadow:  2px 2px 3px 0px rgba(0, 0, 0, .2);
    -moz-box-shadow:  2px 2px 3px 0px rgba(0, 0, 0, .2);
    box-shadow:  2px 2px 3px 0px rgba(0, 0, 0, .2);
}

#navigation li {
    padding: 0;
    margin: 1px 0;
    background-color: #f0f0f0;
}

#navigation li a {
    text-decoration: none;
    font-weight: bold;
    font-size:12px;
    color: #3399ff;
    width: 96px;
    display: block;
    padding: 13px 10px 13px 18px;
}

#navigation li a:hover {
    background: #3399ff; /* Old browsers */
    background: -moz-linear-gradient(top,  #3399ff 0%, #1a80cd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3399ff), color-stop(100%,#1a80cd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3399ff 0%,#1a80cd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3399ff 0%,#1a80cd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3399ff 0%,#1a80cd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3399ff 0%,#1a80cd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#1a80cd',GradientType=0 ); /* IE6-9 */
    color: #fff;
}

#navigation li.first {
    margin-top: 3px;
}

#navigation li.members a {
    color: #66cc33;
}

#navigation li.members a:hover {
    background: #66cc33;
    color: #fff;
}


/* =====================================================
    Footer
   ===================================================== */
#preFooter {
    display: block;
    height: 300px;
    width: 100%;
}
.footer {
    height: 180px;
    border-top:4px solid #dadada;
    background:#f0f0f0;
    width:100%;
    margin: -184px 0 0;
    position: relative;
}
.footerCenter {
    display:block;
    clear:both;
    padding:20px 0 0 0;
    margin: auto;
    width: 1000px;
}
.footer ul {
    list-style:none;
    width:145px;
    float:left;
    padding:0 0 10px 50px;
    margin:0;
}

.footer ul.primaryList {
    margin-left: 95px;
}
.footer li {
    text-align: left;
    margin:0 0 9px 0;
    padding-bottom:0px;
}
/*
.followUs {
    display:block;
    width:180px;
    padding:0px 10px 40px 150px;
    background:url('//holidaylettings.co.uk/content/assets/hl-public/images/follow-us.gif') 60px 0 no-repeat;
    float:left;
    text-align: left;
}
*/
.followUs a:hover{
    text-decoration: none!important;
}
.footerContent {
    color: #666666;
    font-family: arial;
    margin: 0 auto;
    width: 990px;
}

.footer .copyright {
    color: #777777;
    float: right;
    font-size: 90%;
    font-weight: bold;
    margin: 15px 15px 0 0;
}

.footer a{color:#3399ff;text-decoration:none;font-weight:bold; margin-right: 3px; }
.footer a:visited{color:#3399ff}
.footer a:hover{color:#ff6600;text-decoration:underline;}
.footer a:focus{outline:thin dotted}
.footer a:hover, .footer a:active{outline:0}

.footer img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;display:inline;}

.footer .copy {
    clear: both;
    position: relative;
    display: block;
    margin: 10px 10px 0px;
    min-width: 200px;
    top: 25px;
    text-align: right;
}
/* =====================================================
    END Footer
   ===================================================== */


/* Clearfix hack */
.group:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

.container{clear:both;margin:0px;width:100%;}

.modalMask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; }
#modalBoxes .modalWindow { position:absolute; left:0; top:0; display:none; z-index:9010; background-color:#ffffff; border: 2px solid #CCCCCC;}

.closemodal { position:absolute; top:-14px; right:-18px; z-index:9001; }

#iframeWindow iframe { border: none; }

/* Payment Protection message above header */
.show-pp-mess .pre-header-message {
    display:block;
}


.hl_narrow .pre-header-message,
.hl_wide795 .pre-header-message {
    font-size:12px;
}
.pre-header-message {
    display:none;
    font-size: 14px;
    height: 52px;
    margin:0 auto;
    width:999px;
}
.pre-header-message p {
    color: #888888;
    font-weight: bold;
    line-height: 50px;
    margin: 0 auto;
    width: 56em;
}

.pre-header-message.pay-protect p {
    background: url("http://resources.holidaylettings.co.uk/images/pp-promo-strip.jpg") no-repeat scroll 0 7px transparent;
    padding-left: 80px;
}

.pre-header-message span{
    color:#66CC33;
    font-size:114%;
    text-transform:uppercase;
}
.pre-header-message a:link,
.pre-header-message a:visited {
    color: #888888;
    text-decoration:none;
}
.pre-header-message a:hover {
    text-decoration:underline;
}
/* END Payment Protection message above header */


.ui-state-highlight {
    background:#FFF!important;
}

.ui-widget-content .ui-state-active{border:1px solid #666!important;}

.hliteOverlay {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    background-color: rgba(0,0,0,.6);
    z-index: 999999;
}

/*** hlite stuff ***/

.hlite {
    position: absolute;
    width: 250px;
    height: auto;
    border: 5px solid #ccc;
    background: #fff;
    padding: 15px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, .3);
    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, .3);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    top: 420px;
    left: 50%;
    margin-left: 150px;
    z-index: 1000000;
    display: none;
}

.hlite .closeIcon {
    float: right;
    margin: -33px -35px -20px 0;
    cursor: pointer;
    z-index: 6;
    position: relative;
}

/* SAUT autocomplete */
.ui-widget.ui-autocomplete {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 2px solid #BBBBBB;
    font-family: Arial,Verdana,sans-serif;
    margin: 0;
    list-style-type: none;
    width:250px;
}

.ui-widget-content {
    padding-left: 0;
    width: 217px;
}
.ui-autocomplete li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius:0;
    color: #666666;
    display: block;
    font-size: 1em;
    font-weight: normal;
    padding: 4px 5px;
    width: auto;
}

.ui-autocomplete li a.ui-state-hover {
    background: none repeat scroll 0 0 #3399FF;
    border: 0 none;
    color: #FFFFFF;
    text-decoration: none;
}

.ui-state-highlight {
    background:#FFF!important;
}

.ui-widget-content .ui-state-active{border:1px solid #666!important;}

.center {
    text-align: center;
}
.fl-rht {
    float:right;
}
.fl-lft {
    float:left;
}
.cols-2 .col1,
.cols-2 .col2 {
    float:left;
    width:50%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
.cols-2 .col2 {
    padding-left:10px;
}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px; width: 1px;
    margin: -1px; padding: 0; border: 0;
}


.hlButton, .button {
    color:#333;
    font-weight:bold;
    border-radius: 5px;
    border:1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding:6px 2em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f5f5f5 0%,#ffffff 100%); /* W3C */
    text-align:center;
    text-decoration:none;
}
.hlButton:hover, .button:hover {
    text-decoration:none;
}

.hlButtonGrn {
    background: #7fc35e; /* Old browsers */
    background: -moz-linear-gradient(top,  #7fc35e 0%, #59a63e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7fc35e), color-stop(100%,#59a63e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7fc35e 0%,#59a63e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7fc35e 0%,#59a63e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7fc35e 0%,#59a63e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7fc35e 0%,#59a63e 100%); /* W3C */
    border:1px solid #59a63e;
}

.hlButtonBlue,
.blueButton {
    background: #49c4ff; /* Old browsers */
    background: -moz-linear-gradient(top,  #49c4ff 0%, #3299fe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49c4ff), color-stop(100%,#3299fe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #49c4ff 0%,#3299fe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #49c4ff 0%,#3299fe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #49c4ff 0%,#3299fe 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #49c4ff 0%,#3299fe 100%); /* W3C */
    border:1px solid #3299fe;
}

.hlButtonOrange,
.orangeButton {
    border:1px solid #ff7300;
    background: #FF8601;
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec85e), color-stop(1%,#fea500), color-stop(100%,#ff8601)); /* Saf4+, Chrome */
    background-image:-webkit-linear-gradient(top,  #fec85e 0%, #fea500 1%, #ff8601 100%); /* Chrome 10+, Saf5.1+ */
    background-image:-moz-linear-gradient(top,  #fec85e 0%, #fea500 1%, #ff8601 100%); /* FF3.6+ */
    background-image:-ms-linear-gradient(top,  #fec85e 0%, #fea500 1%, #ff8601 100%); /* IE10 */
    background-image:-o-linear-gradient(top,  #fec85e 0%, #fea500 1%, #ff8601 100%); /* Opera 11.10+ */
    background-image: linear-gradient(to bottom,  #fec85e 0%,#fea500 1%,#ff8601 100%); /* W3C */
    background-repeat:no-repeat;
    background-position:0 0;
    color:#fff;
}
a.hlButtonOrange:link,
a.hlButtonOrange:visited,
a.hlButtonBlue:link,
a.blueButton:visited {
    color:#fff;
}

.colorOrange {
    color:#ff8601;
}

.hlGradGrey {
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #DEDEDE 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#DEDEDE)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #DEDEDE 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #DEDEDE 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #DEDEDE 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff  0%,#DEDEDE 100%); /* W3C */
}

/* =====================================================
    CSS3 Transition animations
   ===================================================== */
.aninimateHeight {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.7s ease-in;
    -moz-transition: max-height 0.7s ease-in;
    -o-transition: max-height 0.7s ease-in;
    transition: max-height 0.7s ease-in;
}

.aninimateHeight.final {
    max-height:300px;
}

.aninimateOpacity {
    -webkit-transition: opacity 0.7s ease-in;
    -moz-transition: opacity 0.7s ease-in;
    transition: opacity 0.7s ease-in;
    opacity: 0;
}

.aninimateOpacity.final {
    opacity: 1;
}

/* =====================================================
    Styled Form elements
   ===================================================== */
select.hlSelect {
    background: linear-gradient(to bottom, #FFFFFF 0%, #E3E3E3 100%) repeat scroll 0 0 transparent;
    border: 1px solid #BABABA;
    border-radius: 5px 5px 5px 5px;
    font-size: 120%;
    height: 35px;
    padding: 5px 4px;
    width: 139px;
}

.hlButtonGroup {
    border:1px solid #ccc;
    border-radius:5px;
    display:inline-block;
    -webkit-background-clip: padding-box;
    -moz-background-clip:    padding;
    background-clip:         padding-box;
    overflow:hidden;
}

.hlButtonGroup .hlButton {
    border-radius: 0;
    border-width: 0;
    color:#3399FF;
    float: left;
    height:34px;
}

.hlButtonGroup .hlButton:first-child {
    border-width: 0 1px 0 0;
}
.hlButtonGroup .hlButton:hover,
.hlButtonGroup .hlButton.active {
    color:#fff;
    background: #49c4ff; /* Old browsers */
    background: -moz-linear-gradient(top,  #49c4ff 0%, #3299fe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49c4ff), color-stop(100%,#3299fe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #49c4ff 0%,#3299fe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #49c4ff 0%,#3299fe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #49c4ff 0%,#3299fe 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #49c4ff 0%,#3299fe 100%); /* W3C */
}

/* to be extended with different icons in a sprite */
.icon {
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 0.5em 0 0;
    font-size:12px;
    line-height: 0;
}


/* Trip property review */
.propertyReview {
    clear: both;
    margin-bottom: 10px;
    min-height: 95px;
    padding: 0 0 0 100px;
}
.lt-ie9 .propertyReview {
    border:1px solid #fff;
}

.propertyReview a {
    text-transform:lowercase;
}

.propertyReview h4 {
    color: #3597FC;
    font-size: 120%;
    width: 380px;
    margin-top:0;
}

.avatarContainer {
    width:80px;
    float:left;
    margin:0 0 0 -100px;
}

.reviewRating {
    float:right;
    width:90px;
    margin:0;
    text-indent:-5000px;
    height:16px;
}

.reviewRating.rating-5-5 {
    background:url(//resources.holidaylettings.co.uk/images/rentals/review-ta-fiveoffive-small.gif) no-repeat left top;
}

.reviewRating.rating-4-5 {
    background:url(//resources.holidaylettings.co.uk/images/rentals/review-ta-fouroffive-small.gif) no-repeat left top;
}

.reviewRating.rating-3-5 {
    background:url(//resources.holidaylettings.co.uk/images/rentals/review-ta-threeoffive-small.gif) no-repeat left top;
}

.reviewRating.rating-2-5 {
    background:url(//resources.holidaylettings.co.uk/images/rentals/review-ta-twooffive-small.gif) no-repeat left top;
}

.reviewRating.rating-1-5 {
    background:url(//resources.holidaylettings.co.uk/images/rentals/review-ta-oneoffive-small.gif) no-repeat left top;
}

.reviewRating.rating-0-5 {
    background:url(//resources.holidaylettings.co.uk/images/rentals/review-ta-zerooffive-small.gif) no-repeat left top;
}


.smallRatings .ratingsIcon,
.mediumRatings .ratingsIcon,
.largeRatings .ratingsIcon {
    background: transparent url(//resources.holidaylettings.co.uk/images/srp/ta_sprite_v2.png) top left no-repeat;
    overflow: hidden;
    display: inline-block;
}


.smallRatings .ratingsIcon {
    width: 52px;
    height: 11px;
    background-position: -357px -112px;
}

.smallRatings.rating-5-5 .ratingsIcon {
    background-position: -357px -1px;
}

.smallRatings.rating-4_5-5 .ratingsIcon {
    background-position: -357px -12px;
}

.smallRatings.rating-4-5 .ratingsIcon {
    background-position: -357px -23px;
}

.smallRatings.rating-3_5-5 .ratingsIcon {
    background-position: -357px -34px;
}

.smallRatings.rating-3-5 .ratingsIcon {
    background-position: -357px -45px;
}

.smallRatings.rating-2_5-5 .ratingsIcon {
    background-position: -357px -56px;
}

.smallRatings.rating-2-5 .ratingsIcon {
    background-position: -357px -68px;
}

.smallRatings.rating-1_5-5 .ratingsIcon {
    background-position: -357px -79px;
}

.smallRatings.rating-1-5 .ratingsIcon {
    background-position: -357px -90px;
}

.smallRatings.rating-0_5-5 .ratingsIcon {
    background-position: -357px -100px;
}

.smallRatings.rating-0-5 .ratingsIcon {
    background-position: -357px -112px;
}

.mediumRatings .ratingsIcon {
    width: 102px;
    height: 18px;
    background-position: -118px -181px;
}

.mediumRatings.rating-5-5 .ratingsIcon {
    background-position: -118px -1px;
}

.mediumRatings.rating-4_5-5 .ratingsIcon {
    background-position: -118px -19px;
}

.mediumRatings.rating-4-5 .ratingsIcon {
    background-position: -118px -37px;
}

.mediumRatings.rating-3_5-5 .ratingsIcon {
    background-position: -118px -55px;
}

.mediumRatings.rating-3-5 .ratingsIcon {
    background-position: -118px -73px;
}

.mediumRatings.rating-2_5-5 .ratingsIcon {
    background-position: -118px -91px;
}

.mediumRatings.rating-2-5 .ratingsIcon {
    background-position: -118px -109px;
}

.mediumRatings.rating-1_5-5 .ratingsIcon {
    background-position: -118px -127px;
}

.mediumRatings.rating-1-5 .ratingsIcon {
    background-position: -118px -145px;
}

.mediumRatings.rating-0_5-5 .ratingsIcon {
    background-position: -118px -163px;
}

.mediumRatings.rating-0-5 .ratingsIcon {
    background-position: -118px -181px;
}


.largeRatings .ratingsIcon {
    width: 118px;
    height: 20px;
}

.largeRatings.rating-5-5 .ratingsIcon {
    background-position: 0 0;
}

.largeRatings.rating-4_5-5 .ratingsIcon {
    background-position: 0 -20px;
}

.largeRatings.rating-4-5 .ratingsIcon {
    background-position: 0 -40px;
}

.largeRatings.rating-3_5-5 .ratingsIcon {
    background-position: 0 -60px;
}

.largeRatings.rating-3-5 .ratingsIcon {
    background-position: 0 -80px;
}

.largeRatings.rating-2_5-5 .ratingsIcon {
    background-position: 0 -100px;
}

.largeRatings.rating-2-5 .ratingsIcon {
    background-position: 0 -120px;
}

.largeRatings.rating-1_5-5 .ratingsIcon {
    background-position: 0 -140px;
}

.largeRatings.rating-1-5 .ratingsIcon {
    background-position: 0 -160px;
}

.largeRatings.rating-0_5-5 .ratingsIcon {
    background-position: 0 -180px;
}

.largeRatings.rating-0-5 .ratingsIcon {
    background-position: 0 -200px;
}

/* =====================================================
    AJAX Spinner
   ===================================================== */
.xhrOverlay {
    /*   background-color: #FFFFFF; */
    height: 100%;
    /*   opacity: 0.7;
        filter: alpha(opacity=70); /* IE6-9 */
    position: absolute;
    width: 100%;
    z-index: 10;
}

.xhrSpinner {
    border-width:4px;
    border-style: solid;
    border-color:#3399FF;
    border-right-color:transparent;
    width:40px;
    height:40px;
    border-radius:50%;
    position:fixed;
    left:48%;
    top:200px;
    z-index:10;
    -moz-animation: spin 1s linear infinite;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.lt-ie10 .xhrSpinner {
    display:none;
}

.xhrMask {
    background-color: #FFFFFF;
    height: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70); /* IE6-9 */
    width: 100%;
    z-index: 5;
}
@-webkit-keyframes spin
{
    from { -webkit-transform: rotate(0deg); opacity: 0.4; }
    50%  { -webkit-transform: rotate(180deg); opacity: 1; }
    to   { -webkit-transform: rotate(360deg); opacity: 0.4; }
}

@-moz-keyframes spin
{
    from { -moz-transform: rotate(0deg); opacity: 0.4; }
    50%  { -moz-transform: rotate(180deg); opacity: 1; }
    to   { -moz-transform: rotate(360deg); opacity: 0.4; }
}

@-ms-keyframes spin
{
    from { -ms-transform: rotate(0deg); opacity: 0.4; }
    50%  { -ms-transform: rotate(180deg); opacity: 1; }
    to   { -ms-transform: rotate(360deg); opacity: 0.4; }
}

@-o-keyframes spin
{
    from { -o-transform: rotate(0deg); opacity: 0.4; }
    50%  { -o-transform: rotate(180deg); opacity: 1; }
    to   { -o-transform: rotate(360deg); opacity: 0.4; }
}

@keyframes spin
{
    from { transform: rotate(0deg); opacity: 0.2; }
    50%  { transform: rotate(180deg); opacity: 1; }
    to   { transform: rotate(360deg); opacity: 0.2; }
}

/* FK footer */

.isFlipkey #footer {
    border-top: 1px solid #DDDDDD;
}
.isFlipkey #footer {
    display: table;
	width:100%;
	background:#f0f0f0;
}
.isFlipkey #footer div.section {
    display: table;
	background:#f0f0f0;
	max-width:1030px;
	margin:auto;
}
.isFlipkey #footer div.section div.nav {
    display: table-cell;
    padding: 0px 15px 20px;
    vertical-align: top;
}
.isFlipkey #footer div.section .nav {
    /*width: 50%;*/
}
.isFlipkey #footer h3 {
    color: #444444;
    font-size: 1.5em;
    font-weight: normal;
    white-space: nowrap;
	clear:both;
}
.isFlipkey #footer p {
    color: #898989;
    font-size: 1.0em;
}
.isFlipkey #footer p.copyright {
    font-size: 0.8em;
	font-weight:normal;
    margin: 0;
    padding: 0;
}
.isFlipkey #footer a {
    color: #898989;
	font-weight:normal;
    text-decoration: none;
}
.isFlipkey #footer a:hover, #footer a:focus {
    color: #066BC8;
    text-decoration: none;
}
.isFlipkey #footer ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.isFlipkey #footer ul li {
    color: #898989;
    font-size: 1.0em;
    margin: 0 0 12px;
    padding: 0;
}
.isFlipkey #footer ul.social li {
    display: inline-block;
    margin-right: 10px;
}
.isFlipkey #footer ul.social li a i {
    color: #CCCCCC !important;
    font-size: 20px;
    height: 20px;
    width: 20px;
}
.isFlipkey #footer ul.social li a:hover i,
.isFlipkey #footer ul.social li a:focus i {
    color: #066BC8 !important;
}
.isFlipkey #footer ul.love {
    white-space: nowrap;
}
.isFlipkey #footer ul.love li {
    border-right: 1px solid #DDDDDD;
    display: inline-block;
    padding: 0 15px 0 0;
}
.isFlipkey #footer ul.love li:last-child {
    border-right: 0 none;
    padding: 0 0 0 15px;
}
.isFlipkey #footer.micro ul li {
    display: inline-block;
    margin: 0 0 0 25px;
}
.isFlipkey #footer.micro ul li:first-child {
    margin-left: 0;
}
.isFlipkey #footer.micro #footer_micro {
    display: block;
    padding: 30px 15px 15px;
}

.isFlipkey .social li a {
	height:25px;
	width:25px;
	display:block;
	float:left;
    background:url(//resources.holidaylettings.co.uk/images/intl/header/fk-footer-sprite-v1.gif) no-repeat -1px -1px;
}

.isFlipkey .social li .icon-social-facebook {
    background-position: -1px -1px;
}
.isFlipkey .social li .icon-social-twitter {
    background-position: -1px -35px;
}
.isFlipkey .social li .icon-social-google {
    background-position: -1px -70px;
}
.isFlipkey .social li .icon-social-pinterest {
    background-position: -1px -103px;
}
.isFlipkey .social li .icon-social-instagram {
    background-position: -1px -137px;
}
.isFlipkey .social li .icon-social-linkedin {
    background-position: -2px -171px;
}
.isFlipkey .social li .icon-social-facebook:hover {
    background-position: -29px -1px;
}
.isFlipkey .social li .icon-social-twitter:hover {
    background-position: -29px -35px;
}
.isFlipkey .social li .icon-social-google:hover {
    background-position: -29px -70px;
}
.isFlipkey .social li .icon-social-pinterest:hover {
    background-position: -29px -103px;
}
.isFlipkey .social li .icon-social-instagram:hover {
    background-position: -29px -137px;
}
.isFlipkey .social li .icon-social-linkedin:hover {
    background-position: -30px -171px;
}