.right{float:right;display:inline;} .left{float:left;display:inline;} .both{clear:both;width:0;height:0;overflow:hidden;} .normalwieght{font-weight:normal;} .bold{font-weight:bold;} .bold a{font-weight:bold;} html,body{margin:0;padding:0;font-family:arial;direction:rtl;font-size:9pt;height:100%;} body{background:#242320;min-width: 890px;width:100%;} textarea{font-family:arial;font-size:9pt;overflow:auto;} form,p{margin:0;padding:0;} a img{border:0;-moz-outline-style: none;outline: none;} a{-moz-outline-style: none;outline: none;} ul li a span{cursor:pointer;} .displaynone{display:none;} input{font-family:arial;} h1,h2,h3{margin:0;} .black_overlay{position: fixed;top: 0%;left: 0%;bottom:0%;right:0%;background-color: black;z-index:1001;-moz-opacity: 0.7;opacity:.70;filter: alpha(opacity=70);} .white_content{position:absolute;top: 205px;right:0;width:903px;height:244px;padding-top:15px;z-index:1006;font-size:11pt !important;overflow:hidden;text-align:center;} * html .bgblackposition{width: expression(document.body.clientWidth+"px");height: expression(document.body.clientHeight+"px");} #bgtransparentposition{background:transparent !important;} #transparentNet{width:100%;position:absolute;background: url('../img/layout/wbg.jpg') repeat;z-index:1002;height:auto !important;height:100%;min-height:100%;bottom:0;} #wrapper{height:auto !important;height:100%;min-height:100%;} #wrapperTop{height:85px;width:100%;background:url('../img/layout/bg.jpg') repeat-x;position:absolute;top:0;left:0;z-index:1003;} #wrapper{} #wrapper,#site{margin:0 auto;position:relative;} #site{z-index:1003;} #content{z-index:1003;position:relative;height:472px;min-height:472px;height:auto !important;} .bgblackposition{position:absolute;top:0;left:0;right:0;bottom:0;background:black;z-index:1006; -moz-opacity: 0.7;opacity:.7;filter: alpha(opacity=70);width:100%;height:100%;} a:hover{color:#A21117;} .contentInner{margin:0 auto;} .contentwhite{background:#bbbbbb url('../img/layout/contentwhitebg.jpg') repeat-x;} .contenten{background:#ebebeb;} .contentwhiteproblem{background:#c7c7c7 url('../img/layout/problembg.jpg') repeat-x;} .contenttech{background:#050702 url('../img/layout/moretech.jpg') no-repeat center top;} .contentblackcolor{background:#050702;} .contentsolutionblackcolor{background:#050702 url('../img/layout/solutionbg.jpg') no-repeat center top;} .pageRight{width:604px;} .pageLeft{width:247px;} .pageSep{height:2px;width:100%;overflow:hidden;background:#606868;margin-bottom:4px;} .larger{font-size:15px;} .white{color:white;} .gray{color:#656665;} .lightgray{color:#606868;} .darkgray{color:#373634;} .darkgray a{color:#373634;} /**header**/ #header{padding-top:6px;background:url('../img/layout/header_bg.jpg') repeat-x;width:100%;position:relative;z-index:1103;height:79px;} #headerInner{width:890px;margin:0 auto;position:relative;z-index:1003;height:79px;} #callUs{position:absolute;top:2px;left:29px;height:50px;color:#a21117;line-height:20px;} #callUsText{} #callUsPhone{font-size:28px;} #footercallUs{height:50px;color:#868686;line-height:20px;} #footercallUsText{margin-bottom:7px;} #footercallUsPhone{font-size:35px;line-height:normal;margin-top:-10px;} #logo{margin:0 auto;width:234px;height:57px;} #breadcrumbs{height:22px;line-height:20px;width:100%;font-size:13px;padding-top:25px;padding-right:12px;} .breadCrumb{color:#b7b7b7;} .breadCrumb a {color:#656665;text-decoration:none;} .breadCrumb a:hover{color:#A21117;} .breadCrumbSep{width:7px;height:7px;background:url('../img/layout/breadcrumbsep.png') no-repeat;margin:7px 8px 0;} /**end header**/ /**toolbox**/ #headerToolContainer{position:relative;margin:0 auto;width:890px;z-index:1010;} #toolbox{position:absolute;top:14px;right:0;height:35px;width:297px;} #toolboxBg{height:35px;width:297px;position:absolute;top:0;right:0;background:url('../img/layout/toolboxbg.png') no-repeat;} #toolboxContact{} #toolboxContactTitle{} .toolboxTitle{cursor:pointer;margin-right:6px;margin-top:6px;position:relative;height:24px;line-height:24px;background:url('../img/layout/toolboxtitlebg.png') repeat-x;width:139px; text-indent:10px;} .toolboxTitle div{background:url('../img/layout/toolboxarrowleft.png') no-repeat 10px 8px;width:139px;} .toolboxTitleSel{ width:137px; height:32px;background:#888888;border:1px solid #545453;border-bottom:0;position:relative;z-index:1;} .toolboxTitleSel div{background:url('../img/layout/toolboxarrowbottom.png') no-repeat 8px 10px;} .toolboxTitle a{color:white;font-size:13px;text-decoration:none;} #toolboxContactInner{} .toolboxInner{position:absolute;top:38px;right:6px;background:#888888;width:259px;border-right:1px solid #545453;border-left:1px solid #545453;border-top:1px solid #545453;padding:7px 11px 0 12px;color:white;font-size:13px;font-weight:bold;} .toolboxInner .inputRow{width:259px !important;} .toolboxInner .inputRow input{width:245px;} .toolboxInner .inputRow .inputCheckbox input{width:auto;} .toolboxInner .inputRowTextarea textarea{width:245px;} .toolboxInner .inputCheckbox{margin-top:3px;} .toolboxInner .inputCheckboxText{color:white;font-size:13px;font-weight:normal;margin-top:3px;} .toolboxInnerText{} .toolboxInnerForm{margin-top:5px;} #toolboxCall{} #toolboxCallTitle{} #toolboxCallInner{} #toolboxCallInner .inputRowSubmit input{width:76px;background:url('../img/layout/dial.jpg') no-repeat;} /**end toolbox**/ /**footer**/ #footerplaceholder{height:33px;width:100%;} #footer{position:relative;/*bottom:0;left:0;*/width:100%;/*height:85px;*/z-index:1002;/*padding-bottom:22px;*/height:auto !important;/*height:115px;min-height:115px;*/margin-bottom:35px;} #footerInner{width:882px;margin:0 auto;} #footerLinks{height:20px;margin:10px auto 0;} #footerLinks table{height:20px;width:100%;} .footerlink{font-size:13px;height:20px;} .footerlink a{color:#777777;text-decoration:none;font-size:13px;font-weight:normal;} .footerlink a:hover{color:white;} .footerlinkSelected{} .footerlinkSelected a{color:white;font-weight:normal;background:url('../img/layout/footerlinebg.jpg') repeat-x left 17px;height:20px;padding-bottom:5px;} .footersep{width:2px;height:17px;overflow:hidden;background:#3e4547;margin:0 24px;} #bottomFooterSep{background:#3e4547;height:1px;width:100%;overflow:hidden;margin:22px 0;} #copyrights{position:absolute;bottom:0;left:0;width:100%;height:33px;z-index:1002;background:#242320;border-top:1px solid #39372f;} #footerCopyrightContainer{height:33px;margin:0 auto;width:890px;} #footerCopyright{color:#656665;direction:ltr;line-height:33px;padding:0 2px 0 1px;width:890px;margin:0 auto;} #footerCopyright a{color:#656665;text-decoration:none;} .hermetixcopy{margin:9px 5px 0 4px;} .dezioncopytext{font-size:11px;} .dezioncopytext a{font-size:11px;} .dezioncopytext a:hover{color:white !important;} .dezioncopy{margin:6px 5px 0 5px;} /** end footer**/ /**bottom Nav**/ #bottomContainer{position:relative;z-index:1002;/*height:89px;*/margin-bottom:40px;} #bottomNav{background:#242320 url('../img/layout/bottomimage.jpg') no-repeat center top;z-index:1002;position:relative;height:34px;} #bottomNavInner{width:884px;margin:0 auto;position:relative;z-index:1002;} #bottomNavProblem img{width:294px;height:34px;background-image:url('../img/layout/bottomnav.jpg');background-position:top right;} #bottomNavSolution{border-right:2px solid #212423;border-left:2px solid #212423;} #bottomNavSolution img{width:292px;height:34px;background-image:url('../img/layout/bottomnav.jpg');background-position:-296px 0;} #bottomNavCatalog img{width:294px;height:34px;background-image:url('../img/layout/bottomnav.jpg');background-position:top left;} #bottomNavInner .bottomnavon img{background-image:url('../img/layout/bottomnavon.jpg');} #bottomTransparent{height:226px;width:100%;position:absolute;z-index:1002;background:url('../img/layout/bottomimage.jpg') no-repeat center;} /*#bottomTransparentInner{height:226px;background:url('../img/layout/bottomtransparent.png') no-repeat;width:998px;margin:0 auto;}*/ #bottomNavMenu{/*height:auto !important;height:140px;min-height:140px*/;position:relative;z-index:1002;} #bottomNavText{position:relative;width:890px;margin:0 auto;background:transparent;} .bottomNavTextItem{padding-right:4px;} .bottomNavTextItemsmall{width:284px;} .bottomNavTextItemTitle{font-size:14px;color:#868686;} .bottomNavTextItemText{font-size:13px;color:#868686;line-height:18px;margin-top:10px;} .bottomNavTextItemText a{color:white;text-decoration:none;} .bottomNavTextItemSep{background:#575756;width:1px;height:82px;overflow:hidden;} #bottomNavLinks{height:45px;line-height:44px;background:url('../img/layout/bottomnavlinksbg.jpg') repeat-x;position:relative;} #bottomNavLinksInner{width:100%;margin:0 auto; padding-right: 140px;} .bottomNavLink{font-size:14px;} .bottomNavLink a{text-decoration:none;color:#777777;font-weight:normal;} .bottomNavLink a:hover{color:white;} .bottomNavLinkSolLast{background:url('../img/layout/footerlinebg.jpg') repeat-x left 33px;} .bottomNavLinkSolLast a{color:white !important;} .bottomNavLinkSel a{color:#a21117;font-weight:bold;} .bottomNavSep{background:url('../img/layout/bottomnavlinksep.jpg') no-repeat;height:40px;width:1px;overflow:hidden;margin:5px 15px 0;} /**end bottom Nav**/ /**inputs**/ .inputRow{margin-bottom:15px;color:#373634;font-size:13px;position:relative;width:247px;} .inputRow input{border:1px solid #606868;width:233px;height:18px;padding:3px 6px 3px;color:#b2b5b5;font-weight:bold;font-size:13px;} .inputRowTextarea{margin-bottom:22px;} .inputRowTextarea textarea{border:1px solid #606868;width:233px;height:95px;padding:3px 6px 0;color:#b2b5b5;font-weight:bold;font-size:13px;} .inputCheckbox{} .inputCheckbox input{width:auto;height:auto;padding:0;margin:0;cursor:pointer;border:none;} .inputCheckboxText{margin-right:6px;} .inputRowSubmit{text-align:left;cursor:pointer;} .inputRowSubmit input{width:72px !important;height:23px !important;background:url('../img/layout/faqformsubmit.jpg') no-repeat;padding:0 !important;border:medium none !important;cursor:pointer;} /**end inputs**/ /**index page**/ #indexPage{width:890px;position:relative;z-index:3333;} #indexPage #bottomNavInner{position:absolute;bottom:-34px;right:3px;z-index:3333;} #indexFlash{height:472px;width:100%;} #indexOverMenuContainer{position:absolute;bottom:0;right:0;width:100%;height:280px;} #indexOverMenu{width:884px;height:280px;margin:0 auto;position:relative;} #menuOverCatalog{width:294px;left:0;} #menuOverSolution{width:292px;left:296px;} #menuOverProblem{width:294px;right:0;} .menuOver{height:280px;position:absolute;bottom:34px;overflow:hidden;} .menuOverDiv{height:280px;} .menuOverBg{position:absolute;top:0;left:0;background:black;z-index:1001;-moz-opacity: 0.80;opacity:.80;filter: alpha(opacity=80);width:100%;height:100%;} .menuOverText{position:relative;z-index:1002;color:#b7b7b7;font-size:18px;padding:10px 15px 0;font-family:courier new;} .menuOverText a{color:#b7b7b7;} /**end index page**/ /**faq page**/ #faqPage{width:890px;padding:23px 1px 45px;position:relative;} #faqRight{} #faqTitle{width:202px;height:24px;background:url('../img/layout/faqtitle.png') no-repeat;} #faqQuestions{margin-top:31px;} .faqQuestion{margin-bottom:2px;} .faqArrow{width:9px;height:8px;background:url('../img/layout/faqarrow.png') no-repeat;overflow:hidden;margin:5px 0 0 16px;} .faqQuestion a,.faqAnswer a{color:#373634;font-size:14px;text-decoration:none;} #faqAnswers{margin-top:40px;} .faqAnswer{margin-bottom:32px;} .faqAnswerContent{font-size:13px;color:#606868;margin-top:3px;line-height:18px;} #faqLeft{} #faqAddQuestionTitle{width:123px;height:18px;background:url('../img/layout/faqaddtitle.png') no-repeat;margin-bottom:5px;} #faqAddQuestionForm{} /**end faq page**/ /**left btns**/ #leftBtns{height:77px;line-height:20px;} #leftBtns a{text-decoration:none;font-size:11px;color:#606868;} #addfavimage{margin:0 3px 0 2px;} #sendtofriendimage,#printimage{margin-right:20px;margin-left:6px;} /**end left btns**/ /**contact page**/ #contactPage{width:890px;padding:23px 1px 28px;position:relative;} #contactTitle{width:107px;height:25px;background:url('../img/layout/contacttitle.png') no-repeat;} #contactAddress{color:#373634;font-size:13px;} .contactAddressRow{line-height:20px;} .contactAddressRow1{width:105px;} .contactAddressRow2{width:120px;} .contactAddressRow3{} .contactAddressRow4{width:85px;text-align:left;margin-right:30px;} #contactMap{width:420px;height:295px;border:3px solid #606868;margin-top:19px;} #contactSent{width:237px;height:86px;background:#c2c2c2;color:#373634;padding:10px 10px 0 0;} #contactSentTitle{font-size:14px;} #contactSentSubTitle{font-size:13px;} #contactSentBtn{margin-top:22px;} #contactForm .inputRowTextarea{margin-bottom:13px;} #mincontactForm .inputRowTextarea{margin-bottom:13px;} .contactRequire{width:9px;height:8px;background:url('../img/layout/contactrequire.png') no-repeat;overflow:hidden;position:absolute;top:8px;right:-17px;} #contactError{color:#ec1c24;font-size:13px;margin-bottom:10px;} /**end contact page**/ /**problemArticle page**/ #problemArticlePage{width:890px;padding:23px 1px 30px;font-size:13px;} #problemArticleSubtext{line-height:18px;margin-top:9px;} .problemArticleTextImage{margin:30px 0 12px 0;} .problemArticleText{line-height:18px;} .problemArticleText p{margin-bottom:18px;} #problemTitle{width:41px;height:10px;overflow:hidden;background:url('../img/layout/problemtitle.png') no-repeat;} #problemList{margin:20px 0 60px;} #problemListRow{} .problemListArrow{margin:6px 0 0 6px;width:8px;height:8px;overflow:hidden;background:url('../img/layout/listarrow.png') no-repeat;} .problemListText{line-height:18px;} .problemListText a{text-decoration:none;} /**end problemArticle page**/ /**compare page**/ #comparePage{width:890px;padding:23px 1px 39px;font-size:13px;position:relative;} #compareSubTop{width:881px;height:32px;line-height:30px;background:url('../img/layout/comparetop.jpg') repeat-x;padding:1px 10px 0 0;} .compareSubTop{font-size:14px;} .compareSubTop a{color:white;text-decoration:none;} .compareSubTopSep{width:1px;height:23px;overflow:hidden;background:#050702;margin:5px 14px 0;} #compareTopImages{margin-top:8px;} .compareTopImage{width:438px;background:#2b2c29;height:366px;} #compareTopImageHermetix{width:420px;height:345px;background:url('../img/layout/comparehermetix.jpg') no-repeat;margin:10px auto 0;} #compareTopImageDoor{width:420px;height:345px;background:url('../img/layout/comparedoor.jpg') no-repeat;margin:10px auto 0;} .compareRow{margin-bottom:9px;} .compareRowTop{background:#871215;width:100%;position:relative;height:33px;line-height:30px;} .compareRowTopRight{position:absolute;top:2px;right:19px;font-size:15px;color:#050702;} .compareRowTopLeft{position:absolute;top:2px;left:24px;font-size:15px;color:#050702;} .compareRowTopCenter{margin:0 auto;width:100%;text-align:center;font-size:16px;color:white;} .compareRowTopCenter a:hover{color:white;} .compareRowContent{} .compareRowContentItem{background:#2b2c29;width:420px;padding:11px 18px 40px 0;border-bottom:1px solid #222321;} .compareRowContentRight{width:124px;} .compareRowContentImage{border:3px solid #848484;width:118px;height:154px;position:relative;} .compareRowContentImage img{width:118px;height:154px;overflow:hidden;} .compareRowContentImageZoom{width:27px;height:26px;background:url('../img/layout/comparezoom.jpg') no-repeat;position:absolute;top:0;right:0;} .compareRowContentInner{margin-right:17px;} .compareRowContentInnerTopImage{} .compareRowContentInnerText{font-size:13px;color:#c3c3c3;width:260px;line-height:18px;margin-top:4px;} .imageLineContainer{position:relative;width:100%;height:9px;margin-top:6px;} .imageLine{background:#ce1922;width:100%;height:2px;overflow:hidden;position:absolute;top:0;right:0;} .imageLineSel{width:14px;height:9px;background:url('../img/layout/linesel.jpg') no-repeat;overflow:hidden;position:absolute;top:0;right:13px;} .imageLineText{margin:3px 8px 0 0;color:#d2181f;font-size:12px;height:14px;} .imageLineText a{color:#d2181f;text-decoration:none;} #compareGoToTop{margin:-3px 4px 0 0;} #compareGoToTop a{color:#d2181f;font-size:15px;text-decoration:none;} #compareGoToArrow{margin:5px 5px 0 0;} #comparePopupContainer{position:fixed;width:100%;top:50%;left:0;z-index:1100;margin-top:-175px;} *html #comparePopupContainer{position:absolute;} #comparePopup{width:428px;height:349px;position:relative;margin:0 auto;left:0;} #comparePopupClose{position:absolute;top:-5px;right:-26px;z-index:1100;} #popUpImageHolder{position:absolute;top:57px;left:0;width:428px;height:241px;text-align:center;} /**end compare page**/ /**solution page**/ #solutionPage{width:890px;padding:43px 1px 64px;font-size:13px;} #solutionPageRight{margin-top:8px;} #solutionPageRightTop{margin-top:17px;} #solutionPageRightText{font-size:13px;color:#dbdbdb;width:360px;margin:5px 5px 0 0;text-align:justify;line-height:20px;} #solutionPageRightBtns{margin:12px 5px 0 0;} #solutionPageRightProblemPage{} #solutionPageRightSimulationPage{margin-top:8px;position:relative;width:173px;height:22px;} #solutionPageRightSimulationPage img{position:absolute;top:0;right:0;} #solutionPageLeft{position:relative;width:430px;height:365px;} #solutionPageLeft .imageLineContainer{position:absolute;top:333px;left:0;} #solutionPageLeft .imageLineText{position:absolute;top:345px;left:3px;line-height:17px;color:#707071;font-size:13px;} #solutionPageLeft .imageLineText a{text-decoration:none;color:#707071;} #solutionPageLeft .lineSelText{color:#A21117;} #solutionPageLeft .lineSelText a{color:#A21117;} .lineSep{width:1px;height:20px;overflow:hidden;background:url('../img/layout/linesep.jpg') no-repeat;margin:0 15px 0 13px;} #solutionPageLeftVideoBg{width:475px;height:349px;background:url('../img/layout/solutionvideobg.png') no-repeat;position:absolute;top:0;left:-25px;} .compareImageBgPopup{height:476px !important;background:url('../img/layout/solutionvideobgimage.png') no-repeat !important;} #solutionPageLeftVideo{width:428px;height:241px;top:57px;position:absolute;left:0;} #solutionPageLeftGallery{width:428px;height:241px;top:57px;position:absolute;left:0;} .solutionPageGalleryImage{position:absolute;top:0;left:0;} .solutionPageGalleryImage img{width:428px;height:241px;} .galleryImageNum{margin-left:10px;} .galleryImageNum a{color:#707071;text-decoration:none;font-size:12px;} .galleryImageNumSel a{color:#a21117 !important;} .solutionLine{background:#8c1215;width:13px;height:2px;overflow:hidden;position:absolute;top:0;left:0;} .solutionLine2{background:#8c1215;width:403px;height:2px;overflow:hidden;position:absolute;top:0;right:0;} .solutionLineSel{width:14px;height:9px;background:url('../img/layout/linesel.png') no-repeat;overflow:hidden;position:absolute;right:auto;left:13px;} .linesel2 .solutionLine{width:73px;} .linesel2 .solutionLine2{width:343px;} .linesel2 .solutionLineSel{left:73px;} /**end solution page**/ /**problem page**/ #problemPage{width:890px;position:relative;height:460px;padding-top:17px;} #problemDoor{background:url('../img/layout/problemdoor.jpg') no-repeat;width:164px;height:351px;position:absolute;top:81px;right:368px;z-index:1002;} #problemDoorLines{background:url('../img/layout/problemdoorlines.png') no-repeat;width:563px;height:410px;position:absolute;top:43px;right:162px;z-index:1001;} #problemFlashCounter{width:132px;height:84px;position:absolute;top:17px;right:681px;z-index:1002;} #problemRightBox{width:240px;background:white;padding:15px 10px 0;font-size:13px;line-height:18px;height:auto !important;height:164px;min-height:164px;} .problemBoxLinkArrow{background:url('../img/layout/arrow.png') no-repeat;width:7px;height:7px;overflow:hidden;margin:6px 0 0 4px;} .problemBoxLink a{text-decoration:none;color:black;} .problemBoxLink a:hover{color:#A21117;} #problemBoxTitle{margin-bottom:10px;} .problemBoxTitle{color:#a21117;font-size:20px;font-weight:bold;line-height:15px;height:29px;border-bottom:2px solid #a21117;} .problemPageLink{position:absolute;font-size:13px;z-index:1003;} .problemPageLink a{text-decoration:none;color:black;} .problemPageLink a:hover{color:#A21117;} #problemabsolutelink1{top:30px;right:368px;} #problemabsolutelink2{top:247px;right:71px;} #problemabsolutelink3{top:370px;right:557px;} #problemabsolutelink4{top:306px;right:722px;} #problemabsolutelink5{top:282px;right:700px;} #problemabsolutelink6{top:258px;right:660px;} #problemabsolutelink7{top:177px;right:717px;} /**end problem page**/ #problemPopupContainer{position:absolute;top:85px;left:0;z-index:1100;width:100%;} #problemPopup{width:618px;margin:0 auto;} #problemPopupInner{width:571px;background:white;margin:0 auto;padding:8px 9px;} #problemPopupRight{width:260px;margin:8px 5px 0 0;} #problemPopupText{color:#656665;font-size:13px;margin-top:10px;} #problemPopupLink{margin-top:45px;} /**about page**/ #aboutPage{width:890px;position:relative;padding:23px 0 64px;} #aboutPageRight{width:604px;} #aboutPageTitle{margin-top:4px;color:#a21117;font-size:32px;font-weight:bold;line-height:13px;height:18px;} #aboutPageRightTop{margin-bottom:26px;} .aboutPageItem{width:604px;height:112px;position:relative;border-top:2px solid #a21117;margin-bottom:10px;} .aboutPageItemBg{width:604px;height:112px;background:url('../img/layout/aboutitemnet.png') no-repeat;position:absolute;top:0;right:0;z-index:1001;} .aboutPageItemContent{width:604px;height:112px;position:absolute;top:0;right:0;z-index:1002;cursor:pointer;} .aboutPageItemContinueBtn{width:75px;height:22px;position:absolute;bottom:8px;left:8px;z-index:1002;} .aboutPageItemImage{width:90px;height:90px;overflow:hidden;border:1px solid white;margin:10px 10px 0 15px;} .aboutPageItemTexts{margin-top:2px;position:relative;z-index:1001;} .aboutPageItemTextsTitle{color:#a21117;font-size:20px;} .aboutPageItemTextsText{height:70px;width:465px;color:white;font-size:15px;overflow:hidden;} .aboutPageItemTextsText span{font-size:13px;font-weight:normal;} #aboutPageLeft{width:247px;} /**end about page**/ /**about item page**/ #aboutItemImage{width:604px;height:158px;background:url('../img/layout/aboutitemimagebg.jpg') no-repeat;border-top:2px solid #a21117;position:relative;} #aboutItemImageImage{position:absolute;top:0;left:0;} #aboutItemImageTitle{position:absolute;top:24px;right:20px;height:25px;font-size:33px;color:white;font-weight:bold;line-height:18px;} #aboutItemText{margin-top:15px;} #aboutItemText .bullet{background:url('../img/layout/aboutbullet.gif') no-repeat right 2px;padding-right:18px;color:#373634;font-size:15px;font-weight:bold;} #aboutItemText .bullettext{color:#606868;font-size:13px;margin-bottom:15px;} #aboutItemText a{color:white;text-decoration:none;} #aboutItemText h1,#aboutItemText h2{color:#9A1118;font-family:arial;font-weight:bold;} #aboutItemText .regTitle{color:#373634;font-size:14px;font-weight:bold;} #aboutItemText .regText{color:#4f4f4d;font-size:13px;} #aboutPageLeftMoreInfo{width:95px;height:19px;background:url('../img/layout/aboutmoreinfo.png') no-repeat;overflow:hidden;} #aboutPageLeftLinks{margin-bottom:60px;} .aboutPageLeftLink{} .aboutPageLeftLinkArrow{margin:6px 0 0 6px;width:7px;height:6px;overflow:hidden;background:url('../img/layout/aboutarrow.png') no-repeat;} .aboutPageLeftLinkText{line-height:18px;} .aboutPageLeftLinkText a{text-decoration:none;} .aboutPageLeftLinkText a:hover{color:#A21117;} #micontactTitle{width:77px;height:18px;background:url('../img/layout/mincontacttitle.png') no-repeat;overflow:hidden;margin:6px 0 5px;} #mincontactText{color:#484848;font-size:15px;margin:0px 0 10px;} #mincontactForm .inputCheckbox{margin-top:5px;} #mincontactForm .inputCheckboxText{margin-top:4px;} /**end about item page**/ /**event page**/ #eventPage{width:890px;position:relative;padding:23px 0 74px;} #eventPageRight{width:604px;} #eventPageTitle{margin-top:4px;color:#a21117;font-size:32px;font-weight:bold;line-height:13px;height:18px;} #eventPageRightTop{margin-bottom:26px;} .eventPageItem{width:604px;height:112px;position:relative;border-top:2px solid #a21117;margin-bottom:10px;} .eventPageItemBg{width:604px;height:112px;background:url('../img/layout/aboutitemnet.png') no-repeat;position:absolute;top:0;right:0;z-index:1001;} .eventPageItemContent{width:604px;height:112px;position:absolute;top:0;right:0;z-index:1002;cursor:pointer;} .eventPageItemContinueBtn{width:75px;height:22px;position:absolute;bottom:8px;left:8px;} .eventPageItemImage{width:90px;height:90px;overflow:hidden;border:1px solid white;margin:10px 10px 0 15px;} .eventPageItemTexts{margin-top:2px;} .eventPageItemTextsTitle{color:#a21117;font-size:20px;} .eventPageItemTextsText{height:70px;width:465px;color:white;font-size:15px;overflow:hidden;} .eventPageItemTextsText span{font-size:13px;font-weight:normal;} #eventPageLeft{width:247px;} #eventPageLeftTop{margin-bottom:10px;} .newsBullet{margin:5px 4px 0 0;} .newsBullet img{width:12px;height:11px;background:url('../img/layout/newsbulletoff.png') no-repeat;overflow:hidden;} .newsBulletOn img{background:url('../img/layout/newsbulleton.png') no-repeat;} #eventLeftNewsNext{margin:0 7px;} #eventlefttitle{width:63px;height:13px;background:url('../img/layout/newstitle.png') no-repeat;overflow:hidden;margin-top:5px;} #newsContainer{width:247px;position:relative;overflow:hidden;height:300px;} #newsInner{width:auto;position:absolute;top:0;left:0;} .newsItem{width:247px;} .newsItemDate{font-size:13px;color:#606868;} .newsItemTitle{font-size:13px;color:#373634;} .newsItemSummary{color:#606868;line-height:18px;margin-top:2px;} .newsItemContinue{} .newsItemContinue a{color:#373634;font-size:13px;text-decoration:none;} .newsItemContinue a:hover{color:#A21117;} .newsItemContinue span{font-size:14px;} .newssep{width:247px;height:1px;overflow:hidden;background:#a5a9a9;margin:15px 0;} /**end event page**/ /**event item page**/ #eventItemPage{width:890px;position:relative;padding:23px 0 64px;} #eventItemPage .pageSep{margin-bottom:6px;} #eventItemTitle{margin-bottom:10px;margin-top:2px;} #eventItemText{color:#606868;font-size:13px;} #eventItemReturn{margin-top:25px;} #eventLeftNewsDate{color:#484848;font-size:14px;margin:0 10px;line-height:22px;} #eventItemSelectDate #eventLeftNewsNext{margin:0;} #eventItemGall{position:relative;width:428px;height:304px;margin-top:15px;} #eventItemGallBg{width:468px;height:344px;background:url('../img/layout/eventgallbg.png') no-repeat;position:absolute;left:-20px;top:-20px;} #eventItemGallVideo{height:273px;width:428px;position:absolute;top:31px;left:0;} #eventItemGallImages{height:273px;width:428px;position:absolute;top:31px;left:0;} #eventItemGall .imageLineContainer{position:absolute;top:309px;left:0;} #eventItemGall .imageLineText {color:#707071;font-size:13px;line-height:17px;position:absolute;top:321px;left:3px;} #eventItemGall .imageLineText a{text-decoration:none;color:#707071;} #eventItemGall .lineSelText{color:#d2181f;} #eventItemGall .lineSelText a{color:#a21117;} #eventItemGall .lineSep{background:url('../img/layout/eventlinesep.jpg') no-repeat;} #eventItemGall .solutionLine2{width:402px;} #eventItemGall .linesel2 .solutionLine2{width:342px;} #eventLeftNewsPrevious,#eventLeftNewsNext{width:22px;height:22px;} /**end event item page**/ /**newsletter page**/ #newsletterPage{width:890px;position:relative;padding:23px 0 64px;} #newsletterPageRight{width:604px;} #newsletterPageTitle{margin-top:4px;color:#a21117;font-size:32px;font-weight:bold;line-height:13px;height:18px;} #newsletterPageRightTop{margin-bottom:26px;} .newsletterPageItem{width:604px;height:81px;position:relative;margin-bottom:10px;} .newsletterPageItemContinueBtn{width:75px;height:22px;position:absolute;bottom:0px;left:8px;} .newsletterPageItemTop{} .newsletterPageItemDate{position:relative;width:120px;height:23px;} .newsletterPageItemDateBg{position:absolute;top:0;right:0;background:url('../img/layout/newsletterdatebg.png') no-repeat;width:120px;height:23px;} .newsletterPageItemDateInner{color:#606868;font-size:17px;position:absolute;top:0;right:10px;line-height:21px;} .newsletterPageItemTitleTop{color:#a21117;font-size:17px;margin-right:4px;} .newsletterPageItemTexts{margin-top:2px;} .newsletterPageItemTextsTitle{color:#606868;font-size:14px;} .newsletterPageItemTextsText{height:35px;width:465px;color:#606868;font-size:12px;overflow:hidden;margin-top:8px;} .newsletterPageItemTextsText span{font-size:13px;font-weight:normal;} .newsletterPageItemSep{background:#a5a9a9;height:1px;width:100%;overflow:hidden;margin:24px 0 20px;} #newsletterPageLeft{width:247px;} #newsletterPageLeftTop{margin-bottom:10px;} #newsletterRegTitle{background:url('../img/layout/regnewslettertitle.png') no-repeat;width:54px;height:13px;overflow:hidden;margin-bottom:15px;} /**end newsletter page**/ #techPage{width:882px;position:relative;height:472px;overflow:hidden;padding-left:8px;} #techPage embed{float:left;} #galleryPage{width:1004px;position:relative;} #moretechPage{width:890px;position:relative;padding:23px 0 114px;} #moretechTitle{height:25px;width:228px;background:url('../img/layout/moretechtitle.png') no-repeat;} #moretechReturn{margin-top:2px;} #moretechBoxes{margin-top:22px;} .moretechBox{height:282px;width:282px;background:url('../img/layout/moretechpattern.jpg') repeat;position:relative;margin:0 0 20px 20px;cursor:pointer;} .moretechBoxInner{position:absolute;top:20px;right:20px;z-index:1001;} .moretechBoxImage{position:absolute;top:0;right:0;z-index:1002;} .moretechBoxMoreinfo{position:absolute;bottom:44px;left:50px;z-index:1003;} .moretechBoxTitle{} .moretechBoxText{color:#bfbfbe;font-size:13px;margin-top:8px;width:243px;} /**gallery page**/ #galleryPage{width:888px;position:relative;padding:25px 0 50px;} #galleryContent{margin-top:30px;} #gallerySearch{background:url('../img/layout/gallerysearchbg.jpg') no-repeat;width:180px;height:192px;border:none;padding:18px 15px 0;} .galleryBox{width:210px;height:210px;margin:0 0 15px 16px;position:relative;} .galleryBoxImage{position:absolute;top:0;left:0;z-index:1001;background:#cccccc;width:210px;height:210px;text-align:center;} .galleryBoxImage img{border:1px solid #858482;} .galleryBoxZoom{border:8px solid #3e3d3b;width:194px;height:194px;position:absolute;top:0;left:0;z-index:1002;padding:2px 2px 0 0;cursor:pointer;} #galleryPopupContainer{position:absolute;top:80px;left:0;z-index:1100;} #galleryPopup{width:450px;height:566px;position:relative;margin:0 auto;left:0;} #galleryPopupClose{position:absolute;top:-20px;right:-29px;z-index:1100;} #galleryPopUpImageHolder{position:absolute;top:0px;left:0;width:450px;height:450px;text-align:center;background:#f0f2f1;} #galleryPopUpImageHolder img{} #galleryPopUpThumbnails{width:450px;height:116px;position:absolute;top:450px;left:0;background:url('../img/layout/gallerybottombg.jpg') repeat-x;} #galleryLeftArrow{margin:45px 17px 0 14px;width:15px;height:28px;} #galleryRightArrow{margin:45px 0 0 16px;width:15px;height:28px;} #galleryThumbsContainer{width:359px;height:80px;margin-top:18px;overflow:hidden;position:relative;} #galleryThumbs{width:1023px;position:absolute;top:0;left:0;} .galleryThumbsImage{width:78px;height:78px;border:1px solid #858585;margin-right:13px;text-align:center;} .galleryThumbsImage img{} .currentThumb{border:1px solid red;} #paginateFirst,#paginateLast,#paginatePrevious,#paginateNext{width:16px;height:16px;} #paginateFirst{margin-right:3px;} #paginateLast{margin-left:3px;} #paginatePrevious{margin-right:10px;} #paginateNext{margin-left:10px;} .paginateNum{line-height:16px;} .paginateNum a{text-decoration:none;color:#3e3e3c;} .paginateNumSel a{text-decoration:none;color:#a2101b;} .paginateSep{color:#3e3e3c;margin:0 5px;} .galleryBoxText{color:#bfbfbe;font-size:13px;line-height:18px;margin-bottom:15px;} .galleryBoxSearchText{color:#bfbfbe;font-size:13px;margin:3px 0 6px;} /**end gallery page**/ #catalogPage{text-align:center;} #quatropic{margin:13px 6px 0 6px;} #quatrocreated{color:#656665;font-size:11px;} .copysep{font-size:11px;margin-right:6px;} .pageTitleText{color:#a21117;font-size:32px;font-weight:bold;line-height:25px;height:32px;} .problemPopupTitle{color:#a21117;font-size:24px;font-weight:bold;line-height:10px;height:19px;border-bottom:2px solid #a21117;} .contactDark{color:#373634 !important;} #footerSepNew{width:2px;height:100%;overflow:hidden;background:url('../img/layout/newsepfooter.jpg') repeat-y;position:absolute;top:0;left:300px;} #footerMenuLinks{margin-top:1px;border-top:1px solid #24231f;position:relative;min-height:114px;height:114px;height:114px !important;width:882px;} #footerMenuLinksBg{position:absolute;top:0;right:0;background:url('../img/layout/footerlinksbg.png') no-repeat;width:882px;height:114px;} #footerMenuLinksInner{position:absolute;top:25px;right:10px;width:862px;z-index:1000} .footerMenuLinksRow{/*width:130px;*/margin-left:35px;} .footerMenuLinksRowTitle{color:white;font-weight:bold;margin-bottom:2px;} .footerMenuLinksRowLink{line-height:20px;} .footerMenuLinksRowLink a{color:#868686;text-decoration:none;background:url('../img/layout/footerlinkarrow.gif') no-repeat right 8px;padding-right:10px;display:inline-block;} .footerMenuLinksRowLink a:hover{color:white;} #siteMapPage{width:890px;position:relative;padding:23px 0 64px;} #siteMapPageRight{width:604px;} #siteMapPageTitle{margin-top:4px;color:#A21117;font-size:32px;font-weight:bold;line-height:13px;margin-bottom:40px;} #siteMapPageRightTop{margin-bottom:26px;} .siteMapBullet{font-size:13px;} .siteMapBullet a{text-decoration:none;color:black;} .siteMapFirst{background:url('../img/layout/bulletfirst.png') no-repeat right 3px;padding-right:18px;margin-top:4px;} .siteMapSec{background:url('../img/layout/bulletsec.png') no-repeat right 3px;padding-right:18px;margin-right:18px;margin-top:4px;} .siteMapThird{background:url('../img/layout/bulletthird.png') no-repeat right 3px;padding-right:18px;margin-right:36px;} #englishPage{position:relative;direction:ltr;background:url('../img/layout/enback.jpg') repeat-x;} #englishPageBg{background:#171614 url('../img/layout/enbg.jpg') no-repeat center top;width:100%;height:669px;position:absolute;top:0;right:0;} #englishPageInner{width:890px;margin:0 auto;position:relative;} #englishTop{height:669px;position:relative;} #englishTopLearn{position:absolute;top:135px;left:37px;color:#d8d8d8;font-size:15px;font-weight:bold;} #englishTopLearnText{} #englishTopLearnInput{margin-top:5px;} #englishTopText{position:absolute;top:70px;right:14px;width:273px;text-align:left;color:#d8d8d8;font-size:14px;font-weight:bold;} #englishTopForm{width:273px;position:absolute;top:195px;right:16px;border-top:3px solid #a5191e;padding:10px 0 15px;} .formEnSubmitRow{color:#eeeeee;font-size:13px;line-height:22px;width:247px;margin-left:12px;} .formEnSubmit{cursor:pointer;} .formEnSubmit input{;width:76px;height:23px;background:url('../img/layout/enformsubmit.png') no-repeat;border:medium none;cursor:pointer;} .formEnSubmitRowCheckbox input{margin:5px 0 0 0;padding:0;width:11px;height:11px;border:1px solid #606868} #englishTopFormBg{width:273px;height:100%;background:black;position:absolute;top:0;right:0;-moz-opacity: 0.5;opacity:.50;filter:alpha(opacity=50);} .formEnInput input{width:235px;height:15px;border:1px solid #606868;padding:3px 5px;color:#b2b5b5;font-size:13px;font-weight:bold;} .formEnInput textarea{width:235px;height:98px;border:1px solid #606868;padding:3px 5px;color:#b2b5b5;font-size:13px;font-weight:bold;} .formEnInput{margin:0 0 10px 13px;} #englishTopFormText{color:#eeeeee;font-size:13px;font-weight:bold;margin-bottom:14px;margin-left:15px;position:relative;} #englishTopFormData{position:relative;} .englishTopFormSep{height:1px;width:100%;overflow:hidden;background:#4b4c48;margin:15px 0;} #englishTopFormTextBottom{color:#d8d8d8;font-size:11px;width:230px;margin-left:8px;position:relative;} #englishTopFormTextBottomImage{margin-left:13px;position:relative;} #englishPageMain{margin:13px 0 0 18px;} #englishPageMainTabs{height:44px;position:relative;} .englishPageMainTab{width:141px;height:40px;margin-right:4px;} .englishPageMainTabSel a{height:45px !important;} .englishPageMainTab a{display:block;} #englishPageMainTabReflex{width:135px !important;} #englishPageMainTabReflex img{width:135px !important;height:40px;background:url('../img/layout/tabs/reflex_b.jpg') no-repeat;} #englishPageMainTabReflex:hover img,#englishPageMainTabReflex .tabSel img{height:45px !important;background:url('../img/layout/tabs/reflex.jpg') no-repeat !important;} #englishPageMainTabKinetix img{width:141px;height:40px;background:url('../img/layout/tabs/kinetix_b.jpg') no-repeat;} #englishPageMainTabKinetix:hover img,#englishPageMainTabKinetix .tabSel img{height:45px !important;background:url('../img/layout/tabs/kinetix.jpg') no-repeat !important;} #englishPageMainTabMetagrip img{width:141px;height:40px;background:url('../img/layout/tabs/metagrip_b.jpg') no-repeat;} #englishPageMainTabMetagrip:hover img,#englishPageMainTabMetagrip .tabSel img{height:45px !important;background:url('../img/layout/tabs/metagrip.jpg') no-repeat !important;} #englishPageMainTabFrameshift img{width:141px;height:40px;background:url('../img/layout/tabs/frameshit_b.jpg') no-repeat;} #englishPageMainTabFrameshift:hover img,#englishPageMainTabFrameshift .tabSel img{height:45px !important;background:url('../img/layout/tabs/frameshift.jpg') no-repeat !important;} #englishPageMainTabWalk img{width:141px;height:40px;background:url('../img/layout/tabs/walklock_b.jpg') no-repeat;} #englishPageMainTabWalk:hover img,#englishPageMainTabWalk .tabSel img{height:45px !important;background:url('../img/layout/tabs/walklock.jpg') no-repeat !important;} #englishPageMainTabLock img{width:141px;height:40px;background:url('../img/layout/tabs/3dlock_b.jpg') no-repeat;} #englishPageMainTabLock:hover img,#englishPageMainTabLock .tabSel img{height:45px !important;background:url('../img/layout/tabs/3dlock.jpg') no-repeat !important;} #englishPageMainContent{background:white;border:1px solid #dfdfdf;width:822px;padding:42px 20px 20px 17px;} .englishPageMainContent{display:none;} .englishPageMainContentText{width:360px;} .englishPageMainContentTextTitle{font-family:Myriad Pro;color:#a21117;font-size:22px;line-height:22px;} .englishPageMainContentTextSubTitle{color:#373634;font-size:13px;font-weight:bold;margin-top:15px;} .englishPageMainContentVideo{margin-top:3px;} #englishPageMainText{margin-top:40px;background:url('../img/layout/locken.jpg') no-repeat right top;margin-left:18px;} .englishPageMainTitle{color:#800000;font-size:22px;} .englishPageMainText{font-size:13px;color:#606868;margin-top:15px;} .englishPageMainSubtitle{color:#373634;font-size:15px;font-weight:bold;margin-top:35px;margin-bottom:5px;} .englishPageMainSubtitleText{font-size:14px;color:#606868;font-weight:bold;} .englishPageMainSubText{color:#606868;font-size:13px;margin-top:2px;} .englishPageMainContentTextSub2{color:#373634;font-size:14px;font-weight:bold;margin-top:10px;} .englishPageMainContentTextSubText2{color:#606868;font-size:13px;margin-top:2px;} .englishBottomSep{width:871px;height:1px;overflow:hidden;background:#323232;} #englishBottom{font-size:14px;color:#323232;margin-top:12px;padding-bottom:12px;} #englishBottomText{margin:23px 0 0 20px;} .contentSel{display:block !important;} #languagesSelect{position:absolute;top:7px;right:306px;z-index:1000000;width:115px;border-top:1px solid #3b3c37;border-bottom:1px solid #3b3c37;background:url('../img/layout/langbg.jpg') repeat-y;direction:ltr;} #languagesSelect:hover #languagesSelectSelects{display:block !important;} #languagesSelect:hover #languagesSelectSel{background:url('../img/layout/langarrowup.jpg') no-repeat 100px 9px !important;} #languagesSelectSel{color:#b7b7b7;padding:4px 0 0 8px;background:url('../img/layout/langarrowdown.jpg') no-repeat 100px 9px;height:17px;} #languagesSelectSelects{display:none;} .languagesSelectSelect{height:18px;padding:0 0 0 8px;line-height:18px;} .languagesSelectSelect a{color:#b7b7b7;text-decoration:none;} .languagesSelectSelect a:hover{color:white} #thankuPage{padding-top:64px;width:890px;margin:0 auto;position:relative;height:408px;} #thankuTitle{width:371px;height:60px;background:url('../img/layout/thankutitle.png') no-repeat;margin:0 auto;} #thankuLinks{margin-top:96px;} #thankuLinksHome{width:301px;text-align:left;position:relative;height:135px;margin-top:5px;padding-left:100px;} #thankuLinksHomeImage{background:url('../img/layout/thankuhome.png') no-repeat;width:72px;height:135px;position:absolute;top:0;left:0;} #thankuLinksHomeTitle{background:url('../img/layout/homepagelink.png') no-repeat;width:121px;height:14px;overflow:hidden;position:absolute;top:45px;left:100px;} #thankuLinksHomeLink{position:absolute;top:71px;left:100px;} #thankuLinksSep{width:2px;height:119px;overflow:hidden;background:#80807e;margin:0 38px;} #thankuLinksClients{margin-top:5px;position:relative;height:135px;width:400px;} #thankuLinksClientsImage{background:url('../img/layout/thankudoors.png') no-repeat;width:107px;height:135px;position:absolute;top:0;right:0;} #thankuLinksClientsTitle{background:url('../img/layout/clientslink.png') no-repeat;width:156px;height:17px;overflow:hidden;position:absolute;top:45px;right:137px;} #thankuLinksClientsLink{position:absolute;top:71px;right:137px;} .thankubg{background:white url('../img/layout/thankubg.jpg') repeat;} #thankugrbg{background:transparent url('../img/layout/thankugrbg.png') repeat;position:absolute;bottom:0;left:-115px;width:1132px;height:311px;} #footerImages{position:relative;width:882px;padding-bottom:12px;} #footerImagesBg{width:882px;height:100%;background:#777778;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);position:absolute;top:0;right:0;} #footerImagesInner{position:relative;z-index:1002;width:882px;right:0;top:0;} .footerImagesItem{position:relative;height:97px;width:278px;margin:12px 12px 0 0;} .footerImagesItem img{position:absolute;top:0;left:0;height:97px;width:278px;} .footerImagesItemHover{display:none} .footerImagesItem a{display:block;height:97px;width:278px;} .footerImagesItem a:hover .footerImagesItemHover{display:block;} #footerContactText{background:#232323 url('../img/layout/footercontactbg.jpg') repeat-x;min-height:187px;margin-top:28px;width:862px;padding:10px 10px 15px;position:relative;} .footerContactTextTitle{font-size:15px;color:#f1f1f1;} #footerContactForm{margin-top:7px;} .footerContactFormInput{margin-bottom:8px;} .footerContactFormInput input{background:#737272;height:15px;width:261px;padding:3px 8px;border:1px solid #3d3d3d;font-size:13px;color:#252525;font-weight:bold;} .footerContactFormInput textarea{background:#737272;height:54px;width:261px;padding:3px 8px;border:1px solid #3d3d3d;font-size:13px;color:#252525;font-weight:bold;} .footerContactFormCheckText{color:#9d9d9b;margin-top:2px;} .footerContactFormSubmit{width:69px;height:22px;background:url('../img/layout/footercontactsubmit.jpg') no-repeat;cursor:pointer;} .footerContactFormSubmit input{width:69px;height:22px;border:medium none;background:transparent;cursor:pointer;} #footercontactError{color:#a41117;} #videosBgBlackFull{background:black;} #videosPage{padding-bottom:50px;background:black url('../img/layout/bgVideo.jpg') no-repeat center top;position:relative;} #videosPagePlayer{position:absolute;top:2px;right:2px;z-index:1;width:768px;height:434px;} #videosPagePlayerWidth{width:768px;margin:0 auto;} #videosPageTop{height:458px;padding-top:39px;width:890px;margin:0 auto;padding-right:5px;} #videosPageTopArrowLeft{width:46px;height:46px;padding-top:207px;} #videosPageTopArrowLeftInner{} #videosPageTopArrowRight{width:46px;height:46px;padding-top:207px;} #videosPageTopArrowRightInner{} #videosPageTopVideos{width:769px;height:458px;overflow:hidden;margin-right:12px;position:relative;right:5px;top:5px} #videosPageTopVideosInner{z-index:1001;top:5px;right:5px;} .videosItem{background:black;width:770px;height:435px;position:relative;overflow:hidden;} .videosItemImage{width:768px;position:absolute;top:0;} .videosItemFadeBg{position:absolute;top:0;right:1px;background:black;width:270px;height:434px;-moz-opacity: 0.7;opacity:.70;filter: alpha(opacity=70);} .videosItemFadeInner{position:absolute;top:27px;right:23px;width:235px;} .videosItemFadeInnerTitle{color:white;font-size:22px;font-weight:bold;} .videosItemFadeInnerSubtitle{color:white;font-size:14px;font-weight:bold;} .videosItemFadeInnerText{font-size:13px;color:white;margin-top:8px;line-height:18px;} .videosItemFadeInnerBtn{margin-top:17px;} .videosItemBottom{font-size:12px;color:#666666;position:absolute;top:434px;right:7px;line-height:24px;height:24px;} .videosItemBottomInner{padding-left:10px;background:url('../img/layout/videosarrowsmall.png') no-repeat left 8px;} #videosPageMore{/*height:209px;*/width:883px;margin:15px auto 0;} #videosPageMoreTitle{width:153px;height:17px;background:url('../img/layout/morevideos.png') no-repeat;margin-right:1px;} #videosPageMoreInner{margin-top:26px;} .videosItemMore{width:193px;height:156px;border:1px solid #4f4f4f;margin-left:34px;padding-top:6px;position:relative;margin-bottom:20px;} .videosItemMoreBtn{position:absolute;top:13px;right:13px;z-index:10;} .videosItemMoreImage{width:181px;height:107px;margin:0 auto;} .videosItemMoreText{color:#919192;font-size:13px;width:181px;margin:10px auto;} .videosItemMoreText a{font-weight:bold;color:#666666;display:inline-block;padding-left:10px;background:url('../img/layout/videosarrowsmall.png') no-repeat left 4px;} .videosPage { background:url('../img/layout/bgVideo.jpg') center top no-repeat #000; } #videosPage { width: 890px; min-height:423px; padding-top:10px; background:none; } .notfound404 { background:url(../img/404-bg.jpg) center top no-repeat; } #notfound404 { width: 890px; min-height:423px; padding-top:50px; } #title-404 { width:100%; height:186px; background:url(../img/404-text.png) center top no-repeat; } #list-404 { width:327px; margin:0px auto; list-style:none; overflow:hidden; } #list-404 li { float:right; width:100%; padding:15px 0px; background:url(../img/list-404-sep.png) left top no-repeat; } #list-404 li:first-child { background:none; } #list-404 li span { float:right; display:block; width:27px; line-height:29px; background:url(../img/list-404-num-sep.png) left 4px no-repeat; font-size:29px; font-weight:bold; color:#bcbcbc; margin-left:8px; } #list-404 li p { float:right; width:180px; color:#bcbcbc; } #list-404 li .button-404 { float:left; width:107px; height:28px; line-height:28px; background:url(../img/list-404-bt.png) left top no-repeat; color:#fff; font-size:13px; font-weight:bold; text-align:right; text-indent:10px; text-decoration:none; /*margin-top:-28px;*/ } #list-404 li .button-404:hover { background-image:url(../img/list-404-bt2.png); } #main-menu { width:890px; position:absolute; top:65px; left:50%; margin-left:-445px; z-index:1200; } #main-menu * { margin:0px; padding:0px; } #main-menu > ul { width:890px; height:18px; list-style:none; } #main-menu > ul > li { float:right; background:url(../img/menu/menu-bt-seperatpr.png) right top no-repeat; padding-right:1px; position:relative; } #main-menu > ul > li:first-child { background:none; } #main-menu > ul > li > a, #main-menu > ul > li > span { display:inline-block; height:18px; line-height:16px; font-size:12px; color:#a7a8aa; text-decoration:none; padding:0px 12px 0px 38px; } #main-menu > ul > li > span { background:url(../img/menu/menu-bt-arrows.png) left 7px no-repeat; } #main-menu > ul > li > a:hover { color:#a70a0c; } #main-menu > ul > li > span:hover { color:#a70a0c; background-position:left -11px; background-color:#131313; } /*===[sub-menu]===*/ #main-menu > ul > li:hover .sub-menu { display:block; } #main-menu .sub-menu { display:none; width:100%; padding:8px 0px 4px; background:url(../img/menu/menu-gradient.png) left -18px repeat-x #343434; list-style:none; position:absolute; top:18px; left:0px; z-index : 5000; } #main-menu .sub-menu li { margin:0px 3px; border-top:1px solid #242320; } #main-menu .sub-menu li a { display:block; text-decoration:none; text-align:center; background:url(../img/menu/menu-sub-bt-left.png) left center no-repeat; } #main-menu .sub-menu li a span { display:block; padding:5px 0px; margin-left:4px; text-align:center; font-size:12px; color:#fff; background:url(../img/menu/menu-sub-bt.png) right center no-repeat; } #main-menu .sub-menu li:first-child a { background-position:left top; } #main-menu .sub-menu li:first-child a span { background-position:right top; } #main-menu .sub-menu li.last a { background-position:left bottom; } #main-menu .sub-menu li.last a span { background-position:right bottom; } #main-menu .sub-menu li a:hover { background:#353535; } #main-menu .sub-menu li a:hover span { background:#353535; } * html .png { behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='" + this.origBg + "')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) ); } /********************************************* COMPARE *********************************************/ .center-wrap { width:890px; margin:0px auto; overflow:hidden; } .compare-page { background:#050702; } #compare-page { /*float:left;*/ width:100%; overflow:hidden; padding-bottom:20px; } #compare-page .center-wrap { position:relative; } #compare-page-content { float:left; width:100%; padding-bottom:40px; background:url(../img/compare/content-seperator.png) center bottom no-repeat; padding-top:10px; } #compare-page-content h1 { font-size:22px; font-weight:bold; color:#545452; } #compare-page-content p { font-size:13px; color:#545452; } /*===[menu]===*/ #compare-menu { float:left; width:890px; height:64px; background:url(../img/compare/menu-slider-bg.png) center top no-repeat; margin:20px 0px 0px; list-style:none; padding-top:20px; position:absolute; bottom:-80px; left:-33px; } #compare-menu li { float:right; padding:29px 5px 0px; margin-right:22px; } #compare-menu li:first-child { margin-right:5px; } #compare-menu li a { display:inline-block; font-size:14px; font-weight:bold; color:#545452; text-decoration:none; } #compare-menu li.active { /*background:url(../img/compare/menu-slider-selector.png) center top no-repeat;*/ } #compare-menu li.active a { color:#fff; } #compare-menu li.active:hover { /*background-position: center -71px;*/ } /*===[content-slider]===*/ #content-slider-wrap { float:left; width:100%; margin-top:80px; position:relative; padding-bottom:80px; } #content-slider { float:left; width:820px; height:488px; background:url(../img/compare/content-slider-bg.png) left top no-repeat; margin-left:35px; position:relative; } #content-slider-next, #content-slider-prev { width:46px; height:46px; background:url(../img/compare/content-slider-nav.png) left top no-repeat; position:absolute; top:244px; } #content-slider-next{left:0px; background-position:left 0px;} #content-slider-next:hover{background-position:left -46px;} #content-slider-prev{right:0px; background-position:left -92px;} #content-slider-prev:hover{background-position:left -138px;} .content-slider-title { width:148px; height:39px; line-height:39px; text-align:center; font-size:16px; font-weight:bold; color:#fff; position:absolute; top:0px; right:339px; } .content-slider-col { float:right; width:330px; margin-top:56px; margin-right:49px; } .content-slider-col + .content-slider-col { float:left; margin-right:0px; margin-left:49px; } .content-slider-media { float:right; width:330px; height:233px; } .content-slider-content { float:right; width:300px; height:170px; background:#fff; padding:20px 15px 0px; } .content-slider-content h3 { font-size:16px; font-weight:bold; color:#393d3e; padding-bottom:10px; } .content-slider-content p { font-size:13px; color:#777778; } /********************************************* JQUERY UI *********************************************/ #compare-menu li.ui-state-active{background:url(../img/compare/menu-slider-selector.png) center top no-repeat;} #compare-menu li.ui-state-active a{color:#fff;} #content-slider .ui-tabs-panel { display: block; background: none; width:820px; position:absolute; top:0px; left:0px; } .ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; } .ui-tabs .ui-tabs-nav li { list-style: none; position: relative; } .ui-tabs .ui-tabs-nav li a { } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ div.ui-tabs-hide { display:none; } #videosPagePlayerInner { } /********************************************* VIDEO SHOW *********************************************/ #content-slider-wrap #video-show-wrap { width:790px; height:434px; position:absolute; top:50px; left:37px; z-index:999; display:none; } #content-slider-wrap #videosPagePlayer { width:890px !important; height:580px; right:0px !important; top:0px !important; } #content-slider-wrap #videosPagePlayerWidth { width:500px !important; position:relative; top:100px; padding:10px; background:url(../img/compare/overlay.png) left top repeat; } #content-slider-wrap #video-show-close { left:auto !important; top:80px; right:165px; z-index:999; } #videosPagePlayer.hidden { z-index:-1 !important; } #video-show-close { position:absolute; top:0px; left:0px; padding-left:2px; } #videos-wraper { float:left; width:768px; height:434px; border:3px solid #9a1217; background:#000; overflow:hidden; margin-left:22px; } #videos-wraper .video { /*display:none;*/ }