/* CSS Document */       
html, body 
{
height:100%; 
margin:0; 
padding:0;
font-size:10px;
font-family:Arial;
}        
A:link
{
color:#063891;
font-weight:normal;
text-decoration:none;
}
A:visited
{ 
color:#063891;
font-weight:normal;
text-decoration:none;
}
A:active
{ 
color:#063891;
font-weight:normal;
text-decoration:none;
}
A:hover
{ 
color:#f47720;
font-weight:normal;
text-decoration:none;
}
h1 {
color:#f47720;
font-family:Arial;
font-size:200%;
text-align:left;
padding:0 0 5px 0;
margin-bottom: 0px;
padding-bottom: 0px;
}
h2 {
color:#063891;
font-family:Arial;
font-size:125%;
text-align:left;
padding:0 0 5px 0;
margin-bottom: 0px;
padding-bottom: 0px;
}
h3 {
color:#f47720;
font-family:Arial;
font-size:112%;
text-align:left;
padding:0 0 5px 0;
margin-bottom: 0px;
padding-bottom: 0px;
}
p {
font-size=0.8em;
margin-top: 0px;
padding-top: 0px;
}
ul {
font-size=12px;
margin-top: 0px;
padding-top: 0px;
}
#main 
{
height:100%; 
width:100%; 
text-align:center;
}        
#header 
{
background-color:#efae1e;
background-image:url(http://www.tri-m.com/trim_images/layout/header.jpg);
background-repeat:no-repeat;
height:81px;
text-align:left;
min-width:899px;
width:expression(document.body.clientWidth < 901 ? "899px" : "auto" );
position:relative;
}
input /* Search Bar */
{
color:#03398f;
font-family:Arial;
font-size:9px;
font-weight:bold;
}
.submit input /* Search Bar */
{
color:#03398f;
font-family:Arial;
font-size:9px;
font-weight:bold;
}
#navigation /* Navigation */
{
background-color:#0c3e97;
background-image:url(http://www.tri-m.com/trim_images/menu_background.gif);
background-repeat:no-repeat;
min-width:899px;
width:expression(document.body.clientWidth < 901 ? "899px" : "auto" );
position:relative;
height:19px;
}    
#content 
{
background-color:#fff;
min-width:899px;
width:expression(document.body.clientWidth < 901 ? "899px" : "auto" );
position:relative;
}
/* Middle Content */
#box
{
background:#FFF;
width:700px;
text-align:left;
margin-top:10px;
min-height:307px;
padding-top:20px;
padding-bottom:20px;
}
#pbox /* Product Box */
{
background:#FFF;
width:798px;
text-align:left;
margin-top:10px;
min-height:307px;
padding-right:50px;
}
#cross
{
width:700px; 
background:url(http://www.tri-m.com/trim_images/layout/box_background.gif); 
background-position:top; 
background-repeat:no-repeat;
}
#cross2 /* Cross Background without bottom line */
{
width:700px; 
background:url(http://www.tri-m.com/trim_images/layout/box_background2.gif); 
background-position:top; 
background-repeat:no-repeat;
}
#pcross /* Product Box */
{
width:807px; 
background:url(http://www.tri-m.com/trim_images/layout/pbox_background.gif); 
background-position:top;
background-repeat:no-repeat;
}
.title
{
color:#063891;
font-family:Arial;
font-size:28px;
text-align:left;
padding-left:50px;
padding-right:10px;
margin-bottom:50px;
}
.description
{
color:#f47720;
font-family:Arial;
font-size:12px;
font-style:italic;
text-align:left;
margin-bottom:50px;
}
p.ptitle /* Titles for pages with Features --> with text underneath */
{
color:#f47720;
font-family:Arial;
font-size:12px;
text-align:left;
padding-left:50px;
font-weight:bold;
}
p.pttitle /* Titles without text underneath */
{
color:#f47720;
font-family:Arial;
font-size:12px;
text-align:left;
padding-left:50px;
font-weight:bold;
margin-bottom:18px;
}
p.ohead /* Titles without text underneath */
{
color:#f47720;
font-family:Arial;
font-size:12px;
text-align:left;
padding-left:0;
font-weight:bold;
margin-top:20px;
margin-bottom:3px;
}
.pdescription /* Product Descriptions */
{
color:#f47720;
font-family:Arial;
font-size:12px;
text-align:left;
padding-left:40px;
_padding-left:35px;
font-weight:normal;
margin-top:0;
margin-bottom:18px;
padding-top:0;
padding-bottom:0;
}
.tdownload /* "Download" */
{
color:#f47720;
font-family:Arial;
font-size:12px;
text-align:left;
font-weight:normal;
margin-bottom:10px;
}
.ftitle
{
color:#f47720;
font-family:Arial;
font-size:14px;
font-weight:bold;
text-align:left;
padding-left:5px;
_padding-left:20px;
}
.Bftitle /* Bold, blue, titles, list, no bullet */    
{
color:#f47720;
font-family:Arial;
font-size:14px;
font-weight:bold;
text-align:left;
padding-left:5px;
_padding-left:20px;
}
.cdescriptions /* Company Descriptions */      
{
color:#000;
font-family:Arial;
font-size:14px;
font-weight:normal;
text-align:left;
}
p.address /* Company Descriptions */      
{
font-family:Arial;
font-size:10px;
font-weight:normal;
text-align:left;
margin:0;
padding:0;
text-decoration:none;
}
p.address A:link
{
color:#063891;
font-weight:normal;
}
p.address A:visited
{ 
color:#063891;
font-weight:normal;
}
p.address A:active
{ 
color:#063891;
font-weight:normal;
}
p.address A:hover
{ 
color:#f47720;
font-weight:normal;
}
.newslettertext /* Newsletter Text */      
{
color:#000;
font-family:Arial;
font-size:11px;
font-weight:normal;
text-align:right;
}
.ptitle /* title of products - bold on type pages */
{
color:#f47720;
font-family:Arial;
font-size:12px;
text-align:left;
padding-left:40px;
_padding-left:35px;
padding-right:20px;
font-weight:bold;
}
p.ctitle /* Catagory Titles */      
{
color:#000;
font-family:Arial;
font-size:12px;
font-weight:bold;
text-align:left;
padding-bottom:0;
margin-bottom:0;
padding-left:50px;
}
p.catd /* Catagory Descriptions */      
{
color:#000;
font-family:Arial;
font-size:12px;
font-weight:normal;
text-align:left;
margin-top:0px;
margin-bottom:10px;
text-decoration:none;
padding-left:50px;
}
p.ctitle A:link
{
color:#000;
font-weight:bold;
text-decoration:underline;
}
p.ctitle A:visited
{
color:#000;
font-weight:bold;
}
p.ctitle A:active
{
color:#000;
font-weight:bold;
text-decoration:underline;
}
p.ctitle A:hover
{
color:#f47720;
font-weight:bold;
text-decoration:none;
}
p.catd A:link
{
color:#000;
text-decoration:none;
}
p.catd A:visited
{
color:#000;
text-decoration:none;
}
p.catd A:active
{
color:#000;
text-decoration:none;
}
p.catd A:hover
{
color:#f47720;
text-decoration:none;
}
.features
{
width:315px;
color:#063891;
font-family:Arial;
font-size:13px;
font-weight:bold;
text-align:left;
padding-left:0px;
_padding-left:20px;
}
.black_list
{
width:315px;
color:#000000;
font-family:Arial;
font-size:13px;
font-weight:normal;
text-align:left;
padding-left:0px;
_padding-left:20px;
}
.downloads /* Specs, Manual... etc. */
{
color:#063891;
font-family:Arial;
font-size:13px;
font-weight:normal;
text-align:right;
padding-left:0px;
_padding-left:20px;
}
.downloads A:link
{
color:#063891;
text-decoration:none;
}
.downloads A:visited
{
color:#063891;
text-decoration:none;
}
.downloads A:active
{
color:#063891;
text-decoration:none;
}
.downloads A:hover
{
color:#f47720;
text-decoration:none;
}
/* Company Logo - top left box */
td.logo
{
width:350px;
height:69px;
text-align:right;
vertical-align:top;
}
td.plogo /* Product Pages Company Logo*/
{
width:452px;
height:69px;
text-align:right;
vertical-align:top;
}
/* Title and Description - top right box */
td.tr
{
width:346px;
height:69px;
text-align:left;
vertical-align:bottom;
}
td.dl /* Title and Description - top right box */
{
width:106px;
_width:123px;
vertical-align:top;
}
/* Large Image - bottom left box */
td.image
{
width:350px;
vertical-align:top;
padding-top:20px;
_padding-top:0px;
}
td.blc /* bottom left for company page */
{
width:350px;
vertical-align:top;
}
td.brc /* bottom right for company page */
{
width:346px;
vertical-align:top;
}
img.bycomp /* Logos for By Company Page */
{
margin-top:20px;
margin-left:50px;
}
img.bycomp0 /* Logos for By Company Page */
{
margin-top:20px;
margin-left:0;
}
/* Text - bottom right box */
td.br
{
width:346px;
vertical-align:top;
}
table.cdescriptions
{
padding-top:20px; 
margin-left:50px; 
text-align:left; 
width:301px;
}
ul
{
}
li.flist
{
list-style-image:url(http://www.tri-m.com/trim_images/layout/bullet.gif);
padding-bottom:4px;
margin-top:0px;
padding-left:5px;
_padding-left:0;
}
li.tlist
{
list-style:none;
padding-bottom:8px;
}
li.dlist /* Download List --> Specs, Manual... etc. */
{
list-style-image:url(http://www.tri-m.com/trim_images/layout/crossbullet.gif);
padding-bottom:8px;
margin-top:0px;
}
li.dtlist /* Download List Title --> "Download" */
{
list-style:none;
}
td.fbox
{
vertical-align:top;
}
td.fspace
{
height:10px;
}
#footer 
{
background:#df6b27;
min-width:899px;
width:expression(document.body.clientWidth < 832 ? "899px" : "auto" );
height:162px;
position:relative;
}
#pfooter 
{
background:#df6b27;
min-width:899px;
width:expression(document.body.clientWidth < 832 ? "899px" : "auto" );
height:119px;
position:relative;
}
#ofooter /* Footer without bottom icons */
{
background:#df6b27;
min-width:899px;
width:expression(document.body.clientWidth < 832 ? "899px" : "auto" );
height:17px;
position:relative;
}
#bottomc /* BEGIN Small Icons */
{
min-width:899px;
height:92px;
}
td.2bottomc /* 2 sides BEGIN Small Icons */
{
height:92px;
}
div.ilbicons /* Index left Icons */
{
float:left;
margin-right:30px;
_margin-right:18px;
text-align:center;
}
div.irbicons /* Index left Icons */
{
float:right;
margin-right:30px;
_margin-right:18px;
text-align:center;
}
div.bicons /* Icons */
{
float:right;
margin-right:30px;
_margin-right:18px;
text-align:center;
}
div.irbicons p /* Index Icon TEXT */
{
color:#063891;
font-family:Arial;
font-size:10px;
font-weight:normal;
font-style:italic;
text-align:center;
text-decoration:none;
margin:0;
padding:0;
text-align:center;
}
span.ilbicons /* Index Icon TEXT */
{
color:#063891;
font-family:Arial;
font-size:10px;
font-weight:normal;
font-style:italic;
text-align:center;
text-decoration:none;
margin:0;
padding:0;
text-align:center;
}
div.bicons p /* Icon TEXT */
{
color:#000000;
font-family:Arial;
font-size:10px;
font-weight:normal;
text-align:center;
text-decoration:none;
margin:0;
padding:0;
text-align:center;
}
div.bicons p A:link
{
color:#000;
text-decoration:none;
}
div.bicons p A:visited
{
color:#000;
text-decoration:none;
}
div.bicons p A:active
{
color:#000;
text-decoration:none;
}
div.bicons p A:hover
{
color:#f47720;
text-decoration:none;
}
td.catalogue
{
width:100px;
}
td.dcontest
{
width:130px;
}
.fpbox
{
color:#063891;
font-family:Arial;
font-size:10px;
font-weight:bold;
font-style:italic;
text-align:center;
}
.pfpbox /* Catagories TEXT */
{
color:#000000;
font-family:Arial;
font-size:10px;
font-weight:normal;
text-align:center;
text-decoration:none;
}
.pfpbox A:link
{
color:#000;
text-decoration:none;
}
.pfpbox A:visited
{
color:#000;
text-decoration:none;
}
.pfpbox A:active
{
color:#000;
text-decoration:none;
}
.pfpbox A:hover
{
color:#f47720;
text-decoration:none;
}
td.fcbox
{
width:100px;
color:#063891;
font-family:Arial;
font-size:10px;
font-weight:bold;
text-align:center;
}
#lbc
{
width:50%;
text-align:right;
float:left;
}
#fp
{
padding-left:30px;
padding-right:30px;
}
#fpt
{
color:#063891;
font-family:Arial;
font-size:11px;
font-weight:normal;
text-align:center;
margin:0;
padding:0;
}
#fpi
{
text-align:center;
}
#rbc
{
width:152px;
text-align:center;
padding-right:30px;
float:right;
}
#fc
{
}
#fct
{
color:#063891;
font-family:Arial;
font-size:12px;
}
#fcl
{
}
/* END Small Logos */
/* BEGIN Orange Footer */
#orangefooter
{
background-color:#df6b27;
background:url(http://www.tri-m.com/trim_images/layout/footer.gif); 
background-repeat:no-repeat;
height:60px;
padding-left:30px;
padding-right:30px;
}
#porangefooter /* Footer on all pages EXCEPT index */
{
background-color:#063891;
height:17px;
padding-left:30px;
padding-right:30px;
}
.nan_title
{
color:#FFFFFF;
font-family:Arial;
font-size:12px;
font-weight:bold;
text-align:left;
padding:0;
margin-bottom:0;
margin-top:13px;
}
.nan_text
{
color:#FFFFFF;
font-family:Arial;
font-size:12px;
font-weight:normal;
text-align:left;
padding:0;
margin:0;
}
.nan_text A:link
{
color:#fff;
}
.nan_text A:visited
{
color:#fff;
}
.nan_text A:active
{
color:#fff;
}
.nan_text A:hover
{
color:#063891;
}
#ilinks
{
color:#fff;
font-family:Arial;
font-size:9px;
font-weight:bold;
text-align:left;
float:left;
margin-top:5px;
}
#icopyright
{
color:#fff;
font-family:Arial;
font-size:9px;
font-weight:bold;
text-align:right;
float:right;
margin-top:5px;
}
#links
{
color:#fff;
font-family:Arial;
font-size:9px;
font-weight:bold;
text-align:left;
float:left;
margin-top:2px;
}
#copyright
{
color:#fff;
font-family:Arial;
font-size:9px;
font-weight:bold;
text-align:right;
float:right;
margin-top:2px;
}
#links A:link
{
color:#fff;
}
#ilinks A:link
{
color:#fff;
}
#links A:visited
{
color:#fff;
}
#ilinks A:visited
{
color:#fff;
}
#links A:active
{
color:#fff;
}
#ilinks A:active
{
color:#fff;
}
#links A:hover
{
color:#f47720;
}
#ilinks A:hover
{
color:#f47720;
}
.expand 
{
color:#f47720;
font-family:Arial;
font-size:12px;
text-align:left;
font-weight:bold;
margin:0;
padding:0;
}
div.cspace
{
padding-top:10px;
}
ul.cat
{
margin-bottom:5px;
padding-bottom:0;
margin-top:0;
padding-top:0;
}
.expand A:link
{
font-weight:bold;
color:#f47720;
}
.expand A:visited
{
font-weight:bold;
color:#f47720;
}
.expand A:active
{
font-weight:bold;
color:#f47720;
}
.expand A:hover
{
font-weight:bold;
color:#063891;
}
li.expand 
{ 
list-style-image:url(http://www.tri-m.com/trim_images/layout/bullet.gif);
padding-left:10px;
}
/* END Orange Footer */
/* END FOOTER */
/* END WHOLE PAGE */
span.alert
{
font-family:Verdana;
font-size:10px;
color:#ee4423;
font-weight:normal;
}
span.alert A:link
{
font-weight:normal;
color:#c52e10;
}
span.alert A:visited
{
font-weight:normal;
color:#c52e10;
}
span.alert A:active
{
font-weight:normal;
color:#c52e10;
}
span.alert A:hover
{
font-weight:normal;
color:#063891;
}
.new
{
font-family:Verdana;
font-size:10px;
color:#4C9A18;
font-weight:normal;
}
.new A:link
{
font-weight:normal;
color:#189A18;
}
.new A:visited
{
font-weight:normal;
color:#189A18;
}
.new A:active
{
font-weight:normal;
color:#189A18;
}
.new A:hover
{
font-weight:normal;
color:#189A18;
}

/* !NEW HEADINGS! */
.headingtitle
{
color:#063891;
font-family:Arial;
font-size:24px;
text-align:left;
padding:0 0 5px 0;
}
/* END - !NEW HEADINGS! */

/* ABOUT US PAGE */
.abouttext
{
color:#000000;
font-family:Arial;
text-align:left;
font-size:11px;
padding:0 0 15px 0;
_padding:0 0 5px 0;
}
.aboutcontact ul
{
margin:0;
padding:0;
text-align:left;
list-style:none;
font-size:11px;
font-family:Arial;
}
.aboutcontact ul li
{
padding:0 0 5px 0;
_padding:0;
}
/* END - ABOUT US PAGE */

/* COMPANY PAGES */
.c_page
{
margin:0 0 5px 0;
}
.c_heading
{
color:#063891;
font-family:Arial;
font-size:24px;
text-align:left;
padding:0;
}
.t_heading
{
color:#063891;
font-family:Arial;
font-size:24px;
text-align:left;
padding:15px 0 0 0;
}
.c_logo_slogan table tr td
{
color:#f47720;
font-family:Arial;
font-size:11px;
font-weight:bold;
padding:15px 0 10px 0;
}
.c_about
{
color:#000000;
font-family:Arial;
text-align:left;
font-size:11px;
}
.c_order
{
color:#f47720;
font-family:Arial;
font-size:11px;
font-weight:bold;
padding:15px 0 0 0;
}
div.productTypes
{
margin:0 0 20px 0;
}
table#productTypes2 tr td
{
border:0;
}
div.productTypes table tr td
{
text-align:left;
vertical-align:middle;
font-size:11px;
font-family:Arial;
padding:5px 0 5px 0;
border-bottom:solid 1px #000;
}
#productTypes_title
{
font-size:15px;
color:#f47720;
font-weight:bold;
}
#productTypes_title2
{
font-size:18px;
font-weight:bold;
color:#f47720;
border-bottom:0;
padding:0;
}
#productTypes_subcat
{
font-size:15px;
color:#000000;
font-weight:bold;
padding:5px 0 5px 0;
border:0;
}
#productTypes_subcat2
{
font-size:12px;
color:#f47720;
font-weight:bold;
border:0;
padding:5px 0 0 0;
margin:0;
}
#productTypes_subcat3
{
font-size:12px;
color:#636363;
font-weight:bold;
padding:5px 0 5px 0;
margin:0;
border:0;
}
#productTypes_subcat4
{
font-size:15px;
color:#000000;
font-weight:bold;
padding:15px 0 5px 0;
border:0;
}
#productTypes_title5
{
font-size:18px;
font-weight:bold;
color:#f47720;
border-bottom:0;
padding:5px 0 0 0;
}
#productTypes_subcat6
{
font-size:15px;
color:#000000;
font-weight:bold;
padding:0 0 5px 0;
border:0;
}
#productTypes_subcat7
{
font-size:12px;
color:#f47720;
font-weight:bold;
border:0;
padding:0;
margin:0;
}
#productTypes_line
{
padding:0;
margin:0;
border:0;
height:1px;
background-color:#000000;
}
.c_desc
{
color:#000000;
}
.c_desc A:link
{
color:#000000;
font-weight:normal;
text-decoration:none;
}
.c_desc A:visited
{ 
color:#063891;
font-weight:normal;
text-decoration:none;
}
.c_desc A:active
{ 
color:#063891;
font-weight:normal;
text-decoration:none;
}
.c_desc A:hover
{ 
color:#f47720;
font-weight:normal;
text-decoration:none;
}
div.c_products table
{
margin:0 0 15px 0;
}
div.c_products table tr td
{
text-align:left;
vertical-align:middle;
font-size:11px;
font-family:Arial;
padding:5px 0 5px 0;
border-bottom:solid 1px #000;
}
.p_desc
{
color:#000000;
text-align:left;
vertical-align:middle;
font-size:11px;
font-family:Arial;
padding:5px 0 5px 0;
}
.p_desc A:link
{
color:#000000;
font-weight:normal;
text-decoration:none;
}
.p_desc A:visited
{ 
color:#000000;
font-weight:normal;
text-decoration:none;
}
.p_desc A:active
{ 
color:#000000;
font-weight:normal;
text-decoration:none;
}
.p_desc A:hover
{ 
color:#f47720;
font-weight:normal;
text-decoration:none;
}
.newproduct
{
color:#038853;
text-align:left;
vertical-align:middle;
font-size:11px;
font-family:Arial;
padding:5px 0 5px 0;
}
.newproduct A:link
{
color:#038853;
font-weight:normal;
text-decoration:none;
}
.newproduct A:visited
{ 
color:#038853;
font-weight:normal;
text-decoration:none;
}
.newproduct A:active
{ 
color:#038853;
font-weight:normal;
text-decoration:none;
}
.newproduct A:hover
{ 
color:#f47720;
font-weight:normal;
text-decoration:none;
}
.disproduct
{
color:#bb2525;
text-align:left;
vertical-align:middle;
font-size:11px;
font-family:Arial;
padding:5px 0 5px 0;
}
.disproduct A:link
{
color:#bb2525;
font-weight:normal;
text-decoration:none;
}
.disproduct A:visited
{ 
color:#bb2525;
font-weight:normal;
text-decoration:none;
}
.disproduct A:active
{
color:#bb2525;
font-weight:normal;
text-decoration:none;
}
.disproduct A:hover
{ 
color:#f47720;
font-weight:normal;
text-decoration:none;
}
.toppage
{
margin:0 0 10px 0;
}
/* END - COMPANY PAGES */
.fc_type
{
padding:0;
}
.t_choose
{
font-family:Arial;
font-size:14px;
font-weight:bold;
}
.menutitle
{
font-family:Arial;
color:f47720;
font-size:14px;
font-weight:bold;
margin:0;
padding:10px 0 0 0;
border-bottom:1px solid #000000;
width:130px;
text-align:left;
}
.menutitle A:link
{
color:f47720;
font-weight:bold;
text-decoration:none;
}
.menutitle A:visited
{ 
color:f47720;
font-weight:bold;
text-decoration:none;
}
.menutitle A:active
{
color:f47720;
font-weight:bold;
text-decoration:none;
}
.menutitle A:hover
{ 
color:#000000;
font-weight:bold;
text-decoration:none;
}
.submenu
{
font-size:11px;
color:#000000;
text-align:left;
width:130px;
font-family:Arial;
}
.submenu A:link
{
color:#000000;
font-weight:normal;
text-decoration:none;
}
.submenu A:visited
{ 
color:#000000;
font-weight:normal;
text-decoration:none;
}
.submenu A:active
{
color:#000000;
font-weight:normal;
text-decoration:none;
}
.submenu A:hover
{ 
color:#f47720;
font-weight:normal;
text-decoration:none;
}

table.shopcart {
   border-collapse: collapse;
}
table.shopcart td {
   border-bottom: 1px solid black;
}
table.shopcart td a{
   display: block;
   padding: 3px;
   text-decoration: none;
}
table.shopcart td a:hover, table.shopcart td a:active {
   color: #333333;
   background-color: #FF8800;
}