/* */ /* Category page */ table.CategoryDescription { margin : 0 0 15px 0; border-collapse : collapse; width:100%; } table.CategoryDescription td { vertical-align : top; } table.CategoryDescription td.Description { padding : 0; } table.CategoryDescription td.Description h4 { margin : 0 0 10px 0; padding : 0; font-size : 1.2em; } a.MastHead { margin-bottom : 10px; display:block; text-align : center; } /*** small variation ***/ div.ProductTileCollection.Small { border-right : 0; border-left : 0; background : #ffffff; } div.ProductTileCollection.Small table.ProductTileCollectionTable td { width : 25%; } div.ProductTileCollection.Small table.ProductTile { width: auto; } div.ProductTileCollection.Small table.ProductTile thead tr th { margin:0; } div.ProductTileCollection.Small table.ProductTile thead tr th h4 { margin:0; height:54px; } div.ProductTileCollection.Small table.ProductTile div.RatingsSection { text-align:left; } div.ProductTileCollection.Small table.ProductTile td.ProductDetails div.PriceDetails { margin : 0 0 0 0; } div.ProductTileCollection.Small table.ProductTile td.ProductDetails div.PriceDetails span.PriceLabel { display:none; } div.ProductTileCollection.Small .PriceDetails span.Price { padding:0; } .RRPSection { color: #c3c3c3; margin: 0 0 4px 0; } /********************************************************** Product list view ***********************************************************/ div.ProductListCollection { border-color: #CCE7F0; border-style: solid; border-width: 0 2px; width: 578px; } table.ProductListItem { margin: 0; border-collapse: collapse; background-color: #ffffff; } table.ProductListItem td { padding : 10px; border-top : 1px solid #cce7f0; vertical-align : top; } /* Product image styles */ table.ProductListItem td.ThumbCol { width: 75px; padding: 10px 0 10px 10px; text-align: center; } table.ProductListItem td.ThumbCol img { display : block; } table.ProductListItem td.ThumbCol a { outline : none; } table.ProductListItem td.EnlargeCell { width : 75px; padding : 0 0 10px 8px; border-top : 0; text-align : center; vertical-align : middle; } table.ProductListItem td.EnlargeCell a.Enlarge /* IE6 specific : Store-ie6.css */ { padding : 0 0 0 15px; background : url(/skins/towels/img/product/list_enlarge_bg.png) no-repeat left center; color : #94c8da; font-size : 9px; text-decoration : none; } table.ProductListItem td.EnlargeCell a.Enlarge:hover { text-decoration : underline; } /* Product details styles */ table.ProductListItem td.Details { width : 220px; } table.ProductListItem td.Details h4 { margin : 0 0 5px 0; padding : 0px; font-size : 1.1em; color : #94c8da; } table.ProductListItem td.Details p { margin : 0 0 10px 0; font-size : 0.8em; } /* Product personalisation styles */ table.ProductListItem td.Details div.Icons img { vertical-align : middle; } table.ProductListItem td.RatingCell { border-top: 0 none; padding: 0 10px 18px; } table.ProductListItem td.RatingCell span.RatingLabel { vertical-align : middle; font-size : 10px; font-weight : bold; } table.ProductListItem td.RatingCell img { vertical-align : middle; } /* Product price styles */ table.ProductListItem td.PriceDetails { width : 95px; text-align : center; } table.ProductListItem .PriceDetails div.RRPSection { text-align : center; } table.ProductListItem .PriceDetails .PriceLabel { display : block; text-align : center; font-size : 11px; font-family : Arial, Verdana, Sans-Serif; font-weight : bold; } table.ProductListItem .PriceDetails .Price { display : block; text-align : center; font-size : 20px; font-family : Arial, Verdana, Sans-Serif; font-weight : bold; } table.ProductListItem .PriceDetails span.SavingLabel { text-align : center; display : block; } /* Customer buttons */ table.ProductListItem td.ProductControls { text-align : right; width : 130px; } table.ProductListItem td.ProductControls input.BuyButton { margin-bottom : 8px; } table.ProductListItem td a.MoreInfoButton { width : 66px; height : 19px; margin-top : 4px; display : block; float : right; background : url(/skins/towels/img/buttons/more_info_button.png); } table.ProductListItem td a.MoreInfoButton span.Label { display : none; } /************************************************ Homepage Product tile view **************************************************/ div.FeaturedItems div.ProductTileCollection { background: url(/skins/towels/img/border/temp/FeaturedTop.gif) no-repeat 0 0; width: 582px; padding: 15px 0 0 0; } div.FeaturedItems table.ProductTileCollectionTable { background: url(/skins/towels/img/border/temp/FeaturedBottom.gif) no-repeat bottom left; height: 12px; border-collapse: collapse; border-right: 0 solid white; } div.FeaturedItems table.ProductTileCollectionTable td { width : 50%; border-right: 1px solid #cde9f3; padding: 8px 6px 0; } div.FeaturedItems table.ProductTileCollectionTable td.Last { border-right: 0 none; padding: 8px 6px 0; width: 50%; } div.FeaturedItems table.ProductTileCollectionTable tr.SeperatorRowTop td { height : 6px; border : 0; } div.FeaturedItems table.ProductTileCollectionTable tr.SeperatorRowBottom td { height : 6px; border : 0; border-top : 1px solid #cde9f3; } div.FeaturedItems table.ProductTile { width: 95%; margin: 6px 12px 10px; float: left; border-collapse: collapse; } div.FeaturedItems table.ProductTile td { border : 0px; } /* Header styles */ div.FeaturedItems table.ProductTile thead tr th { padding: 0; text-align: left; } div.FeaturedItems table.ProductTile thead tr th h4 { color: #93c6d8; font-size: 16px; font-weight: bold; margin: 0 0 5px; padding: 0; } /* Product image styles */ div.FeaturedItems table.ProductTile td.ThumbCol { padding: 0; text-align: center; } div.FeaturedItems table.ProductTile td.ThumbCol a { margin: 0 8px 0 0; text-align: center; } div.FeaturedItems table.ProductTile div.RatingsSection { margin-top : 10px; text-align : center; } div.FeaturedItems table.ProductTile div.RatingsSection span.RatingLabel { padding-top : 1px; font-size : 9px; font-weight : bold; vertical-align : middle; } div.FeaturedItems table.ProductTile div.RatingsSection span.ReviewRating img { vertical-align : middle; } /* Product details styles */ div.FeaturedItems table.ProductTile td.ProductDetails { padding : 2px 10px 0 0; } div.FeaturedItems table.ProductTile td.ProductDetails p.ProductDescription { margin : 0 0 12px 0; font-size : 12px; color: #a5a5a5; } div.FeaturedItems table.ProductTile td.ProductDetails div.PriceDetails { margin : -5px 0 9px 0; } div.FeaturedItems table.ProductTile td.ProductDetails input.BuyButton { margin-bottom : 8px; } div.FeaturedItems td.ProductDetailsDiv a.MoreInfoButton, div.FeaturedItems table.ProductTile td.ProductDetails a.MoreInfoButton { width : 66px; height : 19px; display : block; background : url(/skins/towels/img/buttons/more_info_button.png); } div.FeaturedItems td.ProductDetailsDiv a.MoreInfoButton span.Label, div.FeaturedItems table.ProductTile td.ProductDetails a.MoreInfoButton span.Label { display : none; } /* Product personalisation styles */ div.FeaturedItems table.ProductTile td.Icons { width : 100px; padding : 5px; text-align : center; } div.FeaturedItems table.ProductTile td.Icons img { vertical-align : middle; } div.FeaturedItems hr.Separator { margin : 5px; border : dotted 1px #ccc; clear : both; } /************************************************ Product tile view **************************************************/ div.ProductTileCollection { width: 582px; padding: 0; } table.ProductTileCollectionTable { background: url(/skins/towels/img/border/temp/FeaturedBg.gif) repeat-y bottom left; height: 12px; border-collapse: collapse; border-right: 0 solid white; } table.ProductTileCollectionTable td { border-right: 1px solid #CDE9F3; padding: 8px 8px 12px; width: 50%; } table.ProductTileCollectionTable td.Last { border: 0; padding: 8px 8px 12px; width: 50%; } table.ProductTileCollectionTable tr.SeperatorRowTop td { height : 6px; border : 0; } table.ProductTileCollectionTable tr.SeperatorRowBottom td { height : 6px; border : 0; border-top : 1px solid #cde9f3; } table.ProductTile { border-collapse: collapse; float: left; margin: 8px; width: 95%; } table.ProductTile td { border : 0px; } /* Header styles */ table.ProductTile thead tr th { padding: 0; text-align: left; } table.ProductTile thead tr th h4 { color: #93c6d8; font-size: 16px; font-weight: bold; margin: 0 0 5px; padding: 0; } /* Product image styles */ table.ProductTile td.ThumbCol { padding: 0; text-align: center; } table.ProductTile td.ThumbCol a { margin: 0; } table.ProductTile div.RatingsSection { margin-top : 10px; text-align : center; } table.ProductTile div.RatingsSection span.RatingLabel { padding-top : 1px; font-size : 9px; font-weight : bold; vertical-align : middle; } table.ProductTile div.RatingsSection span.ReviewRating img { vertical-align : middle; } table.ProductTile td.ThumbCol.MoreInfo { padding: 7px 0 0; } /* Product details styles */ table.ProductTile td.ProductDetails { padding : 2px 10px 0 0; } table.ProductTile td.ProductDetails p.ProductDescription { margin : 0 0 12px 0; font-size : 12px; color: #a5a5a5; } table.ProductTile td.ProductDetails div.PriceDetails { margin : -5px 0 9px 0; } table.ProductTile td.ProductDetails input.BuyButton { margin-bottom : 8px; } td.ProductDetailsDiv a.MoreInfoButton, table.ProductTile td.ProductDetails a.MoreInfoButton { width : 66px; height : 19px; display : block; background : url(/skins/towels/img/buttons/more_info_button.png); } td.ProductDetailsDiv a.MoreInfoButton span.Label, table.ProductTile td.ProductDetails a.MoreInfoButton span.Label { display : none; } /* Product personalisation styles */ table.ProductTile td.Icons { width : 100px; padding : 5px; text-align : center; } table.ProductTile td.Icons img { vertical-align : middle; } hr.Separator { margin : 5px; border : dotted 1px #ccc; clear : both; } /********************************************************* Category tile view ***********************************************************/ div#CategoryTiles { padding : 8px 0 0 0; } div.CategoryTile { margin: 0 12px 16px 0; width: 186px; } div.CategoryTile.CatTileRight { margin : 0 0 12px 0; } /* Category header */ div.CategoryTile div.Header { margin: 0 0 8px; } div.CategoryTile div.Header h4 { margin: 0; padding: 0; text-align: center; } div.CategoryTile div.Header h4 a { border: 0 none; color: #65b2ce; display: inline; font-family: Georgia; font-size: 12px; font-style: italic; margin: 0; padding: 0 8px 0 0; font-weight: normal; text-decoration: none; } div.CategoryTile div.Header h4 a:hover { text-decoration : underline; } /* Category tile contents */ div.CategoryTile div.TileContent table { width : 100%; /*height : 209px;*/ } div.CategoryTile div.TileContent table td { margin : 0; padding : 0; vertical-align : middle; color : #94c8da; } div.CategoryTile div.TileContent table td div.ImageCell { text-align:left; vertical-align:middle; width:170px; z-index:50; border: 2px solid #cce7f0; } div.CategoryTile div.TileContent table td div.ViewButtonCell { position: relative; text-align: center; width: 100%; z-index: 100; } div.CategoryTile div.TileContent table td div.ViewButtonCell a { display: inline-block; margin: 0 auto; padding: 9px 0; } a.ViewSubCatButton { background: url(/skins/towels/img/buttons/viewcontentsbutton.png) no-repeat left top; height: 30px; left: 93px; position: absolute; top: 162px; width: 101px; z-index: 999; } a.ViewProductButton { background: url(/skins/towels/img/buttons/viewcontentsbutton.png) no-repeat left top; height: 30px; left: 93px; position: absolute; top: 162px; width: 101px; z-index: 999; } a.ViewSubCatButton span.Label, a.ViewProductButton span.Label { display : none; } /* Category corner */ div.TileContent { background-color: #FFFFFF; position: relative; } div.TileContent span.Corner.tl { left: -2px; position: absolute; top: -2px; } div.TileContent span.Corner.tr { right: -2px; position: absolute; top: -2px; } div.TileContent span.Corner.bl { left: -2px; position: absolute; bottom: -2px; } div.TileContent span.Corner.br { right: -2px; position: absolute; bottom: -2px; } /*********************************************************** No image styles ************************************************************/ span.NoImage { width : 125px; height : 125px; display : block; background : #fff url(/skins/towels/img/product/no_image.jpg) no-repeat center center; } span.NoImageList { width : 70px; height : 70px; display : block; background : #fff url(/skins/towels/img/product/no_image_thumb.jpg) no-repeat center center; } /*********************************************************** View all styles ************************************************************/ div.ViewAllLinks { } a.ViewAllCategoriesLink { width : 131px; height : 21px; margin : 0 0 10px 0; display : block; background : url(/skins/blank/img/buttons/viewallcategoriesbutton.gif) no-repeat center center; float : right; clear : both; } a.ViewAllProductsLink { width : 108px; height : 20px; margin : 0 10px 10px 0; display : block; background : url(/skins/blank/img/buttons/viewallproductsbutton.jpg) no-repeat center center; float : right; clear : both; } a.ViewAllCategoriesLink span.Label, a.ViewAllProductsLink span.Label { display : none; } /*********************************************************** Featured Items *************************************************************/ div.FeaturedItems { position : relative; clear : both; margin: 2px 0 0; } table.PagingControl.Header { background: url(/skins/towels/img/border/temp/FeaturedTop.gif) no-repeat top left; padding: 6px 0 0; border-bottom: 1px solid #cce7f0; } table.PagingControl.Footer { background: url(/skins/towels/img/border/temp/FeaturedBottom.gif) no-repeat bottom left; padding: 6px 0 0; border-top: 1px solid #cde9f3; } div.FeaturedItems div.Header { margin: 0 0 8px 0; padding: 0 !important; background: none !important; } div.FeaturedItems div.Header div { background: url(/skins/towels/img/border/temp/TitleBGF.gif) no-repeat 0 0; height: 23px; padding: 5px 0; } .Layout .BodyContent .ContentPad div.FeaturedItems div.Header h2 { background: url(/skins/towels/img/border/temp/BodyBg.jpg) repeat 0 0; border: 0 none; color: #65B2CE; display: inline; font-family: Georgia; font-size: 19px; font-style: italic; margin: 0; padding: 0 8px 0 0; } div.FeaturedItems div.Header h2 a { color : #ffffff; text-decoration : none; } div.FeaturedItems div.Header h2 a:hover { text-decoration : underline; } div.FeaturedItems div.EmptyFooter { } div.FeaturedItems div.EmptyFooter div { } div.FeaturedItems div.EmptyFooter div p { height : 4px; margin : 0; padding : 0; } div.FeaturedItems div.FullFooter { } div.FeaturedItems div.FullFooter div { } div.FeaturedItems div.FullFooter div p { margin: 0; padding: 0; text-align: right; } div.FeaturedItems div.FullFooter div p a { color: #94C8DA; display: block; float: right; font-family: georgia; font-size: 16px; margin: 12px 0 10px; padding: 0; text-decoration: none; } div.FeaturedItems div.NoFeaturedProductsViewAll { } div.FeaturedItems div.NoFeaturedProductsViewAll div { } div.FeaturedItems div.NoFeaturedProductsViewAll div p { background: url(/skins/towels/img/border/temp/TitleBGF.gif) no-repeat scroll 0 0 transparent; height: 23px; padding: 5px 0 10px; } div.FeaturedItems div.NoFeaturedProductsViewAll div p a { background: url(/skins/towels/img/border/temp/BodyBg.jpg) repeat scroll 0 0 transparent; border: 0 none; color: #65B2CE; display: inline; float: right; font-family: Georgia; font-size: 16px; font-style: italic; font-weight: normal; margin: 4px 0 0; padding: 0 0 0 9px; text-decoration : none; } div.FeaturedItems div.NoFeaturedProductsViewAll div p a:hover { text-decoration : underline; } div.FeaturedItems div.Footer { background : url(/skins/towels/img/border/tile_fbl.gif) left bottom no-repeat; } div.FeaturedItems div.Footer div { background : url(/skins/towels/img/border/tile_fbr.gif) right bottom no-repeat; } div.FeaturedItems div.Footer div p { text-align : right; } div.FeaturedItems div.Footer a { padding-left : 14px; background : transparent url(/skins/towels/img/product/View_All_Link_BG.png) no-repeat left 5px; color : #ffffff; font-size : 10px; text-decoration : none; } div.FeaturedItems div.Footer a:hover { text-decoration : underline; } /*********************************************************** Sorting control ************************************************************/ table.Sorting { width: 582px; background-color: #e5f3f7; } table.Sorting tr td { padding : 5px 13px; vertical-align : middle; color : #65b2ce; } table.Sorting tr td a { padding-top : 2px; padding-bottom : 2px; color : #65b2ce; text-decoration : none; } table.Sorting tr td a:hover { text-decoration : underline; } table.Sorting tr td.SortControl { text-align : left; border-left: 2px solid #CCE7F0; } table.Sorting tr td.SortControl span.Label { padding : 0px; background : none; } table.Sorting tr td.SortControl span { background: url(/skins/towels/img/border/temp/sort_control_link_spacer.gif) no-repeat right center; padding-right: 7px; padding-left: 5px; } table.Sorting tr td.SortControl span.Last { background: none; } table.Sorting tr td.SortControl span a.Asc, table.Sorting tr td.SortControl span a.Desc { padding-right: 10px; font-weight: bold; } table.Sorting tr td.SortControl span a.Asc:hover, table.Sorting tr td.SortControl span a.Desc:hover { text-decoration: underline; } table.Sorting tr td.SortControl span a.Asc { background: url(/skins/towels/img/border/temp/down_arrow.gif) no-repeat right center; } table.Sorting tr td.SortControl span a.Desc { background: url(/skins/towels/img/border/temp/up_arrow.gif) no-repeat right center; } table.Sorting tr td.ViewControl { text-align: right; border-right: 2px solid #CCE7F0; } table.Sorting tr td.ViewControl a { margin-right : 3px; padding-right : 23px; } table.Sorting tr td.ViewControl a:hover { text-decoration : underline; } table.Sorting tr td.ViewControl a.List { background : url(/skins/towels/img/border/temp/list_link_bg.gif) no-repeat right center; } table.Sorting tr td.ViewControl a.Tile { background : url(/skins/towels/img/border/temp/tile_link_bg.gif) no-repeat right center; } /************************************************************ Search factors ************************************************************/ table.SearchFactors { border-collapse: separate; border-spacing: 0; margin: -1px 0 8px; width: 100%; } table.SearchFactors th { margin : 0; padding : 0; color : #94c8da; text-align : left; vertical-align : top; background-color: #E5F3F7; } table.SearchFactors th div.Header { padding : 4px 5px; } table.SearchFactors th.CategoryHeaderCell div.Header span.HeadingLabel { margin-right : 3px; display : block; float : left; color : #94c8da; } table.SearchFactors td a.SelectedName { background: #F2EEDC; border:1px solid #DFDEE7; color: #94c8da; display:block; font-weight:bold; margin: 1px 0 5px 0; padding:2px 3px 4px; text-decoration:none; } table.SearchFactors td a.SelectedName img { float:right; } table.SearchFactors th.CategoryHeaderCell { border-left: 1px solid #CCE7F0; border-right: 1px solid #CCE7F0; border-top: 1px solid #CCE7F0; height: 22px; width: 50%; } table.SearchFactors th.BrandHeaderCell, table.SearchFactors th.PriceHeaderCell { border-left: 1px solid #CCE7F0; border-right: 1px solid #CCE7F0; border-top: 1px solid #CCE7F0; width: 25%; } table.SearchFactors th.CategoryHeaderCell span.HeadingLabel { } table.SearchFactors th.CategoryHeaderCell span.SelectedName { width : 200px; } table.SearchFactors th.BrandHeaderCell span.SelectedName, table.SearchFactors th.PriceHeaderCell span.SelectedName { width : 70px; } table.SearchFactors th.CategoryHeaderCell span.SelectedName img, table.SearchFactors th.BrandHeaderCell span.SelectedName, table.SearchFactors th.PriceHeaderCell span.SelectedName { vertical-align : middle; } table.SearchFactors td { margin : 2px; padding : 0px; } table.SearchFactors td div.Options { border: 1px solid #CCE7F0; background: #ffffff; height: 100px; margin: 0; overflow-x: hidden; overflow-y: scroll; padding: 4px; } table.SearchFactors td.CategoryCell div.Options { width : 418px; } table.SearchFactors td.BrandCell div.Options { width : 144px; } table.SearchFactors td.PriceCell div.Options { width : 144px; } table.SearchFactors td div.Options a.CategoryLink, table.SearchFactors td div.Options a.BrandLink, table.SearchFactors td div.Options a.PriceLink { margin-bottom : 2px; display : block; margin-left: 3px; } table.SearchFactors td div.Options span.SelectedCategory, table.SearchFactors td div.Options span.SelectedBrand, table.SearchFactors td div.Options span.SelectedPrice { margin-bottom : 2px; display : block; font-weight : bold; } table.SearchFactors td div.Options a span.Count { /*color : #94c8da;*/ } .Layout td .SearchTerms input { height: 18px; margin: 2px 0 0; } /************************************************************ All Brands Page ***********************************************************/ div.BrandGridSection { border-right : 2px solid #cce7f0; border-left : 2px solid #cce7f0; } table.BrandGrid { width : 100%; border-right : 0 solid white; border-collapse : collapse; background-color: #ffffff; } table.BrandGrid td { width : 33%; border-right : 1px solid #cce7f0; border-bottom : 1px solid #cce7f0; text-align : center; } table.BrandGrid td.LastRowCell { border-bottom : 0; } table.BrandGrid td.Last { border-right : 0px; } table.BrandGrid td div.BrandDetails { width : 192px; height : 100px; padding-top : 20px; text-align : center; } table.BrandGrid td div.BrandDetails a.BrandNameLink { margin : 0 0 10px 0; display : block; text-align : center; font-weight : bold; text-decoration : none; } table.BrandGrid td div.BrandDetails a.BrandNameLink:hover { text-decoration : underline; } /*************************************************************** Pricing ****************************************************************/ .RRPSection, .PriceDetails div.RRPSection label, .PriceDetails div.RRPSection span { font-size : 9px; } table.ProductTile td.ProductDetails div.PriceDetails span.PriceLabel { padding : 2px 0 0 0; display : block; font-size : 12px; font-family : Arial, Verdana, Sans-Serif; font-weight : normal; color: #e27b9e; } .PriceDetails .Price { color : #e27b9e; font-size : 18px; font-family : Arial, Verdana, Sans-Serif; font-weight : bold; } .PriceDetails .Label { display : none; } .PriceDetails span.SavingLabel { display: block; font-size: 11px; color : #65b2ce; } .PriceDetails span.SavingLabel span.SavingPrice { font-size: 11px; color : #65b2ce; } .PromotionSavingLabel { clear:left; display:block; padding:5px 0 0 0; font-size:14px; font-weight:bold; color : #65b2ce; } .PromotionListLabel { clear:left; display:block; padding:5px 0 0 0; font-size:12px; font-weight:bold; color : #65b2ce; }