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

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

/* 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: block;
						height: 215px; width: 460px;
						background: #FFFFFF url(../thor_graphics/hotelcenter.png);
						position: absolute;
						}

#centershorttext		{ display: block;
						width: 210px;
						line-height: 16px;
						position: absolute;
						left: 15px;
						top: 115px;
						}

#piggy1					{ display: none;}

#piggy2					{ display: none;}

#piggy3					{ display: none;}

#piggytopline			{ display: none;}

#piggygreybox			{ display: none;}

#piggywhite				{ display: none;}

#piggylink				{ display: none;}

#piggylink a			{ display: none;}

#piggylink a:hover		{ display: none;}

#piggyimage				{ display: none;}

#yellowbox					{ display: none;}

#leftmenu					{ display: none;}






/* HOTEL SPECIFIC DEFS */

#feature			{ display: block;
						width: 460px; height: 200px;
						position: absolute;
						left: 0;
						top: 223px;
						border:1px solid lightgrey;
						background: #FFFFFF url(../wheretostay_pics/feat_hotel.png);
						}

#hotelfeaturetitle		{ display: block;
						width:459px; height: 37;
						position: absolute;
						background-color: lightgrey;
						top: 11px;
						}

#hotelfeaturetitle1		{ display: block;
						height: 15;
						font-size: 11px;
						font-weight: bold;
						line-height: 10px;
						color: #000;
						position: absolute;
						top: 5px;
						left: 15px;
						}

#hotelfeaturetitle2		{ display: block;
						width: 440px; height: 15;
						font-size: 14px;
						font-weight: bold;
						line-height: 10px;
						color: #FFF;
						position: absolute;
						top: 20px;
						left: 15px;
						}

#hotelfeaturecontenttext 	{ width: 310px;
							position: absolute;
							top: 61px;
							left: 135px;
							}

#hotelfeaturecontentimg		{ 
							position: absolute;
							background: #666;
							top: 63px;
							left: 15px
							}

#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 a			{ padding: 3px 0 3px 5px;
							width: 125px;
							display: block;
							color: #000;
							font-size: 9px;
							background: url(../thor_graphics/allaboutarrowsmall.png) 114px 5px no-repeat;
							}

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

#hotelmenuitem a:active		{ background: transparent url(../thor_graphics/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(../thor_graphics/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(../thor_graphics/allaboutarrow.png) 112px 7px no-repeat;
							}

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

#hotelpic			{ 
				margin: 2px 15px 10px 0;
				float: left;
				}

#stars						{ 
							float: right;
							margin-right:3px;
							margin-top:-5px
							}

#hotel				{ display: block;
				line-height: 15px;
				color: black;
				border-bottom: dotted 1px #ccc;
				padding: 0 0 10px 10px;
				}

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

#hotelnarrow				{ display: block;
			line-height: 1px;
			color: #999;
			border-bottom: dotted 1px #ccc;
			padding: 0px 0px 8px 10px;
																}