h1 {font-size: 28px;
	font-family:sans-serif; font-weight:900; font-style:italic;
	text-align: center; margin:6pt; padding:5px;
	border-color:#808080; border-width:3pt; border-style:double; }

input.right {text-align:right; border-style:none;}
p.small     {font-size:8pt; }
td.left {text-align:left; border-style:none;}

a.cte        {font-size:8pt;text-align:center;font-family:sans-serif;text-decoration:none; font-weight:bold;}
a.cte:hover  { color: #a0FFa0; }

a.btn {width:110px; font-size: 12px; font-weight:bold; font-family:sans-serif; color:#ffff60; text-decoration:none;}
a.btn:hover {color:#a00000;}

a.a4s { color: #e0e000; font-size:10pt; font-family:sans-serif;}
a.a4s:link { color: #e0e000;  }
a.a4s:visited { color: #e0e000;  }
a.a4s:active { color: #e0e000;  }
a.a4s:hover   { color:white; }

a.tab1   { color: #000080; font-size:10pt; font-family:sans-serif;text-decoration:none;}
a.tab1:link { color: #000080;  }
a.tab1:visited { color: #000080;  }
a.tab1:active { color: #000080;  }
a.tab1:hover { color:red;}

img {border:0;}
img.special  { border: 3px ridge #F0C080; }
img.ridgeBorder { border: 3px ridge #F0C080; }

td.mrt {color:black; font-size:12px; font-family:sans-serif;font-style:italic; text-align:center;font-weight:bold;}
td.btn {height:20px; background-color:#a0a0ff;border-style:outset;border-width:4px; text-align:center; padding:3px;}
td.thinborder {border-style:solid;border-width: 1px;}
.littlelinks {font-size:8pt;color:#eecc44;text-align:center;font-family:sans-serif;}
td.shipping {padding-left:4px; padding-right:4px;}

.h2 {clear:both; font-size:18pt; color: yellow;}

.item1 {display:inline; /* container per item in showall listing */
	float:left;
	clear:none;
	padding:5px;
	width:450px;
	height:180px;
	overflow:auto;
	text-align:left;
	margin: 0 5px 10px 0;
	border:none;
	background:#eef;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}
.item1 a {
	text-decoration:none;
}
.item1 a:hover {
	color:#c0f;
}
.item1Img {float:left;
	margin: 0 10px 0 0;
	text-align:center;
	overflow:auto;
	display:block;
	font-family:sans-serif;
	font-size:8pt;
	font-weight:bold;
}
.item1Img img {
	border: 3px ridge #F0C080;
	margin: 0;
	padding:0;
	height:80px;
}

ul.sidemenu {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 160px;
	text-align:center;
}

ul.sidemenu li {
	margin:7px;
}

ul.sidemenu li a {
	text-decoration: none;
	display: block;
	width: 100%;
	color:#ffff60;
	font-weight: bold;
	margin-left:auto;
	margin-right:auto;
	padding:3px;

	background-color:#a0a0ff;
	border:solid 1px #22c;
	text-align:center;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #008;

}

ul.sidemenu li a:hover {
	background-color: #ddf;
	color:#a00000;
}

/* 3/2017 new site based on html5, CSS3 and php *********************************************************************/

.right {text-align:right; vertical-align:top; border-style:none;} /* meant for a first td label column*/
div.pSpaced {margin-bottom:5px;} /* make sure internal paragraphs have space between */

div.option { /* for single item page */
	display:block;
	max-width:30%;
	min-width:100px;
	margin:4px;
	padding:3px;
	background:#eef;
	border:1px blue solid;
	text-align:center;
	float:left;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
div.option img {
	max-width:100%;
	margin:5px;
}

.imgWCap { /* div for images with caption, replaces old class "byline" */
	display:block;
	overflow:auto;
	font-size:8pt;
	color:blue;
}
.rounded {
	display:block;
	overflow:auto;
	padding:5px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.fRt {float:right;}
.fLft { float:left;}
.centered {display:block; margin:0 auto 0 auto;}
.nobreak {white-space: nowrap;}
.txtCtr {text-align:center;}
div.outdent {text-indent: -3em; margin-left: 3em; margin-bottom:5px;} /* to outdent in div */

.hid { display:none; position:absolute; } /* for hidden pop-up boxes */
.blkBorder {border:1px black solid; background:white;}
.shadow {box-shadow: 6px 6px 4px #000;margin:6px;}

ul.liGaps li {margin-top:5px;} /* ul with margins between li's */

table.tblLines { border:solid 1px black; border-spacing:0;}
table.tblLines td { vertical-align:top;; border:solid 1px #444; padding:2px;}
table.tblLines th { border:solid 1px #222; padding:2px;}

table.thGrayBG th {background:#ccc;}

div.shippingRates { /* for checkout shippping rates display */
	display:block;
	width:600px;
	border:1px blue solid;
	margin: 25px auto 5px auto;
	padding:0;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
div.shippingRates p { /* title bar */
	background:#438;
	color: white;
	text-align:center;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
div.shippingRates table {
	margin-top:30px;
	margin:5px auto 0 auto;
	border-spacing:10px 0;
	border-collapse:separate;
}

div.lengthBox { /* for chain length selection */
	display:block;
	width:300px;
	height:140px;
	border:1px blue solid;
	margin: 5px auto 5px auto;
	padding:0;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
div.lengthBox p { /* title bar */
	background:#438;
	color: white;
	text-align:center;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
div.lengthBox div {
	margin-left:20px;
}
div.lengthBox  select {
	text-align:right;
}
div.lengthBox  input[type=number]{
	width: 60px;
	text-align:right;
} 

.blueShadow {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 2px 2px 3px #008;
}

form.cartlink {
	display:inline-block;
}
form.cartlink a {
	display:block;
	width:100px;
	text-decoration:none;
	padding: 0 2px 0 2px;
	/* Webkit (Chrome 11+) */
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #fff 0%, #aaf 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: radial-gradient(ellipse farthest-corner at center, #fff 0%, #aaf 100%);

	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 3px #008;

	text-align:center;
	color:blue;
	font-size:8pt;
	font-family:sans-serif;
	border:1px solid #88f;
}
/*form.cartlink a:link { color: blue; }
form.cartlink a:visited { color: blue; }
form.cartlink a:active { color: blue; }
*/
form.cartlink a:hover {
	border-color:#00f; 
	background-color: #eed;
	color:#c0f;
}
form.cartlink a img {vertical-align:middle;margin:2px;} /* cart picture */


td.cartlink { /* used in ball post grid */
	white-space: nowrap;
	background:#ccf;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:3px;
}
td.cartlink a {
	color:blue;
	font-size:10pt;
	text-decoration:none;
}

div.catDesc { /* item category description details header display box */
	color:#448;
	display:block;width:90%;margin:5px auto 5px auto;
	padding:0;
	overflow:auto;
	border:solid #88f 1px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	clear:all;
}
div.catDesc p { /* assume item category description header */
	background:#ccf;
	color:#00f;
	font-size:14pt;
	margin:0;
	text-align:center;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius:  5px 5px 0 0;
}
div.catDesc div { /* item category description contents box */
	padding:5px;
}

#container
{
	margin: 0 auto;
	max-width: 1000px;
	background:#fff;
}

#header
{
	background:url(images/MrTCover2017b.jpg) right bottom no-repeat;
	padding: 10px 20px 0 20px;
	overflow:auto;

	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;

}
#header img {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border:solid #222 2px;
	height:100px;
}
#header div {
	font-size:24pt;
	text-align:center;

	font-family:Arial, helvetica,sans-serif;
	font-weight:bolder;
	font-style:italic;

	color:#eef;
	text-shadow: 3px 3px 2px #008;
	/* font-style:italic; */
	margin:0;
}

div.navigation
{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

div.navigation ul
{
	margin: 0;
	padding: 0;
}

div.navigation ul li
{
	list-style-type: none;
	display: inline;
}

div.navigation li a /* all the cosmetics for the tabs in the <a> tag */
{
	font-weight:normal;
	font-family:Arial, helvetica,sans-serif;
	font-size:12pt;
	font-style:normal;
	text-shadow: none;

	background:#04c;
	display: block;
	float: left;
	padding: 2px 5px 2px 5px;
	margin:0 3px 0 0;
	color:#fff;
	text-decoration: none;
	border: 2px solid #000;
	border-width:1px 2px 0 1px;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;

/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #66c 10%, #448 100%);

/* W3C Markup, FIrefox, IE, etc */
background-image: linear-gradient(to bottom, #66c 10%, #448 100%);

}
div.navigation li a.picked {
	color:#008;
	background-color:white; /*for pre-CSS3 browsers */
	font-weight:bold;

/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #66c 10%, #FFFFFF 100%);

/* W3C Markup, FIrefox, IE, etc */
background-image: linear-gradient(to bottom, #66c 10%, #FFFFFF 100%);
}

div.navigation li a:hover {
	color:#ddd;

	/* Webkit (Chrome 11+) */
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #04c 0%, #88f 150%);

	/* W3C Markup, IE10 Release Preview */
	background-image: radial-gradient(ellipse farthest-corner at center, #04c 0%, #88f 150%);
}
div.navigation li a span { /* hidden until hover */
	display: none;
	margin:3px 0 0 0;
}
div.navigation li a:hover span { /*DISPLAYS ONLY ON HOVER*/
	font-size:10pt;
	font-weight:bold;
	display:block; /* makes it visible */
	position:absolute; /* allows it to drop below */
	max-width:16em;
	padding:3px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border:1px solid #008;
	color:#215;
	background:#ccf;
	text-align:left;
}

#content
{
	clear: left;
	padding: 10px 20px 0 20px;
	min-height:400px;
	border:solid #438;
	border-width:0 2px 0 2px;
	font-family:Helvetica, sans-serif;
	overflow:auto;
}
/*#content a {
	color:#70e;
	text-decoration:none;
	padding: 0 2px 0 2px;
}
#content a:hover { color:black; background:#cce;}
*/

#content div {
	margin-bottom:5px;
}
#content ul{
	list-style-type: square;
}
#content p {
	margin:0 0 5px 0;
	padding:0;
}

div.pGaps p {margin-top:5px; } /* allow paragraph gaps inside this div 1/6/18 */ 

#idCart{ /* table to hold cart items 4/3/17 */
}
#idCart td {
	vertical-align:top;
	background:#eef;
	margin:1px;
	padding:2px
}
#idCart td form input {
	width:20px;
	text-align:right;
}
a.slideShow { /* (link containing image for home page slide show */
	display:inline-block;
	padding:0;
	border:7px outset #04c;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width:160px;
	height:160px;

}
a.slideShow:hover {border-color:#88f;}
a.slideShow img {
	width:160px;
	height:160px;
	margin:0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#title
{
	font-size: 22pt;
	font-weight:bold;
	color: #438;
	font-style:italic;
}

#footer
{
	background:#438;
	text-align: right;
	padding: 5px 20px 0 20px;
	height: 20px;
	font-size:10pt;
	color:#ddf;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
/* about the site section above footer */
#about {
	display:none;
	overflow:auto;
	padding:0 10px 10px 10px;
	border:double #438 4px;
	margin:20px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size:10pt;
	background:#dcf;
}
#about a {
	padding:0;
}
#about img {
	margin:0 5px 0 5px;
}
#about span.big {
	font-size:16px;
	color:#438;
	font-weight:bold;
}

#aboutlink {
	display:block;
	clear:both;
	overflow:auto;
	margin:10px 0 0 0;
}

#aboutlink a {
	float:right;
	display:block;
	background: #edf;
	color:#438;
	font-size:8pt;
	padding:0 3px 0 3px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#aboutlink a:hover {
	background: #baf;
}
#idArtist { /* body of the Artist page */
	background-image: url("images/bgart.jpg");
	padding:5px;
	margin:0;
	font-weight:bold;
	overflow:auto;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	box-shadow: 3px 3px 3px #008;
}
#idArtist div {
	display:block;
	float:left;
	vertical-align:top;
	break:none;
	margin:10px;
	max-width:400px;
}
#idArtist a {
	text-decoration:none;
}
#idArtist a:hover {
	color:#c08;
}

#idTiGrades {
}
#idTiGrades  th {background-color:#ccc;color:#44f;}
#idTiGrades  td {background-color:#eee;}

/************************************** Carousel ***************/
#carousel { /* outer Box to hold rotating images */
	position:relative; /* to constrain imgs within */
	display:block;
	width:800px;
	height:320px;
	/*border:1px solid #ccf;
	background-color: rgba(220,200,150, 0.3);
	box-shadow: 3px 4px 5px #aad; */
	overflow:hidden;
	-webkit-border-radius: 80px;
	border-radius: 80px;
	margin:10px auto 0 auto;
}

#carousel a {
	position:absolute; /* but relative to containing div */
	display:block;
	border:2px solid #008;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
}
#carousel a:hover {
	border-color:#0f0;
}
#carousel a img{
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width:100%;
	height: 100%;
}

#carousel a div { /* for pop-up text atop the image inside the <a> tag */
	display:none;
	position:absolute;
	text-align:center;
	width:90%;
	max-height:100%;
	left:0px;
	font-size:18px;
	text-align:center;
	color:white;
	text-shadow:
		-1px -1px 0 #008,
		1px -1px 0 #008,
		-1px 1px 0 #008,
		1px 1px 0 #008;
	margin:0 auto 0 auto; /* attempt to center */
	text-decoration:none;
}
#carousel a:hover div {
	display:block;
}

#carousel div { /* for the title */
	position:absolute; /* but relative to containing div */
	display:block;
	width:500px;
	top:10px;
	left:50px;
	text-align:center;
	text-shadow:
		-1px -1px 0 #008,
		1px -1px 0 #008,
		-1px 1px 0 #008,
		2px 2px 0 #008;
	border:none;
	z-index:25; /* center of the carousel */
	color:#eef;
	font-size:50px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-style: italic;
}
/****************************** end Carousel ****************************************/

.blockLinks { /* DIV or TD where all links inside are sort-of buttons, simple visible blocks 2/14/19 */
	position:absolute;
	display:none; /* hidden, pop-up */
	border:blue 1px solid;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 6px 6px 4px #000;
	margin:6px;
	background:white;
}
.blockLinks a {
	text-decoration:none;
	background:#88f;
	color:white;
	padding: 0 3px 0 3px;
	display:block;
	text-align:center;
	margin-bottom:2px;
	border:blue 1px solid;
	-webkit-border-radius: 6px;
	border-radius: 6px;

}
.blockLinks a:hover {
	background:#ccc;
}

.button { /* intended for div or span */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;

	display:inline-block;
	vertical-align:top;
	background: #ccf; /* in case gradient doesn't work */
	/* Webkit (Chrome 11+) */
	background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #fff 0%, #88f 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: radial-gradient(ellipse farthest-corner at center, #fff 0%, #88f 100%);

	text-align:center;
	min-width:150px;

	border:solid 1px #515652;
	-webkit-border-radius: 6px;
	border-radius: 6px;

	box-shadow: 3px 4px 2px #333;

	padding:0;
	margin:4px auto 4px auto;
}
.button a {
	text-decoration: none;
	display: block;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	min-width: 144px;
	color: #00008b;
	font-weight: bold;
	margin-left:auto;
	margin-right:auto;
	padding:3px;
}
.button a:hover {
	background-color: #eed;
	color:#c0f;
}
.button a:focus {
	background-color: #eed;
	color:black;
}

.PrintOnly {display:none;height:1px;}
@media print {
	body,p,h1,a,td {color:black;}
	a {text-decoration:none;}
	.sitecolor {color:black;}
	.noprint {visibility:hidden;height:1px;}
	.PrintOnly {visibility:visible;}
}