@charset "utf-8";
body { font: 100% Verdana, Arial, Helvetica, sans-serif; background:#CCC; margin: 0; padding: 0; text-align: center; color: #000000; font-size:12px; color:#FFF; }
p { padding:0; margin:0; line-height:16px; }
img { padding:0; margin:0; border: none; }
#container { width: 1000px; background: #4b5e6a; margin: 0 auto; text-align: left; }
#header { background: #DDDDDD; padding: 0; height:141px; }
#topMenu { height:59px; background-color:#253344;}
#topMenu ul { list-style: none; display:inline; padding:0; margin:0;}
#topMenu ul li{ list-style: none; display:inline; padding:0; margin:0px;}

#mainContent { padding: 0; background: #4b5e6a; height:750px; }
#mainContentContainer { margin:20px; position: relative;}
#mainContentContainer .mdlLeft { float:left; width:360px; background-color: #394a54; }
#mainContentContainer .mdlRight { float:left; width:600px; }
#footer { padding: 15px 20px;  background:#4b5e6a; color:#aaabad; font-size:10px; }

#comicContainer { display: none; }
#comic1 { width:960px; height:450px; overflow:auto; }
#comic2 { width:960px; height:451px; overflow:auto; }
#comic3 { width:960px; height:452px; overflow:auto; }
#comic4 { width:960px; height:452px; overflow:auto; }

#comicX { width:960px; height:679px; overflow:auto; }
#comicX12 { width:960px; height:679px; overflow:auto; }
#comicX34 { width:960px; height:679px; overflow:auto; }
#comicX56 { width:960px; height:679px; overflow:auto; }

#comicX78 { width:960px; height:679px; overflow:auto; }
#comicX910 { width:960px; height:679px; overflow:auto; }
#comicX1516 { width:960px; height:679px; overflow:auto; }




#pm_left { position:relative; left:0px; top:0px; width:360px; height:400px; background-color:#394a54; }
#pm_logo { position:absolute; left:0px; top:0px; width:298px; height:200px; }
#pm_scale { position:absolute; left:0px; top:354px; width:61px; height:32px; }
#pm_s2000 { position:absolute; left:61px; top:354px; width:82px; height:32px; }
#pm_s1000 { position:absolute; left:143px; top:354px; width:84px; height:32px; }
#pm_s500 { position:absolute; left:227px; top:354px; width:71px; height:32px; }
#pm_caption { line-height:18px; font-size:12px; margin-bottom:13px; padding-top: 10px ;padding-left: 360px; text-align:left; color: #b3b3b3;} 


#anev_left { position:relative; left:0px; top:0px; width:320px; height:384px; background-color:#394a54; }
#anev_logo { position:absolute; left:0px; top:0px; width:320px; height:193px; }
#anev_btn { position:absolute; left:23px; top:329px; width:121px; height:32px; }

#i3dm { width:960px; height:558px; background:url(../images/en/content/interactive_3d_model/main.jpg); display:block;}
#routeContainer { display: none; }
#route1 { width:960px; height:385px; }
#route2 { width:960px; height:385px; }
#route3 { width:960px; height:385px; }
#route4 { width:960px; height:385px; }

#ppSlideContainer { position:relative; left:0px; top:0px; width:930px; height:183px; }
#ppSlide1 { position:absolute; left:0px; top:0px; width:186px; height:186px; }
#ppSlide2 { position:absolute; left:186px; top:0px; width:186px; height:186px; }
#ppSlide3 { position:absolute; left:372px; top:0px; width:186px; height:186px; }
#ppSlide4 { position:absolute; left:558px; top:0px; width:186px; height:186px; }
#ppSlide5 { position:absolute; left:744px; top:0px; width:186px; height:186px; }


#ppContainer { display: none; }
#pp1 { width:960px; height:679px; overflow:auto; }  /*480*/
#pp2 { width:960px; height:679px; overflow:auto; }  /*480*/
#pp3 { width:960px; height:679px; overflow:auto; }  /*480*/
#pp4 { width:960px; height:679px; overflow:auto; }  /*480*/
#pp5 { width:960px; height:679px; overflow:auto; }  /*480*/

.fullHide{ display: none; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.scrollable { position:relative; overflow:hidden; width: 960px; height:67px; }
.scrollable .items { width:20000em; position:absolute; clear:both; }
.items div { float:left; width:850px; padding:0 55px; }
.scrollable img { float:left; margin:0 3px; cursor:pointer;}

.scrollable a { display:block; width:100px; height:67px; float:left; margin:0 3px; cursor:pointer;}
.scrollable .items a:hover { background-position: 0 -67px;}
.scrollable .active { background-position: 0 -67px;}
a.tmItems{ display: block; float:left; background:url(../images/en/common/topmenu.jpg) no-repeat; }
a.tm_cd { width:100px; height:59px; background-position: 0 0;}
a.tm_pm { width:100px; height:59px; background-position: -100px 0;}
a.tm_aev{ width:120px; height:59px; background-position: -200px 0; }
a.tm_i3dm{ width:135px; height:59px; background-position: -320px 0;}
a.tm_pp{ width:95px; height:59px; background-position: -455px 0; }
a.tm_qa{ width:75px; height:59px; background-position: -550px 0; }
.tm_logo{ display: block; float:left; width:375px; height:59px; background:url(../images/en/common/logo_rocco_s.jpg) no-repeat; }
a.tm_cd:hover, a.tm_cd_slt { width:100px; height:59px; background-position: 0 -59px;}
a.tm_pm:hover, a.tm_pm_slt { width:100px; height:59px; background-position: -100px -59px;}
a.tm_aev:hover, a.tm_aev_slt{ width:120px; height:59px; background-position: -200px -59px; }
a.tm_i3dm:hover, a.tm_i3dm_slt{ width:135px; height:59px; background-position: -320px -59px;}
a.tm_pp:hover, a.tm_pp_slt{ width:95px; height:59px; background-position: -455px -59px; }
a.tm_qa:hover, a.tm_qa_slt{ width:75px; height:59px; background-position: -550px -59px; }

a.pmScales { display:block; background:url(../images/en/content/physical_model/btn_scales.jpg) no-repeat; }
a.btn_s2000 { width:82px; height:32px; background-position: 0 0;}
a.btn_s1000 { width:84px; height:32px; background-position: -82px 0;}
a.btn_s500 { width:71px; height:32px; background-position: -166px 0;}
a.btn_s2000:hover, a.btn_s2000.slt { width:82px; height:32px; background-position: 0 -32px;}
a.btn_s1000:hover, a.btn_s1000.slt { width:84px; height:32px; background-position: -82px -32px;}
a.btn_s500:hover, a.btn_s500.slt { width:71px; height:32px; background-position: -166px -32px;}

.navi { width:179px; margin:0 auto;}
.navi a { width:10px; height:10px; margin:3px; background-image: url(../images/en/common/btn_nav.jpg); background-position: 0 0; background-repeat: no-repeat;  display: block; float:left; font-size:1px; }
.navi a:hover { background-position:0 -10px; }
.navi a.active { background-position:0 -10px; }


a.browse { display:block; width:60px; height:58px; cursor:pointer; font-size:1px; }
a.right { position:absolute; right:10px; top:330px; background:url(../images/en/common/btn_arrow_right.png) no-repeat; }
.isIE a.right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/en/common/btn_arrow_right.png', sizingMethod='scale'); }
a.left { position:absolute; left:10px; top:330px; background:url(../images/en/common/btn_arrow_left.png) no-repeat; }
.isIE a.left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/en/common/btn_arrow_left.png', sizingMethod='scale'); }

a.pm_right { position:absolute; right:0px; top:20px;  background:url(../images/en/common/btn_arrow_right.png) no-repeat }
a.pm_left { position:absolute; left:0px; top:20px; background:url(../images/en/common/btn_arrow_left.png) no-repeat; }

.isIE a.pm_right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/en/common/btn_arrow_right.png', sizingMethod='scale'); }
.isIE a.pm_left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/en/common/btn_arrow_left.png', sizingMethod='scale'); }

a.disabled { visibility:hidden !important; }

a.btnDownloadPdf { background:url(../images/en/common/btn_download_pdf.jpg) no-repeat; display:block; position:absolute; left:0; top:699px; width:111px; height:28px; cursor:pointer; font-size:1px;}
a.btnDownloadPdf:hover { background-position: 0 -28px;}

a.btnDownloadVideo { background:url(../images/en/common/btn_download_video.jpg) no-repeat; display:block; width:121px; height:31px; cursor:pointer; font-size:1px;}
a.btnDownloadVideo:hover { background-position: 0 -31px;}

a.ppslide1 { display:block; width:186px; height:183px; background:url(../../ppthumb/ppSlide1.jpg) no-repeat;}
a.ppslide2 { display:block; width:186px; height:183px; background:url(../../ppthumb/ppSlide2.jpg) no-repeat;}
a.ppslide3 { display:block; width:186px; height:183px; background:url(../../ppthumb/ppSlide3.jpg) no-repeat;}
a.ppslide4 { display:block; width:186px; height:183px; background:url(../../ppthumb/ppSlide4.jpg) no-repeat;}
a.ppslide5 { display:block; width:186px; height:183px; background:url(../../ppthumb/ppSlide5.jpg) no-repeat;}
a.ppslide1.slt { background-position: 0 -186px;}
a.ppslide2.slt { background-position: 0 -186px;}
a.ppslide3.slt { background-position: 0 -186px;}
a.ppslide4.slt { background-position: 0 -186px;}
a.ppslide5.slt { background-position: 0 -186px;}