body,div,span,p,a,img,h1,h2,h3,h4,h5,h6,ol,ul,li,
form,input,textarea,fieldset,label,table,legend,caption,thead,tbody,tfoot,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
html { height: 100%; }
body { height: 100%; line-height: 1; }
ol,ul,li { list-style: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea { background-color: #FFF; border: 1px solid #CCC; }
input.image { border: none; }

body {
	background-image: url('images/body_bg.png');
	background-repeat: repeat-x;
	background-color: #217bba;
	text-align: center;
	font-size: 0.8em;
	font-family: Century Gothic, Arial;
}

.about,
.article,
.why,
.region,
.contactbox,
.distpage,
.downloads,
.subcategory,
.subcategorywide,
.subcathead {
	border: 2px solid #C80000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 8px;
	padding: 10px;
	float: left;
	color: #333;
	text-align: left;
	background-color: #C3C3C3;
	background-image: url('images/gradient_300.png');
	background-repeat: repeat-x;
	
}

#pagetable .header {
	height: 150px;
	width: 960px;
}

tr.spacer td {
	height: 10px;
}

td.header .content {
	height: 155px;
	text-align: left;
}

td.header .content .left {
	float: left;
	width: 750px;
}

td.header .content .right {
	float: right;
	width: 200px;
}
img.contact {
	float: right;
}

.more { color: #C80000; }

#pagetable {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#tdcontent #content {
}

/* top nav menu */

#topnavbar  {
	width: 958px;
	background-image: url('images/nav_bg.png');
	border:1px solid #fff;
}

#topnavbar .menu {display:inline-block;}
#topnavbar .menu {display:inline;}
#topnavbar .holder {display:table;}

#topnavbar .menu {
  display: table-row;
  padding: 0;
  margin: 0;
  list-style-type: none;
  white-space: nowrap; 
}
#topnavbar .menu li {display: inline;}
#topnavbar .menu a {
	display: block;
	height: 30px;
	float: left;
	padding: 0 15px;
	color: #333;
	text-decoration:none;
	line-height: 30px;
}
  
#topnavbar .menu a:hover {
	background-image: url('images/nav_bg_hover.png');
}
 
#topnavbar .wrapper {text-align:center;}
#topnavbar .holder {margin:0 auto;}

/***************************************/


#searchform {
	margin: 0;
	padding: 0;
	height: 31px;
	margin-top: 15px;
	margin-bottom: 33px;
}

input.search {
	margin: 0;
	padding: 0;
	border: 0;
	height: 27px;
	border-top: 2px solid #217bba;
	border-bottom: 2px solid #217bba ;
	vertical-align: top;
}

input.blurred {
	color: #888;
}

#content {
	color: #FFF;
	text-align: left;
}

#content p {
	font-size: 1.1em;
	line-height: 1.3em;
}

#tdsidebarleft {
	width: 310px;
	padding-right: 23px;
	vertical-align: top;
}
#tdsidebarleft .cathead {
	height: 25px;
	background-color: #EDEDED;
	border: 1px solid #FFF;
	padding-top: 5px;
}

#catlist, #catlist ul {
	list-style-type: none;
	display: block;
}

#catlist li {
	display: block;
	position: relative;
	background-color: #FFF;
	height: 100px;
	text-align: left;
	border: 1px solid #FFF;
}

#catlist a {
	text-decoration: none;
	color: #222;
	vertical-align: middle;
	display: block;
	background-image: url('images/category_bg.png');
	overflow: auto;
}

#catlist a:hover {
	background-image: url('images/category_bg_hover.png');
}

#catlist .title {
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	float: left;
	width: 180px;
}
#catlist .desc {
float: left;
	width: 180px;
	height: 60px;
	overflow: hidden;
	line-height: 15px;
}

#catlist img {
	margin-right: 10px;
		float: left;
}

#catlist ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
}

#catlist ul ul {
	display: none;
}

#footer hr {
	margin-top: 20px;
	background-color: #C80000;
	color: #C80000;
	height: 3px;
	border: 0;
	width: 100%;
}
#breadcrumb {
	height: 30px;
	overflow: auto;
	font-size: 1.5em;
	font-weight: bold;
}
#breadcrumb li {
	float: left;
}
#breadcrumb a, #breadcrumb a:visited {
	color: #FFF;
	text-decoration: none;
	padding-right: 5px;
}

/**********************************************/
.subcathead {
	width: 922px;
	font-size: 1em;
	line-height: 1.2em;
}
.subcategory {
	width: 440px;
	height: 170px;
	overflow: auto;
}
.subcategory .inner {
	margin: 10px;
}
.subcategory .left {
	border: none;
	text-decoration: none;
	color: #C80000;
	float: left;
}
.subcategory .right {
	float: left;
	width: 240px;
	margin-left: 20px;
}
.subcategory a {

	color: #C80000;
		text-decoration: none;
}
.subcategory .title a {
	font-size: 1.6em;
	line-height: 1.2em;
	margin: 10px 0;
		font-weight: bold;
}
.subcategory img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float: left;
}
.subcategory p {
	text-align: justify;
	height: 80px;
}

/**********************************************/

.subcategorywide {
	width: 280px;
}
.subcategorywide .inner {
	width: 250px;
	margin: 17px;
}
.subcategorywide a {
	border: none;
	text-decoration: none;
	color: #C80000;
}
.subcategorywide .title {
	text-align: center;
	font-size: 1.6em;
	line-height: 1.2em;
	margin: 10px 0;
	height: 45px;
}
.subcategorywide img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.subcategorywide p {
	text-align: justify;
	height: 80px;
}

/**********************************************/

#productdetails {
	background-color: #FFF;
	color: #000;
	padding: 20px;
	overflow: auto;
	line-height: 1.4em;
}

#productimages {
	float: left;
	margin-right: 20px;
	width: 380px;
	position: relative;
}
#productimages .multibox {
	float: left;
	margin-right: 10px;
	border: 1px solid #999;
}

#productimages .alts {
	width: 60px;
	float: left;
}

#productimages .alt {
	margin-bottom: 5px;
	border: 1px solid #999;
}

.zoom {
	float: left;
	width: 380px;
	font-size: 0.8em;
	padding: 3px;
	text-align: center;
}
.zoomicon {
	position: absolute;
	left: 282px;
	top: 284px;
}
#productdetails .title {
	font-weight: bold;
	font-size: 2em;
	color: #C80000;
	margin-bottom: 10px;
}

#productdesc {
	font-size: 1.2em;
	line-height: 1.4em;	
}
/**********************************************/


#tabbox {
	float: left;
	margin-top: 10px;
	width: 910px;
}

#tabbox .tabs {
	position: relative;
	overflow: auto;
	z-index: 11;
}

#tabbox .tabs li {
	float: left;
	position: relative;
	margin-left: -1px;
}
#tabbox .tabs li:first-child {
	margin-left: 0px;
}

#tabbox .tabs li a {
	line-height: 30px;
	display: block;
	height: 30px;
	background-image: url('images/tab_bg.png');
	width: 150px;
	text-align: center;
	text-decoration: none;
	color: #C80000;
	font-size: 12px;
}

#tabbox .tabs li a:hover {
	background-image: url('images/tab_bg_hover.png');
}

#tabbox .tabs li a.active {
	background-image: url('images/tab_bg_active.png');
}

#tabbox .content {
	z-index: 1;
	position: relative;
	top: -1px;
	background-color: #EBEBEB;
	padding: 12px;
	border: 1px solid #555;
	overflow: auto;
}

/**********************************************************/

.products {
	background-color: #FFF;
	width: 100%;
}
.products th {
	background-color: #217BBA;
	color: #FFF;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.products td {
	height: 30px;
	vertical-align: middle;
	padding-left: 5px;
	text-align: center;
}

.products .odd {
	background-color: #DDD;
}

.objectScroller {
	overflow: auto;
	margin: 20px 0 15px 0;
}

/**********************************************************/

.buttons {
padding-left: 15px;
	overflow: auto;
	height: 120px;
}
.buttons form,
.buttons img {
	float: left;
	margin: 0 5px;
}

/**********************************************************/

.articles {
	overflow: auto;
}

.article {
	width: 440px;
}
.article .title {
	width: 248px;
	float: left;
	color: #C80000;
	font-size: 1.6em;
	margin-bottom: 5px;
	font-weight: bold;
}

.article .text {
	width: 248px;
	float: left;
	font-size: 0.9em;
	line-height: 1.4em;
	text-align: justify;
}

.article img {
	margin-right: 20px;
	float: left;
	width: 160px;
	height: 160px;
	border: 1px solid #BBB;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}	
	
/**********************************************************/

.contactbox {
	width: 880px;
	margin: 10px auto;
	text-align: left;
	float: none;
	overflow: auto;
}

.contactbox .left {
	width: 400px;
	float: left;
}

.contactbox .right {
	margin-left: 20px;
	width: 460px;
	float: left;
}

.contactbox h2 {
	background-color: #C80000;
	height: 30px;
	color: #FFF;
	line-height: 30px;
	padding-left: 10px;
	font-weight: bold;
}

.contactbox p {
	margin: 10px;
}

.specifications td {
	height: 25px;
	line-height: 25px;
}

.specifications .spectitle {
	padding-right: 30px;
	font-weight: bold;
}

#attachedfileslist li {
	height: 35px;
	margin: 5px 0;
}
#attachedfileslist a {
	height: 35px;
	line-height: 35px;
	text-decoration: none;
}
#attachedfileslist a img {
	vertical-align: middle;
	margin-right: 10px;
}
.pricehelp {
	margin: 5px 0 15px 0;
}

.about {
		width: 900px;
		padding: 0 20px 20px 20px;
}
.about p {
	margin: 20px 0;
}

.about img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 10px;
	border: 1px solid #C80000;
}

/**********************************************************/

.searchnavlist {
	height: 25px;
	margin: 5px 0;
	overflow: auto;
}

.searchnavlist ul {
	height: 35px;
	line-height: 30px;
}

.searchnavlist ul li {
	float: left;
	margin-right: 5px;
}

.searchnavlist a {
	color: #FFF;
}

table.search {
	width: 100%;
	color: #333;
}
table.search .imagecol {
	width: 50px;
}
table.search td, table.search th {
	padding: 5px;
	padding-right: 10px;
}

table.search a {
	color: #333;
	text-decoration: none;
}
table.search .searchheader {
background-color: #CCC;
height: 20px;
line-height: 20px;
}
table.search th {
text-align: left;
}
table.search img {
	vertical-align: middle;
}
table.search tr {
	background-color: #EBEBEB;
}
table.search .odd {
	background-color: #fff;
}

/**********************************************************/

.relprod {
	float: left;
	background-color: #FFF;
	width: 112px;
	height: 150px;
	margin-right: 10px;
	text-align: center;
	color: #217bba;
	text-decoration: none;
	border: 1px solid #AAA;
	padding: 9px;
}

.relprod img {
	border: 1px solid #DDD;
}

.relprod:hover {
	background-color: #FFF;
}


/*****************************/

.distlist {
	overflow: auto;
	width: 920px;
	margin: 0 auto;
}
.distlist .region {
	width: 150px;
	padding: 10px;
	margin: 5px;
	text-align: center;
}
.distlist a {
	color: #C80000;
	text-decoration: none;
	font-size: 1.4em;
	line-height: 1.4em;
}
.distlist img {
	margin-bottom: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.distributor {
	border: 1px solid #C80000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 300px;
	margin: 10px;
	padding: 10px;
	float: left;
	color: #333;
	text-align: center;
	background-color: #FFF;
	font-size: 1.2em;
	height: 125px;
}
.distributor a {
	text-decoration: none;
}
.distributor img{
	height: 60px;
	margin-bottom: 10px;
}
.distributor .type {
	color: #C80000;
	font-weight: bold;
	padding-top: 10px;
	line-height: 2em;
}
.distpage {
	width: 740px;
	padding-left: 180px;
	position: relative;
	padding-bottom: 70px;
}
.distpage .cathead {
	margin: 10px;
	position: absolute;
	left: 10px;
	color: #C80000;
	font-size: 1.4em;
	font-weight: bold;
	width: 150px;
	text-align: center;
}
.distpage .cathead img {
	margin-bottom: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/*******************************/

#ctform { width: 440px; margin: 10px auto; }
#ctform td {
	padding: 5px 0;
}
#ctname,
#ctaddress,
#cttel,
#ctemail,
#ctcomment {
	vertical-align: middle;
	line-height: 2em;
	padding-left: 3px;
	font-family: Century Gothic, Arial;
	font-size: 13px;
	width: 310px;
}
#ctsubmit { width: 100px; height: 30px; margin-left: 170px;  }
#ctcomment {
	height: 150px;
	line-height: 1.4em;
	padding: 5px;
	width: 300px;
}
#ctform input.radio {
	width: 20px;
	height: 20px;
	line-height: 20px;
}

#ctform td.radio { width: 30px; }
#ctform label {
	height: 20px;
	line-height: 20px;
}
#ctform td.labels { width: 120px; font-weight: bold; }
#ctform td.fields { width: 320px; }
#ctsubmit {
	width: 100px;
	background-color: #217BBA;
	color: #FFF;
	font-weight: bold;
}
.error {
	font-weight: bold;
	text-align: center;
	width: 100%;
	margin-top: 10px;
	color: #C80000;
}


/****************************************/
.why {
	padding: 20px;
}
.why h2 {
	color: #C80000;
	font-size: 2.2em;
	margin-bottom: 20px;
}

.why h3 {
		color: #C80000;
	font-size: 1.8em;
	margin-bottom: 10px;
}
.reason {
	overflow: auto;
	clear: both;
	margin: 20px 0;
}
.reason img {
	float: left;
	margin-right: 20px;
}
.reason p {
	line-height: 1.2em;
}

/****************************************/

.downloads {
	padding: 20px;
	padding-top: 0;
	width: 900px;
}
.downloads h2 {
	color: #C80000;
	font-size: 1.8em;
	margin: 20px 0;
	clear: both;
}
.downloads img {
	vertical-align: middle;
}
.downloads  a {
	color: #000;
	text-decoration: none;
}

.downloads .cover { margin-right: 10px; float: left; }

.catsection {
	margin-bottom: 20px;
}
.catsection td {
	height: 35px;
	vertical-align: middle;
}
.catsection .name {
	width: 200px;
}
.downloads .icon {	padding-right: 10px; }
.clear { clear: both; }
.main { float: left; }
.help a {
	color: #c80000;
}
.bottom_help{
	clear: both;
	float: left;
}
.bottom_banner {
	width: 624px;
	height: 73px;
	border: none;
	background-image: url(/image.php?filename=homepage-banner.jpg);
	margin-top: 10px;
}
table.datasheets  { font-size: 1.2em; width: 450px; margin-top: 20px; }
table.datasheets td  { height: 40px; }
table.datasheets th  { height: 30px; font-weight: normal; }
table.datasheets .pdficon { width: 50px; }
table.datasheets .pdficon img { text-align: middle; }
table.datasheets .link { width: 300px; font-weight: bold; }
table.datasheets .size { width: 100px; }

.downloads ol { margin-top: 20px; }
.downloads li { height: 60px; }
.downloads li img { margin-right: 10px; }

.dsheet { margin-top: 10px; }
.dsheet a { color: #c80000; }

.downloads .top_left,
.downloads .top_right,
.downloads .bottom_left,
.downloads .bottom_right
 { width: 450px; float: left; overflow: auto; margin-bottom: 20px; }

.links {  float: left; padding-top: 80px; }
.links a { line-height: 30px; }