/* LTM DEFAULT STYLESHEET ----------------------------------------------------*/ /* Default.css Updated: Thu 04.09.08 @ 4:35 p.m. Author : Alan Durkan ----------------------------------------------------*/ /* Index(Organised according to control groupings) /* TOP LEVEL | SHOP FORMS TYPOGRAPHY | SHOP MODULES COMMON ELEMENTS | SHOP TABLES SYSTEM | NEWS LTM SPECIFIC | FORUM CONTENT LAYOUT | BROWSER FIXES FOOTER | LIGHTBOX MODULES | */ /* =TOP LEVEL ----------------------------------------------------*/ html, body, form, fieldset, select, textarea, .textbox, .dropdownlist, .dropdown, .clear-on-focus { font-family: Verdana, Arial, Helvetica, sans-serif; } h1, ul, dl, hr, form, fieldset, address { margin-bottom: 19px; } body { font-size: 0.625em; /* v important - this sets the default font size to 10px eqiv ems */ background: #D7D7D7 url(/SiteData/LTM/SiteImages/page-background.gif) repeat-y 50% top; } body * { font-size: 1em; } #Sheet { margin: 0 auto; width: 744px; text-align: left; background: #FFF url(/SiteData/LTM/SiteImages/background-grad-orange.gif) repeat-x left top; } /* =TYPOGRAPHY ----------------------------------------------------*/ /* Colours /* #0777B9 - Light Blue Link #113b92 - Dark Blue Hover #FE5917 - LTM Orange Yellow - Highlight #FF5700 - Special Offer Orange */ h1 { border-bottom: 1px solid #CCC; padding: 5px 0; color: #666; font: bold 2em/20px Arial, Helvetica, sans-serif; } h2 { margin-bottom: 1em; font: bold 1.3em Arial, Helvetica, sans-serif; } h3 { font: normal 1.3em Arial, Helvetica, sans-serif; } h4 { margin-bottom: 0.4em; font-weight: bold; } h5, h6 { font-size: 1em; font-weight: bold; } /* shared typographic styles */ #Content, #PrintsPopUp { font-size: 1.1em; line-height: 1.5em; } #Content h1, #PrintsPopUp h1 { font-size: 1.818em; } #Content h2, #PrintsPopUp h2 { font-size: 1.182em; } #Content h3, #PrintsPopUp h3 { font-size: 1.182em; } p { padding-bottom: 1em; line-height: 1.5em; } ul, ol { margin: 0.5em 0 1em 1.4em; padding-bottom: 1em; } ul { list-style-type: none; } dd, ul li { padding-left: 8px; background: url(/SiteData/LTM/SiteImages/grey-bullet.gif) no-repeat left 0.5em; } ol { margin-left: 2em; } a { color: #0777B9; text-decoration: none; } a:hover { color: #113B92; text-decoration: underline; } a:focus, a:active, input:focus { outline: none; } .outdent a { margin-right: -10px; } /* Typographic corrections ( LTM specific styles ) */ #branding, #global-nav-container, #corporate-links, #help-and-search { font-size: 1.113em; line-height: 1.5em; } #Content h1 { margin-bottom: 0.75em; } #Content h2 { border-bottom: solid 1px #CCC; margin-bottom: 1.1em; padding-bottom: 0.4em; font-family: Verdana, Arial, Sans-Serif; } #MainLeft h2, #PrintsPopUp h2 { border: none; padding-bottom: 0; } .productPromotions h2 { color: #FF5700; } #Content .paymentTitle { border: none; margin-bottom: 0; padding: 0 10px; height: 40px; color: #FFF; line-height: 40px; background: url(/SiteData/LTM/SiteImages/ltm_paymentTitleBg.gif) no-repeat left top; } .imageChooserPopup h1 { /* neutralise styles here */ margin-bottom: 1em !important; padding-top: 0 !important; height: auto !important; color: #565656; font: 1.182em/1.182em Verdana, Helvetica, Arial, Sans-Serif !important; } .subText, .checkboxLabel { font-size: 0.909em; font-weight: bold; color: #333 !important; } .shippingRow table input { position: relative; top: 2px; } /* - Titles used for modules (HTML in FCK Editor) */ #Content .modTitle, #Content .categorySlider h3, #Content .relatedProducts h2, #Content .recentlyViewedProducts h2, .shopTable th, .shopAddress th { border: none; margin-bottom: 1em; padding: 3px 10px; color: #FFF; font: normal 1.182em Arial, Helvetica, sans-serif; background-color: #999; } .shopTable th, .shopAddress th { position: relative; z-index: 2; } #Content .sideColumn .modTitle { margin-bottom: 0 !important; } #Content .categorySlider .category0 h3 { background-color: #7AAE00; } #Content .categorySlider .category1 h3 { background-color: #FF5B17; } #Content .categorySlider .category2 h3 { background-color: #891335; } #Content .categorySlider .category3 h3 { background-color: #103F71; } /* Text image classes */ h1.textImage { border-bottom: none; } #Content h1.tIFurnDining, #Content h1.tIFurnLiving, #Content h1.tIFurnSleeping, #Content h1.tIFurnWorking { margin-bottom: 0; padding: 0; font-size: 1.636em; line-height: 1.636em; color: #FFF; } /* =COMMON ELEMENTS ----------------------------------------------------*/ .clear, .Clear, .shopForm br { clear: both; } .shopFormButtons .clear, .basket .clear, .searchBox .clear, .enlargedImages_Fixer .clear, .miniBasket .clear, .registerLink .clear, .productListing .clear, .customerLogin .clear, .shopTableButtons .clear, div.clear, .recentlyViewedProducts .clear, .productList .clear, .categoryDisplay .clear, .productContainer br, #Content .editAddress .clear, .pagerSort .clear, .createCustomer .warningBox .clear, .promotion .clear, .imageChooserMenuBox br, #Content .imageSet .clear, .payment .clear, #ShopNavigationBar .clear, .featuredItemBanner .clear, .featuredHpProducts .clear, #BreadcrumbBar .clear, .promoButtons .clear, .shopAddress .clear, .text .clear { font-size: 0; line-height: 0; } /* remove padding margins and list-styles from the following */ .SiteNavigation ul, .secondaryNavigation ul, .linkList ul { margin: 0; padding: 0; list-style: none; } /* hide these elements */ .accessibility, .hide, #InternovaLogo, .searchResultsList .Url, .productListing .productListingStock, .productPriceText, .productQuantity, .payment .secureMsg, .payment .varifyMsg, .extraDeliveryDetails, .featuredProducts .productListingBriefDesc, .categoryDisplayDesc, .productCode, .sideColumn .blankLabel, .shopTable .qtyCol .validationList, h1.textImage span, .furnitureContent .productListing .buyBtn, .furnitureCycler .item .catLink, #PrintsPopUp a.backLink, .furnitureContent .productListingPrice, .productImg .enlargeImgBtn, .static .productButtons, .productImg .enlargeImgBtn, .relatedProducts .productListingPrice, .recentlyViewedProducts .productListingPrice, .featuredProducts .productListingPrice, .shopTable .qtyCol .validationList, #Content .editAddress h3, .noRelatedItemsTxt { display: none !important; visibility: hidden !important; } .hidden { display: none; } /* module */ .CMSModuleERROR { border: dashed 2px #F00; color: #F00; } .CMSColumnEdit { position: relative; border: dashed 1px #003480; } /* form styles */ .textbox, .textarea, .clear-on-focus, .dropdown, .dropdownlist { border: solid 1px #8DA8C1; } .textbox, .textarea, .clear-on-focus { padding: 2px 1px; } .clear-on-focus { color: #999; } .checkbox { padding-right: 4px; } /* about security number */ .aboutSecurityCode { padding: 16px; font-size: 1.1em; height: 568px; width: 548px; background-color: #FFF; } .aboutSecurityCode h1 { border: none; } .aboutSecurityCode .cardHolder { margin: auto; text-align: center; } .aboutSecurityCode .cardHolder { margin: auto; text-align: center; } .aboutSecurityCode .cardHolder img { margin-bottom: 1em; } .aboutSecurityCode .button { display: inline; } /* button */ #Content .button, #PrintsPopUp .button, .imageChooserPopup .button { display: block; border: groove 2px #057AB6; margin: 0; padding: 4px 5px 4px 5px; /* Links */ width: auto; /* need to keep font ultra consistant here */ color: #FFF; font: bold 11px/13px Verdana, Arial, Sans-Serif !important; text-align: center; text-decoration: none; white-space: nowrap; background: #63B2DF url(/SiteData/LTM/SiteImages/button-blue.gif) repeat-x left center; cursor: pointer; overflow: visible; } /* -adjust padding for for FF */ #Content .button::-moz-focus-inner { border: none; padding: 0; } /* -adjust padding for for IE6 */ * html #Content input.button, * html #Content button { padding: 3px 5px 2px 5px; width: 0; } /* adjust padding for IE7 */ *:first-child+html #Content .button[type] { padding: 3px 5px 2px 5px; } /* nuetralise the styles of input buttons within .button class */ .button input { border: none; background: none; cursor: pointer; } /* button colour variations & special cases */ #Content .shopForm .addressBtn, #Content .updateQuantityRow .button { /* these buttons require an inline display */ display: inline !important; } /* specifically for imageChooserPopUp */ .imageChooserPopup .chooserButtons .button[type] { padding: 2px; /* Firefox */ line-height: 14px; /* Safari */ } * html .imageChooserPopup .chooserButtons .button { padding: 1px 2px 0 2px; /* IE6 */ } *:first-child+html .imageChooserPopup .chooserButtons .button { padding: 2px 2px 1px 2px; line-height: 13px; /* adjust for IE7 */ } /* smaller buttons */ #Content .updateQuantityRow .button[type], #Content .shopForm .addressBtn[type], #Content .searchBox .button[type], #Content .warningBox .button[type], #Content .shopForm .useAddressBtn[type], #Content .shopForm .cancelAddressBtn[type] { padding: 1px 5px; } /* IE6 */ * html #Content .updateQuantityRow .button, * html #Content .shopForm .addressBtn, * html #Content .searchBox .button, * html #Content .warningBox .button, * html #Content .shopForm .useAddressBtn, * html #Content .shopForm .cancelAddressBtn { padding: 0 5px 1px 5px; } /* IE7 */ *:first-child+html #Content .updateQuantityRow .button, *:first-child+html #Content .shopForm .addressBtn, *:first-child+html #Content .searchBox .button, *:first-child+html #Content .warningBox .button, *:first-child+html #Content .shopForm .useAddressBtn, *:first-child+html #Content .shopForm .cancelAddressBtn { padding: 0 5px; } /* special fix for IE7 here */ *:first-child+html #Content .updateQuantitiesBtn { width: 86px; } /* disabled button */ #Content .productDetails .buyBtnDisabled, #PrintsPopUp .productDetails .buyBtnDisabled, #Content .disabled, #PrintsPopUp .disabled { border: solid 1px #AAA; color: #FFF; background: none; background-color: #CCC; } /* These buttons have the class button or are input buttons but need to be neutralised to look like links for this particlar design */ #Content .productLinklist input, #PrintsPopUp .productLinklist input, #Content .featuredProducts .productListing .button, #Content .alternateFirst .button, #Content .alternateSecond .button, #Content .shopForm .enterManuallyBtn, #Content .shopAddressButtons .button { display: block; border: none; padding: 0 !important; margin: 0 !important; color: #0777B9; font-family: Verdana, Arial, Helvetica, Sans-Serif !important; font-weight: normal !important; text-align: left !important; background: none; background-color: Transparent; cursor: pointer; } /* color variations */ #Content .buttonOrange, #PrintsPopUp .buttonOrange, #Content .buyBtn, #PrintsPopUp .buyBtn, #Content .shopTableButtons .checkoutBtn, #Content .payment .shopFormButtons .button, .enlargeButtons .chooseDesignBtn, #Content .createCustomer .continueBtn, #Content .editAddress .saveAddressBtn { border-color: #F33400; background: #F33400 url(/SiteData/LTM/SiteImages/button-orange.gif) repeat-x left center; } #Content .productLinklist input:hover, #PrintsPopUp .productLinklist input:hover { color: #113B92; text-decoration: underline !important; } /* side col modules */ .miniBasket, .sideColumn .customerLogin, .sideColumn .searchBox, .sideColumn .shopSearchBox, .sideColumn .registerLink, .sideColumn .archiveDateTree, .sideColumn .payment, .sideColumn .currencySelector, .invoiceAddressTable, .deliveryAddressTable, .compactShopForm, .warningBox { position: relative; border: solid 1px #CCC; border-top: none; padding: 10px 9px 9px 9px; margin-bottom: 1em; background: url(/SiteData/LTM/SiteImages/ltm_productListBg.gif) repeat-x left bottom; } /* =SYSTEM ----------------------------------------------------*/ .CMSPageControls { position: static; padding: 3px 0; height: 16px; text-align: right; } .CMSPageControls span { color: #666; font-size: 9px; vertical-align: top; } .CMSPageControls img, .CMSPageControls input { border: none; margin-left: 4px; } /* =LTM SPECIFIC (based on exsisting) ----------------------------------------------------*/ /* Header */ #branding { height: 9.5em; } #branding p { padding: 0; margin: 0; } #branding p a { display: block; margin-right: 372px; width: 220px; height: 87px; background: url(/SiteData/LTM/SiteImages/ltm_headLogo.gif) no-repeat left top; text-indent: -5000px; } #branding p a:hover { text-decoration: none; } /* Global navigation */ #global-nav-container { position: absolute; top: 6.5em; width: 744px; z-index: 0; } #global-navigation { float: right; margin: 0; /* !look at this again */ font: bold 1.2em Arial, Helvetica, sans-serif; line-height: inherit; color: #494949; letter-spacing: 0; list-style: none; } #global-navigation dd { float: left; border-left: 1px solid #CDD2D5; margin: 0; padding: 7px 0 7px 1px; background: none; background-color: #FFF; } /* Basic global nav link style */ #global-navigation a { height: 27px; padding: 7px 8px; color: #494949; text-align: center; } .home #global-navigation dd#nav-home, .visiting #global-navigation dd#nav-visiting, .whats-on #global-navigation dd#nav-whats-on, .collection #global-navigation dd#nav-collection, .education #global-navigation dd#nav-education, .get-involved #global-navigation dd#nav-get-involved { border-left: 1px solid #FF5918; background-color: #FF5918; } .home #global-navigation dd#nav-visiting, .visiting #global-navigation dd#nav-whats-on, .whats-on #global-navigation dd#nav-collection, .collection #global-navigation dd#nav-education, .education #global-navigation dd#nav-get-involved { border-left: 1px solid #FF5918; } .home #global-navigation dd#nav-home a, .visiting #global-navigation dd#nav-visiting a, .whats-on #global-navigation dd#nav-whats-on a, .collection #global-navigation dd#nav-collection a, .education #global-navigation dd#nav-education a, .get-involved #global-navigation dd#nav-get-involved a { color: #FFF; } /* Corporate links & help search */ #corporate-links { clear: both; padding: 19px 19px 0 19px; height: 84px; background: #F2F2F1 url(/SiteData/LTM/SiteImages/corporate-links-bg-orange.gif) no-repeat left top; } #mayor-logo { display: block; height: 17px; background: url(/SiteData/LTM/SiteImages/mayor-logo-orange.gif) no-repeat left top; text-indent: -5000em; } #mayor-logo:hover { text-decoration: none !important; } #corporate-links img { float: left; margin-right: 19px; } #help-and-search, #microsite-tools { position: absolute; top: 0; float: left; margin-left: 352px; padding: 8px 0; width: 392px; } #corporate-links ul, #help-and-search dl { margin: 0 10px 0 0; padding: 0; } #corporate-links li, #help-and-search dd { float: left; margin: 0 10px 0 0; background-position: 0 7px !important; } #corporate-links li a { color: #000; } #corporate-links p { color: #000; text-align: right; } #corporate-links a, #help-and-search a {} .vcard { margin-bottom: 19px; } #corporate-links .vcard { margin: 9px 0 28px -3px; line-height: 1.1em; } #corporate-links .vcard .org { font-weight: bold; background-color: #FFF; } #corporate-links .vcard .org, #corporate-links .vcard .adr { padding: 0 3px; } body #main-search-input { font-size: 1.2em; } #help-and-search dl { float: right; } /* Search Form */ #help-and-search .globalSearch { float: right; padding: 10px 15px 0 0; } #help-and-search .globalSearch .textbox, #help-and-search .globalSearch .clear-on-focus { padding: 2px 1px; font-family: 'ms shell dlg' !important; } #help-and-search fieldset { margin: 0; padding: 0; border: none; text-align: right; } input.button, input.green-button { display: inline; border: groove 2px #057AB6; padding: 1px; height: 22px; color: #FFF; font-size: 1em; font-weight: bold; background: #63b2df url(/SiteData/LTM/SiteImages/button-blue.gif) repeat-x left center; } #help-and-search input, #help-and-search label, #help-and-search button { vertical-align: middle; } #help-and-search label { color: #666; } /* AL - Be aware these relate to the same thing */ #main-search-input, #help-and-search input { font-size: 1.2em; width: 142px; } /* levels out the button here */ body #help-and-search .button { font-size: 1em; width: auto; } #main-search-box { width: 200px; } /* bulleted links */ .linklist dd, .linkList li, .linklist li, .removeLink, .whyUpgradeLink, .payment .shopForm a, .reviewLink, .viewPostageLink, .viewOrderBtn, .returnLink, .backLink, .forgottenPasswordLink, #Content .shopForm .enterManuallyBtn, #Content .productLinklist input, #PrintsPopUp .productLinklist input, #Content .featuredProducts .productListing .button, .pager .next, .promoButtons a, #Content .alternateFirst .button, #Content .alternateSecond .button, .productListingName, .totalRow a, #Content .shopAddressButtons .button, .bulletLink, .mapLink { border: none; padding-left: 8px !important; background: url(/SiteData/LTM/SiteImages/green-bullet.gif) no-repeat 0 50% !important; cursor: pointer; } .backLink, .returnLink { background: url(/SiteData/LTM/SiteImages/green-bullet-back.gif) no-repeat 0 50% !important; } /* bulleted furniture & Hp links */ .furnitureContent .promoButtons a, .furnitureContent .alternateFirst .button, .furnitureContent .alternateSecond .button, .productListingName, #Content .shopAddressButtons .button { background: url(/SiteData/LTM/SiteImages/ltm_orangeBullet.gif) no-repeat 0 7px !important; font-weight: normal; color: #666 !important; } #Content .alternateFirst .button:hover, #Content .alternateSecond .button:hover, #Content .shopAddressButtons .button:hover { text-decoration: underline; } .basket .removeLink, #Content .productLinklist input, #PrintsPopUp .productLinklist input, #Content .shopAddressButtons .button { background-position: 0 50% !important; } #Content input.viewOrderBtn { float: left; display: block; border: none; color: #0777B9; text-align: left; } #Content input.viewOrderBtn:hover { display: block; color: #113B92; text-decoration: underline !important; } .productLinklist ul { margin: 0; } .productLinklist ul li { margin: 0; padding: 0; background: none; } .external-site, .new-window, .microsite { padding-right: 15px; background: Transparent url(/SiteData/LTM/SiteImages/new-window.gif) no-repeat scroll right bottom; } /* Position these elements off the page */ .off-left, .structural-label, #help-and-search dt, #corporate-links dt, #local-navigation dt, #global-navigation dt, .searchBox .searchKeyword { position: absolute; left: -9999px; } /* Popup window for Prints & Posters */ #PrintsPopUp { /* !check this - not sure if the window is being filled */ padding: 10px; font-size: 1.1em; line-height: 1.5em; height: 460px; width: 350px; background-color: #FFF; } #PrintsPopUp .product .productImg { width: 166px !important; } #PrintsPopUp .productDetails { width: 144px; } /*#PrintsPopUp .productDescription { clear: none; float: right; width: 144px; position: relative; top: 0; }*/ .furnitureBanner { color: #FFF; } .furnitureBanner .overlay { position: absolute; padding: 12px 400px 12px 12px; height: 150px; width: 332px; z-index: 9994; } .furnitureBanner .overlay .titleImg { margin-bottom: 1em; height: 14px; width: 228px; line-height: 14px; text-indent: -9999px; } .furnitureCycler, .furnitureCycler .item { height: 174px; width: 744px; } .furnitureCycler { position: relative; overflow: hidden; } .furnitureCycler .item .bgImg { position: absolute; left: 0; top: 0; } .furnitureCycler .item .description { padding: 12px 400px 12px 12px; } .secondaryNavigation { position: relative; color: #FFF; } .secondaryNavigation li { float: left; padding: 0; background: none; } .secondaryNavigation li a { float: left; border-left: 1px solid #FFF; padding: 0 10px; color: #FFF; } .secondaryNavigation .sNavigationTab01 { border: none; padding-left: 0; } .secondaryNavigation a:hover { color: #FFF; } /* Featured Category Slider */ .categorySlider { overflow: hidden; } .categorySlider, .categorySlider .holder { height: 246px; width: 538px; } /* -Category Headings colours */ #Content .categorySlider h3 a { color: #FFF; } /* LTM PromoBox */ .promoBox { margin-bottom: 1em; } .promoBox .promoButtons a { float: right; } /* Specific to the homepage */ /* -Featured collection Banner (this code applies to scroll panel for LTM) */ .featuredItemBanner { position: relative; overflow: hidden; } .featuredItemBanner img, .scrollPanel .panelImage { position: absolute; left: 0; top: 0; } .featuredItemBanner .details, .scrollPanel .panelContent { position: relative; float: right; padding: 10px; width: 149px; color: #FFF; background: #999 url(/SiteData/LTM/SiteImages/ltm_fCBannerBgTile.jpg) repeat-x left top; z-index: 2; } .scrollPanel .panelContent { height: 182px; } #Content .featuredItemBanner .details h2, #Content .scrollPanel .panelContent h2 { border: none; margin-bottom: 0.5em; padding: 0; font-family: Arial, Helvetica, Sans-Serif; } .featuredItemBanner .details img { position: static; } .scrollPanel .panelContent a, .featuredItemBanner .details a { float: right; padding-right: 16px; color: #FFF; font-weight: bold; background: url(/SiteData/LTM/SiteImages/ltm_orgLinkArwIcon.gif) no-repeat right 50%; } /* -Featured Homepage products */ .featuredHpProducts { margin-bottom: 0; } .featuredHpProducts .productRow { background: none; } .featuredHpProducts .productListing { width: 127px; } .featuredHpProducts .productContainer { position: relative; margin: 0; padding: 0; } .featuredHpProducts .productListingImage { margin: 0 0 0.6em 0; text-align: left; } .featuredHpProducts .productTitle { position: absolute; top: 0; right: 0; margin-bottom: 0.6em; height: 226px; width: 30px; color: #FFF; text-indent: -9999px; z-index: 3; } /* --category title types */ .featuredHpProducts .furnitureTitle { background: url(/SiteData/LTM/SiteImages/ltm_hpFCPTBarFurniture.jpg) no-repeat left top; } .featuredHpProducts .homewareTitle { background: url(/SiteData/LTM/SiteImages/ltm_hpFCPTBarHomeware.jpg) no-repeat left top; } .featuredHpProducts .accessoriesTitle { background: url(/SiteData/LTM/SiteImages/ltm_hpFCPTBarAccessories.jpg) no-repeat left top; } .featuredHpProducts .designerGiftsTitle { background: url(/SiteData/LTM/SiteImages/ltm_hpFCPTBarDesignerGifts.jpg) no-repeat left top; } /* -- */ .featuredHpProducts .productSpacer { width: 10px; } .featuredHpProducts .productListingName { margin: 0; width: auto !important; } /* HP Categories */ .hpCategories { margin: 1em 0 0 0; } .hpCategories .productRow { margin-bottom: 0; background: url(/SiteData/LTM/SiteImages/ltm_productListBg.gif) repeat-x left bottom; } .hpCategories .productListing { width: 127px; } .hpCategories .productSpacer { width: 10px; } /* Map Selection page (for vector map) */ .mapThumbHolder { position: relative; margin-bottom: 1em; } .mapThumb { width: 257px; float: left; text-align: right; } .rail { float: right; } .mapThumb img { display: block; margin-bottom: 0.5em; border: solid 1px #CCC; } .mapLink { float: right; margin-top: -36px; } /* =CONTENT LAYOUT ----------------------------------------------------*/ #Content { width: 744px; text-align: left; } #LeftContainer, #RightContainer { float: left; width: 578px; } #RightContainer { float: right; } /* LTM Shop Navigation */ #ShopNavigationBar { position: relative; padding: 4px 10px; /*background: #FF5B17 url(/SiteData/LTM/SiteImages/ltm_shopNavBarBgTile.gif) repeat-x left top;*/ background-color: #E64C14; } #ShopNavigationBar .searchBox { float: left; margin: 0; padding: 0; background: none; } #ShopNavigationBar .searchBox .textbox, #ShopNavigationBar .searchBox .clear-on-focus { margin-right: 5px; width: auto; } #Content #ShopNavigationBar .searchBox .button { float: left; } /* PopupMiniBasket */ #ShopNavigationBar .popupMiniBasket { float: right; position: relative; color: #F90; background-color: #010000; z-index: 101; } .popupMiniBasket #MBSummaryDisplay { padding: 0 10px; width: 146px; line-height: 19px; text-align: center; } #MBSummaryList { position: absolute; right: 0; display: none; margin-top: 1px; width: 240px; padding: 5px; background-color: #010000; overflow: auto; z-index: 102; } #MBSummaryList table { width: 100%; } #MBSummaryList td { padding: 4px 2px; } #MBSummaryList .priceCol { text-align: right; } #MBSummaryList .mBSubTotalRow { padding: 2px; background-color: #260000; } .popupMiniBasket a { color: #F90; text-transform: uppercase; } .popupMiniBasket a:hover { color: #F90; } .popupMiniBasket .mBCloseBtn, .popupMiniBasket .goToBasketBtn { float: right; text-decoration: none; } .popupMiniBasket .mBCloseBtn { display: block; margin-bottom: 2px; height: 11px; width: 11px; text-decoration: none; text-indent: -9999px; background: #F90 url(/SiteData/LTM/SiteImages/ltm_pMBCloseBtnIcon.gif) no-repeat left top; } .popupMiniBasket .goToBasketBtn { padding-right: 9px; background: url(/SiteData/LTM/SiteImages/ltm_pMBgoToBasketIcon.gif) no-repeat right 60%; } /* -Shop Quicklinks */ .shopQuickLinks { color: #CED2D5; text-align: center; } .shopQuickLinks a { padding: 0 10px; color: #FFF; background: url(/SiteData/LTM/SiteImages/ltm_orangeBullet.gif) no-repeat 0 5px; } .shopQuickLinks a:hover { color: #FFF; } /* BreadcrumbBar */ #BreadcrumbBar { float: left; padding: 3px 0; width: 100%; background-color: #EEE; } .homeLink { display: block; margin-right: -10px; padding: 3px 0 3px 10px; width: 166px; color: #FFF; font-weight: bold; background: #666 url(/SiteData/LTM/SiteImages/ltm_homeLinkBg.gif) no-repeat right 50%; } #BreadcrumbBar .homeLink { float: left; margin: -3px 0; background: #666 url(/SiteData/LTM/SiteImages/ltm_homeLinkGryBg.gif) no-repeat right 50%; } .homeLink a { padding-left: 19px; color: #FFF; background: #666 url(/SiteData/LTM/SiteImages/ltm_navHpBullet.gif) no-repeat left 50%; cursor: pointer; } .homeLink a, .homeLink a:hover { color: #FFF; text-decoration: none; } #BreadcrumbBar .breadcrumb { margin-left: 10px; } /* Secondary Header */ .secondaryHeader { height: 174px; width: 744px; color: #FFF; } /* Home Banner */ #HomeBanner { padding: 12px 463px 12px 29px; height: 150px; width: 252px; color: #FFF; background: #FFF url(/SiteData/LTM/Image/hpBannerImg.jpg) no-repeat left top; } /* -keep the content edit tools on top here */ #HomeBanner .CMSColumnEdit, .secondaryHeader .CMSColumnEdit { z-index: 9995; } /* Main Column */ #ColumnMainHp, #ColumnMain1Col, #ColumnMain2Col, #ColumnMain2LeftCol, #ColumnMain3Col { float: right; width: 100%; } .text { padding: 10px 20px 20px 20px; } #ColumnMainHp .text { padding: 22px 20px; } #ColumnMain3Col .text { padding-right: 10px; } #ColumnMain1Col .text { padding: 10px 10px 20px 10px; } #MT, #MM, #MB { margin-bottom: 16px; width: 100%; } /* 3 Column */ #ML { float: left; width: 362px; } #ColumnMain2LeftCol #ML { width: 518px; } /* Category Landing pages (this should be reviewed at a later date) */ .catLPage .categoryDisplay h1, .catLPage .pagerSort { display: none; visibility: hidden; } /* Furntiure HP */ #MBL, #MBR, #MBM { width: 172px; } #MBM { margin: 0 183px; } #MBL { float: left; } #MBR { float: right; } #ColumnMain1Col #MBL { width: 342px; } #ColumnMain1Col #MBR { width: 342px; } /* Left Column */ #ColumnLeft { float: left; width: 166px; } /* Right Column */ #ColumnRight { float: right; width: 166px; } /* =FOOTER ----------------------------------------------------*/ #Footer {} #InternovaLogo {} /* =MODULES ----------------------------------------------------*/ /* Site Navigation & LinkList */ .SiteNavigation { margin-bottom: 1em; } .SiteNavigation ul li { padding: 0; background: none; } .SiteNavigation ul li a { } .SiteNavigation ul li a:hover { text-decoration: underline; } /* -Parent of current node styling (top level) */ #Content .SiteNavigation li.CurrentParent a.CurrentParent, #Content .SiteNavigation li.Current a.Current { font-weight: bold; } /* Have to use span here because of the design */ #Content .SiteNavigation li.CurrentParent a.CurrentParent span, #Content .SiteNavigation li.Current a.Current span { background: url(/SiteData/LTM/SiteImages/green-bullet.gif) no-repeat left 50%; } /* Side Columns SiteNav & linkLists */ .sideColumn .SiteNavigation { } .sideColumn .linklist ul { margin-left: 8px; } .sideColumn .SiteNavigation li a { display: block; padding: 0 0 1px 21px; font-weight: bold; background: url(/SiteData/LTM/SiteImages/ltm_navBgTile.gif) repeat-x left bottom; } .sideColumn .SiteNavigation li a span { display: block; padding-left: 8px; } .sideColumn .SiteNavigation ul ul li a { font-weight: normal; background: none; } /* link list */ .linkList { } /* Site Map */ .siteMap { margin-bottom: 1em; } .siteMap ul { } .siteMap ul ul { padding-bottom: 0; } .siteMap .productUL { margin-left: 0; list-style: none; } .siteMap .productUL ul { margin-left: 0; } /* Search Results */ .searchResults, .shopResults, .contentResults { margin-bottom: 1em; } #Content .searchResults h1, #Content .shopResults h1, #Content .contentResults h1 { border-bottom: none; margin-bottom: 1em; padding-left: 0; font: bold 1.182em/1em Verdana, Arial, Helvetica, sans-serif; color: #333; background: none; } .pagerLinks { text-align: right; } .searchResultsList { margin-left: 0; } .searchResultsList .Url {} .searchResultsList li { margin-bottom: 1em; padding-left: 0; background: none; } .contentResults a { font-weight: bold; line-height: 2em; } .searchHighlight { font-style: italic; } .itemsPerPage { margin-bottom: 7px; margin-top: -32px; text-align: right; } /* Pager Sorting ( CategoryDisplay & Search Results ) */ .pager { margin-bottom: 8px; text-align: right; text-transform: lowercase; } .pager .pgCntrl { padding-left: 8px; } .pager .next { margin-left: 8px; } .pager .backLink { } .pagerSort { margin-bottom: 1em; } /* This measure is based on text size & should be adjusted if the overall font size changes */ .pagerSort select { } .pagerSort .pageSize, .userPageSize { float: left; } .pagerSort .sortBy { float: right; } /* Breadcrumb */ .breadcrumb { color: #666; } .breadcrumb a {} /* FAQ */ .FAQ .FAQQuestion * { font-weight: bold; text-decoration: underline; } .FAQ .FAQAnswer {} /* SearchBox */ .searchBox { } .searchBox .textbox, .searchBox .clear-on-focus { float: left; width: 108px; } #Content .searchBox .button { float: right; } /* AdminPanel */ .AdminPanel { border: dashed 1px #F00; padding: 4px; color: #000; background-color: #FFF; } .AdminPanel h2 { color: #000; } .CheckBoxList { border: none; border-collapse: collapse; } .CheckBoxList tr td { margin: 0; padding: 0; } /* SWF Object */ .swfObject { text-align: center; } /* Design Image Popup */ .imageChooserMenuBox { } .imageChooserMenuBox .dropdown { width: auto; } #Content .imageChooserMenuBox .button { display: none; visibility: hidden; margin-bottom: 8px; } .imageChooserPopup { position: fixed; top: 17%; left: 50%; clear: both; display: none; border: solid 1px #333; margin-left: -300px; padding: 10px; height: 430px; width: 600px; /* needs to be fixed pixels here */ font-size: 11px; background-color: #FFF; z-index: 9999; } .imageChooserPopupBackground { background-color: #666; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); z-index: 9998; } .imageChooserPopup .closeWinBtn { display: block; cursor: pointer; } .imageChooserPopup .closeWinBtn:hover { text-decoration: underline; } .imageChooserPopup .tabs { position: absolute; top: -18px; /* negates TFL default style */ margin: 0; padding: 0; border: none; background: none; } .imageChooserPopup .tabs ul { margin: 0; padding: 0; } .imageChooserPopup .tabs li { float: left; /* negates TFL default style */ display: block; margin-right: 4px; padding-left: 0; background: none; } .imageChooserPopup .tabs li a { float: left; display: block; border: solid 1px #000 !important; border-bottom: none !important; padding: 2px 8px !important; background: #FFF url(/SiteData/Root/SiteImages/tfl_setTabInactiveBgTile.gif) repeat-x left bottom; } .imageChooserPopup .tabs .ui-tabs-selected a { color: #333; font-weight: bold; background: none; background-color: #FFF; } .imageChooserPopup .tabs .ui-tabs-selected a:hover { text-decoration: none; } .imageChooserPopup .tabPane { position: absolute; left: 0; top: 54px; height: 402px; width: 600px; background-color: #FFF; } .imageChooserPopup .set, .imageChooserPopup .enlarge .imageChooserPopup .map { height: 100%; width: 100%; } /* -Image Set */ .imageChooserPopup .imageSet .imageHolder { position: relative; float: left; margin-bottom: 2px; padding: 8px 4px 0 4px; height: 110px; width: 112px; text-align: center; } .imageChooserPopup .imageSet .imageHolder img.image { margin-bottom: 4px; } .imageChooserPopup .imageSet .imageHolder a.name { display: block; } .imageChooserPopup .imageSet .imageHolder .preLoader { position: absolute; left: 46px; top: 46px; } .imageChooserPopup .searchNav { position: relative; margin-bottom: 1em; margin-top: 6px; height: 22px; } .imageChooserPopup .searchNav .pager { position: inherit !important; top: 0; } .imageChooserPopup .chooserButtons .button, .imageChooserPopup .chooserButtons .textbox { position: relative; float: left; } .imageChooserPopup .chooserButtons .textbox { padding: 2px; font-size: 13px; } .imageChooserPopup .chooserButtons .button { left: 4px; } .imageChooserPopup .chooserButtons .clearBtn { left: 8px; } .imageChooserPopup .set .pager { float: right; } /* -Enlarge */ .imageChooserPopup .enlarge { display: none; background-color: #FFF; } .imageChooserPopup .enlarge .imageHolder, .imageChooserPopup .enlarge .description, .imageChooserPopup .enlarge .enlargeButtons { position: relative; margin: 1em auto 0 auto; padding-left: 0; padding-right: 0; text-align: center; width: 300px; } .imageChooserPopup .enlarge .imageHolder { height: 300px; } .imageChooserPopup .enlarge .imageHolder .preLoader { position: absolute; left: 136px; top: 136px; } /* bit akward here trying to center block buttons */ .imageChooserPopup .enlarge .enlargeButtons { width: 156px; /* needs to be the exact of button width + space combined */ } .imageChooserPopup .enlarge .description .button { position: relative; left: 9px; float: left; } .imageChooserPopup .enlarge .description .goBackBtn { width: 64px; } .imageChooserPopup .enlarge .description .chooseDesignBtn { left: 18px; width: 65px; } /* Image set (new module) */ #Content .imageSet { } .iSRow { float: left; margin-bottom: 4px; width: 100%; } .iSItem, .iSSpacer { float: left; } .iSItem img, .iSItem input { float: left; display: block; } .iSItem { border: solid 1px #CCC; padding: 1px; } .iSSpacer { width: 4px; } /* on product mod */ #Content .product .imageSet { } #Content .product .iSSpacer { width: 2px; } /* =SHOP FORMS ----------------------------------------------------*/ /* Standard Forms */ .shopForm, .compactShopForm, .shopConditions, .shopFormButtons { position: relative; padding: 8px; } .shopConditions { margin-bottom: 0; text-align: center; } .shopFormButtons { padding-bottom: 1em; background: url(/SiteData/LTM/SiteImages/ltm_productListBg.gif) repeat-x left bottom; } /* -for side columns */ #Content .sideColumn .shopForm, #Content .sideColumn .shopFormButtons { border: none; margin: 0; padding: 0; background: none; } /* -- */ /* Assuming the Main Left of a 3 Column Layout */ .shopForm label { float: left; display: block; margin-bottom: 2px; padding-right: 5px; width: 126px; font-weight: normal; text-align: right; cursor: default; } .shopForm .textbox, .shopForm .textarea, .shopForm .dropdown, .shopForm .dropdownlist, .shopForm .clear-on-focus, .shopForm .fileupload, .shopForm .holder { float: left; margin-bottom: 5px; width: 162px; } /* because IE fails to render the dropdown at the correct height */ *:first-child+html .shopForm .dropdown, *:first-child+html .shopForm .dropdownlist { margin-bottom: 3px; } .shopForm label span { position: absolute; left: 311px; } .shopForm .pCode { width: 80px !important; } .shopForm .dropdown, .shopForm .dropdownlist { width: 166px; } #Content .shopForm .addressBtn { margin: 0 0 5px 5px; } .shopForm .checkbox { position: relative; left: -4px; float: left; margin: -2px 0; } .shopForm .checkboxLabel { float: left; width: 146px; } .shopForm .forgottenPasswordLink { display: block; margin: 0 0 6px 131px; line-height: 1em; } #Content .PAFLookup { margin-top: 0.5em; } .shopFormButtons { padding-left: 139px; text-align: left; } /* Variation based on Layout */ /* 2Column */ #ColumnMain2Col .shopForm label { width: 153px; } #ColumnMain2Col .shopForm .textbox, #ColumnMain2Col .shopForm .textarea, #ColumnMain2Col .shopForm .dropdown, #ColumnMain2Col .shopForm .dropdownlist, #ColumnMain2Col .shopForm .clear-on-focus, #ColumnMain2Col .shopForm .fileupload, #ColumnMain2Col .shopForm .holder { width: 200px; } #ColumnMain2Col .shopForm label span { left: 378px; } #ColumnMain2Col .shopForm .dropdown, #ColumnMain2Col .shopForm .dropdownlist { width: 204px; } #ColumnMain2Col .shopForm .checkboxLabel { width: 179px; } #ColumnMain2Col .shopForm .forgottenPasswordLink { margin-left: 158px; } #ColumnMain2Col .shopFormButtons { padding-left: 166px; } /* 2ColumnLeft */ #ColumnMain2LeftCol .shopForm label { width: 144px; } #ColumnMain2LeftCol .shopForm .textbox, #ColumnMain2LeftCol .shopForm .textarea, #ColumnMain2LeftCol .shopForm .dropdown, #ColumnMain2LeftCol .shopForm .dropdownlist, #ColumnMain2LeftCol .shopForm .clear-on-focus, #ColumnMain2LeftCol .shopForm .fileupload, #ColumnMain2LeftCol .shopForm .holder { width: 200px; } #ColumnMain2LeftCol .shopForm label span { left: 367px; } #ColumnMain2LeftCol .shopForm .dropdown, #ColumnMain2LeftCol .shopForm .dropdownlist { width: 204px; } #ColumnMain2LeftCol .shopForm .checkboxLabel { width: 179px; } #ColumnMain2LeftCol .shopForm .forgottenPasswordLink { margin-left: 149px; } #ColumnMain2LeftCol .shopFormButtons { padding-left: 157px; } /* Side Columns */ #Content .sideColumn .shopForm label { padding-right: 0; width: 138px; text-align: left; } #Content .sideColumn .shopForm .textbox, #Content .sideColumn .shopForm .textarea, #Content .sideColumn .shopForm .dropdown, #Content .sideColumn .shopForm .dropdownlist, #Content .sideColumn .shopForm .clear-on-focus, #Content .sideColumn .shopForm .fileupload { width: 138px; } #Content .sideColumn .shopForm .holder { width: 100%; margin-bottom: 0; } #Content .sideColumn .shopForm label span { left: 138px; } #Content .sideColumn .shopForm .dropdown, #Content .sideColumn .shopForm .dropdownlist { width: 142px; } #Content .sideColumn .shopForm .checkboxLabel { width: 117px; } #Content .sideColumn .shopForm .forgottenPasswordLink { margin-left: 0; width: auto; } #Content .sideColumn .shopFormButtons .button { float: right; } /* Form validation */ .validationList { border: solid 1px #C00; margin-bottom: 1em; padding: 11px 9px; color: #333 !important; font-weight: bold; background-color: #FFF; } #Content .validationList ul { margin: 0.5em 0 1em 1.5em; padding: 0; font-weight: normal; } #Content .sideColumn .validationList ul { margin-left: 0.5em; } /* Warnings */ .warningBox { margin-bottom: 1em; padding: 11px 9px; color: #333 !important; background-color: #EEE; background-image: none; } .warningBox p { padding-bottom: 0; } .warningBox ol { margin: 0.5em 0 0.5em 2em; padding: 0; font-weight: normal; list-style-type: decimal; } .warningBox ol li { line-height: 2em; } #Content .warningBox ol li .button { position: relative; float: right; /* keep an eye on this if the button text height changes */ margin: -21px 0; } /* Edit Address Form */ .editAddress .shopTableButtons { margin-bottom: 4px; } .editAddress .returnLink { float: right; display: block; } .editAddress .shopTable .btnCol { width: 80px; text-align: center; } #Content .editAddress .btnCol .button { margin: 0 auto 8px auto; } #Content .editAddress .shopTable .editAddressBtn, #Content .editAddress .shopTable .removeAddressBtn { width: 64px; } .editAddress .shopFormButtons .button { float: left; } #Content .editAddress .addressBtn { margin: 0; } #Content .editAddress .cancelBtn { margin-left: 4px; } #Content .shopForm .useAddressBtn, #Content .shopForm .cancelAddressBtn { float: right; margin-bottom: 1em; } #Content .shopForm .useAddressBtn { margin-left: 4px; } /* Lost Password Form */ #Content .lostPassword .sendPasswordBtn, #Content .lostPassword .backBtn, #Content .lostPassword .loginBtn { width: 120px; } .lostPassword .shopFormButtons { } /* Customer Login Form (specifically for the side columns) */ .customerLogin { } #Content .sideColumn .customerLogin h2 { border: none; margin-bottom: 0.5em; padding-bottom: 0; font-size: 1em; } #Content .sideColumn .customerLogin .upgradeBtn { margin-right: 5px; } .customerLogin .linkList ul { margin-bottom: 1em; } /* Create Customer Form */ #Content .shopForm .enterManuallyBtn { /*width: 156px;*/ } #Content .warningBox .upgradeAccountBtn, #Content .warningBox .continueAsGuestBtn, #Content .warningBox .reEnterBtn, #Content .warningBox .emailPasswordBtn { width: 126px; } /* NewsLetter Sign Up Form */ .newsLetterSignup { } .newsLetterSignup .signUpBtn { } /* Edit Password Form */ #Content .changePassword { } label.passwordStrengthWarning { display: block; border: solid 1px #000; padding: 1px 3px 2px 3px; color: #000; background-color: #FFF; } /* Edit Account Form */ .editAccountDetails { } /* Save Basket Form */ .saveBasket .saveCartBtn { } /* Write Review Form */ .writeReview .ratingControl { margin-bottom: 5px; } .writeReview .returnBtn { float: right; } #Content .writeReview .returnBtn { padding-left: 5px; padding-right: 5px; } .ratingStar { display: block; margin: 0; padding: 0; height: 12px; width: 13px; font-size: 0; background-repeat: no-repeat; cursor: pointer; } .readOnly { cursor: default; } .filledRatingStar { background: url(/SiteData/Generic/SiteImages/RatingStars/FilledStar.gif) no-repeat left top; } .emptyRatingStar { background: url(/SiteData/Generic/SiteImages/RatingStars/EmptyStar.gif) no-repeat left top; } .savedRatingStar { background: url(/SiteData/Generic/SiteImages/RatingStars/SavedStar.gif) no-repeat left top; } /* Contact Form */ #Content .contactForm { margin-bottom: 1em; } #Content .contactForm .button { } /* =SHOP MODULES ----------------------------------------------------*/ /* Category Display Module */ .categoryDisplay { } .categoryDisplayProduct { padding-bottom: 24px; } .categoryDisplay h2 { margin-bottom: 2px; } .featuredProduct { position: relative; width: 350px; margin-bottom: 16px; } #Content .featuredProduct h1 { float: left; border: none; margin: 0; padding: 0 0 4px 0; color: #000; font-size: 1.273em; } .featuredProduct h1, .featuredProduct .productDesc { float: left; width: 170px; } #Content .featuredProduct h2 { border: none; margin-bottom: 0.6em; padding-bottom: 0; font-size: 1em; color: #0777B9; } .featuredProduct .productPrice { display: block; margin-bottom: 16px; } #Content .featuredProduct .buyBtn { width: 44px; } .featuredProduct .productImg { float: right; width: 170px; } /* Product Listing & Feature Listing Modules */ .productList { margin-bottom: 1em; } .productRow { float: left; margin-bottom: 1em; width: 100%; } .productListing, .placeHolder, .featureListing { float: left; width: 166px; } .productSpacer { float: left; width: 20px; } .unavailableProduct { background-color: #F5A0A0; } .productListing .static, .featureContainer { margin-top: 0; } /* -New productListingImage structure (with preloader) */ .productListingImage { display: block; margin-bottom: 0.5em; text-align: center; overflow: hidden; } .productListingImage .preLoader { display: none; /* height of the current preloader is 28px */ margin: 70px auto 0 auto; } .productListingImage img { } .productListingName, .productListing .productType, .productListingPrice, .product .productPrice, .productListingDesc, .productListingCode { display: block; margin-bottom: 0.5em; font-size: 1em; font-weight: bold; text-decoration: none; } .productType, .productListingName, .productListingPrice, .product .productPrice, .productListingDesc { font-weight: normal; } #Content .productListing h3 { margin-bottom: 0; } .productListing .productButtons { margin-bottom: 0; } #Content .productListing .buyBtn, #Content .productListing .removeBtn, #Content .productListing .browseBtn { float: right; } #Content .productListing .removeBtn { position: relative; right: 5px; } /* HP Features Listing (LTM only) !check this is still required */ .hpFeatures { margin-bottom: 16px; } .featureContainer img { float: right; padding-left: 5px; } #Content .hpFeatures h4 { padding: 0; color: #3496D5; font-family: Verdana, Arial, Sans-Serif; background: none; text-transform: uppercase; } /* Alternating Product Listings Styles */ #Content .alternateFirst, #Content .alternateSecond { float: none; background: url(/SiteData/LTM/SiteImages/ltm_productListBg.gif) repeat-x left bottom; } .alternateFirst .productListingImage, .alternateSecond .productListingImage { float: left; } #Content .alternateFirst .productListingName, #Content .alternateSecond .productListingName { margin-bottom: 0.6em; padding-left: 0 !important; font-weight: bold; background: none !important; } #Content .alternateFirst .productListingPrice, #Content .alternateFirst .productListingName, #Content .alternateFirst .productListingDesc, #Content .alternateFirst .productButtons, #Content .alternateSecond .productListingPrice, #Content .alternateSecond .productListingName, #Content .alternateSecond .productListingDesc, #Content .alternateSecond .productButtons { display: block !important; margin-bottom: 0.6em; margin-left: 92px; padding-left: 0; } #Content .alternateFirst .productListingPrice, #Content .alternateSecond .productListingPrice { visibility: visible !important; } #Content .alternateFirst .productButtons .button, #Content .alternateSecond .productButtons .button { float: left; } /* Featured Products Module */ #Content .featuredProducts .productListing .button { height: auto; width: auto; color: #3497D5; text-decoration: none; overflow: hidden; } #Content .featuredProducts .productListing .button:hover { color: #113B92; text-decoration: underline; } .featuredProducts .productListing .buyBtn { float: left; } .featuredProducts .productListing .browseBtn { clear: left; } #Content .featuredProducts .productButtons { padding-bottom: 8px;} #Content .featuredProducts .productRow { margin-bottom: 8px; } #Content .featuredProducts { margin-bottom: 8px;} /* Favourite Listing / Related Products / Recent Products Modules */ #Content .favouriteProducts .productListing { width: 166px; } #Content .relatedProducts .productListing, #Content .recentlyViewedProducts .productListing { width: 127px; } #Content #ML .favouriteProducts .productSpacer { width: 30px; } .relatedProducts .productSpacer, .recentlyViewedProducts .productSpacer { width: 10px; } #Content .favouriteProducts .buyBtn { margin-right: 4px; } /* -for side column */ #Content .sideColumn .favouriteProducts .productListing, #Content .sideColumn .relatedProducts .productListing, #Content .sideColumn .recentlyViewedProducts .productListing { width: 100%; } /* MiniBasket Module */ .miniBasket { } /* RegisterLink Module */ .registerLink { } #Content .registerLink .button { float: right; } /* Product Module */ .product { margin-bottom: 1.5em; } #Content .product h1 { margin-bottom: 1.5em; } .product .backLink { float: right; margin-top: -24px; } .product .productImg { float: left; margin-bottom: 1em; /* - whatever the large product image size is */ width: 240px !important; } /* -New main image structure */ .productImg .mainImage { position: relative; margin-bottom: 1em; text-align: center; } .productImg .mainImage .preloader { display: none; position: absolute; } .product .productImg img { } .product .productImg a:focus { background-color: transparent; } /* -New thumbnail structure */ .productImg .moreImages { } .productImg .thumbRow { float: left; width: 100%; } .productImg .thumbRow img, .productImg .thumbSpacer { float: left; } .productImg .thumbSpacer { width: 10px; } /* -- */ .productDetails { float: right; margin-bottom: 1em; width: 278px; } .productDetails label { display: block; margin-bottom: 2px; } .productDetails select { margin-bottom: 6px; } /* -quantity box & options */ .productOptionsBox, .productQuantityBox { margin-bottom: 0.6em; } .productDetails label { display: block; margin-bottom: 2px; font-weight: bold; } .productDetails .textbox, .productDetails .textarea, .productDetails .dropdown, .productDetails .dropdownlist, .productDetails .productOptionsBox input, .productDetails .productQuantityBox input { margin-bottom: 0.6em; } .productDetails .qtyTB { width: 24px; } #Content .noJsUpdateProductBtn { margin-bottom: 1em; } #Content .productDetails .buyBtn, #PrintsPopUp .productDetails .buyBtn, #Content .productDetails .buyBtnDisabled, #PrintsPopUp .productDetails .buyBtnDisabled { margin-bottom: 16px; width: 60px; } .product .productType, .product .productPrice { display: block; } .product .productPriceText {} .productPrice span {} span.oldPrice { text-decoration: line-through; } span.newPrice { color: Red; } .productPriceText, .productQuantity {} .productDescription { clear: both; /* -- AL: refusal by FF to display correctly with padding / margin here -- */ position: relative; top: 10px; } /* -Popup Window */ .popupBackground { background-color: #666; filter: alpha(opacity=60); opacity: .6; } .closeWinBtn { float: right; padding-right: 22px; height: 16px; color: #0777B9; line-height: 16px; background: url(/SiteData/LTM/SiteImages/ltm_closeWinBullet.gif) no-repeat right top; } /* -Send To A Friend & Write Review */ .popForm { width: 300px; background-color: #FFF; } .popForm .validationList { margin: 8px 0; } .popForm label { display: block; float: none; } .popForm .shopForm .textbox, .popForm .shopForm .clear-on-focus, .popForm .shopForm .textarea { width: 274px; } .popForm .shopFormButtons .button { float: right; } .popForm .shopConditions { padding-top: 0; padding-bottom: 12px; text-align: left; } /* -Write Review */ .ratingHolder { margin-bottom: 6px; } /* -Product Reviews */ .productReviews { margin-bottom: 1em; } #Content .productReviews .review { margin-bottom: 1em; } #Content .productReviews p { margin-bottom: 0; } #Content .productReviews .name, #Content .productReviews .location, #Content .productReviews .date { display: inline; margin-bottom: 1em; font-weight: bold; } .writeReviewBtn { float: right; } /* -Product Promotions */ .productPromotions { margin-bottom: 1em; } .promotion { margin-bottom: 8px; padding: 4px; background: url(/SiteData/LTM/SiteImages/ltm_productListBg.gif) repeat-x left bottom; vertical-align: middle; } .promotion img { position: relative; float: left; margin-bottom: 1em; margin-left: -10px; } .promotion .promotionDesc { /* AL - Will promotions always have an image? */ /*margin-left: 74px;*/ display: block; margin-bottom: 1em; } .promotion .promotionDesc a { color: #FF5700; } /* -Product Reviews */ .productReviews { margin-bottom: 1em; } #Content .productReviews .review { margin-bottom: 1em; } #Content .productReviews .rating #Content .productReviews .reviewTitle, #Content .productReviews .reviewDate, #Content .productReviews p { margin-bottom: 0.6em; } #Content .productReviews .reviewTitle, #Content .productReviews .reviewDate { display: inline; } #Content .productReviews .reviewDate { font-size: 1.182em; padding-left: 0.5em; } #Content .productReviews .review h3 { display: inline; margin-bottom: 0; padding: 0; color: #333; font-weight: bold; background: none; } .reviewLink { float: right; margin-bottom: -12px; } /* Payment */ .payment { position: relative; border: solid 1px #FF5918; border-top: none; margin-bottom: 16px; } .payment .shopForm { padding: 16px 2px; } .payment .shopForm label { width: 112px; text-align: right; } .payment .shopForm .small { position: absolute; left: 164px; } .payment .shopForm .moreInfoBtn { left: 188px; height: auto; background-position: 0 60%; } .payment .shopForm label span { position: absolute; left: 245px; } .payment .shopForm .textbox, .payment .shopForm .dropdown { width: 120px; } .payment .shopForm .dropdown { width: 125px; } .payment .secureMsg {} .payment .varifyMsg {} .payment .shopFormButtons { padding: 0 8px 8px 8px; } .payment .shopFormButtons .button { float: right; } .payment p { padding: 0 8px; } .extraDeliveryDetails {} .PaymentMethodUpdating, .PaymentMethodUpdating2 { position: absolute; left: 0; top: 0; border: solid 1px #FFF; height: 100%; width: 100%; color: #FFF; font-weight: bold; text-align: center; background-color: #FF5E05; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; z-index: 99; } .PaymentMethodUpdating .LoaderImage { display: block; margin: 40px auto 0 auto; width: 32px; height: 32px; background-image: url(/SiteData/LTM/SiteImages/paymentmethodloader.gif); } /* Top Sellers Module */ .topSellers { margin-bottom: 1em; } .topSellers ol { } .topSellers ol li { } .topSellers a { } .topSellers .productImage { } .topSellers .productName { } .topSellers .productPrice { } .topSellers .viewLink { } /* =SHOP TABLES ----------------------------------------------------*/ .shopTable { margin-bottom: 1em; } .shopTable table { width: 100%; } .shopTable table table td { padding: 0; } .shopTable table table .subProductTotal { padding-left: 10px; } .shopTable .nameCol a { font-weight: bold; } .shopTable ul { margin: 0; padding: 0; list-style-type: none; } .shopTable td { padding: 12px 10px; vertical-align: middle; } .shopTable tbody td { background: url(/SiteData/LTM/SiteImages/ltm_productListBg.gif) repeat-x left bottom; } #Content .shopTable .subHeadRow th { color: #FFF; font-size: 1em; font-weight: bold; background-color: #AAA; } .savedCarts .shopTable th { white-space: normal; } .shopTable .imageCol { width: 70px; } .shopTable .qtyCol, .shopTable .removeCol, .shopTable .priceCol { text-align: center !important; } .shopTable .qtyCol { width: 110px; } .shopTable .removeCol { width: 60px; } .shopTable .priceCol { width: 80px; } .shopTable td.qtyCol { border-left: solid 1px #CCC; border-right: solid 1px #CCC; } .shopTable td.qtyCol .textbox { float: left; padding: 4px 2px; height: 14px; width: 28px; line-height: 1.167em; } .shopTable .qtyHolder { margin: auto; width: 53px; } .shopTable span.QuantityAdjust a { clear: right; float: right; display: block; margin-bottom: 2px; height: 11px; width: 11px; color: #FFF; font: 11px/9px Verdana, Arial, Sans-Serif; text-align: center; text-decoration: none; background-color: #3597D5; } /* discount column */ #Content .shopTable .discountCol { /*text-align: center !important;*/ } #Content .shopTable .discountCol .textbox { width: 68px; } #Content .savedCarts .reloadCartBtn { padding-left: 5px; padding-right: 5px; } .shopTable .totalRow td { padding: 6px 10px; color: #333; text-align: right; background-color: #FFF; background-image: none; } #Content .shopTable .discountRow td, #Content .basketShipping, #Content .addAddressRow td { background: none; background-color: #FFF; } #Content .shopTable .updateQuantityRow td { border-bottom: solid 1px #CCC; border-top: solid 1px #CCC; padding-top: 11px; background-color: #FFF; background-image: none; } /* vertical-align all elements in this row */ .updateQuantityRow td * { vertical-align: middle; } #Content .addAddressRow .button { float: right; } #Content .addAddressRow .saveDefaultAddressBtn { margin-left: 10px; } /* -Sub Items */ .shopTable .subItem .imageCol { background: url(/SiteData/Root/SiteImages/ic_subProductIndentImg.gif) no-repeat 50% 50%; } .shopTable .subItem .imageCol img { display: none; } .shopTable tbody .parentItem td { padding-bottom: 0; } .shopTable tbody .subItem td { padding-bottom: 0; padding-top: 0; } tr.subItem td.nameCol a { margin-left: 20px; font-weight: normal; } /* Basket (includes show & display baskets) */ .basket { margin-bottom: 1em; } #MT .basket { margin-bottom: 0; } .basket table { empty-cells: hide; } #Content .basket .shopTableButtons .button { float: left; margin-right: 10px; } .displayBasket .shopTable .qtyCol, .displayBasket .shopTable .priceCol { /* in the display basket the qtyAdjust buttons do not appear */ width: auto; } #Content .shopTableButtons .continueBtn { } #Content .shopTableButtons .saveBtn { } #Content .basket .shopTableButtons .checkoutBtn { float: right; margin-right: 0; } #Content .shippingTitleRow td, #Content .shippingRow td, #Content .shippingRow table td { background-color: #FFF; background-image: none; } #Content .shippingTitleRow td, #Content .shippingRow td { border-top: solid 1px #CCC; padding: 6px 10px; font-weight: bold; } #Content .shippingRow td { border-bottom: solid 1px #CCC; border-top: none; padding-top: 0; font-weight: normal; } #Content .shippingRow table { padding: 0; } #Content .shippingRow table td { padding: 0; background: none; vertical-align: top; } #Content .shippingRow table input { } /* CustomerOrders Table */ .customerOrders {} .customerOrders .shopTableButtons { margin-bottom: 4px; } .customerOrders .backLink { float: right; display: block; } .customerOrders .shopTable table { /* AL - keep an eye on this not good to marginilse tables */ margin-bottom: 1em; } customerOrders .button { word-wrap: breakword; } .customerOrders .makePaymentBtn { float: right; } /* Address Table & Receipt */ .shopAddress { } .invoiceAddressTable, .deliveryAddressTable { position: relative; margin-bottom: 0; padding: 0; width: 340px; } .invoiceAddressTable { float: left; } .deliveryAddressTable { float: right; } .shopAddress table { margin: -1px; width: 342px; } .shopAddress table td { padding: 12px 10px; } .shopAddress p { padding-bottom: 0; } .shopAddressButtons { position: relative; padding: 10px; } #Content .shopAddressButtons .button { float: right; } /* - Reciept */ .receipt { margin-bottom: 1em; } .receipt .addresses { width: 100%; } .receipt .invoiceAddressTable, .receipt .deliveryAddressTable { float: left; width: 258px; } .receipt .deliveryAddressTable { float: right; } .receipt .shopTable { margin-bottom: 0; } .receipt .createFullAccount { /*width: 259px; position: relative; float: left; margin-right: 20px;*/ display: none; visibility: hidden; } .receipt .createFullAccount p { padding: 0 8px; } .receipt .totals { font-weight: bold; text-align: right; } .receipt .createFullAccount .shopForm label { width: 124px !important; } .receipt .createFullAccount .shopForm .textbox { width: 100px !important; } .receipt .createFullAccount .shopForm label span { left: 248px !important; } .createFullAccount .button { float: right; } .receiptLinks { /*width: 258px; z-index: 2; position: relative; float: left;*/ display: none; visibility: hidden; } .receiptLinks .compactShopForm { height: 80px; } /* =NEWS ----------------------------------------------------*/ /* A general class effecting everything used in an article */ .articleElement { } /* -Article Image */ .articleImgHolder { margin-bottom: 1em; width: 100%; overflow: hidden; } /* - Author info */ .author { margin-bottom: 1em; padding: 12px 10px; /*line-height: 1.5em;*/ background-color: #DDD; } .author img { display: block; float: left; } #Content .author h1 { font-size: 1em; } .author h1 span { display: inline; margin: 0; font-style: italic; } .author span { display: block; margin-right: 10px; } /* assumes 60 x 60 author image */ .author span, .author h1 { margin-left: 70px; } .author p { padding-bottom: 0.5em; } /* -Article Title */ .articleTitle { } /* -Article First Line */ .articleFirstLine { } /* -Article Date */ .articleDate { display: block; margin-bottom: 1em; color: #333; font-weight: bold; /*line-height: 1em;*/ } /* -Story */ .story { margin-bottom: 1em; } .articleExpLink { display: block; border-bottom: solid 2px #DDD; margin-bottom: 0.5em; padding: 2px 5px; height: 18px; color: #FFF; font-weight: bold; /*line-height: 18px;*/ background-color: #999; } .articleExpLink img { float: right; margin-top: 2px; } .articleExpLink:hover { background-color: #AAA; cursor: pointer; } /* -Article Credits */ .articleMoreInfo { border-bottom: solid 1px #CCC; margin-bottom: 1em; } .articleMoreInfo h3 { margin-bottom: 0; color: #333; } .articleMoreInfo p { font-style: italic; } /* -Related Articles */ .relatedArticles { margin-bottom: 5px; } /* -Related Links */ .relatedLinks { margin-bottom: 5px; } .relatedLinks p { } /* News Listing (NN System) */ .newsListing { margin-bottom: 1.5em; } .newsListing h2 { } .newsItem { margin-bottom: 1.5em; } .newsItem img { } #Content .newsItem h3 { margin-bottom: 0; } .newsItem .summary { padding-bottom: 0.5em; } .newsItem .nIFoot { line-height: 1em; } .newsItem .date { border-right: 1px solid #999; padding-right: 8px; color: #999; font-style: italic; } .newsItem .moreNewsLink { margin-left: 10px; } /* Archive Date Tree */ .archiveDateTree { } .archiveDateTree ul { list-style: disc; } /* =EVENTS ----------------------------------------------------*/ /* Events Display */ .eventsListing { margin-bottom: 1.5em; } .eventsItem { margin-bottom: 1.5em; } .eventsListing h2 { } #Content .eventsItem h3 { margin-bottom: 0; } .eventsItem .summary { padding-bottom: 0.5em; } .eventsItem .eIFoot { line-height: 1em; } .eventsItem .date { float: left; display: block; border-right: 1px solid #999; padding-right: 10px; color: #999; font-style: italic; } .eventsItem .eventLink { margin-left: 10px; } /* Event */ .event { margin-bottom: 1.5em; } .eventTitle { } #Content .event .date { display: block; margin-bottom: 1em; font-weight: bold; } /* =BROWSER FIXES ----------------------------------------------------*/ /* Fixes the body background alignment issue (IE7) */ *:first-child+html body { padding-left: 1px; padding-right: 0; } /* Style the global search exactly as the exsisting sites (IE7) */ .globalSearch .button[type] { padding: 2px 1px 1px 1px !important; font-family: 'ms shell dlg'; } *:first-child+html .globalSearch .button[type] { padding: 1px 1px 0 1px !important; font: 100.01% Arial, Verdana, Helvetica, sans-serif; font-weight: bold; } *:first-child+html #help-and-search .globalSearch { padding-right: 19px !important; } *:first-child+html #help-and-search label { margin-right: -4px; } /* Button positioning (IE7) */ *:first-child+html #Content .upgradeAccountBtn, *:first-child+html #Content .continueAsGuestBtn, *:first-child+html #Content .reEnterBtn, *:first-child+html #Content .emailPasswordBtn { margin-top: -24px; } /* Height fixes (IE6 & 7 - review later) */ input.button, .invoiceAddressTable, .shopTableButtons, .deliveryAddressTable, .customerLogin, .shopFormButtons, .registerLink, .searchBox, .miniBasket, .shopForm, .validationList, .warningBox, .productReviews, ul li, .shopTable .totalRow td, #Content .basketShipping, #Content .addAddressRow td, .productList, .basket, .SiteNavigation, .SiteNavigation a, #global-nav-container, .totalRow td, .shopTable .qtyHolder, .productPromotions, .promotion, .viewOrderBtn, .imageChooserMenuBox, .searchResults, .shopResults, .contentResults, #Content .imageSet, .sideColPromoBox, #ShopNavigationBar, .featuredItemBanner, .featuredHpProducts, .pagerSort, #MBL, #MBR, #MBM, .shopAddressButtons, .popupMiniBasket a, .text, .productImg .moreImages, .categoryDisplay, .productRow { height: 1%; } /* Safari Only */ @media screen and (-webkit-min-device-pixel-ratio:0) { #Content .button[type]{ line-height: 11px !important; } /* this levels up buttons with input fields */ #Content .updateQuantityRow .button[type], #Content .shopForm .addressBtn[type], #Content .searchBox .button[type], #Content .warningBox .button[type], #Content .shopForm .useAddressBtn[type], #Content .shopForm .cancelAddressBtn[type] { height: auto; padding-left: 1px; padding-right: 1px; } #BreadcrumbBar .clear { content: " "; } #ShopNavigationBar { height: 20px; } #Content .textbox, #Content .clear-on-focus { /* not sure why but this seems to clear up some alignment issues */ margin-top: 0; } } /* Misc */ .seeCheckoutReduction { font-size: 0.9em; font-style: italic; } .ThreeDSecureIFrame { border: 0; height: 600px; width: 706px; } /* =LIGHTBOX ----------------------------------------------------*/ /* jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.4.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.4 * @date November 17, 2007 * @category jQuery plugin * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { display: none; position: absolute; left: 0; top: 0; z-index: 9996; height: 500px; width: 100%; color: #666; } #jquery-lightbox { display: none; position: absolute; left: 0; top: 0; z-index: 9997; width: 100%; line-height: 0; text-align: center; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; margin: 0 auto; height: 250px; width: 250px; background-color: #FFF; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; left: 0; top: 40%; height: 25%; width: 100%; line-height: 0; text-align: center; } #lightbox-nav { position: absolute; left: 0; top: 0; z-index: 10; height: 100%; width: 100%; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { display: block; height: 100%; width: 49%; zoom: 1; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { margin: 0 auto; padding: 0 10px; width: 100%; /* Change this depending on the base font family */ font: 10px Verdana, Helvetica, sans-serif; line-height: 1.091em; /* -- */ background-color: #FFF; overflow: auto; } #lightbox-container-image-data { padding: 0; color: #666; } #lightbox-container-image-data #lightbox-image-details { float: left; width: 60%; text-align: left; } #lightbox-image-details-caption { display: block; padding-bottom: 1em; font-weight: bold; } #lightbox-image-details-currentNumber { clear: left; display: block; /* this just shifts the counter up a line */ margin-top: -1em; padding-bottom: 1em; } #lightbox-secNav-btnClose { height: 16px; width: 101px; float: right; } #map { position: relative; overflow: hidden; } #zoomer { position: absolute; height: 250px; width: 250px; opacity: 0.85; overflow: hidden; } #imgMover { position: absolute; } .ui-tabs-hide { display: none; } .enlarge { z-index: 999; } /* =BARCLAYS NON JS PAGE ----------------------------------------------------*/ #JSWarning {} #JSWarning #Sheet { } #JSWarning ol { padding-bottom: 1em; } #JSWarning .logoHolder { display: block; margin-bottom: 20px; height: 87px; width: 220px; background: url(/SiteData/LTM/SiteImages/ltm_headLogo.gif) no-repeat left top; } #JSWarning .button { width: 200px; } /* Panel Slider Styles (to be integrated - specific to LTM) */ .scrollPanel { } .scrollPanel ul { position: relative; margin: 0; padding: 0; height: 202px; width: 538px; overflow: hidden; } .scrollPanel li { float: left; background: none; padding: 0; /* We set the width/height explicitly. No width/height causes infinite loops. */ height: 202px; width: 538px; } .scrollPanelButtons .button { float: left; } /* * The buttons are added dynamically by jCarousel before * the