/* CSS Document */

body{
	background-color: #2a2a2a;
	background-image: url(images/background2.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding:0;
	margin-bottom: 10px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 1.0em;
	color: #333333;
}

hr{
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #d8d8d8;
}

hr.dashed{
	height: 0;
	border-width: 1px 0 0 0;
	border-style: dashed;
	border-color: #d8d8d8;
	margin-bottom: 10px;
}

.newsdate{
	color: #666666;
}

#container{
	width: 100%;
}

#page{
	width: 912px;
	height: 100%;
	overflow: visible;
	background-color: #FFFFFF;
	border-left: 1px solid #2a2a2a;
	border-right: 1px solid #2a2a2a;
	border-bottom: 0px solid #000000;
}

#header{
	width: 912px;
	height: 124px;
	padding: 0px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	letter-spacing: 1px;
}

#content{
	width: 100%;
	height: 100%;
	overflow: visible;
	margin-top: 0px;
	margin-bottom: 20px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	line-height: 15px;
	padding-top: 0px;
}

.left_nav_container{
	width: 156px;
	height: 100%;
	overflow: visible;
	float: left;
	margin-left: 8px;
	margin-top: 0px;
}

.left_nav_top{
	width: 156px;
	height: 21px;
	float: right;
	background-image: url(images/left_nav_top2.gif);
	background-repeat: no-repeat;
	padding: 4px 0px 0px 0px;
	margin-top: 0px;
	background-color: #eeeeee;
}

.left_nav_top .heading{
	color: #ebebeb;
	font-weight: normal;
	letter-spacing: normal;
	font-size: 12px;
}

.left_nav_bottom{
	width: 156px;
	height: 30px;
	float: right;
	background-image: url(images/left_nav_bottom2.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	margin: 0px;
}

.left_nav{
	width: 156px;
	overflow: visible;
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	background-color: #eeeeee;
	border-left: 0px solid #444444;
	border-right: 0px solid #444444;	
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #545454;
}

.left_nav a{
	color: #545454;
	text-decoration: none;
}

.left_nav a:hover{
	color: #d12b27;
	text-decoration: none;
}

.left_nav p{
	border-bottom: 1px solid #ffffff;
	padding: 6px 6px 6px 6px;
	margin: 0px;
	font-size: 11px;
}

#main{
	width: 711px;
	height: 100%;
	overflow: visible;
	margin: -6px 0px 0px 0px;
	padding: 0px 12px 0px 12px;
	float: right;
	z-index: 100;
}

#extra{
	width: 46%;
	height: 100%;
	overflow: visible;
	float: left;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 5px;
	margin: 5px 0px 10px 0px;
	border-right: 1px dashed #cccccc;
}

#highlight{
	width: 49%;
	height: 100%;
	overflow: visible;
	float: right;
	margin: 5px 0px 10px 0px;
	padding-left: 0px;
	padding-left: 12px;
	/*border-left: 1px dashed #cccccc;*/
}

.support_top{
	width: 416px;
	height: 35px;
	background-image: url(images/support_top.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}

.support_top .title{
	color: #ffffff;
	font-weight: normal;
	letter-spacing: normal;
	letter-spacing: 1px;
	line-height: 32px;
	font-size: 12px;
	font-weight: bold;
}

.support_bottom{
	width: 416px;
	height: 30px;
	background-image: url(images/support_bottom.gif);
	background-repeat: no-repeat;
	padding-top: 0px;
	margin-bottom: 20px;
}

.support{
	width: 400px;
	height: 100%;
	overflow: visible;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;	
	padding-left: 7px;
	padding-right: 7px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
}

.support a{
	color: #000000;
	text-decoration: none;
}

.support a:hover{
	color: #d12b27;
	text-decoration: none;
}

.round_top{
	width: 706px;
	height: 40px;
	float: left;
	background-image: url(images/round_top2.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin-top: -5px;
	margin-bottom: -5px;
}

.round{
	width: 690px;
	height: 100%;
	overflow: visible;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	border-left: 0px solid #afafaf;
	border-right: 0px solid #afafaf;	
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	line-height: 15px;
	color: #333333;
	clear: both;
}

.round_bottom{
	width: 706px;
	height: 22px;
	float: left;
	/*background-image:url(images/round_bottom.gif);*/
	border-bottom: 0px solid #d8d8d8;
	background-repeat: no-repeat;
	padding-top: 0px;
	margin-bottom: 10px;
}

#footer{
	width: 912px;
	height: 100%;
	padding: 0px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	clear: both;
	border-top: 0px solid #3d3c3c;
	background-image: url(images/footer2.jpg);
	background-position: top;
	background-repeat: no-repeat;
	color: #666666;
}

#footer a{
	color: #165391;
	font-size: 10px;
	text-decoration: none;
	letter-spacing: normal;
}

#footer a:hover{
	color: #165391;
	font-size: 10px;
	text-decoration: underline;
	letter-spacing: normal;
}

h1{
	color: #d12b27;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
	font-weight: normal;
	font-size: 1.7em;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

h2{
	color: #d12b27;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
	font-weight: bold;
	font-size: 1.6em;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
}

h3{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 100%;
	letter-spacing: normal;
	padding: 0px 0px 5px 0px;
	margin: 0px;

}

h4{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 100%;
	letter-spacing: normal;
	padding: 20px 0px 5px 0px;
	margin: 0px;
	
}

h5{
	color: #d12b27;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 120%;
	letter-spacing: normal;
	padding: 0px 0px 10px 0px;
	margin: 0px;

}

p{
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size: 0.9em;
	line-height: 145%;
}

a{
	color: #165391;
	text-decoration: none;
}

a:hover{
	color: #0c2e50;
	text-decoration: underline;
}

#shortcuts a{
	color: #ffffff;
	text-decoration: none;
}

#shortcuts a:hover{
	color: #FFCC00;
	text-decoration: none;
}

Input.form{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	border: 1px solid #b2b2b2;
	color: #333333;
	font-weight: bold;
	padding: 2px 2px;
	margin: 5px 0px 0px 0px;
}

Select{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	border: 1px solid #b2b2b2;
	color: #333333;
	font-weight: bold;
	padding: 2px 2px;
}

textarea{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	border: 1px solid #b2b2b2;
	color: #333333;
	font-weight: bold;
	padding: 2px 2px;
}

.button{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	padding: 2px 5px;
	border: 1px solid #b2b2b2;
	background-color: #e1e1e1;
	color: #333333;
	font-weight: bold;
}

.special {
	display: none;
}

.line{
	width: 100%;
	height: 15px;
	border-top: 1px solid #d8d8d8;
	margin-top: 5px;
	margin-bottom: 5px;	
	clear: both;
}

.line_dashed{
	width: 100%;
	margin: 0px 0px;
	padding: 3px 0px;
	border-bottom: 1px dashed #b1b1b1;
	clear: both;
}

#search_content{
	width: 100%;
	font-family: Tahoma, Verdana, Arial;
	font-size: 6px;
	visibility: hidden;
}

.image_border{
	border: 1px solid #333333;
}

.image_caption{
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
}

.mobile_pc{
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
}

.question{
	font-weight: bold;
	color: #333333;
	margin-bottom: -5px;
}

/*========================   MENU   ========================*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.nav {
height: 30px; 
background: url(mtsi_menu/pro_line_0.gif) repeat-x; 
background-color: #000000;
position: relative; 
font-family: arial, verdana, sans-serif; 
font-size: 11px; 
width: 907px; 
padding-left: 5px;
}

.nav .table {
display: table; 
margin: 0;
}

.nav .select,
.nav .current {
margin: 0; 
padding: 0; 
list-style: none; 
display: table-cell; 
white-space: nowrap;
}

.nav li {
margin: 0; 
padding: 0; 
height: auto; 
float: left;
}

.nav .select a {
display: block; 
height: 30px; 
float: left; 
background: url(mtsi_menu/pro_line_0.gif); 
padding: 0 20px 0 20px; 
text-decoration: none; 
line-height: 30px; 
white-space: nowrap; 
color: #ddd;
}

.nav .current a {
display: block; 
height: 30px; 
float: left; 
background: url(mtsi_menu/pro_line_2.gif); 
padding: 0 0 0 10px; 
text-decoration: none; 
line-height: 30px; 
white-space: nowrap; 
color: #fff;
}


.nav .current a b {
display: block; 
padding: 0 20px 0 10px; 
background: url(mtsi_menu/pro_line_2.gif) right top;
}

.nav .select a:hover, 
.nav .select li:hover a {
background: url(mtsi_menu/pro_line_1.gif); 
padding: 0 0 0 10px; 
cursor: pointer; 
color: #fff;
}

.nav .select a:hover b, 
.nav .select li:hover a b {
display: block; 
float: left; 
padding: 0 20px 0 10px; 
background: url(mtsi_menu/pro_line_1.gif) right top; 
cursor: pointer;
}

.nav .select_sub {
display: none;
}

/* IE6 only */
.nav table {
border-collapse: collapse; 
margin: -1px; 
font-size: 1em; 
width: 0; 
height: 0;
}

.nav .sub {
display: table; 
margin: 0; 
padding: 0; 
list-style: none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background: transparent; 
color: #f00;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display: block; 
position: absolute; 
width: 912px; 
top: 30px; 
background: url(mtsi_menu/back_0.gif); 
padding: 0; 
z-index: 100; 
left: 0; 
text-align: left;
}

.nav .current .show {
z-index: 10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display: block; 
float: left; 
background: transparent; 
padding: 0 10px 0 10px; 
margin: 0; 
white-space: nowrap; 
border: 0; 
color: #000000;
}

.nav .current .sub li.sub_show a {
color: #088; 
cursor: default; 
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility: visible; 
color: #d12b27; 
}
/*======================   END MENU   ========================*/

/*======================   SPEC TABS  ========================*/
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
	display: none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	display: none;
}
.tabberlive {
	margin-top: 1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
	margin: 0;
	padding: 3px 0;
	border-bottom: 1px solid #b2b2b2;
	font: bold 10px Verdana, sans-serif;
	text-align: left;
}

ul.tabbernav li
{
    list-style: none;
    margin: 0;
    display: inline;
}

ul.tabbernav li a
{
    padding: 3px 0.5em;
    margin-left: 3px;
    border: 1px solid #ffffff;
    border-bottom: none;
    background: #ffffff;
    text-decoration: none;
	color: #666666;
}

ul.tabbernav li a:link { color: #666666; }
ul.tabbernav li a:visited { color: #666666; }

ul.tabbernav li a:hover
{
    color: #414141;
    background: #ffffff;
    border-color: #ffffff;
	text-decoration: none;
}

ul.tabbernav li.tabberactive a
{
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
	border-top: 1px solid #b2b2b2;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	color: #d12b27;
}

ul.tabbernav li.tabberactive a:hover
{
    color: #414141;
    background: white;
    border-bottom: 1px solid #ffffff;
	border-top: 1px solid #b2b2b2;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
     padding: 10px;
     border-bottom: 0px solid #6699CC;
     border-top: 0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */


 /* If you set a fixed height set overflow to auto and you will get a
    scrollbar when necessary */

     /*overflow:scroll;*/
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
     display: none;
}
.tabberlive .tabbertab h3 {
     display: none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
     height: 200px;
     overflow: auto;
}

.spec_table {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	border-top: 1px solid #b2b2b2;
}

.spec_table td{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	border-bottom: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	text-align: left;
	color: #333333;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	background-color: #FFFFFF;
}

.spec_table th {
	text-align: left;
	font-weight: bold;
	color: #414141;
	background-color: #ffffff;
	border-bottom: 1px solid #b2b2b2;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #FFFFFF;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.spec_table ul {
	margin-left: 20px;
	margin-bottom: 0px;
	list-style-type: disc;
}
/* ================ END SPEC TABS ===================== */


/* ================ CONTENT SLIDER ==================== */
.contentslide{
border: 1px solid #333333;
border-bottom-width: 0px;
padding: 0px;
width: 398px;
height: 180px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 394px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #666666;
border: 1px solid #333333;
border-width: 1px 1px; /*Left/ right border width of pagination DIV.*/
padding: 2px 4px 2px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 394px; /*IE5 width*/
w\idth: 394px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #cccccc;
background-color: #666666;
font-size: 10px;
}

.pagination a:hover, .pagination a.selected{
color: #ebebeb;
background-color: #333333;
font-weight: bold;
}
/*================== END CONTENT SLIDER ======================= */

/*================== WEB DESIGN TABLE ========================= */
#web_design th{
	border-bottom: 3px dotted #dddfe3;
	text-align: left;
	padding: 20px 0px;	
}

#web_design td{
	text-align: center;
	border-bottom: 3px dotted #dddfe3;
	padding: 20px 0px;	
}

#web_design img{
	border: 1px solid #dddfe3;
}

/* SITEMAP */
.sitemap{
	background-color: #CCCCCC;
}

.sitemap td{
	background-color: #FFFFFF;
}

.sitemap th{
	background-color: #ebebeb;
	font-size: 14px;
	border-bottom: 1px solid #cccccc;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.sitemap th a{
	color: #666666;
}