/* CSS Document */
/* HTML tag styles   */
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
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: #c2c2c2;
margin: 0 auto; 
text-align: left;
border-left: 2px white solid;
border-right: 2px white solid;
}

#siteg  {
width: 850px;
background-color: #c2c2c2;
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;
}
		
#h_menu {
background-color: #c2c2c2;
border-bottom: red 3px solid ;
border-left: red 3px solid ;
float: left;
width: 688px;
height: 58px;
padding-top: 0px;
}


#V_menu {
background-color: #c2c2c2;

border-right: red 3px solid ;
float: left;
width: 159px;
}
		
#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/ */
    
#slidetabsmenu {
background-color:#c2c2c2;
float:left;
width:688px;
height: 20px;
margin-top: 35px;
font-size:80%;
line-height:normal;
border-bottom: 0px ;
}

* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom:;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;
background:url(img/h_menu_left.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
}

#slidetabsmenu a span {
float:left;
display:block;
background:url(img/h_menu_right.gif) no-repeat right top;
padding:3px 14px 3px 5px;
font-weight: normal;
color:#ffffff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {
float:none;
}

/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: #ffffff;
}

#slidetabsmenu #current a {
background-position:0 -29px;
}

#slidetabsmenu #current a span {
background-position:100% -29px;
color: #ffffff;
}

#slidetabsmenu a:hover {
background-position:0% -29px;
}

#slidetabsmenu a:hover span {
background-position:100% -29px;
}

/* end slidetabs */

/* start slide vet menu */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.slidedoormenu{
background-color: #c2c2c2;
list-style-type: none;
margin: 0;
padding: 0px;
width: 159px; 

}


.slidedoormenu li{
border-bottom: 0px solid #885b5c; /* Gray border beneath each menu item */
margin-top: 0px;
}

.slidedoormenu li a{
background: #c2c2c2 url(img/v_menu.gif) no-repeat left top; /* Background image positioned to the left(v) top(h) corner initially */
font: small  Verdana, Arial, Helvetica, sans-serif;

display: block;
color: #ffffff;
width:auto;
margin-top: 10px;
padding-top: 2px; padding-bottom: 7px; /* Vertical (top/bottom) padding for each menu link */
text-indent: 0px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: #ffffff;
}

.slidedoormenu li a:hover{
background-position: -159px 0; /* Shift background image horizontally 147px, or the start of the 2nd background image */
color: #ffffff;
}


.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 0px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}


/* end slide vert menu */

/* tables*/

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

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

}

.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:x-small;
float: left;
margin-left: 10px;
margin-top: 0px;
padding-left: 10px;
padding-top: 5px;
}
.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 right;
}

.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 right;
}
.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 right;
}
.textbox2 {
width: 350px;
font-size: x-small;
float: left;
margin-left: 10px;
margin-bottom: 10px;
padding-left: 10px;
}
.textbox3 {
width: 250px;
font-size: x-small;
float: left;
margin-left: 10px;
margin-bottom: 10px;
padding-left: 10px;
}
.howto {width: 600px;
font-size: x-small;
float: left;
margin-left: 10px;
margin-top: 25px;
padding-left: 30px;
padding-right: 30px;
}