﻿* { padding: 0; margin: 0;}
/* 
#F6A613 is orange 
#090248 is dark blue 
#336EA8 is light blue 
#E2E2E2 is grey */
body{
	font-family: arial,verdana;
	font-size: 12px;
	color: #090248;
	background: url('../images/bkg.jpg');
	background-attachment:fixed;
	background-color:#ffffff

}
#pagewrap{ 
}

#wrap{ 
	margin:0 auto;
	width:736px;
	text-align:center;
}
#footer{
	font-size: 80%;
	font-weight: bold;
	border-bottom: 2px #090248 solid;
	border-left: 2px #090248 solid;
	border-right: 2px #090248 solid;
	padding-top:5px;
	padding-bottom:5px;	
	background-color: #336EA8;
	background-image: url('../images/menusl.jpg');
	background-repeat: repeat-x;
	text-align:center;
	float:left;
	width:732px;
	color:#ffffff
}
#header{
	border-left: #090248 2px solid;
	border-right: #090248 2px solid;
	border-top: #090248 2px solid;
}
#toplogo{
    top: 20px;
    height:126px;
}
#content {
	border-left: 2px #090248 solid;
	text-align: left;
	border-right: 2px #090248 solid;
	background-color: #F5F5F3;
	font-weight:bold;
	float:left;
}

#contleft{
	padding:5px 3px 3px 3px;
	float:left;
	width:350px;
}
#contleft2{
	padding:5px 3px 3px 3px;
	width:726px;
	float:left;
}

#contright{
	padding:7px 2px 7px 15px;
	float:left;
	width:359px;
}
#trap {display: none;}
div#t1{
	float:left;
	padding-right:3px;
}
div#t2{
	float:left;
	width:120px
}
div.t3{
	float:left;
	padding:0 0 3px 3px;
}
div#border1{
	border:1px #F6A613 solid;
	float:left;
	padding:3px	
}

div#box1{ 
	height:100px;
	width:340px;
	margin-bottom: 15px;
	background: #336EA8;
	color: #ffffff;
	padding:5px;
}
div#box1a{ 
	height:200px;
	width:380px;
	margin-bottom: 15px;
	background: #336EA8;
	color: #ffffff;
	padding:5px;
}
div#box1b{ 
	height:200px;
	width:380px;
	margin-bottom: 15px;
	background: #336EA8;
	color: #ffffff;
	padding:3px;
	float:left
}
div#box2{
	width:718px;
	margin-bottom: 15px;
	padding:4px;
	background: #336EA8;
	color: #ffffff;
	height:auto;
	float:left
}
div#head1{
	padding:5px 3px 3px 3px;
	float:left;
}
div.box3{ /*Main box for hotel info on search page*/
	background: #ffffff ;
	color: #090248 ;
	margin-bottom:7px;
	float:left;
	border: 2px solid #E2E2E2;
	padding-left:2px;
	padding-right:2px;
}
div.box5{
	font-size:80%;
	font-style:italic;
	color: #336EA8;	
	width:450px;
}
div.box5b{
	font-style:italic;
	color: #336EA8;	
	float:left;
	width:229px;
}
div.box5c{
	font-style:italic;
	color: #336EA8;	
	float:left;
	width:214px;
}

div.box6{
/*review bar*/
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #F6A613;
	padding: 2px 5px 5px 12px;
	width: 155px;
	border: 2px solid #E2E2E2;
	float: right;
	height: 30px;
	margin:2px 1px 0px 0px
}
div.box7{/*more info button*/
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #F6A613;
	padding: 7px 17px 4px 17px;
	border: 2px solid #E2E2E2;
	float: right;
	height: 20px;
	margin:2px 2px 0px 0px
}
div.box7b{/*more info button*/
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-bottom:3px;
	background: #FFFFFF;
	float: left;
	height: 40px;
	width:95px;
	margin-top:4px
}
div.box7c{/*more info button*/
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-bottom:3px;
	background: #FFFFFF;
	float: right;
	height: 40px;
	width:95px;
	margin:4px 15px 0px 0px
}

div.box8{/*hotel info header*/
	float:left;
	background-color: #F5F5F3;
	border-bottom:1px solid #336EA8;
	padding-bottom:3px;
	width:100%
}
div.box8b{/*hotel info header*/
	float:left;
	background-color: #F5F5F3;
	border-bottom:1px solid #336EA8;
	padding-bottom:3px;
	width:705px
}

div.box9{/*hotel info*/
	float:left;
	width:590px;
	padding:0px 3px 0px 0px;
}
div.box10{/*hotel info header*/
	background-color: #F5F5F3;
	width:708px;
	border-bottom:1px solid #336EA8;
	padding-bottom:3px
}
div.box11{/*hotel desc item holder*/
	border:1px #090248 solid;
	float:left;
	padding:3px;
	width:682px;
}
div.box12{/*hotel desc image*/
	width:200px;float:left;
	padding-right:3px

}
div.box13{ /*hotel desc */
	width:479px;
	float:left;
}
/*Hotel Overview */

div#box14{ /*hotel overview main */
	width:710px;
	background-color:#336EA8;
	margin-top:1px;
	color:#FFFFFF;
}
div#box16{/*hotel info*/
	width:490px;
	padding:4px 3px 0px 3px;
	float:left;
}
div.box17{
	float:left;
	padding:7px 3px 7px 3px;
	width:688px;
}
div.box17 ul{
	padding-left:15px
}
div.box18{
	float:left;
	padding:3px 5px 3px 5px;
	width:689px
}
/*Hotel Reviews*/
div.box19{
/*review bar*/
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #090248 ;
	background: #FFFFFF;
	padding: 4px 5px 4px 5px;
	width: 695px;
	float: left;
}
div.box20{
	float:left;
	text-align:center;
	border: 2px solid #E2E2E2;
	font-size:120%;
	padding:4px;
	height:89px;
	background:#F6A613 
}
div.box21{
	float:left;
	height: 93px;
	background: #336EA8 ;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	margin-left:10px;
	width:333px;
	padding:2px 5px 2px 5px

}
div.box22{/*main score heading*/
	float:left;
	color:#ffffff
}
div.box23{/*main score for each heading*/
	float:right;
}
div.box24{
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #FFFFFF;
	padding: 4px 5px 4px 5px;
	border: 2px #E2E2E2 solid;
	float: left;
	margin-top: 5px;
}
div.box25{
	float:left;
	width:140px;
	padding:10px 5px 2px 5px;
	text-align:center;
	border: 2px #E2E2E2 solid;
	color:#336EA8;
	
}
div.box26{/*each review main box*/
	float:left;
	background: #336EA8 ;
	border: 2px solid #E2E2E2;
	margin:0px 0px 5px 10px;
	width:502px;
	padding:2px 5px 2px 5px
}
div.box27{
	float:right;
	padding-left:5px
}
div.box28{
	float:left;
	width:230px;
	padding-bottom:3px
}
div.box29{/*individual review score*/
	width:350px;
	float:left;
}
div.box30{/*individual avg score*/
	font-size:120%;
	padding:4px;
	height:56px;
	background:#F6A613;
	float:right;
	text-align:center;
	width:135px ;
 
}
div.score1{
	color:#ffffff
}
div.box31{
	float:left;
	margin-top:8px;
	width:497px

}
/**/
div#box32{
	padding-bottom:5px
}
div#box33{/*Hotel Specials*/
	padding:5px 5px 5px 5px;
	float:left;
	background-color:#F6A613 
}
div#box34{
	float:left;
	padding:2px;
	background-color:#336EA8 
}
div.box35{
	padding-top:4px;
	padding-bottom:4px;
	float:left;
	border-bottom:1px #336EA8 solid;
	background-color:#ffffff;
	border-left:1px #ffffff solid;

}
div.box36{
	float:left;

}
div.box36b{
	float:left;

}
div.box37b{
	float:left;
}

div.box37{
	float:left;
	width:235px;
}
div.box38{
	float:right;
	color:#090248;
	padding:3px;
	height:30px;
	width:57px;
	text-align:center;
}
div.box38b{
	float:right;
	background-color:#F6A613;
	color:#090248;
	padding:2px;
	height:30px;
	width:57px;
	text-align:center;
	border: 2px solid #E2E2E2;
}

div.box39{/*each special*/
	float:left;
	border:1px #F6A613 solid;
	margin-bottom:5px;
	padding:2px;
	background-color:#ffffff
}
div.box40{
	float:left;
	color: #090248;
	padding:10px 0px 0px 0px;
}
div.box41{
	float:left;
	background-color:#ffffff;
	margin:5px 0px 5px 0px;
	border: 2px solid #F6A613 ;
}
div.box42{
	float:left;
	border: 2px solid #F6A613 ;
	margin:5px 0px 5px 0px;

}

p.pdate{
	color:#336EA8;
}
p.pad1{
	padding-bottom:5px
}
p{
	padding:2px 0px 2px 0px
}
div.score1{
	display:inline;
	padding-left:5px
}
span.score{
	font-size:x-large;
	color:#090248 
}
span.sptitle1{
	font-size:130%;
	color:#090248 
}
span.sptitle2{
	font-size: 90%;
	color: #999999
}
span.sptitle3{
	font-size:130%;
	color: #090248 ;
	padding:0px 0px 5px 0px
}
span.sptitle4{
	font-size:90%;
	color: #336EA8;
	text-align:center;
}
span.sptitle5{
	font-size:140%;
	color: #090248 ;
}
span.sptitle6{
	font-size:110%;
	color: #090248;
	background-color:#F6A613;
	padding-left:2px;
	border:1px solid #090248 
}
span.sptitle7{
	color:#F6A613;
}
span.sptitle8{
	color:#090248;
	padding:3px 0px 3px 4px;
	font-size:110%;
	
}



/*END REVIEWS*/
div.title1{
	font-size: 130%;
	font-weight:bold;
	color: #090248;
	padding: 3px 0px 0px 3px;
	float:left;
	width:511px;
}
div.title2{
	font-size:90%;
	color: #336EA8;
	padding:0px 0px 5px 0px
}

div.title3{
	font-size:90%;
	color: #336EA8;
	padding:9px 0px 0px 0px
}
div.title4{
	font-size:90%;
	color: #336EA8;
	padding:0px 0px 5px 0px
}
div.title5{
	font-size:120%;
	color: #090248;
	float:left
}
div.title6{
	font-size:120%;
	color: #090248;
	float:left
}

div.imghold1{/*image holder*/
	float:left;
	padding:2px;	

}

div.galimg{
	padding:4px;
	width:90px;
	border:1px white solid;
	display:inline;
	float:left;

}
li.item{
	display:inline;
	line-height:1.8em;
	padding-left:18px;
	border:1px white solid	
}
/* Links */
a:link	{color: #090248;background: inherit;text-decoration: underline;font-weight: bold;}
a:visited	{color: #090248; background: inherit; text-decoration: underline;font-weight: bold;}
a:hover	{color: #336EA8; background: inherit; text-decoration: none;font-weight: bold;}
a:active	{color: #090248; background: inherit; text-decoration: underline;font-weight: bold;}

a:link.link8	{color: #ffffff;background: inherit;text-decoration: underline;text-transform:uppercase }
a:visited.link8	 {color: #ffffff; background: inherit; text-decoration: underline;text-transform:uppercase }
a:hover.link8	{color: #ffffff; background: inherit; text-decoration: none;text-transform:uppercase }
a:active.link8	{color: #ffffff; background: inherit; text-decoration: underline;text-transform:uppercase }

a:link.link9	{color: #F6A613 ;background: inherit;text-decoration: underline;}
a:visited.link9	 {color: #F6A613 ; background: inherit; text-decoration: underline;}
a:hover.link9{	color: #D89D32 ;background: inherit;text-decoration: none;}
a:active.link9	{color: #F6A613 ; background: inherit; text-decoration: underline;}

a:link.img5	{color: #F6A613 ;background: inherit;text-decoration: underline;}
a:visited.img5	 {color: #F6A613 ; background: inherit; text-decoration: underline;}
a:hover.img5{	color: #D89D32 ;background: inherit;text-decoration: none;}
a:active.img5	{color: #F6A613 ; background: inherit; text-decoration: underline;}

a:link.footerlink	{color: #FFFFFF ;text-decoration: underline;}
a:visited.footerlink	 {color: #FFFFFF ;  text-decoration: underline;}
a:hover.footerlink{	color: #F6A613;text-decoration: none;}
a:active.footerlink	{color: #FFFFFF ; text-decoration: underline;}

#slide{
	padding: 0px 10px 0px 5px;
	background: url('../images/slide_btn.jpg') no-repeat left top;
}
a.slide_btn {
	background: url('../images/plus.gif') no-repeat left 3px;
	text-align: center;
	width: 150px;
	height: 25px;
	padding: 5px 0px 0px 0px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}
a.slide_btn2 {
	background-position: left -33px;
	background: url('../images/minus.gif') no-repeat left 3px;
}

/* Links END*/

h1 {
	font-size: 140%;
	padding:5px 0px 5px 0px;
	border-bottom:1px dotted #090248;
	margin:0px;
	margin-bottom:4px
}
h2{
	font-size: 130%;
	color: #090248;
	background-color: #F6A613;
	background-image: url('../images/sl.png');
	background-repeat: repeat-x;
	height: 20px;
	padding: 3px 3px 0px 3px;
	border: 1px #F6A613 solid;
	margin-bottom:3px
}
h3{
	font-size: 120%; 
	font-style:italic;
	padding-bottom:2px;
	border-bottom:1px #F6A613 solid
}	
h4{
	font-size: 110%;
	color: #336EA8;
	background-color: #F6A613;
	background-image: url('../images/sl.png');
	background-repeat: repeat-x;
	height: 20px;
	padding: 3px 3px 0px 3px;
	border: 1px #F6A613 solid;
	margin-bottom:5px
}	
h5 {
	font-size: 130%;
	padding:5px 0px 0px 0px;
	margin-bottom:4px;
	border-bottom:1px #090248 dashed 
}
h6{
	color: #336EA8;
	padding-left:10px;
	font-size:110%	
}
.clear{clear:both;}
/*SUGGESTION*/

.suggestionsbox{
	position: relative;
	margin: 10px 0px 0px 0px;
	width:234px;
	background-color: #090248;
	border: 1px solid #F6A613;	
	color: #F6A613 ;
	display: none;
}

.suggestionlist {
	margin: 0px;
	padding: 0px;
}
.suggestionlist li {	
	margin: 0px 0px 3px 0px;
	padding: 3px;
	cursor: pointer;
	list-style:none 
}

.suggestionlist li:hover {
	background-color: #336Ea8;
}
/*END SUGGESTION*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
}


input{
	height:20px;
}
input.txt1{
	width:80px
}
.sugg1{
	color:#ffffff;
	background-color:#F6A613;
	padding:2px 5px 2px 5px;
}
img.img1{/*hotel list image*/
	border:1px #090248 solid;
	height:66px;
	width:100px;
}
img.img2{/*rating image*/
	border:0;
	padding-left:3px;

}
img.img2b{/*rating image*/
	border:0;
	padding-left:3px;
	height:10px;
	width:50px;
	float:left;
}
img.img3{/*hotel info image*/
	height:133px;
	width:200px;
	border:1px #090248 solid;
}
img.img4{
	height:40px;
	width:50px;
	margin-right:3px;
	border: 1px #090248  solid
}

img{
	border:0
}
img.smiley{
	padding-right:3px
}
img.img5{
	width: 358px;
	height: 125px;
	margin-top: 4px;
	margin-bottom: 4px;
	background-image: url('../images/umbrella.jpg');
	background-repeat: no-repeat;

}
img.img6{
	width: 355px;
	height: 244px;
	margin: 4px 0x 4px 0px;
	background-image: url('../images/beach1.jpg');
	background-repeat: no-repeat;
	border: 2px #F6A613 solid


}
/*START TABS
#F6A613 is orange 
#090248 is dark blue 
#336EA8 is light blue*/
#tabs{
    border: 1px solid #F6A613;
	width: 710px; 
	padding:5px;
	float:left;
}
#tabs li.tbs {   
display: inline;   
padding-right: 1px;   
}   
  
#tabs li.tbs a {   
text-decoration: none;   
text-transform: uppercase;   
color: #F6A613 ;   
font-weight: bold;   
outline: none;   
}   
  
#tabs li.tbs a:hover, #tabs li.tbs a:active, #tabs li.ui-tabs-selected a {   
color: #090248 ;   
text-decoration: none;   
}   
  
#tabs {   
margin-top: 4px;   
background: #ffffff;   
padding: 5px;   
}   
  
.ui-tabs-hide {   
display: none;   
}  
/*END TABS*/ 

div#gallery {
background-color: #ffffff;
padding: 10px;
width: 666px;
margin-top:6px;

}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #F6A613 ;
	border-width: 5px;
	margin-right:3px;
	margin-bottom:3px
	
}
#gallery ul a:hover img {
	border: 5px solid #090248 ;
	border-width: 5px;
	color: #F6A613 ;
}
#gallery ul a:hover { color: #fff; }
/**/


/*MENU*/ 
.h_mnu_01{
	font-weight: bold;
	border: 2px #090248 solid;
	text-align: right;
	color:white
} 
.h_mnu_01 ul{
	background: #336EA8;
	list-style-type: none;
	margin: 0;
	padding-top: 5px;	
	padding-bottom: 5px;	
	background-image: url('../images/menusl.jpg');
	background-repeat: repeat-x;

}
.h_mnu_01 ul li{
	display: inline;
	padding:6px;
}
.h_mnu_01 ul li a{
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 5px;
}
.h_mnu_01 ul li a:active{
	color: #F6A613;
	text-decoration: none;
}

.h_mnu_01 ul li a:visited{
	color: #FFFFFF;
}
.h_mnu_01 ul li a:hover, .h_mnu_01 ul li .selected{
	color: #F6A613 !important;
	padding-top: 5px;
	padding-bottom: 5px;	background-image: url('../images/menusl2.jpg');
	background-repeat: repeat-x;	
}
/*END MENU*/
dd.linkdesc		{clear:left;text-align: left; font-size: 90% ;color: #336EA8}
dl			{width: 96%; overflow: hidden;padding-bottom:5px }
dt {padding-right: 0px;font-size:110%}
dd			{margin:0}
div.linkhold1 {
	float:left;
	padding:3px;
	width:720px;
	}
div.linkhold2 {
	float:left;
	width:238px;
	height:65px;margin-bottom:3px;
	color:#336EA8 
}
div.linkhold3{
	border-top:1px #3B2563 solid
}
#mit{
	text-align:center;
	margin:0 auto
}
#mit a{
	color:#ffffff;
	text-decoration:none;
	font-size:90%
}

