/* CSS stylesheet for Raglan Hotel */
body { padding:0px; margin: 0px;  }
p { font-family: arial; }
div.clear { clear:both;}
a img { border: none; }

.contactnumber { float:right;}
.contactnumber p { font-size: 16pt; color: white; padding: 2px 5px 0px 0px; margin: 0px; }
.logolink img { width: 210px; height: 100px; margin: 22px 0px 0px 30px; }
 
.container { width: 900px; margin: 0px auto 0px auto; padding:0px; background-image: url('../images/background.gif'); background-repeat: no-repeat; background-color: #453f36  }

.leftpane { float: left; width: 270px; margin-top: 24px; }

.links {margin: 12px 0px 0px 70px; }
.links p { margin: 5px 0px 15px 0px; padding: 0px; font-family: georgia, sans-serif;}
.links p a {  text-decoration: none; color: white; font-size: 15pt; }
.links a img { display: block; margin: 0px 0px 7px 0px; padding: 0px; }

.footerimage { margin: 10px 0px 20px 23px; width: 210px; height: 138px; background-image: url('../images/smallframe.gif'); }
.footerimage img { margin: 27px 0px 0px 34px; }
#smallimage2 { display: none; }
#smallimage3 { display: none; }

.main { float: left; width: 620px; }

.mainimage { margin: -20px 0px 0px 11px; width: 618px; height: 286px; } 
.mainimageflutes { margin: -42px 0px 0px 16px; width: 609px; height: 304px;  }
.mainimagesushi { margin: -42px 0px 0px 16px; width: 609px; height: 304px; }
.mainimage img { margin: 54px 0px 0px 60px; }
.mainimageflutes img { margin: 76px 0px 0px 58px; }
.mainimagesushi img { margin: 76px 0px 0px 58px; }

.galleryImage { border: 1px solid white; float:left; margin: 10px 0px 1px 20px;}
.galleryImage img { border: 1px solid black; margin: 3px; }
.caption {float:right; margin:0px;padding:0px; line-height: 8pt;font-size: 8pt; color:white; }

.text { margin: -5px 20px 0px 68px; width: 505px; font-size: 0.7em; color: white; text-align:justify !important }
.text h1 { padding: 6px 0px; margin: 0px; font-size: 1.6em; }
.text h2 { padding: 5px 0px; margin: 0px; font-size: 1.4em; }
.text h3 { padding: 4px 0px; margin: 0px; font-size: 1.2em; }
.text p { padding: 4px 0px; margin: 0px; text-align:justify !important }
.text p a { color: black; }
.message { color: white; font-family: arial; font-size: 9pt;}

.bookingimage { margin: 0px; width: 50px; height: 70px;}

div.box { border: 1px solid #d8c976; margin: 0px 0px 0px 60px; width: 550px; }
div.boxheader { background-color: #d8c976; color: #3b3621; height: 25px; width: 100%; }
div.boxheader p { margin: 0px; padding: 5px; font-weight: bold; font-size: 10pt}
p.text { font-size: 0.7em; color: white; padding: 4px 10px; margin: 0px; }
.layoutbox { margin: 0px auto; font-size: 8pt; font-family: arial, sans-serif; }

.object { vertical-align: middle; padding: 0px 5px 2px 5px; color: white; }
.value { font-size: 8pt; }

.fetable { margin: 0px auto; font-size: 8pt; font-family: arial, sans-serif; color: white; }
.fetable th { font-size: 9pt; padding-left: 5px; padding-right: 5px; }
.fetable td { vertical-align: middle; padding: 0px 5px 2px 5px; }
.fetable td select { font-size: 8pt; }
.fetable td input { font-size: 8pt; }

table.summaryTable { margin: 10px 10px 10px 0px; width: 100%;}
.summaryTable td { font-size: 10pt; font-weight: bold; }
th.leftalign { text-align: left; text-decoration: underline }

.datesTable .header { height: 20px !important; background-color: #d8c976; color: black }
.datesTable .normal { height: 40px; background-color: green; }
.datesTable td { width: 40px; text-align: center }
.datesTable td a { text-decoration: none; color: white; }
.datesTable .normal td { border: 1px solid green; }
.datesTable .normal td.low { background-color: #f38401; border: 1px solid #f38401; }
.datesTable .normal td.full { background-color: red; border: 1px solid red; }
.datesTable .normal td.full:hover { background-color: red; border: 1px solid red; }
.datesTable .normal td:hover { border: 1px solid #d8c976; }

.bookingbutton { font-size: 10pt !important; cursor:pointer; margin: 10px; border: 1px solid #d8c976; color: white; background-color: #686055}
.bookingbutton:hover { cursor:pointer; color: #d8c976 }

.footer { clear:both; width: 900px;  margin: 0px auto 0px auto; font-size: 0.7em; color: #333;}
.footer a { color: #444; text-decoration: none; }
.footer a:hover { color: black; text-decoration: underline; }
p.left { float:left; margin-top: 2px; margin-bottom: 0px; }
p.right {float: right; margin-top: 2px; margin-bottom: 0px; }
p.credits { width: 300px; margin-top: 3px; padding: 0px; float: left; }
p.credits a { color: #bbb; }
p.credits a:hover { color: #555; }

.sslseal { width: 65px; margin: 5px auto 5px 5px; float:right }