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

html, body, ul, ol, li, p, h1, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 70% Verdana, Arial, Helvetica, sans-serif; color: #211257; line-height: 16px; padding-top: 10px;}

.bold {font-weight: bold;}
p {margin-bottom: 15px}
p.clear, br.clear {clear: both; margin-bottom: 5px;}
p.right {text-align: right;}
p.smltxt {font: 10px Verdana, Arial, Helvetica, sans-serif;}
.nomarg {margin-bottom: 0;}
a img {border: none;}
h1, h2 { font: 600 210% Arial, Helvetica, sans-serif; color: #4171AF; padding-bottom: 15px; }
h3, p.bluehdg { font: 300 180% Arial, Helvetica, sans-serif; color: #4171AF; margin-bottom: 15px; }
h3 a, p.bluehdg a {color: #4171AF;}
.largeTxt {font-size: 150%; font-weight: bold;}

#wrapper {width: 994px; margin: auto auto; position: relative}
#wrapper .contact {padding: 15px 15px 0 15px; color: #FFF; font-size: 90%; margin-top: 100%; position: absolute; bottom: -25px; left: 0; width: 199px;}
#wrapper .contact a {color: #FFF;}
#wrapper .contact p.hdg {font: 300 160% Arial, Helvetica, sans-serif; color: #8FBCF7; margin-bottom: 5px;}
#wrapper .contact p.copyright {color: #9EC3F8; margin-bottom: 0;}

#header {height: 105px; position: relative;}
#header img.logo {float: left; width: 230px;}
#header h1.sentence, #header p.sentence {text-align: right; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666;}
#header p.call {font: 300 170% Arial, Helvetica, sans-serif; text-align: right; padding-top: 5px;}
#header ul.topNav {background: #007EF0 url(images/topNav-bkg.gif) no-repeat left; padding-left: 30px; width: 373px; height: 25px; padding-top: 5px; position: absolute; top: 75px; left: 591px;}
#header ul.topNav li {display: inline;}
#header ul.topNav li a:link, #header ul.topNav li a:visited {padding: 0px 18px; border-right: 1px solid #FFF; text-decoration: none; font-weight: bold; color: #FFF; font-size: 10px;}
#header ul.topNav li a:hover {text-decoration: underline;}
#header ul.topNav li a#lastTopNav:link, #header ul.topNav li a#lastTopNav:visited {border-right: none;}

#leftCol {width: 229px; float: left; border-top: 1px solid #FFF; background: #211257 url(images/wrapper-bkg.jpg) no-repeat bottom left}
#leftCol ul.mainNav {list-style-type: none;}
#leftCol ul.mainNav li a:link, #leftCol ul.mainNav li a:visited {border-bottom: 1px solid #FFF; color: #fff; text-decoration: none; line-height: 30px; padding-left: 17px; background: #211257; width: 212px; display: block;}
#leftCol ul.mainNav li a:hover, #leftCol ul.mainNav li a.active {background: #211257 url(images/mainNav-o-bkg.gif) no-repeat left;} 
#leftCol p.downloadHdg {font: 140% Arial, Helvetica, sans-serif; margin: 65px 0 15px 15px; color:#FFCC00;}
#leftCol p.download {background: url(images/download-arrow.gif) no-repeat left; padding-left: 15px; color: #FFF; margin: 15px;}
#leftCol p.download a {color: #FFF;}

#rightCol {border-left: 229px solid #0277E6; border-top: 1px solid #FFF;}
#rightCol #fadeshow1, #rightCol img.border {border-left: 1px solid #FFF;}
#rightCol .content { padding: 30px 30px 15px 30px; }
#rightCol .content#noPhotos {border-top: 5px solid #211257; padding-top: 15px;}
#rightCol .content a.text {color: #211257;}
#rightCol .content a.arrowText {background: url(images/arrow-light-blue.gif) no-repeat left; padding-left: 15px; color: #211257;}

#rightCol .content .rightFeatureCol { float: right; margin-left: 50px; width: 215px; }
#rightCol .content .rightFeatureCol ul.tick {line-height: 22px; list-style-type: none; }
#rightCol .content .rightFeatureCol ul.tick li {background: url(images/tick-blue.gif) no-repeat left; padding-left: 15px; list-style-type: none; list-style-position: outside; margin-left: 0;}
#rightCol .content .rightFeatureCol p.hdg {font: 300 160% Arial, Helvetica, sans-serif; color: #017DED; margin-bottom: 5px;}

#rightCol .content .rightFeature {margin-bottom: 15px; background: url(images/rightFeature-bkg.jpg) repeat-x; padding: 5px 10px 0 10px; float: left; width: 325px; margin-right: 15px;}
#rightCol .content .rightFeature a:link, #rightCol .content .rightFeature a:visited {color: #211257;}
#rightCol .content .rightFeature a:hover {text-decoration: none;}
#rightCol .content .rightFeature#homeFeature {margin-top: 15px;}
#rightCol .content .rightFeature#last {margin-right: 0;  background: url(images/offers-bkg.jpg) repeat-x; margin-top: 15px;}
#rightCol .content .rightFeature#last p.hdg { color: #000; padding-top: 3px; }
#rightCol .content .rightFeature p.hdg {font: 120% Arial, Helvetica, sans-serif; color: #FFF; margin-bottom: 10px; padding-top: 3px; }
#rightCol .content .rightFeature p.bluehdg {font: bold 140% Arial, Helvetica, sans-serif; margin-bottom: 0; padding-top: 10px; }
#rightCol .content .rightFeature p.bluehdg a {color: #4171AF; font-size: 80%;}
#rightCol .content .rightFeature p.date {font: 90% Verdana, Arial, Helvetica, sans-serif; color: #666; margin-bottom: 10px;}
#rightCol .content .rightFeature form input {border: 1px solid #CCC; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666;}

#rightCol .content .manufacturer {border-top: 1px solid #CCC; padding: 5px 0; }
#rightCol .content .manufacturer#topManufacturer {border: none;}
#rightCol .content .manufacturer .logo {float: left; margin-right: 30px; width: 100px; text-align: center; padding-bottom: 15px; padding-top: 10px;}
#rightCol .content .manufacturer p.hdg {font: 300 160% Arial, Helvetica, sans-serif; color: #666; margin-bottom: 5px;}
#rightCol .content .testimonial {font-weight: bold; color: #333; background: #F4F4F4; padding: 10px; margin-bottom: 15px; width: 480px;}
#rightCol .content .testimonial#sml {width: 300px; }
#rightCol .content .testimonial img.right {float: right; margin-left: 15px; margin-bottom: 15px;}
#rightCol .content .testimonial p.by {text-align: right; margin-bottom: 0; font-weight: normal;}

#rightCol .content ul, #rightCol .content ol {margin-bottom: 15px;}
#rightCol .content ul li {list-style-type: square; list-style-position: outside; margin-left: 15px; padding-bottom: 5px;}
#rightCol .content ol li {list-style-position: outside; margin-left: 20px; padding-bottom: 5px;}

#rightCol .content .manufacturer a.button:link, #rightCol .content .manufacturer a.button:visited {background: #211257 url(images/arrow-white.gif) no-repeat right; text-decoration: none; padding: 5px 20px 5px 12px; color: #FFF; float: right; margin-top: 27px; border: 2px solid #FFF;}
#rightCol .content .manufacturer a.button:hover {border: 2px solid #007EF0;}
#rightCol .content .twoCol {margin-bottom: 15px; padding: 5px 10px 0 10px; width: 290px; margin-right: 15px; background: url(images/rightFeature-bkg.jpg) repeat-x; }
#rightCol .content .twoColLeft { float: left; margin-bottom: 15px; padding: 5px 10px 0 10px; width: 300px; margin-right: 30px; background: url(images/rightFeature-bkg.jpg) repeat-x; clear: right; }
#rightCol .content .twoColLeft#right {margin-right: 0;}
#rightCol .content .twoCol p.hdg, #rightCol .content .twoColLeft p.hdg { font: 120% Arial, Helvetica, sans-serif; color: #FFF; margin-bottom: 10px; }
#rightCol .content .photos {margin-bottom: 15px;}
#rightCol .content .photos img {margin-right: 5px; margin-bottom: 5px;}
#rightCol .map {float: right; margin-left: 30px; margin-bottom: 30px; font: 10px Verdana, Arial, Helvetica, sans-serif;}
#rightCol .map a {color: #666;}

.content a.badgeLink:link, .content a.badgeLink,visited {float: left; margin-right: 15px; width: 130px; text-align: center; padding: 10px; border: 5px solid #F4F4F4; margin-bottom: 15px; text-decoration: none; color: #666;}
.content a.badgeLink:hover {border-color: #0277E6;}
.content .badge img {margin-bottom: 15px;}
.content .badge p {color: #666;}

.content p.archiveNews {background: #EEF2FE; line-height: 24px;}
.content p.archiveNews a:link, .content p.archiveNews a:visited {color: #211257; text-decoration: none;}
.content p.archiveNews a:hover {text-decoration: underline;}
.content p.archiveNews span {background: #211257; color: #FFF; width: 100px; margin-right: 10px; display: block; float: left; padding-left: 5px;}

#rightCol .content ul.breadcrumb {font: 90% Verdana, Arial, Helvetica, sans-serif; color: #666; margin-bottom: 15px; padding-bottom: 15px; }
#rightCol .content ul.breadcrumb li {display: inline; color: #0277E6; margin-left: 0px; list-style-position: inside; padding-bottom: 0;}
#rightCol .content ul.breadcrumb a:link, #rightCol .content ul.breadcrumb a:visited {color: #666; background: url(images/breadcrumb-arrow.gif) no-repeat right; padding-right: 20px; text-decoration: none;}
#rightCol .content ul.breadcrumb a:hover {text-decoration: none; color: #0277E6;}

.content .gallery {float: right; width: 350px; margin-left: 30px; margin-bottom: 30px;}
.content .gallery .thumb {border: 1px solid #CCC; background: #FFF; width: 55px; float: left; margin-right: 1px; margin-bottom: 2px;}
.content .gallery .mainpic {background: #FFF; border: 1px solid #CCC; padding: 2px;}
.content .gallery p#imgDescription {text-align: center; padding-top: 10px; background: url(images/imgDescription-bkg.gif) no-repeat; line-height: 20px;}
.content .gallery a.pdf:link, .content .gallery a.pdf:visited {background: url(images/pdfSml.gif) no-repeat left; padding: 10px 10px 10px 30px; position: relative; top: 15px; color: #211257;}
.content .gallery a.pdf:hover {text-decoration: none;}

.content .featureBox { background: url(images/leftCol-bkg.jpg) repeat-x bottom; float: left; margin-right: 15px; width: 300px; margin-bottom: 15px; padding: 15px; height: 160px; color: #FFF; }
.content .featureBox p.hdg {font: 600 140% Arial, Helvetica, sans-serif; color: #F7B401; margin-bottom: 0;}
.content .featureBox a:link, .content .featureBox a:visited {background: url(images/arrow-light-blue.gif) no-repeat left; padding-left: 15px; color: #FFF; width: 285px; display: block; }

.content .news { border: 1px solid #211257; padding: 10px 10px 0 10px; margin-bottom: 15px; }
.content p.newsPosted {background: #211257; padding: 2px 5px; text-align: right; color: #FFF;}
.content .news .imgRight {float: right; padding: 5px 5px 3px 5px; border: 1px solid #CCC; margin-left: 30px; margin-bottom: 15px; font: 10px Verdana, Arial, Helvetica, sans-serif #666; width: 300px; }
.content .news .imgRight p {margin-bottom: 0;}
.content .news .imgRight img {margin-bottom: 10px;}
.content .news .imgRight img.noBotMarg {margin-bottom: 0px;}
.content .news a:link, .content .news a:visited {color: #211257;}
.content .news a:hover {text-decoration: none;}

.content a.viewTerms:hover .terms {display: block;}
.content .terms {display: none; font: 10px Verdana, Arial, Helvetica, sans-serif; line-height: 12px; color: #666; width: 325px; height: 260px; position: absolute; top: 550px; background: #F4F4F4; padding: 10px; z-index: 1}

form {background: #EAF7FF; padding: 15px 15px 2px 15px;}
form p {margin-bottom: 5px;}
form label, form p.notLabel {width: 200px; float: left;}
form label.inline {width: auto; margin-right: 30px; float: none;}
form input, form textarea, form select {border: 1px solid #C7DEFF; padding: 2px 1px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666; width: 300px;}
form input.submit {background: url(images/submit-bkg.jpg) repeat-x top; padding: 5px 10px; width: 70px; margin-left: 200px; color: #FFF; font-weight: bold;}
form input.reset {border: 1px solid #CCC; text-decoration: underline; background: #E4E4E4; width: 70px; margin-left: 200px;}
form input.checkbox {border: none; width: auto; clear: none; position: relative; top: 2px; margin-right: 5px;}
p.smlRight {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #999; text-align: right;}

form.frontPgForm {background: none; padding: 0;}
form.frontPgForm input {width: auto; padding-left: 2px;}
form.frontPgForm input.submit {background: #CCC; clear: none; width: auto; margin: 0; padding: 1px 7px 0 7px;}
form.frontPgForm label {float: none; width: auto;}

#footer {clear: both; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; width: 735px; margin: auto auto; border-left: 229px solid #0277E6; padding-left: 30px;}
#footer p {margin-bottom: 0; line-height: 30px;}
#footer p img {position: relative; top: 10px;}