/* CSS Document */

body {margin: 0; padding: 0; background: #2F3C40 url(../images/bgpattern.jpg) repeat-x top left;}

TD, SPAN, LI, BODY, P { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

OPTION, SELECT, INPUT, TEXT, TEXTAREA, SUBMIT { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }



img {border: 0; }

.hide {display: none;}

.spacer {clear: both;}



a {color: #0C3A8D; text-decoration: none; }

a:hover	  {text-decoration: underline; }



/* layout */

.main {width: 760px; margin: 20px auto;  text-align: left;}

.contentArea {background-color: #FFF; width: 760px; margin-bottom: 20px; }

.titleArea {margin: 10px 20px;}

.textArea {margin: 10px 30px;}



/* Japan site */

.jpsite {text-align: right; margin: 0 3px 0 0; height: 18px;}

.jpsite a {color: #081644;}

.jpsite a:hover {color: #FFFFFF; text-decoration: none; }



/* header */

.header {width: 760px; height: 80px; }

.logo a {float: left; width: 177px; height: 80px; background: url(../images/kdf_logo.jpg) no-repeat top left; cusor:hand; cursor:pointer; }

.headerRight { float: left; width: 583px; height: 80px; background: url(../images/header_right.jpg) no-repeat top left; } 



/* top menu */

.mainPic {width: 760px; height: 280px; background: url(../images/mainpic.jpg) no-repeat top left;}

.topmenuArea {width: 760px; height: 40px;}

.topmenuArea2 { background: url(../images/contentnav_bg.gif) top left; width: 760px; height: 86px;}

.topmenu {margin: 10px 0 0 0; padding: 0; list-style: none; width: 700px; height: 15px; float: right;}

.topmenu li {float: left; list-style: none; margin: 0 0 0 32px; text-indent: -9999px;} 

.home a {background: url(../images/b_home.gif) no-repeat top left; width: 40px; height: 15px; display: block;}

.home a:hover,

.home a.current {background: url(../images/b_home.gif) no-repeat bottom left;}

.whatsnew a {background: url(../images/b_whatsnew.gif) no-repeat top left; width: 80px; height: 15px; display: block;}

.whatsnew a:hover,

.whatsnew a.current {background: url(../images/b_whatsnew.gif) no-repeat bottom left;}

.products a {background: url(../images/b_products.gif) no-repeat top left; width: 61px; height: 15px; display: block;}

.products a:hover,

.products a.current {background: url(../images/b_products.gif) no-repeat bottom left;}

.testimonial a {background: url(../images/b_testimonial.gif) no-repeat top left; width: 75px; height: 15px; display: block;}

.testimonial a:hover,

.testimonial a.current {background: url(../images/b_testimonial.gif) no-repeat bottom left;}

.support a {background: url(../images/b_support.gif) no-repeat top left; width: 55px; height: 15px; display: block;}

.support a:hover,

.support a.current {background: url(../images/b_support.gif) no-repeat bottom left;}

.faq a {background: url(../images/b_faq.gif) no-repeat top left; width: 31px; height: 15px; display: block;}

.faq a:hover,

.faq a.current {background: url(../images/b_faq.gif) no-repeat bottom left;}

.contactus a {background: url(../images/b_contactus.gif) no-repeat top left; width: 72px; height: 15px; display: block;}

.contactus a:hover,

.contactus a.current {background: url(../images/b_contactus.gif) no-repeat bottom left;}



/* products menu */

.productMenu {margin: 0; padding: 0; list-style: none; width: 760px; height: 92px;}

.productMenu li {float: left; list-style: none; text-indent: -9999px;}

.productMenu2 {margin: 20px 0 0 20px; padding: 0 0 10px 0; list-style: none; width: 740px; height: 92px;}

.productMenu2 li {float: left; list-style: none; text-indent: -9999px;}



.neosuper a {background: url(../images/ib_neosuper.jpg) no-repeat top left; width: 152px; height: 92px; display: block;}

.neosuper a:hover { background: url(../images/ib_neosuper.jpg) no-repeat bottom left; }

.robocascom a {background: url(../images/ib_robocascom.jpg) no-repeat top left; width: 152px; height: 92px; display: block;}

.robocascom a:hover { background: url(../images/ib_robocascom.jpg) no-repeat bottom left; }

.oo7 a {background: url(../images/ib_007ex.jpg) no-repeat top left; width: 152px; height: 92px; display: block;}

.oo7 a:hover { background: url(../images/ib_007ex.jpg) no-repeat bottom left; }

.accel a {background: url(../images/ib_accel.jpg) no-repeat top left; width: 152px; height: 92px; display: block;}

.accel a:hover { background: url(../images/ib_accel.jpg) no-repeat bottom left; }

.waxmaster a {background: url(../images/ib_waxmaster.jpg) no-repeat top left; width: 152px; height: 92px; display: block;}

.waxmaster a:hover { background: url(../images/ib_waxmaster.jpg) no-repeat bottom left; }

.moreProducts {background: url(../images/moreproducts.gif) no-repeat top left; width: 96px; height: 92px;}

.masters a {background: url(../images/ib_masters.jpg) no-repeat top left; width: 152px; height: 92px; display: block;}

.masters a:hover { background: url(../images/ib_masters.jpg) no-repeat bottom left; }



/* Recent News */

.newsBox {width: 236px; float: left; margin: 15px 10px 0 10px; background-color: #FFE9E9; border: 1px solid #FD9492;}

.recNews {background: url(../images/t_recentNews.gif) no-repeat top left; width: 236px; height: 31px;}

.newsBox p {margin: 10px 0 10px 10px;}

#newsBox_red {margin: 15px 10px 0 10px; background: url(../images/arrow3.jpg) no-repeat top left; text-indent:12px; text-decoration: underline;}



/* Box */

.contentRight {float: left;  margin: 15px 0 0 15px; width: 455px;}

.featureBox {border: 1px solid #C9C9C9; background: url(../images/t_featureProduct.gif) top left no-repeat; width: 455px; padding: 40px 10px 0 10px;}

.supportBox {border: 1px solid #C9C9C9; background: url(../images/t_support.gif) top left no-repeat; width: 455px; margin-top: 10px; padding: 40px 10px 0 10px;}

.downloadBox {border: 1px solid #C9C9C9; background: url(../images/t_download.gif) top left no-repeat; width: 270px; margin: 10px 0 0 20px; padding: 0 10px;}

.downloadBox02 {border: 1px solid #C9C9C9; background: url(../images/t_download.gif) top left no-repeat; width: 270px; margin: 30px 0 30px 0; padding: 0 10px;}



.contentBox {border: 1px solid #C9C9C9;}



.testBox {width: 330px; float: left; border: 1px solid #C9C9C9; margin: 10px 10px 0 0; paddding: 10px;}

.testBox p {margin: 10px;}



/* buttons */

.readmorenews {float: right; padding: 5px;}

.readmorenews a {background: url(../images/b_redbutton.gif) no-repeat top left; width: 115px; height: 19px; display: block; color: #FFF; text-indent: 7px; padding-top: 2px;}

.readmorenews a:hover {color: #FFFF3E; text-decoration: none;}



.learnmore {float: right; padding: 5px;}

.learnmore a {background: url(../images/b_bluebutton2.gif) no-repeat top left; width: 84px; height: 19px; display: block; color: #FFF; text-indent: 7px; padding-top: 2px; font-size: 9px;}

.learnmore a:hover {color: #FFFF3E; text-decoration: none}



.download {}

.download a {background: url(../images/b_bluebutton3.gif) no-repeat top left; width: 135px; height: 19px; display: block; color: #FFF; text-indent: 7px; padding-top: 2px;}

.download a:hover {color: #FFFF3E; text-decoration: none}



.next {float: right; padding: 5px; }

.next a {background: url(../images/b_bluebutton1.gif) no-repeat top left; width: 62px; height: 19px; display: block; color: #FFF; text-indent: 14px; padding-top: 2px;}

.next a:hover {color: #FFFF3E; text-decoration: none}



/* page title */

.pt_whatsnew {background: url(../images/pt_whatsnew.gif) no-repeat top left; width: 115px; height: 25px; margin: 20px 0 0 40px; padding: 0; text-indent: -9999px;}

.pt_products {background: url(../images/pt_products.gif) no-repeat top left; width: 85px; height: 25px; margin: 20px 0 0 40px; padding: 0; text-indent: -9999px;}

.pt_support {background: url(../images/pt_support.gif) no-repeat top left; width: 85px; height: 25px; margin: 20px 0 0 40px; padding: 0; text-indent: -9999px;}

.pt_testimonial {background: url(../images/pt_testimonial.gif) no-repeat top left; width: 109px; height: 25px; margin: 20px 0 0 40px; padding: 0; text-indent: -9999px;}

.pt_faq {background: url(../images/pt_faq.gif) no-repeat top left; width: 42px; height: 25px; margin: 20px 0 0 40px; padding: 0; text-indent: -9999px;}

.pt_aboutus {background: url(../images/pt_aboutus.gif) no-repeat top left; width: 87px; height: 25px; margin: 20px 0 0 40px; padding: 0; text-indent: -9999px;}

.pt_contactus {background: url(../images/pt_contactus.gif) no-repeat top left; width: 105px; height: 25px; margin: 20px 0 0 40px; padding: 0; text-indent: -9999px;}

.pt_privacypolicy {background: url(../images/pt_privacypolicy.gif) no-repeat top left; width: 127px; height: 25px; margin: 20px 0 0 40px; padding: 0; text-indent: -9999px;}

.pt_disclaimer {background: url(../images/pt_disclaimer.gif) no-repeat top left; width: 106px; height: 25px; margin: 20px 0 0 40px; padding: 0; text-indent: -9999px;}

.pt_sitemap {background: url(../images/pt_sitemap.gif) no-repeat top left; width: 85px; height: 25px; margin: 20px 0 0 40px; padding: 0; text-indent: -9999px;}



/* paeg navigatoin */

.pgnav {background: url(../images/pgnav_bg.gif) no-repeat top left; width: 720px; height: 23px; color: #FFF; padding: 4px 0 0 10px;}

.pgnav a {color: #FFF;}

.pgnav a:hover,

.pgnav a.current {color: #FFFF3E; text-decoration: none;}





/* product Logo */

.pl_neosuper {background: url(../images/pl_neosuper.jpg) no-repeat top left; width: 519px; height: 79px; margin: 0; padding: 0; text-indent: -9999px;}

.pl_robocascom {background: url(../images/pl_robocascom.jpg) no-repeat top left; width: 375px; height: 74px; margin: 0; padding: 0; text-indent: -9999px;}

.pl_007ex {background: url(../images/pl_007ex.jpg) no-repeat top left; width: 340px; height: 76px; margin: 0; padding: 0; text-indent: -9999px;}

.pl_accel {background: url(../images/pl_accel.jpg) no-repeat top left; width: 292px; height: 110px; margin: 0; padding: 0; text-indent: -9999px;}

.pl_wax {background: url(../images/pl_waxmaster.jpg) no-repeat top left; width: 400px; height: 66px; margin: 0; padding: 0; text-indent: -9999px;}

.pl_masters {background: url(../images/pl_masters.jpg) no-repeat top left; width: 406px; height: 83px; margin: 0; padding: 0; text-indent: -9999px;}



/* text decpration */

.subTitle {font-size: 14px; font-weight: bold; color: #FC2825; margin: 0; padding: 10px 0 0 0;}

.strg {font-size: 13px; font-weight: bold; color: #4D4D4D;}

.colored {color: #0066CC; font-size: 16px;}

.small {font-size: 9px;}

.smallLink {font-size: 9px; color: #0C3A8D; }

.contTitle {font-size: 12px; font-weight: bold;}

.newsHead {border-bottom: 1px solid #4D4D4D; font-size: 13px; font-weight: bold; padding-bottom: 5px; color: #4D4D4D;}





.faqList dt {font-weight: bold; padding: 5px 0 5px 15px; text-indent: -15px;}

.faqList dd {text-indent: -13px;}

.star {color: #FF0000;}



/* sitemap */

.mapBox {width: 300px; margin-right: 30px; float: left;}

.mapHead {border-bottom: 1px solid #DCDCDC; font-size: 12px; font-weight: bold; margin: 10px 0; padding: 0 0 5px 5px;}

.mapHead2 {border-bottom: 1px solid #DCDCDC; width: 625px; /width: 630px; font-size: 12px; font-weight: bold; margin: 10px 0 10px 0; padding: 0 0 5px 5px;}

.mapLink {font-weight: bold; margin-left: 10px;}

.mapBox ul {margin: 0 0 0 30px; padding: 0 0 0 10px; list-style-image: url(../images/arrow2.gif);}

.mapBox li {margin: 0 0 10px 0;}

.mapLinkBox p {margin: 0;}



/* footer */

.footerArea { background-color: #FFF; padding: 15px 20px 10px 20px;}

.footer { width: 450px; text-align: left; color: #808080; font-size: 10px; line-height: 12px; float: left;}

.footer a {color: #808080;}

.footer p {color: #808080; font-size: 10px; line-height: 12px;}

.contactInfo {width: 230px; text-align: left; color: #808080; font-size: 10px; line-height: 12px; float: right; border-left: 1px solid #DCDCDC; padding-left: 20px;}



/* table */

table.mastersList {

	width: 100%;

    border-top: 1px solid #CCC;

    border-left: 1px solid #CCC;

	padding:0px;

}



.mastersList td{

    width: 33%;

    border-right: 1px solid #CCC;

    border-bottom: 1px solid #CCC;

	padding:5px;

	background:#FFF;

	text-align:center;

}