/* --------------------------------
	01. YAHOO RESET LIBRARY
-------------------------------- */

@import "reset.css";

H1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 29px;
	color:#00aeef;
	padding-bottom:15px;
	border-bottom:1px solid #424ab6;
	margin-bottom:15px
}
H2 {font-family:Arial, Helvetica, sans-serif;font-size: 23px;color:#00aeef;}
H3 { font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#4c4c4c;}
H5 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#424ab6; font-weight:bold;}
H5 SPAN { border-bottom:1px solid #424ab6; width:50%; display:block; padding:8px 0px; margin-bottom:11px;}
H5 SMALL {color:#4c4c4c; font-weight:normal; font-size:12px; font-family:inherit;}
H6 { font-size:12px; font-weight:bold;}

SMALL {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; line-height:15px !important;}

/* --------------------------------
	02. CONSTRUCT ELEMENTS
-------------------------------- */

html {
	height: 100%;
	background: #dfdede;
	background: url(../images/bg.gif) repeat;
	background-attachment: fixed;
}

body {
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	border-bottom: 1px solid transparent;
	background: url(../images/bg-body.gif) repeat-x 0 0;
	font: normal 11px/20px Verdana, Helvetica, sans-serif;
}


#top {
	width: 948px;
	height: 26px;
	margin: 0 auto;
	color:#ffffff;
	font-family:verdana,arial,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	link {text-decoration: none}
}

#page {
	width: 957px; /* width includes shadows */
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: url(../images/bg-page.gif) repeat-y 0 0;
}

#wrapper {
	position: relative;
	height: auto;
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
/*	padding: 0 0 240px;
	background: #efefef ;*/
}

#inner { 
	width: 918px;
	margin-left: auto;
	margin-right: auto;
	background: #eaeaea;
	overflow: hidden;
	border-top:2px solid #FFF;
	overflow:hidden;
}

#header {
/*	background:#dcdcda url(../images/logo_right.gif) no-repeat top right; */
	background:#dcdcda url(../images/header_pkleaders.jpg) no-repeat top right;
	height:218px;
	border-bottom:1px solid #424ab6;
	margin: 14px 14px 0px 14px;
	width:918px;
}

html #popup {margin:0px;}
#popup { background:#FFF !important; margin:20px; padding:20px;
}

#popup P {margin:8px 0px;}

html #popup {margin:0px;}


#popup ul { list-style: disc; list-style-position:outside; list-style-type:disc; margin:15px; }


#logo {float:left; height:182px;}



#left-nav {
	width: 184px;
	margin: 0 0px 0 0;
	margin:20px 0px 20px 19px;
	float:left;
	display: inline;
}

#left-nav a { 
	color: #3f3f3f; 
	font-size: 11px;
	text-decoration: none;
	cursor:pointer;
} 

#left-nav .promo { margin-left:-16px; margin-top:10px;}

#content {
	width: 685px;
	margin:20px 10px 32px;
	float: left;
	color: #3f3f3f;
}

#contentb {
	width: 880px;
	margin:20px 10px 32px;
	float: left;
	color: #3f3f3f;
}

#footer {
	background:#f3f3f3 url(../images/bg-footer.gif) repeat-x scroll center top;
	clear:both;
	line-height:17px;
	color:#666666;
}

#footer-inner {
	width:918px;
	overflow:auto;
	padding:25px 20px 12px;
}

#footer-inner P {font-weight:bold;}
#footer-inner A { text-decoration:none; color:#4e4e4e;}


#footer-quicklinks {
	float:left;
	width:192px;
}

#footer-services {width:110px ;float:left;}
#footer-partners {width:130px ;float:left;}

#footer-account,#footer-relations,#footer-support {
float:left;
width:150px;
margin-bottom:10px
}

#footer-copyright { margin: 0px 20px 0px 192px; clear:both; font-size:9px; line-height:15px; color:#787878;}

/* --------------------------------
	03. NAVIGATIONS, SEARCH, BREADCRUMBS ELEMENTS
-------------------------------- */


#menu {
	width:236px; height:26px;
	background:#858585 url(../images/bg-topnav.gif) no-repeat scroll center top;
	position:relative;
	margin:0px; padding:0px;
	float:left;
}

#menu li a {
	display:block;
	font-size:1px;
	height:26px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-100em;
}

#menu-mobile {width:63px;}
#menu-phone {width:57px;}
#menu-internet {width:66px; }
#menu-data {width:49px;}

#menu-mobile a:hover {background:#858585 url(../images/bg-topnav.gif) no-repeat scroll 0px -26px !important;}
#menu-phone a:hover {background:#858585 url(../images/bg-topnav.gif) no-repeat scroll -63px -26px !important;}
#menu-internet a:hover {background:#858585 url(../images/bg-topnav.gif) no-repeat scroll -120px -26px !important;}
#menu-data a:hover {background:#858585 url(../images/bg-topnav.gif) no-repeat scroll -186px -26px !important;}

#menu li {
	float:left;
}

menu-mobile {}




#nav {
	width:918px; height:36px;
	background:#3b3f40 center top;
	background:url(../images/nav/nav_filler.gif) repeat;
	position:relative;
	margin:0px;
	float:left;
	z-index:918;
} /* IE */

#nav li a {
	display:block;
	font-size:1px;
	height:36px;
	overflow:hidden;
	text-decoration:none;

}

#nav li ul {
	background-color:#FFFFFF;
	left:-999em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	position:absolute;
	top:36px;
	z-index:1000;
}

#nav li ul li {
	background:#FFFFFF !important;
	float:none;
		z-index:10000
}

#nav li ul li a {
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	color:#333333;
	font-family:verdana,arial,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:auto;
	left:-999em;
	line-height:normal;
	padding:8px 5px;
	text-indent:14px;
	width:160px;
}

#nav li:hover, #nav li.hover {
	position:static;
}

#nav li ul li a:hover {
	background:#424ab6 !important;
	color:#FFFFFF;
}


#nav li:hover ul, #nav li.sfhover ul {
	background-color:#FFFFFF;
	left:auto;
}

.sfhover {
	z-index:1000 !important;
}





#left-nav #list {
	width: 180px;
	padding: 3px;
	background: #fff;
}


#left-nav #list .toggler { /* All <a> within the #list */
	margin-top: 2px;
	font-size:13px !important;
	padding: 4px 14px 8px 28px; 
	font-family:Arial, Helvetica, sans-serif;
	background: #a8a8a8 url(../images/bg-list-parent.gif) no-repeat;
	display:block;
	overflow:hidden;
	cursor:s-resize;
}

#left-nav #list .content a {
	background: #efefef url(../images/bg-child.gif) repeat-x !important;
	padding: 3px 5px 4px 28px !important;
	font-size:11px;
	display: block;
	margin-top: 2px;
}

#left-nav #list .content a:hover {
	background-position:0px -27px !important;
	color:#FFF;
	}


#left-nav #list .content .current {
	background: #efefef url(../images/bg-child.gif) repeat-x 0px -27px !important;
	color:#FFF;
}

#breadcrumbs { color:#cccccd; padding-bottom:30px; clear:both;}
#breadcrumbs A {color:#565759;}


/* --------------------------------
	04. Content Elements
-------------------------------- */

#content A {color:#424ab6; text-decoration:underline;}

#content ul { list-style: disc; list-style-position:outside; list-style-type:disc; margin:15px; }
#content ol { list-style: decimal; list-style-position:outside; margin:15px; }
#content ol li {margin:8px 0px;}

#contentb A {color:#424ab6; text-decoration:underline;}

#contentb ul { list-style: disc; list-style-position:outside; list-style-type:disc; margin:15px; }
#contentb ol { list-style: decimal; list-style-position:outside; margin:15px; }
#contentb ol li {margin:8px 0px;}


#whitebox {	background: #FFF url(../images/bg-content.gif) no-repeat; clear:both;}
#whitebox .inner {padding:23px;}
#whitebox P {margin: 8px 0px;}
#whitebox-bottom {background:url(../images/bg-content-btm.gif) bottom; height:13px; width:685px; position:absolute;z-index:100;}

.colpanel {
	background: url(../images/bg-colpanel-rep.gif) repeat-y;
	width: 311px;
	margin-bottom:20px;
	position:relative;
	z-index:1;
}

.colpanel .icon {
	position:absolute;
	float:right;
	top:18px;
	right:20px;
	z-index:100;
}

.colpanel H2 {padding-bottom:18px;}


.colpanel-inner {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:18px;
	background:url(../images/bg-colpanel-top.gif) no-repeat;
	padding: 25px 20px 0px 49px;
	width:242px;
	min-height:180px;
}

.colpanel-inner UL {list-style:disc; list-style-position:inside;}

.colpanel-btm {
	background:url(../images/bg-colpanel-btm.gif) no-repeat bottom;
	height:4px;
}
.button {margin:7px 0px;} 

.left {float:left; clear:left;}
.right {float:right;clear:right;}
.imageright {float:right; padding: 0px 0px 0px 15px;}
.aural { position: absolute; left: -100em; }
.clear {clear:both;}


/* --------------------------------
	Tables
-------------------------------- */

.ProductText { margin:20px 0px 10px;caption-side:bottom;}
.ProductText TH {
	background: #00aeef;
	color:#FFFFFF;
	padding: 5px;
	border-left:1px solid #87c3ea;
}

.ProductText .break {background:#EFEFEF;}

.ProductText TD:first-child { border-left:none !important}
.ProductText TD {
	padding: 5px;
	border-left: 1px dashed #c5c6c8; 
}

.ProductText caption {font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; line-height:15px; margin-bottom:20px;}

.ProductText TD {
	border-bottom: 1px solid #c5c6c8;
	}

.ProductText TR:hover {
	background:#f4f0f0;
}



/* --------------------------------
	Lists
-------------------------------- */

.doc-listing { list-style: none !important; margin:0px !important; list-style-type:none !important; list-style-position:inside;}
.doc-listing LI { border-bottom: 1px dashed #c5c6c8;} 
.doc-listing LI A {display:block;padding:8px 25px; text-decoration:none !important; color:none !important; background:url(../images/icon-pdf.gif) no-repeat left;}
.doc-listing LI:HOVER {border-bottom: 1px dashed #424ab6; background:#f6f2f2;}
.doc-listing EM {color:#AAA;}

.thumb-listing {list-style: none !important; margin:20px 0px !important; list-style-type:none !important;}


.thumb-listing LI {
	width: 575px;
	margin: 0 10px 20px;
	overflow: hidden;
	height: 1%;
}

.thumb-listing .description {
	width: 440px;
	float: right;
	margin: 0 20px 0 0;
	padding-bottom:10px;
	border-bottom: 1px dashed #c5c6c8;
}

.thumb-listing .thumb {
	width: 90px;
	float: left;
	margin-top:35px;
}

.content-links {
	list-style:none !important;
	list-style-type: none !important;
	padding:20px 0px !important;
	margin:0px !important;
	clear:both;
}
.content-links LI {

display:inline;
margin:0px;
padding:0px;
}

.content-links LI a {
 float:left;
 background: url(../images/bg-btn.gif) no-repeat left;
 display:block;
 text-decoration:none !important;
 color:#FFF !important;
 margin:0pt 3px 0pt 2px;
 padding:0px 0px 1px 9px;
}

.content-links LI a span {
 background:url(../images/bg-btn.gif) no-repeat right;
 float:none;
 padding:5px 12px 5px 5px;
}

.contentb-links {
	list-style:none !important;
	list-style-type: none !important;
	padding:20px 0px !important;
	margin:0px !important;
	clear:both;
}
.contentb-links LI {

display:inline;
margin:0px;
padding:0px;
}

.contentb-links LI a {
 float:left;
 background: url(../images/bg-btn.gif) no-repeat left;
 display:block;
 text-decoration:none !important;
 color:#FFF !important;
 margin:0pt 3px 0pt 2px;
 padding:0px 0px 1px 9px;
}

.contentb-links LI a span {
 background:url(../images/bg-btn.gif) no-repeat right;
 float:none;
 padding:5px 12px 5px 5px;
}

/* --------------------------------
	05. Forms
-------------------------------- */

/* Top Nav Search */

#search {
	position: relative;
	width: 137px;
	float: right;
	top:3px;
	padding: 0px 0 0 20px;
	background: url(../images/bg-input-search.gif) no-repeat 0 0;
	overflow: hidden;
}

#search legend { display: none; }
	
#search .text { 
	position: relative;
	top: 0px;	/* IE */
	width: 110px;
	border: none;
	background: none;	
	font-size: 11px;
	color:#a7a7a7;
}



/* Header Login */

#header-login {
	color:#a09f9f; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;
	height:146px; width:266px;
	float:right; position:relative;	top: 28px;
}
#header-login a {
	color:#6c6c6c; text-decoration:none;
}

#header-login p {
	margin:5px 0px 0px 57px;
}

#header-login legend {margin-bottom:3px;}
#header-login label {width:50px; text-align:right;float:left; margin-right:9px;}
#header-login input { width:117px; padding:3px 5px; background:url(../images/bg-input-header-full.gif) top; border:none; margin-bottom:5px; vertical-align:middle;}

.submit { width:52px !important ; height:22px; padding:0px !important;}

.form {
	margin: 25px auto;
	border: 1px solid #cecece;
	background: #f1f1f1;
	width:500px;

}

.wide {
	width:90%;
}

.form legend { display: none; }
.form h3 {
	display: block;
	margin: 0;
	padding: 15px 20px;
	font-size: 17px;
	font-weight: bold;
	border-bottom:1px solid #424ab6;
}

.form p { padding:0px 8px;
}

.form ol { 
	width: 460px;
	margin: 0 auto;
}

.wide ol {
	width: 540px;
}

.form ol:firstchild  { 
	margin-top:10px;
	
}

.form ol li { 
	clear: both; 
	overflow: hidden;
	padding:0px !important;
	margin-top:5px;
	list-style:none;
	list-style-type:none;
}

.form ol li label { 
	float: left;
	margin: 0 10px 0 0;
	padding: 3px 5px 0 5px;
	font-weight: bold;
	text-align: right;
	width: 156px;
	clear:left;
	line-height:15px;
	}

.wide label {
width: 140px !important;
}

.form .notice {
	margin:10px;
	background-color:#e5e5e5;
	text-align:center;
	}

.form .notice P {
	padding:2px 5px;}

.form ol li .text,
.form ol li textarea,
.form ol li select {
	font-size:11px;
	padding:4px 2px;
	width: 230px;
	float: left;
	margin: 3px 0 0;
	border: solid #cccccc;
	background:#FFFFFF
	 url(../images/bg-form-input.gif) repeat-x top;
	border-width: 1px 1px 0 0;
	margin-right:5px;
}

.tall {height:60px;}

.form ol li input {
		margin: 5px 0 0; 
}
	
.form .medium { width: 180px; }
.form .short { width: 145px !important; }
.form .tiny { width: 71px !important;}

.form .image { margin: 5px 0 5px 176px; }



/* ----------------------------------------
   SERVICES BOX - V1
---------------------------------------- */

#services-box { 
	width: 292px; 
	background: url(../images/bg-services-box.gif) repeat-x 0 0 #fff; 
	padding: 0px 0px 14px 0px; 
	float: left;
	margin-bottom: 10px;
}

#services-box h4 { 
	color: #fff; 
	font-size: 1.15em; 
	text-transform: uppercase; 
	background: url(../images/bg-services-box-h2.gif) no-repeat 0 0 #e6288a;
	display: block; 
	width: 280px;
	padding: 3px 0px 0px 12px;	
	margin-bottom: 12px;
	float: left; 
}

#services-box img { float: left; }

.box1,
.box2,
.box3
{ float: left; display: inline; margin-top:10px;}

.box1 { margin: 10px 4px 0 12px; }
.box2 { margin: 10px 4px 0 0; }

/* ----------------------------------------
   SERVICES BOX - Extended
---------------------------------------- */

#services-extended-box { 
	width: 425px; 
	background: url(../images/bg-services-box.gif) repeat-x 0 0 #fff; 
	padding: 0px 0px 14px 0px; 
	float: left;
	margin-bottom: 10px;
}

#services-extended-box h4 { 
	color: #fff; 
	font-size: 1.15em; 
	text-transform: uppercase; 
	background: url(../images/bg-services-extended2-box-h2.gif) no-repeat 0 0 #e6288a;
	display: block; 
	width: 413px;
	padding: 3px 0px 0px 12px;	
	margin-bottom: 12px;
	float: left; 
}

/* ----------------------------------------
   SHIFTS RIGHT - PROMO BOX 33 - HOME
---------------------------------------- */

.promoShift { margin: 4px 0px 0px 16px; display: inline; }


/* --------------------------------------------------
   REMOVES TOP MARGIN ON LEFT BAR HOMEPAGE
   Body tag has been given an id called homepage
-------------------------------------------------- */

#homepage #left-nav,#promo-page #left-nav { margin: 0px 0px 20px 19px; }


/* ----------------------------------------
   COLPANEL STYLES OVER-RIDE FOR HOMEPAGE
---------------------------------------- */

#contentBottom { margin: 10px 0 0 0; float: left; }

#homepage .colpanel,#promo-page .colpanel {
	background: url(../images/bg-colpanel-rep-home.gif) repeat-y #fff;
	width: 338px;
}
#homepage .colpanel-inner,#promo-page .colpanel-inner {
	background:url(../images/bg-colpanel-top-home.jpg) no-repeat;
	padding: 25px 20px 0px 49px;
	width:269px;
}
#homepage h2 { font-size: 1.9em; }

#homepage .colpanel-btm,#promo-page .colpanel-btm {
	background:url(../images/bg-colpanel-btm-home.gif) no-repeat bottom;
}

.imgMargin { margin: 5px 0px 0px 20px; }


/* ----------------------------------------
   HOME PANEL
---------------------------------------- */

#service-panel, #service-panel2  { 
	width: 684px; 
	background: url(../images/bg-service-panel.gif) repeat-x 0 0 #fff; 
	float: left; 
	display: inline;
	margin-bottom:10px;
	padding-bottom: 10px;
}
#service-panel-top { background: url(../images/bg-service-panel-top.jpg) no-repeat 0 0 #e5288a; height: 12px; }
#service-panel h2, #service-panel2 h2 { color: #4e4e4e; font-size: 1.45em; margin: 0 0 20px 0px; }
#service-panel2 h2 { margin-bottom: 25px; }
#service-panel h3, #service-panel2 h3 { color: #424ab6; margin: 0 0 8px 0; }
#service-panel p, #service-panel2 p { color: #5d5d5d; font-size: 0.85em; line-height: 1.6em; }
#service-panel2 p { font-size: 1.0em;width:138px; }
#service-panel2 { background: url(../images/bg-service-panel-2.gif) repeat-x 0 0 #fff; }

.home-box, 
.service-box 
{ 
	width: 139px; 
	height: 226px; 
	background: url(../images/bg-home-box.jpg) no-repeat 0 0 #f3f3f3; 
	margin: 10px 0px 0px 10px; 
	display: inline; 
	float: left;
	padding: 12px 9px 0px 11px;
	list-style:none;
	list-style-type:none
}

.home-box UL,.service-box UL{	
list-style:none !important;
list-style-type:none !important;
margin:0px !important;
} 
.home-box UL a{
text-decoration:none;
color:#3F3F3F;
}


.service-box { background: url(../images/bg-service-box.jpg) no-repeat 0 0 #f3f3f3; height: 158px; padding-top: 9px; }
.service-box a { color: #424ab6; background: url(../images/arrow-01.gif) no-repeat 0 11px; padding: 8px 0px 3px 20px; display: block; }


#icon-mobile { background: url(../images/icon-mobile.jpg) no-repeat 90px 0px; float: left; padding-top: 3px; }
#icon-phone { background: url(../images/icon-phone.jpg) no-repeat 90px 0px; float: left; padding-top: 3px; }
#icon-internet { background: url(../images/icon-internet.jpg) no-repeat 90px 0px; float: left; padding-top: 3px; }
#icon-data { background: url(../images/icon-data.jpg) no-repeat 90px 0px; float: left; padding-top: 3px; }


/* --- USED FOR HOME BOXES WITHOUT PADDING -- */

.nopadd { padding: 12px 1px 0px 1px; width: 157px; }
.nopadd h2 { padding-left: 11px; }

/* ------------------------------------------ */

.proceed, .view-plans { margin: 10px 0px 0px 34px; display: inline; float: left; }
.view-plans { margin-left: 27px; }
#self-help {
margin-top: -21px;
.margin-top: -17px;
}

#home-panel ul { color: #5d5d5d; font-weight: bold; }

#hb-mobile,
#hb-phone,
#hb-internet,
#hb-data
{ height: 34px; padding: 11px 0px 0px 24px; }

#hb-mobile { background: url(../images/home-services-mobile.gif) no-repeat 0 0; }
#hb-phone { background: url(../images/home-services-phone.gif) no-repeat 0 0; }
#hb-internet { background: url(../images/home-services-internet.gif) no-repeat 0 0; }
#hb-data { background: url(../images/home-services-data.gif) no-repeat 0 0; }

.hb-plan { font-size: 1.2em; font-weight: bold; background: url(../images/home-plans-bg.gif) no-repeat 11px bottom; padding: 4px 0px 6px 37px; }
.hb-plan p a { font-weight: normal; color: #424ab6; }


/* ----------------------------------------
   TALK TO PEOPLE - CONTENT h1
---------------------------------------- */

#home-talk { background: url(../images/home-talk.gif) no-repeat right 6px; }


/* ----------------------------------------
	LANDING PAGES
---------------------------------------- */
#promo-content {
	height:613px;
}

#promo-inner {
	position:relative; float:left; width:430px; top:193px; left:25px; font-family:Arial, Helvetica, sans-serif; font-size:15px;
}

#promo-inner .form {
	background:url(../images/landing_form_bg.png) !important;
	font-size:11px !important;
	font-family:Verdana,Helvetica,sans-serif;
}

#trigger {background:none; border:none; cursor: pointer;}
#trigger IMG{ margin-top:4px;}

.promo-terms {background:#ffffff; padding:15px 25px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; line-height:15px;}
.promo-terms a {color:#999999 !important;}


/* Promos */

.free-connect-boy {
background:url(../images/bg-free-connect-boy.jpg) no-repeat;
}

.free-connect-girl {
background:url(../images/bg-free-connect-girl.jpg) no-repeat;
}


.promo_banner {
margin: 10px 0px 0px 16px;
display: inline;
}

.promo_banner2 {
margin: 4px 0px 0px 16px;
.margin: 10px 0px 0px 16px;
display: inline;
}

.promo_banner_page {
margin: 10px 0px 0px 16px;
display: inline;
}

.promo_banner2_page {
margin: 4px 0px 0px 16px;
.margin: 10px 0px 0px 16px;
display: inline;
}

.ph {
color:#424ab6;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}

.ph_small {
color:#424ab6;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}