﻿
/* Start - General Template */

* {margin:0; padding:0; }
html,body{ height:100%; background-color:#fff; font: normal 15px/1 Arial,Helvetica,sans-serif; color:#000; }
.wrapper{ width:1000px; background: #6DA3ED url(../images/Cellular/mainBackground.jpg) 0 0 no-repeat; overflow:hidden; margin: auto; }
img{ -ms-interpolation-mode:bicubic; }
.clearAll{ clear:both; }
.floatright{float:right!important;}
.floatleft{float:left!important;}
.floatnone{float:none !important;}
.noBorder{border:none!important;}
.relative { position: relative; }

/* /* End - General Template */ 

p{ font: normal 15px/1 Arial,Helvetica,sans-serif; color:#000; text-align:right; direction: rtl; }
h1{ float: right; font: normal 34px/27px Arial,Helvetica,sans-serif; color:#3D4E9D; text-align:right; direction: rtl; }
h2{ font: bold 18px/1 Arial,Helvetica,sans-serif; color:#3D4E9D; text-align:right; direction: rtl; padding: 20px 0; }
h3{ float: right; font: bold 18px/1 Arial,Helvetica,sans-serif; color:#00A33D; text-align:right; direction: rtl; padding: 2px 10px 0 0; }
h4 { float: right; font: normal 16px\1 Arial,Helvetica,sans-serif; color: #3D4E9D; text-align:right; direction: rtl; margin: 5px 10px 0 0; }
a { color: #4D9ED7; text-decoration: underline; cursor: pointer; font: bold 15px/1 Arial,Helvetica,sans-serif; text-align:right; }
a:hover { color: #4D9ED7; text-decoration: none; }
.pipe { float: right; padding: 0 10px; }

.header { float: right; position: relative; padding-top: 28px; padding-right: 20px; background: url(../images/Cellular/headerBackground.png) 0 0 repeat-x; width: 980px; height: 60px; } 
.logo { width: 203px; height: 88px; position: absolute; left: 0; top: 0; }

.footer { float: right; background: url(../images/Cellular/footerBackground.png) 0 0 repeat-x; width: 1000px; height: 35px; }
.main { width:1000px; float: right;  margin-bottom: 35px; /*min-height: */ }

.tabs { float: right; width: 1000px; position: relative; margin: 65px 0 97px; }
.tab1 { float: right; position: absolute; top: 0; right: 20px; }
.tab2 { float: right; position: absolute; top: 0; right: 260px; }
.tab3 { float: right; position: absolute; top: 0; right: 590px; }
.tab1Inline, .tab2Inline, .tab3Inline { float: right; position: relative; }
.tab1Inline img { position: absolute; bottom: 9px; right: 25px; }
.tab2Inline img { position: absolute; bottom: 9px; right: 40px; }
.tab3Inline img { position: absolute; bottom: 9px; right: 10px; }
div.wi { float: left; /*padding-top: 6px;*/ }
/* Dynamic button */
a.button {
      background: transparent url(../images/Cellular/tab_right.png) no-repeat right top;
      display: block;
      float: left;
      height: 67px;
      /*margin:0 4px;*/
      padding-right: 29px !important; /* Width for the right border pic */
      font: bold 22px/1 Arial,Helvetica,sans-serif;
      text-decoration: none;
      text-align:center;
}
a.button span {
      background: transparent url(../images/Cellular/tab.png) left top no-repeat;
      display: block;
      font: bold 22px/60px Arial,Helvetica,sans-serif;
      float: left;
      height:67px;
      padding-right: 65px;
      padding-left: 50px;
      cursor:pointer;
      color:#034EA1;
}
a.button:hover { background:url(../images/Cellular/tab_right.png) right -67px no-repeat; }
a.button:hover span { background:url(../images/Cellular/tab.png) left -67px no-repeat; color:#fff;}
a.active { background:url(../images/Cellular/tab_right.png) right -67px no-repeat; }
a.active span { background:url(../images/Cellular/tab.png) left -67px no-repeat; color:#fff;}
/* end Dynamic button */

.pad70 { padding-right: 70px !important; }
.pad80 { padding-right: 80px !important; }
.pad0 { padding-top: 0px !important; }
.pad20 { padding-top: 20px !important; }
.pad10 { padding-top: 10px !important; }
.pad40 { padding-top: 40px !important; }
.bigImg { margin-top: -28px; margin-right: 40px; float: right; }
.mainInline { float: right; width: 980px; margin-right: 20px; }
.box { float: right; width: 662px; }
.boxInline { float: right; width: 607px; min-height: 315px; padding: 10px 25px 0 30px; background: url(../images/Cellular/mainBoxCenter.png) 0 0 repeat-y; }
ul { direction: rtl; text-align: right; overflow: hidden; list-style: none !important; }
ul li.num1 { display: block; background: url(../images/Cellular/bulletOne.png) 100% 0 no-repeat; padding: 1px 30px 25px 0; #padding: 2px 15px 25px 0; }
ul li.num2 { display: block; background: url(../images/Cellular/bulletTwo.png) 100% 0 no-repeat; padding: 1px 30px 25px 0; #padding: 2px 15px 25px 0; }
ul li.arrow { display: block; background: url(../images/Cellular/arrow.png) 100% 12% no-repeat; padding: 0px 30px 10px 0; }
img.maccabi { float: right; margin: -20px 18px 0 12px; }
img.appStore { float: right; margin: -20px 0 0; }

div.wi2 { float: left; padding-top: 50px; }
/* Dynamic button */
a.button2 {
      background: transparent url(../images/Cellular/sendRight.png) no-repeat right top;
      display: block;
      float: left;
      height: 32px;
      /*margin:0 4px;*/
      padding-right: 18px !important; /* Width for the right border pic */
      font: normal 18px/1.5 Arial,Helvetica,sans-serif;
      text-decoration: none;
      text-align:center;
}
a.button2 span {
      background: transparent url(../images/Cellular/send.png) left top no-repeat;
      display: block;
      font: normal 18px/1.5 Arial,Helvetica,sans-serif;
      float: left;
      height:32px;
      padding-right: 5px;
      padding-left: 45px;
      cursor:pointer;
      color:#fff;
}
/* end Dynamic button */

label { float: right; padding-left: 5px; padding-top: 1px; }
input[type="text"] { float: right; width: 108px; height: 18px; border: solid 1px #c5c5c5; }
select { float: right; width: 150px; height: 20px; border: solid 1px #c5c5c5; font: normal 13px\20px Arial; color: #666666; margin-left: 5px; line-height: 20px; } 
select.areaCode { float: right; width: 70px; height: 20px; border: solid 1px #c5c5c5; font: normal 13px\20px Arial; color: #666666; margin-left: 5px; } 
label.first-child { width: 93px; float: right; padding-left: 0px !important; }
table.cells { width: 607px; float: right; direction: rtl; }
table.cells td { float: right; width: 200px; vertical-align: top; }
div.boxCells { float: right; width: 189px; margin-bottom: 15px; }
div.boxCellsTop { float: right; width: 189px; height: 24px; background: url(../images/Cellular/boxTop.png) 0 0 no-repeat; }
div.boxCellsCenter { float: right; width: 174px; padding: 10px 10px 0 5px; background: url(../images/Cellular/boxCenter.png) 0 0 repeat-y; }
div.boxCellsCenter p { font-size: 13px !important; }
div.boxCellsCenter ul li { padding-right: 17px !important; padding-bottom: 7px !important; }

p.errorTitle { color: #000F5E; font: bold 15px/1 Arial; text-align: center; direction: rtl; padding-bottom: 5px; padding-top: 5px; }
p.errorSubTitle { color: #000; font: bold 13px/1 Arial; text-align: center; direction: rtl; }
div.boxInlineError { float: right; text-align: center; width: 607px; min-height: 235px; padding: 90px 25px 0 30px; background: url(../images/mainBoxCenter.png) 0 0 repeat-y; }
.bigImgError { margin-top: 70px; float: right; }
.pad202 { float: right; padding-top: 20px !important; margin-right: 224px; }
