.hl_container:before,
.hl_container:after {
    display: table;
    content: "";
}
.hl_container:after {
    clear: both;
}
.lt-ie8 .hl_container {
    zoom: 1;
}
.faq .hl_container {
    background: transparent url(//holidaylettings.co.uk/content/assets/hl-public/images/bg/faq-nav-shadow.gif) repeat-y 0px 0;
}
.faq #wrapper.blank .hl_container {
    background:none;
}
.faq #wrapper.blank {
    border:none;
    padding:20px;
}
.faq #header_position_holder {
    background-image: url(//holidaylettings.co.uk/content/assets/hl-public/images/bg/header-faq.jpg);
}
nav.menu {
    float: left;
    width: 260px;
}
nav.menu > ul > li > a,
nav.menu > ul > li > ul > li > a {
    display: block;
    width: auto;
    padding: 10px 20px;
    border-bottom: 1px solid #d8d8d8;
    border-top: 1px solid #FAFAFA;
    text-shadow: 0px -1px #FFFFFF;
    font-size: 1.2em;
    color: #989898;
}
nav.menu > ul > li, nav.menu > ul > li > a:hover {
     background: transparent url(//holidaylettings.co.uk/content/assets/hl-public/images/left-menu-icon.gif) no-repeat 7px 14px;
}
nav.menu > ul > li.selected > a {
    background: transparent url(//holidaylettings.co.uk/content/assets/hl-public/images/left-menu-minus-icon.gif) no-repeat 7px 14px;
}
nav.menu > ul > li.home {
    background: none;
}
nav.menu > ul > li.home.selected > a, nav.menu > ul > li.home  > a:hover {
    background: #6abe28 none;
}
nav.menu > ul > li > ul {
    background: white url(//holidaylettings.co.uk/content/assets/hl-public/images/bg/faq-nav-shadow-white.gif) repeat-y 100% 0;
    display: none;
}
nav.menu > ul > li.selected > ul {
    display: block;
}
nav.menu > ul > li > ul > li > a {
    padding-left: 40px;
    border-top: 1px solid white;
}
nav.menu > ul > li > ul > li > a:hover,
nav.menu > ul > li > a:hover,
nav.menu > ul > li > ul > li.selected > a,
nav.menu > ul > li.selected > a {
    background-color: #6abe28;
    color: #f6fdf1;
    text-decoration: none;
    border-top: 1px solid #77c935;
    border-bottom: 1px solid #60b31c;
    text-shadow: 0px 1px #479805;
}
nav.menu > ul > li > ul > li.sub > a:hover,
nav.menu > ul > li > ul > li.sub.selected > a {
    background-color: #F0F8E9;
    color: #69be28;
    text-shadow: none;
}
nav.menu > ul > li > ul > li.sub > a {
    font-weight:normal;
}
nav.menu > ul > li > ul > li > a:hover,
nav.menu > ul > li > ul > li.selected > a {
    background-position: -270px 14px;
}
div[role=main] {
    background-color: white;
    padding: 20px;
    min-height: 500px;
    float: left;
    width: 699px;
}
section.search {
    background: #f0f8e9;
    padding: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}
section.search form h2 {
    text-align: center;
}
#list-button,
article.detail footer a,
section.search form input[name=search],
section.search form input[type=submit],
.faq form input[type=submit]{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
#list-button,
article.detail footer a,
section.search form input[type=submit] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
section.search form input[name=search] {
    padding:9px;
    border: 1px solid #c5cbbf;
    font-size:1.4em;
    color: #c5cbbf;
    width: 440px;
    margin-right: 20px;
    box-shadow: 0 2px 5px #CCC;
}
section.search form input[name=search]:focus,
.lt-ie8 section.search form input[name=search] {
    color: #555;
    outline: none;
    border-color: #949f89;
}
#list-button,
article.detail footer a,
.faq form input[type=submit] {
    border: 1px solid #68be27;
    font-weight: bold;
    font-size: 1.4em;
    color: white;
    text-shadow: 0 2px 2px #479805;
    padding: 8px 14px;
    background-color: #6abe28;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6ac927), to(#98d839));
    background-image: -webkit-linear-gradient(top, #6ac927, #98d839);
    background-image:    -moz-linear-gradient(top, #6ac927, #98d839);
    background-image:      -o-linear-gradient(top, #6ac927, #98d839);
    background-image:         linear-gradient(to bottom, #6ac927, #98d839);
    -webkit-box-shadow: inset 0 1px 0 #bde783, 0 2px 5px #CCC;
    -ms-box-shadow: inset 0 1px 0 #bde783, 0 2px 5px #CCC;
    box-shadow: inset 0 1px 0 #bde783, 0 2px 5px #CCC;
    cursor: pointer;
    position: relative;
}
#list-button {
    background-color: #afafaf;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#C0C0C0), to(#999999));
    background-image: -webkit-linear-gradient(top, #C0C0C0, #999999);
    background-image:    -moz-linear-gradient(top, #C0C0C0, #999999);
    background-image:      -o-linear-gradient(top, #C0C0C0, #999999);
    background-image:         linear-gradient(to bottom, #C0C0C0, #999999);
    -webkit-box-shadow: inset 0 1px 0 #CCC, 0 2px 5px #CCC;
    -ms-box-shadow: inset 0 1px 0 #CCC, 0 2px 5px #CCC;
    box-shadow: inset 0 1px 0 #CCC, 0 2px 5px #CCC;
    text-shadow: 0 2px 2px #777;
    border: 1px solid #999999;
    display: none;
    margin-top: 20px;
}
#list-button.list-button-visible {
    display: inline;
    display: inline-block;
    border: 1px solid #68be27;
    text-shadow: 0 2px 2px #479805;
    background-color: #6abe28;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6ac927), to(#98d839));
    background-image: -webkit-linear-gradient(top, #6ac927, #98d839);
    background-image:    -moz-linear-gradient(top, #6ac927, #98d839);
    background-image:      -o-linear-gradient(top, #6ac927, #98d839);
    background-image:         linear-gradient(to bottom, #6ac927, #98d839);
    -webkit-box-shadow: inset 0 1px 0 #bde783, 0 2px 5px #CCC;
    -ms-box-shadow: inset 0 1px 0 #bde783, 0 2px 5px #CCC;
    box-shadow: inset 0 1px 0 #bde783, 0 2px 5px #CCC;
}
section.search form input[type=submit] {
    padding-right: 39px;
    background-position: 100% 50%;
    background-position: 100% 50%, 0 0;
    background-repeat: no-repeat;
    background-image: url("//holidaylettings.co.uk/content/assets/hl-public/images/icon-search.png");
    background-image:
        url("//holidaylettings.co.uk/content/assets/hl-public/images/icon-search.png"),
        -webkit-gradient(linear, left top, left bottom, from(#6ac927), to(#98d839));
    background-image:
        url("//holidaylettings.co.uk/content/assets/hl-public/images/icon-search.png"),
        -webkit-linear-gradient(top, #6ac927, #98d839);
    background-image:
        url("//holidaylettings.co.uk/content/assets/hl-public/images/icon-search.png"),
        -moz-linear-gradient(top, #6ac927, #98d839);
    background-image:
        url("//holidaylettings.co.uk/content/assets/hl-public/images/icon-search.png"),
        -o-linear-gradient(top, #6ac927, #98d839);
    background-image:
        url("//holidaylettings.co.uk/content/assets/hl-public/images/icon-search.png"),
}
article.detail footer a {
    margin: -12px 0px -12px 20px;
    display: inline;
    display: inline-block;
}
article.detail footer a:hover {
    text-decoration: none;
}
.lt-ie8 article.detail footer a {
    zoom: 1;
    display: inline;
}
#list-button:active {
    bottom: -1px;
    -webkit-box-shadow: inset 0 1px 0 #CCC, 0 1px 3px #CCC;
    -ms-box-shadow: inset 0 1px 0 #CCC, 0 1px 3px #CCC;
    box-shadow: inset 0 1px 0 #CCC, 0 1px 3px #CCC;
}
article.detail footer a:active,
section.search form input[type=submit]:active,
.faq form input[type=submit]:active {
    bottom: -1px;
    -webkit-box-shadow: inset 0 1px 0 #bde783, 0 1px 3px #CCC;
    -ms-box-shadow: inset 0 1px 0 #bde783, 0 1px 3px #CCC;
    box-shadow: inset 0 1px 0 #bde783, 0 1px 3px #CCC;
}
section.search form p {
    margin: 20px 0 0;
    color: #999;
}
section.search form p a {
    cursor: pointer;
}
section.list h2 {
    font-size: 28px;
}
section.list li {
    margin: 5px 0px 20px;
    font-size: 1.3em;
}
section.list li a {
    display: block;
    width: auto;
}
section.list p {
    font-size: 0.9em;
}
nav.breadcrumb {
    padding: 9px 10px;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    margin: 20px 0;
}
nav.breadcrumb > ul {
    margin: 0;
    padding: 0;
}
nav.breadcrumb > ul > li {
    display: inline;
    color: #BBB;
}
article.detail footer {
    margin-top: 20px;
    padding: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;    
    border-radius: 8px;
    background: #EEE;
}
article.detail footer > p {
    display: none;
}
article.detail footer > p:first-child {
    display: block;
}
.lightbox {
    position: absolute;
    width: 800px;
}
.lightbox .contact {

}
section.contact {
    width: 800px;
}
section.contact article > section form > div:before,
section.contact article > section form > div:after,
section.contact > article:before,
section.contact > article:after {
    display: table;
    content: "";
}
section.contact article > section form > div:after,
section.contact > article:after {
    clear: both;
}
.lt-ie8 section.contact article > section form > div,
.lt-ie8 section.contact > article {
    zoom: 1;
}
section.contact h2 {
    color: #999;
    font-size: 32px;
    font-size: 2rem;
    margin: 0px;
    display: inline;
    display: inline-block;
    padding-right: 40px;
    background: transparent url("//holidaylettings.co.uk/content/assets/hl-public/images/faq-contact-header-speech.png") no-repeat 100% 50%;
}
section.contact h3 {
    font-size: 22px;
    font-size: 1.4rem;
    margin: 0 0 10px;
    color: #6abe28;
}
section.contact article > section {
    position:relative;
    float: left;
    width: 535px;
    padding-right: 30px;
}
section.contact article > section small {
    position: absolute;
    top: 0;
    right: 30px;
}
section.contact form > div {
    margin-bottom: 10px;
}
section.contact form div.cols {
    margin: 0;
}
section.contact form div.col {
    float: left;
    width: 245px;
    margin-bottom: 10px;
}
section.contact form div.col:first-child {
    width: 255px;
    margin-right: 10px;
}
section.contact span.info {
    display: block;
    width: auto;
    color: #BBB;
    font-weight: normal;
}
section.contact form div.col input[type=text] {
    width: 119px;
}
section.contact form div.col label {
    width: 110px;
}
section.contact form select,
section.contact form input[type=text],
section.contact form input[type=email],
section.contact form input[type=tel],
section.contact form textarea {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CCC;
    padding: 6px;
}
section.contact form select {
    width: 388px;
    float: left;
}
section.contact form input[type=text],
section.contact form input[type=email],
section.contact form input[type=tel] {
    width: 374px;
    float: left;
}
section.contact form textarea {
    width: 374px;
    min-height: 170px;
    max-height: 350px;
    float: left;
    resize: vertical;
}
section.contact form label {
    font-weight: bold;
    color: black;
    display: block;
    float: left;

    cursor: pointer;
}
section.contact form label,
section.contact form div.col:first-child label {
    width: 120px;
}
section.contact form input[type=submit] {
    margin-left: 120px;
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
section.contact div.error input,
section.contact div.error select,
section.contact div.error textarea {
    border: 1px solid #d01617;
    background-color: #f0d1cf;
}
section.contact div.error label,
section.contact span.error {
    color: #d01617;
}
section.contact form .input-info-icon {
    width: 17px;
    height: 17px;
    margin:10px 0 0 10px;
    float: left;
}
section.contact form .error .input-info-icon {
    background: transparent url("//holidaylettings.co.uk/content/assets/hl-public/images/red-cross.png") no-repeat 100% 0;
}
section.contact form .valid .input-info-icon {
    background: transparent url("//holidaylettings.co.uk/content/assets/hl-public/images/green-tick.png") no-repeat 100% 0;
}
section.contact article > aside {
    float: left;
    width: 195px;
    padding-left: 40px;
    background: transparent url("//holidaylettings.co.uk/content/assets/hl-public/images/bg/faq-contact-rightcol.png") no-repeat 0 0;
    min-height: 500px;
}
section.contact article > header {
    padding-bottom: 30px;
    background: transparent url("//holidaylettings.co.uk/content/assets/hl-public/images/bg/faq-contact-header.png") no-repeat 50% 100%;
}
section.contact h4 {
    font-size: 14px;
    font-size: 0.9rem;
}
section.contact article > aside h4 {
    margin-top: 0;
}
section.contact #callus {
    font-weight:bold;
}
section.contact #callus > em {
    cursor: pointer;
    color:#3399FF;
    font-weight:bold;
    font-style:normal;
}
section.contact #callus span {
    color: #666666;
    margin-top:0.5em;
}
section.contact .error-box {
    display: none;
    padding: 9px;
    border: 1px solid #d01617;
    color: #d01617;
    margin: 10px 0 20px;
}
section.contact .error-box h4 {
    margin: 0;
    padding-left: 30px;

}
.pagination {
    padding: 9px 10px;
    background: #F0F0F0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    text-align: center;
    position: relative;
}
.pagination-button {
    position: absolute;
    top: 9px;
}
.pagination-button-prev {
    left: 10px;
}
.pagination-button-next {
    right: 10px;
}
.pagination-button-prev a {

}

.urgentmessagebox {
    background-color: white;
    color: #666;
    text-align: center;
    border: 1px solid #999;
    width: 660px;
    margin: 20px 10px;
    padding: 10px 5px;
}

.isFlipkey .logo img{
	margin-top:16px;
}

.isFlipkey nav.hmLinks{
	display:none;
}

@media screen and (min-width: 320px) and (max-width: 1159px) {
	.hoLinks, .hmLinks, .headerStrip {
     	display:none;   
    }
    .hl_container, header .inner {
        width:100%;
    }
    .hl_overlay {
        display:none;
        position:absolute;
        z-index:98;
        top:0;
        left:0;
        width:100%;
        height:100%;
        overflow:hidden;
        background:#000;
        opacity:0.7;
    }
    header {
        height:56px;
    }
    header .logo img {
        height:65px;
    }
    .menuIcon {
        background:#F2F1F0;
        border:1px solid #D1CEC9;
        padding: 14px 20px 16px;
    	text-align: center;
    	width: 40px;
        height:17px;
        margin-top:-60px;
        font-size:120%;
    }
    nav.menu {
    	position:absolute;
        top:0;
        left:0;
        background:transparent;
        width:98%;
        margin: 67px 1% 0;
    }
    header .logo {
        height:90px;
     	margin-left:110px;   
    }
    .faq .hl_container {
    	background:none;
    }
    .hl_container div[role=main]{
    	width:100%;
        padding:0;
        margin-top:-30px;
    }
    .search {
        border-radius:0;
    }
    .search form {
        text-align:center;
    }
    .footerCenter {
        width:90%;
        float:left;
    }
    .footer ul.primaryList {
        margin:0;
        padding:0 0 10px 10px;
    }
    .hl_container .list {
        padding: 0 10px;
    }
    nav.menu ul {
        width: 100%;
        z-index: 99;
        display:none;
    }
    nav.menu > ul > li {
        background: url("//resources.holidaylettings.co.uk/images/faq/left-menu-plus-green.gif") no-repeat 8px 16px;
    }
    nav.menu > ul > li > a:hover {
        background: #6abe28 url("//resources.holidaylettings.co.uk/images/faq/left-menu-plus-white.gif") no-repeat 8px 16px;
    }
    nav.menu > ul > li.selected > a {
        background: #6abe28 url("//resources.holidaylettings.co.uk/images/faq/left-menu-minus-white.gif") no-repeat 8px 16px;
    }
    nav.menu > ul > li > ul > li > a:hover,
    nav.menu > ul > li > ul > li.selected > a {
        background-color: #6abe28;
        background-position: 0px -14px;
    }
    nav.menu > ul > li > ul {
     	background:none;   
    }
    header nav li {
    	clear:both;
        width:100%;
        height:auto;
    }
    header nav.menu {
        display:block;
    }
    header nav.menu p {
        display:block;
    }
    header nav.menu>ul {
        display:none;
        position: relative;
        z-index: 999;
        background:#fff;
        margin-top:-8px;
    }
    .faq-common-searches {
        font-size:120%;
    }
    .breadcrumb a {
        font-size:120%;
    }
    section.contact {
    	width: 100%;
        float:left;
	}
    section.contact article > aside {
        background: none;
        border-top: 1px solid #f0f0f0;
        margin-top: 30px;
        min-height: auto;
        padding: 30px 0;
        width: 100%;
	}
    
    nav.menu > ul > li > ul {
        display:block;
    }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
	.form {
        text-align:left;
    }
    section.search {
        border-radius:0px;
    }
    section.list ul {
        padding-left:15px;
    }
    section.list h2 {
        font-size: 20px;
    }
    .form h2 {
       display:none; 
    }
    section.search form input[type="submit"],
    #faqSearchAskInput {
       	clear:both;
        float:left;
    }
    #faqSearchAskInput {
       	width:98%;
    }
    section.search form input[type="submit"] {
       	margin:10px 0 16px;
    }
    .faq-common-searches {
        clear:both;
        text-align:left;
    }
    section.contact {
    	width: 100%;
        float:left;
        position:absolute;
        left:0;
        padding:20px;
	}
    .menuIcon {
        background:#F2F1F0;
        border:1px solid #D1CEC9;
        padding: 12px 20px 16px;
    	text-align: center;
    	width: 40px;
        height:17px;
        margin-top:-60px;
        font-size:140%;
    }
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    header {
        height:126px;
    }
    header .logo img {
        height: 105px;
    } 
    header .logo {
        margin-left:160px;
    }    
    .form h2 {
       display:none; 
    }
    section.search form input[type="submit"],
    #faqSearchAskInput {
       	clear:both;
        float:left;
    }
    .faq-common-searches {
        clear:both;
        text-align:left;
    }
    .menuIcon {
        padding: 14px 30px 32px 20px;
    	text-align: center;
    	width: 70px;
        height:24px;
        margin-top:-50px;
        font-size:240%;
    }
    
    section.search form input[name="search"] {
        font-size:3em;
        width:98%;
        margin-top:10px;
    }
    section.search form input[type="submit"] {
        margin:20px 0 30px;
       	font-size:3em;
    }
    nav.menu > ul > li > a, nav.menu > ul > li > ul > li > a  {
    	font-size: 3em!important; 
        padding: 20px 20px!important;
        background-image:none;
    }
    nav.menu > ul > li > ul > li > a  {
        padding: 20px 20px 20px 40px!important;
    }
    nav.menu > ul > li, nav.menu > ul > li > ul > li  {
        background-image:none;
    }
    .hl_overlay {
    	top:-30px;
    }
    .contact header {
        height:56px;
    }
}