/*BODY STYLING-------------------------------------------------------*/
body { font-family: arial; color: #333; background: #000; margin: 0; line-height: 1.4em; letter-spacing: 0.02em; text-align: center;}
html { }
h1 { font-size: 160%; color: #333; font-weight: bold; margin: 0 0 10px 0; }
h2 { color: #333; font-size: 90%; margin: 0 0 5px 0; } 
h3 { font-size: 120%; color: #fff; font-weight: bold; margin: 0 0 10px 0; padding: 2px; background: #ff0000; }
a:link, a:active , a:visited { color: #FF0000; text-decoration: underline;}
a:hover { color: #333; text-decoration: none; }

#news a:link, a:active , a:visited { color: #FF0000; text-decoration: none;}
#news a:hover { color: #333; text-decoration: none; }

.imgfloatleft { float: left; margin-right: 10px; border: 3px solid #FF0000; }
.imgfloatright { float: right; margin-left: 10px; border: 3px solid #FF0000; }

hr { 
 color: #f00;
background-color: #f00;
height: 2px;
border: none;

}

/*HEADER AND MAIN BODY-------------------------------------------------------*/
#wrapper { width: 800px; text-align: left; margin:5px auto 0 auto; background: #fff; border: 2px solid #ff0000;}
#header {  width: 800px; height: 99px; margin: 0; background: url(images/header.jpg) #000;}
.top-patch {float:right;} .logo { float: left; border: 0 none;}
.prd-patch { margin-right: 40px; border: 0;}
#main { float: left; display: inline; width: 620px; margin: 20px 0 0 29px; font-size: 75%; text-align: left;}
#main-home { float: left; display: inline; width: 460px; margin: 20px 25px 0 29px; font-size: 75%; text-align: left;}
#news {float: left; width: 150px; text-align: left;}
#prds { float:left; padding: 0; text-align: left; }
#contact-maps {float: left; width: 250px; margin: 50px 0 0 80px; }
#headertel {float: left; color: #fff; margin: 5px 0 0 320px; font-size: 90%;}

#prd-column { float:left; width: 250px; margin: 0px; text-align:left; font-size: 90%; text-transform: uppercase;}

#prd-column a:link, a:active { text-decoration: none; } #prd-column a:visited { text-decoration: none; }

#prd-specials { padding: 2px; background: #eaeaea; border-bottom: 1px solid #ececec; width: 430px; margin: 30px 0 30px 0;}
#prds-search { background: url(images/prd-main-srchbg.jpg); background-position: top left; width: 600px; height: 21px; padding: 9px; font-size: 11px; }
.prd-search-button { width:30px; height:18px; border: 1px solid #BBBBBB; background: #ccc; font-size: 10px; margin-left: 20px;   }
#enquirybutons { text-align: right;}
.enquiry-buttons { margin: 2px; border: none;}

/*PRD SEARCH BAR-------------------------------------------------------*/
.input { height: 17px; border: 1px solid #ccc; font-size: 10px; text-transform:lowercase; }
#prds-search select { height: 20px; border: 1px solid #ccc; font-size: 10px; text-transform:lowercase;}
#breadc { font-size: 90%;}

/*TOPNAV-------------------------------------------------------*/
#navtop { float: left; display: inline; margin-top: 0; width: 800px; height: 33px; background-image: url(images/navbg.jpg);}
#nav-inner { font-size: 12px; margin: 7px 0 0 155px; text-transform: uppercase; font-weight: bold;}
#nav li
{
display: inline;
list-style-type: none;
padding-right: 15px;
padding-left: 15px;
border-right: 1px solid #fff;
}
ul#nav { margin: 0; padding: 0;}
#nav a:link, a:active, a:visited { color: #fff; text-decoration: none;}
#nav a:hover { color: #660000; text-decoration: none; }

/*LEFTNAV-------------------------------------------------------*/
#navcontainer { background: #ececec; float: left; font-size: 70%; text-align: left; width: 125px; padding: 0;  } 
#navl li {
list-style-type: none;
margin: 8px;
}
#navl ul li {

padding: 2px;
}
ul#navl { margin: 0; padding: 2px;}
#navl a:link, a:active, a:visited { color: #333; text-decoration: underline;}
#navl a:hover { color: #999; text-decoration: none; }

/*DROP DOWN PRD NAV*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {text-transform: uppercase; }

#menu dt {
cursor: pointer;
margin: 1px 1px;
padding: 1px;
font-size: 90%;
line-height: 20px;
text-align: left;
font-weight: normal;
border-bottom: 1px solid #ececec;
background:  url(images/dt-bg.jpg);
color: #FF0000;
}

a.nav {
cursor: pointer;
margin: 1px 1px;
padding: 1px;
font-size: 12px;
line-height: 20px;
text-align: left;
font-weight: bold;
border-bottom: 1px solid #FF0000;
background: #fff;
color: #FF0000;
}

#menu dd {

border: 0;

font-size: 100%;

}

#menu li {

text-align: left;

background: #fff;

padding: 1px;

margin: 1px;

font-size: 80%;

}

#menu dt a {

color: #FF0000;

text-decoration: none;

display: block;

border: 0 none;

height: 100%;

}



#menu li a 

{

color: #333;

text-decoration: none;

display: block;

border: 0 none;

height: 100%;

}



#menu dt a:hover {
background: #ececec; color: black;
}
#menu li a:hover { background: #ececec; color: red;}


/*FORM STYLING*/
#form { float: left; width: 260px;}
fieldset { border: none 0;}
.field { width: 180px; height: 20px; border: 1px solid #666; font: 14px arial; padding: 2px;}
.textarea { width: 220px; height: 100px;  border: 1px solid #666; font: 14px arial; padding: 2px;}
.select { width: 150px; height: 20px; border: 1px solid #666; font: 14px arial;}
.required {color: red;}
label {font-size: 90%; font-weight: bold;}

/*FOOTER*/
#footer { padding: 8px; font-size: 75%; text-align: center; margin: 10px auto; color: #fff; line-height: 1.8em; width: 800px;}
#footer a:link { color: #ff0000; text-decoration: none;}
#footer a:active { color: #ff0000; text-decoration: none;}
#footer a:hover { color: #ccc; text-decoration: none; }
#footer a:visited { color: #ff0000; text-decoration: none;}
.aclogo { margin: 4px; }
#foot-logos { float: right;}

/*DIV CLEARER*/
.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}