/***************************************************

				 GENERAL

***************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, p1, p2, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, nav, page, footer, tmi, tmi2, tmi3  {
	padding:0px;
	margin:0px;
	border:0;
	font-weight:inherit; 
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:baseline;
	font-size: 13px;
	line-height: 16px;
	font-variant: inherit;
	outline: 0; 
}

strong { font-weight: 700; }

body {	
	/* background-image: url(Graphics/home_page_background2.jpg); */
	background-repeat: repeat;
	background-position: left top;
	background-attachment: scroll; 

}

/* 20BM_Ruth_HRa.jpg */

table { position: relative; }
td { color: #FFFFFF; font-weight: 600; font-size: 14px; line-height: 18px; text-shadow: .4px .4px .4px black; }
header 		{ display: block; position: relative; height: 100%;}
header h4 		{ margin: 0px 0px 0px 0px; width: 50%; max-height: 200px; min-width: 120px; max-width: 360px; padding: 0px 0px 4px 0px;}
header h4 a 	{ display: block; }
/*header h4 a img { width: 100%; height: auto; margin-left: 0.2em; max-width: 460px; text-align: center; min-width: 360px; max-height: 185px; min-height: 125px; }
@media all and (max-width:30em) {
header h4 a img { min-width: 240px; }
}*/
header h5 		{ margin: 0px; width: 35%; min-width: 300px; max-width: 340px; padding: 0px 0px 4px 0px; float: right;}

footer 		{ display: block; position: relative; padding: 1em 0px; color: rgb(85, 85, 85); clear: both; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; font-size-adjust: none; font-stretch: normal; }
footer .vcard 	{ margin: 0px 1em 1em; padding: 1em 2em 0.5em 0px; text-align: left; color: black; font-weight: 600; border-bottom-color: rgb(255, 155, 0); border-bottom-width: 1px; border-bottom-style: dashed; display: block; min-height: 115px;
}
.container footer p { padding-bottom: 0px; text-shadow: 1px 1px 1px black; }
footer .vcard a { font-weight: 800; }
footer ul { list-style: none; color: #FFFFFF; text-shadow: 1px 1px 1px black; }
footer li { margin: 0px 0px 0.7em; padding: 0px 1em; text-align: left; font-weight: 800; display: block; white-space: nowrap; }
footer li ul { margin-top: 0.4em; }
footer li li { padding: 0px; font-weight: 600;}
footer li li a { font-weight: 600; color: rgb(0,188,140);}

footer small { font-weight: 600; color: rgb(255,255,255); text-shadow: 1px 1px 1px black; padding: 1em; clear: both; margin-top: 1em; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; display: block; }

.page > section { padding: 1px; }

section > ul {
	list-style: none;
}
section > ul li {
	margin: 0px 0px 1em 3em; clear: left; display: block;
}

section > ul li::before {
	margin: 0px 0px 0px -1.5em; width: 1em; text-align: center; color: rgb(255, 255, 255); font-family: Helvetica,Arial,sans-serif; font-size: 1.7em; font-weight: 200; float: left; content: "\2601"; text-shadow: 0px 0.1em 0.1em rgba(0,0,0,0.3);
}   
nav {
	display: block; 
	position: relative;
	clear: both; 
	max-width: 100%;
}
nav ul {
	list-style: none; padding: 0px; display: block;
}
#nav-home {
	display: none;
}
nav li {
	list-style: none; margin: 0px; float: left; position: relative;
}
nav li a:hover {
	background: -ms-linear-gradient(rgb(245, 245, 245) 0px, rgb(245, 245, 245) 50%, rgb(221, 221, 221) 100%); 
	background: -moz-linear-gradient(rgb(245, 245, 245) 0px, rgb(245, 245, 245) 50%, rgb(221, 221, 221) 100%); 
	background: -o-linear-gradient(rgb(245, 245, 245) 0px, rgb(245, 245, 245) 50%, rgb(221, 221, 221) 100%); 
	background: -webkit-gradient(rgb(245, 245, 245) 0px, rgb(245, 245, 245) 50%, rgb(221, 221, 221) 100%); 
	background: -webkit-linear-gradient(rgb(245, 245, 245) 0px, rgb(245, 245, 245) 50%, rgb(221, 221, 221) 100%); 
	background: linear-gradient(rgb(245, 245, 245) 0px, rgb(245, 245, 245) 50%, rgb(221, 221, 221) 100%); 
	box-shadow: inset 0px 0px 5px white; -webkit-box-shadow: inset 0 0 5px white; -moz-box-shadow: inset 0 0 5px white;
}
#home nav li#nav-home {
	background: -ms-linear-gradient(rgb(245, 245, 245) 0px, rgb(245, 245, 245) 50%, rgb(221, 221, 221) 100%); 
	background: -moz-linear-gradient(rgb(245, 245, 245) 0px, rgb(245, 245, 245) 50%, rgb(221, 221, 221) 100%); 
	background: -o-linear-gradient(rgb(245, 245, 245) 0px, rgb(245, 245, 245) 50%, rgb(221, 221, 221) 100%); 
	background: -webkit-gradient(rgb(245, 245, 245) 0px, rgb(245, 245, 245) 50%, rgb(221, 221, 221) 100%); 
	background: -webkit-linear-gradient(rgb(245, 245, 245) 0px, rgb(245, 245, 245) 50%, rgb(221, 221, 221) 100%); 
	background: linear-gradient(rgb(245, 245, 245) 0px, rgb(245, 245, 245) 50%, rgb(221, 221, 221) 100%); 
	box-shadow: inset 0px 0px 5px white; -webkit-box-shadow: inset 0 0 5px white; -moz-box-shadow: inset 0 0 5px white;
}
nav li a {
	padding: 1em .5em; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1em; letter-spacing: 0.1em; font-size: 0.92em; font-weight: 700; font-size: 13px; text-decoration: none; display: block; text-shadow: 1px 1px 1px black;
}
nav li a:visited {
	padding: 1em .5em; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1em; letter-spacing: 0.1em; font-size: 0.92em; font-weight: 700; text-decoration: none; display: block; text-shadow: 1px 1px 1px black;
}
nav li a:hover {
	color: rgb(0, 0, 0); text-shadow: 1px 1px 1px white; font-weight: 700;
}
#home nav li#nav-home > a {
	color: rgb(51, 51, 51); text-shadow: 0px 1px #fff;
}
#home nav li#nav-home > a:visited {
	color: rgb(51, 51, 51); text-shadow: 0px 1px #fff;
}
nav li#nav-home a {
	border: 0px currentColor; border-image: none;
}
#home nav li#nav-home > a {
	border: 0px currentColor; border-image: none;
}
#home nav li#nav-home > a:visited {
	border: 0px currentColor; border-image: none;
}
nav li li a {
	padding: 1.3em 10px; border-image: none; width: 178px; text-transform: none; letter-spacing: 0px; text-shadow: none;
}
nav li li a:visited {
	background: rgba(255, 255, 255, 0.8); padding: 1.3em 10px; border-image: none; width: 178px; text-transform: none; letter-spacing: 0px; text-shadow: none;
}
nav li li a:hover {
	background: rgba(255, 255, 255, 0.8); padding: 1.3em 10px; border-image: none; width: 178px; text-transform: none; letter-spacing: 0px; text-shadow: none;
}
nav li li a {
	background: rgb(255, 255, 255); color: rgb(51, 51, 51);
}
nav li li a:visited {
	background: rgb(255, 255, 255); color: rgb(51, 51, 51);
}
nav li li a:hover {
	background: rgb(255, 95, 37); color: rgb(255, 255, 255); 
}
nav li li:last-of-type a {
	}
nav li ul {
	display: none;
}
.page > section:first-of-type {	padding-top: 12px; overflow: hidden; clear: both; padding-bottom: 2px;}

.page > section:first-of-type h1 {
	margin: 0.15em 0px; text-shadow: 0px 1px #fff;
}
body > div > section:first-of-type h2 {
	margin: 0.15em 0px; text-shadow: 0px 1px #fff;
}
.page > section:first-of-type section {
	padding: 0px 0px 1em;
}
.page > section:first-of-type h5 {
	color: rgb(102, 102, 102); text-transform: uppercase; padding-bottom: 0.3em; font-size: 1.1em; margin-top: 0px; margin-bottom: 1em; border-bottom-color: rgb(255, 95, 37); border-bottom-width: 1px; border-bottom-style: solid;
}
.page > section:first-of-type #home .page > section:first-of-type {
	background: rgba(255, 255, 255, 0.6);
}
#home .page > section:first-of-type img {
	margin: 0px 3.8% -5% 0px; width: 50%; float: right;
}
.page section a[title^='Button'] {
	background: -ms-linear-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
	background: -moz-linear-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
	background: -o-linear-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
	background: -webkit-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
	background: -webkit-linear-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
	background: linear-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
	border-width: 1px 0px; border-style: solid none; border-color: rgba(255, 255, 255, 0.6) currentColor rgba(0, 0, 0, 0.4); margin: 0px auto; padding: 0.5em; border-radius: 0.5em; border-image: none; text-align: center; color: rgb(255, 255, 255); letter-spacing: 0.05em; font-size: 1em !important; text-decoration: none; display: block; min-height: 1em; max-width: 24em; box-shadow: inset 0px 0px 5px #d84a16, 0px 0px 8px #d6afa0; text-shadow: 0px -1px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 5px #d84a16, 0 0 8px #d6afa0; -moz-box-shadow: inset 0 0 5px #d84a16, 0 0 8px #d6afa0; -webkit-border-radius: .5em; -moz-border-radius: .5em;
}
.tel a {
	background: -ms-linear-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
	background: -moz-linear-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
	background: -o-linear-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
	background: -webkit-linear-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
	background: -webkit-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
	background: linear-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
border-width: 1px 0px; border-style: solid none; border-color: rgba(255, 255, 255, 0.6) currentColor rgba(0, 0, 0, 0.4); margin: 0px auto; padding: 0.5em; border-radius: 0.5em; border-image: none; text-align: center; color: rgb(255, 255, 255); letter-spacing: 0.05em; font-size: 1em !important; text-decoration: none; display: block; min-height: 1em; max-width: 24em; box-shadow: inset 0px 0px 5px #d84a16, 0px 0px 8px #d6afa0; text-shadow: 0px -1px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 5px #d84a16, 0 0 8px #d6afa0; -moz-box-shadow: inset 0 0 5px #d84a16, 0 0 8px #d6afa0; -webkit-border-radius: .5em; -moz-border-radius: .5em;
}


.red {color: #ff0000; display: inline;}
.blue { color: #0000ff; }


ol, ul {

	margin: 0px;

	padding: 0px;

}

a { 	outline: none;
	text-decoration: none;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px black;
}


input, textarea {

	outline-style:none;

}

h1, h2, h3, h4, h5, h6 {

	font-size:100%;

	color: #FFFFFF;

	text-shadow:1px 1px 1px black;

}

h1{

	font-size:28px;

	color: #000000;

	line-height: 40px;

}

h2{ font-size:24px; padding-bottom: 15px;}

h3{ font-size:20px; padding-bottom: 15px;}

h4{ font-size:28px; line-height: 40px; }

h5{ font-size:16px; padding-bottom: 15px;}

h6{ font-size:14px; padding-bottom: 15px;}


.container2 h1, .container2 h2, .container2 h3, .container2 h4, .container2 h5, .container2 h6 {

	padding-bottom: 15px;

}



p {

	padding-bottom: 15px;

}



.container {

	position:relative;

	background-repeat: repeat;

	padding: 0px;

	overflow: hidden;

}

.container p{

	color:#FFFFFF;

	z-index: auto;

	top: 0px;

	right: 0px;

	padding-bottom: 4px;

	font-size: 13px;

	line-height: 16px;

}



@media all and (max-width:23em) {
.container p, .container a, .container p1 { font-size: 12px; }
}

.container2 {

	position:relative;

	/* width: 1280px; */

	background-repeat: repeat;

	padding: 25px;

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	overflow: hidden;

}

.container2 p{

	color:#FFFFFF;

	z-index: 999;

	top: 0px;

	right: 0px;

	padding-bottom: 25px;

}


/***************************************************

			ABOUT - scheduleS

***************************************************/

.sliderbutton {float:right; width:68px; position: relative}

.sliderbutton img {cursor:pointer}



#schedule-holder {

	max-width: 340px;
	width: 100%;

	/* float: left; */ 

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;
	height: 425px;
	padding: 10px;
	margin: 0px 0px 5px 0px;

	background-color: rgba(255,105,10,1.0);

	box-shadow:5px 5px 5px black;

	/*opacity: 0.9;*/

}

#schedule {


	position:relative;

	overflow:auto;

	/*width: 420px;*/
	width: 100%;


	min-height: 400px;

}

#schedule ul {

	position:absolute;

	list-style:none;

	top:0;

	left:0;

	height: 100px;

	margin: 0px;

	padding: 0px;

	/*width: 420px;*/
	width: 100%;

}

#schedule li {

	float:left;

	width: 100%;

	color: #ffffff;

	background-image: none;

	/*height: 100px;*/

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	font-size: 14px;
	font-weight: 400;
	line-size: 18px;
	text-shadow: 1px 1px 1px black;

}

@media all and (max-width:23em) {
#schedule li { line-height: 15px; font-size: 12px; }
}


#schedule li a {

	text-align: right;

	display: block;

	color: #31B8DA;

}

#schedule li p {

	padding: 0px;

	color: #FFFFFF;

	font-size:  13px;
	line-height: 14px;
	font-weight: bold;
	text-shadow:1px 1px 1px black;


}

#schedule li p1 {

	font-size: 11px;
	line-height: 11px;
	font-weight: bold;

	color: #FFFF00;

	text-align: left;

	display: block;

	padding-top: 10px;

	text-shadow:1px 1px 1px black;



}

#schedule h2 {

	color: #6A8A95;

	float: left;

	font-size: 26px;
}	

#schedule-holder h2 {

	color: #0B1BD7;

	font-weight: 550;

	float: left;

	text-shadow: 2px 2px 2px black;

	font-size: 26px;

}


/***************************************************

		deals

***************************************************/


#deals-holder {

	max-width: 340px;
	height:	 160px;
	width: 100%;

	/* float: left; */ 

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	padding: 10px;

	color: #FFFFFF;

	text-shadow: 1px 1px 1px black;

	margin: 0px 0px 20px 0px;

	background-color: rgba(11,27,215,1.0);

	box-shadow:5px 5px 5px black;

	/*opacity: 0.9;*/

}

#deals-holder h2 {

	color: #FFCC00;

	font-weight: 750;

	text-shadow:3px 3px 3px black;

	float: left;

	font-size: 24px;

	margin: 5px 5px 0px 5px;

}


#deals {


	position:relative;

	overflow:auto;

	/*width: 420px;*/
	width: 100%;

	min-height: 160px;

	font-size: 13px;

	padding: 0px, 0px, 0px, 5px;

}

#deals ul {

	position:absolute;

	list-style:none;
	
	top:0;

	left:0;

	height: 100px;

	margin: 0px;

	padding: 0px, 2px, 0px, 5px;

	/*width: 420px;*/
	width: 100%;

}

#deals li {

	float:left;

	width: 345px;
	/*width: 100%;*/

	color: #999999;

	background-image: none;

	height: 100px;

	padding: 0px, 2px, 0px, 5px;

}

#deals li a {

	/*text-align: right;

	display: block;*/

	color: #FFCC00;

}

#deals li p {

	padding: 0px;

	color: #FFFF66;

	font-size:  13px;
	line-height: 18px;
	font-weight: 700;

	text-shadow:1px 1px 1px black;



}

#deals li p1 {

	font-size: 13px;
	line-height: 16px;
	font-weight: bold;

	color: #FF8800;

	text-align: left;

	display: block;

	padding-top: 5px;

	text-shadow:1px 1px 1px black;



}

#deals h2 {

	color: #FF3300;

	font-weight: 750;

	float: left;

	font-size: 26px;



}	




/***************************************************

		newInventory

***************************************************/


#newInventory-holder {

	max-width: 340px;
	height:	 235px;
	width: 100%;
	background-color: rgba(11,27,215,1.0);
	/* float: left; */ 

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	padding: 10px;

	color: #FFFFFF;

	text-shadow: 1px 1px 1px black;

	margin: 0px 0px 20px 0px;

	background-color: rgba(11,27,215,1.0);

	box-shadow:5px 5px 5px black;


}

#newInventory-holder h2 {

	color: #FFCC00;

	font-weight: 750;

	text-shadow:3px 3px 3px black;

	float: left;

	font-size: 24px;

	margin: 5px 5px 0px 5px;

}


#newInventory {


	position:relative;

	overflow:auto;

	/*width: 420px;*/
	width: 100%;

	min-height: 235px;

	font-size: 13px;

	padding: 0px, 0px, 0px, 5px;

}

#newInventory ul {

	position:absolute;

	list-style:none;
	
	top:0;

	left:0;

	height: 100px;

	margin: 0px;

	padding: 0px, 2px, 0px, 5px;

	/*width: 420px;*/
	width: 100%;

}

#newInventory li {

	float:left;

	width: 345px;
	/*width: 100%;*/

	color: #999999;

	background-image: none;

	height: 100px;

	padding: 0px, 2px, 0px, 5px;

}

#newInventory li a {

	/*text-align: right;

	display: block;*/

	color: #FFCC00;

}

#newInventory li p {

	padding: 0px;

	color: #FFFF66;

	font-size:  13px;
	line-height: 18px;
	font-weight: 700;

	text-shadow:1px 1px 1px black;



}

#newInventory li p1 {

	font-size: 13px;
	line-height: 16px;
	font-weight: bold;

	color: #FF8800;

	text-align: left;

	display: block;

	padding-top: 5px;

	text-shadow:1px 1px 1px black;



}

#newInventory h2 {

	color: #FF3300;

	font-weight: 750;

	float: left;

	font-size: 26px;



}	





/***************************************************

	consignments

***************************************************/

#consignments-holder {

	width: 100%;
	max-width:370px;
	margin-bottom: 20px;
	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	padding: 10px;

	background-color: rgba(255,255,255,.7);

	box-shadow:5px 5px 5px black;


}

#consignments-holder h2 {

	color: #6A8A95;

	float: left;

	font-size: 26px;	

}


#consignments {


	position:relative;

	overflow:auto;

	max-width: 360px;
	width: 100%;

	font-size: 14px;

	height: 140 px;

}


#consignments p {

	color: #000000;

	font-size:  12px; 

	/*font-style: bold;*/

}

#consignments a { font-size: 14px; color: #000000; font-weight: 400; }

#consignments ul { list-style: circle outside none; padding: 0 0 0px 5px;}
#consignments ul li { font-size: 14px; color: #000000; margin-left: 12px; padding: 0px 0px 6tpx 5px; font-weight: 500; }


/***************************************************

	charitables

***************************************************/

#charitables-holder {

	max-width: 370px;

	width: 100%;

	margin-bottom: 20px;

	/* float: left; */ 

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	border-radius: 7px;

	padding: 10px;

	background-color: rgba(0,155,155,.5);

	/*opacity: 0.9;*/

	box-shadow:5px 5px 5px black;


}

#charitables-holder h2 {

	color: #FFFFFF;

	float: left;

	font-size: 26px;	

}


#charitables {


	position:relative;

	overflow:auto;

	max-width: 360px;
	width: 100%;

	font-size: 14px;
}


#charitables p {

	padding: 0px;

	color: #ffffff;

	font-size:  14px;

	font-weight: 500;

}


#charitables a { font-size: 14px; color: #FFFFFF; font-weight: 500; }









/***************************************************

				      COLUMNS

***************************************************/

.column-holder {

	width: 100%;

	padding: 0px;

	float: left;

	margin: 0px;

}

.one {

	width: 100%;

	margin-left: 0%;

}

.first_two_thirds {

	width: 68%;

}

.first63pct { width: 63%; }
.last33pct { width: 33%; float:right; }



.two_in_one_even {

	width:47.5%;

}

.one_in_three {

	width:29%;

}

.last_third {

	width:30%;

}

.two_in_one_odd {

	width:65%;

}

.two_in_one_even,.one_in_three,.two_in_one_odd,.first_two_thirds, .first63pct {

	float: left;

	margin-right: 1.2%;

	padding: 0px;

}

.last {

	margin-right:0;

}

.messages { min-height: 30px; 	padding-top: 20px; }
.message p { font-size: 14px; line-height: 16px; color: #EFEFEF; font-weight: 500; padding-bottom: 12px; }

.appMessage {
	width: 100%;
	padding: 2px 0 0 4px;
	position: relative;
	max-height: 80px;
	min-height: 16px;
	font-size: 24px;
	z-index: 20;
	line-height: 40px;
	color: #FFFFFF;
	text-shadow: .3px .3px .3px black;
	/*background-color: rgb(4, 88, 138);*/ 
	background-color: #005C5C; 
}

.appGoodMSG {
	width: 100%;
	padding: 2px 0 0 4px;
	position: relative;
	max-height: 80px;
	min-height: 16px;
	font-size: 24px;
	line-height: 40px;
	color: #FFFFFF;
	text-shadow: .3px .3px .3px black;
	background-color: rgb(4, 88, 138); 
}

.appGoodMSG:before {
	position: absolute;
	top: 5px;
	left: 2px;
	width: 30px;
	height: 30px;
	background-image: url(Graphics/greenCheck30.jpg);
	content: '';
}

.appBadMSG {
	width: 100%;
	padding: 2px 0 0 4px;
	position: relative;
	max-height: 80px;
	min-height: 16px;
	font-size: 24px;
	line-height: 40px;
	color: #FFFFFF;
	text-shadow: .3px .3px .3px black;
	background-color: rgb(4, 88, 138); 
}

.appBadMSG:before {
	position: absolute;
	top: 5px;
	left: 2px;
	width: 30px;
	height: 30px;
	background-image: url(Graphics/redXsquare30.jpg);
	content: '';
}




.storeMessage { 
	font-size: 34px; 
	line-height:40px; 
	font-weight: 600;
	color: #00CC99;	
	text-shadow:1px 1px 1px #000000; 
	position: relative; 
	margin: 0 0 0 1px;

}


.storeMessage a { 
	font-size: 16px; 
	line-height:18px; 
	font-weight: 500;
	color: #00ccff;	
	text-shadow:1px 1px 1px black; 
}

.storeMessage p { 
	font-size: 15px; 
	line-height:18px; 
	font-weight: 600;
	color: #99CCFF;	
	text-shadow:1px 1px black; 
	display: inline;
}


.storeMessage h3 {
	color:#FFFF00;
	padding: 2px 0 5px 0;
	position: relative;
	font-size: 28px;
	font-weight: 500;
	line-height: 30px;
}

.select-auction { 
	font-size: 14px; 
	line-height:14px; 
	color: #0000FF;	
	text-shadow:1px 1px 1px black; 
	position: relative; 
	margin: 0px 0px 0px 0px;
	float: right;
}


.resetPage { 
	font-size: 14px; 
	line-height:16px; 
	color: #FFFFFF;	
	text-shadow:1px 1px 1px black; 
	position: relative; 
	margin: 0px;
	float: right;
}


.table-holder {
	max-width: 1200px;
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0px 0px 30px 0px;
	padding: 10px 10px;
	overflow: hidden;
	font-size: 16px;  line-height: 18px; 
	border-radius: 7px;
	background-color: rgba(0,0,0,.7);
}

.table-holder a { color: #ffffff; }

/* .tmi, .tmi2 { display: inline; }*/



.detail-holder {
	max-width: 1200px;
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	overflow: hidden;
	border-radius: 7px;
	/*background-image: url(Graphics/bb.jpg);*/
	/*background-color: rgba(255,255,255,.9);*/
	background: radial-gradient(blue,black);
/*background: radial-gradient(#ffffff 2%, #8888ff 30%, #0000FF 95%);*/

}

.previous-detail-holder {
	max-width: 1200px;
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	overflow: hidden;
	border-radius: 7px;
	/*background-image: url(Graphics/bb.jpg);*/
	background-color: rgba(0,0,0,.8);
	/*background: radial-gradient(#555500,black);*/
/*background: radial-gradient(#ffffff 2%, #8888ff 30%, #0000FF 95%);*/

}

.store-detail-holder {
	max-width: 1200px;
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	overflow: hidden;
	border-radius: 7px;
	/*background-image: url(Graphics/bb.jpg);
	background: radial-gradient(aqua,black);*/
	background: rgba(0,0,0,0.9)
	/*background: radial-gradient(#DD0000,black);*/
/*background: radial-gradient(#ffffff 2%, #8888ff 30%, #0000FF 95%);*/

}




.detail {
	margin: 0px;
	padding: 5px;
	width: 98%;
	height: 100%;
	position: relative;
	border-bottom-color: rgb(0, 188, 140); border-bottom-width: 1px; border-bottom-style: solid;
}

.detail img { padding: 5px; margin: 0px; top: 2px; left: 2px; float: left; max-width: 400px; max-height: 400px; }

.detail h2,
.detail-holder h2,
.store-detail-holder h2,
.previous-detail-holder h2  { 
	color:#FFFF00;
	padding: 2px 0 5px 0;
	position: relative;
	font-size: 23px;
	line-height: 26px;

}

.detail h3,
.detail-holder h3, 
.store-detail-holder h3,
.previous-detail-holder h3 { 
	color:#00FFFF;
	padding: 2px 0px 5px 5px;
	position: relative;
	font-size: 26px;
	line-height: 30px;
}
 
.detail p,
.detail-holder p, 
.store-detail-holder p, 
.previous-detail-holder p {
	position: relative;
	color:#ffffff; 
	font-size: 18px;
	width: 90%;
	line-height: 20px;
	font-weight: 500;
	text-shadow: .5px .5px .5px black; 	
	padding-bottom: 3px;

}



.detail p1,
.detail-holder p1, 
.store-detail-holder p1,
.previous-detail-holder p1 {
	position: relative;
	color:#ffffff; 
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	text-shadow: .4px .4px .4px black; 	
	padding-bottom: 1px;
	text-align: right;
}

.detail p2,
.detail-holder p2, 
.store-detail-holder p2, 
.previous-detail-holder p2 {
	position: relative;
	color:#ffffff; 
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	text-shadow: 1px 1px 1px black; 	
	padding-bottom: 40px;
	text-align: right;
}

.detail a,
.detail-holder a,  
.store-detail-holder a, 
.previous-detail-holder a { 
	font-size: 16px; 
	line-height:18px; 
	font-weight: 500;
	color: #00ccff;	
	text-shadow:1px 1px 1px black; 
}

.detail-holder td:first-of-type { color: #00cccc; } 
.store-detail-holder td:first-of-type { color: #00cccc; } 
.previous-detail-holder td:first-of-type { color: #00cccc; } 

.clearboth { clear: both; }



/*** WHY BAGGERS, Rules, Consignments ***/ 

.info-holder {
	max-width: 1200px;
	width: 95%;
	height: 100%;
	max-height: 100%;
	position: relative;
	margin: 0px 0px 30px 0px;
	padding: 12px 10px 20px 20px;
	overflow: hidden;
	border-radius: 7px;
	box-shadow:10px 10px 10px black;
	background-color: rgba(0,0,0,.9);
}


.info-holder h3 { padding: 8px 0px 14px 0px; }
.info-holder p { font-size: 15px; line-height: 17px; color: #EFEFEF; font-weight: 500; padding-bottom: 12px; }
.info-holder a { font-size: 15px; color: #CCCCCC; font-weight: 500; }
.info-holder ul { list-style-type: none outside none; padding: 0 0 15px 5px;}
.info-holder ul li { font-size: 15px; color: #EEEEEE; margin-left: 12px; padding: 0px 0px 8px 5px; font-weight: 400; }
.info-holder ol { padding: 0 0 15px 10px;}
.info-holder ol li { font-size: 15px; color: #EEEEEE; margin-left: 12px; padding: 0px 0px 8px 5px; font-weight: 400; }
.info-holder table { width: 98%; }
.info-holder td:first-of-type { font-weight: 700; }
.info-holder td:last-of-type { padding-bottom: 3px; }


/*** REGISTRATION ***/ 

.reg-info-holder {
	max-width: 1200px;
	width: 95%;
	height: 100%;
	position: relative;
	margin: 0px 0px 30px 0px;
	padding: 12px 10px 20px 20px;
	overflow: hidden;
	border-radius: 7px;
	box-shadow:10px 10px 10px black;
	background-color: rgba(0,0,0,.9);
}


.reg-info-holder h3 { padding: 8px 0px 14px 0px; }
.reg-info-holder p1 { font-size: 16px; line-height: 20px; color: #EFEFEF; font-weight: 500; padding: 14px 0px 10px 10px;}
.reg-info-holder p { font-size: 14px; line-height: 16px; color: #EFEFEF; font-weight: 500; padding-bottom: 12px; }
.reg-info-holder a { font-size: 14px; color: #CCCCCC; font-weight: 500; }
.reg-info-holder ul { list-style: circle outside none; padding: 0 0 15px 5px;}
.reg-info-holder ul li { font-size: 13px; color: #EEEEEE; margin-left: 12px; padding: 0px 0px 8px 5px; font-weight: 400; }
.reg-info-holder ol { padding: 0 0 15px 10px;}
.reg-info-holder ol li { font-size: 14px; color: #EEEEEE; margin-left: 12px; padding: 0px 0px 8px 5px; font-weight: 400; }
.reg-info-holder table { max-width: 550px; min-width: 140px; width: 95%; margin: 0px 2px;} 
.reg-info-holder tr { padding-bottom: 13px; }
.reg-info-holder td:first-of-type { font-weight: 500; max-width: 80px; }
.reg-info-holder span {font-size: 14px;}


/*** DTL ***/ 

.detail-info-holder { 
	max-width: 1200px;
	width: 98%;
	height: 100%;
	position: relative;
	margin: 0px 0px 30px 0px;
	padding: 5px;
	overflow: hidden;
	border-radius: 7px;
	background-color: rgba(0,0,0,.9);
}
.detail-info-holder img:first-of-type { float: left; padding: 4px; } 
.detail-info-holder img { padding: 1em; } 
.detail-info-holder table { max-width: 1000px; min-width: 150px; margin: 0px 2px; color: #EFEFEF; position: relative;} 
.detail-info-holder form { max-width: 200px; color: #EFEFEF; text-shadow: 1px 1px 1px black; font-size: 12px; font-weight: 500;}
.detail-info-holder td:first-of-type { color: #00cccc; margin: 4px 2px; font-size: 18px; line-height:20px; font-weight: 500;} 
.detail-info-holder td:last-of-type { color: #FFFFFF; margin: 4px 2px; font-size: 18px; line-height:20px; font-weight: 500;} 
 

.detail-info-holder h3 { padding: 8px 0px 14px 0px; }
.detail-info-holder p { font-size: 14px; line-height: 16px; color: #EFEFEF; font-weight: 500; padding-bottom: 12px; }
.detail-info-holder p1 { font-size: 14px; line-height: 15px; color: #EFEFEF; font-weight: 500; padding-bottom: 0px; }
.detail-info-holder a { font-size: 14px; color: #CCCCCC; font-weight: 500; }
.detail-info-holder ul { list-style: circle outside none; padding: 0 0 15px 5px;}
.detail-info-holder ul li { font-size: 13px; color: #EEEEEE; margin-left: 12px; padding: 0px 0px 8px 5px; font-weight: 400; }



/*** Shopping Cart ***/ 

.cart-holder {
	max-width: 1200px;
	width: 95%;
	height: 100%;
	position: relative;
	margin: 0px 0px 30px 0px;
	padding: 12px 10px 20px 20px;
	overflow: hidden;
	border-radius: 7px;
	box-shadow:10px 10px 10px black;
	background-color: rgba(0,0,0,.9);
}


.cart-holder h3 { padding: 8px 0px 6px 0px; color: #0033FF; }
.cart-holder h2 { padding: 8px 0px 6px 0px; font-size: 20px; line-height: 22px; font-weight: 600; color: #FFFFFF; }
.cart-holder p { font-size: 18px; line-height: 20px; color: #FFFFFF; font-weight: 500; padding-bottom: 6px; }
.cart-holder a { font-size: 18px; color: #CCCCCC; font-weight: 500; }
.cart-holder ul { list-style: circle outside none; padding: 0 0 15px 5px;}
.cart-holder ul li { font-size: 13px; color: #EEEEEE; margin-left: 12px; padding: 0px 0px 8px 5px; font-weight: 400; }
.cart-holder ol { padding: 0 0 15px 10px;}
.cart-holder ol li { font-size: 14px; color: #EEEEEE; margin-left: 12px; padding: 0px 0px 8px 5px; font-weight: 400; }
.cart-holder table { width: 98%; }
.cart-holder td:first-of-type { font-weight: 700; }




/*** pagingArea ***/
.pagingArea {
	margin: 0px;
	padding: 5px;
	width: 98%;
	height: 100%;
	position: relative;
 	font-size: 16px; 
	line-height: 18px; 
	color: #00cc99;
	text-shadow: 1px 1px 1px black; 
	font-weight: 500; 
}
.pagingArea a { font-size: 16px; line-height:18px; color: #cc9900; text-shadow:1px 1px 1px black; font-weight: 500; }
.pagingArea p { font-size: 16px; line-height:18px; color: #cc9900; text-shadow:1px 1px 1px black; font-weight: 500; display: inline;}
.pagingArea p1 { font-size: 20px; line-height:20px; color: #FFFFFF; text-shadow:1px 1px 1px black; font-weight: 700; display: inline;}



/*! http://responsiveslides.com v1.54 by @viljamis */

.events {
  list-style: none;
  }

.callbacks_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 5px black; -webkit-box-shadow: 5px 5px 5px black; -moz-box-shadow: 5px 5px 5px black;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;

  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  /*background: #000;*/
  background: rgba(0,0,0,.8);
  left: 0;
  right: 0;
  top: 0px;
  padding: 10px;
  /*margin: 0px, 0px, 0px, 5em;*/
  max-width: none;
  max-height: 120px;
  }

.caption { 
	margin-left: 6%; 
  } 
 
.callbacks .caption h3   { color:#FFFF00; font-size: 26px; line-height: 30px; padding: 0px; text-shadow: 1px 1px 1px black; }
.callbacks .caption h3 a { color:#FFFF00; font-size: 26px; line-height: 30px; padding: 0px; text-shadow: 1px 1px 1px black; }

.callbacks .caption p1 { color:#FFFFFF; font-size: 15px; line-height: 18px; font-weight: 600; padding-bottom: 0px; text-shadow: 1px 1px 1px black;}
.callbacks .caption p2   { color:#FFFFFF; font-size: 18px; line-height: 22px; font-weight: 500; padding: 0px 20px 5px 0px; text-shadow: 1px 1px 1px black;}
.callbacks .caption p2 a { color:#FFFFFF; font-size: 18px; line-height: 22px; font-weight: 500; padding: 0px; text-shadow: 1px 1px 1px black;}



.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("Graphics/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }




.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #000000;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  margin: 8%  10%;
  float: left;
  max-width: 80%;
  border: 0;
  }









/******************************************************************************************************/
/******************************************************************************************************/
/******************************************************************************************************/
/*** FOR EVERYTHING THAT IS SMALLER THAN 42 EMS, (about USE THE BUTTON MENU. CONTROLLED BY JS ***/
/***** 672 or so ******/


@media all and (min-width:1em) and (max-width:42em) {
.js header {
	border-bottom-color: rgb(0, 188, 140); border-bottom-width: 1px; border-bottom-style: solid; position: relative; /* ORANGE = rgb(255, 95, 37); */
}
.js nav {
	background: none; border: 0px currentColor; border-image: none; top: 0px; width: 50%; right: 10px; clear: none; position: absolute; z-index: 3;
}
.js nav ul::before {
	background: -ms-linear-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
	background: -moz-linear-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
	background: -o-linear-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
	background: -webkit-linear-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
	background: -webkit-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
	background: linear-gradient(rgb(255, 95, 37) 0px, rgb(218, 56, 21) 100%); 
padding: 0.6em 0px; border-radius: 0.5em; top: 0px; width: 5em; text-align: center; right: 0px; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 0.05em; font-size: 1em; text-decoration: none; border-top-color: rgba(255, 255, 255, 0.6); border-bottom-color: rgba(0, 0, 0, 0.4); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; display: block; position: absolute; cursor: pointer; content: "Menu"; box-shadow: inset 0px 0px 5px #d84a16, 0px 0px 8px #d6afa0; text-shadow: 0px -1px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 5px #d84a16, 0 0 8px #d6afa0; -moz-box-shadow: inset 0 0 5px #d84a16, 0 0 8px #d6afa0; -webkit-border-radius: .5em; -moz-border-radius: .5em; -o-border-radius: .5em;
}
.js nav ul.show::before {
	background: rgb(204, 204, 204); border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; box-shadow: none; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
ul.show {
	background: rgb(204, 204, 204); border-radius: 0.4em 0px 0.4em 0.4em; margin-top: 2em; display: block; box-shadow: 0px 0px 5px #78b3fc;
}
.js nav li {
	border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid; float: none; display: none;
}
.js #nav-home {
	border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid; float: none; display: none;
}
.js nav .show li {
	display: list-item;
}
.js .show #nav-home {
	display: list-item;
}
.js nav li ul {
	background: rgb(255, 255, 255); margin: 0px; border: 0px currentColor; border-image: none; width: 100%; box-shadow: none;
}
.js nav li li {
	background: rgb(255, 255, 255); margin: 0px; border: 0px currentColor; border-image: none; width: 100%; box-shadow: none;
}
.js nav li ul::before {
	background: none; padding: 0px; border: 0px currentColor; border-image: none; content: "";
}
.js nav li a {
	padding: 1em 0px 1em 3.5%; text-align: left; color: rgb(0, 0, 0); text-transform: uppercase; font-size: 1em; font-weight: 800; border-right-color: currentColor !important; border-left-color: currentColor !important; border-right-width: medium !important; border-left-width: medium !important; border-right-style: none !important; border-left-style: none !important; display: block; box-shadow: none; text-shadow: none;
}
.js nav li a:link {
	padding: 1em 0px 1em 3.5%; text-align: left; color: rgb(0, 0, 0); text-transform: uppercase; font-size: 1em; font-weight: 800; border-right-color: currentColor !important; border-left-color: currentColor !important; border-right-width: medium !important; border-left-width: medium !important; border-right-style: none !important; border-left-style: none !important; display: block; box-shadow: none; text-shadow: none;
}
.js nav li a:visited {
	padding: 1em 0px 1em 3.5%; text-align: left; color: rgb(0, 0, 0); text-transform: uppercase; font-size: 1em; font-weight: 800; border-right-color: currentColor !important; border-left-color: currentColor !important; border-right-width: medium !important; border-left-width: medium !important; border-right-style: none !important; border-left-style: none !important; display: block; box-shadow: none; text-shadow: none;
}
.js nav li:first-of-type a {
	border-radius: 0.4em 0px 0px;
}
.js nav li:last-of-type a {
	border-radius: 0px 0px 0.4em 0.4em;
}
.js nav li li a {
	padding: 0.9em 10px; width: auto; text-transform: none; font-weight: 400;
}
.js nav li li a:link {
	padding: 0.9em 10px; width: auto; text-transform: none; font-weight: 400;
}
.js nav li li a:visited {
	padding: 0.9em 10px; width: auto; text-transform: none; font-weight: 400;
}
.js nav li li:first-of-type a {
	border-radius: 0px;
}
.js nav li li:last-of-type a {
	border-radius: 0px;
}
.js nav li:last-of-type {
	border: 0px currentColor; border-image: none;
}
nav li li:last-of-type a {
	border: 0px currentColor; border-image: none;
}
.js nav li ul {
	display: none;
}
}



/***** 672??? or so  used to be  ******/
@media all and (min-width:32em)
{
#nav-home {
	display: block;
}
}


/***** 672 or so ******/
@media all and (min-width:42em)
{
nav {
	clear: both; float: none; display: block; min-height: 52px; max-width: 100%; 
}
nav > ul {
	width: 100%; display: block;
}
nav > ul > li {
	width: 12.50%; display: block; position: relative; text-align: center; 
}
nav li ul {
	left: -9999px; top: auto; width: 200px; float: none; display: block; position: absolute;
}
nav li:hover ul {
	left: auto;
}
nav li li {
	width: 200px; float: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.touch nav li a:hover {
	background: 0px; color: rgb(255, 255, 255); box-shadow: none; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
.touch nav li li a:hover {
	background-color: rgb(255, 255, 255);
}
.touch nav li.focus.item-with-ul a:hover {
	color: rgb(51, 51, 51);
}
.touch nav li.focus.item-with-ul a {
	color: rgb(51, 51, 51);
}
.touch nav > ul li.item-with-ul > a {
	margin-right: 30%; position: relative; z-index: 2;
}
.touch nav > ul li ul {
	display: none; z-index: 1;
}
.container h1 {
	padding-bottom: 0px; margin-top: 10px; float: left;
}
.container h4 {
	padding-bottom: 0px; margin-top: 0px; float: left;
}

}




/***** 1040 or so ******/
@media all and (min-width:65em)
{
header {
padding: 0px 0px 0px 0px;
position: relative;
}
header h4 {
	padding-bottom: 10px; margin-top: 10px; float: left;
}
/*header h4 a img {
	width: 100%; width: 100%; margin-left: 0em; 
}*/
nav {
	margin: 0px; clear: none; float: right; top:52px; right: 5px; 
}
nav > ul {
	width: auto; 
}
nav > ul li {
	width: auto; 
}
nav li a {
	padding: .5em 1em;
}
nav li a:visited {
	padding: .5em 1em;
}
nav > ul > li:first-of-type {
	
}
nav > ul > li:first-of-type a {
	
}
nav > ul > li:last-of-type {
	
}
nav > ul > li:last-of-type a {

}
}


/***** 400 or so ******/
@media all and (min-width:25em)
{
.page > section:first-of-type h1 {
	margin: 0.3em 0px 0px;
}
.tel a {
	margin: 0px 0px 0.5em; max-width: 100%;
}
}



/***** 496 or so ******/
@media all and (min-width:31em)
{
#home .page > section:first-of-type h2 {
	font-size: 4em;
}
}

/***** 672 or so ******/
@media all and (min-width:42em)
{
h1 {
	font-size: 4em;
}
html.fontface h1 {
	font-size: 4em;
}
#home .page > section:first-of-type {
	box-shadow: inset 0px 0px 20px #fff; -webkit-box-shadow: inset 0 0 20px #fff; -moz-box-shadow: inset 0 0 20px #fff;
}
#home a[title^='Button'] {
	width: 24%; min-width: 130px; max-width: 167px;
}
button {
	margin: 0px auto; max-width: 24em;
}
.page > section:first-of-type img {
	margin: 0px 0px 1em 5%; float: right; max-height: none; max-width: 40%;
}
.page > section:first-of-type p {
	margin-right: 45%;
}
footer small {
	background: 0px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(204, 204, 204) currentColor currentColor; border-image: none; text-align: right; clear: both;
}
footer .vcard {
	padding-right: 2em; border-right-color: rgb(255, 155, 0); border-bottom-color: currentColor; border-right-width: 1px; border-bottom-width: 0px; border-right-style: dashed; border-bottom-style: none; float: left;
}
footer li {
	margin: 0px; padding: 1em; width: auto; float: left;
}
footer li li {
	float: none;
}
}



/***** 800 or so ******/
@media all and (min-width:50em)
{
.page > section:first-of-type h1 {
	margin: 0.7em 0px 0px;
}
.page > section:first-of-type h2 {
	padding: 0.5em 0px 0px; font-size: 4em;
}
#home .page > section:first-of-type h2 {
	padding: 1.25em 55% 1.25em 5%; font-size: 5.5em; background-size: 50% auto;
}
#home .page > section:first-of-type img {
	margin-top: -3%;
}
#home a[title^='Button'] {
	padding: 0.5em 0px;
}
.tel a {
	background: none; margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; text-align: left; color: rgb(83, 104, 115); box-shadow: none; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
}
}


/***** 920 or so ******/
@media all and (min-width:57.5em) {
#home .page > section:first-of-type h2 {
	background-position: right 50%; padding-right: 55%; font-size: 6em; background-size: 50% auto;
}
footer > div {
	margin: 0px auto; max-width: 1200px;
}
#home a[title^='Button'] {
	margin: 0px; display: inline-block;
}
}



/***** 1040 or so ******/
@media all and (min-width:65.25em)
{
.tmi3 { display: none; }

#home .page > section:first-of-type h2 {
	padding: 1.15em 50% 1.15em 0.7em; font-size: 6.5em; background-size: 45% auto;
}
.page {
	margin: 0px auto; max-width: 1200px;
}
.page > section:first-of-type {
	border-radius: 0;
}
.page > section:first-of-type img {
	margin-right: 5%; max-width: 30%;
}
footer > div {
	padding: 1em 0px;
}
}











/* 850 or so ******* when screen gets downsized to  830=53.2 em,  pixels, change the layout to flow better ********/

@media all and (max-width:69.5em){
.first_two_thirds, .first63pct { width: 100%; }
.one_in_three { width: 45%; float: left; display: block; margin-left: 5px;}
.last33pct { width: 45%; float: right; display: block; margin-left: 5px;}
}


@media all and (max-width:55.5em){
.tmi { display: none; }
.first_two_thirds, .first63pct { width: 100%; }
.one_in_three { width: 95%; float: left; display: block; margin-left: 5px;}
.last33pct { width: 95%; float: right; display: block; margin-left: 5px;}
.header h4 { padding-bottom: 0px; }
#consignments a { color: #000000; text-shadow: .5px .5px .5px white;}
a { color: #FFFFFF; text-shadow: 1px 1px 1px black;}


.appBadMSG:before { top: 2px; width: 20px; height: 20px; background-image: url(Graphics/redXsquare20.jpg); }
.appGoodMSG:before { top: 2px; width: 60px; height: 20px; background-image: url(Graphics/greenCheck20.jpg); }
}


/*** box size changes 
@media all and (min-width:20em) {
#deals {width: 240px;}
}

***/


/******** font changes ********/

@media all and (min-width:52em) and (max-width:65em){
/*nav { background-color: #214569; }*/
header h4 		{ width: 23%; }
.callbacks .caption h3{ font-size: 24px; line-height: 28px; padding-bottom: 0px; top: 5px; }
#schedule-holder h2 {font-size: 20px; }
.storeMessage { font-size: 25px; line-height:27px; }
.detail-holder, .store-detail-holder, .previous-detail-holder { padding: 4px; 	border-radius: 0px; }
.detail h2, .storeMessage h3 {font-size: 22px; line-height: 25px; }
.detail p, 
.detail p1 { font-size: 13px; line-height: 15px; }
td { font-size: 13px; line-height: 15px; }
.detail-info-holder img  { max-width: 1000px; max-height: 1500px;}	
.detail img, .detail-info-holder img:first-of-type  { max-width: 200px; max-height: 200px;}
.callbacks .caption img { max-width: 840px; max-height: 520px; }
.container h1 { padding-bottom: 0px; margin-top: 20px; }
.container h4 { padding-bottom: 0px; margin-top: 20px; }

}

@media all and (min-width:42em) and (max-width:52em){
/*nav { background-color: #214569; }*/
header h4 		{ width: 23%; }
.callbacks .caption h3{ font-size: 22px; line-height: 24px; padding-bottom: 0px; top: 5px; }
#schedule-holder h2 {font-size: 20px; }
.storeMessage { font-size: 24px; line-height:26px;}
.storeMessage p { font-size: 14px; line-height:17px; }

.detail-holder, .store-detail-holder, .previous-detail-holder { padding: 3px; border-radius: 0px; }
.detail h2, .storeMessage h3 { font-size: 21px; line-height: 24px; }
.detail p, .detail p1 { font-size: 12px; line-height: 14px; }
td { font-size: 13px; line-height: 15px; }
.detail-info-holder img  { max-width: 700px; max-height: 1050px;}	
.detail img, .detail-info-holder img:first-of-type  { max-width: 180px; max-height: 180px;}	
.callbacks .caption img { max-width: 750px; max-height: 450px; }	
.container h1 { padding-bottom: 0px; margin-top: 20px; }
.container h4 { padding-bottom: 0px; margin-top: 20px; }
.detail-info-holder td:first-of-type { font-size: 17px; line-height:20px; } 
.detail-info-holder td:last-of-type { font-size: 17px; line-height:20px; } 
.cart-holder p { font-size: 17px; line-height: 20px; }
.cart-holder a { font-size: 17px; }

}

@media all and (min-width:36em) and (max-width:42em){
.callbacks .caption h3{ font-size: 21px; line-height: 23px; padding-bottom: 0px; top: 0px; }
.storeMessage { font-size: 24px; line-height:26px; }
.storeMessage p { font-size: 13px; line-height:16px; }
.appMessage, 
.appGoodMSG, 
.appBadMSG  { font-size: 14px; line-height: 22px;}
.detail-holder, .store-detail-holder, .previous-detail-holder { padding: 2px; border-radius: 0px; }
.detail h2, .storeMessage h3 { font-size: 20px; line-height: 23px; padding: 2px 0 3px 0;}
.detail p, .detail p1 {	font-size: 12px; line-height: 14px; }
td { font-size: 12px; line-height: 14px; }
.detail-info-holder img  { max-width: 600px; max-height: 900px;}	
.detail img, .detail-info-holder img:first-of-type  { max-width: 160px; max-height: 160px;}	
.callbacks .caption img { max-width: 650px; max-height: 400px; }
.info-holder { width: 99%; border-radius: 0px 0px 7px 7px; padding: 5px; }
.cart-holder h2 { padding: 3px 0px 3px 0px; font-size: 19px; line-height: 22px; }
.detail-info-holder td:first-of-type { font-size: 17px; line-height:19px; } 
.detail-info-holder td:last-of-type { font-size: 17px; line-height:19px; } 
.cart-holder p { font-size: 17px; line-height: 19px; }
.cart-holder a { font-size: 17px; }


}

@media all and (min-width:31em) and (max-width:36em) {
.callbacks .caption h3{ font-size: 20px; line-height: 22px; padding-bottom: 0px; top: 0px; }
.storeMessage { font-size: 22px; line-height:24px; }
.storeMessage p { font-size: 12px; line-height:15px; }

.appMessage, 
.appGoodMSG, 
.appBadMSG  { font-size: 14px; line-height: 22px;}
.detail-holder, .store-detail-holder, .previous-detail-holder { padding: 2px; border-radius: 0px; }
.detail h2, .storeMessage h3 { font-size: 19px; line-height: 22px; padding: 2px 0 2px 0;}
.detail p, .detail p1 {	font-size: 12px; line-height: 14px; }
td { font-size: 12px; line-height: 14px; }
.info-holder img  { max-width: 500px; }	
.detail-info-holder img  { max-width: 500px; max-height: 750px;}	
.detail img, .detail-info-holder img:first-of-type  { max-width: 140px; max-height: 140px;}	
.callbacks .caption img { max-width: 480px; max-height: 300px; }
.info-holder { width: 99%; border-radius: 0px 0px 7px 7px; padding: 5px; }
.cart-holder h2 { padding: 3px 0px 3px 0px; font-size: 18px; line-height: 20px; }
.detail-info-holder td:first-of-type { font-size: 16px; line-height:18px; } 
.detail-info-holder td:last-of-type { font-size: 16px; line-height:18px; } 
.cart-holder p { font-size: 16px; line-height: 18px; }
.cart-holder a { font-size: 16px; }

}
@media all and (min-width:26em) and (max-width:31em) {
.callbacks .caption h3{ font-size: 19px; line-height: 21px; padding-bottom: 0px; top: 0px; }
.callbacks .caption p1{ font-size: 12px; line-height: 13px; }
.callbacks .caption p2{ font-size: 12px; line-height: 13px; }
.storeMessage { font-size: 20px; line-height:22px; }
.storeMessage p { font-size: 11px; line-height:14px; }
.appMessage, 
.appGoodMSG, 
.appBadMSG  { font-size: 14px; line-height: 22px;}
.detail-holder, .store-detail-holder, .previous-detail-holder { padding: 2px; border-radius: 0px; }
.detail h2, .storeMessage h3 { font-size: 18px; line-height: 20px;  padding: 2px 0 2px 0;}
.detail p, .detail p1 { font-size: 11px; line-height: 13px; }
td { font-size: 11px; line-height: 13px; }
.info-holder img  { max-width: 400px; }	
.detail-info-holder img  { max-width: 400px; max-height: 600px;}	
.detail img, .detail-info-holder img:first-of-type  { max-width: 120px; max-height: 120px;}	
.info-holder { width: 99%; border-radius: 0px 0px 7px 7px; padding: 5px; }
.cart-holder h2 { padding: 2px 0px 2px 0px; font-size: 17px; line-height: 18px; }
.detail-info-holder td:first-of-type { font-size: 15px; line-height:17px; } 
.detail-info-holder td:last-of-type { font-size: 15px; line-height:17px; } 
.cart-holder p { font-size: 15px; line-height: 17px; }
.cart-holder a { font-size: 15px; }

}

@media all and (min-width:22em) and (max-width:26em) {
.callbacks .caption p2{ display:none; }
.callbacks .caption h3{ font-size: 18px; line-height: 20px; padding-bottom: 0px; top: 0px; }
.callbacks .caption p1{ font-size: 12px; line-height: 13px; }
.callbacks .caption p2{ font-size: 12px; line-height: 13px; }
.storeMessage { font-size: 20px; line-height:22px; }
.storeMessage p { font-size: 11px; line-height:13px; }
.appMessage, 
.appGoodMSG, 
.appBadMSG  { font-size: 14px; line-height: 22px;}
.detail-holder, .store-detail-holder, .previous-detail-holder { padding: 1px; border-radius: 0px; }
.detail h2, .storeMessage h3 { font-size: 16px; line-height: 18px;  padding: 2px 0 2px 0;}
.detail p, .detail p1 { font-size: 10px; line-height: 12px; }
td { font-size: 11px; line-height: 13px; }
.callbacks .caption img { max-width: 320px; max-height: 210px; margin-top: 70px; }
.info-holder img  { max-width: 350px; }	
.detail-info-holder img  { max-width: 350px; max-height: 500px;}	
.detail img, .detail-info-holder img:first-of-type  { max-width: 100px; max-height: 100px;}	
.info-holder { width: 99%; border-radius: 0px 0px 7px 7px; padding: 5px; }
.cart-holder h2 { padding: 2px 0px 2px 0px; font-size: 16px; line-height: 18px; }
.detail-info-holder td:first-of-type { font-size: 14px; line-height:16px; } 
.detail-info-holder td:last-of-type { font-size: 14px; line-height:16px; } 
.cart-holder p { font-size: 14px; line-height: 16px; }
.cart-holder a { font-size: 14px; }

}

@media all and (min-width:18em) and (max-width:22em) {
.tmi2 { display: none; }
.callbacks .caption h3{ font-size: 17px; line-height: 19px; padding-bottom: 0px; top: 0px; }
.callbacks .caption p1{ font-size: 12px; line-height: 13px; }
.callbacks .caption p2{ display:none; }
.storeMessage { font-size: 20px; line-height:22px; }
.storeMessage p { font-size: 10px; line-height:12px; }
.appMessage, 
.appGoodMSG, 
.appBadMSG  { font-size: 14px; line-height: 22px;}
.detail-holder, .store-detail-holder, .previous-detail-holder { padding: 1px; border-radius: 0px; }
.detail h2, .storeMessage h3 { font-size: 15px; line-height: 17px;  padding: 2px 0 2px 0;}
.detail p, .detail p1 { font-size: 10px; line-height: 12px; }
td { font-size: 10px; line-height: 12px; }
.callbacks .caption img { max-width: 260px; max-height: 180px; margin-top: 70px; }
.info-holder img  { max-width: 300px; }	
.detail-info-holder img  { max-width: 300px; max-height: 450px;}	
.detail img, .detail-info-holder img:first-of-type  { max-width: 90px; max-height: 90px;}	
.info-holder { width: 99%; border-radius: 0px 0px 7px 7px; padding: 5px; }
.cart-holder h2 { padding: 2px 0px 2px 0px; font-size: 15px; line-height: 17px; }
.detail-info-holder td:first-of-type { font-size: 13px; line-height:15px; } 
.detail-info-holder td:last-of-type { font-size: 13px; line-height:15px; } 
.cart-holder p { font-size: 13px; line-height: 15px; }
.cart-holder a { font-size: 13px; }

}


@media all and (min-width:0.1em) and (max-width:18em) {
.tmi2 { display: none; }
.callbacks_nav { top: 180px; }
.callbacks .caption h3{ font-size: 16px; line-height: 18px; padding-bottom: 0px; top: 0px; }
.callbacks .caption p1{ font-size: 12px; line-height: 13px; }
.callbacks .caption p2{ display:none; }
.storeMessage { font-size: 18px; line-height:20px; font-style:bold;}
.storeMessage p { font-size: 10px; line-height:12px; }
.appMessage, 
.appGoodMSG, 
.appBadMSG  { font-size: 14px; line-height: 22px;}
.detail-holder, .store-detail-holder, .previous-detail-holder { padding: 1px; border-radius: 0px; }
.detail h2, .storeMessage h3 { font-size: 14px; line-height: 16px;  padding: 2px 0 2px 0;}
.detail p, .detail p1 { font-size: 10px; line-height: 12px; }
td { font-size: 10px; line-height: 12px; }
.callbacks .caption img { max-width: 200px; max-height: 145px; margin-top: 70px; }
.info-holder img  { max-width: 200px; }	
.detail-info-holder img  { max-width: 200px; max-height: 300px;}	
.detail img, .detail-info-holder img:first-of-type  { max-width: 85px; max-height: 85px;}	
.info-holder { width: 99%; border-radius: 0px 0px 7px 7px; padding: 5px; }
.cart-holder h2 { padding: 2px 0px 2px 0px; font-size: 14px; line-height: 16px; }
.detail-info-holder td:first-of-type { font-size: 12px; line-height:14px; } 
.detail-info-holder td:last-of-type { font-size: 12px; line-height:14px; }
.cart-holder p { font-size: 12px; line-height: 14px; }
.cart-holder a { font-size: 12px; }
 
}
