/************************
     =GLOBAL ELEMENTS
 ************************/

body {
	font: 70%/130% Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
	margin-top: 0px;
	background-color: #ccc;
	width: 100%;
	height: 100%;
}
#container {
	display: block;
	width: 760px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

#breadcrumbs {
	width: 280px;
	float: left;
	display: inline;
}

#print {
	width: 140px;    
	float: right;
	display: inline;
}

/************************
     =LEFT ELEMENTS
 ************************/

#left {
	background: url(/images/left-bkg.gif) repeat-y top;
	width: 260px;
	height: 100%;
	float: left;
	background-color: #fff;
}
#about-us {
	width: 200px;
	padding-right: 25px;
	padding-left: 35px;
	background: url(/images/left-top.jpg) no-repeat top;
	padding-top: 15px;
}
#left-column {
	background: url(/images/left-bottom.gif) no-repeat bottom;
}
#left-column p {
	margin: 0px;
}
div.left-bucket {
	background: url(/images/left-divider.gif) no-repeat center top;
	background-color: #fff;
	padding: 10px 0px 0px 0px;
	width: 200px;
	margin-right: 25px;
	margin-left: 35px;
	margin-top: 10px;
}

/***********************
 =LEFT SUBPAGE ELEMENTS
 ***********************/
		
#left-column-sub {
	display: block;
	background: #FFFFFF url(/images/left-bkg-sub.jpg) no-repeat top;
	width: 260px;
	height: auto;
	float: left;
	background-color: #fff;
}
#left-column-sub .left-bucket {
	padding-bottom: 3px;
	padding-top: 15px;
}
#products-sub {
	width: 200px;
	padding: 15px 25px 8px 35px;
}

/********************
 =RIGHT ELEMENTS
 ********************/

#right {
	float: right;
	width: 500px;
	background-color: #fff;
	height: auto;
}
#calls-to-action {
	background: #000080;
	height: 36px;
	width: 470px;
	text-align: right;
	padding-right: 30px;
	padding-top: 17px;
	color: #fff;
}
#calls-to-action a{
	color: #fff;
	padding: 0px 5px;
}
#main {
	display: block;
	width: 490px;
	float: left;
	background-color: #fff;
	height: auto;
}
html>body #main {
	width: 480px;
	padding-right: 10px;
}

/************************
 =RIGHT SUBPAGE ELEMENTS
*************************/

#right-sub {
	background: url(/images/right-bkg.gif) repeat-y right;
	float: right;
	width: 210px;
	margin-top: 30px;
}
.right-sub-top {
	background: url(/images/right-bkg-top.gif) no-repeat top;
	width: 170px;
	padding-top: 25px;
	padding-right: 20px;
	padding-left: 20px;
}
.right-sub {
	padding: 10px 20px;
	width: 170px;
}
#right-configurations {
	background: url(/images/right-configurations-bg.gif) no-repeat top;
	float: right;  
	clear: right;
	width: 199px;
	height: 238px;
	display: block;
	margin: 35px 0px 0px 0px;
	padding: 0px;
} 

.right-configurations-common {
	display: block;
	width: 100px;
	padding: 25px 0px 0px 0px;
	margin-left: 15px;
} 

.right-configurations-custom {
	display: block;
	width: 100px;
	padding: 15px 0px 0px 0px;
	margin-left: 15px;
} 

.common-configurations, .custom-configurations {
	width: 170px;
	height: 70px;
	margin: -3px 0px 0px 17px;
	font-size: 11px;
	line-height: 14px;
} 

div.outer-bucket {
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	background: url(/images/home-bucket-bkg.gif) repeat-y; 
}
div.inner-bucket {
	background: url(/images/home-bucket-bottom.gif) no-repeat bottom;
	padding: 30px 30px 20px 30px;
}
div.inner-bucket p {
	margin: 0px;
}
#products {
	display: block;
	background: url(/images/home-bucket-top.gif) no-repeat top; 
	height: 220px;
}
#services {
	display: block;
	background: url(/images/home-bucket-top.gif) no-repeat top;
	height: 200px;
}

#content {
	padding-left: 10px;
}
#content p {
	padding-right: 30px;
	color: #000;
}	
.terms {
	margin: 20px 0px 20px 0px;
	border: 1px solid #000;
	width: 477px;
	clear: both;
	background-color: #c0c0c0;
}
.product-bucket {
	clear: left;
	margin-bottom: 20px;
	display: block;
	width: auto;
	height: auto;
}
img.landing {
	border: 2px solid #c0c0c0;
	padding: 2px;
	background-color: #fff;
}
img.landingleft {
	float: left;
	clear: left;	
	border: 3px solid #c0c0c0;
	padding: 2px;
	margin: 4px 10px 0px 0px; 
	background-color: #fff;
}
img.landingright {
	float: right;	
	border: 3px solid #c0c0c0;
	padding: 2px;
	margin: 4px 0px 0px 5px;
	background-color: #fff;
}
img.landingright-rightpadding {
	float: right;	
	border: 3px solid #c0c0c0;
	padding: 2px;
	margin: 4px 35px 0px 5px;
	background-color: #fff;
}
.indent {
	margin-left: 5px;
}
.col1 {
	width: 50px;	
	padding: 2px 0px 2px 5px;
	margin: 0px;
	border: 1px solid #000;
	text-align: left;
}
.col2 {
	width: 190px;	
	padding: 2px 5px; 
	margin: 0px;
	border: 1px solid #000;
}
.col2-wide {
	width: 270px;	
	padding: 2px 5px; 
	margin: 0px;
	border: 1px solid #000;
}
.col3 {
	width: 110px;	
	padding: 2px 5px;
	margin: 0px;
	border: 1px solid #000;
	text-align: left;
}
.title {
	font-weight: bold;
	background-color: #c0c0c0;
}
.title-centered {
	font-weight: bold;
	background-color: #c0c0c0;
	text-align: center;
}
.table-header {
	width: 350px;
	border: 1px solid #000;
	vertical-align: top;
	padding: 5px 5px 0px 5px;
}
.table-image {
	border: 1px solid #000;
	vertical-align: top;
	text-align: center;
}
.return-to-top {
	float: right;
	margin-right: 20px;
}
.floatright {
	float: right;
}
caption {
	background-color: #000080;
	border: 1px solid #000; 
	font: bold 13px tahoma, verdana, sans-serif;
	padding: 10px 0px;  
	color: #fff; 
	width: 480px;
}
.caption-slitting {
	background-color: #000080;
	border: 1px solid #000; 
	font: bold 13px tahoma, verdana, sans-serif;
	padding: 10px 0px;  
	color: #fff; 
	width: 414px;
} 
.caption-common {
	background-color: #000080;
	border: 1px solid #000; 
	font: bold 13px tahoma, verdana, sans-serif;
	padding: 10px 0px;  
	color: #fff; 
	width: 473px;
} 
.caption-common2 {
	background-color: #000080;
	border: 1px solid #000; 
	font: bold 13px tahoma, verdana, sans-serif;
	padding: 10px 0px;  
	color: #fff; 
	width: 467px;
} 
.kh-parts-pdf {
	float: left;  
	clear: right;
	width: 470px;
	display: block;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	vertical-align: top;
} 
.kh-parts-left {
	display: block;
	float:left;
	width: 190px;
}	
.kh-parts-left img {
	border: 3px solid #c0c0c0;
	padding: 2px;
	margin: 4px 0px 0px 0px; 
	background-color: #fff;
}
.kh-parts-right {
	display: block;
	float:right;
	width: 190px;
}	
.kh-parts-right img {
	border: 3px solid #c0c0c0;
	padding: 2px;
	margin: 4px 0px 0px 0px; 
	background-color: #fff;
} 
.two-column td {
	vertical-align: top;
	padding: 5px;
}
/**************************
 =TOP NAVIGATION ELEMENTS
***************************/
		
#top-navigation {
	background: #ABABAB;
	height: 25px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding-top: 5px;
	font-size: 11px;
	line-height: 13px;
}
#top-navigation ol {
	margin: 0px;
	padding: 0px;
}
#top-navigation li {
	list-style: none;
	float: left;
	padding: 2px 10px 2px 12px !important;
	padding: 2px 10px 2px 12px;
	border-left: 1px solid #404b55;
}
#top-navigation a:visited, #top-navigation a:link, #top-navigation a:active {
	color: #000000;
	text-decoration: none;
}
#top-navigation a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#print-info {
	display: none;
}	
/*********************
 =CURRENT LINK STYLES
**********************/
		
#page-home #link-home {
	background-color: #8E8E8E;
}
#page-products #link-products {
	background-color: #8E8E8E;
}
#page-services #link-services {
	background-color: #8E8E8E;
}
#page-about-us #link-about-us {
	background-color: #8E8E8E;
}
#page-contact-us #link-contact-us {
	background-color: #8E8E8E;
}
#page-why-us #link-why-us {
	background-color: #8E8E8E;
}
#page-news #link-news {
	background-color: #8E8E8E;
}
#page-links #link-links {
	background-color: #8E8E8E;
}

/*****************
 =FOOTER ELEMENTS 
******************/

#footer {
	display: block;
	clear: both;
	background: #000080 url(/images/footer-corner.gif) no-repeat right top;
	padding: 15px 15px 15px 25px;
	color: #FFFFFF;
	width: 720px;
	line-height: 140%;
	border-top: 20px solid #FFFFFF;
}

#footer a:visited, #footer a:link, #footer a:active {
	color: #FFFFFF;
	text-decoration: none;	
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/**************
 MISC ELEMENTS 
***************/

a:link, a:visited, a:active {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}
ul {
	margin: 0px 0px 0px 1.5em;
	padding: 0px; 
	list-style: url(/images/bullet2.gif); 
	line-height: 1.3em;  
}
img.left {
	float: left;
}
img.right {
	float: right;
}
img.header {
	margin-bottom: 5px;
}
img.header2 {
	margin-bottom: 5px;
	margin-left: 6px; 
}
div.links {
	margin-left: 160px;
	margin-top: 5px;
}
div.spacer {
	clear: both;
}
div.left {
	float: left;
	display: block;
	margin-bottom: 10px;
}
a.bullet:visited, a.bullet:link, a.bullet:active {
	background: url(/images/bullet.gif) no-repeat left center;
	padding: 0px 0px 0px 10px;
	display: inline;
	margin: 0px;
	line-height: 12px;
	font-size: 13px;
	font-weight: bold;
}
h1 {
	font: 170% Arial, Helvetica, sans-serif;
	color: #000080;
	margin-top: 10px;
}
h2 {
	font: 1.0em Tahoma, Verdana, sans-serif;
	color: #000;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-weight: bold;
}
h2 a:hover {
	text-decoration: none;
}
h3 {
	font: 100% Tahoma, Verdana, sans-serif;
	color: #000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
h4 {
	font-size: 12px;
	background-color: #fff;
	color: #000080;
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 5px 0px;
	display: inline;

	/* Hide from IE-Mac \*/ 
	font-size: 12px;
	background-color: #000080;
	color: #fff;
	padding: 5px 0px 5px 5px;
	margin: 10px 0px 5px 0px;
	width: auto;
	display: block;
	/* End hide */
}

p {
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0px;
}
.underline {
	font: 1.0em Tahoma, Verdana, sans-serif;
	color: #000;
	font-weight: bold;	
	text-decoration: underline;
}
.gray {
	color: #000;
}
ul.navigation {
	margin: 5px 0px 0px;
	padding-left: 1.5em;
	list-style: url(/images/bullet.gif);
	line-height: .9em;
}
ul.navigation li {
	margin-bottom: 7px;
}
ul.landing {
	display: block;
	margin-left: 10px;
	padding: 0px;
	line-height: 13px;	
}
ul.landing li {
	display: block;
	margin: 5px;
	padding: 0px;
}
.clearboth {
	clear: both;
	display: block;
	width: 100%;
}
.print-logo {
	display: none;
}
.print-page {
	display: none;
}

.map {
	float: right;
}
.message {
	float: right;
	width: 200px;
}
/****************
 =FORM ELEMENTS
*****************/
#contactForm {
    margin: 0px;
}

#contactForm label {
	display: block;
    width: 150px;
    float: left;
	margin-bottom: 2px;
}

#contactForm input.textbox {
    font: 1.0em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    width: 200px;
	margin-bottom: 2px;
	margin-left: 0px;
}

#contactForm textarea.textarea {
    font: 1.0em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    width: 200px;
    height: 100px;
	margin-left: 0px;
}

#contactForm input.button {
    font: 1.0em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	margin-left: 0px;
}

#requestForm {
    margin: 0px;
}

#requestForm label {
    width: 100px;
    float: left;
	margin-bottom: 10px;
}

#requestForm input.textbox {
    font: 1.0em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    width: 155px;
	margin-bottom: 10px;
}

#requestForm textarea.textarea {
    font: 1.0em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    width: 200px;
    height: 100px;
}

#requestForm input.button {
    font: 1.0em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
}

#customForm {
    margin: 0px;
	font-size: 11px; 
	width: auto;
}

#customForm label {
	font-size: 12px;
	font-weight: bold;
}

#customForm input.textbox {
    font: 1.0em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    width: 50px;
}

#customForm textarea.textarea {
    font: 1.0em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    width: 200px;
    height: 100px;
}

#customForm input.button {
    font: 1.0em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	margin: 0px 0px 0px 160px;
	padding: 0px;
}

#customForm div.box {
	display: block;
	background-color: #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
	width: auto;
}
#customForm div.box-white {
	display: block;
	background-color: #fff;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	width: auto;
}

#customForm div {
    width: 460px; 
	clear: left;
	display: block;
	margin: 30px 0px 0px 0px;  
}

#customForm div.info {
    width: auto; 
	clear: left;
	display: block;
	margin: 5px 0px 0px 0px;  
}

#customForm label.left {
	float: left;
	display: block; 
	width: 120px; 
	padding-right: 34px;
}

#customForm label.left-parts {
	float: left;
	clear: left;
	width: 150px; 
	margin: 0px;
	padding: 0px;
	display: inline;
}

#customForm .part-numbers {
	float: left;
	clear: right;
	width: 210px; 
	display: inline;
	margin: 0px 0px 0px 7px;
	padding: 0px;
}

#customForm input.textbox-long {
	width: 200px;
}

#quick-clamp {
	margin: 0px;
	padding: 0px 5px 0px 0px;
}

#back-pull-out {
	margin: 0px 5px 0px 20px;
	padding: 0px;
}

#manual-adjust {
	margin: 0px 5px 0px 20px;
	padding: 0px;
}

#blade {
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

#bearing {
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

#axle {
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

#air-hose {
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

#blade-box {
	margin: 0px 0px 0px 25px;
	padding: 0px;
} html>body #blade-box {
	margin: 0px 0px 0px 32px;
}

#bearing-box {
	margin: 0px 0px 0px 8px;
	padding: 0px;
} html>body #bearing-box {
	margin: 0px 0px 0px 15px;
}

#axle-box {
	margin: 0px 0px 0px 38px;
	padding: 0px;
} html>body #axle-box {
	margin: 0px 0px 0px 45px;
}

#air-hose-box {
	margin: 0px 0px 0px 36px;
	padding: 0px;
} html>body #air-hose-box {
	margin: 0px 0px 0px 36px;
}