/*************************************************************** LYCO DIRECT SITE CONSTRUCTION ***********************************************************/

* {margin:0; padding:0; border: 0;}
html {margin:0; padding:0; height:100%; width:100%;}
body {margin:0; padding:0; height:100%; width:100%; font-size:11px; font-family: Tahoma, Arial, Verdana; background-color: #f6f6f6;}

/************************************ SITE SETTINGS *****************************************/

img {border:0;}
ul, li {margin:0; padding:0;}
p {margin:0; padding:0; font-family: Tahoma, Arial, Verdana; font-size:11px;}
a {margin:0; padding:0; font-family: Tahoma, Arial, Verdana; font-size:11px;}
fieldset {border:0; margin:0; padding:0;}
input, select, textarea {font-family: Tahoma, Arial, Verdana; font-size: 11px; }
table {border-collapse: collapse; border-spacing: 0;}

.clear {clear:both;} 
.clear0 {height:0px; line-height:0px; clear:both;}
.clear5 {height:5px; line-height:5px; clear:both;}
.clear7 {height:7px; line-height:7px; clear:both;}
.clear10 {height:10px; line-height:10px; clear:both;}
.clear15 {height:15px; line-height:15px; clear:both;}
.clear20 {height:20px; line-height:20px; clear:both;}

.irt11px {padding: 11px 0 0 0; overflow: hidden; height: 0px !important; height /**/:11px;} 
.irt12px {padding: 12px 0 0 0; overflow: hidden; height: 0px !important; height /**/:12px;} 
.irt13px {padding: 13px 0 0 0; overflow: hidden; height: 0px !important; height /**/:13px;} 
.irt14px {padding: 14px 0 0 0; overflow: hidden; height: 0px !important; height /**/:14px;} 
.irt19px {padding: 19px 0 0 0; overflow: hidden; height: 0px !important; height /**/:19px;}
.irt22px {padding: 22px 0 0 0; overflow: hidden; height: 0px !important; height /**/:22px;}
.irt23px {padding: 23px 0 0 0; overflow: hidden; height: 0px !important; height /**/:23px;}
.irt27px {padding: 27px 0 0 0; overflow: hidden; height: 0px !important; height /**/:27px;}
.irt49px {padding: 49px 0 0 0; overflow: hidden; height: 0px !important; height /**/:49px;} 

.height130 {height: 130px;}

.width100 {width: 100px;}
.width189 {width: 189px;}
.width288 {width: 288px;}
.width289 {width: 289px;}
.width530 {width: 530px;}
.width584 {width: 584px;}

.floatLeft {float: left;}


/****************************************** CONSTRUCTION ***************************************/

#outerContainer {position: relative; width: 1064px; height: auto; margin: 0 auto; background: url(../img/outerContainerBg.gif) repeat-y top left;}
#innerContainer {position: relative; width: 1003px; height: auto; margin: 0 auto;}
#header {position:relative; width:1003px; height:139px; background: url(../img/header/mainBg.gif) no-repeat 190px 0;}
#leftColumn {position: relative; float: left; display: inline; width: 189px; z-index: 100;}
#leftColumn .background {width: 183px; padding: 0 0 15px 6px; background: url(../img/leftColumn/bottom.gif) no-repeat 6px bottom; margin-bottom:8px;}
#mainContainer {position: relative; float: left; display: inline; width: 624px; padding-bottom: 4px; background: #e7e7e7 url(../img/mainContainerBottom.gif) no-repeat left bottom;}
#rightColumn {position: relative; float: left; display: inline; width: 190px; padding: 0px; background: url(../img/rightColumn/bg.gif) repeat-y top right;}
.rightColumnBg {position: relative; width: 190px; padding-bottom: 25px; background: url(../img/rightColumn/bottom.gif) no-repeat bottom right;}
#footer {position: relative; width: 1003px; margin: 0; padding-top: 15px;}

#mainContent {position: relative; width: 614px; padding: 0; margin: 0 auto; background: url(../img/mainContentBg.gif) repeat-y left;}
#mainContent .top {position: relative; width: 614px; padding: 0; background: url(../img/mainContentTop.gif) no-repeat top left;}
#mainContent .bottom {position: relative; width: 614px; padding-bottom: 8px; background: url(../img/mainContentBottom.gif) no-repeat bottom left;}

#breadcrumb {position:relative; /*height:29px;*/ width:624px; background: #fff url(../img/breadcrumbShadow.gif) no-repeat top left; margin-bottom: 6px;}
#breadcrumb ol {margin:0px; /*height:21px;*/ width: 604px; padding: 8px 0 8px 20px; background: url(../img/breadcrumbDots.gif) repeat-x bottom left;}
#breadcrumb ol li {display:inline; padding:0 0 0 12px; margin-right: 12px; background: url(../img/logoIcon/breadcrumbBullet.gif) no-repeat left 3px; font-weight: bold; font-size:10px; color:#be0028;}
#breadcrumb ol li a, #breadcrumb ol li a:visited, #breadcrumb ol li a:link, #breadcrumb ol li a:active  {color:#be0028; font-weight: normal; text-decoration: none; font-size:10px;}
#breadcrumb ol li a:hover {text-decoration: underline;} 

.universalContainer {position: relative; width: 604px; margin-left: 5px; padding: 5px 0 15px 0;}

/******************************************* HEADER *********************************************/

#header .logo {position:absolute; top:8px; left:46px; width:109px; height:125px;}

#header ul.headerNav { position:absolute; top:21px; left:206px; height: 30px;}
#header ul.headerNav li { position:relative; display:inline; float:left; padding: 4px 2px 0 0; height: 26px; background: url(../img/header/navSeperator.gif) no-repeat right bottom;}
#header ul.headerNav li a { font-size:10px; color:#707e9b; display:block; height:26px; line-height: 24px; float:left; padding:0 11px 0 12px; text-decoration: none;}
#header ul.headerNav li a:hover { text-decoration:underline; background: url(../img/header/navRollover.gif) repeat-x bottom left;}
#header ul.headerNav li.account { position:relative; padding: 0; height: 30px; background: none; width: 123px;}
#header ul.headerNav li.account a {color:#be0027; background: url(../img/header/navAccountBg.gif) no-repeat top left; width: 71px; height: 29px; line-height: 30px; padding: 1px 0 0 52px;}
#header ul.headerNav li.account a:hover {background: url(../img/header/navAccountRollover.gif) no-repeat top left;}

#header ul.headerLinks { position:absolute; top:4px; right:3px; z-index: 10;}
#header ul.headerLinks li { float:left; display:inline; margin-right: 10px; padding-left: 20px; height:14px; }
#header ul.headerLinks li.userAcc{ color:#BE0027;font-size:10px; margin-right:20px; }
#header ul.headerLinks li.userAcc a{ color:#BE0027; font-size:10px; padding-left:20px; text-decoration:none; background:url(../img/header/logout.gif) 7px 3px no-repeat; }
#header ul.headerLinks li.bookmark { background: url(../img/logoIcon/bookmark.gif) no-repeat left bottom; }
#header ul.headerLinks li.colleague { background: url(../img/logoIcon/envelope.gif) no-repeat left bottom; }
#header ul.headerLinks li a {font-size:10px; color:#be0027; text-decoration: none;}
#header ul.headerLinks li a:hover {text-decoration:underline;}

#header .headerContact {position:absolute; top:0px; right:0px; width:189px; height:134px; background: url(../img/header/contact.gif) no-repeat 0 0;}
#header .headerContact ul {position:absolute; top:29px; left:55px;}
#header .headerContact ul li {position: relative; margin-bottom: 10px; list-style: none;}

#header .headerBasket {position:absolute; top:56px; left:266px;}
#header .headerBasket p {color:#fff; font-size: 11px; font-weight: normal;}
#header .headerBasket p.items {position:absolute; top:7px; left:0px; width: 75px;}
#header .headerBasket p.total {position:absolute; top:7px; left:80px; width: 95px;}
#header .headerBasket p.freeDelivery {position:absolute; top:4px; left:198px; width: 150px; font-size:10px; line-height:10px;}
#header .headerBasket p.charges {position:absolute; top:8px; left:190px; width: 155px; background: url(../img/header/arrowbulletWhite.gif) no-repeat left center; padding-left: 10px;}
#header .headerBasket p.charges a {color:#fff; font-size:10px; font-weight: bold; text-decoration: none;}
#header .headerBasket p.charges a:hover {text-decoration: underline;}
#header .headerBasket a.basketIcon {position:absolute; top:2px; left:-43px; width: 27px; height: 23px; display: block; background: url(../img/transBg.gif);}

#header ul.headerDelivery {position:absolute; top:94px; left:308px;}
#header ul.headerDelivery li {padding-left:35px; list-style: none; color:#595959; font-weight:bold; font-size: 10px; width: 160px; height: 16px; padding-top: 4px;}
#header ul.headerDelivery li.standardDelivery {position:absolute; top:0; left:0; background: url(../img/logoIcon/standardDelivery.gif) no-repeat left center;}
#header ul.headerDelivery li.fastTrackDelivery {position:absolute; top:0; left:200px; background: url(../img/logoIcon/fastTrackDelivery.gif) no-repeat left center;}
#header ul.headerDelivery li a {font-weight:normal; color:#595959; font-size: 10px; text-decoration: none;}
#header ul.headerDelivery li a:hover {text-decoration:underline;}

#header .notice {width:598px; padding:6px 14px; position:absolute; top:92px; left:193px; /*border:1px solid #BE0027; background:#f2ccd4;*/}
#header .notice p {font-size:11px; font-weight:bold; color:#BE0027;}

#header .added {position:absolute; top:94px; left:235px; background: url(../img/header/arrowAdded.gif) no-repeat 0 0 #FFFFFF; height: 22px; text-indent: 40px; color: #0d579c; font-size: 12px; font-weight: bold; line-height: 22px;}
/*#header .added {padding:2px 10px; position:absolute; top:94px; left:227px; background: url(../img/header/arrowAdded.gif) no-repeat 7px 5px #FFFFFF; height: 22px; text-indent: 40px; color: #0d579c; font-size: 12px; font-weight: bold; line-height: 22px; border:1px solid #545454;}*/

/******************************************* LEFT COLUMN *********************************************/

#leftColumn .searchTop {position: relative; width: 183px; height: 37px; background: url(../img/leftColumn/searchTop.gif) no-repeat;}
#leftColumn .searchTop .searchIcon {position: absolute; top: -3px; left: -3px; width: 38px; height: 38px; background: url(../img/logoIcon/iconBulb.png) no-repeat;}

#leftColumn .searchBg {position: relative; width: 183px; background: url(../img/leftColumn/searchBg.gif) repeat-y top left;}
#leftColumn .searchBg fieldset {position: relative; width: 160px; padding: 0 0 1px 13px;}
#leftColumn .searchBg fieldset input {width: 152px; padding: 2px 0px 2px 6px; margin-bottom: 6px; border: 1px solid #a4a4a4; color: #9d0020; font-size: 10px; font-weight: normal;}
#leftColumn .searchBg fieldset select {width: 160px; padding: 1px 0px 1px 2px; margin-bottom: 6px; border: 1px solid #a4a4a4; color: #9d0020; font-size: 10px; font-weight: normal;}

#leftColumn .searchBg fieldset ul {position:relative; list-style:none; padding: 1px 0 1px 0; height: 22px;} 
#leftColumn .searchBg fieldset ul li {list-style:none; padding-left: 10px; background: url(../img/leftColumn/searchBullet.gif) no-repeat left 5px; margin: 2px 0;}
#leftColumn .searchBg fieldset ul li a {text-decoration: none; color: #fff; font-size: 10px; font-weight: normal;} 
#leftColumn .searchBg fieldset ul li a:hover {text-decoration: underline;}

#leftColumn .bulbFinder {position: relative; width: 183px; height: 36px; background: url(../img/leftColumn/bulbFinderBg.gif) no-repeat;}
#leftColumn .bulbFinder p {position: absolute; top: 13px; left: 46px; color: #fff; font-size: 11px; font-weight: bold;}
#leftColumn .bulbFinder .navSearchButton.bulb {position:absolute; right:6px; top:7px; width:58px;}

#leftColumn .orderByCatalogue {position: relative; width: 183px; height: 45px; background: url(../img/leftColumn/orderByCatalogueBg.gif) no-repeat;}
#leftColumn .orderByCatalogue a {position: absolute; top: 14px; left: 42px; color: #be0027; font-size: 11px; font-weight: bold; text-decoration: none;}
#leftColumn .orderByCatalogue a:hover {text-decoration:underline;}

.leftNav {position: relative; width: 177px; background: url(../img/leftColumn/leftNavBg.gif) repeat-y top left; padding-left: 6px; z-index: 100;}

.leftNav h2.specialOffers, .leftNav h2.saleItems {position: relative; width: 175px; height: 24px;}
.leftNav h2.newProducts {position: relative; width: 175px; height: 33px; margin-bottom: 10px;}
.leftNav h2.specialOffers a {color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; background: url(../img/leftColumn/topLevelHeadingSpecial.gif) no-repeat top; padding: 7px 0 0 34px; width: 141px; height: 17px; display: block;}
.leftNav h2.specialOffers a:hover {text-decoration: none; background: url(../img/leftColumn/topLevelHeadingSpecial.gif) no-repeat bottom;}
.leftNav h2.saleItems a {color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; background: url(../img/leftColumn/topLevelHeadingSale.gif) no-repeat top; padding: 7px 0 0 34px; width: 141px; height: 17px; display: block;}
.leftNav h2.saleItems a:hover {text-decoration: none; background: url(../img/leftColumn/topLevelHeadingSale.gif) no-repeat bottom;}
.leftNav h2.newProducts a {color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; background: url(../img/leftColumn/topLevelHeadingNew.gif) no-repeat top; padding: 7px 0 0 34px; width: 141px; height: 26px; display: block;}
.leftNav h2.newProducts a:hover {text-decoration: none; background: url(../img/leftColumn/topLevelHeadingNew.gif) no-repeat bottom;}

.leftNav h2.navHeader {position: relative; width: 175px; height: 23px; margin-bottom: 1px;}
.leftNav h2.navHeader a {color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; background: url(../img/leftColumn/topLevelHeading.gif) no-repeat top; padding: 3px 0 0 20px; width: 155px; height: 20px; display: block;}
.leftNav h2.navHeader a:hover {text-decoration: none; background: url(../img/leftColumn/topLevelHeading.gif) no-repeat bottom;}

.leftNav ul {position:relative; list-style:none; margin: 0; padding-bottom: 10px; width: 176px;} 
.leftNav ul li {position:relative; list-style:none; margin: 0; padding: 0 0 1px 0; width: 176px; background: url(../img/leftColumn/dotsBlue.gif) repeat-x bottom left;}
.leftNav ul li a {background: url(../img/leftColumn/navRollover.gif) no-repeat 0px 0px; display:block; width:140px; line-height:14px; text-decoration:none; color: #fff; font-size: 10px; font-weight: normal; padding: 2px 5px 3px 30px;} 
.leftNav ul li a:hover {text-decoration: none; background: url(../img/leftColumn/navRollover.gif) no-repeat 0px -33px; color: #fff;}
.leftNav ul li.noBg {background: none; padding:0;}
.leftNav ul li a:hover.viewBrands {text-decoration: underline; background: url(../img/leftColumn/navRollover.gif) no-repeat 0px 0px;}

/*** FLYOUT MENU ***/

.leftNav ul li:hover, .leftNav ul li.iehover {z-index: 1;}
.leftNav ul li .flyoutMenu {width: 177px; position: absolute; left: 176px; top: -1px; display: none; border: 1px solid #41537c; background-color: #011a50; margin: 0; padding: 0;}
.leftNav ul li:hover .flyoutMenu, .leftNav ul li.iehover .flyoutMenu {display: block;}

.leftNav ul li .flyoutMenu ul li .flyoutMenu  {width: 177px; position: absolute; left: 177px; top: -1px; display: none; border: 1px solid #41537c; background-color: #011a50; margin: 0; padding: 0;}
.leftNav ul li .flyoutMenu ul li:hover .flyoutMenu, .leftNav ul li .flyoutMenu ul li.iehover .flyoutMenu {display: block;}

.leftNav ul li .flyoutMenu ul li .flyoutMenu ul li .flyoutMenu  {display: none;}
.leftNav ul li .flyoutMenu ul li .flyoutMenu ul li:hover .flyoutMenu, .leftNav ul li .flyoutMenu ul li .flyoutMenu ul li.iehover .flyoutMenu {display: block;}

.leftNav ul li .flyoutMenu ul {list-style:none; margin: 0; padding:0; width: 177px;} 
.leftNav ul li .flyoutMenu ul li {position:relative; list-style:none; margin: 0; padding: 0 0 1px 1px; width: 176px; background: url(../img/leftColumn/dotsBlue.gif) repeat-x bottom left;}

.leftNav ul li .flyoutMenu ul li a {background: url(../img/leftColumn/flyoutRollover.gif) no-repeat 0px 0px; display:block; width:155px; line-height:14px; text-decoration:none; color: #fff; font-size: 10px; font-weight: normal; padding: 2px 4px 3px 16px;} 
.leftNav ul li .flyoutMenu ul li a:hover {text-decoration: none; background: url(../img/leftColumn/flyoutRollover.gif) no-repeat 0px -33px; color: #fff;}

.leftNav ul li .flyoutMenu ul li.hasSub a {background: url(../img/leftColumn/flyoutRolloverSub.gif) no-repeat 0px 0px; width:143px; padding: 2px 16px 3px 16px;} 
.leftNav ul li .flyoutMenu ul li.hasSub a:hover {background: url(../img/leftColumn/flyoutRolloverSub.gif) no-repeat 0px -33px;}

.leftNav ul li .flyoutMenu ul li.hasSub .flyoutMenu ul li a {background: url(../img/leftColumn/flyoutRollover.gif) no-repeat 0px 0px; width:155px; padding: 2px 4px 3px 16px;} 
.leftNav ul li .flyoutMenu ul li.hasSub .flyoutMenu ul li a:hover {background: url(../img/leftColumn/flyoutRollover.gif) no-repeat 0px -33px;}

.leftNav ul li .flyoutMenu ul li .flyoutMenu ul li.hasSub a {background: url(../img/leftColumn/flyoutRolloverSub.gif) no-repeat 0px 0px; width:143px; padding: 2px 16px 3px 16px;} 
.leftNav ul li .flyoutMenu ul li .flyoutMenu ul li.hasSub a:hover {background: url(../img/leftColumn/flyoutRolloverSub.gif) no-repeat 0px -33px;}

.leftNav ul li .flyoutMenu ul li .flyoutMenu ul li.hasSub .flyoutMenu ul li a {background: url(../img/leftColumn/flyoutRollover.gif) no-repeat 0px 0px; width:155px; padding: 2px 4px 3px 16px;} 
.leftNav ul li .flyoutMenu ul li .flyoutMenu ul li.hasSub .flyoutMenu ul li a:hover {background: url(../img/leftColumn/flyoutRollover.gif) no-repeat 0px -33px;}

.leftNav ul li .flyoutMenu ul li.bottom {background: none; padding: 0 0 0 1px;}

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

.leftNav .selectBrand {position: relative; width: 176px; padding-bottom: 15px;}
.leftNav .selectBrand select {width: 154px; padding: 2px 0px 2px 2px; margin-left: 10px; border: 1px solid #a4a4a4; /*background-color: #41537c;*/ color: #011a50; font-size: 10px; font-weight: normal;}

#leftColumn .brandBox {position: relative; width: 183px; height: 64px; background: url(../img/leftColumn/brandBox.gif) no-repeat right top;}
#leftColumn .brandBox .content {position: absolute; top: 14px; left: 21px; width: 146px; height: 42px;}

#leftColumn .newsletter {position: relative; width: 175px; background: url(../img/leftColumn/leftNavBg.gif) repeat-y top left; padding: 12px 2px 0 6px;}
#leftColumn .newsletter h2 {width: 135px; height: 24px; background: url(../img/leftColumn/newsletterHeader.gif) no-repeat; padding: 5px 0 0 40px; color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 8px;}
#leftColumn .newsletter p {width: 154px; color: #fff; font-size: 10px; font-weight: normal; margin: 0 auto 10px auto;}
#leftColumn .newsletter p a {color: #fff; font-size: 10px; font-weight: normal; text-decoration: underline;}
#leftColumn .newsletter p a:hover {text-decoration: none;}

#leftColumn .newsletter fieldset {position: relative; width: 154px; margin: 0 auto; padding: 0;}
#leftColumn .newsletter fieldset label {display: none;}
#leftColumn .newsletter fieldset .loginField {width: 154px; margin-bottom: 4px;}
#leftColumn .newsletter fieldset .loginField input {width: 146px; margin: 0px; padding: 2px 0 2px 4px; border: 1px solid #a4a4a4; /*background-color: #41537c;*/ color: #011a50; font-size: 10px; font-weight: normal;}
#leftColumn .newsletter fieldset div.errorMsg {background: url(../img/logoIcon/errorIconTrans.gif) no-repeat; color: #e20c0c; font-weight: normal; margin: 0 0 5px 0; position: relative; text-indent: 20px;}
#leftColumn .newsletter fieldset .fieldError input {border-color: #e20c0c;}

#leftColumn .advert {position: relative; width: 178px; height: 178px; margin: 0 auto 8px auto;}
#leftColumn .advert.generic a {position: absolute; width: 178px; height: 178px; display: block; cursor: pointer; z-index: 10; background: url(../img/trans1x1.gif);}

/******************************************* FOOTER *********************************************/

#footer .brandsContainer {position: relative; width: 950px; margin: 0 auto; background: url(../img/footer/brandsContainerBg.gif) repeat-y left;}
#footer .brandsContainerBg {position: relative; width: 944px; padding: 5px 3px 0 3px; background: url(../img/footer/brandsContainerTop.gif) no-repeat top;}
#footer .brandsRow {position: relative; width: 944px; height: 64px; padding: 0 0 1px 0; background: url(../img/footer/brandsRowBg.gif) no-repeat bottom left;}
#footer .brandsRow ul {position: relative; width: 941px; height: 64px; padding-left: 3px;}
#footer .brandsRow ul li {float: left; display: inline; width: 133px; height: 56px; padding: 8px 1px 0 0; list-style: none; background: url(../img/footer/brandsColBg.gif) no-repeat right; text-align: center;}
#footer .brandsRow.top ul li {background: url(../img/footer/brandsColBgTop.gif) no-repeat right;}
#footer .brandsRow ul li.noBg {background: none;}

#footer .brandsRow ul li a img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
#footer .brandsRow ul li a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

#footer .mainContainer {position: relative; width: 990px; height: 185px; margin: 0 auto; background: url(../img/footer/mainContainerBg.gif) no-repeat;}
#footer .mainContainer .votedBest {position: absolute; top: 76px; left: 11px; width: 175px; height: 104px; background: url(../img/footer/votedBest07.gif) no-repeat top left;}
#footer .mainContainer .votedBest p {width: 110px; margin: 0 0 8px 65px; padding-top: 8px; color: #707e9b; font-size: 10px; font-weight: normal;}
#footer .mainContainer .votedBest a {margin-left: 65px; padding-left: 12px; color: #547587; font-size: 10px; font-weight: normal; background: url(../img/logoIcon/arrowbulletBlue.gif) no-repeat left 3px; text-decoration: none;}
#footer .mainContainer .votedBest a:hover {text-decoration: underline;}

#footer .mainContainer .advertsContainer {position: absolute; top: 11px; left: 224px; width: 555px; height: 159px;}
#footer .mainContainer .expertAdviceContainer {position: relative; float: left; display: inline; width: 169px; height: 142px; margin: 2px 20px 0 0;}
#footer .mainContainer .expertAdviceContainer .bg {width: 169px; height: 142px; background: url(../img/footer/advertExpertAdvice.png) no-repeat;}
#footer .mainContainer .businessAccountContainer {position: relative; float: left; display: inline; width: 169px; height: 103px; margin: 41px 20px 0 0;}
#footer .mainContainer .businessAccountContainer .bg {width: 169px; height: 103px; background: url(../img/footer/advertBusinessAccount.png) no-repeat;}
#footer .mainContainer .buyingGuidesContainer {position: relative; float: left; display: inline; width: 169px; height: 112px; margin: 32px 0 0 0;}
#footer .mainContainer .buyingGuidesContainer .bg {width: 169px; height: 112px; background: url(../img/footer/advertBuyingGuides.png) no-repeat;}

#footer .mainContainer img.thawte {position: absolute; top: 76px; right: 17px;}

#footer .bottomContainer {position: relative; width: 990px; height: 90px; margin: 0 auto;}
#footer .bottomContainer .footerNav {position: relative; top: -3px; width: 602px; height: 31px; margin: 0 auto 20px auto; background: url(../img/footer/navBg.gif) no-repeat;}

#footer .bottomContainer .footerNav ul {position:relative; width: 432px; margin: 0 auto;}
#footer .bottomContainer .footerNav ul li {display:inline; float:left; list-style: none; background: url(../img/footer/navSeperator.gif) no-repeat right top; padding: 5px 11px 0 10px; height: 16px;}
#footer .bottomContainer .footerNav ul li a {font-size:10px; font-weight: bold; color:#707e9b; text-decoration: none;}
#footer .bottomContainer .footerNav ul li a:hover {text-decoration:underline;}
#footer .bottomContainer .footerNav ul li.end {background: none;}

#footer .bottomContainer .advert {position: absolute; top: 6px; width: 130px; height: 80px;}
#footer .bottomContainer .advert.energySaving {left: 17px; text-align: center;}
#footer .bottomContainer .advert.madPro {right: 26px; text-align: center;}

#footer .bottomContainer .advert.energySaving p {color: #77acda; font-size: 10px; font-weight: normal; margin-top: 5px;}
#footer .bottomContainer .advert.energySaving p a {color: #77acda; font-size: 10px; font-weight: bold; text-decoration: none;}

#footer .bottomContainer .advert.madPro p {color: #707e9b; font-size: 10px; font-weight: normal; margin-top: 5px;}
#footer .bottomContainer .advert.madPro p a {color: #707e9b; font-size: 10px; font-weight: bold; text-decoration: none;}

#footer .bottomContainer .advert.energySaving p a:hover, #footer .bottomContainer .advert.madPro p a:hover {text-decoration: underline;}

#footer .bottomContainer .copyright {position: relative; width: 600px; margin: 0 auto; text-align: center;}
#footer .bottomContainer .copyright p {color: #707e9b; font-size: 10px; font-weight: normal;}
#footer .bottomContainer .copyright p span.vat {margin-left: 10px;}

/******************************************* RIGHT COLUMN *********************************************/

#rightColumn .businessAccount {position: relative; width: 190px; background: url(../img/rightColumn/businessAccountBg.gif) repeat-y left; margin-bottom: 8px; padding: 0;}
#rightColumn .businessAccountBg {position: relative; width: 190px; background: url(../img/rightColumn/businessAccountTop.gif) no-repeat top; padding: 12px 0 0 0;}

#rightColumn .businessAccountBg .icon {position: absolute; top: -3px; left: -4px; width: 38px; height: 38px; background: url(../img/logoIcon/iconPadlock.png) no-repeat;}

#rightColumn #signIn .businessAccountBg h2 {width: 125px; height: 12px; display: block; background: url(../img/rightColumn/headerCustomerLogin.gif) no-repeat; margin: 0 0 12px 39px;}
#rightColumn #welcomeBack .businessAccountBg h2 {width: 88px; height: 12px; display: block; background: url(../img/rightColumn/headerWelcomeBack.gif) no-repeat; margin: 0 0 12px 39px;}

#rightColumn .businessAccountBg p {width: 156px; margin: 0 0 0 16px; color: #fff; font-size: 10px; font-weight: normal; margin-bottom: 5px;}
#rightColumn .businessAccountBg p.existingLogin{ width:147px; height:29px; margin:-8px 0 5px 2px; color:#000; padding:4px 0 0 5px; background:url(../img/home/loginExisting.png) 0 0 no-repeat; }
#rightColumn .businessAccountBg p a {color: #fff; font-size: 10px; font-weight: normal; text-decoration: none;}
#rightColumn .businessAccountBg p a:hover {text-decoration: underline;}

#rightColumn .businessAccountBg fieldset {position: relative; width: 161px; margin: 0 0 0 8px; padding: 10px 0 0 8px; background: url(../img/rightColumn/businessAccountSep.gif) repeat-x top left;}
#rightColumn .businessAccountBg fieldset label {margin-bottom: 2px; color: #fff; font-size: 10px; font-weight: normal; display: block;}
#rightColumn .businessAccountBg fieldset .tradeField {width: 154px; margin-bottom: 4px;}
#rightColumn .businessAccountBg fieldset .tradeField input {width: 146px; margin: 0px; padding: 2px 0 2px 6px; border: 1px solid #a4a4a4; color: #011a50; font-size: 10px; font-weight: normal;}
#rightColumn .businessAccountBg fieldset p.errorMsg {background: url(../img/logoIcon/errorIconTrans.gif) no-repeat; color: #e20c0c; font-weight: normal; margin: 0 0 5px 0; position: relative; text-indent: 20px;}
#rightColumn .businessAccountBg fieldset .fieldError input {border-color: #e20c0c;}
#rightColumn .businessAccountBg fieldset a.forgotPass {float: left; display: inline; margin-top: 7px; color: #fff; font-size: 10px; font-weight: normal; text-decoration: none;}
#rightColumn .businessAccountBg fieldset a:hover.forgotPass {text-decoration: underline;}

#rightColumn .businessAccountBg ul {position:relative; list-style:none; margin: 0 0 5px 8px; background: url(../img/rightColumn/businessAccountSep.gif) repeat-x top left; width: 161px; padding: 6px 0 0 8px;} 
#rightColumn .businessAccountBg ul li {list-style:none; margin: 0; padding: 0 0 0 10px; background: url(../img/rightColumn/businessAccountBullet.gif) no-repeat left 4px; margin-bottom: 2px}
#rightColumn .businessAccountBg ul li.bottom {margin-bottom: 0px}
#rightColumn .businessAccountBg ul li a {text-decoration: none; color: #fff; font-size: 10px; font-weight: normal;} 
#rightColumn .businessAccountBg ul li a:hover {text-decoration: underline;}

#rightColumn .businessAccountBottom {position: relative; width: 190px; height: 9px; background: url(../img/rightColumn/businessAccountBottom.gif) no-repeat;}

#rightColumn .viewedItemsTop {position: relative; width: 190px; height: 23px; background: url(../img/rightColumn/viewedItemsTop.gif) no-repeat top; padding: 3px 0 0 0;}
#rightColumn .viewedItemsTop .iconPc {position: absolute; top: 0px; left: -2px; width: 32px; height: 29px; background: url(../img/logoIcon/iconPc.png) no-repeat;}
#rightColumn .viewedItemsTop .iconCompare {position: absolute; top: -4px; left: -2px; width: 24px; height: 33px; background: url(../img/logoIcon/iconCompare.png) no-repeat;}
#rightColumn .viewedItemsTop h2 {color: #fff; font-size: 11px; font-weight: bold; margin-left: 36px; line-height: 21px;}

#rightColumn .viewedItemsBg {position: relative; width: 190px; background: url(../img/rightColumn/viewedItemsBg.gif) repeat-y left; padding: 0; margin-bottom: 8px;}
#rightColumn .viewedItemsBottom {position: relative; width: 190px; background: url(../img/rightColumn/viewedItemsBottom.gif) no-repeat left bottom; padding-bottom: 4px;}
#rightColumn .viewedItemsBg .innerContainer {padding-bottom: 15px;}

#rightColumn .viewedItemsBg h2 {color: #fff; font-size: 11px; font-weight: bold; margin-left: 36px; line-height: 21px;}
#rightColumn .viewedItemsBg ul {position:relative; margin: 0 0 0 7px; width: 173px; padding: 3px 0 0 0;} 
#rightColumn .viewedItemsBg ul li {list-style:none; margin: 0; padding: 0 6px 6px 6px; width: 161px; background: url(../img/rightColumn/viewedItemsSep.gif) no-repeat bottom left;}
#rightColumn .viewedItemsBg ul li a {text-decoration: none; color: #fff; font-size: 10px; font-weight: normal;} 
#rightColumn .viewedItemsBg ul li a:hover {text-decoration: underline;}

#rightColumn .topFive {position: relative; width: 190px; background: url(../img/rightColumn/topFiveBg.gif) repeat-y left; margin-bottom: 8px; padding: 0;}
#rightColumn .topFiveTop {position: relative; width: 190px; background: url(../img/rightColumn/topFiveTop.gif) no-repeat top;}
#rightColumn .topFiveBottom {position: relative; width: 183px; background: url(../img/rightColumn/topFiveBottom.gif) no-repeat bottom; padding: 0 0 8px 7px;}

#rightColumn .topFive .header {position: relative; width: 174px; height: 24px; margin: 0; padding-top: 6px; margin-bottom: 4px;}
#rightColumn .topFive .header h2 {color: #be0027; font-size: 14px; font-weight: bold; text-indent: 11px;}
#rightColumn .topFive .header a {position: absolute; top: 9px; right: 8px; 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;}
#rightColumn .topFive .header a:hover {text-decoration: none; background: #fff url(../img/logoIcon/arrowbulletRed.gif) no-repeat 3px 3px;}

#rightColumn .topFive .selectCat {position: relative; width: 174px; height: 46px; padding-top: 0px; margin: 0;}
#rightColumn .topFive .selectCat select {width: 160px; padding: 1px 0px 1px 2px; border: 1px solid #a4a4a4; color: #be0027; font-size: 10px; font-weight: normal; background-color: #efefef; margin: 13px 0 0 7px;}

#rightColumn .topFive .product {position: relative; width: 174px; /*height: 46px;*/ padding: 0 0 4px 0;}
#rightColumn .topFive .product.greyBg {background-color: #efefef;}
#rightColumn .topFive .product .placeholder {position: relative; float: left; display: inline; width: 50px; height: 37px; margin: 2px 2px 0 2px; padding: 3px 0 0 5px; background: url(../img/rightColumn/topFivePlaceholder.gif) no-repeat;}
#rightColumn .topFive .product.greyBg .placeholder {background: url(../img/rightColumn/topFivePlaceholderGrey.gif) no-repeat;}

#rightColumn .topFive .product .info {position: relative; float: left; display: inline; width: 115px; padding-top: 5px;}
#rightColumn .topFive .product .info h2 span.num {color: #137bd0; font-size: 10px; font-weight: bold; margin-right: 3px;}
#rightColumn .topFive .product .info h2 a {color: #737373; font-size: 10px; font-weight: bold; text-decoration: none;}
#rightColumn .topFive .product .info h2 a:hover {text-decoration: underline;}
#rightColumn .topFive .product .info p {color: #ac0000; font-size: 10px; font-weight: normal;}
#rightColumn .topFive .product .info p a {color: #0d569c; font-size: 10px; text-decoration: underline;}
#rightColumn .topFive .product .info p a:hover {text-decoration: none;}

#rightColumn .specialOffers .topFiveTop {position: relative; width: 190px; background: url(../img/rightColumn/specialOffersTop.gif) no-repeat top;}
#rightColumn .topFive.specialOffers .header {margin-bottom: 5px; height: 22px; padding-top: 8px;}
#rightColumn .topFive.specialOffers .header h2 {font-size: 11px; font-weight: bold; text-indent: 26px;}

/*** SPECIAL OFFER ICONS ***/

#rightColumn .topFive.specialOffers .iconSave {position: absolute; top: 6px; left: 5px; width: 45px; height: 25px; background: url(../img/logoIcon/iconSave.png) no-repeat;}

.productItem .placeholder .iconSave {position: absolute; top: -2px; left: -2px; width: 45px; height: 25px; background: url(../img/logoIcon/iconSave.png) no-repeat;}

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

#rightColumn .advert {position: relative; width: 178px; height: 178px; margin: 0 0 8px 3px;}
#rightColumn .advert.generic a {position: absolute; width: 178px; height: 178px;display: block; cursor: pointer; z-index: 10; background: url(../img/trans1x1.gif);}
#rightColumn .advert.calculator {height: 188px; background: url(../img/rightColumn/advertCalculator.gif) no-repeat;}
#rightColumn .advert.brands {background: url(../img/rightColumn/advertBrands.gif) no-repeat;}

#rightColumn .newsletter {position: relative; width:190px; background: url(../img/rightColumn/newsletterBg.gif) repeat-y left top; margin-bottom:8px;}
#rightColumn .newsletter .top  {width:190px; background: url(../img/rightColumn/newsletterTop.gif) no-repeat left top;}
#rightColumn .newsletter .bottom  {width:168px; background: url(../img/rightColumn/newsletterBottom.gif) no-repeat left bottom; padding:15px 14px 15px 8px;}
#rightColumn .newsletter h2 {width: 128px; height: 24px; background: url(../img/leftColumn/newsletterHeader.gif) no-repeat left top; padding: 5px 0 0 40px; color: #fff; font-size: 14px; font-weight: bold; margin:0 0 8px 1px;}
#rightColumn .newsletter p {width: 154px; color: #fff; font-size: 10px; font-weight: normal; margin: 0 0 10px 9px;}
#rightColumn .newsletter p a {color: #fff; font-size: 10px; font-weight: normal; text-decoration: underline;}
#rightColumn .newsletter p a:hover {text-decoration: none;}
#rightColumn .newsletter fieldset {position: relative; width: 154px; margin: 0 0 0 9px; padding: 0;}
#rightColumn .newsletter fieldset label {display: none;}
#rightColumn .newsletter fieldset .loginField {width: 154px; margin-bottom: 4px;}
#rightColumn .newsletter fieldset .loginField input {width: 146px; margin: 0px; padding: 2px 0 2px 4px; border: 1px solid #a4a4a4; /*background-color: #41537c;*/ color: #011a50; font-size: 10px; font-weight: normal;}
#rightColumn .newsletter fieldset div.errorMsg {background: url(../img/logoIcon/errorIconTrans.gif) no-repeat; color: #e20c0c; font-weight: normal; margin: 0 0 5px 0; position: relative; text-indent: 20px;}
#rightColumn .newsletter fieldset .fieldError input {border-color: #e20c0c;}