@charset "UTF-8";
/* CSS Document */

/*
font:weight size/height face;
border:width style color;
margin:top right bottom left;
background:color image repeat position;
list-style:type position image;
*/


body { font:12px/16px arial; color:#767676; margin:0; background:#ffffff; }
p { margin:0 0 12px 0; }
a { color:#00b7f1; text-decoration:none; }
a:hover { color:#999999; }
div { height:100%; }
img { border:none; }
hr { height:1px;  color:#2bc4f4;  padding:0 0 0 0; margin:0 0 0 0; }
.clear { clear:both; height:auto; }
form { margin:0 0 6px 0; padding:0; }
input { margin:0; padding:0; }
input.field { margin-right:6px; border:1px #00b7f1 solid; }
textarea { margin:0; padding:0; }
textarea.field { margin-right:6px; border:1px #00b7f1 solid; }
*:focus { outline:0; }
.left { float:left; }
.right { float:right; }

.bold { font-weight:bold; }
.blue { color:#00b7f1; }
.white { color:#FFF; }
.gray { color:#999; }
.darkGray { color:#333; }
.black { color:#000; }
.green { color:#339900; }

.greenInfo{  margin:0px 0px 0px 10px; display:block; line-height:20px; width:650px; height:auto; background:url(http:/images/about/green/bg.png) no-repeat;}
.greenInfo p {  margin:15px 0px 0px 0px;}

h1 { margin:0; padding:0; font:normal 20px/20px arial; }
h2 { margin:0; padding:0; font:normal 14px/18px arial; }

.minitext { font:normal 11px/15px Arial; color:#b7b7b7; }
.disable { background:#2bc4f4; color: #fff; font-weight: bold; padding: 5px; }


#tph { width:100%; background:url(/images/assets/headerBg.gif) repeat-x; }

#tph #header { width:975px; height:138px; margin:0 auto 0 auto; }
#tph #header .logo { margin:0 0 0 42px; float:left; display:inline; }
#tph #header .login { float:right; display:inline; margin:0 12px 0 0; }
#tph #header .login a { font:normal 12px/16px arial; color:#999; text-transform:uppercase; }
#tph #header .login a:hover { color:#00b7f1; }

/* nav */
#tph #header table#menu { margin:95px 0 0 0; float:left; display:inline; }
#tph #header table#menu td { vertical-align:top; }

/* nav > normal */
#tph #header table#menu a { display:block; white-space:nowrap; text-align:center; font:14px/23px arial; text-transform:uppercase; color:#999; }
#tph #header table#menu span { float:left; display:block; background:url(/images/nav/nav.gif) repeat-x; text-align:center; cursor:pointer; margin:0; }
#tph #header table#menu span.left { background:url(/images/nav/nav-left.gif) no-repeat top left; }
#tph #header table#menu span.right { background:url(/images/nav/nav-right.gif) no-repeat top right; padding:0px 16px 0px 16px; }

/* nav > hover */
#tph #header table#menu a:hover { color:#FFF; }
#tph #header table#menu a:hover span { background-position:0 -23px; }
#tph #header table#menu a:hover span.left { background:url(/images/nav/nav-left.gif) no-repeat bottom left; }
#tph #header table#menu a:hover span.right { background:url(/images/nav/nav-right.gif) no-repeat bottom right; }
#tph #header table#menu td { text-align:left; }

#tph #header table#menu .nav { position:absolute; height:auto; clear:left; z-index:10; }

/* nav > ie hover fix */
#tph #header table#menu td:hover .nav table.container, 
#tph #header table#menu td.hover .nav table.container { visibility:visible; display:block; }

/* nav > subnav */
#tph #header table#menu .nav table.container { position:relative; top:3px; left:-12px; width:177px; display:none; visibility:hidden; }
#tph #header table#menu .nav table.container td { vertical-align:top; }
#tph #header table#menu .nav table.container td.bottom { width:177px; height:10px; background:url(/images/nav/shadow-bottom.png) no-repeat; }

#tph #header table#menu .nav table.container table.shadows td.leftColumn { width:10px; background:url(/images/nav/shadow-left.png) no-repeat right top; overflow:hidden;}
#tph #header table#menu .nav table.container table.shadows td.rightColumn { width:10px; background:url(/images/nav/shadow-right.png) no-repeat left top; overflow:hidden; }
#tph #header table#menu .nav table.container table.shadows td.middle { width:157px; background:#FFF; padding-top:10px; padding-bottom:10px; border-right:1px #dfdfdf solid; border-left:1px #dfdfdf solid; }

#tph #header table#menu .nav table.container table.shadows table.subnav { vertical-align:top; width:157px; margin:0; padding:0; }
#tph #header table#menu .nav table.container table.shadows table.subnav td { padding:0; background:#FFF; }
#tph #header table#menu .nav table.container table.shadows table.subnav a { display:block; width:157px; text-align:left; white-space:normal; cursor:pointer; font:12px/16px arial; text-transform:capitalize; color:#999; }
#tph #header table#menu .nav table.container table.shadows table.subnav a span { width:157px; background:#FFF; }
#tph #header table#menu .nav table.container table.shadows table.subnav a span span { display:block; float:right; background:none; border-top:1px #d9d9da solid; border-left:1px #d9d9da solid; border-bottom:1px #d9d9da solid; text-align:left; padding:6px; width:125px; }

/* nav > subnav > hover */
#tph #header table#menu .nav table.container table.shadows table.subnav a:hover { color:#FFF; }
#tph #header table#menu .nav table.container table.shadows table.subnav a:hover span { background:url(/images/nav/subBg.gif) repeat-y 4px; }
#tph #header table#menu .nav table.container table.shadows table.subnav a:hover span span { background:#00b7f1; }

/* flash */
#tph table.flash { width:975px; height:259px; margin:0 auto 0 auto; }

/* left nav */
#tph #leftNav { background:url(/images/assets/left-nav-bg.gif) repeat-y; width:227px; margin:0 0 0 42px; }
#tph #leftNavTop { background:url(/images/assets/left-nav-top.gif) no-repeat top; }
#tph #leftNavBottom { background:url(/images/assets/left-nav-bottom.gif) no-repeat bottom; padding:0 0 121px 0; }

/*#tph #leftNavBottom ul { list-style:url(/images/assets/bullet.gif); margin:0 0 0 42px; padding:20px 0 20px 0; }*/
#tph #leftNavBottom ul { list-style:none outside; margin:0 0 0 22px; padding:20px 0 20px 0; }
#tph #leftNavBottom ul li { background:url(/images/assets/bullet.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }
#tph #leftNavBottom ul li a { display:block; font:12px/16px arial; color:#7d7d7d; position:relative; }
#tph #leftNavBottom ul li a:hover { color:#00b7f1; }

/* cababilities > subnav > left nav activated buttons */
#tph #planning #leftNavBottom .b1 { color:#00b7f1; }
#tph #planning #leftNavBottom .b1a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }

#tph #assembly #leftNavBottom .b2 { color:#00b7f1; }
#tph #assembly #leftNavBottom .b2a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }

#tph #fulfillment #leftNavBottom .b3 { color:#00b7f1; }
#tph #fulfillment #leftNavBottom .b3a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }

#tph #inventory #leftNavBottom .b4 { color:#00b7f1; }
#tph #inventory #leftNavBottom .b4a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }

#tph #global #leftNavBottom .b5 { color:#00b7f1; }
#tph #global #leftNavBottom .b5a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }

#tph #customer #leftNavBottom .b6 { color:#00b7f1; }
#tph #customer #leftNavBottom .b6a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }


/* showroom > subnav > left nav activated buttons */
#tph #packaging #leftNavBottom .b1 { color:#00b7f1; }
#tph #packaging #leftNavBottom .b1a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }

#tph #temporary #leftNavBottom .b2 { color:#00b7f1; }
#tph #temporary #leftNavBottom .b2a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }

#tph #permanent #leftNavBottom .b3 { color:#00b7f1; }
#tph #permanent #leftNavBottom .b3a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }

#tph #pallet #leftNavBottom .b4 { color:#00b7f1; }
#tph #pallet #leftNavBottom .b4a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }

#tph #kitting #leftNavBottom .b5 { color:#00b7f1; }
#tph #kitting #leftNavBottom .b5a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }

#tph #total #leftNavBottom .b6 { color:#00b7f1; }
#tph #total #leftNavBottom .b6a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }

#tph #fabric #leftNavBottom .b7 { color:#00b7f1; }
#tph #fabric #leftNavBottom .b7a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }

#tph #acknowledgments #leftNavBottom .b8 { color:#00b7f1; }
#tph #acknowledgments #leftNavBottom .b8a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }



/* about > subnav > left nav activated buttons */
#tph #history #leftNavBottom .b1 { color:#00b7f1; }
#tph #history #leftNavBottom .b1a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }

#tph #green #leftNavBottom .b2 { color:#00b7f1; }
#tph #green #leftNavBottom .b2a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }

/* contact > subnav > left nav activated buttons */
#tph #careers #leftNavBottom .b1 { color:#00b7f1; }
#tph #careers #leftNavBottom .b1a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }

#tph #green #leftNavBottom .b2 { color:#00b7f1; }
#tph #green #leftNavBottom .b2a { background:url(/images/assets/bulletBlue.gif) no-repeat left center; padding:12px 8px 10px 20px; margin:0 24px 0 0; border-bottom:1px #d6d6d6 solid; }




/* body */
#tph #body { width:975px; margin:0 auto 0 auto; }
#tph #body table { width:975px; }
#tph #body table td.copy { padding:25px 65px 25px 35px; display:block; line-height:20px; }
#tph #body table td.copy ul { margin:0 0 0 42px; padding:0 0 35px 0; }



/* images */
#tph #body #about_image { position:absolute; margin:290px 0px 0px 700px; width:267px; height:197px;}

/* capabilities */
#tph #body #capabilities_direction { width:inherit; height:260px; background:url(/images/capabilities/image.jpg) no-repeat 150px 25px; margin:24px 0 0 0;}
#tph #body #capabilities_direction img.image { position:absolute; margin:10px 0 0 200px; }

/* showroom */
#tph #body #showroom_direction { width:inherit; height:379px; background:url(/images/showroom/image.jpg) no-repeat 260px 10px; margin:24px 0 0 0;}
#tph #body #showroom_direction img.arrow { position:absolute; margin:5px 0 0 -25px; }

#tph #body #showroom table { margin:25px 65px 12px 35px; display:block; line-height:20px; }
#tph #body #showroom #flash { margin:25px 65px 25px 35px; display:block; }
#tph #body #showroom #flash-top { margin:25px 65px 0px 35px; display:block; }
#tph #body #showroom h1 { margin:25px 65px 0px 35px; }


/* contact */
#tph .listing ul { margin:0 0 0 20px !important; padding:0px;  }
#tph .listing li { margin:0px !important; padding:0px;  }
#tph #body #contact_content { width:100%; height:auto; margin:24px 0 0 0;}
#tph #body #contact_content #contact_left { width:200px; float:left; display:inline; margin:0 30px 0 0; }
#tph #body #contact_content #contact_left  table { width:200px; }
#tph #body #contact_content #contact_left  table .call1 h2 { font:normal 14px/18px arial; margin:0; padding:0; }
#tph #body #contact_content #contact_left  table .call1 h2 span { font:bold 20px/20px arial black, arial; margin:0; padding:0; }
#tph #body #contact_content #contact_left  table .call1 p { font:normal 11px/15px arial; margin:0; }
#tph #body #contact_content #contact_right { width:368px; float:right; display:inline; }
#tph #body #contact_content #contact_right img { margin:10px 0 0 0; }
#tph #body #contact_content #contact_right ul.menu { list-style:none; padding:0 0 0 0; margin:10px 0 0 0; }
#tph #body #contact_content #contact_right ul.menu li { height:28px; display:inline; float:left; overflow:hidden; padding:0 0 0 0; margin:0 0 0 10px; }
#tph #body #contact_content #contact_right ul.menu li.directions a { width:234px; height:28px; display:block; background:url(/images/contact/directions.gif) no-repeat 0px 0px; padding:28px 0 0 0; }
#tph #body #contact_content #contact_right ul.menu li.directions a:hover { width:234px; height:28px; display:block; background:url(/images/contact/directions.gif) no-repeat 0px -28px; padding:28px 0 0 0; }
#tph #body #contact_content #contact_right ul.menu li.maps a { width:105px; height:28px; display:block; background:url(/images/contact/yahoo_maps.gif) no-repeat 0px 0px; padding:28px 0 0 0; }
#tph #body #contact_content #contact_right ul.menu li.maps a:hover { width:105px; height:28px; display:block; background:url(/images/contact/yahoo_maps.gif) no-repeat 0px -28px; padding:28px 0 0 0; }
#tph #body #contact_bottom { }
#tph #body #contact_bottom input#name { width:200px; }
#tph #body #contact_bottom input#email { width:200px; }
#tph #body #contact_bottom input#subject { width:410px; margin:10px 0 0 0; }
#tph #body #contact_bottom textarea#eBann { width:410px; height:100px; margin:10px 0 0 0; }

/* faq */
#tph #body ul.faq { color:#cbcdd2; margin:0 0 0 0;}
#tph #body ul.faq li { padding:0 0 3px 0; }
#tph #body ul.faq li a { color:#000000; }
#tph #body ul.faq li a:hover { color:#00b7f1; }
#tph #body .item { margin:0 0 0 35px; }
#tph #body .item ol { list-style:inside decimal; padding:0 0 0 0; margin:0 0 12px 0; }
#tph #body .item ol li ol { padding:0 0 0 40px; margin:0 0 0 0; }
#tph #body .item p { width:550px; }
#tph #body .line { float:left; display:inline; margin:10px 15px 0 35px; }
#tph #body .top { padding-top:8px; margin:0; }

/* Show */

#tph #body #showroom .studyLinks { font:normal 16px/20px Arial, Helvetica, sans-serif; color:#00b6ef; margin:0 0 0 10px; clear:both; position:relative; left:39px; top:-10px; }
#tph #body #showroom .studyLinks a { padding:0px 3px 0px 3px; }

/* bottom calls */
#tph #bottom { width:100%; height:238px; background:url(/images/assets/bottomBg.gif) repeat-x; }
#tph #bottom table.bottom { margin:0 auto 0 auto; padding:0;}

#tph #bottom table.bottom .call1 { background:url(/images/home/call1Bg.gif) no-repeat; width:243px; height:134px; padding:0 15px 0 21px; }
#tph #bottom table.bottom .call1 h2 { font:normal 14px/18px arial; margin:0; padding:0; }
#tph #bottom table.bottom .call1 h2 span { font:bold 20px/20px arial black, arial; margin:0; padding:0; }
#tph #bottom table.bottom .call1 p { font:normal 11px/15px arial; margin:0; }

#tph #bottom table.bottom .call2 { background:url(/images/home/call2Bg.gif) no-repeat; width:314px; height:134px; padding:0 5px 0 21px; }

#tph #bottom table.bottom .call3 { background:url(/images/home/call3Bg.gif) no-repeat; width:224px; height:122px; padding:12px 15px 0 15px; }
#tph #bottom table.bottom .call3 img { margin:5px 4px; }

#tph #bottom table.bottom .call4 { background:url(/images/home/call4Bg.gif) no-repeat; width:874px; height:63px; padding:0; }
#tph #bottom table.bottom .call4 h1 {white-space:nowrap; margin-right:12px;}
#tph #bottom table.bottom .call4 p { margin:6px 0 auto 12px; }

/* footer */
#tph #footer { text-align:center; background:url(/images/assets/footer.gif) repeat-x top; padding-top:16px; }
#tph #footer p.sitemap, 
#tph #footer p.sitemap a { font:10px/12px verdana; color:#7d7d7d; }
#tph #footer p.sitemap a:hover { color:#00b7f1; }
#tph #footer p.brand, 
#tph #footer p.brand a { font:11px/13px arial; color:#a6a6a6; }
#tph #footer p.brand a:hover { color:#faae46; }
#tph #footer p.brand .eim { width:34px; height:18px; position:relative; top:6px; background:url(/images/assets/eim.png) no-repeat; }