.oldTablePadding6 {background:#fff !important; border-spacing:1px !important; border-collapse:separate !important;}
.oldTablePadding6 td *{text-indent:10px !important}


/* 
CHANGES: 
** ProductDetail classes changed  so the boxes expand with content 
** Added productDetailButtonGroup for the buttons that appear below details
** legalFtr styles needed to be altered to lose the indent
** added eq_3 throughout to support compare table pages -- need to add more for each new row
** .toggleLists added to help format code within toggles
** added floatAssembly  structure
*/

/* STYLES TO FORMAT BUTTONS UNDER TABBED SECTIONS */
.productDetailButtonGroup {
margin: 10px 0 10px 0;
text-align: right;
}
.productDetailButtonGroup .btnImage {
margin: 0 1px 0 1px;
border: 0px;
/* end: STYLES TO FORMAT BUTTONS UNDER TABBED SECTIONS */
}

/* CANCEL LIST STYLES COMING FROM SWOT TEMPLATES */
#mainNavigation li, #btmContainer li {
list-style-image: none !important;
}
/* end: CANCEL LIST STYLES COMING FROM SWOT TEMPLATES */

/* ALLOWS PROPER CONTENT FORMATTING WITHIN Q&As*/
.toggleLists .a p {
font-size: 10px;
}
.toggleLists .a ul {
margin: 10px 0 10px 15px;
}
.toggleLists .a li {
list-style-type: disc !important;
margin-left: 15px !important;
padding-left: 5px !important;
}
.toggleLists .a strong{
font-size: 10px;
}
/* end: ALLOWS PROPER CONTENT FORMATTING WITHIN Q&As*/

/* ALLOWS FOR EACH IMAGE PLACEMENT */
div.floatAssemblyDecor{
float: right;
}
div.floatAssemblyDecor img{
margin: 0 0 0 10px;
}
/* end: ALLOWS FOR EACH IMAGE PLACEMENT */

/* CLASS TO KILL BORDER ON FORM ELEMENTS */
input.noBorders {border: 0 !important;}
input.noBorders2 {border: 0 !important; background-color:#f3f8fb;}
/* end  CLASS TO KILL BORDER ON FORM ELEMENTS */

/* FOOTER NAV IS JUST A CANDIDATE */
br.footerNavigation {
clear: both;
padding: 5px 0 5px 0;
}
li.productCategory {
float: left;
width: 126px;
font-weight: bold;
border-right: 1px solid #ccc;
margin: 0 0 0 5px;
padding: 0 7px 0 0;
line-height: 140%;
height: 210px;
}
li.productCategory a, li.productCategory a:visited {
color: #999 !important;
}
li.productCategory ul li{
font-weight: normal;
}

li.productCategoryAlt {
font-weight: bold;
line-height: 140%;
}
li.productSubCategoryAlt {
float: left;
display: block;
margin-right: 20px;
}
li.productCategoryAlt a, li.productCategoryAlt a:visited {
color: #999 !important;
}
li.productCategoryAlt ul li{
font-weight: normal;
}

br.footerNavigation2 {
clear: both;
padding: 30px 0 10px 0;
}

ul.productCategory2 {
margin: 20px 0 0 0 !important;
padding: 10px 0 0 0;
}

li.productCategory2 {
float: left;
width: 106px;
font-weight: bold;
border-right: 1px solid #ddd;
margin: 0 0 0 5px;
padding: 0 7px 0 0;
line-height: 140%;
height: 340px;
}
* html li.productCategory2 {
width: 126px;
}
li.productCategory2 a, li.productCategory2 a:visited {
color: #999 !important;
}
li.productCategory2 {
font-weight: normal;
list-style-type: none !important;
background-image: none !important;
}
li.productCategory2 ul li{
font-weight: normal;
list-style-type: none !important;
background-image: none !important;
}
.productCategoryAlt2 ul li{
font-weight: normal;
list-style-type: none !important;
background-image: none !important;
}
br.footerNavigation2 {
clear: both;
padding: 5px 0 5px 0;
}
li.productCategoryAlt2 {
font-weight: bold;
line-height: 140%;
background-image: none !important;
}
li.productSubCategoryAlt2 {
float: left;
display: block;
margin-right: 20px;
background-image: none !important;
}
li.productCategoryAlt2 a, li.productCategoryAlt2 a:visited {
color: #999 !important;
}


/* END: FOOTER NAV IS JUST A CANDIDATE */

/*** CSS Reset ***/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, p, blockquote, th, td, sup {margin:0; padding:0; outline: 0; vertical-align: baseline;}
:focus, param, param:hover, object, object:hover, :hover{outline: 0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0 none}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal}
caption, th{text-align:left}
ol, ul{list-style-image:none; list-style-position:outside; list-style-type:none}
h1, h2, h3, h4, h5, h6, input, select, th, td{font-size:1em}
q:before, q:after{content:''}
body{font-size: 62.5%; font-family: Verdana, Helvetica, sans-serif; color: #656565; background-color: #ededed; line-height: 1.3em; text-align: center; -webkit-text-size-adjust: none}
body div{text-align: left}
#content ul, #popupContent ul{list-style-type: none}
#ie6 #content ul, #ie6 #popupContent ul{width: 100%}
#content li, 
#popupContent li,
#content #faqList .bullet li{list-style-type: none; background: url(../images/bullet_square_10x7.gif) 0 0 no-repeat; margin: 2px 0; padding: 1px 10px}
#content ol li, #popupContent ol li {list-style-type: decimal; background: none; margin: 2px 0 2px 35px !important; padding: 1px 0 !important}
#content ul.nobullet li, #popupContent ul.nobullet li{ list-style-type: none; background: none; margin: 2px 0; padding: 1px 0}
.imgRep{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat}
.mute {color: #999}
.hide {display: none}
.notice{color: #999; font-style: italic}
.invisible {visibility: hidden}
.clear {clear: both}
.nowrap {white-space: nowrap}
.rel {position: relative}
form{margin:0; padding:0}
input.check {margin-top: -3px}
input.radio {margin-top: -3px}

button{margin: 0; padding: 0; vertical-align: middle}
#ie input, #ie textarea, #ie select{vertical-align:top}
legend.accent1{
	margin:0;
	display:block; 
	padding:0 0 8px 0; 
	font-size:1.4em;
	color:#f27d00;
	font-weight:bold;
}
#ie legend.accent1{
	margin:0 0 4px -8px; 
	padding:0; 
}
#searchForm label, #quicklinks label, #ask_att label, #ask_question label, #drop_links label{display: none}
#searchForm input{border:1px solid #8cbbd8; text-indent:5px}
#searchForm input.btnGo{border:none}
#drop_links select{width:190px; margin-right:0}
#droplinksSubmit{border:none}
#ask_question input{width:226px; margin-right:0}
#ie #ask_question input{vertical-align:middle}
#ask_question input.askSubmit, #ie #ask_question input.askSubmit{width:15px; height:15px; cursor:pointer; border:0}
legend span a.askTips{font-weight:normal; font-size:.7em; padding-left:35px}
#ask_question p{font-size:1em; color:#a8a8a8}
input[type=text]:hover,
input[type=text]: focus, 
input[type=password]:hover,
input[type=password]: focus{background-color: #f1f6f9}
/* "The Ever Popular (Heath?) Ledger Effect" */
/* Hides from IE-Mac \*/
* html #content table.ledger{border-collapse: collapse; margin-bottom: 1em}
/* End hide from IE-Mac */
#content table.ledger tr td:first-child,
#content table.ledger tr th:first-child{border-left: 0 !important}
#content table.ledger tr td{border-left: 1px solid #fff !important; border-bottom: 0 !important; vertical-align: top; padding: 4px}
#content table.ledger tr th{
	vertical-align: middle;
	text-align: left;
	background-color: #0a94d6; /* AT&T Blue */
	color: #fff;
	border: none !important;
	border-left: 1px solid #fff !important;
	padding: 4px;
}
#content table.ledger tr td:first-child,
#content table.ledger tr th:first-child{border-left: 0 !important;}
#content table tr.odd td,
#content table tr td.odd,
#content table.ledger tr.odd td{background-color:#f2f7fb}
#content table tr.even td,
#content table tr td.even
#content table.ledger tr.even td{background-color: #e3eef4}

/* Highlight */
#content table tr.sfhover,
#content table tr.sfhover td{background-color: #b5dff3; color: #000}
/* Selected */
/* This always takes precedence over highlight color! */
#content table.ledger tr.selected td,
#content table tr.selected td{background-color: #4775d1; color: #fff; border-left: 1px solid #346dbe; border-bottom: 1px solid #7daaea}
h1, h2, h3, h4, h5, h6{margin:0}
h1{font-size:2.2em; margin-bottom: 1em; line-height:1em; font-weight: normal}
h2{font-size:1.3em; margin-bottom:.5em} 
h3{font-size:1.6em; margin-bottom: 1em}
h4{font-size:1.2em}
h5{font-size:1em}
h6{font-size:1.4em}
p, a, li, span, td, th, strong{font-size:1.1em}
p a, p strong, li a, li span, a span, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, td p, td a, td span, td li, td h2, td h3, td h4, li li, th p, th a, th span, th li, th h2, th h3, th h4, td strong{font-size:1em}
p span a, legend span a{font-size: .9em}
a:link{text-decoration:none; color:#0a94d6}
a:active{outline:none}
a:visited{text-decoration:none; color:#0a94d6}
a:hover{text-decoration:underline; color:#0a94d6}
p{margin:0 0 1em 0}
strong{font-weight:bold; margin:0 0 1em 0}
em{background:#ff9}
a img, a:link img, a:visited img {border:0}
ul, ol, dl{margin: 0 0 1em 0}
ol{list-style-type:decimal}
ol .alpha li{list-style-type: lower-alpha !important}
dt{font-weight:bold}
table{font-size:1em}
th{font-weight:bold}
td{font-size:1.1em}
sup{vertical-align:top; font-size:.7em; padding:0 0 0 1px; position:relative; top:-3px}
#ie sup{font-size:1.1em}
#ie table sup{position: static}
sup.sm{font-size:1.4em; line-height:.7em; top:-1px}
#ie sup.sm, sup.ieSM{display:none}
#ie sup.ieSM{display:inline; font-size:.9em; line-height:1.1em; top:-1px}
h1 sup, #ie h1 sup, h6 sup, #ie h6 sup{font-size:.6em}
.left{text-align:left !important}
.right{text-align:right !important}
/**************************
ACCENT COLORS
**************************/
/*AT&T Orange*/
.accent1{color:#FF7200; margin-bottom:6px; font-weight:bold}
.accent2{color:#f27d00}
.accent4{color:#f27d00; font-weight:normal}
.accent6{color:#f27d00; font-size:2.1em; margin-bottom:0; padding-bottom:0; line-height:0.9em}

/* AT&T Green*/
.accent3{color:#61bf1a}

/* AT&T Dark Blue*/
.accent5{color:#023f72; margin:10px 0 5px 0}


/* PRIMARY COLOR PALETTE - page 24 of build book */
.AttOrange 		{color:#f27d00}
.AttBlue			{color:#0a94d6}
.black			{color:#000}
.white			{color:#fff !important}
.AttGray			{color:#cbcfce}

/* SECONDARY COLOR PALETTE - page 24 of build book */
.AttGreen 		{color:#61bf1a}
.AttDarkBlue	{color:#023f72}
.AttBurgundy	{color:#810238}
.AttPurple		{color:#801f7a}
.AttLimeGreen	{color:#b6bf00}

/* Accent Color Palette - page 25 of build book */
.DarkBlue		{color:#0a68a5}
.DustyBlue		{color:#8cbbd8}
.LightBlue		{color:#e3eef4}
.AttMintGreen	{color:#b6e1dd}
.LightGreen		{color:#cce5bb}
.MediumGreen 	{color:#00a88e}
.DarkGreen 		{color:#357218}
.AttTaupe		{color:#c6c29b}
.LightYellow	{color:#f9f4d3}
.Yellow			{color:#ffed00}
.AttGold			{color:#f9b62a}
.Pink				{color:#d4448d}
.Red 				{color:#b52e24}
.DarkGray		{color:#555555}
.Gray				{color:#656565}
.AttWarmGray	{color:#c8c0b7}
.DustyGray		{color:#cdd8df}
.MediumGray		{color:#dbdee4}
.LightGray		{color:#efefef}
.LightYellowBG{background:#ffedd9 !important}

.caps{text-transform: uppercase}
p.tight{margin:7px 0 6px 0}
/**************************
CONTAINER
**************************/
#wrapper, #ie{margin:0 auto; width:985px; background-color:#ededed}
#container{clear:both; background:#fff url(../images/page_midSlice.gif) 0 0 repeat-y; padding-bottom:39px}
#ie #container{padding-bottom:29px !important}
#page{margin:0 17px; width:950px; position:relative}
#content{clear: both; overflow: hidden; position: relative; width:100%; height:auto}
#content #pageID, #popupContent #pageID{display:none}
#btmContainer{height:47px; background: url(../images/page_btmSlice.gif) 0 0 no-repeat transparent}
/**************************
POPUP CONTAINER
**************************/
#iePopup{margin: 0 auto; background-color: #ededed}
#popupWrapper{padding: 0 10px; min-width: 695px; width: auto}
#iePopup #popupWrapper{width: 780px}
#topContainerPopup{margin: 0 3px; background: url(../images/popupPage_topSlice2.gif) 0 bottom repeat-x transparent; height: 5em}
#popupContainer{background: url(../images/popupPage_midSliceL.gif) left 0 repeat-y #fff}
#iePopup #popupContainer{width: 100%}
#popupContainer #popupContent{background: url(../images/popupPage_midSliceR.gif) right 0 repeat-y; padding: 15px; height: 100%}
#btmContainerPopup{clear: both; height: 3em; margin: 0 3px; background: url(../images/popupPage_btmSlice2.gif) 0 0 repeat-x transparent}
/**************************
HEADER
**************************/
#header{height: 82px; clear: both; font-size: .95em}
.logo{float: left; margin-top: 16px}
.logo img{margin-left: 21px}

/********************
Universal Navigation
*********************/
ul#universalNav{
	position:relative;
	right:0;
	float:right;
	margin:0;
	background:url(../images/page_topSlice.gif) 0 bottom no-repeat transparent;
	line-height:30px;
	width:985px;
	text-align:right;
}
ul#universalNav li{display:inline; font-size:.95em}
ul#universalNav li a{padding:0 10px; border-right:1px solid #ccc}
ul#universalNav li a:visited{text-decoration:none}
ul#universalNav li a:hover{text-decoration:underline}
ul#universalNav li a.currentSubSite, ul#universalNav li a.currentSubSite:hover, ul#universalNav li a.currentSubSite:visited{color: #f47e00}
ul#universalNav li.last a{padding:0 5px 0 6px; border:0}
ul#universalNav li.language{padding-left:23px}
ul#universalNav li.accessibility a{color:#ededed; border-right:1px solid #ededed}
ul#universalNav li.accessibility a:hover{color:#ededed}
/********************
Header Navigation
*********************/
.topNav{padding:0; margin:15px 0 0 0; float:right}
ul.topNav li{display:block; float:left; vertical-align:bottom; line-height:1.6em; vertical-align:middle}
ul.topNav li a{padding:0 10px; border-right:1px solid #ccc}
ul.topNav li.last a{border:0; margin-right:10px !important}
#ie .topNav #searchForm{width:29%; white-space:nowrap}
.topNav #searchForm legend{display:none}
.topNav #search{margin-right:5px}
#header div#toolbar{clear:right; text-align:right; padding:25px 0 0 0}			
#header span#viewCart{background:url(../images/ico_shop_cart.gif) 0 0 no-repeat; padding:5px 40px 3px 25px}
#header span.localization a{border:0; padding:0}
/********************
Primary Navigation
*********************/	
#PrimaryNav{z-index:1; margin:0 0 15px 0; width:950px; position:relative}
#PrimaryNav, #noimg_PrimaryNav{height:72px; background:url(../images/nav/primarysecondarybkgrd.gif) 0 0 repeat-x; line-height:1.5em}
#PrimaryNav li, #noimg_PrimaryNav li{float:left}
#PrimaryNav li#first{background:url(../images/nav/primarybkgrdleft.gif) 0 bottom no-repeat; width:2px; height:72px}
#PrimaryNav li#last{background:url(../images/nav/primarybkgrdright.gif) right top no-repeat; width:2px; height:72px; float:right}
#PrimaryNav li a, #noimg_PrimaryNav li a{text-decoration:none; display:block; white-space:nowrap}
#PrimaryNav li a:hover, #PrimaryNav li.selected a, #noimg_PrimaryNav li a:hover, #noimg_PrimaryNav li.selected a{color:#f27d00; background:#fff}

/* GRAPHICAL NAVIGATION BUTTONS */
#PrimaryNav li #pn-explore,
#PrimaryNav li #pn-shop,
#PrimaryNav li #pn-support,
#PrimaryNav li #pn-account{position:absolute}

#PrimaryNav li #pn-explore, 
#noimg_PrimaryNav li #noimg-explore{
	background: url(../images/nav/primaryNavOrange.png) 0 0 no-repeat;
	text-indent: -9000px;
	width: 126px;
	height: 31px;
}
#PrimaryNav li.selected #pn-explore,
#PrimaryNav li.selected #pn-explore:hover{
	background: url(../images/nav/primaryNavOrange.png) 0 -62px no-repeat;
}
#PrimaryNav li #pn-explore:hover{
	background: url(../images/nav/primaryNavOrange.png) 0 -31px no-repeat;
}


#PrimaryNav li #pn-shop,
#noimg_PrimaryNav li #noimg-shop{
	left: 126px;
	background: url(../images/nav/primaryNavOrange.png) -126px 0 no-repeat;
	text-indent: -9000px;
	width: 125px;
	height: 31px;
}
#PrimaryNav li.selected #pn-shop,
#PrimaryNav li.selected #pn-shop:hover{
	background: url(../images/nav/primaryNavOrange.png) -126px -62px no-repeat;
}
#PrimaryNav li #pn-shop:hover{
	background: url(../images/nav/primaryNavOrange.png) -126px -31px no-repeat;
}


#PrimaryNav li #pn-support,
#noimg_PrimaryNav li #noimg-support{
	left: 251px;
	background: url(../images/nav/primaryNavOrange.png) -251px 0 no-repeat;
	text-indent: -9000px;
	width: 125px;
	height: 31px;
}
#PrimaryNav li.selected #pn-support,
#PrimaryNav li.selected #pn-support:hover{
	background: url(../images/nav/primaryNavOrange.png) -251px -62px no-repeat;
}
#PrimaryNav li #pn-support:hover{
	background: url(../images/nav/primaryNavOrange.png) -251px -31px no-repeat;
}


#PrimaryNav li #pn-account,
#noimg_PrimaryNav li #noimg-account{
	left: 375px;
	border: none;
	background: url(../images/nav/primaryNavOrange.png) -375px 0 no-repeat;
	text-indent: -9000px;
	width: 126px;
	height: 31px;
}
#PrimaryNav li.selected #pn-account,
#PrimaryNav li.selected #pn-account:hover{
	background: url(../images/nav/primaryNavOrange.png) -375px -62px no-repeat;
}
#PrimaryNav li #pn-account:hover{
	background: url(../images/nav/primaryNavOrange.png) -375px -31px no-repeat;
}

/* SYSTEM TEXT TOP NAVIGATION LINKS */
#PrimaryNav li #pn-login, #PrimaryNav li #pn-register{color:#fff; z-index:1; text-align:right; position:absolute; top:0; line-height:1.1em}
#PrimaryNav li #pn-login{border-right:1px solid #fff; right:6.2em; margin:9px 0; padding:0 1em}
#PrimaryNav li #pn-register{right:0; padding:9px 1em}
#PrimaryNav li #pn-login:hover, #PrimaryNav li #pn-register:hover{background:none; color:#fff; text-decoration:underline}

/* Hidden primary nav that displays if images are off as primary nav will disappear otherwise */
#noimg_PrimaryNav{
	background-color: #f27d00;
	position: absolute;
	top: 8.3em;
	width: 946px;
	margin-left: 2px;
	height: 31px;
}
#noimg_PrimaryNav a{
	color: #fff;
	font: bold 1.2em Verdana,sans-serif;
	display: block;
}
#noimg_PrimaryNav li #noimg-explore,
#noimg_PrimaryNav li #noimg-shop,
#noimg_PrimaryNav li #noimg-support,
#noimg_PrimaryNav li #noimg-account{
	text-indent: 1.5em;
	text-transform: uppercase;
	line-height: 2.2em;
}
#noimg_PrimaryNav li #noimg-account{
	border: 0;
}
#noimg_PrimaryNav li #noimg-explore:hover,
#noimg_PrimaryNav li #noimg-shop:hover,
#noimg_PrimaryNav li #noimg-support:hover,
#noimg_PrimaryNav li #noimg-account:hover{
	background-color: #fff;
}

/* SECOND LEVEL */
.secondaryNav,
.secondaryNav div{
	display: none; /*javascript needed to set to display on hover states*/
}
#PrimaryNav li.selected .secondaryNav li.onHover a:hover{
	background-color: transparent !important;
}
#PrimaryNav li.selected .secondaryNav{
	display: block;
	position: relative;
	top: 35px;
	left: 0;
	width: 927px;
	overflow: hidden;
	background: url(../images/nav/secondarybtmbrdr.gif) 0 0 repeat-x !important;
	line-height: 2.8em;
	padding-left: 19px;
}
#ie #PrimaryNav li.selected .secondaryNav{width:946px}
#PrimaryNav li.selected #exploreSecondaryNav{left:2px}
#PrimaryNav li.selected .secondaryNav li{padding:0 .35em}
#PrimaryNav li.selected .secondaryNav li a{color:#0a94d6; display:block; background:none; padding:0 1.6em 0 .8em}
#PrimaryNav li.selected .secondaryNav li.first a{background:none}
#PrimaryNav li.selected #shopSecondaryNav li a:hover, #PrimaryNav li.selected #shopSecondaryNav li.first a:hover{background: url(../images/nav/orange_arrow.png) right 50% no-repeat}
#PrimaryNav li.selected #supportSecondaryNav li a:hover, #PrimaryNav li.selected #exploreSecondaryNav li a:hover{background: none !important}
#PrimaryNav li.selected #shopSecondaryNav li a#hoverbox_offers{background:none !important}
#PrimaryNav li.selected .secondaryNav li a:hover{text-decoration:underline; background:url(../images/nav/secondarybtmbrdr_s.gif) repeat-x}
#PrimaryNav li.selected .secondaryNav li.selected, #PrimaryNav li.selected .secondaryNav li.onHover{position:relative}
#PrimaryNav li.selected #shopSecondaryNav li.selected a, #PrimaryNav li.selected #shopSecondaryNav li.selected a:hover{background:url(../images/nav/orange_arrow.png) right 50% no-repeat !important}
#PrimaryNav li.selected .secondaryNav li.selected a{color:#f27d00; padding-right:1.6em}
#PrimaryNav li.selected .secondaryNav li.selected a:hover{color:#f27d00 !important}
#PrimaryNav li.selected .secondaryNav li.onHover{background:#fff url(../images/nav/secondaryleftbrdr_s.gif) left 2px no-repeat; position:relative}
#PrimaryNav li.selected .secondaryNav li.onHover a:hover{color:#0a94d6; text-decoration:underline; background:url(../images/nav/blue_arrow.png) right 50% no-repeat; padding-right:1.6em}
#ie #PrimaryNav li.selected .secondaryNav li.onHover a:hover{margin:0}
#PrimaryNav li.selected .secondaryNav li #rightPost{background:url(../images/nav/secondaryrghtbrdr_s.gif) right 0 no-repeat !important; width:4px; position:absolute; bottom:-3px; right:0}
#ie #PrimaryNav li.selected .secondaryNav li #rightPost{right:-1px; bottom:-4px}

/*  TERTIARY NAV WITH JAVASCRIPT  */
/* uses prototype control.modal to move and redraw tertiary nav to maintain the secondary nav link positions, does not show for those without javascript */
#modal_container{
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	font-size: .9em;
	background: #fff;
	overflow: hidden;
	padding: 15px 0;
}
#ie #modal_container{margin-left:-1px; margin-top:3px}
#modal_container ul{line-height:1.5em; z-index:9999; background:#fff}
#modal_container .tertiaryNav{padding:0; margin:0 15px; z-index:9999; overflow:hidden}	
#ie #modal_container #bundleTertiaryNav{width:63.6em}
#ie #modal_container #addservTertiaryNav{width:20em}
#ie #modal_container .col5{width:76.5em;}

/*one column and base for multiple columns*/
#modal_container .tertiaryNav li{color:#666; margin:0 15px .5em 0; padding:0 15px 0 0; z-index:9999}
#modal_container .col2 li,
#modal_container .col3 li,
#modal_container .col4 li,
#modal_container .col5 li{float:left; z-index:9999; border-right:1px solid #dbdee4; height:7em}
#modal_container .col2 li{height:9em}
#modal_container .col2 li.last,
#modal_container .col3 li.last,
#modal_container .col4 li.last,
#modal_container .col5 li.last{border:none; margin:0 0 .5em 0 !important}
#ie #modal_container #bundleTertiaryNav li.last li,
#modal_container #bundleTertiaryNav li.last,
#modal_container #bundleTertiaryNav li.last li{width:21em !important}
#ie #modal_container #bundleTertiaryNav li.last li{margin:0}
#modal_container .tertiaryNav li a{margin:0; padding:0; color:#0a94d6; background:none}
#modal_container .tertiaryNav li.selected a{color:#f27d00}
#modal_container .tertiaryNav li .quadNav{margin:0; padding:0; min-height:6.5em}
#modal_container .tertiaryNav li .quadNav li{margin:0; float:none; height:auto; border:none; line-height:1.8em}

/* TERTIARY NAV & CONTEXT OF ENTIRE NAV WITHOUT JAVASCRIPT */
#navNoscript,
#sitemap{margin: 15px 3px 0 3px; clear: both; width: 985px}
#sitemap{width: 930px}
#navNoscript li, #sitemap li{float:left; width:25%}
#navNoscript li a, #sitemap li a{font-weight:bold; font-size:1.1em}
#navNoscript li li, #sitemap li li{width:100%; float:none; margin:0 0 0 5px}
#navNoscript li li a, #sitemap li li a{font-size:1em}
#navNoscript li li li, #sitemap li li li{float:none; margin:0 0 0 5px}
#navNoscript li li li a, #sitemap li li li a{font-weight:normal; font-size:1em}

/***
GRID TEMPLATES
All Columns
***/
.first_150	{float:left; width:150px; clear:left}
.col_150		{float:left; width:150px; margin-left:10px}

.first_204	{float:left; width:204px; clear:left}
.col_203		{float:left; width:203px; margin-left:10px}

.first_230	{float:left; width:230px; clear:left}
.col_229		{float:left; width:229px; margin-left:10px}
.col_230		{float:left; width:230px; margin-left:10px}

.first_260 	{float:left; width:260px; clear:left}
.col_260 	{float:left; width:260px; margin-left:10px}

.first_264	{float:left; width:264px; clear:left}
.col_264		{float:left; width:264px; margin-left:10px}

.first_270	{float:left; width:270px; clear:left}
.col_270		{float:left; width:270px; margin-left:10px}

.col_273		{float:left; width:273px; margin-left:10px}

.first_310	{float:left; width:310px; clear:left}
.col_310		{float:left; width:310px; margin-left:10px}

.first_350	{float:left; width:350px; clear:left}
.col_350		{float:left; width:350px; margin-left:10px}

.first_408	{float:left; width:408px; clear:left}
.col_408		{float:left; width:408px; margin-left:10px}

.first_428	{float:left; width:428px; clear:left}
.col_428		{float:left; width:428px; margin-left:10px}

.col_460		{float:left; width:460px; margin-left:10px}

.first_470	{float:left; width:470px; clear:left}
.col_470		{float:left; width:460px; margin-left:10px}

.first_480	{float:left; width:480px; clear:left}

.col_550 	{float:left; width:550px; margin-left:10px}

.first_630	{float:left; width:630px; clear:left}
.col_630		{float:left; width:630px; margin-left:10px}

.first_668	{float:left; width:668px; clear:left}
.col_668		{float:left; width:668px; margin-left:10px}

.first_710	{float:left; width:710px; clear:left}
.col_710		{float:left; width:710px; margin-left:10px}

.col_790		{float:left; width:790px; margin-left:10px}
.first_950	{width:950px}

.min330 { min-height: 350px; height:auto}
#ie .min330 {height:360px;}
.min135 { min-height: 115px; height:auto}/* ch9235 6/16/09 */
#ie .min135 {height:125px;}/* ch9235 6/16/09 */
.first_339 { float:left; width:339px; clear:left }
.col_339 { float:left; width:339px; margin-left:10px }
.botMar20{margin-bottom:20px !important}
.topMar20{margin-top:20px !important}
.security{position:absolute; top:5px; right:5px; height:20px; text-align:right; font-size:1.1em; font-weight:normal; background: url(http://www.att.com/Common/supern/images/icn_security_lock.gif) 0 2px no-repeat; text-decoration:underline !important}
.security:hover{text-decoration:none !important}
/* billing & credit info */
.billingCreditInfo{margin:0 !important; padding:0 !important}
.billingCreditInfo .tableWrapper1{background-color:#eff5f9; margin:5px 0 15px 0; padding:10px}
.billingCreditInfo .tableWrapper1 td{padding:5px 5px 5px 0; vertical-align:top; line-height:18px}
.billingCreditInfo .tableWrapper1 span{position:relative; width:200px; white-space:nowrap; padding-right:20px; font-size:1.1em}
.billingCreditInfo .tableWrapper1 span.ex{font-size:1em; padding-left:5px}
.billingCreditInfo input{height:1.3em; padding:.2em; margin-left:5px}
   #ie .billingCreditInfo input{height:1.8em; line-height:1.6em; padding:0 0 0 4px}
.billingCreditInfo select{width:120px; height:1.8em; margin-right:10px}
.billingCreditInfo option{height:1.4em}
.billingCreditInfo .tableWrapper1 .radio{height:20px; position:relative; top:0px}
	#ie .billingCreditInfo .tableWrapper1 .radio{top:-3px}

.billingCreditInfo .tableWrapper2{background-color:#eff5f9; margin:0; padding:0px}
.billingCreditInfo .tableWrapper2 .table1{width:698px; border-top:3px solid #fff}
.billingCreditInfo .tableWrapper2 .table1 td{padding:10px 0 10px 10px; vertical-align:top}
.billingCreditInfo .tableWrapper2 .table1 td div{width:200px}
.billingCreditInfo .tableWrapper2 .table1 td p input{position:relative; top:-2px; padding-left:0; padding-right:0}
	#ie .billingCreditInfo .tableWrapper2 .table1 td p input{top:-3px}
.billingCreditInfo .tableWrapper2 .table1 td div div{position:relative; top:-10px; left:25px}
.billingCreditInfo .tableWrapper2 .table1 td div div input{margin-left:0}
.billingCreditInfo .tableWrapper2 .table1 td div div p{margin:10px 0 5px 0} 
.billingCreditInfo .tableWrapper2 .table1 td span{font-size:.9em; position:relative; top:5px}
	#ie .billingCreditInfo .radio{position:relative; left:-2px}
.progressIndicator{border-bottom:1px solid #ccc; padding:1px 0 1px 0; margin-bottom:10px}
.whitePadding{border:10px solid #fff; zoom:1}
.introText p{font-size:1em; color:#656565}

/**************************
MODULES - min-height
**CLASS NAMES are Based on Actual Pixel Height of Module in comp
**Heights declared inside the class are based on markup and browser box models
**************************/
.nomin					{height:100%}
.min88					{min-height: 60px}
.min88noPad				{min-height: 84px}
.min94					{min-height: 64px}
.min100noPad 			{min-height: 96px}
.min120noPad 			{min-height: 116px}
.min133noPad 			{min-height: 132px}
.min133					{min-height: 106px}
.min172 					{min-height: 146px}
.min173 					{min-height: 147px}

.min186 					{min-height: 156px}
.min186noPad 			{min-height: 184px}
.min186noPadDblBrdr 	{min-height: 182px}
.min186noBrdr 			{min-height: 156px}

.min234 					{min-height: 204px}
.min234noPad 			{min-height: 232px}
.min234noPadDblBrdr	{min-height: 230px}

.min276					{min-height: 246px}
.min276noPad			{min-height: 274px}
.min276noPadDblBrdr	{min-height: 272px}

.min284					{min-height: 254px}
.min318					{min-height: 288px}

.min347noPad			{min-height: 347px}

.min355					{min-height: 329px}

.min363noPad 			{min-height: 361px}

.min368					{min-height: 342px}
.min368noPad			{min-height: 368px}

.min378					{min-height: 352px}

.min416noPad 			{min-height: 414px}

.min470					{min-height: 470px}

/* conditional workaround for IE ignoring min-height. */
.min88,
.min88noPad,
.min94,
.min100noPad,
.min120noPad,
.min133noPad,
.min133,
.min172,
.min173,
.min186,
.min186noPad,
.min186noPadDblBrdr,
.min186noBrdr,
.min234,
.min234noPad,
.min234noPadDblBrdr,
.min276,
.min276noPad,
.min276noPadDblBrdr,
.min284,
.min318,
.min347,
.min347noPad,
.min355,
.min363noPad,
.min368,
.min368noPad,
.min378,
.min416noPad,
.min470{height: auto}

#ie .min88, 
#ie .min88noPad			{height: 86px}
#ie .min94					{height:	94px}
#ie .min100noPad			{height: 98px}
#ie .min120noPad 			{height: 118px}
#ie .min133noPad 			{height: 134px}
#ie .min133 				{height: 132px}
#ie .min172 				{height: 172px}
#ie .min173		 			{height: 173px}
#ie .min186,
#ie .min186noPad 			{height: 186px}
#ie .min186noPadDblBrdr {height: 184px}
#ie .min186noBrdr			{height: 186px}
#ie .min234, 
#ie .min234noPad 			{height: 234px}
#ie .min234noPadDblBrdr {height: 230px}
#ie .min276, 
#ie .min276noPad 			{height: 276px}
#ie .min276noPadDblBrdr {height: 274px}
#ie .min284					{height: 284px}
#ie .min318					{height: 318px}
#ie .min347noPad 			{height: 347px}
#ie .min355					{height: 355px}
#ie .min363noPad 			{height: 363px}
#ie .min368, 
#ie .min368noPad 			{height: 368px}
#ie .min378					{height: 382px}
#ie .min416noPad 			{height: 416px}
#ie .min470					{height: 524px}

/**************************
MODULES - CONTENT BOXES
**************************/
/* To be used to surround mod_a, mod_a2, mod_a3, mod_a4, mod_a5, mod_a6 div's. */
.grayBorder {
	border: 1px solid #ccc;
}

/* To be used to surround mod_a, mod_a2, mod_a3, mod_a4, mod_a5, mod_a6 div's. */
.grayBorderNoBotMarg {
	border: 1px solid #ccc;
}

/* 1px white inner border box with tall gradient background and 12px padding */
.mod_a {
	border: 1px solid #fff;
	background: url(../images/tall_mod_gradientSlice.gif) 0 100% repeat-x transparent;
	padding: 12px;
}
.mod_a_nograd {
	border: 1px solid #fff;
	background: transparent;
	padding:0 12px 12px 12px;
}

/* NO PADDING 1px white inner border box with tall gradient background */
.mod_a2,
.mod_a6 {
	border: 1px solid #fff;
	background: url(../images/tall_mod_gradientSlice.gif) 0 100% repeat-x transparent;
}
/* NO PADDING 1 px white border with orange Tab Top background */
.mod_a3 {
	border: 1px solid #fff;
	background: url(../images/orangeTabTop.gif) 0 0 repeat-x transparent;
}
/* NO PADDING 1px white inner border box with tallest gradient background */
.mod_a4 {
	border: 1px solid #fff;
	background: url(../images/tallest_mod_gradientSlice.gif) 0 100% repeat-x transparent;
}
/* NO PADDING 1px white inner border box with TALL BLUE gradient background */
.mod_a5 {
	border: 1px solid #fff;
	background: url(../images/tallBlue_mod_gradientSlice.gif) 0 100% repeat-x transparent;	
}
/* NO INNER PADDING 1px gray box with 10px margin at the bottom for mods to be placed underneath. */
.mod_b {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	position: relative;
	top: 0;
	left: 0;
}
#ie .mod_b{
	width: 100%;
}
/*  NO BOTTOM MARGIN, NO INNER PADDING 1px gray box. */
.mod_b_btm {
	border: 1px solid #ccc;
	margin-bottom: 0;
}
/* (for min186 mod)  1px gray outer border box with blue white gradient background and 14px top btm padding, Inline content center*/
.mod_c {
	border: 1px solid #ccc;
	padding: 14px 0;
	background: url(../images/blueWhtBtmGradientSlice.gif) 0 100% repeat-x transparent;
	margin-bottom: 10px;
	text-align: center;
}
/* (for min186 mod)  NO BOTTOM MARGIN 1px gray outer border box with blue white gradient background and 14px top btm padding, Inline content center*/
.mod_c_btm {
	border: 1px solid #ccc;
	padding: 14px 0;
	background: 0 0 no-repeat transparent;
	margin-bottom: 0;
	text-align: center;
}
/* NO INNER PADDING 1px gray border box with short gradient background */
.mod_d {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	background: url(../images/short_mod_gradientSlice.gif) 0 100% repeat-x transparent;
}
/*  NO INNER PADDING NO BOTTOM MARGIN 1px gray border box with short gradient background */
.mod_d_btm {
	border: 1px solid #ccc;
	background: 0 0 no-repeat transparent;
	position: relative;
	top: 0;
	left: 0;
}
/* 14px top btm padding, 10 left right,  1px gray border box with short gradient background */
.mod_d2,
.mod_d3 {
	border: 1px solid #ccc;
	padding: 14px 10px;
	margin-bottom: 10px;
	background: url(../images/short_mod_gradientSlice.gif) 0 100% repeat-x transparent;
	position: relative;
	top: 0;
	left: 0;
}

.mod_d2_nograd {
	border: 1px solid #ccc;
	padding: 14px 10px;
	margin-bottom: 10px;
	background: transparent;
	position: relative;
	top: 0;
	left: 0;
}
.mod_d2_nograd_btm {
	border: 1px solid #ccc;
	padding: 14px 10px;
	background: transparent;
	position: relative;
	top: 0;
	left: 0;
}
/*  14px top btm padding, 10 left right, NO BOTTOM MARGIN 1px gray border box with short gradient background */
.mod_d2_btm,
.mod_d3_btm {
	border: 1px solid #ccc;
	padding: 14px 10px;
	background: url(../images/short_mod_gradientSlice.gif) 0 100% repeat-x transparent;
}
.mod_d3,
.mod_d3_btm{
	padding: 14px 5px 14px 10px;
}
/* NO INNER PADDING 1px BLUE box with 10px margin at the bottom for mods to be placed underneath. */
.mod_e, 
.mod_e_flash{
	border: 1px solid #66a5d0;
	margin-bottom: 10px;
}
#ie .mod_e,
#ie .mod_e_flash{
	width: 100%;
}
.mod_e_flash{
	border: none;
	background: url(../images/explore_home_noscript_bg.png) repeat-x;
}
.mod_f{
	border: 1px solid #ccc;
	padding: 12px;
	margin-bottom: 10px;
}
/* 40px padding, no border with 10px margin at the bottom for mods to be placed underneath. used for heroNoBrdr */
.mod_f2 {
	margin-bottom: 10px;
	padding: 30px 40px 0 40px;
	position: relative;
}
/*module without right border and top margin  */
.mod_g {
	border-right: 1px solid #ccc;
	margin-top: 20px;
	padding: 0 15px 0 0;
	position: relative;
	top: 0;
	left: 0;
}
/*goes with mod_g but is last floated module thus no right border*/
.mod_g_last {
	border: none;
}
.mod_a6 p{
	width: 200px;
}
.mod_a6 .btnBlueArrow{
	font-size: 1em;
}
p.mod_d_wrap{
	width: 130px;
}

/* TTY mod */
.mod_gray{
	border: 1px solid #fff;
	padding: 14px 10px;
	margin-bottom: 10px;
	background: #efefef;
	position: relative;
	top: 0;
	left: 0;
}

/**************************
MODULES - TABBED
**************************/
#content ul.tabs, #popupContent ul.tabs{
	margin: 0;
	padding: 0;
}
#content ul.tabs li,
#popupContent ul.tabs li{
	float: left;
	position: relative;
	z-index: 9999;
	padding: 4px 0 0 0;
	background: none;
	margin: 0;
}
ul.tabs a{
	display: block;
	padding: 5px 12px;
	color: #0a94d6;
}
#content ul.tabs .active,
#popupContent ul.tabs .active{
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	padding: 0;
	margin-bottom:-1px;
}
ul.tabs .active a{
	color: #f27d00;
	margin: 1px 1px 0 1px;
	border-top: 2px solid #f27d00;
}
div.tabs div.tabs div.tabs{
	padding: 14px;
	color: #666;
	border: 1px solid #ccc;
	clear: both;
	position: relative;
	top: -1px;
	left: 0;
	width: 680px;
	/*overflow: auto;*/
}
#ie div.tabs div.tabs div.tabs,
#iePopup div.tabs div.tabs div.tabs{
	z-index: -1;
	width: 100%;
}
.ProductDetail{
	width: 710px;
	height: 100%;
}
.ProductDetail div.tabs div.tabs div.tabs{
	height: auto;
}
#ie .ProductDetail div.tabs div.tabs div.tabs{}

.triplePackDetail{
	width: 710px;
	overflow: auto;
	height: 100%;
}
.triplePackDetail div.tabs div.tabs div.tabs{
	min-height: 535px;
	height: auto;
}
#ie .triplePackDetail div.tabs div.tabs div.tabs{
	height: 600px;
}
.popupDetail{
	overflow: auto;
	height: 100%;
}
.popupDetail div.tabs div.tabs div.tabs{
	width: 95.53%;
	min-height: 385px;
	height: auto;
}
#ie .popupDetail div.tabs div.tabs div.tabs{
	width: 100%;
	height: 400px;
}
/**************************
FOOTER
**************************/
#legalFtr{margin:15px 0 10px 0; float:left; line-height:1.2em}
#legalFtr li{float:left; padding:0 15px; border-right:1px solid #999}
#legalFtr li a{color:#999}
#legalFtr li a:visited{text-decoration:none; color:#999}
#legalFtr li a:hover{text-decoration:underline; color:#999}
#legalFtr li a .updated{color:#810238}
#legalFtr li.first{padding-left:5px}
#legalFtr li.last{border:0}
#btmContainer .copyright{clear:both; margin:0 3px; width:680px; line-height:1.3em}
#btmContainer .copyright a, #btmContainer .copyright a:visited {color:#999; font-size:1em}    
#btmContainer .yellowPagesLogo{float:right; margin:15px 3px 0 3px}
/**************************
PRICING 
**************************/
.pricing{
	position: relative;
	margin: -3px 10px 0 0;
	height: 4.7em;
}
.pricing span{
	color: #ccc;
	font-size: .9em;
}
.pricing div{
	color: #74b727;
	font-size: 3.3em;
	margin: 10px 0 0 0;
}
#ie .pricing div{
	margin: 12px 0 0 0;
}
.pricing div sup{
	font-size: .6em;
	padding: 0;
	vertical-align: baseline;
	top: -.6em;
}
#ie .pricing div sup{
	font-size: .7em;
}
.pricing div sup.cents{
	position: relative;
	left: -.3em;
}
.pricing span.reoccurrence{
	position: absolute;
	bottom: 0;
}
.pricing span.oneDigit{
	left: 5em;
}
.pricing span.twoDigit{
	left: 7.3em;
}
.pricing span.threeDigit{
	left: 9.5em;
}
.pricing .footnote{
	position: absolute;
	bottom: 0;
}

/*offerPricing is much larger. based off pricing class but altered for height. both pricing and offerPricing classes will be needed in html*/
.offerPricing{
	color: #ccc;
	font-size: 7em;
	line-height: 1;
	position: relative;
	top: -.3em;
	margin: 0 0 -.3em 0;
}
.offerPricing div{
	color: #74b727;
}
.offerPricing div sup{
	vertical-align: baseline;
	padding: 0;
	position: relative;
	top: -.75em;
	font-size: .5em;
}
#ie .offerPricing div sup{
	font-size: .6em;
}
.offerPricing div sup.cents{
	position: relative;
	left: -.3em;
}
.offerPricing span.oneDigit{
	left: 4.7em;
}
.offerPricing span.twoDigit{
	left: 7.9em;
}
.offerPricing span.threeDigit{
	left: 8.9em;
}
.offerPricing span.reoccurrence{
	font-size: .25em;
	position: absolute;
	top: 2.7em;
}
#ie .offerPricing span.reoccurrence{
	top: 3.3em;
}

/*bundle pricing*/
.bundlePricing{
	float: right;
	position: absolute;
	right: 45px;
	height: 3.7em;
	text-align: right;
	margin: 30px 0 0 0;
}
#ie .bundlePricing{
	margin: 20px 0;
}
.bundlePricing div{
	font-size: 3.8em;
	color: #b3b3b3;
	right: .5em;
	position: relative;
}
.bundleTotal{
	margin: 15px 0;
}
#ie .bundleTotal{
	margin: 0;
}
.bundleTotal div{
	color: #74b727;
}
.pricing div sup{
	font-size: .55em;
}
#ie .pricing div sup{
	font-size: .67em;
}
.bundlePricing span.reoccurrence{
	position: absolute;
	left: auto;
	right: -.4em;
	bottom: .2em;
	color: #b3b3b3;
}
#ie .bundlePricing span.reoccurrence{
	right: -.5em;
	bottom: 0;
}

/*hero pricing*/
#hero .pricing{
	position: absolute;
	top: 38px;
	left: 320px;
}
#hero span.reoccurrence{
	bottom: 14px;
	white-space: nowrap;
}
#ie #hero span.reoccurrence{
	bottom: 12px;
}
/**************************
BUTTONS
**************************/
.buttonGroup{position:relative; display:block; height:33px; padding:7px; border:1px solid #cccccc; border-top:none;}
.printLink{background: url(../images/ico_print.gif) right 50% no-repeat; padding-right: 25px; text-align: right;}
a.btnBigBlue{margin: 10px 0; display: block}
/* White GO Button */
.btnGo {width: 31px; height: 18px; border: 0; cursor: pointer;}

/* Blue GO Button */
.btnBlueGo {width: 47px; height: 18px; cursor: pointer; border: 0; background-image: url(../images/btn_blue_go.gif); position: relative;}
a.btnContinueShopping{width: 155px; height: 26px;}
a.btnOrderNow{float: left; width: 107px; height: 26px; margin: 3px 0 0 0;}
.btnOnlineOnlyOffer{margin: 0 0 5px 0}
.btnShopBundles{margin: 13px 0 0 405px}
.btnShopBundles button, .btnOrderNow button{
	width: 128px;
	height: 18px;
	border: 0;
	background: url(../images/btn_shop_bundles.gif) 0 0 no-repeat transparent;
	cursor: pointer;
	font-size: 0.5em;
	margin: 13px 0 0 405px;
	text-indent: -9000px;
}
.btnOrderNow button{
	float: left;
	width: 107px;
	height: 26px;
	background: url(../images/btn_blue_orderNow.gif) 0 0 no-repeat transparent;
	margin: 3px 0 0 120px;
}
#ie .btnShopBundles,
#ie .btnOrderNow{
	position: relative;
}
#ie .btnShopBundles button,
#ie .btnOrderNow button{
	position: absolute;
}
.col_230 .btnWhiteCagedArrow{
	display: block;
}
.btnBlueArrow a{
	width: 4px;
	height: 8px;
	border: 0;
	background: url(../images/btn_blue_arrow.gif) 100% 65% no-repeat transparent;
	cursor: pointer;
	padding-right: 10px;
}
.btnBlueCagedArrow{
	background: url(../images/btn_blue_caged_arrow.gif) 0 50% no-repeat transparent;
	padding: 5px 0 5px 20px;
	cursor: pointer;
}
.btnWhiteCagedArrow{
	background: url(../images/btn_white_caged_arrow.gif) 0 50% no-repeat transparent;
	padding: 5px 0 5px 20px;
	cursor:pointer;	
}
.sm_orderNow{
	width:1px;
	white-space: nowrap;
	position:relative;
	top:5px;
	cursor:pointer;
	display:block;	
}

/**************************
INTERIOR CONTAINERS
**************************/
.manageContainer,
.shortManageContainer,
.mediumManageContainer{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 272px;
	height: auto;
}
#ie .manageContainer{height: 272px;}
.shortManageContainer{min-height:182px;}
#ie .shortManageContainer{height:182px;}
.mediumManageContainer{min-height:230px;}
#ie .mediumManageContainer{height:230px;}
.promoContainer{position:relative; top:0; left:0; width:100%;}
.promoContent {position:relative; padding:12px 0 12px 12px; z-index:2;}
.promoContent .footnote{
	color: #ccc;
	position: absolute;
	bottom: -1.5em;
	right: 10px;
	text-align: right;
	width: 40px !important;
	font-size: .9em;
	line-height: 1.2em;
	padding: 0;
	margin: 0;
	float: none;
}
.paddedModContent{
	padding: 12px;
}
.paddedModContentNoTop{
	padding: 0 12px 12px 12px;
}
/****
HERO
****/
.rotateHero{
	position: absolute;
	bottom: 1px;
	right: 1px;
}
#heroNoBrdr .rotateHero{
	bottom: 3px;
	right: 3px;
}
.rotateHero .counter{
	background: #fff;
	line-height: 19px;
	height: 21px;
	display: block;
	float: left;
	padding: 0 5px;
	font-size: .9em;
	color: #666;
}
.rotateHero .back,
.rotateHero .next{
	float: left;
}
#hero h1{
	margin: 23px 0 0 0;
}
#hero p{
	float: left;
	margin: 5px 0 0 0;
	width: 15em;
}
.heroCta{
	display: block;
	clear: both;
	margin: 10px 0 0 0;
}
/**************************
CONTENT VARIATION PAGE
**************************/
.varyContainer{
	position: relative;
	top: 0;
	left: 0;
	min-height: 184px;
	height: auto;
	width: 100%;
}
.varyContainer{
	height: 184px;
}
.varyContent {
	position: relative;
	padding: 12px 0 12px 12px;
	z-index: 2;
}
p.vary{
	margin-top: 10px;
}
.varyOrderNow{
	display: block;
	margin-top: 10px;
}
.splitContainerLft{
	float: left;
	width: 145px;
	padding: 12px 0 12px 12px;
}
#ie .splitContainerLft{
	width: 157px;
}
.splitContainerRgt{
	float: left;
	width: 44px;
	padding: 12px 0 12px 0;
}
#ie .splitContainerRgt{
	width: 44px;
}
/**************************
POPUP
***************************/
.popupTitle{
	float: left;
	margin-left: 5px;
	margin-bottom: 0;
	padding: 15px 0;
}
#popupWrapper .printLink{
	padding: 14px 25px 14px 0;
	position: absolute;
	right: 15px;
	top: 10px;
}
.popupClose{
	background: url(../images/btn_close_x.gif) 0 0 no-repeat;
	line-height: 3em;
	padding: 2px 0 2px 20px;
}
/**************************
FAQ
**************************/

.linkbar{
	position: relative;
	margin: -1.8em 0 0 0;
	right: 320px;
	float: right;
	width:auto !important;
}
.right_0{
	right:0 !important;
}
#content .linkbar li{
	float: left;
	border-right: 1px solid #ccc;
	padding: 0 10px;
	background: none;
}
#content .linkbar li.last{
	border: none;
}
#content .linkbar .printLink{
	background: url(../images/ico_print.gif) right 50% no-repeat;
	padding: 0 25px 0 0;
}
#content #faqList li, #content #termsList li{
	background: none;
	margin: 0;
	padding: 0;
}
#faqList p{font-size:1em;}
#faqList p.q, 
#termsList p.q{
	display: block;
	width: 100%;
	height: 2em;
	line-height: 2em;
	font-weight: bold;
	color: #0a94d6;
	cursor: pointer;
	text-indent: 30px;
}
#toggleList li.open p.q, #termsList li.open p.q{background: #e3eef4 url(../images/toggle_minus.png) 10px 50% no-repeat}
#toggleList li.open div.a, #termsList li.open div.a{display: block}
#toggleList li.close p.q, #termsList li.close p.q{background: #eee url(../images/toggle_plus.png) 10px 50% no-repeat}
/*#faqList li.close div.a, #termsList li.close div.a{display: none}*/