/*-----------------------------------------------------------------------------
KobelCo. Style Sheet

version:   1.0
author:    blake bauman
email:     blake@bytestudios.com
-----------------------------------------------------------------------------*/

/* General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Remove border around linked images */
img {
	border: 0;
}

.clearfix { clear: both; }

ul {
	margin-left: 20px;
}

.content_img {
	margin: 10px;
	padding: 4px;
}

#response {
	padding-top: 5px;
	font-size: 11px;
}

/* Typography
-----------------------------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #444 url(../../images/main_bg.gif) repeat top center;
}

/* Container Centering
-----------------------------------------------------------------------------*//

body { 
	text-align: center; 
	min-width: 808px;
}

#container { 
	width: 768px; 
	margin: 0 auto; 
	text-align: left; 
}

#secondary-container { 
	width: 768px; 
	margin: 0 auto; 
	text-align: left; 
}

 

/* Main Divs
-----------------------------------------------------------------------------*/
#container {
	padding: 0 10px;
	background: #fff url(../../images/container_bg.gif) repeat-y top center;
}

#secondary-container {
	padding: 0 10px;
	background: #fff url(../../images/secondary_container_bg.gif) repeat-y top center;
}

#header {
	position: relative;
	font-size: 12px;
	color: #fff;
	background-color: #262626;
}
#header div {
	position: absolute;
	top: 17px;
	left: 646px;
}
#header a {
	color: #fff;
	text-decoration: none;
}
#header a:hover {
	text-decoration: underline;
}

#navigation {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#primary-content-l {
	float: left;
	width: 198px;
	border-top: 1px solid #fff;
	border-right: 2px solid #fff;
}

/* Image map for more button in the TSR home banner - created with http://riddle.pl/mappet/ */
#primary-content-l #tsr-imgagemap {
	position: relative;
	_zoom: 1;
}
#primary-content-l #tsr-imgagemap li {
	position: absolute;
	display: block;
	list-style: none;
	overflow: hidden;
}
#primary-content-l #tsr-imgagemap li a {
	display: block;
	width: 100%;
	height: 100%;
	_background: url(../../clearpixel.gif);
	text-indent: -1000em;
}
#primary-content-l #more {
	left: 110px;
	top: 142px;
	width: 80px;
	height: 29px;
}

/* Newsletter div */
#newsletter {
	padding: 16px 0 0 17px;
	border-top: 2px solid #fff;
	background: #ebead1 url(../../images/newsletter_bg.gif) repeat-x top left;
}
#newsletter form {
	margin-top: 12px;
}
#newsletter label {
	display: block;
	margin-bottom: 6px;
	font-size: 11px;
}
#newsletter .email-address {
	width: 140px;
	margin-bottom: 7px;
	padding: 3px;
	font-size: 11px;
	color: #464641;
	background: #e2e1d2 url(../../images/newsletter_field_bg.gif) no-repeat top left;
	border-top: 1px solid #464641;
	border-bottom: 1px solid #ecebe1;
	border-left: 1px solid #51514b;
	border-right: 1px solid #e7e6da;	
}

#primary-content-r {
	float: left;
	width: 568px;
	border-top: 1px solid #fff;
}

#primary-content-r h1 {
	display: block;
	height: 39px;
	background: #262626 url(../../images/welcome_header.gif) no-repeat;
	text-indent: -9999px;
}

#primary-content-r #welcome-text {
	padding: 15px 10px;
	font-size: 14px;
	color: #1c1c19;
	background: #bdbca6 url(../../images/welcome_text_bg.gif) no-repeat top left;
	line-height: 21px;
}

#primary-content-r #welcome-text p {
	margin: 0;
}

#news {
	padding: 10px;
	background-color: #dbdac9;
}

#news a {
	color: #006aad;
}

#news h2 {
	display: block;
	height: 19px;
	font-size: 14px;
	background: url(../../images/news_header.gif) no-repeat;
	text-indent: -9999px;
}
#news dt {
	margin-top: 14px;
	font-size: 14px;
	color: #1c1c19;
}
#news dd {
	font-size: 12px;
	color: #434343
}

#articles {
	padding: 10px;
	background-color: #bdbca6;
}

#articles a {
	color: #006aad;
}

#articles h2 {
	display: block;
	height: 20px;
	font-size: 14px;
	background: url(../../images/articles_header.gif) no-repeat;
	text-indent: -9999px;
}
#articles dt {
	margin-top: 14px;
	font-size: 14px;
	color: #1c1c19;
}
#articles dd {
	font-size: 12px;
	color: #434343;
}

/* Secondary page divs */
#secondary-content-l {
	float: left;
	width: 180px;
	padding: 48px 0 0 0;
	border-right: 1px solid #262626;
	background: url(../../images/secondary_content_l_bg.gif) repeat-x top left;
}

#secondary-content-r {
	float: left;
	width: 587px;
}

#secondary-content-r a {
	color: #006aad;
}


#secondary-content-bot-l {
	float: left;
	width: 363px;
	padding: 17px;
	color: #252523;
	font-size: 12px;
}
#secondary-content-bot-l h2 {
	display: block;
	font-size: 24px;
	border-bottom: 1px solid #252523;
	padding-bottom: 10px;
}
#secondary-content-bot-l h3 {
	font-size: 14px;
	padding: 10px 0;
}
#secondary-content-bot-l p {
	margin: 10px 0;
}
#secondary-content-bot-r {
	float: left;
	width: 190px;
	padding-top: 25px;
}

#secondary-content-bot-r h3 {
	display: block;
	padding: 4px 10px 4px 15px;
	color: #fff;
	font-size: 12px;
	background: #006aad url(../../images/h3_quad_bg.gif) no-repeat 0 50%;
}
		
/* Main Navigation
-----------------------------------------------------------------------------*/
#navigation {
	width: 768px;
	background: transparent url(../../images/navigation.gif) no-repeat;
	text-align: left;
	}
	
ul#tabs {
	width: 660px;
	height: 39px;
	margin-left: 0;
	}	
	ul#tabs li {
		list-style-type: none;
		float: left;
		text-indent: -9999px;
		}
		ul#tabs li a {
			border: 0;
			text-decoration: none;
			display: block;
			background: transparent url(../../images/navigation.gif) no-repeat;
			}

li#products a, li#products a.products-over { width: 86px; height: 39px; }	
li#products a:link, li#products a:visited { background-position: 0px 0px; }	
li#products a:hover, li#products a:focus { background-position: 0px -39px; }
li#products a.products-over, li#products a.products-:link { background: url(../../images/navigation.gif) no-repeat 0px -39px; }


li#parts-services a, li#parts-services a.parts-services-over { width: 129px; height: 39px; }	
li#parts-services a:link, li#parts-services a:visited { background-position: -86px 0px; }	
li#parts-services a:hover, li#parts-services a:focus { background-position: -86px -39px; }
li#parts-services a.parts-services-over, li#parts-services a.parts-services-over:link { background: url(../../images/navigation.gif) no-repeat -86px -39px; }

li#test-facilities a, li#test-facilities a.over { width: 116px; height: 39px; }	
li#test-facilities a:link, li#test-facilities a:visited { background-position: -215px 0px; }	
li#test-facilities a:hover, li#test-facilities a:focus { background-position: -215px -39px; }
li#test-facilities a.test-facilities-over, li#test-facilities a.test-facilities-over:link { background: url(../../images/navigation.gif) no-repeat -215px -39px; }

li#remanufacturing a, li#remanufacturing a.remanufacturing-over { width: 139px; height: 39px; }	
li#remanufacturing a:link, li#remanufacturing a:visited { background-position: -331px 0px; }	
li#remanufacturing a:hover, li#remanufacturing a:focus { background-position: -331px -39px; }
li#remanufacturing a.remanufacturing-over, li#remanufacturing a.remanufacturing-over:link { background: url(../../images/navigation.gif) no-repeat -331px -39px; }

li#company a, li#company a.company-over { width: 91px; height: 39px; }	
li#company a:link, li#company a:visited { background-position: -470px 0px; }	
li#company a:hover, li#company a:focus { background-position: -470px -39px; }
li#company a.company-over, li#company a.company-over:link { background: url(../../images/navigation.gif) no-repeat -470px -39px; }

li#contact-us a { width: 99px; height: 39px; }	
li#contact-us a:link, li#contact-us a:visited { background-position: -561px 0px; }	
li#contact-us a:hover, li#contact-us a:focus { background-position: -561px -39px; }
li#contact-us a.contact-us-over, li#contact-us a.contact-us-over:link { background: url(../../images/navigation.gif) no-repeat -561px -39px; }

/* Sub Navigations
-----------------------------------------------------------------------------*/
#secondary-nav { 
	list-style: none;
	margin-left: 0;
}

#secondary-nav li { 
	font-size: 12px;
}
#secondary-nav li a {
	display: block;
	padding: 2px 0 2px 20px;
	width: 159px; /* for ie */ 
	color: #262626;
	text-decoration: none;
	font-weight: bold;
	background: url(../../images/arrow_left.gif) no-repeat 9px 4px;
}
#secondary-nav li a.main_nav_on {
	color: #fff;
	background: #006aad url(../../images/arrow_left.gif) no-repeat 9px 4px;
}
#secondary-nav li a:hover { 
	color: #fff;
	background-color: #006aad;
}

/* added for test */
#secondary-nav li ul { 
	list-style: none;
	margin-left: 0;
}

#secondary-nav li ul li { 
	font-size: 11px;
	padding-left: 23px;
}
#secondary-nav li ul li a {
	display: block;
	padding: 2px 0;
	width: 157px; /* for ie */ 
	color: #262626;
	text-decoration: none;
	font-weight: normal;
	background: none;
}
#secondary-nav li ul li a.ter_nav_on {
	color: #006aad;
	font-weight: bold;
}
#secondary-nav li ul li a:hover { 
	color: #262626;
	background: none;
	text-decoration: underline;
}


#quad-nav { 
	list-style: none;
	padding: 10px 0;
	margin-left: 0;
	border-bottom: 1px solid #262626;
}

#quad-nav li {
	padding-left: 15px; 
	margin: 0;
}
#quad-nav li a {
	color: #262626;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
#quad-nav li a:focus, #quad-nav li a:active {
	color: #006aad;
}

#quad-nav li a.quad_nav_on {
	color: #006aad;
}

#quad-nav li a:hover { 
	text-decoration: underline;
}

/* Products Title
-----------------------------------------------------------------------------*/
#products-title {
	position: relative;
	height: 163px;
	border-bottom: 1px solid #fff;
}

#products-title #trans_heading {
	position: absolute;
	top: 105px;
	left: 0;
	width: 587px;
	height: 49px;
	background-color: #000;
	z-index: 1;
	-moz-opacity:.5;
	opacity: .5;
	filter:alpha(opacity=50);
}

#products-title h1 {
	position: absolute;
	top: 114px;
	left: 16px;
	color: #fff;
	font-weight: normal;
	z-index: 2;
}

/* News Archive
-----------------------------------------------------------------------------*/
#news-archive {
	
}
#news-archive dt {
	margin-top: 14px;
	font-size: 14px;
	color: #1c1c19;
}
#news-archive dd {
	font-size: 12px;
	color: #434343;
}
span.news-date {
	font-size: 11px;
	font-weight: bold;
	color: #262626;
}

/* Article Archive
-----------------------------------------------------------------------------*/
#article-archive {
	
}
#article-archive dt {
	margin-top: 14px;
	font-size: 14px;
	color: #1c1c19;
}
#article-archive dd {
	font-size: 12px;
	color: #434343;
}


/* Article styles
-----------------------------------------------------------------------------*/

div.article_title {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #262626;
}

div.article_date {
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
}

/* Pagination for news and articles
-----------------------------------------------------------------------------*/

div.pagination {
	margin-top: 20px;
	font-size: 11px;
}

div.pagination a, div.pagination a:link {
	padding: 3px 7px 3px 7px;
	margin-right: 2px;
	border: 1px solid #cbcab6;
	text-decoration: none; /* no underline */
	color: #262626;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #cbcab6;
	color: #262626;
}
div.pagination span.current {
	padding: 3px 7px 3px 7px;
	margin-right: 2px;
	border: 1px solid #006aad;
	font-weight: bold;
	background-color: #006aad;
	color: #d5d4c2;
	}
	div.pagination span.disabled {
		padding: 3px 7px 3px 7px;
		margin-right: 2px;
		border: 1px solid #cbcab6;
		color: #d5d4c2;
	}


/* Footers
-----------------------------------------------------------------------------*/
#footer {
	padding-top: 48px;
	width: 788px;
	height: 95px; 
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	color: #ebead1;
	background: url(../../images/footer_bg.gif) no-repeat top center;
}

#footer a {
	color: #ebead1;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

#secondary-footer {
	padding-top: 48px;
	width: 788px;
	height: 95px; 
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
	color: #ebead1;
	background: url(../../images/secondary_footer_bg.gif) no-repeat top center;
}

#secondary-footer a {
	color: #ebead1;
	text-decoration: none;
}
#secondary-footer a:hover {
	text-decoration: underline;
}


/* Transmenu
-----------------------------------------------------------------------------*/		
/* begin transmeta */

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position: absolute;
	overflow: hidden;
	left: -1000px;
	top: -1000px;
	margin: 1px 0 0 0;
	padding: 0;
	border: none;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: none;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	width: 150px;
	border: none;
	margin: 0;
	padding: 0;
	}

.transMenu.top .items {
	border: none;
	padding: 0;
	margin: 0;
	}

/* each TR.item is one menu item */
.transMenu .item {
	margin: 0;
	padding: 0;
    color: #ebead1;
    font-size: 11px;
    font-family: Verdana, Arial, sans-serif;
    text-decoration: none;
	border: none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border: none;
	cursor: pointer;
	cursor: hand;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0; 
	top: 0;
	z-index: 1;
	background-color: #292929;
	border: none;
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	background-color: #c5c4ad;
	color: #292929;
	border: none;
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin: 0;
	}