/* Oakbridge Financial Services plc CSS Document */

body {
 color: #666666;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:70%;
 margin:0px;
 padding:0px;
 background:url(../images/header_bar.gif) no-repeat;
} 

a img {
 border:0;
 padding:0;
}

p {
padding:0px 0px 8px 0px;
margin:0px;
line-height:1.4em;
}

ul {
margin:0px 0px 8px 18px; padding:0px;
}

li {
padding:2px 0px 2px 0px;
line-height:1.4em;
}


/* Default link styles */

a {
 color:#171C67;
}

a:hover {
 color:#0091E2;
}

/* Accessible style*/

.accessible {
visibility:hidden;
display:none;
}

a.accessible {
visibility:hidden;
display:none;
} 
 
/* Positioning */

div#container {
width:760px;
margin:auto;
background:transparent url(../images/container_bg.gif);
padding:0px 10px 0px 10px;
}

div#LeftColumn {
float:left;
width:202px;
/*border-right:1px dashed #0096E3;*/
}

div#rightColumn {
float:right;
width:557px;
}

div#footer {
width:740px;
padding:8px 20px 10px 20px;
background:transparent url(../images/footer_bg.gif) no-repeat;
margin:auto;
min-height:45px;
color:#999999;
font-size:90%;
}

div#logo {
width:202px;
background:transparent url(../images/oakbridge_logo.gif) no-repeat;
height:120px;
}

div#logo a {
display:block;
height:120px;
}

div#textColumn {
float:left;
width:347px;
padding:4px 15px 5px 15px;
min-height:400px;
}

div#rightSubColumn {
float:left;
width:180px;
}

div#textColumnDivider {
width:347px;
background:transparent url(../images/textColDivider.gif) no-repeat;
height:20px;
}

div#twoColumnText {
float:left;
width:163px;
padding:0px 10px 10px 0px;
font-size:85%;
}

div#twoColumnText p {
line-height:1.4em;
}

div#threeColumnText {
float:left;
width:105px;
padding:0px 10px 5px 0px;
font-size:90%;
}

/* NAVIGATION */

div#navigation {
margin:0px 1px 0px 4px;
width:197px;
}

div#navigation ul {
margin:0; border:0; padding:0;
display:block;
list-style:none;
}

div#navigation ul li {
margin:0; border:0; padding:0;
list-style:none;
display:block;
width:197px;
}

div#navigation ul li, div#navigation ul li a {
display:block;
height:26px;
width:197px;
background:transparent url(../images/main_nav.gif) no-repeat;
}

/*Main Nav */
div#navigation ul li#ourservices, 			div#navigation ul li#ourservices a			{width:197px; 	background-position:0px 0px;}
div#navigation ul li#whyoakbridge, 			div#navigation ul li#whyoakbridge a			{width:197px; 	background-position:0px -26px;}
div#navigation ul li#ourphilosophy, 		div#navigation ul li#ourphilosophy a		{width:197px; 	background-position:0px -52px;}
div#navigation ul li#servicecommitments, 	div#navigation ul li#servicecommitments a	{width:197px; 	background-position:0px -78px;}
div#navigation ul li#questions, 			div#navigation ul li#questions a			{width:197px; 	background-position:0px -104px;}
div#navigation ul li#casestudies, 			div#navigation ul li#casestudies a			{width:197px; 	background-position:0px -130px;}
div#navigation ul li#regulatedmortgage, 	div#navigation ul li#regulatedmortgage a	{width:197px; 	background-position:0px -156px;}
div#navigation ul li#applyonline, 			div#navigation ul li#applyonline a			{width:197px; 	background-position:0px -182px;}
div#navigation ul li#usefulinfo, 			div#navigation ul li#usefulinfo a			{width:197px; 	background-position:0px -208px;}
div#navigation ul li#contactus, 			div#navigation ul li#contactus a			{width:197px; 	background-position:0px -234px;}
div#navigation ul li#home, 					div#navigation ul li#home a					{width:197px; 	background-position:0px -260px;}
/* Main Nav OVER */
div#navigation ul li#ourservices			a:hover{background-position:-394px 0px;}
div#navigation ul li#whyoakbridge			a:hover{background-position:-394px -26px;}
div#navigation ul li#ourphilosophy			a:hover{background-position:-394px -52px;}
div#navigation ul li#servicecommitments		a:hover{background-position:-394px -78px;}
div#navigation ul li#questions				a:hover{background-position:-394px -104px;}
div#navigation ul li#casestudies			a:hover{background-position:-394px -130px;}
div#navigation ul li#regulatedmortgage		a:hover{background-position:-394px -156px;}
div#navigation ul li#applyonline			a:hover{background-position:-394px -182px;}
div#navigation ul li#usefulinfo				a:hover{background-position:-394px -208px;}
div#navigation ul li#contactus				a:hover{background-position:-394px -234px;}
div#navigation ul li#home					a:hover{background-position:-394px -260px;}
/* Nav ON STATES */
div#navigation ul li#ourservicesON, 		div#navigation ul li#ourservicesON a		{width:197px; 	background-position:-197px 0px;}
div#navigation ul li#whyoakbridgeON, 		div#navigation ul li#whyoakbridgeON a		{width:197px; 	background-position:-197px -26px;}
div#navigation ul li#ourphilosophyON, 		div#navigation ul li#ourphilosophyON a		{width:197px; 	background-position:-197px -52px;}
div#navigation ul li#servicecommitmentsON, 	div#navigation ul li#servicecommitmentsON a	{width:197px; 	background-position:-197px -78px;}
div#navigation ul li#questionsON, 			div#navigation ul li#questionsON a			{width:197px; 	background-position:-197px -104px;}
div#navigation ul li#casestudiesON, 		div#navigation ul li#casestudiesON a		{width:197px; 	background-position:-197px -130px;}
div#navigation ul li#regulatedmortgageON, 	div#navigation ul li#regulatedmortgageON a	{width:197px; 	background-position:-197px -156px;}
div#navigation ul li#applyonlineON, 		div#navigation ul li#applyonlineON a		{width:197px; 	background-position:-197px -182px;}
div#navigation ul li#usefulinfoON, 			div#navigation ul li#usefulinfoON a			{width:197px; 	background-position:-197px -208px;}
div#navigation ul li#contactusON, 			div#navigation ul li#contactusON a			{width:197px; 	background-position:-197px -234px;}
div#navigation ul li#homeON, 				div#navigation ul li#homeON a				{width:197px; 	background-position:-197px -260px;}
/* Nav IN STATES */
div#navigation ul li#aboutusIN, 		div#navigation ul li#aboutusIN a		{width:170px; 	background-position:-340px 0px;}
div#navigation ul li#ourservicesIN, 	div#navigation ul li#ourservicesIN a	{width:170px; 	background-position:-340px -72px;}

/* footer nav */

div#footer ul {
margin:0px;
padding:0px;
display:block;
list-style:none;
}

div#footer ul li {
float:left;
margin:0px;
padding:0px;
display:block;
list-style:none;
}

div#footer ul li a {
padding:0px 6px 0px 6px;
color:#999999;
text-decoration:none;
}

div#footer ul li a:hover {
color:#0091E2;
}

.footerON {
padding:0px 6px 0px 6px;
}

.navDivider{
color:#7B998D;
}

/* CONTENT DIV'S */

div#contactUsPanel {
width:170px;
height:80px;
background:transparent url(../images/contact_panel.gif) no-repeat;
background-position:-15px -110px;
}

div#headerImages {
width:555px;
height:143px;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
}

div#homepageStatement {
width:557px;
background:url(../images/statement_home.gif) no-repeat transparent;
height:80px;
}

div#downloadBrochure {
width:170px;
background:transparent url(../images/brochure_download.gif) no-repeat;
height:85px;
}

div#downloadBrochure a {
display:block;
height:85px;
}

div#businessNews {
width:155px;margin-left:15px;margin-top:20px;
padding:32px 5px 0px 8px;
background:url(../images/newsfeed_header.gif) no-repeat;
}

div#sportsNews {
width:155px;margin-left:15px;
padding:26px 5px 0px 8px;
background:url(../images/newsfeed_centre.gif) no-repeat;
}

div#newsFeedsFooter {
width:160px;margin-left:15px;margin-bottom:20px;
height:25px;
background:url(../images/newsfeed_footer.gif) no-repeat;
}

div#copyright {
float:right;
padding-right:50px;
}

div#printPage {
margin-top:25px;
width:160px;
height:35px;
background:url(../images/print_page.gif) no-repeat;
}

div#printPage a {
height:35px;
display:block;
}

div#printPage a:hover {
background:url(../images/print_page_over.gif) no-repeat;
}

/* TEXT STYLES */

.header {
color:#171C67;
font-size:110%;
font-weight:bold;
}

h1 {
	padding:0px; margin:0px 0px 10px 0px;
color:#171C67;
font-size:120%;
font-weight:bold;
}

.blue {
color:#171C67;
}

.lightblue {
color:#0091E2;
font-weight:bold;
}

h2 {
color:#0091E2;font-size:110%;
font-weight:bold;	
}

/* FORM STYLINGS */

form {
    margin:0px;
    padding:0px;
	border:0px;
    }
	
.searchBox {
border:1px solid #931318;
width:70px;
padding:2px;
color:#931318;
font-size:95%;
}

.searchButton {
border:1px solid #931318;
padding:1px;
background-color:#FFFFFF;
color:#931318;
font-size:95%;
}

div#formHolder {
float:left;
width:338px;

}

div#formFullWidth {
float:left;
width:340px;
border-top:1px solid #E7E7E7;
padding:5px 3px 5px 3px;
margin-top:10px;
}

div#formFullSubmit {
float:left;
width:340px;

padding:5px 3px 5px 3px;
}

div#formLeftColumn {
float:left;
width:140px;
margin-top:2px;
padding:5px 5px 0px 3px;
}

div#formRightColumn {
float:left;
width:180px;
border-left:1px solid #FFFFFF;
padding:3px 0px 3px 4px;
}

div#formRadioHolder {
float:left;
width:100px;
margin-top:3px;
}

div#formRadioHolderWide {
float:left;
width:200px;
margin-top:3px;
}

.textBox {
border:1px solid #999999;
width:180px;
padding:2px;

color:#666666;
}

.multilinetextBox {
border:1px solid #931318;
width:220px;
padding:2px;
color:#666666;
}

.postcode {
border:1px solid #931318;
width:80px;
padding:2px;
color:#666666;
}

.submitButton {
border:1px solid #666666;
color:#666666;
background-color:#FFFFFF;
font-size:90%;
}

.checkbox {
color:#666666;
}

.radioButton {
color:#666666;
}