/* CSS Document */

body {
background: #000;
margin: 0;
padding: 0;
font-size: medium;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif
}

img {
border: none
}

p {
font-size: 70%;
padding: 6px;
text-align: center
}

h1 {
margin: 12px 0 -6px 0;
font-size: 110%;
text-align: center
}
h2 {
font-size: 96%;
text-align: center;
background: #D3D3D3
}
h3 {
margin: -12px 0 0 0;
text-align: center;
font-size: 96%;
}
#wrapper {
width: 750px;
margin: 0;
padding: 0;
background: #000;
color: #000
}

#header {
background: #000 url(../images/head_back.jpg) repeat-x top left;
height: 115px;
width: 750px%
}

#linkstrip {
text-indent: 20px;
background: #000;
margin: 0 0 4px 0;
color: #000;
padding: 0;
width: 742px;
line-height: 12px
}
#linkstrip table {
margin: 0 0 0 -4px;
padding: 0
}
table td.home a {
width: 125px;
height: 25px;
background-image: url(../images/home_but.jpg)
}
table td.home a:hover {
background-image: url(../images/home_but_hover.jpg)
}

#linkstrip ul {
margin: 4px;
list-style-type: none
}
#linkstrip ul li {
float: left;
margin: 0 4px
}

#maincontent {
min-height: 100%;
width: 750px;
background: #d3d3d3
}
#indexcontent {
height: 100%;
width: 742px;
background: #000
}

#section {
float: left;
margin: 0 2px;
padding: 0;
border: 0;
background: #000;
height: 200px;
width: 360px
}

#section a:hover {
background: transparent
}
#section a img {
border: 0;
padding: 0;
margin: 0
}

#section a span {
display: none;
}
#section a:hover span {
display: block;
position: relative; 
top: -166px; 
left: 20px; 
width: 225px;
padding: 5px; 
margin: 0; 
z-index: 1000;
color: #000; 
background: #fff;
font-size: 80%; 
text-align: center;
border: 3px solid #DC000B;
text-decoration: none
}

#sidelinks {
float: left;
width: 150px;
height: 100%;
background: #D3D3D3;
font-size: 86%
}
#sidelinks li {
border: 1px solid #A6A6A6;
padding: 2px
}
#sidelinks li .head{
background: #DC0316;
color: #fff
}

#productmain {
float: left;
background: #fff;
width: 600px;
height: 100%;
padding: 0 0 60px 0
}
#productleft {
float: left;
width: 40%;
height: 100%
}

#productleft #picbox {
float: left;
/*background: #DC000B;
width: 183px;
height: 279px;*/
margin: 10px 7px 10px 5px;
border: 6px solid #DC000B
}

#productleft #infobox {
clear: both;
float: left;
margin: 0 2px 20px 4px;
width: 206px;
height: 228px;
background: #fff url(../images/info_box.gif) no-repeat top left;
}
#productleft #infobox table {
margin: 10px 0 0 12px;
font-size: 66%
}

#productright {
width: 60%;
background: #fff url(../images/corner_logo.jpg) no-repeat bottom center;
float: left;
height: 100%
}

ul {
font-size: 76%;
margin: 8px
}
.product li {
font-size: 80%
}

ul li a {
text-decoration: none
}
ul li a:link {
color: #000
}
ul li a:hover {
background: #fff;
color: #B61326
}
ul li a:visited {
color: #B61326
}

#footer {
clear: both;
float: left;
background: #000 url(../images/torn_bottom.jpg) no-repeat bottom left;
height: 30px;
width: 100%
}
br {
clear:both
}