/* -- Stylesheet v1.2.5 -- */
/* -- If you see something odd here it's probably a browser bug fix -- */
/* -- DO NOT OVERWRITE THIS FILE -- */

/* -- Basic HTML Elements -- */
body	{
	background:#fff url(http://static.btbusinessoffice.com/22/images/bt-bg.gif) 0px 0px repeat;
	border:0;
	margin:0;
	padding:0;
	color:#000000;
	text-align:center;
	font-family: Verdana, sans-serif;
	font-size: 70%;
	line-height:130%;
	}

a {
	text-decoration:none;
	}

a:link {
	color:#3366cc;
	}

a:visited {
	color:#605e97;
	}

a:hover {
	text-decoration:underline;
	color:#000000;
	}

a:active {
	color:#0066cc;
	}

dl, dt, dd, div, form, h1, h2, h3, h4, p, img, ol, ul, li {
	padding:0;
	margin:0;
	border:0;
	}

dl { margin-top:12px; }

dt { float:left; padding:0 0 4px 8px; }

dd { margin-bottom:4px; }

h1, h2, h3, img, p, table, ol, ul { margin:4px 8px; }

h2 { margin-top:12px; }

input { margin:2px 0; }

td p, td h2, td h3 { margin:0; }

img { float:left; }

img.icon { margin:0;  vertical-align: text-bottom;  }
	
h1, h2, h3 {
	font-size:120%;
	font-weight:bold;
	color:#00065C;
	}

h2 {
	font-size:120%;
	}

.netscapefix {
	display:block;
	}

table {
	border-collapse: collapse;
	margin-top:10px;
	margin-bottom:10px;
	font-size:100%;
}

table.grey {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
}

table.lightblue {
	background-color:#E8F1F9;
}

table.small {
	font-size:80%;
}

td.red {
	background-color:#FF0000;
}

td.yellow {
	background-color:#FFFF00;	
}

th.grey, td.grey {
	padding: 4px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	vertical-align: top;
}

tr.blue th {
	color:#ffffff;
	background-color:#12589E;
}

td.nobr, th.nobr {
	white-space: nowrap;
	}

ul {
	list-style: none;
	}

ol {
	margin-left:36px;
	}

ul.indent {
	margin-left:96px;
	}

ul li {
	padding: 0 0 1px 10px;
	background:transparent url(http://static.btbusinessoffice.com/22/images/bullet.gif) 0 4px no-repeat;
	}

ul.circle li {
	padding: 0 0 2px 10px;
	background:transparent url(http://static.btbusinessoffice.com/22/images/roundbullet.gif) 0 3px no-repeat;
	}
	
/* -- Page Structure -- */

#container {
	width:741px;
	text-align:center;
	margin:0 auto;
	}
	
#intro {
	width: 741px;
	height:103px;
	margin:auto;
	}

#pageHeader {
	width: 741px;
	margin:auto;
	}

#crumbtrail, #crumbtrail p {
	padding:4px 0 0 0;
	border:0;
	margin:0;
	text-align:left;
	}

#pagebody {
	position: relative;
	margin: 0;
	padding: 8px 0 0 0;
	width: 741px;
	text-align: left;
	}

#lhsidebar {
	float:left;
	width: 185px;
	margin-right:9px;
	}

/* -- Overcome 3px margin bug in IE/Win floats:
   http://www.positioniseverything.net/explorer/threepxtest.html */
* html #lhsidebar {
	margin-right:9px;
	}

#mainContent {
	float:left;
	width:353px;
	}

body.lhnav #mainContent {
	float:left;
	width:547px;
	margin-left:0;
	}

#rhsidebar {
	float:right;
	width: 185px;
	}

#footerBlock {
	clear:both;
	text-align:center;
	padding-top:10px;
	}

p#corpnav {
	padding-bottom:5px;
	margin:0;
	}

p.copyright {
	padding:0;
	margin:0;
	border:0;
	}

/* -- Changes for Help and support -- */

body#help-and-support #container {
	width:935px;
	}

body#help-and-support #pagebody {
	width:935px;
	}

/* -- This ensures a vertical scroll bar is seen in Mozilla so a centered design doesn't move around! -- */
#mozscroll {
	bottom:-1px;
	position:absolute;
	top:0px;
	visibility:hidden;
	}

/* -- Global Navigation Menu -- */

div#globalnav	{
	width:741px;
	height:27px;
	margin:auto;
	}

ul#menu	{
	height:27px;
	width:741px;
	background:transparent url(http://static.btbusinessoffice.com/22/images/menu.gif) top left no-repeat;
	margin:0;
	padding:0;
	border:0;
	position:relative;
	}

ul#menu li {
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	position:absolute;
	top:0;
	background:transparent;
	}
	
ul#menu li, ul#menu a {
	height:27px;
	display:block;
	}
	
ul#menu li a {
	text-indent:-9999px;
	text-decoration:none;
	}

#homemenu {
	left:1px;
	width:119px;
	}

#linksmenu {
	left:125px;
	width:119px;
	}

#productsmenu {
	left:249px;
	width:119px;
	}

#accountmenu {
	left:373px;
	width:119px;
	}

#emailmenu {
	left:497px;
	width:119px;
	}

#helpmenu {
	left:621px;
	width:119px;
	}

#homemenu a:hover {
	background:transparent url(http://static.btbusinessoffice.com/22/images/menu.gif) -1px -33px no-repeat;
	}

#linksmenu a:hover {
	background:transparent url(http://static.btbusinessoffice.com/22/images/menu.gif) -125px -33px no-repeat;
	}

#productsmenu a:hover {
	background:transparent url(http://static.btbusinessoffice.com/22/images/menu.gif) -249px -33px no-repeat;
	}

#accountmenu a:hover {
	background:transparent url(http://static.btbusinessoffice.com/22/images/menu.gif) -373px -33px no-repeat;
	}

#emailmenu a:hover {
	background:transparent url(http://static.btbusinessoffice.com/22/images/menu.gif) -497px -33px no-repeat;
	}

#helpmenu a:hover {
	background:transparent url(http://static.btbusinessoffice.com/22/images/menu.gif) -621px -33px no-repeat;
	}

/* In order for the menu to display which channel the user is in, the body tag *must* 
   carry an id of "home", "useful-links", "products-and-services", "your-account", 
   "email", or "help-and-support". */
   
body#home ul#menu li#homemenu, body#home ul#menu li#homemenu a:hover {
	background:transparent url(http://static.btbusinessoffice.com/22/images/menu.gif) -1px -66px no-repeat;
	}
	
body#useful-links ul#menu li#linksmenu,body#useful-links ul#menu li#linksmenu a:hover {
	background:transparent url(http://static.btbusinessoffice.com/22/images/menu.gif) -125px -66px no-repeat;
	}

body#products-and-services ul#menu li#productsmenu,body#products-and-services ul#menu li#productsmenu a:hover {
	background:transparent url(http://static.btbusinessoffice.com/22/images/menu.gif) -249px -66px no-repeat;
	}

body#your-account ul#menu li#accountmenu,body#your-account ul#menu li#accountmenu a:hover {
	background:transparent url(http://static.btbusinessoffice.com/22/images/menu.gif) -373px -66px no-repeat;
	}

body#email ul#menu li#emailmenu,body#email ul#menu li#emailmenu a:hover {
	background:transparent url(http://static.btbusinessoffice.com/22/images/menu.gif) -497px -66px no-repeat;
	}

body#help-and-support ul#menu li#helpmenu,body#help-and-support ul#menu li#helpmenu a:hover, body#service-status ul#menu li#helpmenu,body#service-status ul#menu li#helpmenu a:hover {
	background:transparent url(http://static.btbusinessoffice.com/22/images/menu.gif) -621px -66px no-repeat;
	}

/* -- Left-hand navigation -- */

#lhnavcontainer {
	width:185px;
	background: transparent url(http://static.btbusinessoffice.com/22/images/headnav.gif) top left no-repeat;
	padding-top:2px;
	}

#lhnavcontainer div {
	background: url(http://static.btbusinessoffice.com/22/images/tailnav.gif) no-repeat center bottom;
	height:2px;
	font-size:1px;
	line-height:1px;
	}

ul#lhnavlist {
	border:0;
	padding:0;
	margin:0;
	}

ul#lhnavlist li {
	list-style: none;
	margin:0;
	border:0;
	padding: 4px 0 0 4px;
	background: url(http://static.btbusinessoffice.com/22/images/bgnav.gif) repeat-y left top;
	width:185px;
	height:25px;
	}

#lhnavlist li.lhnavend {
	background: url(http://static.btbusinessoffice.com/22/images/bgnavend.gif) no-repeat left top;
	height:20px;
	}
	
/* -- Main content headers and boxes -- */

h1.head547px, h1.head353px, h2.head185px, h1.alert-head547px, h1.welcome-head547px {
	padding:6px 0 6px 8px;
	margin:0;
	height:15px;
	}

h1.head547px {
	background: transparent url(http://static.btbusinessoffice.com/22/images/head547px.gif) no-repeat left top;
	}

h1.alert-head547px {
	background: transparent url(http://static.btbusinessoffice.com/22/images/alert-head547px.gif) no-repeat left top;
	}

h1.welcome-head547px {
	background: transparent url(http://static.btbusinessoffice.com/22/images/welcome-head547px.gif) no-repeat left top;
	color:#000000;
	}

h1#head-advice {
	background: transparent url(http://static.btbusinessoffice.com/22/images/head547px-advice.gif) no-repeat left top;
	}

h1#head-essentials {
	background: transparent url(http://static.btbusinessoffice.com/22/images/head547px-essentials.gif) no-repeat left top;
	}

h1#head-offers {
	background: transparent url(http://static.btbusinessoffice.com/22/images/head547px-offers.gif) no-repeat left top;
	}

h1#head-time {
	background: transparent url(http://static.btbusinessoffice.com/22/images/head547px-time.gif) no-repeat left top;
	}

h1#head-time, h1#head-advice, h1#head-essentials, h1#head-offers {
	padding-left:25px;
	}

h1.head353px {
	background: transparent url(http://static.btbusinessoffice.com/22/images/head353px.gif) no-repeat left top;
	}

h2.head185px {
	background: transparent url(http://static.btbusinessoffice.com/22/images/head185px.gif) no-repeat left top;
	}

.box547px, .alert-box547px, .welcome-box547px, .box353px, .box185px {
	margin-bottom:10px;
	}

.box547px {
  	background: url(http://static.btbusinessoffice.com/22/images/bg547px.gif) repeat-y left top;
	width:547px;
	}
	
.alert-box547px {
  	background: url(http://static.btbusinessoffice.com/22/images/alert-bg547px.gif) repeat-y left top;
	width:547px;
	}
	
.welcome-box547px {
  	background: url(http://static.btbusinessoffice.com/22/images/welcome-bg547px.gif) repeat-y left top;
	width:547px;
	}
	
.box353px {
  	background: url(http://static.btbusinessoffice.com/22/images/bg353px.gif) repeat-y left top;
	width:353px;
	}
	
.box185px {
  	background: url(http://static.btbusinessoffice.com/22/images/bg185px.gif) repeat-y left top;
	width:185px;
	}

.box547px p {
	padding-top:4px;
	}
	
.tail547px, .alert-tail547px, .welcome-tail547px, .tail353px, .tail185px {
	height:2px;
	font-size:1px;
	clear:both;
	}

.tail547px {
  	background: url(http://static.btbusinessoffice.com/22/images/tail547px.gif) no-repeat left bottom;
	}
	
.alert-tail547px {
  	background: url(http://static.btbusinessoffice.com/22/images/alert-tail547px.gif) no-repeat left bottom;
	}
	
.welcome-tail547px {
  	background: url(http://static.btbusinessoffice.com/22/images/welcome-tail547px.gif) no-repeat left bottom;
	}
	
.tail353px {
  	background: url(http://static.btbusinessoffice.com/22/images/tail353px.gif) no-repeat left bottom;
	}

.tail185px {
  	background: url(http://static.btbusinessoffice.com/22/images/tail185px.gif) no-repeat left bottom;
	}

/* -- Promos -- */

.promo185 {
	margin-bottom:10px;
	}

img#masthead, .promo185 img	{
	margin:0;
	display:block;
	float:none;
	}

/* -- Sidebar headers and boxes -- */
	
img.content {
  	float:right;
	}

/* -- Google -- */

#google-logo {
	display:inline;
	float:none;
	margin:0;
	}

/* -- ADSL -- */

#adslbutton {
	vertical-align:text-bottom;
	margin-bottom:1px;
	margin-left:4px;
	}

/* -- Float text to the right and normalise -- */

.head-right {
	float:right;
	font-weight:normal;
	padding-right:8px;
	font-size:80%;
	background:transparent;
	}

.right {
	float:right;
	}

.head {
	float:left;
	background:transparent;
	}

.normal {
  	font-weight:normal;
	}

/* -- Homepage content menu -- */

.item,.item-first {
	margin-top:8px;
	}

.item h2,.item-first h2,.item p,.item-first p {
	margin:0 8px 0 8px;
	}

.item img,.item-first img {
	margin-top:2px;
	}

/* -- Horizontal rule - done this way as browsers aren't consistent with the hr tag itself -- */

.hr545, .hr351, .hr183 {
	padding-top:4px;
	line-height:1px;
	border-bottom:1px solid #C8C8C8;
	margin:0 1px;
	font-size:1px;
	clear:both;
	}
	
.hr545 {
	width:545px;
	}
	
.hr351 {
	width:351px;
	}
	
.hr183 {
	width:183px;
	}
	
/* -- Split columns -- */

.columns-2-AB-A {
	float:left;
	width:273px;
	margin-bottom:4px;
	}

.columns-2-AB-B {
	float:right;
	width:273px;
	margin-bottom:4px;
	}

/* -- Even smaller split columns -- */

.columns-2-AB-A2 {
	float:left;
	width:176px;
	margin-bottom:4px;
	}

.columns-2-AB-B2 {
	float:right;
	width:176px;
	margin-bottom:4px;
	}

/* -- Useful links interstitial layout -- */

p.column-r {
	width:366px;
	float:right;
	margin:0 8px 4px 8px;
	}

/* -- To clear columns -- */

.clear-both {
	clear:both;
	}
	
/* -- To hide items from a normal browse (Should be displayed in a screen reader) -- */

.hide {
	display: none;
}

/* -- Some text colour changes -- */

.new, h1.alert-head547px {
	color:#DA3534;
}

.updated {
	color:#01A05E;
}	

/* -- Changes to cope with legacy content in Help and support -- */

#help-content table {padding:0; border:0; width:auto;}
#help-content td {padding:0 4px 4px 0; border:0; }
#help-content tr {padding:0; border:0; }
#help-content ul li {padding:0 0 2px 10px; background:transparent url(http://static.btbusinessoffice.com/22/images/roundbullet.gif) 0 3px no-repeat; }

/* -- Added to fix layout issues when JavaScript is disabled -- */

noscript p {
	padding:0;
	margin:0;
	border:0;
}

/* -- Added as a quick fix to align images on the products and services page to the right -- */

body#products-and-services #mainContent img { float:right; padding-right:5px; }