.clearFix:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.clearFix
{
	display: inline-block;
}

html[xmlns] .clearFix
{
	display: block;
}

* html .clearFix
{
	height: 1%;
}

.floatLeft
{
	display: inline;
	float: left;
}

.floatRight
{
	display: inline;
	float: right;
}

html
{
	height: 100%;
}

input.button
, div.add
{
	background: url( ../Images/button.gif ) repeat-x top left;
	border-top: 1px solid #DDD;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #DDD;
}


textarea.multi
{
	width: 300px;
	height: 120px;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
}

table
{
	font-size: inherit;
}

th
{
	text-align: right;
	vertical-align: top;
}

div.clear
{
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}

.error
, .red
{
	color: #F00;
}

	.red ul
	{
		list-style-type: disc;
	}
	
		.red ul li
		{
			padding: 0;
		}

	#container
	{
		width: 880px;
		margin: 0 auto;
		background-color: #FFF;
		padding: 10px;
	}
	
		#main
		{
			width: 735px;
			float: left;
		}
		
			#main .head
			{
			}
			
				#banner
				{
					width: 735px;
					font-size: 0;
					line-height: 0;
					height: 110px;
				}
					
			#content
			{
				width: 735px;
			}
			
				#copy
				{
					width: 454px;
					height: 600px;
					display: table-cell;
					vertical-align: middle;
					text-align: center;
					font-size: 11px;
					font-family: Verdana;
					font-weight: normal;
					float: left;
				}
				
					#copy p
					{
						text-align: justify;
					}
				
				#photo
				{
					width: 270px;
					height: 270px;
					font-size: 0;
					line-height: 0;
					float: right;
					margin-top: 5px;
				}
				
				#card
				{
					float: right;
					margin-top: 5px;
				}
				
				#food-drink-whatson
				{
					width: 270px;
					float: right;
					margin-top: 5px;
				}
				
				#img-food-drink
				{
					width: 115px;
					float: left;
					margin: 0px 5px 0px 0px;
					padding: 2px;
				}
				
				#img-whatson
				{
					width: 115px;
					float: left;
					margin: 0px 5px 0px 0px;
					padding: 2px;
				}
		
		#side-bar
		{
			width: 140px;
			float: right;
		}
		
			#side-bar .head
			{
				padding: 0;
				margin: 0;
				font-size: 11px;
				/*line-height: 0;*/
			}
			
				#side-bar .head img
				{
					padding: 0;
					margin: 0;
				}
			
			#special
			{
				height: 270px;
				
				color: #BABCBE;
				text-transform: uppercase;
				font-family: Verdana, Helvetica, Sans-Serif;
				margin-top: 5px;
				padding: 0px;
				font-weight: bold;
				font-size: 16px;
			}
			
			#foot
			{
				margin-top: 5px;
			}
			
			#gallery
			{
				margin-top: 5px;
				padding: 5px;
			}
			
			/*  General */
			table.general
			{
				width: 100%;
			}
			
			table.general th
			{
				width: 150px;
				text-align: right;
				vertical-align: top;
				font-weight: bold;
				padding-right: 20px;
			}
			
			table.general th span
			{
				font-weight: normal;
			}
			
			table.general td
			{
				text-align: left;
				vertical-align: top;
			}
			
fieldset
{
	float: left;
	clear: left;
	width: 585px;
	margin: 1.5em 0 0 0;
	padding: 0;
	border: none;
	/*font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 12px;*/
}

	fieldset legend
	{
		padding: 0 2px;
		font-weight: bold;
	}

	fieldset label
	{
		float: left;
		width: 10em;
		margin-right: 1em;
		padding-left: 10px;
	}
	
	fieldset ol
	{
		margin: 0;
		padding: 0 1em 0 0;
		list-style: none;
	}
	
	fieldset li
	{
		float: left;
		clear: both;
		width: 100%;
		padding-bottom: 1em;
		margin: 0;
	}
	
	fieldset em
	{
		font-weight: bold;
		font-style: normal;
		color: #F00;
	}
	
	fieldset.radio
	, fieldset.check
	{
		border: none;
		padding: 0;
		background-color: Transparent;
		margin-bottom: -2.5em;
		margin-top: 0;
	}
	
		fieldset.radio legend
		, fieldset.check legend
		{
			font-weight: normal;
			color: Black;
		}
		
		fieldset.radio ol
		, fieldset.check ol
		{
			position: relative;
			top: -1.5em;
			margin: 0 0 0 11.5em;
			padding: 0;
		}
		
		fieldset.check li
		{
			margin-top: 1em;
			top: auto;
		}
		
		fieldset.radio label
		, fieldset.check label
		{
			float: none;
			width: auto;
			margin: 0px 13px 0px 0px;
			padding: 0px;
		}
		
		fieldset .radio input
		{
			margin: 0px;
			padding: 0px;
		}
	
	fieldset.submit
	{
		float: none;
		clear: left;
		padding-left: 130px;
	}
	
	/* CMS  */
	
	#main-cms
	{
		width: 860px;
	}
		
		#main-cms #banner
		{
			text-align: center;
			margin: 0 auto;
		}
				
		#main-cms #nav
		{
			width: 844px;
			padding: 5px 8px;
			background-color: #D9D3A4;
			font-size: 11px;
			margin: 7px auto 6px auto;
			text-align: center;
		}
	
			.dash-item
			{
				border-bottom: 1px solid #EEE;
				margin-top: 20px;
			}
			
	th.function-line
	{
		height: 40px;
	}
	
	.login-container
	{
		width: 300px;
		margin: 0 auto;
		background-color: #FFF;
		margin-top: 20px;
	}
	
		div.menu-category
		{
			margin: 0;
		}
		
		div.half
		{
			width: 360px;
			float: left;
			padding-right: 5px;
		}
	
		div.menu-category div.head
		{
			border-top: 2px solid #FFF;
			cursor: pinter;
			_cursor: hand;
		}
		
		div.menu-category div.pale-back
		{
			background-color: #F3F3F3;
		}
			
			div.menu-category input
			{
				/*width: 100px;*/
				margin: 4px;
			}
				
				div.menu-category .head input
				{
					display: block;
					float: right;
				}
				
		div.item
		, table.item
		{
			width: 100%;
		}
		
		
		
			div.item div.title
			{
				width: 265px;
				float: left;
				padding-left: 20px;
			}
			
			div.item div.price
			{
				float: right;
				width: 75px;
				text-align: right;
			}
			
			div.item div.item-head
			{
				margin: 5px 0 0 0;
			}
			
			div.item div.description
			{
				margin: 0;
				padding-left: 20px;
				clear: both;
			}
		
			table.item td.price
			{
				text-align: right;
			}
			
			span.red
			{
				color: #F00;
			}
			
	/*  Newsletter  */
	td.email-list .RadPicker_Default,
	td.email-list .pickerWrapper_Default,
	td.email-list .pickerWrapper_Default table
	{
		vertical-align: top;
		
	}
	
	td.email-list td.rcInputCell input.riTextBox,
	td.email-list td.rcInputCell input.radEnabledCss_Default
	{
		padding: 2px 0px;
	}
	
	#calendar-div
	{
		visibility: hidden;
		display: none;
		width: 200px;
		float: left;
		padding: 0;
		margin: 0;
	}
	
	/*#calendar-ddl
	{
		width: 175px;
		float: left;
	}*/
			
	/* WHATS ON - Frontend */
	.calendar
	{
		width: 270px;
		float: right;
	}
	
	.events
	{
		width: 430px;
		float: left;
	}
	
		.events ul
		{
			list-style: none;
			float: right;
			width: 100%;
			margin: 20px 0 0 0;
			padding: 0;
		}
		
			.events ul li
			{
				float: left;
				width: 48%;
				padding: 0;
				margin: 0;
			}
	.events h2
	{
		font-weight: 100;
	}
			
	.events .date
	{
		text-decoration: underline;
		font-weight: bold;
		margin: 15px 0 0 0;
	}
	
	.events .event-details
	{
		margin: 0;
		border-bottom: 1px solid #EEE;
	}
	.newsletter-success-msg
	{
		height: 40px;
		width: 100%;
		padding-left: 30px;
	}
	
	td.event-day
	{
		background-color: #EEE;
	}
	
	.gallery-events
	{
		width: 140px;
		float: left;
	}
	
		.gallery-events .date
		{
			margin: 0px 0 5px 0;
			font-weight: bold;
		}
		
		.gallery-events .event
		{
			font-weight: normal;
			text-decoration: none;
			border-bottom: 1px solid #EEE;
			margin: 0;
			padding: 0px 5px 10px;
		}
		
		.gallery-events .selected
		{
			font-weight: bold;
		}
	
	.no-gallery
	{
		float: right;
		width: 650px;
	}
	
		.no-gallery p
		{
			text-align: center;
			margin: 0 0 20px 0;
			padding: 0;
		}
		
		.no-gallery a
		{
			font-size: 16px;
			font-weight: bold;
			display: block;
			width: 140px;
			margin: 0 auto;
			text-align: center;
		}
		
	.gallery-images
	{
		width: 650px;
		float: right;
	}
	
	.gallery-front
	{
		width: 570px;
	}
	
		.gallery-images .head
		{
			padding: 4px;
			background-color: #EFEFEF;
		}
		
		.gallery-images .image
		{
			width: 80px;
			float: left;
			padding: 10px;
			text-align: center;
		}
		
			.image .thumb
			{
				width: 80px;
				height: 80px;
				vertical-align: middle;
			}
			
			.image .caption
			{
				font-weight: bold;
				margin: 2px 0 4px 0;
			}
		
		.add
		{
			/*width: 75px;*/
			height: 17px;
			padding: 1px 6px 0 6px;
			text-align: center;
			font-size: 12px;
			float: left;
		}
		
		.delete-container
		{
			width: 150px;
			float: left;
			margin-left: 2px;
		}
		.delete-whole-gallery-container
		{
			float: right;
			margin-right: 2px;
		}
		
		fieldset.window
		{
			width: 380px;
		}

div.multi-page-border
{
	border: solid 1px #65727C;	
	margin: -1px 0 0 0;
	padding: 20px;
}


/* Gallery CMS */
.edit-gallery .name
{
	padding: 0px 0px 4px 0px;
	margin: 0px;
	font-size: 12px;
}

.cms .gallery-events
	{
		width: 168px;
		float: left;
	}
	
		.cms .gallery-events .date
		{
			margin: 0 0 5px 0;
			font-weight: bold;
			font-size: 12px;
		}
		
		.cms .gallery-events .event
		{
			font-weight: normal;
			text-decoration: none;
			/*border-bottom: 1px solid #EEE;*/
			margin: 0;
			padding: 10px 5px;
		}
		
		.cms .gallery-events .selected
		{
			font-weight: bold;
			background-color: #efefef;
		}
		
		.cms div.gallery-manage-control
		{
			margin: 0px 0px 15px 0px;
			padding: 2px 0px;
			background-color: #707CC1;	
			width: 100%;
		}
		
		.cms div.gallery-manage-control .head
		{
			float: left;
			width: 130px;
			font-weight: bold;
			margin: 0px 5px;
			padding: 7px 0px;
			color: White;
		}
		
		.cms div.gallery-manage-control .control
		{
			float: right;
			width: 642px;
			margin: 0px;
			padding: 4px;
			
		}
	
	.cms .no-gallery
	{
		float: right;
		width: 650px;
	}
	
		.cms .no-gallery p
		{
			text-align: center;
			margin: 0 0 20px 0;
			padding: 0;
		}
		
		.cms .no-gallery a
		{
			font-size: 16px;
			font-weight: bold;
			display: block;
			width: 140px;
			margin: 0 auto;
			text-align: center;
		}
		
	.cms .gallery-images
	{
		width: 650px;
		float: right;
		background-color: #efefef;
	}
	
		.cms .gallery-images .head
		{
			padding: 4px;
			background-color: #EFEFEF;
		}
		
		.cms .gallery-images .image
		{
			width: 80px;
			float: left;
			padding: 10px;
			text-align: center;
		}
		
			.cms .image .thumb
			{
				width: 80px;
				height: 80px;
				vertical-align: middle;
			}
			
			.cms .image .caption
			{
				font-weight: bold;
				margin: 2px 0 4px 0;
			}
		
		.cms fieldset.window
		{
			width: 380px;
		}
		
		div.gallery-manage-control
		{
			margin: 0px 0px 15px 0px;
			padding: 2px 0px;
			background-color: #707CC1;	
			width: 100%;
		}
		
		div.gallery-manage-control .head
		{
			float: left;
			width: 130px;
			font-weight: bold;
			margin: 0px 5px;
			padding: 6px 0px;
			color: White;
		}
		
		div.gallery-manage-control .control
		{
			float: right;
			width: 642px;
			margin: 0px;
			padding: 4px;
			
		}
/*   PDF Menu File   */
table.menu-file th
{
	text-align: left;
	background-color: #F3F3F3;
}

table.menu-file td
{
	padding: 3px 0px;
}

/* Frontend PDF Menu */
div.food-drink-menu-download
{
	width: 715px;
	padding: 5px 10px 5px 0px;
	margin: -15px 0 0 0;
}

div.food-drink-menu-download .menu
{
	width: 100%;
	padding: 0px 10px 5px 0px;
	margin: 0;
	font-weight: bold;
	font-size: 12px;
}

div.food-drink-menu-download .file
{
	width: 200px;
	float: left;
}

div.food-drink-menu-download .file .desc
{
	width: 150px;
	padding: 5px 10px 5px 0px;
	margin: 0px;
	float: left;
	text-align: left;
}

div.food-drink-menu-download .file .icon
{
	width: 40px;
	padding: 0px;
	margin: 0px;
	float: left;
}

/*  Fixed the IE error of image manager of rad editor */
div.radwindow_WebBlue td.windowcontent
{
	height: 450px;
}