@charset "UTF-8";
/* CSS Document */

@import "ecommerce.css";

* {
	margin: 0;
	padding: 0;
}

body {
	position: relative;
	margin: 0 auto;

	background-color: #fdd355;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

body, div#masthead, div#masthead ul { width: 991px; }

/* MASTHEAD */
div#masthead {
	height: 275px;
}

div#masthead ul {
	position: relative;
	top: -5px;
	z-index: 2;
	list-style-type: none;
	height: 49px;
	background: url(../images/headerMenu.png) top left no-repeat;
}

div#masthead ul li { float: left; }

div#masthead ul li, div#masthead ul li a {
	display: block;
	height: 49px;
}

div#masthead ul li a#home { width: 172px; }
div#masthead ul li a#holidaycaravans { width: 161px; }
div#masthead ul li a#camping { width: 163px; }
div#masthead ul li a#cottages { width: 162px; }
div#masthead ul li a#caravansforsale { width: 162px; }
div#masthead ul li a#booking { width: 171px; }

div#masthead ul li a {
	border: 0;
	text-decoration: none;
}

div#masthead ul li a:hover {
	background-image: url(../images/headerMenu.png);
	background-position: 0 0;

}

div#masthead ul li a#home:hover { background-position: 0 49px; }
div#masthead ul li a#holidaycaravans:hover {  background-position: -172px 49px; }
div#masthead ul li a#camping:hover {  background-position: -333px 49px; }
div#masthead ul li a#cottages:hover {  background-position: -495px 49px; }
div#masthead ul li a#caravansforsale:hover {  background-position: -657px 49px; }
div#masthead ul li a#booking:hover {  background-position: -819px 49px; }

/* LEFT SIDE MENU */
div#rightMenu {
	float: left;
	width: 332px;
}

div#rightMenu img {
	border: 1px solid #fdd355;
	margin-bottom: 10px;
}

/* PAGE CONTENT */
div#container {
	position: absolute;
	top: 319px;
	width: 991px;
	background: url(../images/bodyBG.png) top left repeat-y;
	padding-top: 20px;
}

div#innerContent {
	float: left;
	width: 599px;
	margin-right: 20px;
}

div#innerContent.wide { width: 991px; }

div#content, ul#footer { position: relative; }

div#content {
	top: 0px;
	float: left;
	width: 991px;
	left: 20px;
}

div#content h1 {
	clear: both;
	padding-bottom: 20px;
	color: #fb7a05;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 21px;
}

div#content h2 {
	width: 100%;

	color: #544001;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	padding-top: 10px;
	margin-bottom: 10px;
}

div#content h3 {
	clear: both;
	padding-top: 20px;
	color: #fb7a05;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 20px;
	font-style: italic;
}

div#content h3 a {
	font-weight: normal;
	text-decoration: underline;
}

div#content h3 a:hover { color: #009966; }

div#content a {
	color: #a3620a;
	font-weight: bold;
	text-decoration: none;
}

div#content a:hover { text-decoration: underline; }

div#content p {
	margin: 5px 0 15px 0;
	color: #544001;
	text-align: justify;
	line-height: 17px;
}

#content ul {
	color: #544001;
	margin-left: 40px;
}

#content #innerContent.wide div.half {
	float: left;
	clear: none;
	width: 480px;
	margin: 0 10px;
}

#content #innerContent.wide img {
	border: 1px solid #fdd355;
	float: left;
}

#content a.linkButton {
	display: block;
	float: left;
	width: 150px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-color: #fdd355;
	border: 1px solid #a3620a;
	margin-left: 20px;
}

/* TABLE STUFF */
table {
	width: 90%;
	border-collapse: collapse;
	margin-bottom: 10px;
}

table tr th {
	text-align: left;
	background-color: #fff8e1;
}

table tr td, table tr th {
	color: #544001;
	padding: 4px;
	border: 1px solid #fdd355;
}

/* HOME PAGE FLASH BANNER */
#top, #banner { width: 991px; }
#top { height: 98px; }
#banner {
	position: relative;
	top: -2px;
	height: 177px;
}

/* FLOAT BOX */
div#floatBox {
	float: left;
	width: 150px;
	margin-right: 10px;

	border: 1px solid #fdd355;
	background-color: #fff8e1;
}

div#floatBox p {
	margin: 0;
	padding: 7px 5px;

	color: #fe7b07;
	font-size: 11px;
	text-align: center;
}

/* CATEGORY NAV BAR */
ul.categoryNav {
	width: 100%;
	height: 33px;

	background: url(../images/h2bg.png) top left no-repeat;
	list-style-type: none;
}

ul.categoryNav li {
	float: left;
	line-height: 28px;
}

ul.categoryNav li#numProducts {
	padding-left: 40px;
	width: 135px;
}

ul.categoryNav li#sortBox {
	float: right;
	padding-right: 5px;
	width: 250px;
	text-align: right;
}

ul.categoryNav li#sortBox form select, ul.categoryNav li#sortBox form input {
	font-size: 11px;
	border: 1px solid #555;
}

ul.categoryNav li#pageNav {
	padding-left: 40px;
}

/* CONTACT FORM */
form#contact {
	float: none;
	width: 500px;
	margin: 0 auto;
}

form fieldset { border: 0; }
span.highlight { color: #cc003a; }
form#contact label, form#contact input, form#contact textarea {
	margin-top: 10px;
	float: left;
}

form#contact h2, form#contact p { margin-left: 20px; }
form#contact h2 { padding-top: 20px; clear: both; }

form#contact p {
}

form#contact label {
	display: block;
	width: 125px;
	text-align: right;
	padding-right: 10px;
	color: #544001;
}

form#contact input.checkbox {
	width: auto;
	clear: left;
	margin-left: 40px;
}

form#contact label.checkbox {
	width: auto;
	text-align: left;
	padding-right: 0;
	padding-left: 10px;
	font-size: 11px;
}

form#contact label.large { width: 300px; clear: left; }
form#contact input.text, form#contact textarea {
	width: 250px;
	padding: 3px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

form#contact input.text.small { width: 75px; }

/* WEBCASTLE BRANDING */
a#webcastle {
	padding: 1px 3px;

	font-size: 11px;

	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-style: oblique;

	color: #0043f3;
	background-color: #fff;
	border: 1px solid #555;
}

a#webcastle span { color: #fd1824; }

a#webcastle:hover {
	color: #4376ff;
	border-color: #7d7d7d;
}

a#webcastle:hover span { color: #fe686f; }

/* FOOTER */
ul#footer {
	top: 0px;
	clear: both;

	padding-top: 30px;
	width: 991px;
	height: 50px;

	text-align: center;
	background: url(../images/footerBG.png) top left no-repeat;
}

ul#footer li {
	display: inline;
	margin: 0 15px;
	font-size: 11px;
	color: #544001;
}

ul#footer li a {
	color: #c86104;
	font-weight: normal;
}

ul#footer li a img { border: 0; }
ul#footer li a:hover { color: #009966; }