﻿/*
STYLESHEET FOR: WATERSIDE HOTEL
STUDIO: FLASH DIGITAL
DATED: 20081029
AUTHOR: LUKE TORNEY, LITTLE TIMMY

-----------------------------------------STRUCTURE*/
*{margin:0px;padding:0px;}
body {
	background-color:#170006;
	text-align:center;
	font-family: Arial, sans-serif;
	font-size:62.5%;
}
#loader{
	width:230px;
	height:10px;
	background-color:#D6530F;
	position:fixed;
	right:10px;
	bottom:10px;
	color:#ffffff;
	text-align:left;
	padding:10px;
}
#container{
	background:transparent url('/media/images/global/bodybg.jpg') repeat-y left top;
	margin:0px auto 0px auto;
	width:955px;
	text-align:left;
}
#header{
	height:112px;
}
#logo{
	padding-top:27px;
	width:291px;
	float:left;
}
#mnav{
	width:630px;
	float:right;
	text-align:right;
	margin:80px 0px 0px 0px;
}
#mnav li { display: inline; height:31px; float:left; margin-left: 10px; }
#mnav li a { display: block; height:31px; text-decoration: none; }
#mnav li.home { width:50px; }
#mnav li.home a { background:transparent url('/media/images/global/menu/home.gif') no-repeat left top; }
#mnav li.home a.selected, #mnav li.home a:hover { background:transparent url('/media/images/global/menu/home_selected.gif') no-repeat left top; }
#mnav li.menu { width:48px; }
#mnav li.menu a { background:transparent url('/media/images/global/menu/menu.gif') no-repeat left top; }
#mnav li.menu a.selected, #mnav li.menu a:hover { background:transparent url('/media/images/global/menu/menu_selected.gif') no-repeat left top; }
#mnav li.winelist { width:76px; }
#mnav li.winelist a { background:transparent url('/media/images/global/menu/winelist.gif') no-repeat left top; }
#mnav li.winelist a.selected, #mnav li.winelist a:hover { background:transparent url('/media/images/global/menu/winelist_selected.gif') no-repeat left top; }
#mnav li.whatson { width:84px; }
#mnav li.whatson a { background:transparent url('/media/images/global/menu/whatson.gif') no-repeat left top; }
#mnav li.whatson a.selected, #mnav li.whatson a:hover { background:transparent url('/media/images/global/menu/whatson_selected.gif') no-repeat left top; }
#mnav li.functions { width:85px; }
#mnav li.functions a { background:transparent url('/media/images/global/menu/functions.gif') no-repeat left top; }
#mnav li.functions a.selected, #mnav li.functions a:hover { background:transparent url('/media/images/global/menu/functions_selected.gif') no-repeat left top; }
#mnav li.rewards { width:146px; }
#mnav li.rewards a { background:transparent url('/media/images/global/menu/rewards.gif') no-repeat left top; }
#mnav li.rewards a.selected, #mnav li.rewards a:hover { background:transparent url('/media/images/global/menu/rewards_selected.gif') no-repeat left top; }
#mnav li.history { width:66px; }
#mnav li.history a { background:transparent url('/media/images/global/menu/history.gif') no-repeat left top; }
#mnav li.history a.selected, #mnav li.history a:hover { background:transparent url('/media/images/global/menu/history_selected.gif') no-repeat left top; }
#mnav li.contact { width:98px; }
#mnav li.contact a { background:transparent url('/media/images/global/menu/contactus.gif') no-repeat left top; }
#mnav li.contact a.selected, #mnav li.contact a:hover { background:transparent url('/media/images/global/menu/contactus_selected.gif') no-repeat left top; }



#decklink{
	width:110px;
	height:46px;
	float:right;
	margin-right:20px;
	margin-bottom:-46px;
	z-index:10;
	position:relative;
}
* html #decklink { margin-bottom:-49px; display: inline; }
#hero {
	background-color:#E0DFDA;
	width:955px;
	text-align:left;
}
#heroimgs{
	width:935px;
    height:292px;
	overflow:hidden;
	position:relative;
	z-index:9;
}
#heroimgs img{
	display:block;
	width:915px;
	height:272px;
	border:5px solid #000000;
}
#content{
	background-color:#ffffff;
	margin-top:13px;
	padding:20px;
}

#footer{
	background:#3C1101 url('../../media/images/global/footerbg.jpg') repeat-x left top;
	padding:15px 40px 0px 43px;
	color:#ffffff;
	font-weight:bold;
}
#historybin{
	width:249px;
	float:left;
	text-transform:uppercase;
}
#bookingsbin{
	width:263px;
	float:left;
	margin-left:31px;
	display: inline;
}
#contactbin{
	width:216px;
	margin-left:110px;
	float:left;
}
.lrgbin{
	background: transparent url('/media/images/global/bins/lrgbinTL.gif') no-repeat left top;
}
.lrgbin-inner { background-color:#e9e8e8; padding: 0px 18px; margin-top:20px; width: 577px; }
.lrgbinftr {
	background: transparent url('/media/images/global/bins/lrgbinBL.gif') no-repeat left top;
	height:20px;
	float: left; width: 613px; display: block; font-size: 0px; 
}


.innrbin, .innrbin-small, .innrbin-big {
	font-family: Arial, sans-serif;
}
.innrbin h3, .innrbin-small h3, .innrbin-big h3 {
	font-size:1.3em;
	
	color:#cfcac8;
	margin-bottom:10px;
}
.innrbin .hdr{
	background:transparent url('/media/images/global/bins/innrbin_TL.gif') no-repeat left top;
	height:13px;
}
.innrbin .hdr .hdrR{
	background:transparent url('/media/images/global/bins/innrbin_TR.gif') no-repeat left top;
	width:20px;
	height:13px;
	float:right;
}
.innrbin .content{
	padding:0px 10px 0px 10px;
	background:#680A0A url('/media/images/global/bins/innrbinBG.gif') repeat-x left top;
	color:#FEEED4;
}
.innrbin .ftr{
	background:transparent url('/media/images/global/bins/innrbin_BL.gif') no-repeat left top;
	height:13px;
}
.innrbin .ftr .ftrR{
	background:transparent url('/media/images/global/bins/innrbin_BR.gif') no-repeat left top;
	height:13px;
	float:right;
	width:20px;
}

.innrbin .content, .innrbin-small .content, .innrbin-big .content{ font-size: 1em; }

.innrbin-small .hdr{ background:transparent url('/media/images/global/bins/innrbin_small_TL.gif') no-repeat left top; height:15px; }
.innrbin-small .hdr .hdrR{ background:transparent url('/media/images/global/bins/innrbin_small_TR.gif') no-repeat left top; width:15px; height:15px; float:right; }
.innrbin-small .content{ padding:0px 10px 0px 10px; background:transparent url('/media/images/global/bins/innrbin_small_BG.gif') repeat-x left top; color:#FEEED4; }
.innrbin-small .ftr{ background:transparent url('/media/images/global/bins/innrbin_small_BL.gif') no-repeat left top; height:15px; }
.innrbin-small .ftr .ftrR{ background:transparent url('/media/images/global/bins/innrbin_small_BR.gif') no-repeat left top; height:15px; float:right; width:15px; }


.innrbin-big .hdr{ background:transparent url('/media/images/global/bins/innrbin_big_TL.gif') no-repeat left top; height:18px; }
.innrbin-big .hdr .hdrR{ background:transparent url('/media/images/global/bins/innrbin_big_TR.gif') no-repeat left top; width:18px; height:18px; float:right; }
.innrbin-big .content {
  min-height:610px;
  height:auto !important;
  height:610px;
}
.innrbin-big .content { padding:0px 1px; background:#6B0A0A url('/media/images/global/bins/innrbin_big_container_bg.gif') repeat-y left top; color:#FEEED4; }
.innrbin-big .ftr{ background:transparent url('/media/images/global/bins/innrbin_big_BL.gif') no-repeat left top; height:18px; }
.innrbin-big .ftr .ftrR{ background:transparent url('/media/images/global/bins/innrbin_big_BR.gif') no-repeat left top; height:18px; float:right; width:18px; }

.innrbin-small ul#datelist { margin: 10px; padding:0px;  }
.innrbin-small ul#datelist li { list-style-type: none; padding:3px 0px; margin:0px; color: #FF5114; font-size: 1.1em; font-weight:bold; }
div.description {
	color: #ffefd4; font-size: 1.1em; 
	min-height:610px;
	height:auto !important;
	height:610px;
}
.innrbin .content div.description { min-height: 0px; height: auto; }
.innrbin-small .content div.description { min-height: 0px; height: auto; }
.innrbin-big .content div.description { padding:0px 10px; background:transparent url('/media/images/global/bins/innrbin_big_BG.gif') repeat-x left top; }

* html div.description { font-size: 1.05em;	}
.pageTitle { margin-bottom:20px; padding-left:45px; background:transparent url('/media/images/content/pat.gif') no-repeat left top}
div.description table { color: #ffefd4; font-size: 1em; }
div.description table td { padding:3px; vertical-align:top; }
div.description table td.itemGroup { padding-top:15px; font-weight:bold; font-size: 1.3em;  }
div.description table td span { font-size:0.95em; }
div.description table td.itemPrice { width:80px; text-align:right; }
div.description table td.itemGlass { width:100px; text-align:right; }


.innrbin, .innrbin-small {
	position: relative; padding: 0.3em; height: 1%;
}
.innrbin .link, .innrbin-small .link{
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.innrbin .link a, .innrbin-small .link a{
	color: #ca661d; text-decoration:none;
}
.innrbin .link a:hover, .innrbin-small .link a:hover{
	color: #FF5114; text-decoration:none;
}
.innrbin .linktop  {
	position: relative;
	float:right;
	bottom: 0px;
	right: 0px;
	padding-top:10px;
}


.rewardform {
	width:340px;
	margin:0px;
	text-align:center;
}
.rewardform table {
	text-align:left;
}
.rewardform table td, .functionform table td {
	padding-top:3px;
}
.rewardform .wrapper, .functionform .wrapper  {
	float:left; width:163px; height:17px; 
	text-align:left; border:1px solid #000; background: #d6c7c8 url('/media/images/content/input_bg.gif') no-repeat left top;
}
.rewardform input, .functionform input {
	width: 158px;
	background-color:transparent; border: 0px; padding:2px; height:17px; line-height:1.5em;
	font-size: 1em;
}
.functionform textarea {
	background-color:#DBC9C9; border:1px solid #000; padding:2px; line-height:1.5em;
	width: 158px; height:85px; font-size: 1em; color:#000; font-family:Arial, sans-serif;
}
.rewardform .option input, .functionform .option input { float:left; width:20px; }
.rewardform .option label, .functionform .option label { float:left; width:150px; }
.rewardform .submit input, .functionform .submit input { width:68px; height:25px; margin-top:10px; }

* html .rewardform label, * html .functionform label { font-size: 1.05em; }
* html .rewardform input, * html .functionform input { padding:0px 2px; height:16px; font-size: 1.1em; }

div.formField { height: 30px; display:block; width:100%; }


#menubin {
	width:295px;
	font-size: 1.1em;
}
#menubinhdr {
	height:81px;
	background:transparent url('/media/images/menubin/hdrBG.jpg') no-repeat left top;
}
#menubinftr {
	background:transparent url('/media/images/menubin/footerBG.jpg') no-repeat left top;
	height:20px;
}
#menucontent {
	background:transparent url('/media/images/menubin/bodyBG.jpg') repeat-y left top;
	color:#6B3A2B;
	padding:5px 30px 0px 30px;
}
#menubin ul#menulist {
	margin: 10px 0px;
	padding:0px;
}
#menubin ul#menulist li {
	list-style-type: none;
	padding:3px 0px; margin:0px;
}
#menubin ul#menulist li a {
	font-weight: normal;
}

/*---------------------------------LINKAGE */
a, a:active, a.hlit, a.hlit:active{
	color:#FF5114;
	font-weight:bold;
	text-decoration:none;
}
a:hover, a.hlit:hover{
	text-decoration:underline;
}
#bookingsbin a,#bookingsbin a:active{
	color:#ffffff;
	text-decoration:none;
}


/*---------------------------------GENERIC*/
#footer h4{
	font-size:12px;
	margin-top:8px;
}
#historybin img.binpromo{
	width:249px;
	height:67px;
	margin-top:17px;
	background-color:#000000;
	margin-bottom:10px;
}
#bookingsbin h4{
	font-size:12px;
}
#bookingsbin .phone{
	font-size:24px;
	font-weight:bold;
}

img{
	border:0px;
}


/*---------------------------------FORMS*/
.contactfrm{
	margin-top:10px;
}
.frmfield{
	clear:both;
	width:216px;
	margin-top:3px;
}
.frmfield div.title{
	width:70px;
	float:left;
}
.frmfield div.field{
	width:140px;
	float:left;
}
.contactfrm .frmfield .field input {
	border:1px solid #000000;
	background-color:#C99180;
	font-size:12px; width: 130px;
	background: #DBC9C9 url('/media/images/content/input_bg.gif') no-repeat left top;
}
.contactfrm textarea {
	border:1px solid #000000;
	background-color:#DBC9C9;
	font-size:12px; width: 130px;
}


/*---------------------------------CLASSES*/
.cl{clear:both;}
.fl{float:left;}
.fr{float:right;}
.p2_10{padding:2px 10px 2px 10px;}
.mlrauto{margin:0px auto 0px auto;}
.bld{font-weight:bold;}
.tar{text-align:right;}
.tal{text-align:left;}
.tac{text-align:center;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}
.mt20{margin-top:20px;}
.pl10{padding-left:10px;}
.pl40{padding-left:30px;}
.db{display:block;}
div.brd_n, .brd_n{border:0px;}
.tar{text-align:right;}
.wht{ color:#ffffff; vertical-align:bottom; text-align:left; padding-bottom:2px; width:120px; }
.red{color:#ff0000;}