@charset "utf-8";
/* CSS Document */

body{
	margin:0; padding:0;
	background:#d8d8d8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#111;
	overflow:scroll;
}
img{ border:none 0; margin:0;}

h2{ color:#335a72; font-size:20px; line-height:24px;}
h3{ }
h6{
	color:#335a72;
	font-size:16px;
	margin-bottom: 10px;
	margin-top: 5px;
}
a{ color:#0b3150; text-decoration:none;}
sup{ vertical-align:text-top;}


h1#logo{
		background: url(images/logo.png) no-repeat 0 55px;
		width:275px;
		height:287px;
		margin:0;
		float:left;
		left:35px;
	}
		h1#logo a{
		text-indent:-999em;
		width:275px;
		height:287px;
		display:block;
		margin:0;
		overflow:hidden;
		}
	

#wrapper{ }
#innerlogo{
	background:url(images/inner-logo.jpg) no-repeat; width:253px; height:73px;
	position:absolute; top:45px; left:30px;
}
	#inner_banner{ position:relative;}
#header{ height:0px;}
#header p{ margin:0; padding:12px 0; font-size:11px; color:#535353;}
.search_engine{ padding:10px; background:#E0E9ED; border:1px solid #0066CC; float:right; width:300px;}
#container{
	width:900px;
	margin:0 auto;
	
}
#main_nav{
	background:url(images/main-nav.jpg);
	height:51px;
	}

	#main_nav ul{list-style:none; padding:0; margin:0; margin-left:0;}
		#main_nav ul.navlist li{ list-style:none; height:50px; float:left; margin:0; padding:0; position:relative; border-right:1px solid #424242;}
		#main_nav ul.navlist li a{ height:50px;
		padding:16px 26px 13px 25px;
			overflow:hidden;
			font-weight:100;
			/*text-indent:-999em;*/
			color:#FFFFFF;
			font-size:15px;
			display:block;
			border:0px solid red;
			}
			#main_nav ul.navlist li.contactus{ border-right:none;}
			/*#main_nav ul.navlist li.home a{
				background-position:0 0;
				width:99px;
				}
				#main_nav ul.navlist li.home a:hover, #main_nav ul.navlist li.home a.selected{
				background-position:0 -51px;
				}
			#main_nav ul.navlist li.company a{
				background-position:-99px 0;
				width:104px;
				}
				#main_nav ul.navlist li.company a:hover, #main_nav ul.navlist li.company a.selected{
				background-position:-99px -51px;
				}
			#main_nav ul.navlist li.products a{
				background-position:-203px 0;
				width:111px;
				}
				#main_nav ul.navlist li.products a:hover, #main_nav ul.navlist li.products a.selected{
				background-position:-203px -51px;
				}
			#main_nav ul.navlist li.services a{
				background-position:-314px 0;
				width:104px;
				}
				#main_nav ul.navlist li.services a:hover, #main_nav ul.navlist li.services a.selected{
				background-position:-314px -51px;
				}
			#main_nav ul.navlist li.links a{
				background-position:-418px 0;
				width:87px;
				}
				#main_nav ul.navlist li.links a:hover, #main_nav ul.navlist li.links a.selected{
				background-position:-418px -51px;
				}
			#main_nav ul.navlist li.downloads a{
				background-position:-505px 0;
				width:125px;
				}
				#main_nav ul.navlist li.downloads a:hover, #main_nav ul.navlist li.downloads a.selected{
				background-position:-505px -51px;
				}
			#main_nav ul.navlist li.myaccount a{
				background-position:-630px 0;
				width:123px;
				}
				#main_nav ul.navlist li.myaccount a:hover, #main_nav ul.navlist li.myaccount a.selected{
				background-position:-630px -51px;
				}
			#main_nav ul.navlist li.contactus a{
				background-position:-754px 0;
				width:147px;
				}
				#main_nav ul.navlist li.contactus a:hover, #main_nav ul.navlist li.contactus a.selected{
				background-position:-754px -51px;
				}
				*/
				
			#main_nav ul.navlist li ul{ display:none;}	
			#main_nav ul.navlist li:hover ul{ position:absolute; top:50px; left:0px; background:#000000; z-index:99; display:block; text-transform:uppercase; font-size:11px;}
			#main_nav ul.navlist li:hover ul li{ width:245px; height:22px; border-bottom:1px solid #333;}
			#main_nav ul.navlist li:hover ul li a{ background:none; width:245px; text-indent:0; color:#FFFFFF; padding:3px 3px 3px 10px; height:22px; font-weight:normal!important; font-size:11px!important;}
			#main_nav ul.navlist li:hover ul li a:hover{ color:#0099CC;}


#banner{
	height:280px;
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
}
	#banner #slideshow{ float:right;}

	.banner_thumnail{ list-style:none; margin:0; padding:0;}
	.banner_thumnail li{ display:inline; margin:0; padding:0 10px;}
#main_content{
	background:#FFFFFF;
	padding:5px 20px 1px 20px;
	min-height:280px;
}
	#main_content #conent_wide{ padding:0px;}
	#main_content #main_column{ width:520px; position:absolute;}
	#main_content #right_column{
		float:right;}
#footer{
	background:url(images/footer-bg.jpg) top no-repeat;
	text-align:center;
	font-size:11px;
	padding-top:10px;
	padding-bottom:15px;
}
	#footer .footer_menu{ margin:0; padding:0; list-style:none;}
		#footer .footer_menu li{ display:inline; padding:0 8px; border-right:1px solid #333333; }
	#footer p{ line-height:12px;}
	#footer a{ color:#0b3150; text-decoration:none;}

.fl_left{ float:left;}
.fl_right{ float:right;}
.clear{ clear:both;}
.noborder{ border:none!important;}



.product_list{ margin:0; padding:0; list-style:none;}
	.product_list li{ width:400px; height:165px; background:#e9e9e9; float:left;  margin-right:5px; margin-bottom:5px; padding:0 10px;}
		.product_list li h3{ font-size:18px; color:#335a72; text-decoration:none; margin-bottom:18px; line-height:18px;}
			.product_list li h3 a{ font-size:18px; color:#335a72; text-decoration:underline;}

.linklist{ list-style:none; margin-left:0; padding-left:0;}
	.linklist li{ margin-bottom:15px; margin-left:0; padding-left:0;}
	.linklist li strong span{ color:#0B3150!important;}

.table-header {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

.layout-color-dark-blue {
background-color:#336699;
}
.layout-color-light-blue-2 {
	background-color:#EFF3F8;
	color:#333333;
}
.layout-color-light-blue {
background-color:#D0DCEA;
color:#333333;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
.layout-color-white {
background-color:#FFFFFF;
}
fromt.layout-color-light-blue {
	background-color:#D0DCEA;
	color:#333333;
}

#cse-search-box{ margin:0;}

.pdf_list{ padding-top:15px;}
.pdf_list ul{ margin:0; padding:0; margin-left:20px; list-style:none; font-weight:bold;}
.pdf_list ul li{ margin-bottom:6px; background:url(images/pdf.gif) no-repeat; padding-left:25px;}
	.pdf_list ul li a:hover{ text-decoration:underline;}
.pdf_list ul li.surcharge{ margin-bottom:8px; background:url(images/favorite.png) no-repeat; padding-left:25px;}


.call-box{ width:278px; text-align:center;
padding:15px 15px 20px 15px; border:1px solid #999999; background:#E0EFF1;
font-weight:bold; color:#000000; text-transform:uppercase;
}
	.call-box .smalltitle{ font-size:20px;}
	.call-box .title{ font-size:34px; padding-top:10px;}
	.call-box .title span{ font-weight:normal;}

ul.press_release{ margin-left:0; padding-left:0; list-style:none;}
ul.press_release li{ margin-left:0; padding-left:0;padding-bottom:10px;}
	ul.press_release li h3{ margin-bottom:0;}
	ul.press_release li p{ margin:0;}

li.noborder{ border:none!important;}


#inquire {width:180px; float:right; background:url(http://www.mstube.com/images/layout/backgrounds/inquire.png) repeat-x; border:1px solid #000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
	#inquire .tease-top {width:162px; height:14px; margin:0; padding:7px 9px; background:#235077; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0;}
		#inquire .tease-top h5 {color:#fff;}
	#inquire .wrap {width:158px; margin-top:0px; padding:8px 10px; text-align:center; border:none;}
		#inquire .wrap ul li {margin-left:10px; list-style-type:square;}
		#inquire .wrap ul ul li {margin-left:10px; list-style-type:circle;}
	#inquire button {margin:15px auto 0;}
	#inquire .tease-bottom {width:180px; height:17px; padding:9px 0;}
/* FORMS */
#form-container {margin:25px 0 0 0px;}
form{padding:0; font-size:12px; color:#333;}
fieldset{margin:0px;border:none;}
fieldset div{display:block;}
legend{color:#333;font-size:16px; margin-left:15px;}
label{float:left;width:90px; text-align:right; font-size:12px; color:#333; padding-right:10px; padding-top:4px;}
input {border:1px solid #7f9db9;}
input.text {width:255px; float:left;}
input.name-text {width:150px;}
input.email-text {width:150px;}
input.phone-text {width:116px;}
textarea {width:450px; height:80px; border:1px solid #7f9db9; margin-bottom:20px; font-family:Helvetica,Arial,Verdana,sans-serif; font-size:12px;}
input:focus,textarea:focus, checkbox:focus{background:#eee;color:#333;}	
/*SYSTEM BUTTONS*/
button { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 17px 0 0; 
  text-align:center;
  margin-left:0px;
  font-size:14px;
}

button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 14px; 
}

button.blackBtn { 
  background:url(http://www.mstube.com/images/layout/buttons/blue_button_right.gif) no-repeat scroll right; 
  font-size:18px; 
}
button.blackBtn span { 
  height:43px; 
  line-height:40px;
  background:url(http://www.mstube.com/images/layout/buttons/blue_button_left.gif) left no-repeat;
  /*margin-top:1px;*/
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  font-size:14px;
}


/*style for the 100 logo*/
h1#logo100{
	width:275px;
	height:287px;
	margin:0;
	float:left;
	left: 35px;
	background-image: url(images/logo100.png);
	background-repeat: no-repeat;
	background-position: 0 13px;
	}
		h1#logo100 a{
		text-indent:-999em;
		width:275px;
		height:287px;
		display:block;
		margin:0;
		overflow:hidden;
		}

/*end style for the 100 logo*/		
		

/*styles for the 100 home page*/		
#main100{
	background-image: url(images/MetalBG1.jpg);
	background-repeat: no-repeat;
	padding-bottom:10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #FFFFFF;
}
#main100 #leftcolumn {
	background-image: url(images/heres100lg.png);
	background-repeat: no-repeat;
	height: 351px;
	width: 400px;
	float: left;
	background-position: center 70px;
}
#main100 #rightcolumn {
	height: 351px;
	width: 420px;
	float: left;
	font-size: 14px;
}
#main100 #rightcolumn #righttext {
	text-align: right;
	font-style: italic;
	margin-top: -10px;
	margin-bottom: 30px;
}
#main100 #rightcolumn #centennialBtn {
	padding-top: 15px;
	padding-left: 15px;
	float: right;
}
/*end styles for the 100 home page*/


/*styles for the 100 youtube home page*/
#main100B{
	background-image: url(images/MetalBG1.jpg);
	background-repeat: no-repeat;
	padding-bottom:10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 15px;
	background-color: #FFFFFF;
}
#main100B #leftcolumnB {
	background-repeat: no-repeat;
	width: 535px;
	float: left;
	background-position: center top;
	line-height: 16px;
	padding-top: 5px;
	height: 266px;
}
#main100B #leftcolumnB #righttext {
	text-align: right;
	font-style: italic;
	margin-top: -12px;
	margin-bottom: 10px;
}
#main100B #leftcolumnB #centennialBtn {
	padding-top: 8px;
	padding-left: 1px;
	float: right;
}
#main100B #rightcolumnB {
	height: 336px;
	width: 305px;
	float: right;
	font-size: 14px;
	padding-left: 15px;
	padding-top: 15px;
}
/*end styles for the 100 youtube home page*/

#main_content ul.videos {margin:0; padding:0; list-style:none;}
#main_content ul.videos li {width:350px; margin:0 0 20px 90px; padding:0; list-style-type:none; float:left;}
#main_content ul.videos li.first {width:350px; margin:0 0 20px 0; clear:both;}
#main_content ul.videos h4 {margin:0;}
#main_content ul.videos h5 {margin:0;}
#main_content ul.videos .desc {width:340px; margin:0;}
#main_content ul.videos .desc p {font-size:11px;}


/*styles for the centennial page*/
#inner_banner_cent{
	position:relative;
	clear: right;
	float: left;
}
#content100 {
	background-image: url(images/MetalBG2.jpg);
	background-repeat: no-repeat;
	width: 900px;
	float: left;
	height: 723px;
}
#content100 p {
	line-height: 16px;
	margin-top: -5px;
}
#content100 #leftcolumnC {
	width: 400px;
	float: left;
	padding: 25px;
}
#content100 #rightcolumnC {
	width: 400px;
	float: left;
	clear: right;
	padding: 25px;
}
#cent_btm_banner {
	background-image: url(images/cent_btm_banner.jpg);
	background-repeat: no-repeat;
	height: 16px;
	width: 900px;
	float: left;
}
/* end styles for the centennial page*/