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

	01. YAHOO RESET LIBRARY

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



@import "reset.css";



H1 {font-family:Arial, Helvetica, sans-serif;font-size: 29px;color:#424ab6; padding-bottom:15px; border-bottom:1px solid #424ab6; margin-bottom:15px}

H2 {font-family:Arial, Helvetica, sans-serif;font-size: 23px;color:#424ab6;}

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:9px; 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.jpg) repeat-x 0 0;

	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/4sllogo.gif) 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: #424ab6;

	color:#FFFFFF; font-weight:bold;

	padding: 5px;

	border-left:1px solid #87c3ea;

}



.ProductText .break {background:#EFEFEF; font-weight:bold;}



.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;

}