#join-popup .form .join-input.show-feedback input {} #join-popup .form .join-input.show-feedback:after { content: ""; position: absolute; top: 19px; right: 16px; width: 20px; height: 20px; background: url("/images/validateX.svg") no-repeat; /* border: 4px solid white; border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.971 47.971' fill='%23bf1717'%3E%3Cpath d='M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88 c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242 C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879 s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z'/%3E%3C/svg%3E") no-repeat; box-shadow: 0 0 0 2px #bf1717; */ } #join-popup .form .join-input.show-feedback.feedback-success:after { /*box-shadow: 0 0 0 2px #52b12a;*/ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='14px' viewBox='0 0 97.619 97.618' fill='%2352b12a'%3E%3Cpath d='M96.939,17.358L83.968,5.959c-0.398-0.352-0.927-0.531-1.449-0.494C81.99,5.5,81.496,5.743,81.146,6.142L34.1,59.688 L17.372,37.547c-0.319-0.422-0.794-0.701-1.319-0.773c-0.524-0.078-1.059,0.064-1.481,0.385L0.794,47.567 c-0.881,0.666-1.056,1.92-0.39,2.801l30.974,40.996c0.362,0.479,0.922,0.771,1.522,0.793c0.024,0,0.049,0,0.073,0 c0.574,0,1.122-0.246,1.503-0.68l62.644-71.297C97.85,19.351,97.769,18.086,96.939,17.358z'/%3E%3C/svg%3E"); background-size: 14px 14px; background-position: center center; background: url("/images/validateV.svg") no-repeat; } #join-popup .form .submit { margin-bottom: 24px; width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; background-color: #FB9517; font-size: 18px; color: white; transition: background-color 0.25s; } #join-popup .form .submit:hover, #join-popup .form .submit:focus { background-color: #dc7c05; } #join-popup .form .terms { font-size: 16px; color: #a6a6a6; } #join-popup .form .terms a { color: #0091ff !important; text-decoration: none; } #join-popup .form .terms a:hover, #join-popup .form .terms a:focus { text-decoration: underline; } #join-popup .separator { width: 100%; max-width: 360px; margin: 0px 0 32px; text-align: center; } #join-popup .separator:before { height: 1px; background: #EEE; width: 100%; content: ""; display: block; } #join-popup .separator span { display: inline-block; padding: 4px; font-size: 16px; color: #6c6c6c; background: white; transform: translateY(-50%); } #join-popup .sign-up-links { width: 100%; max-width: 360px; } #join-popup .sign-up-links a { background: white; display: flex; height: 58px; align-items: center; justify-content: left; text-decoration: none; font-size: 16px; border-radius: 3px; margin-bottom: 24px; border: 2px solid #167EE6; padding-left: 80px; color: #167EE6 !important; } #join-popup .sign-up-links a svg { display: inline-block; flex-basis: 20px; min-width: 20px; height: 20px; margin-right: 13px; } #join-popup .sign-up-links a.facebook { border-color: #475993; color: #55659B; } #join-popup .sign-up-links a.github { color: black; border-color: black; } #join-popup .sign-up-links a:last-child { margin-bottom: 0; } #join-popup .sign-up-links a:hover, #join-popup .sign-up-links a:focus { font-weight: 600; } @media (min-width: 1200px) { #join-popup .join-body { flex-direction: row; } #join-popup .form, #join-popup .sign-up-links { flex-basis: 360px; min-width: 360px; width: initial; } #join-popup .separator { height: 225px; width: 154px; flex-basis: 154px; min-width: 154px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; } #join-popup .separator:before, #join-popup .separator:after { width: 2px; height: 117px; } #join-popup .separator:after { content: ""; background: #EEE; display: block; } #join-popup .separator span { transform: initial; } } .flexBreak { flex-basis: 100%; width: 100%; max-width: 100%; padding: 30px 65px 0 20px; } /* Absolute Center Spinner */ .loading { position: fixed; z-index: 999; height: 2em; width: 2em; overflow: visible; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } /* Transparent Overlay */ .loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); } /* :not(:required) hides these rules from IE9 and below */ .loading:not(:required) { /* hide "loading..." text */ font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .loading:not(:required):after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; } /* Animation */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @font-face { font-family: 'HelveticaNeueLight'; src: url('../fonts/HelveticaNeue-Light.otf') format('opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueBD'; src: url('../fonts/HelveticaNeueBd.woff') format('opentype'); /*src: local('HelveticaNeueBd');*/ font-weight: normal; font-style: normal; } .sign_feild { width: 215px; padding: 0px 35px 0 10px; height: 40px; border: 1px solid #fff; border-radius: 5px; margin: 0 3px; font-size: 14px; } .input-block-level { display: block; width: 100%; min-height: 28px; // Make inputs at least the height of their button counterpart .box-sizing(border-box); // Makes inputs behave like true block-level elements } .flexBreak { margin: auto; } .sign-up-linksIphone { display: none; } #join-title { font-size: 32px; font-weight: bold; font-family: 'HelveticaNeueBD' !important; } #join-popup * { font-family: HelveticaNeueLight; outline: none; -webkit-overflow-scrolling: touch; } #join-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 1000; visibility: hidden; opacity: 0; transition: visibility 0.3s, opacity 0.1s; } #join-popup[aria-hidden=false] { opacity: 1; visibility: visible; } #join-popup[aria-hidden=false] .join-body { transform: translateY(0); } #join-popup .join-wrapper { display: flex; align-items: center; margin: -25px 0; min-height: 100%; /*min-height: calc(100% - 102px);*/ } #join-popup .join-close { position: absolute; top: 0; z-index: 1000; right: 0; } #join-popup .join-close button { padding: 16px; margin: 0; border: 0; background: transparent; } #join-popup .join-close button svg { fill: white; width: 16px; height: 16px; } #join-popup .join-body { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; background: white; margin: 0 auto; width: 100%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12); display: flex; flex-wrap: wrap; flex-direction: column; align-items: top; justify-content: center; position: relative; } #join-popup .join-body:before { content: ""; position: absolute; bottom: 0; right: 0; width: 400px; height: 366px; max-width: 100%; max-height: 100%; background: url("/images/Illustration.svg") no-repeat; } @media (min-width: 576px) { #join-popup .separator { margin: 42px 0 32px; } #join-popup .join-body { width: 530px; } } @media (max-width: 576px) { #join-popup .join-close { top: 10px !important; } #join-popup .join-close button svg { fill: black !important; } .join-body {padding: 25px;} #join-popup .form .join-input input { width: 85%;} } @media only screen and (max-width: 1200px) and (min-width: 160px) { /*@media (max-width: 1200px) {*/ /*.sign-up-links, .sign-up-linksIphone { display: none !important; }*/ .sign-up-linksIphone { display: flex !important; flex-basis: 360px !important; width: 100% !important; max-width: 360px; justify-content: center !important; } #join-popup .join-body { align-items: center; } #join-popup .join-body { padding-top: 0px !important; } #join-popup { max-height: 100% !important; } #join-popup .separator { margin-top: 40px !important; margin-bottom: 0px !important; } /*#join-popup .form .join-input input, #join-popup .form .join-input label { height: 48px !important; }*/ .sign-up-links { display: none !important; } .flexBreak { padding: 22px 0 22px 0 !important; max-width: 360px !important; } #join-popup .sign-up-linksIphone a:first-of-type { margin-left: 0px; } #join-popup .sign-up-linksIphone a:last-of-type { margin-right: 0px; } #join-popup .form .terms { font-size: 15px !important; } #join-popup .join-wrapper { min-height: auto; margin-top: 0px !important; } #join-popup .sign-up-linksIphone a { width: 28% !important; background: white; display: flex; height: 54px; align-items: center; justify-content: left; text-decoration: none; font-size: 16px; border-radius: 3px; margin: 0 10px 24px 10px; border: 2px solid #167EE6; color: #167EE6 !important; } #join-popup .sign-up-linksIphone a svg { display: inline-block; min-width: 20px; height: 20px; } #join-popup .sign-up-linksIphone a.facebook { border-color: #475993; color: #55659B; } #join-popup .sign-up-linksIphone a.github { color: black; border-color: black; } } @media only screen and (max-width: 1200px) and (min-width: 300px) { #join-popup .join-wrapper { min-height: auto; margin-top: 45px; } #join-popup .sign-up-links a { padding-left: 20% !important; } #join-popup .separator { margin-top: 30px !important; } } @media (min-width: 768px) { #join-popup .separator { margin: 42px 0 32px; } } @media (min-width: 1200px) { #join-popup .join-body { width: 1112px; min-height: 595px; } } #join-popup .form, #join-popup .separator, #join-popup .sign-up-links { position: relative; z-index: 1; } #join-popup .form { width: 100%; max-width: 360px; } #join-popup .title { color: #1a1a1a; font-size: 28px; font-weight: bold; margin-bottom: 9px; } @media (min-width: 768px) { #join-popup .title { font-size: 32px; } } #join-popup .subtitle { font-weight: 400; font-size: 16px; color: #6D7278; margin-bottom: 25px; } #join-popup .form .join-input { position: relative; margin-bottom: 24px; } #join-popup .form .join-input input, #join-popup .form .join-input label { height: 55px; } #join-popup .form .join-input input::-webkit-input-placeholder { color: transparent; } #join-popup .form .join-input input:-ms-input-placeholder { color: transparent; } #join-popup .form .join-input input::-ms-input-placeholder { color: transparent; } #join-popup .form .join-input input::-moz-placeholder { color: transparent; } #join-popup .form .join-input input::placeholder { color: transparent; } #join-popup .form .join-input input { padding: 0 20px; border: 2px solid #e8e8e8; border-radius: 3px; width: 87%; font-size: 16px; color: #1a1a1a; } #join-popup .form .join-input label { position: absolute; top: 0; left: 0; z-index: 1; font-size: 16px; color: #999; display: inline-flex; align-items: center; transition: width 0.2s, height 0.2s, transform 0.2s, background 0.2s, font-size 0.2s; margin: 0 18px; padding: 0 6px; } #join-popup .form .join-input input:focus + label, #join-popup .form .join-input input:not(:placeholder-shown) + label { height: 18px; font-size: 14px; transform: translateY(-50%); background: white; } #join-popup .form .join-input.show-feedback input { } #join-popup .form .join-input.show-feedback:after { content: ""; position: absolute; top: 19px; right: 16px; width: 20px; height: 20px; background: url("/images/validateX.svg") no-repeat; /* border: 4px solid white; border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.971 47.971' fill='%23bf1717'%3E%3Cpath d='M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88 c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242 C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879 s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z'/%3E%3C/svg%3E") no-repeat; box-shadow: 0 0 0 2px #bf1717; */ } #join-popup .form .join-input.show-feedback.feedback-success:after { /*box-shadow: 0 0 0 2px #52b12a;*/ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14px' height='14px' viewBox='0 0 97.619 97.618' fill='%2352b12a'%3E%3Cpath d='M96.939,17.358L83.968,5.959c-0.398-0.352-0.927-0.531-1.449-0.494C81.99,5.5,81.496,5.743,81.146,6.142L34.1,59.688 L17.372,37.547c-0.319-0.422-0.794-0.701-1.319-0.773c-0.524-0.078-1.059,0.064-1.481,0.385L0.794,47.567 c-0.881,0.666-1.056,1.92-0.39,2.801l30.974,40.996c0.362,0.479,0.922,0.771,1.522,0.793c0.024,0,0.049,0,0.073,0 c0.574,0,1.122-0.246,1.503-0.68l62.644-71.297C97.85,19.351,97.769,18.086,96.939,17.358z'/%3E%3C/svg%3E"); background-size: 14px 14px; background-position: center center; background: url("/images/validateV.svg") no-repeat; } #join-popup .form .submit { margin-bottom: 24px; width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; background-color: #FB9517; font-size: 18px; color: white; transition: background-color 0.25s; } #join-popup .form .submit:hover, #join-popup .form .submit:focus { background-color: #dc7c05; } #join-popup .form .terms { font-size: 16px; color: #a6a6a6; } #join-popup .form .terms a { color: #0091ff !important; text-decoration: none; } #join-popup .form .terms a:hover, #join-popup .form .terms a:focus { text-decoration: underline; } #join-popup .separator { width: 100%; max-width: 360px; margin: 0px 0 32px; text-align: center; } #join-popup .separator:before { height: 1px; background: #EEE; width: 100%; content: ""; display: block; } #join-popup .separator span { display: inline-block; padding: 4px; font-size: 16px; color: #6c6c6c; background: white; transform: translateY(-50%); } #join-popup .sign-up-links { width: 100%; max-width: 360px; } #join-popup .sign-up-links a { background: white; display: flex; height: 54px; align-items: center; justify-content: left; text-decoration: none; font-size: 16px; border-radius: 3px; margin-bottom: 24px; border: 2px solid #167EE6; padding-left: 80px; color: #167EE6 !important; } #join-popup .sign-up-links a svg { display: inline-block; flex-basis: 20px; min-width: 20px; height: 20px; margin-right: 13px; } #join-popup .sign-up-links a.facebook { border-color: #475993; color: #55659B; } #join-popup .sign-up-links a.github { color: black; border-color: black; } #join-popup .sign-up-links a:last-child { margin-bottom: 0; } #join-popup .sign-up-links a:hover, #join-popup .sign-up-links a:focus { font-weight: 600; } @media (min-width: 1200px) { #join-popup .join-body { flex-direction: row; } #join-popup .form, #join-popup .sign-up-links { flex-basis: 360px; min-width: 360px; width: initial; } #join-popup .separator { height: 225px; width: 154px; flex-basis: 154px; min-width: 154px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; } #join-popup .separator:before, #join-popup .separator:after { width: 2px; height: 117px; } #join-popup .separator:after { content: ""; background: #EEE; display: block; } #join-popup .separator span { transform: initial; } } .flexBreak { flex-basis: 100%; width: 100%; max-width: 100%; padding: 30px 65px 0 20px; } .btn_submit_new { width: 100%; color: #fff; font-size: 20px; height: 51px; background-color: #fb9516 !important; border-width: 0px; position: relative; cursor: pointer; margin-top: 6px; padding: 0px; border-radius: 0px !important; -webkit-appearance: none; -webkit-border-radius:0px; } .separator, .sign-up-linksIphone, .sign-up-links { display: none !important; } #join-popup .join-body { width: 500px !important; } .tooltip_11 span { display: none; right: 0px; float: left !important; top: 22px; font-size: 12px; color: #333; padding: 10px; border: 1px solid #b10c0c; position: absolute; z-index: 98; width: 200px; background-color:#fff; } .tooltip_11 { display: inline; position: relative; float: left; margin-right: 3px; } .tooltip_11:hover span { display: block; } /* @font-face{ font-family:'HelveticaNeueLight'; src:url("//s3.amazonaws.com/fonts.aws.amazon.com/font/45/LTe50263.eot?v=1.0"); src:url("//s3.amazonaws.com/fonts.aws.amazon.com/font/45/LTe50263.eot?#iefix&v=1.0") format("embedded-opentype"), url("//s3.amazonaws.com/fonts.aws.amazon.com/font/45/LTe50263.woff") format("woff"), url("//s3.amazonaws.com/fonts.aws.amazon.com/font/45/LTe50263.ttf") format("truetype"); font-weight:normal; font-style:normal } @font-face{ font-family:'HelveticaNeue'; src:url("//s3.amazonaws.com/fonts.aws.amazon.com/font/55/LTe50259.eot?v=1.0"); src:url("//s3.amazonaws.com/fonts.aws.amazon.com/font/55/LTe50259.eot?#iefix&v=1.0") format("embedded-opentype"), url("//s3.amazonaws.com/fonts.aws.amazon.com/font/55/LTe50259.woff") format("woff"), url("//s3.amazonaws.com/fonts.aws.amazon.com/font/55/LTe50259.ttf") format("truetype"); font-weight:normal; font-style:normal } @font-face{ font-family:'HelveticaNeueBold'; src:url("//s3.amazonaws.com/fonts.aws.amazon.com/font/75/LTe50261.eot?v=1.0"); src:url("//s3.amazonaws.com/fonts.aws.amazon.com/font/75/LTe50261.eot?#iefix&v=1.0") format("embedded-opentype"), url("//s3.amazonaws.com/fonts.aws.amazon.com/font/75/LTe50261.woff") format("woff"), url("//s3.amazonaws.com/fonts.aws.amazon.com/font/75/LTe50261.ttf") format("truetype"); font-weight:normal; font-style:normal }*/ body { margin:0px; padding:0px; background:#ffffff url(images/bg.png) repeat center 115px; /*font:normal 14px Arial;*/ font-size: 1em; font-weight: 200; /*line-height: 1.6em;*/ font-family: "HelveticaNeueLight","Helvetica",Helvetica,Arial,sans-serif; color: #333; /*color:#000000;*/ } .bold{font-weight:bold;} .replace{display:none;} .bold{font-weight:bold;} a, a.whatis{ font-weight:normal; font-size:13px; color:#aa0a0a; text-decoration:underline; } a:hover, a.whatis:hover{ font-weight:normal; font-size:13px; color:#aa0a0a; text-decoration:none; } img{border:0px;} .precontainer { float:right; margin-top:3px; padding:0px; width:730px; font-size: 11px; color: #ffffff; } .precontainer a { font-size: 11px; color: #ffffff; font:normal 11px Trebuchet MS; } .precontainer a:hover { color: #ffffff; text-decoration:none; font:normal 11px Trebuchet MS; } .precontainer .langselect{float:right;direction: ltr;} .precontainer .langselect a { font-size: 11px; color: #ffffff; text-decoration:none; font:normal 11px Trebuchet MS; } .precontainer .langselect a:hover { color: #ffffff; text-decoration:underline; font:normal 11px Trebuchet MS; } .precontainer .langselect select{width:auto;height:18px;font:normal 11px Arial;} h1{ float:left; margin:0px; margin-top:15px; margin-bottom:8px; padding:0px; font-weight:normal; font-size:24px; color:#a60e46; direction: ltr; } .cont h1{ margin-top:0px; } .livechat{ float:right; margin:0px; margin-top:15px; margin-bottom:8px; margin-left:0px; padding:0px; padding-right:10px; font-size:24px; background-repeat:no-repeat; background-position:center left; font-weight:normal; color:#a60e46; text-decoration:none; } .livechat_offline{color:#c9c9c9;margin-left:20px;background-image:url(images/icon_livechat_offline.gif);} .phone:hover{ font-size:24px; font-weight:normal; color:#a60e46; text-decoration:none; } p{direction:ltr;margin:0px;padding:0px;} .accesskey {text-decoration:underline;} .container{ margin:0 auto; padding:0px; width:730px; z-index:10; } .container .main{ clear:both; margin:0 auto; padding:0px; /*width:730px;*/ } .container .main .content{ clear:both; margin:0 auto; padding:0px; width:800px; } .container .main .cont{ clear:both; margin:0 auto; padding-top:10px; width:730px; height:auto !important; min-height:500px; height:500px; } .container .main .cont.article{ padding-top: 0px; } /*---------- Header -----------*/ .container .header{ width:730px; height:137px; background-image:url(images/logo.png); background-repeat:no-repeat; background-position:left top; } .container .header .logo{ float:left; margin:0px; padding:0px; padding-top:10px; width:277px; height:64px; cursor:pointer; } .container .header .logo a {float:left;width:277px;height:64px;} .line{float:left;width:100%;} a.tab_login{ float:right; margin-top:14px; _margin-top:12px; padding-top:5px; width:90px; height:23px; background-image:url(images/bt-menu.png); background-position:bottom; font-size:13px; font-weight:bold; color:#ffffff; text-align:center; text-decoration:none; } a.tab_login:hover{ color:#a60e46; background-image:url(images/bt-menu.png); background-position:top; } /* a.tab_login_inner{ color:#ffffff; background-image:url(images/bt-menu.png); background-position:bottom; } a.tab_login_inner:hover{ color:#a60e46; background-image:url(images/bt-menu.png); background-position:top; } */ /*---------- Footer menu -----------*/ .container .footer{ margin:0px; margin-top:20px; padding:0px; padding-bottom:10px; width:730px; float:left; } .container .footer .rights, .rights{ float:left; margin:0px; padding:0px; width:300px; direction: ltr; text-align:left; } .rights{margin-top:30px;} .container .footer ul.footermenu{ float:right; margin:0px; padding:0px; list-style:none; } .container .footer ul.footermenu li{ display:inline; margin:0px; padding:0px; padding-left:20px; } .container .footer ul.footermenu a{ font-weight:normal; font-size:11px; color:#ab0909; text-decoration:none; } .container .footer ul.footermenu a:hover{ font-weight:normal; font-size:11px; color:#ab0909; text-decoration:underline; } /*---------- Table -----------*/ .container .main form{margin:0;padding:0px;} .container .main .table .top{ display:block; clear:both; height:59px; background:#e9f8ff; border-bottom:solid 1px #bbe0f1; } .container .main .table .top h2{ float:left; margin:0px 12px; /*font:bold 22px Arial;*/ font-weight: bold; font-size: 22px; color:#474747; line-height:59px; } .container .main .table .middle{display:block;clear:both;padding:0 10px 25px 10px;} .container .main .table .bottomtext { margin:0px; padding:0px; width:100%; height:20px; font-size:13px; line-height:16px; float:left; direction: ltr; } .container .main input.quotation{ display:inline; margin:0px; margin-top:50px; margin-right:10px; padding:0px; width:150px; height:30px; text-align:center; text-transform:uppercase; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; color:#ffffff; text-decoration:none; line-height:26px; background:url(images/quotation.png) no-repeat center; float:right; border:0px; cursor:pointer; } .tablemain td{ width:333px; font-size:14px; color:#282828; padding:20px 0 0 0; vertical-align:top; line-height:16px; } .tablemain td.tablemain_sep{width:40px;} .tablemain td img{vertical-align:top;} .tablemain td .name{font-size:20px;font-weight:bold;line-height:39px; } #pricegen{ float: right; margin-top:-5px; margin-right:5px; width:244px; height:66px; background:url(images/pricebox.png) no-repeat top; } #price_loading { background-position:50%; background-repeat:no-repeat; display:block; /*width: 244px;*/ height: 66px; } #actualprice,#price_title { width:100%;z-index:5; } #pricegen .number{ display:block; text-align:center; font-size:22px; font-weight:bold; color:#ffffff; line-height:55px; direction: ltr; margin-right: 4px; } #pricegen .radio_hour, #pricegen .radio_month{ position: relative; display: block; cursor: pointer; float: left; direction: ltr; font-size: 13px; color:#ffffff; } #pricegen .radio_month{ margin-top: 4px; margin-left: 2px; } #pricegen .radio_hour{ margin-top: 34px; margin-left: -79px; } #pricegen .number a.money{ font-size:22px; font-weight:bold; color:#ffffff; text-decoration:none; } #pricegen .number a.money:hover{background-color:#dca22e;} #pricegen .get{ float:right; clear:both; padding:0px; margin:0px; margin-top:5px; margin-right:20px; font-size:12px; font-weight:bold; line-height:15px; color:#aa0a0a; width:250px; direction: ltr; text-align:right; display:none; } #pricegen .get .numberMonth{font-size:10px;} #pricegen .get a.quantity{ font-size:12px; font-weight:bold; line-height:15px; color:#aa0a0a; text-decoration:none; } #pricegen .get a.quantity:hover{background-color:#dca22e;} .tablemain td .left{float:left;} .tablemain td .leftmargin{float:left;margin-left:21px;} .tablemain td .backup{ margin:0px; padding:0px; float:left; width:100%; } .tablemain td .firewall{ margin:0px; padding:0px; padding-top:10px; float:left; width:100%; } .tablemain td .managed{ margin:0px; padding:0px; padding-top:10px; float:left; width:100%; } .tablemain td.cases{padding-top:13px;} .tablemain td.request{padding-top:30px;} /*---------- Artwork -----------*/ .container .main ul.artmenu{margin-top:30px;list-style-image:url(images/pdf.gif);} .container .main ul.artmenu li{margin-top:7px;padding-left:3px;font-size:14px;} .container .main ul.artmenu li a{font-size:14px;text-decoration:none;} .container .main ul.artmenu li a:hover{text-decoration:underline;} /*---------- Menu about us -----------*/ .container .main .cont ul.sidemenu{ float:left; margin:0px; padding:0px; list-style-type:none; width:175px; } .container .main .cont ul.sidemenu li{ border-top:1px solid #DADADA; color:#666666; font-weight:normal; margin:0px !important; padding:0px !important; padding-top:2px !important; padding-bottom:2px !important; background-color:#f3f0e9; } .container .main .cont ul.sidemenu li a{ display:block; padding:3px 0px; background:transparent url(images/arrow.gif); background-repeat:no-repeat; background-position:right 10px; /* Avi: we need here to change background-position for english to 3% */ color:#333333; margin:0px; padding-left:12px; text-decoration:none; font-size:13px; direction: ltr; text-align:left; } .container .main .cont ul.sidemenu li a:hover { background:#f9e1b2 url(images/arrow-this.gif); background-repeat:no-repeat; background-position:right 10px; color:#ab0909; /* Avi: we need here to change background-position for english to 3% */ } .container .main .cont ul.sidemenu li a.this{ background-color:#f9e1b2; background-image:url(images/arrow-this.gif); background-position:right 10px; background-repeat:no-repeat; border:medium none; color:#ab0909; font-weight:bold; /* Avi: we need here to change background-position for english to 3% */ } .container .main .cont ul.sidemenu li.last{border-bottom:1px solid #DADADA;} .container .main .cont ul.sidemenu li ul{margin:0px;padding:0px;padding-left:8px;list-style-type:none;} .container .main .cont ul.sidemenu li ul li {border:0px;margin:0px;padding:0px;} .container .main .cont ul.sidemenu li ul li a.this{ background-color:#f9e1b2; background-image:url(images/arrow-this.gif); background-position:4px center; background-repeat:no-repeat; border:medium none; color:#ab0909; font-weight:bold; } /*---------- Contents -----------*/ h3.text{ clear:both; margin:0px; padding:0px; font-weight:bold; font-size:18px; } p.text{clear:both;} .container .main .cont .green{ float:right; width:495px; margin:0px; margin-bottom:20px; padding:20px; padding-top:30px; padding-bottom:30px; background-color:#ded6c2; } .container .main .cont.article .green{width:699px} .container .main .cont .green ul.faq{ float:left; margin:0px; margin-left:10px; padding:0px; margin-top:10px; list-style-type:none; } .container .main .cont .green ul.faq li{ margin:0px; padding-bottom:5px; } .container .main .cont .green ul.faq li a{ display:block; background:transparent url(images/arrow-this.gif); background-repeat:no-repeat; background-position:left 7px; /* Avi: we need here to change background-position for english to 4px 7px */ margin:0px; padding-left:12px; text-decoration:none; } .container .main .cont .green ul.faq li a:hover{text-decoration:underline;} .container .main .cont .green a.top{ clear:both; float:right; padding-right:8px; margin-top:5px; margin-bottom:10px; text-decoration:none; background:transparent url(images/arrow-top.gif); background-repeat:no-repeat; background-position:right 5px; } .container .main .cont .green a.top:hover{text-decoration:underline;} .container .main .cont .green .terms{margin:8px;margin-bottom:13px;} h3.h3terms{ font-weight:normal; font-size:18px; margin:0px; margin-bottom:10px; padding:0px; color:#ab0909; } .container .main .cont .green ul.terms{margin:0px;padding:0px;list-style:none;} /*---------- Contact -----------*/ .container .main .contact{ margin:0px; margin-bottom:25px; padding:0px; width:458px; padding:12px; background-color:#f3f0e9; float:left; } .container .main .cont .contact table{ clear:both; margin:0 auto; margin-top:0px; padding:0px; background-color:#f3f0e9; background-image: none; background-repeat:no-repeat; background-position:top; border:0px solid #ebebeb; font-size:12px; direction: ltr; } .container .main .tcontact{margin:0px auto;clear:both;padding:0px;width:488px;} .container .main .tcontact .top{ margin:0px; padding:0px; width:100%; height:20px; font-size:0px; line-height:0px; background-image:url(images/tcontact-top.gif); background-repeat:no-repeat; background-position:top; } .container .main .tcontact .middle{ margin:0px; padding:0px; padding-bottom:20px; _padding-bottom:0px; width:488px; height:auto !important; min-height:322px; height:322px; background-image:url(images/tcontact-middle.gif); background-repeat:repeat-y; background-position:top; } .container .main .tcontact .bottom{ margin:0px; padding:0px; width:488px; height:20px; font-size:0px; line-height:0px; background-image:url(images/tcontact-bottom.gif); background-repeat:no-repeat; background-position:top; } .container .main .tcontact .middle h3.tcontact{ margin:0 auto; padding:10px 0px; padding-bottom:10px; width:420px; font-weight:bold; font-size:36px; color:#000000; direction: ltr; } .container .main .tcontact .middle p.tcontact{margin:0 auto;padding-bottom:25px;width:100%;} .container .main .tcontact .middle form{margin:0px;padding:0px;} .container .main .tcontact .middle form p{color:#390041;} .container .main .tcontact .middle form table{ margin:0 auto; width:420px; background:none; border:0; } .container .main .tcontact .middle form table td{ height:auto !important; min-height:53px; height:53px; vertical-align:top; } .container .main .tcontact .middle form table td.left{width:220px;} .container .main .tcontact .middle form table td.right{width:200px;} .container .main .tcontact .middle form table td input{ border:1px solid #eae5d8; margin:0px; width:198px; height:16px; background-color:#eae5d8; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-weight:normal; font-size:12px; color:#000000; } .container .main .tcontact .middle form table td input.red{ border:1px solid #ff0000; margin:0px; height:16px; background-color:#eae5d8; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-weight:normal; font-size:11px; color:#000000; float:left; } .container .main .tcontact .middle form table td .red{ font-size:11px; color:#ff0000; line-height:11px; height:11px; float:left; } .container .main .tcontact .middle form table td textarea{ border:1px solid #eae5d8; margin:0px; width:420px; height:80px; background-color:#eae5d8; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-weight:normal; font-size:12px; color:#000000; overflow:auto; } /* .container .main .tcontact .middle form table td.buttons{padding-top:10px;text-align:right;} .container .main .tcontact .middle form table td input.button, input.button:hover{ border:1px solid #eae5d8; margin:0px; margin-left:5px; padding:0px; width:95px; height:30px; border:0px; background:url(images/submit-on.gif); font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-weight:bold; font-size:13px; color:#ffffff; text-align:center; cursor:pointer; float:right; text-transform:uppercase; } .container .main .tcontact .middle form table td input.button:hover{background:url(images/submit-over.gif);color:#a40504;} */ /*---------- Message -----------*/ .container .main .message{ clear:both; margin:0 auto; margin-top:15px; padding:0px; width:420px; } /*---------- Order -----------*/ .container .main .cont .buttons{ clear:both; margin:0 auto; margin-top:30px; padding:0px; width:728px; height:auto !important; min-height:20px; height:20px; } .container .main .cont .buttons input{ padding-left:5px; padding-right:5px; margin-right:5px; float:left; } .container .main .cont .buttons input.continue{ padding-left:5px; padding-right:5px; float:right; font-weight:bold; margin-right:0px; } .container .main .cont table{ clear:both; margin:0 auto; margin-top:30px; padding:0px; width:728px; /* background-color:*/; /* background-image:url();*/ background-repeat:no-repeat; background-position:top; /*border:1px solid ; font-size:12px;*/ direction: ltr; } .container .main .cont table td{height:23px;/*border:0px;*/text-indent:5px;} .container .main .cont table td.titles{ height:23px; border:0px; color:#ffffff; font-size:11px; text-align:center; text-indent:0px; } .container .main .cont table td.titles_first{text-align:left;text-indent:5px;} .container .main .cont table td.first{ width:auto; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; text-indent:0px; } .container .main .cont table td.sec{ width:64px; border-left:0px solid #ebebeb; border-right:0px solid #ebebeb; } .container .main .cont table td.last{ width:64px; text-align:center; text-indent:0px; } .container .main .cont table td.last select{margin-right:11px;} .container .main .cont table td.del{ width:30px; text-align:center; text-indent:0px; } a.linkdel, a.linkdel:hover{ font-size:10px; color:#000000; text-decoration:underline; float:right; } a.linkdel:hover{text-decoration:none;} .container .main .cont table td.border{ background-color:#ebebeb; height:1px; } .container .main .cont table td.noborder{ background-color:#dde1e1; height:1px; } .container .main .cont table td.borderblack{ background-color:#1e1e1e; height:1px; } .container .main .cont table td.vertical{ background-color:#ebebeb; width:1px; height:1px; } .container .main .cont table td.verticaltitles{background-color:none;} .container .main .cont table td span.product{ font-size:16px; font-weight:bold; float:left; } /*.container .main .cont table td span.price, .container .main .cont table td span.grand{ float:right; padding-right:6px; }*/ .container .main .cont table td span.grand{float:right;padding-right:0px;} /*---------- Pop Up -----------*/ .tpopup{ clear:both; margin:0 auto; padding:0px; width:488px; border:2px solid #ffffff; } .tpopup .top{ margin:0px; padding:0px; width:488px; height:9px; font-size:0px; line-height:0px; background:#ded6c2; } .tpopup .middle{ margin:0px; padding:0px; padding-bottom:7px; width:488px; height:auto !important; min-height:202px; height:202px; background:#ded6c2; } .tpopup .bottom{ margin:0px; padding:0px; width:488px; height:9px; font-size:0px; line-height:0px; background:#ded6c2; } .tpopup .middle h3.tcontact{ margin:0 auto; padding:20px 0px; padding-top:10px; padding-bottom:10px; width:420px; font-weight:bold; font-size:40px; color:#000000; direction: ltr; } .tpopup .middle p.tcontact{ margin:0 auto; padding-bottom:10px; width:420px; } .tpopup .middle form{margin:0px;padding:0px;} .tpopup .middle form p{color:#390041;height:14px;line-height:14px;} .tpopup .middle form table{margin:0 auto;width:420px;} .tpopup .middle form table td{ height:auto !important; min-height:40px; height:40px; vertical-align:top; padding: 1px 0; } .tpopup .middle form table td.left{width:220px;padding:0px;padding-bottom:2px;} .container .main .table .middle .tablemain td .leftmrg{ width:252px; padding:0px; padding-top:15px; padding-bottom:2px; float:left; } .container .main .table .middle .tablemain td select.datacenter{width:270px;} .tpopup .middle form table td.left{width:200px;padding:0px;} .tpopup .middle form table td.shortl{width:105px;} .tpopup .middle form table td.shortr{width:95px;} .tpopup .middle form table td input[type=text], .tpopup .middle form table td input[type=password] { border:1px solid #eae5d8; margin:3px 0px 6px 0px; width:198px; height:16px; background-color:#eae5d8; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-weight:normal; font-size:12px; color:#000000; } .tpopup .middle form table td input.shortinput{ width:90px; *width:88px; } .tpopup .middle form table td input.wide_input { width:398px; *width:396px; } .tpopup .middle form table td select.order{ border:1px solid #eae5d8; margin:3px 0px 6px 0px; width:201px; height:20px; *height:22px; background-color:#eae5d8; font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:12px; color:#000000; } .tpopup .middle form table td select.ordershort{ border:1px solid #eae5d8; margin:3px 0px 6px 0px; width:94px; height:20px; *height:22px; background-color:#eae5d8; font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:12px; color:#000000; } .tpopup .middle form table .orederchecktd, .tpopup .middle form table .orederchecktd a{ margin:0; padding:0; padding-top:19px; font-size:12px; } .tpopup .middle form table .orederchecktd{color:#390041;} .tpopup .middle form table td input.ordercheck{ width:auto; border:0px; background:none; margin:0px; } .tpopup .middle form table td input.red{ border:1px solid #ff0000; margin:0px; height:16px; background-color:#eae5d8; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-weight:normal; font-size:12px; color:#000000; } .tpopup .middle form table td .red{ font-size:10px; color:#ff0000; line-height:10px; height:10px; margin-left:3px; white-space:nowrap; } .tpopup .middle form table td textarea{ border:1px solid #eae5d8; margin:3px 0px 6px 0px; width:420px; height:80px; background-color:#eae5d8; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-weight:normal; font-size:12px; color:#000000; overflow:auto; } .tpopup .middle form table td.buttons{padding-top:10px;text-align:right;} .tpopup .middle form table td input.button{ border:1px solid #eae5d8; margin:0px; margin-left:5px; padding:0px; width:95px; height:30px; border:0px; background:url(images/submit-on.gif); font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-weight:bold; font-size:13px; color:#ffffff; text-align:center; cursor:pointer; float:right; text-transform:uppercase; } .tpopup .middle form table td input.button:hover{background:url(images/submit-over.gif);color:#ab0909;} /*---------- Message-----------*/ .tcontact{ clear:both; margin:0 auto; padding:0px; width:488px; } .tcontact .top{ margin:0px; padding:0px; width:488px; height:20px; font-size:0px; line-height:0px; background-image:url(images/tcontact-top.gif); background-repeat:no-repeat; background-position:top; } #middleframe {background-image: none;background-color: #ded6c2;} .tcontact .middle{ margin:0px; padding:0px; padding-bottom:7px; width:488px; height:auto !important; min-height:322px; height:322px; background-image:url(images/tcontact-middle.gif); background-repeat:repeat-y; background-position:top; } .tcontact .bottom{ margin:0px; padding:0px; width:488px; height:20px; font-size:0px; line-height:0px; background-image:url(images/tcontact-bottom.gif); background-repeat:no-repeat; background-position:top; } .tcontact .middle h3.tcontact{ margin:0 auto; padding:20px 0px; padding-top:10px; padding-bottom:10px; width:420px; font-weight:bold; font-size:40px; color:#000000; } .tcontact .middle p.tcontact{margin:0 auto;padding-bottom:25px;width:420px;} .tcontact .middle form{margin:0px;padding:0px;} .tcontact .middle form p{color:#390041;} .tcontact .middle form table{margin:0 auto;width:420px;} .tcontact .middle form table td{ height:auto !important; min-height:53px; height:53px; vertical-align:top; } .tcontact .middle form table td.left{width:220px;} .tcontact .middle form table td.right{width:200px;} .tcontact .middle form table td input{ border:1px solid #eae5d8; margin:0px; width:198px; height:16px; background-color:#eae5d8; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-weight:normal; font-size:13px; color:#000000; } .tcontact .middle form table td input.red{ border:1px solid #ff0000; margin:0px; height:16px; background-color:#eae5d8; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-weight:normal; font-size:13px; color:#000000; } .tcontact .middle form table td .red{ font-size:12px; color:#ff0000; line-height:12px; height:12px; } .tcontact .middle form table td textarea{ border:1px solid #eae5d8; margin:0px; width:420px; height:80px; background-color:#eae5d8; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-weight:normal; font-size:13px; color:#000000; } .tcontact .middle form table td.buttons{ padding-top:10px; text-align:right; } .tcontact .middle form table td input.button{ border:1px solid #eae5d8; margin:0px; margin-left:5px; padding:0px; width:95px; height:30px; border:0px; background:url(images/submit-on.gif); font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-weight:bold; font-size:13px; color:#ffffff; text-align:center; cursor:pointer; float:right; text-transform:uppercase; } .tcontact .middle form table td input.button:hover{ background:url(images/submit-over.gif); color:#ab0909; } .close{ float:right; margin:0px; padding:0px; margin-right:10px; } img.maintitleh { float:right; margin-right:200px; margin-top:7px; } .tpopup .middle form p.binfo{ color:#000000; font-weight:bold; padding-top:10px; padding-bottom:5px; } /*----------------- Popup -----------------*/ div.window_top { width: 554px; height: 33px; float: left; line-height: 0px; font-size: 0pt; margin-left:1px; background-color: #ded6c2; border-top:2px solid #ffffff; border-left:2px solid #ffffff; border-right:2px solid #ffffff; } div.window_top .window_title { float: left; color: #cce1ba; font-size: 11pt; direction: ltr; font-weight: bold; white-space: nowrap; margin-top: 10px; margin-left: 20px; line-height: 15px; font-family: Arial, Helvetica, sans-serif; } div.window_bottom{ width: 100%; height: 7px; float: left; background-image: url(images/popup_bottom.png); line-height: 0px; font-size: 0pt; } div.window_content { float: left; width: 552px; height: 460px; overflow-x: hidden; overflow-y: auto; padding-left: 4px; padding-right: 4px; background-image: url(images/popup_bg.gif); background-repeat: repeat-y; background-color: #cce1ba; } div.window_content .loading{ width: 100%; float: left; height: 450px; background-image: url(images/loading.gif); background-repeat: no-repeat; background-position: 50% 50%; } a.popup_close { float: right; width: 12px; height: 10px; background-image: url(images/popup_close.gif); margin-top: 12px; margin-right: 10px; } .small_window { width: 560px; position: absolute; top: 0px; left: 0px; z-index: 1000; overflow: hidden; display: none; line-height: normal; font-size: 9pt; } div.window_container { float: left; width: 100%; clear: both; font-size: 0pt; line-height: 0px; } /*-------------------- iFrame classes ---------------------*/ body.iframe_body { width: 540px; overflow-x: hidden; background-image: none; background-color: #ded6c2; text-align: left; direction: ltr; font-family: Arial, Helvetica, sans-serif; } .middleframe {background-image: none;background-color: #ded6c2;} div.iframe_container {width: 95%;margin: auto;} div#iframe_history { float: left; width: 100%; clear: both; margin-top: 20px; } .ibox{float:right;} a.whatis, a.whatis:hover{float:left;padding-top:5px;font-size:13px;} .tpopup .middle form table{direction: ltr;} .expire_month{float:left;margin:0;padding:0;} .expire_year{ float:left; display:inline; margin:0; padding:0; margin-left:0px; } .expire_sep{ float:left; margin-right:2px; margin-left:1px; margin-top: 4px; } .english_direction{direction: rtl !important;} .english_direction p{direction: rtl !important;} .container .main .cont .english_direction ul.faq{margin-right:10px;margin-left:0px;} .container .main .cont .english_direction ul.faq li a{ padding-left:12px; background-position:left 7px; background-image: url(images/arrow-this.gif) !important; } select.quan {float:right;} span.myspan { float:right; padding-right:3px; clear:both; } a.change_config{font-size:10px;float:right;} .container .main .cont .green, .container .main .cont .green p {direction: ltr;} .container .main .contact{margin-left:-130px;position:relative;display:inline;} .container .main .contact_new{ /*margin-right:-130px;*/ position:relative; float:right; display:inline; } /* New Footermenu Start */ #footer_container { float:left; width:100%; padding:15px 0 0 0; margin-top:28px; background:#d8f3ff; } .footer{ width:980px; height:auto !important; min-height:80px; height:80px; margin:auto; } .footer_menu {width:1000px;} /****** Footer Menu ***********/ #footer_container .container{width:860px;} ul.footer_container_menu { direction:ltr; font-weight:bold; float:left; list-style:none; margin:0; padding:0 0 30px 0; width:860px; } ul.footer_container_menu li { float:left; list-style:none; display:inline; width:133px; margin-top:8px; margin-right:10px; } ul.footer_container_menu li a{font-size:14px;font-weight:bold;text-decoration:none;color:#0f3e5c;} ul.footer_container_menu li ul {margin:0px;padding:0px;list-style:none;font-weight:normal;} ul.footer_container_menu ul li {float:none;display:block; background:none;padding:0;margin:8px 0 0 0;} ul.footer_container_menu ul a {font-size:13px;font-weight:normal;color:#0f3e5c;text-decoration:none;} ul.footer_container_menu ul a:hover{text-decoration:underline;} /* New Footermenu End */ .bottomtext_index{padding:15px 0px !important;} .tpopup .middle form p.confirmation_title{font-size:16px;color:#a60e46;} a.termcon{padding-top:0px !important;} a.guar_30 { z-index:20; position:absolute; margin-top:35px; margin-left:610px; width:164px; height:129px; background-image:url(images/seal_eng_30.png); } a.guar_14 { z-index:20; position:absolute; margin-top:33px; margin-left:610px; width:164px; height:129px; background-image:url(images/seal_eng_14.png); } .no_seal{ float:right; margin-top:45px; margin-right:-164px; width:164px; height:129px; } .guarantee { padding:10px;} .container .main .boxes{float:left;margin-left:-90px;width:910px;} .configurator{float:left;} .advisor{ float:right; text-align:left; direction:ltr; margin-top:21px; width:288px; background:url(images/advisor_top.png) no-repeat top; position: relative; } .advisor_title{ float: left; text-align: left; margin:0px; width:268px; height:33px; font-size:14px; color:#9f0302; padding:15px 10px 5px 10px; } .advisor_bottom{ float:left; padding:0px 10px 20px 10px; width:268px; height:auto !important; min-height:50px; height:230px; background:url(images/advisor_bottom.png) no-repeat bottom; font-size:13px; } .advisor_text{ float:left; text-align:left; margin-top:12px; width:268px; height:auto !important; height:22px; min-height:22px; } .advisor_text div.adv_os { font-weight:bold;float:left;width:150px; } .advisor_size_title {font-size:12pt;} .more { display:none; margin-top:30px; font-size:12px; } #adv_desc { display:none; } .advisor_bottom select{ font-family:Arial,Helvetica,sans-serif;width:265px;font-size:12px;font-weight:normal;text-align:left;direction:ltr;} ul.advisor_list{ margin:0px; padding:0px; list-style:none; float:left; width:268px; } ul.advisor_list li{ float:left; text-align:left; width:250px; margin-left:3px; padding-left:11px; background:url(images/advisor_arrow.png) no-repeat left 6px; margin-top:2px; } .side_menu { float:left;width:175px;} .side_testimonial { width:175px; float:left; clear:both; margin-top:10px; text-align:left; font-weight:lighter; font-style:italic; direction:ltr; } .side_testimonial_title { font-style:normal; float:right; font-weight:normal; max-width:120px; } .adv_motion { position:absolute; display:none; top:140px; left:10px; width:20px; height:20px; border:1px solid red; z-index:1000; } .reloadPrice { text-align:right; float:right;width:80px;/*margin-top:10px;*/ } .reloadPrice a {cursor:pointer;margin-right:15px; } #adv_choose { display:none; width:247px; height:42px; position: absolute; top:0px;right:0px; z-index:10; text-align:right; padding:20px;line-height:42px; } #adv_choose span { float:right; font-size:12pt; } #adv_choose img { float:right; width:35px;height:35px; } #adv_choose_new { display:none; width:247px; height:42px; position: absolute; top:130px;right:280px; z-index:10; text-align:right; padding:20px; line-height:42px; } #adv_choose_new span { float:right; font-size:12pt; } #adv_choose_new img { float:right; width:35px;height:35px; } body,html { overflow-x:hidden; } .boxes { position:relative; min-height:550px; } /* bubble-tooltip.css */ #bubble_tooltip{ width:147px; position:absolute; display:none; } #bubble_tooltip .bubble_top{ background-color:#ffffff; border-top:1px solid #b10c0c; border-left:1px solid #b10c0c; border-right:1px solid #b10c0c; height:16px; } #bubble_tooltip .bubble_middle{ background-color:#ffffff; border-left:1px solid #b10c0c; border-right:1px solid #b10c0c; padding-left:7px; padding-right:7px; padding-bottom:10px; } #bubble_tooltip .bubble_middle span.maintolltip{ position:relative; top:-8px; line-height: normal; /*font:normal 12px Arial;*/ font-size: 12px; } #bubble_tooltip .bubble_bottom{ background-color:#ffffff; border-bottom:1px solid #b10c0c; border-left:1px solid #b10c0c; border-right:1px solid #b10c0c; height:5px;; position:relative; top:-6px; } /* pretty Photo.css */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}div.pp_default .pp_top .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}div.pp_default .pp_top .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) top left repeat-x}div.pp_default .pp_top .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}div.pp_default .pp_content .ppt{color:#f8f8f8}div.pp_default .pp_content_container .pp_left{background:url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}div.pp_default .pp_content_container .pp_right{background:url(images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}div.pp_default .pp_next:hover{background:url(images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}div.pp_default .pp_previous:hover{background:url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}div.pp_default .pp_expand{background:url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_expand:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}div.pp_default .pp_contract{background:url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_contract:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}div.pp_default .pp_close{width:30px;height:30px;background:url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}div.pp_default .pp_gallery ul li a{background:url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}div.pp_default .pp_content_container .pp_details{margin-top:5px}div.pp_default .pp_nav{clear:none;height:30px;width:105px;position:relative}div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;font-color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}div.pp_default .pp_bottom .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}div.pp_default .pp_bottom .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}div.pp_default .pp_bottom .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}div.pp_default .pp_loaderIcon{background:url(images/prettyPhoto/default/loader.gif) center center no-repeat}div.light_rounded .pp_top .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}div.light_rounded .pp_top .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}div.light_rounded .pp_next:hover{background:url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.light_rounded .pp_previous:hover{background:url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_rounded .pp_expand{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_rounded .pp_expand:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_rounded .pp_contract{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_rounded .pp_contract:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_arrow_previous{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}div.light_rounded .pp_arrow_next{background:url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}div.light_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}div.light_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_top .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}div.dark_rounded .pp_top .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}div.dark_rounded .pp_content_container .pp_left{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}div.dark_rounded .pp_content_container .pp_right{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}div.dark_rounded .pp_next:hover{background:url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.dark_rounded .pp_previous:hover{background:url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.dark_rounded .pp_expand{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_rounded .pp_expand:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_rounded .pp_contract{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_rounded .pp_contract:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_rounded .pp_description{margin-right:85px;color:#fff}div.dark_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_arrow_previous{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}div.dark_rounded .pp_arrow_next{background:url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}div.dark_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}div.dark_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_loaderIcon{background:url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}div.dark_square .pp_loaderIcon{background:url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat}div.dark_square .pp_expand{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_square .pp_expand:hover{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_square .pp_contract{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_square .pp_contract:hover{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_square .pp_nav{clear:none}div.dark_square .pp_nav .pp_play{background:url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_arrow_previous{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}div.dark_square .pp_arrow_next{background:url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}div.dark_square .pp_next:hover{background:url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}div.dark_square .pp_previous:hover{background:url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_square .pp_expand{background:url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_square .pp_expand:hover{background:url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_square .pp_contract{background:url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_square .pp_contract:hover{background:url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_square .pp_nav .pp_play{background:url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_square .pp_nav .pp_pause{background:url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_square .pp_arrow_previous{background:url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}div.light_square .pp_arrow_next{background:url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}div.light_square .pp_next:hover{background:url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}div.light_square .pp_previous:hover{background:url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_top .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}div.facebook .pp_top .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}div.facebook .pp_top .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}div.facebook .pp_content_container .pp_left{background:url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}div.facebook .pp_content_container .pp_right{background:url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}div.facebook .pp_expand{background:url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}div.facebook .pp_expand:hover{background:url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}div.facebook .pp_contract{background:url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}div.facebook .pp_contract:hover{background:url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}div.facebook .pp_close{width:22px;height:22px;background:url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}div.facebook .pp_description{margin:0 37px 0 0}div.facebook .pp_loaderIcon{background:url(images/prettyPhoto/facebook/loader.gif) center center no-repeat}div.facebook .pp_arrow_previous{background:url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}div.facebook .pp_arrow_next{background:url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}div.facebook .pp_nav{margin-top:0}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}div.facebook .pp_nav .pp_play{background:url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}div.facebook .pp_nav .pp_pause{background:url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}div.facebook .pp_next:hover{background:url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}div.facebook .pp_previous:hover{background:url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_bottom .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}div.facebook .pp_bottom .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}div.facebook .pp_bottom .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px}.pp_description{display:none;margin:0}.pp_social{float:left;margin:7px 0 0}.pp_social .facebook{float:left;position:relative;top:-1px;margin-left:5px;width:55px;overflow:hidden}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;margin:2px 4px}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{background:url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}a.pp_next{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}#pp_full_res{line-height:1!important}#pp_full_res .pp_inline{text-align:left}#pp_full_res .pp_inline p{margin:0 0 15px}div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}.pp_top,.pp_bottom{height:20px;position:relative}* html .pp_top,* html .pp_bottom{padding:0 20px}.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_fade,.pp_gallery li.default a img{display:none} #adv_choose_new{ width:245px; height:33px; padding:10px 13px; padding-right:28px; background:url(images/config_popup_eng.png) no-repeat top; font-size:13px; text-align:center; line-height:25px; float:left; font-size:15px; color:#ffffff; } .icon_twitter{ float:right; margin-top:18px; margin-right:10px; width:33px; height:24px; background:url(images/icon_twitter.png) no-repeat top; outline:0; } .forceHide { display:none; } .buttons{ clear:both; margin:0 auto; margin-top:30px; padding:0px; width:728px; height:auto !important; min-height:20px; height:20px; } .buttons input{ width:200px; height:30px; text-align:center; text-transform:uppercase; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; color:#ffffff; text-decoration:none; line-height:26px; background:url(images/quotation_200.png) no-repeat center; float:right; border:0px; cursor:pointer; margin-right:5px; float:left; } .buttons input.continue{ float:right; margin-right:0px; width:200px; height:30px; text-align:center; text-transform:uppercase; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; color:#ffffff; text-decoration:none; line-height:26px; background:url(images/quotation_200.png) no-repeat center; float:right; border:0px; cursor:pointer; } .or{ float:right; margin-top:5px; width:20px; text-align:center; } .container .main .contact { display: inline; float:left; margin-right: -130px; position: relative; } .container .main .contact_new{float:left;width: 100%;} form#phoneValidate { } form#phoneValidate table tr td input[type=text] { width:118px; border:1px solid #eae5d8; margin:3px 0px 6px 0px; height:16px; background-color:#eae5d8; font-family:Trebuchet MS,Arial,Helvetica,sans-serif; font-weight:normal; font-size:12px; color:#000000; } form#phoneValidate table tr td input.button,form#phoneValidate table tr td input.button:hover { float:none; width:95px; margin:0px; } form#phoneValidate .validateComments { font-size:11px; } form#phoneValidate .validateComments #countryName { font-size:13px; } form#phoneValidate .validateExplain { width:320px; margin-top:20px; } #verification { display:none; } .callMeAgain { display:none; cursor:pointer; } .phonePrefixSelect { width:110px; text-align: right; } .phonePrefixSelect option { text-align: right; } #callPhoneNumber { font-size:17px; } .phonePrefixWrap { float:left; width:235px; } .phonePrefixButton { float:left; margin-left: 5px; width:100px; } .phonePrefixWrap .phonePrefixSelect { float:left; clear:both; border:1px solid #eae5d8; margin:3px 0px 6px 0px; width:110px; height:20px; *height:22px; background-color:#eae5d8; font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:12px; color:#000000; } .phonePrefixWrap .phoneForm { float:right; direction:ltr; text-align:left; } #orderDetailsWrap { display:none; } #cloudLoginWrap { margin-top:10px; display:none; } #orderDetailsWrap { margin-top:10px; } .tpopup .middle form#cloudLoginForm table tr td input.button, .tpopup .middle form#cloudLoginForm table tr td input.button:hover { } .tpopup .middle form#cloudLoginForm table tr td input { margin:5px 0px; } .tpopup .middle form#cloudLoginForm table tr td span.red { display:none; } .tpopup .middle form#cloudLoginForm table tr td.left , .tpopup .middle form#cloudLoginForm table tr td.right { width:200px; } .tpopup .middle form#buyerTypeForm { padding-top:20px; } .tpopup .middle form#buyerTypeForm table tr td input { clear:both; float: left; margin:3px 0px; margin-right: 3px; } .tpopup .middle form#buyerTypeForm table tr td label { float: left; margin:0px; margin-left: 3px; } .club_header_top{float:left;width:100%;background:#d8f3ff;} .top_links{margin:10px 0;padding:0;list-style:none;height:12px;direction: ltr;} .top_links li{ display:inline; float:left; padding:0 8px; height:13px; /*font:normal 12px Arial;*/ font-size: 12px; line-height:12px; color:#696969; border-right:solid 1px #696969; } .top_links li a{ /*font:normal 12px Arial;*/ font-size: 13px; line-height:12px; color:#696969; text-decoration:none; } .top_links li a:hover{text-decoration:underline;} .top_links li.phone {float:right;margin:0;padding:0;border:0;} .top_links li.phone a{ display:block; position:relative; margin-top:-10px; margin-right:-12px; padding:0px; background:url(images/phone_ltr.png) no-repeat left top; width:264px; height:61px; text-align:center; font-size:18px; color:#ffffff; text-shadow: 0px -1px 0px rgb( 0, 0, 0 ); text-decoration:none; line-height: 45px; } .langselect_text{float:left;margin-right:3px;} .langselect{ float:left; width:80px; height:18px; margin:-3px 0; background:#696969 url(images/arrow_top_links.png) no-repeat right 7px; padding:0; border:0; } .langselect .fancyText{ width:70px; height:18px; top: 7px; position:absolute; font:normal 12px Arial; font-size: 12px; color:#ffffff; line-height: 18px; padding:0 5px; } .langselect select{ width:80px; height:18px; z-index:2; position:relative; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; /*font:normal 12px Arial;*/ font-size: 12px; color:#ffffff; background:#696969; cursor:pointer; } .top_links li.free_sign_up{ border: 0; display: block; padding: 0; margin: -7px 8px; border-radius: 3px; border-width: 1px; border-style: solid; border-color: #0fac59; background-color: #11c164; height: 21px; width: 114px; box-shadow: 1px 1px 0px 0px #066d37; -webkit-box-shadow: 1px 1px 0px 0px #066d37; text-align: center; position: relative; top:0px; cursor:pointer; } .top_links li.free_sign_up a { display:block; height: 23px; width: 116px; line-height: 21px; font-size: 13px; /*font-weight: bold;*/ color: #fff; text-decoration: none !important; } .top_links li.free_sign_up:hover{ background:rgb( 39, 215, 122 ); height: 21px; width: 114px; } .free_account_button{ margin-right: 36%; float: right; width: 200px; height: 40px; background-color: #f3c200; border-color: #f3c200; box-shadow: 0px 3px 0px 0px #be9800; -webkit-box-shadow:0 3px 0 0 #be9800; border-style: solid; border-width: 1px; border-radius: 4px; cursor:pointer; text-align: center; position:relative; top:0; } .free_account_button a{ display: block; font-size: 16px; color: #fff; width: 202px; height: 43px; line-height: 40px; text-decoration: none; } .free_account_button:hover{ width: 200px; height: 40px; color:#fff; background: #ffcc00; } .free_account_button a:hover{ color:#fff; } .launch_server{ background-color: rgb( 17, 193, 100 ); border-color: rgb( 15, 172, 89 ); box-shadow: 2px 3px 0px 0px rgb( 6, 109, 55 ); -webkit-box-shadow:2px 3px 0px 0px rgb( 6, 109, 55 ); border-style: solid; border-width: 1px; border-radius: 4px; cursor:pointer; text-align: center; position:relative; top:0; width: 200px; height: 40px; float:right; margin: 32px 0px -12px 0px; } .launch_server a{ width: 202px; height: 43px; color: #fff; display: block; /*font:normal 16px Arial;*/ font-size: 16px; letter-spacing: 0.3px; line-height: 40px; text-decoration: none; } .launch_server:hover{ background: rgb( 39, 215, 122 ); width: 200px; height: 40px; } .launch_server a:hover{ color:#fff; } .free_account_button,.top_links li.free_sign_up,.free_account_submit,.launch_server{ padding: 0; -webkit-transition:all 0.15s linear; -moz-transition:all 0.15s linear; -ms-transition:all 0.15s linear; -o-transition:all 0.15s linear; transition:all 0.15s linear } .free_account_button:active,.top_links li.free_sign_up:active,.launch_server:active{ -webkit-box-shadow:none; box-shadow:none; top:3px; } .free_account_button:active,.launch_server:active{ top:3px; } .top_links li.free_sign_up:active{ top:1px; } .club_header_bottom{float:left;width:100%;background:#e9f8ff;margin:0 0 28px 0;} .logo{float:left;margin:20px 0 15px 0;} ul.menu{float:right;margin:30px 0 0 0;padding:0;list-style:none;} ul.menu li{display:inline;} ul.menu li a{ float:left; margin-right:10px; padding:0 10px 17px 10px; border:solid 1px #e9f8ff; border-bottom:0; font-size: 14px; /*font:normal 14px Arial;*/ color:#0f3e5c; text-decoration:none; line-height:45px; } ul.menu li:first-child a{ padding:0 20px 17px 20px; /* margin-right:0px;*/ } ul.menu li:hover a, ul.menu li a.this{ color:#fff; } ul.menu li:last-child a{margin-right:0;} .items { background:transparent url(images/quote.gif) no-repeat center; color:#FFFFFF; display:block; float:right; font-size:11px; height:43px; margin:-15px 0 -43px 0; padding:15px 0px 0px 0px; text-align:center; width:117px; color:#ffffff; font-size:12px; text-decoration:underline; } .container .main .table .middle table.tablemain{direction: ltr;} .items:hover{text-decoration:none;} form.fixMainFormCenter{display:block;margin:30px auto 0 auto !important;border:solid 1px #ebebeb;background:#f0f0f0;width:727px;} .tablemainselect{ display:block; margin:6px 0 0 0; width:331px; height:32px; position:relative; background:#ffffff url(images/arrow_select.png) no-repeat right 13px; border:solid 1px #dfdfdf; direction: ltr; } .tablemainselect .fancyText{ width:321px; height:32px; position:absolute; font:normal 12px Arial; /*font-size: 12px;*/ color:#282828; line-height: 32px; padding:0 5px; top: 0px; } .tablemainselect select{ width:331px; height:32px; z-index:2; position:relative; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; /*font-family: inherit;*/ /*font:normal 12px Arial;*/ /*font:normal 12px Arial;*/ font-size:12px; color:#282828; background:#ffffff; cursor:pointer; direction: ltr; } .tablemainselect.short, .tablemainselect.short select{width:154px;} .tablemainselect.short .fancyText{width:120px;overflow:hidden; word-break: break-all;} .backup_checkbox{float:left;margin-top:-2px;margin-right:8px;border-radius: 3px;width:18px;height:18px;border:solid 1px #dfdfdf;background:#ffffff;cursor:pointer;} .backup_checkbox.checked{background:#ffffff url(images/backup_checkbox.png) no-repeat center center;} .backup_checkbox input{display:none;} .rights{float:left;margin:0;width:100%;line-height:45px;background:#e9f8ff;color:#0f3e5c;} .rights a{color:#0f3e5c;} .free_account{ float:left; margin-top:28px; width:100%; height: 111px; color:#ffffff; direction: ltr; } .free_account_top{ /* padding-bottom: 20px;*/ height: 100px; float: none; } .top_free_account .free_account{margin-bottom:18px;} .free_account_title{ font-size:18px; font-weight:normal; line-height:45px; color:#ffffff; margin:0; text-align:center; } .free_account form{ display:block; height:36px; padding-top:37.5px; padding:15px 42px; /*padding-right:42px;*/ } .free_account label{ float:left; font-size: 14px; /* margin-right:5px; line-height:36px;*/ } .free_account_input{ /*float:left; margin-top:1px; margin-right:11px; width:24%; height:18px; padding:8px; font-size: 14px; background:#ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #cccccc; resize: none; outline: none; border-radius: 4px; background-color: rgb( 255, 255, 255 ); width: 220px; height: 40px; padding-right:30px;*/ } .free_account_input.v{background:#ffffff url(images/free_account_v.png) no-repeat right center;} .free_account_input.x{background:#ffffff url(images/free_account_x.png) no-repeat right center;} .free_account_submit{ font-size: 16px; font-weight: bold; font-family: "HelveticaNeueLight","Helvetica",Helvetica,Arial,sans-serif; color: #fff; text-align: center; width: 180px; height: 40px; background-color: #f3c200; border-color: #f3c200; box-shadow: 0 3px 0 0 #be9800; -webkit-box-shadow:0 3px 0 0 #be9800; border-style: solid; border-width: 1px; border-radius: 4px; outline:none; position:relative; top:0; cursor:pointer; } /* #signup_center_form .free_account_submit{ margin-left: 35%; }*/ /* :hover{background-position:center bottom;}*/ div.free_account_loader { float:right; cursor: default; text-align: center; width: 180px; height: 40px; background-color: #f3c200; border-color: #f3c200; box-shadow: 0px 3px 0px 0px #be9800; border-style: solid; border-width: 0px; border-radius: 4px; } div.free_account_loader span { display: inline-block; /*background-image: url('images/submit_loader1.gif');*/ background-image: url('images/sl_a9e100.gif'); /*background: url('images/page-loader.gif') 50% 50% no-repeat rgb(243,194,0);*/ width: 30px; height: 30px; margin-top: 2px; } hr.top_line{ float: right; width: 100%; margin-bottom: 28px; background-color: #e9f8ff; border: 0 none; height: 2px; } .container .main .cont .green{background:#f0f0f0;} .container .main .cont ul.sidemenu li{background-color:#e9f8ff;} .container .main .cont ul.sidemenu li a:hover, .container .main .cont ul.sidemenu li a.this{background-color:#d8f3ff;color: #CA1026;} h3.h3terms{color:#ca1026;} a, a.whatis, a:hover, a.whatis:hover{color:#ca1026;} .container .main .contact{background:#f0f0f0;} .container .main .contact_new{border:solid 1px #ebebeb;background:#f0f0f0;} .container .main .tcontact .top{ display:block; clear:both; height:59px; background:#e9f8ff; border-bottom:solid 1px #bbe0f1; } .container .main .tcontact .top h3{ float:left; width:464px; margin:0px 12px; /*font:bold 22px Arial;*/ font-weight: bold; font-size:22px; color:#474747; line-height:59px; text-align:left; } .container .main .tcontact .middle{display:block;clear:both;padding:20px 10px 25px 10px;width:98%;background-image:none;} .container .main .tcontact .middle p.tcontact, .container .main .tcontact .middle form table{width:710px;padding:0;margin:0 0 10px 0;} .container .main .tcontact .middle form table td{width:214px;color: #282828;font-size: 14px;line-height: 16px;padding: 20px 0 0;vertical-align: top;} .container .main .tcontact .middle form table td.contact_sep{width:40px;} .container .main .tcontact .middle form table td input, .container .main .tcontact .middle form table td input.red, .container .main .tcontact .middle form table td textarea{ margin:6px 0 0 0; border:solid 1px #dfdfdf; background:#ffffff; width:99%; height:18px; padding:7px 0; /*font:normal 12px Arial;*/ font-size: 12px; color:#282828; } .container .main .tcontact .middle form table td input.red{border:1px solid #ff0000;} .container .main .tcontact .middle form table td .red{font-size:11px;color:#ff0000;line-height:11px;height:11px;float:left;} .container .main .tcontact .middle form table td textarea{width:99%;height:100px;resize: none;padding:0;} .container .main .tcontact .middle form table td input.button { display:block; margin:10px 0 0 0; border: solid 1px rgb( 15, 172, 89 ); border-radius:3px; background-image:none; background-color: rgb( 17, 193, 100 ); box-shadow: 1px 1px 0px 0px rgb( 6, 109, 55 ); width: 114px; height: 30px; font:bold 14px Arial; color:#ffffff; /*line-height:30px;*/ text-align:center; text-decoration:none !important; } .container .main .tcontact .middle form table td input.button:hover{background:rgb( 39, 215, 122 );color:#ffffff;} #free_link{ -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .popup_visible #free_link{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .free_link_close{ position:absolute; top:10px; right:10px; width:22px; height:21px; border:0; background:transparent; cursor:pointer; color:#ffffff; font-weight:bold; } .free_link_close:hover{background-position:bottom;} #free_link .free_account{margin:0;} .popup_visible #free_link{width:100%;} #free_link_background{z-index:1000000000 !important;} #free_link_wrapper{z-index:1000000001 !important;} .gentext{ float: left; } .gentext h1,.gentext h2,.gentext ul, .gentext p{ direction: ltr; float: left; width: 100%; } .gentext ul{ list-style: none; padding: 0 0 0 20px; } .gentext p{ margin: 10px 0; line-height: 1.6em; } .gentext h2{ font-size: 1.4em; font-weight: bold; color: #3b5998; margin: 15px 0 5px 0; } .gentext h1{color: #3b5998;margin-top:0px;font-weight: bold;padding: 7px 0px 5px 0px;} .gentext a{color: #3B5998;outline: none;cursor: pointer;} .price_p_button{padding-bottom: 40px;} .gentext.pricing_top{ float: left; direction: ltr; padding:20px 0 20px; } .gentext.pricing_botton{ padding:20px 0 20px; direction: ltr; } .wan_list{ line-height: 1.6em; } ::-webkit-input-placeholder { font-family: "HelveticaNeueLight","Helvetica",Helvetica,Arial,sans-serif; } :-moz-placeholder { /* Firefox 18- */ font-family: "HelveticaNeueLight","Helvetica",Helvetica,Arial,sans-serif; } ::-moz-placeholder { /* Firefox 19+ */ font-family: "HelveticaNeueLight","Helvetica",Helvetica,Arial,sans-serif; } :-ms-input-placeholder { font-family: "HelveticaNeueLight","Helvetica",Helvetica,Arial,sans-serif; } .gentext h4.price_sub_title{ color: #3b5998; margin: 0 0 -6px; } .gentext h2.price_main_title{ margin: 15px 0 15px 0; } .gentext .pricing_botton{ margin:20px 0; } .gentext .section_paragraph{ padding: 10px 0; float: left; } /*.free_account_input[required]:disabled + label[placeholder]:before, .free_account_input[required]:focus + label[placeholder]:before, .free_account_input[required]:valid + label[placeholder]:before { color: #898989; margin: 0 -webkit-calc(0.3em - 2px); margin: 0 calc(0.3em - 2px); padding: 3px 7px 0 7px; height: 7px; border: #00bafa 1px solid; border-bottom: #fff 1px solid; border-radius: 4px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .free_account_input[required]:focus { border-color: #00bafa; } .free_account_input[required]:disabled + label[placeholder]:before, .free_account_input[required]:focus + label[placeholder]:before, .free_account_input[required]:valid + label[placeholder]:before{ -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transform: translate(0, -1.5em) scale(0.9, 0.9); -ms-transform: translate(0, -1.5em) scale(0.9, 0.9); transform: translate(0, -1.5em) scale(0.9, 0.9); } .free_account_input[required]:invalid + label[placeholder][alt]:before{ content: attr(alt); } .free_account_input[required] + label[placeholder]{ display: block; color: #00bafa; pointer-events: none; line-height: 1.1em; margin-top: -webkit-calc(-1.9em - 2px); margin-top: calc(-1.9em - 2px); margin-bottom: -webkit-calc((3em - 1em) + 2px); margin-bottom: calc((3em - 1em) + 2px); } .free_account_input[required] + label[placeholder]:before{ content: attr(placeholder); display: inline-block; margin: 0 -webkit-calc(0.7em - 2px); margin: 0 calc(0.7em - 2px); color: #898989; white-space: nowrap; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); background-image: linear-gradient(to bottom, #ffffff, #ffffff); background-image: #ffffff; -webkit-background-size: 100% 12px; background-size: 100% 12px; background-repeat: no-repeat; background-position: center; }*/ .adaptive_placeholders{ float: left; width: 35.5%; } /*======================== COOKIES: free to anyone ========================= */ .cookies-bar-wrap { background-color: #297cc2; position: fixed; display: flex; z-index: 16000010; color: #fff; width: 100%; bottom: 0; } .cookies-bar-inner-wrap { padding-bottom: 20px; padding-top: 20px; direction: ltr; margin: 0 auto; display: flex; } .cookies-button-wrap { justify-content: center; align-self: center; display: flex; } .cookies-button { background-color: #f3c200; border-radius: 4px; padding: 5px 30px; font-weight: 600; color: #fff; border: 0; } .cookies-text-wrap { padding-left: 50px; } .cookies-text { text-align: left; direction: ltr; font-size: 1rem; margin-top:0 } .cookies-text a { font-size: 1rem; color: #fff } /*@media screen and (max-width: 991px){*/ /*.cookies-bar-inner-wrap {*/ /*flex-direction: column;*/ /*padding-right: 20px;*/ /*padding-left: 20px;*/ /*}*/ /*.cookies-button-wrap {*/ /*justify-content: flex-end;*/ /*margin-top: 20px;*/ /*width: 100%;*/ /*}*/ /*.cookies-button {*/ /*font-size: 1.5rem;*/ /*}*/ /*.cookies-text-wrap {*/ /*width: 100%;*/ /*}*/ /*.cookies-text {*/ /*font-size: 1.3rem;*/ /*}*/ /*}*/ /*======================== COOKIES end: free to anyone ========================= */