html, body {margin:0;padding:0;border:0;}
body {font-family:Arial, Helvetica, sans-serif;font-size:0.76em;font-weight:normal;color:#585858;background:url(images/page-bg.jpg) top left repeat-x #BBB5C9;text-align:center;padding-bottom:40px;}
form, fieldset, h1, h2, h3, h4, h5, h6, img, p, ul, li {border:0px;margin:0px;padding:0px;}
.clear {clear:both;font-size:1%;overflow:hidden;height:0px;}
.clrfx:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#wrapper {margin:0 auto;width:982px;text-align:left;margin-top:14px;}
#header {width:982px;height:122px;position:relative;background:url(images/header-bg.jpg) top left no-repeat;}
#shield {position:absolute;top:12px;left:14px;width:51px;height:57px;}
#logo {position:absolute;top:12px;left:22px;width:90px;height:90px;}
#logotrac {position:absolute;top:68px;left:130px;width:210px;height:35px;background:url(images/logo-trac.jpg) top left no-repeat;}

#menu {width:982px;height:36px;position:relative;}
#searchbox {position:absolute;width:202px;height:22px;top:6px;left:20px;}
#searchbox label {width:176px;color:#FFFFFF;font-size:90%;font-family:Arial, Helvetica, sans-serif;}
#searchbox input.inputtext {width:180px;height:18px;border:0px solid #525058;padding:1px 1px 1px 3px;}
#searchbox .searchbtn {position:absolute;cursor:pointer;top:0px;left:176px;display:block;width:24px;height:20px;}

ul#blue {position:absolute;left:246px;top:6px;width:362px;font-size:90%;}
#blue li {float:left;display:inline;list-style:none;width:174px;margin-right:6px;}
#blue li a {width:174px;text-decoration:none;display:block;padding:4px 4px 4px 4px;color:#FFFFFF;voice-family: "\"}\""; voice-family:inherit;width:166px;}
#blue li a:link, #blue li a:visited {color:#FFFFFF;text-decoration:none;background-color:#514D64;}
#blue li a:active, #blue li a:hover {color:#FFFFFF;text-decoration:none;background-color:#464062;}

ul#green {position:absolute;left:612px;top:6px;width:362px;font-size:90%;}
#green li {float:left;display:inline;list-style:none;width:174px;margin-right:6px;}
#green li a {width:174px;text-decoration:none;display:block;padding:4px 4px 4px 4px;color:#FFFFFF;voice-family: "\"}\""; voice-family:inherit;width:166px;}
#green li a:link, #green li a:visited {color:#FFFFFF;text-decoration:none;background-color:#666E59;}
#green li a:active, #green li a:hover {color:#FFFFFF;text-decoration:none;background-color:#718748;}

#content {width:982px;background:url(images/content-bg.jpg) top left repeat-x #AEAEB5;padding-bottom:20px;min-height:500px;}
/*\*/
* html #content {height:500px;}
/**/
#contentinner {width:982px;background:url(images/contentinner-bg.gif) top left repeat-y;}

#breadcrumbs {width:982px;font-family:Microsoft sans serif, Arial, Helvetica, sans-serif;min-height:32px;}
/*\*/
* html #breadcrumbs {height:32px;}
/**/
#breadcrumbs p {padding-left:246px;padding-top:6px;font-size:90%;color:#FFFFFF;}
#breadcrumbs p a:link, #breadcrumbs p a:visited {color:#B8B3A3;text-decoration:none;}
#breadcrumbs p a:active, #breadcrumbs p a:hover {color:#FFFFFF;text-decoration:none;}

#left {float:left;display:inline;width:202px;margin-left:20px;min-height:360px;padding-bottom:150px;}
/*\*/
* html #left {height:360px;}
/**/

ul#nav {width:202px;font-family:Microsoft sans serif, Arial, Helvetica, sans-serif;font-size:100%;border-top:1px solid #55555A;border-bottom:1px solid #6B6A70;}
#nav li {color:#C7C8C7;list-style:none;width:202px;border-top:1px solid #6B6A70;border-bottom:1px solid #55555A;}
#nav li a {width:202px;text-decoration:none;display:block;padding:5px 22px 6px 8px;color:#404041;voice-family: "\"}\""; voice-family:inherit;width:172px;}
#nav li a:link, #nav li a:visited {color:#FFFFFF;text-decoration:none;}
#nav li a:active, #nav li a:hover {background:url(images/nav-li.jpg) -202px top no-repeat;color:#FFFFFF;text-decoration:none;}
#nav li a.on {background:url(images/nav-li.jpg) -202px top no-repeat;color:#FFFFFF;text-decoration:none;}

#nav li ul {color:#8CC919;list-style:none;width:202px;border-top:1px solid #55555A;border-bottom:0px solid #6A696F;margin-bottom:-1px;}
#nav li ul li {color:#8CC919;list-style:none;width:202px;border-top:1px solid #6B6A70;border-bottom:1px solid #55555A;}
#nav li ul li a {width:202px;text-decoration:none;display:block;padding:4px 8px 5px 20px;color:#8CC919;voice-family: "\"}\""; voice-family:inherit;width:174px;}
#nav li ul li a:link, #nav li ul li a:visited {background:none;color:#8CC919;text-decoration:none;}
#nav li ul li a:active, #nav li ul li a:hover {background:none;color:#B3BAAB;text-decoration:none;}
#nav li ul li a.on {background:none;color:#B3BAAB;text-decoration:none;}

#phone {width:186px;padding-left:8px;color:#FFFFFF;margin-top:40px;}
#phone a:link, #phone a:visited {font-size:120%;color:#FFFFFF;text-decoration:none;}
#phone a:active, #phone a:hover {font-size:120%;color:#FFFFFF;text-decoration:underline;}
.emp {font-size:210%;}

#navpanel {width:196px;margin-left:3px;margin-top:20px;min-height:60px;background:url(images/navpanel-bg.jpg) bottom left no-repeat;}
/*\*/
* html #navpanel {height:60px;}
/**/
#navpanel h4 {padding:3px 6px 2px 6px;color:#595959;font-size:140%;font-weight:normal;}
#navpanel h4 a:link, #navpanel h4 a:visited {color:#595959;text-decoration:none;}
#navpanel h4 a:active, #navpanel h4 a:hover {color:#595959;text-decoration:none;}
#navpanel p {padding:0px 6px 6px 6px;color:#FFFFFF;}

ul#navlinks {margin:20px 8px 12px 8px;}
#navlinks li {padding:3px 0px 3px 0px;color:#FFFFFF;font-size:100%;list-style:none;}
#navlinks li a:link, #navlinks li a:visited {color:#FFFFFF;text-decoration:none;}
#navlinks li a:active, #navlinks li a:hover {color:#FFFFFF;text-decoration:underline;}

#navbuttons {width:197px;margin-left:3px;margin-top:30px;}
#navbuttons img {margin-bottom:10px;}

#main {float:right;display:inline;width:736px;position:relative;}
#tabmain {float:right;display:inline;width:736px;position:relative;}
#wsmain {float:right;display:inline;width:736px;position:relative;}
#main h1 {color:#FFFFFF;font-size:250%;padding:12px 0px 16px 0px;font-weight:normal;}
.maintext {float:left;display:inline;width:356px;position:relative;}
.maintext p {color:#FFFFFF;padding:0px 0px 16px 0px;font-weight:normal;line-height:1.5em;}
.maintext p.intro {font-size:130%;}
.grpicons {float:right;display:inline;width:364px;position:relative;}
.grpicons img {margin-bottom:17px;}

ul#grey {width:736px;font-size:90%;}
#grey li {float:left;display:inline;list-style:none;width:174px;margin-right:6px;}
#grey li a {width:174px;text-decoration:none;display:block;padding:4px 4px 4px 4px;color:#FFFFFF;voice-family: "\"}\""; voice-family:inherit;width:166px;}
#grey li a:link, #grey li a:visited {color:#FFFFFF;text-decoration:none;background-color:#55545C;}
#grey li a:active, #grey li a:hover {color:#FFFFFF;text-decoration:none;background-color:#494850;}
.grey {color:#B9B0A6;}

#topproduct {background-color:#FFFFFF;width:736px;margin-bottom:12px;position:relative;}
#topproduct h1 {color:#595959;font-size:280%;padding:20px 0px 16px 0px;font-weight:normal;}
#topproduct h2 {color:#B9B9B9;font-size:150%;padding:6px 0px 12px 0px;font-weight:normal;}
.topproducttxt {width:346px;float:left;display:inline;margin-left:10px;}
.topproductimg {width:380px;float:right;display:inline;}
#topproduct p {padding:6px 0px 12px 0px;}
#topprodbuynow {position:absolute;bottom:16px;left:16px;width:330px;height:30px;}
#topprodbuynow h4 {background:url(images/h3bull-lge.gif) top left no-repeat;padding-left:40px;padding-top:14px;color:#8CC919;font-size:110%;font-weight:bold;}
#topprodbuynow a.grn:link, #topprodbuynow a.grn:visited {color:#8CC919;text-decoration:none;}
#topprodbuynow a.grn:active, #topprodbuynow a.grn:hover {color:#8CC919;text-decoration:underline;}
#topprodbuynow a.blue:link, #topprodbuynow a.blue:visited {color:#847DAA;text-decoration:none;}
#topprodbuynow a.blue:active, #topprodbuynow a.blue:hover {color:#847DAA;text-decoration:underline;}
#topprodbuynow a.lgrn:link, #topprodbuynow a.lgrn:visited {color:#B7DC72;text-decoration:none;}
#topprodbuynow a.lgrn:active, #topprodbuynow a.lgrn:hover {color:#B7DC72;text-decoration:underline;}

#panels {width:720px;margin-top:12px;}
.panelrow {width:720px;padding-bottom:10px;}
.panelleft {width:354px;float:left;display:inline;background:url(images/panel-bg.gif) top left no-repeat;}
.panelright {width:354px;float:right;display:inline;background:url(images/panel-bg.gif) top left no-repeat;}
.panelinner {width:354px;background:url(images/panelinner-bg.gif) bottom left no-repeat;min-height:122px;padding-bottom:4px;}
/*\*/
* html .panelinner {height:122px;}
/**/
.paneltxtsml {width:124px;float:left;display:inline;margin-left:6px;margin-top:12px;}
.panelimglge {width:210px;float:right;display:inline;margin-right:14px;margin-top:12px;}
.paneltxtlge {width:194px;float:left;display:inline;margin-left:6px;margin-top:12px;}
.panelimgsml {width:140px;float:right;display:inline;margin-right:14px;margin-top:12px;}
.panelimggrn {width:140px;float:left;display:inline;margin-left:6px;margin-top:12px;}
.paneltxtgrn {width:194px;float:right;display:inline;margin-right:14px;margin-top:12px;}
#panels h1 {color:#0E0059;font-size:120%;font-family:Georgia, "Times New Roman", Times, serif;padding-top:4px;padding-bottom:4px;}
#panels h1 a:link, #panels h1 a:visited {color:#0E0059;text-decoration:none;}
#panels h1 a:active, #panels h1 a:hover {color:#0E0059;text-decoration:none;}
#panels h2 {color:#8CC919;font-size:120%;font-family:Microsoft sans serif, Arial, Helvetica, sans-serif;padding-top:4px;padding-bottom:4px;}
#panels h2 a:link, #panels h2 a:visited {color:#8CC919;text-decoration:none;}
#panels h2 a:active, #panels h2 a:hover {color:#8CC919;text-decoration:none;}
#panels h3 {color:#8CC919;font-size:110%;background:url(images/h3bull.gif) center left no-repeat;padding-left:20px;}
#panels h3 a:link, #panels h3 a:visited {color:#8CC919;text-decoration:none;}
#panels h3 a:active, #panels h3 a:hover {color:#8CC919;text-decoration:underline;}
#panels p {font-size:90%;padding-bottom:4px;}
.budge {padding-left:30px;}

#detail {width:720px;background-color:#FFFFFF;min-height:380px;position:relative;}
/*\*/
* html #detail {height:380px;}
/**/
#detail h2 {color:#000000;font-size:180%;padding:18px 420px 6px 18px;font-weight:normal;}
#detail h3 {color:#B9B9B9;font-size:150%;padding:6px 420px 12px 18px;font-weight:normal;}
#detail p {padding:6px 420px 12px 18px;font-weight:normal;}
#buynow {position:absolute;bottom:16px;left:16px;width:180px;height:30px;}
#buynow h4 {background:url(images/h3bull-lge.gif) top left no-repeat;padding-left:40px;padding-top:14px;color:#8CC919;font-size:110%;font-weight:bold;}
#buynow h4 a:link, #buynow h4 a:visited {color:#8CC919;text-decoration:none;font-weight:bold;}
#buynow h4 a:active, #buynow h4 a:hover {color:#8CC919;text-decoration:underline;}

#quote {width:720px;position:relative;padding-bottom:20px;background-color:#545454;padding-top:18px;}
#quoteinner {width:696px;position:relative;margin-left:12px;}
#quote h3 {color:#FFFFFF;font-size:130%;font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;padding:0px 0px 10px 0px;}
#quote table {}
table#basket th {background-color:#3F3F46;color:#9FD031;}
table#basket td {background-color:#D8D8D8;color:#3F3F46;}
table#basket input.qty {background-color:#FFFFFF;border:1px solid #3F3F46;text-align:right;width:40px;}
#quote input.txtsml {background-color:#FFFFFF;border:1px solid #3F3F46;width:120px;}
#quote input.txtmed {background-color:#FFFFFF;border:1px solid #3F3F46;width:200px;}
#quote input.txtwde {background-color:#FFFFFF;border:1px solid #3F3F46;width:210px;}
table.tblquote {background-color:#3F3F46;color:#9FD031;}
td.quotebg {background-color:#3F3F46;}
table td.or {font-family:Georgia, "Times New Roman", Times, serif;font-size:110%;color:#9FD031;padding-bottom:6px;}
table td.label {color:#9FD031;padding-left:6px;}
table td.quotew {color:#FFFFFF;padding:3px;}
#qtesubmit {width:180px;height:30px;}
#qtesubmit h4 {background:url(images/h3bull-lge.gif) top left no-repeat;font-family:Georgia, "Times New Roman", Times, serif;padding-left:40px;padding-top:14px;color:#8CC919;font-size:130%;font-weight:normal;}
#qtesubmit h4 a:link, #qtesubmit h4 a:visited {color:#8CC919;text-decoration:none;}
#qtesubmit h4 a:active, #qtesubmit h4 a:hover {color:#8CC919;text-decoration:underline;}

#footer {margin:0 auto;width:982px;text-align:left;position:relative;}
#footerlogo {position:absolute;width:136px;height:39px;left:30px;bottom:30px;}
#grpfooterlogo {position:absolute;width:196px;left:30px;bottom:50px;}
#grpfooterlogo p {color:#FFFFFF;margin-top:8px;}
#footer p.left {float:left;display:inline;font-size:90%;width:550px;color:#FFFFFF;padding-top:10px;padding-left:30px;text-align:left;}
#footer p.right {float:right;display:inline;width:400px;color:#FFFFFF;padding-top:10px;padding-right:10px;text-align:right;}
#footer a:link, #footer a:visited {color:#D3D3D3;text-decoration:none;}
#footer a:active, #footer a:hover {color:#D3D3D3;text-decoration:underline;}


/* Tabs */
#tabs {width:736px;}
#tabs ul {list-style:none;}
#tabs li {float:left;display:inline;width:184px;text-align:center;}
#tabs a {display:block;padding:7px 0px 7px 0px;color:#FFFFFF;font-size:100%;font-weight:bold;}
#tabs a:link, #tabs a:visited {color:#FFFFFF;text-decoration:none;background:url(images/tab-off.jpg) top left no-repeat;}
#tabs a:active, #tabs a:hover, #tabs a:focus {color:#9F9F9F;text-decoration:none;background:url(images/tab-on.jpg) top left no-repeat;}
#tabs a.on {color:#9F9F9F;text-decoration:none;background:url(images/tab-on.jpg) top left no-repeat;}
/* End Tabs */

/* Trac Compute pages */
.computehome {background:url(images/compute-home.jpg) top right no-repeat #FFFFFF;min-height:350px;position:relative;padding-bottom:60px;}
.computesales {background:url(images/compute-sales.jpg) top right no-repeat #FFFFFF;min-height:350px;position:relative;padding-bottom:60px;}
.computeinstallation {background:url(images/compute-installation.jpg) top right no-repeat #FFFFFF;min-height:350px;position:relative;padding-bottom:60px;}
.computemaintenance {background:url(images/compute-maintenance.jpg) top right no-repeat #FFFFFF;min-height:350px;position:relative;padding-bottom:60px;}
.computeresource {background:url(images/compute-resource.jpg) top right no-repeat #FFFFFF;min-height:350px;position:relative;padding-bottom:60px;}
/*\*/
* html .computehome, * html .computesales, * html .computeinstallation, * html .computemaintenance, * html .computeresource {height:350px;}
/**/
#tabmain h2 {color:#58595B;font-size:210%;font-weight:normal;padding:14px 16px 14px 16px;}
#tabmain h3 {color:#BBBBBB;font-size:150%;font-weight:normal;padding:0px 16px 20px 16px;}
#tabmain p {padding:0px 340px 12px 16px;}
#tc-logo {position:absolute;width:180px;height:45px;bottom:10px;left:16px;}
/* End Trac Compute pages */

/* Trac Office pages */
.officehome {background:url(images/office-home.jpg) bottom right no-repeat #FFFFFF;min-height:480px;position:relative;padding-bottom:60px;}
.officeaccount {background:url(images/office-account.jpg) top right no-repeat #FFFFFF;min-height:480px;position:relative;padding-bottom:60px;}
.officerequisit {background:url(images/office-requisit.jpg) top right no-repeat #FFFFFF;min-height:480px;position:relative;padding-bottom:60px;}
.officewarehouse {background:url(images/office-warehouse.jpg) top right no-repeat #FFFFFF;min-height:480px;position:relative;padding-bottom:60px;}
/*\*/
* html .officehome, * html .officewarehouse, * html .officeaccount, * html .officerequisit {height:480px;}

#to-logo {position:absolute;width:148px;height:41px;bottom:10px;left:16px;}
/**/

/* Work Spirit pages */
.spirithome {background:url(images/workspirit-bg.jpg) top right no-repeat #FFFFFF;min-height:522px;position:relative;padding-bottom:60px;}
/*\*/
* html spirithome {height:522px;}
/**/
#ws-logo {position:absolute;width:130px;height:30px;bottom:10px;left:16px;}
#wsmain h2 {color:#58595B;font-size:210%;font-weight:normal;padding:14px 16px 14px 16px;}
#wsmain p {padding:0px 340px 12px 16px;}
#wsmain ul {padding:0px 340px 12px 10px;margin-left:10px;}
#wsmain li {padding-left:2px;margin-left:12px;list-style-image:url(images/li-arrow,gif.gif);font-weight:bold;}
/* End Trac Compute pages */

/* holding page stuff */
#anc {width:982px;height:1px;position:relative;}

#topproducttemp {background:url(images/topproducttemp-bg.jpg) top left no-repeat #FFFFFF;width:736px;height:360px;position:relative;}
#topproducttemp h1 {color:#595959;font-size:280%;padding:20px 0px 12px 0px;font-weight:normal;}
#topproducttemp h2 {color:#B9B9B9;font-size:150%;padding:0px 0px 14px 0px;font-weight:normal;}
.topproducttxttemp {width:386px;margin-left:10px;}
#topproducttemp p {padding:6px 0px 12px 0px;}

.grpnavpanel {width:196px;margin-left:3px;margin-top:40px;min-height:60px;background:url(images/navpanel-bg.jpg) bottom left no-repeat;}
/*\*/
* html .grpnavpanel {height:60px;}
/**/
.grpnavpanel h4 {padding:3px 6px 2px 6px;color:#595959;font-size:140%;font-weight:normal;}
.grpnavpanel h4 a:link, .grpnavpanel h4 a:visited {color:#595959;text-decoration:none;}
.grpnavpanel h4 a:active, .grpnavpanel h4 a:hover {color:#595959;text-decoration:none;}
.grpnavpanel p {padding:0px 6px 6px 6px;color:#FFFFFF;}
.grpnavpanel a:link, .grpnavpanel a:visited {color:#FFFFFF;text-decoration:none;font-weight:bold;}
.grpnavpanel a:active, .grpnavpanel a:hover {color:#FFFFFF;text-decoration:underline;font-weight:bold;}
.navpaneltoptemp {width:196px;height:6px;background:url(images/navpaneltop-bg.gif) top left no-repeat;font-size:1%;overflow:hidden;}
#introtexttemp {width:554px;margin-left:152px;}
#introtexttemp p {color:#FFFFFF;font-size:140%;padding-top:30px;line-height:1.4em;}
#intropaneltemp {width:554px;margin-left:152px;margin-top:30px;background-color:#ABABAF;}
#intropaneltemp h1 {color:#FFFFFF;font-size:200%;padding:12px 9px 10px 9px;}
#intropaneltemp h2 {color:#565658;font-size:140%;padding:0px 9px 12px 9px;}
#intropaneltemp p {color:#565658;font-size:100%;padding:0px 9px 12px 9px;line-height:1.4em;}