/* ############### */
/* ROOT STYLESHEET */
/* ############### */


/* Include all site-wide stylesheets: */

@import 'form-styles.css';

	html  { 
		font-size: 			100%;
		min-height: 		100%;
		height: 			auto;
	}
	table { 
		font-size: 			100%;
	}
	body {
		margin:				0;
		padding:			0 0 55px 0;
		background-color:	#333;
		color:				#666;
		font-family: 		Arial, Helvetica, Sans-Serif;
		font-size: 			72.5%;
		text-align:			center;
	}
	h1 {
		display: 			block;
		font-family: 		'times new roman', Sans-Serif;
		font-weight:		normal;
		color: 				#be200c;
		font-size: 			27px;
		margin: 			0 0 5px 40px;
		padding: 			85px 0 10px 120px;
		height:				35px;
		background:			transparent url('/images/flintbishop-logo.gif') no-repeat bottom left;
	}
	
	h2 {
		color: 				#343434;
		font-size: 			2.1em;
		line-height:		2em;
		font-weight:		normal;	
		padding:			0;
		margin:				0;
	}
	
	h3 {
		color: 				#343434;
		font-size: 			1.5em;
		font-weight:		normal;
		line-height:		1.7em;
	}
	
	h4 {
		font-size: 			1.2em;
		line-height:		1.4em;
		padding:			0 0 10px 0;
		margin:				0;
	}
	p, td {
		font-size:			1.1em;
		line-height:		1.7em;
		margin:				0;
		padding:			0 0 1em 0;
	}
	p.top {
		margin: 			0; 
		padding: 			0; 
		width: 				0; 
		height: 			0;	
	}
	
	hr, div.right-blue {
		height: 			0;
		border:				0;
		margin:				5px 0 5px 0;
		padding:			0;
		border-top:			1px solid #e6e3cc;
		color:				transparent;
	}
	ul {
		display:			block;
		list-style-type:	disc;
		margin-top:			8px;
		margin-bottom:		8px;
	}
	li {
		font-size:			1.1em;
		line-height:		1.5em;
		margin:				0 0 15px 0;
	}
	a, a:visited, a:active, a:hover {
		color:				#ad200c;
		text-decoration:	none;
		font-weight:		bold;
	}
	a:hover {
		color:				#801303;
		text-decoration:	underline;
	}
	fieldset {
		padding:			0;
		margin:				0;
		border:				0;	
	}
	
	
	a.linkbutton:link, 
	a.linkbutton:visited, 
	a.linkbutton:active, 
	input.linkbutton,
	a.button:link, 
	a.button:visited, 
	a.button:active, 
	input.button {
		display:			block;
		font-weight:		bold;
		text-decoration:	none;
		text-align:			left;
		font-size:			0.9em;
		padding:			6px 5px 6px 35px;
		margin:				5px 10px 5px 10px;
		width:				140px;
		height:				22px;
		background:	 		transparent url('/clients/nct/images/button_bg.gif') no-repeat 0 0;
		color:				#fff;
		border:				0;
	}
	input.linkbutton {
		width:				180px;
		height:				33px;
	}
	a.linkbutton:hover,
	input.linkbutton:hover,
	a.button:hover, 
	input.button:hover {
		cursor:				pointer;
		background-position: 0 -34px;
	}
	input.button {
		width:				180px;
		height:				34px;
	}

	
	div.center {
		width:				100%;
		margin:				0;
		padding:			0;
		height:				auto;
		text-align:			center;	
	}
	table.will_finder {
		width:				100%;
		margin:				0;
		padding:			0;
		border-collapse:	collapse;
		border:				0;
	}
	table.will_finder td {
		padding:			0;
		margin:				0;
		font-size:			1em;
	}
	#table_questionnaire, table.home_login {
		width:				100%;
		border-collapse:	collapse;
		border:				0;
		border-bottom:		1px solid #a5d867;
		background:			transparent;
		margin:				0 0 15px 0;
	}
	table.home_login {
		border-bottom:		0;	
	}
	#table_questionnaire th, table.home_login th {
		text-align:			left;
		vertical-align:		top;
		font-weight:		bold;
		font-size:			1.2em;	
		padding:			6px 10px 6px 10px;
		color:				#ad200c;
		border:				0;
		border-top:			1px solid #ccbdbd;
		background-color: 	#eeedde;
	}
	#table_questionnaire td, table.home_login td {
		text-align:			left;
		vertical-align:		top;
		padding:			5px 10px 5px 10px;
		border:				0;
		border-top:			2px solid #fff;
		border-bottom:		2px solid #fff;
		font-size:			80%
		color:				#333;
		background-color: 	#f3f2e7;	
	}
	
	
	
	table.application {
		width:				100%;
		border-collapse:	collapse;
		border:				0;
		border-bottom:		1px solid #a5d867;
		margin:				15px 0 10px 0;
	}	
	
	table.application th {
		text-align:			left;
		font-weight:		normal;
		font-size:			1.4em;	
		margin:				2px;
		padding:			10px 10px 10px 10px;
		color:				#ad200c;
		border:				0;
		border-top:			1px solid #ccbdbd;
		background-color: 	#eeedde;
	}
	table.application td {
		margin:				4px;
		padding:			4px 10px 4px 10px;
		vertical-align:		top;
		background-color:	#f9f9f4;
		border-top:			2px solid #fff;
		border-bottom:		2px solid #fff;
		font-size:			1em;
	}
	table.application td.btntd {
		text-align:			center;	
		padding:			4px 2px 4px 2px;
	}
	table.application td.comm,
	table.application th.comm {
		font-size:			1.2em;
		color:				#6c4f50;
		font-weight:		bold;	
		background-color:	#ccc;
		border-left:		1px solid #999;
		border-right:		1px solid #999;
		text-align:			center;
	}
	table.application th.comm {
		color:				#fff;
		background-color:	#777;
	}
	input.short {
		width:				60px;
	}
	textarea.application,
	textarea.error_input {
		height:				60px;	
	}
	textarea.application_large {
		height:				120px;	
		width:				300px;
	}
	input.application_radio {
		width:				auto;
		margin:				2px 5px 0 0;
	}
	table.progress {
		width:				542px;
		border-collapse:	collapse;
		border:				0;
		margin:				5px 0 2px 0;
		background-color:	#eeedde;
	}
	table.progress td {
		margin:				2px;
		padding:			2px;
		border:				1px solid #ccbdbd;
	}
	table.progress td.complete {
		background-color:	#5bcb5b;
	}
	table.progress td.current {
		background-color:	#ad200c;
	}
	table#contact_form {
		width:				400px;	
	}
	
	
	td.error {
		color:				#c00;
	}
	input.error_input,
	select.error_input,
	textarea.error_input
	 {
		background-color:	#FBD7D8;
		border:				1px solid #c00
	}
	p.footnote {
		font-size:			0.8em;
		color:				#666;
	}
	p.note {
		font-size:			0.9em;
		color:				#666;
	}
	p.address {
		text-align:			left;
	}
	
	tr.on {
		display:			table-row;
	}
	tr.off {
		display:			none;
	}
	p.subheader {
		color:				#0099FF;
		font-weight:		bold;	
	}
	a.apply_now_button {
		display: 			block;	
		text-indent:		-500px;
		overflow:			hidden;
		width:				190px;
		height:				34px;
		background:			transparent url('/clients/nct/images/get_started_now.gif') no-repeat top left;
		color:				#fff;
		font-size:			4px;
	}
	
	
	
	
	
	
/* ############### */
/* TEMPLATE STYLES */
/* ############### */

/* Styles common to all standard pages */


div#container {
	background-color: 		#fff;
	margin: 				0 auto;
	margin-top:				10px;
	width: 					940px;
	border:					0;
	text-align: 			left;
}

img.logo {
	float:	left;
	margin: 12px 18px 18px 40px;
	padding: 0;
	border:	0;	
}
div#nct-title {
	float:					left;
	font-family: 			arial, helvetica, sans-serif;
	font-size:				14px;
	font-weight:			normal;
	color:					#5a4743;
	width:					auto;
	height:					auto;
	padding:				96px 0 0 0;
	margin:					0;
	line-height:			1.4em;
}
img.brought-to-you {
	float:					right;
	margin: 				20px 40px 0 0;
	padding: 				0;
	border: 				0;	
}

div#breadcrumbs {
	margin: 				0 0 0 186px;
	padding: 				7px 0 7px 0;
	font-size: 				1.1em;
	color: 					#666;	
}
div#breadcrumbs a {
	color: 					#3c6797;
	text-decoration: 		none;	
}


ul.photo {   
   	list-style:			none;   
	width: 				860px;
	height: 			178px;
    overflow:			hidden;   
    position:			relative;   
    margin:				0 0 10px 40px;   
    padding:			0;  
    border:				0;
    border-bottom:		1px solid #ccbdbd; 
}      
  
ul.photo li {   
    position:	absolute;   
    left:		0;   
    right:		0;   
}   
  
ul.photo li.show {   
    z-index:	500;       
}   
 
ul.photo img {   
	border:		none;       
}   
  
#slideshow-caption {   
    width:		470px;   
    height:		120px;   
    position:	absolute;   
    top:		29px;   
    left:		0;    
    color:		#444;   
    background:	#ebe1d9;   
    z-index:	500;   
}   
  
#slideshow-caption .slideshow-caption-container {   
    padding:	5px 10px;      
    z-index:	1000;      
}   
  
#slideshow-caption h3 {   
    margin:		0;   
    padding:	0;     
    font-size:	14px;   
}   
  
#slideshow-caption p {   
    margin:		5px 0 0 0;   
    padding:	0;   
}  




ul#main_nav {
	clear: 				both;
	background: 		transparent;
	margin: 			0 40px 10px 40px;
	height: 			40px;
	padding: 			0;
	border: 			0;
	border-bottom: 		1px solid #ccbdbd;
	list-style-type: 	none;
	width: 				auto;
}
ul#main_nav li {
	display: 			inline;
	float: 				left;
	border: 			0;
	color: 				#6d5051;
	margin: 			0;
	background: 		transparent;
	text-align: 		left;
	padding: 			0 40px 0 0;
	height: 			31px;
	overflow: 			hidden;
	font-weight: 		normal;
}
ul#main_nav li a {
	display: 			block;
	background: 		transparent;
	color: 				#6d5051;
	text-decoration: 	none;
	height: 			23px;
	padding: 			8px 10px 0 0;
	margin: 			0;
	font-size: 			14px;
	font-weight: 		normal;
}
ul#main_nav li a:hover {
	background-position:0 -31px;
	border-bottom: 		1px solid #fff;
	color: 				#333;
}

ul#main_nav li#menu_telephone {
	float:				right;
	text-align:			right;
	padding: 			4px 0 0 0;
	font-size:			16px;
	font-weight: 		bold;
	color: 				#be200c;
}





div#content {
	clear:				both;
	margin: 			0 40px 0 40px;
	padding: 			10px 0 5px 0;
	border: 			0;
	border-bottom: 		1px solid #ccbdbd;
	height: 			auto;
	min-height:			270px;
}

div#left_column {
	float: 				left;
	width: 				460px;
	padding: 			20px 15px 25px 0;
	margin:				0 0 0 15px;
	border: 			0;
	border-right:		1px solid #ccbdbd;
	background: 		transparent;
}

div#maincontent {
	float: 				left;
	width: 				654px;
	padding: 			20px 25px 25px 0;
	margin:				10px 0 0 15px;
	background: 		transparent;
	border: 			0;
	border-top:			1px solid #ccbdbd;
}

div#right_column {
	float: 				right;
	width: 				350px;
	padding: 			0;
	margin:				10px 0 0 13px;
	border: 			0;
	background: 		transparent;
}
div#left_column h2,
div#right_column h2 {
	line-height:		1em;
}
div#left_column h3 {
	font-size:			1.3em;
	line-height:		1.6em;			
}

div#apply-now h2 {
	float:				left;
	background:			transparent url('/images/pointer.gif') no-repeat top right;
	width:				165px;
	padding:			0 0 10px 0;
	margin:				0 15px 0 0;
	border:				0;
	cursor:				pointer;
}
div#apply-now p {
	float:				left;
	width:				160px;
	border:				0;
	padding:			0 0 15px 0;
	margin:				0;
	line-height:		1.3em;
}
div#here-to-help {
	float:				none;
	clear:				both;
	border-top:			1px solid #ccbdbd;
	border-bottom:		1px solid #ccbdbd;
	background:			transparent url('/images/binoculars.jpg') no-repeat top right;
	padding:			10px 0 5px 0;
	margin:				0 0 10px 0;
}
div#here-to-help h3 {
	color: 				#6c4f50;
	font-size: 			2.1em;
	font-weight:		normal;
	line-height:		1.6em;
	padding:			0;
	margin:				0;
}
div#here-to-help p {
	padding:			4px 0 4px 0;
	margin:				0;
	line-height:		1.4em;
}
div#callback {
	background:			transparent url('/images/callback.jpg') no-repeat top left;
	padding:			5px 15px 0 15px;
	cursor:				pointer;
}
div#callback h3 {
	font-size: 			1.6em;
	font-weight:		normal;
	line-height:		1.6em;
	padding:			0;
	margin:				0;
}
div#referral_fees {
	font-size:			0.9em;
	margin-top:			60px;
}
a.advert {
	color:				#666;
	font-size:			1.2em;
	float:				left;
	display:			block;
	width:				313px;
	height:				27px;
	padding:			34px 0 0 15px;
	margin:				0;
	background:			transparent url('/images/background-family.jpg') no-repeat top left;
}
a.advert span {
	color: 				#be200c;
}
a#top5 {
	margin:				10px 10px 0 40px;
}
a#testimonials {
	background:			transparent url('/images/background-mouse.jpg') no-repeat top left;
	margin:				10px 0 0 0;
}

div.sidebar {
	float:				right;
	display:			block;
	width:				215px;
	height:				auto;
	border:				0;
	margin:				10px 0 0 20px;
	font-size:			1em;
	padding:			15px;
	background: 		#f3f2e7;
}
div.sidebar h2 {
	padding: 			4px 0 4px 0;
	margin: 			0;	
}
div.sidebar img {
	display:			block;
	padding:			4px;
	margin:				0 0 8px 0;
	border: 			1px solid #ccc;
}

form#wills_contact,
form#conveyancing_contact {
	width: 340px;
	margin: 0;
	padding: 0;
	border: 0;
}
form.conveyancing {
	width: 				auto;
	background-color: 	#fff;
}
form#login_form {
	float:				right;
	border: 			0;
	padding: 			5px 0 5px 25px;
	margin: 			0 40px 0 0;
	width: 				610px;
	background-color: 	#fbf8f8;
	border-left: 		1px solid #be200c;	
}
form#login_form fieldset {
	padding:			0;
	margin:				0;
	border:				0;	
}
form#login_form fieldset legend {
	float:				left;
	clear:				none;
	color:				#666;
	font-family:		'times new roman', arial, sans-serif;
	padding:			3px 20px 0 0;
	font-size:			14px;
	font-style:			italic;
	width:				100px;
}
form#login_form fieldset legend span {
	color:				#be200c;
}
form#login_form label {
	color:				#666;
	font-size:			12px;
}
form#login_form input {
	width:				135px;
	font-size:			1em;
	border:				1px solid #e6e3cc;
	color:				#888;
	background-color:	#FEFEFE;
	padding:			3px;
	margin:				0 4px 0 4px;
}
form#login_form input:focus {
	border:				1px solid #999;
}
form#login_form input.button { 
	display: 			block;
	float:				right;
	padding: 			3px 8px 3px 8px; 
	margin: 			0 4px 0 4px; 
	width: 				auto; 
	height:				auto;
	text-align: 		center; 
	color:				#be200c;
	font-weight:		normal;
	background-color:	#FEFEFE;
	background-image:  	none;
	font-size: 			1em; 
} 
form#login_form input.button:hover { 
	cursor:				pointer;
	background-color: 	#eee; 
	color:				#be200c; 
	border:				1px solid #999;
	text-decoration: 	none;
	background-image:  	none; 
}


ul#navigation {
	float: 				left;
	margin: 			10px 25px 25px 0;
	padding: 			0;
	border: 			0;
	height: 			auto;
	list-style-type: 	none;
	width: 				175px;
	background: 		#f3f2e7;
}
ul#navigation li {
	display: 			inline;
	border: 			0;
	margin: 			0;
	padding: 			0;
}
ul#navigation li a:link,
ul#navigation li a:active,
ul#navigation li a:visited,
ul#navigation li a:hover {
	display: 			block;
	float: 				left;
	text-align: 		left;
	height: 			auto;
	width: 				165px;
	padding: 			7px 0 7px 10px;
	margin: 			0;
	border-bottom: 		1px solid #fff;
	color: 				#666;
	text-decoration: 	none;
	font-size: 			0.95em;
	line-height: 		130%;
	font-weight: 		normal;
}
ul#navigation li a.title {
	display: 			none;
}
ul#navigation li a.sub {
	color:			  	#888;
	background-color: 	#fafaf5;
}
ul#navigation li a.submenu {
	color: 				#666;
	width: 				145px;
	padding-left: 		20px;
}
ul#navigation li a:hover {
	color: 				#a41f0c;
}


/* Holly Hack for IE \*/
* html ul#navigation li { float: left; height: 1%; }
* html ul#navigation li a { height: 1%; }
/* End */


#foot_wrap {
	background-color: 	#005596;
	width: 				100%;
	height: 			20px;
	margin: 			0;
	padding: 			0;
	border: 			0;
}

ul#footer {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style-type: none;
}

ul#footer li {
	display: inline;
	background-color: #005596;
}

ul#footer li a:link,
ul#footer li a:active,
ul#footer li a:visited,
ul#footer li a:hover {
	display: block;
	float: left;
	height: 20px;
	background-color: #005596;
	color: #fff;
	text-decoration: none;
	font-size: 85%;
	padding: 0 10px 0 10px;
	margin: 0 1px 0 0;
	border: 0;
	border-right: 1px solid #fff;
}
ul#footer li a:hover {
	color: #000;	
}

ul#footer li a.start,
ul#footer li a.start:hover {
	background: #005596 url('/clients/mmbs/images/footer-start.gif') no-repeat top left;
	padding-left: 15px;
}

ul#footer li.end {
	display: block;
	float: right;
	clear: right;
	height: 18px;
	width: auto;
	color: #fff;
	background: #005596 url('/clients/mmbs/images/footer-end.gif') no-repeat top right;	
	font-size: 90%;
	text-align: right;
	padding: 2px 12px 0 30px;
	margin: 0;
	border: 0;
}



ul#footer img {
	border: 0;
}

div#wrap {
	width: 945px;
	margin: 0 auto;
	text-align: right;
	padding: 0 5px 15px 0;
	font-size: 85%;
	color: #888;
	background: transparent;
}

div#smallprint {
	width: 				auto;
	border: 			0;
	clear: 				both;
	margin: 			0 40px 35px 40px;
	padding: 			8px 0 8px 0;
	color: 				#fff;
	font-size:			0.9em;
	line-height: 		120%;
}
div#smallprint p {
	float: 				left;
	text-align:			left;
}
div#smallprint p.right {
	float: 				right;
	text-align:			right;
}

img.awards {
	float: 				right;
	background-color: 	#fff;
	border: 			0;
	padding: 			0;
	margin: 			10px 40px 10px 0;
}

div.testimonial {
	padding:			10px;
	margin:				0 0 10px 0;
	border: 			1px solid #ddd;
	background:			#fefefe url('/clients/breastcancercare/images/testimonial_bg.gif') no-repeat top left;
}

img.stuck {
	float: 				right;
	border: 			0;
	margin: 			-66px 0 0 0; 
	padding: 			0 0 0 5px;
}

span.telephone {
	color: 				#be200c;
}

div.wills-guide {
	float: 				left; 
	display: 			block; 
	width: 				658px;
	margin-bottom:		20px;	
}
div.wills-guide h1 {
	font-family: 		Arial, Helvetica, Sans-Serif;
	background-image: 	none;
	color: 				#343434;
	font-size: 			2.1em;
	line-height:		2em;
	font-weight:		normal;	
	padding:			0 0 10px 0;
	margin:				0;
}

div.wills-guide h2.ready {
	font-family: 		Arial, Helvetica, Sans-Serif;
	background-image: 	none;
	color: 				#343434;
	font-size: 			1.8em;
	line-height:		2em;
	font-weight:		normal;	
	padding:			0 0 10px 0;
	margin:				0;
}