body{
	margin:0;
	color:#333333;
	font:9pt Arial, Verdana, Geneva, Helvetica, sans-serif;
	line-height: 20px;
	/*background: url("../images/background.gif.html");*/
	height: 100%;
}

html, body {
	height: 100%;
}
img{
	border-style:none;  
}
a{
	text-decoration:none;
	color: #0063BE;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
p{clear :both;}

* {
margin: 0;
padding: 0;
}

h2{
	
	color: #0063BE;
	
}
#page{
	margin:0 auto;
	width: 965px;
	position: relative;
	padding-top: 0px;
}
#topOuter{
	background: url("../images/topgradient.png") repeat-x;
	height: 100px;
	width: 100%;
	
	display: block;
	clear: both;
	
}

#footer{
	height: 42px;
	position: relative;
	float: left;
	width: 100%;
	display: block;
	background-color: #0063BE;
	color: #FFF;
     text-align:center;  
     font-size: 11px;
     padding: 5px 0px 0px 0px;
}

#subheader ul.menu{
	list-style-type:none;
	padding: 10px 0px 0px 10px; 
	margin: 0px;
	float: left;
}

#subheader ul li{
	border-left: 1px solid #000;
	display: inline;
	padding: 0px 6px 0px 7px; 
	margin: 0px;
}

#subheader ul li:first-child{
	border: none;
}
  
#subheader ul li a{
	text-decoration: none;
	padding: 0px 0px 1px 0px;
	color: #000;
}

#subheader ul li a:hover{
	color: #069;
	text-decoration: none;
	background-color: transparent;
	border-bottom: 1px dotted #CCC;
	
}


.item-125{
  /* border-right: 1px solid #000; */

    color: #FFF;
    background-color: #fe0201;
    border: none !important;
   margin: 0px 0px 0px 0px !important;

    padding: 4px 4px 4px 4px !important;
}

.item-125 a{
  
    color: #FFF !important;
}


.item-107{
    border-right: 1px solid #000;
  margin-right: 10px !important;
}

 
#subheader {
	float: left;
	width: 100%;
	border-bottom: 1px solid #CCC;
	display: block;
	clear: both;
	padding: 0px 0px 20px 0px;
	position: relative;
}


.logo{
	clear: left;
	float: left;
	position: relative;
	padding: 0px 0px 0px 20px;
}


.search{
	
	float: right;
	padding: 15px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	display: inline;
	width: 100% !important;
        border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;

}

.search .search-area{
	float: right;
	 padding: 0px 20px 0px 0px;
	
}

.search .search-area input.text{
	width: 200px;
	padding: 4px 0px 4px 7px;
	font-weight: bold;
	border: 1px solid #CCC;
}

.search ul {
	width: 240px;
	clear: right;
	display: block;
	float: right;
	list-style-type:none;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
}
.search ul li{
	border-left: 1px solid #000;
	display: inline;
	padding: 0px 4px 0px 4px;
	margin: 0px 0px 0px 0px;
}
.search ul li:first-child{
	border: none;
}
.search ul li span{
	color: #FF6633;
	font-weight: bold;
	font-size: 10pt;
}

.tubeweb{
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 1px solid #CCC;
  padding: 0px 0px 6px 0px;
  margin: 0px 0px 10px 0px;
}

.tubeweb p{
	padding-top: 10px !important;
  line-height: 18px;
}

#lower{
	background: url("../images/bottomgradient_lined.png") no-repeat bottom;
	width: 965px;
	position: relative;
	display: block;
	height: 100%;
	overflow: hidden;
}

#lower ul.breadcrumb{
	list-style: none;
	padding: 5px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #FF6633;
}

#lower ul.breadcrumb li{
	/* background: url("../images/greaterthan.png") no-repeat 0 3px; */
	display: inline;
	padding: 0px 1px 0px 2px;
	margin: 0px 0px 0px 0px;
}

#lower ul.breadcrumb li:first-child{
	background: none;
}

#lower ul.breadcrumb li a{
	color: #000;
}

#lower ul.breadcrumb li a:hover{
	text-decoration: none;
}

#lower #right{
	line-height: 16px;
	width: 271px;
	float: right;
	position: relative;
	display: inline;
	overflow: hidden;
}


.right-nav{
    margin: 10px 0px 10px 15px;
}

#lower #right img.img1{
		width: 200px;
		float: left;
		padding: 10px 0px 0px 10px;
		margin: 0px 0px 0px 0px;

}

#lower #right p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 15px;
	 line-height:18px;
}

#lower #right h2{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 15px;
	color: #0063BE;
	font-weight: bold;
	font-size: 12pt;
	/* text-transform: uppercase; */
}


#lower #right h3{
	padding: 6px 0px 1px 0px;
	margin: 0px 0px 2px 15px;
	font-weight: bold;
	font-size: 10pt;
}

#lower #right h3 a{
	color: #000;
}


#lower #right img.rfq{
		float: left;
		padding: 0px 0px 0px 0px;
		margin: 5px 0px 0px 0px;
		
}

#lower #right p.rfq-text{
	clear: none;
	float: right;
	width: 172px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	font-size: 7pt;
	line-height: 14px;
}
#lower #right p.rfq-text a{
	color: #000;
	font-weight: bold;
}

#lower #right .useful-links, #lower #right .ptc_news_notice{
	clear: both;
	border-top: 1px solid #CCC;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#lower #right .useful-links p,#lower #right .ptc_news_notice p{
	clear: both;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 15px;
}


#lower #left{
	width: 692px;
	height: 100%;
	min-height: 1550px;
	float: left;
	border-right: 1px solid #CCC;
	position: relative;
	display: inline;
	overflow: hidden;
}

#lower #left .main-content{
	clear: both;
	position: relative;
	padding-right: 20px;
}

#lower #left .main-content ul{
    padding: 0px 0px 0px 20px;
    margin: 0px 0px 0px 25px;
   
}

#lower #left .main-content ul.orange_dash{
padding: 0px 0px 0px 10px;
margin: 0px 0px 10px 30px;
list-style:none;
} 

#lower #left .main-content ul.orange_dash li{
padding: 0px 0px 0px 14px;
margin: 5px 0;
background:url("../images/orange_dash.png") no-repeat 0 10px;
}
#lower #left .main-content .main-content-left{
	float: left;
	width: 320px;
	min-height: 522px;
}


#lower #left .main-content .main-content-left p.mc-upper{
	padding: 20px 0px 10px 0px;
	margin: 0px 10px 5px 20px;
	border-bottom: 1px solid #CCC;
}

#lower #left .main-content .main-content-left p.mc-lower{
	padding: 0px 0px 10px 0px;
	margin: 0px 10px 5px 20px;
}

#lower #left .main-content .main-content-left h3{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 20px;
	font-size: 10pt;
}

.zero-defects{
	clear: both;
}
.zero-defects img{
	float: left;
	overflow: hidden;
	position: relative;
	display: inline;
	width: 59px;
	margin: 0px 0px 0px 20px;
}
.zero-defects p{
	float: right;
	width: 240px;

	overflow: hidden;
	position: relative;
	display: inline;
	clear: none;
	line-height: 12px;
  padding: 5px 332px 0px 0px;
  margin: 0px 0px 15px 0px;
}

.zero-defects p em{
	font-size: 7pt;
}

.main-content-left p{
    line-height: 18px !important;
    padding-bottom: 10px;
}

#lower #left .main-content .main-content-left .zero-defects{
	clear: both;
}

#lower #left .main-content .main-content-left .zero-defects img{
	float: left;
	overflow: hidden;
	position: relative;
	display: inline;
	width: 59px;
	margin: 0px 0px 0px 20px;
}

#lower #left .main-content .main-content-left .zero-defects p{
	float: right;
	width: 240px;
	overflow: hidden;
	position: relative;
	display: inline;
	clear: none;
	line-height: 12px;
  padding: 5px 0px 0px 0px;
  margin: 0px 0px 15px 0px;
}
#lower #left .main-content .main-content-left .zero-defects p em{
	font-size: 7pt;
}
#lower #left .main-content table.hp-quad{
	clear: right;
	float: right;
	width: 360px;
	padding: 0px 0px 0px 0px;
	margin: 20px -10px 0px 0px;
	overflow: hidden;
	position: relative;
}

#lower #left .main-content table.hp-quad td{
	padding: 0px 5px 15px 0px;
	
}


.hp-image{
    margin-top: -2px;
    margin-left: -16px;
}

span.breadcrumbs{
	list-style: none;
	padding: 5px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #000000;
      
}
span.breadcrumbs a{
	color: #FF6633;
}

#lower #left .main-content h1{
	font-size: 14pt;
	margin: 5px 0px 2px 16px;
	padding: 0px 0px 5px 15px;
}
#lower #left .main-content h2{
	font-size: 12pt;
	margin: 13px 0px 2px 16px;
}
#lower #left .main-content h3{
	font-size: 10pt;
	margin: 13px 0px 2px 16px;
}
#lower #left .main-content p{
	margin: 0px 0px 5px 16px;
}


p.imageGallery{
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;

}



.prod-landing td{
  padding: 0px 10px 0px 0px;
  font-size: 10px;
  line-height: 14px;
}

.prod-landing h2 a{
  font-size: 12px;
  padding: 0px;
	margin: 0px;
}

.prod-landing h2 {
  padding: 0px;
  margin: 0px;
  line-height: 12px;
}

.prod-landing ul {
	padding: 0px !important;
  margin: 0px 0px 0px 15px!important;
	list-style: none;
}

.prod-landing ul li {
	padding: 0px !important;
  margin: 0px !important;
}


.click-menu50 .box1 {
	margin: 0px 0px 20px 0px !important;

}
.click-menu50 .inbox1,
.click-menu50 .inbox1:visited ,
.click-menu50 .inbox1:active ,
.click-menu50 .inbox1:link 
{
 margin-bottom:5px  !important; 
}


.emailLink{
	padding: 0px 0px 0px 15px;
  margin: 0px 0px 0px 0px;
    font-size: 8pt;
}


.emailLink a{
	color: #000;
}


.joomla_add_this{
  position: absolute;
    top: 11px;
    z-index: 1;
    right: 10px;
  border-left: 1px solid #000;
    padding: 0px 0px 0px 5px;
margin: 0px 0px 20px 0px;
    height: 16px;

  
}

.sp-imageTable{
 float: right; 
 width: 180px; 
 border: 0; 
 padding: 0px; 
 margin: 0px -14px 0px 10px;


}

#userForm div.componentheading{
    font-size: 16px;
    font-weight: bold;
    padding: 0 2px;
}

.formTableLayout td{
	vertical-align: top;
}

.rsform-input-box{
	width: 230px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	.joomla_add_this{
	right: 7px;  
	}
	
	#subheader ul li{
	padding: 0px 5px 0px 6px; 
	}
}


/* Search Results */

.search h1{
	margin-left: 0px !important;
	padding-left: 0px !important;
}

.btn-group{
	margin: 10px 0px 10px 0px;
}

.searchintro p{
	margin-left: 0px !important;
	padding-left: 0px !important;
	font-size: 1.5em;
}

.controls{
	margin: 10px 0px 10px 0px !important;
}

.controls label{
	margin: 3px 10px 3px 0px !important;
}


.controls input[type="radio"]{
	margin: 0px 5px 0px 0px;
}