/*NOTES ---------------------------------

Three column layout

3.5 hours

UPDATE INFO ------------------------

Revision number: 1.0
Last updated: 27 Sep 2007
Last update made by: darren wood (darren@dontcom.com)

CONTENTS ---------------------------

=1: Reset all elements to a common value
=2: Default classes
=3: Accessibility
=4: Default Styles
=4a: colours, sizes, etc
=5: Layout Styles
=6: generic styles
	=6a: post styles
	=6b: register box
	=6c: middle bg stuff
	=6d: toolbox
	=6e: ads
=7: Page related styles
	=7a: home page
	=7b: news page
=7c: essentials page 

=8: Useful tools page

=9: building process

=10: Refix page
*/

/* -- =1: reset all elements to a common value ----------------------------------------------------- */
body {
	color:#000;
	background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:"'";
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup, sub {
	line-height:-1px;
	vertical-align: text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/* -- =2: default classes -------------------------------------------------------------------------- */
.center {
	text-align: center;
}
.right {
	text-align: right !important;
}
.left {
	text-align: left !important;
}
.small {
	font-size: 0.9em;
}
.smaller {
	font-size: 0.8em !important;
}
.evensmaller {
	font-size: 0.7em !important;
}
.bold {
	font-weight: bold !important;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.clear {
	clear: both;
}
/* -- =3: accessibility ---------------------------------------------------------------------------- */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}
.hide {
	display: none;
}
/* -- =4: Default Styles --------------------------------------------------------------------------- */
/* =4a: colours, sizes, etc of elements */
body {
	font: 62.5%/1.4 "Trebuchet MS", Arial, sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background: #fff url(/images/bg-body.jpg) repeat-x;
	color: #333;
}
h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol {
	margin: 0 0 0.7em 0;
}
h1 {
	font-size: 1.9em;
	font-family: Georgia, Times, serif;
	color: #666666;
}
h2 {
	font-size: 1.8em;
	font-family: Georgia, Times, serif;
	color: #666666;
}
h3 {
	font-size: 1.6em;
	font-family: Georgia, Times, serif;
	color: #666666;
}
h4 {
	font-size: 1.4em;
	font-family: Georgia, Times, serif;
	color: #666666;
}
h5 {
	font-size: 1.2em;
	font-family: Georgia, Times, serif;
	color: #666666;
}
/*
a { color: #e58a14; text-decoration: none; }
a:visited { color: #e58a14;}
a:hover, a:active { color: #e58a14; text-decoration: underline; }
*/

a {
	color: #d26301;
	text-decoration: none;
}
a:visited {
	color: #d26301;
}
a:hover, a:active {
	color: #d26301;
	text-decoration: underline;
}
a.login {
	color:#EEEEEE;
	text-decoration:underline;
}
a.login:hover, a.login:active {
	color: #EEEEEE;
	text-decoration: none;
}
a.title {
	color:#d26301;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
ol li {
	list-style-type: decimal;
	margin-left: 2.5em;
}
ul li {
	list-style-type: disc;
	margin-left: 2.5em;
}
/* -- =5: Layout Styles ---------------------------------------------------------------------------- */
#container, #header, #logo, #nav, #contentGroup, #content-bg, #content, #footer {
	float: left;
	display: inline;
}
#container { /* keep the layout together and centered */
	width: 956px;
	text-align: left;
	overflow: hidden;
	margin: 0 0 0 12px;
	padding: 0 7px;
	background: url(/images/bg-container.png) repeat-x;
}
#header { /* header */
	width: 100%;
}
#header #logo {
	margin: 15px 0 0 0;
}
#nav { /* top navigation */
	margin: 47px 0 0px 0;
	width: 100%;
}
#nav li {
	float: left;
	display: inline;
	margin: 0;
	list-style: none;
}
#nav li a {
	float: left;
	display: inline;
	height: 31px;
	text-indent: -9999em;
}
#nav li.home a {
	background: url(/images/nav-home.png) no-repeat;
	width: 83px;
}
#nav li.news a {
	background: url(/images/nav-news.png) no-repeat;
	width: 185px;
}
#nav li.news a.on {
	background: url(/images/nav-news-on.png) no-repeat;
}
#nav li.essentials a {
	background: url(/images/nav-essentials.png) no-repeat;
	width: 177px;
}
#nav li.essentials a.on {
	background: url(/images/nav-essentials-on.png) no-repeat;
}
#nav li.win a {
	background: url(/images/nav-win.png) no-repeat;
	width: 184px;
}
#nav li.win a.on {
	background: url(/images/nav-win-on.png) no-repeat;
}
#nav li.usefultools a {
	background: url(/images/nav-useful-tools.png) no-repeat;
	width: 184px;
}
#nav li.usefultools a.on {
	background: url(/images/nav-useful-tools-on.png) no-repeat;
}
#nav li.contactus {
	padding-left:210px;
}
#nav li.contactus a {
	background: url(/images/nav-contact-us.png) no-repeat;
	width: 110px;
}
#contentGroup { /* main content group */
	width: 700px;
	padding: 15px 20px 0 20px;
	background: #fff;
	overflow: hidden;
}
#content-bg {
	width: 710px;
	overflow: hidden;
	background: #fff url(/images/bg-middle.png) repeat-y right;
}
#content { /* main content area */
	width: 460px;
	overflow: hidden;
}
#middle { /* middle bar (sub content) */
	float: right;
	overflow: hidden;
	width: 223px;
}
#right { /* right bar (ads, etc) */
	float: right;
	width: 181px;
	padding: 15px 15px 0 20px;
	overflow: hidden;
	background: #fff;
}
#footer { /* at the bottom of the page */
	width: 710px;
	font-size: 1.2em;
	margin: 20px 216px 0 20px;
	color: #666666;
}
#footer div {
	float: left;
	padding-top: 5px;
	display: inline;
	width: 100%;
	background: transparent url(/images/border-dotted.png) repeat-x top;
}
#footer ul li {
	float: left;
	width: 170px;
	list-style: none;
	margin: 0;
}
#footer ul li strong {
	font-size: 1.2em;
	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
#footer ul li ul li {
	float: none;
	width: 100%;
}
/* =6: generic styles ------------------------------------------------------------------------------ */
span.amp {
	font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-size:110%;
	font-style:italic;
}
h2.small {
	font-size: 1em;
	color: #666666;
	padding-bottom: 2px;
	margin-bottom: 10px;
	background: transparent url(/images/border-dotted.png) repeat-x bottom;
}
.body {
	font-size: 1.2em;
}
span.required {
	color: #d26301;
}
/* =6a: post styles */
.post .date {
	float: left;
	display: inline;
	position: relative;
	width: 22px;
	height: 50px;
	padding: 0 10px;
	margin-top: -7px;
	background: url(/images/bg-date.png) no-repeat bottom;
	font-family: Georgia, Times, serif;
	color: #603913;
	text-align:center;
}
.post .date strong {
	display: block;
	font-weight: normal;
	font-size: 2em;
}
.post .body {
	float: right;
	width: 410px;
	font-size: 1.2em;
	margin-bottom: 5px;
}
.post .body h3 {
	font: 2.1em regular Georgia, Times, serif;
	margin-bottom: 10px;
}
.post .body h3 a {
	color: #e58a14 !important;/*			color: #d26301 !important;*/
		}
.post .body .cat-main {
	font-size: 1.4em;
	margin-bottom: 3px;
}
.post .body .author {
	margin-bottom: 4px;
}
.post .body .more {
	float: left;
	width: 100%;
	margin-top: 3px;
}
.post .comments {
	float: right;
	background: url(/images/icon-comment.png) no-repeat;
	padding-left: 25px;
}
.post .cat-sub, .post .links {
	float: left;
	width: 460px;
	font-size: 1.1em;
	margin-bottom: 20px;
	background: transparent url(/images/border-dotted.png) repeat-x bottom;
}
.post .cat-sub p, .post .links p {
	margin: 0;
	float: left;
	width: 410px;
	padding: 1px 0 2px 50px;
	background: transparent url(/images/border-dotted.png) repeat-x top;
}
.post .links a {
	float: left;
	width: 27.5% !important;
}
.post .links a.tell-friend {
	background: url(/images/icon-email.png) no-repeat;
	background-position:0px 2px;
	padding: 2px 0;
	padding-left: 25px;
}
.post .links a.print {
	background: url(/images/icon-print.png) no-repeat;
	background-position:0px 2px;
	padding: 2px 0;
	padding-left: 21px;
}
.post .links .comments {
	width: auto;
	padding: 2px 0;
	padding-left: 22px;
}
ol.comments {
	float: right;
	width: 410px;
	font-size: 1.2em;
}
ol.comments li {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	list-style: none;
}
ol.comments li blockquote {
	background: url(/images/icon-quote.png) no-repeat;
	padding-left: 20px;
}
ol.comments li .cite {
	padding-left: 20px;
	font-size: 0.9em;
	background: transparent url(/images/border-dotted.png) repeat-x top;
}
.post-comment {
	float: left;
	width: 100%;
	font-size: 1.2em;
}
.post-comment label {
	float: right;
	width: 410px;
	margin: 0 0 5px 0;
}
.pagination {
	padding-left: 7px;
}
/* =6b: register box */
.register {
	/*float: left;
	background: #fff;
	padding: 0px 0 20px 0;*/
	/* --------------   
	 padding-bottom:20px;
	color: #fff;
	margin-left:-5px;
	margin-bottom:20px;
	font-size: 1.1em;
	text-align:center;
	height:228px;
	width: 183px;

	background: transparent url(/images/reg-box.png) repeat-y bottom;
	------------------------- */
	
	margin-left:-5px;
	margin-bottom:20px;
	font-size: 1.1em;
	text-align:center;
	height:270px;
	width: 183px;
}
#regboxtext
{
	padding-top:8px;
	padding-bottom:3px;
}
#regbox {
	color: #fff;
	float: left;
	font-size:11px;
	text-align:center;
	background: transparent url(/images/regbox.jpg) no-repeat;
	height:120px;
	width:183px;
	padding-top:45px;
}
/* =6c: middle stuff - some bg trickery is afoot! */
#middle h5 {
	background: #fff;
	padding: 5px 0;
	/*margin: 12px 0 0 0;*/
	margin: 0 0 0 0;
	float: left;
	font-size: 1.4em;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #666666;
	width: 100%;
}
#middle ul, #middle .article, #middle .articlebymonth {
	float: left;
	width: 100%;
	background: #fff;
	padding: 5px 0 10px 0;
	margin: 0;
	font-size: 11px;
}
#middle ul li {
	margin: 0;
	list-style: none;
	margin-bottom: 0.5em;
}
#middle ul li a, #middle .article .title {
	/*
			color: #d26301;
			
			*/
			color: #e58a14;
}
#middle .article {
	padding-top: 8px;
 
}
#middle .article p {
	margin: 0;
}
#middle .article p.title {
	color: #333;
}
#middle .building-process {
	padding-top: 3px;
 	
	margin-bottom: 13px;

}
#middle .building-process-short {
 	height:184px;
	margin-bottom: 13px;
	background: transparent url(/images/building-process/building-process-bg.jpg) no-repeat;
}
#middle .building-process-short div{
  padding: 100px 15px 10px 15px;
	 
		color:#fff;
}
#middle .building-process div{
	padding: 12px 15px 10px 15px;
		background-color:#000;
		color:#ccc;
}

#middle .building-process p{
	padding: 6px 6px 0 6px;
		background-color:#000;
}


#middle .building-process p, #middle .building-process div{
	
}

#middle .articlebymonth {
	margin-bottom: 4px;
}
#middle .articlebymonth p {
	margin-bottom:13px;
	font-size:12px;
}
#middle div.dot_spacer {
	width:100%;
	height:1px;
	margin:5px 0 5px 0;
	background: transparent url(/images/border-dotted.png);
}
/* =6d: right bar tools */
#prizeDraw {
	line-height:normal;
	/*background:transparent url(/images/pnl-monthly-prize-draw.png) top left no-repeat;*/
 width:190px;
	padding:0;
}
#prizeDraw p {
	margin:0;
	line-height:15px;
}
.tools {
	float: left;
	background: #666666;
	width: 165px;
	color: #EEEEEE;
	margin-bottom: 20px;
	padding: 13px 8px 8px 8px;
}
.tools h5 {
	font-size: 1.4em;
	color: #eee;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.tools li {
	font-size: 1.2em;
	margin: 0;
	list-style: none;
	padding: 3px 0 3px 0;
	background: transparent url(/images/border-dotted.png) repeat-x top;
}
.tools li a {
	color: #eee;
	padding: 2px 0 2px 15px;
}
.tools li.calculators a {
	background: url(/images/icon-calculator.png) no-repeat 0 50%;
}
.tools li.checklist a {
	background: url(/images/icon-list.png) no-repeat 2px 50%;
}
.tools li.contact a {
	background: url(/images/icon-contact.png) no-repeat 0 50%;
}
/* =6e: ads */
.ad {
	margin-bottom: 20px;
	text-align: right;
}
/* =6f: forms */
.theForm fieldset {
	margin-bottom: 20px;
}
.theForm legend {
	float: left;
	width: 100%;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #666666;
}
.theForm ol {
	float: left;
	width: 100%;
	background: transparent url(/images/border-dotted.png) repeat-x top;
}
.theForm ol li {
	float: left;
	width: 100%;
	padding: 10px 0;
	margin: 0;
	list-style: none;
	background: transparent url(/images/border-dotted.png) repeat-x bottom;
}
.theForm ol li label, .theForm ol li .label {
	float: left;
	width: 180px;
	margin-right: 10px;
}
.theForm ol li input, .theForm ol li textarea, .theForm ol li select {
	float: left;
	width: 250px;
	padding: 3px;
	border: 1px solid #ccc;
}
.theForm ol li input:focus, .theForm ol li textarea:focus {
	border: 1px solid #999;
}
.theForm ol li .radio, .theForm ol li .checkbox, .theForm ol li .button {
	border: 0;
	width: auto;
	height: auto;
	padding: 0;
}
.theForm ol li.option label {
	width: 400px;
	float: left;
}
.theForm div.button {
	float: left;
	margin-left: 180px;
}
.theForm ol li td.body {
	font-size:1em;
}
.theForm .medium {
	width:217px;
	padding:0;
}

.theForm ol li label.short, .theForm ol li .label.short {
	float: left;
	width: 90px;
	margin-right: 10px;
}

.theForm ol li.plain {
	float: left;
	width: 100%;
	padding: 3px 0;
	margin: 0;
	list-style: none;
	background: none;
}

.theForm ol.plain {
	float: left;
	width: 100%;
	background: none;
	margin-top:5px;
}
 


/* =7: Page related styles ------------------------------------------------------------------------- */
/* =7a: home page */
#home-page #feature_index {
	float: left;
	width: 711px;
	height: 175px;
	position: relative;
	/*margin-bottom: 20px;
	background: url(/images/competition/index_header.jpg) no-repeat bottom;*/
	/*background: url(/images/index-header.jpg) no-repeat bottom;
	background: url(/images/index-refix-header.jpg) no-repeat bottom;*/
}
#home-page #feature {
	float: left;
	width: 711px;
	height: 256px;
	display: inline;
	position: relative;
	 
}
#home-page #feature h1, #home-page #feature .how, #home-page #feature .about, #win-about-page #feature h1, #home-page #sub_feature a.poll {
	text-indent: -9999em;
}
#win-about-page #feature h1 {
	float: left;
	width: 711px;
	height: 81px;
	background: url(/images/feature-h1.jpg) no-repeat;
}
#home-page #feature .about {
	float: left;
	width: 210px;
	height: 38px;
	margin-left: 20px;
	margin-top: 210px;
}
#home-page #feature .how {
	float: left;
	width: 183px;
	height: 38px;
	margin-left: 20px;
	margin-top: 210px;
}
#home-page #feature .about {
	margin-left: 30px;
}
#home-page #feature a.top {
	margin-left: 20px;
	height: 38px;
	width:100%;
}
#home-page #sub_feature a.poll {
	height:107px;
*/  width:223px;
	position:absolute;
	left:0pt;
	top:103px;
	width:223px;
	border:1px solid;
}
#home-page #categories {
	float: left;
	margin: 0 0 20px 0;
	width: 711px;
	background: #ffa430 url(/images/cat-home-bg.jpg) no-repeat;
	font-size: 1.1em;
	overflow: hidden;
	color: #fff;
}
#home-page #categories h2 {
	float: left;
	width: 100%;
	display: inline;
	height: 14px;
	margin: 14px 0 4px 14px;
	text-indent: -9999em;
	background: url(/images/cat-home-h2.png) no-repeat;
}
#sub_feature {
	clear:both;
	position:relative;
	top:-20px;
	background-color:#FFFFFF;
}
body:first-of-type #sub_feature {
	background-color:#EFD703;
	height:177px;
}
#sub_feature p {
	font-size:1.1em;
}
div.sub_feature_right {
	float:right;
	width:325px;
	height:255px;
	background-color:#efd703;
	margin-right:-11px;
	padding:15px;
}
div.sub_feature_left {
	width:325px;
	background-color:#f58522;
	padding:15px;
}
div.win_feature_right {
	float:right;
	width:286px;
	height:190px;
	margin-right:-11px;
	padding:0px;
}
div.win_feature_left {
	width:395px;
	background-color:#efd703;
	padding:15px;
}
div.countdown {
	position:absolute;
	top:65px;
	left:235px;
	width:34px;
	background-color:#909090;
	font-size:35px;
	color:#2B2B2B;
	/*font-family:"Times New Roman", Times, serif;
		font-family:    Tahoma, "Times New Roman";*/
		font-weight:bold;
	text-align:right;
}
img.seperator {
	margin-top:0px;
	position:relative;
	top:-10px;
}
#home-page #categories p {
	margin: 0 14px;
}
#home-page #categories ul {
	margin: 5px 0 0 6px;
}
#home-page #categories li {
	float: left;
	margin: 0;
	list-style: none;
	position: relative;
	display: inline;
}
#home-page #categories li a {
	float: left;
	height: 69px;
	display: inline;
	text-indent: -9999em;
	position: relative;
}
#home-page #categories li.doing a {
	background: url(/images/home-cat-doing.jpg) no-repeat;
	width: 115px;
}
#home-page #categories li.doing a:hover, #home-page #categories li.doing a.on {
	background: url(/images/home-cat-doing-on.gif) no-repeat;
}
#home-page #categories li.finding a {
	background: url(/images/home-cat-finding.jpg) no-repeat;
	width: 114px;
}
#home-page #categories li.finding a:hover, #home-page #categories li.finding a.on {
	background: url(/images/home-cat-finding-on.gif) no-repeat;
}
#home-page #categories li.buying a {
	background: url(/images/home-cat-buying.jpg) no-repeat;
	width: 113px;
}
#home-page #categories li.buying a:hover, #home-page #categories li.buying a.ong {
	background: url(/images/home-cat-buying-on.gif) no-repeat;
}
#home-page #categories li.investing a {
	background: url(/images/home-cat-investing.jpg) no-repeat;
	width: 114px;
}
#home-page #categories li.investing a:hover, #home-page #categories li.investing a.ong {
	background: url(/images/home-cat-investing-on.gif) no-repeat;
}
#home-page #categories li.building a {
	background: url(/images/home-cat-building.jpg) no-repeat;
	width: 114px;
}
#home-page #categories li.building a:hover, #home-page #categories li.building a.on {
	background: url(/images/home-cat-building-on.gif) no-repeat;
}
#home-page #categories li.selling a {
	background: url(/images/home-cat-selling.jpg) no-repeat;
	width: 129px;
}
#home-page #categories li.selling a:hover, #home-page #categories li.selling a.on {
	background: url(/images/home-cat-selling-on.gif) no-repeat;
}
/* =7b: news page */
#news-page h1 {
	font: 1.9em Georgia, Times, serif;
	color: #666666;
	margin-bottom: 0.5em;
}
#news-page #title {
	padding-bottom: 5px;
	background: url(/images/bg-page-title.png) no-repeat bottom;
	margin-bottom: 20px;
}
#news-page #title p {
	font-size: 1.4em;
}
/* =7c: essentials page */
#essentials-page #categories {
	float: left;
	width: 100%;
	background: url(/images/bg-cat.png) no-repeat bottom;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#essentials-page #categories ul {
	float: left;
	width: 100%;
}
#essentials-page #categories li {
	float: left;
	list-style: none;
	margin: 0;
}
#essentials-page #categories li a {
	float: left;
	width: 115px;
	height: 41px;
	text-indent: -9999em;
	border-bottom: 5px solid #fff;
}
#essentials-page #categories li a:hover {
	border-color: #c7b299;
}
#essentials-page #categories li.doing a {
	background: url(/images/cat-doing.png) no-repeat;
}
#essentials-page #categories li.doing a.on {
	background: url(/images/cat-doing-on.png) no-repeat;
}
#essentials-page #categories li.finding a {
	background: url(/images/cat-finding.png) no-repeat;
}
#essentials-page #categories li.finding a.on {
	background: url(/images/cat-finding-on.png) no-repeat;
}
#essentials-page #categories li.buying a {
	background: url(/images/cat-buying.png) no-repeat;
}
#essentials-page #categories li.buying a.on {
	background: url(/images/cat-buying-on.png) no-repeat;
}
#essentials-page #categories li.investing a {
	background: url(/images/cat-investing.png) no-repeat;
}
#essentials-page #categories li.investing a.on {
	background: url(/images/cat-investing-on.png) no-repeat;
}
#essentials-page #categories li.building a {
	background: url(/images/cat-building.png) no-repeat;
}
#essentials-page #categories li.building a.on {
	background: url(/images/cat-building-on.png) no-repeat;
}
#essentials-page #categories li.selling a {
	background: url(/images/cat-selling.png) no-repeat;
}
#essentials-page #categories li.selling a.on {
	background: url(/images/cat-selling-on.png) no-repeat;
}
#essentials-page #categories li.doing a.on,  #essentials-page #categories li.finding a.on,  #essentials-page #categories li.buying a.on,  #essentials-page #categories li.investing a.on,  #essentials-page #categories li.building a.on,  #essentials-page #categories li.selling a.on {
	/*			border-color: #d26301;*/
			
			border-color: #e58a14;
}
#essentials-page .cat {
	float: right;
	width: 440px;
	font-size: 1.2em;
	margin-bottom: 20px;
}
#essentials-page .inner_cat {
	float: right;
	width:290px;
	min-height:70px;
}
#essentials-page .cat .doing,  #essentials-page .cat .finding,  #essentials-page .cat .buying,  #essentials-page .cat .investing,  #essentials-page .cat .building,  #essentials-page .cat .selling {
	float: left;
	width: 136px;
	height: 70px;
	margin-right: 10px;
	text-indent: -9999em;
}
#essentials-page .cat .doing {
	background: url(/images/cat-doing-large.png) no-repeat;
}
#essentials-page .cat .doing:hover {
	background: url(/images/cat-doing-large-on.png) no-repeat;
}
#essentials-page .cat .finding {
	background: url(/images/cat-finding-large.png) no-repeat;
}
#essentials-page .cat .finding:hover {
	background: url(/images/cat-finding-large-on.png) no-repeat;
}
#essentials-page .cat .buying {
	background: url(/images/cat-buying-large.png) no-repeat;
}
#essentials-page .cat .buying:hover {
	background: url(/images/cat-buying-large-on.png) no-repeat;
}
#essentials-page .cat .investing {
	background: url(/images/cat-investing-large.png) no-repeat;
}
#essentials-page .cat .investing:hover {
	background: url(/images/cat-investing-large-on.png) no-repeat;
}
#essentials-page .cat .building {
	background: url(/images/cat-building-large.png) no-repeat;
}
#essentials-page .cat .building:hover {
	background: url(/images/cat-building-large-on.png) no-repeat;
}
#essentials-page .cat .selling {
	background: url(/images/cat-selling-large.png) no-repeat;
}
#essentials-page .cat .selling:hover {
	background: url(/images/cat-selling-large-on.png) no-repeat;
}
#essentials-page .cat .desc {
	float: right;
	width: 290px;
}
/* =8: Useful tools page */
#usefultools-page #categories {
	float: left;
	width: 100%;
	background: url(/images/bg-cat.png) no-repeat bottom;
	padding-bottom: 10px;
}
#usefultools-page .body h1 {
	-x-system-font:none;
	color:#333333;
	font-family:Georgia, Times, serif;
	font-size:1.5em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-bottom:0.5em;
}
#usefultools-page .body p {
	font-size: 1.1em;
}
#usefultools-page .toolbox {
	padding-bottom:20px;
}
#usefultools-page .dots {
	float: left;
	display: inline;
	position: relative;
	width: 8px;
	height: 100px;
	margin-right:8px;
	margin-left:10px;
	margin-top:3px;
	background: #FFFFFF url(/images/bg-middle.png) repeat-y scroll right center;
	font-family: Georgia, Times, serif;
	color: #603913;
	text-align:center;
}
#usefultools-page .backlink {
	margin-bottom:10px;
}
#usefultools-page #content-calc {
	width: 710px;
	padding-left:30px;
}


/* 9 Building Process */

#home-page .title2, #building-process-photo-page .title2
{
	background: #FFFFFF url(/images/building-process/title-bg.png) repeat-x;
	height:52px;
	width:691px;
 	font-size:1.4em;
	padding-left:20px;
	padding-top:15px;
	margin-top:-10px;
	
}

 
#building-process-photo-page #content
{
	width:711px;
	padding-left:20px;
	background-color:#fff;
}
#building-process-photo-page #content td
{
	font-size:1.2em;
}

#building-process-video-page .title
{
	background: #FFFFFF url(/images/building-process/title-bg.png) repeat-x;
	height:52px;
	width:691px;
 	font-size:1.4em;
	padding-left:20px;
	padding-top:15px;
	margin-top:-10px;
	
}

 
#building-process-video-page #content
{
	width:711px;
	padding-left:20px;
	background-color:#fff;
}
#building-process-video-page #content td
{
	font-size:1.2em;
}

 /* 10 Refix */

#essentials-page #refixheader {
	width: 913px;
	height:422px;
	background: #FFFFFF url(/images/refix-calc_header.jpg) repeat-x;
}

#essentials-page .refixtext {
	color: #FFFFFF;
	font-size:15px;
	width:310px;
	padding-top:140px;
	padding-left:22px;
}

#essentials-page  #content-bg {
	width: 100%;
	overflow: hidden;
	background: #fff ;
}

#essentials-page #middle2 { 
float:right;
overflow:hidden;
width:360px;
}
#essentials-page .keepmeupdate {
	background: #FFFFFF url(/images/keep-me-updated.jpg) no-repeat;	
	height:302px;
	padding-top:40px;
	padding-left:16px;
	padding-right:20px;
	font-size:12px;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

/*-------------- Category All (Essentials tab) -------- */
#essentials-page .article-categories {
	background: url(/images/category-all_header.jpg) no-repeat bottom;
	width:711px;
	height:141px;
 	font-size:12px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin-bottom:10px;
}
#essentials-page .article-categories .intro {
    float:left;
    width:390px;
    padding-left:18px;
    padding-top:12px;
    color:#FFF;
    
}

#essentials-page .article-categories .intro-cat {
	float:right;
    padding-top:45px;
    width:276px;
}

#essentials-page .article-categories .intro-cat .title{
	font-family: Georgia,"Trebuchet MS", Arial, sans-serif;
	color:#666666;
	font-size:11px;
	margin-top:-20px;
	margin-bottom:7px;
}
#essentials-page .article-categories .intro-cat .intro-cat_left{
     text-align:left;
     float:left;
     width:135px;
}

#essentials-page .article-categories .intro-cat .intro-cat_right{
     text-align:left;
     float:right;
     padding-right:5px;
     width:135px;
}
/*-----------------------------------*/

.theForm td.body input {
	border:none;
	width:25px;
}
.theForm span.checkbox input {
	border:none;
	width:25px;
}
.theForm .area {
	width:50px;
	margin-right:2px;
}
.theForm .mobile {
	width:198px;
	margin-top:0px;
	height:20px;
}
.theForm .mobile {
	width:198px;
	margin-top:-16px;
	height:20px;
}
.theForm .phone {
	width:190px;
	margin-top:-17px;
}
.errorMessageBG img {
	display:none;
}
div.xhtmlError {
	background-color:#E58A14;
	padding:5px 5px 1px 5px;
}
body#register-response #contentGroup.body {
	height:600px;
}
#prizeDrawButton {
	float:left;
}
#hdMonthlyDraw {
	margin:11px 0;
}
#regSeparator {
	float:left;
	clear:left;
}
.loginChoice {
	margin-left:185px;
}
#pollPanel {
	position:absolute;
	right:0;
	top:103px;
	width:227px;
	background:url(/images/poll/poll-pnl-bg.png) bottom left no-repeat;
	padding-bottom:10px;
}
#pollPanel div {
	font:11px "Trebuchet MS", Arial, sans-serif;
	color:#FFFFFF;
	text-align:center;
}
#pollPanel div a, #pollPanel div a:visited, #pollPanel div a:hover, #pollPanel div a:active {
	color:#FFFFFF;
	text-decoration:underline;
}
#pollPanel div small {
	font-size:10px;
}
.xhtmlError a {
	color: #333;
	text-decoration: underline;
}