/******************************************************* LIGHTS 4 FUN SITE CONSTRUCTION ***************************************************/ /*** RESET STYLES ***/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; font-family: Tahoma, Verdana, Arial, "sans serif"; } :focus {outline: 0;} ol, ul {list-style: none;} a {text-decoration:none;} a:hover {text-decoration:underline;} p {font-weight:normal;} strong, h1, h2, h3, h4, h5, h6 {font-weight:bold;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal; vertical-align: middle;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} hr {display:none;} div.hr {height:1px; clear:both; background-position:0 0; background-repeat:repeat-x;} legend {display:none;} /************************************ SITE SETTINGS *****************************************/ body {width:100%; height:100%; line-height:1; color:#fff; background:#000000 url(../img/header/bgSlice.gif) repeat-x 0 0;} .clear {clear:both;} .clear0 {height:0px; line-height:0px; clear:both;} .clear5 {height:5px; line-height:5px; 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;} .irt10px {padding: 10px 0 0 0; overflow: hidden; height: 0px !important; height /**/:10px;} .irt14px {padding: 14px 0 0 0; overflow: hidden; height: 0px !important; height /**/:14px;} .irt13px {padding: 13px 0 0 0; overflow: hidden; height: 0px !important; height /**/:13px;} .irt16px {padding: 16px 0 0 0; overflow: hidden; height: 0px !important; height /**/:16px;} .irt18px {padding: 18px 0 0 0; overflow: hidden; height: 0px !important; height /**/:18px;} .irt20px {padding: 20px 0 0 0; overflow: hidden; height: 0px !important; height /**/:20px;} .irt22px {padding: 22px 0 0 0; overflow: hidden; height: 0px !important; height /**/:22px;} .irt27px {padding: 27px 0 0 0; overflow: hidden; height: 0px !important; height /**/:27px;} .marginRight10px {margin-right:10px;} .height28 {height:28px;} .height130 {height:130px;} .height56 {height:56px;} span.backIcon {background: url(../img/icons/whiteBulletSmallRev.gif) no-repeat left 4px; padding-left:10px;} /****************************************** CONSTRUCTION ***************************************/ #headerContainer {width:100%;} #header {position:relative; z-index:201; width:1004px; height:148px; margin:0 auto; background:url(../img/header/contentBg.gif) no-repeat bottom left;} #mainContainer {width:1004px; margin:0 auto; padding:0; position:relative;} #breadCrumb {height:35px; width:100%; background: url(../img/breadcrumbBg.gif) repeat-x 0 0} #breadCrumb ol {margin:0; height:21px; line-height: 19px; width:993px; padding-left: 11px;} #breadCrumb ol li {float: left; display:inline; padding-left:10px; margin-right: 4px; background: url(../img/icons/breadcrumbBullet.gif) no-repeat left 7px; font-weight: bold; font-size:11px; color:#fff;} #breadCrumb ol li.first {padding-left:17px; background:url(../img/icons/breadcrumbHome.gif) no-repeat left 4px;} #breadCrumb ol li a, #breadCrumb ol li a:visited, #breadCrumb ol li a:link, #breadCrumb ol li a:active {color:#fff; font-weight: normal; font-size:11px;} #leftColumn {float: left; display:inline; width:165px; margin:0; padding-left:11px;} #mainContentOuter {float: left; display: inline; width: 624px; margin:0; background: #fff url(../img/mainContentTop.gif) no-repeat top left;} #mainContent {width: 624px; margin:0; position:relative; background: url(../img/mainContentBottom.gif) no-repeat bottom left; padding:10px 0;} #rightColumn {position: relative; z-index:1; float: left; display:inline; width:204px; margin:0; padding-left:0;} .paypalHeader {position:absolute; top:-15px; right:17px; z-index:100;} /******************************************* HEADER *********************************************/ #header .logo {position:absolute; top:9px; left:0; width:269px; height:60px;} #header img.phoneNum {position:absolute; top:14px; right:257px;} #header img.tvOffers {position:absolute; top:15px; left:300px;} #header #post-it {width:164px; height:133px; position:absolute; top:0; left:318px;} #header .pi-opening {width:164px; height:133px; float:left; display:none; position:absolute; top:0; left:0; background:url(/common/img/header/postit-opening-alt.png) no-repeat 0 0;} #header .pi-delivery {width:164px; height:133px; float:left; display:none; position:absolute; top:0; left:0; background:url(/common/img/header/postit-delivery-alt.png) no-repeat 0 0;} #header #post-it a:first-child {display:block;} #header .strike_banner{position:absolute; top:0; left:318px} #header ul.headerLinks {position: absolute; top:20px; right:0;} #header ul.headerNav {position: absolute; top:57px; right:0;} #header ul li {background: url(../img/header/linksSep.gif) no-repeat right 2px; float: left; display: inline; padding: 0 11px; font-size:11px; line-height:13px;} #header ul li.end, #header ul li.bookmark {background: none;} #header ul li a {color: #c1c1c1; font-weight: normal;} #header ul li a:hover {color: #fff; text-decoration:none;} #header ul li.email a {background: url(../img/icons/emailFriend.gif) no-repeat 0 3px; padding-left: 14px;} #header ul li.bookmark a {background: url(../img/icons/bookmark.gif) no-repeat 0 3px; padding-left: 10px;} #header .search {position:absolute; top:101px; left:11px;} #header .search label {background: url(../img/header/labelSprite.gif) no-repeat left top; width:68px; float:left; display:block; margin-top:2px;} #header .search input {width: 140px; padding: 2px 0 2px 4px; color: #292929; font-size: 11px; border:1px solid #7f9db9; float:left; display:inline; margin:0 10px;} #header .search .searchDropDown {width:364px; position:absolute; top:32px; left:-11px; z-index:201;} #header .search .searchDropDown .sddHeader {width:364px; height:27px; position:absolute; top:-11px; left:0; background-repeat:no-repeat; background-position:0 0; background-image:url(../img/header/searchDropDownShadow.png);} #header .search .searchDropDown .sddContent {width:344px; padding:0 10px 4px; background-repeat:repeat-y; background-position:0 0; background-image:url(../img/header/searchDropDownBg.png);} #header .search .searchDropDown .sddContent h6#searchLoading {line-height:24px; padding:10px 14px 10px 50px; font-size:14px; background:#017f83 url(../img/header/ajax-loader.gif) no-repeat 14px 10px;} #header .search .searchDropDown .sddContent h6#noResults {line-height:24px; padding:10px 14px; font-size:14px; background:#017f83;} #header .search .searchDropDown .sddContent .suggestiveText {width:304px; padding:10px 20px; overflow:auto; background:#017f83;} #header .search .searchDropDown .sddContent .suggestiveText ul li {clear:left; width:304px; padding:0; float:left; background:none;} #header .search .searchDropDown .sddContent .suggestiveText ul li a {line-height:20px; font-size:11px; color:#ffffff;} #header .search .searchDropDown .sddContent .suggestiveText ul li a:hover {text-decoration:underline;} #header .search .searchDropDown .sddContent .suggestiveText ul li a strong {color:#ffc74e;} #header .search .searchDropDown .sddContent .suggestiveProds {width:304px; padding:10px 20px; overflow:auto; background:#ffffff url(../img/header/search-prod-bottom.gif) no-repeat 0 bottom;} #header .search .searchDropDown .sddContent .suggestiveProds h6 {margin:0 6px 10px 0; float:left; font-size:18px; font-weight:bold; color:#000000;} #header .search .searchDropDown .sddContent .suggestiveProds a.viewAll {margin-top:5px; float:left; font-size:11px; font-weight:bold; color:#00afaf;} #header .search .searchDropDown .sddContent .suggestiveProds .product {clear:left; width:304px; float:left; padding:6px 0; background:url(../img/header/search-divide.gif) no-repeat 0 bottom;} #header .search .searchDropDown .sddContent .suggestiveProds .product .image {width:28px; height:28px; margin-right:10px; float:left;} #header .search .searchDropDown .sddContent .suggestiveProds .product h3 {width:200px; float:left; font-family:tahoma; font-size:10px; font-weight:bold;} #header .search .searchDropDown .sddContent .suggestiveProds .product h3 a {color:#000000;} #header .search .searchDropDown .sddContent .suggestiveProds .product .price {float:right; font-size:11px; font-weight:bold; color:#00afaf;} #header .search .searchDropDown .sddFooter {width:364px; height:6px; position:absolute; bottom:-6px; left:0; background-repeat:no-repeat; background-position:right bottom; background-image:url(../img/header/searchDropDownBg.png);} #header .loggedInButton {position: absolute; top:96px; left:318px; background: url(../img/buttons/loggedInButton.gif) no-repeat; width:139px; height:28px; display:block;} #header .loggedInButton a {float:right; color:#fff; font-size:10px; font-weight:normal; text-decoration:underline; margin-right:11px; line-height:28px;} #header .loggedInButton a:hover {text-decoration:none;} #header .basket {position: absolute; top:101px; left:499px;} #header .basket h2 {background: url(../img/header/labelSprite.gif) no-repeat left -14px; width:73px; float:left; display:block; margin:2px 15px 0 0;} #header .basket .basketHeading {background: url(../img/header/labelSprite.gif) no-repeat left -14px; width:73px; float:left; display:block; margin:2px 15px 0 0;} #header .basket p {color: #fff; font-size: 10px; float:left; display:inline; margin-top:5px;} #header .basket p strong {font-size: 11px;} #header .basket p.items {width:70px;} #header .basket p.total {width:95px;} #header .basket .buttonsContainer {float:left; display:inline; width:245px; height:21px;} #header .protxImg {position:absolute; top:93px; left:262px;} /********* HEADER BASKET *********/ #headerBasketContainer {position:absolute; top:133px; right:0; width:374px; /*height:385px;*/ background: url(../img/header/basket/containerBg.gif) no-repeat left bottom; z-index:250;} #headerBasket {position:relative; width:374px;} #headerBasket .outerContainer {position: relative; width: 354px; margin: 0 auto; padding-bottom:10px;} #headerBasket table {color: #000; border-collapse: collapse; font-family: Tahoma, Arial, Verdana;} #headerBasket a, #headerBasket a:link, #headerBasket a:active, #headerBasket a:visited {text-decoration: none; font-family: Tahoma, Arial, Verdana;} /*** HEADER TABLE ***/ #headerBasket table.header {color: #fff; width: 354px; height: 26px; border-collapse: collapse; background: url(../img/header/basket/headBg.gif) repeat-x left top;} #headerBasket table.header th {font-size: 10px; font-weight: bold; height: 26px; color: #fff; line-height: 26px; vertical-align: top; text-align: center;} #headerBasket table.header th.qty {width: 32px;} #headerBasket table.header th.total {width: 76px;} #headerBasket table.header th div.sep {background: url(../img/header/basket/headSep.gif) no-repeat left top; height: 26px; line-height: 26px;} /*** GENERAL ***/ #headerBasket .innerContainer {width: 354px; overflow: hidden; position:relative; background-color:#fff;} #headerBasket .innerContainer.scroll {height:280px; overflow: scroll;} #headerBasket .innerContainer.scroll table td.totalPrice {width: 60px;} #headerBasket table td {font-size: 10px; font-weight: normal; text-align: center; padding: 8px 0 3px 0; background: url(../img/icons/dotsHorizGrey.gif) repeat-x left top; vertical-align: top;} #headerBasket table td.image {text-align: left; width: 49px; padding: 6px 0 5px 0;} #headerBasket table td .placeholder {width: 29px; height: 29px; margin: 0 auto;} #headerBasket table td.description {text-align: left; padding-right: 10px; background-position: -1px top; font-weight: bold;} #headerBasket table td.description a {color: #000; font-weight: bold; line-height:12px;} #headerBasket table td.description a:hover {text-decoration: underline;} #headerBasket table td.qty {width: 32px;} #headerBasket table td.totalPrice {width: 76px; color: #00afaf; font-weight: bold; font-size:11px;} /*** EMPTY ROW ***/ #headerBasket table tr.emptyRow td {vertical-align: middle; width:354px; height: 40px; font-weight: bold; padding:0;} /*** UPSELL ROW ***/ #headerBasket table tr.upsell td {vertical-align: middle; height: 40px; padding:0; background:none; text-align:left;} #headerBasket table tr.upsell td div {background: url(../img/header/basket/upsellBg.gif) no-repeat; width:301px; height:27px; position:relative; margin:0 auto;} #headerBasket table tr.upsell td div p {color:#00c3c3; font-size:9px; font-weight:bold; text-transform:uppercase; text-indent:32px; line-height:25px;} /*** FOOTER TABLE ***/ #headerBasket table.footer {color: #fff; width: 354px; height: 35px; border-collapse: collapse; background: url(../img/header/basket/footBg.gif) no-repeat; position:relative;} #headerBasket table.footer td {font-size: 12px; font-weight: bold; padding: 0; vertical-align: middle; background:none;} #headerBasket table.footer td.message {font-size: 9px; font-weight: bold; text-transform:uppercase; line-height:14px;} #headerBasket table.footer td.message strong {color:#ffc74e;} #headerBasket table.footer td.text {width: 80px; text-align:right; padding-right:10px;} #headerBasket table.footer td.value {width: 76px;} #headerBasket .buttonsContainer {height:21px; margin-top:10px;} #headerBasket .buttonsContainer ul li {background: none; float: right; display: inline; padding:0; margin-right:10px;} #headerBasket .buttonsContainer ul li a {color: #fff; font-size: 11px; font-weight: bold; text-align:center; line-height:19px;} #headerBasket .buttonsContainer ul li a:hover.whiteText {text-decoration: none;} /******************************************* LEFT COLUMN *********************************************/ #leftColumn h2 {background: url(../img/leftColumn/headerSprite.gif) no-repeat; display:block; margin-bottom:8px; padding-top: 17px; overflow: hidden; height: 0px !important; height /**/:17px;} #leftColumn h2.productRange {background-position: 0 0; width:126px;} #leftColumn h2.productType {background-position: 0 -17px; width:114px;} #leftColumn h2.offers {background-position: 0 -34px; width:61px;} #leftColumn h2.newsletter {background-position: 0 -51px; width:102px;} #leftColumn .dividerPad { margin: 10px 0 0 0; } #leftNav {width: 165px; margin: 0; padding: 17px 0 0 0;} #leftNav ul {position:relative; z-index:21; margin-bottom: 17px; padding-bottom: 7px; width: 165px; font-size: 11px; background: url(../img/leftColumn/yellowSep.gif) no-repeat left bottom;} #leftNav ul li {position:relative; display:block; width: 159px; padding-left:6px; margin-bottom:8px;} #leftNav ul li a {background: url(../img/icons/blueBullet.gif) no-repeat left 4px; display:block; width:148px; text-decoration:none; line-height:14px; color: #fff; /*color:#00c3c3;*/ font-weight: normal; padding: 2px 0 4px 11px;} #leftNav ul li a:hover, #leftNav ul li a.active {text-decoration: none; /*color:#03f2f8;*/ color:#00c3c3;} #leftNav ul.productType li a {color:#ffc74e; /*color:#fff;*/} #leftNav ul.productType li a:hover, #leftNav ul.productType li a.active {color:#fff;} #leftNav ul li ul {margin-bottom: 0; width: 159px; padding: 4px 0 1px 0; background: none;} #leftNav ul li ul li {width: 142px; padding-left:17px; margin-bottom:4px;} #leftNav ul li ul li a {background: url(../img/icons/blueBulletSmall.gif) no-repeat left 4px; width:132px; /*color: #c1c1c1;*/ color:#fff; padding: 1px 0 1px 10px;} .newsletterSignUpBlue {width:165px; height:30px; padding:86px 0 0 11px; margin: 0 0 0 -11px; position:relative; background:url(../img/leftColumn/signUpBg.gif) no-repeat 0 0;} .newsletterSignUpOrange .background {background-image:url(../img/rightColumn/signUpBg.gif); background-repeat:no-repeat; width:174px; height:11px; padding:86px 0 20px 11px; } .emailAddressInput {height:16px; font-size:11px; padding:1px 0 0 4px; float:left; border-color:#7f9db9; margin:2px 0 0 0; border-width:1px; border-style:solid;} .newsletterSignUpBlue .emailAddressInput {width:105px;} .newsletterSignUpOrange .emailAddressInput {width:125px;} .blue {width:105px;} .orange {width:125px;} .emailAddressSubmit {position: relative; width:21px; height:17px; background:url(../img/buttons/go.png) no-repeat 0 0; color:#FFFFFF; font-size:11px; padding:4px 0 0 6px; float:left; margin:0 0 0 4px;} .emailAddressSubmit:hover {background-position:0 -21px; text-decoration:none;} .facebook {width:184px; height:0px; padding:61px 0 0 0; display:block; background-image:url(../img/rightColumn/facebook.gif); background-repeat:no-repeat; background-position:0 0; overflow:hidden;} .facebook:hover {background-position:0 -61px;} .twitter {width:184px; height:0px; padding:61px 0 0 0; display:block; background-image:url(../img/rightColumn/twitter.gif); background-repeat:no-repeat; background-position:0 0; overflow:hidden; margin-top:15px;} .twitter:hover {background-position:0 -61px;} /*** FLYOUT MENU ***/ #leftNav ul li:hover, #leftNav ul li.iehover {z-index: 1;} #leftNav ul li.subNav .flyoutMenu {background: #000 url(../img/leftColumn/yellowSep.gif) no-repeat left top; width: 155px; position: absolute; left: 159px; top: -10px; display: none; margin: 0; padding: 0;} #leftNav ul li.subNav:hover .flyoutMenu, #leftNav ul li.iehover .flyoutMenu {display: block;} #leftNav ul li.subNav .flyoutMenu ul li.subNav .flyoutMenu {left: 155px; display:none;} #leftNav ul li.subNav .flyoutMenu ul li.subNav:hover .flyoutMenu, #leftNav ul li.subNav .flyoutMenu ul li.iehover .flyoutMenu {display: block;} #leftNav ul li.subNav .flyoutMenu ul {background: url(../img/leftColumn/yellowSep.gif) no-repeat left bottom; list-style:none; margin: 0; padding: 10px 0 8px 0; width: 155px; font-size: 11px;} #leftNav ul li.subNav .flyoutMenu ul li {position:relative; list-style:none; margin-bottom:4px; padding: 0; width: 155px;} #leftNav ul li.subNav .flyoutMenu ul li a, #leftNav ul li.subNav .flyoutMenu ul li.subNav .flyoutMenu ul li a {background: url(../img/icons/blueBulletSmall.gif) no-repeat 10px 4px; display:block; width:135px; line-height:14px; text-decoration:none; color: #fff; /*color:#00c3c3;*/ font-weight: normal; padding: 1px 0 1px 20px;} #leftNav ul li.subNav .flyoutMenu ul li a:hover, #leftNav ul li.subNav .flyoutMenu ul li.subNav .flyoutMenu ul li a:hover, #leftNav ul li.subNav .flyoutMenu ul li a.active, #leftNav ul li.subNav .flyoutMenu ul li.subNav .flyoutMenu ul li a.active {text-decoration: none; /*color:#05dadf;*/ color:#00c3c3;} /*************************/ #leftNav .offersNav {background: url(../img/leftColumn/offersNavBg.jpg) no-repeat 86px 0;} #leftNav .offersNav ul {padding-bottom: 13px;} #leftNav .offersNav ul li {margin-bottom:4px;} #leftNav .offersNav ul li a {background: url(../img/icons/blueBullet.gif) no-repeat left 2px; width:148px; padding: 0 0 2px 11px; font-weight:bold; color:#fff;} #leftNav .offersNav ul li a:hover {text-decoration: none; color:#03f2f8;} /*#leftColumn div.newsletter {position: relative; width: 155px; background: url(../img/leftColumn/yellowSep.gif) no-repeat left bottom; margin-bottom: 20px; padding-bottom: 17px;}*/ div.newsletter p {width: 128px; color: #fff; font-size: 11px; font-weight: normal; margin: 0 0 10px 17px; line-height: 14px;} div.newsletter fieldset label {display: none;} div.newsletter fieldset label {display: none;} div.newsletter fieldset .loginField {width: 155px; clear: both;} /*#leftColumn div.newsletter fieldset .loginField input {width: 122px; margin-left: 17px; padding: 2px 0 2px 4px; color: #292929; border:1px solid #7f9db9; font-size: 11px; font-weight: normal;}*/ div.newsletter fieldset .loginField input {color: #292929; border:1px solid #7f9db9; font-size: 11px; font-weight: normal;} div.newsletter fieldset div.errorMsg {background: url(../img/leftColumn/newsletterError.gif) no-repeat left center; font-size: 11px; color: #ffe400; font-weight: normal; margin: 0 0 6px 17px; position: relative; clear: both; line-height: 13px; text-indent: 20px;} div.newsletter fieldset .fieldError input {border-color: #ffe400;} div.newsletter .thanksContent {position: relative; height: 87px; padding-top: 30px; text-align: center;} div.newsletter .thanksContent h3.thankyouHeader {background: url(../img/thankyouHeader.png) no-repeat; display:block; margin: 0 auto 10px auto; padding-top: 23px; overflow: hidden; height: 0px !important; height /**/:23px; width:111px;} #leftColumn .managedBanners img {margin-bottom:20px;} #leftColumn a#shopVideo{background:url(../img/buttons/shopByVideo.png) no-repeat 0 0; display:block; width:147px; padding-top:31px; overflow:hidden; height:0px; margin:20px 0 20px -3px;} #leftColumn a#shopVideo:hover{background-position:0 -31px;} /******************************************* RIGHT COLUMN *********************************************/ #rightColumn .onlineHelp {position:relative; width:184px; height:62px; margin:0 0 15px 19px;} #rightColumn .offerButtons {position: relative; width:182px; margin:0 0 20px 20px; padding-bottom:10px; background: url(../img/rightColumn/yellowSep.gif) no-repeat left bottom;} #rightColumn .offerButtons ul {width:182px; font-size:11px;} #rightColumn .offerButtons ul li {margin-bottom:10px;} #rightColumn .offerButtons ul li a {background: url(../img/buttons/offerButtonSprite.gif) no-repeat; display: block; width:182px; padding-top: 47px; overflow: hidden; height: 0px !important; height /**/:47px;} #rightColumn .offerButtons ul li.freeGift a {background-position: 0 0;} #rightColumn .offerButtons ul li.freeGift a:hover {background-position: 0 -47px;} #rightColumn .offerButtons ul li.three4Two a {background-position: 0 -94px;} #rightColumn .offerButtons ul li.three4Two a:hover {background-position: 0 -141px;} #rightColumn .offerButtons ul li.multibuy a {background-position: 0 -188px;} #rightColumn .offerButtons ul li.multibuy a:hover {background-position: 0 -235px;} #rightColumn .offerButtons ul li.bundle a {background-position: 0 -282px;} #rightColumn .offerButtons ul li.bundle a:hover {background-position: 0 -329px;} #rightColumn h3 {background: url(../img/rightColumn/headerSprite.gif) no-repeat; display:block; margin-bottom:10px; padding-top: 17px; overflow: hidden; height: 0px !important; height /**/:17px;} #rightColumn h3.delivery {background-position: 0 0; width:59px;} #rightColumn h3.ideas {background-position: 0 -17px; width:86px;} #rightColumn h3.tips {background-position: 0 -34px; width:59px;} #rightColumn h3.money {background-position: 0 -51px; width:94px;} #rightColumn h3.buying {background-position: 0 -68px; width:106px;} #rightColumn h3.inspirationGs {background-position: 0 -85px; width:131px;} #rightColumn h3.guarantees {background-position: 0 -102px; width:102px; padding-top: 31px; height: 0px !important; height /**/:31px; margin-bottom:20px;} #rightColumn h3.gallery {background-position: 0 -133px; width:132px;} #rightColumn .block {position: relative; background: url(../img/rightColumn/yellowSep.gif) no-repeat left bottom; width: 184px; padding-bottom:20px; margin:0 0 20px 20px;} #rightColumn .block.delivery .background {background: url(../img/rightColumn/deliveryBg.jpg) no-repeat 35px 30px; height:145px; position:relative;} #rightColumn .block.tips .background {background: url(../img/rightColumn/tipsBg.jpg) no-repeat right 5px;} #rightColumn .block.money .background {background: url(../img/rightColumn/moneyBg.jpg) no-repeat right 5px;} #rightColumn .block.buying .background {background: url(../img/rightColumn/buyingBg.jpg) no-repeat right 15px;} #rightColumn .block.inspirationGs .background {background: url(../img/rightColumn/inspirationBg_1.jpg) no-repeat right 20px;} #rightColumn .block.guarantees .background {background: url(../img/rightColumn/guaranteeBg.jpg) no-repeat right 0; padding-bottom:4px;} #rightColumn .block.gallery .background {background: url(../img/rightColumn/galleryBg.jpg) no-repeat right 25px;} #rightColumn .block p {color: #fff; font-size:10px; width:100px; line-height:12px; margin-bottom:15px;} #rightColumn .block.delivery p.price {position: absolute; top:2px; right:15px; text-align:right; line-height:14px;} #rightColumn .block.delivery p.price strong {font-size:12px; font-weight:normal;} #rightColumn .block.delivery p.msg {position: absolute; bottom:0; left:0; color: #ffc74e; font-size:11px; width:174px; line-height:14px; margin-bottom:0; font-weight:bold;} #rightColumn .block ul {position:relative; padding-bottom: 7px; width: 184px; font-size: 11px;} #rightColumn .block ul li {margin-bottom:6px;} #rightColumn .block ul li a {background: url(../img/icons/blueBullet.gif) no-repeat left 2px; text-decoration:none; line-height:14px; color: #fff; font-weight: bold; padding: 0 0 2px 11px;} #rightColumn .block ul li a:hover {text-decoration: none; color:#03f2f8;} #rightColumn .block .buttonContainer {position: relative; background: url(../img/rightColumn/buttonContainerSprite.gif) no-repeat left top; width: 96px; height: 26px; padding-top:5px;} #rightColumn .block .buttonContainer.wide {background-position: left -31px; width: 113px;} #rightColumn .block .buttonContainer a {margin: 0 auto;} #rightColumn .block.gallery a.imageLink {position:absolute; top:25px; right:0; width:64px; height:79px; display:block; background: url(../img/trans1x1.gif);} #rightColumn .brightIdeas {position: relative; background: url(../img/rightColumn/yellowSep.gif) no-repeat left bottom; width: 184px; padding-bottom: 0; margin:0 0 20px 20px;} #rightColumn .sealContainer {position: relative; background: url(../img/rightColumn/sealContainer.gif) no-repeat; width:153px; height:77px; padding-top:12px; margin:0 auto 25px auto; text-align:center;} #rightColumn .sealContainer.mcafee {height:59px; padding-top:30px;} #rightColumn .twitterContainer {position:relative; padding:5px 0 10px 0;} /*** ACCESSORIES PANEL ***/ #rightColumn .accessoriesPanel {position: relative; width: 214px; background: #fff url(../img/product/accessoriesPanelTop.gif) no-repeat left top; margin:0 0 20px 10px;} #rightColumn .accessoriesPanel .background {background: url(../img/product/accessoriesPanelBottom.gif) no-repeat left bottom; padding:10px 0 1px 0;} #rightColumn .accessoriesPanel .corner {position: absolute; top:57px; left:0; width: 10px; height: 52px; background: url(../img/product/accessoriesCorner.gif) no-repeat right top;} #rightColumn .accessoriesPanel .productItemSmall {margin-left:20px;} #rightColumn .accessoriesPanel .productItemSmall .content h2 a {color:#000; font-weight:bold; font-size:10px; line-height:12px;} /******************************************* FOOTER *********************************************/ /*=============================== Footer styles ===============================*/ #footerContainer { position: relative; width: 100%; height: 310px; background-image: url(../img/footer/bgSlice.gif); background-repeat:repeat-x; background-position:bottom left; } #footer { width: 1004px; height: 350px; overflow:hidden; margin: 0 auto; position: relative; } #footer ul.bottomFooter { position: relative; top:25px; left:176px; text-align:center; width:624px; font-size:11px; } #footer ul.bottomFooter li { background: url(../img/header/linksSep.gif) no-repeat right 2px; display: inline; padding: 0 11px; line-height:13px; margin:0; } #footer ul.bottomFooter li.end { background: none; } #footer ul.bottomFooter li a { color: #c1c1c1; font-weight: normal; } #footer ul.bottomFooter li a:hover { color: #fff; text-decoration:none; } #footer .logo { position:absolute; top:63px; left:19px; width:158px; height:37px; } #footer .protxImg { position:absolute; top:63px; left:225px; } #footer .madStamp { position: absolute; top:60px; right:16px; width:185px; } #footer .madStamp img { float: right; margin-top: 14px; } #footer .madStamp p { color: #dde1e5; font-size: 10px; line-height: 20px; } #footer .madStamp p a { color: #dde1e5; font-size: 10px; font-weight: bold; } #footer .madStamp p a:hover { color: #fff; text-decoration: none; } #footer .copyright { position: relative; top:110px; left:176px; width: 624px; text-align: center; } #footer .copyright p { color: #c1c8cf; font-size: 10px; font-weight: normal; } #footer .copyright p span.vat { margin-left: 10px; } /*=============================== Footer Links ===============================*/ .clearBoth { clear:both; } div#fixFooter { width:auto; height:150px; background-image: url(../img/footer/contentBg.gif); background-repeat:no-repeat; background-position:0 50px; position:relative; top:-20px; } #footer div.footerLinks { width:1200px; height:auto; overflow:hidden; } #footer div.footerLinks div.footerCategoryList { height:130px; padding:20px 20px 0 20px; background-image:url(/common/img/footer/column-divider.gif); background-repeat:no-repeat; background-position:right top; float:left; } #footer div.footerLinks div h2 span { /*width:auto; height:20px; text-indent:-9999em;*/ margin:0 0 3px 0; display:block; padding-top: 20px; overflow: hidden; height: 0px !important; height /**/:20px; } #footer div.footerLinks div.footerCategoryList ul { height:auto; float:left; margin:0 8px 0 0; } #footer div.footerLinks div.footerCategoryList ul li { padding-left:12px; background-image:url(/common/img/footer/bullet-arrow.gif); background-repeat:no-repeat; background-position:0 4px; line-height:14px; } #footer div.footerLinks div.footerCategoryList ul li a { font-size:11px; color:#fff; height:18px; line-height:18px; } #footer div.footerLinks div.footerCategoryList.noDivider { background-image:none; } #footer div.footerLinks div#topCategories h2 { background:url(/common/img/footer/header-topCategories.gif) no-repeat 0 0; } #footer div.footerLinks div#indoorLights h2 { background:url(/common/img/footer/header-indoorLights.gif) no-repeat 0 0; } #footer div.footerLinks div#outdoorLights h2 { background:url(/common/img/footer/header-outdoorLights.gif) no-repeat 0 0; } #footer div.footerLinks div#customerServices h2 { background:url(/common/img/footer/header-customerServices.gif) no-repeat 0 0; } #footer div.footerLinks div#buyingGuides h2 { background:url(/common/img/footer/header-buyingGuides.gif) no-repeat 0 0; } #rightColumn #ekomiContainer { height:134px; }