body { 
	margin: 0;
	background: url(../images/bg.gif) repeat-x;
	text-align: center;
	font-family: Verdana, Tahoma, Arial;
	font-size: 13px;
}

h1, h2, h3, h4, p { margin: 0; padding: 10px 0; }
h1 { font-size: 20px; font-weight: normal; color: #914100; }
h1.home { font-size: 16px; font-weight: bold; }
h2 { font-size: 18px; font-weight: normal; color: #914100; }
h3 { font-size: 14px; font-weight: bold; }
h5 { font-size: 11px; font-weight: bold; color: #914100; }
hr { color: #CCC; background: #CCC; border:0; height: 1px; margin: 10px 0; clear: both; }
p { line-height: 18px; text-align: justify; }
a { text-decoration: none; }
a:hover { color: #40991A; }
a.anchor { height: 1px; font-size: 0; }
img { border: 0; }
img.ad { margin: 0 0 0 10px; }
img.right { float: right; margin: 0 0 0 10px; }

.cb { clear: both; }
.right { text-align: right; }
.small { font-size: 11px; line-height: 14px; }
.medium { font-size: 14px; }
.no { display: none; }
.grey { color: #666; }
.red { color: #910000; }
.green { color: #326C22; }
.brown { color: #914100; }
.bronze { color: #BF5A0A; }
.silver { color: #959595; }
.gold { color: #C78304; }
.error { color: #910000; /*border: #DF8383 1px solid;*/ background: #F8DBDB; padding: 5px; text-align: center; font-size: 11px; }
.calc-status { width: 499px; height: 22px; padding: 38px 5px 5px 10px; background: #E2E2E2 url(../images/bg_calc_status.gif) no-repeat; border: #EEE 1px solid; }
.calc-status p { margin: 0; padding: 0; font-size: 11px; color: #BAD7EB; }
.calc-status p .on { color: #FFF; font-weight: bold; }
.price { text-align: right; }

.banner_holder { width: 632px; height: 271px; margin: 0 0 10px 0; }

ul.ticks { font-size: 11px; list-style: url(../images/tick.gif); }
ul.ticks li { padding: 2px 0 4px 0; }
ul.buy-options { list-style: none; margin: 0; padding: 0; }
ul.buy-options li { margin: 0; padding: 0; display: inline; }

#container {
	width: 940px;
	margin: 0 auto; padding: 0;
	text-align: left;
}

#header {
	width: 940px; height: 171px;
	margin: 0; padding: 0;
	background: url(../images/bg_header.gif) top right no-repeat;
	border-bottom: #FFF 10px solid;
}

#header a.logo {
	width: 230px; height: 72px;
	margin: 25px 0 35px 0; padding: 0;
	display: block; float: left;
	background: url(../images/costclick.gif) no-repeat;
}
#header a.logo span { display: none; }
#header ul.nav {
	width: 940px; height: 34px;
	margin: 0; padding: 0;
	clear: both;
	background: url(../images/bg_nav.gif) repeat-x;
	border-top: #41972A 4px solid; border-bottom: #E2E2E2 1px solid;
	list-style: none;
}
#header ul.nav li { margin: 0; padding: 0; display: inline; }
#header ul.nav li a {
	height: 15px;
	margin: 10px 0 0 0; padding: 0 10px 0 10px;
	display: block; float: left;
	color: #444;
	border-right: #CCC 1px solid;
	font-size: 11px;
}
#header ul.nav li a:hover { color: #40991A; }
#header ul.nav li a.end { border: 0; }

#sub_nav {
	width: 187px; height: 510px;
	margin: 0; padding: 0;
	float: left; clear: both;
	border-right: #EEE 1px solid;
}

#sub_nav ul { margin: 0 0 0 7px; padding: 0; list-style: none; }
#sub_nav ul li { margin: 0; padding: 5px 0; color: #444; font-size: 11px; }
#sub_nav ul li a { color: #444; font-size: 11px; }
#sub_nav ul li a:hover { color: #479D23; }
#sub_nav ul.subpages li { padding: 5px 3px; background: #FFF; border-bottom: #914100 1px solid; border-right: #914100 1px solid; border-left: #914100 1px solid; }
#sub_nav ul.subpages li a { color: #000; }
#sub_nav ul.subpages li a:hover { color: #00558F; }
#sub_nav ul.subpages li.subhead { background: #914100; color: #FFF; border: #914100 1px solid; }
#sub_nav ul.subpages li.subhead a { color: #FFF; }
#sub_nav ul.subpages li.subhead a:hover { color: #FFF; }

#content {
	width: 752px;
	margin: 0; padding: 0;
	float: left;
}

#content-home {
	width: 632px;
	margin: 0 10px 0 0; padding: 0;
	float: left;
}

#content-home a { color: #41972A; }
#content-home a:hover { color: #914100; }
#content-home h1 { font-size: 14px; }
#content-home p { font-size: 11px; line-height: 16px; margin: 0; padding: 7px 0; }

#content-home .text-holder { width: 422px; margin: 0 0 10px 0; padding: 10px; float: left; border-left: #E2E2E2 1px solid; }
#content-home .packages { width: 159px; margin: 0; padding: 10px; float: left; }
#content-home .packages h2 { font-size: 12px; font-weight: bold; }
#content-home .packages ul { margin: 0; padding: 4px 0 0 0; list-style: none; }
#content-home .packages ul li { margin: 0; padding: 0; display: block; clear: both; }
#content-home .packages ul li a {
	width: 159px; height: 61px;
	margin: 0 0 10px 0; padding: 0;
	display: block; clear: both;
}
#content-home .packages ul li a.bronze { background: url(../images/home/costclick-bronze.gif) no-repeat; }
#content-home .packages ul li a.silver { background: url(../images/home/costclick-silver.gif) no-repeat; }
#content-home .packages ul li a.gold { background: url(../images/home/costclick-gold.gif) no-repeat; }
#content-home .packages ul li a span { display: none; }

#content-home-right {
	width: 291px;
	margin: 0; padding: 0;
	float: left;
}

#content-home-right ul.user-options { margin: 0; padding: 0; list-style: none; }
#content-home-right ul.user-options li { margin: 0; padding: 0; display: block; clear: both; }
#content-home-right ul.user-options li a {
	width: 291px;
	margin: 10px 0 0 0; padding: 0;
	display: block; clear: both;
}
#content-home-right ul.user-options li a span { display: none; }
#content-home-right ul.user-options li a.register { background: url(../images/home/register.gif) no-repeat; height: 120px; }
#content-home-right ul.user-options li a.login { background: url(../images/home/login.gif) no-repeat; height: 121px; }

#content_left {
	width: 516px;
	margin: 0; padding: 0 0 0 20px;
	float: left;
}

#content_left a { color: #479D23; text-decoration: none; }
#content_left a:hover { color: #0276C9; text-decoration: none; }

#content_right {
	width: 216px;
	margin: 0; padding: 0;
	float: left;
}

#footer {
	width: 940px; height: 40px;
	margin: 0; padding: 10px 0;
	clear: both;
	color: #666;
	border-top: #919191 4px solid;
	font-size: 11px;
}
#footer .copyright { width: 211px; margin: 0; padding: 0 10px; display: block; float: right; text-align: right; }
#footer ul { margin: 0; padding: 0; float: left; list-style: none; }
#footer ul li { margin: 0; padding: 0; display: inline; }
#footer ul li a { margin: 0; padding: 0 10px; float: left; color: #666; border-right: #919191 1px solid; }
#footer ul li a.end { border: 0; }
#footer ul li a:hover { color: #479D23; }

.teaser { width: 228px; height: 126px; margin: 10px 10px 0 0; padding: 54px 5px 10px 5px; float: left; }
.teaser h2 { font-size: 18px; font-weight: normal; color: #034E7B; }
.teaser h2.green { color: #449B30; }
.teaser p { font-size: 11px; margin: 0; padding: 0; text-align: left; line-height: 14px; }
.teaser_second { margin: 10px 0 0 0; }

.clock {
	width: 206px; height: 26px;
	margin: 4px 0 0 10px; padding: 10px 0 0 0;
	background: #E5E5E5 url(../images/bg_clock.gif) no-repeat; color: #666;
	text-align: center;
	font-size: 17px; font-weight: bold;
	font-family: Arial, Sans Serif;
}
#news h4 { padding: 10px 0 10px 8px; float: left; color: #479D23; font-size: 13px; font-weight: bold; }
#news #tick2 {
	margin: 0; padding: 12px 8px 0 0;
	border: 0; background: none; color: #479D23;
	font-size: 11px; font-weight: bold;
	text-align: center;
	float: right;
}
#news p { clear: both; }

.ad1 {
	width: 206px; height: 221px;
	margin: 4px 0 0 10px; padding: 0;
	display: block; cursor: pointer;
	background: #E5E5E5 url(../images/identify-your-cost.jpg) no-repeat;
}
.ad2, .ad3 {
	width: 206px; height: 65px;
	padding: 0;
	display: block; cursor: pointer;
}
.ad2 { background: url(../images/consider.jpg) no-repeat; margin: 8px 0 0 10px; }
.ad3 { background: url(../images/builders.jpg) no-repeat; margin: 4px 0 4px 10px; }
.ad1 span, .ad2 span, .ad3 span { display: none; }

a.building_future {
	width: 206px; height: 134px;
	margin: 4px 0 0 10px; padding: 0;
	display: block; cursor: pointer;
	background: url(../images/building-for-the-future.jpg) no-repeat;
}
a.building_future span { display: none; }

.info_box {
	width: 196px;
	margin: 10px 0 10px 10px; padding: 0 5px 2px 5px;
	display: block;
	background: #E5E5E5 url(../images/bg_news.gif) repeat-x;
}
.info_box h4 { margin: 0; padding: 10px 0; color: #626262; text-align: center; font-size: 18px; font-weight: normal; }
.info_box p { margin: 0; padding: 5px 8px; font-size: 11px; color: #626262; text-align: left; }
.info_box p.news_date { margin: 0; padding: 0 8px; text-align: center; font-weight: bold; }
.info_box a { color: #034E7B; }

table.shares { width: 185px; margin: 0 0 0 5px; font-size: 11px; color: #6F6464; }
table.summary { border-collapse: collapse; }
table.summary th { color: #999; font-weight: normal; }
table.summary td { border: #EEE 1px solid; }
fieldset.no_height { height: auto; }
fieldset.contact_form {
	width: 237px; height: 256px;
	margin: 0; padding: 15px 15px 10px 10px;
	float: left; display: block;
	border: 0;
}
fieldset.contact_form dl{	margin: 0; padding: 0; }
fieldset.contact_form dl dt{
	width: 75px;
	margin: 5px 0; padding: 0 5px 0 0;
	clear: both;
	float: left; color: #000;
	font-size: 11px; text-align: right;
}
fieldset.contact_form dl dd{
	width: 156px;
	margin: 5px 0; padding: 0;
	float: left;
}
fieldset.contact_form h3 { margin: 5px 0 15px 0; color: #610000; }
input.field, textarea.field, select.field {
	width: 140px; padding: 2px;
	border: #AFAFAF 1px solid;
	font-family: Arial, Helvetica, Sans Serif;
	font-size: 11px;
}

select.field { border: #FFF 1px solid; }
textarea.field { height: 50px; }

fieldset.long_form { width: 437px; height: auto; }
fieldset.long_form dl dt { width: 140px; }
fieldset.long_form dl dt.sep { padding: 30px 5px 0 0; }
fieldset.long_form dl dd.sep { padding: 30px 0 0 0; }

fieldset.login_area { margin: 0; padding: 0 0 0 7px; border-top: #EEE 1px solid; border-right: 0; border-bottom: 0; border-left: 0; font-size: 10px; }
fieldset.login_area dl { margin: 0; padding: 0; }
fieldset.login_area dl dt, fieldset.login_area dl dd {
	margin: 0; padding: 2px 0;
	clear: both;
}
fieldset.login_area dl dd input.field { border: #AFAFAF 1px solid; }
fieldset.login_area dl dd input#submit { font-size: 11px; cursor: pointer; }
fieldset.login_area h3 { color: #0578CA; font-size: 11px; font-weight: bold; }
fieldset.login_area p { margin: 0; padding: 0 0 10px 0; font-size: 10px; line-height: 12px; }

.contact_details, .contact_details a { color: #000; font-size: 12px; }
img.cards { display: block; margin: 0 0 0 20px; }

.login_box {
	width: 230px;
	margin: 0; padding: 0 10px;
	float: left;
	font-size: 11px;
}
.login_box_other { border-left: #EEE 1px solid; }
.login_box  h2 { color: #0578CA; }
.login_box fieldset { margin: 0; padding: 0; border: 0; }
.login_box fieldset dl { margin: 0; padding: 0; }
.login_box fieldset dl dt, .login_box fieldset dl dd { margin: 0; padding: 3px 0; float: left; }
.login_box fieldset dl dt { width: 66px; clear: both; }
.login_box fieldset dl dd { width: 133px; }
.login_box fieldset dl dd input#submit { cursor: pointer; }

#questionaire	{ display:none; width:500px; padding:30px 30px 0 }
.content #questionaire	{ display:block }
#questionaire .logo	{ float:right }
#questionaire li	{ float:left; display:block; width:50% }
#questionaire .cb	{ clear:both; display:block; }
#questionaire input, #questionaire textarea, #questionaire label	{ width:15em; display:block; margin:0 0 1em; line-height:1.3em }
#questionaire label	{ margin:0;width:100%;  }
#questionaire .radio label	{ float:left; clear:none; width:auto; margin:0 1em 2em 0 }
#questionaire .radio input	{ width:1.3em; float:left; margin:0 0.3em 2em 0 }
#questionaire .short input	{ width:6em }
#questionaire a { color: #479D23; }
#questionaire a:hover { color: #914100; }