/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:normal; font-style:normal; text-align:left; font-family:inherit; }

table { border-collapse:collapse; border-spacing:0; }

ol, ul { list-style:none; }

q:before, q:after, blockquote:before, blockquote:after { content:""; }

body { background: url(../images/linen_tile02.jpg) repeat left top; font: 100% Arial, Helvetica, sans-serif; color: #000000; text-align: center; margin: 0px; padding: 0px; }

a:link { text-decoration: none; color: #8a8a8a; text-transform: lowercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

a:visited { text-decoration: none; color: #8a8a8a; font-weight: bold; }

a:hover { color: #008CA7; }

a:active { }

#pagewrapper { margin: 0px auto; padding: 0px; width: 1135px; }

#header { background: url(../images/header-bg2.jpg) no-repeat left top; margin: 0px; padding: 0px; height: 370px; width: 1135px; }

#head-img { margin: 0px; padding: 0px; height: 317px; width: 671px; float: left; }

#head-img img { margin-left: 103px; margin-top: 45px; padding: 0px; }

#head-logo { float: left; height: 317px; width: 374px; margin: 0px; }

#head-logo img { margin-top: 45px; margin-left: 12px !important; margin-left: 6px; padding: 0px; }

#navigation { clear: both; width: 1135px; margin: 0px; padding: 0px; height: 40px; }

#menu { margin-left: 102px !important; margin-left: 52px; float: left; width: 609px; }

#menu li { display: block; float: left; margin: 0px; padding: 20px 10px 10px 5px; }

#menu a.picked { color: #008CA7; }

#bkrm { float: left; display: block; height: 40px; width: 100px; margin: 18px 0px 0px 65px; padding: 0px; }

#bkrm a { color: #FFFFFF; font:Arial, Helvetica, sans-serif; font-weight:200; font-size:95%; }

#bkrm a:hover { color: #50B4CB; font-weight:200; font-size:95%; }

#maincontent { width: 1135px; margin: 0px; padding: 0px; clear: both; background: url(../images/content-bg2.jpg) no-repeat left bottom; }

#leftcol { margin: 0px; padding: 0px 0px 30px; float: left; width: 695px; }

#leftcol a { color: #008BA6; font: bold 14px Arial, Helvetica, sans-serif; }

#leftcol a:hover { color: #8a8a8a; }

#leftcol h1, #leftcol h2, #leftcol h3, #leftcol p { margin-left: 110px; font-family: Arial, Helvetica, sans-serif; margin-right: 70px; }

#maincontent h1 { font-size: 28px; font-weight: 400; margin-top: 30px; color: #008BA6; }

#maincontent h2 { color: #8a8a8a; font-weight:400; font-size: 20px; margin-top: 2px; margin-bottom: 25px; }

#maincontent p { font-size: 12px; line-height: 1.3em; margin-top: 15px; }

#rightcol { margin: 0px; padding: 0px 0px 30px; float: left; width: 265px; }

#rightcol p { font: 14px Arial, Helvetica, sans-serif; }

#footer { margin: 0px; padding: 0px; height: 250px; width: 100%; background: url(../images/footer_tilebg.jpg) repeat-x left top; }

#footer-content { height: 250px; width: 1135px; text-align: center; margin: 0px auto; }

#thingstodo p { margin-left: 10px; margin-top: 5px; }

#thingstodo h4 { margin: 5px 0px 0px 10px; padding: 0px; color: #8A8A8A; font: bold 16px Arial, Helvetica, sans-serif; }

.foot-logo { margin-left: 90px !important; margin-left: 45px; float: left; }

.foot-logo img { margin-top: 10px; }

.foot-info { }

.customerquote { margin: 30px 0px; padding: 0px; width: 265px; }

.topquote { background: url(../images/quotes-top.jpg) no-repeat left top; }

#rightcol .topquote p { font-size:70%; letter-spacing:1px; margin: 0px; padding: 16px 25px 0px; text-align: left; }

.btmquote { background: url(../images/quotes-btm.jpg) no-repeat left top; height: 33px; }

.btmquote p { text-align: right; font: 16px Arial, Helvetica, sans-serif; padding-right: 50px; }

.btmquote p#business { text-align: right; font: 85%; padding-right: 50px; }

.rightimage { text-align: center; margin-bottom: 10px; }

/* Booking Form */
.bookingform { width:120px; margin: 30px; padding: 30px 50px 30px 30px; vertical-align:top; background-color:#e5ecf2; text-align: center; margin-bottom: 10px; border:#73a4b3 1px solid; }

.bookingform p { text-align: center; }

.bookingform h3 { color: #008BA6; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom:22px; margin-left:-14px; }

.bookingform h4 { color: #8a8a8a; font: bold 11px Arial, Helvetica, sans-serif; margin-bottom:3px; }

.bookingform input { color:#666; background: #fff; border:#73a4b3 1px solid; padding:3px; margin-bottom:10px; }

.bookingform select { color:#666; background: #fff; border:#73a4b3 1px solid; padding:3px; margin-bottom:10px; }

.bookingform input.btn { font-size:70%; font-family:Arial, Helvetica, sans-serif; color:#6696a4; background: #fdf8fc; border:#6696a4 1px ridge; margin-top:10px; padding: 3px .25em; width: auto; overflow: visible; }

/* Policy Box */
.bookingpolicy { width:430px; margin-top:10px; margin-left:15px; margin-bottom:20px; border:dotted thin #999; background-color:#fff; border:#6696a4 3px solid; }

.bookingpolicy p#bpolicy { text-align: left; margin:10px; color:#666; }

.bookingpolicy h2#bpolicy { text-align: left; padding-top:5px; font-variant:small-caps; }

.bookingpolicy label#bpolicy { text-align: left; margin:10px; width:275px; font-weight:bold; }

.bookingpolicy input#chkcancel { text-align: left; margin:10px; border:none; }

.bookingpolicy input#chksmoking { text-align: left; margin:10px; border: none; }

/* Main Booking Form */
.bookingmain { vertical-align:top; background-color:#e5ecf2; text-align: center; margin-bottom: 10px; border:#73a4b3 1px solid; margin-left: 85px; margin-right:15px; padding:20px; }

.bookingmain p { text-align: center; }

.bookingmain h3 { text-align:left; color: #008BA6; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom:8px; }

.bookingmain h4 { color: #8a8a8a; font: bold 11px Arial, Helvetica, sans-serif; margin-left: 20px; margin-right:150px; margin-bottom:3px; }

.bookingmain h5 { color:#900; font: bold 13px Arial, Helvetica, sans-serif; margin:25px; }

.bookingmain input { width:180px; color:#666; background: #fff; border:#73a4b3 1px solid; padding:2px; margin-left:1px; margin-bottom:10px; }

.bookingmain input.btn { font-size:55%; font-family:Arial, Helvetica, sans-serif; color:#6696a4; background: #fdf8fc; padding:2px; margin-left:1px; margin-bottom:10px; border:#6696a4 1px ridge; }

.bookingmain input#chkcorp { background:none; border:none; margin-left:0px; }

.bookingmain select { font-size:8 5%; font-family:Arial, Helvetica, sans-serif; color:#6696a4; background: #fdf8fc; padding:2px; margin-left:1px; margin-bottom:10px; border:#6696a4 1px ridge; padding:2px; }

.bookingmain label { float: left; width: 240px; font-size:70%; color:#666; }

.bookingmain textarea { width: 460px; height: 75px; border:#73a4b3 1px solid; }

.bookingmain td { font-size:11px; }

.bookingmain th { font-size:11px; padding-top:25px; color:#666; vertical-align:top; }

.bookingmain table { width:500px; }

.bookingmain br { clear: left; }

.cancellation { width:200px; margin: 0px 15px 0px 45px; vertical-align:top; text-align:right; margin-bottom: 10px; font:85%; }

.restauranthours { width:200px; margin: 0px 15px 0px 55px; vertical-align:top; text-align:right; margin-bottom: 10px; font:85%; }

.logos { text-align: center; padding-bottom: 20px; }

.contentbox { margin-left: 110px !important; margin-left: 55px; margin-right: 20px!important; margin-right: 0px; margin-top: 30px; clear: left; float: left; }

.contentbox h5 { margin-left: 10px; margin-top: 20px; font: bold 14px Arial, Helvetica, sans-serif; color: #8a8a8a; margin-bottom: 10px; }

.contentbox h6 { font: bold 16px Arial, Helvetica, sans-serif; color: #008BA6; margin-right: 10px; }

#contentbox1 { margin-left: 110px !important; margin-left: 50px; margin-right: 20px!important; margin-right: 0px; margin-top: 30px; clear: left; float: left; }

#contentbox1 h5 { margin-left: 10px; margin-top: 20px; font: bold 14px Arial, Helvetica, sans-serif; color: #8a8a8a; margin-bottom: 10px; }

#contentbox1 h6 { font: bold 16px Arial, Helvetica, sans-serif; color: #008BA6; margin-right: 10px; }

#contentbox2 { margin-left: 110px !important; margin-left: 50px; margin-right: 20px!important; margin-right: 0px; margin-top: 30px; clear: left; float: left; }

#contentbox2 h5 { margin-left: 10px; margin-top: 20px; font: bold 14px Arial, Helvetica, sans-serif; color: #8a8a8a; margin-bottom: 10px; }

#contentbox2 h6 { font: bold 16px Arial, Helvetica, sans-serif; color: #008BA6; margin-right: 10px; }

#contentbox3 { margin-left: 110px !important; margin-left: 50px; margin-right: 20px!important; margin-right: 0px; margin-top: 30px; clear: left; float: left; }

#contentbox3 h5 { margin-left: 10px; margin-top: 20px; font: bold 14px Arial, Helvetica, sans-serif; color: #8a8a8a; margin-bottom: 10px; }

#contentbox3 h6 { font: bold 16px Arial, Helvetica, sans-serif; color: #008BA6; margin-right: 10px; }

.leftside { float: left; color: #8A8A8A; font: bold 14px Arial, Helvetica, sans-serif; }

.rightside { float: left; margin-left: 10px; margin-right: 5px!important; margin-right: 10px; width: 425px; }

.rightside-sm { float: left; margin-left: 10px; margin-right: 0px!important; margin-right: 10px; width: 330px; }

ul.list1 { margin-left: 10px; }

ul.list1 li { margin-bottom: 4px !important; margin-bottom: 0px; font: 12px Arial, Helvetica, sans-serif; }

ul.list2 { margin-left: 20px; float: left; margin-top: 34px; }

ul.list2 li { font: 12px Arial, Helvetica, sans-serif; color: #82e0f3; }

ul.list3 { margin-left: 10px; }

ul.list3 li { margin-bottom: 12px; font: 12px Arial, Helvetica, sans-serif; margin-right: 20px; padding: 0px; }

ul.list4 { margin-left: 22px; padding-top: 1px }

ul.list4 li { margin-bottom: 12px; color:#343434; font: 12px Arial, Helvetica, sans-serif; margin-right: 20px; padding: 0px; }

.p-bold { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.p-boldgrey { font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #8a8a8a; }

.prices { color: #008BA6; font: bold 14px Geneva, Arial, Helvetica, sans-serif; padding-left: 15px; }

.pusher { cursor:pointer; display: block; color: #008BA6; text-align: center; font-weight: bold; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; float: left; }

.pusher2 { cursor:pointer; display: block; color: #008BA6; text-align: center; font-weight: bold; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; float: left; }

.pusher3 { cursor:pointer; display: block; color: #008BA6; text-align: center; font-weight: bold; padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; float: left; }

.arrow { font-weight: bold; font-family: Arial, Helvetica, sans-serif; background: url(../images/arrow.jpg) no-repeat left center; padding-left: 15px; }

.heightfix { margin: 0px; padding: 0px; height: 1px; clear: both; }

#red { color:#900; }

/*Live Validation Styling */
.LV_validation_message { font-weight:bold; margin:0 0 0 5px; }

.LV_valid { color:#00CC00; font-family: verdana; letter-spacing: -8px; font-weight: bold }

.LV_invalid { color:#CC0000; font-size:65%; }

.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { border: 1px solid #00CC00; }

.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid #CC0000; }

/* Invoice Style */
.address { margin-left:25px; margin:10px; }

.invoiceleft { float:left; margin-top:10px; margin-left:15px; width:300px; padding:5px; font:85% #666; }

.invoiceleftbig { float:left; margin-top:10px; margin-left:15px; width:300px; padding:5px; font:110% #000; }

.invoiceleft label { float: left; width: 240px; font-size:90%; color:#666; }

.invoiceleft input { color:#666; background: #fff; border:#73a4b3 1px solid; padding:2px; margin-left:1px; margin-bottom:10px; }

.invoiceleft input.btn { font-size:55%; font-family:Arial, Helvetica, sans-serif; color:#6696a4; background: #fdf8fc; padding:2px; margin-left:1px; margin-bottom:10px; border:#6696a4 1px ridge; }

.invoiceright form { float:right; margin-top:1px; width:175px; padding:1px; font:85% #666; }

.invoiceright { float:right; margin-top:10px; margin-right:35px; width:300px; padding:5px; font:85% #666; }

.invoiceright label { float: left; width: 240px; font-size:90%; color:#666; }

.invoiceright p { text-align:left; color:#666; padding:0px; margin:0px; }

.invoiceright input { width:80px; color:#666; background: #fff; border:#73a4b3 1px solid; padding:2px; margin-left:1px; margin-bottom:10px; }

.invoiceright input.btn { font-size:55%; font-family:Arial, Helvetica, sans-serif; color:#6696a4; background: #fdf8fc; padding:2px; margin-left:1px; margin-bottom:10px; border:#6696a4 1px ridge; }

th#invoice { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,  sans-serif; color: #6D929B; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: #CAE8EA url(images/bg_header.jpg) no-repeat; }

th.nobg#invoice { border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; background: none; }

th.spec#invoice { border-left: 1px solid #C1DAD7; border-top: 0; background: #fff url(images/bullet1.gif) no-repeat; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,  sans-serif; }

th.specalt#invoice { border-left: 1px solid #C1DAD7; border-top: 0; background: #f5fafa url(images/bullet2.gif) no-repeat; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,  sans-serif; color: #B4AA9D; }

td#invoice { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; padding: 1px 1px 1px 5px; color: #6D929B; }

td.alt#invoice { background: #F5FAFA; color: #B4AA9D; }

#admin { margin: 0px; padding: 0px 0px 30px; float: left; width: 695px; }

#admin a { color: #008BA6; font: bold 14px Arial, Helvetica, sans-serif; }

#admin a:hover { color: #8a8a8a; }

#admin h1, #admin h2, #admin h3, #admin p { font-family: Arial, Helvetica, sans-serif; margin-right: 70px; }

/* Room Grid */
.roomstatus { margin-top:10px; }

.roomstatus table { width:750px; padding:1px; }

.roomstatus td { width:20px; border:#CCC solid 1px; font:80%; }

.roomstatus td#weekday { border:none; text-align:center; color:#999; font-weight:lighter; }

.roomstatus td#weekend { border:solid thin; text-align:center; color:#666; font-weight:bold; background:#FFF; }

.roomstatus td#roomnumber { border:none; text-align:right; color:#666; }

.roomstatus td#checkedin { border:#CCC solid 1px; text-align:center; background:#008BA6; width:20px; color:#666; }

.roomstatus td#checkedout { border:#CCC solid 1px; text-align:center; background:#333; width:20px; color:#666; }

.roomstatus td#confirmed { border:#CCC solid 1px; text-align:center; background:#0C0; width:20px; color:#666; }

.roomstatus td#unconfirmed { border:#CCC solid 1px; text-align:center; background:#F00; width:20px; color:#666; }

.roomstatus h3 { font-size:85%; color:#008BA6; }

/*.roomstatus h1{ float:left;}*/
.roomstatus form { float:right;   }

.roomlegend { margin-top:30px; margin-left:60px; }

.roomlegend table { padding:1px; }

.roomlegend td { padding:2px; }

.roomlegend td#checkedin { border:#999 solid 1px; text-align:right; background:#008BA6; width:20px; }

.roomlegend td#checkedout { border:#999 solid 1px; text-align:right; background:#333; width:20px; }

.roomlegend td#confirmed { border:#999 solid 1px; text-align:right; background:#0C0; width:20px; }

.roomlegend td#unconfirmed { border:#999 solid 1px; text-align:right; background:#F00; width:20px; }

#dhtmltooltip { position: absolute; width: 150px; border:#73a4b3 1px solid; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray, direction=135);
}

/* Admin Menu */
#dd { margin-left: 5%; padding: 0 0 10px 0; vertical-align:top; }

#dd li { margin: 0; padding: 0; list-style: none; float: left; font: bold 11px arial; }

#dd li a.menu { display: block; text-align: center; vertical-align:top; padding: 0px 5px; margin: 0 1px 0 0; color: #000000; width: 120px; text-decoration: none; }

.submenu { background: #eceaeb; border: 1px solid #eceaeb; visibility: hidden; position: absolute; z-index: 3; }

.submenu a { display: block; font: 11px arial; text-align: left; text-decoration: none; padding: 5px; color: #2875DE; }

.submenu a:hover { color: #000000; }

.adminlogin { width:750px; margin-left: 110px; vertical-align:top; background-color:#e5ecf2; text-align: center; margin-bottom: 10px; border:#73a4b3 1px solid; padding: 30px 50px 30px 30px; vertical-align:top; background-color:#e5ecf2; text-align: center; }