/*##########################################################################################################

Below is the core QuickMenu CSS responsible for menu functionality and operations.  You do not need
to modify any of the settings below, however if you want to mess around feel free :)  

To customize the menu styles see qm_customize.css

############################################################################################################ */


/* ######## Core CSS [Modify at your own risk!] ######## */

	/* Default Styles, Layout, and Behavior */
	.qm {position:relative;z-index:1;font-size:14px;font-family:Arial, Helvetica, sans-serif;line-height:normal;}
	.qm_window, .qm_chrome, .qm_topbar, .qm_main, .qm_main>li, .qm_main>li>*:first-child, .qm_sub, .qm_sub>li, .qm_sub>li>*:first-child {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
	.qm_main, .qm_sub {list-style:none;padding:0px;margin:0px;}
	.qm_main {position:relative;z-index:1;}
	.qm_sub {visibility:hidden;position:absolute;z-index:1;left:100%;top:0px;}
	.qm_main>li, .qm_sub>li {display:block;position:relative;white-space:nowrap;}
	.qm_main>li>*:first-child, .qm_sub>li>*:first-child {display:block;position:relative;cursor:default;width:100%;height:100%;text-decoration:none;}
	.qm_main>li>a:first-child, .qm_sub>li>a:first-child {cursor:pointer;}
	.qm_hidden {display:none;}
	.qm_disable_behavior {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;}
	.qm_DST .qm_sub {-moz-transition:none !important;-webkit-transition:none !important;-o-transition:all 0 ease-in !important;transition:none !important;} /* DST = Disable Sub Transitions */
	
	/* Pure CSS Hover (.5s default mouse over and out delay) */
	.qm:hover, .qm_main:hover {z-index:999999;}
	.qm_pure .qm_sub {transition-delay:.5s;}
	.qm_pure li:hover>.qm_sub {visibility:inherit;transition-delay:.5s;}
			
	/* Scripted Hover and Active States */
	.qm.qm_active, .qm_main.qm_active {z-index:999999;}
	.qm_script .qm_item.qm_active>.qm_sub {visibility:inherit;}

	/* Default Horizontal Menu Layout */
	.qm_main>li {float:left;}
	.qm_main:after {content:"";display:block;clear:both;}
	.qm_main>li>.qm_sub {left:0px;top:100%;}
		
	/* Hide Fill Style Menu Elements By Default */
	.qm .qm_topbar, .qm .qm_button_open  {display:none}

	/* Fill Window Menu Styles */
	.qm_fill {-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
	.qm_fill.qm {z-index:999999;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
	.qm_fill.qm .qm_sub {width:100%;top:0px;left:100%;}
	.qm_fill .qm_item {position:static;white-space:normal;}
	.qm_fill .qm_blockout {display:block;position:fixed;z-index:1;width:100%;height:100%;top:0px;left:0px;}
	.qm_fill .qm_window {position:fixed;z-index:2;}
	.qm_fill .qm_chrome {position:relative;width:100%;height:100%;border:solid 0px transparent;}
	.qm_fill .qm_viewport {position:relative;width:100%;height:100%;overflow:hidden;}
	.qm_fill .qm_doc {position:relative;width:100%;height:100%;left:0%;top:0px;}
	.qm_fill .qm_topbar {display:block;position:absolute;width:100%;}
	.qm_fill .qm_button_back, .qm_fill .qm_icon {visibility:hidden;opacity:0;}
	.qm_fill .qm_title, .qm_fill .qm_button_back, .qm_fill .qm_button_close, .qm_fill .qm_icon {position:absolute;margin:auto;top:0px;bottom:0px;height:60%}
	.qm_fill .qm_icon>div, .qm_fill .qm_button_close>div, .qm_fill .qm_button_back>div {position:absolute;margin:auto;top:0px;bottom:0px;left:0px;right:0px;height:50%;width:50%;background-size:contain;background-repeat:no-repeat;background-position:center center;}
	.qm_fill .qm_title {left:0px;right:0px;width:80%;}
	.qm_fill .qm_button_back, .qm_fill .qm_icon {left:0px;width:10%;}
	.qm_fill .qm_button_close {right:0px;width:10%;}
	.qm_fill .qm_main {position:relative;width:100%;}
	.qm_fill .qm_main>li {float:none;}
	.qm_fill.qm_closed .qm_button_open {display:block;}
	.qm_fill.qm_closed .qm_window, .qm_fill.qm_closed .qm_blockout  {display:none;}
	.qm_fill.qm_closed {z-index:1;}
	.qm_fill .qm_on {visibility:inherit;opacity:1;}
		
	/* Fill to Parent Container vs. Window (to enable: add qmFillParent class name to NAV tag) */
	.qmFillParent.qm_fill {position:static;}
	.qmFillParent.qm_fill .qm_blockout, .qmFillParent.qm_fill .qm_window  {position:absolute;}
	
	/* Disable safe z-index for fill menu (to disable: add qmFillDisableSafeZIndex class name to NAV tag) */
	.qm_fill.qmFillDisableSafeZIndex .qm_button_open {display:block;}
	
	/* Default Fill Menu Styles */
	.qm_fill .qm_menu, .qm_fill .qm_item>*:first-child {border-style:none;margin:0px;}
	.qm_fill .qm_menu {padding:0px;}
	
	/* Disable and Enable Menus and Items Targeted to a Specific Menu Style ('drop', or 'fill') */
	.qm .qm_fill_only,  .qm .qm_drop_only {display:none;}
	.qm_fill .qm_fill_only, .qm_drop .qm_drop_only{display:block;}
	

	
	
	


/*##########################################################################################################

Welcome to Responsive QuickMenu!  The bulk of your menu is fully customizable by adding and editing the
styles outlined below.  Use a plain text editor to customize this file!

There are addtiional customizable features that are applied directly to the HTML for the menu, view and
edit the menu.html files source for more help and options.

-- Definitions of Terms Used --

     Drop Down Style:  This is the standard drop down style menu, which by default displays on large devices. 
     Fill Style:  The fill style menu fits the screen as a pop-up, similar to an iOS or Android system drill down menu.
     Pure CSS: The menu when the user has JavaScript disabled in the browser.
	 Parent Item: Items that have a child menu (sub menu).
	 Active Item: An item is active only when its child menu (sub menu) is visible.
	  
############################################################################################################ */



/* ######## Menu Styles ######## */
		
	/* -- GLOBAL STYLES -- */
	
		/*All Menus*/
		.qm {font-size:1em;font-family: "Tahoma", Geneva, sans-serif;} /*{font-size:1.1em;font-variant:small-caps;color:#e0e0e0;}*/
		/*All Menu Links*/
		.qm a, .qm a:visited, .qm a:hover, .qm a:active {text-decoration:none;color:#000000;} 
		/* All Menu Containers */
		.qm_sub, .qm_main {background-color:#e0e0e0;}
		.qm_main a:hover{color:#0000FF;}
		/* All Menu Items */
		.qm_main>li>*:first-child, .qm_sub>li>*:first-child {text-decoration:none;color:#000000;}
		/* All Parent Items */
		.qm_main>.qm_parent>*:first-child, .qm_sub>.qm_parent>*:first-child {text-decoration:none;background-repeat:no-repeat;background-position:right center;}
		
		
	/* -- DROP DOWN MENU STYLES -- */
		
		/* Main Container */
		.qm_drop .qm_main {padding-left:10px;display:flex;justify-content:space-between;}
		/* Main Items */
		.qm_drop .qm_main>li>*:first-child {padding:8px 15px 5px 25px;}
		/* Main Parent Items */
		/*.qm_drop .qm_main>.qm_parent>*:first-child {background-image:url(images/plus.png);}*/
		/* Main Items Hover */
		.qm_drop .qm_main>li:hover>*:first-child {color:#0000FF;}
		/* Main Items Active */
		/*.qm_drop .qm_main>.qm_item.qm_active>*:first-child {color:#0000FF;background-image:url(images/minus.png);}*/
		
		/* Sub Containers */
		.qm_drop .qm_sub {border:solid 0px #888888;border-top-width:1px;}
		/* Sub Containers - Level 1 */
		.qm_drop .qm_main>li>.qm_sub {margin-left:25px;}
		/* Sub Containers - Level 2+ */
		.qm_drop .qm_sub .qm_sub {margin-top:-1px;}
		/* Sub Items */
		.qm_drop .qm_sub>li>*:first-child {padding:3px 3px 3px 3px;border:solid 0px #888888;border-bottom-width:1px;}
		/* Sub Parent Items */
		.qm_drop .qm_sub>.qm_parent>*:first-child {background-image:url(images/plus.png);background-position:95% center;margin-right:30px;}
		/* Sub Items Hover */
		.qm_drop .qm_sub>li:hover>*:first-child {color:#0000FF;}
		/* Sub Items Active */
		.qm_drop .qm_sub .qm_item.qm_active>*:first-child {color:#0000FF;background-image:url(images/minus.png);margin-right:30px;}
		
		/* Sub Animation */
		.qm_pure li:hover>.qm_sub, .qm_drop .qm_item.qm_active>.qm_sub {opacity:1;}
		.qm_drop .qm_sub {opacity:0;/*
			-webkit-transition: .1s ease-out;
			-moz-transition: .1s ease-out;
			-o-transition: .1s ease-out;
			transition: .1s ease-out;
			*/
		}
	
	
	/* -- FILL MENU STYLES -- */

		/* All Containers */
		.qm_fill .qm_menu {}
		/* All Items */
		.qm_fill .qm_item>*:first-child {padding:0px;border:dotted 0px #333;border-bottom-width:1px;}
		/* All Parent Items */
		.qm_fill .qm_parent>*:first-child {background-image:url(images/plus_fill.png);background-size:contain;background-position:95% center;}
		
	/* -- PARENT ITEM ARROWS FOR PURE CSS MENUS */
	
		/* Main Parent Items */
		/*.qm_pure .qm_main>li>*:first-child {background-image:url(images/arrow_plus.png);background-repeat:no-repeat;background-position:right center;}*/
		.qm_pure .qm_main>li>*:only-child {background-image:none;}
		/* Sub Parent Items */
		/*.qm_pure .qm_sub>li>*:first-child {background-image:url(images/arrow_plus.png);background-repeat:no-repeat;background-position:right center;}*/
		.qm_pure .qm_sub>li>*:only-child {background-image:none;}
		


/* ######## Fill Window Styles (by default the fill style menu response is shown on smaller mobile devices) ######## */

	/* All Button Elements */
	.qm .qm_button {cursor:pointer;}
	.qm_button:hover {text-decoration:none;color:#0000FF;}
    .qm_button {font-size:1.5em;}

	/* Mobile Site Menu Button */
	.qm_fill .qm_button_open {background-color:#e0e0e0;padding:10px;text-align:center;color:#000000;}
		/* hover effect */
		.qm_button_open:hover {text-decoration:none;color:#0000FF;}
		.qm a:hover {text-decoration:none;color:#0000FF;}

	/* Blockout Background */
	.qm_fill .qm_blockout {background-color:rgba(0,0,0,.6);}
	
	/* The Window */
	.qm_fill .qm_window {width:100%;height:100%;top:0px;left:0px;border:solid 2px #333;background-color:rgba(51,51,51,.8);border-radius:8px 8px 0px 0px;}
		/* Top Bar */
		.qm_fill .qm_topbar {background-color:#444;color:#eee;border-radius:8px 8px 0px 0px;}
			/* title */
			.qm_fill .qm_title {width:70%;height:70%;}
			/* menu icon */
			.qm_fill .qm_icon {width:15%;height:90%;}
			.qm_fill .qm_icon>div {/*background-image:url(images/menu_icon.png);*/left:10px;top:0px;margin:auto 0px;background-position:left center;}
			/* back button */
			.qm_fill .qm_button_back {width:15%;height:90%;}
			/*.qm_fill .qm_button_back>div {background-image:url(images/back.png);}*/
			/* close button */
			.qm_fill .qm_button_close {width:15%;height:90%;}
			/*.qm_fill .qm_button_close>div {background-image:url(images/close.png);}*/
			
	/* Slide animation timing */
	.qm_fill .qm_doc { 
		-webkit-transition: .1s ease-out;
		-moz-transition: .1s ease-out;
		-o-transition: .1s ease-out;
		transition: .1s ease-out;
	}

	
/* ######## Specific Menu Styles ######## */

	/* !!!!!! Target specific menus with a custom ID, add your custom ID to the menus NAV tag... id="my_id" !!!!!! */
	/* !!!!!! Add any desired css rules below, to target your menu add #my_id to the beginning of the css rule as shown below. !!!!!! */
	
	/* Drop Down - All Items */
	#my_id.qm_drop .qm_item>*:first-child {}
	/* Fill Style- All Items */
	#my_id.qm_fill .qm_item>*:first-child {}
	.homemod {color:#000000;}
	.homemod:hover {color:#0000FF;}
	.productsearch {color:#000000;}
	

/* ######## Optionally Set Main Menu Orientation Vertical ######## */

	/* !!!!!! Specify the menu to make vertical with a custom ID, add your custom ID to the menus NAV tag... id="my_id" !!!!!! */
	/* !!!!!! Remove or comment this section out for a default horizontal main menu. !!!!!! */
   	
	/* Vertically Stack Main Items */
	#my_id.qm_drop .qm_main>li {float:none;} 
	#my_id.qm_drop .qm_main>li>.qm_sub {left:100%;top:0px;}
	/* Menu Width */
	#my_id.qm_drop .qm_main {width:180px;}
	
	
	
	
	
	
:target::before {
  content: "";
  display: block;
  height: 175px; /* fixed header height*/
  margin: -175px 0 0; /* negative fixed header height */
}
h1 {
    font-family: times;
    font-size: 1.25em;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: -0px;
    color: #112747;
}

h2 {
    font-family: times;
    font-size: 1em;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
    color: #112747;
}

.lookslikeh2 {
	font-family: times;
    font-size: 1.1em;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #112747;
}

.h2link {
	text-decoration:none;
	color:blue;
	border:0px;
	outline:none;
}
.noborder {
	border:0px;
	outline:none;
}
h3 {
    font-family: times;
    font-size: 1em;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #112747;
	display: inline;
}
.floatleft {
float:left;
padding:3px;
}
.floatright {
float:right;
padding:3px;
}
.floatleftmobile {
float:left;
padding:3px;
max-width:60%;
height:auto;
}
.floatrightmobile {
float:right;
padding:3px;
max-width:60%;
height:auto;
}
.headertable {
	background-image: url('../assets/menubarback.jpg');
	background-repeat: no-repeat;
	margin-left: auto; 
    margin-right: auto;
    text-align: center;
}
.headerimages {
    margin-top: 5px;
    margin-left: 60px;
    margin-right: 60px;
    }
        
.menu {
    margin-left: 60px;
    margin-right: 60px;
    margin-bottom: 10px;
}
.sbtext {
	color: #CC0000;
	font-family: Arial;
	font-size: 16px;
	position:relative; top:-1px;
}
.smallmargin {
    margin-left: 4px;
    margin-right: 4px;
}
.footer {
	clear:both;
	text-align: center;
}
.footerhome {
	font-size:30px;
	font-family: "Arial", Helvetica, sans-serif;
	text-decoration:none;
	position:relative; bottom:4px; right:25px;
	color:#0000FF;
}
.footerhome:hover {
	color:#8282ff;
}
.footerhome img {
	border:0px;
	outline:none;
}
.footercontact {
	font-size:30px;
	font-family: "Arial", Helvetica, sans-serif;
	text-decoration:none;
	position:relative; bottom:4px; left:25px;
	color:#0000FF;
}
.footercontact:hover {
	color:#8282ff;
}
.footeremailimage {
	position:relative;
	top:5px;
}
.center {
text-align: center;
}
.centerpadded {
text-align: center;
padding: 5px;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.righttop {
text-align: right;
vertical-align:top;
}
.thick {
font-weight: bold;
}
.inline {
	display: inline;
}
p {
    font-family: times;
    font-size: 1em;
}

.arial {
    font-family: Arial;
    font-size: .6886em;
    color: #112747;
    font-weight:bold;	
}

.photodetail {
font-size: .70em;
text-decoration: none;
color: blue;
}
.smallfont {font-size: .70em;}
.smallfontlinkback {font-size: .80em}
.mediumfont {font-size: .90em;}

p.margined {
    margin-left: auto;
    margin-right: auto;
}
p.indented {text-indent: 20px;}     
p.center {text-align: center}
p.left {text-align: left}
p.normal {font-weight: normal}
p.thick {font-weight: bold}
p.thicker {font-weight: 900}

.backgroundtext {
    background-color:#FFCCCC;
}
.maroontext
{
color:#CC0000;
}
.underlineme {
text-decoration:underline;
}
.homepageh2 {
text-decoration:underline;
font-weight:bold;
text-align:center;
}
table.tablecenter {
    margin-left: auto; 
    margin-right: auto;
    text-align: center;
}
table.tableleft {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.menubar {
vertical-align: middle;
text-align: left;
}
.productsearchright {
vertical-align: middle;
text-align: right;
}
.aligntop {
vertical-align: top;
}
.aligntopleft {
vertical-align: top;
text-align: left;
}
.itemdiv {
max-width: 804px;
margin: 0 auto; 
}
.itemdivtwo {
padding: 10px;
background-color: lightgrey;
max-width: 780px;
margin: 0 auto; 
}
.itemdivtwosold {
padding: 10px;
background-image: url("https://nrsmart.com/assets/sold-1a.png");
background-image: image-set(url("https://nrsmart.com/assets/sold-1a.png") 1x, url("https://nrsmart.com/assets/sold-1b.png") 2x, url("https://nrsmart.com/assets/sold-1c.png") 3x, url("https://nrsmart.com/assets/sold-1d.png") 4x);
/*background: url('../assets/sold.png');*/
background-repeat: no-repeat;
background-size:100% auto;
background-color:#F8E0E0;
max-width: 780px;
margin: 0 auto; 
}
.itemdivthree {
display:inline-block;
max-width: 40%;
margin: 0 auto; 
text-align:left;
}
.itemcontent {
padding: 0 0 0 200px;
position: relative;
min-height: 152px;
}
.itemcontent img {
left: 40px;
position: absolute;
}
.itemcontentsold {
padding: 0 0 0 200px;
position: relative;
min-height: 152px;
background-color:#F8E0E0;
}
.itemcontentsold img {
left: 40px;
position: absolute;
opacity: 0.5;
}
.itemcontentsold img:active {
    opacity: 1.0;
}
.sold {
opacity: 0.5;
}
.block
{
display: block;
text-align: center;
}
.maxblock
{
max-width: 780px;
display: block;
margin-top:4px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.thumbpadding:hover {
opacity: 0.7;
cursor: pointer;
}
.thumbpadding
{
margin-top:4px;
margin-bottom:0px;
margin-left:2px;
margin-right:2px;
}
.thumbpadding img
{
border:0px;
outline:none;
}
.nooutline {
outline:0;
}
.addsomepad {
padding:4px;
}
.homeh1header {
padding:10px;
text-align:center;
font-size:2em;
}
.homeh2header {
padding:20px;
margin-bottom:20px;
text-align:center;
font-size:1.25em;
max-width:800px;
margin-left:auto;
margin-right:auto;
}
html, body, .mpz {
margin:0;
padding:0;
}
html {
	overflow-y: scroll;
}
.responsivelogo {display:block;margin-left:auto;margin-right:auto;max-width:100%;height:auto;}
.responsiveimage {max-width:100%;height:auto;}
.cartlogo {
	display:none;
	z-index:9999998;
	position:absolute;
	top:0px;
	right:5px;
}
#ctlidtwo {
	z-index:9999998;
	position:absolute;
	top:20%;
	right:20%;
}
#ctlidthree {
	z-index:9999998;
	position:fixed;
	top:10%;
	right:10%;
}
.cartflex {
	display:flex;
	align-items:center;
	font-size:2em;
	color:blue;
}
.cartflextwo {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.cartdeletebutton {
	position: absolute;
	left:40px;
	top:152px;
    width: 152px;
	height: 50px;
    background-color: #9e0000;
    color: white;
    padding: 4px 10px;
    margin: 4px 0;
    border: 0px;
    border-radius: 4px;
    cursor: pointer;
	-webkit-appearance: none;
}
.cartdeletebutton:hover {
	background-color: #680000;
	letter-spacing:.2px;
}
.cartdeletebutton:active {
	background-color: #680000;
	color:yellow;
	font-weight:bold;
	letter-spacing:.1px;
}
.cartdeletebuttondiv {
	padding-left:10px;
	padding-right:10px;
}
.notextdec {
	text-decoration:none;
	color:blue;
	border:0px;
	outline:none;
}
input.pricebutton[type="button"], input.pricebutton[type="button"]:focus, input.pricebutton[type="button"]:active,  
button.pricebutton, button.pricebutton:focus, button.pricebutton:active {
    /* Remove all decorations to look like normal text */
    background: none;
    border: 0px;
    display: inline;
    font: inherit;
    margin: 0;
    padding: 0;
    outline: none;
    outline-offset: 0;
    /* Additional styles to look like a link */
    color: blue;
    cursor: pointer;
    text-decoration: none;
}
/* Remove extra space inside buttons in Firefox */
input.pricebutton[type="button"]::-moz-focus-inner,
button.pricebutton::-moz-focus-inner {
    border: none;
    padding: 0;
}
.gridflex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; /* or space-around */
	font-size: 0;
}
.gridanchor {
	display: inline-block;
	text-align:center;
	font-size: 16px; 
	margin-bottom: 8px;
	margin-right: 8px;
	border:0px;
	outline:none;
	text-decoration:none;
}
.gridflex div {
	margin-right:auto;
	margin-left:auto;
}
.gridanchor h3 {
	text-decoration:none;
	color:blue;
}
.gridflextwo {
	display: flex;
	justify-content: space-between; /* or space-around */
}
.colorred {
	color:#B01231;
}
.btn {
	display:inline;
}
.emaillink {
	vertical-align:middle;
}
.theheader {
	z-index:9999990;
	position:fixed;
	top:0px;
	width:100%;
	height:auto;
	background-color:white;
}
.smallhomepageimages {
	max-width:23%;
	height:auto;
}
.mainhomepageimage {
	padding-bottom: 5px;
	max-width:100%;
	height:auto;
}
.cartimages {
	max-width:100px;
	max-height:100px;
	height:auto;
	width:auto;
	outline:none;
	border:0px;
}
.cartimagesdiv {
	width: 100px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}
form.cartf {
	max-width: 804px;
	border-radius: 25px;
    background-color: #f2f2f2;
    padding: 20px;
	margin-left:auto;
	margin-right:auto;
}
input.cartf[type=text], select.cartfsel {
	font-size: 16px;
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	color:blue;
}

input.cartfsub[type=submit] {
    width: 100%;
    background-color: #9e0000;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: 0px;
    border-radius: 4px;
    cursor: pointer;
	-webkit-appearance: none;
}

input.cartfsub[type=submit]:hover {
    background-color: #680000;
}
input.cartfsub[type=submit]:active {
    background-color: #680000;
	color:yellow;
	font-weight:bold;
}
textarea.cartf {
	color:blue;
	width:100%;
    margin: 8px 0;
	resize:none;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.ast {
	color:#9e0000;
	font-size:2em;
}
.error {
	color: #FF0000;
}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999999; /* Sit on top */
    /* padding-top: 100px;  Location of the box  */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
	max-height: 100%;
    /*overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
	height:100%;
	max-height:100%; /* used to be 800px */
	object-fit: contain;
}
.modal-content:hover {
	cursor: pointer;
}

/* Add Animation */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Text */
.closetext {text-align:center;font-size: .90em;color:#FF6162;}
.enlargetext {text-align:center;font-size: .90em;color:#B30001;}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
    .hidemobile {pointer-events: none; /* Disables the link from being clicked */
    cursor: default; /* Changes cursor to a default arrow, indicating it's not clickable */
    color: #999; /* Optional: Visually de-emphasize the link */
    text-decoration: none; /* Optional: Remove the underline */}
}

/* The qcModal (background) */
.qcmodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999991; /* Sit on top */
    /* padding-top: 100px;  Location of the box  */
    left: 0;
    bottom: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
	max-height: 100%;
    /*overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}
.priceRequ {
    display:inline-block;
	cursor:pointer;
    margin-right:4px;
    margin-top:4px;
    padding:0px 4px;
    background: #f9f9f9;
    background-image: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background-image: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background-image: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    border: solid #b8b8b8 1px;
    font-family: Arial;
    color: #00cfa6;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}
.priceRequ:hover {
    background: #e9e9e9;
    background-image: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background-image: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background-image: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background-image: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background-image: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
}
.priceRequ:active {
	position:relative;
	top:1px;
}
.sessionsignout {
	position:fixed;
	top:1px;
	right:1px;
	text-align:right;
	max-width:100%;
}
.deletionschedule {
	width:152px;
	text-align:center;
	position:absolute;
	top:75px;
	left:40px;
	color:red;
	font-size:.9em;
	opacity: 0.5;
}
.deletionscheduletwo {
	text-align:center;
	color:red;
	font-size:.9em;
	opacity: 0.5;
}
.logo {
	height: 152px;
	width: 152px;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	outline: 0px;
}
.divspacer {
	min-height: 110px;
	width:100%;
	padding: 0px;
	margin: 0px;
}
.mobilesiteblue {
	color:blue;
	text-decoration:underline;
}
.landingpadtb {
	padding: 22px 0px;
}
.landingpadlr {
	padding: 0px 22px;
}
.hpmenudiv {
    text-align: center;
    background-color:lightgrey;
    font-size:30px;
}
.hpmenudivheader {
    width:100%;
    text-align:center;
    background-color:#FF6162;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
.hpmenuul {
    text-align:left;
    display:inline-block;
    list-style:none;
    max-width:100%;
    margin:0;
    padding:0;
}
.twentyfour {
    font-size:24px;
}
.thirty {
    font-size:30px;
}
.wwid {
max-width: 1600px;
margin: 20px auto 0px auto;
}
.greenbtn {
background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
}

/* --- QUOTE CART QUANTITY INPUTS & BUTTONS --- */

/* 1. MASTER WRAPPER (List Pages: Qty Left, Button Right) */
div.cart-qty-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
    gap: 15px;
}

/* 2. Exception for the Product Detail Page (Keep it stacked and centered) */
div.center.cart-qty-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
}

/* 3. QUANTITY BOX CONTAINER */
.custom-qty-container {
    display: flex;
    height: 38px;
    flex-shrink: 0;
}

/* 4. Hide default browser up/down arrows */
input[type="number"].cart-qty-input::-webkit-outer-spin-button,
input[type="number"].cart-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"].cart-qty-input {
    -moz-appearance: textfield;
    text-align: center;
    width: 50px;
    border-left: none;
    border-right: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    padding: 6px;
    box-sizing: border-box;
    font-size: 16px;
    background-color: #fff;
    color: #333;
    height: 100%;
    margin: 0;
}

/* 5. Style the custom [ - ] and [ + ] buttons */
.qty-btn {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    color: #333;
    padding: 0 12px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    user-select: none;
    height: 100%;
    margin: 0;
    box-sizing: border-box;
}
.qty-btn.minus-btn { border-radius: 4px 0 0 4px; }
.qty-btn.plus-btn { border-radius: 0 4px 4px 0; }
.qty-btn:hover { background-color: #e0e0e0; }

/* 6. ADD TO CART / REQUEST PRICING BUTTON */
div.cart-qty-wrapper button.priceRequ {
    height: 38px;
    flex-grow: 1; /* Stretches the button to fill the right side */
    max-width: 250px; /* Keeps it from getting comically wide on desktop */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 10px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
}

/* --- MOBILE SPECIFIC LAYOUT (LARGER TOUCH TARGETS) --- */
@media screen and (max-width: 600px) {
    /* Bump up the height for better thumb-tapping */
    .custom-qty-container,
    div.cart-qty-wrapper button.priceRequ {
        height: 44px;
    }

    /* Let the button take up all remaining horizontal space */
    div.cart-qty-wrapper button.priceRequ {
        max-width: 100%;
        font-size: 15px;
    }

    /* Make the plus/minus buttons slightly wider for thumbs */
    .qty-btn {
        padding: 0 16px;
    }
}