/* CSS Document */
body{margin:0px; background:#ffea97; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:70%;}
p{margin:0px; padding:0px;} form{margin:0px; padding:0px;} select{font-size:90%;} img{border:0px;}
h1, h2, h3{margin:0px; padding:0px;}

h3{color:#646851; font-size:120%;} h2{color:#646851; font-size:140%;} h1{color:#646851; font-size:150%;}

a{color:#646851; text-decoration:none;} a:hover{color:#000; text-decoration:underline;}

.clear{clear:both;} .pad{padding:20px;}
.formbutton{background:#646851; padding:5px; color:#FBE383; border:1px solid #000; font-size:120%;} 
.bookbutton{background:#B00000; padding:5px; color:#FBE383; border:1px solid #000; font-size:120%;}
.bookbutton2{background:#B00000; padding:5px; color:#FBE383; border:1px solid #000; font-size:130%;}
.bookbutton3{background:#B00000; padding:5px; color:#FBE383; width:120px; border:1px solid #000; font-size:70%;}
.bookbutton4{background:#646851; padding:5px; color:#FBE383; width:170px; border:1px solid #000; font-size:100%;}

#base{width:809px; margin-right:auto; margin-left:auto; background:#fff url(../images/bg_base.jpg) bottom left no-repeat; padding:0px 30px 0px 30px;}
#banner{ zoom:1; border-bottom:1px solid #fff; height:350px;}
#banner2{ zoom:1; border-bottom:1px solid #fff; height:75px;}

#logo{float:left;}
#subnav{float:right; margin-top:43px;}
#subnav ul{margin:0px; padding:0px; list-style-type:none;}
#subnav li{float:left;} #subnav li a{display:block; padding:8px; color:#fff; text-decoration:none; background:#646851;} #subnav li a:hover{background:#4F5240;}

#bread{background:#646851; padding:5px; color:#fff; zoom:1;}
#where{float:left; padding-top:5px;} #where strong{color:#FBE383;} #where a{color:#FBE383;} #prints{float:right;}
#wherebottom{background:#646851;float:left; padding-top:5px;} 
#wherebottom strong{color:#FBE383;} 
#wherebottom a{color:#FBE383;} 

#Breakfast{background:#646851; padding:5px; color:#fff; zoom:1;}

#content{background:#fff;}

#split{border-bottom:13px solid #FBE383;}

#left{float:left; width:150px; zoom:1;} 
#ads{padding:30px 2px 0px 3px;}

#right{float:right; width:654px;}

#welcome{background:#FBE383 url(../images/bg_right.jpg) bottom left no-repeat;  padding:5px 10px 10px 35px; 
margin-left:10px;}
#page{padding:1px 5px 5px 16px;}
#page2{padding:1px 5px 5px 16px;}



#homesearchtable{width:100%;}
#homesearchtable td{padding:2px;}
#map{padding:10px; float:left;}

#listing{padding:10px; }
#listing ul{float:left; display:block; padding:20px; margin:10px 0px 0px 0px; list-style-type:none; width:200px; border-left:1px dotted #a0a0a0;}
#listing li.title{font-size:120%; font-weight:bold; color:#646851; padding:5px 5px 5px 25px; background:url(../images/icon_mag.jpg) left center no-repeat;}

#endfooter{padding:10px; background:#fff url(../images/bg_endfooter.jpg) bottom right no-repeat;}
#footer{width:599px; margin-right:auto; margin-left:auto; padding:10px 10px 10px 150px; background:url(../images/bg_footerlogo.jpg) left top no-repeat;}

#search{background:#E7E7E7 url(../images/bg_searchtop.jpg) top left no-repeat; width:342px; float:left;}
#searchcontent{background:url(../images/bg_searchbottom.jpg) bottom left no-repeat; padding:5px;}


#searchIndividual{background:#E7E7E7 url(../images/bg_searchtop.jpg) top left no-repeat; width:342px; float:left;}
#searchcontentIndividual{background:url(../images/bg_searchbottom.jpg) bottom left no-repeat; padding:5px;}

/* Lower Styles */

#section{background:#FBE383 url(../images/bg_section.jpg) left bottom no-repeat; padding:15px; margin-bottom:15px; border-top:1px solid white; zoom:1;}
#searchfind{float:left;} #searchfigures{float:right;}

#searchlisting{padding:10px;}

#resultstable{width:100%; } #resultstable td{background:#ECECEC; padding:5px;}
#resultstable td.house{width:20%; text-align:center;} #resultstable td.house img{border:3px solid #646851;}
#resultstable td.info{width:70%;} #resultstable td.info strong{font-size:120%; color:#646851;} #resultstable td.info span{font-size:80%; font-weight:bold; color:#B00000;}
#resultstable td.price{width:20%; text-align:center; font-size:150%; color:#CC0000;}
#resultstable td.book{ text-align:right; font-size:150%; color:#CC0000;}

#cardtable{width:100%; } #cardtable td{background:#ECECEC; padding:5px;}
#cardtable td.details{ text-align:center; font-size:80%; color:#000000;}

#nopage{float:left; padding:15px; margin-bottom:20px;}
#clickpage{float:right; padding:15px;}


#hotelinterfaceheader{background:#FFF6D0 url(../images/bg_hotelinterfacetop.jpg) top right no-repeat;zoom:1;}
#hotelinterface{background:url(../images/bg_hotelinterfacebottom.jpg) bottom right no-repeat;zoom:1;}

#hotelpic{float:left;} 
#hotelinfo{float:left; padding:10px;} #hotelinfo a{color:#a70000;}

#facilities{float:left; margin:20px 20px 20px 0px;} #amenities{float:left; margin:20px 20px 20px 0px;}

#userinterface{padding:0px 20px 20px 20px;zoom:1;}
#hotelform{background:#E7E7E7 url(../images/bg_availabilitytop.jpg) top left no-repeat; float:left; width:403px;}
#hotelorderform{float:left; width:403px;}
#hotelformcontent{background:url(../images/bg_availabilitybottom.jpg) bottom left no-repeat;}

#availabilitytable{width:100%;padding:3px;}

#utilities{float:left; zoom:1; padding:0px 0px 0px 20px; width:310px;}

.links {width: 100%; /* table width */	
	color: #333333; /* text color */
	border: 0px outset; /* border */
	border-collapse: collapse;
	padding:10px;}
.links th{
	padding: 4px; /* cell padding */
	font-size:12px;
	font-weight:bold;
	text-align:left; }

.links td{padding: 10px; /* cell padding */
	}

.linksspacer{border-right:4px solid #FBE383; }


/* The margin left and right calls are whats important in aligning your content centre */
#centrealign{width:98%; text-align:center; padding:10px; margin-left:auto; margin-right:auto;}
#centrealignform{width:98%; padding:10px; margin-left:auto; margin-right:auto;}
#termsalign{width:98%; padding:10px; margin-left:auto; margin-right:auto;}
/* Positioning DIVS side by side */
/* You have already dont this type of coding only in other style */
/* Only instead of buttons we are gonna use content structures, the classes or IDS can be named anything */
/* For now we can use the most obvious (left & right) */
.leftcontactform{float:left; width:20%; padding:1%;font-weight:bold;}
.rightcontactform{float:left; width:60%;padding:1%;}

.leftbookingoverlap{float:left; width:48%; padding:1%;font-weight:bold;}
.rightbookingoverlap{float:left; width:48%;padding:1%;}

.titles {font-size: 12px; color: #D4B917;font-weight:bold;}

#flags {text-align:right; margin-left:235px; margin-top:5px; margin-bottom:5px;}
.insideflags {float:left; margin-right:5px; margin-top:5px; margin-bottom:5px;}
.insideflags2 {float:left;  margin-right:5px; margin-top:5px;margin-bottom:5px;}


table.frmimages{ width:100%;font-size:100%;}
.frmimages a {display:block; text-decoration:none; padding:2px; width:100%;}
.frmimages a:hover {background:#FBE383; color:#fff;}

ul.front{ margin:0;  margin-left:10%; margin-right:10%; padding:0; margin-top:10px; }

ul.front li { padding:5px; display:inline; white-space:nowrap; width:25%; float:left;border-left:4px solid #FBE383;}


.searchtitle{font-size: 15px;}