/* */ /* Category page */ table.CategoryDescription { margin : 0 0 15px 0; border-collapse : collapse; width:100%; background-color: #ffffff; } table.CategoryDescription td { vertical-align : top; } table.CategoryDescription td h2 { border:0 none !important; color:#A80505; font-size:24px; font-weight:normal; margin:0 0 0 !important; padding:12px 12px 16px 12px !important; background:transparent url(/skins/SOHOS/img/border/featured_title.gif) repeat-x scroll right top; } table.CategoryDescription td.Description { padding : 16px; background:#FFFFFF url(/skins/SOHOS/img/border/black_corner.gif) no-repeat scroll right bottom } table.CategoryDescription td.Description div.RT { background:none !important; text-align : left; } 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; } /*** Tweak to show the black triangle on the featured product control ***/ div.FeaturedItems div.ProductTileCollection.Small { background: url("/Website/skins/sohos/img/border/black_corner.gif") no-repeat scroll right bottom #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; } /********************************************************** Product list view ***********************************************************/ div.ProductListCollection { background:url(/skins/SOHOS/img/border/black_corner.gif) no-repeat scroll right bottom #FFFFFF; margin-bottom:12px; padding-bottom: 1px; } table.ProductListItem { margin : 0; border-collapse : collapse; margin-bottom:40px; } table.ProductListItem td { padding : 10px; border-bottom : 1px dotted #D7D8D9; vertical-align : top; } /* Product image styles */ table.ProductListItem td.ThumbCol { width : 75px; padding : 8px 0 10px 8px; text-align : center; border-top : 0 none; border-bottom : 0 none; } 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 none; text-align : center; vertical-align : middle; border-bottom : 1px dotted #d7d8d9; } table.ProductListItem td.EnlargeCell a.Enlarge /* IE6 specific : Store-ie6.css */ { padding : 0 0 0 15px; background : url(/skins/SOHOS/img/product/list_enlarge_bg.png) no-repeat left center; color : #000000; 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; border-top : 0 none; border-bottom : 0 none; text-align : left; } table.ProductListItem td.Details h4 { margin : 0 0 8px 0; padding : 0px; font-size : 1.1em; color : #000000; line-height:17px; } 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-top : 0; border-bottom : 1px dotted #d7d8d9; } 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; color: #666666; } table.ProductListItem .PriceDetails div.RRPSection { text-align : center; margin : 0 0 5px 0; font-size : 9px; } table.ProductListItem .PriceDetails .PriceLabel { display : block; text-align : center; font-size : 11px; font-weight : bold; margin: 0 0 3px 0; } table.ProductListItem .PriceDetails .Price { display : block; text-align : center; font-size : 20px; font-weight : bold; margin: 0 0 10px 0; } table.ProductListItem .PriceDetails span.SavingLabel { text-align : center; display : block; margin: 0 0 5px 0; } /* 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 { margin-top : 8px; float : right; width : 136px; height : 23px; display : block; background : url(/skins/SOHOS/img/buttons/more_info_button.gif); } table.ProductListItem td a.MoreInfoButton span.Label { display : none; } /************************************************ Product tile view **************************************************/ div.ProductTileCollection { background : #ffffff; padding-bottom : 42px; margin-bottom : 15px; background : #ffffff url(/skins/SOHOS/img/border/black_corner.gif) no-repeat bottom right; } table.ProductTileCollectionTable { width : 100%; border-bottom : 1px solid #E6E6E6; } table.ProductTileCollectionTable td { width : 50%; } 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 #dfdee7; } table.ProductTile { width : 95%; float : left; border-collapse : collapse; } table.ProductTile td { border : 0px; } /* Header styles */ table.ProductTile thead tr th { padding : 0 5px; text-align : left; } table.ProductTile thead tr th h4 { margin : 0 0 10px 0; padding : 10px 10px 3px; color : #000000; font-size : 1.1em; line-height:19px; } /* Product image styles */ table.ProductTile td.ThumbCol { padding : 0 0 0 10px; text-align : left; } table.ProductTile td.ThumbCol a { margin-right: 10px; border:1px solid #f1f1f1; } 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; float:left; display:block; margin:0 -10px 0 8px; padding:3px 0; } table.ProductTile div.RatingsSection span.ReviewRating img { vertical-align : middle; } /* Product details styles */ table.ProductTile td.ProductDetails { padding : 0 5px 5px 0; text-align: left; } table.ProductTile td.ProductDetails p.ProductDescription { margin : 0 0 10px 0; font-size : 11px; } table.ProductTile td.ProductDetails div.PriceDetails { margin : 0 0 9px 0; } table.ProductTile td.ProductDetails input.BuyButton { margin-bottom : 8px; } td.ProductDetailsDiv a.MoreInfoButton, table.ProductTile td.ProductDetails a.MoreInfoButton, table.ProductTile a.MoreInfoButton { width : 136px; height : 23px; display : block; background : url(/skins/SOHOS/img/buttons/more_info_button.gif); margin-top : 2px; } td.ProductDetailsDiv a.MoreInfoButton span.Label, table.ProductTile td.ProductDetails a.MoreInfoButton span.Label, table.ProductTile 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 10px 33px 13px; background : #ffffff url(/skins/SOHOS/img/border/black_corner.gif) no-repeat bottom right; margin-bottom:76px; text-align : left; } div #CategoryTiles table { margin-bottom : 5px; } div #CategoryTiles table tr td { padding : 0px; margin : 0px; } div.CategoryTile { width : 187px; height : 100%; margin : 0 9px 0 0; position : relative; } div.CategoryTile.CatTileRight { margin : 0 0 10px 0; } /* Category corner */ div.CategoryTile span.Corner { width : 3px; height : 3px; position : absolute; display : block; } div.CategoryTile span.tl { top : -1px; left : -1px; } div.CategoryTile span.tr { top : -1px; right : -1px; } /* Category header */ div.CategoryTile div.Header { background: #696969 url(/skins/SOHOS/img/border/tile_header.gif) top left no-repeat; margin : 0 2px 0 0; } div.CategoryTile div.Header h4 { margin : 0; padding : 10px; color : #000000; font-size : 1em; line-height : 15px; } div.CategoryTile div.Header h4 a { color : #ffffff; text-decoration : none; } div.CategoryTile div.Header h4 a:hover { text-decoration : underline; } /* Category tile contents */ div.CategoryTile div.TileContent table { width : 99%; height : 110px; margin-top: -1px; } div.CategoryTile div.TileContent table td { margin : 0; padding : 0; vertical-align : middle; color : #000000; } div.CategoryTile div.TileContent table td.ImageCell { text-align:left; vertical-align:middle; width:170px; z-index:50; border-left: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; } div.CategoryTile div.TileContent table td.ImageCell a img { padding-bottom : 5px; padding-left : 6px; } div.CategoryTile div.TileContent table td.ViewButtonCell { text-align : right; z-index:100; position:relative; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; } a.ViewSubCatButton { width : 80px; height : 18px; margin-top : 0px; display : block; float : right; background : url(/skins/SOHOS/img/buttons/viewcontentsbutton.png) no-repeat left top; } a.ViewProductButton { width : 64px; height : 17px; margin-top : 0px; display : block; float : right; background : url(/skins/SOHOS/img/buttons/viewcontentsbutton.png) no-repeat left top; margin-right : 12px; } a.ViewProductButton:hover, a.ViewSubCatButton:hover { background : url(/skins/SOHOS/img/buttons/viewcontentsbutton_over.png) 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/SOHOS/img/product/no_image.jpg) no-repeat center center; } span.NoImageList { width : 70px; height : 70px; display : block; background : #fff url(/skins/SOHOS/img/product/no_image_thumb.jpg) no-repeat center center; } /*********************************************************** View all styles ************************************************************/ div.ViewAllLinks { padding : 0; margin:-65px 0 21px 0; } a.ViewAllCategoriesLink { width : 153px; height : 21px; margin : 6px 0 8px 8px; display : block; background : url(/skins/SOHOS/img/buttons/viewallcategoriesbutton.gif) no-repeat center center; float : left; clear : both; } a.ViewAllCategoriesLink span.Label, a.ViewAllProductsLink span.Label { display : none; } div.FeaturedItems div.EmptyFooter p a, div.FeaturedItems div.NoFeaturedProductsViewAll p a { width : 108px; height : 20px; margin : 0 22px 0 0; display : block; background : url(/skins/SOHOS/img/buttons/viewallproductsbutton.gif) no-repeat center center; float : right; clear : both; font-size: 0px; color: transparent !important; text-decoration : none; } div.FeaturedItems div.NoFeaturedProductsViewAll p a {margin-top:-50px;} div.FeaturedItems div.EmptyFooter p a:hover { font-size : 1px; color : #ffffff; text-decoration : none; } /*********************************************************** Featured Items *************************************************************/ div.FeaturedItems { height : 100%; margin-top : 6px; margin-bottom : 6px; border-width : 0 1px 1px 1px; position : relative; clear : both; } div.FeaturedItems div.Header { background: url(/skins/SOHOS/img/border/featured_title.gif) repeat-x right top; margin: 0; height: 49px; } .Layout .BodyContent .ContentPad div.FeaturedItems div.Header h2 { margin: 12px 0 0; border: 0; padding: 11px; font-weight: normal; font-size: 24px; color: #a80505; } 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 { padding : 0px 10px; } div.FeaturedItems div.EmptyFooter div p { padding : 0; margin:-47px 0 21px 0; } div.FeaturedItems div.NoFeaturedProductsViewAll { } div.FeaturedItems div.NoFeaturedProductsViewAll div { padding : 8px 10px; } 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; color : #000000; text-decoration : none; } div.FeaturedItems div.NoFeaturedProductsViewAll div p a:hover { text-decoration : underline; } div.FeaturedItems div.Footer { background : url(/skins/blank/img/border/tile_fbl.gif) left bottom no-repeat; } div.FeaturedItems div.Footer div { background : url(/skins/blank/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/SOHOS/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: 100%; background-color: #ffffff; border-bottom: 1px solid #e7e7e7; } table.Sorting tr td { padding : 5px 13px; vertical-align : middle; color : #000000; } table.Sorting tr td a { padding-top : 2px; padding-bottom : 2px; color : #000000; text-decoration : none; } table.Sorting tr td a:hover { color : #c40606; text-decoration : underline; } table.Sorting tr td.SortControl { text-align : left; padding: 12px 0 12px 10px; } 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.ViewControl { text-align : right; border-right: 1px solid #DFDEE7; } 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 { border-collapse:separate; margin: 0; width: 600px; background-color: #ffffff; } table.SearchFactors th { margin : 0; padding : 0; background-color : #4f4f4f; color : #666666; text-align : left; vertical-align : top; } table.SearchFactors th div.Header { padding : 6px 5px 7px; } table.SearchFactors th div.Header span.HeadingLabel { color : #ffffff; } table.SearchFactors th.CategoryHeaderCell div.Header span.HeadingLabel { margin-right : 3px; display : block; float : left; color : #ffffff; } table.SearchFactors td a.SelectedName { background: #F2EEDC; border:1px solid #DFDEE7; color: #000000; 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-right : 3px solid #ffffff; border-left : 3px solid #ffffff; height : 22px; width : 50%; } table.SearchFactors th.BrandHeaderCell, table.SearchFactors th.PriceHeaderCell { width:25%; } table.SearchFactors th.BrandHeaderCell { border-right : 3px solid #ffffff; } table.SearchFactors th.PriceHeaderCell { border-right : 3px solid #ffffff; } 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 #C9C9C9; height:100px; margin:0; overflow-x:hidden; overflow-y:scroll; padding:4px; } table.SearchFactors td.CategoryCell div.Options { width : 272px; text-align : left; margin-right : 3px; border-color : #e7e7e7; margin-bottom : 3px; margin-left : 3px; } table.SearchFactors td.BrandCell div.Options { width : 146px; text-align : left; margin-right : 3px; border-color : #e7e7e7; margin-bottom : 3px; } table.SearchFactors td.PriceCell div.Options { width : 145px; text-align : left; border-color : #e7e7e7; margin-bottom : 3px; margin-right : 3px; } 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; font-size: 11px; } 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 : #000000;*/ } .Layout td .SearchTerms input { height : 17px; margin-right : 2px; } .SearchPanel { background-color : #ffffff; padding-top : 12px; } .SearchTerms { padding-left : 5px; padding-right : 0; } /************************************************************ All Brands Page************************************************************/ div.BrandGridSection { background:url(/skins/SOHOS/img/border/black_corner.gif) no-repeat scroll right bottom #FFFFFF; margin-bottom:12px; padding-bottom : 1px; } table.BrandGrid { width : 100%; border-right : 0 solid white; border-collapse : collapse; margin-bottom:39px; } table.BrandGrid td { width : 33%; padding : 8px; border-right : 1px dotted #c9c9c9; border-bottom : 1px dotted #c9c9c9 !important; text-align : center; } table.BrandGrid td.LastRowCell { border-bottom : 0; } table.BrandGrid td.Last { border-right : 0px; } table.BrandGrid td div.BrandDetails { width : 183px; 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 ****************************************************************/ .PriceDetails div.RRPSection { font-size:0; margin-top : 2px; } .PriceDetails div.RRPSection label { font-size : 9px; } .PriceDetails div.RRPSection span { font-size : 9px; } table.ProductTile td.ProductDetails div.PriceDetails span.PriceLabel { padding : 2px 0 3px 0; display : block; font-size : 12px; font-weight : bold; color: #000; text-transform:uppercase; } .PriceDetails .Price { color : #a80505; font-size : 21px; font-weight : normal; margin: 5px 0 10px 0; } .PriceDetails .Label { display : none; } .PriceDetails span.SavingLabel { display : block; margin-top : 10px; } .PriceDetails span.SavingLabel span.SavingPrice { color : #676767; } .PromotionSavingLabel { clear:left; display:block; padding:5px 0 0 10px; font-size:14px; font-weight:bold; color : #c40606; } .PromotionListLabel { clear:left; display:block; padding:5px 0 0 0; font-size:12px; font-weight:bold; color : #c40606; }