/* =Concrete5 overwrites
-----------------------------------------------------------*/
.ccm-error{color:red!important;}
div.ccm-error-response{color:#000;margin-bottom: 12px;}
div#ccm-highlighter{z-index:100!important;}
.HTMLBlock{margin:0 !important; padding:0 !important;}

@media screen and (max-width: 700px) {
.ccm-layout-col {float: none !important; width: 100% !important;}
.ccm-layout-col-spacing {margin: 0 !important;}
}

/*	Global Styling & Basics
-----------------------------------------------------------*/
	html, body { 
	background:rgb(240,240,240);
	height:100%;
	margin:0;
	padding:0;
	}

body{height:100%;margin:0;padding:0;background-position:top;background-repeat:no-repeat;}
.wrap .container, .footer .container {background-color:transparent;}
label{font-weight:bold;}
fieldset{border:1px solid #ccc;}
form fieldset{border:none;padding:0;}	
#page {text-align:left;width:auto;}
.wrap{height:auto;margin:0 auto;width:auto;}

hr{
	border:1px dotted #c5c5c5;
	border-width:1px 0 0;
	clear:both;
	margin:10px 0 20px 0;
	height:1;
}

/* =Kube Overwrites
-----------------------------------------------------------*/
.units-container {
    position:relative;
	margin:0 auto;
	max-width:1140px;
	padding:20px;
    background:#fff;}
	
.units-header-container,
.units-navigation-container,
.units-footer-container,
.units-footer-nav-container{
	
    padding:10px 0;
	width:100%; }
.units-header-container{
    background: #2c3e78; /* Old browsers */
      background: -moz-linear-gradient(top,  #2c3e78 0%, #1e2855 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c3e78), color-stop(100%,#1e2855)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  #2c3e78 0%,#1e2855 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  #2c3e78 0%,#1e2855 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  #2c3e78 0%,#1e2855 100%); /* IE10+ */
      background: linear-gradient(to bottom,  #2c3e78 0%,#1e2855 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3e78', endColorstr='#1e2855',GradientType=0 ); /* IE6-9 */
    border-bottom:4px solid rgb(240,225,25);
    color:#ffffff;
    height:auto;
    padding-bottom:0;    
    text-shadow: none;
}

.units-header-container .units-container,
.units-footer-container .units-container{
padding-bottom:0; background:none;}

.units-navigation-container{padding:0;}
.units-navigation-container ul {margin:0;}
.units-navigation-container .units-container {padding:0;}

.units-footer-container{background:#1e2855;border-bottom:4px solid rgb(240,225,25);text-shadow:none; color:#fff;max-width:1140px; margin:0 auto;}
.units-footer-container p{line-height: 1.5; margin:0;padding:0;}

.units-hero-container{margin:0 auto;max-width:1140px;padding:0;}

.units-lifestyle1-container{margin:0 auto;max-width:1140px;padding:20px 0;}
.units-lifestyle1-container p{line-height: 1;margin:0;padding:0;}

/*.push{height:80px;clear:both}
#page{min-height:100%;height:auto!important;height:100%;margin:0 auto -80px}
.fixed-header-push {width:auto;height:0;clear:both;}*/

.header-a {
    display:none;
	font-size:; 
	height:auto;
	padding-bottom:10px;
	padding:0;
	width:100%;
	z-index:100;	
	}

@media only screen and (max-width: 870px){
  .header-a {
	display:block;
      
	}	
	
  #navigation {
	display:none; 
	}
}

	#responsive-menu-button	 {
	background:#1e2855;
    display:block;	
	height:45px;
    margin-bottom:0;
	padding:10px 15px;
	text-align:left;
	width:100%;
	z-index:100;
	}
	
  #responsive-menu-button p {color:#ffffff;	text-shadow: none;}



.units-margin-reset .unit-90,
.units-margin-reset .unit-80,
.units-margin-reset .unit-75,
.units-margin-reset .unit-70,
.units-margin-reset .unit-66,
.units-margin-reset .unit-65,
.units-margin-reset .unit-60,
.units-margin-reset .unit-50,
.units-margin-reset .unit-40,
.units-margin-reset .unit-35,
.units-margin-reset .unit-33,
.units-margin-reset .unit-30,
.units-margin-reset .unit-25,
.units-margin-reset .unit-20,
.units-margin-reset .unit-10,
.units-margin-reset .unit-90:first-child,
.units-margin-reset .unit-80:first-child,
.units-margin-reset .unit-75:first-child,
.units-margin-reset .unit-70:first-child,
.units-margin-reset .unit-66:first-child,
.units-margin-reset .unit-65:first-child,
.units-margin-reset .unit-60:first-child,
.units-margin-reset .unit-50:first-child,
.units-margin-reset .unit-40:first-child,
.units-margin-reset .unit-35:first-child,
.units-margin-reset .unit-33:first-child,
.units-margin-reset .unit-30:first-child,
.units-margin-reset .unit-25:first-child,
.units-margin-reset .unit-20:first-child,
.units-margin-reset .unit-10:first-child {
  margin:0 1%;
}


/*	Menu items
-----------------------------------------------------------*/
.spacer50{margin-bottom:45px;width:auto;height:5px;clear:both}
.spacer40{margin-bottom:35px;width:auto;height:5px;clear:both}	
.spacer30{margin-bottom:25px;width:auto;height:5px;clear:both}
.spacer20{margin-bottom:15px;width:auto;height:5px;clear:both}	
.spacer10{margin-bottom:5px;width:auto;height:5px;clear:both}
.clear{width:auto;height:5px;clear:both}
	
	.img-border {
	border-bottom:4px solid rgb(240,225,25);
	border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
	display:block; 
	margin:0 auto;
    margin-bottom:15px;
	}
	
	.anchor-list {
	display:inline-block;
	width:33%;
	float:left;
	margin-bottom:1em;
	}	
	
/* Table styling */
th { 
  background:none; 
  color:#4db848; 
  font-weight:400; 
}
/*
	.customform table { }
	.customform tr:nth-of-type(odd) { background:none; }
	.customform th { background:none; }
	.customform td, .customform th {
	background:none;
	border:none;
	}

table {
  background:#f6f7f7;
  width: 100%; 
  border-collapse: collapse;
}
 Zebra striping 
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #484d54; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: 6px; 
  border: 0px solid #ccc; 
  text-align: left; 
}

#page table h3 {color:#b20024;font-size:14px;line-height:1.44em;margin-bottom:0;}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.*/ 



@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
	display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
	}
	
	tr { border-bottom: 1px solid #eeeeee; }
	
	td { 
	/* Behave  like a "row" */
	border: none;
	border-bottom: none !important; 
	position: relative;
	padding-left: 5%; 
	}
	
	td:before { 
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%; 
	padding-right: 10px; 
	white-space: nowrap;
	} 
} 

/* Next-Previous nav template */
.gallery_nav_previous{text-align:left}.gallery_nav_up{display:none;text-align:center}.gallery_nav_next{text-align:right}
	
/* Breadcrumb Navigation
-----------------------------------------------------------------------------*/
  .ccm-autonav-breadcrumb-sep { 
	font-size:.8em;
	color:#333333; 
	}

  #page .breadcrumb {
    color:rgb(0,111,185);
	text-transform:uppercase;
	font-style:italic;
	padding:15px 0 30px; 
	}
	
  #page .breadcrumb-title { 
	color:rgb(180,180,180);
	font-size:.8em;
	font-style:normal;
	text-transform:uppercase; 
	}

  #page .breadcrumb a:link, #page .breadcrumb a:hover,
  #page .breadcrumb a:visited, #page .breadcrumb a:active {
	color:rgb(147,147,147);
	font-size:.8em;
	text-decoration:none;
	font-style:normal; 
	}
	

/* Back to top
-----------------------------------------------------------*/
.back-to-top, .back-to-top a, .back-to-top:link, .back-to-top:visited, .back-to-top:active {  
	background-color:#c5c5c5; color:#ffffff; display:none; font-size:15px; padding:5px 20px;
	position:fixed; bottom:20px; right:20px; text-decoration:none; border-radius:10px 1px 10px 1px solid;
	z-index:1000; text-shadow:none;}
.back-to-top:hover, .back-to-top:focus { background-color:#555555; color:#ffffff; text-decoration:none; transition:background .5s ease-in-out;-moz-transition:background .5s ease-in-out;-ms-transition:background .5s ease-in-out;-o-transition:background .5s ease-in-out;-webkit-transition:background .5s ease-in-out;}


/* Vertical Navigation
-----------------------------------------------------------*/
  #vertical-navigation {
	border:1px solid #003080; 
	padding:.5em .5em 0; 
	margin:0 auto; 
	}	
	

/* #Page Elements
-----------------------------------------------------------*/
.img, img{ max-width: 100%; height: auto; border:0; }
img.scale{ max-width: 100%; height: auto; }	
a{ cursor: pointer; }
	
/* #Forms
-----------------------------------------------------------*/
  #page .fields				{ padding:0; }
  #page .field				{ margin-top:0; }
  #page .field-text			{ margin-bottom:0; padding:.5em 0; }
  #page .field-telephone	{ margin-bottom:0; padding:.5em 0; }
  #page .field-textarea		{ margin-bottom:0; padding:.5em 0; }
  #page .field-email		{ margin-bottom:0; padding:.5em 0; }  
  #page .field-date			{ margin-bottom:0; padding:.5em 0; } 
  #page .field-select		{ margin-bottom:0; padding:.5em 0; }   
  #page .field-radios		{ margin-bottom:0; padding:.5em 0; overflow:overlay; }
  #page .radioPair 			{ float:left; margin-bottom:0; padding:.5em 0 1em 0; width:100%; overflow:overlay; }
  #page .field-checkboxlist { margin-bottom:0; padding:.5em 0; }
  #page .checkboxList		{ margin-bottom:0; padding:.5em 0; clear:right; }
  #page .checkboxPair		{ margin-top:1em; padding:.5em 0; }
  #page .required			{ color:#ee0000 !important; }	
  #page .question			{ width:auto; }
	
  #page form				{ width:auto; font-size:1em; }
  #page fieldset			{ margin-bottom: 20px; }
	
  #page input[type="checkbox"]	{ margin:.5em 0; }
	
  .ccm-input-select { width:100%; }
  .fieldCol{display:block; width:100%; }
  .ccm-input-select, .ccm-input-text, select { border-radius:0; }

.tonyRealEstateSearch .realEstateSearchBox .fieldPair .fieldCol .ccm-search-option-type-number .ccm-input-text {
    width: 40% !important;}

#page select {
    /* border:0 !important; Removes border*/
      -webkit-appearance: none; /*Removes default chrome and safari style*/
      -moz-appearance: none;  /* Removes Default Firefox style*/
    background: url('/~mwj/themes/lifestyle1_theme//images/dropdown_arrow.png') no-repeat; /*Adds background-image*/
    background-position:right; /*Position of the background-image*/
    /* width:100px; of select dropdown to give space for arrow image*/
    text-indent: 0.01px;          /* Removes default arrow from firefox*/
    text-overflow: "";               /*Removes default arrow from firefox*/
}

  #page input[type="text"],
  #page input[type="password"],
  #page input[type="email"],
  #page input[type="tel"],
  #page textarea,
  #page select {
	border: 1px solid #CCCCCC;
		padding: 8px;
		outline: none;
		font: 1em;
		color:#777777;
		margin:.5em 0;
		width: 100%;
		height:auto;
		display: inline;
		vertical-align:middle;
		background-color:#fff; }

  #page input[type="text"]:focus,
  #page input[type="password"]:focus,
  #page input[type="email"]:focus,
  #page input[type="tel"]:focus,
  #page textarea:focus {
		border: 1px solid #285e8e;
 		color: #285e8e; }
  #page textarea {
		min-height: 100px; }
  #page label,
  #page legend {
		display: block;
		float:left;
		font-weight:normal;
		font-size: 1em; 
		width:100%; }

  #page input[type="checkbox"] {
		display: inline; }
  #page label span,
  #page legend span {
		font-weight: normal;
		font-size: 1.1em;
		color: #ffffff; }
		
  #page radio { 
		float:left; width:100%; padding:.5em 0; }
		
  .btn-reset input[type="button"] {
	color:#999;
	background:#f5f5f5;
	border:1px solid #999; 
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
	text-indent:0;
	display:inline-block;
	width:auto;
	height:auto;
	padding:8px 14px;
	margin:0;
	font-size:1em;
	line-height:1;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	cursor: pointer; 
    display:inline-block; 
    transition:background .25s ease-in-out, color .25s ease-in-out; 
      -moz-transition: background .25s ease-in-out, color .25s ease-in-out; 
      -webkit-transition: background .25s ease-in-out, color .25s ease-in-out;
    text-shadow: none;}

.button, button, input[type="submit"]  {
	color:rgb(255,255,255);
	background:rgb(44,62,120);
	border:1px solid rgb(44,62,120); 
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
	text-indent:0;
	display:inline-block;
	width:auto;
	height:auto;
	padding:8px 14px;
	margin:0;
	font-size:1em;
	line-height:1;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	cursor: pointer; 
    display:inline-block; 
    transition:background .25s ease-in-out, color .25s ease-in-out; 
      -moz-transition: background .25s ease-in-out, color .25s ease-in-out; 
      -webkit-transition: background .25s ease-in-out, color .25s ease-in-out;
    text-shadow: none;}

	.button:hover, button:hover, input[type="submit"]:hover {
	color:#ffffff;
	background:rgb(30,40,85);
	text-decoration:none; }

  .btn-reset input[type="button"]:hover {
	color:#777;
	background:#e5e5e5;
	border-color:#999;
	text-decoration:none; }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center; }


	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0; }		
		
/* #Booking Form
-----------------------------------------------------------*/
.field-date{float:left;width:50%;}
.ccm-input-date{padding:10px;width:90% !important;margin-right:10%;}
.ccm-input-date-wrapper{width:100%;}