html {
background:#e8e8e8 url(/library/graphics/all/html_back.png) top repeat-x;
}

body {
margin:0px;
padding:0px;
background:url(/library/graphics/all/wrapper_bg.png) center repeat-y;
font-family:Helvetica, Geneva, Arial, sans-serif;
font-size: 100%;
}

#wrapper {
width: 1000px;
margin: 0 auto;
position:relative;
}

a {
text-decoration: none;
}

img {
border: none;
}

h1 {
font-size: 2em;
line-height: 1.1em;
text-align: center;
color: #0066cc;
}

h2 {
margin-bottom: -0.5em;
font-size: 1.3em;
font-weight: normal;
color: #0066cc;
}

h3 {
margin-bottom: -0.5em;
font-size: 1.1em;
font-weight: normal;
color: #0066cc;
}

textarea, input, select {
font-family:Helvetica, Geneva, Arial, sans-serif;
margin:0px;
}

.floatleft {
float: left;
}

.floatright {
float: right;
}

.clear {
clear: both
}

.clearleft {
clear: left;
}

.clearright {
clear: right;
}

.bigcap {
font-size: 2em;
}

.thinline {
border-bottom: solid 1px #999999;
}

.spacerline {
border-bottom: dotted 1px #cccccc;
height: 1em;
}

#content {
float:right;
width:790px;
padding: 0 30px 0 0;
font-size: 1em;
line-height: 1.4em;
letter-spacing:0.1px;
color: #333333;
}

#content a {
color: #0066cc;
text-decoration: none;
}

#content a:hover {
color: #3399ff;
text-decoration: underline;
}

/*///////////////// Header /////////////////*/

#header {
height: 230px;
margin: 0 auto;
background: #3366cc url(/library/graphics/all/headforest.jpg) bottom no-repeat;
}

#logo a {
width: 200px;
height: 65px;
background: url(/library/graphics/all/headinfo.png) no-repeat;
display: block;
float: left;
position: relative;
top: 6px;
left: 7px;
}

#logo a:hover {
background: url(/library/graphics/all/headinfo.png) no-repeat 0 -63px;
}

#phone {
width: 330px;
height: 65px;
background: url(/library/graphics/all/headinfo.png) no-repeat 0 -130px;
display: block;
float: right;
position: relative;
top: 3px;
right: 16px;
}

.strapline {
position: relative;
top:143px;
text-align: center;
color: #ffffff;
font-size: 1.2em;
line-height: 15px
}

/*///////////////// Navigation /////////////////*/

#nav {
width: 166px;
float: left;
}

#nav h1 {
background: #003366 url(/library/graphics/all/nav_cat_back.png) no-repeat 100% 0px;
width: 160px;
font-size: 20px;
font-weight: normal;
color: #ffffff;
height:44px;
margin:8px 0;
}

#nav em {
display: block;
font-style: normal;
padding: 10px 7px;
text-align: left;
}

#nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#nav ul li {
margin:0;
padding:0;
}

#nav ul li {
background: #0066cc url(/library/graphics/all/navcorner_bottom.png) no-repeat 100% 100%;
margin-bottom: 3px;
width: 145px;
}

#nav ul li a {
display: block;
width:131px;
background: url(/library/graphics/all/navcorner_top.png) no-repeat top right;
padding: 5px 7px;
color: #ffffff;
text-decoration: none;
font-family: Helvetica, sans-serif;
font-size: 1em;
}

#nav ul li:hover {
background: #003366 url(/library/graphics/all/navcorner_bottom.png) no-repeat bottom right;
}

#nav ul li a:hover {
background: url(/library/graphics/all/navcorner_top.png) no-repeat top right;
color: #ffff99;
}

#nav li.shopli {
background:none;
}

#nav a.shopbutton {
background:#0066cc url(/library/graphics/all/nav_shopbutton.png) no-repeat 100% 0;
height:41px;
width:38px;
display:block;
padding:13px 29px 11px 78px;
line-height:18px;
}

#nav a.shopbutton:hover {
background:#003366 url(/library/graphics/all/nav_shopbutton.png) no-repeat 100% -65px;
}

#home #nav li.homeli, #home #nav li.homeli:hover, #hire #nav li.hireli, #hire #nav li.hireli:hover, #reserve #nav li.reserveli, #reserve #nav li.reserveli:hover, #routes #nav li.routesli, #routes #nav li.routesli:hover, #group #nav li.groupli, #group #nav li.groupli:hover, #offers #nav li.offersli, #offers #nav li.offersli:hover, #accommodation #nav li.accommodationli, #accommodation #nav li.accommodationli:hover, #forest #nav li.forestli, #forest #nav li.forestli:hover, #contact #nav li.contactli, #contact #nav li.contactli:hover, #repairs #nav li.repairsli, #repairs #nav li.repairsli:hover, #retail #nav li.retailli, #retail #nav li.retailli:hover, #work #nav li.workli, #work #nav li.workli:hover, #locations #nav li.locationsli, #locations #nav li.locationsli:hover {
background: #003366 url(/library/graphics/all/navcorner_bottom.png) no-repeat bottom right;
}

#home #nav a.homebutton, #home #nav a.homebutton:hover, #hire #nav a.hirebutton, #hire #nav a.hirebutton:hover, #reserve #nav a.reservebutton, #reserve #nav a.reservebutton:hover, #routes #nav a.routesbutton, #routes #nav a.routesbutton:hover, #group #nav a.groupbutton, #group #nav a.groupbutton:hover, #offers #nav a.offersbutton, #offers #nav a.offersbutton:hover, #accommodation #nav a.accommodationbutton, #accommodation #nav a.accommodationbutton:hover, #forest #nav a.forestbutton, #forest #nav a.forestbutton:hover, #contact #nav a.contactbutton, #contact #nav a.contactbutton:hover, #repairs #nav a.repairsbutton, #repairs #nav a.repairsbutton:hover, #retail #nav a.retailbutton, #retail #nav a.retailbutton:hover, #work #nav a.workbutton, #work #nav a.workbutton:hover, #locations #nav a.locationsbutton, #locations #nav a.locationsbutton:hover {
background: url(/library/graphics/all/navcorner_top.png) no-repeat top right;
color: #ffffff;
}

#toTop {
display:block;
position:fixed;
bottom:40px;
right:0px;
width:100px;
height:39px;
background:url(/library/graphics/all/totop.png) 0 0 no-repeat;
cursor:pointer;
}

#toTop:hover {
background-position:0 -39px;
}


/*///////////////// Footer /////////////////*/

#footerscene {
background: url(/library/graphics/all/footerscene.png) top;
height: 96px;
clear: both;
position:relative;
}

#footer {
background: #003366 url(/library/graphics/all/footerback.png) repeat-x top;
color: #ffffff;
font-size: 1.2em;
line-height: 1.3em;
float: left;
width: 100%;
}

#footer a {
color: #ffff99;
}

#footer a:hover {
color: #ffff33;
text-decoration: underline;
}

#footer a.location {
font-size: 1.8em;
font-weight: bold;
color: #ffffff;
}

#footer a.location:hover {
color: #ffff99;
text-decoration: underline;
}

#addresswrapper {
max-width: 1000px;
margin:15px auto 0;
}

#address1 {
width: 50%;
float: left;
}

#address1 p {
width: 250px;
margin: 5px auto 25px;
}

#address2 {
width: 50%;
float: left;
}

#address2 p {
width: 250px;
margin: 5px auto 25px;
}

.finalfooter {
padding: 6px;
background: #101010;
color: #dedede;
text-align: right;
font-size: 0.6em;
}

.finalfooter p {
margin:0;
}

.finalfooter a {
color: #ffffff;
}

.finalfooter a:hover {
text-decoration: underline;
}

.white {
color: #ffffff;
}

/*///////////////// Home Page /////////////////*/

#festive {
float:right;
position:relative;
top:15px;
right:-60px;
width:241px;
height:142px;
z-index:10;
display:block;
background:url(/library/graphics/home/festive.png) top no-repeat;
}

#festive:hover {
background-position:0 -138px;
}

#festivewrapper {
display:none;
}

#festivecontent {
background:#e1eefc url(/library/graphics/home/festive_bg.png) top repeat-x;
}

#festivecontent h1 {
color:#CC0000;
font-size:45px;
margin:20px 0 10px;
}

#festivecontent table {
margin:10px auto 0;
padding:0 40px;
}

#festivecontent td {
border-bottom:1px dotted #CCCCCC;
padding:5px 0;
}

#festivecontent .col1 {
width:180px;
font-weight:bold;
}

#festivecontent .col2 {
width:130px;
}

#festivecontent .col3 {
width:280px;
}


#homephotos {
width: 200px;
float: right;
text-align: right;
}

#homephotos img.top {
margin-bottom: 25px;
}

/*///////////////// Hire Page /////////////////*/

a.vid_link {
display: block;
width: 187px;
height: 129px;
position: absolute;
top:165px;
right:-30px;
float: right;
background:url(/library/graphics/hire/video_button.png) 0 0 no-repeat;
}

a.vid_link:hover {
background-position:0 -129px;
}


#buttons {
height:100px;
width: 100%;
list-style: none;
padding: 0;
margin: 0;
}

#buttons li {
float: left;
width: 33.3%;
}

#buttons a.reserve {
display: block;
width: 102px;
height: 70px;
padding: 29px 60px 0 12px;
font-size: 19px;
text-decoration: none;
color: #ffffff;
background: #0066cc url(/library/graphics/hire/hirebuttons.jpg) no-repeat;
}

#buttons a.reserve:hover {
background: #0099ff url(/library/graphics/hire/hirebuttons.jpg) no-repeat 0 -110px;
color: #ffff99;
}

#buttons a.routes {
display: block;
width: 102px;
height: 70px;
padding: 29px 60px 0 12px;
margin: 0 auto;
font-size: 19px;
text-decoration: none;
color: #ffffff;
background: #009900 url(/library/graphics/hire/hirebuttons.jpg) no-repeat -174px 0;
}

#buttons a.routes:hover {
background: #00ff00 url(/library/graphics/hire/hirebuttons.jpg) no-repeat -174px -110px;
color: #ffff99;
}

#buttons a.fleet {
display: block;
width: 103px;
height: 70px;
padding: 29px 60px 0 12px;
margin-left: auto;
font-size: 19px;
text-decoration: none;
color: #ffffff;
background: #990000 url(/library/graphics/hire/hirebuttons.jpg) no-repeat -348px 0;
}

#buttons a.fleet:hover {
background: #ff0000 url(/library/graphics/hire/hirebuttons.jpg) no-repeat -348px -110px;
color: #ffff99;
}

/*///////////////// Price Chart /////////////////*/

#price {
width: 49%;
float: left;
}

#price table {
width: 100%;
border-collapse: collapse;
margin-top:0.25em;
border-top: solid 1px #999999;
border-bottom: solid 1px #999999;
}

#price table th {
padding: 0.3em 0 0 8px;
height: 1.8em;
background: #bedbfd;
border-bottom: solid 2px #0066cc;
color: #333333;
text-align: left;
font-weight: normal;
}

#price table th.item {
width: 70%;
}

#price table th.price {
width: 30%;
}

#price table tr.even {
background: #ffffff;
}

#price table tr.even:hover {
background: #336699;
color: #fff;
}

#price table tr.odd {
background: #d9e3ee;
}

#price table tr.odd:hover {
background: #336699;
color: #fff;
}

#price table td {
padding-left: 8px;
font-size: 0.8em;
}

#price .notes {
font-size: 0.8em;
line-height: 1.2em;
color: #444444;
} 

#price .tabcat {
margin-bottom: 0;
}

#terms {
width: 49%;
float: right;
}

#terms ul {
padding: 0;
list-style-position: inside;
}

/*///////////////// Price Chart Hover Images /////////////////*/

#premium_hover {
background: url(/library/graphics/hire/pricemenu_hover.png) no-repeat;
width:172px;
height: 114px;
position: relative;
top: -372px;
left: -172px;
margin-bottom: -114px;
display: none;
}

#tandem_hover {
background: url(/library/graphics/hire/pricemenu_hover.png) no-repeat 0 -114px;
width:172px;
height: 114px;
position: relative;
top: -352px;
left: -172px;
margin-bottom: -114px;
display: none;
}

#twenty_hover {
background: url(/library/graphics/hire/pricemenu_hover.png) no-repeat 0 -228px;
width:172px;
height: 114px;
position: relative;
top: -252px;
left: -172px;
margin-bottom: -114px;
display: none;
}

#twentyfour_hover {
background: url(/library/graphics/hire/pricemenu_hover.png) no-repeat 0 -342px;
width:172px;
height: 114px;
position: relative;
top: -232px;
left: -172px;
margin-bottom: -114px;
display: none;
}

#childseat_hover {
background: url(/library/graphics/hire/pricemenu_hover.png) no-repeat 0 -456px;
width:172px;
height: 114px;
position: relative;
top: -132px;
left: -172px;
margin-bottom: -114px;
display: none;
}

#tag_hover {
background: url(/library/graphics/hire/pricemenu_hover.png) no-repeat 0 -570px;
width:172px;
height: 114px;
position: relative;
top: -110px;
left: -172px;
margin-bottom: -114px;
display: none;
}

#buggy_hover {
background: url(/library/graphics/hire/pricemenu_hover.png) no-repeat 0 -684px;
width:172px;
height: 114px;
position: relative;
top: -87px;
left: -172px;
margin-bottom: -114px;
display: none;
}

#dog_hover {
background: url(/library/graphics/hire/pricemenu_hover.png) no-repeat 0 -798px;
width:172px;
height: 114px;
position: relative;
top: -64px;
left: -172px;
margin-bottom: -114px;
display: none;
}

/*///////////////// Routes Page /////////////////*/

#routedesc {
font-size: 0.9em;
}

.rtgreen {
border-left: solid 17px #009900;
height: 17px;
}

.rtpurple {
border-left: solid 17px #330066;
height: 17px;
}

.rtred {
border-left: solid 17px #ff0000;
height: 17px;
}

.rtpink {
border-left: solid 17px #ff99cc;
height: 17px;
}

.rtblue {
border-left: solid 17px #3399ff;
height: 17px;
}

.rtyellow {
border-left: solid 17px #ffff00;
height: 17px;
}

.rtorange {
border-left: solid 17px #ff6600;
height: 17px;
}

#mapholder {
width: 100%;
height: 700px;
background: #9CBB1D url(/library/graphics/routes/routeborder.png) repeat-x;
margin-bottom: -90px;
float:right;
}

#mapimage {
min-width: 518px;
height: 650px;
background: url(/library/graphics/routes/routemap.png) no-repeat center;
}

#mappack {
padding:0 10% 0 34%;
position: relative;
top:560px;
font-size: 1em;
line-height: 1.2em;
}

#mappack a.head {
color: #ffffff;
font-size: 1.2em;
text-decoration: none;
}

#mappack a.head:hover {
text-decoration: underline;
}

#mappack p {
margin:0;
}

#mappack a.bod {
color: #ffffff;
text-decoration: none;
}

#mappack a.bod:hover {
text-decoration: underline;
}

/*/////////////////////// Fleet Page ///////////////////////*/

#fleet dl {
overflow: auto;
padding-bottom: 1em;
border-bottom: dotted 1px #cccccc;
}

#fleet dt {
display: inline;
font-size: 1.3em;
color: #0066cc;
}

#fleet .fleetprice {
float: right;
margin: 0;
font-style: italic;
color: #999999;
}

#fleet .fleetpic {
width: 200px;
margin-left: 20px;
float: right;
}

#fleet .fleetinfo {
margin: 1em 200px 0 0;
}

/*/////////////////////// Accommodation Page ///////////////////////*/

#accommodation #content {
font-size: 0.9em;
}

#accommodation #content h2 {
font-size: 1.6em;
border-bottom: solid 1px #999999;
margin: 1.5em 0 1em;
}

#accommodation #content h3 {
margin: 1em 0 -0.8em;
}

#accommodation #content img {
float: right;
margin: 5px 0 8px 20px;
}

#accommodation #content ul {
list-style: none outside none;
padding: 0;
margin: 0;
}

#accommodation #content ul li.web {
background: url(/library/graphics/all/computer.png) no-repeat 0 2px;
padding-left: 25px;
}

#accommodation #content ul li.phone {
background: url(/library/graphics/all/phone.png) no-repeat 4px 1px;
padding-left: 25px;
}

#accommodation #content ul li.email {
background: url(/library/graphics/all/email.png) no-repeat 1px 2px;
padding-left: 25px;
}

#accommodation #content .notes {
font-size: 0.8em;
color: #666666;
}

/*/////////////////////// Best of the Forest Page ///////////////////////*/

#bestof {
font-size: 0.9em;
margin-bottom: 30px;
}

#bestof .web {
background: url(/library/graphics/all/computer.png) no-repeat;
padding-left: 25px;
}

#bestof p {
margin-bottom: 0.5em;
}

#bestof h2 {
font-size: 1.6em;
}

#bestof h3 {
font-size: 1.3em;
}

/*/////////////////////// Cycle Sales Page ///////////////////////*/

#shoppics {
float: right;
width: 200px;
margin:0 0 30px 25px;
}

#shoppics img {
margin-bottom: 25px;
}

.textcenter {
text-align: center;
}

/*/////////////////////// Location Page ///////////////////////*/

#loc_map {
border:1px solid #666666;
}

.map_link {
float:right;
font-size:12px;
margin-top:-4px;
}

#address h2 {
font-size:30px;
font-weight:bold;
}

#address p {
font-size:18px;
margin-bottom:0;
}

#address .tel {
font-weight:bold;
padding-left:10px;
}

#address table {
width:200px;
border:none;
font-size:14px;
color:#666666;
margin-top:10px;
float:left;
}

#address #wintertimes {
margin-left:50px;
}

#address th {
text-align:left;
font-weight:normal;
color:#333333;
border-bottom:1px dotted #CCCCCC;
}

#address table tbody {
margin-top:20px;
}

#address .toprow {
padding-top:10px;
}

#address .col1 {
width:50px;
}

#address .col2 {
width:40px;
text-align:right;
}

#address .col3 {
width:30px;
text-align:center;
}

#address .col4 {
width:40px;
text-align:left;
}

#address dl {
margin:10px 0 0 50px;
font-size:14px;
color:#666666;
width:200px;
float:left;
}

#address dt {
color:#333333;
border-bottom:1px dotted #CCCCCC;
margin-bottom:10px;
}

#address dd {
margin:0;
}

/*/////////////////////// CONTACT US page ///////////////////////*/

#contact_head {
width:715px;
margin:0 auto 40px;
}

#contact_head .cell1 {
width:715px;
height:38px;
background:url(/library/graphics/contact/contact_01.png) no-repeat;
}

#contact_head .cell2 {
width:187px;
height:36px;
background:url(/library/graphics/contact/contact_02.png) no-repeat;
}

#contact_head .cell3 {
width:308px;
height:36px;
}

#contact_head .cell3 a {
background:url(/library/graphics/contact/contact.png) top no-repeat;
width:308px;
height:36px;
display:block;
}

#contact_head .cell3 a:hover {
background-position:bottom;
}

#contact_head .cell4 {
width:220px;
height:36px;
background:url(/library/graphics/contact/contact_04.png) no-repeat;
}

#contactform table {
width:700px;
margin:0 auto;
}

#contactform td.leftcol {
width:340px;
}

#contactform td.rightcol {
width:340px;
}

#contactform td.spacer {
width:40px;
}

#contactform label {
width:78px;
height:20px;
padding:5px 6px;
text-align:center;
background:url(/library/graphics/forms/label_bg.jpg) 0 0 no-repeat;
display:block;
}

#contactform #name,#contactform #email {
width:325px;
padding:8px 8px 0;
font-size:24px;
height:29px;
border:1px solid #CCCCCC;
background:url(/library/graphics/forms/input_bg.jpg) top repeat-x;
}

#contactform #name:focus,#contactform #email:focus, #contactform #comment:focus {
border:1px solid #999999;
}

#contactform #topinputrow {
height:70px;
vertical-align:top;
}

#contactform #commentrow {
height:210px;
vertical-align:top;
}

#contactform #commentlabel {
height:30px;
vertical-align:bottom;
}

#contactform #comment {
width:702px;
font-size:20px;
padding:8px;
border:1px solid #CCCCCC;
background:url(/library/graphics/forms/textarea_bg_valid.jpg) bottom repeat-x;
}

#contactform #submit {
display:block;
margin:0;
background:url(/library/graphics/forms/submit_bg.jpg) no-repeat;
border:none;
width:90px;
height:41px;
font-size:16px;
}

#contactform #submit:hover {
background-position:0 -41px;
color:#0066CC;
cursor:pointer;
}

#contactform #submit:active {
background-position:0 -82px;
}


#contactform label.error {
width:auto;
height:auto;
padding:0;
background:none;
text-align:left;
font-size:14px;
color:#666666;
}

#contact #name.error, #contactform #email.error {
border:1px solid #cc9999;
background:url(/library/graphics/forms/input_bg.jpg) bottom repeat-x;
}

#contactform #comment.error {
border:1px solid #cc9999;
background:url(/library/graphics/forms/textarea_bg_invalid.jpg) bottom repeat-x;
}

/*/////////////////////// Online Reservation Page ///////////////////////*/

#reservation {
margin-top:35px;
padding-top:20px;
border-top:1px solid #CCCCCC;
}

#reservation p {
font-size:0.8em;
color:#999999;
}

#reserve_contact {
width:780px;
margin-top:10px;
}

#reservation tr {
vertical-align:top;
}

#reserve_contact input {
padding:8px 8px 0;
font-size:20px;
height:29px;
border:1px solid #CCCCCC;
background:url(/library/graphics/forms/input_bg.jpg) top repeat-x;
width:340px;
}

#reserve_contact textarea {
font-size:20px;
padding:8px;
border:1px solid #CCCCCC;
background:url(/library/graphics/forms/textarea_bg_valid.jpg) bottom repeat-x;
width:342px;
height:90px;
}

#reserve_contact label {
width:78px;
height:20px;
padding:5px 6px;
text-align:center;
background:url(/library/graphics/forms/label_bg.jpg) 0 0 no-repeat;
display:block;
}

#reserve_contact select {
font-size:20px;
width:355px;
padding:7px 7px 7px 5px;
height:39px;
border:1px solid #CCCCCC;
background:url(/library/graphics/forms/input_bg.jpg) top repeat-x;
}

#reserve_contact .row2 {
height:140px;
}

#reserve_contact .row4, #reserve_contact .row6 {
height:70px;
}

#reserve_contact .col1 {
width:415px;
}

#reserve_contact .col2 {
width:360px;
}

#reserve_date .col1, #reserve_date .col3 {
width:210px;
}

#reserve_date .col2 {
width:360px;
}

#reserve_date .row2, #reserve_date .row4 {
height:70px;
}

#reserve_date label {
width:198px;
height:20px;
padding:5px 6px;
text-align:center;
background:url(/library/graphics/forms/input_bg_lg.jpg) 0 0 no-repeat;
display:block;
}

#reserve_date input {
padding:8px 8px 0;
font-size:20px;
height:29px;
border:1px solid #CCCCCC;
background:url(/library/graphics/forms/input_bg.jpg) top repeat-x;
width:192px;
}

#reservation #riders {
width:780px;
margin:10px 0 20px;
}

#reservation #riders .sm_col {
width:105px;
}

#reservation #riders label {
display:block;
width:78px;
height:20px;
padding:5px 6px;
text-align:center;
background:url(/library/graphics/forms/label_bg.jpg) 0 0 no-repeat;
font-weight:normal;
}

#reservation #riders input {
height:20px;
padding:6px 6px 0;
font-size:12px;
border:1px solid #CCCCCC;
background:url(/library/graphics/forms/input_bg.jpg) top repeat-x;
}

#reservation #riders select {
height:28px;
padding:4px;
font-size:12px;
border:1px solid #CCCCCC;
background:url(/library/graphics/forms/input_bg.jpg) top repeat-x;
}

#reservation #cust_gender, #reservation #cust_age {
width:90px;
}

#reservation #memrow {
height:33px;
}

#addmem {
background:url(/library/graphics/forms/addmem.png) 0 0 no-repeat;
width:170px;
height:45px;
display:block;
cursor:pointer;
float:left;
margin-bottom:40px;
}

#addmem:hover {
background-position:0 -45px;
}

#remmem {
background:url(/library/graphics/forms/remmem.png) 0 0 no-repeat;
width:170px;
height:45px;
display:block;
cursor:pointer;
float:left;
position:relative;
left:20px;
margin-bottom:40px;
}

#remmem:hover {
background-position:0 -45px;
}

#reservation #how_hear {
width:250px;
height:28px;
padding:4px;
font-size:12px;
border:1px solid #CCCCCC;
background:url(/library/graphics/forms/input_bg.jpg) top repeat-x;
}

#reserve_notes {
font-size:18px;
padding:8px;
border:1px solid #CCCCCC;
background:url(/library/graphics/forms/textarea_bg_valid.jpg) bottom repeat-x;
width:760px;
height:90px;
}

#reserve_submit {
display:block;
margin:0;
background:url(/library/graphics/forms/submit_bg_lg.jpg) no-repeat;
border:none;
width:140px;
height:41px;
font-size:16px;
position:relative;
top:20px;
}

#reserve_submit:hover {
background-position:0 -41px;
color:#0066CC;
cursor:pointer;
}

#reserve_submit:active {
background-position:0 -82px;
}

#reservation label.error {
width:auto;
height:auto;
padding:0 0 0 20px;
margin-top:1px;
background:none;
text-align:left;
font-size:14px;
color:#666666;
background:url(/library/graphics/forms/error.jpg) 0px 2px no-repeat;
}

#reservation input.error {
border:1px solid #cc9999;
background:url(/library/graphics/forms/input_bg.jpg) bottom repeat-x;
}

#reservation textarea.error {
border:1px solid #cc9999;
background:url(/library/graphics/forms/textarea_bg_invalid.jpg) bottom repeat-x;
}

#reserve .submitsuccess {
padding:20px 0 0 150px;
background:url(/library/graphics/forms/success.png) 0 0 no-repeat;
height:130px;
width:500px;
}

#reserve .submitsuccess h3 {
font-size:26px;
font-weight:bold;
color:#666666;
}

#reserve .submitsuccess p {
color:#999999;
}

/*/////////////////////// Ex-Hire Offers ///////////////////////*/

#offers h2 {
font-size:1.6em;
margin:0;
padding-bottom:3px;
border-bottom:1px solid #cccccc;
}

#offers .alignright {
float:right;
margin-left:30px;
}
#offers .alignleft {
float:left;
margin-right:30px;
}

#offers .post {
float:right;
margin-top:50px;
}

#offers small {
color:#999999;
font-size:0.7em;
}

#offers .price_bg {
background:url(/library/graphics/offers/offer_price_bg.png) no-repeat;
width:377px;
height:54px;
padding:13px 0 0;
margin-top:30px;
text-align:center;
}
.price_bg p {
color:#888888;
margin:0;
}
.price_bg p span {
color:#3399FF;
font-weight:bold;
}
#offers .price_bg a {
color:#666666;
}
#offers .price_bg a:hover {
color:#333333;
}