/* ### landing.css  ### */
/* Landing Page Styles 04-07-2007 */			

/* Following code unique to landing.css */

body {
	height: 100px;
}

li {
	list-style-image: url(../../web/images/Green-5x5.gif);
}

.pink-btn-menu a.aero{ /*aero button CSS*/
background: transparent url(../../web/images/pink-btn-left.gif) no-repeat top left;
display: block;
float: right;
font: 1.1em Arial, Helvetica, Sans-Serif; /* Change 13px as desired */
font-weight: normal;
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 20px; /* Width of left menu image */
margin-top: 10px;
text-decoration: none;
margin-left: 0px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.pink-btn-menu a.aero:link, .pink-btn-menu a.aero:visited, .pink-btn-menu a:active{
color: white; /*button text color*/
font-weight: normal;
text-decoration: none;
}

.pink-btn-menu a.aero span{
background: transparent url(../../web/images/pink-btn-right.gif) no-repeat top right;
display: block;
padding: 4px 20px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.pink-btn-menu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.pink-btn-menu a.aero:hover span{ /* Hover state CSS (for text) */
text-decoration: underline
}



.pink-btn-menu2 a.aero{ /*aero button CSS*/
background: transparent url(../../web/images/pink-btn-left.gif) no-repeat top left;
display: block;
float: right;
font: 1.1em Arial, Helvetica, Sans-Serif; /* Change 13px as desired */
font-weight: normal;
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 20px; /* Width of left menu image */
margin-top: 40px;
text-decoration: none;
margin-left: 0px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.pink-btn-menu2 a.aero:link, .pink-btn-menu2 a.aero:visited, .pink-btn-menu2 a:active{
color: white; /*button text color*/
font-weight: normal;
text-decoration: none;
}

.pink-btn-menu2 a.aero span{
background: transparent url(../../web/images/pink-btn-right.gif) no-repeat top right;
display: block;
padding: 4px 20px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.pink-btn-menu2 a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.pink-btn-menu2 a.aero:hover span{ /* Hover state CSS (for text) */
text-decoration: underline
}

#noteContentIntroPic ol {
padding-right: 5px;
text-align: left;
list-style-position: outside;
text-indent: 0px;
padding-left: 15px;
padding-right: 5px;
	}

#FreesharesHeader {
	float: right; width: 200px; background-color: #B5D305; font-weight: bold; text-align: left; padding: 5px;
}

#FreesharesContent {
	float: right; width: 200px; background-color: #e5efc1; padding: 5px; margin-bottom: 25px;
}

#FreesharesContent a, #FreesharesContent a:visited {
	font-weight: bold;
	text-decoration: underline;
}

.landingBody	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
}

#landingBanner	{
	width: 100%;
	height: 51px;
	background-color: #B5D305;
}

#landingHeaderHolder 
#landingHeaderHolder a:hover,
#landingHeaderHolder a:link, 
#landingHeaderHolder a:visited{
	background: url(http://www.share.com/web/images/the_share_centre.gif) no-repeat;
	float:left;
	width: 193px;
	height: 51px;
	display: block;
	background-color: #B5D305;
}
				
#topNavLandingContainer	{
	float: right;
	width: 350px;
	vertical-align:middle;
	height: 51px;
	padding: 0px 25px 0px 0px;
	background-color: #B5D305;
}

#topNavLandingContainer ul	{
	padding-left: 0;
	margin: 20px 0 0 0;
	color: #000000;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
}

#topNavLandingContainer ul li	{
	display: inline;
}

#topNavLandingContainer ul li a {
	font-size: 90%;
	padding: 0 0 0 0;
	color: #000000;
	text-decoration: none;
}

#topNavLandingContainer ul li a:hover {
	color: #666666;
	text-decoration: underline;
}

#landingContent {
	width: 730px;
	padding: 47px 0px 0px 0px;
	margin-left: auto; 
	margin-right: auto;
	clear: both;
}

#HboslandingContent {
	width: 730px;
	padding: 47px 0px 0px 0px;
	margin: 0 auto; 
	clear: both;
}

#landingContentIntro {
	width: 720px;
	padding: 0px 0px 20px 0px;
	float: right;
	text-align: left;
}

#landingContentIntro ul {
	margin-left: 8px;
	padding-left: 8px;
	list-style-type: disc;
}

#landingContentIntroCopy {
	width: 520px;
	text-align: left;
	float:left; 
	clear:both;
}

#landingContentIntroCopyAlt {
	width: 490px;
	text-align: left;
	float:left; 
	clear:both;
}

#landingContentIntroCopyAlt2 {
	width: 470px;
	text-align: left;
	float:left; 
	clear:both;
}

#landingContentIntroCopyAlt2 a, #landingContentIntroCopyAlt2 a:visited {
	font-weight: bold;
	text-decoration: underline;
}

#landingContentIntroPic {
	width: 200px;
	text-align: right;
	vertical-align:top;	
	float: right; 
}

#noteContentIntroPic {
	border: #B5D305 1px solid;
	width: 200px;
	padding: 5px;
	position: static;
	margin-top: 40px;
	text-align: justify;
	vertical-align:top;	
	float: right; 
}

#ctaContentIntroPic {
	border: #B5D305 1px solid;
	width: 210px;
	position: relative;
	top: 12px;
	text-align: justify;
	vertical-align:top;
	float: right;
	height: 30px;
}

#ctaContentIntroPic #ctashareaccount {
	position: absolute;
	top: 0px;
	left: 0px;
}

#ctashareaccount {
	margin: 0px;
}

#ctaContentIntroPic #ctaopenshareaccount {
	position: absolute;
	top: 8px;
	left: 47px;
	vertical-align: middle;
	
}

#landingPickerBoxes {
	width: 730px;
	text-align: left;
}

#landingPickerBoxOuter {
	width: 230px;
	margin: 0px;
	text-align: center;
	float: left;
}

#landingBoxTitle {
	width: 230px;
	margin: 0px;
	background-color: #B5D305;
	text-align: left;
}

#landingBoxTitle h2 {
	margin: 8px 8px 8px 10px;
	font-size: 120%;
	font-weight: bold; 
}

#landingBoxTitle h2 a		{color: #000000;text-decoration: none;font-family: Arial, Verdana, sans-serif;}
#landingBoxTitle h2 a:link	{color: #000000;text-decoration: none;font-family: Arial, Verdana, sans-serif;}
#landingBoxTitle h2 a:visited 	{color: #000000;text-decoration: none;font-family: Arial, Verdana, sans-serif;}
#landingBoxTitle h2 a:active	{color: #000000;text-decoration: none;font-family: Arial, Verdana, sans-serif;}
#landingBoxTitle h2 a:hover	{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}

#landingPickerBoxInner {
	width: 230px;
	background-color: #e5efc1;
	text-align: left;
}

.boxTxt {
	padding: 10px;
}

.boxtxtright {
	text-align: right;
	margin: 0px 10px 10px 0px;
}

.boxtxtright a, .boxtxtright a:visited {
	font-weight: bold;
	text-decoration: underline;
}

.registerLink {
	margin-left: 80px;
	vertical-align:middle;
}

.registerLink img {
	margin: 0px 10px 0px 0px;
}

#landingGuideBoxes {
	width: 730px;
	text-align: left;
}

#landingGuideBoxOuter {
	width: 230px;
	margin: 0px;
	background-color: #B5D305;
	text-align: center;
	float: left;
}

#landingGuideBoxInner {
	width: 230px;
	margin: 0px;
	background-color: #e5efc1;
	text-align: left;
}

#landingGuideBoxInner img {
	vertical-align:bottom;
}

#formBoxTop {
	vertical-align:top;
	background-image: url(http://www.share.com/web/images/form_top.gif) no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#guidesForm {
	vertical-align: bottom;
	background-color: #e0eb8a;
	width: 730px;
	float:left;
	padding: 0px;
	margin: 0px;
	border: 0px solid;
}

#guidesForm fieldset {
	width: 200px;
	border: 0px solid;
	margin: 0px 15px 15px 15px;
	padding: 0;
	float: left;
}

#guidesForm fieldset label {
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #666666;
	display: block;
}

#guidesForm fieldset input {
	font-size: 80%;
}

#landingFindOutMore {
	width: 730px;
	text-align: left;
	clear: both;
}

#findOutMoreGuides {
	background:url(http://www.share.com/web/images/findoutmore_guides.gif) no-repeat; 
	width: 230px; 
	height: 80px; 
	margin: 0px 0px 20px 0px;	
	float: left;
}

#findOutMorePractice {
	background:url(http://www.share.com/web/images/findoutmore_practice.gif) no-repeat; 
	width: 230px; 
	height: 80px; 
	margin: 0px 0px 20px 0px;	
	float: left;
}

#findOutMoreAdvice {
	background:url(http://www.share.com/web/images/findoutmore_advice.gif) no-repeat; 
	width: 230px; 
	height: 80px; 
	margin: 0px 0px 20px 0px;	
	float: left;
}

#findOutMorePickers {
	background:url(http://www.share.com/web/images/findoutmore_picker.gif) no-repeat; 
	width: 230px; 
	height: 80px; 
	margin: 0px 0px 20px 0px;	
	float: left;
}

#findOutMoreContents {
	width: 138px; 
	height: 80px; 
	margin: 29px 0px 0px 92px;
}

.findOutMoreLink {
	vertical-align:middle;
}

.findOutMoreLink img {
	margin: 1px 10px 0px 0px;
	vertical-align:top;
}

#landingGutter {
	width: 20px;
	padding: 0px;
	background-color: #fff;
	float: left;
}

#landingDivider {
	width: 730px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	clear: both;
}

#landingFooterRule {
	background:url(http://www.share.com/web/images/rule_img.gif) repeat-x;
	width: 730px; 
	height: 1px; 
	clear: both;
}

#landingSmallprint {
	width: 720px;
	text-align: left;
	font-size: 100%;
	float: right;
	clear: both;
}

a	    		{color: #000000;text-decoration: none;font-family: Arial, Verdana, sans-serif;}
a:link    		{color: #000000;text-decoration: none;font-family: Arial, Verdana, sans-serif;}
a:visited 		{color: #000000;text-decoration: none;font-family: Arial, Verdana, sans-serif;}
a:active 	 	{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}	
a:hover 	  	{color: #555555;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}

#landingContentIntroCopyAlt2 a				{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}
#landingContentIntroCopyAlt2 a:link    		{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}
#landingContentIntroCopyAlt2 a:visited 		{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}
#landingContentIntroCopyAlt2 a:active 	 	{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}	
#landingContentIntroCopyAlt2 a:hover 	  	{color: #555555;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}

.shareTransferItem a				{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}
.shareTransferItem a:link    		{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}
.shareTransferItem a:visited 		{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}
.shareTransferItem a:active 	 	{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}	
.shareTransferItem a:hover 	  		{color: #555555;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}

.shareTransferItem3 a				{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}
.shareTransferItem3 a:link    		{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}
.shareTransferItem3 a:visited 		{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}
.shareTransferItem3 a:active 	 	{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}	
.shareTransferItem3 a:hover 	  		{color: #555555;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}

.shareTransferItem4 a				{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}
.shareTransferItem4 a:link    		{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}
.shareTransferItem4 a:visited 		{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}
.shareTransferItem4 a:active 	 	{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}	
.shareTransferItem4 a:hover 	  		{color: #555555;text-decoration: underline;font-family: Arial, Verdana, sans-serif;}

#landingSmallprint a	    	{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;font-size: 100%;}
#landingSmallprint a:link    	{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;font-size: 100%;}
#landingSmallprint a:visited   	{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;font-size: 100%;}
#landingSmallprint a:active    	{color: #000000;text-decoration: underline;font-family: Arial, Verdana, sans-serif;font-size: 100%;}
#landingSmallprint a:hover   	{color: #666666;text-decoration: underline;font-family: Arial, Verdana, sans-serif;font-size: 100%;}


/* Share practive styles */

#customerBoxHeader {
	width: 709px;
	background-color: #B5D305;
	padding: 10px;
	/*position: absolute;
	left: 270px;*/
	height: 10px;
}

#customerBox {
	position: relative;
	width: 720px;
	margin-top: 20px;
}

#customerBoxHeader1 {
	font-weight: bold;
	width: 320px;
	position: absolute;
	top: -120px;
	left: -620px;
	background-color: #B5D305;
	padding: 10px;
	height: 10px;
	align: top;
}

#customerBoxHeader2 {
	font-weight: bold;
	width: 320px;
	position: absolute;
	top: -30px;
	right: -1px;
	background-color: #B5D305;
	padding: 10px;
	height: 10px;
	align: top;
}

#salesBoxHeader {
	width: 447px;
	background-color: #B5D305;
	margin-top: 32px;
	padding: 3px 0px 3px 3px;
	/*position: absolute;
	left: 270px;*/
}

.customerboxBox {
	width: 730px;
	/*height: 10px;*/
	background-color: #e5efc1;
	margin-bottom: 30px;
	/*position: absolute;
	left: 270px;
	top: 620px;*/
}

.customerboxBox1 {
	width: 320px;
	float: left;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #e5efc1;
}

.customerboxBox2 {
	width: 320px;
	float: right;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #e5efc1;
}

.salesboxBox {
	width: 430px;
	/*height: 10px;*/
	background-color: #e5efc1;
	margin-bottom: 30px;
	/*position: absolute;
	left: 270px;
	top: 620px;*/
}

.salesFormItem {
	width: 447px; padding: 3px 0px 10px 3px; margin-bottom: 5px; background-color: #e5efc1;
}

.salesFormItem a, .salesFormItem a:visited {
	font-weight: bold;
	text-decoration: underline;
}

#shareBoxHeader {
	width: 710px; height: 12px; background-color: #B5D305; padding: 10px; font-weight: bold; font-size: 120%; position: relative;
}

#pensionsBoxHeader {
	width: 440px; height: 12px; background-color: #B5D305; padding: 10px; font-weight: bold; font-size: 120%; position: relative;
}

.pensionsBox {
	height: auto; width: 440px; background-color: #e5efc1; padding: 10px; position: relative; 
}
.shareBoxContent1 {
	margin-left: 15px; padding-right: 20px; position: absolute; left: 0px; text-align: left;
}

.shareBoxContent2 {
	width: 352px; margin-left: 15px; position: absolute; right: 0px; 
}

.shareBox {
	height: auto; width: 730px; background-color: #e5efc1; padding-bottom: 12px;
}

.shareItemOuter {
	height: 50px; margin-bottom: 20px; position: relative;
}

.shareItemOuter a, .shareItemOuter a:visited {
	font-weight: bold;
	text-decoration: underline;
}

.shareItemSubHeader {
	font-weight: bold; color: #4e4c4c;
}

.shareItemSubHeader p {
	padding: 0px;
	margin: 0px;
}

.transferItemSubHeader {
	font-weight: bold; color: #000000;  
}

.shareItem {
	position: absolute; top: 0px; left: 0px; width: 328px; margin-top: 10px; margin-left: 15px; border-right: 1px solid #B5D305; padding-right: 20px;
}

.shareItem2 {
	position: absolute; top: 0px; right: 0px; width: 335px; margin-top: 10px; margin-left: 15px; margin-right: 15px; 
}

.shareItem a, .shareItem2 a {
	font-weight: bold;
	text-decoration:underline;
}

#sharePracticeBoxHeader {
	float: left; width: 710px; background-color: #B5D305; padding: 10px; font-size: 120%;
}

.sharePracticeBox {
	float: left; width: 730px; background-color: #e5efc1; margin-bottom: 30px;
}


.sharePracticeItemOuter {
	margin-top: 20px; margin-bottom: 20px;
}

.sharePracticeItemOuter a, .sharePracticeItemOuter a:visited {
	font-weight: bold;
	text-decoration: underline;
}

.sharePracticeItemSubHeader {
	font-weight: bold;
}

.sharePracticeItemSubHeader p {
	padding: 0px;
	margin: 0px;
}

.sharePracticeItem {
	width: 200px; float: left; margin-left: 8px; margin-right: 15px; border-right: 1px solid #B5D305; height: 140px; padding-right: 20px; 
}

.sharePracticeItem2 {
	width: 198px; float: left; margin-left: 8px; height: 150px;
}

.shareTransferItem {
	width: 330px; float: left; margin-left: 6px; margin-right: 15px; border-right: 1px solid #B5D305; height: 225px; 
	padding-right: 20px; margin-bottom: 20px; align: top;
}

.shareTransferItem2 {
	width: 330px; float: left; margin-left: 0px; height: 150px; align: top;
}

#landingContentIntrofundguide {
	width: 470px;
	text-align: left;
	float:left; 
	clear:both;
}

#landingContentIntrofundguide p {font-size: 100%;}

.fundguideItem {
	width: 405px; float: left; margin-left: 0px; margin-right: 0px; height: 100%; padding-top: 10px; padding-right: 5px; 
}
.fundguideItem p {margin-left: 20px; padding-top: 5px; font-size: 110%}

.fundguideItem ul li {margin-left: 0px; padding-bottom: 10px; font-size: 110%;}

.fundguideItem2 {
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

/* ISA + Fund of Funds styles - added 29 01 08 */

#landingContentIntroCopyIsaFunds {
	width: 450px;
	text-align: left;
	float:left; 
	clear:both;
}

#landingContentIntroCopyIsaFunds a, #landingContentIntroCopyIsaFunds a:visited {
	font-weight: bold;
	text-decoration: underline;
}


#landingContentIntroCopyIsaFunds ul {
	margin-left: 8px;
	padding-left: 8px;
	list-style-type: disc;
}


#contentPic {
	width: 226px;
	text-align: center;
	vertical-align:top;
	float: right; 
}

#babycontentPic {
	width: 226px;
	position: absolute:
	right:	0px;
	bottom: 0px;
}

#imageHeader {
	float:right;
}

#CallusHeader {
	float: right; width: 199px; background-color: #B5D305; font-weight: bold; text-align: left; margin-top: 9px; 
	padding: 3px 3px 3px 15px;
}

#CallusContent {
	float: right; width: 197px; background: #eee2f0; padding: 5px 5px 5px 15px; margin-bottom: 25px; text-align: left;
}

#CallusContentFG {
	float: right; width: 197px; background-color: #e5efc1; padding: 5px 5px 5px 15px; margin-bottom: 0px; text-align: left;
}

.Phoneno {
	font-size: 18px; font-weight: bold; color: #c50078;
}

.ISAshareBox {
	height: 100px; width: 730px; background-color: #e5efc1; padding-bottom: 12px;
}

.FoFshareBox {
	height: 140px; width: 730px; background-color: #e5efc1; padding-bottom: 12px;
}


#BrochureHeaderFS {
	float: right; width: 195px; background-color: #B5D305; font-weight: bold; padding: 3px 3px 3px 15px; text-align: left; margin-top: 30px;
	
}

#BrochureContentFS {
	float: right; width: 193px; background-color: #e5efc1; padding: 5px 5px 5px 15px; text-align: left;
	
}

#BrochureHeader {
	float: right; width: 198px; background-color: #B5D305; font-weight: bold; padding: 3px 3px 3px 15px; text-align: left; margin-top: 30px;
	
}

#BrochureHeaderFG {
	float: right; width: 198px; background-color: #B5D305; font-weight: bold; padding: 3px 3px 3px 15px; text-align: left; margin-top: 10px;
	
}

#BrochureContentFG {
	float: right; text-align: center; background: url(../../web/images/light-for-fundsguide.gif) no-repeat center;
	
}

#BrochureContent {
	float: right; width: 196px; background-color: #e5efc1; padding: 5px 5px 5px 15px; text-align: left;
	
}

#BrochureContent a, #BrochureContent a:visited {
	font-weight: bold;
	text-decoration: underline;
}


#FreesharesHeaderISA {
	float: right; width: 196px; background-color: #B5D305; font-weight: bold; padding: 3px 3px 3px 15px; margin: 0px 3px 0px 0px; text-align: left; 
	
}

#FreesharesContentISA {
	float: right; width: 194px; background-color: #e5efc1; padding: 5px 5px 5px 15px; margin: 0px 3px 0px 0px; text-align: left;
	
}

#FreesharesContentISA a, #FreesharesContentISA a:visited {
	font-weight: bold;
	text-decoration: underline;
}

#newFundsIsaApply {
	background:url(../../web/images/apply_isa_bg.gif) no-repeat; 
	width: 215px; 
	height: 77px; 
	margin: 15px 3px 3px 15px;
	float: right;
}

#newFundsIsaApplyContents {
	text-align: left;
	height: 80px; 
	margin: 9px 0px 0px 15px;
}

.shareTransferItem3 {
	width: 310px; float: left; margin-top: 20px; align: top; font-weight: normal;
}

.shareTransferItem4 {
	width: 310px; float: left; margin-top: 20px; align: top; font-weight: normal;;
}

.fofCautious {
	font-weight:bold; color:#006a8c;
}

.fofPositive {
	font-weight:bold; color:#e09411;
}

.fofAdventurous {
	font-weight:bold; color:#c50078;
}

.bold-no-margin-bottom {margin-bottom: -15px; margin-left: 0px; font-weight: bold;}
.normal {font-weight: normal;}
#main-heading {font-size: 280%; font-weight: bold;}
#sub-heading {font-size: 250%; font-weight: normal;}
#sub-heading span {font-size: 130%; font-weight: bold; color: #B5D305; padding-top: 0px;}

td {font-weight: normal; font-size: 120%;}
td span {font-size: 130%; font-weight: bold; padding-top: 0px;}

#cautious {background-color: #5fc0ba; color: #FFFFFF; font-weight: bold; font-size: 125%; text-align: center; margin-bottom: 10px; padding: 5px 0px 5px 0px;}

#cautious span {font-size: 88%;}

#positive {background-color: #e09411; color: #FFFFFF; font-weight: bold; font-size: 125%; text-align: center; margin-bottom: 10px; padding: 5px 0px 5px 0px;}

#positive span {font-size: 88%;}

#adventurous {background-color: #c50078; color: #FFFFFF; font-weight: bold; font-size: 125%; text-align: center; margin-bottom: 10px; padding: 5px 0px 5px 0px;}

#adventurous span {font-size: 88%;}

#right-area {width: 206px; margin-top: 0px; padding-bottom: 0px; background: #eee2f0; border-top: 1px solid #eee2f0;/*z-index and relative position declaration used for layering above background image in ff*/ z-index:2; position:relative; }

/* Additional Probate styles */

.probate_form {
	width: 430px;
}

.pensions_form {
	width: 350px;
}

.fltrt {
	float: right;
}

.right {
	position: relative;
	left: 277px;
}

.formfields_right {
	position: absolute;
	right: 5px;
}

.formfields_friend {
	margin-left: 5px;
}

#probateBoxHeader {
	width: 710px; height: 12px; background-color: #B5D305; padding: 10px; font-weight: bold; font-size: 120%; position: relative;
}

.probateBoxContent1 {
	margin-left: 15px; padding-right: 20px; position: absolute; left: 0px;
}

.probateBoxContent2 {
	width: 450px; margin-left: 15px; position: absolute; right: 0px; 
}

.probateItem {
	position: absolute; top: 0px; left: 0px; width: 230px; margin-top: 10px; margin-left: 15px;  border-right: 1px solid #B5D305; padding-right: 20px;
}

.probateItem2 {
	position: absolute; top: 0px; right: 0px; width: 420px; margin-top: 10px; margin-left: 15px; margin-right: 15px; 
}

.probateBox {
	height: auto; width: 730px; background-color: #e5efc1; padding-bottom: 12px;
}

.probateItemOuter {
	height: 180px; margin-bottom: 20px; position: relative;
}

#landingContentIntrojustice {
	
	margin-top: 100px; 
}

.justiceItemOuter {
	height: 180px; margin-bottom: 20px; position: relative;
}

#justiceok {
	width: 450px;
	float: left;
}