/* CSS Document for Unity Microsite BOS1 brand */

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

/* Layout Rules */
#topbanner {
	background: none;
	height: 40px;
	background-color: #660099;
}

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

#secondarymenu {
	background-color: #d5c4d7;
	color:  #660099;
	top: 41px;
	width: 170px;
}	

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

#footer {
	background: none;
	background-color: transparent;
	color: #FFFFFF;
	height: 25px;
}

#leftlogocontainer {
	top: 300px;
        height: 180px;
        width: 180px;

}

/* New product menu with Sliding Doors */
#productmenu li 
{
 background-image: none;
 width: 155px;
 background-color: #d5c4d7;
}

#productmenu a 
{
  background-image: none;
  color: #660099;
  font-size: 90%;
  font-weight: bold;
}

#productmenu a:hover {
	color: white;
}

/* 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: white;
	background-color: #660099;
	background-image: none;
}

/* Secondary menu */

#secondarymenu h2 
{
	color: #660099;
}

#secondarymenu ul li a {
	color: #660099;
}

#secondarymenu ul li a:hover 
{
	text-decoration: underline;
	color: white;
}



/* Branding rules */
#leftlogocontainer img {
	top: 300px;
        height: 180px;
        width: 180px;

}

#topbanner img {
	background: url("../../graphics/logos/logo.jpg") no-repeat;
	height: 40px;
	width: 231px
}

#topbanner img.banneradvert {
	background: none;
	height: 0px;
	padding: 3px 2px 0 0;
	width: 0px
}

/* Main content */

#maincontent h1 {
	color: #660099;
}

#maincontent h2 {
	color: #660099;
}

#maincontent h3 {
	color: #660099;
}

#maincontent p a {
  color: #4b7db9;
}

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

#maincontent table.creditcareoptionstable thead th {
	border-color: #660099;
}
#maincontent table.creditcaretable thead th {
	border-color: #660099;
}
#maincontent table.datagrid tr.datagridheader td {
	border-color: #660099;
}

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

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

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

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

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

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

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

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

#maincontent table.creditcareoptionstable thead th,
#maincontent table.creditcareoptionstable thead td {
	background-color: #660099;
	color: #ffffff;
}

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

#maincontent table.datagrid tr.datagridheader {
	background-color: #660099;
	color: #FFFFFF;
}

#maincontent table.datagrid tr.datagridheader td {
	background-color: #660099;
	color: #FFFFFF;
}

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

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

#maincontent div.legalinformation {
	background-color: #f9f9f9;
}

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

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

#maincontent input.formbutton {
	background-color: #660099;
	border-color: #660099;
	color: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=3);
}

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

#maincontent table.faqquestions a:link,
#maincontent table.faqquestions a:active,
#maincontent table.faqquestions a:visited {
	color: #4b7db9;
}

#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: #660099;
}

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

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

#maincontent table.budgetplannertable thead tr th {
	background-color: #660099;
	color: #FFFFFF;
}

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

#maincontent table.budgetplannertable tr.lastrow td,
#maincontent table.budgetplannertable tr.lastrow th {
	border-bottom-color: #660099;
}

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

#maincontent table.commissionillustrationtable thead th {
	background-color: #660099;
	color: #FFFFFF;
}

#maincontent table.commissionillustrationtable th {
	border-right-color: #660099;
	color: #333333;
}

#maincontent table.commissionillustrationtable td {
	border-right-color: #660099;
	color: #333333;
}

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

#printbutton {
	top: 60px;
	right: 190px;
}