/* ------------------------------------------------------------------
Screen Styles
Styles for screen display
------------------------------------------------------------------ */


/* Tags
------------------------------------------------------------------ */
body { color: #333; background: #fff; text-align: center; }


/* Links
------------------------------------------------------------------ */
a:link, a:visited { color: #1184bb; text-decoration: underline;} 
a:hover { color: #c3cf21; }
#side a:link, 
#side a:visited,
#extra a:link, 
#extra a:visited { text-decoration: none; }


/* Miscellaneous Classes
------------------------------------------------------------------ */
.full-height { float: left; margin-bottom: -10000px; padding-bottom: 10000px; width: 100%; }
.line-fade { height: 30px; width: 935px; background: url(../images/line_fade.gif) no-repeat 50% bottom; }
.photo-float-right { margin: 0 0 10px 10px; float: right; }
.photo-float-left { margin: 0 10px 10px 0; float: left; }
.photo-float-right:after, 
.photo-float-left:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
.photo-float-right,
.photo-float-left {zoom:1;} /* IE */
.inner { padding: 9px 10px; }
.spacer { height: 100px; }


/* 2 Column Layout
------------------------------------------------------------------ */
body.layout-home #feature-main { width: 735px; height: 256px; float: left; text-align: center; }
body.layout-home #feature-main p { margin-top: 100px; }
body.layout-home #feature-side { width: 193px; height: 256px; float: right; }
body.layout-home #main { width: 516px; float: left; }
body.layout-home #side { width: 408px; float: right; }
body.layout-home #extra { display: none; }


/* 3 Column Layout
------------------------------------------------------------------ */
body.layout-smx #footer { margin: 0; padding-top: 15px; background-image: url(../images/layout_smx_footer_bg.gif); background-repeat: no-repeat; }
body.layout-smx #side { width: 183px; float: left; margin-bottom: -10000px; padding-bottom: 10000px; }
body.layout-smx #main { width: 533px; float: left; /*margin-bottom: -10000px; padding-bottom: 10000px;*/ margin-left: 11px; border: 1px solid #c0daed; border-bottom: 0; }
body.layout-smx #main .inner { padding: 20px 35px 10px 35px; }
body.layout-smx #extra { width: 193px; float: right; margin-bottom: -10000px; padding-bottom: 10000px; }


/* Container
------------------------------------------------------------------ */
#container { margin: 0 auto; width: 935px; padding: 0px 0px 0px 0px; text-align: left; font-size: 85%; }


/* Header
------------------------------------------------------------------ */
#header {
	background: url(..) no-repeat 102% top;
	border-bottom: 1px solid #d1d4d7;
	margin-bottom: 3px;
	position: relative;
	left: 0px;
}
/* self clear floated parent containers */
#header:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
#header {zoom:1;} /* IE */
#header h2 { margin: 0; position: absolute; left: 0; top: -35px; }


/* Header Links
------------------------------------------------------------------ */
#header-links { background: #f7a118; float: right; width: 781px; margin: 10px 0 10px 0; color: #fff; font: 100% 'trebuchet ms',verdana,sans-serif; }


/* Primary Navigation
------------------------------------------------------------------ */
#primary-navigation { list-style-type: none; float: left; margin: 0; padding: 0 0 0 14px; }
#primary-navigation li { float: left; }
#primary-navigation a:link,
#primary-navigation a:visited { float: left; color: #fff; padding: 3px 12px; text-decoration: none; font-weight:bold; }


/* Utility Links
------------------------------------------------------------------ */
#utility-links { float: right; margin: 0; padding: 3px 23px 3px 0; }
#utility-links a:link,
#utility-links a:visited { color: #fff; padding: 0 3px; margin: 0; text-decoration: none; font-weight:bold; }


/* Skip Link
------------------------------------------------------------------ */
#skip { display: none; }


/* Offerings
------------------------------------------------------------------ */
#offerings { height: 47px; position: relative; }
#offerings ul { list-style-type: none; padding: 0; margin: 0; border-top: 0px solid #1184bb;  }
#offerings ul li { display: inline; }
#offerings li a { height: 40px; width: 199px; display: block; text-indent: -999em; top: 10px; position: absolute; overflow: hidden; }
#offerings li#offering-promotion a { left: 770px; background: url(../images/current-promotion.gif) no-repeat; }
#offerings li#offering-promotion a:hover { background-position: 0 -41px; }
#offerings li#offering-bundle a { left: 600px; background: url(../images/bundled-services.gif) no-repeat; }
#offerings li#offering-bundle a:hover { background-position: 0 -41px; }
#offerings li#offering-support a { left: 0px; background: url(../images/support.gif) no-repeat; }
#offerings li#offering-support a:hover { background-position: 0 -41px; }
#offerings li#offering-email a { left: 130px; background: url(../images/email-us.gif) no-repeat; }
#offerings li#offering-email a:hover { background-position: 0 -41px; }
#offerings li#offering-check a { left: 262px; background: url(../images/check-availability.gif) no-repeat; }
#offerings li#offering-check a:hover { background-position: 0 -41px; }
#offerings li#offering-dyk a { left: 440px; background: url(../images/did-you-know.gif) no-repeat; }
#offerings li#offering-dyk a:hover { background-position: 0 -41px; }


/* Offerings (Home Page)
------------------------------------------------------------------ */
#offerings-home { list-style-type: none; padding: 0; margin: 0; position: relative; height: 295px; }
#offerings-home li a {
	height: 55px;
	width: 516px;
	display: block;
	text-indent: -999em;
	position: absolute;
	overflow: hidden;
	background-image: url(../images/home/offering_filter.gif);
	left: 2px;
}
#offerings-home li#offering-bundle a { top: 0; background: url(../images/home/offering_bundle.gif) no-repeat; }
#offerings-home li#offering-net a { top: 60px; background: url(../images/home/offering_net.gif) no-repeat; }
#offerings-home li#offering-phone a { top: 120px; background: url(../images/home/offering_phone.gif) no-repeat; }
#offerings-home li#offering-tv a { top: 180px; background: url(../images/home/offering_tv.gif) no-repeat; }
#offerings-home li#offering-filter a { top: 240px; background: url(../images/home/offering_didyouknow.gif) no-repeat; }


/* MSTAR Support Button
------------------------------------------------------------------ */
#mstar-support { border-bottom: 3px solid #fff; margin: 0; }
#mstar-support #title { display: block; background: url(../images/mstar_support_1.jpg) no-repeat; text-indent: -999em; overflow: hidden; height: 33px; }
#mstar-support #email { display: block; background: url(../images/mstar_support_2.jpg) no-repeat; text-indent: -999em; overflow: hidden; height: 28px; }
#mstar-support #phone { display: block; background: url(../images/mstar_support_3.jpg) no-repeat; text-indent: -999em; overflow: hidden; height: 32px; }
/* Support Button on the home page */
body.layout-home #mstar-support { margin-bottom: 3px; }
body.layout-home #mstar-support #title { display: block; background: url(../images/mstar_support_1.jpg) no-repeat; text-indent: -999em; overflow: hidden; height: 33px; }
body.layout-home #mstar-support #email { display: block; background: url(../images/mstar_support_2.jpg) no-repeat; text-indent: -999em; overflow: hidden; height: 28px; }
body.layout-home #mstar-support #phone { display: block; background: url(../images/mstar_support_3.jpg) no-repeat; text-indent: -999em; overflow: hidden; height: 32px; }


/* Promotion (Home Page)
------------------------------------------------------------------ */
#promotion { height: 295px; width: 408px; text-indent: -999em; overflow: hidden; }


/* Content
------------------------------------------------------------------ */
#content { overflow: hidden; }
/* self clear floated parent containers */
#content:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
#content {zoom:1;} /* IE */

/* News
------------------------------------------------------------------ */
#news ul { margin-bottom: 15px; margin-left: 20px; margin-top:0; padding:0; list-style-image: url(../images/news_icon.gif); }
#news li { font-weight: bold;}
#news p { font-weight: normal; padding-top:3px;}

/* Side
------------------------------------------------------------------ */
#side h2 { color: #942a10; }


/* Secondary Navigation
------------------------------------------------------------------ */
#secondary-navigation { list-style-type: none; margin: 0; padding: 0; line-height: 1.62em; }
#secondary-navigation li { padding: 2px 0; }
#secondary-navigation a:link,
#secondary-navigation a:visited { padding-left: 16px; text-decoration: none; display: block; }
#secondary-navigation li.expanded a:link,
#secondary-navigation li.expanded a:visited { background: url(../images/secondary_navigation_bullet.gif) no-repeat 0 3px; }
#secondary-navigation a:hover { background: url(../images/secondary_navigation_bullet.gif) no-repeat 0 50%; }
#secondary-navigation a:link.selected,
#secondary-navigation a:visited.selected { font-weight: bold; }
/* second level */
#secondary-navigation ul { display: none; list-style-type: none; margin: 3px 0 3px 10px; }
#secondary-navigation ul li { padding: 2px 0; }
#secondary-navigation ul a:hover { background: none; }
#secondary-navigation li.expanded ul a:link,
#secondary-navigation li.expanded ul a:visited { background: none; }

/* Main
------------------------------------------------------------------ */
#main { line-height: 2em; }


/* Availability Form
------------------------------------------------------------------ */
#availability-form { margin: 0; }
#availability-form h4 { text-align: center; text-transform: lowercase; margin: 0 0 6px 0; }
#availability-form table { width: 100%; }
#availability-form table th { text-align: right; width: 20%; padding: 0 0 2px 0; }
#availability-form table td { text-align: left; width: 75%; padding: 0 0 2px 5px; }
#availability-form p { margin: 5px 0 0 0; text-align: right; }


/* Call MSTAR
------------------------------------------------------------------ */
.call-mstar { border: 1px solid #c0daed; margin-top: 0px; width: 191px; background: url(../images/call_mstar_bg.gif) no-repeat; }
.call-mstar .inner { padding: 15px 25px; font-weight: bold; font-size: 112%; line-height: 1.62em; }
.call-mstar span { font-size: 119%; }


/* Footer
------------------------------------------------------------------ */
#footer { background: #959ca1; padding: 5px 20px; margin-top: 10px; font: 85%/100% 'trebuchet ms',verdana,sans-serif; color: #fff; }
/* self clear floated parent containers */
#footer:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
#footer {zoom:1;} /* IE */
#footer a:link,
#footer a:visited,
#footer a:hover { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer #copyright { float: left; margin: 0; }
#footer #footer-links { float: right; margin: 0; }
#footer #footer-links a { padding: 0 4px; }