/* GENERAL *******************************************************************************/ * { list-style: none; margin: 0; padding: 0; } body { background: #FFF URL("/images/common/bkng/body.jpg") no-repeat center top; font: 11px "Tahoma", Verdana, sans-serif, times new roman; color: #572700; text-align: center; padding: 0;} input, select, textarea { font: 11px "Tahoma", Verdana, sans-serif, times new roman; color: #572700; } img { border: none; } a { font-weight: bold; color: #a72b25; text-decoration: none;} p { margin: 5px 0;} a.link-arrow { background: URL("/images/common/link-arrow.gif") no-repeat 0px 0px; line-height: 15px; padding-left: 19px; font: bold 11px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; text-transform: uppercase; } .clear { clear: both; } tr.alt td { background: #fff0c3; } .red { color: #f00; } /* CONTAINERS *******************************************************************************/ #container { width: 975px; text-align: left; clear: both; margin: 0 auto; } #headerContainer { clear: both; width: auto; text-align: left; height: 102px; } #mainNavigation { clear: both; height: 36px; width: auto; text-align: left;} /* MEMBER (UTILITY) NAVIGATION *******************************************************************************/ #memberNavigation { float: right; text-align: right; margin-right: 88px; _margin-right: 38px; } #memberNavigation li { display: inline; line-height: 25px; margin-right: 12px; } #memberNavigation li a { color: #572700; font: bold 10px "Trajan Pro", "Lucida Sans", Verdana, Sans-serif, Times New Roman; text-transform: uppercase; } /* MAIN NAVIGATION *******************************************************************************/ #mainNavigation { margin: 0; padding: 0; margin-left: 10px; _margin-left: 20px; } /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .menu {width:870px; height:36px; position:relative; z-index:99; float: left; } /* hack to correct IE5.5 faulty box model */ * html .menu {width:871px; w\idth:870px;} /* remove all the bullets, borders and padding from the default list styling */ .menu ul {padding:0;margin:0;list-style-type:none;} .menu ul ul {width:201px; } /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li { float:left; position:relative; margin: 0; padding: 0 12px; background: URL("/images/common/bkng/nav-divider.jpg") no-repeat right 0; } /* style the links for the top level */ .menu a, .menu a:visited { display: block; font: bold 14px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; color: #fff; text-transform: uppercase; letter-spacing: -0.05em; line-height: 36px; } .menu a.home, .menu a:visited.home { } /* a hack so that IE5.5 faulty box model is corrected */ * html .menu a, * html .menu a:visited { } /* style the second level background */ .menu ul ul a.drop, .menu ul ul a.drop:visited { } /* style the second level hover */ .menu ul ul a.drop:hover{ /*background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center; */} .menu ul ul :hover > a.drop { /* background: #fff; color: #69f; background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center; */} /* style the third level background */ .menu ul ul ul a, .menu ul ul ul a:visited {color: #fff; line-height: 25px; height: 25px; padding: 0px; width: 191px; margin-left: 10px; color: #a62b24; line-height: 24px; font-size: 12px; font-family: "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; text-transform: none; } /* style the third level hover */ .menu ul ul ul a:hover { background: URL("/images/common/bkng/main-nav-on.jpg") no-repeat; color: #a62b24;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul {visibility:hidden; position:absolute; top:36px; left:0; width:201px; background: #eecc75 URL("/images/common/bkng/mainContent-ul.jpg") no-repeat; border-bottom: 1px solid #a72b25; } /* another hack for IE5.5 */ * html .menu ul ul {top:35px; t\op:36px;} /* position the third level flyout menu */ .menu ul ul ul{left:201px; top:-1px; width:201px;} /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left {left:-201px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0; border-collapse:collapse;} /* style the second level links */ .menu ul ul a, .menu ul ul a:visited { color: #fff; line-height: 25px; height: 25px; padding: 0px; width: 191px; margin-left: 10px; color: #a62b24; line-height: 24px; font-size: 12px; font-family: "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; text-transform: none; } /* style the top level hover */ .menu a:hover, .menu ul ul a:hover{ color:#fff; background: transparent;} .menu :hover > a, .menu ul ul :hover > a { color:#fff; background: transparent;} .menu ul ul a:hover { background: URL("/images/common/bkng/main-nav-on.jpg") no-repeat; color: #a62b24; } /* yet another hack for IE5.5 */ * html .menu ul ul a, * html .menu ul ul a:visited {width:201px; w\idth:179px;} /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{ visibility:hidden;} .menu ul ul :hover ul ul { visibility:hidden; } .menu ul :hover ul :hover ul ul { visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul { visibility:visible;} .menu ul :hover ul :hover ul :hover ul { visibility: visible; } .menu ul ul li { background: none; } .menu ul ul ul li { background: none; } /* HOME PAGE *******************************************************************************/ /*- Welcome Content -*/ #welcomeContent-Home { margin-top: 1px; height: 220px; background: URL("/images/common/bkng/mainbrand.jpg") no-repeat 20px 0; } #welcomeContent-Home h1 { font: bold 22px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; text-transform: uppercase; letter-spacing: 0.02em;} #welcomeContent-Home p { margin-left: 30px; } #welcomeContent-Home-Content { margin-left: 450px; padding-top: 30px; width: 500px; display: none; } /*- Feature Content -*/ #home-section-features { } #home-section-features li { float: left; width: 318px; .width: 326px; _width: 300px; margin-right: 20px; margin-bottom: 15px; display: none; } #home-section-features li h3 { font: bold 15px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; text-transform: uppercase; letter-spacing: 0.02em;} h3 a { color: #572700; } .home-seaction-features-image { float: left; padding-right: 10px; } /* HEADER - MASTER *******************************************************************************/ #headerContent { height: 220px; width: auto; margin-top: 1px; } #header-bkng-image { position: absolute; padding-left: 20px; } #header-content { position: absolute; margin-left: 480px; padding-top: 30px; width: 470px; display: none; } #header-content h1 { font: bold 22px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; text-transform: uppercase; letter-spacing: 0.02em;} #header-content p { margin-left: 30px; } /* HEADER - SHOP *******************************************************************************/ #headerContent-shop { height: 220px; width: auto; margin-top: 1px; } /*- Product Header -*/ #product-header { float: left; width: 606px; height: 220px; } #product-header-bkng-image { position: absolute; } #product-header-content { position: absolute; margin-left: 300px; padding-top: 20px; width: 311px; display: none; } #product-header-content h1 { font: bold 18px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; text-transform: uppercase; letter-spacing: 0.02em;} #product-header-content h2 { margin-left: 30px; font: bold 22px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; text-transform: uppercase; letter-spacing: 0.02em;} #product-header-content p { margin-left: 30px; } /*- Breadcrumb -*/ #breadcrumb { text-align: right; width: 676px; padding-bottom: 10px; } #breadcrumb:after { clear: both; } /*- Category Navigation -*/ #categoryNavigation { float: left; width: 300px; height: 220px; margin-left: 50px; _margin-left: 30px; } #nav, #nav ul { float: left; width: 191px; list-style: none; line-height: 1; font-weight: bold; background: #fff; padding: 0; padding-top: 2px; margin: 0 0 1em 0; z-index: 99; } #nav a { display: block; color: #7C6240;text-decoration: none;padding: 3px 3px 3px 17px; font-size: 12px; font: "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; letter-spacing: 0.02em; text-transform: uppercase; color: #a72b25; } #nav a:hover { color: #fff;} #nav li { padding: 0; width: 191px; background: URL("/images/common/bkng/nav-off.gif") no-repeat 0 0; } #nav li.selected { background: URL("/images/common/bkng/nav-on.gif") no-repeat; color: #fff; } #nav li ul { position: absolute; left: -999em; height: auto; width: 191px; font-weight: normal; border-width: 0.25em; margin: -19px 0 0 191px; } #nav li li { padding-right: 1em; } #nav li ul ul { margin: -19px 0 0 191px } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.selected ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li.selected ul { left: auto; } #nav li:hover, #nav li.sfhover { background: URL("/images/common/bkng/nav-on.gif") no-repeat; } #nav li.nav-newpuppy, #nav li.nav-specials { background: URL("/images/common/bkng/nav-newpuppy.gif") no-repeat; } #nav li.nav-newpuppy a, #nav li.nav-specials a { color: #fff; } /* TWO COLUMN TEMPLATE - MASTER *******************************************************************************/ #two-column-template { width: auto; padding: 0px; margin: 0px; } #left-column { background: #fff URL("/images/common/bkng/left-column.gif") no-repeat; width: 676px; _width: 626px; margin-top: 14px; margin-left: 11px; float: left; _height: 227px; min-height: 227px; padding: 20px 20px 0px 20px; } #right-column { margin-top: 1px; background: #fff URL("/images/common/bkng/right-column.gif") no-repeat right bottom; width: 225px; margin-left: 23px; _margin-left: 10px; float: left; padding-bottom: 170px; } #left-column-products-master { margin-top: 14px; margin-left: 11px; _margin-left: 0px; float: left; width: 716px; } #left-column-products { background: #fff URL("/images/common/bkng/left-column.gif") no-repeat; _height: 227px; min-height: 227px; width: 676px; _width: 666px; padding: 20px 20px 0px 20px;} #left-column h1 { font: bold 20px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; text-transform: uppercase; letter-spacing: 0.02em; border-bottom: 1px solid #a72b25; padding-bottom: 5px; margin-bottom: 15px; } #left-column h2 { clear: both; width: 400px; margin-top: 20px; font: 14px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; letter-spacing: 0.02em; line-height: 24px; background: #ecce7b URL("/images/common/bkng/maincontent-h2.gif") no-repeat right 0; padding-left: 10px; margin-bottom: 15px; height: 24px; } .bulletList { margin: 10px 20px; } .bulletList li { background: URL("/images/common/bullet-li.gif") no-repeat 0 4px; padding-left: 18px; margin-bottom: 3px; } .regTable { margin: 10px 0; width: 100%; } .regTable th { padding: 8px; background: #a72a24; color: #fff; } .regTable td { padding: 8px; } .regTable input { padding: 0px; margin-top: -2px; } .regTable .cbox { margin: 0; padding: 0; line-height: 0; margin-top: -6px; } .photoImages { } .photoImages li { float: left; } .galleryImage-Master { margin-right: 12px; margin-bottom: 8px; width: 104px; height: 97px; background: #a72b25; } .galleryImage { width: 104px; height: 97px; } .galleryImage img { width: 104px; height: 97px; } /*- Page Features -*/ #PageFeatures { width: auto; margin-bottom: 10px; } #Feature-Left { float: left; background: URL("/images/common/bkng/page-features.gif") no-repeat bottom; padding-right: 4px; padding-bottom: 1px; } #Feature-Right { float: left; background: URL("/images/common/bkng/page-features.gif") no-repeat bottom; padding-right: 4px; padding-bottom: 1px; margin-left: 15px; .margin-left: 20px; _margin-left: 5px; } #Feature-Left-Inside { width: auto; background: URL("/assets/page-features/pick-of-the-litter/webcam/moviereel.png") no-repeat right bottom; _background: none; width:285px; min-height: 144px; _height: 144px; padding: 10px 20px; _width: 298px; _padding: 10px 5px; } #Feature-Right-Inside { width: auto; background: URL("/assets/page-features/pick-of-the-litter/meetthepuppies/dog-bone.png") no-repeat right bottom; _background: none; width:285px; min-height: 144px; _height: 144px; padding: 10px 20px; _width: 298px; _padding: 10px 5px; } #Feature-Left-Inside h3, #Feature-Right-Inside h3 { font: bold 16px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; text-transform: uppercase; letter-spacing: 0.02em; padding-bottom: 5px; margin-bottom: 5px; } /*- Product Listing -*/ .ProductListingTable td { padding: 8px; } /*- Member Tile -*/ #promoTile-Master { width:206px; background: #a72b25; margin: 20px 5px 10px 5px; } #promoTile { width:auto; _height: 92px; min-height: 92px; background: #fff URL("/images/common/bkng/VIP-signup.jpg") no-repeat 0 bottom; } #promoTile h3 { background: #572700; color: #fff; font: bold 14px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; letter-spacing: 0.02em; padding: 4px 0 4px 5px; } #promoTile h3 a { color: #fff; } #promoTile p { padding: 0 5px 5px 5px; width: 100px; } #tilePhoto { position: absolute; margin-top: -38px; margin-left: 115px; height: 130px; width: 110px; background: URL("/images/common/bkng/vip-photo.png") no-repeat;} #contactTile { margin-top: 25px; } /*- Accordion -*/ .pageContent { width: 676px; } .accordion { list-style-type: none; padding: 0; margin: 0 0 0 0px; border-top: none; border-left: none; } .accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; } .accordion li { cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%; overflow: hidden;} /*.accordion li.active>a { background: url('close.gif') no-repeat center right; } .accordion li div { background: #aef; display: block; clear: both; width: auto;} */ .accordion a.h3title { text-decoration: none; padding-top: 8px; font: 14px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; letter-spacing: 0.02em; color: #fff; display: block; cursor: pointer; padding-left: 10px; background: URL("/images/common/bkng/meet-the-puppies.jpg") no-repeat; height: 24px; } .accordion a.h3title em { color: #ecce7b; font-style: normal; float: right; padding-right: 10px; } /* Level 2 .accordion li ul li { background: #7FD2FF; font-size: 0.9em; } */ /*- Dog Content -*/ .dogContentContainer { width: 676px; display: block; clear: both; float: left; background: URL("/images/common/bkng/meet-the-puppies-content.jpg") no-repeat 0 bottom; min-height: 360px; _height: 360px; } .dogContentSummary { float: left; width: 230px; margin-left: 8px; padding: 5px 10px; } .dogContentSummary h3 { color: #572700; font: 14px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; letter-spacing: 0.02em; } .dogContentImagery { float: left; width: 375px; min-height: 345px; _height: 345px; padding: 5px 10px; background: URL("/images/common/bkng/meet-the-puppies-line.jpg") no-repeat left bottom; } .kwicks { list-style: none; position: relative; margin: 0; padding: 0; } .kwicks li { display: block; padding: 0; cursor: pointer; width: 676px; height: 127px; margin-bottom: 3px; background: URL("/images/common/bkng/meet-the-puppies-content.jpg") repeat-x; overflow: hidden;} #kwick1 { } #kwick2 { } #kwick3 { } #kwick4 { margin-bottom: none; } div.dogHeaderName { height: 32px; width: auto; } .dogName { height: 32px; padding-top: 8px; width: 390px; float: left; padding-left: 10px; } .dogName span { color: #ecce7b; } .dogAvailability { height: 32px; padding-top: 8px; width: 260px; padding-right: 10px; float: left; text-align: right; font: 14px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; letter-spacing: 0.02em; color: #fff} #left-column div.dogContentImagery h2 { margin-bottom: 4px; width: 330px; } .dogContentImagery div.galleryImage-Master { float: left; } /*- Doggy Day Care Pricing Table -*/ #pricingTable { background: URL("/images/common/bkng/pricingTable.jpg") no-repeat; width: 670px; height: 203px; vertical-align: top; } #pricingTable li { float: left; } .pricingTable-LColumn { width: 192px; } .pricingTable-LColumn th { height: 50px; } .pricingTable-LColumn td { padding: 7px 8px; font-weight: bold;} .pricingTable-RColumn { width: 146px; margin-left: 8px; margin-top: 6px; } .pricingTable-RColumn th { height: 40px; width: 146px; border-bottom: 1px solid #edb61f; padding-bottom: 2px;} .pricingTable-RColumn td { border-bottom: 1px solid #edb61f; height: 26px; font: bold 12px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; color: #993333; text-align: right; padding-right:10px; } .pricingTable-RColumn td.footer { border-bottom: none; text-align: center; padding-left: 5px; height: 35px; } .pricingTable-RColumn td.footer img { margin-top: 8px; } .mapImage { float: right; } /* MAIN CONTENT - SHOP *******************************************************************************/ #mainContent { } #mainContent h1 { font: bold 20px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; text-transform: uppercase; letter-spacing: 0.02em; border-bottom: 1px solid #a72b25; padding-bottom: 5px; margin-bottom: 15px; } #mainContent h2 { width: 400px; margin-top: 20px; font: 14px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; letter-spacing: 0.02em; line-height: 24px; background: #ecce7b URL("/images/common/bkng/maincontent-h2.gif") no-repeat right 0; padding-left: 10px; margin-bottom: 15px; height: 24px; } /*- Featured Products -*/ #featureProducts ul { } #featureProducts li { float: left; float: left; width: 323px; margin-right: 15px; _margin-right: 10px; height:105px; } .productImage-Master { float: left; margin-right: 10px; width: 104px; height: 97px; background: #a72b25; } .productImage { width: 104px; height: 97px; } .productImage img { width: 104px; height: 97px; } .productText { float: left; width: 207px; } #productCopy h4 { font: bold 13px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; text-transform: uppercase; letter-spacing: 0.02em } #productCopy p { } /*- Shopping Cart -*/ #shoppingCart-Master { width:auto; background: #a72b25; margin: 10px 5px; } #shoppingCart { width:auto; _height: 150px; min-height: 150px; background: #fff URL("/images/common/bkng/shopping-cart.jpg") no-repeat 0 bottom; } .cartTable { } .cartTable th { padding: 5px 3px; background: #ecce7b; color: #572700; text-transform: uppercase; line-height: 17px; } .cartTable th.paw-print { background: #ecce7b URL("/images/common/paw-print-yellow.gif") no-repeat 80px 0; } .cartTable td { padding: 3px 3px; line-height: 15px; } .cartTable td.nopadding { padding: 0px;} /*- Search -*/ #search { background: #572700; padding-top: 4px; padding-right: 4px; margin-bottom: 4px; } #search span { color: #fff; font: 16px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; text-transform: uppercase; letter-spacing: 0.02em; background: URL("/images/common/paw-print-brown.gif") no-repeat; padding-left: 30px; } #search input { width: 100px; } .searchSubmit { vertical-align: top; } #search fieldset { border: 0; text-align: right; height: 24px; } /*- Products Table -*/ .ProductsTable { width: 100%; } .ProductsTable th { padding: 7px 5px; background: #a72b25; color: #fff; text-transform: uppercase; } .ProductsTable th a { color: #fff; } .ProductsTable td { padding: 6px 5px; border-bottom: 1px solid #572700; } /*- Product Page -*/ #productPrice { width: 200px; float: left; background: #a72b25; margin-right: 15px; padding: 10px; } .priceTable { } .priceTable td { color: #fff; padding: 0; } .priceTable td.nobkng { padding: 0;} .priceTable td input, .priceTable td select { width: 125px; margin-bottom: 5px; } .priceTable td input.featureQtyField { width: 30px; } .priceTable td input.addCart { width: 80px; height: 18px; vertical-align: top; padding-left: 10px; padding-top: 1px; } #productContent { width: 440px; float: left; } #productContent li { background: URL("/images/common/bullet-li.gif") no-repeat 0 4px; padding-left: 18px; margin-bottom: 3px; } .mainProductImage { float: right; width: 200px; padding-left: 15px; padding-bottom: 15px; } .modalPopup { background: URL("/images/common/bkng/confirmationPopup.gif") no-repeat; width:350px; padding:10px; background-color: #eccd7b; border: solid 1px #00000; } /* POP-UP PAGES *******************************************************************************/ body.popup-body { width: auto; background: #fff URL("/images/common/pop-ups/body.jpg") repeat-x; text-align: left; } #popup { padding: 10px; text-align: left; margin-top: 4px; } body.popup-body h1 { font: bold 18px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; color: #fff; text-transform: uppercase; letter-spacing: 0.02em; margin: 0; padding-bottom: 20px; } body.popup-body h5 { font: bold 12px "Lucida Sans Unicode", Arial, Verdana, Sans-serif, Times New Roman; text-transform: uppercase; letter-spacing: 0.02em; border-bottom: 1px solid #a72b25; padding-bottom: 5px; margin-bottom: 10px; margin-top: 10px; } body.popup-body p, body.popup-body input, body.popup-body td { font: 11px "Tahoma", Verdana, sans-serif, times new roman; color: #572700; } #popup-footer { width: 100%; background: URL("/images/common/pop-ups/body-footer.jpg") repeat-x; height: 150px; padding-top: 20px; } .mid { width: 100%; padding: 10px; text-align: center;} .mid img { border: 1px solid #a72b25; padding: 2px; } #popup-footer .prev { float: left; margin-left: 20px; background: URL("/images/btns/leftArrow.gif") no-repeat 0 50px; width: 14px; height: 120px;} #popup-footer .next { float: left; background: URL("/images/btns/rightArrow.gif") no-repeat 0 50px; width: 14px; height: 120px; } .jCarouselLite { float: left; margin-left: 5px; } .jCarouselLite li { margin-right: 5px; text-align: center; } .jCarouselLite li img { border: 1px solid #a72b25; padding: 2px; background: #fff; } /* FOOTER NAVIGATION *******************************************************************************/ #footer { width: auto; text-align: left; margin-top: 20px; border-top: solid 1px #a72b25; padding-bottom: 5px; padding-left: 10px; } #footer ul { } #footer li { float: left; line-height: 20px; } #footer li span { margin: 0 10px; } p.copyright { clear: both; } #two-dogs { float: right; margin-top: -190px; padding-right: 20px; } /* PRICING *******************************************************************************/ #price { font: bold 18px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; color: #d32222; letter-spacing: -0.01em;} #price sup { font-size: 8px; .font-size: 13px; margin-top: 5px; } #price span { font: 11px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; } #price em { font: 11px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; } #rrp-white { font: bold 14px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; color: #eccd7b; letter-spacing: -0.01em;} #rrp-white sup { color: #eccd7b; font-size: 6px; .font-size: 10px; margin-top: 2px; } #rrp-white span { font: 9px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; } #rrp-white em { font: 9px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; } #price-white { font: bold 18px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; color: #fff; letter-spacing: -0.01em;} #price-white sup { font-size: 8px; .font-size: 13px; margin-top: 5px; } #price-white span { font: 11px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; } #price-white em { font: 11px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; } #wasprice { font: bold 11px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; color: #572700; letter-spacing: -0.01em; } #wasprice sup { font-size: 8px; .font-size: 13px; margin-top: 5px; } #wasprice span { font: bold 18px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; background: URL("/images/line-through.gif") repeat-x; } #wasprice em { font: 11px "Tahoma", Verdana, Sans-serif, Times New Roman; } #featureprice { font: bold 18px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; color: #d32222; letter-spacing: -0.01em;} #featureprice sup { font-size: 8px; .font-size: 13px; margin-top: 5px; } #featureprice span { font: bold 11px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; } #featureprice em { font: 12px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; } #was-white { font: bold 14px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; color: #eccd7b; letter-spacing: -0.01em;} #was-white sup { font-size: 8px; .font-size: 13px; margin-top: 5px; } #was-white span { margin-left: 5px; font: bold 18px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; background-image: url('/images/line-through.gif'); background-repeat: repeat-x; } #was-white em { font: 11px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; } #now-white { font: bold 14px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; color: #fff; letter-spacing: -0.01em; margin-bottom: 5px; } #now-white sup { font-size: 8px; .font-size: 13px; margin-top: 5px; } #now-white span { margin-left: 5px; font: bold 18px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; } #now-white em { font: 11px "Tahoma", Arial, Verdana, Sans-serif, Times New Roman; } /* - Potentially Outdated - Not in Use - */ #saleprice { font: bold 22px "Lucida Sans Demi", Arial, Verdana, Sans-serif, Times New Roman; color: #d32222; letter-spacing: -0.01em;} #saleprice sup { font-size: 16px; font-weight: bold; } #saleprice span { font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } #saleprice em { font: 11px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } #was { font: bold 22px "Lucida Sans Demi", Arial, Verdana, Sans-serif, Times New Roman; color: #572700; letter-spacing: -0.01em;} #was sup { font-size: 16px; font-weight: bold; } #was span { font: bold 22px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; background-image: url('/images/line-through.gif'); background-repeat: repeat-x; } #was em { font: 13px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } #now { font: bold 22px "Lucida Sans Demi", Arial, Verdana, Sans-serif, Times New Roman; color: #d32222; letter-spacing: -0.01em;} #now sup { font-size: 16px; font-weight: bold; } #now span { font: 13px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } #now em { font: 13px "Lucida Sans", Arial, Verdana, Sans-serif, Times New Roman; } /* FORUM ELEMENTS *******************************************************************************/ .Indent-Table { margin: 10px 0; margin-left: 50px; } .quote-field { background: #eee; padding: 15px; margin-bottom: 10px; width: 615px; } /* Clear Float *******************************************************************************/ /*** see http://www.positioniseverything.net/easyclearing.html ***/ .clearfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfloat { display: inline-block; } /* Hides from IE-mac */ * html .clearfloat { height: 1%; } .clearfloat { display: block; } /* End hide from IE-mac */ /*** end clearing hack ***/