/* CSS Document */
/* HTML tag styles   */
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
line-height: 1.3;	
margin: 0px;
padding: 0px;
text-align: center;
}

p {
font-family: Verdana;
font-size: x-small;
color: #666666;
}

a:link {
color: #df002c;
text-decoration: none;
}

a:visited{
color: #df002c;
text-decoration: none;
}

a:hover {
text-decoration: underline;
color: #df002c;
}

h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 120%;
color: #334d55;
}

h2{
font-size: 114%;
color: #cc3300;
}

h3{
font-size: 105%;
color:#000000;
}

h4{
font-size: 110%;
font-weight: normal;
color: #333333;
font-weight:bold
}

h5{
font-size: 100%;
color: #334d55;
}

ul{
list-style-type:square;
}

ul ul{
list-style-type: disc;
}

ul ul ul{
list-style-type: none;
}

/* div id */

#site  {
width: 850px;
background-color: #ffffff;
margin: 0 auto; 
text-align: left;
border-left: 2px white solid;
border-right: 2px white solid;
}

#siteg  {
width: 850px;
background-color: #ffffff;
margin: o auto; 
text-align: left;
border-left: 1px red solid;
border-right: 1px red solid;
}

#logo {
background-color: #FFFFFF;
border-bottom: red 3px solid ; 
width:auto;
float: left;
margin-right: 0px;
height: 58px;
}
		

		
#content {
background: #ffffff;
padding-left: 10px;
border-left: red 3px solid ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
margin-left: 161px;
min-height: 800px;
}

#footer {
background-color: #FFFFFF;
clear: left;
text-align:center;
vertical-align:top;
width: 849px;
border-top: 2px #FF0000 solid; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
color:#000000;
}

#footer p {
margin-top: 0; margin-bottom: 0;
}

/* start horiz slidetabs */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    


#table1 {
border: 2px solid #FF0000; }

.baseline{ font-size:xx-small;
color:#ffffff;

}

.contactbox {width: 250px;
float: left;
margin-left: 10px;
margin-top: 25px;
padding-left: 30px;
}

.clearboth{ clear: both;
}
#baseimage{width: 200px;
float: left;
margin-left: 0px;
}
.productbox {width: 250px;
font-size: x-small;
float: left;
margin-left: 10px;
margin-top: 25px;
padding-left: 30px;
}
.productboxmid {width: 200px;
font-size: x-small;
float: left;
margin-left: 10px;
margin-top: 25px;
padding-left: 30px;
}
.productright {width: 100px;
border: 1px solid #FF0000;
text-align: center;
background-color:#ffffff;
font-size: x-small;
float: left;
margin-left: 10px;
margin-top: 25px;
padding-left: 0px;
}
.ptfebox{width: 155px;
font-size: x-small;
float: left;
margin-left: 0px;
margin-top: 25px;
padding-left: 0px;
}
.pindexl{width: 155px;
font-size:large;
float: left;
margin-left: 10px;
margin-top: 0px;
padding-left: 10px;
}
.pindexm{width: 450px;
font-size: x-small;
float: left;
margin-left: 10px;
margin-bottom: 10px;
padding-left: 10px;
}
.pindexc{
font-size: x-small;
padding:3px;
float: right;
top:0px;
left:400px;
height: 70px;
width: 80px;
display:block;

}
a.pindexr{
font-size: x-small;
padding:3px;
float: right;
top:0px;
left:400px;
height: 70px;
width: 80px;
display:block;
background:url(img/metal_c_rings/dsheet1.jpg) no-repeat bottom;
}

.pindexr:hover {
font-size: x-small;
float: right;
top:0px;
left:400px;
height: 70px;
width: 80px;
display:block;
text-decoration:underline;
background:url(img/metal_c_rings/dsheet_hvr.jpg) no-repeat bottom;
}
.pindexr:active {
font-size: x-small;
float: right;
top:0px;
left:400px;
height: 70px;
width: 80px;
display:block;
background:url(img/metal_c_rings/dsheet_clk.jpg) no-repeat bottom;
}