@charset "UTF-8";
/* CSS Document */

body {
background-color: #5799a8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
}
#wrapper {
width: 950px;
height: 700px;
margin: 0 auto;
}
#wrapperproducts {
width: 950px;
height: 100%;
margin: 0 auto;
background: url(images/bg_center.jpg) repeat-y;
}
#branding {
width: 300px;
height: 30px;
float: left;
background: url(images/logo_top.jpg) no-repeat;
}
#nav {
width: 650px;
height: 30px;
float: right;
background-color: #75cbe6;
}

/* NAVIGATION */

ul#navlist {
font-size: 13px;
}
ul#navlist a {
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li {
margin: 0px;
padding: 4px 20px;
list-style-type: none;
}

ul#navlist li {
float: left;
}

ul#navlist li a
{
color: #ffffff;
padding: 0;
}

ul#navlist li a:hover
{
color: #00619c;
}

ul#navlist li a:active
{
color: #00619c;
}

ul#subnavlist { display: none; }
ul#subnavlist li {
float: none;
padding: 0; 
}

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
color: #f3efe8;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 11px;
padding-top: 6px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 250px;
border: solid #FFF 1px;
padding: 4px;
background-color: #75cbe6;
}

/* END NAVIGATION */

#contentwrapper {
height: 640px;
background: url(images/bg_center.jpg) repeat-y;
clear: both;
}
#contentleft {
width: 210px;
float: left;
font-size: 12px;
color: #FFF;
}
#contentleft p {
padding-left: 10px;
}
#contentleft a {
color: #FFF;
font-size: 10px;
}
#contentright {
width: 740px;
float: right;
padding-top: 15px;
border-top: solid #00619c 2px;
}
#contentright p {
padding: 0 35px;
font-size: 14px;
}
#contentright h1 {
padding: 0 35px;
font-size: 18px;
color: #00619c;
font-weight: bold;
}
#footer {
clear: both;
height: 20px;
padding: 5px 0 0 210px;
background: url(images/bg_footer.jpg) repeat-y;
font-size: 10px;
text-align: center;
color: #FFF;
}

table {
font-size: 10px;
}