body {font-size:70%;}
table {font-size:100%;}
p, td, th {
	font-size: 0.9em; 
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
}
.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 90%;
}
.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 4px;
}
.datatable th {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	font-weight: bold;
	text-align: left;
	padding-left: 4px;
}
.datatable caption {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.datatable tr.altrow {
	background-color: #DFE7F2;
	color: #000000;
}
.datatable tr:hover, .datatable tr.hilite {
	background-color: #FFFF00;
	color: #000000;
}
.mainbody { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(/images/common/backgrounds/background.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100%; TEXT-ALIGN: center }
#bodycontainer{ BACKGROUND-COLOR: #ffffff;  MARGIN: auto; WIDTH: 766px; FONT-FAMILY: Verdana; color: #333333;}
.overalltable { WIDTH: 766px; BORDER-COLLAPSE: collapse; HEIGHT: 100%; TEXT-ALIGN: left }
#bodycontainer .greylargebox346Lg TD { BACKGROUND: none; }

/*table aligments*/
.topcell { VERTICAL-ALIGN: top }
.bottomcell { VERTICAL-ALIGN: bottom; WIDTH: 744px }

/*text types*/
.small { FONT-SIZE: 90%; COLOR: #666666 }

.subheader { font-weight: bold; margin-bottom:0.75em; }
.helpsubheader { font-weight: bold; margin-bottom:0.75em; margin-bottom:0.75em;}
.header { FONT-SIZE: 160%; MARGIN: 0px; padding:0px; color:#000;}
p.header { FONT-SIZE: 160%; MARGIN-BOTTOM: 5px; padding:0px; color:#000;}
p.greyheader { FONT-SIZE: 130%; font-weight:bold;MARGIN-BOTTOM: 8px; padding:0px; color:#333;}
.red { COLOR: #ff0033; }
a{ COLOR: #7799b9; TEXT-DECORATION: none }
a:hover { COLOR: #ff0033; TEXT-DECORATION: underline }
A.red { COLOR: #990033; TEXT-DECORATION: none }
A.red:hover { COLOR: #ff3300; TEXT-DECORATION: underline }

/* New code added - wb 04/08/2005 */
A.black { COLOR: #000000; TEXT-DECORATION: none }
A.black:hover { COLOR: #000000; TEXT-DECORATION: none }
/* end */

.breadcrumbs { MARGIN-TOP: 0px; MARGIN-BOTTOM: 15px; COLOR: #666666 }
.dataTxt {float:left; width:55px;}
.dataNum	{float:left; width:70px; margin-bottom:5px;}
/*list items*/
UL {MARGIN-bottom: 0px; MARGIN-TOP: 0px; MARGIN-LEFT: 16px; padding-left:0px }
UL.promolist {MARGIN-bottom: 0px; MARGIN-TOP: 0px; MARGIN-LEFT: 10px; padding-left: 10px; }
UL.LI { LIST-STYLE-IMAGE: url(/images/common/dash.gif); MARGIN-LEFT: 2px; PADDING-TOP: 2px }
UL.LI.arrow { LIST-STYLE-IMAGE: url(/images/common/arrow.gif); MARGIN-LEFT: 0px; COLOR: #990033; PADDING-TOP: 2px }
UL.LI.promolist { LIST-STYLE-IMAGE: url(/images/common/dash.gif); MARGIN-LEFT: 0px; PADDING-LEFT: 0px; font-size:90%; }
SPAN.promolist, DIV.promolist { font-size: 90%; }
SPAN.promolistText { margin-left:-0.75em; }
SPAN.mainListText { margin-left:0em; }
UL.mainlist {MARGIN-bottom: 0px; MARGIN-TOP: 0px; MARGIN-LEFT: 10px; padding-left:8px }
UL.LI.mainlist { LIST-STYLE-IMAGE: url(/images/common/dash.gif); MARGIN-LEFT: 0px; PADDING-LEFT: 0px; }
.productdetails ul {padding:0px 18px 0px 18px;}
.productdetails li {padding:0px; margin: 0px;}

/* NEWCode Added 18/04/05 wb*/
.searchpage     {font-size:medium;}
/*END NEWCode Added 18/04/05 wb */

/*form elements
FORM { DISPLAY: inline }
- Commenting out the line above seems to fix horizontial scroll on MAC IE5
*/
FORM { margin:0px; padding:0px; }
.formname { float: left; MARGIN-BOTTOM: 8px; WIDTH: 208px }
.formfield { float: left; MARGIN-BOTTOM: 8px; WIDTH: 166px }
.numberformfield { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; WIDTH: 25px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff }
.generalformfield { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; WIDTH: 166px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff }
.servicenameformfield { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; WIDTH: 120px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff }
.sortcodeformfield { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; WIDTH: 20px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff }
.ddsmall { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; WIDTH: 65px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff }
.formCheckbox {float:left; width:150px; MARGIN-BOTTOM: 8px; }
.formnamesm		{float:left; width:208px; MARGIN-BOTTOM: 8px; }
.formfieldsm	{float:left; width:208px; MARGIN-BOTTOM: 8px; }
.serviceNameTxt	{width:369px; MARGIN-BOTTOM: 8px; }
.radio			{position:relative;top:2px;margin-top:2px;}
.radio2			{position:relative;height:14px;}

/*top bar*/
.logo { MARGIN-TOP: 17px; FLOAT: left; MARGIN-LEFT: 8px; MARGIN-RIGHT: 16px }
.utilitybar { BACKGROUND-IMAGE: url(/images/common/backgrounds/utilitybar_background.gif); FLOAT: left; WIDTH: 600px; HEIGHT: 51px }
.utilitybarnav { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px }
.utilityquick{ PADDING: 0px; FLOAT: left; MARGIN: 0px; }
.utilitysearch { PADDING-LEFT: 25px; FLOAT: left; MARGIN: 0px }
.utilityformelement { PADDING-LEFT: 10px; FLOAT: left; MARGIN: 0px; PADDING-TOP: 4px }
.selquick { PADDING:0px; FONT-SIZE: 90%; FLOAT: left; MARGIN: 0px; WIDTH: 152px; VERTICAL-ALIGN:top }
.txtsearch { PADDING: 0px; FONT-SIZE: 90%; FLOAT: left; MARGIN: 0px; WIDTH: 106px; VERTICAL-ALIGN:top }
.go { FLOAT: left; PADDING-TOP: 2px }
.redgo { FLOAT:left; MARGIN-TOP:7px; margin-left:5px }
/*footer bar*/	
displayFooter {background:#ffffff; width:766px;}
.bluegreybar { BACKGROUND: #7799b9; MARGIN-LEFT: 12px; WIDTH: 744px; HEIGHT: 5px }
.goldbar { BACKGROUND: #996633; MARGIN-LEFT: 12px; WIDTH: 744px; HEIGHT: 5px }
.redbar { BACKGROUND: #ff0033; MARGIN-LEFT: 12px; WIDTH: 744px; HEIGHT: 5px }
.thuslogo { FLOAT: left }
.copyright { MARGIN-TOP: 27px; FLOAT: right; COLOR: #999999 }

/*left column*/
.leftcolumn { FLOAT: left; MARGIN-LEFT: 5px; WIDTH: 145px; PADDING-TOP: 30px; PADDING-BOTTOM: 30px }
.leftcolumntext { FLOAT: left; MARGIN-LEFT: 5px; WIDTH: 145px; PADDING-TOP: 15px }
.leftcolumnlist { FLOAT: left; MARGIN-LEFT: 5px; WIDTH: 145px }
.leftcolumnblank { FLOAT: left; WIDTH: 150px;}

.greynavline { MARGIN-TOP: 5px; BACKGROUND: #b9b8b8; MARGIN-BOTTOM: 5px; WIDTH: 130px }
.nav { DISPLAY: block; PADDING-LEFT: 0px; MARGIN-BOTTOM: 4px; WIDTH: 130px; COLOR: #333333;  TEXT-DECORATION: none }
.nav:hover { DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #7799b9; MARGIN-BOTTOM: 4px; WIDTH: 130px; COLOR: #ffffff;  TEXT-DECORATION: none }
.navon { DISPLAY: block; PADDING-LEFT: 0px; MARGIN-BOTTOM: 6px; BACKGROUND: #996633; WIDTH: 130px; COLOR: #ffffff;  TEXT-DECORATION: none }
.navon:hover { DISPLAY: block; PADDING-LEFT: 0px; MARGIN-BOTTOM: 6px; BACKGROUND: #990033; WIDTH: 130px; COLOR: #ffffff;  TEXT-DECORATION: none }
.navheader { DISPLAY: block; PADDING-LEFT: 0px; MARGIN-BOTTOM: 6px; WIDTH: 130px; COLOR: #996633;  TEXT-DECORATION: none }
.navheader:hover { DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #996633; MARGIN-BOTTOM: 6px; WIDTH: 130px; COLOR: #ffffff;  TEXT-DECORATION: none }
.navheaderon { DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #ff0033; MARGIN-BOTTOM: 6px; WIDTH: 130px; COLOR: #ffffff; HEIGHT: 12px; TEXT-DECORATION: none }


/*middle column*/
.middlecolumnhome { FLOAT: left; WIDTH: 440px; PADDING-TOP: 54px }
.middlecolumn { WIDTH:440px; FLOAT:left; PADDING-TOP:31px }
.middlecolumnpurchase { FLOAT: left; WIDTH: 440px; PADDING-TOP: 10px }
.middlecolumnpurchaselist { FLOAT: left; WIDTH: 430px; padding-right:10px }
.middlecolumnpurchasefull { FLOAT: left; WIDTH: 580px; PADDING-TOP: 10px }
.middlecolumnfull { FLOAT: left; WIDTH: 559px; PADDING-TOP: 31px }
.middletext440 { width:440px }
.middletext559 { width:559px }
.productdescription {float:left; margin-top:3px; margin-bottom:3px}

.buttonrow { FLOAT: left; WIDTH: 435px }
.buttonleft { FLOAT: left; WIDTH: 220px }
.buttonright { FLOAT: left }
.button{ FLOAT: left }

.bottomnav { float:left; margin-top:13px; }

 /* home */
.maincolumnleft { FLOAT: left; MARGIN: 0px; WIDTH: 215px; }
/*.maincolumnleftFot { FLOAT: left; border-top:solid 1px #b8b7b7; MARGIN: 0px; WIDTH: 215px; }*/

/* Code Added 14/04/05 wb*/
.maincolumnleftFot { FLOAT: left; border-top:solid 1px #b8b7b7; MARGIN: 0px; WIDTH: 215px; }
/*END Code Added 14/04/05 wb*/


.maincolumn		{FLOAT: left; MARGIN: 0px; WIDTH: 215px; }
.spacer8px		{FLOAT: left;width:8px;}

.floatleft { FLOAT: left }
.floatleft20 { FLOAT: left; padding-left:18px; padding-right: 16px; padding-top: 5px; }
.floatleft30 { FLOAT: left; padding-left:30px; padding-right: 35px }
.buttons { BACKGROUND: url(/images/common/backgrounds/button_background.gif); WIDTH: 119px; HEIGHT: 77px }
.buynow { MARGIN-TOP: 15px; MARGIN-BOTTOM: 3px }
.maincolumnright { FLOAT: right; MARGIN: 0px; WIDTH: 217px; margin-left:8px;}
/* .maincolumnrightFot {float:right; border-top:solid 1px #b8b7b7; WIDTH: 217px; margin-left:8px;} */


/* Code Added 14/04/05 */
.maincolumnrightFot {float:right; border-top:solid 1px #b8b7b7; WIDTH: 217px; margin-left:8px;}
/*END Code Added 14/04/05 wb*/


 /*grey box headers*/
.greysmallbox { BORDER-TOP: #b8b7b7 1px solid;  DISPLAY: block;  BACKGROUND: #f1f1f1; FLOAT: left;MARGIN-TOP: 27px; MARGIN-BOTTOM: 4px; WIDTH: 153px;  HEIGHT: 33px }
.greyverysmallbox { BORDER-TOP: #b8b7b7 1px solid;  DISPLAY: block;  BACKGROUND: #f1f1f1; FLOAT: left;MARGIN-TOP: 28px; MARGIN-BOTTOM: 4px; WIDTH: 144px;  HEIGHT: 33px }
/* Code added 04/08/2005 */ 
h1			  {FONT-WEIGHT: normal; MARGIN-LEFT:0px; FONT-SIZE:180%;MARGIN-TOP: 4px;}
/* end */			
	
h2			  {FONT-WEIGHT: bold; MARGIN-LEFT:5px; FONT-SIZE:95%;MARGIN-TOP: 4px; MARGIN-BOTTOM:0px;}		
/*.businessgreyverysmallbox { VERTICAL-ALIGN: middle;BORDER-TOP: #b8b7b7 1px solid;  DISPLAY: block;  BACKGROUND: #efefef; FLOAT: left;MARGIN-TOP: 28px; MARGIN-BOTTOM: 4px; WIDTH: 214px;  HEIGHT: 34px }
.businessh2		  {FONT-WEIGHT: bold; MARGIN-LEFT:6px; FONT-SIZE:95%;MARGIN-TOP: 10px; MARGIN-BOTTOM:0px;}*/		


/*Code added 14/04/05 wb */
.businessgreyverysmallbox { VERTICAL-ALIGN: middle;BORDER-TOP: #b8b7b7 1px solid;  DISPLAY: block;  BACKGROUND: #efefef; FLOAT: left;MARGIN-TOP: 28px; MARGIN-BOTTOM: 4px; WIDTH: 214px;  HEIGHT: 34px }
.businessh2		  {FONT-WEIGHT: bold; MARGIN-LEFT:6px; FONT-SIZE:95%;MARGIN-TOP: 10px; MARGIN-BOTTOM:0px;}		
/*END Code added 14/04/05 wb */

.smallboxtext { WIDTH: 210px }
.greynobox_long { BORDER-TOP: #b8b7b7 1px solid; DISPLAY: block; FONT-WEIGHT: bold; BACKGROUND: #f1f1f1; FLOAT: left; MARGIN-BOTTOM: 4px; WIDTH: 305px; HEIGHT: 33px }
.greynobox { BORDER-TOP: #b8b7b7 1px solid; DISPLAY: block; FONT-WEIGHT: bold; BACKGROUND: #f1f1f1; FLOAT: left; MARGIN-BOTTOM: 4px; WIDTH: 218px; HEIGHT: 33px }
.nobooktext { MARGIN: 0px; WIDTH: 210px }
.noboxtext { MARGIN: 0px; WIDTH: 210px }
.greyboxindentedtext {padding-left:9px; padding-top:13px}
.greylargeboxright { BORDER-TOP: #b8b7b7 1px solid; DISPLAY: block; BACKGROUND: #f1f1f1; FLOAT: left; MARGIN: 24px 0px 5px; WIDTH: 306px; HEIGHT: 76px }
.greylargeboxleft { BORDER-TOP: #b8b7b7 1px solid; DISPLAY: block; BACKGROUND: #f1f1f1; FLOAT: left; MARGIN: 32px 0px 5px; WIDTH: 306px; HEIGHT: 76px; }
.greylargebox346 { BORDER-TOP: #b8b7b7 1px solid; DISPLAY: block; BACKGROUND: #f1f1f1; FLOAT: left; MARGIN: 32px 0px 5px; WIDTH: 346px; HEIGHT: 76px; }

/* New code duplicate of greylargebox346 added 05/08/2005 - WB*/ 
.greylargebox3462 { BORDER-TOP: #b8b7b7 1px solid; DISPLAY: block; BACKGROUND: #f1f1f1; FLOAT: left; MARGIN: 40px 0px 5px; WIDTH: 346px; HEIGHT: 90px; }
/* END */ 

.greylargebox346Lg { BORDER-TOP: #b8b7b7 1px solid; DISPLAY: block; BACKGROUND: #f1f1f1; FLOAT: left; MARGIN:40px 0px 5px; WIDTH: 352px; HEIGHT: 83px; overflow: hidden;}

/* New code duplicate of greylargebox346Lg2 added 05/08/2005 - WB*/ 
.greylargebox346Lg2 { BORDER-TOP: #b8b7b7 1px solid; DISPLAY: block; BACKGROUND: #f1f1f1; FLOAT: left; MARGIN:40px 2px 5px; WIDTH: 352px; HEIGHT: 90px; overflow: hidden;}
/* END */ 

.greylargeboxLg { BORDER-TOP: #b8b7b7 1px solid; DISPLAY: block; BACKGROUND: #f1f1f1; FLOAT: left; MARGIN:10px 0px 5px; padding-bottom:5px;WIDTH: 440px; overflow: hidden;}

/* Code Added 14/04/05 wb */
.greylargebxlft2 { BORDER-TOP: #b8b7b7 1px solid; DISPLAY: block; BACKGROUND: #f1f1f1; FLOAT: left; MARGIN: 32px 0px 5px; WIDTH: 306px; HEIGHT: 180px;}
.greylargebxlft3 { BORDER-TOP: #b8b7b7 1px solid; DISPLAY: block; BACKGROUND: #f1f1f1; FLOAT: left; MARGIN: 32px 0px 5px; WIDTH: 306px; HEIGHT: 130px;}
/*END Code Added 14/04/05 wb */

.greylargetext	{float:left; width:200px; margin-top: 4px;margin-left: 4px;}
.greylargetextlong	{float:left; width:300px; margin-top: 4px;margin-left: 4px;}
.greylargebuynow{float:left;margin-top: 6px; width:120px;}


/* New code added - to create a generic box outline - 05/08/2005 - WB */
.boxoutline {
	margin: 0px;
	padding: 0px;
	float: left;
	border: 1px solid #999999;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	border-color: #999999;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-width: 1px;
}
/* END */



UNKNOWN { FLOAT: left }
.box { FLOAT: left;}

.networkicons { FLOAT: left;margin-right:12px;}
.networkicon	{ FLOAT: left;vertical-align: bottom;}
.networktext	{ FLOAT: left;vertical-align: bottom;margin-left:3px;;margin-top:4px;}

.boxLt { FLOAT: left; margin-top:14px; }
/* New code added - duplicate of boxLt - 05/08/2005 - WB */
.boxLt2 { FLOAT: left; margin-top:20px; background:#f1f1f1; height: 30px}
/* END */

.box5 { FLOAT: left; padding-top:5px }
.box10 { FLOAT: right; padding-top:5px; height:15px; width:120px; padding-right: 6px; }
.box10Pad { FLOAT: right; padding-top:16px; height:15px; width:120px; padding-right: 8px; }
.box20 { FLOAT: right; padding-top:6px; height:25px; width:120px; padding-right: 8px; }
.homemaincolumnleft { float:left; }
.homemaincolumnright { float:right;}


/* Code Added 14/04/05 wb */
.bx2 { FLOAT: right; DISPLAY: block; BACKGROUND: #f1f1f1; WIDTH: 134px; HEIGHT: 213px;}
.bx3 { FLOAT: right; DISPLAY: block; BACKGROUND: #f1f1f1; WIDTH: 134px; HEIGHT: 163px;}
/* END Code Added 14/04/05 wb */


.boxtop { MARGIN-TOP: 14px }
.rightcolumnhome { FLOAT: left; MARGIN-LEFT: 13px; WIDTH: 145px; PADDING-TOP: 54px }
.rightcolumn { FLOAT: left; MARGIN-LEFT: 13px; WIDTH: 145px; PADDING-TOP: 54px }/* PADDING-TOP: 31px */
.rightcolumnblank { FLOAT: left; MARGIN-LEFT: 13px; WIDTH: 145px }

.blueheaderbar { DISPLAY: block; FONT-WEIGHT: bold; BACKGROUND: #7799b9; PADDING-BOTTOM: 4px; MARGIN: 0px; WIDTH: 145px; COLOR: #fff; PADDING-TOP: 4px; height: 20px; PADDING-LEFT: 1px }
.bluebartext { MARGIN-TOP: 5px }
.blueboxfield { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #000000 1px solid; MARGIN-TOP: 5px; BORDER-LEFT: #000000 1px solid; WIDTH: 118px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff; FONT-SIZE:90% }

.redheaderbar { DISPLAY: block; FONT-WEIGHT: bold; BACKGROUND: #E81832; PADDING-BOTTOM: 4px; MARGIN: 0px; WIDTH: 145px; COLOR: #fff; PADDING-TOP: 4px; height: 20px; }
.redbarboldtext { MARGIN-TOP: 5px; font-weight:bold; font-size:100% }
.pricered { COLOR: #ff0033; font-size:90% }
.smpricered { COLOR: #ff0033; font-size:85% }
.smalltext { font-size:90% }
div.rightcolumn .smalltext { font-size:100%: }
.promo { margin-left: 3px; margin-right: 3px }

.greyline145 { BACKGROUND: #b9b8b8; WIDTH: 145px }
.greyline200 { BACKGROUND: #b9b8b8; WIDTH: 200px }
.greyline214 { BACKGROUND: #b9b8b8; WIDTH: 214px }
.greyline419 { BACKGROUND: #b9b8b8; WIDTH: 419px }
.greyline429 { BACKGROUND: #b9b8b8; WIDTH: 429px }
.greyline429WithMargin { BACKGROUND: #b9b8b8; WIDTH: 429px; margin-top:8px }
/*product details*/
.tabContainer		{width:440px;}	
.pdConSideOn		{float:left;background-color:#F8F8F8;}
.pdConSideOff		{float:left; }
.pdConMiddleOn		{float:left; background-color:#F8F8F8;}
.pdConMiddleOff		{float:left;}
.pdGyLineLf			{background-color:#CCCCCC; width:1px; height:15px;}
.pdGyLineRg			{border-right: solid 1px #CCCCCC; width:3px; height:15px;}
.tab				{float:left; margin-right:2px;}	


a.pdOff		{color:#919191; font-size:100%; font-weight:bold; text-decoration:none;}
a.pdOn		{color:#E81832; font-size:100%; font-weight:bold; text-decoration:none;}
.pdbg		{background: #fff url("/images/common/navigation/pd_bg.gif") repeat-x left bottom;}

.productdetails { BACKGROUND: url(/images/common/backgrounds/details_background.gif); WIDTH: 440px; PADDING-TOP: 15px }
.listheading { padding-left:15px; WIDTH: 410px;}
.productdropdown { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #000000 1px solid; MARGIN-TOP: 8px; BORDER-LEFT: #000000 1px solid; WIDTH: 157px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff;  FONT-SIZE:90% }
.productsmiddlecolumn { FLOAT: left; WIDTH: 440px; PADDING-TOP: 14px }
.productsgreysmallbox { BORDER-TOP: #b8b7b7 1px solid; MARGIN-TOP: 28px; DISPLAY: block; FONT-WEIGHT: bold; BACKGROUND: #f1f1f1; FLOAT: left; MARGIN-BOTTOM: 4px; WIDTH: 128px; TEXT-INDENT: 5px; LINE-HEIGHT: 210%; HEIGHT: 33px; }
.producthelp { float: left; width: 70px; }
.producthelpbt { float: left; width: 70px; margin-top:14px }
.producthelpselect {  }
.producthelplink { padding-top: 5px; }
#productemail { margin:0px; padding:0px; width: 34px; text-align:left; }
#productcall { margin:0px; padding:0px; width: 48px; text-align:center; }
#productchat { margin:0px; padding:0px; width: 28px; text-align:right; }

.faqtext { MARGIN-TOP: 5px; FLOAT: left }
.faqquestions { MARGIN-BOTTOM: 5px; FLOAT: left; WIDTH: 440px }
.helpdeskitems,.producthelpitems { MARGIN-BOTTOM: 5px; }
.dropdown148 {  BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #000000 1px solid; MARGIN-BOTTOM: 10px; VERTICAL-ALIGN: middle; BORDER-LEFT: 000000 1px solid; WIDTH: 148px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff; FONT-SIZE: 90%; }
.dropdown174  { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #000000 1px solid; MARGIN-TOP:8px; BORDER-LEFT: #000000 1px solid; WIDTH: 174px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff;  FONT-SIZE:90% }
.dropdown160	{BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #000000 1px solid; MARGIN-TOP:8px; BORDER-LEFT: #000000 1px solid; WIDTH: 160px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff;font-size:12px;}
.dropdown200 {  BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #000000 1px solid; MARGIN-BOTTOM: 8px; VERTICAL-ALIGN: middle; BORDER-LEFT: 000000 1px solid; WIDTH: 200px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff; FONT-SIZE: 90%; }

.producthelpitem { MARGIN-BOTTOM: 5px; FLOAT: left; WIDTH: 440px }


.linkarrow { COLOR: #ff0033; TEXT-DECORATION: none }
.linkarrow:hover { COLOR: #ff0033; TEXT-DECORATION: none }

.arrowtext { MARGIN-TOP: 5px }
.arrowhead { margin-bottom:2px }
.listarrow { MARGIN-TOP: 5px; margin-bottom:2px }

.departTop { MARGIN-BOTTOM: 5px; PADDING-RIGHT:15px; FLOAT: RIGHT }
.departTitle { FLOAT:LEFT; WIDTH:100px; }
.departNumber { FLOAT:LEFT }
.openTimes { FLOAT:LEFT }

.keyItem { float:left; padding-right:20px }
.keyImg { float:left }
.keytext { float:left; margin-top:3px; padding-left:5px }
.toplink {font-family:  geneva, arial-narrow, arial, helvetica, sans-serif; font-size: 9px; color:#0000FF; text-align: right}
/*  table_02 template */
table.smTable { text-align: left; font-family: Verdana; font-weight: normal; font-size: 100%; width:433px;color: #404040;background-color: #fff; border: 1px #b9b8b8 solid; border-collapse: collapse; border-spacing: 0px; }
table.smTable td.smTableLeft { border-left: none; border-right: #ccc 1px solid; border-bottom:#ccc 1px solid; border-top: none; padding-left:5px; padding-top:7px; padding-bottom:7px  }
.smTableLeftBottom { border-left:none; border-right:#ccc 1px solid; border-bottom:none; border-top: none; padding-left:5px; padding-top:7px; padding-bottom:7px  }
.leftsmTableContent {width:180px}
table.smTable td.smTableLeftHeading { border-left:none; border-top:none; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px }
table.smTable td.smTableRightHeading { border-left:none; border-top:none; border-right:none; border-bottom:#ccc 1px solid;  padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px }
.greyCell { border-left: none; border-right: none; border-top: none; border-bottom:#ccc 1px solid; padding-left:5px; padding-top:2px; padding-bottom:2px  }
.smTableCell { border-left: none; border-top: none; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; padding-left:5px; padding-top:7px; padding-bottom:5px }
.smTableCellBottom { border-left: none; border-top: none; border-bottom:none; border-right:#ccc 1px solid; padding-left:5px; padding-top:5px; padding-bottom:5px }
.smTableCellLast { border: none;  border-bottom:#ccc 1px solid; padding-left:10px; padding-top:5px; padding-bottom:5px }
.smTableCellLastBottom { border: none;  border-bottom:none; padding-left:10px; padding-top:5px; padding-bottom:5px }

/*  table_01 template */
.lgTable { border: #ccc 1px solid; width:594px; font-size:100% }
.lgTableLeft {  border-left: none; border-right: #ccc 1px solid; border-bottom:#ccc 1px solid; border-top: none; padding-left:5px; padding-top:2px; padding-bottom:2px;font-size:90%; }
.lgTableLeftBottom {border-left: none; border-right: #ccc 1px solid; border-bottom:none; border-top: none; padding-left:5px; padding-top:2px; padding-bottom:2px }
.leftTableContent { width:210px }
.lgTableHeading {border-left:none; border-top:none; border-right:none; border-bottom:#ccc 1px solid; padding-top:5px; padding-bottom:5px; vertical-align:bottom  }
.lgTableHeadingLeft {width:48px; padding-left:4px }
.lgTableHeadingMiddle { width:74px }
.lgTableHeadingRight { border-left:none; border-top:none; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; padding-top:5px; padding-bottom:5px; vertical-align:bottom }
#supportImg { float:left; padding-left:10px }
#supportImgLg { float:left; padding-left:23px }
#indentImg { padding-left:10px; padding-top:5px }
#indentImgLg { padding-left:25px; padding-top:5px }
.lgTableCell { float:left; border-left: none; border-top: none; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; padding-left:10px; padding-top:5px; padding-bottom:5px }

table.nsTable			{float:left; width:330px; font-size:100%; background-color:#fff;border-collapse: collapse;}
td.ssTableLeftHeader	{float:left; background-color:#eee;border-left: none; border-right: #ccc 1px solid;  border-top: none; padding-left:12px; padding-top:6px; padding-bottom:6px }
td.ssTableMidHeader		{float:left;  background-color:#eee;border-left: none; border-right: #ccc 1px solid;  border-top: none; padding-left:12px; padding-top:6px; padding-bottom:6px }
td.ssTableRightHeader	{float:left;  background-color:#eee;border-left: none;  border-top: none; padding-left:12px; padding-top:6px; padding-bottom:6px }
td.ssTableLeft			{float:left; border-left: none; border-right: #ccc 1px solid;  border-top:  #ccc 1px solid; padding-left:12px; padding-top:6px; padding-bottom:6px }
td.ssTableMid			{float:left; border-left: none; border-right: #ccc 1px solid;  border-top:  #ccc 1px solid; padding-left:0px; padding-top:6px; padding-bottom:6px;text-align:center; }
td.ssTableRight			{float:left; border-left: none;  border-top:  #ccc 1px solid; padding-left:12px; padding-top:6px; padding-bottom:6px }
.ssTableLeftContent		{float:left; width:110px; }
.ssTableMidContent		{float:left; width:52px;}
.ssTableRightContent	{float:left; width:215px;padding-top:3px; padding-bottom:3px;}



.contactLeft { FLOAT:LEFT; WIDTH:140px; padding-top: 7px; }
.contactRight { FLOAT:LEFT; }


.backtolist { MARGIN-TOP: 15px; MARGIN-BOTTOM: 10px; WIDTH: 429px  }
.pressreleasered { COLOR: #ff0033; MARGIN-TOP: 15px; MARGIN-BOTTOM: 10px; FLOAT: left; WIDTH: 429px }
.pressreleaseyear { FONT-WEIGHT: bold; MARGIN-TOP: 5px; FLOAT: left; WIDTH: 200px }
.pressreleasetxt { FONT-WEIGHT: bold; MARGIN-TOP: 5px; FLOAT: left; WIDTH: 429px }
.pressreleasetitle { FONT-WEIGHT: bold; MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; WIDTH: 429px }

.contactUsImg { FLOAT: LEFT; PADDING-RIGHT:10px; PADDING-BOTTOM:10px}
.contactAddress { FLOAT: LEFT; HEIGHT: 165px }
.otherContactLocs { FLOAT: LEFT; MARGIN-TOP:5px; padding-right:50px }
.departContact { FLOAT: LEFT; MARGIN-TOP:5px; padding-right:20px }

.officemap { FLOAT: LEFT; MARGIN-TOP: 37px; width:278px; HEIGHT: 185px }
.officelocation { FLOAT: LEFT; MARGIN-TOP: 37px; HEIGHT: 165px }
.officemaplg { MARGIN-TOP: 65px; HEIGHT: 10px  }
.otherlocations { MARGIN-TOP: 5px; FLOAT: left }

.sitesection { FLOAT: LEFT; WIDTH: 180px; MARGIN-RIGHT:10px; MARGIN-TOP:5px; LINE-HEIGHT: 130% }
.subsectiontitle { FLOAT: LEFT; WIDTH: 180px; MARGIN-RIGHT:10px; COLOR:#ff0033; FONT-WEIGHT: bold }
.sectiondivline { BACKGROUND: #b9b8b8; WIDTH: 180px; MARGIN-TOP: 10px; MARGIN-BOTTOM: 5px }

.addressbox { FLOAT:LEFT; WIDTH:140px }
.address { FLOAT:LEFT }
.addresstext { MARGIN-TOP: 5px; FLOAT: left; }

.searchresultsarrow { FLOAT:LEFT; WIDTH:10px; margin-top:3px }
.searchresults { FLOAT:LEFT; WIDTH:400px; MARGIN-BOTTOM:15px }

/*process*/
.perHeader{margin-top:25px; margin-bottom:25px; font-weight:bold; font-size:130%; color: #ff0033 }
.purloin {font-weight:italic; font-size:90%; color: #996633 }

/* right column styles */
.greyboxlist { BACKGROUND-COLOR:#FFFFFF; FLOAT:LEFT; WIDTH:135px; BORDER-TOP:#CCCCCC 1px solid; BORDER-BOTTOM:#CCCCCC 1px solid; BORDER-RIGHT:#CCCCCC 1px solid; BORDER-LEFT:#CCCCCC 1px solid; PADDING: 5px; PADDING-TOP: 13px; PADDING-BOTTOM: 28px; MARGIN-TOP:0px }
.greybox { BACKGROUND-COLOR:#FFFFFF; FLOAT:LEFT; WIDTH:135px; BORDER-TOP:#CCCCCC 1px solid; BORDER-BOTTOM:#CCCCCC 1px solid; BORDER-RIGHT:#CCCCCC 1px solid; BORDER-LEFT:#CCCCCC 1px solid; PADDING: 5px; PADDING-TOP: 13px; PADDING-BOTTOM: 13px; MARGIN-TOP:24px }
.greyboxprice { BACKGROUND-COLOR:#FFFFFF; FLOAT:LEFT; WIDTH:135px; BORDER-TOP:#CCCCCC 1px solid; BORDER-BOTTOM:#CCCCCC 1px solid; BORDER-RIGHT:#CCCCCC 1px solid; BORDER-LEFT:#CCCCCC 1px solid; PADDING: 5px; PADDING-TOP: 13px; PADDING-BOTTOM: 9px; MARGIN-TOP:10px }
.topgreybox { BACKGROUND-COLOR:#FFFFFF; FLOAT:LEFT; WIDTH:135px; HEIGHT:30px; BORDER-TOP:#CCCCCC 1px solid; BORDER-BOTTOM:#CCCCCC 1px solid; BORDER-RIGHT:#CCCCCC 1px solid; BORDER-LEFT:#CCCCCC 1px solid; PADDING: 5px; PADDING-TOP: 9px; PADDING-BOTTOM: 0px; MARGIN-TOP:10px }
.stepgreybox { BACKGROUND-COLOR:#FFFFFF; FLOAT:LEFT; WIDTH:420px;  BORDER-TOP:#CCCCCC 1px solid; BORDER-BOTTOM:#CCCCCC 1px solid; BORDER-RIGHT:#CCCCCC 1px solid; BORDER-LEFT:#CCCCCC 1px solid;  PADDING-TOP: 10px; PADDING-BOTTOM: 10px; text-align:center; vertical-align:middle; MARGIN-TOP:0px }
.greytext { color:#999999 }
.productgreytext { color:#666666; font-size:90%; }
a.productgreytext { text-decoration:none; font-size:100% }
a.productgreytext:hover { text-decoration:none; font-size:100% }

.greyTable { float:left; background:#f1f1f1 }

.prtext {width: 388px}
.spacer { width: 100% }
p 		{ width:100%; margin-top:0px;}
p.popup	{width:100%; margin-top:0px;font-size:70%;}
p.bundle	{font-size:85%;}

.leftBox { FLOAT:left; WIDTH:190px; MARGIN-TOP:20px; MARGIN-RIGHT:50px }
.rightBox { FLOAT:left; WIDTH:190px; MARGIN-TOP:20px }
.helpText { MARGIN-TOP:2px }

/* table */
.table      {font-size:120%; border: #b9b8b8; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px;padding:5px;}
.tableEnd   {font-size:120%; border: #b9b8b8; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;padding:5px;}
		
.tableTop      {font-size:120%; font-weight:bold; border: #b9b8b8; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px;padding:5px;}
.tableTopEnd   {font-size:120%; font-weight:bold;  border: #b9b8b8; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;padding:5px;}



/* START - 050606 - WB - new style sheet reference added */
.new-window    { target-new: tab ! important }
/* END */



table.sofT { text-align: center; font-family: Verdana; font-weight: normal; font-size: 100%; width:433px;color: #404040;background-color: #fafafa; border: 1px #b9b8b8 solid; border-collapse: collapse; border-spacing: 0px; }
/* this is cool-- tag all table cells just as td and they show up like this... be sure to add class="normal to the .shtml td container! */
table.sofT td { border-bottom: 1px solid #b9b8b8; border-top: none; border-left: 1px solid #b9b8b8; border-right: 0px; text-align: left; padding-left: 12px; font-family: Verdana, sans-serif, Arial; font-weight: normal; font-size: 100%; color: #404040; background-color: #fff; height:25px;}
table.sofT td.icon  { border-bottom: 1px solid #b9b8b8; border-top: none; border-left: 1px solid #b9b8b8; border-right: 0px; text-align: center; padding-left: 0px; font-family: Verdana, sans-serif, Arial; font-weight: normal; font-size: 100%; color: #404040; background-color: #fff; height:25px;}
table.sofT td.helpHed { border-bottom: 1px solid #b9b8b8; border-top:none; border-left: 1px solid #b9b8b8; background-color: #eee; text-align: left; padding-left: 12px; font-family: Verdana; font-size: 100%; color: #404040; }
table.sofT td.sup { background-color: #FCC; }
.sup { background-color: #FCC; }


.printconf		{font-size:100%;}

/* Added the following google code to this css file 19/04/05 wb */
/* Google search styles - alessandro start */
a.plain	{color:#333;}
a.plain:hover	{color:#333;text-decoration:none;}
.grey {color:#666;}
.grey:hover {color:#666;text-decoration:none;}

.sponsoredLinks {margin:0px 0px 0px 0px;}
.google-search {width:250px;}

/* NEWCode 18/04/05 - wayne start */
.google-search-rightsnippet {width:135px;}
.google-table {font-size:100%;}
/* END NEWCode 18/04/05 - wayne */

.fl {float:left;}
.fr {float:right;}
.advert {cursor: pointer;}
.greyline	{background:#CCCCCC; height:1px; width:100%;}

.google-hm {font-size: 90%; width:105px; margin:2px 0px 0px 0px;}
.google-search-txt {margin:7px 0px 5px 0px;}
#Web	{margin:5px 5px 5px 0px;}
#ukOnly {margin:5px 0px 5px 0px;}

.ad-line-one {width:100%; display:block; margin:0px; padding:0px;} 
.ad-line-two {color:#333; width:100%; display:block; margin:0px; padding:0px;} 
.ad-line-two:hover {color:#333;text-decoration:none;} 
.ad-line-three {color:#666; width:100%; display:block; margin:0px; padding:0px;} 
.ad-line-three:hover {color:#666;text-decoration:none;} 

/* Google search alessandro - end */
/* END Added google code to this css file 19/04/05 wb */


/* New code added - wb 04/08/2005 */
A.black { COLOR: #000000; TEXT-DECORATION: none }
A.black:hover { COLOR: #000000; TEXT-DECORATION: none }
/* end */


/* New code duplicate of greylargebox346 added 05/08/2005 - WB*/ 
.greylargebox3462 { BORDER-TOP: #b8b7b7 1px solid; DISPLAY: block; BACKGROUND: #f1f1f1; FLOAT: left; MARGIN: 40px 0px 5px; WIDTH: 346px; HEIGHT: 90px; }
/* END */ 


/* New code duplicate of greylargebox346Lg2 added 05/08/2005 - WB*/ 
.greylargebox346Lg2 { BORDER-TOP: #b8b7b7 1px solid; DISPLAY: block; BACKGROUND: #f1f1f1; FLOAT: left; MARGIN:40px 2px 5px; WIDTH: 352px; HEIGHT: 90px; overflow: hidden;}
/* END */ 

/* New code added - to create a generic box outline - 05/08/2005 - WB */
.boxoutline {
	margin: 0px;
	padding: 0px;
	float: left;
	border: 1px solid #999999;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	border-color: #999999;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-width: 1px;
}
/* END */

/* New code added - duplicate of boxLt - 05/08/2005 - WB */
.boxLt2 { FLOAT: left; margin-top:20px; background:#f1f1f1; height: 30px}
/* END */


/* New code added - duplicate of boxLt - 05/08/2005 - WB */
.cellspacing { FLOAT: left; margin-top:20px; background:#f1f1f1; height: 30px}
/* END */


/* NEWCode 18/08/05 - wayne start */white
.cellspacing {
	margin: 5px;
	padding: 10px;
}
.championsdslbg {
	background: #f35 url("/opencms/opencms/system/galleries/pics/product-images/champion-images/sdsl-box-bg.gif") repeat-x left top;

}
.championsdslbg2 {
	background-image: url("/opencms/opencms/system/galleries/pics/product-images/champion-images/sdsl-box-bg.gif");
        background-position-y: top;
        background-repeat: repeat-x;
	background-color: #FF3355;
}
/* END NEWCode 18/08/05 wb */
/* NEWCode 25/11/05 - WB START */
.whitetext {

color: #fff ;

}

/* NEWCode 25/11/05 - WB - END */


/* Product Details */
#proddetail01	{position:relative; visibility:visible;}
#proddetail02	{position:relative; visibility:visible;}
#proddetail03	{position:relative; visibility:visible;}
#proddetail04	{position:relative; visibility:visible;} 

/* Added by oliver for the new homepage amends */

.whiteheaderbar {font-weight: bold; color: #7799b9; padding:0px; margin:0px; margin-bottom:6px;}
.rh-img-con {font-weight: bold; color: #7799b9; height:auto;}
.rh-img-con img {height:63px; float:left;}
.right-padd {margin-bottom:5px}

h2.no-bg {font-weight: bold; font-size: 95%; margin-bottom: 6px; margin-left: 0px;}
.bg-top	{border-top:solid 1px #b9b8b8; padding-top: 8px; margin-top:10px;}
ul.arr		{margin:0 0 10px 0;}
ul.arr li {list-style:none; background:url(/images/common/arrow.gif) no-repeat 0.2em top; padding-left:16px;}
.rightcolumnhome ul {margin-top:0px;}
.rightcolumnhome .blueheaderbar {margin-bottom:6px;}
ul.lnk-padd {margin-top:5px;}
.nobg-mar-top   {padding-top: 8px; margin-top:11px;}