body,td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #01578f;
	font-size: 12px;
}
a {color:#01578f; text-decoration:underline;}
.copyspace{
	line-height: 16px;
}
.featured_block_newsitems {
	border: 1px solid #BAD6E2;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.featured_block_news {
	border: 1px solid #BAD6E2;
	background-color: #d9e8ef;
	font-size: 10px;
	width:185px;
}
.featured_block_newsitems1 {
	margin: 5px;
}
.copyright {
	position: relative;
	left: 50px;
	font-size:10px;
}
.accommodations_head{background-color:#01578f; font-weight:bold;color:#FFFFFF;}
.accommodations_even{background-color:#d9e8ef;}
.accommodations_odd{background-color:#ffffff;}

#navcontainer { width: 180px;}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
text-indent:35px;
}

#navcontainer a
{
display: block;
padding: 1px;
width: 180px;
color: #00324a;
}

#navcontainer a:link, #navlist a:visited
{

text-decoration: none;
}

#navcontainer a:hover
{
background-color: #ffffff;
 background-image:url(images/menuover_blank.jpg);

}
.box {
		padding:0 12px 0 0;
		background:#fff url(http://www.visitgulf.com/images/borders.gif) 100% 0 repeat-y;
	}
	.bi {
		padding:0 0 0 12px;
		background:#fff url(http://www.visitgulf.com/images/borders.gif) 0 0 repeat-y;
	}
	.bt {
		height:17px;
		margin:0 -12px;
		background:url(http://www.visitgulf.com/images/box.gif) 100% 0 no-repeat;
	}
	.bt div {
		width:18px;
		height:17px;
		background:url(http://www.visitgulf.com/images/box.gif) 0 0 no-repeat;
	}
	.bb {
		height:17px;
		margin:0 -12px;
		background:url(http://www.visitgulf.com/images/box.gif) 100% 100% no-repeat;
	}
	.bb div {
		width:18px;
		height:17px;
		background:url(http://www.visitgulf.com/images/box.gif) 0 100% no-repeat;
	}
	.box h1 {
		margin:0;
		padding:0.3em 10px;
		background:#efece6;
		font:bold 1.2em/1 Arial, Helvetica, sans-serif;
	}
	.box p, .box ul {
		margin:0;
		padding:4px 10px;
		background:#fff;
	}
	.box li {
		margin:0 0 0 2em;
		padding:0;
	}

/* Photo-Caption PZ3 CSS (The Good Stuff) */

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:1px solid #369; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none; 
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #369;
  margin:-1px 0 0 -1px; text-decoration:none;}
  html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; text-decoration:none;}

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; background:#369; color:#fff;
  text-align:left; }
a:hover .PZ3cap { padding:3px 5px; text-decoration:none;}
.PZ3inr { display:block; padding:2px 5px; text-decoration:none;}

.noCap a:hover .PZ3cap { display:none; text-decoration:none;}
.noBdr,.noBdr a:hover { border:0; text-decoration:none;}
.Lnk a:hover { cursor:pointer; text-decoration:none;}

/* End Photo-Caption Zoom CSS */ 

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 750px; /*Width of Carousel Viewer itself*/
height: 110px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


