/* Holds mods to NS Stylesheets */
/* for Rich */
.alert-info
{
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
}
/* move the currency drop down up slightly */
.rapidcustom .currency-select select
{
margin-top:-15px;
}
/* welcome to message */
.rapidcustom .welcome-message
{
font-size:18pt;
margin-bottom:10px;
}
.rapidcustom .welcome-message .slant
{
font-style:italic;
}
/* pop out menu */
.rapidcustom .menu-text
{
font-size:10pt;
}
.rapidcustom .menu-text li a
{
padding-top:3px;
padding-bottom:3px;
}
.rapidcustom .account li a
{
padding-top:3px;
padding-bottom:3px;
color:#337ab7;
}
.rapidcustom .account li a:hover
{
color:#d9000c;
}
.rapidcustom .hb-wrap
{
/* min-height:0px; */
}
/* pop out menu end */
.rapidcustom .red-text
{
color:#d9000c;
}
.rapidcustom .whatsIncluded-top .product-details
{
position:absolute;
display:none;
z-index:99999;
}
.rapidcustom a
{
color:#337ab7;
text-decoration:none;
}
.rapidcustom a:hover
{
color:#d9000c;
}
.rapidcustom hr
{
margin:15px 0px 15px 0px;
}
.rapidcustom .da-textbox
{
margin-bottom:15px;
}
/*
.rapidcustom .item-list-top-ddls
{
display:grid;
grid-template-columns: 1fr 1fr;
gap:20px;
}
*/
.rapidcustom .ps-heading-wrap .lhs
{
width:100%;
}
.rapidcustom .item-number
{
margin: 10px 15px 0px 0px;
}
.rapidcustom table, th, td
{
border:none;
}
.rapidcustom .why-buy-currency-table h5
{
color:#55565a;
padding-bottom:0px;
}
/* this is used on update panels in show / hide lists */
.rapidcustom .js-show-hide
{
margin-bottom:15px;
}
/* for standard stuff
_________________________________*/
.rapidcustom .orange-button
{
background-color:#ff6b0b;
color:#ffffff;
height:58px;
padding: 10px 20px 10px 20px; /* this was remmed out */
border: #ccc solid 1px;
outline:none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 18px;
text-transform: uppercase;
font-family: 'Roboto Bold';
margin: 10px 10px 10px 0px;
}
.rapidcustom .orange-button:hover
{
background-color: #d9000c;
color: #fff;
}
.rapidcustom .link-table
{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 100px 100px;
gap: 10px;
}
.rapidcustom div.rw-table
{
width: 100%;
text-align: left;
}
.rapidcustom .divTable.rw-table .divTableCell, .divTable.rw-table .divTableHead
{
padding: 5px 10px 5px 10px;
}
.rapidcustom .divTable.rw-table .divTableBody .divTableCell
{
font-size: 13px;
}
.rapidcustom .rw-table .tableFootStyle
{
font-size: 14px;
}
.rapidcustom .rw-table .tableFootStyle .links
{
text-align: right;
}
.rapidcustom .rw-table .tableFootStyle .links a
{
display: inline-block;
background: #1C6EA4;
color: #FFFFFF;
padding: 2px 8px;
border-radius: 5px;
}
.rapidcustom .rw-table.outerTableFooter
{
border-top: none;
}
.rapidcustom .rw-table.outerTableFooter .tableFootStyle
{
padding: 3px 5px;
}
/* DivTable.com */
.rapidcustom .divTable{ display: table; }
.rapidcustom .divTableRow { display: table-row; }
.rapidcustom .divTableHeading { display: table-header-group;}
.rapidcustom .divTableCell, .divTableHead { display: table-cell;}
.rapidcustom .divTableHeading { display: table-header-group;}
.rapidcustom .divTableFoot { display: table-footer-group;}
.rapidcustom .divTableBody { display: table-row-group;}
.rapidcustom .table-resp {
border-collapse: collapse;
/* margin-left: 1em; */
}
.rapidcustom .table-resp td hr
{
margin:5px 0px 5px 0px;
}
@media (min-width: 768px) { /* sm, md, lg */
.rapidcustom .table-resp {
margin-top: 20px;
position: relative; /* Used below to give position: absolute context */
caption {
position: absolute; /* Fixes table width broken by width: 95vw above */
top: -2em;
margin-bottom: .75em;
}
.rapidcustom .table-resp thead {
text-align: left;
background-color: #333;
color: white;
}
.rapidcustom .table-resp tbody {
tr {
&:nth-child(odd) {
/* background-color: hsl(0, 0%, 94%); */
}
&:nth-child(even) {
/* background-color: hsl(0, 0%, 88%); */
}
}
}
.rapidcustom .table-resp td, th {
padding: .25em .5em;
&:nth-child(2) {
border-left: 3px solid #fff;
}
}
}
}
@media (max-width: 767px) /* xs */ {
.rapidcustom .table-resp thead {
display: none;
}
.rapidcustom .table-resp {
display: block;
/* margin-top: 10px; */
}
.rapidcustom .table-resp td {
display: block;
}
.rapidcustom .table-resp td:first-child {
font-weight: 700;
margin-top: .75em;
margin-bottom: 0;
font-size:10pt;
}
.rapidcustom .table-resp td:nth-child(2) {
margin-top: 0;
font-size:10pt;
}
}
/* mod to custom-tbl class for responsive tables and grids */
.rapidcustom .custom-tbl th,td
{
font-size:14px;
/*word-break: break-all;*/
}
.rapidcustom .custom-tbl th a
{
color:#fff;
}
/* mods to stellar nav
________________________________________ */
.rapidcustom .stellarnav > ul > li > a
{
/* padding: 0px 0px 15px 0px; DA reduced from 36 to 15
padding-bottom:15px; */
}
.rapidcustom .stellarnav .desktop li li
{
height: 175px; /* changed by DA from 211 to 175 */
}
.rapidcustom .stellarnav li li figure
{
height: 80px; /* changed by DA from 120 to 80 */
}
.rapidcustom .stellarnav li li p
{
line-height: 22px; /* changed by DA from 25 to 22 */
}
/* for ajax progress gif
_________________________________*/
.rapidcustom .ajaxmodal
{
position: fixed;
z-index: 999;
height: 100%;
width: 100%;
top: 0;
background-color: Black;
filter: alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.8;
}
.rapidcustom .ajaxcenter
{
z-index: 1000;
margin: 300px auto;
padding: 10px;
width: 50px;
height:50px;
background-color: #ffffff;
border-radius: 10px;
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
}
/* 2 col grid START
________________________________________ */
.rapidcustom .2colWrapper
{
display:grid;
grid-template-columns: 33.334% 66.667%;
}
.rapidcustom .box {
background-color: #444;
color: #fff;
padding: 1em;
}
/* 2 col grid END
________________________________________ */
/* mods to NS styles in style.css
________________________________________ */
.rapidcustom .sub-text select
{
padding: 0px 0px 0px 5px;
}
.rapidcustom .hb-wrap
{
padding-top:15px;
}
.rapidcustom .header-bottom
{
padding: 10px 0px 10px 0px;
}
.rapidcustom .sub-banner
{
background-image:none;
}
.rapidcustom .sub-banner-wrap
/* media queries checked, all are bigger than the 30px below so letting this override all */
{
padding:30px 0px 30px 0px;
min-height:0px;
}
.rapidcustom .sb-text
{
max-width:none;
}
.rapidcustom .sb-text h1
{
padding-bottom:10px;
}
.rapidcustom .category-listing ul li
{
height:340px;
}
.rapidcustom .category-listing ul li figure
{
height:180px;
}
.rapidcustom .product-price
{
font-size:25px;
line-height:25px;
}
.rapidcustom .product-listing .select-type
{
margin-top:0px;
}
.rapidcustom .product-listing ul li h3
{
font-size:18px;
line-height:24px;
height:100px;
}
/* POP OUT BASKET START #10181F
________________________________________ */
.rapidcustom .bpp-text-top h4
{
float: left;
color: #55565A;
width:100%;
font-family: 'Roboto Bold';
margin:5px 0 5px 0;
}
.rapidcustom .bpp-text-top h4 strong
{
font-family:'Roboto Bold';
}
.rapidcustom .bpp-text-top h3
{
width:100%;
}
.rapidcustom .bpb-details
{
font-size:20px;
line-height:22px;
}
/* POP OUT BASKET END */
/* BREADCRUMB START
________________________________________ */
.rapidcustom .bredcrub
{
text-transform:none;
}
.rapidcustom .bredcrub .last
{
color:#D40900;
}
/* BREADCRUMB END */
/* BASKET PAGE START
________________________________________ */
.rapidcustom .basket-list-text .product-price
{
margin-top:10px;
}
/* BASKET PAGE END */
/* INDIVIDUAL ITEM PAGE START
________________________________________ */
.rapidcustom .qtyplus1, .qtyminus1 {
width: 56px;
height: 56px;
padding: 0px;
background-color: #fff;
border: #e4e4e4 solid 1px;
font-family: 'Roboto Black';
font-size: 20px;
}
.rapidcustom .qtyminus1 {
border-right: none;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.rapidcustom .qtyplus1 {
border-left: none;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.rapidcustom .pr-bottom .button button
{
margin-bottom:10px;
}
.rapidcustom .pr-bottom .button a
{
margin-bottom:10px;
}
.rapidcustom .pr-bottom .shop-parts
{
/*float:right;*/
}
.rapidcustom .item-page-rep-box ul
{
}
.rapidcustom .item-page-rep-box li
{
display:inline-block;
vertical-align:top;
margin: 10px 10px 10px 10px;
border-style:solid;
border-width:1px;
padding:10px;
min-width:150px;
max-width:300px;
}
.rapidcustom .item-page-rep-box h4
{
display:inline-block;
margin:10px 0px 10px 0px;
}
.rapidcustom .item-page-rep-box input[type=text]
{
max-width:150px;
}
.rapidcustom .item-page-rep-box .title
{
width:100%;
text-align:center;
margin:10px 0px 10px 0px;
font-family:'Roboto Bold';
}
.rapidcustom .item-page-rep-box .orange-button
{
display:block;
margin-left:auto;
margin-right:auto;
width:95%;
}
.rapidcustom .product-details
{
margin-bottom:50px;
}
.rapidcustom .pm-rhs .product-price
{
font-size: 45px;
line-height: 45px;
font-family: 'Roboto Black';
padding-bottom: 5px;
color: #10181F;
}
.rapidcustom .whats-included p
{
margin-left:10px;
}
/* RELATED CATEGORY OVERRIDES START */
.rapidcustom .similar-slider div figure
{
height:170px;
background-color:#ffffff;
padding-top:10px;
}
.rapidcustom .similar-slider div
{
height:320px;
}
.rapidcustom .bx-wrapper img
{
display:inline;
}
/* RELATED CATEGORY OVERRIDES END */
/* RELATED ITEM OVERRIDES START */
.rapidcustom .sp-head
{
border-bottom:none;
margin-bottom:20px;
}
.rapidcustom .sp-head h2
{
display:inline;
}
.rapidcustom .btn input {
background-color: #ff6b0b;
color: #fff;
height: 58px;
padding: 0px 10px 0px 10px;
width: 100%;
border: none;
outline: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 18px;
text-transform: uppercase;
font-family: 'Roboto Black';
}
.rapidcustom .estimate-button input
{
background-color: #263645!important;
}
.rapidcustom .quote-button input
{
background-color: #37902c!important;
}
/* RELATED ITEM OVERRIDES END */
/* CUSTS WHO'VE BOUGHT POP OUT FROM THE REP PANEL START */
.rapidcustom .whosbought-pop
{
display:none;
position: absolute;
background-color: #fff;
/*padding: 32px 0px 14px 0px;*/
width: 300px;
right: 0px;
top: 800px;
z-index: 999999;
-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px;
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.rapidcustom .whosbought-pop-products {
/*padding: 0px 33px 0px 33px;
overflow: hidden;*/
}
.rapidcustom .whosbought-pop-products ul li {
border: #E6E6E8 solid 1px;
display:block;
font-size:.75em;
/* margin-bottom: 19px;
padding: 17px; */
}
/* CUSTS WHO'VE BOUGHT POP OUT FROM THE REP PANEL END */
/* ITEM PAGE OVERRIDES END */
/* HOMEPAGE OVERRIDES START
________________________________________ */
.rapidcustom .review-slider .c-name figure
{
background-color:#ffffff;
}
.rapidcustom .shop-listing ul
{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin-bottom:30px;
}
.rapidcustom .shop-listing ul li
{
margin: 0px auto 20px auto;
}
.rapidcustom .shop-listing ul li figure
{
width: 240px;
height: 240px;
text-align: center;
/*margin: 0px auto 20px auto;*/
margin: 0px 10px 20px 10px;
}
/* HOMEPAGE OVERRIDES END */
/* FORGOTTEN PASSWORD, CUSTLOGIN PAGE OVERRIDES START
________________________________________ */
.rapidcustom .login-box span
{
padding-bottom:10px;
display:inline;
}
.rapidcustom .rhp-custs-grid-container
{
display:grid;
grid-template-columns: 1fr 1fr ;
grid-template-rows:1fr;
}
.rapidcustom .rhp-custs-grid-contents
{
grid-column-start:auto;
}
.rapidcustom .rhp-custs-linkoption-container
{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:baseline;
align-content:flex-start;
}
.rapidcustom .wordbreak
{
word-break:normal;
font-weight:bold;
}
/* FORGOTTEN PASSWORD, CUSTLOGIN PAGE OVERRIDES END */
/* CUSTOMER HOME PAGE OVERRIDES START
________________________________________ */
.rapidcustom .recent-purchases
{
padding-top:30px;
}
.rapidcustom .rp-head .lhs
{
width:100%;
max-width:none;
}
/* CUSTOMER HOME PAGE OVERRIDES END */
/* RETRIEVE QUOTE PAGE OVERRIDES START
________________________________________ */
/* RETRIEVE QUOTE PAGE OVERRIDES END */
/* NS TABLE OVERRIDES */
.rapidcustom .resp-table-font
{
font-size:15px;
}
@media only screen and (min-width: 1720px) and (max-width: 1870px)
{
}
@media only screen and (min-width: 1600px) and (max-width: 1719px)
{
.rapidcustom .pm-rhs .product-price
{
font-size: 43px;
line-height: 43px;
}
}
/* from 2516 to 3009 */
@media only screen and (min-width: 1400px) and (max-width: 1599px)
{
.rapidcustom .category-listing ul li
{
height:330px;
}
.rapidcustom .pm-rhs .product-price
{
font-size: 40px;
line-height: 40px;
}
.rapidcustom .orange-button
{
height:55px;
font-size:17px;
}
.rapidcustom .quote-button
{
height:55px;
font-size:17px;
}
.rapidcustom .product-listing ul li h3
{
font-size:18px;
line-height:24px;
height:100px;
}
}
/* 3011 to 3665 */
@media only screen and (min-width: 1280px) and (max-width: 1399px)
{
.rapidcustom .category-listing ul li
{
height:330px;
}
.rapidcustom .pm-rhs .product-price
{
font-size: 35px;
line-height: 35px;
}
.rapidcustom .orange-button
{
height:52px;
font-size:16px;
}
.rapidcustom .quote-button
{
height:52px;
font-size:16px;
}
.rapidcustom .qtyplus1, .qtyminus1 {
width: 50px;
height: 50px;
padding: 0px;
font-size: 18px;
}
.rapidcustom .product-listing ul li h3
{
font-size:18px;
line-height:22px;
height:100px;
}
}
@media only screen and (min-width: 1180px) and (max-width: 1279px)
{
.rapidcustom .category-listing ul li
{
height:320px;
}
.rapidcustom .pm-rhs .product-price
{
font-size: 35px;
line-height: 35px;
}
.rapidcustom .orange-button
{
height:48px;
font-size:14px;
}
.rapidcustom .quote-button
{
height:48px;
font-size:14px;
}
.rapidcustom .qtyplus1, .qtyminus1 {
width: 45px;
height: 45px;
font-size: 18px;
}
/* NS TABLE OVERRIDES */
.rapidcustom .resp-table-font
{
font-size:13px;
}
/* mod to custom-tbl class for responsive tables and grids */
.rapidcustom .custom-tbl th,td
{
font-size:13px;
/*word-break: break-all;*/
}
.rapidcustom .product-listing ul li h3
{
font-size:17px;
line-height:22px;
height:100px;
}
}
@media only screen and (min-width: 960px) and (max-width: 1179px)
{
.rapidcustom .category-listing ul li
{
height:320px;
}
.rapidcustom .pm-rhs .product-price
{
font-size: 35px;
line-height: 35px;
}
.rapidcustom .orange-button
{
height:50px;
font-size:16px;
}
.rapidcustom .quote-button
{
height:50px;
font-size:16px;
}
.rapidcustom .qtyplus1, .qtyminus1 {
width: 45px;
height: 45px;
font-size: 18px;
}
/* NS TABLE OVERRIDES */
.rapidcustom .resp-table-font
{
font-size:13px;
}
/* mod to custom-tbl class for responsive tables and grids */
.rapidcustom .custom-tbl th,td
{
font-size:13px;
/*word-break: break-all;*/
}
.rapidcustom .product-listing ul li h3
{
font-size:17px;
line-height:22px;
height:95px;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px)
{
.rapidcustom .category-listing ul li
{
height:320px;
}
.rapidcustom .pm-rhs .product-price
{
font-size: 35px;
line-height: 35px;
}
.rapidcustom .orange-button
{
height:45px;
font-size:15px;
}
.rapidcustom .quote-button
{
height:45px;
font-size:15px;
}
.rapidcustom .qtyplus1, .qtyminus1 {
width: 45px;
height: 45px;
font-size: 18px;
}
/* NS TABLE OVERRIDES */
.rapidcustom .resp-table-font
{
font-size:11px;
}
/* mod to custom-tbl class for responsive tables and grids */
.rapidcustom .custom-tbl th,td
{
font-size:11px;
/*word-break: break-all;*/
}
.rapidcustom .product-listing ul li h3
{
font-size:16px;
line-height:22px;
height:88px;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px)
{
/*.rapidcustom .home-banner .bx-wrapper .banner1 figure
{
background-image: url(' /images/nsbanners/Banner1Half.jpg');
}
*/
.rapidcustom .category-listing ul li
{
height:300px;
}
.rapidcustom .product-price
{
font-size:20px;
line-height:20px;
}
.rapidcustom .pm-rhs .product-price
{
font-size: 30px;
line-height: 35px;
}
.rapidcustom .orange-button
{
height:45px;
font-size:14px;
}
.rapidcustom .quote-button
{
height:45px;
font-size:14px;
}
/* RELATED ITEM OVERRIDES START */
.rapidcustom .sp-head
{
margin-bottom:15px;
}
.rapidcustom .sp-head .item-number
{
margin-top:10px;
}
/* RELATED ITEM OVERRIDES END */
.rapidcustom .qtyplus1, .qtyminus1 {
width: 45px;
height: 45px;
font-size: 17px;
}
/* welcome to message */
.rapidcustom .welcome-message
{
font-size:15px;
margin-bottom:10px;
}
/* NS TABLE OVERRIDES */
.rapidcustom .resp-table-font
{
font-size:11px;
}
/* mod to custom-tbl class for responsive tables and grids */
.rapidcustom .custom-tbl th,td
{
font-size:11px;
/*word-break: break-all;*/
}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px)
{
/*.rapidcustom .banner1 figure
{
background-image: url('/images/nsbanners/Banner1Half.jpg');
}
*/
.rapidcustom .category-listing ul li
{
height:300px;
}
.rapidcustom .product-price
{
font-size:20px;
line-height:20px;
}
.rapidcustom .tab-content .lhs
{
margin-bottom:30px;
}
.rapidcustom .pm-rhs .product-price
{
font-size: 30px;
line-height: 35px;
}
.rapidcustom .orange-button
{
height:45px;
font-size:14px;
}
.rapidcustom .quote-button
{
height:45px;
font-size:14px;
}
/* RELATED ITEM OVERRIDES START */
.rapidcustom .sp-head
{
margin-bottom:15px;
}
.rapidcustom .sp-head .item-number
{
margin-top:10px;
}
/* RELATED ITEM OVERRIDES END */
.rapidcustom .qtyplus1, .qtyminus1 {
width: 45px;
height: 45px;
font-size: 17px;
}
/* welcome to message */
.rapidcustom .welcome-message
{
font-size:18px;
margin-bottom:10px;
}
/* NS TABLE OVERRIDES */
.rapidcustom .resp-table-font
{
font-size:10px;
}
.rapidcustom .product-listing ul li h3
{
font-size:16px;
line-height:22px;
height:88px;
}
}
/*to add the last viewed into the mobile menu */
.rapidcustom .last-viewed li:first-child {
border-radius: 10px 10px 0px 0px;
}
.rapidcustom .last-viewed li:last-child {
border-radius: 0px 0px 10px 10px;
padding-bottom: 10px
}
.rapidcustom .last-viewed li a {
text-decoration: none;
display: block;
padding-top: 10px;
margin: 0px;
line-height: 1.5em;
}
.rapidcustom .last-viewed li a:hover {
color: red;
}
.stellarnav.mobile li ul li img {
padding: 10px 10px 10px 20px;
}