/* CSS Document */
/*Common Part*/
html {
/*height: 100%;*/
}
body {padding: 0;   
		margin: 0 auto;  
		width: 800px; 
		/*min-height: 100%; */
		position: relative; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;}
body a{color: #666;	text-decoration: none;}
body img{  border: 0;  margin: 0; padding:0;} 
body p { margin:0; padding:0; }
body li { MARGIN: 3px 3px 3px 3px; }
body ul { FONT-SIZE: 11px;font-family: Verdana, Arial, Helvetica, sans-serif; }
li.special{ MARGIN: 5px 5px 5px 5px;} 
ul.special{ FONT-SIZE: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;list-style-image: url(../images/newdesign/arrow.gif);  } 
li.disc{ MARGIN: 5px 5px 5px 5px;} 
ul.disc{ FONT-SIZE: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;list-style-type: disc;} 


* html body {
  /*height:100%;*/
}
.global {
 /*min-height: 100%;*/
 margin: 0 auto;
 width: 800px;
 background: url(../images/newdesign/bg.gif) repeat-y;
 } 
.main {
 /*min-height: 100%;*/
 margin: 0 auto;
 width: 778px;
 padding: 16px 11px 0 11px; 
 background: url(../images/newdesign/top.gif) no-repeat; 
 color: #7D7D7D !important;
 }  
.header {
 width: 778px;
 overflow: hidden
 }
.hmenu {
	width: 778px;
	height: 30px;
	background-image: url(../images/newdesign/hmenu_bg.gif);
	background-repeat: repeat-x;
 }
 
#logo {
	margin:0;
	padding:0;
	position: relative;
	background: url(../images/newdesign/logo.jpg) no-repeat;
	height: 170px;
	width: 290px;
	float: left;
	color: #FFFFFF;
 } 
 
#logo a { 
 margin:0;
 padding:0;
 position: absolute;
 background: url(../images/newdesign/logo.jpg) no-repeat;
 height: 170px;
 width: 290px;
 }  
#bannerswf {
 margin:0;
 padding:0;
 float: left;
 } 
.floatleft {
 float: left;
 } 
.floatright {
 float: right;
 } 

.content {
 width: 778px;
 background: url(../images/newdesign/contbg.gif) left top repeat-y;
 overflow: hidden;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 padding-bottom: 10px;

 position:relative;
  z-index:1;
 
 }
.content_booking {
 width: 778px;
 /*background: url(../images/newdesign/contbg.gif) left top repeat-y;*/
 overflow: hidden;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 padding-bottom: 10px;

 position:relative;
  z-index:1;
 
 }
.left {
 float: left;
 width: 200px;
 padding-right: 1px;
 padding-top: 0px;
 position:relative;
 z-index:1;
 }
.oldleft {
 float: left;
 width: 200px;
 padding-right: 1px;
 padding-top: 10px;
 position:relative;
 z-index:1;
 }
 /*USED TO BE RIGHT*/
#content {
 float: left;
 width: 537px;
 padding: 10px 20px 0 20px;
 } 
.content p {
 font-size: 11px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin-bottom: 10px;
 line-height: 130%;
 } 
  
.ov_hid {
 overflow: hidden;
 }
#ul1  {
 font-size: 11px;
 list-style-type: disc;
 margin: 30px 0 30px 20px;
 } 

.bold {
 font-weight: bold;
 } 
 
 .enhancedlink {
 font-weight: bold;
  text-decoration: underline;
 }
 /*USED TO BE H4*/
.content h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #3E7473;
	margin-top:0;
	letter-spacing: 0.05em;
 }
.content h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #3E7473;
	margin-top:0;
	letter-spacing: 0.05em;
 }
 
h3 {
	font-size: 11px;
	color: #666;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	line-height: 130%;
}
 
.leisurebox {
 width: 258px;
 height: 98px;
 background: url(../images/homepushbuttons/ban1.jpg) left top no-repeat;
 padding: 5px 11px 0 0px;
 float: left;
 margin-right: 10px;
 }
.jetbox {
 width: 258px;
 height: 98px; 
 padding: 5px 0 0 0px;
 background: url(../images/homepushbuttons/ban2.jpg) left top no-repeat; 
 float: left; 
 }
.leisurebox p { 
 color: #595959;
 margin: 0 !important;
 padding-left: 10px;
 font-size: 10px;
 } 
.jetbox p { 
 color: #595959;
 margin: 0 !important;
 padding-left: 10px; 
 font-size: 10px;
 }
.jetbox h4 { 
 margin-bottom: 5px;
 padding-left: 10px;
 } 
.leisurebox h4 {  
 font-size: 14px;
 margin-bottom: 5px;
 padding-left: 10px;
 }
.color1 {
 color: #315B0B  !important;
 }
.color2 {
 color: #990000  !important;
 } 
.lbx {
 margin-top: 11px;
 margin-right: 0px;
 height: 24px;
 } 
.lbx2 {
 margin-top: 11px;
 margin-right: 0px;
 height: 24px;
 } 
.pbannew {
 font-weight: bold;
 color: #315b0b;
 padding-top: 6px;
 padding-right: 28px;
 margin: 0 !important;
 } 
.pban2new {
 font-weight: bold;
 color: #614400;
 padding-top: 6px;
 padding-right: 119px;
 margin: 0 !important;
}  
 /*------------------Horizontal Menu---------------------------*/
 #umenu {
 list-style: none;
 margin:0;
 padding:0;
 }
*html #umenu li {
 display: inline;
 margin: 0 -4px 0 0;
 padding:0;
 }
#umenu li {
 display: inline;
 margin: 0 -5px 0 0;
 padding:0;
 } 
.hm1 { display:block; height: 30px; background:url(../images/newdesign/hm1.gif); width: 181px; float:left; margin-right: -1px;}
.hm2 {display:block; height: 30px; background:url(../images/newdesign/hm2.gif); width: 90px; float:left;margin-right: -1px;}
.hm3 {display:block; height: 30px; background:url(../images/newdesign/hm3.gif); width: 118px; float:left;margin-right: -1px;}
.hm4 {display:block; height: 30px; background:url(../images/newdesign/hm4.gif); width: 83px; float:left;margin-right: -1px;}
.hm5 {display:block; height: 30px; background:url(../images/newdesign/hm5.gif); width: 127px; float:left;margin-right: -1px;}
.hm6 {display:block; height: 30px; background:url(../images/newdesign/hm6.gif); width: 82px; float:left;margin-right: -1px;}
.hm7 {display:block; height: 30px; background:url(../images/newdesign/hm7.gif); width: 88px; float:left;margin-right: -1px;} 

.hm1:hover {display:block;  height: 30px; background:url(../images/newdesign/hm11.gif); width: 181px; float:left;}
.hm2:hover {display:block; height: 30px; background:url(../images/newdesign/hm21.gif); width: 90px; float:left;}
.hm3:hover {display:block; height: 30px; background:url(../images/newdesign/hm31.gif); width: 118px; float:left;}
.hm4:hover {display:block; height: 30px; background:url(../images/newdesign/hm41.gif); width: 83px; float:left;}
.hm5:hover {display:block; height: 30px; background:url(../images/newdesign/hm51.gif); width: 127px; float:left;}
.hm6:hover {display:block; height: 30px; background:url(../images/newdesign/hm61.gif); width: 82px; float:left;}
.hm7:hover {display:block; height: 30px; background:url(../images/newdesign/hm71.gif); width: 88px; float:left;} 

.hn1 { display:block; height: 30px; background:url(../images/newdesign/hn1.jpg); width: 106px; float:left; margin-right: -1px;}
.hn2 {display:block; height: 30px; background:url(../images/newdesign/hn2.jpg); width:  132px; float:left;margin-right: -1px;}
.hn3 {display:block; height: 30px; background:url(../images/newdesign/hn3.jpg); width:  105px; float:left;margin-right: -1px;}
.hn4 {display:block; height: 30px; background:url(../images/newdesign/hn4.jpg); width:  113px; float:left;margin-right: -1px;}
.hn5 {display:block; height: 30px; background:url(../images/newdesign/hn5.jpg); width:  110px; float:left;margin-right: -1px;}
.hn6 {display:block; height: 30px; background:url(../images/newdesign/hn6.jpg); width:   98px; float:left;margin-right: -1px;}
.hn7 {display:block; height: 30px; background:url(../images/newdesign/hn7.jpg); width:  114px; float:left;margin-right: -1px;} 

.hn1:hover {display:block;  height: 30px; background:url(../images/newdesign/hn11.jpg); width: 106px; float:left;}
.hn2:hover {display:block; height: 30px; background:url(../images/newdesign/hn21.jpg); width:  132px; float:left;}
.hn3:hover {display:block; height: 30px; background:url(../images/newdesign/hn31.jpg); width:  105px; float:left;}
.hn4:hover {display:block; height: 30px; background:url(../images/newdesign/hn41.jpg); width:  113px; float:left;}
.hn5:hover {display:block; height: 30px; background:url(../images/newdesign/hn51.jpg); width:  110px; float:left;}
.hn6:hover {display:block; height: 30px; background:url(../images/newdesign/hn61.jpg); width:   98px; float:left;}
.hn7:hover {display:block; height: 30px; background:url(../images/newdesign/hn71.jpg); width:  114px; float:left;} 
 /*------------------Horizontal Menu End---------------------------*/
.contentlink{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #015352;
	text-decoration: none;
	background-image: url(../images/newdesign/hand_icon.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-color: #F2FAFC;
	height: 25px;

}
a.contentlinkin{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #015352;
	text-decoration: none;
	padding-left: 10px;
	margin: 0;
}
a.contentlinkin:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #015352;
	text-decoration: underline;
	padding-left: 10px;
	margin: 0;
}
/*------------------Footer---------------------------*/
.footer {
 position: relative;
 width: 800px;
 height: 100px;
 background: url(../images/newdesign/bottom.gif) no-repeat;
 text-align: center;
 padding: 5px 0 5px 0;
 }
.footer p{
 color: #7D7D7D!important;
 font-size: 10px;
 margin-bottom: 5px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
  
 } 
.footer p a{
 color: #7D7D7D!important;
 font-size: 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
  
 }
.footer p a:hover{
 color: #7D7D7D !important;
 font-size: 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: underline;
  
 } 
#copy {
 margin-top: 20px;
 color: #909090!important;
 }
/*------------------Footer End---------------------------*/

/* ---- Golf Page Elements ---- */

.golfimages {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.golftn {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 81px;
	text-align: center;
}

.golftn img {
	border: 1px solid #666;
}

.golftn a:hover {
	font-weight: bold;
	color: #777;
}

.clear {clear: both; height: auto;}

.bold {
	font-weight: bold;
}

.about {
	font-weight: bold;
	font-size: 13px;
}

.job {
	font-style: italic;
	color: #A5B77A;
}

.mug {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 0px;
	float: left;
}

.alert {
	color: #F00;
}

.postcard {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.look {
	font-weight: bold;
	font-size: 12px;
	color: #A5B77A;
}

.press1 {
	font-size: 14px;
	font-weight: bold;
}

.press2 {
	font-size: 12px;
	font-weight: bold;
}

.press3 {
	font-style: italic;
}

.title {
    font-weight: bold;
	display: block;
	border-bottom: 1px solid #CCC;
}

.position a{
	margin: 0px 0px 4px 0px;
	padding: 0px 5px 0px 5px;
	display: block;
	background-color: #EEF2E3;
	border: 1px solid #CCC;
}

.position2 a{
	margin: 0px 0px 4px 0px;
	padding: 0px 5px 0px 5px;
	display: block;
	background-color: #E0E5CF;
	border: 1px solid #CCC;
}

.position a, .position a:visited, .position a:active {
	color: #666;
}

.position2 a, .position2 a:visited, .position2 a:active {
	color: #666;
}

.position a:hover {
	border: 1px dashed #666;
}

.position2 a:hover {
	border: 1px dashed #666;
}

.thumb {
	border: 1px solid #333;
}
.layout {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.layout img {
	padding: 0px 0px 0px 0px;
}

.wwtn {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 235px;
}

.display {
 border: solid 1px black;
 padding-bottom: 0px;
 } 
 
 
 /*Slider CSS*/
 
div.box
{
display:block;
background-color:#F2FAFC;
border:solid 1px #6E6E6E;
margin-bottom:20px;
}
div.boxheader
{
display:block;
height:21px;
background:url(http://www.hsbresort.com/images/newdesign/hmenu_bg.gif);
color:white;
padding:5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.05em;
}
div.boxoverview
{
display:block;
padding:10px;
height:110px;
}
div.boxhide
{
padding:10px;
width:95%;
}

div.typescontent
{
}

div.typescontainer
{
margin: 0px;
padding: 0px;
background-color: #FFF;
border: 0px;
float: right;
position: relative;
}

div.watersroomtypes
{
border:solid 1px #CCC;
display:block;
#float:right;
padding: 0px;
margin: 5px 0px 10px 10px;
width:150px;
}

div.types
{
border:solid 1px #CCC;
display:block;
#float:right;
padding: 0px;
margin: 5px 0px 10px 10px;
width:140px;
}
p.typesheader
{
padding-bottom:0px;
padding-left:10px;
margin: 0px;
color:#3E7473;
font-weight: bold;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
background-color: #F2FAFC;
}
p.typeslink
{
margin: 0px;
padding: 5px 5px 5px 10px;
background-color: #F2FAFC;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
}
a.typeslink
{
margin: 0px;
padding: 0px;
color: #6E6E6E !important;
font-size: 10px; 
}
p.typeslinkon
{
margin: 0px;
padding: 5px 5px 5px 10px;
background-color: $FFFFFF;
border-bottom: 1px solid #6E6E6E;
border-top: 1px solid #6E6E6E;
}
a.typeslinkon
{
margin: 0px;
padding: 0px;
color: #5F5F5F !important;
font-size: 10px; 
font-weight: bold;
}

.rimagesunshaded
{

}

.rimagesshaded
{
opacity:0.6;
filter:alpha(opacity=60);
}

div.watersfpcontainer
{
text-align: center;
vertical-align: top;
}

div.rimagescontainer
{
position: relative;
width: 387px;
height: 420px;
padding: 0px;
margin: 0px;
border: 0px;
}

div.rimagesmain
{
position: absolute;
width: 300px;
height: 300px;
padding: 0px;
border: 1px solid #000;
}

div.wimagesthumb1on
{
position: absolute;
padding: 0px;
margin-bottom: 0px;
margin-left: 308px;
width: 200px;
height: 150px;
border: 1px solid #3E7473;
}

div.wimagesthumb1
{
position: absolute;
padding: 0px;
margin-bottom: 0px;
margin-left: 308px;
width: 200px;
height: 150px;
border: 1px solid #000;
}

div.wimagesthumb2on
{
position: absolute;
padding: 0px;
margin-top: 150px;
margin-left: 308px;
width: 200px;
height: 150px;
border: 1px solid #3E7473;
}

div.wimagesthumb2
{
position: absolute;
padding: 0px;
margin-top: 150px;
margin-left: 308px;
width: 200px;
height: 150px;
border: 1px solid #000;
}

div.rimagesthumb1on
{
position: absolute;
padding: 0px;
margin-bottom: 34px;
margin-left: 308px;
width: 77px;
height: 77px;
border: 1px solid #3E7473;
}

div.rimagesthumb2on
{
position: absolute;
margin-left: 308px;
padding: 0px;
margin-top: 111px;
width: 77px;
height: 77px;
border: 1px solid #3E7473;
}
div.rimagesthumb3on
{
position: absolute;
margin-left: 308px;
margin-top: 223px;
padding: 0px;
width: 77px;
height: 77px;
border: 1px solid #3E7473;
}
div.rimagesthumb4on
{
position: absolute;
margin-left: 210px;
margin-top: 310px;
padding: 0px;
width: 90px;
height: 90px;
border: 1px solid #3E7473;
}
div.rimagesthumb5on
{
position: absolute;
margin-left: 110px;
margin-top: 310px;
padding: 0px;
width: 90px;
height: 90px;
border: 1px solid #3E7473;
}
div.rimagesthumb1
{
position: absolute;
padding: 0px;
margin-bottom: 34px;
margin-left: 308px;
width: 77px;
height: 77px;
border: 1px solid #000;
}
div.rimagesthumb2
{
position: absolute;
margin-left: 308px;
padding: 0px;
margin-top: 111px;
width: 77px;
height: 77px;
border: 1px solid #000;
}
div.rimagesthumb3
{
position: absolute;
margin-left: 308px;
margin-top: 223px;
padding: 0px;
width: 77px;
height: 77px;
border: 1px solid #000;
}
div.rimagesthumb4
{
position: absolute;
margin-left: 210px;
margin-top: 310px;
padding: 0px;
width: 90px;
height: 90px;
border: 1px solid #000;
}
div.rimagesthumb5
{
position: absolute;
margin-left: 110px;
margin-top: 310px;
padding: 0px;
width: 90px;
height: 90px;
border: 1px solid #000;
}

div.boximage
{
border:solid 1px #6E6E6E;
display:block;
float:right;
margin-left:10px;
margin-bottom:10px;
}
img.boximage
{
border:solid 4px white;
width:150px;
height:100px;
}
div.boximageleft
{
border:solid 1px #6E6E6E;
display:block;
float:left;
margin-right:10px;
margin-bottom:0px;
}
img.boximageleft
{
border:solid 4px white;
width:150px;
height:100px;
}
a.viewdetails
{
text-decoration:underline;
font-weight: bold;
}

 /*End Slider CSS*/
 
 .clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}
.dividerline
{
	clear:both;
	display:block;
	width:100%;
	height:1px;
	margin-top:20px;
	margin-bottom:20px;
	border-top:solid 1px #6E6E6E;
}

.eclublink {
        background-color: #F2FAFC;
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 0px 5px;
        width: 195px;
        display: block;
	float: left;
}