html, body {
background: #FFF;
}

img {
border: none;
}

#header {
width: 760px;
height: 150px;
background: url("/images/header.jpg");
margin: 0 auto 0 auto;
}

#container {
width: 760px;
min-height: 500px;
background: url("/images/bg.jpg");
margin: 0 auto 0 auto;
padding: 5px 0 0 0; /* Firefox */
}

#footer {
width: 760px;
height: 20px;
background: url("/images/footer.jpg");
margin: 0 auto 0 auto;
}

#nav {
height: 29px;
width: 712px;
background: url("/images/navbar.jpg");
margin: 0 auto 5px auto;
padding: 0;
list-style: none;
}

#nav li {
float: left;
margin: 0px 0 1px 0;
padding: 0 15px 0 15px;
border-right: 1px solid #E0E0E0;
text-transform: uppercase;
color: #888;
font: bold 14px/28px "century gothic", "trebuchet MS";
}

#nav li a {
color: #888;
text-decoration: none;
}

#nav li a.active {
color: #1E59B0;
}

#nav li a:hover {
color: #397ADE;
border: none;
}

#content {
background: url("/images/contentbg.jpg");
background-repeat: repeat-x;
width: 702px;
min-height: 500px;
font: 11px/14px Verdana, Tahoma, arial, sans-serif;
color: #666;
padding: 20px 0 0 10px;
margin: 0 auto 0 auto;
overflow: hidden;
}

.article {
width: 520px;
float: left;
}

.article h1 {
font: normal 22px Georgia, "Times New Roman", Times, serif;
color: #444;
margin: 0 0 14px 0;
border-bottom: 1px solid #dadada;
}

.sidebar {
width: 160px;
height: 500px;
margin-left: 20px;
float: left;
}

.article h2, .sidebar h2 {
font: bold 15px "Century Gothic", "Trebuchet MS", sans-serif;
color: #555;
margin: 0 0 14px 0;
}

.sidebar h2 {
display: block;
text-align: center;
}

.article p {
margin: 0 0 14px 0;
}

a {
color: #1E59B0;
text-decoration: none;
}

a:hover {
color: #397ADE;
border-bottom: 2px solid #DDD;
}

.article ul {
margin-top: 14px;
margin-bottom: 14px;
}

.article ul li {
margin-bottom: 4px;
}

.product {
width: 240px;
height: 320px;
margin: 10px 10px 0 0;
border: 2px solid #DDD;
float: left;
background: white;
padding: 2px;
position: relative;
overflow: hidden;
}

.product img {
display: block;
margin: 14px auto 14px auto;
}

.product a:hover {
border: none;
}

.product p {
text-align: center;
}

a.koopnu {
display: block;
width: 150px;
height: 30px;
background: url("/images/koopnu.jpg");
position: absolute;
bottom: 10px;
left: 46px;
}

p.koopnurev {
text-align: center;
}

p.koopnurev a:hover{
border: none;
}

/* MINI PRODUCT VIEW */

.miniproduct {
width: 151px;
height: 200px;
margin-bottom: 10px;
border: 1px solid #DDD;
background: white;
padding: 3px;
overflow: hidden;
}

.miniproduct img {
display: block;
margin: 10px auto 30px auto;
}

.miniproduct a:hover {
border: none;
}