/* Category page */ table.CategoryDescription { width : 100%; margin : 0; border-collapse : collapse; } 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; } /*** small variation ***/ div.ProductTileCollection.Small { border-right : 0; border-left : 0; background : #fff; } 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:36px; } 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; } /********************************************************** Product list view ***********************************************************/ div.ProductListCollection { border-right : 1px solid #ccc; border-left : 1px solid #ccc; } table.ProductListItem { margin : 0; border-collapse : collapse; } table.ProductListItem td { padding : 10px; border-top : dotted 1px #ccc; vertical-align : top; } /* Product image styles */ table.ProductListItem td.ThumbCol { width : 75px; padding : 8px 0 10px 8px; 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/ITSW/img/product/list_enlarge_bg.png) no-repeat left center; 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 : 12px; } 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; padding-top : 0; } table.ProductListItem td.RatingCell span.RatingLabel { vertical-align : middle; font-size : 9px; font-weight : bold; } table.ProductListItem td.RatingCell img { vertical-align : middle; } /* Product price styles */ table.ProductListItem td.PriceDetails { width : 140px; text-align : center; font-size : 11px; } 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; } table.ProductListItem td.ProductControls input.BuyButton { margin-bottom : 8px; } table.ProductListItem td a.MoreInfoButton { width : 92px; height : 15px; display : block; float : right; background : url(/skins/ITSW/img/buttons/more_info_button.png); } table.ProductListItem td a.MoreInfoButton span.Label { display : none; } /************************************************* Product tile view *************************************************/ div.ProductTileCollection { border-right : 1px solid #ccc; border-left : 1px solid #ccc; background : #fff; } table.ProductTileCollectionTable { border-right : 0 solid white; border-collapse : collapse; } table.ProductTileCollectionTable td { width : 50%; border-right : 1px dotted #ccc; } table.ProductTileCollectionTable td.Last { border-right : 0px; } table.ProductTileCollectionTable tr.SeperatorRowTop td { height : 6px; border : 0; } table.ProductTileCollectionTable tr.SeperatorRowBottom td { height : 6px; border : 0; border-top : 1px dotted #ccc; } table.ProductTile { width : 289px; margin : 5px; float : left; border-collapse : collapse; } table.ProductTile td { border : 0px; } /* Header styles */ table.ProductTile thead tr th { padding : 5px; text-align : left; } table.ProductTile thead tr th h4 { margin : 0 0 5px 0; padding : 0px; font-size : 1.1em; } /* Product image styles */ table.ProductTile td.ThumbCol { width : 120px; padding : 5px; } /* Product details styles */ table.ProductTile td.ProductDetails { padding : 5px; font-size : 0.8em; } table.ProductTile td.ProductDetails p.ProductDescription { margin : 0 0 10px 0; } table.ProductTile td.ProductDetails div.PriceDetails { margin : 0 0 10px 0; } table.ProductTile td.ProductDetails div.PriceDetails p { margin : 0; font-size : 1.4em; font-weight : bold; } table.ProductTile td.ProductDetails div.PriceDetails div.PriceIncVAT { margin : 0 0 2px 0; color : #f89938; font-size : 2.4em; font-weight : bold; } table.ProductTile td.ProductDetails div.PriceDetails div.PriceExVAT { line-height : 0.4em; padding-bottom : 8px; } table.ProductTile td.ProductDetails input.BuyButton { margin-bottom : 8px; } td.ProductDetailsDiv a.MoreInfoButton, table.ProductTile td.ProductDetails a.MoreInfoButton { width : 92px; height : 15px; display : block; background : url(/skins/ITSW/img/buttons/more_info_button.png); } td.ProductDetailsDiv a.MoreInfoButton, table.ProductTile td.ProductDetails a.MoreInfoButton, td.gallery a.MoreInfoButton { width : 92px; height : 15px; display : block; background : url(/skins/ITSW/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 { 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 : 0 2px; } div.CategoryTile { width : 195px; height : 100%; margin : 0 3px 12px 3px; border : solid 1px #dddddd; position : relative; } div.CategoryTile.CatTileLeft { margin : 0 3px 12px 0; } div.CategoryTile.CatTileRight { margin : 0 0 12px 3px; } /* Category corner */ div.CategoryTile span.Corner { width : 3px; height : 3px; position : absolute; display : block; } div.CategoryTile span.tl { top : -1px; left : -1px; background : url(/skins/ITSW/img/category/child_category_corner_tl.gif) no-repeat left top; } div.CategoryTile span.tr { top : -1px; right : -1px; background : url(/skins/ITSW/img/category/child_category_corner_tr.gif) no-repeat right top; } div.CategoryTile span.bl { bottom : -1px; left : -1px; background : url(/skins/ITSW/img/category/child_category_corner_bl.gif) no-repeat left bottom; } div.CategoryTile span.br { bottom : -1px; right : -1px; background : url(/skins/ITSW/img/category/child_category_corner_br.gif) no-repeat right bottom; } /* Category header */ div.CategoryTile div.Header { background : #386d9e url(/skins/ITSW/img/category/child_category_header_bg.png) repeat-x left top; } div.CategoryTile div.Header h4 { margin : 0; padding : 5px 10px; font-size : 1em; color : #fff; } div.CategoryTile div.Header h4 a { color : #fff; text-decoration : none; } div.CategoryTile div.Header h4 a:hover { text-decoration : underline; } /* Category tile contents */ div.CategoryTile div.TileContent { padding : 5px; background : #fff url(/skins/ITSW/img/category/category_tile_bg.gif) no-repeat 0 1px; } div.CategoryTile div.TileContent table { width : 100%; height : 110px; } div.CategoryTile div.TileContent table td { padding : 5px; vertical-align : middle; color : #7f7f7f; } div.CategoryTile div.TileContent table td.ImageCell { width : 90px; text-align : center; } div.CategoryTile div.TileContent table td.ViewButtonCell { height : 19px; padding : 2px 5px; } a.ViewSubCatButton { width : 75px; height : 15px; display : block; background : #fff url(/skins/ITSW/img/buttons/viewcontentsbutton.jpg) no-repeat left top; } a.ViewSubCatButton:hover { background : #fff url(/skins/ITSW/img/buttons/viewcontentsbutton_over.jpg) no-repeat left top; } a.ViewProductButton { width : 75px; height : 15px; display : block; background : #fff url(/skins/ITSW/img/buttons/viewcontentsbutton.jpg) no-repeat left top; } a.ViewProductButton:hover { background : #fff url(/skins/ITSW/img/buttons/viewcontentsbutton_over.jpg) no-repeat left top; } a.ViewSubCatButton span.Label, a.ViewProductButton span.Label { display : none; } /*********************************************************** No image styles ************************************************************/ span.NoImage { width : 125px; height : 125px; display : block; background : #fff url(/skins/ITSW/img/product/no_image.jpg) no-repeat center center; } span.NoImageList { width : 70px; height : 70px; display : block; background : #fff url(/skins/ITSW/img/product/no_image_thumb.jpg) no-repeat center center; } /*********************************************************** View all styles ************************************************************/ div.ViewAllLinks { padding : 0; clear : both; } a.ViewAllCategoriesLink { width : 118px; height : 15px; margin : 5px 0 10px 5px; display : block; background : url(/skins/ITSW/img/buttons/viewallcategoriesbutton.jpg) no-repeat center center; float : right; clear : both; } a.ViewAllProductsLink { width : 118px; height : 15px; margin : 0 10px 10px 0; display : block; background : url(/skins/ITSW/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 { height : 100%; margin-top : 0; margin-bottom : 6px; position : relative; } div.FeaturedItems div.Header { background : #4475A3 url(/skins/ITSW/img/border/tile_tl.gif) no-repeat left top; } #BodyContent div.FeaturedItems div.Header h2 { margin : 0; padding : 5px 10px; background : url(/skins/ITSW/img/border/tile_tr.gif) right top no-repeat; color : #fff; font-size : 1em; } div.FeaturedItems div.Header h2 a { color : #fff; text-decoration : none; } div.FeaturedItems div.Header h2 a:hover { text-decoration : underline; } div.FeaturedItems div.NoFeaturedProductsViewAll { background : url(/skins/ITSW/img/border/view_all_products_bg_l.gif) left bottom no-repeat; } div.FeaturedItems div.NoFeaturedProductsViewAll div { padding : 5px 10px; background : url(/skins/ITSW/img/border/view_all_products_bg_r.gif) right bottom no-repeat; } div.FeaturedItems div.NoFeaturedProductsViewAll div p { margin : 0; padding : 0; text-align : right; } div.FeaturedItems div.NoFeaturedProductsViewAll div p a { padding : 0 18px 0 0; background : url(/skins/ITSW/img/border/View_All_Products_Link_BG.png) right center no-repeat; color : #58595d; text-decoration : none; } div.FeaturedItems div.NoFeaturedProductsViewAll div p a:hover { text-decoration : underline; } /*********************************************************** Sorting control ************************************************************/ table.Sorting { width : 100%; } table.Sorting tr td { padding : 5px 13px; vertical-align : middle; color : #434446; font-size : 9px; } table.Sorting tr td a { padding-top : 2px; padding-bottom : 2px; color : #434446; text-decoration : none; } table.Sorting tr td a:hover { color : #848283; text-decoration : underline; } table.Sorting tr td.SortControl { border-left : solid 1px #ccc; background : #E0DFDF url(/skins/ITSW/img/border/header_controls_row_bg.gif) repeat-x left bottom; text-align : left; } table.Sorting tr td.SortControl span.Label { padding : 0px; background : none; } table.Sorting tr td.SortControl span { background : url(/img/userviewcontrol/sort_control_link_spacer.png) no-repeat right center; padding-right : 6px; padding-left : 6px; } 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 : transparent url(/img/userviewcontrol/down_arrow.png) no-repeat right center; } table.Sorting tr td.SortControl span a.Desc { background : transparent url(/img/userviewcontrol/up_arrow.png) no-repeat right center; } table.Sorting tr td.BrandControl { background : #E0DFDF url(/skins/ITSW/img/border/header_controls_row_bg.gif) repeat-x left bottom; } table.Sorting tr td.ViewControl { border-right : solid 1px #ccc; background : #E0DFDF url(/skins/ITSW/img/border/header_controls_row_bg.gif) repeat-x left bottom; text-align : right; } 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(/img/userviewcontrol/list_link_bg.png) no-repeat right center; } table.Sorting tr td.ViewControl a.Tile { background : url(/img/userviewcontrol/tile_link_bg.png) no-repeat right center; } /************************************************************ Search factors ************************************************************/ table.SearchFactors { width : 100%; margin : -1px 0 8px; border-collapse : separate; } table.SearchFactors th { margin : 2px; padding : 4px; border : 1px solid #E5E5E5; background : url(/skins/ITSW/img/border/h3_bg.gif) top left repeat-x #ededed; text-align : left; vertical-align : middle; } table.SearchFactors th span { margin-right : 3px; display : block; float : left; } table.SearchFactors th span.SelectedName { font-weight : normal; } table.SearchFactors th.CategoryHeaderCell { width : 50% } table.SearchFactors th.BrandHeaderCell, table.SearchFactors th.PriceHeaderCell { width : 25% } table.SearchFactors th.CategoryHeaderCell span.SelectedName { width : 200px; } table.SearchFactors th.BrandHeaderCell span.SelectedName, table.SearchFactors th.PriceHeaderCell span.SelectedName { width : 75px; } 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 { height : 100px; margin : 0; padding : 4px; border : 1px solid #C9C9C9; overflow-y : scroll; overflow-x : hidden; } 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; } 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; } /************************************************************ All Brands Page************************************************************/ div.BrandGridSection { border-right : 1px solid #c9c9c9; border-left : 1px solid #c9c9c9; } table.BrandGrid { width : 100%; border-collapse : collapse; } table.BrandGrid td { padding : 8px; border-bottom : 1px dotted #c9c9c9; border-right : 1px dotted #c9c9c9; text-align : center; } table.BrandGrid td.LastRowCell { border-bottom : 0; } table.BrandGrid td.Last { border-right : 0px; } table.BrandGrid td div.BrandDetails { width : 184px; 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; color :#848484; font-weight : bold; text-decoration : none; } table.BrandGrid td div.BrandDetails a.BrandNameLink:hover { text-decoration : underline; } /*************************************************************** Pricing ****************************************************************/ .PriceDetails div.RRPSection { color : #969696; font-size:0; } .PriceDetails div.RRPSection label { font-size : 9px; } .PriceDetails div.RRPSection span { font-size : 9px; text-decoration : line-through; } table.ProductTile td.ProductDetails div.PriceDetails span.PriceLabel { padding : 2px 0; display : block; font-size : 11px; font-family : arial,verdana,sans-serif; font-weight : bold; } .PriceDetails .Price { color : #F89938; font-size : 19px; font-family : arial,verdana,sans-serif; font-weight : bold; } .PriceDetails .Label { display : none; } .PriceDetails span.SavingLabel { display : block; } .PriceDetails span.SavingLabel span.SavingPrice { color : #FF6D18; }