/* The file below is read by ALL browsers
	but the hacks contained within it further target 
	IE5-6 for Windows. See file for details. */

@import "ie6_css.css";

#container {
 margin: 0 auto;
 width: 801px;
 text-align: left;
 border-right: 1px solid #9D9DA1;
 border-left: 1px solid #9D9DA1;
 border-bottom: 1px solid #9D9DA1;
}

/* -- header -- */
#bgtopline {
 background: url(images/bg_top_line.gif) top left ; width:801px; height:4px; z-index:1;
 background-repeat : repeat-x ; 
}

#header {width: 801px; height: 103px; background: url(images/transmotion_logo.gif) no-repeat ; width:801px; height:103px; z-index:1; position: relative;}

#motto { 
 font-size : 14px; color: #68AFEB;	font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
 letter-spacing: 0em; font-weight: bold; background-color: black;
 width: 284px; background: none; padding: 0px; 
 position: absolute; top: 70px; left: 508px;
 border: 0px #000000 solid;
}

/* -- Mouseover Menu -- */
	#momenu {position: absolute; top: 0px; left: 321px; width: 480px; height: 102px; padding: 0; margin: 0;}
	#momenu li {list-style: none; margin: 0; padding: 0; display: inline;}
	#momenu li a:link, #momenu li a:visited {display: block; position: absolute; top: 0; height: 28px;}
	#momenu li a:hover 
		.home #momenu .li1 a:link, .home #momenu .li1 a:visited,
		.products #momenu .li2 a:link, .products #momenu .li2 a:visited,
		.accessories #momenu .li3 a:link, .accessories #momenu .li3 a:visited,
		.support #momenu .li4 a:link, .support #momenu .li4 a:visited,
		.about #momenu .li5 a:link, .about #momenu .li5 a:visited,		
		.contact #momenu .li6 a:link, .contact #momenu .li6 a:visited,
		
	#momenu .li1 a {left: 0; width: 54px;}
	#momenu .li2 a {left: 54px; width: 82px;}
	#momenu .li3 a {left: 136px; width: 103px;}
	#momenu .li4 a {left: 239px; width: 75px;}
	#momenu .li5 a {left: 314px; width: 91px;}
	#momenu .li6 a {left: 405px; width: 76px;}

	#momenu li a:link span, #momenu li a:visited span {display: block; position: absolute; top: 0px; background-image: url(images/tmm_navigation_2.png); background-repeat: no-repeat; overflow: hidden; font-size: 1px; line-height: 1px; color: #fff; height: 0; padding: 25px 0 0 0;}
	#momenu .li1 a span {background-position: 0 0; width: 54px;}
	#momenu .li2 a span {background-position: -54px 0; width: 82px;}
	#momenu .li3 a span {background-position: -136px 0; width: 103px;}
	#momenu .li4 a span {background-position: -239px 0; width: 75px;}
	#momenu .li5 a span {background-position: -314px 0; width: 91px;}
	#momenu .li6 a span {background-position: -405px 0; width: 76px;}

	#momenu .li1 a:hover span, .home #momenu .li1 a:hover span {background-position: 0 -26px;}
	#momenu .li2 a:hover span, .products #momenu .li2 a:hover span {background-position: -54px -26px;}
	#momenu .li3 a:hover span, .accessories #momenu .li3 a:hover span {background-position: -136px -26px;}
	#momenu .li4 a:hover span, .support #momenu .li4 a:hover span {background-position: -239px -26px;}
	#momenu .li5 a:hover span, .about #momenu .li5 a:hover span {background-position: -314px -26px;}
	#momenu .li6 a:hover span, .contact #momenu .li6 a:hover span {background-position: -405px -26px;}


/*---  MAIN PAGE CONTENT ---*/



/*
#content {
 filter: alpha(opacity=20);
 position: relative;
 left: 0px;
 text-align: left;
 margin-top: 0px;
 margin-left: 0px;
 margin-bottom: 0px; 
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px; 
 padding-right: 0px;
 width: 801px;
 height: 700px;
 background-color: #FFFFFF);
}
*/

#request {
 position: absolute; top: 15px; left: 570px; width: 205px;
 font-family: verdana,sans-serif; font-style: none; color: #555555;
 font-size:   8px; font-weight: bold;
 text-align: left; 
}

a.request {
 position: absolute; top: 15px; left: 570px; width: 205px;
 font-family: verdana,sans-serif; font-style: none; font-size: 8px; color: #555555; font-weight: bold; 
 text-align: left; text-decoration: none; 
}

a.request:hover { position: absolute; top: 15px; left: 570px; width: 205px; color: #000000; }

#home_list {
 position: absolute; top: 360px; left: 5px;
}
#home_list2 {
 position: absolute; top: 360px; left: 269px;
}
#home_list3 {
 position: absolute; top: 360px; left: 533px;
}

#flash_home {
 position: absolute; top: 0px; left:0px;
 width: 466px; height: 242; 
}

#flash_graphic_rt {
	background: url(images/flash_graphic_rt.gif);
	position: absolute;
	top: 0px;
	left:463px;
	width: 338px;
	height: 252px;
	background-image: url(images/flash_graphic_rt.gif);
}

#flash_graphic_home {
	background: url(images/flash_graphic_rt1.gif);
	position: absolute;
	top: 0px;
	left:463px;
	width: 338px;
	height: 252px;
	background-image: url(images/flash_graphic_rt1.gif);
}

 .home_img {border: 1px; border-thickness: 1px; border-color: #CCCCCC; border-style: solid; }
 a:hover, a:active {color: #6E6E6E}
 a:hover .home_img, a:active .home_img {border:1px; border-thickness: 1px; border-color: #6E6E6E; border-style: solid}

#home_tmm3 {
 position: absolute; top: 250px; left: 8px; 
}

#home_tmm4 {
 position: absolute; top: 250px; left: 272px; 
}

#home_tmm5 {
 position: absolute; top: 250px; left: 536px; 
}

.hr {
 background: url(images/grey_line.gif) ; height: 1px; width: 801px;  position: absolute; top: 473px; left: 0px;
 background-repeat : repeat-x ;
}

#newsandevents {
 position: absolute; width: 250px; border: 0px solid black; top: 480px; left: 10px;
}

#abouttmm {
 position: absolute; width: 250px; border: 0px solid black; top: 545px; left: 10px;
}

#tmmfeatures {
 position: absolute; width: 250px; border: 0px solid black; top: 480px; left: 273px;
}

#tmmbenefits {
 position: absolute; width: 250px; border: 0px solid black; top: 480px; left: 536px;
}

/* --- Linking --- */

.links { color: #036DC7; text-decoration: none; font-weight: none;  }
	
a.links:hover { border-bottom: 1px dashed; color: #036DC7; text-decoration: none; font-weight: none;}



/* --- Footer --- */

#footer {
 margin: 0 auto;
 text-align: left; 
 width: 801px; height: 55px;
 position: relative; top: 60px; left: 0px;
}

.footertext {
 font-family: verdana,trebuchet,sans-serif; font-size: 10px; color: #333333;
}

.copyright {
 font-family: verdana,trebuchet,sans-serif; font-size: 10px; color: #333333;
 position: absolute; top: 4px; left: 155px;
}

.telephone {
 font-family: verdana,trebuchet,sans-serif; font-size: 10px; color: #333333;
 position: absolute; top: 4px; left: 430px;
}
.contact { color: #036DC7; text-decoration: none; font-weight: none; position: relatve; top: 2px; left: 0px; }
a.contact:hover { border-bottom: 1px dashed; color: #036DC7; text-decoration: none; font-weight: none; position: relative; top: 2px; left: 0px;}
a.contact:visited { color: #036DC7; text-decoration: none; font-weight: none; position: relative; top: 2px; left: 0px; }

#stretcherpads {
 position: absolute; top: 0px; left: 565px; width: 230px; height: 55px; align: right;
}

.esop {
 font-family: verdana,trebuchet,sans-serif; font-size: 10px; color: #333333;
 position: absolute; top: 0px; left: 360px; width: 100px;
}

#powered {
 position: absolute; top: 4px;
}



/*---  Used in home page  ---*/

#welcome {
 font-family: arial, verdana,trebuchet,sans-serif; font-style: italic;
 font-size:   18px;
 color: #000000;
 font-weight: none;
 text-align: right; 
 position: absolute; top: 60px; left:620px;
 width: 165px; 
}

ul {
list-style: disc url(bullet.gif) inside;
padding-left: 0;
margin-left: 15px; 
}

.list { font-family: verdana, helvetica, sans-serif; font-size: 11px; line-height: 150%; font-weight: none; padding-bottom:2px; }

H2 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   13px;
 color:       #4772A6;
 margin-top: 2px;
 margin-bottom: 5px;
 font-weight: bold;
}

H3 {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #666666;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
}

p {
 font-family: verdana,trebuchet,sans-serif;
 font-size:   11px;
 color:       #333333;
 margin-left: 10px;
 margin-top: 2px;
 margin-bottom: 2px;
 font-weight: normal;
 text-align:  left;
 line-height: 150%;
}

.space
{
	margin-top:5px;
}