/*

	client:					Keepmoat Homes
	development:			Rippleffect
	design, xhtml & css:	Michael Braithwaite 
	php:					Mike Edwards
	
	css:					formatting.

*/

/* misc reset stuff */

.recaptchatable #recaptcha_response_field  {
	left:0 !important;
}

li {
	list-style:none;
}

a {
	text-decoration:none;
	outline:none;
}

input {
	border:0;
}

a img {
	border:0;
}

img {
	display:block;
}

p a {
	font-size:1em;
}

fieldset {
	border:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:1.4em;
	color:#222;
	margin:0;
   padding:0;
   height:100%
}

#body {
  padding:10px;
   padding-bottom:60px;   /* Height of the footer */
}

/* header */

#keepmoat-homes {
	margin:0 0 25px 0;
	float:left;
}

/** site search **/

#site-search input {
	background-image:url(/assets/images/structure/header/search/input-bg.png);
	width:208px;
	height:15px;
	padding:4px 4px 3px 5px;
	font-size:1.1em;
	color:#034ea2;
	float:left;
}

#site-search input.submit{
	background-image:url(/assets/images/structure/header/search/submit-bg.png);
	width:72px;
	font-size:1.1em;
	padding:4px 22px 20px 5px !important;
	margin:0 0 0 3px;
	color:#fff;
	font-weight:bold;
	.height:22px;
}


/* content */

/** homepage **/

#image-box #image-cycle {
	width:1260px;
	position:absolute;
	z-index:3;
}

#image-box #image-overlay-top {
	background-image:url(/assets/images/structure/home/overlay-top.png);
	width:1260px;
	height:346px;
	position:absolute;
	z-index:4;
}

#image-box #image-overlay-bottom {
	background-image:url(/assets/images/structure/home/overlay-bottom.png);
	width:1260px;
	height:370px;
	position:absolute;
	z-index:4;
	top:346px;
}

.home-right .sunflower-banner {
	position:relative;
	z-index:8;
}

.home-right .banner-overlay {
	position:absolute;
	z-index:9;
	background-image:url(/assets/images/structure/banners/overlay.png);
	height:46px;
	width:295px;
	top:370px;
}


/** news ticker **/

#news-ticker {
	width:630px;
	float:left;
	clear:both;
	margin:40px 0 0 0;
	padding:7px 0;
	border-top:2px solid #97ae01;
	border-bottom:2px solid #97ae01;
	overflow:hidden;
	height:18px;
}

#news-ticker img {
	float:left;
	margin:0 20px 0 0;
}

#news-ticker ul {
	float:left;
	width:540px;
	margin:1px 0 0 0;
}

#news-ticker ul li a {
	font-size:1.1em;
	border:0;
	color:#606D03;
}
	
/** end **/

#home-seo {
	width:630px;
	float:left;
	clear:both;
	margin:5px 0 0 0;
	padding:15px 0 0 0;
}

#home-seo li {
	float:left;
}

#home-seo li.development {
	width:190px;
	margin:0;
}

#home-seo li.news {
	width:215px;
	margin:0 15px;
}

#home-seo li h2 {
	font-size:1.2em;
	font-weight:bold;
	color:#606d03;
	margin:0 0 10px 0;
}

#home-seo li.development ul {
	width:190px;
}

#home-seo li.news ul {
	width:210px;
}

#home-seo li.development ul li {
	width:180px;
}

#home-seo li.news ul li {
	width:200px;
}

#home-seo li ul li {
	padding:0 0 0 10px;
	float:left;
	clear:left;
	margin:0 0 5px 0;
	background-image:url(/assets/images/structure/bullets/small-green.gif);
}

#home-seo li ul li a {
	color:#606d03;
	font-size:1.1em;
}

#home-seo li ul li a:hover {
	border-bottom:1px solid #6B7B03;
	color:#000;
}

#home-seo li a.featured {
	font-size:1.1em;
	color:#606d03;
}

/** content area **/

#content h1 {
	display:block;
	border-bottom:2px solid #034ea2;
	color:#034ea2;
	font-size:2em;
	font-weight:normal;
	padding:0 0 15px 0;
	margin:0 0 20px 0;
}

#content p {
	font-size:1.1em;
	margin:0 0 15px 0;
}

#content a {
	font-size:1em;
	border-bottom:1px dotted;
	color:#034ea2;
}

#content a:hover {
	border-bottom:1px solid;
}

/*** breadcrumb ***/

#breadcrumb p {
	font-size:1.1em;
	font-weight:bold;
	color:#888;
	margin:0 15px 0 0;
	float:left;
	display:block;
}

#breadcrumb ul {
	float:left;
}

#breadcrumb.full-width ul {
	width:870px;
}

#breadcrumb ul li {
	float:left;
	font-size:1.1em;
}

#breadcrumb ul li a {
	font-size:1em;
	background-image:url(/assets/images/structure/breadcrumb/seperator.gif);
	background-position:top right;
	color:#888;
	padding:0 20px 0 0;
	margin:0 15px 0 0;
	border:0;
}

#breadcrumb ul li a:hover {
	color:#000;
	text-decoration:underline;
	border:0;
}

#breadcrumb ul li p {
	font-size:1em;
	font-weight:normal;
	color:#222;
}

/*** dev overview page ***/

#dev-title-bar {
	width:980px;
	border-bottom:1px solid #eee;
	clear:both;
	padding:5px 0 25px 0;
	margin:0 0 0 0;
	float:left;
}

#dev-title-bar h1 {
	font-size:2.5em;
	font-weight:normal;
	color:#97ae00;
	border:0;
	padding:5px 0 7px 0;
	margin:-5px 0 0 0;
	width:600px;
	float:left;
	position:relative;
}

#dev-title-bar #partnership {
	float:right;
	width:auto;
	background-image:url(/assets/images/structure/banners/partnership.png);
	background-position:left;
	padding:0 0 0 160px;
	margin:-10px 0 0 0;
	position:relative;
	
}

#dev-title-bar #partnership h4 {
	float:left;
}

#dev-title-bar #partnership ul {
	float:left;
}

#dev-title-bar #partnership ul li {
	float:left;
	margin:0 0 0 5px;
	border:1px solid #eee;
	padding:1px;
}

#dev-title-bar #partnership ul li img {
	height:34px;
}

a.affordable-homes {
	float:left;
	border:0 !important;
	display:block;
	margin:10px 0 10px 74px;
}

#opening-times {
	width:273px;
	float:right;
	border:1px solid #ccc;
	background-color:#eee;
	padding:10px 10px 0 10px;
	.padding:10px;
	margin:10px 0 0 0;
}

#opening-times h4 {
	float:left;
	display:block;
	width:100px;
	font-weight:bold;
	font-size:1.1em;
	clear:both;
}

#opening-times ul {
	float:left;
	width:173px;
	margin:0 0 10px 0;
}

#opening-times ul li {
	float:left;
	clear:left;
	width:173px;
	font-size:1.1em;
	margin:0 0 3px 0;
}

.silver-call {
	width:293px;
	float:right;
	clear:both;
	border:1px solid #ccc;
	margin:10px 0 0 0;
	background-image:url(/assets/images/structure/buttons/silver-bg.png);
	background-repeat:repeat-x;
}


#pdf-silver {
	margin:-60px 0 0 0;
	width:185px;
}	

#content .silver-call p.call-us {
	background-image:url(/assets/images/structure/buttons/icons/call-us.png);
	background-position:left;
	padding:7px 0 7px 33px;
	margin:0;
}

#content .silver-call p.call-us span {
	font-size:1.2em;
	font-weight:bold;
	color:#778613;
	margin:0px 0 0 5px;
	position:absolute;
}

#content .silver-call a {
	border:0;
	font-size:1.1em;
	color:#222;
	display:block;
	margin:0;
	padding:7px 0 7px 33px;
	background-position:left;
}

#content .silver-call a:hover {
	text-decoration:underline;	
}

#content .silver-call .tomtom {
	background-image:url(/assets/images/structure/buttons/icons/tomtom.png);	
}

#content .silver-call .pdf {
	background-image:url(/assets/images/structure/buttons/icons/pdf.png);	
}

#content .silver-call .mail {
	background-image:url(/assets/images/structure/buttons/icons/mail.png);	
}


/*** news page ***/

#news-listing li {
	width:300px;
	margin:0 20px 0 0;
	float:left;
	border-bottom:1px dotted #034ea2;
	padding:10px;
}

#news-listing li img {
	float:right;
	width:90px;
	padding:1px;
	border:1px solid #eee;
	margin:0 0 0 10px;
}

#news-listing li h4 {
	font-size:1.1em;
	margin:0 0 5px 0;
}

#news-listing li h4 a {
	border:0;
	color:#034ea2;
}

#news-listing li h4 a:hover {
	border-bottom:1px dotted;
}

.master-leftcol img.news-image {
	float:right;
	padding:1px;
	border:1px solid #ccc;
	width:220px;
	margin:0 0 20px 20px;
}

/*** banners ***/

#content .master-rightcol ul.banners {
	width:295px;
	float:left;
}

#content .master-rightcol ul.on-details-page {
	margin:10px 0 0 0;
}

#content .master-rightcol ul.banners li {
	background-image:url(/assets/images/structure/banners/generic-bg.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:88px;
	width:293px;
	padding:1px;
	margin:0 0 10px 0;
}

#content .master-rightcol ul.banners li .text {
	height:60px;
	width:143px;
	padding:9px;
	float:left;
	border:0;
	position:relative;
}

#content .master-rightcol ul.banners li .text p {
	color:#003775;
	margin:0 0 10px 0;
	font-size:1.1em;
	line-height:1.6em;
}

#content .master-rightcol ul.banners li .text a.more {
	background-image:url(/assets/images/structure/buttons/find-out-more.png);
	background-position:top left;
	width:97px;
	text-align:center;
	color:#fff;
	border:0;
	display:block;
	padding:5px 0;
	font-size:1.1em;
	font-weight:bold;
	position:absolute;
	top:53px;
}

#content .master-rightcol ul.banners li .text a.more:hover {
	background-position:bottom left;
}

#content .master-rightcol ul.banners li img {
	float:right;
}

/*** generic grey box ***/

.grey-rounded {
	background-image:url(/assets/images/structure/rightcol/box/bg.png);
	width:301px;
	position:relative;
	margin:10px -3px 0 -3px;
	float:right;
	display:inline;
	overflow:hidden;
}

.grey-rounded-search {
	height:333px;
}

.grey-rounded .inner {
	padding:4px;
	width:293px;
	float:left;
}

.grey-rounded .features {
	padding:0 10px;
	clear:both;
}

.grey-rounded .features li {
	font-size:1.1em;
	background-image:url(/assets/images/structure/bullets/small-green.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0 0 3px 0;
	padding:0 0 0 10px;
	width:273px;
}

.grey-rounded h3 {
	display:block;
	background-image:url(/assets/images/structure/rightcol/box/header-bg.png);
	padding:7px 5px 20px 5px;
	font-size:1.3em;
	color:#034ea2;
	margin:0 0 0 0;
	float:left;
	width:283px;
}

.grey-rounded .bottom {
	background-image:url(/assets/images/structure/rightcol/box/bottom.png);
	height:9px;
	width:301px;
	float:left;
	display:block;
	overflow:hidden;
}

.grey-rounded .inner form {
	padding:0 10px;
}

.grey-rounded .inner form .row , .grey-rounded .inner form .row .introw {
	padding:10px 0;
	float:left;
	clear:left;
	width:273px;
	border-bottom:1px dotted #999;
}

 .grey-rounded .inner form .row .introw{
 border:none; padding:2px;
 
 
 }
.grey-rounded .inner form .row label , .grey-rounded .inner form .row .introw label {
	display:block;
	font-weight:bold;
	font-size:1.1em;
	color:#034ea2;
	margin:0 0 5px 0;
	float:left; clear:both;
}

 .grey-rounded .inner form .row .introw input {
	display:block;
	width:100%;
	border:1px solid #CCC;
}

.grey-rounded .inner form .row .introw label.smalllab {
	display:block;
	font-weight:normal;
	font-size:1.1em;
	line-height:1.6em;
	color:#034ea2;
	margin:2px 0 5px 0;
	float:left; clear:none;
}

.grey-rounded .inner form .row p {

	float:left; 
}

.grey-rounded .inner form .row select , .grey-rounded .inner form .row .introw select  {
	width:273px;
	border:1px solid #97b5d6;
	font-size:1.1em;
	padding:3px;
}

.grey-rounded .inner form .row select.small{
	width:159px;
	border:1px solid #97b5d6;
	font-size:1.1em;
	padding:3px;
	float:right; clear:none;
}

.grey-rounded .inner form .row ul.prices li {
	float:left;
	width:273px;
	clear:left;
	margin:0 0 5px 0;
}

.grey-rounded .inner form .row ul.prices label {
	font-weight:normal;
	color:#222;
	float:left;
	width:100px;
	margin:3px 0 0 0;
}

.grey-rounded .inner form .row ul.prices input.radio {
	float:left;
	width:auto;
	border:0;
	padding:0;
	margin:3px 5px 0 0;
}

.grey-rounded .inner form .row ul.prices select {
	float:left;
	width:155px;
}

.grey-rounded .inner form .row ul.prices input {
	float:left;
	width:147px;
	padding:3px;
	border:1px solid #97b5d6;
	font-size:1.1em;
}

.grey-rounded .inner form input.submit {
	padding:5px 20px 7px 10px;
	background-image:url(/assets/images/structure/buttons/large.png);
	width:157px;
	font-size:1.1em;
	color:#fff;
	margin:10px 0 5px 0;
	float:right;
	clear:both;
	text-align:right;
	cursor:pointer;
	font-weight:bold;
}

/* footer */

/** home variant **/

#footer p {
	float:left;
	color:#222;
	font-size:1.1em;
	width:440px;
	padding:0 0 0 10px;
}

#footer ul {
	float:right;
	color:#fff;
	width:auto;
}

#footer ul li {
	display:inline;
	text-align:right;
	margin:0 10px;
}

#footer ul li a {
	border-bottom:1px dotted;
	color:#222222;
	font-size:1.1em;
}

#footer ul li a:hover {
	border-bottom:1px solid;
}

#footer .extra-sponsors {
	float:left;
}

#footer .extra-sponsors a {
	float:left;
}

#footer #associate-wave-area img.keepmoat-way {
	float:left;
	width:479px;
	margin:0 0 0 10px;
	display:inline;
}


#associate-wave-area ul {
	float:right;
	width:350px;
	margin:25px 20px 0 0;
}

#associate-wave-area ul li {
	float:right;
	margin:0 0 0 30px;
}

#associate-wave-area ul.social-icons {
	float:left;
	width:500px;
	clear:left;
	margin:5px 0 0 0;
}

#content .home-left ul.social-icons {
	float:left;
	width:630px;
	clear:left;
	margin:15px 0 0 0;
	padding:10px 0 0 0;
	border-top:2px solid #97ae01;
}

#associate-wave-area  ul.social-icons li {
	float:left;
	margin:0 15px 0 10px;
}

#content ul.social-icons li {
	float:left;
	margin:0 25px 0 0;
}

#content ul.social-icons li a {
	padding:6px 0 4px 30px;
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
	border:0;
	border:0;
	color:#222;
	font-size:1.1em;
}

#footer ul.social-icons li a {
	padding:6px 0 4px 30px;
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
	border:0;
	color:#222;
	
}

ul.social-icons li a:hover {
	text-decoration:underline;
}

ul.social-icons li.rss a {
	background-image:url(/assets/images/structure/footer/social-icons/rss.png);
}

ul.social-icons li.twitter a {
	background-image:url(/assets/images/structure/footer/social-icons/twitter.png);
}

ul.social-icons li.youtube a {
	background-image:url(/assets/images/structure/footer/social-icons/youtube.png);
}

ul.social-icons li.facebook a {
	background-image:url(/assets/images/structure/footer/social-icons/facebook.png);
}




.devimage {margin-bottom:20px;}

.master-leftcol h2 {color:#aec900; font-size:1.6em; margin-bottom:20px;}

.master-leftcol h2.dev-header {
	color:#034ea2; 
	font-size:2em; 
	margin-bottom:20px; 
	font-weight:normal;
	border-bottom:2px solid;
	padding:10px 0 15px 0;
	display:block;
	clear:left;
}

.master-leftcol h2.blue {
	font-size:1.1em;
	color:#034ea2;
	padding:8px 8px 12px 8px;
	background-image:url(/assets/images/structure/titles/silver-blue.png);
	background-repeat:repeat-x;
}

.master-rightcol h2.green {
	font-size:1.1em;
	color:#778613;
	padding:8px 8px 12px 8px;
	background-image:url(/assets/images/structure/titles/silver-green.png);
	background-repeat:repeat-x;
	margin:0 0 20px 0;
}

#content a.dev-enquire { 
	background:#CCC; 
	color:#FFF; 
	font-weight:bold; 
	font-size:1.1em; 
	background:url(/assets/images/structure/contactbutton.gif) top left repeat-x;  
	padding:3px 10px 4px 10px; 
	float:right; 
	margin:-4px 0 0 0;
	border:1px solid #05326D; 
	position:relative;
}

#content a.enquire { background:#CCC; color:#FFF; font-weight:bold; font-size:0.8em; background:url(/assets/images/structure/contactbutton.gif) top left repeat-x;  padding:0 5px; float:left; height:20px; line-height:1.7em; border:1px solid #05326D; }



.bottomgrad {width:660px; height:20px; background:url(/assets/images/structure/gradmap.gif) top left no-repeat; margin-bottom:5px;}

.error {font-weight:bold; background:#b8cf1f; padding:5px; border-bottom:3px solid #b2b2af; }

ul.block{ padding:5px 0px; clear:both; margin-top:5px; height:150px; }
ul.block li{float:left; clear:none; padding:0px 0px;}
#content ul.block li a { float:left; background:#000; display:block; height:34px; width:34px; clear:none; margin-left:9px; text-decoration:none; border-bottom:none;}

#content ul.block li a:hover { text-decoration:none; border:none;}
#content ul.block li a.logo1 { background:url(/assets/images/structure/logo1.gif) top left no-repeat; text-decoration:none; margin-left:180px; _ margin-left:90px;}
#content ul.block li a.logo2 { background:url(/assets/images/structure/logo2.gif) top left no-repeat; text-decoration:none;}
#content ul.block li a.logo4 { background:url(/assets/images/structure/logo3.gif) top left no-repeat; width:70px; text-decoration:none;}
#content ul.block li a.logo3 { background:url(/assets/images/structure/logo4.gif) top left no-repeat; }
#content ul.block li a.logo5 { background:url(/assets/images/structure/logo5.gif) top left no-repeat; width:90px;}
#content ul.block li a.logo6 { background:url(/assets/images/structure/logo6.gif) center no-repeat; width:289px;  height:79px; margin:4px 0px; margin-bottom:7px; _margin:0px; clear:both; padding-bottom:15px;}

ul.sponsor-block{ 
	padding:10px 7px 0 8px; 
	margin:31px 0 0 0;
	clear:both; 
	width:279px;
	height:150px;
	position:relative;
	z-index:10;
	background-position:top left;
	float:left;
	background-repeat:no-repeat;
}

ul.sponsor-block li {
	float:left;
} 

ul.sponsor-block li.main {
	width:279px;
}

ul.sponsor-block li {
	width:138px;
}

ul.sponsor-block li.last {
	float:right;
}

ul#keepmoat-group {
	background-image:url(/assets/images/structure/home/keepmoat-group/bg.png);
	width:264px;
	height:124px;
	float:left;
	clear:both;
	padding:50px 7px 0 7px;
	margin:0 0 20px 9px;
	display:inline;
}

ul#keepmoat-group li {
	float:left;
	margin:0 4px;
}

ul#keepmoat-group li.keepmoat {
	float:left;
	width:264px;
	text-align:center;
	display:block;
	margin:0 0 22px 0;
}

ul#keepmoat-group li.keepmoat a {
	text-align:center;
	display:block;
	border:0;
}

ul#keepmoat-group li.keepmoat a img {
	display:inline;
}

ul#social-bookmarks {
	border-top:1px solid #97AE01;
	clear:both;
	float:left;
	margin:9px 0 0;
	padding:15px 0 0;
	width:630px;
}

ul#social-bookmarks li {
	float:left;
	margin:0 30px 0 0;
}

ul#social-bookmarks li a {
	background-repeat:no-repeat;
	background-position:right;
	border:0;
	font-size:1.1em;
	color:#222;
	position:relative;	
}

ul#social-bookmarks li a:hover {
	text-decoration:underline;
	border:0;
}

ul#social-bookmarks li a.twitter {
	background-image:url(/assets/images/structure/buttons/twitter.png);
	padding:4px 80px 4px 0;
}

ul#social-bookmarks li a.rss {
	background-image:url(/assets/images/structure/buttons/rss.png);
	padding:4px 30px 4px 0;
}


#content h4.rss22 {background:#034ea2 url(/assets/images/structure/rss22.gif) right no-repeat;
color:#FFF;
display:block;
font-size:1.1em;
font-weight:bold;
margin:0 0 20px;
padding:7px 0 7px; padding-left:15px; }
#content h4.rss22 a {color:#FFF; margin-top:6px;}
#content p.date {margin-bottom:5px; margin-top:2px; color:#999; }

#content a.viewm {display:block; padding:4px; font-weight:bold; font-size:1.2em; background:#CCC; float:right; margin-top:10px; border:none; text-align:right;}
#content a:hover.viewm { color:#000; cursor:pointer;}

ul.floorplan {}
ul.floorplan li { background:url(/assets/images/structure/arrow22.gif) left no-repeat;margin:0 0 5px 0;padding:0 0 0 10px; width:318px;}
#content ul.floorplan li a{font-size:1.1em;}

#content p.nom {margin-bottom:0px; margin-top:5px; margin-bottom:5px;}

#content h1.kmsitemap {margin-top:20px; display:block;}
#content ul.sitemap li {list-style:square; list-style-position:inside;}
#content ul.sitemap li a   {font-size:1.1em; font-weight:bold;}


#content ul.sitemap li ul li {padding-left:15px; font-size:1.0em; padding-bottom:3px; list-style:circle; list-style-position:inside; }
#content ul.sitemap li ul {padding:5px 0px;}
#content ul.sitemap li ul li a {font-size:1.0em; font-weight:normal;}
.rbox {float:right; width:440px; height:100px;}
.rbox h3 {color:#b8cf1f; font-size:2.4em; line-height:2.4em;}
.rbox ul li  { list-style:square; list-style-position:inside; font-size:1.4em;}

.logobox {width:800px; *margin-bottom:20px; float:left; clear:both;}

.ulmargin {padding:0 10px; }

.grey-rounded .careers ul {
	margin: 5px;
}

.grey-rounded .careers ul li {
	margin: 5px 0px;
}