/* Standard Style Sheet */

@import url("../../css/layout-navtop-2col.css");
@import url(ecommerce.css);
@import url("typo.css");
@import url("nav.css");

/*main body*/
body 
{
	text-align:center;
	background-color:#EBE5A3;
	padding: 0px;
	top: 0px;
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
}

div#page
{
	width:732px;
	top: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right:auto;
	padding: 0px;
}

/*page header*/

div#branding
{
	display:none;
}
/*header*/
div#header
{
	width:732px;
	top: 0px;
	margin: 0px auto 0px auto;
	bottom: 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/content-bg.jpg);
	background-repeat: repeat-y;
}
div#h-extra1
{
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	width:732px;
	height: 89px;
	margin: 0px auto 0px auto;
	padding: 0px;
	bottom: 0px;
}

div#h-extra2
{
width: 712px;
height: 156px;
background-image: url(images/banner.jpg);
background-repeat: no-repeat;
margin: 0px auto 0px auto;
}
div#header hr
{
	display:none;
}

/* navigation*/
div#nav
{
	width: 712px;
	height: 30px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	text-align: right;
	top:-156px;
	float: right;
}

div#c-extra2
{
	display:none;
}

/* main content*/
div#content
{
	width:732px;
	top: 0px;
	margin: 0px auto 0px auto;
	bottom: 0px;
	padding: 5px 0px 0px 0px;
	background-image: url(images/content-bg.jpg);
	background-repeat: repeat-y;
}

div#content-main
{
	width: 728px;
	margin: 0px auto 0px 0px;
	min-height:800px;
	padding: 0px;
	top: 0px;
}

div#pagecontent
{
	width: 469px;
	margin-top: 5px;
	margin-left: 10px;
	border-right: solid 2px #781214;
	min-height: 300px;
}
div#content-main hr
{
	display: none;
}
div#cm-extra1
{
	width: 712px;
	height: auto;
	margin: 5px auto 0px auto;
	padding: 0px 7px 0px 10px;
}

a.Mortgages
{
	background-image: url(images/mortgages.jpg);
	background-repeat: no-repeat;
	width: 229px;
	height:45px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

a.Remortgages
{
	background-image: url(images/remortgages.jpg);
	background-repeat: no-repeat;
	width: 229px;
	height:45px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

a.Buy
{
	background-image: url(images/buy.jpg);
	background-repeat: no-repeat;
	width: 229px;
	height:45px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

a.Commercial
{
	background-image: url(images/commercial.jpg);
	background-repeat: no-repeat;
	width: 229px;
	height:45px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

a.Loans
{
	background-image: url(images/loans.jpg);
	background-repeat: no-repeat;
	width: 229px;
	height:45px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

a.Calculator
{
	background-image: url(images/calculator.jpg);
	background-repeat: no-repeat;
	width: 229px;
	height:45px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

a.Protection
{
	background-image: url(images/key.jpg);
	background-repeat: no-repeat;
	width: 229px;
	height:45px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

a.Will
{
	background-image: url(images/Will.jpg);
	background-repeat: no-repeat;
	width: 229px;
	height:45px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}

a.Properties
{
	background-image: url(images/properties.jpg);
	background-repeat: no-repeat;
	width: 229px;
	height:45px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}


a.help
{
	background-image: url(images/harton-help.jpg);
	background-repeat: no-repeat;
	width: 229px;
	height:45px;
	margin: 0px;
	padding: 0px;
	display: inline-block;
}
a.help:hover, a.Mortgages:hover, a.Remortgages:hover, a.Buy:hover, a.Commercial:hover, a.Loans:hover, a.Calculator:hover, a.Protection:hover, a.Will:hover, a.Properties:hover
{
	background-position: bottom left;
}

div#p-extra2
{
	background-image: url(images/content-footer.jpg);
	background-repeat: no-repeat;
	width: 732px;
	height: 35px;	
}

/* sub content*/

div#content-sub
{
	float: right;
	top: 156px;
	margin: 0px;
	right: 15px;
	left: auto;
	width: 233px;
	position: absolute;
}

div#cs-extra1
{
	width: 229px;

	margin-top: 10px;
}
/*news*/
div#newsItem
{
	margin-top: 20px;
	width: 513px;
	margin-left: 25px;
	
}

div#newsbiteheader
{
	
	background-image:url(images/news-header.jpg);
	background-repeat:no-repeat;
	height:25px;
	width:233px;
	margin-top: 5px;
}

div#newsbiteheader h2
{
	display:none;
}

div.newsbite,div#newslettersignupform, div.eventbite
{
	width:227px;
	padding:5px 0px 10px 10px;
	margin: 5px 4px 0px 2px;
	background-color:#EBE5A4;

}

div#newsBites hr
{
    display: none;
}

div#allNewsLink, div#allEvents
{
	width:227px;
	padding:5px 0px 10px 10px;
	margin: 0px 4px 0px 2px;
	background-color:#EBE5A4;
	line-height:12px;
	text-indent:10px; 
}

/* RSS*/
div#newsRssLink
{
	/*border: solid 1px red;*/
	width:227px;
	padding:5px 0px 10px 10px;
	margin: 0px 4px 0px 2px;
	background-color:#EBE5A4;
	
}
div#newsRssLinkMain
{
	/*border: solid 1px red;*/
	padding:0px -15px 0px 10px;
	margin: 0px 10px 0px 20px;
	width:250px;
	
}

div#newsDate, div#newsByLine, div#subjectStartDate, div#subjectLocation
{
	padding-top:5px;
	margin-top:5px;
	font-size:1.2em;
	font-weight:bold;
}

div#newsStory
{
	padding-top:15px;
}

.newsbite-headline
{
	width: 180px;
	padding: 0px 0px 2px 0px;
	margin: 0px;
}
div#newsItem-content
{
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:5px;
	width: 469px;
}

div#newsbitecontent div.newsSynopsis
{
	width:181px;
	margin-right: 5px;
	margin-left: 5px;
	
}

body#page-news div#newsbitecontent div.newsSynopsis
{
	width:181px;
	margin-right: 10px;
	margin-left: 10px;
	
}

body#page-news div.newsSynopsis				
{
	width:469px;
	margin-right: 5px;
	margin-left: 5px;
}

/*sign-up*/
div#newsletterbiteheader h2
{
	display:none;
}

div#newsletterbite
{
	margin-top: 10px;
}

div#newsletterbiteboxheader
{
	background-image: url(images/sign-header.jpg);
	background-repeat: no-repeat;
	width: 233px;
	height: 25px;
	margin-top: 6px;
}


body#page-events div#content-main
{
	padding: 10px;
}


/*footer*/
div#footer
{
	width:732px;
	top: 0px;
	margin: 0px auto 0px auto;
	bottom: 0px;
	padding: 0px;
	background-image: url(images/content-bg.jpg);
	background-repeat: repeat-y;
}

div#footermain
{
	margin: 0px auto 0px auto;
	padding:0px;
	width: 700px;
	color: Black;
	bottom: 0px;
	text-align: center;
}


div#footerNav a,div#footerNav a:hover,div#footerNav a:link,div#footerNav a:active,div#footerNav a:visited
{
	color:#7C181A;
	text-decoration:none;
}
div#footerNav a:hover
{
	text-decoration:underline;
}

div#footerNav
{
	text-align:center;
	padding: 20px 0px 0px 0px;
	width: 732px;
	height: 30px;
	bottom: 0px;
	left: 0px;
	margin: 0px auto 0px auto;
	color: #7C181A;


}

body#page-events div#cm-extra2
{
display: none;
	
}

/*newsletter*/
div#newslettersignupform .textbox, .textboxHovered {
	width:141px;
	height:19px;
	background:url(images/sign-input.jpg) no-repeat left top;
	border: none;
	padding:3px 0px 0px 2px;
	margin-left: 0px;
}

div#newslettersignupform .textbox:hover, .textbox:focus, .textbox:active, .textboxHovered 
{
	background-position:left bottom;
}

div#newslettersignupform .row 
{
	padding:10px 0px 0px 0px;
	height: 19px;
}
div#newslettersignupform .row .label
{
	height:auto;
	padding:0px 10px 0px 10px;
	margin:0px;
	font-weight:bold;
	color: black;
	width: auto;
	font-family: Arial;
	
}
div#newslettersignupform .row .formw
{
	height:auto;
	padding:0px;
	margin:0px;
	left: 0px;
}
div#newsletterSubmitButton input
{
	margin:5px;
	padding:3px 2px 3px 2px;
	margin-right: 20px;
	height: 22px;
}

/*Button*/
div#newsletterSubmitButton .button, div#newsletterSubmitButton.button:hover {
	width:84px;
	height:22px;
	color:black;
	font-weight:normal;
	padding:2px 5px;
	background:url(images/submit.jpg) no-repeat left top;
	cursor:pointer;
	border:none;
}
div#newsletterSubmitButton .button:hover {
	background-position:left bottom;
}

/*contact page*//*contact*/
/*Text inputs*/
.textbox, .textboxHovered {
	width:252px;
	height:15px;
	background:url(images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;

}
.textbox:hover, 
.textbox:focus, 
.textbox:active, 
.textboxHovered {
	background-position:left bottom;
}
/*Text areas*/
textarea,textarea.textbox, .textarea, .textareaHovered {
	width:352px !important;
	height:133px !important;
	background:url(images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}
textarea:hover,
textarea:active,
textarea:focus,
textarea.textbox:hover,
textarea.textbox:active,
textarea.textbox:focus,
.textareaHovered {
	background-position:left bottom;
}

body#page-contactform div#newsletterSubmitButton .button, div#newsletterSubmitButton.button:hover {
	width:84px;
	height:22px;
	color:black;
	font-weight:normal;
	padding:2px 5px;
	background:url(images/submit1.jpg) no-repeat left top;
	cursor:pointer;
	border:none;
}
body#page-contactform div#newsletterSubmitButton .button:hover {
	background-position:left bottom;
}

body#page-contactform div.row				
{
	float:left;
	width:100%;
	margin:0.5em 0 0.5em 0;
}
body#page-contactform span#pagecontent
{
			font-family:Arial;
			font-size:1.0em;
			color:#414141;
			line-height:1.6em;
			margin-top: 5px;
			margin-left: 10px;
			display:block;
			width: 469px;
			border-right: solid 2px #781214;
			min-height: 300px;

}
body#page-contactform span.label
{
	display:block;
	float:left;
	width:12em;
	clear:left;
	color: Black;
}
body#page-contactform span.formw			
{
	display:block;
	width: 251px;
	height: 100%;
	border:none;
}
body#page-contactform span.formv
{
	display:block;
	width:251px;
	height: 100%;
	border:none;
}

div#contactForm .row span.formw .textbox
{
	width:100%;
	height: 23px;
	border:none;
}

div#contactForm .row span.formw input#Salutation
{
	width:251px;
	height: 23px;
	border:none;
}

div#contactForm .row span.formw input#Name,div#contactForm .row span.formw input#Country, div#contactForm .row span.formw input#Email     
{
	width:251px;
	height: 23px;
	border:none;
}

div#contactForm .row span.formw input#Telephone,div#contactForm .row span.formw input#Fax,div#contactForm .row span.formw input#Mobile,div#contactForm .row span.formw input#Email,div#contactForm .row span.formw input#Address1,div#contactForm .row span.formw input#Address2,div#contactForm .row span.formw input#Company,div#contactForm .row span.formw input#Town,div#contactForm .row span.formw input#County,div#contactForm .row span.formw input#Website
{
	width:251px;
	border:none;
	height: 23px;
}
div#contactForm .row span.formw input#Postcode
{
	width:251px;
	height: 23px;
	border:none;
}

div#contactForm .row span.formw input#Telephone,div#contactForm .row span.formw input#Fax,div#contactForm .row span.formw input#Mobile
{
	width:251px;
	border:none;
	height: 23px;
}

/*news page*/

body#page-news span#pagecontent
{
			font-family:arial;
			line-height:2em;
			color:#252525;
			margin-top: 5px;
			margin-left: 10px;
			font-size:0.8em;
			display:block;
			width: 469px;
			border-right: solid 2px #781214;
			min-height: 300px;

}

/*mortgage calculator*/
div#pagecontent .textbox
{
	width:251px;
	height: 23px;
	border:none;
}