/* 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:auto; 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} 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; 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:#3f4446;} .containerHeader{width:100%; height:23px; background:#929fa3 url(/common/images/shell/containerHeader.png) no-repeat right top;} .containerHeader h2{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:16px; padding:4px 10px 0 14px;} a:hover.btn_20green {background-position:right -20px;} a:hover.btn_20green strong {background-position:left -20px;} 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%;} #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:249px; height:40px; float:left; padding:0 0 0 5px; background:url(/common/images/header/miniBasket.gif) no-repeat 0 0;} #header #ctl00_upMiniBasket .basketSummary span{margin-left: 25px; font-size:13px; font-weight:bold; color:#8d7f84;} #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:100%; height:30px; margin-bottom:6px; float:left; background:url(/common/images/header/menuBg.png) repeat-x 0 0; position:relative;} /* Top Level */ #topNav ul{list-style:none;height:30px;padding:0;margin:0} #topNav ul li{float:left;padding:0 0 0 2px;margin:0; background:url(/common/images/header/menuBg.png) no-repeat left -60px; display:inline;} #topNav ul li.first{padding:0;} #topNav ul li a{padding:0 10px 0 10px; display:block; height:30px; line-height:30px; background:url(/common/images/header/menuBg.png) repeat-x 0 0; font-weight:bold; font-size:14px; font-family:Arial,sans-serif;; color:#fff;} #topNav ul li.active a{background-position:0 -30px;} /* #topNav ul li a, #topNav ul li a:active, #topNav ul li a:visited {} #topNav ul li a:hover, #topNav ul li:hover a, #topNav ul li.iehover a, #topNav ul li.active a{} */ /*#topNav ul li.active ul,*/#topNav ul li:hover ul, #topNav ul li.iehover ul{display:block;} #topNav ul li#back{padding:0 2px 0 0; background-position:right -60px;} #topNav ul li#back a{padding:0 20px;} #topNav ul li#back a img{margin-right:6px;} /*#topNav ul li ul{width:161px;padding:0 0 0 10px;line-height:20px;vertical-align:middle;display:none;}*/ /* Second Level (the flyout box)*/ #topNav ul li ul {height:auto; position:absolute; top:30px; left:0px; margin:0; display:none; border:solid 1px #929fa3; background:#fff;z-index:10;} #topNav ul li ul li{height:auto; display:block; float:left; padding:0 0 0 0; background:none; background-color:#929fa3;} #topNav ul li ul li a{line-height:24px;height:24px; background:none; display:block; padding:0 0 0 10px; position:absolute; top:0px; font-size:12px;} /* #topNav ul li ul li a, #topNav ul li ul li a:active, #topNav ul li ul li a:visited {color:#fff;} */ /* Third Level (the lists in the flyout)*/ #topNav ul li ul li ul, #topNav ul li.Essentials ul {margin-top:24px; background:#fff;position:relative;top:0px;left:auto;border:0;padding:0 0 23px 10px;z-index:10;} #topNav ul li ul li ul li, #topNav ul li.Essentials ul li {width:auto; height:auto; float:none; background:none; background-color:#fff;} #topNav ul li ul li ul li a, #topNav ul li.Essentials ul li a {height:auto; padding:4px 0; line-height:normal; position:relative; background:none; font-size:12px; font-weight:normal; color:#575757;} /* #topNav ul li ul li ul li a,#topNav ul li ul li ul li a:active ,#topNav ul li ul li ul li a:visited{color:#575757;} */ /* Targeted Rules */ #topNav ul li.Glassware ul li{width:158px;} #topNav ul li.Glassware ul li ul li{width:auto;} #topNav ul li.Bar-and-Re ul{left:74px;} #topNav ul li.Bar-and-Re ul li ul{left:auto;} #topNav ul li.Bar-and-Re ul li{width:160px;} #topNav ul li.Bar-and-Re ul li ul li{width:auto;} #topNav ul li.Chefs-Supp ul{left:73px;} #topNav ul li.Chefs-Supp ul li ul{left:auto;} #topNav ul li.Chefs-Supp ul li.Chefs-Clot{width:134px;} #topNav ul li.Chefs-Supp ul li.Chefs-Uten{width:150px;} #topNav ul li.Chefs-Supp ul li.Chefs-Kniv{width:130px;} #topNav ul li.Chefs-Supp ul li.Cookware-a{width:150px;} #topNav ul li.Chefs-Supp ul li.Food-Stora{width:156px;} #topNav ul li.Chefs-Supp ul li.Pastry{width:120px;} #topNav ul li.Cleaning-a ul {left:504px;} #topNav ul li.Cleaning-a ul li ul {left:auto;} #topNav ul li.Cleaning-a ul li.Disposable{width:162px;} #topNav ul li.Cleaning-a ul li.Disposable ul li.Disposable{width:auto;} #topNav ul li.Catering-A ul {left:auto; right:16px;} #topNav ul li.Catering-A ul li ul {right:auto;} #topNav ul li.Catering-A ul li.Refrigerat{width:90px;} #topNav ul li.Catering-A ul li.Food-Prep-{width:126px;} #topNav ul li.Catering-A ul li.Dishwashin{width:180px;} #topNav ul li.Catering-A ul li.Dishwashin a {width:180px;} #topNav ul li.Catering-A ul li.Servery-an{width:144px;} #topNav ul li.Catering-A ul li.Stainless-{width:106px;} #topNav ul li.Catering-A ul li.Stainless- a{width:110px;} #topNav ul li.Catering-A ul li.Trolleys-a{width:130px;} #topNav ul li.Catering-A ul li.Refrigerat{width:108px;} #topNav ul li.Catering-A ul li.Refrigerat ul li.Refrigerat{width:auto;} #topNav ul li.Catering-A ul li.Cooking-Eq{width:130px;} /* #topNav ul li.Chefs-Supp ul li.Chefs-Uten a{width:185px;} #topNav ul li.Chefs-Supp ul li.Chefs-Uten ul li{width:200px;right:0px;} */ #topNav ul li.Essentials ul {padding:0 10px; margin:0; position:absolute;border:solid 1px #929fa3; right:0px; top:30px;} #header #searchContainer {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;} /* BREADCRUMBS */ .breadcrumb{margin:0 0 20px 0;} .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 */ /* .rightContent .tradeLogin{width:168px;height:168px;padding:0 3px;margin:4px 0 0 0;background:url(../images/rightContent/tradeLoginBG.jpg) no-repeat 0 0;position:relative} .rightContent .tradeLogin h2{width:168px; background:url(../images/rightContent/tradeLoginHeader.jpg) no-repeat 0 0; height:0px!important; padding:36px 0 0 0; display:block; overflow:hidden; margin:0} .rightContent .tradeLogin fieldset{padding:0;margin:0;border:0;width:168px} .rightContent .tradeLogin fieldset .tradeLoginField{width:158px; padding:0 0 8px 10px; position:relative} .rightContent .tradeLogin fieldset input{margin-left:0;margin-right:0;width:142px;padding:2px;background-color:#fff;border:1px solid #7f9db9;font-size:8pt} .rightContent .tradeLogin fieldset label{margin:0;width:144px;font-weight:bold;color:#fff;font-size:8pt} .rightContent .tradeLogin p{margin:5px 0 0 12px} .rightContent .tradeLogin p a, .rightContent .tradeLogin p a:active, .rightContent .tradeLogin p a:visited{color:#fff} .rightContent .tradeLogin div.fieldError{background:none} .rightContent .tradeLogin fieldset div.fieldError label{color:#fff} .rightContent .tradeLogin fieldset div.fieldError input{border:1px solid #ff0000} .rightContent .tradeLogin fieldset div.fieldError span{background:none;position:absolute;margin-top:0;right:7px;font-weight:bold;font-size:10px} .tradeLoginError{position:absolute; right:11px; top:0; font-weight:bold} .rightContent .flashContainer { width:177px; height:128px; padding:16px 0 0 3px; background:url(../images/rightContent/flashContainer.gif) no-repeat; position:relative; left:-2px; } .rightContent .flashFooter { position:relative; width:180px; height:35px; background:url(../images/rightContent/flashFooter.gif) no-repeat; margin-bottom:45px; left:-2px; } .rightContent .flashButton { position:absolute; bottom:15px; left:17px; } .rightContent .creditAcc{position:relative;width:168px;height:109px;margin:10px 0;padding:9px 3px 0 2px;background:url(../images/rightContent/creditAccBG.jpg) no-repeat 0 0} .rightContent .brandsBar{width:174px;height:900px;margin:4px 0;padding:0 0 30px 0;background:url(../images/rightContent/brandsBG.jpg) no-repeat 0 0; text-align:center} .rightContent .brandsBar h2{width:174px;height:0px!important;padding:40px 0 0;display:block;overflow:hidden;margin:0} .rightContent .brandsBar select{width:150px;background-color:#fff;font-size:11px} .rightContent .brandsBar ul{list-style:none;padding:0;margin:0;width:174px} .rightContent .brandsBar li{width:174px;margin-top:18px;text-align:center;list-style-type:none} .rightContent .brandsBar img { margin-bottom:10px; } .rightContent .brandsBar a.viewAll{display:block;text-align:center;padding:7px 0 0} */ /* --- 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:#020202 url(/common/images/shell/leftNavBG.png) 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;} .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;} .leftNav ul li ul li.active a{text-decoration:underline;} .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;} #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; 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:140px; 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;} .featuredProducts .gridContainer .commercialMessage{width:100%; text-align:center; font-weight:bold; color:#5b7b87;} .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 .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.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:0; padding:20px;} .mainContent #product .productInfo ul li{margin:10px 0;} .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 .commercialMessage{width:100%; height:26px; text-align:center; font-weight:bold; color:#5b7b87;} /* #mainContent .prodInfo{position:relative; width:592px; height:330px; background:url(../images/592pxGraduated.jpg) no-repeat 0 0; margin-bottom:10px; } #mainContent .prodInfoInner{position:relative; width:566px; margin:0 12px 0 14px; height:340px; background-color:#fff} #mainContent .prodInfo .prodImg{ position:relative;z-index:2; float:left; margin:10px 0 0 10px; width:238px; height:205px; padding:5px 5px 6px 9px; background:url(../images/mainContent/prodImgBG.jpg) no-repeat 0 0; display:inline} #mainContent .prodInfo .prodText{float:right; margin:10px 10px 0 0; width:280px; height:120px; display:inline} #mainContent .prodInfo .prodText h2{margin-top:0} #mainContent .prodInfo .prodText ul{padding-left:10px; margin:0} #mainContent .prodInfo .icons{width:280px; height:37px; padding:10px 0; margin:0 10px 0 0; float:right; display:inline} #mainContent .prodInfo .prodPrice{position:relative; float:right; margin:13px 10px 0 0; width:280px; height:125px; background:url(../images/mainContent/prodInfoPriceBoxBG.gif) no-repeat 0 0; display:inline} #mainContent .prodInfo .validationError{width:130px; float:right; font-weight:normal; font-size:8pt; color:#ff0000} #mainContent .prodInfo .noMessage{background:url(../images/mainContent/prodInfoPriceBoxBGnoMessage.gif) no-repeat 0 0; padding-top:20px; height:154px} #mainContent .prodInfo .prodPrice .marketing{width:256px; height:20px; line-height:20px; vertical-align:middle; text-align:center; margin:0 12px 0 12px; font-weight:bold; color:#fff} #mainContent .prodInfo .prodPrice .prodPriceInner{width:237px; height:90px; text-align:left; margin:5px 12px 0 31px; font-weight:bold; font-size:9pt; line-height:1.5em} #mainContent .prodInfo .prodPrice .prodPriceInner .prodPriceInnerBuyTools{padding-top:5px; font-size:8pt; vertical-align:middle} #mainContent .prodInfo .prodPrice .prodPriceInner .price{color:#F11515} #mainContent .prodInfo .prodPrice .prodPriceInner .price span{font-size:11pt; line-height:1.5em} #mainContent .prodInfo .prodPrice .prodPriceInner .price span.save, #mainContent .prodInfo .prodPrice .prodPriceInner .price span.was{font-size:8pt; font-weight:normal; line-height:1.3em} #mainContent .prodInfo .prodPrice .prodPriceInner select{width:237px; margin-bottom:5px; font-size:8pt} #mainContent .prodInfo .prodPrice .prodPriceInner input{width:25px; font-size:8pt} #mainContent .prodPriceInner .delNote{position:absolute; z-index:1; top:38px; right:13px} #mainContent .prodInfoFoot{width:566px; height:15px; background:url(../images/mainContent/prodInfoFoot.gif); margin:0 14px 10px 12px} #mainContent .prodInfo .prodPrice .specialTag{position:absolute; width:26px; top:30px; left:0} #mainContent .prodInfo .prodAltImg{width:262px; float:left; text-align:center; padding:0 0 5px 0; margin-top:15px} #mainContent .prodInfo .prodAltImg a, #mainContent .prodInfo .prodAltImg a:active, #mainContent .prodInfo .prodAltImg a:visited{color:black} #mainContent .prodInfo .prodAltImg .prodAltImgCont{width:261px; height:54px} #mainContent .prodInfo .prodAltImg .prodAltImgCont .prodAltImgBox{float:left; display:inline; background:url(../images/mainContent/altImgBG.jpg); width:52px; height:45px; padding:5px 4px 4px 23px; margin:15px 0 0 8px} #mainContent .prodInfo .thumbEnlarged{position:absolute;top:15px;left:19px;z-index:1} #mainContent .prodExtInfo{clear:both; position:relative; width:588px; height:auto; padding-bottom:20px; background:url(../images/592pxGraduated.jpg) no-repeat left 35px; margin-bottom:10px; padding-left:4px} #mainContent .prodExtInfo h2,#mainContent .prodExtInfo p{margin-left:10px; margin-right:10px} #mainContent .prodExtInfo h2{font-size:14px} #mainContent .productPrintHeader, #mainContent .productPrintFooter{display:none} */ /***** 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:90px; height: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 .recordNavigation{position:relative; width:480px; height:26px; text-align:center; margin:20px 0 30px 51px; padding:0; border:0; color:#fff; font-weight:bold; background:url(../images/maincontent/recordNavBG.png) no-repeat 0 0} #mainContent .filter .inner .recordNavigation{position:absolute; top:60px; left:36px; margin:0; background:url(../images/maincontent/recordNavBG.png) no-repeat 0 0} #mainContent .filterSmall .inner .recordNavigation{top:30px} #mainContent .filterVerySmall .inner .recordNavigation{top:0} .recordNavigation .middle a, .recordNavigation .middle a:visited, .recordNavigation .middle a:active{color:#fff; padding:0 2px 0 2px} .recordNavigation .middle{position:absolute; top:5px; left:0; width:220px; margin:0 120px} #mainContent .recordNavigation .middle ul{list-style-type:none;margin:0;padding:0; float:left;width:125px; text-align:center} #mainContent .recordNavigation .middle li{list-style-type:none;display:inline;margin:0;padding:0; background:none;float:left;cursor:pointer;} .recordNavigation .middle .on{text-decoration:underline} .recordNavigation .middle .previous{margin-right:10px; float:left;cursor:pointer;} .recordNavigation .middle .next{float:right;cursor:pointer;} .recordNavigation .viewAll{position:absolute; top:5px; left:390px; width:90px} .recordNavigation .viewAll a, .recordNavigation .viewAll a:visited, .recordNavigation .viewAll a:active{color:#fff} a.recordNavFirst, a.recordNavFrwd1, a.recordNavBack1, a.recordNavLast{position:absolute;top:5px; margin:0; border:0; display:block; background-repeat:no-repeat; background-position:0px 0px; padding:13px 0 0 0; overflow:hidden; height:0px !important; height:13px} a.recordNavFirst{left:80px; width:15px; background-image:url(../images/maincontent/recordNavStart.gif)} a.recordNavFrwd1{left:342px; width:8px; background-image:url(../images/maincontent/recordNavRight.gif)} a.recordNavBack1{left:108px; width:8px; background-image:url(../images/maincontent/recordNavLeft.gif)} a.recordNavLast{left:365px; width:15px; background-image:url(../images/maincontent/recordNavEnd.gif)} a:hover.recordNavFirst, a:hover.recordNavFrwd1, a:hover.recordNavBack1, a:hover.recordNavLast{background-position:0 -13px} */ .mainContent .searchResults{} .mainContent .searchResults h2{font-size:12px; margin:30px 0 4px 0;} .mainContent .searchResults h2 a{color:#575757;} .mainContent .searchResults h4{font-size:11px; color:#575757;} .mainContent .searchResults p{margin:0 0 20px 0;} .mainContent .searchResults .gridContainer{width:190px; height:215px; margin:10px 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:10px 10px;} .mainContent .searchResults .gridContainer h3{height:38px; margin:0;} .mainContent .searchResults .gridContainer h3 a{color:#797979;} .mainContent .searchResults .gridContainer p{margin:0; color:#797979;} .mainContent .searchResults .gridContainer p.price{color:#000000;} .mainContent .searchResults .gridContainer p.price strong{font-size:12px; color:#000000;} .mainContent .searchResults .gridContainer a.button{margin:4px 52px 10px 52px;} .mainContent .searchResults .gridContainer p.commercialMessage{font-weight:bold; color:#597885;} .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 th {height:32px; background-color:#e5e1e2; color:#575757; font-weight:bold; } .mainContent table.tabularResults tr th.code{width:48px;} .mainContent table.tabularResults tr th.desc{width:164px; text-align:left;} .mainContent table.tabularResults tr th.caseQty{width:34px;} .mainContent table.tabularResults tr th.priceEach{width:72px;} .mainContent table.tabularResults tr th.priceCase{width:72px;} .mainContent table.tabularResults tr th.stock{width:40px;} .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;} .mainContent table.tabularResults tr td.code {} .mainContent table.tabularResults tr td.desc{text-align:left;} .mainContent table.tabularResults tr td.desc a{color:#575757;} .mainContent table.tabularResults tr td.caseQty {} .mainContent table.tabularResults tr td.priceEach{color:#000; font-weight:bold;} .mainContent table.tabularResults tr td.priceCase{color:#000; font-weight:bold;} .mainContent table.tabularResults tr td.addBasket {} .mainContent table.tabularResults tr td.addBasket input{width:20px; height:16px; float:left; display:block; text-align:center; margin:0 6px 0 8px;} .mainContent table.tabularResults tr td.addBasket a.button{} .mainContent table.tabularResults tr td.commercialMessage{height:30px; border-bottom:1px #ebebeb solid; background:url(/common/images/mainContent/tabularResultsBG.png) repeat-x 0 bottom; font-weight:bold; color:#5c7b88;} .mainContent table.tabularResults tr td.suppliedQty{border-bottom:1px #ebebeb solid;} .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 .categorys .category{width:530px; height:100px; background:url(../images/mainContent/catBoxBG.gif) no-repeat 0 0; padding:10px 32px 0 30px} #mainContent .categorys .category .categoryImg{width:90px; height:77px; float:left} #mainContent .categorys .category .categoryText{width:430px; height:55px; float:right} #mainContent .categorys .category .categoryMessage{width:330px; height:20px; float:right; display:inline; margin-right:10px; background:url(../images/mainContent/catMessageBoxBG.gif); color:#fff; overflow:hidden; line-height:20px; vertical-align:20px; text-align:center; font-weight:bold} */ /* SUB CATEGORY PAGE */ /* #mainContent .subcats{width:588px; padding:0 0 0 4px; height:auto; background:url(../images/592pxGraduated.jpg) no-repeat 0 0; margin-bottom:10px; overflow:hidden} #mainContent .subcats .subcategory{float:left; width:293px; height:195px; background:url(../images/mainContent/subCatBoxBG.gif) no-repeat left 35px; margin-top:5px; display:inline} #mainContent .subcats .subcategory .categoryImg{width:90px; height:77px; float:left; margin:10px 10px 0 30px; display:inline} #mainContent .subcats .subcategory .categoryText{width:140px; height:77px; margin:10px 20px 0 0; overflow:hidden; text-align:left; font-size:8pt; line-height:1.2em; display:block; color:#000; } #mainContent .subcats .subcategory .categoryMessage{width:214px; height:20px; margin-left:37px; background:url(../images/mainContent/subCatMessageBoxBG.gif); color:#fff; overflow:hidden; line-height:20px; vertical-align:20px; text-align:center; font-weight:bold; clear:both} */ /* SEARCH FILTERS */ /* #mainContent .filter{width:592px; height:140px; background:url(../images/mainContent/filterBoxLargeBG.jpg)} #mainContent .filterBrand{background:url(../images/mainContent/filterBoxLargeBGBlueGrad.jpg); height:145px} #mainContent .filterBrand .brandImage{ display:inline; position:absolute; right:0; top:4px;} #mainContent .filterSmall{height:110px; background:url(../images/mainContent/filterBoxSmallBG.jpg)} #mainContent .filterVerySmall{height:75px; background:url(../images/mainContent/filterBoxVerySmallBG.jpg)} #mainContent .filter h1{background:none} #mainContent .filter .inner{width:547px; margin:35px 20px 0 25px; font-size:8pt; color:#fff; font-weight:bold} #mainContent .filter.filterBrand .inner div.inputPos{margin-left:150px} .filter .filterBy{width:65%; float:left; position:relative} #mainContent .filter .inner .sortBy{width:35%; margin:4px 0 0 185px} #mainContent .filterSmall .inner .sortBy{width:35%; float:left; margin:0px} .filter .inner select, .filter .inner input{width:146px; margin:4px 0 0 5px; font-size:11px} .filter .filterBy select, .filter .filterBy input, .filter .sortBy select{width:117px} #mainContent .filter .inner input{padding:2px; font-size:11px} #mainContent .filter .inner .priceFilter{width:110px; height:19px; padding:4px 5px 3px 10px; background:url(../images/mainContent/priceFilterBG.png); position:absolute; top:30px; right:211px} #mainContent .filterSmall .inner .priceFilter{top:0; right:5px} #mainContent .filter .inner .priceFilter p{padding:0; margin:0; display:inline; vertical-align:top} #mainContent .filter .inner .priceFilter a img{background-color:#fff} #mainContent .filter .inner .priceFilter a:hover img, #mainContent .filter .inner .priceFilter a.active img{background-color:#ff6633} #mainContent .filterBrand input { /*margin-left:35px; position:relative; top:1px; } */ #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} /* tabular cat layout */ /* #mainContent .tabularCats { margin-bottom:-61px; background:url(../images/cat/newCatFilterBG.gif) no-repeat; height:205px; } #mainContent .tabularCats h1 { font-size:16px; } #mainContent .tabularCats .inner { width:571px; height:114px; background:url(../images/cat/filterBG.gif) no-repeat; margin:29px 0 0 12px; } #mainContent .tabularCats .inner .filterBy { width:260px; margin:10px 0 0 20px; } #mainContent .tabularCats .inner label { float:left; margin-top:3px; } #mainContent .tabularCats .inner input { float:left; display:block; } #mainContent .tabularCats .inner select { float:left; clear:left; display:block; margin-left:34px; width:124px; } #mainContent .tabularCats .inner .filterBy .filterPosition { position:relative; float:left; right:0; left:5px; } #mainContent .tabularCats .inner .sortBy { width:280px; margin-top:10px; } #mainContent .tabularCats .inner .sortBy label { margin-top:10px; } #mainContent .tabularCats .inner .sortBy .leftCol { width:140px; float:left; } #mainContent .tabularCats .inner .sortBy select { margin-left:0; } #mainContent .tabularCats .inner .sortBy .rightCol { float:left; } #mainContent .tabularCats .inner .recordNavigation { top:70px; background:url(../images/cat/tabularCats_pagingBG.gif) no-repeat; width:524px; left:21px; } #mainContent .tabularCats .inner .recordNavigation a.recordNavFirst{ left:100px; } #mainContent .tabularCats .inner .recordNavigation a.recordNavBack1 { left:128px; } #mainContent .tabularCats .inner .recordNavigation .middle { margin-left:140px; } #mainContent .tabularCats .inner .recordNavigation a.recordNavFrwd1 { left:362px; } #mainContent .tabularCats .inner .recordNavigation a.recordNavLast{left:385px; } #mainContent .tabularCats .inner .recordNavigation .viewAll { width:auto; right:20px; left:auto; } /*.miniIntro { width:560px; padding-left:25px; background:url(../images/cat/introFade.gif) no-repeat; margin-top:0; margin-bottom:14px; }*/ /* grid view cat layout */ /* #mainContent .searchResults h2.gridViewType { background:none; font-size:14px; } #mainContent .searchResults h2.gridViewType a { color:#403f3f; } #mainContent .searchResults .gridViewTripleBox { margin:0 0 14px 6px; } #mainContent .searchResults .gridViewTripleBox .tripleBoxImg { margin:auto; } #mainContent .searchResults .gridViewTripleBox .qty { color:#000; position:absolute; margin:0; bottom:75px; left:0; width:100%; text-align:center; } #mainContent .searchResults .gridViewTripleBox .price { position:absolute; width:100%; bottom:55px; left:0; } #mainContent .searchResults .gridViewTripleBox .tripleBoxPosition { position:absolute; width:50%; left:25%; bottom:36px; top:auto;} */ /*---- 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 .helpNav{background:url(../images/592pxGraduatedWithBox.jpg) no-repeat 0 0; width:590px; padding-top:10px; margin-bottom:10px} #mainContent .helpNav img{position:absolute;right:16px; top:50px;} #mainContent .helpNav .navList{width:190px;margin-left:34px;float:Left;padding:30px 0 35px;} #mainContent .helpNav .helpNavFoot{clear:both;width:566px;height:12px;margin-left:14px;background:url(../images/mainContent/helpFoot.gif) no-repeat left top} #mainContent .helpNav h2{margin-bottom:0} #mainContent .helpNav ul{margin:0 0 0 5px;padding-left:0} #mainContent .helpNav ul li{background:url(../images/maincontent/arrow.gif) no-repeat 0px 2px;margin:1px 0;padding:2px 0 3px 10px} #mainContent .helpNav ul li a, #mainContent .helpNav ul li a:hover, #mainContent .helpNav ul li a:visited{color:black} #mainContent .helpNav ul li a.active{color:#0099ff !important} #mainContent .helpBody{height:auto;padding:0px 20px 30px;background:url(../images/mainContent/footerImage.gif) no-repeat 10px bottom;margin-bottom:20px;} #mainContent .helpBody p, #mainContent .helpBody address{font-style:normal; color:#666; margin-bottom:15px} #mainContent .helpBody .telNum{font-size:12px; color:#0099FF} #mainContent .helpBody ul{margin-bottom:20px} #mainContent .helpBody ul li{color:#666} #mainContent .trade img{float:right; margin-top:12px} #mainContent .leasing img{margin:0; float:right} #mainContent .leasing p{margin-bottom:25px} #mainContent .helpBody address{font-weight:bold; margin-left:5px} #mainContent .helpBodyGradient{padding:10px 20px;background:url(../images/592pxGraduated.jpg) no-repeat 0 0} #mainContent .helpBodyGradient p { color:#666666; } #mainContent .helpBodyNoBG{padding:10px 20px} #mainContent .helpBodyNoBG p {color:#666666;} #mainContent .discountVouchers{background:url(../images/discount.gif) no-repeat; width:329px; height:106px; margin:0 auto} #mainContent .termsNum, #mainContent .subTermsNum{color:#0099FF;margin-right:5px} #mainContent .indent{padding-left:30px} */ #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 .enquiryBox .thanks img{margin-bottom:20px} #mainContent .newsPage .newsItem, #mainContent .newsPage .newsStory{width:522px;height:125px;background:url(../images/mainContent/newsBoxBG.png) no-repeat bottom left;padding:10px 14px 10px 14px} #mainContent .newsPage .newsStory{padding-top:20px;height:auto} #mainContent .newsPage .newsImage{width:114px;height:98px;padding:1px;background:url(../images/mainContent/newsImgBG.gif) no-repeat 0 0;margin-right:10px} #mainContent .newsPage .newsText h2, #mainContent .newsPage .newsText h2 a, #mainContent .newsPage .newsText h2 a:active, #mainContent .newsItem .newsText h2 a:visited{color:#0e78bf} #mainContent .newsPage .recordNavigation{margin:10px 0 10px 37px} */ #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 .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;}