* { font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; }

body { background: url(../images/background1.gif) repeat-x; background-color: #efd7c6; margin: 0px 0px 0px 0px; }

.waynes_whippy { font-size: 14pt; color: #ffffff; line-height: 18pt; }

.waynes_whippy_slogan { font-size: 10pt; color: #ffffff; line-height: 18pt; }

.waynes_whippy_tel_no { font-size: 16pt; color: #ffffff; line-height: 22pt; font-weight: bold; }

.waynes_whippy_ice_cream_van_hire { font-size: 16pt; color: #600; line-height: 34px; }

p { line-height: 24px; }

h1 { font-size: 18pt; font-weight: bold; color: #ffffff; line-height: 18px; margin: 0px 0px 0px 27px; }

h2 { font-size: 14pt; text-decoration: none; font-weight: bold; color: #990000; line-height: 24px; }

h3 { font-size: 12pt; text-decoration: none; line-height: 18px; }

h4 { font-size: 10pt; text-decoration: none; font-weight: bold; line-height: 16px; }

a:link, a:visited { color: #990000; text-decoration: none; }

a:hover { text-decoration: none; font-weight: bold; }

.navtop, .navtop a:link, .navtop a:visited { font-size: 10pt; color: #ffffff; text-decoration: none; }

.navtop a:hover { font-size: 10pt; text-decoration: none; color: #000000; }

.navbot, .navbot a:link, .navbot a:visited { font-size: 8pt; color: #ffffff; text-decoration: none; }

.navbot a:hover { font-size: 8pt; text-decoration: none; color: #ffffff; }

.footer, .footer a:link, .footer a:visited { font-size: 8pt; color: #660000; text-decoration: none; }

.footer a:hover { text-decoration: none; }

.ows, .ows a:link, .ows a:visited { font-size: 8pt; text-decoration: none; color: #333333; }

.ows a:hover { font-size: 8pt; text-decoration: none; color: #e0b123; }

.feedback, .feedback a:link, .feedback a:visited { font-size: 8pt; text-decoration: none; line-height: 14px; color: #ffffff; }

.feedback b { font-size: 8pt; text-decoration: none; line-height: 14px; color: #ffffff; font-weight: bold; }

.box_headings { color: #ffffff; font-weight: bold; font-size: 18px; }

/** MENU **/
*{ margin: 0; padding: 0; }

#menu{ width: 600px; height: 40px; line-height: 40px; }
 
#menu ul{ list-style: none; padding: 0 10px; }

#menu li{ list-style: none; display: block; float: left; margin: 0 2px; vertical-align: middle; }

#menu li a{ display: block; float: left; color: #897a5a; text-transform: uppercase; font-weight: bold; background: url(../images/menu_l.gif) no-repeat left; padding: 0 0 0 10px; text-decoration: none; cursor: pointer; }

#menu li a span{ display: block; float: left; color: #897a5a; padding: 0 15px 0 5px; background: url(../images/menu_r.gif) no-repeat right; }

#menu li a:hover{ display: block; float: left; background: url(../images/menu_h_l.gif) no-repeat left; }

#menu li a:hover span{ display: block; float: left; color: #574622; background: url(../images/menu_h_r.gif) no-repeat right; }

#menu li a.current{ display: block; float: left; color: #574622; text-transform: uppercase; font-weight: bold; background: url(../images/menu_c_l.gif) no-repeat left; padding: 0 0 0 10px; text-decoration: none; }

#menu li a.current span{ display: block; float: left; background: url(../images/menu_c_r.gif) no-repeat right; color: #574622; padding: 0 25px 0 9px; }

/** FORMS **/

form * {margin:2px ;padding:1px;} /* Standard margin and padding reset, normally done on the body */

legend {
	color:#000; /* IE styles legends with blue text by default */
	*margin-left:-7px; /* A hack that only ie reads to position the legend in the same place cross browser */
}

fieldset {	border:1px solid #dedede; /* Default fieldset borders vary cross browser, so make them the same */ }
fieldset div { overflow:hidden; /* Contain the floating elements */ display:inline-block; /* Give layout in ie to contain float */ }
fieldset div {display:block; } /* Reset element back to block leaving layout in ie */
label { 	float:left; /* Take out of flow so the input starts at the same height */ 	width:5em; /* Set a width so the inputs line up */ }

.radio { 	position:relative; /* Position so children are relative to this container */ 	border:0; /* Remove the border */ } 
.radio span { 	position:absolute; /* Take the content of the legend out of flow */ 	top:0;left:0; /* and position it to the top left of the fieldset */ 	width:5em; /* Same width as labels */ }
.radio ul { 	margin-left:5em; /* Since the legend is out of flow. set margin, so inputs are inline */ 	list-style:none; /* Dont want bullets */ }
.radio li { 	position:relative; /* Fix a bug in IE zoom functionality */ 	display:inline; /* Display the inputs in a line */ 	white-space:nowrap; /* We dont want a label to wrap between the input and label */ }
.radio label, .radio input { 	width:auto; /* Reset the width on the label from the 5em, set earlier */ 	float:none; /* Reset the float from left on the label, set earlier */ 	vertical-align:middle; /* Align the radio buttons with the inputs */ }


/** Images **/

img.border { padding: 4px; border: 1px solid #d1d1d1; margin: 4px 0px 4px 0px; }

img.imgleft { float: left; margin: 4px 6px 5px 0px; }

img.imgright { float: right; margin: 4px 6px 5px 0px; }

img.imgcentre { float: centre; margin: 4px 6px 5px 0px; }

p.quote { padding: 0; margin: 0 auto; }

p.error { color: #ff0000; }