body {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background: #0768A9 url('../images/bg-tile.jpg');
padding: 20px 0 0 0;
color:#3A3A3A;
}

#page {
margin:auto;
width:965px;
}

#page-terms {
background-color:#fff;
width:965px;
margin:auto;
padding:15px;
}

textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0 0 0 10px;
}

/* Header Styles */

#header {
height:105px;
width:100%;
background: url('../images/curve-top.png') no-repeat;
display:none;
}

#header #nav {
height:104px;
}

#header #nav #menu a:link, #header #nav #menu a:visited {
color:#5B5B5B;
text-decoration:none;
}

#header #nav #menu ul {
padding:0;
margin:0;
}

#header #nav #menu li {
width:99px;
height:108px;
float:left;
list-style:none;
text-align:center;
color:#5B5B5B;
}

#header #nav #menu li.home {
padding-top:50px;
}

#header #nav #menu li.book {
padding-top:42px;
}

#header #nav #menu li.machines {
padding-top:50px;
}

#header #nav #menu li.benefits {
padding-top:42px;
}

#header #nav #menu li.faq {
padding-top:50px;
}

#header #nav #menu li.tutorials {
padding-top:50px;
}

#shadow {
width:965px;
height:5px;
background: url('../images/header-shadow.png') repeat-x;
position:absolute;
z-index:90;
}

#header #nav #logo {
float:left;
width:371px;
height:55px;
background: url('../images/logo.jpg') no-repeat;
background-position:bottom;
padding: 50px 0 0 0;
cursor:pointer;
}

#header #nav #menu {
width:594px;
height:105px;
background: url('../images/nav-bg.png') no-repeat;
float:right;
}

#content {
min-height:300px;
}

#content.padded {
padding: 20px 0 0 20px;
}

#footer {
clear:both;
height:130px;
width:100%;
background: url('../images/curve-bottom.png') no-repeat;
}

#footer-booking {
height:15px;
width:100%;
background: url('../images/curve-bottom_booking.png') no-repeat;
}

#footer-white {
height:15px;
width:100%;
background: url('../images/curve-bottom.png') no-repeat;
}

#footer-details {
height:15px;
width:100%;
background: url('../images/curve-bottom_details.png') no-repeat;
}

#footer-home {
height:15px;
width:100%;
background: url('../images/curve-bottom_home.png') no-repeat;
}

#footer-links {
margin:auto;
width:965px;
color:#fff;
text-align:center;
margin-top:15px;
display:none;
}

#footer-links a {
color:#fff;
}

#footer-links p {
margin:5px 0;
}

#footer #objects {
background: url('../images/footer-bg.png') no-repeat;
height:139px;
width:100%;
background-position:bottom;
color:#fff;
display:block;
}

#footer #objects #checkpostcode {
width:306px;
height:75px;
float:left;
background: #00A0C6 url('../images/postcode-bg.jpg') no-repeat;
background-position:center;
padding: 50px 0 0 15px;
}

#footer #objects #availability {
width:308px;
height:75px;
float:left;
background: #3DB7D4 url('../images/availability-bg.jpg') no-repeat;
background-position:center;
padding: 50px 0 0 15px;
}

#footer #objects #machine {
width:306px;
height:75px;
float:left;
background: #5EC3DB url('../images/book-bg.jpg') no-repeat;
background-position:center;
padding: 50px 0 0 15px;
}

#home-right #availability {
width:308px;
height:58px;
float:left;background: #3DB7D4 url('../images/availability-bg.jpg') no-repeat;
background-position:center;
padding: 50px 0 0 15px;
}

#home-right #checkpostcode {
width:306px;
height:68px;
float:left;
background: #00A0C6 url('../images/postcode-bg.jpg') no-repeat;
background-position:top;
padding: 39px 0 0 15px;
}

#home-right #machine {
width:306px;
height:73px;
float:left;
background: #5EC3DB url('../images/home-bookbg.jpg') no-repeat;
background-position:center;
padding: 50px 0 0 15px;
}


input[type=text]#postcode, input[type=text]#date  {
width:147px;
height:16px;
border:0;
font-size:12px;
padding:4px;
margin:0;
color:#5B5B5B;
}

input[type=image]#go {
position:relative;
top:4px;
margin-left:5px;
}

.clickhere {
font-weight:bold;
font-size:10px;
padding-left:15px;
margin-top:2px;
display:inline-block;
}

#home-right .clickhere, #footer .clickhere {
background: url('../images/ico-click_white.png') no-repeat;
}

#intro-left .clickhere, #intro-right .clickhere {
background: url('../images/ico-click_black.png') no-repeat;
}

#home-right .clickhere a:link, #home-right .clickhere a:visited, #objects .clickhere a:link, #objects .clickhere a:visited {
text-decoration:none;
color:#fff;
}

#intro-left .clickhere a:link, #intro-left .clickhere a:visited, #intro-right .clickhere a:link, #intro-right .clickhere a:visited {
text-decoration:none;
color:#000;
}

/* Booking */

#booking-left {
width:300px;
height:569px;
background-color: #00A0C6;
float:left;
padding: 20px 20px;
color:#fff;
}

#booking-right {
float:right;
width:620px;
padding: 0 0 0 0;
}

#booking-right iframe {
width:100%;
height:590px;
border:0;
margin-top:10px;
}

h1 {
font-size:40px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:38px;
color:#fff;
margin:0;
}

#confirmation-left h2 {
color:#fff;
}

.detailsstrip h2 {
color:#fff;
}

.detailsstrip a {
color:#fff;
font-weight:bold;
}

h2 {
color:#0768A9;
font-size:40px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:42px;
margin:0;
}

h3 {
color:#00A0C6;
font-size:30px;
font-weight:normal;
margin:0;
}

#options .number {
width:45px;
float:left;
font-size:60px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color: #59C1DA;
}

#options .option {
float:right;
width:250px;
padding-top:12px;
}

#options .option p { 
margin:0 0 5px 0;
font-size:17px;
letter-spacing:1px;
}

#options ul {
margin:0;
padding:0;
}

.padded {
padding: 25px 20px;
}

.padded #right {
float:right;
width:400px;
text-align:right;
}

.padded #left {
width:520px;
float:left;
}

#options li {
list-style:none;
padding:0;
margin:0;
clear:both;
height:70px;
}

#options li.top {
border-bottom:1px #fff dotted;
}

#startover {
float:right;
font-size:11px;
padding-top:5px;
}

#options a {
color: #fff;
text-decoration:underline;
}

#booking-left select {
width:200px;
}

input[type=text]#register {
width:235px;
height:16px;
border:0;
font-size:12px;
padding:4px;
margin:0 10px 0 0;
color:#5B5B5B;
border:1px #666 solid;
float:left;
}

#register-go {
float:left;
}

p.error {
color:#ff0000;
font-weight:bold;
}

.button-booknow {
display:block;
width:155px;
height:23px;
background: url('/images/button-booknow.jpg') no-repeat;
text-align:center;
line-height:23px;
}

.button-booknow a {
color:#fff;
text-decoration:none;
}

/* Landing */


#banner {
width:644px;
height:332px;
float:left;
}

#home-right {
float:right;
width:321px;
color:#fff;
overflow:hidden;
}

#intro-left {
width:515px;
float:left;
padding: 3px 25px 0 25px;
}

#intro-right {
width:385px;
float:right;
margin-right:1px;
}

#intro-machines {
float:left;
margin-right:26px;
width:132px;
height:51px;
background: url('/images/intro-machines.jpg') no-repeat;
padding: 68px 0 0 102px;
width:132px;
}

#intro-private {
width:132px;
height:49px;
background: url('/images/intro-private.jpg') no-repeat;
float:left;
padding: 70px 0 0 108px;
}

#intro-commercial {
width:198px;
height:155px;
background: url('/images/intro-commercial.jpg') no-repeat;
float:left;
padding: 85px 0 0 170px;
margin-top:104px;
position:absolute;

}

h4 {
font-size:18px;
margin:0;
padding:0;
}


h4.telephone {
color:#0076B2;
margin:0 0 4px 0;
}

h4.telephone a {
color:#0076B2;
text-decoration:none;
}

/* details screen */

.inactive {

   filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	
	width:281px;
	height:526px;
}

.active {
  filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	
	width:281px;
	height:526px;
}

.detailsstrip {
width:281px;
float:left;
padding: 20px;
color:#fff;
height:506px;
display:block;
}

.detailsstrip span {
margin-bottom:5px;
display:block;
}

.detailsstrip label {
padding:0;
margin:0;
}

.detailsstrip input[type=text] {
margin:0;
}

#delivery {
background-color:#00A0C6;
}

#billing {
background-color:#00A0C6;
}

#payment {
background-color:#00A0C6;
}

#delivery_instructions {
width:260px;
height:106px;
overflow:auto;
}

.detailsstrip label {
width:125px;
display:block;
float:left;
}

#confirmation-left {
width:300px;
height:569px;
background-color: #00A0C6;
float:left;
padding: 20px 20px;
color:#fff;
}

#confirmation-right {
float:right;
width:625px;
padding: 0 0 0 0;
background-color:#fff;
min-height:620px;
}

#terms-container {
padding:10px;
}

#button_confirm {
margin-top:20px;
cursor:pointer;
background: url('../images/confirmbutton.jpg') no-repeat;
width:130px;
height:23px;
line-height:24px;
padding-left:20px;
cursor:pointer;
color:#fff;
margin-top:15px;
}

.confirmation-column {
width:145px;
float:left;
padding:30px 0 0 10px;
}

.confirmation-column strong {
color:#0768A9;
font-size:14px;
}

table#confirmation {
margin-left:10px;
}

#confirmation td, #confirmation th {
padding:10px 15px 10px 0;
vertical-align:top;
}

#confirmation th {
font-weight:bold;
font-size:11px;
text-align:left;
border-bottom:1px #ccc dotted;
}

.print {
background:url('../images/printbutton.jpg') no-repeat;
width:157px;
height:23px;
float:right;
margin:20px 30px 0 0;
cursor:pointer;
}

.change {
color: #00A0C6;
cursor:pointer;
}

#terms {
width:520px;
height:168px;
}

#continue {
float:right;
background: url('../images/continue.png') no-repeat;
width:135px;
height:23px;
line-height:24px;
padding-left:15px;
cursor:pointer;
color:#fff;
}

#button_continue {
float:right;
background: url('../images/button_continue.png') no-repeat;
width:135px;
height:23px;
line-height:24px;
padding-left:15px;
cursor:pointer;
color:#fff;
}

#selectItems p {
margin: 15px 0;
padding:0;
}

#selectItems {
overflow:hidden;
}

#itemsbg {
width:295px;
height:339px;
background: url('../images/confirm-bg.jpg') no-repeat;
margin-top:50px;
}

#confirmbg {
width:295px;
height:339px;
background: url('../images/confirm-bg.jpg') no-repeat;
margin-top:107px;
}

#confirmationbg {
width:295px;
height:339px;
background: url('../images/confirm-bg.jpg') no-repeat;
margin-top:122px;
}

.tick {
background: url('../images/tick.jpg') no-repeat;
height:24px;
display:block;
padding: 0 0 0 30px;
line-height:24px;
margin-bottom:5px;
color:#0768A9;
font-size:14px;
font-weight:bold;
}

.pricesfrom {
font-size:23px;
color:#0768A9;
display:block;
}

#left .price {
font-size:55px;
color:#0768A9;
display:block;
}

/* Final Confirmation */

#confirmation-details {
margin: 0 10px;
padding: 10px 0 20px 0;
border-bottom:1px #ccc dotted;
}

#confirmation-details ul {
margin:0 0 0 20px;
padding:0;
}

#confirmation-details li {
padding-bottom:6px;
}

#confirmation-details strong {
color:#0768A9;
font-size:14px;
}

#confirmation-details .large {
font-size:24px;
font-weight:bold;
}

#confirmation-details p {
padding:0;
margin:10px 0;
}

/* Machines Page */

#content.machines {
padding:20px 20px 10px 20px;
}

hr {
border:1px #00A0C6 solid;
clear:both;
margin:20px 0;
}

/* Contact */

#contact-left {
width:300px;
float:left;
}

#contact-right {
width:590px;
height:479px;
float:right;
background: url('../images/contact-image.jpg') no-repeat;
}

#benefits-right {
width:320px;
height:479px;
float:right;
background: url('../images/man-standing-small.jpg') no-repeat;
}

/* Benefits */

#benefits-left {
width:600px;
float:left;
}

/* Cashback Offer */

#cashback-right {
width:497px;
height:482px;
background: url('../images/cashback-bg.jpg') no-repeat;
float:right;
}

#cashback-left {
width:420px;
float:left;
}

#submit {
background: url('../images/continue.png') no-repeat;
width:130px;
height:23px;
line-height:24px;
padding-left:20px;
cursor:pointer;
color:#fff;
margin-top:15px;
}

.booking-reference {
margin-top:20px;
}

#cashback-footer {
width:925px;
height:150px;
}

#cashback-footer #weekend {
width:264px;
height:127px;
background: url('../images/cashback-weekend.jpg') no-repeat;
float:left;
}

#cashback-footer .square {
width:187px;
height:97px;
float:left;
margin-left:3px;
padding:15px 125px 15px 15px;
font-size:11px;
}

#cashback-footer .square h4 {
color:#0768A9;
}

#cashback-footer .square p {
margin:0;
}

#cashback-footer .square strong {
font-size:15px;
}

#cashback-footer .square#home {
background: url('../images/cashback-square-home.jpg') no-repeat;
}

#cashback-footer .square#commercial {
background: url('../images/cashback-square-commercial.jpg') no-repeat;
}

/* Private Rental */

#private-weekend {
width:508px;
height:104px;
background: url('../images/private-weekend.jpg') no-repeat;
margin-top:20px;
}

/* Commercial Rental */

#commercial-footer .square {
width:250px;
height:127px;
float:left;
font-size:11px;
margin-right:3px;
}

#commercial-footer .square#account {
background: url('../images/commercial-account.jpg') no-repeat;
}

#commercial-footer .square#weekend {
background: url('../images/commercial-weekend.jpg') no-repeat;
}

#commercial-footer .square a {
display:block;
width:250px;
height:127px;
}