* { margin: 0; padding: 0; }
body { font-size: small; font-family: Arial, Helvetica, sans-serif; text-align: center; background: #fff url(/images/bg.png) repeat-x top left; color: #333333; margin: 0; padding: 0; }
* html body { font-size: x-small; /* for ie5/win */ f\ont-size: small; /* for other versions *//* for other versions */ }

h1, h2, h3, h4, h5 { margin: 0 0 0.2em 0; }
h1 { font-size: 180%; background: transparent; color: #5F9E72; font-weight: normal; }
h2 { font-size: 170%; background: transparent; color: #333333; font-weight: normal; }
h3 { font-size: 120%; }
h4 { font-size: 115%; }
h5 { font-size: 110%; }
p { margin-bottom: 1.3em; line-height: 1.5em }

hr{ height: 0; border: 0; border-bottom: 1px dashed #CCC; background: #fff; margin: 0.5em 0; }
img { border: 0; }
strong { font-weight: bold; }
address { font-style: normal; }

/* lists */
ol, ul{ margin: 0; padding: 0; list-style: outside; padding-left: 30px; }
ol li { list-style-image: none; list-style: outside decimal; margin-bottom: 10px; }
ol { margin-left: 0px; }
li { list-style-type: none; }

/* controllers */
.clear { clear: both; line-height: 0px; height: 0px;}

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

/* tables */
table { width: 99%; border: 1px solid #ccc; border-width: 0 0 1px 0; background: #fff; border-collapse: collapse; margin-bottom: 1em;}
table th { background: #6A9D5E url(/images/th-bg.gif) repeat-x bottom left; color: #fff; border-collapse: collapse; font-weight: normal;}
table th, table td { margin: 0; padding: 3px 5px; font-size: 110%  }
table td { border-right: 1px solid #ccc; border-top: 1px solid #ccc;}
table td.last { border-right: none; }
table tr.alt td { background: #DFEEDD; }
table tr.alt td a { background-color: #BCCDB8; }
table#shareplan tr.alt td { background: #F7F7F7; }
table#shareplan tr.alt td a { background-color: #DCDCDC; }

/* TOP Navigation */
#nav { float: left; margin: 0 0px 5px 8px; width: 750px; display: inline; padding: 5px 0 0 0; list-style: none; background: url(/images/nav-bg.png) repeat-x top left; z-index: 10; position: relative; }
/*#nav { float: left; margin: 0 0px 5px 8px; width: 625px; \width: 725px; w\idth: 625px; display: inline; padding: 5px 0 0 125px; list-style: none; background: url(/images/nav-bg.png) repeat-x top left; z-index: 10; position: relative; }*/
#nav li { float: left; margin: 0 4px 0 0; padding: 0; font-size: 110%; background: url(/images/r-tab-off.gif) no-repeat top right; }
#nav li.selected, #nav li.selected:hover  { background: url(/images/r-tab-on.gif) no-repeat top right !important; }
#nav a { float: left; display: block; margin: 0 1px 0 0; padding: 9px 7px; color: #333; text-decoration: none; border-bottom: none; background: url(/images/l-tab-off.gif) top left no-repeat; }
#nav a:hover,#nav li.selected  a  { color: #000; }
#nav li.selected  a { background: url(/images/l-tab-on.gif) top left no-repeat; }
#nav li.logo { background: url(/images/logo2a.png) no-repeat bottom left; height: 30px; width: 125px; }

#sub { float: left; width: 729px; margin: 0px 0px 5px 8px; display: inline; padding: 0px 0 5px 20px; list-style: none; border-bottom: 1px dashed #555555; }
#sub li { float: left; margin: 0 4px 0 0; padding: 0; font-size: 100%; }
#sub a { float: left; display: block; margin: 0; padding: 0px 0px 3px 13px; color: #333;}
#sub a:hover,#sub li.selected a { background: #F7F7F7 url(/images/arrow.gif) 2% 50% no-repeat; color: #5A9E73; }

#message { clear: both; font-weight: bold; font-size: 120%; color: #000; background: transparent; margin: 1em 0; border: 2px solid #000; }
#message h3 { background: #000; padding: 10px; color: #fff; margin: 0; }
#message p { margin: 0;}
#message strong { text-transform: uppercase; }
#message a, #message a:hover { color: #000;margin: 0 0 0 6px; padding: 2px 0px; text-decoration: none; font-weight: bold; text-decoration: underline; background: none; }
#message li a, #message li a:hover { color: #000; padding-left: 50px }

.error {background: #F89999 url(/images/error.gif) no-repeat 1% 40%; color:#000;}
.ok {background: #B6EBB6 url(/images/ok.gif) no-repeat 1% 40%; color:#000;}
.info {background: #FFCC99 url(/images/info.gif) no-repeat 1% 40%; color:#000;}
.ok, .error, .info {padding: 15px 14px 15px 50px;}

a { color: #000; background: #F7F7F7;}
a:hover { color: #5A9E73; background: #F7F7F7;}

/* Layout */
#container { font-size: 90%; width: 765px; margin: 0 auto; text-align: left; background: #fff url(/images/container-bg.png) repeat-y top left; }
#inside { background: transparent url(/images/insidebg.png) no-repeat top left; margin: 0; }
#header,#content, #footer { margin: 0 20px 0 20px; clear: both; }
#content { background: url(/images/footer-shadow.png) no-repeat 50% 100%;  padding-bottom: 2.5em;}

/* 690px max of 705px */
#main { width: 433px; float: left;}
#right { float: right; width: 277px; margin: 0 0 0 0px; }

/* Header */
#header { text-align: right; height: 150px; }
#header h1 { background: url(/images/logo2.png) no-repeat top left; height: 150px; width: 381px; float: left; margin: 0; position: relative; top: 5px; left: -12px; z-index: 200; }
#header h1 a { display: block; height: 150px; width: 381px; background: none; }
#header h1 span { display: none; }

#header #contact { font-size: 1.200em; margin: 20px 0 5px 97px; text-align: left; width: 230px; font-weight: bold;}
#header #contact span {color: #00A74A; width: 50px; display: block; float: left; }
#header #contact a {background: none;}

#tools { width: 330px; margin: 20px 0 0 auto; text-align: right; float: right;}
#tools ul { list-style: none; float: right; padding:0 0px 12px 0px; width:330px; }
#tools li { float: right; margin-right: 5px; text-transform: uppercase; border-left: 1px solid #DCDCDC; padding-left: 5px; font-size: 100%; display: block; }
#tools li a { text-decoration: none; font-weight: bold; background: none; display: block;}

#header dl { width: 210px; float: right !important; margin: 0.5em 0 1em 0; font-size: 100%;}
#header dt { width: 50px; text-align: right; float: left; margin-right: 10px;}
#header dd { width: 150px; text-align: left; float: left; }

form#search { float: left; margin: 20px 0 5px 0; font-size: 130%; font-weight: bold; float: right; }
#searchinput { border: 1px solid #000; height: 18px; width: 140px; font-size: 90%}
#submitsearch { vertical-align:top; border: 0;}

/* Footer */
#footer {background:url(/images/footer_bg.gif) no-repeat 50% 100%; margin: 0; padding: 0 20px 20px 20px; }
#footer #address { width: 460px;}
#footer p { width: 450px;}

#footer dl { margin-bottom: 1em; float: left;}
#footer dt, #footer dd { float: left; }
#footer dd { margin-right: 1.5em; }
#footer dt { margin-right: 0.5em; }

#footer ul { padding: 0; margin: 1em 0; float: left; }
#footer li { float: left; margin-right: 1em; }

#payments { float: right; width: 240px; text-align: center }
#payments a img {display: inline; margin-bottom: 1em;}
#payments a {background: none;}
#payments img { display: block; margin: 5px auto; }

#c8 { clear: both; }
#c8 a { color: #555555; text-decoration: none; background: none; font-size: 90%;  }
#webstat img { margin-left: -999px; }

/* Content area */
#intro, #services { background: url(/images/introbg.gif) bottom left no-repeat; padding: 0 15px 1px 15px; margin: 0 0 10px 0; width: 403px; \width: 433px; w\idth: 403px; }
#services { padding: 0 0px 15px 0px; width: 433px; }
#section, #section2 { padding: 0 0px 15px 0px; width: auto; }
#shareplan { margin-bottom: 15px; }

#main ul {margin-bottom: 1.5em;}

dl.panel { width: 200px; float: left; margin:0 10px 15px 0px; display: inline;}
.panel dt { font-size: 135%; font-weight: bold; margin-bottom: 0.5em; letter-spacing: -0.02em;}
.panel dt a { color: #5F9E72; background: none; text-decoration: none; }
.panel dt a:hover { color: #555555; }
.panel dd { font-size: 95%;}
.panel dd.more { text-align: right; clear: both; padding-top: 10px;}
.panel dd.img { float: right; }
.panel dd.img img {margin-left: 5px; border: 1px solid #eee; padding: 1px;}

.staff .panel dd {min-height: 120px;}

#section dl.panel { width: 340px; }
#section dd.more, #section2 dd.more  {clear: none;}
#section dd.more a, #section2 dd.more a { margin-right: 10px; }
#section2 .panel dd { font-size: 100%;}

#section2 dl.panel { width: 400px; float: left; margin: 0 10px 0 0;}

h2 a { background: transparent; text-decoration: none; color: #555555; }
h2 a:hover { background: transparent; text-decoration: none; color: #5A9E73; }

div.photo { border: 1px solid #d1d1d1; width: 245px; margin: 10px 0 10px 10px; }
div.photo img { padding: 10px; background: url(/images/photo_bg.gif) no-repeat top left; }

p.intro { font-weight: bold; }
 
#right ul { padding: 0 !important; margin: 0 0 2em 0; }
#right li, #main li { background: url(/images/arrow.gif) no-repeat 0 3px; padding-left: 15px; margin: 0 0 0.7em 1em; }

#section h3 a{ font-size: 115%; color: #5F9E72; background: none; text-decoration: none; }

/* Booking Form 
#cbooking is the condensed booking form
#booking is the enhanced booking form
*/

#cbooking, #booking  { background: transparent; }
#cbooking li { padding: 0; margin: 0; background-image: none;}
#cbooking li li { list-style: none !important; background-image: none; }
#cbooking li.date label { display: block; float: left; }
#cbooking select {  font-size: 80%; color:#333333; background: #fff; }

li.date label.day { width: 45px; }
li.date label.month { width: 85px; }
li.date label.year { width: 45px; }
li.date select { display: block; }
.day select { width: 40px; }
.month select { width: 80px;}
.year input { width: 40px; font-size: 90%;}
/* .year select { width: 40px;}*/

#anchor1 { background: none; }
img#date {margin: 15px 0 0 10px;}

#booking ol { margin: 0; padding: 0;}
#booking li { padding: 5px 0 0px 5px; margin: 0; background-image: none; font-size: 120%; font-weight: bold; list-style: inside decimal; }
#booking li.even { background: #F7F7F7; border-bottom: 1px solid #D1D1D1; }
#booking li label { color: #333333; }
#booking li ul{padding-left: 10px;}
#booking li li { list-style: none !important; background-image: none; font-size: 90%; font-weight: normal; }
#booking p { font-size: 85%; }
#booking li.date label { display: block; float: left; }
#booking select { font-size: 80%; color:#333333; background: #fff;}
#booking li.total { font-size: 140%; border-top: 2px solid #000; padding: 10px 0; text-align: right; background: #FFE3E3 url(/images/total_bg.gif) top left; padding-right: 10px !important; list-style:none!important; }
#booking li.continue { font-size: 140%; border-top: 2px solid #000; padding: 10px 0; text-align: right; padding-right: 10px !important; list-style:none!important; }
#booking li.continue input{
   margin: 0 0 0 auto; width: auto;
}
#booking li.leafletsize {background: url(/images/sizes.png) no-repeat top right; height: 80px;}

table#postcodes td{border: 0; padding: 0;}
table#postcodes th {background: none; padding: 0;}
table#postcodes { border: 0; background: transparent; }
#mpostcode { padding-right: 5px; }
#mpostcode select, #spostcode select {width: 100%}
#mpostcode a, #spostcode a { display: block; height: 20px; text-align: center; background: #6A9D5E url(/images/th-bg.gif) repeat-x bottom left; color: #fff; font-weight: bold; margin: 10px 2px 0 2px; padding: 2px 5px 0px 5px; border: 2px double #6A9D5E; text-decoration: none !important; }
#mpostcode a {float: right;}
#mpostcode {padding-right: 5px; }
#mpostcode .button, #spostcode .button  {width: 100px; }
#mpostcode .button {float: right;}
#spostcode a {float: left;}
#postcodearea { margin-bottom: 10px;}
td#spostcode {padding-left: 5px !important;}
#booknow { display: block; text-align: center; background: #6A9D5E url(/images/th-bg.gif) repeat-x bottom left; color: #fff; font-weight: bold; padding: 4px 5px 4px 5px; border: 2px double #6A9D5E; cursor: pointer; width: auto; margin: 10px auto 0 auto;}
#date {margin:5px 0 0 60px;}
#cquantity { background: #fff; border: 0; color: #000;}

/* login box */
form#login { margin-bottom: 1em; border: 1px solid #527849; padding: 5px; width: auto; height: 120px;; }
form#login label { display: block; margin-bottom: 0.3em; }
form#login h3 { margin: -5px -5px 10px -5px; background: #6A9D5E url(/images/th-bg.gif) top left; color: #fff; padding: 5px; }
form#login p { font-size: 100%; margin-bottom: 0.3em; }
form#login div { float: left; margin-right: 0.8em; }
form#login #login-button { background: transparent url(/images/login_button.gif) no-repeat top left; color: #fff; font-size: 110%; font-weight: bold; width: 52px; height: 21px; border: 0; margin-top: 14px; padding-bottom: 4px; cursor: pointer;}

/* Form elements */
fieldset { border: 0; }
legend { color: #5F9E72; font-size: 150%; font-weight: bold; margin-bottom: 0.5em; }
label { color: #333333; }
input:focus { background: #DFEEDD; }
input, textarea { border: 1px solid #000; padding-left: 3px; font-family: Arial, Helvetica, sans-serif; }
option { padding:0 7px 0 3px;}
select { padding:0 0px 0 0px ;}
input, textarea, option {font-size: 110%;}
.none { border: 0; }
#date_of_birth { display: none; }

.button, .button:focus, a.button:hover, a.button2, a.button2:hover, a.button:focus { display: block; text-align: center; background: #6A9D5E url(/images/th-bg.gif) repeat-x bottom left; color: #fff; font-weight: bold; margin: 10px 2px 0 2px; padding: 5px; border: 2px outset #6A9D5E; cursor: pointer; width: auto; margin: 10px 5px 0 0; text-transform: uppercase; letter-spacing: 0.1em; cursor: pointer; text-decoration: none; float: left; font-size: 100%; }
a.button2, .button2 {background: #bbb; border: 4px groove #aaa}
a.button2:hover, .button2:hover  { background: #acacac; background-image: none!important; border: 4px groove #aaa;}
input.button, input.button2 { display: inline; }

/* Clients */
dl.clients { width: 258px; margin:0 0 20px 0px; padding: 0; clear: both;}
.clients dt { font-size: 100%; letter-spacing: -0.02em; float: right; width: 178px; margin: 0 0 5px 0; padding: 0; float: right; }
.clients dd { font-size: 95%; width: 175px; margin:0 0 0 80px; font-size: 90%;}
.clients dd.img { float: left; width: 80px; text-align: left; margin:0;}
.clients dd.img img { float: left; }

/* Box de-indestuctible*/
.box { width: 277px; background: #fff url(/images/box-bottom.gif) no-repeat bottom left; }
.box div { background: transparent url(/images/box-top.gif) no-repeat top left; font-size: 160%; color: #7CAF8D; line-height: 1.2em; padding: 15px 30px 20px 30px; margin-bottom: 0; }
.box a, .box a:visited{ width: 100%; color: #5A9E73; text-decoration: none; background: transparent !important; display: block; }
.box a:hover { color: Black; }

.box2 { width: 277px; background: #ffffff url(/images/box-bottom.gif) no-repeat bottom left; }
.box2 div { background: transparent url(/images/box-top.gif) no-repeat top left; line-height: 1.2em; padding: 15px 30px 20px 30px; margin-bottom: 0; }
.box2 h3 { font-size: 160%; color: #7CAF8D; font-weight: normal; }
.box2 a { width: auto; color: #5A9E73; text-decoration: none; background: transparent; }
.box2 a:hover { color: black; }

.box3 { width: 277px; background: #fff url(/images/box-bottom.gif) no-repeat bottom left; }
.box3 div { background: transparent url(/images/box-top.gif) no-repeat top left; line-height: 1.2em; padding: 15px 30px 20px 30px; margin-bottom: 0; }
/* fieldset */
#form label { float: left; width: 150px; text-align: right; padding-right: 5px; }
#form textarea { width: 215px; }
#form  p { margin: .5em 0; padding: 4px 0; clear: both; }

fieldset#form  p:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html fieldset#form  p {height: 1%;}
/* End hide from IE-mac */

fieldset#form input:focus, fieldset#form textarea:focus { background: #DFEEDD; }
.required span { color: #e00; font-weight: bold; font-size: 130%; padding: 0 3px; }
.error input {border:2px solid #e00;}
.errortext { font-weight: bold; color: #e00; padding-left:155px; }
fieldset#form .summary { margin-left: 155px; border-bottom: 1px dashed #ccc;padding-bottom: 5px; display: block; width: 233px; }
input.choosedate { border: 0 !important; margin: 4px 0 0 auto; display: block; }
p.alt { background: #F7F7F7; }

input.email {width: 230px;}
input.text {width: 230px;}
input.numeric {width: 230px;}
input.checkbox {margin: 0; border:none;}
input.radio {margin: 0; border:none;}

fieldset#form textarea {width: 230px;}

ul.radio { padding:0; clear: right; margin-top: -22px; float: left; }
ul.radio li { background-image: none!important; clear: both; margin:0 !important; display: block;}
ul.radio label {text-align: left!important; display: block; width: 200px; display: inline;}
ul.radio input {display: inline;}

label.ls { width: auto !important; }

fieldset#form dt { clear: both; width: 180px; float: left; text-align: right; margin-bottom: 1em; }
fieldset#form dt label { width: 180px; }
fieldset#form dd { float: left; width: 240px; margin: 0 0 1em 0.25em; }

body#one #right { display: none; }

/* Calendar */
#caldiv {display: block; border: 1px solid #000; padding: 0; font-size: 110%;}
#caldiv table{ border-collapse: collapse !important; border: 0; margin: 0;}
#caldiv a {color: #360; font-weight: bold;}
#caldiv td{border: none; font-size: 90%; color: #000; }
#caldiv th, #caldiv th a { font-weight: bold;}
#caldiv th a {color:  #360; font-weight: bold; background: none; color:#fff; font-weight: bold;}
#caldiv td a {text-decoration: underline; font-weight:bold;}
.cpTodayText{ border: 1px solid #000 !important; }
.cpCurrentMonthDateDisabled {color: #aaa; text-decoration: line-through;}
.cpCurrentMonthDateDisabled a {color: #aaa;}
.cpCurrentDate { background: #6A9D5E url(/images/th-bg.gif) repeat-x bottom left; color: #fff !important; font-weight: bold;}
.cpOtherMonthDateDisabled { color:#aaa; text-decoration: line-through;}
.cpOtherMonthDate, .cpCurrentMonthDate {font-weight: bold;}
/*.cpTodayText {display: none;}*/

#sitemap ul {padding: 0; padding-left: 15px; margin-bottom: 15px; }
#sitemap ul ul {margin: 10px 0}
#sitemap li {font-size: 140%; font-weight: bold;}
#sitemap li a {}
#sitemap li li {font-size: 90%; font-weight: normal; margin-bottom: 3px; }
#sitemap li li a {text-decoration: none; background: none;}

/* Basket & checkout*/
#checkout table td { border: 0; }
#checkout table { border-bottom: 0; }

table#basket-table { width: 100%; font-size: 1em; margin-bottom: 10px!important; padding: 0px; margin-left: 0 !important; list-style: none; clear: both; border-collapse: collapse; }
table#basket-table th {  }
table#basket-table td { padding:5px !important;}
table#basket-table tr.product td {border-bottom:1px solid #ccc;}
table#basket-table tr.total td {border-bottom:1px solid #e00; border-top:1px solid #e00; background: transparent url(/images/total_bg.gif) top left;}
input.button-checkout {background: url(/images/button_checkout.gif); color:white; font-weight:bold; width: 136px; height: 27px; border: 0; font-size:10px; padding:0px 0px 0px 0px;}

.continue-shopping { background: #fff; border: solid #ccc; border-width: 0px 1px 0px 0px; padding: 1em; width: auto; margin-right: 1em; }
.continue-shopping ul {list-style:none;}
.continue-shopping ul li { padding:0.2em 0em; margin:0 0 0.3em 0;}
.continue-shopping ul li a { display: block; font-weight: bold; padding: 2px 10px 2px; text-align: left; display: block; color: #323232; font-weight: bold; width: auto; letter-spacing: 0.1em; text-decoration: none; font-size: 90%; background: #D3D3D3; border: 2px ridge #CCCCCC; }
.continue-shopping ul li a:hover { background: #858585; color: #fff; border: 2px inset #aaa;}

fieldset#billing, fieldset#alternative { float: left; width: 48%; margin-bottom: 1em; }
fieldset#billing { margin-right: 1em; }
fieldset#payment, fieldset#basketsummary { clear: both; width: 98%; }
fieldset h3 { width: auto; padding: 0.3em 0.7em; background: #6A9D5E url(/images/th-bg.gif) top left; color: #fff; }
fieldset p { clear: both; }
fieldset#billing label, fieldset#alternative label {float: left; width: 100px; text-align: right; padding-right: 5px; display: block; }
fieldset#billing input, fieldset#alternative input { width: 200px; }

fieldset#billing div p {margin: 0 0 0.3em 0;}

ol#trail { padding: 0; width: 100%; font-size: 1em; margin: 10px 0; list-style: none; float: left; clear: both; }
ol#trail li { width: 22.5%; margin: 0; margin-right: 1%; background: #F7F7F7; border: 1px solid #666; text-align: left; padding: 0.5em 0 0.5em 0.5em; float: left; list-style: decimal inside; font-size: 150%; font-weight: bold;}
ol#trail li a {background: none; text-decoration: none;}
ol#trail li span {font-size: 80%; font-weight:normal;}
ol#trail li.selected{ background: #6A9D5E url(/images/th-bg.gif); color: #fff; }
ol#trail li.selected a {color: #fff; font-weight: bold;}

img.card { margin:5px 5px 0 0; }

.cpassword label{width: 140px!important}
.cpassword input{width: 170px!important;}

/* double check these dont mess up the site */
.radio, .checkbox {margin-top: 8px;width: 20px!important; float: left; }
.signup {margin-left: 90px;}
.signup label { width: 250px; float: left; text-align: left; }

.payment {clear:both;}
.payment input {margin: 2px;}
.payment label { width: 250px !important; text-align:left !important; }

label.card {width: 230px; display:block; float: left; text-align: right; padding-right: 5px;}

.join label { width: 180px !important; text-align:left !important; }
.join input { float: left; }
.join { padding-left: 100px; }

.addressopt input.button { width: auto !important; font-size: 80%; margin-bottom: 1em; }

/* Popup */
body#popup { background: none; text-align: left; padding: 10px; width: auto; }
body#popup p, body#popup h1 { width: 300px; }
body#popup li { list-style: circle; }
body#popup ul { margin-bottom: 1em; }
.close { background: #5F9E72; padding: 5px; color: #fff; font-weight: bold; width:200px; }
.close a{ background: none; color: #fff; text-decoration: none; }


#basket-overview { margin: 0 20px;}