@media only screen {
	INPUT,TEXTAREA { font-family: Arial; font-size: 12px; }

	#mobileFlag { display: inline-block; float: left; }
	/*#mobileFlag { display: none; }*/

	body {
		/*font-family: Georgia, Times New Roman, Times, serif;*/
		/*font-family: Tahoma, Arial, Helvetica, Sans-Serif;*/
		font-family: Verdana, Geneva, sans-serif;
		/*	font-size: 16px;*/
		font-size: 12pt;
		color: #000;
		margin: 0 0 1em 0;
		padding: 0; /* Only affects Opera */
		background: #FFFFFF url('images/topbar.png') repeat-x scroll top left;
	}

	body, .article {
		visibility: hidden;
	}

	table.generic {
		width: auto;
		margin:	0 auto;
		font-family: Verdana;
		font-size: 12px;
		text-align: center;
	}

	.imageDesc {
		top:5px; left:5px; width:336px; height:0; color:#FFF; background-color:#000;
	}

	#top {
		margin: 0;
		padding: 103px 0 0 0;
	}

	#header {
		position: absolute;
		z-index: 2;
		top: 0px;
		left: 0px;
		width: 371px;
		height: 98px;
		background-image: url(images/MTlogo.gif);
		background-repeat: no-repeat;
	}

	div.separator {
		border-top: 3px double #6699FF;
		border-bottom: 3px double #6699FF;
		width: 90%;
		height: 0px;
		margin: 0 auto;
		text-align: center;
	}

	p.midText	{
		width: 90%;
		margin: 5px auto;
		text-align: center;
	}

	hr.bottom {
		position: relative;
		top: 0px !important;
		top: -7px;
		margin: 0 0 5px 0;
		height: 1px;
		color: #8D8D8D;
	}


	address {
		font-size: 9px;
	}

	address p {
		margin: 0;
	}


	h1 {
		display: block;
		line-height: normal;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		color: #FFFFFF;
		background-color: #5984C3;
		padding: 3px 0px 3px 4px;
		margin-top: 0px;
	}
	h1 a {
		color: #FFF;
		text-decoration: underline;
		background: #5984C3 url('images/gradient.png');
	}
	h1 a:hover {
		color: #FF0000;
		background-color: #FFF;
		text-decoration: none;
	}
	h1 span {
		color: #FFCC33;
		background: #5984C3 url('images/gradient.png');
	}


	h2 {
		display: block;
		line-height: normal;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		text-align: left;
		color: #FFFFFF;
		padding: 3px 4px 3px 4px;
		border-bottom: dotted 2px silver;
		margin-top: 0;
		margin-bottom: 5px;
	}


	h3 {
		position: relative;
		top: -5px !important;
		top: -15px;
		left: 0px;
		margin: 0;
		font-size: 1.1em;
		color: #0033F4;
		font-weight: bold;
		text-align: left;
	}


	h4 {
		position: relative;
		top: -5px !important;
		top: -15px;
		left: 0px;
		margin: 0 0 7px 0 !important;
		margin: 0 0 0 0;
		font-size: 14px;
		color: #243F8F;
		font-weight: bold;
		text-align: left;
	}


	h5 {
		font-family: Arial;
		font-size: 11px;
		color: #5984C3;
		font-weight: bold;
		text-align: justify;
		margin-top: 5px;
	}
	h5 span {
		padding: 0 0 0 15px;
		background: url('images/icon_info.png') no-repeat 0px 0px;
	}


	h6 {
		font-size: 12px;
		color: #4A4A4A;
		font-weight: bold;
		text-align: left;
		margin-top: 0px;
	}
	h6 a {
		color: #4A4A4A;
		background-color: #4A4A4A;
	}
	h6 a:hover {
		color: #4A4A4A;
		background-color: #4A4A4A;
	}


	#docLink ul {
		padding: 0;
		margin: 0;
	}
	#docLink li {
		position: relative;
		left: -5px;
		list-style-type: none;
		background-image: url(images/acrobat.gif) !important;
		background-repeat: no-repeat;
		padding-left: 45px !important;
		padding-bottom: 15px;
		font-family: Arial;
		font-size: 10px;
		color: #5984C3;
		font-weight: bold;
		text-align: left !important;
	}
	#docLink li a {
		font-family: Arial;
		font-size: 12px;
		color: #000;
		font-weight: bold;
		text-decoration: none;
	}
	#docLink li a:hover {
		color: #000;
		background-color: #FFCC33;
		text-decoration: none;
	}
	#docLink2 h5 {
		position: relative;
		left: 60px;
		top: -15px;
		font-family: Arial;
		font-size: 12px;
		color: #000;
		font-weight: normal;
		text-decoration: none;
	}
	#docLink2 span {
		position: relative;
		left: 70px;
		top: -32px;
		background-image: url(images/bullet.png);
		background-repeat: no-repeat;
		background-position: 0 .3em;
	}
	#docLink2 span a {
		position: relative;
		left: 10px;
		font-family: Arial;
		font-size: 12px;
		color: #000;
		font-weight: bold;
		text-decoration: none;
	}
	#docLink2 span a:hover {
		color: #000;
		background-color: #FFCC33;
		text-decoration: none;
	}

	#docText {
		padding-left: 15px;
		font-family: Arial;
		font-size: 11px;
		font-weight: normal;
		color: #000;
		text-align: justify;
		margin-top: 5px;
	}
	#docText I {
		padding-left: 15px;
		font-family: Verdana;
		font-size: 11px;
		font-weight: normal;
		color: #5984C3;
		text-align: justify;
	}



	a {
		font-size: 1.0em;
		color: #006090;
	}
	a:hover {
		background-color: #DDEEFF;
		color: #000000;
		text-decoration: none;
	}


	* html .minWidth {
		width: 580px;
	}


	.article {
		margin: 0 15px 0 10px;
		line-height: 1.5;
		font-size: 16px;
	}

	.container {
		float: right;
	}

	#mainContent, .mainContentSmall {
		margin-top: 10px !important;
		margin-top: -4px;
		min-width: 580px;
		padding-left: 1px !important;
		padding-left: 0px;
		padding-right: 5px;
		font-size: 12px;
		color: #000;
		text-align: left;
	}
	#mainContent b {
		text-align: left;
	}
	#mainContent ul {
		padding: 0;
		margin: 0;
	}
	#mainContent li {
		list-style-type: none;
		background-image: url(images/bullet.png);
		background-repeat: no-repeat;
		background-position: 0 .3em;
		padding-left: .8em;
		margin-left: 2em;
	}

	#rightCol {
		margin: 0;
		width: 15px;
		border-width: 2px 2px 2px 2px;
		border-style: solid;
		border-color: #CCC #000 #000 #CCC;
		background-color: #4A4A4A;
		color: #FFCC33;
	}


	#element-id {
		margin: 0;
		width: 160px;
		padding: 0px 5px 0px 5px !important;
		padding: 0px 7px 0px 7px;
		line-height: 150%;
	}


	#slideShow {
		width: 150px;
		border: solid 1px gray;
		padding: 4px 4px 4px 4px;
	}
	#slideShow a:hover {
		background-color: #FFFFFF;
	}


	#headLines ul {
		padding: 0;
		margin: 0;
	}
	#headLines li {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		line-height: 1.25em;
		color: #FFFFFF;
		list-style-type: none;
		background-image: url(images/bullet1.png);
		background-repeat: no-repeat;
		background-position: 0 .8em;
		padding-top: .5em;
		padding-left: 1em;
		margin-left: -2em;
	}
	#headLines li a {
		color: #FFCC33;
		text-decoration: none;
	}
	#headLines li a:hover {
		color: #000000;
		background-color: #FFCC33;
		text-decoration: none;
	}


	#leftNav {
		margin-top: 10px !important;
		margin-top: 10px;
		width: 140px !important;
		width: 150px;
		padding: 0px 10px 0px 7px;
		background-color: #FFFFFF;
	}
	#leftNav ol {
		margin: 0;
		padding: 0;
		list-style-type: none;
		background-color: #EEEEEE;
		border-top: #3F3849 0px solid;
		border-right: #3F3849 1px solid;
		border-left: #3F3849 1px solid;
	}
	#leftNav ol li {
		font-weight: bold;
		line-height: 14px;
		text-align: left;
		border-bottom: #3f3849 1px solid;
	}
	#leftNav ol li a {
		display: block;
		padding: 3px 4px 3px 4px;
		font-size: 12px;
		letter-spacing: 0;
		color: #000000;
		background-color: #EEEEEE;
		text-decoration: none;
	}
	#leftNav ol li a:hover {
		color: #000000;
		background-color: #FFCC33;
	}
	#leftNav ol li a#active {
		color: #000000;
		background-color: #C1FFC1;
	}
	#leftNav .navTitle {
		padding: 3px 4px 3px 4px;
		border-top: #3F3849 1px solid;
		border-right: #3F3849 1px solid;
		border-bottom: #3F3849 1px solid;
		border-left: #3F3849 1px solid;
		font-weight: bold;
		font-size: 11px;
		color: #FFFFFF;
		background-color: #5984C3;
	}
	#leftNav .navBox {
        text-align: center;
        padding: 2px;
        background-color: #EEEEEE;
        border-right: 1px solid #3F3849;
        border-bottom: 1px solid #3F3849;
        border-left: 1px solid #3F3849;
        font-size: 13px;
	}


	#sb_search {
		font-size: 10px;
		color: #367d10;
	}


	#mapImage {
		display: none;
	}

	#mapContainer {
		float: left;
		padding: 5px 10px 0 10px;
	}

	#map2Container {
		padding: 5px 10px 0 10px;
	}

	#map { width: 400px; height: 300px; }
	#map2 { width: 500px; height: 375px; }

	#gmap {
		font-size: 12px;
		width: 400px;
		padding: 5px;
		border-width: 1px 2px 2px 1px;
		border-style: solid;
		border-color: #AAA #000 #000 #AAA;
		background-color: #EEE;
	}

	#gmap2 {
		font-size: 12px;
		width: 500px;
		padding: 5px;
		border-width: 1px 2px 2px 1px;
		border-style: solid;
		border-color: #AAA #000 #000 #AAA;
		background-color: #EEE;
	}


	#imagePop {
		vertical-align: middle;
	}


	#imageBox {
		padding: 5px 10px 0 10px;
	}
	#imageBox > div {
		padding: 5px;
		border-width: 1px;
		border-style: solid;
		border-color: #DDD;
		background-color: #DDD;
	}
	#imageCaption {
		position: relative;
		top: -12px;
		left: 10px;
		font-size: 0.75em;
		color: #000;
		font-family: Arial;
		font-weight: bold;
		background-color: #FCFDD7;
	}


	#specBoxL {
		padding: 2px;
	}
	#specBoxL {
		margin: 0 0 10px 10px;
		float: left;
		display: block;
		border: 1px solid;
		width: 200px !important;
		width: 207px;
		background-color: #EEEEEE;
	}
	#specBoxL ul {
		padding: 0;
		margin: 0;
	}
	#specBoxL li {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		line-height: 2em;
		list-style-type: none;
		background-image: url(images/bullet.png);
		background-repeat: no-repeat;
		background-position: 0 .8em;
		padding-left: 1em;
		margin-left: 1em;
	}
	#specBoxL h1{
		display: block;
		border: 2px solid white;
		line-height: 14px;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		color: #000000;
		background-color: #CCCCCC;
		padding: 3px 4px 3px 4px;
		margin-top: 0px;
	}


	#specBoxR {
		padding: 2px;
	}
	#specBoxR {
		margin: 0 0 10px 10px;
		float: right;
		display: block;
		border: 1px solid;
		width: 200px !important;
		width: 207px;
		background-color: #EEEEEE;
	}
	#specBoxR ul {
		padding: 0;
		margin: 0;
	}
	#specBoxR li {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		line-height: 2em;
		list-style-type: none;
		background-image: url(images/bullet.png);
		background-repeat: no-repeat;
		background-position: 0 .8em;
		padding-left: 1em;
		margin-left: 1em;
	}
	#specBoxR h1, .specBoxR h1{
		display: block;
		border: 2px solid white;
		line-height: 14px;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		color: #000000;
		background-color: #CCCCCC;
		padding: 3px 4px 3px 4px;
		margin-top: 0px;
	}


	#specBoxWide {
		padding: 2px;
	}
	#specBoxWide {
		margin: 0 0 10px 10px;
		display: block;
		border: 1px solid;
		width: 400px !important;
		width: 407px;
		background-color: #EEEEEE;
	}
	#specBoxWide ul {
		padding: 0;
		margin: 0;
	}
	#specBoxWide li {
		font-family: Comic Sans MS;
		font-size: 12px;
		font-style: normal;
		text-align: left;
		line-height: 2em;
		list-style-type: none;
		background-image: url(images/bullet2.png);
		background-repeat: no-repeat;
		background-position: 0 .8em;
		padding-left: 1em;
		margin-left: 1em;
		margin-right: 1em;
	}
	#specBoxWide h1{
		display: block;
		border: 2px solid white;
		line-height: 14px;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		color: #000000;
		background-color: #CCCCCC;
		padding: 3px 4px 3px 4px;
		margin-top: 0px;
	}


	#navTab {
		width: 750px;
		margin: 0;
		padding: 0;
	}
	#navTab a {
		font-size: 14px;
		color: #000000;
		text-decoration: none;
		padding: 1px 5px 1px 5px;
	}
	#navTab a:hover {
		color: #000000;
		background-color: #FFCC33;
	}


	#dormantTab {
		float: left;
		width: 90px;
		height: 39px;
		line-height: 39px;
		text-align:center;
		font-weight: bold;
		background: url('images/dormantTab.gif');
	}

	#dormantTabBoth {
		float: left;
		width: 26px;
		height: 39px;
		background: url('images/dormantTab_both.gif') no-repeat 0px 0px;
	}

	#dormantTabEnd {
		float: left;
		width: 25px;
		height: 39px;
		background: url('images/dormantTab_end.gif') no-repeat 0px 0px;
	}

	#activeTab {
		float: left;
		width: 90px;
		height: 39px;
		line-height: 39px;
		text-align:center;
		font-weight: bold;
		background: url('images/activeTab.gif');
	}

	#activeTabBegin {
		float: left;
		width: 30px;
		height: 39px;
		background: url('images/activeTab_begin.gif') no-repeat 0px 0px;
	}

	#activeTabLeft {
		float: left;
		width: 43px;
		height: 39px;
		background: url('images/activeTab_left.gif') no-repeat 0px 0px;
	}

	#activeTabEnd {
		float: left;
		width: 43px;
		height: 39px;
		background: url('images/activeTab_end.gif') no-repeat 0px 0px;
	}

	#activeTabBoth {
		float: left;
		width: 44px;
		height: 39px;
		background: url('images/activeTab_both.gif') no-repeat 0px 0px;
	}

	.priceHeader {
		color: #FFCC33 !important;
		background: #5984C3 url('../images/gradient.png') !important;
	}

	#priceLists {
		position: relative;
		top: 0;
		left: 20px;
		width: 96%;
		margin: 0;
		border-width: 1px 2px 2px 1px;
		border-style: solid;
		border-color: #AAA #000 #000 #AAA;
	}

	#priceLists td {
		padding: 5px 8px 5px 0;
		font-size: 13px;
		color: #000;
		font-weight: bold;
	}

	#priceLists span {
		padding-left: 20px;
	}

	#partDesc {
		width: 37%;
		vertical-align: top;
		text-align: left;
	}
	#partNum {
		width: 18%;
		vertical-align: top;
		text-align: left;
	}
	#partPrice {
		width: 45%;
		vertical-align: top;
		text-align: right;
	}

	#part2Desc {
		width: 65%;
		vertical-align: top;
		text-align: left;
	}
	#part2Num {
		width: 20%;
		vertical-align: top;
		text-align: left;
	}
	#part2Price {
		width: 15%;
		vertical-align: top;
		text-align: right;
	}

	#unitDesc {
		width: 30%;
		vertical-align: top;
		text-align: left;
	}
	#bpPsig {
		width: 35%;
		vertical-align: top;
		text-align: center;
	}
	#bpBar {
		width: 35%;
		vertical-align: top;
		text-align: center;
	}


	#highLite {
		background-color: #B1D7FD;
	}

	#lowLite {
		background-color: #F7F7F7;
	}

	#listHeader {
		background: #FFF url('images/dormantTab.gif') repeat 0px -5px;
	}

	.bak2top {
		font-family: Arial;
		font-size: 10px;
		font-weight: bold;
		background: #FFF url('images/dormantTab.gif') repeat 0px -5px;
		border: 1px solid;
		border-color: #AAAAAA;
		padding: 2px;
	}

	#adVert	{
		width: 370px;
		border: solid #6699FF 3px;
		padding: 10px;
	}

	#outLine	{
		width: 99%;	
		background: #FFF url('images/UnitBkGnd.png') no-repeat 115px 0px;
		border-left: solid #DDD 2px;
		border-top: solid #DDD 2px;
		border-right: solid #DDD 2px;
		border-bottom: solid #DDD 2px;
		padding: 15px 0 10px 5px;
	}

	/* Show only to IE PC \*/
	* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

	.sidebox {
		margin: 0 auto; /* center for now */
		width: 55em; /* ems so it will grow */
		background: url(images/sbbody-r.gif) no-repeat bottom right;
		font-size: 60%;
	}

	.boxhead {
		background: url(images/sbhead-r.gif) no-repeat top right;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.boxhead h2 {
		background: url(images/sbhead-l.gif) no-repeat top left;
		border: none;
		text-align: center;
		margin: 0;
		padding: 22px 30px 5px;
		color: white;
		font-weight: bold;
		font-size: 1.2em;
		line-height: 1em;
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	}
	.boxbody {
		background: url(images/sbbody-l.gif) no-repeat bottom left;
		margin: 0;
		padding: 5px 30px 31px;
	}

	sup {font-size: 0.75em; line-height: 0.5em}

	.col-2{ float:left;}
	.wrapper-box-indent{ padding:10px 15px 10px 25px;}
	.text-indent2{ padding:0 0 0 0;}
	.indent-top-bottom{ padding:0 0 20px 0 !important; color: red;}

	.contactContainer { float: left; margin: 0 45px; }

	.contactCell {
		align: center;
		width: 100%;
	}

	#ONE {
		margin-left: 20px;
	}
}