/* cvs id: $Id: style.css,v 1.10 2009/07/29 03:17:28 sean Exp $ */


body {
	background: #809E88 repeat-y top center url('./images/superback.png');

	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight: normal;
	color : #4F4F4E;

	margin: 0px;
	padding: 0px;
	text-align: center;
}


#qsaNews {
	margin-top: 20px;
	margin-left: 42px;
	background: no-repeat top right url('./images/qsaNewsRight.png');
}

#qsaNewsBottom {
	margin-left: 42px;
	width: 203px;
	height: 48px;
	background: no-repeat bottom right url('./images/qsaNewsBottom.png');
}

.scrollItem a {
	text-decoration: none;
	color: #CC0000;
}

.scrollItem {
	font-size: 11px;
	padding-bottom: 16px;
	padding-left: 1px;
	line-height: 16px;
}

.scrollItem img {
	padding-left:0;
	padding-top:0;
	padding-bottom:0;
	padding-right: 4px;
	margin-bottom: -3px;
}

a img {
  border: 0px;
}

li { 
	list-style: none;
	list-style-type: none;
	color: #666666;
	line-height: 22px;
	background: url('./images/listItem.png') 0px 5px no-repeat;

	font-size: 12px;
	line-height: 22px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}


ol li {
	list-style: decimal;
	color: #666666;
	line-height: 22px;
	background: transparent;

}


li {
	list-style-position: outside;
}

/* ==================== PAGE CONTAINER ====================== */
#container {
  margin: 0 auto;
	background: #fff;
  width: 1000px;
	text-align: left;
}


#containerTop {
	font-size:0px;
  margin: 0;
	background: #809E88 no-repeat top center url('./images/supertop.png');
  width: 100%;
	height: 14px;
}

#containerBottom {
	font-size:0px;
  margin: 0;
	background: #809E88 no-repeat top center url('./images/superbottom.png');
  width: 100%;
	height: 14px;
}

#containerPadTop {
  margin: 0;
	background: #809E88 url('./images/bg.png');
  width: 100%;
	height: 20px;
}

#containerPadBottom {
  margin: 0;
	background: #809E88 url('./images/bg2.png');
  width: 100%;
	height: 20px;
}


.welcomeTitle {
	width: 88px;
	height: 24px;
	background: url('./images/welcome.png');
	margin-top: 0px;
	margin-bottom: 6px;
}

a:link {
	color: #993333;
	text-decoration: none;
}
a:visited {
	color: #993333;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #993333;
}

p {
	margin-bottom: 12px;
	margin-top: 0;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #5A5A5A;
}

.error {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #ff4444;
}

.pageHeading, h1 {
	font-family: Verdana;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	padding: 0;
	margin: 0;
	clear: right;
}

/*
.headingBox .locationMap {
	margin-right: 20px;
	height: 70px;
	width: 85px;
}
*/


.headingBox .stars {
	margin-bottom: 5px;
}

.headingBox h1 {
	padding-top: 12px;
}

.pageWelcome {
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding-bottom: 3px;
	color: #899F9C;
}



.head2, h2 {
	line-height: 200%;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #738A7A;
	clear: both;
}

.head3 {
	margin-top: 5px;
	margin-bottom: 3px;

	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #28657E;
}

ul {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: black;
}

th {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: black;
	text-align: left;
	padding: 4px 2px 4px 2px
}

td {
	font-size: 12px;
}

.mainTableBorder {
	border: solid 2px #AAA58C; /*#1D4F43*/
	background-color: white;
}

.contentSuperior {

  margin-left: 8px;
  margin-right: 24px;
  margin-top: 2px;
  margin-bottom: 20px;
}

.contentSuperior .headingBox {
	position: relative;
	clear:both;

	padding-bottom: 8px;
	margin-bottom: 5px; 
}


.cliff {
	clear: both:
	margin-top: 8px;
	margin-bottom: 6px;
	height: 9px;
	width: 100%;
	background: no-repeat top center url('./images/cliff.png');
}


/*
.featuresBox {
	clear:both;
	border-bottom: 1px solid #a4b9aa;

	background: no-repeat top left url('./images/features.png');
	padding-bottom: 15px;
	margin-bottom: 14px; 
	padding-top: 38px;
}

.featuresBox ul {
	margin: 0;
	padding: 0;
}

.featuresBox ul li {
	background: url('./images/listItem.png') 0px 5px no-repeat;

	font-size: 11px;
	height: 22px;
	line-height: 22px;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
*/



textarea,
select {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #5A5A5A;

	border-left: 1px solid #9f9f9f;
	border-top: 1px solid #9f9f9f;
	border-right:0;
	border-bottom:0;
}


input {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #5A5A5A;
}


.leftMargin {
	text-align:left;
	width: 245px;


	border-style: none;
	background-color: #FFF;
}

.rightMargin {
	background-color: #E9EDEC;
	padding-top: 20px;
}

.wrapPanel {
	margin: 0px;
	padding: 0px;
	border-style: none;
}

.indexPanel {
	margin: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	border-style: none;
}

.topSpacer {
	width: 100%;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-style: none;
	background-color: white;
}


.pageBody {

	padding-top: 0;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

.roomDetailsBody {
	margin: 0px;
	padding-top: 20px;
	padding-right: 6px;
	padding-bottom: 15px;
	padding-left: 10px;
	border-style: none;
	background-color: #FFFFFF;
}

.blot {
	margin-top: 5px;
	background-color: #28657E;
}

.editbox {
	border: none;
}

.caption {
	font-size: 10px;
}

.roomTitle {
	font-size: 1.3em;
	padding: 5px 2px;
}

.roomTitleRow {
	background: #c3cdca;
}

.element {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	padding: 4px;
}

.elementTitle {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #738A7A;
	padding: 4px 2px 4px 2px;
}

.elementEdit {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: black;
	padding: 10px 2px 8px 2px;
}


form {
	margin: 0px;
}

.subBox {

  background-color: #FFF;
  color: #205B2A;
  border: 1px solid #205B2A;
  font-size: 12px;
}



.elementBackgroundDark  { }
.elementBackgroundLight { }

.formBackgroundDark  { background-color: #dee6e1; }
.formBackgroundLight { background-color: #D2DDDA; }

.mediaContainer img {
  padding-top: 18px;
  padding-bottom: 0px;
}

/* ==================== end booking search form styles ====================== */

.curve-right {
	width: 225px;
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
}




/* ==================== FOOTER ====================== */


#footerBottom {
	background: url('./images/bottomBack.png') repeat-x;
	width: 1000px;
	height: 11px;
	margin: 0px;
	padding: 0px;
	font-size:0px;
}

#footerBottomSwan {
	background: url('./images/bottomSwan.png')  center right no-repeat;
	width: 1000px;
	height: 11px;
	font-size:0px;
	margin: 0px;
	padding: 0px;
}


.pageFooter {
  text-align: center;
  font-size: 10px;
  padding: 12px;
  color: #555;
}

.pageFooter a {
	text-decoration: none;
  color: #555;
}

.pageFooter a:hover {
	text-decoration: none;
	color: #800;
}

.pageFooterItem {
  line-height: 18px;
  margin-left: 6px;
  margin-right: 6px;
  white-space: nowrap;
}

#pageFooterBar {
  font-size: 0;
  width: 760px;
  height: 11px;
  background: url('.e/images/footerBar.gif') no-repeat 0 0;
}



#kudosBar {
	position: relative;
	width: 1000px;
	height: 134px;
	background: url('./images/kudosBar.png') no-repeat 0 0;
}

#kudosBar #kudosImage {
	position: absolute;
	left: 577px;
	top: 31px;

}

#kudosBar #msImage {
	position: absolute;
	left: 400px;
        top: 31px;
}

#kudosBar #locationText {
	position: absolute;
	left: 61px;
	top: 44px;
	width: 310px;
	height: 82px;

	font-family: Verdana;
	font-size: 11px;
	color: #666666;
	line-height: 18px;
}


#clForm {
	position:absolute;
	width:266px;
	height:115px;
	top:19px;
	left: 690px;
}

#clForm p {
	line-height: 18px;
	font-size: 12px;
	margin-left: 6px;
	margin-right: 18px;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}


#clForm #clCaption {
	position:absolute;
	top: 4px;
	left: 138px;
}



#clForm #clUsernameCaption {
	position:absolute;
	top:36px;
	left: 20px;
}
#clForm #clUsername {
	position:absolute;
	top:34px;
	left: 100px;
	width: 140px;
	height: 18px;
	background: #fff;

	border-left: 1px solid #9f9f9f;
	border-top: 1px solid #9f9f9f;
	border-right:0;
	border-bottom:0;
}


#clForm #clPasswordCaption {
	position:absolute;
	top:65px;
	left: 22px;

}
#clForm #clPassword {
	position:absolute;
	top:63px;
	left: 100px;
	width: 140px;
	height: 18px;

	border-left: 1px solid #9f9f9f;
	border-top: 1px solid #9f9f9f;
	border-right:0;
	border-bottom:0;
	background: #fff;
}


#clForm #clSubmit {
	position:absolute;
	top: 85px;
	left: 164px;
	width: 107px;
	height: 30px;

	background: url('./images/clientLoginSubmit.png') no-repeat 0 0;
}


.pageIndex {
	text-align: left;
}


.pageIndex .indexItem,
.pageIndex .noLinkItem {
	font-size: 12px;
	padding-left: 25px;
	padding-right: 25px;
	color: #000;
	white-space: nowrap;
	font-weight: normal;
}

.menuBack {
	background: url('./images/menuSplice.png') no-repeat 0 0;
	height: 27px;
	width: 170px;
	padding-left: 42px;
}

.menuBackEnd {
	background: url('./images/menuSpliceEnd.png') no-repeat 0 0;
	height: 27px;
	width: 170px;
	padding-left: 42px;
}


.menuLink {
	white-space:nowrap;
	font-size: 12px;
	line-height:27px;

	color: #333333;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.menuLink:link, .menuLink:visited, .menuLink:hover {
	color: #333333;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.menuLink:hover {
	color: #000;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;

	cursor: pointer;
	cursor: hand;
}



#topBar {
	position: relative;
	background: no-repeat url('./images/topBar.png');
	width: 100%;
	height: 35px;
}


#topBar #noPanel {
	background: no-repeat url('./images/noPanel.png');
	width: 225px;
	height: 35px;
	float: right;
}


#topBar #home {
	position:absolute;
	width: 110px;
	height: 28px;
	left: 0px;
	top: 3px;

}

#topBar #contactUs {
	position:absolute;
	width: 120px;
	height: 28px;
	left: 130px;
	top: 3px;
}

#topBar #callNow {
	position:absolute;
	width: 110px;
	height: 28px;
	left: 270px;
	top: 3px;
}

#topBar #bookmark {
	position:absolute;
	width: 125px;
	height: 28px;
	left: 400px;
	top: 3px;
}


#whatsOn {
	margin-left: 12px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 3px;
}


.mediaBase {
	width: 225px;
	text-align: left;
	background: no-repeat bottom right url('./images/mediaRight.png');
}


.mediaBaseClear {
	width: 225px;
	text-align: left;
}


.mediaEnd {
	background: no-repeat top right url('./images/mediaBottom.png');
	width: 225px;
	height: 38px;
}



#menuRightTab {
	width: 245px;
	background-image: url('./images/menuRightTab.png'); 
	background-repeat: no-repeat;
	background-position: top right;
}

#menuRight {
	width: 245px;
	background-image: url('./images/menuRight.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}
#menuBottom {
	width: 245px;
	height: 27px;
	background-image: url('./images/menuBottom.png');
	background-repeat: no-repeat;


}