﻿/*
Theme Name: Custom Theme
Theme URI: http://www.searchquest.co.uk/
Description: Custom theme built by SearchQuest.
Author: SearchQuest
Version: 1
*/

@import url("style_default.css");
/*@import url("style_debug.css");*/

@font-face {
		font-family: 'GillSans MT Light';
		src: url('/fonts/gillsansmtpro-light.eot');
		src: url('/fonts/gillsansmtpro-light.eot?#iefix') format('embedded-opentype'),
				 url('/fonts/gillsansmtpro-light.woff') format('woff'),
				 url('/fonts/gillsansmtpro-light.ttf') format('truetype'),
				 url('/fonts/gillsansmtpro-light.svg#gillsansmtpro-light') format('svg');
		font-weight: normal;
		font-style: normal;
}

@font-face {
		font-family: 'GillSans MT Medium';
		src: url('/fonts/gillsansmtpro-medium.eot');
		src: url('/fonts/gillsansmtpro-medium.eot?#iefix') format('embedded-opentype'),
				 url('/fonts/gillsansmtpro-medium.woff') format('woff'),
				 url('/fonts/gillsansmtpro-medium.ttf') format('truetype'),
				 url('/fonts/gillsansmtpro-medium.svg#gillsansmtpro-medium') format('svg');
		font-weight: normal;
		font-style: normal;
}
		
@font-face {
		font-family: 'Helvetica Neue';
		src: url('/fonts/helveticaneueltcom-thex.eot');
		src: url('/fonts/helveticaneueltcom-thex.eot?#iefix') format('embedded-opentype'),
				 url('/fonts/helveticaneueltcom-thex.woff') format('woff'),
				 url('/fonts/helveticaneueltcom-thex.ttf') format('truetype'),
				 url('/fonts/helveticaneueltcom-thex.svg#helveticaneueltcom-thex') format('svg');
		font-weight: normal;
		font-style: normal;
}

/* =BASE/STRUCTURE
------------------------------------------------------------- */
html {overflow:auto;}
body {
	background: url(images/bg.jpg) top center no-repeat white;
	background-attachment: fixed;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 22px;
}

#wrapper, #footer {margin: 0 auto;width: 960px;}
#wrapper {
    background: white;
    padding: 20px 20px 0;
    width: 920px;
    box-shadow: 0 0 20px 2px #444;
}
#container {float: left;width: 100%;}

.widget-container {margin-bottom: 0;}


/* =HEADER
------------------------------------------------------------- */
#header {
    height: 150px;
    padding: 20px 0 0;
    width: 940px;
    margin: 0 auto;
}
#header #masthead {position: relative;}
#branding {}
#branding .left {}
#branding .right {
    margin-top: 10px;
}
.logo {}
.translation {
    clear: both;
    float: right;
    width: 75px;
    position: relative;
    top: -5px;
}
.translation a {
    display: block;
    float: left;
    margin-left: 10px;
}
.translation img {
    box-shadow: 1px 1px 5px 0px #9F9E8C;
    position: relative;
    behavior: url(/PIE.php);
}
.header-tel {
    clear: both;
    color: #134373;
    text-shadow: 1px 1px #DFDCD3;
    font-size: 26px;
    font-family: Helvetica Neue, Lucida Sans;
    letter-spacing: 1px;
}
.header-tel .tel-left {
    float: left;
}
.header-tel .tel-right {
    float: right;
    margin-left: 60px;
}


/* =NAVIGATION
------------------------------------------------------------- */
#access {
	float: right;
	clear: both;
	display: block;
	font-size: 12px;
	color: white;
	position: absolute;
	top: 100px;
	right: -10px;
}
#access li {
	float: left;
	position: relative;
	height: 46px;
	background: url(images/nav-sep.png) no-repeat right center;
	padding-right: 1px;
}
#access a {
	display: block;
	text-decoration: none;
	color: black;
	height: 22px;
	padding: 0 8px;
	text-transform: uppercase;
	margin: 10px 2px;
	font-family: GillSans MT Medium, Lucida Sans, Arial;
}
#access ul {list-style: none;margin: 0;} #access ul ul li {min-width: 200px;height: auto;padding-right: 0 !important;float: none;} #access ul ul ul {left: 100%;top: 0;}
#access ul ul a {line-height: 16px;padding: 5px;width: auto;height: auto;margin: 0;margin-right: 0;line-height: 22px;}
#access ul li:hover > ul {display: block;}
#access .sub-menu {
	float: left;
	z-index: 99999;
	display: none;
	position: absolute;
	top: 32px;
	left: 2px;
	background: lightgrey;
	font-size: 12px;
	line-height: 16px;
}
#access .nav-border,
#access .nav-border:hover,
#access .nav-border a:hover  {
	background:url(images/nav-bg-border.png) no-repeat;
	cursor: default;
	padding: 0 !important;
	margin: 0 !important;
	width: 3px;
}
#access li:hover,
#access #current_page_item,
#access .current_page_item,
#access .current-menu-ancestor  {
}
#access a:hover,
#access #current_page_item > a,
#access .current-menu-item > a,
#access .current-menu-ancestor > a {color: white;background: #154374;}

#access .menu-item-last {
    background: none;
}


/* =HOMEPAGE BOX (Slider etc.)
------------------------------------------------------------- */
.homebox-container {width: 100%;height: 325px;margin-bottom: 20px;}
.slider {float: right;}
.slider * {
    border-radius: 10px;
    behavior: url(/PIE.php);
}
.slider .thethe_image_slider {border: none !important;}
.thethe-image-slider-controls-pause {display: none !important;}
.thethe-image-slider-controls-prev {}
.thethe-image-slider-controls-next {}
.thethe-image-slider-caption {}
.thethe-image-slider-caption-inner {}

/* Custom page image */
#homebox-slider {overflow: hidden;position: relative;}
.custom-image {
    margin-left: 40px;
    overflow: hidden;
}
.custom-image img {
    width: 685px;
    height: 325px;
    border-radius: 5px;
    behavior: url(/PIE.php);
    position: relative;
}
.slide-title {
    position: absolute;
    right: 20px;
    bottom: 20px;;
    color: white;
    font-family: Helvetica Neue, Lucida Sans, Arial;
    font-size: 26px;
    text-transform: uppercase;
    text-shadow: 1px 1px 10px #759DCE;
}


/* =CTA
------------------------------------------------------------- */
.cta-container {
    width: 920px;
    height: 190px;
    clear: both;
    margin-bottom: 10px;
}
.ctas {}
.cta {float:left;width: 215px;margin-right: 20px;}
.cta1 {}
.cta2 {}
.cta3 {}
.cta4 {margin-right: 0px;}


/* =RESERVATIONS BAR
------------------------------------------------------------- */
.booking-bar-container {
    margin-bottom: 10px;
    
}
.booking-bar {
    height: 35px;
    width: 890px;
    background: url(images/bg-booking.png) repeat-x;
    border-radius: 20px;
    position: relative;
    behavior: url(/PIE.php);
    margin-bottom: 2px;
    padding: 5px 15px;
}
.booking-bar * {font-size: 11px !important;}
.booking-bar input[type=text] {
    height: 10px;
    line-height: 10px;
}
.booking-bar select {
    min-width: 50px !important;
}
.booking-bar input[type=submit] {
    cursor: pointer;
    border: none !important;
    padding: 5px 10px;
    height: auto !important;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #134173 !important;
}
.booking-bar .textwidget > table {
    width: 100%;
}
.booking-bar #ArrivalDate {width: 70px;text-align: center;}

.booking-manage {
    text-align: right;
    text-transform: uppercase;
    font-size: 11px;
}
.booking-manage a {
    color: #242424;
    text-decoration: none;
}


/* =PAGES
------------------------------------------------------------- */
#main{
	clear:both;
	padding:0;
	min-height: 400px;
}
h1 {
	font-size: 18px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-family: GillSans MT Medium, Lucida Sans, Arial;
	color: #333;
}
.home h1 {margin-top: 0;}
h2 {
	font-size: 16px;
	margin-bottom: 10px;
	clear: none;
	color: #333;
	font-family: GillSans MT Medium, Lucida Sans, Arial;
}
#content h2 {
	border-top: 1px solid lightgrey;
	border-bottom: 1px solid lightGrey;
	padding: 10px 0;
	color: #144374;
}
.home #content h2 {
	border-top: none;
	border-bottom: none;
	padding: 0;
	margin-bottom: 5px;
}
h3 {
	font-size: 14px;
	margin-bottom: 0px;
	color: #144374;
}
h4 {
    font-size: 11px;
    color: #272727;
}
#content {
	float:left;
	margin-bottom: 20px;
	color:#333;
	font-size: 12px;
	line-height: 19px;
}
#container.short-width #content {width: 660px;}
#content a {color: black;text-decoration: underline;}
#content a:hover {}
#content input,#content textarea{color:#333;font-size:12px;}
#content ul, #content ol {margin-left: 40px;margin-bottom: 20px;margin-top: 10px;}
#content img {
    box-shadow: 0 0 10px 0px #444;
    position: relative;
    behavior: url(/PIE.php);
}
#content table img {
    max-width: 300px;
    max-height: 300px;
}
#content table table li {width: 240px;}

/* Custom Classes */
.left {float: left !important;}
.right {float: right !important;}
.border {border: 1px solid lightgrey;padding: 2px;}
.border-none {border: none !important; border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: none !important;}
.trans {	filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
.villa-types {}
.villa-types img {max-width: 200px;max-height: 200px;}
.villa-types td {}
.villa-types .image-row {width: 200px;}
.villa-types .image-row img {margin-right: 10px;margin-bottom: 20px;}
a.factsheet, a.floorplan, a.photogallery, a.howtofindus {
	width: 180px;
	margin: 0 20px 20px 20px;
	display: block;
	text-align: center;
	border: 1px solid #CAB472;
	padding: 10px;
	background: url(images/weather-bg.png) center -1px;
	text-decoration: none !important;
	text-transform: uppercase;
	float: right;
	CLEAR: BOTH;
}
a.factsheet {background:#154374 !important; color:white !important;}
a.photogallery{background:#eafb31 !important;}
a.howtofindus {background:#a5f92e !important;}
a.floorplan{background:#DCA109 !important; color:white !important;}


/* Fancy Code */
::selection, ::-moz-selection{
    text-shadow: 1px 1px #DDA10B;
    background: #DDA10B;
    color: white;
}
.dotdotdot {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipses;}

/* Search Page */
body.search .entry-meta,
body.search .entry-utility {display: none;}
body.search .page,
body.search .post {margin-bottom: 40px;}
body.search .page h1,
body.search .post h1 {margin-bottom: 5px;border-bottom: none;}

/* Custom Page Templates */
.no-sidebar {}
.no-sidebar #sidebar {display: none;}
.no-sidebar #content {width: 100%;}


/* =GALLERY
------------------------------------------------------------- */
#content .ngg-galleryoverview {}
.ngg-gallery-thumbnail {margin-bottom:10px;}
.ngg-gallery-thumbnail-box img:hover {
	border: 1px solid white;
	background-color: lightgrey !important;
}


/* =SIDEBAR
------------------------------------------------------------- */
#sidebar {width: 230px;float: right;margin-bottom: 20px;}
#primary {float: left;width:200px;font-size: 11px;}
#primary h3 {
    width: 190px;
    height: 20px;
    padding: 5px 10px;
    color: #FDFFFE;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0;
    font-family: GillSans MT Medium, Lucida Sans, Arial;
}
#primary .textwidget {
    padding: 10px 20px;
}
.sidebar-offer {
    height: 170px;
}
.sidebar-offer h3 {
    background: #DCA109;
    text-shadow: 1px 1px #D28D04;
}
.sidebar-offer h4 {margin-left: -10px;text-transform: uppercase;font-family: GillSans MT Medium, Lucida Sans, Arial;}
.sidebar-offer p {
    margin-bottom: 0px;
}
.sidebar-offer .offer-read-more {
    color: #242424;
    text-decoration: none;
    border-bottom: 1px dotted #242424;
    display: block;
    float: right;
    line-height: 16px;
    margin-top: 5px;
}

.sidebar-informed {}
.sidebar-informed h3 {
    background: #154374;
    text-shadow: 1px 1px #072048;
}
.sidebar-informed input[type=text] {
    background: url(images/form-bg-med.png) !important;
    border: none;
    height: 15px;
    width: 120px !important;
    font-size: 10px;
    margin-top: 15px;
    position: absolute !important;
    left: 0;
    top: 0px !important;
    border-radius: 5px;
}
.sidebar-informed input[type=submit] {
    background: url(images/signup.png) no-repeat;
    text-indent: -9999px;
    width: 57px;
    height: 25px;
    position: relative;
    top: -20px;
    right: -30px;
}







#secondary, #secondary2 {
    float: left;200px;
    border: 1px solid #EDEDED;
    padding: 1px;
    border-radius: 10px;  
    position: relative;  
    behavior: url(/PIE.php);
}
#secondary h2, #secondary2 h2 {
    margin-bottom: 10px;
}
.sidebar-golf, .sidebar-cal {
    background: #EDEDED;
    border-radius: 10px;  position: relative;  behavior: url(/PIE.php);
    padding: 10px 20px;
    box-shadow: 0 2px 10px #CCCCCC;
}
.sidebar-golf p, .sidebar-cal p {margin-bottom: 5px;}
.sidebar-golf img, .sidebar-cal img {margin-top: -5px;}
.golf-more, .cal-more {
    display: block;
    margin-left: 100px;
    background: url(images/arw-blue.png) #144276 no-repeat 70px 7px;
    color: white;
    text-decoration: none;
    text-align: center;
}


#secondary2, #secondary3 {display:none; width: 230px;}
#body-id-algarve #secondary2 {display:block;}
#body-id-algarve #secondary, #body-id-golf #secondary {display:none;}
#body-id-golf #secondary3 {display:block;}

/* =CONTACT FORM
------------------------------------------------------------- */

div.wpcf7-response-output {
	border: none !important;
	margin: 35px 0 0 -5px !important;
	padding: 0 !important;
	width: 220px !important;
	font-size: 12px !important;
	font-weight: normal !important;
}
span.wpcf7-not-valid-tip {
	position: absolute !important;
	top: -19px !important;
	left: 84px !important;
	z-index: 100 !important;
	background: white !important;
	border: 1px solid red !important;
	font-size: 11px !important;
	width: 280px !important;
	padding: 2px !important;
	height: 20px !important;
	line-height: 20px !important;
	width: 195px !important;
}
.wpcf7 .captcha .wpcf7-not-valid-tip {width: 160px !important; left: 144px !important; font-size: 10px !important;}

.wpcf7 {
	padding: 0px 0px 0px 0px !important;
	color: #2E2E2E;
	font-weight: bold;
}
.wpcf7 .watermark {font-family: arial;}
.wpcf7 p {
	margin-bottom: 4px;
	height: 30px; /* Inherit height from parent container; set a fixed width for more control */
	vertical-align: top;
	position: relative;
}
.wpcf7 p span {position: relative;width: 310px;display: block;}
.wpcf7 p span input[type=text] {}
.wpcf7 p span textarea {
    background: url(images/form-bg-large.png) no-repeat !important;
    height: 83px;
}
.wpcf7 p span input[type=text], .wpcf7 p span textarea {
    width: 218px;
    background: url(images/form-bg.png) no-repeat;
    border: none;
    float: right;
    position: absolute;
    top: -20px;
    right: 0;
}

.wpcf7 .msg {height: 95px;}
.wpcf7 .msg {font: inherit !important;color: inherit;}
.wpcf7 .wpcf7-captchac {vertical-align: top;position: absolute;margin-left: 10px;}
.wpcf7 .wpcf7-captchar {width: 142px !important;background-image: url(images/form-bg-med.png) !important;margin-top: -1px;}

.wpcf7-submit {
    display: block;
    margin-left: 100px;
    background: url(images/arw-blue.png) #144276 no-repeat 70px 7px;
    color: white;
    text-decoration: none;
    text-align: center;
    border: none;
    float: right;
    width: 80px;
    text-transform: uppercase;
    cursor: pointer;
}


/* =FOOTER
------------------------------------------------------------- */
#footer {
	clear: both;
	width: 100%;
}
#footer .xoxo {margin: 0;}
#footer .widget-container {margin-bottom:0;}
#colophon {
	margin: 0 auto;
	overflow: hidden;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	background: url(images/bg-footer.png) top center no-repeat;
	border-radius: 10px 10px 0 0;
	position: relative;
	behavior: url(/PIE.php);
	height: 390px;
}
#colophon a {color: black;}
#first {
    padding: 20px;
    line-height: 20px;
}
#first .widget-title, 
#first h2 {
    display: block;
    color: #282725;
    text-shadow: 1px 1px #EBD05D;
    text-transform: uppercase;
    font-size: 18px;
    margin-left: -10px;
    padding-left: 10px;
    padding-bottom: 10px;
    background: url(images/footer-title.png) bottom left no-repeat;
    margin-bottom: 10px;
    font-family: GillSans MT Medium, Lucida Sans, Arial;
}
#first .widget-container {
    float: left;
    width: 200px;
}
#first .form {
    width: 315px;
    margin-right: 75px;
    margin-left: 20px;
}
#first .findus {margin-right: 40px;}
#first .findus h2 {margin-bottom: 5px;background-image: url(images/footer-title-version.png);padding-bottom: 5px;}
#first #guest-comments {
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px #E6C456;
}
#first #guest-comments a {
    font-weight: normal;
    font-size: 11px;
    margin-left: 100px;
    text-decoration: none;
    border-bottom: 1px dotted #232323
}
#first .weather-social {width: 220px;}
#first #weather {
    height: 100px;
    margin-bottom: 30px;
    background: url(images/weather-bg.png) no-repeat;
    position: relative
;font-family: GillSans MT Medium, Lucida Sans, Arial;
    font-size: 16px;
    color: #3A382C;
}
#first #weather > table {
    position: relative;




    height: 100px;
}
#first #social {
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 1px #E6C456;
}
#first #form-optional {
    position: absolute;
    top: 140px;
    font-size: 10px;
}

#second {clear: both;padding: 0 20px;}
#second .sitemap {
    margin-bottom: 5px;
    overflow: hidden;
    font-family: GillSans MT Medium, Lucida Sans, Arial;
}
#second .sitemap li {
    float: left;
    border-right: 1px solid #E8C977;
    border-left: 1px solid #C48925;
    padding: 0 5px;
}
#second .sitemap a {
    text-decoration: none;
}
#second .sitemap .menu-item-first {
    border-left: none;
    padding-left: 0;
}
#second .sitemap .menu-item-last {
    border-right: none;
}

.copyright {clear: both;font-weight: bold;}
.copyright a {text-decoration:none;}
.copyright a:hover {text-decoration:underline !important;}
.copyright-left {float: left;}
.copyright-right {float: right;text-align: right;}

#weather caption {
    position: absolute;
    top: 10px;
    left: 10px;
}
#weather thead {
    position: absolute;
    bottom: 0;
    left: 10px;
}
#weather thead th {font-weight: normal;position: absolute;bottom: 10px;}
#weather tbody img {
    position: absolute;
    right: -70px;
    top: -50px;
}
#weather tbody tr {position: relative;height: 95px;}
#weather tbody td {
    position: absolute;
    
    bottom: 10px;
    left: 80px;
}
#weather .wp_wund_conditions {
    display: none;
    position: absolute;
    bottom: 20px;
}


/* Booking Form */
body {
    background-attachment: inherit !important
    font-family: inherit !important
    background-position: center top !important
}

/* Custom Link Box (unused)*/
#linkbox {
	float: right;
	width: 200px;
	margin: 0 0 20px 20px;
}
#linkbox a {
	width: 180px;
	margin: 0px auto;
	display: block;
	text-align: center;
	border: 1px solid #CAB472;
	padding: 10px;
	background: url(images/weather-bg.png) center -1px;
	text-decoration: none;
	text-transform: uppercase;
}
#linkbox .link-gallery {margin: 0px auto 10px;}
#linkbox .link-factsheet {}
#linkbox .link-factsheet img {box-shadow: none;}

#body-id-terms-conditions #sidebar {display:none;}
#body-id-terms-conditions #container.short-width #content {width: 100% !important;}

#fancybox-title-over a {color:white; text-decoration:none;}

/* Form Validation Fixes */
.sidebar-informed .wpcf7-not-valid-tip {top: 12px !important;width: 144px !important;font-size: 10px !important; left: 0px !important;}
.sidebar-informed div.wpcf7-response-output {margin: -12px 0 0 -5px !important}

/* Browser Fixes */
.ie #weather {padding-top: 0px;}