/*define the default font characteristics*/
*			{margin:0; padding:0;}
html		{ overflow:scroll; height:100%; background:#dadbdd url(/images/template/page-bg.jpg) top left repeat-x; }
/*body		{ font-style:normal; font-variant:normal; font-weight:normal; font-size:8pt; font-family:Arial, Helvetica, Sans-Serif; color:#666; }*/
body		{height:100%; font-family:Arial, helvetica, sans-serif; line-height:1.3em; font-size:0.75em; color:#666;}
h1			{ font-size:1.667em; font-family:Arial, Helvetica, Sans-Serif; color:#041da9; margin-bottom:0.666em; margin-top:0.333em; font-weight:normal; }
h2			{ font-size:1.125em; font-family:Arial, Helvetica, Sans-Serif; color:#041da9; margin-bottom:0.333em; margin-top:0.333em; letter-spacing:1px; font-weight:normal; }
h3			{ font-size:1em; font-family:Arial, Helvetica, Sans-Serif; color:#041da9; margin:0; letter-spacing:1px; font-weight:normal; }
h5			{font-family:"Times New Roman", Times, serif; font-size:1.416em; text-transform:uppercase; font-weight:normal; color:#00492c; line-height:1em; margin-top:8px; letter-spacing:-1px;}
h6			{font-family:"Times New Roman", Times, serif; font-size:1.583em; font-weight:normal; color:#00492C; line-height:1em; margin-top:18px; letter-spacing:-1px;}
p, ul, ol, dl, table	{margin-bottom:0.917em; letter-spacing:0.05em;}
/* some inherited shrinkage - thanks to http://clagnut.com/blog/348/ */
ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, li blockquote, blockquote p, form div div, form div p, fieldset div, table form div { font-size: 1em; }
ul ul, ol ol, ol ul, ul ol { margin-bottom: 0; }
tt, pre		{font-family:monospace; font-size:1.2em;}
ul			{margin-left:16px; padding-left:16px;}
ol			{margin-left:20px; padding-left:16px;}

hr			{ height:1px; color:#ccc; background-color:#ccc; border-width:0px; }
form		{ margin:0px; }

/*define some special display options*/
.justify			{ text-align:justify; }
.container			{ position:relative; margin:0; padding:0; }
.clear				{ clear: both; display: block; height:0; overflow:hidden; margin: 0; padding: 0; }
.altimgborder		{ border:1px solid #ddd; }
.quote				{ color:#00c; font-style:italic; }
.strapline			{ color:#c00; }
.showerror			{ color:#c00; }
.smaller			{ font-size:10px }
.nb					{ color:#00c; }
.showsuccess		{ color:#00c; }
.bolder				{ font-weight:bold; }
.spaced				{ letter-spacing:1px; }
.listheader			{ margin:10px 0 4px 0; border-bottom:2px dotted #dfc45b; padding:1px 0 1px 0; color:#008; font-style:italic; letter-spacing:1px; font-weight:bold; }
.requiredstar		{ font-size:10px; color: #f00; }
.alt				{ color:#6a8f19; }
.photo				{ margin:0; border:1px solid #ccc; padding:4px; background:#fff; }
.bullet1			{ color:#1a5f9b; }
.nodbitem			{ margin:80px 0 40px 0; border-top:2px dotted #b4d92b; border-bottom:2px dotted #b4d92b; padding:20px 0 20px 0; text-align:center; }
.dlgclose			{ font-size:90%; font-weight:normal; }
.zoombr				{ position:absolute; bottom:5px; right:5px; border:0; }

/*define the page body colours - height is so FF displays the scrollbar all the time*/
#pagebox			{ width:900px; margin:0 auto; text-align:left; padding:0; }

/*define the standard anchor link behaviour*/
a					{ text-decoration:none; color:#c00; font-weight:normal; }
a:hover				{ text-decoration:underline; color:#00c; }
a.back				{ font-weight:normal; font-style:italic; padding:1px; }
a.back img			{ border:0; }

/*define default form styles*/
input.std			{ font-size:11px; color:#666; background-color:#fff; border-left:1px solid #669; border-bottom:1px solid #b2b2cc; border-right:1px solid #b2b2cc; border-top:1px solid #669; font-family:Verdana,Helvetica,Sans-Serif; }
textarea.std		{ font-size:11px; color:#666; background-color:#fff; border-left:1px solid #669; border-bottom:1px solid #b2b2cc; border-right:1px solid #b2b2cc; border-top:1px solid #669; font-family:Verdana,Helvetica,Sans-Serif; }
select.std			{ font-size:11px; color:#666; font-family:Verdana,Arial,Helvetica,Sans-Serif; }
input.btn			{ font-size:11px; font-family:Verdana,Helvetica,Sans-Serif; }
 
/************************************/
/* HEADER */
#header							{position:relative; width:100%; height:127px; margin:0; padding:0 0 15px 0; z-index:1;}
#header	img						{border:0; }
#header	#toplogo				{float:left; margin-top:20px;}
#header	#topcontact				{float:left; clear:none; margin:68px 0 0 170px; padding:0;}
#header	#topcontact a			{display:block; background:url(/images/template/contacts.png); width:113px; height:21px;}
#header	#topcontact #toptel		{background-position:0 0;}
#header	#topcontact #topemail	{background-position:0 -21px;}

#header	ul					{float:right; clear:none; margin:0; padding:0 0 0 20px; width:184px; height:130px; list-style:none; z-index:1;}
#header ul li				{position:relative; display:inline; }
#header ul li a				{float:left; display:block; width:23px; height:0; padding-top:130px; overflow:hidden; background:url(/images/template/stripey-menu.gif); }
#header ul li#v1 a			{background-position: 0 0;}
#header ul li#v2 a			{background-position: -23px 0;}
#header ul li#v3 a			{background-position: -46px 0;}
#header ul li#v4 a			{background-position: -69px 0;}
#header ul li#v5 a			{background-position: -92px 0;}
#header ul li#v6 a			{background-position: -115px 0;}
#header ul li#v7 a			{background-position: -138px 0;}
#header ul li#v8 a			{background-position: -161px 0;}
#header ul li#v1 a:hover	{background-position: 0 -130px;}
#header ul li#v2 a:hover	{background-position: -23px -130px;}
#header ul li#v3 a:hover	{background-position: -46px -130px;}
#header ul li#v4 a:hover	{background-position: -69px -130px;}
#header ul li#v5 a:hover	{background-position: -92px -130px;}
#header ul li#v6 a:hover	{background-position: -115px -130px;}
#header ul li#v7 a:hover	{background-position: -138px -130px;}
#header ul li#v8 a:hover	{background-position: -161px -130px;}

/************************************/
/*MENU*/
#menubox			{ position:relative; text-align:left; white-space:nowrap; margin:20px 0 10px 0; }
#menubox ul			{ margin:0; padding:0; }
#menubox li			{ margin:0; padding:0; display:inline; list-style:none; }
#menubox li#last	{ margin:0; }
#menubox	a		{ font-size:1.167em; color:#4b94cb; font-family:"Times New Roman", Times, Serif; font-weight:bold; }
#menubox	a:hover	{ text-decoration:none; color:#dfc45b; }
body#menu1 a#m1, body#menu2 a#m2, body#menu3 a#m3, body#menu4 a#m4, body#menu5 a#m5, body#menu6 a#m6, body#menu7 a#m7	{ text-decoration:underline; color:#dfc45b; }
body#menu1 a:hover#m1, body#menu2 a:hover#m2, body#menu3 a:hover#m3, body#menu4 a:hover#m4, body#menu5 a:hover#m5, body#menu6 a:hover#m6, body#menu7 a:hover#m7	{ text-decoration:none; }

/************************************/
/*FOOTER*/
#footer					{ margin:20px 0 20px 10px; width:100%; overflow:auto; }
#footer p				{ color:#666; font-size:0.833em; line-height:normal; }
#footer img				{ float:left; }
#footer span#copyrite	{ float:left; margin-left:10px; }

/************************************/
/*define main content area*/
#contentbox			{ position:relative; width:900px; }
.bluebar				{ background:url(/images/blue-bar.gif) repeat-x top left; }
#rcol				{ position:relative; float:right; margin:15px 20px 0 20px; width:640px; }
#lcol				{ position:relative; float:left; margin-top:15px; width:220px; background:url(/images/rcol-bg.gif) no-repeat top left; }
#topinfo				{ position:relative; height:146px; overflow:hidden; }
#midinfo				{ position:relative; padding:1px 0; /*width:400px;*/ height:146px; }
#botinfo				{ position:relative; margin-top:9px; }
#midinfo	p			{ margin:8px 0 2px 0; color:#1a5f9b; }
#midinfo	ul			{ margin:10px 0 0 12px; }
#midinfo li			{ font-style:italic; }
#midinfo div#postit	{ position:absolute; top:-26px; left:440px; }
#botinfo p			{ margin:6px 0 2px 0; }
#botinfo p#home		{ margin:15px 0 25px 0; }

/*search form*/
#search				{ margin:10px; border:0; padding:0; }
#search dl			{ margin:0; border:0; padding:0; }
#search dt			{ margin:0 0 2px 0; color:White; font-size:120%; }
#search dd			{ margin:0; border:1px solid #93ace0; padding:0; color:#5e6f82; background:#aad9fa; font-size:90%; }
#search p			{ margin:15px 0 0 20px; }
#search p.textabove	{ margin:8px 0 0 20px; }
#search img#imgcal	{ margin:0; padding:0 0 2px 3px; vertical-align:bottom; }
#search select		{ margin:0; padding:0; width:150px; }
#search select#child	{ margin:0; padding:0; width:50px; }
#search input.text	{ margin:0; padding:2px; width:144px; }
#search input.check	{ margin:0 0 0 2px; border:0; padding:2px; background:#aad9fa; }
#search div.buttonbox{ margin:0 0 10px 0; }
#search .btnsearch	{ margin:0 0 0 0; border:1px solid #999; padding:0; width:55px; color:#444; background:#dfc45b; font-weight:normal; }
#search .btnover		{ border:1px solid #fff; color:#fff; background:#87bb00; }
#search img#help		{ margin:0 0 2px 0; border:0; padding:0; vertical-align:middle; cursor:pointer; }
#search div#helpbox	{ position:relative; margin:0; }
#search div#helpdlg	{ position:absolute; width:600px; z-index:10; visibility:hidden; margin:0; border:2px solid #666; padding:4px; background:#f7f7f7; cursor:pointer; font-size:100%; }
#search div#helpdlg p{ margin:2px; }

/*cottage summary display*/
.cottage-box					{ margin:15px 0; border:1px solid #bbb; padding:4px; background:#fff; width:620px; overflow:auto; }
.cottage-box .cottage-summary	{ position:relative; width:100%; overflow:hidden; }
.cottage-box a.thumb			{ float:left; width:150px; }
.cottage-box a.thumb img		{ float:right; }
.cottage-box .suminfo			{ margin-left:160px; clear:none; }
.cottage-box .moreinfo			{ padding:2px 5px 2px 0; font-size:0.917em; font-style:italic; text-align:right; }
.cottage-box .sumquick			{ margin:5px 0 0 3px; border-top:1px solid #ccc; color:#888; font-weight:bold; letter-spacing:0.1em; }
.cottage-box .sumquick span		{ color:#000; font-weight:bold; }

/*used for special offers on summary and details pages*/
.specialoffer	{ position:absolute; width:45px; height:60px; }
.sosummary		{ top:-3px; left:-8px; }
.sodetail		{ top:61px; left:270px; }
.offerdlg		{ position:absolute; width:400px; z-index:10; visibility:hidden; margin:0; border:2px solid #666; padding:4px; background:#f7f7f7; cursor:pointer; font-size:100%; }
.offerdlg p		{ margin:2px; }

/*contactform*/
#quickcontact				{ position:relative; margin:10px; border:2px solid #dfc45b; padding:10px; height:auto !important; height:148px; min-height:148px; overflow:hidden; white-space:nowrap; }
#quickcontact p				{ clear:left; /*letter-spacing:normal;*/ font-size:0.917em; }
#quickcontact img			{ margin-right:7px; border:0; float:left; }
#quickcontact span			{ line-height:22px; }
#quickcontact span#multi	{ line-height:normal; }

/*datapage page links*/
.dbpages					{position:relative; margin-top:20px; display:inline; font-family:Tahoma, Geneva, sans-serif; font-size:0.916em; width:100%; overflow:hidden;}
.dbpages li					{position:relative; float:left; list-style:none;}
.dbpages li.comment			{padding:2px 3px 0 0;}
.dbpages li.thispage		{position:relative; display:block; border:1px solid #eee; height:15px; width:17px; text-align:center; background:#ddf;}
.dbpages a					{position:relative; display:block; border:1px solid #eee; height:15px; width:17px; text-align:center; color:#c00;}
.dbpages a:hover			{background:#eee;}

/*PER PAGE STYLES*/

/*home page*/
#optionsbox						{ position:relative; margin:0; border:0; padding:0; }
#optionsbox .options			{ position:relative; float:left; margin:0 20px 0 0; border:2px solid #dfc45b; padding:0; width:140px; height:160px; background:#eeeebb; cursor:pointer; overflow:hidden; }
#optionsbox .options h3			{ margin:0; padding:4px 4px 0 4px; }
#optionsbox .options p			{ margin:0; padding:2px 4px 0 4px; font-size:0.833em; line-height:normal; letter-spacing:0.05em; }
#optionsbox .options a:hover	{ color:#1a5f9b; text-decoration:none; }
#optionsbox .optionslast		{ margin:0; }

/*our-holiday-cottages page*/
#quicklinkbox					{ position:relative; margin-top:8px; }
#quicklinkbox div.quicklink1	{ float:left; width:200px; overflow:hidden; }
#quicklinkbox div.quicklink2	{ float:left; width:200px; overflow:hidden; }
#quicklinkbox div.quicklink3	{ float:left; width:200px; overflow:hidden; }
#quicklinkbox p					{ margin:3px 0 2px 0; }

/*cottage search display*/
#propsearchdata					{ position:relative; margin:0 0 0 4px; border-left:2px solid #ccc; padding:1px 1px 1px 4px; }
#propsearchdata p				{ margin: 2px 0 2px 0; }
#propsearchdata p.specials		{ margin: 6px 0 6px 0; }
#propsearchdata span.bull		{ color:#dfc45b; font-weight:bold; }
#propsearchdata span.datatitle	{ color:#dfc45b; font-weight:bold; }
#propsearchdata span.datainfo	{ color:#000; font-weight:bold; }

/*cottage details display*/
#cottagetextbox					{ margin:0 165px 20px 0; padding-top:1px; }
#cottagetextbox #sumleft		{ float:left; width:65%; overflow:hidden; }
#cottagetextbox #sumright		{ float:left; width:35%; overflow:hidden; }
#cottagetextbox .sumdata		{ margin-bottom:3px; color:#000; }
#cottagetextbox .sumquickl		{ display:block; float:left; width:115px; margin:0 4px 3px 0; color:#888; font-weight:bold; }
#cottagetextbox .sumquickr		{ display:block; float:left; width:60px; margin:0 4px 3px 0; color:#888; font-weight:bold; }
#cottagetextbox .descheader		{ color:#1a5f9b; font-size:1.333em; font-style:italic; }
#cottagetextbox #movein			{ color:#666; font-weight:bold; }
#cottageimgbox					{ position:relative; float:right; padding-top:9px; width:150px; }
#cottageimgbox .imgbox			{ position:relative; margin-bottom:20px; text-align:right; }
.detailactions					{ text-align:center; font-size:90%; }
.detailactions .actions			{ float:left; margin:4px 4px 15px 4px; border:1px solid #ccc; padding:2px; width:67px }
.detailactions .actions:hover	{ background:#eee; }
#summaryclick					{ font-size:70%; font-weight:normal; font-style:italic; }

#rates							{ margin:15px 0 0 0; border:1px solid #ccc; padding:0; width:98%; border-collapse:collapse; font-size:11px; }
#rates thead					{ margin:0; padding:2px; }
#rates thead tr				{ background:#eee; }
#rates thead th				{ margin:0; border-bottom:1px solid #ccc; padding:2px; text-align:center; }
#rates tbody th				{ border:0; padding:0 8px 0 0; color:#041da9; text-align:right; }
#rates tbody tr.row1			{ margin:0; padding:0; background:#fff; }
#rates tbody tr.row2			{ margin:0; padding:0; background:#f7f7f7; }
#rates tbody td				{ margin:0; border:0; padding:2px; text-align:right; }
#rates tbody td#excludes		{ border-top:1px solid #ccc; font-size:80%; }

#availibilty					{ margin:15px 0 0 0; border:1px solid #ccc; padding:0; width:98%; border-collapse:collapse; font-size:11px; }
#availibilty a					{ color:#00c; text-decoration:underline; }
#availibilty a:hover			{ color:#c00; }
#availibilty thead				{ margin:0; padding:2px; }
#availibilty thead tr			{ background:#eee; }
#availibilty thead th			{ margin:0; border-bottom:1px solid #ccc; padding:2px; text-align:center; }
#availibilty thead th#switchyear	{ padding:2px 15px 2px 2px; font-weight:normal; text-align:right; }
#availibilty tbody th			{ border:0; padding:2px 15px 2px 2px; color:#041da9; text-align:right; width:35%; }
#availibilty tbody tr.row1		{ background:#fff; }
#availibilty tbody tr.row2		{ background:#f7f7f7; }
#availibilty tbody td			{ margin:0; border:0; padding:2px 2px 2px 8px; width:13%; }
#availibilty tbody td.disabled	{ color:#bbb; }
#availibilty tbody td.booked	{ color:#000; background:#fcc; }

/*book property display*/
#creditcards				{ margin:0 0 15px 0; text-align:center; }
#wellcallyou				{ font-weight:bold; color:#00c; }
#adobe						{ margin:10px; border:0; padding:0; float:right; }
#frmBooking					{ position:relative; overflow:hidden; }
#frmBooking label			{ display:block; float:left; width:120px; text-align:right; margin:0 8px 0 0; }
#frmBooking input.doit		{ margin-left:128px; }
#frmBooking input.text		{ width:200px; }
#frmBooking input.names		{ width:150px; color:#ccc; }
#frmBooking input.age		{ width:25px; color:#ccc; }
#frmBooking input.relation	{ width:80px; color:#ccc; }
#frmBooking textarea		{ width:200px; }
#frmBooking select.enddate	{ font-weight:bold; width:150px; }
#frmBooking span.bookinginfo{ color:#000; font-weight:bold; }
#frmBooking p.instruction	{ margin-left:128px; color:#00c; }
#frmBooking p.warning		{ margin-left:128px; color:#c00; }
#frmBooking input.dog		{ width:150px; background:#eee; }
#frmBooking input.check		{ margin:0 0 0 2px; border:0; padding:2px; }
.leftnodb					{ margin-top:50px; text-align:left; }

/*Conditions of booking*/
#conditions h2				{ margin:2px; border-bottom:1px solid #ccc; }
#conditions p				{ margin:4px 2px 4px 20px; }

#insurance					{ margin-top:5px; border:1px solid #ccc; padding:0; width:50%; border-collapse:collapse; font-size:11px; }
#insurance thead			{ margin:0; padding:2px 2px 2px 12px; }
#insurance thead tr			{ background:#eee; }
#insurance thead th			{ margin:0; border-bottom:1px solid #ccc; padding:2px; text-align:left; }
#insurance tbody tr.row1	{ margin:0; padding:0; background:#fff; }
#insurance tbody tr.row2	{ margin:0; padding:0; background:#f7f7f7; }
#insurance tbody td			{ margin:0; border:0; padding:2px 2px 2px 12px; text-align:left; }

/*things to do*/
.thingsbox					{ position:relative; margin:0; padding:0; }
.thingsbox div.thingsleft	{ float:left; margin:0 10px 0 0; padding:0; width:45%; overflow:hidden; }
.thingsbox div.thingsright	{ float:left; margin:0 0 0 10px; padding:0; width:45%; overflow:hidden; }
.thingsbox p.placetitle		{ margin:0; border:0px; padding:0; color:#008; font-style:italic; text-decoration:underline; }
.thingsbox p.placeinfo		{ margin:2px 0 0 0; border:0; padding:0; letter-spacing:normal; font-size:90%; }	
.thingsbox p.placeweb		{ margin:0 0 15px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:0; letter-spacing:normal; font-size:90%; }

/*about us*/
#ourdetails h2				{ margin:15px 0 4px 0; }
#ourdetails p#hours			{ margin:4px 0 18px 0; }
#ourdetails img#hoursimg	{ margin:0 4px 0 4px; float:left; }
#ourdetails p				{ margin:2px 0 4px 0; }
#ourdetails p#partof		{ font-weight:bold; }
#ourdetails span.partofinfo	{ color:#00492c; font-weight:bold; }
#morecontact				{ position:relative; margin:2px; border:0; padding:2px; height:auto !important; height:70px; min-height:70px; }
#morecontact p				{ margin:0; padding:0; clear:left; font-size:90%; }
#morecontact img			{ margin:0 7px 0 0; border:0; padding:0; float:left; }
#morecontact span			{ line-height:22px; }
#morecontact span#multi		{ line-height:normal; }

/*contact display*/
#frmContact					{ position:relative; overflow:hidden; }
#frmContact div#brochures	{ position:absolute; top:10px; left:344px; margin:0; border:0; padding:0; }
#frmContact label			{ display:block; float:left; width:120px; text-align:right; margin:0 8px 0 0; }
#frmContact input.doit		{ margin-left:128px; }
#frmContact input.text		{ width:200px; }
#frmContact textarea		{ width:200px; }
#frmContact span.notes		{ font-size:90%; }
#frmContact p.instruction	{ margin-left:128px; color:#00c; }
#frmContact p.propinfo		{ margin-left:138px; color:#00c; font-weight:bold; }
#frmContact input.check		{ margin:0 0 0 2px; border:0; padding:2px; }
.leftnodb					{ margin-top:50px; text-align:left; }
#clientaddress				{ }

/*suffolk-cottage-list*/
.quicklist				{ margin:0 0 10px 0; border:0; padding:0; }
.quicklist p.qltitle		{ margin:0; font-weight:bold; }
.quicklist p.qlmore		{ margin:0; color:#000; }
.quicklist span.qldata	{ color:Green; font-weight:bold; }

/******************************************************************************************************************************/
/* WHOS WHO PAGES */
.whoswho-heading					{background:#007aac url(/images/whoswho-title.gif) repeat-x top left; height:26px; margin-top:20px; }
.whoswho-heading span				{float:right; padding-left:10px; width:172px; line-height:26px; font-weight:bold; color:#fff; text-transform:uppercase;}
.whoswho-heading .lettings			{background:#dfc45b;}

.employeebox				{position:relative; width:100%; overflow:auto; margin-bottom:15px; }
.employeebox img			{float:left; clear:left; width:167px; margin-top:15px;}
.employeebox .staffdetails	{float:left; clear:none; width:500px; margin:0 25px; color:#00492c;}
.employeebox h6				{font-size:1.833em; padding-bottom:10px; text-transform:uppercase; }
.employeebox h6 .letters	{font-size:0.818em;}
.employeebox h6 .position	{font-weight:bold; font-size:0.591em; color:#666; text-transform:none; font-family:Arial, helvetica, sans-serif; letter-spacing:normal; }
.employeebox .staffdesc		{height:85px; overflow:hidden; letter-spacing:normal;}
.employeebox .stafflink		{font-weight:bold; font-size:1.167em; margin-bottom:4px;}
.employeebox a				{font-weight:bold; color:#4b94cb;}
.employeebox a:hover		{color:#dfc45b;}

.office-details				{float:right; clear:none; width:165px; margin:9px 7px 0 0;}
.office-details p			{font-size:0.917em; line-height:1.167em; margin:5px 0 20px 0;}
.office-details a			{display:block;}

/*================================*/
/* define all the admin style bits*/
/* needed on user pages           */
/*================================*/
#adminmenu		{ width:786px; height:16px; text-align:left; padding:1px; overflow:hidden; }
.editlink		{ color:#0000FF; font-size:10px; font-weight:normal; background-color:#FFFFBB; padding:0 1px 1px 1px; border:1px solid #CCCCCC; margin:0 0 8px 0; }
.editlink a		{ text-decoration:none !important; color:#DD0000 !important; font-weight:normal !important; }
.editlink a:hover{ text-decoration:underline !important; color:#0000FF !important; }
a.editimage			{ background-color:#FFFFBB; font-size:70%; letter-spacing:-1px; }