@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;
    color:#222;
}

p {padding-bottom:10px; line-height:1.3em;}

h1 {font-family: "segoe ui",arial,verdana,geneva,sans-serif;font-size:1.3em; color:#356788;padding-bottom:10px;clear:both;}
h2 {font-family: "segoe ui",arial,verdana,geneva,sans-serif;font-size:1.2em; color:#7e7e7e;padding-bottom:10px;clear:both;}

hr {margin:10px 0px 10px 0px; height:1px;color:#ccc;float:left;clear:both;}

a {text-decoration: underline; color: #5a7184}
a:hover {text-decoration: underline; color: #000}


html, body, form {
    height: 100%;
}

.size
{
    color:#ccc;
}

.page_title.h1
{
    font-weight:bold;
    font-size: 1.8em;
}

#container {
    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:#efefef url(../_images/bg/bg_header.jpg) bottom no-repeat;
    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:#5a7184 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: 8px 0px 10px 0px;
    clear: both;
    width:950px;
    border-bottom:1px solid #cccccc;
    height:10px;
}

* html #breadcrumb {
    padding: 6px 0px 1px 0px;
    height:20px;
}

#breadcrumb a
{
    color:#999;
}

#breadcrumb a:hover
{
    color:#000;
}

#breadcumb_left
{
    float:left;
    width:500px;
    border:0px solid #000;
}

.print
{
    float:right;
    width:280px;
    text-align:right;
    border:0px solid #000;
    color: #5a7184
}

.rating
{
    float:right;
}

#feedback
{
    padding:10px;
    background:#eefefef;
}

#rate_text
{
    padding-top:2px;
    float:left;
}

.print img
{
    float:left;
    vertical-align:baseline;
}

#page_layout
{
   float:left;
   width:100%;
   height:100%;
   padding-top:15px;
   background:#fff url(../_images/bg/bg_side.jpg) right repeat-y;
}

#page_layout_left ul
{
    padding-bottom:10px;
}

#page_layout_left li
{
    list-style-type:square;
    list-style-position:outside;
    list-style-image:url(../_images/icons/icn_square.jpg);
    margin-left:17px;
    display:block;
}

#slider
{
    padding: 40px 0px 10px 0px;
}

#slider li 
{
    margin:0;
    padding:0;
}


#onetwothree li
{
    list-style-type:decimal;
    list-style-position:outside;
    list-style-image: none;
    margin-left:25px;
    display:block;
}

.sitemap
{
    font-size:1.0em;
}

#sitemap li
{
    display:block;
    list-style-type:none;
    list-style-position:outside;
    list-style-image:none;
}

#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:695px;
   float:left;
   border: 0px solid #000;
   padding:0px 0px 0px 0px;
   min-height:300px;
}

* html #page_layout_left 
{
    width:690px;
    height:300px;
    overflow: visible
}

#page_layout_right
{
    width:240px;
    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:transparent 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:265px;
    padding-left:15px;
}

#inner_footer_bottom_left2
{
    float:left;
    width:120px;
}

#footer {
    width: 100%;
    background:#7997b1 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;
}

.formRowSlider
{
    clear: both;
	padding-top: 3px;
	padding-bottom:5px;
	border-bottom:1px solid #efefef;
}

.sliderlabel
{
    width:100%;
    clear:both;
    padding-bottom:5px;
    font-weight:bold;
    color:#666666;
}

.slidercontrol
{
    width:100%;
    clear:both;
    padding-bottom:10px;
}

.validator
{
    color: #ff3333;
}


.blank
{
    height:25px;
    clear:both;
}

.home_blank
{
    height:15px;
    clear:both;
}

.route_blank
{
    height:12px;
    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;
}

.page_promos
{
    width:100%;
    padding-top:20px;
    text-align:center;
}

.page_promos img
{
    border:0px;
}




/* testimonils user control */
#testimonials_holder
{
    padding: 0px 8px 0px 8px;
}

        
#testimonials_uc
{
    background: #fff;
    border: 1px solid #ccc;
    height:215px;
}

#testimonials_header_uc
{
    padding:5px 10px;
    border-bottom: 1px solid #ccc;
}

#testimonials_header_uc h2
{
    padding:0px;
}

#testimonials_copy_uc
{
    background: #ffffff url(../_images/bg/bg_testimonials_sml.jpg) top left no-repeat;
    padding: 7px 10px 0px 10px;
    color:#5a7184;
    text-align:left;
}

.hlt
{
    width:100%;
    clear:both;
    border-top: 1px solid #ccc;
    border-left:1px solid #ccc;
    border-right: 1px solid #ccc;
    font-weight:bold;
    padding:3px;
    background-color:#efefef;
    color:#6d6d6d;
    float:left;
}

.hlt1
{
    width:100%;
    clear:both;
    background-color:#fff;
    padding:3px;
    border-left:1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color:#5a7184;
    float:left;
}

.hlt2
{
    border-top: 1px solid #ccc;
    border-left:1px solid #ccc;
    border-right: 1px solid #ccc;
    width:100%;
    clear:both;
    background-color:#fafafa;
    padding:3px;
    color:#808080;
    float:left;
}

.hlt3
{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left:1px solid #ccc;
    border-right: 1px solid #ccc;
    width:100%;
    clear:both;
    background-color:#fafafa;
    padding:3px;
    color:#808080;
    float:left;
}

#page_layout_right_nav_holder
{
    padding:0px 10px 0px 8px;
}

#page_layout_promo_holder
{
    padding:15px 10px 0px 8px;
    float:left;
}

#page_layout_promo_holder img, #page_layout_promo_holder_top img
{
    border:0px;
}

#page_layout_promo_holder_top
{
    padding:0px 10px 0px 8px;
    float:left;
}

#page_layout_right_nav ul
{
    border:1px solid #cfcfcf;
    padding:0px;
    float:left;
    width:220px;
    background: #ffffff;
}

#page_layout_right_nav li
{
    background: #ccc url(../_images/bg/bg_right_nav.gif) repeat-y;
    border: 0px solid red;
    height:25px;
    float:left;
    clear:both;
    padding-left:25px;
    padding-top:11px;
    list-style-type:disc;
    vertical-align:middle;
    width:195px;
}



#page_layout_right_nav li a
{
    color:#666;
    text-decoration:underline;
}

.cc_holder
{
    float:left;
    width:100%;
    border:0px solid red;
}

.cc_copy
{
    float:left;
    width:400px;
}

.cc_media
{
    float:right;
    width: 270px;
}

.cc_image
{
    float:left
}


.cc_quote
{
    float:left;
    border:1px solid #ccc;
    padding:10px;
    width:248px;
    color:#999;
    font-style:italic;
}

.cc_quote a
{
    font-style:normal;
}

.cc_download img
{
    border:0px;
}



/* DOWNLOADS */

.dlholder
{
    border:0px solid #000;
    width:100%;
    height:20px;
    padding-bottom:35px;
}

.dlinfo
{
    float:left;
    width:450px;
}

.dlinfo img
{
    margin-right:15px;
    float:left;
    vertical-align:top;
    border:0px;
}

.dlinfo h3
{
    padding:0px;
    margin:0px;
    font-size:1.1em;
    color:#222;
}

.dlinfoleft
{
    float:left;
    width:300px;
}

.dlinfoleft img, .dlinforight img
{
    margin-right:15px;
    float:left;
    vertical-align:top;
    border:0px;
}

.dlinfoleft h3, .dlinforight h3
{
    padding:0px;
    margin:0px;
    font-size:1.1em;
    color:#222;
}

.dlinforight
{
    float:right;
    width:300px;
}


.route
{
    border:0px solid red;
    margin: -13px -5px 0px -5px;
    padding:0px;
    float:left;
    width:100%;
}

.Pointer
{
    cursor:pointer;
}


/* Equipment Commander Login */

#ec_login
{
    float:left;
    width:292px;
}

#ec_text
{
    float:left;
    clear:both;
    height:30px;
    width:290px;
    font-weight:normal;
    color:#999
}

#ec_text a
{
    font-weight:normal;
}

.ec_system
{
    font-weight:normal;
}


#ec_text img
{
    vertical-align: middle;
}

.ec_label
{
    width:100px;
    float:left;
    height:24px;
    border:0px solid red;
    padding-top:5px;
}

.ec_field
{
    width:180px;
    float:left;
    clear:right;
    height:29px;
    border:0px solid red;
}

.ec_button
{
    text-align:right;
}

#form_info
{
    width:500px;
    float:left;
}

#form_address
{
    float:left;
    border:1px solid #ccc;
    padding:10px;
    width:160px;
    background: #fff url(../_images/bg/bg_right_nav.jpg) top repeat-x;
}

#legend_status
{
    margin-top:15px;
    float:left;
    width:100%;
    border: 1px solid #efefef;
}

#legend_status img
{
    vertical-align:middle;
}

#current_status
{
    border:1px solid #ccc;
    padding:5px;
    margin-bottom:10px;
    font-weight:bold;
    color: #5a7184;
}

#current_status img
{
    vertical-align:middle;
}

.legend_left
{
    float:left;
    width:45%;
    padding:5px;
}

.legend_right
{
    float:left;
    width:40%;
    clear:right;
    padding:5px;
}

.radgrid
{
    padding-top:15px;
}

.rad_image
{
    padding-left:7px;
    float:left;
    vertical-align:top;
    width:40px;
    border:0px solid red;
}

.rad_detail
{
    padding-left:1px;
    float:left;
    vertical-align:top;
    width:335px;
    font-size:0.9em;
}

.rad_title
{
   font-weight:bold;
   color:#666;
   font-weight:bold;
   font-size:1.1em;
}

.rad_date
{
    color:#ccc;
}

#why
{
    width:100%;
    background: #fff url(../_images/bg/bg_why.jpg) top right no-repeat;
    
}