/* Basic Text Format */ div, h1, h2, h3, h5, h4, h6, span, p, ul, li, ol, form, a, input, select, textarea, td, html, body { font-family : arial,sans-serif; font-size : 11px; } html,body { height : 100%; margin : 0; padding : 0; color : #4072a2; background : #DEDEDE; } input, select, textarea { font-size : 12px; } ul { margin-left : 10px; } a { color : #33588f; } p { margin-bottom : 10px; } h1,h2,h3,h4,h5 { color : #33588f; text-align : left; } .Small { font-size : 10px; } /******************************************************* Header ******************************************************/ .Layout #Header { background : url(/skins/ITSW/img/border/header_bg.gif); } .Layout #Header img { display : block; float : left; } .Layout #Header div.TertiaryNav { width : 480px; height : 95px; background : url(/skins/ITSW/img/border/header_number.gif) top right no-repeat; float : right; } .Layout #Header div.TertiaryNav a.contactlink { width : 340px; height : 26px; margin : 10px 0 10px auto; display : block; color : #EEEEEE; font-size : 0; text-decoration : none; } .Layout #Header div.TertiaryNav div.Links { height : 22px; margin-top : 0; line-height : 22px; text-align : right; float : right; } .Layout #Header div.TertiaryNav div.Links a { padding : 0 6px; border-top : 1px dotted #b6b6b6; border-bottom : 1px dotted #b6b6b6; display : block; float : left; color : #42719e; text-align : center; font-size : 11px; font-family : Arial, Helvetica, Sans-Serif; text-decoration : none; } .Layout #Header div.TertiaryNav div.Links a:hover { text-decoration : underline; } .Layout #Header div.TertiaryNav div.LogoutControl { padding : 5px 12px 5px 0; text-align : right; } .Layout #Header div.TertiaryNav div.LogoutControl a { color : #ff9933; text-decoration : none; } .Layout #Header div.TertiaryNav div.LogoutControl a:hover { text-decoration : underline; } .Layout .Left, .Layout .Right { width:14px; } /**************************************************************** Menu ****************************************************************/ #PrimaryNav, #PrimaryNav .RadMenu ul, #PrimaryNav .RadMenu .rmRootGroup .rmItem /* IE6 specific : Store-ie6.css */ { background : #fff url(/skins/ITSW/img/border/primarynavabg.gif) repeat-x bottom left; } #PrimaryNav, #PrimaryNav .RadMenu, #PrimaryNav .RadMenu .rmRootGroup, #PrimaryNav .RadMenu .rmRootGroup .rmItem, #PrimaryNav .RadMenu .rmRootGroup .rmItem .rmText { margin : 0; padding : 0; border : none; display : block; } #PrimaryNav .RadMenu .rmRootGroup .rmItem .rmText a { margin : 0; padding : 0 15px; border : 0; border-right : 1px solid #ddd; display : block; color : #5482ac; line-height : 30px; font-weight : bold; text-decoration : none; white-space : nowrap; } #PrimaryNav .RadMenu .rmRootGroup .rmItem.hover, #PrimaryNav .RadMenu .rmRootGroup .rmItem.hover .rmText a, #PrimaryNav .RadMenu .rmRootGroup .rmItem:hover .rmText a, #PrimaryNav .RadMenu .rmRootGroup .rmItem .rmText a:hover, #PrimaryNav .RadMenu .rmRootGroup .rmItem .rmText a.focused, #PrimaryNav .RadMenu .rmRootGroup .rmItem .rmText a.expanded, #PrimaryNav .RadMenu .rmRootGroup .rmSlide .rmItem .rmText a:hover, #PrimaryNav .RadMenu .rmRootGroup .rmSlide .rmItem .rmText a.focused, #PrimaryNav .RadMenu .rmRootGroup .rmSlide .rmItem .rmText a.expanded, .RadMenu_Default .rmText:hover { color : #fff; background : #5482ac url(/skins/ITSW/img/border/primarynavahoverbg.gif) repeat-x bottom left; } #PrimaryNav .RadMenu .rmRootGroup .rmItem.hover .rmSlide .rmText a, #PrimaryNav .RadMenu .rmRootGroup .rmItem:hover .rmSlide .rmText a { background-image : none; background-color : #ffffff; color : #5482ac; } #PrimaryNav .RadMenu .rmRootGroup .rmSlide /* IE6 specific : Store-ie6.css */ { margin : -1px 0 0 0 !important; } #PrimaryNav .RadMenu .rmRootGroup .rmSlide .rmVertical, #PrimaryNav .RadMenu .rmRootGroup .rmSlide .rmScrollWrap { border : 2px solid #5482ac; } #PrimaryNav .RadMenu .rmRootGroup .rmSlide .rmScrollWrap .rmVertical { border : none; } #PrimaryNav .RadMenu .rmRootGroup .rmSlide .rmTopArrow { border-bottom : 1px solid #e3e3e3; } #PrimaryNav .RadMenu .rmRootGroup .rmSlide .rmBottomArrow { border-top : 1px solid #e3e3e3; } #PrimaryNav .RadMenu .rmRootGroup .rmSlide .rmItem { background-image : none; } #PrimaryNav .RadMenu .rmRootGroup .rmSlide .rmItem .rmText a { line-height : 20px; border-bottom : 1px dashed #e3e3e3; border-right : none; font-weight : normal; } #PrimaryNav .RadMenu .rmRootGroup .rmSlide .rmItem .rmText a:hover, #PrimaryNav .RadMenu .rmRootGroup .rmSlide .rmItem .rmText a.focused, #PrimaryNav .RadMenu .rmRootGroup .rmSlide .rmItem .rmText a.expanded { border-bottom : 1px solid #5482ac; background-image : none; background-color : #5482ac; color : #ffffff; } /* Breadcrumb row */ tr.BreadCrumbRow td.Left { background : url(/skins/ITSW/img/border/content_l_breadcrumb_bg.gif); } tr.BreadCrumbRow td.Right { background : url(/skins/ITSW/img/border/content_r_breadcrumb_bg.gif); } td.BreadCrumbCell { padding : 6px 0 1px 0; } .OptionAxis td { vertical-align : middle; } .OptionLabel { margin-left : 5px; font-weight : bold; } /* Breadcrumb bar */ div.BreadCrumbBar /* IE6 specific : Store-ie6.css */ { padding : 5px 8px 5px 10px; position : relative; background : #32689b url(/skins/ITSW/img/border/h1_bg.gif) repeat-x top left; color : #fff; z-index : 7000; } div.BreadCrumbBar span /* IE6 specific : Store-ie6.css */ { width : 3px; height : 3px; position : absolute; display : block; } div.BreadCrumbBar span.tl { top : 0; left : 0; background : url(/skins/ITSW/img/border/h1_tl.gif); } div.BreadCrumbBar span.tr { top : 0; right : 0; background : url(/skins/ITSW/img/border/h1_tr.gif); } div.BreadCrumbBar span.bl { bottom : 0; left : 0; background : url(/skins/ITSW/img/border/h1_bl.gif); } div.BreadCrumbBar span.br { bottom : 0; right : 0; background : url(/skins/ITSW/img/border/h1_br.gif); } div.BreadCrumbBar div.BreadCrumbContainer /* IE6 specific : Store-ie6.css */ { margin : 1px 3px 1px 0; } div.BreadCrumbBar div.BreadCrumbContainer a { color : #fff; } /* Vat selection section */ div.BreadCrumbBar div.VatTypeSelection { margin-left : 3px; padding-left : 3px; float : right; font-size : 9.5px; } div.BreadCrumbBar div.VatTypeSelection a /* IE6 specific : Store-ie6.css */ { height : 17px; margin : 0; padding : 0; display : inline-block; vertical-align : middle; } div.BreadCrumbBar div.VatTypeSelection a span.Label { display : none; } div.BreadCrumbBar div.VatTypeSelection a.IncVatButton { width : 30px; background : url(/skins/ITSW/img/buttons/vat_toggle_inc.jpg) no-repeat; } div.BreadCrumbBar div.VatTypeSelection a.IncVatButton:hover { background : url(/skins/ITSW/img/buttons/vat_toggle_inc_hover.jpg) no-repeat; } div.BreadCrumbBar div.VatTypeSelection a.ExcVatButton /* IE6 specific : Store-ie6.css */ { width : 30px; background : url(/skins/ITSW/img/buttons/vat_toggle_exc.jpg) no-repeat; } div.BreadCrumbBar div.VatTypeSelection a.ExcVatButton:hover { background : url(/skins/ITSW/img/buttons/vat_toggle_exc_hover.jpg) no-repeat; } div.BreadCrumbBar div.VatTypeSelection a.IncVatButtonSelected { width : 30px; background : url(/skins/ITSW/img/buttons/vat_toggle_inc_hover.jpg) no-repeat; cursor : default; } div.BreadCrumbBar div.VatTypeSelection a.ExcVatButtonSelected { width : 30px; background : url(/skins/ITSW/img/buttons/vat_toggle_exc_hover.jpg) no-repeat; cursor : default; } /* User widget section */ div.BreadCrumbBar div.UserWidgets /* IE6 specific : Store-ie6.css */ { padding-top : 1px; float : right; } div.BreadCrumbBar div.UserWidgets a { color : #fff; font-size : 1em; text-decoration : none; } div.BreadCrumbBar div.UserWidgets a.EmailFriend, /* IE6 specific : Store-ie6.css */ div.BreadCrumbBar div.UserWidgets div.Bookmark /* IE6 specific : Store-ie6.css */ { margin : 0 10px 0 0; padding : 0 15px 0 0; } div.BreadCrumbBar div.UserWidgets a:hover { text-decoration : underline; } div.BreadCrumbBar div.UserWidgets a.EmailFriend { margin-right : 0; background : url(/skins/ITSW/img/border/emailwidgetbg.png) no-repeat right; } div.BreadCrumbBar div.UserWidgets div.Bookmark { background : url(/skins/ITSW/img/border/bookmarkwidgetbg.png) no-repeat right; display : inline; position : relative; } div.BookmarkContextMenu /* IE6 specific : Store-ie6.css */ { display : none; width : 516px; position : absolute; top : -9px; right : -9px; background : transparent url(/skins/ITSW/img/bookmarks/BookMarkContextHeaderBg.gif) right top no-repeat; z-index : 50; } div.BookmarkContextMenu h3 { margin : 9px 9px 5px 5px; padding : 0 18px 0 0; background : url(/skins/ITSW/img/border/bookmarkwidgetbg.png) no-repeat right; float : right; font-size : 1em; font-weight : normal; cursor : pointer; } div.BookmarkContextMenu div.BookmarkLinks { padding : 5px; border : 3px solid #32689b; border-top : 0; clear : both; background : #fff; } div.BookmarkContextMenu div.BookmarkLinks a { width : 85px; padding : 5px 5px 5px 21px; display : block; float : left; color : #32689b; text-decoration : none; } div.BookmarkContextMenu div.BookmarkLinks a img { padding-right : 5px; vertical-align : middle; } div.BookmarkContextMenu div.BookmarkLinks a.MoreLink { width : 95%; padding-left : 21px; border-top : 1px solid #9c9c9c; display : block; float : none; clear : both; background : transparent url(/img/bookmarks/morelinkbg.png) no-repeat center left; } div.BookmarkContextMenu div.BookmarkLinks a.LessLink { width : 95%; padding-left : 21px; border-top : 1px solid #9c9c9c; display : block; float : none; clear : both; background : transparent url(/img/bookmarks/lesslinkbg.png) no-repeat center left; } .TopNav img { display : block !important; } .TopNav .Left { height:10px; background:url(/skins/ITSW/img/border/topnav_l.gif) top left; } .TopNav .Top { height:10px; background:url(/skins/ITSW/img/border/topnav_t.gif) top left; } .TopNav .Right { height:10px; background:url(/skins/ITSW/img/border/topnav_r.gif) top left; } .Content .Left { background:url(/skins/ITSW/img/border/content_l.gif); } .Content .Right { background:url(/skins/ITSW/img/border/content_r.gif); } .Layout .SpaceCol { width:6px; } .Layout .LeftNav { width:166px; padding-top:4px; } .Layout .NavWide { width:166px; } .Layout h2 { font-size:12px; } .Layout .LeftNav .SearchBox { background:url(/skins/ITSW/img/border/search_bg.gif) no-repeat top left; font-size:12px; font-weight:bold; color:#ffffff; padding:4px 0 0 8px; line-height:15px; margin-bottom:5px; height:60px; } .Layout .LeftNav .SearchBox input { width:126px; font-size:12px; margin-left:2px; background:transparent; border:0; vertical-align:top; padding-top:5px; } .Layout .LeftNav .SearchBox input.SubButt { width:23px; font-size:0; background:transparent; border:0; margin:0; padding:0; vertical-align:middle; height:24px; cursor:pointer; } .Layout .LeftNav .SearchBox a { font-size:10px; color:#ffffff; line-height:16px; text-decoration:none; } .Layout .RightNav { width:166px; padding-top:4px; } .Footer td { background: top left; } .Footer div { float:left; padding:1px 0px; white-space:nowrap; } .Footer .Top { background:url(/skins/ITSW/img/border/footer_t.gif); height:33px; } .Footer .Bottom { background:url(/skins/ITSW/img/border/footer_b.gif); } .Footer .Left { background:url(/skins/ITSW/img/border/footer_l.gif); } .Footer .Right { background:url(/skins/ITSW/img/border/footer_r.gif); } table#Background { background:url(/skins/ITSW/img/border/bg_graddown.gif) repeat-x white; width:100%; margin-bottom:5px; } table#Background td.Grad { vertical-align:bottom; } table#Background td.Grad div { height:383px; background:url(/skins/ITSW/img/border/bg_gradup.gif) repeat-x bottom white; } .SpacerBlock, table#Background td.Grad span { display:block; width:1px; height:1px; overflow:hidden; line-height:1px; } table#Background td#Main /* IE6 specific : Store-ie6.css */ { width : 988px; vertical-align : top; } .Layout { width : 994px; } /************************************************** Bottom navigation ************************************************/ #BottomNav /* IE6 specific : Store-ie6.css */ { padding : 10px 0px 10px 0; background : white url(/skins/ITSW/img/border/bottomNavNumber.gif) no-repeat right center; text-align : center; font-size : 11px; } #BottomNav a.homelink /* IE6 specific : Store-ie6.css */ { width : 160px; height : 34px; margin : 0 0 0 10px; padding : 0; float : left; display : block; font-size : 0; text-decoration : none; } #BottomNav a.contactlink { width : 200px; height : 34px; margin : 0 10px 0 10px; padding : 0; float : right; display : block; font-size : 0; text-decoration : none; color : #FFFFFF; } #BottomNav ul { height : 25px; margin : 0 0 0 10px; padding : 5px 0 5px 160px; background : transparent url(/skins/ITSW/img/border/bottomNavLogo.gif) no-repeat left center; } #BottomNav ul li { padding : 0 20px 0 20px; display : inline; background : transparent url(/skins/ITSW/img/border/BottomNavSpacer.png) no-repeat right center; } #BottomNav ul li.last { background : transparent; } #BottomNav ul li a { text-decoration : none; } #BottomNav ul li a:hover { text-decoration : underline; } /* Footer cell styling */ td.FooterCell { height : 25px; padding-top : 5px; /*padding-bottom : 70px;*/ text-align : center; vertical-align : middle; background : #dedede; } td.FooterCell table { width : 100%; } td.FooterCell table td { padding : 5px; vertical-align : top; } td.FooterCell table td.Copyright { width : 25%; text-align : left; } td.FooterCell table td.Copyright span.CopyrightCompany { font-weight : bold; display : block; } td.FooterCell table td.Cards { text-align : center; } td.FooterCell table td.Cards img { text-align : center; vertical-align : middle; } td.FooterCell table td.Metakinetic { width : 25%; text-align : right; } td.FooterCell table td.Metakinetic a { display : block; color : #4072a2; font-weight : bold; text-decoration : none; } td.FooterCell table td.Metakinetic a:hover { text-decoration : underline; } table.BreadCrumbs { background:white url(/skins/ITSW/img/border/content_bg.gif) repeat-x top left; } .Content { background:white; } .Content td#BodyContent { width:100%; padding:0 4px; } #masthead { margin-top : 5px; margin-bottom : 5px; text-align : center; } #masthead p { margin-top : 5px; padding-right : 5px; padding-left : 5px; text-align : left; } /* H1 styling */ .Content a.TopPromo { display:block; margin-bottom:-4px; } .Content td#BodyContent h1 { background:url(/skins/ITSW/img/border/h1_bg.gif) top left repeat-x #32689b; font-family:Arial, Helvetica, Sans-Serif; font-size:14px; font-weight:normal; color:#ffffff; vertical-align:middle; margin-top:8px; } .Content td#BodyContent h1 { margin-bottom : 7px; padding : 5px 12px; position : relative; } .Content td#BodyContent h1 span { position:absolute; width:3px; height:3px; display:block; } .Content td#BodyContent h1 span.tl { top:0; left:0; background:url(/skins/ITSW/img/border/h1_tl.gif); } .Content td#BodyContent h1 span.tr { top:0; right:0; background:url(/skins/ITSW/img/border/h1_tr.gif); } .Content td#BodyContent h1 span.bl { bottom:0; left:0; background:url(/skins/ITSW/img/border/h1_bl.gif); } .Content td#BodyContent h1 span.br { bottom:0; right:0; background:url(/skins/ITSW/img/border/h1_br.gif); } /* H3 styling */ .Content td#BodyContent h3 { background : url(/skins/ITSW/img/border/h3_bg.gif) top left repeat-x #ededed; font-family : Arial, Helvetica, Sans-Serif; font-size : 11px; font-weight : normal; color : #32689b; vertical-align : middle; position : relative; padding : 4px 12px; margin-bottom : 4px; border : 1px solid #e5e5e5; } .Content td#BodyContent h3.left, .Content td#BodyContent h3.none { border-right : 0px; } .Content td#BodyContent h3.right, .Content td#BodyContent h3.none { border-left : 0px; } .Content td#BodyContent h3 span /* IE6 specific : Store-ie6.css */ { position : absolute; width : 3px; height : 3px; display : block; } .Content td#BodyContent h3 span.tl { top : -1px; left : -1px; background : url(/skins/ITSW/img/border/h3_tl.gif); } .Content td#BodyContent h3 span.tr { top : -1px; right : -1px; background : url(/skins/ITSW/img/border/h3_tr.gif); } .Content td#BodyContent h3 span.bl { bottom : -1px; left : -1px; background : url(/skins/ITSW/img/border/h3_bl.gif); } .Content td#BodyContent h3 span.br { bottom : -1px; right : -1px; background : url(/skins/ITSW/img/border/h3_br.gif); } /************************************************** Side nav section *************************************************/ div.SideNavSection { width : auto; margin-bottom : 10px; font-size : 11px; } div.SideNavSection div.Header { margin-top : 1px; padding : 0; color : #ffffff; background : url(/skins/ITSW/img/border/sidenavsection_header_bg.gif) #4475A3 no-repeat left top; } div.SideNavSection div.Header h2 { padding : 5px 9px 4px 8px; color : #ffffff; background : url(/skins/ITSW/img/border/sidenavsection_header_bg_r.gif) no-repeat right top; } div.SideNavSection div.Header h2 a { color : #ffffff; text-decoration : none; } div.SideNavSection div.Header h2 a:hover { text-decoration : underline; } div.SideNavSection div.Content { background : url(/skins/ITSW/img/border/sidenavsection_div_bg.gif) #fff repeat-y left top; border-right : 1px solid #cccccc; border-bottom : 1px solid #cccccc; border-left : 1px solid #cccccc; } div.SideNavSection div.Content a { padding : 5px 10px; display : block; color : #336699; text-decoration : none; background : url(/skins/ITSW/img/border/sidenavsection_a_bg.gif) no-repeat left bottom; clear:both; } div.SideNavSection div.Content a img { padding-right : 5px; vertical-align : middle; float : left; } div.SideNavSection div.Content span.SideNavProductLink { display : block; float : left; width : 114px; } div.SideNavSection div.Content a.SelectedCategory, div.SideNavSection div.Content a.SelectedInformationPage { color : #ff9933; font-weight : bold; } div.SideNavSection div.Content a.LastLink { background : transparent; } div.SideNavSection div.Content a:hover { color : #ff9933; } div.SideNavSection div.Content span.LastItem { display : block; } div.SideNavSection.SecondaryNavCat div.Content span.LastItem { background : url(/skins/ITSW/img/border/sidenavsection_span_last_bg.gif) #d9d9d9 no-repeat left bottom; } div.SideNavSection div.Content span.LastItem a { padding : 5px 23px 5px 10px; } div.SideNavSection.SecondaryNavCat div.Content span.LastItem a { background : url(/skins/ITSW/img/border/sidenavsection_span_last_a.png) no-repeat 90%; } /************************************************************ Secondary nav *************************************************************/ div.SideNavParentLink { color : #ffffff; background : url(/skins/ITSW/img/border/secondarynav_backlink_bg.gif) #255078 no-repeat left top; font-size : 11px; } div.SideNavParentLink a { padding : 5px 18px 5px 8px; display : block; color : #ffffff; background : url(/skins/ITSW/img/border/secondarynav_backlink_a_bg.png) no-repeat 97%; font-size : 12px; text-decoration : none; font-weight : bold; } div.SideNavParentLink a:hover { } /******************************************************* Newsletter subscription ********************************************************/ a.Newsletter { width : 165px; height : 82px; margin-bottom : 10px; display : block; background : #36516C url(/skins/ITSW/img/buttons/newsletter_signup.jpg) no-repeat center bottom; } a.Newsletter span.Label { display : none; } a.MoreInfo { margin : 8px 5px 0 0; font-size : 11px; padding : 0px 0 0 12px; display : block; background : transparent url(/skins/ITSW/img/SubscribeForm/MoreInfoArrow.png) no-repeat left center; color : #fff; font-weight : bold; text-transform : uppercase; text-decoration : none; } a.MoreInfo:hover { text-decoration : underline; cursor : pointer; } div.SubscribeFormMessages { margin : 10px; } /*********************************************************** Basket Summary *************************************************************/ #BasketSummaryContainer { width : 165px; margin-bottom : 10px; color : #fff; background : url(/skins/ITSW/img/border/basket_header.gif) no-repeat #4273a0; } #BasketSummaryContainer h2 { margin : 0 6px 4px 6px; padding : 7px 0 6px 0; font-size : 1.1em; color : #fff; border-bottom : 1px dotted #fff; background : url(/skins/ITSW/img/border/basket_shopping_cart_bg.gif) no-repeat right center; } #BasketSummaryContents /* IE6 specific : Store-ie6.css */ { padding : 0 6px 6px 6px; background : url(/skins/ITSW/img/border/basket_footer.gif) no-repeat center bottom; } #BasketSummaryContents ul li /* IE6 specific : Store-ie6.css */ { padding : 0; margin : 0; clear : both; font-size : 1em; list-style-type : none; list-style-position : outside; } #BasketSummaryContents ul li div.ProductDetails, /* IE6 specific : Store-ie6.css */ #BasketSummaryContents div.ProductDetails /* IE6 specific : Store-ie6.css */ { margin : 0 5px; } #BasketSummaryContents ul li span.ItemPrice { float : right; } #BasketSummaryContents ul li span.ItemPriceVatType { display : none; } #BasketSummaryContents ul li span.ItemQuantity { float : left; } #BasketSummaryContents ul.EmptyShoppingBasket { margin-bottom : 5px; padding : 15px 0; text-align : center; } #BasketSummaryContents div.ShippingDetails /* IE6 specific : Store-ie6.css */ { padding : 4px 0; border-bottom : 1px dotted #fff; clear : both; } #BasketSummaryContents div.ShippingDetails div.ShippingDetailsContent { margin : 0; padding : 4px 0 0 0; border-top : 1px dotted #fff; } #BasketSummaryContents div.ShippingDetails div { margin : 0 5px; } #BasketSummaryContents div.ShippingDetails h3 { padding-bottom : 5px; margin-bottom : 5px; border-bottom : 1px dotted #fff; color : #fff; font-size : 1em; } #BasketSummaryContents div.ShippingDetails p { margin : 0; padding : 0 5px; } #BasketSummaryContents div.ShippingDetails span.Cost { float : right; } #BasketSummaryContents div.ShippingDetails span.ShippingPriceVatType { display : none; } #BasketSummaryContents div.ShippingDetails div.ShippingLabel { width : 95px; } #BasketSummaryContents a { color : #fff; text-decoration : none; } #BasketSummaryContents a:hover { text-decoration : underline; } #BasketSummaryControls /* IE6 specific : Store-ie6.css */ { clear : both; margin-top : 5px; } #BasketSummaryControls a { height : 16px; display : block; float : left; color : #ffffff; text-decoration : none; } #BasketSummaryControls a:hover { color : #ffffff; text-decoration : underline; } #BasketSummaryControls a.View { width : 59px; background : url(/skins/ITSW/img/buttons/basket_view_button.jpg) no-repeat right center; margin-right : 2px; } #BasketSummaryControls a.CheckOut { width : 91px; background : url(/skins/ITSW/img/buttons/basket_checkout_button.jpg) no-repeat right center; } #BasketSummaryControls a span.label { display : none; } #BasketSummaryTotals /* IE6 specific : Store-ie6.css */ { margin-top : 4px; margin-bottom : 4px; padding : 0 4px 3px 4px; border-bottom : 1px dotted #fff; } #BasketSummaryTotals span.Label { width : 110px; } #BasketSummaryTotals span.Cost { float : right; } #BasketSummaryTotals span.BasketPriceVatType { display : none; } /********************************************************** Brand Navigation ************************************************************/ select.BrandSelect { width : 144px; margin : 5px 10px; } a.ViewAllBrands { text-align : right; } /************************************************************ Product panel *************************************************************/ td.productDescription { padding-top : 7px; } td.productDescription h4 { margin : 0 0 2px 0; padding : 0; color : #4d7ca8; font-size : 1.1em; text-transform : uppercase; } td.productDescription p { width : 200px; float : left; color : #32689b; font-size : 1em; } td.productDescription div.icons { margin-right : 5px; float : right; } /* Product buttons */ a.buyButton { width : 60px; height : 21px; margin-bottom : 5px; margin-left : 10px; display : block; background : url(/skins/ITSW/img/buttons/buy_button.gif); } a.personaliseButton { width : 128px; height : 21px; margin-bottom : 5px; margin-left : 10px; display : block; clear : both; background : url(/skins/ITSW/img/buttons/personalise_button.gif); } a.moreInfoButton { width : 92px; height : 15px; margin-left : 10px; display : block; background : url(/skins/ITSW/img/buttons/more_info_button.png); } a.previousButton { width : 128px; height : 21px; display : block; background : url(/skins/ITSW/img/buttons/previous_button.png); } a.BackButton { width : 128px; height : 21px; display : block; background : url(/skins/ITSW/img/buttons/back_button.png); } a.buyButton span.label, a.personaliseButton span.label, a.moreInfoButton span.label, a.customiseButton span.label, a.previousButton span.label, a.BackButton span.label { display : none; } #featuredProductsDiv { clear : both; } /***************************************************** Page title ****************************************************/ .Content td#BodyContent h1.MainTitle { background : #ededed url(/skins/ITSW/img/border/h3_bg.gif) top left repeat-x; font-family : Arial, Helvetica, Sans-Serif; font-size : 14px; font-weight : bold; color : #32689b; vertical-align : middle; border : 1px solid #e5e5e5; } .Content td#BodyContent h1.MainTitle { margin : 5px 0 7px; padding : 5px 12px; position : relative; } .Content td#BodyContent h1.MainTitle span /* IE6 specific : Store-ie6.css */ { width : 3px; height : 3px; display : block; position : absolute; } .Content td#BodyContent h1.MainTitle span.tl { top : -1px; left : -1px; background : url(/skins/ITSW/img/border/h3_tl.gif); } .Content td#BodyContent h1.MainTitle span.tr { top : -1px; right : -1px; background : url(/skins/ITSW/img/border/h3_tr.gif); } .Content td#BodyContent h1.MainTitle span.bl { bottom : -1px; left : -1px; background : url(/skins/ITSW/img/border/h3_bl.gif); } .Content td#BodyContent h1.MainTitle span.br { bottom : -1px; right : -1px; background : url(/skins/ITSW/img/border/h3_br.gif); } /*********************************************** 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 : #4375A3; } table.PagingControl.Footer { margin-bottom : 8px; background : #4375A3; } table.PagingControl th { padding : 5px 3px; } table.PagingControl th.LeftCell { width : 7px; background : url(/skins/ITSW/img/border/tile_tl.gif) no-repeat left top; } table.PagingControl.Footer th.LeftCell { width : 7px; background : url(/skins/ITSW/img/border/tile_bl.gif) no-repeat left bottom; } table.PagingControl th.RightCell { width : 7px; background : url(/skins/ITSW/img/border/tile_tr.gif) no-repeat right top; } table.PagingControl.Footer th.RightCell { background : url(/skins/ITSW/img/border/tile_br.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 th a:hover { text-decoration : none; } 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.SelectedPage { padding : 0 2px; font-weight : bold; } /* Product Extras Page */ table.productExtras, table.productOptions { width : 100%; margin-bottom : 15px; border-collapse : collapse; } table.productExtras tr th, table.productOptions tr th { padding-bottom : 10px; padding-left : 11px; text-align : left; font-weight : normal; } table.productExtras tr.FinalRow th, table.productOptions tr.FinalRow th { padding-top : 15px; padding-left : 0; border-top : 1px solid #ccc; } table.ProductExtrasDetails { border-collapse : collapse; } table.ProductExtrasDetails tr.AlternativeRow { background : #eee; } table.ProductExtrasDetails td.DetailsCell { padding : 10px; vertical-align : top; } table.ProductExtrasDetails td.DetailsCell h4 { margin : 0 0 10px 0; } table.ProductExtrasDetails td.DetailsCell p { margin : 0 0 10px 0; } lsCell span.VatPrice span.Price, div.ProductOption span.VatPrice span.Price, table.MatrixItems td span.VatPrice span.Price { color : #4072A2; font-size : 1.0em; font-weight : normal; } table.ProductExtrasDetails td.DetailsCell span.VatPrice span.Label, div.ProductOption span.VatPrice span.Label, table.MatrixItems td span.VatPrice span.Label { display : none; } span.CurrentProductPrice span.Price { color : #D96B04; font-size : 20px; font-weight : bold; } /* Product options page specific styles */ table.productOptions tr th.ProductOptionSelectionCell, table.productOptions tr th.ProductOptionQuestionsCell { padding : 0 0 10px 0; } p.ProductOptionDescription { margin : 10px 13px; } div.ProductOptionSelection { margin-right : 13px; margin-left : 13px; float : left; } div.ProductOptionSelection table { margin-left : 10px; } input.ProductOptionButton { float : right; } td.RadioButtonLabelCell { padding-bottom : 3px; padding-left : 8px; } table.QuestionDetails { margin : 10px 13px; } table.QuestionDetails .QuestionLabel { padding-top : 3px; font-weight : bold; } table.QuestionDetails .QuestionInput { padding-bottom : 4px; padding-left : 8px; } table.QuestionDetails .QuestionInput p { margin : 4px 0 0 0; } /* Product Summary control specific styles */ .Content td#BodyContent div.ProductSummary div.title { margin : 0; padding : 0 0 0px 5px; background : #4576a4 url(/skins/ITSW/img/ProductSummary/ProductSummaryTitleBgL.gif) no-repeat top left; } .Content td#BodyContent div.ProductSummary div.title h4 { margin : 0; padding : 5px; background : #4576a4 url(/skins/ITSW/img/ProductSummary/ProductSummaryTitleBgR.gif) no-repeat top right; color : #fff; font-size : 1.1em; } div.ProductSummary table { border-collapse : collapse; border : 1px solid #cccccc; } div.ProductSummary table th, div.ProductSummary table td { padding : 10px 10px 0 10px; border-right : 1px solid #cccccc; border-top : 1px solid #cccccc; border-left : 1px solid #cccccc; font-size : 0.9em; text-align : center; vertical-align : top; } div.ProductSummary table tr:last-child td { background : #fff url(/skins/ITSW/img/ProductSummary/FinalItemBg.gif) repeat-x bottom left; } div.ProductSummary table tr.Header th { padding : 5px; background : #d0d0d0 url(/skins/ITSW/img/ProductSummary/HeaderBg.gif) repeat-x top left; color : #1b496d; font-size : 0.9em; font-weight : bold; } div.ProductSummary table tr.Header th span.ExPrice { display : block; } div.ProductSummary table tr.OptionDetail td { padding-top : 0; padding-bottom : 10px; border-top : 0px solid #cccccc; } div.ProductSummary table tr.FinalItem td { background : #fff url(/skins/ITSW/img/ProductSummary/FinalItemBg.gif) repeat-x bottom left; } div.ProductSummary table tr.TotalSummary td { padding-bottom : 10px; border-right : 0px solid #cccccc; border-bottom : 1px solid #cccccc; border-left : 0px solid #cccccc; background : #fff; } div.ProductSummary table tr.TotalSummary td.FirstCell { background : #fff url(/skins/ITSW/img/ProductSummary/TotalCellBg.png) repeat-y top left; } div.ProductSummary table tr td.Selected { background : #fff url(/skins/ITSW/img/ProductSummary/SelectedBg.png) no-repeat center 10px; } div.ProductSummary table tr td.QuantityCell, div.ProductSummary table tr td.TotalLabel { font-weight : bold; } div.ProductSummary table td h4 { margin : 0; font-size : 1.4em; } div.ProductSummary table td h5 { margin : 0; padding : 0; float : left; font-size : 1.3em; } div.ProductSummary table td div.Thumbnail { width : 50px; margin-right : 10px; float : left; } div.ProductSummary table td div.Details { width : 240px; text-align : left; float : left; } ul.OptionList { clear : both; } ul.OptionList li { list-style-type : none; } ul.OptionList li span.Question { font-weight : bold; } span.IncPrice { display : block; font-size : 1.2em; font-weight : bold; color : #d96b04; } span.IncPriceTotal { display : block; font-size : 1.2em; font-weight : bold; color : #d96b04; } span.ExPrice { display : block; } /* Product confirm page specific styles */ table.ProductConfirm { width : 100%; border-collapse : collapse; text-align : center; } table.ProductConfirm td.Details { padding-bottom : 20px; } table.ProductConfirm td.FirstButton { float : left; } table.ProductConfirm td.LastButton { float : right; } /* Featured items container */ div.FeaturedItems { margin-top : 10px; clear : both; } div.FeaturedItems div.Header { background : #386d9e url(/skins/ITSW/img/featuredItems/Featured_Header_BG.png) repeat-x left top; } div.FeaturedItems div.Header div { padding-left : 3px; background : transparent url(/skins/ITSW/img/featuredItems/Featured_Header_BG_L.png) no-repeat left top; } div.FeaturedItems div.Header h2 { padding : 5px 3px 5px 8px; background : transparent url(/skins/ITSW/img/featuredItems/Featured_Header_BG_R.png) no-repeat right top; color : #fff; font-size : 1em; } div.FeaturedItems div.Footer, div.FeaturedItems div.EmptyFooter { background : #386d9e url(/skins/ITSW/img/featuredItems/Featured_Footer_BG.png) repeat-x left bottom; } div.FeaturedItems div.Footer div, div.FeaturedItems div.EmptyFooter div { float : none; padding : 0; background : transparent url(/skins/ITSW/img/featuredItems/Featured_Footer_BG_L.png) no-repeat left bottom; } div.FeaturedItems div.Footer p, div.FeaturedItems div.EmptyFooter p { padding : 5px 12px 5px 8px; margin : 0; background : transparent url(/skins/ITSW/img/featuredItems/Featured_Footer_BG_R.png) no-repeat right bottom; color : #fff; font-size : 1em; text-align : right; } div.FeaturedItems div.Footer p a, div.FeaturedItems div.EmptyFooter p a { padding-left : 14px; background : transparent url(/skins/ITSW/img/featuredItems/View_All_Link_BG.png) no-repeat left 5px; color : #fff; text-decoration : none; } div.FeaturedItems div.Footer p a:hover, div.FeaturedItems div.EmptyFooter p a:hover { text-decoration : underline; } /* Basket Page */ div.EmptyBasket p { margin-top : 5px; padding-right : 5px; padding-left : 5px; text-align : left; } table tr.header { background : #fff url(/skins/ITSW/img/basket/header_bg.gif) repeat-x left top; } table tr.header th { padding : 10px 5px; vertical-align : top; } table tr.header .firstHeader { background : transparent url(/skins/ITSW/img/basket/header_bg_l.gif) no-repeat left top; } table tr.header .lastHeader { background : transparent url(/skins/ITSW/img/basket/header_bg_r.gif) no-repeat right top; } table#tableBasket tr.header td.shippingHeader { padding : 10px; border-bottom : 0; vertical-align : top; } table#tableBasket { width : 100%; border-collapse : collapse; } table#tableBasket tr td.label, table#tableBasket tr td.value { padding : 5px 10px; border-bottom : 1px solid #ccc; } table#tableBasket tr td.shippingOptionCell { padding-bottom : 10px; padding-left : 15px } table#tableBasket tr td.label { font-weight : bold; } table#tableBasket tr td.value { text-align : right; } table#tableBasket tr td.divider { padding-bottom : 15px; border-bottom : 0; } table#tableBasket tr td.Total { background : transparent url(/skins/ITSW/img/basket/basket_total_bg.gif) repeat-y left top; } table#tableBasket tr td.Introduction { padding : 10px; } table#tableBasket tr td.ShippingOptions { padding : 10px; border-bottom : 1px solid #ccc; } /* Basket items */ table#tableBasketItems { width : 100%; border-collapse : collapse; } table#tableBasketItems tr td { padding : 10px 5px; border-bottom : 1px solid #ccc; } table#tableBasketItems tr.lastRow td { border-bottom : 0; } table#tableBasketItems tr td.firstCell { padding-left : 10px; } table#tableBasketItems tr td.lastCell { padding-right : 10px; } table#tableBasketItems tr td img { border : 1px solid #ccc; } table#tableBasketItems tr td.thumb { text-align : right; } table#tableBasketItems tr td.description { width : 60%; } table#tableBasketItems tr td.quantity, table#tableBasketItems tr td.price, table#tableBasketItems tr td.remove { text-align : center; } table#tableBasketItems tr td.quantity input { width : 29px; } table#tableBasketItems tr td.description h4 a { text-decoration : none; } table#tableBasketItems tr td.description h4 a:hover { text-decoration : underline; } div.PageIntroduction, div.InformationPageContainer, div.ValidationSummary { margin : 0px 13px 10px 13px; } div.PageIntroduction h3, div.InformationPageContainer h3, div.ValidationSummary h3 { margin : 4px -13px 4px -13px; } .RequiredField, label.requiredField, label.RequiredField { padding-right : 7px; background : transparent url(/skins/ITSW/img/checkout/required_field_bg.png) no-repeat right top; } .nextStepButton { float : right } 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; } 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; } h2.HomePageHeader { vertical-align : middle; font-family : Arial, Helvetica, Sans-Serif; font-size : 14px; font-weight : normal; color : #ffffff; } /****************************************************************** Homepage ********************************************************************/ /* Homepage adverts */ table.AdvertTable { width : 100%; margin-bottom : 6px; } table.AdvertTable tr td { padding : 0 0 21px 0; } table.AdvertTable tr td.HomepageAdCell { text-align : center; } table.AdvertTable tr td.HomepageAdCellAlt { text-align : center; } a.HomepageAdvert, a.HomepageAdvertAlt { display : block; } a.HomepageAdvert img { margin : 4px 4px 0 0; display : block; } a.HomepageAdvertAlt img { margin : 4px 0 0 0; display : block; } a.SideNavPromoImage { margin-bottom : 5px; display : block; } div.WizardScroll { height : 268px; margin-bottom : 4px; padding : 10px; border : 1px solid #bbb; background : #f9f9f9; overflow-y : scroll; } div.WizardScroll a { margin : 2px; padding : 4px; border : 1px solid white; display : block; } div.WizardScroll a:hover { border : 1px dashed #999; background : #ecf0f4; } span.VatPrice span.Price { color : #F89938; font-size : 1.2em; font-weight : bold; } span.VatPrice span.Label { } div.Seperator { clear : both; } /************************************************************* Brand Logos **************************************************************/ td.BrandLogosCell { text-align:center; } td.BrandLogosCell { padding : 8px; 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; } /********************************************************** 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; font-family : Verdana, Arial, Sans-Serif; font-size : 10.5px; } .RT a { color : #26a0d3; text-decoration : underline; } .RT a:hover { text-decoration : none; } .RT h1 { margin-top : 8px; margin-bottom : 8px; padding-bottom : 4px; 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-size : 11px; font-style : italic; } .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 #32689B; background : #4073A2; 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 { margin : 0; padding : 0; border-collapse : separate; } .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: #4072A2; font-size : 11px; font-weight : normal; } .RT table.Plain td, .RT table.plain td { margin : 0; padding : 0; border : 1px solid #C5C4C4; } .RT table.NoBorder td { border : 0px solid #fff; } .Layout #BodyContent h2 { margin-top : 8px; margin-bottom : 9px; padding-bottom : 6px; border-bottom : 1px solid #4072a2; }