/*************************************************************** LYCO DIRECT MAIN ********************************************************************/

/*** COMMON STYLES ***/

.headerBarBlue {position: relative; width: 596px; height: 28px; background: url(../img/headerBarBlue.gif) no-repeat; margin: 0 0 10px 1px;}
.headerBarBlue h1, .headerBarBlue h2 {color: #fff; font-size: 14px; font-weight: bold; text-indent: 18px; padding-top: 5px;} 

.headerBarBlue a {position: absolute; top: 8px; right: 12px; color: #fff; font-size: 10px; font-weight: normal; padding-left: 10px; background: url(../img/logoIcon/headerBarBullet.gif) no-repeat 0px 3px; text-decoration: none; /*width: 38px; height: 13px;*/}
.headerBarBlue a:hover {text-decoration: underline; /*background: #fff url(../img/logoIcon/arrowbulletRed.gif) no-repeat 3px 3px;*/}

.headerBarSpecial {position: relative; width: 594px; height: 28px; background: url(../img/headerBarSpecial.gif) no-repeat; margin: 0 0 10px 1px;}
.headerBarSpecial h1 {color: #fff; font-size: 14px; font-weight: bold; text-indent: 18px; padding-top: 5px;} 
.headerBarSpecial .logoSpecial {position: absolute; top: -20px; right: -5px; width: 70px; height: 70px; background: url(../img/logoIcon/logoSpecial.png) no-repeat;}

.headerBarSale {position: relative; width: 594px; height: 28px; background: url(../img/headerBarSale.gif) no-repeat; margin: 0 0 10px 1px;}
.headerBarSale h1 {color: #fff; font-size: 14px; font-weight: bold; text-indent: 18px; padding-top: 5px;} 
.headerBarSale .logoSale {position: absolute; top: -20px; right: -5px; width: 69px; height: 69px; background: url(../img/logoIcon/logoSale.png) no-repeat;}

.headerBarNew {position: relative; width: 594px; height: 28px; background: url(../img/headerBarNew.gif) no-repeat; margin: 0 0 10px 1px;}
.headerBarNew h1 {color: #fff; font-size: 14px; font-weight: bold; text-indent: 18px; padding-top: 5px;} 
.headerBarNew .logoNew {position: absolute; top: -20px; right: -10px; width: 75px; height: 77px; background: url(../img/logoIcon/logoNew.png) no-repeat;}

/*** ADVERTS ***/

.advertsContainer {position: relative; width: 616px; margin: 0 0 6px 5px;}
.advertsContainer .bannerTopLeft {position: relative; float: left; display: inline; width: 306px; height: 99px; margin-right: 2px;}
.advertsContainer .bannerTopLeft a {position: absolute; top: 0px; left: 0px; width: 306px; height: 99px; display: block; cursor: pointer; z-index: 10; background: url(../img/trans1x1.gif);}

.advertsContainer .bannerTopRight {position: relative; float: left; display: inline; width: 306px; height: 99px; margin-right: 2px;}
.advertsContainer .bannerTopRight a {position: absolute; top: 0px; left: 0px; width: 306px; height: 99px; display: block; cursor: pointer; z-index: 10; background: url(../img/trans1x1.gif);}

/******************************************* HOME PAGE *********************************************/

.introBanner {position: relative; width: 616px; height: 169px; margin: 0 auto 4px auto; background: url(../img/home/introBanner.jpg) no-repeat;}

.specialOffersPanel {position: relative; float: left; display: inline; width: 298px; background: #fff url(../img/whiteBgTop298.gif) no-repeat top; margin: 0 8px 14px 10px;}
.specialOffersPanel .specialOffersBg {position: relative; width: 298px; background: url(../img/whiteBgBottom298.gif) no-repeat bottom; padding-bottom: 1px;}
.specialOffersPanel .header {position: relative; width: 294px; height: 44px; background: url(../img/home/specialOffersHeader.gif) no-repeat;}
.specialOffersPanel .header h2 {color: #be0027; font-size: 14px; font-weight: bold; text-indent: 49px; padding-top: 8px;} 
.specialOffersPanel .header a {position: absolute; top: 11px; right: 11px; color: #be0027; font-size: 10px; font-weight: normal; padding-left: 13px; background: url(../img/home/arrowbulletRed.gif) no-repeat 3px 3px; text-decoration: none; width: 38px; height: 13px;}
.specialOffersPanel .header a:hover {text-decoration: none; background: #fff url(../img/logoIcon/arrowbulletRed.gif) no-repeat 3px 3px;}

.productItem {position: relative; float: left; display: inline; width: 298px; height: 71px; margin: 0 4px 9px 0;}
.productItem .placeholder {position: relative; float: left; display: inline; width: 95px; height: 68px; background: url(../img/home/specialOffersPlaceholder.gif) no-repeat; margin: 0 4px 0px 4px; padding: 3px 0 0 5px;}
.productItem .placeholder a {position: absolute; top: 3px; left: 5px; width: 90px; height: 60px; background: url(../img/transBg.gif); z-index: 10;}
.productItem .info {position: relative; float: left; display: inline; width: 186px; height: 65px; padding-top: 2px;}
.productItem .info h2 {width: 100%; background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x bottom left; padding-bottom: 4px; margin-bottom: 10px;}
.productItem .info h2 a {color: #737373; font-size: 10px; font-weight: bold; text-decoration: none; line-height: 10px;}
.productItem .info h2 a:hover {text-decoration: underline;}
.productItem .info .extraPrices {position: absolute; left: 0px; top: 27px;}
.productItem .info .extraPrices p {line-height: 10px;}
.productItem .info .extraPrices p.was {color: #737373; font-size: 10px; font-weight: normal;}
.productItem .info .extraPrices p.save {color: #ff002b; font-size: 10px; font-weight: normal;}
.productItem .info p.msg {color: #ff002b; font-size: 10px; font-weight: normal; text-transform: uppercase; position: absolute; left: 0px; top: 29px;}
.productItem .info p.price {color: #ac0000; font-size: 10px; font-weight: normal; position: absolute; left: 0px; bottom: 3px;}
.productItem .info p.price strong {font-size: 11px;}
.productItem .info p.price a {color: #0d569c; font-size: 10px; text-decoration: underline;}
.productItem .info p.price a:hover {text-decoration: none;}

.specialOffersPanel .productItem {margin: 0 0 9px 0;}

.winterSalePanel {position: relative; float: left; display: inline; width: 298px; background: #fff url(../img/whiteBgTop298.gif) no-repeat top; margin: 0 0px 14px 0px;}
.winterSalePanel .winterSaleBg {position: relative; width: 298px; background: url(../img/whiteBgBottom298.gif) no-repeat bottom;}
.winterSalePanel .header {position: relative; width: 294px; height: 39px; background: url(../img/home/blankHeaderSmall.gif) no-repeat; margin-bottom: 2px;}
.winterSalePanel .header h2 {color: #547587; font-size: 14px; font-weight: bold; text-indent: 19px; padding-top: 8px;}
.winterSalePanel .header a {position: absolute; top: 11px; right: 11px; color: #547587; font-size: 10px; font-weight: normal; padding-left: 13px; background: url(../img/home/arrowbulletBlue.gif) no-repeat 3px 3px; text-decoration: none; width: 38px; height: 13px;}
.winterSalePanel .header a:hover {text-decoration: none; background: #fff url(../img/logoIcon/arrowbulletBlue.gif) no-repeat 3px 3px;}

.winterSalePanel .featuredBg {position: relative; width: 298px; height:324px; /*background: url(../img/home/featuredBg.gif) no-repeat; margin: 0;*/}
.winterSalePanel .featuredBg a {position: absolute; width: 298px; height:324px; top:0; left: 0; display: block; background: url(../img/trans1x1.gif);}
.winterSalePanel .featuredContainer {position: relative; float: right; display: inline; width: 141px; margin-right: 7px; padding-top: 5px;}
.winterSalePanel .featuredContainer .featuredProduct {position: relative; width: 132px; height: 80px; margin-bottom: 2px; padding-left: 7px;}
.winterSalePanel .featuredContainer .featuredProduct h2 {padding: 2px 7px 0 0;}
.winterSalePanel .featuredContainer .featuredProduct h2 a {font-size: 10px; font-weight: bold; text-decoration: none; line-height: 12px; position: relative; color: #fff;}
.winterSalePanel .featuredContainer .featuredProduct h2 a:hover {text-decoration: underline;}
.winterSalePanel .featuredContainer .featuredProduct p {font-size: 10px; font-weight: bold; line-height: 12px; position: absolute; left: 7px; bottom: 22px; color: #fff;}
.winterSalePanel .featuredContainer .featuredProduct p span.value {font-size: 14px;}

.winterSalePanel .productsContainer {position: relative; margin: 0; width: 298px; padding-top: 11px;}
.winterSalePanel .product {position: relative; float: left; display: inline; width: 140px; margin: 0 0 5px 6px;}
.winterSalePanel .product.green h2 a, .winterSalePanel .product.green p {color: #a3c231;}
.winterSalePanel .product.blue h2 a, .winterSalePanel .product.blue p {color: #77a5bf;}

.winterSalePanel .product h2 {margin-bottom: 3px; height: 20px;}
.winterSalePanel .product h2 a {font-size: 10px; font-weight: bold; text-decoration: none; line-height: 10px; position: relative;}
.winterSalePanel .product h2 a:hover {text-decoration: underline;}
.winterSalePanel .product .placeholder {position: relative; float: left; display: inline; width: 55px; height: 39px; padding: 5px 0 0 10px;}
.winterSalePanel .product .prices {position: relative; float: left; display: inline; width: 73px; padding: 0 0 0 2px;}
.winterSalePanel .product .prices p {font-size: 10px; font-weight: normal; line-height: 12px;}

.energySavingBanner {position: relative; width: 614px; height: 140px; margin: 0 auto 10px auto; /*background: url(../img/home/energySavingBanner.gif) no-repeat;*/}
.energySavingBanner a {position: absolute;top:0;left:0; width: 614px; height: 140px;display: block; cursor: pointer; z-index: 10; background: url(../img/trans1x1.gif);}

.newProductsPanel {position: relative; width: 604px; background: #fff url(../img/whiteBgTop604.gif) no-repeat top; margin: 0 0px 14px 10px;}
.newProductsPanel .newProductsBg {position: relative; width: 604px; background: url(../img/whiteBgBottom604.gif) no-repeat bottom;}
.newProductsPanel div.header {position: relative; width: 594px; height: 46px; background: url(../img/home/newProductsHeader.gif) no-repeat;}
.newProductsPanel div.header h2 {color: #011a50; font-size: 14px; font-weight: bold; text-indent: 49px; padding-top: 8px;} 
.newProductsPanel div.header a {position: absolute; top: 11px; right: 11px; color: #be0027; font-size: 10px; font-weight: normal; padding-left: 13px; background: url(../img/home/arrowbulletRed.gif) no-repeat 3px 3px; text-decoration: none; width: 38px; height: 13px;}
.newProductsPanel div.header a:hover {text-decoration: none; background: #fff url(../img/logoIcon/arrowbulletRed.gif) no-repeat 3px 3px;}

.productBox {position: relative; float: left; display: inline; width: 187px; height: 257px; background: url(../img/productBox.gif) no-repeat; margin: 0 0 20px 11px;}
.productBox h2 {width: 174px; height: 25px; background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x bottom left; margin: 0 0 20px 7px; text-align: center; padding-top: 4px;}
.productBox h2 a {color: #be0027; font-size: 10px; font-weight: bold; text-decoration: none; line-height: 10px; position: relative;}
.productBox h2 a:hover {text-decoration: underline;}
.productBox p.msg {position: absolute; top: 31px; left: 7px; color: #137bd0; font-size: 10px; font-weight: normal; text-transform: uppercase; width: 174px; text-align: center;}
.productBox .placeholder {position: relative; width: 150px; height: 100px; margin: 0 auto 6px auto;}

.productBox .logoContainer {position: relative; width: 175px; height: 40px; margin: 0 auto; text-align: center;}
.productBox .logoContainer p {color: #595959; font-size: 9px; font-weight: normal;}

/*** LOGOS ***/
.productBox .logoContainer .logoSpecial {margin: 0 auto; width: 35px; height: 35px; background: url(../img/logoIcon/logoSpecialSmall.png) no-repeat;}
.productBox .logoContainer .logoSale {margin: 0 auto; width: 35px; height: 35px; background: url(../img/logoIcon/logoSaleSmall.png) no-repeat;}
.productBox .logoContainer .logoNew {position: absolute; top: -10px; left: 64px; margin: 0 auto; width: 47px; height: 48px; background: url(../img/logoIcon/logoNewSmall.png) no-repeat;}
.productBox .logoContainer .logoSave {margin: 0 auto; width: 75px; padding: 2px 0 0 48px; height: 23px; background: url(../img/logoIcon/iconSave.png) no-repeat; color: #be0027; font-size: 16px; font-weight: bold; text-transform: uppercase;}
.productBox .logoContainer .logoBogof {margin: 0 auto; width: 55px; height: 25px; background: url(../img/logoIcon/iconBogof.png) no-repeat;}
.productBox .logoContainer .logo3For2 {margin: 0 auto; width: 55px; height: 25px; background: url(../img/logoIcon/icon3For2.png) no-repeat;}
.productBox .logoContainer .logoCheapestFree {margin: 0 auto; width: 152px; height: 25px; background: url(../img/logoIcon/iconCheapestFree.png) no-repeat;}
/***********/

.productBox .priceContainer {position: relative; width: 163px; height: 31px; margin: 0 auto; padding-top: 4px;}
.productBox .priceContainer p {width: 161px; text-align: center; color: #595959; font-size: 10px; font-weight: normal;}
.productBox .priceContainer.contentLeft p {text-align: left;}
.productBox .priceContainer p span.lineThrough {text-decoration: line-through;}
.productBox .priceContainer p span.price {color: #be0027;}
.productBox .priceContainer p span.price strong {font-size: 12px;}
.productBox .priceContainer p span.price a {color: #0d569c; font-size: 10px; text-decoration: underline;}
.productBox .priceContainer p span.price a:hover {text-decoration: none;}

.businessAccountHome {position: relative; width: 614px; height: 208px; /*background: url(../img/home/businessAccountBg.jpg) no-repeat; */margin: 0 auto 5px auto;}
.businessAccountHome h2 {position: absolute; top: 20px; left: 120px; width: 140px; height: 13px; background: url(../img/home/businessAccountHeader.gif) no-repeat;}
.businessAccountHome ul {position: absolute; top: 45px; left: 120px;}
.businessAccountHome ul li {list-style: none; margin: 0; padding-left: 25px; background: url(../img/home/businessAccountTick.gif) no-repeat left 2px; color: #fff; font-size: 11px; font-weight: normal; line-height: 20px;}

/******************************************* PRODUCT PAGE *********************************************/

.productCatHeader {position: relative; color: #137bd0; font-size: 14px; font-weight: normal; background: url(../img/productCatHeaderBg.gif) no-repeat left center; width: 609px; height: 18px; text-indent: 23px; margin: 0 0 5px 5px;}

.productContainer {position: relative; width: 614px; padding-top: 2px;}
.productContainer .containerTop {position: relative; width: 604px; margin: 0 0 0 5px; padding: 0; background: url(../img/product/containerTopBg.gif) repeat-y 263px 0px;}

.productContainer .columnOne {position: relative; float: left; display: inline; width: 264px; margin: 0; padding: 0; /*background: url(../img/logoIcon/dotsVertGrey.gif) repeat-y right;*/}
.productContainer .columnTwo {position: relative; float: left; display: inline; width: 49px; margin: 0; padding-top: 10px; text-align: center;}
.productContainer .columnTwo p {color: #595959; font-size: 9px; font-weight: normal; line-height: 9px;}
.productContainer .columnThree {position: relative; float: left; display: inline; width: 289px; margin: 0; padding-left: 2px; /*background: url(../img/logoIcon/dotsVertGrey.gif) repeat-y left;*/}

.productContainer .mainImage {position: relative; width: 240px; height: 160px; margin: 10px auto 20px auto; z-index:2;}

.productContainer .enlargeImages {position: relative; width: 135px; height: 13px; margin: 0 auto 20px auto;}
.productContainer .enlargeImages p {padding-left: 18px; height: 13px; background: url(../img/product/magnifyIcon.gif) no-repeat left center; color: #137bd0; font-size: 10px; font-weight: normal;}

.productContainer .thumbnail {float: left; display: inline; width: 111px; height: 78px; margin: 0 0 12px 12px; padding: 2px 0 0 4px; background: url(../img/product/thumbPlaceholder.gif) no-repeat;}
.productContainer .thumbnail img.thumbEnlarged {position:absolute; top:10px; left:12px; z-index:1; width:0px; height: 0px;}
.productContainer .thumbnail:hover img.thumbEnlarged  {z-index:3; width: 240px; height: 160px;}

.productContainer .productNameContainer {position: relative; width: 265px; height: 41px; padding: 10px 0 1px 15px; background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x left bottom;}
.productContainer .productNameContainer h1 {color: #be0028; font-size: 11px; font-weight: bold; line-height: 14px;}

.productContainer .brandImgContainer {position: relative; width: 270px; height: 50px; padding: 1px 0 1px 10px; background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x left bottom;}
.productContainer .brandImgContainer .logoContainer {position: absolute; top: 2px; right: 0px; width: 152px; height: 48px; text-align: center;}
.productContainer .brandImgContainer .logoContainer p {color: #595959; font-size: 9px; font-weight: bold;}

/*** LOGOS ***/
.productContainer .brandImgContainer .logoContainer .logoSpecial {margin: 6px auto 0 auto; width: 35px; height: 35px; background: url(../img/logoIcon/logoSpecialSmall.png) no-repeat;}
.productContainer .brandImgContainer .logoContainer .logoSale {margin: 6px auto 0 auto; width: 35px; height: 35px; background: url(../img/logoIcon/logoSaleSmall.png) no-repeat;}
.productContainer .brandImgContainer .logoContainer .logoNew {margin: 0 auto; width: 47px; height: 48px; background: url(../img/logoIcon/logoNewSmall.png) no-repeat;}
.productContainer .brandImgContainer .logoContainer .logoSave {margin: 5px auto 0 auto; width: 75px; padding: 2px 0 0 48px; height: 23px; background: url(../img/logoIcon/iconSave.png) no-repeat; color: #be0027; font-size: 16px; font-weight: bold; text-transform: uppercase;}
.productContainer .brandImgContainer .logoContainer .logoBogof {margin: 10px auto 0 auto; width: 55px; height: 25px; background: url(../img/logoIcon/iconBogof.png) no-repeat;}
.productContainer .brandImgContainer .logoContainer .logo3For2 {margin: 10px auto 0 auto; width: 55px; height: 25px; background: url(../img/logoIcon/icon3For2.png) no-repeat;}
.productContainer .brandImgContainer .logoContainer .logoCheapestFree {margin: 10px auto 0 auto; width: 152px; height: 25px; background: url(../img/logoIcon/iconCheapestFree.png) no-repeat;}
.productContainer .brandImgContainer .logoContainer .logoMarkedItems {margin: 12px auto 0 auto; width: 132px; height: 24px; background: url(../img/logoIcon/logoMarkedItems.gif) no-repeat;}
/***********/

.productContainer .productInfo {position: relative; width: 265px; padding: 0 0 0 15px;}
.productContainer .productInfo .commercialMsg {position: relative; padding: 15px 0 0 0;}
.productContainer .productInfo .commercialMsg p {color: #0d589e; font-size: 10px; font-weight: bold;}
.productContainer .productInfo .productSpec {position: relative; padding: 15px 0 10px 0;}
.productContainer .productInfo .productSpec ul {list-style: none;}
.productContainer .productInfo .productSpec ul li {padding-left: 18px; background: url(../img/product/specBullet.gif) no-repeat left 2px; color: #737373; font-size: 11px; font-weight: normal; line-height: 14px; margin-bottom: 2px;}
.productContainer .productInfo .productPrices {position: relative; padding: 5px 0 0px 0px; width: 265px; margin-bottom: 10px;}
.productContainer .productInfo .productPrices.displayLogo {padding: 5px 0 0px 55px; width: 210px;}
.productContainer .productInfo .productPrices p.price {color: #be0027; font-size: 10px; font-weight: normal; /*width: 150px;*/}
.productContainer .productInfo .productPrices p.price strong {font-size: 16px;}
.productContainer .productInfo .productPrices p.price span.text {color: #595959; font-size: 10px; font-weight: bold;}
.productContainer .productInfo .productPrices p.price a {color: #0d569c; font-size: 10px; text-decoration: underline;}
.productContainer .productInfo .productPrices p.price a:hover {text-decoration: none;}
.productContainer .productInfo .productPrices p.was {color: #595959; font-size: 10px; font-weight: normal;}
.productContainer .productInfo .productPrices p.was span.save {color: #ff002b; margin-left: 5px;}

.productContainer .productOptions {position: relative; width: 265px; padding: 10px 0; background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x left top;}
.productContainer .productOptions fieldset {width: 265px; padding-top: 5px;}
.productContainer .productOptions fieldset .inputField {clear:both; float:left; display:inline; width:265px; padding:0; margin-bottom: 8px;}
.productContainer .productOptions fieldset .inputField label {padding:3px 0 0 0; display:block; float:left; display:inline; width:75px; color: #5b5b5b; font-size:11px; font-weight: normal; text-align: right; margin-right: 10px;}
.productContainer .productOptions fieldset .inputField select {margin: 0px; padding:1px 0; display:block; float:left; display:inline; width:149px; border:1px solid #b9bcbf;}
.productContainer .productOptions fieldset .inputField input {margin-right: 10px; padding:2px 0; display:block; float:left; display:inline; width:32px; border:1px solid #b9bcbf; text-align: center;}
.productContainer .productOptions fieldset .inputField p {padding:3px 0 0 0; display:block; float:left; display:inline; width: 180px;}
.productContainer .productOptions fieldset .inputField p.inStock {color: #56aa3d; font-size: 11px; font-weight: bold;}
.productContainer .productOptions fieldset .inputField p.outStock {color: #be0027; font-size: 11px; font-weight: bold;}
.productContainer .productOptions fieldset .inputField p.delivery {color: #be0027; font-size: 10px; font-weight: normal;}
.productContainer .productOptions fieldset .inputField p.delivery a {color: #be0027; font-size: 10px; text-decoration: underline;}
.productContainer .productOptions fieldset .inputField p.delivery a:hover {text-decoration: none;}
.productContainer .productOptions fieldset .inputField img {float:left; display:inline; margin: 3px 0 0 10px;}

.productContainer .greyBar {position: relative; top: -11px; width: 573px; height: 52px; margin: 0 0 10px 20px; background: url(../img/product/greybar.gif) no-repeat;}
.productContainer .greyBar a.emailColleague {position: absolute; top: 20px; left: 22px; height: 16px; line-height: 14px; padding-left: 25px; background: url(../img/product/iconEmail.gif) no-repeat left center; color: #0d579c; font-size: 10px; font-weight: bold; text-decoration: none;}
.productContainer .greyBar a.printDetails {position: absolute; top: 20px; left: 151px; height: 16px;  line-height: 14px; padding-left: 25px; background: url(../img/product/iconPrint.gif) no-repeat left center; color: #0d579c; font-size: 10px; font-weight: bold; text-decoration: none;}
.productContainer .greyBar a:hover.emailColleague, .productContainer .greyBar a:hover.printDetails {text-decoration: underline;}

.productContainer .deliveryMsg {position: relative; margin: 0; width: 100%; text-align: center; top: -8px;}
.productContainer .deliveryMsg p {color: #be0027; font-size: 11px; font-weight: normal;}
.productContainer .deliveryMsg p span.label {color: #5b5b5b; font-size: 11px; font-weight: normal; margin-right: 10px;}
.productContainer .deliveryMsg p a {color: #be0027; font-size: 11px; text-decoration: underline;}
.productContainer .deliveryMsg p a:hover {text-decoration: none;}

.productContainer .containerBottom {position: relative; width: 614px; padding: 70px 0 20px 0; background: url(../img/product/containerBottomBg.gif) no-repeat left top;}
.productContainer .containerBottom .tabs {position: absolute; top: 9px; left: 13px; height: 43px;}
.productContainer .containerBottom .tabs a {float: left; display: inline; height: 32px; padding-top: 11px; display: block; color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; background-position: top; background-repeat: no-repeat; text-indent: 22px; margin-right: 8px;}
.productContainer .containerBottom .tabs a:hover {color: #0d589e; text-decoration: none; background-position: bottom;}
.productContainer .containerBottom .tabs a.desc {background-image: url(../img/product/tabDesc.gif); width: 104px;}
.productContainer .containerBottom .tabs a.spec {background-image: url(../img/product/tabSpec.gif); width: 113px;}
.productContainer .containerBottom .tabs a.desc.tabOn, .productContainer .containerBottom .tabs a.spec.tabOn {background-position: bottom; color: #0d589e;}

.productContainer .containerBottom .navLinks {position: absolute; top: 23px; left: 250px; height: 13px;}
.productContainer .containerBottom .navLinks ul {position: relative; height: 13px; list-style: none;}
.productContainer .containerBottom .navLinks ul li {background: url(../img/product/navLinksBullet.gif) no-repeat 0px 5px; float: left; display: inline; margin-right: 10px; padding: 0 0 0 7px;}
.productContainer .containerBottom .navLinks ul li a {color: #fff; font-size: 10px; font-weight: bold; text-decoration: none; padding: 0 2px 0 3px; height: 13px; background-color: transparent;}
.productContainer .containerBottom .navLinks ul li a:hover {color: #0d589e; text-decoration: none; background-color: #fff;}

.productContainer .containerBottom .tabContent {position: relative; width: 570px; margin: 0 0 0 23px;}
.productContainer .containerBottom #specification {padding-bottom: 10px;}
.productContainer .containerBottom .tabContent h2.header {color: #595959; font-size: 11px; font-weight: bold; background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x left bottom; padding-bottom: 10px; width: 100%; margin-bottom: 10px;}
.productContainer .containerBottom #specification h2.header {margin-bottom: 20px;}
.productContainer .containerBottom .tabContent h2 {color: #595959; font-size: 11px; font-weight: bold; margin-bottom: 5px;}
.productContainer .containerBottom .tabContent p {color: #595959; font-size: 11px; font-weight: normal; margin-bottom: 10px; line-height: 14px;}

.productContainer .containerBottom .tabContent table {font-size: 11px; line-height: 18px; color: #595959; width: 570px; border: 0; border-collapse: collapse; padding: 0; margin: 0;}
.productContainer .containerBottom .tabContent table th {padding: 2px 0; margin: 0px; width: 130px; text-align: right; vertical-align: top; font-weight: normal;}
.productContainer .containerBottom .tabContent table td {padding: 2px 0 2px 20px; margin: 0px; font-weight: bold;}

/****** PRODUCT ITEMS TABLE ******/

#productItemsTable {position: relative; width: 586px; margin: 0 auto; background: #fff url(../img/product/itemsTable/bg.gif) repeat-x 0px 4px; z-index: 10;}
#productItemsTable .background {background: url(../img/product/itemsTable/borderB.gif) no-repeat left bottom; width: 586px; padding-bottom: 4px;}
#productItemsTable table {color: #595959; width: 586px; border-collapse: collapse; background: url(../img/product/itemsTable/head.gif) no-repeat top left; font-family: Tahoma, Arial, Verdana;}

/*** HEADER ***/
#productItemsTable table th {font-size: 10px; font-weight: bold; height: 27px;}
#productItemsTable table th div.headSep {background: url(../img/product/itemsTable/headSep.gif) no-repeat 0px 4px; height: 27px; line-height: 26px;}
#productItemsTable table th.watts div.headSep {text-indent: 3px;}

/*** GENERAL ***/
#productItemsTable table td {font-size: 11px; font-weight: normal; text-align: center; padding: 3px 0; background: url(../img/product/itemsTable/cellBg.gif) no-repeat left bottom;}
#productItemsTable table td.borderL {background: url(../img/product/itemsTable/borderL.gif) repeat-y left; width: 4px;}
#productItemsTable table td.borderR {background: url(../img/product/itemsTable/borderR.gif) repeat-y right; width: 4px;}
#productItemsTable table td.itemCode {background-position: -2px bottom; width: 55px;}
#productItemsTable table td.itemCode span.iconMarked {width: 13px; height: 12px; background: url(../img/logoIcon/iconMarked.gif) no-repeat; display: block; float: left; margin: 1px 0 0 3px; cursor: pointer;}
#productItemsTable table td.watts {width: 40px;}
#productItemsTable table td.qty {width: 55px;}
#productItemsTable table td.itemStock {width: 60px;}
#productItemsTable table td.unitQtySmall {color: #be0027; font-weight: bold; width: 56px;}
#productItemsTable table td.unitQtyMed {background-position: -2px bottom; color: #be0027; font-weight: bold; width: 56px;}
#productItemsTable table td.unitQtyLarge {background-position: -2px bottom; color: #be0027; font-weight: bold; width: 56px;}
#productItemsTable table td.unitQtyAll {color: #be0027; font-weight: bold;}
#productItemsTable table td input {padding:2px 0; width:32px; border:1px solid #b9bcbf; text-align: center;}

/*** UNIT QTY ROW ***/
#productItemsTable table tr.unitQtyRow td {color: #595959; font-size: 10px; font-weight: bold; height: 25px; padding: 0; background-position: 0px -2px;}
#productItemsTable table tr.unitQtyRow td.borderL {background-position: left;}
#productItemsTable table tr.unitQtyRow td.borderR {background-position: right;}
#productItemsTable table tr.unitQtyRow td.itemCode {background-position: -2px -2px;}
#productItemsTable table tr.unitQtyRow td.unitQtySmall {background: url(../img/product/itemsTable/unitQtyBgL.gif) no-repeat bottom left;}
#productItemsTable table tr.unitQtyRow td.unitQtyMed {background: url(../img/product/itemsTable/unitQtyBgM.gif) repeat-x bottom;}
#productItemsTable table tr.unitQtyRow td.unitQtyLarge {background: url(../img/product/itemsTable/unitQtyBgR.gif) no-repeat bottom right;}
#productItemsTable table tr.unitQtyRow td.unitQtyAll {/*background: url(../img/product/itemsTable/unitQtyBgAll.gif) no-repeat bottom left; width: 90px;*/ color: #595959;}
#productItemsTable table tr.unitQtyRow td.unitQtyAll div {background: url(../img/product/itemsTable/unitQtyBgAll.gif) no-repeat bottom center; width: 90px; height: 19px; padding-top: 6px; margin: 0 auto; display: block;}

/*** BOTTOM ROW ***/
#productItemsTable table tr.bottomRow td {background-position: 0px -2px;}
#productItemsTable table tr.bottomRow td.borderL {background: url(../img/product/itemsTable/borderBL.gif) no-repeat left bottom; width: 4px;}
#productItemsTable table tr.bottomRow td.borderR {background: url(../img/product/itemsTable/borderBR.gif) no-repeat right bottom; width: 4px;}
#productItemsTable table tr.bottomRow td.itemCode {background-position: -2px -2px;}
#productItemsTable table tr.bottomRow td.unitQtyMed, #productItemsTable table tr.bottomRow td.unitQtyLarge {background-position: -2px -2px;}

/*** STOCK LEVELS ***/
#productItemsTable table td.itemStock div#stockIn, #productItemsTable table td.itemStock div.stockIn {cursor: pointer; background: url(../img/product/itemsTable/stockIconIn.png) no-repeat; width: 16px; height: 12px; display: block; margin: 0 auto;}
#productItemsTable table td.itemStock div#stockLow, #productItemsTable table td.itemStock div.stockLow {cursor: pointer; background: url(/common/img/product/itemsTable/stockIconLow.png) no-repeat; width: 32px; height: 16px; text-indent: 18px; line-height: 16px; padding: 0; display: block; margin: 0 auto; color: #5b5b5b; font-size: 10px; font-weight: normal;}
#productItemsTable table td.itemStock div#stockInfo, #productItemsTable table td.itemStock div.stockInfo {cursor: pointer; background: url(../img/product/itemsTable/stockIconInfo.png) no-repeat; width: 14px; height: 14px; display: block; margin: 0 auto;}
#productItemsTable table td.itemStock div#stockInfo a, #productItemsTable table td.itemStock div.stockInfo a {width: 14px; height: 14px; display: block;}

/*** ERRORS ***/
#productItemsTable table tr.errorRow td {color: #ff0000; cursor: pointer;}
#productItemsTable table tr.errorRow td input {color: #ff0000; border: 1px solid #ff0000;}
#productItemsTable table tr.errorRow td.itemStock div#stockLow, #productItemsTable table tr.errorRow td.itemStock div.stockLow {color: #ff0000;} 

/*** ITEM ADDED ***/
#productItemsTable table td p.added {background: url(../img/logoIcon/iconBasket.gif) no-repeat left center; color: #0d589e; font-size: 9px; font-weight: normal; padding: 3px 0 0 18px; width: 27px; text-align: left; margin: 2px auto 3px auto;}

/****** ASSOCIATED PRODUCTS/TRY THESE ******/

#associatedProducts {position: relative; width: 604px; background: #fff url(../img/whiteBgTop604.gif) no-repeat top; margin: 15px 0 15px 10px;}
#associatedProducts .background {position: relative; width: 604px; background: url(../img/whiteBgBottom604.gif) no-repeat bottom; padding-top: 3px;}

#tryThese {position: relative; width: 604px; margin: 0;}
#tryThese .headerBarBlue, #associatedProducts .headerBarBlue {/*margin-bottom: 15px;*/}


/****** ALSO BOUGHT ******/

#alsoBought {position: relative; width: 604px; background: #fff url(../img/whiteBgTop604.gif) no-repeat top; margin: 15px 0 15px 10px;}
#alsoBought .background {position: relative; width: 604px; background: url(../img/whiteBgBottom604.gif) no-repeat bottom; padding-top: 3px;}

#alsoBought .productBox {margin-bottom: 10px;}
#alsoBought .productBox h2 a {color: #737373;}


/******************************************* CATEGORY PAGE *********************************************/

.catBox {position: relative; width: 582px; height: 150px; margin: 0 auto 5px auto; background: url(../img/category/catBox.gif) no-repeat;}
.catBox .placeholder {position: relative; float: left; display: inline; width: 250px; height: 110px; margin: 8px 12px 0 15px;}
.catBox .content {position: relative; float: left; display: inline; width: 298px; height: 137px; margin: 0; padding-top: 7px;}
.catBox .content h2 {margin-bottom: 10px; padding-bottom: 10px; background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x left bottom;}
.catBox .content h2 a {color: #be0027; font-size: 11px; font-weight: bold; text-decoration: none;}
.catBox .content h2 a:hover {text-decoration: underline;}
.catBox .content p.description {color: #737373; font-size: 11px; font-weight: normal; line-height: 14px;}
.catBox .content p.price {color: #be0027; font-size: 11px; font-weight: normal; position: absolute; top: 90px; left: 0px;}
.catBox .content p.price strong {font-size: 14px;}
.catBox .content p.price span.vat {font-size: 10px;}
.catBox .content h3 {color: #137bd0; font-size: 10px; font-weight: normal; position: absolute; bottom: 7px; left: 0px; text-transform: uppercase;}

.pageDescription {position:relative; width:584px; margin:0 auto; padding-top:25px;}
.pageDescription.noPad {padding:0;}
.pageDescription h1, .pageDescription h2.header {margin-bottom:8px; padding-bottom:8px; color: #737373; font-size: 14px; font-weight: bold; background: url(../img/logoIcon/dotsHorizDarkGrey.gif) repeat-x left bottom;}
.pageDescription h2 {margin-bottom:10px; color: #737373; font-size: 11px; font-weight: bold;}
.pageDescription p {margin-bottom:10px; color: #737373; font-size: 11px; font-weight: normal; line-height: 14px;}
.pageDescription ul {list-style: none; margin: 0 10px 10px 10px;}
.pageDescription ul li {position: relative; padding-left: 18px; background: url(../img/product/specBullet.gif) no-repeat left 2px; color: #737373; font-size: 11px; font-weight: normal; line-height: 14px; margin-bottom: 3px;}

/****** FEATURED DEALS AND OFFERS ******/

#featuredDeals {position: relative; width: 604px; margin: 0; padding-top: 20px;}
#featuredDeals .background {position: relative; width: 604px;}
#featuredDeals .background.sale50 {background: url(../img/home/saleImg50.gif) no-repeat 45px 0px;}
#featuredDeals .background .content {float: right; display: inline; width: 302px; margin-right: 45px;}
#featuredDeals .background .content.fullWidth {width: 604px; margin-right: 0;}

#featuredDeals .headerBarBlue {margin-bottom: 15px;}

/******************************************* SUBCATEGORY PAGE *********************************************/

.universalContainer .containerTop {position: relative; width: 604px; margin-bottom: 20px; padding-bottom: 6px; background: url(../img/subcategory/paginationTopBg.gif) no-repeat left bottom;}

.universalContainer .containerTop fieldset {position: relative; width: 574px; margin: 0 0 0 15px; padding: 5px 0 10px 0;}
.universalContainer .containerTop h2.filterByHeader {float: left; display: inline; display: block; width: 50px; height: 14px; margin-bottom: 5px; background: url(../img/subcategory/filterByHeader.gif) no-repeat;}
.universalContainer .containerTop h2.sortByHeader {position: relative; float: right; display: inline; display: block; width: 46px; height: 14px; right: 74px; margin: 0px; background: url(../img/subcategory/sortByHeader.gif) no-repeat;}
.universalContainer .containerTop h2.sortByHeader.position2 {margin-top: 11px;}

.universalContainer .containerTop .filterItems {position: relative; width: 574px; height: 30px; margin: 0; padding: 0; clear: both;}
.universalContainer .containerTop .filterItems select {width: 120px; margin: 0 7px 0 0; padding: 1px 0; border: 1px solid #a4a4a4; color: #737373; font-size: 11px; font-weight: normal; float: left; display: inline;}
.universalContainer .containerTop .filterItems select.sortBy {margin: 0; background-color: #d9dde5; float: right;}
.universalContainer .containerTop .filterItems input {width: 114px; margin: 0 7px 0 0; padding: 2px 0 2px 4px; border: 1px solid #a4a4a4; color: #737373; font-size: 11px; font-weight: normal; float: left; display: inline;}

.paginationTop {position:relative; width: 604px; height:26px; margin: 0;}
.paginationBar {position:relative; text-align:center; width: 604px; height:20px; margin: 0px; padding-top: 6px;}
.paginationBarContainer {margin-left: 96px;}
.paginationBarContainer .previousContainer {float:left; display: inline; width: 92px; height: 18px; padding-top: 1px; background: url(../img/subcategory/paginationBarSep.gif) no-repeat right 0px;}
.paginationBarContainer .nextContainer {float:left; display: inline; width: 64px; height: 18px; padding: 1px 0 0 8px; background: url(../img/subcategory/paginationBarSep.gif) no-repeat left 0px;}
.paginationBarContainer .pageNoContainer {float:left; display: inline; margin:0 6px; width: 215px; height: 18px; padding-top: 1px;}
.paginationBarContainer .pageNoContainer a {float: none;}

.paginationBarContainer p, .paginationBarContainer a {float:left; display: inline; font-size: 10px;}
.paginationBarContainer a.startIcon {padding-right:2px; margin:3px 11px 0 0; background: url(../img/subcategory/startIcon.gif) no-repeat top; width: 11px; height: 7px;}
.paginationBarContainer a:hover.startIcon {background: url(../img/subcategory/startIcon.gif) no-repeat bottom;}
.paginationBarContainer a.endIcon {padding-right:2px; margin:3px 0 0 11px; background: url(../img/subcategory/endIcon.gif) no-repeat top; width: 11px; height: 7px;}
.paginationBarContainer a:hover.endIcon {background: url(../img/subcategory/endIcon.gif) no-repeat bottom;}
.paginationBarContainer a.nextIcon {padding-right:2px; margin:3px 0 0 0; background: url(../img/subcategory/nextIcon.gif) no-repeat top; width: 6px; height: 7px;}
.paginationBarContainer a:hover.nextIcon {background: url(../img/subcategory/nextIcon.gif) no-repeat bottom;}
.paginationBarContainer a.previousIcon {padding-right:2px; margin:3px 0 0 0; background: url(../img/subcategory/previousIcon.gif) no-repeat top; width: 6px; height: 7px;}
.paginationBarContainer a:hover.previousIcon {background: url(../img/subcategory/previousIcon.gif) no-repeat bottom;}
.paginationBarContainer a {text-decoration:none; color:#155281; font-weight: bold; padding-right:2px;}
.paginationBarContainer a:hover {text-decoration:underline;}
.paginationBarContainer a.navOn {text-decoration:underline;}
.paginationBarContainer .pageNo {float: left; display: inline; margin:0; width:82px; text-align: center; font-size: 10px;}
.paginationBarContainer .pageNo span.dots {margin:0px; color:#155281; font-weight: bold;}
.paginationBarContainer .next {margin:0 6px 0 0px;}
.paginationBarContainer .previous {margin:0 0 0 9px;}
.paginationBarContainer .viewAll {width:90px; position:absolute; top: 0px; right: 13px; margin: 0; padding: 0; text-align: right;}
.paginationBarContainer .viewAll p {padding: 7px 0 0 8px; margin: 0; float: right; display: inline; background: url(../img/subcategory/paginationBarSep.gif) no-repeat left 6px;}
.paginationBarContainer .viewAll p a {font-weight: bold; text-decoration: none; padding: 0 0 0 11px; background: url(../img/subcategory/nextIcon.gif) no-repeat left center;}
.paginationBarContainer .viewAll p a:hover {text-decoration: underline;}

.paginationBottom {position:relative; width: 604px; height:51px; padding-top: 4px; background: url(../img/subcategory/paginationBottomBg.gif) no-repeat;}
.paginationBottom .paginationBarContainer .previousContainer {background: url(../img/subcategory/paginationBarSepReverse.gif) no-repeat right 0px;}
.paginationBottom .paginationBarContainer .nextContainer {background: url(../img/subcategory/paginationBarSepReverse.gif) no-repeat left 0px;}
.paginationBottom .paginationBarContainer .viewAll p {background: url(../img/subcategory/paginationBarSepReverse.gif) no-repeat left 6px;}

/******************************************* SEARCH PAGE *********************************************/

.universalContainer .containerTop h2.searchByHeader {float: left; display: inline; display: block; width: 63px; height: 14px; margin-bottom: 5px; background: url(../img/search/searchByHeader.gif) no-repeat;}

.universalContainer .containerTop .clearSearch {float: left; display: inline; background:  url(../img/search/clearSearch.gif) no-repeat left 0px; padding-left: 18px; margin: 2px 0 0 71px;}
.universalContainer .containerTop .clearSearch a {color:#be0027; font-size: 11px; font-weight: bold; text-decoration: none;}
.universalContainer .containerTop .clearSearch a:hover {text-decoration: underline;}

.noSearchResults {position: relative; width: 604px; height: 140px; margin: 0; padding-top: 30px; text-align: center;} 
.noSearchResults h2 {display: block; background: url(../img/search/sorryHeader.gif) no-repeat; width: 140px; height: 49px; margin: 0 auto 20px auto;} 
.noSearchResults p {margin: 0; color: #666; font-size: 11px; font-weight: normal;} 

/******************************************* BRANDS PAGE *********************************************/

.universalContainer .containerTop.brands {margin-bottom: 10px;}

.brandsBox {position: relative; float: left; display: inline; width: 187px; height: 200px; padding-top: 20px; background: url(../img/brands/brandsBox.gif) no-repeat; margin: 0 0 10px 11px;}
.brandsBox .placeholder {position: relative; width: 160px; height: 70px; margin: 0 auto 10px auto;}
.brandsBox h2 {width: 177px; background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x bottom left; margin: 0 0 5px 5px; text-align: center; padding-bottom: 6px;}
.brandsBox h2 a {color: #be0027; font-size: 11px; font-weight: bold; text-decoration: none;}
.brandsBox h2 a:hover {text-decoration: underline;}
.brandsBox p {color: #737373; font-size: 10px; font-weight: normal; width: 177px; margin: 0 0 0 5px; text-align: center;}

.brandDescriptionBox {position: relative; width: 582px; height: 150px; background: url(../img/brands/brandDescriptionBox.gif) no-repeat; margin: 0 auto 15px auto;}
.brandDescriptionBox .content {position: relative; float: right; display: inline; width: 296px; height: 115px; margin: 0 10px 0 0; padding-top: 4px;}
.brandDescriptionBox .content h2.brandName {margin: 0 0 10px 0; padding-bottom: 10px; background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x bottom left; color: #be0027; font-size: 11px; font-weight: bold;}
.brandDescriptionBox .content p {color: #737373; font-size: 11px; font-weight: normal; margin: 0; line-height: 14px;}
.brandDescriptionBox .placeholder {position: relative; float: left; display: inline; width: 160px; height: 70px; margin: 20px 0 0 60px;}

.universalContainer .containerTop.brandProducts fieldset {position: relative; width: 296px; margin: 0; padding: 30px 0 0 0;}
.brandDescriptionBox .content h2.chooseCatHeader {float: left; display: inline; display: block; width: 115px; height: 14px; margin-bottom: 5px; background: url(../img/brands/chooseCatHeader.gif) no-repeat;}
.brandDescriptionBox .content h2.sortByHeader {position: relative; float: right; display: inline; display: block; width: 46px; height: 14px; right: 84px; margin: 0; background: url(../img/subcategory/sortByHeader.gif) no-repeat;}
.universalContainer .containerTop.brandProducts .filterItems {width: 296px;}
.universalContainer .containerTop.brandProducts .filterItems select {width: 151px; margin: 0;}
.universalContainer .containerTop.brandProducts .filterItems select.sortBy {width: 120px; margin-right: 10px;}

.brandRangeBox {position: relative; float: left; display: inline; width: 187px; height: 182px; padding-top: 1px; background: url(../img/brands/brandRangeBox.gif) no-repeat; margin: 0 0 10px 11px;}
.brandRangeBox .placeholder {position: relative; width: 175px; height: 98px; padding-top: 4px; margin: 0 auto 6px auto; text-align: center;}
.brandRangeBox h2 {width: 173px; background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x top left; margin-left: 5px; text-align: center; padding: 4px 2px 0 2px;}
.brandRangeBox h2 a {color: #be0027; font-size: 11px; font-weight: bold; text-decoration: none;}
.brandRangeBox h2 a:hover {text-decoration: underline;}

/******************************************* BASKET PAGE *********************************************/

#mainContent .orderByCatalogue {position: relative; width: 604px; /*height: 40px;*/ margin: 0; padding: 10px 0;}
#mainContent .orderByCatalogue .catalogueItems {position: relative; width: 541px; height: 30px; clear: both; padding-left: 63px;}
#mainContent .orderByCatalogue .catalogueItems label {margin: 0 5px 0 0; padding-top: 3px; color: #9d0020; font-size: 11px; font-weight: bold; float: left; display: inline;}
#mainContent .orderByCatalogue .catalogueItems input {width: 94px; margin: 0 20px 0 0; padding: 2px 0 2px 4px; border: 1px solid #a4a4a4; color: #5b5b5b; font-size: 11px; font-weight: normal; float: left; display: inline;}
#mainContent .orderByCatalogue .catalogueItems input.quantity {width: 44px}

#mainContent .orderByCatalogue .errorMsg {position: relative; top: 0px; clear: both; background: url(../img/logoIcon/errorIconTrans.gif) no-repeat left top; color:#cd0404; font-weight: normal; margin-left: 63px; /*height: 16px;*/ line-height: 15px; text-indent: 20px; padding: 0;}

#basket {position: relative; width: 586px; margin: 0 auto;}
#basket table {color: #737373; width: 586px; border-collapse: collapse; background: url(../img/basket/headBg.gif) no-repeat top left; font-family: Tahoma, Arial, Verdana;}
#basket a, #basket a:link, #basket a:active, #basket a:visited {text-decoration: none; font-family: Tahoma, Arial, Verdana;}

/*** HEADER ***/
#basket table th {font-size: 10px; font-weight: bold; height: 29px; color: #fff;}
#basket table th div.headSep {background: url(../img/basket/headSep.gif) no-repeat 0px 4px; height: 29px; line-height: 28px;}

/*** GENERAL ***/
#basket table td {font-size: 11px; font-weight: normal; text-align: center; padding: 3px 0; background: url(../img/basket/cellBgReverse.gif) no-repeat left top;}
#basket table td.borderL {background: url(../img/basket/borderL.gif) repeat-y left; width: 4px;}
#basket table td.borderR {background: url(../img/basket/borderR.gif) repeat-y right; width: 4px;}
#basket table td.qty {width: 55px; background-position: -3px top;}
#basket table td.qty input {padding:2px 0; width:32px; border:1px solid #b9bcbf; text-align: center;}
#basket table td.code {width: 60px;}
#basket table td.image {text-align: left; width: 61px; padding: 7px 0 5px 0;}
#basket table td.image .placeholder {position: relative; width: 50px; height: 37px; margin: 0 auto; padding: 3px 0 0 5px; background: url(../img/rightColumn/topFivePlaceholder.gif) no-repeat;}
#basket table td.description {width: 210px; text-align: left; padding-right: 10px; background-position: -3px top;}
#basket table td.description a {color: #737373;}
#basket table td.description a:hover {text-decoration: underline;}
#basket table td.unitPrice {width: 72px;}
#basket table td.totalPrice {width: 75px; color: #be0027; font-weight: bold;}
#basket table td.delete {width: 35px;}

#basket table tr.topRow td {background-position: left -3px;}
#basket table tr.topRow td.qty, #basket table tr.topRow td.description {background-position: -3px -3px;}

/*** UPSELL ***/
#basket table tr.upsell td {height: 36px; background: #fff url(../img/basket/upsellBg.gif) repeat-x left bottom; padding: 0;}
#basket table tr.upsell td.borderL {background: url(../img/basket/borderL.gif) repeat-y left; width: 4px;}
#basket table tr.upsell td.borderR {background: url(../img/basket/borderR.gif) repeat-y right; width: 4px;}
#basket table tr.upsell td.arrow {text-align: left;}
#basket table tr.upsell td.arrow div.upsellArrow {background: url(../img/basket/upsellArrow.png) no-repeat; width: 19px; height: 36px; position: relative; top: -12px; left: 26px;}
#basket table tr.upsell td.description {padding: 0 0 0 10px; color: #be0027; width: 343px;}
#basket table tr.upsell td.buttons {text-align: left;}
#basket table tr.upsell td.buttons div {float: left; display: inline; margin: 0;}

#basket table tr.upsell td div.logoSave {background: url(../img/logoIcon/iconSave.png) no-repeat; width: 45px; height: 25px; margin: 0 auto;}
#basket table tr.upsell td div.logoBogof {background: url(../img/logoIcon/iconBogof.png) no-repeat; width: 55px; height: 25px; margin: 0 auto;}
#basket table tr.upsell td div.logo3For2 {background: url(../img/logoIcon/icon3For2.png) no-repeat; width: 55px; height: 25px; margin: 0 auto;}

#basket table tr.upsell td div.iconInfo {background: url(../img/logoIcon/iconInfo.png) no-repeat; width: 14px; height: 14px; margin: 4px 0 0 4px; display: block; cursor: pointer;}

/*** TOTALS TABLE ***/
#basket table.totals {color: #737373; width: 586px; border-collapse: collapse; background: url(../img/basket/footBg.gif) no-repeat bottom left;}
#basket table.totals td {font-size: 11px; font-weight: normal; background: url(../img/basket/cellBgReverse.gif) no-repeat left top; padding: 0;}
#basket table.totals td.message {font-size: 11px; font-weight: normal; background-position: -3px top; text-align: left; width: 256px; color: #be0027}
#basket table.totals td.message strong {color: #737373; font-size: 10px;}
#basket table.totals td.message .charges {background: url(../img/basket/standardDeliveryIcon.gif) no-repeat left top; padding-left: 35px; margin-left: 25px; line-height: 14px;}
#basket table.totals td.text {width: 195px; text-align: right; height: 27px; padding: 0 17px 0 0;}
#basket table.totals td.value {width: 110px; text-align: left; height: 27px; text-indent: 15px;}
#basket table.totals td.borderL, #basket table.totals td.borderR {background: none; width: 4px;}
#basket table.totals tr.total td {font-size: 14px; font-weight: bold; color: #be0027; height: 35px;}

#basket table.totals tr.footer td {background: none; height: 4px;}

/*** EMPTY BASKET ***/
#basket .emptyBasket {background: url(../img/basket/emptyBasketBg.gif) no-repeat; position: relative; width: 586px; height: 35px; padding-top: 15px; margin-bottom: 35px; text-align: center; font-weight: bolder; color: #737373;}

/*** ERRORS ***/
#basket table tr.errorRow td {color: #ff0000;}
#basket table tr.errorRow td input {color: #ff0000; border: 1px solid #ff0000;}


.basketButtons {position: relative; width: 586px; height: 44px; background: url(../img/basket/buttonsBg.gif) no-repeat; margin: 0 auto 30px auto;}

.basketThawte {position: relative; width: 416px; height: 60px; margin: 0 auto 25px auto;}

/************************************************** NEWS PAGES *******************************************************/

.newsContainer {position: relative; width: 580px; margin: 0 auto; padding: 5px 0;}

/*
.newsContainer .newsOverview {position: relative; width: 536px; margin: 0 0 0 25px; padding-bottom: 5px;}
.newsContainer .newsOverview p {color: #667379; font-size: 11px; font-weight: normal; margin: 0 0 16px 0; line-height: 16px;}
.newsContainer .newsOverview h2 {color: #667379; font-size: 11px; font-weight: bold; margin: 0 0 7px 0;}
*/

.newsContainer .newsBox {position: relative; width: 580px; margin-bottom: 10px; background: url(../img/news/boxBg.png) repeat-y left;}
#mainContent .newsContainer .newsBox .top {position: relative; width: 580px; background: url(../img/news/boxTop.png) no-repeat top left;}
#mainContent .newsContainer .newsBox .bottom {position: relative; width: 546px; background: url(../img/news/boxBottom.png) no-repeat bottom left; padding: 0 17px 10px 17px;}

.newsContainer .newsBox .placeholder {position: relative; float: left; display: inline; width: 150px; height: 100px; margin: 14px 22px 0 0; z-index: 10;}
.newsContainer .newsBox .content {position: relative; height: 126px;}
.newsContainer .newsBox h1 {margin-bottom: 12px; height: 26px; padding: 13px 105px 0 0; color: #be0027; font-size: 11px; font-weight: bold;}
.newsContainer .newsBox h2.articleHeader {margin-bottom: 12px; height: 26px; padding: 13px 105px 0 0;}
.newsContainer .newsBox h2.articleHeader a {color: #be0027; font-size: 11px; font-weight: bold; text-decoration: none;}
.newsContainer .newsBox h2.articleHeader a:hover {text-decoration: underline;}
.newsContainer .newsBox h2 {color: #737373; font-size: 11px; font-weight: bold; margin-bottom: 5px; padding: 0;}
.newsContainer .newsBox p.date {color: #be0027; font-size: 11px; font-weight: normal; margin-bottom: 5px;}
.newsContainer .newsBox p {color: #737373; font-size: 11px; font-weight: normal; margin-bottom: 10px; line-height: 14px;}

/************************************************** BULB FINDER PAGES *******************************************************/

.bulbFinderContainer {position: relative; width: 604px; margin: 0;}
.bulbFinderContainer .overview {position: relative; width: 568px; margin: 0 auto 10px auto;}
.bulbFinderContainer .overview p {color: #737373; font-size: 11px; font-weight: normal; line-height: 14px;}

.bulbFinderContainer .progressBar {position: relative; width: 578px; height: 105px; margin: 0 auto 15px auto; padding-top: 3px; background: url(../img/bulbFinder/progressBar.png) no-repeat;}
.bulbFinderContainer .progressBar ul {position: relative; width: 572px; height: 102px; margin-left: 3px;}
.bulbFinderContainer .progressBar ul li {width: 170px; height: 97px; float: left; display: inline; list-style: none; padding: 5px 0 0 31px; background: url(../img/bulbFinder/progressArrow.png) no-repeat top left; text-align: center;}
.bulbFinderContainer .progressBar ul li.first {padding-left: 0px; background: none;}
.bulbFinderContainer .progressBar ul li p {color: #737373; font-size: 10px; font-weight: bold; padding-top: 5px;}
.bulbFinderContainer .progressBar ul li a, .bulbFinderContainer .progressBar ul li a p {color: #737373; font-size: 10px; font-weight: bold; text-decoration: none;}
.bulbFinderContainer .progressBar ul li a:hover, .bulbFinderContainer .progressBar ul li a:hover p {text-decoration: underline;}

.bulbFilter {position: relative; width: 604px; margin-bottom: 0px;}
.bulbFilter .placeholder {position: relative; float: left; display: inline; width: 187px; height: 126px; margin: 0 17px 0 12px; padding-top: 20px; background: url(../img/bulbFinder/bulbFilterBox.png) no-repeat; text-align: center;}
.bulbFilter .content {position: relative; float: left; display: inline; width: 378px; padding-top: 2px;}
.bulbFilter .content h2 {background: url(../img/logoIcon/dotsHorizDarkGrey.gif) repeat-x bottom left; margin-bottom: 12px; padding-bottom: 8px; color: #be0027; font-size: 14px; font-weight: bold; width: 372px;}
.bulbFilter .content fieldset {position: relative; /*width: 378px;*/ padding: 0;}
.bulbFilter .content h3 {float: left; display: inline; display: block; width: 50px; height: 14px; margin-bottom: 5px; background: url(../img/subcategory/filterByHeader.gif) no-repeat;}
.bulbFilter .content .filterItems {position: relative; /*width: 378px;*/ height: 30px; margin: 0; padding: 0; clear: both;}
.bulbFilter .content .filterItems select {width: 117px; margin: 0 7px 0 0; padding: 1px 0; border: 1px solid #a4a4a4; color: #737373; font-size: 11px; font-weight: normal; float: left; display: inline;}

.bulbFinderResults {position: relative; width: 604px;}
.bulbFinderResults .sortBy {position: relative; width: 572px; margin: 0 auto; background: url(../img/logoIcon/dotsHorizDarkGrey.gif) repeat-x left 29px;}
.bulbFinderResults .sortBy .filterItems {position: relative; width: 124px; margin: 0; height: 63px; clear: both; float: right; display: inline; background-color: #fff;}
.bulbFinderResults .sortBy .filterItems h3 {display: block; width: 46px; height: 14px; margin: 0 0 5px 7px; background: url(../img/subcategory/sortByHeader.gif) no-repeat;}
.bulbFinderResults .sortBy .filterItems select {width: 117px; margin-left: 7px; padding: 1px 0; border: 1px solid #a4a4a4; color: #737373; font-size: 11px; font-weight: normal; background-color: #d9dde5;}

.bulbFinderBox {position: relative; float: left; display: inline; width: 187px; height: 172px; padding-top: 1px; background: url(../img/bulbFinder/bulbFinderBox.png) no-repeat; margin: 0 0 10px 11px;}
.bulbFinderBox .placeholder {position: relative; width: 175px; height: 85px; padding-top: 15px; margin: 0 auto 6px auto; text-align: center;}
.bulbFinderBox h2 {width: 173px; background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x top left; margin: 0 0 0 5px; text-align: center; padding: 4px 2px 0 2px;}
.bulbFinderBox h2 a {color: #be0027; font-size: 11px; font-weight: bold; text-decoration: none; line-height: 14px;}
.bulbFinderBox h2 a:hover {text-decoration: underline;}

/************************************************** SITEMAP PAGE *******************************************************/

.sitemapContent {position: relative; width: 572px; margin: 0; padding: 16px 16px 0 16px;}

.sitemapContent .columnOne {float: left; display: inline; width: 286px; margin: 0;}
.sitemapContent .columnTwo {float: left; display: inline; width: 286px; margin: 0;}

.sitemapContent h2 {background: url(../img/logoIcon/sitemapHeaderBullet.gif) no-repeat left center; padding: 2px 0 0 20px; height: 16px;}
.sitemapContent h2 a {text-decoration: none; color: #011a50; font-size: 11px; font-weight: bold;}
.sitemapContent h2 a:hover {text-decoration: underline;}

.sitemapContent ul {list-style:none; margin: 0 0 20px 20px; padding:0; /*width: 552px;*/}
.sitemapContent ul li {position: relative; list-style:none; margin: 0; line-height: 19px; background: url(../img/logoIcon/arrowbulletDarkBlue.gif) no-repeat left 6px; /*width: 540px;*/ padding-left: 12px;}
.sitemapContent ul li a {text-decoration:none; color: #011a50; font-size: 11px; font-weight: bold; position: relative;}
.sitemapContent ul li a:hover {text-decoration: underline; }

.sitemapContent ul li ul {margin: 0 0 10px 0px; /*width: 540px;*/} 
.sitemapContent ul li ul li {/*width: 528px;*/ background: none; padding: 0;}
.sitemapContent ul li ul li a {font-weight: normal;}

.sitemapContent ul li ul li ul {margin: 0 0 0 12px; /*width: 516px;*/} 
.sitemapContent ul li ul li ul li {/*width: 516px;*/}
.sitemapContent ul li ul li ul li a {font-size: 10px;}

/************************************************** ERROR PAGES *******************************************************/

.error404Content {position: relative; width: 604px; height: 260px; margin: 0; padding-top: 20px;}
.error404Content h2 {color: #be0027; font-size: 14px; font-weight: bold; margin: 0 0 30px 0; text-align: center;}
.error404Content p {margin: 0 0 5px 40px; padding:0px; color: #011a50; font-size: 11px; font-weight: bold;}
.error404Content ul {margin: 0 0 30px 40px; padding:0; list-style:none; list-style-position: outside; width: 524px; color: #011a50; font-size: 11px; font-weight: normal;}
.error404Content ul li {line-height:16px; padding-left:15px; background: url(../img/logoIcon/errorBullet.gif) no-repeat left 6px; margin-bottom: 7px;}
.error404Content a {color: #011a50; font-size: 11px; font-weight: normal; text-decoration: underline;}
.error404Content a:hover {text-decoration: none;}

.error500Content {position: relative; width: 604px; height: 135px; margin: 0; padding-top: 35px; text-align: center;}
.error500Content h2 {color: #be0027; font-size: 14px; font-weight: bold; margin: 0 0 30px 0;}
.error500Content P {color: #011a50; font-size: 11px; font-weight: bold;}

/********************************************* CATALOGUE REQUEST PAGE *************************************************/

.catRequestBox {position: relative; width: 579px; margin: 0 auto;}
.catRequestBox.old {margin-bottom: 10px;}

.catRequestBox .headerBar {background: url(../img/catalogue/headerBar.png) no-repeat; position: relative; width: 579px; height: 25px; padding-top: 4px;}
.catRequestBox .headerBar h2 {position: relative; height: 22px; display: block; margin-left: 18px;}
.catRequestBox .headerBar h2.regUsers {width: 102px; background: url(../img/catalogue/regUsersHeader.gif) no-repeat;}
.catRequestBox .headerBar h2.newUsers {width: 64px; background: url(../img/catalogue/newUsersHeader.gif) no-repeat;}
.catRequestBox .headerBar h2.addressDetails {width: 93px; background: url(../img/account/addressDetailsHeader.gif) no-repeat;}

.catRequestBox .boxBg {position: relative; width: 579px; background: url(../img/catalogue/boxBg.png) repeat-y left top;}
.catRequestBox .boxBottom {position: relative; width: 579px; background: url(../img/catalogue/boxBottom.png) no-repeat left bottom; padding: 0;}

.catRequestBox .content {position: relative; width: 571px; margin: 0 auto; padding: 15px 0;}
.catRequestBox .content legend {display: none;}
.catRequestBox .content p {margin: 0 20px 10px 20px; color:#737373; font-size:11px; line-height:14px; font-weight: normal;}
.catRequestBox .content p.required {margin: 0 0 15px 20px; font-size:11px; color:#d9442c; font-weight: normal;}
.catRequestBox .content p.helpText {position:absolute; left:385px; top:4px; font-size: 10px; margin: 0;}
.catRequestBox .content p.forgotPass {margin: 0 0 0 195px; padding: 0; width: 130px; clear: both;}
.catRequestBox .content p.forgotPass a {color:#737373; font-size: 9px; font-weight: normal; text-decoration: none;}
.catRequestBox .content p.forgotPass a:hover {text-decoration: underline;}
.catRequestBox .content h2 {position: relative; clear: both; height: 19px; display: block; margin: 0 0 10px 20px;}
.catRequestBox .content h2.address {width: 70px; background: url(../img/catalogue/addressHeader.png) no-repeat;}
.catRequestBox .content h2.contactDetails {width: 124px; background: url(../img/catalogue/contactDetailsHeader.png) no-repeat;}
.catRequestBox .content h2.specialOffers {width: 115px; background: url(../img/catalogue/specialOffersHeader.png) no-repeat;}
.catRequestBox .content h2.thankYou {width: 108px; height: 23px; background: url(../img/customerServices/thankYouHeader.png) no-repeat; margin: 0 auto 10px auto;}

.catRequestBox .content div.dots {background: url(../img/catalogue/dots.gif) no-repeat left 14px; padding: 0; width: 551px; height: 35px; margin: 0 auto; clear: both;}

.catRequestBox.old label {clear:both; float:left; display:block; position:relative; font-size:11px; color:#667379; font-weight: bold; text-align:right; width:180px; padding-top: 3px;}
.catRequestBox.old .loginField {float:left; display:block; margin-bottom: 6px; padding-left: 15px;}
.catRequestBox.old .loginField input {width:202px; position: relative; padding: 2px 0 2px 4px; border:1px solid #b2b6bc; color: #6580ad; font-weight: normal; margin: 0;}
.catRequestBox.old .loginField input.membersEmail {margin-bottom: 5px;}
.catRequestBox.old span.requiredField {background: url(../img/logoIcon/errorIconTrans.gif) no-repeat; color: #ff0000; font-weight: normal; margin: 0; position: absolute; top: 3px; right: -355px; text-indent: 20px;}
.catRequestBox.old .fieldError {font-size:11px; background: none;}

.catRequestBox .checkAccountField {clear:both; float:left; display:inline; position:relative; width:571px; padding:3px 0; margin:0 0 4px 0; font-size:11px; line-height:19px;}
.catRequestBox .checkAccountField label {display:block; float:left; display:inline; font-size:11px; color:#667379; font-weight: bold; text-align:right; width:180px; padding:1px 0 0 0}
.catRequestBox .checkAccountField label em {color:#ff0000; font-style: normal;}
.catRequestBox .checkAccountField input {display:block; float:left; display:inline; width:200px; margin:0 0px 0 15px; border:1px solid #b2b6bc; padding:2px 2px 2px 4px; color:#6580ad;}
.catRequestBox .checkAccountField select {display:block; float:left; display:inline; width:208px; margin:0 0 0 15px; border:1px solid #b2b6bc; padding:2px 2px 2px 0; color:#6580ad;}
.catRequestBox .checkAccountField select.title {width:83px;}

.catRequestBox .existingOn {margin:0 0 0 25px; padding: 0;}
.catRequestBox .existingOn label {color:#137bd0; font-weight: bold; padding-left: 10px;}
.catRequestBox .existingOn select {display:block; width:500px; margin: 5px 0 0 6px; border:1px solid #b2b6bc; padding:2px 2px 2px 0; color:#6580ad;}
.catRequestBox .existingOff {margin:0 0 0 25px; padding: 0;}
.catRequestBox .existingOff label {color:#737373; font-weight: bold; padding-left: 10px; }

.catRequestBox .fieldError {background: #ffe5e5; font-size:11px; }
.catRequestBox .fieldError input, .fieldError select {border:1px solid #ff0000 ! important; background-color: #fff;}
.catRequestBox .fieldError label, .fieldError label em {color: #ff0000;}
.catRequestBox .errorMsg {position:absolute; left:411px; top:4px; padding:0 0 0 20px; color:#ff0000; font-weight: normal; background: url(../img/logoIcon/errorIconTrans.gif) no-repeat left 2px;}

.catRequestBox .catRequestField {clear:both; float:left; display:inline; position:relative; width:571px; padding:3px 0; margin:0 0 4px 0; font-size:11px; line-height:19px;}
.catRequestBox .catRequestField {margin-bottom: 25px;}
.catRequestBox .catRequestField input {width:13px; height: 13px; margin: 0 10px 0 20px; border: none; padding: 0;}
.catRequestBox .catRequestField label {color:#737373; font-weight: normal; text-align:left; width: 500px; padding: 0; line-height:13px;}

.catRequestBox.thankYou .content {height: 90px; padding: 30px 0 0 0; text-align: center;}
.catRequestBox.thankYou .content p {font-weight: bold;}

/*************** POSTCODE FINDER SECTION **************/

/* BOX TO RE-SHOW POSTCODE FINDER */
.viewFinder {position:relative; float:left; width:571px; display:inline; height:35px; background-color:#dae1e9; border-top:1px solid #5d687c;}
.viewFinder p {background: url(../img/checkout/iconInfo.gif) 0px 9px no-repeat; padding:0 0 0 24px; margin-bottom: 0;}
.viewFinder p a  {color:#737373; text-decoration:none; line-height: 33px;}
.viewFinder p a:hover {text-decoration:underline;}

.viewUKAdd {position:relative; float:left; width:571px; height:35px; background-color:#dae1e9; border-top:1px solid #5d687c;}
.viewUKAdd p {background: url(../img/checkout/iconInfo.gif) 0px 9px no-repeat; padding:0 0 0 24px; margin-bottom: 0;}
.viewUKAdd p a {color:#737373; text-decoration:none; line-height: 33px;}
.viewUKAdd p a:hover {text-decoration:underline;}

/**** IS UK ADDRESS ****/
.isUKAddress {position:relative; height:35px; width:571px; border-top:1px solid #5d687c; border-bottom:1px solid #5d687c; background-color: #dae1e9;}
.catRequestBox .isUKAddress p {background: url(../img/checkout/iconQuestion.gif) 0px 9px no-repeat; padding:0 0 0 24px; width: 140px; line-height: 33px; margin-right: 0; margin-bottom: 0;}

/**** POSTCODE FINDER ****/
.genericAddress {width:571px;}
.genericAddress fieldset .pnlName {padding-top: 20px;}

.postcodeFinder {position:relative; float:left; display:inline; width:571px; height:110px; top:0px; margin:5px 0 8px 0; z-index:5; border-top:1px solid #5d687c; background-color: #dae1e9;}
#mainContent .postcodeFinder h3 {background:#dae1e9 url(../img/checkout/iconInfoLarge.gif) 30px 0px no-repeat; position:relative; top:8px; line-height:22px; height:22px; color:#737373; font-size:11px; padding:0 0 0 62px; font-weight:normal;}
.postcodeFinder fieldset {position:absolute; top:45px; left:55px;}
.postcodeFinder .postcodeFinderOption {clear:both; height:25px;}
.postcodeFinder .postcodeFinderOption input {display:block; float:left; width:60px; border:1px solid #b2b6bc; padding:2px 2px 2px 4px; color:#6580ad; margin-right: 15px;}
.postcodeFinder .postcodeFinderOption label {display:block; float:left; color:#667379; width:80px; text-align:right; padding:4px 15px 0 0; font-weight:bold;}
.postcodeFinder .postcodeFinderOption select {display:block; float:left; border: 1px solid #b2b6bc; padding:2px 2px 2px 0; width:195px; color:#6580ad; background-color:#fff;}
.postcodeFinder .nonUKAddress {position:absolute; left:300px; top:4px; width:240px;}
.postcodeFinder .noAddress {position:absolute; top:28px; left:300px; width:210px; height: 14px; line-height: 13px; background: url(../img/checkout/iconQuestion.gif) 0px 0px no-repeat;}
.postcodeFinder .nonUKAddress a, .postcodeFinder .noAddress a {line-height:14px; padding:0 0 0 20px; color:#737373; text-decoration:none; cursor: pointer; position: relative;}
.postcodeFinder .nonUKAddress a:hover, .postcodeFinder .noAddress a:hover {text-decoration:underline;}

/*** ERRORS ***/
.postcodeFinder .errorMsg {position:absolute; left:320px; top:4px; padding:0 0 0 20px; width: 200px; color:#ff0000; font-weight: normal; background: url(../img/logoIcon/errorIconTrans.gif) no-repeat left center;}
.postcodeFinder .postcodeFinderOption.fieldError {background: none;}
.postcodeFinder .postcodeFinderOption.fieldError input {border:1px solid #ff0000 ! important;}
.postcodeFinder .postcodeFinderOption.fieldError label {color: #ff0000;}