* {margin:0; padding:0; border:0}
body {background:#fff; color:#000; font:11px Arial, Helvetica, sans-serif}

/*layout*/
div.container {text-align:center}
div.sub-container {text-align:left; margin:0 auto; width:900px}

/*common*/
div.clear {height:1px; font-size:1px; clear:both}
h1 {color:#027f91; padding:18px; font-size:20px}
h2 {color:#027f91; padding:18px; font-size:16px}
table {border-collapse:collapse; width:100%}
td {vertical-align:top}
.left {float:left}
.right {float:right}
.comments {padding:5px 18px}
.comments sup {color:red}
a {color:#558e97; text-decoration:none}
a:hover {text-decoration:underline}
.txt { padding:2px; font-size:10px; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #909090; border-left:1px solid #909090; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5}

/*top*/
div.topmenu {float:right; margin-top:30px}
div.topmenu a, div.topmenu b {float:left; font-size:12px; margin:0 15px}
div.topmenu b {color:#a85545; font-weight:normal}

/*menu*/
a.firstlevel-off, a.firstlevel-on {width:450px; float:left; color:#fff; font-size:23px; font-weight:bold; text-transform:uppercase; text-decoration:none}
a.firstlevel-off {background:url(images/menu-firstlevel-off.gif) no-repeat; text-align:center; padding:12px 0}
a.firstlevel-on {background:url(images/menu-firstlevel-on.gif) no-repeat; text-align:center; padding:12px 0}
a.firstlevel-off:hover, a.firstlevel-on:hover {text-decoration:none}
a.firstlevel-off:hover, a.firstlevel-on:hover {background-position:0 -52px}

a.secondlevel-on, a.secondlevel-on-a, a.secondlevel-off {float:left; width:148px; text-align:center; height:41px; padding-top:8px}
a.secondlevel-on, a.secondlevel-off {text-decoration:none; font-size:14px; color:#676767}
a.secondlevel-on-a {text-decoration:none; font-size:14px; color:#a53a0e; font-weight:bold}
div.secondlevel-off-spacer {float:left; height:49px; font-size:1px; width:3px; background:url(images/menu-secondlevel-off-spacer.gif) no-repeat}
div.secondlevel-on-spacer {float:left; height:49px; font-size:1px; width:3px; background:url(images/menu-secondlevel-on-spacer.gif) no-repeat}
a.secondlevel-off {background:url(images/menu-secondlevel-off.gif) no-repeat}
a.secondlevel-on, a.secondlevel-on-a {background:url(images/menu-secondlevel-on.gif) no-repeat}
a.secondlevel-on:hover, a.secondlevel-on-a:hover, a.secondlevel-off:hover, a.secondlevel-on-a {background-position:0 -49px}

/*footer*/
div#footer {margin:20px 0 10px 0; background:url(images/itable-dot.gif) repeat-x; padding:5px 15px}
div#footer p {color:#666}
div#footer p a {color:#028091}
div#footer div {float:right; margin-top:10px}
div#footer div b, div#footer div a {float:left; margin-left:10px; border-left:1px solid #4c4c4c; padding-left:10px}
div#footer div b {font-weight:normal; color:#a85545}

/*index*/
ul.ilist {height:194px; padding-left:550px; list-style:none; font-size:20px}
ul.ilist li {background:url(images/i-list-item.gif) no-repeat; background-position:0 5px; padding-left:20px; margin:5px 0; color:#4c4c4c}
body#voip ul#ili_1 {background:url(images/voip-residential.jpg) no-repeat}
body#voip ul#ili_2 {background:url(images/voip-business.jpg) no-repeat}

body#web ul#ili_1 {background:url(images/web-residential.jpg) no-repeat; height:220px}
body#web ul#ili_2 {background:url(images/web-business.jpg) no-repeat; height:220px}

span.i-table-switcher-on-l, span.i-table-switcher-on-r, a.i-table-switcher-off {float:left; width:432px; font-size:16px; height:30px; padding-top:11px; font-weight:bold; text-align:center; color:#fff}
a.i-table-switcher-off {background:url(images/i-table-switcher-off.gif) repeat-x; text-decoration:none}
body#voip span.i-table-switcher-on-l {background:url(images/i-table-switcher-on-l.gif) no-repeat}
body#voip span.i-table-switcher-on-r {background:url(images/i-table-switcher-on-r.gif) no-repeat}

body#web span.i-table-switcher-on-l {background:url(images/w-table-switcher-on-l.gif) no-repeat}
body#web span.i-table-switcher-on-r {background:url(images/w-table-switcher-on-r.gif) no-repeat}

div.itable {margin:0 18px; margin-bottom:10px; position:relative; border:1px solid #909090}
div.itable table td {padding:5px; font-size:13px; vertical-align:middle; background:url(images/itable-dot.gif) repeat-x #fff; border-left:1px solid #ddd; text-align:center}
div.itable table td.ileft {border-color:#909090; vertical-align:top; //border:0}
div.itable table tr.head td {color:#4c7c0c; font-weight:bold; font-size:14px; padding:10px; background:none}
div.itable table tr.idark td {background:url(images/itable-dot.gif) repeat-x #f7f7f7}
div.itable table td.setup_fee {background:url(images/itable-dot.gif) repeat-x #f0ffd6; color:#BA0502; font-weight:900; font-size:22px}
div.itable table tr.head td.setup_fee {background:#f0ffd6}
div.itable table td.monthly_plan {background:url(images/itable-dot.gif) repeat-x #f5f5f5; color:#BA0502; font-weight:900; font-size:16px}
div.itable table td.group_size {font-weight:bold; font-size:16px}
div.itable table tr.idark td.monthly_plan {background:url(images/itable-dot.gif) repeat-x #e1e1e1}
div.itable table tr.idark td.setup_fee {background:url(images/itable-dot.gif) repeat-x #e0f7c1}
div.itable table td.promotions {text-align:left; position:relative; width:180px}
div.itable table td.promotions ul {padding-left:20px}
div.itable table td.promotions img {margin-top:5px}
div.itable table td.promotions span {color:#558e97; float:right}
div.i-table-setup-fee {padding:5px; margin:10px 0; background:#f1f1f1; font-size:14px; font-weight:bold; color:#4c4c4c; font-family:Verdana, Arial, Helvetica, sans-serif}
div.i-table-setup-fee span {font-size:22px; vertical-align:baseline; display:block; color:#bb0501}
div.itable table tr.idark td.i-table-faq {background:#f7f7f7; color:#028091; font-family:Verdana, Arial, Helvetica, sans-serif}

table.user-experience {border:0}
table.user-experience td {width:25%; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8}
table.user-experience td.provider {background:url(images/user-experience-provider.gif) no-repeat; padding:3px 10px; border-color:#fff}
p.user-experience-name {color:#bb0501; background:url(images/itable-dot.gif) bottom repeat-x; font-size:20px; padding:5px; font-weight:bold; text-align:center}
p.user-experience-name a {color:#028091; font-weight:normal; font-size:13px}
p.user-experience-name img {margin:3px}
p.user-experience-talk {background:url(images/user-experience-talk.gif) no-repeat; background-position:10px 10px; padding:10px 10px 5px 30px}
p.user-experience-user {background:url(images/itable-dot.gif) repeat-x; padding:5px; text-align:center; font-size:12px; color:#028091}
a.user-experience-all {display:block; background:url(images/user-experience-all.gif) no-repeat; height:21px; width:146px; text-align:center; padding-top:5px; color:#fff; font-size:12px; font-weight:bold}

/*faq*/
p.all-q {font-weight:bold; font-size:12px; padding-left:18px}
div.all-qs {float:left; width:445px}
div.all-qs p {padding-left:18px}
div.all-qs ol {padding-left:36px; margin-bottom:10px}
div.all-qs ol li {font-size:12px; padding:1px 0; color:#028091}
div.all-qs ol li a {color:#028091}
div.all-qs span.right {background:url(images/arrow.gif) no-repeat; background-position:100% 50%; padding-right:10px}
div.all-qs span.right a {color:#028091}

/*ue*/
h2.ue { text-align:center; color:#4C4C4C; background:url(images/itable-dot.gif) repeat-x top; margin-top:20px}

/*lingo plans*/
div.itable table td.promotions div.plans {width:365px; cursor:pointer; display:none; position:absolute; left:-375px; top:5px; //top:10px}
div.itable table td.promotions div.plans p {display:block; background:url(images/lingo-p.gif) no-repeat; font-size:16px; color:#fff; text-align:center; padding:8px}
div.itable table td.promotions div.plans table {border-bottom:1px solid #a19fa0; border-top:1px solid #a19fa0}
div.itable table td.promotions div.plans td {padding:5px; text-align:center; border-left:1px solid #a19fa0; border-right:1px solid #a19fa0; background:url(images/itable-dot.gif) repeat-x #fff}
div.itable table td.promotions div.plans tr.head td {background:#fce6cf}

/*sitemap*/
ul.sitemap {list-style:none; padding-left:30px}
ul.sitemap li {font-size:14px; color:#027f91; padding:0.3em 0; font-weight:bold}
ul.sitemap li ul {list-style:none}
ul.sitemap li ul li {font-size:12px; font-weight:normal}

ul.err404 {padding-left:30px; padding-top:15px}
ul.err404 li {font-size:14px}