/* Global site color definitions */
body {
    color: #000000;
    background-color: #FFFFFF;
}
h2 {
	color: #AD7B5A;
}
h3 {
	color: #AD7B5A;
}
a:link { 
        color: #5a9dad;
}
a:visited { 
	color: #5a9dad;
}
a:hover { 
	/*color: #182d29;*/
        color: #2E584F;
}
a:active { 
	color: #2e584f; 
}
.red {
    color: red;
}
.darkred {
    color: darkred;
}
.reversered {
    color: white;
    background-color: red;
}
.greenbold {
    color: #5AAD9C;
    font-weight: bold;
}
.greenheader {
	color: #5AAD9C;
        font-size: 1.8em;
        font-weight: bold;
}
.greentext {
	color: #5AAD9C;
}

.lightgreywithborder {
    border: solid 1px #CCCCCC;
    background-color: #EEEEEE;    
}

.badge {
    /* bootstrap.css defines badge, here are overrides */
    background-color: red;
    color: white;
}

.categorybutton a {
        color: #AD7B5A;
        text-decoration: none;        
}

a.altlinkcolor {
        color: #AD7B5A;
        text-decoration: none;        
}

.browsegroup {
        background-color: #EEE;
}

/* End of global site color definitions */

/* Global site page widths */
#featuread {
    max-width: 800px;
}
#browsepage {
    max-width: 1024px;
}
#indexpage {
    max-width: 1024px;
}
#searchresultspage {
    max-width: 1024px;
}
#emailpage {
    max-width: 800px;
}
#orderinquirypage {
    max-width: 800px;
}
#menumanualspage {
    max-width: 1024px;
}
#calendar {
    max-width: 640px;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt; 
	font-style: normal; 
	font-weight: normal; 
	list-style-type: square;
	background-repeat: repeat-x;
	height: 100%;
        margin-top: 0px;
        margin-left: 0px;
        width: 100%;
        /*
 	margin-left: auto;
        margin-right: auto;
	*/
}

table {
	border: none;
	color: #000000;
}

img {
	border: none;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.17em;
        line-height: 2.0;
	display: inline;
}

h3 {
	font-size: 1.3em;
}

a:link { 
	text-decoration:none;
}
a:visited { 
	text-decoration:none;
}
a:hover { 
	text-decoration:underline;
}
a:active { 
	text-decoration:underline;
}

input {
    font-size: 1em;
}
select {
    font-size: 1em;
}


/* more specific styles */

/* hide css menu on page load */
#menutop {
    display: none;
}

div#wholepage {
    min-width: 100%;
}

/* two be used for side by side display switching to vertical on phone */
div.twocolumnleft {
    float: left;
    width: 280px;
    padding: 10px;
}

div.twocolumnright {
    float: right;
    padding: 10px;
    width: 280px;
    margin-left: 2em;
}

/* two column display that stays two column on phone */
div.columnleftside {
    float: left;
    padding-right: 10px;
}

div.columnrightside {
    float: right;
}

.indented1 {
    padding-left: 1em;
}

div.content {
	text-align: left;
        padding-left: 5px;
}

div.centeredrow {
    margin-left: auto;
    margin-right: auto;
}

div.max800 {
    max-width: 800px;
}

div.s {
        display: inline-block;
}

div.browsegroup {
    border: 1px dotted black;
    padding:5px;
}

div.divcell {
	display: table-cell;
}

div.divcell_alt {
	display: block;
}

.blankline {
        width: 100%;
	padding-bottom: 5px;
}

table.pagetop {
	/* placeholder for iehacks do not delete */
	background-color: #DDDDDD;
}
#showmenubutton {
	display: block;
}
#showmenubutton:hover img {
        background-color: #EEE;
}
#showmenubutton:active img {
        background-color: #DDD;
        opacity:0.8;
        filter:alpha(opacity=80);
}

#showcartbutton:hover img {
        background-color: #EEE;
}
#showcartbutton:active img {
        background-color: #DDD;
        opacity:0.8;
        filter:alpha(opacity=80);
}
a.catalogitemlink {
	/* placeholder for iehacks do not delete */
}

/* featured product boxes on home page */
.featured {
	text-align: left;
        /* width: 49.9%; */
        vertical-align: top;
        padding-left: 2em;
        padding-right: 2em;
}

.featuredcaption {
	width: 300px;
}

.classpagetext {
    background-color: #EAEAEA;
    font-weight: normal;
    font-size: 1.4em;
    padding-top: 0.1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.1em;
}
.sresultsaddtocart {
	width: 106px;
}

.sresultsaddtocart table {
        width: 106px;
}

.sresultsdescription {
        padding-left: 10px;
        width: 320px;
}

.sresultsimage {
        padding-right: 10px;
}

.sresultsstatus {
        vertical-align: top;
        width: 8em;
}

.sresultsprice {
        vertical-align: top;
        text-align: right;
        width: 6em;
}

#showitemtable {
	width: 100%;
}

#showitemimage {
	border: 0;
}

.showitem-media__image img {
        width: 400px;
}

#showitemimagecontainer {
	float: right;
    	margin-left: 1em;
}

.productpage {
        width: 55em;
}

.productpage hr {
	color: #5AAD9C;
	background-color: #5AAD9C;
        border: 0;
        height: 1px;
        margin-bottom: 1em;
}

.productpage li {
	list-style: square;
}

/* specific item ids */
#pagetopphone {
	font-size: 1.4em;
        color: #DD0000;
}

#pagetopemail {
	font-size: 1.4em;
}

#pagetopitems {
        font-size: 0.8em;
}

a#orderbycat:hover {
	background-position: 0 -30px;
}

a#emailbutton:hover {
	background-position: 0 -30px;
}

a#cartbutton:hover {
	background-position: 0 -30px;
}

/* searchbox */
div.searchbox {
	background-color: #CFCFCF;
        padding-top: 3px;
        padding-left: 2px;
        padding-bottom: 2px;
}

input.searchtext{
        vertical-align: top;
	width:78%;
	height: 22px;
}

span.searchtext{
        display: block;
        padding-top: 1px;
        overflow: hidden;
}

#searchbutton {
/*        background: url('/pics/searchbutton30.png') no-repeat;
*/
        height: 30px; 
        width: 30px; 
        border: none;
}

#searchbutton:hover {
        background-position: 0 -30px;
}

#footer {
        padding-top: 1em;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
}

#itemclasspagecolumn1 {
	display: table-cell;
	vertical-align: top;
	padding-right: 1em
}
#itemclasspagecolumn2 {
	display: table-cell;
	vertical-align: top;
	padding-right: 1em
}

#itemclasspagecolumn3 {
	display: table-cell;
	vertical-align: top;
        padding-right: 5px;
}
#browsepage {
        padding-left: 5px;
}

.redbold {
	color: red;
	font-weight: bold;
}


table#cartdetailitems {
/*
    border: 2px solid #ddd;border-
    : 8px;border-collapse: unset;
*/
}

td.cartitem {
	background-color: lightgray;
	width: 100%;
        padding: 10px;
}

tr.cartitemseparator {
	height: 5px;
}

div.cartitemimage {
    width: 132px;
    height: 100px;
}

div.cartleftside {
	float: left;
}

div.cartleftsideleft {
	float: left;
        width: 100px;
        padding-right: 5px;
}

div.cartleftsideright {
	float: right;
        width: 160px;
}

div.cartrightside {
	float: right;
}

div.cartrightsideleft {
	float: left;
        width: 200px;
        padding-bottom: 10px;
}

div.cartrightsideright {
	float: right;
        text-align: right;
        width: 140px;
}

.cartinstructions {
        color: #AA0000;
        padding: 5px;
}

td.trackingdetail {
	background-color: lightgray;
	width: 100%;
        position: relative;
        left: 2em;
        padding-left: 5px;
        padding-right: 5px;
}

div.trackingerror {
    width: 300px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* two column, label and value display */
div.labelcolumn {
    float: left;
    padding-right: 10px;
}

div.valuecolumn {
    float: right;
    inline-size: 200px;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

input#email {
	width: 50%;
}
input.customerinfo {
        width: 360px;
}
.placeordercreditcard {
	width: 100%;
        padding: 10px;
}
.emailformlabels {
        width: 150px;
	float: left;
        padding-right: 1em;
        text-align: right;
}
.emailformfields {
        margin-left: 5px;
        width: 100%;
        text-align: left;
}
#categorybuttons {
	width: 100%;
        margin-left: auto;
        margin-right: auto;
}
.categorybutton {
        text-align: center;
        vertical-align: top;
        width: 33%;
        padding-bottom: 1em;
}

/* specific button styles */
.addtocart {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        color:#333;
        background-color:#FA2;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border:none;
        font-family:'Helvetica Neue',Arial,sans-serif;
        font-size:12px;
        font-weight:700;
        height:24px;
        padding:3px 10px;
        cursor:pointer;
}
.addtocart:hover {background-color:#e9961e;}
.addtocart:active {background-color:#d48200;}

.addbackorder {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        color:#FFF;
        background-color:#5AAD9C;
            /*3A97B5;*/
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border:none;
        font-family:'Helvetica Neue',Arial,sans-serif;
        font-size:12px;
        font-weight:700;
        height:24px;
        padding:3px 10px;
        cursor:pointer;
}
.addbackorder:hover {background-color:#4D9485;}
.addbackorder:active {background-color:#407a6e;}

.otherbuttons {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        color:#333;
        background-color:#FA2;
            /*3A97B5;*/
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border:none;
        font-family:'Helvetica Neue',Arial,sans-serif;
        font-size:12px;
        font-weight:700;
        height:24px;
        padding:3px 10px;
        cursor:pointer;
}
.otherbuttons:hover {background-color:#e9961e;}
.otherbuttons:active {background-color:#d48200;}

.submitformbuttons {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        color:#333;
        background-color:#FA2;
            /*3A97B5;*/
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border:none;
        font-family:'Helvetica Neue',Arial,sans-serif;
        font-size:12px;
        font-weight:700;
        height:24px;
        padding:3px 10px;
        cursor:pointer;
}
.submitformbuttons:hover {background-color:#e9961e;}
.submitformbuttons:active {background-color:#d48200;}

/* specific button styles */
.pagelinkbutton {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        color:#333;
        background-color:#FA2;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border:none;
        font-family:'Helvetica Neue',Arial,sans-serif;
        font-size:12px;
        font-weight:700;
        height:24px;
        padding:3px 10px;
        cursor:pointer;
}
.pagelinkbutton a {
        color: #333;
}
a.pagelinkbutton:link {
        color: #333;
}
a.pagelinkbutton:hover {background-color:#e9961e; color: #333; text-decoration: none;}
a.pagelinkbutton:active {background-color:#d48200; color: #333; text-decoration: none;}
    
.updatecart {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
        color:#FFF;
        background-color:#5AAD9C;
            /*3A97B5;*/
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border:none;
        font-family:'Helvetica Neue',Arial,sans-serif;
        font-size:12px;
        font-weight:700;
        height:24px;
        padding:3px 10px;
        cursor:pointer;
}
.updatecart:hover {background-color:#4D9485;}
.updatecart:active {background-color:#407a6e;}

@media print {

        .cartitemimage {
		display: none;
	}
}