/**************************************************/
/*			file:	default.css													*/
/*	site url:	http://www.portsidecottage.co.uk		*/
/*		author: Chris Brown, i-frog.co.uk						*/
/*	revision:	2006-12-19													*/
/**************************************************/
#ifrog
{
float:left;
font-size:0.9em;
margin-top:6px;
height:23px;
}
#ifrog img
{
vertical-align:middle;
}




/* --standard tags defined-- */

body {
	padding:0px;
	margin:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:0.75em;
	background-color:#f5eedd;
}

hr {
	width:90%;
	margin-top:1.6em;
	height:1px;
	size:1px;
	color:#f5eedd;
}

p {
	margin:0px;
	padding:0px;
}

img {
	border:0px;
}

a:link, a:visited, a:active	{
	text-decoration:none;
	color:#000000;
}

a:hover	{
	text-decoration:underline;
	color:#000000;
}

h1	{
	color:#3f4a71;
	font-size:1.5em;
	padding:16px 0px 10px 10px;
}

h1 a, h1 a:link, h1 a:hover, h1 a:visited, h1 a:active{
	text-decoration:none;
	color:#3f4a71;
}

.title1	{
	color:#3f4a71;
	font-size:1.5em;
	padding:0px 0px 0px 10px;
}

h1.nonimage	{
	font-size:1.4em;
	font-weight:bold;
	padding:0px 0px 0px 20px;
	color:#3f4a71;
	margin-left:10px;
}

h2	{
	color:#3f4a71;
	font-size:1.4em;
	padding:18px 0px 0px 10px;
	margin-bottom:6px;
}

/* --standard tag redefinitions-- */

p.formheadinfo	{
	padding:0px 10px 0px 10px;
	margin-bottom:15px;
	line-height:1.8em;
	text-align:justify;
}

p.formheadinfo a:link, p.formheadinfo a:active, p.formheadinfo a:visited	{
	text-decoration:none;
	font-weight:bold;
	margin-left:5px;
	padding:1px 3px 1px 3px;
	border-style:solid;
	border-width:1px;
	background-color:#646d90;
	border-color:#000000;
	color:#ffffff;
	text-align:center;
}

p.formheadinfo a:hover	{
	text-decoration:none;
	background-color:#3f4a71;
}

p.contactheadinfo	{
	padding:0px 10px 0px 10px;
	margin-bottom:15px;
	line-height:1.8em;
	text-align:justify;
}

p.contactheadinfo a:link, p.contactheadinfo a:active, p.contactheadinfo a:visited	{
	font-style:italic;
	font-weight:bold;
	color:#3f4a71;
}

p.contactheadinfo a:hover	{
	font-style:italic;
	color:#3f4a71;
	text-decoration:underline;
	font-weight:bold;
}

p.generic	{
	padding:10px 10px 0px 10px;
	line-height:1.5em;
	text-align:justify;
}
p.genericread	{
	padding:10px 10px 0px 10px;
	line-height:1.5em;
	text-align:center;
}

ul.tscs {
	padding:0px 10px 0px 10px;
	margin:0px 0px 10px 20px;
	line-height:1.5em;
	text-align:justify;
	list-style-type:square;
}

p.formfootinfo	{
	padding:5px 20px 5px 20px;
	line-height:1em;
	text-align:justify;
}

p.generic	a:link, p.generic a:visited, p.generic a:active	{
	font-style:italic;
	font-weight:bold;
	color:#3f4a71;
}

p.generic	a:hover	{
	font-style:italic;
	color:#3f4a71;
	text-decoration:underline;
	font-weight:bold;
}

#only	{
	margin-top:-20px;
	padding-bottom:10px;
}
.buttononly	{
	text-align:center;
	margin-bottom:0px;
	margin-top:0px;
}

.listtitle	{
	font-style:italic;
	padding:20px 0px 10px 10px;
}

#lighthouse	{
	float:right;
	padding:0px 30px 10px 40px;
	font-size:0.8em;
	text-align:center;
	clear:both;
}




/* --specific tags defined-- */

#acclink
{
display:none;
}
.call_outint {
	position:relative;
	margin-top:0px;
	margin-bottom:0px;
	height:160px;
	width:742px;
	padding:0px 10px 10px 10px;
	line-height:1.5em;
	text-align:justify;
}
}
#call_out {
	position:relative;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	height:160px;
	width:742px;
}
.pic_panel {
	position:relative;
	margin-top:10px;
	margin-left:30px;
}
.pic_panel ul {
	list-style: none;
	display:inline;
	margin:0;
	padding:0;
	height:160px;
}
.pic_panel ul li {
	display: inline;
	margin:0;
	padding:0;
	height:160px;
}
.pic_panel ul li.picleft {
	margin-left:25px;
	float:left;
	width:120px;
	background:url("../images/lounge.jpg") no-repeat;
}
.pic_panel ul li.picmid {
	margin-left:25px;
	float:left;
	width:120px;
	background:url("../images/sunroom.jpg") no-repeat;
}
.pic_panel ul li.picright {
	margin-left:25px;
	float:left;
	width:191px;
	background:url("../images/kitchen.jpg") no-repeat;
}
.pic_panel ul li.picfarright {
	margin-left:25px;
	float:left;
	width:124px;
	background:url("../images/dining.jpg") no-repeat;
}
.pic_panel ul li.l1picleft {
	margin-left:50px;
	float:left;
	width:126px;
	background:url("../images/bathroom.jpg") no-repeat;
}
.pic_panel ul li.l1picmid {
	margin-left:52px;
	float:left;
	width:218px;
	background:url("../images/double.jpg") no-repeat;
}
.pic_panel ul li.l1picright {
	margin-left:52px;
	float:left;
	width:130px;
	background:url("../images/twin.jpg") no-repeat;
}
#pic_title	{
	text-align:left;
	background-color:#f5eedd;
	padding-left:5px;
	font-size:0.8em;
}
#pic_titlelh	{
	text-align:left;
	background-color:#f5eedd;
	padding-left:5px;
}
.pic_title	{
	text-align:left;
	background-color:#f5eedd;
	padding-left:5px;
	font-size:0.8em;
}



#center {
	position:relative;
	width:742px;
	height:auto;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	background-color:#f5eedd;
}

#title	{
	position:relative;
	float:left;
	clear:both;
	height:100px;
	width:370px;
	margin-bottom:10px;
}

#logo	{
	float:right;
	margin-right:10px;
	margin-bottom:10px;
	width:71px;
	height:93px;
	clear:right;
}

.main_image	{
	margin-bottom:0px;
}

#generic_content	{
	position:relative;
	width:742px;
	height:auto;
	margin-top:5px;
	margin-bottom:0px;
	background-color:#d1d1da;
}

#form_info	{
	float:right;
	width:260px;
	border-style:solid;
	border-width:1px;
	border-color:#3f4a71;
	height:auto;
	margin:10px 10px 0px 0px;
	background-color:#f5eedd;
	padding-bottom:10px;
}

#gen_info	{
	float:right;
	width:260px;
	border-style:solid;
	border-width:1px;
	border-color:#3f4a71;
	height:auto;
	margin:10px 10px 10px 15px;
	background-color:#f5eedd;
	padding-bottom:10px;
}

#gen_info a:link, #gen_info a:active, #gen_info a:visited	{
	text-decoration:none;
	font-weight:bold;
	font-style:normal;
	margin-left:5px;
	padding:5px 8px 5px 8px;
	border-style:none none solid solid;
	border-width:1px;
	background-color:#646d90;
	border-color:#000000;
	color:#ffffff;
	text-align:center;
	float:right;
}

#gen_info a:hover	{
	text-decoration:none;
	background-color:#3f4a71;
}

.reqstar	{
	color:red;
	margin-right:5px;
}

.red	{
	color:red;
}

.shiftright	{
	margin-left:20px;
}

.contactsubmit	{
	position:relative;
	margin-top:4px;
	margin-bottom:10px;
	margin-left:230px;
	padding:0px 0px 0px 0px;
}


.tick	{
	float:left;
	text-align:right;
	margin-top:4px;
	margin-right:2px;
	width:40px;
}

.readagree	{
	padding:2px 0px 3px 0px;
}

.readagree a:link, .readagree a:active, .readagree a:visited	{
	font-style:italic;
	font-weight:bold;
	color:#3f4a71;
}

.readagree a:hover	{
	text-decoration:underline;
}

.submitbutton	{
	text-align:center;
}

.label2line	{
	float:left;
	text-align:right;
	margin-top:-4px;
	margin-bottom:10px;
	padding:0px 0px 0px 0px;
	width:110px;
}
.label	{
	float:left;
	text-align:right;
	margin-top:4px;
	margin-bottom:10px;
	padding:0px 0px 0px 0px;
	width:110px;
}

.field	{
	position:relative;
	margin-bottom:10px;
	margin-left:5px;
}

#formradio	{
	margin:0px 0px 10px 110px;	
}

.radiopush	{
	margin-left:20px;
}

.dropdownbump	{
	margin-bottom:10px;
	margin-left:5px;
}

.centered	{
	text-align:center;
}

#generic_bottom	{
	position:relative;
	width:742px;
	height:12px;
	background-color:#f5eedd;
	background:url("../images/generic_bottom.gif") no-repeat;
}

#generic_top	{
	position:relative;
	width:742px;
	height:12px;
	margin-top:0px;
	margin-bottom:-8px;
}

#footer	{
	border-style: none none none none;
	border-width:1px;
	border-color:#000000;
	position:relative;
	width:722px;
	height:auto;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	text-align:right;
}

#footer	ul	{
	list-style:none;
	padding-top:10px;
	margin:0px;
	font-size:0.8em;
}

#footer	ul li	{
	padding:0px 5px 0px 5px;
	display:inline;
}

#footer	ul li a:link, #footer ul li a:visited, #footer ul li a:active	{
	color:#000000;
	font-style:none;
}

#footer	ul li a:hover	{
	text-decoration:underline;
}








/* ALTERNATIVE MENU FORMATTING */

#icon_menu {
	position:relative;
	text-align:center;
	margin-top:10px;
	margin-bottom:0px;
	width:auto;
	height:auto;
}
#icon_menu ul {
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
	width:102px;
	height:25px;
}
#icon_menu ul li {
	display:inline;
	margin:0;
	padding:0;
	width:102px;
	height:25px;
}
#icon_menu ul li.home a {
	text-decoration:none;
	color:#61645b;
	width:102px;
	height:25px;
	padding:6px 49px 4px 38px;
	background:url("../images/glass_home.gif") 0px -25px no-repeat;
}
#icon_menu ul li.homeactive a {
	text-decoration:none;
	color:#000000;
	width:102px;
	height:25px;
	padding:6px 49px 4px 38px;
	background:url("../images/glass_home.gif") 0px 0px no-repeat;
}
#icon_menu ul li.book a {
	text-decoration:none;
	color:#61645b;
	width:102px;
	height:25px;
	padding:6px 43px 4px 33px;
	background:url("../images/glass_book.gif") 0px -25px no-repeat;
}
#icon_menu ul li.bookactive a {
	text-decoration:none;
	color:#000000;
	width:102px;
	height:25px;
	padding:6px 43px 4px 33px;
	background:url("../images/glass_book.gif") 0px 0px no-repeat;
}
#icon_menu ul li.rates a {
	text-decoration:none;
	color:#61645b;
	width:102px;
	height:25px;
	padding:6px 50px 4px 38px;
	background:url("../images/glass_rates.gif") 0px -25px no-repeat;
}
#icon_menu ul li.ratesactive a {
	text-decoration:none;
	color:#000000;
	width:102px;
	height:25px;
	padding:6px 50px 4px 38px;
	background:url("../images/glass_rates.gif") 0px 0px no-repeat;
}
#icon_menu ul li.cottage a {
	text-decoration:none;
	color:#61645b;
	width:102px;
	height:25px;
	padding:6px 30px 4px 25px;
	background:url("../images/glass_cottage.gif") 0px -25px no-repeat;
}
#icon_menu ul li.cottageactive a {
	text-decoration:none;
	color:#000000;
	width:102px;
	height:25px;
	padding:6px 30px 4px 25px;
	background:url("../images/glass_cottage.gif") 0px 0px no-repeat;
}
#icon_menu ul li.out a {
	text-decoration:none;
	color:#61645b;
	width:102px;
	height:25px;
	padding:6px 33px 4px 23px;
	background:url("../images/glass_out.gif") 0px -25px no-repeat;
}
#icon_menu ul li.outactive a {
	text-decoration:none;
	color:#000000;
	width:102px;
	height:25px;
	padding:6px 33px 4px 23px;
	background:url("../images/glass_out.gif") 0px 0px no-repeat;
}
#icon_menu ul li.contact a {
	text-decoration:none;
	color:#61645b;
	width:102px;
	height:25px;
	padding:6px 30px 4px 34px;
	background:url("../images/glass_contact.gif") 0px -25px no-repeat;
}
#icon_menu ul li.contactactive a {
	text-decoration:none;
	color:#000000;
	width:102px;
	height:25px;
	padding:6px 30px 4px 34px;
	background:url("../images/glass_contact.gif") 0px 0px no-repeat;
}
#icon_menu ul li.home a:hover {
	color:#000000;
	width:102px;
	height:25px;
	background:url("../images/glass_home.gif") no-repeat;
}
#icon_menu ul li.book a:hover {
	color:#000000;
	width:102px;
	height:25px;
	background:url("../images/glass_book.gif") no-repeat;
}
#icon_menu ul li.rates a:hover {
	color:#000000;
	width:102px;
	height:25px;
	background:url("../images/glass_rates.gif") no-repeat;
}
#icon_menu ul li.contact a:hover {
	color:#000000;
	width:102px;
	height:25px;
	background:url("../images/glass_contact.gif") no-repeat;
}
#icon_menu ul li.cottage a:hover {
	color:#000000;
	width:102px;
	height:25px;
	background:url("../images/glass_cottage.gif") no-repeat;
}
#icon_menu ul li.out a:hover {
	color:#000000;
	width:102px;
	height:25px;
	background:url("../images/glass_out.gif") no-repeat;
}










#webmail	{
	height:320px;
	width:742px;
}

#webmail p	{
	margin-top:30px;
	margin-left:0px;
	margin-bottom:40px;
	text-align:center;
}

.logininput	{
	margin-right:35px;
}

.loginselect	{
	margin-left:40px;
}

#button_viewcal	a:link, #button_viewcal a:active, #button_viewcal a:visited{	
	display:block;
	width:200px;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	position:relative;
	margin:20px auto 0px auto;
	padding:6px;
	border-style:solid;
	border-width:3px;
	background-color:#646d90;
	border-color:#000000;
	color:#ffffff;
	text-align:center;
}

#button_viewcal a:hover	{	
	display:block;
	width:200px;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	position:relative;
	margin:20px auto 0px auto;
	padding:6px;
	border-style:solid;
	border-width:3px;
	background-color:#3f4a71;
	border-color:#000000;
	color:#ffffff;
	text-align:center;
}

/*ACCESS*/

#accesspanel
{
	position:relative;
	width:742px;
}

#accessleft
{
	width:340px;
	float:left;
	text-align:justify;
}
#accessleft p
{	
	margin:1em 0em 0em 0em;
	padding:0px 20px 0px 23px;
}

#accessright
{
	width:400px;
	float:right;
	text-align:justify;
}
#accessright p
{	
	margin:1em 0em 2em 0em;
	padding:0px 30px 0px 30px;
}

table#accesskeys
{
	border:solid 1px #243b46;
	width:300px;
	margin-left:50px;
	margin-top:1em;
	margin-bottom:1.2em;
	background-color:#f5eedd;
}
#row1 th
{
	font-weight:bold;
	text-align:left;
	padding:0px 0px 0px 10px;
}
.rows td
{
	text-align:left;
	padding:0px 0px 0px 10px;
}

h2
{
	font-size:1.5em;
	padding:0em 0em 5px 20px;
	margin:0em 0em 0em 0em;
	color:#3f4a71;
	font-weight:normal;
}
#accessleft h2
{
	font-size:1.4em;
	padding:1.5em 0em 5px 23px;
	margin:0em 0em 0em 0em;
	color:#3f4a71;
	font-weight:bold;
}
#accessleft a
{
	font-size:1.2em;
	line-height:1.5em;
	color:#1d1850;
}

#accessright img
{
	vertical-align:middle;
	margin-right:8px;
}

#access_content	{
	position:relative;
	width:742px;
	height:auto;
	margin-top:10px;
	margin-bottom:0px;
	padding-bottom:0px;
	background-color:#d1d1da;
	height:54em;
}

#errorbutton	{
	text-align:center;
}