﻿/*PINK #FF0078 #F95CA6 Lighter pink #FBEE00 yellow*/
* { padding: 0; margin: 0; }
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #484131;
	background-color: #000000;
	background-image: url('../images/bkg.gif');
	background-repeat: repeat;
}
#wrap{ 
	position: absolute;
	background: #FFFFFF;
	top: 0;
	left: 50%;
	margin: 0;
	margin-top: 20px;
	margin-left: -485px;
	margin-bottom: 20px;
	width: 970px;
	height: auto;
	padding: 0;
	border:5px #ffffff solid
}
#header{
	border-bottom: #FF0078 1px solid;
	background-color: #FF0078;
}
#logo{
   text-align:left
}
/*MENU*/
.menuholder{
	margin-bottom:10px;
	border: 2px #FF0078 solid;
	text-align:left;
	float:left;
	background-color:#FF0078;
	width:966px
}

.menu{
	margin: 0;
	padding: 0;
	float: left;
	font: bold 13px Arial;
	width: 100%;
	overflow: hidden;
	margin-bottom: 1em;
	border: 1px solid #F95CA6;
	border-width: 1px 0;
	background: #FF0078 url('../images/default.gif') center center repeat-x;
}

.menu li{
	display: inline;
}

.menu li a{
	float: left;
	color: white;
	padding: 9px 11px;
	text-decoration: none;
	border-right: 1px solid #ffffff;
}

.menu li a:visited{
	color: #ffffff ;
}

.menu li a:hover, .menu li .current{
	color: #FBEE00;
	background: transparent url('../images/active.gif') center center repeat-x;
}

/*MENU END*/

#content {
	background-color: #FFFDFF;
	padding-bottom:10px;
	border:1px #F95CA6 solid;
}
#generalright{
	float:right;
	width:22%;
	padding:5px;
	border: 2px solid #FF0078;
	margin:5px 2px 0 0;
	background-color: #F9FFE8

}

#generalright img{
	border:1px solid #FF0078;
}


div.bodytext{
	text-align: left;
	padding: 7px 10px 7px 5px;
	float:left;
	width:534px;
}
.footer{
	font-size: 90%;
	font-weight: bold;
	padding: 5px;
	padding-bottom: 8px;
	color: #FEF200;
	border-left:solid 1px #FF0078;
	border-right:solid 1px #FF0078;
	border-bottom:solid 1px #FF0078;
	text-align:center;
	background-image:url('../images/h4.gif');
	background-repeat:repeat-x;

}

.footleft
{
	text-align:center;
}	
.footright
{
	float:right;
	text-align:right;
}
a:link	{color: #FF0078;text-decoration: underline;font-weight:bold  }
a:visited	 {color: #FF0078; text-decoration: underline;font-weight:bold }
a:hover	{color: #FF0078; text-decoration: none;font-weight:bold  }
a:active	{color: #FF0078; text-decoration: underline; font-weight:bold }

a:link.h4	{color: #FBEE00;text-decoration: underline; font-weight:bold }
a:visited.h4	 {color: #FBEE00; text-decoration: underline;font-weight:bold }
a:hover.h4	{color: #FEF200; text-decoration: none;font-weight:bold  }
a:active.h4	{color: #FBEE00; text-decoration: underline; font-weight:bold }

a:link.foot	{color: #FBEE00;text-decoration: underline; font-weight:bold }
a:visited.foot	 {color: #FBEE00; text-decoration: underline;font-weight:bold }
a:hover.foot	{color: #FEF200; text-decoration: none;font-weight:bold  }
a:active.foot	{color: #FBEE00; text-decoration: underline; font-weight:bold }


/* Links END*/

h1{
	font-size: 120%;
	background-image: url('../images/head1.gif');
	margin-bottom: 5px;
	background-repeat: no-repeat;
	height:30px;
	font-weight:bold 

}
h1 span {
	position:relative ;
	left:40px;
	top:6px;
	color: #FEF200;
	text-transform:uppercase;
}
h2{
	font-size: 110%;
	font-variant:small-caps;
	background-color:white;
	padding:3px 0px 3px 0px;
	color:#484131;
}
h3{
	font-size: 110%;
	background-image: url('../images/head3.gif');
	margin-bottom: 5px;
	background-repeat:repeat-x ;
	height:30px;
	font-weight:bold 

}	
h3 span {
	position:relative ;
	left:55px;
	top:6px;
	color: #FEF200;
	text-transform:uppercase;
}
h4{/*Header for each hotel on hotels page*/
	background-image: url('../images/h4.gif');
	background-repeat: repeat-x;
	height:20px;
	padding:5px 5px 0px 5px;
	color:#FBEE00 ;
	font-size:120%;
	font-weight:bold;
}

h5{/*Back to Hotels*/
	font-size: 110%;
	background-image: url('../images/head2.gif');
	margin-bottom: 5px;
	background-repeat: no-repeat;
	height:30px;
	font-weight:bold 

}
h5 span {
	position:relative ;
	left:55px;
	top:6px;
	color: #FEF200;
	text-transform:uppercase;
}
h6{
	font-size: 130%; 
	font-style:italic;
	padding-bottom:2px;
	border-bottom:1px #F95CA6 solid

}
span.span2{
	font-size: 110%; 
	font-style:italic;
	font-weight:bold ;
	padding-bottom:2px;
	
}
.clear{clear:both;}
.spacer6{height:6px;}
.spacer10{height:10px;}
p{
	margin-bottom:4px;
	margin-top:4px
}
div.box1 span.span1 {
	position: absolute;
	display: block;
	margin-top: -30px;
	background: #fff;
	padding: 0 8px;
	font-weight: bold;
	font-size: 120%;
}

div.box1 {
	border: 2px solid #FF0078;
	padding: 15px;
	margin: 15px 0;
	width: 128%;
	float: left;
	background-color: #F9FFE8
}
div.box1 img{
	float:left;
	margin-left:10px;
	border:1px solid #FF0078;
	margin:0 5px 0 0;
}

/*START TABS*/

#tabs{
    border: 2px solid #FF0078;
	width: 78.7em; 
	padding:5px;
	float:left;
}
#tabs li.tbs {   
display: inline;   
padding-right: 1px;   
}   
  
#tabs li.tbs a {   
text-decoration: none;   
text-transform: uppercase;   
color: #FFFFFF;   
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*/ 

/*START GALLERY*/ 
div#gallery {
background-color: #ffffff;
padding: 10px;
width: 76em;
margin-top:6px;

}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #F95CA6 ;
	border-width: 5px;
	margin-right:3px;
	margin-bottom:3px
	
}
#gallery ul a:hover img {
	border: 5px solid #FBEE00 ;
	border-width: 5px;
	color: #F6A613 ;
}
#gallery ul a:hover { color: #fff; }
/*END GALLERY*/ 
img.img2{/*rating image*/
	border:0;
	padding-left:3px;

}
img{
	border:0;
}
img.img3{/*hotel info image*/
	height:140px;
	width:210px;
	border:1px #F95CA6 solid;
}
li.item{
	display:inline;
	line-height:1.8em;
	padding-left:18px;
	border:1px white solid	
}
div.hold1{
	width:954px;
	border:2px #F95CA6 solid;
	height:120px;
	min-height:120px;
	height:auto;
	float:left;
	margin-bottom:6px
}
div.hold2{
	float:left;
	margin:2px;

}
div.hold4{
	margin:2px;
	clear:both;	

}
div.hold5{
	width:284px;
	margin:2px;
	float:left;
	border:2px #F95CA6 solid;
}
div.hold6{
	margin:2px;
	clear:both;
}

div.hold2 img{
	float:left;
	border:2px #F95CA6 solid
}

div.hold3{
	float:left;
	margin:2px;
	width:498px;
}
div.title4{
	font-size:90%;
	color: #336EA8;
	padding:0px 0px 5px 0px;
	margin-top:2px
}

/*BOXES*/
div.box2{ /*Main box for hotel info on search page*/
	background: #ffffff ;
	color: #090248 ;
	margin:0px 0px 7px 1px;
	float:left;
	border: 1px solid #F95CA6;
	padding-left:2px;
	padding-right:2px;
	width:78.1em;

}
div.box3{/*hotel info header*/
	float:left;
	background-color: #F5F5F3;
	padding-bottom:3px;
	width:78.5em;
	margin-left:1px;
	border: 1px solid #F95CA6;
}
div.box4{/*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.title4{
	font-size: 130%;
	font-weight:bold;
	color: #090248;
	padding: 3px 0px 0px 3px;
	float:left;
	width:511px;
}
div.box5{
	font-size:80%;
	font-style:italic;
	color: #600059;	
	width:450px;
}
div.box6{
	float:left;
	padding:3px 5px 3px 5px;
	width:77em;
}
div.box7{
	float:left;
	padding:7px 3px 7px 3px;
	width:77.5em;

}
div.box7 ul{
	padding-left:15px
}

div.box8{/*hotel info*/
	width:59.5em;
	padding:4px 3px 0px 3px;
	float:left;
}
/*Specials*/
div.box9a{
	padding-bottom: 5px;float:left;
}
.box9b		{float:left; height:100px;width:200px;border:1px #F95CA6 solid}
.box9c{float:left;padding-left:2px;width:60em;
}
.box9c li{
	list-style:circle 
}
/**/
div.imghold1{/*image holder*/
	float:left;
	padding:2px;	
}
form.cmxform label.error, label.error  {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic
}

input.error,select.error {
	border: 1px dotted red;
	background-color: #FFFFD5;
	color: red;
}
input.btn1{
	border:1px ##FFFFD5 solid;
	font-size:90%;
	padding:5px;
	color:#FBEE00;
	font-weight:bold;
	background-color:#F95CA6 
}
label.label1{
	font-size:90%;
	padding:5px;
	color:#F95CA6 ;
	font-weight:bold 
}
div.linkhold1 {
	float:left;
	padding:3px;
	width:148%;
}
div.linkhold2 {
	float:left;
	width:255px;
	height:60px;
}
div.linkhold3{
	border-top:1px #3B2563 solid
}
#mit{
	text-align:center 
}
#mit a{
	color:#ffffff;
	text-decoration:none;
	font-size:90%
}
