/* Conkers page styles */

/* General */
 
p{
 color: #555355;
 font-size: 0.7em;
}

strong, em{
 color: #727369;
}

.leftCol p{
 line-height: 17px;
}

a, a:link{
 color: #20358c;
 font-weight: bold;
}

a:hover{
 color: #555355;
}

h1{
 font-size: 1.7em;
 color: #555355;
}

.leftCol h1{
 padding-right: 50px;
}

h2, h3, h4, h5{
 font-size: 0.9em;
 color: #20358c;
 font-weight: bold;
}

ul{
 color: #555355;
 font-size: 0.7em;
}

.header{
 background-position: top right;
 background-repeat: no-repeat;
 width: 100%;
 height: 158px;
}

.purpleBlock{
 background-color: #b91fa3;
 margin: 0 0 0 10px;
 padding: 10px 10px 10px 20px;
 border-bottom: 1px dotted #8a8a8a;
}

.contentfullcolumn .purpleBlock{
 margin: 0;
}


.darkPurpleBlock{
 background-color: #574989;
 margin-bottom: 20px;
 border: none;
 height: 50px;
}

.purpleBlock p{
 color: #fff;
 font-size: 0.8em;
 font-weight: bold;
 margin: 0;
 padding: 0;
 background-image: url(../images/content/white_arrow.gif);
 background-position: center left;
 background-repeat: no-repeat;
}

.purpleBlock span{
 padding-left: 15px;
}

.purpleBlock span span{
 background: none;
 padding: 0;
}

b{
 color: #b91fa3;
}

/* Header styles */

.leftHeader{
 float: left;
 position: relative;
 width: 65%;
 padding: 0 0 30px 20px;
}

.rightHeader{
 float: right;
 position: relative;
 width: 30%;
 padding: 10px 0 0 0;
}

/* Footer styles */

#footer a{
 color: #000;
 text-decoration: none;
 font-weight: normal;
}

.footLeft{
 float: left;
 position: relative;
 padding: 20px 0 20px 15px;
}

.footRight{
 float: right;
 position: relative;
 padding: 20px 0 0 0;
}

/* Form Styles */

#frm{
 padding: 0 0 15px 0;
 width: 100%;
 margin-top: 10px;
 font-size: 0.7em;
 border-bottom: 1px dotted #8a8a8a;
}

#frm .textRow{
 margin: 0 10px 10px 0;
}

#frm label{
 color: #555355;
}

#frm .inputRow{
 margin-bottom: 14px;
}

#frm .inputBox{
 border: 1px solid #959595;
 width: 80%;
 margin-top: 5px;
 font-size: 0.8em;
}

#frm select{
 font-size: 1em;
 border: 1px solid #959595;
 width: 90%;
 margin-top: 5px;
}

.chkbox{
 width: 10px;
 padding: 0;
 margin: 0 0 1px 0;
}

* html .chkbox {
 margin: 0 0 -5px 0;
} 

.radioBox{
 margin-left: 20px;
}

.radio{
 border: 1px solid #959595;
}

#butt1 {
 width: 84px;
 height: 28px;
 margin: 10px 0 0 0;
 padding: 0;
 border: 0;
 background: transparent url(../images/button.gif) no-repeat top left;
 text-indent: -1000em;
 cursor: pointer; /* hand-shaped cursor */
 cursor: hand; /* IE 5.x */
}

/*
#butt1:hover{
 background-image:url(../images/button_over.gif);
}
*/

.error{
 font-size: 0.7em;
 color:#ca0101;
}

/* Free valuation form styles */

#contentfullcolumn form{
 display: inline;
}

#frmVal{
 font-size: 0.8em;
 margin: 10px 0 20px 0;
}

#frmVal .textRow{
 margin: 0 0 0 10px;
 border-bottom: 1px solid #d8d8d8;
}

#frmVal .leftCol{
 width: 45%;
 padding: 12px 0 10px 10px;
 margin: 0;
}

#frmVal .rightCol{
 width: 45%;
 padding: 10px 10px 10px 0;
 margin: 0;
}

#frmVal label{
 color: #000;
 font-weight: bold;
}

#frmVal label span{
 font-weight: normal;
}

#frmVal .inputBox{
 border: 1px solid #959595;
 width: 99%;
 font-size: 1em;
}

* html #frmVal .inputBox{
 margin-left: -10px;
}

#frmVal select{
 font-size: 1em;
 border: 1px solid #959595;
 width: 100%;
 font-family: Arial, Helvetica, sans-serif;
}

#butt2 {
 width: 86px;
 height: 30px;
 margin: 0 0 0 0;
 padding: 0;
 border: 0;
 background: transparent url(../images/submit.gif) no-repeat top left;
 text-indent: -1000em;
 vertical-align: middle;
 cursor: pointer; /* hand-shaped cursor */
}

#butt2:hover{
 background-image:url(../images/submit_over.gif);
}

/* CONTENT STYLES */

/* Left Column */

.quiz_head{
 font-size: 1.2em;
 color: #b91fa3;
 font-weight: bold;
 letter-spacing: -1px;
 width: 70%;
}

/* Homepage */

.home{
 background-image: url(../images/content/home.gif);
}

.sitemap{
 background-image: url(../images/content/home.gif);
}

.privacy{
 background-image: url(../images/content/home.gif);
}

.claim{
 background-image: url(../images/content/home.gif);
}

.bonds{
 background-image: url(../images/content/home.gif);
}

.performance{
 background-image: url(../images/content/home.gif);
}

.aboutUs{
 background-image: url(../images/content/home.gif);
}

.aboutBonds{
 background-image: url(../images/content/home.gif);
}

.valuation{
 background-image: url(../images/content/valuation.gif);
}

.header h1{
 padding: 40px 0 0 20px;
}

/* General */

.padding{
 padding: 15px 20px 0 20px;
}

.leftCol{
 float:left;
 width:366px;
}

.rightCol{
 float:right;
 width: 134px;
 padding-top: 5px;
}

.contentfullcolumn .leftCol{
 width: 625px;
}

.contentfullcolumn .rightCol{
 width:134px;
 padding-top: 20px;
}

/* Right Col features */

.addBg{
 background-color: #efeff0;
 padding: 15px;
}

.addBg div{
 color: #000;
 font-weight: bold;
 font-size: 0.8em;
}

.addBg .greenText{
 color: #faa11b;
 margin-top: 10px;
}

.addBg p{
 color: #000;
}

.addBg p span{
 color: #b91fa3;
 font-weight: bold;
}

/* Did you know */

.know{
 background-color: #f6e9f5;
 padding: 10px 10px 0px 10px;
 margin-bottom: 10px;
}

.know p{
 display: block;
 font-size: 0.7em;
 color: #b91fa3;
 width: 100%;
 float: left;
 margin-top: 0;
}

.know span{
 color: #20358c;
 text-transform: uppercase;
 font-weight: bold;
}

.darkPurpleBlock .leftCol{
 color: #fff;
 font-size: 0.8em;
 font-weight: bold;
 width: 60%;
 position: relative;
 margin-top: 15px;
 padding: 0 0 0 20px;
}

.darkPurpleBlock .rightCol{
 float: right;
 position: relative;
 width: 35%;
 margin-top: -10px;
}

/* Thank you page */

#twocols{
 width:540px; 
 float:right; 
 position:relative;
 margin: 20px 0 20px 0;
}

#maincol{
 float: left; 
 position: relative; 
 width:550px;
 padding: 10px 15px;
 background-color: #f6e9f5;
 margin-right: 10px;
}

#leftcol{
 width:210px; 
 float:left; 
 position:relative;
 padding: 20px;
 margin-right: 10px;
 display:inline;
 margin: 10px 0 20px 0;
}

#rightcol{
 width:230px; 
 float:right; 
 position:relative;
 display:inline;
 padding: 10px 15px;
 background-color: #f4f4f4;
}

#twocols p{
 color: #343434;
}

#leftcol h2{
 padding: 5px 0 5px 0;
 color: #b91fa3;
}

#twocols h2{
 padding: 5px 0 20px 0;
 color: #414141;
}

#leftcol p{
 color: #000;
 font-size: 0.8em;
}

#twocols img{
 float: left;
 width: 48px;
 position: relative; 
 padding-right: 15px;
 border: 0;
}

#twocols .blockText{
 margin: 0;
 display: block;
 width: 165px;
 float: left;
 position: relative;
}

#twocols .clr{
 height: 10px;
}

#twocols a, #maincol a:link{
 font-weight: normal;
 color: #b91fa3;
}

#twocols strong{
 color: #343434;
}

#twocols .whiteBlock{
 background-color: #fff;
 padding: 5px;
 font-size: 0.7em;
}

#twocols .whiteBlock div{
 background-image: url(../images/nav/arrow.gif);
 background-repeat: no-repeat;
 background-position: center left;
}

#twocols .whiteBlock div span{
 padding-left: 15px;
}

#twocols .whiteBlock img{
 width: 9px;
 height: 9px
}

p.whiteHeader
{
	 color: White;
	 font-weight: bold;
	 font-size:10pt;
}

p.pinkTitle
{
	 color: #B91FA3;
	 font-weight: bold;
	 font-size: 8pt;
}

.pinkTitle
{
	 color: #B91FA3;
	 font-weight: bold;
	 font-size: 8pt;
}

.rightColText
{
	 color: Black;
	 font-weight: bold;
	 font-size:10pt;
}

/* Navigation Links */
a.navigation:hover
{
	color: #555355;
	font-size: 0.7em;
	text-decoration: none;
}

a.navigation
{
	color: #555355;
	font-size: 0.7em;
	text-decoration: none;
}
	
hr
{
	height:1px;
	border: 0;
	width: 100%;
	color: #D8D8D8;
}

.valuation
{
	color: Black;
	font-weight: bold;
	font-size:10pt;
	font-family: Arial, Helvetica, sans-serif;	
}

.valuationFineText
{
	color: Black;
	font-size:10pt;
	font-family: Arial, Helvetica, sans-serif;	
}

/* Case Studies Styles */

.photoBg{
 background-image: url(../images/case_studies/photo_bg.gif);
 background-repeat: no-repeat;
 background-position: left;
 width: 150px;
 height: 163px;
 float: left;
 margin: 20px 0 20px 0;
}

.photoBg img{
 margin: 15px 0 0 25px;
 width: 109px;
 height: 105px;
}

.caseText{
 float: left;
 display: block;
 width: 200px;
 padding-left: 10px;
 margin: 20px 0 20px 0;
}

.caseText .caseHeader{
 color: #b91fa3;
 text-transform: uppercase;
 font-weight: bold;
}

.caseHeader a, .caseHeader a:link{
 text-decoration: none;
}

.caseText a, .caseText a:link{
 color: #b91fa3;
}

.case_clr{
 clear: both;
 height: 1px;
 overflow: hidden;
 border-bottom: 1px dotted #8a8a8a;
}

.paging{
 margin: 10px 0 10px 0;
 color: #b91fa3;
 font-size: 0.75em;
}

.paging a, .paging a:link{
 color: #b91fa3;
 text-decoration: none;
}