body.base {background:#E8E7E7; scrolling:no; margin:0} 
body.infodocs {font-family:arial; font-size:12; background: #FFFF9C}

table.mainfr {width:100%; height: 100%; background: #333333; margin:0px; border:0px}
table.pricelist {font-family:arial; font-size:12}

div.main {position : absolute; top : 20; left: 20; width:900px; height:560px; text-align:left; font-family: "arial"; border-bottom: 0px; border-right: 0px; border-top: 0px; border-left: 0px}

div.aboutbg {background:url(ABOUTBG.jpg)}
div.enterbg {background:url(ENTERBG.jpg)}
div.bikesbg {background:url(BIKESBG.jpg)}
div.bg0 {background: #DEE0DF}
div.bg1 {background:url(PAYLOGOSBG.jpg)}
div.bg2 {background:url(RAYVENLOGOBTLG.jpg)} 
div.bg3 {background:url(RAYVENVCANLOGO.jpg)} 
div.bg4 {background:url(RAYVENLOGOBTLGLL1.jpg)}
div.bg5 {background:url(RAYVENLOGOBTLGBC1.jpg)}
div.bg6 {background:url(RAYVENLOGOBTLGBBAC1.jpg)}
div.bg7 {background:url(RAYVENLOGOBTLGLL2.jpg)}
div.bg8 {background:url(RAYVENVCANLOGO1.jpg)}
div.bg9 {background:url(RAYVENLOGOBTLGLR1.jpg)} 
div.bg10 {background:url(RMLOGOMAINBG.jpg)} 
div.bg11 {background:url(SMLOGOMAINBG.jpg)} 
div.bgspares {background:url(SPARESBG.jpg)}
div.bgcbr600f {background:url(CBR600FBG.jpg)}
div.bgcbr600rr {background:url(CBR600RRBG.jpg)}
div.bgcbf1000f {background:url(CBF1000F.jpg)}



div.bgatv1{background:url(ATVBG.jpg)}
div.bgmaxxer5090 {background:url(MAXXER5090BG.jpg)}
div.bgkxr250 {background:url(KXR250BG.jpg)}
div.bgmxu150 {background:url(MXU150BG.jpg)}
div.bgmxu250 {background:url(MXU250BG.jpg)}
div.bgmxu300 {background:url(MXU300BG.jpg)}
div.bgmxu500 {background:url(MXU500BG.jpg)}
div.bgmaxxer300 {background:url(MAXXER300BG.jpg)}
div.bgatvrange {background:url(bgatvrange.jpg)}
div.kymcolink {background: url(kymco.jpg)}

div.kymcolinkdesc {position: absolute; top: 450; left: 450; width: 310; height: 150; font-family:arial; font-size: 12; z-index:10; visibility: hidden} 
div.mokymcolinkdesc {position: absolute; top: 450; left: 450; width: 310; height: 150; font-family:arial; font-size: 12; z-index:10; visibility: visible} 

div.show {visibility: visible;}
div.hide {visibility: hidden}

div.showatvimgcontainer {position: absolute; top: 130; left: 525; width: 310; height: 280; visibility: visible; z-index: 10}
div.hideatvimgcontainer {position: absolute; top: 130; left: 525; width: 310; height: 280; ; visibility: hidden; z-index: 10}

div.showbikeimgcontainer {position: absolute; top: 130; left: 525; width: 310; height: 280; visibility: visible; z-index: 10}
div.hidebikeimgcontainer {position: absolute; top: 130; left: 525; width: 310; height: 280; ; visibility: hidden; z-index: 10}

div.showscooterimgcontainer {position: absolute; top: 130; left: 525; width: 310; height: 280; visibility: visible; z-index: 10}
div.hidescooterimgcontainer {position: absolute; top: 130; left: 525; width: 310; height: 280; ; visibility: hidden; z-index: 10}


img.flleft {float: left}
img.flright {float: right}
img.linkimg {border: 0px}

div.banner {color:#FF0000; z-index: 2; width:100%; height:50px; background:url(BANNER1.jpg); position:relative; left:0; top:0}
span.banner {position:relative; left:15px; top:6px; font-family: "times new roman"; font-size:30}



div.infopara {color:#000000; font-family:"arial"; font-size:13}





span.links {color: #FFFFFF;  background:transparent; font-family:arial; font-size:11; font-weight:bold}
span.fmt1 {font-weight: bold; font-size:11}
span.fmt2 {color:#000000}
span.fmt3 { font-family: "times new roman"}
span.fmt4 {color:#FF0000}
span.fmt5 {color:#FFFFFF}
span.fmt6 {color:GREEN}
span.fmt7 {font-weight:bold; font-size:12; font-family:arial}
span.fmt8  {font-weight: bold; font-size:11}
span.fmtpd{font-size:11; font-family:arial}




table.climglink {background: #999999; border: 3px double #090736}

td.climgtdlink {border: 0px solid #000000; width: 25px; height: 25px}

td.cltxttdlink {border: 0px; width: 60px; height: 25px; text-align:center; background: #090736}

table.cllinkp1 {position:relative; left:288px; top: 45px}
table.cllinkp2 {position:relative; left:521px; top: 14px}
table.cllinkp3 {position:relative; left:288px; top: 46px}
table.cllinkp4 {position:relative; left:521px; top: 15px}
table.cllinkp5 {position:relative; left:405px; top: 40px}

img.rayven1 {position:relative; top:-120px; border: 4px double #090736} 


table.prdinfohdr {border: 1px #000000 solid; text-align: center; font-family: "arial"; font-size: 11; font-weight: bold; color: #000000}
td.prdimghdr {height: 20px; width: 50px; border: 1px #000000 solid; background: #FFFFFF}
td.prddeschdr  {height: 20px; width: 470px; border: 1px #000000 solid; background: #FFFFFF}
td.prdsizehdr  {height: 20px; width: 200px; border: 1px #000000 solid; background: #FFFFFF}
td.prdpricehdr  {height: 20px; width: 70px; border: 1px #000000 solid; background: #FFFFFF}


div.products {height:300px; width:850px; position:relative; top: 3px}



table.prdinfo {border: 1px #000000 solid; text-align: center; font-family: "arial"; font-size: 11; font-weight: bold; color: #000000}

td.prdimg {height: 50px; width: 50px; border: 1px #000000 solid}
td.prddesc  {height: 50px; width: 470px; border: 1px #000000 solid}
td.prdsize  {height: 50px; width: 200px; border: 1px #000000 solid}
td.prdprice  {height: 50px; width: 70px; border: 1px #000000 solid}

td.skuimg {height: 120px; width: 120px; border: 1px #000000 solid}
td.prodref  {height: 20px; width: 120px; border: 1px #000000 solid; text-align:center; background: #FFFFFF; color: #000000; font-family:"arial"; font-size:11; font-weight: bold}
td.prodrefsizes  {height: 20px; border: 1px #000000 solid; text-align:center; background: #FFFFFF; color: #000000; font-family:"arial"; font-size:11; font-weight: bold}


img.logo1 {position:relative; left:390px; top: 0px}

div.roprodspec {text-align:left; width: 430px; color:#000000; font-family:"arial"; font-size:13; position: absolute; top: 110px; left: 30px; z-index: 10}
div.atvspec {text-align:left; width: 470px; color:#000000; font-family:"arial"; font-size:13; position: absolute; top: 110px; left: 30px; z-index: 10}


table.roskumain {color: #000000; font-size: 13; position:absolute; top: 130px; left: 510px; border: 0px solid #000000}
td.rocolexamp {height:28px; width: 28px; border: 0px solid #000000}
td.rocoldesc {height:29px; width: 120px; border: 0px solid #000000}

td.rocolexamp1 {height:28px; width: 28px; background: url(BUTTON7.jpg)}
td.morocolexamp1 {height:28px; width: 28px; background: url(BUTTON6.jpg)}

div.thermodiv {height: 284px; width: 375px; background:url(THERMODIVBG.jpg); visibility: hidden; position: absolute; top: 260px; left: 30px; z-index: 10; color:#000000; font-family:"arial"; font-size:13; border: 1px solid #000000}
div.thermodivshow {height: 284px; width: 375px; background:url(THERMODIVBG.jpg); visibility: visible; position: absolute; top: 260px; left: 30px; z-index: 10; color:#000000; font-family:"arial"; font-size:13; border: 1px solid #000000}

td.roskuimg {border: 1px solid #676767; height: 182px; width: 180px}
td.roskuimg1 {border: 1px solid #676767; height: 206px; width: 180px}
td.roskuimgjkt {border: 1px solid #000000; height: 206px; width: 180px}
td.roprodref  {height: 22px; width: 180px; border: 0px #676767 solid; text-align:center; color: #404040; font-family:"arial"; font-size:11; font-weight: bold}
td.roprodprice  {height: 22px; width: 180px; border: 0px #676767 solid; text-align:center; color: #404040; font-family:"arial"; font-size:11; font-weight: bold}


div.skulinklist {position: absolute; top: 95px; left: 30px; z-index: 10}
div.skulinksdiv {height: 353; width: 488; position: absolute; top: 155; left: 30; overflow: auto; border: 0px solid #000000}
div.skulinksbtm {width : 472; font-family:arial; font-size:11; color: #676767; border-top: solid  #999999 1px}

table.roskumainlinks {color: #000000; font-size: 13; position:absolute; top:199; left: 662px}




td.skulinkhdr1 {background: #999999; text-align: center; height: 20px; width:100px; font-weight:bold; font-size:11; color: #FFFFFF}
td.skulinkhdr2 {background: #999999; text-align: center; height: 20px;  width:300px;font-weight:bold; font-size:11; color: #FFFFFF}
td.skulinkhdr3 {background: #999999; text-align: center; height: 20px;  width:60px;font-weight:bold; font-size:11; color: #FFFFFF}

td.skulink {text-align: left; width:100px; height:20px; color: #000000; font-weight:bold; font-size:11}
td.skudesc {font-size:13; color: #000000; width:300px}
td.skuprice {font-size:11; color: #000000; width : 60px; font-weight: bold; text-align:center}
td.skulgimg {font-size:13; color: #000000; width:100px}


td.moskulink {text-align: left; width:100px; height: 20px; background: #CCCCCC; color:#FFFFFF; font-weight:bold; font-size:11}
td.moskudesc {font-size:13; color: #FFFFFF; width:300px; background: #CCCCCC}
td.moskuprice {font-size:11; color: #FFFFFF; background: #CCCCCC; font-weight: bold; text-align:center}

td.lgimglink  {height: 22px; width: 180px; border: 0px #676767 solid; text-align:center; color:  #404040; font-family:"arial"; font-size:11; font-weight: bold}
td.molgimglink  {height: 22px; width: 180px; border: 0px  #676767 solid; text-align:center; color: #FF0000; font-family:"arial"; font-size:11; font-weight: bold}


div.prdlinkboxindex {position:absolute; top: 560px; left: 60px; font-family:arial}

div.brandlogoskulink1 {position: absolute; top: 100; left: 686; height: 100; width: 136; background: url(RVNLOGO.jpg)}
div.brandlogoskulink2 {position: absolute; top: 100; left: 686; height: 100; width: 136; background: url(RMLOGO.jpg)}
div.brandlogoskulink3 {position: absolute; top: 100; left: 686; height: 100; width: 136; background: url(SMLOGO.jpg)}




div.backtoholder{position: absolute; top: 465px; left: 676px; height: 20px; width: 181px; cursor: pointer}
div.backtoarrow {background: url(GARROWPL.jpg); height: 20px; width: 30px; position:absolute; top: 0px; left: 0px}
div.mobacktoarrow {background: url(RARROWPL.jpg); height: 20px; width: 30px; position:absolute; top: 0px; left: 0px}
div.backtoskumenu {position:absolute; top: 0px; left: 30px; padding-top: 2px; padding-bottom: 2px; width: 151px; color:  #404040; font-family:"arial"; font-size:11; font-weight: bold; text-align: left; border: solid  #DEE0DF 0px; background:#DEE0DF}
div.mobacktoskumenu {position:absolute;top: 0px; left: 30px; padding-top: 2px; padding-bottom: 2px; width: 151px; color: #404040; font-family:"arial"; font-size:11; font-weight: bold; text-align: left; border: solid  #FF0000 0px; background:#DEE0DF}

div.gotoarrow {background: url(GARROWPR.jpg); height: 20px; width: 30px; border: 0px solid #000000}
div.mogotoarrow {background: url(RARROWPR.jpg); height: 20px; width: 30px; border: 0px solid #000000}


div.btlink {color: #FFFFFF; font-family:"arial"; font-size:11; font-weight: bold; cursor: pointer}
div.mobtlink {color: #FF0000; font-family:"arial"; font-size:11; font-weight: bold; cursor: pointer}



div.lowermenubar1 {position : absolute; top : 600; left: 20;color: #404040; width: 900; height: 20; background: #CCCCCC; font-family: "arial"; font-size: 12; padding-bottom: 3}
div.lowermenubar2 {position : absolute; top : 580; left: 20;color: #404040; width: 900; height: 20; background: #CCCCCC; font-family: "arial"; font-size: 12; padding-top: 5}
td.lowermenubarcell {color: #A1A1A1; padding-left: 10; padding-right: 10; cursor: pointer; font-family: "arial"; font-size: 12}
td.molowermenubarcell {color: #FF0000; padding-left: 10; padding-right: 10; cursor: pointer; font-family: "arial"; font-size: 12}


span.jlink1 {color: #676767; cursor: pointer}
span.mojlink1{color: #FF0000; cursor: pointer}

a:link.linkstyle1 {color:#FF0000; text-decoration:none; font-weight:normal; font-size:11; font-family: "arial"}
a:visited.linkstyle1 {color:#FF0000; text-decoration:none; font-weight:normal; font-size:11; font-family: "arial"}
a:hover.linkstyle1 {text-decoration:none; font-weight:normal; font-size:11; color: #FFFFFF; font-family: "arial"}
a:active.linkstyle1 {color:#FF0000; text-decoration:none; font-weight:normal; font-size:11; font-family: "arial"}

a:link.linkstyle2 {color:#404040; text-decoration:none; font-size:12; font-weight: normal; font-family: "arial"}
a:visited.linkstyle2 {color:#404040; text-decoration:none; font-size:12; font-weight: normal; font-family: "arial"}
a:hover.linkstyle2 {text-decoration:none; font-size:12; color: #FF0000; font-weight: normal; font-family: "arial"}
a:active.linkstyle2 {color:#404040; text-decoration:none; font-size:12; font-weight: normal; font-family: "arial"}