html, body{ height : auto !important; /* ignored by IE, applied everywhere else */
height : 100%; /* IE treats as min-height */
min-height : 100%; /* IE ignores this */ }
BODY { padding:0px; margin:0px; direction:rtl; background-color:#000; height:100%; }
IMG { border:0px;}
DIV.centerPage { width:951px; margin:0 auto; padding:0 auto; text-align:center; height:100%; min-height: 100%; /* For Mozilla/Opera/Safari */}
DIV.clear { clear:both; font-size:0px; line-height:0px; height:0px; widows:0px;}
DIV.header { padding-top:28px; text-align: right;}
DIV.loginContent { float: right; width: 500px; text-align: right; font:normal 14px/21px arial; color: #8cc63f; height: 21px; margin-bottom: 10px;}
DIV.loginContent .rightlogIN { float: right; width: 89px; text-align: right;}
DIV.loginContent .rightlogIN2 { float: right; width: 100px; text-align: right; color: #fff;}
DIV.loginContent .rightlogIN3 { float: right; text-align: right; margin-left:5px;}
DIV.loginContent A.logout { float: right; text-align: right; font:normal 13px/20px arial; color: #fff; text-decoration: underline; margin:0px 4px;}
DIV.loginContent A.logout2 { float: right; text-align: right; font:normal 13px/20px arial; color: #fff; text-decoration: underline; margin:0px 10px;}
DIV.loginput1 {float:right; margin-left: 9px; background-image: url(img/loginInput1.gif); background-position: top; background-repeat: no-repeat; width: 94px; height: 21px; padding-right: 10px;}
DIV.loginput1 INPUT {width: 94px; height: 18px;font:normal 14px/18px arial; color: #fff; text-align: right; border: none; background: no-repeat;}
DIV.loginput2 {float:right; margin-left: 9px; font:normal 14px/21px arial; color: #fff; text-align: right; border: none; background-image: url(img/loginInput2.gif); background-position: top; background-repeat: no-repeat; width: 94px; height: 21px; padding-right: 10px;}
DIV.loginput2 INPUT {width: 94px; height: 18px;font:normal 14px/18px arial; color: #fff; text-align: right; border: none; background: no-repeat;}
.loginBTN {float:right; margin-left: 5px;}
.loginPass { float: right; margin-left: 9px; font:normal 14px/21px arial; color: #fff; text-align: right;}
DIV.topNav { background-image: url(img/navLine.gif); background-position: bottom; background-repeat: no-repeat; width: 951px; }
DIV.logo { float: left; font:normal 14px arial; color: #fff; text-align: center; padding:0px 0px 4px 14px ; }
DIV.logo A {font:normal 14px arial; color: #fff; text-decoration: none;}
DIV.navLinks { float: right; margin-top: 7px; width: 735px;}
DIV.navSep {float: right; width: 1px; height: 52px; background-image: url(img/navSep.gif); background-position: left; background-repeat: no-repeat;}
DIV.navLinks A {float: right; display: block; width: 89px; height: 52px;text-align: center;font:normal 14px/52px arial; color: #fff; text-decoration: none;}
DIV.navLinks A:hover {float: right; background-image: url(img/navOver.gif); background-position: top; background-repeat: repeat-x; display: block; width: 89px; height: 52px;text-align: center;font:normal 14px/52px arial; color: #fff; text-decoration: none;}
DIV.navLinks A.mfirstSelected {float: right; background-image: url(img/navOver.gif); background-position: top; background-repeat: repeat-x; display: block; width: 89px; height: 52px;text-align: center;font:normal 14px/52px arial; color: #fff; text-decoration: none;}
DIV.navLinks A.mselected {float: right; background-image: url(img/navOver.gif); background-position: top; background-repeat: repeat-x; display: block; width: 89px; height: 52px;text-align: center;font:normal 14px/52px arial; color: #fff; text-decoration: none;}
DIV.navLinks A.mlastSelected {float: right; background-image: url(img/navOver.gif); background-position: top; background-repeat: repeat-x; display: block; width: 89px; height: 52px;text-align: center;font:normal 14px/52px arial; color: #fff; text-decoration: none;}
.noBG { background: none!important;}
/**home**/
DIV.haderFlash { height:350px;}
DIV.homeContent { background-image: url(img/hpBG.gif); background-position: bottom; background-repeat: no-repeat; text-align: right;}
DIV.hpNews {margin-bottom:15px; background-image: url(img/hp_news.gif); background-position: top; background-repeat: no-repeat; width: 911px; height:27px; text-align: right; margin-right: 18px; padding-right: 20px; font: normal 20px/27px arial; color: #fff;}
DIV.hpNews DIV.someclass { width: 350px; height: 27px; margin-right:15px; float:right; background-image: url(img/hp_arrow.gif); background-position: right; background-repeat: no-repeat; font:normal 12px arial; color: #e6e6e5; padding-right: 30px;}
DIV.hpNews DIV.someclass A { font:normal 12px/27px arial; color: #e6e6e5; text-decoration: none}
DIV.hpNews SPAN { float: right;}
DIV.hpRight {float: right; width: 682px; text-align: right; margin-right: 28px; font:normal 12px arial; color: #e6e6e5;}
DIV.hpRight A { font:normal 12px arial; color: #e6e6e5; text-decoration:underline;}
DIV.hpRight H1.title {background:none!important; font:normal 20px arial!important; color: #8dc641!important; padding: 0px!important; margin: 0px!important; }
H1 { background-image: url(img/hpBTN.gif); background-position:right top; background-repeat:no-repeat; width: 282px; text-align: right; height: 42px; font: normal 20px/42px arial; color: #fff; padding:0px 30px 0px 0px; margin:13px 0px 0px 0px; }
DIV.hpLeft {float:left; width: 462px; text-align: right; font:normal 12px arial; color: #e6e6e5;}
DIV.hpLeft A {font:normal 12px arial; color: #e6e6e5; text-decoration: underline;}
DIV.hpLeft H1.title {background:none!important;background-image:none!important; font:normal 20px arial!important; color: #8dc641!important; padding: 0px!important; margin: 0px!important; width:auto!important;}
DIV.hpLeft IMG { float: right; margin-top: 10px; margin-left: 10px;}
DIV.hpcustomer { margin-top:50px;}
.hpcustomerBTN { float: right; background-image: url(img/customerBTN.gif); background-position: top; background-repeat: no-repeat; width: 183px; height: 30px; font:normal 16px/30px arial; color:#fff; text-align: center; text-decoration: none }
DIV.customerDIV { vertical-align: middle; background-color: #fff; height: 54px; width:919px; border-right: 1px solid #9ca293; border-left: 1px solid #3f3f3f; padding:0px 11px 0px 19px; }
DIV.customerDIV * { vertical-align: middle;}
A.customerR { float: right; margin-left: 15px;}
A.customerL { float: left; margin-right: 15px;}
.customerSep { float: right; margin:0px; }
A.customerList { float: right; vertical-align: middle; line-height: 54px; height:54px}
A.customerList * { vertical-align: middle;}
A.customerList IMG { height:54px;}
#scrollHold_1 {width: 919px; position:relative; overflow: hidden;}
#scroll1Right {float:right; cursor:pointer; z-index: 1000;background-image: url( img/customerR.gif); background-position: top; background-repeat: no-repeat; width:9px; height:54px;}
#scroll1Left {cursor:pointer; float:left; z-index: 1000; background-image: url( img/customerL.gif); background-position: top; background-repeat: no-repeat; width:9px; height:54px;}
.itemsHolder_1 {height: 54px; position:relative; width:890px; overflow: hidden; margin:0 auto;}
/**news**/
DIV.paddingT {padding-top:207px;}
DIV.innnerContent { background-image: url(img/newsBg.gif); background-position: bottom; background-repeat: no-repeat; padding-top: 40px;}
DIV.newsBox { float: right; width: 377px; height: 86px; background-image: url(img/newsLine.gif); background-position:right bottom; background-repeat: no-repeat; padding-right: 30px;}
.boxMargin { margin-left: 60px;}
DIV.newsText { float: right; text-align: right; font:normal 12px arial; color: #fff; width: 223px; height: 28px; margin-top: 32px;}
DIV.newsPic { float: left; width: 89px; height: 72px; background-position: top; background-repeat:no-repeat}
DIV.footer { text-align: center; padding-bottom: 18px;}
DIV.footer A { font: normal 11px arial; color: #808080; text-decoration: none; margin-left: 24px;}
/**about**/
DIV.aboutContent { background-image: url(img/aboutBG.gif); background-position: bottom; background-repeat: no-repeat;}
DIV.aboutTopText { margin-top: 30px; margin-right: 28px; text-align: right; font:normal 12px arial; color: #e6e6e5; width: 290px; height: 120px; margin-bottom: 74px;}
DIV.aboutText2 { margin-right: 28px; text-align: right; font:normal 14px arial; color: #e6e6e5; width: 490px;}
DIV.paddingT2 { padding-top: 150px;}
/**contact**/
DIV.contactContent { background-image: url(img/contactBG.gif); background-position: bottom; background-repeat: no-repeat;}
DIV.contactRiht { float: right; width: 282px; text-align: right; }
DIV.contactLine { background-image: url(img/contactLine.gif); background-position: bottom; background-repeat: no-repeat; padding-bottom: 7px; padding-top:9px; text-align: right; font:bold 12px arial; color: #e5e5e4; padding-right: 26px;}
DIV.contactLine A {font:bold 12px arial; color: #e5e5e4; text-decoration: none;}
.contactTitle { color: #8bc540}
.contactLine { line-height: 20px;}
DIV.contactForm { float: left; margin-left:50px;}
DIV.contactR { float: right; width: 68px; font:bold 12px arial; color: #e5e5e4; margin-bottom: 9px; text-align: right;}
.contactInput { float: right; background-image: url(img/contactInput.gif); background-position: top; background-repeat: no-repeat; width: 190px; height: 17px; border: none; font:normal 12px arial; color: #e5e5e4; margin-bottom: 9px; text-align: right; }
.contactText { float: right; background-image:url(img/contactText.gif); background-position: top; background-repeat: no-repeat; width: 291px; height: 107px;border: none; font:normal 12px arial; color: #e5e5e4; margin-bottom: 9px; text-align: right; background-color:none;}
.sendBtn { float: left;}
/**customers**/
DIV.customersContent { width: 938px; height: 388px; background-color:#fff; margin-top:20px; margin-bottom:20px; padding-right:10px; margin-right:3px;}
DIV.scrollStage {height:370px; overflow:hidden; position:absolute; top:200px; vertical-align:top; width:930px;}
DIV.contentHolder {left:0; position:absolute; width:930px;}
DIV.cusContainer { width: 899px; margin-right: 24px; }
DIV.scrollBarHor { background-image: url(img/scroller_BG.gif); background-position: top; background-repeat: repeat;height:373px; position:absolute; top:200px; width:15px;}
.scrollBarHor #topButton {border:none; background-image:url(img/scrollUp.gif); background-position: top; background-repeat: no-repeat; cursor:pointer; height:10px; position:absolute; right:0; top:0; width:15px;}
.scrollBarHor #bottomButton {border:none; background-image:url(img/scrollBott.gif); bottom:0; cursor:pointer; height:10px; padding:0; position:absolute; right:0; width:15px; }
.scrollBarHor #scrollButton {border:none; background-color:transparent; background-image:url(img/scrollBTN.gif); cursor:pointer; height:11px; padding:0; position:absolute; right:0; top:170px; visibility:hidden; width:15px; }
DIV.cusContainer DIV.logos { float:right; background-image: url(img/custBorderL.gif); background-position: left; background-repeat: repeat-y; width: 174px; height: 97px; padding-left: 5px;}
DIV.cusContainer DIV.logos DIV {background-image: url(img/custBorderB.gif); background-position: bottom; background-repeat: repeat-x; padding-bottom: 5px; width: 174px; height: 92px;}
DIV.cusContainer DIV.last { background: none!important; }
/**solution**/
DIV.solutionContent { background-image: url(img/solutionBG.gif); background-position: bottom; background-repeat: no-repeat;}
DIV.solutionsBG { background-image: url(img/solutionBG2.gif); background-position: right; background-repeat: no-repeat;}
DIV.solutionRightBox {margin-left: 39px; float: right; width: 255px; height: 86px; background-image: url(img/contactLine.gif); background-position: right bottom; background-repeat: no-repeat; font:bold 12px/86px arial; color: #e5e5e4; text-align: right; padding-right: 24px;}
DIV.solutionRightBox A {font:bold 12px/86px arial; color: #e5e5e4; text-decoration: none;}
DIV.solutionRightBox IMG { float: left; margin-top: 40px;}
DIV.solutionLeftBox { float: right; width: 194px; height: 76px; padding-top: 10px; background-image: url(img/line191.gif); background-position: right bottom; background-repeat: no-repeat; font:normal 12px arial; color: #e5e5e4; text-align: right; }
DIV.paddingT3 { padding-top:67px;}
/**product**/
DIV.productContent { background-image: url(img/productBG.gif); background-position: bottom; background-repeat: no-repeat;}
DIV.prodText { float: right; width: 580px; text-align: right; margin-right: 27px; font:normal 12px arial; color: #e6e6e6; margin-bottom: 15px;}
DIV.prodText A { font:normal 12px arial; color: #e6e6e6; text-decoration: underline;}
DIV.prodPic { float: left; margin-top: 40px; margin-left: 60px;}
DIV.prodList { float: right; width: 235px;}
DIV.productContent H2 { font:bold 12px arial; color: #87c442; padding: 0px 0px 10px 0px; margin: 0px 27px 0px 0px; }
DIV.prodListText { font:normal 12px arial; color: #e6e6e6; text-align: right; padding-bottom: 23px; margin-right: 27px;}
DIV.prodNum { background-image: url(img/prodNum.gif); background-position: right; background-repeat: no-repeat; margin-right: 27px; padding-right: 14px; text-align: right;font:normal 12px/33px arial; color: #e5e5e4; margin-bottom: 30px;}
DIV.prodNum SPAN { float: right; margin-left: 22px; font:normal 14px/33px arial; color: #e5e5e4;}
/**project**/
DIV.projectContent { background-image: url(img/projectBG.gif); background-position: bottom; background-repeat: no-repeat;}
DIV.projectMenu { margin-top: 13px; margin-right: 25px; text-align: right; margin-bottom: 17px;}
DIV.projectMenu A {text-align: right;display: block; float: right; padding-left: 28px; margin-left: 28px; background-image: url(img/projectNavLine.gif); background-position: top left; background-repeat: no-repeat; font:normal 14px arial; color: #e6e6e6; text-decoration: none}
DIV.projectMenu A.firstSelected { color: #81bb3f;}
DIV.projectMenu A.selected { color: #81bb3f;}
DIV.projectMenu A.lastSelected { color: #81bb3f;}
DIV.projecsItems { float: right; width: 429px; height: 182px; text-align: right; margin-left:40px;}
DIV.projecsPic { float: left;background-image: url(img/hpPic.gif); background-position: top; background-repeat: no-repeat; width: 130px; height: 100px; padding: 12px; }
DIV.projecsPic DIV { width: 130px; height: 100px; background-position: top; background-repeat: no-repeat;}
DIV.projecsTitle { background-image: url(img/projectLine.gif); background-position: bottom right; background-repeat: no-repeat; float: right; width: 235px; font:normal 12px arial; color: #87c442; padding-bottom: 3px; margin-right: 27px;}
DIV.projecsTitle DIV {background-image: url(img/proj_arrow.gif); background-position: right; background-repeat: no-repeat; padding-right:14px; }
DIV.projecsText {margin-bottom:10px;margin-right: 27px; float: right; width: 235px; text-align: right; font:normal 12px arial; color: #f2f2f2}
DIV.projBTN { margin-right:27px; float: right; background-image: url(img/projectBTNR.gif); background-position:right; background-repeat: no-repeat; height: 21px; padding-right: 6px; }
DIV.projBTNL { background-image: url(img/projectBTNL.gif); background-position:left; background-repeat: no-repeat; height: 21px; padding-left: 6px; }
DIV.projBTNM { background-image: url(img/projectBTNM.gif); background-position:left; background-repeat:repeat-x; height: 21px;text-align: center; font:bold 12px/21px arial; color: #000; }
DIV.projBTNM A {text-align: center; font:bold 12px/21px arial; color: #000; display: block; text-decoration: none;}
.nobg { background: no-repeat!important}
DIV.projecsInner {float: right; margin-right: 27px; text-align: right; font:normal 12px arial; color: #f2f2f2; width: 400px; margin-bottom: 20px}
DIV.projecsInner H2 { font:bold 12px arial; color: #87c442; padding: 0px 0px 10px 0px; margin: 0px ; }
.projecsInnerIMG { float: right; margin-right:50px; margin-top: 30px;}
A.addBTN { display: block; float: left; background-image: url(img/noteBTN.gif); background-position: top; background-repeat: no-repeat; width: 60px; height: 19px; font:normal 12px/19px arial; color: #000; text-decoration: none;}