/* CSS Document for Unity Microsite Halifax brand */

body {
	background-color: #ffffff;
	color: black;
	font: 70% Verdana, Arial, Geneva, Helvetica, sans-serif;
}

/* Layout Rules */
#topbanner {
    background-color: #6D2770;
    background-image: none;
	height: 76px;
}

#productmenu {
	padding: 86px 0 30px 0;
	width: 175px;
}

#secondarymenu {
	background-color: #eeeeee;
	color: #143E7A;
	top: 76px;
	width: 170px;
}	

#middle {
	padding: 73px 190px 20px 185px;
}

#leftlogocontainer {
	top: 255px;
	width: 175px;
    height: 252px;
	background-color: #FFFFFF;
}


#footer 
{
	background-image: none;
	color: #6d2770;
}

/* New product menu with Sliding Doors */
#productmenu li {
 width: 155px;
}

#productmenu a {
  color: #FFFFFF;
  font-size: 90%;
  font-weight: bold;
}

#productmenu a:hover {
	color: #000000;
}

/* styles required to show selected tab when on that tab's page */
#productdetailspage li.productdetails a, 
#loanIllustrationPage li.loanillustration a,
#paymentprotectionpage li.paymentprotection a, 
#applyPage li.apply a {
	color: #ffffff;
}

/* Secondary menu */

#secondarymenu h2
{
	color: #6D2770;
}

#secondarymenu ul li a {
	color: #6D2770;
	text-decoration: underline;
}

#secondarymenu ul li a:hover {
	font-weight: bold;
	text-decoration: underline;
}

/* Branding rules */
#topbanner img 
{
	background: url("../../graphics/advertising/personalloans.gif") no-repeat;
	height: 76px;
	padding: 0 0 0 15px;
	width: 212px
}

#topbanner img.banneradvert 
{
	background: url("../../graphics/logos/halifax.gif") no-repeat;
	height: 76px;
	margin-top: 0px;
	width: 104px
}

#leftlogocontainer img 
{
	background: none;
	height: 252px;
	width: 175px;
}

/* Main content */

#maincontent h1 {
	color: #6D2770;
}

#maincontent h2 {
	color: #6D2770;
}

#maincontent h2.paymentprotection 
{
	color: #6D2770;
	font-size: small;
	margin-bottom: 0px;
}

#maincontent h3 {
	color: #6D2770;
}

#maincontent p a {
  color: #003366;
}

#maincontent table.creditcaretable 
{
	border-style: none;
}

#maincontent table.creditcaretable thead th {
	background-color: white;
	color: #ffffff;
	border-color: #ffffff;
}

#maincontent table.creditcaretable tr th {
	background-color: white;
}

#maincontent table.creditcaretable tr.row td {
	color: #6d2770;
	border-style: none;
}

#maincontent table.creditcaretable thead tr th.firstcol
{
	color: #ffffff;
	background-color: white;
	font-weight: bold;
	border-style: solid;
}

#maincontent table.creditcaretable tr th.firstcol
{
	color: white;
	background-color: #ffffff;
	font-weight: bold;
	border-style: none;
}

#maincontent table.creditcareoptionstable {
	border-color: #6d2770;
}

#maincontent table.creditcareoptionstable td {
	border-left-color: #6d2770;
	border-right-color: #6d2770;
}

#maincontent table.creditcareoptionstable tr.invisiblerow td {
	background-color: #6d2770;
	color: #6d2770;
}


#maincontent table.creditcareoptionstable thead th,
#maincontent table.creditcareoptionstable thead td {
	background-color: #6d2770;
	border-color: #ffffff;
	border-top: none;
	border-bottom-color: #6d2770;
	color: #ffffff;
}


#maincontent table.datagrid tr.datagridheader td
{
	border-color: #6d2770;
        background-color: #6d2770;
}

#maincontent table.datagrid {
	border-color: #808080;
	margin-top: 30px;
	margin-bottom: 30px;
}

#maincontent table.datagrid tr.datagridheader {
	background-color: #6d2770;
	color: #ffffff;
}

#maincontent table.datagrid tr.datagriditem {
	background-color: #ffffff;
}

#maincontent table.datagrid tr.datagridalternatingitem {
	background-color: #f9f9f9;
}

#maincontent div.legalinformation {
	background-color: #f9f9f9;
	margin-top: 30px;
}

/* Form Submission Buttons */
#printbutton a {
	color: #0000ff;
}

#maincontent input.formbutton {
	background-color: #6d2770;
	border-color: #6d2770;
	color: #FFFFFF;
	filter: none;
}

#maincontent input,
#maincontent select {
	border: 1px solid #6d2770;
	padding: 1px 0 1px 3px;
}

#maincontent input.proceed 
{
	background-image: none;
	padding-right: 5px;
	text-align: center;
}

#maincontent input.goback 
{
	background-image: none;
	padding-left: 5px;
	text-align: center;
}

#maincontent input.error,
#maincontent input.select {
	border-color: #808080;
}

#maincontent div.errorblock {
	background-color: #ffffcc; 
	border-color: #cccccc;
	color: #333333;
}

#maincontent ul.bulletlist li {
	background: #ffffff none no-repeat left top;
	background-image: none;
	list-style-type: square;
	margin-left: 10px;
	padding-left: 15px;
	line-height: 150%;
}

#maincontent table.faqquestions a:link,
#maincontent table.faqquestions a:active,
#maincontent table.faqquestions a:visited {
	color: #6D2770;
}

#maincontent #faqanswers {
	border-color: #999999;
}

#maincontent #faqanswers h2,
#maincontent #faqanswers h3 {
	color: #333333;
}

/* Important information screen */
#maincontent #importantinformation {
	border-color: #999999;
}

#maincontent #importantinformation h2,
#maincontent #importantinformation h3 {
	color: #333333;
}

/* Terms and Conditions screen */
#maincontent #legalinformation {
	border-color: #6D2770;
}

/* Budget Planner screens */
#maincontent table.budgetplannertable {
	background-color: #FFFFFF;
	border-color:#6D2770;
	color: #6D2770;
} 

#maincontent table.budgetplannertable tr.budgetplanneraltrow {
	background-color: #f9f9f9;
}

#maincontent table.budgetplannertable thead tr th {
	background-color: #6d2770;
	color: #ffffff;
}

#maincontent table.budgetplannertable td,
#maincontent table.budgetplannertable th {
	border-right-color: #808080;
	border-bottom-color: #808080;
}


/* Commission Illustration table */
#maincontent table.commissionillustrationtable {
	background-color: #FFFFFF;
	border-color: #808080;
	color: #294d9c;
} 

#maincontent table.commissionillustrationtable thead th {
	background-color: #ffffff;
	color: #294d9c;
	font-weight: normal;
}

#maincontent table.commissionillustrationtable th {
	border-right-color: #808080;
	color: #294d9c;
	font-weight: normal;
}

#maincontent table.commissionillustrationtable td {
	border-right-color: #808080;
	color: #294d9c;
}

/* MICROSITE ONLY STYLES -  do not change these!  */

#printbutton {
	top: 95px;
	right: 190px;
}
 
#maincontent a.formbutton {	
	background-color: #6d2770;
	border: 1px solid #6d2770;
	color: #fff;
	cursor: pointer;
	font-size: 100%;
	font-weight:bold;
	padding: 5px 8px;
	text-decoration: none;
 
}