/* GENERAL */
.noFlash{ margin:0 0 0 10px; }
html{margin:0;padding:0; height:100%; width:100%}
body{margin:0;padding:0; height:100%; width:100%; font-size:8pt;font-family:Arial, "sans serif";color:#333;background:#e5ecef url(../images/bg.png) repeat-x 0 0;}
img{border:0}
fieldset{border:none; padding:0; margin:0}
legend{display:none}
#container{position: relative;width:950px; margin:0 auto; padding:0 10px; overflow:hidden; background:#ffffff;}
a,a:active,a:visited{color:#73aabf; text-decoration:none;}
a:hover{text-decoration:underline}
#mainContent ul{position:relative;list-style:none;padding:0;margin:5px}
#mainContent ul li{padding:0 0 0 15px;background:url(../images/bullet.gif) no-repeat 0 2px;color:#666;margin-bottom:4px}
h1{font-size:12pt; color:#ffffff; font-weight:bold; padding:0; margin:0; border:0}
h2{margin:0; padding:0; font-size:8pt; color:#333; font-weight:bold; border:0}
h2.subcategory{color:#454545;}
h3{margin:0; padding:0; font-size:8pt; color:#454545; font-weight:bold;}
h4{margin:0; padding:0; font-size:8pt; color:#454545; font-weight:bold;}
p{margin:5px 0;padding:0;line-height:1.4}
.alignRight{text-align:right}
.alignLeft{text-align:left}
.alignCenter{text-align:center}
.clear{clear:both;}
.clearLeft{clear:left}
.clearRight{clear:right}
.floatLeft{float:left}
.floatRight{float:right}
.redText{color:#f11515}
.blueText{color:#0E97C4}
a.redText{color:#f11515}
select,input,textarea{background-color:white;border:1px solid #b3b7bd;margin:0;font-family:Tahoma, Verdana, Arial, "sans serif"; font-size:11px; padding:1px}
input.radio{border:0 !important}
.noScreen{display:none !important}
.pad20{height:20px}
.pad25{height:25px}
.pad10{height:10px}
.pad5{height:5px}
.margin20{margin-top:20px;}
.price{font-size:8pt; font-weight:normal}
#ctl00_phMainContent_descriptionTab{padding:0 20px}
.mainContent .prodExtInfo #ctl00_phMainContent_descriptionTab h2{ margin-left:0; }
.mainBanner{width:570px;margin:0 auto}
.bannerFullSizeLink{display:block}

/*--- SHELL ELEMENTS --*/
.contentWide{width:100%; margin:0; float:left;}
.mainContent{width:590px; height:auto; overflow:hidden; float:left; margin:0 0 0 10px;}
.mainContentWide{width:770px;}
.leftNav{width:170px; float:left;}
.leftNav a{color:#434343;}

h1.homeHeader{font-size:12pt; color:#3f4446; font-weight:bold; margin:0; line-height:24px; padding:0 0 0 10px; }
.h1-holder{ display: block; height: 20px; width: 100%; }

h1.pageHeader, h2.pageHeader{font-size:12pt; color:#ffffff; font-weight:bold; margin:0; line-height:24px; padding:0 0 0 10px; background:#237999/*#3f4446*/;}

.containerHeader{width:100%; height:23px; background:#929fa3 url(/common/images/shell/containerHeader.png) no-repeat right top;} 
.containerHeader h2{height: 23px; margin:0 10px; line-height:23px; float:left; font-size:14px; color:#ffffff;} 
.containerHeader h2 a{float:left; font-size:14px; color:#ffffff;} 
.containerHeader h3{margin:0 10px; line-height:23px; float:left; font-size:14px; color:#ffffff;} 
.containerHeader a{line-height:23px; float:right; color:#ffffff; margin-right:6px;} 
.containerHeader a img{margin-right:4px;} 


.rightContent{width:170px; height:auto; float:left; margin:0 0 0 10px;}
#footer{clear:both;width:100%; margin-top:20px;}
.secondary-links{ list-style-type:none; width:350px; margin:auto;}
.secondary-links li{ float:left; }
.secondary-links li a{ color:#000000 !important; padding:5px 10px 0 !important; }

/*---- BUTTONS ----*/
a.button{float:left; display:inline; text-decoration:none; color:#ffffff;}
a.button strong{float:left; display:inline; display:block;}
a:hover.button{text-decoration:none}
a:hover.button strong{color:#fff; cursor:pointer}
a:visited.button,a:active.button{color:#fff}

a.btn_18blue{background:url(../images/buttons/btn_18blue_right.png) no-repeat right 0; height:18px; padding:0 4px 0 0;}
a.btn_18blue strong{background:url(../images/buttons/btn_18blue_left.png) no-repeat left 0; height:16px; padding:2px 10px 0 14px;}
a:hover.btn_18blue{background-position:right -18px;}
a:hover.btn_18blue strong{background-position:left -18px;}

a.btn_20blue{background:url(../images/buttons/btn_20blue_right.png) no-repeat right 0; height:20px; padding:0 4px 0 0;}
a.btn_20blue strong{background:url(../images/buttons/btn_20blue_left.png) no-repeat left 0; height:17px; padding:3px 10px 0 14px;}
a:hover.btn_20blue{background-position:right -20px;}
a:hover.btn_20blue strong{background-position:left -20px;}

a.btn_20green{background:url(../images/buttons/btn_20green_right.png) no-repeat right 0; height:20px; padding:0 4px 0 0;}
a.btn_20green strong{background:url(../images/buttons/btn_20green_left.png) no-repeat left 0; height:17px; padding:3px 10px 0 14px;}
a:hover.btn_20green{background-position:right -20px;}
a:hover.btn_20green strong{background-position:left -20px;}

a:hover.btn_20green.noHoverState{background-position:right top;}
a:hover.btn_20green.noHoverState strong{background-position:left top;}

a.btn_buyBelow{background:url(../images/buttons/buyBelow_right.png) no-repeat right 0; height:20px; padding:0 20px 0 0;}
a.btn_buyBelow strong{background:url(../images/buttons/buyBelow_left.png) no-repeat left 0; height:17px; padding:3px 8px 0 14px;}
a:hover.btn_buyBelow{background-position:right -20px;}
a:hover.btn_buyBelow strong{background-position:left -20px;}

a.btn_back{background:url(../images/buttons/btn_20blue_right.png) no-repeat right 0; height:20px; padding:0 4px 0 0;}
a.btn_back strong{background:url(../images/buttons/btn_back_left.png) no-repeat left 0; height:17px; padding:3px 10px 0 24px;}
a:hover.btn_back{background-position:right -20px;}
a:hover.btn_back strong{background-position:left -20px;}

a.btn_checkout{background:url(../images/buttons/checkout_right.png) no-repeat right 0; height:34px; padding:0 7px 0 0;}
a.btn_checkout strong{background:url(../images/buttons/checkout_left.png) no-repeat left 0; height:26px; padding:8px 8px 0 32px; font-size:15px}
a:hover.btn_checkout{background-position:right -34px;}
a:hover.btn_checkout strong{background-position:left -34px;}

a.btn_checkoutLong{background:url(../images/buttons/btn_checkoutLong_right.png) no-repeat right 0; height:20px; padding:0 20px 0 0;}
a.btn_checkoutLong strong{background:url(../images/buttons/btn_20green_left.png) no-repeat left 0; height:17px; padding:3px 28px 0 32px;}
a:hover.btn_checkoutLong{background-position:right -20px;}
a:hover.btn_checkoutLong strong{background-position:left -20px;}

/* HEADER */
#header{
	width:100%;
	margin:0 0 32px 0;
}
#header #logo{width:196px; height:134px; float:left;}
/* #header #tagline{width:327px; height:33px; margin:46px 0 0 4px; float:left;} */
#header ul#siteLinks{margin:8px 0; list-style:none; float:right; padding:0;}
#header ul#siteLinks li{display:inline; float:left; font-size:10px;}
#header ul#siteLinks li a{text-decoration:none; margin:0 8px 0 8px; color:#000000; font-family:Tahoma, Verdana, Arial, "sans serif";}
#header ul#siteLinks li a:hover{text-decoration:underline;}
#header ul#siteLinks li#phoneNumber{padding-left:18px; background:url(/common/images/header/headerIcons.gif) no-repeat 0 -18px;}

#header #ctl00_upMiniBasket{width:378px; height:55px; float:right; padding:13px; background:#ebf1f3 url(/common/images/header/miniBasketBG.gif) no-repeat 0 0;}
#header #ctl00_upMiniBasket .basketSummary{width:220px; height:40px; float:left; padding:0 0 0 29px; background:url(/common/images/header/miniBasket.gif) no-repeat 0 0;}
#header #ctl00_upMiniBasket .basketSummary span{font-size:13px; font-weight:bold; color:#8d7f84;}
#header #ctl00_upMiniBasket .basketSummary span.basketSummaryItems{float:left; margin-left: 25px;}
#header #ctl00_upMiniBasket .basketSummary span.basketSummaryTotal{float:right; width:auto /*140px*/;}
#header #ctl00_upMiniBasket .basketSummary span strong{font-size:20px; vertical-align:text-top; font-weight:normal; color:#000000;}
#header #ctl00_upMiniBasket .basketButtons{width:118px; height:54px; float:right;}
#header #ctl00_upMiniBasket .basketButtons a{float:left; color:#ffffff; background:url(/common/images/buttons/btn_miniBasket.png) no-repeat 0 0;}
#header #ctl00_upMiniBasket .basketButtons a.btn_basket{width:67px; height:20px; padding:7px 0 0 51px; background-position:0 0;}
#header #ctl00_upMiniBasket .basketButtons a:hover.btn_basket{background-position:0 -27px;}
#header #ctl00_upMiniBasket .basketButtons a.btn_checkout{width:73px; height:21px; padding:6px 0 0 45px; background-position:-118px 0;}
#header #ctl00_upMiniBasket .basketButtons a:hover.btn_checkout{background-position:-118px -27px;}

#header #checkoutSprite{float:right;}

#topNav {
	width:950px;
	clear:both;
	float:left;
	position:relative;
	z-index:99;
	background:url(/common/images/shell/main-menu/menu-bg.gif) repeat-x 0 0;
}
#topNav ul {
	width:950px;
	padding:0;
	margin:0;
	list-style:none;
}
#topNav ul li {
	float:left;
	padding-right:2px;
	background:url(/common/images/shell/main-menu/menu-li-separater.gif) no-repeat right 0;
}
#topNav ul li a {
	height:30px;
	padding:0 11px;
	float:left;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	white-space:nowrap;
	cursor:pointer;
	background:url(/common/images/shell/main-menu/menu-bg.gif) repeat-x 0 0;
}
#topNav ul li:hover a, 
#topNav ul li a:hover,
#topNav ul li.active a {
	background:url(/common/images/shell/main-menu/menu-hover-bg.gif) repeat-x 0 0;
}
#topNav ul li.Clearance {
	padding:0;
	background:none;
}
#topNav ul li ul {
	height:25px;
	margin:0;
	float:none;
	position:absolute;
	top:-9999em;
	left:0;
	background:url(/common/images/shell/main-menu/sub-ul-bg.gif) repeat-x 0 0;
}
#topNav ul li:hover ul {
	padding:0 0 50px;
	position:absolute;
	top:30px;
	left:0;
	z-index:2;
}
#topNav ul li ul li {
	padding:0 2px 0 0;
	margin:0;
	float:left;
	position:relative;
	color:#000;
	background:url(/common/images/shell/main-menu/sub-li-separater.gif) no-repeat right 0;
}
#topNav ul li ul li a,
#topNav ul li.active ul li a {
	height:24px;
	padding:0 14px 0 0;
	float:left;
	margin:0;
	line-height:25px;
	font-size:12px;
	color:#fff;
	background:none;
}
#topNav ul li:hover ul li a {
	background:none;
}
#topNav ul li ul li:hover a,
#topNav ul li ul li.active a,
#topNav ul li ul li a:hover {
	text-decoration:none;
	background:url(/common/images/shell/main-menu/sub-li-hover-bg.gif) repeat-x right 1px;
}
#topNav ul li ul li a span {
	height:24px;
	padding:0 0 0 14px;
	float:left;
	display:block;
}
#topNav ul li ul li:hover a span,
#topNav ul li ul li.active a span,
#topNav ul li ul li a:hover span {
	background:url(/common/images/shell/main-menu/sub-li-hover-bg.gif) repeat-x 0 1px;
}

#topNav ul li.active ul li ul,
#topNav ul li:hover ul li ul,
#topNav ul li ul li ul {
	width:260px;
	height:auto;
	padding:0;
	border:1px solid #267897;
	border-top:none;
	/*overflow:auto;*/
	margin:0;
	float:none;
	display:none;
	position:absolute;
	top:-9999em;
	left:0;
	background:#fff;
}
#topNav ul li.active ul {
	top:30px;
	z-index:1;
}
#topNav ul li ul li.Disposable ul {
	width:290px;
}
#topNav ul li ul li:hover ul {
	top:24px;
	display:block;
}
#topNav ul li ul li ul li {
	/*width:258px;*/
	width:100%;
	display:block;
	float:left;
	background:none;
}
#topNav ul li ul li ul li a {
	padding:0 14px !important;
	display:block;
	float:none !important;
	font-size:12px;
	font-weight:normal;
	color:#575757 !important;
	background:none !important;
}
#topNav ul li ul li ul li a span {
	padding:0 !important;
	background:none !important;
}
#topNav ul li ul li ul li a:hover {
	text-decoration:underline;
	background:#eee !important;
}

/* sub sub ul repositioning */
#topNav li.Cleaning-a ul li,
#topNav li.Catering-A ul li,
#topNav li.Clearance ul li {
	float:right;
}
#topNav li ul li ul li {
	float:left !important;
}
/* =cleaning */
#topNav li.Cleaning-a ul li.Cleaning-E ul {
	left:-120px !important;
}
#topNav li.Cleaning-a ul li.Disposable ul {
	left:-193px !important;
}
/* =catering */
#topNav li.Catering-A ul li.Cooking-Eq ul {
	left:-123px !important;
}
#topNav li.Catering-A ul li.Refrigerat ul {
	left:-159px !important;
}
/* =clearance */
/*#topNav li.Catering-A ul li.Refrigerat ul {
	left:-200px !important;
}*/


#header #searchContainer{position:relative; width:327px; float:left; margin:36px 0 0 0;}
#header #searchContainer input{width:132px; height:16px; border: 1px solid #b2b6bc; padding:0 0 0 16px; float:left; margin:12px 4px 0 7px; font-size:11px; background:#ffffff url(/common/images/header/headerIcons.gif) no-repeat 0 0;}
#header #searchContainer a.btn_go{margin:12px 0 0 0;}
#header #searchContainer a.btn_go strong{padding-right:1px; padding-left:6px;}	
#header #searchContainer a.btn_quickOrderEntry{margin:12px 0 0 20px;}
#header #searchContainer a.btn_quickOrderEntry strong{font-weight:normal;}
#header #searchContainer a.emailPopup{padding:2px 0 2px 16px; margin:8px 0 0 4px; float:left; font-size:10px; font-family:Tahoma,Arial,'Sans Serif'; background:url(/common/images/header/headerIcons.gif) no-repeat 0 -48px; color:#d9dada;}
#header #searchContainer a.bookmarkLink{padding:2px 0 2px 16px; margin:8px 0 0 4px; float:left; font-size:10px; font-family:Tahoma,Arial,'Sans Serif'; background:url(/common/images/header/headerIcons.gif) no-repeat 0 -32px; color:#d9dada;}
#header #searchContainer #left{width:33px; height:33px; float:left; background:url(/common/images/header/searchContainerEnds.gif) no-repeat left top;}
#header #searchContainer #right{width:33px; height:33px; float:right; background:url(/common/images/header/searchContainerEnds.gif) no-repeat right top;}
#header .loggedIn{ position: absolute; top: 6px; left: 220px; background: url(../images/shell/icon_person.gif) left 5px no-repeat; padding-left: 10px; }
#header .loggedIn p{ font-size: 10px; color: #000; }
#header .loggedIn p a{ color: #000; text-decoration: underline; }
#header .loggedIn p a:hover{ text-decoration: none; }

/* BREADCRUMBS */
.breadcrumb{
	/*margin:0 0 20px 0;*/
	margin:0 0 9px;
}
.breadcrumb ol{padding:0; margin:0; list-style:none;}
.breadcrumb ol li{display:inline;}
.breadcrumb ol li a, .breadcrumb ol li a:active, .breadcrumb ol li a:visited{text-decoration:none; color:#575757; font-weight:bold;}
.breadcrumb ol li a:hover{text-decoration:underline} 
.breadcrumb ol li.current a{font-weight:normal;}

/* Generic Error Message Classes */
.fieldError label{color:#ff0000}
fieldset .fieldError input,fieldset .fieldError select,fieldset .fieldError textarea{border-color:#ff0000!important}
.errorMsg{padding:0 0 0 20px; margin-top:1px;background:url(../images/checkout/error.gif) no-repeat left; display:none}
.leftNav .newsletter .thanks{padding-top:20px;text-align:center}

/* RIGHT CONTENT */

/* --- LEFT / RIGHT COLUMNS --- */
.leftNav ul{width:170px; height:auto; list-style:none; margin:0 0 10px 0; padding:0 0 8px 0; float:left; background:#f5f5f5;}
.leftNav ul li{width:100%; float:left; margin-bottom:10px; background:#237999 url(/common/images/shell/leftNavBG.png) repeat-x 0 0;}
.leftNav ul li.active {
	/*background:url(/common/images/leftNav/this-cat-bg.gif) repeat-x 0 0;*/
}
.leftNav ul li a{margin-left:8px; padding:4px 0; display:block; text-decoration:underline; font:bold 14px Arial, Helvetica, 'sans-serif'; color:#ffffff; width: 160px;}
.leftNav ul li ul{width:162px; list-style:none; margin:0; padding:0 0 0 8px;}
.leftNav ul li ul li{width:100%; margin:8px 0 0 0; padding:0; background:none;}
.leftNav ul li ul li a{height:auto; margin:0; padding:0; font-size:12px; font-weight:normal; text-decoration:none; color:#575757; width: 160px;}

.leftNav ul li ul li.active a,
.leftNav ul li ul li a:hover {text-decoration:underline; /*background:url(/common/images/leftNav/this-cat-bg.gif) repeat-x 0 0;*/}

.miniContainer{width:170px; float:left; margin:0 0 10px 0; overflow:hidden; background:#f5f5f5;}
.miniContainer h3{width:170px; height:0px; overflow:hidden; margin:0; padding:24px 0 0 0; background:#000000 url(/common/images/shell/miniContainerHeaders.png) no-repeat 0 0;}

.buyingGuides h3{background-position:0 0;}
.buyingGuides ul{margin:0; padding:4px 0 4px 15px; list-style-image:url(/common/images/shell/bulletSub.gif);}
.buyingGuides ul li{margin:4px 0; line-height:normal; background:none;}
.buyingGuides ul li a{height:auto; margin:0; padding:0; font-size:11px; font-weight:normal; text-decoration:none; color:#434343;}
.buyingGuides ul li a:hover{text-decoration:underline;}
.buyingGuides ul li.last{list-style:none;}
.buyingGuides ul li.last a{text-decoration:underline;}

.news h3{background-position:0 -24px;}
.news p{margin:10px 10px 0 10px;}
.news fieldset{width:150px; margin:10px 10px 4px 10px;}
.news fieldset input{width:148px; font-size:11px;}
.news a.button{float:right; margin-right:10px;}

#brandsStocked{background:#cbc4c6;}
#brandsStocked h3{background-position:0 -48px;}
#brandsStocked select{width:148px; margin:10px;}


.leftNav #community {
	width:170px;
	height:auto;
	overflow:hidden;
}
.leftNav #community h2 {
	width:170px;
	height:25px;
	text-indent:-9999em;
	background:url(/common/images/shell/sidebar/header-blog-and-community.png) no-repeat 0 0;
}
.leftNav #community ul {
	width:170px;
	height:auto;
	padding:0;
	overflow:hidden;
	margin:0;
}
.leftNav #community ul li {
	height:44px;
	overflow:hidden;
	margin:0;
	list-style:none;
	background:none;
}
.leftNav #community ul li a {
	width:170px;
	height:44px;
	padding:0;
	overflow:hidden;
	display:block;
	margin:0;
	text-decoration:none;
	text-indent:-9999em;
	background:url(/common/images/shell/sidebar/community-links.png) no-repeat 0 0;
}
.leftNav #community ul li.rss a {
	background-position:0 -44px;
}
.leftNav #community ul li.twitter a {
	background-position:0 -88px;
}
.leftNav #community ul li.facebook a {
	background-position:0 -132px;
}
/* =hover states */
.leftNav #community ul li.blog a:hover {
	background-position:-170px 0;
}
.leftNav #community ul li.rss a:hover {
	background-position:-170px -44px;
}
.leftNav #community ul li.twitter a:hover {
	background-position:-170px -88px;
}
.leftNav #community ul li.facebook a:hover {
	background-position:-170px -132px;
}


/*#secureShopping h3{background-position:0 -72px;}

#catalogue h3{background-position:0 -96px;}
#catalogue .content{width:100%; height:26px; padding:52px 0 0 0; background:url(/common/images/shell/columnSprite.jpg) no-repeat 0 0;}
#catalogue .content a.moreInfo{display:block; margin:0 0 0 63px; text-decoration:underline;}
#catalogue .content a.pdfDownload{width:90px; display:block; margin:14px 10px 0 10px; padding:0 0 0 53px;}
#catalogue .content a.pdfDownload span{text-decoration:underline;}

#globalPremier h3{background-position:0 -120px;}
#globalPremier .content{width:100%; height:125px; background:url(/common/images/shell/columnSprite.jpg) no-repeat 0 -140px;}
#globalPremier .content a.button{clear:left; margin:90px 0 0 55px;}*/

#specialOffers h3{background-position:0 -144px;}
#specialOffers .content{padding:3px;}
#specialOffers .content .specialOffer{padding:6px 0; border-bottom:1px solid #e9ecf3; overflow:hidden;}
#specialOffers .content .specialOffer .prodImage{float:left;}
#specialOffers .content .specialOffer .prodInfo{width:118px; margin-left:4px; float:left;}
#specialOffers .content .specialOffer .prodInfo a{font-size:10px; color:#777777;}
#specialOffers .content .specialOffer .prodInfo p{clear:left; float:none; color:#181818; margin:6px 0 0 0; line-height:11px;}
#specialOffers .content .specialOffer .prodInfo p.price span{font-size:10px;}
#specialOffers .content .specialOffer .prodInfo p.save{color:#ef7d00; margin:0;}

#specialOffers .content a.button{clear:left; margin:6px 0 0 44px;}

#globalHelpline h3{background-position:0 -168px;}
#globalHelpline .content{width:100%; height:48px; background:url(/common/images/shell/columnSprite.jpg) no-repeat 0 -398px;}

#delivery h3{background-position:0 -192px;}
#delivery .content{width:100%; height:29px; padding:104px 0 0 72px; background:url(/common/images/shell/columnSprite.jpg) no-repeat 0 -265px;}
#delivery .content a{margin:90px auto 0 auto;}

/* HOME PAGE */
.contentWide .heroBanner{width:100%; height:340px; margin:0 0 20px 0;}
.contentWide .banner{/*width:310px;*/ width:234px; height:355px; float:left;}
.contentWide .shortCut310{width:310px; height:148px; margin:0 0 0 10px; float:left; background:#f5f5f5 url(/common/images/mainContent/shortcutSprite.jpg) no-repeat 0 bottom;}
.contentWide .shortCut310 h2, .contentWide .shortCut204 h2{margin:0; padding:0 0 0 14px; line-height:23px; background:#929fa3;}
.contentWide .shortCut310 h2 a, .contentWide .shortCut204 h2 a{font-size:14px; color:#ffffff;}
.contentWide .shortCut310 ul, .contentWide .shortCut204 ul{margin:10px 0 0 0; padding:0 30px; list-style:none;}
.contentWide .shortCut310 ul li, .contentWide .shortCut204 ul li{margin:2px 0; padding:0; list-style-image:url(/common/images/shell/bulletMain.gif);}
.contentWide .shortCut310 ul li a, .contentWide .shortCut204 ul li a{font-size:11px; font-weight:bold; color:#575757;}
.contentWide .shortCut204{width:204px; height:194px; margin:10px 0 20px 9px; float:left; background:#f5f5f5 url(/common/images/mainContent/shortcutSprite.jpg) no-repeat 0 bottom;}
.contentWide .Cutlery-Cr{background-position:0 bottom;}
.contentWide .Bar-and-Re{background-position:-310px bottom;}
.contentWide .Chefs-Supp{background-position:-620px bottom;}
.contentWide .Essentials{background-position:-620px bottom;}
.contentWide .Catering-A{background-position:-824px bottom;}
.contentWide .Cleaning-a{background-position:-1028px bottom;}

.featuredProducts{width:100%; overflow:auto;}
.featuredProducts .gridContainer{width:250px; height:150px; margin:10px 0 0 0; float:left; background:url(/common/images/shell/productBG.png) repeat-x left bottom;}
.featuredProducts .padded{margin-left:10px; margin-right:10px;}
.featuredProducts .gridContainer .productImage{width:132px; height:118px; float:left;}
.featuredProducts .gridContainer .productInfo{width:118px; height:118px; float:left;}
.featuredProducts .gridContainer .productInfo .productName{height:42px;}
.featuredProducts .gridContainer .productInfo .productName h3{margin:0;}
.featuredProducts .gridContainer .productInfo .productName h3 a{color:#797979;}
.featuredProducts .gridContainer .discountType{height:16px;}
.featuredProducts .gridContainer .discountType p{margin:0; font-size:12px; font-weight:bold; color:#ef7d00;}
.featuredProducts .gridContainer .productPrice{height:34px; font-size:11px; display:table-cell; vertical-align:middle;}
.featuredProducts .gridContainer .productPrice p{margin:0; line-height:normal; font-weight:normal; color:#000000;}
.featuredProducts .gridContainer .productPrice p.price strong{font-size:12px;}
.featuredProducts .gridContainer .productPrice p.price span{font-size:10px;}
.featuredProducts .gridContainer .productPrice p.save{font-weight:normal; color:#ef7d00; height: 16px;}
.featuredProducts .gridContainer .productPrice p.normalPrice{margin:0; font-size:11px; font-weight:bold; color:#ef7d00; text-decoration: line-through; height: 17px;}
.featuredProducts .gridContainer .commercialMessage{width:100%; text-align:center; font-weight:bold; color:#5b7b87; padding-top: 10px; clear: both;}

.specialOffers{width:100%; margin-top:10px;}
.specialOffers .banner{width:310px; height:355px; margin:10px 0 0 10px; float:right;}
.specialOffers .specialOffer{width:450px; height:82px; margin-top:10px; float:left; background:url(/common/images/shell/productBG.png) repeat-x left bottom;}
.specialOffers .specialOffer a.button{float:right; margin:28px 10px 0 0;}
.specialOffers .specialOffer .productImage{width:100px; height:82px; float:left; background:#ffffff;}
.specialOffers .specialOffer .productInfo{width:340px; height:64px; padding:0 0 0 10px; float:left;}
.specialOffers .specialOffer .productInfo h5{width:100%; margin:0 0 4px 0; font:bold 11px tahoma,arial,'sans serif'; float: left; width: 248px;}
.specialOffers .specialOffer .productInfo h5 a{color:#797979;}
.specialOffers .specialOffer .productInfo .specialTag{font:bold 12px tahoma,arial,'sans serif'; color:#ef7d00; /*float: left;*/}
.specialOffers .specialOffer .productInfo .price{font-size:11px; color:#000000; float: left; /**/ clear: left; line-height: 14px; }
.specialOffers .specialOffer .productInfo .price strong{font-size:12px; position: relative;top: 1px;}
.specialOffers .specialOffer .productInfo .save{font-size:11px; color:#ef7d00;line-height: 14px; position: relative; top: 1px; left: 8px;}
.specialOffers .specialOffer .productInfo .normalPrice{font-size:11px; color:#ef7d00; font-weight: bold; line-height: 14px; position: relative; top: 1px; left: 8px; text-decoration: line-through; height: 17px;}
.specialOffers .specialOffer .commercialMessage{width:350px; float:left; text-align:center; font:bold 10px tahoma,arial,'san serif'; color:#5b7b87;}

#introduction{margin:30px 0 20px 0;}
#introduction h1, #introduction h2{font-size:11px; color:#454545; font-weight:bold; padding:0; margin:10px 0; border:0}
#introduction p{color:#454545;}


/* PRODUCT PAGE */
.mainContent #product{margin-bottom:20px; float:left;}
.mainContent #product .productImage{width:238px; float:left; text-align:center;}
.mainContent #product .productImage a,
.mainContent #product .productImage span { color:#575757;}
.mainContent #product .productImage a.prodPopup{float:left; position:relative;}
.mainContent #product .productImage a.prodPopup img.magnify{position:absolute; left:0px; top:0px;}
.mainContent #product .productImage #prodThumbs{margin-top:12px;}

.mainContent #product .productInfo{width:332px; padding:10px 10px 0 10px; float:left; background:url(/common/images/shell/productBG.png) repeat-x left bottom;}
.mainContent #product .productInfo h1{margin:0 6px; font-size:20px; font-weight:normal; color:#797979;}
.mainContent #product .productInfo ul{margin:10px 0; padding:20p;}
.mainContent #product .productInfo ul li{margin:0 0 5px; font-size:13px; color:#575757;}
.mainContent #product .productInfo ul li table { position:relative; top:2px;}

.mainContent #product .productInfo .price{width:50%; margin:4px 0 12px 0; padding:0 20px; float:left;}
.mainContent #product .productInfo .price span{display:block;}
.mainContent #product .productInfo .price span strong{font-size:24px;}
.mainContent #product .productInfo a.button{margin:14px 0 0 0;}
.mainContent #product .productInfo .price .save{font-size:16px; font-weight:bold; color:#ef7d00; height: 17px;}
.mainContent #product .productInfo .price .normalPrice{font-size:16px; font-weight:bold; color:#ef7d00; text-decoration: line-through; height: 17px; clear: both; margin-top 0;}

.mainContent #product .commercialMessage{font-size: 20px; color: #de282a; text-align: center; width: 100%;}


/***** TAB BG IMAGES *****/
#mainContent .prodExtInfo .tabBG{clear:both;height:35px;background:url(../images/tabBGL.gif) repeat-x bottom}
#mainContent .prodExtInfo .tabBGR{height:35px;background:url(../images/tabBGR.gif) no-repeat right bottom}

/**** TAB STUFF ****/
#mainContent .prodExtInfo .tabs{list-style:none; height:35px;margin:0; padding:0}
#mainContent .prodExtInfo .tabs li{float:left; margin-right:1px; margin-left:0;padding:0; background-image:none}
#mainContent .prodExtInfo .tabs li a{float:left;display:block; position:relative; text-decoration:none; height:35px;padding-right:15px;background:url(../images/tabRight.gif) no-repeat right top}
#mainContent .prodExtInfo .tabs li a span{float:left;display:block;position:relative; padding:0 0 0 15px; height:35px;line-height:22px; color:#fff;font-weight:bold;background:url(../images/tabLeft.gif) no-repeat left top}
#mainContent .prodExtInfo .tabs li a:hover{border:0;cursor:pointer; z-index:1;background-position:right bottom}
#mainContent .prodExtInfo .tabs li a:hover span{color:#fff;background-position:left bottom}

/**** SELECTED TAB ****/
#mainContent .prodExtInfo .tabs li a.selected{border:0;cursor:default; background-position:right bottom; z-index:2}
#mainContent .prodExtInfo .tabs li a.selected span{background-position:left bottom; color:#fff;font-weight:bold;line-height:24px}
#mainContent .prodExtInfo .tabs li a.selected:hover span{color:#fff}

#mainContent .prodExtInfo table{width:550px; margin-left:19px; border-collapse:collapse}
#mainContent .prodExtInfo table tr td{border-bottom:1px solid #9f9f9f; padding:3px 3px 3px 5px}
#mainContent .prodExtInfo table tr td.first{border-right:1px solid #9f9f9f; padding:2px 2px 2px 15px; background:url(../images/bullet.gif) no-repeat 5px 7px}
#mainContent .prodExtInfo table tr.last td{border-bottom:none}

#mainContent .range{position:relative; width:592px; height:auto; margin-bottom:10px; }
#mainContent .rangeInner{position:relative; width:566px; margin:0 12px 0 14px; background-color:white}
#mainContent .rangeInner .rangeHeader{width:566px; height:37px; background:url(../images/product/tableHeadBG.gif) no-repeat -1px 0; }
#mainContent .rangeInner .rangeHeader p{margin:0; padding:10px 0 0 15px; float:left; display:block; height:27px; color:#fff; font-weight:bold; background:url(../images/product/tableHeadBG.gif) no-repeat 0 0;}
#mainContent .rangeInner .rangeHeader p.codeH{width:46px; margin-left:100px; text-align:center; padding-left:1px; }
#mainContent .rangeInner .rangeHeader p.descH{width:235px}
#mainContent .rangeInner .rangeHeader p.qtyH{width:38px; text-align:center; padding:2px 0 8px;}
#mainContent .rangeInner .rangeHeader p.priceH{width:65px; text-align:center; padding:2px 0 8px; }
#mainContent .rangeInner .rangeHeader p.priceC{width:65px; text-align:center; padding:2px 0 8px; }
#mainContent .rangeInner .rangeHeader p span{font-weight:normal; color:#fff}
#mainContent .rangeInner .rangeItem{width:566px; height:105px; padding-top:5px; background:url(../images/mainContent/rangeBottomBorder.gif) no-repeat bottom left}
#mainContent .rangeInner .rangeItem .text{float:left; display:inline; margin-left:3px; width:462px; height:75px; background:url(../images/mainContent/rangeDashedLine.png) repeat-x bottom left}
#mainContent .rangeInner .rangeItem .text h2{margin:0 17px 0 0; float:left; display:inline}
#mainContent .rangeInner .rangeItem .text div.desc{margin:0; width:235px; float:left; display:inline}
#mainContent .rangeInner .rangeItem .text div.desc p{padding-left:0; padding-right:0; margin-top:0; margin-left:0; margin-right:0}
#mainContent .rangeInner .rangeItem .text .units{margin:0; width:40px; float:left; display:inline; text-align:center; }
#mainContent .rangeInner .rangeItem .inBasket{margin:6px 20px 0 5px; width:252px; height:18px; float:left; display:inline}
#mainContent .inBasket span{padding-left:10px;font-size:10px;line-height:2}

#mainContent .rangeInner .rangeItem .inBasket p{margin:0; padding:0; height:19px; line-height:16px; width:252px; text-align:center; vertical-align:middle; background:url(../images/mainContent/inBasketBG.png) no-repeat 0 0; color:#c82705; font-weight:bold; display:block}
#mainContent .rangeInner .rangeItem .qty{width:55px; float:left; display:inline; margin:4px 14px 0 0; font-weight:bold}
#mainContent .rangeInner .rangeItem .text h2 a, #mainContent .rangeInner .text h2 .rangeItem a:visited, #mainContent .rangeInner .rangeItem .text h2 a:active{color:#333}
#mainContent .rangeInner .rangeItem a.top,#mainContent .rangeInner .rangeItem a:visited.top ,#mainContent .rangeInner .rangeItem a:active.top{color:#333}
#mainContent .rangeInner .rangeItem input{width:20px; text-align:center; margin-left:5px; font-size:8pt}
#mainContent .rangeInner .rangeItem .text .priceE{margin:0; width:64px; float:left; display:inline; text-align:center; }
#mainContent .rangeInner .rangeItem .text .priceC{margin:0; width:64px; float:right; display:inline; text-align:center; }

#mainContent .rangeInner .rangeItem .text .priceE span, #mainContent .rangeInner .rangeItem .text .priceC span{font-size:11pt; color:#f11515; font-weight:bold; font-size:12px; }
#mainContent .rangeInner .rangeItem .text .priceE p.save, #mainContent .rangeInner .rangeItem .text .priceE p.was{font-size:8pt; font-weight:normal; line-height:1.3em}
#mainContent  .rangeItem .text .stock_lvl{clear:left;padding:12px 0 0 57px}
#mainContent  .rangeItem .stock_lvl .stock{padding:0 6px 0 20px;font-size:12px;font-weight:bold;color:#3e85b6;background:url(../images/productIcons/stock.gif) 0 0 no-repeat}
#mainContent  .rangeItem .stock_lvl .out{background-position:0 -14px}
#mainContent  .rangeItem .stock_lvl .low{background-position:0 -28px}
#mainContent  .rangeItem .stock_lvl .availability{font-size:10px;color:#3e85b6}

#mainContent .rangeInner .rangeItem .rangeImg{float:left; display:inline; margin:5px 0 0 10px; width:90px; height:97px}
#mainContent .related, #mainContent .filteredResults , #mainContent .brandsList{position:relative; width:578px; height:auto; margin-bottom:10px; padding:0px 8px 0 6px ; background:url(../images/592pxGraduated.jpg) no-repeat 0 0; }
#mainContent .filteredResults{background-position:0 -96px}
#mainContent .brandsList{background-position:0 -55px}
#mainContent .filteredResultsNoBG{background:none}
#mainContent .related .noResults, #mainContent .filteredResults .noResults{width:578px; text-align:center; clear:both}
#mainContent .related .noResults h2, #mainContent .filteredResults .noResults h2{color:#0e97c4; font-size:11px;margin-top:30px;}
#mainContent .tripleBox{position:relative; display:inline; margin:5px 0 0 6px; width:186px; height:247px; float:left; text-align:center; background:url(../images/mainContent/tripleBoxBG.png) no-repeat 0 0}
#mainContent .tripleBoxNoMsg{background-image:url(../images/mainContent/tripleBoxNoMessageBG.png)}
#mainContent .tripleBox h2, #mainContent .tripleBoxNoMsg h2{height:35px}
#mainContent .tripleBox .tripleBoxImg{width:116px; height:100px; margin:0 35px 5px 35px}
#mainContent .tripleBox h2 a, #mainContent .tripleBox h2 a:active, #mainContent .tripleBox h2 a:visited{color:#333}
#mainContent .tripleBox .specialTag{position:absolute; width:26px; top:50px; left:2px}
#mainContent .tripleBox .marketing{position:absolute; width:176px; height:22px; bottom:5px; left:0; text-align:center; color:#fff; font-weight:bold; line-height:13px; vertical-align:middle; padding:0 5px 0 5px}
#mainContent .tripleBox .price{height:18px}
#mainContent .tripleBox .price p.save, #mainContent .tripleBox .price p.was{display:inline; padding:0 2px; font-weight:normal}
#mainContent .tripleBox .wasSave{position:relative; width:90%; top:0; left:0; margin:0 auto 15px auto; text-align:center}
#mainContent .tripleBox .wasSave p{font-size:10px;font-weight:normal; float:none; display:inline; margin:0; padding-right:10px}
#mainContent .tripleBox .wasSave .save{color:#0e78bf}

/*---- MANAGED BANNERS ----*/
.mainContent .bannerC1{width:590px; height:220px; margin-bottom:20px;}
.mainContent .bannerC2{width:590px; height:170px; margin:0 0 20px 0;}
.rightContent .bannerR1{width:170px; height:400px; margin:0 0 20px 0;}
.rightContent .bannerR2{width:170px; height:400px; margin:0 0 20px 0;}



/*---- CATEGORY PAGE ----*/
.mainContent .category{width:100%; height:150px; margin-bottom:20px; background:#f5f5f5;}
.mainContent .category .info{width:370px; float:left;}
.mainContent .category .info p{margin:16px 12px}
.mainContent .category .info a.button{margin-left:16px;}
.mainContent .category .image{width:220px; height:126px; float:left;}

/*---- SUB CATEGORY PAGE ----*/
.mainContent .subCategory{width:290px; height:150px; margin-bottom:20px; float:left;}
.mainContent .subCategory.padded{margin-right:10px;}
.mainContent .subCategory .content{padding:14px 10px 10px 10px; float:left; border:1px solid #e9ecf3; border-top:none;}
.mainContent .subCategory .content .info{width:178px; float:left;}
.mainContent .subCategory .content .info p{margin:0;}
.mainContent .subCategory .content .info a.button{margin-top:10px;}
.mainContent .subCategory .content .image{width:189px /*90px*/; height:163px /*77px*/; float:left;}
.mainContent .subCategory .content .categoryMessage{float:right; margin:6px 0 0 0; font-weight:bold;}


/*---- SUB SUB CATEGORY PAGE / SEARCH PAGE ----*/
.mainContent .filterResults{overflow:auto;}
.mainContent .filterResults select, .mainContent .filterResults select{width:128px; margin-top:4px;}
.mainContent .filterResults label{font-weight:bold;}
.mainContent .filterResults .filterBy{width:50%; float:left;}
.mainContent .filterResults .filterBy label{margin:10px 0 0 20px; float:left;}
.mainContent .filterResults .filterBy input{width:128px; margin:10px 20px 0 6px; float:left;}
.mainContent .filterResults .filterBy select{width:128px; margin:10px 4px 0 54px; float:left;}
.mainContent .filterResults .filterBy a.button{margin:10px 0 0 0; float:left;}
.mainContent .filterResults .sortBy{width:50%; float:left;}
.mainContent .filterResults .sortBy .leftCol{width:50%; margin-top:20px; float:left;}
.mainContent .filterResults .sortBy .rightCol{width:50%; margin-top:20px;  float:left;}

.mainContent .filterResults ul.filter{width:118px; margin-left:10px; list-style:none; float:left;}
.mainContent .filterResults ul.filter li a{color:#575757;}

.mainContent .filterResults .refineList{margin:20px; float:left;}
.mainContent .filterResults .refineList ul{margin:0; padding:0; list-style:none;}
.mainContent .filterResults .refineList ul li{margin:4px 0;}
.mainContent .filterResults .refineList a{color:#575757;}
.mainContent .filterResults p.results{clear:both; margin:0 20px;}



.mainContent .pagination{width:100%; height:20px; padding-top:6px; margin-top:6px; overflow:auto; float:left; text-align:center; position:relative; background:url(/common/images/mainContent/filterResultsBG.png) repeat-x 0 bottom;}
.mainContent .pagination ul{margin:0 30px; padding:0; display:inline; list-style:none;}
.mainContent .pagination ul li{display:inline;}
.mainContent .pagination a{color:#575757;}
.mainContent .pagination a.on{font-weight:bold; text-decoration:underline;}
.mainContent .pagination a.recordNavFirst{width:7px; height:9px;}
.mainContent .pagination a.recordNavBack1{width:14px; height:9px; margin:0 6px;}
.mainContent .pagination a.recordNavFrwd1{width:7px; height:9px; margin:0 6px;}
.mainContent .pagination a.recordNavLast{width:7px; height:9px;}
.mainContent .viewAll{width:80px; position:absolute; right:10px; top:6px; text-align:right;}

.contentFooter{width:770px; margin:20px 0 20px 0; padding:20px 0 0 0; float:right; border-top:1px solid #ebebeb;}



.mainContent .searchResults{  }
.mainContent .searchResults h2{font-size:12pt /*12px*/; margin:27px 0 4px 1px; font-weight: bold;}
.mainContent .searchResults h2 a{color:#575757;}
.mainContent .searchResults h4{font-size:11px; color:#575757;}
.mainContent .searchResults p{margin:0 0 10px 1px; line-height: 13px;}
.mainContent .searchResults .gridContainer{ position: relative; width:190px; height:231px; margin:5px 0 15px 0; padding-bottom:8px; float:left; text-align:center; background:url(/common/images/mainContent/gridContainerBG.png) repeat-x 0 bottom;}
.mainContent .searchResults .gridContainer.padded{ margin: 5px 0 15px 0; padding:0 10px 8px 10px; background: url(../images/cat/bg_searchResults.png) center bottom no-repeat; }
.mainContent .searchResults .gridContainer.padded a.button.moreInfo{ left: 62px; }
.mainContent .searchResults .gridContainer.padded p.commercialMessage{ left: 10px; }
.mainContent .searchResults .gridContainer h3{height:32px; margin:0;}
.mainContent .searchResults .gridContainer h3 a{ font-size: 13px; color: #575757; width: 170px; margin: 0 auto; display: block;}
.mainContent .searchResults .gridContainer p{margin:0; color:#797979;}
.mainContent .searchResults .gridContainer p.price{ color: #000000; line-height: 12px; padding-top: 1px; margin: 4px 0 4px;}
.mainContent .searchResults .gridContainer p.price strong{font-size:12px; color:#000000;}
.mainContent .searchResults .gridContainer a.button{margin:4px 52px 5px 52px;}
.mainContent .searchResults .gridContainer a.button.moreInfo{ margin: 0; position: absolute; bottom: 39px; left: 52px; }
.mainContent .searchResults .gridContainer .commercialMessageHolder{ position: absolute; bottom: 4px; left: 0; width: 190px; }
.mainContent .searchResults .gridContainer p.commercialMessage{ position: relative; display: inline; font-size: 11px; font-weight: bold; color: #de282a; padding: 13px 0 5px 22px; margin: 0; background: url(../images/cat/bg_commercialMsg.gif) left 7px no-repeat; }
.mainContent .searchResults .gridContainer span.saving{margin:0; font-size:11px; font-weight:bold; color:#ef7d00; height: 17px;}
.mainContent .searchResults .gridContainer span.normalPrice{margin:0; font-size:11px; font-weight:bold; color:#ef7d00; text-decoration: line-through; height: 17px;}

.mainContent .searchResults .gridContainer .addedToBasket{margin: 0 auto; padding-top: 4px; clear: both; border-bottom:1px #ebebeb solid; font-weight:bold;}
.mainContent .searchResults .gridContainer .addedToBasket a{text-decoration:underline; color:#73aabf;}

.mainContent .searchResults .noResults{text-align:center;}
.mainContent .searchResults .noResults h2{margin:3px 10px;}


.mainContent table.tabularResults{width:590px; margin:0; float:left;}
.mainContent table.tabularResults tr{}
.mainContent table.tabularResults tr th{height:35px; background-color:#e5e1e2; color:#575757; font-weight:bold; }
.mainContent table.tabularResults tr th.code{width:54px;}
.mainContent table.tabularResults tr th.desc{width:161px; text-align: left; padding-left: 2px; }
.mainContent table.tabularResults tr th.caseQty{width:39px;}
.mainContent table.tabularResults tr th.priceEach{width:74px; padding-right: 4px;}
.mainContent table.tabularResults tr th.priceCase{width:62px;}
.mainContent table.tabularResults tr th.stock{ width: 46px; }
.mainContent table.tabularResults tr th.addBasket{border-left:1px #FFFFFF solid;}
.mainContent table.tabularResults tr td{text-align:center; vertical-align:top; padding:6px 0 0 0; color:#575757;}
.mainContent table.tabularResults tr td.image{border-bottom:1px #ebebeb solid; width: 50px;}
.mainContent table.tabularResults tr td.code{ padding-top: 13px; }
.mainContent table.tabularResults tr td.desc{text-align:left; width: 161px; padding: 13px 0 0 2px; }
.mainContent table.tabularResults tr td.desc a{ color: #575757; text-decoration: underline; font-size: 9pt; font-weight: bold;}
.mainContent table.tabularResults tr td.desc a:hover{ text-decoration: none; }
.mainContent table.tabularResults tr td.caseQty{ padding-top: 13px; }
.mainContent table.tabularResults tr td.priceEach{color:#000; font-weight:bold; padding-top: 13px; }
.mainContent table.tabularResults tr td.priceEach .priceEachRow{color:#000; font-weight:bold; clear: both;}
.mainContent table.tabularResults tr .save{font-size:11px; font-weight:bold; color:#ef7d00; clear: both; text-align: center;}
.mainContent table.tabularResults tr .normalPrice{font-size:11px; font-weight:bold; color:#ef7d00; text-decoration: line-through; clear: both; text-align: center;}
.mainContent table.tabularResults tr td.priceCase{color:#000; font-weight:bold; padding-top: 13px; }
.mainContent table.tabularResults tr td.priceCase .priceCaseRow{color:#000; font-weight:bold; clear: both;}
.mainContent table.tabularResults tr td.stock{ width: 46px; padding: 9px 0 0 0; }
.mainContent table.tabularResults tr td.addBasket{ padding: 9px 0 0 1px; }
.mainContent table.tabularResults tr td.addBasket input{ float: left; width:20px; height:16px; display:inline; text-align:center; margin: 0 4px 0 0; }
.mainContent table.tabularResults tr td.addBasket a{ float: none; display: block; background: url(../images/buttons/btn_add.png) left top no-repeat; width: 56px; height: 0; padding-top: 20px; overflow: hidden; }
.mainContent table.tabularResults tr td.addBasket a:hover{ background-position: left -20px; }

.mainContent table.tabularResults tr td.commercialMessage{ width: 199px; padding: 9px 0 0 9px; }
.mainContent table.tabularResults tr td.commercialMessage .cm{ display: block; background: url(../images/cat/bg_commercialMsgListBG.gif) left bottom no-repeat; width: 208px; height: 20px; text-align: center; padding-top: 7px; }
.mainContent table.tabularResults tr td.commercialMessage p{ position: relative; display: inline; font-size: 11px; font-weight: bold; color: #de282a; padding: 15px 0 5px 22px; margin: 0; background: url(../images/cat/bg_commercialMsgList.gif) left 7px no-repeat; }

.mainContent table.tabularResults tr td.suppliedQty{border-bottom:1px #ebebeb solid; padding-top: 11px; }
.mainContent table.tabularResults tr td.inBasket{border-bottom:1px #ebebeb solid; font-weight:bold;}
.mainContent table.tabularResults tr td.inBasket a{text-decoration:underline; color:#73aabf;}
.mainContent table.tabularResults tr td.inBasket .addedToBasket{ padding-left: 7px; }




#mainContent .errorPage, #mainContent .newsPage, #mainContent .about{background:url(../images/592pxGraduatedWithBox.jpg) no-repeat 0 0; width:552px; padding:10px 20px 10px 20px; margin-bottom:10px}
.about p{color:#666}
#mainContent .errorPage h2{margin-top:0; padding:10px 0; color:#0e97c4; font-size:12pt; text-align:center}
#mainContent .errorPage h3.center{text-align:center}



/*---- BRANDS PAGE ----*/
.mainContent .brandsList .brandBox{width:140px; margin:20px 0 0 0; padding-bottom:16px; float:left; background:url(/common/images/mainContent/gridContainerBG.png) repeat-x 0 bottom; text-align:center;}
.mainContent .brandsList .padded{margin-right:10px;}
.mainContent .brandsList .brandBox h3{height:26px; margin:0;}
.mainContent .brandsList .brandBox h3 a, .mainContent .brandsList .brandBox h3 a:visited, .mainContent .brandsList .brandBox h3 a:active{color:#797979;}
.mainContent .brandsList .brandBox a img{height:60px;}
.mainContent .brandsList .brandBox p{height:42px;}
.mainContent .brandsList .brandBox a.button{margin:0 0 0 28px;}
.mainContent .brandsDesc{margin:20px 0 0 0; float:left;}
.mainContent .brandHeader{width:100%;}

/*---- NEWS PAGE ----*/
.mainContent .newsPage{}
.mainContent .newsPage .newsItem{height:98px; float:left; padding:10px 0; border-bottom:1px solid #efefef;}
.mainContent .newsPage .newsItem .newsImage{width:114px; margin-right:10px;}
.mainContent .newsPage .newsItem .newsText{width:456px; padding-right:10px; float:left;}
.mainContent .newsPage .newsItem .newsText h2{margin:12px 0 0 0;}
.mainContent .newsPage .newsItem .newsText h2 a{color:#91b8c7;}
.mainContent .newsPage .newsItem .newsText p{color:#6a6a6a;}
.mainContent .newsPage #pressRelease{float:left; margin:30px 0;}
.mainContent .newsPage .newsStory{margin:10px 0;}
.mainContent .newsPage .newsStory h1{margin:10px 0; font-size:11px; color:#91b8c7;}
.mainContent .newsPage .newsStory h3, .mainContent .newsPage .newsStory h4{margin-top:16px;}


.mainContent .newsPage .newsStory .newsImage{float:left; margin:0 10px 10px 0;}
/* HELP */
.mainContent .helpNav{margin-bottom:10px; padding:0 10px; overflow:auto; background:transparent url(/common/images/mainContent/customerServicesBg.jpg) no-repeat scroll 0 0}
.mainContent .helpNav .navList{float:left; margin:38px 0 0 0;}
.mainContent .helpNav .navList ul{margin:0 0 20px 0; padding:0 0 0 12px; list-style-image:url(/common/images/shell/bulletSub.gif);}
.mainContent .helpNav .navList ul li{margin:6px 0;}
.mainContent .helpNav .navList ul li a{color:#434343; font-weight:bold;}
.mainContent .helpNav .navList ul li a:hover{color:#3b8dac;}
.mainContent .helpNav .navList ul li a.active, .mainContent .helpNav .navList ul li a.active:hover{color:#3b8dac;}

.mainContent .helpNav .tradeList{float:right; margin:38px 0 0 0;}
.mainContent .helpNav .tradeList ul{width:160px; margin:0 0 20px 0; padding:0 0 0 12px; list-style-image:url(/common/images/shell/bulletSubGrey.gif);}
.mainContent .helpNav .tradeList ul li{margin:6px 0;}
.mainContent .helpNav .tradeList ul li a{color:#434343; font-weight:bold;}
.mainContent .helpNav .tradeList ul li a:hover{color:#3b8dac;}
.mainContent .helpNav .tradeList ul li a.active, .mainContent .helpNav .navList ul li a.active:hover{color:#3b8dac;}

.mainContent .helpContent{clear:both;} 
.mainContent .helpContent h1{font-size:11px; color:#161616;}
.mainContent .helpContent img{margin:0 10px 20px 20px; float:right;}
.mainContent .helpContent img#delivery{margin:4px 30px 0 30px; float:right;}
.mainContent .helpContent img#truck{margin:4px 30px 0 30px; float:right;}
.mainContent .helpContent p{margin:6px 0 12px 0;}
.mainContent .helpContent ul li{margin:4px 0;}

.mainContent .helpContent #ukMap{display:block; margin:0 auto; float:none;}

.mainContent .helpContent .zone-table{width:100%; margin:20px 0 20px 0;}
.mainContent .helpContent .zone-table tr{height:30px;}
.mainContent .helpContent .zone-table tr th{border-bottom:1px solid #9f9f9f; color:#147abf;}
.mainContent .helpContent .zone-table tr th.zone{border-right:1px solid #9f9f9f;}
.mainContent .helpContent .zone-table tr th.spend-over{border-left:1px solid #9f9f9f;}
.mainContent .helpContent .zone-table tr td{border-bottom:1px solid #9f9f9f; text-align:center; color:#666666;}
.mainContent .helpContent .zone-table tr td.zone{border-right:1px solid #9f9f9f; text-align:left; color:#454545;}
.mainContent .helpContent .zone-table tr td.zone img{margin-right:3px;}
.mainContent .helpContent .zone-table tr td.last{border-left:1px solid #9f9f9f;}
.mainContent .helpContent .zone-table tr td.free{color:#d93035;}
.mainContent .helpContent .postcode-table tr td.zone{width:203px;}

.mainContent .helpContent .contactType{width:190px; float:left; margin-top:20px; margin-right:6px;}
.mainContent .helpContent .contactType img{float:none; margin:0 0 10px 0;}
.mainContent .helpContent .contactType h4{}
.mainContent .helpContent .contactType p{color:#75a6b9;}
.mainContent .helpContent .larger{margin:0 0 14px 0; font-size:12px; font-weight:bold; color:#5290a8;}
.mainContent .helpContent #areaManagers{margin:40px 0;}
.mainContent .helpContent #areaManagers img{float:none; margin:0 0 10px 0;}
.mainContent .helpContent address{font-style:normal; font-weight:bold;}
.mainContent .helpContent .discountVouchers{float:none; display:block; margin:0 auto;}
.mainContent .helpContent .termsNum, .mainContent .helpContent .subTermsNum{color:#62a4bd;}
.mainContent .helpContent .indent{margin-left:30px;}
.mainContent .helpContent ul.faqMenu{list-style:none; margin-bottom:30px; padding-left:20px;}
.mainContent .helpContent ul.faqMenu li{margin:5px 0;}
.mainContent .helpContent ul.faqMenu li a, .mainContent .helpContent ul.faqMenu li a:visited, .mainContent .helpContent ul.faqMenu li a:active{color:#434343;}
.mainContent .helpContent ul.faqMenu li a:hover{color:#3b8dac; text-decoration:none;}
.mainContent .helpContent ul.faqMenu li a:hover strong{color:#434343;}
.mainContent .helpContent .faq{margin-bottom:40px;}
.mainContent .helpContent .faq h2{text-indent:10px; line-height:24px; background:#e5e1e2;}
.mainContent .helpContent .faq h2 a{float:right; border-left:1px solid #fff; margin-right:10px; color:#434343;}
.mainContent .helpContent .faq h2 a:hover{text-decoration:none;}
.mainContent .helpContent .faq h2 a img{margin:0; float:none;}
.mainContent .helpContent .faq p{margin:8px 20px;}

.mainContent .helpContent .enquiryContainer{padding:20px 0; border:1px solid #e9ecf3; border-top:none; background:url(/common/images/mainContent/contactFormBg.jpg) no-repeat right bottom;}
.mainContent .helpContent .enquiryContainer p{margin:0 20px;}

.mainContent .helpContent fieldset{margin-top:20px;}
.mainContent .helpContent fieldset .enquiryField{margin:1px 0; padding:4px 0;}
.mainContent .helpContent fieldset .enquiryField .errorMsg{width:157px; float:right; text-align:left;}
.mainContent .helpContent fieldset label{width:142px; text-align:right; margin-right:10px; display:inline-block; font-weight:bold; vertical-align:top;}
.mainContent .helpContent fieldset label span{color:#ed6971;}
.mainContent .helpContent fieldset label.cBoxLabel{width:204px; margin:10px 0 10px 0; font-weight:normal; text-align:left; color:#6a6a6a;}
.mainContent .helpContent fieldset select{width:246px;}
.mainContent .helpContent fieldset input{width:246px;}
.mainContent .helpContent fieldset input.cBox{width:auto; margin:10px 10px 10px 155px;}
.mainContent .helpContent fieldset textarea{width:246px;}
.mainContent .helpContent fieldset .submitButton{margin-left:300px;}
.mainContent .helpContent .enquiryContainer .thanks{text-align:center;margin:50px 0 100px 0;}
.mainContent .helpContent .enquiryContainer .thanks p{width:280px; margin:20px auto;}
.mainContent .helpContent .thankYouMessage{float:none;}
.mainContent .helpContent .privacyPadlock{margin:0 30px; float:right;}

.mainContent .helpContent .pdfBox, .mainContent .helpContent .adobeBox{width:172px; height:63px; margin-left:46px; padding:6px 0 0 50px; float:left; background:url(/common/images/mainContent/creditApp.png) no-repeat 0 0;}
.mainContent .helpContent .pdfBox a span, .mainContent .helpContent .adobeBox a span{text-decoration:underline;}
.mainContent .helpContent .pdfBox{background-position:0 0;}
.mainContent .helpContent .adobeBox{background-position:0 -69px;}
.mainContent .helpContent .catalogueBox{position:relative;}
.mainContent .helpContent .catalogueBox legend{display:block; font-weight:bold; margin-bottom:10px;}
.mainContent .helpContent .catalogueBox label{width:264px;}
.mainContent .helpContent .catalogueBox input, .mainContent .helpContent .catalogueBox textarea{width:308px;}
.mainContent .helpContent .catalogueBox input.small{width:60px;}
.mainContent .helpContent .catalogueBox input.xsmall{width:10px; height:18px; margin:0;}
.mainContent .helpContent .catalogueBox input.medium{width:110px;}
.mainContent .helpContent .catalogueBox label.rightLabel{width:68px;}

.mainContent .helpContent .catalogueBox .row{margin:1px 0; padding:4px 0;}
.mainContent .helpContent .catalogueBox .boxed{width:188px; position:absolute; left:0; top:0; padding:6px 10px; border:1px solid #666666; font-weight:bold;}
.mainContent .helpContent .catalogueBox .boxedWide{padding:6px 10px; border:1px solid #666666; font-weight:bold; text-align:center;}
.mainContent .helpContent .catalogueBox p.authorisation{text-align:center; font-weight:bold;}


#mainContent .noContainer{background:none}
#mainContent .noContainer p, #mainContent .helpBody ul li{color:#666;padding-bottom:7px}
#mainContent .addressBox{margin-top:10px;width:184px;float:left;text-align:left}
#mainContent .addressBox p, #mainContent .addressBox p a, #mainContent .addressBox p a:visited, #mainContent .addressBox p a:active{color:#0e97c4; font-size:8pt}
#mainContent .addressBox p.larger, #mainContent .addressBox p.larger a, #mainContent .addressBox p.larger a:visited, #mainContent .addressBox p.larger a:active{font-size:10pt}
#mainContent p.center{text-align:center}
#mainContent .enquiryBox{padding:5px 20px 10px 20px;background:url(../images/mainContent/592pxGraduatedChef.jpg) no-repeat 0 0;height:255px;width:552px;position:relative;}
#mainContent .helpBody .enquiryBox{background:none;width:512px;height:225px}
#mainContent .helpBody .enquiryBox .enquiryField, #mainContent .enquiryBox .enquiryField{ padding:7px 0; }
#mainContent .enquiryBox form{padding:0;margin:0}
#mainContent .enquiryBox legend{display:none}
#mainContent .enquiryBox fieldset{margin:0;padding:0;border:none;position:relative;width:566px;margin-left:-6px;}
#mainContent .enquiryBox label{width:125px;text-align:right;float:left;margin:2px 5px 0 0;font-weight:bold}
#mainContent .helpBody .enquiryBox label{width:105px}
#mainContent .enquiryBox label span{color:#ff0033;padding:0 2px}
#mainContent .enquiryBox input, #mainContent .enquiryBox select{width:250px;font-size:8pt;height:15px;background-color:#e5f0f5;float:left;}
#mainContent .enquiryBox select{width:304px;height:19px}
#mainContent .enquiryBox textarea{width:250px;height:50px;font-size:8pt;background-color:#e5f0f5;float:left;}
#mainContent .enquiryBox p{margin-top:10px;color:#666666;}
#mainContent .enquiryBox p.error{margin-bottom:5px}
#mainContent .enquiryBox .fieldError{background-color:#D6D3D5; }
#mainContent .enquiryBox .errorMsg{width:120px;height:15px;color:#ff0000;float:left;}
#mainContent .enquiryBox #msg_txtTitle{ left:190px; margin:0; top:1px; }
.thanks{text-align:center;margin-top:50px;}
.fieldError{background-color:#D6D3D5; }


#mainContent .catalogueBox{border:0;margin:0 0 35px -6px;padding:0;width:567px;}
#mainContent .catalogueBox legend{font-weight:bold;margin-bottom:20px}
#mainContent .catalogueBox .row{padding:7px 0;width:567px}
#mainContent .catalogueBox .specialRow{position:relative; top:10px}
#mainContent .catalogueBox label{width:160px;text-align:right;float:left;font-weight:bold;margin:2px 5px 0 0;}
#mainContent .catalogueBox label.different{width:300px;float:right;margin:10px 75px 0 5px;text-align:left;font-weight:normal}
#mainContent .catalogueBox label span{color:#ff0033;padding:0 2px}
#mainContent .catalogueBox input, #mainContent .catalogueBox select{width:250px;font-size:8pt;height:15px;background-color:#e5f0f5;float:left;border:1px solid #969696;margin-right:5px;}
#mainContent .catalogueBox select{width:254px;height:19px}
#mainContent .catalogueBox input.small{width:47px; float:left; margin-left:4px}
#mainContent .catalogueBox input.xsmall{width:13px; float:left; margin:0 0 0 6px}
#mainContent .catalogueBox input.medium{width:117px}
#mainContent .catalogueBox input.mediumLeft{float:left; margin:0 0 0 4px}
#mainContent .catalogueBox input.mediumRight{float:right}
#mainContent .catalogueBox .rightLabel{width:20px; float:right; margin-right:6px}
#mainContent .catalogueBox input.different{width:25px;text-align:right;margin:10px 0 5px 159px;border:0;background-color:transparent}
#mainContent .catalogueBox textarea{width:250px;height:50px;font-size:8pt;background-color:#e5f0f5;float:right;border:1px solid #969696;float:left;}
#mainContent .catalogueBox p.boxed{color:#333; width:160px; border:1px solid #666; padding:6px; font-weight:bold; margin:0; position:absolute}
#mainContent .catalogueBox p.boxedWide{width:529px; position:relative; margin-bottom:15px}
#mainContent .declaration p{font-weight:bold; text-align:center; color:#333}

.fieldError input, .fieldError select, .fieldError textarea{border:1px solid #ff0000}
#mainContent .catalogueBox .catField .errorMsg{padding:2px 0 0 20px; margin:0; color:#ff0000;background:url(../images/checkout/error.gif) no-repeat 0 -1px;float:left;}
#mainContent .catalogueBox .fieldError{background-color:#D6D3D5; }
#mainContent .catalogueBox .thanks{padding-top:20px;text-align:center}
#mainContent .faqMenu{width:520px;padding:0 16px;margin:0}
#mainContent .faqMenu li{width:520px;height:15px;line-height:15px;vertical-align:middle;background-image:none !important;margin:0;padding:0 !important}
#mainContent .faqMenu li a,#mainContent .faqMenu li a:active,#mainContent .faqMenu li a:visited{display:block;width:510px;padding:0 0 0 10px;height:15px;line-height:15px;vertical-align:middle;font-size:8pt;color:#666}
#mainContent .faqMenu li a:hover{color:#00adef;text-decoration:none}
#mainContent .faqMenu li a.active{color:#00adef;font-weight:bold}
#mainContent .faqMenu li a strong{margin-right:5px;color:#333}
#mainContent .faq{width:552px;padding:0 0 7px 0}
#mainContent .faq h2{width:512px;height:25px;line-height:22px;padding:0 20px;vertical-align:middle;color:#333;font-size:8pt;margin:0;background:url(../images/mainContent/faqOff.gif) no-repeat 0 0}
#mainContent .faq h2 a, #mainContent .faq h2 a:active, #mainContent .faq h2 a:visited{color:black;padding-right:15px;background:url(../images/mainContent/arrow.gif) no-repeat right 6px;font-size:8pt}
#mainContent .faq h2.active{background:url(../images/mainContent/faqOn.gif) no-repeat 0 0;color:#fff}
#mainContent .faq h2.active a, #mainContent .faq h2.active a:active, #mainContent .faq h2.active a:visited{color:#fff;background:url(../images/mainContent/arrowWhite.gif) no-repeat right 6px}
#mainContent .faq p{width:512px;margin:0;padding:0 20px;color:#666}
#mainContent .faq p a, .faq p a:active, .faq p a:visited{color:#4872b4}

#mainContent .trade .ukzones{ clear:both; text-align:center; margin-top:30px;}
#mainContent .trade .ukzones img{ float:none; }
#mainContent .trade .zone-table{ color:#666666; margin-bottom:30px; }
#mainContent .trade .zone-table th, #mainContent .trade .zone-table td{ border-right:1px solid #aeaeaf; border-bottom:1px solid #aeaeaf; padding:10px;}
#mainContent .trade .zone-table th{ width:172px; text-align:center; vertical-align:middle; font-weight:bold; color:#147abf; }
#mainContent .trade .zone-table th.spend-over, #mainContent .trade .zone-table td.last, #mainContent .trade .zone-table th.postcodes{ border-right:none; }
#mainContent .trade .zone-table td{ text-align:center; }
#mainContent .trade .zone-table .zone{ text-align:left; }
#mainContent .trade .zone-table td.a, #mainContent .trade .zone-table td.b, #mainContent .trade .zone-table td.c, #mainContent .trade .zone-table td.d, #mainContent .trade .zone-table td.e{ text-align:left; }
#mainContent .trade .zone-table td.free{ color:#d93035; font-weight:bold; }

#mainContent .trade .zone-table th.postcodes{ width:363px; }

#mainContent .trade .zone-table .a{ background:url(../images/zonesTableSprite.gif) no-repeat 0 4px; padding-left:10px; }
#mainContent .trade .zone-table .b{ background:url(../images/zonesTableSprite.gif) no-repeat 0 -8px; padding-left:10px; }
#mainContent .trade .zone-table .c{ background:url(../images/zonesTableSprite.gif) no-repeat 0 -20px; padding-left:10px; }
#mainContent .trade .zone-table .d{ background:url(../images/zonesTableSprite.gif) no-repeat 0 -32px; padding-left:10px; }
#mainContent .trade .zone-table .e{ background:url(../images/zonesTableSprite.gif) no-repeat 0 -45px; padding-left:10px; }


/* CREDIT FORM */
#mainContent .adobeBox, #mainContent .pdfBox{width:151px;height:41px;float:left;margin:10px 0 10px 30px;padding:10px 10px 10px 70px;display:inline}
#mainContent .adobeBox{background:url(../images/mainContent/adobe.gif) no-repeat 0 0} 
#mainContent .pdfBox{background:url(../images/mainContent/pdf.gif) no-repeat 0 0}

#mainContent form.creditapp fieldset legend{color:black;font-weight:bold}
#mainContent form.creditapp fieldset input{width:300px}
#mainContent form.creditapp fieldset textarea{width:300px;height:120px}
#mainContent form.creditapp fieldset input.medium{width:100px;margin-right:200px}
#mainContent form.creditapp fieldset input.small{width:50px}
#mainContent form.creditapp fieldset input.xsmall{width:15px;margin-right:5px}
#mainContent form.creditapp fieldset label{width:220px}
#mainContent form.creditapp fieldset p.boxed{border:1px solid #ccc;margin:10px;padding:10px}
.creditPrintHeader{display:none}
#mainContent img.adobe{margin:15px}
#mainContent .hr{width:550px;background-color:#ccc;height:1px;margin:25px 0}

/*---- QUICK ORDER PAGE ----*/
.mainContent .quickOrderContainer{margin-top:10px;}
.mainContent .quickOrderContainer img{margin:0 26px 20px 20px;}
.mainContent .quickOrderContainer span.prodCode{clear:both; width:214px; margin-top:40px; font-weight:bold; display:block; float:left;}
.mainContent .quickOrderContainer span.qtyText{width:60px; margin-top:40px; font-weight:bold; float:left;}
.mainContent .quickOrderContainer div{width:290px;}
.mainContent .quickOrderContainer div input{width:198px; margin:4px 8px 4px 0; display:inline;}
.mainContent .quickOrderContainer div input.qty{width:60px;}
.mainContent .quickOrderContainer a.button{float:right; margin:2px 10px 0 0;}

/*  RESOURCES */ 
#mainContent .resources{background:url(../images/592pxGraduatedWithSmallBox.gif) no-repeat 0 0;width:572px;padding:10px 20px;margin-bottom:20px;width:552px}
#mainContent #resourcesMainNav,#mainContent #resourcesSubNav{width:512px;text-align:center;padding:0 20px}
#mainContent #resourcesMainNav ul,#mainContent #resourcesSubNav ul{list-style:none;display:inline; text-align:center;margin:0 auto!important;padding:0}
#mainContent #resourcesMainNav ul li, #mainContent #resourcesSubNav ul li{display:inline; padding:0 20px;height:20px; background:url(../images/mainContent/resourcesNavArrow.gif) no-repeat 10px 4px; text-align:left}
#mainContent #resourcesSubNav ul li{background:url(../images/mainContent/resourcesSubNavArrow.gif) no-repeat 10px 4px}
#mainContent #resourcesMainNav ul li a,#mainContent #resourcesMainNav ul li a:visited,#mainContent #resourcesMainNav ul li a:active{font-weight:bold; line-height:20px; vertical-align:middle; color:#000}
#mainContent #resourcesSubNav ul li a,#mainContent #resourcesSubNav ul li a:visited,#mainContent #resourcesSubNav ul li a:active{font-weight:normal; line-height:20px; vertical-align:middle; color:#000}
#mainContent #resourcesMainNav ul li a:hover,#mainContent #resourcesMainNav ul li.active a,#mainContent #resourcesSubNav ul li a:hover,#mainContent #resourcesSubNav ul li.active a{color:#0099FF}
.resourcesBox{width:548px; height:132px; background:url(../images/mainContent/resourcesBoxBG.gif) no-repeat 0 0}
.resourcesBox img{width:114px; height:98px; padding:1px; background:url(../images/mainContent/resourcesImgBG.gif) no-repeat 0 0; margin:0 15px}

/*---- BUYING GUIDES ----*/
.mainContent .guideNav{margin-bottom:30px; padding:20px; overflow:auto; background:url(/common/images/mainContent/guideBg.jpg) no-repeat right bottom;}
.mainContent .guideNav .navList{float:left; margin-right:40px;}
.mainContent .guideNav .navList ul{margin:0 0 20px 0; padding:0 0 0 12px; list-style-image:url(/common/images/shell/bulletSub.gif);}
.mainContent .guideNav .navList ul li{margin:10px 0;}
.mainContent .guideNav .navList ul li a{font-weight:bold; color:#434343;}
.mainContent .guideNav .navList ul li a:hover{color:#3b8dac;}
.mainContent .guideNav .navList ul li a.active, .mainContent .helpNav .navList ul li a.active:hover{color:#3b8dac;}

.mainContent .guideContent h1, .mainContent .guideContent h2, .mainContent .guideContent h3, .mainContent .guideContent h4{margin:24px 0 14px 0; font-size:11px; color:#454545;} 
.mainContent .guideContent img{margin:0 0 20px 20px; float:right;}
.mainContent .guideContent ul#choppingBoards{list-style:none;}
.mainContent .guideContent ul#choppingBoards li{height:54px; line-height:54px; padding-left:150px; background:url(/common/images/mainContent/choppingBoards.jpg) no-repeat 0 0;}
.mainContent .guideContent ul#choppingBoards li.yellow{background-position:0 0;}
.mainContent .guideContent ul#choppingBoards li.red{background-position:0 -54px;}
.mainContent .guideContent ul#choppingBoards li.white{background-position:0 -108px;}
.mainContent .guideContent ul#choppingBoards li.blue{background-position:0 -160px;}
.mainContent .guideContent ul#choppingBoards li.green{background-position:0 -214px;}
.mainContent .guideContent ul#choppingBoards li.brown{background-position:0 -266px;}



/*---- ABOUT US PAGE ----*/
.mainContent #aboutUs h3{margin-top:14px;}
.mainContent #aboutUs ul li{margin-top:6px;}
.mainContent #aboutUs .contactMethod{width:196px; margin-top:20px; float:left;}
.mainContent #aboutUs .contactMethod p{color:#75a6b9;}
.mainContent #aboutUs .contactMethod p a{color:#75a6b9; text-decoration:underline;}
.mainContent #aboutUs .contactMethod p strong{font-size:12px;}



/**** POSITIONING ****/
.basketBoxPosition1{display:inline; margin:0 0 0 10px}
.basketBoxPosition2{display:inline; margin:0 10px 0 0}
.newsletterPosition{display:inline; margin:5px 10px 0 0}
.catPosition{display:inline; margin:10px 27px 0 0}
.tradeLoginPosition{margin:1px 0 0 10px}
.specialOfferPosition{display:inline; margin:15px 10px 0 0 }
.prodInfoPosition{position:absolute; bottom:10px; right:15px}
.rangePosition{float:left;clear:right;margin:4px 0 0 0px}
.tripleBoxPosition{position:absolute; top:90px; right:20px}
.searchResults .tripleBoxPosition, .related .tripleBoxPosition, .filteredResults .tripleBoxPosition, .productBox .tripleBoxPosition{position:relative; top:0; right:0; float:right; margin:-10px 50px 0 0}
.featuredProducts .tripleBoxPosition{margin:6px 0 0 95px;float:left; font-size:10px}
.prodButsPosition{display:inline; margin:5px 20px 0 0}
.subcats .subcategory .subCatPosition{display:inline; margin:10px 102px 8px 0}
.filterPosition{position:absolute; top:5px; right:15px}
.filterSearch{margin:4px 0 0 0}
.filterBrand .filterPosition{display:inline; position:relative; top:0; right:0; margin:4px 152px 0 0}
.brandBoxPosition{display:inline;position:absolute; bottom:25px;left:40px;}
.enquiryPosition{display:inline;margin:5px 156px 0 0}
.questionPosition{display:inline; margin:0 45px 0 0}
.newsPosition{display:inline; margin:-2px 0 0 0}
.cataloguePosition{position:relative; margin:55px 0 0 400px}
.questionPosition{position:relative; float:right; margin:-30px 20px 0 0}
.creditPosition{margin:20px 0 0 445px}
.loginPositon1{position:absolute; bottom:30px; right:45px}
.loginPositon2{position:absolute; bottom:30px; right:110px}
.accountPosition{display:inline; margin:15px 0 10px 10px}
.checkBasketPosition{display:inline; margin:5px 10px 0 0}
.discountPosition{display:inline; margin:2px 0 0 10px}
.checkoutPosition{display:inline; margin:0 10px 0 10px}
.checkoutBackPosition{display:inline; margin:15px 10px 0 10px}
.checkoutContinuePosition{display:inline; margin:15px 10px 10px 10px}
.trade .checkoutContinuePosition{display:inline; margin:15px 47px 10px 10px}
.confirmPosition{display:inline; margin:0 282px 0 10px}
.quickCheckPosition{display:inline; margin:10px 10px 0 0}
.brandsCatBoxPosition{display:inline; margin:5px 64px 0 0}

/*---- BANNNER FOOTER ----*/
/*#bannerFooter{clear:both; width:100%; height:188px; padding:10px 0 0 0; background:url(/common/images/shell/bannerFooterBG.png) repeat-x 0 bottom;}*/

#bannerFooter {
	width:918px;
	height:187px;
	padding:10px 16px 0;
	clear:both;
	background:url(/common/images/shell/bannerFooterBG.png) repeat-x 0 bottom;
}
#bannerFooter .wrapper {
	width:918px;
	height:177px;
	overflow:hidden;
	position:relative;
}
#bannerFooter ul {
	width:950px;
	height:177px;
	padding:0;
	margin:0 0 0 -17px;
}
#bannerFooter ul li {
	width:170px;
	height:177px;
	float:left;
	margin:0 0 0 17px;
	list-style:none;
	background:#ddd;
}
#bannerFooter ul li a {
	width:170px;
	height:177px;
	display:block;
	text-align:center;
}
#bannerFooter ul li.secure a {
	text-indent:-9999em;
	background:url(/common/images/shell/footer/secure-shopping.png) no-repeat 0 0;
}
#bannerFooter ul li.premierAccount a {
	text-indent:-9999em;
	background:url(/common/images/shell/footer/premier-account.png) no-repeat 0 0;
}
#bannerFooter ul li.catalogue a {
	text-indent:-9999em;
	background:url(/common/images/shell/footer/request-catalog.png) no-repeat 0 0;
}
#bannerFooter ul li.phone {
	position:relative;
	text-decoration:none;
	background:url(/common/images/shell/footer/telephone-orders.png) no-repeat 0 0;
}
#bannerFooter ul li.phone span {
	position:absolute;
	top:-9999em;
}
#bannerFooter ul li.phone strong {
	position:absolute;
	bottom:12px;
	left:20px;
	font-size:19px;
	font-weight:lighter;
	color:#277796;
}
#bannerFooter ul li.freeDelivery a {
	text-indent:-9999em;
	background:url(/common/images/shell/footer/free-delivery.png) no-repeat 0 0;
}


/*#bannerFooter .bannerBg{width:168px; height:176px; padding:0 1px 1px 1px; margin-left:17px; float:left; background:url(/common/images/shell/bannerFooterBannerBG.png) repeat-x 0 bottom;}
#bannerFooter .first{margin-left:16px;}
#bannerFooter .bannerBg .banner{width:168px; height:176px;}*/
/*---- FOOTER ----*/
#footer p{line-height:22px;text-align:center;clear:both;color:#454545;}
#footer p a{color:#454545;}
#footer .secureShopping{margin:30px; text-align:center;}
#footer ul{float:left; list-style-type:none; margin:0 0 25px 0; padding:0}
#footer ul li{font-size:11px;display:block;padding-left:12px;text-align:left;background:url(/common/images/shell/bulletMain.gif) no-repeat 0 5px; line-height:1.6}
#footer ul li.title{background:none;padding:0}
#footer ul li h4{color:#454545;font-size:11px;padding:0;margin:0 0 8px 0;font-style:normal}
#footer ul li a{color:#454545;padding:0}

#footer ul.cats{width:150px;}
#footer ul.brands{width:180px;}
#footer ul.customer{width:180px;}
#footer ul.guides{width:180px;}
#footer ul.account{width:140px;}
#footer ul.delivery{width:115px;}
#footer ul.delivery li{background:none; padding:0;}
#footer ul.delivery li a{color:#73aabf; text-decoration:underline;}
#footer ul.delivery li h4 a{color:#454545; text-decoration:none;}
#footer ul.delivery li h4 a:hover{text-decoration:underline;}

/* SPLIT TEST PAGE */
.contentWide .heroBanner2{width:100%; height:259px; margin:0;}

.contentWide ul.homeNavBanner{width:700px; height:315px; background:#bfc1c3; padding:16px 0 0 15px; float:left; margin:6px 11px 12px 0;}
.contentWide ul.homeNavBanner li{list-style:none; float:left;}
.contentWide ul.homeNavBanner li a{display:block; float:left; width:116px; height:102px; list-style:none; background:url(/common/images/mainContent/homeNav.jpg) no-repeat 0 0; text-indent:-9999px;}
.contentWide ul.homeNavBanner li.crockery a{background-position: 0 0;}
.contentWide ul.homeNavBanner li.crockery a:hover{background-position: 0 -309px;}
.contentWide ul.homeNavBanner li.cutlery a{background-position: -116px 0;}
.contentWide ul.homeNavBanner li.cutlery a:hover{background-position: -116px -309px;}
.contentWide ul.homeNavBanner li.glassware a{background-position: -232px 0;}
.contentWide ul.homeNavBanner li.glassware a:hover{background-position: -232px -309px;}
.contentWide ul.homeNavBanner li.bar a{background-position: -348px 0;}
.contentWide ul.homeNavBanner li.bar a:hover{background-position: -348px -309px;}
.contentWide ul.homeNavBanner li.tableservice a{background-position: -464px 0;}
.contentWide ul.homeNavBanner li.tableservice a:hover{background-position: -464px -309px;}
.contentWide ul.homeNavBanner li.displayserve a{background-position: -580px 0;}
.contentWide ul.homeNavBanner li.displayserve a:hover{background-position: -580px -309px;}
.contentWide ul.homeNavBanner li.chefsclothing a{background-position: 0 -102px;}
.contentWide ul.homeNavBanner li.chefsclothing a:hover{background-position: 0 -411px;}
.contentWide ul.homeNavBanner li.utensils a{background-position: -116px -102px;}
.contentWide ul.homeNavBanner li.utensils a:hover{background-position: -116px -411px;}
.contentWide ul.homeNavBanner li.cookware a{background-position: -232px -102px;}
.contentWide ul.homeNavBanner li.cookware a:hover{background-position: -232px -411px;}
.contentWide ul.homeNavBanner li.foodstorage a{background-position: -348px -102px;}
.contentWide ul.homeNavBanner li.foodstorage a:hover{background-position: -348px -411px;}
.contentWide ul.homeNavBanner li.cleaning a{background-position: -464px -102px;}
.contentWide ul.homeNavBanner li.cleaning a:hover{background-position: -464px -411px;}
.contentWide ul.homeNavBanner li.disposables a{background-position: -580px -102px;}
.contentWide ul.homeNavBanner li.disposables a:hover{background-position: -580px -411px;}
.contentWide ul.homeNavBanner li.cooking a{background-position: 0 -204px;}
.contentWide ul.homeNavBanner li.cooking a:hover{background-position: 0 -513px;}
.contentWide ul.homeNavBanner li.refridgeration a{background-position: -116px -204px;}
.contentWide ul.homeNavBanner li.refridgeration a:hover{background-position: -116px -513px;}
.contentWide ul.homeNavBanner li.foodprep a{background-position: -232px -204px;}
.contentWide ul.homeNavBanner li.foodprep a:hover{background-position: -232px -513px;}
.contentWide ul.homeNavBanner li.glassdishwashers a{background-position: -348px -204px;}
.contentWide ul.homeNavBanner li.glassdishwashers a:hover{background-position: -348px -513px;}
.contentWide ul.homeNavBanner li.fooddisplay a{background-position: -464px -204px;}
.contentWide ul.homeNavBanner li.fooddisplay a:hover{background-position: -464px -513px;}
.contentWide ul.homeNavBanner li.fabrication a{background-position: -580px -204px;}
.contentWide ul.homeNavBanner li.fabrication a:hover{background-position: -580px -513px;}

.contentWide .Banner2{width:223px; height:330px; float:left; margin:6px 0 12px}


/* =show/hide */
#extraText {
	display:none;
	overflow:hidden;
}
#extraText.show {
	display:block;
	overflow:hidden;
}
#shortText {
    display:block;
    overflow:hidden;
}
#shortText.show {
    display:block;
	overflow:hidden;
}
#btn-readMore {
	margin:10px 0 0 0;
	display:block;
	font-weight:bold;
	color:#3F4446;
	text-decoration:underline;
	outline:none;
}
#btn-readMore:hover {
	text-decoration:none;
}

/* =related products */
#relatedProducts {
	width:770px;
	height:auto;
	overflow:hidden;
	margin:0 0 40px 0;
	position:relative;
}
#relatedProducts .wrapper {
	width:800px;
	height:auto;
	position:relative;
	left:-4px;
}
#relatedProducts .product {
    width:191px;
	height:231px;
    padding:10px 0 8px;
	float:left;
    margin:5px 4px 15px 0;
	position:relative;
	text-align:center;
	background:url(/common/images/subcat/grid-product-bg.png) no-repeat 0 bottom;
}
#relatedProducts .title {
	width:170px;
	height:28px;
	overflow:hidden;
    margin:0 auto 5px;
	position:relative;
}
#relatedProducts .title a {
	font-size:11px;
	color:#797979;
}
#relatedProducts .image {
	width:170px;
	height:;
	overflow:hidden;
	margin:0 auto 5px;
}
#relatedProducts .image a {
	display:block;
}
#relatedProducts .priceInfo {
	width:170px;
	height:18px;
	padding:14px 0 10px 0;
	overflow:hidden;
	margin:0 auto 10px;
	position:relative;
}
#relatedProducts .priceInfo p {
	margin:0;
	line-height:14px;
}
#relatedProducts .discountType {
	width:170px;
	position:absolute;
	top:0;
	left:0;
	color:#797979;
}
#relatedProducts .price {
	font-size:13px;
	font-weight:bold;
	color:#000;
}
#relatedProducts .price span {
	font-size:11px;
	font-weight:lighter;
}
#relatedProducts .save {
	font-size:11px;
	font-weight:bold;
	color:#ef7d00;
}
#relatedProducts a.btn_18blue {
	margin:0 0 0 54px;
}
#relatedProducts .commercialMessage {
	width:170px;
	height:16px;
	padding:7px 0 0 0;
	margin:0 auto;
	clear:left;
	font-weight:bold;
	color:#de282a;
}

.commercialPopup
{
	width: 354px;
	height: 262px;
	display: none;
	position: absolute;
	background: url('/common/images/commercialPopup/background.gif') no-repeat 0 0;
	z-index: 100;
}
.commercialPopup a.close
{
	width: 15px;
	height: 0;
	padding-top: 16px;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	text-indent: -9999px;
	cursor: pointer;
	background: url('/common/images/commercialPopup/close.png') no-repeat 0 0;
}
.commercialPopup a.close:hover
{
	background: url('/common/images/commercialPopup/close.png') no-repeat 0 -16px;
}
.commercialPopup .itemText
{
	width: 290px;
	margin: 30px 0 0 62px !important;
	float: left;
	text-align: left;
	font-size: 15px;
	line-height: 15px !important;
	color: #7c6b71;
	font-family: arial;
}
.commercialPopup .mainText
{
	width: 322px;
	height: 98px;
	margin: 68px auto 0 !important;
}
.commercialPopup .mainText .default
{
	padding: 7px 0 0;
}
.commercialPopup .mainText .default p.first
{
	width: 250px;
	height: 35px;
	margin: 0 auto !important;
	position: relative;
	text-align: center;
	font-size: 15px;
	color: #b4c933;
	font-family: arial;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 15px !important;
}
.commercialPopup .mainText .default p.second
{
	width: 250px;
	margin: 0 auto !important;
	position: relative;
	text-align: center;
	font-size: 15px;
	color: #ffffff;
	font-family: arial;
	font-weight: bold;
	line-height: 15px !important;
}
.commercialPopup .buttons
{
	width: 250px;
	height: 30px;
	margin: 0 auto;
	position: relative;
	top: 20px;
}
.commercialPopup .buttons a.keepShopping
{
	width: 128px;
	height: 0px;
	padding-top: 30px;
	display: block;
	margin-right: 14px;
	float: left;
	text-indent: -9999px;
	cursor: pointer;
	background: url('/common/images/commercialPopup/keepShopping.png') no-repeat 0 0;
}
.commercialPopup .buttons a.keepShopping:hover
{
	background: url('/common/images/commercialPopup/keepShopping.png') no-repeat 0 -30px;
}
.commercialPopup .buttons a.checkout
{
	width: 108px;
	height: 0px;
	padding-top: 30px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url('/common/images/commercialPopup/checkout.png') no-repeat 0 0;
}
.commercialPopup .buttons a.checkout:hover
{
	background: url('/common/images/commercialPopup/checkout.png') no-repeat 0 -30px;
}
.commercialPopup a.permanent
{
	width: 166px;
	display: block;
	margin: 0 auto;
	position: relative;
	top: 40px;
	font-family: arial;
	font-size: 11px;
	color: #575757;
	text-decoration: underline;
	cursor: pointer;
}
.commercialPopup a.permanent:hover
{
	text-decoration: none;
}