/*********************** *** Global ***********************/ html {background: #f6f4f2;} body {margin: 0; font: 12px/18px arial, helvetica, verdana, sans-serif; text-align: center;} hr {border: 0; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #fff;} td.hr {padding: 0!important; background: #d6d6d6;} div.hr {margin: 8px 0; border-bottom: 2px solid #d6d6d6; height: 0;} form, fieldset {margin: 0; padding: 0; border-style: none;} input, textarea, select {font:100% Arial, Helvetica, sans-serif; vertical-align: middle;} ul, ol {margin: 0; padding: 0;} ol {padding-left: 5px;} li {margin: 0 0 0 16px;} h1 {font-size: 36px; line-height: 50px; letter-spacing: -2px; margin: 0;} p {margin: 8px 0;} a {color: #7e64a4; text-decoration: none; font-weight: bold;} a:hover {color: #7e64a4; text-decoration: underline;} a.normLink, .normLink, .normLink a {font-weight: normal!important;} #wrapper {width: 100%; margin: 0 auto; text-align: left; background: #fff;} .aL {text-align: left!important;} .aC {text-align: center!important;} .aR {text-align: right!important;} .fL {float: left!important;} .fR {float: right!important;} img {border: 0;} img.cl {clear: left; height: 1px; margin: 0 0 -1px;} img.cr {clear: right; height: 1px; margin: 0 0 -1px;} img.cb {clear: both; height: 1px; margin: 0 0 -1px;} .br0 {line-height: 0; clear: both;} code {display: block; border: 1px solid #cfc6e3; background: #efeaff; padding: 10px; font-size: 11px; line-height: 13px;} p.header {color: #345248; font: 26px/28px arial, helvetica, verdana, sans-serif; margin-top: 8px;} p.bold {margin: 0 0 -8px; font-weight: bold;} .cursorDefault {cursor: default!important;} .cursorPointer {cursor: pointer;} .dn {display: none!important;} .noshow, .noShow {display: none!important;} /*********************** *** /Global ***********************/ /*********************** *** Header ***********************/ #top {height: 74px; overflow: visible; padding: 0; background: #b8cd13 url(/res/img/gfx/headerBgShine.jpg) no-repeat scroll 50% 0; width:100%;} #top .holder {width: 950px; height: 74px; margin:0 auto; position: relative;} #top .loginInfo {position: static; float: left; margin: 3px 0 0 40px; height: 20px; width: 500px; font-size: 11px; color: #7e64a4;} .cufon-active #top .loginInfo {font-size: 12px; padding: 2px 0 0; height: 18px} #top .logo {float: left; margin: -1px 0 0;} #top .topLinks {float: right; height: 23px; margin: 0 -37px 0 0; background: url(/res/img/gfx/topLinksRight.png) top right no-repeat; padding: 0 46px 0 0;} #top .topLinks div {height: 23px; padding: 0 0 0 65px; font-weight: normal; background: url(/res/img/gfx/topLinksLeft.png) 0 0 no-repeat;} #top .topLinks ul {margin: 0 -14px 0 1px; padding: 3px 0 0; list-style: none; float: left; overflow: hidden; position: relative; font-size: 12px; line-height: 12px; font-weight: bold; letter-spacing: -1px;} #top .topLinks ul li {float: left; margin: 0 0 0 -9px; padding: 0 15px 0 9px; background: url(/res/img/gfx/topLinksDivider.gif) no-repeat 0 2px;} #top .topLinks ul li a {float: left; color:#fff; text-decoration:none; letter-spacing:-1px; font-size: 11px; font-weight: bold;} #top .topLinks a:hover {color:#7e52a2; text-decoration:none;} .cufon-active #top .topLinks a {font-size: 12px;} #top .menu {margin: 30px 0 0; float: right; line-height: 9px;} #top .menu a {line-height: 11px; font-size: 10px; background: url(/res/img/gfx/topMenuButtonBg.png) 0 0 no-repeat; color: #fff; width: 103px!important; height: 16px; margin: 0 1px 0 0; float: left; padding: 5px 6px 0; text-decoration: none; text-align: center;} .cufon-active #top .menu a {font-size: 12px;} #top .menu a.active, #top .menu a.mark, #top .menu a:hover {background: url(/res/img/gfx/topMenuButtonBg.png) 0 -21px no-repeat; color: #7d51a0!important;} #top.skyline4Top {background-image: url(/res/img/gfx/headerBgSkyline4.png);} #top.skyline4Top .menu {} /*********************** *** /Header ***********************/ /*********************** *** Body ***********************/ #body {width: 950px; margin: 0 auto; padding: 29px 0 9px;} #mySkylineUser {float: right; margin: -20px 0 -10px; color: #7e64a4;} #body .menuCol {width: 190px; float: left;} #body .menuCol hr {margin-left: 10px;} #body .menu {margin: -2px 0 -3px; line-height: 15px;} #body .menu a {display: block; margin: 1px 0 1px 10px; padding: 0 0 5px 20px; color: #000; background: url(/res/img/gfx/leftMenuThumb.png) 0 0 no-repeat; text-decoration: none;} #body .menu a:hover {background-position: 0 -40px; text-decoration: none;} #body .menu a.mark, #body .menu a.chosen {background-position: 0 -80px;} #body .menu .subBox1, #body .menu .subBox2 {display: none; font-size: 11px!important;} #body .menu .subBox1 a {margin: -2px 0 0 30px; font-weight: normal!important;} #body .menu .subBox2 a {margin: -2px 0 0 50px; font-weight: normal!important;} #body .menu a.sub1head, #body .menu a.sub2head {background-position: 0 -240px;} #body .menu a.sub1head:hover, #body .menu a.sub2head:hover {background-position: 0 -280px;} #body .menu a.sub1head.mark, #body .menu a.sub2head.chosen {background-position: 0 -320px;} #body .menu a.sub1head.toggled, #body .menu a.sub2head.toggled {background-position: 0 -120px;} #body .menu a.sub1head.toggled:hover, #body .menu a.sub2head.toggled:hover {background-position: 0 -160px;} #body .menu a.sub1head.toggled.mark, #body .menu a.sub2head.toggled.chosen {background-position: 0 -200px;} #body .menu .subBox {display: none; font-size: 11px!important; padding: 0 0 0 20px;} #body .menu .subBox a {margin: -2px 0 0 10px; font-weight: normal!important;} #body .menu a.subhead {background-position: 0 -240px;} #body .menu a.subhead:hover {background-position: 0 -280px;} #body .menu a.subhead.chosen {background-position: 0 -320px;} #body .menu a.subhead.toggled {background-position: 0 -120px;} #body .menu a.subhead.toggled:hover {background-position: 0 -160px;} #body .menu a.subhead.toggled.chosen {background-position: 0 -200px;} #body .menu .menuTitle {margin: 12px 0 3px 10px;} #paymentInfo {padding: 0; margin: 0;} .menu #paymentInfo {padding: 0 0 5px; margin: 0 -5px 0 10px;} #paymentInfo .creditCards {padding: 6px 0 6px;} #paymentInfo .creditCards img {margin: 0 5px 0 0;} #paymentInfo a {display: inline!important; text-decoration: underline!important; font-weight: normal!important; margin: 0!important; padding: 0!important; background: transparent!important;} #paymentInfo a:hover {color: #777!important;} .bodyContent {width: 750px; float: right; position: relative;} .bodyContent .fit {width: 740px; float: left;} .bodyContent hr.fit {width: 740px; float: none!important; margin-left: 0!important;} .bodyContent.fullWidth {width: 950px; font: 12px/14px verdana, geneva, sans-serif;} .globalMsg {width: 500px;} .globalMsg.ok {padding-left: 32px; width: 468px; background: transparent url(/res/img/gfx/ok.png) left 3px no-repeat;} .globalMsg.remark, .globalMsg.warn {padding-left: 32px; width: 468px; background: transparent url(/res/img/gfx/warn.png) left 3px no-repeat;} .globalMsg .header {font-size: 18px; line-height: 26px; font-weight: bold; padding: 0 0 5px 0; height: 24px;} .globalMsg.ok .header {color: #a7bc24!important;} .globalMsg.remark .header, .globalMsg.warn .header {color: #d00!important;} .globalMsg .closeX {cursor: pointer; float: right;} #ltie7Warn, #noJavascript {margin: 10px; border: 2px solid #d00; padding: 5px 8px 5px 32px; background: #f1eef9 url(/res/img/gfx/warn.png) 4px 4px no-repeat;} #ltie7Warn b, #noJavascript b {color: #d00!important;} #content {height:1%; padding:0 10px; position: relative;} * html #content cufon {float:left;} *+html #content cufon {float:left;} .liteTxt, .liteTxt a {color: #aaa!important;} .smallTxt, .smallTxt a {font-size: 11px; line-height: 15px;} .cufon-active #content h1 {font-size: 50px; font-weight: normal;} .heading {width:100%; overflow:hidden;} .ttl {display: block; height: 1%; overflow: hidden; color: #000; font-size: 28px; line-height: 30px; font-weight: normal; letter-spacing: -1px; margin: 0;} .cufon-active .ttl {font-size: 36px;} .facebookReminder {background: url(/res/img/gfx/facebookReminderIcon.png) 0 3px no-repeat; height: 38px; line-height: 38px; font-weight: bold; padding: 0 0 0 40px;} .title {font-size: 22px; margin: 0 0 22px; padding: 0 0 8px; border-bottom: 2px solid #d6d6d6; overflow: hidden; height: 1%;} .title .cufon {margin: 0!important;} h2.headline {font-size: 36px; margin: 0 0 22px; padding: 0 0 8px; overflow: hidden; height: 1%;} h2.headline .cufon {margin: 0!important;} h3.subHeadline {font-size: 18px; margin: -28px 0 20px; padding: 0 0 8px; overflow: hidden; height: 1%;} h3.subHeadline .cufon {margin: 0!important;} .bbProductBoxes {width: 100%; overflow: hidden; padding: 26px 0 0; margin: 0 0 100px;} .bbProductBoxes .boxesHolder {width: 936px; overflow: hidden;} .bbProductBoxes .box {float: left; width: 228px; margin: 0 6px 0 0;} .bbProductBoxes a {display: block; height: 1%; overflow: hidden; cursor: pointer; text-decoration: none!important;} .bbProductBoxes .holder {display: table; width: 228px; height: 119px; overflow: hidden; margin: 0 0 9px; background: url(/res/img/gfx/boxBg.gif) no-repeat;} .bbProductBoxes .outline .holder {background: url(/res/img/gfx/bgBoxOuline.png) no-repeat;} * html .bbProductBoxes .holder {display: block;} *+html .bbProductBoxes .holder {display: block;} .bbProductBoxes .holder span {display: table-cell; vertical-align: middle;} .bbProductBoxes .holder img {display: block; margin: 0 auto;} .bbProductBoxes strong {display: block; height: 1%; overflow: hidden; color: #824a99; font-size: 16px; line-height: 22px; margin: 0 0 2px;} .cufon-active .bbProductBoxes strong {font-size: 21px; line-height: 22px;} .bbProductBoxes .btn-order {display: block; width: 82px; height: 22px; text-indent: -9999px; overflow: hidden; background: url(/res/img/gfx/btnOrderNow.png) no-repeat;} .bbProductBoxes em {display: block; color: #2b2b2b; font-size: 12px; line-height: 14px; font-style: normal; font-weight: normal; margin: 0 0 12px;} .cufon-active .bbProductBoxes em {font-size:14px;} .productBoxes {width: 100%; overflow: hidden; padding: 32px 0 0; margin: 0 0 70px;} .productBoxes .boxesHolder {width: 740px!important; margin: 0 -10px 0 0;} .productBoxes .boxesHolder .box {float: left; width: 225px; margin: 0 10px 10px 0;} .productBoxes .boxesHolder .box .top {height: 10px; background: url(/res/img/gfx/boxBg225End.png) 0 0 no-repeat;} .productBoxes .boxesHolder .box .body {padding: 0 11px 3px; background: url(/res/img/gfx/boxBg225Body.png) 0 0 repeat-y;} .productBoxes .boxesHolder .box .bottom {height: 10px; background: url(/res/img/gfx/boxBg225End.png) -225px 0 no-repeat;} .productBoxes .boxesHolder .box a {display: block; height: 1%; overflow: hidden; cursor: pointer; text-decoration: none!important;} .productBoxes .boxesHolder .box b {font-size: 16px; line-height: 22px; color: #824a99; font-weight: bold;} .cufon-active .productBoxes .boxesHolder .box b {font-size: 21px;} .productBoxes .boxesHolder .box .disclaimer {display: inline-block; color: #2b2b2b; font-size: 12px; line-height: 14px; font-style: normal; font-weight: normal; margin: 0 0 12px;} .cufon-active .productBoxes .boxesHolder .box .disclaimer {font-size:14px;} .productBoxes .boxesHolder .box .price {display: inline; padding: 5px 0 10px; height: 60px;} .productBoxes .boxesHolder .box img {display: block; margin: 5px auto 10px;} .fullWidth .productBoxes .boxesHolder {width: 940px!important;} .productBoxes.fp {padding-top: 10px;} .productBoxes.noBottomSpc {margin-bottom: 0;} .fullWidth .productBoxes.col2 .boxesHolder .box {width: 460px;} .fullWidth .productBoxes.col2 .boxesHolder .box .top {background: url(/res/img/gfx/boxBg460End.png) 0 0 no-repeat;} .fullWidth .productBoxes.col2 .boxesHolder .box .body {background: url(/res/img/gfx/boxBg460Body.png) 0 0 repeat-y;} .fullWidth .productBoxes.col2 .boxesHolder .box .bottom {background: url(/res/img/gfx/boxBg460End.png) -460px 0 no-repeat;} .productBoxes.col3 .boxesHolder {width: 741px!important; margin-right: -11px;} .productBoxes.col3 .boxesHolder .box {width: 236px; margin-right: 11px;} .productBoxes.col3 .boxesHolder .box .top {background: url(/res/img/gfx/boxBg236End.png) 0 0 no-repeat;} .productBoxes.col3 .boxesHolder .box .body {background: url(/res/img/gfx/boxBg236Body.png) 0 0 repeat-y;} .productBoxes.col3 .boxesHolder .box .bottom {background: url(/res/img/gfx/boxBg236End.png) -236px 0 no-repeat;} .productBoxes.col3 .boxesHolder .box b {font-size: 17px; line-height: 22px; color: #824a99; font-weight: bold;} .cufon-active .productBoxes.col3 .boxesHolder .box b {font-size: 18px;} .productBoxes.col3 .boxesHolder .box .price {height: 61px;} .productBoxes.col3 .boxesHolder .box .price img {width: 214px;} .productBoxes.col3 .boxesHolder .box .disclaimer .binding {font-size: 17px; display: inline-block; padding: 2px 0 4px; font-weight: bold;} .cufon-active .productBoxes.col3 .boxesHolder .box .disclaimer .binding {font-size: 18px;} .productBoxes.col4 .boxesHolder .box {width: 175px;} .productBoxes.col4 .boxesHolder .box .top {background: url(/res/img/gfx/boxBg175End.png) 0 0 no-repeat;} .productBoxes.col4 .boxesHolder .box .body {background: url(/res/img/gfx/boxBg175Body.png) 0 0 repeat-y;} .productBoxes.col4 .boxesHolder .box .bottom {background: url(/res/img/gfx/boxBg175End.png) -175px 0 no-repeat;} .productBoxes.col4 .boxesHolder .box b {font-size: 13px; line-height: 22px; color: #824a99; font-weight: bold;} .cufon-active .productBoxes.col4 .boxesHolder .box b {font-size: 16px;} .productBoxes.col4 .boxesHolder .box .price {height: 45px;} .productBoxes.col4 .boxesHolder .box .price img {width: 153px;} .productBoxes.col4 .boxesHolder .box.col2 {width: 360px;} .productBoxes.col4 .boxesHolder .box.col2 .top {background: url(/res/img/gfx/boxBg360End.png) 0 0 no-repeat;} .productBoxes.col4 .boxesHolder .box.col2 .body {background: url(/res/img/gfx/boxBg360Body.png) 0 0 repeat-y;} .productBoxes.col4 .boxesHolder .box.col2 .bottom {background: url(/res/img/gfx/boxBg360End.png) -360px 0 no-repeat;} .fiw {background: url(/res/img/gfx/inputSprite.png) no-repeat; display: inline-block; height: 19px; margin: 0 7px 0 1px; overflow: hidden; padding: 2px 8px;} .fiw input {background: transparent; border: 0; margin: 0; padding: 0; color: #aaa;} .fiw input.dataFilled {color: #000;} .fiw3 {width: 46px; background-position: -127px -92px;} .fiw3.disabled, .grey .fiw3 {background-position: -127px -115px;} .fiw3 input {width: 46px;} .big.disabled, .grey .big {background: url(/res/img/gfx/inputBg.gif) no-repeat 0 -23px;} .big {width: 456px; background: url(/res/img/gfx/inputBg.gif) no-repeat;} .big input {width: 456px!important;} .shot {width: 36px; background: url(/res/img/gfx/inputBg.gif) no-repeat -74px -92px;} .shot.disabled, .grey .shot {background: url(/res/img/gfx/inputBg.gif) no-repeat -74px -115px!important;} .shot input {width: 36px;} .shot2 {width: 56px; background: url(/res/img/gfx/inputBg.gif) no-repeat 0 -92px;} .shot2.disabled, .grey .shot2 {background: url(/res/img/gfx/inputBg.gif) no-repeat 0 -115px;} .shot2 input {width: 56px;} .shot3 {background: url("/res/img/gfx/inputBg.gif") no-repeat scroll -127px -92px transparent; width: 46px;} .shot3.disabled, .grey .shot3 {background: url(/res/img/gfx/inputBg.gif) no-repeat scroll -127px -115px transparent;} .shot3 input {width: 46px;} .shot4 {width: 184px; background: url(/res/img/gfx/inputBg.gif) no-repeat -190px -92px;} .shot4.disabled, .grey .shot4 {background: url(/res/img/gfx/inputBg.gif) no-repeat -190px -115px;} .shot4 input {width: 184px;} .formField {float: left; height: 19px; padding: 2px 0 2px; display: inline; margin: 0 7px 0 1px; overflow: hidden;} .formField.w200 {width: 200px; background: url(/res/img/gfx/inputBg.gif) -190px -92px no-repeat;} .formField.w200 input {width: 184px;} .formField.after {padding-left: 0; margin-left: 0;} .big.mark, .middle.mark, .shot.mark, .shot2.mark, .shot3.mark, .shot4.mark, .formField.w200.mark {background-image: url(/res/img/gfx/inputBgMark.png)!important;} .big.mark input, .middle.mark input, .shot.mark input, .shot2.mark input, .shot3.mark input, .shot4.mark input, .formField.w200.mark input {color: #d55!important;} .btnLogin {background: url(/res/img/gfx/btnLogin.png) no-repeat!important; width: 85px!important; display: inline-block; height: 25px; margin-right: 5px; overflow: hidden; text-indent: -9999px;} .btnSave {background: url(/res/img/gfx/btnSave.png) no-repeat!important; width: 69px!important; display: inline-block; height: 25px; margin-right: 5px; overflow: hidden; text-indent: -9999px;} .btnSaveChanges {background: url(/res/img/gfx/btnSaveChanges.png) no-repeat!important; width: 135px!important; display: inline-block; height: 25px; margin-right: 5px; overflow: hidden; text-indent: -9999px;} .btnOrderWifi {background: url(/res/img/gfx/btnOrderWifi.png) no-repeat!important; width: 180px!important; display: inline-block; height: 25px; margin-right: 5px; overflow: hidden; text-indent: -9999px;} .btnGetCoverage {float: right; background: url(/res/img/gfx/btnGetCoverage.png) no-repeat!important; width: 127px!important; display: inline-block; height :25px; margin-left: 5px; overflow: hidden; text-indent: -9999px;} .btnResetForm {background: url(/res/img/gfx/btnResetForm.png) no-repeat!important; width: 73px!important; display: inline-block; height: 22px; margin-left: 5px; overflow: hidden; text-indent: -9999px;} .btnSend {background: url(/res/img/gfx/btnSend.png) no-repeat!important; width: 73px!important; display: inline-block; height: 25px; margin-left: 5px; overflow: hidden; text-indent: -9999px;} .btnRecharge {vertical-align: middle; background: url(/res/img/gfx/btnRecharge.png) no-repeat!important; width: 88px!important; display: inline-block; height: 25px; margin-left: 5px!important; overflow: hidden; text-indent: -9999px;} .btnChangeSettings {vertical-align: middle; background: url(/res/img/gfx/btnChangeSettings.png) no-repeat!important; width: 125px!important; display: inline-block; height: 22px; margin-left: 5px!important; overflow: hidden; text-indent: -9999px;} .btnApplyJob {vertical-align: middle; background: url(/res/img/gfx/btnApplyJob.png) no-repeat!important; width: 86px!important; display: inline-block; height: 25px; margin-left: 5px!important; overflow: hidden; text-indent: -9999px;} .btnOrderNow {display: block; width: 82px; height: 22px; text-indent: -9999px; overflow: hidden; background: url(/res/img/gfx/btnOrderNow.png) no-repeat;} .btnOrderNowBig {display: block; width: 94px; height: 25px; text-indent: -9999px; overflow: hidden; background: url(/res/img/gfx/btnOrderNowBig.png) no-repeat;} .btnReadMore {display: block; width: 89px; height: 22px; text-indent: -9999px; overflow: hidden; background: url(/res/img/gfx/btnReadMore.png) no-repeat;} .btnReadMoreOrder {display: block; width: 125px; height: 22px; text-indent: -9999px; overflow: hidden; background: url(/res/img/gfx/btnSmallReadMoreOrder.png) no-repeat;} .btnWebmail {vertical-align: middle; background: url(/res/img/gfx/btnWebmail.png) no-repeat!important; width: 84px!important; display: inline-block; height: 22px; overflow: hidden; text-indent: -9999px;} .btnGetOverview {background: url(/res/img/gfx/btnGetOverview.png) no-repeat!important; width: 123px!important; display: inline-block; height: 25px; margin-left: 2px; overflow: hidden; text-indent: -9999px;} .btnSubscribe {background: url(/res/img/gfx/btnSubscribe.png) no-repeat!important; width: 86px!important; display: inline-block; height: 25px; margin-left: 2px; overflow: hidden; text-indent: -9999px;} .btnUnsubscribe {background: url(/res/img/gfx/btnUnsubscribe.png) no-repeat!important; width: 72px!important; display: inline-block; height: 22px; margin-left: 2px; overflow: hidden; text-indent: -9999px;} .btnRevoke {background: url(/res/img/gfx/btnRevoke.png) no-repeat!important; width: 73px!important; display: inline-block; height: 22px; margin-left: 2px; overflow: hidden; text-indent: -9999px;} .btnConfirmOrderPrepay {background: url(/res/img/gfx/btnConfirmOrderPrepay.png) no-repeat!important; width: 127px!important; display: inline-block; height: 25px; margin-left: 2px; overflow: hidden; text-indent: -9999px;} .btnContinue {display: block; background: url(/res/img/gfx/btnContinue.png) no-repeat!important; width: 96px!important; height: 25px; overflow: hidden; text-indent: -9999px;} .btnCheckDeviceLink {display: block; width: 121px; height: 22px; text-indent: -9999px; overflow: hidden; background: url(/res/img/gfx/btnCheckDeviceLink.png) no-repeat;} .iconCalendar {vertical-align: middle; background: url(/res/img/gfx/iconCalendar.png) 0 0 no-repeat!important; width: 16px!important; display: inline-block; height:19px; margin: 2px 0 0 0!important; overflow: hidden; text-indent: -9999px;} /*** tooltip specific ***/ .info {text-indent: -9999px; float: left; background: url(/res/img/gfx/iconQuestion.png) no-repeat; width: 17px; height: 17px; position: relative; overflow: visible; text-decoration: none!important; display: inline-block; font-size: 11px; z-index: 7999;} label .info {float: none; top: -5px; left: 3px;} .tooltip {position: absolute; top: -9999px; left: 17px; text-indent: 0; width: 297px; background: url(/res/img/gfx/toolTipBg.png) 0 0 no-repeat; padding: 6px 0 0 12px; color: #718106!important; line-height: 13px; z-index: 8999;} .tooltip .c {width: 277px; display: block; overflow: hidden; padding: 0 10px 8px; background: #dcec52; font-weight: normal; text-decoration: none!important; color: #718106!important;} .tooltip .bottom {width: 100%; display: block; overflow: hidden; padding: 0 0 8px; background: transparent url(/res/img/gfx/toolTipBg.png) no-repeat -319px 100%; font-weight: normal; text-decoration: none!important; color: #718106!important;} .tooltip .bottom .c {padding: 0 10px;} .info:hover .tooltip, .info.hover .tooltip {top: -13px;} .info.noFloat {float: none!important;} /*** Frontpage specific ***/ .play {float: left; padding: 4px 78px 0 0; background: url(/res/img/gfx/icoPlay.gif) no-repeat 100% 0; cursor: pointer;} .cufon-active .play {padding: 8px 78px 0 0;} .promo {width: 100%; margin: 0 0 16px; height: 250px; position: relative;} .promo:after {content: ""; clear:both; display:block;} .promo a {display: block; height: 1%; cursor: pointer;} .promo img {display: block;} .promo .logo {position:absolute; top:-19px; right:-29px; width:271px; height:271px; text-indent:-9999px; overflow:hidden; background:url(/res/img/gfx/fpMainBubble.png) no-repeat;} .promo .promoElem {display: none; position: absolute; top: 0; left: 0; height: 250px;} .promo .promoElem.first {display: block;} #promo {height: 259px; width: 730px; margin: 0 auto 1px; position: relative;} #promo .elem {position: absolute; top 0; left: 0; height: 237px; width: 100%; opacity: .0; filter: alpha(opacity=0);} #promo .elem .heading {position: absolute; top: 15px; left: 20px;} #promo .elem .heading h1 {color: #000; font-size: 48px;} .cufon-active #promo .elem .heading h1 {font-size: 60px;} #promo .thumbs {padding: 5px 0 0; position: absolute; top: 237px; left: 0;} #promo .thumbs img {float: left; opacity: .25; filter: alpha(opacity=25); cursor: pointer;} .fullWidth #promo {height: 324px; width: 930px;} .fullWidth #promo .elem {height: 302px;} .fullWidth #promo .elem .heading h1 {color: #000;} .fullWidth #promo .thumbs {top: 302px;} #promo .elem#promoElem1 .heading h1 {color: #fff;} #punchlines {width: 265px; font-size: 15px; line-height: 24px; position: absolute; margin-top: -1px; top: 0; right: 10px; font-weight: bold; list-style-type: none;} .cufon-active #punchlines {font-size: 19px; font-weight: normal;} #punchlines li {background: url(/res/img/gfx/punchLineOkIcon.gif) 0 3px no-repeat; padding: 0 0 0px 24px; display: none;} #punchlines li.movie {background: url(/res/img/gfx/punchLineMovieIcon.gif) 0 4px no-repeat; padding-top: 1px;} #punchlines li a:hover {text-decoration: none;} #punchlines .lightning {position: absolute; top: 0; left: -15px; height: 1px; width: 15px; display: none;} .container {width: 644px; float: left; color: #000; padding: 0 0 77px;} .fullContainer {width: 100%; float: left; color: #000;} .container h2 {font-size: 30px; line-height: 40px; letter-spacing: -2px; padding: 0 0 5px; margin: 0; overflow: hidden; height: 1%;} .cufon-active .container h2 {font-size: 40px;} .heading-block {overflow: hidden; height: 1%; padding: 0 0 0 2px; border-bottom: 2px solid #d6d6d6; margin: 0 0 19px;} .heading-block h3 {margin: 0; color: #7e52a2; font-size: 34px; height: 34px; overflow: hidden;} .heading-block h3 .cufon {float: left; margin: 0!important;} .heading-block p {font-size: 16px; margin: 0;} .heading-block p cufon {height: 19px!important;} * html .heading-block p cufon {height: 21px!important;} *+html .heading-block p cufon {height: 21px!important;} .block {overflow: hidden; height: 1%; padding: 0 0 0 2px; margin: 0 0 26px;} .block h3 {margin: 0; font-size: 16px; height: 16px; overflow: hidden;} /*** Formdata specific ***/ .person-info {width: 644px;} .person-info:after {width: 56px; background: url(/res/img/gfx/inputBg.gif) no-repeat 0 -92px;} .person-info input, #newPasswordForm input, input#movingDate, #loginform input {color: #aaa;} .person-info input.dataFilled, #newPasswordForm input.dataFilled, #loginform input.dataFilled {color: #000!important;} .btn-block {overflow: hidden; height: 1%; padding: 6px 0 0;} .data .btn-block {width: 644px!important; margin: -3px 0 0!important; padding: 0!important;} .btnSendMsg {float: right; background: url(/res/img/gfx/btnSendMsg.png) no-repeat; width: 119px; height: 25px; text-indent: -9999px; overflow: hidden; margin-left: 5px;} .check-box {width: 600px; padding: 4px 0 4px 2px;} .check-box input {float: left; width: 13px; height: 13px; margin: 1px 5px 0 0; padding: 0;} .check-box strong {float: left; color: #7e52a2; padding: 0 8px 0 3px;} .check-box .info {margin: -1px 0 0!important; position: relative;} .check-box.mark {background: #fdd;} .select-box {width: 100%; padding: 2px 0 0; overflow: hidden;} .cell {width: 642px; border-bottom: 2px solid #d6d6d6; padding: 25px 0 25px 2px; margin: -2px 0 2px;} .cell .holder {width: 100%; padding: 0 0 17px;} .cell .holder:after, .check-box:after, .aside:after, .person-info:after, .cell:after {clear: both; display: block; content: "";} .aside {float: left; width: 481px;} .cell .holder label {font-weight: bold; float: left; width: 151px; font-size: 16px; padding: 4px 10px 0 0;} .cell .grey label, .cell .grey .text input {color: #c0c0c0;} .cell .holder label .star {color: #acc805;} .cell .text {float: left; height: 19px; padding: 2px 8px; display: inline!important; margin: 0 7px 0 1px; overflow: hidden;} .cell .text input {background: none; border: 0; padding: 0; margin: 0; outline: none; } * html .cell .text input {line-height: 12px;} .cell .holder .line {overflow: hidden; width: 464px; padding: 0 8px 6px 0; margin: 0 7px 0 0; float: right;} .cell .holder .line label {font-size: 12px; float: none; font-weight: normal;} .sections {padding: 6px 0 0 51px; display: none;} .section {background: url(/res/img/gfx/registrationProductAddOnBoxBody.gif) repeat-y; width: 592px; margin: 0 0 9px;} .section .holder {background: url(/res/img/gfx/registrationProductAddOnBoxBottom.gif) no-repeat 0 100%;} .section .frame {background: url(/res/img/gfx/registrationProductAddOnBoxTop.gif) no-repeat; padding: 25px 17px 21px 18px; overflow: hidden; height: 1%;} .section .item-frame {width: 68px; padding: 0;} .section .item-frame strong {font-size: 14px;} .section .item-frame span {font-size: 11px; margin-top: -3px;} .section h5 {margin: 0 0 4px; font-size: 16px; height: 16px; overflow: hidden;} .cufon-active .section h5 {height: 20px; margin: 0;} .section-text {overflow: hidden; height: 1%;} .text-holder {margin: 0 0 11px;} .cell .text-holder {float: right; width: 482px; overflow: hidden; margin: 0;} .cell #sel1 {float: left; margin: 0 0 0 15px; width: 202px;} .cell .box {width: 472px; margin: 0 0 10px 162px; padding: 6px 0 0; background: url(/res/img/gfx/boxBg432.png) no-repeat; } .cell .box.mark {width: 472px; margin: 0 0 10px 162px; padding: 6px 0 0; background: url(/res/img/gfx/boxBg432Mark.png) no-repeat; } .cell .box .b {width: 472px; padding: 0 0 6px; background: url(/res/img/gfx/boxBg432.png) no-repeat -472px 100%; overflow: hidden;} .cell .box.mark .b {width: 472px; padding: 0 0 6px; background: url(/res/img/gfx/boxBg432Mark.png) no-repeat -472px 100%; overflow: hidden;} .cell .box .c {width: 432px; padding: 18px 18px 11px; border: 2px solid #cecece; border-width: 0 2px; overflow: hidden;} .cell .box.mark .c {width: 432px; padding: 18px 18px 11px; border: 2px solid #ff8282; border-width: 0 2px; overflow: hidden;} .cell .box .c.textarea {width: 452px; padding: 5px 8px;} .cell .box .c textarea {border: 0; width: 100%!important; overflow-x: hidden;} .cell .box .line {overflow: hidden; width: 100%; padding: 0 0 6px;} .cell .box input {float: left; width: 12px; height: 12px; margin: 1px 6px 0 0; padding: 0; border: 0;} .cell .box label, .check-box label, .select-box label {float: left;} .middle {width: 396px; background: url(/res/img/gfx/inputBg.gif) no-repeat 0 -161px;} .middle.disabled, .grey .middle {background: url(/res/img/gfx/inputBg.gif) no-repeat 0 -69px;} .middle2 {width: 386px; background: url(/res/img/gfx/inputBg.gif) no-repeat 0 -138px;} .middle2.disabled, .grey .middle2 {background: url(/res/img/gfx/inputBg.gif) no-repeat 0 -46px;} .middle input {width: 396px;} .middle2 input {width: 386px;} /*** receipts ***/ .box-info {width: 100%; overflow: hidden;} .box-info h3 {margin: 0; color: #acc805; font-size: 25px; padding: 0 0 12px 3px; line-height: 20px;} * html .box-info h3 {padding: 1px 0 5px 3px;} *+html .box-info h3 {padding: 1px 0 5px 3px;} .info-list{ width:637px; padding:0 5px 0 2px; overflow:hidden; margin:0 0 -7px; list-style:none; } .info-list li{ float:left; width:100%; padding:0 0 10px; margin: 0; } .info-list strong{ float:left; width:330px; padding:0 11px 0 0; font-size:16px; } .info-list strong span{ color:#acc805;} .info-list .text{ float:right; width:295px; } .info-list p {margin:0 0 6px; font: 12px/14px verdana, geneva, sans-serif;} .info-list address{ font-style:normal;} .info-list p a{ color:#000;} .info-list p a:hover{ color:#000; text-decoration:underline; } .go {float: right; background: url(/res/img/gfx/registrationGo.png) no-repeat; width: 140px; height: 25px; text-indent: -9999px; overflow: hidden; margin-left: 5px;} .btnPrint {background: url(/res/img/gfx/btnPrint.png) no-repeat!important; width: 111px!important;} .btnCheckDeviceLink.linkCheckButton {margin: 10px 0 -6px 143px;} .linkCheck {border-top: 0px solid #d6d6d6; margin: 4px 0 0 143px; padding-top: 3px;} .linkCheckSite {padding: 0 0 0 3px;} .linkCheckTitle {font-weight: bold;} .linkCheckStatusBar img {margin: 10px -4px -2px -2px; width: 24px; height: 18px;} .linkCheckText {padding: 0 0 0 73px; display: block;} .supportPhoneWaitingTime {list-style: none;} .supportPhoneWaitingTime li {width: 53px!important; margin: 0 -4px 0 0; padding: 25px 7px 0 0; text-align: center; font-size: 11px; font-weight: bold; float: left;} .supportPhoneWaitingTime .green {background: url(/res/img/gfx/supportPhoneWaitingTime_green.png) no-repeat!important;} .supportPhoneWaitingTime .yellow {background: url(/res/img/gfx/supportPhoneWaitingTime_yellow.png) no-repeat!important;} .supportPhoneWaitingTime .red {background: url(/res/img/gfx/supportPhoneWaitingTime_red.png) no-repeat!important;} .mySkylineAccountListItem {margin-top: 16px!important;} /*********************** *** /Body ***********************/ /*********************** *** Footer ***********************/ #footer {color: #7d51a0; margin: 0 auto 8px; padding: 10px 0; height: 12px; font-size: 11px; background: url(/res/img/gfx/footerBg.gif) 0 0 repeat-x;} .cufon-active #footer {font-size: 12px;} #footer a {color: #7d51a0; font-weight: normal; text-decoration: none;} #footer a:hover {text-decoration: underline;} .stats {display: none;} .googleStats {display: none;} /*********************** *** /Footer ***********************/ /*********************** *** Autocomplete ***********************/ #stdAddressSearch, #registrationAddOwnerSearch, #registrationAddBillingSearch, #registrationAddDeliverySearch {width: 200px;} #stdAddressSearchResults, #registrationAddOwnerSearchResults, #registrationAddBillingSearchResults, #registrationAddDeliverySearchResults {width: 200px; border: 2px solid #cecece; padding: 0; display: none; overflow-x: hidden; overflow-y: auto; margin: 1px 0 0;} #stdAddressSearchResults div, #registrationAddOwnerSearchResults div, #registrationAddBillingSearchResults div, #registrationAddDeliverySearchResults div {border-top: 1px solid #cecece; margin: -1px 0 0; padding: 2px 0 3px 3px; text-align: left; cursor: default; font: 10px/13px arial, helvetica, verdana, sans-serif;} #stdAddressSearchResults div:last, #registrationAddOwnerSearchResults div:last, #registrationAddBillingSearchResults div:last, #registrationAddDeliverySearchResults div:last {border: 0!important;} #stdAddressSearchResults .selected, #registrationAddOwnerSearchResults .selected, #registrationAddBillingSearchResults .selected, #registrationAddDeliverySearchResults .selected {background-color: #cecece; color: #fff;} #stdAddressSearchResults .unselected, #registrationAddOwnerSearchResults .unselected, #registrationAddBillingSearchResults .unselected, #registrationAddDeliverySearchResults .unselected {background-color: #fff; color: #000;} #stdAddressSearchResults .noData, #registrationAddOwnerSearchResults .noData, #registrationAddBillingSearchResults .noData, #registrationAddDeliverySearchResults .noData {background-color: #fff; color: #999;} #temp {display: none;} /*********************** *** Conditions ***********************/ #conditionsWrapper {margin: 10px; background: #fff; width: 600px; padding: 0 5px; font-size: 11px;} #conditionsWrapper img.top {width: 100%;} #conditionsWrapper #body {margin: 10px; text-align: left;} #conditionsWrapper .termDate {font-weight: bold; margin: 8px 0 -8px} #conditionsWrapper .termHead {font-weight: bold; margin: 16px 0 -8px;} #conditionsWrapper .stdButtonTurquoise {margin-bottom: 10px!important;} /*********************** *** /Conditions ***********************/