body { 
/*	background: url("./wPRamodified.jpg");*/
	/* margin : 9px 9px 0 9px;  NOT USED */  
        background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt; 
	color: black; 

} /*id tags to indicate current page on navigation bar*/
div#home a#menu-home,
div#aboutus a#menu-aboutus,
div#approach a#menu-approach,
div#people a#menu-people,
div#experience a#menu-experience,
div#news a#menu-news,
div#media a#menu-media,
div#events a#menu-events,
div#links a#menu-links,
div#download a#menu-download,
div#products a#menu-products,
div#loadplanning a#menu-loadplanning,
div#maxloadpro a#menu-maxloadpro,
div#sampleload a#menu-sampleload,
div#maxloadreports a#menu-maxloadreports,
div#maxloadprofeatures a#menu-maxloadprofeatures,
div#maxloadbenefits a#menu-maxloadbenefits,
div#topspro a#menu-topspro,
div#mixpro a#menu-mixpro,
div#casesizes a#menu-casesizes,
div#casy a#menu-casy,
div#pallets a#menu-pallets,
div#stackingstrength a#menu-stackingstrength,
div#reports a#menu-reports,
div#webpublisher a#menu-webpublisher,
div#topsepac a#menu-topsepac,
div#eplan a#menu-eplan,
div#directroute a#menu-directroute,
div#tracking a#menu-tracking,
div#vtrack a#menu-vtrack,
div#tripman a#menu-tripman,
div#drtrack a#menu-drtrack,
div#ebox a#menu-ebox,
div#sentinel a#menu-sentinel,
div#pointofsale a#menu-pointofsale,
div#eswap a#menu-eswap,
div#eswapbenefits a#menu-eswapbenefits,
div#eproof a#menu-eproof,
div#maps a#menu-maps,
div#services a#menu-services,
div#businessass a#menu-businessass,
div#systemalign a#menu-systemalign,
div#change a#menu-change,
div#technical a#menu-technical,
div#consulting a#menu-consulting,
div#support a#menu-support,
div#training a#menu-training,
div#contact a#menu-contact,
div#privacy a#menu-privacy, 
div#directroutebenefits a#menu-directroutebenefits,  
div#directrouteworks a#menu-directrouteworks,  
div#directroutesolutions a#menu-directroutesolutions,  
div#directroutesampleroute a#menu-directroutesampleroute, 
div#directrouteconsulting a#menu-directrouteconsulting, 
div#scheduling a#menu-scheduling,
div#territorypro a#menu-territorypro,
div#resourcepro a#menu-resourcepro,
div#schedulepro a#menu-schedulepro,
div#trst a#menu-trst,
div#routing a#menu-routing,
div#cmp a#menu-cmp,
div#maxloadcustomers a#menu-maxloadcustomers,
div#topscustomers a#menu-topscustomers

{
	text-decoration:underline;
}


hr {
color: #d2d2d2;
background-color: #d2d2d2;
height:1px;
border:0px;
}

a:hover {
color: red;}

h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
/*	padding-top: 0.5em;*/
}

h1.orange{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #f79b08;
	text-align:center;
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 0.5em;
}

h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	padding-top: 0.5em;
}
h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: italic;
	padding-top: 0.5em;
}

div.center { 
	text-align: center 
}

p#c {
	text-align:center;
}

#bodytext{
        margin-left:10.2em;
        margin-right:10.2em;
        padding-left:1em;
        padding-right:1em;

}

small {
	font-size: 8pt;
}

div.quote{
	
	position:absolute;
    	left: 180px;
	top: 43px;

}

p.quote{
	text-align:right;
}

.orangebox{
	/*font-size:1.3em;*/ 
	background-color:#fee3ad; /*light orange*/
	padding:2px 4px; 
 
	margin-top:1.7em; 
	clear:both                /*What does this do? maybe not needed*/
}

.redbox{
	/*font-size:1.3em;*/ 
	background-color:#f38787; /*light red*/
	padding:2px 4px; 
	 
	margin-top:1.7em; 
	clear:both                /*What does this do? maybe not needed*/
}

.greenbox{
	/*font-size:1.3em;*/ 
	background-color:#acd496; /*light green*/
	padding:2px 4px; 
	 
	margin-top:1.7em; 
	clear:both                /*What does this do? maybe not needed*/
}

.yellowbox{
	/*font-size:1.3em;*/ 
	background-color:#fce182; /*light yellow*/
	padding:2px 4px; 
	
	margin-top:1.7em; 
	clear:both                /*What does this do? maybe not needed*/
}

.bluebox{
	/*font-size:1.3em;*/ 
	background-color:#7eb5d4; /*light blue*/
	padding:2px 4px; 
 
	margin-top:1.7em; 
	clear:both                /*What does this do? maybe not needed*/
}

.purplebox{
	/*font-size:1.3em;*/ 
	background-color:#ad9ade; /*light purple*/
	padding:2px 4px; 

	margin-top:1.7em; 
	clear:both                /*What does this do? maybe not needed*/
}

.tealbox{
	/*font-size:1.3em;*/ 
	background-color:#87cecf; /*light teal*/
	padding:2px 4px; 
	margin-top:1.7em; 
	clear:both                /*What does this do? maybe not needed*/
}

.pinkbox{
	/*font-size:1.3em;*/ 
	background-color:#e584bd; /*light pink*/
	padding:2px 4px; 
	margin-top:1.7em; 
	clear:both                /*What does this do? maybe not needed*/
}

.navybox{
	/*font-size:1.3em;*/ 
	background-color:#8aa2de; /*light navy*/
	padding:2px 4px; 
	margin-top:1.7em; 
	clear:both                /*What does this do? maybe not needed*/
}

div.container {
	position:absolute;
	left:50%;
	width: 990px;
	margin-left: -495px;
}	

div.maincontainer {
	position:relative;    	
	width:100%;
    	top:127px; 
	background: #f79b08; /*background colour of right sidebar*/
	margin-top:13px; 
	color: black;
}
div.leftcontainer {
	position:relative;
	width:796px;
   	top:0px;
        left:0px;	
	background:#f79b08; /*background colour of left sidebar*/ 
	color: black;
}
div.leftsidepanel {
	position:absolute;
	top:17px;
	_top:40px; /*IE6 css hack*/ 
	height:100%; 
	min-height:690px;
	_height:690px; /*IE6 css hack*/ 
	left:0px;
	width:194px;
	background-image: url(transtech_vertical_bigger.gif);
	background-position: 100% 20px; /* 25%; */ 
	background-repeat: no-repeat;
}

div.maincenter{ /*the main text section*/ 
	position:relative;
	background:white;
	color: #393939;
	top:0px;
	_top:12px; /* IE6 css hack */
	left:194px;
	width:584px;
	padding-top:48px;
	padding-bottom: 40px; 
	padding-left: 9px;
	padding-right: 9px;
	min-height: 650px;
	_height:650px; /*IE6 css hack*/ 
}

div.headcontainer{
}

div.topleft{
	position:absolute;
	left:0px;
	top:0px;
	width:194px;
	height:123px;
}

div.topcenter{
	position:absolute;
	left:194px;
	top:0px;
	width:604px;
	height:123px;
}

div.toprighttop{
	background:#F79B08; /*transtech orange*/  
	position:absolute;
	height:106px;
	width:192px;
	left:798px;
	top:0px;
}

p#slideshow{
	position:relative;
	bottom:0px; 
	right:0px;
	_top:10px; /* IE6 css hack */
}

div.toprightbottom{
	position:absolute;
	background:#ffdd45; /*yellowish*/
	height: 17px;
	width: 192px;
	left:798px;
	top:106px;
}

div.blackline{
	position:absolute;
	background:black;
	width:990px;
	top:123px;
	left:0px;
	height:17px;
	z-index:10;
}

div.graybox {
	position:relative;    	
	width:130px;
	height:60px;
	background-color:#f3f3f3; /*light gray*/
	border:#3f3f3f;
	padding:2px 4px;
	position: absolute;
	left: 448px;
	top: 60px;
	font-size: 7.5pt;
	border-style: solid;
	border-color: #dbdbdb;
	border-width: 1px;
}


div.captionpics{
	
	position:absolute;
    	left: 27px;
	top: 480px;
} 


div.diagramsolution{
	
	text-align:center;

}

div.diagramscheduling{
	
	position:absolute;
    	left: 65px; 
	top: 130px; 

}

div.diagramrouting{
	
	position:absolute;
    	left: 413px;
	top: 130px;
} 


div.diagramtracking{
	
	position:absolute;
    	left: 418px;
	top: 330px;
} 

div.diagramfatigue{
	
	position:absolute;
    	left: 235px;
	top: 560px;
} 

div.diagramproof{
	
	position:absolute;
    	left: 55px;
	top: 330px;
} 

div.diagramloading{
	
	position:absolute;
    	left: 235px;
	top: 95px;
}

div.transport{
	
	position:absolute;
    	left: 208px;
	top: 266px;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

table.center {
	margin-left:auto; 
	margin-right:auto;
}


div.rightsidepanel{
	position:absolute;
	text-align:center;
	top: 10px;
	_top: 30px; /*IE6 css hack */
	right: 0px;
	width: 194px;
	height: 100%;  
}

div.products{
	position:relative;
	left:0px;
	top:-12px;
}

div.welcome {
	
	position: relative;
	width: 100%;
}

div.news {
	position: relative;
}

div.footer{
	width:990px;
	color: gray;
	background:white;
	font-size: 8pt;
	padding-bottom:4px;
	padding-top:3px;
}

table.homepage h1 {
	color: #f79b08;
	font-size: 10pt;
	font-weight: bolder;
	text-transform: uppercase;
	border-bottom-style: solid;
	border-bottom-color: #f79b08;
}

table.homepage h2 {
	color: #cc3449;
	font-weight: bold;
}	

table.homepage a {
	font-size: 8pt; 
	font-weight: bold;
	color: #393939;
}

.footer p{ 
	text-align:center;
	padding-top:0em;
	margin-top:0.2em;
	margin-bottom:0em;
}

/*Set up the transtech bullets class*/
ul.transtechbullets {
	/*Use the transtech logo as the default bullet*/
	list-style-image: url(icon.GIF);
}

li.transtechbullets {
	padding: 1em;
}

ul.nobullets {
	list-style: none;
}

td.tabletext{
	width: 100%;
	text-align: left;
}

/*Never put a border around an image (useful when an image is in a hyperlink)*/
img
{
 border-style: none;
}

.subnavigation {
/*	z-index: 1000;*/
}

.subnavigation ul{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0.5em;
	font-weight: bold;
	font-size:11pt
	

}

.subnavigation ul ul{
	list-style-type:none;
	padding-left:0;
	margin-left:0.6em;
	font-weight: bold;
	font-style:normal;
	font-size:9pt
}

.subnavigation ul ul ul{
list-style-type:none;
	padding-left:0;
	margin-left:0.7em;
	font-style:normal;
	font-weight: bold;
	font-size:8pt
}

.subnavigation ul ul ul ul{
list-style-type:none;
	padding-left:0;
	margin-left:0.5em;
	font-style:italic;
	font-weight: bold;
	font-size:8pt
	
}

.subnavigation li{
	padding: 0.5em;
	color:#505050; /*grey*/
}

.subnavigation a:link{
	text-decoration:none;
	color:black;
}

.subnavigation a:visited{
	text-decoration:none;
	color:black;
}

.subnavigation a:hover{
	text-decoration:underline;
	color:black;
}

/*Set up the transtechlogo class, it's currently not used (was used to test
using an image in the menus*/
.transtechlogo {
	background-image: url(icon.GIF);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 11px;
	left: 2px;
	position: absolute; /* Do not alter this line! */
	width: 19px;
}