/*2009/10/12 - Dietrich - Created template for B2C IFrame styling. N.b. styles pertain to appearance NOT
                          layout. The aim of this file is to customise the existing (default) appearance. */

/* *************************

       General 

************************* */

/*Apply Buttons - BestBuy tables, product details. Image should be 60px * 25px */

span.ApplyButton
{
    background: url(enquire_button.gif) no-repeat left top;
    
}

/*Links*/

a
{
	color: #6142A2;
}

a:hover
{
    color: #003399;
}

/* *************************

       Best Buy Charts 

************************* */

/*Apply buttons appearance is set in the general section*/

/*Background, text colour, etc.*/

body.BestBuys
{
    
}

/*Left part of tab background. Image should be 4px * 84px, i.e. 2x 4px * 42px (active / inactive) 
  images on top of each other */

#tabs a
{
	background: url(chart_tableft.gif) no-repeat left top;
}

/*Main / right part of tab background, non-selected tab text color. Image should be 175px * 84px, 
  i.e. 2x 175px * 42px (active / inactive) images on top of each other */

#tabs a span
{
	background: url(chart_tabright.gif) no-repeat right top;
	color: #6142A2;
}

/*Selected tab text color*/

#tabs ul li.current a span
{
	color: #FFFFFF;
}

/*Hover tab text color*/

#tabs a:hover span
{
	color: #FFFFFF;
}

/*"Also Try..." top / bottom borders, could override text color here*/

.bestbuyextras
{
	border-top: solid 4px #6142A2;
	border-bottom: solid 1px #6142A2;
}

/*"Also Try..." link color*/

.bestbuyextras a
{
	color: #6142A2;
}

/*"Also Try..." link hover color*/
.bestbuyextras a:hover
{
	color: #0066CC;
}

/*Header text color, border*/

.bbheaderrow th
{
    border-bottom: solid 1px #6142A2;
	color: #6142A2;
}

/*Header help button (?)*/

.help
{
	background: url(icon_bg.gif) no-repeat;
	color: #6142A2;
}

/*Result separator*/

#bbtable td
{
    border-bottom: solid 1px #6142A2;
}

/*Result table - text color*/

#bbtable
{
	color: #000000;
}

/*Could override result text color here*/

#bbtable .bbresult
{

}

/*Alt result background, could override alt result text color here*/

#bbtable .bbaltresult
{
	background: #E2E2E2 url(alt_gradient.gif) repeat-x;
}

/*Notes, Source, Date compiled title text*/

#bbnotes span.title
{
	color: #6142A2;
}

/*Notes body text, could override color here*/

#bbnotes
{

}

/*BestBuy content area - could override background color / text color here*/
#bestbuycontent
{

}


/* *************************

    Mortgage Search Form

************************* */

/*Apply buttons appearance is set in the general section*/

/* Help icons are the same as those used in the BestBuy Charts */

/* General form appearance is the same as that set in BestBuy content area. Could be overriden if a 
   different appearance is required */
   
#searchwrapper
{

}

/*Section Titles - text color*/

#searchwrapper h3
{
	color: #003399;
}


/* *************************

  Mortgage Search Results

************************* */

/*Apply buttons appearance is set in the general section*/

/*Search filter options*/

.searchfilter
{
	border-bottom: solid 1px #BBDDEE;
	background-color: #EAF8FF;
}

/*Result count text*/

.searchfilter .resultcount2
{
	color: #003399;
}

/* Results table - text color, border, results row background color (other background colours such as
   header row / company title row are overriden elsewhere) */

#searchtable
{
	color: #000000;
	border-bottom: solid 1px #4F95FF;
	background-color: #FFFFFF;
}

/*Header row*/

#searchtable .stheader
{
	color: #003399;
	background: #EAF8FF;
}

#searchtable .stheader th
{
    border-top: solid 1px #4F95FF;
    border-bottom: solid 1px #4F95FF;    
}

/*Company title row*/

#searchtable .searchcompany
{
	color: #003399;
	background-color: #B0C9F2;
}


/* *************************

  Mortgage Details

************************* */

/*Apply buttons appearance is set in the general section*/

/* Product Details title */

#carddetailswrapper h1
{
	color: #003399;
}

/*Background, text colour, etc.*/

body.MortgageDetails
{
    
}

/*Company name text colour*/

#carddetailswrapper .companyname
{
	color: #407EFF;
}


/* *************************

    Enquiry Forms

************************* */

/*Background, text colour, etc.*/

body.MortgageEnquiry
{
    
}

/* Main horizontal rule */

hr.Main
{    
    height: 0px;
    border: solid 3px Gray;        
}

/*Titles*/

h1.MortageEnquiry
{
    color: #000000;
}

h2.MortgageEnquiry
{
    color: Gray;
}		
		
h3.MortgageEnquiry
{
    color: #000000;
}