/*
-----------------------------------------------
AegonSE styles (Business Protection section)
----------------------------------------------- */



/* Search option at top
-----------------------------------------------
#search {
	float:right;
	margin-top:10px;
}
#search div {
	float:left;
	margin-left:8px;
}
#search div label {
	display:block;
	color:#333;
	margin-bottom:0.2em;
}
#search .textbox {
	width:150px;
	border-color:#ccc;
}
#search .submitButton {
	margin-top:0.2em;
	border-color:#ccc;
} */



/* Homepage
----------------------------------------------- */
.homepage #headline img {
	float:right;
	margin:0 0 0 12px;
}
.homepage #headline h1 {
	padding:1em 0.5em 0 0;
	margin:0;
	font-weight:bold;
	width:auto;
}
.homepage #headline h2 {
	padding:0.2em 0.5em 0.3em 0;
	margin:0;
}
ul#businessTypes {
	margin:0;
	padding:0;
}
ul#businessTypes li {
	margin:10px 0;
	padding:0;
	list-style-type:none;
	float:left;
	width:50%;
}
ul#businessTypes p {
	margin:0 10px 0.6em 0;
}
ul#businessTypes img {
	float:left;
	margin:0 8px 4px 0;
}
ul#businessTypes a {
	font-weight:bold;
}
ul#businessTypes a img {
	border:1px solid #00aeee;
}

#baseBox {
	margin:10px 0;
	padding:0 10px;
}
#baseBox .column .inner{
	margin-right:10px;
}
#baseBox ul {
	padding-left:0.3em;
}
#baseBox .dropdown {
	width:180px;
}

#baseBox p {
	margin:1.2em 0 0 0;
}

.homepage #container {
	padding-bottom:15px;
	background-position:bottom right;
	background-repeat:no-repeat;
	background-image:url(../img/homeBg.jpg);
}





/* Second Level
----------------------------------------------- */
#headline h1 {
	padding:1em 0.5em 0 0;
	margin:0;
	font-weight:bold;
	width:45%;
}
#headline h2 {
	padding:0.1em 0.5em 0 0;
	margin:0;
	width:45%;
}
#container {
	padding-bottom:15px;
	background-position:bottom right;
	background-repeat:no-repeat;
	background-image:url(../img/footer.jpg);
}






/* Business Type
----------------------------------------------- */
#bizType {
	margin-top:2em;
}
#bizType .column {
	float:left;
	width:31%;
	margin:0;
	padding:0;
}
#bizType .columnMiddle {
	margin:0 3%;
}
#bizType .column .box {
	margin:0;
}
#bizType .box ul {
	padding-left:0.3em;
}
#bizType .boxImg {
	float:right;
	margin:-10px -10px -10px 4px;
}
h1.businessType {
	margin:1em 0 0.7em 0;
}
.partnership .caseStudy {
	padding-right:66px;
	background-image:url(../business_types/partnership/img/case_study.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
.ltdcompany .caseStudy {
	padding-right:66px;
	background-image:url(../business_types/limited_company/img/case_study.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}
.soleTrader .caseStudy {
	padding-right:66px;
	background-image:url(../business_types/sole_trader/img/case_study.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}






/* Flowcharts
----------------------------------------------- */
#flowchart .step {
	text-align:center;
	padding-top:2em;
}
#flowchart #step1 {
	padding-top:0;
}
#flowchart .step .detail {
	text-align:center;
	padding:1em;
	border:1px solid #00aeee;
	background-color:#fff;
}
#flowchart .open .detail {
	background-color:#f2f2f2;
	border:0;
}
#flowchart .buttons {
	margin:1em 0 0.4em 0;
}
#flowchart .buttons .active {
	border:1px solid #00aeee;
}
#flowchart .buttons .inactive {
	border-color:#ccc;
	color:#ccc;
}

#flowchart .line84 {
	background:url(../img/lineBg.gif) repeat-y 84% top #fff;
}
#flowchart .line75 {
	background:url(../img/lineBg.gif) repeat-y 75% top #fff;
}
#flowchart .line50 {
	background:url(../img/lineBg.gif) repeat-y 50% top #fff;
}
#flowchart .line25 {
	background:url(../img/lineBg.gif) repeat-y 25% top #fff;
}
#flowchart .line17 {
	background:url(../img/lineBg.gif) repeat-y 17% top #fff;
}
#flowchart .line15 {
	background:url(../img/lineBg.gif) repeat-y 15% top #fff;
}
#flowchart .twoLeft {
	float:left;
	width:49%;
	margin-right:1%;
}
#flowchart .twoRight {
	float:left;
	width:49%;
	margin-left:1%;
}
#flowchart .oneThirds {
	float:left;
	width:34%;
	margin-right:1%;
}
#flowchart .twoThirds {
	float:left;
	width:64%;
	margin-left:1%;
}
#flowchart .three {
	float:left;
	width:31%;
}
#flowchart .middle {
	margin:auto 3%;
	width:32%;
}
#flowchart .notSelected .detail {
	border-color:#ccc;
	color:#ccc;
}
#flowchart .button {
	border-color:#aaa;
}









/* Contact Us
----------------------------------------------- */
.contact #content h3 {
	margin:1.3em 0 0.3em 0;
}






/* Miscellaneous
----------------------------------------------- */
#contactBox p {
	margin:0;
	line-height:1.4em;
}
.pullout .box {
	margin:12px 0 0 12px;
}
#content .pullout ul {
	padding-left:0.2em;
}
.note {
/*	color:#999;     - wanted in black not grey  */
}
.pdf {
	background:url(../img/pdf.gif) no-repeat;
	padding-left:21px;
	padding-bottom:0.3em;
}
.doubleLine {
	line-height:1.8em;
}
.halfLine {
	margin:0.5em 0;
}
h4 {
	margin:1.4em 0 0.5em 0;
	font-size:1.3em;
	font-weight:normal;
    font-family:Georgia,"Times New Roman",Times,serif;
}
.downtime {
	color:#FF7800;
}
.alertbox {
	border:1px solid #ff7800;
}

#table_text1 {
float:left;
width:280px;
}

#table_text2 {
float:right;
width:280px;
}

#flowchart_links {
float:left;
width:560px;
}

#flowchart_link1 {
float:left;
margin-right:50px;
margin-left:60px;
}

#flowchart_link2 {
float:left;
margin-right:50px;

}
#flowchart_link2 {
float:left;
}

/* Extra Forms stuff
----------------------------------------------- */
.dropdown {
	border:1px solid #666;
	padding:1px 3px 2px 3px;
	font-size:1em;
}
.textbox textarea, textarea.textbox {
	border:1px solid #666;
	padding:2px 3px 3px 3px;
	font-size:1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 400px;
}
#questionholder .box{
	margin-top: -1px;
}
#questionholder .box p{
	font-weight: bolder;
}
#questionholder .submit{
	margin-top: 5px;
}
div.error p, div.errors {
	color: #ff7600;
}



/* Calculators
----------------------------------------------- */
.calculator {
	margin:1.5em 0;
	width:100%;
}
.calculator th {
	font-weight:bold;
	text-align:left;
	vertical-align:bottom;
	padding:8px;
	border:1px solid #00aeee;
	border-left:0;
	border-right:0;
}
.calculator th.first {
	border-left:1px solid #00aeee;
}
.calculator th.last {
	border-right:1px solid #00aeee;
}
.calculator .noBorders th {
	border:0;
	padding-top:1.2em;
}
.calculator td {
	vertical-align:top;
}
.calculator td.result {
	text-align:right;
	font-weight:bold;
}
.calculator td .cellBorder {
	border:1px solid #00aeee;
	padding:8px;
	margin:8px 8px 0 0;
}
.calculator .calculation td .cellBorder {
	margin-top:0;
}
.calculator td.last .cellBorder {
	margin-right:0;
}
.calculator td .cellGrey {
	padding:8px;
	border:1px solid #ccc;
	margin-top:8px;
}
.calculator td p {
	margin:0 0 1em 0;
}
.calculator .dataEntry .label {
	text-align:right;
	padding:0.3em 0.8em 0.3em 0;
}
.calculator .dataEntry .input {
	padding:0 0 0.3em 0;
}
.calculator .dataEntry .input .textbox, input.figure {
	width:7em;
}
input.short {
	width:2em;
}
.calculator .dataEntry .input .pound {
	display:block;
	width:1em;
	float:left;
	padding-top:0.3em;
}
.calculator .dataEntry .input .submitButton {
	margin-top:0.6em;
}
.halfTable {
	width:100%;
}
.halfTable td {
	width:50%;
}
.hardSums td {
	padding:0.2em;
	text-align:center;
}
.hardSums .plus {
	vertical-align:middle;
	padding:0.2em 0.8em;
}
.hardSums .dividedBy {
	border-bottom:1px solid #000;
}
.greyBox {
	padding:8px;
	border:1px solid #ccc;
}

label.error {
  color:#ff7800;
}

input.error {
  border:1px solid #ff7800;
}



/* !! MAJOR OVER-WRITES TO CORE !!
---------------------------------------------------- */
ul#subNav {
	margin:0 -17px 0 0;
	padding:14px 17px 0 0;
}
#content {
	margin-left:198px;
	padding:12px 12px 12px 0;
}
.homepage #content {
	padding:12px;
}
#headline {
	margin-left:0;
	padding-bottom:1px;
	padding-left:17px;
	background:url(../img/bg.jpg);
	background-color:#000;
	background-repeat:no-repeat;
	background-position:50% top;
}
.homepage #headline {
	margin-left:-12px;
	padding-bottom:0;
	padding-left:12px;
}
#body {
	background:url(../img/subnavLine.gif) repeat-y left top;
}
#sidebar {
	margin-bottom:37px;		/* fixes L shape problem - needs adding to core */
}
#noBreadbrumb {
	border-right:1px solid #e0e0e0;
	height:13px;
}
.dataTable .zebra th, .dataTable .zebra td {
	background-color:#daf1fc;	/* core has wrong blue */
}




/* Section textures
----------------------------------------------- */
#headline { background:url(../img/bg.jpg) no-repeat 50% top #000; }
#container { background-image:url(../img/footer.jpg); }
.about #headline { background-image:url(../img/aboutBg.jpg); }
.about #container { background-image:url(../img/aboutFooter.jpg); }
.solution #headline { background-image:url(../img/solutionBg.jpg); }
.solution #container { background-image:url(../img/solutionFooter.jpg); }
.grow #headline { background-image:url(../img/growBg.jpg); }
.grow #container { background-image:url(../img/growFooter.jpg); }
.bizTypes #headline { background-image:url(../img/bizTypesBg.jpg); }
.bizTypes #container { background-image:url(../img/bizTypesFooter.jpg); }
.resources #headline { background-image:url(../img/resourcesBg.jpg); }
.resources #container { background-image:url(../img/resourcesFooter.jpg); }
.contact #headline { background-image:url(../img/contactBg.jpg); }
.contact #container { background-image:url(../img/contactFooter.jpg); }
.ltdcompany #headline { background-image:url(../business_types/limited_company/img/bg.jpg); }
.ltdcompany #container { background-image:url(../business_types/limited_company/img/footer.jpg); }
.shareholder #headline { background-image:url(../business_types/shareholder/img/bg.jpg); }
.shareholder #container { background-image:url(../business_types/shareholder/img/footer.jpg); }
.partnership #headline { background-image:url(../business_types/partnership/img/bg.jpg); }
.partnership #container { background-image:url(../business_types/partnership/img/footer.jpg); }
.soleTrader #headline { background-image:url(../business_types/sole_trader/img/bg.jpg); }
.soleTrader #container { background-image:url(../business_types/sole_trader/img/footer.jpg); }
.homepage #headline { background-image:none; }





/* !! THIRD LEVEL SUB-NAV - NEEDS ADDING TO CORE !!
---------------------------------------------------- */
ul#subNav li ul {
	margin:0;
	padding:0;
}
ul#subNav li ul li {
	background-image:none;
	border:0;
}
ul#subNav li ul li a, ul#subNav li.on ul li a, ul#subNav li ul li a:visited, ul#subNav li.on ul li a:visited {
	background-image:none;
	padding:4px 4px 5px 9px;
	color:#000;
}
ul#subNav li ul li a:hover, ul#subNav li.on ul li a:hover {
	color:#00aeee;
}
ul#subNav li.open {
	background:#fff;
}
ul#subNav li.open ul a, ul#subNav li.open ul a:visited {
	color:#000;
}
ul#subNav li.open a:hover {
	color:#00aeee;
}
ul#subNav li.open li.on, ul#subNav li.open li.on a, ul#subNav li.open li.on a:visited {
	background:#eee;
	color:#00aeee;
}


/* -- Second level triangle position fix -- */
ul#subNav li li.on a, ul#subNav li li.on a:visited {
background:transparent url(../images/subNavOn.gif) no-repeat scroll left 0.7em;
	color:#00AEEE;
}