/* */ div, h1, h2, h3, h5, h6, ul, li, ol, form, a, input, select, textarea, td { margin : 0; padding : 0; text-align : left; color : #586667; font-family : Arial, Verdana, Sans-Serif; font-size : 11px; list-style : disc inside none; } p { margin : 0 0 10px 0; padding : 0; text-align : left; color : #586667; font-family : Arial, Verdana, Sans-Serif; font-size : 11px; list-style : disc inside none; } body { background: url(/skins/LAVERSTOKE/img/border/temp/background_top.jpg) repeat-x center top #6aa764; color: #586667; } body>form { height:100%; } a { color : #586667; } a[onclick] { text-decoration : underline; cursor : pointer; } #background { } a:hover { color : #FFB618; text-decoration : none; } #DefineWidth { margin : 0 auto; width:991px; background:#fff; } .Layout { width : 100%; border-collapse : collapse; } .Layout .LeftNav .LeftAdverts { text-align : center; margin-left : 8px; } .Layout .RightNav .RightAdverts { text-align : center; margin-right : 8px; } .Layout .LeftNav .LeftAdverts div { margin-bottom : 8px; } .Layout .RightNav .RightAdverts div { margin-bottom : 8px; } .Layout .BodyContent .ContentPad table.PersonaliseTable div.WizardSideSection h2 { margin-bottom: 0px; font-size: 1em; } /******************************************************* Header ******************************************************/ /* Main logo*/ .Layout td.LogoCell { padding : 0; vertical-align: bottom; } .Layout td.LogoCell img { vertical-align : bottom; } .Layout td.LogoCell, .Layout td.TertiaryNavCell { background: url(/skins/LAVERSTOKE/img/border/temp/background_logo.jpg) repeat-x center bottom #32aade; } /* Promotional header advert */ .PromoCell { width : 984px; margin-left : 8px; margin-right : 8px; margin-top : 2px; padding : 0; vertical-align : bottom; } /* Tertiary Navigation Section */ .Layout td.TertiaryNavCell { padding: 13px 15px 15px; text-align: right; width: 850px; } .Layout td.TertiaryNavCell a { margin-left: 15px; padding-left: 15px; text-decoration: none; border-left: 1px solid #6aa764; color: #6aa764; } .Layout td.TertiaryNavCell a.tertiaryfirstlink { padding-left: 15px; border-left: 0px; text-decoration:none; } .Layout td.TertiaryNavCell a:hover, .Layout td.TertiaryNavCell a.tertiaryfirstlink:hover { text-decoration:underline; } .Layout .TertiaryNavCell div.LogoutControl { margin-top : 10px; text-align : right; color: #6aa764; } .Layout .TertiaryNavCell div.LogoutControl a { margin-left: 0px; padding-left: 0px; border-left: 0px; text-decoration: underline; } .Layout .TertiaryNavCell div.LogoutControl a:hover { text-decoration: none; } /******************************************************** Menu *******************************************************/ .Layout #Menu { background : #484a4b url(/skins/LAVERSTOKE/img/border/menu_bg.gif) repeat-x top; text-align : center; } .Layout #Menu .RadMenu_Default { background : transparent; } .Layout #Menu .RadMenu_Default .rmRootGroup { border : none; background:transparent; } .Layout #Menu .RadMenu_Default .rmHorizontal .rmItem { background : url(/skins/LAVERSTOKE/img/border/menusep.gif) right no-repeat; } .Layout #Menu .RadMenu_Default .rmSlide .rmVertical .rmItem { border: 0px !important; background: none !important; } .Layout #Menu .RadMenu_Default .rmItem { background : #fff; } .Layout #Menu .RadMenu_Default .rmItem.rmFirst:hover, .Layout #Menu .RadMenu_Default .rmItem.rmFirst.hover { background : url( %/img/border/menuhigh_back.gif) top right no-repeat #484a4b; } .Layout #Menu .RadMenu_Default .rmText /* IE6 specific : Store-ie6.css */ { height : 33px; float : left; } .Layout #Menu .RadMenu_Default .rmItem .rmSlide { border : 0 !Important; } .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 .rmLevel1 { background : #ffffff; } .Layout #Menu .RadMenu_Default .rmText a { height : 33px; padding : 0 14px 0 12px; color : #ffffff; font-size : 14px; line-height : 32px; text-decoration : none; display : block; float : left; } .RadMenu .rmHorizontal .rmText { padding : 0 !important; } .Layout #Menu .RadMenu_Default .rmText a:hover { background : url( %/img/border/menuhigh_back.gif) top left repeat-x #484a4b; height : 33px; } .Layout #Menu .RadMenu_Default .rmSlide .rmText { width : 180px; height : auto; } .Layout #Menu .RadMenu_Default .rmSlide .rmText a { width : 162px; height : auto; padding : 4px 8px; font-weight : normal; line-height : 14px; font-size : 11px; color: #4d4d4d; } .Layout #Menu .RadMenu_Default .rmSlide .rmText a:hover { width: 164px; font-weight: normal; color : #FFB618 !important; } .Layout #Menu .RadMenu_Default div.rmSlide ul.rmVertical.rmGroup.rmLevel1 { border : 0; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } /***************************************************** SearchBar *****************************************************/ .Layout #SearchBar { background-color:#ececec; height:32px; font-weight:bold; font-size:10.5px; padding:0 8px; } #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.SearchButton { margin-top:6px; margin-left:-12px; height: 20px; width: 30px; } .Layout #SearchBar select, .Layout #SearchBar input, .Layout #SearchBar label { border:0 white; float:left; display:block; font-size:10.5px; } .Layout #SearchBar input { margin:7px 16px 0 0; border: 2px solid #D7D7D9; width: 175px; height: 14px; } .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; } .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; } #SearchBar div.UserWidgets a.EmailFriend { margin-right : 0; background : url(/skins/LAVERSTOKE/img/border/widget_email.gif) no-repeat center right; font-size : 10.5px; font-weight : bold; } #SearchBar div.UserWidgets div.Bookmark { background : url(/skins/LAVERSTOKE/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; } /* Currency widget */ #SearchBar div.CurrencySelection { height : 18px; margin : 6px 0 0 0; padding : 0 0 0 58px; float : left; background : url(/skins/blank/img/Currency/left_bg.jpg) no-repeat center left; } #SearchBar div.CurrencySelection a { height : 18px; margin : 0; padding : 0; display : inline-block; float : none; } #SearchBar div.CurrencySelection a.Selected { cursor : default; } #SearchBar div.CurrencySelection a.GBP { width : 33px; background : url(/skins/blank/img/Currency/GBP.jpg) no-repeat center center; } #SearchBar div.CurrencySelection a.GBP.GBPSelected, #SearchBar div.CurrencySelection a.GBP:hover { background : url(/skins/blank/img/Currency/GBP_selected.jpg) no-repeat center center; } #SearchBar div.CurrencySelection a.Euro { width : 32px; background : url(/skins/blank/img/Currency/Euro.jpg) no-repeat center center; } #SearchBar div.CurrencySelection a.Euro.EUROSelected, #SearchBar div.CurrencySelection a.Euro:hover { background : url(/skins/blank/img/Currency/Euro_selected.jpg) no-repeat center center; } #SearchBar div.CurrencySelection a.USD { width : 31px; background : url(/skins/blank/img/Currency/USD.jpg) no-repeat center center; } #SearchBar div.CurrencySelection a.USD.USDSelected, #SearchBar div.CurrencySelection a.USD:hover { background : url(/skins/blank/img/Currency/USD_selected.jpg) no-repeat center center; } #SearchBar div.CurrencySelection a span.Label { display : none; } /* VAT type widget */ #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/LAVERSTOKE/img/buttons/vat_toggle_inc.png); } #SearchBar div.VatTypeSelection a.IncVatButton:hover { background : url(/skins/LAVERSTOKE/img/buttons/vat_toggle_inc_hover.png); } #SearchBar div.VatTypeSelection a.ExcVatButton { width : 34px; background : url(/skins/LAVERSTOKE/img/buttons/vat_toggle_exc.png); } #SearchBar div.VatTypeSelection a.ExcVatButton:hover { background : url(/skins/LAVERSTOKE/img/buttons/vat_toggle_exc_hover.png); } #SearchBar div.VatTypeSelection a.IncVatButtonSelected { width : 30px; background : url(/skins/LAVERSTOKE/img/buttons/vat_toggle_inc_hover.png); cursor : default; } #SearchBar div.VatTypeSelection a.ExcVatButtonSelected { width : 31px; background : url(/skins/LAVERSTOKE/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/LAVERSTOKE/img/border/bookmarkmenu_base.png) no-repeat; overflow : hidden; } div.BookmarkContextMenu .bottom /* IE6 specific : Store-ie6.css */ { height : 15px; background : url(/skins/LAVERSTOKE/img/border/bookmarkmenu_bottom.png); } div.BookmarkContextMenu h3 { background : url(/skins/LAVERSTOKE/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/LAVERSTOKE/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/LAVERSTOKE/img/border/bookmark_more.gif) no-repeat center left; } div.BookmarkContextMenu div.BookmarkLinks a.LessLink { background : transparent url(/skins/LAVERSTOKE/img/border/bookmark_less.gif) no-repeat center left; border-bottom : 1px dotted #9c9c9c; } /*************************************************************** Breadcrumbs **************************************************************/ .Layout td.BreadCrumbs { padding : 9px 16px 4px; cursor : default; font-weight: bold; color: #797f80; } .Layout td.BreadCrumbs a { text-decoration : none; font-weight: normal; } /**************************************************************** Side Nav ****************************************************************/ .Layout td.LeftNav { width : 174px; padding-top : 5px; } .Layout .LeftNav .SideNavSection { width : 166px; margin : 0 0 8px 8px; } .Layout td.RightNav { width : 174px; padding-top : 5px; } .Layout .RightNav .SideNavSection { width : 166px; margin : 0 8px 8px 0; } .Layout .SideNavParentLink { margin : 0 0 0 8px; background:#d0d6db url(/skins/LAVERSTOKE/img/border/sidenav_l.gif) top left no-repeat; } .Layout .SideNavParentLink a { padding : 8px 6px 7px 10px; display : block; background : url(/skins/LAVERSTOKE/img/border/sidenav_parent_r.gif) right top no-repeat; font-weight : bold; text-decoration : none; color : #616674; font-size : 1.1em; } div.SideNavSection div.Content a img { padding : 1px 0 0 5px; vertical-align : middle; float : right; } .Layout td.LeftNav .SecondaryNavChildList .Header { border : 1px solid #DCDCE0; background : #dbdcdd; } .Layout td.LeftNav .SecondaryNavChildList .Header h2 { padding : 5px 6px 5px 10px; background : #DCDCE0; color : #616674; font-size : 0.9em; } .Layout td.LeftNav .SecondaryNavChildList .Header h2 a:hover { text-decoration : underline; } .Layout .SideNavSection .Header { background : #d0d6db url(/skins/LAVERSTOKE/img/border/sidenav_l.gif) top left repeat-x; } .Layout .SideNavSection .Header h2 { padding : 8px 6px 7px 10px; font-weight : bold; text-decoration : none; color : #616674; font-size : 1.0em; } .Layout .SideNavSection .Header h2 a { font-weight : bold; text-decoration : none; color : #616674; font-size : 1.0em; } .Layout .SideNavSection .Content { background:#eff0f4; } .Layout .SideNavSection .Content a { padding : 4px 5px 4px 10px; border-bottom : 1px dotted #d3d4d7; background-color : #eff0f4; display : block; text-decoration : none; } .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 : #616674; 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 : #616674; text-decoration : underline; } .Layout .SideNavSection .Content a.SelectedCategory, .Layout .SideNavSection .Content a.SelectedInformationPage { color : #616674; font-weight : bold; } .Layout .SideNavSection .Content .LastItem { display : block; } .Layout .SideNavSection .Content .LastItem a { border : 0; } .Layout .SecondaryNavCat .Header h2 a { color : #616674; font-size : 1.1em; } .Layout .SecondaryNavCat .Content .LastItem { margin-top : -1px; display : block; background-color: #e0e1e4; } .Layout .SecondaryNavCat .Content .LastItem a { padding : 5px 10px 5px 10px; background : url(/skins/LAVERSTOKE/img/border/secondarynavcat_a_bg.gif) 96% center no-repeat; color : #616674; font-weight : bold; } .Layout .SecondaryNavCat .Content .LastItem a:hover { text-decoration : underline; } /* Brand selector */ .Layout .SideNavSection .Content div.BrandListContainer { padding : 10px 10px 2px 10px; background : #eff0f4; color : #616674; display : block; text-decoration : none; } .Layout .SideNavSection .Content div.BrandListContainer select { width :100%; } .Layout .SideNavSection .Content a.ViewAllBrandsLink { text-align : right; padding: 6px 25px 9px 10px; background : url(/skins/LAVERSTOKE/img/border/viewall.jpg) 91% 10px no-repeat; } .Layout .SideNavSection .Content a.ViewAllBrandsLink:hover { color: #616674; text-decoration: none; background : url(/skins/LAVERSTOKE/img/border/viewall_over.jpg) 91% 10px no-repeat; } /* Informational */ .Layout .LeftNav .Informational { width : 166px; margin : 0 0 8px 8px; } .Layout .Informational .Header { color : #7c8588; height : 30px; background: #D0D6DB url(/skins/LAVERSTOKE/img/border/sidenav_l.gif) repeat-x scroll left top; } .Layout .Informational .Header h2 { padding : 8px 6px 6px 10px; font-size : 1em; } .Layout .Informational .Header h2 a { height : 30px; color : #616674; font-size : 1.1em; text-decoration : none; } .Layout .Informational .Content { background : #eff0f4; } .Layout .Informational .Content a { padding : 4px 10px 4px 10px; display : block; text-decoration : none; text-align : left; } /* New Products */ .Layout .LeftNav .NewProducts { width : 166px; margin : 0 0 8px 8px; } .Layout .RightNav .NewProducts { width : 166px; margin : 0 8px 8px 0; } .Layout .NewProducts .Header { background: #D0D6DB url(/skins/LAVERSTOKE/img/border/sidenav_l.gif) repeat-x scroll left top; color : #7c8588; height : 30px; width : 166px; } .Layout .NewProducts .Header h2 { padding : 8px 6px 6px 10px; color : #7c8588; font-size : 1em; } .Layout .NewProducts .Header h2 a { height : 30px; color : #7c8588; font-size : 1em; text-decoration : none; } .Layout .NewProducts .Content { background : #ffffff; border-left : 1px solid #d7d8d9 !important; border-right : 1px solid #d7d8d9 !important; width : 164px; } .Layout .NewProducts .Content a { background-color: #ffffff; border-bottom:1px solid #d7d8d9; color: #616674; display:block; min-height:26px; padding:4px 5px 4px 8px; text-decoration:none; } .Layout .NewProducts .Content span.SideNavProductLink { color: #616674; text-decoration:none; } .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/LAVERSTOKE/img/buttons/Newsletter_under.jpg) no-repeat center bottom; } a.Newsletter:hover { background : #fff url(/skins/LAVERSTOKE/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/LAVERSTOKE/img/border/whitenavbox.gif) no-repeat top left; text-align : center; vertical-align : middle; } /**************************************************************** MiniBasket ****************************************************************/ .Layout .RightNav #BasketSummaryContainer { width : 166px; margin : 0 8px 8px 0; color : #616674; } .Layout #BasketSummaryContainer .Header { background:#999999 url(/skins/LAVERSTOKE/img/border/basket_back.jpg) top left repeat-x; } .Layout #BasketSummaryContainer .Header { color : #ffffff; font-size : 1.1em; margin-left : 1px; margin-right : 0px; } .Layout #BasketSummaryContainer .Header h2 { padding : 8px 6px 7px 10px; color : #ffffff; font-size : 1em; } .Layout #BasketSummaryContainer #BasketSummaryContents { text-decoration : none; display : block; padding : 8px 10px 5px 10px; background: #eff0f4; } .Layout #BasketSummaryContainer #BasketSummaryContents li { list-style-type : none; clear : both; } .Layout #BasketSummaryContainer #BasketSummaryContents li div.Quantity { float : left; } .Layout #BasketSummaryContainer #BasketSummaryContents li div.ProductDetails { width : 120px; padding-left : 5px; float : left; } .Layout #BasketSummaryContainer #BasketSummaryContents li div.ProductDetails strong { color: #616674; } .Layout #BasketSummaryContainer #BasketSummaryContents .Cost { padding-bottom : 8px; display : block; float : right; padding-top: 3px; } .Layout #BasketSummaryContainer #BasketSummaryContents .Label { font-size : 0; padding-bottom: 5px; } .Layout #BasketSummaryContainer #BasketSummaryContents .ProductBasketLabel { font-size:11px; } .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 dotted #D3D4D7; border-bottom: 1px dotted #D3D4D7; margin-bottom: 2px; height: 30px; line-height: 0px; } .Layout #BasketSummaryContainer #BasketSummaryContents #BasketSummaryTotals .TotalLabel { float : left; margin-top: 15px; font-size: 13px; } .Layout #BasketSummaryContainer #BasketSummaryContents #BasketSummaryTotals .Cost { float:right; } .Layout #BasketSummaryContainer #BasketSummaryContents #BasketSummaryTotals .Cost .Cost { float:none; margin-top: 9px; font-size: 13px; } .Layout #BasketSummaryContainer #BasketSummaryContents .BasketSummaryControls { margin-left : -8px; margin-right : -8px; } .Layout #BasketSummaryContainer a.View { display : block; margin-top : 8px; margin-left:3px; height : 16px; width : 56px; background : url(/skins/LAVERSTOKE/img/buttons/basket_view_button.jpg); } .Layout #BasketSummaryContainer a.View span.label { display : none; } .Layout #BasketSummaryContainer a.CheckOut { display:block; margin-top:8px; margin-left:3px; height:16px; width:91px; background:url(/skins/LAVERSTOKE/img/buttons/basket_checkout_button.jpg); } .Layout #BasketSummaryContainer a.CheckOut span.label { display : none; } .Layout #BasketSummaryContainer .LastItem { display:block; background:#eff0f4; } .Layout #BasketSummaryContainer .LastItem a { display:block; height:4px; border-style:hidden; background:none; } /**************************************************************** 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/LAVERSTOKE/img/border/side_l.gif); } .Layout .BodyLeft span { background:url(/skins/LAVERSTOKE/img/border/side_tl.gif); } .Layout .BodyRight { background:url(/skins/LAVERSTOKE/img/border/side_r.gif); } .Layout .BodyRight span { background:url(/skins/LAVERSTOKE/img/border/side_tr.gif); } .Layout .BodyContent { padding-top : 5px; } .Layout .BodyContentNoSideBars { padding : 0 10px; } .Layout .BodyContent .ContentPad { padding : 0 8px 8px; } .Layout .BodyContent .ContentPad h1 { background:#d6dce0 url(/skins/LAVERSTOKE/img/border/heading1_back.gif) repeat-x; margin-top : 8px; margin-bottom : 9px; padding: 4px 10px 5px 10px; font-weight:normal; color:#616674; font-size : 21px; } .Layout .BodyContentNoSideBars .ContentPad h1 { background:#d6dce0 url(/skins/LAVERSTOKE/img/border/heading1_back.gif) repeat-x; margin-top : 8px; margin-bottom : 9px; padding: 4px 10px 5px 10px; font-weight:normal; color:#616674; font-size : 21px; } .Layout .BodyContent .ContentPad h2 { margin-top : 8px; margin-bottom : 9px; padding-bottom : 6px; font-weight:normal; color:#616674; border-bottom : #DDDDDD 1px dotted; } #masthead { text-align : center; } /************************************************* Rich Text controls ************************************************/ .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 : #616674; text-decoration : underline; } .RT a:hover { color : #FFB618; 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-bottom : 4px; list-style-type : disc; list-style-position : outside; } .RT ol li { margin-bottom : 4px; list-style-type : decimal; list-style-position : outside; } .RT p { margin : 6px 0; } /* Basic table styles */ .RT table { border-collapse : collapse; } /******************************************************* Footer ******************************************************/ .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/LAVERSTOKE/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/LAVERSTOKE/img/border/bottom_r.gif); display : block; float : left; } .Layout #FooterTop { height : 21px; background : url(/skins/LAVERSTOKE/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 : #FFB618; 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 : #FFB618; 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 : #d0d6db url(/skins/LAVERSTOKE/img/border/tile_top_back.gif) repeat-x; } table.PagingControl.Footer { margin-bottom : 8px; background : #d0d6db url(/skins/LAVERSTOKE/img/border/tile_top_back.gif) repeat-x; } table.PagingControl th { padding : 8px 3px; } table.PagingControl th.LeftCell, table.PagingControl th.RightCell { width : 7px; } table.PagingControl th.RightCell { background : url(/skins/LAVERSTOKE/img/border/tile_top_back.gif) no-repeat right top; } table.PagingControl.Footer th.RightCell { background : url(/skins/LAVERSTOKE/img/border/tile_top_back.gif) no-repeat right top; } table.PagingControl th, table.PagingControl th span, table.PagingControl th a { font-size : 10px; font-weight : normal; } table.PagingControl tr th.ItemCount { width : 110px; text-align : left; } table.PagingControl tr th.LinksLeft { width : 110px; text-align : right; } table.PagingControl tr th.LinksIndex { width : 110px; text-align : center; } table.PagingControl tr th.LinksRight { width : 110px; text-align : left; } table.PagingControl tr th.LinksAll { width : 60px; } table.PagingControl th a.First { width : 20px; height : 6px; background : transparent url(/img/userviewcontrol/first_link_bg.png) no-repeat left center; display : inline-block; } table.PagingControl th a.First span { display : none; } table.PagingControl th a.Previous { margin-left : 5px; padding-left : 14px; background : transparent url(/img/userviewcontrol/previous_link_bg.png) no-repeat left center; } table.PagingControl th a.Next { margin-right : 5px; padding-right : 14px; background : transparent url(/img/userviewcontrol/next_link_bg.png) no-repeat right center; } table.PagingControl th a.Last { width : 20px; height : 6px; background : transparent url(/img/userviewcontrol/last_link_bg.png) no-repeat right center; display : inline-block; } table.PagingControl th a.Last span { display : none; } 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; } 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/LAVERSTOKE/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/LAVERSTOKE/img/buttons/back_button.png); } a.BackButton span.label { display : none; } div.PageIntroduction { margin : 0px 13px 10px 13px; } div.InformationPageContainer p { margin-bottom : 10px; } div.Seperator { clear : both; } /****************************************************************** Homepage ********************************************************************/ div.MastHeadSection { margin-bottom : 8px; } /* Homepage adverts */ table.AdvertTable { width : 100%; } table.AdvertTable tr td { padding : 0 0 8px 0; } table.AdvertTable tr td.HomepageAdCell { padding-right : 5px; text-align : left; } table.AdvertTable tr td.HomepageAdCellAlt { padding-left : 5px; 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 { padding : 8px; margin-top:25px; text-align : center; vertical-align : middle; border-top:1px dotted #e3e6e9; border-bottom:1px dotted #e3e6e9; } 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; } .promoLongDescription { }