@charset "UTF-8";
/* CSS Document */
body {margin:0; padding:0; height:100%; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; background:url(../images/bg.gif) repeat-x #edf3fc; behavior:url("styles/csshover3.htc");}

/* toolbox */
.floatl {float:left;}
.floatr {float:right;}
.center {text-align:center;}
.clear {clear:both; padding:0; margin:0;}
.txtright {text-align:right;}
.txtleft {text-align:left;}
.txtcenter {text-align:center;}
.txtdim {color:#aaa;}
.txtsmall {font-size:10px;}
p {line-height:1.5em; padding:0; margin:0 0 10px 0;}
a {color:#2888b7; text-decoration:none;}
a:hover {color:#2888b7; text-decoration:underline;}
a:focus {outline:none;}
.superlink {padding:5px 0 0 0;}
.superlink a {color:#fff}

form {margin:0; padding:0;}

.toprule {border-top:1px solid #ddd;}
.botrule {border-bottom:1px solid #ddd;}

/* misc */
.error {background:url(../images/error.gif) no-repeat 0 0; width:17px; height:17px; margin-left:10px;}
.txthelp {color:#5797ca; font-size:12px; padding:5px 0 0 0;}
.txthelp span {color:#fff;}
.txtsuccess {color:#7d9c13; border-top:1px solid #7d9c13; border-bottom:1px solid #7d9c13; padding:3px 0 0 0; margin-bottom:5px;}
.txtsuccess p { margin: 0 0 3px 0; font-size:11px; line-height:1.2em;}
.txterror {color:#af1010; border-top:1px solid #af1010; border-bottom:1px solid #af1010; padding:3px 0 0 0; margin-bottom:5px;}
.txterror p { margin:0 0 3px 0; font-size:11px; line-height:1.2em;}

/* Headings */
h1 {color:#24609b; font-size:28px; font-weight:normal; margin:0 0 0 0;}
h2 {color:#fff; font-size:28px; font-weight:normal; margin:0 0 5px 0;}
h3 {font-size:21px; line-height:20px; font-weight:bold; font-family:Myriad, 'Myriad Pro',  Arial, Helvetica, sans-serif; margin:0 0 5px 0; color:#24609b; cursor:default;}
h3.mixcase {font-size:25px; line-height:25px;}
h3 a {color:#24609b;}
h4 {font-size:15px; line-height:14px; font-weight:bold; font-family:Myriad, 'Myriad Pro', Arial, Helvetica, sans-serif; margin:0; cursor:default;}

hr {border:0; border-bottom:1px solid #aab49d;}

/* start styles */
#sitewrapper {width:904px; padding:0; margin-left:auto; margin-right:auto;}
#mainwrapper {width:884px; margin:0 10px 0 10px; border-top:1px solid transparent;}

#sitebody {border-top:1px solid transparent;}

/* column layouts */
.colthird {width:260px; margin:15px 15px 0 15px;}
.colpromo {width:581px; height:333px;}
#colleft {width:212px;}
#colright {width:645px; margin-top:20px;}
#colright .col1 {width:355px; margin-right:15px; }
#colright .col2 {width:260px; margin:0 0 0 15px;}

/* buttons */
.btn {margin:0 15px 0 0;}

.btnblue { cursor:pointer; cursor:hand; height:32px; background:transparent url(../images/btn_onwhite.gif) no-repeat right top; padding:0 8px 0 0; display:block; /*opera*/ display:inline-block; /*ie*/ display:-moz-inline-box;  /*ff*/}
.btnblue span {  background:transparent url(../images/btn_onwhite.gif) no-repeat left top;  display:block; display:inline-block;  padding:6px 0 6px 23px; color:#fff; line-height:20px; font-weight:normal; font-size:15px; font-family:helvetica, arial, sans-serif;}

.btn:hover {background-position:right -38px; border:0;}
.btn:hover span {background-position:left -38px;}

.btngetit { cursor:pointer; cursor:hand; width:93px; height:32px; background:transparent url(../images/btn_getit.png) no-repeat left top; padding:0; }
.btngetit span {  display:block; display:inline-block;  padding:6px 0 6px 26px; color:#fff; line-height:20px; font-weight:normal; font-size:15px;}
.btngetit:hover {background-position:0 -38px;}

.btnbig { cursor:pointer; cursor:hand; width:148px; height:48px; background:transparent url(../images/btn_big.gif) no-repeat left top; padding:0; text-align:center; }
.btnbig span {  display:block; display:inline-block;  padding:0; color:#fff; line-height:48px; font-weight:normal; font-size:21px; }
.btnbig:hover {background-position:0 -72px;}

.btnloader {margin:8px 0 0 5px; width:13px;}
.btn.disabled {background-position:right -76px;}
.btn.disabled:hover {cursor:default;}
.btn.disabled span {background-position:left -76px; color:#fff;}
.btn.disabled span:hover {background-position:left -76px; color:#fff; cursor:default;}


/* form fields */
.numbox {background-color:#0c81b9; height:28px; width:28px; color:#fff; font-weight:normal; text-align:right; padding:0 2px 0 0; font-size:13px; line-height:28px; border:1px solid #0c81b9; height:28px;}
.fieldwrap {background:url(../images/horizontals.gif) repeat-x 0 -296px #fff; border:1px solid #0c81b9; height:26px; padding:2px 0 0 0; margin:0 0 5px 0;}
.txtareawrap {height:100px;}
input.field {background:transparent; border:0; font-size:16px; padding:0 0 0 2px;}
input.field:focus {outline:none;}
input.fieldnumber {background-position:0 0;}
.textarea {background:transparent; border:0; font-size:16px; padding:0 0 0 2px;}
.textarea:focus {outline:none;}

/* sheet */
#sheettop {background:url(../images/bg_whitesheet.gif) no-repeat 0 0; height:4px; width:884px; margin-top:12px;}
#sheetmid {background:url(../images/bg_whitesheet.gif) repeat-y -894px 0; width:876px; /*884 total */ padding:2px 0 2px 6px}
#sheetbot {background:url(../images/bg_whitesheet.gif) no-repeat -1793px 0; height:4px; width:884px;}
#sheetshading {position:relative; top:0; left:0; background:url(../images/bg_sheetshading.png) repeat-x 0 0; width:872px; height:50px;}

/* header and nav */
#header {background:url(../images/bg_blur.jpg) no-repeat 0 -30px; width:872px; height:65px;}
#header .logo {background:url(../images/logo_hl2.gif) no-repeat 15px 15px; width:210px; height:60px; cursor:pointer;}

#titleheading {background:url(../images/bg_blur.jpg) no-repeat 0 -95px; width:659px; height:60px; color:#fff; font-family:Myriad, 'Myriad Pro', arial, helvetica, sans-serif; font-size:32px; padding-left:213px; cursor:default;}
#titleheading span {font-size:14px;}

ul.nav {list-style:none; padding:0; margin:0;}
ul.nav li {float:left; background:url(../images/horizontals.gif) no-repeat 0 0; height:56px; padding:0;}
ul.nav li:hover {cursor:pointer;}
ul.nav li .hlight {height:7px; margin-bottom:12px; background-color:transparent;}
ul.nav li .sel {background-color:#fff;}
ul.nav li:hover .hlight{background-color:#556275;}
ul.nav li .label {margin:0 15px 0 15px; font-size:14px;  color:#fff;}
ul.nav li .lastitem {margin-right:0;}
ul.nav li .label span {font-size:10px; font-weight:normal; color:#c9e8fc; line-height:20px;}
ul.nav li.sep {float:left; background:url(../images/horizontals.gif) no-repeat 0 0; height:56px; padding:0; width:1px;}
ul.nav li.sep:hover {cursor:default;}

/* icon */
.icnbolt {background:url(../images/icons.gif) no-repeat 2px -38px;}
.icnnews {background:url(../images/icons.gif) no-repeat 0 -70px;}
.icnglobe {background:url(../images/icons.gif) no-repeat 0 -102px;}
.icntwitter {background:url(../images/icons.gif) no-repeat 0 -846px;}
.icntophone {background:url(../images/icons.gif) no-repeat 0 -139px; width:28px; height:29px; margin-right:10px;}
.icnfromphone {background:url(../images/icons.gif) no-repeat 12px -190px; width:28px; height:29px; margin-right:10px;}
.icnfrompc {background:url(../images/icons.gif) no-repeat 0 -238px; width:28px; height:29px; margin-right:10px;}

.icnapps {background:url(../images/icons.gif) no-repeat 0 -351px; width:28px; height:29px;}
.icnoptimize {background:url(../images/icons.gif) no-repeat 0 -412px; width:28px; height:29px;}
.icncustomize {background:url(../images/icons.gif) no-repeat 0 -459px; width:28px; height:29px;}
.icnportable {background:url(../images/icons.gif) no-repeat 0 -520px; width:28px; height:29px;}
.icndynamic {background:url(../images/icons.gif) no-repeat 0 -582px; width:28px; height:29px;}
.icninstall {background:url(../images/icons.gif) no-repeat 0 -660px; width:28px; height:29px;}
.icnrevenue {background:url(../images/icons.gif) no-repeat 0 -726px; width:28px; height:29px;}
.icndata {background:url(../images/icons.gif) no-repeat 0 -795px; width:28px; height:29px;}


/* overlay */
#overlay {background:transparent;}
#overlay .top {background:url(../images/bg_overlay.png) no-repeat 0 0; width:755px; height:6px;}
#overlay .mid {background:url(../images/bg_overlay.png) repeat-y -765px 0; width:755px;}
#overlay .mid .content {padding:20px;}
#overlay .mid #sheetshading {width:745px; height:50px; margin:0 0 0 6px;}
#overlay .bot {background:url(../images/bg_overlay.png) no-repeat -1530px 0; width:755px; height:6px; font-size:0;}


/* subnav */
#subnavpod {width:172px; margin:-17px 0 0 13px; font-family:Myriad,'Myriad Pro',Helvetica,Arial,sans-serif; font-size:14px;}
#subnavpod .top {background:url(../images/bg_subnav.png) no-repeat 0 0; width:172px; height:9px;}
#subnavpod .mid {background:url(../images/bg_subnav.png) repeat-y -197px 0; width:172px;}
#subnavpod .bot {background:url(../images/bg_subnav.png) no-repeat 0 -16px; width:172px; height:9px;}
ul.subnav {list-style:none; padding:0; margin:0 0 0 4px; width:164px;}
ul.subnav li {height:23px; padding:10px 0 0 15px; border-bottom:1px solid #eeeeee;}
ul.subnav li.last {border-bottom:0px;}
ul.subnav li:hover {cursor:pointer; background:url(../images/horizontals.gif) repeat-x 0 -183px;}
ul.subnav li.sel {background:url(../images/horizontals.gif) repeat-x 0 -71px; color:#fff;}

/* link list */
ul.linklist {list-style:none; margin:0; padding:0;}
ul.linklist li {background:url(../images/icons.gif) no-repeat 0 -292px; padding:2px 0 4px 20px; margin:0 0 5px 0;}

/* =====================================
   Page Specific Styles
   ===================================== */

/* home */
#homepromo {background:url(../images/bg_blur.jpg) no-repeat 0 -95px; width:872px; height:333px;}

.homesep {background:url(../images/grays.gif) no-repeat 0 0; height:1px; width:872px;}
#homebot {height:155px; position:relative;}
#homebot .colheading {padding:0 0 0 18px; text-transform:uppercase; margin-bottom:10px; }
#homebot #sheetshading {position:absolute; top:105px; left:0;}

#getbubble {margin:0;}
#getbubble .top {background:url(../images/bubble_getit.png) no-repeat 0 0; height:13px; width:234px;}
#getbubble .mid {background:url(../images/bubble_getit.png) repeat-y -246px 0; width:234px; padding-bottom:15px;}
#getbubble .getcontent {margin:0 10px 0 10px; padding:5px 0 0 0;}
#getbubble .getcon {width:175px;}
#getbubble .getcon p {
    line-height:1.2em;
}
#getbubble .bot {background:url(../images/bubble_getit.png) no-repeat 0 -16px; height:13px; width:234px;}
#getbubble .smalltype {color:#aa819f; font:Verdana, Geneva, sans-serif; font-size:10px; width:200px; margin:20px 0 0 15px;}
#getbubble .smalltype a {color:#aa819f; text-decoration:underline;}

#newscontainer {overflow:hidden; height:115px;}
#newscontainer .newspic {background:url(../images/bg_pic.gif) no-repeat 0 0; width:40px; height:40px; padding:4px 0 0 4px; margin:0 5px 0 0;}

#newusercontainer {overflow:hidden; height:115px;}
ul.newusers {list-style:none; margin:0; padding:0;}
ul.newusers li {border-bottom:1px solid #ccc; padding:2px 0 0 2px; margin-bottom:2px; height:31px;}
ul.newusers .icnperson {background:url(../images/icn_person.png) no-repeat 0 0; width:25px; height:24px; margin:7px 0 0 -105px;}
ul.newusers .info {line-height:18px; border-left:1px solid #ccc; margin-top:11px;  padding-left:5px;}
ul.newusers .info span {font-size:10px; font-family:Verdana, Geneva, sans-serif; color:#ccc;}
ul.newusers .carrier {margin:0 0 2px 20px; width:87px;}


/* what is */
.imgwhatis1 {background:url(../images/imgwhatis_sides.gif) no-repeat 0 0; width:178px; height:300px; border-bottom:4px solid #ccc; margin-bottom:20px;}
.imgwhatis2 {background:url(../images/imgwhatis_mid.jpg) no-repeat 0 0; width:288px; height:300px; border-bottom:4px solid #ccc; margin-bottom:20px;}
.imgwhatis2uk {background:url(../images/imgwhatis_mid_uk.jpg) no-repeat 0 0; width:288px; height:300px; border-bottom:4px solid #ccc; margin-bottom:20px;}
.imgwhatis3 {background:url(../images/imgwhatis_sides.gif) no-repeat -197px 0; width:178px; height:300px; border-bottom:4px solid #ccc; margin-bottom:20px;}

/* getit */
.getblock {margin-bottom:20px; width:315px;}

ul.makes {list-style:none; margin:0 15px 0 5px; padding:0;}
ul.makes li {border-left:1px solid #ccc; padding:3px 0 3px 5px; margin:0 0 5px 0;}

ul.phonelist {list-style:none; margin:0; padding:0;}
ul.phonelist li {float:left; border-top:1px solid #ccc; text-align:center; width:80px; font-size:11px; line-height:12px; margin:0 3px 5px 0; padding:0 0 0 0;}
.imgphonegetit {background:url(../images/imgphonegetit.png) no-repeat 0 0; width:186px; height:292px; margin:-44px 0 0 10px;}


#bubnophone {margin:10px 0 5px 0;}
#bubnophone .btnnophone {background:url(../images/bubble_nophone.gif) no-repeat 0 0; width:252px; height:25px; cursor:pointer;}
#bubnophone .btnlabel {margin:0 0 0 10px; font-weight:bold; padding:6px 0 0 0;}
#bubnophone .top {background:url(../images/bubble_nophone.gif) no-repeat -262px 0; width:252px; height:25px; cursor:pointer;}
#bubnophone .mid {border-width:0 1px 0 1px; border-style:solid; border-color:#eaeaea; width:230px; padding:0 10px 10px 10px;}
#bubnophone .bot {background:url(../images/bubble_nophone.gif) no-repeat -524px 0; width:252px; height:7px;}

	/* get it overlay */
.getcol {width:225px; height:275px;}
.getcolmid {margin:0 12px 0 12px;}
ul.phonemakes {list-style:none; margin:0; padding:0; border-top:1px solid #eee;}
ul.phonemakes li {height:21px; padding:7px 0 0 15px; border-bottom:1px solid #eeeeee; font-size:14px; cursor:pointer;}
ul.phonemakes li.last {border-bottom:0px;}
ul.phonemakes li:hover {cursor:pointer; background:url(../images/horizontals.gif) repeat-x 0 -183px;}
ul.phonemakes li.sel {background:url(../images/horizontals.gif) repeat-x 0 -71px; color:#fff;}

#divmodels {overflow:auto; height:270px;}
ul.phonemodels {list-style:none; margin:0; padding:0; border-top:1px solid #eee;}
ul.phonemodels li {padding:0 0 0 15px; border-bottom:1px solid #eeeeee; font-size:14px;}
ul.phonemodels li.last {border-bottom:0px;}
ul.phonemodels li:hover {cursor:pointer; background:url(../images/horizontals.gif) repeat-x 0 -183px;}
ul.phonemodels li.sel {background:url(../images/horizontals.gif) repeat-x 0 -71px; color:#fff;}
ul.phonemodels .name {padding:10px 0 0 10px;}

/* faq */
ol.faqindex {margin:10px 0 0 0;}
ol.faqindex li {margin:0 0 10px 0;}
ol.faqindex li .answer {border-width:0 0 1px 0; border-style:solid; border-color:#ccc; padding:3px 0 3px 5px;}

/* exec team */
.execbio {margin:0 0 0 0;}
.execbio h3 {margin-bottom:3px;}
.execbio h4 {margin-bottom:10px;}

ul.execlist {list-style:none; padding:0; margin:0 0 0 4px;}
ul.execlist li {height:40px; padding:6px 0 0 15px; border-bottom:1px solid #eeeeee;}
ul.execlist li.last {border-bottom:0px;}
ul.execlist li:hover {cursor:pointer; background:url(../images/horizontals.gif) repeat-x 0 -183px;}
ul.execlist li.sel {background:url(../images/horizontals.gif) repeat-x 0 -71px; color:#fff;}
ul.execlist li .execname {font-size:18px;}

/* graphics */
.assetlabel {width:100px; text-align:right; margin:0 10px 0 0;}
.assetimage {margin:0 0 20px 0;}

/* platform */
.platblock {width:155px; margin-left:5px;}
.platfeature {width:125px; margin-bottom:10px;}
.imgplatform {background:url(../images/platform.gif) no-repeat 0 0; width:615px; height:178px;}

/* footer */
#footer {margin:30px 0 20px 0; padding:0 20px 0 20px; color:#5b7fa1; font-size:10px;}
#footer a {color:#5b7fa1;}
#footer .twitter {background:url(../images/icons.gif) no-repeat 0 0; padding-left:30px;}
#footer ul {list-style:none; margin:0 0 0 35px; padding:0;}
#footer ul li {padding:0 0 5px 0;}
#footer ul li.heading {font-size:14px; font-weight:bold;}

/* contact */
.imgphonecontacts {background:url(../images/phonetop_contact.png) no-repeat 0 0; width:142px; height:298px; margin:-45px 0 0 35px;}

/* press */
.ptitle1 {font-size:21px; line-height:22px; font-weight:normal; font-family:Myriad, 'Myriad Pro', Arial, Helvetica, sans-serif; margin:0 0 5px 0; color:#24609b; cursor:default; letter-spacing:.02em;}
.ptitle2 {font-size:18px; line-height:20px; font-weight:normal; font-family:Myriad, 'Myriad Pro', Arial, Helvetica, sans-serif; margin:0 0 5px 0; color:#666; cursor:default; letter-spacing:.02em;}
ul.presslist li {margin: 0 0 10px 0;}

/* blog */
.blogitem {border-bottom:1px solid #ccc;}
ul.blogsidebar {list-style:none; margin:0; padding:0;}
ul.blogsidebar li {margin-bottom:20px;}
ul.blogsidebar .wpsidebar ul {list-style:none; margin:0; padding:0;}
ul.blogsidebar .wpsidebar ul li {background:url(../images/icons.gif) no-repeat 0 -292px; padding:2px 0 4px 20px; margin:0 0 5px 0;}

/* partners */
.partnerbox {height:100px;}
.partner {position:absolute;}
.partner img {margin-bottom:5px;}

/* android */
.imgandroid1{background: url(../images/img_phone_android_bars.gif) no-repeat 0 0; width:308px; height:535px; padding:50px 20px 0 10px;}
.imgandroid1 p{margin: 0 0 20px 0;}
.imgandroid2{background: url(../images/img_phone_android.jpg) no-repeat 0 0; width:307px; height:535px;}


/* misc */
.barit {border-width:4px 0 4px 0; border-style:solid; border-color:#CCC; padding:5px 2px 5px 2px;}
.barittop {border-width:4px 0 0 0; border-style:solid; border-color:#CCC; padding:5px 2px 5px 2px;}
.sidebar {font-size:11px;}
.quoteit {font-size:12px;}
.quoteit span {font-style:italic; color:#8a64b6;}
.sidebarleft {margin:0 20px 0 18px;}
.sidebar h4 {margin-bottom:5px;}
.phone {text-align:center; width:100px; height:115px; font-size:12px; line-height:12px; margin:0 3px 5px 0; padding:0 0 0 0;}
.phonegroup {margin-top:10px;}
.contentblock {margin-bottom:25px;}
.txtred {color:red;}
table.tbappgrid {font-size:10px;}
table.tbappgrid td {width:70px; text-align:center; padding-bottom:10px;}
table.tbappgrid td img {margin-bottom:10px;}


/* iframe overrides */
#iframesite {}
#iframesite #sitewrapper {width: 810px;}
#iframesite #mainwrapper {width: 787px;}
#iframesite #sheettop {background:url(../images/bg_whitesheet_iframe.gif) no-repeat 0 0; height:4px; width:787px; margin-top:12px;}
#iframesite #sheetmid {background:url(../images/bg_whitesheet_iframe.gif) repeat-y -894px 0; width:787px; padding:2px 0 2px 6px}
#iframesite #sheetbot {background:url(../images/bg_whitesheet_iframe.gif) no-repeat -1793px 0; height:4px; width:787px;}

#iframesite #header {width: 775px; height:75px;}
#iframesite #iframepromo {background:url(../images/bg_blur.jpg) no-repeat 0 -75px; width:775px; height:325px;}

#iframesite #iframepromo .colpromo {width:517px; height:280px; background:url(../images/iframe_promo.png) 0 0 no-repeat;}
#iframesite #iframepromo .iframeheader { font-size: 28px; color: #fff; font-weight: bold; margin-left: 20px; height: 45px;}
#iframesite #iframepromo .iframeheader span {font-weight: normal;}
#iframesite #iframepromo .colthird {width: 240px; margin: 0;}