/*define the default font characteristics*/
body		{ font-style:normal; font-variant:normal; font-weight:normal; font-size:8pt; font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#666; }
p			{ margin-top:6px; margin-bottom:8px; }
ul			{ margin:2px 0 0 16px; padding: 0 0 0 16px; color:#1a5f9b; }
li			{ margin-bottom:2px; }
ol			{ margin:2px 0 0 20px; padding: 0 0 0 16px; color:#1a5f9b; }
h1			{ font-style:italic; font-variant: normal; font-weight:bold; font-size:11pt; font-family:Arial, Helvetica, Sans-Serif; color:#008; margin-bottom:8px; margin-top:4px; letter-spacing:1px; }
h2			{ font-style:italic; font-variant: normal; font-weight:bold; font-size:10pt; font-family:Arial, Helvetica, Sans-Serif; color:#008; margin-bottom:4px; margin-top:4px; letter-spacing:1px; }
h3			{ font-style:italic; font-variant:normal; font-weight:bold; font-size:8pt; font-family:Arial, Helvetica, Sans-Serif; color:#008; margin:0; letter-spacing:1px; }
tt, pre		{ font-family:monospace; font-size:12px }
.smaller	{ font-size:10px }
hr			{ height:1px; color:#ccc; background-color:#ccc; border-width:0px; }
form		{ margin:0px; }

/*define some special display options*/
div.justify			{ text-align:justify; }
div.container		{ position:relative; margin:0; padding:0; }
div.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; }
.nb					{ color:#00c; }
.showsuccess		{ color:#00c; }
.bolder				{ font-weight:bold; }
.spaced				{ letter-spacing:1px;  }
.listheader			{ margin:10px 0 4px 0; border-bottom:2px dotted #b4d92b; padding:1px 0 1px 0; color:#008; font-style:italic; letter-spacing:1px; font-weight:bold; }
.requiredstar		{ font-size:10px; color: #f00; }
p.alt				{ color:#6a8f19;  }
img.photo			{ margin:0; border:1px solid #ccc; padding:4px; background:#fff; }
span.bullet1		{ color:#1a5f9b; }
div.nodbitem		{ margin:80px 0 40px 0; border-top:2px dotted #b4d92b; border-bottom:2px dotted #b4d92b; padding:20px 0 20px 0; text-align:center; }
span.dlgclose		{ font-size:90%; font-weight:normal; }

/*define the page body colours - height is so FF displays the scrollbar all the time*/
html				{ min-height:100%; margin-bottom:1px; }
body.mysite			{ background-color: #d9dde1;  margin:0 0 20px 0; padding:0; text-align:center; }
div#pagebox			{ width:786px; margin:0 auto; text-align:left; }

/*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:10px; 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:10px; 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:10px; color:#666; font-family:Verdana,Arial,Helvetica,Sans-Serif; }
input.btn			{ font-size:10px; font-family:Verdana,Helvetica,Sans-Serif; }
 
/*Image Thumbnail Viewer*/
#loading			{ position:absolute; top:0; left:0; z-index:5; visibility:hidden; margin:0; border:2px solid #990000; padding:5px; background-color:#EEEEEE; color:#000099; font:"Verdana,Helvetica,Sans-Serif" 8pt; }
#zoomimage			{ position:absolute; top:0; left:0; z-index:10; cursor:hand; cursor:pointer; visibility:hidden; margin:0; border:1px solid Gray; padding:4px; background-color:#EFEFEF; }
#zoomclose			{ position:absolute; top:5px; right:5px; width:45px; height:13px; background-color:#EFEFEF; }

/*define the top banner*/
div#pagetop			{ background:#d9dde1 url(/images/top-drop.gif) no-repeat bottom left; width:786px; height:24px; margin:20px 0 0 0; padding:0; }
div#pagebottom		{ background:#d9dde1 url(/images/bottom-drop.gif) no-repeat top left; width:786px; height:31px; margin:0; padding:0; }
div#pagesides		{ position:relative; background:White url(/images/middle-drop.gif) repeat-y top left; margin:0; padding:0 18px 0 18px; width:750px; }
div#pagemain		{ background:White url(/images/green-swirl.gif) no-repeat top left; }

/*the banner*/
div#banner					{ position:relative; margin:0; border:0; padding:0; }
div#banner div#logo			{ margin:0; border:0; padding:0; }
div#banner div#logo img		{ margin:0; border:0; padding:28px 0 40px 25px; }
div#banner div#paperclips	{ position:absolute; top:-35px; left:470px; margin:0; border:0; padding:0; }

/*the menu*/
div#menubox			{ position:relative; margin:0; border:0; padding:0; text-align:center; white-space:nowrap; }
div#menubox ul		{ margin:0; padding:0; }
div#menubox li		{ margin:0; padding:0; display:inline; list-style:none; }
div#menubox li#last	{ margin:0; }
div#menubox	a		{ font-family:"Trebuchet MS", Verdana, Helvetica, Sans-Serif; font-size:120%; color:#477e06; font-weight:bold; }
div#menubox	a:hover	{ text-decoration:none; color:#00c; }
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; }
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; }

/*the footer link for CubeConnection*/
div#siteby				{ margin:0; width:786px; }
div#siteby p			{ margin:0 22px 0 0; padding:12px 0 0 0; color:#666; font-size:10px; text-align:right; }
div#siteby span#copyrite{ float:left; margin:0 0 0 20px; text-align:left; }
div#siteby a#cube		{ text-decoration:none; color:#888888; font-weight:bold; }
div#siteby a#cube:hover		{ color:#818db0; }

/*define main content area*/
div#contentbox			{ position:relative; margin:0; padding:0; width:750px; }
div.bluebar				{ background:url(/images/blue-bar.gif) repeat-x top left; }
div#rcol				{ position:relative; float:right; margin:15px 20px 0 20px; border:0; padding:0; width:490px; }
div#lcol				{ position:relative; float:left; margin:15px 0 0 0; border:0; padding:0; width:220px; background:url(/images/rcol-bg.gif) no-repeat top left; }
* html #rcol			{ display:inline; } /*ie6 win double margin bug fix*/
div#topinfo				{ position:relative; margin:0; border:0; padding:0; height:146px; overflow:hidden; }
div#midinfo				{ position:relative; margin:0; border:0; padding:1px 0 1px 0; width:300px; height:146px; }
div#botinfo				{ position:relative; margin:9px 0 0 0; border:0; padding:0; }
div#topinfo p			{ margin:6px 0 2px 0; letter-spacing:1px; }
div#midinfo	p			{ margin:8px 0 2px 0; color:#1a5f9b; letter-spacing:1px; }
div#midinfo	ul			{ margin:10px 0 0 12px; }
div#midinfo li			{ font-style:italic; }
div#midinfo div#postit	{ position:absolute; top:-26px; left:310px; margin:0; border:0; padding:0; }
div#botinfo p			{ margin:6px 0 2px 0; letter-spacing:1px; }
div#botinfo p#home		{ margin:15px 0 25px 0; letter-spacing:1px; }

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

/*cottage summary display*/
div.psshadow				{ position:relative; top:2px; left:2px; margin:15px 0 15px 0; background:#eee; width:486px; }
div.psshadow div.sumbox		{ position:relative; top:-2px; left:-2px; background:#fff; width:476px; margin:0; border:1px solid #bbb; padding:4px; }
div.psshadow div.sumthumb	{ float:left; margin:0; border:0; padding:0; width:150px; }
div.psshadow div.sumthumb img	{ float:right; }
div.psshadow div.suminfo	{ margin:0 0 0 164px; border:0; padding:0; }
div.psshadow p.moreinfo		{ border-top:1px solid #ccc; padding:2px 5px 2px 0; font-size:90%; font-style:italic; text-align:right; }
div.psshadow p				{ margin:0; }
div.psshadow div.sumquick	{ margin-left:3px; color:#87b000; font-weight:bold; }
div.psshadow span.sumdata	{ color:#000; font-weight:bold; }

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

/*contactform*/
div#quickcontact			{ position:relative; margin:10px; border:2px solid #a7d701; padding:10px; height:auto !important; height:148px; min-height:148px; }
div#quickcontact p			{ margin:0; padding:0; clear:left; font-size:90%; }
div#quickcontact img		{ margin:0 7px 0 0; border:0; padding:0; float:left; }
div#quickcontact span		{ line-height:22px; }
div#quickcontact span#multi	{ line-height:normal; }

/*datapage page links*/
div.pagetobox					{ margin-top:10px; }
div.pagetobox span				{ display:block; float:left; margin:2px 4px 0 0; font-weight:normal; font-style:italic; }
div.pagetobox div.pageto		{ float:left; margin:0; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:2px; width:12px; height:12px; text-align:center; cursor:hand; cursor:pointer; }
div.pagetobox div.pageto1		{ border-left:1px solid #ccc; }
div.pagetobox div.mover			{ background:#eee; }
div.pagetobox div.pagecurrent	{ background:#ddf; cursor:default; }

/*PER PAGE STYLES*/

/*home page*/
div#optionsbox								{ position:relative; margin:0; border:0; padding:0; }
div#optionsbox div.options					{ position:relative; float:left; margin:0 27px 0 0; border:2px solid #a7d701; padding:0; width:140px; height:160px; background:#e5f3c2; cursor:hand; cursor:pointer; overflow:hidden; }
div#optionsbox div.options h3				{ margin:0; padding:4px 4px 0 4px; }
div#botinfo div#optionsbox div.options p	{ margin:0; padding:2px 4px 0 4px; font-size:85%; }
div#optionsbox div.options a:hover			{ color:#1a5f9b; text-decoration:none; }
div#optionsbox div.optionslast				{ margin:0; }

/*our-holiday-cottages page*/
div#quicklinkbox				{ position:relative; margin:8px 0 0 0; border:0; padding:0; font-size:90%; }
div#quicklinkbox div.quicklink1	{ float:left; margin:0; padding:0; width:55%; overflow:hidden; }
div#quicklinkbox div.quicklink2	{ float:left; margin:0; padding:0; width:45%; overflow:hidden; }
div#quicklinkbox p				{ margin:3px 0 2px 0; }

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

/*cottage details display*/
div#cottagetextbox					{ margin:0 165px 20px 0; border:0; padding:1px 0 0 0; }
div#cottagetextbox div#sumleft		{ float:left; margin:0; padding:0; width:65%; overflow:hidden; }
div#cottagetextbox div#sumright		{ float:left; margin:0; padding:0; width:35%; overflow:hidden; }
div#cottagetextbox p.sumdata		{ margin:0 0 3px 0; padding:0; color:#000; font-size:90%; }
div#cottagetextbox span.sumquickl	{ display:block; float:left; width:110px; margin:0 4px 3px 0; border:0; padding:0; color:#87b000; font-weight:bold; }
div#cottagetextbox span.sumquickr	{ display:block; float:left; width:55px; margin:0 4px 3px 0; border:0; padding:0; color:#87b000; font-weight:bold; }
div#cottagetextbox span.descheader	{ color:#1a5f9b; font-size:9pt; font-style:italic; }
div#cottagetextbox span#movein		{ color:#666; font-weight:bold; }
div#cottageimgbox					{ position:relative; float:right; margin:0; border:0; padding:9px 0 0 0; width:150px; }
div#cottageimgbox div.imgbox		{ position:relative; margin:0; border:0; padding:0; text-align:right; }
div#cottageimgbox img				{ margin:0 0 20px 0; }
div#cottageimgbox img.zoom			{ position:absolute; top:5px; right:5px; margin:0; border:1px solid Silver; padding:0; }
div.detailactions					{ text-align:center; font-size:90%; }
div.detailactions div.actions		{ float:left; margin:4px 4px 15px 4px; border:1px solid #ccc; padding:2px; width:67px }
div.detailactions div.actionsbtn	{ background:#eee; }
span#summaryclick					{ font-size:70%; font-weight:normal; font-style:italic; }

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

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

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

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

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

/*things to do*/
div.thingsbox					{ position:relative; margin:0; padding:0; }
div.thingsbox div.thingsleft	{ float:left; margin:0 10px 0 0; padding:0; width:45%; overflow:hidden; }				
div.thingsbox div.thingsright	{ float:left; margin:0 0 0 10px; padding:0; width:45%; overflow:hidden; }
div.thingsbox p.placetitle		{ margin:0; border:0px; padding:0; color:#008; font-style:italic; text-decoration:underline; }	
div.thingsbox p.placeinfo		{ margin:2px 0 0 0; border:0; padding:0; letter-spacing:normal; font-size:90%; }	
div.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*/
div#ourdetails h2				{ margin:15px 0 4px 0; }
div#ourdetails p#hours			{ margin:4px 0 18px 0; }
div#ourdetails img#hoursimg		{ margin:0 4px 0 4px; float:left; }
div#ourdetails p				{ margin:2px 0 4px 0; }
div#ourdetails p#partof			{ font-weight:bold; }
div#ourdetails span.partofinfo	{ color:#87b000; font-weight:bold; }
div#morecontact					{ position:relative; margin:2px; border:0; padding:2px; height:auto !important; height:70px; min-height:70px; }
div#morecontact p				{ margin:0; padding:0; clear:left; font-size:90%; }
div#morecontact img				{ margin:0 7px 0 0; border:0; padding:0; float:left; }
div#morecontact span			{ line-height:22px; }
div#morecontact span#multi		{ line-height:normal; }

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

/*my favourites display*/
form#frmMyFave					{ position:relative; overflow:hidden; }
form#frmMyFave label			{ display:block; float:left; width:120px; text-align:right; margin:0 8px 0 0; }
form#frmMyFave input.doit		{ margin-left:128px; }
form#frmMyFave input.text		{ width:200px; }
form#frmMyFave p.instruction	{ margin-left:128px; color:#00c; }
div#del1fave					{ margin:0 0 -10px 0; padding:0; font-style:italic; text-align:right; }
div#delallfave					{ margin:0 0 0 0; border:0; padding:0; font-style:italic; text-align:right; }

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


/*================================*/
/* define all the admin style bits*/
/* needed on user pages           */
/*================================*/
div#adminmenu		{ width:786px; height:16px; text-align:left; padding:1px; overflow:hidden; }
div.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; }
div.editlink a		{ text-decoration:none !important; color:#DD0000 !important; font-weight:normal !important; }
div.editlink a:hover{ text-decoration:underline !important; color:#0000FF !important; }
a.editimage			{ background-color:#FFFFBB; font-size:70%; letter-spacing:-1px; }