body{ margin: 0px; font-family: Verdana, sans-serif; font-size: small; text-align: center; background: #F5F2E6 url(/antoinettehotel/images/antoinettehotel/background.gif) top center no-repeat }
* html body { font-size:x-small; f\ont-size:small; }
.clr { clear: both; margin: 0; overflow: hidden; height: 1px; }

#siteContainer { width: 760px; text-align: left; margin: 0 auto; }

#address_bar { border: 1px solid #bababa; height: 170px; overflow: hidden; padding: 0; margin: 0; background: #fff;}
#address_bar .address{ width: 180px; height: 180px; float: left; text-align: center;}
#address_bar .address img { margin: 0 5px; }
#address_bar .address address { font-style: normal; margin: 0 10px; font-size: 90%;}
#address_bar .address address em { font-style: normal; font-weight: bold; color: #530a2b;}
#address_bar .focal-image{ width: 270px; height: 180px; float: left; }
#address_bar .logo { width: 290px; height: 95px; float: right; }
#address_bar .thumbs { width: 305px; height: 75px; float: right; text-align: center; }
#address_bar .thumbs img { border: 1px solid #530a2b; }


#main_menu { background: #444; margin: 0; padding: 1px 0; }
#main_menu ul { margin: 12px; padding: 0; font-size: 90%;}
#main_menu ul li  { display: inline; margin: 0 20px; color: #eee; }
#main_menu ul li.choose  { margin: 0 110px 0 0; }
#main_menu ul li a { color: #eee; text-decoration: none; font-weight: bold; }
#main_menu ul li a:hover { text-decoration: underline;}

#wimbledon #main_menu ul li.wimbledon a {text-decoration: underline; font-size: 120%; background: #530a2b; padding: 3px 5px; color: #fff;}
#kingston #main_menu ul li.kingston a {text-decoration: underline; font-size: 120%; background: #530a2b; padding: 3px 5px; color: #fff;}

#content { border: solid #bababa; border-width: 0 1px; background: #efefef url(/antoinettehotel/images/antoinettehotel/menu-right.png) top left repeat-y; padding: 10px 0;}

#content .menu { float: left; width: 180px; padding: 0; }
#content .menu ul { margin: 0 5px 0 0; padding: 0; }
#content .menu ul li { margin: 10px; padding: 0; list-style: none; }
#content .menu ul li a { color: #444; text-decoration: none; }
#content .menu ul li a:hover { text-decoration: underline; }

#content .main { float: right; width: 540px; margin: 0 10px 0 0; }
#content .main h1 { color: #530a2b; font-size: 140%; margin: 10px 0; }
#content .main h2 { color: #530a2b; font-size: 120%; margin: 10px 0; }

#content .main .choose { clear: both; background: #aaa; border: 2px solid #333; margin: 10px 35px 10px 20px; padding: 1px; text-align: center;	}
#content .main .choose p { margin: 3px 5px; }
#content .main .choose p a { font-weight: bold; color: #530a2b; }

#content .main address { width: 49%; float: left; margin: 10px 0 20px 0;} 

#banner { height:140px; width:758px; margin:0; padding:0; border: 1px solid #bababa; background: #efefef; }
#banner .book, 
#banner .offers, 
#banner .location { height:115px; width: 220px; margin: 15px 22px 5px 0; float: left; border: 1px solid #dadada; background: #fefefe; text-align: center;}

#banner .book { margin-left: 13px; }
#banner .location { margin-right:0; }
#banner p { font-size: 80%; text-align: left; margin: 2px 5px 5px 5px; color: #777; }
#banner h3 { font-size: 80%; text-transform: uppercase; margin: 2px 5px; color: #51092F; text-align: left; }

#footer { clear:both; border: 1px solid #bababa; padding: 1px 0; background: #444; font-size: 80%;}
#footer p { color: #eee; margin: 10px; }
#footer a { color: #eee; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer ul { float: right; margin: 10px; padding: 0;}
#footer ul li { display: inline; list-style: none; margin: 0 10px; }

/*online booking form*/
#booking { margin: 0 15px 0 5px; padding: 0; font-size: 80%; border: 1px solid #444; background: #fff;}
#booking h2 { margin: 5px; font-size: 120%; color: #530a2b;}
#booking form { margin: 5px; }
#booking form label { display: block; margin: 5px 0 2px 0; color: #530a2b;}
#booking form select { margin: 0; font-size: 90%; }
#booking form input { margin: 5px 0; }
#booking form p { margin: 5px 0; font-size: 90%; display: inline;}

a { color: #00f; }
a img { border: none; }

#sitemap p.section {font-size: 120%; padding: 5px; }
#sitemap p.subsection { padding: 5px 5px 5px 30px;  }
#sitemap p.article { padding: 5px 5px 5px 60px; }


table { width: 520px; border-collapse: collapse; border: 1px solid #888; clear: both;}
table thead tr th { background: #530a2b; color: #fff; padding: 2px 3px; border: 1px solid #000; }
table tbody tr td { border: 1px solid #888; border-width: 1px 0; padding: 2px 3px; }

table.room tbody tr td { vertical-align:top; }
.price { display:block; width:100%; text-align:center; font-size:1.4em; }

form { margin-top: 20px}
form label { width: 220px; background: #530a2b; display: block; clear: left; padding: 4px; color: #fff; float: left; margin: 5px; font-size: 90%;}
form textarea,
form select, 
form input { width: 270px; float: left; margin: 5px; }
form input.checkbox { width: auto; margin:  }
form textarea { height: 7em; }
form input.submit { clear: both; width: auto; float: none; margin: 10px; }

img.img_right { float: right; margin: 0 0 10px 20px; }
img.img_left { float: left; margin: 0 20px 10px 0; }

.left { float:left; }
.right { float:right; }

.grey-box { position:relative; width:504px; padding:2px 10px; background:#727272 url(/antoinettehotel/images/antoinettehotel/top-curves.jpg) top left no-repeat; color:#fff; font-weight:bold; }
.grey-box .bottom { clear:both; position:absolute; bottom:-1px; left:0; width:524px; height:13px; overflow:hidden; background:url(/antoinettehotel/images/antoinettehotel/bottom-curves.jpg) left bottom no-repeat; z-index:1; }

.grey-box strong { text-decoration:underline; }
.grey-box p { margin:0; }
.grey-box form { position:relative; float:left; width:100%; margin:0; padding:0; z-index:999; }
.grey-box form label { clear:none; float:left; width:auto; margin:6px 0; padding:0; background:none; }
.grey-box form input { float:left; width:140px; margin:2px 5px; }
.grey-box form input.submit { clear:none; float:right; width:auto; }

#booking-form { position:relative; width:170px; margin-top:-10px; font-family:verdana,sans-serif,arial; border-bottom:1px solid #BABABA; }
#booking-form h3 { display: block; clear: left; width:102%; margin:0; padding:1px 4px; font-size:0.9em; font-weight:normal; line-height:1.2em; background: #530a2b; color: #fff; text-transform:uppercase; }
#booking-form form { margin:0; padding:2px; }

#booking-form dl dt { clear:both; float:left; margin:2px 0; padding:0; width:10px; }
#booking-form dl dd { clear:right; float:right; margin:0; padding:0; }

#booking-form dl { position:relative; margin:0; padding:0; }
#booking-form dl.left { float:left; }
#booking-form dl.right { float:right; }

#booking-form dl.small-width { clear:right; position:relative; width:32%; margin-right:0%; padding:0; }
#booking-form dl.small-width dt { margin:0; padding:0; }
#booking-form dl.small-width dd { float:left; clear:both; }

#booking-form dl.half-width { position:relative; clear:left; width:138px; }
#booking-form dl.half-width dt { float:left; margin-top:0.5em; padding:0; }
#booking-form dl.half-width dt label { margin:0; }

#booking-form label { float:left; margin:0 4px; padding:0; width:auto; font-size:0.8em; line-height:1.2em; background:none; color:#000; }
#booking-form select, input { width:auto; }
#booking-form select.day { float:left; }
#booking-form select.year { float:right; }
#booking-form .right { float:right; }
button.no-style { border:0px; background:none; margin:0; padding:0; }
#booking-form .calendar { display:block; width:10px; padding:8px 0px; }
#booking-form #ui-datepicker-container { position:absolute; top:40px; left:170px; z-index:999; }
#booking-form .submit { margin-top:4px; }


#mailinglist-form-sidebar { width:172px; margin:0; padding:0; }
#mailinglist-form-sidebar form { width:98%; margin:0; padding:0 8px; }

#mailinglist-form-sidebar  dl dt { clear:both; float:left; margin:2px 0; padding:0; width:10px; }
#mailinglist-form-sidebar  dl dd { clear:left; float:left; margin:0; padding:0 5px; }

#mailinglist-form-sidebar label { float:left; margin:0 4px; padding:0; width:auto; font-size:0.8em; line-height:1.2em; background:none; color:#000; }
#mailinglist-form-sidebar input { margin:2px 5px 0 0; padding:0; width:75%; min-width:50%; }
#mailinglist-form-sidebar .submit { width:auto; }

/*GALLERY*/
.gallery #content .main { float: right; width: 560px; margin: 0 ; }
.gallery-list { }
.gallery-list ul { margin:0; padding:0; }
.gallery-list ul li { display:block; float:left; width:240px; margin-right:20px; list-style-type:none; }
.gallery-list ul li img { height:; width:230px; border:5px solid #fff; }
.gallery-list ul li h2 { text-align:center; font-size:1em; font-weight:bold; }
.gallery-list ul li h2 a { font-size:0.9em; font-weight:normal; }
.gallery-list ul li p.intro_text { display:block; width:242px; }
.gallery-list ul li p.intro_text .border { border:1px solid #BABABA; height:175px; }
.gallery-list ul li h3 { margin:0.5em 0; color:#000; font-weight:bold; text-align:center; }


.image-list { float:right; width:235px; margin:0; padding:0; }
.image-list ul { margin:0; padding:0; }
.image-list ul li { display:block; float:left; margin:2px; height:52px; width:71px; border:1px solid #7B7B7B; }
.image-list ul li img { border:3px solid #fff; }

.capitalise { text-transform:capitalize; }
.gallery-image,
.gallery-details { float:left; width:315px; margin:2px 0 0 0px; padding:0; background:#fff; border:1px solid #7B7B7B }
.gallery-image img,
.gallery-details img { border:5px solid #fff; }
.gallery-image .border,
.gallery-details .border { border-bottom:1px solid #7B7B7B; }
.gallery-image p,
.gallery-details p { margin:0; }

.gallery-image p.description,
.gallery-details p.description { position:absolute; margin:5px 5px 0px 5px; color:#777; }

.prev { float:left; margin:4px; text-transform:lowercase; }
.next { float:right; margin:4px; text-transform:lowercase; }
.prev a,.next a { color:#000; }