/***************************************************************************** //-> PAGE ELEMENTS *****************************************************************************/ #wrapper { direction: ltr; background: #FFFFFF url(../../images/ltr/wrapper-bg.jpg) repeat-y 0px 0px; } #wrapper.inner { background: #FFFFFF url(../../images/ltr/wrapper-bg-inner.jpg) repeat-y 0px 0px; } #wrapper.inner-wide { background: #FFFFFF url(../../images/ltr/wrapper-bg-inner-wide.jpg) repeat-y 0px 0px; } #wrapper.inner-contact { background: #FFFFFF url(../../images/ltr/wrapper-bg-inner-contact.jpg) repeat-y 0px 0px; } #wrapper.inner-registration { background: #FFFFFF url(../../images/ltr/wrapper-bg-inner-registration.jpg) repeat-y 0px 0px; } #wrapper.inner-career { background: #FFFFFF url(../../images/ltr/wrapper-bg-inner-career.jpg) repeat-y 0px 0px; } #main, #header { text-align: left; direction: ltr; padding: 0px 28px 0px 37px; } #main img.wide-bg-pic { right: 70px; } #main { background: transparent url(../../images/ltr/main-bg.jpg) no-repeat 0 0; } #header { background: transparent url(../../images/ltr/header-bg.jpg) no-repeat 0px 0px; } #wrapper.lang #main { background: transparent url(../../images/ltr/main-lang-bg.jpg) no-repeat 0 0; } #wrapper.inner #main { background: transparent url(../../images/ltr/main-bg-inner.jpg) no-repeat 0 0; } #wrapper.inner-wide #main { background: transparent url(../../images/ltr/main-bg-inner-wide.jpg) no-repeat 0 0; } #wrapper.inner-contact #main { background: transparent url(../../images/ltr/main-bg-inner-contact.jpg) no-repeat 0 0; } #wrapper.inner-registration #main { background: transparent url(../../images/ltr/main-bg-inner-registration.jpg) no-repeat 0 0; } #wrapper.inner-career #main { background: transparent url(../../images/ltr/main-bg-inner-career.jpg) no-repeat 0 0; } #col_a { float: left; direction: ltr; } #col_b { float: left; direction: ltr; margin: 13px 20px 0 21px; } #col_c { float: left; direction: ltr; } #col_d { float: left; direction: ltr; } #col_e { float: right; direction: ltr; } #heading { float: left; direction: ltr; } #heading h1 { padding-left: 10px; } #Footer { direction: ltr; left: 0; } #links { background: #FFFFFF url(../../images/ltr/footer-bg.jpg) no-repeat 100% 0px; left: 0; padding: 15px 28px 0px 37px; } #links ul li { float: left; } /***************************************************************************** //-> LOGO *****************************************************************************/ h2.logo { float: left; text-indent: -5000px; } /***************************************************************************** //-> HEADINGS *****************************************************************************/ h2.hp_form_title, #registration a.registration, #quote-wrap a.registration, div#form-holder input[type="submit"] { text-indent: -5000px; } h2.hp_form_title { background: transparent url(../../images/ltr/hp_form_title.png) no-repeat 0 0px; } #registration a.registration { background: transparent url(../../images/ltr/registration_button.png) no-repeat 0px 0px; } #registration a.registration:hover { background: transparent url(../../images/ltr/registration_button.png) no-repeat 0px -22px; } div#form-holder input[type="submit"] { background: transparent url(../../images/ltr/hp_form_button.png) no-repeat 0px 0px; } div#form-holder input[type="submit"]:hover { background: transparent url(../../images/ltr/hp_form_button.png) no-repeat 0px -22px; } div#contact-holder input[type="submit"] { background: transparent url(../../images/ltr/hp_form_button.png) no-repeat 0px 0px; } div#contact-holder input[type="submit"]:hover { background: transparent url(../../images/ltr/hp_form_button.png) no-repeat 0px -22px; } /***************************************************************************** //-> LANG MENU *****************************************************************************/ ul.langbar { float: right; text-align: right; } ul.langbar li { float: right; } /***************************************************************************** //-> MAIN MENU *****************************************************************************/ #menu { float: right; margin-right: 30px; } ul.topnav li { float: left; } ul.topnav li a { padding: 0 5px; } /*START MULTILEVEL MENU*/ ul.topnav ul { text-align: left; left: -1px; } ul.topnav li ul ul { right: 12em; margin: 0px 10px 0 0; } /***************************************************************************** //-> SUB MENU *****************************************************************************/ ul#sub-menu { margin: 37px 42px 0px 40px; } ul#sub-menu li { padding-left: 58px; background: #f3f3f3 url(../../images/sub-menu-arrow.png) no-repeat 20px 0; } ul#sub-menu li:hover { background: #1389b0 url(../../images/sub-menu-arrow.png) no-repeat 20px -26px; } ul#sub-menu li.footer { text-indent: -5000px; } ul#sub-menu li.selected, ul#sub-menu li.selected:hover { background: #1389b0 url(../../images/sub-menu-arrow.png) no-repeat 20px -26px; } /***************************************************************************** //-> SOCIAL *****************************************************************************/ div#social { padding: 6px 32px 0 0; float: right; } div#social a { float: right; margin-left: 3px; text-indent: -5000px; } /***************************************************************************** //-> ITEMS *****************************************************************************/ div.item { float: left; } div.item.noMargin { margin-right: 0px; } div.item img { margin: 11px 8px 2px 11px; } div.item h2 { margin: 0px 8px 12px 14px; } /***************************************************************************** //-> TEAM *****************************************************************************/ div.team div.member { float: left; } div.team div.member div.image { float: left; } div.team div.member div.text { padding: 20px 0 0 10px; float: left; } /***************************************************************************** //-> COLS *****************************************************************************/ div.col { float: left; } div.col.last { margin-right: 0px; } div.col ul li { padding-left: 10px; background: transparent url(../../images/ltr/bullet.gif) no-repeat left 7px; } div.col ul li.no_bullet { background: none; } div.wide ul li { padding-left: 20px; } /***************************************************************************** //-> COLLAPSE *****************************************************************************/ ul.collapse li { text-align: left; } ul.collapse li a.email { padding: 0px 0px 0 10px; } ul.collapse li a.lnk { padding: 0px 0px 0 10px; background: transparent url(../../images/ltr/link-bg2.gif) no-repeat 100% 4px; } ul.collapse li a.lnk.selected { background: transparent url(../../images/ltr/link-bg2-over.gif) no-repeat 100% 4px; } ul.collapse li ul li a { padding-left: 14px; } ul.collapse li ul li p { padding: 0 0 0 10px; } ul.collapse li ul li p a { padding-left: 0px; } /***************************************************************************** //-> HP QUOTE *****************************************************************************/ #quote { margin: 50px 0 0 80px; padding-right: 5px; } #quote.en { direction: ltr; text-align: left; } #quote.he { direction: rtl; text-align: right; } /***************************************************************************** //-> QUOTE *****************************************************************************/ #quote-wrap img.bg-stamp { right: -50px; } #quote-inner { } #quote-inner.en { padding: 40px 59px 0 80px; width: 158px; height: 214px; direction: ltr; text-align: left; } #quote-inner.he { padding: 40px 69px 0 72px; width: 156px; height: 214px; direction: rtl; text-align: right; } /***************************************************************************** //-> GALLERY *****************************************************************************/ div#gallery { direction: ltr; padding: 70px 36px 47px 72px; } div.gallery-text { padding: 0 160px 0 65px; } /***************************************************************************** //-> wide LIST ITEMS *****************************************************************************/ div.wide-list-item div.image { float: left; margin-right: 45px; } div.wide-list-item div.image img { margin: 5px 8px 7px 12px; } div.wide-list-item div.txt { float: left; } /***************************************************************************** //-> LIST ITEMS *****************************************************************************/ div.list-items { margin: 68px 0 0 10px; } div.list-item div.image { float: left; margin-right: 45px; } div.list-item div.txt { float: left; } /***************************************************************************** //-> FACEBOOK *****************************************************************************/ #wrapper.lang div#facebook { margin: 25px 0 0 25px; } /***************************************************************************** //-> HP FORM *****************************************************************************/ div#form-holder { margin: 15px 21px 0 10px; } div#form-holder label { float: left; } div#form-holder em.error { text-align: right; float: right; } div#form-holder small { float: right; } div#form-holder .left_col, div#form-holder .right_col { float: left; margin-right: 6px; } /***************************************************************************** //-> MEMBERS FORM *****************************************************************************/ div#members-holder { margin: 0 21px 0 ; } div#members-holder label { float: left; } div#members-holder em.error { text-align: right; float: right; } div#members-holder small { float: right; } div#members-holder .left_col, div#members-holder .right_col { float: left; margin-right: 6px; } /***************************************************************************** //-> CONTACT *****************************************************************************/ div.contact { margin: 0 40px; float: left; } div#contact-holder { float: left; margin: 0 58px 0 40px; } div#contact-holder label { float: left; } div#contact-holder em.error { text-align: right; float: right; } div#contact-holder small { float: right; } div#contact-holder .left_col, div#contact-holder .right_col { float: left; margin-right: 6px; } /***************************************************************************** //-> HP REGISTRATION *****************************************************************************/ #registration { margin: 0 25px 50px 12px; } /***************************************************************************** //-> COUNTDOWN *****************************************************************************/ div.kids { position:absolute; margin: 70px 0 0 -15px; padding-right: 10px; } div#countdown { background: transparent url(../../images/ltr/countdown.png) no-repeat 0px 0px; margin: 50px 0 0 25px; padding-left: 10px; } .countdown_section { float: left; } /***************************************************************************** //-> FAQ *****************************************************************************/ dl.faq dt { padding: 10px 0px 10px 0px; } dl.faq dt span { right: 0px; text-align: right; } .msie6 dl.faq dd { padding: 10px 0 10px 0px; } /***************************************************************************** //-> SLIDER *****************************************************************************/ #slider { padding: 0px 28px 0px 37px; background: transparent url(../../images/ltr/slider-bg.jpg) no-repeat 0px 0px; } #slider div#right-image { float: left; } #slider div#left-image { float: right; } #slider div#over { right: 0; background: transparent url(../../images/ltr/slider-over.png) no-repeat 0px 0px; } /***************************************************************************** //-> REGISTRATION *****************************************************************************/ div.registration { margin: 90px 0 65px 40px; } /***************************************************************************** //-> CAREERS *****************************************************************************/ div.career { margin: 80px 0px 53px 40px; } /***************************************************************************** //-> FORM ELEMENTS *****************************************************************************/ /***************************************************************************** //-> BREADCRUMBS *****************************************************************************/ #Breadcrumbs ul { direction: ltr; } #Breadcrumbs ul li { float: left; padding-right: 4px; } #Breadcrumbs ul li a { left: 5px; padding-right: 5px; } /***************************************************************************** //-> GENERAL CLASSES *****************************************************************************/ div.sep2 { background: url(../../images/ltr/sep.png) center center no-repeat; } .text-align { text-align: left; direction: ltr; } .left { float: right; } .right { float: left; } .rtl { text-align: right; direction: rtl; } .ltr { padding-left: 10px; text-align: left; direction: ltr; } /***************************************************************************** //-> SITE MAP *****************************************************************************/ ul.tree { } ul.tree ul { margin: 0px 0 -2px 15px; background-position: 0px 15px; } ul.tree li { margin-left: 10px; } ul.tree li a { padding-left: 25px; } ul.tree ul ul { background-position: 0px 15px; } ul.tree ul li { background-position: 0px 7px; } ul.tree ul ul li { background-position: 0px 7px; } ul.tree ul ul li a { background-position: 0px 7px; }