﻿@import "Homepage.css";
* {
    padding: 0;
    margin: 0;
}

body {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 0.7em;
    background:#d1d1d1 url(../_images/bg/bg_body.jpg) no-repeat;
}

p {padding-bottom:10px; line-height:1.3em;}

h1 {font-size:1.3em; color:#666;padding-bottom:10px;clear:both;}
h2 {font-size:1.2em; color:#999;padding-bottom:10px;clear:both;}

hr {margin:15px 0px 15px 0px; height:1px;color:#ccc;float:left;clear:both;}

a {text-decoration: underline; color: #cc3333}
a:hover {text-decoration: underline; color: #000}


html, body, form {
    height: 100%;
}

.page_title.h1
{
    font-weight:bold;
    font-size: 1.8em;
}

#container {
    min-height: 100%;
    width: 100%;

}

* html #container {
    height: 100%;
}

#inner_wrapper 
{
    width: 980px;
    margin: 0 auto;
}

#top_links
{
    height:25px;
    width: 100%;
    color:#fff;
}

#site_options
{
    float:left;
    width:300px;
    border:0px solid white;
}

#other_sites
{
    width:300px;
    float:right;
    text-align:right;
    padding-top:5px;
}

#other_sites img
{
    vertical-align:bottom;
}

#other_sites a
{
    color: #cccccc;
    text-decoration:none;
}

#other_sites a:hover
{
    color: #fff;
    text-decoration:none;
}

#inner_links
{
    height:35px;
    width: 100%;
    text-align:right;
    padding-top:10px;
    color:#999;
    font-weight:bold;
    font-size:0.8em;
}

#page_holder
{
    float:left;
    background: #fff;
    padding: 15px 15px 35px 15px;
    background:#ffffff url(../_images/bg/bg_page_bottom.jpg) bottom no-repeat;
    border: 0px solid red;
}

#header
{
    height:65px;
    background:#000;
    border-bottom: 1px solid #ccc;
}

#header_print
{
    display:none;
}

#logo
{
    padding: 20px 0 0 14px;
    float:left;
}

#logo_right
{
    float:right;
    padding-right:10px;
}

#logo img
{
    border: 0px;
}

#menu {
	background:#ce3228 url(../_images/bg/bg_menu.jpg) repeat-x;
	margin:0px;
	height:26px;
	text-align:left;
	margin:0px 0px 0px 0px;
	width:950px;
}

* html #menu {
    overflow: hidden;
}

#menu li
{
    padding:0px 14px 0px 13px;
}

#breadcrumb
{
    font-size:0.9em;
    padding: 10px 0px 10px 0px;
    clear: both;
    width:950px;
    border-bottom:1px solid #cccccc;
    height:10px;
}

#breadcrumb a
{
    color:#999;
}

#breadcrumb a:hover
{
    color:#000;
}

#breadcumb_left
{
    float:left;
    width:500px;
    border:0px solid #000;
}

.print
{
    float:right;
    width:125px;
    text-align:right;
    border:10x solid #000;
}

.print img
{
    float:left;
    vertical-align:baseline;
}

#page_layout
{
   float:left;
   width:100%;
   height:100%;
   padding-top:15px;
}

#page_layout li
{
    list-style-type: square;
    list-style-position: inside;
}

#sitemap li
{
    display:block;
    list-style-type:none;
    list-style-position:outside;
}

#page_layout_home
{
   float:left;
   width:950px;
   padding-bottom:5px;
   background:#fff url(../_images/bg/kbg_home_bg.jpg) top no-repeat;
   border-top:1px solid #cccccc;
   overflow:hidden;
}

#page_layout_left
{
   width:620px;
   float:left;
   border-right:1px solid #cccccc;
   padding:0px 15px 0px 0px;
}

#page_layout_right
{
    width:300px;
    float:right;
    padding-left:9px;
}

#page_layout_left_home
{
   width:619px;
   float:left;
   padding-top:15px;
}

#page_layout_right_home
{
    width:316px;
    float:left;
    padding-left:15px;
    background:#fff;
    overflow:hidden;
    padding-top:15px;
}



#page_layout h1.page_title
{
    font-size:1.8em;
    padding-bottom:10px;
}

#inner_footer
{
    float:left;
    border:0px solid #000;
    width:100%;
    color: #868585;
    height:200px;
    clear:both;
}

#inner_footer h2
{
    padding-bottom:3px;
    color:#817f7f;
    font-size:1.0em;
}

#inner_footer_top
{
    float:left;
    width:100%;
    padding-bottom:10px;
}

#inner_footer_top_left
{
    float:left;
    padding-left:15px;
    width:190px;
}

#inner_footer_top_right
{
    float:right;
    padding-right:15px;
    text-align:right;
    width:300px;
}

#inner_footer_bottom
{
    padding-top:10px;
    background:#d1d1d1 url(../_images/bg/bg_footer_div.gif) top repeat-x;
    float:left;
    width:100%;
}

#inner_footer_bottom li
{
    list-style-type: square;
    list-style-position: inside;
}

#inner_footer a
{
    text-decoration:none;
    color: #868585;
}

#inner_footer a:hover
{
    text-decoration:underline;
    color: #999999;
}

#inner_footer_bottom_left
{
    float:left;
    width:165px;
    padding-left:15px;
}

#inner_footer_bottom_left2
{
    float:left;
    width:120px;
}

#footer {
    width: 100%;
    background:#000 url(../_images/bg/bg_footer.jpg) repeat-x;
    color: #fff;
    text-align: left;
    height: 20px;
    margin: -26px auto 0 auto;
    clear:both;
    font-size: 0.8em;
    padding-top:6px;
}

#footer_holder
{
    width: 980px;
    margin: 0 auto;
}

#footer_left
{
    float:left;
    width: 40%;
    padding-left:0px;
}

#footer_right
{
    float:right;
    text-align:right;
    width: 40%;
    padding-right:10px;    
}

#footer_right a
{
    color:#fff;    
}

#inner_footer img
{
    border:0px;
}

#clearfooter {
    height: 26px;
}

.readmore
{
    float:left;
    background-color: #000;
    padding:5px;
    font-size:0.9em;
    clear:both
}

.readmore a
{
    color: #fff;
    text-decoration:none;
}

.readmore a:hover
{
    color: #ccc;
    text-decoration:none;
}

.formRow {
	clear: both;
	padding-top: 10px;
}	

.formLabel {
	float: left;
	width: 185px;
	padding-left: 0px;
}	

.formField {
	float: left;
}

.validator
{
    color: #ff3333;
}


#machine_search_holder
{
    width:100%;
    border:1px solid #999;
    background: #e5e5e5;
    padding-bottom:5px;
}

#machine_search_holder_home
{
    width:100%;
    background: #dbdbdb;
    padding-bottom:5px;
    padding-left:7px;
    height:159px;
    overflow:hidden
}

#machine_search
{
    width:100%;
}

.machineRow {
	clear: both;
	padding-top: 5px;
}	

.machineLabel {
	float: left;
	width: 123px;
	padding-left: 8px;
	padding-top: 5px;
}	

.machineField {
	float: left;
}

.blank
{
    height:25px;
    clear:both;
}

.home_blank
{
    height:15px;
    clear:both;
}

#product_downloads
{
    width:289px;
    border:1px solid #b5b5b5;
    background: #f5f5f5;
    padding:7px;
}

#product_downloads img
{
    vertical-align: middle;
}

#products
{
    float:left;
    width:100%;
    padding-bottom:15px;
}

.product_spec
{
    float:left;
    width:400px;
}

#product_spec
{
    float:left;
    width:400px;
}

#product_tab
{
    float:left;
    width:389px;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

#product_spec img
{
    padding-top:20px;
}

#product_additions
{
    float:left;
}

#product_additions_tab
{
    float:left;
    padding-left:20px;
}

#product_additions_tab img
{
    float:left;
    padding-bottom:20px;
}

#product_additions img
{
    float:left;
    padding-bottom:20px;
}

.label_row
{
    clear:both;
    float:left;
    width:365px;
    border-bottom:1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}

.label_row_tab
{
    clear:both;
    float:left;
    width:388px;
    border-bottom:1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right:1px;
}

.label_row_tab_head
{
    clear:both;
    float:left;
    width:388px;
    background-color: #efefef;
    font-weight:bold;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right:1px;
    border-bottom:1px solid #ccc;
}

.label_row_blank
{
    clear:both;
    float:left;
    width:365px;
    padding-top: 10px;
}

.label_spec
{
    float:left;
    width:290px;
}

.spec
{
    float:right;
    text-align:right;
    border:0px solid #000;
    width: 60px;
}


.label_row_head
{
    clear:both;
    float:left;
    width:365px;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #efefef;
    font-weight:bold;
}

.label_row_head_tab
{
    clear:both;
    float:left;
    width:389px;
    border-bottom:1px solid #999;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #efefef;
    font-weight:bold;
}

#benefits
{
    float:left;
    width:100%
}

#benefits ul
{
    margin-left:0px;
    list-style-position: inside;
    list-style-type: square;
}


.p_holder
{
    clear:both;
    float:left;
    width:100%;
    padding-bottom:20px;
}

.p_holder_left
{
    float:left;
    width:280px;
}

.p_holder_right
{
    clear:both;
    float:right;
    width:280px;
}

.p_label_row
{
    clear:both;
    float:left;
    border-bottom: 1px solid #ccc;
    width:100%;
    padding-top:5px;
    padding-bottom:5px;
    font-weight:bold;
    background-color:#e5e4e4;
}

.p_label_row_head
{
    clear:both;
    float:left;
    border-bottom: 1px solid #ccc;
    width:100%;
    padding-top:5px;
    padding-bottom:5px;
    font-weight:bold;
    font-size:1.1em;
    color:#666;
}

.p_label_row1
{
    clear:both;
    float:left;
    border-bottom: 1px solid #ccc;
    width:100%;
    padding-top:5px;
    padding-bottom:5px;
    background-color: #f7f7f7;
}

.p_label_row2
{
    clear:both;
    float:left;
    border-bottom: 1px solid #ccc;
    width:100%;
    padding-top:5px;
    padding-bottom:5px;
}

.p_field1
{
    float:left;
    width:100px;
}

.p_field2
{
    float:left;
    width: 80px;
}

.p_field3
{
    float:left;
    width:95px;
    text-align:right;
    padding-right:5px;
}

.brochure_holder_left
{
    float:left;
    height:60px;
    width:290px;
    padding:5px;
    background-color:#f3f3f3;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.brochure_holder_right
{
    float:right;
    height:60px;
    width:290px;
    padding:5px;
    background-color:#f3f3f3;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.brochure_image
{
    float:left;
    width:55px;
}

.brochure_info img
{
    float:left;
    vertical-align:bottom;
    padding-right:5px;
}

.brochure_info
{
    float:left;
}

#video
{
    width:100%;
    float:left;
    border:1px solid #666;
    padding: 10px 0px 10px 0px;
    background-color: #999;
}

#media
{
    margin: 0 auto;
    width:280px;
}

#worktools_holder_left
{
    float:left;
    height:130px;
    width:270px;
    padding:10px;
    background-color: #ededed;
}

#worktools_holder_right
{
    float:right;
    height:130px;
    width:270px;
    padding:10px;
    background-color: #ededed;
}

.worktools_layout
{
    background:#fff url(../_images/bg/bg_worktool.jpg) top repeat-x;
    border:1px solid #ccc;
    height:130px;
}

.worktools_title
{
    float:left;
    clear:both;
    padding-top:7px;
    padding-left:5px;
    height:20px;
}

* html .worktools_title {
    height:15px;
    float:left;
    clear:both;
    padding-top:5px;
    padding-bottom:4px;
}

.worktools_title h2
{
    font-weight:bold;
    color: #666;
    padding:0px;
}

.worktools_image
{
    float:left;
    clear:both;
    height:76px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-left:1px;
    background:#fff;
}

.worktools_link
{
    float:left;
    clear:both;
    padding-top:5px;
    padding-right:5px;
    height:20px;
    text-align:right;
    width:95%;
}

#three_panels
{
    width:100%;
    float:left;
    overflow:hidden;
}

#panel_one
{
    width:180px;
    float:left;
    padding:10px;
    background-color: #ededed;
    height:130px;
}

#panel_two
{
    width:180px;
    float:left;
    padding:10px;
    background-color: #ededed;
    height:130px;
}

#panel_three
{
    width:180px;
    float:left;
    padding:10px;
    background-color: #ededed;
    height:130px;
}

.space
{
    width:10px;
    float:left;
}

#contact
{
    background:#d1d1d1;
    padding:10px;
    border:1px solid #a3a2a2;
}

.contact_vcf
{
    float:left;
    vertical-align:bottom;
    padding-top:3px;
    padding-right:5px;
}

/* Locations */
#mapcontainer {background-color:#f5f5f5;border:solid 1px #E5E2DC;padding:10px;float:left;}
#mapnav {width:130px;float:right;padding:0;margin:0;border:0px solid #000; background:#eaeaea;padding:10px;}
.go_button {vertical-align:bottom}
#map {width:430px;height:400px;float:left;background-color:#F2EFE9;border:solid 1px #9e9c9c;}
#mapnav h3 {margin:0;border-bottom:solid 1px #E5E2DC;font-size:1.4em;padding:.5em 0;padding-top:0; text-align:center;margin-bottom:1em;float:left;width:100%;}
#mapnav table td, #mapnav table {border:none;padding:0;margin:0;line-height:.8em;}
#mapnav li, #mapnav ul {list-style-type:none;}
#mapLocation {display:none;}
.bubble {font-family: Arial, Verdana, sans-serif;padding-bottom:20px;}
.bubble h1 {font-size:1.2em;margin:0;padding:0;margin-bottom:5px;font-weight:bold;}
.bubble p {font-size:1em;margin:0;padding:0;}
.maplinks {float:left;width:100%; }
.maplinks li {list-style-type:none;background:url(../images/mapbullet.gif) no-repeat left .8em;padding-left:1.3em;margin-bottom:.5em;}
.maplinks a {font-size:1.2em;}


/* UE RadGrid */
#ue {float:left}
#ue_image {float:left; width:200px;}
#ue_info {float:left; width:390px;border:0px solid red}
#ue_info h1 {float:left; border-bottom:1px solid #ccc;font-size:1.1em;width:100%}
.ue_label {width:125px; float:left; font-weight:bold}
.ue_field {width:200px; float:left;}
.ue_clear {width: 100%; height:10px; clear:both; float:left;}