/* CSS Document */

/* 23/09/09 */

body{
background:#01354d url(../images/bg_gradient.gif) repeat-x top left;
margin:0;
padding:0;
font:12px/18px Arial, Helvetica, sans-serif;
color:#656565;
text-align:left;
}

img{
border:0;}

/*------centres site-----*/
#wrapper{
width:978px;
margin:0px auto;
padding:0;}

#header{
margin:0;
padding:0;
width:978px;}

/*------main navigation-----*/

#menu {
font-weight:bold;
width:966px;
height:41px;
background:url(../images/menu.gif) repeat-x top right;
margin:0 0 0 1px;
padding:0;
text-transform:uppercase
}
#menu ul {
list-style:none;
margin:0;
padding:0;
}
#menu li {
float:left;
/* To create a drop down menu you need the following styles */
position:relative;
padding: 0 1px 0 0;
background:url(../images/menu_divider.gif) top right no-repeat;
}

#menu ul ul {
width:165px;
/*height:206px;*/
display:none;
position:absolute;
background:#1374a5;
background-image:url(../images/dropdown_bg.jpg);
}
/*
#menu ul li:hover ul, #menu ul li.hover ul {
display:block;
}
*/

.productDrop {
display:block;
border:red solid 1px;
}

#menu ul li ul li a {
display:block;
border-bottom:1px solid #6bede8;
background-image:none;
font:12px/18px Arial, Helvetica, sans-serif;
/*height:33px;*/
/*display:block;*/
width:147px;
padding: 6px 0px 6px 18px;
text-transform:none;
}

#menu ul li ul li a:hover {
background-color:#0f6a8c;
}

#menu a,#menu span {
display:block;
text-decoration:none;
color:#6bede8;
padding: 12px 19px 11px 41px;
background: url(../images/menu_bg.gif) top left no-repeat;}

#menu a:hover,#menu span:hover {
text-decoration:none;
color:#FFFFFF;
}

#menu span{
cursor:default;}

/*------white area-----*/
#contentarea{
float:left;
background:#ffffff;
margin: 0 0 0 10px;
padding:0;
width:968px;
}

#contentarea_inside{
float:left;
background-image:url(../images/body_bg.gif);
background-repeat:repeat-y;
margin: 0 0 0 10px;
padding:0;
width:968px;
}

/*------main content area-----*/
#content{
width:566px;
margin: 55px 0 0 38px;
padding:0;
float:left;
display: inline;}

#content a:link{
font-family:11px Arial, Helvetica, sans-serif;
font-size: 12px;
color:#005A84;
text-decoration: underline;}

#content a:visited{
font-family:11px Arial, Helvetica, sans-serif;
font-size: 12px;
color:#54cfb6;
text-decoration: underline;}

#content a:hover{
font-family:11px Arial, Helvetica, sans-serif;
font-size: 12px;
color:#01354D;
text-decoration:underline;}

#content h1{
font-weight:normal;
padding:0 0 0 22px;
margin:0;
font-size:22px;
text-transform:uppercase;
background-image:url(../images/h1-icon.gif);
background-position:left center;
background-repeat:no-repeat;

}

#content ul{
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}
		
#content li{
list-style: none;
padding: 0px 0px 0px 16px;
margin: 0px 0px 0px 0px;
background-image:url(../images/bullet.gif);
background-position:top left;
background-repeat: no-repeat;
}

/*------form-----*/

#formcontent{
background-image:url(../images/body_bg.gif);
background-repeat:repeat-y;
width:566px;
margin: 55px 0 0 38px;
float:left;
display: inline;
padding:0;
font-family:11px Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
}

#formcontent h1{
font-weight:normal;
padding:0;
margin:0;
font-size:22px;
text-transform:uppercase;}


#formcontent ul{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
		
#formcontent li{
list-style: none;
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}

/*------buttons on right-----*/
#right{
float:right;
display:inline;
margin:55px 60px 0 0;
padding:0;
width:240px;}

#right p{
margin:0;
padding:0 0 10px 0;}

#right_inside{
float:right;
display:inline;
margin:55px 0px 0 0;
padding:0;
display:block;
width:326px;
text-align:center;}

#right_inside p{
margin:0;
padding:0 0 10px 0;}

#rightimages img{
border:solid 1px #085b82}

/*------footer image-----*/
#footer{
float:left;
margin:0 0 0 10px;
padding:0px;
background:url(../images/footer.gif) top right no-repeat;
width:968px;
height:120px;}

#footer_inside{
float:left;
margin:0 0 0 10px;
padding:0px;
background:url(../images/inside_footer.gif) top right no-repeat;
width:968px;
height:120px;}

/*------hairylemon link-----*/
#hllink{
float:right;
margin:8px 0 15px 0;
padding:0;
font-size:11px;
color:#2d828f;}

#hllink a{
text-decoration:none;
color:#2d828f;}

#hllink a:hover{
text-decoration:underline;}