/* Global Styles */



body {

	background-color: #660000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 16px;

	}



#monthformat {

	border-bottom: 2px solid #E6F3FF;

		}

		

#dateformat {

	font:10px Verdana, Arial, Helvetica, sans-serif;

	color: #CCCCCC;

	letter-spacing:0.2em;

	}

	

#dateformat a {

	font:11px Verdana, Arial, Helvetica, sans-serif;

	color: #003366;

	font-weight:bold;

	letter-spacing:.1em;

	}

	

#dateformat a:hover {

	color: #FF6600;

	letter-spacing:.1em;

	}

	

.pageName{
	color: #66FF00;
	line-height:24px;
	letter-spacing:0.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;

	}

.legal {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 8pt;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	text-decoration: underline;

	color: #FFFFFF;

}





.quote {

	font: 20px Verdana, Arial, Helvetica, sans-serif;

	color: #759DA1;

	line-height:30px;

	}



	

.daterow {

	background-color: #666666;

	height: 20px;

	vertical-align: middle;

}

.leftmenu {
	background-color: #CCCCCC;

}

.bodycontent {
	background-color: #FFFFFF;
	height: 150%;
	color: #666666;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding: 10px;
	vertical-align: top;

}



		/*this is the css for the vertical version*/

		.vertical ul{

	list-style-type: none;

	padding: 0;

	width: 194px;

	margin: 0;

	position: relative;

		}

		.vertical li a{

	display: block;

	width: 190px;

	text-decoration: none;

	border: 1px solid;

	border-top: 0px;

	padding-top: 0.1em;

	padding-right: 1px;

	padding-bottom: 0.1em;

	padding-left: 1px;

		}

		.vertical li{

			position: relative;

			border-bottom: 1px solid transparent;

			margin-bottom: -1px;

		} 

		.vertical li:first-child>a{

			border-top: 1px solid;

		}

		.vertical a.first{

			border-top: 1px solid;

		}

		.vertical li ul{

	position: absolute;

	top: -1px;

	left: 193px;

		}

		.vertical.left ul ul ul,.vertical .left ul{

			left: -203px;

		}

		/*here we use a little CSS to make a basic/backup dropdown menu in modern browsers *cough* not IE6 or less *cough* if javascript is disabled.Flickering never happens in these browsers*/

		.mlmenu li ul{

			display: none;

		}

		.mlmenu li:hover>ul{

			display: block;

		}

		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/

		.accessible li ul{

			display: block;

		}

		/*Code to show an element has a child*/

		.mlmenu.plus li a:first-child:not(:last-child):after{

			content: '+';

		}

		.plus a span{

			padding-left: .5em;

		}

		.noshow{

			visibility: hidden;

		}

		/*colors for menu*/

		.blackwhite li a{
	background-color: #666666;
	color: #FFFFFF;
	border-color: #66FF99;

		}

		.blackwhite li a:hover,.blackwhite li a.first:hover,.blackwhite .trail a.hover{
	background-color: #66FF66;
	color: #000;
	border-color: #8F2436;

		}

		.blackwhite li:first-child>a:hover{
	background-color: #66FF66;
	color: #000;
	border-color: #66FF66;

		}

		.blackwhite ul{

	border-color: #66FF66;

		}

h3 {

	color: #84403F;

	font-weight: normal;

	font-size: 14px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

a {

	color: #990000;

}

fieldset {

	border: 1px solid #A20052;

	padding: 3px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

}

.imagebox {
	vertical-align: middle;
	background-color: #FFFFFF;
	text-align: right;

}

.product {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	border: 1px solid #8F2436;
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	vertical-align: top;

}

.productheading {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #84403F;

}

.productcost {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

}

.bannerhead {

	height: 200px;

	width: 999px;

	background-image: url(../images/banner.jpg);

	text-align: center;

}

.productdesc {

	vertical-align: top;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.warranty {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}
.warranty2 {
	border: thin solid #8F2436;
}
.weight {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #8F2436;
	text-align: center;
}
.spare {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #8F2436;
	text-align: center;
}
table.primrose {
	background-color: #fff8dd;
	border: thin solid #660000;
}
table.ironstone {
	background-color: #CCCCCC;
	border: thin solid #8F2436;
}
table.grass {
	background-color: #367c2b;
	border: thin solid #8F2436;
	color: #FFFFFF;
}
table.hawthorn {
	background-color: #00442a;
	border: thin solid #8F2436;
	color: #FFFFFF;
}
.colour {
	background-color: #CCCCCC;
}

