body {margin:0 0 10px 0; padding:0; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-image:url(/images/gridbkg.gif); } 

a img {border: none;}
/*html,body {height:100%;}*/

html,body {height:100%;}

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

#wrapper { text-align: left; width: 800px; margin-left: auto; margin-right: auto; padding: 0;  background-image:url(/images/pagebkg.gif); background-repeat:repeat-y; padding: 0 13px 0 13px;  }  /*height: 100%; min-height: 100%;*/

#header {padding:0; margin:0; float:left; display:inline; height: 162px; }
#tel {padding:0; margin:0; float:right; display:inline; height: 63px;}
#logos {padding:0 27px 0 0; margin:0; background-image:url(/images/headerbkg.gif); background-repeat:repeat-x; width: 466px; height: 99px}
#logos img {padding: 18px 0 0 0; margin:0; float:right}

/*main nav*/
#main_nav {padding:0px; margin:0 0 25px 0; width: 800px; float:left; background:url(/images/menu_bkg.gif); background-repeat:repeat-x; color:#fff; font-size: 14px;   }
#main_nav ul {margin: 0; padding:0;}
#main_nav li {margin: 0; padding: 0 0 0 2px; list-style-type: none; float:left; height:40px; background:url(/images/menu_div.gif); background-repeat: no-repeat;}
#main_nav li a {margin:0; padding: 10px 15px 0 15px ; text-decoration:none; font-weight:bold; float:left; color:#fff; height:30px;}
#main_nav li a:hover {text-decoration:none; background:url(/images/menu_rollover_bkg.gif); background-repeat:repeat-x;}

#main_nav .noline {margin: 0 0 0 60px; padding: 0px; list-style-type: none; float:left; height:40px; background:url(/images/menu_bkg.gif) !important; background-repeat: no-repeat;}
/*main nav*/

#content {padding:0; margin:0; width: 800px; }
#body {padding:0 20px  0 20px ; margin:0 0px 20px 0px; width:760px; float:left;}
#body2 {padding:0 ; margin:0 0px 0px 0px; width:800px; float:left;}
#anim {padding:0; margin:0 0 25px 0;}

h1 {padding: 0; margin: 0 0 30px 0; font-size:20px; color: #000; font-weight:bold; float:left; width: 760px; text-align:center;}
h2 {padding: 0; margin: 20px 0 0 0; font-size:15px; color: #666; font-weight:bold; float:left; width: 760px;}
p {padding: 0; margin: 15px 0 0px 0; font-size:12px; width: 760px; float:left;}
.homepage {padding: 0px 20px 0 20px ; margin: 15px 0 0px 0; font-size:14px; width: 720px; float:left;}
.para {padding: 0; margin: 0 20px 0 20px; font-size:14px; width: 760px; float:left; text-align:left; }
ul {padding: 10px 0 0 20px; margin: 0; float:left;}
li {padding: 0; margin: 0;}


#sections {padding:0; margin:0 20px 0px 20px; width:760px; }
#sections h1 {padding:6px 0 0 5px; margin:0; width:175px; height:27px; background:url(/images/sectionboxbkg.gif); background-repeat: no-repeat; color:#fff; font-size:13px;  font-weight: bold;}
#sections h1 a {color:#fff; text-decoration:none}
#sections h1 a:hover { text-decoration:underline}
.sectionbox, .sectionboxend {padding:0; margin:0 13px 0px 0px; width:180px;  float:left; } 
.sectionboxend {margin:0 0px 40px 0px;} 
.infobox {padding:0; margin:0; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color:#e65100; height: 96px; float:left; width:178px;}

#contactbox { width:140px; margin: 0px;   padding: 0; font-weight:bold; color:#e65100; float:left;}
#contactbox a {padding:0; margin:0; text-decoration:underline; color:#e65100; } 
#contactbox a:hover {padding:0; margin:0; text-decoration:none;}
#contactbox span {color:#666;}


#contact { width:500px; margin: 20px 0 0 0; padding: 10px; float:left; background-color: #eee; line-height: 18px;  }
#contact a {text-decoration:underline; color:#e65100;} 
#contact a:hover {padding:0; margin:0; text-decoration:none;}
#contact span {color:#666;}

#contactform { width:500px; margin: 20px 0 20px 0px; padding: 0px 0 0 10px; float:left; background-color: #eee;}

.newsbox {padding:0 0 10px 0; margin:10px 0 20px 0; float:left; border-bottom: 1px dashed; border-color:#999;}
.newsbox h1 {padding:0 !important; margin:0 0 5px 0 !important; font-size: 12px !important; width: 590px !important; float:left !important; color:#e65100 !important; text-align: left; display:inline;}
.newsbox h2 {padding:0 !important; margin:0 0 5px 0 !important; font-size: 16px !important; font-weight:bold !important; width: 590px !important; float:left !important; color: #4a016e !important; display:inline;}
.newsbox p {padding:0 ; margin:0 0 15px  0; width: 590px ; float:left; display:inline;}
.newspic {padding:0 ; margin:0; float:right; border: 1px solid; border-color:#ccc}

#maintitle, #maintitle2 {padding:0; margin:0 0 40px 0; float:left;}
#maintitle2 {margin:0;}
#maintitle4 {margin-left: auto; margin-right: auto; text-align:center; padding-bottom:50px}
#welcomepageimg {padding:0; margin:0 0 0px 0; float:left; width:760px; text-align:center}
.products {padding:0; margin:0 20px 50px 0; float:left; margin-left: auto; margin-right: auto;}
.prodimg {padding:0; margin:0; float:left;}
.prodlinks {padding:0; margin:0; float:left;}
.prodlinks2 {padding:0; margin:25px 0 0 0; float:left;}
.products ul {padding:0; margin:0; list-style-type:none;}
.products li a, .products li {padding:0; margin:0; height:28px;}
#prodboxa {padding:0; margin:0; float:left;}
#prodboxb {padding:0; margin:0; float:right;}

/*panel section*/
#panelimg {padding:0; margin:0 0 0px 0; float:left; width:798px; text-align:center}
.paneltext {padding: 0px 20px 0 20px ; margin: 15px 0 0px 0; font-size:14px; width: 720px; text-align:left; float:left;}
.tablepanel {padding:0 ; margin:0; text-align:left; margin-left: auto; margin-right: auto; color:#000000; width:600px; border:none}

#panel{padding: 0px 0 0 0px; margin: 0; float:left; width:800px; text-align:center; color: #663399}
.panelspan {color:#000000}
.panelspan2 {color:#e65100}
.panelsections {padding:0 ; margin:5px 0 5px 0; width: 800px; text-align:center; float:left}


.panel-list {margin:  0 auto 0 auto; padding: 0;  width:800px; color: #663399; background-color:red}
.panel-list ul {  margin: 0 auto 0 auto; padding: 0; background-color:cyan; float:left} 
.panel-list li {color:#663399; background-color:lime}
.panel-list span {color: #000}
/*panel section*/



/*gallery*/
#gallery {margin:  0; padding: 0 0 0 37px; float:left; }
#gallery ul {margin:  10px 0px 10px 0px; padding: 0; }
#gallery li {margin:  0 7px 0 7px; padding: 5px  5px  3px  5px; list-style-type: none; float:left; border: 1px solid #ccc;}

/*gallery*/



.tableindex {padding:0 ; margin:0;  float: left;} /*width:350px;*/

.tableprod {padding:0 ; margin:0 0 5px 0; width:650px;}
.tableprod h1 {padding:3px 0 0 0; margin:0 0 0px 0; background-color: #f90; color:#fff; font-size: 12px; font-weight: bold; width: 530px; vertical-align: middle; height: 20px; text-align:left}
.tableprod h2 {padding:3px 0 0 0; margin:0 0 0px 0; color: #fff; font-size: 12px; font-weight: bold; background-color: #f90; text-align: center; width: 100px; vertical-align: middle; height: 20px}

.tableprod img {padding:0 ; margin:0; float:left;}

#drawings {padding:0 ; margin:0;}
.tabledraw {padding:0 ; margin:0;}
.tabledraw ul {padding:0 ; margin:0;}
.tabledraw li {padding:0 ; margin:0 0 20px 0; background-color: #00CC33l; list-style-type: none;}

#product_items {padding:0; margin:0; clear:both; margin-left: auto; margin-right: auto;    } /*float:left;  margin:0 0 0 26px;*/
#product_items2 {padding:0; margin:0; clear:both;}

.spacer, .spacer2 {padding:0; margin:0; width:20px; background-color:#f90; }  /*#f90;*/
.spacer2  {background-color:#fff; } 

.tableitems, .tableitems2, .tableitems3 {padding:0 ; margin:0;margin-left: auto; margin-right: auto;}
.tableitems img {padding:5px 0 0 0 ; margin:0;}
.tableitems3 img {padding: 0 ; margin:0;}






/*New Product Table*/
.tableprodnew {padding:0 ; margin:0 0 5px 0; width:330px;}
.tableprodnew h1, .spring, .track, .hardware, .panel, .operators, .steel {padding:3px 0 0 0; margin:0 0 0px 0; background-color: #f90; color:#fff; font-size: 12px; font-weight: bold; width: 330px; vertical-align: middle; height: 20px; text-align: center;}
.tableprodnew h2, spring-code, .track-code, .hardware-code, .panel-code, .operators-code, .steel-code {padding:3px 0 0 0; margin:0 0 0px 0; color: #fff; font-size: 12px; font-weight: bold; background-color: #f90; text-align: center; width: 100px; vertical-align: middle; height: 20px}


.spring, .spring-code  {background-color: #ed1c24 !important;}
.track, .track-code {background-color: #00a651 !important;}
.hardware, .hardware-code {background-color: #503795 !important;}
.panel, .panel-code {background-color: #f90 !important;}   /*f58220*/
.operators, .operators-code  {background-color: #00aeef !important;}
.steel, .steel-code {background-color: #b2740e !important;}




.tableprodnew img {padding:0 ; margin:0; float:left;}
.tableheadpad {padding:0 ; margin:0; height: 5px}


.prodcolumnnew1, .prodcolumnnew2, .prodcolumnnew1 p, .prodcolumnnew2 p, .prodcolumnnew-single {padding:0 ; margin:0; font-size: 10px  !important  }
.prodcolumnnew1, .prodcolumnnew1 p {padding:5px 0 0 40px; margin:0; width: 120px; font-weight:bold; line-height:130%} /*width: 145px;*/
.prodcolumnnew2, .prodcolumnnew2 p  {padding:5px 40px 0 20px ; margin:0; width: 130px; line-height:normal} /*width: 185px; */


.spacernew, .spacernew2 {padding:0; margin:0; width:20px !important; background-color:#f90; float:left;}
.spacernew2  {background-color:#fff; } 

#pagelinks2 {margin: 50px 0 0 0; padding:0; text-align:right; font-size: 12px; font-weight: bold; width:700px;}

.prodcolumnnew-single {padding:5px 40px 0 40px; margin:0; line-height:130%; }

/*New Product Table*/







/*2 column*/
.prodcolumn1b, .prodcolumn2b, .prodcolumn1b p, .prodcolumn2b p {padding:0 ; margin:0; font-size:10px;}
.prodcolumn1b, .prodcolumn1b p {padding:5px 15px 0 0; margin:0; width: 360px;}
.prodcolumn2b, .prodcolumn2b p  {padding:5px 0 0 0 ; margin:0;width: 180px;}


/*3 column*/
.prodcolumn1, .prodcolumn2, .prodcolumn3, .prodcolumn1 p, .prodcolumn2 p, .prodcolumn3 p {padding:0 ; margin:0; font-size:10px;}
.prodcolumn1, .prodcolumn1 p {padding:5px 0 0 0; margin:0; width: 170px; font-weight:bold;}
.prodcolumn2, .prodcolumn2 p  {padding:5px 0 0 0 ; margin:0;width: 180px;}
.prodcolumn3, .prodcolumn3 p  {padding:5px 0 0 0; margin:0; width: 180px;}

/*4 column*/
.prodcolumn1a, .prodcolumn2a, .prodcolumn3a,  .prodcolumn4a, .prodcolumn1a p, .prodcolumn2a p, .prodcolumn3a p, .prodcolumn4a p {padding:0 ; margin:0; font-size:10px}
.prodcolumn1a, .prodcolumn1a p {padding:5px 0 0 0; margin:0; width: 80px; font-weight:bold;}
.prodcolumn2a, .prodcolumn2a p  {padding:5px 0 0 0 ; margin:0;width: 150px;}
.prodcolumn3a, .prodcolumn3a p  {padding:5px 0 0 0; margin:0; width: 150px;}
.prodcolumn4a, .prodcolumn4a p  {padding:5px 0 0 0; margin:0; width: 150px;}

.tabblock { margin:0; padding:0; height: 8px;}
#pagelinks {margin:0; padding:0; text-align:right; font-size: 12px; font-weight: bold;}
#footer {padding:0; margin:0; background:url(/images/footerbkgw.gif); background-repeat:repeat-x; width: 800px; float:left; height:39px;}

#pageend {padding: 40px 0 0 0; margin:0; width: 826px; margin-left: auto; margin-right: auto; background:url(/images/pageend.gif); background-repeat: no-repeat; height:100px; text-align:center; color:#fff; font-size:10px; font-weight: bold;}

/*From Original site*/
.cost { color: black; font-size: 10px; font-weight: bold; height: 15px;}
.super { color: white; font-size: 8px; font-weight: bold; vertical-align: top;}
.super2 { font-size: 6px; font-weight: normal; vertical-align: text-top;}
.sub { color: white; font-size: 8px; font-weight: bold; vertical-align: bottom;}
.sub2 { font-size: 6px; vertical-align: text-bottom;}
.Number { color: white; font-size: 12px; font-weight: bold; background-color: #f90; text-align: center; vertical-align: middle; width: 100px; height: 20px;}
.Title { color: #fff; font-size: 12px; font-weight: bold; background-color: #f90; vertical-align: middle; width: 800px; height: 20px;} /* width: 530px;*/


/*Insulated Page*/
.Blank {font-size: 10px;}
.ColumnBold { font-size: 10px; font-weight: bold; padding-top: 5px; padding-bottom: 5px;}
.pdflink a {font-size: 12px; text-decoration:underline; color: #4a1066;}
.pdflink a:hover {text-decoration: none;}


.ProdTitle {color: #fff; font-size: 12px; font-weight: bold; background-color: #f90; vertical-align: middle; width: 795px; height: 20px; padding-left:5px }
.ProdTitle2 {color: #fff; font-size: 12px; font-weight: bold; background-color: #f90; vertical-align: middle; width: 720px; height: 20px; padding-left:5px }
.SubTitle {color: #000; font-size: 12px; background-color: #fc9; padding-top: 2px; padding-left: 5px; height: 20px; vertical-align: middle; width: 656px; }
.body {font-size: 10px;}

.Column50 p {width: 50px; font-size: 10px;}
.Column100 p {width: 100px; font-size: 10px;}
.Column175 p {width: 175px; font-size: 10px;}
.Column200 p {width: 200px; font-size: 10px;}
.Column275 p {width: 275px; font-size: 10px;}
.Column375 p {width: 375px; font-size: 10px;}

.ColumnRegular {font-size: 10px; padding-top: 5px; padding-bottom: 5px;}  /* width:520px*/ /*width:756px*/
.ColumnRegular p {margin: 0; padding: 0 0 10px 0; font-size: 10px;  width:450px;}
.ColumnRegular ul {margin:0; padding:0 30px 10px 30px; list-style-type: disc; list-style-position: outside; width:368px; float:left;}
.ColumnRegular li {margin: 0; padding: 0;}

.Column50 { font-size: 10px; font-weight: bold; background-color: #fff; text-align: left; padding-top: 2px; width:50px;}
.Column140 { font-size: 10px; background-color: #fff; text-align: left; padding-top: 2px; width: 135px; max-width: 275px }
.Column130 { font-size: 10px; background-color: #fff; text-align: left; padding-top: 2px; max-width: 275px;}
.Column175 { font-size: 10px; background-color: #fff; text-align: left; height: 70px; padding-top: 2px;}
.Column175b { font-size: 10px; background-color: #fff; text-align: left; padding-top: 2px; height: 180px;}
.Column100 { font-size: 10px; font-weight: bold; background-color: #fff; text-align: left; padding-top: 2px;}
.Column150 { font-size: 10px; background-color: #fff; text-align: left; vertical-align: bottom; padding-top: 10px;}
.Column200 {font-size: 10px; font-weight: normal; background-color: #fff; text-align: left; height: 70px; padding-top: 2px;}
.Column375 {font-size: 10px; background-color: #fff; text-align: left; padding-top: 2px;}
.Column275 {font-size: 10px; background-color: #fff; text-align: left; vertical-align: top; max-width: 275px; padding-top: 2px;}

/*
.Column50 { font-size: 10px; font-weight: bold; background-color: #fff; text-align: left; padding-top: 2px; width:50px }
.Column140 { font-size: 10px; background-color: #fff; text-align: left; padding-top: 2px; width: 135px; max-width: 275px; }
.Column130 { font-size: 10px; background-color: #fff; text-align: left; padding-top: 2px; max-width: 275px; }
.Column175 { font-size: 10px; background-color: #fff; text-align: left; height: 70px; padding-top: 2px; }
.Column175b { font-size: 10px; background-color: #fff; text-align: left; padding-top: 2px; height: 180px; }
.Column100 { font-size: 10px; font-weight: bold; background-color: #fff; text-align: left; padding-top: 2px; }
.Column150 { font-size: 10px; background-color: #fff; text-align: left; vertical-align: bottom; padding-top: 10px; }
.Column200 {font-size: 10px; font-weight: normal; background-color: #fff; text-align: left; height: 70px; padding-top: 2px; }
.Column375 {font-size: 10px; background-color: #fff; text-align: left; padding-top: 2px; }
.Column275 {font-size: 10px; background-color: #fff; text-align: left; vertical-align: top; max-width: 275px; padding-top: 2px; }
*/

.Cost { background-color: #fc9; text-align: center; vertical-align: middle; width: 175px; height: 30px;}
.Cost2 { background-color: #fc9; text-align: center; padding-top: 2px; padding-bottom: 2px; width: 75px;}
.White14 { background-color: #fff;}
.White18 { background-color: #fff;}
.Orange18 { background-color: #f90;}
.Picture { background-color: #fff; width: 100px; margin: 0; padding:0 0 5px 0;}
.Pages { font-size: 12px; font-weight: bold; text-align: right; vertical-align: middle; height: 30px; padding-right:20px; width: 676px;}
.regular { font-size: 10px; font-weight: normal;}
.bold { font-size: 10px; font-weight: bold;}
.blackbold12 {font-size: 12px; font-weight: bold;}
.blackbold10 {font-size: 10px; font-weight: bold;}

.whitebold12 {font-size: 12px; font-weight: bold; color:#fff;}

/*#prodboxa ul {padding:0 !important; margin:0 !important; list-style-type:none; background-color:#99FF00; }
#prodboxb ul {padding:0 !important; margin:0 !important; list-style-type:none; background-color:#99FF00; vertical-align: bottom; display: block;}
#prodboxa li {padding:0 !important; margin:0 !important; background-color: yellow; vertical-align: bottom; display: block;}
#prodboxb li {padding:0 !important; margin:0 !important; background-color: #FF00FF; vertical-align: bottom; display: block;}
#prodboxa li a {padding: 0 !important; margin: 0 !important; vertical-align: bottom; display: block;}
#prodboxb li a {padding: 0 !important; margin: 0 !important; vertical-align: bottom; display: block;}
#prodboxa a {padding: 0 !important; margin: 0 !important;}
#prodboxb a {padding: 0 !important; margin: 0 !important;}
#prodboxa img {padding: 0 !important; margin: 0 !important; vertical-align: bottom; display: block;}
#prodboxb img {padding: 0 !important; margin: 0 !important; vertical-align: bottom; display: block;}*/

/*#pageend span {padding:10px 0 0 0  !important; margin:50px 0 0 0; background-color:#000066; height:50px}

#content {padding:0; margin:0; width: 800px; float:left; margin-bottom: 20px }

#body {padding:13px 13px 0 13px; margin:0; width: 770px; display:inline; float:left; }

/*Body content*/
/*#body h1 {padding: 0; margin: 22px 0 20px 13px; font-size:24px; color:#000; font-weight: normal}
#body h2 {padding: 0; margin: 20px 0 20px 13px; font-size:15px;} 
#body h3 {padding: 0; margin: 0 0 0 13px; font-size:13px; color:#000;}

#body p {margin:0 0 10px 0; padding: 0 13px 10px 13px; line-height: 20px}

#body ul {margin:0; padding:0 0 10px 40px; list-style-type: disc; list-style-position: outside; line-height: 20px; width:550px}
#body li {padding:0 0 10px 0; margin:0;}
#body li a {padding:0; margin:0; text-decoration:none; font-size:12px; }
#body li a:hover {padding:0; margin:0; text-decoration:underline;}