/*general style for text on pages*/ body, td, p {font-size:14px; font-family:Arial,Verdana,Geneva,Helvetica,sans-serif} body {margin:0px; padding:0px; color:#37505e; background-color:#e1e6ec} img {border:0px} input, select {font-size:14px; color:#37505e; vertical-align:middle; font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;outline:none} form {margin:0px; padding:0px} a:link {color:#0099cc;outline:none} a:visited {color:#2182c9;outline:none} a:hover {color:#0865a9;outline:none} a:focus {color:#aa0213;outline:none} ol ul {margin-left:0px; padding-left:20px; list-style-type:disc} ul {margin-left:0px; padding-left:20px; list-style-type:disc} h1 {color:#37505e; font-size:28px; padding:0px; margin:0 0 15px 0; font-weight:normal} h2 {color:#37505e; font-size:16px; padding:0px; margin:15px 0 8px 0} h3 {font-size:14px; margin:13px 0px 0px 0px; padding:0px; font-weight: bold; color: #37505e} p, ul, ol {margin:8px 0} hr {border:0px; height:1px; width:100%; background-color:#ccc; color:#ccc} .clearboth {clear:both} .button {padding-left:90px; padding-top:20px} #purchase .button {float: right; margin:20px 17px 20px 20px} #purchase #page input.long {width:260px} #purchase #page select.long {width:265px} .buttonreg {padding-top:20px} .dropdown {width:260px} .smtext {font-size:11px} .mdtext {font-size:12px} .disabled {color:#a6b3ba} .simplelist {list-style-type:none; margin-left:0; margin-right:0; padding-left:0; padding-right:0} .simplelist li {margin:10px 0; padding-left:0; padding-right:0} .simplelist li div {padding-top: 3px;} .left {float:left} .leftimg {float:left; padding:0 10px 5px 0} .rightimg {float:right; padding:0 0 5px 10px} .center {margin:0 auto; text-align:center} #home a:link {text-decoration:none} #home a:visited {text-decoration:none} #home a:hover {text-decoration:underline} #account hr {width:900px; text-align:center} body #about, #about td, #about p, body #subabout, #subabout td, #subabout p {font-size:12px} #about h1, #subabout h1 {margin-top:0px; margin-bottom:15px} #about h2, #subabout h2 {margin-top:0; font-size:19px; font-weight:normal} #subabout .iphone {clear:none;float:left; width:685px;position:relative;margin:0;height:auto;} #subabout .iphone h2 {margin-top:15px;} #about h2.positionInd {font-size: 15px;} #subabout h2.positionInd {font-size: 15px;} /* #subabout #replaceContainer { padding-top:12px; } #subabout #main { padding-top:12px; } */ #subabout p.narrowInnerColumn {width:300px;} .ukBackgroundImage { background: transparent url('../images/coverage_ukie.gif') no-repeat; background-position: right -10px; height:380px; padding-right:300px; } #subabout #coverage #comingSoon {padding-top:20px;} #home #maincontent #main #loginbox {padding: 20px;} #home #maincontent, #purchase #maincontent, #account #maincontent, #about #maincontent, #subabout #maincontent, #error #maincontent, #login #maincontent {margin:0 auto;} #home #adinfo, #purchase #adinfo, #account #adinfo, #about #adinfo, #subabout #adinfo, #error #adinfo {margin:0 auto;} #home #footer, #purchase #footer, #account #footer, #about #footer, #subabout #footer, #error #footer, #login #footer {margin:0 auto;} #home #adinfo a, #purchase #adinfo a, #account #adinfo a, #about #adinfo a, #subabout #adinfo a, #error #adinfo a {text-decoration: none;} #account .subscriptionNotCurrentBox {font-weight: bolder;margin-top:50px} #account .subscriptionNotCurrentBox .inlinebox p {margin:3px} /*home*/ #home, #purchase, #account, #about, #subabout, #error, #login { background:#e1e6ec url(../images/page_bg.jpg) no-repeat; background-position: -14px 0px; padding:0 0; width:990px; margin:0 auto; } #home p, #purchase p, #account p, #about p, #subabout p, #error p, #login p {line-height:16px; font-size:13px} #maincontent {width:948px; position:relative; border-left:#a6b3ba solid 1px; border-right:#a6b3ba solid 1px; border-bottom:#a6b3ba solid 1px;background-color:#fff} .pageshadow { background:transparent url(../images/maincontent_bg.jpg) bottom left no-repeat; padding-bottom:15px} #page {background:#fff url(../images/content_bg.jpg) top left repeat-x; padding:0 20px 20px;height:1%} #error #page {padding-top: 20px;} /* login layout */ #login #page {background:#fff url(../images/content_bg.jpg) top left repeat-x; padding:10px 100px 50px 100px;height:280px} #login #page #loginForm .label {width: 70px; float: left; clear:left; margin: 2px} #login #page #loginForm .field {width:160px;clear:none} #login #page #loginForm #rememberme {margin-left:0px;margin-right:5px} #login #page .loginFail {width:400px;clear:none;float:left;margin-right:30px} #login #page .loginFail .button{padding-left:220px} #login #page .loginFail .line {padding-top:10px} #login #page .loginError {margin-top:-10px;width:300px;color:red;clear:none;float:left;background:transparent url(../images/inlinebox_bottom.jpg) bottom left no-repeat;} #purchase #page {padding:0 30px 30px} /*telmap navigator*/ #about #page {padding:12px 0 0 0} #subabout #page {padding: 12px 0 0 0} /*space below flash*/ #featuremovie {padding-bottom:49px; background:url(../images/featuremovie.jpg) left bottom repeat-x} img#featuremovie {display:block} #home #featuremovie, #error #featuremovie, #login #featuremovie {padding-bottom:40px; background:url(../images/featuremovie_short.jpg) left bottom repeat-x} /*banner image on subpages*/ .banner {display:block; clear:both; } /*header*/ #home #header {height: 350px; margin-bottom: 0px;background:url('../images/flash_bg.jpg') left bottom repeat-x} #login #header {height: 300px; margin-bottom: 0px;background:url('../images/telmap_home_nonflash.png') left bottom no-repeat;} #about #header,#purchase #header, #subabout #header, #account #header {height:80px;} #home .flashreplacement, #login .flashreplacement {/*z-index:-1*/;background:url('../images/telmap_home_nonflash.png') left bottom no-repeat;width:948px;height:320px; position:absolute; top:0px; left:0px} #login #page h1 {padding-top:10px; margin-bottom: 5px;} #logo {float:left; width:161px;height:79px;position: absolute; top: 0px; left:0px; z-index:100;} #logo img {padding:10px} #globalnavShort {position: absolute; top: 0px; left: 733px; z-index:100; float:right; width:215px; height:45px; background:transparent url(../images/globalnav_bg.jpg) left top no-repeat} #globalnavShort img {padding:10px 10px 0} #globalnav {position:relative; top: 0px; z-index:100; float:right; width:230px; height:45px; background:transparent url(../images/globalnav_bg.jpg) left top no-repeat} #globalnavLong {position:relative; top: 0px; z-index:100; float:right; width:355px; height:45px; background:transparent url(../images/globalnav_lg_bg.jpg) left top no-repeat} #globalnav img {padding:10px 10px 0} #globalnavLong img {padding:10px 10px 0} #home7 {position: absolute; top: 30px; left: 0px; z-index: 0;} .home7 {position: absolute; top: 30px; left: 0px; z-index: 0;} #signin {float:right; width:453px; text-align:right; padding-right:10px} .signinSubmenu p {font-size:12px; margin:2px 26px 4px 0; text-align:right} .signinSubmenu input {font-size:12px} #productnav {position:absolute; top:270px; left:230px} /* #secnav {font-size:15px; float:left; width:201px; margin:0px -25px 0 30px; display:inline; background:url(../images/secnav_top_bgr.gif) top left no-repeat} #secnav ul {list-style-type:none; margin:0; padding:10px 0 16px; background:url(../images/secnav_btm_bgr.gif) bottom left no-repeat} #secnav li {margin:0; padding:2px 18px} #secnav li img {display:block} #secnav a:link, #secnav a:visited {color:#103946; text-decoration:none; display:block; padding:5px 18px; margin:0 -17px} #secnav .active a:link, #secnav .active a:visited {background-color:#fff} #secnav a:hover {text-decoration:underline; background-color:#fff} */ #leftnav {font-size:15px; float:left;width:182px; margin:0px 0px 0px 0px;display:block;} #secnav {font-size:15px; float:left; width:182px; margin:0px 0px 0px 30px; display:inline; background:url(../images/supnav_top_bgr.gif) top left no-repeat} #secnav div {list-style-type:none; margin:0;padding:10px 0px 16px 0px; background:url(../images/supnav_btm_bgr.gif) bottom left no-repeat} #leftnav div.quick_links{float:left; display:inline;margin:20px 25px 0px 35px; background:none;padding:0px 0px 0px 0px; } #leftnav div.demo{float:left; display:inline; margin:20px 20px 0px 30px; background:none;padding:0px 0px 0px 0px;} #leftnav div.promotion{float:left; display:inline; margin:20px 20px 0px 30px; background:none;padding:0px 0px 0px 0px;} #leftnav div.quick_links .quick_link{width:140px;padding:0px 26px 0px 0px; display:block;background:transparent url(../images/blue_left_lk.gif) top right no-repeat} #leftnav div.quick_links .quick_link:hover{background:transparent url(../images/blue_left_lk_hov.gif) top right no-repeat} #secnav img {display:block;padding:0px 0px 0px 0px;margin:0px 0px 0px 1px;width:180px} #secnav a:link, #supnav a:visited {color:#103946; text-decoration:none; display:block; } #secnav .hoverlink, #secnav .hoverlink:link ,#secnav .hoverlink:visited {text-decoration:none;color:#193b49;font-size:13px;display:block;clear:both;height:22px;width:168px;font-weight:bold;padding-top:10px;padding-left:10px;margin:0px 20px 0px 2px} #secnav .hoverlink:hover { color:#aa0516;background-color:#fff} #supnav {font-size:15px; float:left; width:182px; margin:0px 25px 0px 30px; display:inline; background:url(../images/supnav_top_bgr.gif) top left no-repeat} #supnav div {list-style-type:none; margin:0;padding:10px 0px 16px 0px; background:url(../images/supnav_btm_bgr.gif) bottom left no-repeat} #supnav img {display:block;padding:0px 0px 0px 0px;margin:0px 0px 0px 1px;width:180px} #supnav a:link, #supnav a:visited {color:#103946; text-decoration:none; display:block; } #subabout #secnav #supnav {margin-right:0} #subabout .pricelist td { padding-top:10px;padding-right:10px} #pagenav {text-align:center; padding-bottom:22px; background: center 8px no-repeat} /*panels and sections*/ .panels {background:url(../images/panel_btm_bg.jpg) bottom left no-repeat; float:left; padding-bottom:19px} .sections {background:url(../images/sections_bgr.jpg) top left repeat-x; float:left} .panels p, .sections p {margin:6px 0} .panels input, .panels select, .panels p, .sections input, .sections select, .sections p {font-size:12px} .panelboxes {background:url(../images/panel_top_bg.jpg) top left no-repeat; float:left; width:948px; } .panelboxes .colone {float:left; width:585px; margin:13px 0 0 25px;display:inline;} .panelboxes .coloneFixHeight {height: 162px;} .panelboxes .colone .boxone, .sectionboxes .colone .boxone {float:left; width:275px; padding:0 0px 0px 0px} .panelboxes .colone .boxtwo, .sectionboxes .colone .boxtwo {float:right; width:275px} .panelboxes .boxthree {float:right; width:275px; margin:13px 23px 0 0;display:inline;} .panelboxes .boxtitle {padding-bottom:0px;} .panelboxes #chooseboxtitle {margin-bottom:-5px;} .panelboxes .price {font-size:16px} .panelboxes .trybutton {text-align:right; margin:0px; padding:4px 0px 3px 0px} .panelboxes .buybutton {text-align:right; padding:36px 0 0 0} .sectionboxes .fourcol {float:left; width:948px; margin:18px 0px 0px 0px} #about .boxquarterContainer {margin: 30px 0 0 0; width: 100%;} .boxquarter, .boxquarterMargin {float:left; width:300px; margin-bottom: 20px} .boxquarterMargin {margin-right: 30px;} .sectionboxes .threecol {float:left; width:948px; margin:18px 0px 0px 0px} .boxthird {float:left;height:155px;padding-left:25px;padding-right:5px;width:280px;}/*image height added 2008-08-04 for IE6*/ .sectionboxes .boxthird p img {float:left;padding:0 10px 10px 0;width:53px;} .choosemobile {text-align:center} .choosemobile img {padding:0px 5px} .choosemobile .arrow {padding:0 10px 50px} .helpblock {float:left; width:685px; margin-top:0px;margin-left:0px; position: relative; } .helpblockShort {} #bgdPhoneImgCont { background: url("../images/home_frame2.jpg") right 60px no-repeat; height: auto;} #bgdPhoneImgCont #changingImg {float:right; width: 246px; padding-bottom:200px; position:relative; top: 66px; left: -43px} #bgdPhoneImgCont .switch h2 {font-size: 15px;} /* .imgleft {float:left;margin-right:10px;margin-bottom:10px} .imganddes {float:left; width:580px; margin-bottom:20px; background-image: url("../images/home_frame2.jpg") top left no-repeat;} .imganddes .imgleft {float:left; width:240px} .imganddes .imgright {float:right; width:240px}*/ /*.imganddes .imgLeftClear img {vertical-align: top; float:left; white-space: pre;} .imganddes .imgLeftClear p {display:inline;}*/ /*.imganddes .imgLeftClear {float:left; clear: right;}*/ /*.imganddes .imgLeftClear img {float:right;}*/ .imgLeftClear {clear: left; float: left; width: 100%; margin-top: 20px; border:2px solid #666666; background-color: #eeeeee } .imgLeftClear img {float:left; vertical-align: top; margin-right: 20px; } .imgLeftClear span.myp { font-size: 16px; font-weight: bold;} .imgRightClear {clear: left; float: left; width: 100%; margin-top: 20px; border:2px solid #666666; background-color: #eeeeee } .imgRightClear img {float:right; vertical-align: top; margin-right: 20px; } .imgRightClear span.myp { font-size: 16px; font-weight: bold;} .helpblock img.leftalign {float:left; width:240px; padding-right:20px} .helpblock img.rightalign {float:right; width:240px; padding-left:20px} .helpblock img.smrightalign {float:right; width:80px; padding-left:20px} .helpblock img.rightpad {padding-right:20px} .helpblock img.toppad {padding-top:20px} .helpblock img.bottompad {padding-bottom:20px} .additionalTopSpacing {padding-top:20px} .panelboxes .trialSelectContainer {margin:3px 0 0 0; padding:0px;} .panelboxes .trialmobileContainer {margin:8px 0 0 0;} .panelboxes .trialEmailOrMobileContainer {margin:3px 0 0 0; padding-top:5px;} .panelboxes .trialEmailOrMobileInnerContainer {margin:0px; padding-top:0px; padding-right:8px} #account .panels {background-image:none} #account .panelboxes {background-image:none;width:900px} #account .panelboxes .colone {margin-top:10px;width:582px;margin-left:4px} #account .panelboxes .boxthree {margin-top:10px;margin-right:0px} #account .panelboxes .colone .boxone {position:relative} #about .panelboxes {background:url(../images/panel_top_bg3.jpg) top left no-repeat} #changepassword {width: 100%;} #changepassword .label {width:140px;float:left;clear:left} #changepassword .field {width:200px;float:left;} #changepassword p {margin:5px; padding:0px;} /*boxes under panels*/ /*#adinfo {width:951px; padding-top:15px; background:url(../images/maincontent_bg.jpg) top left no-repeat}*/ #adinfo {width:950px; padding-bottom:11px; background:url(../images/infobox_bg.jpg) bottom left no-repeat} #adinfo p {font-size:11px} #adinfo p strong {font-size:12px} #adinfo .colone {width:710px; float:left} #adinfo .coltwo {width:240px; float:right} .infobox {cursor: pointer;} .infoboxone, .infoboxtwo, .infoboxthree, .infoboxfour {border:#a6b3ba solid 1px; width:225px; height:100px} .infoboxone {background:#1b4857 url(../images/infoboxone_bg.jpg) top left repeat-x; float:left} .infoboxone img {float:left; border: none;} .infoboxone p {margin:0; padding:10px 10px 0 0; text-align:right; color:#fff} .infoboxone a:link, .infoboxone a:visited, .infoboxone a:hover {color:#fff} .infoboxtwo {width:466px;background-color:#fff; float:right} .infoboxone img {float:left; border: none;} .infoboxtwo p {margin:0; padding:10px 0 0 10px} .infoboxtwo a:link, .infoboxtwo a:visited, .infoboxtwo a:hover {color:#ba2935} .infoboxthree {background:#004894 url(../images/infoboxthree_bg.jpg) top left repeat-x; float:left} .infoboxthree img {float:right;} .infoboxthree p {margin:0; padding:10px 0 0 10px; color:#fff} .infoboxthree a:link, .infoboxthree a:visited, .infoboxthree a:hover {color:#fff} .infoboxfour {background:#dfe6ea url(../images/infoboxfour_bg.jpg) bottom left repeat-x; float:right} .infoboxfour img {float:right;} .infoboxfour p {margin:0; padding:10px 0 0 10px; text-align:right} .infoboxfour a:link, .infoboxfour a:visited, .infoboxfour a:hover {color:#222} /*progress bar for payment pages*/ #progressbar {position:absolute; top:165px; left:62px; width:828px} .grandtotal {color:#37505e; font-size:14px; font-weight:bold; margin-top:15px; margin-bottom:15px} .grandtotal .price {padding-left:40px} /*layout for purchase pages*/ #main {float:left; width:624px; display:inline} #main #colone, #main #headcolone {float:left; width:302px; overflow:hidden} #main #coltwo, #main #headcoltwo {float:right; width:302px; overflow:hidden} #choosemobilePanel {padding-top:10px; margin:4px 0 0} #choosemobilePanelInner {height: 130px; padding-top:20px; padding-right: 20px;} #purchase #selectedDevice {width:266px; margin-top: 30px;} #sidebar {float:right; width:266px; padding-top:43px} #sidebar div {background:url(../images/bgbox_bottom.jpg) bottom left no-repeat; padding-bottom:20px} #sidebar div.bgboxsm {background:url(../images/bgbox_bottom_sm.jpg) bottom left no-repeat; padding-bottom:15px} #sidebar div.bgboxmd {background:url(../images/bgbox_bottom_md.jpg) bottom left no-repeat; padding-bottom:15px} #sidebar div.bgboxbg {background:url(../images/bgbox_bottom_bg.jpg) bottom left no-repeat; padding-bottom:15px} #sidebar h3 {background:url(../images/bgbox_top.jpg) top left no-repeat; padding-top:10px; margin:4px 0 0; font-size:25px; font-weight:normal} #sidebar h3, #sidebar p {padding:0 20px} #purchase #main {margin-top:46px; width:594px} #purchase #main #colone, #purchase #main #headcolone {float:left; width:282px; margin-bottom: 0px;} #purchase #main #coltwo, #purchase #main #headcoltwo {float:right; width:282px; margin-bottom: 0px;} #purchase #main #colBeforeImage {float:left; width:160px} #purchase #main #colBeforeImage div.summaryMiniPanel {padding:10px 0 0 0} #purchase #main #colimage {float:left;text-align: center; padding-top:15px; padding-left:15px;} #purchase #main #coltwo #totalCharge {margin:0px;} #purchase #main #coltwo p.terms {padding-top:15px;} #errorMain {padding-top:40px} #purchase #sidebar {margin-top:17px;} #about #main {float:left; width:948px} #about #main .colone {float:left; width:440px} /*#about #main .colone img.phone {width:215px; position: absolute; top: 167px; left: 208px;}*/ #about #main .colone img.phone {width:215px; margin-left: -30px; margin-bottom: -3px;} #about #main .coltwo {float:right; width:500px} #about #main .coltwo #exploreTitle {margin-bottom: 5px;} #subabout #main {float:left; width:669px; margin-left:40px; padding-bottom:30px;} #about #maincontent {padding-bottom:20px;} #subabout .vehiclestack {background:url(../images/vehicle-stack2.jpg) center 105px no-repeat} #subabout .pedestrianstack {background:url(../images/pedestrianstack.jpg) center 105px no-repeat; } #subabout .findingplacesstack {background:url(../images/findingplacesstack.jpg) center 105px no-repeat; } #subabout .pedestrian_navigation {background:url(../images/pedestrian_navigation_main.jpg) center 105px no-repeat; } #subabout .finding {background:url(../images/finding_main.jpg) center 105px no-repeat; } #subabout .vehiclestack .colone, #subabout .pedestrian_navigation .colone, #subabout .finding .colone {padding-top:220px} #subabout .vehiclestack .coltwo, #subabout .pedestrian_navigation .coltwo, #subabout .finding .coltwo {padding-top:20px} #subabout .arrowlist {list-style-image:url('../images/small_arrow.gif');margin-left:10px} #coverage .colone {float:left; width:324px;clear:left} #coverage .coltwo {float:left; width:324px;margin-left:20px;} #subscriptionUpgradesPopup p, div { font-size:13px; } #subscriptionUpgradesPopup #buttonsToHide {text-align: right;} #nextButton { text-align: right; padding-right:5px; } #nextButton .cancelButton{ padding-right:15px;vertical-align:bottom} #subscriptionUpgradesPopup #main {width:100%;height:100%;} /*styles for purchase pages*/ #purchase h1 {padding-top:30px} #purchase h3 {padding-top:15px} /*inline boxes - with grey border and shade*/ .inlinebox {background:#fff url(../images/inlinebox_bottom.jpg) bottom left no-repeat; padding-bottom:13px; margin-left:-7px; margin-top:14px} .inlinebox div {background:transparent url(../images/inlinebox_top.gif) top left no-repeat; padding:10px 10px 5px; width:274px;} .inlinebox .button {padding-top:5px; padding-left:160px; display:block} .boxone .inlinebox img.left {width:33px;} .boxone .inlinebox p {margin:0 0 0 41px} .boxtwo .inlinebox img.left {width:31px; position: relative;} .boxtwo .inlinebox p {margin:0 0 0 39px} /*boxes with solid background*/ .sngbgbox {background:url(../images/sng_bgbox_bottom.jpg) bottom left no-repeat; padding-bottom:15px} .sngbgbox div {background:url(../images/sng_bgbox_top.jpg) top left no-repeat; padding:10px 15px 5px} .sngbgbox ul {margin-bottom:15px} /*devices*/ .devices {list-style-type:none; width:300px; text-align:center; font-weight:bold; padding:20px 0 0 0} .devices li {float:right; width:100px; padding:0 0 20px 0} #subabout .devices li p {font-size:12px} /*account styles*/ .pagecontainer {background:url(../images/account_bg.jpg) top left repeat-x} .mobile {text-align:center; position:absolute; right:10px; top:100px; width:70px} .mobile img {display:block; margin:0 auto} /*telmap navigator*/ .contenttable {margin:10px 0; background-color:#ddd4d8} .contenttable td {background-color:#fff; width: 136px;} /*footer*/ #footer {font-size:12px; clear:left; text-align:center; width:948px; padding-top:30px; padding-bottom:20px} #footer a:link, #footer a:visited {text-decoration:none} /*error content*/ .errorcontent {padding:10px} .errorcontent p, .errorcontent ul {font-size:13px} .buyNowSelectContainer{ padding:2px 0px 0px 0px; margin:10px 0px 0px 0px !important; } .buyNowPriceContainer{ padding:0px 0px 0px 0px !important; margin:4px 0px 0px 0px !important; } .blockingDiv{ position:absolute; top:0; left:0; cursor:wait; z-index:10000; background-color: black; filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; } .purchaseInputError{ font-size: x-small; color: red; } .purchaseDeviceRequiredErrorBig{ font-size: 14px; font-weight: bold; color: red; } .selectableDevice{ cursor: pointer; } select.panelCombo{ width:149px; } #emailOrMobile{ width:120px; } .purchaseInputError{ font-size: small; color: red; } .errorBox{ color:red; font-size:10pt; } p.errorBox{ padding:0px; margin:0px; height:10pt; } .verticalAlignHelperClass { width:0; height:100%; display:inline-block; vertical-align:middle; } .verticalAlignIE{ text-align:center; width:100%; display:inline-block; vertical-align:middle; } .selectableDevice{ cursor: pointer; } h1.tryNowTitle { font-size: 20px; margin-top: 3px } table.chooseDeviceTable tr { height: 130px } table.chooseDeviceTable tr td {vertical-align: middle; text-align: center; padding:0px; width:90px;} #errorImageDiv { padding-top:80px; } .popup #main {width:auto;} #devicesContainer {margin:0px; float:left; padding:0 0 0 0; width: 400px; margin-bottom: 0px;} #devicesContainer .deviceContainer {text-align: center; width:70px; height:160px; float:left; margin:10px 10px 50px 10px;} #devicesContainer .deviceContainer .label { font-size:12px; padding:0 0 0 0; margin: -7px 0 0 0; height: 35px;} #devicesContainer .deviceContainer .tryBuy { font-size:14px; font-weight: bold; padding:0 0 0 0; margin: 0 0 0 0;} #devicesContainer .deviceContainer img {padding: 0px; margin: 0px;} ul.switch li h3 { cursor: pointer;} ul.switch li{margin:13px 0px 0px 0px; } ul.switch li .question { cursor: pointer;font-size:14px; padding:0px; font-weight: bold; color: #37505e} ul.switch li .hide { display: none; } #about .helpblock ul.switch h2 {font-weight: bold;} #about .helpblock ul.switch li {padding-bottom: 10px;} .helpblock ul.switch {list-style-type:none; height: 100%;} .helpblock .leftSmallerCol {width:335px} .helpblock div.switch {width: 335px; height: 100%;} .helpblock p.switch {width: 335px;} #home p.deviceLabel, #purchase p.deviceLabel, #about p.deviceLabel{ font-size: 11px; font-weight:bold; line-height:10px; position: absolute; top:102px; white-space:normal; width: 50px; text-align: center; margin-left: 5px; cursor: pointer; } #devSelector {height: 145px} img.rightalign {float:right; width:240px; padding-left:20px} img.rightpad {padding-right:20px} #mond1 {padding-top:12px} .mobileName { text-align: center; width: 100px; font-weight: bold; } .boxtwo .trialBoxSuccess {width:275px;} #trialPopupDeviceFixed h1.tryNowTitle {padding: 0 0 0 0; margin: 0 0 0 0;} #trialPopupDeviceFixed .trialBoxSuccess p {padding: 5px 0 0 0; margin: 0 0 0 0;} #trialPopupDeviceFixed .boxtitle p {padding: 10px 0 0 0; margin: 0 0 0 0;} #trialPopupDeviceFixed .trialBoxSuccess img {padding: 0 0 0 0; margin: 0 0 0 0;} #trialPopupDeviceFixed p.trybutton {float: right; margin: 0 0 0 0; padding: 0 0 0 0;} #purchase p.littleLabel {margin: -7px 0 -18px 0; padding: 0 0 0 0; font-size: 10px; line-height: 11px} #home p.littleLabel, #about p.littleLabel {margin: 3px 0 0px 0; padding: 0 0 0 0; font-size: 10px; line-height: 11px} .toggle {cursor: pointer; width: 335px;} .toggle h2 {background: url("../images/login.gif") right 8px no-repeat; padding-top: 6px} .toggle h2.toggleOn {background: url("../images/down_arrow.gif") right 8px no-repeat;} .toggle .toggleContent {cursor: default;} #about #maincontent .supportNavHeight {height: 670px;} /*seo keywords at top and end of the pages, pushed out of sight*/ .description, .closing{ position:absolute;left:-9000px; } .racoon{ color:#b13; } .noscript-message{ padding-bottom:3px; text-align:center; } .tabLine{float:left;clear:both;width:100%} .tabStart{background:transparent url('../images/tab_start.gif') top left no-repeat;width:7px;height:41px;float:left;clear:none;position:relative;left:7px;} .tabEnd{background:transparent url('../images/tab_end.gif') top left no-repeat;width:7px;height:41px;float:left;clear:none;position:relative;right:7px;} .tabSection{margin:0px;float:left;background:transparent url('../images/tab_shade.gif') bottom left repeat-x;padding-bottom:5px;} .tabSection .tab{font-size:18px;padding:7px 15px 0px 15px;border-left:1px solid #a6b3ba;display:block;clear:none;float:left;height:29px;color:#103946;background:transparent url('../images/tab.gif') top left repeat-x;} .tabSection .tab:hover{background:transparent url('../images/tab_hov.gif') top left repeat-x;} .tabSection .tab.selected{color:#aa0213;background:transparent url('../images/tab_hov.gif') top left repeat-x;} .languageSection .langTab{display:block;float:right;clear:none;width:40px;height:36px} .languageSection .langTab.de{background:transparent url('../images/flags/flag_de.png') top left no-repeat;} .languageSection .langTab.en{background:transparent url('../images/flags/flag_en.png') top left no-repeat;} .languageSection .langTab.es{background:transparent url('../images/flags/flag_es.png') top left no-repeat;} .languageSection .langTab.fr{background:transparent url('../images/flags/flag_fr.png') top left no-repeat;} .languageSection .langTab.it{background:transparent url('../images/flags/flag_it.png') top left no-repeat;} .paragraph .label {float:left;width:120px;} .offering select{width:200px;} .offering{background:transparent url('../images/gbox_large.jpg') bottom left no-repeat;padding:10px; margin:0;width:380px;} div.offering_top{background:transparent url('../images/gbox_large_top.jpg') bottom left no-repeat;height:10px;margin:0;padding:0;width:400px;} .offering a.buy_button,.offering a.buy_button:visited{background:transparent url('../images/ok_g.gif') top right no-repeat;padding:2px 36px 10px 0px;color:#496b00;font-size:20px;text-decoration:none;height:30px;margin:5px 10px 0px 0;float:right} a.buy_button_clear,a.buy_button_clear:visited{color:#496b00;font-size:22px;text-decoration:none;background:transparent url('../images/next_arrow.gif') top right no-repeat;padding:2px 36px 10px 0px;height:33px;margin:5px 0 5px 0} .offering .totalPrice {color:#37505E;font-size:16px;font-weight:bold;padding:15px 0 8px 0;} .backtop {float:right;text-align:right;padding-right:16px;background:transparent url('../images/small_arrow_up.gif') top right no-repeat;} .offering table,.offering td{padding:0;margin:0} #iphone_error{color:red;} #existingCustomers:hover {color: #0865A9;} #blueLeftLink {width: 15px; height:16px; background: transparent url("../images/blue_left_lk.gif") no-repeat;} #blueLeftLink:hover {cursor: pointer; width: 15px; height:16px; background: transparent url("../images/blue_left_lk_hov.gif") no-repeat;}