body { font-family:Arial, Helvetica, sans-serif; font-size: 12px; background-color:#c3c8ce; background-image:url(../images/bgfade.png); background-position:top; background-repeat:repeat-x; padding:0; margin:0; text-align:center; } sup, sub { vertical-align: 0; position: relative; } sup { bottom: 1ex; } sub { top: 0.8ex; } div#tipDiv { padding:4px; font-size:11px; line-height:1.2; background-color:#FFFFCC !important; border:1px solid #999999 !important; color:#333333 !important; width:50px !important; } .quickLink{height:25px; width:55px; font-size:12px; float:left; margin-left:5px; line-height:23px; text-align:left; padding-left:22px;} #callback-fade, #email-fade, #help-fade, #basket-fade, #checkout-fade, #account-fade{color:#FFFFFF !important; text-decoration:none !important} /*****START OF NEW DESIGN STYLES*********************/ /*.newWrapper{width:950px; background-image:url(/images/newWrapBG.png); margin-top:0; margin:0 auto; text-align:left; padding:0 18px 10px 18px;}*/ .newWrapper{width:950px; background:#FFFFFF; margin-top:0; margin:0 auto; text-align:left; padding:30px 18px 10px 18px;} .sliderContainer{width:635px; height:382px; position:relative; float:left} .wetRoomSliderContainer{width:916px; height:350px; position:relative} .wetRoomSliderContainerCat{width:402px; height:310px; position:relative} .splashSliderContainer{width:916px; height:600px; position:relative} .splashSliderContainerCat{width:402px; height:460px; position:relative} .cat1SliderContainer{width:950px; height:600px; position:relative} .cat1SliderContainerCat{width:402px; height:460px; position:relative} .sliderContainerProd{width:948px; height:130px; border:1px solid #cccccc; position:relative; *overflow:hidden} .nextToSlider{padding:10px; color:#FFFFFF !important; background-color:#444F51; width:274px; height:225px; overflow:hidden} .nextToSlider h1{margin-top:0; color:#FFFFFF} .nextToSlider p{color:#ffffff} .nextToSliderLink{text-align:right; background-color:#566062; color:#ffffff; padding:10px; width:274px; font-weight:bold; float:left} .nextToSliderLink a{color:#ffffff; text-decoration:none} .sliderContainer_VirtualRooms{width:330px; height:250px; border:1px solid #cccccc; background-color:#4a5875; position:relative} .sliderContainer_VirtualRooms_small{width:260px; height:232px; border:1px solid #cccccc; background-color:#4a5875; position:relative} .sliderContainer_CategoryHeader{width:460px; height:200px; border:1px solid #cccccc; background-color:#4a5875; position:relative} .sliderContainer_RangeHeader{width:950px; height:200px; border:1px solid #cccccc; background-color:#4a5875; position:relative} .hpLeftBlock{background-color:#e6e6e6; width:218px; margin:12px 0 0 0 !important; float:left; display:inline-block} .hpRightBlock{width:728px; float:left; display:inline-block;} .productRightBlock{width:718px; float:right; margin-left:10px; overflow-x:hidden;} .blockHeader{background-image:url(/images/newHeaderBG.png); height:40px; width:218px; overflow:hidden} .blockHeaderHome{background-image:url(/images/newHeaderBGCut.png); height:40px; width:219px; overflow:hidden; position:relative} .blockNumber{position:absolute; right:0; height:40px; width:10px;color:#627275; font-size:16px; line-height:40px; text-align:right} .blockHeader h2, .blockHeaderHome h2{margin:0px 0 0 10px; color:#566062; font-size:16px; line-height:40px;} .blockHeader h2.salesection{font-size:14px; line-height:18px;} .hpSquare{width:220px; height:250px; float:left; margin-left:22px !important; margin-left:17px; margin-top:11px; *margin-top:10px !important; overflow:hidden; position:relative; background:url(/images/newSrSquareBg.png)} .alsoNeedSquare{width:150px; height:155px; float:left; margin-left:9px; border:0; overflow:hidden; background-color:#FFFFFF; padding-left:12px; margin-top:22px;} .alsoNeedSquare a{color:#495963; text-decoration:none} .saleSquare{width:171px; height:188px; border:1px solid #cccccc;float:left; margin-left:23px !important; margin-left:17px; margin-top:11px; *margin-top:10px !important; overflow:hidden; position:relative} .borderRightHomeBox{border-right:1px solid #cccccc; height:148px; width:218px; overflow:hidden; position:absolute} .homeStoreSearch{padding:10px; color:#666666} .homeStoreSearch input{color:#666666} .clearBoth{clear:both} /*.newFooter{margin:0px auto; padding:12px 18px; width:950px; color:#566062; background-image:url(/images/newWrapBG.png); clear:both}*/ .newFooter{margin:0px auto; padding:12px 18px; width:950px; color:#566062; background:#FFFFFF; clear:both} .newFooter a{color:#566062} .footerSection{float:left; width:190px; text-align:left} .footerSection span{font-weight:bold; color:#566062} .footerSection a{color:#566062} .searchPadding{padding:12px 12px 30px 12px; color:#627275; font-weight:bold} .searchPadding select{width:194px; color:#000000; background-color:#e6e6e6} .productTitleBar{width:100%; line-height:40px; margin-top:7px;} .productTitleBar h1{font-size:24px; color:#495963; margin-top:0; padding:0; font-weight:normal !important} .productHighlights{width:708px; padding: 0 0px; color:#495963 !important; overflow:hidden} .newOrderTable{width:100%; clear:both; border-bottom:1px solid #c4c8d0; margin-bottom:10px;} .newOrderTable tr td{vertical-align:middle; padding-bottom:10px;} .productDo{margin:0px 10px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; height:37px; clear:both; width:699px; text-align:left} .orderBox{margin:20px 10px 10px 10px;} .productBlurb{padding-right:10px; color:#495963;} .productTabsContainer{float:left; display:block} .crumbTrail{float:left; clear:right; height:15px; line-height:15px; margin-top:0px; margin-left:10px; color:#495963} .crumbTrail a{color:#495963; font-size:10px;} .crumbChevrons{vertical-align:middle} .alsoNeed{height:193px; width:711px; background-image:url(/images/productSliderBg.png); position:relative; overflow:visible !important; margin-bottom:20px; margin-top:30px} .otherTileRanges{padding:10px 0; text-align:center; margin-bottom:25px; background-image:url(/images/productSliderBg.png); width:711px; height:173px;} .otherTileRanges h2{margin:10px 0 10px 25px; font-size:16px} .quickLinks{margin-top:12px; height:35px;} .searchHead{border:1px solid #cccccc; float:left;} .furtherInfo{font-style:normal; color:#666666; margin-left:0px !important;} .furtherInfo a:hover, .furtherInfo a, .furtherInfo a:link{text-decoration:none; color:#666666} /*.srPrice{float:right; color:#9c0000; font-size:26px; font-weight:bold; margin-right:10px;}*/ .srPrice{position:absolute; top:0; right:0; color:#9c0000; font-size:26px; font-weight:bold; margin-right:10px;} .orderButtons{float:right; width:350px; margin-top:10px; margin-bottom:10px;} .orderButtons strong{color:#495963; font-size:14px; padding-bottom:20px;} .orderButtons_left{padding:10px; margin-right:0px; float: left; width: 350px; margin-top:2px; margin-bottom:15px;} .orderButtons_left strong{color:#627275; font-size:14px; padding-bottom:20px;} .orderButtons_right{padding:10px; margin-right:0px; float: right; width: 300px; margin-top:15px; margin-bottom:15px;} .orderButtons_right strong{color:#627275; font-size:14px; padding-bottom:20px;} .orderButtons_full{padding:0px 0; margin-right:0px; margin-top:15px; margin-bottom:15px;} .orderButtons_full form{font-size:10px !important;} .orderPrice{color:#495963; font-size:16px; font-weight:bold;} .tabBoxContainer{clear:both; margin-bottom:20px; margin-left:8px;} .ProductTabbedBox {border:1px solid #c5c8d0; padding:10px; margin:0 0 10px 0;} .ProductTabbedBox_Tab {height: 20px; line-height:20px; padding: 2px 5px; float: left; color: #495963; text-align: center; cursor: pointer; border:1px solid #c5c8d0; border-bottom:0; margin-right:5px; box-shadow: 2px 0px 1px #ccc; font-weight:bold} .ProductTabbedBox_Tab_Selected {height: 20px; line-height:20px; padding: 2px 5px; background:url(/images/producttabbedboxbg.png); float: left; color: #495963; text-align: center; cursor: pointer; border:1px solid #c5c8d0; border-bottom:0; margin-right:5px; box-shadow: 2px -1px 1px #ccc; font-weight:bold} .keyInformation{float:left; width:200px; } .prodHeader{color:#495963} div#tipDiv { padding:4px; color:#000; font-size:11px; line-height:1.2; background-color:#CCCCCC; border:1px solid #667295; width:200px; text-align:left; } .furtherInfoField {width:190px; vertical-align:top; padding-bottom:10px;} /*.furtherInfoField {width:190px; float:left; height:35px;}*/ .furtherInfoField strong {font-size: 12px; padding: 0} .rangeBox{width:688px; background-color:#f7f5f3; margin:16px 12px 0 12px; color:#455560 !important; height:279px; overflow:hidden} .rangeBox div, .rangeBox h2, .rangeBox p{ color:#455560 !important} .rangeBox div a{color:#455560} .rangeBox img{float:left; margin-right:15px;} /*****END OF NEW DESIGN STYLES***********************/ img {border:0;} .table_100 {width:100%;} #mainTable {width:948px; margin:auto;} #contentArea {vertical-align:top; padding-left:10px; padding-right:10px; } #contentArea_store {vertical-align:top; width:680px;} #finderArea {vertical-align:top; width:780px; padding-left:40px} /*#navigation {vertical-align:top; width:140px; padding-left:21px;} #secondaryContent {vertical-align:top; width:140px; padding-right:21px;}*/ #navigation {vertical-align:top; width:175px; !important} #secondaryContent {vertical-align:top; width:140px !important;} #mainContent {margin-bottom:10px; padding-left:10px; float:left; width:718px;} #masthead {vertical-align:top; padding-bottom:10px;} /*#indexArea {vertical-align:top; text-align:left; padding-right:13px;}*/ #indexArea {vertical-align:top; text-align:left; padding-left:0px;} #dn {} body#page_product #masthead, body#page_home #masthead, body#page_search_results #masthead {vertical-align:top; padding-bottom:0px;} body#page_product #navigation, body#page_product #secondaryContent, body#page_home #navigation, body#page_home #secondaryContent, body#page_search_results #navigation, body#page_search_results #secondaryContent {padding-top:10px;} #homeCopy {margin-left:20px;} #homeCopyTop {background-image:url(/images/homeCopyBgTop.gif); background-repeat:no-repeat; width:617px; height:24px;} #homeCopyBottom {background-image:url(/images/homeCopyBgBottom.gif); background-repeat:no-repeat; width:617px; height:25px;} #homeCopyText {background-image:url(/images/homeCopyBg.gif); background-repeat:repeat-y; width:577px; text-align:left; padding:0px 20px 0px 20px; font-size:12px} #homeCopyText h1{margin:0px; padding:0px; font-size:18px; color:#666666; font-weight:bold;} .homeCopyBanner {font-size:24px; color:#666666; font-weight:bold; text-align:left; display:block; padding-left:20px;} .homeCopyBannerRed {font-size:30px; color:#FF0000; font-weight:bold;} .table_main { width:1016px; margin-top:0px; margin-bottom:0px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; } /************* HEADER ****************/ /************* NEW YELLOW HEADER ****************/ .yellowHeader{background-color:#fff200; height:90px; clear:both; position:relative} .yellowLogo{margin:12px 0 0 15px; float:left} .yellowHeadLinks{width:289px; height:20px; background-image:url(/images/yellow-head-links-bg.png); margin-right:16px; float:right; text-align:center; padding-top:13px; color:#586670; font-size:11px; border:1px solid #d4d6cb; border-top:none} .yellowHeadLinks a{color:#586670; font-size:11px;} .yellowHeadPhone{width:215px; height:14px; margin-right:0px; float:right; text-align:center; color:#3d4e64; font-size:12px; padding-top:20px; text-align:left} .yellowHeadBasket{width:216px; height:33px; background-image:url(/images/yellow-head-basket-box.png); margin-right:16px; float:right; text-align:center; clear:right; text-align:right; margin-top:10px; font-size:10px; color:#2f509e} .yellowHeadSearch{width:273px; height:33px; background:url(/images/new-search-bg.png); float:right; margin-top:10px; margin-right:23px; position:relative} .newSearchBox, .newLocatorInput{border:0px solid #999999; margin-left:3px !important; width:225px !important; color:#c0c0c0; font-size:12px !important;} .newCheckOutButton{margin:3px 4px 0 0; height:27px} .yellowHeadBasketIcon{float:left; margin:5px 5px 0 5px;} .yellowHeadStoreLocator{position:absolute; left:316px; top:9px;} /********* END OF NEW YELLOW HEADER *************/ .white_header{width:100%; background-color:#ffffff; height:70px; color:#23237b; font-weight:bold; margin-top:0px;} .white_header img{float:left; border:0} .white_header a{color:#666666} .sales_support{margin:4px 0 0 0px; float:left; line-height:24px;} .sales_support span{font-size:20px; color:#444F51; font-weight:normal} .sales_support span img{float:none; vertical-align:top; margin-right:5px;} .sales_support a, .sales_support a:link, .sales_support a:active, .sales_support a:hover, .sales_support a:visited{color:#FF0000} .header_basket{float:right; margin:5px 0 0 0px; font-weight:normal; color:#666666} .header_basket a{color:#23237b; text-decoration:underline; color:#666666} .header_basket table{clear:both; text-align:center;} .header_basket table tr td{vertical-align:top} .search_box{width:295px; height:35px; float:left; padding:0} .search_box input{height:25px; border:1px solid #cccccc; margin-top:0; .margin-top:8px; } .headIcon{text-align:center} .header_navigation {background-image:url(../images/headerBottom.jpg); height:34px; color:#FFFFFF; font-size:12px; text-align:right; padding-right:25px; background-repeat:no-repeat;} .header_navigation a:link {color:#FFFFFF; font-size:12px; text-decoration:none;} .header_navigation a:visited {color:#FFFFFF; font-size:12px; text-decoration:none;} .header_navigation a:hover {color:#FFFFFF; font-size:12px; text-decoration:underline;} .header_navigation a:active {color:#FFFFFF; font-size:12px; text-decoration:none;} a:link.yellow_link {color:#F8F400; font-size:12px; font-weight:bold; text-decoration:none;} a:visited.yellow_link {color:#F8F400; font-size:12px; font-weight:bold; text-decoration:none;} a:hover.yellow_link {color:#F8F400; font-size:12px; font-weight:bold; text-decoration:underline;} a:active.yellow_link {color:#F8F400; font-size:12px; font-weight:bold; text-decoration:none;} .header_mini_basket {background-color:#FEF200; background-image:url(/images/headerMidCenter.jpg); background-repeat:no-repeat; text-align:left; padding-left:80px; width:200px; font-size:14px; color:#666666; font-weight:bold;} .header_mini_basket a:link {color:#666666; font-size:14px; font-weight:normal; text-decoration:none;} .header_mini_basket a:visited {color:#666666; font-size:14px; font-weight:normal; text-decoration:none;} .header_mini_basket a:hover {color:#666666; font-size:14px; font-weight:normal; text-decoration:underline;} .header_mini_basket a:active {color:#666666; font-size:14px; font-weight:normal; text-decoration:none;} .header_mini_checkout {background-color:#EC1C24; font-size:14px; background-image:url(/images/headerMidRight.jpg); background-repeat:no-repeat; text-align:left; width:117px; padding-left:30px;} .header_mini_checkout a:link {color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:none;} .header_mini_checkout a:visited {color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:none;} .header_mini_checkout a:hover {color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:underline;} .header_mini_checkout a:active {color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:none;} .blue_nav_block{background-color:#666666; color:#fff; margin-right:5px; height:36px; width:107px; text-align:center; vertical-align:middle; font-size:20px; font-weight:bold} .blue_nav_block a{color:#fff; font-size:14px !important} /************* NAVIGATION ****************/ #navigation_block_top {width:170px; list-style:none; padding:0px; margin:5px 0px 0px 0px; background:#FFF; border-top:1px solid #666666;} #navigation_block_top a {color:#666666; font-size:14px; font-weight:bold; text-decoration:none; display:block;line-height:18px; padding:5px 0px 3px 5px; text-transform:capitalize;} #navigation_block_top a:hover {color:#059ec7;} #navigation_block_top_big {width:170px; list-style:none; padding:0px; margin:5px 0px 0px 0px; background:#FFF; border-top:1px solid #666666;} #navigation_block_top_big a {color:#666666; font-size:12px; font-weight:bold; text-decoration:none; background:url(/images/navigationBulletBgTopbig.gif) no-repeat; display:block; height:27px; line-height:12px; padding:10px 0px 3px 28px; text-transform:lowercase;} #navigation_block_top_big a:hover {color:#059ec7;} #navigation_block_top_online {width:170px; list-style:none; padding:0px; margin:5px 0px 0px 0px; background:#FFF; border-top:1px solid #666666;} /*#navigation_block_top_online a {color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; background:url(/images/navigationBulletBgToponline.gif) no-repeat; display:block; height:27px; line-height:12px; padding:11px 0px 3px 28px; text-transform:lowercase;} #navigation_block_top_online a:hover {color:#F8F400;}*/ #navigation_block_top_online a {color:#666666; font-size:14px; font-weight:bold; text-decoration:none; text-transform:capitalize; display:block; line-height:18px; padding:5px 0px 3px 5px;} #navigation_block_top_online a:hover {color:#059ec7;} #navigation_block_top_online_big {width:170px; list-style:none; padding:0px; margin:5px 0px 0px 0px; background:#FFF; border-top:1px solid #666666;} #navigation_block_top_online_big a {color:#666666; font-size:18px; font-weight:bold; text-decoration:none; display:block; line-height:18px; padding:5px 0px 3px 5px; text-transform:capitalize;} #navigation_block_top_online a:hover {color:#059ec7;} #navigation_block_top_store {width:170px; list-style:none; padding:0px; margin:5px 0px 0px 0px; background:#FFF; border-top:1px solid #666666;} #navigation_block_top_store a {color:#666666; font-size:12px; font-weight:bold; text-decoration:none; display:block; line-height:18px; padding:5px 0px 3px 5px; text-transform:capitalize;} #navigation_block_top_store a:hover {color:#059ec7;} #navigation_block_top_store_big {width:170px; list-style:none; padding:0px; margin:5px 0px 0px 0px; background:#FFF; border-top:1px solid #666666;} #navigation_block_top_store_big a {color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; background:url(/images/navigationBullorderinstorebig.gif) no-repeat; display:block; height:37px; line-height:12px; padding:11px 0px 3px 28px; text-transform:lowercase;} #navigation_block_top_store a:hover {color:#059ec7;} #navigation_block_top_samples {width:170px; list-style:none; padding:0; margin:5px 0px 0px 0px; background:#FFF;} #navigation_block_top_samples a {color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; background:url(/images/navigationBulletBgTopsamples.gif) no-repeat; display:block; height:27px; line-height:12px; padding:11px 0px 3px 28px; text-transform:lowercase;} #navigation_block_top_samples a:hover {color:#059ec7;} #navigation_block_top_samples_big {width:170px; list-style:none; padding:0; margin:5px 0px 5px 0px; background:#FFF;} #navigation_block_top_samples_big a {color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; background:url(/images/navigationBulletBgTopsamplesbig.gif) no-repeat; display:block; height:37px; line-height:12px; padding:11px 0px 3px 28px; text-transform:lowercase;}#navigation_block_top_online a:hover {color:#059ec7;} #navigation_block_sub a {margin-left:4px; color: #666666; font-weight:normal !important; font-size:12px; text-decoration:none; background:url(/images/navigationBullet.jpg) left top no-repeat; padding:0px 0px 0px 8px; display:block; margin:0px; text-transform:lowercase;} #navigation_block_sub a:hover {text-decoration:underline; background:url(/images/navigationBulletHover.jpg) left top no-repeat;} #navigation_block_subL a {margin-left:4px; color: #666666; font-weight:normal !important; font-size:12px; text-decoration:none; background:url(/images/navigationBulletL.jpg) left top no-repeat; padding:0px 0px 0px 8px; display:block; margin:0px; text-transform:lowercase;} #navigation_block_subL a:hover {text-decoration:underline; background:url(/images/navigationBulletHoverL.jpg) left top no-repeat;} #navigationBasket {font-size:12px; font-weight:bold; color:#666666; padding:5px 0px 5px 8px; width:132px !important;} #navigationBasket a:link {color:#666666; font-size:12px; font-weight:normal; display:block; padding:2px 0px 2px 10px; border-bottom:1px solid #059ec7; text-decoration:none; background:url(../images/navigationBasketBullet.gif) no-repeat left center;} #navigationBasket a:visited {color:#666666; font-size:12px; font-weight:normal; display:block; padding:2px 0px 2px 10px; border-bottom:1px solid #059ec7; text-decoration:none; background:url(../images/navigationBasketBullet.gif) no-repeat left center;} #navigationBasket a:hover {color:#666666; font-size:12px; font-weight:normal; display:block; padding:2px 0px 2px 10px; border-bottom:1px solid #059ec7; text-decoration:none; background:url(../images/navigationBasketBulletHover.gif) no-repeat left center;} #navigationBasket a:active {color:#666666; font-size:12px; font-weight:normal; display:block; padding:2px 0px 2px 10px; border-bottom:1px solid #059ec7; text-decoration:none; background:url(../images/navigationBasketBullet.gif) no-repeat left center;} #navigationBasketHeader {font-size:12px; font-weight:bold; color:#666666; width:132px !important; padding:5px 0px 10px 0px; border-bottom:1px solid #059ec7; text-decoration:none;} .navigationBasketLinks {display:block; border-top:1px solid #059ec7; margin-top:10px;} .table_search {background-color:#666666; width:108px; color:#FFFFFF; text-align:right; width:109px;} .table_search a:link {color:#FFFFFF; font-size:13px; text-decoration:none;} .table_search a:visited {color:#FFFFFF; font-size:13px; text-decoration:none;} .table_search a:hover {color:#F8F400; font-size:13px; text-decoration:none;} .table_search a:active {color:#FFFFFF; font-size:13px; text-decoration:none;} /************* STORE ****************/ .table_store_products {width:640px; margin-left:7px;} .store_product_area {float:left; vertical-align:top; border:1px solid #cccccc; padding-bottom:10px; width:716px; margin-bottom:13px; padding-top:10px; position:relative} .store_spacer {height:5px;} .postage_table_th {background-color:#e6e6e6; color:#495963; font-size:12px;} .postage_table {width:100%; border:1px solid #e6e6e6; border-top:none; border-right:none;} .postage_description {border:1px solid #e6e6e6; border-bottom:none; border-left:none;} .postage_band {border:1px solid #e6e6e6; border-bottom:none; border-left:none;} .postage_area {background-color:#e6e6e6; color:#495963;} .store_product_price_main {text-align:right; font-size:12px; color:#666666; font-weight:normal; font-style:normal; width:140px; } .store_product_qty_main {text-align:right; font-size:14px; color:#666666; font-weight:bold; font-style:normal; width:60px; margin-right:10px; } .store_product_buttons_main {text-align:right; font-size:14px; color:#666666; font-weight:bold; font-style:normal; width:115px;} .store_product_description {padding-left:15px; font-size:14px; color:#333333; padding-right:30px; display:block;} .store_products_options_select {font-size:11px; color:#F8F400; font-weight:bold; background-color:#666666;} .store_product_image {display:block; float:left; width:260px; padding-left:10px; min-height:290px;} .store_product_fields {padding-top:10px; display:block; text-align:left; padding-left:35px;} .store_product_image a:link {color:#EC1C24; font-size:12px; font-weight:bold; display:block; margin-top:5px; text-decoration:none;} .store_product_image a:visited {color:#EC1C24; font-size:12px; font-weight:bold; display:block; margin-top:5px; text-decoration:none;} .store_product_image a:hover {color:#EC1C24; font-size:12px; font-weight:bold; display:block; margin-top:5px; text-decoration:underline;} .store_product_image a:active {color:#EC1C24; font-size:12px; font-weight:bold; display:block; margin-top:5px; text-decoration:none;} .srOpts {text-align:left; font-size:14px; color:#666666; font-style:italic; padding:15px 2px 0px 2px; width:430px; float:right; margin-right:10px; margin-bottom:10px; position:absolute; right:0; bottom:0} .store_function {text-align:right; font-size:14px; color:#666666; font-style:italic; display:block; padding:0px 2px 0px 2px;} .store_function_qnty {font-size:14px; border:1px solid #666666; text-align:center; font-weight:bold;} .store_function select {} .store_available_holding {width:100%; color:#FFFE00; font-weight:bold; font-style:normal; font-size:12px;} .store_available_holding td {width:50%; text-align:left;} .store_available_text {float:left; margin-left:10px; margin-top:3px; color:#028002} .sample_available_text {float:left; margin-left:10px; margin-top:3px; color:#254787} .best_seller_text {float:left; margin-left:10px; margin-top:3px; color:#f26522} .pallet_deal_text {float:left; margin-left:10px; margin-top:3px; color:#ea1d24} .store_quantity_input {border:1px solid #666666; font-size:10px; font-weight:bold; color:#666666; text-align:center;} .store_button_add { border:1px solid #C2CBD9; color:#F8F301; padding:2px 5px 2px 10px; font-size:10px; background-color:#666666;} .store_moreinfo {padding-left:10px; display:block;} .store_moreinfo h3 {text-align:left; padding-right:30px; font-size:14px; color:#495963; font-style:italic; text-decoration:underline; font-weight:bold; margin:0px; margin-bottom:5px;} a:link.store_more_images {color:#333333; font-size:13px; text-decoration:none;} a:visited.store_more_images {color:#333333; font-size:13px; text-decoration:none;} a:hover.store_more_images {color:#666666; font-size:13px; text-decoration:none;} a:active.store_more_images {color:#333333; font-size:13px; text-decoration:none;} a:link.store_small_link {color:#666666; font-size:10px; display:block; margin-bottom:5px; text-decoration:none;} a:visited.store_small_link {color:#666666; font-size:10px; display:block; margin-bottom:5px; text-decoration:none;} a:hover.store_small_link {color:#666666; font-size:10px; display:block; margin-bottom:5px; text-decoration:underline;} a:active.store_small_link {color:#666666; font-size:10px; display:block; margin-bottom:5px; text-decoration:none;} .store_moreinfo a:link {color:#333333; font-size:13px; text-decoration:none;} .store_moreinfo a:visited {color:#333333; font-size:13px; text-decoration:none;} .store_moreinfo a:hover {color:#666666; font-size:13px; text-decoration:none;} .store_moreinfo a:active {color:#333333; font-size:13px; text-decoration:none;} /************* SECTIONS LIST ****************/ a:link.sections_list_blue_link {color:#666666;; font-size:10px; font-weight:bold; text-decoration:none;} a:visited.sections_list_blue_link {color:#666666; font-size:10px; font-weight:bold; text-decoration:none;} a:hover.sections_list_blue_link {color:#666666; font-size:10px; font-weight:bold; text-decoration:underline;} a:active.sections_list_blue_link {color:#666666; font-size:10px; font-weight:bold; text-decoration:none;} /************* SECTION SELECT ****************/ .section_select_images { border:0px; padding-bottom:8px; } #section_row { text-align:left; margin:10px 10px 10px 10px; } .section_td { text-align:center; margin:10px 10px 10px 10px; padding:10px 10px 10px 10px; text-align:center; border:2px solid #666666; font-size:14px; width:33%; color:#666666; font-weight:bold; vertical-align:top; } a:link.section_td_link {font-size:14px; color:#666666; font-weight:bold; text-decoration:none;} a:visited.section_td_link {font-size:14px; color:#666666; font-weight:bold; text-decoration:none;} a:hover.section_td_link {font-size:14px; color:#666666; font-weight:bold; text-decoration:underline;} a:active.section_td_link {font-size:14px; color:#666666; font-weight:bold; text-decoration:none;} #section_row img { text-align:left; padding:10px 10px 10px 10px; text-align:center; background-color:#EEEEFF; } /* table show show the store search result/new stores/stores nearby */ table.topps_stores { border-spacing: 5px; border-style: none; border-collapse: separate; text-transform:capitalize; font-size:12px; } table.topps_stores td { border:1px solid #465560; padding: 0; } .store_search {width: 295px; height: 150px; padding:5px; margin-right: 5px; text-transform:capitalize; border:1px solid #cccccc; font-size:12px; vertical-align:top;} .store_search strong {font-size:14px; font-weight:bold; color:#666666;} .store_search_distance {display:inline; font-style:italic; color:#666666} .store_details {text-transform:capitalize; font-size:12px;} .store_details strong {font-size:14px; font-weight:bold; color:#666666;} .storeFinderError {color:#EC1C24; font-weight:bold;} .terms_table {width:100%; background-color:#125B7C;} .terms_td_header {background-color:#FFFFFF; font-weight:bold; padding-left:5px;} .terms_td {background-color:#FFFFFF; padding-left:5px;} /************* Room Deal **************/ .room_deal_header{background-image:url(/images/room_deals_kitchen_header.jpg); background-repeat:no-repeat; font-weight:bold; font-size:18px; color:#FFFFFF; height:35px; padding-left:70px;} /************* Fitting Arrangement *********/ .fitting_arrangement_copy{border:1px solid #666666; border-right:2px solid #666666; width:385px; padding:10px; text-align:left; vertical-align:top; margin-left:10px; } /************* CONTENT ****************/ h1 {font-size:24px; color:#495963; text-align:left; margin:20px 0px 0px 0px;} h2 {font-size:18px; color:#495963; clear:both; margin-bottom:0px;} h3 {font-size:1.4em; color:#495963; text-align:left; margin-bottom:0px;} .bigprint {font-size:36px; color:#666666; text-align:left; margin:20px 0px 0px 0px; font-weight:bold;} .recessive {font-size: 0.7em;} .smallprint {font-size:11px;} .under_pic_caption {left: 40px; top:-18px; position:relative; font-size:10px; line-height:10px; color:#666666; z-index:-1} .newsItem h2 {clear:none !important; font-size:2em;} .newsItem p {font-size:12px; color:#333333;} .newsItem {clear:both; overflow-x:auto; overflow-y:auto; margin-bottom:10px;} h2.about {clear:none !important;} h3 span.date{font-size: 11px;} p {font-size:13px; color:#495963; text-align:left;} p.pullOut {color:#495963; font-size:16px; text-align:left;} p.snippet {margin-top:5px; margin-bottom: 5px;} a {color: #495963;} a.news{color: #495963;} a.news_copy_link{color: #495963;} a:hover.news_copy_link{color: #EA1D24;} p.date{color:#495963;} .aboutPics {float:right; padding-right:4px; margin-top:40px;} .aboutPics img {display: block; z-index:-555} .button {background:#666666; border:1px solid #000000; border-top:none; border-bottom:none; color:#FFFFFF; padding:2px 10px 2px 10px; font-weight:bold;} img.btnGo{margin-top: 0pt; margin-right: 10px; margin-bottom: 0pt; margin-left: 10px; position: relative; top: 3px; z-index:-1} .newsPic {float: left; clear: left; margin-left: 40px; margin-right: 30px;} .mainStory {margin-top: 40px; margin-bottom: 10px;} hr { color: #3b4c6a; background-color: #3b4c6a; background-image: none; background-repeat: repeat; background-attachment: scroll; border-top-width: 0pt; border-right-width: 0pt; border-bottom-width: 0pt; border-left-width: 0pt; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: -moz-use-text-color; border-right-color: -moz-use-text-color; border-bottom-color: -moz-use-text-color; border-left-color: -moz-use-text-color; height: 1px; } /* catalogue Form */ #catalogueFormCSS form {margin-left: 40px;} #catalogueFormCSS input {font-family:Arial, Helvetica, sans-serif; font-size:12px;} #catalogueFormCSS select {font-family:Arial, Helvetica, sans-serif; font-size:12px;} .catalogue_red {color:#FF0000; font-weight:bold;} .catalogue_blue {color:#666666; font-weight:bold;} .cat_button {padding:3px 15px 3px 15px;} /* Contact us */ .contactSection {margin:20px 0 0 40px; clear:both;} .contactSection img {float:left; margin-right:10px;} .contactSection p {margin: 3px 0 0 0;} .contactSection p strong {color: #666666;} .contactColumn {float:left; width:320px;} #topps_information ul {margin:0px;} #topps_information ul li {list-style-type:none; margin-bottom:15px;} #topps_information h3 {margin:0px; padding:0px;} #topps_information ul li p {margin:0px; padding:0px;} /************** FEEDBACK FORM *************/ form#feedback {width: 520px;} form#feedback fieldset {border:2px solid #666666; padding: 10px; margin:0px;} form#feedback label {float:left; width:200px; padding:0px; margin:5px 0 0; text-align: right; border:0px solid #000;} form#feedback fieldset legend {font-weight:bold; color:#009;} form#feedback input, form#feedback textarea { width: auto; margin: 5px 5px 0 10px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; background: #fff; border: 1px solid #aaa; } form#feedback textarea {width: 227px;} form#feedback input#reset {margin-left:0px; /* set margin-left back to zero on reset button (set above) */} form#feedback textarea {overflow: auto;} form#feedback .radiodiv{float:left; width:200px;} #feedback xform small { display: block; margin: 0 0 5px 160px; padding: 1px 3px; font-size: 9px; } form#feedback .required {font-weight:bold;} form#feedback br {clear:left;} .spacebar{padding-bottom: 1px;} .smallprint {width: 500px; margin: 20px 0 5px 0; padding: 1px 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;} #feedback #intro {text-align:left; width:auto; padding: 0; margin: 0;} #feedback div#photo {float: left; height: auto; padding:10px 10px 10px 0; margin: 0 0 0 0;} #feedback div#blurb {height:auto; padding:0; margin-bottom: 20px; border: 0px solid #000;} #feedback .sig {width:auto; margin: 0px 0px 0px 100px; font-weight:bold; border:0px solid #000;} #feedback #photo img {padding:0px; margin:0px; border-right:0px solid #000; border-bottom:0px solid #000;} /************** TIPS *************/ #tipsArea { } .tipLink {text-align:center; vertical-align:top;} .tipLink img {display: block;} .tipLink p {margin: -10px 0 0 0; text-align:center;} h3.care {color: #439BC4; font-size: 1.2em; margin-left: 40px;} ol {margin-left: 0px; padding-left: 63px; font-size: 1.2em; color: #666666;} .tipImage {float: right; margin: 0 100px 0 40px;} .tipImageStd { margin: 20px 0 0 40px;} .careImage {float: right; margin: 10px 100px 10px 40px; width: 160px; color: #666666;} ul.tipList {font-size: 1.2em; color: #999999; margin-top: 25px; margin-left: 40px; padding-left: 17px;line-height: 1.6em;} img.safetyImage { float: left; margin: 20px 40px;} #tipsMenu { float: none; margin-left: 40px; } #googlemap { margin: 10px 42px; width: 500px; height: 325px; padding: 20px 5px 5px 5px; } .under_pic_caption { left: 40px; top: -18px; position: relative; font-size: 1em; line-height: 1.1em; z-index:0 } #freeDVD {width:337px; background: url(../images/freeDVD1.gif) no-repeat #EE0F0F;} #freeDVD3 {width:270px; background: url(../images/freeDVD3.gif) no-repeat #EE0F0F;} #freeDVD, #freeDVD3 {margin:40px; padding-top:10px;} #freeDVD p {background: url(/images/freeDVD2.gif) 0 100% no-repeat #EE0F0F;} #freeDVD3 p {background: url(/images/freeDVD4.gif) 0 100% no-repeat #EE0F0F;} #freeDVD p, #freeDVD3 p {color:#fff; margin:0; padding:0 20px 10px 20px;} #pdf { background: url(/images/pdf1.gif) no-repeat #BBDBEA; width: 212px; margin: 40px; padding-top: 7px;} #pdf img {float: left; margin: 2px 4px 5px 6px;} #pdf p {background: url(/images/pdf2.gif) 0 100% no-repeat #BBDBEA; color:#231F20; margin:0px; padding: 0 10px 10px 10px; font-size: 1em;} #pdf p a {color: #231F20;} #pdf p a {display: block; padding-top: 8px; padding-bottom: 6px;} #pdf p a#get_reader_link {display: none; /*margin-top:4px; visibility:hidden;*/} #pdf p{ background-color: #bbdbea; background-image: url(../images/pdf2.gif); background-repeat: no-repeat; background-attachment: scroll; color: #231f20; margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; padding-top: 0pt; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: 1em } #pdf p a{color: #231f20;} #pdf p a {display: block; padding-top: 8px; padding-bottom: 6px;} #freeDVD p { background-color: #ee0f0f; background-image: url(/images/freeDVD2.gif); background-repeat: no-repeat; background-attachment: scroll; } #freeDVD p, #freeDVD3 p { color: #ffffff; margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt; margin-left: 0pt; padding-top: 0pt; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } .btnNext{margin-left: 5px;} img.btnStep{vertical-align: middle;} .btnPrev{margin-right: 5px;} .clear{clear: both; overflow-x: auto; overflow-y: auto;} .top10{margin-top: 10px;} .careImage {float: right; margin-top: 10px; margin-right: 100px; margin-bottom: 10px; margin-left: 40px; width: 160px; color: #666666;} h3.care {color: #439bc4; font-size: 1.2em; margin-left: 40px;} /* in page nav list */ ul.inPageNav {list-style: none; line-height: 1.5em;} #plg_FindUsPage { display: inline; } #plg_FindUsPage h2 { font-size: 1.2em; font-weight: bold; clear: left; } #plg_FindUsPage form { padding-bottom: 20px; margin-left: 0px; } #plg_FindUsPage input { vertical-align: middle; float: none; } #plg_FindUsPage input#form_submit { margin-left: 40px; } #plg_FindUsPage address { margin: 5px 0px 15px 0px; padding: 0px 0px 20px 40px; font-style: normal; } #plg_FindUsPage .errors { font-weight: bold; color: #FF0000; } #plg_FindUsPage .backLink { padding: 5px 0px; font-size: 1.1em; } #plg_FindUsPage .printLink { text-align: right; float: right; margin-right: 5px; clear: right; } #plg_FindUsPage #google-map { margin: 75px 5px 0px 0px; width: 375px; height: 300px; color: #000000; float: right; } #plg_FindUsPage #google-map-results { margin: 10px auto; width: 80%; height: 300px; color: #000000; } #plg_FindUsPage ul.search_results { clear: both; } #plg_FindUsPage ul.search_results a.search_result_title { font-weight: bold; font-size: 1.2em; } #plg_FindUsPage ul.search_results a.moreLink { font-size: 1.1em; } #plg_FindUsPage ul.search_results li { margin-bottom: 10px; float: left; width: 33%; } /************* FOOTER ****************/ .footerHolding {width:980px; text-align:center; font-size:10px;} .footerLeft {text-align:left; font-size:10px; vertical-align:top;} .footerMain {text-align:center; font-size:12px; vertical-align:top; /*background-color:#2E3192;*/ padding:10px; /*color:#FFFFFF;*/} .footerRight {text-align:right; font-size:10px; vertical-align:top;} .footerMain a:link {/*color:#FFFFFF;*/ font-size:10px; text-decoration:none;} .footerMain a:visited {/*color:#FFFFFF;*/ font-size:10px; text-decoration:none;} .footerMain a:hover {/*color:#FFFFFF;*/ font-size:10px; text-decoration:underline;} .footerMain a:active {/*color:#FFFFFF;*/ font-size:10px; text-decoration:none;} .footerRight a:link {color:#666666; font-size:10px; text-decoration:none;} .footerRight a:visited {color:#666666; font-size:10px; text-decoration:none;} .footerRight a:hover {color:#666666; font-size:10px; text-decoration:underline;} .footerRight a:active {color:#666666; font-size:10px; text-decoration:none;} .footer_table { width:100%; } .pad3 {padding:3px;} .footer_yellow_text {color:#FAF604; font-weight:bold;} /***************** Community News *****************/ .news_break {border-bottom:1px solid #1C3E95; height:1px; margin-bottom:10px; margin-left:40px; width:610px; margin-right:10px;} #form_quicksearch {padding:0px; margin:0px;} #form_quicksearch label {color:#FDF202; font-size:14px; margin:0px 5px 0px 0px;} #quicksearch_area {width:350px; float:left; line-height:12px; height:12px; background-color:#666666;} #trade_sign_up_top {border-bottom:1px solid #003399; text-align:center; vertical-align:top; padding:40px 0px 40px 0px;} #trade_sign_up_top h1 {text-align:center;} #trade_sign_up_left {border-right:1px solid #003399; text-align:center; width:49%; float:left; vertical-align:top; } #trade_sign_up_left h1 {text-align:center;} #trade_sign_up_right {text-align:center; width:49%; float:left; vertical-align:top;} #trade_sign_up_right h1 {text-align:center;} /************* SECONDARY CONTENT *************/ .subscribe_holding {width:120px; border:2px solid #2E3192; float:right; margin:0px; padding:0px;} .subscribe_header {background-color:#2E3192; color:#FFFF07; font-weight:bold; padding:5px;} .subscribe_form {padding:8px 4px 8px 4px; text-align:center;} .subscribe_form input {border:1px solid #525252; font-size:11px; padding:3px;} .subscribe_form input#submit {width:108px; height:24px; cursor:pointer; border:none;} /************* SLIDESHOW ****************/ #slideshow {width:100%; height:500px;} .slideshow_title {background-color:#FFFF00; color:#333399; display:block; border-left:4px solid #333399; border-right:4px solid #333399; border-top:4px solid #333399; margin-top:0px;} /************ NEW HOMEPAGE **************/ .home_three{float:left; margin-bottom:8px; width:267px; background-color:#fff} .home_three img{border:0; padding:0; margin:0} .index_lower_section{} .index_lower_section img{float:left; margin-bottom:13px; border:0} .lower_pad{margin-right:17px;} /************** NEW FOOTER *************/ .blue_footer_box{padding:5px 0px 15px; width:130px; height:30px; float:right; color:#627275; margin-right:3px; text-decoration:none; cursor:pointer; font-size:12px; font-weight:bold; text-align:center; color:#627275} .blue_footer_box:hover{text-decoration:none !important; color:#566062} .blue_footer_box a:hover{text-decoration:none !important; color:#566062} /*********** SLIDER *******************/ .sliderItem, .saleSliderItem{float:left; width:85px; height:100px; padding:8px; color:#666666; font-size:10px; position:relative} .saleSliderItem{color:#627275; font-size:11px;} .sliderItemText{position:absolute; bottom:0} #slider ul, #slider li, #slider1 ul, #slider1 li, #slider2 ul, #slider2 li, #slider3 ul, #slider3 li, #slider4 ul, #slider4 li, #slider5 ul, #slider5 li, #slider6 ul, #slider6 li, #slider7 ul, #slider7 li, #slider8 ul, #slider8 li, #slider9 ul, #slider9 li, #saleSlider1 ul, #saleSlider1 li, #saleSlider2 ul, #saleSlider2 li, #saleSlider3 ul, #saleSlider3 li, #saleSlider4 ul, #saleSlider4 li, #saleSlider5 ul, #saleSlider5 li, #saleSlider6 ul, #saleSlider6 li, #saleSlider7 ul, #saleSlider7 li, #saleSlider8 ul, #saleSlider8 li, #saleSlider9 ul, #saleSlider9 li, #rangeSlider1000 ul, #rangeSlider1000 li, #rangeSlider1001 ul, #rangeSlider1001 li, #rangeSlider1002 ul, #rangeSlider1002 li, #rangeSlider1003 ul, #rangeSlider1003 li, #rangeSlider1004 ul, #rangeSlider1004 li, #rangeSlider1005 ul, #rangeSlider1005 li, #rangeSlider1006 ul, #rangeSlider1006 li, #rangeSlider1007 ul, #rangeSlider1007 li, #rangeSlider1008 ul, #rangeSlider1008 li, #rangeSlider1009 ul, #rangeSlider1009 li, #rangeSlider1010 ul, #rangeSlider1010 li, #rangeSlider1011 ul, #rangeSlider1011 li, #rangeSlider1012 ul, #rangeSlider1012 li, #rangeSlider1013 ul, #rangeSlider1013 li, #rangeSlider1014 ul, #rangeSlider1014 li, #rangeSlider1015 ul, #rangeSlider1015 li, #rangeSlider1016 ul, #rangeSlider1016 li, #rangeSlider1017 ul, #rangeSlider1017 li, #rangeSlider1018 ul, #rangeSlider1018 li, #rangeSlider1019 ul, #rangeSlider1019 li, #rangeSlider1020 ul, #rangeSlider1020 li, #sliderThumbs ul, #sliderThumbs li, #sliderSamples ul, #sliderSamples li, #hpNewsSlider ul, #hpNewsSlider li, #showCaseProductsSlider ul, #showCaseProductsSlider li, #showCaseThumbsSlider ul, #showCaseThumbsSlider li{ margin:0; padding:0; list-style:none; } #slider1, #slider2, #slider3, #slider4, #slider5, #slider6, #slider7, #slider8, #slider9, #sliderThumbs,#hpNewsSlider,#showCaseProductsSlider, #showCaseThumbsSlider { margin-top:0em; } #slider li, #slider1 li, #slider2 li, #slider3 li, #slider4 li, #slider5 li, #slider6 li, #slider7 li, #slider8 li, #slider9 li, #sliderThumbs li{ width:635px; overflow:hidden; } #hpNewsSlider{margin:135px 0 0 21px; overflow:hidden !important; position:relative} #hpNewsSlider li{width:189px; height:150px; position:relative; margin-top:0; margin-bottom:0px;} #hpNewsSlider li div{margin-bottom:0px; background-color:#FFFFFF; height:110px; clear:both; display:block; padding:13px;} #hpNewsSlider li table{color:#2f414d} #showCaseProductsSlider{margin:30px 0 0 0px; overflow:hidden !important; position:relative} #showCaseProductsSlider li{width:170px; height:300px; position:relative; margin-top:0; margin-bottom:0px;} #showCaseProductsSlider li div{margin-bottom:0px; background-color:#FFFFFF; height:110px; clear:both; display:block; padding:13px;} #showCaseProductsSlider li table{color:#2f414d} .showCaseThumbsContainer{background-color:#ebebeb; clear:both; padding:14px 0 14px 45px; position:relative; margin-top:15px;} #showCaseThumbsSlider{margin:0px 0 0 0px; overflow:hidden !important; position:relative; width:868px; height:103px; clear:both} #showCaseThumbsSlider li{width:868px; height:103px; position:relative; margin-top:0; margin-bottom:0px; background-color:#ebebeb} #showCaseThumbsSlider li div{margin-bottom:0px; background-color:#FFFFFF; height:110px; clear:both; display:block; padding:13px;} #showCaseThumbsSlider li table{color:#2f414d} #mainImageFade{width:750px;} #sliderSamples li{ width:908px; height:250px; overflow:hidden; } #rangeSlider1000, #rangeSlider1001, #rangeSlider1002, #rangeSlider1003, #rangeSlider1004, #rangeSlider1005, #rangeSlider1006, #rangeSlider1007, #rangeSlider1008, #rangeSlider1009, #rangeSlider1010, #rangeSlider1011, #rangeSlider1012, #rangeSlider1013, #rangeSlider1014, #rangeSlider1015, #rangeSlider1016, #rangeSlider1017, #rangeSlider1018, #rangeSlider1019, #rangeSlider1020 { margin-top:0em; } #rangeSlider1000 li, #rangeSlider1001 li, #rangeSlider1002 li, #rangeSlider1003 li, #rangeSlider1004 li, #rangeSlider1005 li, #rangeSlider1006 li, #rangeSlider1007 li, #rangeSlider1008 li, #rangeSlider1009 li, #rangeSlider1010 li, #rangeSlider1011 li, #rangeSlider1012 li, #rangeSlider1013 li, #rangeSlider1014 li, #rangeSlider1015 li, #rangeSlider1016 li, #rangeSlider1017 li, #rangeSlider1018 li, #rangeSlider1019 li, #rangeSlider1020 li { width:380px; height:170px; overflow:hidden; } #saleSlider1, #saleSlider2, #saleSlider3, #saleSlider4, #saleSlider5, #saleSlider6, #saleSlider7, #saleSlider8, #saleSlider9, #sliderThumbs{margin-top:0em;} #saleSlider1 li, #saleSlider2 li, #saleSlider3 li, #saleSlider4 li, #saleSlider5 li, #saleSlider6 li, #saleSlider7 li, #saleSlider8 li, #saleSlider9 li{ width:948px; height:180px; overflow:hidden; } #prevBtn, #nextBtn, #samplesNext, #samplesPrev, #prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3, #slider1next, #slider1prev, #prevBtnThumbs, #nextBtnThumbs{ display:block; width:30px; height:77px; position:absolute; left:30px; top:45px; z-index:1000; } #nextBtn, #nextBtn2, #nextBtn3, #slider1next, #nextBtnThumbs{ left:654px; } #samplesNext, #samplesPrev{top:100px} #samplesNext{left:886px;} #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a, #prevBtn3 a, #nextBtn3 a, #slider1next a, #slider1prev a, #prevBtnThumbs a, #nextBtnThumbs a, #samplesNext a, #samplesPrev a{ display:block; position:relative; width:30px; height:77px; background:url(/images/prevArrow.png) no-repeat 0 0; } #showCaseThumbsPrev, #showCaseThumbsNext{ display:block; width:13px; height:29px; position:absolute; left:13px; top:50px; z-index:1000; } #showCaseThumbsPrev a, #showCaseThumbsNext a{ display:block; position:relative; width:13px; height:29px; background:url(/images/showcaseThumbPrev.png) no-repeat 0 0; } #showCaseThumbsNext a{ background:url(/images/showcaseThumbNext.png) no-repeat 0 0; } #showCaseThumbsNext{margin-left:912px;} #prevVert, #nextVert{ display:block; width:29px; height:13px; position:absolute; left:100px; top:110px; z-index:1000; } #prevVert a, #nextVert a{ display:block; position:relative; width:29px; height:13px; background:url(/images/prevVert.png) no-repeat 0 0; } #nextVert a{ background:url(/images/nextVert.png) no-repeat 0 0; } #prevVert a{margin-top:288px;} /* style and position of the showcase "products used" thumbs */ #prevVertSCT, #nextVertSCT{ display:block; width:29px; height:13px; position:absolute; left:70px; top:30px; z-index:1000; } #prevVertSCT a, #nextVertSCT a{ display:block; position:relative; width:29px; height:13px; background:url(/images/prevVert.png) no-repeat 0 0; } #nextVertSCT a{ background:url(/images/nextVert.png) no-repeat 0 0; } #prevVertSCT a{margin-top:324px;} #samplesPrev a{left:-50px;} #nextBtn a, #nextBtn2 a, #samplesNext a, #nextBtn2 a, #nextBtn3 a, #slider1next a, #nextBtnThumbs a{ background:url(/images/nextArrow.png) no-repeat 0 0; margin-left:15px; } /* slider on the products page */ #slider_VirtualRooms ul, #slider_VirtualRooms li{ margin:0; padding:0; list-style:none; } #slider_VirtualRooms li{ width:330px; height:250px; overflow:hidden; } /* slider on the category header page */ #slider_CategoryHeader ul, #slider_CategoryHeader li{ margin:0; padding:0; list-style:none; } #slider_CategoryHeader li{ width:460px; height:200px; overflow:hidden; } /* these are the previous & next buttons on the VirtualRooms slider */ #btnNext_VirtualRooms{} #btnNext_VirtualRooms a { display:block; position:absolute; right:5px; bottom:5px; width:17px; height:37px; z-index:1000; background:url(/images/nextArrow.png) no-repeat 0 0; } #btnPrev_VirtualRooms {} #btnPrev_VirtualRooms a { display:block; position:absolute; left:5px; bottom:5px; width:17px; height:37px; z-index:1000; background:url(/images/prevArrow.png) no-repeat 0 0; } #nextBtnThumbs{margin-left:-440px; margin-top:250px;} #prevBtnThumbs{margin-left:-30px; margin-top:250px;} /* these are the previous & next buttons on the product page */ #nextBtnThumbs_ProductPage {} #nextBtnThumbs_ProductPage a{ display:block; position:absolute; right:20px; top:45px; width:17px; height:37px; z-index:1000; background:url(/images/nextArrow.png) no-repeat 0 0; } #prevBtnThumbs_ProductPage {} #prevBtnThumbs_ProductPage a{ display:block; position:absolute; left:10px; top:45px; width:17px; height:37px; z-index:1000; background:url(/images/prevArrow.png) no-repeat 0 0; } /* these are the previous & next buttons on the Range Page sliders */ #btnNext_Ranges1000 a, #btnNext_Ranges1001 a, #btnNext_Ranges1002 a, #btnNext_Ranges1003 a, #btnNext_Ranges1004 a, #btnNext_Ranges1005 a, #btnNext_Ranges1006 a, #btnNext_Ranges1007 a, #btnNext_Ranges1008 a, #btnNext_Ranges1009 a, #btnNext_Ranges1010 a, #btnNext_Ranges1011 a, #btnNext_Ranges1012 a, #btnNext_Ranges1013 a, #btnNext_Ranges1014 a, #btnNext_Ranges1015 a, #btnNext_Ranges1016 a, #btnNext_Ranges1017 a, #btnNext_Ranges1018 a, #btnNext_Ranges1019 a, #btnNext_Ranges1020 a { display:block; position:absolute; right:5px; bottom:60px; width:17px; height:37px; z-index:1000; background:url(/images/nextArrow.png) no-repeat 0 0; } #btnPrev_Ranges1000 a, #btnPrev_Ranges1001 a, #btnPrev_Ranges1002 a, #btnPrev_Ranges1003 a, #btnPrev_Ranges1004 a, #btnPrev_Ranges1005 a, #btnPrev_Ranges1006 a, #btnPrev_Ranges1007 a, #btnPrev_Ranges1008 a, #btnPrev_Ranges1009 a, #btnPrev_Ranges1010 a, #btnPrev_Ranges1011 a, #btnPrev_Ranges1012 a, #btnPrev_Ranges1013 a, #btnPrev_Ranges1014 a, #btnPrev_Ranges1015 a, #btnPrev_Ranges1016 a, #btnPrev_Ranges1017 a, #btnPrev_Ranges1018 a, #btnPrev_Ranges1019 a, #btnPrev_Ranges1020 a { display:block; position:absolute; left:5px; bottom:60px; width:17px; height:37px; z-index:1000; background:url(/images/prevArrow.png) no-repeat 0 0; } /* smaller slider on the search results page */ .slider_VirtualRooms_small ul, .slider_VirtualRooms_small li{ margin:0; padding:0; list-style:none; } .slider_VirtualRooms_small li{ width:240px; height:214px; overflow:hidden; } ol#controls{ margin:0; margin-top:-38px !important; padding:0; height:28px; padding:2px; padding-top:8px; padding-bottom:0px; padding-left:5px; background:none; z-index:9999; } ol#controls li{ margin:0 0 0 0; padding:0; padding-left:5px; float:left; list-style:none; height:28px; line-height:20px; } ol#controls li a{ display:block; height:22px; width:22px; text-align:center; color:#fff; text-decoration:none; background-color:#1975A3; } ol#controls li a:hover{ background-color:#73ABC7; } ol#controls li.current a{ background-color:#73ABC7; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} #slider ul li div img {border:0} .range_head{height:30px; display:inline; cursor:pointer} .range_body{color:#000000; background-color:#888f90; position:absolute; left:0; z-index:999; width:110px; padding:0 10px 10px 10px; line-height:18px; display:none} .range_body a{clear:both;} /*****new nav styles oct 10******************************/ #navTab{line-height:30px;} /* FORM SLIDER STYLES */ *.carpe_slider_group { margin-left: auto; margin-right: auto; } *.carpe_horizontal_slider_display_combo { clear: left; margin: 0; } *.carpe_vertical_slider_display_combo { float: left; margin: 0; } *.carpe_horizontal_slider_track { background-color: #bbb; color: #333; width: 120px; float: left; margin: 0; line-height: 0px; font-size: 0px; text-align: left; padding: 4px; border: 1px solid; border-color: #ddd #999 #999 #ddd; } *.carpe_horizontal_slider { width: 16px; background-color: #666; color: #333; position: relative; margin: 0; height: 8px; z-index: 1; line-height: 0px; font-size: 0px; text-align: left; border: 2px solid; border-color: #999 #333 #333 #999; } *.carpe_vertical_slider { width: 20px; background-color: #666; color: #333; position: relative; margin: 0; height: 8px; z-index: 1; line-height: 0px; font-size: 0px; text-align: left; border: 2px solid; border-color: #999 #333 #333 #999; } *.carpe_horizontal_slider_slit { background-color: #333; color: #ccc; width: 110px; height: 2px; margin: 4px 4px 2px 4px; line-height: 0px; position: absolute; z-index: 1; border: 1px solid; border-color: #999 #ddd #ddd #999; } *.carpe_vertical_slider_track { background-color: #bbb; color: #333; padding: 3px 6px 15px 6px; width: 24px; height: 100px; border: 1px solid; border-color: #ddd #999 #999 #ddd; } *.carpe_vertical_slider_slit { background-color: #000; color: #333; width: 2px; height: 100px; position: absolute; margin: 4px 10px 4px 10px; padding: 4px 0 1px 0; line-height: 0px; font-size: 0; border: 1px solid; border-color: #666 #ccc #ccc #666; } *.carpe_slider_display_holder { background-color: #bbb; color: #333; width: 34px; margin: 0; float: left; padding: 0 2px 0 0; height: 20px; text-align: right; border: 1px solid; border-color: #ddd #999 #999 #ddd; } .carpe_slider_display { background-color: #bbb; color: #333; width: 34px; text-align: right; font-size: 8pt; line-height: 10px; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; border: 0; cursor: default; } /* .galleryContainer{border:1px solid #d2d7dd; background-image:url(../images/refreshingideas_lg.jpg); background-repeat:no-repeat; background-position:top left; padding-bottom:120px;} .refreshingIdeas{height:253px; width:947px; color:#FFFFFF; overflow:hidden} .refreshingIdeasText{width:510px; height:100px; margin:90px 0 0 185px;} .showcaseButtons{padding-left:24px;} .showcaseButtons a img{opacity:.5;filter: alpha(opacity = 50); margin-right:42px; margin-top:4px;} .showcaseButtons a img:hover{opacity:1;filter: alpha(opacity = 100);} .refreshingIdeasBtn{background-image:url(../images/refreshingideasbtn.png); width:193px; height:40px; float:left; margin-left:21px; color:#9098ab; line-height:40px; padding:0 10px; font-size:16px} .refreshingIdeasBtn a{color:#9098ab} */ .contactColumn #contact_form label{display:block; width:120px;float:left; margin-bottom:10px; font-weight:bold; clear:left} .contactColumn #contact_form input, #contact_form textarea, #contact_form select{margin-bottom:7px; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:170px;} /********VIDEO PAGE STYLES***********/ .vidBlock, .vidBlock2{padding:0px; background-image:url(/images/vid-bg-1.png); background-repeat:no-repeat; width:405px; height:283px;} .vidBlock2{background:url(/images/vid-bg-2.png);} .vidHeader a{color:#4b575f; text-transform:capitalize; text-decoration:none; font-weight:bold; font-size:16px} .vidHeader{padding-bottom:20px;} .tvPageCont{background-color:#e3e5ea;width:948px; margin:0; padding:0; overflow:hidden; color:#FFFFFF; text-align:center; font-size:16px; margin-top:15px; padding-top:12px;} /********HELP PAGE STYLES********/ #helpBox{border:1px solid #e1e1e1; float:left; width:420px; height:139px; padding:1px; margin-bottom:50px; color:#67758f; font-size:1.2em} .helpBoxRight{margin-left:100px;} #helpBoxHead{background-image:url(/images/helpboxhead.png); height:38px; line-height:38px; padding:0 15px; overflow:hidden} #helpBoxHead h3{color:#6e7c96; margin:0} /***********NEW SECTION PAGE STYLES*****/ .wetRoomsHead{width:938px; height:109px; border:1px solid #ba9c7a; background-image:url(../images/wetrooms_head.jpg); position:relative; color:#FFFFFF; text-align:center} .wetRoomsHead span{color:#000} .wetRoomsHead h1{color:#bb9974 !important; margin-left:0; font-size:30px; float:left; margin-top:58px;} .splashbackWrapper{width:940px; background-image:url(../images/splashbackHead.png); background-repeat:repeat-x; background-color:#999999} .splashbackHead{width:940px; height:200px; position:relative; color:#FFFFFF; text-align:center} .splashbackHead span{color:#000} .splashbackHead h1{color:#bb9974 !important; margin-left:0; font-size:30px; float:left; margin-top:58px;} .splashbackContent{position:absolute; width:607px; height:115px; top:0px; right:60px; color:#fff; text-align:left} .splashbackContent p {color:#fff3d5; font-weight:bold} .sectionCat1Wrapper{width:940px; background-color:#fff } .uFloorHead{width:938px; height:109px; border:1px solid #ff392c; background-image:url(../images/uFloor_head.jpg); position:relative; color:#FFFFFF; text-align:center; overflow:hidden} .uFloorHead span{color:#000} .uFloorHead h1{color:#bb9974 !important; margin-left:0; font-size:30px; float:left; margin-top:58px;} .watchVid, .dlPDF, .viewLeaflet{width:56px; height:120px; position:absolute; top:14px; font-size:11px} .watchVid{right:43px;} .dlPDF{right:115px;} .viewLeaflet{right:187px;} .wetRoomsMainBg{width:938px; height:357px; position:relative; border:1px solid #ba9c7a; background-image:url(../images/wetroomsbg.jpg); margin-top:1px;} .wetRoomProdBox, .wetRoomProdBoxEnd{width:266px; height:347px; border:1px solid #ba9c7a; float:left; margin-right:15px; overflow:hidden; position:relative; text-align:center} .wetRoomProdBoxEnd{margin-right:0} .splashMainBg{width:938px; height:357px; position:relative; border:1px solid #ba9c7a; background-image:url(../images/wetroomsbg.jpg); margin-top:1px;} .splashProdBox, .splashProdBoxEnd{width:400px; height:507px; border:1px solid #92c745; float:left; margin-right:16px; overflow:hidden; position:relative; text-align:center; background-color:#FFFFFF} .splashProdBoxColour, .splashProdBoxColourEnd{width:260px; height:307px; border:1px solid #92c745; float:left; margin-right:15px; overflow:hidden; position:relative; text-align:center; background-color:#FFFFFF} .splashProdBoxEnd{margin-right:0} .splashProdBox img, .splashProdBox img, .splashProdBoxColour img, .splashProdBoxColourEnd img{position:absolute; bottom:15px; left:15px} .splashProBoxCat1, .splashProdBoxCat1End{width:219px; height:300px; border:1px solid #414950; float:left; margin-right:16px; overflow:hidden; position:relative; text-align:center; background-color:#FFFFFF; margin-bottom:16px; font-size:10px !important} .splashProdBoxCat1End{margin-right:0} .splashProBoxCat1 h2, .splashProdBoxCat1End h2{font-size:13px;} .uFloorMainBg{width:938px; height:357px; position:relative; border:1px solid #ff392c; background-image:url(../images/uFloorbg.jpg); margin-top:1px;} .uFloorProdBox, .uFloorProdBoxEnd{width:266px; height:347px; border:1px solid #ff392c; float:left; margin-right:16px; overflow:hidden; position:relative; text-align:center} .uFloorProdBoxEnd{margin-right:0} .catSliderFade{width:402px; height:310px; background-color:#FFFFFF; position:absolute; right:60px; top:20px;opacity:0.7;filter:alpha(opacity=70); border:1px solid #ba9c7a} .catSliderFadeOver{width:382px; height:290px;position:absolute; right:60px; top:20px; padding:10px} .ProdBoxContent{clear:both; height:200px; position:absolute; bottom:0; width:207px; left:30px; text-align:left; color:#4d5e7e} .ProdBoxContent h4{color:#4d5e7e; height:20px;} .ProdBoxContent table tr td{vertical-align:top; font-size:0.8em} .ProdBoxContentSplash{clear:both; height:140px; position:absolute; top:0; width:370px; left:15px; text-align:left; color:#4d5e7e} .ProdBoxContentSplashColour{clear:both; height:140px; position:absolute; top:0; width:235px; left:15px; text-align:left; color:#4d5e7e} .ProdBoxContentCat1{clear:both; margin: 0 10px; text-align:left; color:#4d5e7e; overflow: hidden} .ProdBoxContentSplash h4{color:#4d5e7e; height:20px;} .ProdBoxContentSplash table tr td{vertical-align:top; font-size:0.8em} .catQuarter{width:162px; height:118px; float:left; position:relative; overflow:hidden; margin:10px 13px;} .catQuarter img{height:95px;} .catQuarterTitle{position:absolute; height:22px; bottom:0; width:162px; font-size:8px; text-transform:capitalize !important} .catQuarterTitle a{color:#666666; text-transform:capitalize !important} .msg_list{position:absolute; top:180px; left:55px; color:#000000} .msg_head{cursor:pointer} .msg_body{z-index:99999; background-color:#4e5a5d; color:#ffffff; text-align:left; padding:10px 0 10px 10px;} .msg_body a{color:#ffffff} .expandwrap{width:173px; float:left; margin-right:5px;} .tipsy { padding: 5px; font-size: 12px; background-repeat: no-repeat; background-image: url(/images/tipsy.gif); } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #f8f8fa; color: #666; max-width: 300px; text-align: left; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } .miniBragVirtual{float:right; height:50px; width:251px; margin-right:10px;} .miniBragStd{} /* Simple jQuery Slideshow CSS used on store pages */ #slideshow {position:relative; height:350px;} #slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;} #slideshow IMG.active {z-index:10; opacity:1.0;} #slideshow IMG.last-active {z-index:9;} .pagenav a, .pagenav span { display: block; float: left; padding: 2px 5px; margin: 0 2px; border: 1px solid #ffffff; background: #ffffff; } .pagenav span.current { border: 1px solid #336799; font-weight: normal; background: #627275; color: #ffffff; } .pagenav span.disabled { border: 1px solid #E0E8EF; color: #E0E8EF; } .pagenav a { border: 1px solid #E0E8EF; text-decoration: none; } .pagenav a:hover { border-color: #627275; background: #EDEDED; color:#627275 !important } .pagenav a.nextprev { font-weight: normal; } .pagenav span.nextprev { color: #666; border: 1px solid #ddd; color: #999; } .comms_centre_menu_item{background-image:url(/images/commsmenubg.png); height:42px; width:207px; line-height:42px; font-size:16px; padding-left:15px;} .comms_centre_menu_item a{color:#fff5dc; font-size:16px;} .comms_centre_menu_item a:hover{text-decoration:none} .commsBox{width:339px; height:184px; float:left; margin-left:20px; margin-bottom:20px;} .commsBoxHeader{width:321px; height:41px; background-image:url(/images/commsBoxHeader.png); line-height:41px; padding-left:18px;} .commsBoxHeader a{color:#fff5dc; font-size:16px;} .commsBox img{border:1px solid #969495;} .commsNewsBox{width:696px; height:209px; border:1px solid #959595; clear:both; background-image:url(../images/comms-news-bg.png); background-position:bottom; overflow:hidden;} .commsNewsBoxHeader{width:678px; height:41px; background-image:url(/images/comms-news-head.jpg); line-height:41px; padding-left:18px; border-bottom:1px soid #959595;color:#fff5dc; font-size:16px;} .commsNews BoxHeader a{color:#fff5dc; font-size:16px;} .commsNewsItem{width:162px; height:148px; overflow: hidden; border:1px solid #b1b5b8; float:left; margin-left:8px; background-color:#FFFFFF; margin-top:8px; position:relative;color:#26333b; cursor:pointer} .commsNewsTitle{font-weight:bold;} .commsNewsShort{padding:3px; padding-top:0} .newsImageArea{overflow:hidden;margin:3px;} /* STYLES FOR NEW BROCHURE SECTION */ .brochureTable{margin-top:5px;} .brochureTable tr td{position:relative} .brochureTableDiv, .brochureTableDiv a, .brochureTableDiv a:hover{position:absolute; z-index:999; font-size:8px !important; text-decoration:none !important; color:#000; line-height:10px;} .brochure_bkgd { width:950px; height:100%; padding: 0px; background-color:#45555f; color:#fff6dc; margin-top:15px; } .brochure_text { padding-left:15px; padding-right:15px; padding-top:0px; margin-top:0px; width:400px; text-align:justify; color:#fff; font-size:12px; float:left; line-height:20px; color:#fff6dc; } .brochure_text p { color:#fff6dc; } .free_brochure_iframe {height:415px; width:475px; color:#fff6dc; overflow:hidden !important; margin-top:0px; background-color:#45555f; border:none;} /* STYLES FOR NEW LOOK WOOD FLOORING PAGE */ #wood_flooring {width:100%; height:100%; padding-top:15px; background-image:url(/images/wf_bkgd.jpg); background-repeat:repeat-x; background-position:top; background-color:#d0d0d0} #wood_flooring img {border:none;} #wood_flooring a {color:#36434b; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;} #wood_flooring a:hover {color:#CCCCCC;} .wf_cat_container {position:relative; width:950px; height:340px; margin-bottom:0px;} .wf_bkgd_img {} .wf_samples {position:absolute; left:56px; bottom:34px; width:360px; height:100px; float:left;} .wf_samples a {padding-right:4px;} .wf_intro {width:486px; height:164px; padding:10px; float:right; position:absolute; right:16px; top:99px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#36434b; text-align:justify; overflow:auto;} h2.wfBig {font-size:14px; font-weight:normal; color:#36434B; float:left; margin:0 8px 0 0; padding:0px;} h2.wfSmall {font-size:12px; font-weight:bold; color:#36434B; float:left; margin:0 8px 0 0; padding:0px;} #wf_laminate_tab {height:26px; width:474px; position:absolute; bottom:15px; right:0px; background:url(/images/wf_laminate_flooring_tab.png) no-repeat; text-align:right;} #wf_engineered_tab {height:26px; width:576px; position:absolute; bottom:15px; right:0px; background:url(/images/wf_engineered_wood_flooring_tab.png) no-repeat; text-align:right;} #wf_hardwood_tab {height:26px; width:501px; position:absolute; bottom:15px; right:0px; background:url(/images/wf_hardwood_flooring_tab.png) no-repeat; text-align:right;} .wf_tab_products {margin-top:4px; padding-right:6px; float:right; margin-right:40px;} .wf_tab_products a {color:#fff !important;} .wf_tab_products a:hover {color:#CCCCCC !important;} .wf_tab_info {margin-top:4px; padding-right:10px; float:right;} .wf_tab_info a {color:#fff !important;} .wf_tab_info a:hover {color:#CCCCCC !important;} .wf_toggle_text {display:none; clear:both; width:908px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#36434b; text-align:justify; border:thin; border-style:solid; border-color:#999999; padding:20px;} .wf_toggle_text a {color:#36434b; text-decoration:none; font-weight:bold;} .wf_toggle_text a:hover {color:#36434b !important; text-decoration:underline !important; font-weight:bold;} /* END FOR NEW LOOK WOOD FLOORING PAGE */ .wishlistadded{color:#c70000; font-weight:normal;} .wishpointerBox{float:right;} .wishlistButtons{width:100px; float:right; margin-top:7px; clear:right} .wishlistButtons img{margin-bottom:5px;} .wishProdImg{margin-top:7px; border:1px solid #d2dde3} /******** YOUR ACCOUNT STYLES ********/ #left_col {float: left; width: 280px;} #right_col {float: right; width: 650px; border: 1px solid #e1e1e1;} #right_col .title {border-bottom: 1px solid #bcc7cd; background-color: #f4f4f4; font-size:14px; margin: 0; padding: 15px;} #left_col .currentpage {border: 1px solid #bcc7cd; background-color: #fff6dd;} #left_col .contenbox {border: 1px solid #e1e1e1; padding: 5px; margin-bottom: 10px} #left_col a:link {font-size:14px; color:#455660; text-decoration:none;} #left_col a:visited {font-size:14px; color:#455660; text-decoration:none;} #left_col a:hover {font-size:14px; color:#455660; text-decoration:underline;} #left_col a:active {font-size:14px; color:#455660; text-decoration:none;} #title {background-color: #455660; padding: 10px 5px; margin: 10px 0;} #title h1 {color: #fcf7da; font-size: 22px; font-weight: bold; margin: 0;} #title a:link {font-size:14px; color:#455660; text-decoration:none; float: right; padding: 5px 10px; border: 1px solid #bcc7cd; background-color: #fff6dd;} #title a:visited {font-size:14px; color:#455660; text-decoration:none; float: right; padding: 5px 10px; border: 1px solid #bcc7cd; background-color: #fff6dd;} #title a:hover {font-size:14px; color:#455660; text-decoration:underline;} #title a:active {font-size:14px; color:#455660; text-decoration:none; float: right; padding: 5px 10px; border: 1px solid #bcc7cd; background-color: #fff6dd;} #tblOrders {border-collapse: collapse; text-align: left; margin: 4px; width: 640px} #tblOrders th {border-bottom: 2px solid #455660; padding: 5px; font-weight: bold;} #tblOrders td {border-bottom: 1px dotted #455660; padding: 5px;} #tblOrders a:link {font-size:14px; color:#455660; text-decoration:none; float: right; padding: 3px; border: 1px solid #bcc7cd; background-color: #f4f4f4; width:100px; text-align:center} #tblOrders a:visited {font-size:14px; color:#455660; text-decoration:none; float: right; padding: 3px; border: 1px solid #bcc7cd; background-color: #f4f4f4; width:100px; text-align:center} #tblOrders a:hover {font-size:14px; color:#455660; text-decoration:underline;} #tblOrders a:active {font-size:14px; color:#455660; text-decoration:none; float: right; padding: 3px; border: 1px solid #bcc7cd; background-color: #f4f4f4; width:100px; text-align:center} #tblOrderDetail .highlight {background-color: #f4f4f4} #tblOrderDetail td {border: 0;} .ya_table_100 {width:100%;} .ya_tr_colourise_red {background-color:#EC1C24; padding:4px; color:#FFFFFF;} .ya_banner_text {font-size:12px; text-align:left; padding:4px; font-weight:bold;} .ya_main_text_message_red_large {padding:3px; border:1px solid #E01F2E; font-size:14px; font-weight:bold;} } ul#slidenav { float:left; list-style:none; margin:0; padding:0; display:inline !important } ul#slidenav li { margin:0; padding:0; height:38px; display:inline } #feature2 { height:280px; } #feature3 { height:280px; } #feature-left { float:left; width:476px; display:inline; } #feature-right { float:left; width:248px; display:inline; } #feature-inner { padding:56px 20px 10px 0; } #feature-right h1 { font-family: Magnet, sans-serif; font-size:48px; color:#ffffff; padding:0 10px 10px 0; margin:0; } #feature-right p { color:#ffffff; font-size:16px; } #feature3 #feature-right h1, #feature3 #feature-right p { color:#002e62; } a img { border:0; } #card-logos { display:block; margin:12px 0 10px 3px; } #postcode_search #postcode { margin:12px 0; } /*NEW PAGINATION STYLES*/ .pagenav a, .pagenav span { display: block; float: left; padding: 2px 5px; margin: 0 2px; border: 1px solid #ffffff; background: #ffffff; } .pagenav span.current { border: 1px solid #336799; font-weight: normal; background: #336799; color: #ffffff; } .pagenav span.disabled { border: 1px solid #E0E8EF; color: #E0E8EF; } .pagenav a { border: 1px solid #E0E8EF; text-decoration: none; } .pagenav a:hover { border-color: #336799; background: #E0E8EF; } .pagenav a.nextprev { font-weight: normal; } .pagenav span.nextprev { color: #666; border: 1px solid #ddd; color: #999; } /*NEW PAGINATION STYLES*/ .pagenav a, .pagenav span { display: block; float: left; padding: 2px 5px; margin: 0 2px; border: 1px solid #ffffff; background: #ffffff; } .pagenav span.current { border: 1px solid #336799; font-weight: normal; background: #27aae1; color: #ffffff; } .pagenav span.disabled { border: 1px solid #E0E8EF; color: #E0E8EF; } .pagenav a { border: 1px solid #E0E8EF; text-decoration: none; } .pagenav a:hover { border-color: #336799; background: #E0E8EF; } .pagenav a.nextprev { font-weight: normal; } .pagenav span.nextprev { color: #666; border: 1px solid #ddd; color: #999; } .pagination{padding-left:20px;} .saleProductPrice span{color:#c70000; font-size:12px} .fullWidthPadder{padding:0 26px; color:#45555f; font-size:13px;} .sampleWidth{width:370px; color:#45555f; font-size:13px;} .samplePriceBlock{position:absolute; right:0; bottom:0; width:146px; height:17px; text-align:right; background-color:#45555f; color:#fff6dc; padding:5px 5px; font-weight:bold} /*.newDNBox{border-top:1px solid #455560; height:auto; overflow:auto; margin-bottom:20px; padding-top:5px;}*/ .newDNBox{border:1px solid #cccccc; overflow:auto; margin-bottom:20px; padding-top:0px;max-height: 130px;} /*.newDNBox table tr td{font-weight:normal !important; padding-top:0px 0 0 0 !important;}*/ .brochureLeftCol{width:393px; height:615px; float:left} .brochureMidCol{width:424px; height:615px; float:left; overflow:hidden} .brochureRightCol{height:615px; width:132px; float:left} .brochure1 {width:424px; height:267px; background-color:#374a56; text-align:left; color:#fff; font-size:13px; text-align:left} .brochure1 table {color:#FFFFFF; font-size:13px; text-align:left} .brochure1 table tr td {padding:7px; text-align:left} .b1fname{width:97px; height:23px; margin:0; padding:0} .b1sname{width:118px; height:23px; margin:0; padding:0} .b1pcode{width:193px; height:23px; margin:0; padding:0} .newBrochureField{width:290px; margin:0; padding:0} .styleGuidesCont{background-color:#374a56;} .styleGuidesCont img{margin:0 0 20px 20px; display:inline} .styleGuidesHeader{background:url(/images/styleguides-head-bg.jpg); width:609px; height:140px; padding:23px 40px 0 300px; clear:both} /*new Homepage styles*/ .homeBox2{width:288px; height:209px; background-image:url(/images/homeBox2Bg.png); float:left; margin-left:12px; padding:9px 0 0 13px;} .homeBox3{width:287px; height:155px; background-image:url(/images/homeBox3Bg.png); float:left; margin-left:12px; padding:9px 0 0 13px;} .homeBoxesBg{width:947px; height:425px; background-image:url(/images/homeBoxesBg.png); clear:both; margin-top:12px;} .homeBoxesBg-b{ float:left; width:730px; background:url(/images/homeBoxesBg-b.png) top right no-repeat; margin-top:5px; margin-bottom:15px;} .newHpBox{width:197px; height:170px; position:relative; float:left; margin:37px 0 0 35px} .newHpLgBox{width:266px; height:170px; position:relative; float:left; margin:19px 0 0 50px} .newHpBox-b{width:207px; height:171px; position:relative; float:left; margin:37px 0 0 22px} .newHpLgBox-b{width:316px; height:171px; position:relative; float:left; margin:37px 0 0 30px} .homepagePaperClip{background-image:url(/images/paperclipPaper.png); height:34px; width:143px; text-transform:uppercase; padding:21px 0 0 35px; position:absolute; margin-top:-28px; margin-left:-12px;} .homepagePaperClip a, .homepagePaperClipLg a, .homepagePaperClipLg h2{font-size:13px; color:#455560; text-decoration:none; margin:0} .productPaperclip{top:-30px; left:10px; z-index:9999} .homepagePaperClipLg{background-image:url(/images/paperclipPaperLg.png); height:32px; width:160px; text-transform:uppercase; padding:17px 0 0 35px; position:absolute; margin-top:5px; margin-left:-12px;} .newStoreLocatorBar{background-image:url(/images/TT-store-locator.png); height:48px; width:950px; margin-top:15px;} .locatorBox{border:1px solid #acb2bb; height:31px; width:270px; float:right; margin:7px 7px 0 0; background-color:#FFFFFF; position:relative} .newLocatorInput{border:0px solid #000; width:200px; height:25px; margin:2px 0 0 2px; position:absolute; left:0} .newGoButton{border:none; background-image:url(/images/newGoBox.png); height:25px; width:39px; float:right; margin:2px 2px 0 0} .hpDesInsp{background-image:url(/images/hpDesignInspiration.jpg); height:309px; width:706px; margin-top:7px; overflow:hidden; position:relative; float:left} .hpDesInner{margin:125px 0 0 20px; text-align:right; width:204px; height:158px;} .hpDesInner a{text-decoration:none; color:#4b407c} .desInspArrow{vertical-align:top; margin:0 0 3px 5px;} .enterbtn{position:absolute; right:32px; bottom:33px;} .newsBoxHp{width:232px; height:482px; background-image:url(/images/hpNewsbg.png); float:right; margin:14px 0 0 12px; position:relative} .viewAllNews{position:absolute; width:120px; height:20px; top:433px; left:65px;} .viewAllNews a{text-decoration:none !important; font-size:11px; color:#2F414D} .adviceCentreHp{width:678px; height:60px; float:left;background:url(/images/advice-centre-bg.png); padding:90px 0 0 26px; margin-top:13px;} .adviceCentreHp table img{vertical-align:text-bottom} .adviceCentreHp table a{ margin-right:20px; color:#1c3f94} .hpBtns{clear:both} .hpBtn{margin-right:14px;} .hpNewsletterSignup{height:48px; width:833px; float:left; background:#fff31c; line-height:12px; color:#3e4f64} .newsletterBarImg{float:left} .newsletterBarLine{float:left; height:20px; width:300px; margin:20px 0 0 20px; font-size:10px;} .hpSocial{float:left;margin:0 0 0 7px;} .recentlyViewed{width:226px; height:100px; border-right:1px solid #bfc3cc; position:relative; float:left; text-align:center} .recentlyViewedX{position:absolute; right:5px;} .recentlyViewedI{position:absolute; right:5px; bottom:0px;} .footerDivider{border-top:1px solid #bfc3cc; margin:15px 0 00px 0; clear:both; padding-top:10px; color:#1c3f95} .newFooterLinks{float:left; width:780px; text-align:left; margin-top:15px; color:#1c3f95; text-align:left} .newFooterLinks a{color:#1c3f95} /*new Designed to inspire styles*/ .newShowcaseThumb{width:130px; height:100px; border:1px solid #c2c2c2; margin-right:11px;} #showcaseMainImage{background:url(/images/genericThrobber.gif) center no-repeat; height:368px; width:750px; border:1px solid #c2c2c2; overflow:hidden; float:left} .showcaseNewText{color:#374a56; font-size:13px; margin:20px 35px 40px 35px} .showcaseProductsBox{width:170px; height:368px; float:right; margin:0px 0 0 0px; position:relative; overflow:hidden;} .tilesUsedContent{height:150px; border-bottom:1px dotted #cccccc; text-align:center} .showcaseBtns{margin-right:5px;} /*new Tile visualiser/wishlist styles*/ .visualiserHead{background-color:#eaeaea; display:block; padding:13px;} .visualiserHeadInner{border:1px solid #b7c4cd; background-color:#f5f5f5; overflow:hidden; padding:10px; font-size:14px; color:#374a56 !important} .visualiserHeadInner img{margin:20px 0} .visualiserHeadInner p{color:#374a56 !important} .visualiserHeadInner span{font-size:15px; font-weight:bold} .emptyWishlist{padding:65px 0; text-align:center; border:1px solid #b7c4cd; color:#374a56; font-size:14px} .newWishListItem{border:1px solid #b7c4cd; padding:30px; height:213px; clear:both; margin-bottom:10px; position:relative} .newWishListRight{float:left; width:570px;} .newWishListLeft{float:left; width:295px; overflow:hidden; margin-right:20px; height:210px;} .newWishListRight h2{margin-top:0; clear:right; margin-bottom:20px;} .wishListInfoTable{width:380px; float:left} .wishListInfoTable tr td, .wishListOrderTable tr td{padding:3px 0; color:#374a56} .wishListOrderTable{width:185px; float:left} .wishListButtons{width:590px; height:40px; position:absolute; bottom:10px; left:345px;} /*advice centre styles*/ .adviceCentre{background-color:#c0c3ca} .adviceCentre table tr td{vertical-align:top; color:#455560; font-size:11px} .adviceCentre table tr td a{color:#1c3f94; text-decoration:none !important} /*new contact us styles*/ .contactBlock{margin-left:50px; width:422px; height:360px; float:left} .contactBlock h1, .contactBigBlock h1{font-size:20px; color:#1c3f95; padding-left:50px; display:block; height:70px; line-height:70px; background-repeat:no-repeat; margin-bottom:15px;} .contactBlockInner{padding-left:50px; font-size:16px; color:#374a56; line-height:28px;} .contactBlockInner span{font-weight:bold; font-size:20px;} .contactBlock table{font-size:13px;} .contactBlock table img{margin-right:15px;} .h1bg1{background:url(/contact_us/images/h1bg1.png)} .h1bg2{background:url(/contact_us/images/h1bg2.png)} .h1bg3{background:url(/contact_us/images/h1bg3.png)} .h1bg4{background:url(/contact_us/images/h1bg4.png)} .h1bgAdviceLines{background:url(/contact_us/images/h1bgAdviceLines.png);} .contactBlock label{width:150px; display:block; float:left; height:17px !important; margin:0 0 5px 0 !important; font-size:16px; line-height:19px; width:175px;} .contactBlock input, .contactBlock select,.contactBlock option{height:19px !important; margin:0 0 5px 0 !important;} .contactBigBlock{margin-left:50px; width:850px; float:left; clear:both;} .adviceLine{float:left; width:405px; margin-left:20px; height:145px; font-size:16px; color:#374a56; line-height:28px;} .adviceLine span{line-height:normal} .adviceLine img{float:left; margin-right:18px;} /*new store locator styles*/ .storeLocatorLeft{width:230px; float:left; color:#4a5963} .storeLocatorRight{width:710px; float:left} .storeLocatorSearchBoxContainer{border:1px solid #bfc3cc; width:213px; height:30px; position:relative; margin-bottom:15px; margin-top:10px;} .storeLocatorStoreLeft{width:265px; float:left; color:#4a5963} .storeLocatorStoreRight{width:675px; float:right} .babySocialLinks{text-align:right; padding:10px 16px 0 0;} .sampleOrderContainer{position:relative} #addToWishListJQueryBox{position:absolute; width:214px; height:105px; background-color:#f7f6f4; padding:10px; margin-top:-15px;} #addToWishListJQueryBox2{position:absolute; width:214px; height:105px; background-color:#f7f6f4; padding:10px; margin-top:-15px;} .srHeaderBg{background:url(/images/srHeaderBg.png) no-repeat; width:718px; height:317px;} .srHeaderBg tr td{vertical-align:top} .srImage{height:177px; width:207px; position:absolute; top:4px; left:6px;text-align:center; overflow:hidden} .srImage img{height:177px} .newSrHeader{position:absolute; height:56px; top:182px; width:193px; left:14px; color:#495963 !important} .newSrHeader h2{margin:5px 0 5px 0} .newSrHeader a{color:#495963; text-decoration:none} .buttonChange{height:25px; display:inline; width:83px; overflow:hidden; float:left; z-index:998 !important} .storeListStoreName{text-transform:capitalize !important} .samplesUL{margin:15px 0; padding:0px; list-style-type:none;} .samplesUL li{line-height:30px; font-size:14px; margin:0; padding-left:40px; background:url(/images/sampleBullet.png) no-repeat 0px 13px transparent} .samplesUL li img{vertical-align:middle} .samplesHand{position:absolute; right:0; top:-211px;} .samplesBoxes{margin-left: 19px ! important; position: relative; text-align:center; background:#fff; float:left; box-shadow: 0px 0px 10px #bbb; padding:8px 0px 13px 0 !important; width:210px !important; height:188px;} /* --------- start of overlay style definitions --------- */ #overlay_background { background-image: url('/images/semi_transparent.png'); position: absolute; top: 0px; left: 0px; width: 100%; z-index: 90; } #overlay{ position: absolute; top: 0px; left: 0px; width: 100%; z-index: 100; } .overlay_content{ text-align: justify; background-color: #ffffff; padding: 10px; border: 1px solid #000000; width: 680px; height: auto; z-index: 110; } /* ---------- end of overlay style definitions ---------- */