/* DOCUMENT STYLES */

html									{margin:0; padding:0; overflow-y:scroll;}
body									{margin:0; padding:0; font-size:1em; line-height:1.5em; font-family: arial, Helvetica; background:url(../template-images/topbar.gif) top repeat-x;}
a 										{text-decoration:none; color:#00b7f0;border:none;}
a img 								{border:none;}

/*****************************************************************************************************************************/

/* WRAPPER */
#outer-wrapper 				{width: 960px; margin: 0 auto; padding: 0;}
#wrapper							{float:left;width:942px; margin:0 auto; padding:0;background:#fff;}

/*****************************************************************************************************************************/

/* BANNER */

#banner, #banner-static 			{float:left; width:100%; clear:both; margin:0; padding:0; height:285px; width:940px; font-family:Georgia, Arial, Helvetica; font-size:0.9em; line-height:1.5em; overflow:hidden;}
#banner img, #banner-static img 					{max-height:285px; float:right;	margin-left:-100px;	z-index:4;}
#banner .text, #banner-static .text 				{width:550px;	display: block;	float:left;	position:absolute;}
#banner .text p, #banner-static .text p 			{color:#55c2d9;}
#banner .text h1, #banner-static .text h1 			{font-family: Arial, Helvetica;	font-weight:normal;	font-size:1.7em; z-index:50; width:700px;}
#banner .banner_outer, #banner-static .banner_outer {width:940px;}
#banner .text #button, #banner-static #button {color:#fff; padding:10px; font-family:Arial, Helvetica; font-size:1.2em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 3px 3px 3px #bbb;
	-webkit-box-shadow: 3px 3px 3px #bbb; box-shadow: 3px 3px 3px #bbb; background:#60cbdf; width:200px;  text-align:center; text-shadow: 1px 1px 1px #000; margin-top:75px;color:#fff;}
#banner .text #button a, #banner-static .text #button a {color:#fff;}
a#prev 								{position:absolute;	top:410px; z-index:4000; margin-left:auto; margin-right:auto; padding-left:800px;}
a#next 								{position:absolute;	top:410px; z-index:4000; margin-left:auto; margin-right:auto;	margin-left:850px;}

/*****************************************************************************************************************************/


/* HEADER */

#header 							{background:url(../template-images/topbar.gif) top repeat-x;padding-top:40px;}
#header a img 				{float:left;}

/*****************************************************************************************************************************/


 /* MENU */

#menu									{float:right; width:52%; margin:0; padding:0;}

ul#nav 								{list-style-type:none;}

ul#nav li 						{display:inline; margin-left:20px;}

#menu ul							{padding:0; list-style:none;}
#menu ul li						{position:relative; z-index:100; float:left; margin:0; padding:0; display:inline; font-size:1em;}
#menu ul li a					{float:left;  padding:5px 5px 5px 5px; text-decoration:none;background:url(../template-images/hash.gif) no-repeat top left;width:90px;margin-right:10px;}

#menu ul li ul li a 	{background:none;}

#menu ul li ul li a:hover {background:#edf8fc;}

#menu ul ul	 					{position:absolute; left:-999em; height:auto; width:220px; margin:0; padding:3px 0;}
#menu ul ul a 				{display:block; font-weight:normal; text-decoration:none;}
#menu li li 					{float:left !important; width:100%; margin:0; padding:0;}
#menu li ul a 				{float:left !important; width:90px; margin:0; border:0;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul  {left:0px; top:30px; background-color:#FFFFFF;}


/*****************************************************************************************************************************/


/* MAIN CONTENT */

#content {clear: both; margin-bottom: -100px;  overflow: auto;}
#content p 						{    color: #666666;  font-size: 0.8em;   line-height: 1.8em;    }
#content table 				{border:none;}
#content table td, #content table th			{border:none;padding:20px;}
#content table h1		 	{display:inline;position:absolute;margin-top:15px;font-weight:normal;font-size:1.3em;}
#content table p 			{padding:0; font-size:0.8em;line-height:1.8em;padding-left:82px;margin-top:-20px;color:#666;}

/*****************************************************************************************************************************/


/* FOOTER */

#footer 							{clear: both; width:100%; height:246px; background-color: #55c1db; display:block; margin-left:auto; margin-right:auto;}
#footer_bar 					{font-size:0.6em; text-align:center; color:#fff; background: #3d3d3d; /* Old browsers */
background: -moz-linear-gradient(top, #3d3d3d 0%, #606060 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#606060)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3d3d3d 0%,#606060 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3d3d3d 0%,#606060 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3d3d3d 0%,#606060 100%); /* IE10+ */
background: linear-gradient(to bottom, #3d3d3d 0%,#606060 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#606060',GradientType=0 ); /* IE6-9 */}
#footer_inner 				{background:url(../template-images/footer-bottom.gif) no-repeat center; width:100%; height:100%;}

/*****************************************************************************************************************************/



.cws-sidebar {float:left; width:45%;  margin-right: 40px;}
.cws-content {float:left; width:45%;}



.pricing-structures .prices {
  display: none;
  margin-top: 20px;
}

.pricing-structures .question {
  margin-top: 20px;
}

.pricing-structures .right {
	text-align: right;
	width: 45%;
}

.pricing-structures .left {
	text-align: left;
	width: 45%;
}

.pricing-structures table {
	width: 100%;
}

.pricing-structures fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#content .pricing-structures p {
	color: initial;
	font-size: 1rem;
	padding-inline: 1.25rem;
}

.pricing-structures small {
	display: block;
	margin-block: 1rem;
}

/* Fieldset display logic */
.pricing-structures [data-question] {
	display: none;	
}

.pricing-structures:has(input#service-conveyancing:checked) [data-question="conveyancing"],
.pricing-structures:has(input#service-conveyancing:checked) [data-prices="conveyancing"].active {
	display: block;
}

.pricing-structures:has(input#service-powers-of-attorney:checked) [data-prices="powers-of-attorney"] {
	display: block;
}

.pricing-structures:has(input#service-wills:checked) [data-prices="wills"] {
	display: block;
}

.pricing-structures:has(input#service-probate-administration:checked) [data-prices="probate-administration"] {
	display: block;
}

.pricing-structures:has(input#service-declaration-of-trust:checked) [data-prices="declaration-of-trust"] {
  display: block;
}

.leasehold-purchase-label {
	display: none;
}

form.pricing-structures:has(#purchase:checked) .leasehold-purchase-label {
    display: inline-block;
}