@charset "utf-8";
/* CSS Document for PrintSafe */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 70% Verdana, Arial, Helvetica, sans-serif; color: #000; background: #545454 url(images/body-bkg.jpg) repeat-x;}

.bold, strong {font-weight: bold;}
.normal {font-weight: normal;}
.italic {font-style: italic;}
.lgebold {font: bold 110% Arial, Helvetica, sans-serif;}
p {margin-bottom: 15px}
.nomarg {margin-bottom: 0;}
h2 {font: bold 14px Arial, Helvetica, sans-serif; color: #333; border-bottom: 1px solid #666; margin-bottom: 5px; padding-bottom: 5px; padding-top: 10px;}
h2.featurebox {font: bold 14px Arial, Helvetica, sans-serif; color: #333; border-bottom: 1px solid #666; margin-bottom: 5px; padding-bottom: 5px; padding-top: 0px;}
h2.clear {clear: left; margin-bottom: 5px; padding-bottom: 5px; line-height: normal;}
h3, h4 {font: bold 100% Verdana, Arial, Helvetica, sans-serif; padding: 5px; border-bottom: 1px solid #000; margin-bottom: 5px; margin-top: 10px;}
img.left {float: left; margin-right: 10px; margin-bottom: 5px;}
a img {border: none;}
span#new {color: #00FF00; text-decoration: blink;}

h1 {font: bold 215% Arial, Helvetica, sans-serif; color: #333; border-bottom: 1px solid #EB8800; margin-bottom: 15px; padding-bottom: 15px;}
h1.aboutus {border-color: #F0AA44;}
h1.contact {border-color: #666;}
h1.news {border-color: #F0F;}
h1.support {border-color: #606;}
h1.consumables {border-color: #6C6;}
h1.products {border-color: #FC0;}
h1.casestudy {border-color: #0CF;}

.wrapper {width: 994px; margin: auto auto; background-color: #FFF;}
.sentence {font: 14px Arial, Helvetica, sans-serif; color: #FFF; text-align: right; margin-bottom: 0px; width: 984px; margin: auto auto; padding: 5px;}

.headertop {background: url(images/header-top-bkg.jpg) no-repeat bottom left; width: 994px; height: 81px; border-bottom: 5px solid #5A5A5A;}
.headertop img.logo {position: relative; top: 5px; left: 5px; float: left;}
.headertop img.kbalogo {position: relative; top: 15px; right: 5px; float: right;}
.headertop p.tel {font: bold 15px Arial, Helvetica, sans-serif; color: #FFF; position: relative; top: 62px; left: -190px;}
.headertop p.tel a:link, .headertop p.tel a:visited {color: #FFF; font-weight: normal; text-decoration: underline;}
.headertop p.tel a:hover {text-decoration: none;}

.headermid {background: #204482; height: 108px;}
.headermid img {border-right: 1px solid #666;}
.headermid img#end {border-right: none;}

.nav {height: 28px;}
.nav ul li {list-style-type: none; display: inline; position: relative; z-index: 5;}
.nav ul li a:link, .nav ul li a:visited {background: url(images/nav-bkg.jpg) repeat-x; padding: 4px 0px 5px 0px; font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; float: left; text-align: center; margin-right: 1px; width: 123px; height: 15px;}

.nav a.home:link, .nav a.home:visited {border-bottom: 4px solid #6FA9FF;}
.nav a.home:hover {border-bottom: 4px solid #06F;}

.nav a.products:link, .nav a.products:visited {border-bottom: 4px solid #FFE479;}
.nav a.products:hover {border-bottom: 4px solid #FC0;}

.nav a.consumables:link, .nav a.consumables:visited {border-bottom: 4px solid #A9E2A9;}
.nav a.consumables:hover {border-bottom: 4px solid #6C6;}

.nav a.support:link, .nav a.support:visited {border-bottom: 4px solid #AF79AF;}
.nav a.support:hover {border-bottom: 4px solid #606;}

.nav a.news:link, .nav a.news:visited {border-bottom: 4px solid #FF79FF}
.nav a.news:hover {border-bottom: 4px solid #F0F;}

.nav a.case:link, .nav a.case:visited {border-bottom: 4px solid #7FE5FF;}
.nav a.case:hover {border-bottom: 4px solid #0CF;}

.nav a.aboutus:link, .nav a.aboutus:visited {border-bottom: 4px solid #F7D29D}
.nav a.aboutus:hover {border-bottom: 4px solid #F0AA44;}

.nav a.contact:link, .nav a.contact:visited {border-bottom: 4px solid #AFAFAF; margin-right: 0px; width: 126px;}
.nav a.contact:hover {border-bottom: 4px solid #666;}

.nav li ul {position: absolute; left: 0px; top: 28px; display: none; width: 130px;}
.nav li:hover ul, .nav li.over ul {display: block;}

.nav ul li ul a:link, .nav ul li ul a:visited {display: block; text-decoration: none; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #333; padding: 4px 0px; text-align: center; text-decoration: none; display: block; width: 123px; border-bottom: 1px solid #999;}
.nav ul li ul a:hover {background: #333; color: #FFF;}
.nav ul li ul#products {position: absolute; left: -10px;}
.nav ul li ul#products a:link, .nav ul li ul#products a:visited {background: #FC0; width: 145px;}
.nav ul li ul#products a:hover {background: #333; color: #FFF;}
.nav ul li ul#casestudies a:link, .nav ul li ul#casestudies a:visited {background: #0CF;}
.nav ul li ul#casestudies a:hover {background: #333; color: #FFF;}
.nav ul li ul#contactdetails a:link, .nav ul li ul#contactdetails a:visited {background: #666; color: #FFF; width: 127px;}
.nav ul li ul#contactdetails a:hover {background: #333; color: #FFF;}
.nav ul li ul#aftersales a:link, .nav ul li ul#aftersales a:visited {background: #6C6; color: #FFF; width: 290px;}
.nav ul li ul#aftersales a:hover {background: #333; color: #FFF;}
.nav ul li ul#offers a:link, .nav ul li ul#offers a:visited {background: #F0F; color: #FFF; width: 123px;}
.nav ul li ul#offers a:hover {background: #333; color: #FFF;}
.nav ul li ul#aftersales {position: absolute; left: -75px;}

/* Fix IE. Hide from IE Mac \*/
* .nav ul li {float: left;}
* .nav ul li a {height: 1%;}
/* End */

.content { padding: 30px; background-color: #FFF; z-index: 1 }
.content a:link, .content a:visited {color: #000; text-decoration: underline;}
.content a:hover {color: #666;}
.content ul {margin-bottom: 25px;}
.content ul.square li {list-style-position: outside; margin-left: 0px; list-style-type: none; border-left: 7px solid #EC8D00; margin-bottom: 10px; line-height: 7px; text-indent: 7px;}
.content ul.consumableslist li {list-style-position: inside; margin-left: 15px; list-style-type: none; margin-bottom: 10px; line-height: 7px; text-indent: 7px; border-left: 7px solid #6C6}
.content ul.productslist li {list-style-position: outside; margin-left: 0px; list-style-type: none; margin-bottom: 5px; padding-left: 12px; background: url(images/productslist-bkg.gif) no-repeat left top;}
.content ul.productslistleft {float: left; width: 200px; display: block; background: red}
.content ul.productslistleft li {list-style-position: outside; margin-left: 0px; list-style-type: none; margin-bottom: 5px; padding-left: 12px; background: url(images/productslist-bkg.gif) no-repeat left top;}
.content ul.supportlist li {list-style-position: inside; margin-left: 15px; list-style-type: none; margin-bottom: 10px; line-height: 7px; text-indent: 7px; border-left: 7px solid #606}
.content ul.caselist li {list-style-position: inside; margin-left: 15px; list-style-type: none; margin-bottom: 10px; line-height: 7px; text-indent: 7px; border-left: 7px solid #0CF;}
.content ul.productslist#right {float: right; width: 300px;}

.clear {clear: both; margin-bottom: 0; line-height: 0px;}

.footer {width: 994px; margin: auto auto; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; padding-top: 3px;}
.footer p.left {float: left; width: 500px;}
.footer p.right {float: right; text-align: right; width: 400px;}
.footer a:link, .footer a:visited {color: #FFF; text-decoration: underline;}
.footer a:hover {text-decoration: none;}

.subnav {float: left; width: 212px;}
.subnav ul {margin-bottom: 30px;}
.subnav ul li {list-style-type: none;}

.subnav ul li a:link, .subnav ul li a:visited {background-color: #FC0; border-left: 1px solid #FFDF60; border-top: 1px solid #FFDF60; border-right: 1px solid #C19A00; border-bottom: 1px solid #C19A00; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333; width: 190px; display: block; text-decoration: none; padding: 3px 10px;}
.subnav ul li a:hover, .subnav ul li a#active:link, .subnav ul li a#active:visited {background-color: #333; border-left: 1px solid #505050; border-top: 1px solid #505050; border-right: 1px solid #272727; border-bottom: 1px solid #272727; color: #FFF;}


.subnav#contact ul li a:link, .subnav#contact ul li a:visited {background-color: #666; border-left: 1px solid #6E6E6E; border-top: 1px solid #6E6E6E; border-right: 1px solid #585858; border-bottom: 1px solid #585858; color: #FFF;}
.subnav#contact ul li a:hover, .subnav#contact ul li a#active:link, .subnav#contact ul li a#active:visited {background-color: #333; border-left: 1px solid #505050; border-top: 1px solid #505050; border-right: 1px solid #272727; border-bottom: 1px solid #272727; color: #FFF;}

.subnav#aftersalesnav ul li a:link, .subnav#aftersalesnav ul li a:visited {background-color: #6C6; border-left: 1px solid #82D582; border-top: 1px solid #82D582; border-right: 1px solid #4E9C4E; border-bottom: 1px solid #4E9C4E; color: #FFF;}
.subnav#aftersalesnav ul li a:hover, .subnav#aftersalesnav ul li a#active:link, .subnav#aftersalesnav ul li a#active:visited {background-color: #333; border-left: 1px solid #505050; border-top: 1px solid #505050; border-right: 1px solid #272727; border-bottom: 1px solid #272727; color: #FFF;}

.subnav#newsnav ul li a:link, .subnav#newsnav ul li a:visited {background-color: #F0F; border-left: 1px solid #FF59FF; border-top: 1px solid #FF59FF; border-right: 1px solid #C143C1; border-bottom: 1px solid #C143C1; color: #FFF;}
.subnav#newsnav ul li a:hover, .subnav#newsnav ul li a#active:link, .subnav#newsnav ul li a#active:visited {background-color: #333; border-left: 1px solid #505050; border-top: 1px solid #505050; border-right: 1px solid #272727; border-bottom: 1px solid #272727; color: #FFF;}


.contentright {margin-left: 242px; position: relative; z-index: 1;}
.contentright a:link, .contentright a:visited {color: #000;}
.contentright a:hover {text-decoration: none;}
.contentright .photo {float: right; width: 200px; border-left: 15px solid #FFF; margin-bottom: 15px;}
.contentright .photo img {margin-bottom: 15px;}
.contentright .photo a:link, .contentright .photo a:visited {background: #666; text-decoration: none; color: #FFF; text-align: center; width: 190px; padding: 5px; display: block;}
.contentright .photo a:hover {background: #000;}

.productholder { height: 20px; display: block; margin-bottom: 5px; position: relative; width: 690px; float: left; }
.productholder p.description {clear: right;}
.productline { border-bottom: 1px solid #666; float: left; width: 330px; height: 20px; position: relative; }
.productlinelg {border-bottom: 1px solid #666; float: left; width: 72px; height: 20px;}
.productlinelong { border-bottom: 1px solid #666; width: 662px; height: 20px; margin-bottom: 5px; }
.producttitle { background: #666 url(images/producttitle-bkg.gif) no-repeat right; float: left; width: 175px; height: 17px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; padding: 3px 0px 0px 5px; border-bottom: 1px solid #666; position: relative; }
.producttitlesml { background: #666 url(images/producttitle-bkg.gif) no-repeat right; float: left; height: 17px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; padding: 3px 0px 0px 5px; border-bottom: 1px solid #666; clear: both; padding-right: 500px; width: 187px; }
.producttitlelg {background: #666 url(images/producttitle-bkg.gif) no-repeat right; float: left; width: 405px; height: 17px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; padding: 3px 0px 0px 5px; border-bottom: 1px solid #666;}
.productbrochure { background: #666 url(images/productbrochure-bkg.gif) no-repeat left; float: left; width: 150px; height: 20px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; padding: 0px 5px 0px 25px; border-bottom: 1px solid #666; margin-bottom: 5px; position: relative; }
.productbrochure a:link, .productbrochure a:visited {padding-top: 4px; margin-bottom: 0px; width: 120px; float: left; text-decoration: none; color: #FFF;}
.productbrochure a:hover {text-decoration: underline}
.productbrochure img {position: relative; left: 10px; top: 1px;}
.holder {width: 150px; height: 202px;}
.productphoto {float:left; width: 150px; margin-right: 10px; margin-bottom: 30px;}
.productphoto img {margin-bottom: 5px; border: 0px;}
.productphoto a img {background: none; padding: 0;}
.productphoto a.enlarge:link, .productphoto a.enlarge:visited {border-top: 1px dotted #666; border-bottom: 1px dotted #666; width: 135px; display: block; padding-top: 5px; padding-bottom: 5px; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration: none; background: url(images/enlarge.gif) no-repeat left; padding-left: 15px;}
.productphoto a.enlarge:hover {text-decoration: underline;}
.productphoto a.video:link, .productphoto a.video:visited {border-bottom: 1px dotted #666; width: 135px; display: block; padding-top: 5px; padding-bottom: 5px; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration: none; margin-bottom: 30px; background: url(images/video.gif) no-repeat left; padding-left: 15px;}
.productphoto a.video:hover {text-decoration: underline;}

table.support {background: #F4F4F3 url(images/linkbox-bkg.jpg) repeat-x bottom; padding: 15px 15px 0 15px; margin-bottom: 15px;}
table.support#helpline {background: #606; font: bold 14px Arial, Helvetica, sans-serif; color: #FFF; text-align: center; float: right; width: 300px; margin-left: 15px;}
table.support#helpline span {font: 18px Arial, Helvetica, sans-serif;}

.featureright {float: right; border-left: 60px solid #FFF; width: 300px; }
.featureright .greybkg {background: #F4F4F3 url(images/linkbox-bkg.jpg) repeat-x bottom; padding: 7px 15px 5px 10px; border-bottom: 15px solid #FFF;}
.featureright .greybkg a.underline:link, .featureright .greybkg a.underline:visited {color: #000; text-decoration: underline;}
.featureright .greybkg a.underline:hover {text-decoration: none;}
.featureright .greybkg span.orange {color: #EC8D00; font-weight: bold;}
.featureright .greybkg span.orange a {color: #EC8D00;}
.featureright .greybkg#bottom {border-bottom: none;}

.feature {background: #F4F4F3 url(images/linkbox-bkg.jpg) repeat-x bottom; padding: 15px 15px 5px 15px; margin-bottom: 15px;}
.feature#clear {clear: left;}
.feature ul, .featureright ul {margin-bottom: 0px;}
.feature a:link, .feature a:visited, .featureright a:link, .featureright a:visited {text-decoration: none;}
.feature a.underline:link, .feature a.underline:visited {text-decoration: underline;}
.feature a.underline:hover {color: #6C6;}
.feature ul.rightlist {float: left; width: 220px; position:relative;}
.feature span.larger {font: bold 140% Arial, Helvetica, sans-serif; color: #CCC;}
.feature h2 {background: #333; color: #FFF; padding: 5px; border-bottom: none; text-align: center;}
.feature p span.highlight {background: #FF79FF; padding: 2px 5px; font-weight: bold; float: left; width: 50px; margin-right: 15px;}
.feature p.right {margin-left: 75px;}
.feature-af {background: #F4F4F3 url(images/linkbox-bkg.jpg) repeat-x bottom; padding: 5px; margin-bottom: 15px; height: 92px;}
.feature-af img {float: left; margin-right: 15px; border: 1px solid #CCC;}
.feature-af a:hover img {border: 1px solid #6C6;}

p.featureline {background: #F4F4F4; border: 1px solid #E4E4E4; margin-bottom: 15px; padding: 5px; text-align: center; font-weight: bold; }
p.featureline#left {clear: left;}
p.productdescription {height: 105px;}
p.productdescription a:link, p.productdescription a:visited {background: url(images/arrow.gif) no-repeat; padding-left: 10px;}

.firstProduct {float: left; width: 152px; margin-right: 20px; margin-bottom: 10px; margin-top: 10px;}
.firstProduct p.hdr {background: #666 url(images/producttitle-bkg.gif) no-repeat right top; font-weight: bold; color: #FFF; margin-bottom: 0px; padding: 3px 0 3px 5px; }
.firstProduct img {border: 1px solid #666;}
.firstProduct ul {background: #F4F4F3 url(images/linkbox-bkg.jpg) repeat-x bottom; padding: 5px; margin-bottom: 0px; min-height: 105px;}
.firstProduct ul li {list-style-position: outside; margin-left: 0px; list-style-type: none; margin-bottom: 5px; padding-left: 12px; background: url(images/productslist-bkg.gif) no-repeat left top; font: 10px Verdana, Arial, Helvetica, sans-serif;}
a.details:link, a.details:visited {background: #666 url(images/arrow-details.gif) no-repeat right; color: #FFF; width: 142px; display: block; padding: 5px; text-decoration: none; font: 10px Verdana, Arial, Helvetica, sans-serif;}

.techhdr {background: #F4F4F4; padding: 5px; border-bottom: 1px solid #CCC; font-weight: bold; float: left; width: 190px;}
.techdetails {background: #F4F4F4; padding: 5px; border-bottom: 1px solid #CCC; margin-left: 200px;}

.technical {background: #F4F4F4; padding: 5px; border-bottom: 1px solid #CCC; position: relative;} 
.technical p {padding-left: 200px; margin-bottom: 0px;}
.technical span {font-weight: bold; width: 190px; float: left; position: relative;}
.technical table {margin-bottom: 0px;}
.technical table td {padding: 1px;}
.technical table td.hdr {border-bottom: 1px solid #CCC; padding-right: 5px; border-right: 5px solid #F4F4F4;}
table.techtbl {background: #F4F4F4;}
table.techtbl td {border-bottom: 1px solid #CCC; padding: 5px;}
table.techtbl td.hdg {font-weight: bold; vertical-align: text-top;}

p.termsnumber {float: left; width: 55px;}
p.termstext, table.terms {margin-left: 55px}

a.arrow:link, a.arrow:visited {background: url(images/arrow.gif) no-repeat left; padding-left: 10px; text-decoration: underline;}
img.right {float: right; border-left: 15px solid #FFF; margin-bottom: 15px;}

form p {margin-bottom: 5px;}
form p.bold, form label.bold, form p.optin {margin-bottom: 15px;}
form .topmarg {margin-top: 20px;}
form {border: 1px solid #E4E4E4; background: #F4F4F4; padding: 10px 10px 5px 10px;}
form p label {width: 150px; position: absolute;}
form .hdg {width: 150px; position: absolute; left: 8px;}
form p label.nowidth {width: 100%; position: relative;}
form input, form select {border: 1px solid #CCC; padding: 2px; font: 11px Verdana, Arial, Helvetica, sans-serif; width: 200px; margin-left: 150px; position: relative;}
form .contactby {margin-left: 150px; margin-top: 30px;}
form .contactby label {width: 150px; position: relative; display: block}
form select#title {width: 70px;}
form textarea {border: 1px solid #CCC; padding: 2px; font: 11px Verdana, Arial, Helvetica, sans-serif; width: 665px;}
form .submit {background: url(images/nav-bkg.jpg) repeat-x bottom; color: #FFF; border: none; width: 100px; padding: 5px; margin-left: 570px; margin-top: 25px;}
form .reset {background: url(images/nav-bkg.jpg) repeat-x bottom; color: #FFF; border: none; width: 100px; padding: 5px; margin-left: 0; position: absolute; margin-top: 25px;}
form input.checkbox {width: 15px; border: none; position: relative; top: 1px; margin-left: 0;}
form span, p.required span {color: red; margin-left: 2px;}
p.required {margin-top: 15px; text-align: right; margin-bottom: 15px;}
form p.optin label {float: none; width: 650px;}
p.smltext {font: 9px Verdana, Arial, Helvetica, sans-serif;}

p.datasheets {background: #F4F4F4; padding: 15px 10px; border-bottom: 1px solid #CCC; margin-bottom: 0; position: relative;}
p.datasheets a:link, p.datasheets a:visited {border: 1px solid #FFF; background: #333 url(images/nav-bkg.jpg) repeat-x; color: #FFF; text-decoration: none; padding: 5px 12px; float: right; position: relative; top: -6px;}
p.datasheets a:hover {background: #6C6;}