body {
background: #cc9933;
font-family: arial;
}
a {
text-decoration: none;
color: #000000;
}
a#about {
position: relative;
top: 10px;
left: 40px;
}
a#about img {
height: 20px;
width: 98px;
background-image: url('aboutoff.png');
border: 0px;
}
a#about:hover img {
height: 20px;
width: 98px;
background-image: url('abouton.png');
border: 0px;
}
a#contact {
position: relative;
top: 10px;
left: 50px;
}
a#contact img {
height: 16px;
width: 70px;
background-image: url('contact.png');
border: 0px;
}
a#contact:hover img {
height: 16px;
width: 70px;
background-image: url('contacton.png');
border: 0px;
}
a#account {
position: relative;
top: 18px;
left: 70px;
}
a#account img {
height: 24px;
width: 79px;
background-image: url('account.png');
border: 0px;
}
a#account:hover img {
height: 24px;
width: 79px;
background-image: url('accounton.png');
border: 0px;
}
a#logout {
position: relative;
top: 20px;
left: 90px;
}
a#logout img {
height: 29px;
width: 38px;
background-image: url('logout.png');
border: 0px;
}
a#logout:hover img {
height: 29px;
width: 38px;
background-image: url('logouton.png');
border: 0px;
}
a#login {
position: relative;
top: 20px;
left: 90px;
}
a#login img {
height: 29px;
width: 38px;
background-image: url('login.png');
border: 0px;
}
a#login:hover img {
height: 29px;
width: 38px;
background-image: url('loginon.png');
border: 0px;
}
a#checkout {
position: relative;
top: 10px;
left: 110px;
}
a#checkout img {
height: 20px;
width: 57px;
background-image: url('checkout.png');
border: 0px;
}
a#checkout:hover img {
height: 20px;
width: 57px;
background-image: url('checkouton.png');
border: 0px;
}
.wrapper {
background: url('background.png');
position: absolute;
left: 50%;
width: 769px;
height: 713px;
overflow: hidden;
margin-left: -385px;
border: #000000 solid 4px;
}
.top {
display: block;
background: none;
width: 400px;
height: 95px;
position: relative; 
left: 350px;
top: 0px;
}
.contentbox {
background: none;
position: relative;
top: 20px;
left: 35px;
color: #000000;
width: 440px;
height: 510px;
color: #660000;
font-size: 12px;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
padding: 5px;
}
.formbox {
background: none;
position: relative;
top: 20px;
left: 35px;
color: #000000;
width: 445px;
height: 520px;
color: #660000;
font-size: 10px;
overflow: auto;
overflow-x: hidden;
overflow-y: scroll;
text-align: center;
}
.categorybox {
width: 200px;
background: none;
position: relative;
bottom: 440px;
left: 540px;
font-family: courier;
font-size: 18px;
}
.categorybox a {
color: #FF6666;
font-style: italic;
}
.categorybox a:hover {
color: #FFFFFF;
}
.categorybox p {
line-height: 15px;
}
.pzd {
position: relative;
bottom: 210px;
left: 170px;
display: block;
width: 175px;
height: 12px;
background: none;
}