﻿/*============================== GLOBAL STYLES ==============================*/
body { margin:0px; padding:0px; color:#0d0d0d; font-size:12px; font-family:Arial; direction:rtl; background-color:#000;}
 img {border:0px;}
background-image:url(../../../App_Themes/he-IL/Images/images/mainBg.jpg); background-repeat:repeat-x; background-position:left top;}
h1, h2, h3, h4, p, a, div, ul, li, span, table, tr, th, td, form, input, img { margin:0px; padding:0px; }
.wrapper { width:950px; margin:0px auto; border:0px solid red; }
a { text-decoration:none; outline:none; color:#505050;}
ul { list-style-type:none;}
.clearFix { height:0px; visibility:hidden; clear:both;}

/*========== HOME PAGE ==========*/
/*============================== HEADER ==============================*/
.header { height:100px; width:950px; position:relative; background:url(../../../App_Themes/he-IL/Images/images/mainMenuBg.jpg) repeat-x left top #2ec5ff;}

#mainMenuBG { position:absolute; width:950px; height:77px; right:0px; top:3px; width:670px; display:block;}
/*
#mainMenuBG ul#mainMenu { display:inline;}
#mainMenuBG ul#mainMenu li { float:right;}
#mainMenuBG ul#mainMenu a { color:#fff; font-size:14px; font-weight:bold; text-align:center; display:block; width:110px; line-height:40px; padding-top:37px;}
#mainMenuBG ul#mainMenu a:hover { background-color:#2ec5ff;}
#mainMenuBG ul#mainMenu ul { position:relative; display:none; width:110px; top:0px; right:0px; z-index:100; background-color:#2ec5ff;}
#mainMenuBG ul#mainMenu ul a { padding-top:0px; border-bottom:1px solid #20b1e9; background-color:#2ec5ff;}
*/
.theLogo { position:absolute; background:url(../../../App_Themes/he-IL/Images/images/theLogo.png) no-repeat left top; left:5px; top:10px; width:254px; height:58px;}
a.theLogo2 { display:block; width:254px; height:58px;}

.secondMenu { position:absolute; width:200px; bottom:4px; left:10px;}
.secondMenu ul { display:inline;}
.secondMenu li { float:left;}
.secondMenu ul a { color:#fff; padding-left:5px; margin-left:5px; font-weight:bold;}
.secondMenu ul a:hover { text-decoration:underline;}
.secondMenu ul a.rightBorder { border-right:2px solid #fff; padding-right:10px;}

#menuh { float:right; position:absolute; bottom:0px; right:0px; z-index:200; height:115px; width:800px; margin-right:-40px; *margin-right:0px;}
/*#menuh a { text-align: center; display:block;}
#menuh a:link, #menuh a:visited, #menuh a:active {color:#fff; font-size:14px; font-weight:bold; text-align:center; display:block; width:110px; line-height:40px; padding-top:37px;}
#menuh a:hover {color: white; background-color:#2ec5ff;}	
#menuh a.top_parent, #menuh a.top_parent:hover { background-color:Red;}
#menuh a.parent, #menuh a.parent:hover { background-color:Red;}
#menuh ul { display:inline; list-style-type:none; z-index:900;}
#menuh li { position:relative; float:left; top:0px; right:0px;}
#menuh ul ul.innerMenu { position:absolute; top:70px; right:0px; z-index:800; display:none; background-color:#2ec5ff;}

#menuh ul ul.innerMenu a { padding-top:0px; z-index:800;}
/*
#menuh ul ul ul {top:0;left:100%;}
div#menuh li:hover {cursor:pointer;z-index:800;}
*/
/*
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}
*/
ul.Pul { clear:both; height:90px; *direction:ltr;}
ul.Pul a { color:#fff; font-size:14px; text-align:center; font-weight:bold; text-decoration:none; width:110px; display:block; padding:66px 0px 10px 0px;}
li.SecPul { float:right;}
ol.ThrPul { position:absolute; display: none;list-style:none; padding:0px; margin:0px 0px 0px -18px; background-color:#2ec5ff; *margin:0px 0px 0px 0px;  *position:static;}
ol.ThrPul a { padding:10px 0px 10px 0px;}
li.FrtPul { clear:left; list-style:none; margin:0px; background-color:#2ec5ff; display:block;}
li.SecPul:hover ol.ThrPul { display:block; }
li.SecPul:hover { background-color: #2ec5ff ;}
li.SecPul:hover a { color:#fff; font-size:14px; text-align:center; font-weight:bold; text-decoration:none;}
li.FrtPul:hover { background-color:#28b0e5;}
li.FrtPul a:hover { color:#fff;}
ol.ThrPul:hover li.SecPul { display: none ;}
.sep { float:right; width:2px;}

/*============================== FLASH ==============================*/
.flash { height:355px; width:950px; position:relative; z-index:-1;}
.flash div.nav { position:absolute; z-index:10; left:0px; bottom:15px;}
.flash div.nav a { font-size:14px; font-weight:bold; padding:5px 8px; color:#fff; margin-left:5px; background-color:#aeaeae; border:1px solid #fff;}
.flash div.nav a.activeSlide { background-color:#2ec5ff;}

/*============================== CONTANT ==============================*/
.mainContant { background:url(../../../App_Themes/he-IL/Images/images/mainContantBg.jpg) no-repeat left top;}
.topSection { position:relative; height:190px; padding:0px 5px;}
.topSection h2 { margin:0px;}
.topSection div { float:right; width:220px; height:185px; border:0px solid red; margin-left:15px;}

.dNum_1 h2 { color:#ff479d; font-size:18px; padding:10px 0px 0px 0px;}
.dNum_2 { padding:0px 10px;}
.dNum_2 h2 { color:#2ec5ff; font-size:18px; padding:10px 0px 10px 0px;}
.dNum_2 a.topCam { color:#2ec5ff; width:110px; padding-bottom:5px; padding-top:5px; border-bottom:1px solid #b5b5b5; font-weight:bold; display:block; padding-right:50px; height:48px; background:url(../../../App_Themes/he-IL/Images/images/camOne.jpg) no-repeat right top;}
.dNum_2 a.bottomCam { color:#16d208; width:110px; display:block; padding-top:7px; margin-top:9px; font-weight:bold; height:48px; padding-right:50px; background:url(../../../App_Themes/he-IL/Images/images/camTwo.jpg) no-repeat right top;}
.topSection div.dNum_3 { width:160px; padding-left:50px;}
.dNum_3 h2 { color:#ffce16; font-size:18px; padding:10px 0px 5px 0px;}
.dNum_3 h3 { font-size:12px; color:#ffce16; padding:10px 0px 5px 0px;}
.topSection div.dNum_4 { border:0px solid red; width:215px; padding-top:12px; height:173px; margin-left:0px;}
.topSection div.videoHp { width:205px; height:152px; padding-right:10px; margin-left:0px;}

.topSection div.gallrtyBg { background:url(../../../App_Themes/he-IL/Images/images/picSlideBg.png) no-repeat left top; width:175px; height:142px; margin-left:0px;}

.bottomSection { height:130px; width:700px; padding:10px;}
.bottomSection p { line-height:25px;}

/*============================== FOOTER TOP ==============================*/
.mainFooter { background:url(../../../App_Themes/he-IL/Images/images/footerBg.jpg) no-repeat left top; height:231px; padding-top:0px; margin-top:-1px;}
.footerTop { padding:0px 4px;}
.footerTop h1{ margin:0px; padding:0px;}
.footerTop div { border:0px solid red; width:219px; height:73px; overflow:hidden; margin-top:10px; float:right; background:url(../../../App_Themes/he-IL/Images/images/highTVBG.jpg) no-repeat left top;}
.footerTop div.imgSaperator { background:none; position:relative; width:2px; height:70px; padding:0px 10px;}
.footerTop div.imgSaperator img { position:absolute; top:-10px;}
.footerTop div.clearFix { height:0px; visibility:hidden; clear:both; width:100%; margin-top:0px;}

/*============================== FOOTER BOTTOM ==============================*/
.footerLower h1 { background:url(../../../App_Themes/he-IL/Images/images/newsUnderLine.jpg) no-repeat right bottom; color:#2ec5ff; padding:0px 10px 0px 0px;}

.mainNewsSection { padding:0px 15px; margin-bottom:10px;}
.newsContant { width:115px; padding:0px 5px; border:0px solid red; float:right;}
.mainNewsSection h2 { padding-bottom:0px; color:#2ec5ff; font-size:12px; font-weight:bold; margin:0px;}
.mainNewsSection p { font-size:10px; margin:0px; padding:0px;}
.mainNewsSection a { color:#000; font-size:10px; font-weight:bold; float:left;}
.mainNewsSection a:hover { text-decoration:none; color:#2ec5ff;}
.newsSection { width:227px; height:77px; float:right; border:0px solid red;}
.imgFrame { width:91px; height:70px; padding:2px; /*background:url(../../../App_Themes/he-IL/Images/images/newsImgFrame.png) no-repeat left top;*/ border:1px solid #b6b6b6; float:right;}
.theIMG_1 { width:90px; height:69px; margin:0px; /*background:url(../../../App_Themes/he-IL/Images/images/gallerypics.jpg) no-repeat left top;*/}
.theIMG_2 { width:90px; height:69px; margin:0px; /*background:url(../../../App_Themes/he-IL/Images/images/gallerypics.jpg) no-repeat left top;*/}
.theIMG_3 { width:90px; height:69px; margin:0px; /*background:url(../../../App_Themes/he-IL/Images/images/gallerypics.jpg) no-repeat left top;*/}
.theIMG_4 { width:90px; height:69px; margin:0px; /*background:url(../../../App_Themes/he-IL/Images/images/gallerypics.jpg) no-repeat left top;*/}


/*========== INNER PAGES ==========*/
.mainContentInner { background:url(../../../App_Themes/he-IL/Images/images/insidePageBG.jpg) no-repeat left bottom; background-color:#fff; /*position:relative;*/ z-index:-1;}
.theContent { padding:30px 40px 160px 40px;}
.theContent h1 { color:#2ec5ff; font-size:24px; padding-bottom:10px;}
.theContent img { float:left;}
.pContant { width:500px;}
.pContant h1 { color:#2ec5ff; font-size:24px; padding-bottom:10px;}






#gallery {position:relative; width:686px; margin:10px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:right; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../../../App_Themes/he-IL/Images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../../../App_Themes/he-IL/Images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}


.banner { border:2px solid #fff; width:150px; height:300px; position:fixed; left:0px; top:50px; background-color:#999;}
.whach { width:148px; height:22px; border:0px solid red; z-index:100; position:absolute; left:0px;}

.breadcroms { color:#fff; position:relative; padding-top:10px;}
.breadcroms2 { background:url(../../../App_Themes/he-IL/Images/images/breadcroms.jpg) no-repeat top left; height:20px; padding:0px 10px; display:block; /*position:absolute;*/ float:right;}
.breadcroms2 a { color:#fff; line-height:20px; font-size:11px; font-weight:bold; margin-left:10px;}


/*============================== FOOTER BOTTOM ==============================*/
.product { width:198px; float:right; margin:0px 0px 0px 15px;}
.productTop { background:url(../../../App_Themes/he-IL/Images/images/productTop.jpg) no-repeat left top; height:7px;}
.productCenter { background:url(../../../App_Themes/he-IL/Images/images/productCenter.jpg) repeat-y left top; padding:5px 35px 10px 0px;}
.productCenter img { float:none;max-width:120px;}
.productBottom { background:url(../../../App_Themes/he-IL/Images/images/productBottom.jpg) no-repeat left top; height:69px; text-align:center;}
.productBottom a { color:#ff479d; text-align:center; font-weight:bold;}
.productBottom a:hover { text-decoration:underline;}
.productBottom h2 { text-align:center; font-size:14px; padding:10px 0px 1px 0px;}
.credit_beatman { float:right; color:#fff;}
/*============================== CONTACT ==============================*/
.contactForm { width:453px; height:124px; background-color:#2ec5ff; padding:10px 5px; position:relative;}
.contactForm div { float:right;}
.contactForm td { vertical-align:top;}
.contactForm .Label { color:#fff; text-align:left; vertical-align:top;}
.contactForm input { border:0px; padding:2px 5px 5px 0px;}
.contactForm textarea { border:0px; height:92px;}
.contactForm a.sendBTN { font-size:18px; color:#fff; position:absolute; bottom:-10px; left:20px; background:url(../../../App_Themes/he-IL/Images/images/sendBTN.png) no-repeat left top; width:164px; text-align:center; line-height:35px; display:block;}
.contact { width:842px;}
.contactCenter { background:url(../../../App_Themes/he-IL/Images/images/contactBgCenter.jpg) repeat-y left top; padding:10px 10px 60px 10px;}
.contactCenter h2 { font-size:22px; width:450px; color:#ff479d; padding-bottom:10px;}
.contactCenter p { width:450px;}


