/* Stylesheet for www.location-motorhomes.co.uk */
/* Author: Stuart Curran (stuart@schmo.co.uk) */
/* Tested in Safari 3, Firefox 2, */

/* Quick colour reference

#547AA1 Blue
#961C2A Red
#7999BE Highlight blue
#A5C1CB Light blue
#C12634 Highlight red
#E6E6E6 Light grey

*/

/* Menu

01 basics
02 layout
03 typography
04 custom

*/

/* 01 basics */

html {
	background: #E6E6E6 url(../img/tile.jpg);
}

body {
	font-family: Verdana, Arial, Helvetica;
	font-size: small;
	color: #333;
	text-align: center;
	background: #fff url(../img/tile.jpg) repeat-x 0 101px;
	margin: 0;
	padding-top: 20px;
}

img {border:0;}

a:link {color: #961C2A; text-decoration: none;}
a:visited {color: #C12634; text-decoration: none;}
a:active {color: #C12634; text-decoration: underline;}
a:hover {text-decoration: underline;}

hr.clear {
	clear: both;
	margin: 0 0 20px 0;
	visibility: hidden;
}

hr.hide {
	display: none
}

/* 02 layout */

.wrapper {
	margin: 0 auto;
	width: 768px;
	text-align: left;
}

#header {
	background: url(../img/logobanner.jpg) no-repeat;
	height: 260px;
}

#footer {
	background-color: #E6E6E6;
	border-top: 1px solid #E0DDDD;
	clear: both;
	text-align: center;
	background: url(../img/tile.jpg) repeat-x;
}

#banner {
	position: absolute;
	top: 150px;
	width: 768px;
	z-index: 200;
	clear: both;
}

#banner p {
	margin: 0;
}

#content {
	background-color: #fff;
}

#content .left {
	width: 506px;
	margin-right: 21px;
	float: left;
}

#content .right {
	width: 241px;
	float: left;
}

/* 03 typography */

h1 {
	font-size: 120%;
	color: #547AA1;
	background-color: #fff;
	clear: both;
	margin-top: 0;
}

h1 em {
	display: block;
	font-size: smaller;
	font-style: normal;
	font-weight: normal;
	color: #7999BE;
}

h2 {
	font-size: 110%;
	color: #547AA1;
	background-color: #fff;
	clear: both;
	margin-top: 0;
}

h3 {
	font-size: 110%;
	font-weight: normal;
	color: #547AA1;
	background-color: #fff;
	clear: both;
	margin-top: 0;
}

h4 {
	font-size: 90%;
	font-weight: normal;
	color: #547AA1;
	background-color: #fff;
	clear: both;
}


#content .right h3 {
	margin: 0 20px 20px;
}

#content .right h4 {
	margin: 20px 20px 5px 20px;
}

p {
	font-size: 90%;
	line-height: 150%;
}

li {
	font-size: 90%;
}

#content .right p {
	font-size: 80%;
	margin: auto 20px;
}

#content .right p strong {
	color: #547AA1;
}

#content .right ul,#content .right ol {
	color: #547AA1;
}

#content .right li {
	
}

#content .right li span {
	color: #333;
	font-size: 90%;
}

#content .right li span em {
	font-size: 90%;
	font-style: normal;
	color: #999;
	display: block;
}


#content .right img {float:left;padding: 5px 0 5px 20px;}

#content .left img {float:left;padding: 5px 20px 20px 0;}

#intro {
	font-size: 100%;
}


#footer p {
	margin: 0 auto;
	text-align: left;
	width: 768px;
	padding: 20px 0;
	font-size: 80%;
	color: #999;
}

#footer a {color: #999;}
#footer a:hover {text-decoration: none;} 

/* 04 custom */

#logo {
	font-size: 200%;
	color: #547AA1;
	width: 305px;
	height: 82px;
	position: absolute;
	top: 0px;
}

#logo a {
	display: block;
	width: 305px;
	height: 82px;
}

#logo a:hover {text-decoration: none;}

#logo a span {visibility: hidden;}

#telno {
	font-size: 150%;
	display: none;
}

.panel-left, .panel-right {
	float:left;
	width: 240px;
	font-size: smaller;
}

.panel-left {
	margin-right: 20px;
}


.panel-left a, .panel-right a {
	font-weight: bold;
}


/* 05 homepage */

#home #header {
	height: 260px;
}

#home #nav {
	padding-top: 30px;
}

#home #nav ul, #home .right ul {
	margin: 0;
	padding: 0;
}

#home #nav ul li {
	height: 180px;
	width: 242px;
	float: left;
	padding: 0;
	list-style-type: none;
}

#home #nav ul li a {
	display: block;
	padding: 10px 15px;
	color: #fff;
}

#home #nav ul li a:hover {
	text-decoration: none;
	background: url(../img/teaser1-highlight.jpg) no-repeat;
}

#home #nav ul #one a:hover {background: url(../img/teaser1-highlight.jpg) no-repeat;}
#home #nav ul #two a:hover {background: url(../img/teaser2-highlight.jpg) no-repeat;}
#home #nav ul #three a:hover {background: url(../img/teaser3-highlight.jpg) no-repeat;}

#home #nav ul li strong  {
	display: block;
	height: 36px;
	margin-bottom: 100px;
	visibility: hidden;
}

#home #nav ul li span {
	font-size: 80%;
}

#home #nav #one {
	background: url(../img/teaser1.jpg) no-repeat;
	margin: 0;
}

#home #nav #two {
	background: url(../img/teaser2.jpg) no-repeat;
	margin: 0 21px; 
}

#home #nav #three {
	background: url(../img/teaser3.jpg) no-repeat;	
	margin: 0;
}


/* Right hand teaser */

#home .right h3 {display: none;}

#home .right li {
	list-style-type: none;
	height: 250px;
	margin: auto 20px;
	background: url(../img/clapperboard-b1.gif) no-repeat;
}

#home .right ul li strong  {
	display: block;
	padding: 210px 0 10px 0;
}

#home .right ul a {
	display: block;
}	

#home .right ul a:hover {
	background: url(../img/clapperboard-b2.gif) no-repeat;
	text-decoration: none;
	}


/* 06 generic page */

#page #header {
	height: 130px;
}

#page #content {
	background-color: #fff;
	padding-top: 50px;
	border-top: 1px solid #961C2A;
}

#page #nav {
	 padding: 0;
}

#page #nav ul {
	margin: 0 0 -2px 0;
	padding: 0;
    list-style:none;
    height: 41px;
}

#page #nav ul li {
 	float:left;
 	font-size: 100%;
    margin:0;
    padding:0;
    width: 242px;
    height: 40px;
}

#page #nav ul li.current a {
    background:url(../img/navon.gif) no-repeat right top;
    color: #961C2A;
}

#page #nav ul li#two {
	margin: 0 21px; 
}

#page #nav a {
	display:block;
    padding: 12px 15px;
    color: #fff;
    background:url(../img/navoff.gif) no-repeat right top;
}

#page #nav a:hover {
    background:url(../img/navhover.gif) no-repeat right top;
    text-decoration: none;
}

#sundance, #sydney {
	width: 240px;
	height: 80px;
   	border: 1px solid #E6E6E6;
}


/* Replace headings with product logos */

#sundance {background:url(../img/sundance-logo.gif) no-repeat left top;}
#sydney {background:url(../img/outback-logo.gif) no-repeat left top;}

#sundance span, #sydney span {visibility: hidden;}

/* Create thumbnails for picture gallery */


#bigImage {padding:0 20px 20px 0!important;}
#smallImage1 {padding:0 0 20px 0!important;}
#smallImage2 {padding:0!important;}

#smallImage1,#smallImage2 {
	width:150px;
	height:100px;
	float:none;
	cursor: w-resize;
}

/* Button style for booking link */

.book {
	margin: 20px 10px;
	font-size: 90%;
}

.book a {
	color: #fff;
	background-color: #961C2A;
	padding: 5px 10px;
	font-weight: bold;
	border: 2px groove #E6E6E6;
	overflow: hidden; 
}

.book a:hover {
	background-color: #C12634;
	text-decoration: none;
}

/* Booking form */

#booking-form {
	margin: 0;
	padding: 0;
}

#booking-form fieldset {
	background-color: #E6E6E6;
	border: 1px solid #A5C1CB;
}

#booking-form legend {
	font-size: 110%;
	color: #547AA1;
	background-color: transparent;
}

#booking-form label {
	display: block;
	float:left;
	width: 180px;
	font-size: 90%;
	padding: 3px 5px;
}

#booking-form label em {
	display:block;
	font-style: normal;
	text-transform: uppercase;
	font-size: 80%;
	color: #999;
}

#booking-form input {
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica;
	padding: 3px 5px;
}

.row {padding: 10px 0;border-bottom:1px solid #ccc;}

#submit label {
	visibility: hidden;
}

#submit {
	border-bottom:0!important;
}

#submit input {
	color: #fff;
	background-color: #961C2A;
	padding: 5px 10px;
	font-weight: bold;
	border: 2px groove #E6E6E6;
	overflow: hidden; 
}

#error {
	color: red;
}

#success {
	color: green;
	font-size: larger;
}