* {font-family:Arial, Helvetica, sans-serif;}

body {margin:0; padding:0;}

p, td, div {font-size:12px;}

#page {width:790px; margin:0 auto; padding:0 10px; background:url(../images/page_back.gif) top left repeat-y;}

#nav {width:770px; height:42px; background:url(../images/under-nav.gif) bottom left no-repeat;}
#nav ul {list-style:none; margin:0; padding:0;}
#nav ul li {display:block; width:110px; height:36px; float:left;}
#nav ul li a {display:block; width:110px; height:36px;}
#nav ul li a span {display:none;}
#nav ul li.home {background:url(../images/mnu_home.jpg) top left no-repeat;}
#nav ul li.about{background:url(../images/mnu_about.jpg) top left no-repeat;}
#nav ul li.tariff {background:url(../images/mnu_tariff.jpg) top left no-repeat;}
#nav ul li.tariffs {background:url(../images/mnu_tariffs.jpg) top left no-repeat;}
#nav ul li.enquiry {background:url(../images/mnu_enquiry.jpg) top left no-repeat;}
#nav ul li.contact {background:url(../images/mnu_contact.jpg) top left no-repeat;}

#top {width:790px; height:117px; background:url(../images/top.gif) top left no-repeat; margin:0 auto; padding:0 2px;}

#content { width:760px; padding:5px;}

#sidenav {float:right; width:190px; border:1px dotted gray; padding:5px; background:#a6bbdd;}

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

#sidenav h1 {width:185px; padding-top:1px; padding-bottom:1px; color:black; font-weight:bold; margin:0 0 2px 0;}
#sidenav h1 a {color:white; text-decoration:none; font-size:11px; display:block; border-bottom:1px dotted white;}
#sidenav h1 a:hover {color:yellow;}
#sidenav h1:hover {background:url(../images/mnu_h1_.gif) top left no-repeat; }

.L1UL {list-style:none; margin:0; padding:0; width:180px; display:block;}
.L1UL li {margin:0; padding:0; width:180px;}
#sidenav ul ul {margin-left:10px; display:none;}

.L2UL {list-style:none; display:none; background-color:#fffedf;}
.L2UL li {display:block; border-bottom:1px dashed silver;}
.L2UL li a {display:block; color:black; font-size:11px; text-decoration:none; padding-left:10px; }
.L2UL li a:hover {text-decoration:underline; color:lightblue; }
.L2UL li:hover {background-color:#303060; }


h1 {font-size:14px;}


.prodlist {display:block; margin:0; padding:0; text-align:left; width:550px;}
.prodlist h1 {display:block; width:410px; height:20px; padding-top:5px; padding-left:10px; background:url(../images/h1_bg.gif) top left no-repeat;}
.proditem {display:block; width:90px; height:115px; margin-bottom:15px; padding:5px 10px 10px 5px; background:url(../images/proditem.jpg) top left no-repeat; float:left; vertical-align:bottom; text-align:center; font-size:11px;}
.proditemimg {display:block; height:80px; padding:0; margin:0;}
.proditemimg a {display:block; width:100%; height:100%;}
.proditem a {font-size:11px; color:#333; text-decoration:none;}
.proditem a:hover {color:black; text-decoration:underline;}

.pages a {color:#31ade1;}

#footer {width:770px; padding:0 10px; background:url(../images/footer.gif) top left no-repeat; height:18px; padding-top:10px; margin:0 auto; color:white; text-align:center; font-size:11px;}
#footer a {color:white;}

.indent {color:white; padding-left:5px;}