/* PalmCall Wireless - master stylesheet v3.0 (07/2008) */
html, body { margin: 0; padding: 0; }
body { font: 12px/1.55 "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color: #33414d; background: #e3f2f8 url(/images/bg_sky.jpg) repeat-x 0 0; }
img { border: 0; }
a { color: #0d7a9b; text-decoration: none; }
a:hover { color: #ff5a1f; text-decoration: underline; }
h1, h2, h3, h4 { font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; margin: 0 0 8px 0; color: #0b3c5d; line-height: 1.2; }
h1 { font-size: 27px; letter-spacing: -0.5px; }
h2 { font-size: 19px; }
h3 { font-size: 14px; }
p { margin: 0 0 12px 0; }
ul { margin: 0 0 12px 0; padding-left: 20px; }
li { margin-bottom: 4px; }
.clear { clear: both; }
.small { font-size: 11px; } .fine { font-size: 10px; color: #7a8791; line-height: 1.4; }
.muted { color: #7a8791; } .coral { color: #ff5a1f; } .teal { color: #0d8ba3; } .navy { color: #0b3c5d; }
.center { text-align: center; } .right { text-align: right; }

#topbar { background: #0b2a4a url(/images/topbar.png) repeat-x; color: #b9d3e6; font-size: 11px; height: 26px; line-height: 26px; }
#topbar .in { width: 960px; margin: 0 auto; }
#topbar a { color: #dcecf7; margin-left: 14px; } #topbar a:hover { color: #ffcf6b; text-decoration: none; }
#topbar .r { float: right; } #topbar .l { float: left; } #topbar b { color: #ffffff; }

#wrap { width: 960px; margin: 0 auto; }
#header { height: 84px; position: relative; }
#header .logo { position: absolute; left: 0; top: 10px; }
#header .search { position: absolute; right: 0; top: 28px; }
#header .search input.q { width: 170px; padding: 5px 9px; border: 1px solid #a7c8d8; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; font-size: 11px; background: #ffffff; }
#header .signin { position: absolute; right: 300px; top: 26px; white-space: nowrap; }

#nav { height: 40px; background: #0d8ba3 url(/images/nav_bg.png) repeat-x; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #08677b; box-shadow: 0 2px 4px rgba(0,50,80,0.25); -webkit-box-shadow: 0 2px 4px rgba(0,50,80,0.25); }
#nav ul { list-style: none; margin: 0; padding: 0; }
#nav li { float: left; margin: 0; }
#nav li a { display: block; padding: 0 18px; line-height: 38px; height: 38px; color: #ffffff; font-weight: bold; font-size: 13px; text-shadow: 0 -1px 0 rgba(0,60,80,0.6); border-right: 1px solid #0a7085; border-left: 1px solid #38aabf; }
#nav li:first-child a { -moz-border-radius: 7px 0 0 7px; -webkit-border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px; border-left: 0; }
#nav li a:hover { background: #12a0bb; text-decoration: none; }
#nav li.on a { background: #ff6a2b url(/images/nav_on.png) repeat-x; text-shadow: 0 -1px 0 rgba(120,30,0,0.6); border-right-color: #c4470f; border-left-color: #ff9a63; }
#nav li.isle { float: right; } #nav li.isle a { background: #d6336c url(/images/nav_hib.png) repeat-x; border-left-color: #f279a2; border-right: 0; -moz-border-radius: 0 7px 7px 0; -webkit-border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; }
#nav li.isle a:hover { background: #e34d80; }
#nav li.isle.on a { background: #ff6a2b; }

#hero { position: relative; width: 960px; height: 340px; margin-top: 14px; overflow: hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #7fb3c8; box-shadow: 0 3px 8px rgba(0,50,80,0.35); -webkit-box-shadow: 0 3px 8px rgba(0,50,80,0.35); background: #0b3c5d; }
#hero .slide { position: absolute; left: 0; top: 0; width: 960px; height: 340px; display: none; background-repeat: no-repeat; }
#hero .slide.on { display: block; }
#hero .txt { position: absolute; left: 36px; top: 34px; width: 470px; color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,0.55); }
#hero .txt h2 { color: #fff; font-size: 34px; letter-spacing: -1px; margin-bottom: 6px; }
#hero .txt h2 span { color: #ffd54a; }
#hero .txt .kick { font: italic bold 22px Georgia, "Times New Roman", serif; color: #ffe9a8; margin-bottom: 2px; }
#hero .txt p { font-size: 14px; line-height: 1.5; }
#hero .phone { position: absolute; }
#hero .dots { position: absolute; right: 16px; bottom: 12px; }
#hero .dots a { display: inline-block; width: 12px; height: 12px; margin-left: 6px; background: rgba(255,255,255,0.45); border: 1px solid rgba(255,255,255,0.9); -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; cursor: pointer; }
#hero .dots a.on { background: #ff6a2b; border-color: #fff; }
#hero .arrow { position: absolute; top: 140px; width: 34px; height: 54px; line-height: 50px; text-align: center; font-size: 34px; color: #fff; background: rgba(0,0,0,0.25); cursor: pointer; text-shadow: 0 1px 2px #000; }
#hero .arrow:hover { background: rgba(0,0,0,0.5); text-decoration: none; }
#hero .prev { left: 0; -moz-border-radius: 0 6px 6px 0; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; }
#hero .next { right: 0; -moz-border-radius: 6px 0 0 6px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; }

#main { margin-top: 16px; background: #ffffff; border: 1px solid #b6d5e3; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 22px 26px 18px 26px; box-shadow: 0 2px 6px rgba(0,50,80,0.15); -webkit-box-shadow: 0 2px 6px rgba(0,50,80,0.15); }
#main.flush { padding: 0; background: transparent; border: 0; box-shadow: none; -webkit-box-shadow: none; }
.crumbs { font-size: 11px; color: #7a8791; margin-bottom: 8px; }

.cols { margin: 0 -8px; } .cols:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.c2, .c3, .c4 { float: left; padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; }
.c2 { width: 50%; } .c3 { width: 33.333%; } .c4 { width: 25%; } .c23 { width: 66.666%; float: left; padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; }
.card { background: #ffffff; border: 1px solid #c5dbe6; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,50,80,0.12); -webkit-box-shadow: 0 1px 3px rgba(0,50,80,0.12); margin-bottom: 16px; overflow: hidden; }
.card .hd { background: #eaf5fa url(/images/card_hd.png) repeat-x; border-bottom: 1px solid #c5dbe6; padding: 8px 14px; font-weight: bold; font-size: 13px; color: #0b3c5d; }
.card .hd.coral { background: #ff8a4c url(/images/card_hd_coral.png) repeat-x; color: #fff; text-shadow: 0 -1px 0 rgba(150,40,0,0.5); border-bottom-color: #d4561a; }
.card .hd.pink { background: #e8497f url(/images/card_hd_pink.png) repeat-x; color: #fff; text-shadow: 0 -1px 0 rgba(120,0,40,0.5); border-bottom-color: #a71c4d; }
.card .bd { padding: 12px 14px 4px 14px; }
.card.sand { background: #fff8e6; border-color: #f0d79a; }

a.btn, input.btn, button.btn { display: inline-block; padding: 6px 16px; font: bold 12px "Lucida Grande", Verdana, sans-serif; color: #ffffff; text-shadow: 0 -1px 0 rgba(120,30,0,0.55); background: #ff6a2b url(/images/btn_coral.png) repeat-x; border: 1px solid #c4470f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; text-decoration: none; box-shadow: 0 1px 2px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25); }
a.btn:hover, input.btn:hover, button.btn:hover { background-color: #ff8347; color: #fff; text-decoration: none; }
a.btn.blue, input.btn.blue, button.btn.blue { background: #1a9bb5 url(/images/btn_blue.png) repeat-x; border-color: #0a6a80; text-shadow: 0 -1px 0 rgba(0,50,70,0.6); }
a.btn.big { padding: 9px 24px; font-size: 14px; }
a.btn.ghost { background: rgba(255,255,255,0.18); border: 1px solid #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,0.5); }
input.txt, select, textarea { font: 12px "Lucida Grande", Verdana, sans-serif; padding: 4px 6px; border: 1px solid #a7c0cd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #fbfdfe; }
input.txt:focus, textarea:focus { border-color: #0d8ba3; background: #fff; outline: 0; }
label { font-weight: bold; }

table.tbl { width: 100%; border-collapse: collapse; margin-bottom: 14px; }
table.tbl th { background: #0d8ba3 url(/images/nav_bg.png) repeat-x; color: #fff; text-align: left; padding: 7px 10px; font-size: 11px; text-shadow: 0 -1px 0 rgba(0,60,80,0.6); border: 1px solid #08677b; }
table.tbl td { padding: 7px 10px; border: 1px solid #d6e5ed; font-size: 12px; vertical-align: top; }
table.tbl tr.alt td { background: #f2f9fc; }
table.tbl tr.hot td { background: #ffeef4; }

.tabs { margin: 0 0 0 0; padding: 0; list-style: none; border-bottom: 2px solid #0d8ba3; height: 30px; }
.tabs li { float: left; margin: 0 4px 0 0; }
.tabs li a { display: block; padding: 0 16px; line-height: 29px; height: 29px; background: #dcecf3; color: #0b3c5d; font-weight: bold; border: 1px solid #b6d5e3; border-bottom: 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; cursor: pointer; text-decoration: none; }
.tabs li a:hover { background: #eaf5fa; }
.tabs li.on a { background: #0d8ba3; color: #fff; border-color: #0d8ba3; text-shadow: 0 -1px 0 rgba(0,60,80,0.6); }
.tabpane { display: none; padding-top: 16px; } .tabpane.on { display: block; }

.plan { border: 1px solid #b6d5e3; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; text-align: center; margin-bottom: 16px; overflow: hidden; box-shadow: 0 2px 5px rgba(0,50,80,0.15); -webkit-box-shadow: 0 2px 5px rgba(0,50,80,0.15); }
.plan .top { background: #0d8ba3 url(/images/nav_bg.png) repeat-x; color: #fff; padding: 10px 6px 8px; font-weight: bold; font-size: 15px; text-shadow: 0 -1px 0 rgba(0,60,80,0.6); }
.plan.best .top { background: #ff6a2b url(/images/nav_on.png) repeat-x; text-shadow: 0 -1px 0 rgba(120,30,0,0.6); }
.plan .price { font: bold 36px "Trebuchet MS", Verdana, sans-serif; color: #0b3c5d; padding: 10px 0 0; } .plan .price sup { font-size: 16px; vertical-align: top; position: relative; top: 4px; } .plan .price small { font-size: 12px; color: #7a8791; font-weight: normal; }
.plan ul { list-style: none; padding: 0 14px; margin: 8px 0 12px; text-align: left; } .plan li { padding: 5px 0 5px 20px; border-top: 1px solid #e4eef3; background: url(/images/check.png) no-repeat 0 7px; }
.plan .ft { padding: 0 0 14px; }
.ribbon { display: inline-block; background: #d6336c; color: #fff; font-size: 10px; font-weight: bold; padding: 1px 7px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-transform: uppercase; letter-spacing: 0.5px; vertical-align: middle; }
.ribbon.new { background: #ff6a2b; }

.phones { margin: 0 -8px; } .phones:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.pcard { float: left; width: 33.333%; padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; }
.pcard .in { border: 1px solid #c5dbe6; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #fff url(/images/pcard_bg.png) repeat-x; text-align: center; padding: 14px 12px 12px; margin-bottom: 16px; box-shadow: 0 1px 4px rgba(0,50,80,0.14); -webkit-box-shadow: 0 1px 4px rgba(0,50,80,0.14); min-height: 372px; position: relative; }
.pcard .in:hover { border-color: #0d8ba3; }
.pcard .pic { height: 178px; line-height: 178px; } .pcard .pic img { vertical-align: middle; max-height: 178px; }
.pcard h3 { margin: 4px 0 2px; } .pcard .tag { color: #7a8791; font-size: 11px; height: 30px; }
.pcard .pr { font: bold 22px "Trebuchet MS", Verdana, sans-serif; color: #ff5a1f; margin: 4px 0; } .pcard .pr small { font-size: 10px; color: #7a8791; font-weight: normal; }
.pcard .ribbon { position: absolute; left: 8px; top: 8px; }
.pcard ul { text-align: left; font-size: 11px; margin: 6px 0 10px 8px; padding-left: 14px; }

.island { background: #fff8e6 url(/images/lei_strip.png) repeat-x 0 0; border: 1px solid #f0c66d; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 32px 22px 12px 22px; margin-bottom: 16px; }
.hib { font: italic bold 21px Georgia, "Times New Roman", serif; color: #d6336c; }
.faq dt { font-weight: bold; color: #0b3c5d; padding: 9px 12px 9px 30px; border: 1px solid #c5dbe6; background: #eaf5fa url(/images/plus.png) no-repeat 9px 12px; margin-top: 6px; cursor: pointer; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.faq dt.on { background: #0d8ba3 url(/images/minus.png) no-repeat 9px 12px; color: #fff; }
.faq dd { display: none; margin: 0; padding: 10px 14px; border: 1px solid #c5dbe6; border-top: 0; }
.faq dd.on { display: block; }
.callout { background: #fff8e6; border: 1px solid #f0d79a; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px 14px; margin-bottom: 14px; }
.callout.err { background: #fdeaea; border-color: #e2a0a0; }
.callout.ok { background: #e8f7ec; border-color: #9fd3ac; }
.meter { height: 14px; background: #e3edf2; border: 1px solid #b6cdd8; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; }
.meter div { height: 14px; background: #33b5c8 url(/images/meter.png) repeat-x; }
.meter.warn div { background: #ff8a4c url(/images/meter_warn.png) repeat-x; }
.stat { font: bold 30px "Trebuchet MS", Verdana, sans-serif; color: #0b3c5d; line-height: 1.1; }
.badge { display: inline-block; }
.sharebar { font-size: 11px; color: #7a8791; margin-top: 14px; padding-top: 8px; border-top: 1px dotted #b6d5e3; }
.sharebar a { margin-left: 8px; }
.acctbar { background: #eaf5fa; border: 1px solid #c5dbe6; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 8px 14px; margin-bottom: 16px; }
.acctbar a.tab { display: inline-block; padding: 4px 12px; font-weight: bold; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; margin-right: 4px; color: #0b3c5d; }
.acctbar a.tab.on { background: #ff6a2b; color: #fff; text-shadow: 0 -1px 0 rgba(120,30,0,0.5); }
.acctbar a.tab:hover { background: #d3eaf3; text-decoration: none; } .acctbar a.tab.on:hover { background: #ff6a2b; }

.steps { margin: 0 0 16px 0; border: 1px solid #b6d5e3; background: #eaf5fa; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; }
.steps .step { float: left; padding: 9px 16px 9px 12px; font-size: 11px; font-weight: bold; color: #7a8791; border-right: 1px solid #c5dbe6; }
.steps .step span { display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #b9cdd8; color: #fff; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; margin-right: 4px; }
.steps .step.on { color: #0b3c5d; background: #fff; } .steps .step.on span { background: #ff6a2b; } .steps .step.done { color: #2f7a4a; } .steps .step.done span { background: #2f9a4f; }
label { cursor: default; }
#footer { margin-top: 18px; background: #0b2a4a url(/images/footer_bg.png) repeat-x; color: #a9c4d8; padding: 24px 0 18px; font-size: 11px; border-top: 3px solid #ff6a2b; }
#footer .in { width: 960px; margin: 0 auto; }
#footer h4 { color: #ffffff; font-size: 12px; margin-bottom: 6px; }
#footer a { color: #cfe4f2; } #footer a:hover { color: #ffcf6b; }
#footer ul { list-style: none; padding: 0; margin: 0; } #footer li { margin-bottom: 3px; }
#footer .legal { border-top: 1px solid #23476b; margin-top: 14px; padding-top: 12px; color: #86a5bd; font-size: 10px; line-height: 1.5; }
#footer .legal a { color: #a9c4d8; }
#sr { display: none; position: absolute; top: 64px; right: 0; width: 320px; background: #fff; border: 1px solid #7fb3c8; z-index: 50; padding: 6px 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.3); }