html { min-height: 100%; margin-bottom: 1px; }
body { margin: 0px auto; font: 12px Arial,Tahoma; color: #000; background-color:#222; width: 100%; }
img { border: 0px; display: block; }
table { border-collapse: collapse; border-spacing:0px ; padding:0px ; }
table td { padding: 0px; vertical-align:top; }
a { text-decoration: none; color: #ae612a; }
a:hover { text-decoration: underline; color: #ddd; }
h1,h2,h3,h4{ margin: 0px 0px 10px 0px ; }
h1{ font-size: 20px; }
h2{ font-size: 16px; }
h3{ font-size: 14px; }
h4{ font-size: 12px; }
td.r{ text-align:right; }

#layout { position: relative; width: 900px; height: auto; text-align: left; margin:0px auto; }
#container { background-color:#000; width: 900px; text-align: left; }

#TNav { background: url('imgs/topBkg.jpg') no-repeat; width:900px; height:81px; color: #f39c56; }
#TNav a {font: italic bold 12px Arial,Tahoma; color: #b6cae2; text-decoration: none }
#TNav a:hover { text-decoration: underline; color: #ddd; }
#toplinks{ text-align:right ; color:white ; font-size:10px; }
#toplinks a{ font: normal normal 11px Arial; color:white ; }

#scart {width:79px; height:5px; border:0px; padding-top:10px;}
#cservice {width:103px; height:5px; border:0px; padding-top:10px;}
#login {width:34px; height:5px; border:0px; padding-top:10px;}
#logoGraphic {width:900px; height:134px; border:0px}

#LNav {color:white; font-weight:bold ; background-color:#000; width:130px; padding:0px 8px 8px 8px; }
#LNav .sub {background-color:#000; padding:0px 0px 15px 5px; }
#LNav a { display:block; font: italic bold 12px Arial,Tahoma; color: #f39c56; text-decoration: none ; padding: 1px 0px 0px 0px ; }
#LNav a:hover { text-decoration: underline; color: #ddd; }

#wTop {width:730px; height:4px; border:0px; vertical-align:bottom; padding-top:10px;}
#wBtm {width:730px; height:6px; border:0px; vertical-align:top; }

#iMetals {width:100%; padding:10px;}
#iMetals td {padding:5px;}
.metalHead {background-color:#ae612a; width:165px; height:30px; vertical-align:middle; color:#fff; font: bold 12px arial; border:1px solid #000;}
.mContainer{
 margin: 0px auto 10px auto ;
 }
.iSCat { padding:5px ; border:1px solid #000; }
.iSCat a{
 display:block;
 }
#errors{
 background-color: #333333 ;
 padding: 6px 6px 6px 15px ;
 margin-bottom: 10px ;
 color: white ;
 font-weight: bold ;
 }
#errors li{
 margin-left: 15px ;
 }
/******** content ********/
.title {font: bold 18px Arial,Tahoma; color: #000; }
#content a.home_button{ font-size:16px; padding:5px; color:white; text-align:center; font-weight:bold; display:block ; height:19px ; background-position:0px -0px ; }
#content a.home_button:hover{ color:white; text-decoration:none; }
.button_aluminum { background-image:url(imgs/bgr_aluminum.jpg) ; }
.button_brass    { background-image:url(imgs/bgr_brass.jpg) ; }
.button_stainless{ background-image:url(imgs/bgr_stainless.jpg) ; }
.button_titanium { background-image:url(imgs/bgr_titanium.jpg) ; }
.button_bronze   { background-image:url(imgs/bgr_bronze.jpg) ; }
.button_copper   { background-image:url(imgs/bgr_copper.jpg) ; }

/******** side bar ********/
#top_content{ background-color:white ; xbackground: url(imgs/w_topr.gif)  top right no-repeat #FFFFFF ; }
#top_sidebar{ background: url(imgs/w_top2r.gif) top right no-repeat #F1F1F1 ; }
#btm_content{ background-color:white ; xbackground: url(imgs/w_btmr.gif)  top right no-repeat #FFFFFF ; }
#btm_sidebar{ background: url(imgs/w_btm2r.gif) top right no-repeat #F1F1F1 ; }
#sidebar{ width:192px; padding:8px ; background-color: #F1F1F1 ; background-image:url(imgs/diamond-plate2.jpg);}
#sidebar .section{ margin: 10px 0px 10px 0px ; }
ul{ margin: 0px 0px 0px 0px ; padding: 0px 0px 0px 7px ; }
li{ margin: 0px 0px 0px 7px ; padding: 0px 0px 0px 0px ; }

/******** forms ********/
.form{ font-size: 12px ; padding: 10px; }
.form select{ height: 18px ; width: 120px; font-size: 11px ; }
.form .small{ width: 55px ; }
.form td{ padding: 5px 10px 5px 0px ; }
.form h2{ margin: 4px 0px 0px 0px ; }
.form input{ height: 12px ; width: 120px; font-size: 11px ; }
input.checkbox{ width: 12px ; }
.sbutton{ padding:0px; font-size:80%; }
input.submit{ width:125px ; height: 25px ; font-size: 14px ; }

/******** cart ********/
.cart td, .cart th{ padding: 5px ; }

/******** main content ********/
#content { background-color:#fff; height:100%; padding:8px; font-size: 13px; }
#content a , #sidebar a{
 color:#841 ;
 }
#content a:hover , #sidebar a:hover{
 color:#888 ;
 }
x#content a:visited{
 color:#731 ;
 }

/******** browse page ********/
#browse .bl{
 display: block ;
 padding: 6px ;
}
#browse .even{ background-color: #fff ; }
#browse .odd { background-color: #fafafa; }

/******** product display ********/
#product .section{
 border-top: 0px solid #ccc ;
 padding: 0px 0px 0px 0px ;
 margin: 17px 0px 0px 0px ;
 }
.prop_table{ width: 100% ; }
.prop_table .odd{ background-color: #efefef ; }
.prop_table .even{ background-color: #fafafa ; }
.prop_table td , .prop_table th{ padding: 3px ; }
.prop_table .r{ text-align:right ; }
.prop_table .heading{ margin-bottom:5px ; }
#product #properties{
 float:right ;
 width: 200px ;
 font-size:10px ;
 }
#properties .section{
 width: 200px ;
}
/******** product guides ********/
#guide table{ margin-bottom:15px; }
#guide table td{
 padding: 3px 8px 3px 8px ;
 border: 1px solid #ccc ;
 }
/******** resources ********/
#resources td, #resources th{
 padding: 4px ;
 border-bottom: 1px solid #DFDFDF ;
 }