﻿body{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	line-height: 150%;
	font-size: 12px;
}

.font{
	font-family: Arial, Helvetica, Tahoma, sans-serif;
}

a{
 text-decoration: none;
 color: #0069AA;
}

a:hover {
	text-decoration:underline;
	background-color:transparent;
}      

hr {
 color:gray;
}

h1 { 
 color: #0069AA;
 font-style:normal; font-weight:bold; font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
	
}

h2 { 
 color: #0069AA;
 font-style:normal; font-weight:bold; font-family:font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
	
}

h3 {
 color: #0069AA;
 font-style:normal; font-weight:bold; font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
	
}

h4 {
 color: #0069AA;
 font-style:normal; font-weight:bold; font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
	
}

a img{
	border:none;
}


#shortCut{
	color:#ffffff;
}

#shortCut a{
	text-decoration: none;	
}

#shortCut a:hover{
	color: #0069AA;
	text-decoration:underline;
	background-color: white;
}


#chartMini{
	font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
	width:100%;
	border-collapse:collapse;
	width: 600px; 	
	height: 173px;
}

#chartMini td, #chartMini th {
	font-size:12px;
	border:1px solid #808080;
	padding-top:1px;
	padding-bottom:1px;
	background-color:white;
	}
	
	
#chartMini th {
	font-size:12px;
	text-align:left;
	padding-top:1px;	
	text-align: center;
	background-color:#0069AA;
	color:#ffffff;
}

#chartMini td{
	text-align:center;
}


.font12{
	font-size:12px;
}

.mainPg{
	padding-left:30px;
}

/*-----------------*/

#chartStyle{
	font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
	width:100%;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;
}

#chartStyle td, #chartStyle th {
	font-size:12px;
	border:1px solid #808080;
	padding-top:1px;
	padding-bottom:1px;
	background-color:white;
	}
	
	
#chartStyle th {
	font-size:12px;
	text-align:left;
	padding-top:1px;	
	text-align: center;
	background-color:#0069AA;
	color:#ffffff;
}

#chartStyle td{
	text-align:center;
}

#chartStyle tr.title th{
	font-size:24px;
	padding:20px;
}

#chartStyle tr.subhead th{
	font-size:16px;
	padding:8px;
}

#chartStyle tr.alt td {
	color:#000000;
	background-color:#c8c8c8;
}

#chartStyle tr.alt2 td {
	width: 200px;
}

#chartStyle th.high a{
 	color:#ffffff;
}


#chartStyle td.alt3{
	text-align:left;
	padding-left:5px;
}

#chartStyle tr.alt4 td{
	text-align:left;
	padding:5px;
}

#chartStyle td.alt5{
	text-align:left;
	padding: 0px;
}

#chartStyle td.alt6{
		text-align:left;
		padding-left:5px;
		background-color:#c8c8c8;
}


#toolChart{
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	width:100%;
	border-collapse:collapse;
}

#toolChart td{
	font-size:1em;
	text-align:center;
	border:1px solid #0069AA;
	padding-top:1px;
	padding-bottom:1px;
}

#toolChart td.words{
	text-align:left;
	padding-left:5px;
}


.toggle_container {
	margin: 0 auto;
	overflow: hidden;			
	width: 100%;
	background-color:transparent;
}	


/*---------------Example Chart for Part Numbers ---------*/

#exampleStyle{
	font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
	width:100%;
	border-collapse:collapse;
}

#exampleStyle td, #exampleStyle th {
	font-size:10px;
	padding-left: 5px;
	padding-right: 5px;
	border:1px solid #808080;
}
	
#exampleStyle th {
	font-size:12px;
	padding: 0px;
	text-align: center;
	color:#0069AA;
}

#exampleStyle td{
	text-align:left;
	background-color:#eeeeee;

}

#exampleStyle td.cent td{
	text-align:center;
	background-color:#eeeeee;
}


/* -----------------Header and Sign In ---------------------- */
#header{
	margin: 0 auto;
	width: 900px; 
	height: 41px;
}

.login{
	position: relative; 
	float: right; 
	right: 30px;
	top:3px;
}


.loginbutton{
	border:0px;
	background-color: transparent;
	position: relative;
	width: 58px; 
	height: 19px;
	top: 3px;
}

.loginbox{
	font-style: italic;
}

.signBox
{
	position: relative; 
	float: right; 
	color: gray;
}

.signBox a{
 	color: #0069AA;
}

.signBox a:hover{
	text-decoration:underline;
 	color: #0069AA;
}

.blue{
	color:blue;
}


/* -----------------------Main Menu----------------------------*/ 

#menu_container {
	margin: 0 auto;
	position: relative;
	width: 908px;
	height: 53px;
	z-index: 2;
	
}

.menu_button {
	 margin: 0 auto;
	 display: inline;
	 float: left;
}

.menu_icon{
	margin: 0 auto;
	position: relative;
	display: inline;
}

/*--------------------Product Menu-----------------------------*/

#product_container{
	margin: 0 auto;
	position: relative;
	left: 30px;
	top:10px;
	width: 881px; 
	height: 140px; 
}

.product_button{
	margin: 0; 
	display: inline;
	float: left; 	
}


.productRibbon {
    background:url('images/ctTool.png') no-repeat;
    width:538px;
    height:62px;
    position:absolute;
    top: 1px;
    left:16px;
    z-index:400;
}


.imgProduct{
	display:block;
	margin-left: auto;
	margin-right:auto;
	padding-bottom: 2px;
	margin-top: 10px;	
}

.imgContact{
	display:block;
	margin-left: auto;
	margin-right:auto;
	padding-bottom: 10px;
}

.blockProduct{
	width: 881px; 
	height: 350px;
	position: relative; 
}

.blockProduct ul{
	list-style:none;
	margin:0;
	padding:0;
}

.blockProduct li{
	display:inline;
}

.blockProduct ul li a {
  margin-left:20px;
  margin-bottom:30px;
  color:black;
}

.blockProduct li a {
	text-decoration:none;
	width:150px;
	height: 150px;
	background: url('images/box2.jpg') no-repeat;
	float:left;
	text-align:center;
}

.blockProduct li a:hover{
	background:url('images/box2H.jpg') no-repeat;
	color:#000
}

.as9100{
	width: 180px; 
	height: 150px;
	position: relative; 
}

.as9100 ul{
	list-style:none;
	margin:0;
	padding:0;
}

.as9100 li{
	display:inline;
}

.as9100 ul li a {
  margin-left:20px;
  margin-bottom:30px;
  color:black;
}

.as9100 li a {
	text-decoration:none;
	width:150px;
	height: 150px;
	background: url('images/box2.jpg') no-repeat;
	float:left;
	text-align:center;
}

.as9100 li a:hover{
	background:url('images/box2H.jpg') no-repeat;
	color:#000
}



/*-------------Distributors List------------------ */


.blockDistributors{
	width: 890px; 
	height: 265px;
	position: relative;
	top:20px; 
}

.blockDistributors ul{
	list-style:none;
	margin:0;
	padding:0;
}

.blockDistributors li{
	display:inline;
}

.blockDistributors ul li a {
  margin-left:20px;
  margin-bottom:30px;
  color:black;
}

.blockDistributors li a {
	text-decoration:none;
	width:100px;
	height: 100px;
	background: url('images/BoxD.jpg') no-repeat;
	float:left;
	text-align:center;
}

.blockDistributors li a:hover{
	background:url('images/BoxD_H.jpg') no-repeat;
	color:#000;
}

.blockDistributors li.alt a{
	background:url('images/BoxD_H.jpg') no-repeat;
	color:#000;
}


/*-------------Contact Blocks List------------------ */


.blockContactsUs{
	width: 890px; 
	height: 280px;
	position: relative;
	top:20px; 
}

.blockContactsUs ul{
	list-style:none;
	margin:0;
	padding:0;
}

.blockContactsUs li{
	display:inline;
}

.blockContactsUs ul li a {
  margin-left:20px;
  margin-bottom:30px;
  color:black;
}

.blockContactsUs li a {
	text-decoration:none;
	width:120px;
	height: 110px;
	background: url('images/box3.jpg') no-repeat;
	float:left;
	text-align:center;
}

.blockContactsUs li a:hover{
	background:url('images/box3H.jpg') no-repeat;
	color:#000;
}

.blockContactsUs li.alt a{
	background:url('images/box3H.jpg') no-repeat;
	color:#000;
}

/*-------------Instruction------------------ */

.blockInstruction{
	width: 890px; 
	height: 280px;
	position: relative;
	top:20px; 
}

.blockInstruction ul{
	list-style:none;
	margin:0;
	padding:0;
}

.blockInstruction li{
	display:inline;
}

.blockInstruction ul li a {
  margin-left:20px;
  margin-bottom:50px;
}

.blockInstruction li a {
	text-decoration:none;
	width:120px;
	height: 110px;
	background: url('images/box3.jpg') no-repeat;
	float:left;
	text-align:center;
}

.blockInstruction li a:hover{
	background:url('images/box3H.jpg') no-repeat;
	color:#000
}

/*-------------Electric List------------------ */

.blockElectric{
	width: 620px; 
	height: 160px;
	position: relative;
	top:20px;
	left:140px; 
}

.blockElectric ul{
	list-style:none;
	margin:0;
	padding:0;
}

.blockElectric li{
	display:inline;
}

.blockElectric ul li a {
  margin-left:60px;
  margin-bottom:30px;
  color:black;
}

.blockElectric li a {
	text-decoration:none;
	width:120px;
	height: 110px;
	background: url('images/box3.jpg') no-repeat;
	float:left;
	text-align:center;
}

.blockElectric li a:hover{
	background:url('images/box3H.jpg') no-repeat;
	color:#000;
}

.blockElectrics li.alt a{
	background:url('images/box3H.jpg') no-repeat;
	color:#000;
}

/* -------------------------Vidoes---------------------------------- */

.blockVideo{
	width: 890px; 
	height: 280px;
	position: relative;
	top:20px; 
}

.blockVideo ul{
	list-style:none;
	margin:0;
	padding:0;
}

.blockVideo li{
	display:inline;
}

.blockVideo ul li a {
  margin-left:20px;
  margin-bottom:50px;
}

.blockVideo li a {
	text-decoration:none;
	width:120px;
	height: 67px;
	background: url('images/vBox.jpg') no-repeat;
	float:left;
	text-align:center;
}

.blockVideo li a:hover{
	background:url('images/vBox.jpg') no-repeat;
	color:#000;
}

/*--------------------Katopedia Menu-----------------------------*/

.imgPedia{
	display:block;
	margin-left: auto;
	margin-right:auto;
	margin-top: 20px;
	padding-bottom: 2px;
}

.imgPedia1{
	display:block;
	margin-left: auto;
	margin-right:auto;
	margin-top: 10px;
	padding-bottom: 2px;
}

.box1{
	margin: 0 auto;
	width: 840px; 

}
.blockList{
	width: 881px; 
	height: 500px;
	position: relative; 
}

.blockList ul{
	list-style:none;
	margin:0;
	padding:0;
}

.blockList li{
	display:inline;
}

.blockList ul li a {
  margin-left:20px;
  margin-bottom:20px;
}

.blockList li a {
	text-decoration:none;
	padding:0px;
	width:150px;
	height: 150px;
	background: url('images/box2.jpg') no-repeat;
	float:left;
	text-align:center;
}

.blockList li a:hover{
	background:url('images/box2H.jpg') no-repeat;
	color:#000
}

.footerPedia{
	list-style:none;
}

.footerPedia li{
	display:inline;
}

.footerPedia li a{
	width:150px;
	float:left;
}


.footerPedia ul li a {
  margin-left:10px;
  margin-bottom:3px;
}


#breadcrumbs{
	 border-bottom:1px solid #ccc; 
	 line-height: 20px; 
	 overflow:auto; 
	 font-weight:bold;
	 list-style:none;
	 padding:0; 
	 margin:0;  
}

#breadcrumbs li { 
	float:left; 
	padding-left:8px; 
}

#breadcrumbs li a { 
	padding:0 24px 2px 0; 
	background:transparent url('images/blue-arrow.png') no-repeat right center;
}
#breadcrumbs li a:link, #breadcrumbs li a:visited { 
	text-decoration:none; 
}
#breadcrumbs li a:hover, #breadcrumbs li a:focus {
	text-decoration:underline; 
}

/*------------------Lit. Request--------------------------------------*/

.bigBlockList{
	position: relative;
	list-style:none;
	width:800px;
}

.bigBlockList li{
	display:inline;
}

.bigBlockList ul {
  margin-left:-10px;
}

.bigBlockList ul li a {
  margin-left:10px;
  margin-bottom:15px;
}

.bigBlockList li a {
	text-decoration:none;
	padding-left:25px;
	padding-top:10px;
	width:350px;
	height: 350px;
	background: url('images/box4.jpg') no-repeat;
	float:left;
	text-align:left;
}

.bigBlockList li a:hover{
	background:url('images/box4H.jpg') no-repeat;
	color:#000;
}


.imgspace{
	padding-right:10px;
	padding-top:10px;
}


/*--------------------CrossRef(KATOpedia)-----------------------------------*/

.cblock{
	width:650px;
	position: relative;
	margin: 0 auto;
	
}

.mblock{
	margin:0 auto;
	padding-left: 20px;
	padding-top:10px;
	background: url('katopedia/imgpedia/crosBox.jpg') no-repeat;
	width: 284px;
	height: 130px;
	float: left;
}

.mblock:hover{
	background:url('katopedia/imgpedia/crosBoxh.jpg') no-repeat;
	color:#000;
}

.smBlockList{
	position: relative;
	list-style:none;
	margin: 0 auto;
	width:650px;
}

.smBlockList li{
	display:inline;
}

.smBlockList ul {
	padding:0;
}

.smBlockList ul li a {
}

.smBlockList li a {
	text-decoration:none;
	padding-left:22px;
	padding-top:10px;
	width:284px;
	height: 62px;
	background: url('katopedia/imgpedia/crosBox2.jpg') no-repeat;
	float:left;
	text-align:left;
}

.smBlockList li a:hover{
	background:url('katopedia/imgpedia/crosBoxh2.jpg') no-repeat;
	color:#000
}

.crfheader{
}

.crfheader ul{
	padding: 0px;
	list-style: none;
}

.crfheader li{
	margin: 0 0 0 15px;	
	display: block;
	display: inline;
}

/*------------------Product Headers------------------------------ */ 


#productHeader{
	margin: 0 auto; 
	position: relative; 
	width: 908px; 
	height: 25px;	
}


#product{
	position: relative;
	float: right;
	right: 40px;
}

#product ul{
	list-style:none;	
}

#product li{
	margin: 0 0 0 25px;
	display: block;
	display: inline;
}

#product a{
	text-align:center;
	font-size: 12px;
	text-decoration: none;
	color:black;	
}

#product a:hover{
	color: #0069AA;
	background-color: white;
}


#productHeader{
	margin: 0 auto; 
	position: relative; 
	width: 908px; 
	height: 25px;	
}


#productInserts{
	position: relative;
	float: right;
	right: 30px;
}

#productInserts ul{
	list-style:none;	
}

#productInserts li{
	margin: 0 0 0 17px;
	display: block;
	display: inline;
}

#productInserts a{
	text-align:center;
	font-size: 12px;
	text-decoration: none;
	color:black;	
}

#productInserts a:hover{
	color: #0069AA;
	background-color: white;
}


.sub_button{
	 margin: 0; 
	 display: inline;
	 float: left; 
}


/* ---------------------Search Bar------------------------------- */
#search{
	width: 328px;
	height: 53px;
	background:url('images/menuNav/menu6.gif');
}

.searchbox{
	border: 0px;
	background-color: transparent;
	position: relative;
	left: 15px;
	top: 7px;
	width: 240px;
	height: 24px; 
}

.searchbox_submit {
	border:0px;
	background-color: transparent;
	position: relative;
	top: 15px;
	left: 19px;
	width: 25px; 
	height: 25px; 
}

/* ------------------Content --------------------------------------*/

#holderAll{
	margin: 0 auto;
	position: relative;
	width: 881px;
	overflow: hidden;
}

#container {
	margin: 0 auto;
	position: relative; 
}

#contentTop {
	margin: 0 auto;
	position: relative; 
	background: url('images/slice/sliceTop.gif') no-repeat;
	width: 881px;
	top: 15px;
	height: 17px;
}

#content{
	margin: 0 auto; 
	background: url('images/slice/sliceHor.gif') repeat-y;
	position:relative;
}

#contentTxt {
	margin-left: 35px;
	margin-right: 35px; 
}

/* above is how to make the box */

#content_container{
	width: 908px;
	height: 275px; 
	margin: 0 auto;
	position: relative;
	
}

#content_center_text{
	width: 870px;
	height: 250px; 
	margin: 0 auto;
	top: 10px;
	position: relative; 
	text-align:center;
}

#content2_container{
	width: 908px;
	height: 429px; 
	margin: 0 auto;
	position: relative;
	
	
}

/*-----------Floats and Fonts -----------------------------------------------------*/

.left {
 position: relative;
 float: left;
}

.right {
 position: relative;
 float: right;
}

.center {
 position: relative;
 text-align: center;
}

.centerMain{
	text-align: center;
}

.highlight{
	color:#0069AA;
}

.fakeLink{
	color: #0069AA;
    text-decoration: none;
    cursor: pointer;
    font-size:15px;
    font-weight:bold; 
    font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;

}

.fakeLink:hover {
    text-decoration: underline;
}

/*--------------------------- Technical Articles------------------------------ */

#techList{
	 width: 400px;
	 margin-top: 15px;
	 float: right;
	
}


/* ------------------Border ------------------------------------------------------

#border{
	width: 1176px;
	height: 16px; 
	margin: 0 auto;
	position: relative;
	background: url('images/Home_Image/Border.jpg') no-repeat;
}

/* ------------------Article(Jquery Drop Box Format)--------------------------------------*/
#colContainer3{
	margin: 0 auto;
	position:relative;
	width: 100%;
}

#colContainer3 div.col3{
	margin:0 auto;
	width:20%;
	margin:0;
	padding: 4px;
	float: left;
}

.articleTitle{
	font-size:20px;
	margin-top: 15px;
	padding-top: 15px;
}

.toggle_box1 {
	margin: 0 auto;
	padding: 0;
	background: repeat-y left top;
	background-color: #eeeeee;
	overflow: hidden;
	font-size: 1.2em;
	width: 810px;
	clear: both;
}	


/*---------------- Column Builder Jquery Capatible --------------------------------------*/


#colContainer{
	margin: 0 auto;
	position:relative;
	width: 100%;
}

#colContainer div.col{
	margin:0 auto;
	width:20%;
	margin:0;
	padding: 10px;
	float: left;
}

.toggle_container2 {
	margin: 0 auto;
	padding: 0;
	background: repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 810px;
	clear: both;
}	

/*---------------- Electric Tool Column builder New--------------------------------------*/

#toolContainer{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	font-size: 1.2em;
	padding: 0;
}

#toolContainer div.column{
	margin:0 auto;
	width:20%;
	margin:0;
	padding: 10px;
	float: left;
}

.bor{
	border-right: solid 1px #808080;
}



.fakeLink2{
	color: #0069AA;
    text-decoration: none;
    cursor: pointer;
    font-size:15px;
    font-weight:bold; 
    font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;

}

.fakeLink2:hover {
    text-decoration: underline;
}

.fakeLink3{
	color: #000000;
    text-decoration: none;
    cursor: pointer;
    font-size:17px;
    font-weight:bold; 
    font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;

}

.fakeLink3:hover {
    text-decoration: underline;
}

/*----Part Number Column Shortcut-----*/

.shorcon{
height:150px; 
margin:0 auto;
text-align:left;
width:500px;
font-size:15px;
}

.shorcol{
width:40%;
float:left;
margin-right:25px;
}

.shorcol2{
width:50%;
float:left;
}

.fonttitle{
	font-size:24px;
}


/*--------------------4Column ------------------------------------------*/

.column1{
  width: 400px;
  height: 250px;
  float: left; 
  /*--position:relative;--*/ 
}

.column2{
  width: 400px;
  height: 250px;
  float: left;
 /*--position:relative;--*/ 

}

.column3{
  width: 400px;
  height: 150px;
  float: left; 
  /*--position:relative;--*/ 
}

.column4{
  width: 400px;
  height: 150px;
  float: left;
 /*--position:relative;--*/ 

}


#col4_container
{
	height: 179px;
	width: 852px;
	top: 10px; 
	margin: 0 auto;
	position: relative;
}


#col4{
	float: left; 
	width: 21%;
}

/*----------------------Footer------------------------------------------ */

#footerTop{
 background: url('images/slice/sliceBottom.gif') no-repeat;
 margin: 0 auto;
 position: relative;
 width: 887px;
 height: 27px;
}

#footer_container{
	width: 870px;
	height: 80px;
	left: 18px;
	margin: 0 auto;
	position: relative;	
}

#footer{
	top: 7px; 
	right: 30px;
	margin: 0 auto;
	float: right;
	position: relative;

}

#footer ul{
	list-style:none;
	font-family: "Myriad Pro";
	
}

#footer li{
	margin: 0 0 0 25px;
	display: block;
	display: inline;
}

#footer a{
	text-align:center;
	font-size: 12px;
	text-decoration: none;
	color: #0069AA;	
}

#footer a:hover{
	color: #0069AA;
	background-color:transparent;
	text-decoration:underline;

}

.leftFooter{
	color: #0069AA;
	float: left;
	width: 300px;
	top:-6px;
	position: relative;
}

.textFoot{
   float:left;
}


.imgFoot{
	float: right;
	top: 4px;
	right: 35px;
	position: relative;

}

/*----------------------Product Footer------------------------------------------ */

#footerProduct{
	width: 870px;
	height: 80px;
}

#footerProduct ul{
	list-style:none;
	padding: 0; 
	margin: 0;
}

#footerProduct li{
	margin: 0 0 0 10px;	
	display:block;
	display: inline;	
}

#footerProduct a{
	text-align:center;
	font-size: 12px;
	text-decoration: none;
	color: #0069AA;	
}

#footerProduct a:hover{
	color: #0069AA;
	background-color:transparent;
	text-decoration:underline;

}
/*--------------------------Distributor List---------------------------------------------*/

.toggle_container {
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 800px;
	clear: both;
}	
		
#bigList{
	width: 800px;
	padding: 0px;
	text-align: left;
}

#tableList{
	text-align:left;
	width:450px;
}

.center table
{ 
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/*remove this if distributor3 */

#electricHeader{
	margin: 0 auto;
	width: 90%;
	margin-top: 15px;
	margin-right:-20px;
}

#electricHeader div.col{
	margin:0 auto;
	display:inline-block;
	padding: 10px;
}


#colContainerNONOO{
	margin: 0 auto;
	right:20px;
}


#electricHeader ul{
	list-style:none;
}

#electricHeader li{
	margin: 0 0 0 25px;	
	display: block;
	display: inline;

}


.table1{
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0;
	overflow: hidden;
	font-size: 1.2em;
	width: 800px;
}

#nav{
	margin-left: 0;
	width: 830px;
	text-align: left;
}


#nav ul{
	list-style:none;
	font-family: "Myriad Pro";	
}

#nav li{
	margin: 0 0 0 25px;
	display: block;
	display: inline;
}


/* here if you remove above */

#distributorList{
	width: 830px;
	text-align: left;
	background: white;
}

#distributorList a{
	display: block;
	font-family: “Myriad Pro”, Arial, Helvetica, Tahoma, sans-serif;
	color: #0069AA;
	text-decoration: none;
}

#distributorList a:hover{
	text-decoration: underline;
}

/*----------------------------Login Tables-------------------------------------------- */


	
#chartLogin{
	width:200px;
	border-collapse:collapse;
}


#chartLogin td{
	padding:2px;
}

#chartLogin tr.alt td {
	color:#000000;
	background-color:#c8c8c8;
}


/*--------Hinges--------*/

.hinges
{
	position: relative; 
	padding-left:100px; 
	padding-right:40px; 
	padding-bottom:50px
}

/*--------------------------About KATO--------------------*/

#globe {
	float: left;
	margin: 10px;
}

#satisfaction {
	float: right;
	margin: 10px;
}

.nobullet{
	list-style:none;
	text-decoration: none;
}

/* --------------------- Image with text ------------------------- */
#imgTxt{
	position: relative;
	margin: 0 auto;
	float: right;
}

/* --------------------- Site Map ------------------------- */

#siteContainer{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	font-size: 1.2em;
	padding: 0;
}

#siteContainer div.column{
	margin:0 auto;
	width:20%;
	margin:0;
	padding: 10px;
	float: left;
}

.siteT{	margin:0; padding:0; color:gray;}

/*------ Nov 12,2012 Updated-------

#insertRef{
			margin:0;
			padding:0;
}
#insertRef ul{
			margin:0;
			padding:0;
}
#insertRef li{ 
				float:left; 
				list-style-type: none; 
				padding:5px;
}
#insertRef li a{ 
				display:block; 
}

#insertRef li a:hover{ 
				text-decoration: underline; 
}​
*/

/*---- Eco Friendly Bg (InsertCollars.html) -------*/
.ecoBG{
		background-image:url('/insertcollars/eco-friendly-design.png'); 
		background-repeat:no-repeat; 
		background-position:200px; 
		height:150px;
}


/*--- New Footer 1/15/13 (Product Update)-----*/

#footerPro{
	position:relative;
	list-style:none;
	left:100px;
	height:70px;
}

#footerPro ul{
	width:650px;
}

#footerPro li{
	display:inline;
}

#footerPro li a{
	width:150px;
	float:left;
}


#footerPro ul li a {
  margin-left:10px;
  margin-bottom:3px;
}

.star{
	position:absolute;
	bottom:270px;	
}

/*------ Main Pages (wwww.katonet.com) --------- */ 

.mainCon{
	margin:0 auto;
	background:url('images/mainPage/mainC.gif') no-repeat;
	width:880px;
	height:213px;
}

.mainCon p{
	padding-top: 20px;
	margin:0 auto;
	width:800px;
}

.mainCol{
	width: 890px; 
	height: 350px;
	position: relative; 
}

.mainCol div{
	display:inline;
	text-decoration:none;
	padding:0px;
	width:215px;
	height: 335px;
	background: url('images/mainPage/mainColwr.gif') no-repeat;
	float:left;
}

.mainCol div.alt{
	margin-left:7px;
}

.mainCol div.p4{
	background: url('images/mainPage/mainCol4.png') no-repeat;
}

.mainCol div.p3{
	background: url('images/mainPage/mainCol3.png') no-repeat;
}

.mainCol div.p1{
	background: url('images/mainPage/mainCol1.png') no-repeat;
}

.mainCol div.p2{
	background: url('images/mainPage/mainCol2.png') no-repeat;
}

.mainStar{
	position:absolute;
	right:30px;
	top:45px;
}
