/*
©2003-2004 All Rights Reserved
 ___     _   _         __      ___    _ _       _
| _ )___| |_| |___ _  _\ \    / / |_ (_) |_ ___| |_  ___ _ _ _ _  ___
| _ Y -_)  _| / -_) || |\ \/\/ /| ' \| |  _/ -_) ' \/ _ \ '_| ' \/ -_)
|___|___|\__|_\___|\_, / \_/\_/ |_||_|_|\__\___|_||_\___/_| |_||_\___|
                   |__/

This is hotelfront.css - Stylesheet of allaboutguernsey.com page Type 2A (Hotel Frontpage) version 0.1a
*/

br						{ line-height: 15px;}

/* PAGE LAYOUT DEFINITIONS */

#leftcolumn 			{ display: block;
						width: 130px;
						text-align: left;
						float: left;
						padding: 0;
						}

#rightcolumn 			{ display: block;
						width: 130px; height: 440;
						text-align: left;
						overflow: hidden;
						float: right;
						}

#adright				{ display: block;
						width: 130px;
						padding: 0;
						margin-bottom: 8px;
						}

#centercontent
	{ 
	display:block;
	margin: 0px 138px 0px 138px;
	text-align: left;
	position:absolute;
	overflow:auto;
	height:440px;
	left:0px;
	width:462px;
	}

#leftmenu				{ height: 389px; width: 130px;
						display: block;
						position: relative;
						text-align: left;
						left: 0;
						top: 0;
						background-color: #f6f6f6;
						margin: 0 auto; padding: 0;
						}

#centershortbox			{ display: none;}

#centershorttext		{ display: none;}

#feature				{ display: none;}

#piggy1					{ display: block;
						height: 100px; width: 440px;
						position: absolute;
						overflow: hidden;
						top: 0px;
						}

#piggy2					{ display: block;
						height: 162px; width: 148px;
						position: absolute;
						overflow: hidden;
						top: 278px;
						left: 156px;
						}

#piggy3					{ display: block;
						height: 162px; width: 148px;
						position: absolute;
						overflow: hidden;
						top: 278px;
						left: 312px;
						}

#piggytopline			{ display: block;
						height: 3px; width: 460px;
						background: #999;
						line-height: 3px;
						margin: 0 auto; padding: 0;
						}

#piggygreybox			{ display: block;
						height: 39px; width: 460px;
						background: #b4b4b4;
						position: absolute;
						overflow: hidden;
						top: 3px;
						}

#piggywhite				{ display: block;
						height: 20px; width: 148px;
						padding: 3px 0 0 5px;
						font-size: 15px;
						font-weight: bold;
						color: #FFF;
						}

#piggylink				{ height: 19px; width: 460px;
						font-size: 11px;
						font-weight: bold;
						color: #000;
						margin: 0 auto;
						padding: 0px 0 0 5px;
						position: relative;
						display: block;
						}

#piggylink a			{ height: 17px; width: 148px;
						font-weight: bold;
						padding: 1px 0 0 5px;
						color: #000;
						background: transparent url(../template/allaboutarrow.png) 132px 3px no-repeat;
						}

#piggylink a:hover		{ color: #FFF;
						background: transparent url(../template/allaboutarrow_r.png) 132px 3px no-repeat;
						}

#piggyimage				{ display: block;
						height: 116px; width: 148px;
						background: #CCC;
						position: absolute;
						top: 46px;
						}

#leftmenu					{ height: 224px; width: 130px;
							display: block;
							position: relative;
							text-align: left;
							left: 0;
							top: 0;
							background-color: #f6f6f6;
							margin: 0 auto; padding: 0;
							}

#yellowbox					{ height: 195px; width: 130px;
							margin: 0 auto; padding: 0;
							display: block;
							background-color: #E6DC2B;
							overflow: hidden;
							}



/* HOTEL SPECIFIC DEFS */

#hotelfeaturetitle		{ display: none;}

#hotelfeaturetitle1		{ display: none;}

#hotelfeaturetitle2		{ display: none;}

#hotelfeaturecontenttext 	{ display: none;}

#hotelfeaturecontentimg		{ display: none;}

#hotel						{ width: 100%; height: 90px;
							display: block;
							line-height: 18px;
							color: #999;
							border-bottom: dotted 1px #ccc;
							}

#hotel_ul					{ width: 100%; height: 110px;
							display: block;
							line-height: 18px;
							color: #999;
							}

#hotel strong				{ font-size: 12px; font-weight: bold; color: black;
							}

#hotelpic					{ width: 76px; height: 76px;
							margin: 0 15px 10px 10px;
							float: left;
							}

#stars						{ width: 50px; height: 10px;
							margin: 0 10px 0 15px;
							float: right;
							}

#campstuff					{
							}

#hotelmenu					{ height: 419px; width: 130px;
							display: block;
							position: relative;
							text-align: left;
							left: 0;
							top: 0;
							background-color: #f6f6f6;
							margin: 0 auto; padding: 0;
							}

#hotelmenutext				{ display: block;
							position: relative;
							text-align: left;
							padding: 7px 14px 7px 10px;
							}

#hotelmenuitem_o a			{ padding: 3px 0 3px 5px;
							width: 125px;
							display: block;
							color: #000;
							font-size: 9px;
							background: url(../template/allaboutarrowsmall_r.png) 114px 5px no-repeat;
							}

#hotelmenuitem a			{ padding: 3px 0 3px 5px;
							width: 125px;
							display: block;
							color: #000;
							font-size: 9px;
							background: url(../template/allaboutarrowsmall.png) 114px 5px no-repeat;
							}

#hotelmenuitem a:hover		{ background-color: #EAEAEA;
							}

#hotelmenuitem a:active		{ background: transparent url(../template/allaboutarrowsmall_r.png) 114px 5px no-repeat;
							}

#hotelmenusubheader a		{ padding: 5px 0 3px 5px;
							width: 125px;
							display: block;
							color: #000;
							margin: 0 auto;
							background: url(../template/allaboutarrow.png) 112px 7px no-repeat;
							}

#hotelmenusubheaderlined a	{ padding: 5px 0 3px 5px;
							width: 125px;
							display: block;
							color: #000;
							margin: 0 auto;
							border-bottom: dotted 1px #999;
							background: url(../template/allaboutarrow.png) 112px 7px no-repeat;
							}

#hotelmenusubheader a:active, #hotelmenusubheaderlined a:active		{ background: transparent url(../template/allaboutarrow_r.png) 112px 7px no-repeat;}

#contenttext
			 	{
				width: 448px;
				font-size: 11px;
				display: block;
				padding: 0px 25px 0px 5px;
				position: relative;
				top: 35px;
				left: 0px;
				}

#extrabox {

	}
#extrabox td{
		vertical-align:top;
		font-weight:bold;
}
					
#extrabox select			{ height: 18px; width: 140px;
					border: solid 1px #CCC;
					font-size: 10px;
					margin: 0 10px 5px 0;
					padding: 0;
					}

#extrabox input			{ height: 18px; width: 140px;
					border: solid 1px #CCC;
					font-size: 10px;
					margin: 0 10px 5px 0;
					padding: 0;
					}

#extrabox textarea			{ height: 80px; width: 165px;
					border: solid 1px #CCC;
					font-size: 10px;
					margin: 0 10px 5px 0;
					padding: 0;
					}

#extrabox a				{ display: block;
					width: 55px; height: 25px;
					background-color: #fcf;
					float: right;
					background: transparent url(../template/allaboutarrow.png) 35px 3px no-repeat;
					font-weight:bold;
					}

#mapbit
	{
	display: inline;
	cursor:hand;
	}
	
#mapbit img
	{
	border:1px solid gray;
	border-left:0px;
	border-top:0px;
	}