body {
	text-align: center;
	background:#242424 url('images/background01.gif') repeat;
	font: 12px arial,helvetica,san-serif;
	line-height:130%;
	color:#FFF;}

#container {
	width: 750px;
	margin: 5px auto;
	padding:0;
	text-align: left;
/*	border:1px solid #000;*/
	background:transparent;}

#top {
	position:relative;
	width:750px;
	height:120px;
	padding:0;
	margin:0;
	background-color:transparent;}

#bottomtop {
	position:relative;
	width:750px;
	height:30px;
	padding:0;
	margin:0;
	background-color:#E42625;
	border-bottom:1px solid #FFF;
	font:900 22px verdana,arial,helvetica,san-serif;
	color:#FFF;
	text-align:right;}

#leftcolumn {
	width:215px;
	float:left;
	background:transparent;
	padding:0;
	margin:0;}

#content {
	padding:10px;
	margin-left:230px;
/*	border-left:dashed 1px #FAEC0E;*/
	background-color:transparent;}

h1 {margin:25px 0; font:900 18px verdanda, arial,helvetica,san-serif;color:#FFF;}
h2 {margin:15px 0; font:900 14px verdana, arial,helvetica,san-serif;color:#FFF;}
h3 {margin:15px 0; font:900 12px verdana, arial,helvetica,san-serif;color:#FFF;}
#top img.logo {position:absolute; top:135px; left: 5px; z-index:2;}
#leftcolumn p {margin:0 12px; line-height:140%; color:#999; font-weight:900;}
#leftcolumn .sig{color:#666; font-weight:400; text-align:right; margin-right:10px;}
#contactinfo span.bold {font-weight:900; color:#E52826;}
#contactinfo span.pad {padding-left:245px;}
div.withbeginquote {background:url(images/quote-begin.gif) no-repeat;background-position:top left;padding-left:20px;margin-left:5px;text-align:justify;}
p.withendquote {background: url(images/quote-end.gif) no-repeat;background-position:bottom right;padding-right:5px;}
/*.caption {float:right; margin: 0 0 0 5px; color:#1E580E; font:12px arial,helvetica,san-serif; text-align:right;}*/
.caption {float:right; margin: 0 0 0 5px; color:#999; font:12px arial,helvetica,san-serif; text-align:right;}
.generalbox {width:90%; border:2px dotted #834621; background:#F8E5C8; padding:5px;}
div.picturetrap {width:510px; float:right;margin:2px 0 0 0; padding:0;border:1px solid #FFF; }
/*.picturetrap img {border:1px solid #FFF; float:right;}*/
#bottomtop img {position:absolute; top:5px; right:5px;}
#bottomtop span {padding-right:35px;}
.pictures img {float:left; border:1px solid #FFF; margin:5px; width:110px;}
div.displayproduct {width:510px;overflow:hidden; border:1px solid #999; margin:0; padding:5px;}
span.displaypic img {border:1px solid #FFF;}
span.displaypic {float:left;  margin:0 15px 10px 0; width:150px; font:11px arial,helvetica,san-serif; text-align:left;}
span.displaypic a {color:#FFF; text-decoration:underline;}
span.displaypic a:hover {color:#F00; text-decoration:none;}
div.withbeginquote {background:url(images/quote-begin.gif) no-repeat;background-position:top left;padding-left:20px;margin-left:5px;text-align:justify;}
p.withendquote {background: url(images/quote-end.gif) no-repeat;background-position:bottom right;padding-right:5px;line-height:150%;}
#signupbox {width:135px;margin:5px -5px 5px 5px; padding:0; float:right; background:#666; border:1px solid #999;}
#signupbox div.signupheader {width:131px; margin-bottom:5px; padding:2px;background:#333; border-bottom:1px solid #999; font:900 14px arial,helvetica,san-serif; color:#808080;}
p.signuptext {padding:0 5px;}
p.signuptext a, a:visited, a:active {text-decoration:underline; color:#FFF;}
p.signuptext a:hover {text-decoration:none; color:#FFA061;}
a:link, a:visited, a:active{color:#FFF; text-decoration:none;}
a:hover {color:#FF0;}


#contactinfo {
	width:750px;
	clear: all;
	margin: 0;
	font:400 10px verdana;
	color:#808080;
	padding:0;}

/* |||||||||||||||||||||||||||||||||||||||| MENU begins */

dl .menu {
	width:200px;
	background:transparent;
	margin:0;
	padding:0;}

.menu dt {
	padding: 2px 2px 2px 10px;
	margin: -10px 0 0 0;
	display:block;
	line-height:1.5em
	background: #FFCC00;
/*	background-color:#FFC527;*/
	border:1px solid #E42625;}

.menu dd {
	margin:2px 0 0 0;
	padding:0;
	display:block;
/*	background:#000;*/
	background:transparent;
	border:1px solid #CCC;
	text-decoration: none;}

.menu dd a {
	display: block;
	padding: 2px 2px 2px 10px;
	margin: 0;
	background: #828282;
	line-height:1.5em;
	color: #FFF;
	text-decoration: none;}

.menu dd a:hover {
	color:#FFF;
	background: #E42625;}

	body.home dl.menu dd.home a,
	body.about dl.menu dd.about a,
	body.technical dl.menu dd.technical a,
	body.product dl.menu dd.product a,
	body.step dl.menu dd.step a,
	body.conditions dl.menu dd.conditions a,
	body.credit dl.menu dd.credit a,
	body.buy dl.menu dd.buy a,
	body.contact dl.menu dd.contact a,
	{background:#FFF; color:#F00;text-decoration: none;}

/* |||||||||||||||||||||||||||||||||||||||| menu ends */
/* |||||||||||||||||||||||||||||||||||||||| ORIGcontact form begins

This is from romankoch.ch and is rock-solid in IE and Fox
    Works with the div coding on warwickzfarm.com contact & schedule pages
    The border-top instructions avoids cascades from #menu
    These styles use float and clear, so the following markup is required to protect the remainder of the page:

        <div style="width: 100%; overflow: hidden;">
    	<dl>
    	</dl>
    	<div style="clear: both;"></div>
    </div>

    dl.contactform {
    	width: 90%;
    	margin: 0;
    	padding:0;}

    .contactform dt {
    	font-weight: bold;
    	float: left;
    	clear: left;
    	width: 20%;
    	text-align:right;
    	margin: 0 0 2px 0;
    	background:transparent;
    	color:#000;}

    .contactform dd {
    	float: left;
    	width:75%;
    	margin: 0 0 2px 25px;
    	border-top:none;}

    * html .contactform dd {
    	float: none;
    	margin-left: 20%;}

    * html .contactform dt {
	margin: 0;}

|||||||||||||||||||||||||||||||||||||||| ORIGcontact form ends */

/* |||||||||||||||||||||||||||||||||||||||| contactform begins */
/* This is from romankoch.ch and is rock-solid in IE and Fox
    Works with the div coding on warwickzfarm.com contact & schedule pages
    The border-top instructions avoids cascades from #menu
    These styles use float and clear, so the following markup is required to protect the remainder of the page:

        <div style="width: 100%; overflow: hidden;">
    	<dl>
    	</dl>
    	<div style="clear: both;"></div>
    </div>    */

dl.contactform {
	width: 90%;
	margin: 0;
	padding:0;}

.contactform dt {
	font-weight: bold;
	color:#000;
	float: left;
	clear: left;
	width: 15%;
	text-align:right;
	margin: 0 0 2px 0;
	background:transparent;}

.contactform dd {
	float: left;
	width:83%;
	margin: 0 0 2px 2%;
	border-top:none;}

* html .contactform dd {
	float: none;
	margin-left: 15%;}

* html .contactform dt {
	margin: 0;}
/* |||||||||||||||||||||||||||||||||||||||| contactform ends */
/* |||||||||||||||||||||||||||||||||||||||| ORIGgeneral form begins */

dl.generalform {
	width: 90%;
	margin: 0;}

.generalform dt {
	font-weight: bold;
	float: left;
	clear: left;
	width: 20%;
	text-align:right;
	margin: 0 0 1px 0;}

.generalform dd {
	float: left;
	width: 75%;
	margin: 0 0 1px 25px;
	border-top:none;}

* html .generalform dd {
	float: none;
	margin-left: 20%;}
* html .generalform dt {
	margin: 0;}

/* Next two lines for Fox only */
div.clearformtop {width: 100%; overflow: hidden;}
div.clearformbottom {clear:both;}

/* |||||||||||||||||||||||||||||||||||||||| ORIGgeneral form ends */
/* |||||||||||||||||||||||||||||||||||||||| general form begins */
dl.generalform {
	width: 90%;
	margin: 0;}

.generalform dt {
	font-weight: bold;
	float: left;
	clear: left;
	width: 20%;
	color:#FAEC0E;
	margin: 0 0 1px 0;}

.generalform dd {
	float: left;
	width: 75%;
	margin: 0 0 1px 2%;}

* html .generalform dd {
	float: none;
	margin-left: 20%;}
* html .generalform dt {
	margin: 0;}
span.generalformanchor a {
	color:#FFF;
	text-decoration:underline;
span.generalformanchor a:hover {
	color:#FAEC0E
	text-decoration:none;}

/* |||||||||||||||||||||||||||||||||||||||| general form ends */