/* Last updated by vr0926 on 10-28-2008 at 1:26 CST */
.atlasNoScript{display:none}

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

/**************************
EXPLORE
**************************/
.mod_e_flash /*from global.css edited and should not harm anything in INDC since this was specific for Explore*/
{
background: none;
}

.min106noPad /* new for global.css */
{
min-height: 100px;
}

.min344noPad /* new for global.css */
{
min-height: 344px;
}

.min354noPad /* new for global.css */
{
min-height: 354px;
}

.min106noPad,/* new for global.css */
.min344noPad,/* new for global.css */
.min354noPad /* new for global.css */
{
height: auto;
}

#ie .min106noPad /* new for global.css */
{
height: 102px;
}

#ie .min344noPad /* new for global.css */
{
height: 344px;
}

#ie .min354noPad /* new for global.css */
{
height: 354px;
}

.WoW p
{
width: 290px;
}

#htmlNotFlash
{
color: #fff;
}

/*Explore home*/
#heroExploreHome
{
position: relative;
background-color: #f27d00;
}

#heroExploreHome ul
{
width: 950px;
height: 263px;
margin: 0;
padding: 0;
background: url(/Common/storefront/images/exploreHomeHero_bg.jpg) 0 0 no-repeat;
}

#heroExploreHome li
{
float: left;
list-style-type: none;
background: none;
margin: 2px 0;
padding: 0;
text-indent: -9000px;
}

#heroExploreHome li a
{
display: block;
height: 259px;
background: url(/Common/storefront/images/exploreHomeHero2.jpg) 0 0 no-repeat;
}

#heroExploreHome li#innovations
{
margin-left: 2px;
}

#ie6 #heroExploreHome li#innovations
{
margin-left: 1px;
}

#heroExploreHome li#innovations a
{
width: 249px;
margin-right: 134px;
}

#heroExploreHome li#innovations a:hover
{
width: 383px;
margin-right: 0;
background-position: 0 -263px;
}

#heroExploreHome li#entertainment a
{
width: 156px;
margin-right: 4px;
background-position: -383px -263px;
}

#heroExploreHome li#entertainment a:hover
{
width: 421px;
position: absolute;
left: 287px;
background-position: -285px 0;
}

#heroExploreHome li#prodserv a
{
position: absolute;
right: -2px;
width: 245px;
background-position: -706px 0;
}

#heroExploreHome li#prodserv a:hover
{
width: 403px;
background-position: -548px -263px;
}

#exploreHomeFlash h1,
#exploreHomeFlash h1 img
{
margin: 20px 0 0 0;
background-color: #fff;
}

#exploreInnovationFlash h1,
#exploreEntFlash h1,
#explorePSFlash h1
{
visibility: hidden;
font-size: 1em;
}

#exploreInnovationFlash h3,
#exploreEntFlash h3,
#explorePSFlash h3
{
font-size: 1.5em;
font-weight: normal;
}

#heroExploreInnoGadgets li,
#heroExploreInnoHomeTech li,
#heroExploreInnoTechToGo li,
#heroExploreEntGames li,
#heroExploreEntMusic li,
#heroExploreEntMovies li,
#heroExploreEntTV li,
#heroExplorePSTV li,
#heroExplorePSInternet li,
#heroExplorePSWireless li
{
background: none;
float: left;
}

#heroExploreInnoGadgets li a,
#heroExploreInnoHomeTech li a,
#heroExploreInnoTechToGo li a,
#heroExploreEntGames li a,
#heroExploreEntMusic li a,
#heroExploreEntMovies li a,
#heroExploreEntTV li a,
#heroExplorePSTV li a,
#heroExplorePSInternet li a,
#heroExplorePSWireless li a
{
position: relative;
text-transform: uppercase;
top: 65px;
padding: 2px 20px 50px 0;
background: url(/Common/storefront/images/btn_arrow_circle.png) right 0 no-repeat;
}

#heroExploreEntGames li a,
#heroExploreEntMusic li a,
#heroExploreEntMovies li a,
#heroExploreEntTV li a
{
color: #fff;
}

#heroExplorePSTV li a,
#heroExplorePSInternet li a,
#heroExplorePSWireless li a
{
top: 70px;
}

#ie6 #heroExploreInnoGadgets li a,
#ie6 #heroExploreInnoHomeTech li a,
#ie6 #heroExploreInnoTechToGo li a,
#ie6 #heroExploreEntGames li a,
#ie6 #heroExploreEntMusic li a,
#ie6 #heroExploreEntMovies li a,
#ie6 #heroExploreEntTV li a,
#ie6 #heroExplorePSTV li a,
#ie6 #heroExplorePSInternet li a,
#ie6 #heroExplorePSWireless li a
{
position: absolute;
top: 85px;
}

#ie6 #heroExplorePSTV li a,
#ie6 #heroExplorePSInternet li a,
#ie6 #heroExplorePSWireless li a
{
top: 90px;
}

#gadgets
{
left: 602px;
}

#ie6 #gadgets,
#ie6 #games
{
left: 620px;
}

#ie6 #heroExploreInnoTechToGo #gadgets
{
left: 750px;
}

#highTechHome
{
left: 530px;
}

#ie6 #highTechHome
{
left: 610px;
}

#heroExploreInnoTechToGo #highTechHome
{
left: 610px;
}

#techToGo,
#music
{
left: 520px;
}

#ie6 #music
{
left: 600px;
}

#heroExploreEntMovies #music,
#heroExploreEntTV #music
{
left: 512px;
}

#ie6 #heroExploreEntMovies #music,
#ie6 #heroExploreEntTV #music
{
left: 600px;
}

#ie6 #techToGo
{
left: 750px;
}

#movies
{
left: 515px;
}

#ie6 #movies
{
left: 677px;
}

#heroExploreEntMusic #movies
{
left: 432px;
}

#ie6 #heroExploreEntMusic #movies
{
left: 597px;
}

#heroExploreEntTV #movies
{
left: 506px;
}

#ie6 #heroExploreEntTV #movies
{
left: 676px;
}

#tv
{
left: 525px;
}

#ie6 #tv
{
left: 775px;
}

#heroExploreEntMusic #tv
{
left: 445px;
}

#ie6 #heroExploreEntMusic #tv
{
left: 695px;
}

#heroExploreEntMovies #tv
{
left: 448px;
}

#ie6 #heroExploreEntMovies #tv
{
left: 695px;
}

#games
{
left: 745px;
}

#ie6 #games
{
left: 758px;
}

#internet
{
left: 575px;
}

#heroExplorePSWireless #internet
{
left: 620px;
}

#ie6 #heroExplorePSWireless #internet
{
left: 750px;
}

#ie6 #heroExplorePSTV #internet
{
left: 662px;
}

#wireless
{
left: 565px;
}

#heroExplorePSInternet #wireless
{
left: 545px;
}

#ie6 #heroExplorePSInternet #wireless,
#ie6 #heroExplorePSTV #wireless
{
left: 750px;
}

#digitalTV
{
left: 630px;
}

#ie6 #digitalTV
{
left: 650px;
}

.selected #gadgets,
.selected #highTechHome,
.selected #techToGo,
.selected #games,
.selected #music,
.selected #movies,
.selected #tv,
.selected #digitalTV,
.selected #internet,
.selected #wireless
{
background: none;
cursor: default;
top: 162px;
}

.selected #gadgets,
.selected #games,
.selected #digitalTV
{
left: 348px;
}

#ie6 .selected #gadgets,
#ie6 .selected #games
{
left: 358px;
top: 184px;
}

#ie6 .selected #digitalTV
{
left: 358px;
top: 184px;
}

.selected #highTechHome
{
left: 215px;
}

#ie6 .selected #highTechHome
{
left: 359px;
top: 184px;
}

.selected #techToGo
{
left: 74px;
}

#ie6 .selected #techToGo
{
left: 359px;
top: 184px;
}

.selected #music
{
left: 268px;
}

#ie6 .selected #music
{
left: 358px;
top: 184px;
}

.selected #movies
{
left: 190px;
}

#ie6 .selected #movies
{
left: 359px;
top: 184px;
}

.selected #tv
{
left: 103px;
}

#ie6 .selected #tv
{
left: 360px;
top: 184px;
}

.selected #internet
{
left: 225px;
}

#ie6 .selected #internet
{
left: 360px;
top: 184px;
}

.selected #wireless
{
left: 128px;
}

#ie6 .selected #wireless
{
left: 360px;
top: 184px;
}

#exploreMe
{
clear: both;
position: relative;
left: 395px;
top: 12px;
color: #fff;
width: 522px;
height: 145px;
font-size: 10px;
}

#exploreInnovationFlash .exploreMe1col,
#exploreEntFlash .exploreMe1col,
#explorePSFlash .exploreMe1col
{
padding: 15px;
width: 495px;
height: 125px;
}

#ie #exploreMe
{
top: 5px;
width: 526px;
}

#ie6 #exploreMe
{
left: 395px;
top: 155px;
}

.exploreMe2col
{
width: 220px;
clear: none;
float: left;
height: 145px;
padding: 10px 20px;
background: url(/Common/storefront/images/exploreMeBar.png) right 3px no-repeat;
position: relative;
}

#ie .exploreMe2col
{
width: 250px;
}

.exploreMe3col
{
padding: 10px 4px 0 4px;
width: 165px;
height: 145px;
clear: none;
float: left;
background: url(/Common/storefront/images/exploreMeBar.png) right 3px no-repeat;
position: relative;
}

#ie .exploreMe3col
{
width: 173px;
}

#exploreMe span
{
height: 18px;
background: url(/Common/storefront/images/btn_exploreMe.png) right 0 no-repeat;
position: absolute;
}

.exploreMe1col span
{
right: 35px;
bottom: 55px;
}

#ie #exploreMe span
{
bottom: 20px;
}

#exploreMe .exploreMe2col span
{
right: auto;
bottom: 40px;
}

#exploreMe .exploreMe3col span
{
right: auto;
bottom: 25px;
}

#exploreMe span sup
{
font-size: .9em;
top: -1px;
padding-right: 2px;
}

#exploreMe .exploreMe2col span
{
width: 225px;
}

#exploreMe .exploreMe3col span
{
width: 165px;
}

#exploreMe .exploreMe3col span.btn1
{
bottom: 45px;
}

#exploreMe .btn a,
#exploreMe .btn1 a
{
font-size: 10px;
color: #fff;
line-height: 18px;
padding: 0 22px 0 10px;
background: url(/Common/storefront/images/btn_exploreMe_bar.png) 4px 1px no-repeat;
}

/*Innovation backgrounds*/
#heroExploreInnoGadgets
{
background: #f27d00 url(/Common/storefront/images/exploreInnoGadgetsHero.jpg) no-repeat;
}

#heroExploreInnoHomeTech
{
background: #f27d00 url(/Common/storefront/images/exploreInnoHomeTechHero.jpg) no-repeat;
}

#heroExploreInnoTechToGo
{
background: #f27d00 url(/Common/storefront/images/exploreInnoTechToGoHero.jpg) no-repeat;
}

/*Extertainment backgrounds*/
#heroExploreEntGames
{
background: #f27d00 url(/Common/storefront/images/exploreEntGamesHero.jpg) no-repeat;
}

#heroExploreEntMusic
{
background: #f27d00 url(/Common/storefront/images/exploreEntMusicHero.jpg) no-repeat;
}

#heroExploreEntMovies
{
background: #f27d00 url(/Common/storefront/images/exploreEntMoviesHero.jpg) no-repeat;
}

#heroExploreEntTV
{
background: #f27d00 url(/Common/storefront/images/exploreEntTVHero.jpg) no-repeat;
}

/*Product Services backgrounds*/
#heroExplorePSTV
{
background: url(/Common/storefront/images/explorePSTVHero.jpg) no-repeat;
}

#heroExplorePSInternet
{
background: url(/Common/storefront/images/explorePSInternetHero.jpg) no-repeat;
}

#heroExplorePSWireless
{
background: url(/Common/storefront/images/explorePSWirelessHero.jpg) no-repeat;
}

#ie span.btnBlueArrow a
{
position: relative;
}









/*Bottom Promo Boxes*/
.promoiPhonePng
{
position: absolute;
top: 0;
right: 0;
height:100px;
width: 183px;
background: url(/Common/storefront/images/promo_iPhone_explore.png) 0 0 no-repeat transparent;
margin: 0;
z-index: 1;
}

#ie6 .promoiPhonePng
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Common/storefront/images/promo_iPhone_explore.png', sizingMethod='crop');
}

.promoMEdiaMallPng
{
position: absolute;
top: 0;
right: 0;
height:102px;
width: 99px;
background: url(/Common/storefront/images/promo_MEdia_mall_explore.png) 0 0 no-repeat transparent;
margin: 0;
z-index: 1;
}

#ie6 .promoMEdiaMallPng
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Common/storefront/images/promo_MEdia_mall_explore.png', sizingMethod='crop');
}

.promoWirelessProvPng
{
position: absolute;
top: 0;
right: 0;
height:102px;
width: 129px;
background: url(/Common/storefront/images/promo_largest_wireless_explore.png) 0 0 no-repeat transparent;
margin: 0;
z-index: 1;
}

#ie6 .promoWirelessProvPng
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Common/storefront/images/promo_largest_wireless_explore.png', sizingMethod='crop');
}

.promo3GPng
{
position: absolute;
top: 0;
right: 0;
height:100px;
width: 156px;
background: url(/Common/storefront/images/phone3G.png) 0 0 no-repeat transparent;
margin: 0;
z-index: 1;
}

#ie6 .promo3GPng
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Common/storefront/images/phone3G.png', sizingMethod='crop');
}

.promoLiveTVToGoPng
{
position: absolute;
top: 0;
right: 0;
height:100px;
width: 107px;
background: url(/Common/storefront/images/promo_wireless_tv.png) 0 0 no-repeat transparent;
margin: 0;
z-index: 1;
}

#ie6 .promoLiveTVToGoPng
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Common/storefront/images/promo_wireless_tv.png', sizingMethod='crop');
}

.promoShopBundlesPng
{
position: absolute;
top: 0;
right: 0;
height:100px;
width: 169px;
background: url(/Common/storefront/images/promo_shop_bundles.png) 0 0 no-repeat transparent;
margin: 0;
z-index: 1;
}

#ie6 .promoShopBundlesPng
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Common/storefront/images/promo_shop_bundles.png', sizingMethod='crop');
}

.promoSwitchPlayPng
{
position: absolute;
top: 0;
right: 0;
height:100px;
width: 164px;
background: url(/Common/storefront/images/promo_switch_play_wow.png) 0 0 no-repeat transparent;
margin: 0;
z-index: 1;
}

#ie6 .promoSwitchPlayPng
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Common/storefront/images/promo_switch_play_wow.png', sizingMethod='crop');
}

.promoWirelessCoveragePng
{
position: absolute;
top: 0;
right: 0;
height:100px;
width: 123px;
background: url(/Common/storefront/images/explore_stay_connected.png) 0 0 no-repeat transparent;
margin: 0;
z-index: 1;
}

#ie6 .promoWirelessCoveragePng
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Common/storefront/images/explore_stay_connected.png', sizingMethod='crop');
}

.promoExpHDTVPng
{
position: absolute;
top: 0;
right: 0;
height:102px;
width: 144px;
background: url(/Common/storefront/images/explore_feel_intensity.png) 0 0 no-repeat transparent;
margin: 0;
z-index: 1;
}

#ie6 .promoExpHDTVPng
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Common/storefront/images/explore_feel_intensity.png', sizingMethod='crop');
}

.promoShopInternetPng
{
position: absolute;
top: 0;
right: 0;
height:100px;
width: 162px;
background: url(/Common/storefront/images/explore_shop_internet.png) 0 0 no-repeat transparent;
margin: 0;
z-index: 1;
}

#ie6 .promoShopInternetPng
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Common/storefront/images/explore_shop_internet.png', sizingMethod='crop');
}


.promoadvancedTVPng
{
position: absolute;
top: 0;
right: 0;
height:100px;
width: 105px;
background: url(/Common/storefront/images/explore_advanced_tv.png) 0 0 no-repeat transparent;
margin: 0;
z-index: 1;
}

#ie6 .promoadvancedTVPng
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Common/storefront/images/explore_advanced_tv.png', sizingMethod='crop');
}

.promodigitalTVPng
{
position: absolute;
top: 0;
right: 0;
height:100px;
width: 105px;
background: url(/Common/storefront/images/explore_digital_tv.png) 0 0 no-repeat transparent;
margin: 0;
z-index: 1;
}

#ie6 .promodigitalTVPng
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Common/storefront/images/explore_digital_tv.png', sizingMethod='crop');
}

.promoFreeYourselfWirelessPng
{
position: absolute;
top: 0;
right: 0;
height:100px;
width: 141px;
background: url(/Common/storefront/images/explore_free_yourself_wireless.png) 5px 0 no-repeat transparent;
margin: 0;
z-index: 1;
}

#ie6 .promoFreeYourselfWirelessPng
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Common/storefront/images/explore_free_yourself_wireless.png', sizingMethod='crop');
}

.promoSimplifyLifePng
{
position: absolute;
top: 0;
right: 0;
height:100px;
width: 125px;
background: url(/Common/storefront/images/explore_simplify_life.png) 0 0 no-repeat transparent;
margin: 0;
z-index: 1;
}

#ie6 .promoSimplifyLifePng
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Common/storefront/images/explore_simplify_life.png', sizingMethod='crop');
}

/* END EXPLORE */

/* 
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;}
/* end  CLASS TO KILL BORDER ON FORM ELEMENTS */

.btn-margin-left {margin-left: 10px;}

/* 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;}
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, p, blockquote, 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%}
#ie6 #content ul	{margin: 0px;}
#content li, 
#popupContent li,
#content #faqList .bullet li{list-style-type: none; /*background: url(/Common/storefront/images/bulletGray.gif) 0px 7px no-repeat;padding: 1px 10px */margin: 2px 0; }
#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, textarea, select{border:1px solid #ccc; vertical-align:middle; background-color:#fff!important; color:#656565}

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; 
}
#siteUtil legend{height:20px}
#searchForm label, #quicklinks label, #ask_att label, #ask_question label, #drop_links label{display: none}
#searchForm input{border:1px solid #8cbbd8; padding-left: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 { margin-bottom: 10px; }
#content table.ledger tr td:first-child,
#content table.ledger tr th:first-child{border-left: 0 !important}
#content table.ledger tr td{border-top: 1px solid #e3eef4 !important; border-bottom: 0 !important; vertical-align: top; padding: 8px 0;}
#content table.ledger tr th{
	vertical-align: middle;
	text-align: left;
	background-color: #fff; /* AT&T Blue */
	color: #023f72;
	border: none !important;
	border-top: none !important;
	padding: 8px 0;
}
#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:#fff}
#content table tr.even td,
#content table tr td.even
#content table.ledger tr.even td{background-color: #fff}

/* 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:1px}
#ie sup{font-size:.8em}
#ie table sup{position: static}
sup.sm{font-size:.8em; line-height:.7em; top:-1px}
#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:#f27d00; 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}
.accent7{color:#f27d00; font-weight:normal;line-height:1.10em; margin-bottom: 7px;}
/* AT&T Green*/
.accent3{color:#61bf1a}
.accent8{color:#61bf1a; font-size: 1.50em; padding-bottom: 7px;}

/* 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}

/* ACCENT BACKGROUND COLOR PALETTE - page 25 of build book */
.LightGrayBG { background-color:#efefef !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(/Common/storefront/images/page_midSlice.gif) 0 0 repeat-y; padding-bottom:39px}
#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:80px;}
/**************************
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(/Common/storefront/images/popupPage_topSlice2.gif) 0 bottom repeat-x transparent; height: 5em}
#popupContainer{background: url(/Common/storefront/images/popupPage_midSliceL.gif) left 0 repeat-y #fff}
#iePopup #popupContainer{width: 100%}
#popupContainer #popupContent{background: url(/Common/storefront/images/popupPage_midSliceR.gif) right 0 repeat-y; padding: 15px; height: 100%}
#btmContainerPopup{clear: both; height: 3em; margin: 0 3px; background: url(/Common/storefront/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(/Common/storefront/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;line-height:3em}
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:14px !important}
#ie .topNav #searchForm{width:15%; 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}			
span#mylocal{position:absolute; right:0; top:60px; font-size:1em}
span#mylocal strong{font-weight:normal !important}
#header span#viewCart{background:url(/Common/indc/images/ico_shop_cart.gif) 0 0 no-repeat; padding:5px 40px 3px 25px}
#header span.localization a{border:0; padding:0}
#searchForm fieldset{
   position:relative; 
}
#cloneBox{position:relative; top:-2px;}
#ie #cloneBox{top:-3px;}

/*TopNav Search - Auto Suggest Box*/
#autoSuggestBox {
	padding:0; 
	margin:0; 
	background:#ffffff; 
	border:1px solid #cccccc;  
	position: absolute;
   /*top:0;*/
   /*left:0;*/
   min-width:96px;
   z-index:2;
}
#ie #autoSuggestBox{
   min-width:107px;
}
#ie6 #autoSuggestBox{
   width:auto;
}
#autoSuggestBox ul {
	list-style:none;
	padding: 0; 
	margin:0; 
   width:100%;
}
#autoSuggestBox ul li {
	padding: 1px 5px 2px 5px;
	cursor: pointer; 
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif; 
	white-space:nowrap;
   float:none; 
   display:block;
}
#ie #autoSuggestBox ul li{
   width:100% !important;
}
#autoSuggestBox ul li.selected { 
	background-color: #ebebeb;
}
/********************
Primary Navigation
*********************/	
#PrimaryNav{z-index:1; margin:0 0 10px 0; width:950px; position:relative; }
#PrimaryNav, #noimg_PrimaryNav{height:35px; background: url(/Common/storefront/images/nav/_primary_bg.gif) 0 0 repeat-x; line-height:1.5em}
#PrimaryNav li, #noimg_PrimaryNav li{float:left}
#PrimaryNav li#first{background:url(/Common/storefront/images/nav/_primary_bg_left.gif) 0 bottom no-repeat; width:2px; height:35px}
#PrimaryNav li#last{background:url(/Common/storefront/images/nav/_primary_bg_right.gif) right top no-repeat; width:2px; height:35px; 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-bundles,
#PrimaryNav li #pn-internet,
#PrimaryNav li #pn-local,
#PrimaryNav li #pn-long-dist,
#PrimaryNav li #pn-additional,
#PrimaryNav li #pn-special-offers,
#PrimaryNav li #pn-shop,
#PrimaryNav li #pn-solutions,
#PrimaryNav li #pn-support
{position:absolute}

#PrimaryNav li #pn-shop, 
#noimg_PrimaryNav li #noimg-shop{
	background: url('/Common/storefront/images/nav/primaryNavOrange_01162013.png') 0 0 no-repeat;
	text-indent: -9000px;
	width: 82px;
	height: 31px;
}
#PrimaryNav li.selected #pn-shop,
#PrimaryNav li.selected #pn-shop:hover{
	background: url('/Common/storefront/images/nav/primaryNavOrange_01162013.png') 0 -62px no-repeat;
}
#PrimaryNav li #pn-shop:hover{
	background: url('/Common/storefront/images/nav/primaryNavOrange_01162013.png') 0 -31px no-repeat;
}

#PrimaryNav li #pn-solutions,
#noimg_PrimaryNav li #noimg-solutions{
	left: 82px;
	background: url('/Common/storefront/images/nav/primaryNavOrange_01162013.png') -82px 0 no-repeat;
	text-indent: -9000px;
	width: 121px;
	height: 31px;
}
#PrimaryNav li.selected #pn-solutions,
#PrimaryNav li.selected #pn-solutions:hover{
	background: url('/Common/storefront/images/nav/primaryNavOrange_01162013.png') -82px -62px no-repeat;
}
#PrimaryNav li #pn-solutions:hover{
	background: url('/Common/storefront/images/nav/primaryNavOrange_01162013.png') -82px -31px no-repeat;
}

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

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


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


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


#PrimaryNav li #pn-long-dist,
#noimg_PrimaryNav li #noimg-long-dist{
	left: 298px;
	border: none;
	background: url(/Common/storefront/images/nav/primaryNavOrange.png) -298px 0 no-repeat;
	text-indent: -9000px;
	width: 150px;
	height: 31px;
}
#PrimaryNav li.selected #pn-long-dist,
#PrimaryNav li.selected #pn-long-dist:hover{
	background: url(/Common/storefront/images/nav/primaryNavOrange.png) -298px -62px no-repeat;
}
#PrimaryNav li #pn-long-dist:hover{
	background: url(/Common/storefront/images/nav/primaryNavOrange.png) -298px -31px no-repeat;
}
/* new definition for additional*/
#PrimaryNav li #pn-additional,
#noimg_PrimaryNav li #noimg-additional{
	left: 448px;
	border: none;
	background: url(/Common/storefront/images/nav/primaryNavOrange.png) -448px 0 no-repeat;
	text-indent: -9000px;
	width: 125px;
	height: 31px;
}
#PrimaryNav li.selected #pn-additional,
#PrimaryNav li.selected #pn-additional:hover{
	background: url(/Common/storefront/images/nav/primaryNavOrange.png) -448px -62px no-repeat;
}
#PrimaryNav li #pn-additional:hover{
	background: url(/Common/storefront/images/nav/primaryNavOrange.png) -448px -31px no-repeat;
}
/* new definition for additional*/
#PrimaryNav li #pn-special-offers,
#noimg_PrimaryNav li #noimg-special-offers{
	left: 573px;
	border: none;
	background: url(/Common/storefront/images/nav/primaryNavOrange.png) -573px 0 no-repeat;
	text-indent: -9000px;
	width: 151px;
	height: 31px;
}
#PrimaryNav li.selected #pn-special-offers,
#PrimaryNav li.selected #pn-special-offers:hover{
	background: url(/Common/storefront/images/nav/primaryNavOrange.png) -573px -62px no-repeat;
}
#PrimaryNav li #pn-special-offers:hover{
	background: url(/Common/storefront/images/nav/primaryNavOrange.png) -573px -31px no-repeat;
}
/* SYSTEM TEXT TOP NAVIGATION LINKS */
#PrimaryNav li #pn-login, #PrimaryNav li #pn-register{background:none;color:#fff; z-index:1; text-align:right; position:absolute; top:0; line-height:1.1em}
#PrimaryNav li #pn-login{ right:.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: #024275;
	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-bundles,
#noimg_PrimaryNav li #noimg-internet,
#noimg_PrimaryNav li #noimg-local,
#noimg_PrimaryNav li #noimg-long-dist,
#noimg_PrimaryNav li #noimg-additional,
#noimg_PrimaryNav li #noimg-special-offers
{
	text-indent: 1.5em;
	text-transform: uppercase;
	line-height: 2.2em;
}
#noimg_PrimaryNav li #noimg-long-dist{
	border: 0;
}
#noimg_PrimaryNav li #noimg-bundles:hover,
#noimg_PrimaryNav li #noimg-internet:hover,
#noimg_PrimaryNav li #noimg-local:hover,
#noimg_PrimaryNav li #noimg-long-dist:hover,
#noimg_PrimaryNav li #noimg-additiona: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(/Common/storefront/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(/Common/storefront/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,
#PrimaryNav li.selected #shopSecondaryNav li a#nohoverbox_wireless{background:none !important}
#PrimaryNav li.selected .secondaryNav li a:hover{text-decoration:underline; background:url(/Common/storefront/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(/Common/storefront/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(/Common/storefront/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(/Common/storefront/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(/Common/storefront/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;}
.col_230_right	{float:right; width:230px;}
.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}
.second_950	{width: 950px; float:left;}

/**************************
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,
.min442, 
.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: 184px}
#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: 470px}

/**************************
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;
	margin-bottom: 10px;
}

/* 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(/Common/storefront/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(/Common/storefront/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(/Common/storefront/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(/Common/storefront/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(/Common/storefront/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: 630px;
}
/*  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(/Common/storefront/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(/Common/storefront/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(/Common/storefront/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(/Common/storefront/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(/Common/storefront/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;
}
/* no border with 10px margin at the bottom for mods to be placed underneath. used for heroNoBrdr */
div.rotate div.mod_f2 {
	margin-bottom: 10px;
	padding:0;
	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: 680px; */
	position:relative;
	top:0px;
	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 0px 0 0;
	height: 4.7em;
	width: 195px;
}
.pricing span{
	color: #ccc;
	font-size: .9em;
}
.pricing div{
	color: #74b727;
	font-size: 3.3em;
	margin: 10px 0 0 0;
}
.pricing img	{position: relative; margin-bottom: 12px;}
#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
**************************/
.printLink{background: url(/Common/storefront/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(/Common/storefront/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(/Common/storefront/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(/Common/storefront/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(/Common/storefront/images/btn_blue_arrow.gif) 100% 65% no-repeat transparent;
	cursor: pointer;
	padding-right: 10px;
}
.btnBlueCagedArrow{
	background: url(/Common/storefront/images/btn_blue_caged_arrow.gif) 0 50% no-repeat transparent;
	padding: 5px 0 5px 20px;
	cursor: pointer;
}
.btnWhiteCagedArrow{
	background: url(/Common/storefront/images/btn_white_caged_arrow.gif) 0 50% no-repeat transparent;
	padding: 5px 0 5px 20px;
	cursor:pointer;	
}

/*File icon classes for PDF and Video; added April 7 2014 */
.btnWhitePDF{
	background: url(/Common/storefront/images/file-icon-pdf.png) 0 50% no-repeat transparent;
	padding: 5px 0 5px 20px;
	cursor:pointer;	
}
.btnWhiteVideo{
	background: url(/Common/storefront/images/file-icon-video.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;	
}

.checkmark {
	list-style-image:url('/Common/storefront/images/icon_checkmark.gif')!important;
}

/**************************
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;
	top: 163px;
}
#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(/Common/storefront/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(/Common/storefront/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(/Common/storefront/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(/Common/storefront/images/toggle_plus.png) 10px 50% no-repeat}
/*#faqList li.close div.a, #termsList li.close div.a{display: none}*/


/* ------------------------------- new styles for merchandising pages --------------------------------------------- */

/* for special offers*/
	.first_182	{float:left; width:182px; clear:left}
	.col_182		{float:left; width:182px; margin-left:10px;}
	.col_182_right	{float:right; width:182px;}
/*------------------------------------------------------*/

#ie	.min230					{height: 226px;}
.min230					{height: 212px;}
.mod_pad					{padding: 14px 10px 0px;}
.mod_bundle_btm {
	border: 1px solid #ccc;
	height: 212px!important;
	background: url(/Common/storefront/images/short_mod_gradientSlice.gif) left bottom repeat-x transparent;
	margin-bottom: 14px;
}

.phonepromo {
	background: url(/Common/storefront/images/phone_samsung_blackjack2.jpg) right top no-repeat transparent;
	padding-right: 65px;
}

#ie .mod_bundle_btm {
	border: 1px solid #ccc;
	height: 210px;
	background: url(/Common/storefront/images/short_mod_gradientSlice.gif) left bottom repeat-x transparent;
}
.mod_call800_btm {
	padding: 14px 10px 0px 10px;
	background-color: transparent;
	background-image: url(/Common/storefront/images/call_1800.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}
.quick-links	{
	height: 186px;
	margin-bottom:10px;
	background: #eee url(/Common/storefront/images/bg_quick_links.jpg) 0 0 no-repeat;
}
.quick-links-gradient	{
	height: 186px;
	margin-bottom:10px;
	background: #eee url(/Common/storefront/images/bg_quicklinks_blank.jpg) 0 0 no-repeat;
}
#ie .quick-links	{
	height: 186px;
	margin-bottom:10px;
	background: url(/Common/storefront/images/bg_quick_links.jpg) 0 0 no-repeat;
}
.quick-links p	{width:150px;}

.promo177	{height: 170px;}
.promo177 p {margin-bottom: 5px;}
.btn_btm	{height: 40px;margin:0px;}
.btn_products	{height: 40px;margin:0px;margin-top:10px;}
.btn_products .margin-right{float:right;margin-right: 10px;}
.btn_btm img {position: relative; float: right;}
.btn_btm .btnBlueArrow {line-height: 2em;}
/* price:position relative*/
img.dollar_amount	{margin-bottom: 5px;}
.price {color:#74B727;margin:10px 0px;_margin:11px 0px;}
.price .aslow  {font-size:10px;position:relative;top:-15px;color:#CCC;}
.price .dollar  {font-size:16px;position:relative;top:-10px;font-weight:bold;}
.price .int  {font-size:30px;}
.price .decimal {display:inline;position:relative;}
.price .cent  {font-weight:bold;font-size:14px;position:relative;top:-10px;left:0px;}
.price .permonth  {font-size:10px;position:relative;bottom:-1px;left:-24px;color:#ccc;}
.price .cent-permonth  {font-size:10px;position:relative;bottom:-1px;left:-7px;color:#ccc;}
.price .decimal img {position:relative; top: -23px; left: 3px;float:right;}
#ie .price .decimal img {position:relative; top: -15px; left: 3px;float:right;}
.viewCart{background:url(/Common/indc/images/ico_shop_cart.gif) 0 0 no-repeat; padding:0px 20px 0px 25px; height:20px;line-height:20px;float:right;}

.view-exit-cart{background:url(/Common/indc/images/ico_shop_cart.gif) 0 0 no-repeat; padding:0px 20px 0px 25px; height:20px;line-height:20px;float:right;margin:0px;}

#contentDiv .tab-border {padding:0px;border: 1px solid #ccc;}
/* new styel for marquee */
#heroMarketing
{
background: url(/Common/storefront/images/marquees/marquee_holder.jpg) no-repeat;
width: 628px;
border: 1px solid #ccc;
}
.btn-call {
	height: 40px;
	width: 88px;
	padding: 0px 0px 0px 32px;
	background-color: transparent;
	background: url(/Common/storefront/images/btn_call.png) 0 0 no-repeat;
	float:right;color: 
	#f27d00!important;
	font-size: .97em;
	text-align: left;
}

.orderbyphone{color:#f27d00;padding-right: 90px;margin:0px;}
.orderbyphone span {font-size: .78em;}
.comparewhitearrow {margin: 10px 0px 0px;}

/*list treatment */
#promolist li{
	list-style-type: none;
	margin: 2px 0 6px;
	padding: 1px 10px 1px 20px;
	background: url(/Common/storefront/images/btn_white_caged_arrow.gif) 0px 1px no-repeat;
}
#faqList	{display: inline;}

/*	matrix tabs set up */

.matrixDetail div.tabs div.tabs div.tabs{
	padding: 14px;
	color: #666;
	border: 1px solid #ccc;
	clear: both;
	position: relative;
	top: -1px;
	left: 0;
	width: 920px;
	/*overflow: auto;*/
}
#ie .matrixDetail div.tabs div.tabs div.tabs {
	z-index: -1;
	width: 920px;
}

.matrixDetail{
	width: 950px;
	height: 100%;
}

.matrixDetail div.tabs div.tabs div.tabs{
	height: auto;
}
#ie .matrixDetail div.tabs div.tabs div.tabs{}

/* Product pages */
.fix-padding {padding: 0px!important; width: 708px!important;} /* fix right padding for ie6 when using wrapper with an img within tabbertab */
.zero-margin	{margin:0px;}
#business_conn {_height: 176px;min-height: 176px; width:404px;padding: 14px 290px 0px 14px; background:url(/Common/storefront/images/sample_prod_img.jpg) no-repeat top right;}
.tabs h4 {margin-bottom:14px;}
.content_below	{padding: 0px 14px 0px;}
.topborder {
	border-top: 1px solid #ccc;
	padding-top: 20px;
	_height:1%;	/* for ie 6 to render layout*/
}
.bus_conn_prom {background: url(/Common/storefront/images/business_promo.jpg) -1px 1px no-repeat; height:90px; padding:14px 10px;}
.bus_conn_prom p {width: 62%;}
/*	tables	*/
.no-border	{border:none!important;}
#shopping-cart-table	{margin-bottom: 5px;}
#shopping-cart-table  .cart-item{width:120px;padding: 2px 0px; vertical-align:top;font-weight: bold;}
#shopping-cart-table .product-price{width:79px; text-align:right;padding: 4px 0px; vertical-align:top;font-weight: bold;}


#features {border-collapse:collapse;}
#features .firsttd {padding-top: 0px!important;}
#features .bundles-title {width: 155px; padding-right:10px;border-bottom: 1px solid #ccc; vertical-align: top;padding-top: 10px;}
#features .bundles-detail{width:510px; padding-left:10px;border-bottom: 1px solid #ccc; vertical-align: top;padding-top: 10px;}
#features .bundles-title-last, #features .bundles-detail-last { border-bottom: none; }
/*	matrix pages*/
.popular {background:url(/Common/storefront/images/matrix_popular.gif) 0 50% no-repeat; height: 63px}
.center_this	{text-align:center;}
.accent9	{font-weight: bold ; color:#0a94d6;display:inline;}
.accent10	{margin-bottom: .40em;}

.mod_matrix {
	border: 1px solid #ccc;
	padding: 14px 10px;
	margin-bottom: 10px;
	background: url(/Common/storefront/images/bg_matrix_left.jpg) 0px 200px no-repeat transparent;
	position: relative;
	top: 0;
	left: 0;
}
.mod_matrix_no_borpad {
	background: url(/Common/storefront/images/bg_matrix_left.jpg) 0px 200px no-repeat transparent;
}
#matrix_selection {width: 138px;float:left;}
#matrix_selection h3 {font-size: 1.15em; border-bottom: 1px solid #ccc; padding: 10px 5px 20px;font-weight:normal;}
#matrix_selection ul {list-style-type: none;}
#matrix_selection ul li {margin:0px; padding: 5px 0px 5px 2px; background: none; clear:both;}
#matrix_selection ul li input {margin: 0px; display: block;float:left;}
#ie #matrix_selection ul li input {border: none;}
#matrix_selection ul li label {margin: 1px 0px 0px 4px; display: block;float:left;width: 110px;}

#matrix_container {width:768px; float:right;}
#matrix_container table {width:768px;margin-bottom: 10px;}
#matrix_container th {background: #e3eef4;font-weight: normal;padding-top: 10px;padding-bottom: 10px; font-size: .96em;}
#matrix_container td {border-top: 1px solid #ccc; vertical-align: top;padding-top: 10px;padding-bottom: 10px; font-size: .96em;}
#ie #matrix_container th {font-size: 1em;}
#ie #matrix_container td {font-size: 1em;}

#matrix_container .title_th			{width:155px; padding-left: 25px;}
#matrix_container .product_title 	{width:155px;padding-left: 25px;}

#matrix_container .product_offers 	{width: 130px;}
#matrix_container .offers_th		{width: 130px;}

#matrix_container .product_description 	{width: 240px; padding-left: 10px;}
#matrix_container .description_th		{width: 240px; padding-left: 10px;}

#matrix_container .product_price 	{width: 92px; text-align:right;padding-right: 10px;}
#matrix_container .price_th			{width:102px;}

#matrix_container .product_order 	{width: 111px; padding-left: 5px;}
#matrix_container .order_th			{width: 116px;}

/* matrix page styles */


.text_right	{text-align:right;}
.matrix_internet {width:950px;}
.matrix_internet .btm_link	{padding: 5px 10px 0px 0px;float:right;}
.matrix_internet div.tabs div.tabs div.tabs{
	padding: 14px;
	color: #666;
	border: 1px solid #ccc;
	clear: both;
	position: relative;
	top: -1px;
	left: 0;
	width: 920px!important;
	/*overflow: auto;*/
}
#ie .matrix_internet div.tabs div.tabs div.tabs,
{
	z-index: -1;
	width: 920px!important;
}

/*	table located inside the tabs */

.matrix_internet table {width:919px;margin-bottom: 10px;}
.matrix_internet th {background: #e3eef4;font-weight: normal;padding-top: 10px;padding-bottom: 10px; font-size: .96em;}
.matrix_internet td {border-top: 1px solid #ccc; vertical-align: top;padding-top: 10px;padding-bottom: 10px; font-size: .96em;}

.matrix_internet .title_th			{width:155px; padding-left: 25px;}
.matrix_internet .product_title 	{width:145px;padding-left: 25px;padding-right: 10px;}

.matrix_internet .speed_th			{width:110px;}
.matrix_internet .product_speed 	{width:110px;}

.matrix_internet .offers_th			{width: 95px;}
.matrix_internet .product_offers 	{width: 95px;}

.matrix_internet .ip_address_th			{width:90px;padding-left: 10px;}
.matrix_internet .product_ip_address 	{width:90px;padding-left: 10px;}

.matrix_internet .download_th			{width:100px;padding-left: 10px;}
.matrix_internet .product_download	 	{width:100px;padding-left: 10px;}

.matrix_internet .upload_th				{width:99px;padding-left: 10px;}
.matrix_internet .product_upload	 	{width:99px;padding-left: 10px;}

.matrix_internet .price_th			{width:100px;}
.matrix_internet .product_price 	{width: 90px; text-align:right;padding-right: 10px;}

.matrix_internet .order_th			{width: 125px;}
.matrix_internet .product_order 	{width: 120px; padding-left: 5px; text-align:right;}

/*	this table with only 4 column */

.web_and_additional table {width:919px;margin-bottom: 10px;}
.web_and_additional th {background: #e3eef4;font-weight: normal;padding-top: 10px;padding-bottom: 10px; font-size: .96em;}
.web_and_additional td {border-top: 1px solid #ccc; vertical-align: top;padding-top: 10px;padding-bottom: 10px; font-size: .96em;}
#ie .web_and_additional th {font-size: 1em;}
#ie .web_and_additional td {font-size: 1em;}

.web_and_additional .title_th			{width:155px; padding-left: 25px;}
.web_and_additional .product_title 	{width:145px;padding-left: 25px;padding-right: 10px;}

.web_and_additional .offers_th			{width: 155px;}
.web_and_additional .product_offers 	{width: 155px;}

.web_and_additional .description_th		{width:459px; padding-left: 10px;}
.web_and_additional .product_description{width:430px; padding-left: 10px;padding-right: 29px;}

.web_and_additional .order_th			{width: 100px;padding-left: 25px;}
.web_and_additional .product_order 	{width: 120px; padding-left: 5px; text-align:right;}

/*	local service table */
.matrix_local {width:950px;}
.matrix_local div.tabs div.tabs div.tabs{
	padding: 14px;
	color: #666;
	border: 1px solid #ccc;
	clear: both;
	position: relative;
	top: -1px;
	left: 0;
	width: 920px!important;
	/*overflow: auto;*/
}
#ie .matrix_local div.tabs div.tabs div.tabs,
{
	z-index: -1;
	width: 920px!important;
}
.matrix_local {width:919px; margin-bottom: 10px;}
.matrix_local table {width:919px;margin-bottom: 10px;}
.matrix_local th {background: #e3eef4;font-weight: normal;padding-top: 10px;padding-bottom: 10px; font-size: .96em;}
.matrix_local td {border-top: 1px solid #ccc; vertical-align: top;padding-top: 10px;padding-bottom: 10px; font-size: .96em;}
.ie .matrix_local th {font-size: 1em;}
.ie .matrix_local td {font-size: 1em;}

.matrix_local .title_th			{width:155px; padding-left: 25px;}
.matrix_local .product_title 	{width:155px;padding-left: 25px;}

.matrix_local .product_offers 	{width: 130px;}
.matrix_local .offers_th		{width: 130px;}

.matrix_local .product_description 	{width: 391px; padding-left: 10px;}
.matrix_local .description_th		{width: 391px; padding-left: 10px;}

.matrix_local .product_price 	{width: 92px; text-align:right;padding-right: 10px;}
.matrix_local .price_th			{width:102px;}

.matrix_local .product_order 	{width: 111px; padding-left: 5px;}
.matrix_local .order_th			{width: 111px; padding-left: 5px;}



/*	this table with 5 columns */

.long_distance table {width:919px;margin-bottom: 10px;}
.long_distance th {background: #e3eef4;font-weight: normal;padding-top: 10px;padding-bottom: 10px; font-size: .96em;}
.long_distance td {border-top: 1px solid #ccc; vertical-align: top;padding-top: 10px;padding-bottom: 10px; font-size: .96em;}
#ie .long_distance th {font-size: 1em;}
#ie .long_distance td {font-size: 1em;}

.long_distance .title_th			{width:185px; padding-left: 25px;}
.long_distance .product_title 	{width:175px;padding-left: 25px;padding-right: 10px;}

.long_distance .offers_th		{width: 126px;}
.long_distance .product_offers 	{width: 126px;}

.long_distance .description_th	{width:381px; padding-left: 10px;}
.long_distance .product_description{width:350px; padding-left: 12px;padding-right: 29px;}

.long_distance .price_th			{width:100px;}
.long_distance .product_price 	{width:90px; text-align:center; padding-right: 10px;}

.long_distance .order_th			{width: 100px;padding-left: 25px;}
.long_distance .product_order 	{width: 120px; padding-left: 5px; text-align:left;}

.matrix_internet {width:950px;}
.matrix_internet div.tabs div.tabs div.tabs{
	padding: 14px;
	color: #666;
	border: 1px solid #ccc;
	clear: both;
	position: relative;
	top: -1px;
	left: 0;
	width: 920px!important;
	/*overflow: auto;*/
}
#ie .matrix_internet div.tabs div.tabs div.tabs,
{
	z-index: -1;
	width: 920px!important;
}

/*	table located inside the tabs */

.matrix_internet table {width:919px;margin-bottom: 10px;}
.matrix_internet th {background: #e3eef4;font-weight: normal;padding-top: 10px;padding-bottom: 10px; font-size: .96em;}
.matrix_internet td {border-top: 1px solid #ccc; vertical-align: top;padding-top: 10px;padding-bottom: 10px; font-size: .96em;}
#ie .matrix_internet th {font-size: 1em;}
#ie .matrix_internet td {font-size: 1em;}

.matrix_internet .title_th			{width:155px; padding-left: 25px;}
.matrix_internet .product_title 	{width:155px;padding-left: 25px;}

.matrix_internet .product_offers 	{width: 130px;}
.matrix_internet .offers_th		{width: 130px;}

.matrix_internet .product_description 	{width: 240px; padding-left: 10px;}
.matrix_internet .description_th		{width: 240px; padding-left: 10px;}

.matrix_internet .product_price 	{width: 92px; text-align:right;padding-right: 10px;}
.matrix_internet .price_th			{width:102px;}

.matrix_internet .product_order 	{width: 111px; padding-left: 5px;}
.matrix_internet .order_th			{width: 116px;}

/* affiliate */

	.first_182	{float:left; width:182px; clear:left}
	.col_182		{float:left; width:182px; margin-left:10px;}
	.col_182_right	{float:right; width:182px;}
	.mod_bundle_btm_382 {border: 1px solid #ccc; height: 366px; background: url(http://att.principlemcd.com/Common/storefront/images/short_mod_gradientSlice.gif) left bottom repeat-x transparent; margin-bottom: 14px;}
	.first_203	{float:left; width:203px; clear:left}
	
	.dsl-modem	{
	height: 88px;
	margin-bottom:10px;
	background: #eee url(http://att.principlemcd.com/Common/storefront/images/bg_dsl_modem_310.jpg) 0 0 no-repeat;
}

.dsl-modem p	{width:150px;}

	.bundles	{
	height: 88px;
	margin-bottom:10px;
	background: #eee url(/Common/storefront/images/bg_bundles_310.jpg) 0 0 no-repeat;
}
#ie .bundles	{
	height: 186px;
	margin-bottom:10px;
	background: url(/Common/storefront/images/bg_bundles_310.jpg) 0 0 no-repeat;
}
.bundles p	{width:150px;}

/*	for the att yahoo right module*/

.att-yahoo ul	{margin-bottom: 0px;}

/*	affiliate program */
.affiliatepromo	{height: 145px;}

.zipcode	{font-size: 1.08em;}
.clearcart	{clear:both; margin-bottom: 10px;}
.li-small{width: 140px!important;}

/* chat buton on the matrix page */
.leftcopy	{width:70%; float:left;}

.shopforthis	{margin-bottom: 4px;}
.productservice	{margin: 2px 0px 0px;}
.productservice strong {margin: 0px 0px 9px;}
#ie .productservice strong {margin: 0px 0px 6px;}

/* Question? call: 1.888.944.0447 style*/

.question-call {float:right; font-weight: normal;text-align:right;margin:0px;width: 120px!important;}



/***************
custom .net footer
***************/
#preFooter{
    position:relative;
    top:7px;
    left:0px;
    width:985px;
    margin:0;
    padding:0;
    background:#fff url(http://www.att.com/Common/indc/images/footer/img_prefooter.gif) 0 0;        
}
#preFooter p{
   padding:0;
   margin:0 0 0 14px; 
}
#preFooter p a{
    font-size:.9em;
    display:block; 
    height:2.8em;
    line-height:2.5em; 
    color:#999999;
}
    #ie #preFooter p a{
       font-size:.9em;
       height:2.7em;
       line-height:2.4em;
    }
#preFooter a sup{font-size:8px; }
#preFooter a:hover sup{text-decoration:none}
#btmContainer #footer{
   margin:9px 0 0 4px;
   background: url(http://www.att.com/Common/indc/images/footer/img_prefooter2.gif) 0 -2px no-repeat;  
   padding-top:20px;
}
    #ie #btmContainer #footer{
       margin:7px 0 0 4px;
    }
    
#btmContainer .left_col{float:left; width:160px}
#btmContainer .right_col{float:left; width:816px}

#btmContainer h6{
   font-size:1.2em !important;
   font-weight:normal;
   margin-top:0;
   float:left;
   padding-right:20px;
   margin-right:0;
   line-height:25px;
   background:url(http://www.att.com/Common/indc/images/footer/footer-separator.gif) 100% 0 no-repeat;
}
#btmContainer #footer ul{
   position:relative;
   top:-8px;
}
#btmContainer #footer ul li{
   float:left; 
   margin-top:-7px;
}
    #ie #btmContainer #footer ul li{
       float:left;
       margin-top:-13px;
    }
#btmContainer #footer li a{
  font-size:1.2em;
  color:#666666;
  line-height:2.3em;
  color:#0094D7;  
}
#btmContainer .footer-att-com-icn{
   background:url(http://www.att.com/Common/indc/images/footer/footer-separator.gif) 100% 100% no-repeat;   
}
    #ie #btmContainer .footer-att-com-icn{
       background:url(http://www.att.com/Common/indc/images/footer/footer-separator.gif) 100% 45% no-repeat;   
    }

#btmContainer .footer-att-com-icn a{
   display:block;
   background: url(http://www.att.com/Common/indc/images/footer/footer-att-com-icn.gif) 0 95% no-repeat;   
   line-height:45px;
   padding:7px 0 5px 30px; 
   margin-left:15px;
}
#ie #btmContainer .footer-att-com-icn a{
	background: url(http://www.att.com/Common/indc/images/footer/footer-att-com-icn.gif) 0 100% no-repeat;   
   padding:5px 0 5px 30px;
}
#btmContainer .right_col .footer-att-net-icn a{
   display:block;
   background:url(http://www.att.com/Common/indc/images/footer/footer-att-net-icn.gif) 0 80% no-repeat;
   line-height:45px;
   padding:7px 0 5px 30px;   
   margin-left:15px;
}
#ie #btmContainer .right_col .footer-att-net-icn a{
   background:url(http://www.att.com/Common/indc/images/footer/footer-att-net-icn.gif) 0 80% no-repeat;
   padding:5px 0 5px 30px;
}
#btmContainer li span{display:block; font-size:.8em; margin:-27px 25px 0 45px;}

#btmContainer .right_col{position:relative}

#btmContainer .right_col .bottomLinks{padding:15px 0 10px 0; color:#cccccc;}
    #ie #btmContainer .right_col .bottomLinks{padding:10px 0 10px 0}    
    
#btmContainer .right_col .bottomLinks a, 
#btmContainer .right_col .bottomLinks a:visited, 
#btmContainer .right_col .bottomLinks a:hover{font-size:.9em; color:#999999; padding:0 5px;}
#btmContainer .right_col .copyright{color:#999999; line-height:normal}
#btmContainer .right_col .mute{font-size:100%} 
#btmContainer .right_col .yellowpages{margin:10px 50px 10px 0}
#btmContainer .right_col .ciclogo {position:absolute; top:55px; right:5px}

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

/*	png fix for ie6 */
* html img,
* html .png{
position:static;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}