/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; background:url('/truelove/_images/bg/main-bg.jpg') top center;}
p { padding-bottom:15px; line-height:16px;}
em { font-style:italic;}
strong { font-weight:bold;}
abbr { text-decoration:none; border:none;}
img {border:0px;}
a { font-weight:bold; text-decoration:none;}
a:hover, a:focus {text-decoration:underline;}
a:focus {-moz-outline: 1px dotted #000 !important;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;}
#content ul, #content ol { padding:0px 0px 15px 0px;}
#content li { padding:0px 0px 5px 10px; background:url('/truelove/_images/bullets/bullet.gif') no-repeat 0px 5px;}
#content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; list-style:decimal outside; background:none;}
#content table { float:left; width:100%; margin:0px 0px 15px 0px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; text-align:left;}
#content table th, #content table td { padding:5px 5px 5px 5px; border-right:1px solid #e1e1e1;}
#content table th { font-weight:bold; background:#f1f1f1; text-transform:capitalize;}
#content table td { border-top:1px solid #e1e1e1;}
legend { display:none;}
.fielderror { float:left; width:100%; padding:0px 0px 5px 0px; color:#ff0000;}
input, select, textarea { font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;}
.checkbox { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
.checkboxlabel { margin:0px 0px 0px 0px; line-height:13px; float:left; text-align:left;}
.accordian div { background:#fff;}
/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1 { font-size: 20px; color:#fff; font-weight:bold; padding:0px 0px 15px 0px;}
h2 { font-size: 16px; color:#fff; font-weight:bold; padding:0px 0px 15px 0px;}
h3 { font-size: 12px; color:#fff; font-weight:bold; padding:0px 0px 15px 0px;}

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/
#topShadow { width:100%; background:url('/truelove/_images/bg/top-shadow.png') repeat-x top left;}
#midShadow { width:100%; background:url('/truelove/_images/bg/mid-shadow.png') repeat-x 0 370px;}
#container { width:960px; text-align:left; margin:0 auto 0 auto; margin-right:auto; padding:0px 0px 30px 0px;}

#masthead { position:relative; float:left; width:960px;}
#masthead.home{ height:314px;}
#masthead .headerphotos{ position:absolute; top:0; right:0;}

#masthead.developments{ position:relative; float:left; width:960px; height:371px; background:url('/truelove/_images/bg/developments-masthead-bg.png')  no-repeat bottom left;}
#masthead.developments .thanks{ position:absolute; top:220px; left:10px; width:460px; font-size:16px; font-weight:bold;}
#masthead.developments .thanks a{ color:#e30079;}

	#masthead p { line-height:22px;}
	#masthead a { color:#fff; text-decoration:none;}
	#masthead strong, #masthead a:hover, #masthead a:focus { color:#a8bf2f;}
	#masthead .price { position:absolute; top:90px; right:60px; width:160px; height:160px;}

#content { float:left; width:960px;}
#content .homeform{ float:left; width:600px; margin:20px 0 0 0;}
#content .homeform .formleft{ float:left; width:280px;}
#content .homeform .formright{ float:right; width:280px;}
#content .homeright{ float:right;}

#content .homeform h2{ font-size:18px; padding:0 0 10px 0;}

fieldset { float:left; width:600px;}
	fieldset.first { border-top:none;}
	fieldset .field { position:relative; float:left; width:280px; height:57px;  margin:0px 0px 25px 0px; background:url('/truelove/_images/bg/field.gif') no-repeat bottom left;}
	fieldset .field label { float:left; width:280px; padding:5px 10px 0px 0px; font-size:18px; font-weight:bold;}
	fieldset .field label .mandatory { font-size:10px; text-transform:uppercase; color:#e2057a;}
	fieldset .text input { float:right; display:inline; width:255px; padding:0px 0px 0px 0px; margin:10px 13px 0px 0px; color:#5b5b5b; border:1px solid #fff;}
	fieldset .formButton { float:left; margin:0;}
	fieldset p { float:left; width:560px; font-size:16px; font-weight:bold; text-transform:lowercase; line-height:20px;}
	fieldset p span { color:#a8bf2f; font-size:18px;}

fieldset .checkboxField { position:relative; background:none; float:left; display:inline; height:20px; width:auto;}
	fieldset .checkboxField input { position:absolute; left:2px; top:0px; margin:0; z-index:0; width:2px; overflow:hidden;}
	fieldset .checkboxField label { font-size:11px; display:block; position:relative; z-index:1; cursor:pointer; background: url('/truelove/_images/bg/checkboxes.png') no-repeat -12px -13px; font-size:14px; height:30px;}
		fieldset .checkboxField label.marketing { width:800px; font-size:10px;}
	fieldset .checkboxField label.hover, .checkboxField label.focus { background-position: -12px -68px;}
	fieldset .checkboxField label.checked { background-position: -12px -123px;}
	fieldset .checkboxField label.checkedHover, .checkboxField label.checkedFocus { background-position: -12px -176px;}
	fieldset .checkboxField label.focus { outline: 1px dotted #ccc;}
	/* Should only need to edit the following two values... */
	fieldset .checkboxField label { float:none; width:98px; padding:5px 3px 1px 30px;}
	fieldset .checkboxField label.last{ width:40px;}

	fieldset .field label.error { position:absolute; top:-18px; left:-5px; width:200px; padding:6px 0px 0px 25px; font-size:11px; font-weight:bold; text-transform:none; background:url('/truelove/_images/bullets/error.gif') no-repeat 5px 5px;}

div.sexy { float:left; width:270px; height:26px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; white-space:nowrap; border:0; position:absolute; top:31px; }
	div.sexy input { left:0px; top:0px; width:225px; padding:0px 3px 0px 5px; margin:6px 0px 0px 3px; color:#5b5b5b; vertical-align:middle; border:0;}
	div.sexy div.icon { top:0px; right:0px; width:26px; height:26px; border:0; cursor:pointer; background:url('/truelove/_images/buttons/trigger.gif') no-repeat 0 0 transparent;}
	div.sexy div.list-wrapper { left:0px; top:24px; bottom:auto; width:242px; padding:5px 0px 0px 0px; margin:0px 0px 0px 0px; border-left:2px solid #bcbdc0; border-right:2px solid #bcbdc0; border-bottom:2px solid #bcbdc0; background-color:#FFFFFF;}
	div.sexy div.list-wrapper-up { top:auto; bottom:21px;}
	div.sexy ul { list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; height:200px; color:#5b5b5b;}
	#content div.sexy li { padding:4px 0px 0px 5px; margin:0px 0px 0px 0px; cursor:pointer; background:none; font-size:11px;}
	#content div.sexy li.active { color:#649d35; background:#f3f3f3;}
	/*for IE*/
	div.sexy a, div.sexy a:visited, div.sexy a:active { display: block; width: 100%; height:20px; margin:0px 0px 0px 0px; text-decoration:none; color:#959595; cursor:pointer; }
	div.sexy input.empty { color:gray;}
	a.to-highlight:hover { background-color:rgb(223, 232, 246);}


#footer{ width:100%; background:#000; float:left; margin:0;}
#footer #moreInfo{  width:960px; margin:0 auto 0 auto; float:none;}
#footer #moreInfo .text{ float:left;}
#footer #moreInfo .logo{ float:right; margin:20px 0 0 0;}

	#footer #moreInfo .disclaimer { font-size:9px; float:left; width:960px; margin:20px 0 0 0;}
	#footer #moreInfo .disclaimer p{ float:left; width:700px;}
	#footer #moreInfo .disclaimer img{ float:right; margin:0 0 0 20px;}
	#footer #moreInfo .disclaimer h2 { font-size:11px; padding:0px 0px 5px 0px; color:#e2287a;}
	#footer #moreInfo .disclaimer ol { padding:0px 0px 0px 0px;}

	#footer #moreInfo span { color:#649d35;}
	#moreInfo a { color:#fff; text-decoration:underline;}
	#moreInfo a:hover, #moreInfo a:focus { color:#e2287a;}

#content .developments, #content .developments li { float:left; width:960px; padding:0px 0px 0px 0px;}
	#content .developments li { padding:0; height:249px; background:url(/truelove/_images/bg/divide-dash.png) repeat-x bottom left;}

	#content .developments .first { border-top:none;}
	#content .developments div { position:relative; float:right; width:660px;}
	#content .developments div.clear { clear:both; float:none; width:auto; height:auto; }
	#content .developments .fl, #content .developments .photo { float:left; width:255px; margin:5px 0 0 0;}
	
	#content .developments .photo { position:relative; height:255px;}
	#content .developments .photo img { position:absolute; top:6px; left:0px;}
	#content .developments .photo .mask { top:0px;}
	#content .developments .price { float:none; position:absolute; top:120px; left:0px; width:105px; min-height:105px; height:auto !important; height:105px;}

	#content .developments h2 { float:left; padding:0px 0px 5px 0px; width:660px; margin:0;}
	#content .developments h2 a { float:left; display:block; height:70pxl padding:0px 0px 0px 0px; margin:15px 0px 2px 0px; font-size:26px; line-height:28px; letter-spacing:-1px; color:#fff;}
	#content .developments h2 a:hover { text-decoration:none; color:#fff;}
	
	#content .developments dt, #content .developments dd { clear:left; float:left; width:660px; padding:0px 0px 5px 0px; font-size:13px;}
	#content .developments dt { font-size:16px; font-weight:bold;  color:#e30079; padding:0 0 5px 0;}
	#content .developments dd{ padding:0 0 5px 0;}
	#content .developments .findoutmore{ margin:5px 0 0 0;}