﻿.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */
/***********************************************************************/
/* OVERALL LAYOUT */
html{height: 100%}
body{background: url(images/ad_01.jpg) repeat-x #333366; min-width: 910px; max-width: 100%; margin:0; font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; font-weight: normal;}
#page_border{width: 911px; height:100%!important; margin: 0 auto; padding: 3px; background-color: #FFFFFF;}
/* end OVERALL LAYOUT */
/***********************************************************************/

/***********************************************************************/
/* LINKS AND TEXT MOUSEOVERS */
a.jump:link, a.jump:visited, a.jump:active {text-decoration : none;border-bottom: dotted 1px;color: #7B92CE;} 
a.jump:hover {text-decoration : none; border-bottom: solid 1px;color: #99CCFF;}
a.topad:link, a.topad:visited, a.topad:active {text-decoration: none; font-weight: bold;color: #7B92CE;} 
a.topad:hover {text-decoration : none;font-weight: bold;color: #99CCFF;}
a.adlink{font-size:80%;}
a.adlink:link, a.adlink:visited, a.adlink:active {text-decoration : none; font-weight: bold; font-style: italic; color: #7BAFE1;} 
a.adlink:hover {text-decoration : underline;}
a.copy:link, a.copy:visited, a.copy:active {text-decoration : none; border-bottom: dotted 1px #99CDFF;} 
a.copy:hover {text-decoration : none; border-bottom: dotted 1px #FFFFFF;}
a.articlelink:link, a.articlelink:visited, a.articlelink:active {text-decoration : none; border-bottom: dotted 1px;	font-weight: bold;color: #000000;} 
a.articlelink:hover {text-decoration : none;border-bottom: solid 1px;font-weight: bold; color: #7B92CE;}
.goarrow {border: 0px;vertical-align: middle;padding: 2px 4px 2px 4px;}
.homeimg {border: 0px;}
img.noborder {border: 0px;	margin: 0px;padding: 0px;}
/* end LINKS AND TEXT MOUSEOVERS */
/***********************************************************************/
/* #8EA6CC */
/***********************************************************************/
/* BRANDING */
#brand{clear: both; bottom: 0px; width: 910px; background: #8EA6CC;}
#companybranding {float:left; margin-bottom: 0px;}
#moreinfo {float: left; background: url(../../images/banner/banner-quote.jpg);}
#moreinfo #quote {height: 50px; width:409px; padding: 10px; text-align: center; color:#FFFFFF; font-weight: bold; margin-top: 10px;}
#splash {float:left;}
#sections {margin: 0px;}
#sections #section-cm {float:left; margin: 3px 3px 2px 0px}
#sections #section-btl {float:left; margin: 3px 4px 2px 0px}
#sections #section-af {float:left; margin: 3px 3px 2px 0px}
#sections #section-wc {float:left; margin: 3px 0px 2px 0px}
/* end BRANDING */
/***********************************************************************/

/***********************************************************************/
/* MENU SYSTEM */
#navigationbar{clear: both; margin-left: -1px}
/* end MENU SYSTEM */
/***********************************************************************/

/***********************************************************************/
/* BREADHEAD */
#breadhead{width: 100%; height: 22px; font-weight:bold; font-size: 75%; margin: 2px 0px 2px 0px;}
#breadhead2{width: 100%; height: 22px; font-weight:bold; font-size: 75%; margin: 5px 0px 2px 0px;}
#breadhead a{color: #FFFFFF; margin: 0 7px 0 7px;}
#breadcrumb{float: left; width: 903px; margin-left: 0px; height: 14px; padding: 4px; color:#333366; background-color: #A0C7EC;}
#breadcrumb .path-ns {color:#E5F3FF; margin: 0px; text-decoration: none;}
#breadcrumb .path-root {color:#E5F3FF; margin: 0px; text-decoration: none;}
#breadcrumb .path-cn {color:#FFFFFF; margin: 0px; text-decoration: none;}
#breadcrumb .path-sep {color:#42457B; margin: 0px 3px 0px 3px;}
/* end BREADHEAD */
/***********************************************************************/

/***********************************************************************/
/* CONTENT AREA*/
#rightcontent,#leftcontent{float: left; width: 227px;}
#maincontent{float:left; width: 437px; margin: 0px 5px 5px 5px; padding: 5px;}



/* adjust height in pageheading if needed */
div.pagecontent {width: 429px; margin: 0px 2px 5px 2px;} 
div.pagecontent h1.heading {font-size: 140%; font-weight: bold; color: #333366; margin-top: 0px;}
div.pagecontent h1.headinghome {font-size: 140%; font-weight: bold; color: #DA0000; margin-top: 4px; text-align:center;}
div.pagecontent h1.headingrate {font-size: 130%; font-weight: bold; color: #7BAFE1; margin-top: 4px; text-align:center;}
div.pagecontent h1.pageheading {position: relative; width:430px; height: 46px; margin: 0px; font-size: 70%; text-align: left;}
div.pagecontent h1.pageheading span {position: absolute; width: 100%; height: 46px; margin: 0px; font-size: 70%; text-align: left;}
div.pagecontent h2.subheading {font-size: 100%; font-weight: bold; color: #7BAFE1; margin-top: 4px;}
div.pagecontent h2.peopleheading {font-size: 90%; font-weight: normal; color: #3366CC;}
div.pagecontent h3.minorheading {font-size: 85%; font-weight: bold; color: #7B92CE;}
div.pagecontent .main{font-size: 85%;}
div.pagecontent div.resultblock{width: inherit;}
div.pagecontent div.results{width:220px;float: left;margin-top: 10px;}
div.pagecontent div.resulttext {font-weight: bold; font-size: 95%; width: 130px; text-align:left; float:left;}

div.pagecontent div.applynow{float:right; height:54px; width:170px;}
div.pagecontent div.freephone{float:right; clear:right; height:54px; width:170px;font-size:0.8em; font-weight:bold; text-align:center;}
div.pagecontent div.applynow img{border:0; height:54px; width:170px;}

div.pagecontent a.applylink{font-size: 1.2em; font-weight:bold; font-style:italic; color: #3366CC;}
div.pagecontent .dent{padding-left: 25px;}
div.pagecontent ol,ul.rules{font-size: 75%; color: #7B92CE;}
div.pagecontent div.certframe{float: left; clear:both;}
div.pagecontent #oracleimage{float:right;}
div.pagecontent div#oracletext{}

div.main-FAQ {border: solid 1px #7B92CE; padding-left: 3px; padding-right: 3px; margin-right: 4px;}
div.main-FAQ h2{font-size:14pt; color: #7B92CE; font-weight:bold;}
div.main-FAQ strong{font-size: 95%; color:Gray;}
div.main-FAQ p{font-size: 85%; color:Gray; margin-top: 3px;}


/* ARTICLES*/
div.pagecontent .articleheading{font-size: 90%; font-weight: bold; margin-top: -1px; display: block; width: 428px; background-color: #D5EDFF; padding: 3px;}
div.pagecontent .articledate{font-size: 90%; color: #7B92CE; display: block; width: 426px; background-color: #E5F3FF; margin: 0px 0px 0px 0px; padding: 3px; border: 1px solid #D5EDFF; border-bottom: 0px;}
div.pagecontent .articletext{font-size: 85%; display: block; border: 1px solid #D5EDFF; margin-bottom: 3px; width: 426px; padding: 3px;}
div.pagecontent .articlelisttext{font-size: 85%; display: block; border: 1px solid #D5EDFF; border-bottom: 0px; background-color: #E5F3FF; width: 426px;  padding: 3px;}
div.pagecontent .articlelistdate{font-size: 85%; color: #7B92CE; display: block; width: 426px; padding: 3px; border: 1px solid #D5EDFF;}
div.pagecontent .articletext{font-size: 85%; display: block; border: 1px solid #D5EDFF; margin-bottom: 3px; width: 426px; padding: 3px;}
div.pagecontent .articlebodytext{display: block; border: 1px solid #D5EDFF; margin: 3px 0px 3px 0px; width: 426px; padding: 3px;}
div.pagecontent .articleright{font-size: 85%; float: right;}
div.pagecontent .paraheading{font-size: 85%;} /* Have removed font-weight bold as this will be governed by inline code now div.pagecontent .paraheading ul {margin: 0; padding:0;}*/
.calltoaction{font-weight:bold; font-size: 90%; font-style: italic; display: block; border: 1px solid #D5EDFF; background-color: #E5F3FF; width: 426px; padding: 3px; margin-bottom: 10px;}

/* FORM ELEMENTS*/
.quoteactioncontrol .ButtonStyle {padding:3px; vertical-align: middle}
div.quoteactioncontrol label{font-size: 120%; font-weight:bold;}
div#forminput {background: url(../../images/gradient.gif) repeat;}
div#forminput div.dataentryrow {clear:both; margin: 3px;}
#forminput {width:420px; padding:0px; margin:0px 0px 5px 0px; background-color:#B0C2DC; border: 2px solid #8EA6CC;}
div#forminput div.dataentryrow {clear:both; margin: 3px;}
div#forminput div.dataentryrow .formintrobig{text-align:center; font-size: 95%; color: #FFFFFF; padding:7px; margin-bottom: 10px; background-color:#B0C2DC;}
div#forminput div.dataentryrow .formintro{text-align:center; font-size: 85%; font-weight: bold; color: #FFFFFF; padding:7px; margin-bottom: 10px; background-color:#B0C2DC;}
div#forminput div.dataentryrow .thanks{text-align:center; font-size: 85%; color: #FFFFFF; padding:7px; margin-bottom: 10px;}
div#forminput div.dataentryrow .thanks h2 {font-size: 130%;}
div#forminput div.dataentryrow .thanks h2.refno {font-size: 110%; font-weight: normal; color: #FFFFFF;}
div#forminput div.dataentryrow .formnotes{font-size: 85%; color: #FFFFFF; padding:3px; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
div#forminput div.dataentryrow .label{float:left; width:160px; color:#FFFFFF; text-align:right; margin:4px 4px 0px 4px; vertical-align:middle; font-weight:bold; font-size: 80%}
div#forminput div.dataentryrow .labeltype2{float:left; clear:left; width:160px; color:#FFFFFF; text-align:right; font-weight:normal; font-size: 75%;}
div#forminput div.dataentryrow .txtbox{font-family: Arial, Helvetica, sans-serif; font-size:85%; color:#333366; border: solid 1px #8EA6CC;}
div#forminput div.dataentryrow .combobox{font-family: Arial, Helvetica, sans-serif; font-size:85%; color:#333366; border: solid 1px #99ccFF;}
/*div#forminput div.dataentryrow .editdrop {float:left; color:#3366CC; border:1px solid #C7D1E9; margin:2px;}*/
div#forminput div.dataentryrow .emptyspc {float:left; width:160px; margin:4px;}
div#forminput div.dataentryrow .editbtn {float:left; margin-top:2px;}

div#forminput div.dataentryrow a:link, div#forminput div.dataentryrow a:visited, div#forminput div.dataentryrow a:active {text-decoration : none;border-bottom: dotted 1px;color: #FFFFFF; font-size: 85%;} 
div#forminput div.dataentryrow a:hover {text-decoration : none;border-bottom: solid 1px;color: #FFFFFF; font-size: 85%;}

div#forminput div.errsummary {clear: both;}
div#forminput div.errsummary .errtrap {background-color:#FFFFFF; border: 1px solid #D80202; padding:0px; color: #D80202; font-weight: bold; font-size: 75%; padding:3px; margin-top: 10px; margin-bottom: 10px;}

div#forminput div.appinformation p{font-size: 85%; padding:3px; margin-top: 10px; margin-bottom: 10px; color: #FFFFFF;}

/* 
div#forminput div.dataentryrow input.txtbox{color:#3C3D67; border:1px solid #7C90CD;}
div#forminput div.dataentryrow select.combobox{color:#3C3D67;border:1px solid #7C90CD;}
*/

/* GENERAL content variables */
#q_adds3{display:block; padding: 4px 0px 4px 0px; clear:both; float:left; width: 270px; position: relative; left: 80px;/*border: 1px solid #FF00FF;*/}
#q_adds4{display:block; padding: 4px 0px 4px 0px; clear:both; float:left; width: 370px; position: relative; left: 35px;/*border: 1px solid #FF00FF;*/}
.adbox25{float:left;width: 90px;text-align: center;}
#dottedline{margin-top: 10px;border-top: dotted 1px #cccccc;clear:both;}
#dottedbase{border-bottom: dotted 1px #cccccc;clear:both;}
.dottedtop{border-top: dotted 1px #cccccc; clear:both;}
.backtotop{clear:both;border-top: dotted 1px #cccccc;padding:4px;text-align: right;font-size: 75%;}
.boldertxt{font-weight: bold;}
.bigredtitle{color: #DA0000; font-size: 130%; font-weight: bold;}
.redtitle{color: #DA0000; font-weight: bold;}
.imgright{padding: 1px;float: right;border: solid 1px #cccccc;margin-left: 10px;}
.imgleft{padding: 1px;float: left;border: solid 1px #cccccc;margin-right: 10px;}
.imgleftnb{padding: 1px;float: left;margin-right: 7px;}
.pdfdoc{clear: both; padding: 7px; font-size: 85%;}
.quoteactioncontrol{font-size: 85%;}
.quoteq{float:left;vertical-align:middle;clear: both;}
.quoteblock{display: block; border: 1px solid #D5EDFF; margin-bottom: 3px; width: 418px; padding: 3px;}
#bookmark{font-size: 100%; font-weight:bold; vertical-align:middle; text-align:center;}
#quoteme {width: 430px;}

/* BUY TO LET variables */
.headers {padding: 2px; font-size: 85%; font-weight: bold;}
.infotxt {padding: 2px; font-size: 85%;}
#buytoletdeals {width: 430px;}

/*
#buytoletdeals #ranking {float:left; width: 40px; font-weight: bold;}
#buytoletdeals #ratedetails{float:left; width: 80px;}
#buytoletdeals #productdetail{float:left; width: 240px; padding-bottom:5px;}
#buytoletdeals #qlink{float:left; width: 50px; text-align: right;}
*/

#buytoletdeals .rankingheader {float:left; width: 40px; font-weight: bold; padding: 2px; font-size: 85%;}
#buytoletdeals .ratedetailsheader{float:left; width: 80px; padding: 2px; font-size: 85%; font-weight: bold;}
#buytoletdeals .productdetailheader{float:left; width: 240px; padding: 2px; padding-bottom:5px; font-size: 85%; font-weight: bold;}
#buytoletdeals .qlinkheader{float:left; width: 50px; text-align: right; padding: 2px; font-size: 85%; font-weight: bold;}

#buytoletdeals .rankinginfotxt {float:left; width: 40px; font-weight: bold; padding: 2px; font-size: 85%;}
#buytoletdeals .ratedetailsinfotxt{float:left; width: 80px;}
#buytoletdeals .productdetailinfotxt{float:left; width: 240px; padding: 2px; padding-bottom:5px; font-size: 85%;}
#buytoletdeals .qlinkinfotxt{float:left; width: 50px; text-align: right; padding: 2px; font-size: 85%;}
#buytoletdeals .rateinfotxt{padding: 2px; font-size: 85%;}
#buytoletdeals .ratetypeinfotxt{padding: 2px; font-size: 85%;}

/*end CONTENT AREA */
/***********************************************************************/

/* SITEMAP */
.AspNet-TreeView-Root {font-weight:bold; list-style-type: none; margin-left:-40px;}
.AspNet-TreeView-Parent {font-weight:bold; list-style-type: none; margin:10px; margin-left:-40px;}
.AspNet-TreeView-Leaf {font-size: 85%; font-weight:normal;}
.smallprint{font-size: 75%; color: #3366CC;}
.clearer{clear: both;}

/* end MIDDLE SECTIONs */
/***********************************************************************/

/***********************************************************************/
/* ADVERT LAYOUTS - Adjust margins of adblock, imgblock and adheading to adjsut spacing between objects and dotted lines*/

/* general */
div.adblock{padding-bottom: 2px; margin-top: 2px; margin-bottom: 2px; border-bottom: dotted 1px #cccccc;}
div.blockq{padding-bottom: 2px; margin-top: 2px; margin-bottom: 2px;}
/* h1.adheading {font-size: 90%; font-weight: bold; color: #FF00FF; text-align:left;} */
h1.newsheading {font-size: 130%; font-weight: bold; color: #333366; text-align:left; padding: 3px; margin: 2px 0px 2px 0px; border-bottom: dotted 1px #cccccc; background-color: #FFFFFF;}
h2.adstrap{padding: 7px 7px 0px 7px; width: 213px; font-size: 85%; color: #6277AC; background-color: #E5F3FF; margin: 0px;}
p.adtext{padding: 7px; width: 213px; color: #6277AC; background-color: #E5F3FF; margin: 0px;}
div.imgblock{width: 227px; border-bottom: dotted 1px #cccccc; padding-top: 5px; margin: 0px;}
div.imgblock2{width: 227px; border-bottom: dotted 1px #cccccc; margin: 0px;}
img.adimage{height: 60px; margin: 0px; padding-bottom:2px;}

/* top margin = 50 */
div#newsletter {width:227px; margin-top: 0px; margin-bottom: 15px;}
div#oracle {width:227px; margin-top: 0px; margin-bottom: 15px;}
div#rics {width:227px; margin-top: 0px; margin-bottom: 15px;}
div#cdrom {width:227px; margin-top: 0px; margin-bottom: 15px;}
div#directions {width:227px; margin-top: 0px; margin-bottom: 15px;}
div#callback {width:227px; margin-top: 0px; margin-bottom: 15px;}

div#briefings {width:227px; margin-top: 0px; margin-bottom:15px;}
div#briefings h1.adheading {padding: 0px 0px 2px 0px; width: 227px; font-size: 140%; font-weight: bold; color: #333366; margin: 0 4px 2px 4px; border-bottom: dotted 1px #cccccc; text-align:left;}

div#quoteaction {width:227px; margin-top: 0px; margin-bottom: 15px;}
div#quoteaction div.quoteblock div.quoteactioncontrol{}

div#bfqcc {width:227px; margin-top: 0px; margin-bottom: 15px;}
div#bfqcc div.adblock ul{margin-top: 4px; margin-bottom: 4px; margin-right: 10px;}
div#bfqcc div.adblock ul li.adbullet{font-size: 75%; color: #666666; padding:2px; list-style-type: square; margin-left:-15px;}

div#notify {width:227px; margin-top: 0px; margin-bottom: 15px;}
div#notify div.adblock div.notifycontrol{}

div.blank {width:227px; margin-top: 0px; margin-bottom: 15px;}

/* end ADVERT LAYOUTSs */
/***********************************************************************/

/***********************************************************************/
/* FOOTER */
#footer{clear: both; font-weight:bold; font-size: 75%;}
#footer a {color: #FFFFFF;}
#leftfoot{float: left; width: 217px; margin: 0px 1px 0px 0px; padding: 5px; color:#42457B; background-color: #7BAFE1; text-align:center; margin-top: 35px;}
#mainfoot{float: left; width: 441px; margin: 0px 2px 0px 2px; padding: 5px; color:#333366; background-color: #7BAFE1; text-align:center; margin-top: 35px;}
#rightfoot{float: left; width: 217px; margin: 0px 0px 0px 1px; padding: 5px; color:#42457B; background-color: #7BAFE1; text-align:center; margin-top: 35px;}
/* end FOOTER */
/***********************************************************************/

/* Added by DM 18 01 2007 */
img#carad{width:430px; height:143px; margin: 0px; padding: 2px 0px 2px 0px; border-bottom:dotted 1px #999999; border-top: dotted 1px #999999;}
/* End of Added by DM 18 01 2007 */

div.offpagelink {font-family: Arial, Helvetica, sans-serif; font-size:85%; font-weight:bold;}
div.offpagelink a:link{color:#7B92CE;}
div.offpagelink a:visited{color:#7B92CE;}
div.offpagelink a:hover{color:#99ccFF;}
div.offpagelink a:active{color:#99ccFF;}
div.offpagelink div.linkdescription{font-family: Arial, Helvetica, sans-serif; font-size:80%; color:#ccc4af;}

/* Banner advertisements */
div.wrapper{ background-color: #E5F3FF; }

div.banner-ads
{
	border-top: dotted 1px #cccccc;
	width:227px; 
	margin-top: 0px; 
	margin-bottom: 15px;
	border-bottom: dotted 1px #cccccc;
	color: #6277AC;
	padding-top:2px;
	padding-bottom:2px;
	}

.banner-ads input
{
	border: solid 1px red;
	clear:both;
	
}
.banner-ads a:link,
.banner-ads a:active,
.banner-ads a:hover,
.banner-ads a:visited
{ 
	/*text-decoration:none; 
	text-align:center; 
	color:#999999;*/
}

p.banner-detail
{
	clear:left;
	color: #7B92CE;
	font-size: 90%;
	font-weight:bold;
	margin-top:0;
	margin-bottom: 15px;
	position:relative; 
	text-align:center;
}

.banner-ad-image
{
	clear:both;
	margin:0;
	padding:0;
	position:relative;
	top: 10px;
}
