/* 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: 510px; background: none; padding: 0px; 

 position: absolute; top: 68px; left: 488px;

 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 ---*/



#top_graphic_bckgnd {

 background: url(images/top_graphic_bckgnd.gif) top left ; width:801px; height:49px; z-index:1;

 background-repeat : repeat-x ; 

}



/*

#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);

}

*/



#title_img{

 position: absolute; top: 7px; left: 6px;

}



#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; 

}



#flash_graphic_home {

 background: url(images/flash_graphic_rt1.gif);

 position: absolute; top: 0px; left:463px;

 width: 338px; height: 252px; 

}



#title {

 position: absolute; top: 15px; left: 25px;

 font-family: trebuchet,verdana,sans-serif; font-style: none;

 font-size:   11px;

 color: #003A7D;

 font-weight: bold;

 text-align: left; 

}



.arrow {

 background: url(images/arrow1.gif) no-repeat;

 position: absolute; top: 8px; left: 543px; width: 246px; height:26px;

}



.arrow-new {

 background: url(images/arrow1.gif) no-repeat;

 position: absolute; top: 8px; left: 543px; width: 246px; height:26px;

}



a.request {

 position: absolute; top: 15px; left: 574px; 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 {color:#000000;}



 .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}



#ov_tmm3 {

 position: absolute; top: 250px; left: 576px; z-index: 2;

}

#ov_tmm4 {

 position: absolute; top: 275px; left: 576px; z-index: 2; 

}

#ov_tmm5 {

 position: absolute; top: 300px; left: 576px; z-index: 2; 

}



#pd_tmm3 {

 position: absolute; top: 510px; left: 697px; z-index: 2;

}

#pd_tmm4 {

 position: absolute; top: 535px; left: 697px; z-index: 2; 

}

#pd_tmm5 {

 position: absolute; top: 560px; left: 697px; z-index: 2; 

}

#vid_tmm4 {
 font-size:11px; position:absolute; top:105px; left:585px; text-align:center; width:160px; z-index:2;
 font-family: verdana,trebuchet,sans-serif;
}
#vid_tm8 {
 font-size:11px; position:absolute; top:265px; left:585px; text-align:center; width:160px; z-index:2;
 font-family: verdana,trebuchet,sans-serif;
}



.hr {

 background: url(images/grey_line.gif) ; height: 1px; width: 801px;  position: absolute; top: 465px; left: 0px;

 background-repeat : repeat-x ;

}



#abouttmm {

 position: absolute; width: 250px; border: 0px solid black; top: 485px; left: 10px;

}



#tmmfeatures {

 position: absolute; width: 250px; border: 0px solid black; top: 485px; left: 273px;

}



#tmmbenefits {

 position: absolute; width: 250px; border: 0px solid black; top: 485px; 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;}

a.links:visited { 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: 587px; width: 250px; 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 pages  ---*/



.bold {

 font-weight: 600;

}



#contact_address {

 font-family: verdana,trebuchet,sans-serif; font-size: 11px; color: #000000; text-align: left; 

 position: absolute; top:70px; left:585px;

 width: 165px; height: 200px;

}



#contact_about {

 font-family: verdana,trebuchet,sans-serif; font-size: 11px; color: #000000; text-align: left; 

 position: relative; top: 20px; left:20px;

 width: 165px;

}



#contact_support {

 font-family: verdana,trebuchet,sans-serif; font-size: 11px; color: #000000; text-align: right; 

 position: absolute; top: 370px; left:600px;

 width: 145px; height: 200px;

}



.contact_img {

 position: relative; top: 30px; left: 0px ; width: 184px; height: 328px; z-index:1;

}



#contact_error {

 font-family: verdana,trebuchet,sans-serif; font-size: 11px; color: #000000; text-align: left; font-weight: bold;

 position: relative; top: 10px; left: 25px;

}



#chair_sketch_img {

 background: url(images/chair_sketch_img.gif); position: absolute; top: 330px; left: 585px ; width: 180px; height: 180px; z-index:1;

 background-repeat : no-repeat ; 

}



#iso_certified {

 background: url(images/iso_certified.gif); position: absolute; top: 330px; left: 600px ; width: 167px; height: 168px; z-index:1;

 background-repeat : no-repeat ; 

}



#quote {

 font-family: arial, verdana,trebuchet,sans-serif; font-style: italic;

 font-size:   18px;

 color: #000000;

 font-weight: none;

 text-align: right; 

 position: absolute; top: 90px; left:590px;

 width: 165px; 

}



#quote_contact {

 font-family: arial, verdana,trebuchet,sans-serif; font-style: italic;

 font-size:   15px;

 color: #000000;

 font-weight: bold;

 text-align: right; 

 position: absolute; top: 90px; left:590px;

 width: 165px; 

}





ul {

list-style: disc url(bullet.gif) inside;

padding-left: 0;

margin-left: 9px; 

}



ul_access {

list-style: disc url(bullet.gif) inside;

padding-left: 0;

margin-left: 1px; 

}



.list {

 font-family: verdana, helvetica, sans-serif;

 font-size:   11px;

 line-height: 150%;

 font-weight: none;

}



ol {

list-style-type: decimal;

padding-left: -15;

}



.ollist {

 font-family: verdana, helvetica, sans-serif;

 font-size:   12px;

 line-height: 160%;

 font-weight: none;

}



H1 {

 font-family: trebuchet MS,arial,trebuchet,sans-serif;

 font-size:   18px;

 color:       #073E88;

 margin-top: 2px;

 margin-bottom: 5px;

 font-weight: bold;

}



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;

}



.first_letter {font-size:170% ;

 line-height: 120%;

}



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%;

}



.normaltext {

 font-family: verdana,trebuchet,sans-serif;

 font-size:   12px;

 color:       #333333;

 margin-left: 10px;

 margin-top: 2px;

 margin-bottom: 2px;

 font-weight: normal;

 line-height: 150%;

 text-align: justify;

}



.producttext {

 font-family: verdana,trebuchet,sans-serif;

 font-size:   12px;

 color:       #333333;

 margin-left: 0px;

 margin-top: 7px;

 margin-bottom: 2px;

 line-height: 140%;

 text-align: justify;

}



.faqtext {

 font-family: verdana,trebuchet,sans-serif;

 font-size:   12px;

 color:       #333333;

 margin-top: 2px;

 margin-bottom: 2px;

 font-weight: normal;

 text-align:  left;

 line-height: 120%;

 text-align: left;

}



/* --- Used for Contact Form ---*/



#formcontainer {

 width: 500px;

 margin-left: 30px;

}



input.txt {

  color: #333333;

  background-color: #FCFCF8;

  border: 1px solid #7F9DB9;

  width: 200px;

  font: 1.1em

}

input.btn {

  color: #FFFEF8;

  background-color: #004382;

  border: 1px outset #666666;

  font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;

  height: 23px; width:120px;

}

input.reset {

  color: #FCFCF8;

  background-color: #004382;

  border: 1px outset #666666;

  font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;

  height: 23px; width:65px;

}

form p {

  clear: left;

  margin: 0;

  padding: 0;

  padding-top: 5px;

}

form p label {

  float: left;

  width: 38%;

  font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;

  color: #4A4A4A;

}

fieldset {

  border: 1px solid #CCCCCC;

  margin-top: 16px;

  padding: 10px;

}

legend {

  font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;

  color: #6C9ED8;

  background-color: #FFFFFF;

  padding-left: 3px; padding-right: 3px;

}

select.color {

  color: #333333;

  background-color: #FCFCF8;

  border: 1px solid #7F9DB9;

  width: 200px;

  font: 1.1em

}

textarea.color1 {

  color: #333333;

  background-color: #FCFCF8;

  border: 1px solid #7F9DB9;

  width: 200px;

  font: 1.1em

}



/* --- Accessories Page Items  --- */



#access_list {

 position: absolute; top: 340px; left: 40px; width: 247px;

}

#access_list2 {

 position: absolute; top: 340px; left: 289px; width: 247px;

}

#access_list3 {

 position: absolute; top: 340px; left: 525px; width: 247px;

}

#access_img {

 position: absolute; top: 215px; left: 40px; 

}



/* --- Product Elements --- */



#overview_sidebar {

 position: absolute; top: 620px; left: 600px; width: 155px;

 text-align: right;

 z-index: 2;

}

#pendant {

 background: url(images/pendant.gif) no-repeat; position: absolute; top: 400px; left: 623px; width: 178px; height: 234px; z-index: 1;

}

#product_p1 {

 position: absolute; top: 105px; left: 28px; width: 580px;

}

#product_flash {

 position: relative; top: 20px; left: -3px ; width: 610px; height: 221px; z-index:1;

}

#product_features {

 position: relative; top: 15px; left: 5px ; width: 609px; height: 220px; z-index:1;

}

#download {

 position: absolute; top: 21px; left: 625px ; z-index:1;

}

#download3 {

 position: absolute; top: 21px; left: 758px ; z-index:1;

}



/* --- Color Options Page --- */



.color_text {

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

 line-height: 1.1em;

 margin-top: 3px;

 margin-bottom: 3px;

}



#color_options {

 position: absolute; top: 859px; left: 661px; width: 100; height:145px;

}

/* NEWSLETTER POP UP SIGN UP FORM
------------------------------------------------------------------------*/
#backgroundPopup {
	display:none;
	position:fixed;
	_position:absolute;  /*hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	z-index:20000;
}
#TMM4PopupVideo, #TM8PopupVideo {
	display:none;
	position:fixed;
	_position:absolute; /*hack for internet explorer 6*/
	height:350px;
	width:420px;
	z-index:21000;
}
#popupVideoWrapper {
	padding: 0; 
	height:350px;
	width:420px;
	margin:20px 0 0 0;
	border: 3px solid #333; 
	background: #efefef;
	text-align:left;
}
#videoHolderTMM4, #videoHolderTM8 {
	height:330px;
	margin:10px;
	width:400px;
	}
#TMM4CloseWindow, #TM8CloseWindow {
	margin:0;
	padding:0;
	width:41px;
	height:41px;
	background-image: url('images/close_dialog.png');
	background-repeat:no-repeat;
	position:absolute;
	font-size:16px;
	top:0;
	right:-20px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	line-height:41px;
	cursor:pointer;
}
#TMM4CloseWindow:hover, #TM8CloseWindow:hover {
	color:#BBB;
}