body {
    font-family: Arial, serif;
    font-size: 1em;
    margin: auto;
	color:#FFFFFF;
	background: #541900;
    }

form {
    padding: 0px;
    margin: 0px;
    }

a:link {
    color:#FFCC66;
    text-decoration: none;
    }

a:visited {
     color:#FFCC66;
    text-decoration: none;
    }

a:hover {
    color: #FFFFFF;
    text-decoration: none;
    }

a:active {
     color:#FFCC66;
    text-decoration: none;
    }

.fplinks a:hover {
    color: #FFFFFF;
    text-decoration: none;
    }


h1 {
    font-size: 14pt;
    font-weight: bold;
    }

h4 {
    font-size: 12pt;
    font-weight: bold;
    margin: 0px;
    }

img { max-width: 100%; height: auto; }


a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}

#page { margin: auto; max-width: 1440px; border: 1px solid #ffe451; box-shadow: 1px 0px 4px #ffe451, 0px 1px 4px #ffe451, -1px 0px 4px #ffe451, 0px -1px 4px #ffe451; margin-top: 3px;
    background: #993300 url(https://www.glabarre.com/template/responsive/css/redmarble.jpg) repeat;
}

#head {
    background: #1e3b5d url(https://www.glabarre.com/template/responsive/css/royalmarble.png) repeat;
    }

#mast { 
	display: flex; 
	align-items: center; 
	justify-content: space-between; 
	display: -webkit-flex; 
	-webkit-align-items: center; 
	-webkit-justify-content: space-between; 
	padding: 8px;
}

#logo {  }
#topmid { 
	justify-content: center; 
	-webkit-justify-content: center; 
	text-align: center; 
}
#topright {  text-align: right; }

#tagline > .mid { display: block; }

#phlink { font-size: 1.5em; font-weight: bold; display: inline-block; padding: 2px 0; }

#cartlinks {  }
#vcart { display: inline-block; position: relative; vertical-align: middle; }
#vcarti { display: inline-block; position: relative; vertical-align: middle; }
#vcartt { display: inline-block; position: relative; vertical-align: middle; }

#content-links { font-size: .825em; background: #660000; text-align: right; border-top: 1px solid #ffe451; border-bottom: 1px solid #ffe451; box-shadow: 1px 0px 4px #ffe451; }
#main { position: relative; }
#mask { position: absolute; height: 100%; background: #000; width: 215px; border-right: 1px solid #ffe451; }
#leftnav { background: #000; vertical-align: top; display: inline-block; max-width: 215px; border-right: 1px solid #ffe451; height: 100%; position: relative; }
#maincontent { font-size: .825em; display: inline-block; width: calc(100% - 226px);  }

#home {  }

#homeright { display: inline-block; width: calc(100% - 714px); vertical-align: top; text-align: center; }

#homesignup {
	display:block;
	background: url(mlback.png) center no-repeat;
	padding-top: 15px;
	color:#FFFFFF;
	font-size:9pt;
	text-align:center;
	height: 250px;
}

#homesignup form { 	padding: 92px 0px 0px 24px; }

#slides { background: #042240; display: inline-block; max-width: 700px; text-align: center; margin: 8px 0 0 4px; box-shadow: 2px 2px 4px #000; }
.bx-pager { margin-top: 2px; }

.cond-clear { clear: both; }

#about { margin: 20px 6px 0 4px; border-radius: 12px; overflow: hidden; box-shadow: 0 0 0 1px #000, 0 0 0 2px #ffe451; }

#about h1 { background-color: #003571; padding: 4px; margin: 0; }

#about-box { background-color: #f1ead3; color: #000; padding: 4px; }
#about-box a:link {color: #00c; font-weight: bold; }
#about-box a:visited {color: #00c; font-weight: bold; }

#catalogs div { float: left; max-width: 210px; text-align: center; margin-bottom: 8px; }

#footer {	padding: 8px;
			display: flex; 
			display: -webkit-flex; 
			align-items: center; 
			-webkit-align-items: center; 
			justify-content: space-between; 
			-webkit-justify-content: space-between; 
			border-top: 1px solid #ffe451; 
			background: #000; }
#foot-left {  }
#foot-mid {  justify-content: center; -webkit-justify-content: center; text-align: center; }
#foot-right {  text-align: right; margin-right: 8px; }

.caption { display: inline-block; margin: 4px 0; } 

.advsearch {
    font-size: .9em;
    line-height: 10px;
    margin: 0px;
    padding: 4px;
	font-weight: bold;
	color:#ffcc66;
    }
	
.advsearch a:link{
	color:#ffcc66;
    }
.advsearch a:visited{
	color:#ffcc66;
    }
.advsearch a:hover{
	color:#fff;
    }	

#nav {
		padding: 0px;
		margin: 0;
		vertical-align: top;
	}

		#nav > a
		{
			display: none;
		}

		.nlineb {  }


		#nav li
		{
			position: relative;
			background-color: transparent;

		}
			#nav li a
			{
				display: block;
				text-decoration: none;

			}
			#nav li a:active
			{
				color: #cccccc;
			}


		/* first level */

		#nav > ul
		{
			list-style:none;
			vertical-align: bottom;
			padding-left: 0px;
			margin-top: 0px;
		}
			#nav > ul > li
			{
				height: 100%;
				border-bottom: #ffcc66 groove 2px
			}
				#nav > ul > li > a
				{
					font-weight: normal;
					margin-left: 2px;
					color: #ffcc66;
					padding: 2px 2px 2px 4px;
					font-family: Arial, sans-serif;
					font-size: 1em;
				}

				#nav > ul > li > a:hover
				{
					color: #f0f0f0;
				}

					#nav > ul > li:not( :last-child ) > a
					{
					}
					#nav > ul > li:hover > a,
					#nav > ul:not( :hover ) > li.active > a
					{
						background-color: rgba(255,255,255,0.75);
						color: #000;
					}

		/* second level */

			#nav li ul
			{
				list-style:none;
				margin: 0; padding: 0;
				background-color: #000;
			}

					#nav li:hover ul
					{
						display: block;
						left: 210px;
						right: 0;
						top: 0;
						z-index: 9999;
					}
						#nav li:hover ul
						{
							
						}
						#nav li ul a
						{
							padding: 1px;
							padding-left: 12px;
							font-family: arial, sans-serif;
							font-size: .875em;
							color: #ffcc66;
						}

						#nav li ul li a {  z-index: 9999; }

							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: rgba(255,255,255,0.5);
							}


.content-link  {
	display: inline-block;
    font-weight: bold;
    color: #FFFFFF;
    margin-left: 8px;
	margin-right:8px;
    text-decoration: none;
    cursor: pointer;

    }
.content-link a:link {
    color: #FFFFFF;
    }
.content-link a:visited {
    color: #FFFFFF;
    }

.content-link a:hover{ 
	color:#ffcc66; 

	}

.content-link a:active {
    color: #FFFFFF;
    }

.content-link-on {
    display: inline-block;
    font-weight: bold;
    color: #ffcc66;
    margin-left: 8px;
	margin-right:8px;
    text-decoration: none;
    cursor: pointer;
    }

.content-link-on a:link, a:visited {
    color: #ffcc66;
    }

.content-link-on a:hover { color: #ffcc66;}

.content-link-on a:active { color: #ffcc66;}

.onaline { position: relative; text-align: left; padding-top: 10px; }
.add2cart {
    display: inline-block;
    vertical-align: middle;
}
.addcartbutt {
    color: #fff;
    background-color: #cc9933;
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 1.25em;
    display: inline-block;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
}

@media only screen and ( max-width: 800px ) {
.content-link-on, .content-link { padding: 3px 0; }
}

.cartlinks {
	font-weight:bold;
    text-align: right;
    }

.cartlinks a:link {
    text-decoration: none;
    color: #FFFFFF;
    }

.cartlinks a:visited {
    text-decoration: none;
    color: #FFFFFF;
    }

.cartlinks a:hover {
    text-decoration: none;
    color: #ffcc66;
    }

.cartlinks a:active {
    text-decoration: none;
    color: #FFFFFF;
    }


.cartlinks span { display: block; }

@media only screen and ( max-width: 1240px ) {

	#homeright { float: left; display: inline-block; width: 49%; vertical-align: top; text-align: center; }

	#slides { display: block; max-width: none; width: calc(100% - 10px); text-align: center; }
	.caption { display: block; } 

	.cond-clear { clear: none; }

	#about { float: right; display: inline-block; width: 49%; margin-top: 24px;}

	#about h2 { background-color: #003571; padding: 4px; margin: 0; }

	#about-box { background-color: #f1ead3; color: #000; padding: 4px; }

	#tagline span { display: block; }

	.bx-wrapper img {
		display: inline !important;
	}

}

@media only screen and ( max-width: 800px ) {

	#mast { flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; }
	#topmid { padding: 4px 0 16px 0; }
	#topright {  text-align: center; }

	#footer { flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; }

	#main { position: static; }
	#mask { display: none; position: static; }

	#leftnav { 
	 float:none;
	 width:auto;
	 padding:0;
	 position:static;
	 border: none;
	 display: block;
	}

	.advsearch { margin: 8px 0 }
	.searchbox { padding-bottom: 4px; }

	#maincontent { float:none; width: 100%; }

	#slides { width: calc(100% - 8px); margin: 4px 0 0 4px; }

	#nav
	{
		position: absolute;
		top: 0;
		left: 0;
		width:100%;
		z-index: 9999;
	}
		#nav > a
		{
			width: 50px;
			height: 50px;

			position: absolute;
			top: 10px;
			right: 0;
			z-index: 2;

		}

		#nav:not( :target ) > a:first-of-type,
		#nav:target > a:last-of-type
		{
			display: block;
		}


	/* first level */

	#nav > ul
	{
		height: auto;
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 65px;
		background-color: #000;
		width: 100%;
		margin: 0; padding: 0;


	}
		#nav:target > ul
		{
			display: block;
		}
		#nav > ul > li
		{
			float: none;

		}
			#nav > ul > li > a
			{
				height: auto;
				text-align: left;
				font-size: 1.25em;
				padding: 8px;
				margin-left: 8px;


			}
				#nav > ul > li:not( :last-child ) > a
				{
					border-right: none;
				}

				/* second level */

				#nav li ul
				{
					position: static;
					padding: .5em; /* 20 */
					padding-top: 0;
					
				}

					#nav li ul a
					{
						font-size: 1em;
					}


}

@media only screen and ( max-width: 740px ) {
	#topmid {
		padding: 4px 40px 16px 0;
	}
}

@media only screen and ( max-width: 600px ) {

	#homeright { float: none; display: block; width: 100%; margin-top: 16px;  }

	.cond-clear { clear: both; }

	#about { float: none; display: block; width: auto; margin: 24px 4px 0 4px; }

	#footer { padding: 8px 0; }
	#foot-mid { padding: 12px 0; }

	.oncart { display: none; }

	#topmid {
		padding: 4px 20px 16px 20px;
		font-size: .75em;
	}

}

@media only screen and ( max-width: 440px ) {

	#topmid {
		padding: 4px 0px 16px 0px;
	}

	#catalogs { text-align: center; }
	#catalogs div { float: none; width: auto; text-align: center; margin: auto; padding-bottom: 8px; }

	#content-links { text-align: center; font-size: 1em; }

}

.headercheckout {width:180px; background-color:#FFFFFF;}
.headercheckout div{width:180px; background-color:#FFFFFF; margin-right:5px;}
.topbar {
    background-color: #660000;
    text-decoration: none;
    line-height: 20px;
    padding: 0px;
    margin: 0px;
    }
.topbarbot {background-image:url(topbarbotback.jpg);line-height:4px;}
.maintable {
    padding: 3px;
    margin: 0px;
    }
	
.leftside {background-color:#000000; width:200px;
   
    }
.leftbar {width:4px; background-image:url(leftbar.jpg);}
.footercontent {background-color:#000000; }
.rightside {
   
    }

.content {
    
    margin: 10px;
    }

.contenttable {
    width: 100%;
    }
.contact {
	background-color:#660000;
	 border: 5px groove #cc9900; 
	clear:both;
}

.home_feat_title {display:block; font-size:12pt; font-weight:bold; color:#FFCC66; background-color:#003571; padding-top:5px; padding-bottom:5px;border-bottom:#ffcc66 groove 2px;}
.about h2{
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	text-align:center;
	font-size:12pt;
	cursor: text;
}
.about2 {padding:10px; background-color:#f1ead3; color:#000000;}
.aboutgeorge {
        border-bottom:#ffcc66 groove 2px;
    }
.contentspan {display:inline; text-align:right;}
.content-title {
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
	color:#FFCC66; 
    }
.contentmain { padding:15px; background-color:#042240;
	border: 5px groove #cc9900; color:#FFFFFF;
	text-align:left; font-size:12pt;}
.checkoutmain { color:#000000;}
.checkoutmain a:link{ color:#003366; font-weight:bold;}
.checkoutmain a:visited{ color:#003366; font-weight:bold;}
.checkoutmain a:hover{ color:#CC0000; font-weight:bold;}
.checkoutmain a:active{ color:#003366; font-weight:bold;}
.checkoutmain td{ color:#000000;}
.checkouttxt { text-align: center; font-weight: bold; color: #fff; padding: 8px 0; }

.searchbox {
    }
	
.smlogin-form {
    padding: 0px 5px 0px 10px;
    font-size: 10pt;
    }

.clear {
    clear: both;
    color: #ffffff;
    }

.viewcart {
    margin-top: 18px;
    text-align: center;
    }
	
.cartitems{
	font-size: 9pt;
	}

.logged-in-message {
    color: red;
    font-weight: bold;
    }



.tinytxt input {
    font-size: 7pt;
    line-height: 10px;
    margin: 0px;
    padding: 0px;
    }

.tinytxt a:link {
    margin: 0px;
    padding: 0px;
	color:#FFFFFF;
    }

.tinytxt a:visited {
    margin: 0px;
    padding: 0px;
	color:#FFFFFF;
    }

.tinytxt a:hover {
    margin: 0px;
    padding: 0px;
	color:#FFFFFF;
    }


.input-err { background-color: #ffff00; }
.smbutton {background-color:#003366; color:#FFFFFF; border:outset;}

#mlhand { max-width: 512px; margin: 16px auto; border: 2px solid #fff; border-radius: 12px; padding: 4px 16px; background-color: rgba(0,0,0,.25); }