/*
This Style Sheet is used in the following places:
homepage
about us section
trade online section
*/

/* banner layout */

body { /*temp measure*/
	background:url(http://images.uk-plc.net/imagesuk/background.jpg) 0 73px repeat-x #FFFFFF;

	}

#logo {
	position:absolute;
	top: 28px;
	left: 0px;

	text-align: left;
	background:url(http://images.uk-plc.net/imagesuk/@UKLogo.gif) 0 0 no-repeat #FFFFFF;	
	height:40px;
	width:150px;
	float:left;
	clear:left;
}

/*#logoLink {margin-left:25px}*/

#banner {clear:both;
	/*float:left; */
	width:100%;
	text-align:center;}

#sectionBand {
	/*float:left; breaks IE7*/
	clear: both;
	width: 100%;
	height: 5px;
	border-color: #000066;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	font-size: 5px;  /*make sure IE has correct height*/
	/*background-color: #bfbfd9;*/
}

#icons{ /*still used in a couple of places*/
	position:absolute;
	margin:0;
	padding:10px 0 0 0;
	top:0px;
	left:0px;
	height:35px;
	width:100%;
	z-index:60;
	text-align: right;
}

#icons ul {
	margin:0;
	padding:0;
}

#icons li {
	margin:0 3px 0 0; /*space out*/
	padding:0;
	list-style:none;
	float:right; /*keeps them inline*/
	display:block;
		
}

#iconRollovers{position:absolute; 
	margin:0; 
	padding:10px 0 0 0; 
	top:0px; 
	left:0px; 
	height:40px; 
	width:100%; 
	z-index:60; 
	text-align: right; 
}

#iconRollovers ul {white-space:nowrap; margin:0 7px 0 0; padding:0; list-style:none;height:40px;}

#iconRollovers li {
	margin:0 3px 0 0; /*space them out*/
	padding:0;
	list-style:none;
	float:right; /*keep them inline*/
	display:block;	
	width:25px; height:40px;
	background:url(http://images.uk-plc.net/imagesuk/banner/icBasket.gif) top right no-repeat;
	}

#iconRollovers li a {display:block; /*for FF and IE6*/}

#iconRollovers ul li.iBasket {background:url(http://images.uk-plc.net/imagesuk/banner/icBasket.gif) 0 0 no-repeat;}
#iconRollovers ul li.iHelp {background:url(http://images.uk-plc.net/imagesuk/banner/icHelp.gif) 0 0 no-repeat;}
#iconRollovers ul li.iContact {background:url(http://images.uk-plc.net/imagesuk/banner/icContact.gif) 0 0 no-repeat;}
#iconRollovers ul li.iHome {background:url(http://images.uk-plc.net/imagesuk/banner/icHome.gif) 0 0 no-repeat;}
#iconRollovers ul li.iLogin {width:54px; background:url(http://images.uk-plc.net/imagesuk/banner/icLogin.gif) 0 0 no-repeat;}
#iconRollovers ul li.iLogin img {width:54px;} 
#iconRollovers ul li.iLogout {width:67px; background:url(http://images.uk-plc.net/imagesuk/banner/icLogout.gif) 0 0 no-repeat;}
#iconRollovers ul li.iLogout img {width:67px;}

#iconRollovers ul li img {/*height:35px; width:22px;*/ border:0; }

#iconRollovers ul li.iBasket a:hover {background:url(http://images.uk-plc.net/imagesuk/banner/icBasketR.gif) 0 0 no-repeat;}
#iconRollovers ul li.iHelp a:hover {background:url(http://images.uk-plc.net/imagesuk/banner/icHelpR.gif) 0 0 no-repeat;}
#iconRollovers ul li.iContact a:hover {background:url(http://images.uk-plc.net/imagesuk/banner/icContactR.gif) 0 0 no-repeat;}
#iconRollovers ul li.iHome a:hover {background:url(http://images.uk-plc.net/imagesuk/banner/icHomeR.gif) 0 0 no-repeat;}
#iconRollovers ul li.iLogin a:hover {background:url(http://images.uk-plc.net/imagesuk/banner/icLoginR.gif) 0 0 no-repeat;}
#iconRollovers ul li.iLogout a:hover {background:url(http://images.uk-plc.net/imagesuk/banner/icLogoutR.gif) 0 0 no-repeat;}

#phone {
	position:absolute;
	width:99.8%;
	padding:1px 0 0 0 ;
	margin:0;
	height:22px;
	top: 0px;
	left: 0px;
	color:#FFFFFF;
	font-weight: bold;
	z-index:50;
	background:url(http://images.uk-plc.net/imagesuk/banner/strip.gif) repeat-x 0 0 ;
	border:1px solid #000066;
}

#phone span{ 
	background: url(http://images.uk-plc.net/imagesuk/banner/phone.gif) no-repeat 0 0 ;
	display:none;
	padding: 0 0 0 25px;
}