@media screen {

/* Search */

.scroller {height:400px;overflow:auto;border:1 silver solid;}


/* Contacts */
div.RightContacts {border:1 silver solid;margin-bottom:10px;padding:8px;font-size:70%;background:#FFAE44 url('/i/contacts_bk.jpg') top left no-repeat;}
div.RightContacts img {border:1 black solid;margin-bottom:10px;} 

/* News */
div.alert {border:1 silver solid;padding:4px;}
table.newsbk {width:100%; height:171px; background: url('http://www.transas.com/i/newsbk.jpg') right; }
fieldset {padding:10px;}
legend {font-size:80%}
* html textarea
{
font-size: 0.8em;
}

button
{
font-size: 0.8em;
}

select
{
font-size: 0.8em;
}

input
{
font-size: 0.8em;
}

select.listbox {height:120px;}
/* common classes */

.phone { white-space: nowrap; }

.nowrap { white-space: nowrap; }

@media screen, handheld {
	.for_media_print { display: none; }
}
@media print {
	.not_for_media_print { display: none; }
}

.small { font-size: 0.89em; }
.clear { clear: both; }


/* TEXT.CSS */

.FrameColumnMiddle h1
{
	font-size: 160%;
	padding: 0em;
	padding-bottom: .8em;
	margin: 0.2em 0em 0.5em 0em;
	color: #336699;
	font-weight: normal;
}

.FrameColumnMiddle h2
{
	
	color: #336699;
	font-weight: normal;
	font-size: 130%;
	margin: 0em 0em 0.5em 0em;
	clear: both;
}

.FrameColumnMiddle h3
{
	
	color: #336699;
	font-weight: normal;
	font-size: 85%;
	margin-bottom: 0.5em;
	font-weight: bold;
	color: #777;
}

.FrameColumnMiddle h4
{
	font-size: 80%;
	margin-bottom: 0.2em;
	font-weight: bold;
	color: #777;
}

.FrameColumnMiddle h1.PlainText
{
	background-image: none;
	padding: 0;
}

.FrameColumnMiddle h3 small
{
	font-size: 80%;
	display: block;
	margin-bottom: 0.3em;
}

.FrameColumnMiddle p
{
	font-size: 75%;
	line-height: 140%;
	margin: 0em 0em 1em 0em;
	align: justify;
}

.FrameColumnMiddle ol
{
	margin-top: 0em;
	margin-bottom: 1em;
}

.FrameColumnMiddle ul
{
	margin-top: 0em;
	margin-bottom: 1em;
}

.FrameColumnMiddle ul li
{

	font-size: 75%;
	color: #9999;
	margin-bottom: 0em;
	line-height: 140%;
	padding: 0em;
	padding-left: 12px;
	margin: 0;margin-top: .7em;
	list-style-type: none;
	background: url('/i/bullet_blue.gif') no-repeat 0 0.5em;
	
}


.FrameColumnMiddle ul li.video_link
{

	font-size: 75%;
	color: #9999;
	margin-bottom: 0em;
	line-height: 140%;
	padding: 0em;
	padding-left: 20px;
	margin: 0;margin-top: .7em;
	list-style-type: none;
	background: url('/i/icons/video.png') no-repeat 0em -0.1em -0.1em -0.1em;
	
}


.FrameColumnMiddle ol li
{

	font-size: 75%;
	color: #9999;
	margin-bottom: 0em;
	line-height: 140%;
	padding: 0em;
	padding-left: 7px;
	margin: 0em 0em 0em 0em;margin-top: .7em;
	list-style-type: none;
	background: url('/i/bullet_blue.gif') no-repeat 0 0.5em;
	
}

.FrameColumnMiddle ul li ul li
{

	font-size: 100%;
	color: #9999;
	margin-bottom: 0em;
	line-height: 140%;
	padding: 0em;
	padding-left: 7px;
	margin: 0em 0em 0em -2em;margin-top: .7em;
	list-style-type: none;
	background: url('/i/bullet_blue.gif') no-repeat 0 0.5em;
	
}

.FrameColumnMiddle ul li ul
{
	margin-bottom: 0em;
	
}



.FrameColumnMiddle li li
{
	font-size: 100%;
}

.FrameColumnMiddle li span
{
	color: black;
}

.FrameColumnMiddle .Text table li
{
	font-size: 100%;
}

.FrameColumnMiddle b
{
	color: #6666;
}

.FrameColumnMiddle em
{
}

.FrameColumnMiddle .Text table
{
	border-collapse: collapse;
	border-top: 1px solid #DDD;
	width: auto;
	clear: both;
	margin: 0em 0em 1em 0em;
}
.FrameColumnMiddle .Text table.no-border td table {
	border:0;
}
.FrameColumnMiddle .Text table.no-border {
	border:0;
}
.FrameColumnMiddle .Text table.Frame
{
	border-width: 0px;
	margin: 0em;
}

.FrameColumnMiddle .Text table.Frame td
{
	padding: 0em 1em 0em 0em!important;
	font-size: 100%!important;
}

.FrameColumnMiddle .Text table.Staff
{
	border-width: 0px;
	margin: 0em;
}

.FrameColumnMiddle .Text table.Staff th
{
	padding: 0em 1em 1em 0em!important;
	font-size: 80%!important;
}

.FrameColumnMiddle .Text table.Staff td
{
	padding: 0em 1em 1em 0em!important;
	font-size: 80%!important;
}

.FrameColumnMiddle .Text table.Staff th
{
	font-weight: normal;
	white-space: nowrap;
}

.FrameColumnMiddle .Text table caption
{
	font-size: 80%;
	font-weight: bold;
	text-align: left;
	padding-bottom: 1em;
	color: #666;
	border: 0px!important;
}

table.Frame td.FrameColumnMiddle .Text table thead td
{
	font-weight: bold;
	color: #333;
	border-bottom: 1px solid #CCCCCC;
}


table.Frame td.FrameColumnMiddle .Text table th
{
	font-size: 80%;
	vertical-align: top;
	padding: 0.7em 1em 0.7em 0.7em;
	text-align: left;
}


table.Frame td.FrameColumnMiddle .Text table td
{
	font-size: 80%;
	vertical-align: top;
	padding: 0.7em 1em 0.7em 0.7em;
	text-align: left;
}

table.Frame td.FrameColumnMiddle .Text table th
{
	color: #333;
}

table.Frame td.FrameColumnMiddle .Text table td.Number
{
	text-align: right!important;
	padding-right: 2em;
}

.FrameColumnMiddle .Text table .Number td
{
	text-align: right;
}

table.Data caption
{
	border-top: 0px!important;
}

table.Data td
{
	border-top: 0px!important;
}

table.Data caption
{
	border-top: 0px!important;
}

table.Data td
{
	border-top: 0px!important;
}

table.Data tbody td
{
	border-bottom: 1px solid #CCCCCC!important;
}

table.Data thead td
{
	border-bottom: 1px solid #000000!important;
	border-top: 0px!important;
}


.FrameColumnMiddle .Text div.ImgContainer
{
	margin-bottom: 1em;
}

.FrameColumnMiddle .Text div.ImgContainer div
{
	font-size: 70%;
	margin-top: 0.6em;
	color: #666;
}

.FrameColumnMiddle .Text div.FloatRight
{
	float: right;
	padding-left: 1em;
}


/* C.CSS */



body
{
	background: white url(/i/loading.gif) center no-repeat;
	font-family: Tahoma, sans-serif;
	margin: 0px 0px 1em 0px;
	padding: 0px;
	height: auto;
	margin: 0 5px 0 14px;
	border: 0; 
	max-width: 1200px;
	min-width: 1000px;
}


div.topmenu {margin:8px;color:white;font-size: 70%}
div.topmenu a {color:white;}
div.topmenu a:visited {color:#efefef;}

div.topmenu_right {margin:8px;color:white;font-size: 70%}
div.topmenu_right a {color:white;}
div.topmenu_right a:visited {color:#efefef;}




div.leftMenu {
	/*border-top:2 orange solid;*/
	/*padding-left:2px;*/
	background-repeat: no-repeat;
	background-position: 0px 0.2em;
	font-size: 80%;
}

div.leftMenu ul {	
							
						/*border:green 1px solid;*/
						padding:0 0 0 14px;
						padding:0;
						margin:0;
						/*margin-left:14px;*/
						margin-bottom:4px;
				}
				


div.leftMenu ul li {
						
						/*border-left:1 red solid;*/
						margin:0 0 8px 0;
						padding:0;
					}
					

/* current menu item */

div.leftMenu ul li           {/*list-style-image:url(/i/li.gif);*/	list-style-position:top;}
div.leftMenu ul li.current   {/*list-style-image:url(/i/li_current.gif);	list-style-position:top;*/font-weight:bold;margin-bottom:8px;background:#C3C8CB url('/i/current_ul_bk.gif') bottom repeat-x;}
div.leftMenu span {border:1 #31649F solid;background:#31649F url('/i/li_current_bk.gif') top repeat-x; width:100%;padding:2px 4px 4px 8px;color:white}
div.leftMenu li.current ul {padding-bottom:8px;padding-right:8px;}
div.leftMenu ul li.current ul li {font-weight:normal;margin-top:8px;margin-left:18px;}
div.leftMenu ul li.open		 {list-style-image:url(/i/li_open.gif);		list-style-position:top;}

div.leftMenu ul li.current  a:hover {color:black}

div.leftMenu ul li   {list-style-type:none;}

li.hasChildren {}
/*div.leftMenu  li a {margin-left:14px;}*/


li.hasChildren {}



div.bits {font-size:70%;}
div.bits a{padding-right:12px;background:url(/i/bits.gif) right no-repeat;margin-right:4px;}
div.bits span {padding:4px 14px 0 0;background:url(/i/bits_bottom.gif) 4 right no-repeat;}


/*  Cart */
div.cart {border:1 #5E82AA solid;margin-bottom:20px;padding:4px;font-size:90%;background:#4987B6 url(/i/cart/cart_bk.jpg) top left no-repeat;}
div.cart table.cart {border-collapse:collapse;width:94%;}
div.cart table.cart td {border:1 #224467 solid;padding:2px;font-size:70%;}
div.cart input.cart {margin-top:4px;}
div.cart #carttitle1 {width:90%;color:white;}
div.cart #cartprice1 {width:90%;color:white;border-top: 1 black solid; margin-top:2px; }
div.cart img {border:0}

div.ExploreChildrenHTML {cursor:hand;}

a
{
	color:#214261;
}

a:visited
{
	color: #214261;
}

a:hover
{
	color: #A20033;
}

table.Frame
{
	width: 100%;
	height:100%;
	border-collapse: collapse;
	background:url("/i/top-bg.gif") no-repeat top center;
}

table#PageContainer {



	max-width: 1200px;
	width: expression((document.body.clientWidth > 1200)? 1200: "100%"	);
	
}


table.Frame td
{
	padding: 0em;
	vertical-align: top;
}



table.Frame td.FrameColumnLeft
{
	width: 20%; /* 10% ketoff */
	padding:0 0 0 0px;
}



table.Frame td.FrameColumnLeft div#Search {
	padding-left:20px;
	white-space: nowrap;
}
table.Frame td.FrameColumnLeft div#Search a { font-size: 0.8em; }

table.Frame td.FrameColumnMiddle {
	padding-left: 10px;
	width: 60%; /* 80% */
} 


table.Frame td#content {
	background:white url("/i/news-index-bg.gif") repeat-x top left;
	/*background:white url("/i/news-index-bg.gif") repeat-x top left;*/
	padding:20px 20px;
	height:90%;
}


table.Frame tr td.FrameColumnRight
{
	width: 20%; /* 10 */
	padding: 0 0/*20px*/ 0 1em;
}

#rates { margin-right: -0.8em; }

table.Frame td#Navigation {
	background:url("/i/leftColumn.gif") no-repeat top right;
}

table.Frame td#Informer {
	background:url("/i/right-bg.jpg") no-repeat top left;
}

div.Demo {
	background:#f7faed url("/i/demo-bg.gif") repeat-x top left;
	padding: 20px 10px;
	text-align:center;
	border-bottom:1px solid #97bf0d;
	font-weight:bold;
}

/*
p.news-item span.date,
div.news-item span.date,
#homepage #News span.date,
.Article span.date
{
	color:#999999;
}
#homepage #News span.date,
.Article span.date
{ font-size: 0.8em; }
#homepage #News div.news-item span.date,
div.news-item span.date
{ font-size: 1.1em; }
div#Calendar {
	width:30%;
	border-left:10px solid #e0e0e0;
	padding-left:20px;
}
*/

/* 3 banners */
tr#Banner td {
	padding:1em 1em 0 0;
	width: 33%;
}

.Banner
{
	/*margin-top: 2em;*/
	border: 1px solid #DDD;
	background-color: #FFFFFF;
}

.Banner a
{
	display: block;
	height: 68px;
}

.Banner img
{
	display: block;
	height: 68px;
}

.BannerText
{
	color: #727272;
	font-size: 70%;
	margin-top: 0.4em;
}

table.info {border-collapse: collapse; width:100%;}
table.info td {border:1px silver solid;padding:4px; font-size:80%; font-family:arial; vertical-align:top;}
table.info th {border:1px silver solid;padding:4px;font-size:80%; font-family:arial Narrow; text-align:left}
table.info td input {width:240px;}
table.info td textarea {width:240px;height:120px; font-size:100%}
table.info td input.checkbox {width:100%; valign:middle}



table.dealers {border-collapse: collapse; width:100%;margin-bottom:20px;}
table.dealers td {border:1px silver solid;padding:4px;font-size:80%; }
table.dealers th {background:#224467 url(/i/bottom_line_bk.gif) repeat-y;color:white;text-align:left;font-size:80%; padding:4px;}
table.dealers th.main {background:#910000 url(/i/line_red_bk.gif) repeat-y;}


table.noborder {border-collapse: collapse; width:100%;margin-bottom:20px;}
table.noborder td {padding:4px;font-size:80%; }
table.noborder th {background:#224467 url(/i/bottom_line_bk.gif) repeat-y;color:white;text-align:left;font-size:80%; padding:4px;}
table.noborder th.main {background:#910000 url(/i/line_red_bk.gif) repeat-y;}

a.head {font-weight:bold;color:#ff0000}

table.charts {border-collapse: collapse;}
table.charts td {border:1px silver solid;padding:2px;font-size:60%; font-family:arial;cursor:hand}

td#Middle {
	padding-left: 15px;
}

tr#Footer td {
	padding:30px 20px 1em 2em; 
	font-size:70%;
}
tr#Footer td.Copyright {
	/*background:url("/i/footer-bg.gif") repeat-x top left;*/
}

div.Navigation {
	margin-bottom:2em;
}

/* Custom Elements */

div.footer { color: #999999; }

body#search #text { width: 100%; }
body#search .FrameColumnMiddle ul { padding: 0; margin: 0; }
body#search .FrameColumnMiddle ul li
{
font-weight: bold;
padding: 0;
margin: 0 0 1.5em 0;
background: none;
}
body#search .FrameColumnMiddle ul ul
{ margin: 0.5em 0 0 2em; }
body#search .FrameColumnMiddle ul li li
{
font-weight: normal;
margin-bottom: 0.5em;
}


/* Charts */
table.map {border-collapse:collapse;height:240px;background:#C8E6FF url(/i/worldmap.gif) top left no-repeat;}
table.map td {border:1 black solid;cursor:hand}
div.charts table.charts {border-collapse:collapse; font-size:0.1em;}

table.#chartpreview {padding:4px;height:300px;width:100%;background:#efefef;border:1px silver solid;text-align:right}
table.chartpreview {padding:4px;height:300px;width:100%;background:#efefef;border-top:1px silver solid;border-bottom:1px silver solid;text-align:right}


.pics {margin-top:0px; padding-right:0px}
.pics span {float:left;width:154px; margin:0 10px 0 0}

.right {float:right;width:154px;margin:0 0 0 15px;}
.left {float:left;margin:0 10px 0 15px;}
.wide {width:100%;}

/*          DOWNLOADS` ICONS           */

.pdf { 
	background-image: url('/i/icons/icon_pdf.gif')!important;
	height:16px;
	padding-left:20px;
	background-repeat:no-repeat;
	}
	
.zip { 
	background-image: url('/i/icons/icon_zip.gif')!important;
	height:16px;
	padding-left:20px;
	background-repeat:no-repeat;
	}
	
.text { 
	background-image: url('/i/icons/icon_txt.gif')!important;
	height: 16px;
	padding-left:20px;
	background-repeat:no-repeat;
	}	
	
.exe { 
	background-image: url('/i/icons/icon_exe.gif')!important;
	height: 16px;
	padding-left:20px;
	background-repeat:no-repeat;
	}		
	
.jpg { 
	background-image: url('/i/icons/icon_jpg.gif')!important;
	height: 16px;
	padding-left:20px;
	background-repeat:no-repeat;
	}
	
.doc { 
	background-image: url('/i/icons/icon_doc.gif')!important;
	height: 16px;
	padding-left:20px;
	background-repeat:no-repeat;
	}

.tiff { 
	background-image: url('/i/icons/icon_tiff.gif')!important;
	height: 16px;
	padding-left:20px;
	background-repeat:no-repeat;
	}	

.swf { 
	background-image: url('/i/icons/icon_swf.gif')!important;
	height: 16px;
	padding-left:20px;
	background-repeat:no-repeat;
	}		
	

/* Main Page Decor */
.LeftTopBack 		{background:#24486D url(/i/LeftTopBack.gif) repeat-x;}
.LeftTopFront		{ background: url(/support/i/bg_header_l.jpg) left top no-repeat;vertical-align:bottom;height:80px;} 

.RightTopBack		{ background:#24486D url(/i/TopBack.gif) repeat-x;}
.RightTopFront   	{ background: url(/i/TopRightFront.gif) right top no-repeat;height:80px;}

div.LeftTopIcons  	{margin-left:10px; color:green}

.LogoCell 			{width:120px;background:white;border-left:1 white solid;border-right:1 white solid;background:white url(/i/logo_bg.jpg) 0 -110 no-repeat; vertiacl-align:middle}


.BottomLineBack 	{width:100%;height:47px;background:#24486D url(/i/BottomLineBack.gif) top left repeat-x;}
.BottomLineFront 	{width:100%;height:100%;background:url(/i/BottomLineFront.gif) top left no-repeat;}			{width:120px;background:white;border-left:1 white solid;border-right:1 white solid;background:white url(/i/logo_bg.jpg) 0 -110 no-repeat; vertiacl-align:middle}

.search {background:#1B1F2B url(/i/search_bk.gif) top repeat-x;}
.search td {padding:2px;}
.search input {height:24px;background:#D5D9E4 url(/i/search_btn.gif) top repeat-x;}

img.png {behavior: url("/inc/png.htc");}

.zoom {cursor: url('/i/zoom.cur')}


/* Updates by Chris Cornval 23.05.2006 

body * 	{font-family:Trebuchet MS; }
table td  	{font-family:Trebuchet MS }
div.leftMenu ul lu a{font-family:Trebuchet MS }
*/

body * 	{font-family:tahoma; }
table td  	{font-family:tahoma }
div.leftMenu ul lu a{font-family:tahoma }

/*
div.Bits {display:none;}
h1 		{display:none;}
*/

div.banner {color:white;margin-bottom:10px;}
div.banner a {color:white;font-size:70%;text-decoration:none;}
div.banner a:hover{color:blue;text-decoration:underlined;}

table.Frame td.FrameColumnMiddle {}
input.arrow {width:16px;height:16px;margin-right:4px;background:white url(i/arrow16.jpg) top left no-repeat;border:0;cursor:hand}
a.homepage {font-family:Trebuchet MS;text-decoration:none;padding-left:4px;padding-right:4px;width:120px}
a {text-decoration:none}
a:hover {text-decoration:underlined}

table#bannerImg td {color:white;size:.7em;padding:0px;}

FrameColumnMiddle#content {paddnig:0} 
.search {background:#1B1F2B url(/i/search_bk.gif) top repeat-x;}
.search td {padding:2px;}
.search input {height:24px;background:#D5D9E4 url(/i/search_btn.gif) top repeat-x;}
a#bannerLink {color:white; text-decoration:none;}
td.FrameColumnMiddle * {font-family:arial}

.certif ul li {list-style:url(/i/certif_bullet.gif) no-repeat;margin:0 0 6px 0;padding:0 0 0 8px}

hr.line  {height: 1px; color:silver;}

a.intext
{
	color:#214261;
	text-decoration:underline;
}


}

.keywords { display:none; }


@media print {

	table.Frame td.FrameColumnMiddle {width:620;}
	FrameColumnMiddle {width:620;}
	content {width:620;}

	div#Search {display:none;}
	div.Bits {display:none;}	

	.RightTopFront {display:none;} 
	.RightTopBack {display:none;} 
	table.RightTopBack {display:none;} 

    .LeftTopFront {display:none;}
	.LeftTopBack {display:none;}
	td.LeftTopFront {width:1px; display:none;}

	div.leftMenu {}
	div#Search {display:none;}
	div.Bits {display:none;}	

	td.FrameColumnLeft   {display:none;} 
	td.FrameColumnRight  {display:none;} 
	td.FrameColumnLeftTop {display:none;} 
	div.leftMenu {display:none;}	

	tr.Footer {display:none;} 
	tr.Footer {display:none;} 
	tr#Footer {display:none;} 
	tr#Footer td {display:none;} 
	tr#Footer td.Copyright {display:none;} 
	spacer {display:none;}
	table.BottomLineBack {display:none;} 
	table.BottomLineFront {display:none;} 
	td.Copyright {display:none;} 

.keywords { display:none; }

	
	}
	
	
table.siteform {border-collapse: collapse; width:100%;}
table.siteform td {border:1px silver solid;padding:4px; font-size:60%; font-family:arial; vertical-align:middle;}
table.siteform th {border:1px silver solid;padding:4px;font-size:60%; font-family:arial Narrow; text-align:left}
table.siteform td input {width:240px;}
table.siteform td textarea {width:240px;height:120px; font-size:100%}
table.siteform td input.checkbox {width:100%; valign:middle}

table.homePageTreeCols {	width: 100%;  border-collapse:collapse}
table.homePageTreeCols td {	padding:2px;}
table.homePageBorderedTable{ width: 100%; border:1px silver solid;  height:300px; margin:10px 0 10px 0}
table.homePageBorderedTable td.homePageBlueHeader {height:24px;background: #224467 url('/i/bottom_line_bk.gif') left repeat-y; color: white; padding:8px; text-align:center; vertical-align:middle}
table.homePageBorderedTable td ul.homepage {margin-left:6px;}