/* ######## CMS Page Manager ######## */
body.mceContentBody {background:#FFFFFF none repeat scroll 0 0; padding: 10px; margin: 0; height: 500px!important;}

/* ######## Generic Styles ######## */
html, body {height: 100%;}
/* Font */
body, input, select, textarea, td, p, li, a{ font-family: Arial, Helvetica, sans-serif; }
/* Basic Elements */
body {
    font-size: 14px;
    text-align: left;
    margin: 0;
    padding: 0;
    line-height: 18px;
    background-color:#fff;
}
table, tr, th, td, p, li {font-size:14px;}
p, ul {margin: 0 0 14px 0; padding: 0;}
ul {margin-left: 25px;}
li {margin: 0; padding: 0;}
ol {list-style-image: none;}
ol#breadcrumbs {list-style:none; padding-left:0;}
ol#breadcrumbs li {display:inline-block;}
hr {height:1px; border:none; background: #c3c3c3; color: #fff; margin:20px 0; width:100%;}
/* Headings */
h1, h2, h3, h4, h5, h6 {
	color:#333;
    margin: 0;
    padding: 0;
    line-height:normal;
}
h1 {font-size:32px; margin-bottom:25px;}
h2 {font-size:24px; margin-bottom:20px;}
h3 {font-size:18px; margin-bottom:15px;}
h4 {font-size:16px; margin-bottom:10px;}
h5 {font-size:14px; margin-bottom:5px;}
/* Image */
img {border: none;}
img.right {float:right; margin-left: 25px;}
img.left {float:left; margin-right: 25px;}
/* Anchor Link */
a, a:visited, a:active {color: #348BC7; text-decoration: none;}
a:hover {color:#000000;}
/* CSS3 Transition Effect */
a, a:hover, input.btn, input.btn:hover{
	-webkit-transition:0.4s ease-in-out;
	-moz-transition:0.4s ease-in-out;
	-o-transition:0.4s ease-in-out;
	-ms-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
}
.clear{clear: both;}

/* ######## Main Layout ######## */
#header, #banner, #main, #content, #leftColumn, #rightColumn, #footer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#container, #header, #banner, #main, #centerBottom, #footer {
    width: 100%;
	max-width:1200px;
    margin: 0 auto;
	position:relative;
	min-width:320px;
}
#container {
	height:auto;
	float:left;
	max-width:100%;
	min-height:70%;
}
#header {
    height: 100px;
}
#logo {
	position:absolute;
	top:20px;
	left:0;
}
#banner {
	width: 100%;
	height: 350px;
	position:relative;
	z-index: 0;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% top;
	padding:20px;
}
#banner p, #banner h3 {color:#fff; max-width:500px;}
#main {
	padding-top:20px;
    clear: both;
}
#content {
    width: 700px;
    float: left;
    padding:30px;
}
#leftColumn {
    width: 250px;
    float: left;
	padding:20px;
}
#rightColumn {
    width: 250px;
    float: left;
	padding:20px;
}
#centerBottom {
	float:left;
}
#footer {
    clear: both;
	min-height: 100px;
	height:auto;
}
.sitemap {float:left;}
.copyright {float:right;}


/* ######## Sideboxes ######## */
.side_box_element {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	float:left;
}
#footer .side_box_element{
	width:380px;
	border: 1px solid #ddd;
	margin:0 0 30px 30px;
	padding:20px;
}
#footer .side_box_element:first-child {margin-left:0;}
#rightColumn .side_box_element, #leftColumn .side_box_element {
	width:100%;
	margin-right:0;
}
.side_box_element img{
	max-width: 100%;
}

#footer .sb-lg {
	width: 400px;
	height: 380px;
}


/* ######## Google Maps ######## */
#map_canvas, #pano, #toggle {width: 100%;}
#map_canvas {height: 425px}
#pano {height: 300px;}
#directions {width: 425px;}
.gmls-app {width: 188px;}
.gmls-search-form form.gsc-search-box input.gsc-input {padding: 1px;  width: 180px;}
td.gsc-search-button {width: auto; padding-left: 5px;}
#toggle {position: relative; overflow: hidden;}
.aligncenter {display:block;margin:0 auto;}
#mapdirections input {width:100%; max-width:100%;}
#mapdirections input[type="submit"], #toggle input{ width:auto; height:28px; line-height:26px; background:#666; color:#fff; padding:0 14px; border:none; cursor:pointer;}
#mapdirections input[type="submit"]:hover, #toggle input:hover {background:#333;}

/* ######## Social Widgets ######## */
#socialize_widgets {margin: auto;}
#socialize_widgets .item {float: left; margin-right: 10px;}
#socialize_widgets .item img {border: none;}

/* ######## Table Style ######## */

/*td { position: relative; }*/
td .tool_tip { position: absolute; right: -30px; top: 10px; }

/* ######## Generic Form Style ######## */
.contactForm {
	text-align: left;
}
.contactForm input, .contactForm select, .contactForm textarea, .contactForm .file_input_textbox, .fselect{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
}
.form-horizontal .control-label {
	text-align: left!important;
}
/* Text, Textarea and Overall */
/*input[type="text"], input[type="password"] {padding:2px 5px;}
input, select, textarea, .file_input_textbox{
	border:1px solid #ccc;
	height:30px;
	width:100%;
	max-width:200px;
	line-height:30px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size:14px;
	color:#999;
	background:none;
}
input[type="checkbox"], input[type="radio"] { width:18px; height:18px; margin:0;}
textarea {height:100px; max-width:100%; line-height:20px; padding:5px;}*/

/* Button */
/*input.btn { width:auto; height:28px; line-height:26px; background:#666; color:#fff; padding:0 14px; border:none;}
input.btn:hover {background:#333;}*/

/* Checkbox */
/*input[type=checkbox].css-checkbox-form {display:none;}
input[type=checkbox].css-checkbox-form + label.css-label-form { padding-left:26px; height:18px; display:inline-block; line-height:18px; background-repeat:no-repeat; background-position: 0 0; font-size:15px; vertical-align:middle; cursor:pointer;}
input[type=checkbox].css-checkbox-form:checked + label.css-label-form {background-position: 0 -18px;}
.css-label-form {background-image:url(images/checkbox.png);}
@media screen and (-webkit-min-device-pixel-ratio:0) { .css-label-form  { margin-top:15px;  } }
.css-label-form  { margin-top:15px\0/;  }

/* Select */
.fselect { overflow:hidden; padding:0; margin:0; background-color:transparent; background-image:url(images/select.png); background-repeat:no-repeat; background-position:right 50%; width:100%; border:1px solid #ccc; height:29px; width:100%; max-width:205px; line-height:29px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.fselect select { width:110%; max-width:110%; background-color:transparent; background-image:none; -webkit-appearance: none; border:none; box-shadow:none; padding:3px 2px!important; line-height:29px!important; cursor:pointer!important;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .fselect select{ padding:0 2px!important; line-height:26px!important;}}
.fsTime {max-width:80px; display:inline-block; vertical-align:top;}
.fsTime select {width:130%; max-width:130%;}

/* Radio Button */
/*.rBlock {display:inline-block; position:relative;}
.contactForm input[type=radio], #checkoutPage input[type=radio] {z-index: 9999; cursor:pointer; position:relative; opacity: 0; float:left;}*/
/*** unchecked ***/
/*.overlay { display: inline-block; left: -16px; height: 18px; width: 18px; margin-right:-10px; background:url(images/radio.png) no-repeat top left; border-radius: 50%; z-index: 0; position:relative; float:left;}
.rLabel {margin-right:15px; float:left; position:relative;}*/
/*** checked ***/
/*input[type=radio]:checked + .overlay { background:url(images/radio.png) no-repeat bottom left;}
*/
/* File Upload */
/*.file_input_textbox {float:left; margin-right:0!important;}
.file_input_div {position: relative; width:auto; float:left; height:29px; overflow: hidden; }
input.file_input_button {position:relative; float:left; border:none!important; background-color:#666; color:#fff; width:auto;-webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0;border-bottom-left-radius: 0; cursor:pointer;}
input.file_input_button:hover {background-color:#000;}
.file_input_button_hover{background-color:#333;}
.file_input_hidden {width:100px; position:absolute;right:0px;top:0px;cursor:pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0; }
*/
/* Validation */
/*.required_class {color:red; position:relative; display: inline;}
.required_class span { position: absolute; width:140px; color: #000000; background: red; height: 31px; line-height: 31px; text-align: center; border-radius: 18px;}
.required_class span:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #000000; border-right: 8px solid transparent; border-left: 8px solid transparent;}
.validation:before {content:url('images/arrow-valid.png'); position:absolute; bottom:0; left:-4px;}
.validation {line-height:22px; font-size:12px; color:#fff; background:#fe0000; padding:0 7px; position:absolute; width:auto; white-space: nowrap;}
.requireddiv {font-size:12px; line-height:22px; color:#fff; background:#fe0000; padding: 0 7px; width:auto; position:absolute;}
.redborder { border : 1px solid #fe0000;}
.tool-tip {z-index:2500;}
[data-tooltip] {border-radius: 50%; background-color: #000; font-size: 10px; padding: 3px 6px; opacity: 0.6;}
#tooltips { z-index: 9999; position: absolute; display: none; font-size: 12px; top: 0px; left: 0px; background-color: #000; padding: 5px 10px 5px 10px; color: white; opacity: 0.6; border-radius: 5px;}
*/
/* New Date and Time Picker For Registration Form */
/*.date_box, .datetime_box	{display: inline-block; position: relative; height: 30px;}
.date_box input, .datetime_box input[type="text"] {display: block; position: absolute; top: 0; left: 0; border-right: 0px; border-radius: 3px 0 0 3px; padding: 0 5px 0 5px;}
.date_box .input-group-icon, .datetime_box .input-group-icon {display: block; position: absolute; right: 0; top: 0; width: 24px; height: 30px; border: 1px solid #d9d9d9; border-left: 0px; background: url("images/admin/calendar-t.png") 5px 8px no-repeat #fff; cursor: pointer; border-radius: 0 3px 3px 0;}
.date_box					{width: 120px;}
.date_box input[type="text"]{width: 84px;}
.datetime_box				{width: 155px;}
.datetime_box input[type="text"]{width: 119px;}
*/
/* Honeypot */
.honeypot {display: none;}

/* 3rd-party css */
iframe + a { width: 0!important; }

/* ######## Responsive Styles ######## */
#mbBtns{display:none; visibility:hidden; position:absolute; height:0;}
@media screen and (max-width: 1200px) {
	#main {
		width:100%;
		max-width:1200px;
	}
	#content {
		width:60%;
	}
	#rightColumn, #leftColumn {
		width:20%;
	}
	#content iframe {width:100%!important;}
	.main-client-content img {height:auto; max-width: 100%;}
	#map_canvas {overflow:hidden;}
}
@media screen and (max-width: 1100px) {

}
@media screen and (max-width: 860px) {

}
@media screen and (max-width: 720px) {
	#sitemap, #cms_overlay, #mapdirections{
		display:none;
		visibility:hidden;
		position:absolute;
		height:0;
	}
	#header {
		height:50px;
	}
	#logo {
		top:10px;
		left:20px;
		width:150px;
		height:auto;
	}
	#mbBtns {
		top:0;
		right:0;
		height:50px;
		width:auto;
		display:block;
		visibility:visible;
		z-index:9999;
	}
	#mbBtns a {
		float:right;
		position:relative;
		display:block;
		height:50px;
		width:auto;
	}
	#content{
		width:100%;
	}
	#main {
		padding: 0 20px;
	}
	#rightColumn, #leftColumn {
		width:100%;
		padding:0;
	}
	#centerBottom {
		padding: 0 20px;
	}
	#footer {
		padding: 0 20px;
	}
/*	#content form table input[type="text"], #content form table textarea, #content form table select, #content form input[type="password"] {
		width:80%;
	}*/
	td .tool_tip { right: 0px; }
}