﻿/*//+=================================================================+
//|  File. . . . : base.css           
//|                                   
//|  Description :  base.css                                      
//|                                                                 
//|  Copyright 2006  Experian Limited, Talbot House, Talbot Street, 
//|                  Nottingham, NG1 5HF, ENGLAND                   
//|      telephone   int + 44 (0)115 9410 888                       
//|                                                                 
//|  The copyright to the computer program(s) herein is the         
//|  property of Experian Limited, ENGLAND.                         
//|  The program(s) may be used and/or copied only with the written 
//|  permission of Experian Limited or in accordance with the terms 
//|  and conditions stipulated in the agreement/contract under      
//|  which the programs have been supplied.                         
//+=================================================================+*/

/* HTML Elements */
body {
	font-family: Verdana, Arial, sans-serif;
	font-size:small;
	text-align:center; /* IE Center Everything */
	background-color:#FFFFFF;
	background-image:url(/images/backgrounds/bg_main.gif);
	background-repeat:no-repeat;
	background-position:center top; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:normal; 
	COLOR:#000000;
}

P {
	margin:0px 0px 0px 0px;
	font-size:100%; /*PL small; */
}

A {
	color:#263884; 
	text-decoration:none;
	font-weight:bold;
}

A:hover {	
	COLOR:#a6b9e4
}

A IMG {
    border: none; 
} 

/* Main Headers */
H1, .contentBoxHeading, .sidePillarHeading, .sidePillarHeading a 
{
	color:#526788;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
}

H1 {
	margin:0px; 
	font-size:x-large;
	padding-top:12px; 
	color: #F68932;
}

H2 {
	margin:0px; 
	font-size:large; 
	color:#193461;
}

H2.subHeadingLink
{
    font-size:small;
    padding-bottom: 4px;
}

H3 {
	font-weight:normal; 
	margin:0px; 
	font-size:large; 
	font-family: Verdana, Arial, sans-serif;
}

H4 {
	font-weight:normal; 
	margin:0px; 
	font-size:medium; 
	font-weight:bold;
	font-family: Verdana, Arial, sans-serif;
}

UL {
    margin-top: 5px;
    margin-bottom: 5px;
} 
LI {
    padding-bottom: 5px;
} 

SUP {
    vertical-align: top;
    font-size:x-small;
}

/* ID Elements */
#wrapper {
	width:749px;
	text-align:left;
	margin:auto; /* Fire Fox Center Everything */
}

#headerLinks {
	float:right;
	text-align:right;
	padding:18px 0px 2px 0px;
}

#mainHeaderImage 
{
	background-image:url(/images/headers/header.gif);
	background-repeat:no-repeat;
	height:102px;
	width:749px;
	float:left;
}

#content {
	float:left;
	margin:0px 3px 5px 0px; 
	width:567px;
}

#sidebar {
	float:right;
	width:175px;
	font-size:small;
}
#sidebar P {
	font-size:x-small;
}
#sidebar P.footnote {
	font-size:xx-small;
}

#tabBox
{
    border-top: solid 3px #A6B9E4;
}

#savingsCalc, #contentArea
{    
    width:553px;
}

#doubleSampleAuditPage 
{
    display: table;
    background-color: #f5f7fd;
    min-height:320px; 
    width:550px;
    padding: 8px 0 8px 0;
}

.firstSampleAudit, .secondSampleAudit
{
    width:250px;
}
.singleSampleAudit
{
    width:280px;
}

.firstSampleAudit
{
    float:left;
    padding:0px 8px 0px 16px;
}

.secondSampleAudit
{
    float:right;
    padding:0px 16px 0px 8px;
}

.singleSampleAudit
{
    float:left;
    padding:0px 0px 0px 135px;

}

.firstSampleAudit h3, .secondSampleAudit h3, .singleSampleAudit h3 {
    color:#526788;	
    font-size:large;     
    font-weight:normal; 
    text-align:center;
}

#footerClearer 
{
	clear:both;
	min-height:1px; /*firefox seems to need this to work */
}

#footer {
	text-align:left;
	background-color: White;
	padding:4px 5px 8px 5px;
	margin-top:10px;
}

#footer A, #footer SPAN, #headerLinks A{
	font-size:small;
}

#footer A 
{
    font-weight:bold;
}

#news 
{
    overflow:auto; 
    height:200px; 
    border: solid 1px #a6b9e4;
    scrollbar-3dlight-color:#193461;
    scrollbar-arrow-color:#193461;
    scrollbar-base-color:#E6ECFA;
    scrollbar-darkshadow-color:#193461;
    scrollbar-face-color:#a6b9e4;
    scrollbar-highlight-color:white;
    scrollbar-shadow-color:#193461;
}
#news IMG 
{
    float: left; 
    margin: 5px 15px 5px 5px; 
}
#news H2
{
    font-size:small;
}
#news H3
{
    font-size:small;
}

#news DIV
{
    margin-bottom:10px;
}

#siteMap
{
    background-color: #f5f7fd;
	background-repeat:repeat;
	padding-top: 8px;
}
#siteMap UL LI UL LI H3
{
    font-size:small;
    font-weight: bold;
}


/* --- Classes */
/* Content  - use for table like layouts with dark and light sections */
.contentHeading, .content, h2.companiesact { 
	background-repeat:repeat;
	text-align:left;
    margin: 0 0 3px 0;
}

.contentHeading, h2.companiesact { 
	background-color: #e5ebf9;
}
.content, #companiesActRequirements { 
	background-color: #f5f7fd;
}

.contentHeading, h2.companiesact 
{
	padding: 0 5px 0 10px;	
}
.contentHeading h2, .contentHeading h3, h2.companiesact  {
	font-family: Verdana, Arial, sans-serif;
    font-weight:bold;
    color:Black;
}
.contentHeading h2, h2.companiesact  {
    font-size: small;
}
.contentHeading h3 {
    font-size: smaller;
}
.content p, .directions h5, #companiesActRequirements {
	padding: 0 5px 0 15px;	
}
/* PL STYLES */
/*-- PL Style Header (used in place of contentHeading) --*/
div.contentHeadingPl
{
	background-color: #e5ebf9;
	background-repeat:repeat;
	padding:6px 2px 6px 2px;
}

.contentHeadingPl h2 
{
	font-family: Verdana, Arial, sans-serif; 
	color:#0C2975;
	font-size:medium;
	font-weight:bold;
}

/* PL STYLES END */
.contentHolder {
	padding:0px 0px 0px 10px;	
}

.tabContent {
    padding: 5px 10px 5px 10px;
    background-color: #f5f7fd;
}
.tabContent P{
    padding-bottom: 10px;
}
.tabContent P.listIntro{
    padding-bottom: 0px;
}




/* Log In */
.sidePillarLogin {
	margin-bottom: 12px;
}
.sidePillarLogin IMG
{
	margin:0;
	padding:0;
}

/* Generic side pillar */
.sidePillar {
	background-image:url(/images/sidepanel/boxes/pillar_top.gif);
	background-repeat:no-repeat;
	padding:11px 6px 0px 10px;
	word-wrap: break-word;
}

.sidePillarHeading, .sidePillarHeading a {
	margin:0px; 	
	padding:0px;
	font-size:large;
}

.sidePillarBottom {
	background-image:url(/images/sidepanel/boxes/pillar_bottom.gif);
}

.sidePillarBottom, .contactUsBottom {
	background-repeat:no-repeat;
	height:12px;
	margin-bottom:6px;
}


/* Generic main content box */
.contentBox, .maintenanceBox {
	background-repeat:no-repeat;
	padding:11px 12px 0px 10px;
}

#announcementBox 
{
    margin-top: 10px;
}
.contentBox {
	background-image:url(/images/mainpanel/boxes/contentBox_top.gif);
}
.maintenanceBox {
	background-image:url(/images/mainpanel/boxes/fullWidthBox_top.gif);
}
.contentBoxHeading {
	margin:0px; 	
	padding:0px;
	font-size:large;
}

.contentBoxBottom, .maintenanceBoxBottom {
	background-repeat:no-repeat;
	max-height:12px;
	height:12px;
	background-color:white;
}

.contentBoxBottom {
	background-image:url(/images/mainpanel/boxes/contentBox_bottom.gif);
}
.maintenanceBoxBottom {
	background-image:url(/images/mainpanel/boxes/fullWidthBox_bottom.gif);
}

.contentBoxImageArea 
{   
    float:left; 
    width:40px; 
}
.contentBoxNonImageArea 
{
    float:right; 
    margin-left:10px;
}
.maintenanceBox .contentBoxNonImageArea 
{
    width:670px;
}
.contentBox .contentBoxNonImageArea 
{
    width:470px;
}

.contentBoxNonImageArea P
{
    padding-bottom: 4px;
    padding-right: 12px;
}

/* Contact Us */
.contactUsPillar {
	background-image:url(/images/sidepanel/boxes/contactUsPillar_top.gif);
	background-repeat:no-repeat;
	padding:10px 0px 0px 10px;
	margin-top:4px;
}
#sidebar .contactUsPillar P {
	font-size:90%;
}

.contactUsBottom {
	background-image:url(/images/sidepanel/boxes/contactUsPillar_bottom.gif);
}

.footnote, .boxedFootnote
{
    font-size:xx-small;
}
.footnote
{
    background: white;
    float:right;
}

.linksText {
	font-weight:normal;
	font-size:small; 
}

.consoleIcon {
	text-align:center;
	width:40px;
}

#flags img {
	padding:0px 0px 0px 0px;
	border:solid 1px #a6b9e4 !important; /* 'important' is needed to get around ASP.NET's annoying habit of adding a <style="border-width:0px;"> attribute to HyperLinks */
	width:16px;
}

.telNumber {
	color:#526788;
	font-weight:bold; 
	font-size:large;
	font-family: Verdana, Arial, sans-serif;
	padding-top:12px; /*PL*/
}

.headingUnderLine {
	width:100%;
	height:2px;
    font-size:0px;
	padding:4px 0px 0px 0px;
}


.headingStrapline 
{
    padding-top:14px;
    padding-bottom:6px;
}

.contentHeaderBottomSpacer
{
    height:12px;
    font-size:0px;
}

#home .headingStrapline 
{
    padding-bottom:10px;
}
.button {
	padding:0px 0px 0px 0px;
	border-width:0px;
}

/* HTML Classes */
.data {
	overflow:scroll;
	width:567px;
	height:100px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:medium; 
}

tbody.data {
	height:1.4em;
}

/* Directions */

.directions td, .companyInfoList td{
    padding:10px 0 0 10px;
    vertical-align:top;
    width:50%;
}

.directions P, .companyInfoList P, #companiesActRequirements {
    font-size:x-small;
}

.directions P.buildingName, .companyInfoList P.companyDetailName, #companiesActRequirements dl dt
{
    font-weight:bold;
}

.directions P.viewMap
{
    padding-top:12px;
}

.directions P.route
{
    margin-bottom: 10px;
}
.directions h5
{
    margin-bottom: 5px;
}

.experianMap
{   
    /* dimensions are set in the country specific style sheet */
    border: solid 2px #e6ecfa !important;
}

.officeLocations, .companyDetails, #companiesActRequirements
{
    padding-bottom: 8px;
}

/* Company Act Information */
#companyActContainer
{
    padding-top:10px;
}
#companiesActRequirements
{
	border:solid 1px white;
}

#companiesActRequirements dl
{
    padding-top:0px;
    line-height:120%;
}

#companiesActRequirements dt
{
	float: left;
	vertical-align : top;
	width: 240px;
	padding-left:10px;
}

#companiesActRequirements dd
{

	float: left;
	width: 170px;	
}
#companiesActRequirements dd, #companiesActRequirements dt
{
    padding-bottom:4px;
}
#companiesActRequirements address
{
	font-style:normal;
}

.clearer
{
	clear: both;
}

/* buyer's guide */
a.pdfLink
{
    vertical-align: middle;
    padding-left:10px;
}
a.pdfLink IMG
{
    vertical-align: middle;
    padding-right:10px;
    margin-bottom:0px;
    /* the following stops the bottom of the pdf link image being clipped */
    border-width:2px !important;
    border-style:solid;
    border-color:White;
}

/* legal side panels */
.legal-documents {
    font-size:xx-small;
    width:140px;
    padding:0 0 0 10px;
    margin:10px 0 0 0;
    min-height:30px;
}

.legal-documents A IMG
{
    float:left;
    margin: 0 15px 0 0;
}
/* sample audit side box */
#sampleAudit 
{
    text-align: center;
	padding-left: 4px;
	padding-right: 0px;
}

#sampleAudit img
{
    padding-top:8px;
}

#sampleAudit a.auditLink
{
    font-size: small;
}

#sampleAudit .sidePillarHeading a
{
    font-size: 0.90em; /* make fit to one line */
    font-weight: bold;
}

/* Spacers */

.menuSpacer {
    height:4px;
    font-size:0px;
    clear:both;
}

.spacer1px {
    height:1px;
    font-size:0px;
}
.spacer2px {
    height:2px;
    font-size:0px;
}
.spacer4px {
    height:4px;
    font-size:0px;
}
.spacer8px {
    height:8px;
    font-size:0px;
}
