div, h1, h2, h3, h5, h6, p, ul, li, ol, form, a, input, select, textarea, td { padding : 0; margin : 0; list-style : inside; font-family : arial,verdana,sans-serif; color : #5b5a5a; text-align : left; font-size : 10.5px; } html { height : 100%; color : #5b5a5a; } body { height : 100%; background : url(/skins/FHOME/img/border/main_back_grad.gif) repeat-x #fff; color : #5b5a5a !important; } #cont_drop_shadow { background : url(/skins/FHOME/img/border/container_drop_shadows.jpg) no-repeat top center; } a { color : #b13382; } a[onclick] { text-decoration : underline; cursor : pointer; } a:hover { color : #b13382; text-decoration : none; } #center { width : 996px; margin : 0 auto; background-color : #fff; } .Layout { width : 100%; border-collapse : collapse; } /**************************************************************** Header ****************************************************************/ #center .HeaderLeft, #center .HeaderRight { width : 10px; } #center .HeaderRight { background:url(/skins/FHOME/img/border/header_bg_r.gif) repeat-y #bebebe; vertical-align:top; } #center .HeaderLeft { background:url(/skins/FHOME/img/border/header_bg_l.gif) repeat-y #bebebe; vertical-align:top; } #center .HeaderRight div { background:url(/skins/FHOME/img/border/container_right_grad.gif) no-repeat top left; width:11px; height:1045px; } #center .HeaderLeft div { background:url(/skins/FHOME/img/border/container_left_grad.gif) no-repeat top right; width:11px; height:1045px; } /* Main logo*/ .Layout td.LogoCell { width : 326px; margin : 0; padding : 0; vertical-align : bottom; } .Layout .LogoCell img { margin : 0; padding : 0 0 10px 10px; vertical-align : bottom; } /* Promotional header advert */ .Layout .PromoCell { width : 331px; text-align: center; margin : 0; padding : 0; vertical-align : bottom; } /* Tertiary header advert */ .Layout td.TertiaryNavCell { margin : 0; padding : 0 10px 0 0; vertical-align : bottom; } .Layout .TertiaryNavCell div.TertiaryNav img { display : block; float : left; } .Layout .TertiaryNavCell div.TertiaryNav a { color : #4e4c4d; text-decoration : none; } .Layout .TertiaryNavCell div.TertiaryNav a:hover { text-decoration : none; } .Layout .TertiaryNavCell div.TertiaryNav a.contactlink { margin : 10px 0 5px 0; display : block; text-align : right; font-size : 11px; font-weight : bold; } .Layout .TertiaryNavCell div.TertiaryNav a.contactlink span { font-size : 24px; color : #3c3c3c; } .Layout .TertiaryNavCell div.TertiaryNav div.Links { margin : 0 6px 5px 0; text-align : right; float : right; } .Layout .TertiaryNavCell div.TertiaryNav div.Links a { padding : 0 0 0 14px; margin-left : 10px; display : inline-block; font-size : 11px; text-align : right; font-weight : bold; vertical-align : middle; background : url(/skins/FHOME/img/border/TertiaryNavBullet.gif) no-repeat 0px 3px; } .Layout .TertiaryNavCell div.TertiaryNav div.Links a:hover { color : #910059; text-decoration : underline; } .Layout .TertiaryNavCell div.TertiaryNav div.LogoutControl { margin-bottom : 10px; padding-right : 6px; text-align : right; clear : both; } .Layout .TertiaryNavCell div.TertiaryNav div.LogoutControl span { font-family : arial,verdana,sans-serif; } .Layout .TertiaryNavCell div.TertiaryNav div.LogoutControl a { color : #910059; } .Layout .TertiaryNavCell div.TertiaryNav div.LogoutControl a:hover { text-decoration : underline; } /******************************************************* Menu ********************************************************/ .Layout #Menu { background : #3e3c3c url(/skins/FHOME/img/border/menu_bg_grad.gif) no-repeat bottom; text-align : center; } .Layout #Menu #linegrad { height : 35px; background : url(/skins/FHOME/img/border/menu_bg.gif) repeat-x top; text-align : center; } .Layout #Menu .RadMenu_Default { background : transparent; } .Layout #Menu .RadMenu .rmGroup .rmText { margin:0; } .Layout #Menu .RadMenu_Default .rmRootGroup { border : none; background:transparent !important; } .Layout #Menu .RadMenu_Default .rmHorizontal .rmItem { border : none; } .Layout #Menu .RadMenu_Default .rmItem { background : url(/skins/FHOME/img/border/menusep.gif) left no-repeat; } .Layout #Menu .RadMenu_Default .rmItem.rmFirst { background : none; } .Layout #Menu .RadMenu_Default .rmText /* IE6 specific : Store-ie6.css */ { height : 32px; padding : 0; float : left; } .Layout #Menu .RadMenu_Default .rmItem .rmSlide { border : 0; } .Layout #Menu .RadMenu_Default .rmItem .rmLevel1 { border : 2px solid #4e4c4d; } .Layout #Menu .RadMenu_Default .rmText:hover, .Layout #Menu .RadMenu_Default .rmText.hover { background : url( /skins/FHOME/img/border/menuhigh_l.png) 2px 2px no-repeat; } .Layout #Menu .RadMenu_Default .rmText a { height : 32px; padding : 0 20px 0; float : left; color : #ffffff; font-family:Arial, Verdana, Sans-Serif; font-size : 13px; line-height : 32px; font-weight : bold; text-decoration : none; display : block; } .Layout #Menu .RadMenu_Default .rmText a:hover { background : url( /skins/FHOME/img/border/menuhigh_r.png) right 2px no-repeat; } .Layout #Menu .RadMenu_Default .rmSlide .rmText { width : 180px; height : auto; } .Layout #Menu .RadMenu_Default .rmSlide .rmText:hover, .Layout #Menu .RadMenu_Default .rmSlide .rmText.hover { /*background : #4c4a4a;*/ } .Layout #Menu .RadMenu_Default .rmSlide .rmText a { width : 162px; height : auto; padding : 4px 8px; border-bottom : 1px dotted #dcdce0; background : #fff; color : #444444; font-size : 11px; font-family : Arial, Verdana, Sans-Serif; font-weight : normal; line-height:14px; } .Layout #Menu .RadMenu_Default .rmSlide .rmText a:hover { /*border-bottom : 1px solid #4c4a4a; background : none;*/ color : #F8009C; width:164px; font-weight:bold; } .Layout #MenuLeft, .Layout #MenuRight { width : 6px; height : 39px; background-repeat : no-repeat; background-color : #29aae3; background-position : top; } /***************************************************** SearchBar *****************************************************/ .Layout #SearchBar { height : 33px; padding : 3px 8px 0 8px; background : #d0d5da url(/skins/FHOME/img/border/searchbar.gif); font-family : Arial,verdana, Sans-Serif; font-size : 10.5px; font-weight : bold; } #SearchBar a { margin-top : 7px; color : #4A515B; text-decoration : none; font-weight : normal; float : left; } #SearchBar a.SearchButton { margin-top : 3px; margin-right : 10px; margin-left : -14px; } .Layout #SearchBar select, .Layout #SearchBar input, .Layout #SearchBar label { border:0 white; float:left; display:block; font-size:10.5px; font-family:Arial,Verdana,Sans-Serif; } .Layout #SearchBar input { margin:3px 16px 0 -12px; } .Layout #SearchBar select { margin:4px 16px 0 0; border:1px solid #cccccc; height:18px; vertical-align:middle; line-height:14px; } .Layout #SearchBar div.InputFrame input { width:130px; margin:4px 0 0 0; height:16px; } .Layout #SearchBar label { margin-top : 7px; margin-right : 6px; margin-left : 15px; font-size : 11px; } .Layout #SearchBar div.InputFrame { background:url(/skins/FHOME/img/border/inputframe.gif); margin-right:16px; border:0; float:left; margin-top:3px; width:156px; } .Layout #SearchBar div.InputFrame span, .Layout #SearchBar div.InputFrame div { height:21px; width:12px; } .Layout #Widgets { float:right; } .Layout #SearchBar div.InputFrame span { float:right; background:url(/skins/FHOME/img/border/inputframe_r.gif); } .Layout #SearchBar div.InputFrame div { background:url(/skins/FHOME/img/border/inputframe_l.gif); 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 : 19px; 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 : 0 12px 0 0; padding : 0 17px 0 0; float : left; } #SearchBar div.UserWidgets a.EmailFriend { margin-right : 0; background : url(/skins/FHOME/img/border/widget_email.gif) no-repeat center right; font-size : 10.5px; font-family:Arial,verdana, Sans-Serif; font-weight : bold; } #SearchBar div.UserWidgets div.Bookmark { background : url(/skins/FHOME/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; font-family:Arial,verdana, Sans-Serif; } #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; font-family:Arial,verdana, Sans-Serif; } #SearchBar div.UserWidgets div.VatTypeSelection div { padding :0 4px; } #SearchBar div.UserWidgets div.VatTypeSelection div.Sep { padding :0; } #SearchBar div.UserWidgets div.VatTypeSelection a { height:22px; margin-top:2px; } #SearchBar div.VatTypeSelection a span.Label { display : none; } #SearchBar div.VatTypeSelection a.IncVatButton { width : 30px; background : url(/skins/FHOME/img/buttons/vat_toggle_inc.png); } #SearchBar div.VatTypeSelection a.IncVatButton:hover { background : url(/skins/FHOME/img/buttons/vat_toggle_inc_hover.png); } #SearchBar div.VatTypeSelection a.ExcVatButton { width : 31px; background : url(/skins/FHOME/img/buttons/vat_toggle_exc.png); } #SearchBar div.VatTypeSelection a.ExcVatButton:hover { background : url(/skins/FHOME/img/buttons/vat_toggle_exc_hover.png); } #SearchBar div.VatTypeSelection a.IncVatButtonSelected { width : 30px; background : url(/skins/FHOME/img/buttons/vat_toggle_inc_hover.png); cursor : default; } #SearchBar div.VatTypeSelection a.ExcVatButtonSelected { width : 31px; background : url(/skins/FHOME/img/buttons/vat_toggle_exc_hover.png); cursor : default; } /****************************************************** Bookmarks ****************************************************/ div.BookmarkContextMenu { display : none; width : 516px; position : absolute; top : 0; right : -20px; z-index : 50000; } div.BookmarkContextMenu .top /* IE6 specific : Store-ie6.css */ { height : 9px; background : url(/skins/FHOME/img/border/bookmarkmenu_base.png) no-repeat; overflow : hidden; } div.BookmarkContextMenu .bottom /* IE6 specific : Store-ie6.css */ { height : 15px; background : url(/skins/FHOME/img/border/bookmarkmenu_bottom.png); } div.BookmarkContextMenu h3 { background : url(/skins/FHOME/img/border/bookmarkmenu_top.png) no-repeat right; height : 28px; margin-right : 16px; padding-right : 24px; text-align : right; font-weight : bold; cursor : pointer; color : White; line-height : 27px; overflow:hidden; } div.BookmarkContextMenu div.BookmarkLinks /* IE6 specific : Store-ie6.css */ { padding : 0 0 0 10px; background : url(/skins/FHOME/img/border/bookmarkmenu_middle.png); clear : both; } div.BookmarkContextMenu div.BookmarkLinks a { width : 100px; padding : 1px 0 0 20px; display : block; float : left; color : #32689b; 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; 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/FHOME/img/border/bookmark_more.gif) no-repeat center left; } div.BookmarkContextMenu div.BookmarkLinks a.LessLink { background : transparent url(/skins/FHOME/img/border/bookmark_less.gif) no-repeat center left; border-bottom : 1px dotted #9c9c9c; } /*************************************************************** Breadcrumbs **************************************************************/ .Layout td.BreadCrumbs { padding : 6px 12px 1px; border-right : 1px solid #dcdce0; border-left : 1px solid #dcdce0; background : url(/skins/FHOME/img/border/breadcrumbs_bg.gif) top left repeat-x; color : #858585; cursor : default; } .Layout td.BreadCrumbs a { text-decoration : none; color : #858585; cursor : pointer; } .Layout td.BreadCrumbs a:hover { color : #910059; text-decoration : underline; } /**************************************************************** Side Nav ****************************************************************/ .Layout td.LeftNav { width : 174px; padding-top : 5px; border-left : 1px solid #dcdce0; } .Layout .LeftNav .SideNavSection { width : 166px; margin : 0 0 8px 8px; } .Layout td.RightNav { width : 174px; padding-top : 5px; border-right : 1px solid #dcdce0; } .Layout .RightNav .SideNavSection { width : 166px; margin : 0 8px 8px 0; } .Layout .SideNavParentLink { margin : 0 0 0 8px; background:#272425 url(/skins/FHOME/img/border/sidenav_l.gif) top left no-repeat; } .Layout .SideNavParentLink a { padding : 8px 6px 7px 10px; display : block; background : url(/skins/FHOME/img/border/sidenav_parent_r.gif) right top no-repeat; color : #fff; font-size : 12px; font-family : Arial, Verdana, Sans-Serif; font-weight : bold; text-decoration : none; } .Layout td.LeftNav .SecondaryNavChildList .Header { border : 1px solid #a3a3a3; background : #a3a3a3; color:#fff; } .Layout td.LeftNav .SecondaryNavChildList .Header h2 { padding : 5px 6px 5px 10px; background : transparent; } .Layout td.LeftNav .SecondaryNavChildList .Header h2 a { font-size : 11px; color : #fff; } .Layout td.LeftNav .SecondaryNavChildList .Header h2 a:hover { text-decoration : underline; } /****** Dark Box *****/ .Layout .SideNavSection .Header { border-bottom : 1px solid #716f70; background : #272425 url(/skins/FHOME/img/border/sidenav_l.gif) top left no-repeat; } .Layout .SideNavSection .Header h2 { padding : 8px 6px 7px 10px; background : url(/skins/FHOME/img/border/sidenav_r.gif) right top no-repeat; color : #fff; font-family : Arial, Verdana, Sans-Serif; font-size : 12px; } .Layout .SideNavSection .Header h2 a { height : 29px; color : #fff; font-family : Arial, Verdana, Sans-Serif; font-size : 12px; text-decoration : none; } .Layout .SideNavSection .Content a { padding : 4px 10px; border-right : 1px solid #626161; border-left : 1px solid #626161; border-bottom:1px dotted #aaaaaa; color : #fff; background-color:#626161; display : block; text-decoration : none; } .Layout .SideNavSection .Content a:hover { color : #fff; text-decoration : underline; } .Layout .SideNavSection .Content a.SelectedCategory, /* IE6 specific : Store-ie6.css */ .Layout .SideNavSection .Content a.SelectedInformationPage /* IE6 specific : Store-ie6.css */ { color : #fff; padding-left:22px; background : #626161 url(/skins/FHOME/img/border/cat_selected_bg.png) left center no-repeat; font-weight : bold; } .Layout .SideNavSection .Content .LastItem { display : block; background : #626161 url(/skins/FHOME/img/border/sidenav_bl.gif) left bottom no-repeat; } .Layout .SideNavSection .Content .LastItem a { border : 0; background : url(/skins/FHOME/img/border/sidenav_br.gif) right bottom no-repeat; } .Layout .SecondaryNavCat .Content .LastItem { margin-top : -1px; display : block; background: #bababa url(/skins/FHOME/img/border/secondarynavcat_bg.gif) left bottom no-repeat; } .Layout .SecondaryNavCat .Content .LastItem a { padding : 4px 10px 5px 10px; background : url(/skins/FHOME/img/border/secondarynavcat_a_bg.gif) 96% center no-repeat; color : #444444; font-size : 11px; font-weight : bold; } .Layout .SecondaryNavCat .Content .LastItem a:hover { text-decoration : underline; } /****** Light Box *****/ .Layout .SideNavSection.light_box .Content a { padding : 4px 10px; border-left : 1px solid #DCDCE0; border-right : 1px solid #DCDCE0; background : #F5F5F6; color : #444444; border-bottom:1px dotted #aaaaaa; background-color:#f5f5f6; display : block; text-decoration : none; } .Layout .SideNavSection.light_box .Content a:hover { color : #a41e71; text-decoration : underline; } .Layout .SideNavSection.light_box .Content a.SelectedCategory, .Layout .SideNavSection.light_box .Content a.SelectedInformationPage { color : #a41e71; padding-left:22px; background : #f5f5f6 url(/skins/FHOME/img/border/cat_selected_bg_dark.png) left center no-repeat; font-weight : bold; } .Layout .SideNavSection.light_box .Content .LastItem { display : block; background : #f5f5f6 url(/skins/FHOME/img/border/sidenav_bl_light.gif) left bottom no-repeat; } .Layout .SideNavSection.light_box .Content .LastItem a { border : 0; background : url(/skins/FHOME/img/border/sidenav_br_light.gif) right bottom no-repeat; } .Layout .SecondaryNavCat.light_box .Content .LastItem { margin-top : -1px; display : block; background: #bababa url(/skins/FHOME/img/border/secondarynavcat_bg.gif) left bottom no-repeat; } .Layout .SecondaryNavCat.light_box .Content .LastItem a { padding : 4px 10px 5px 10px; background : url(/skins/FHOME/img/border/secondarynavcat_a_bg.gif) 96% center no-repeat; color : #444444; font-size : 11px; font-weight : bold; } .Layout .SecondaryNavCat .light_box .Content .LastItem a:hover { text-decoration : underline; } /* Brand selector */ .Layout .SideNavSection .Content span.BrandListContainer { padding : 10px 10px 2px 10px; border-left : 1px solid #DCDCE0; border-right : 1px solid #DCDCE0; background : #F5F5F6; color : #444444; display : block; text-decoration : none; } .Layout .SideNavSection .Content span.BrandListContainer select { width :100%; } .Layout .SideNavSection .Content span.ViewAllBrandsLink a { text-align : right; border : 0; background : url(/skins/FHOME/img/border/sidenav_br_light.gif) right bottom no-repeat; } .Layout .SideNavSection .Content span.ViewAllBrandsLink { display : block; background : #f5f5f6 url(/skins/FHOME/img/border/sidenav_bl_light.gif) left bottom no-repeat !important; } .ViewAllBrandsimg { margin-bottom:5px; } /* Newsletter subscription */ a.Newsletter { width : 166px; height : 59px; margin : 0 0 8px 8px; display : block; background : #fff url(/skins/FHOME/img/buttons/Newsletter.jpg) no-repeat center bottom; } a.Newsletter:hover { background : #fff url(/skins/FHOME/img/buttons/Newsletter.jpg) no-repeat center top; } a.Newsletter span.Label { display : none; } .SideNavPromoImage { margin : 0 0 8px 0; padding : 0; display : block; text-align : center; } /**************************************************************** MiniBasket ****************************************************************/ .Layout .RightNav #BasketSummaryContainer { width : 166px; margin : 0 8px 8px 0; color : #fff; } .Layout #BasketSummaryContainer .Header { background:#ca3190 url(/skins/FHOME/img/border/basket_tl.gif) top left no-repeat; border-bottom:1px solid #ca3190; } .Layout #BasketSummaryContainer .Header h2 { background: url(/skins/FHOME/img/border/basket_tr.gif) right top no-repeat; padding:0 6px 0 10px; color:#ffffff; font-family:Arial, Verdana, Sans-Serif; font-size:12px; padding-top:8px; padding-bottom:7px; } .Layout #BasketSummaryContainer #BasketSummaryContents { background:#626161; text-decoration:none; display:block; padding:4px 10px; } .Layout #BasketSummaryContainer #BasketSummaryContents li { list-style-type : none; clear : both; } .Layout #BasketSummaryContainer #BasketSummaryContents li div.Quantity { float : left; color:#ffffff !important; } .Layout #BasketSummaryContainer #BasketSummaryContents li div.ProductDetails { width : 120px; padding-left : 5px; float : left; color:#ffffff !important; } .Layout #BasketSummaryContainer #BasketSummaryContents li div.ProductDetails a { color:#ffffff !important; text-decoration:none; } .Layout #BasketSummaryContainer #BasketSummaryContents li div.ProductDetails a:hover { color:#ffffff !important; text-decoration:underline; } .Layout #BasketSummaryContainer #BasketSummaryContents .Cost { padding-bottom : 5px; display : block; float : right; color:#ffffff !important; } .Layout #BasketSummaryContainer #BasketSummaryContents .label { font-size : 0; color:#ffffff !important; } .Layout #BasketSummaryContainer #BasketSummaryContents div.ShippingDetails { margin-top : 5px; padding-top : 5px; border-top : dotted 1px #9c9c9c; height:1px; clear : both; color:#ffffff !important; } .Layout #BasketSummaryContainer #BasketSummaryContents #BasketSummaryTotals { font-weight : bold; color:#ffffff !important; } .Layout #BasketSummaryContainer #BasketSummaryContents #BasketSummaryTotals .TotalLabel { float : left; color:#ffffff !important; } .Layout #BasketSummaryContainer #BasketSummaryContents #BasketSummaryTotals .Cost { float:right; color:#ffffff !important; } .Layout #BasketSummaryContainer #BasketSummaryContents #BasketSummaryTotals .Cost .Cost { float:none; color:#ffffff !important; } .Layout #BasketSummaryContainer #BasketSummaryContents #BasketSummaryControls { margin-left : -8px; margin-right:-8px; } .Layout #BasketSummaryContainer a.View { display : block; margin-top : 10px; height : 16px; width : 56px; background : url(/skins/FHOME/img/buttons/basket_view_button.png); } .Layout #BasketSummaryContainer a.View span.label { display : none; } .Layout #BasketSummaryContainer a.CheckOut { display:block; margin-top:10px; height:16px; width:91px; background:url(/skins/FHOME/img/buttons/basket_checkout_button.png); } .Layout #BasketSummaryContainer a.CheckOut span.label { display : none; } .Layout #BasketSummaryContainer .LastItem { display:block; background:#f5f5f6; background: url(/skins/FHOME/img/border/sidenav_bl.gif) left bottom no-repeat; } .Layout #BasketSummaryContainer .LastItem a { display:block; height:4px; border-style:hidden; background:none; background:url(/skins/FHOME/img/border/sidenav_br.gif) right bottom no-repeat; } /**************************************************************** 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/FHOME/img/border/side_l.gif); } .Layout .BodyLeft span { background:url(/skins/FHOME/img/border/side_tl.gif); } .Layout .BodyRight { background:url(/skins/FHOME/img/border/side_r.gif); } .Layout .BodyRight span { background:url(/skins/FHOME/img/border/side_tr.gif); } .Layout .BodyContent { padding-top : 5px; } .Layout .BodyContentNoSideBars { padding : 0 10px; border-right : 1px solid #DCDCE0; border-left : 1px solid #DCDCE0; } .Layout .BodyContent .ContentPad { padding : 0 8px 8px; } .Layout .BodyContent .ContentPad h1, .Layout .BodyContent .ContentPad h2 { margin-top : 8px; font-family:arial,verdana,sans-serif; margin-bottom : 9px; padding-bottom : 6px; font-weight:normal; border-bottom : #DDDDDD 1px dotted; font-size : 18px; } .Layout .BodyContent .ContentPad h2 { font-size : 11px; } #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; color : #4a515b; font-family : Arial,Verdana,Sans-Serif; font-size : 10.5px; } .RT a { color : #86297c; text-decoration : underline; } .RT a:hover { text-decoration : none; } .RT h1 { margin-top : 8px; margin-bottom : 8px; padding-bottom : 4px; border-bottom : #4A515B 1px dotted; font-size : 13px; } .RT h2 { margin-top : 8px; margin-bottom : 6px; padding-bottom : 3px; font-size : 12px; } .RT h3 { margin-top : 8px; margin-bottom : 6px; padding-bottom : 3px; font-style : italic; font-size : 11px; } .RT h4 { margin-top : 8px; margin-bottom : 6px; padding-bottom : 3px; font-size : 11px; } .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 { margin : 0; padding : 0; border-collapse : collapse; } .RT table th, .RT table thead td { margin : 0; padding : 5px; border : 1px solid #3E3B3C; background : #626161; color: #fff; font-size : 12px; font-weight : bold; } .RT table td { margin : 0; 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 { margin : 0; padding : 0; border : 1px solid #C5C4C4; background : transparent; color: #5B5A5A; font-size : 11px; font-weight : normal; } .RT table.Plain td, .RT table.plain td { margin : 0; padding : 0; border : 1px solid #C5C4C4; } /**************************************************************** Footer ****************************************************************/ .Layout #FooterLeft, .Layout #FooterRight { width:16px; height:112px; } .Layout #FooterRight { width:17px; height:112px; } .Layout #FooterLeft { background:url(/skins/FHOME/img/border/side_bl.gif) top left no-repeat; } .Layout #FooterLeft div { display:block; height:21px; width:7px; float:right; background:url(/skins/FHOME/img/border/bottom_l.gif) top right; } .Layout #FooterRight { background:url(/skins/FHOME/img/border/side_br.gif) top right no-repeat; } #FooterLogo { width:300px; } #FooterLogo img { display:block; margin:0 0 0 15px; } .Layout #FooterContent { padding:10px; background:url(/skins/FHOME/img/border/footer_back_main.gif) repeat-x top left; } .Layout #FooterContent div.Links { width : 460px; margin-right : auto; margin-bottom : 4px; margin-left : auto; padding-bottom : 6px; text-align : center; color:#fff; } .Layout #FooterContent div.Links a { color:#fff; text-decoration:none; margin:0 5px 0 5px; } .Layout #FooterContent div.Links a:hover { color:#fff; text-decoration:underline; } .Layout #FooterTel { text-align:center; padding:14px; } .Layout #FooterTel a.Number { margin : 6px 0 5px 0; font-size : 12px; text-transform:uppercase; color : #3c3c3c; } .Layout #FooterTel a.Number span { font-size:24px; font-weight : bold; } td.Metakinetic { text-align : right; padding : 10px 15px 40px 0; width:300px; } td.Metakinetic a { text-decoration : none; color:#444; } td.Metakinetic a:hover { color:#910059; text-decoration:underline; } /* Status message control */ #StatusMessage, #ErrorMessage, #WarningMessage, #SuccessMessage { margin-bottom : 10px; padding : 8px 5px 5px 28px; } #StatusMessage ul, #ErrorMessage ul, #WarningMessage ul, #SuccessMessage ul { margin : 0; padding : 0; } #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 : #494748 url(/skins/FHOME/img/border/tile_tl.gif) repeat-x; } table.PagingControl.Footer { margin-bottom : 8px; background : #494748 url(/skins/FHOME/img/border/tile_hbl.gif) repeat-x left bottom; } table.PagingControl th { padding : 5px 3px; } table.PagingControl th.LeftCell, table.PagingControl th.RightCell { width : 7px; } table.PagingControl th.RightCell { background : url(/skins/FHOME/img/border/tile_tr.gif) no-repeat right top; } table.PagingControl.Footer th.RightCell { background : url(/skins/FHOME/img/border/tile_hbr.gif) no-repeat right bottom; } table.PagingControl th, table.PagingControl th span, table.PagingControl th a { font-size : 9px; font-weight : normal; color : #fff; } 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 /* IE6 specific : Store-ie6.css */ { 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 /* IE6 specific : Store-ie6.css */ { margin-left : 5px; padding-left : 14px; background : transparent url(/img/userviewcontrol/previous_link_bg.png) no-repeat left center; } table.PagingControl th a.Next /* IE6 specific : Store-ie6.css */ { margin-right : 5px; padding-right : 14px; background : transparent url(/img/userviewcontrol/next_link_bg.png) no-repeat right center; } table.PagingControl th a.Last /* IE6 specific : Store-ie6.css */ { 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 : 298px; float : left; } a.previousButton { width : 128px; height : 21px; display : block; background : url(/skins/FHOME/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/FHOME/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; } /************************************************************* Brand Logos **************************************************************/ td.BrandLogosCell { padding : 12px 8px 8px 8px; background : url(/skins/FHOME/img/border/footer_back_grad.gif) repeat-x top left; text-align : center; vertical-align : middle; } td.BrandLogosCell a { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } td.BrandLogosCell a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1); opacity: 1; } td.BrandLogosCell img { vertical-align : middle; }