/*
	CSS Style Definitions for Atherfold
	developed by Stefan Isarie - Webstars ltd.
	http://www.webstarsltd.com/
	sales@webstarsltd.com

	layout
*/
html, body{ font: 11px Verdana, Arial, Helvetica, sans-serif; text-align:center; margin:0; padding:0; }
#page-container{ width:781px; margin:0 auto; text-align: left; }
	#content{ width: 781px; float:left; background: url("../images/background-left.gif") no-repeat left 300px; }
		#left-side{ width: 212px; float:left; background-color:#CFCBDA; margin-right: 1px; }
			#logo-container{ width: 212px; float:left; background: #2C296F url("../images/background-left-top.gif") no-repeat; border-bottom:1px solid #fff; padding-bottom: 12px; }
				a.logo{ display: block; width:118px; height: 110px; margin:26px 0 0 40px; }
				#login-box{  }
					form.member-signin{ width: 184px; float:right; margin-right: 10px; _margin-right: 4px; margin-top: 100px; }
						dl.frm, dl.frm dl, dl.frm dd{ margin:0; padding:0; }
						dl.frm dt{ text-align: right; color:#ff0; font-weight:bold; padding-right: 16px; }
						dl.frm dd{ text-align: right; margin: 4px 0; color: #fff; }
							dl.frm dd label{ margin-right: 6px; }
							dl.frm dd input.text{ width: 80px; margin-right: 6px; font-size:11px; }
							dl.frm dd a{ color: #fff; text-decoration: none; font-size:10px; }
			#navigator{}
				#navigator dl, #navigator dl dt, #navigator dl dd{ margin:0; padding:0; }
				#navigator dl dt{ background-color: #333367; color:#ff0; font-weight:bold; padding: 4px 0 4px 8px; }
				#navigator dl dt.current{ border-left: 5px solid #ff0; padding-left: 3px; }
				#navigator dd li.current{ border-left: 5px solid #ff0; padding-left: 3px; }
				#navigator dl dt a{ color:#ff0; text-decoration: none; }
				#navigator dl dd{ padding-bottom: 8px; padding-left: 8px; background-color:#5E578B; }
					#navigator dl dd ul{ margin: 0; padding:0; list-style: none; }
					#navigator dl dd ul li{ padding: 2px 0; }
					#navigator dl dd ul li a, #navigator dl dd ul li a:link, #navigator dl dd ul li a:visited{ color: #fff; text-decoration: none; }
					#navigator dl dd ul li a:active, #navigator dl dd ul li a:hover, #navigator dl dd ul li a.current{ color: #ff0; }
		#right-side{ width: 568px; _width: 556px; float:left; }
				div#date{ color: #2C296F; text-align: right; padding-right: 12px; }
				div#masthead{ _margin-bottom: 12px; float:left; width:568px; }
				body#home div#right-side div#date{ margin-top:36px; }
				body.pages div#right-side div#date{ margin-top:51px; }
				body.pages div#right-side div#masthead{ height: 132px; }
				#right-content{  }
					#rc-left{ width:348px; float:left; }
					#rc-right{ width: 188px; float:left; margin-left: 12px; }
	#footer{ clear:both; border-top: 1px solid #CFCBDA; }
		#footer p{ margin: 12px 0; text-align:center; color:#999; }
		#footer a{ color:#999; }

.half{ width:49%; }

/* mastheads */
body#home div#right-side div#masthead{ background: url("../images/mastheads/masthead-homepage.jpg") no-repeat; height: 228px; }
body#aboutus div#right-side div#masthead{ background: url("../images/mastheads/masthead-about-us.jpg") no-repeat; }
body#contact div#right-side div#masthead{ background: url("../images/mastheads/masthead-contact.jpg") no-repeat; }
body#contract-types div#right-side div#masthead{ background: url("../images/mastheads/masthead-contract-types.jpg") no-repeat; }
body#editorial-coverage div#right-side div#masthead{ background: url("../images/mastheads/masthead-editorial-coverage.jpg") no-repeat; }
body#emigration div#right-side div#masthead{ background: url("../images/mastheads/masthead-emigration.jpg") no-repeat; }
body#information-pack div#right-side div#masthead{ background: url("../images/mastheads/masthead-information-pack.jpg") no-repeat; }
body#members-area div#right-side div#masthead{ background: url("../images/mastheads/masthead-members-area.jpg") no-repeat; }
body#open-account div#right-side div#masthead{ background: url("../images/mastheads/masthead-open-an-account.jpg") no-repeat; }
body#overseas-mort div#right-side div#masthead{ background: url("../images/mastheads/masthead-overseas-mortgages.jpg") no-repeat; }
body#private-services div#right-side div#masthead{ background: url("../images/mastheads/masthead-private-services.jpg") no-repeat; }
body#property-buy div#right-side div#masthead{ background: url("../images/mastheads/masthead-property-buying.jpg") no-repeat; }
body#payment-plan div#right-side div#masthead{ background: url("../images/mastheads/masthead-regular-payment-plan.jpg") no-repeat; }
body#testimonials div#right-side div#masthead{ background: url("../images/mastheads/masthead-testimonials.jpg") no-repeat; }

/* site wide elements */
.inside{ padding:12px 0 12px 12px; width:100%; float:left; }
.insider{ margin:12px auto; width: 548px; _width: 538px; }
.insider p{ line-height: 16px; }

dl.clients{ width: 168px; float:left; margin:0; padding:0; }
dl.private{ margin-right: 10px !important; }
dl.clients dt, dl.clients dd{ margin:0; padding:0; }
dl.clients dd h1, dl.clients dd p{ margin:0; }

div.call-us{ background: url("../images/call-us.jpg") no-repeat; width:100%; float:left; height: 87px; margin: 20px 0 10px 0; }
div.call-us p{ color: #333367; font-size: 14px; margin-left: 100px; margin-top: 18px; }
div.call-us p span{ font-weight: bold; }
div.call-us p a{ color: #36c; }

div.affiliate{ background: url("../images/affiliates.jpg") no-repeat; width: 100%; float:left; height: 87px; margin: 0 0 10px 0; }
div.affiliate h2{ margin: 14px 0 0 100px; color: #333367; font-size: 12px; font-weight:bold; }
div.affiliate p{ margin: 0 0 0 100px;  }

div.events{ background: url("../images/events.jpg") no-repeat; width: 100%; float:left; height: 87px; margin: 0 0 10px 0; position:relative; }
div.events h2{ margin: 14px 0 0 100px; color: #333367; font-size: 12px; font-weight:bold; }
div.events p{ margin: 0 0 0 100px;  }
div.events img{ position:absolute; left:10px; top:10px;}


div.online-info{ background: url("../images/online-info.jpg") no-repeat; width: 100%; float:left; height:98px; margin: 0 0 10px 0; }
div.online-info h2{ margin: 14px 0 0 100px; color: #333367; font-size: 12px; font-weight:bold; }
div.online-info p{ margin: 0 0 0 100px; }

form.currency-converter{}
form.currency-converter label{ width: 50px; display: block; float:left; }
form.currency-converter input.text{ width: 110px; font-size:11px; margin-bottom:4px; }
form.currency-converter input.result{ width: 40px; font-size:11px; margin-bottom:4px; margin-right: 6px; }
form.currency-converter input.btn{ font-size:11px; margin-bottom:4px; }
form.currency-converter select{ font-size:11px; margin-bottom:4px; width: 116px; }

p.disclaimer{ margin:0; }

h1, h1 a{ font-size: 15px; color:#60598d; text-decoration: none; margin: 0 0 12px 0; }
h2.marine{ font-size: 12px; color: #60598d; margin: 12px 0; }
h3{ font-size: 11px; font-weight: bold; margin:0; }

table.currency-rates{ width:100%; margin:0; }
table.currency-rates thead th{ text-align:center; color:#6F6A67; font-weight:normal; }
table.currency-rates tbody tr.alternate{ background-color:#F7F7F5; }
table.currency-rates tbody td{ color:#6F6A67; padding: 1px 0; text-align:right; }
table.currency-rates tbody td.blue{ color: #3459A9; }
table.currency-rates tbody td.blue span{ padding-right: 10px; background: url("../images/arrow-up.gif") no-repeat right center; margin-right: 4px; }
table.currency-rates tbody td.red{ color:#ED2A24; padding: 1px 0; }
table.currency-rates tbody td.red span{ padding-right: 10px; background: url("../images/arrow-down.gif") no-repeat right center; margin-right: 4px; }
table.currency-rates tfoot td{ color:#6F6A67; letter-spacing: -1px; text-align: right; }

p.news{ margin:0 0 12px 0; }

a{ color:#3266cc; }
a.light-arrow{ padding-left: 12px; background: url("../images/arrow-blue-light.gif") no-repeat left center; }
a.marine-arrow{ color: #2B2A6E; padding-left: 12px; background: url("../images/arrow-blue-right.gif") no-repeat left center; }

.roundcont-gray h1{ margin:0 0 8px 0; color: #fff; font-size: 13px; }

p.printer{ margin:0; }
a.printer{ background: url("../images/icon-printer.gif") no-repeat left center; text-decoration: none; display: block; width: 112px; height: 16px; float:right; }

dl.contact-form{  }
dl.contact-form dt{ width: 140px; float:left; margin:0; padding:0; padding-top: 4px; }
dl.contact-form dt.ttl{ padding-top: 10px; }
dl.contact-form dd.blank-top{ background: #E8E4F2 url("../images/margin-top.gif") no-repeat top right; padding-top: 12px; }
dl.contact-form dd.blank-bottom{ background: #E8E4F2 url("../images/margin-bottom.gif") no-repeat bottom right; padding: 12px 0 12px 10px; }
dl.contact-form dd.blank-round-bottom{ background: #E8E4F2 url("../images/margin-bottom-round.gif") no-repeat bottom right; padding: 0 0 0 10px; }
dl.contact-form dd.nBot{ padding-bottom:0 !important; }
dl.contact-form dd.heigher { padding-bottom: 40px; }
dl.contact-form dd{ width: 378px; float:left; clear: right; margin:0; padding: 8px 0 8px 10px; background-color:#E8E4F2; }
dl.contact-form dd select, dl.contact-form dd input.text{ width: 180px; }
dl.contact-form dd textarea{ width: 96%; height: 60px; }
dl.contact-form dd textarea.terms, dl.contact-form dd textarea#hear, dl.contact-form dd textarea#purpose, { width: 96%; height: 120px; }
dl.contact-form dd textarea#tandc{ width: 96%; height: 200px; }
dl.contact-form dd.btn-submit{ background: #fff url("../images/margin-submit.gif") no-repeat bottom right; text-align:right; margin-bottom: 30px; padding: 4px 0 4px 10px!important; }
dl.contact-form dd.btn-submit.long { background-image: url("../images/margin-submit-long.gif")}
dl.contact-form dd.btn-submit input{ margin: 4px 12px 4px 0; }
dl.contact-form input.text, dl.contact-form select, dl.contact-form textarea{ font: 11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #8BADC9;  }

dl.contact-form select.large{ width: 260px; }
dl.contact-form select#where{ float: left; width: 160px; margin-right: 10px; }
dl.contact-form input#other{ display: none; float: left; }

div.forward-lg{ background: url("../images/lg-forward-contacts.jpg") no-repeat; width: 100%; float:left; height:98px; margin: 20px 0 10px 0; }
div.forward-lg h2{ margin: 22px 12px 0 100px; color: #333367; font-size: 12px; font-weight:bold; }
div.forward-lg p{ margin: 0 12px 0 100px; }

div.call-us-lg{ background: url("../images/lg-call-us.jpg") no-repeat; width:100%; float:left; height: 87px; margin: 0 0 10px 0; }
div.call-us-lg p{ color: #333367; font-size: 14px; margin-left: 100px; margin-top: 18px; }
div.call-us-lg p span{ font-weight: bold; }
div.call-us-lg p a{ color: #36c; }

div.online-info-lg{ background: url("../images/lg-online-info.jpg") no-repeat; width: 100%; float:left; height:98px; margin: 0 0 10px 0; }
div.online-info-lg h2{ margin: 16px 0 0 100px; color: #333367; font-size: 12px; font-weight:bold; }
div.online-info-lg p{ margin: 0 0 0 100px; }

div.six-lines{ background: url("../images/lg-call-us.jpg") no-repeat; width:100%; float:left; height: 87px; margin: 0 0 10px 0; }
div.six-lines p{ margin: 10px 16px 0 100px; }
div.six-lines p a{ color: #36c; }

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.i{ font-style: italic; }
.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }
.b{ font-weight: bold; }
.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }
.b{ font-weight: bolder; }
.i{ font-style:italic; }
img,form{ border: 0; margin: 0; padding: 0; }
.fr{ float: right !important; }
.fl{ float: left !important; }
br.clear{ clear: both; }
hr{ width:100%; height:2px; }
td{ vertical-align:top; }

.yellow{ color: #ff0; }
.blue{ color: #2C296F; }
.black{ color: #000; }

.small{ font-size:10px; }

/* Boxes */
div.darkLarge { background: url("../images/dark_large_middle.png") repeat-y; width: 544px; padding: 0 3px 0 3px; overflow: visible; }
div.lightLarge { background: url("../images/light_large_middle.png") repeat-y; width: 544px; padding: 0 3px 0 3px; overflow: visible; }
div.darkSmall { background: url("../images/dark_small_middle.png") repeat-y; width: 347; padding: 0 3px 0 3px; overflow: visible; }
div.lightSmall { background: url("../images/light_small_middle.png") repeat-y; width: 347; padding: 0 3px 0 3px; overflow: visible; }

div.banners{ overflow-x:auto; }