body {
		background-color: #fff;
		color: #666;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 1.5;
		margin: 0;
		padding: 0;
		

}


h1,h2,h3 {
		font-weight:normal;
}

h4 {
		font-size:1.3em;
		color:#333;
		font-weight:normal;
}

h5 {
		font-weight:bold;
		display:inline;
}

p {

}

/*--------------------top header wrapper------------------------------------*/

#top-header-wrapper {
		height: 177px;
		margin-bottom:10px;
}

#top-header {
		position:relative;
		margin: 0 auto 0 auto;
		text-align: left;
		width: 980px;
		padding:0 0px 0px 0px;
		z-index:99;
        top: 0px;
        left: 0px;
}

#login-to-account-wrapper {
		/*width:960px;
		padding-right:34px;*/
		position:absolute;
		float: right;
		text-align: right;
		top:10px;
		right:290px;
		/*font-size:1.1em;*/
}



#login-to-account-wrapper ul{
		clear:right;
		font-size: 0.75em;
}

#login-to-account-wrapper ul li {
		float:left;
		padding: 0 5px 0 5px;
}

#login-to-account-wrapper a {
    text-decoration: none;
    color: #ffffff;
}

#login-to-account-wrapper a:hover {
    text-decoration: underline;
}

li.spacer {
		padding:2px 0 0 0!Important;
}

/*--------------------logo------------------------------------*/

#logo
{
        width:230px;
		height:81px;
		float:left;
}


a.logo{
        width:235px;
		height:75px;
		float:left;
		margin-top: 5px;
		margin-left: 5px;
		background:transparent url(../graphics/generic/thesourcerers-logo.png) no-repeat 0 0;
		overflow:hidden;
		text-indent:-9999px;
}

a.logo:hover{
		
		border:0;
}

#logo-text
{
    clear:left;
    width:235px;
	height:25px;
	float:left;
	text-align:center;
}

.logo-text
{
    color:#fff;
    font-size:1.2em;
    text-decoration:none;
}
    

/*--------------------=p top-navigation------------------------------------*/

#top-navigation{
		
		float: left;
		margin:6px 0px 0 0;
		top:60px;
		left:0px;
		z-index:50;
		/*background: url(../graphics/nav-long.png) no-repeat 0 0;*/
		height:42px;
}

#top-navigation .mainMenu{
		font-size:1em;
		padding:0;
		margin:0 0px 0 0;
		height:66px;
		width:959px;
		float: left;
}

#top-navigation .mainMenu li{
		float:left;
		padding:0px 2px 0 5px;
		display:block;
		height:66px;
}

#top-navigation .mainMenu .menuItem .mainMenuLink
{
    padding-top: 20px;
    padding-left: 19px;
    padding-right: 19px;
    text-decoration: none;
    color: #ffffff;
    font-size:0.95em;
    background:transparent;
    display:block;
	height:45px;
}



#top-navigation .mainMenu .menuItem .mainMenuLink {
		font-weight:normal;
		display:block;
}
.SubMenuContainer
{
	display:none;
	position:absolute;
	max-width:300px;
}

a.subLink
{
	float:left;
	text-decoration:none;
	margin-left:20px;
	margin-top:5px;
	padding-right:2px;
	display:block;
	color:#000000;	
	font-size:0.7em;
}

a.subLink:hover
{
	color:#FFFFFF;	
	
}

/*--------------------branding wrapper------------------------------------*/

#branding-wrapper {
    z-index: 2;
    
}

#branding {
		position:relative;
		margin: 0px auto 0 auto;
		text-align: left;
		width: 980px;
		height:239px;
		/*padding:49px 25px 0px 25px;*/
		/*background:url(../images/banner_bak.png) no-repeat 0px 0;*/
		z-index:3;
		margin-bottom:10px;
}



/*-------------------- shoppingcart_top------------------------------------*/


.shoppingcart_top form
{
		padding:8px 0 0 2px;
}


/*--------------------outer wrapper------------------------------------*/

#outer-wrapper {
    /*background:#999999 url(../graphics/middle-bak.gif) repeat-x 0 0;*/
    padding-bottom: 5px;
    
}

/* =p content */

#content-wrapper {
	position:relative;
	margin: 0px auto 0 auto;
	text-align: left;
	width: 980px;
	/*background:#ffffff;	
	padding-top:10px;*/
}


#breadcrumb-wrapper
{
	position:relative;
	margin: 0px auto 0 auto;
	text-align: left;
	width: 980px;	
}




#services-and-features-container {
		padding-bottom:16px;
}

#services-and-features-container p{
		padding-bottom:.1em;
}

#services-and-features-container img.details{
		border:3px solid #f1f1f1;
		padding:0;
		margin:10px 15px 10px 5px;
}

#services-and-features-container .left {
		
		display: block;
		float:left;
		width:390px;
}

#mortgages-financial-services-wrapper {
		width:420px;
		padding-bottom:16px;
		overflow:auto;
}



.clear-floats {
		clear: both;
		display: block;
}

.clear-left {
		clear: left;
		display: block;
}


/*--------------------footer-wrapper------------------------------------*/

#footer-wrapper {
		background: url(../graphics/generic/footer.png) no-repeat top center;
		height:92px;
}

#footer {
		margin: 0 auto 0 auto;
		text-align: left;
		width: 980px;
		padding:20px 0px 20px 0px;
		color:#ffffff;
		font-size: 0.7em;
}

#footer p {
		font-size:0.70em;
		padding-bottom: 3px;
		
}


.footer-left
{
    float:left;
    width: 700px;
    color:#666666;
}

.footer-right
{
    float:right;
    width:200px;
    text-align:right;
    padding-right:2px;
    color:#666666;
}

#footer a
{
    color:#666666;
    text-decoration:none;
}

#footer a:hover
{
    text-decoration:underline;
}

/*--------------------footer-wrapper2------------------------------------*/

#footer-wrapper2 
{
    background: #ffffff;
    padding-bottom: 45px;
}

#footer2 {
		margin: 0 auto 0 auto;
		text-align: center;
		width: 940px;
		padding:20px 10px 20px 10px;
		color:#666;
}

#footer2 p {
		font-size:0.70em;
}

.left_footer
{
    float: left;
    width: 450px;
}

.left_footer ul
{
    float: left;
    width: 130px;
    margin-right:15px;
    font-size: 0.7em;
}


.right_footer
{
    float: right;
    width: 450px;
    text-align:right;
}


#bpma
{
    float:left;
    width: 150px;
    height:57px;
    background:url(../graphics/generic/bpma-logo.gif) no-repeat top left;
    overflow:hidden;
	text-indent:-9999px;
}

.subsite
{
    float:right;
    width:160px;
    height: 68px;
    margin-left:10px;
    margin-bottom:5px;
}



/* =p classes */

.bold {
		font-weight:bold;
}


/* -------------------  Text Sizes & Colours -----------------------*/

.text075
{
    font-size: 0.75em;
}

.text080
{
    font-size: 0.80em;
}

.text085
{
    font-size: 0.85em;
}

.text090
{
    font-size: 0.90em;
}

.text10
{
    font-size: 1.0em;
}

.text11
{
    font-size: 1.1em;
}

.text12
{
    font-size: 1.2em;
}

.text13
{
    font-size: 1.3em;
}

.purple
{
    color:#7C00CA;
}

.red
{
    color:#D30000;
}

.purple_dark
{
    color:#5b005a;
}

.pink
{
    color:#c7138e;
}
.grey
{
    color:#666666;
}

.black
{
    color: #000000;
}

.white
{
    color: #ffffff;
}

.justify
{
    text-align:justify;
}


/* -------------- Pop Up -----------------*/

#popup_login
{
    background: url(../images/login_bak.png) top left no-repeat;
    height: 125px;
    width: 335px;
}

.popup
{
    display:none;
    left: -290px;
    position:absolute;
    top:20px;
    z-index:99;
    text-align:left;
    padding: 10px;
}

.login_row
{
    display:block;
    margin-bottom: 5px;
    margin-top: 5px;
}

.login_row label
{
    width: 65px;
    padding: 2px;
    display: block;
    float: left;
}

.inp-form	{
	background: url(../images/text_field_thin.gif) no-repeat;
	border: none;
	color: #666666;
	height: 20px;
	padding: 4px 6px 2px 6px;
	width: 182px;
	}
	
.close
{
    display: inline;
    float: right;
    height:25px;
    width:55px;
}	

#popup_login h2
{
    display: inline;
    width:260px;
}

/************** page layouts ************** */

#right_col
{
	float:right;
	width: 251px;
	margin: 0px 0px 0px 0px;
}



#content_left_wrapper
{
    float:left;
    width:340px;
    margin: 0px 5px 0px 0px;
}

#content_box1_top
{
    float:left;
    width:340px;
    height:9px;
    background:url(../graphics/generic/box1-top.png) no-repeat top left;
}
#content_box1_middle
{
    float:left;
    width:320px;
    min-height:195px;
    background:url(../graphics/generic/box1-middle.png) repeat-y top left;
    padding: 5px 10px 0 10px;
}

#content_box1_bottom
{
    float:left;
    width:320px;
    height:9px;
    background:url(../graphics/generic/box1-bottom.png) no-repeat top left;
}


/* 5050 split */

#content_left_wrapper_5050left
{
    float:left;
    width:481px;
    margin: 0px 5px 0px 0px;
}

#content_middle_wrapper_5050right
{
    float:right;
    width:481px;
    margin: 0px 0px 0px 0px;
}


#content_box5050_top
{
    float:left;
    width:481px;
    height:9px;
    background:url(../graphics/generic/5050box_top.png) no-repeat top left;
}
#content_box5050_middle
{
    float:left;
    width:465px;
    min-height:195px;
    background:url(../graphics/generic/5050box_middle.png) repeat-y top left;
    padding: 5px 10px 0 10px;
}

#content_box5050_bottom
{
    float:left;
    width:481px;
    height:10px;
    background:url(../graphics/generic/5050box_bottom.png) no-repeat top left;
}

/* 1 column split */

#content_left_wrapper_1box
{
    float:left;
    width:980px;
    margin: 0px 5px 0px 0px;
}

#content_box1box_top
{
    float:left;
    width:980px;
    height:9px;
    background:url(../graphics/generic/1box_top.png) no-repeat top left;
}
#content_box1box_middle
{
    float:left;
    width:960px;
    min-height:195px;
    background:url(../graphics/generic/1box_middle.png) repeat-y top left;
    padding: 5px 10px 0 10px;
}

#content_box1box_bottom
{
    float:left;
    width:980px;
    height:10px;
    background:url(../graphics/generic/1box_bottom.png) no-repeat top left;
}




#content_middle_wrapper
{
    float:left;
    width:360px;
    margin: 0px 10px 10px 10px;
}

#content_box2_top
{
    float:left;
    width:360px;
    height:9px;
    background:url(../graphics/generic/box2-top.png) no-repeat top left;
}
#content_box2_middle
{
    float:left;
    width:340px;
    min-height:195px;
    background:url(../graphics/generic/box2-middle.png) repeat-y top left;
    padding: 5px 10px 0 10px;
}
#content_box2_bottom
{
    float:left;
    width:360px;
    height:9px;
    background:url(../graphics/generic/box2-bottom.png) no-repeat top left;
}


#content_3_wrapper
{
    float:left;
    width:711px;
    margin: 0px 10px 10px 0px;
}

#content_box3_top
{
    float:left;
    width:711px;
    height:9px;
    background:url(../graphics/generic/box3-top.png) no-repeat top left;
}
#content_box3_middle
{
    float:left;
    width:691px;
    min-height:195px;
    background:url(../graphics/generic/box3-middle.png) repeat-y top left;
    padding: 5px 10px 0 10px;
}
#content_box3_bottom
{
    float:left;
    width:711px;
    height:9px;
    background:url(../graphics/generic/box3-bottom.png) no-repeat top left;
}


/************ Shopping Cart Top ***************** */

.shoppingcart_top
{
 		/*position:absolute;*/
		float: right;
		width: 240px;
		height: 40px;
		right:0px;
		background:url(../graphics/cartholder.png) no-repeat 0 0;
		padding: 13px 3px 5px 0px;
}

.shoppingcart_top a
{
    font-size:0.75em;
    color: #ffffff;
    text-decoration:none;
}

a.cart:visited 
{
    background:url("../graphics/cart.png") no-repeat scroll right center transparent;
    color:#ffffff;
    padding:5px 30px 5px 0;
    text-decoration:none;
}

.shoppingcart_top a:hover
{
    text-decoration:underline;
}
    

/************* banner images ***************/

.screen_holder
{
    float:left;
    width:970px;
    height:244px;
    background: url("../graphics/screenprint-image.jpg") no-repeat top left;
    margin-left:1px;
}


.newsletterbox li
{
    float:left;
    display:block;
    width: 233px;
    font-weight:bold;
}

.textfieldsearch
{
    float: left;
    width: 175px;
}

.buttonsearch
{
    float: left;
    width: 63px;
}