/* Page */
body {margin: 0 auto 10px auto; padding: 0; background-image: url(cabot_images/background.jpg); background-position-x: center; background-repeat: no-repeat; background-color: #f0f5ec; font-family: upgrade-lights,Frutiger,Calibri,Univers,Helvetica,sans-serif; color: #000000;}
#top {height: 147px; width: 960px; background: transparent url(cabot_images/logo.gif) no-repeat; background-position: left; border: 0 0 2px 0;}
.main {margin: 0 auto; width: 960px; padding-bottom: 30px;}
.login {margin: 0 auto; width: 960px; padding-bottom: 30px;}

/* General */
ul {list-style: none; padding: 0; margin: 0;}
li {padding: 0; margin: 0;}
a:link, a:visited {text-decoration: none; color: yellow;}
a:hover, a:active {text-decoration: underline; color: yellow;}
img {border: 0;}
.aspNetDisabled {color: #808080;}

/* Headers */
h1 { display: none; }
.subtitle {margin: 0; text-align: right; font-size: small; padding: 0; line-height: 14px; height: 30px; color: #fff; padding: 16px 30px 0 0;}
h3 {font-size: small;}
h4 {text-align: left;}
h4.first {display: none;}
h5 {margin: 10px;}

/* Attribs */
.alert {color: red;}
.alert p {width: 95%; text-align: center;}

/* Login */
.login .menu {display: none;}
.loginfields {text-align: right; margin: 0 50px 0 0; padding: 5px 0 0 0;}
.loginfields input.info {width: 100px;}
.loginfields input.field {width: 100px;}
.signup input {margin: 10px 0 20px 0;}
.logoutlink a { color: #fff; }

/* Menu */
.login .menu {display: none;}
.main .menu {font-family: Arial, Helvetica, sans-serif; width: 800px; font-size: 14px; color: #014617; text-transform: uppercase; height: 20px; margin: -28px 0 0 110px !important /*Non-IE6*/; margin: -68px 0 0 110px/*IE6*/; }
.main .menu a {color: #014617;}
.main .menu a:visited {color: #014617;}
.selected {color: #CECECE;}
#menu {padding: 0; margin: 0;}
#menu li {float: left; padding: 0 20px 0 0;}
#menu li a {display: block;}
#menu li a:hover { border-bottom: 2px solid #014617; text-decoration: none; }

.middle { background-color: transparent; opacity: 0.9; padding: 20px; }

/* Narrative */
.left {text-align: justify; margin: 0 auto; padding: 25px 0 10px 0;}
.left_empty {text-align: justify; margin: 0 auto; padding: 0 15px;}
.left li {display: inline-block;}
.narrative {padding: 0; margin: 0;}
.narrativetitle {display: none;}
.pagenarrative {margin: 5px 0;}
#lastItem {display: none;}

/* Page Footer */
.bottom {display: none;}

/* Basket */
.basket {float: right; width: 130px; padding: 0 10px 10px 10px; text-align: center;}

/* Content */
.cont_right_middle p.button {text-align: right; padding-top: 20px;}
.cont_right_middle fieldset {width: 900px; padding: 10px; margin: 0 0 20px 0; border: solid 1px rgb(220,220,220);}
.cont_right_middle fieldset legend {text-align: left; margin: 0 0 10px 5px !important /*Non-IE*/; margin: 0 0 20px 5px /*IE6*/; padding: 0 2px 0 2px; color: rgb(80,80,80); font-weight: bold;  font-size: 131%;}
.cont_right_middle select {width: 200px;}
.cont_right_middle input.field {padding: 2px; font-size: 100%;}
.cont_right_middle label.left {float: left; margin: 0; padding: 2px; font-size: 100%; text-align: right;}
.cont_right_middle td.tx {font-size: x-small;}

/* Forgotten Pin Form */
#pinform label.left {width: 175px; margin: 0 0 0 10px;}
#pinform input.field {width: 150px;}

/* Details Form */
.detailscolumn1 {width: 390px; float: left; text-align: left;}
.detailscolumn2 {width: 382px; float: left; text-align: left;}
.detailscolumn1 label.left {width: 135px;}
.detailscolumn2 label.left {width: 135px;}
.detailsform input.field {width: 230px;}
.detailsform span.check {clear: left;}
.detailsform select {width: 144px;}

/* Payment Form */
.paymentcolumn {width: 450px; text-align: left;}
.paymentform label.left {width: 140px; margin-right: 20px;}
.paymentform input.field {width: 160px;}
.paymentform input.year {width: 30px;}
.paymentform input.cvs {width: 40px;}
.paymentform select {width: 168px;}
.paymentform .notes {width: 260px; height: 90px; font-family: Arial; font-size: small;}
.pcilogos { background-color: white; padding: 10px; }
#MainPlaceHolder_TermsCheckText { color: yellow; }

/* Checkout */
.checkout {border-collapse: collapse; border: 1px solid #000;}
.checkout td {padding: 5px;}
.checkoutheader {font-weight: bold;}

/* Date Pick Calendar */
.calendar {text-align: center; margin-top: 10px;}
.caltitle select {width: 120px;}
.caltable {margin: 0 auto; background: white;}
.caltitle {background-color: #cccccc;}
.caltitle td {padding: 0px;}

/* Customer Booking */
.selectiondiv {float: right; border: 1px solid black; margin: 2px; padding: 6px; width: 185px; text-align: center;}
.selectiontitle {text-align: center; font-weight: bold; text-decoration: underline; width: 100%;}
.datetextbox {background: #d8d8d8; text-align: center; width: 200px;}
.terms {height: 130px; width: 490px; font-size: x-small; font-family: Arial;}
.notes {width: 490px;}
.bookingnotetitle {margin-top: 8px;}
.customerOr {margin: 0 auto; width: 100%;}
.customertype {text-align: left;}

/* Availability */
.availability {text-align: center; margin: 0 auto; border-collapse: collapse;}
.availability div {height: 15px; float: left;}
.availability .free {background-color: green; cursor: pointer;}
.availability .freeunbookable {background-color: Green;}
.availability .booked {background-color: #d8d8d8;}

/* Buttons */
input[type="submit"] {cursor: pointer; display: inline-block; font-size: 18px; font-style: italic; text-shadow: 1px 1px 1px white; font-weight: bold; line-height: 20px; margin: 6px; text-align: center; text-shadow: none; vertical-align: middle; background-color: #f3eed0; border: 1px solid #fff !important; border-radius: 3px; color: #014617; padding: 6px 15px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; box-shadow: 1px 1px 2px #bcbcbc;}
input[type="submit"]:hover {color: #01831b;}
.customertypebtn { width: 200px; }
.timesbtn { min-width: 170px; }
input[type="submit"]:disabled  {color: #ccc !important; text-decoration: none !important; cursor: default;}

/* Agents */
.grid { width: 99%; }
.gridnotes { padding: 6px 0; }