/* */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font-family : Georgia,"Times New Roman",Times,serif; font-size: 12px; color:#696969; } body { line-height: 1; font-family : Georgia,"Times New Roman",Times,serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } html { height:100%; } body { background:black; height:100%; } table.border { width:100%; height:100%; } td.borderLeft { width:99999px; background:url(/skins/SOHOS/img/border/left_back.jpg) top right no-repeat; } td.borderRight { width:99999px; background:url(/skins/SOHOS/img/border/right_back.jpg) top left no-repeat; } td.borderMiddle { width:1px; vertical-align:top; } table.borderMiddle { width:990px; } td.borderTop { background:url(/skins/SOHOS/img/border/top_rep.gif); } td.borderTop div { background:url(/skins/SOHOS/img/border/top_left.gif); float:left; height:53px; width:215px; overflow:hidden; } td.borderTop span { background:url(/skins/SOHOS/img/border/top_right.gif); float:right; height:53px; width:608px; overflow:hidden; } div.middleWidthSpacer { width:990px; overflow:hidden; height:1px; } td.headTop { background:url(/skins/SOHOS/img/border/head_top_right.gif) top right no-repeat; color:white; padding-right:12px; text-align:right; padding:14px; } td.headTop span { background:url(/skins/SOHOS/img/border/head_top_left.gif); height:38px; width:183px; overflow:hidden; float:left; } p { margin : 0 0 10px 0; padding : 0; text-align : left; color : #696969; font-family : Georgia,"Times New Roman",Times,serif; font-size : 12px; list-style : disc inside none; line-height : 18px; } a { color : #696969; } a[onclick] { text-decoration : underline; cursor : pointer; } a:hover { color : #a80505; text-decoration : none; } #DefineWidth { margin : 0 auto; width:991px; background:#fff; } .Layout { width : 100%; border-collapse : collapse; } .Layout .LeftNav .LeftAdverts div { text-align: center; margin-left: 6px; margin-bottom: 8px; } .Layout .RightNav .RightAdverts div { text-align: center; margin-right: 6px; margin-bottom: 8px; } .Layout .BodyContent .ContentPad table.PersonaliseTable div.WizardSideSection h2 { margin-bottom: 0px; font-size: 1em; } /******************************************************* Header ******************************************************/ /* Main logo*/ .Layout td.LogoCell { width : 190px; padding : 12px 20px 0 20px; text-align: left; } .Layout .LogoCell img { vertical-align : bottom; padding-bottom: 4px; } /* Promotional header advert */ .PromoCell { margin-left : 8px; margin-right : 8px; margin-top : 2px; padding : 0 10px 0 10px; text-align: left; } /* Tertiary Navigation Section */ .Layout td.TertiaryNavCell { text-align:right; padding: 14px 15px 15px 15px !important; width: 315px; } .Layout td.TertiaryNavCell a { text-decoration: none; } .Layout td.TertiaryNavCell a.tertiaryfirstlink { padding-left: 15px; border-left: 0px; } .Layout .TertiaryNavCell div.LogoutControl { margin-top : 12px; text-align : right; margin-bottom:8px; } .Layout .TertiaryNavCell div.LogoutControl a { margin-left: 0px; padding-left: 0px; border-left: 0px; text-decoration: underline; cursor : pointer; } .Layout .TertiaryNavCell div.helpline { padding: 0 0 13px 0 !important; } .Layout .TertiaryNavCell div.helpline .helplinenumber:link, .Layout .TertiaryNavCell div.helpline .helplinenumber:active, .Layout .TertiaryNavCell div.helpline .helplinenumber:visited { color: #ffffff; font-size: 21px; font-weight: bold; } /******************************************************** Menu *******************************************************/ .TopNav { background:url(/skins/SOHOS/img/border/top_back_drop.jpg) } .Layout #Menu { text-align : center; padding-bottom: 9px; } .Layout #Menu .RadMenu_Default { background : transparent; } .Layout #Menu .RadMenu_Default .rmRootGroup { border : none; background:transparent; margin: 0 0 0 4px; } .Layout #Menu .RadMenu_Default .rmHorizontal .rmItem { } .Layout #Menu .RadMenu_Default .rmSlide .rmVertical .rmItem { border: 0px !important; background: #a80505 !important; } .Layout #Menu .RadMenu_Default .rmItem { } .Layout #Menu .RadMenu_Default .rmItem.rmFirst:hover, .Layout #Menu .RadMenu_Default .rmItem.rmFirst.hover { } .Layout #Menu .RadMenu_Default .rmText /* IE6 specific : Store-ie6.css */ { height : 33px; float : left; } .Layout #Menu .RadMenu_Default .rmItem .rmSlide { border : 0 !Important; margin: 0 0 0 3px; padding: 5px 0 0 0; } .Layout #Menu .RadMenu_Default .rmItem .rmSlide ul.rmGroup li.rmFirst div.rmText { background:none; margin-top:4px; } .Layout #Menu .RadMenu_Default .rmItem .rmSlide ul.rmGroup li.rmFirst div.rmText a { background:none; margin-top: -3px; } .Layout #Menu .RadMenu_Default .rmItem .rmSlide ul.rmGroup li.rmFirst:hover { background:none; } .Layout #Menu .RadMenu_Default .rmItem .rmSlide ul.rmGroup li div.rmText { background:none; } .Layout #Menu .RadMenu_Default .rmItem .rmSlide ul.rmGroup li div.rmText a { background:none; } .Layout #Menu .RadMenu_Default .rmItem .rmSlide ul.rmGroup { padding-bottom:5px; padding-top:2px; margin-top:4px; background: #a80505 !important; } .Layout #Menu .RadMenu_Default .rmItem .rmLevel1 { background : #ffffff; } .Layout #Menu .RadMenu_Default .rmText a { height : 42px; padding : 0 10px 0 10px; color : #ffffff; font-size : 16px; line-height : 42px; text-decoration : none; display : block; float : left; } .RadMenu .rmHorizontal .rmText { padding : 0 !important; } .Layout #Menu .RadMenu_Default .rmItem:hover .rmText a { background: url(/skins/SOHOS/img/border/menu_drop.gif) no-repeat scroll 1px -5px transparent; } .Layout #Menu .RadMenu_Default .rmSlide .rmText { width : 180px; height : auto; } .Layout #Menu .RadMenu_Default .rmSlide .rmText a { width : 162px; height : auto; padding : 5px 8px; font-weight : normal; line-height : 14px; font-size : 15px; color: #ffffff; } .Layout #Menu .RadMenu_Default .rmSlide .rmText a:hover { font-weight: normal; text-decoration : underline; } .Layout #Menu .RadMenu_Default div.rmSlide ul.rmVertical.rmGroup.rmLevel1 { border : 0; text-align: left; } /***************************************************** SearchBar *****************************************************/ .Layout #SearchCont { width:239px; } .Layout #SearchBar { height:25px; font-weight:bold; font-size:11px; background : url(/skins/SOHOS/img/border/searchbar.gif) top left no-repeat #ffffff; margin: 7px 0 0 8px; width: 196px; padding: 0 0 0 24px; } #SearchBar a { text-decoration: none; margin-top:7px; font-weight:normal; float:left; } #SearchBar a.SearchButton { margin-top:3px; margin-left:-14px; margin-right:10px; } .Layout #SearchBar input { margin: 5px 0 0 0; width: 165px; font-size:11px; } .Layout #SearchBar input.SearchButton { margin-top: -1px; margin-left: 0px; height: 26px; width: 31px; padding: 0px !important; } .Layout #SearchBar select, .Layout #SearchBar input, .Layout #SearchBar label { border:0 white; float:left; display:block; font-size:12px; font-family:Georgia; } .Layout #SearchBar select { margin:6px 16px 0 0; border:1px solid #cccccc; height:18px; vertical-align:middle; line-height:14px; } .Layout #SearchBar label { margin-top : 9px; margin-right : 6px; margin-left : 7px; } .Layout #SearchBar div.InputFrame { margin-right:16px; border: 2px solid #D7D7D9; background-color:#ffffff; float:left; margin-top:6px; width:244px; padding-left:10px; } .Layout #SearchBar div.InputFrame span, .Layout #SearchBar div.InputFrame div { height:16px; width:6px; } .Layout #Widgets { float:right; } .Layout #SearchBar div.InputFrame span { float:right; } .Layout #SearchBar div.InputFrame div { float:left; } /**************************************************************** Widgets ****************************************************************/ #SearchBar div.UserWidgets { float : right; font-weight : bold; line-height : 27px; } #SearchBar a:hover { text-decoration : underline; } #SearchBar div.UserWidgets div.Sep { width : 1px; height : 22px; margin : 4px 8px; border-right : 1px solid #b7b7b7; vertical-align : top; float : left; background : white; } #SearchBar div.UserWidgets a.EmailFriend, #SearchBar div.UserWidgets div.Bookmark /* IE specific : Store-ie.css */ { margin : 2px 12px 0 0; padding : 0 17px 0 0; float : left; } .Layout td.BreadCrumbs a.EmailFriend { margin-right : 0; background : url(/skins/SOHOS/img/border/widget_email.gif) no-repeat center left; padding:0 0 0 22px; } .Layout td.BreadCrumbs a.EmailFriend:hover { margin-right : 0; background : url(/skins/SOHOS/img/border/widget_email_over.gif) no-repeat center left; padding:0 0 0 22px; color:#fff; } #SearchBar div.UserWidgets div.Bookmark { background : url(/skins/blank/img/border/widget_bookmark.gif) no-repeat center right; position : relative; } #SearchBar div.UserWidgets div.Bookmark a { margin-top : 0; font-weight : bold; font-size : 10.5px; } #SearchBar div.VatTypeSelection { display : inline-block; float : left; } #SearchBar div.UserWidgets div.VatTypeSelection div, #SearchBar div.UserWidgets div.VatTypeSelection a { display : block; float : left; font-size : 10.5px; } #SearchBar div.UserWidgets div.VatTypeSelection div { padding :2px 4px 0 4px; } #SearchBar div.UserWidgets div.VatTypeSelection div.Sep { padding :0; } #SearchBar div.UserWidgets div.VatTypeSelection a { height:18px; margin-top:7px; } #SearchBar div.VatTypeSelection a span.Label { display : none; } #SearchBar div.VatTypeSelection a.IncVatButton { width : 32px; background : url(/skins/SOHOS/img/buttons/vat_toggle_inc.png); } #SearchBar div.VatTypeSelection a.IncVatButton:hover { background : url(/skins/SOHOS/img/buttons/vat_toggle_inc_hover.png); } #SearchBar div.VatTypeSelection a.ExcVatButton { width : 34px; background : url(/skins/SOHOS/img/buttons/vat_toggle_exc.png); } #SearchBar div.VatTypeSelection a.ExcVatButton:hover { background : url(/skins/SOHOS/img/buttons/vat_toggle_exc_hover.png); } #SearchBar div.VatTypeSelection a.IncVatButtonSelected { width : 30px; background : url(/skins/SOHOS/img/buttons/vat_toggle_inc_hover.png); cursor : default; } #SearchBar div.VatTypeSelection a.ExcVatButtonSelected { width : 31px; background : url(/skins/SOHOS/img/buttons/vat_toggle_exc_hover.png); cursor : default; } /**************************************************************** Bookmarks ***************************************************************/ div.BookmarkContextMenu { display : none; width : 516px; position : absolute; top : -3px; right : -25px; z-index : 50000; } div.BookmarkContextMenu .top /* IE6 specific : Store-ie6.css */ { height : 9px; background : url(/skins/blank/img/border/bookmarkmenu_base.png) no-repeat; overflow : hidden; } div.BookmarkContextMenu .bottom /* IE6 specific : Store-ie6.css */ { height : 15px; background : url(/skins/blank/img/border/bookmarkmenu_bottom.png); } div.BookmarkContextMenu h3 { background : url(/skins/blank/img/border/bookmarkmenu_top.png) no-repeat bottom right; height : 32px; margin-right : 17px; padding-right : 25px; text-align : right; font-weight : bold; cursor : pointer; color : #ffffff; line-height : 33px; overflow : hidden; } div.BookmarkContextMenu div.BookmarkLinks /* IE6 specific : Store-ie6.css */ { padding : 0 0 0 15px; background : url(/skins/blank/img/border/bookmarkmenu_middle.png); clear : both; } div.BookmarkContextMenu div.BookmarkLinks a { width : 100px; padding : 4px 0 4px 20px; display : block; float : left; text-decoration : none; line-height :20px; background : no-repeat 0px 2px; } #SearchBar div.BookmarkContextMenu div.BookmarkLinks a img { padding-right : 5px; vertical-align : middle; } #SearchBar div.BookmarkContextMenu div.BookmarkLinks a.MoreLink, #SearchBar div.BookmarkContextMenu div.BookmarkLinks a.LessLink { width : 460px; padding-left : 21px; border-top:1px dotted #c7c7c7; display : block; float : none; clear : both; line-height : 20px; } #SearchBar div.BookmarkContextMenu div.BookmarkLinks a.MoreLink:focus, #SearchBar div.BookmarkContextMenu div.BookmarkLinks a.LessLink:focus { outline : 0; } div.BookmarkContextMenu div.BookmarkLinks a.MoreLink { background : transparent url(/skins/blank/img/border/bookmark_more.gif) no-repeat center left; } div.BookmarkContextMenu div.BookmarkLinks a.LessLink { background : transparent url(/skins/blank/img/border/bookmark_less.gif) no-repeat center left; border-bottom : 1px dotted #9c9c9c; } /*************************************************************** Breadcrumbs **************************************************************/ .Layout td.BreadCrumbs { padding : 11px 16px 4px 16px; cursor : default; font-weight: bold; color: #7f7f7f; text-align: left; line-height: 16px; } .Layout td.BreadCrumbs a { text-decoration : none; font-weight: normal; } /**************************************************************** Side Nav ****************************************************************/ .Layout td.LeftNav { width : 179px; padding : 5px; } .Layout .LeftNav .SideNavSection { width : 170px; margin : 0 0 8px 6px; } .Layout td.RightNav { width : 179px; padding : 5px; } .Layout .RightNav .SideNavSection { width : 170px; margin : 0 6px 8px 0; } .Layout .SideNavParentLink { margin : 0 0 0 6px; background: url(/skins/SOHOS/img/border/category_header.gif) top left no-repeat; padding : 12px 6px 16px 10px; text-align: left; } .Layout .SideNavParentLink a { background : url(/skins/SOHOS/img/border/sidenav_parent_r.gif) 133px 0 no-repeat; font-weight : normal; text-decoration : none; color : #ffffff; font-size : 18px; text-align: left; display: block; padding : 0 18px 0 0; } div.SideNavSection div.Content a img { padding : 1px 0 0 5px; vertical-align : middle; float : right; } .Layout td.LeftNav .SecondaryNavChildList .Header { background : none; line-height : 20px; } .Layout td.LeftNav .SecondaryNavChildList .Header h2 { background : none; color : #696969; font-size : 14px; padding : 0 6px 0 10px; margin : -4px 0 -8px 0; } .Layout td.LeftNav .SecondaryNavChildList .Header h2 a:hover { text-decoration : underline; } .Layout .SideNavSection .Header { background: url(/skins/SOHOS/img/border/category_header.gif) top left no-repeat; margin: 0; padding-top:10px; padding-bottom:16px; } .Layout .SideNavSection .Header h2 { padding: 2px 6px 0 10px; font-weight: normal; text-decoration: none; color: #ffffff; font-size: 18px; } .Layout .SideNavSection.SecondaryNavCat .Header h2 { padding: 0 6px 0 10px; margin : 0; } .Layout .SideNavSection.Informational .Header h2 { padding: 3px 6px 5px 10px; } .Layout .SideNavSection .Header h2 a { font-weight: normal; text-decoration: none; color: #ffffff; font-size: 24px; } .Layout .SideNavSection .Content { line-height: 16px; background:url(/skins/SOHOS/img/border/category_bg.jpg) top left no-repeat; padding-bottom:5px; } .Layout .SideNavSection .Content a { padding : 4px 5px 4px 10px; display : block; text-decoration : none; color: #ffffff; font-size: 12px; text-align: left; } .Layout .SideNavSection .Content a:hover { text-decoration : underline; } .Layout .SideNavSection .Content.RecentlyViewed a, .Layout .SideNavSection .Content.BestSellers a, .Layout .SideNavSection .Content.NewProducts a { padding : 4px 5px 4px 10px; border-bottom : 1px dotted #d3d4d7; color : #696969; display : block; text-decoration : none; min-height: 22px; } .Layout .SideNavSection .Content.RecentlyViewed a.LastLink, .Layout .SideNavSection .Content.BestSellers a.LastLink, .Layout .SideNavSection .Content.NewProducts a.LastLink { border-bottom : 1px solid #e5e5e5; } .Layout .SideNavSection .Content.RecentlyViewed a:hover, .Layout .SideNavSection .Content.BestSellers a:hover, .Layout .SideNavSection .Content.NewProducts a:hover { color : #696969; text-decoration : underline; } .Layout .SideNavSection .Content a.SelectedCategory, .Layout .SideNavSection .Content a.SelectedInformationPage { color : #696969; font-weight : bold; } .Layout .SideNavSection .Content .LastItem { display : block; } .Layout .SideNavSection .Content .LastItem a { border : 0; } .Layout .SecondaryNavCat .Header h2 a { font-weight: normal; text-decoration: none; color: #ffffff; font-size: 18px; } .Layout .SecondaryNavChildList .Header h2 a { font-weight: normal; text-decoration: none; color: #CB0A0A; font-size: 16px; } .Layout .SecondaryNavCat .Content .LastItem { } .Layout .SecondaryNavCat .Content .LastItem a { padding : 5px 10px 5px 10px; color : #ffffff; font-weight : bold; font-size: 12px; } .Layout .SecondaryNavCat .Content .LastItem a:hover { text-decoration : underline; } /* Brand selector */ .Layout .SideNavSection .Content div.BrandListContainer { padding : 10px 10px 2px 10px; color : #696969; display : block; text-decoration : none; } .Layout .SideNavSection .Content div.BrandListContainer select { width :100%; font-family:Georgia; } .Layout .SideNavSection .Content a.ViewAllBrandsLink { text-align : right; padding: 6px 25px 9px 10px; background : url(/skins/SOHOS/img/buttons/viewall.gif) no-repeat scroll 94% 6px transparent; color : #000000; } /* Informational */ .Layout .LeftNav .Informational { width : 170px; margin : 0 0 8px 6px; } .Layout .Informational .Header { height : 44px; background: url(/skins/SOHOS/img/border/info_header.gif) no-repeat scroll left top; padding : 10px 0 0 0; } .Layout .Informational .Header h2 { padding : 10px 6px 10px 10px; font-size : 18px; } .Layout .Informational .Header h2 a { height : 30px; color : #696969; font-size : 1.1em; text-decoration : none; } .Layout .Informational .Content { background: none; margin : -4px 0 0 0; } .Layout .Informational .Content a { padding : 4px 10px 4px 10px; display : block; text-decoration : none; text-align : left; } /* New Products */ .Layout .LeftNav .NewProducts { width : 170px; margin : 0 0 8px 6px; } .Layout .RightNav .NewProducts { width : 170px; margin : 0 6px 8px 0; } .Layout .NewProducts .Header { background: url(/skins/SOHOS/img/border/new_header.gif) no-repeat scroll left top; color: #ffffff; height : 45px; } .Layout .NewProducts .Header h2 { padding : 14px 6px 14px 10px; color: #ffffff; font-size : 18px; font-weight: normal; } .Layout .NewProducts .Header h2 a { height : 45px; color: #ffffff; font-size : 20px; text-decoration : none; font-weight: normal; } .Layout .NewProducts .Content { background: #ffffff; border-left: 1px solid #d7d8d9 !important; border-right: 1px solid #d7d8d9 !important; width: 156px; margin: 2px 0 0 5px; text-align: left; } .Layout .NewProducts .Content a { background-color: #ffffff; border-bottom: 1px solid #d7d8d9; color: #696969; display: block; min-height: 26px; padding: 4px 5px 4px 8px; text-decoration: none; } .Layout .NewProducts .Content span.SideNavProductLink { color: #696969; text-decoration:none; font-size:11px; line-height:16px; } .Layout .NewProducts .Content span.SideNavProductLink a { } .Layout .NewProducts .Content a img { float:right; margin:1px 0 1px 5px; vertical-align:middle; } /* Newsletter subscription */ a.Newsletter { width : 165px; height : 59px; margin : 0 0 8px 8px; display : block; background : #fff url(/skins/blank/img/buttons/Newsletter_under.jpg) no-repeat center bottom; } a.Newsletter:hover { background : #fff url(/skins/blank/img/buttons/Newsletter_over.jpg) no-repeat center bottom; } a.Newsletter span.Label { display : none; } .SideNavPromoImage { margin : 0 0 8px 0; display : block; text-align : center; } a.McAfeeLink { width : 156px; height : 38px; padding : 9px 5px 5px 5px; display : block; background : url(/skins/blank/img/border/whitenavbox.gif) no-repeat top left; text-align : center; vertical-align : middle; } /**************************************************************** MiniBasket ****************************************************************/ .Layout .RightNav #BasketSummaryContainer { width : 170px; margin : 0 6px 8px 0; color : #696969; } .Layout #BasketSummaryContainer .Header { background: url(/skins/SOHOS/img/border/basket_header.gif) no-repeat scroll left top; margin: 0; height: 46px; } .Layout #BasketSummaryContainer .Header h2 { color: #ffffff; font-size: 18px; font-weight: normal; padding: 12px 6px 8px 10px; text-decoration: none; } .Layout #BasketSummaryContainer #BasketSummaryContents { text-decoration : none; display : block; padding : 8px 10px 15px 10px; color: #ffffff; background: url(/skins/SOHOS/img/border/basket_bg.jpg) no-repeat scroll left top; } .Layout #BasketSummaryContainer #BasketSummaryContents li { list-style-type : none; clear : both; } .Layout #BasketSummaryContainer #BasketSummaryContents li div.Quantity { float : left; margin-bottom: 40px; margin-right: 5px; color:#fff; } .Layout #BasketSummaryContainer #BasketSummaryContents li div.ProductDetails { width : 120px; padding-left : 5px; float : left; } .Layout #BasketSummaryContainer #BasketSummaryContents li div.ProductDetails strong { color: #696969; } .Layout #BasketSummaryContainer #BasketSummaryContents .Cost { padding-bottom : 10px; display : block; float : right; padding-top: 2px; font-weight: bold; } .Layout #BasketSummaryContainer #BasketSummaryContents .Cost .ItemPrice .Price { color:#fff; } .Layout #BasketSummaryContainer #BasketSummaryContents .Label { padding-bottom: 5px; text-align: left; } .Layout #BasketSummaryContainer #BasketSummaryContents .ProductBasketLabel { color: #ffffff; line-height: 15px; text-decoration: none; } .Layout #BasketSummaryContainer #BasketSummaryContents .Label a { color: #ffffff; line-height: 15px; text-decoration: none; } .Layout #BasketSummaryContainer #BasketSummaryContents div.ShippingDetails { margin-top : 5px; padding-top : 5px; border-top : dotted 1px #D3D4D7; height:1px; clear : both; } .Layout #BasketSummaryContainer #BasketSummaryContents #BasketSummaryTotals { font-weight : bold; border-top: 1px solid #7c7c7c; border-bottom: 1px solid #7c7c7c; margin-bottom: 2px; height: 30px; line-height: 0px; } .Layout #BasketSummaryContainer #BasketSummaryContents #BasketSummaryTotals .TotalLabel { float : left; margin-top: 15px; font-size: 13px; color:#fff; } .Layout #BasketSummaryContainer #BasketSummaryContents #BasketSummaryTotals .Cost { float:right; } .Layout #BasketSummaryContainer #BasketSummaryContents #BasketSummaryTotals .Cost .Cost { float:none; margin-top: 9px; font-size: 13px; } .Layout #BasketSummaryContainer #BasketSummaryContents #BasketSummaryTotals .Cost .Cost .Price { color:#fff; font-size:16px; } .Layout #BasketSummaryContainer #BasketSummaryContents .BasketSummaryControls { margin-left : 0px; margin-right : 0px; } .Layout #BasketSummaryContainer a.View { display : block; margin-top : 8px; margin-right: 11px; height : 17px; width : 56px; background : url(/skins/SOHOS/img/buttons/basket_view_button.gif) no-repeat; } .Layout #BasketSummaryContainer a.View span.label { display : none; } .Layout #BasketSummaryContainer a.CheckOut { display:block; margin-top:8px; margin-left:3px; height:17px; width:80px; background:url(/skins/SOHOS/img/buttons/basket_checkout_button.gif) no-repeat; } .Layout #BasketSummaryContainer a.CheckOut span.label { display : none; } .Layout #BasketSummaryContainer .LastItem { display:block; } .Layout #BasketSummaryContainer .LastItem a { display:block; height:4px; border-style:hidden; } /**************************************************************** Body ****************************************************************/ .Layout .BodyLeft, .Layout .BodyRight { width:10px; vertical-align:top; } .Layout .BodyLeft div, .Layout .BodyRight div { width:10px; vertical-align:top; } .Layout .BodyLeft span, .Layout .BodyRight span { display:block; width:10px; height:12px; } .Layout .BodyLeft { background:url(/skins/blank/img/border/side_l.gif); } .Layout .BodyLeft span { background:url(/skins/blank/img/border/side_tl.gif); } .Layout .BodyRight { background:url(/skins/blank/img/border/side_r.gif); } .Layout .BodyRight span { background:url(/skins/blank/img/border/side_tr.gif); } .Layout .BodyContent { padding: 5px 0 25px 0; } .Layout .BodyContentNoSideBars { padding : 0 10px; } .Layout .BodyContent .ContentPad { padding : 0 7px 8px; width: 605px; } .Layout .BodyContent .ContentPad h1 { margin-top : 8px; padding: 8px 0 10px 10px; font-weight:normal; color: #a80505; font-size : 24px; background:#ffffff url(/skins/SOHOS/img/border/featured_title.gif) repeat-x scroll right bottom; } .Layout .BodyContentNoSideBars .ContentPad h1 { margin-top : 8px; padding: 8px 0 10px 10px; font-weight:normal; color: #a80505; font-size : 24px; background-color: #ffffff; border-bottom: 1px solid #e7e7e7; } .Layout .BodyContent .ContentPad h2 { margin-top : 12px; margin-bottom : 0px; padding-bottom : 10px; padding-left : 14px; font-weight:bold; color:#696969; border-bottom : #DDDDDD 1px dotted; } #masthead { text-align : center; } /************************************************* Rich Text controls ************************************************/ div.RT { background : #ffffff url(/skins/SOHOS/img/border/black_corner.gif) no-repeat bottom right; padding-bottom : 18px; text-align : left; } .RT div, .RT h1, .RT h2, .RT h3, .RT h5, .RT h6, .RT p, .RT ul, .RT li, .RT ol, .RT form, .RT a, .RT input, .RT select, .RT textarea, .RT td { text-align : left; } .RT a { color : #696969; text-decoration : underline; } .RT a:hover { color : #c40606; text-decoration : none; } .RT h1 { margin-top : 8px; margin-bottom : 8px; padding-bottom : 4px; font-size : 1.2em; } .RT h2 { margin-top : 8px; margin-bottom : 6px; padding-bottom : 3px; font-size : 1.1em; } .RT h3 { margin-top : 8px; margin-bottom : 6px; padding-bottom : 3px; font-size : 1em; font-style : italic; } .RT h4 { margin-top : 8px; margin-bottom : 6px; padding-bottom : 3px; font-size : 1em; } .RT ul, .RT ol { margin : 8px 0 8px 16px; } .RT ul li { margin-left : 20px; margin-bottom : 4px; list-style-type : disc; list-style-position : inside; line-height : 19px; } .RT ol li { margin-bottom : 4px; list-style-type : decimal; list-style-position : inside; } div .RT p { margin : 0 0 15px 0 !important; padding: 2px 10px 0 10px !important; } /* Basic table styles */ .RT table { border-collapse : collapse; } .RT table th, .RT table thead td { padding : 5px; border : 1px solid #D0D6DB; background : #E7E9EC; font-size : 1.1em; font-weight : bold; } .RT table td { padding : 5px 10px; border : 1px solid #C5C4C4; } /* Plain table styles */ .RT table.Plain th, .RT table.Plain thead td, .RT table.plain th, .RT table.plain thead td { border : 1px solid #C5C4C4; background : transparent; font-weight : normal; } .RT table.Plain td, .RT table.plain td { border : 1px solid #C5C4C4; } .RT { background-color: #ffffff; } /******************************************************* Footer ******************************************************/ .footerarea { overflow:hidden; width:990px; height:100px; background:url(/skins/SOHOS/img/border/footer_bg.gif) right top no-repeat #080808; color:White; min-height: 335px; } .footerarea1 { overflow:hidden; width:990px; height:100px; color:White; min-height: 335px; } .footertable { margin: 10px auto; } .Layout #FooterLeft, .Layout #FooterRight { width : 16px; height : 112px; } .Layout #FooterRight { width : 17px; height : 112px; } .Layout #FooterLeft { background : url(/skins/blank/img/border/side_bl.gif) top left no-repeat; } .Layout #FooterLeft div { width : 7px; height : 21px; background : url(/skins/blank/img/border/bottom_l.gif) top right; display : block; float : right; } .Layout #FooterRight { background : url(/skins/blank/img/border/side_br.gif) top right no-repeat; } .Layout #FooterRight div { width : 7px; height : 21px; background : url(/skins/blank/img/border/bottom_r.gif); display : block; float : left; } .Layout #FooterTop { height : 21px; background : url(/skins/blank/img/border/bottom_bg.gif); } .Layout #FooterLogo { padding-left : 10px; height: 40px; vertical-align: middle; font-size: 10px; } .Layout #FooterContent { vertical-align: middle; width: 435px; } .Layout #FooterContent div.Links { width : 435px; margin-right : auto; margin-left : auto; text-align : center; } .Layout #FooterContent div.Links a { text-decoration : none; margin-left: 6px; margin-right: 6px; } .Layout #FooterContent div.Links a:hover { color : #c40606; text-decoration : underline; } td.Metakinetic { padding-right : 10px; text-align : right; vertical-align: middle; } td.Metakinetic a { text-decoration : none; } td.Metakinetic a:hover { color : #c40606; text-decoration : underline; } /* Status message control */ #StatusMessage, #ErrorMessage, #WarningMessage, #SuccessMessage { margin-bottom : 10px; padding : 8px 5px 5px 28px; } #StatusMessage ul li, #ErrorMessage ul li, #WarningMessage ul li, #SuccessMessage ul li { margin-bottom : 3px; list-style-type : none; } #StatusMessage, #WarningMessage { border : 1px solid #ffff00; background : #ffffcc url(/img/warning.gif) no-repeat 5px 8px; } #ErrorMessage { border : 1px solid #ff0000; background : #ff9999 url(/img/stop_small.png) no-repeat 5px 8px; } #SuccessMessage { border : 1px solid #00ff00; background : #ccffcc url(/img/ok_small.png) no-repeat 5px 8px; } /**************************************************************** Paging Control ****************************************************************/ table.PagingControl { width : 100%; background-color : #ffffff; border-bottom : 1px solid #e7e7e7; border-top : 1px solid #e7e7e7; background : #eee; } table.PagingControl.Footer { background: Transparent; border: none !important; margin: -49px 0 12px 0; } table.PagingControl th { padding : 8px 3px 11px 3px; } table.PagingControl th.LeftCell, table.PagingControl th.RightCell { width : 7px; } table.PagingControl.Footer th.RightCell { width:20px; } table.PagingControl.Footer th.RightCell { } table.PagingControl th, table.PagingControl th span, table.PagingControl th a { font-size : 12px; font-weight : normal; } table.PagingControl tr th.ItemCount { width : 110px; text-align : left; color: #666666; } table.PagingControl tr th.LinksIndex { width : 330px; text-align : center; color: #666666; } table.PagingControl tr th.LinksAll { width : 60px; } table.PagingControl th .First { width : 16px; height : 6px; background : transparent url(/skins/SOHOS/img/border/first_link_bg.png) no-repeat left top; display : inline-block; } table.PagingControl th .First span { display : none; } table.PagingControl th .Previous { margin-left : 2px; padding-left : 14px; background : transparent url(/skins/SOHOS/img/border/previous_link_bg.png) no-repeat left 6px; } table.PagingControl th .Next { margin-right : 2px; padding-right : 14px; background : transparent url(/skins/SOHOS/img/border/next_link_bg.png) no-repeat right 6px; } table.PagingControl th .Last { width : 16px; height : 6px; background : transparent url(/skins/SOHOS/img/border/last_link_bg.png) no-repeat right top; display : inline-block; } table.PagingControl th .Last span { display : none; } table.PagingControl .Selected { font-weight:bold; } span.Warning { width : 16px; height : 16px; margin-top : 2px; margin-left : 2px; display : block; float : left; background : transparent url(/img/warning.gif) no-repeat left top; } span.Warning span.AlternativeText { display : none; } div.ShortInput { width : 55px; float : left; } div.ShortInput .ShortInputField { width : 35px; float : left; } div.Input { width : 170px; float : left; color: #666666; } div.Input .InputField { width : 150px; float : left; } div.LongInput { width : 315px; float : left; } div.LongInput .LongInputField { width : 300px; float : left; } div.ReCaptchaInput input.ReCaptchaInputField { float:left; margin-bottom:5px; width:300px; } a.previousButton { width : 128px; height : 21px; display : block; background : url(/skins/SOHOS/img/buttons/previous_button.png); } a.previousButton span.label { display : none; } .nextStepButton { float : right } a.BackButton { width : 128px; height : 21px; display : block; background : url(/skins/SOHOS/img/buttons/back_button.png) no-repeat; } a.BackButton span.label { display : none; } div.PageIntroduction { background-color: #ffffff; padding: 10px; } div.MainContent { background-color: #ffffff; } div.InformationPageContainer p { padding: 12px 15px 0px !important; } div.InformationPageContainer { background-color: #ffffff; margin : 0 !important; padding-bottom : 10px; } div.Seperator { clear : both; } /****************************************************************** Homepage ********************************************************************/ div.MastHeadSection { margin-bottom : 12px; } /* Homepage adverts */ table.AdvertTable { width : 100%; } table.AdvertTable tr td { padding : 0 0 8px 0; } table.AdvertTable tr td.HomepageAdCell { padding: 0px; text-align : left; } table.AdvertTable tr td.HomepageAdCellAlt { padding: 0px; text-align : right; } table.AdvertTable tr td.HomepageAdCell div { text-align : left; } table.AdvertTable tr td.HomepageAdCellAlt div { text-align : right; } /************************************************************* Brand Logos **************************************************************/ td.BrandLogosCell { margin-top: 25px; text-align : center; vertical-align : middle; border-top: 1px solid #cacaca; background: url(/skins/SOHOS/img/border/brands_bg.gif) top center repeat-x #ffffff; height: 75px; } td.BrandLogosCell a { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; opacity: .5; display:inline-block; } td.BrandLogosCell a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; opacity: 1; } td.BrandLogosCell img { vertical-align : middle; } .about { border: 0 none !important; margin: 0 0 0 0 !important; padding: 3px 0 0 9px !important; text-decoration:none; color:#fff; } .account { border: 0 none !important; margin: 0 0 0 0 !important; padding: 3px 0 0 9px !important; text-decoration:none; color:#fff; } .contact { border: 0 none !important; margin: 0 !important; padding: 3px 0 0 9px !important; text-decoration:none; color:#fff; } .columnone { width: 195px; margin: 0; padding: 10px 0; vertical-align: top; text-align: left; } .columntwo { width: 205px; margin: 0; padding: 10px 0; vertical-align: top; text-align: left; } .columnthree { width: 210px; margin: 0; padding: 10px 0; vertical-align: top; text-align: left; } .columnfour { width: 300px; margin: 0; padding: 10px 0; vertical-align: top; text-align: left; } .columnthree a { text-decoration: none; color : #cccccc !important; } .columnthree a:hover { text-decoration: none; color: #a80505 !important; } .columnthree a p { text-decoration: none; color : #cccccc !important; } .columnthree a p:hover { text-decoration: none; color: #a80505 !important; } .columntitleone { font-size: 18px; font-weight: bold; color: #eff0f4; border-bottom: 1px dotted #79819a; padding: 0 0 10px 0; margin: 0 0 10px 0; width: 165px; text-align: left; } .columntitletwo { font-size: 18px; font-weight: bold; color: #eff0f4; border-bottom: 1px dotted #79819a; padding: 0 0 10px 0; margin: 0 0 10px 0; width: 175px; text-align: left; } .columntitlethree { font-size: 18px; font-weight: bold; color: #eff0f4; border-bottom: 1px dotted #79819a; padding: 0 0 10px 0; margin: 0 0 10px 0; width: 180px; text-align: left; } .columntitlefour { font-size: 18px; font-weight: bold; color: #eff0f4; border-bottom: 1px dotted #79819a; padding: 0 0 10px 0; margin: 0 0 10px 0; width: 300px; text-align: left; } .footerlist { padding-left: 2px; color: #ffffff; list-style: none; text-align: left; } .footerlist li { line-height: 22px; color: #cccccc; list-style: none; font-style: normal; font-size: 11px; text-align: left; } .footerlist li a { color: #cccccc; list-style: none; text-decoration: none; font-size: 16px; text-align: left; } .footerlist li a:hover { color: #a80505; list-style: none; text-decoration: none; font-size: 16px; } .faquestion { padding:6px 0 6px 0; line-height:20px; font-size:14px; text-align:left; } .faquestion a { font-size : 14px; } .columnfour p { font-size : 16px; line-height : 23px; color : #cccccc; text-align: left; } .footerregister { color : #ffffff; text-decoration : none; font-size : 16px; text-align: left; } .footercopy a { color : #ffffff; text-decoration : none; font-size : 11px; text-align: left; } table.GluePageTable { border-collapse:collapse; line-height:21px;} table.GluePageTable tbody tr td { padding:5px; border:1px solid #CCC;} /* Currency widget */ .CurrencySelect { margin: 0 0 7px 0; } .CurrencySelect div.CurrencySelection { height : 24px; margin : 0; padding : 0 0 0 71px; background : url(/skins/SOHOS/img/Currency/left_bg.jpg) no-repeat center left; display : inline-block; } .CurrencySelect div.CurrencySelection a { height : 24px; margin : 0; padding : 0; display : inline-block; float : none; } .CurrencySelect div.CurrencySelection a.Selected { cursor : default; } .CurrencySelect div.CurrencySelection a.GBP { width : 32px; background : url(/skins/SOHOS/img/Currency/GBP.jpg) no-repeat center center; } .CurrencySelect div.CurrencySelection a.GBP.GBPSelected, .CurrencySelect div.CurrencySelection a.GBP:hover { background : url(/skins/SOHOS/img/Currency/GBP_selected.jpg) no-repeat center center; } .CurrencySelect div.CurrencySelection a.Euro { width : 34px; background : url(/skins/SOHOS/img/Currency/Euro.jpg) no-repeat center center; } .CurrencySelect div.CurrencySelection a.Euro.EUROSelected, .CurrencySelect div.CurrencySelection a.Euro:hover { background : url(/skins/SOHOS/img/Currency/Euro_selected.jpg) no-repeat center center; } .CurrencySelect div.CurrencySelection a.USD { width : 34px; background : url(/skins/SOHOS/img/Currency/USD.jpg) no-repeat center center; } .CurrencySelect div.CurrencySelection a.USD.USDSelected, .CurrencySelect div.CurrencySelection a.USD:hover { background : url(/skins/SOHOS/img/Currency/USD_selected.jpg) no-repeat center center; } .CurrencySelect div.CurrencySelection a span.Label { display : none; } .promoLongDescription { background-color:#FFF; color:#000; }