/*
name         : style.css
author       : http://www.eastcoastinteractive.co.uk
created      : 12/06/2008
last updated : 18/06/2008
purpose		 : general stylesheet for mansell homes
*/

/*general styles*/
*
{
	padding:0;
	margin:0;
}

body
{
	background:#074888;
	padding:0 0 36px 0;
}

body,input
{
	font:62.5% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

/* links */
a, a:visited
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

a:hover{color:#eee;}

a.chunkyButton
{
	border:1px solid #fff;
	background:#074888;
	padding:2px 9px 5px 9px;
	margin-top:5px;
	text-align:center;
	display:block;
}

a.chunkyButton:hover{background:#011e3c;}

/* text */
p{font-size:1.2em;}

h1, h2, h3, h4, h5, h6{color:#fff;}

h1{font-size:2.0em;}

/*h2{font-size:1.8em; margin-bottom:.2em;}*/

h3{font-size:1.6em; font-weight:bold; color:#add5fb; margin-bottom:9px;}

strong{font-weight:bold;}

em{font-style:italic;}

#header h1{display:none;}

ul
{
	list-style-type:square;
	margin:18px 0;
	list-style-image:url('../img/ui/listIcon.png');
}

ul li
{
	margin:0 18px 9px 36px;
	font-size:1.1em;
}

/* layout */
#holdem
{
	position:relative;
	width:810px;
	border:0px solid #ccc;
	background:transparent;
	margin:0 auto;
}

#header
{
	position:relative;
	width:100%;
	height:182px;
	background:#021f3c url('../img/headBG_02.jpg') top left no-repeat;
}

#menu
{
	position:relative;
	background:#207bd4;
	height:3.6em;
}

/* horizontal menu */
#menu ul{list-style-type:none; list-style-image:none; margin:0;}

#menu ul li
{
	float:left;
	margin:0 0 0 1.4em;
}

#menu ul li a
{
	display:block;
	font-size:1.3em;
	line-height:2.5em;
	padding:0 0 0 0.6em;	
}

#menu ul li a span
{
	display:block;
	padding-right:0.6em;
}

#menu ul li a:hover
{
	color:#021f3c;
}

#menu ul li a.active:hover{color:#fff;}
#menu ul li a.active{background:#021f3c url('../img/menuCapL.jpg') top left no-repeat;}
#menu ul li a.active span{background:#021f3c url('../img/menuCapR.jpg') top right no-repeat;}

#content, #contentImg
{
	position:relative;
	border-top:1px solid #6ab0f4;
	padding:18px 36px;
	
}
#contentImg
{
	background:url('../img/contentBG.jpg') top left no-repeat;
}
#footer
{
	position:relative;
	clear:both;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.8em;
	color:#6da1d5;
	padding:18px 54px;
	background:#074888 url('../img/footerBG.jpg') top left repeat-x;
}

#footer a
{
	display:block;
	margin:18px 0;
}

/* forms */
form
{
	font-size:1.3em;
}

form legend
{
	font-weight:bold;
	_margin:0 -7px; /* IE Win */
	position:relative;
	top:18px;
}

form fieldset
{
	background:#021f3c;
}

form fieldset#brochureAddOn
{
	border:1px dotted #999; border-width:2px 0;
	padding-bottom:18px;
}

form fieldset div
{
	list-style:none;
	padding:18px 18px 0 18px;
	margin:0;
	position:relative;
}

form input, form select, form textarea
{
	font-size:1.1em;
	display:block;
	width:300px;
	border:3px solid #011e3c;
	padding:4px;
}

form input:focus, form select:focus, form textarea:focus{border:3px solid #074888;}
form input.error{}
form input.hideInput{border:none; background:none; padding:0;}
form label.left
{
	display:block;
	margin-bottom:5px;
}

form input.field{}
form select{margin-bottom:5px;}
form input.radio{}
form textarea{margin-bottom:18px;}
form input.submit{margin-bottom:18px;}
form input.submit
{
	background:#f4eb8e;
	font-weight:bold;
	margin-bottom:18px;
	cursor:pointer;
}

form input.submit:hover
{
	background:#fbb738;
	cursor:pointer;
}

div.error{display:none;}

form label.error
{
	margin:8px 0 0 1px;
	padding:2px 4px 4px 4px;
	width:auto;
	display:inline;
	border:1px solid #fff;
	background:#add5fb;
	color:#021f3c;
}

span.reqd
{
	position:absolute;
	top:42px;
	left:336px;
	font-size:2.4em;
	color:#add5fb;
	padding-top:4px;
}

/*\*//*/ form legend { display: inline-block; } /* IE Mac legend fix */

/* specific form tweakage */
#contactFormContainer{margin-top:18px;}

#vCardContainer{margin-top:104px;}

#brochureRequestForm div label{color:#fff;}
#brochureRequestForm div span.reqd{top:22px;}

/* super duper slidy form */
/*a:focus{outline:none;}*/
#formPanel
{
	background:#021f3c;
	padding-bottom:18px;
	display:none;
}
/* only shown if validation failed so as not to confuse the user */
#formPanelStatic
{
	background:#021f3c;
	padding-bottom:18px;
}

.formPanelInfo
{
	padding:9px 18px 9px 18px;
	color:#fff;
	display:block;
	width:468px;
	border-bottom:1px solid #444;
	font-size:1.2em;
}

.formPanelInfo p a
{
	color:#add5fb;
}

#formPanel p
{
	margin-bottom:9px;
	color:#fff;
	display:block;
	width:460px;
}

p.validError
{
	font-style:italic;
	color:#fbb738;
	line-height:1.4em;
}

.slide
{
	margin:0;
	padding:0;
	border-top:2px solid #fff;
	background:url('../img/ui/btn-slide.gif') no-repeat center top;
}

.formSlide
{
	background:url('../img/ui/white-arrow.gif') no-repeat right -50px;
	text-align:center;
	width:200px;
	height:31px;
	padding:10px 10px 0 0;
	margin:0 auto;
	display:block;
	font:bold 120%/100% Arial, Helvetica, sans-serif;
	color:#021f3c;
	text-decoration:none;
}

.active{background-position:right 12px;}

/* brochure request form */
form#brochureRequestForm
{
	font-size:1.3em;
}

form#brochureRequestForm div
{
	padding:9px 18px 0 18px;
	margin:0;
}

form#brochureRequestForm input, form#brochureRequestForm select
{
	font-size:1.1em;
	display:block;
	width:300px;
	border:1px solid #ccc;
	padding:4px;
}

form#brochureRequestForm label.left
{
	font-size:1em;
	display:block;
	margin-bottom:5px;
	width:300px;
}

form#brochureRequestForm input.hideInput{border:none; background:none; padding:0;}

form#brochureRequestForm select{margin-bottom:5px;}

form#brochureRequestForm input.submit
{
	background:#f4eb8e;
	font-weight:bold;
	margin-bottom:18px;
	cursor:pointer;
}

form#brochureRequestForm input.submit:hover
{
	background:#fbb738;
	cursor:pointer;
}

/*div.error{display:none;}*/

form#brochureRequestForm label.error
{
	margin:8px 0 0 1px;
	padding:2px 4px 4px 4px;
	width:auto;
	display:inline;
	border:1px solid #fff;
	background:#add5fb;
	color:#021f3c;
}

span.reqder
{
	float:right;
	display:inline;
	width:152px;
	font-size:2.4em;
	line-height:.9em;
	color:#add5fb;
	margin-top:-26px;
}

.captchaHolder{width:290px; background:#fff;}


/* columns in #content */
.contentLeft
{
	float:left;
	width:198px;
	padding-bottom:18px;
}

.contentRight
{
	float:right;
	width:504px;
	padding-bottom:18px;
}

#prompt
{
	width:198px;
	height:60px;
	overflow:hidden;
	margin-bottom:18px;
	background:url('../img/promptBG.jpg') top left no-repeat;
	border:1px solid #000;
	border-width:0 1px 1px 0;
	color:#add5fb;
}

#prompt p{margin:9px;}

/* image rotator */
#hpGallery
{
	width:198px;
	height:135px;
}

.gallery
{
	width:198px;
	height:135px;  
    padding:0;
	margin:0;
} 
 
.gallery img
{
	padding:0;
	border:1px solid red;
	background:#011e3c;
	width:198px;
	height:135px;
	top:0;
	left:0
} 

/* section menu */
ul#sectionMenu
{
	list-style-type:none;
	margin:18px 0 0 0;
	width:198px;
	list-style-image:none;
}

ul#sectionMenu li{margin:0;}

ul#sectionMenu li a
{
	display:block;
	width:188px;
	line-height:36px;
	padding-left:9px;
	font-size:1.3em;
	border:1px solid #074888;
}

ul#sectionMenu li a:hover
{
	border:1px solid #aaa;
	background:#1d4c7b;
}

ul#sectionMenu li a.active
{
	border:1px solid #fff;
	background:#011e3c;
}

/* left side sub menus */
ul#subMenu
{
	list-style-type:none;
	width:198px;
	list-style-image:none;
}

ul#subMenu li{margin:0;}

ul#subMenu li a
{
	display:block;
	width:156px;
	line-height:32px;
	font-size:1.1em;
	border-top:1px solid #074888;
	padding-left:41px;
}
ul#subMenu li a.sale{background:transparent url('../img/forSaleIcon.png') top left no-repeat;}
ul#subMenu li a.soon{background:transparent url('../img/comingSoonIcon.png') top left no-repeat;}
ul#subMenu li a.sold{background:transparent url('../img/soldOutIcon.png') top left no-repeat;}
ul#subMenu li a.sale:hover{background:#1d4c7b url('../img/forSaleIcon.png') top left no-repeat; color:#d1d35f;}
ul#subMenu li a.soon:hover{background:#1d4c7b url('../img/comingSoonIcon.png') top left no-repeat; color:#d1d35f;}
ul#subMenu li a.sold:hover{background:#1d4c7b url('../img/soldOutIcon.png') top left no-repeat; color:#9eb9b7;}

ul#subMenu li a:hover{background:#1d4c7b;}

ul#subMenu li a.active
{
	border:1px solid #fff;
	background:#011e3c;
}

#locationSelect, #fpLocationSelect 
{
	/*border:2px solid #fff;*/
	width:504px;
	/*height:319px;*/
}

#altContentScroll
{
	width:500px;
	/*height:319px;*/
	overflow:hidden;
}

.upperRightText
{
	margin-bottom:18px;
	width:504px;
	color:#fff;
	line-height:1.8em;
	text-align:justify;
}

.upperRightText p{margin-bottom:12px;}

.promo{padding:9px; background:#011e3c; border:2px solid #fff; border-width:2px 2px 0 2px;}
.promo p{font-size:1.8em; line-height:1.4em; padding:9px; color:#fff;}
.promo a{font-weight:normal; color:#add5fb;}
.promo a:hover{margin-bottom:12px;}

.lowerRightText
{
	margin-top:18px;
	width:504px;
	color:#fff;
	line-height:1.8em;
}

/*.lowerRightText h2
{
	display:block;
	background:#011e3c;
	border:1px solid #fff;
	padding:9px;
}*/
.lowerRightText h3{font-size:1.6em;padding:9px 9px 0 9px;}
.lowerRightText p{padding:9px; text-align:justify;}

/* columns in #header */
.headLeft
{
	position:absolute;
	top:0;
	left:270px;
	width:234px;
	height:144px;
	padding:18px 0;
	border-right:1px solid #021f3c;
}

.headLeft h3{font-size:1.4em; font-weight:bold;}

.headRight
{
	position:absolute;
	top:0;
	right:36px;
	width:234px;
	width:242px;
	height:180px;
}

/* news feed */
#newsFeed{margin-top:6px; height:110px;width:234px;}
#newsFeed h3{font-size:1.3em; border-top:1px solid #021f3c; padding-top:4px;}
#newsFeed h3 a{color:#fff; line-height:1em;}
#newsFeed h3 a:hover{color:#add5fb;}
#newsFeed p{color:#ccc; font-size:98%;}
#newsFeed a{color:#add5fb; line-height:2.4em;}
#newsFeed a:hover{color:#eee;}

/* top right features */
#mansellTips/*, #incentive*/{border:1px solid #000; border-width:0 1px 1px 0; padding:11px 9px 16px 9px; margin-top:38px; background:#021f3c;}
#incentive{border:0; background:transparent;}

#incentive a
{
	background:url('../img/incentive_up.jpg') top left no-repeat;
	cursor:pointer;
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:242px;
	height:182px;
}

#incentive a:hover
{
	background:url('../img/incentive_over.jpg') top left no-repeat;
}

#incentive a.lightbox span{display:none;}

#mansellTips h3{color:#add5fb; font-weight:bold; margin-bottom:9px;}
#incentive h3{color:#021f3c;}
#mansellTips p{color:#ccc;}

#incentive p{color:#000;}
#incentive a{color:#444; border-bottom:1px dotted #fff;}
#incentive a:hover{color:#021f3c; border-color:#000;}

/* scroll panes */
.scroll-pane
{
	overflow:auto;
	background:transparent;
	float:left;
}

a.jScrollArrowUp{background:url('../img/ui/basic_arrow_up.gif') no-repeat 0 0;}

a.jScrollArrowUp:hover{background-position:0 -15px;}

a.jScrollArrowDown{background:url('../img/ui/basic_arrow_down.gif') no-repeat 0 0;}

a.jScrollArrowDown:hover{background-position:0 -15px;}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{background-position: 0 -30px;}

/* microformats : vcard */
.vcard
{
	background:#add5fb;
	padding:6px 9px 9px 9px;
	color:#021f3c;
	line-height:1.8em;
	font-size:1.2em;
	margin:18px 0 18px 0;
}

.org
{
	font-size:1.6em;
	margin-bottom:4px;
}

.tel
{
	font-weight:bold;
}

.locality{}
.postal-code{}
.country-name{}

/* tables - yes, tables */
table{font-size:1.1em; color:#fff;}
table tr{}
table th{font-weight:bold; border-bottom:1px solid #fff; padding:4px;}
table td{padding:4px; border-bottom:1px solid #add5fb;}

/* sifr */
/* These are standard sIFR styles... do not modify */
.sIFR-flash
{
	visibility:visible !important;
	margin:0;
}

.sIFR-replaced{visibility:visible !important;}

span.sIFR-alternate
{
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]{display:none !important;}

/* "decoy" styles hide the browser text before it is replaced...the negative-letter spacing in this 
case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text 
in this example is so much narrower... your own settings may vary... 
any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1{visibility:hidden;}

.sIFR-hasFlash h2
{
	visibility:hidden;
	letter-spacing:17px;
	font-size:18px;
	line-height:22px;
}

.sIFR-hasFlash h4
{
	visibility:hidden;
	letter-spacing:-5px;
	font-size:12px;
}
/* sifr print styles */

/* misc */
.BBLink
{
	display:block;
	margin:18px 0;
}

.clear{clear:both;}