/*-----------------------------------------------------------------------------
Web Site: Countryside White Gates
-----------------------------------------------------------------------------*/

/* Importing generic styles */
	@import url(generic/base.min.css);

/* Importing navigation styles */
	@import url(navigation/navigation.css);

	@import url(modules/contact-form.css);
	@import url(modules/one-column.css);
	@import url(modules/plot-details.css);
	@import url(modules/availability.css);

	@import url(/webcontrols/assets/Stylesheets/availability.css);


/* =Typography
---------------------------------------- */
html, body{
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

body {
    color: #132d62;
    background: #fff;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; 
	font-size: 62.5%;
	line-height: 18px;
	text-align: center;
}

p {
	margin: 0;
	padding: 1px 0 18px;
}

a			{color: #0b72b5; text-decoration: underline; outline: none; }
a:visited	{color: #0b72b5; text-decoration: underline; }
a:hover		{color: #132d62; text-decoration: none; }
a:active	{color: #132d62; text-decoration: none; }


#js   .js 	{display: block;}
#nojs .js 	{display: none;}

#nojs .nojs {display: block;}
#js   .nojs {display: none;}

.dark-blue 	{color: #0e295f;}
.light-blue {color: #0a72b5;}

.dark-red 	{color: #a60202;}
.light-red {color: #fb2225;}

.size70		{font-size: 5.8em; letter-spacing: -5px;}
.size57		{font-size: 4.7em; letter-spacing: -5px;}
.size47		{font-size: 3.9em; letter-spacing: -3px;}
.size40		{font-size: 3.3em; letter-spacing: -3px;}
.size27		{font-size: 2.3em; letter-spacing: -2px;}


/* =Headings
---------------------------------------- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #0b72b5;
	line-height: normal;
	font-weight: normal;
	padding: 0;
	padding: 10px 0 14px;
}
h1, .h1{
	font-size: 1.5em;
	padding: 1px 0 14px;
	margin: 0;
}
h1 a:link, h1 a:visited {color: #0b72b5; text-decoration: none; cursor: pointer;}
h1 a:hover, h1 a:active	{color: #132d62; text-decoration: none; cursor: pointer;}

h2, .h2{
	font-size: 1.4em;
}
h2 a:link, h2 a:visited {color: #0b72b5; text-decoration: none; cursor: pointer;}
h2 a:hover, h2 a:active	{color: #132d62; text-decoration: none; cursor: pointer;}

h3, .h3{
	font-size: 1.3em;
}
h3 a:link, h3 a:visited {color: #0b72b5; text-decoration: none; cursor: pointer;}
h3 a:hover, h3 a:active	{color: #132d62; text-decoration: none; cursor: pointer;}

h4, .h4{
	font-size: 1.2em;
}
h4 a:link, h4 a:visited {color: #0b72b5; text-decoration: none; cursor: pointer;}
h4 a:hover, h4 a:active	{color: #132d62; text-decoration: none; cursor: pointer;}

h5, .h5{
	font-size: 1em;
}
h5 a:link, h5 a:visited {color: #0b72b5; text-decoration: none; cursor: pointer;}
h5 a:hover, h5 a:active	{color: #132d62; text-decoration: none; cursor: pointer;}

h6{
	font-size: 1em;
}
h6 a:link, h6 a:visited {color: #0b72b5; text-decoration: none; cursor: pointer;}
h6 a:hover, h6 a:active	{color: #132d62; text-decoration: none; cursor: pointer;}

body.no-title h1.title {display: none;}

/* =Content
---------------------------------------- */

/* =Lists ------------------------*/
.content ul, .content ol{	
	margin-left: 0px;
	margin: 0 0 13px 25px;
}
.content ul ul, .content ol ol{
	margin-bottom: 0;
	padding: 5px 0 0 0;
}
.content ul li, .content ol li{
	margin-left: 0px;
	padding: 0 0 5px 1px;
}
.content ul ul li, .content ol ol li{
	padding: 0 0 5px 1px;
}
.content ul {
	margin: 0 0 13px 0;
}
.content ul li{
	background: url(/images/branding/markers/double-arrows-small.gif) no-repeat 0 7px;
	margin-left: 0px;
	padding: 0 0 5px 15px;
	position: relative;
}
.content ul ul li{
	padding: 0 0 5px 15px;
}

/* =Main container boxes
---------------------------------------- */
.container{
	position: relative;
	text-align: left;
}
.container.top{
	background: url(/images/branding/general/container-top-bg.gif) repeat-x bottom;
}
.container.middle{
	background: #3b8dc3 url(/images/branding/general/container-middle-bg.gif) repeat-x top;
}
.container.middle .container-inner{
	background: url(/images/branding/general/container-middle-full-bg.gif) no-repeat center top;
	padding: 0;
}
.container.middle .container-inner-second{
	background: #3b8dc3 url(/images/branding/general/container-middle-full-bg.gif) no-repeat center top;
	padding: 50px 0 60px;
	width: 960px;
	margin: 0 auto;
}
.container.bottom{
	background: url(/images/branding/general/container-bottom-bg.gif) repeat-x top;
}
.content{
	background: url(/images/branding/general/content-bottom-bg.png) no-repeat left bottom;
	text-align: left;
	font-size: 1.2em;
	width: 878px;
	padding: 0 0 9px;
	margin: 0 auto;
	position: relative;
}
.content-inner {
	background: url(/images/branding/general/content-bg.png) repeat-y left;
	width: 871px;
	padding: 0 0 0 7px;
}
.content-inner-second {
	background: #fff;
	width: 831px;
	padding: 20px;
}
.header{
	width: 960px;
	height: auto;
	padding: 0px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}
.secondary-content{
	width: 235px;
	padding: 0;
	margin: 0;
	position: relative;
	float: left;
	z-index: 2;
}
.primary-content{
	border-right: 1px solid #0e295f;
	width: 575px;
	padding: 0 20px 0 0;
	margin: 0;
	position: relative;
	z-index: 1;
	float: left;
}
.footer{
    color: #9f9e9e;
	font-size: 1em;
	width: 880px;
	padding: 40px 45px 130px 35px;
	margin: 0 auto;
	text-align: left;
}
body.left-gallery  .primary-content {
	border: 0;
	width: 474px;	
	}
body.left-gallery  .secondary-content	 {
	width:337px;
	padding: 0;
	}
/* =Header
---------------------------------------- */
a.countryside-top, a:visited.countryside-top {
	background: url(/images/branding/general/countryside-top.gif) no-repeat right bottom;
	width: 960px;
	height: 97px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	display: block;
	float: left;
}	
a.logo, a:visited.logo,
strong.logo {
	background: url(/images/branding/general/logo.gif) no-repeat right bottom;
	width: 380px;
	height: 68px;
	padding: 0 0 0 35px;
	margin: 0;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	display: block;
	float: left;
}	
a.logo, a:visited.logo {
	cursor: pointer;
}	
.header .phone {
	color: #0e295f;
	font-size: 1.7em;
	font-weight: bold;
	padding: 10px 0 0;
	float: right;
	margin-top: 35px;	
}

/* =Footer
---------------------------------------- */
.footer .part-exchange-logo {
	width: 75px; 
	float: right;
}
.footer .part-exchange{
	display: block;
	width: 75px; 
	height: 85px;
	overflow: hidden;
	background: url(/images/branding/general/part-exchange-logo.gif) no-repeat right top;
	text-indent: -9999em;
}
.footer .fuse8-link {
	padding: 0;
}
.footer a.createdBy{
	display: block;
	width: 88px; 
	height: 16px;
	overflow: hidden;
	background: url(/images/branding/general/fuse8.gif) no-repeat right top;
	text-indent: -9999em;
}
.footer a,
.footer a:visited {
    color: #000;
    text-decoration: underline;
}
.footer a:hover {
    color: #000;
    text-decoration: none;
}

/* =Blocks
---------------------------------------- */
.secondary-content .region-content {
	padding: 0 0 0 10px;
	margin: 0;
}

/* =Tables
---------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
    margin: 0 0 18px;
	}
table td, table th {
    padding: 4px 8px;
	border: 1px solid #eae9e9;
    vertical-align: top;
	}

.img-border {
	border: 1px solid #F5F5F5;
	margin: 0 0 20px 0;
	}

div.block {
	background: #F5F5F5;
	padding: 5px 15px 5px 15px;
	}
div.line {
	border-top: 1px solid #E6E9EF;
	line-height: 1px;
	font-size: 1px;
	clear: both;
	margin: 0 0 14px 0;
	}	
/* = Logos on availability
---------------------------------------- */
.content ul.b-logos{
	margin:15px 0 30px;
	}
	.content ul.b-logos li {
		background:none;
		padding:0;
		width:207px;
		text-align:center;
		float:left;
		}	
	.offers h6 {padding:0 15px 10px 0 !important;}