/* GENERAL */
html, body {
background: #3eaae1 url('../img/page-bg.jpg') repeat-x top;
color: #333;
font-family: Arial, Helvetica, sans-serif;
height: 100%;
}
input[type="text"], input[type="password"], select {
padding: 2px 2px 1px 2px;
border: none;
border: 1px solid #b8b8b8;
color: #666;
}
input:disabled, textarea:disabled {
background-image: none;
background-color: #fff;
color: #aaa;
}
input[type="text"]:focus, input[type="password"]:focus {
outline: none;
border: 1px solid #aaa;
color: #000;
}
input[type="image"]:focus, input[type="submit"]:focus {
outline: none;
}
input[type="checkbox"], input[type="submit"], label {
cursor: pointer;
}
/* common classes */
.tleft {
text-align: left;
}
.tright {
text-align: right;
}
.tcenter {
text-align: center;
}
.fleft {
float: left;
}
.fright {
float: right;
}
.bold {
font-weight: bold;
}
.margintop {
margin-top:20px;
}
.displayblock {
display:block;
}
.error {
color: #e00;
}
.ok {
color: #080;
font-weight:bold;
}
.info {
clear: both;
width: auto;
margin: 0 0 20px 0;
padding: 10px 10px 10px 40px;
*padding: 10px 10px 10px 35px;
border: 3px solid #f1f0cc;
background: #fcfbd5 url('../img/icons/info.png') no-repeat 7px 7px;
}
/*** Rounded corners *******************************************/
b.bt, b.bt b, b.bb, b.bb b,
b.pt, b.pt b, b.pb, b.pb b {
display: block;
height: 10px;
font-size: 1px;
position: relative
}
b.bt, b.bt b, b.bb, b.bb b {
background: url('/img/round-corners-green.gif') no-repeat;
}
b.pt, b.pt b, b.pb, b.pb b {
background: url('/img/grey2.gif') no-repeat;
}
b.bt, b.pt { top: -3px; left: -3px; }
b.bt b, b.pt b { background-position: 100% -10px; left: 6px; }
b.bb, b.pb { background-position: 0 -20px; top: 3px; left: -3px;}
b.bb b, b.pb b { background-position: 100% -30px; left: 6px; }
/* headers */
h1 {
font-size: 1.6em;
font-weight: bold;
color: #666;
}
h2 {
font-size: 1.4em;
font-weight: bold;
}
h3 {
margin: 0 0 1em 0;
font-size: 1.2em;
font-weight: bold;
}
h4 {
margin: 0 0 1em 0;
font-size: 1em;
font-weight: bold;
}
/* links */
a {
color: #4179af;
outline: none;
text-decoration: underline;
}
.btn {
display: block;
padding: 0.4em 0.6em;
margin: 0 0 0 1em;
font-weight: bold;
text-decoration: none;
}
.go-back {
float: left;
padding: 0 0 0 10px;
background: url('/img/arrow-right.png') no-repeat 0 60%;
}
/* buttons */
.button {
display: block;
height: 38px;
border: none;
cursor: pointer;
text-decoration: none;
font-size: 0;
text-indent: -10000px;
}
/* lists */
ul#social-list {
position: relative;
float: right;
margin: 0;
}
ul#social-list li {
float: left;
margin: 4px;
}
ul#social-list li a {
float: left;
width:32px;
height: 32px;
font-size: 0;
text-indent: -10000px;
}
ul#social-list li a.wykop {
background: url('/img/icons/ico-wykop.png') no-repeat 0 0;
}
ul#social-list li a.blip {
background: url('/img/icons/ico-blip.png') no-repeat 0 0;
}
ul#social-list li a.flaker {
background: url('/img/icons/ico-flaker.png') no-repeat 0 0;
}
ul#social-list li a.facebook {
background: url('/img/icons/ico-facebook.png') no-repeat 0 0;
}
ul#social-list li a.twitter {
background: url('/img/icons/ico-twitter.png') no-repeat 0 0;
}
ul#social-list li a.sledzik {
background: url('/img/icons/ico-sledzik.png') no-repeat 0 0;
}
ul#social-list li a.wyczaj {
background: url('/img/icons/ico-wyczaj.png') no-repeat 0 0;
}
ul#social-list li a.sfora {
background: url('/img/icons/ico-sfora.png') no-repeat 0 0;
}
/* STRUCTURE */
.body-inner {
background:url('../img/sparks.png') no-repeat center top;
}
.page {
width: 996px;
text-align: left;
margin: 0 auto;
}
/* header */
#hd {
position: relative;
display: block;
height: 80px;
z-index: 2;
}
/* logo */
#logo {
position: absolute;
top: 20px;
left: -3px;
width: 310px;
font-size: 0;
text-indent: -10000px;
}
/* prehome page stuff */
#logo a.prehome-logo {
top: 40px;
left: 0;
}
#logo a.service-start {
position: absolute;
top: 20px;
left: 60px;
width: 245px;
height: 120px;
background: url("/img/coming-soon.png") no-repeat 0 0;
display: none;
}
/* main navi */
.navmenu {
float: right;
text-align: right;
margin: 0;
padding: 10px 0 1.5em;
}
.navmenu li {
float: left;
line-height: 1;
*line-height: 1.1;
padding: 0 0.5em;
border-left: 1px solid #333;
}
.navmenu li:first-child,
.navmenu li.language {
border-left: none;
}
.navmenu a {
color: #555;
}
.navmenu select {
width: 70px;
height: 18px;
padding: 0;
font-size: 0.85em;
background: none;
}
.navmenu select option {
background: #fff;
}
/* body */
#bd {
/* min-height: 400px; */
padding: 0;
z-index: 1;
}
/* footer */
#ft {
float: right;
width: 100%;
color: #fff;
margin: 0 auto;
padding: 0 0 10px 0;
}
#ft p.copyright {
clear: both;
padding: 0 0.5em;
}
#ft .navmenu {
float: left;
display: inline;
}
#ft .navmenu li {
float: left;
display: inline;
border-left: 1px solid #fff;
}
#ft .navmenu li:first-child {
border: none;
}
#ft .navmenu li a {
color: #fff;
}
#ft a {
color: #fff;
}
/* prehome footer */
#ft.prehome-page {
text-align: right;
}
#ft.prehome-page p.copyright {
text-align: left;
padding: 0;
margin: -10px 0 0 0;
}
/* MERITUM :-) */
/* sync menu */
#sync-menu {
float: left;
width: 996px;
text-align: center;
padding: 100px 0 80px 0;
background: url('/img/shadow-synclist.png') no-repeat 0 bottom;
}
#sync-menu li {
}
#sync-menu li a,
#sync-menu li span {
position: relative;
display: block;
width: 585px;
height: 72px;
margin: 0 auto 17px;
*margin: 0 auto 14px;
font-size: 0;
text-indent: -10000px;
}
/* simple box (used for forms) */
.simple-box {
display: block;
width: 440px;
margin: 90px auto 0;
}
.simple-box .top {
position: relative;
float: left;
width: 402px;
padding: 40px 19px 20px;
background: url('/img/form-box.png') no-repeat 0 0;
}
.simple-box .top .content {
max-height: 600px;
padding: 0;
margin: 5px 0 0 0;
width: 402px;
background: #fff;
}
.simple-box .bottom {
position: relative;
float: left;
width: 400px;
height: 30px;
padding: 0 20px 0;
background: url('../img/form-box.png') no-repeat 0 100%;
}
/* content */
.simple-box h1 {
position: relative;
top: -35px;
*top: -25px;
font-size: 1.4em;
color: #666;
}
.simple-box .content .error-message {
position: relative;
top: -25px;
width: 100%;
text-align: center;
margin: 0 auto;
}
.simple-box .bottom a.lost-password {
position: relative;
float: right;
}
.form-dropshadow {
clear: both;
height: 120px;
width: 600px;
margin: 0 auto;
background: url('/img/shadow-form.png') no-repeat 0 bottom;
}
/* form (mostly inside simple boxes) */
.form .row {
position: relative;
display: block;
float: left;
width: 100%;
padding: 0 0 10px 0;
}
.form .row label {
float: left;
padding-right: 10px;
width: 115px;
text-align: right;
}
.form .checkarea.row label {
width: 220px;
padding: 0;
text-align: left;
}
.form .checkarea.row.validation-error label {
color: #333;
}
.form .row input[type="text"],
.form .row input[type="password"],
.form .row select {
width: 180px;
}
.form .checkarea.row input[type="checkbox"] {
float: left;
margin: 0 10px 0 125px;
}
.form .recaptcha #recaptcha_widget_div {
width: 318px !important;
margin: 0 auto;
}
.form .checkarea.row
.form .recaptcha.row {
margin: 20px 0 0 42px;
}
.form .recaptcha.row input[type="text"] {
top: 15px;
}
.form .form-actions.row {
margin: 0 auto;
padding: 20px 0 10px 120px;
line-height: 2.6em;
}
.form .form-actions.row p {
}
.form p.required {
float: right;
width: 70px;
padding: 3px 0 0 0;
font-size: 0.85em;
}
.form .row span.error-message {
display: none;
}
/* when validation error appear */
.form .row.validation-error label {
color: red;
}
.form .row.validation-error span.error-message {
float: left;
clear: both;
top: 0;
display: block;
width: auto !important;
margin: 0 0 0 125px;
color: red;
}
.form .checkarea.validation-error span.error-message {
float: left;
width: 220px !important;
text-align: left;
}
/* WIZARD */
.wizard {
float: left;
position: relative;
width: 975px;
margin: 90px auto 20px auto;
}
.promo-model {
position: absolute;
}
.wizard .promo-model {
top: -147px;
left: 300px;
width: 472px;
height: 154px;
background: url('/img/model/01.png') no-repeat 0 0;
z-index: 1000;
}
.home .promo-model {
top: 14px;
left: 50%;
width: 407px;
height: 433px;
margin: 0 0 0 -203px;
background: url('/img/model/02.png') no-repeat 0 0;
}
.wizard .tabs {
float: left;
position: relative;
width: 165px;
}
.wizard .tabs ul {
position: relative;
top: 20px;
right: -1px;
z-index: 100;
float: left;
width: 165px;
}
.wizard .tabs li {
padding: 0 0 8px 0;
}
.wizard .tabs li a {
display: block;
width: 165px;
height: 72px;
font-size: 0;
text-indent: -5000px;
outline: 0;
}
.wizard .tabs li.contails {
padding: 90px 0 0 0;
}
.wizard .mainarea {
float: left;
position: relative;
width: 810px;
background: url('/img/mainarea-bg1.png') repeat-y left;
}
.wizard .mainarea-bg-top,
.wizard .mainarea-bg-bottom {
position: absolute;
left: 0;
width: 100%;
height: 22px;
}
.wizard .mainarea-bg-top {
top: -22px;
background: url('/img/mainarea-bg2.png') no-repeat top left;
}
.wizard .mainarea-bg-bottom {
bottom: -22px;
background: url('/img/mainarea-bg3.png') no-repeat bottom left;
}
.wizard .wrapper {
position: relative;
width: 810px;
height: 100%;
margin: -22px 0 -22px 0;
overflow: hidden;
}
.wizard .content {
width: 9000px;
}
/* a single slide */
.wizard .slide {
float: left;
position: relative;
width: 690px;
}
.wizard .slide.first,
.wizard .slide.last {
width: 740px;
}
/* slide background */
.wizard .slide .slide-top {
float: left;
width: 100%;
height: 22px;
background: url('/img/slide-bg2.png') no-repeat top left;
}
.wizard .slide .slide-bottom {
float: left;
width: 100%;
height: 22px;
background: url('/img/slide-bg3.png') no-repeat top left;
}
.wizard .slide .slide-content {
float: left;
width: 92%;
height: 590px;
padding: 0 3% 0 5%;
background: url('/img/slide-bg1.png') repeat-y left;
}
.wizard .slide:first-child .slide-top,
.wizard .slide:first-child .slide-bottom,
.wizard .slide:first-child .slide-content {
background: none;
}
/* step numbers */
.wizard .slide .nb-step {
position: absolute;
top: 10px;
width: 27px;
height: 27px;
z-index: 100;
}
.wizard .slide .nb-left {
left: 15px;
}
.wizard .slide .nb-right {
right: 8px;
}
.wizard .slide .nb-step a,
.wizard .slide .nb-step span {
position: absolute;
top: 0;
left: 0;
display: block;
width: 27px;
height: 23px;
font-size: 1.2em;
font-weight: bold;
color: #fff;
text-align: center;
text-decoration: none;
padding: 4px 0 0 0;
background: url('/img/step-nb1.png') no-repeat 0 0;
}
.wizard .slide .nb-step a {
display: none;
}
/* show/hide numbers in dependance on whether the slide is current/prev/next */
.wizard .slide.current {
}
.wizard .slide.current .content {
display: block;
}
.wizard .slide.current .nb-right,
.wizard .slide.current .nb-left a {
display: none;
}
.wizard .slide.current .nb-left span {
background: url('/img/step-nb2.png') no-repeat 0 0;
}
/*.wizard .slide.next {
}
.wizard .slide.next .nb-left span {
display: none;
}
.wizard .slide.next .nb-left a {
display: block;
}
.wizard .slide.previous {
}
.wizard .slide.previous .nb-right span {
display: none;
}
.wizard .slide.previous .nb-right a {
display: block;
}*/
.wizard .slide.next .slide-content *,
.wizard .slide.previous .slide-content * {
display: none;
}
/* slide content */
.slide h2 {
position: relative;
top: -0.5em;
left: 15px;
font-size: 1.4em;
color: #666666;
padding: 0 0 1em 0;
}
.slide p {
margin: 0 0 1em 0;
}
.slide p.pin {
float: left;
clear: left;
width: 100%;
text-align: center;
}
.slide p.pin span {
display: inline-block;
font-size: 1.9em;
margin: 0 0.2em 0 0;
padding: 0.2em 0.3em 0.2em 0.3em;
border: 1px solid #ddd;
}
.slide ul {
position: relative;
margin: 0 0 10px 0;
}
.slide ul li {
position: relative;
margin: 0 0 0.5em 0;
}
.slide ul li label {
float: left;
position: relative;
clear: left;
width: 15em;
text-align: right;
padding: 0.2em 0.5em 0 0;
}
.slide ul li .value {
float: left;
position: relative;
padding: 0 0 15px 0;
*padding: 0 0 10px 0;
}
.slide ul.margin-top {
margin: 10px 0 10px 0;
}
.slide ul.margin-top li strong {
font-weight:bold;
}
.slide select {
padding: 0;
}
/* radiochecklist */
.slide ul.radiochecklist {
}
.slide ul.radiochecklist li {
padding: 0 0 0 16px;
}
.slide ul.radiochecklist li input {
position: absolute;
top: 0.15em;
left: 0;
}
.slide ul.radiochecklist li label {
float: none !important;
width: auto !important;
}
/* SIM cards list */
.slide ul.simcardslist {
}
.slide ul.simcardslist li {
float: left;
width: 50%;
text-align: center;
}
.slide ul.simcardslist li:first-child {
width: 45%;
margin: 0 5% 0 0;
}
.slide ul.simcardslist li a {
position: relative;
display: block;
height: 120px;
margin: 0 auto;
}
.slide ul.simcardslist li a.one-sim-card {
width: 120px;
background: url('../img/sim-card.png') no-repeat 0 0;
}
.slide ul.simcardslist li:hover a.one-sim-card,
.slide ul.simcardslist li.active a.one-sim-card {
background: url('../img/sim-card.png') no-repeat 0 -120px;
}
.slide ul.simcardslist li a.two-sim-cards {
width: 180px;
background: url('../img/sim-cards.png') no-repeat 0 0;
}
.slide ul.simcardslist li:hover a.two-sim-cards,
.slide ul.simcardslist li.active a.two-sim-cards {
background: url('../img/sim-cards.png') no-repeat 0 -120px;
}
.slide ul.simcardslist li:hover {
cursor: pointer;
}
/* submit-area */
.slide .submit-area {
clear: left;
width: 100%;
text-align: right;
padding: 0 0 20px 0;
}
.slide .submit-area .button {
display: inline-block;
*display: block;
width: 138px;
height: 35px;
font-size: 0;
text-indent: -5000px;
border: 0;
}
.slide .submit-area.centered {
text-align: center;
}
.slide .submit-area .button.disabled {
background-position: 0 -35px;
}
/* form box */
.slide .form-box {
float: left;
width: 96%;
margin: 0 0 1em 0;
padding: 1em 2% 1em 2%;
/* background: #fffbe2; */
}
/* phone brands */
.slide ul.brands {
float: left;
width: 100%;
margin: 0;
padding: 0 0 10px 0;
}
.slide ul.brands li {
float: left;
padding: 0 10px 0 0;
}
.slide ul.brands li a {
display: block;
position: relative;
width: 95px;
height: 95px;
text-decoration: none;
}
.slide ul.brands li.brandid-99 a {
background: url('../img/phones/logo_nokia.png') no-repeat 0 0;
}
.slide ul.brands li.brandid-125 a {
background: url('../img/phones/logo_se.png') no-repeat 0 0;
}
.slide ul.brands li.brandid-11 a {
background: url('../img/phones/logo_apple.png') no-repeat 0 0;
}
.slide ul.brands li.brandid-91 a {
background: url('../img/phones/logo_motorola.png') no-repeat 0 0;
}
.slide ul.brands li.brandid-114 a {
background: url('../img/phones/logo_samsung.png') no-repeat 0 0;
}
.slide ul.brands li.brandid-77 a {
background: url('../img/phones/logo_lg.png') no-repeat 0 0;
}
.slide ul.brands li.selected a,
.slide ul.brands li a:hover {
background-position: 0 -95px;
}
/* phone models */
.slide ul.models {
float: left;
width: 100%;
height: 290px;
margin: 0;
padding: 0 0 1em 0;
overflow-y: scroll;
}
.slide ul.models li {
float: left;
min-width: 110px;
height: 11em;
text-align: center;
padding: 4px;
}
.slide ul.models li .icon {
position: absolute;
top: -4px;
right: 4px;
width: 32px;
height: 32px;
z-index: 100;
}
.slide ul.models li.supported .icon {
background: url('/img/icons/supported.png') no-repeat right 0.25em;
}
.slide ul.models li.unsupported .icon {
background: url('/img/icons/unsupported.png') no-repeat right 0.25em;
}
.slide ul.models li a {
display: block;
position: relative;
min-width: 110px;
text-decoration: none;
}
.slide ul.models li img {
margin: 0 0 0.5em 0;
}
.slide ul.models li p {
width: 110px;
color: #000;
margin: 0;
overflow: hidden;
}
/* hover effect on thumb lists */
.slide ul.brands li a div,
.slide ul.models li a div {
display: none;
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
margin: -1em auto 0 auto;
}
.slide ul.models li a div {
margin: -1.8em 0 0 0;
}
.slide ul.brands li a:hover div,
.slide ul.models li a:hover div {
display: block;
}
.slide ul.brands li a div span,
.slide ul.models li a div span {
display: inline-block;
height: 1.6em;
color: #fff;
padding: 0.3em 0.8em 0 0.8em;
border: 1px solid #2F4F79;
background: #0863bc;
cursor: pointer;
}
.slide ul.models li div.overlay {
position: absolute;
top: 0;
left: 0;
width: 110px;
height: 120px;
background: url('/img/overlaypix1.png') repeat;
}
/* phone other brands list */
.slide .selection {
float: left;
width: 50%;
padding: 0 0 0 0;
}
.slide .selection label {
float: left;
position: relative;
top: 0.2em;
padding: 0 0.5em 1em 0;
}
/* ajax loader */
.slide .loader {
float: left;
position: relative;
width: 100%;
height: 30px;
}
.slide .loader span {
position: absolute;
top: 0;
width: 100%;
text-align: center;
}
.slide .loader span span {
position: static;
width: auto;
}
.slide .loader span img {
position: relative;
top: 0.3em;
left: -0.5em;
}
/* success slide */
.slide.last.current img {
float: left;
clear: left;
margin: 0 20px 20px 0;
}
.slide.last .success-info {
float: left;
width: 630px;
padding: 15px 20px 5px 25px;
*padding: 15px 20px 20px 25px;
margin-bottom: 20px;
background: #fcfbd5;
border: 1px solid #e2e1bf;
}
.slide.last .success-info img {
margin: 0 20px 0 0;
}
.slide.last .success-info p {
float: left;
width: 465px;
}
.slide.last h3 {
margin: 0 0 0.8em 0;
}
.slide.last ul.contails-features {
float: left;
width: 490px;
margin: 5px 0;
}
.slide.last ul.contails-features li {
padding: 0 0 0 25px;
background: url('/img/icons/item-check.png') no-repeat 0 5px;
font-size: 90%;
}
.slide.last ul.contails-features li p {
margin: 0 0 1em 0;
*margin: 0 0 0.7em 0;
}
/* link - create account in contails */
.slide.last a.account-activation {
clear: both;
display: block;
width: 460px;
height: 38px;
margin: 0 auto;
text-align: center;
text-decoration: none;
font-size: 120%;
line-height: 2.4em;
text-shadow:1px 1px 1px #111111;
color: #fff;
font-weight: bold;
background: url('/img/btn-wide-clean.png') no-repeat 0 0;
}
.wizard-dropshadow {
float: left;
position: relative;
width: 975px;
height: 80px;
margin: 0 auto;
background: url('/img/shadow-wizard.png') no-repeat bottom center;
}
/* PREHOME PAGE */
.prehome-box {
position: relative;
margin-top: -80px;
min-height: 920px;
background: url('/img/a-prehome-bg.png') no-repeat 0 0;
}
.prehome-box .content {
height: 500px;
padding: 255px 0 0;
}
.prehome-box .succes-message {
float: left;
width: 100%;
margin: 0 auto;
text-align: center;
font-size: 0.9em;
font-weight: bold;
color: #69a013;
}
/* feature list (left side) */
.prehome-box .content .features-list {
float: left;
width: 300px;
margin-left: 200px;
}
.prehome-box .content .features-list ul {
}
.prehome-box .content .features-list ul li {
height:128px;
color: #333;
font-size: 0.95em;
}
.prehome-box .content .features-list ul li h1 {
font-size: 1.1em;
margin-bottom: 8px;
color: #000;
}
/* beta-tests form */
.tests-box {
float: right;
width: 395px;
height: 390px;
margin: 10px 55px 0 0;
color: #000;
}
.tests-box h3.succes-message {
margin: 100px auto 10px;
font-size: 1.4em;
}
.tests-box span.succes-message {
font-size: 1.1em;
}
.row.title {
padding: 0;
*padding: 0 0 10px 0;
}
.tests-box h4,
.tests-box span {
display: block;
float: left;
margin: 1em 0;
}
.tests-box span {
width: 15px;
}
.tests-box h4 {
width: 380px;
}
.tests-box p {
font-size: 0.9em;
}
/* form */
/* labels */
.tests-box.form .row label {
text-align:left;
width: 95px;
}
.tests-box.form label.brand-label {
width: auto !important;
}
.tests-box.form label.phone-label {
width: auto !important;
padding: 0 10px 0 30px;
}
/* text inputs */
.tests-box.form .row input[type="text"] {
position: relative;
float: left;
top: -2px;
}
.tests-box.form input.phone-brand {
width: 140px;
}
.tests-box.form input.phone-model {
width: 110px;
}
.tests-box.form input.tester-contact{
width: 150px;
}
/* form validation errors */
.tests-box.form span.error-message {
display: none;
}
.tests-box.form span.error-message.validation-error {
position: relative;
display: block;
color:red;
margin:0 auto;
top:-10px;
width:100%;
text-align: center;
font-size: 0.8em;
}
.tests-box.form .row span.error-message {
margin: 0 0 0 105px;
width: 280px !important;
font-size: 0.8em;
}
/* subscription-box (right side) */
.subscription-box {
float: right;
width: 395px;
height: 120px;
margin: 10px 55px 0 0;
color: #000;
}
.subscription-box span.succes-message {
margin: 12px auto 0;
}
.subscription-box span.error-message {
line-height: 1;
font-size: 0.8em;
}
.subscription-box h2 {
margin: 0 0 5px;
}
.subscription-box p {
font-size: 0.9em;
}
.subscription-box form {
margin: 20px 0 0 0;
}
.subscription-box.form .row {
position: relative;
}
.subscription-box.form label {
/* position: relative; */
/*top: -3px;*/
width: 42px;
padding-right: 15px;
}
.subscription-box.form .row input[type="text"] {
position: relative;
float: left;
top: -2px;
width: 230px;
margin-right: 15px;
}
.subscription-box.form .row.validation-error span.error-message {
width: 200px !important;
margin: 5px 0 0 56px;
font-size: 0.8em;
}
/* news box (right side) */
.news-box {
float: right;
width: 412px;
margin: 40px 40px 0 0;
color: #666;
}
.news-box h1 {
font-size: 1.4em;
margin-bottom: 20px;
}
.news-box dl dt {
float: left;
width: 75px;
font-weight: bold;
}
.news-box dl dd {
float: left;
width: 327px;
margin-bottom: 20px
}
.news-box dl dd a {
color: #4179af;
}
/* HOWTO PAGE */
/*structure*/
#howto-page {
}
#howto-page .section-wrapper {
position: relative;
float: left;
width: 996px;
min-height: 500px;
margin-top: -80px;
}
#howto-page .section-wrapper .section-top {
height: 260px;
background: url('../img/howto-bg.png') no-repeat 0 0;
}
#howto-page .section-wrapper .section-content {
float: left;
width: 950px;
padding: 0 21px 0 23px;
background: #fff;
border-left: 1px solid #999;
border-right: 1px solid #a2a2a2;
}
#howto-page .section-wrapper .section-main {
float: left;
width: 710px;
margin: 0 20px 0 0;
}
#howto-page .section-wrapper .section-sidebar {
float: left;
width: 220px;
text-align: center;
background: #fff;
}
#howto-page .section-end {
position: relative;
float: left;
width: 996px;
height: 145px;
padding: 0;
background: url('../img/howto-bg.png') no-repeat 0 100%;
}
/* content */
#howto-page h1 {
margin: 0 0 15px 0;
}
#howto-page h2.answer {
float: left;
width: 480px;
padding: 15px 15px 15px 80px;
margin: 0 66px 30px 66px;
border: 1px solid #ebeac7;
}
#howto-page h2.answer.positive {
background: #FCFBD5 url('/img/icons/check.png') no-repeat 15px 15px;
}
#howto-page h2.answer.negative {
background: #FCFBD5 url('/img/icons/uncheck.png') no-repeat 15px 15px;
}
#howto-page .aditional-info {
width: 480px;
margin: 0 auto;
text-align: center;
font-size: 0.9em;
}
/* advertise */
#howto-page .advertise {
float: left;
overflow: hidden;
width: 710px;
padding: 10px 0;
margin: 10px auto;
text-align:center;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
/* lists */
#howto-page ul.steps {
float: left;
padding: 0 0 30px;
font-size: 1.2em;
}
#howto-page ul.steps li {
position: relative;
width: 730px;
margin: 10px 0;
text-align: left;
}
#howto-page ul.steps li a {
position: absolute;
right: 90px;
}
/* phone brands */
#howto-page ul.brands {
float: left;
width: 100%;
margin: 0;
padding: 0 0 10px 0;
}
#howto-page ul.brands li {
float: left;
padding: 0 40px 0 0;
}
#howto-page ul.brands li a {
display: block;
position: relative;
width: 95px;
height: 95px;
margin: 0 0 50px 0;
text-decoration: none;
}
#howto-page ul.brands li.brandid-99 a {
background: url('../img/phones/logo_nokia.png') no-repeat 0 0;
}
#howto-page ul.brands li.brandid-125 a {
background: url('../img/phones/logo_se.png') no-repeat 0 0;
}
#howto-page ul.brands li.brandid-11 a {
background: url('../img/phones/logo_apple.png') no-repeat 0 0;
}
#howto-page ul.brands li.brandid-91 a {
background: url('../img/phones/logo_motorola.png') no-repeat 0 0;
}
#howto-page ul.brands li.brandid-114 a {
background: url('../img/phones/logo_samsung.png') no-repeat 0 0;
}
#howto-page ul.brands li.brandid-77 a {
background: url('../img/phones/logo_lg.png') no-repeat 0 0;
}
#howto-page ul.brands li.brandid-16 a {
background: url('../img/phones/logo_htc.png') no-repeat 0 0;
}
#howto-page ul.brands li.brandid-17 a {
background: url('../img/phones/logo_blackberry.png') no-repeat 0 0;
}
#howto-page ul.brands li.brandid-18 a {
background: url('../img/phones/logo_toshiba.png') no-repeat 0 0;
}
#howto-page ul.brands li.brandid-19 a {
background: url('../img/phones/logo_siemens.png') no-repeat 0 0;
}
#howto-page ul.brands li.brandid-20 a {
background: url('../img/phones/logo_acer.png') no-repeat 0 0;
}
#howto-page ul.brands li.brandid-21 a {
background: url('../img/phones/logo_asus.png') no-repeat 0 0;
}
#howto-page ul.brands li.brandid-22 a {
background: url('../img/phones/logo_gigabyte.png') no-repeat 0 0;
}
#howto-page ul.brands li.brandid-23 a {
background: url('../img/phones/logo_huawei.png') no-repeat 0 0;
}
#howto-page ul.brands li.brandid-24 a {
background: url('../img/phones/logo_hp.png') no-repeat 0 0;
}
#howto-page ul.brands li.selected a,
#howto-page ul.brands li a:hover {
background-position: 0 -95px;
}
#howto-page ul.brands li a span {
position: absolute;
bottom: -20px;
width: 95px;
color: #333;
cursor: pointer;
text-align: center;
text-decoration: underline;
color: #4179AF;
}
#howto-page ul.brands li a:hover span {
text-decoration: none;
}
/* phone models */
#howto-page ul.models {
float: left;
width: 100%;
margin: 0;
padding: 0 0 1em 0;
}
#howto-page ul.models li {
position: relative;
float: left;
min-width: 110px;
height: 11em;
text-align: center;
padding: 4px;
}
#howto-page ul.models li .icon {
position: absolute;
top: -4px;
right: 4px;
width: 32px;
height: 32px;
z-index: 100;
}
#howto-page ul.models li.supported .icon {
background: url('/img/icons/supported.png') no-repeat right 0.25em;
}
#howto-page ul.models li.unsupported .icon {
background: url('/img/icons/unsupported.png') no-repeat right 0.25em;
}
#howto-page ul.models li a {
display: block;
position: relative;
min-width: 110px;
text-decoration: none;
}
#howto-page ul.models li img {
margin: 0 0 0.5em 0;
}
#howto-page ul.models li p {
width: 110px;
margin: 0;
overflow: hidden;
text-decoration: underline;
color: #4179af;
}
#howto-page ul.models li a:hover p {
text-decoration: none;
}
/* hover effect on thumb lists */
#howto-page ul.brands li a div,
#howto-page ul.models li a div {
display: none;
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
margin: -1em auto 0 auto;
}
#howto-page ul.models li a div {
margin: -1.8em 0 0 0;
}
#howto-page ul.brands li a:hover div,
#howto-page ul.models li a:hover div {
display: block;
}
#howto-page ul.brands li a div span,
#howto-page ul.models li a div span {
display: inline-block;
height: 1.6em;
color: #fff;
padding: 0.3em 0.8em 0 0.8em;
border: 1px solid #2F4F79;
background: #0863bc;
cursor: pointer;
}
#howto-page ul.models li div.overlay {
position: absolute;
top: 0;
left: 0;
width: 110px;
height: 120px;
background: url('/img/overlaypix1.png') repeat;
}
/* phone thumbs */
div.phone-model {
float: left;
min-width: 110px;
height: 11em;
margin: 30px 0 10px 0;
text-align: center;
padding: 4px;
}
.phone-model p {
margin: 5px 0 0 0;
overflow: hidden;
}
/* procedure description list */
#howto-page ol {
float: left;
width: 420px;
margin: 30px 0 10px 0;
}
#howto-page ol li {
font-size: 1.1em;
margin: 0 0 15px 40px;
padding: 0 0 0 0;
list-style-type: decimal;
}
/* signup link to beta-tests */
a.btn-wide {
clear: both;
display: block;
width: 460px;
margin: 20px auto;
height: 38px;
line-height: 2.4em;
color: #fff;
font-size: 120%;
font-weight: bold;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px #111111;
background: url('/img/btn-wide-clean.png') no-repeat 0 0;
}
/* phone list page navi */
.page-navi {
clear: both;
float: left;
width: 700px;
margin: 20px auto;
text-align: center;
}
.page-navi span,
.page-navi a {
display: inline-block;
width: 27px;
height:23px;
padding:4px 0 0;
margin: 3px;
color:#fff;
font-size:1.2em;
font-weight:bold;
text-align:center;
text-decoration:none;
background: url('/img/step-nb2.png') no-repeat 0 0;
}
.page-navi a {
color: #4179af;
background: url('/img/step-nb4.png') no-repeat 0 0;
}
.page-navi a:hover {
background: url('/img/step-nb3.png') no-repeat 0 0;
}
/* sidebar content*/
#howto-page .section-wrapper .section-sidebar h4 {
margin: 1.5em 0 1em;
text-align: left;
}
#howto-page .section-wrapper .section-sidebar ul {
}
#howto-page .section-wrapper .section-sidebar ul li {
float: left;
margin: 0 0 10px 0;
}
/* HOMEPAGE */
/* bassic structure */
.content-wrapper {
position: relative;
margin: -80px 0 0 0;
padding: 200px 0 0 0;
background: url('../img/homepage/wrapper-top-bg.png') no-repeat 0 0;
}
.content-wrapper .content {
overflow: auto;
padding: 0 20px;
margin: -1px 0 0 0;
background: #fff;
border-left: 1px solid #999;
border-right: 1px solid #999;
}
.content-wrapper .content .column-left {
float: left;
width: 622px;
padding-right: 20px;
}
.content-wrapper .content .column-left .inner-left {
float: left;
width: 301px;
padding-right: 20px;
}
.content-wrapper .content .column-left .inner-right {
float: left;
width: 301px;
}
.content-wrapper .content .column-right {
float: left;
width: 310px;
}
.content-wrapper .content p.paragraph-block {
margin-bottom: 10px;
}
.content-wrapper .wrapper-bottom {
height: 120px;
background: url('../img/homepage/wrapper-bottom-bg.png') no-repeat 0 0;
}
.content-wrapper h2 {
font-size: 1.25em;
margin: 0 0 15px 0;
}
.content-wrapper.article h2 {
margin: 20px 0 15px 0;
}
.content-wrapper.article ol {
}
.content-wrapper.article ol li {
margin: 10px 0 10px 20px;
list-style-type: decimal;
}
/* feature list (left side) */
.content-wrapper ul.features-list {
float: left;
margin: 0 0 10px 0;
}
.content-wrapper ul.features-list li {
float: left;
position: relative;
min-height: 110px;
height: auto !important;
height: 100px;
padding: 0 0 0 160px;
margin: 0 0 10px 0;
color: #333;
}
.content-wrapper ul.features-list li img {
position: absolute;
top: 0;
left: 0;
}
.content-wrapper ul.features-list li h1 {
font-size: 1.3em;
margin-bottom: 6px;
color: #000;
}
/* producent list */
.content-wrapper .producent-list {
float: left;
padding: 5px 0 5px 3px;
margin: 0 0 30px 0;
background: #f7f7f7;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
}
.content-wrapper .producent-list li {
float: left;
width: 88px;
height: 83px;
text-align: center;
}
.content-wrapper .producent-list li a {
text-decoration: none;
}
.content-wrapper .producent-list li a img {
border: none;
}
/* left inner column - news list */
.content-wrapper .content .column-left .inner-left {
}
.content-wrapper .content .column-left .inner-left ul {
}
.content-wrapper .content .column-left .inner-left ul li {
float: left;
margin: 0 0 20px 0;
color: #000;
}
.content-wrapper .content .column-left .inner-left ul li a {
color: #0066cc;
font-weight: bold;
}
.content-wrapper .content .column-left .inner-left ul li span {
float: left;
width: 100%;
text-align: right;
font-style: italic;
color: #333;
}
/* right inner column - feed list */
.content-wrapper .content .column-left .inner-right ul {
}
.content-wrapper .content .column-left .inner-right ul li {
clear: left;
float: left;
height: 32px;
width: 100%;
padding: 0 0 0 45px;
margin: 0 0 15px 0;
}
.content-wrapper .content .column-left .inner-right ul li.twitter-feed {
background: url('/img/icons/ico-twitter.png') no-repeat 0 0;
}
.content-wrapper .content .column-left .inner-right ul li.blip-feed {
background: url('/img/icons/ico-blip2.png') no-repeat 0 0;
}
.content-wrapper .content .column-left .inner-right ul li.contails-feed {
background: url('/img/icons/ico-contails.png') no-repeat 0 0;
}
.content-wrapper .content .column-left .inner-right ul li.facebook-feed {
background: url('/img/icons/ico-facebook.png') no-repeat 0 0;
}
.content-wrapper .content .column-left .inner-right ul li a {
float: left;
padding: 0 0 4px 0;
color: #0066CC;
text-decoration: underline;
}
.content-wrapper .content .column-left .inner-right ul li span {
clear: left;
float: left;
color: #888;
font-size:0.8em;
}
/* info holder (right side) */
.content-wrapper .content .column-right .info-holder {
float: left;
width: 310px;
margin: 0 0 20px 0;
text-align: center;
background: #7cc11a;
border: 3px solid #7cc11a;
/*background: #faf9d7;*/ /* beige */
/*border: 3px solid #faf9d7;*/
}
.content-wrapper .content .column-right .info-holder p {
margin: 2px 0;
font-size: 1.65em;
font-family: Tahoma, Verdana, Arial, "sans-serif";
color: #fff;
/*text-shadow: 0 0 3px #000;*/
}
.content-wrapper .content .column-right .info-holder p strong {
font-weight: bold;
}
/* add to social pages - bookmark list */
ul.bookmarks {
float: left;
height: 32px;
margin: 0 0 20px 0;
}
ul.bookmarks li {
float: left;
}
ul.bookmarks li a {
display: block;
width: 32px;
height: 32px;
margin: 0 0 0 7px;
}
ul.bookmarks li.google-bookmark a {
margin: 0 0 0 2px;
background: url('/img/icons/ico-google.png') no-repeat 0 0;
}
ul.bookmarks li.facebook-bookmark a {
background: url('/img/icons/ico-facebook.png') no-repeat 0 0;
}
ul.bookmarks li.digg-bookmark a {
background: url('/img/icons/ico-digg.png') no-repeat 0 0;
}
ul.bookmarks li.delicious-bookmark a {
background: url('/img/icons/ico-delicious.png') no-repeat 0 0;
}
ul.bookmarks li.stumble-bookmark a {
background: url('/img/icons/ico-stumbleupon.png') no-repeat 0 0;
}
ul.bookmarks li.reddit-bookmark a {
background: url('/img/icons/ico-reddit.png') no-repeat 0 0;
}
ul.bookmarks li.twitter-bookmark a {
background: url('/img/icons/ico-twitter.png') no-repeat 0 0;
}
ul.bookmarks li.myspace-bookmark a {
background: url('/img/icons/ico-myspace.png') no-repeat 0 0;
}
/* syncronize contacts form */
.content-wrapper .content .column-right .sync-contacts {
clear: left;
display: inline-block;
margin: 0 0 20px 0;
border: 3px solid #dfdfdf;
background: url('/img/graphics/phones.jpg') no-repeat 16px 16px;
}
.content-wrapper .content .column-right .sync-contacts form {
padding: 0 10px 10px 0;
height: 116px;
}
.content-wrapper .content .column-right .sync-contacts form h2 {
padding: 0 0 7px 104px;
color: #0662BD;
font-size: 1.2em;
margin: 0 0 10px 0;
}
.content-wrapper .content .column-right .sync-contacts form label {
clear: left;
width: 200px;
margin-left: 84px;
font-weight: bold;
}
.content-wrapper .content .column-right .sync-contacts form select {
clear: left;
width: 208px;
margin: 5px 0 15px 84px;
}
.content-wrapper .content .column-right .sync-contacts form input.btn-signup {
margin: 0 0 10px 128px;
padding: 0.1em 0.8em;
}
.content-wrapper .content .column-right .sync-contacts form span {
margin: 0 0 0 128px;
font-size: 0.85em;
}
/* testimonials */
.content-wrapper .content .speach-bubble {
float: left;
width: 310px;
min-height: 30px;
margin: 0 0 20px 0;
}
.content-wrapper .content .speach-bubble .bubble-content {
float: left;
padding: 15px 15px 5px 15px;
font-size: 1.1em;
background: url('/img/speach-bubble-bg.png') no-repeat 0 0;
}
.content-wrapper .content .speach-bubble .bubble-bottom {
float: left;
height: 20px;
width: 275px;
padding: 17px 0 0 35px;
background: url('/img/speach-bubble-bg.png') no-repeat 0 100%;
}
.content-wrapper .content .speach-bubble .bubble-bottom p {
}
.content-wrapper .content .speach-bubble .bubble-bottom p a {
color: #0066cc;
font-weight: bold;
}
/* advertising block */
.content-wrapper .content .advertising-block {
float: left;
width: 310px;
height: auto;
}
.content-wrapper .content .advertising-block a {
float: left;
display: block;
}
.content-wrapper .content .advertising-block a img {
float: left;
border: none;
width: 310px;
height: 250px;
}