/* OfficeXpress styles */

@import url("reset.css");

html, body { /*height:100%;*/ }
body {
	font: 0.75em/1.35 Arial, Helvetica, Tahoma, sans-serif;
	color:#333;
	background:#FFF url(../images/bg-mainbody.png) repeat-x left bottom;
}
a { color:#49A3DE; }
h2 { font-size:2.2em; color:#113489; padding-bottom:0.1em; }
h4 { color:#EB850F; }
h2{ font-weight:normal; }
address { font-style:normal; }

p.lrg { color:#EB850F; font-size:1.12em; padding-bottom:0.4em; }
p.note { font-size:0.9em; padding-bottom:0.4em; }
img.button { margin-top:0.3em; }
img.sr { float:right; margin-right:5px; }
#container {
	min-height:100%;
   	position:relative;
}

#centralInner {
	margin:0 auto;
	width:960px;
}

#header {
	padding-top:18px;
	position:relative;
}
#header .logo { display:block; padding:3px 0 14px; }
#header .rhs { position:absolute; right:0; top:19px; }
#header .accountLogin { display:block; float:left; padding-right:13px; width:101px; height:16px; background:url(../images/bg-button-accountlogin-over.png) no-repeat left top; }
#header .accountLogin:hover img { display:none; }

#topNav {
	width:100%;
	padding-bottom:8px;
	padding-left:2px;
	background:url(../images/bg-mainnavdivider-left.png) no-repeat left top;
}
#topNav li {
	float:left;
	padding:0;
	background:#2C568F url(../images/bg-mainnav.png) repeat-x left top;
	min-height:38px;
	overflow:hidden;
	color:#FFF;
}
#topNav li:hover, #topNav li.selected {
	background-position:left -38px;
}
#topNav li a, #fixedFooterNav ul li a {
	color:#FFF;
	padding:11px 30px 9px;
	display:block;
	text-align:center;
	text-decoration:none;
}
#topNav li a { background:url(../images/bg-mainnavdivider.png) no-repeat right top; }
#topNav li:last-child a { background:url(../images/bg-mainnavdivider-right.png) no-repeat right top; padding-left:33px; padding-right:33px; }

/* Breadcrumbs */

#breadcrumb {
	padding:0.15em 0 1.6em 0;
	background:url(../images/bg-main-top.png) no-repeat left bottom;
}
#breadcrumb li {
	display:inline;
	color:#24376E;
	padding:0 0.9em 0 0.3em;
	background:url(../images/bg-orangearrow.png) no-repeat right 4px;
}
#breadcrumb li.first {
	font-weight:bold;
	padding:0;
	color:#FD9413;
}
#breadcrumb li a { color:#24376E; text-decoration:none; }
#breadcrumb li a:hover { text-decoration:underline; color:#4D79B1; }
#breadcrumb li.right, #breadcrumb li.right a { color:#4D79B1; }
#breadcrumb li.right, #breadcrumb li.first { background:none; }

/* ************ 2 column content page layout ************ */

#main {
	padding:2px 11px 0 11px;
	background:url(../images/bg-main-body.png) repeat-y left top;
}
#meettheteam #main { padding:0 9px 0 9px; }

#main .content p, #main .mttContent p {
	padding-bottom:1.6em;
}

#main p.lrg {
	font-size:1.2em;
	line-height:1.35em;
	padding-bottom:1.3em;
	color:#333;
}

#sidebarLeft {
	float:left;
	width:171px;
}

#sidebarLeft h3 {
	color:#FFF;
	font-size:1.1em;
	padding:0.37em 0.6em 0.5em;
	line-height:1em;
	background:url(../images/bg-localnavanchor.png) no-repeat left top;
}
#sidebarLeft h3 a {
	color:#FFF;
	text-decoration:none;
}

/* Local left hand navigation */

#localNav {
	margin:4px 0 1.3em;
}
#localNav li {
	padding-top:0.45em;
	margin-bottom:3px;
	width:171px;
	background:#F5F5F5 url(../images/bg-leftnav-top.png) no-repeat left top;
}
#localNav li a {
	color:#000;
	text-decoration:none;
	display:block;
	padding:0 0.5em 0.43em 19px;
	background:url(../images/bg-leftnav-bottom.png) no-repeat left bottom;
}
#localNav li:hover { background:#E8E8E8 url(../images/bg-leftnav-top.png) no-repeat -171px top; }
#localNav li:hover a { background:url(../images/bg-leftnav-bottom.png) no-repeat -171px bottom; }
#localNav li.selected, #localNav li.selected:hover { background:#FEB120 url(../images/bg-leftnav-top.png) no-repeat -342px top; }
#localNav li.selected a, #localNav li.selected:hover a { color:#FFF; background:url(../images/bg-leftnav-bottom.png) no-repeat -342px bottom; }

/* Sub menu 3rd tier styles */
#localNav li.selected ul { background:none; border-top:3px solid #FEB120; margin-top:-3px; }
#localNav li.selected ul li, #localNav li.selected:hover ul.sub li { background:#E9E9E9 url(../images/bg-leftnav-submenu.png) no-repeat left top; margin-bottom:0; border-bottom:1px solid #FFF;}
#localNav li.selected ul li:last-child, #localNav li.selected ul li.last, #localNav li.selected:hover ul.sub li.last, #localNav li.selected:hover ul.sub li:last-child { background:#E9E9E9 url(../images/bg-leftnav-submenu-last.png) no-repeat left bottom; }
#localNav li.selected ul li a, #localNav li.selected:hover ul.sub li a { color:#000; background:none; padding-left:34px; font-size:0.95em; }
#localNav li.selected ul.sub li:hover, #localNav li.selected ul.sub li.selected { background:#C2CDDB url(../images/bg-leftnav-submenu.png) no-repeat -171px top;  }
#localNav li.selected ul.sub li.last:hover, #localNav li.selected ul.sub li.selected.last { background:#C2CDDB url(../images/bg-leftnav-submenu-last.png) no-repeat -171px bottom;  }
#localNav li.selected ul.sub li:hover a { color:#000; background:none; }



#sidebarLeft .customerLogin {
	padding-bottom:1.5em;
	background:url(../images/bg-leftnavlogin-bottom.png) no-repeat left bottom;
}
#sidebarLeft .customerLogin h3, #sidebarLeft .customerLogin form { padding-left:13px; padding-right:12px; }
#sidebarLeft .customerLogin h3 {
	background:url(../images/bg-leftnavlogin-top.png) no-repeat left top;
	padding-top:0.7em;
	padding-bottom:0.3em;
	font-size:1.4em;
	color:#F88323;
}

#content {
	float:right;
	width:756px;
}


/* Content page template variations */

/* Leader pages */
#content.leader .introBlock {
	min-height:188px;
	padding:40px 0 10px 15px;
}

/* Products and Services */

#content.leader h1 {
	text-transform:uppercase;
	color:#FFF;
	font-size:2.9em;
	line-height:1em;
	letter-spacing:-1px;
	width:230px;
}
#content.leader h1 cufon {
  float: left;
  margin-bottom: -1px;

} 

#content.leader #articleBlock h2, #content.sub #articleBlock h3, .mttContent h2 {
	line-height:1.1em;
	letter-spacing:-0.03em;
	font-size:2.1em;
	color:#113489;
	font-weight:bold;
	margin:0;
	padding:0.3em 2em 0.4em 0;
}
#content.sub #articleBlock h3 { padding-top:0.4em; }
#content.sub #articleBlock h3 { font-size:1.9em; }
#content.leader #articleBlock h2 span, #content.sub #articleBlock h3 span, .mttContent h2 span { color:#5C9BD0; font-weight:normal; }

/* Leader page banners */
#productsandservices .introBlock { background:url(../images/bg-banner-productsandservices.jpg) no-repeat left top; }
#reducingcosts .introBlock { background:url(../images/bg-banner-reducingcosts.jpg) no-repeat left top; }
#deliveringresults .introBlock { background:url(../images/bg-banner-deliveringresults.jpg) no-repeat left top; }
#aboutus .introBlock { background:url(../images/bg-banner-aboutus.jpg) no-repeat left top; }
#environment .introBlock { background:url(../images/bg-banner-environment.jpg) no-repeat left top; }

#environment #articleBlock p { padding-right:30px; padding-bottom:1.5em; line-height:1.4em; }


#aboutus .leader h1 { font-size:3.2em; }
#environment .leader h1 { font-size:2.9em; }
#deliveringresults .leader h1 { font-size:2.6em; }
#content.sub #articleBlock .europeanSites { float:right; padding-bottom:1.8em; width:450px; margin-top:-43px; }
#content.sub #articleBlock .europeanSites ul li { width: 200px; float:left; padding:0 0 15px 0; margin-right:25px; background:none; min-height:140px; }


#content.sub #articleBlock .address { float:left;}

/* **************************************************************** */

/* Sub pages – 2nd and 3rd level */
#content.sub h1 {
	color:#113489;
	background:url(../images/bg-subpageheader.png) no-repeat left top;
	font-size:1.45em;
	padding:0.4em 1em 0.35em 13px;
	line-height:1em;
}
#content.sub .introBlock { min-height:199px; padding-bottom:10px; }
#content.printerSupplies .introBlock { background:url(../images/bg-banner-printersupplies.jpg) no-repeat left top; }
#content.officeSupplies .introBlock { background:url(../images/bg-banner-officesupplies.jpg) no-repeat left top; }
#content.managedProcurement .introBlock { background:url(../images/bg-banner-managedprocurement.jpg) no-repeat left top; }
#content.businessPrint .introBlock { background:url(../images/bg-banner-businessprint.jpg) no-repeat left top; }
#content.officeTech .introBlock { background:url(../images/bg-banner-officetechnology.jpg) no-repeat left top; }
#content.eComm .introBlock { background:url(../images/bg-banner-ecommerce.jpg) no-repeat left top; }

/* Non product and services page banners */
#content.contactus .introBlock { background:url(../images/bg-banner-contactus.jpg) no-repeat left top; }
#content.howtoorder .introBlock { background:url(../images/bg-banner-howtoorder.jpg) no-repeat left top; }
#content.openanaccount .introBlock { background:url(../images/bg-banner-openanaccount.jpg) no-repeat left top; }
#content.careers .introBlock { background:url(../images/bg-banner-careers.jpg) no-repeat left top; }
#content.recyclingscheme .introBlock { background:url(../images/bg-banner-recyclingscheme.jpg) no-repeat left top; }
#content.envirostatement .introBlock { background:url(../images/bg-banner-environmentalstatement.jpg) no-repeat left top; }


#content.sub .introBlock h2 { padding:26px 0 0 15px; }
#content.sub .introBlock h2 {
	text-transform:uppercase;
	color:#FFF;
	font-size:2em;
	line-height:1.15em;
	letter-spacing:-1px;
	width:222px;
}
#content.sub .introBlock h2.lrg { font-size:2.7em; line-height:0.9em; }
#content.sub .introBlock h2.med { font-size:2.3em; line-height:1em; }
#content.sub .introBlock h2.lrg cufon { float:left; margin-bottom: -2px; }
#content.sub .introBlock h2.med cufon { float:left; margin-bottom: -1px; }

#content.sub #articleBlock h4, #environment #articleBlock h3, .mttContent .mttBoxOut h3 {
	color:#113489;
	font-size:1.28em;
	padding-bottom:0.1em;
}

#content.sub #articleBlock h5 {
	padding-bottom:0.5em;
}
#content.sub #articleBlock p {
	padding-bottom:1.5em;
}
#content.sub ul {
	padding-bottom:1.6em;
}
#content.sub li {
	background:url(../images/bg-orangebullet-sm.png) no-repeat left 5px;
	padding:0 18px 0.5em 14px;
}
#content.sub ul.green li {
	background:url(../images/bg-bullet-greencircle.png) no-repeat left 5px;
	padding:0 18px 0.8em 14px;
	margin-left:2.5em;
}

#articleBlock h3 { font-size:1.3em; padding-bottom:0.8em; }


#articleBlock .inner { background:url(../images/bg-articleblock-top.png) no-repeat left top; padding:6px 13px 0 15px; }
#content.sub #articleBlock .inner { padding-right:3em; }
#articleBlock { background:url(../images/bg-articleblock-main.png) repeat-y left top; }
#content p.imglh-reducingcosts { background:url(../images/bg-portraitsquares-reducingcosts.jpg) no-repeat right 12px; padding:80px 230px 18px 0; margin:-71px 15px 0 0; }

/* 2 column layout with side column variation */
#content.sub #articleBlock.twoCol .inner { background:url(../images/bg-articleblock-2col-top.png) no-repeat left top; padding-right:1px;}
#content.sub #articleBlock.twoCol .inner .lh { float:left; width:512px; padding-right:20px; }
#content.sub #articleBlock.twoCol .inner .featureCol {
	float:right;
	background:url(../images/bg-sidefeaturecolumn.png) no-repeat left top;
	width:195px;
	padding:0 6px 2em 7px;
}
#content.sub #articleBlock.twoCol .inner .featureCol a {
	/*display:block;
	width:195px;
	height:255px;
	background:url(../images/img-sidefeature-over.jpg) no-repeat left top;*/
}
#content.sub #articleBlock.twoCol .inner .featureCol.openaccount a {
	/*background:url(../images/img-sidefeature-signup-over.jpg) no-repeat left top;*/
}
/*#content.sub #articleBlock.twoCol .inner .featureCol a:hover img { display:none; }*/
.inner .featureCol a img { line-height:0; display:block; }



/* Products and Services 2 column grid used on landing page */

ul.psList {
	padding:0.5em 0;
	background:url(../images/bg-productsandserviceslist.png) no-repeat left top;
}

ul.psList li {
	width:330px;
	float:left;
	padding:0 28px 1.5em 0;
}
#articleBlock ul.psList li h3 {
	color:#000;
	font-size:1.2em;
	padding:0 0 0.1em;
	line-height:0.8em;
}
ul.psList li h3 a {
	color:#F98109;
	text-decoration:none;
}
ul.psList li h3 a:hover {
	color:#FDAF1F;
	text-decoration:none;
}
ul.psList li p, ul.psList li a {
	line-height:1.3em;
	font-size:0.95em;
}
ul.psList li a.linkto {
	display:block;
	background:url(../images/bg-bullet-arrowincircle.png) no-repeat left 3px;
	padding:3px 0 3px 23px;
	margin-left:102px;
	text-decoration:none;
	font-weight:bold;
}
ul.psList li a.linkto:hover { text-decoration:underline; }
ul.psList li img {
	float:left;
	margin-top:3px;
	margin-right:13px;
}

/* 2 column list formating */
ul.twoColList {
	margin-left:12px;
	padding:9px 0 0 123px;
}
ul.twoColList li {
	background:url(../images/bg-orangebullet-lrg.png) no-repeat left 5px;
	float:left;
	width:217px;
	padding:0 18px 2.3em 25px;
}


/* 3 column list formatting */
ul.threeColList {
	padding:0 0 1.1em 12px;
	margin-bottom:1.1em;
}
ul.threeColList li {
	background:url(../images/bg-orangebullet-sm.png) no-repeat left 5px;
	float:left;
	width:180px;
	padding:0 18px 0.5em 14px;
}


/* Feature boxes */

#featureCols li {
	background:url(../images/bg-orangefeaturecol.jpg) no-repeat left top;
	color:#FFF;
	float:left;
	width:200px;
	padding:11px 20px 0 15px;
	margin-right:10px;
	line-height:1.3em;
	min-height:348px;
}
#featureCols li.rh { margin-right:0; }

#featureCols h3 { font-size:1.6em; padding-right:38px; line-height:1.05em; font-weight:normal; padding-bottom:0.6em; }
#featureCols h3 span { color:#2D337B; font-weight:bold; }
#featureCols a { color:#FFF; }
#featureCols p { padding-bottom:0.8em; }
#featureCols li img, #featureSideCol li img { margin-bottom:0.7em; }

#featureSideCol { float:right; width:236px; margin-left:23px; padding-top:3px; color:#FFF; }
#featureSideCol li {
	background:url(../images/bg-orangesidefeature.jpg) no-repeat left top;
	min-height:114px;
	margin-bottom:7px;
	padding:10px 0 12px 12px;
}
#featureSideCol li h3 { line-height:1.1em; padding-bottom:0.4em; }
#featureSideCol li img { margin-bottom:0.2em; }

#shallowBlueFeatureStrip {
	clear:right;
	background:url(../images/bg-bluefeaturestrip.jpg) no-repeat left top;
	min-height:163px;
	padding:11px 0 0 14px;
	margin-top:1.8em;
	color:#FFF;
}
#shallowBlueFeatureStrip li {
	float:left;
	width:220px;
	padding-right:18px;
}
#shallowBlueFeatureStrip h3 {
	font-size:1.7em;
	padding-bottom:0.4em;
}
#shallowBlueFeatureStrip h4 {
	font-size:1.2em;
	color:#FFF;
	line-height:0.9em;
	padding-bottom:0.4em;
}
#shallowBlueFeatureStrip li.last p {
	padding-right:80px;
}

#shallowOrangeFeatureStrip {
	background:url(../images/bg-orangefeaturestrip-products.jpg) no-repeat left top;
	min-height:210px;
	padding:0 0 10px 14px;
	color:#FFF;
}
#shallowOrangeFeatureStrip li {
	float:left;
	width:335px;
	padding:16px 0;
	margin-right:30px;
	line-height:1.2em;
}
#shallowOrangeFeatureStrip li.last { margin-right:0; }
#shallowOrangeFeatureStrip li h3 {
	font-size:1.8em;
	padding-bottom:0.2em;
}
#shallowOrangeFeatureStrip li p {
	width:210px;
}
#shallowOrangeFeatureStrip li p img { margin-top:0.7em; }

/* Feature strip layout used on 'About us'  */
#aboutus h3.yourBusiness { background:url(../images/bg-header-businessspecialisms.png) no-repeat left top; padding:0.3em 0 0.5em 15px; margin-top:1em; color:#FFF; }
ul.sectorList {
	width:686px;
	border-left:1px solid #FAA230;
	border-right:1px solid #FAA230;
	padding:15px 15px 0.4em;
}
ul.sectorList li {
	float:left;
	width:212px;
	padding-right:15px;
}
ul.sectorList li:last-child, ul.sectorList li.last { padding-right:0; }
ul.sectorList li h4 {
	color:#346DA0;
	font-size:1.5em;
	font-weight:normal;
	line-height:1em;
	padding:0 0 0.25em 15px;
	background:url(../images/bg-orangechevron.png) no-repeat left 2px;
}
ul.sectorList li p {
	padding-left:15px;
}
ul.sectorList li p img {
	padding:0.8em 0 0;
}

#featureSet { background:url(../images/bg-aboutus-businessfacts.png) no-repeat left top; min-height:247px; padding:10px 0 14px 15px; color:#FFF; }
#featureSet h3 { padding:12px 0 5px; line-height:1em; }
#featureSet h4 { color:#2D337B; font-size:1.3em; line-height:1.1em;  }
#featureSet h4 span { color:#FFF; font-weight:normal;  }

#aboutus #featureSet p { font-weight:bold; padding:82px 15px 0 0;  }

#aboutus #featureSet ul {
	width:703px;
	padding:0 0 15px 0;
}
#aboutus #featureSet ul li {
	float:left;
	width:222px;
	padding-right:15px;
}
#aboutus #featureSet ul li.last { padding-right:0; }
#aboutus .warehouseIcon { background:url(../images/bg-exteriorofbuilding.jpg) no-repeat left 5px; padding:0.5em 1.5em 0 177px; }
#environment .bseniso14001 { background:url(../images/UKAS-MS-Col.png) no-repeat left 5px; padding:0 1.5em 0 120px; }


.greyBoxout { background:#F7F7F6 url(../images/bg-greyboxout-bottom.png) no-repeat left bottom; width:701px; padding-bottom:11px }
.greyBoxout div { background:#F7F7F6 url(../images/bg-greyboxout-top.png) no-repeat left top; padding:20px 20px 5px 15px; }
.greyBoxout p.intro { background:url(../images/bg-icon-recycling.png) no-repeat left top; font-size:1.1em; color:#113489; font-weight:bold; }
.greyBoxout ul, .greyBoxout p { padding-left:105px; }
#environment .greyBoxout ul li { background:url(../images/bg-bullet-greencircle.png) no-repeat left 5px; padding:0 15px 0.8em 19px; }
#environment #articleBlock .inner { padding-bottom:1.9em; }


/* **************************************** */

/* Homepage banner area */

#home .banner {
	margin-bottom:10px;
	min-height:249px;
	background:url(../images/bg-homepagebanner.png) no-repeat left top;
	color:#FFF;
	position:relative;
}

#home .featuresUpper div div { float:left; }

#home .banner .peopleThumbs ul {
	width:400px;
	height:68px;
	overflow:hidden;
}
#home .banner .peopleThumbs ul li {
	position:relative;
}
#home .banner .peopleThumbs ul li a {
	display:block;
}
#home .banner .peopleThumbs ul li div.overlay {
	position:absolute;
	background-color:#4C77AF;
	filter:alpha(opacity=25);
	-khtml-opacity:0.25;
	-moz-opacity:0.25;
	opacity:0.25;
	width:100%;
	height:100%;
}
#home .banner .portraitImageList {
	position:relative;
}
#home .banner .portraitImageList li img {
	position:absolute;
	display:none;
}
#home .banner .portraitImageList li img.show {
	visibility:visible;
	display:inline;
}

#home .banner .headline { float:left; width:480px; height:215px; top:40px; left:0; z-index:106; position:absolute; background:url(../images/bg-bannerstatement.png) no-repeat left top; }
#home .banner .headline h1 {
	background:url(../images/bg-bannerstatement.png) no-repeat left top;
	height:129px;
	width:220px;
	padding:18px 0 20px 18px;
	text-transform:uppercase;
	font-size:3.5em;
	line-height:0.9em;
	letter-spacing:-1px;
}
#home .banner .headline h1 a {
	color:#FFF;
	text-decoration:none;
}
#home .banner .headline h1 a:hover {
	color:#FFF;
	text-decoration:underline;
}
#home .banner .headline h1.small {
	font-size:2.65em;
	line-height:0.9em;
	letter-spacing:-1px;
}
#home .banner .headline div { width:238px; position:absolute; top:167px; }
#home .banner .headline div.hidden { display:none; }
#home .banner .teamMember {
	display:inline-block;
	background:#000;
	color:#FFF;
	text-transform:uppercase;
	font-size:0.9em;
	padding:3px 0.6em;
	float:right;
}
#home .banner img.leadImage { float:left; }
#home .banner div.message {
	position:relative;
	float:right;
	width:419px;
	padding:0 35px 0 26px;
}
#home .banner .bannerCtrl { position:absolute; top:134px; left:26px; }
#home .banner p.statement { background:url(../images/bg-bannerctrl.png) repeat-x left top; padding:20px 0; font-size:1.5em; line-height:1.2em; }
#home .banner p.introExperts { color:#7CD4FD; font-size:1.1em; padding-bottom:0.5em; }

#home .banner .peopleThumbs {
	margin-left:11px;
}
#home .banner .peopleThumbs ul li {
	float:left;
	width:100px;
}
.message a.scrollLeft {
	position:absolute;
	z-index:103;
	left:-2px;
	bottom:25px;
}
.message a.scrollRight { 
	position:absolute;
	z-index:104;
	right:-13px;
	bottom:25px;
}

.featuresUpper { background:url(../images/bg-upperfeatures-body.png) repeat-y left top; }
.featuresUpper .inner {
	padding-top:8px;
	background:#CCC url(../images/bg-upperfeatures-top.png) no-repeat left top;
	
}
#home .featuresUpper div.whyChooseUs {
	background:url(../images/bg-mapofeurope.jpg) no-repeat right top;
	padding:0 198px 0 19px;
	width:263px;
}
div.whyChooseUs a {
	display:block;
	padding:0.4em 0;
}

#home .featuresUpper div.products {
	width:453px;
	padding:0 8px 0 19px;
	position:relative;
}
/* Wrapper element to get around css positional resetting from carousel script setup */
div.psWrap { position:absolute; width:500px; overflow:hidden; }
div.servicesList { padding-top:10px; width:500px; height:170px; overflow:hidden; }

div.servicesList ul li {
	float:left;
	width:155px;
	padding-bottom:20px;
}
div.servicesList ul li h3 {
	color:#EB850F;
	font-size:1.1em;
	line-height:1.15em;
	padding-top:0.1em;
	width:119px;
}
div.servicesList ul li h3 a { color:#EB850F; text-decoration:none; }
div.servicesList ul li h3 a:hover { color:#FDAF1F; text-decoration:none; }
div.servicesList ul li p {
	font-size:0.95em;
	line-height:1.25;
	padding-right:15px;
}

.products a.scrollLeft, .products a.scrollRight { position:absolute; display:none; width:19px; height:28px; top:85px; }
.products a.scrollLeft {
	z-index:100;
	background:url(../images/img-button-scrollproducts-left-over.png) no-repeat left top;
	left:10px;
}
.products a.scrollRight { 
	z-index:101;
	background:url(../images/img-button-scrollproducts-right-over.png) no-repeat left top;
	right:10px;
}
.products a.scrollLeft:hover img, .products a.scrollRight:hover img { display:none; }

/* Link to catalogue */
.products a.catalogueLink { 
	position:absolute;
	z-index:105;
	right:12px;
	top:9px;
	color:#49A3DE;
	font-weight:bold;
	font-size:0.95em;
	padding-right:10px;
	line-height:1em;
	background:url(../images/bg-orangearrow.png) no-repeat right bottom;
	text-decoration:none;
}
.products a.catalogueLink:hover {  text-decoration:underline; }

.featuresLower {
	background:url(../images/bg-lowerfeatures-bottom.png) no-repeat left bottom;
}
.featuresLower .inner {
	padding-top:24px;
	background:url(../images/bg-lowerfeatures-top.png) no-repeat left top;
}
.featuresLower div div {
	width:214px;
	float:left;
	padding:7px 12px 15px 14px;
}
.featuresLower div div h3 {
	color:#113489;
	font-size:1.5em;
	font-weight:normal;
	line-height:1;
	padding-bottom:0.2em;
}
.featuresLower .benefits {
	padding-top:0.2em;
}
.featuresLower .benefits li {
	background:url(../images/bg-bullet-tick.png) no-repeat left top;
	padding:0 0 0.3em 23px;
}
.featuresLower .getaquote {
	background:url(../images/bg-letusquoteyou.jpg) no-repeat 150px 50px;
}
.featuresLower .getaquote p {
	padding:0.3em 70px 0 0;
}

.customerLogin form { padding-top:0.35em; }
.customerLogin input[type="text"], .customerLogin input[type="password"]{
	display:block;
	margin-bottom:0.4em;
	font-size:1.1em;
	color:#666;
	padding:0 0.3em 0.2em 0.3em;
	background-color:#F3F3F3;
	border:1px solid #D1D1D1;
	width:197px;
}
#sidebarLeft .customerLogin input[type="text"], #sidebarLeft .customerLogin input[type="password"] { width:141px; background-color:#FFF; }
#sidebarLeft .customerLogin form { padding-top:0.15em; }
.customerLogin .submit {
	margin:0.1em 0 0 0;
	vertical-align:middle;
}
.customerLogin {
	font-size:0.9em;
}
.featuresLower .customerLogin form a {
	font-weight:bold;
}
.customerLogin .register {
	background:url(../images/bg-onlineregister.jpg) no-repeat left 3px;
	padding:0 0 0 39px;
	margin-top:0.5em;
	width:auto;
}

#sidebarLeft .customerLogin .register {
	margin-left:13px;
	padding-right:12px;
	line-height:1.15em;
	width:110px;
	background:url(../images/bg-onlineregister-sidebar.jpg) no-repeat left 3px;
}
#sidebarLeft .customerLogin form a {
	font-size:0.85em;
}

.featuresLower .contact span a { text-decoration:none; color:#333; }
.featuresLower .contact span a:hover { text-decoration:none; color:#49A3DE; }
.featuresLower .contact .callback { background:url(../images/bg-icon-phone.png) no-repeat left top; padding:0 12px; }
.featuresLower .contact .livechat { background:url(../images/bg-icon-livechat-green.png) no-repeat left 1px; padding-left:17px; }
.featuresLower .contact p { padding-top:0.5em; }
ul.numbers { padding-top:7px; }
ul.numbers li { padding-left:16px; width:90%; clear:right; }
ul.numbers li.fax { background:url(../images/bg-icon-fax.png) no-repeat left 2px;  }
ul.numbers li.customercare { background:url(../images/bg-icon-figure-grey.png) no-repeat left 2px; }
ul.numbers li span { float:right; }

/* Meet the team page */
#main .mttBanner {
	position:relative;
	background:url(../images/bg-meetthepeople.png) no-repeat left top;
	width:942px;
	min-height:286px;
	color:#FFF;
}
.mttBanner h1 { padding:10px 2em 0.05em 16px; font-size:3em; text-transform:uppercase; }
.mttBanner p { padding-left:16px; font-size:2.45em; line-height:0.9em; }
.mttBanner .carousel {
	position:absolute;
	top:154px;
	margin-left:15px;
}

.mttBanner .carousel ul {
	width:912px;
	height:104px;
	overflow:hidden;
	background:#EFEFEF;
}
.mttBanner .scrollLeft, .mttBanner .scrollRight {
	position:absolute;
	display:block;
	top:192px;
	width:15px;
	height:28px;
	overflow:hidden;
}
.mttBanner .scrollLeft {
	left:14px;
	z-index:200;
	background:url(../images/img-mmt-scrollleft-over.png) no-repeat left top;
}
.mttBanner .scrollRight {
	right:15px;
	z-index:300;
	background:url(../images/img-mmt-scrollright-over.png) no-repeat left top;
}
.mttBanner .scrollLeft:hover img, .mttBanner .scrollRight:hover img { display:none; }


#main .mttContent {
	width:543px;
	float:left;
	padding:0 18px 0 13px;
	margin-right:15px;
	border-right:1px solid #E9E9E9;
}
.mttContent h2 { font-size:2.3em; }

.mttContent .mttBoxOut {
	padding:1em 1.8em 1.2em 0;
	/*background:url(../images/bg-portraitsquares-meettheteam.jpg) no-repeat left top;*/
}
/* Meet the team widget */
#servicesWidget {
	width:330px;
	background:url(../images/bg-messagewidget.png) no-repeat left top;
	padding:7px;
	margin-right:8px;
	float:right;
	position:relative;
	min-height:300px;
}
#servicesWidget .banners li {
	position:absolute;
}
#servicesWidget .banners li img { display:none; }
#servicesWidget .banners li.selected img { display:inline; }
#servicesWidget .links li {
	background:url(../images/bg-bullet-messagewidget.png) no-repeat left top;
	padding-left:9px;
}
#servicesWidget .links {
	position:relative;
	margin-top:131px;
}
#servicesWidget .links li a {
	display:block;
	padding:6px 1em 0 9px;
	background:url(../images/bg-messagewidget-link.png) repeat-x left top;
	color:#333;
	min-height:23px;
	text-decoration:none;
}
#servicesWidget .links li a:hover {
	background:url(../images/bg-messagewidget-link.png) repeat-x left -29px;
	color:#333;
	text-decoration:none;
}

/* ************************* */

div.contentPanel.scripted { display:none; }
div.contentPanel.scripted.selected { display:block; }

/* Form styles in main content area */
#content form { margin:0.5em 0 0.8em; display:block; }
#content form legend { color:#000; font-weight:bold; padding:6px 0 6px 9px; margin-left:-0.7em; width:401px; background-color:#E5E5E5; font-size:1.1em; }
#content label { margin-left:-100px; float:left; width:100px; padding-top:2px; }
#content label span, table.productEntries th span { color:#F88324; }
#content form div { padding:0.5em 0; margin:0.2em 0; clear:left; width:300px; padding-left:110px; background:#F5F5F5; }
#content form input.lg { width:252px; }
#content form input.md { width:180px; }
#content form input.sm { width:100px; }
#content form input.vsm { width:70px; }
#content form textarea { font:1em Arial, Helvetica, Tahoma, sans-serif; width:252px; }

#content form input.submit { display:block; padding:0.3em 0 0.3em 0; }

/* Recycle form */
#content form.recycle legend { width:580px }
#content form.recycle div { width:480px; }
#content form.recycle div.itemsToRecycle span { padding:0 8px 0 5px; }
#content form.recycle h4 { padding-top:0.5em;}


/* Get a quote form */
#content form.getQuote legend { width:680px }
#content form.getQuote div { width:565px; }
#content form.getQuote div label { width:120px; }
#content form.getQuote div.fullWidth { padding-left:15px; clear:none; width:675px;  }
table.productEntries {
	width:100%;
	border-collapse:separate;
	border-width:0;
	border-spacing:3px;
	margin-bottom:10px;
}
table.productEntries th {
	font-size:0.95em;
	text-align:left;
}


/* ******************* */

#footer { padding:30px 0 60px; font-size:0.95em; background:url(../images/bg-main-bottom.png) no-repeat left top; }
body#home #footer { background:none; padding-top:0; }
body#meettheteam #footer { background:url(../images/bg-main-bottom-singlecol.png) no-repeat left top; padding-top:15px; }

#footer .partners {
	height:68px;
	width:100%;
	margin:17px 0 9px;
	padding-bottom:17px;
	border-bottom:1px solid #B8BCBC;
}
#footer .partners li {
	display:inline;
	padding-right:32px;
}
#footer .partners li img {
	vertical-align:middle;
}
#footer .links {
	float:left;
}
#footer .links li {
	float:left;
	padding:0 10px;
	background:url(../images/bg-bullet-smdot.png) no-repeat left center;
}
#footer .links li:first-child, #footer .links li.first {
	background:none;
	padding-left:0;
}
#footer .links li a {
	text-decoration:none;
	color:#333;
}
#footer .links li a:hover {
	text-decoration:none;
	color:#49A3DE;
}
#footer span.copyright { float:right; }

#fixedFooterNav {
	position:fixed;
   	bottom:0;
   	width:100%;
   	height:39px;
   	background:#446EA8 url(../images/bg-fixedfooter.png) repeat-x left top;
	z-index:1000;
}
#fixedFooterNav ul {
	width:960px;
	margin:0 auto;
}
#fixedFooterNav ul li {
	float:left;
	width:192px;
	background:url(../images/bg-button-fixedfooter.png) no-repeat left top;
	min-height:39px;
	overflow:hidden;
	color:#FFF;
}
#fixedFooterNav li.openacc a { background:url(../images/bg-icon-figure-white.png) no-repeat 32px 12px; }
#fixedFooterNav li.quote a { background:url(../images/bg-icon-speech.png) no-repeat 43px 13px; }
#fixedFooterNav li.chat a { background:url(../images/bg-icon-livechat-white.png) no-repeat 54px 13px; }
#fixedFooterNav li.callback a { background:url(../images/bg-icon-headset.png) no-repeat 23px 13px; }
#fixedFooterNav li.contact a { background:url(../images/bg-icon-envelope.png) no-repeat 47px 12px; }

#fixedFooterNav ul li:hover {
	background-position: left -39px;
}

/* clear fix */
#footer:after, #topNav:after, #main:after, .featuresUpper:after, .featuresLower:after, .banner div.message:after, #main #servicesWidget:after, #tabSet:after, .contentPanel ul:after, ul.twoColList:after, ul.threeColList:after, ul.psList:after, #featureCols:after, #shallowBlueFeatureStrip:after, #shallowOrangeFeatureStrip:after, #featureSet:after, #content.sub #articleBlock.twoCol .inner:after, ul.sectorList:after, #articleBlock:after {
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}

/*table css start*/
table.tableFormat { margin-top:10px; border:1px solid #666; padding:2px;}
table.tableFormat th { font-size:13px; font-weight:bold; line-height:30px; border-bottom:1px solid #7a7a7a; border-left:1px solid #999; padding-left:2px;}
table.tableFormat td { font-size:12px; font-weight:normal; line-height:20px; border-bottom:1px solid #999; border-left:1px solid #999;  padding-left:2px;}
table.tableFormat .first {border-left:none;}
table.tableFormat .last_btm {border-bottom:none;}
table.tableFormat .padnone {padding-left:0;}