/*  
Guardian Dept Management Ltd
URL: http://www.guardianfg.com
Author: Doug Banks - Fresh Egg
Author URL: http://www.freshegg.com/
*/

/*GLOBAL*/
* {padding:0; margin:0;}
	
body {
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
	text-align:justify;
}
img {
	border:none;
}
a {
	text-decoration:none;
	color:#10489D;
}
a:hover{
	text-decoration:underline;
}
h2, h3, h4, h5, h6	{
	font:16px bold Arial, Helvetica, sans-serif;
	color:#10489D;	
	padding:20px 0 0 0;
	text-align:left;
}
p{
	padding:0 0 10px;
}
hr {
	margin:20px 0;
}
#content p{
	padding:20px 10px 0 10px;
}
fieldset {
	border:none;
}
input, textarea, select{
	font:12px Arial,Helvetica,sans-serif;	
	color:#333;
	padding:2px 2px 2px 5px;
	border:solid 1px #999;
	margin:3px 0 5px 0;
}
select{
	padding:2px 2px 2px 0 !important;
}
option{
	padding:0 10px 0 0;
}
input.submit{
	border:none;
}
.error{
	color:#FF0000;
}
.pageTop{
	height:22px;
	width:60px;
	background:url(../graphics/top.gif) no-repeat 0 0;
	padding:10px 0 0 25px;
	display:block;
}

/*STRUCTURE*/
#container{
	margin:0 auto; 
	width:900px;
}
#internalContainer {
	width:900px;
	float:left;
	background:url(../graphics/internalBG.gif) no-repeat left bottom;
	border-top:1px solid #fff;
}
#content {
	width:660px;
	float:left;
	padding:15px 0 30px 30px;
}
/*HEADER*/
#header{
	width:900px;
	height:150px;
	float:left;
}
#header .call {
	width:204px;
	height:106px;
	float:left;
}
#header .logo {
	width:251px;
	height:106px;
	float:left;
	margin:0 50px 0 0;
}
#header .banner {
	width:258px;
	height:77px;
	float:left;
	padding:20px 90px 0 35px;
}
#homepadding{
	width:890px;
	padding:10px 0 0 10px;
}
/*TOP NAVIGATION*/
#nav{
	margin-top:5px;
	height:38px;
	float:left;
	border-bottom:1px solid #124ca3;
}
#subNav{
	height:38px;
	float:left;
	border-bottom:1px solid #124ca3;
	width:900px;
	background: url(../graphics/navBG.gif) repeat-x;
}
#nav ul,
#subNav ul{
	list-style:none;
}
#nav li,
#subNav li{
	text-indent:-9999px;
	background-position:0 0;
	float:left;
	display:block;
	overflow:hidden;
}
#nav li a,
#subNav li a{
	display:block;
	height:37px;
	margin:0 2px 0 0;
}
#nav li a.last{
	margin:0px;
}
#nav li a.home {
	background: url(../graphics/home-nav.gif) no-repeat 0 -50px;
	width:66px;	
}
#subNav li a.home{
	background: url(../graphics/home-subnav.gif) no-repeat 0 -50px;
	width:66px;	
}
#subNav li.user{
	float:right;
	padding:10px 20px 0 0;
	text-indent:0;
	overflow:visible;
	color:#fff;
	font-weight:bold;
}
#subNav li.user span{
	font-size:14px;
}
#nav li a.arNav {
	background: url(../graphics/ar-nav.gif) no-repeat 0 -50px;
	width:194px;
}
#nav li a.busO {
	background: url(../graphics/bo-nav.gif) no-repeat 0 -50px;
	width:174px;
}
#nav li a.brokers {
	background: url(../graphics/mortgage-broker-nav.gif) no-repeat 0 -50px;
	width:182px;
}
#nav li a.consumer {
	background: url(../graphics/mop-nav.gif) no-repeat 0 -50px;
	width:173px;
}
#nav li a.blog {
	background: url(../graphics/blog-nav.gif) no-repeat 0 -50px;
	width:98px;
}
#nav li.blog {
	background: url(../graphics/blog-nav-hidden.gif) no-repeat 0 -50px;
	width:98px;
	display:block;
	height:37px;
}
#nav li a:hover,
#subNav li a:hover{
	background-position: 0 0;
}
/*LEFTNAV*/
#leftNav {
	width:168px;
	float:left;
	padding:15px 0 200px 0;
}
#leftNav ul{
	list-style:none;
}
#leftNav li a{
	display:block;
	width:160px;
	height:26px;
	background: url(../graphics/left-nav-BG.gif) no-repeat 0 -37px;
	padding:11px 0 0 8px;
	color:#fff;
	font-weight:bold;
	white-space:nowrap;
}
#leftNav li a.dead{
	background: url(../graphics/left-nav-BG-Off.gif) no-repeat 0 -37px;
}
#leftNav li a.first{
	background: url(../graphics/left-nav-BG-top.gif) no-repeat 0 -37px;
}
#leftNav li a.last{
	background: url(../graphics/left-nav-BG-bottom.gif) no-repeat 0 -37px;
}
/*#leftNav  li a:hover,
#leftNav  li a.active
*/
#leftNav  li a:hover,
.But1 #leftNav li a.but1,
.But2 #leftNav li a.but2,
.But3 #leftNav li a.but3,
.But4 #leftNav li a.but4,
.But5 #leftNav li a.but5,
.But6 #leftNav li a.but6,
.But7 #leftNav li a.but7,
.But8 #leftNav li a.but8,
.But9 #leftNav li a.but9{
	background-position: 0 0;
	text-decoration:none;
	color:#333333;
}
#leftNav li a.dead:hover{
	text-decoration:none;
	color:#fff;
}
/*TWO COLUMN LAYOUT*/
.leftColumn{
	width:300px;
	float:left;
	margin:20px 40px 0 0;
}
.rightColumn{
	width:300px;
	margin:20px 0 0 0;
	float:left;
}

/*HOMEPAGE*/
.ar{
	background:url(../graphics/arBack.jpg) no-repeat;
	width:443px;
	height:220px;
	float:left;
}
.bo{
	background:url(../graphics/boBack.gif) no-repeat;
	width:443px;
	height:220px;
	float:left;
}
.rb{
	background:url(../graphics/rbBack.jpg) no-repeat;
	width:435px;
	height:220px;
	float:left;
}
.mop{
	background:url(../graphics/mopBack.jpg) no-repeat;
	width:435px;
	height:220px;
	float:left;
}
.blurb{
	width:220px;
	height:140px;
	padding:60px 0 0 23px;
	position:relative;
}
.blurb p{
	font-size:12px;
	text-align:left;
	padding:0 0 10px 15px;
	background:url(../graphics/plus.gif) no-repeat 0 2px;
}
.blurb.nopadd p{
	padding-bottom:0;
	}
.blurb img{
	position:absolute;
	left:15px;
	bottom:0;
}
a.homelink {	
	color:#333;
	text-decoration:none;
	}
	a:hover.homelink {	
	color:#333;
	text-decoration:underline;
	}
/*LOGIN*/
#login {
	position:relative;
	margin:20px 0 0 140px;
	width:395px;
	background:url(../graphics/login-BG.gif) repeat-y;
}
#login p{
	padding:10px 50px;
}	
#login .content {
	text-align:center;
	background:url(../graphics/login-bottom.gif) no-repeat left bottom;
}
#login form.login input.login{
	width:155px;
	height:30px;
	text-indent:-9999px;
	margin:10px 0 20px 0;
	background:url(../graphics/login-submit.gif) no-repeat 0 -30px;
	cursor:pointer;
	overflow:hidden;
}
#login form.login input.reminder{
	width:155px;
	height:30px;
	text-indent:-9999px;
	margin:10px 0 30px 0;
	background:url(../graphics/retrieve-details.gif) no-repeat 0 -30px;
	cursor:pointer;
	overflow:hidden;
}
#login form.login input.reminder:hover,
#login form.login input.login:hover{
	background-position:0 0;
}
div.slide{
	padding:0 0 20px 0;
	}
.panel-closed {
	display:none;
}
.panel-up{
}
/*DOWNLOADS*/
ul.downloads{
	list-style:none;

}
ul.downloads li{
	float:left;
}
ul.downloads li.right{
	padding:0 0 16px 16px;
}

ul.downloads li img{
	display:block;
	border:1px solid #666;
	padding:5px;
}
ul.downloads li a:hover img{
	border:1px solid #C1D938;
}
/*HEADINGS*/
#content h1{
	width:660px;
	height:0;
	padding:41px 0 0 0;
	overflow:hidden;
}
#content h1.downloads {
	background:url(../graphics/stationery-header.gif) no-repeat;
}
#content h1.marketing {
	background:url(../graphics/marketing-header.gif) no-repeat;
}
#content h1.AR {
	background:url(../graphics/AR-header.gif) no-repeat;
}
#content h1.GC {
	background:url(../graphics/GC-header.gif) no-repeat;
}
#content h1.GCDepth {
	background:url(../graphics/GCDepth-header.gif) no-repeat;
}
#content h1.GCContact {
	background:url(../graphics/GCContact-header.gif) no-repeat;
}
#content h1.GCSubmit {
	background:url(../graphics/GCSubmit-header.gif) no-repeat;
}
#content h1.GCStudies {
	background:url(../graphics/GCStudies-header.gif) no-repeat;
}
#content h1.GCCommission {
	background:url(../graphics/gc-commission.gif) no-repeat;
}
#content h1.FAQ {
	background:url(../graphics/faq-header.gif) no-repeat;
}
#content h1.MB {
	background:url(../graphics/MB-header.gif) no-repeat;
}
#content h1.BO {
	background:url(../graphics/BO-header.gif) no-repeat;
}
#content h1.PS {
	background:url(../graphics/PS-header.gif) no-repeat;
}
#content h1.MOB {
	background:url(../graphics/MOB-header.gif) no-repeat;
}
#content h1.contact {
	background: url(../graphics/contact-header.gif) no-repeat;
}
#content h1.logged-in {
	background:url(../graphics/logged-in-header.gif) no-repeat;
}
#content h1.sitemap {
	background:url(../graphics/sitemap-header.gif) no-repeat;
}
#content h1.leadsReturn {
	background:url(../graphics/ar-leads-return-header.gif) no-repeat;
}
#content h1.about {
	background:url(../graphics/ar-about-header.gif) no-repeat;
}
#content h1.business {
	background:url(../graphics/ar-business-header.gif) no-repeat;
}
#content h1.register {
	background:url(../graphics/register-header.gif) no-repeat;
}
#content h1.order {
	background: url(../graphics/order-header.gif) no-repeat;
}
#content h1.mb-referral1 {
	/*background: url(../graphics/mb-referral1-header.gif) no-repeat;*/
	background: url(../graphics/mb-referral1-header-new.gif) no-repeat;
}
#content h1.mb-referral2 {
	background: url(../graphics/mb-referral2-header.gif) no-repeat;
}
#content h1.mb-referral3 {
	background: url(../graphics/mb-referral3-header.gif) no-repeat;
}
/*LISTS*/
ul.tickLi,
ul.cross{
	margin:20px 0 0 30px;
	width:320px;
}
ul.tickLi2{
	margin:40px 0 0 0;
}
ul.tickLi li,
ul.tickLi2 li  {
	background:url(../graphics/tick.gif) no-repeat 0 3px;
	list-style:none;
	padding:8px 0 8px 35px;
	width:320px;
}
ul.cross {
	background:url(../graphics/cross.gif) no-repeat 0 3px;
	list-style:none;
	padding:8px 0 8px 35px;
}
ul.tickLi li ul{
	margin:10px 0 0 15px;
}
ul.tickLi li  ul li {
	background:none;
	padding:14px 0 0 5px;
	list-style:disc  !important;
	}
ul.tickLi li a,
ul.tickLi2 li a {
	color:#4c4c4c;
}
/*MOP*/
div.imageHolder{
	width:660px;
	height:200px;
}
div.imageHolder a{
	display:block;
	float:left;
	height:200px;
	cursor:pointer;
}
div.imageHolder a.pic1{
	width:168px;
	background:url(../graphics/pic1.jpg) no-repeat 0 0;
}
div.imageHolder a.hover1{
	width:168px;
	background:url(../graphics/pic1.jpg) no-repeat 0 -187px;

}
div.imageHolder a.pic2{
	width:160px;
	background:url(../graphics/pic2.jpg) no-repeat 0 0;
}
div.imageHolder a.hover2{
	width:160px;
	background:url(../graphics/pic2.jpg) no-repeat 0 -187px;
}
div.imageHolder a.pic3{
	width:167px;
	background:url(../graphics/pic3.jpg) no-repeat 0 0;
}
div.imageHolder a.hover3{
	width:167px;
	background:url(../graphics/pic3.jpg) no-repeat 0 -187px;
}
div.imageHolder a.pic4{
	width:165px;
	background:url(../graphics/pic4.jpg) no-repeat 0 0;
}
div.imageHolder a.hover4{
	width:165px;
	background:url(../graphics/pic4.jpg) no-repeat 0 -187px;
}
div.imageHolder a:hover{
	background-position:0 -187px;
}
/*BUSINESS OPP*/
div#div1 {
	background:url(../graphics/faq-section1.gif) no-repeat;
	cursor:pointer;
}
div#div1 p{
	padding:5px 0 0 10px;
	font-weight:bold;
}
.boForecast{
	width:400px;
	text-align:center;
	padding:20px 0 0 0;
	margin:0 auto;
}
.boForecast h2.boheader{
	background:url(../graphics/income-header.gif) no-repeat 50% 0;
	text-indent:-9999px;
	overflow:hidden;
}
/*ABOUT US*/
#aboutPic1{
	width:225px;
	height:225px;
	float:left;
	margin:0;
	padding:20px 0 20px 65px!important;
}
#aboutPic2{
	width:225px;
	height:225px;
	float:left;
	margin:0;
	padding:20px 0 20px 65px!important;
}
#aboutPic1 a{
	width:225px;
	height:0;
	padding:225px 0 0 0;
	background:url(../graphics/aboutPic1.jpg) no-repeat 0 -220px;
	display:block;
	overflow:hidden;
}
#aboutPic1 a:hover{
	background:url(../graphics/aboutPic1.jpg) no-repeat 0 11px;
}
#aboutPic1.panel-down a{
	background:url(../graphics/aboutPic1active.jpg) no-repeat 0 -220px;
}
#aboutPic1.panel-down a:hover{
	background:url(../graphics/aboutPic1active.jpg) no-repeat 0 11px;
}
#aboutPic2 a{
	width:225px;
	height:0;
	padding:225px 0 0 0;
	background:url(../graphics/aboutPic2.jpg) no-repeat 0 -220px;
	display:block;
	overflow:hidden;
}
#aboutPic2 a:hover{
	background:url(../graphics/aboutPic2.jpg) no-repeat 0 11px;
}
#aboutPic2.panel-down a{
	background:url(../graphics/aboutPic2active.jpg) no-repeat 0 -220px;
}
#aboutPic2.panel-down a:hover{
	background:url(../graphics/aboutPic2active.jpg) no-repeat 0 11px;
}
#test {
	width:100%;
	float:left;
	clear:both;
}	
#comment1,
#comment2 {
	width:590px;
	height:113px;
	margin:0;
	padding:0 0 10px 30px;
	float:left;
	background:url(../graphics/commentBG.jpg) no-repeat 30px 0;
	clear:both;
}
#comment1 p,
#comment2 p {
	padding:20px;
}
#comment1 p.signiture,
#comment2 p.signiture {
	font-weight:bold;
	padding:0 0 0 60px;
}
/*REGISTER FORM*/
#registerForm{
	width:100%;
}
#registerForm fieldset{
	width:416px;
	padding:20px 0 20px 100px;
}
#registerForm input.field,
#registerForm textarea,
#registerForm select{
	width:50%;
	float:left;
}
#registerForm input:hover,
#registerForm textarea:hover{
	border:1px solid #666;
}
#registerForm input:focus,
#registerForm textarea:focus{
	border:1px solid #BCCE54;
}
#registerForm span.checkbox input{
	float:left;
	margin:10px 0 10px 0;
	border:none;
}
#registerForm span.checkbox input:hover{
	border:none;
}
#registerForm label{
	width:30%;
	float:left;
	padding:5px 0 0 0;
}
#registerForm label.full{
	width:78%;
	float:left;
	padding:10px 0;
}
#registerForm input.btnask	{
	width:155px;
	height:30px;
	text-indent:-9999px;
	padding:0;
	margin:10px 0 0 123px;
	background:url(../graphics/register-submit.gif) no-repeat 0 -30px;
	cursor:pointer;
	overflow:hidden;
}
#registerForm input.btnask:hover{
	background-position:0 0;
	border:none;
}
#registerForm div.Message{
	width:320px;
	margin:0 0 10px 0;
	background:#EFEFEF;
	border:1px solid #D1D1D1;
	padding:10px;
	color:#FF0000;
	text-align:left;
}
/*CONTACT FORM*/
#contactForm{
	width:100%;
}
#contactForm fieldset{
	width:416px;
	padding:20px 0 20px 100px;
}
#contactForm input.field,
#contactForm textarea,
#contactForm select{
	width:50%;
	float:left;
}
#contactForm select.date{
	margin:0 3px 0 0;
}
#contactForm input:hover,
#contactForm textarea:hover{
	border:1px solid #666;
}
#contactForm input:focus,
#contactForm textarea:focus{
	border:1px solid #BCCE54;
}
#contactForm label{
	width:30%;
	float:left;
	padding:5px 0 0 0;
}
#contactForm label.full{
	width:100%;
	float:left;
	padding:10px 0 10px 0;
	font-size:14px;
}
#contactForm input.btnask	{
	width:155px;
	height:30px;
	text-indent:-9999px;
	margin:10px 0 0 123px;
	background:url(../graphics/contact-submit.gif) no-repeat 0 -30px;
	cursor:pointer;
	overflow:hidden;
}
#contactForm input.btnsubmit	{
	width:155px;
	height:30px;
	text-indent:-9999px;
	margin:10px 0 0 123px;
	background:url(../graphics/submit-form.gif) no-repeat 0 -30px;
	cursor:pointer;
	overflow:hidden;
}
#contactForm input.btnask:hover,
#contactForm input.btnsubmit:hover{
	background-position:0 0;
	border:none;
}
#contactForm div.Message{
	width:320px;
	margin:0 0 10px 0;
	background:#EFEFEF;
	border:1px solid #D1D1D1;
	padding:10px;
	color:#FF0000;
	text-align:left;
}
#contactForm a{
	margin:3px 0 0 3px;
	padding:2px 3px;
	background: #CCC;
	border:1px solid #999;
	float:left;
	cursor:pointer;
}
#contactForm div.row{
	width:100%;
	height:28px;

}
/*#contactForm span.message {
	font:12px Arial,Helvetica,sans-serif;
	text-align:center;
	color:#c5000a;
}
#contactForm #message1{
	padding:0 0 0 180px;
}*/
#contactDetails{
	padding:20px 0 0 100px;
	height:140px;
	width:416px;
	text-align:left;
}
#contactDetails #byPost {
	float:left;
	width:180px;

}
#contactDetails #byPhone{
	margin:0 0 0 30px;
	float:left;
	width:190px;
}
/*SITEMAP*/
ul.sitemap{
	width:400px;
	margin:20px 0 0 0;	
}
ul.sitemap li{
	color:#99CC00;
	line-height:25px;
	margin:8px 0 0 30px;
	list-style:square !important;
	font-weight:bold;
}
ul.sitemap li a{
	color:#0f479b;
}
ul.sitemap li a:hover{
	text-decoration:underline;
}
ul.sitemap li li{
	margin:0 0 0 30px;
	font-weight:normal;
}

/*TABLE BULLETS*/
div.bullets{
	width:300px;
	background:url(../graphics/bulletBG.gif) repeat-y;
}
div.bullets div{
	width:241px;
	background: url(../graphics/tick2.gif) no-repeat 10px 3px;
	padding:8px 5px 8px 37px;
	margin:0 8px;
	border-bottom:1px solid #cce82e;
	text-align:left;
	}
div.bullets div.last{
	border:none;
}
div.bullets div.panel-up{
	background: url(../graphics/tickclosed.gif) no-repeat 10px 5px;
}
div.bullets div.panel-down{
	background: url(../graphics/tickopen.gif) no-repeat 10px 5px;
}
div.bullets div.slide{
	cursor:pointer;
}
div.bullets div.noborder	{
	border:none;
}
div.bullets div.topborder{
	border-top:1px solid #cce82e;
}
ul.panel{
	list-style:none;
	padding:0 0 5px 30px;
}
ul.panel li{
	background:url(../graphics/tick2small.gif) no-repeat 0 7px;
	padding:5px 0 5px 15px;
	border:none;
	}
ul.panel li.first{
	background: url(../graphics/tick2small.gif) no-repeat 0 7px;
	padding:5px 0 5px 15px;
}
h2.arheader{
	background:url(../graphics/income-header.gif) no-repeat;
	overflow:hidden;
	height:0;
	padding-top:34px;
}
h2.mbheader{
	background:url(../graphics/b-income-header.gif) no-repeat;
	overflow:hidden;
	height:0;
	padding-top:34px;
}
h3.arheader{
	background: url(../graphics/features-header.gif) no-repeat;
	overflow:hidden;
	height:0;
	padding-top:34px;
}
ul.tickboxes{
	list-style:none;
	padding:7px 0 7px 10px;
}
ul.tickboxes li{
	background:url(../graphics/tick.gif) no-repeat 0 3px;
	padding:10px 0 10px 35px;
	}
/*ABOUT US*/
div.aboutus {
	width:660px;
	float:left;
	padding:40px 0 0 0;
}
div.loans{
	 margin:40px 0 0 200px;
}
/*FOOTER*/
#ctl00_footer_footer1 {
	width:900px;
	float:left;
	height:58px;
	background:url(../graphics/footerBack.gif) no-repeat 0 0;
}
#ctl00_footer_footer1 ul{
	text-align:center;
	font:10px Arial,Helvetica,sans-serif;
	color:#FFF;
	list-style:none;
	line-height:16px;
	padding:12px 0 0 0;
}
#ctl00_footer_footer1 ul.tagline{
	padding:0;
}
#ctl00_footer_footer1 li{
	border-left:1px solid #fff;
	padding:0 1px 0 5px;
	display:inline;
}
#ctl00_footer_footer1 li.first{
	border:none;
}
#ctl00_footer_footer1 li a{
	color:#fff;
}

#ReferralFormContainer{
	background:url("../graphics/referral-form-bgr.gif") no-repeat 0 100%;
	width:700px;
	float:left; 
	padding-bottom:5px;
	}
#ReferralFormContainer label{
	width:150px !important;
	}
#ReferralCreditContainer{
	background:url("../graphics/referral-credit-form-bgr.gif") no-repeat 0 100%;
	width:700px;
	float:left; 
	padding:12px 0;
	}
#CorporateFormContainer{
	background:url("../graphics/corporate-form-bgr.gif") no-repeat 0 25px;
	width:700px;
	float:left; 
	padding:12px 0;
	}
#ReferralCreditContainer label{
	width:127px !important;
	}
#ReferralFormContainer input.btnask{
	margin-left:150px !important;
	}
.thanksTick img{
	float:left;
	padding:20px 40px 0 0;
	display:block;
	}
.referralThanksContainer h2{
	width:350px;
	padding-top:48px;
	float:left;
	font-size:1.2em;
	}
#content ol{ margin:10px 0 0 30px;}

table.tableRemuneration{width:400px; margin:10px 0; border-collapse:collapse;}
table.tableRemuneration th{ text-align:center; background:#256AD0; color:#fff; padding:3px; border:1px solid #256AD0;}
table.tableRemuneration td{padding:3px; border:1px solid #256AD0; text-align:center; width:100px;}

.posterBlocks div {
	float:left;
	height:100px;
	}
.posterBlocks p {
	padding-top:20px;
	}
.posterBlocks a img, .posterBlocks img{
	float:left;
	width:120px;
	height:87px;
	padding-right:15px;
	}