/******** reset ********/
H1, H2, H3, H4, H5, P, UL, LI, FORM, BR, LABLE, A, SPAN, TABLE, TR, TH, TD, DIV, B, FIELDSET, IMG {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: 0;
    border: none;
}

H1, H2, H3, H4, H5, INPUT, SELECT, LABEL, RADIO, TD {
    vertical-align: middle;
}

TABLE {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

A:link, A:hover, A:focus, A:active, A:visited, A:active:visited {
    outline-width: 0;
}

:focus {
    outline: 0;
}

* :focus {
    outline: 0;
}

* {
    padding: 0;
    margin: 0;
    _nofocusline: expression(this.hideFocus=true);
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/****** general *******/

.L {
    float: left;
}

.R {
    float: right;
}

.clearfix {
    zoom: 1;
    display:block;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
}

/******************/
a {
    outline: none;
    text-decoration: none;
}

img {
    border: none;
}

li {
    list-style: none;
}

.hidden {
    display: none;
}

.transparent {
    display: block;
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}

body {
    background: #fff;
    font: normal 62.5% Arial;
    color: #3d3d3d;
    text-align: right;
    direction: rtl;
}

.header {
    background: #242424;
}

.header .centerPage {
    height: 50px;
    width: 1018px;
    margin: 0 auto;
    position: relative;
}

.header .logo {
    background: url("/Global/weblogic/012mobile/IMG/masterSprite.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 79px;
    height: 62px;
    display: block;
}

.mainMenu {
    padding: 2px 0 0;
    height: 45px;
}

.mainMenu ul {
    overflow: hidden;
}

.mainMenu li {
    float: right;
    border-left: 1px solid #444444;
    position: relative;
}

.mainMenu li:first-child {
    border-right: 1px solid #444444;
}

.mainMenu a {
    width: 152px;
    text-align: center;
    height: 46px;
    color: #fff;
    font: bold 1.5em/55px Arial;
    display: block;
}

.mainMenu li:hover a {
    color: #fecd00;
}

.mainMenu img {
    position: relative;
    top: -4px;
    vertical-align: middle;
}

.mainMenu span {
    height: 4px;
    background: #fecd00;
    display: none;
    position: absolute;
    left: -1px;
    bottom: -1px;
    right: 0;
}

.mainMenu li:hover span, .mainMenu .active span {
    display: block;
}

.packages {
    width: 1018px;
    margin: 0 auto;
}

.packages .centerPage {
    height: 430px;
    padding: 81px 0 54px;
}

.packages .centerPage > li {
    background: url("/Global/weblogic/012mobile/IMG/divider.png") repeat-y scroll right 0 transparent;
    float: right;
    padding: 0 59px;
    width: 260px;
}

.packages .centerPage .first {
    background: none;
    padding-right: 0;
}

.packages .centerPage .last {
    padding-left: 0;
}

.packages .top {
    overflow: hidden;
    padding: 0 0 12px;
}

.packages .pic {
    float: right;
    height: 114px;
    margin: 10px 6px 0;
    width: 129px;
}

.packages .price {
    overflow: hidden;
    text-align: center;
    color: #7e7e7e;
}

.packages .number {
    font: bold 10.8em/108px Arial;
    height: 95px;
}

.packages .currency {
    font: bold 3.1em/31px Arial;
}

.packages .date {
    font: bold 2.5em/25px Arial;
}

.packages .title {
    background: #7e7e7e;
    color: #FFFFFF;
    font: bold 1.5em/21px Arial;
    height: 21px;
    margin: 0 auto 4px;
    text-align: center;
    width: 245px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.packages .title.noBG {
    background:none;
}

.tooltip {
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    height: 20px;
    width: 188px;
    margin: 0 auto 32px;
    position: relative;
}

.tooltip > a {
    display: block;
    text-align: center;
    color: #000;
    font: 1.6em/20px Arial;
}

.tooltip > a:hover {
    color: #7e7e7e;
}

.tooltip .pop {
    background: url("/Global/weblogic/012mobile/IMG/transparent.png") repeat scroll 0 0 transparent;
    display:none;
    width: 346px;
    height: 96px;
    border: 1px solid #2e2e2e;
    position: absolute;
    bottom: 100%;
    left: -97px;
    padding: 10px 16px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

.tooltip .btnClose {
    background: url("/Global/weblogic/012mobile/IMG/masterSprite.png") no-repeat scroll right -100px transparent;
    position: absolute;
    left: 4px;
    top: 5px;
    width: 22px;
    height: 22px;
    display:block;
}

.tooltip h5 {
    color: #FFFFFF;
    font: bold 1.4em/14px Arial;
    padding: 0 0 8px;
}

.tooltip p {
    color: #FFFFFF;
    font: 1.3em/16px Arial;
    padding: 0 0 4px;
}

.benefits {
    border-top: 1px solid #D5D5D5;
    margin: 0 auto;
    min-height: 120px;
    overflow: hidden;
    padding: 21px 0 10px;
    width: 245px;
}

.benefits li {
    float: right;
    overflow: hidden;
    width: 100%;
}

.benefits .name {
    border-left: 1px solid #D5D5D5;
    color: #3D3C3B;
    float: right;
    font: 1.6em/16px Arial;
    padding: 0 22px 14px 0;
    width: 106px;
}

.benefits .info {
    float: right;
    width: 90px;
    padding: 0 26px 0 0;
    color: #3d3c3b;
    font: bold 1.6em/16px Arial;
}

.joinNowbtn {
    border: 1px solid #FFD647;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.38);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.38);
    color: #1D1D1D;
    display: block;
    font: bold 2em/59px arial;
    height: 59px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.61);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #FFD400;
    background: -moz-linear-gradient(top,  #FFD400 0%, #FCBF00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFD400), color-stop(100%,#FCBF00));
    background: -webkit-linear-gradient(top,  #FFD400 0%,#FCBF00 100%);
    background: -o-linear-gradient(top,  #FFD400 0%,#FCBF00 100%);
    background: -ms-linear-gradient(top,  #FFD400 0%,#FCBF00 100%);
    background: linear-gradient(to bottom,  #FFD400 0%,#FCBF00 100%);
}

.joinNowbtn:hover {
    background: #febe10;
    background: -moz-linear-gradient(top,  #febe10 0%, #f1b703 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febe10), color-stop(100%,#f1b703));
    background: -webkit-linear-gradient(top,  #febe10 0%,#f1b703 100%);
    background: -o-linear-gradient(top,  #febe10 0%,#f1b703 100%);
    background: -ms-linear-gradient(top,  #febe10 0%,#f1b703 100%);
    background: linear-gradient(to bottom,  #febe10 0%,#f1b703 100%);
}




.joinNowbtn-red {
    border: 1px solid #ff4f3d;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.38);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.38);
    color: white!important;
    text-shadow: initial!important;
    display: block;
    font: bold 2em/59px arial;
    height: 59px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.61);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #ff1300;
    background: -moz-linear-gradient(top, #f63045 0%, #ff1300 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f63045), color-stop(100%, #ff1300));
    background: -webkit-linear-gradient(top, #f63045 0%, #ff1300 100%);
    background: -o-linear-gradient(top, #f63045 0%, #ff1300 100%);
    background: -ms-linear-gradient(top, #f63045 0%, #ff1300 100%);
    background: linear-gradient(to bottom, #f63045 0%, #ff1300 100%);
}

.joinNowbtn-red:hover {
    background: #ff2c1b;
    background: -moz-linear-gradient(top, #ff2c1b 0%, #ff0300 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff2c1b), color-stop(100%, #ff2c1b));
    background: -webkit-linear-gradient(top, #ff2c1b 0%, #ff2c1b 100%);
    background: -o-linear-gradient(top, #ff2c1b 0%, #ff2c1b 100%);
    background: -ms-linear-gradient(top, #ff2c1b 0%, #ff2c1b 100%);
    background: linear-gradient(to bottom, #ff2c1b 0%, #ff2c1b 100%);
}
.joinNowbtn-red a:link{
    color:white;
    text-shadow:initial;
}

.customerOptions {
    background: #242424;
}

.customerOptions .centerPage {
    width: 1018px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 0 0 54px;
}

.picSlide {
    float: right;
    margin: 56px 0 0 5px;
    position: relative;
    width: 310px;
    z-index: 10;
}

.picInner{
    overflow:hidden;
    width: 310px;
    height: 288px;
    position:relative;
}

.picSlide ul {
    height: 288px;
    z-index: 1;
    padding: 7px 0 0 0;
    position:absolute;
    top:0;
}

.picSlide li {
    height: 288px;
    width: 310px;
    float:right;
}

.picSlide ul a {
    display: block;
    width: 308px;
    height: 286px;
    border: 1px solid #494949;
    background: #383838;
    position: relative;
}

.picSlide ul a:hover {
    background: #3c3c3c;
}

.picSlide .text {
    width: 150px;
    padding: 92px 147px 0 0;
    text-align: center;
    font-weight: bold;
    font-family: arial;
    text-shadow: 1px 1px 0px #000;
    color: #fff;
    z-index: 5;
}

.picSlide .whiteBig {
    font-size: 2.6em;
    line-height: 30px;
}

.picSlide .whiteSmall {
    font-size: 1.8em;
    line-height: 18px;
    padding: 0 0 10px;
}

.picSlide .whiteSmall span {
    font-size: 1.8em;
    line-height: 18px;
}

.picSlide .yellow {
    background: url("/Global/weblogic/012mobile/IMG/divider2.png") no-repeat scroll center 0 transparent;
    color: #FEBE10;
    font-size: 3.1em;
    line-height: 31px;
    padding: 18px 0 0;
}

.picSlide .yellow span {
    font-size: 19px;
}

.picSlide .pic {
    display: block;
    height: 285px;
    position: absolute;
    right: 1px;
    bottom: 1px;
    z-index: 1;
}

.picSlide .ribbon {
    display: block;
    left: -5px;
    position: absolute;
    top: 0;
    z-index: 10;
}

.picSlide .bottom {
    background: url("/Global/weblogic/012mobile/IMG/masterSprite.png") no-repeat scroll 0 -100px transparent;
    height: 17px;
    width:308px;
    text-align: center;
    clear:both;
    padding: 6px 0 0;
    border-bottom: 1px solid #494949;
    border-left: 1px solid #494949;
    border-right: 1px solid #494949;
}

.picSlide .pager {
    display: inline-block;
}

.picSlide .pager a {
    background: url("/Global/weblogic/012mobile/IMG/masterSprite.png") no-repeat scroll 0 -150px transparent;
    display: inline-block;
    height: 8px;
    width: 9px;
    padding: 0 3px;
}

.picSlide .pager .activeSlide {
    background-position: 0 -200px;
}

.existe {
    float: right;
    padding: 95px 43px 0 0;
    width: 308px;
}

.existe h3 {
    background: url("/Global/weblogic/012mobile/IMG/masterSprite.png") no-repeat scroll 15px -250px transparent;
    border-bottom: 1px solid #555454;
    color: #fff;
    font: 3.4em/34px arial;
    height: 49px;
    padding: 0 16px 0 0;
}

.existe.sim h3 {
    background-position: 15px -300px;
}

.bulletList {
    padding: 44px 15px 0 0;
}

.bulletList li {
    padding: 0 0 22px 0;
}

.bulletList a {
    background: url("/Global/weblogic/012mobile/IMG/masterSprite.png") no-repeat scroll right 2px transparent;
    color: #cacaca !important;
    font: 1.5em/15px arial;
    display: block;
    padding: 0 23px 0 0;
}

.bulletList a:hover {
    color: #ffd520 !important;
}

.arrowList {
    padding: 41px 15px 0 0;
}

.arrowList li {
    padding: 0 0 42px;
}

.arrowList a {
    background: url("/Global/weblogic/012mobile/IMG/masterSprite.png") no-repeat scroll 20px -385px transparent;
    color: #CACACA;
    display: block;
    font: 1.5em/22px arial;
    padding: 0 0 0 50px;
}

.arrowList a:hover {
    color: #ffd520;
}

.arrowList a div {
    font-weight: bold;
}

.whiteBoxs {
    background: url("/Global/weblogic/012mobile/IMG/whiteBoxs.png") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #eaeaea;
}

.whiteBoxs .centerPage {
    margin: 0 auto;
    padding: 77px 0 69px;
    position: relative;
    width: 1018px;
}

.whiteBoxs a.whiteBox {
    background: url("/Global/weblogic/012mobile/IMG/whiteBoxsBG.png") repeat scroll 0 0 transparent;
    width: 314px;
    height: 292px;
    margin: 0 23px 0 0;
    float: right;
    padding:3px;
}

.whiteBoxs a:first-child {
    margin-right: 0;
}

.whiteBoxs a.whiteBox:hover {
    background: url("/Global/weblogic/012mobile/IMG/whiteBoxsBG.png") repeat scroll 0 -500px transparent;
}

.whiteBoxs h3 {
    border-bottom: 1px solid #D6D6D6;
    color: #3D3C3B;
    font: bold 1.8em/69px arial;
    height: 59px;
    margin: 0 1px;
    overflow: hidden;
    padding: 0 16px 0 0;
}

.whiteBoxs .content {
    height: 192px;
}

.whiteBoxs .bottom {
    border-top: 1px solid #d6d6d6;
    margin: 0 1px;
    padding: 4px 0 0;
    height: 25px;
}

.whiteBoxs .bottom img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
}

.whiteBoxs .bottom span {
    background: url("/Global/weblogic/012mobile/IMG/masterSprite.png") repeat scroll 0 -350px transparent;
    margin: 0 1px;
    height: 16px;
    display: inline-block;
    padding: 0 19px;
    color: #3d3c3b;
    font: bold 1.4em/14px arial;
}

.whiteBoxs a:hover .bottom span {
    color: #7e7e7e;
}

.box1 {
    background: url("/Global/weblogic/012mobile/IMG/box1.png") no-repeat scroll right 9px transparent;
    height: 100%;
    padding: 0 145px 0 30px;
    text-align: center;
}

.box1 h4 {
    color: #000;
    font: bold 2.9em/29px arial;
    padding: 40px 0 10px;
}

.box1 p {
    color: #070707;
    font: 1.6em/20px arial;
}

.box2 {
    padding: 0 20px 0 0;
}

.box2 p {
    color: #070707;
    font: 1.4em/14px arial;
    padding: 30px 0 10px;
}

.box2 .price {
    color: #070707;
    font: bold 2.4em/24px arial;
    padding: 0 0 30px;
}

.box2 img {
    padding: 0 160px 0 0;
    display: block;
}

.box3 {
    padding: 27px 20px 0;
}

.box3 p {
    background: url("/Global/weblogic/012mobile/IMG/masterSprite.png") no-repeat scroll right -44px transparent;
    color: #070707;
    font: 1.4em/17px arial;
    padding: 0 18px 17px 0;
}

.box3 .deployment {
    overflow: hidden;
    padding: 25px 0 0;
}

.box3 img {
    float: right;
    padding: 0 21px 0 0;
}

.box3 img:first-child {
    padding-right: 11px;
}

.reasons .centerPage {
    margin: 0 auto;
    padding: 70px 0 101px;
    position: relative;
    width: 1018px;
}

.reasons .top {
    padding: 0 0 43px;
    text-align: center;
}

.reasons .top .title {
    color: #3d3c3b;
    font: bold 2.8em/28px arial;
    vertical-align: middle;
    display: inline-block;
    padding: 0 24px;
}

.reasons .top .line {
    background: #dbdbdb;
    height: 1px;
    vertical-align: middle;
    line-height: 28px;
    display: inline-block;
    width: 87px;
}

.reasons ul {
    overflow: hidden;
}

.reasons li {
    border-right: 1px solid #E7E7E7;
    float: right;
    height: 146px;
    text-align: center;
    width: 338px;
}

.reasons li:first-child {
    border-right: none;
}

.reasons .imgContainer {
    height: 110px;
    line-height: 110px;
}

.reasons .imgContainer img {
    vertical-align: middle;
}

.reasons h6 {
    color: #3d3c3b;
    font: 1.8em/18px arial;
}

.footer {
    height: 76px;
}

.footer .centerPage {
    margin: 0 auto;
    border-top: 1px solid #dfdfdf;
    position: relative;
    width: 1018px;
}

.footer ul {
    height:20px;
    padding: 11px 0 0;
    float: right;
    width: 700px;
}

.footer li {
    color: #dfdfdf;
    font: 1.5em/15px arial;
    float: right;
}

.footer li a {
    color: #3d3c3b;
    padding: 0 13px;
    display: block;
}

.footer li:first-child a {
    padding-right: 0;
}

.footer li a:hover {
    color: #7e7e7e;
    text-decoration:underline;
}

.footer .facebook {
    color: #3d3c3b;
    font: 1.5em/28px arial;
    height: 28px;
    float: left;
    padding: 9px 0 0;
}

.footer .facebook img {
    vertical-align: middle;
    padding-right: 5px;
}


.picInner{overflow:hidden}

/** for popup **/

#iconsArea {
    position: relative;
}

#iconsArea .arrow {
    position: relative; 
    top: -17px; 
    left: 0; 
    width: 14px; 
    height: 12px;
}

#iconsArea ul li a {
    text-decoration: none;
}

#iconsArea #open {
    display: inline-block;
}

#popService {
    display: none; 
    position: absolute;
    top: 55px; 
    right: -10px; 
    width: 230px; 
    font-size: 1.3em; 
    padding: 5px; 
    color: #575757; 
    z-index: 1;
    background: #ffffff;
    border-radius: 5px; 
    border: 1px solid #e3e3e3; 
    border-bottom: 2px solid #676767;
}

#popService #close {
    float: left; 
    color: #fcbd00; 
    font-weight: bold; 
    font-size: 0.8em; 
    cursor: pointer;
}

#popService .arrow {
    position: relative; 
    top: -23px;
    left: -5px;
}

#popService p {
    margin: -10px 0 0 0; 
    text-align: right;
    font-size: 0.7em;
    font-weight: normal;
}

/***************/

#popServiceSms {
    display: none; 
    position: absolute; 
    top: 147px; 
    right: 20px; 
    width: 230px; 
    font-size: 1.3em; 
    padding: 5px; 
    color: #575757; 
    z-index: 1; 
    background: #ffffff; 
    border-radius: 5px; 
    border: 1px solid #e3e3e3; 
    border-bottom: 2px solid #676767;
}

#popServiceSms #closePop {
    float: left;
    color: #fcbd00;
    font-weight: bold;
    font-size: 0.8em;
    cursor: pointer;
    margin: -13px 0 0 0;
}

#popServiceSms .arrow {
    position: relative; top: -15px; right: 60px;
}

#popServiceSms p {
    text-align: right; 
    font-size: 0.6em; 
    font-weight: normal;
}