a { color: #336699; }
body { background-color: #FFF; background-repeat: no-repeat; color: #000; margin: 0;	text-align: left; }
form, #sidenav { margin: 0; }
h4 { font-size: 125%; margin: 10px 0px 5px 0px; }
h5 { font-size: 110%; margin: 10px 0px 5px 0px; }
p { margin: 10px 0px; }
td { margin: 0; padding: 0; }
sup {	font-size: 80%; }

/* Bullet styles */
ul, #popup ol { padding: 0; margin: 0;	list-style-type: none; }
.content-module ul {	margin-left: -0.5em; padding-left: -0.5em; padding-bottom: 0em; }
.content-module li {	background: url("../images/list_bullet_000.gif") no-repeat 0 .4em; list-style-type: none;	margin-left: 0.5em; padding-left: 1em; }
.content-module li.blue { background: url("../images/list_bullet_blue.gif") no-repeat 0 .4em; list-style-type: none; margin-left: 0.5em; padding-left: 1em; padding-bottom: .5em; }
.content-module li.style-type-none { list-style-type: none;	background-image: url(""); }
#popup ol {	padding-left: 2em; }
#popup .content-module ol.decimal li ol.lower-alpha li ol.lower-roman li {	background: url("");	list-style-type: lower-roman;	padding-left: 0em; }
#popup .content-module ol.decimal li ol.lower-alpha li {	background: url("");	list-style-type: lower-alpha;	padding-left: 0em; }
#popup .content-module ol.decimal li {	background: url("");	list-style-type: decimal; padding-left: 0em; }
/* /Bullet Styles */

/* Wrapper padding styles */
.wrapper, td.wrapper, td td.wrapper { padding: 5px 10px 10px 10px; }
.wrapper-left { padding-left: 10px; }
.wrapper-right { padding-right: 10px; }
.wrapper-no-top {	padding: 0px 10px 10px 10px }
.wrapper-sides-only { padding: 0px 10px; }
/* /Wrapper padding styles */

/* Styles that controls the font sizing */
.content-module {
	background-color: #FFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: .75em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* IE font hack \*/
* html .content-module {
	font-size: 1em;	
}
/* font hack \*/

/* IE font hack */
* html .content-module td {
	font-size: 12px;	
}
/* /font hack \*/
/* /Main Style that controls the font sizing */

.content-module a,
.content-module a:hover,
.content-module a:visited,
.content-module a:active {
	background-color: ;
	color: #003399;	
}

/* Ubiquitous AT&T arrow icons */
.content-module .arrow-link {
	font-weight: bold;
	padding: 0px 0px 0px 10px; /* Affects div "a" bg image in IE - test in 1px increments */
}

.content-module .arrow-link a {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 12px; /* "Shifts" image to the left */
	padding-top: 1px;
	text-decoration: none;
}

.content-module .arrow-link a.blue {
	background-image: url("../images/icon_arrow_7AB1E0.gif");
	color: #003399;
}

.content-module .arrow-link a.lightblue {
	background-image: url("../images/icon_arrow_7AB1E0.gif");
	color: #8EB3E8;
}

.content-module .arrow-link a.darkblue {
	background-image: url("../images/icon_arrow_00319C.gif");
	color: #003399;
}

.content-module .arrow-link a.green {
	background-image: url("../images/icon_arrow_A3C739.gif");
	color: #8BB01A;
}

.content-module .arrow-link a.orange {
	background-image: url("../images/icon_arrow_FF6600.gif");
	color: #000;
}
/* /Ubiquitous AT&T arrow icons */

/* Main home page styles for SBC */
#home #ent-bus.content-module {
	border: 1px solid #003399;
	margin: 0px 0px 10px 0px;
}

#home #ent-bus.content-module td.title {
	background-color: #003399;
	color: #FFF;
	font-weight: bold;
	padding: 4px 0px 4px 10px;
}

#home #integrated-offers.content-module {
	background-color: #ECF3FD;
	border: 1px solid #C6DAF4;
	color: #003399;
}

#home #integrated-offers.content-module td.border-top {
	border-top: 1px solid #C6DAF4;
	padding-bottom: 0px;
}

#home #sales-assistance td img.icon,
#home #toll-free.content-module td img.icon {
	margin: 5px 10px 5px 10px;
	padding: 0px 0px 0px 0px;
}

td.sales-assist {
	background-color: #F2FAEB;
}

#home #sales-assistance td.border-bottom {
	border-bottom: 1px solid #CCC;
}


#home #sales-assistance,
#home #toll-free.content-module,
#toll-free {
	background-color: #FFF;
	border: 1px solid #A9A9A9;
	color: #003399;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;

}

#home #wireless.box {
	background-color: #FFF;
	border: 1px solid #9CF;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}

#home #livechat.box {
	background-color: #FFF;
	border: 1px solid #CCC;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}

#home #special-offers.content-module {
	border: 1px solid #C6DAF4;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

#home #special-offers.content-module td img.thumb {
	margin: 0px 0px 0px 20px;
}

#home #special-offers.content-module td.bck {
	background: url("../images/hp_special_offers_grad.gif") 0px 0px;
	height: 24px;
	width: 244px;
}

#home #special-offers.content-module td.title {
	background-color: #ECF3FD;
	width: 506px;
	padding-left: 10px;
}

#home #toll-free.content-module,
#toll-free {
	background: #FFF;
	color: #000;
	width: 100%;
}

#home #toll-free.content-module td,
#toll-free td {
	background: #FFF;
	color: #000;
}

#home #toll-free.content-module td.title,
#toll-free td.title {
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	padding-left: 10px;
}


#home .content-module {
	color: #000;
	margin: 0px 0px 10px 0px;
}

#home a.href-service {
	color: #003399;
	font-weight: bold;
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

#home img.homepage-title {
	margin: 10px 10px 0px 10px;
}

#home img.ps-title {
	border-bottom: 1px solid #A9A9A9;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#home table.content-module td.content-module-row {
	border-bottom: 1px solid #E4E4E4;
	padding: 5px 0px 5px 0px;
	white-space: nowrap;
}
/* /Main home page styles for SBC */

/* Styles for the main index pages for the Product & Services files */
#product-category.content-module .arrow-link {
	background-color: #CCC;
	font-size: 1.1em;
	margin-bottom: 0.5em;
	margin-left: 30px;
	margin-right: 100px;
	margin-top: 0px;
	padding: 0px 2px; /* Affects h2 a bg image in IE - test in 1px increments */
}

#product-category.content-module .arrow-link a {
	background-position: left center;
	background-repeat: no-repeat;
	color: #000;
	left: -15px;
	padding-left: 15px; /* "Shifts" image to the left */
	position: relative;
}

#product-category.content-module p.content {
	margin: 0px 100px 10px 30px;
}
/* /Styles for the main index pages for the Product & Services files */

/* Popup styles */
#popup .content-module p { margin: 10px 0px; }
#popup .content-module h3 { font-size: 1em; }
#popup .content-module .title { background-color: #039; color: #FFF;	width: 560px;}
#popup .content-module strong.item-title { margin: 0px 10px 0px 0px; }
/* /Popup styles */

/* Misc. styles */
.bluehighlight { background-color: #FFF; color: #4A96D9; }
.bgcolor-003399 {	background-color: #003399; height: 10px; }
.bgcolor-003399 img { margin: 10px; }
.box-bg-plan-info { background-color: #F2F2F2; padding:0;	}
.plan-data { padding:0;	text-align: center; font-size: .95em; }
.blueline {	border-top: 1px solid #9CF; padding-top: 0px; padding-bottom: 0px; }
.grayline { border-top: 1px solid #CCC; padding-top: 0px; padding-bottom: 0px; }
/* /Misc. styles */

/* Error styles */
.error-box { background-color: #FFF; border: 1px solid #FF0000; } 
.error-font { color: #FF0000;	border-bottom: 1px solid #FF0000; padding: 10px; } 
.error {	color: #FF0000; } 
/* Error styles */

/* Font colors */
.font-999 {	color: #999; }
.font-green { color: #8BB01A;}
.bluetext {	color: #369; }
.darkbluetext { color: #039; }
.red-text { color: #CC3300; font-size: 12px; font-weight: bold; }
.white-text { color: #FFFFFF; font-size: 12px; font-weight: bold; }
/* /Font colors */

/* Promotion Box Styles */
#promotion { background-color: #F2F2F2;	margin-top: 10px;	padding-bottom: 10px; width: 100%; }
#promotion td .box {	background-color: #FFF; border: 1px solid #CCC;	width: 95%;	padding: 5px 5px;	text-align: left;	margin: 5px 0px; }
#promotion td .box-nopad {	background-color: #FFF; border: 1px solid #CCC;	width: 95%;	  text-align: left;	margin: 5px 0px; }
#promotion img {  margin: 5px 10px; }
/* /Promotion Box Styles */

/* Side Nav Styles */
#sidenav #consultation { background-color: #F2F2F2; border-top: 2px solid #CCC; width: 160px; }
#sidenav #consultation .arrow-link { margin-left: -20px; }
#sidenav #consultation td { border-bottom: 2px solid #CCC; padding: 5px 0px; }
#sidenav #consultation td p {	padding-left: 10px; }
#sidenav #consultation td a { color: #039; font-weight: bold; margin-left: 10px; }
#sidenav #consultation td.selected { background-color: #FFF; }
/* /Side Nav Styles */


/* Solution Assistant Styles */
#solution-assistant.content-module #step-01,
#solution-assistant.content-module #step-03-top {
	border: 1px solid #003399;
}

#solution-assistant.content-module #step-02 {
	border-bottom: 1px solid #003399;
	border-right: 1px solid #003399;
}

#solution-assistant.content-module #step-02 .form-module td, 
#home #sales-assistance.content-module td.border-bottom {
	border-bottom: 1px solid #CCC;
}

#solution-assistant.content-module #step-03-bottom {
	border: 1px solid #CCC;
}

#solution-assistant.content-module #step-03-bottom .form-results .bgcolor-eee {
	border-right: 1px solid #CCC;
}

#solution-assistant.content-module #step-03-bottom td.bottom-left-title{
	background-color: #000;
	color: #FFF;
	font-weight: bold;
	padding: 3px 10px;
	width: 40%;
}

#solution-assistant.content-module .bgcolor-eee {
	background: #EEEEEE;
}

#solution-assistant.content-module .bgcolor-fff {
	background: #FFF;
}

#solution-assistant.content-module .border-decoration {
	background-color: #003399;
	height: 5px;
	width: 5px;
}

#solution-assistant.content-module .form-module {
	background-color: #EEEEEE;
	color: #000;
	padding-bottom: 10px;
	width: 582px;
}

#solution-assistant.content-module .form-module td {
	padding: 5px 10px;
}



#solution-assistant.content-module .form-module td select,
#solution-assistant.content-module .form-module td option {
	background-color: #FFF;
	border: outset 1px #CCC;
}

#solution-assistant.content-module .form-results td {
	padding: 3px 10px;
}

#solution-assistant.content-module .sa-tab {
	height:28px;
	margin: 0px;		
}

#solution-assistant.content-module .sa-tab #businessgoalstab {
	height: 28px;
	margin-right: 2px;
}

#solution-assistant.content-module .sa-tab #voicephonetab {
	height: 28px;
	margin-right: 2px;
}

#solution-assistant.content-module .sa-tab #internettab {
	height: 28px;
	margin: 0px;
}

#solution-assistant.content-module td.title, #solution-assistant.content-module #step-03-bottom td.bottom-right-title {
	background-color: #003399;
	color: #FFF;
	font-weight: bold;
	padding: 3px 10px;
}

#solution-assistant.content-module td.title-link {
	background-color: #003399;
	color: #FFF;
	padding: 3px 10px;
	text-align: right;
}

#solution-assistant.content-module td.title-link a {
	background-color: #003399;
	color: #FFF;
	text-decoration: underline;
}
/* /Solution Assistant Styles */

/*----------------------------------------------------------------------------------------------*/
.tier-01a { border: 1px solid #039; width: 100%; }
.tier-01b { border: 1px solid #000; width: 100%; }
.box-border-CCC {	background-color: #FFF; border: 1px solid #CCC;	width: 100%; height: 40px; margin-bottom: 3px; } /* height value is the minimum */
.box-border-9CF { border: 1px solid #9CF; width: 100%; height: 165px; } /* Border Boxes for the Mobility Homepage */

/* ------------ PADDING ------------ */
table.padding td,
.tier-01a td,
.tier-01a td table.padding td,
.tier-01a td .tier-01a td,
.tier-01a td .box-border-CCC td,
.tier-01b td,
.box-border-9CF td,
.box-border-CCC td { padding: 5px 10px; }
.box-bg-lightblue td { padding: 20px; }
.box-bg-lightblue-02 td { padding: 10px; }

table.nested-padding td,
.tier-01a td .box-border-CCC td { padding: 2px 4px 2px 4px;  }

td.tier-01a-label,
#popup .content-module .title,
.tier-01a td .box-border-CCC td.title,
#solution-assistant.content-module td.title,
td.tier-02-label { padding: 4px 4px 4px 10px;  }

table.tier-02 td { padding: 2px 4px 2px 4px; }

table.box-border-CCC td.tier-02-padding,
table.tier-01a td.tier-02-padding  { padding: 0px 6px 0px 6px; }

table.padding td.content-1 table.no-padding td,
table.no-padding td,
.tier-01a td .tier-01a td table td,
td.img-title { padding: 0; margin: 0; } /* this style is specific to the mobility homepage */
img.icon { margin-right: 5px;	padding: 0; } /* Controls the right margin on those design elements that require an icon to the left of the module title */
/* ------------ /PADDING ------------ */

/* ------------ Tier Labels ------------ */
.tier-01a-label { background-color: #039; color: #FFF; } /* 1st tier style a - label color */
.tier-01b-label {	background-color: #000;	color: #FFF; }	/* 1st tier style b - label color */
.tier-02-label, .title-CCC { background-color: #CCC; color: #000; } /* 2nd tier label color, label color for box-border-CCC */
.tier-03-label { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #FFF; color: #000; } /* 3rd tier label color */
.title-FFF { border-bottom: 1px solid #CCC; background-color: #FFF; color: #000; } /* 3rd tier label color */
.detail-title, .no-padding .title-CCC { background-color: #CCC; padding: 5px; } /* inline label color */

h3.white, strong.white { font-size: 1em; color: #FFF; margin: 3px 0px; display: inline; }
h3.black {	font-size: 1em; color: #000; margin: 3px 0px; display: inline; }
h3.black a:hover, h3.black a:link, h3.black a:visited, h3.black a:active {	color: #000; }
strong.red { font-size: 1em; color: #F00; margin: 3px 0px; display: inline; padding: 5px 10px; }
.tier-01a td.sub-title { background-color: #D9EBFF; color: #039; font-weight: bold;	padding-left: 10px; }
/* ------------ /Tier Labels ------------ */

/* ------------ BORDERS, ROWS, & PIXELS ------------ */
.box-border-CCC td.border-bottom, td.border-bottom, .tier-01a tr.border-bottom { border-bottom: 1px solid #CCC; }
.border-bottom-darkblue { border-bottom: 1px solid #003399; }
.box-border-CCC td.sales-assist { background-color: #F2FAEB; }
.box-border-9CF td.border-top { border-top: 1px solid #9CF; }
.tier-01a td.border-right { border-right: 1px solid #003399; }
.tier-01a td.border-top { border-top: 1px solid #003399; }
.tier-01a tr.row-white, tr.row-white { background-color: #FFF; }
.tier-01a tr.row-gray, tr.row-gray { background-color: #F2F2F2; }
.tier-01a td.content-1a,
.content-1a { border-right: 1px solid #CCC; padding-right: 10px; }
.tier-01a td.content-1,
.content-1 { border-right: 1px solid #CCC; width: 75%; padding-right: 10px; }
/* ------------ /BORDERS, ROWS, & PIXELS ------------ */

/* ------------ BACKGROUND COLORS ONLY ------------ */
.box-bg-lightblue { background-color: #E8EFFC; color: #000; width: 100%; }
.box-bg-lightblue-02 { background-color: #E8EFFC; color: #000; width: 100%; }
.box-bg-CCC  { background-color: #CCC;	color: #000; }
.box-bg-CCC td { padding: 5px 10px; }
.box-bg-lightgray  { background-color: #F2F2F2;	color: #000; }
.box-bg-C3C-medblue { background-color: #C3CFE8; } /* wireless select features table, row2 */
/* ------------ /BACKGROUND COLORS ONLY ------------ */

/* ------------ SPECIAL ATTRIBUTES & WIRELESS/MOBILITY ------------ */
.phone-details, .asterisk { font-size: 90%; }
td a.green:hover, td a.green:link, td a.green:visited, td a.green:active { color: #8BB01A; }

#home #mobile-solutions.box-border-9CF td a.lightblue {
	color: #8EB3E8;
	font-weight: bold;
}


/* mobility_phone_detailed_device_compare_results.html css styles */
.data-table td, .data-table td.image { padding:0; text-align: center; font-size: 95%; }
.data-table td.data { padding: 0; }
.data-table td.white { background-color: #FFF; }
.data-table td.row-title, .data-table td.row-start { padding: 5px 10px;	white-space: nowrap; }
.data-table td.row-title { color:#666;	text-align: left; }
.data-table td.column { padding: 5px 15px; white-space: nowrap; }
.data-table tr.border-bottom td { border-bottom: 1px solid #039; }
/* IE font hack \*/
* html .data-table td.data { font-size: 70%; }
/* /IE font hack \*/

/* IE font hack \*/
* html .data-table td.row-title { font-size: 70%; }
/* /IE font hack \*/

/* IE font hack \*/
* html .data-table td.row-start { font-size: 70%; }
/* /IE font hack \*/

/* IE font hack \*/
* html .data-table td.column { font-size: 70%; }
/* /IE font hack \*/
/* /mobility_phone_detailed_device_compare_results.html css styles */

.bgcolor_lightgray { background-color: #F2F2F2;border-bottom: 1px solid #FFFFFF; }
td.compare-bg-ccc { background-color: #CCCCCC; border-bottom: 1px solid #FFFFFF; }
td.border-bottom-ccc { border-bottom: 1px solid #CCCCCC; }
.bg-ccc { background-color: #CCCCCC; }
.darkblue { color: #00319C; }
.tier-01a td.tier-01a-label a:hover, .tier-01a td.tier-01a-label a:link, .tier-01a td.tier-01a-label a:visited, .tier-01a td.tier-01a-label a:active,
#popup td.title a:hover, #popup td.title a:link, #popup td.title a:visited, #popup td.title a:active { color: #FFF; text-decoration: underline; }
/*----------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------*/
/*
 * AT&T Web Standards Initiative <wsi at att dot com>
 * Joe D'Andrea and Vincent Murphy
 *
 * $Id: index.css,v 1.26 2004/09/10 13:59:36 jdandrea Exp $
 *
 * Index Region
 */

.index .content {
  margin: 0;
  /* TODO: Do we need all of this here? */
  font-family: "arial condensed", arial, "helvetica condensed", helvetica, sans-serif;
}

.index .content .navigation {
  margin: 0 0 1em 0;
  padding: 0;
  font-size: 0.75em;
  font-family: arial, helvetica, sans-serif;
  width: 160px; /* Remove and IE adds extra space above list items */
}

/* Lists */
.index .content .navigation ul {
  list-style: none;
  background-color: #36c;
  margin: 0;
  padding: 8px 0;
}
.index .content .navigation ul ul,
.index .content .navigation ul ul ul {
  padding: 0;
}

/* Font */
.index .content .navigation ul li { font-size: 1em; font-weight: bold; }
.index .content .navigation ul li li { font-size: 1em; font-weight: normal; }
.index .content .navigation ul li li li { font-size: 1em; font-weight: normal; }

/* Color */
.index .content .navigation ul li {
  padding-top: 0;
  border-top: 1px solid #36c;
  border-bottom: 1px solid #36c;
}
.index .content .navigation ul li ul.expanded li {
  padding-top: 1px;
  border-top: 1px solid #6e81a7;
  border-bottom: 1px solid #a1b4d9;
}
.index .content .navigation ul li ul.expanded li.selected {
  border-bottom: 0;
}
/* Fixes an IE-only glitch with an unwanted gap. */
/* Hides from IE-Mac \*/
* html .index .content .navigation ul li ul.expanded li.selected {
  border-bottom: 1px solid #fff;
}
/* End hide from IE-Mac */
.index .content .navigation ul li ul.expanded li ul.expanded {
  background-color: #ced7e8;
}
.index .content .navigation ul li ul.expanded li ul.expanded li {
  padding-top: 1px;
  border-top: 1px solid #6e81a7;
  border-bottom: 1px solid #ced7e8;
}
.index .content .navigation ul li ul.expanded li ul.expanded li.selected {
  border-bottom: 1px solid #fff;
}

/* Do we need this anymore? */
.index .content .navigation ul li.first {
  border-top: 0;
}

/* Link Style and Indentation */
.index .content .navigation ul li a {
  text-decoration: none; 
  margin: 0;
  padding: 2px 0 2px 15px;
  display: block;
}
.index .content .navigation ul li li a {
  padding-left: 15px;
  display: block;
}
.index .content .navigation ul li li li a {
  padding-left: 30px;
  display: block;
}

/* Hover */
.index .content .navigation ul li a:hover {
  background-image: url("../images/arrow-right.fff.10x10.index.gif");
  background-position: 3px center;
  background-repeat: no-repeat;
  text-decoration: underline;
}
.index .content .navigation ul li.selected a:hover {
  background-image: url("../images/arrow-right.039.10x10.index.gif");
}
.index .content .navigation ul li ul.expanded li a:hover {
  background-image: url("../images/arrow-right.039.10x10.index.gif");
  background-position: 3px center;
}
.index .content .navigation ul li ul.expanded li.selected a:hover {
  background-image: url("../images/arrow-right.039.10x10.index.gif");
}
.index .content .navigation ul li ul.expanded li ul.expanded li a:hover {
  background-image: url("../images/arrow-right.039.10x10.index.gif");
  background-position: 18px center;
}
.index .content .navigation ul li ul.expanded li ul.expanded li.selected a:hover {
  background-image: url("../images/arrow-right.039.10x10.index.gif");
}

/* Level Expansion */
.index .content .navigation ul li ul,
.index .content .navigation ul li li ul {
  display: none;
}
.index .content .navigation ul li ul.expanded,
.index .content .navigation ul li ul.expanded li ul.expanded {
  display: block;
}

/* Level One */
.index .content .navigation ul li { background-color: #039; }
.index .content .navigation ul li.selected { background-color: #fff; }
.index .content .navigation ul li a { color: #fff; }
.index .content .navigation ul li.selected a { color: #039; }

/* Navigation highlight with no link */
.index .content .navigation ul li.selectednolink { 
  color: #039;
  text-decoration: none; 
  margin: 0;
  padding: 2px 0 2px 15px;
  display: block;
  background-color: #fff; }

/* Level Two */
.index .content .navigation ul li ul li { background-color: #a1b4d9; }
.index .content .navigation ul li ul.expanded li.selected { background-color: #fff; }
.index .content .navigation ul li ul.expanded li a { color: #039; }
.index .content .navigation ul li ul.expanded li.selected a { color: #039; }

/* Expanded navigation highlight with no link */
.index .content .navigation ul.expanded li.selectednolink { 
  color: #039;
  text-decoration: none; 
  margin: 0;
  padding: 2px 0 2px 15px;
  display: block;
  background-color: #fff; }

/* Level Three */
.index .content .navigation ul li ul li ul li { background-color: #ced7e8; }
.index .content .navigation ul li ul.expanded li ul.expanded li.selected { background-color: #fff; }
.index .content .navigation ul li ul.expanded li ul.expanded li a { color: #039; }
.index .content .navigation ul li ul.expanded li ul.expanded li.selected a { color: #039; }

/* Utility Navigation Variant (should be .navigation.utility) */
.index .content .utility ul {
  background-color: #fff;
  padding: 0;
}
.index .content .utility ul li { 
  padding-top: 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
  background-color: #e4e4e4;
}
.index .content .utility ul li a { color: #36c; }
.index .content .utility ul li a:hover {
  background-image: url("../images/arrow-right.06c.10x10.index.gif");
}

/* Home Page Variations */
#home .index .content {
  margin-left: 20px; /* Tied to header h1 */
}
#home .index .content .navigation {
  Xfont-size: 0.7em;
  font-size: 11px; /* Temporary - JD 26 Jun 2004 */
  width: 180px;
}
* html #home .index .content .navigation {
  width: 179px; /* for IE */
}
#home .index .content .navigation ul {
  padding: 0;
  background-color: #fff;
}
#home .index .content .navigation ul li {
  height: 44px; /* Make IE-only rule? */
  padding: 4px 8px;
  border-top: 0 solid transparent;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  margin: 0;
}
#home .index .content .navigation ul li,
#home .index .content .navigation ul li a,
#home .index .content .navigation ul li p {
  background-color: #1a47a2;
}
#home .index .content .navigation ul li.selected,
#home .index .content .navigation ul li.selected a,
#home .index .content .navigation ul li.selected p {
  background-color: #3266cc;
}
#home .index .content .navigation ul li a {
  margin: 0 0 1px 0; padding: 0; margin: 0;
  font-weight: bold;
  color: #90c3fa;
}
#home .index .content .navigation ul li a:hover {
  background: none;
}
#home .index .content .navigation ul li p {
  margin: 1px 0 0 0; padding: 0; margin: 0;
  font-weight: normal;
  color: #fff;
}

#home .blue li {
  color: #003399;
}

/* TODO: Make home page scale gracefuly. */
#Xhome .index-clear {
  background: #1a47a2 url("../images/white.gif") top left repeat-y;
}
#Xhome .main {
  background-color: #1a47a2;
}
/*----------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------*/
#sidenav #progress.content-module {
	/* border: 1px solid #CCC;*/
	margin: 0px 0px 10px 0px;
	width: 160px;	
}
#sidenav #progress td.item {
	background-color: #FFFFFF;
	border-bottom: 1px solid #666666;	
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 30px;
}
#sidenav #progress td.nav-title {
	background-color: #039;
	color: #FFF;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 15px;
}
#sidenav #progress td.order-progress {
	background-color: #AAAAAA;
	border-bottom: 1px solid #666666;	
	color: #000000;
	font-weight: 100;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 15px;
}
#sidenav #progress td.nav-selected {
	background-color: #FFFFFF;
	border-bottom: 1px solid #666666;	
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 30px;
	background-image: url("../images/sidebar_arrow.gif");
	background-repeat: no-repeat;
	background-position: 18px;
}
#sidenav #progress td.bgcolor-nav {
	background-color: #36C;
	height: 9px;
}

#sidenav #progress td.nav-preselected {
	background-color: #DDDDDD;
	border-bottom: 1px solid #666666;	
	color: #888888;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 30px;
	background-image: url("../images/sidebar_checkmark.gif");
	background-repeat: no-repeat;
	background-position: 18px;
}

#sidenav #progress td.nav-parent-selected {
	background-color: #FFFFFF;
	border-bottom: 1px solid #666666;	
	color: #000000;
	margin: 0px 10px 0px 0px;
	padding: 3px 10px 3px 30px;
}

#sidenav #progress td.nav-child-selected {
	background-color: #FFFFFF;
	border-bottom: 1px solid #666666;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 45px;
	background-image: url("../images/sidebar_arrow.gif");
	background-repeat: no-repeat;
	background-position: 32px;
}

#sidenav #progress td.nav-child-preselected {
	background-color: #FFFFFF;
	border-bottom: 1px solid #666666;
	color: #999999;
	margin: 0px 0px 0px 0px;
	padding: 3px 1px 3px 45px;
}

#sidenav #progress td.nav-child {
	background-color: #FFFFFF;
	border-bottom: 1px solid #666666;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 45px;
}

#sidenav #progress td.last-item {
	background-color: #FFFFFF;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 30px;
}

#sidenav #progress td.nav-selected-last-item {
	background-color: #FFFFFF;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 3px 30px;
	background-image: url("../images/sidebar_arrow.gif");
	background-repeat: no-repeat;
	background-position: 18px;
}

img.abn-title {
	margin: 0px 0px 0px 0px;
	}
/*----------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------*/
/*
 * AT&T Web Standards Initiative <wsi at att dot com>
 * Joe D'Andrea and Vincent Murphy
 *
 * $Id: global.css,v 1.26 2004/10/14 19:09:20 jdandrea Exp $
 *
 * Global Settings
 */

/* TODO: "That which is not expressly defined is unsupported?" */
X* {
  Xbackground-color: red;
  Xcolor: white;
  Xtext-decoration: line-through blink;
}

/* Body */
body {
  background-color: #fff;
  color: #000;
  font-family: verdana, sans-serif; 
  Xfont-family: 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
}

/* Paragraph */
/* Hat-tip: http://www.positioniseverything.net/explorer/italicbug-ie.html */
/* \*/
* html p {
  overflow: hidden;
  o\verflow: visible;
  width: 100%;
  w\idth: auto;
  he\ight: 1%;
}
/* */

/* Image (commented the bgcolor to allow for trans gifs)*/
img { border: 0; /* background-color: white;*/ }
img.right  { float: right; padding: 0 0 0 10px; }
img.left   { float: left; padding: 0 10px 0 0; }
img.center { text-align: center; padding: 0 10px; }

/* Link */
a { color: #06c; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #999; }

/* Name, Phone #, trade/servicemarks, various tidbits */
.name, .company { Xfont-weight: bold;  }
.phone, .trademark, .servicemark { white-space: nowrap; }
.footnote { font-size: 0.85em; }
.location { text-transform: uppercase; }

/* Date, time, time suffix (covering am/pm and time zone) */
.date { font-weight: bold; white-space: nowrap; }
.time { white-space: nowrap; }
.time-suffix { font-size: smaller; } 

/* "Hand Pointer" Cursor - TODO: Pick a better name, perhaps? */
.ch { cursor: pointer; }

/* FAQ */
dl.faq dt { font-weight: bold; }

/* Ordered List */
ol.roman { list-style-type: lower-roman; }

/* Flash Replacement */
html.flash-enabled .flash-alt { visibility: hidden; }
/*----------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------*/
/* 2/2/2004 Global Nav and Footer Styles combined */
/* Note: ul and li in Digitas code changed to div and span */

/* Global Nav */
div#nav-global-all {
width: 760px; 
height: 58px;
}
div#nav-global {
vertical-align: middle; 
width: 760px;  
}
div#logo-global {
left: 0; 
position: 
absolute; top: 0;
}
#nav-global-links { 
margin: 0; 
padding-bottom: 6px; 
padding-right: 0; 
padding-top: 6px; 
text-align: right; 
}
#nav-global-links span {
color: #333333; 
display: inline;  
font-family: "arial condensed", arial, "helvetica condensed", helvetica, sans-serif;
font-weight: normal; 
font-size: 68%;	
padding-left: 8px; 
text-align: right; 
vertical-align: middle;
}
#nav-global-links span.first-global-nav a {border-left: 0;}
#nav-global-links span.global-nav a {
border-left: 1px solid #666666;
padding-left: 12px;
}
#nav-global-links span a.default {
color: #0066CC; 
text-decoration: none;
}
#nav-global-links span a.selected {
color: #999999; 
text-decoration: none;
}
#nav-global-links span a.selected:visited {
color: #999999; 
}
#nav-global-links span a:visited {
color: #0066CC; 
}
#nav-global-links span a:hover {
text-decoration: underline;
}
div#nav-global-search {
display: block; 
margin: 0;
padding-bottom: 2px; 
text-align: right; 
width: 100%; 
}
div#nav-global-search form {
margin: 0; 
}
div#nav-global-search input#keyword { 
font-family: verdana, sans-serif; 
font-size: 68%; 
margin: 0;
margin-right: 2px; 
position: relative; 
top: -5px; 
}

/* Global Footer */

div#footer-global {
font-family: "arial condensed", arial, "helvetica condensed", helvetica, sans-serif; 
font-size: 65%; 
font-weight: normal; 
margin: 10px 0 0 0;
padding-left: 20px;
padding-bottom: 10px;
width: 760px; 
}
div#footer-global span {
color: #000000;
display: inline; 
margin: 0; 
}
div#footer-global span.first-footer-nav a {
padding-right: 6px;
}
div#footer-global span.footer-nav a {
border-left: 1px solid #666666;
padding-left: 6px;
padding-right: 6px;
}
div#footer-global a {
color: #0066CC; 
text-decoration: none;
}
div#footer-global a:visited {
color: #999999; 
}
div#footer-global a:hover {
text-decoration: underline;
}

div#footer-global-hostby a {
  color: #0066CC; 
  text-decoration: none;
}
div#footer-global-hostby a:visited {
  color: #999999; 
}
div#footer-global-hostby a:hover {
  text-decoration: underline;
}

div#footer-global-hostby {
  font-family: "arial condensed", Arial, "helvetica condensed", helvetica, sans-serif; 
  font-size: 65%; 
  font-weight: normal; 
  margin: 0;
  padding-left: 20px;
  width: 100%; 
}


/* BU Navigation */

/* NOTE: width is set to 750, but probably should change in future */
#nav-prim {background: #000000; width: 760px;}
#nav-sec {background: #003399; width: 760px;}
#nav-prim table, #nav-sec table {
color: #FFFFFF; 
text-transform: uppercase;
height: 25px;
}
#nav-prim td, #nav-sec td {
font-size: 65%; 
padding: 5px;
font-family: "Arial Condensed", Arial, "Helvetica Condensed", Helvatica, sans-serif;
}
td#nav-site {background: #003399;}
td#nav-title {font-size: 68%;}
td#nav-title-site {font-size: 68%; background: #003399;}
td#nav-page {background: #6699FF; color: #FFFFFF;}
#nav-prim a:hover, #nav-sec a:hover {text-decoration: underline;}
#nav-prim a, #nav-sec a {color: #FFFFFF; text-decoration: none;}
#nav-page  a {color: #FFFFFF; text-decoration: none;}
#nav-prim th { 
background-color: #000000;
}
#nav-sec th { 
background-color: #003399;
}
#nav-prim th, #nav-sec th { 
background-image: url("/home/homepage/images/nav-pipe.gif"); 
width: 11px;
padding: 5px 1px 5px 1px;
}
/*----------------------------------------------------------------------------------------------*/