body { font-family: 'Roboto', sans-serif; background-color: #333; color: #606975; font-size: 100%; line-height: normal; margin: 0; padding: 0; clear: both; } article, section, aside, hgroup, nav, header, footer, figure, figcaption { display: block;} h1, h2, h3, h4, h5, h6, p { display: block; margin: 0; padding: 0; } a { color: #333; background-color : transparent; text-decoration: none; font-weight: normal; } a:hover { color: #F90010; background-color : transparent; font-weight: normal; } p { font-size: 100%; margin: 0 0 1em 0; } h1 { font-family: 'Roboto', Helvetica, sans-serif; font-weight: bold; font-size: 200%; color: #606975; background-color: transparent; margin: 0 0 20px 0; padding: 0; line-height:2em; text-align:center; } h1.heroH1 { font-size: 3em; color: #2b2b2b; background-color:rgba(255,255,255,0.50); margin: 0 auto; padding: 10px; position:absolute;bottom:30%;text-align:center;width:100%;left:0; } h2 { font-family: 'Roboto', Helvetica, sans-serif; font-weight: bold; font-size: 180%; color: #606975; background-color: transparent; margin: 0 0 20px 0; padding: 0; line-height:2em; } h2.heroH2 { font-size: 1em; color: #FFF; background-color:rgba(0,0,0,0.50); margin: 0 auto; padding: 10px 0; position:absolute;bottom:0;text-align:center;width:100%;left:0; } h2.slideH2 { font-family: 'Roboto', sans-serif; font-size: 1em; color: #333; text-shadow:1px 1px 3px #FFF; text-align:center; font-weight: 400; margin:0; padding: 0; } h3 { font-family: 'Roboto', Helvetica, sans-serif; font-weight: bold; font-size: 160%; color: #606975; background-color: transparent; margin: 0 0 20px 0; padding: 0; } h4 { font-family: 'Roboto', Helvetica, sans-serif; font-weight: bold; font-size: 140%; color: #606975; background-color: transparent; margin: 0 0 20px 0; padding: 0; } h5 { font-family: 'Roboto', Helvetica, sans-serif; font-weight: bold; font-size: 120%; color: #606975; background-color: transparent; margin: 0 0 10px 0; padding: 0; } h6 { font-family: 'Roboto', Helvetica, sans-serif; font-weight: normal; font-size: 100%; color: #606975; background-color: transparent; margin: 0 0 10px 0; padding: 0; } input { font-family: 'Roboto', sans-serif; } input.submit { font-family: 'Roboto', sans-serif; } input#submit { font-family: 'Roboto', sans-serif; font-size: 200%; width: 80%; border: 2px outset #FFFFFF; background-color: #FFFFFF; color: #F90010; font-weight: bold; margin: 2% 0; } input.buyButton { font-family: 'Roboto', sans-serif; } input.placeOrderButton { font-family: 'Roboto', sans-serif; font-size: 200%; width: 80%; border: 2px outset #FFFFFF; background-color: #FFFFFF; color: #F90010; font-weight: bold; margin: 2% 0; } input#submit3 { font-family: 'Roboto', sans-serif; font-size: 200%; width: 80%; border: 2px outset #FFFFFF; background-color: #FFFFFF; color: #F90010; font-weight: bold; margin: 2% 0; } input#processOrder { font-family: 'Roboto', sans-serif; font-size: 200%; width: 80%; border: 2px outset #FFFFFF; background-color: #FFFFFF; color: #F90010; font-weight: bold; margin: 2% 0; } textarea { } select { } hr { } td { font-size: 100%; vertical-align: top; } th { font-size: 100%; vertical-align: top; } dt { font-weight: bold; } .submenu { font-size: 80%; font-weight: bold; } .menu { font-size: 80%; font-weight: bold; } div.liner { margin: 0 10px; } /* Main Site Container Styles */ #siteContainer { background: transparent; background-color: #FFFFFF; padding: 0; } #siteContainerLiner { margin: 0 auto; padding: 0; background-color: transparent; } #preBanner {margin: 0 auto; padding: 0; width: 100%; background-color: #333; position:fixed; top:0; left:0; border-bottom: 1px solid #F90010; z-index:9998; } #preBannerContainer { width: 100%; margin: 0 auto; padding: 0; } #preBannerLeft { margin: 0; padding: 0; width: 25%; min-width: 270px; float: left; text-align:center; line-height:80px; height:80px; } #preBannerLeft img { width: 100%; display: block; max-width:250px; margin:0 auto; } #preBannerRight { margin: 0; padding: 0; width: 400px; float: right; text-align: center; line-height:80px; } #preBannerRight a { display:block;float: right;text-decoration:none; width:80px;font-size: 150%;background-color: #FFF;box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.5); } #preBannerRight a#viewCart { background-color: #F90010;color: #FFF; width:160px;box-shadow: none; } #preBannerRight a.plain { display:block;float: right;text-decoration:none; width:auto;font-size: 150%;background-color: transparent;box-shadow: none; color:#FFF;padding-right:20px; } #preBannerCentre { margin: 0; padding: 0; float: right; text-align: right; line-height:40px; } #preBannerCentre a.plain { display:block;text-decoration:none; width:auto;font-size: 150%;background-color: transparent;box-shadow: none; color:#FFF;padding-right:20px; } header { margin: 0; padding: 0; } header.mainHeader { margin: 81px auto 0 auto; padding: 0; background-color: #595959; color: #FFF; border-bottom: 1px solid #F90010; } #siteBanner { margin: 0 auto; padding: 0; width: 100%; max-width: 1220px; } #siteBannerContainer { margin: 0 auto; padding: 0; } #siteBannerLeft { margin: 0; padding: 0; width: 50%; float: left; display: none; } #siteBannerLeft img { display: block; width: 100%; margin: 10px 0; } #siteBannerRight { margin: 0; padding: 0; width: 50%; float: left; display: none; } #siteBannerRight img { display: block; width: 100%; margin: 10px 0; } #siteBannerMobile { margin: 0; padding: 0; width: 50%; float: left; text-align: center; display: none; } form#bannerSearch { background-color: #FFF; margin: 0; padding: 0; } form#bannerSearch input[type="search"], form#bannerSearch input[type="text"] { background-color: transparent; border: 0; width: 80%; float: left; margin: 0; padding: 10px 0 10px 20px; font-size: 20px; } form#bannerSearch a { display: block; width: 10%; float: right; background-color: #F90010; color: #FFF; font-size: 225%; text-align:center; } form#bannerSearch i { } #bannerCart { margin: 0; padding: 0 10px; display:inline-block; background-color: #F90010; color: #FFF; } #bannerCart:hover { cursor: pointer; } div#mobilePhone {display: none;width: 25%;float: left;overflow: hidden;height: 38px;cursor: pointer;} div#mobileSearch {background-image: none;display: none;background-size: auto;width: 25%;float: left;overflow: hidden;height: 38px;cursor: pointer;} div#mobileBasket {background-image: none;display: none;background-size: auto;width: 25%;float: right;overflow: hidden;height: 38px;cursor: pointer;position:relative;} div#mobileBasket div#mobileBasketContents { position:absolute; bottom: 2px; right:2px;} div#mNavToggle {clear: none;width: 25%;float: right;overflow: hidden;height: 38px;cursor: pointer;} div#mobileContact, div#mNavToggle, div#mobileSearch, div#mobileBasket{ text-align:center;} div#mobilePhone, div#mobileSearch, div#mobileBasket{ box-shadow: inset -1px 0px 0px 0px rgba(255,255,255,0.5);} div#mobilePhone i, div#mNavToggle i, div#mobileSearch i, div#mobileBasket i{ font-size: 24px; padding-top:6px; color:#FFF;} div#mobilePhone a, div#mNavToggle a, div#mobileSearch a, div#mobileBasket a{ text-decoration:none;color:#FFF;display:block;} #bannerNav { margin: 0 auto; padding: 0; background-color: #EFEFEF; } #bannerNavWrapper { margin: 0 auto; padding: 0; } nav#dtNav { margin: 0 auto; padding: 0; } nav#dtNav ul.primaryNav { margin: 20px auto; padding: 0; list-style: none; width: 100%; line-height: 40px; } nav#dtNav ul.primaryNav li { margin: 0; padding: 0; display: block; float: left; text-align: center; line-height: 40px; } nav#dtNav ul.primaryNav li a { font-size: 100%; font-weight: bold; text-decoration: none; display: block; margin: 0; line-height: 40px; color: #FFF; background-color: transparent; border-bottom: 5px solid #595959; } nav#dtNav ul.primaryNav li a:hover { color: #FFF; border-bottom: 5px solid #F90010; } nav#dtNav ul.primaryNav li a.active { color: #FFF; border-bottom: 5px solid #F90010; } nav#dtNav ul.primaryNav li a.inactive { color: #FFF; } nav#dtNav ul.primaryNav li a.inactive:hover { color: #FFF; } nav#dtNav ul.primaryNav li a.clearance { } nav#dtNav ul.primaryNav li a.clearance:hover { } nav#dtNav ul.primaryNav li a.offers { color: #F90010; } nav#dtNav ul.primaryNav li a.offers:hover { background: #F90010; color: #FFF; } nav#dtNav ul.primaryNav li a.first { } nav#dtNav ul.primaryNav li a.last { } nav#mNav { margin: 0; padding: 0; background-color: transparent; } nav#mNav ul { margin: 0; padding: 0; list-style: none; } nav#mNav ul li { margin: 0; padding: 0; line-height: 180%; } nav#mNav ul li a { font-size: 110%; font-weight: bold; text-decoration: none; display: block; margin: 0; padding: 5px; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; background: #333; } #productNavMenu { width:100%; max-width:1220px;margin: 0 auto; } nav#categoryMenuPanel { } nav#categoryMenuPanel h2 { font-family: 'Roboto', sans-serif; } nav#categoryMenuPanel div.categoryGroupWrapper { background-color: transparent; font-size: 100%; margin: 0 0 10px 0; padding: 0; position: relative; } nav#categoryMenuPanel h5.categoryHeader { background-color: transparent; padding: 0; margin: 20px 0; color: #333; font-weight: bold; font-size: 150%; text-align: left; } nav#categoryMenuPanel div.categoryGroupLiner { } nav#categoryMenuPanel div.categoryGroupContent { } nav#categoryMenuPanel a.subcategoryHeader { font-size: 90%; font-weight: normal; color: #FFF; background-color: #333; margin: 1%; padding: 6px 1%; border: 0px solid #333; border-radius:5px; display: block; width:21%;float:left; text-decoration: none; } nav#categoryMenuPanel a.subcategoryHeader:hover { background-color: #F90010; color: #FFF; } nav#categoryMenuPanel a.subcategoryHeader:last-child { } nav#footerNav { } nav#footerNav ul { margin: 0; padding: 0; list-style: none; } nav#footerNav ul li { margin: 0; padding: 0; } nav#infoNav { margin: 30px 0 0 0; padding: 0; background-color: transparent; } nav#infoNav a { font-size: 90%; font-weight: normal; color: #FFF; background-color: #333; margin: 0 0.5% 10px 0.5%; padding: 6px 1%; border: 0px solid #2b2b2b; border-radius:5px; display: block; width:22%;float:left; text-decoration: none; } nav#infoNav a:hover { background-color: #F90010; color: #FFF; } #toggleLayer { background-color: #EFEFEF; } #siteCloseout { margin: 0; padding: 40px 0; background-color: #EBEBEB; text-align: center; } #siteCloseoutWrapper { margin: 0 auto; padding: 0; } #siteCloseoutContainer { margin: 0 auto; padding: 0; } #siteCloseout h3 { font-family: 'Roboto', sans-serif; font-size: 200%; color: #F90010; margin: 0 0 10px 0; } #siteFooter { margin: 0; padding: 0; background: #333; border-top: 1px solid #F90010; color:#949494; } #siteFooterWrapper { margin: 0 auto; padding: 0; width: 100%; max-width: 1220px; } #siteFooterContainer { margin: 0 10px; padding: 0; } footer#mainSiteFooter { margin: 0; padding: 0; } #siteFooters { margin: 0 auto; padding: 40px 0 0 0; } #siteFooters h1, #siteFooters h2, #siteFooters h3, #siteFooters h4, #siteFooters h5, #siteFooters h6 { color: #FFF; } #siteFooters a { color: #FFF; } #siteFooters a:hover { color: #F90010; } #siteFooters #footersTop { margin: 0 10px; padding: 0; } #siteFooters #footersTop h3 { font-family: 'Roboto', sans-serif; } #siteFooters #footerColumns { margin: 0; padding: 0; } #siteFooters #footerColumns h3 { font-family: 'Roboto', sans-serif; } #siteFooters #footerColumns #footerColumnsCol1, #siteFooters #footerColumns #footerColumnsCol2, #siteFooters #footerColumns #footerColumnsCol3, #siteFooters #footerColumns #footerColumnsCol4 { margin: 0; padding: 0; width: 25%; float: left; } #siteFooters #footerColumns #footerColumnsCol1 div.liner, #siteFooters #footerColumns #footerColumnsCol2 div.liner, #siteFooters #footerColumns #footerColumnsCol3 div.liner { margin: 0 10px; padding: 0; } #siteFooters #footerColumns #footerColumnsCol1 { } #siteFooters #footerColumns #footerColumnsCol2 { } #siteFooters #footerColumns #footerColumnsCol3 { } #siteFooters #footerColumns #footerColumnsCol4 { } #siteFooters #footersMid { margin: 0 10px; padding: 0; } #siteFooters #footersMid h3 { font-family: 'Roboto', sans-serif; } #siteFooters #footersBottom { margin: 0 10px; padding: 0; } #siteFooters #footersBottom h3 { font-family: 'Roboto', sans-serif; } #siteFooters #footersBottom p { margin: 1em 0 0 0; } #siteFooters #footerColumns #footerColumnsCol1 a::before, #siteFooters #footerColumns #footerColumnsCol2 a::before, #siteFooters #footerColumns #footerColumnsCol3 a::before { } #siteFooters #footerColumns h3 { } /* Main Site Content Panel Styles */ #mainPanels { margin: 0; padding: 0; } #mainContentPanel { width: 100%; float: left; } #homePanel { background-color: transparent; margin: 0 20%; overflow: auto; } #homePanelWide { background-color: transparent; margin: 0 0 0 25%; overflow: auto; } #homePanelWideLeft { background-color: transparent; margin: 0 25% 0 0; overflow: auto; } #homePanelFull { background-color: transparent; margin: 0; overflow: auto; } #pagesPanel { background-color: transparent; margin: 0 0 0 20%; overflow: auto; } #pagesPanelWide { background-color: transparent; margin: 0 0 0 25%; overflow: auto; } #pagesPanelFull { background-color: transparent; margin: 0; overflow: auto; } #orderPanel { background-color: transparent; margin: 0; overflow: auto; } section#leftBlocks { background-color: transparent; width: 20%; float: left; margin: 0 0 0 -100%; } section#leftBlocksWide { background-color: transparent; width: 25%; float: left; margin: 0 0 0 -100%; } section#rightBlocks { background-color: transparent; width: 20%; float: left; margin: 0 0 0 -20%; } section#rightBlocksWide { background-color: transparent; width: 25%; float: left; margin: 0 0 0 -25%; } #pagesPanelForProduct { background-color: transparent; margin: 0 0 0 20%; overflow: auto; } #pagesPanelForProducts { background-color: transparent; margin: 0 0 0 20%; overflow: auto; } #pagesPanelForProductFull { background-color: transparent; margin: 0; overflow: auto; } #pagesPanelForProductsFull { background-color: transparent; margin: 0; overflow: auto; } #pagesPanelForProductWide { background-color: transparent; margin: 0 0 0 25%; overflow: auto; } #pagesPanelForProductsWide { background-color: transparent; margin: 0 0 0 25%; overflow: auto; } #homePanelLiner, #homePanelWideLiner, #homePanelWideLeftLiner, #homePanelFullLiner { margin: 0; } #pagesPanelLiner, #pagesPanelWideLiner, #pagesPanelFullLiner { margin: 0; padding: 0; background-color: transparent; } div.mw1220 div#pagesPanelLiner, div.mw1220 div#pagesPanelWideLiner, div.mw1220 div#pagesPanelFullLiner { margin: 0 10px; } #orderPanelLiner { margin: 0 10px; padding: 0; background-color: transparent; } #pagesPanelForProductLiner, #pagesPanelForProductFullLiner, #pagesPanelForProductWideLiner { margin: 0 10px; padding: 0; background-color: transparent; } #pagesPanelForProductsLiner, #pagesPanelForProductsFullLiner, #pagesPanelForProductsWideLiner { margin: 0; } #leftBlocksLiner, #leftBlocksWideLiner { margin: 0 10px; } #rightBlocksLiner, #rightBlocksWideLiner { margin: 0 10px; } #homePanelLiner h1, #homePanelWideLiner h1, #homePanelWideLeftLiner h1, #homePanelFullLiner h1 { margin: 0 10px; } #pagesPanelForProductsLiner h1, #pagesPanelForProductsFullLiner h1, #pagesPanelForProductsWideLiner h1 { margin: 0 10px; text-align: center; font-weight: normal; color: #333; } #pagesPanelForProductsLiner h2, #pagesPanelForProductsFullLiner h2, #pagesPanelForProductsWideLiner h2 { margin: 0 10px; } #pagesPanelForProductsLiner p, #pagesPanelForProductsFullLiner p, #pagesPanelForProductsWideLiner p { margin: 0 10px; } section#randomProductPanel1, section#randomProductPanel2, section#randomProductPanel3, section#randomProductPanel4, section#randomProductPanel5, section#randomProductPanel6 { clear: both; } h2#randomProductPanelHeader1, h2#randomProductPanelHeader2, h2#randomProductPanelHeader3, h2#randomProductPanelHeader4, h2#randomProductPanelHeader5, h2#randomProductPanelHeader6 { background-color: transparent; padding: 1%; margin: 0 10px 20px 10px; color: #333; font-size: 120%; border: 0px solid transparent; } #slidesContainer { margin: 0 10px; } section#pageSuperHighlights { clear: both; } section.productSuperHighlights { clear: both; } section.productHighlights { clear: both; } div.openTextPanel1 { margin: 0 0 20px 0; } div.openTextPanel2 { margin: 0 0 20px 0; } #siteTopPanel { margin: 0; } #siteBottomPanel { margin: 0; border-bottom: 1px solid #FFF; } /* Pricing Styles */ section.pricing { text-align:center; } div.highPrice { text-decoration: line-through; } div.fillerPrice { } div.highPrice .colfff { } div.midPrice { background-color: transparent; color: #333; border: 0; border-radius: 0; font-weight: bold; font-size: 100%; } div.midPrice a { background-color: transparent; color: #333; } div.onOfferPrice { background-color: transparent; color: #666; border: 0; text-decoration: line-through; font-size: 80%; } div.lowPrice { background-color: transparent; color: #5ABB47; border: 0; font-weight: bold; font-size: 100%; padding: 5px; } div.savingsDisplay { background-color: #5ABB47; color:#fff; padding: 5px 0; } article.productListingC1 div.productListing1:hover div.fillerPrice, article.productListingC2 div.productListing2:hover div.fillerPrice, article.productListingC3 div.productListing3:hover div.fillerPrice, article.productListingC4 div.productListing4:hover div.fillerPrice, article.productListingC5 div.productListing5:hover div.fillerPrice, article.productListingC2 div.productListing1:hover div.fillerPrice, article.productListingC3 div.productListing1:hover div.fillerPrice, article.productListingC3 div.productListing2:hover div.fillerPrice, article.productListingC4 div.productListing1:hover div.fillerPrice, article.productListingC4 div.productListing2:hover div.fillerPrice, article.productListingC4 div.productListing3:hover div.fillerPrice, article.productListingC5 div.productListing1:hover div.fillerPrice, article.productListingC5 div.productListing2:hover div.fillerPrice, article.productListingC5 div.productListing3:hover div.fillerPrice, article.productListingC5 div.productListing4:hover div.fillerPrice { } /* Product Sequence Styles */ /* Common Product Page Styles */ div#breadcrumbs { font-size: 80%; padding: 0; margin: 0 0 10px 0; text-align: center; color: #F90010; } #pagesPanelForProductsLiner div#breadcrumbs, #pagesPanelForProductsFullLiner div#breadcrumbs, #pagesPanelForProductsWideLiner div#breadcrumbs { margin: 0 10px 10px 10px; } div#breadcrumbs a { color: #333; } div#breadcrumbs a:hover { color: #F90010; } /* Brands List Page Styles */ div#brandsList { margin: 20px 0; padding: 0;} div.brandRecord { width: 16.66%; text-align: center; float: left;} div.brandRecord:nth-child(6n+1) { clear: left;} div.brandRecordLiner { margin: 0 10px 20px 10px;} div.brandRecord img { width: 80%; display:block; margin: 0 auto 5px auto;} /* Raw Call m0b0s0p0 Page Styles */ div#fullProductLinks { margin: 20px 0; text-align: center; font-size: 80%; } div.superCategoriesList { } div.superCategoryEntry { margin: 0 0 20px 0; padding: 0; } div.superCategoryImage { display: none; } div.superCategoryDetail { } div.superCategoryDetail h1 { margin: 0 10px; text-align: center; font-weight: normal; color: #333; } div.superCategoryDetail p { padding: 0; margin: 0; background-color: transparent; color: #333; } div.superCategoryDetail hr { border: 2px solid #F90010; width: 80px; margin: 10px auto; } .superCategoryDescription { display: none; } div.masterCategoriesList { margin: 0 10px 20px 10px; } div.masterCategoryEntry { margin: 0 0 20px 0; width: 25%; float: left; } div.masterCategoryWrapper { padding: 0; margin: 0 10px; } div.masterCategoryImage { } div.masterCategoryImage img { width: 100%; display: block; } div.masterCategoryDetail { margin: 0; padding: 0; } #pagesPanelForProductsLiner div.masterCategoryDetail h2, #pagesPanelForProductsFullLiner div.masterCategoryDetail h2, #pagesPanelForProductsWideLiner div.masterCategoryDetail h2 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; background-color: transparent; font-family: 'Roboto', sans-serif; text-align: center; } div.masterCategoryDetail h2 a { color: #FFF; background-color: #333; display:block;border:0px solid #333; border-radius: 5px; } div.masterCategoryDetail h2 a:hover { background-color: #F90010; } div.masterCategoryDetail p { display: none; } /* Master Category Call mXb0s0p0 Page Styles */ div#masterCategoryPage { margin: 0 10px; } header#masterCategoryPageHeader { padding: 0; margin: 0 0 10px 0; background-color: transparent; color: #333; } header#masterCategoryPageHeader h1 { margin: 0 10px; text-align: center; font-weight: normal; color: #333; } header#masterCategoryPageHeader p { padding: 0; margin: 0; background-color: transparent; color: #333; } header#masterCategoryPageHeader hr { border: 2px solid #F90010; width: 80px; margin: 10px auto; } div#masterCategoryPageSelectionHeaders { padding: 20px 0; } div#selectByCategory { width: 66%; float: left; } div#selectByBrand { width: 33%; float: left; margin-left: 1%; } div#masterCategoryPageSelections { } div#masterCategoryPageSubcategorySelections { } div#masterCategoryPageSubcategorySelections div.masterCategoryPageSubCategory, div#masterCategoryBrandPageSubcategorySelections div.masterCategoryPageSubCategory { display: block; width: 50%; float: left; font-weight: normal; margin: 0 0 20px 0; } div#masterCategoryPageSubcategorySelections div.masterCategoryPageSubCategory:nth-child(2n+1), div#masterCategoryBrandPageSubcategorySelections div.masterCategoryPageSubCategory:nth-child(2n+1) { clear:left; } div#masterCategoryPageSubcategorySelections div.masterCategoryPageSubCategory div.liner, div#masterCategoryBrandPageSubcategorySelections div.masterCategoryPageSubCategory div.liner { padding: 0; } div#masterCategoryPageSubcategorySelections img, div#masterCategoryBrandPageSubcategorySelections img { display: block; width: 100%; } div#masterCategoryPageSubcategorySelections a, div#masterCategoryBrandPageSubcategorySelections a { display: block; margin: 0; padding: 10px; text-align: center; background-color: #333; color: #FFF; border: 0px solid #333; border-radius: 5px; } div#masterCategoryPageSubcategorySelections a.scImg, div#masterCategoryBrandPageSubcategorySelections a.scImg { padding: 0; border: 0; border-radius: 0; } div#masterCategoryPageSubcategorySelections a:hover, div#masterCategoryBrandPageSubcategorySelections a:hover { background-color: #F90010; } div#masterCategoryPageSubcategorySelections i, div#masterCategoryBrandPageSubcategorySelections i { } div#masterCategoryPageBrandSelections { margin: 0 0 20px 0; } div.masterCategoryPageBrand { width: 12.5%; float: left; text-align: center; } div.masterCategoryPageBrand img { width: 80%; } /* Master Category AND Brand Call mXbXs0p0 Page Styles */ div#masterCategoryBrandPage { margin: 0 10px; } div#selectBrandByCategory { padding: 20px 0; } header#masterCategoryBrandPageHeader { padding: 0; margin: 0 0 10px 0; background-color: transparent; color: #333; } header#masterCategoryBrandPageHeader h1 { margin: 0 10px; text-align: center; font-weight: normal; color: #333; font-size: 100%; } header#masterCategoryBrandPageHeader p { padding: 0; margin: 0; background-color: transparent; color: #333; } header#masterCategoryBrandPageHeader hr { border: 2px solid #F90010; width: 80px; margin: 10px auto; } header#masterCategoryBrandPageHeader #bpBrandLogo { text-align: center; } header#masterCategoryBrandPageHeader #brandPageHeaderImage { padding: 0; margin: 10px; background-color: #FFFFFF; border: 0px solid #FFFFFF; width: 33.33%; float: right; text-align: center; } header#masterCategoryBrandPageHeader #brandPageHeaderImage img { width: 80%; } /* Sub Category OR Brand Sub Category Call mXb0sXp0 mXbXsXp0 Page Styles */ #subCategoryPageHeaderh1, #brandPageHeaderh1 { padding: 0; margin: 0 10px; background-color: transparent; border: 0px solid #333; } #subCategoryPageHeaderh1 h1, header#brandPageHeader h1, header#subCategoryPageHeader h2 { margin: 0 10px; text-align: center; font-weight: normal; color: #333; } header#brandPageHeader hr, header#subCategoryPageHeader hr { border: 2px solid #F90010; width: 80px; margin: 10px auto; } #subCategoryPageHeaderh1 p, #brandPageHeaderh1 p { padding: 0; margin: 0; background-color: transparent; color: #333; font-size: 80%; } #brandPageHeaderh1 #brandPageHeaderImage { padding: 0; margin: 10px; background-color: #FFFFFF; border: 0px solid #FFFFFF; width: 33.33%; float: right; text-align: center; } #brandPageHeaderh1 #brandPageHeaderImage img { width: 80%; } #subCategoryPageHeaderh2 { padding: 0; margin: 0 10px; } #subCategoryPageHeaderh2 h2 { padding: 0; margin: 0; background-color: transparent; color: #333; line-height: 200%; font-size: 150%; } #subCategoryPageHeaderh2 p { padding: 0; margin: 0; background-color: transparent; color: #333; font-size: 80%; } div#productListings { } article.productListingC1 { } article.productListingC2 { width: 50%; float: left; } article.productListingC3 { width: 33.33%; float: left; } article.productListingC4 { width: 25%; float: left; } article.productListingC5 { width: 20%; float: left; } article.productListingC1 div.productListing1, article.productListingC2 div.productListing2, article.productListingC3 div.productListing3, article.productListingC4 div.productListing4, article.productListingC5 div.productListing5, article.productListingC2 div.productListing1, article.productListingC3 div.productListing1, article.productListingC3 div.productListing2, article.productListingC4 div.productListing1, article.productListingC4 div.productListing2, article.productListingC4 div.productListing3, article.productListingC5 div.productListing1, article.productListingC5 div.productListing2, article.productListingC5 div.productListing3, article.productListingC5 div.productListing4 { margin: 0 10px 20px 10px; padding: 0; } article.productListingC1 div.productListing1:hover, article.productListingC2 div.productListing2:hover, article.productListingC3 div.productListing3:hover, article.productListingC4 div.productListing4:hover, article.productListingC5 div.productListing5:hover, article.productListingC2 div.productListing1:hover, article.productListingC3 div.productListing1:hover, article.productListingC3 div.productListing2:hover, article.productListingC4 div.productListing1:hover, article.productListingC4 div.productListing2:hover, article.productListingC4 div.productListing3:hover, article.productListingC5 div.productListing1:hover, article.productListingC5 div.productListing2:hover, article.productListingC5 div.productListing3:hover, article.productListingC5 div.productListing4:hover { } article.productListingC1 div.productListingOnOffer, article.productListingC2 div.productListingOnOffer, article.productListingC3 div.productListingOnOffer, article.productListingC4 div.productListingOnOffer, article.productListingC5 div.productListingOnOffer { border-color: #F90010; } div.subCatProductImage { margin: 0; padding: 10px; border: 1px solid #ebebeb; border-radius: 0; background-color: #FFFFFF; } div.subCatProductImage img { width: 100%; border: 0; margin: 0; padding: 0; } div.subCatProductDetail { color: #F90010; } div.subCatProductDetail h3 { color: #F90010; font-size: 100%; margin: 0 0 10px 0; } div.subCatProductDetail h3 a { color: #333; } div.subCatProductDetail h3 a:hover { color: #F90010; } div.productListingBrand { color: #333; padding: 0; } div.productListingModel { color: #333; padding: 0 10px; } div.productListingBrand span, div.productListingModel span { display: none; } div.productListingBrand a { color: #333; display: block; font-weight: bold; } div.productListingModel a { color: #333; display: block; } div.productListingAlert { color: #FFFFFF; margin: 5px 10px; padding: 5px; font-size: 60%; text-align: center; background-color: #F90010; border: 0px solid #F90010; } div.productListingPrice { width:50%;float:left } div.productListingPrice section.pricing { } div.productListingPrice div.highPrice { } div.productListingPrice div.fillerPrice { } div.productListingPrice div.highPrice .colfff { } div.productListingPrice div.midPrice { } div.productListingPrice div.midPrice a { } div.productListingPrice div.onOfferPrice { } div.productListingPrice div.lowPrice { } div.productListingPrice div.savingsDisplay { } div.inStockAlert{width:50%;float:right; background-color:#F60000;color:#FFF;} div.inStockAlertLiner{margin: 5px 10px; text-align:center;} div.inWarehouseAlert{width:50%;float:right; background-color:#F60;color:#FFF;} div.inWarehouseAlertLiner{margin: 7px 10px; text-align:center; font-size: 80%;} inWarehouseAlertLiner article.productListingC1 div.productListing1 { margin: 0 0 3% 0; } article.productListingC1 div.subCatProductImage { width: 25%; margin-right: 5%; float: left; } article.productListingC1 div.subCatProductImage img { width: 100%; } article.productListingC1 div.subCatProductDetail { width: 40%; float: left; } article.productListingC1 div.subCatProductDetail a { font-size: 150%; font-weight: bold; } article.productListingC1 div.subCatProductDetail span.highlight { display: block; } article.productListingC1 div.productListingPrice { width: 25%; float: right; padding: 0 12px; } article.productListingC1 form.buyit { width: 25%; float: right; font-size: 80%; clear: right; margin: 20px 0 0 0; } form#Comparator { margin: 0 10px; padding: 10px; background-color: #EDEDEE; border: 2px solid #A8A9AA; font-size: 80%; color: #333; border-radius: 0; } /* Product Call mXb0sXpX mXbXsXpX Page Styles */ div#productPageHeader { } div#productPageHeaderLeft { width: 50%; float: left; } div#productPageHeaderRight { width: 50%; float: right; text-align: right; } article#productPage { } article#productPage h1.producth1 { margin: 0 10px; text-align: center; font-weight: normal; color: #333; } article#productPage hr { border: 2px solid #F90010; width: 80px; margin: 10px auto; } article#productPage img.brandLogo { width: 50%; display: block; margin: 0 25% 10px 25%; } div.productHeader { } div.productRight { width: 30%; float: right; } div.productLeft { width: 66.67%; float: left; } div.productRightR { width: 66.67%; float: right; } div.productLeftR { width: 30%; float: left; } div.productWide { } div.productPricingComments { margin: 0 0 20px 0; } div.productAlert { margin: 5px 0; padding: 5px; font-weight: bold; color: #F90010; } div#productImages { } div#productImages img.pri { width: 100%; } div#productImages img.sup { width: 25%; } div#productDetail { } div#productDetail table { width: 100%; border-collapse: collapse; } div#productDetail table th { width: 25%; padding: 5px; text-align: right; } div#productDetail table td { padding: 5px; } div#productDetail .tr0 { background-color: #EDEDEE; border: 0px solid transparent; border-radius: 0; } div#productDetail .tr1 { } div#productDetail dl { width: 100%; margin: 0; padding: 0; } div#productDetail dl dt { margin: 0 0 1em 0; padding: 0; } div#productDetail dl dd { margin: 0 0 1em 0; padding: 0; } div#productDetail dl dt.tr0 { width: 33%; float: left; clear: left; font-weight: bold; background-color: #EDEDEE; } div#productDetail dl dt.tr1 { width: 33%; float: left; clear: left; font-weight: bold; } div#productDetail dl dd.tr0 { width: 66%; float: left; background-color: #EDEDEE; } div#productDetail dl dd.tr1 { width: 66%; float: left; } div.productDisclaimer { clear: both; font-size: 80%; background-color: #EDEDEE; border: 1px solid #333; padding: 10px; margin: 20px 0; border-radius: 0; } div.productReward { font-weight: bold; } div.status2product { color: #c00e0e; text-align:center; font-size: 80%; } form.buyit { margin: 20px 0; padding: 0; } form.buyit input.buyButton { width: 100%; background-color: #5ABB47; border: 0; font-size: 120%; color: #FFFFFF; padding: 2% 0; border: 0; border-radius: 0; } form.buyit select.addQty { width: 100%; background: #f0fff0 none repeat scroll 0 0; margin-bottom: 10px; border: 1px solid #5ABB47; padding: 2% 1%; border-radius: 0; } form.buyit select.addVar { width: 100%; background: #FFFFFF none repeat scroll 0 0; margin-bottom: 10px; border: 2px solid #5ABB47; padding: 2% 1%; border-radius: 5px; } form.buyit div#cartOptions { font-size: 80%; margin: 0 0 10px 0; line-height: 1.8em; } form.buyit div#cartOptions img { margin: 0 10px 0 5px; display: none; } form.buyit div#cartOptions input[type="radio"] { position: absolute; left: -5000px; } form.buyit div#cartOptions lRoboto { margin: 0 0 20px 10px; } form.buyit div#cartOptions input[type="radio"] + lRoboto { margin: 0; display: block; padding: 10px; text-align: left; font-weight: bold; color: #FFFFFF; } form.buyit div#cartOptions input[type="radio"] + lRoboto.stockLevelY { background-color: #C3E6C3; color: #333; border: 2px outset #C3E6C3; } form.buyit div#cartOptions input[type="radio"] + lRoboto.stockLevelO { background-color: #FFE1BF; color: #333; border: 2px outset #FFE1BF; } form.buyit div#cartOptions input[type="radio"] + lRoboto.stockLevelN { background-color: #c00e0e; color: #333; border: 2px outset #c00e0e; } form.buyit div#cartOptions input[type="radio"] + lRoboto.stockLevelY:before { content: '\002B\a0'; font-size: 200%; color: #5ABB47; } form.buyit div#cartOptions input[type="radio"] + lRoboto.stockLevelO:before { content: '\002B\a0'; font-size: 200%; color: #FF8700; } form.buyit div#cartOptions input[type="radio"] + lRoboto.stockLevelN:before { content: '\002B\a0'; font-size: 200%; color: #c00e0e; } form.buyit div#cartOptions input[type="radio"]:checked + lRoboto.stockLevelY { background-color: #5ABB47; color: #FFFFFF; border: 1px inset #5ABB47; } form.buyit div#cartOptions input[type="radio"]:checked + lRoboto.stockLevelO { background-color: #FF8700; color: #FFFFFF; border: 2px inset #FF8700; } form.buyit div#cartOptions input[type="radio"]:checked + lRoboto.stockLevelN { background-color: #c00e0e; color: #FFFFFF; border: 2px inset #c00e0e; } form.buyit div#cartOptions input[type="radio"]:checked + lRoboto.stockLevelY:before { content: '\002713\a0'; color: #FFFFFF; } form.buyit div#cartOptions input[type="radio"]:checked + lRoboto.stockLevelO:before { content: '\002713\a0'; color: #FFFFFF; } form.buyit div#cartOptions input[type="radio"]:checked + lRoboto.stockLevelN:before { content: '\002713\a0'; color: #FFFFFF; } form.buyit div#cartOptions lRoboto.stockLevelY .stockLevelY, form.buyit div#cartOptions lRoboto.stockLevelO .stockLevelO, form.buyit div#cartOptions lRoboto.stockLevelN .stockLevelN { font-weight: normal; font-size: 80%; } form.buyit div#cartOptions lRoboto.stockLevelY .stockLevelY { font-weight: bold; } form.buyit div#cartOptions .stockLevelN { display: inline-block; padding: 10px; background-color: #EFC3C3; border: 1px outset #EFC3C3; color: #333; font-weight: bold; } form.buyit div#cartOptions .stockLevelN:before { content: '\274C\a0'; color: #F90010; } div#productUpgradesPanel {border:0px solid #EDEDEE; border-radius: 5px; background-color:transparent;margin:10px 0;padding:10px 0;} div#productUpgradesPanel h2{} div.productUpgradePanel{} div.productUpgradePanel h3{color:#252525;} div#productUpgradesPanel input[type="radio"]{background-color: transparent;} div#productUpgradesPanel select{width: 100%; background: #EFE none repeat scroll 0 0; margin-bottom: 10px; border: 2px solid #5ABB47; padding: 2% 1%; border-radius: 5px;} div#productUpgradesPanel select option{background-color: transparent;} div#productUpgradesPanel div.productUpgradePanel {padding: 0; margin: 0 0 10px 0; } div#productUpgradesPanel div.productUpgradePanel h3 { padding: 0; margin: 0 0 10px 0; color:#333; font-size: 1em; } div#productUpgradesPanel div.productUpgradePanel input[type="radio"] {position:absolute;left:-5000px;} div#productUpgradesPanel div.productUpgradePanel input[type="radio"] + label{margin:0 0 10px 0;display:block;padding:5px 10px;text-align:left;font-weight:700;font-size:80%;color:#333;background-color: #eee; } div#productUpgradesPanel div.productUpgradePanel input[type="radio"] + label:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;content: '\f096'; font-size: 200%; color: #5ABB47; margin-right:10px; } div#productUpgradesPanel div.productUpgradePanel input[type="radio"]:checked + label{background-color:#5ABB47;color:#FFFFFF;border:0px inset #5ABB47;font-weight:700;font-size:80%;} div#productUpgradesPanel div.productUpgradePanel input[type="radio"]:checked + label:before{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;content: '\f046'; font-size: 200%; color: #FFFFFF; margin-right:10px; } div#productUpgradesPanel br { display:none; } .puOpen { margin: 0 0 0 10px; padding: 0 5px; background-color: #F90010; color: #FFFFFF; cursor: pointer; font-size: 90%; border: 1px outset #F90010; font-weight: bold; } /* Product Call mXb0sXpX mXbXsXpX TAB Styles */ div#productTabs { margin: 20px 0; } div.tabHeader { font-size: 120%; font-weight: bold; padding: 0; margin: 0; } div.tabHeader:hover { cursor: pointer; } div.activeTabHeading { } div.activeTabHeading div.tabLiner { color: #FFFFFF; background-color: #F90010; border: 0px solid #F90010; margin: 0 3% 0 0; padding: 2%; border-top-right-radius: 0; border-top-left-radius: 0; } div.inactiveTabHeading { } div.inactiveTabHeading div.tabLiner { color: #FFFFFF; background-color: #333; border: 0px solid #333; margin: 0 3% 0 0; padding: 2%; border-top-right-radius: 0; border-top-left-radius: 0; } div.activeTab { clear: left; margin: 0; padding: 2%; border: 1px solid #333; } aside#productPMRFormWrapper { } aside#productPMRFormWrapper h2 { margin-top: 0; } form#productPMRForm { margin: 20px 40px; padding: 0; } form#productPMRForm fieldset { margin: 20px 0; padding: 10px; } form#productPMRForm legend { font-weight: bold; } form#productPMRForm fieldset div { margin: 3px 0; padding: 3px 0; clear: both; } form#productPMRForm fieldset div lRoboto { display: block; float: left; width: 30%; padding: 3px 5px; margin: 0 0 5px 0; text-align: right; font-size: 100%; } form#productPMRForm fieldset div lRoboto.req { font-weight: bold; } form#productPMRForm input[type="text"] { width: 50%; } form#productPMRForm input[type="email"] { width: 50%; } form#productPMRForm input[type="url"] { width: 50%; } form#productPMRForm input#productPMFormSubmit { width: 100%; text-align: center; font-size: 120%; background-color: #5ABB47; border: 2px outset #5ABB47; color: #FFFFFF; line-height: 180%; } form#productPMRForm input.price { width: 20%; } form#productPMRForm input.pcode { width: 20%; } form#productPMRForm textarea { width: 100%; height: 3em; } aside#productReviewsWrapper { } aside#productReviewsWrapper h2 { margin-top: 0; } div#writeReview { } div#writeReview input[type="button"] { float: right; margin: 0 0 0 50px; background-color: #5ABB47; border: 2px outset #5ABB47; color: #FFFFFF; line-height: 180%; } div#productReviews { } div.productReview { width: 48%; float: left; } div#productReviews div.c0 { margin: 0 4% 20px 0; clear: left; } div#productReviews div.c1 { margin: 0 0 20px 0; } div.reviewScore { width: 33%; float: left; text-align: center; } div.reviewScore .scoreOn { color: #5ABB47; font-size: 140%; } div.reviewScore .scoreOff { color: #EDEDEE; font-size: 140%; } div.productReview h3 { margin: 0; padding: 0; } div.reviewAuthor { width: 33%; float: left; text-align: left; clear: left; font-size: 80%; } form#productReviewForm { margin: 20px 40px; padding: 0; } form#productReviewForm div { margin: 3px 0; padding: 3px 0; clear: both; } form#productReviewForm div lRoboto { display: block; float: left; width: 30%; padding: 3px 5px; margin: 0 0 5px 0; text-align: right; font-size: 100%; } form#productReviewForm div lRoboto.req { font-weight: bold; } form#productReviewForm input[type="text"] { width: 50%; } form#productReviewForm input[type="email"] { width: 50%; } form#productReviewForm textarea { width: 100%; height: 3em; } form#productReviewForm .scoreOn { color: #5ABB47; font-size: 200%; cursor: pointer; } form#productReviewForm .scoreOff { color: #EDEDEE; font-size: 200%; cursor: pointer; } /* Related Product Records */ div.relatedProduct { width:19%; text-align: center; float: left; margin: 1%; padding: 2%; } /* Product Upgrades */ div#productUpgradesDetailPanel { background-color: #F9F9F9; border: 2px outset #EDEDEE; margin: 10px 0; padding: 10px; } div.productUpgradeOption { background-color: #FFFFFF; border: 1px outset #EDEDEE; margin: 0 5px 5px 5px ; padding: 5px; } div.productUpgradeOptionImage { background-color: #FFFFFF; border: 0; margin: 0; padding: 0; float: right; } /* Product Cross-Selling */ aside#pwbtab { clear: both; font-size: 80%; } aside#pwvtav { clear: both; font-size: 80%; } aside#ymabii { clear: both; font-size: 80%; } article.crossSellProduct { width:19%; text-align: center; float: left; margin: 1%; padding: 2%; } article.crossSellProduct img { width:100%; } /* Product Comparisons */ #productComparison { font-size: 100%; } #productComparison table { font-size: 100%; border-collapse: separate; text-align: left; } #productComparison th.row { font-size: 100%; margin: 1px; border: 1px solid #333; text-align: left; background-color: #EDEDEE; font-weight:bold; vertical-align: top; } #productComparison th.col { font-size: 120%; margin: 1px; border: 1px solid #333; text-align: center; background-color: transparent; font-weight:bold; vertical-align: top; } #productComparison td { font-size: 100%; margin: 1px; border: 1px solid #EDEDEE; text-align: center; background-color: transparent; vertical-align: top; } #productComparison td.data { font-size: 100%; margin: 1px; border: 1px solid #EDEDEE; text-align: center; background-color: transparent; } #productComparison td.pricedata { font-size: 120%; } #productComparison td.pricedata, #productComparison td.commentdata, #productComparison td.yeardata, #productComparison td.alertdata { font-weight:bold; color: #F90010; background-color: transparent; } /* Offers Page Styles */ h1.offersPages { color: #333; padding-right: 0; padding-bottom: 1em; padding-left: 0; } div#offerRecords { } div#offerRecords div.offerProduct { width: 25%; float: left; } div#offerRecords div.offerProduct:nth-child(4n+1) { clear:left; } div#offerRecords div.offerProductWrapper { margin: 0 10px 20px 10px; padding: 0; background-color: transparent; color: #333; border-radius: 0; } div#offerRecords div.offerProductWrapper:hover { } div#offerRecords div.offerProductLocation { } div#offerRecords div.offerProductImage { margin: 0; } div#offerRecords div.offerProductImage img { width: 100%; display: block; } div#offerRecords div.offerProductDetail { padding: 0; } div#offerRecords div.offerProductComments { } div#offerRecords div.offerProductLink { } div#offerRecords div.offerProductBrand { color: #333; padding: 0 10px; font-size: 110%; } div#offerRecords div.offerProductBrand { color: #333; padding: 0 10px; font-size: 110%; text-align: center; } div#offerRecords div.offerProductModel { color: #333; padding: 0 10px; text-align: center; } div#offerRecords div.offerProductBrand a { color: #333; display: block; } div#offerRecords div.offerProductModel a { color: #333; display: block; } div#offerRecords div.offerProductAlert { color: #FFFFFF; margin: 5px 10px; padding: 5px; font-size: 60%; text-align: center; background-color: #F90010; border: 0px solid #F90010; } div#offerRecords div.offerProduct div.offerProductPrice section.pricing div.highPrice { } div#offerRecords div.offerProduct div.offerProductPrice section.pricing div.fillerPrice { } div#offerRecords div.offerProduct div.offerProductPrice section.pricing div.highPrice .colfff { } div#offerRecords div.offerProduct div.offerProductPrice section.pricing div.midPrice { } div#offerRecords div.offerProduct div.offerProductPrice section.pricing div.midPrice a { } div#offerRecords div.offerProduct div.offerProductPrice section.pricing div.onOfferPrice { } div#offerRecords div.offerProduct div.offerProductPrice section.pricing div.lowPrice { } div#offerRecords div.offerProduct div.offerProductPrice section.pricing div.savingsDisplay { } div#offerCategoriesCondensed { margin: 0 10px; } div#offerCategoriesCondensed a { display: block; margin: 0 0 1em 0; color: #333; background-color: transparent; font-weight: bold; } div#offerCategoriesCondensed a:hover { color: #F90010; background-color: transparent; } div#offerCategoriesCondensed i { color: #F90010; margin-right: 1em; } div#offerCategoriesCondensed span { color: #F90010; font-weight: normal; font-size: 80%; } div#offerCategories { padding: 20px 0; } div.offerCategory { width: 33.33%; float: left; } div.offerCategoryWrapper { margin: 0 10px 20px 10px; padding: 0; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; } div.offerCategoryImage { width: 100%; } div.offerCategoryImage img { width: 100%; display: block; } div.offerCategoryHeader { margin: 0 10px; background-color: #F90010; color: #FFFFFF; padding: 0 10px; font-weight: bold; font-size: 80%; line-height: 180%; border: 0px solid #F90010; border-top-right-radius: 0; border-top-left-radius: 0; } div.offerCategoryHeader a { font-weight: bold; color: #FFFFFF; } div.offerCategoryDetail { margin: 0; padding: 0; } #pagesPanelForProductsWideLiner div.offerCategoryDetail h2 { margin: 0; padding: 0; font-size: 100%; background-color: transparent; position: inherit; top: 0; left: 0; } div.offerCategoryDetail h2 a { display: block; line-height: 180%; background-color: #333; color: #FFFFFF; padding: 0 10px; font-weight: bold; border: 0px solid #333; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } div.offerCategoryDetail h2 a:hover { background-color: #F90010; } div.masterCategoryDetail p { display: none; } /* Search Result Styles */ div#searchResults { display:grid;grid-template-columns: auto auto auto auto; column-gap: 10px; row-gap: 10px; } div#searchResults div.searchResultProduct { background-color: #FFFFFF; display:grid; } div#searchResults div.searchResultProductWrapper { margin: 0 10px 20px 10px; padding: 0; } div#searchResults div.searchResultProductWrapper:hover { } div#searchResults div.searchResultProductImage { margin: 0; padding: 10px; border: 1px solid #ebebeb; border-radius: 0; background-color: #FFFFFF; } div#searchResults div.searchResultProductImage img { width: 100%; border: 0; margin: 0; padding: 0; } div#searchResults div.searchResultProductDetail { color: #333; } div#searchResults div.searchResultProductDetail h3 { font-size: 100%; } div#searchResults div.searchResultProductDetail h3 a { color: #333; } div#searchResults div.searchResultProductDetail h3 a:hover { color: #F90010; } /* Brand Pages Styles */ article#brand { } article#brand h1 { margin: 0 10px; text-align: center; font-weight: normal; color: #333; } article#brand hr { border: 2px solid #F90010; width: 80px; margin: 10px auto; } article#brand div.brandLogo { } article#brand div#brandDetail { } article#brand div#brandA2Z { } article#brand div#brandA2Z h3 { } article#brand div#brandExtraDetail { } article#brand div#brandWebLink { } /* A2Z List */ div#a2zBrands { } div#a2zBrands fieldset { padding: 10px 10px 10px 20px; margin: 5px; } div#a2zBrands fieldset legend { font-weight: bold; font-size: 120%; margin: 0 5px 20px 5px; } div#a2zProducts { } div#a2zProducts p.subcatInset { margin-left: 30px; } div#a2zProducts p.brandInset { margin-left: 60px; } div#a2zProducts p.brandInset a { margin-left: 30px; } /* Blocks Styles */ /* Main Blocks Panels are defined as part of Panels section */ div.blockBordered { } div.blockBordered h2 { } div.blockBordered h2 a { } div.blockBorderedLiner { } div.blockBorderedContent { } div.blockBorderedLiner form { } div.blockBordered div.blockReadMore, div.blockBorderless div.blockReadMore { margin: 10px 0 0 0; padding: 0; text-align: right; } div.blockBordered div.blockReadMore a, div.blockBorderless div.blockReadMore a { margin: 0; padding: 0 10% 0 0; display: block; text-transform: lowercase; font-weight: bold; background: transparent url('/images/blockReadMoreLink.png') no-repeat top right; background-size: 100%; line-height: 170%; } div.blockBorderless { } div.blockBorderless h2 { } div.blockBorderless h2 a { } div.blockBorderless h2 a:hover { } div.blockBorderlessLiner { } div.blockBorderlessContent { } /* Category/Subcategory Menu Block */ nav#categoryMenuBlock { } nav#categoryMenuBlock h2 { } div#categoryMenuBlockLiner { } nav#categoryMenuBlock div.blockBorderlessContent { } div.categoryGroupWrapper { } nav#categoryMenuBlock h5.categoryHeader { } nav#categoryMenuBlock h5.categoryHeader a { } nav#categoryMenuBlock h5.categoryHeader a:hover { } nav#categoryMenuBlock h5.categoryHeader a.categoryHeaderActive { } div.categoryGroupLiner { } div.categoryGroupContent { } nav#categoryMenuBlock a.subcategoryHeader { } nav#categoryMenuBlock a.subcategoryHeader:hover { } nav#categoryMenuBlock a.subcategoryHeader:last-child { } /* div.blockBorderless div.categoryGroupWrapper { background: #FFFFFF url('/images/catGroupBacking.png') no-repeat top center; font-size: 1em; margin: 0; position: relative; } div.blockBorderless div.categoryGroupWrapper h5.categoryHeader { background: transparent url('/images/catGroupH2.png') no-repeat bottom center; padding: 6px 4px 11px 4px; margin: 0; color: #FFFFFF; font-weight: bold; font-size: 0.8em; text-align: left;} div.blockBorderless div.categoryGroupWrapper h5.categoryHeader a { color: #FFFFFF; text-decoration: none; display: block; } div.blockBorderless div.categoryGroupLiner { margin: 0 0 5px 0; padding: 5px 1px 5px 1px; background: #FFFFFF url('/images/blockBorderlessCatGroupBackground.png') no-repeat bottom center; position: relative; top: -10px;} */ /* Search Box Block */ section#blockSearchBlock { } section#blockSearchBlock form { } section#blockSearchBlock form submit#blockSearchSubmit { } form#blockSubscribeForm { margin: 0; } form#blockSubscribeForm span { font-size: 80% } form#blockSubscribeForm input[type="email"] { width: 98%; } form#blockSubscribeForm input[type="image"] { background-color: transparent; margin: 0; padding: 0; border: 0; width: 100%; } /* Mailing List Box Block */ section#mailingListBlock { } section#mailingListBlock form { } section#mailingListBlock form submit#blockMLSubmit { } form#mailingListSignup { margin: 10px 0 0 0; } form#mailingListSignup span { font-size: 80% } form#mailingListSignup input[type="text"]#mlURL { display: none; } form#mailingListSignup input[type="email"] { width: 80%; background-color: #FFFFFF; border: 0px solid transparent; padding: 5px; margin-bottom: 10px; } form#mailingListSignup input[type="submit"]#blockMLSubmit { width: 60%; background-color: #171717; color: #FFFFFF; border: 0px solid transparent; padding: 5px; font-weight: bold; font-size: 100%; } /* Secure Ordering Block */ section#secureOrdering { } /* B4A Bikehub Block */ section#industryLinks { } /* Random Offer Block */ section#hotOffer { } /* Random Product Block */ section#hotProduct { } /* Brands List Block */ section#listOfBrands { } /* Brand Logos Block */ section#listOfBrandLogos { } /* Brand Logos Block */ section#latestAdditions { } /* Brand Logos Block */ section#popularProducts { } /* Brand Logos Block */ section#topSellers { } /* Brand Logos Block */ section#newsHeadlines { } form#quickJumpForm { margin: 0 0 20px 0; } form#blockSearch { margin: 0; } form#blockSearch input[type="text"] { width: 98%; } form#blockSearch input[type="image"] { background-color: transparent; margin: 0; padding: 0; border: 0; width: 100%; } /* Homepage Center Panel Styles */ div.highlightContainer { margin: 0 0 20px 0; width: 33.33%; float: left; } div.lastColumn div.highlightContainer { margin: 0 0 20px 0; } div.highlightContainer img { width: 100%; } div.highlightContainer2Up { margin: 0 0 20px 0; width: 50%; float: left; } div.lastColumn div.highlightContainer2Up { margin: 0 0 20px 0; } div.highlightContainer2Up img { width: 100%; } div.highlightContainer4Up { margin: 0 0 20px 0; width: 25%; float: left; } div.lastColumn div.highlightContainer4Up { margin: 0 0 20px 0; } div.highlightContainer4Up img { width: 100%; } div.superHighlightContainer { margin: 0 0 20px 0; } div.superHighlightContainer img { width: 100%; } div.pageSuperHighlightContainer { margin: 0 0 20px 0; } div.randomProductRecord { padding: 10px; margin: 0 10px 20px 10px; background-color: transparent; border: 0px solid #F2F7E4; } div.randomProductRecord:hover { background-color: #E4EFC7; border: 0px solid #E4EFC7; } div.randomProductRecord div.productImage { width: 28%; float: left; background-color: #FFFFFF; border: 0px solid #FFFFFF; padding: 10px; } div.randomProductRecord div.productImage img { width: 100%; } div.randomProductRecord div.productShopping { width: 65%; float: right; } div.randomProductRecord div.productText { width: 65%; float: right; } div.randomProductRecord section.pricing { } div.randomProductRecord div.productCrossLinks { width: 65%; float: right; } div.blockHighlight { margin: 0 10px 20px 10px; background-color: #FFFFFF; border: 0; border-radius: 0; } div.blockHighlight h2 { background-color: transparent; padding: 5px 0; margin: 0; color: #F90010; text-align: left; font-size: 100%; font-weight: 700; } div.blockHighlightLiner { margin: 0; padding: 0; background-color: transparent; } div.blockHighlightContent { margin: 0; padding: 10px; background-color: transparent; border: 1px solid #ebebeb; } div.blockHighlightContent img { width: 100%; } /* Alternative Random Product Blocks */ div.rpListing { width: auto; } div.rpListingLiner { margin: 0 10px 20px 10px; background-color: #FFFFFF; border: 1px solid #656868; border-radius: 0; } div.rpOnOffer { } div.rpImage { margin: 10px; } div.rpImage img { width: 100%; display: block; } div.rpDetail { padding: 10px 0 0 0; } div.rpBrand { color: #333; padding: 0 10px; font-size: 110%; } div.rpModel { color: #333; padding: 0 10px; min-height: 2.5em; } div.rpBrand a { color: #333; display: block; } div.rpModel a { color: #333; display: block; } div.rpPrice section.pricing div.highPrice { } div.rpPrice section.pricing div.fillerPrice { } div.rpPrice section.pricing div.highPrice .colfff { } div.rpPrice section.pricing div.midPrice { } div.rpPrice section.pricing div.midPrice a { } div.rpPrice section.pricing div.onOfferPrice { } div.rpPrice section.pricing div.lowPrice { } div.rpPrice section.pricing div.savingsDisplay { } div.blockNews { margin: 0; padding: 10px; background-color: #FFFFFF; border: 1px solid #656868; border-radius: 0; } div.blockNews h2 { font-family: 'Roboto', sans-serif; padding: 0 0 10px 0; margin: 0; color: #333; text-align: left; font-size: 100%; font-weight: 700; } div.blockNewsLiner { margin: 0; padding: 0; background-color: transparent; } div.blockNewsContent { margin: 0; padding: 2%; background-color: transparent; } div.newsStoryarticleRowStyle1 { background-color: #EDEDEE; margin: 0; padding: 1%; border: 0px solid #EDEDEE; } div.newsStoryarticleRowStyle2 { background-color: #FFFFFF; margin: 0; padding: 1%; } div.newsHeadlineImage { background-color: #FFFFFF; width: 21%; float: left; padding: 0; margin: 1% 2% 1% 0; border: 0px solid #FFFFFF; } div.newsHeadlineImage img { width: 100%; } div.newsHeadlineReadMore { background-color: transparent; width: 21%; float: right; padding: 1%; margin: 50px 1% 1% 1%; } div.newsHeadlineReadMore a { margin: 0; padding: 0 20px 0 0; display: block; text-transform: lowercase; text-align: right; font-weight: bold; } div.newsHeadlineSynopsis { background-color: transparent; width: 50%; float: left; font-size: 80%; } div.newsHeadlineSynopsis h3 { font-size: 125%; } div.newsHeadlineSynopsis .tiny { font-size: 80%; } div.newsHeadlineSynopsis .updated { color: #F90010; } div.blockBordered p, div.blockBorderless p, div.blockHighlight p, div.blockNews p { color: #404040; background-color: transparent; margin: 0; } div.blockBordered p.tiny, div.blockBorderless p.tiny, div.blockHighlight p.tiny, div.blockNews p.tiny { font-size: 100%; } /* News Block Styles */ div.newsStory { padding: 0; margin: 0; } div.newsStory:hover { } div.newsStoryListing { padding: 1%; margin: 1%; width: 68%; float: right; } div.newsStoryListing h3 { font-size: 110%; margin-bottom: 0; } div.newsStoryImage { padding: 0; margin: 0 0 10px 0; } div.newsStoryImage img { width: 100%; } /* Cart Defaults */ div#cartSummary { border:3px dashed #F90010; padding: 2px; } div#cartSummaryL { width: 50%; float: left; text-align: center; } div#cartSummaryR { width: 50%; float: right; text-align: right; font-size: 80%; } div.delRegionInfo { border: 2px solid #F90010; background-color: #EEEEEE; margin: 10px; padding: 10px; } div#cartHalt { background-color: #F90010; color: #FFFFFF; font-weight: bold; padding: 5px; margin: 0px 5px 5px 10px; text-align: left; font-size: 100%; } div#cartHalt ul.haltList { margin: 5px 5px 5px 20px; list-style: disc; } div#cartHalt ul.haltList li { background-color: transparent; color: #FFFFFF; font-weight: bold; font-size: 100%; } div.mwayCartReview { margin: 20px 0 0 0; border: 2px solid #6F206F; background-color: #F0E8F0; text-align: center; font-size: 100%; } div.p4lCartReview { margin: 20px 0 0 0; border: 2px solid #0095DA; background-color: #E5F4FB; text-align: center; font-size: 100%; } div.v12CartReview { margin: 20px 0 0 0; border: 2px solid #C0C400; background-color: #DFE17F; text-align: center; font-size: 100%; } div#statusTrack { background-color: #EEEEEE; border: 2px outset #CCCCCC; width: 20%; float: right; padding: 10px; text-align: center; font-size: 100%; } form#orderStatusQueryForm { margin: 20px 50px; padding: 20px; } form#orderStatusQueryForm fieldset { margin-top: 10px; margin-bottom: 10px; padding: 20px; } form#orderStatusQueryForm fieldset legend { font-weight: bold; } form#orderStatusQueryForm fieldset div { margin: 10px 0; padding: 5px 0; clear: left; } form#orderStatusQueryForm fieldset div lRoboto { display: block; float: left; width: 29%; padding: 0; margin: 0 1% 0 0; text-align: right; font-size: 100%; font-weight: bold; } form#orderStatusQueryForm fieldset div input { width: 50%; font-size: 100%; } /* Contacts Page */ div#cpLeft { margin: 0; padding: 0; width: 50%; float: left; } div#cpRight { margin: 0; padding: 0; width: 50%; float: right; } div#siteContacts { margin: 0; } div.siteContactsText { margin: 0; width: 50%; float: left; } div.siteContactsText dl { margin: 0 0 20px 0; } div.siteContactsText dl dt { color: #333333;font-size:140%; margin: 20px 0; } div.siteContactsText dl dd { margin: 0 0 20px 0; padding-left: 1em; } div.siteContactsText dl dd dl dt { color: #333333;font-size: 100%;display: block; margin: 0; padding: 0; width: 30%; float: left; clear: left; } div.siteContactsText dl dd dl dd { display: block; margin: 0; padding: 0; width: 70%; float: left; } div.siteContactsForm { margin: 0; width: 50%; float: left; } div.siteContactsForm form#Contact_Form { padding: 20px; background-color: #e1e1e1; } div.siteContactsForm form#Contact_Form lRoboto { font-weight: bold; display: block; margin: 0 0 10px 0; } div.siteContactsForm form#Contact_Form input[type="text"], div.siteContactsForm form#Contact_Form input[type="email"] { width: 98%; border: 1px solid #c2c2c2; border-radius: 5px; padding: 5px; } div.siteContactsForm form#Contact_Form input[type="tel"] { width: 50%; border: 1px solid #c2c2c2; border-radius: 5px; padding: 5px; } div.siteContactsForm form#Contact_Form textarea { width: 98%; height: 8em; border: 1px solid #c2c2c2; border-radius: 5px; padding: 5px; } div.siteContactsForm form#Contact_Form input.submit { font-family: 'Roboto', Helvetica, sans-serif; font-size: 150%; width: 50%; border: 0; background-color: #5ABB47; color: #FFFFFF; font-weight: bold; margin: 20px 0 0 0; } dl.openingTimes { } dl.openingTimes dt { width: 20%; float: left; } dl.openingTimes dd { }