@font-face {
    font-family: 'DINMedium';
    src: url('din-medium-webfont.eot');
    src: url('din-medium-webfont.eot?iefix') format('eot'),
         url('din-medium-webfont.woff') format('woff'),
         url('din-medium-webfont.ttf') format('truetype'),
         url('din-medium-webfont.svg#webfontYFDrP1Ac') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINBold';
    src: url('din-bold-webfont.eot');
    src: url('din-bold-webfont.eot?iefix') format('eot'),
         url('din-bold-webfont.woff') format('woff'),
         url('din-bold-webfont.ttf') format('truetype'),
         url('din-bold-webfont.svg#webfontbxlaUzf1') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINRegular';
    src: url('din-regular-webfont.eot');
    src: url('din-regular-webfont.eot?iefix') format('eot'),
         url('din-regular-webfont.woff') format('woff'),
         url('din-regular-webfont.ttf') format('truetype'),
         url('din-regular-webfont.svg#webfontUEdM5hcb') format('svg');
    font-weight: normal;
    font-style: normal;

}



html{height:100%;}

body{margin:0 0 0 0; font-family: 'DINRegular', sans-serif; font-size:11px; background-image:url(../images/bg.jpg); color:#FFF; height:100%; text-align:center;}

.wrapper{width:830px; position:relative; margin:0 auto; text-align:left;}

.leftPanel{width:800px; float:left; height: 100%;}
.logo{float:right;}

.top{width:}

.flash{width:800px; height:300px; float:left; margin:0px;}

/*=======================content==============*/
#pageContent{width:790px; height:100%; padding:0; margin:0}

.content{width:100%; padding-top:10px; height:100%;}

.navi{float:left; width:630px; height:30px; margin-top:100px;}
.navi ul{width:630px; height:30px; display:inline; list-style-type:none;}

.rightBar{float:right; height:540px; width:30px; background-image:url(../images/rightbar.png)}
/*footer*/
#footer{width:800px; height:246px; position:fixed; bottom:-215px; background-image:url(../images/footer1.png);
margin:0 auto;}

.footerWrap{width:830px; position:relative; margin:0 auto; text-align:left;; z-index:99}
.copy{padding:15px 0 0 5px; color:#666; font-size:9px;}
.copy a{color:#8C8C8C; font-weight:bold; text-decoration:none;}
.copy a:hover{color:#F8971D;}
.contentLeft{width:500px; float:left;}
.contentRight{width:200px; float:right; height:433px;}

.contentTxt{width:620px; text-align:justify;}

.imageWrap{padding:0px; margin:0px;}

/*===============homepage =====================*/
.fade{ padding:0; float:left; width:156px; height:108px; margin:0;}
.fadePro{ padding:0; float:left; width:478px; height:200px; margin:0;}
.space{padding-left:5px;}


/*misc*/
.clear{ clear:both;}
.title{color:#F8971D; font-size:16px; font-weight:bold; padding-top:5px;}
.subtitle{color:#F8971D; font-size:14px; font-weight:bold;}
.subtitleGrey{color:#999; font-size:14px; font-weight:bold;}
.subsubtitle{color:#F8971D; font-size:12px; font-weight:bold;}
a{color:#F8971D;}
a:hover{color:#FFF}
#loading{visibility:hidden;}
.space{margin:2px 5px 0 0; font-size:10px;}

/*product*/
.oriental, .yamaha, .parker, .mitsubishi, .vmeca, .brady, .thk, .tsubaki, .sankyo, .contrinex, .rs, .apex, .iguchi, .smc, .panasonic
{width:800px; margin-bottom:10px; padding:0;}
.orientalProduct, .yamahaProduct, .parkerProduct, .mitsubishiProduct, .vmecaProduct, .bradyProduct, .thkProduct, 
.tsubakiProduct, .sankyoProduct, .contrinexProduct, .rsProduct, .apexProduct, .iguchiProduct, .smcProduct , .panasonicProduct
{width:770px; height:305px;  display:none; padding:0; margin:0}
.mainText{font-size:12px}