html { min-height: 100%; margin-bottom: 1px; }
body { margin: 0px auto; font: 12px arial,tahoma,sans-serif; color: #000000; background-color:#2686c3; }
img { border: 0px; display: block; }
table { border: 0px; border-collapse: collapse; width: 100%; }
table td { padding: 0px; vertical-align:top; }
h1{
 font-size:20px ;
 color: black ; /*#2686C3 ;*/
 }
h2{
 font-size:14px ;
 }
.error{ background-color:red ; }
.notice{ background-color:#0a0 ; }
.error,.notice{
 color:white ;
 font-weight:bold ;
 padding:6px ;
 margin:5px 0px 5px 0px ;
 }

#layout { margin: 0px auto; position: relative; width: 1000px; height: 800px; text-align: left; background-color:#ffffff; color: inherit; }

/* Header Area */
#header_l { width: 756px; height: 109px; }
#header_r { width: 244px; height: 109px; background: url('imgs/header_r.jpg') no-repeat; }
#search_engine { padding-top: 58px; padding-left: 10px; }

/* Content Area    b9d8eb   */
#container { width: 1000px; height: 655px; padding: 0px; }

#lcol { width: 261px; color: inherit; background-color: #b9d8eb; }

/* breadcrumbs */
.breadcrumbs{ margin: 0 0 10px 0 ; }

/** navigation ******************/
#nav { width: 244px; padding:10px 17px 17px 17px ; }
#nav ul{ list-style-type:none; padding:0px; margin:0px; border:0px; }
#navmain li{ padding:0px; margin:0px; }
#navmain{
 border:1px solid red ;
 list-style-type:none ;
 padding:0px ;
 padding : 6px 10px 0px 20px ;
 font-weight:bold ;
 color : #525252 ;
 }
#navmain .mainli{
 padding : 0px 0px 0px 0px ;
 margin: 0px ;
 display: inline ;
 }
#navmain a.catlink{
 padding: 5px 0 ;
 xtext-transform:uppercase ;
 display:block ;
 font-weight:bold ;
 color : #525252 ;
 text-decoration:none ;
 border-bottom:1px solid #888A8B ;
 }
#navmain a.current, #navmain a:hover { background-color: #D1E4EF ; }
#navmain .cat{
 display:none ;
 background-color:white ;
 margin:0px ;
 }
#navmain .catli{
 border-top:1px solid #eaeaea ;
 padding:4px 4px 4px 6px ;
 }
#navmain a.sublink{
 color:#525252 ;
 }
#navmain a.sublink:visited{
 color:#999;
 }
#navmain .subli{
 display:block ;
 padding:0px 0px 0px 4px ;
 margin:0px ;
 height:auto ;
 }
#navmain a.prodlink{
 color:#525252 ;
 border:0px ;
 display:inline ;
 padding:0px 0px 0px 8px ;
 font-weight:normal ;
 text-transform:none ;
 }
#navmain a.prodlink:visited{
 color:#999;
 }
#navmain .subli a:hover{
 text-decoration:underline ;
 }
#nav_email {
 padding-top: 6px ;
 padding-bottom: 8px;
 font: 11px arial,tahoma,sans-serif;
 color: #525252;
 }





#rnav { width: 17px; height: 100%; background: url('imgs/nav/rnav_b.jpg') repeat-y; }

#content { width: 717px; height: auto; font: 12px arial,tahoma,sans-serif; color: #000000; background-color: #ffffff; }
#content_pad { font: 12px arial,tahoma,sans-serif; color: #000000; background-color: inherit; }
#content_pad a  { color: #2787c4; background-color: inherit; text-decoration: underline; }
#content_pad a:hover { color: #666666; background-color: inherit; text-decoration: none; }
.blue {font-size:16px; color:#2686C3;}

#rcol { width: 22px; background: url('imgs/rcol_b.jpg') repeat-y; }

#boxes { width: 1000px; height: 60px; padding: 0px; }

#contact { width: 261px; height: 60px; background: url('imgs/contact.jpg') no-repeat; }
#company { font: 12px arial,tahoma,sans-serif; padding: 0px 0px 0px 48px; color: #525252; background-color: inherit; }
#address { font: 11px arial,tahoma,sans-serif; padding: 0px 0px 0px 48px; color: #525252; background-color: inherit; }
#numbers { font: 11px arial,tahoma,sans-serif; padding: 0px 48px 0px 48px; color: #525252; background-color: inherit; }
#email { font: 11px arial,tahoma,sans-serif; padding: 0px 0px 0px 48px; color: #525252; background-color: inherit; }
#email a { color: #525252; background-color: inherit; text-decoration: none; }
#email a:visited { color: #525252; background-color: inherit; text-decoration: none; }
#email a:active { color: #525252; background-color: inherit; text-decoration: none; }
#email a:hover { color: #2787c4; background-color: inherit; text-decoration: underline; }

#content_b { width: 739x; height: 60px; background:  #fff; }

/* Footer Area */
/* #footer { width: 1000px; height: 36px; padding: 0px; } */
#footer_i { width: 1000px; height: 36px; background: url('imgs/footer.jpg') repeat-x; }
#footer_t { padding-top: 21px; padding-left: 11px; font: 11px arial,tahoma,sans-serif; color: #000000; background-color: inherit; }

/* Developed & Designed by Design Spike, Inc. */
#designspike { padding-top: 6px; color: #0464a1; background-color: #2686c3; }
#designspike a { color: #0464a1; background-color: inherit; text-decoration: none; }
#designspike a:visited { color: #0464a1; background-color: inherit; text-decoration: none; }
#designspike a:active { color: #0464a1; background-color: inherit; text-decoration: none; }
#designspike a:hover { color: #000000; background-color: inherit; text-decoration: none; }

/* ############################################################################################# */

/* Index Page */
#i_content_b { width: 739x; height: 40px; background: #fff; }
#i_nav { width: 261px; background-color: #b9d8eb; color: inherit; }

/* Products */
#submain { font: 12px arial,tahoma,sans-serif; color: #525252; background-color: inherit; }
#submain a { color: #525252; background-color: inherit; text-decoration: none; }
#submain a:visited { color: #525252; background-color: inherit; text-decoration: none; }
#submain a:active { color: #525252; background-color: inherit; text-decoration: none; }
#submain a:hover { color: #81c206; background-color: inherit; text-decoration: underline; }

.textareabox { font: 11px arial,tahoma,sans-serif; border-left: 1px solid gray; border-top: 1px solid gray; border-right: 1px solid gray; border-bottom: 1px solid gray; }
.selectbox { font: 11px arial,tahoma,sans-serif; }
.inputbox { font: 11px arial,tahoma,sans-serif; border-left: 1px solid gray; border-top: 1px solid gray; border-right: 1px solid gray; border-bottom: 1px solid gray; }

.eForm { width:165px; border:0px; font: 12px Arial,Tahoma,sans-serif; color: #000; background-color: transparent; }


#producttable{ width:auto ; }
#producttable h1{ margin-top:0px ; }
#producttable .pimage{
 float:right;
 padding: 0px 0px 5px 10px ;
 }
#producttable ul{
 font-weight:bold ;
 padding-left:10px ;
 margin-left:10px ;
 }

/** products - more info **************************/
#pgal{
 width:auto ;
 margin-top:15px ;
 }
#pgal td{
 text-align:center ;
 padding:0px 12px 15px 0px ;
 }

/** contact ********************/
#contact1{
 float:left ;
 width:295px ;
 border-right: 1px solid #ccc ;
 padding-right:15px ;
 }
#contact2{
 float:right ;
 width:350px ;
 }


/** news, events *****************/
#news_col{
 width:47% ;
 float:left ;
 padding-right:15px ;
 border-right:1px solid #ccc ;
 }
#events_col{
 width:48% ;
 float:right ;
 }

/** eco terms **************/
.ecoterm{
 margin-bottom:15px ;
 }
.ecoterm .name{
 font-weight:bold ;
 }
#content a img{ border:#ffffff solid 2px; margin-top:15px; }
#content a:hover img{ border:#000000 solid 2px; }


/* from components // begin */
.inputtext { font: 11px arial,tahoma,sans-serif; border-right: solid 1px #666666; border-top: solid 1px #666666; border-left: solid 1px #666666; border-bottom: solid 1px #666666; }
.inputbutton { font: 11px arial,tahoma,sans-serif; font-weight: bold; color: #FFFFFF; background-color: #2787c4; border: 1px solid #444; cursor: hand; }
.inputsubmit { font: 11px arial,tahoma,sans-serif; cursor:hand; color: #823900; background: #FC9750; border-right: solid 1px #B05813; border-top: solid 1px #B05813; border-left: solid 1px #B05813; border-bottom: solid 1px #B05813; font-weight: bold; }.textarea { font-family: Arial; font-size: 11px; border-left: 1px solid #666666; border-top: 1px solid #666666; border-right: 1px solid #666666; border-bottom: 1px solid #666666; }
.select { font: 11px arial,tahoma,sans-serif; }
.disabled { background-color: #F2F2F2; }
/* from components // end */

a.m_linx {
 display:block ;
 margin:6px 0px 9px 0px ;
 }
div.linx a { color: #2787c4; background-color: inherit; text-decoration: underline; }
div.linx a:visited { color: #2787c4; background-color: inherit; text-decoration: underline; }
div.linx a:active { color: #2787c4; background-color: inherit; text-decoration: underline; }
div.linx a:hover { color: #666666; background-color: inherit; text-decoration: none; }


/******** category page ********/
.subcat_list .sub{ clear: both ; overflow: hidden ; border-top: 1px solid #ccc ; }
.subcat_list .products{ width: auto ; }
.subcat_list .products td{ padding: 0 18px 18px 0 ; }
.subcat_list .product a{ width: 90px ; cursor: pointer ; }
.subcat_list .product a,#content_pad .subcat_list .product a{ text-decoration: none ; font-weight: bold ; display: block ; text-align: center ; margin: 0 0 5px 0 ; }
.subcat_list .product .pic{ display: block ; width: 90px ; height: 90px ; background: no-repeat center center ; }