/****************************************** LIGHTS 4 FUN MAIN *******************************************/

/********* COMMON STYLES *********/

.headerBarBlack {position: relative; width: 604px; height: 28px; background: url(../img/headerBarSprite.gif) no-repeat left 0; margin:0 auto 10px auto;}
.headerBarWhite {position: relative; width: 604px; height: 28px; background: url(../img/home/groupHeading.png) no-repeat left 0; margin:0 auto 10px auto;}
.headerBarBlack.small {width: 194px; background-position: left -28px; margin-bottom: 18px;}
.headerBarBlack h1, .headerBarBlack h2, .headerBarWhite h2 {color: #00c3c3; font-size: 14px; text-indent: 13px; line-height:25px; float:left; display:inline;}
.headerBarBlack.headerBar h2 { color: #505050 }
.headerBarWhite h2 {text-indent: 5px; color: #505050; }
.headerBarBlack span {color: #00c3c3; font-weight:bold; font-size: 14px; line-height:25px; float:left; display:inline; margin-left:4px;} 

.headerBarBlack h1 a, .headerBarBlack h2 a {color: #00c3c3; font-size: 14px; font-weight: bold; text-decoration: none; position: relative;} 
.headerBarBlack h1 a:hover, .headerBarBlack h2 a:hover {text-decoration: underline;} 

.headerBarBlack a.viewAll {position: absolute; top: 7px; right: 13px; z-index: 5; color: #fff; font-size: 11px; font-weight: normal; padding-left: 8px; background: url(../img/icons/whiteBulletSmall.gif) no-repeat left 4px; text-decoration: none; line-height: 13px;}
.headerBarBlack a:hover.viewAll {text-decoration: underline;}

.headerBarWhite a.viewAll {position: absolute; top: 6px; left: 184px; z-index: 5; color: #505050; font-size: 11px; font-weight: normal; background: url(../img/icons/whiteBulletSmall.gif) no-repeat left 4px; text-decoration: none; line-height: 13px;}
.headerBarWhite a:hover.viewAll {text-decoration: underline;}

.headerBarBlack a.back {position: absolute; top: 7px; right: 13px; z-index: 5; color: #fff; font-size: 11px; font-weight: normal; padding-left: 8px; background: url(../img/icons/whiteBulletSmallRev.gif) no-repeat left 4px; text-decoration: none; line-height: 13px;}
.headerBarBlack a:hover.back {text-decoration: underline;}

/********* PRODUCT BOXES *********/

/*** SMALL ***/
#mainContentOuter #mainContent .productItemSmall, #rightColumn .productItemSmall {position: relative; background: url(../img/icons/dotsHorizGold.gif) repeat-x left bottom; width:184px; padding-bottom:10px; margin-bottom:10px; }
#rightColumn .productItemSmall.noBG { background: none; }
.productItemSmall .placeholder { float: left; display: block; border: 1px solid #deddd5; width: 61px; height: 61px; margin: 3px 7px 0 0; }
.productItemSmall .placeholder a {position: absolute; left:0; top:3px; width:61px; height:61px; background: url(../img/trans1x1.gif); display:block; z-index:20;}
#mainContent .productItemSmall .placeholder .sash, #rightColumn .productItemSmall .placeholder .sash {position: absolute; left:1px; top:4px; width:35px; height:35px; display:block; z-index:10;}

#mainContent .productItemSmall.new .placeholder .sash, #rightColumn .productItemSmall.new .placeholder .sash {background: url(../img/logos/sashNewSmall.gif) no-repeat;}
#mainContent .productItemSmall.save .placeholder .sash, #rightColumn .productItemSmall.save .placeholder .sash {background: url(../img/logos/sashSaveSmall.gif) no-repeat;}
#mainContent .productItemSmall.special .placeholder .sash, #rightColumn .productItemSmall.special .placeholder .sash {background: url(../img/logos/sashSpecialSmall.gif) no-repeat;}
#mainContent .productItemSmall.threeFor2 .placeholder .sash, #rightColumn .productItemSmall.threeFor2 .placeholder .sash {background: url(../img/logos/sash3for2Small.gif) no-repeat;}
#mainContent .productItemSmall.Multibuy .placeholder .sash, #rightColumn .productItemSmall.Multibuy .placeholder .sash {background: url(../img/logos/sashMultibuySmall.gif) no-repeat;}
#mainContent .productItemSmall.freeGift .placeholder .sash, #rightColumn .productItemSmall.freeGift .placeholder .sash {background: url(../img/logos/sashFreeGiftSmall.gif) no-repeat;}

.productItemSmall .content { position: relative; float: left; display: block; width: 114px; padding-top: 1px; }
.productItemSmall .content h2 {height: 35px; padding: 0 0 6px 2px; }
.productItemSmall .content h2 a {color:#fff; font-weight:bold; font-size:10px; line-height:12px;}
.productItemSmall .content p { color:#00afaf; }
.productItemSmall .content p.was { font-size: 11px; }
.productItemSmall .content p.price { font-weight: bold; font-size:14px; }
.productItemSmall .content .buyButton { padding: 8px 0 1px 0; }
.productItemSmall .content .buyButton a { position: relative; float: left; display: block; background: url(../img/product/btn_add.gif) left top no-repeat; width: 73px; height: 0; padding-top: 22px; overflow: hidden; }
.productItemSmall .content .buyButton a:hover { background-position: left -22px; }
.productItemSmall.special .content p.price {color:#ee870e;}
.productItemSmall.save .content p.price {color:#d90000;}

/*** MEDIUM ***/
.productMediumContainer {position:relative; width:624px; padding:0 0 20px 0; margin-bottom:15px; background: url(../img/productMediumShadow.gif) no-repeat left bottom;}
#mainContentOuter #mainContent .productItemMedium {position: relative; float:left; display:inline; width:281px; height:103px; margin:0 0 0 12px; background: url(../img/productMediumBg.gif) no-repeat right top; padding:0 13px 0 0;}
#mainContentOuter #mainContent .productItemMedium.noBg {background: none;}
.productItemMedium .placeholder {position: relative; float:left; display:inline; border:1px solid #9c9999; width:90px; height:90px; margin-right:7px;}
.productItemMedium .placeholder a {position: absolute; left:0; top:0; width:90px; height:90px; background: url(../img/trans1x1.gif); display:block; z-index:20;}
#mainContent .productItemMedium .placeholder .sash {position: absolute; left:0; top:0; width:35px; height:35px; display:block; z-index:10;}

#mainContent .productItemMedium.new .placeholder .sash {background: url(../img/logos/sashNewSmall.gif) no-repeat;}
#mainContent .productItemMedium.save .placeholder .sash {background: url(../img/logos/sashSaveSmall.gif) no-repeat;}
#mainContent .productItemMedium.special .placeholder .sash {background: url(../img/logos/sashSpecialSmall.gif) no-repeat;}
#mainContent .productItemMedium.threeFor2 .placeholder .sash {background: url(../img/logos/sash3for2Small.gif) no-repeat;}
#mainContent .productItemMedium.Multibuy .placeholder .sash {background: url(../img/logos/sashMultibuySmall.gif) no-repeat;}
#mainContent .productItemMedium.freeGift .placeholder .sash {background: url(../img/logos/sashFreeGiftSmall.gif) no-repeat;}

.productItemMedium .content {position: relative; float:left; display:inline; width:182px; height:103px;}
.productItemMedium .content h2 a {color:#333; font-weight:bold; font-size:10px; line-height:12px;}
.productItemMedium .content p {font-size:11px; position:absolute; left:0;}
.productItemMedium .content p.was {color:#02a1a5; top:43px;}
.productItemMedium .content p.save {color:#808080; top:59px; font-weight:bold;}
.productItemMedium .content p.price {top:75px; font-weight:bold; color:#d90000;}
.productItemMedium .buttonContainer {position: absolute; top:65px; right:0; background: url(../img/subcategory/buttonContainerBg.gif) no-repeat left top; width: 81px; height: 21px; padding-top:5px;} 
.productItemMedium .buttonContainer a {margin: 0 auto;} 
.horizDots {float:left; display:inline; width:624px; height:1px; margin-bottom:11px; background: url(../img/productMediumSep.gif) no-repeat;}

/*** LARGE ***/
.productLargeContainer {position:relative; width:620px; padding-left:4px; margin:0;}
#mainContentOuter #mainContent .productItemLarge {position: relative; float:left; display:inline; width:141px; margin-bottom:20px; background: url(../img/subcategory/productItemBg.gif) no-repeat right top; padding:0 7px 0 6px; text-align:center;}
#mainContentOuter #mainContent .productItemLarge.noBg {background: none;}
.productItemLarge .placeholder {position: relative; border:1px solid #9c9999; width:125px; height:125px; margin:0 auto 5px auto;}
.productItemLarge .placeholder a {position: absolute; left:0; top:0; width:125px; height:125px; background: url(../img/trans1x1.gif); display:block; z-index:20;}
#mainContent .productItemLarge .placeholder .sash {position: absolute; left:0; top:0; width:61px; height:61px; display:block; z-index:10; background-repeat:no-repeat}

#mainContent .productLargeContainer .productItemLarge.new .sash{background:url(../img/logos/sashNew.gif)}
#mainContent .productLargeContainer .productItemLarge.save .sash{background:url(../img/logos/sashSave.gif)}
#mainContent .productLargeContainer .productItemLarge.special .sash{background:url(../img/logos/sashSpecial.gif)}
#mainContent .productLargeContainer .productItemLarge.threeFor2 .sash{background:url(../img/logos/sash3for2.gif);}
#mainContent .productLargeContainer .productItemLarge.Multibuy .sash{background:url(../img/logos/sashMultibuy.gif)}
#mainContent .productLargeContainer .productItemLarge.freeGift .sash{background:url(../img/logos/sashFreeGift.gif)}

.productItemLarge h2 {margin-bottom:5px; height:36px; /*height: 24px;*/ text-align: left;}
.productItemLarge h2 a {color:#333; font-weight:bold; font-size:10px; line-height:12px;}
.productItemLarge .commercialMsg {width: 100%; /*height:36px;*/ height:16px; margin: 0 auto 5px auto; background:url(../img/subcategory/commercialMsgBg.gif) no-repeat left top; padding-top: 5px;}
.productItemLarge .commercialMsg p {background:url(../img/subcategory/commercialMsgBg.gif) no-repeat left bottom; padding-bottom:6px; color: #019296; font-size: 10px; text-align: left; /*height:30px;*/ height:10px;}
.productItemLarge .seperator { padding-bottom: 5px; }
.productItemLarge .pricesContainer {position:relative; height:25px; margin-bottom:10px;}
.productItemLarge .pricesContainer p.was {color:#02a1a5; font-size:10px;}
.productItemLarge .pricesContainer p.was strong {color:#808080; margin-left:12px;}
.productItemLarge .pricesContainer p.price {color:#02a1a5; font-size:12px; font-weight:bold; position:absolute; left:0; bottom:0; width:100%;}
.productItemLarge.save .pricesContainer p.price {color:#d90000;}
.productItemLarge.special .pricesContainer p.price {color:#ee870e;}
.productItemLarge .buttonContainer {position: relative; background: url(../img/subcategory/buttonContainerBg.gif) no-repeat left top; width: 81px; height: 21px; padding-top:5px; margin:0 auto;} 
.productItemLarge .buttonContainer a {margin: 0 auto;} 

/*multibuy updates*/
.Multibuy.Item .commercialMsg p{background:none; color:#808080; text-align:center; font-weight:bold}
.Multibuy.Item .pricesContainer p.was{color:#02a1a5; font-size:12px; font-weight:bold}
.Multibuy.Item .pricesContainer p.price{color:#d90000}


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

/*.mainNavContainer {position:relative; width:624px; height:372px; margin-top:-10px;}*/
.mainNavContainer {width:624px; height:297px; margin-top:-10px;}

#mainNav {position:relative; width:624px; height:66px; background: url(../img/home/mainNavBg.gif) no-repeat left bottom;}

#mainNav ul {list-style: none; padding-left:14px;}
#mainNav ul li {float: left; display:block; background: url(../img/home/mainNavL.gif) no-repeat left top; height: 32px; margin-right:3px;}
#mainNav ul li:hover, #mainNav ul li.active {background-position: left bottom;}
#mainNav ul li a {float: left; display:block; background: url(../img/home/mainNavR.gif) no-repeat right top; color: #dfdfdf; font-size:10px; font-weight: bold; text-decoration: none; height: 19px; padding: 11px 10px 2px 11px; text-transform:uppercase;}
#mainNav ul li:hover a, #mainNav ul li.active a {background-position: right bottom; color: #fff; text-decoration: none;}
#mainNav ul li a:hover {background-position: right bottom; color: #fff; text-decoration: none;}

/*** FLYOUT MENU ***/
#mainNav ul li:hover, #mainNav ul li.iehover {z-index: 1;}
#mainNav ul li .flyoutMenu {width: 624px; height:35px; position: absolute; left: 0; top: 32px; display: none; margin: 0; padding: 0; z-index:20;}
/*
#mainNav ul li:hover .flyoutMenu, #mainNav ul li.iehover .flyoutMenu {display: block;}
*/
#mainNav ul li.active .flyoutMenu {display: block; z-index:10;}

#mainNav ul li .flyoutMenu ul {list-style:none; margin: 0; width: 624px; line-height:30px; font-size: 10px; text-align:center; padding:0; background: url(../img/home/mainNavBg.gif) no-repeat left -32px;} 
#mainNav ul li .flyoutMenu ul li {display: inline; margin: 0 14px; float:none; background:none; height:auto;}
#mainNav ul li .flyoutMenu ul li a {text-decoration:none; color: #fff; font-weight: bold; text-transform:capitalize; padding:0; height:auto; background:none; float:none; display:inline;} 
#mainNav ul li .flyoutMenu ul li a:hover {text-decoration: none; color:#00f7ff;}
/*******************/

.mainBanner {position:relative; width:624px; height:306px; margin:0; background: url(../img/tempImgs/624x306.jpg) no-repeat left top;}
.mainBanner h3 {position:relative; top:87px; left:30px; color:#fff; font-size:20px; z-index:50; width:594px;}
.mainBanner h3 strong {color:#ffc74e; font-size:35px;}

.mainFlashOuter {position:relative;width:624px; height:220px; background-color:#000000;}
.mainFlash {position:absolute; width:630px; height:226px; top:-3px;left:-3px; }
/* FULL BANNER CLICKABLE
.mainBanner ul.subcatLinks {position:relative; z-index:50;}
.mainBanner ul.subcatLinks li {width:624px; height:181px;}
.mainBanner ul.subcatLinks li a {width:100%; display:block; padding-top:181px; overflow:hidden; height:0px !important; height :181px;}
*/
 
.mainBanner ul.subcatLinks {position:absolute; top:90px; left:17px; z-index:50;}
.mainBanner ul.subcatLinks li {margin-bottom:8px;}
.mainBanner ul.subcatLinks li a {width:176px; padding-top:33px; overflow:hidden; height:0px !important; height /**/:33px; display:block; background:url(../img/trans1x1.gif);}


.mainBanner .itemsContainer {position:absolute; top:192px; left:0; width:624px; height:75px; background: url(../img/home/itemsContainerBg.gif) no-repeat left top;}
#mainContentOuter #mainContent .mainBanner .itemsContainer .productItemSmall {width:187px; padding:0px; margin:0 0 0 17px; background:none; float:left; display:inline;}
.mainBanner .itemsContainer .productItemSmall .content {width:117px;}
.homeAdverts {position:relative; width:609px; margin-bottom:10px; padding-left:15px;}
.homeAdverts .advert {position:relative; float:left; display:inline; width:292px; height:178px; margin-right:10px;}
.homeAdverts .advert a {position: absolute; top:0; left:0; width:292px; height:178px; z-index:20; display:block; background: url(../img/trans1x1.gif) no-repeat;}
.homeAdverts .advert h3 {position: absolute; top:87px; color:#fff; font-size:15px; z-index:10; line-height:20px;}
.homeAdverts .advert h3 strong {color:#ffc74e; font-size:23px;}
.homeAdverts .advert.left h3 {left:15px; text-align:left;}
.homeAdverts .advert.right h3 {right:15px; text-align:right;}

.buyingGuidesBanner {position:relative; width:604px; height:88px; margin:0 auto 15px auto;}

.pageDescription {position:relative; width:584px; margin:0 auto 20px auto; padding-bottom:1px;}
.pageDescription h1, .pageDescription h2.header {margin-bottom:8px; color: #333; font-size: 11px;}
.pageDescription h2 {margin-bottom:8px; color: #333; font-size: 11px;}
.pageDescription p {margin-bottom:13px; color: #858585; font-size: 11px; font-weight: normal; line-height: 14px;}
.pageDescription p a {color: #25A8AC; font-size: 11px; font-weight: normal; text-decoration:underline;}
.pageDescription p a:hover {text-decoration:none;}

.pageDescription div {margin-bottom:13px; color: #858585; font-size: 11px; font-weight: normal; line-height: 14px;}
.pageDescription div a {color: #25A8AC; font-size: 11px; font-weight: normal; text-decoration:underline;}
.pageDescription div a:hover {text-decoration:none;}


.homePageH1 {position: absolute; color:#fff; font-size:11px; margin-bottom:10px; left: 203px; top: 1480px; z-index: 2;}
.homeOverview {position:relative; width:587px; height:236px; margin:0px auto 10px auto; background: url(../img/home/overviewBg.jpg) no-repeat; padding:10px 0 0 17px;}
/*.homeOverview h1 {color:#fff; font-size:11px; margin-bottom:10px;}*/
.homeOverview h2 {color:#fff; font-size:11px; margin-bottom:10px;}
.homeOverview p {color:#fff; font-size:11px; margin: 20px 0 15px 0; line-height:14px; width:390px;}
.homeOverview ul {margin-bottom:15px; list-style:none; color: #fff; font-size: 11px; font-weight: normal;}
.homeOverview ul li {line-height:14px; padding-left:15px; background: url(../img/icons/errorBulletBlack.gif) no-repeat left 5px; margin-bottom: 5px; position:relative;}
.homeOverview ul.buttons {margin:0;}
.homeOverview ul.buttons li {padding:0; background:none; float:left; display:inline; margin-right:15px;}
.homeOverview ul.buttons li a {width:170px; height:21px; display: block; background: url(../img/buttons/homeOverviewButton.gif) no-repeat left top;}
.homeOverview ul.buttons li a:hover {background-position:left -21px;}

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

#basket {position: relative; width: 604px; margin: 0 auto; background: url(../img/basket/headBg.gif) no-repeat left top;}
#basket table {color: #000; width: 604px; border-collapse: collapse; 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: 11px; font-weight: bold; height: 25px; color: #fff; line-height: 23px; vertical-align: top; text-align: center;}
#basket table th div.headSep {background: url(../img/basket/headSep.gif) no-repeat left top; height: 25px; line-height: 23px;}

/*** GENERAL ***/
#basket table td {font-size: 11px; font-weight: normal; text-align: center; padding:8px 0; background: url(../img/basket/cellBg.gif) no-repeat left top; vertical-align: top;}
#basket table td.qty {width: 50px;}
#basket table td.qty input {padding:2px 0; width:28px; border:1px solid #cdcdcd; text-align: center;}
#basket table td.code {width: 70px; background-position: -2px top;}
#basket table td.image {width:65px; padding:7px 0 5px 0; text-align:left;}
#basket table td .placeholder {position: relative; width: 51px; height: 51px; margin: 0 auto;}
#basket table td .placeholder a {position: absolute; left:0; top:0; width:51px; height:51px; background: url(../img/trans1x1.gif); z-index:20;}
#basket table td.description {width:231px; text-align: left; padding-right: 10px; background-position: -1px top; font-size: 11px;}
#basket table td.description a {color: #000; font-weight: bold;}
#basket table td.description a:hover {text-decoration: underline;}
#basket table td.description p {font-weight: bold; font-size: 11px; margin-top: 8px; color: #00afaf;}
#basket table td.unitPrice {width: 65px; color: #00afaf;}
#basket table td.totalPrice {width: 75px; color: #00afaf; font-weight: bold;}
#basket table td.delete {width: 35px;}

/*** OFFER STYLES ***/
#basket table td .placeholder .sash {position: absolute; left:0; top:0; width:35px; height:35px; display:block; z-index:10;}
#basket table tr.new td .placeholder .sash {background: url(../img/logos/sashNewSmall.gif) no-repeat;}
#basket table tr.save td .placeholder .sash {background: url(../img/logos/sashSaveSmall.gif) no-repeat;}
#basket table tr.special td .placeholder .sash {background: url(../img/logos/sashSpecialSmall.gif) no-repeat;}
#basket table tr.Multibuy td .placeholder .sash {background: url(../img/logos/sashMultibuySmall.gif) no-repeat;}
#basket table tr.threeFor2 td .placeholder .sash {background: url(../img/logos/sash3for2Small.gif) no-repeat;}
#basket table tr.freeGift td .placeholder .sash {background: url(../img/logos/sashFreeGiftSmall.gif) no-repeat;}
#basket table tr.bundle td .placeholder .sash {background: url(../img/logos/sashBundleSmall.gif) no-repeat;}
#basket table tr.new td.description p, #basket table tr.Multibuy td.description p {color: #00afaf;}
#basket table tr.save td.description p {color: #d90000;}
#basket table tr.special td.description p, #basket table tr.bundle td.description p {color: #f9b600;}
#basket table tr.threeFor2 td.description p {color: #9ec12d;}
#basket table tr.freeGift td.description p  {color: #fb0404;}

/*** UPSELL - PACKAGE OFFERS ***/
#basket table tr.upsell td.common {background-position: -2px top;}
#basket table tr.upsell td.common p {float:left; display:inline; font-weight:bold; width:240px; text-align:left; padding-top:3px;}
#basket table tr.upsell td.common p.upsell {color:#000000; /*color:#00AFAF;*/}
#basket table tr.upsell td.common p.upsell span {color:#d90000;}
#basket table tr.upsell td.common p a {color:#000;}
#basket table tr.upsell td.common p a:hover {text-decoration:underline;}

#basket table tr.upsell.threeFor2 td div.threeFor2 {background: url(../img/logos/logo3For2Large.png) no-repeat; width:52px; height:52px; display:inline; float:left; margin:0 6px 0 7px;}
#basket table tr.upsell.threeFor2 td p {color: #9ec12d; float:left; display:inline; margin-top:16px; padding-top:0;}

#basket table tr.upsell.Multibuy td div.Multibuy {background: url(../img/logos/logoMultibuyLargeBlue.png) no-repeat; width:52px; height:52px; display:inline; float:left; margin:0 6px 0 7px;}
#basket table tr.upsell.Multibuy td p {color: #00afaf; float:left; display:inline; margin-top:16px; padding-top:0;}

#basket table tr.upsell.bundle td div.bundle {background: url(../img/logos/logoBundlesLarge.png) no-repeat; width:52px; height:52px; display:inline; float:left; margin:0 6px 0 7px;}
#basket table tr.upsell.bundle td p {color: #f9b600; float:left; display:inline; margin-top:16px; padding-top:0;}

#basket table tr.upsell.freeGift td div.freeGift {background: url(../img/logos/logoFreeGiftLargeRed.png) no-repeat; width:52px; height:52px; display:inline; float:left; margin:0 6px 0 7px;}
#basket table tr.upsell.freeGift td p {color: #fb0404; float:left; display:inline; margin-top:16px; padding-top:0;}

/*** UPSELL ***/
#basket table tr.upsell td.arrow {text-align: left; width: 70px; background-position: -2px -2px;}
#basket table tr.upsell td.arrow div.upsellArrow {background: url(../img/basket/upsellArrow.gif) no-repeat; width: 34px; height: 50px; position: relative; top: -20px; left: 30px;}
#basket table tr.upsell td.image {background-position: -2px -2px;}
#basket table tr.upsell td.image div.logoSaveMore {position: relative; background: url(../img/logos/logoSaveMoreLarge.png) no-repeat; width:52px; height:52px; display:block; margin:0 auto;}
#basket table tr.upsell td.description {background: url(../img/basket/upsellRowDots.gif) no-repeat left top;}
#basket table tr.upsell td .placeholder {position: relative; width: 51px; height: 51px; margin: -3px 7px 0 0; float:left;}
#basket table tr.upsell td img.placeholder {margin:0 7px; float:left; display:inline;}
#basket table tr.upsell td.buttons {background-position: -2px top;}
#basket table tr.upsell td.buttons ul {background: url(../img/basket/upsellButtonsShadow.gif) no-repeat; width: 37px; height: 46px; padding:4px 0 0 6px; float:right;}
#basket table tr.upsell td.buttons ul li {margin-bottom:4px;}
#basket table tr.upsell td.buttons ul li a {background: url(../img/buttons/upsellButton.gif) no-repeat left 0; width:31px; height:16px; padding-top:3px; color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase; text-align:center; display:block;}
#basket table tr.upsell td.buttons ul li a:hover {background-position: left -19px;}
#basket table tr.upsell td.buttons p {width:140px; color:#000; font-size:11px; text-align:center; line-height:16px; float:left; display:inline; margin:-1px 10px 0 0;}
#basket table tr.upsell td.buttons a {background: url(../img/buttons/upsellButton.gif) no-repeat left 0; width:58px; height:17px; padding-top:10px; color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase; text-align:center; display:block; float:left; display:inline; margin-top:8px;}
#basket table tr.upsell td.buttons a:hover {background-position: left -27px;}

/*** DEAL OF THE DAY ***/
#basket table tr.dealOfDay {}
#basket table tr.dealOfDay td.arrow {text-align: left; width: 70px; background-position: -2px -2px;}
#basket table tr.dealOfDay td.arrow div.dealIcon {width:70px; height:69px; margin-top:-14px; background: url(../img/logos/logoDealOfDay.png) no-repeat;}
#basket table tr.dealOfDay td.common {width:300px; background-position: -2px top;}
#basket table tr.dealOfDay td.common p {float:left; display:inline; font-weight:bold; width:230px; text-align:left; padding-top:3px;}
#basket table tr.dealOfDay td.common p.upsell {color:#000000; /*color:#00AFAF;*/}
#basket table tr.dealOfDay td.common p.upsell span {color:#d90000;}
#basket table tr.dealOfDay td.common p a {color:#000;}
#basket table tr.dealOfDay td.common p a:hover {text-decoration:underline;}

#basket table tr.dealOfDay td.image {background-position: -2px -2px;}
#basket table tr.dealOfDay td.image div.logoSaveMore {position: relative; background: url(../img/logos/logoSaveMoreLarge.png) no-repeat; width:52px; height:52px; display:block; margin:0 auto;}
#basket table tr.dealOfDay td.description {background: url(../img/basket/upsellRowDots.gif) no-repeat left top;}
#basket table tr.dealOfDay td .placeholder {position: relative; width: 51px; height: 51px; margin: -3px 7px 0 0; float:left;}
#basket table tr.dealOfDay td img.placeholder {margin:0 7px; float:left; display:inline;}
#basket table tr.dealOfDay td.buttons {background-position: -2px top;}
#basket table tr.dealOfDay td.buttons ul {background: url(../img/basket/upsellButtonsShadow.gif) no-repeat; width: 37px; height: 46px; padding:4px 0 0 6px; float:right;}
#basket table tr.dealOfDay td.buttons ul li {margin-bottom:4px;}
#basket table tr.dealOfDay td.buttons ul li a {background: url(../img/buttons/upsellButton.gif) no-repeat left 0; width:31px; height:16px; padding-top:3px; color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase; text-align:center; display:block;}
#basket table tr.dealOfDay td.buttons ul li a:hover {background-position: left -19px;}
#basket table tr.dealOfDay td.buttons p {width:140px; color:#000; font-size:11px; text-align:center; line-height:16px; float:left; display:inline; margin:-1px 10px 0 0;}
#basket table tr.dealOfDay td.buttons a {background: url(../img/buttons/upsellButton.gif) no-repeat left 0; width:58px; height:17px; padding-top:10px; color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase; text-align:center; display:block; float:left; display:inline; margin-top:8px;}
#basket table tr.dealOfDay td.buttons a:hover {background-position: left -27px;}


/*** EMPTY ROW ***/
#basket table tr.emptyRow td.msg {background-position: -2px top; padding: 0; vertical-align: middle; height: 50px; font-weight: bold;}

#basket .emptyBasket {height: 50px; color:#000; font-weight: bold; text-align:center; font-size:11px; padding-top:25px; margin-bottom:25px;}

/*** TOTALS TABLE ***/
#basket table.totals {color: #fff; width: 604px; border-collapse: collapse; background: #24afb4 url(../img/basket/footBg.gif) repeat-x left top;}
#basket table.totals td {font-size: 11px; font-weight: normal; background: url(../img/basket/footCellBg.gif) no-repeat left bottom; padding: 0; vertical-align: middle;}
#basket table.totals td.message {font-size: 11px; background: none; line-height: 14px;}
#basket table.totals td.message strong {color: #ffc74e;}
#basket table.totals td.text {width: 280px; text-align: right; height: 28px; padding: 0 15px 0 0;}
#basket table.totals td.value {width: 112px; text-align: left; height: 28px; text-indent: 15px; font-weight: bold;}
#basket table.totals td.text p.save {position:relative; width:100px; float:right; line-height:13px;}
#basket table.totals td.text p.save span {position:absolute; top:-5px; left:0; background: url(../img/basket/logoSaveSmall.png) no-repeat; width:34px; height:34px; display:block;}
#basket table.totals tr.totalRow td {background-position: left top;}

.basketButtons {width:604px; height:111px; background: url(/common/img/basket/buttonsBG.png) no-repeat 0 0; margin:0 auto 30px auto;}
.basketButtons .modifyBasket{width:382px; margin:16px 20px 0 30px; float:left; display:inline; background: url(/common/img/basket/modifyBasketBG.png) no-repeat 0 0;}
.basketButtons .modifyBasket a.clearBasket{float:left; display:inline; margin:5px 0 0 22px;}
.basketButtons .modifyBasket a.updateBasket{float:left; display:inline; margin:5px 0 0 20px;}
.basketButtons .modifyBasket a.keepShopping{float:left; display:inline; margin:5px 0 0 20px;}
.basketButtons .checkoutButton {width:122px; float:left; padding:5px 11px 4px 11px; margin:12px 0 0 13px; background: url(../img/basket/checkoutButtonBG.png) no-repeat 0 0;}
.basketButtons a.paypalButton{float:right; margin:14px 14px 0 0;}

/*
.basketButtons ul {position: absolute; top:22px; left:20px;}
.basketButtons ul li {float:left; display:inline; margin-left:22px;}
.basketButtons ul li.checkout {margin-left:93px;}
.basketButtons ul li.paypal {margin-left:119px; padding-top:17px;}
*/

.errorBarPaypal {background: url(../img/basket/paypalErrorBg.png) no-repeat; position:relative; width:395px; height:39px; margin:20px auto; padding: 10px 0 0 210px;}
.errorBarPaypal p {margin-right: 10px; color: #fff; font-size: 11px; line-height: 14px;}
.errorBarPaypal p a, .errorBarPaypal p a:hover, .errorBarPaypal p a:visited {color:#ffff00; text-decoration:underline;}

.comfortTones {position:relative; width:604px; height:81px; margin:0 auto 40px auto; background: url(../img/banners/comfortTonesBG.jpg) no-repeat 0 0;}
.comfortTones a {position:absolute; background: url(../img/trans1x1.gif); display:block; width:150px;}
.comfortTones a.delivery {left:230px; height:81px; top:0;}
/* .comfortTones a.paypalPopup {left:429px; height:40px; top:21px;} */

/*********************************************** INSPIRATION PAGE ***************************************************/

.inspirationNav {position: relative; width: 584px; background: #017f83 url(../img/customerServices/universalNavBg.gif) repeat-x left top; margin:-16px auto 20px auto;}
.inspirationNav .bottom {width: 584px; height:40px; background: url(../img/customerServices/universalNavBottom.gif) no-repeat left bottom; padding-top:10px;}
.inspirationNav ul {list-style:none; margin: 0; width: 584px; line-height:30px; font-size: 10px; text-align:center; padding:0;}
.inspirationNav ul li {display: inline; margin: 0 12px;}
.inspirationNav ul li a {text-decoration:none; color: #fff; font-weight: bold; text-transform:capitalize; padding:0;} 
.inspirationNav ul li a:hover, .inspirationNav ul li.active a {text-decoration: none; color:#00f7ff;}

.mainBanner.inspiration {width:604px; height:255px; margin:0 auto; background: url(../img/tempImgs/604x255.jpg) no-repeat left top;}
.mainBanner.inspiration h1 {position:relative; top:60px; left:21px; color:#fff; font-size:20px; z-index:50; width:583px;}
.mainBanner.inspiration h1 strong {color:#ffc74e; font-size:35px;}
.mainBanner.inspiration .itemsContainer {top:169px; width:604px; background: url(../img/inspiration/itemsContainerBg.gif) no-repeat left top;}
#mainContentOuter #mainContent .mainBanner.inspiration .itemsContainer .productItemSmall {margin:0 0 0 13px;}

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

.newsBox {position: relative; width: 586px; margin: 0 auto 15px auto; background: url(../img/news/boxBg.gif) repeat-y top;}
.newsBox .header {position: relative; width: 586px; height: 39px; padding-top:10px; background: url(../img/news/boxTop.gif) no-repeat;}
.newsBox .background {position: relative; width: 566px; background: url(../img/news/boxBottom.gif) no-repeat left bottom; padding:10px 10px 8px 10px;}
.newsBox .header h1, .newsBox .header h2.articleHeader {margin:0 0 3px 134px; color: #fff; font-size: 11px; width:335px; line-height:13px;} 
.newsBox .header h2.articleHeader a {color: #fff; font-size: 11px;}
.newsBox .header p.date {color: #88eaee; font-size: 11px; font-weight: bold; width:335px; margin-left:134px;}
.newsBox p {color: #333; font-size: 11px; margin-bottom:10px; line-height: 14px;}
.newsBox p a {color: #25A8AC; font-size: 11px; font-weight: normal; text-decoration:underline;}
.newsBox p a:hover {text-decoration:none;}
.newsBox h2 {color: #333; font-size: 11px; margin-bottom:5px;}
.newsBox ul {margin-bottom:10px; padding:0; list-style:none; color: #333; font-size: 11px; font-weight: normal;}
.newsBox ul li {line-height:14px; padding-left:15px; background: url(../img/icons/errorBullet.gif) no-repeat left 5px; margin-bottom: 5px; position:relative;}
.newsBox .placeholder {position: relative; float: left; display: inline; width: 112px; height: 112px; padding: 2px 0 0 2px; margin: -47px 10px 5px 0; z-index: 10; background: url(../img/news/placeholderSmall.gif) no-repeat left top;}
.newsBox .content {float: left; display: inline; width: 442px;}
.newsBox.large .placeholder {width: 152px; height: 152px; background: url(../img/news/placeholderLarge.gif) no-repeat left top;}
.newsBox.large .header h1, .newsBox.large .header p.date {margin-left:174px;}

/********************************************** CUSTOMER GALLERY PAGES ***********************************************/

.galleryBox {position: relative; width: 586px; margin: 0 auto 15px auto; background: url(../img/news/boxBg.gif) repeat-y top;}
.galleryBox .header {position: relative; width: 586px; height: 39px; padding-top:10px; background: url(../img/news/boxTop.gif) no-repeat;}
.galleryBox .background {position: relative; width: 586px; background: url(../img/news/boxBottom.gif) no-repeat left bottom; padding:10px 0 20px 0;}
.galleryBox .header p {margin:0 0 3px 186px; font-size: 11px; font-weight: bold; width:390px; line-height:13px;} 
.galleryBox .header p.name {color: #fff;} 
.galleryBox .header p.location {color: #88eaee;}
.galleryBox p {color: #333; font-size: 11px; margin-bottom:10px; line-height: 14px;}
.galleryLeft p { margin: 0; padding: 0 0 1px 0; text-align: center; }
.galleryBox h3 {color: #00a2a7; font-size: 10px; margin-bottom:10px; text-transform:uppercase; background: url(../img/customerGallery/dotsBlue.gif) no-repeat right bottom; width:100%;}
/*.galleryBox .galleryPlaceholder {position: relative; float: left; display: inline; width: 164px; height: 180px; padding: 6px 0 0 11px; margin: -58px 0 5px 1px; z-index: 10; background: url(../img/customerGallery/placeholder.jpg) no-repeat;}*/
.galleryBox .galleryHolder {padding:20px 0 0 35px; width:191px; height:200px; background-image:url(../img/customerGallery/imageBg.gif); background-repeat:no-repeat; background-position:15px 0; float:left; margin-top:-58px; position: relative;}
.galleryBox .galleryHolder .photo {padding:0 0 5px 0;}
.galleryBox .galleryHolder .enlarge {width:131px; height:0px; padding:20px 0 0 0; background-image:url(../img/customerGallery/enlargeBtn.gif); background-repeat:no-repeat; display:block; overflow:hidden;}
.galleryBox .galleryHolder .enlarge:hover {background-position:0 -20px;}
.galleryBox .content {float: left; display: inline; width: 395px; padding-left: 21px; }

.galleryBox .background .galleryLeft {float:left; width:164px;}
.galleryBox .background .galleryLeft .customerVideoBtn {width:159px; height:0px; padding:29px 0 0 0; background-image:url(../img/buttons/customerVideoBtn.gif); background-repeat:no-repeat; display:block; overflow:hidden; margin:0 auto;}
.galleryBox .background .galleryLeft .customerVideoBtn:hover {background-position:0 -29px;}

.galleryBox .product {position:relative; height:47px; background: url(../img/customerGallery/dotsGrey.gif) no-repeat left bottom; margin-bottom:6px;}
.galleryBox .product.bottom {background:none;}
.galleryBox .product .placeholder {float:left; display:inline; width:40px; height:40px; margin-right:10px;}
.galleryBox .product .content {width:190px;}
.galleryBox .product .content h2 a {color: #333; font-size: 11px; line-height:14px; text-decoration:none; font-weight:normal;}
.galleryBox .product .content h2 a:hover {text-decoration:underline;}
.galleryBox .product .buttonContainer {background: url(../img/checkout/buttonContainerSprite.gif) no-repeat left -104px; height: 21px; padding-top:5px; width:111px; float:left; display:inline; margin-top:8px;} 
.galleryBox .product .buttonContainer a {margin: 0 auto;} 
.galleryBox .galleryPlaceholder { background: url(../img/customerGallery/placeholder.jpg) left top no-repeat; display: inline; float: left; height: 180px; margin: -58px 0 5px 1px; padding: 6px 0 0 11px; position: relative; width: 164px; z-index: 10; }

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

.sitemapContent {position: relative; width: 604px; margin: 0 auto; padding: 0;}

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

.sitemapContent ul {list-style:none; margin: 0 0 20px 20px; padding:0;}
.sitemapContent ul li {position: relative; font-size: 10px; margin-bottom: 4px; line-height: 17px; background: url(../img/icons/blueBullet.gif) no-repeat left 4px; padding-left: 10px;}
.sitemapContent ul li a {text-decoration:none; color: #333; font-weight: bold; position: relative;}
.sitemapContent ul li a:hover {text-decoration: underline; }

.sitemapContent ul li ul {margin: 0 0 8px 12px;} 
.sitemapContent ul li ul li {line-height: 17px; background: url(../img/icons/blueBulletSmall.gif) no-repeat left 5px; padding-left: 8px; margin-bottom: 0;}

.sitemapContent ul li ul li ul {margin: 0 0 8px 12px;} 
.sitemapContent ul li ul li ul li a {font-weight:normal;}

.sitemapContent ul li ul li ul li ul {margin: 0 0 8px 12px;} 
.sitemapContent ul li ul li ul li ul li {line-height: 13px; background: url(../img/icons/blueBulletSquare.gif) no-repeat left 5px;}

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

.error404Content {position: relative; width: 604px; margin: 0 auto 25px auto; padding: 18px 0 30px 0;}
.error404Content h2 {background: url(../img/errorHeaderSprite.gif) no-repeat left 0; margin: 0 auto 25px auto; width:507px; display:block;}
.error404Content p {margin: 0 0 5px 82px; padding:0px; color: #333; font-size: 11px; font-weight: bold;}
.error404Content ul {margin: 0 0 30px 82px; padding:0; list-style:none; list-style-position: outside; width: 450px; color: #858585; font-size: 11px; font-weight: normal;}
.error404Content ul li {line-height:16px; padding-left:15px; background: url(../img/icons/errorBullet.gif) no-repeat left 5px; margin-bottom: 7px;}
.error404Content a {color: #02a1a5; font-size: 11px; font-weight: bold; text-decoration: underline;}
.error404Content a:hover {text-decoration: none;}

.error500Content {position: relative; width: 604px; margin: 0 auto 25px auto; padding: 18px 0 30px 0; text-align: center;}
.error500Content h2 {background: url(../img/errorHeaderSprite.gif) no-repeat left -18px; margin: 0 auto 25px auto; width:437px; display:block;}
.error500Content P {color: #333; font-size: 11px; font-weight: bold; margin-bottom: 35px;}

.errorInfoBox {position: relative; width: 356px; height: 69px; margin: 0 auto; padding: 30px 0 0 85px; background: url(../img/errorInfoBox.jpg) no-repeat; text-align:left;}
.errorInfoBox p {margin:0; color: #fff; font-size: 11px; font-weight:normal; line-height:18px;}
.errorInfoBox p a {color: #fff; font-size: 11px; font-weight:normal; text-decoration: underline;}
.errorInfoBox p a:hover {text-decoration: none;}

/*.lightBoxPhoto {width:668px; margin:0 auto;}
.lightBoxPhoto .header {background-image:url(../img/customerGallery/bgPhotoHeader.png); background-repeat:no-repeat; height:38px; padding:53px 97px 0 100px;}
.lightBoxPhoto .header .name {font-size:16px; color:#FFFFFF; float:left; padding-top:4px;}
.lightBoxPhoto .header .name span {color:#88eaee;}
.lightBoxPhoto .header .closeBtn {width:45px; height:16px; background-image:url(../img/buttons/closeBtn.png); padding:10px 0 0 16px; display:block; overflow:hidden; float:right; position:relative; font-size:11px; color:#FFFFFF;}
.lightBoxPhoto .header .closeBtn:hover {background-position:0 -26px; text-decoration:none;}
.lightBoxPhoto .header .closeBtn:active {text-decoration:none;}
.lightBoxPhoto .header .closeBtn:visited {text-decoration:none;}

.lightBoxPhoto .main {background-image:url(../img/customerGallery/bgPhotoCenter.png); background-repeat:repeat-y; padding:0 0 0 61px; width:607px; float:left;}

.lightBoxPhoto .main .previousImage {width:0px; height:0px; padding:39px 19px 0 0; background-image:url(../img/buttons/galleryLargePreviousImage.png); background-repeat:no-repeat; background-position:-38px 0; display:block; overflow:hidden; float:left; margin-top:209px;}
.lightBoxPhoto .main .previousImage:hover {background-position:-19px 0;}
.lightBoxPhoto .main .previousImage:active {background-position:0 0;}

.lightBoxPhoto .main .polaroidHolder {width:471px; height:521px; background-image:url(../img/customerGallery/polaroidLargeBg.gif); background-repeat:no-repeat; float:left; margin:0 20px;}

.lightBoxPhoto .main .nextImage {width:0px; height:0px; padding:39px 19px 0 0; background-image:url(../img/buttons/galleryLargeNextImage.png); background-repeat:no-repeat; background-position:0 0; display:block; overflow:hidden; float:left; margin-top:209px;}
.lightBoxPhoto .main .nextImage:hover {background-position:-19px 0;}
.lightBoxPhoto .main .nextImage:active {background-position:-38px 0;}

.lightBoxPhoto .main .polaroidImage {padding:10px 0 14px 10px;}

.lightBoxPhoto .main .customerVideoBtn {width:159px; height:0px; padding:29px 0 0 0; background-image:url(../img/buttons/customerVideoBtn.gif); background-repeat:no-repeat; display:block; overflow:hidden; margin:0 auto; clear:left;}
.lightBoxPhoto .main .customerVideoBtn:hover {background-position:0 -29px;}
.lightBoxPhoto .footer {margin-top:0}*/

.overlay {width:100%; height:100%; display:none; position:fixed; top:0; left:0; opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:.80; background:#000000; z-index:1100;}

.lightBoxWrapper {z-index: 1101; float:left; padding:0 40px 20px; position:absolute; top:100px; left:100px; background-image:url(../img/customerGallery/bgCenter.png); background-repeat:repeat; width: auto;}
.lightBoxWrapper .topLeft{position:absolute; background-image:url(../img/customerGallery/bgTopLeft.png); height:45px; width:45px; top:-45px; left:-45px;}
.lightBoxWrapper .top {width:100%; height:45px; position:absolute; top:-45px; left:0; background-image:url(../img/customerGallery/bgTop.png); background-repeat:repeat-x;}
.lightBoxWrapper .topRight {position:absolute; top:-45px; Right:-45px; background-image:url(../img/customerGallery/bgTopRight.png); height:45px; width:45px;}
.lightBoxWrapper .left {width:45px; height:100%; position:absolute; top:0; left:-45px; background-image:url(../img/customerGallery/bgLeft.png); background-repeat:repeat-y; z-index: 1900;}
.lightBoxWrapper .right {width:45px; overflow: hidden; height:100%; position:absolute; top:0; right:-45px; background-image:url(../img/customerGallery/bgRight.png); background-repeat:repeat-y;}
.lightBoxWrapper .bottomLeft {position:absolute; background-image:url(../img/customerGallery/bgBottomLeft.png); height:45px; width:45px; bottom:-45px; left:-45px;}
.lightBoxWrapper .bottom {width:100%; height:45px; position:absolute; bottom:-45px; left:0; background-image:url(../img/customerGallery/bgBottom.png); background-repeat:repeat-x;}
.lightBoxWrapper .bottomRight {overflow: hidden; position:absolute; bottom:-45px; Right:-45px; background-image:url(../img/customerGallery/bgBottomRight.png); height:45px; width:45px;}

.lightBoxWrapper a.previousImage {width:0px; height:0px; padding:39px 19px 0 0; background: url(../img/buttons/galleryLargePreviousImage.png) no-repeat -38px 0; display:block; overflow:hidden; position:absolute; top:239px; left:5px; cursor: pointer;}
.lightBoxWrapper a.previousImage:hover {background-position:-19px 0;}
.lightBoxWrapper a.previousImage:active {background-position:0 0;}
.lightBoxWrapper a.nextImage {width:0px; height:0px; padding:39px 19px 0 0; background: url(../img/buttons/galleryLargeNextImage.png) no-repeat 0 0; display:block; overflow:hidden; position:absolute; top:239px; right:5px; cursor: pointer;}
.lightBoxWrapper a.nextImage:hover {background-position:-19px 0;}
.lightBoxWrapper a.nextImage:active {background-position:-38px 0;}

.lightBoxWrapper .header{color:#FFFFFF; padding:15px 0 20px; width: auto; height: 25px;}
.lightBoxWrapper .header span {float: left;width: 300px;}
.lightBoxWrapper .header .closeBtn {width:45px; height:16px; background-image:url(../img/buttons/closeBtn.png); padding:10px 0 0 16px; display:block; float:right; position:relative; font-size:11px; color:#FFFFFF;}
.lightBoxWrapper .header .closeBtn:hover {background-position:0 -26px; text-decoration:none;}
.lightBoxWrapper .header .closeBtn:active {text-decoration:none;}
.lightBoxWrapper .header .closeBtn:visited {text-decoration:none;}

.lightBoxWrapper .photoWrapper {float:left; padding:10px 10px 15px 10px; background-color:#FFFFFF;}
.lightBoxWrapper .photoWrapper .customerPhoto {display:block; margin:0 auto;}
.lightBoxWrapper .photoWrapper .customerPhoto .image {padding-bottom:15px;}
.lightBoxWrapper .photoWrapper .btn_addBasket {margin:10px auto 0;}
.lightBoxWrapper .photoWrapper p.basketMsg {clear:left; height:16px; margin-top:6px; font-size:12px; font-weight:bold; text-align:center; color:#545454;}
.customerVideoBtn {width:159px; height:0px; padding:29px 0 0 0; background-image:url(../img/buttons/customerVideoBtn.gif); background-repeat:no-repeat; display:block; overflow:hidden; margin:0 auto; clear:left;}
.customerVideoBtn:hover {background-position:0 -29px;}
/* Chrome rendering fix - for treepodia videos */
#swfID_0 {display:block;}