﻿
@media screen {

img {
border:0;}

/* News */
div.alert {border:1 silver solid;padding:4px;}
table.newsbk {width:100%; height:171px; background: url('http://www.transas.com/eng/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: 130%;
	padding: 0.2em 0em 0.8em .8em;
	margin: 0.7em 0em 0em 0em;
	color: black;
	font-weight: normal;
}

.FrameColumnMiddle h2
{
	
	color: white;
	font-family: verdana;
	background:white url(/eng/i/bottom_line_bk_skyblue.gif) repeat-y;
	font-weight: bold;
	font-size: 80%;
	padding: 0.2em 0em 0.3em 1.5em;
	clear: both;
}

.FrameColumnMiddle h3
{
	
	color: #336699;
	font-weight: normal;
	font-size: 85%;
	margin: 2em 0em 0.2em 1.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: left;
}

{
	font-size: 75%;
	line-height: 140%;
	margin: 0em 0em 1em 0em;
	align: left;
}


.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: 14px;
	margin: 0em 0em 0em 0em;margin-top: .7em;
	list-style-type: none;
	background: url('/eng/i/bullet_blue.gif') no-repeat 0 0.5em;
	
}

.FrameColumnMiddle ol li
{

	font-size: 75%;
	color: #9999;
	margin-bottom: 0em;
	line-height: 140%;
	padding: 0em;
	padding-left: 14px;
	margin: 0em 0em 0em 0em;margin-top: .7em;
	list-style-type: none;
	background: url('/eng/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('/eng/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(/eng/i/loading.gif) center no-repeat;
	font-family: Tahoma, sans-serif;
	padding: 0px;
	height: auto;
	margin: 0px 0px 0px 0px;
	border: 0; 
}


div.topmenu {margin:8px;color:black;font-size: 70%}
div.topmenu a {color:black;}
div.topmenu a:visited {color:black;}

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(/eng/i/li.gif);*/	list-style-position:top;}
div.leftMenu ul li.current   {/*list-style-image:url(/eng/i/li_current.gif);	list-style-position:top;*/font-weight:bold;margin-bottom:8px;background:#C3C8CB url('/eng/i/current_ul_bk.gif') bottom repeat-x;}
div.leftMenu span {border:1 #31649F solid;background:#31649F url('/eng/i/li_current_bk.gif') top repeat-x; width:100%;padding:2px 4px 4px 8px;color:white}
div.leftMenu ul 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(/eng/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;}*/


div.bits {font-size:70%;}
div.bits a{padding-right:12px;margin-left:12px;background:url(/eng/i/bits.gif) right no-repeat;}
div.bits span {padding:4px 14px 0 12px;background:url(/eng/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(/eng/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.intext
{
	color:#214261;
	text-decoration:underline;
}

a:visited.intext
{
	color: #214261;
	text-decoration:underline;	
}

a:hover.intext
{
	color: #A20033;
	text-decoration:underline;	
}



table.Frame
{
	width: 100%;
	height:100%;
	border-collapse: collapse;
	background:url("/eng/i/top-bg.gif") no-repeat top center;
}

table#PageContainer {
	width:100%;
	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;
}



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("/eng/i/news-index-bg.gif") repeat-x top left;
	padding:20px 20px;
	height:90%;
}


table.Frame tr td.FrameColumnRight
{
	width: 20%;
	padding: 0 0 0 1em;
}

#rates { margin-right: -0.8em; }

table.Frame td#Navigation {
		background:url("/eng/i/leftColumn.gif") no-repeat top right;
}

table.Frame td#Informer {
		background:url("/eng/i/leftColumn.gif") no-repeat top left;
}

div.Demo {
	// background:#f7faed url("/eng/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:middle;}
table.info th { background-color:white url(/eng/i/bottom_line_bk_skyblue.gif) repeat-y; border:1px silver solid;padding:4px;font-size:80%; font-family:arial; text-align:left; text-weight:bold;}
table.info td input {width:240px;}
table.info td input.checkbox {width:100%; valign:middle}
table.info td textarea {width:240px;height:120px; font-size:100%}

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:white url(/eng/i/bottom_line_bk_skyblue.gif) repeat-y;color:white;text-align:left;font-size:80%; padding:4px;}
table.dealers th.main {background:#910000 url(/eng/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:white url(/eng/i/bottom_line_bk_skyblue.gif) repeat-y;color:white;text-align:left;font-size:80%; padding:4px;}
table.noborder th.main {background:#910000 url(/eng/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("/eng/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(/eng/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:5px}
.pics span {float:left; margin:0 10px 0px 0px}

.right {float:right;width:154px;margin:0 10px 0 15px;}
.left {float:left;margin:0 10px 0 15px;}
.wide {width:100%;margin:0 5px 0 16px;padding:0 5px 0 16px;}


/*          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('/eng/i/icons/icon_zip.gif')!important;
	height:16px;
	padding-left:20px;
	background-repeat:no-repeat;
	}
	
.text { 
	background-image: url('/eng/i/icons/icon_txt.gif')!important;
	height: 16px;
	padding-left:20px;
	background-repeat:no-repeat;
	}	
	
.exe { 
	background-image: url('/eng/i/icons/icon_exe.gif')!important;
	height: 16px;
	padding-left:20px;
	background-repeat:no-repeat;
	}		
	
.jpg { 
	background-image: url('/eng/i/icons/icon_jpg.gif')!important;
	height: 16px;
	padding-left:20px;
	background-repeat:no-repeat;
	}
	
.doc { 
	background-image: url('/eng/i/icons/icon_doc.gif')!important;
	height: 16px;
	padding-left:20px;
	background-repeat:no-repeat;
	}

.tiff { 
	background-image: url('/eng/i/icons/icon_tiff.gif')!important;
	height: 16px;
	padding-left:20px;
	background-repeat:no-repeat;
	}	
	
.swf { 
	background-image: url('/eng/i/icons/icon_swf.gif')!important;
	height: 16px;
	padding-left:20px;
	background-repeat:no-repeat;
	}		
	
	

/* Main Page Decor */
.LeftTopBack 		{background:#24486D url(/eng/i/LeftTopBack.gif) repeat-x;}
.LeftTopFront		{width:99%;background: url(/support/eng/i/bg_header_l.jpg) left top no-repeat;vertical-align:bottom;height:80px;} 

.RightTopBack		{ background:#24486D url(/eng/i/TopBack.gif) repeat-x;}
.RightTopFront   	{ background: url(/eng/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(/eng/i/logo_bg.jpg) 0 -110 no-repeat; vertiacl-align:middle}


.BottomLineBack 	{width:100%;height:47px;background:#24486D url(/eng/i/BottomLineBack.gif) top left repeat-x;}
.BottomLineFront 	{width:100%;height:100%;background:url(/eng/i/BottomLineFront.gif) top left no-repeat;}			{width:120px;background:white;border-left:1 white solid;border-right:1 white solid;background:white url(/eng/i/logo_bg.jpg) 0 -110 no-repeat; vertiacl-align:middle}

.search {background:#1B1F2B url(/eng/i/search_bk.gif) top repeat-x;}
.search td {padding:2px;}
.search input {height:24px;background:#D5D9E4 url(/eng/i/search_btn.gif) top repeat-x;}

img.png {behavior: url("/inc/png.htc");}

.zoom {cursor: url('/eng/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;}
*/


/* site news*/
.abstract {color:#e0e0e0;font-size:90%;}

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:10px;}

FrameColumnMiddle#content {paddnig:0} 
.search {background:#1B1F2B url(/eng/i/search_bk.gif) top repeat-x;}
.search td {padding:2px;}
.search input {height:24px;background:#D5D9E4 url(/eng/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(/eng/i/certif_bullet.gif) no-repeat;margin:0 0 6px 0;padding:0 0 0 8px}

hr.line  {height: 1px; color:silver;}
div.scroller {height:240px;overflow:auto;width:100%;border:1 #efefef solid;}


table.Frame td#Navigation {
	background:url("/eng/i/left-bg.jpg") no-repeat top right;
}



}


body
{
	background: white url(/eng/i/loading.gif) center no-repeat;
	font-family: Verdana, sans-serif;
	padding: 0px;
	height: auto;
	margin: 0px 0px 0px 0px;
	border: 0; 
}

table.Frame td#content {
	background:white;
	/*background:white url("/eng/i/news-index-bg.gif") repeat-x top left;*/
	padding:0px 0px;
	height:80%;
}

table.Frame p {
	font-family: Arial, sans-serif;
	font-size: 80%;
	padding:10px 20px 0px 20px;	
}




@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;} 

	

	
	}Error: Unable to read footer file.Error: Unable to read footer file.