/************************************************************************************ * Copyright (C)2007 Ereznet Ltd. * * All Rights Reserved. * * Ereznet Ltd. * * www.Ereznet.co.il * * * ************************************************************************************/ html { margin: 0px; padding: 0px; overflow-x: hidden; width: 99.99%; } body { background-image: url("images/background.jpg"); background-position: center top; background-repeat: repeat-x; background-color: #ccc; margin: 0px; padding: 0px; color: #111; font: 13px Arial; } *:focus { outline: none } img { border: 0px; } form,select,input { border: 0 none; } a { color: #000000; text-decoration: underline; } a:hover { text-decoration: none; } .supportchat { margin: 0px; padding: 0px; } .supportchat #supportchat { position: fixed; bottom: 0px; right: 0px; z-index: 999; width: 133px; height: 133px; background: url("images/chat_support_online_rightbottom.png") top no-repeat; overflow: hidden; } form, table, tr, td { padding: 0px; margin: 0px; } caption { direction: rtl; padding: 5px 0px 2px 0px; color: #4f6b72; text-align: center; font-size: 16px; } h1 { padding: 0px; margin: 0px; text-decoration: underline; font-size: 17px; color: #333; } h2 { padding: 5px 0px; margin: 0px; font-size: 19px; color: #ddd; } #marqueecontainer { position: relative; float: right; margin: 38px 10px 0px; width: 210px; height: 108px; text-align: right; overflow: hidden; } .tooltip { display: none; background-color: #222; border: 1px solid #999; text-align: center; width: 100px; padding: 2px; font-size: 13px; -moz-box-shadow: 2px 2px 11px #666; -webkit-box-shadow: 2px 2px 11px #666; } .clear_both { clear: both; } /***********************************************************************************/ #wrap { position: relative; direction: rtl; margin: 0px auto; height: auto !important; width: 980px; } #website_header { float: left; text-align: center; margin: 0px auto; padding: 0px; width: 980px; height: auto; } #website_header .header_left { width: 200px; float: left; text-align: left; padding: 0px; } #website_header .header_right { width: 770px; float: right; text-align: right; padding-right: 3px; } #website_header .header_right .homepage { float: right; padding: 15px 0px 0px 15px; } #website_header .header_right .links { float: right; padding-top: 20px; } #galleries { float: left; margin: 30px 0px 0px 0px; padding: 0px; width: 970px; height: auto; text-align: center; } #galleries h1 { color: #777; font-size: 25px; margin: 0px 0px 10px; text-align: right; text-decoration: none; } #galleries span { float: right; font-size: 20px; } #galleries a.galleyLinkBack { float: right; display: block; color: #777; margin: 10px 0px 0px; padding: 0px; text-decoration: none; font-size: 18px; } #galleries a.galleyLink { float: right; display: block; color: #777; margin: 0px 5px; padding: 0px; text-decoration: none; font-size: 18px; } #galleries a.galleyLink:hover { color: #000; } #galleries a.galleyLinkSelect { float: right; display: block; color: #000; margin: 0px 5px; padding: 0px; text-decoration: none; font-size: 18px; } #website_box { float: left; margin: 0px auto; padding: 0px; height: auto !important; width: 980px; text-align: right; background: url("images/hp_box980x315.png") top no-repeat; } #website_box_gallery { float: left; margin: 0px auto; padding: 0px; height: auto !important; width: 980px; text-align: center; font-size: 0px; } #website_box_gallery img { margin: 3px; } #website_box_gallery img:hover { -moz-opacity: 0.5; opacity: 0.5; filter:alpha(opacity=50); } #website_box_gallery_left { float: left; margin: 0px auto; padding: 0px; background: transparent url("images/gallery_bigbox808x489.png") top no-repeat; height: 489px; width: 808px; text-align: center; } #website_box_gallery_right { float: right; margin: 0px auto; padding: 0px; height: auto; width: 172px; text-align: center; } #website_box_shaddow { float: left; margin: 0px auto; padding: 0px; height: 44px; width: 980px; background: url(images/hp_nav_button_effect980x50.png) bottom no-repeat; } #scroll { position: relative; height: 450px; width: 980px; overflow: hidden; } #tools { width: 9999em; position: absolute; height: 300px; } .tool { /* background-repeat: no-repeat; background-position: 0 -40px; */ float: left; width: 980px; height: 315px; } .details { float: left; margin: 13px 0px 0px; padding: 0px; width: 686px; } .demos { float: right; margin: 10px 20px 0px 0px; padding: 0px; width: 244px; } .demos h1 { color: #FFFFFF; font-size: 20px; display: block; margin: 10px 0px 5px; padding: 0px; } .demos .whiteT { color: #FFFFFF; text-decoration: none; font-size: 15px; padding-bottom: 10px; } .demos .orangeT { color: #FF9300; } .demos .purpleT { color: #BD79E5; } .demos .blueT { color: #14A7EB; } .demos .darkgrayT { color: #EEEEEE; } .demos h2 { color: #ddd; font-size: 15px; display: block; margin: 0px; padding: 0px; } .demos h3 { font-size: 16px; display: block; margin: 10px 0px 5px; padding: 0px; } .demos p.grayT { background: transparent url(images/hp_box_hp_arrow.png) no-repeat right 5px; margin: 5px 0px 0px; padding: 0px 20px 0px 0px; text-align: right; color: #ddd; font-size: 13px; } .demos p.orangeT { background: transparent url(images/hp_box_print_arrow.png) no-repeat right 5px; margin: 5px 0px 0px; padding: 0px 20px 0px 0px; text-align: right; color: #ddd; font-size: 13px; } .demos p.purpleT { background: transparent url(images/hp_box_mitug_arrow.png) no-repeat right 5px; margin: 5px 0px 0px; padding: 0px 20px 0px 0px; text-align: right; color: #ddd; font-size: 13px; } .demos p.blueT { background: transparent url(images/hp_box_web_arrow.png) no-repeat right 5px; margin: 5px 0px 0px; padding: 0px 20px 0px 0px; text-align: right; color: #ddd; font-size: 13px; } .demos .link { background: url(images/hp_box_link_bg170x29.png) top no-repeat; height: 29px; width: 170px; margin: 10px 0px 0px; padding: 5px 0px 0px 0px; text-align: center; font-size: 14px; } .demos a { text-decoration: none; } .demos a:hover { color: #eee; } #thumbs { background: url(images/hp_nav_button.png) no-repeat; height: 141px; position: absolute; top: 310px; width: 980px; } .t a { background: transparent url(images/hp_nav_button.png) no-repeat scroll -25px -141px; display: block; width: 230px; float: left; height: 141px; cursor: pointer; } .t a.active { cursor: default !important; } .navi { /* margin-left: 314px; _margin-left: 304px; */ } #t0 { margin-top: -4px; margin-left: 15px; _margin-left: 25px; background-position: -15px -431px; } #t0.active { background-position: -15px -286px !important; } #t0:hover { background-position: -15px -141px; } #t0:active { background-position: -15px -286px; } #t1 { margin-top: -4px; margin-left: 10px; _margin-left: 20px; background-position: -255px -431px; } #t1:hover { background-position: -255px -141px; } #t1.active { background-position: -255px -286px; } #t2 { margin-top: -4px; margin-left: 10px; _margin-left: 20px; background-position: -495px -431px; } #t2:hover { background-position: -495px -141px; } #t2.active { background-position: -495px -286px; } #t3 { margin-top: -4px; margin-left: 10px; _margin-left: 20px; background-position: -735px -431px; } #t3:hover { background-position: -735px -141px; } #t3.active { background-position: -735px -286px; } #website_box4 { float: left; margin: 20px auto 0px; padding: 0px; height: auto !important; width: 980px; text-align: center; } #website_box4 .website_boxPart { float: left; margin: 0px auto; padding: 0px; height: auto !important; min-height: 151px; width: 237px; text-align: right; } #website_box4 .website_boxPart p.rightPortfolio { background: transparent url(images/hp_boxpart_portfolio_arrow9x13.jpg) no-repeat scroll right; margin: 3px 7px 0px 0px; padding: 0px 15px 0px 0px; text-align: right; color: #111; font-size: 13px; } #website_box4 .website_boxPart a { text-decoration: none; color: #111; font-size: 13px; } #website_box4 .website_boxPart a:hover { text-decoration: underline; } #website_box4 .website_boxPart_LineBreak { float: left; margin: 0px auto; padding: 0px; height: 161px; width: 10px; background: url(images/hp_box_bar_bg10x161.jpg) top no-repeat; } .slideshow { margin: 38px auto 0px; width: 200px; height: 97px; } #website_box_inner { float: left; margin: 0px auto; padding: 0px; height: auto !important; width: 980px; text-align: right; } #website_box_inner #right { float: right; margin: 0px auto; padding: 0px; height: auto !important; width: 247px; text-align: right; } #website_box_inner #right #in_top { position: relative; background: url(images/inner_rightop_blank247x34.jpg) top no-repeat; margin: 0px; padding: 0px; height: 34px; width: 247px; text-align: center; } #website_box_inner #left { float: left; margin: 0px auto; padding: 0px; height: auto !important; width: 726px; text-align: right; } #website_box_inner #left .topcontent { float: left; position: relative; margin: 5px auto 0px; padding: 0px; height: auto; width: 726px; } #website_box_inner #left .topcontent p { margin: 0px; padding: 0px; } #website_box_inner #left .in_con_top { float: left; position: relative; margin: 0px auto; padding: 0px; background: url(images/inner_leftop_726x19.jpg) top no-repeat; height: 19px; width: 726px; } #website_box_inner #left .in_con_mid { float: left; position: relative; margin: 0px auto; padding: 0px; background: url(images/inner_lefmid_726x6.jpg) top repeat-y; min-height: 484px; width: 726px; text-align: right; direction: rtl; } #website_box_inner #left .in_con_mid .sitemap { padding: 10px 100px 30px; margin: 0px auto; } #website_box_inner #left .in_con_mid .sitemap ul.site_category { list-style: none; padding: 0px; margin: 0px; } #website_box_inner #left .in_con_mid .sitemap ul.site_category li { margin: 0px; font-size: 18px; } #website_box_inner #left .in_con_mid .sitemap ul.site_category li a { background: url(images/sitemap_category.jpg) no-repeat right 5px; height: 30px; line-height: 30px; width: 100%; display: block; text-align: right; padding-right: 40px; } #website_box_inner #left .in_con_mid .sitemap ul.site_category_page { list-style: none; padding: 0px; margin: 0px 80px; } #website_box_inner #left .in_con_mid .sitemap ul.site_category_page li { margin: 0px; font-size: 16px; } #website_box_inner #left .in_con_mid .sitemap ul.site_category_page li a{ background: url(images/sitemap_page.jpg) no-repeat right 5px; height: 20px; line-height: 20px; width: 100%; display: block; text-align: right; padding-right: 20px; } #website_box_inner #left .in_con_bot { float: left; position: relative; margin: 0px auto; padding: 0px; background: url(images/inner_lefbot_726x15.jpg) top no-repeat; height: 15px; width: 726px; } #navigation_right_button { position: relative; padding: 0px; width: 247px; } #navigation_right_button ul { list-style: none; padding: 0px; margin: 0px; } #navigation_right_button li { margin: 0px 0px 0px 0px; font-size: 15px; font-weight: bolder; } #navigation_right_button li a { background: url(images/inner_button.jpg) top no-repeat; height: 33px; line-height: 23px; width: 217px; padding-right: 30px; color: #111; display: block; text-decoration: none; text-align: right; } #navigation_right_button li a:hover { background: url(images/inner_button_effect.jpg) top no-repeat; color: #fff; text-decoration: none; } #navigation_right_button li a:active { text-decoration: none; } #navigation_right_button li a.selected { cursor: default; background: url(images/inner_button_effect.jpg) top no-repeat; color: #fff; text-decoration: none; } #navigation_right_button li a { /* Hide from IE5-Mac */ float: none; } #website_footer { clear: both; float: left; background: url(images/footer.jpg) top no-repeat; margin: 10px auto; padding: 15px 0px 10px; width: 980px; height: auto !important; font-size: 15px; text-align: center; color: #666; } #website_footer .footer_colright { float: right; margin: 0px; padding: 0px; width: 750px; height: auto !important; font-size: 15px; text-align: right; color: #666; } #website_footer .footer_colleft { float: left; margin: 0px; padding: 0px; width: 220px; height: auto !important; font-size: 15px; text-align: left; color: #333; } #website_footer a { text-decoration: none; font-size: 16px; color: #459ebc; margin: 0px 5px; line-height: 22px; } #website_footer a:hover { text-decoration: underline; color: #222; } /*****************************************************/ /* Start Gallery Page */ /*****************************************************/ #image_wrap { width: 773px; height: 440px; margin: 0px auto; padding: 13px 0px 0px; text-align: center; } .scrollable { float: right; } .vertical { position: relative; overflow: hidden; padding: 0px; height: 390px; width: 172px; text-align: right; } .items { position: absolute; height: 20000em; margin: 0px; } .items div { background: transparent url("images/gallery_smallbox169x129.png") top no-repeat; margin: 0px -8px 0px 0px; padding: 0px; width: 169px; height: 129px; } .items img { float: right; margin: 12px 17px 5px 0px; cursor: pointer; height: 105px; width: 146px; } #actions { margin: 0px 10px 0px 0px; padding: 0px; width: 131px; font-size: 0px; } #actions a { cursor: pointer; color:#666; } #actions a:hover { text-decoration: underline; color:#000; } .disabled { /* visibility: hidden; */ } .nextPage { /* float:right; */ } /*****************************************************/ /* End Gallery Page */ /*****************************************************/ /*****************************************************/ /* Start Gallery - Portfolio */ /*****************************************************/ #gallery { clear: both; width: 980px; margin: 10px auto 0px; padding: 0px 0px 10px 0px; border: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .ad-gallery { width: 100%; } .ad-gallery, .ad-gallery * { margin: 0px; padding: 0px; } .ad-gallery .ad-image-wrapper { width: 100%; height: 350px; border-bottom: 1px solid #ccc; padding-bottom: 30px; background: url(images/galleryshaddow1000x30.jpg) bottom no-repeat; position: relative; overflow: hidden; } .ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #ccc; } .ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; } .ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100; } .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */ background: url(non-existing.jpg)\9 } .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(images/gallery_ad_prev.jpg); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; } .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(images/gallery_ad_next.jpg); width: 30px; height: 30px; right: 0; left: auto; } .ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { direction: rtl; position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: center; width: 100%; z-index: 2; color: #fff; background: rgba(0,0,0,.45); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70111111, endColorstr=#70000000); font-family: Arial; } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; } .ad-gallery .ad-controls { height: 20px; } .ad-gallery .ad-info { float: left; } .ad-gallery .ad-slideshow-controls { float: right; } .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; } .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em; } .ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic; } .ad-gallery .ad-nav { width: 100%; position: relative; } .ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; } /* IE 6 doesn't like height: 100% */ .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; } .ad-gallery .ad-back { cursor: pointer; left: -20px; width: 10px; display: block; background: url(images/galleryleftnarrow10x13.jpg) 0px 35px no-repeat; } .ad-gallery .ad-forward { cursor: pointer; display: block; right: -20px; width: 10px; background: url(images/galleryrightnarrow10x13.jpg) 0px 35px no-repeat; } .ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 100%; } .ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; } .ad-gallery .ad-thumbs .image_tum { width: 239px; height: 85px; } .ad-gallery a.image_tum { color: #fff; } .ad-gallery a.image_tum:hover { color: #009f5f; } .ad-gallery .ad-thumbs li { float: left; padding-right: 5px; } .ad-gallery .ad-thumbs li a { display: block; color: #fff; } .ad-gallery .ad-thumbs li a:hover { color: #009f5f; } .ad-gallery .ad-thumbs li a img { border: 2px solid #ccc; display: block; } .ad-gallery .ad-thumbs li a.ad-active img { border: 2px solid #333; } /* Can't do display none, since Opera won't load the images then */ .ad-preloads { position: absolute; left: -9000px; top: -9000px; } /*****************************************************/ /* End Gallery - Protfolio */ /*****************************************************/ /*****************************************************/ /* Start Forms ContactUs */ /*****************************************************/ #contactarea { margin-top: 40px; border: 0px; width: 233px; height: 96px; color: #222; text-align: right; font-weight: bolder; font-size: 12px; } #contactarea input[type="text"] { background-color: #aaa; } #contactarea input[type="text"]:focus,#contactarea input[type="text"]:active,#contactarea input[type="text"]:hover { background-color: #eee; } #contactarea input[type="button"] { padding: 0px; border: 0px; margin-right: 68px; margin-top: 15px; background: transparent url("images/hp_boxpart_contact_send84x22.jpg"); display: block; width: 84px; height: 22px; cursor: pointer; } #contactarea .inputbox { border: 1px solid #777; padding: 2px 0px 2px 2px; margin: 0px 0px 0px 0px; width: 90px; height: 12px; vertical-align: text-top; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #contactarea .inputlabel { display: inline-block; width: 50px; padding: 0px; margin-left: 0px; margin-right: 13px; margin-bottom: 0px; margin-top: 5px; /* float: right; */ } #contactus {} #contactus input { border: 1px solid #7F7F7F; background-color: #D6D6D6; padding: 2px 2px 2px 2px; margin: 0px 0px 0px 20px; width: 170px; height: 15px; vertical-align: text-top; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #contactus input:focus,#contactus input:active,#contactus input:hover { background-color: #3EACD0; border: 1px solid #7F7F7F; } #contactus input[type="submit"],#contactus input[type="reset"] { background: transparent url(images/contact_button75x21.png) no-repeat top; border: 0px; padding: 0px; margin: 2px 0px 0px; color: #fff; width: 75px; height: 21px; font: bold 14px Arial; text-align: center; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #contactus input[type="submit"]:hover,#contactus input[type="reset"]:hover { color: #111; } #contactus select { border: 1px solid #7F7F7F; padding: 2px 2px 2px 2px; margin: 0px 0px 0px 0px; width: 177px; height: 22px; vertical-align: text-top; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #contactus option { direction: rtl; background-color: #3EACD0; text-align: right; } #contactus textarea { width: 567px; background-color: #D6D6D6; border: 1px solid #7F7F7F; padding: 0px 2px 0px 2px; margin: 0px 0px 0px 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #contactus textarea:focus,#contactus textarea:active { background-color: #3EACD0; border: 1px solid #7F7F7F; } /* OLD Contact Form .contact .clearsection { float: left; width: 370px; } .c-item { clear: left; margin: 0 0 7px 0; } .c-item label { color: #555; display: block; font-size: 11px; float: left; margin: 3px 10px 0 0; text-align: right; width: 120px; } .c-item input { background: #000 url(images/input.jpg) no-repeat top left; border: 1px solid #1c1c1c; border: 0 none; color: #aaa; float: left; font-size: 11px; line-height: 22px; outline: none; display: block; padding: 6px 7px 0px 7px; margin: 0 0 7px 0; height: 19px; width: 226px; } .c-item input:hover { background-position: top right; } .c-item .input-error { background-position: -480px 0; } .c-item input:focus,.c-item input:active { background-position: -240px 0 !important; color: #fff; } .c-item textarea { background: #000 url(images/textarea.jpg) no-repeat bottom left; border: 1px solid #1c1c1c; border: 0 none; color: #ccc; font: 11px/22px "lucida grande",verdana,sans-serif; float: left; display: block; padding: 5px 7px; margin: 0 0 7px 0; width: 226px; height:132px; } #checkbox_style { margin-left: 10px; margin-right: 20px; background: #000; color: #fff; } .contact .submit_button { clear: left; margin: 0 0 14px 130px; } End OLD Contact Form */ /*****************************************************/ /* End Forms ContactUs */ /*****************************************************/ /*****************************************************/ /* Start POPUP */ /*****************************************************/ #popUpDetails { display: none; z-index: 2000; direction: rtl; background-color: #FFFFFF; min-width: 50px; min-height: 50px; border: 0px solid #FFFFFF; text-align: center; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #popUpDetails .close { background-image: url(/images/close.png); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 35px; width: 35px; } .popUpDetails { position: relative; text-align: right; font-size: 12px; color #000; } /*****************************************************/ /* End POPUP */ /*****************************************************/ /************************************************************************************ * Copyright (C)2007 Ereznet Ltd. * * All Rights Reserved. * * Ereznet Ltd. * * www.Ereznet.co.il * * * ************************************************************************************/