/****** START ******/

* {
padding: 0;
margin: 0;
}

body {
font: 12px arial, verdana, sans-serif;
text-align: center;
}

/****** HACKS ETC ******/
.clearfix:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.clearfix {
display:inline-block;
}
/* mac hide \*/
* html .clearfix {height: 1%;}
 .clearfix {display: block;}
/* End hide */

.floatLeft {
float: left;
width: 49%;
}

.floatRight {
float: right;
text-align: right;
width: 49%;
}

.small {
font-size: 10px;
}

/****** DEFAULT LINKS/FORMS ******/

a {
color: #000000;
text-decoration: none;
}

a:hover {
color: #ff0000;
text-decoration: underline;
}

fieldset, input, textarea, select {
background: #ccffff;
}

form.roomfinder {
text-align: center;
color: #000000;
background: url(../images/gatwick/rf-background.png) no-repeat top center;
height: 32px;
padding-top: 4px;
}

form.booknow {
margin: 7px;
}

form.booknow input {
border: 1px solid black;
background: #c29100;
margin-right: 7px;
}

/****** MAIN STRUCTURE ******/

#mainContainer {
background: #ffffff;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
border-top: 2px solid #000000;
width: 780px;
}

#topHeader {
height: 75px;
background: #ffff33 url(../images/gatwick/topbanner.jpg) no-repeat top center;
border-right: 2px solid #000000;
border-left: 2px solid #000000;
}

#contentContainer {
background: #ccffff url(../images/gatwick/content-background.jpg) repeat-y top center;
border-right: 2px solid #FFFFFF;
border-left: 2px solid #000000;
}

#contentContainer #contentContainerLeft {
float: left;
width: 559px;
padding: 5px;
}

#contentContainer #contentContainerRight {
float: right;
width: 200px;
}

#contentContainer p {
padding: 0 3px 15px 3px;
line-height: 18px;
}

#mainFooter {
background: #fff6db url(../images/gatwick/bottombanner.jpg) no-repeat top center;
padding: 10px;
border-right: 2px solid #000000;
border-left: 2px solid #000000;
border-bottom: 2px solid #000000;
margin-bottom: 3px;
}

/****** ESTABLISHMENT ******/

.establishment {
background: #ffffbe;
border: 1px solid #8F6B00;
padding: 2px;
margin-top: 3px;
}

.establishment .floatLeft {
float: left;
width: 64%;
}

.establishment .floatRight {
float: right;
text-align: right;
width: 34%;
}

#contentContainer .establishment p {
padding: 0;
margin: 0;
line-height: 15px;
}

#contentContainer p.description {
margin-top: 5px;
font-size: 10px;
color: #8F6B00;
}

.establishment .links {
font-size: 10px;
}

.establishment .links table {
margin-left: auto;
margin-right: auto;
font-size: 10px;
width: 90%;
}

.establishment .links th.affiliate, .establishment .links td.affiliate {
width: 30%;
text-align: left;
}

.establishment .links th.people, .establishment .links td.people {
width: 20%;
text-align: right;
}
.establishment .links th.book, .establishment .links td.book {
width: 30%;
text-align: center;
padding-left: 30px;
}

/****** TOOL TIPS ******/

a.tooltip {
position: relative;
z-index: 24;
text-decoration: none;
cursor: default;
}

a.tooltip:hover {
z-index: 25;
background: ##a87e00;
color: #000000;
}

a.tooltip span {
display: none;
}

a.tooltip:hover span {
display: block;
position: absolute;
top: 15px;
left: 15px;
width: 225px;
border: 1px solid #000000;
background: #ffffff;
padding: 2px;
text-align: left;
color: #000000;
}

/****** MENU ******/

#contentContainerRight ul {
list-style-type: none;
margin-right: 10px;
}

#contentContainerRight ul li {
padding: 3px;
}

/* main menu's */

#contentContainerRight ul li:hover {
background: #6666cc;
color: #ffff33;
font-weight: bold;
}

#contentContainerRight ul li a:hover {
background: #6666cc;
color: #ffff33;
font-weight: bold;
}

#contentContainerRight ul li.selected {
background: #ffff33;
color: #000000;
font-weight: bold;
}

/* sub menu's */

#contentContainerRight ul li.selected ul {
padding-left: 8px;
}

#contentContainerRight ul li.selected ul li {
background: #ffffbe;
}

#contentContainerRight ul li.selected ul li:hover {
}

#contentContainerRight ul li.selected ul li a {
}

#contentContainerRight ul li.selected ul li.selected a {
background: #ffff33;
color: #000000;
font-weight: bold;
}

/****** TOOLBOX ******/

h1 {
background: url(../images/gatwick/h1.jpg) no-repeat top center;
height: 32px;
padding: 6px 0 0 8px;
font-size: 17px;
}

h2 {
padding: 0 3px 15px 3px;
font-size: 14px;
}

h2.top {
padding: 0 3px 5px 3px;
font-size: 14px;
}

#contentContainer img {
border: 1px solid #a87e00;
}

.center {
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

