/*  
Theme Name: Top Gun (multi)
Theme URI: http://seekom.com
Description: Seekom xml integration - multi property.
Version: 5.0
Author: Seekom
Author URI: http://seekom.com
*/

 
*, html { 	padding: 0px; 	margin: 0px; }
ul, ol {list-style-position:inside}

body { 	background: #eeecdb url('images/background.png'); line-height: 130%;}
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 7px 7px 0; }
.alignright { float: right; margin: 0 0 7px 7px; }
.left {float:left; }
.right {float:right; }
img{ 	border:0px;	}
a img {border: none;}

/* TITLES */

.logo h1 { color: #141615; margin: 0 0 10px 0; }
h1, h2, h3, h4, h5, h6 { color: #2c2927;	}
h1, h2 {margin: 0 0 30px 0; }
h3, h4 {margin: 0 0 20px 0; }
h5, h6 {margin: 0 0 15px 0; }
/* Header */
div#header { 	width: 100%; 	height: 480px;	background: url('images/bg-header.png') repeat-x center top;	text-align: center; }
div#top { width: 960px; height: 110px; margin: 0 auto; text-align: left;}
img.logo { float: left; border:0px; }
.logo {width: 450px; height: 95px; float: left; color: #fff;}
.logo a, .logo a:hover {text-decoration: none;}
.logo h1, .logo h2, .logo h3 {padding-top: 20px;}

/* NAVIGATION */

div#navigation {float: right; position: relative; top: 33px; z-index: 502;  width: 500px;}
#nav, #nav ul{ margin: 0px; padding: 0px; list-style-type: none;  list-style-position: outside; position: relative; line-height: 30px; margin-left: 0px;  z-index: 2; }
#nav a:link, #nav a:active, #nav a:visited{ display: block; color: #c7dad5; text-decoration: none; font-size: 16px; }
#nav li.current a { color: #fff; }
#nav li.current ul a{ color: #c7dad5; }
#nav a:hover{ color: #fff; }
#nav li.current ul a:hover{  color: #fff; }
#nav li{ float:left; position:relative; margin-left: 25px;  }
#nav ul { position:absolute; width:12em; top:30px; display:none; margin-left: 0px; }
#nav ul li{	margin-left: 0px; background: #000; position: relative; z-index: 5; padding-left: 5px; }
#nav li ul a{ width:12em; float:left; height: 35px; line-height: 35px; }
#nav ul ul{ top:auto; }	
#nav li ul ul { left:12em; margin:0px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; }
.sub-menu li li {margin-left: 15px!important;}
li.drop { background: url('images/nav-arrow.png') no-repeat; background-position: 0px 13px; }
li.drop a {	padding-left: 15px; }
/* NAVIGATION ENDS */

div#middle { width: 990px; height: 392px; /* background: url('images/header-light.png') no-repeat center top; */ margin: 0 auto; text-align: left;}
#m-left {	float: left; width: 530px; padding: 0; margin: 17px 0 0 15px; height: 285px;  font-size: 110%;}
#m-left, #m-left p {color: #2c2927; }
#m-left li {list-style-type: none; }

#featured {	width: 400px; height: 290px; background: url('images/bg-featured.png') no-repeat; float: right; margin: 30px 0 0 0; }
/* Section: Slider */
#slideshow .slidedeck-frame { position: relative!important; top: 32px!important; left: 27px!important; z-index: 10;}
#slideshow .sd-nav-wrapper {bottom: 10px!important;}
.slidedeck-frame { position: relative!important; top:0; z-index: 10;}

div#content { width: 100%; color: #574e48;  text-align: center; background: url('images/bg-content.png') repeat-x center top;}
div#content div.inner {	width: 960px; margin: 0 auto; text-align: left; padding-top: 40px; }
div#content strong {color: #2c2927; }

div#footer { background: #222222 url('images/bg-footer.png') repeat-x center top;	width: 100%; text-align: center; font-size: 14px; color: #e4e2d2; margin-top: 70px; clear:both; }
div#footer div.inner{margin: 0 auto; width: 960px; padding: 65px 0px 50px 0px; }
div#footer div.left{ float: left; text-align: left; }
div#footer div.right{ float: right; }

#copyright {font-size: 120%;}
#copyright  small{font-size: 11px;}

/* SUBPAGE */

div#header-sub { 	width: 100%; height: 150px; background: url('images/bg-header-subpage.png') repeat-x center top; text-align: center; }
div#middle-sub { width: 960px; height: 116px; /* background: url('images/header-light.png') no-repeat center top; */ margin: 0 auto; text-align: left; }
div#sidebar {	width: 250px;  float: left; background: url('images/sidebar-bg.png') repeat-y right top;}
div#sidebar-top {	width: 250px;  background: url('images/sidebar-bg-top.png') no-repeat right top;  }
div#sidebar-bottom { width: 250px; background: url('images/sidebar-bg-bottom.png') no-repeat right bottom; overflow:hidden; }
div#sidebar div.sidebar-inner {	width: 205px; min-height: 400px; }
div.sidebar-inner p {}
.sidebar-inner h2{/* background: url('images/sidebar-nav.png') repeat-x left bottom;  */ }
.sidebar-inner ul a { padding-left: 0; margin-left: 0; display: block; width: 190px;  }
.sidebar-inner li, .sidebar-inner li a { padding-left: 0; margin-left: 0px; list-style-type: none; color: #394742; text-decoration: none; width: 190px!important; }
.sidebar-inner li a:hover { background: url('images/sidebar-nav-highlighted.png') repeat-x left bottom; }
.sidebar-inner li li {margin-left: -35px; }
.sidebar-inner li li li {margin-left: -25px; }
.sidebar-inner li li li li {margin-left: -15px; }
div#main { width: 705px; float: right; position: relative; }
div#main p { margin-bottom: 15px;  }
div.wide p {	margin-bottom: 15px; }
div#sidebar p { margin-bottom: 0px; }
div#content div.box { width: 290px; float: left; margin: 0px 45px 45px 0px; }
div#content div.bright {margin: 0px 0px 45px 0px; }

/* LIST */

ul { list-style-type: disc; margin: 0px 0px 15px 35px; }
ol { margin: 0px 0px 15px 35px; }
li { margin: 0px; }
ul#response {	list-style-type: none; }

/* LINKS */

a {	text-decoration: none; color: #485e57; outline: none;  }
a:hover {	text-decoration: underline;}
a.button {	display: block; float: left;	width: 130px;	height: 36px; }
a.button:hover { background-position: 0px -36px; }
div#footer a { color: #e4e2d2; text-decoration: none; }
div#footer a:hover{ text-decoration: underline; }

/* IMGS */

img.header-arrow {	position: absolute;	left: 375px; top: 300px;}
.widget{	margin-bottom:30px;	}
img.normal, .map {	padding: 6px; background: #fff; border: 1px solid #e0dece; }
img.right { float: right; margin: 10px 0px 10px 10px; }
img.left { float: left; margin: 10px 10px 10px 0px; }
img.avatar {	padding: 6px; background: #fff; border: 1px solid #e0dece; margin: 0px 10px 10px 0px; float: left; }


/* OTHER */
#main table { width:100%; text-align:left; margin:0 0 20px; }
#main table th { background:#CEC1B7; border-top:4px solid #222222 ; border-bottom:1px solid #7D7166;  text-shadow:#fff 0 1px 1px; padding:8px; }
#main table td {border-bottom:1px solid #BFBCB9;  border-top:1px solid transparent; padding:8px; }
#main blockquote { background:#CEC1B7; border-left:2px solid #222; display:block; font-style:oblique; line-height:20px; margin:0 0 0 10px; padding: 10px; }
#avail-cal-table table td, #prop-login table td {border-bottom:0px ; }
div.clear {	clear: both;}
.socialmedia-buttons {border-top: transparent solid 10px!important; border-bottom: transparent solid 30px!important;  }
.social-ring {border-top: transparent solid 10px!important; border-bottom: transparent solid 30px!important;  }
.bk-button-wrapper a:hover {text-decoration: none!important;}
.bk-button-wrapper a.green, .bk-button-wrapper a.red, .bk-button-wrapper a.blue, .bk-button-wrapper a.default {color: #fff!important;}
.aio-button-right {width: auto!important; float: right;}
.aio-button-left  {width: auto!important; float: left;}
.aio-button-center {width: auto!important; float: left; position: relative!important; left: 50%!important;  }
.aio-button a, .aio-button-right a, .aio-button-left a, .aio-button-center a {color:#fff!important;}
.aio-button a:hover, .aio-button-right a:hover, .aio-button-left a:hover, .aio-button-center a:hover {text-decoration: none!important;}

/* Seekom Content */

.prop-img {float:left; width: 190px;}
#prop_buttons {float: left; padding: 15px 0 50px 0; margin-top: -70px; position: relative; z-index: 5; }
.cal_none {margin-top: 0px!important;  }
.prop-calendar iframe {}
 
.buttons {width: 100%; overflow: auto; padding-bottom: 20px; }
.room-option {overflow: auto;}
#featured-footer {position: relative; top: 0px;}
#featured-footer li.widget_featuredpropertieswidget { list-style-type: none!important;  }
.features_properties {background: transparent!important; width: 100%!important; margin-top: 0px!important; }
#featured-props li {list-style: none;}
div.feature_img a img {border: none!important; border: 0!important;}
.featurebox { background: transparent!important; color: #000000!important; padding-bottom: 0px!important; }
.featured_properties { background: transparent!!important; width: 100%!important;}
.featured_properties h3 {	color: #fff!important; padding-top: 0px!important; text-align: center;}
#sidebar .featured_properties h3 { color: #2c2927;	font-size: 24px; font-weight: bold; margin: 0px 0px 25px 0px; }
.featurebox .feature_text { border: #EFEAE6 solid 0px; min-height: 65px!important;}
#featured-footer .featurebox .feature_text { color: #ffffff!important; width: 100%!important; border: #EFEAE6 solid 0px;}
#featured-footer ul { width: 190px!important; margin-left: 50px!important; margin-top: 5px!important; }
#featured-footer li.feature_text {width:100%!important;  }
#featured-footer .features_properties h2 {	color: #ffffff!important; padding-top: 0px!important;}
 #sidebar .feature_img a img {float: left!important; width: 60%!important; height: 60%!important; border: none!important; border: 0!important; }
 #sidebar .features_properties {}
.button-featured-details {width: 90px!important; height: 25px!important; background:url(images/button-featured-details.png) no-repeat 0 0!important; } 
.button-featured-price {width: 90px!important; height: 25px!important; background:url(images/button-featured-price.png) no-repeat 0 0!important; }
 #sidebar .feature_buttons {float: left!important;}
#sidebar li.widget_featuredpropertieswidget a:hover { background: url(none) repeat-x left bottom!important; }
 

/* ----- Date selector specific styles ----- */

#avail-search {clear: left; height: 50px; padding: 0px 10px 0 10px;  width: 990px; margin: 0 auto; text-align: left; position: relative; top: -10px; }
#avail-search h2, #avail-search h3 { padding: 15px 10px 0px 10px; }

#avail-search-home {clear: left; position: relative; top: -75px;  height: 50px; padding: 0px 10px 0 10px; width: 990px; margin: 0 auto; text-align: left; color: #fff; }
#avail-search-home h2, #avail-search-home h3  { padding: 15px 10px 0px 10px;  color: #fff; font-weight: normal!important}

.bookings #avail-search {display: none;}

form {}
form td { }
form th {}
form input.cal,form select.cal {width: 90px; border-color: #ACACAC #E1E1E1 #E1E1E1 #ACACAC;  border-style: solid;  border-width: 1px;  float: left;  font: normal 12px Arial, sans-serif; margin-right: 6px;}
form input.cal {padding: 1px 3px; margin-bottom: 5px;}
form label.cal { width: 90px; float: left;  margin-left: 0px; margin-right: 6px;  text-align: left; }
form input.search-button {float: left; margin-bottom: 20px; background-image: url('images/search-button.png')!important; background-color: transparent; width: 130px!important; height: 36px; border: none; color: #fff!important; cursor:pointer;}
form input.search-button:hover {color: #ffe45c!important;}
#search-cell {width: 500px!important; text-align: left;}
#arrival-cell, #departure-cell {width: 150px!important; text-align: left;}
input#datein, input#dateout {background-color: #ffffff;}
input.dashboard,select.dashboard {  width: 70px;}
#datein, #dateout {width: 90px!important;  }
button.ui-datepicker-trigger {float: left; margin-top: 1px; margin-left: 3px; padding-top: 0px;width: 20px; height: 20px; background-image: url(images/calendar.png)!important;}
#ui-datepicker-div {display:none;}
.ui-datepicker {z-index:1000!important; }
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 12px; }
.ui-widget .ui-widget {}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;  }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee; color: #333333; }
.ui-widget-content a { color: #333333; }
/*adjust header colour as required */
.ui-widget-header  { border: 1px solid #3C3C3C; background: #3C3C3C; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
/*adjust date cell colour as required */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6; font-weight: bold; color: #0571a0; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #0571a0; text-decoration: none; }
 /*adjust date cell hover colour as required */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ca6f16; background: #fdf5ce; font-weight: bold; color: #ca6f16; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ca6f16; text-decoration: none; }
/*adjust today date cell colour as required */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #0170a5; background: #ebf8ff; font-weight: bold; color: #0170a5; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #0170a5; text-decoration: none; }
 /*adjust active date colour as required */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }

