/* Tri-Phase Automation
 * (c) Tri-Phase Automation -- www.tri-phase.com
 * 
 */
 
html { padding: 0px; margin: 0px; }
body {
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #333; 
    margin: auto;
    background: #E8E8E8 url(/pics/shared/back_int.gif) top center repeat-x;
    }


/* FONT IN TABLES */    
body td {
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #333;
    line-height: 20px;
    }

/* HEADER TAGS USING h1 - h6 HELPS SEARCH ENGINES UNDERSTAND CONTENT IMPORTANCE*/

h1 { 
   display: block;
   height: 61px;
   width: 265px;
   font: normal 1px Helvetica, Arial, sans-serif;
   color: #fff;
   margin: 0;
   padding: 0;
   background: url(/pics/shared/logo.jpg) top center no-repeat;
   text-indent: -5000px;
   }
   
   .style1 { display: block;height: 61px;width: 265px;font: normal 1px Helvetica, Arial, sans-serif;color: #fff; }
   .style1 a { display: block;height: 61px;width: 265px;font: normal 1px Helvetica, Arial, sans-serif;color: #fff; }
   .style1 a:link { display: block;height: 61px;width: 265px;font: normal 1px Helvetica, Arial, sans-serif;color: #fff; }
   .style1 a:hover { display: block;height: 61px;width: 265px;font: normal 1px Helvetica, Arial, sans-serif;color: #fff; }

h2 { 
   font: normal 20px Helvetica, Arial, sans-serif;
   color: #333;
   margin: 5px 0 0 0;
   letter-spacing: -1px;
   }
   
h3 { 
   font: normal 18px Helvetica, Arial, sans-serif;
   color: #600;
   margin: 8px 0 0 0;
   }
   
h4 { 
   font: normal 14px Helvetica, Arial, sans-serif;
   color: #900;
   padding: 8px 0 2px 0;
   margin: 0;
   border-bottom: 1px solid #ccc;
   }
   
h4 a:link { color: #900;text-decoration: none; }
h4 a:visited { color: #900;text-decoration:none; }
h4 a:active { color: #900;text-decoration:none; }
h4 a:hover { color: #333;text-decoration:underline; }
   
h5 { 
   font: bold 12px Helvetica, Arial, sans-serif;
   color: #999;
   padding: 0 0 1px 0;
   margin: 0;
   border-bottom: 1px solid #ccc;
   } 
   
h6 { 
   font: bold 12px Helvetica, Arial, sans-serif;
   color: #ccc;
   padding: 10px 0 1px 0;
   margin: 0;
   border-bottom: 1px solid #ccc;
   }    
   
/* PARAGRAPH TAG */

p {
   font: normal 12px Helvetica, Arial, sans-serif;
   line-height: 14pt;
   color: #666;
   }
   
p.prod_thumb {
	float: left;
	padding: 0 10px 0 0;
	width: 115px;
    text-align: center;
   } 
   
p.description {
	float: left;
	width: 300px;
	margin: 10px 15px 0 0;
	clear: both;
   } 

p.detail_image {
	float: left;
	width: 200px;
   } 

   
p.paginate {
	text-align: right;
	padding: 0;
   } 
   
p.manu_prod {
	text-align: right;
	padding: 0;
	margin: 0;
   }    

/* HOLDS CONTENT ON THE PAGE */
#container { 
    width: 850px;
    border: 0;
    margin: auto;
    color: #333;
    }
    
#head_contentholder {
    width: 800px;
    border: 0;
    color: #333;
    background: url(/pics/shared/head.jpg) top center;
    }
    
    .head {
    height: 61px;
    font: normal 12px Helvetica, Arial, sans-serif;
    background: url(/pics/shared/head.jpg) top center;
    }
    
    .logo {
    float: left;
    font: normal 1px Helvetica, Arial, sans-serif;
    color: #ccc;
    }
    
    .search {
    float: right;
    padding: 20px 0 0 0;
    margin: 0;
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #333;
    }
    
    .search a:link{ color: #333;text-decoration: none; }
    .search a:visited{ color: #333;text-decoration:none; }
    .search a:hover{ color: #333;text-decoration:underline; }
    .search a:visited:hover{ color: #333; }
    
    .search_grey {
    margin: 0 5px 0 5px;
    width: 100px;
    background-color: #f2f2f2;
    }
    
#body_contentholder {
    float: left;
    width: 850px;
    color: #666;
    background: url(/pics/shared/padding_back.gif) top center repeat-x;
    }
    
    .about_image {
    float: left;
    width: 800px;
    height: 121px;
    margin: 0 25px 0 25px;
    padding: 0;
    font: normal 11px Helvetica, Arial, sans-serif;
    background: url(/pics/about/about.jpg) top center no-repeat;
    }
    
    .products_image {
    float: left;
    width: 800px;
    height: 121px;
    margin: 0 25px 0 25px;
    padding: 0;
    font: normal 11px Helvetica, Arial, sans-serif;
    background: url(/pics/products/products.jpg) top center no-repeat;
    }
    
    .manufacturers_image {
    float: left;
    width: 800px;
    height: 121px;
    margin: 0 25px 0 25px;
    padding: 0;
    font: normal 11px Helvetica, Arial, sans-serif;
    background: url(/pics/manufacturers/manufacturers.jpg) top center no-repeat;
    }
    
    .services_image {
    float: left;
    width: 800px;
    height: 121px;
    margin: 0 25px 0 25px;
    padding: 0;
    font: normal 11px Helvetica, Arial, sans-serif;
    background: url(/pics/services/services.jpg) top center no-repeat;
    }
    
    .seminars_image {
    float: left;
    width: 800px;
    height: 121px;
    margin: 0 25px 0 25px;
    padding: 0;
    font: normal 11px Helvetica, Arial, sans-serif;
    background: url(/pics/seminars/seminars.jpg) top center no-repeat;
    }
    
    .resources_image {
    float: left;
    width: 800px;
    height: 121px;
    margin: 0 25px 0 25px;
    padding: 0;
    font: normal 11px Helvetica, Arial, sans-serif;
    background: url(/pics/resources/resources.jpg) top center no-repeat;
    }
    
    .contact_image {
    float: left;
    width: 800px;
    height: 121px;
    margin: 0 25px 0 25px;
    padding: 0;
    font: normal 11px Helvetica, Arial, sans-serif;
    background: url(/pics/contact/contact.jpg) top center no-repeat;
    }
    
    .nav {
    float: left;
    width: 800px;
    margin: 0 25px 0 25px;
    font: normal 12px Helvetica, Arial, sans-serif;
    background: #f2f2f2;
    }
    
    #navlist {
    width: 780px;
    margin: 0 0;
    padding: 10px 10px 0 10px;
	}

	#navlist ul {
	width: 780px;
    font: normal 14px Helvetica, Arial, sans-serif;
    color: #333;
    }
    
    #navlist li {
    font: normal 14px Helvetica, Arial, sans-serif;
    color: #333;
    display: inline;
    }

	#navlist a {
    color: #333;}

	#navlist a:link, #navlist a:visited {
    color: #333;
    text-decoration: none;}

	#navlist a:hover {
    color: #333;
    text-decoration: underline;}
    
    #navlist li.active a, #navlist li.active a  {
	font: bold 14px Helvetica, Arial, sans-serif;
    color: #333;
	}

	#navlist li.active a  {
	font: bold 14px Helvetica, Arial, sans-serif;
    color: #333;		
	}
    
    .center {
    float: left;
    width: 800px;
    margin: 0 25px 0 25px;
    padding: 0;
    background: url(/pics/shared/center_back.gif) top center repeat-x;
    }
    
    .main_content {
    float: left;
    width: 525px;
    margin: 10px 0 10px 10px;
    text-align: left;
    border-top: 3px solid #900;
    }
    
    .main_content { font: normal 12px Helvetica, Arial, sans-serif;color: #900; }
    .main_content a { font: normal 12px Helvetica, Arial, sans-serif;color: #900; }
    .main_content a:link { font: normal 12px Helvetica, Arial, sans-serif;color: #900;text-decoration: underline; }
    .main_content a:hover { font: normal 12px Helvetica, Arial, sans-serif;color: #600;text-decoration: underline; }
    
    .image {
    padding: 2px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    background-color: #fff;
    }
    
    .prod_image {
    padding: 2px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    background-color: #fff;
    margin: 0 0 10px 0;
    }
    
    .leftnav {
    float: left;
    width: 235px;
    margin: 10px 0 10px 10px;
    text-align: left;
    border-top: 3px solid #600;
    }
    
    .feature_image {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    background-color: #fff;
    padding: 0 10px 0 0;
    }
    
    .app_image {
    text-align: center;
    }
    
    .featured {
    width: 235px;
    text-align: center;
    padding: 10px 0 0 0;
    }
    
    .man_name {
    font: bold 12px Helvetica, Arial, sans-serif;
    color: #900;
    }
	
	.man_name a:link{ color: #900;text-decoration: none; }
    .man_name a:visited{ color: #900;text-decoration: none; }
    .man_name a:hover{ color: #600;text-decoration:underline; }
    .man_name a:visited:hover{ color: #600;text-decoration:underline; }
    
    .prod_name {
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #333;
    }
	
	.prod_name a:link{ color: #333;text-decoration: none; }
    .prod_name a:visited{ color: #333;text-decoration: none; }
    .prod_name a:hover{ color: #333;text-decoration:underline; }
    .prod_name a:visited:hover{ color: #333;text-decoration:underline; }
    
    .find {
    font: bold 12px Helvetica, Arial, sans-serif;
    color: #600;
    }
    
    #leftnav {
    width: 190px;
    margin: 3px 0 3px 17px;
    padding: 0;
    list-style-image: url(/pics/shared/nav_colon.gif);
	}

	#leftnav ul {
	width: 190px;
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #333;
    }
    
    #leftnav li {
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #333;
    padding: 3px 0 3px 0;
    }

	#leftnav a {
    color: #333;}

	#leftnav a:link, #leftnav a:visited {
    color: #333;
    text-decoration: none;}

	#leftnav a:hover {
    color: #333;
    text-decoration: underline;}
    
    #leftnav li.active a, #leftnav li.active a  {
	font: bold 12px Helvetica, Arial, sans-serif;
    color: #333;
	}

	#leftnav li.active a  {
	font: bold 12px Helvetica, Arial, sans-serif;
    color: #333;		
	}
	
	
	
	#leftsubnav {
    width: 190px;
    list-style-image: url(/pics/shared/nav_colon_grey.gif);
    background-color: #E8E8E8;
    border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 3px 0 3px 0;
	padding: 0;
	}

	#leftsubnav ul {
	width: 190px;
	margin: 0;
	padding: 0;
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #600;
    }
    
    #leftsubnav li {
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #600;
    margin: 3px 0 3px 15px;
	padding: 0;
    }

	#leftsubnav a {
    color: #600;
    margin: 0;
	padding: 0;
    }

	#leftsubnav a:link, #leftsubnav a:visited {
    color: #600;
    text-decoration: none;
    margin: 0;
	padding: 0;
	}

	#leftsubnav a:hover {
    color: #600;
    text-decoration: underline;
    margin: 0;
	padding: 0;
	}
    
    #leftsubnav li.active a, #leftsubnav li.active a  {
	font: bold 12px Helvetica, Arial, sans-serif;
    color: #600;
    margin: 0;
	padding: 0;
	}

	#leftsubnav li.active a  {
	font: bold 12px Helvetica, Arial, sans-serif;
    color: #600;
    margin: 0;
	padding: 0;
	}
    
    .date {
    font: normal 10px Helvetica, Arial, sans-serif;
    color: #333;
    }
    
    .city {
    font: normal 10px Helvetica, Arial, sans-serif;
    color: #999;
    line-height: 14px;
    }
    
    .state {
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #600;
    }
	
	.view_link {
    font: normal 11px Helvetica, Arial, sans-serif;
    color: #900;
    }
	
	.view_link a:link{ font: normal 11px Helvetica, Arial, sans-serif;color: #900;text-decoration: none; }
    .view_link a:visited{ font: normal 11px Helvetica, Arial, sans-serif;color: #900;text-decoration: none; }
    .view_link a:hover{ font: normal 11px Helvetica, Arial, sans-serif;color: #600;text-decoration:underline; }
    .view_link a:visited:hover{ font: normal 11px Helvetica, Arial, sans-serif;color: #600;text-decoration:underline; }
    
    .enlarge {
    font: normal 11px Helvetica, Arial, sans-serif;
    color: #900;
    padding: 0 0 0 50px;
    }
	
	.enlarge a:link{ font: normal 11px Helvetica, Arial, sans-serif;color: #900;text-decoration: none; }
    .enlarge a:visited{ font: normal 11px Helvetica, Arial, sans-serif;color: #900;text-decoration: none; }
    .enlarge a:hover{ font: normal 11px Helvetica, Arial, sans-serif;color: #600;text-decoration:underline; }
    .enlarge a:visited:hover{ font: normal 11px Helvetica, Arial, sans-serif;color: #600;text-decoration:underline; }
    
    .solution_head {
    font: bold 12px Helvetica, Arial, sans-serif;
    color: #333;
    }
	
	.solution_head a:link{ font: bold 12px Helvetica, Arial, sans-serif;color: #333;text-decoration: none; }
    .solution_head a:visited{ font: bold 12px Helvetica, Arial, sans-serif;color: #333;text-decoration: none; }
    .solution_head a:hover{ font: bold 12px Helvetica, Arial, sans-serif;color: #600;text-decoration:none; }
    .solution_head a:visited:hover{ font: bold 12px Helvetica, Arial, sans-serif;color: #600;text-decoration:none; }

	.spacer {
    clear: both;
    padding: 10px 0 0 0;
    }
    
	input {
	border: 1px solid #ccc;
	padding: 1px;
	}
	
	textarea {
	border: 1px solid #ccc;
	padding: 1px;
	}
	
	select {
	border: 1px solid #ccc;
	padding: 1px;
	}
	
	 
    #page_list {
	list-style-type: square;
	margin: 0;
	padding: 0 0 0 25px;
	}

	#page_list ul {
    font: normal 14px Helvetica, Arial, sans-serif;
    color: #600;
    }
    
    #page_list li {
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #600;
    }
	

/* SPECIAL FONT COLORS */
    
    .reddot_sm {
    font: bold 12px Arial, sans-serif;
    color: #600;
    padding: 0 3px 0 3px;
    }


/* FOOTER */
#footer {
    display: block;
    width: 800px;
    color: #999;
    margin: 0;
    clear: both;
    background-color: #fff;
    }
    
    .footer {
    font: normal 10px Helvetica, Arial, sans-serif;
    text-align: left;
    line-height: 12pt;
    padding: 0;
    width: 770px;
    border-top: 3px solid #E8E8E8;
    margin: 0 10px 0 10px;
    color: #999;
    background-color: #fff;
    }
	
	.footer a:link{ color: #666;text-decoration: none; }
    .footer a:visited{ color: #666;text-decoration:none; }
    .footer a:hover{ color: #666;text-decoration:underline; }
    .footer a:visited:hover{ color: #666;text-decoration:underline; }