/* MalpasDirect Custom CSS File */ /* Should be last CSS file loaded in into referenceContainer head.additional */ .rootmenu > .rootmenu-list .root-col-1 {height:351px! important; /*width:650px! important;*/ padding-top:30px;} /*.rootmenu .verticalmenu02 .vertical-list .varticalmenu_main{width:660px!important}*/ /* removes padding on tabbed drop downs */ .rootmenu > .rootmenu-list > li > .megamenu {padding: 0px;} /* aligns menu height to be the same size when sticky */ .nav-sections.sticky {z-index: 99999;height: auto} /*Products Menu > Tabbed dropdown > set active background color .rootmenu .rw-vertical-menu .verticalmenu02 > .vertical-list > li:hover {background-color:#B40020; color:#ffffff!important;} .rootmenu .rw-vertical-menu .verticalmenu02 .vertical-list > li > a:hover {color:#ffffff!important;}*/ /* Display Message */ .cms-index-index .page.messages { display:block;} .page.messages { position:fixed; bottom:50px; z-index:999999; left:20px;right:20px; } .message.success{font-size:2rem;border-bottom:2px solid #b40202; box-shadow: 4px 4px 2px #bcbcbc;} /* General Changes */ .porto-icon-up-open {background: rgba(226, 164, 0, 0);} /* My Account */ .account .column.main .block.block-order-details-view .block-content:not(.widget) .box {width:50%} .account .column.main .block.block-order-details-view .block-content:not(.widget) .box-order-billing-address {clear:both;} /*.account .column.main .block.block-order-details-view .block-content:not(.widget) .box-order-billing-method {width:99%!important;}*/ .order-details-items .sku {width:100px;} .order-details-items .product-item-name {font-size:13px;} @media only screen and (max-width: 640px) { .order-details-items .sku {width:auto;} } @media only screen and (max-width: 768px) { .account .column.main .block.block-order-details-view .block-content:not(.widget) .box {width:100%} } /*Tractor Makes Menu > Tabbed dropdown */ .rootmenu > .rootmenu-list .tabmenu .vertical-menu > li > a {border-right: solid 1px #e2e2e2;} .rootmenu > .rootmenu-list .tabmenu .vertical-menu .main_openactive01 > a {background: #ffffff; color: #0B3D84; border-right:none;} .rootmenu > .rootmenu-list .halfmenu ul > li > a, .rootmenu > .rootmenu-list .fullmenu ul > li > a {color: #0B3D84; font-weight: bold;} .rootmenu > .rootmenu-list .root-sub-col-9 {width: 100%;} .rootmenu > .rootmenu-list .root-col-1 {width: 90%;} .rootmenu .tabmenu .vertical-menu .tabimgwpr .tabbing_lev4 li {padding: 3px 0px 15px;} .rootmenu-list > li {display: inline-block;} .rootmenu > .rootmenu-list > li > a {padding: 15px 45px;} .rootmenu > .rootmenu-list > li:first-child > a {padding: 15px 35px;} .rootmenu > .rootmenu-list > li > a > .homeicon {background: url(../images/homeicon.png) 0px 0px no-repeat;} .rootmenu .title_normal {line-height:auto} .viewAllLink {text-decoration:underline;/*border-bottom:1px solid #B40020;*/} /*might need a few more steps)*/ @media only screen and (max-width: 1024px) { .rootmenu > .rootmenu-list .root-col-1 {height:308px!important;width:450px!important } .rootmenu .verticalmenu02 .vertical-list .varticalmenu_main{width:460px!important} } @media only screen and (max-width: 1205px) { .rootmenu > .rootmenu-list > li > a {padding: 15px 35px;} .rootmenu > .rootmenu-list > li:first-child > a {padding: 15px 25px;} } @media only screen and (max-width: 995px) { .rootmenu > .rootmenu-list > li > a {padding: 15px 15px;} .rootmenu > .rootmenu-list > li:first-child > a {padding: 15px 15px;} } @media only screen and (max-width: 765px) { .rootmenu > .rootmenu-list .root-col-1 {height:auto!important; width:100%!important;display:auto!important;padding-top:10px;} .rootmenu .verticalmenu02 .vertical-list .varticalmenu_main{width:100%!important;} } .toolbar-amount{display:block!important;margin-top:7px;font-weight:bold;margin-right:10px;} .productlistingsku{margin:0px;color:#b40020;} .action .more{display:block} .products-grid .product-item .product-item-details .product-item-name{white-space:normal;overflow:hidden;text-overflow:ellipsis;height:80px;} .product-item-info.type1 .product.name a,.product-item-info.type9 .product.name a{font-size:13px} .sidebar .product-items .product-item-name a{white-space:normal;} .filter-title{display:none;} .block-category-list > .block-title.refine-button{display:none;} @media (max-width: 767px) { .breadcrumbs {display:block; padding:0px;} .sidebar.sidebar-additional, .sidebar.sidebar-main { position: static !important; height:50px; overflow:hidden; } .showrefine{height:auto;min-height:1000px;border-bottom:1px solid #cccccc;margin-bottom:50px;} .sidebar-title,.sidebar-filterproducts.custom-block{display:none;} .block-category-list {margin-top:0px;} .block-category-list > .block-title {display:none;} .block-category-list > .block-title.refine-button{display:block;padding:10px 15px;margin:0;font-size:13px;font-weight:700;text-transform:uppercase;border:1px solid #ddd; border-radius:7px; background-color:#f5f5f5;clear:both;} .refine-arrow { height: 25px !important; width: 25px !important; background: #fff !important; position: absolute; top: -3px; right: 0; cursor: pointer; padding-right: 0; border: 1px solid #bcbcbc; margin: 10px 10px 0 0 !important; float:right; display:block; } .refine-arrow::before, .refine-arrow::after { content: " "; position: absolute; top: 11px; margin-top: 0; width: 12px; height: 2px; display: inline-block; background-color: #444; -webkit-transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out; -moz-transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out; -o-transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out; transition: background-color .2s ease-in-out,transform .2s ease-in-out,width .2s ease-in-out; right: 50%; margin-right: -6px; } .refine-arrow::before { -webkit-transform: translateX(3px) rotate(-50deg); -moz-transform: translateX(3px) rotate(-50deg); -o-transform: translateX(3px) rotate(-50deg); -ms-transform: translateX(3px) rotate(-50deg); transform: translateX(3px) rotate(-50deg); } .refine-arrow::after { -webkit-transform: translateX(-4px) rotate(50deg); -moz-transform: translateX(-4px) rotate(50deg); -o-transform: translateX(-4px) rotate(50deg); -ms-transform: translateX(-4px) rotate(50deg); transform: translateX(-4px) rotate(50deg); } .refine-arrow-cross::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .refine-arrow-cross::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } /* Fix header issues (Search box and logo/icon cramping*/ @media (max-width: 767px) { .page-header.type23 .block-search .label.active + .control input { position: absolute; left:0; top: 55%; min-width: 280px; height: 40px; line-height: 38px; border-radius: 26px; } .page-header.type23 .search-area { margin-right: 0px; } .page-header.type23 .block-search .label:before { color: #222529; content: '\e884'; margin-right: 0px; font-weight: 900; } } @media (max-width: 450px) { .page-header.type23 .header.content > .logo { margin: 33px 0; margin-right: 0px; } /* FIX HEADER SPACING */ .nav-toggle { margin-right: 5px; } } /* fix items details page > search panel > breadcrumb trail appearing*/ .catalog-product-view .page-wrapper >.breadcrumbs { min-height: 0px; } /* Add search panel css for all pages */ ul.recentmodelslist{list-style-type:none;margin:0px;padding:0px;} ul.recentmodelslist li{display:inline-block;padding:3px 5px 3px 5px;margin-right:4px; border:1px solid #eeeeee;font-size:12px;background-color:#B40020;border-radius:11px;} ul.recentmodelslist li:hover{background-color:#c9302c;} ul.recentmodelslist li a{color:#ffffff} ul.recentmodelslist li a:hover{text-decoration: none;} /* Fix Footer padding in mobile view */ @media (max-width: 767px) { .footer-middle { padding: 64px 0 0; padding-left: 20px; padding-right: 20px; } } @media (max-width: 550px) { .footer-bottom address {float: none; padding-left:20px; padding-right:20px; line-height:20px!important; } .footer-bottom > .container > * {line-height: 20px !important;} } /* ZOHO FORM STYLES */ .manfieldbdr{border-left: 1px solid #B40020!important} .hleft{text-align:left;} input[type=file]::-webkit-file-upload-button{cursor:pointer;} .wtcsepcode{margin:0px 15px; color:#aaa; float:left;} .wtccloudattach{float:left; color:#00a3fe!important; cursor:pointer; text-decoration: none!important;} .wtccloudattach:hover{text-decoration: none!important;} .wtcuploadinput{cursor:pointer; float:left; width:62px; margin-top:-20px; opacity:0; clear:both;} .wtcuploadfile{float:left;color: #00a3fe;} .filenamecls{margin-right:15px; float:left; margin-top:5px;} .clboth{clear:both;} #zsFileBrowseAttachments{clear:both; margin:5px 0px 10px;} .zsFontClass{vertical-align:middle;} #tooltip-zc{font: normal 12px; line-height:18px;position:absolute;padding:8px;margin:20px 0 0;background:#fff;border:1px solid #528dd1;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#eee;-webkit-box-shadow:5px 5px 20px rgba(0,0,0,0.2);-moz-box-shadow:5px 5px 20px rgba(0,0,0,0.2);z-index:10000; color:#777}. wtcmanfield{color:#f00;font-size:16px;position:relative;top:2px;left:1px;} #zsCloudAttachmentIframe{width: 100%;height: 100%;z-index: 99999!important;position: fixed;left: 0px;top:0px; border-style: none; display: none; background-color:#fff;} .wtchelpinfo{background-position: -246px -485px;width:15px;height:15px;display:inline-block;position: relative;top: 2px;} .zsMaxSizeMessage{font-size:13px;} .zohoTableContainer {max-width:900px;} .required { color:#B40020;} #StaticContent .common_inner_panel {background-color:#fff;} .zsFormClass{background-color:#FFFFFF;} .zsFontClass{color:#000000;font-size:13px} .tableLeft {text-align:left; width:25%;} .tableRight {text-align:left; width:75%;} @media only screen and (max-width: 600px) { .zohoTableContainer td { display:table-row; line-height:30px;} .tableLeft {text-align:left; width:100%;} .tableRight {text-align:left; width:100%;} .tableRight input {min-width:275px;} .tableRight textarea {min-width:275px;} .table-returns-form td {display:table-cell;} } /* News Page / Product Highlights */ #newsArticle {} #newsArticle h2 {margin-top:25px!important;} #newsArticle h3 {margin-top:20px!important;} .main_body_left_col {width: 100%; font-size: 12px; margin-left: 0px; margin-right: 3px; margin-top: 0px; margin-bottom: 0px; padding: 0px; float: none;} .clear { clear:both;} .infoDividerBox {width: 100%; text-align: left; height: 50px; line-height: 50px; background-color: #3b55ac; margin: 0px; padding-left:10px; color:#ffffff;} .infoDividerBox h1 { font-size: 20px; color: #ffffff; margin: 0px;} .contentPageFullWidth {width:96%; border-bottom:1px solid #cccccc; margin-bottom:20px; padding-bottom:20px; margin-left:2%; margin-right:2%;} .contentSectionImageLeft {width:30%; float:left; text-align:right; padding-top:10px;} .contentSectionImageRight {width:30%; float:right; text-align:left; padding-top:10px;} .contentSectionImageLeft img, .contentSectionImageRight img {border:1px solid #cccccc; width:100%;} .contentSectionHolderLeft { width:65%; padding-top:5px; float:left; margin-left:0px; padding-left:0px;} .contentSectionHolderRight { width:65%; padding-top:5px; float:right; padding-left:5%;} .contentSectionHeading {font-size:20px; line-height:24px; color:#3a55aa; padding:0px; margin:0px 0px 15px 0px;} .contentSectionSubtitle { font-size:18px; line-height:22px; color:#333333; font-weight:bold; margin-bottom:15px; width:90%; margin-left:0px; margin-right:0px; } .contentSectionHolderLeft p { margin-left:0px; margin-right:0px;} .contentSectionHolderRight p { margin-left:0px; margin-right:0px;} .contentSectionSubtitle span {color:#cccccc; font-weight:300;} .contentSectionPara { font-size:16px; line-height:20px; color:#333333; font-weight:300; margin-bottom:15px; width:100%;} .contentSectionPara span {font-weight:bold;} .hotPicksAddButtonTop {background-color: #339900; color: #ffffff; cursor: pointer; font-size: 13px; text-decoration: none; text-align: center; height: 34px; line-height: 34px; margin-top: 15px; max-width:100%;} .hotPicksAddButtonTop a {color: #ffffff; font-size: 13px; padding-top: 1px; text-decoration: none; line-height: 34px; display: block; font-weight: normal; cursor:pointer; } .hotPicksAddButtonTop a:hover {color: #ffffff; text-decoration:underline } @media screen and (max-width: 768px) { .contentSectionImageLeft {width:60%; float:none; margin:0 auto;; text-align:center;} .contentSectionImageRight {width:60%; float:none; margin:0 auto; text-align:center;} .contentSectionHolderLeft { width:80%; padding-top:30px; padding-left:0; float:none; margin:0 auto;} .contentSectionHolderRight { width:80%; padding-top:30px; padding-left:0; float:none; margin:0 auto;} .contentSectionHeading {font-size:20px; color:#00377D; margin-bottom:15px;} .contentSectionSubtitle { font-size:18px; color:#333333; font-weight:bold; margin-bottom:15px; width:100%;} .contentSectionSubtitle span {color:#cccccc;} .contentSectionPara { font-size:16px; color:#333333; font-weight:300; margin-bottom:15px; width:100%;} } @media screen and (max-width: 450px) { .contentSectionHeading {font-size:18px; line-height:22px; color:#00377D; margin-bottom:15px;} .contentSectionSubtitle { font-size:16px; line-height:20px; color:#333333; font-weight:bold; margin-bottom:15px; width:100%;} .contentSectionSubtitle span {color:#cccccc;} .contentSectionPara { font-size:12px; line-height:16px; color:#333333; font-weight:300; margin-bottom:15px; width:100%;} .hotPicksAddButtonTop {margin:15px auto; margin-bottom:0px;} } /* YouTube Overlay */ .videoWrapper {border: 1px solid #eeeeee;background-color: #eaeaea;position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;} .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .imageTitle {font-size: 12px;font-style: italic;text-align: center;} .infoDesktopHeader {margin-bottom:25px;} .infoImageMobile {display: none;} .infoImageDesktop {width: 90%;margin: 0 auto;margin-bottom: 20px;text-align: center} .infoTradeMarkLogo {display: inline;line-height: inherit;margin-bottom: -4px;height: 18px;} .rightHandImage40 {float: right;padding-left: 10px;padding-bottom: 10px;max-width: 40%} .informationTable {border: 1px solid #646568;margin-bottom: 20px;} .informationTable th {background-color: #646568;color: #ffffff;text-align: center;font-size: 13px;padding: 4px;} .informationTable td {font-size: 13px;padding: 4px;border: 1px solid #646568;} .infoTableEven {background-color: #ffffff;font-size: 10px;} .infoTableOdd {background-color: #E3E4E5;} .infoTableLink {text-align: center;} .infoTableLink a {font-size: 12px;} .infoTableDescription {width: 40%;} .infoTableColumn {width: 20%;} .infoPaintTable {margin-bottom: 20px;} .infoPaintTable1 {width: 20%;font-weight: bold;} .infoPaintTable2 {width: 80%;} .containerinfo ul {margin-left: 20px;padding-left: 10px;margin-bottom: 25px;} .hotPicksAddButtonTop {background-color: #339900;color: #ffffff;cursor: pointer;text-decoration: none;text-align: center;height: 34px;line-height: 34px;margin: 15px auto 0px;width: 100%;} .hotPicksAddButtonTop a {color: #ffffff;font-size: 14px;padding-top: 1px;text-decoration: none;line-height: 34px;display: block;font-weight: normal;} .hotPicksAddButtonTop a:hover {color: #ffffff;text-decoration: underline;} .categorySectionsContainer {margin-top:20px;} .categorySections {float: left;width: 15%;text-align: center;font-size: 12px;margin-left: 2.5%;margin-right: 2.5%;min-height: 135px;} .categorySections img {width: 100%;border: 1px solid #cccccc;} .categorySections p {font-size: 12px;padding: 0px;line-height: 14px;margin-top: 5px;} .categorySections a {font-size: 12px;} .portraitProductImage {width: 50%;float: right;padding-left: 15px;} @media only screen and (max-width: 660px) { .infoImageMobile {display: block;width: 95%;margin: 0 auto;text-align: center;} .infoImageDesktop {display: none;} .infoDividerBox {height: auto;padding: 10px;width: auto;} .infoDividerBox h1 {line-height: 24px;} .containerinfo {margin: 10px;padding: 0px;} } @media only screen and (max-width: 600px) { } @media only screen and (max-width: 500px) { .hotPicksAddButtonTop {width: 240px;} .hotPicksAddButtonTop a {font-size: 13px;padding-top: 1px;text-decoration: none;line-height: 30px;display: block;font-weight: normal;} } @media only screen and (max-width: 450px) { .categorySections {float: left;width: 45%;text-align: center;font-size: 12px;margin-left: 2.5%;margin-right: 2.5%;min-height: 135px;} .portraitProductImage {width: 100%;float: none;padding-left: 0px;} } @media only screen and (max-width: 470px) { .infoTradeMarkLogo {margin-bottom: -2px;height: 12px;} .informationTable {border: 1px solid #646568;margin-bottom: 10px;} .informationTable th {background-color: #646568;color: #ffffff;text-align: center;font-size: 11px;padding: 4px;} .informationTable td {font-size: 11px;padding: 4px;border: 1px solid #646568;} .infoTableEven {background-color: #ffffff;font-size: 11px;} .infoTableOdd {background-color: #E3E4E5;} .infoTableLink {text-align: center;} .infoTableLink a {font-size: 11px;} .infoPaintTable1 {width: 30%;font-weight: bold;} .infoPaintTable2 {width: 70%;} } /* END News Page / Product Highlights */ /* ORDER FORM */ .cart-container .form-cart .actions.main .clear { display: inline-table !important; } /* CHECKOUT PAGE */ /* Fix to change progress bar colours*/ .opc-progress-bar-item._active:before {background: #b40020;} .opc-progress-bar-item._active > span:before {background: #b40020;} .opc-wrapper .shipping-address-item.selected-item {border-color: #b40020;} .opc-wrapper .shipping-address-item.selected-item:after {background: #b40020;} /* Fix for menu going behind buttons*/ .checkout-payment-method .payment-method._active .payment-method-content {z-index: 0; position: relative;} /* Fix for Payment Method Spacing */ .opc-payment {margin-top:30px;} .checkout-payment-method .payment-method-title {margin-top: -1px;} .checkout-billing-address {margin-top:10px;} .opc-block-shipping-information .shipping-information-title {margin: 0 0 10px;} /* Fix to move 'Payment Method' block below px */ @media only screen and (max-width: 767px) { .checkout-payment-method .payment-methods {margin: 0;} .checkout-payment-method .payment-option {margin: 0;} /* PLUS Fix to show border for 'Estimated Total' box in mobile view */ .opc-estimated-wrapper { margin:0px 0px 15px;} } /* HIDE Place Order Button */ .osc-addition-content-wrapper .actions-toolbar{display:none} /* END CHECKOUT PAGE */ /* Product Attributes Table Format */ #productattributes {padding: 0; margin: 0; display:flex; flex-wrap:wrap; width:45%; float:left;} #productattributes dt {/*float: left;*/ padding: 0;margin: 0; width:250px; border-bottom:1px solid #cccccc; padding-bottom:5px; margin-bottom:5px; font-weight: normal;} #productattributes dt::after {content:":";} #productattributes dd {flex:1 0 calc(100% - 250px); padding: 0;margin: 0; border-bottom:1px solid #cccccc; padding-bottom:5px; margin-bottom:5px;} /* End Of Product Attributes Table Format */ /* Item Details Page */ .relateditemslink{display:none!important;} .tabanchor {position: relative;top: -100px;} h2.tabtitle.title {margin-top: 40px; margin-bottom:20px; font-weight:600; color:#ffffff; background-color:#0B3D84; padding:5px 5px 5px 10px;} .product-info-main .page-title-wrapper h1 {font-size: 27px; font-weight: 700; letter-spacing: 0px; color: #0B3D84; margin: 0px 0px 15px; line-height:1.4;} #tabshortcuts {list-style:none; margin-left:0px;padding-left:0px;} #tabshortcuts li {display:inline-block; margin-bottom: 15px; } #tabshortcuts li a {color: #0B3D84; background-color: #f6f6f6; line-height: 45px; border: 1px solid #999999; display: inline-block; min-width: 220px;} #tabshortcuts li a span:hover {text-decoration:underline!important;} #tabshortcuts li a:hover {text-decoration:underline!important;} #tabshortcuts li a span {min-width:200px; display:inline-block} #tabshortcuts li a img { width: 30px; margin-right: 6px; vertical-align: middle; margin-top: 0px; padding-left: 10px;} .detailslink {margin-right:10px;} .applicationslink {margin-right:10px;} .relateditemslink {} .content {padding:10px;} .products {margin: 4px 0px;} .product-item-info .product.name a {font-size: 13px;} .findsimilarcats a {border:1px solid #cccccc; padding:4px; display:inline-block; margin-bottom:4px;} .value div {width:50%; float:right;} /*item details - related products*/ .owl-carousel{display:block;} .product-item-info{width:23%;min-width:150px;float:left; margin:1%;} .block.related {padding:0px} .block.related .field.choice {display: none;} @media only screen and (max-width: 768px) { #productattributes {width: 100%; float: none;} .value div {width:100%; float:none; margin-bottom:30px;} } @media only screen and (max-width: 380px) { #productattributes dt { width:150px;} #productattributes dd {flex:1 0 calc(100% - 150px);} .product-item-info{width:90%;min-width:150px;float:left; margin:5%;} #tabshortcuts li {width:100% } #tabshortcuts li a {width: 100%;} .product-info-main {margin-bottom: 10px;} h2.tabtitle.title {margin-top: 10px;} .columns .column.main {padding-bottom: 0px;} .page-main {padding-bottom: 20px;} } /* Cart Changes */ .cartFooterTextNotes {clear:both;} .cartIntroNote span {font-weight:bold;} .cartFooterNote span {font-weight:bold;} .customcheckoutbutton { display:none;} .customcheckoutbutton:hover {background-color:#B40020;} .customcheckoutbutton a {color:#ffffff; text-transform:uppercase; width:100%; padding:10px 0px; display:block;} .customcheckoutbutton a:hover {color:#ffffff; text-transform:uppercase; text-decoration:none;} .cart .product-item-details {padding-top:0px; padding-bottom:0px;} .cart.table-wrapper .item .col.item {padding: 15px 8px 0px 0px;} .cart .cart-item-sku a {font-weight:700;} .cart.table-wrapper .product-item-name {line-height:1.2; margin-top:0px; margin-bottom:10px;} .cart.table-wrapper .product-item-name a {color:#333333; font-size:13px;} .cart.table-wrapper .product-item-name a:hover {text-decoration:none;color:#333333;} .cart-item-unit-weight {color:#999999;} .cart.table-wrapper .col {padding-left: 0px;} .action-edit {display:none!important;} @media only screen and (max-width: 768px) { .customcheckoutbutton {width: 90%; max-width: none%; margin:0px auto 20px;} .checkout-cart-index .page-title-wrapper {padding-left:0px;} .cart-summary .block > .title {border-top:none;} .cart.table-wrapper .item .col.item {padding: 15px 15px 9px 15px;} .cartFooterTextNotes {margin:10px;} } /* OneStep Checkout */ .col-shipping-radio {max-width:30px;} .col-shipping-price {max-width:100px;} .opc-block-summary .product-item .product-item-name-block .product-item-sku {font-weight:700;} .opc-block-summary .product-item .product-item-name-block a:hover {text-decoration:none;} .step-title {background-color: #0B3D84;} .checkout-container button:not(.primary):not(.action-show):not(.action-close):not(.edit-address-link):not(.ui-datepicker-trigger) {background-color: #0B3D84 !important; border-color: #0B3D84 !important;} .minicart-items .product-item-name {font-size: 13px !important;} .checkOutButtons {float:left; background-color:#ffffff;text-align: center; margin-left:10px; margin-top:-10px; margin-bottom:15px; border:1px solid #ccc;} .checkOutButtons :hover {background-color:#B40020;} .checkOutButtons a {color:#777777; text-transform:uppercase; width:100%; display:block; padding:10px 15px; font-weight:400;} .checkOutButtons a:hover {color:#ffffff; text-transform:uppercase; text-decoration:none;} .checkOutVATText span {font-weight:700;} .osc-cms-block {margin: 0px 0px;} .payment-method-barclaycard .payment-icon {max-height: 44px;} .checkout-agreement.field.choice.required {display: inline-table;padding-left:0;} .checkout-agreement .required-entry {display:table-cell; vertical-align:middle; top:0;} .opc-wrapper .fieldset > .field > .label {} .checkout-agreement .label {display:table-cell!important; white-space: normal!important; text-align: left;} @media only screen and (max-width: 768px) { .checkout-container button:not(.primary):not(.action-show):not(.action-close):not(.edit-address-link):not(.ui-datepicker-trigger) {background-color:transparent!important; border-color: transparent!important; box-shadow: none !important; color: #FFFFFF !important;} } @media only screen and (max-width: 350px) { .checkOutButtons {float:none; text-align: center; width:90%; margin: -10px auto 15px;} } /* Fix Category view Title margin bottom reduction */ .block-category-list .block-title {margin-bottom:0px!important;} /* Fix to add link underline on checkout page*/ #customer-email-fieldset a {text-decoration:underline;} #customer-email-fieldset a:hover {text-decoration:none;} .osc-authentication-wrapper .action-auth-toggle {text-decoration:underline;} .osc-authentication-wrapper a:hover {text-decoration:none;} /* Fix to remove amazon link from account information page*/ .password-info {display:none;} .actions-toolbar {clear:both;} /* Fix to remove wishlist from header*/ .page-header.type23 .header-main-right a.action.my-wishlist {display:none;!important;} .minicart-wrapper {padding-left:10px!important;} /* Remove Compare icon/link from item details */ .product-addto-links {display:none!important;} /* Category Side Panel Adverts */ .categorySidePanelAdvert {margin-top:15px;} .categorySidePanelAdvert img {image-rendering: -webkit-optimize-contrast;transform: translateZ(0);} @media only screen and (max-width: 1280px) { .categorySidePanelAdvert {width:32%; margin-left:2%; float:left;} } @media only screen and (max-width: 768px) { .categorySidePanelAdvert {display:none;} } /* Category Text Block */ .contentTextBlock {margin-bottom:30px;} /* ByCategory Text Block Settings*/ .l3cat {border: none!important;padding-bottom:0px!important;} .catmore {display:none;} #catmoreText {display:block;} @media (max-width: 990px) { .catmore {display:block;} #catmoreText {display:none;} } /* MOBILE MENU Colurs*/ @media (max-width: 767px) { header.page-header .nav-sections-item-title {background-color:#ffffff;color:#0B3D84;} header.page-header .nav-sections-item-title.active {background-color:#B40020;} header.page-header .nav-sections-item-title.active > a:hover {color:#ffffff;} header.page-header .nav-sections-item-title > a {color:#0B3D84;} header.page-header .nav-sections-item-title.active > a, header.page-header .nav-sections-item-title.active > a:hover, header.page-header .nav-sections-item-title.active > a:focus {color:#ffffff;} .rootmenu > .rootmenu-list > li > a > em { background-color:transparent;} .rootmenu > .rootmenu-list.mobile-sub > li {background-color:#0B3D84;} .rootmenu > .rootmenu-list.mobile-sub > li > a {color: #fff !important;line-height: 30px; border-bottom: none;padding-left: 20px!important;} .rootmenu > .rootmenu-list.mobile-sub > li:hover > a {background-color:#B40020!important;} .rootmenu > .rootmenu-list.mobile-sub {margin-top: -15px;} .rootmenu > .rootmenu-list > li > a {border-left: none !important; border-right: none !important;} .rootmenu > .rootmenu-list.mobile-sub > li > a.active {background-color:#0B3D84!important; color:#fff!important;} .nav-sections .header.links li.greet.welcome {display:none;} .nav-sections .header.links li {border-bottom: none; background-color:#0B3D84;} .nav-sections .header.links li > a {color: #fff !important;line-height: 30px; border-bottom: none;padding-left: 20px!important;} .nav-sections .header.links li > a:hover {color: #fff !important;line-height: 30px; border-bottom: none;padding-left: 20px!important;} .nav-sections .header.links li:hover > a {background-color:#B40020!important;} } /* MOBILE MENU Colurs*/ @media (max-width: 767px) { header.page-header .nav-sections-item-title {background-color:#ffffff;color:#0B3D84;} header.page-header .nav-sections-item-title.active {background-color:#B40020;} header.page-header .nav-sections-item-title.active > a:hover {color:#ffffff;} header.page-header .nav-sections-item-title > a {color:#0B3D84;} header.page-header .nav-sections-item-title.active > a, header.page-header .nav-sections-item-title.active > a:hover, header.page-header .nav-sections-item-title.active > a:focus {color:#ffffff;} .rootmenu > .rootmenu-list > li > a > em { background-color:transparent;} .rootmenu > .rootmenu-list.mobile-sub > li {background-color:#0B3D84;} .rootmenu > .rootmenu-list.mobile-sub > li > a {color: #fff !important;line-height: 30px; border-bottom: none;padding-left: 20px!important;} .rootmenu > .rootmenu-list.mobile-sub > li:hover > a {background-color:#B40020!important;} .rootmenu > .rootmenu-list.mobile-sub {margin-top: -15px;} .rootmenu > .rootmenu-list > li > a {border-left: none !important; border-right: none !important;} .nav-sections .header.links li.greet.welcome {display:none;} .nav-sections .header.links li {border-bottom: none; background-color:#0B3D84;} .nav-sections .header.links li > a {color: #fff !important;line-height: 30px; border-bottom: none;padding-left: 20px!important;} .nav-sections .header.links li > a:hover {color: #fff !important;line-height: 30px; border-bottom: none;padding-left: 20px!important;} .nav-sections .header.links li:hover > a {background-color:#B40020!important;} }