@import url("https://fonts.googleapis.com/css2?family=Rubik&family=Rubik&family=Oswald&display=swap"); /* +++++++++++++++ SITEWIDE ELEMENTS - ALL DESIGNS V1 +++++++++++++++ */ body { background-color: rgb(255,255,255); color: rgb(0,0,0); } select, input, textarea { color: rgb(0,0,0); background-color: rgb(255,255,255); } h1, h2, h3, h4, h5, h6 { font-weight: bold; color: rgb(9,40,120); } a, a:link, a:visited { color: rgb(9,40,120); text-decoration: none; } a:hover, a:active { color: rgb(0,168,222); text-decoration: underline; } hr { border-top: 1px solid rgba(200,200,200,0.25); } /* FONTS */ body, select, input, textarea, article h4, article h5 { font-family: "Rubik", sans-serif; } h1, h2, h3, h4, h5, h6, dl.mz_accordion dt { font-family: "Rubik", sans-serif; } /*#mz_miniNav a, #mz_headerNav, #mz_account,*/ #mz_minicart, #mz_keywordSearch fieldset a, a.formBtn_reg, a.formBtn_pri, input.formBtn_reg, input.formBtn_pri, a#mz_detBuy_btn, a#mz_detEnq_btn, a#mz_detOOS_btn, a#mz_detMsg_btn, a#mz_detPre_btn, a#mz_detList_btn, a#mz_detApp_btn, article fieldset a, article fieldset a.mz_listBuyNow, /*#mz_footerLinks ul li a*/ button#payButtonId { font-family: "Oswald", sans-serif; } #mz_miniNav a, #mz_headerNav, #mz_account, #mz_footerLinks ul li a { font-family: "Rubik", sans-serif; } @media screen and (min-width: 1025px) { #mz_primaryNav, #mz_primaryNav > ul { font-family: "Oswald", sans-serif; } #mz_primaryNav > ul ul { font-family: "Rubik", sans-serif; } } /* TABLES */ table { border-top: 1px solid rgba(200,200,200,0.75); } table tr { background-color: rgba(200,200,200,0); border-top: 1px solid rgba(200,200,200,0.25); border-bottom: 1px solid rgba(200,200,200,0.25); } table tr th { background-color: rgba(200,200,200,0.5); border-bottom: 1px solid rgba(200,200,200,0.75); color: rgb(0,0,0); } table tr td { background-color: rgba(200,200,200,0); border-top: none; color: rgb(0,0,0); } table tr:nth-child(even) { background-color: rgba(200,200,200,0.1); } table tr.tbl_subTotal th, table tr.tbl_total th { background-color: rgba(200,200,200,0); border-bottom: none; text-align: right; } div.mz_det_tiered ul { border-top: 1px solid rgba(200,200,200,0.75); } div.mz_det_tiered ul li { color: rgb(0,0,0); background-color: rgba(200,200,200,0);border-bottom: 1px solid rgba(200,200,200,0.25); } div.mz_det_tiered ul li:nth-child(even) { background-color: rgba(200,200,200,0.1); } /* FORMS */ .formField_ex { color: rgba(152,152,152,0.5); } ::-webkit-input-placeholder { color: rgba(152,152,152,0.5); } :-moz-placeholder { color: rgba(152,152,152,0.5); } ::-moz-placeholder { color: rgba(152,152,152,0.5); } :-ms-input-placeholder { color: rgba(152,152,152,0.5); } #mz_form input:-ms-input-placeholder { color: rgba(152,152,152,0.5); } #mz_form textarea:-ms-input-placeholder { color: rgba(152,152,152,0.5); } input, select, textarea { border: 1px solid rgb(200,200,200); } input:disabled + label { color: rgba(200,200,200,0.5); } input:focus, select:focus, textarea:focus { border: 1px solid rgb(0,168,222); } fieldset.formError { background: rgba(175,20,28,0.1); } fieldset.formError label , fieldset.formError p.validation { color: rgb(175,20,28); } fieldset.formValid p.validation { color: rgb(8,120,49); } fieldset.formValid input { border: 1px solid rgb(8,120,49); } fieldset.formError input { border: 1px solid rgb(175,20,28); } p.formField_info { color: rgb(152,152,152); } #co_timeSlots.formError, #co_timeSlots.formError > p { background: rgba(175,20,28,0.1); } #co_timeSlots.formError > p { color: rgb(175,20,28); } fieldset p.validation .fas { display: inline-block; padding: 0 0.3125em 0 0; } fieldset.mz_formHiLite { background: rgba(0,168,222,0.1); } /* BUTTONS */ a.formBtn_reg, a.formBtn_pri, input.formBtn_reg, input.formBtn_pri, a#mz_detBuy_btn, a#mz_detEnq_btn, a#mz_detOOS_btn, a#mz_detMsg_btn, a#mz_detPre_btn, a#mz_detList_btn, a#mz_detApp_btn, article fieldset a, article fieldset a.mz_listBuyNow, #mz_backTop, button#payButtonId { border-radius: 0; } a#mz_detBuy_btn:link, a#mz_detBuy_btn:visited, a#mz_detEnq_btn:link, a#mz_detEnq_btn:visited, a#mz_detPre_btn:link, a#mz_detPre_btn:visited, article fieldset a.mz_listBuyNow:link, article fieldset a.mz_listBuyNow:visited, a.formBtn_pri:link, a.formBtn_pri:visited, #mz_intlOptions ul a.formBtn_pri:link, #mz_intlOptions ul a.formBtn_pri:visited, input.formBtn_pri, button#payButtonId { background: rgba(0,168,222,1); border: 1px solid rgba(0,168,222,1); color: rgba(255,255,255,1); } a#mz_detBuy_btn:hover, a#mz_detBuy_btn:active, a#mz_detEnq_btn:hover, a#mz_detEnq_btn:active, a#mz_detPre_btn:hover, a#mz_detPre_btn:active, article fieldset a.mz_listBuyNow:hover, article fieldset a.mz_listBuyNow:active, a.formBtn_pri:hover, a.formBtn_pri:active, #mz_intlOptions ul a.formBtn_pri:hover, #mz_intlOptions ul a.formBtn_pri:active, input.formBtn_pri:hover, button#payButtonId:hover { background: rgba(9,40,120,0.6); border: 1px solid rgba(9,40,120,0.8); color: rgba(255,255,255,0.8); } a#mz_detOOS_btn:link, a#mz_detOOS_btn:visited, a#mz_detMsg_btn:link, a#mz_detMsg_btn:visited, a#mz_detApp_btn:link, a#mz_detApp_btn:visited, article fieldset a:link, article fieldset a:visited, a.formBtn_reg:link, a.formBtn_reg:visited, #mz_intlOptions ul a.formBtn_reg:link, #mz_intlOptions ul a.formBtn_reg:visited, input.formBtn_reg { background: rgba(242,244,248,1); border: 1px solid rgba(9,40,120,1); color: rgba(9,40,120,1); } a#mz_detOOS_btn:hover, a#mz_detOOS_btn:active, a#mz_detMsg_btn:hover, a#mz_detMsg_btn:active, a#mz_detApp_btn:hover, a#mz_detApp_btn:active, article fieldset a:hover, article fieldset a:active, a.formBtn_reg:hover, a.formBtn_reg:active, #mz_intlOptions ul a.formBtn_reg:hover, #mz_intlOptions ul a.formBtn_reg:active, input.formBtn_reg:hover { background: rgba(255,255,255,0.6); border: 1px solid rgba(0,168,222,0.8); color: rgba(0,168,222,0.8); } a.mz_listAddList:link, a.mz_listAddList:visited, a.mz_listAddList:hover, a.mz_listAddList:active { text-align: left; border: none; background: none; } a.mz_listAddList:link, a.mz_listAddList:visited { color: rgb(9,40,120); text-decoration: none; } a.mz_listAddList:hover, a.mz_listAddList:active { color: rgb(0,168,222); text-decoration: underline; } #mz_backTop:link, #mz_backTop:visited { background: rgba(152,152,152,0.8); border: 1px solid rgba(216,216,216,0.5); color: rgba(255,255,255,0.8); } #mz_backTop:hover, #mz_backTop:active { background: rgba(152,152,152,0.5); border: 1px solid rgba(216,216,216,0.2); color: rgba(255,255,255,1); } a.mz_close .fas { display: inline-block; padding: 0 0.3125em 0 0; } /* UNIVERSAL MESSAGING */ .mz_instockMsg { color: rgb(8,120,49); } .mz_lowstockMsg { color: rgb(229,160,64); } .mz_nostockMsg { color: rgb(175,20,28); } .mz_disstockMsg { color: rgb(152,152,152); } .mz_noPurch { color: rgba(152,152,152,0.5); } .mz_OOSnotify { background-color: rgba(8,120,49,0.1); color: rgb(8,120,49); } .mz_successMsg h3 { color: rgb(8,120,49); } div.mz_successMsg { background-color: rgba(8,120,49,0.1); border: 1px Solid rgba(8,120,49,0.3); } table tr.mz_successMsg td, table tr.mz_successMsg:nth-child(even) td { background-color: rgba(8,120,49,0.1); } .mz_errorMsg h3, table .mz_errorMsg h6 { color: rgb(175,20,28); } div.mz_errorMsg { background-color: rgba(175,20,28,0.1); border: 1px Solid rgba(175,20,28,0.3); } table tr.mz_errorMsg td, table tr.mz_errorMsg:nth-child(even) td { background-color: rgba(175,20,28,0.1); } .mz_infoMsg h3, #mz_detInfo_box h4, { color: rgb(0,168,222); } div.mz_infoMsg { background-color: rgba(0,168,222,0.1); border: 1px Solid rgba(0,168,222,0.3); } table tr.mz_infoMsg td, table tr.mz_infoMsg:nth-child(even) td { background-color: rgba(0,168,222,0.1); } .mz_neutralMsg h3 { color: rgb(152,152,152); } div.mz_neutralMsg { background-color: rgba(152,152,152,0.1); border: 1px Solid rgba(152,152,152,0.3); } table tr.mz_neutralMsg td, table tr.mz_neutralMsg:nth-child(even) td { background-color: rgba(152,152,152,0.1); } .mz_tooltipAll .mz_tooltipContent { color: rgb(255,255,255); background-color:rgb(56,56,56); border-radius: 5px; box-shadow:0 1px 8px rgba(0,0,0,0.5); } .mz_tooltipAll .mz_tooltipContent b::after { background-color:rgb(56,56,56); box-shadow:0 1px 8px rgba(0,0,0,0.5); } .mz_tooltipAll svg { color: rgb(175,20,28); } .mz_storeSelect_plp { background-color: rgba(0,168,222,0.1); border-bottom: 1px dashed rgba(0,168,222,0.3); } .mz_storeSelect_pdp { background-color: rgba(0,168,222,0.1); border-top: 1px dashed rgba(0,168,222,0.3); } table tr.mz_back_inStock td { background-color: rgba(8,120,49,0.05); } table tr.mz_back_inStock:nth-child(even) td { background-color: rgba(8,120,49,0.1); } span.mz_prevPrice, span.mz_packUnit { color: rgb(152,152,152); } span.mz_taxTag { color: rgb(152,152,152); } span.mz_numInBasket { background: rgba(251,251,203,0.8); color: rgb(0,0,0); } span.mz_noStockFlag { color: rgb(255,255,255); background: rgba(175,20,28,0.5); } span.mz_lowStockFlag { color: rgb(255,255,255); background: rgba(229,160,64,0.5); } span.mz_discontinueFlag { color: rgb(255,255,255); background: rgba(152,152,152,0.5); } span.mz_discontinueFlag a { color: rgb(255,255,255); } span.mz_comingSoonFlag {color: rgb(255,255,255); background: rgba(8,120,49,0.5); } div.mz_list_imgSect span.mz_numInBasket { bottom: 0; } #magipixGallery span.mz_numInBasket { top: 3.1em; } div.mz_reviewIntro ul .mz_fullStar { color: #fc0; } div.mz_reviewIntro ul .mz_halfStar { color: #fc0; } div.mz_reviewIntro ul .mz_noStar { color: rgba(152,152,152,0); } div.mz_reviewIntro ul li.mz_reviewQty { color: #383838; } div.mz_reviewIntro ul li.mz_reviewLnk { color: #383838; } .mz_itemAdded_item { border-top: 1px Solid rgba(8,120,49,0.25); } .mz_itemAdded_item h4:before { color: rgb(8,120,49); } #mz_FreeShippBanner { background-color: #fff; } #mz_FreeShippBanner h5 { background-color: rgba(175,20,28,0.1); border-bottom: 1px solid rgba(175,20,28,0.25); color: rgb(175,20,28); font-weight: bold; } /* POPINS AND OVERLAYS */ .dark-overlay { background-color: rgba(0,0,0,0.75); } div.mz_generic_pop { background: rgb(255,255,255); } div.mz_popin { background: rgb(255,255,255); border: 1px solid rgba(200,200,200,0.5); } #mz_megahover { background: rgba(0,0,0,0.75); } .mz_loader { background-color: rgba(0,0,0,0.75); } .mz_loader div { color: rgb(255,255,255); } .mz_itemAdded_item h2 .fas { color: rgb(8,120,49); } .mz_geolocation_pop a.mz_logoPop { background: rgb(255,255,255); display: block; padding: 0.625em 0; } .mz_geolocation_pop a.mz_logoPop img { width: 300px; } .mz_geolocation_pop .mz_genAdv_txt { padding: 0.625em 1.5%; } /* */ /* SEARCH RESULTS PAGE */ .mz_searchTerm { color: rgb(175,20,28); } .mz_srpSugg_box { border-top: 1px solid rgba(200,200,200,0.25); } .mz_srpSugg_box ul li a span { color: rgb(175,20,28); font-weight: bold; } .mz_srpSugg_box + div.mz_pagination { border-top: 1px solid rgba(200,200,200,0.25); } /* SHADOWS */ #mz_priContent { -webkit-box-shadow: inset 0px 10px 10px -10px rgba(152,152,152,1), inset 0px -10px 10px -10px rgba(152,152,152,1); -moz-box-shadow: inset 0px 10px 10px -10px rgba(152,152,152,1), inset 0px -10px 10px -10px rgba(152,152,152,1); box-shadow: inset 0px 10px 10px -10px rgba(152,152,152,1), inset 0px -10px 10px -10px rgba(152,152,152,1); padding: 10px 0; } @media screen and (min-width: 1025px) { .mz_megamenu > ul > li > ul { -webkit-box-shadow: 3px 3px 3px 0px rgba(200,200,200,0.5); -moz-box-shadow: 3px 3px 3px 0px rgba(200,200,200,0.5); box-shadow: 3px 3px 3px 0px rgba(200,200,200,0.5); } .mz_minimenu > ul > li > ul { -webkit-box-shadow: 3px 3px 3px 0px rgba(200,200,200,0.5); -moz-box-shadow: 3px 3px 3px 0px rgba(200,200,200,0.5); box-shadow: 3px 3px 3px 0px rgba(200,200,200,0.5); } } @media print { #mz_priContent { box-shadow: none; } } /* SITE WIDTH */ @media screen and (min-width: 1280px) { #mz_priContent > #mz_priContentInner, #mz_footerInner { width: 96%; } } /* ++++++++++++++++++++++++++++++ HEADER AREA AND PRIMARY NAVIGATION ++++++++++++++++++++++++++++++ */ /* +++++++++++++++ HEADER STYLE ONE - STANDARD +++++++++++++++ */ header, #mz_headerInner, #mz_fullSite_login #mz_headerFunctions { background: rgb(255,255,255); color: rgb(9,40,120); } #mz_fullSite_login header, #mz_fullSite_login #mz_headerInner { background: rgb(255,255,255); min-height: 80px; } header li.phoneNumber, #mz_account li.phoneNumber { color: rgb(0,168,222); font-weight: bold; } header li.phoneNumber .fas { display: none; } #mz_mallNav { background-color: rgba(255,255,255,1); border-bottom: 1px solid #e8e8e8; } #mz_mallNav a { background: rgba(255,255,255,1); border: 1px solid #e8e8e8; } #mz_mallNav a:link, #mz_mallNav a:visited { color: #686868; } #mz_mallNav a:hover, #mz_mallNav a:active { color: #000; } #mz_mallNav a:hover, #mz_mallNav a:active, #mz_mallNav a.mz_currentMall { background: #f8f8f8; border-bottom: 1px solid #f8f8f8; } #mz_mallNav a.mz_currentMall { color: #000; } #mz_headerNav { background: rgb(242,244,248); border-bottom: 1px solid rgb(218,223,235); } #mz_headerNav a:link, #mz_headerNav a:visited { color: rgb(9,40,120); } #mz_headerNav a:hover, #mz_headerNav a:active { color: rgb(9,40,120); } .mz_taxToggle { /*border-left: 1px solid rgb(218,223,235); border-right: 1px solid rgb(218,223,235);*/ } .mz_taxToggle a:link, .mz_taxToggle a:visited { background: rgb(200,200,200); } .mz_taxToggle a:hover, .mz_taxToggle a:active { background: rgba(200,200,200, 0.5); } .mz_taxToggle a.mz_currTax { color: rgb(255,255,255); background: rgb(8,120,49); } #mz_logo a { background-image: url(https://abclive1.s3.amazonaws.com/b6c04d09-80f2-4e69-a5ef-2e2d6d645214/graphic/logo_mob2.png); } #mz_account li { color: rgb(9,40,120); } /*#mz_account ul li:first-child:before { padding: 0 0.3125em 0 0; } #mz_account ul li:first-child:before + a { padding: 0; }*/ #mz_account ul a:link, #mz_account ul a:visited, #mz_fullSite_login a:link, #mz_fullSite_login a:visited { color: rgb(9,40,120); } #mz_account ul a:hover, #mz_account ul a:active, #mz_fullSite_login a:hover, #mz_fullSite_login a:active { color: rgb(9,40,120); } #mz_account ul a, #mz_account li.phoneNumber { /* border-left: 1px solid rgba(200,200,200,0.5); */ } #mz_account ul a.mz_navCurr { background: rgba(9,40,120,0.1); font-weight: bold; } #mz_minicart ul { border: 1px solid rgb(255,255,255); border-radius: 0; background: rgba(255,255,255,1); } li.mz_basketInfo .fas { display: inline-block; padding: 0 0.3125em 0 0; color: rgb(9,40,120); } li.mz_basketInfo, li.mz_basketInfo a:link, li.mz_basketInfo a:visited { color: rgb(9,40,120); } li.mz_basketInfo a:hover, li.mz_basketInfo a:active { color: rgb(0,168,222); } a.mz_checkoutLink { border-radius: 0 0 0 0; text-transform: none; } a.mz_checkoutLink:link, a.mz_checkoutLink:visited { background: rgba(9,40,120,1); color: rgb(255,255,255); } a.mz_checkoutLink:hover, a.mz_checkoutLink:active { background: rgba(0,168,222,0.6); color: rgb(255,255,255); } #mz_minicart ul.mz_emptyMinicart { border: 1px solid rgb(255,255,255); background: rgba(255,255,255,1); } /*#mz_minicart ul.mz_emptyMinicart li.mz_basketInfo { color: rgb(255,255,255); }*/ #mz_minicart ul.mz_emptyMinicart li.mz_basketInfo { color: rgb(200,200,200); } #mz_minicart ul.mz_emptyMinicart li.mz_basketInfo .fas { color: rgb(200,200,200); } #mz_minicart ul.mz_emptyMinicart a.mz_checkoutLink { background: rgb(255,255,255); color: rgb(200,200,200); } ul.mz_emptyMinicart a.mz_checkoutLink:link, ul.mz_emptyMinicart a.mz_checkoutLink:visited { background: rgba(255,255,255,0.6); } ul.mz_emptyMinicart a.mz_checkoutLink:hover, ul.mz_emptyMinicart a.mz_checkoutLink:active { background: rgba(255,255,255,0.4); } #mz_minicart ul, #mz_minicart ul.mz_emptyMinicart { /* */ } #mz_cartPreview { background: rgb(255,255,255); border-left: 1px solid rgba(232,232,232,0.25); } #mz_cartPreview > div > div { /*border-bottom: 1px solid #d8d8d8;*/ } #mz_cartPreview h2 { border-bottom: 1px solid rgba(232,232,232,0.25); } #mz_cartPreview img { border: 1px solid rgba(232,232,232,0.25); } /* search common */ ul#mz_miniNav a { } #mz_keywordSearch { border-bottom: 1px solid rgba(200,200,200,0.25); } #mz_keywordSearch fieldset { background: #fff; border: 1px solid rgb(0,168,222); border-radius: 32px; width: 100%; } #mz_keywordSearch ::placeholder { color: rgba(9,40,120,0.5); } #mz_keywordSearch ::-webkit-input-placeholder {color: rgba(9,40,120,0.5); } #mz_keywordSearch :-moz-placeholder { color: rgba(9,40,120,0.5); } #mz_keywordSearch ::-moz-placeholder { color: rgba(9,40,120,0.5); } #mz_keywordSearch :-ms-input-placeholder { color: rgba(9,40,120,0.5); } #mz_keywordSearch fieldset input { border-radius: 32px 0 0 32px; margin: 1px 0 0 1%; width: 70%; background: #fff; color: rgb(0,0,0); } #mz_keywordSearch fieldset > a .fas { display: inline-block; padding: 0 0.3125em 0 0; color: rgb(255,255,255); } #mz_keywordSearch fieldset > a { border-radius: 0 32px 32px 0; } #mz_keywordSearch fieldset > a:link, #mz_keywordSearch fieldset > a:visited { background: rgba(0,168,222,1); color: rgb(255,255,255); } #mz_keywordSearch fieldset > a:hover, #mz_keywordSearch fieldset > a:active { background: rgba(255,255,255,0.6); color: rgb(0,168,222); } #mz_keywordSearch fieldset { /* */ } /* celebros */ div.yui-ac-content { background: rgb(255,255,255); border: 1px solid rgb(0,168,222); color: rgb(0,0,0); } div.yui-ac-content ul li.ACHeaderItem { background-color: rgba(200,200,200,0.5); border-top: 1px solid rgba(200,200,200,0.75); color: rgb(0,0,0); } div.yui-ac-content ul li.ACQueryItem, div.yui-ac-content ul li.ACProductItem { background: rgb(255,255,255); } div.yui-ac-content ul li.ACProductItem { border-bottom: 1px solid rgba(200,200,200,0.75); } div.yui-ac-content ul li.yui-ac-highlight { background: rgba(0,168,222,0.1) } /* celebros style updates 2022 */ .ac-prod-shop .ac-prod-price { color: rgb(9,40,120); } .ac-queries-title { color: rgb(9,40,120); } #topProducts .ac-title { color: rgb(9,40,120); } ul#mz_miniNav { border-top: 1px solid rgb(0,168,222); border-bottom: 1px solid rgb(200,200,200); } ul#mz_miniNav, ul#mz_miniNav a { background: rgb(255,255,255); } ul#mz_miniNav a, ul#mz_miniNav a:link, ul#mz_miniNav a:visited { color: rgb(9,40,120); } ul#mz_miniNav a:hover, ul#mz_miniNav a:active { background: rgb(255,255,255); color: rgb(0,168,222); } ul#mz_miniNav a .fas { margin: 0 auto; font-size: 1.5em; display: block; padding: 0.3125em 0 0.15625em 0; } ul#mz_miniNav a span { text-transform: none; font-size: 0.75em; display: block; padding: 0 0 0.3125em 0; } #mz_primaryNav, #mz_primaryNav ul ul { text-align: left; } #mz_primaryNav ul { background: rgb(255,255,255); } #mz_primaryNav ul li a { text-transform: none; } #mz_primaryNav ul li a:link, #mz_primaryNav ul li a:visited, #mz_primaryNav ul li a:link + span.mz_toggleNav { /*background: rgb(255,255,255);*/ color: rgb(9,40,120); } #mz_primaryNav ul li a:hover, #mz_primaryNav ul li a:active, #mz_primaryNav ul li a:hover + span.mz_toggleNav { background: rgb(242,244,248); color: rgb(0,168,222); } #mz_primaryNav li { border-bottom: 1px solid rgba(200,200,200,0.25); } #mz_primaryNav li li { border-bottom: 1px solid rgba(200,200,200,0.05); } #mz_primaryNav ul li.mz_navTitle { color: rgb(9,40,120); } #mz_primaryNav ul.sub-menu > li > a, #mz_primaryNav ul.sub-menu > li > a:link, #mz_primaryNav ul.sub-menu > li > a:visited { /**/ } /* if using universal icon */ #mz_primaryNav ul li.mz_navTitle:before, #mz_primaryNav ul.sub-menu > li > a:before, #mz_account ul li:before, #mz_homepageContent .mz_featGraphic h3:before, #mz_footerLinks ul li a:before { content: ""; padding: 0 0.3125em 0 0; } #mz_primaryNav .mz_intlOptions { background: rgba(200,200,200,0.15); } body.mz_checkout #mz_account ul li:before { content: ""; } /* internal search */ div.mz_intSearchSugg span.mz_searchTerm { color: rgb(175,20,28); font-weight: bold; text-decoration: underline; } div.mz_intSearchSugg { background-color: rgb(255,255,255); border: 1px solid rgba(200,200,200, 0.25); } div.mz_intSearchSugg ul, ul.mz_intSearchSugg_prod li { border-bottom: 1px solid rgba(200,200,200, 0.25); color: rgb(9,40,120); } div.mz_intSearchSugg ul li:hover, div.mz_intSearchSugg ul li:active, div.mz_intSearchSugg ul li:focus { background-color: rgba(0,168,222, 0.05); color: rgb(0,168,222); } div.mz_intSearchSugg ul li:first-of-type { font-weight: bold; background-color: rgba(152,152,152, 0.15); border-bottom: 1px solid rgba(200,200,200, 0.25); color: rgb(9,40,120); } /* factfinder search styles */ span.suggestTextQuery { color: #980000; text-decoration: underline; } ul.suggestLayerList, ul.suggestLayerBlock, div.suggestLayerBlock { background-color: #fff; border: 1px solid rgba(152,152,152, 0.25); } .suggestLayerBlockText { border-bottom: 1px solid rgba(152,152,152, 0.25); } li.suggestHeader { background-color: rgba(152,152,152, 0.15); border-bottom: 1px solid rgba(152,152,152, 0.25); } li + li.suggestHeader { border-top: 1px solid rgba(152,152,152, 0.25); } li.suggestRow { background-color: #fff; } li.suggestRow:hover, li.suggestRow:active, li.suggestRow:focus { background-color: rgba(152,152,152, 0.05); } li.suggestHighlight { background-color: rgba(152,152,152, 0.05); } span.suggestParentCategory { color: rgb(152,152,152); } li.suggestRow:hover span.suggestTextQuery, li.suggestRow:active span.suggestTextQuery, li.suggestRow:focus span.suggestTextQuery, span.suggestTextQuery:hover { color: #000; text-decoration: none; } span.suggestTextQueryTyped { color: #686868; font-weight: bold; text-decoration: underline; } /* MEDIA QUERIES */ @media screen and (min-width: 1025px) { #mz_headerFunctions { /*background: rgb(255,255,255);*/ } #mz_fullSite_login header, #mz_fullSite_login #mz_headerInner { background: rgb(255,255,255); color: rgb(9,40,120); } #mz_keywordSearch { background: transparent; border-bottom: none; } #mz_keywordSearch fieldset { background: rgba(255,255,255,1); } #mz_keywordSearch fieldset input { background: rgba(255,255,255,1); color: rgb(0,0,0); } #mz_primaryNav { text-align: center; } #mz_primaryNav { border-top: 1px solid rgb(0,168,222); border-bottom: 1px solid rgb(200,200,200); } #mz_primaryNav li { border-bottom: none; } #mz_primaryNav li li { border-bottom: none; } #mz_primaryNav ul ul li a:link, #mz_primaryNav ul ul li a:visited { background: rgb(255,255,255); color: rgb(9,40,120); } #mz_primaryNav ul ul li a:hover, #mz_primaryNav ul ul li a:active { background: rgb(242,244,248); color: rgb(0,168,222); } #mz_primaryNav, #mz_primaryNav > ul { background: rgb(255,255,255); } #mz_primaryNav > ul ul { background: rgb(255,255,255); } #mz_primaryNav > ul > li { border-right: none; } #mz_primaryNav > ul > li > a:link, #mz_primaryNav > ul > li > a:visited { background: rgb(255,255,255); color: rgb(9,40,120); text-transform: uppercase; } #mz_primaryNav > ul > li.mz_currentPri > a { background: rgb(0,168,222); color: rgb(255,255,255); } #mz_primaryNav > ul > li:hover > a, #mz_primaryNav > ul > li.mz_currentPri:hover > a { background: rgb(255,255,255); color: rgb(0,168,222); } ul.sub-menu ul li:first-child { border-top: 1px solid rgba(200,200,200,0.15); padding-top: 0.625em; } .mz_minimenu > ul:hover + #mz_megahover, .mz_megamenu > ul:hover + #mz_megahover { background: rgba(0,0,0,0.5); } #mz_primaryNav > ul > li:last-child > a { background: rgb(255,255,255); color:rgb(175,20,28); } #mz_primaryNav > ul > li:last-child:hover > a { background: rgb(255,255,255); color: rgb(0,168,222); } .mz_megamenu > ul { width: auto; } .mz_megamenu > ul > li > ul { left: 10%; } .mz_megamenu > ul > li > ul.sub-menu { width: 80%; } /* if using universal icon */ #mz_primaryNav ul li.mz_navTitle:before, #mz_primaryNav > ul > li.mz_currentPri > a:before { content: ""; } #mz_primaryNav > ul > li > a { font-size: 1em; } } @media screen and (min-width: 1280px) { #mz_primaryNav > ul > li > a { font-size: 1.25em; } #mz_keywordSearch fieldset { float: right; width: 85%; } } /* +++++++++++++++ HEADER LAYOUT SELECTION +++++++++++++++ */ #mz_miniNav li { width: 25%; } #mz_keywordSearch { padding: 0.3125em 2%; } #mz_logo { padding: 0.3125em 0; } #mz_logo a { height: 80px; } @media screen and (min-width: 1025px) { #mz_logo { float: left; height: auto; width: 29%; } #mz_logo a { background-image: none; height: 110px; } #mz_logo img { max-width: 100%; margin: 0; } #mz_headerFunctions { float: right; width: 70%; text-align: right; } #mz_keywordSearch { float: left; padding: 0; width: 63%; } div.mz_intSearchSugg { top: 5.6em; left: 0; width: 63%; } #mz_minicart { float: right; width: 35%; } /* */ } @media screen and (min-width: 1280px) { div.mz_intSearchSugg { left: 3%; width: 60%; } } /* +++++++++++++++ PRIMARY CONTENT STYLE ONE - STANDARD +++++++++++++++ */ #mz_priContent { background: rgb(255,255,255); } #mz_priContentInner, #mz_supportContent { background: rgb(255,255,255); } ul#mz_breadcrumb li { text-transform: uppercase; } ul#mz_breadcrumb li .fas { color: rgb(0,168,222); padding: 0 0 0 0.3125em; margin: 0 0.3125em 0 0; } #mz_genericPage h1 { border-bottom: 1px solid rgba(200,200,200,0.25); margin-bottom: 0.625em; } #mz_genericPage { border: 1px solid rgba(255,255,255,0.25); background: rgb(255,255,255); } /*remove padding if no border blocks*/ #mz_supportContent h2, #mz_supportContent fieldset, nav.mz_secondaryNav, div.mz_appliedFilters, div.mz_pagination, .mz_list_catTitle, #mz_detailPrimary_main, #mz_accountPage, #mz_genericPage { padding-left: 0.625em; padding-right: 0.625em; } /* SUPPORT CONTENT */ #mz_supportContent h2 { background: rgb(255,255,255); border: 1px solid rgba(255,255,255,0.25); border-bottom: none; } #mz_supportContent fieldset { background: rgb(255,255,255); border-right: 1px solid rgba(255,255,255,0.25); border-left: 1px solid rgba(255,255,255,0.25); } #mz_supportContent fieldset:last-of-type { border-bottom: 1px solid rgba(255,255,255,0.25); } #mz_supportContent h3.mz_filterTitle { background-color: rgb(242,244,248); border-top: 1px solid rgba(200,200,200,0.25); color: rgb(9,40,120); text-transform: uppercase; font-weight: bold; } #mz_supportContent h3.mz_filterTitle .fa-caret-down, #mz_supportContent h3.mz_filterTitle.mz_closeFilter .fa-caret-right { display: none; } #mz_supportContent h3.mz_filterTitle .fa-caret-right, #mz_supportContent h3.mz_filterTitle.mz_closeFilter .fa-caret-down { display: inline-block; } #mz_supportContent h3.mz_filterTitle:hover { color: rgb(0,168,222); background-color: rgba(255,255,255,0.1); } #mz_supportContent fieldset ul.checkRad_list { border-top: 1px solid rgba(200,200,200,0.25); border-bottom: 1px solid rgba(200,200,200,0.1); } #mz_supportContent fieldset ul.checkRad_list li label { color: rgb(9,40,120); text-transform: none; } #mz_supportContent fieldset ul.checkRad_list li label:hover { color: rgb(0,168,222); background: rgb(242,244,248); } #mz_supportContent fieldset ul.checkRad_list li input:disabled + svg + label { color: rgb(152,152,152); } #mz_supportContent fieldset ul.checkRad_list input[type=checkbox]:checked + svg + label { color: rgb(0,168,222); } ul.checkRad_list li label .fa-star { color: #fc0; } ul.checkRad_list li label .fa-star-o { color: rgb(152,152,152); } div.mz_appliedFilters { background: rgb(255,255,255); border: 1px solid rgba(255,255,255,0.25); } div.mz_appliedFilters h4 { border-bottom: 1px dashed rgba(200,200,200,0.25); } div.mz_appliedFilters a { border: 1px solid rgba(200,200,200,0.25); text-transform: none; } div.mz_appliedFilters > a { /*background: #f5f5f5;*/ /*come back to this*/ } div.mz_appliedFilters .fas { display: inline-block; padding: 0 0.3125em 0 0; } nav.mz_secondaryNav ul li a:hover { background: rgb(242,244,248); } nav.mz_secondaryNav { background: rgb(255,255,255); border: 1px solid rgba(255,255,255,0.25); border-top: none; text-transform: none; } nav.mz_secondaryNav > ul { border-top: 1px solid rgba(200,200,200,0.25); } nav.mz_secondaryNav .mz_navCurr { background: rgb(242,244,248); } nav.mz_secondaryNav .fas { display: inline-block; padding: 0 0.3125em 0 0; } #mz_sitemap .mz_wgtContainer > ul > li > a { background: rgba(200,200,200,0.1); border-top: 1px solid rgba(200,200,200,0.25); } #mz_sitemap .mz_wgtContainer > ul > li > ul > li > ul > li:first-child { border-top: 1px dashed rgba(200,200,200,0.25); } /* PRODUCT COMMON */ article h6, #magipixGallery h6 { font-weight: normal; border-right: 1px solid rgba(255,255,255,0.5); border-bottom: 1px solid rgba(255,255,255,0.5); box-shadow: none; } article h6 { top: 5px; right: -5px; padding: 0.5em 0.5em 0.5em 0.9375em; border-radius: 18px 0 0 18px; text-align: right; } #magipixGallery h6 { top: 5px; left: -5px; padding: 0.5em 0.9375em 0.5em 0.5em; border-radius: 0 18px 18px 0; text-align: left; } article h6 i, #magipixGallery h6 i { display: table-cell; white-space: nowrap; } h6.mz_baseIcon_new { background: rgb(8,120,49); color: rgb(255,255,255); } h6.mz_baseIcon_preOrder { background: rgb(64,117,28); color: rgb(255,255,255); } h6.mz_baseIcon_excl { background: rgb(9,40,120); color: rgb(255,255,255); } h6.mz_baseIcon_freeDel { background: rgb(0,0,0); color: rgb(255,255,255); } h6.mz_baseIcon_bestSell { background: rgb(0,168,222); color: rgb(255,255,255); } h6.mz_baseIcon_spOffer { background: rgb(175,20,28); color: rgb(255,255,255); } h6.mz_baseIcon_sale { background: rgb(175,20,28); color: rgb(255,255,255); } h6.mz_baseIcon_saleAlt { background: rgb(255,81,19); color: rgb(255,255,255); } h6.mz_baseIcon_furRed { background: rgb(175,20,28); color: rgb(255,255,255); } h6.mz_baseIcon_clear { background: rgb(0,0,0); color: rgb(255,255,255); } h6.mz_baseIcon_multi { background: rgb(9,40,120); color: rgb(255,255,255); } h6.mz_baseIcon_blkFri { background: rgb(0,0,0); color: rgb(255,255,255); } h6.mz_customIcon01 { background: rgb(9,40,120); color: rgb(255,255,255); } h6.mz_customIcon02 { background: rgb(104,104,104); color: rgb(255,255,255); } h6.mz_customIcon03 { background: rgb(104,104,104); color: rgb(255,255,255); } h6.mz_customIcon04 { background: rgb(104,104,104); color: rgb(255,255,255); } h6.mz_customIcon05 { background: rgb(104,104,104); color: rgb(255,255,255); } /* PRODUCT LIST */ .mz_list_catTitle { background: rgb(255,255,255); color: rgb(9,40,120); border: 1px solid rgba(255,255,255,0.25); border-bottom: none; } div.mz_pagination { background: rgb(255,255,255); border: 1px solid rgba(255,255,255,0.25); border-top: none; } div.mz_prodList_section + div.mz_pagination { border-top: 1px solid rgba(255,255,255,0.25); } div.mz_pagination select { background: rgb(255,255,255); } div .mz_changeView ul li a, ul.mz_paginationNav li a { background-color: rgb(255,255,255); border: 1px solid rgba(200,200,200,1); color: rgb(9,40,120); } div.mz_changeView ul li a:hover, div.mz_changeView ul li a.mz_viewCurr, ul.mz_paginationNav li a:hover, ul.mz_paginationNav li.mz_pgCurr a, ul.mz_paginationNav li.current_page a { background-color: rgba(0,168,222,0.1); border: 1px solid rgba(9,40,120,0.3); color: rgb(0,168,222); } ul.mz_itemsPerPage li:first-child { border-right: 1px solid rgba(200,200,200,0.5); } .mz_prodWgt article, .mz_defView article, .mz_altView1 article, .mz_altView2 article, .mz_upsellGrid article, .nosto-product-list-large article { background: rgb(255,255,255); border-color: rgba(255,255,255, 0.25); } .mz_prodWgt article:hover, .mz_defView article:hover, .mz_altView1 article:hover, .mz_altView2 article:hover, .mz_upsellGrid article:hover, .nosto-product-list-large article:hover { border-color: rgb(200,200,200); } .fa-history { display: none; } article.mz_prevPurch { border: 1px solid rgba(40,152,248,0.3); } table article.mz_prevPurch { border: none; } .mz_prevPurch .fa-history { display: inline-block; color: rgb(40,152,248); background: rgba(255,255,255,0.75); position: absolute; padding: 0.3125em; z-index: 5000; } div.mz_prevPurch .fa-history { top: 0; right: 0; } article.mz_prevPurch .fa-history { top: 0; left: 0; } article.mz_listHighlight { background-color: #feffeb; } article h3 { font-weight: normal; text-transform: none; } article h3 span.mz_brandName { text-transform: none; } article h4 { font-weight: normal; } article h5 { color: rgb(152,152,152); } article h5.mz_promoMsg, div.mz_det_promo h3, fieldset#mz_det_versionOptions table tr.mz_versPromoTxt td { color: rgb(175,20,28); font-weight: bold; } strong.mz_salePrice { color: rgb(175,20,28); font-weight: bold; } .mz_defView article div.mz_list_priInfo, .mz_altView1 article div.mz_list_priInfo, .nosto-product-list-large article div.list_priInfo { text-align: left; } div.mz_list_secInfo { border-bottom: 1px solid rgba(200,200,200,0.25); } div.mz_list_secInfo h5 { border-top: 1px solid rgba(200,200,200,0.25); } article fieldset { background-color: rgb(255,255,255); border-top: 0px dashed rgb(232,232,232); } a.mz_listAddList:link .fas, a.mz_listAddList:visited .fas { display: none; } a.mz_listAddList:hover .fas, a.mz_listAddList:active .fas { display: block; } a.mz_listAddList:link .far, a.mz_listAddList:visited .far { display: block; } a.mz_listAddList:hover .far, a.mz_listAddList:active .far { display: none; } a.mz_listOOSList { font-size: 0.7em; padding: 0.75em 0; } span.mz_list_purHisLnk i { color: rgb(9,40,120); } span.mz_list_purHisLnk:hover i { color: rgb(0,168,222); } div.mz_suppInfo ul { border-top: 1px solid rgba(200,200,200,0.2); border-bottom: 1px solid rgba(200,200,200,0.2); } div.mz_suppInfo ul li span { border-bottom: 1px solid rgba(200,200,200,0.2); background: #f8f8f8; } ul.mz_orderHistory li { border-top: 1px solid rgba(200,200,200,0.2); border-bottom: 1px solid rgba(200,200,200,0.2); } ul.mz_orderHistory li span { background: #f8f8f8; border-bottom: 1px solid rgba(200,200,200,0.1); } ul.mz_orderHistory li:nth-of-type(6), ul.mz_orderHistory li:nth-of-type(7), ul.mz_orderHistory li:nth-of-type(8), ul.mz_orderHistory li:nth-of-type(9), ul.mz_orderHistory li:nth-of-type(10) { border: none; } article fieldset input[type=text] { background: rgb(255,255,255); } /* PRODUCT DETAIL */ #mz_detailPrimary_main { border: 1px solid rgba(255,255,255,0.25); background: rgb(255,255,255); } h4.mz_additionalMsg { background-color: rgba(152,152,152,0.1); border-top: 1px Solid rgba(152,152,152,0.25); border-bottom: 1px Solid rgba(152,152,152,0.25); } #mz_titlePrice h1 { font-weight: normal; text-transform: none; } #mz_titlePrice h1 span.mz_brandName { text-transform: none; } #mz_titlePrice h2 { font-weight: normal; } #mz_titlePrice h5.mz_detDRS, h2#mz_det_price span.mz_detDRS { color: rgb(0,168,222); } #mz_titlePrice h5.mz_regRRP { color: rgb(152,152,152); } #mz_prodDetails h5.mz_prodCode, #mz_prodDetails h5.mz_prodCode strong { font-weight: normal; } div.mz_det_promo { border: 1px solid rgba(175,20,28,0.2); background: rgba(175,20,28,0.05); } #mz_flexifi_det #flexifi-tag { background: rgba(152,152,152,1); color: rgb(0,0,0); } #mz_flexifi_det #flexifi-tag:hover { background: rgba(216,216,216,0.7); } #mz_flexifi_det #flexifi-tag p { font-family: "Rubik", sans-serif; } .fotorama__caption { font-family: "Rubik", sans-serif; color: rgb(0,0,0); } .fotorama__caption__wrap { background-color: rgb(255,255,255); background-color: rgba(255,255,255,.9); } #mz_detailPrimary_main div.mz_reviewIntro { border-top: 1px solid rgba(200,200,200,0.25); border-bottom: 1px solid rgba(200,200,200,0.25); } #mz_detailPrimary_main div.mz_prodInfo_icons ul { border-right: 1px solid rgba(200,200,200,0.1); border-bottom: 1px solid rgba(200,200,200,0.1); } #mz_detailPrimary_main div.mz_prodInfo_icons ul li { border-bottom: none; } fieldset#mz_det_versionOptions input[type=text] { background: rgb(255,255,255); } #mz_det_dynamicPrice { border-top: 1px solid rgba(0,168,222,0.25); background: rgba(0,168,222,0.1); } div.mz_det_secInfo h5 { border-top: 1px solid rgba(200,200,200,0.1); } div.mz_det_secInfo h5:last-of-type { border-bottom: 1px solid rgba(200,200,200,0.1); } div.mz_det_secInfo div:nth-of-type(even) { border-left: 1px solid rgba(200,200,200,0.1); } div.mz_det_tiered table tr th { background-color: rgba(200,200,200,0); } div.mz_variantSelect ul li a:link, div.mz_variantSelect ul li a:visited { background: rgb(255,255,255); color: rgb(9,40,120); border: 1px solid rgba(200,200,200,0.25); } div.mz_variantSelect ul li a:hover, div.mz_variantSelect ul li a:active { background: rgb(242,244,248); color: rgb(9,40,120); border: 1px solid rgba(9,40,120,1); } div.mz_variantSelect ul li a.mz_variant_curr { background: rgba(0,168,222,0.1); color: rgb(0,168,222); border: 1px solid rgba(0,168,222,1); } div.mz_variantSelect ul li a.mz_variant_gone { background: rgba(152,152,152,0.05); border: 1px solid rgba(152,152,152,0.25); color: rgba(152,152,152,0.5); } a#mz_detBuy_btn .fas, a#mz_detEnq_btn .fas, a#mz_detOOS_btn .fas, a#mz_detMsg_btn .fas, a#mz_detPre_btn .fas, a#mz_detApp_btn .fas { display: inline-block; padding: 0 0.3125em 0 0; } a.mz_detAddList:link .fas, a.mz_detAddList:visited .fas { display: none; } a.mz_detAddList:hover .fas, a.mz_detAddList:active .fas { display: block; } a.mz_detAddList:link .far, a.mz_detAddList:visited .far { display: block; } a.mz_detAddList:hover .far, a.mz_detAddList:active .far { display: none; } div.mz_clickCollect { background-color: rgba(152,152,152,0.1); border-top: 1px Solid rgba(152,152,152,0.25); border-bottom: 1px Solid rgba(152,152,152,0.25); } div.mz_subscription { background-color: rgba(152,152,152,0.1); border-top: 1px Solid rgba(152,152,152,0.25); border-bottom: 1px Solid rgba(152,152,152,0.25); } #mz_priContent div.mz_subscription label strong { background: rgba(175,20,28,0.05); } div.mz_clickCollect input:disabled + label { color: rgba(0,0,0,0.5); } dl.mz_accordion { border-bottom: 1px solid rgba(200,200,200,0.25); } dl.mz_accordion dt { border-top: 1px solid rgba(200,200,200,0.25); } dl.mz_accordion dt:hover { background-color: rgba(152,152,152,0.1); color: rgb(0,168,222); } dl.mz_accordion dt.mz_accOpen:hover { color: rgb(0,168,222); } dl.mz_accordion dd { background-color: rgba(152,152,152,0.05); border-top: 1px solid rgba(200,200,200,0.25); } dl.mz_accordion dt .fa-angle-down, dl.mz_accordion dt.mz_accOpen .fa-angle-right { display: none; } dl.mz_accordion dt .fa-angle-right, dl.mz_accordion dt.mz_accOpen .fa-angle-down { display: inline-block; } dl.mz_accordion dd .fas { display: inline-block; padding: 0 0.3125em 0 0; } div.mz_backtolist { background-color: rgba(152,152,152,0.05); border-top: 1px solid rgba(200,200,200,0.25); } div.mz_tabContent { background: rgb(255,255,255); } ul.mz_tabLinks li { border: 1px solid rgba(200,200,200,0.25); border-bottom: none; } ul.mz_tabLinks li a { background-color: rgba(152,152,152,0.1); border-bottom: 1px solid rgba(200,200,200,0.25); } ul.mz_tabLinks li a:hover, ul.mz_tabLinks li a:active, ul.mz_tabLinks li a.mz_currTab { border-bottom: 1px solid rgba(200,200,200,0.25); background-color: rgb(255,255,255); color: rgb(0,168,222); } div.mz_recentViews > h2 { border-top: 1px solid rgba(200,200,200,0.25); } dl.mz_accordion table, #mz_additionalInfo table { /* shadows */ background-image: linear-gradient(to right, rgb(255,255,255), rgb(255,255,255)), linear-gradient(to right, rgb(255,255,255), rgb(255,255,255)), linear-gradient(to right, rgba(152,152,152, .50), rgba(255,255,255, 0)), linear-gradient(to left, rgba(152,152,152, .50), rgba(255,255,255, 0)); /* shadow covers */ background-position: left center, right center, left center, right center; background-repeat: no-repeat; background-color: rgb(255,255,255); background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%; background-attachment: local, local, scroll, scroll; } /* ++ BUNDLE BUILDER PAGE ++ */ /* bundle general */ .mz_bundleHead, /*.mz_bundleNav,*/ .mz_bundleNav_alt, .mz_bundleItems { background: rgb(255,255,255); border: 1px solid rgba(255,255,255,0.25); padding-left: 0.625em; padding-right: 0.625em; } /* bundle navigation elements */ .mz_bundleNav a { text-decoration: none; border-radius: 0; } .mz_bundleNav a:link, .mz_bundleNav a:visited { color: rgb(255,255,255); background: rgb(9,40,120); border: 1px Solid rgb(9,40,120); } .mz_bundleNav a:hover, .mz_bundleNav a:active, .mz_bundleNav a.mz_bundleStep_curr { color: rgb(255,255,255); background: rgb(0,168,222); border: 1px Solid rgb(0,168,222); } .mz_bundleNav_alt {background: rgb(255,255,255); border: 1px solid rgba(255,255,255,0.25); padding-left: 0.625em; padding-right: 0.625em; } .mz_bundleNav_alt a { text-decoration: none; border-radius: 0; } .mz_bundleNav_alt a:link, .mz_bundleNav_alt a:visited { color: rgb(255,255,255); background: rgb(9,40,120); border: 1px Solid rgb(9,40,120); } .mz_bundleNav_alt a:hover, .mz_bundleNav_alt a:active {color: rgb(255,255,255); background: rgb(0,168,222); border: 1px Solid rgb(0,168,222); } /* bundle items */ .mz_bundleItem_opt { border: 1px solid rgba(200,200,200,0.25); background: #fff; } .mz_bundleItem_selected { background-color: rgba(8,120,49,0.1); border: 1px Solid rgba(8,120,49,0.3); } .mz_bundleItem_btn a.mz_bundleBtn_select:link, .mz_bundleItem_btn a.mz_bundleBtn_select:visited { background: rgba(242,244,248,1); border: 1px solid rgba(9,40,120,1); color: rgba(9,40,120,1); } .mz_bundleItem_btn a.mz_bundleBtn_select:hover, .mz_bundleItem_btn a.mz_bundleBtn_select:active { background: rgba(255,255,255,1); border: 1px solid rgba(0,168,222,1); color: rgba(0,168,222,1); } .mz_bundleItem_btn a.mz_bundleBtn_add:link, .mz_bundleItem_btn a.mz_bundleBtn_add:visited { background: rgba(0,168,222,1); border: 1px solid rgba(0,168,222,1); color: rgba(255,255,255,1); } .mz_bundleItem_btn a.mz_bundleBtn_add:hover, .mz_bundleItem_btn a.mz_bundleBtn_add:active { background: rgba(9,40,120,1); border: 1px solid rgba(9,40,120,1); color: rgba(255,255,255,1); } .mz_bundleItem_btn a.mz_bundleBtn_selected { background: rgb(8,120,49); color: #fff; } .mz_bundleItem_btn a.mz_bundleBtn_oos { background: rgb(175,20,28); color: #fff; } .mz_bundleItem_btn a.mz_bundleBtn_select, .mz_bundleItem_btn a.mz_bundleBtn_add, .mz_bundleItem_btn a.mz_bundleBtn_selected, .mz_bundleItem_btn a.mz_bundleBtn_oos { text-decoration: none; border-radius: 0; } /* bundle preview */ #mz_bundlePreview { background: rgb(255,255,255); border-top: 1px solid rgba(232,232,232,0.25); } .mz_bundlePre_item { border: 1px solid rgba(200,200,200,0.25); background: #fff; } a.mz_bundlePre_btn { text-decoration:none; } a.mz_bundlePre_btn:link, a.mz_bundlePre_btn:visited { background: rgba(0,168,222,1); border: 1px solid rgba(0,168,222,1); color: rgba(255,255,255,1); } a.mz_bundlePre_btn:hover, a.mz_bundlePre_btn:active {background: rgba(9,40,120,1); border: 1px solid rgba(9,40,120,1); color: rgba(255,255,255,1); } a.mz_bundlePre_inactive { background: rgb(152,152,152); border: 1px solid rgb(152,152,152); color: #fff; } .mz_bundlePre_msg { color: rgb(152,152,152); } /* WIDGETS */ div.mz_sitewideFeature { margin: 0 0 1.25em 0; } .mz_wgtContainer { margin: 0 0 1.25em 0; } #mz_genericPage .mz_wgtContainer, #mz_genericPage .mz_wgt_1 { margin: 0 0 1.25em 0; } #mz_homepageContent .mz_wgtContainer { margin: 0 0 1.25em 0; } .mz_wgtContainer > h2, #mz_homepageContent .nosto_element h2, #mz_sitemap h1 { border-top: 2px solid rgb(242,244,248); border-bottom: 0px solid rgb(255,255,255); background: rgb(255,255,255); color: rgb(9,40,120); padding: 0.3125em; text-align: center; font-weight: normal; } .mz_wgtContainer > div > h3 { border-top: 0px solid rgb(229,227,226); border-bottom: 0px solid rgb(203,198,197); background: rgb(242,244,248); color: rgb(9,40,120); padding: 0.3125em; text-align: center; font-weight: normal; } .mz_genAdv_txt a:link, .mz_genAdv_txt a:visited { text-decoration: underline; } .mz_genAdv_txt a:hover, .mz_genAdv_txt a:active { text-decoration: none; } .mz_genAdv_txt img { background: rgb(255,255,255); border: 0px solid rgba(200,200,200,0.25); } .mz_genAdv_txt address { background: rgb(152,152,152, 0.1); border: 0px solid rgba(200,200,200,0.25); } .mz_genAdv_txt blockquote { background: rgb(9,40,120,0.1); border-top: 0px solid rgba(200,200,200,0.25); border-bottom: 0px solid rgba(200,200,200,0.25); color: rgb(9,40,120,0.5); } .unslider-arrow { background: rgba(255,255,255,0); color: rgba(255,255,255,0.25); } .unslider-arrow:hover { background: rgba(255,255,255,0.25); color: rgba(255,255,255,0.85); } .unslider-nav ol li { border: 2px solid rgb(255,255,255); } .unslider-nav ol li.unslider-active { background: rgb(255,255,255); } #mz_homepageContent .mz_wgtContainer img, .mz_featGraphic a, .mz_imgList, .mz_btnList { border-radius: 0; } /* image based sitewide */ div.mz_sitewideFeature .mz_imgList { background: rgb(255,255,255); } /*div.mz_sitewideFeature .mz_imgList ul { height: [SWImgWgtHeight]; }*/ /* text based sitewide */ div.mz_sitewideFeature .mz_btnList { background: rgb(0,168,222); color: rgb(255,255,255); } div.mz_sitewideFeature .mz_btnList ul li a:link, div.mz_sitewideFeature .mz_btnList ul li a:visited { background: none; background-color: rgb(255,255,255); color: rgb(255,255,255); } div.mz_sitewideFeature .mz_btnList ul li a:hover, div.mz_sitewideFeature .mz_btnList ul li a:active { background: none; background-color: rgb(255,255,255); color: rgb(9,40,120); } div.mz_sitewideFeature .mz_btnList ul li a strong { color: rgb(255,255,255); } /* countdown sitewide */ div.mz_sitewideFeature .mz_countdown { background: rgb(0,0,0); } div.mz_sitewideFeature .mz_countdown ul li { color: rgb(255,255,255); } div.mz_sitewideFeature .mz_countdown ul li a:link, div.mz_sitewideFeature .mz_countdown ul li a:visited { background: none; background-color: rgb(0,0,0); color: rgb(255,255,255); } div.mz_sitewideFeature .mz_countdown ul li a:hover, div.mz_sitewideFeature .mz_countdown ul li a:active { background: none; background-color: rgb(0,0,0); color: rgb(0,168,222); } div.mz_sitewideFeature .mz_countdown ul li strong { color: rgb(255,255,255); } div.mz_sitewideFeature .mz_cdWgt_num span { color: rgb(255,255,255); } #mz_homepageContent .mz_genAdv_txt > div, .mz_simpleForm > div { background: rgb(255,255,255); border: 0px solid rgba(200,200,200,0.25); padding: 0.625em; } .mz_linkList ul li { border: 1px solid #d8d8d8; background: #fff; } .mz_linkList ul li:hover { border: 1px solid #989898; background: #f0f0f0; } /*.mz_featVideo { border: 1px solid rgba(200,200,200,0.25); background: rgb(255,255,255); }*/ .mz_location { border: 1px solid rgba(200,200,200,0.25); background: rgb(255,255,255); padding: 0.625em; } #mz_genericPage .mz_location { border: none; background: none; padding: 0; border-bottom: 1px dashed rgba(200,200,200,0.1); margin-bottom: 1.25; } #mz_homepageContent .mz_btnList { background: rgb(0,168,222); color: rgb(255,255,255); } #mz_homepageContent .mz_btnList ul li a:link, #mz_homepageContent .mz_btnList ul li a:visited { border: 1px solid rgba(255,255,255,0.5); background: rgb(0,168,222); color: rgb(255,255,255); } #mz_homepageContent .mz_btnList ul li a:hover, #mz_homepageContent .mz_btnList ul li a:active { border: 1px solid rgba(255,255,255,1); background: rgb(9,40,120); color: rgb(255,255,255); text-decoration: none; } .mz_wgtContainer .mz_featGraphic a { background: rgb(255,255,255); } #mz_homepageContent .mz_wgtContainer .mz_featGraphic a { background: rgb(255,255,255); } #mz_homepageContent .mz_imgList { background: rgb(255,255,255); } .mz_wgtContainer article div.mz_list_priInfo { text-align: left; } /* faking category link blocks */ #mz_homepageContent .mz_wgt_4.mz_genAdv_txt > div { padding: 0; } #mz_homepageContent .mz_wgt_4.mz_genAdv_txt ul { list-style: none; border-top: 1px solid rgba(200,200,200,0.25); padding: 0; margin: 0; } #mz_homepageContent .mz_wgt_4.mz_genAdv_txt ul li { display: block; padding: 0; border-bottom: 1px solid rgba(200,200,200,0.25); } #mz_homepageContent .mz_wgt_4.mz_genAdv_txt ul li a { display: block; padding: 0.625em; } #mz_homepageContent .mz_wgt_4.mz_genAdv_txt ul li a:link, #mz_homepageContent .mz_wgt_4.mz_genAdv_txt ul li a:visited { background: #fff; color: rgb(9,40,120); } #mz_homepageContent .mz_wgt_4.mz_genAdv_txt ul li a:hover, #mz_homepageContent .mz_wgt_4.mz_genAdv_txt ul li a:active { background: rgba(0,168,222,0.05); color: rgb(0,168,222); } /* ACCOUNT ELEMENTS */ #mz_accountPage { border: 1px solid rgba(255,255,255,0.25); background: rgb(255,255,255); } #mz_fullSite_login #mz_accountPage { border: none; background: none; } div.mz_acctActions ul.mz_btnBox_sm { border-top: none; } ul.mz_btnBox_sm li a:link, ul.mz_btnBox_sm li a:visited { border: 1px Solid rgba(152,152,152,0.25); background: rgba(152,152,152,0.1); } ul.mz_btnBox_sm li a:hover, ul.mz_btnBox_sm li a:active { border: 1px Solid rgba(152,152,152,1); background: rgba(152,152,152,0); } ul.mz_feSummary { border: 1px solid rgba(200,200,200,0.25); background: rgba(152,152,152,0.1); } #mz_accountPage ul.mz_btnBox_sm + div.mz_pagination, #mz_accountPage div.mz_wgtContainer + ul.mz_btnBox_sm { border-top: 1px dashed rgba(152,152,152,0.25); padding-top: 0.625em; } ul.mz_itemsPerTbl li:first-child { border-right: 1px solid rgba(152,152,152,0.25); } div.mz_acctActions { background: rgba(152,152,152,0.05); border: 1px Solid rgba(152,152,152,0.25); } #mz_fastentry table tr.mz_feAutoadd td { background-color: rgba(255,255,153, 0.05); } #mz_fastentry table tr:nth-child(even).mz_feAutoadd td { background: rgba(255,255,153, 0.15); } #mz_fastentry table tr.mz_feAutoadd span.mz_numInBasket { border: 1px solid rgba(152,152,152,0.25); } #mz_fastentry table input[type=text]:disabled { border: 1px solid rgba(152,152,152,0.15); background-color: rgba(152,152,152,0.1); } /* view basket */ .mz_coStep ul.mz_btnBox_sm { display: flex; justify-content: flex-end; } /* CHECKOUT ELEMENTS */ #mz_coHead section, #mz_coMain section, #mz_coSupport section, #mz_coFoot section { border: 1px solid rgba(255,255,255,0.25); background: rgb(255,255,255); /**/ } body.mz_checkout #mz_header { border-bottom: 5px solid rgb(255,255,255); } ul.mz_coProgress li { color: rgb(152,152,152); } ul.mz_coProgress li span { border: 1px solid rgba(152,152,152,0.25); border-radius: 1.25em; } ul.mz_coProgress li.mz_coStepDone span { color: rgb(255,255,255); background: rgb(9,40,120); border: 1px Solid rgb([9,40,120]); } ul.mz_coProgress li.mz_coStepDone strong { color: rgb(9,40,120); } ul.mz_coProgress li.mz_coStepCurr span { color: rgb(255,255,255); background: rgb(0,168,222); border: 1px Solid rgb(0,168,222); } ul.mz_coProgress li.mz_coStepCurr strong { color: rgb(0,168,222); } #mz_coMain fieldset .fas { color: rgb(0,168,222); } #mz_form div#mz_payCC h3 .fas { color: rgb(33,150,243); } li.mz_addressOpt > h4 .fas { color: rgb(0,168,222); } #mz_coMain h1, #mz_coSupport h2 { border-bottom: 1px dashed rgba(200,200,200,0.25); } #mz_coMain hr, #mz_priContent fieldset.coTblOptions { border-top: 1px dashed rgba(200,200,200,0.25); } table tr.tbl_disCode { /**/ } .tbl_discount th, .tbl_discount td { color: rgb(175,20,28); } table tr.tbl_DRSinfo th, table tr.tbl_DRSinfo:nth-child(even) { background-color: unset; } table tr.tbl_DRSinfo th { border-bottom: unset; } span.mz_divideTxt:before, span.mz_divideTxt:after { background-color: rgba(200,200,200,0.25); } .mz_expressCO p.tinyType2 { background: rgba(0,168,222,0.1); } /* MEDIA QUERIES */ @media screen and (min-width: 480px) { div.mz_list_secInfo div:nth-of-type(1) { border-right: 1px solid rgba(200,200,200,0.25); } div.mz_tabContent { border: 1px solid rgba(200,200,200,0.25); } ul.mz_tabLinks li a.mz_currTab { border-bottom: 1px solid rgb(255,255,255); } ul.mz_orderHistory li:nth-of-type(6), ul.mz_orderHistory li:nth-of-type(7), ul.mz_orderHistory li:nth-of-type(8), ul.mz_orderHistory li:nth-of-type(9), ul.mz_orderHistory li:nth-of-type(10) { border-top: 1px solid rgba(200,200,200,0.1); border-bottom: 1px solid rgba(200,200,200,0.1); } } @media screen and (min-width: 768px) { ul.mz_orderHistory li:nth-of-type(6), ul.mz_orderHistory li:nth-of-type(7), ul.mz_orderHistory li:nth-of-type(8), ul.mz_orderHistory li:nth-of-type(9), ul.mz_orderHistory li:nth-of-type(10) { border-top: none; border-bottom: none; } #mz_fullSite_login #mz_accountPage div.mz_btnBox a.formBtn_pri { width: 56%; float: none; margin-bottom: 0.625em; } table tr { border-top: none; } } @media screen and (min-width: 1025px) { div.mz_appliedFilters a { background: none; border: none; } ul.mz_orderHistory li:nth-of-type(6), ul.mz_orderHistory li:nth-of-type(7), ul.mz_orderHistory li:nth-of-type(8), ul.mz_orderHistory li:nth-of-type(9), ul.mz_orderHistory li:nth-of-type(10) { border-top: 1px solid rgba(200,200,200,0.1); border-bottom: 1px solid rgba(200,200,200,0.1); } div.mz_prodInfo_icons ul li { border-left: 1px solid rgba(200,200,200,0.1); } div.mz_prodInfo_icons ul li:nth-of-type(odd) { border-left: none; } } /* +++++++++++++++ FOOTER STYLE ONE - STANDARD +++++++++++++++ */ footer { background: rgb(9,40,120); } #mz_footerInner { background: rgb(9,40,120); } #mz_footerLinks, #mz_footer .mz_intlOptions { background: none; border-bottom: 1px solid rgba(71,94,154,0.25); } #mz_footerLinks .fas { display: inline-block; padding: 0 0.3125em 0 0; } #mz_footerLinks ul li h3 { color: rgb(0,168,222); text-transform: uppercase; } #mz_footer .mz_wgtContainer, #mz_footer .mz_wgtContainer .mz_featGraphic a { background: rgb(9,40,120); } #mz_footerInner div.mz_wgtContainer h2, #mz_footerInner div.mz_wgtContainer h3 { color: rgb(0,168,222); } #mz_footerInner div.mz_wgtContainer { color: rgb(0,168,222); } #mz_footerLinks ul li a { text-transform: none; } #mz_footerLinks ul li a:link, #mz_footerLinks ul li a:visited, #mz_footer .mz_intlOptions a:link, #mz_footer .mz_intlOptions a:visited { color: rgb(255,255,255); text-decoration: none; } #mz_footerLinks ul li a:hover, #mz_footerLinks ul li a:active, #mz_footer .mz_intlOptions a:hover, #mz_footer .mz_intlOptions a:active { color: rgb(0,168,222); text-decoration: none; } ul#mz_networks li a { border-radius: 32px; } ul#mz_networks li a:link, ul#mz_networks li a:visited { background-color: rgb(9,40,120); color: rgb(255,255,255); } ul#mz_networks li a:hover, ul#mz_networks li a:active { color: #fff; opacity: 1; } ul#mz_cards li { color: rgba(255,255,255,0.7); } ul#mz_cards li:hover { color: rgba(255,255,255,1); } #mz_footerInner h6 { color: rgb(0,168,222); } #mz_footerInner h6 a:link, #mz_footerInner h6 a:visited { color: rgb(0,168,222); } h6#mz_callUs { border-top: 1px solid rgba(71,94,154,0.25); border-bottom: 1px solid rgba(71,94,154,0.25); } h6#mz_callUs a, h6#mz_callUs span { color: rgb(255,255,255); } h6#mz_callUs a:hover, h6#mz_callUs a:active { background: rgba(255,255,255,0.15); } /* in future will add elements relating to widgets in footer */ /* SITE SPECIFIC CUSTOM CSS */ #mz_minicart, #mz_keywordSearch fieldset a, a.formBtn_reg, a.formBtn_pri, input.formBtn_reg, input.formBtn_pri, a#mz_detBuy_btn, a#mz_detEnq_btn, a#mz_detOOS_btn, a#mz_detMsg_btn, a#mz_detPre_btn, a#mz_detList_btn, a#mz_detApp_btn, article fieldset a, article fieldset a.mz_listBuyNow, button#payButtonId { font-family: "Rubik", sans-serif; } a.formBtn_reg, a.formBtn_pri, input.formBtn_reg, input.formBtn_pri, a#mz_detBuy_btn, a#mz_detEnq_btn, a#mz_detOOS_btn, a#mz_detMsg_btn, a#mz_detPre_btn, a#mz_detList_btn, a#mz_detApp_btn, article fieldset a, article fieldset a.mz_listBuyNow, #mz_backTop, button#payButtonId, #mz_keywordSearch fieldset > a, a.mz_checkoutLink { text-transform: uppercase; } #mz_keywordSearch fieldset { border: 2px solid rgb(0,168,222); } #mz_keywordSearch fieldset > a { margin: -1px -1px 0 0; } #mz_keywordSearch fieldset > a:hover, #mz_keywordSearch fieldset > a:active { background: rgba(255,255,255,0); color: rgb(0,168,222); } #mz_keywordSearch fieldset > a:hover .svg-inline--fa, #mz_keywordSearch fieldset > a:active .svg-inline--fa { color: rgb(0,168,222); } a.mz_checkoutLink:hover, a.mz_checkoutLink:active { background: rgba(0,168,222,1); } a#mz_detBuy_btn:hover, a#mz_detBuy_btn:active, a#mz_detEnq_btn:hover, a#mz_detEnq_btn:active, a#mz_detPre_btn:hover, a#mz_detPre_btn:active, article fieldset a.mz_listBuyNow:hover, article fieldset a.mz_listBuyNow:active, a.formBtn_pri:hover, a.formBtn_pri:active, #mz_intlOptions ul a.formBtn_pri:hover, #mz_intlOptions ul a.formBtn_pri:active, input.formBtn_pri:hover, button#payButtonId:hover { background: rgba(9,40,120,1); border: 1px solid rgba(9,40,120,1); color: rgba(255,255,255,1); } a#mz_detOOS_btn:hover, a#mz_detOOS_btn:active, a#mz_detMsg_btn:hover, a#mz_detMsg_btn:active, a#mz_detApp_btn:hover, a#mz_detApp_btn:active, article fieldset a:hover, article fieldset a:active, a.formBtn_reg:hover, a.formBtn_reg:active, #mz_intlOptions ul a.formBtn_reg:hover, #mz_intlOptions ul a.formBtn_reg:active, input.formBtn_reg:hover { background: rgba(255,255,255,1); border: 1px solid rgba(0,168,222,1); color: rgba(0,168,222,1); } .mz_taxToggle+#mz_logo>a { background-position: center; } dl.mz_accordion .mz_genAdv_txt #prodShortDesc2 h5 a { display: inline-block; padding: 0.625em; text-decoration:none; } dl.mz_accordion .mz_genAdv_txt #prodShortDesc2 h5 a:link, dl.mz_accordion .mz_genAdv_txt #prodShortDesc2 h5 a:visited { background: rgba(242,244,248,1); border: 1px solid rgba(9,40,120,1); color: rgba(9,40,120,1); } dl.mz_accordion .mz_genAdv_txt #prodShortDesc2 h5 a:hover, dl.mz_accordion .mz_genAdv_txt #prodShortDesc2 h5 a:active { background: rgba(255,255,255,1); border: 1px solid rgba(0,168,222,1); color: rgba(0,168,222,1); } /* move pdp dynamic down page */ #mz_detailPrimary { display: flex; flex-direction: column; } #mz_detailPrimary_main + div.mz_wgtContainer { order:1; } body.mz_checkout #mz_header { border-bottom: none; } /* text button list */ .mz_wgtContainer .mz_btnList ul { display: flex; flex-wrap: wrap; justify-content: stretch; gap: 0.625em; } .mz_wgtContainer .mz_btnList ul li { margin: 0; width: auto; font-family: "Oswald", Rubik, sans-serif; } .mz_wgtContainer .mz_btnList ul li a:link, .mz_wgtContainer .mz_btnList ul li a:visited { background: rgb(9,40,120); color: #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .mz_wgtContainer .mz_btnList ul li a:hover, .mz_wgtContainer .mz_btnList ul li a:active { background: rgb(0,168,222); color: #fff; text-decoration: none; } /* home top catgeories */ #wl_b4f634c4-dafb-47f9-b0de-802e80197069 .mz_wgt_8 { width: 24.25%; } #wl_b4f634c4-dafb-47f9-b0de-802e80197069 .mz_wgt_8:nth-of-type(2), #wl_b4f634c4-dafb-47f9-b0de-802e80197069 .mz_wgt_8:nth-of-type(6) { margin-right: 1%; } #wl_b4f634c4-dafb-47f9-b0de-802e80197069 .mz_wgt_8:nth-of-type(3), #wl_b4f634c4-dafb-47f9-b0de-802e80197069 .mz_wgt_8:nth-of-type(7) { clear: none; } #mz_homepageContent #wl_b4f634c4-dafb-47f9-b0de-802e80197069.mz_wgtContainer img, #wl_b4f634c4-dafb-47f9-b0de-802e80197069 .mz_featGraphic a { border-radius: 50%; } /* custom order page buttons */ #wl_664fb142-1d40-4972-91c4-db6686550b16 .mz_wgt_6 { margin-bottom: 0; } #wl_664fb142-1d40-4972-91c4-db6686550b16 .mz_wgt_6:nth-of-type(6) { margin-bottom: 0.625em; } #wl_664fb142-1d40-4972-91c4-db6686550b16 .mz_genAdv_txt ul { list-style: none; margin-left: 0; padding: 0; } #wl_664fb142-1d40-4972-91c4-db6686550b16 .mz_genAdv_txt ul li { padding: 0 0 0.625em 0; } #wl_664fb142-1d40-4972-91c4-db6686550b16 li a { display: block; text-decoration: none; padding: 1em 0.5em; text-align: center; } #wl_664fb142-1d40-4972-91c4-db6686550b16 li a:link, #wl_664fb142-1d40-4972-91c4-db6686550b16 li a:visited { color: #fff; background: #092878; border: 1px solid #092878; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #wl_664fb142-1d40-4972-91c4-db6686550b16 li a:hover, #wl_664fb142-1d40-4972-91c4-db6686550b16 li a:active { color: #fff; background: #00a8de; border: 1px solid #00a8de; } @media screen and (min-width: 1025px) { .mz_taxToggle { right: 40em;} #mz_primaryNav > ul > li:last-child.mz_currentPri > a { background: rgb(0,168,222); color: rgb(255,255,255); } } @media screen and (min-width: 1280px) { #wl_b4f634c4-dafb-47f9-b0de-802e80197069 .mz_wgt_8 { width: 11.625%; } .mz_wgtContainer .mz_btnList ul { justify-content: center; } }