*,:after,:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

body {
	font-family:"Times New Roman", Times, serif;
	font-size: 18px;
	color: #000000;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000;
	min-height: 100%;
	height:auto !important;
	height: 100%;
	/* background-image: url(/inc/templates/current/williampoole_custom/images/background_green_grain.jpg);
	background-repeat: repeat; */
}

img.reverse {
        filter: FlipH;
        -ms-filter: "FlipH";
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
}

#slider {
	width: 899px;
	height: 533px;
}

#slider_container {
	margin: auto;
}

#ticker {
	/* float: right; */
	width: 950px;
	height: 26px;
	margin: auto;
	border: 1px #F9DC40 solid;
	margin-bottom: 7px;
}

#ticker_home {
	width: 950px;
	height: 26px;
	margin: auto;
	margin-bottom: 7px;
}

#ticker_home span.vc_marquee a {
	color: #000;
	text-decoration: underline;
}

#iemarquee {
	font-size: 18px;
	position:absolute;
	left:0px;
	top:2px;
}

#plans_nav a {
	color: #534729;
	text-decoration: none;
}

#plans_nav a:hover {
	color: #428971;
	text-decoration: none;
	font-weight: bold;
}

#stats_window {
	position: absolute;
	top: 145px;
	width:90%;
	background: transparent;
	z-index: 98;
	border: 0px;
}

a {
	color: #6C382B;
	text-decoration: underline;
}
	
#background_plain{
	/*background-image: url(/inc/templates/current/williampoole_custom/images/bgsand.jpg);*/
	background-repeat: repeat;
	position:absolute;
	z-index: 1;
	left: 5%;
	right: 5%;
	width:90%;
	background-color: #FFFFFF;
	min-width: 920px;
	/*width:expression(document.body.clientWidth < 920? "920px": "auto" );*/
	min-height: 100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#masthead{
	margin: 0;
	position:relative;
	z-index: 1;
	min-height: 100%;
	height:auto !important;
	height: 100%;
}
.content {
	font-size: 18px;
	padding: 10px;
	min-height: 100%;
	height:auto !important;
	height: 100%;
	background-color: #FFFFFF;
}

.search_plan_name {
	font-size:19px;
	padding-bottom: 5px;
	font-weight:bold;
}

.search_plan_details {
	font-size:15px;
}

#content {
	background-color: #FFF;
}

#content_container{
	position:relative;
	z-index: 1;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	letter-spacing: normal;
	white-space: normal;
	text-align: left;
	min-height: 100%;
	height:auto !important;
	height: 100%;
}

.footer {
	margin-top: 8px;
	font-size: 10px;
	color: #FFFFFF;
	padding-bottom: 10px;
}
.footer a {
	font-size: 10px;
	color: #FFFFFF;
}
.panel {
	background-image: url(/inc/templates/current/williampoole_custom/images/panel_bg.gif);
	background-repeat: no-repeat;
	height: 209px;
	width: 150px;
}
.white_title {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.white_times {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.txt14 {
	font-size: 14px;
	color: #59311C;
	text-decoration: none;
	line-height: 14px;
}
.txt12 {
	font-size: 12px;
	color: #59311C;
	text-decoration: none;
	line-height: 12px;
}
.txt10 {
	font-size: 10px;
	color: #59311C;
	text-decoration: none;
	line-height: 10px;
}
	
#rendering {
	border: 3px solid #1e2f29;
	margin: 5px;
	padding: 3px;
	background-color:#428971;
	}
.floor_plan_container {
	position: relative; width:100%; margin: 0 auto;
}	
.floor_plan {
	margin: 0;
	padding: 0;
	max-height: 400px;
/* 	background-color: rgba(238, 196, 75, 0.52); */
	}
	
.floor_plan_enlarge {
	border: 20px solid #000;
	margin: 5px;
	padding: 3px;
	box-sizing: border-box;
	background-color:#ffffff;
		}
	
.poole_plan_border {
	border: 5px solid #000;
	margin: 0;
	padding: 3px;
	box-sizing: border-box;
	background-color:#ffffff;
	}
	
.poole_search_border {
	border: 3px solid #000;
	margin: 0;
	padding: 2px;
	box-sizing: border-box
	}
	
.darkenBackground {
	background-color: #000000;
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index: 20;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
}
	
.plan_thumbs {
	cursor: pointer;
	
	}
	
.plan_thumbs_text {
	font-size: 12px;
	text-transform: uppercase;
	color: #59311C;
	white-space:nowrap;
	text-align: center
	}
	
body.mobile .plan_thumbs_text {
	white-space: normal;
}
/*
.plan_thumbs_container {
    margin: 8px 20px 0;
	}
	
body.mobile .plan_thumbs_container {
    margin: 4px 10px 0;
	}
*/
	
body.desktop .plan_thumbs_container img {
	width: 60px;
	height: 60px;
	border: #FFF solid 8px;
	border-radius: 3px;
	}
	
body.mobile .plan_thumbs_container img {
	width: auto;
	height: auto;
    border: #FFF solid 8px;
	}
	
.plan_thumbs_container img:hover, body.mobile .plan_thumbs_container img:hover {
    border: rgba(240, 196, 75, 0.5) solid 8px !important;
	}
	
.plan_thumbs_container img.active {
    border: #EFC44B solid 8px !important;
	}
	
.rendering_image_description {
	font-size: 12px;
	color: #59311C;
	}
	
.poole_border {
	margin: 5px;
	padding: 0;
	}
	
#plan_description_new {
	font-size: 18px;
}

#plan_name_new {
	font-size: 42px;
	font-weight: bold;
	padding-bottom: 15px;
}
	
.nav2 {
	font-size: 10px;
	color: #FFFFFF;
	}
	
.nav2 a {
	color: #FFFFCC;
	text-decoration: none;
	}
	
/*Begin Forms*/

.sc_table_form{
	border: 1px solid #666666;
	margin-top: 20px;
	padding: 10px;
	margin-left:auto;
	margin-right:auto;
}

.sc_table_tr_td_label_form{
	font-size:20px;
}

.sc_form_required{
	color: #FF0000;
	float: right;
	font-size: 9px;
} 

.sc_form_textbox{
width: 100%;
} 

#sc_form_textarea_Comments {
width: 100%;
height:100px;
text-indent: 0px;
}

#sc_form_textarea_Description {
width: 100%;
height:100px;
text-indent: 0px;
}

#sc_form_textbox_Phone {
width: 100%;
}

#sc_form_textbox_City {
width: 100%;
}

#sc_form_textbox_Zip {
width: 100%;
}

#sc_form_textbox_Name_First {
width: 100%;
}

#sc_form_textbox_Name_Last {
width: 100%;
}

/*End Forms*/

.ajax_container {
	height: 300px;
	overflow: auto;
}

/*Begin Photo Gallery*/

#thumb_container {
	height: 100px;
	width: 870px;
	margin-left: 5px;
	white-space:nowrap;
	overflow-y: none;
	overflow-x: auto;
}
.thumbs {
	cursor:pointer;
}
.hiddenPic {
	display:none;
}
#photo_gallery_photo_caption {
	text-align:left;
	color:#333;
}
#photo_gallery_photo_img {
	padding: 0px;
	/* border: 1px solid #008ecd; */
}
#slideshow_previous {
	text-align:left;
	padding-left: 15px;
	padding-right: 15px;
}
#photo_gallery_category_description {
	text-align:left;
	color:#333;
	padding-left: 15px;
	padding-right: 15px;
}
.photo_gallery_thumb_image {
	padding: 0px;
	margin: 1px;
	/* border: 1px solid #008ecd; */
}
.photo_gallery_category_list_image {
	padding: 0px;
	margin: 5px;
	/* border: 1px solid #666; */
}
.photo_gallery_category_list_name {
	text-align:center;
}
.photo_gallery_category_list_text_name {
	text-align:left;
	padding-left: 5px;
}
.photo_gallery_category_list_link_a {
	text-decoration:none;
	font-size:12px;
}

/*End Photo Gallery*/

.resize_img_1 img {
	width: 190px !important;
	height: 150px !important;
}

.resize_img_1 img.noresize {
	width: auto !important;
	height: auto !important;
}

a.button, .button {	
	background-color:#2E664F;
	background-image:-webkit-linear-gradient(#2E664F,#182621);
	background-image:-moz-linear-gradient(#2E664F,#182621);
	background-image:-ms-linear-gradient(#2E664F,#182621);
	background-image:-o-linear-gradient(#2E664F,#182621);
	background-image:linear-gradient(#2E664F,#182621);
	color:#FFF;
	font-size:12px;
	line-height: 20px;
	font-weight:100;
	overflow:hidden;
	margin: 0px;
	padding: 2px;
	text-decoration:none;
	cursor:pointer;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	white-space: nowrap;
	border: none;
}

a.button:hover, .button:hover {
	background-color:#FADC2F;
	background-image:-webkit-linear-gradient(#fce980,#FADC2F);
	background-image:-moz-linear-gradient(#fce980,#FADC2F);
	background-image:-ms-linear-gradient(#fce980,#FADC2F);
	background-image:-o-linear-gradient(#fce980,#FADC2F);
	background-image:linear-gradient(#fce980,#FADC2F);
	color:#2E664F;
	text-decoration:none;
}

.roll {	
	cursor: pointer
} 

.always_show_vert_scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.always_show_vert_scrollbar::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.poole_yellow_triangle:before {
	content: '▸';
	padding: 0 5px 0 0;
	color: #EFC44B;
}

.show_hide {
	cursor: pointer
}

.show_hide:hover {
	color: #EFC44B;
}

.show_hide:before {
	content: '▸';
	padding: 0 5px 0 0;
	color: #000;
	font-size: 1.5em;
}

.content img {	
	max-width:100%;
	height:auto!important;
}

#rendering_container {
	position: relative; max-width: 650px; height:auto; margin: auto; text-align:center;width: calc(100vw * (650/394))
}

#rendering_image {
	display:block; position: relative; width:100%; margin: 0 auto;
}

body.mobile #rendering_image, body.mobile #rendering_container {
	width: auto !important;
}

.flex_container {
  display: flex;
}

body.mobile .flex_container.plan_main {
	flex-direction: column;
}

.flex_container_column {
  display: flex;
  flex-direction: column;
  align-items: center;
}


body.mobile .flex_container_column.mobile_row {
	flex-direction: row;
}

body.mobile .flex_plan.plan_logo {
    order: 1;
}

body.mobile .flex_plan.plan_nav_thumbs {
    order: 2;
    padding-bottom: 10px
}

body.mobile .flex_plan.plan_rendering {
    order: 3;
}

body.desktop .plan_nav_thumbs {
	flex-grow: 0;text-align: center;padding: 25px 0 0 0
}

#plan_photo_thumbs {
	text-align: center
}

body.mobile #plan_photo_thumbs, body.mobile #plan_specs_short {
	display: none !important;
}

.flex_plan {
  flex-grow: 1;
  vertical-align: top;
  text-align: center 
}

body.desktop .flex_plan + .flex_plan {
   margin: 0 1%;
}

.flex_item {
  flex-grow: 1;
  background-color: #EFC44B;
  border-radius: 3px 3px 0px 0px
}

.flex_item + .flex_item {
  margin-left: 1%;
}

a.flex_item {
	text-decoration: none;
	text-transform: uppercase;
	padding: 8px 0;
	font-size: 12px;
	color: #000;
}

a.flex_item:hover {
	opacity: .8;
}

.footer_phone {
	color: #EFC44B;
	text-decoration: none;
}

.header_search {
	color: #EFC44B;
	text-decoration: none;
}

.content img {
	max-width:100%;
	height:auto!important;
}

.plan_overlay {
/*
	position: absolute;
	top:30px;
	left:0;
*/
	width: 100%;
	z-index: 98;
	border: 1px rgba(123, 123, 123, 0.25) solid;
	border-top: none;
	background-color:#FFF;
	box-shadow: 4px 4px 4px rgba(121, 121, 121, 0.50);
}

#plan_specs::before {
	content:'';
	display:block;
	width:0;
	height:0;
	position:absolute;
/* 	top:-2px; */
	left:60%;
	border-left:24px solid transparent;
	border-right:24px solid transparent;
	border-top:24px solid #EFC44B;
	z-index: 99;
}

#plan_prices::before {
	content:'';
	display:block;
	width:0;
	height:0;
	position:absolute;
/* 	top:-2px; */
	left:82%;
	border-left:24px solid transparent;
	border-right:24px solid transparent;
	border-top:24px solid #EFC44B;
	z-index: 99;
}

.poole_container {
	text-align: center;
	font-weight: bold;
	padding: 10px 20px;
	background-color: #EFC44B;
	font-size: 1.25em;
}

body.mobile #desktop_nav {
	display: none;
}

body.mobile	table.mobile_resize td {
	display:block;
	width:100%!important;
	height:auto!important;
	overflow:hidden;
}

body.mobile	table.mobile_resize td img {
	width:auto!important;
	height:auto!important;
}

body.mobile .hide_mobile {
	display: none;
}

.magnify {
	display: none;
}

.magnify:hover {
	display: block;
	cursor: pointer
}
