body, p, h1, h2, h3, h4, h5, h6, form, ul, ol, li, blockquote, img, ul { margin:0px; padding:0px; border:0px; }
ul>li {list-style-type:none; }
a {text-decoration:none; color:#333; outline:none;}
em {font-size:12px;}
body {background-color:#fff;}
#wrapper {width:960px; margin:0px auto;}
#top {width:100%;  background-color:#fff; z-index:3; position:relative; }
#top-inner  {width:920px; margin:10px auto; position:relative; }
#logo {display:block; display:relative; margin:6px; margin-bottom:4px; }
#logo-link {width:200px; display:block; }

#phone-number {position:absolute; left:480px; top:20px; font:bold 19px arial; color:#999; }
#phone-number strong {color:#333; }
#zone-tabs {position:absolute; top:56px; left:730px; display:none; }

#top-links {position:absolute; top:56px; left:450px; }
#top-links li {float:left; margin:0px 1px; font:bold 13px arial, "trebuchet ms", georgia,arial; }
#top-links li a {display:block; color:#222; background-color:#e9e6f7; padding:2px 12px; text-decoration:none; border:1px solid #ddf; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;  }
#top-links li a:hover {background-color:#eef; }

#plan-benefits {z-index:100px !important;}
#mainimg   {width:960px; margin:0px auto; z-index:0; position:relative; background:url(bg-plan.jpg) center 0px no-repeat #fff; height:160px; border-bottom:1px dotted #ccc;}
#index #wrapper #mainimg, #splash #wrapper #mainimg {width:960px; height:490px; margin:0px auto; background:url(bg_main.1.jpg) center 0px no-repeat #fff; z-index:0; position:relative; border-bottom:1px solid #cce; float:left;}

#create-plan { width:960px; margin:10px auto; }
#t {float:left; width:635px; border-right:1px solid #ddd; margin-right:20px;  }
#create-plan-side { float:left; width:295px; border:0px solid #ccc; margin-top:20px; text-align:center; z-index:0px;  }
#create-plan-side h5 {font-family:arial;}
#create-plan-side h4 {margin:8px 0px; text-align:left; }
#create-plan-side h6 {font:bold 55px georgia; -moz-border-radius:8px; border:2px solid #eeb; width:230px; margin:6px auto; background-color:#ffc; padding:0px 0px 10px 0px; letter-spacing:-1px;} /* price */
#create-plan-side h6 sup {font-size:19px; }
#create-plan-side h6 sub {font-size:14px; margin-left:-26px; color:#998; }
#create-plan-side h2 {font:bold 16px arial; }
#create-plan h2 {}
#create-plan-side ul li {list-style-type:disc; margin:4px 4px 4px 15px; text-align:left; }

#index #mainimg h4 {font:normal 15px verdana; position:absolute; top:140px; width:300px; left:92px; line-height:20px; color:#369; }
#index #mainimg h5 {font:bold 12px arial, verdana; position:absolute; top:106px; width:200px; text-align:center; left:634px; line-height:20px; color:#444;  }
#index #mainimg h6 {font:bold 15px verdana; position:absolute; top:330px; width:300px; text-align:left; left:92px; line-height:20px; color:#369;  }

#mainimg #call-to-action {display:block; position:absolute; right:82px; top:300px; padding:5px 20px; border:3px solid #444; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#555; color:#fff; text-decoration:none; font:normal 19px "lucida grande", arial; text-align:center;}
#mainimg #call-to-action span {font:13px arial; color:#fff; display:block; line-height:20px; }
#mainimg #call-to-action:hover {background-color:#090;  }


#mainimg h1 { font:36px "Lucida Grande", trebuchet ms, garamond; text-align:center; color:#333; display:block; position:relative; padding:22px 0px; }
#mainimg h2 { font:20px "Lucida Grande", trebuchet ms, garamond, arial; text-align:center; color:#369; display:none; line-height:22px; margin-top:-20px; margin-bottom:15px; }

#mainimg>ul {position:absolute; width:150px; right:0px; bottom:0px; }
#mainimg>ul>li {font:normal 11px arial; margin:0px; text-align:left; border-top:1px solid #999; display:none; }
#mainimg>ul>li a, #mainimg ul li.handle {display:block; background-color:#333; color:#eef; padding:3px 10px; text-decoration:none; cursor:pointer; }
#mainimg>ul>li a:hover {background-color:#666; }
#mainimg>ul>li.handle:hover { background-color:#444; }

#main-content {width:960px; margin:0px auto; padding:10px 0px; font:15px verdana; }

#plans { width:936px; border:0px solid #ccc; margin:0px auto; height:100px; padding:2px 10px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background-color:#fff; }
#panel-bot,#panel-foot { width:960px; margin:20px auto; border:0px solid #ccc; height:150px; padding:2px; background-color:#fff; float:left;}
#panel-bot ul li {padding:0px 10px 0px 64px; background-color:#fff; font:15px verdana; color:#444; width:240px; margin-left:5px; float:left; border-right:1px solid #eef; }
#panel-bot ul li a {color:#444; text-decoration:none; }
#panel-bot ul li a:hover {color:#222; }
#panel-bot ul li h1 {font:normal 25px "Museo Sans", Lucida Grande, arial; color:#888; margin-bottom:10px; }
#panel-bot ul li h3 {font:bold 19px "Museo Sans", Lucida Grande, arial; color:#369; margin:10px 0px; }
#panel-bot ul li#bundle {background:url(icon-sprite.png) top left no-repeat; }
#panel-bot ul li#cable {background:url(icon-sprite.png) 0px -220px no-repeat; }
#panel-bot ul li#longdistance {background:url(icon-sprite.png) 0px -450px no-repeat; border-right:none; }

#panel-foot {border-top:1px solid #cce; width:960px; float:left; }
#panel-foot>ul>li {padding:15px 9px; border-right:1px solid #eef; font:13px arial; color:#444; float:left; }
#panel-foot>ul>li ul li {float:left; padding:2px 8px; }
#panel-foot>ul>li ul li a { font:12px arial; color:#66f; }
#panel-foot>ul>li ul li a:hover { font:12px arial; color:#99f; }

#ld { width:958px; margin:0px auto; padding:10px; }
#ld h3 {font:22px lucida grande; }
#landline-plans {position:absolute; right:80px; top:120px; }
#landline-plans li { width:260px; padding:5px 10px; text-align:left; -moz-border-radius:8px; -webkit-border-radius:8px; margin:15px 0px; color:#fff; position:relative; }
#landline-plans li a {display:block; color:#333; text-decoration:none; }
#landline-plans li h3 {font:normal 19px tahoma,"Lucida grande", "trebuchet ms", times, arial; }
#landline-plans li p {font:14px arial; display:none; }
#landline-plans li span.price {font:bold 23px verdana; display:block; text-align:right; color:#246; }
#landline-plans li span.permonth {font:normal 11px arial; color:#666; }
#landline-plans li div.tooltip { display:none; position:absolute; right:260px; top:-80px; height:196px; background:url(bg-tooltip-h.png) center center no-repeat transparent; padding:25px 50px 15px 25px; width:245px; z-index:5; }
#landline-plans li:hover {border-color:#246; }
#landline-plans li ul { margin-top:15px; }
#landline-plans li ul li {width:95%; border:0px; padding:5px; font:bold 15px verdana,arial;  }
#landline-plans li ul li strong {color:#ffa; font-weight:bold; }
#landline-plans li ul li em {text-transform:uppercase; font-style:normal; font-weight:bold;  }
#landline-plans li img {position:absolute; bottom:0px; }

#plan-local {background-image:url(plan-btn-bg-y.png); border:2px solid #bc8; }
#plan-canada {background-image:url(plan-btn-bg-r.png); border:2px solid #faa;  }
#plan-usa {background-image:url(plan-btn-bg-b.png); border:2px solid #9cf; }

.clearleft {clear:left;} 

table.data { padding:8px; }
table.data tbody td {padding:3px; border-bottom:1px solid #ccc; }
table.data tbody td.countryname {font:22px monotype corsiva; width:200px; color:#333; }
table.data tbody td.countryrate {font:16px georgia; text-align:right; }

form.primary fieldset { border:5px solid #eef; width:580px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:15px 0px; background-color:#f6f6fc; position:relative; display:block; }
form.primary legend {margin:3px; font:19px calibri, "trebuchet ms";  }
form.primary label {width:180px; display:block; float:left; clear:left; margin-top:8px;  text-align:right; font:bold 15px arial; color:#556; }
form.primary input[type='text'], form.primary select, form.primary input[type='password'], form.primary textarea {display:block;  margin:5px 6px 0px 8px; float:left; border:1px solid #ccc; padding:2px; font:14px arial; color:#456; }
form.primary input[type='text'] {width:250px; }
form.primary .input-helper { height:21px; margin-top:8px; color:#666; }
form.primary input[type='checkbox'], form.primary input[type='radio'] { float:left; margin-left:190px; margin-top:10px; clear:left; }
form.primary input[type='checkbox'] + label, form.primary input[type='radio'] + label  { clear:none; width:350px; text-align:left; margin-top:5px; padding:3px; }
form.primary textarea {width:300px; height:60px; }

.clickable {cursor:pointer;}
.tip {color:#777; font:11px arial; }

#tagline {font-size:48px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:90px auto 0px auto; width:100%; text-align:center;}
#phone {font-size:36px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:300px; margin:250px 0 0 92px; float:left; color:#38383A;}
#splash {padding-top:90px;}
#logo_splash {background:url(logo_splash.png) no-repeat top; padding-top:150px; height:40px; width:373px; margin:155px auto 0 auto;}
#language {width:353px; }
#language li {float:left; margin-top:10px; width:100px; padding-left:60px; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal;}
#language li a {text-decoration:none; color:#333;}#language li span a{font-size:12px; line-height:20px; display:block;}
#language li a:hover {text-decoration:underline;} 

#phone-plans { margin-top:10px;}
#phone-plans li {width:210px; float:left; margin-right:20px; border:1px solid #ddd; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; font:12px trebuchet ms; line-height:14px; color:#333; background:url(bg-plan.png) center 150px repeat-x #fff; }
#phone-plans li h2 {font:bold 25px calibri,"trebuchet ms"; background-color:#ffd; border-bottom:2px solid #eec; padding:2px 4px; margin-bottom:6px; position:relative; display:block; line-height:37px; }
#phone-plans li h2 img  {position:absolute; right:3px; top:6px; opacity:0.9; }
#phone-plans li h3 {font:bold 43px georgia; text-align:center; color:#444; font-style:italic; margin-bottom:3px; }
#phone-plans li h3 sup {font-size:25px;  }
#phone-plans li h3 sub {font-size:12px; color:#bbb; margin-left:-40px; }
#phone-plans li .price {height:60px; margin:0px; }
#phone-plans li .tip {font:normal 11px arial,trebuchet ms; color:#888; line-height:13px; }
#phone-plans li .promo {font-weight:bold; color:#b00; text-align:center; margin-top:6px; }
#phone-plans li p {padding:0px 9px; margin-bottom:11px; }
#phone-plans li hr {border:1px solid #eed; margin:12px 0px; }
#phone-plans li table {width:92%; margin:0px auto; }
#phone-plans li table caption {border-bottom:1px solid #99a; border-top:1px solid #99a; font:bold 15px arial; margin-top:15px;  color:#000; background-color:#fff; }
#phone-plans li table th {text-align:left; }
#phone-plans li table th,#phone-plans li table td {border-bottom:1px solid #eee; padding:2px; font-size:13px; padding:3px; }
#phone-plans li input {display:block; margin:10px auto; }
#phone-plans li:hover {border-color:#cca; background:url(bg-plan.png) center 50px repeat-x #fff}
#phone-plans li .title {text-align:center; font-weight:bold; text-transform:uppercase; margin-top:6px; color:#369; font-size:16px; }

.cl {clear:left;}
#notes li {font:12px arial; color:#666; margin:6px 20px; list-style-type:disc;}
#notes a { text-decoration: underline;}

.show-details, .details {display:none; }
.show-details {display:block; text-align:center; font-weight:bold; text-decoration:none; margin:6px auto; }
.clickable {cursor:pointer;}


/* saqib's mess */

.hdw_table {width:529px; background:url(hard_top.png) top no-repeat; left:100px; float:left; display:none; margin-top:15px;}
/*.hdw a:hover .hdw_table {display:inline-block;}*/
.pop_hd { color:#1b66b4; padding:8px 25px 15px 20px;}
.table_wrap {width:529px; background:url(hard_bg.png) repeat; margin-top:17px;}
.hd_table {margin-left:10px; width:510px;}
.hd_table tr td {border-right:1px solid #FFF; border-bottom:1px solid #FFF; font-size:12px; padding-left:10px;}
.title_hd td {height:40px; vertical-align:middle; background:url(titles_bg.png) repeat-x; border-right:1px solid #FFF; font-size:12px; font-weight:bold; text-align:left;}
.td_ylw {background:#FFFFCB;}
.td_blue {background:#E2ECF9;}
.td_gr {background:#E6EED2;}
.td_red {background:#F0F1E1;}
tr.td_red td {border-bottom:none;}
.td_hight {height:29px;}


.pop_detail {width:625px;  margin-top:10px; display:none; background-color:#FFFFEE; border:1px solid  #f5f5cc;}
.ph_detail {width:580px; display:none; background-color:#FFFFEE; border:1px solid  #f5f5cc; margin-top:10px;}
/*.pop_detail, .ph_detail { top:-120px; left:100px; display:none; position:absolute;  cursor:default; }*/
.ph_detail{z-index:1000px !important; z-index:1000;}
.over,.over span { z-index:-1px; z-index:-1;}
#list_none li a {cursor:pointer;}
#list_none li a:hover {color:#1B66B4;}
/*#list_none li:hover div.pop_detail, #list_none li:hover div.ph_detail  {display:inline; }*/
.detail_wrap {width:609px; padding:0px 8px;}
.ph_detail_wrap {width:580px; margin-top:17px;}
.dt_hd {margin-left:22px;}
.p_pop {margin:15px 22px;}
ul#pop_ul, ul#pop_ul li {margin:0px; padding:0px;}
ul#pop_ul li {line-height:16px; margin:15px 0 0 22px; width:500px !important; padding-left:25px !important; background:url(arrow_2.png) no-repeat left center;}
.price {font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color:#dd6f20; margin-left:22px;}
.pop_spec {width:609px; height:128px; background:#FFFFD5; padding:0px 8px;}
.speed {width:114px;}
.d_times {width:163px; padding:0px 10px;}
.d_transfer {width:130px; padding:0px 5px; background:url(pc_ico.png) no-repeat center 50px;}
.speed, .d_times, .d_transfer, equ {height:120px; float:left;}
.speed, .d_times, .d_transfer { border-right:1px solid #d3d3d3;}
.pop_spec h4.spd_h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:30px 0px 10px 0; text-align:center; line-height:16px;}
.pop_spec  h1, .pop_spec h5, .pop_spec p {text-align:center;}
.pop_spec  h5, .pop_spec p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.pop_spec  span {font-size:14px;}
.pop_spec p {font-size:10px; line-height:14px;}
.spec_pop td {font-size:10px; line-height:16px;}
.mt10 {margin-top:10px;}
.rates {color:#004fa5;}
.rates:hover {text-decoration:underline;}
.starting {font-size:12px; color:#333;}
#create-plan-side span{position:relative; font-size:11px; font-weight:normal;}
/*--------- START MENU ----------------*/
.dock_menu {width:600px; height:150px; margin:40px auto 0px;}
.dock { position: relative; height: 50px; text-align: center; width:120px; float:left; }
.dock-container { position: absolute; height: 80px;}
a.dock-item { display: block; color: #000; position:absolute;  top: 0px; text-align: center; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif;}
.dock-item img { border: none; width:100%;}
.dock-item span {font-size:18px; font-weight:normal; display:none; color:#333;}
/*--------- END MENU ----------------*/

#ld_rates {height:150px; width:100%; background:#f7f6fc; margin-top:20px; margin-bottom:-15px; font-family:Arial, Helvetica, sans-serif;}
.heading {height:45px; width:100%; background:#efeef3;}
#ct_rates {width:780px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:15px 0 0 15px;}
#ct_rates li {width:230px; height:30px; float:left; line-height:30px; margin:0 20px 0 10px;}
#ct_rataes li span {float:right; font-weight:normal;}
.ca, .hk, .pk, .us, .uk, .ind {width:90px; display:block; float:left; padding-left:25px; }
.ca {background:url(images/ca_ico.png) center left no-repeat;}
.hk {background:url(images/hk_ico.png) center left no-repeat;}
.pk {background:url(images/pk_ico.png) center left no-repeat;}
.us {background:url(images/us_ico.png) center left no-repeat;}
.uk {background:url(images/uk_ico.png) center left no-repeat;}
.ind {background:url(images/ind_ico.png) center left no-repeat;}
.view_rates {margin:50px 0 0 -30px;}
.view_rates a {color:#336699; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}
.view_rates a:hover {text-decoration:underline;}
.ld_heading {line-height:45px; margin-left:15px; font-size:14px;}