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

body {
font-family:Georgia, "Times New Roman", Times, serif;
color:#666666;
height:500px;
}

#top {
position:absolute;
left:0;
top:0;
background-image:url(images/page_top.gif);
width:750px;
height:199px;
}

#left {
position:absolute;
left:0;
background-image:url(images/page_left.gif);
width:170px;
height:105px;
top:199px;
}

.navbar {
position:relative;
}

.navbar a {
text-decoration:none;
color:#666666;
}

.navbar a:hover {
color:#CC3300;
text-decoration:none;
}

#nav {
top:200px;
left:200px;
position:relative;
width:500px;
height:22px;
font-size: 17pt;
}

#navindex {
top:400px;
left:280px;
position:relative;
width:500px;
height:22px;
font-size: 17pt;
}

#product {
position:relative;
width:600px;
font-size:45px;
left:190px;
top:235px;
}

#image {
position:relative;
height:657px;
width:480px;
border:none;
left:150px;
top:250px;
}

#price {
position:relative;
font-size:70px;
width:300px;
left:630px;
bottom:350px;
}

#price a {
color:#666666;
text-decoration:none;
}

#price a:hover {
color:#CC3300;
text-decoration:none;
}

#buy {
position:relative;
font-size:40px;
width:300px;
left:648px;
bottom:340px;
}

#buy a {
color:#666666;
text-decoration:none;
}

#buy a:hover{
color:#CC3300;
text-decoration:none;
}

#details {
position:relative;
width:274px;
font-size:18px;
left:640px;
bottom:280px;
}

#indextop {
position:absolute;
left:0;
top:0;
background-image:url(images/topindex.gif);
width:727px;
height:406px;
}

#indexleft {
position:absolute;
left:0;
background-image:url(images/left.gif);
width:353px;
height:267px;
top:406px;
}

#indextitle {
position:relative;
width:800px;
font-size:40px;
left:50px;
top:115px;
color:#FFF;
}

.table {
position:relative;
top:280px;
left:200px;
font-size:13px;
text-align:center;
}

.table a {
text-decoration:none;
color:#666666;
}

.table a:hover {
color:#CC3300;
text-decoration:none;
}

#hidden {
width:500px;
}

#board1 {
position:relative;
width:301px;
height:62px;
top:500px;
left:300px;
}

#indexboard1{
position:relative;
width:300px;
font-size:30px;
top:505px;
left:320px;
}

#indexboard1 a{
text-decoration:none;
color:#666666;
}

#indexboard1 a:hover {
color:#CC3300;
text-decoration:none;
}

#board2 {
position:relative;
width:301px;
height:62px;
top:520px;
left:600px;
}

#indexboard2{
position:relative;
width:300px;
font-size:30px;
top:525px;
left:622px;
}

#indexboard2 a {
text-decoration:none;
color:#666666;
}

#indexboard2 a:hover {
color:#CC3300;
text-decoration:none;
}

#board3 {
position:relative;
width:301px;
height:62px;
top:540px;
left:300px;
}

#indexboard3{
position:relative;
width:300px;
font-size:30px;
top:545px;
left:340px;
}

#indexboard3 a {
text-decoration:none;
color:#666666;
}

#indexboard3 a:hover {
color:#CC3300;
text-decoration:none;
}

#more {
position:relative;
font-size:30px;
top:565px;
left:700px;
width:200px;
}

#more a {
color:#666666;
text-decoration:none;
}

#more a:hover {
color:#CC3300;
text-decoration:none;
}

#welcome {
position:relative;
top:440px;
width:400px;
left:300px;
font-size:40px;
}

#indexpics {
position:relative;
top:270px;
left:100px;
width:908px;
height:200px;
}