﻿
/********** Straight Scroller Styles **********/

div#hold {float: left; position:relative; width:346px; height:200px;}

div#wn {float: left;  position:absolute; left:0; top:0; width:346px; height: 200px; z-index:1; clip:rect(0, 346px, 200px, 0); overflow:hidden;}

div#cnt {float: left; position:absolute; z-index:1;  }

/* width of table = number of items * scroller width 

   Setting width on table and width and height on table cell needed

   for this example because images vary in size and don't fill scroller space

*/

table#imgTbl {width: 692px;}

table#imgTbl td {width:346px; height:200px; vertical-align: top; padding-top: 5px;}

/********** Glide Scroller Styles **********/

/* Styles for scrolling layers  

	 Specify width and height in hold and wn, and in clip for wn */

div#hold2 {	position:relative; overflow:hidden; float: left;	width:174px; height:150px; z-index:100;	}

div#wn2	{	position:absolute;	left:0px; top:0px;	width:174px; height:160px;	clip:rect(0px, 174px, 250px, 0px);

	overflow:hidden;	z-index:1;

	}

div#lyr2 {

	position:absolute; visibility:hidden;	left:0px; top:0px;	z-index:1;

	}

/* table containing images. adjust according to your images' sizes and numbers */

table#t2 {width: 696px;}

table#t2 td {width: 174px; vertical-align:top ; text-align:left;}  

div#HomeBanners{width: 580px; margin-left: 10px; margin-bottom: 20px; padding: 10px 10px 0px 0px; height: auto;}


/*****Hotel Package Styles****/

div#hotelPckgCont{float: left; width: 194px; padding-left: 9px; border:none;}

div#hotelPckgHeader{font: 18px/16px Arial, Helvetica, sans-serif; color: #fdc931; padding: 5px 0px 8px 10px; text-align:left;}

.hotelPckgHead{font: 18px/16px Arial, Helvetica, sans-serif; color: #ffffcf; padding: 5px 0px 8px 10px; text-align:left;}
a.hotelPckgHead:link {color: #ffffcf; text-decoration: none;} 
a.hotelPckgHead:visited {color: #ffffcf; text-decoration: none;}  
a.hotelPckgHead:hover {color: #ffffcf; text-decoration: none;} 
a.hotelPckgHead:active {color: #ffffcf; text-decoration: none;}


.hotelPckgControlLeft{float: left; width: 10px; height: 16px; padding-top: 30px; margin: 0;}

.hotelPckgControlRight{float: right; width: 10px; height: 16px; padding-top: 30px; margin: 0;}

.hotelPckgImage{width: 170px; margin:0 auto;}

.hotelPckgCopy{clear: both; width: 174px; margin: 0px 0px 0px 0px; font: 10px Arial, Helvetica, sans-serif; line-height: 1.5em; color: #fff; padding-top: 6px;}
.hotelPckgCopy strong{font-size:1.1em;}
.hotelPckgButtons{clear: both; width: 174px; margin: 0px 0px 0px 0px;	padding-top: 6px;	padding-bottom: 0px;	color: #994C33;
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	font-weight: bold;}

.hotelPckgButtons {}

a.hotelPckgButtons:link {color: #994C33; text-decoration: none;} 

a.hotelPckgButtons:visited {color: #994C33; text-decoration: none;}  

a.hotelPckgButtons:hover {color: #994C33; text-decoration: underline;} 

a.hotelPckgButtons:active {color: #994C33; text-decoration: underline;}



.More{float: right;}

.book{float: left; padding: 0; margin:0;}



/** div#hotelPckgBreak{clear: both; } **/





