/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*
BT Business option 2 redesign
LBi, Ross Bruniges
14th September 2009

TOC:
	1. Global elements
	2. CSS Grid
	3. Header
	4. Content
	5. Footer
*/
/** 1= Global elements **/
body {
	background: #FFF;
	color: #666;
	font-family: Tahoma,Arial,sans-serif;
	text-align:center;
}
a:link,
a:visited {
	color: #0055B0;
	text-decoration: none;
}
a:focus,
a:hover,
a:active {
	text-decoration: underline;
}
.skip {
	position: absolute;
	left: -9999em;
}
.img_wrap { /* bugger - I thought this might work... */
	border: 1px solid #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.more_info {
	padding-right: 20px;
	background: transparent url(/assets/images/sprites/iconography.png) no-repeat right -100px;
}
/* container that TC content gets loaded into - hide so no page length jumps */
#tc_content_BT_Business_HP_Main {
	display: none;
}
/* skeleton */
#page {
	margin: 0 auto;
	overflow: hidden;
	text-align:left;
	width: 980px;
}
/** 2= CSS Grid **/
/*
	- sections control the vertical spacing contain columns (unless they are full)
	- cols width and containment of modules and outer horizontal spacing
		: measure in shot sizes (single, double, triple, quadruple)
	- mods contain content and define inner spacing
		: measured in pint sizes (half and pint)
*/
.section {
	margin: 0 19px;
	padding-bottom: 1.6em; /* 1.6 x 13 = 20/21px*/
	overflow: hidden;
}
/** columns **/
.col {
	margin-right: 20px;
	float: left;
}
/* widths (shot measures) */
.single {}
.double {
	width: 300px;
}
.triple {
	width: 620px;
}
.quadruple {}
/** modules **/
.mod {
	margin-right: 20px;
	background:  url(/assets/images/sprites/rnd_backgrounds.png) no-repeat 0 0;
	margin-bottom: 1.6em; /* 1.6 x 13 = 20/21px*/
	float: left;
}
.modFrame {
	margin-bottom: 1.6em; /* 1.6 x 13 = 20/21px*/
}
.mod .modBase {
	background: url(/assets/images/sprites/rnd_backgrounds.png) no-repeat -800px bottom;
	height:8px;
	position:relative;
	top:8px;
	margin:0;
}
.login .modBase{
	background-position: -2400px bottom;
	top:0px;
}
/* widths (pint sizes) */
.pint {
	margin-right: 0;
	/* no float so now the containers won't shrink wrap and just be 100% by default */
	float: none;
}
.half {
	width: 300px;
}
/** overrides **/
.last {
	margin-right: 0;
}
.full {
	margin-left: 0;
	margin-right: 0;
	position: relative;
}
/** 3= Header **/
#header {
	overflow: hidden;
	width: 100%;
	padding-top: 1.55em; /* 1.55 x 13 = 20px */
}
#header a,
#header h1 {
	float: left;
}
#header a {
	margin-left: 20px;
}
#header h1 {
	width: 30%;
	margin-left: 28px;
}
/* search form */
#header form {
	float: right;
	margin-top: 1.5em; /* 1.5 x 10 = 158pxpx */
	font-size: 77%;
	padding-right: 20px;
}
#header label,
#header input,
#header fieldset,
#header .cta {
	float: left;
}
#header fieldset input {
	margin: 0 5px;
	width: 158px;
	padding: 1px 0;
	border: 1px solid #C3C3C3;
	border-top-color: #7C7C7C;
	border-bottom-color: #DDD;
}
.js #header label {
	position: absolute;
	left: -9999px;
}
/* css from business.bt.com */
div#search {
	cursor:pointer;
	float:left;
	height:18px;
	overflow:hidden;
	background: none;
	padding:0;
	margin:0;
}
#search.input_active input {
	margin-top:-18px;
	width:69px;
}

/* primary navigation */
#header ul {
	padding-top: 1.4em; /* 1.4 x 12 = 16/17px */
	font-weight: bold;
	width: 100%;
	font-size: 93%;
	overflow: hidden;
	background: transparent url(/assets/images/sprites/primary_nav.png) no-repeat left bottom;
	clear: left;
}
#header li {
	float: left;
	display: block;
	text-align: center;
	width: 159px;
	margin-right: 2px;
	overflow: hidden;
}
#header li.has_drop_down {
	width: 174px;
	position: relative;
}
#header li.last {
	margin-right: 0;
}
#header li a {
	margin-left: 0;
	color: #FFF;
	background: #6697BB url(/assets/images/sprites/primary_nav.png) no-repeat left top;
	float: none;
	display: block;
	padding: 0.7em 0 0.6em; /* 0.7 x 12 = 8px (top), 0.6 x 12 = 7px (bottom) */
}
#header li.has_drop_down a {
	text-align:left;
	padding-left: 15px;
}
#header li a:hover,
#header li a:focus,
#header li a:active {
	background-position: left -61px;
}
#header li a.drop_down,
#header li a.close {
	height: 30px;
	width: 32px;
	padding: 0;
	position: absolute;
	overflow: hidden;
	right: 0;
	top: 0;
	text-indent: -9999em;
	background-position: -200px top;
}
#header li a.drop_down:hover,
#header li a.drop_down:focus,
#header li a.drop_down:active {
	background-position: -200px -61px;
}
#header li a.selected,
#header li a.selected:hover {
	color: #0055B0;
	background-color: #FFF;
	background-position: left -122px;
}
#header li a.close:link,
#header li a.close:visited,
#header li a.close:focus,
#header li a.close:hover,
#header li a.close:active {
	background-position: -250px top;
}
/** 4= Content **/
#content {
	background: #E2E2E2 url(/assets/images/css/homepage_option2_bg.jpg) no-repeat top left;
	border: 1px solid #CCC;
	border-width: 0 1px;
}
h2 {
	font-size: 153.9%;
	margin: 0.5em 10px 0.25em; /* 0.5 x 20 = 10px (top), 0.25 x 20 = 5px (bottom) */
	color: #000;
}
.pint h2{
	padding-top:0.5em;
	margin-top:0;
} 
.section p.intro {
	margin: 0 10px 0.2em; /* 0.2 x 13 = 2px (bottom) */
	font-size: 108%;
}
/* login box */
.login {
	position: absolute;
	left: 660px;
	top: 1.55em; /* 1.55 x 13 = 20px */
	background: url(/assets/images/sprites/rnd_backgrounds.png) no-repeat -1600px top;
	border-color: #8daec6;
}
.login h2,
.login a:link,
.login a:visited,
.login a:focus,
.login a:hover,
.login a:active,
.login h3 {
	color:#FFF;
}
.login h2 {
	position: absolute;
	left: -9999em;
}
.login h3 {
	font-size: 108%;
	margin: 0.7em 0; /* 0.7 x 13 = 9px */
}
/* each input/label is enclosed in a div */
.login div {
	margin: 0 10px 1px;
}
.login div.actions {
	border-bottom: 1px solid #7a9db6;
}
.login div.actions ul {
	font-size: 116%;
	margin: 0.2em 0; /* 0.2 x 15 = 3px */
}
.login div.actions li {
	overflow: hidden;
}
.login div.actions li a {
	padding: 0.6em 0 0.6em 40px; /* 0.6 x 15 = 9px */
	display: block;
	float: left;
	background: transparent url(/assets/images/sprites/24bt_iconography.png) no-repeat left -228px;
}
.login div.actions li strong {
	padding-right: 20px;
	background: transparent url(/assets/images/sprites/24bt_iconography.png) no-repeat right -346px;
}
.login div.actions li.email {
	border-bottom: 1px dotted #728fa5;
}
.login div.actions li.email a {
	background-position: left -280px;
}
.login div.customer_benefits {
	border-top: 1px solid #728fa5;
	margin-bottom: 0.6em; /* 0.6 x 13 = 7px */
}
.login .customer_benefits ul {
	font-size: 85%;
	margin-bottom: 0.6em; /* 0.6 x 11 = 6px */
	overflow: hidden;
}
.login .customer_benefits li {
	background: transparent url(/assets/images/sprites/24bt_iconography.png) no-repeat -280px center;
	width: 40%;
	float: left;
	color: #FFF;
	margin-right :10px;
	padding-left: 14px;
}
.login .customer_benefits a {
	font-size: 85%;
}
.login .customer_benefits .more_info {
	padding-right: 14px;
	background-image: url(/assets/images/sprites/24bt_iconography.png);
	background-position: right -406px;
}
/* carousels */
.carousel {
	/* to allow for clipping of content */
	overflow: hidden;
}
/* width of the carousel ul is set in JS */
.carousel ul {
	overflow: hidden;
}
.carousel li.carousel_fragment {
	float: left;
}
/* carousel controls */
.controls a {
	background: transparent url(/assets/images/sprites/carousel_btns.png) no-repeat 0 0;
	display: block;
	text-indent: -9999em;
	height: 22px;
	width: 22px;
	overflow: hidden;
}
.controls .prev {
	background-position: -25px 0;
}
.controls .next {
	background-position: -105px 0;
}
.controls a span {
	cursor: pointer;
}
.controls ol a {
	height: 10px;
	overflow: hidden;
	width: 10px;
	margin: 0 2px;
	background-position: -50px 0;
}
.controls ol a.current {
	background-position: -65px 0;
}
/* 
	varients, can have: 
		- steps (next/previous and direct links to fragments)
		- paddles (next and previous on sides) 
*/
/* steps */
.steps {
	overflow: hidden;
	position: absolute;
	left: 30px;
	bottom: 40px;
	z-index: 10;
}
.steps a {
	float: left;
}
.steps ol {
	float: left;
	margin: 0.5em 5px 0; /* 0.5x 13 = 6px */
}
.steps li {
	float: left;
}
/* paddles */
.paddles a {
	position: absolute;
	width: 30px;
	height: 62px;
	left:0;
	top: 30px;
	padding-top: 40px;
}
.paddles a.prev {
	background-position: -170px 0;
}
.paddles a.next {
	right: 0;
	left: auto;
	background-position: -130px 0;
}
.paddles a span {
	margin-left: 4px;
	background: transparent url(/assets/images/sprites/carousel_btns.png) no-repeat -25px 0;
	display: block;
	height: 22px;
	width: 22px;
}
.paddles a.next span {
	background-position: -105px 0;
}
/* large homepage carousel */
#home_promo ul {
	width: 3000px;
}
#home_promo li.carousel_fragment {
	width: 978px;
	position: relative;
	min-height: 280px;
}
#home_promo li .content {
	position: relative;
	margin: 46px 0 0 40px; 
	width: 400px;
}
#home_promo li h2 {
	margin: 0;
	padding:0;
	font-size: 28px;
	/* text size is the same as the graphic text - so this allows for content to flow naturally */
	visibility: hidden;
}
#home_promo li .content p {
	width: 400px;
}
#home_promo li .content p.subhead {
	font-size: 123.1%;
	padding: 0.5em 0 0.75em; /* 16 x 0.5 = 8px (top), 16 x 0.75 = 12px (bottom) */
}
#home_promo li .content ul {
	width: auto;
}
#home_promo li .content li {
	list-style-type: disc;
	margin-left: 20px;
	padding-bottom: 0.3em; /* 0.3 x 13 = 4 */
}
#home_promo li .content .cta {
	margin-top: 0.5em;
}
#home_promo li img {
	position: absolute;
	left: 10px;
	bottom: 0;
}
/* products */
#popular {
	background: url(/assets/images/sprites/rnd_backgrounds.png) no-repeat scroll -3100px 0
}
#popular .modBase {
	background: url(/assets/images/sprites/rnd_backgrounds.png) no-repeat -4109px bottom;
	height:8px;
	position:relative;
	top:8px;
	margin:0;
}
#popular .modInner {
	
}
#popular h2,
#popular p,
#popular .more_info {
	color: #FFF;
}
#products {
	padding-bottom: 0em; /* 1 x 12 = 12 */
	font-size: 93%;
}
#products .background_wrapper {
	position:  relative;
	margin: 0.6em 10px; /* 0.6 x 12 = 7 */
	background: #FFF;
}
#products .wrapper {
	overflow-x: scroll;
	background: #f2f2f2;
}
.js #products .background_wrapper {
	background: transparent url(/assets/images/sprites/rnd_backgrounds.png) no-repeat -5128px 0;
	margin-bottom:1.3em;
}
.js #products .background_wrapper .modBase {
	background: transparent url(/assets/images/sprites/rnd_backgrounds.png) no-repeat -6128px bottom;
}
.js #products .wrapper {
	margin: 0.6em 30px 0; /* 0.6 x 12 = 7 */
	background: none;
	/* 
		currently things are acting a bit slow - I believe due to omniture 
		so while the JS is executing we'll put the BG on here
	*/
	background: transparent url(/assets/images/sprites/rnd_backgrounds.png) no-repeat -5128px 0;
}
/* we'll now get rid of it again */
.js #products .background_wrapper .wrapper {
	background: none;
}

#products p {
	color:#666;
	padding-right:9px;
}
#products ul {
	/* hacking width until inserted via JS */
	width: 2000px;
	margin: 1.55em 0 1em 0; /* 1.55 x 12 = 18 */
}
#products li.carousel_fragment {
	width: 165px;
	padding: 0 10px;
	border-right: 1px dotted #E0E0E0;
}
#products li.carousel_fragment h3 {
	text-align: center;
}
#products li.carousel_fragment img {
	display: block;
	margin: 0 auto;
	padding-bottom: 1em; /* 1 x 12 = 12 */
}
#products .paddles span {
	top: 30px;
}
#products .more_info {
	float: right;
	/* move the background image to the blue background */
	background-position: right -140px;
	margin-right: 4px;
}
/* feed content areas */
.inner {
	background: #FFF;
	margin: 0.8em 10px; /* 0.8 x 12 = 10 */
	padding: 0.8em 10px; /* 0.8 x 12 = 10 */
	background: transparent url(/assets/images/sprites/rnd_backgrounds.png) no-repeat -7248px 0;
}
.mod .inner {
	margin: 0.8em 11px 0 11px;
}
/* additional class to allow for faux background image */
.portrait_image {
	position: relative;
	padding-bottom: 179px;
	overflow: hidden;
}
.portrait_image .find_out_more{
	position:relative;
	z-index:10;
}
.inner p {
	font-size: 93%;
	margin-bottom: 0.3em; /* 12 x 0.3 = 3/4 */
}
.inner p.faux_header {
	color: #0055B0;
	font-size: 108%;
}
.inner .articles {
	/* this is a bit of a hack to stretch the box full width of the container */
	margin: 0.6em -10px -11px -10px; /* 0.6 x 13 = 7*/
	padding: 0 11px 0.8em; /* 0.8 x 13 = 10 */
	background: url(/assets/images/sprites/rnd_backgrounds.png) no-repeat -8848px bottom;
	border-top: 0;
}
.mod .inner .articles {
	margin: 0.6em -10px -15px;
}
.inner .articles h3 {
	border-top: 1px dotted #B4B4B4;
	padding: 0.6em 0; /* 0.6 x 13 = 7 */
}
.inner .articles ul {
	font-size: 85%;
}
.inner .articles li {
	overflow: hidden;
	border-top: 1px dotted #D8D8D8;
	padding: 0.4em 0; /* 0.4 x 11 = 4 */
}
.inner .articles li.first {
	border-top: 0;
}
.inner .articles a {
	float: left;
	/* they have the more info class - so moving the image to the grey bg*/
	background-position: right -42px;
}
/* until we have multiple background images we need an inner span */
.inner .articles a span {
	padding-left: 20px;
	background: transparent url(/assets/images/sprites/iconography.png) no-repeat 0 -2px;
}
/* image used to look like a background image */
.portrait_image img {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index:0;
}
.portrait_image p img{
	position:relative;
	z-index:10;
	padding:5px 0 10px;
}
.portrait_image p span{
	position:relative;
	z-index:10;
}
/* accordion */
.accordion {
	margin: 0.6em 10px; /* 0.6 x 13 = 7 */
}
.accordion h3 {
	background: url(/assets/images/sprites/rnd_backgrounds.png) no-repeat -9447px 0;
	margin-top: -5px;

}
.accordion h3.ui-corner-all {
	background: url(/assets/images/sprites/rnd_backgrounds.png) no-repeat -9447px -764px;
}
.js .accordion h3 {

	border-bottom-right-radius: 5px;
}
.accordion h3.first {
	margin-top: 0;
}
.accordion h3 a {
	padding: 0.6em 27px 0.8em; /* 0.6 x 13 = 7 (top), 0.8 x 13 = 10 */
	display: block;
}
.accordion h3.ui-state-active {
	background: url(/assets/images/sprites/rnd_backgrounds.png) no-repeat -9447px -290px;
}
.accordion h3.ui-state-active a {
	color: #FFF;
	padding: 0.6em 27px; /* 0.6 x 13 = 7 */
	cursor: default;
}
.accordion h3.ui-state-active a:hover {
	text-decoration: none;
}
.accordion .content {
	background:  url(/assets/images/sprites/rnd_backgrounds.png) no-repeat scroll -8048px bottom;
	padding: 0 10px 0.6em; /* 0.6 x 13 = 7 */
	font-size: 85%;
}
.accordion ul {
	margin-bottom: 0.6em; /* 0.6 x 13 = 7 */
}
.accordion li {
	border-bottom: 1px dotted #E0E0E0;
	padding: 0.3em 0; /* 0.3 x 13 = 3 */
}
.accordion .more_info {
	font-weight: bold;
	/* bigger text so the bg image needs a shunt up */
	background-position: right -102px;
}
/* promos (overrides .mod quite extensivly) */
.promo {
	border: none;
	background: transparent;
	position: relative;
	color: #000;
	margin-bottom: 0;
	padding-bottom: 0.6em; /* 0.6 x 13 = 7 */
	border-top: 1px solid #CECECE;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	overflow: hidden;
}
.promo .promo_content {
	position: relative;
	z-index: 10;
	width: 200px;
}
.promo .promo_content p {
	padding-left:3px;
	font-size:0.8em;
	margin-bottom:3px;
}
.promo h2 {
	margin-left: 0;
	padding-left:0;
}
.promo .icon {
	position: absolute;
	z-index: 5;
	top: 0.5em;
	right: 0;
}
div.first {
	border-bottom: 1px solid #CECECE;
	border-top: none;
	margin-bottom: 1px;
}
div.only {
	border:none;
}
/* rounded corner buttons */
.cta {
	cursor: pointer;
	background: #E8E8E8 url(/assets/images/sprites/buttons.png) no-repeat -962px center;
	float:left;
	padding-left: 1.5em; /* this will depend on the context of the button */
}
a.cta {
	margin-top: 1em;
}
.cta input {
	background: none;
	color: #0055B0;
	font-weight: bold;
	border: none;
	cursor: pointer;
}
/* inputs have an extra span to allow for better x-browser styles (of win)*/
.cta span {
	color: #0055B0;
	font-weight: bold;
	background: #E8E8E8 url(/assets/images/sprites/buttons.png) no-repeat -962px center;	
	float: left;
	padding-right: 1.5em; /* this will depend on the context of the button */
	cursor: pointer;
}
a.cta span {
	padding-top: 0.3em; /* this will depend on the context of the button */
	padding-bottom: 0.3em; /* this will depend on the context of the button */
} 
form .cta span {
	padding-top: 0.1em; /* this will depend on the context of the button */
	padding-bottom: 0.1em; /* this will depend on the context of the button */
}
.callToAction a{
	overflow:hidden;
	text-indent:-999999em;
}
/* buttons with old fashioned graphics */
#home_promo .callToAction a{
	background: url(/assets/images/btn/viewdetails_super_24.gif) no-repeat 0 0;
	display:block;
	height:24px;
	width:115px;
}
#home_promo .callToAction{
	margin-top:0.5em;
}
.callToAction a{
	display:block;
	height: 24px;	
}
.find_out_more a{
	background: url(/assets/images/btn/find-out-more.gif) no-repeat 0 0;
	width: 117px;
}
.start_survey a{
	background: url(/assets/images/btn/start-survey.gif) no-repeat 0 0;
	width: 106px;
}
.start_survey{
	margin-top:1em;
}
.register_now a{
	background: url(/assets/images/btn/register-now.gif) no-repeat 0 0;
	width: 112px;
}
#home_promo .callToAction a:link, #home_promo .callToAction a:visited, .callToAction a:link, .callToAction a:visited{
	background-position: 0 0;
}
#home_promo .callToAction a:hover, #home_promo .callToAction a:active, .callToAction a:hover, .callToAction a:active{
	background-position: 0 -24px;
}
/* rollover states for the cta inputs*/
.input_active,
.input_active span,
.cta:hover,
.cta:hover span {
	background: #8E8E8E url(/assets/images/sprites/buttons.png) no-repeat -642px center;
	text-decoration: none;
}
.input_active,
.cta:hover {
	background-position: -642px center;
}
.input_active span,
.cta:hover span {
	background-position: -662px center;
}
/* overrides for when in carousel */
#home_promo .cta {
	border-color: #d8579f;
	background: #f37ab7;
	background: transparent url(/assets/images/sprites/buttons.png) no-repeat left center;
}
#home_promo .cta span {
	color: #FFF;
	background: #f37ab7 url(/assets/images/sprites/buttons.png) no-repeat -20px center;
}
#home_promo .cta:hover,
#home_promo .cta:hover span {
	background-color: #d8579f;
}
#home_promo .cta:hover {
	background-position: -322px center;
}
#home_promo .cta:hover span {
	background-position: -342px center;
}
/** 5= Footer **/
#footer {
	border: 1px solid #CCC;
	border-width: 0 1px;
	padding: 0 20px 1.55em; /* 1.55 x 13 = 20 */
	background: #E2E2E2;
}
/* using a better identifier class - so same style works in both footer and drop-down */
.footer_products {
	background: #FAFAFA;
	padding-bottom: 1.6em; /* 1.6 x 13 = 20/21 */
	overflow: hidden;
}
.footer_products h2 {
	position: absolute;
	left: -9999em;
}
.footer_products h3 {
	font-weight: bold;
	width: 110px;
	min-height: 34px;
	font-size: 116%;
	font-family: Arial;
}
.footer_products div {
	float: left;
	width: 138px;
	min-height: 118px;
	margin: 1.6em 0 0 15px; /* 1.6 x 13 = 20/21 */
	border-right: 1px dotted #B9B9B9;
}
.footer_products div.last {
	border: 0;
}
.footer_products ul {
	font-size: 85%;
	margin-top: 1em; /* 11 x 1 = 11 */
}
.footer_products li {
	padding-bottom: 0.4em; /* 11 x 0.4 = 4 */
}
.footer_helpers {
	border-top: 2px solid #E2E2E2;
	padding: 0.5em 13px; /* 11 x 0.5 = 5 */
	background: #FAFAFA;
	font-size: 85%;
	overflow: hidden;
}
.ddWindow .footer_helpers{
	background:none;
}
.footer_helpers a {
	float: left;
	display: block;
}
.footer_helpers p {
    display: none;
}
.footer_helpers p a {
    float: none;
    display: inline;
}
.footer_helpers .more_info {
	background-position: right -42px;
}
.footer_helpers ul {
	float: right;
	overflow: hidden;
}
.footer_helpers li {
	padding-left: 20px;
	background: transparent url(/assets/images/sprites/iconography.png) no-repeat left center;
	float: left;
	color: #C6C6C6;
}
.footer_helpers li.first {
	background: none;
	margin-left: 0;
}
.footer_helpers li a {
	float: none;
}

/* Light box Div */
.js #bgPanel {
	background:url(/assets/images/css/bg_light_box.png);
	left:0;
	display:none;
	height:100%;
	position:absolute;
	width:100%;
}
	
.js .ddWindow {
	padding:0 7px 7px 7px;
	background:transparent url(/assets/images/css/bg_productFlyout.png) no-repeat scroll 0 100%;
	border-top: none;
	display:none;
	text-align:left;
}
.js .ddWindow .footer_products,
.js .ddWindow .footer_helpers {
	padding-left: 19px;
	padding-right: 0;
	width: 959px;
}
.js .ddWindow .footer_helpers {
	width: 957px;
	border-top: 1px solid #E0E0E0;
	padding-bottom:8px;
}

.js .ddWindow .footer_products div {
	width: 144px;
}

.js .ddWindow .footer_helpers ul{
	display:none;
}
.js .ddWindow .footer_helpers p {
    display: block;
}



/*Adding BroadbandBanner40mb class*/
.BroadbandBanner40mb {
background:transparent url(/assets/images/btn/btn_40mb.png ) no-repeat scroll left top;
display:block;
height:24px;
width:161px;
}

.BroadbandBanner40mb:hover {
	background-position: 0 -24px;
}


/*Adding BTnet class*/
.BTnet {
background:transparent url(/assets/images/btn/btn_btnet.png) no-repeat scroll left top;
display:block;
height:24px;
width:94px;
}

.BTnet:hover {
	background-position: 0 -24px;
}