@charset "utf-8"; /* CSS Document */ body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; background-image: url("background.gif"); background-repeat: repeat; color: #666666; font-weight: normal; line-height: 14px; } .actrequired { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height: 14px; font-weight: bold; } .actregular { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height: 14px; font-weight: normal; } table { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-weight: normal; } #container { width: 780px; margin: 0 auto; padding: 5px; background-color:#FFFFFF; } #widecontainer { width: 980px; margin: 0 auto; padding: 5px; background-color:#FFFFFF; } #bodyback { width: 100%; margin: 0 auto; background-image: url("container_back.gif"); background-repeat: repeat; } #widebodyback { width: 100%; margin: 0 auto; background-image: url("wide_container_back.gif"); background-repeat: repeat; } #checkoutbodyback { width: 780px; margin: 0 auto; background-image: url("checkout_back.gif"); background-repeat: repeat; } #ads { width: 780px; margin: 0 auto; padding: 5px; background-color: #fff; margin-bottom: 2px; } #adcontainer { float: left; width: 137px; height: 137px; margin: 0 auto; background-color: #C0C0C0; } #mastheadcontainer { clear: both; width: 100%; } #masthead { float: left; width: 623px; height: 81px; } #topnav { position: left; float: left; width: 623px; height: 23px; margin-top: 2px; background-color: #5a97b3; font-family: tahoma; color: #91bbc7; text-align: center; padding-top: 4px; } #topnav a { color: #FFFFFF; text-decoration: underline; font-family: Tahoma; font-weight: bold; font-size: 11px; } #topnav a:hover { color: #333333; text-decoration: none; } #searchbar { float: left; width: 100%; height: 25px; background-color: #91bbc7; border-right-style: solid; border-right-width: 1px; border-right-color: #91bbc7; } #searchbar .searchheads { float: left; color: #FFFFFF; font-family: Tahoma; font-weight: Bold; font-size: 11px; border-right: 1px solid; width: 152px; height: 19px; padding-top: 5px; padding-left: 9px; } #searchbar .quicksearch { float: left; color: #FFFFFF; font-family: Tahoma; font-weight: Bold; font-size: 11px; width: 190px; padding-left: 10px; padding-top: 2px; } #searchbar .links { float: left; width: 250px; padding-left: 10px; height:25px; padding-top: 7px; } #searchbar .customerservice { float: left; color: #FFFFFF; font-family: Tahoma; font-weight: Bold; font-size: 11px; width: 130px; padding-top: 6px; padding-left: 12px; border-left: 1px solid; height: 19px; } #basket { border: 1px solid #efefef; float: right; height: 108px; width: 151px; background-image: url("basket.gif"); background-position: center center; margin-bottom: 3px; } #basket .cartsummary { color: #808080; font-family: Tahoma; font-size: 11px; padding-left: 15px; margin-top: 49px; line-height: 15px; } #basket .baskettext { color: #808080; font-family: Tahoma; font-weight: Bold; font-size: 11px; width: 100px; margin-top: 10px; margin-left: 12px; padding-left: 15px; background-image: url("basket_pip.gif"); background-repeat: repeat-y; line-height: 15px; } #breadcrumb { float: left; width: 100%; height: 24px; padding-top: 6px; padding-bottom: 6px; } #content { float: left; padding-left: 7px; padding-top: 12px; padding-right: 7px; width: 446px; border-left: solid 1px #efefef; border-right: solid 1px #efefef; } #widecontent { float: left; padding-left: 7px; padding-top: 12px; padding-right: 7px; width: 646px; border-left: solid 1px #efefef; border-right: solid 1px #efefef; } #checkoutcontent { float: left; padding-top: 12px; padding-left: 8px; padding-right: 8px; width: 601px; height: auto; border-right: 1px solid #efefef; border-left: 1px solid #efefef; } #contenttext { float: left; } #rightcontainer { float: left; width: 146px; border-right: 1px solid #efefef; padding: 5px; } #rightcontainer .ad1 { float: left; width: 145px; height: 146px; background-repeat: no-repeat; background-attachment: fixed; margin-bottom: 2px; } #rightcontainer .ad2 { float: left; width: 145px; height: 146px; background-repeat: no-repeat; background-attachment: fixed; margin-bottom: 2px; } #rightcontainer .ad3 { float: left; width: 145px; height: 146px; background-repeat: no-repeat; background-attachment: fixed; margin-bottom: 2px; } #rightcontainer .ad4 { float: left; width: 145px; height: 146px; background-repeat: no-repeat; background-attachment: fixed; margin-bottom: 2px; } #rightcontainer .ad5 { float: left; width: 145px; height: 146px; background-repeat: no-repeat; background-attachment: fixed; margin-bottom: 2px; } #rightcontainer .ad6 { float: left; width: 145px; height: 146px; background-repeat: no-repeat; background-attachment: fixed; margin-bottom: 2px; } #rightcontainer .ads { float: left; width: 145px; height: 146px; background-repeat: no-repeat; background-attachment: fixed; margin-bottom: 2px; } #rightcontainer .customerservice { float: left; width: 145px; height: 102px; background-repeat: no-repeat; background-attachment: fixed; margin-bottom: 2px; } #rightcontainer .adtext { background-position: left center; float: left; width: 124px; height: 12px; padding-left: 21px; margin-bottom: 5px; background-color: #f3f3f3; line-height: 25px; background-image: url("ad_pip.gif"); font-family: tahoma; font-size: 11px; font-weight: bold; background-repeat: no-repeat; } #navcontainer { position: relative; float: left; width: 160px; border-left: 1px solid #efefef; } #navigation { position: relative; float: left; width: 147px; padding-left: 7px; } /* Navigation Styles */ #navigation ul { list-style-type: none; width: 100%; display: block; margin: 0; padding: 0; } #navigation li { display: block; margin: 0; padding: 0; } #navigation a { color: #666666; text-decoration: none; display: block; padding-top: 1px; border-bottom: 1px solid #d3dfe3; background-color: #fff; height: 16px; font-family: Tahoma; font-weight: normal; font-size: 11px; background-image: url("nav_pip.gif"); background-repeat: no-repeat; padding-left: 15px; } #navigation a:hover { color: #333333; text-decoration: none; border-bottom: 1px solid #d3dfe3; background-color: #eaf5ff; } #navigation .navheaders { color: #ff6600; font-family: Tahoma; font-weight: Bold; font-size: 11px; padding-bottom: 12px; padding-top: 15px; border-bottom: 1px solid #d3dfe3; } #footerstrip { clear: both; width: 100%; background-image: url("footer_back.gif"); height: 40px; } #footer { text-align: left; clear: both; width: 780px; height: 35px; padding-top: 6px; margin-bottom: 8px; } /* Masthead Styles */ #masthead h1 { color: #fff; } #masthead h3 { color: #FF6600; font-family: Tahoma; font-weight: normal; } /* Content Styles */ h6 { color: #FF6600; font-family: Tahoma; font-weight: normal; } h5 { color: #FF6600; font-family: Tahoma; font-weight: normal; } h4 { color: #FF6600; font-family: Tahoma; font-weight: normal; margin: 3px 0px 10px 0px; line-height: 18px; } h3 { color: #FF6600; font-family: Tahoma; font-weight: normal; } h2 { color: #ff6600; font-family: Tahoma; font-weight: normal; margin: 3px 0px 10px 0px; line-height: 22px; } h1 { color: #ff6600; font-family: Tahoma; font-weight: normal; line-height: 30px; letter-spacing: -0.05em; word-spacing: -0.05em; } #content h1 { color: #ff6600; font-family: Tahoma; font-weight: normal; } /* Footer Styles */ #footer p { color: #808080; } #footer a { color: #C0C0C0; text-decoration: underline; font-family: Tahoma; font-weight: bold; font-size: 11px; } #footer a:hover { color: #666666; text-decoration: none; } a { color: #666666; text-decoration: underline; } a:hover { color: #333333; text-decoration: underline; } .style_bold { font-weight: bold; } .style_italic { font-style: italic; } .searchinput { border-color: #d1d8db; border-style: solid; border-width: 1px; font-family: Tahoma; font-size: 11px; color: #666666; font-weight: normal; height: 14px; padding-left: 4px; padding-top: 2px; } .form { margin-top: 0; margin-bottom: 0; } #terms { float: left; border-bottom-color: #d1d8db; border-bottom-style: solid; border-bottom-width: 1px; font-family: Tahoma; font-size: 11px; color: #666666; font-weight: normal; width: 440px; margin-bottom: 12px; padding-bottom: 12px; } #terms p { font-family: Tahoma; font-size: 11px; color: #ff6600; font-weight: bold; } #product_list { clear: both; width: 440px; } #product_list .product_image { float: left; padding-right: 6px; } #product_list .product_description { float: left; font-family: Tahoma; font-size: 11px; color: #666666; } #priceblock { float: left; font-family: Tahoma; font-size: 11px; width: 434px; background-color: #f6f5f3; padding: 6px; margin-bottom: 2px; } #priceblock .pricedesc { float: left; font-family: Tahoma; font-size: 11px; width: 260px; } #priceblock .pricematch { float: left; width: 30px; margin-top: 5px; } #priceblock .price { float: left; width: 91px; font-family: Tahoma; font-size: 11px; padding-left: 8px; border-left: #FFFFFF 1px solid; } #priceblock .qtyinput { float: right; width: 40px; padding-top: 4px; padding-left: 10px; } #priceblock .incvat { float: left; font-family: Tahoma; font-size: 11px; } #priceblock .excvat { float: left; width: 100px; font-family: Tahoma; font-size: 11px; font-weight: bold; } #priceblock .productimage { float: left; margin-right: 12px; } #tabheader { float: left; font-family: Tahoma; font-weight: bold; background-color: #DCD7CB; padding: 6px; width: 250px; margin-bottom: 2px; margin-right: 100px; color: #ff6600; margin-top: 6px; font-size: 14px; } img { border: 0; } #sections { float: left; width: 142px; height: 195px; padding: 3px; margin-bottom: 4px; } #sections .sectionimage{ float: left; width: 145px; height: 145px; } #kitchensections { float: left; width: 434px; height: 250px; padding: 2px; margin-bottom: 4px; } #sections a { font-family: Tahoma; font-size: 11px; } #textblock { width: 440px; float: left; font-family: Tahoma; margin-bottom: 10px; border-bottom: 1px solid #d3dfe3; padding-bottom: 12px; } #textblockright { float: left; width: 200px; font-family: Tahoma; margin-bottom: 10px; padding-bottom: 12px; } #textblock .textblockimageright { float: right; } #textblock .textblockimage { padding-right:12px; float: left; } #textblock .pressstoryimage { padding-bottom:12px; float: left; } #tintblock { float:left; padding: 12px; background-color: #dcd7cb; font-family: Tahoma; margin-top: 5px; line-height: 12px; } #tintblockdarkblue { width: 428px; float:left; padding: 8px; background-color:#115a6d; font-family: Tahoma; margin-top: 1px; line-height: 12px; color:#FFFFFF; } #tintblockdarkbluewhiteheader { width: 428px; float:left; font-size:24px; line-height: 36px; padding: 8px; background-color:#115a6d; font-family: Tahoma; margin-top: 1px; margin-bottom: 1px; line-height: 12px; color:#FFFFFF; } #tintblockblue { width: 428px; float:left; padding: 8px; background-color: #e1eff3; font-family: Tahoma; margin-top: 1px; line-height: 12px; } #tintpanelbullet { float:left; margin-top: 2px; padding: 9px; background-color: #dcd7cb; font-family: Tahoma; line-height: 15px; font-weight: bold; vertical-align: middle; } #addtocart { float:left; width: 430px; margin-top: 2px; padding: 8px; background-color: #c9c5ba; margin-bottom: 3px; } #disclaimer { float:left; width: 430px; font-size:10px; font-family: Tahoma; line-height: 12px; margin-bottom: 20px; } #homead { float:left; width: 130px; padding:8px; font-family: Tahoma; line-height: 15px; font-weight: bold; background-color: #007495; font-size: 11px; color: #FF6600; border: solid 1px #FFFFFF; } #kitchenintro { float:left; width: 430px; padding:8px; margin-bottom: 6px; font-family: Tahoma; font-size: 11px; line-height: 15px; background-color: #f6f5f3; color:#666666; } #widekitchenintro { float:left; width: 430px; padding:8px; margin-bottom: 6px; font-family: Tahoma; font-size: 11px; line-height: 15px; background-color: #f6f5f3; color:#666666; } #worktopintro { float:left; width: 430px; padding:8px; margin-bottom: 6px; font-family: Tahoma; font-size: 11px; line-height: 15px; background-color: #f6f5f3; color:#666666; } #flashtint { float:left; width: 420px; background-color: #f6f5f3; padding: 12px; margin-bottom: 9px; text-align: center; } .content_left { text-align: left; float: left; margin-right: 20px; } .content_right { text-align: left; float: left; } #adblock1 { float: left; width: 130px; height: 145px; background-color:#fff8f3; border: 1px solid #ffffff; padding: 8px; font-family: Tahoma; line-height: 15px; color: #333333; } #adblock1 a { color: #FF6600; text-decoration: underline; font-family: Tahoma; font-weight: bold; font-size: 11px; padding-top: 24px; } #adblock1 a:hover { color:#FF0000; text-decoration: none; } #adblock2 { float: left; width: 130px; height: 129px; background-color:#5a97b3; border: 1px solid #ffffff; padding: 8px; font-family: Tahoma; line-height: 15px; color: #FFFFFF; } #adblock2 a { color: #FFFFFF; text-decoration: underline; font-family: Tahoma; font-weight: bold; font-size: 11px; } #adblock2 a:hover { color:#ffffff; text-decoration: none; } #adblock3 { float: left; width: 130px; height: 129px; background-color:#006e85; border: 1px solid #ffffff; padding: 8px; font-family: Tahoma; line-height: 15px; color: #FFFFFF; } #adblock3 a { color: #FFFFFF; text-decoration: underline; font-family: Tahoma; font-weight: bold; font-size: 11px; } #adblock3 a:hover { color:#ffffff; text-decoration: none; } #adblock4 { float: left; width: 130px; height: 129px; background-color:#746647; border: 1px solid #ffffff; padding: 8px; font-family: Tahoma; line-height: 15px; color: #FFFFFF; } #adblock4 a { color: #FFFFFF; text-decoration: underline; font-family: Tahoma; font-weight: bold; font-size: 11px; } #adblock4 a:hover { color:#ffffff; text-decoration: none; } #adblock5 { float: left; width: 146px; height: 145px; border: 1px solid #ffffff; } #swatch { width: 105px; height: 150px; float: left; font-family: Tahoma; margin-top: 10px; margin-right: 5px; border-bottom: 1px solid #d3dfe3; border-right: 1px solid #d3dfe3; padding-bottom: 6px; } #imageleft{ float: left; width: 205px; height: 175px; font-family: Tahoma; font-size: 11px; color: #666666; border: 8px solid #FFFFFF; border-bottom: 1px solid #CCCCCC; } #imageleft .productimage{ float: left; width: 100px; height: 130px; vertical-align: middle; margin-right: 5px; } #imageleft .qtyinput { float: left; width: 55px; margin-top: 8px; margin-bottom: 8px; } #imageleft .incvat { float: left; font-family: Tahoma; font-size: 11px; } #imageleft .excvat { float: left; font-family: Tahoma; font-size: 11px; font-weight: bold; } #imagelefttint { float: left; font-family: Tahoma; font-size: 11px; width: 434px; background-color: #f6f5f3; padding: 6px; margin-bottom: 3px; color: #666666; border-bottom: 1px solid #CCCCCC; } #imagelefttint .description{ float: left; width: 310px; font-family: Tahoma; font-size: 11px; color: #666666; margin-left: 12px; } #imagelefttint .innerdescription{ float: left; width: 310px; font-family: Tahoma; font-size: 11px; color: #666666; padding-bottom: 6px; border-bottom: 1px solid #CCCCCC; } #imagelefttint .specdescription{ float: left; width: 310px; font-family: Tahoma; font-size: 11px; color: #666666; } #imagelefttint .productimage{ float: left; width: 100px; height: 120px; vertical-align: middle; } #imagelefttint .price { float: left; width: 120px; margin-top: 4px; } #imagelefttint .excvat { float: left; font-family: Tahoma; font-size: 11px; font-weight: bold; } #imagelefttint .discount { float: left; width: 70px; margin-top: 4px; font-weight:bold; color:#FF6600; } #imagelefttint .otherinfo { float: left; width: 320px; font-family: Tahoma; font-size: 11px; margin-top: 6px; padding-top: 3px; border-top: 1px solid #CCCCCC; } #imagelefttint .qtyinput { float: right; width:95px; font-family: Tahoma; font-size: 11px; margin-top: 8px; margin-left: 16px; border-left: 1px solid #FFFFFF; } #unitsections { float: left; width: 140px; height: 140px; padding: 4px; } #unitsections .sectionimage{ width: 145px; padding-top:15px; height: 90px; border: 1px solid #CCCCCC; } #checkoutback { float:left; width: 576px; padding: 12px; background-color: #f6f5f3; font-family: Tahoma; line-height: 12px; margin-bottom: 8px; border-bottom: 1px solid #CCCCCC; } #checkouttabheader { float: left; font-family: Tahoma; font-weight: bold; background-color: #DCD7CB; padding: 6px; width: 228px; color: #ff6600; margin-top: 6px; font-size: 14px; } #sitemap { float: left; font-family: Tahoma; font-size: 11px; width: 400px; margin-left: 50px; } #sitemap .block{ float: left; background-color: #DCD7CB; height: 25px; } #carttable { width: 100%; float: left; } #deliverymap { width: 100%; float: left; } #deliverymap .delmap{ float: left; margin-right: 12px; } #deliverymap .deldesc{ float: left; width: 100px; margin-top: 6px; } #csrgraphic { float: left; width: 100%; height: 155px; background-image: url("csrgraphic.gif"); background-repeat: no-repeat; border-bottom:solid 1px #cccccc; margin-bottom: 12px; } #csrgraphic .csrtext { float: left; font-family: Tahoma; font-size: 11px; width: 65%; margin-left: 150px; } #woods { float: left; width: 148px; height: 75px; background-color: #f3f3f3; margin-bottom: 2px; } #woods .woodpics{ float: left; width: 62px; margin-left: 6px; margin-top: 6px; } #woods .wooddesc{ float: left; width: 75px; font-family: Tahoma; font-size: 11px; margin-top: 6px; } #cds { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; background-image: url("background.gif"); background-repeat: repeat; color: #999999; font-weight: normal; line-height: 14px; margin-top:25px; width:780px; } /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .gallerycontainer{ position: relative; /*Add a height attribute and set to largest image's height to prevent overlaying*/ } .thumbnail img{ border: 1px solid white; margin: 0 5px 5px 0; } .thumbnail:hover{ background-color: transparent; } .thumbnail:hover img{ border: 1px solid blue; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .thumbnail:hover span{ /*CSS for enlarged image*/ visibility: visible; top: 0; left: 430px; /*position where enlarged image should offset horizontally */ z-index: 50; }