/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126  License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*
	Dark Tan:	d5cb9b
	Light Tan:	ede6c1
	Dark Red:	982929
	Green:		05702a

    font-family: 'Roboto', sans-serif;
    font-family: 'Rochester', cursive;
    font-family: 'Handlee', cursive;
    font-family: 'Dosis', sans-serif;
*/

html, body { font-family:'Dosis', sans-serif; margin:0; padding:0; color:black; background-color:white; /*overflow-x:hidden; overflow-y:visible*/  }
img { max-width:100%;/*for mobile scaling*/ border:0; padding:0; margin:0; }
h1 { margin-top:20px; font-size:32pt; font-family: 'Rochester', cursive; font-weight:bold; }
h2 { margin-top:10px; font-size:20pt; font-weight:bold; }
ul { padding:4px 24px; }
ol { padding:4px 24px; }
strong { font-weight:bold; }

.clear { clear:both; height:0; }
.right { float:right; }
.left { float:left; }
.hide { display:none; }
.bold { font-weight:bold !important; }

.seperator { height:12px; margin:8px 0; background-color:#d5cb9b;  }


header { position:relative; width:980px; margin:0 auto; }
	nav { display:flex; width:100%; line-height:25px; background-color:#982929; }
		nav a { height:29px; margin-top:3px; font-size:1.2em; font-weight:bold; flex-grow:1; text-align:center; border-left:2px solid #ede6c1; }
			nav a:link, nav a:visited { color:#ede6c1; text-decoration:none; }
			nav a:hover, nav a:active { color:white; }
		nav a:first-child { border:0 !important; }

#divContentHidden { display:none; }
#divContent { display:flex; position:relative; width:980px; margin:0 auto; z-index:30; }
	sidebar { width:245px; padding:35px 3.55%; /* should be pixel perfect to width of 35 */ min-height:300px; display:block; position:relative; background:#ede6c1 url("Images/SidebarTop.png") no-repeat top center;  font-family: 'Handlee', cursive; font-size:14pt; line-height:1.2em; }
		sidebar h1 { margin-top:0; font-size:38pt; font-family: 'Rochester', cursive; color:#982929; }
		sidebar h2 { margin-top:0; padding:10px 0 20px 0; font-size:20pt; font-family: 'Roboto', sans-serif; }

	content { display:block; position:relative; width:665px; }
		content padding { position:relative; display:block; font-size:1.2em; margin:14px 20px; }

/* Home */
	.homeVisitUs { text-align:center; font-size:34pt; font-family: 'Rochester', cursive; color:#982929; margin-bottom:-12px; }
	.homeLocations { background-color:#d5ee77; padding:20px 0; font-family: 'Roboto', sans-serif;  }
		.homeLocationsHeader { color:#05702a; text-align:center; font-weight:bold; font-size:28pt; }
		.homeLocationsStores { display:flex; text-align:center; }
			.homeStore { font-size:16pt; color:black; flex-grow:1; }
			.homeStoreSeperator { font-size:26pt; }
				.homeStore span { font-size:16pt; color:#982929; }
			.delivery { text-align:center; color:#05702a; font-weight:bold; font-size:18pt; margin-top:18px; }

    .shoponline { text-decoration:none; }
        .shoponline div { height:90px; line-height:90px; text-align:center; font-size:3.5em; width:100%; background-color:#982929; color:white; }


/* Services */
	.services { margin-top:20px; width:100%; }
		.services th { border-left:1px solid #bdbdbd; vertical-align:middle; padding:6px;}
		.services th:first-child { text-align:left;text-indent:10px; font-size:1.3em; }
		.services td { border-left:1px solid #bdbdbd; text-indent:10px; text-align:center; vertical-align:middle; height:24px; }
		.services td:first-child { text-align:left; }
		.servicesHeader { background-color:#d5ee77; font-family: 'Roboto', sans-serif; font-weight:bold; font-size:1.1em;  }
		.servicesHeader2 { background-color:#eaf6bb; }

/* Contact */
	.contactLocations { padding:20px 0; font-family: 'Roboto', sans-serif; border-bottom: 2px solid #982929; margin-bottom:24px; }
		.contactLocationsHeader { font-family: 'Rochester', cursive; text-align:center; font-weight:bold; font-size:32pt; margin-bottom:10px; }

		.contactLocationsStores { display:flex; text-align:center; }
			.contactStore { font-size:14pt; color:#982929; flex-grow:1; font-weight:bold; }
				.contactStore span { font-size:12pt; color:black; font-weight:normal; }

		.contactEmploymentButton { position:absolute; top:0; right:0; text-align:center; width:280px; font-size:.8em; }

		textarea { width:100%; height:80px; }

/* Employment */
	.employmentTable { width:100%; }
		.employmentTable td { padding:3px 10px; }
		.employmentTable td:first-child { text-align:right; width:60%; }

	
	.weekdays { display:flex; font-size:.75em; text-align:center; width:100%; }
		.weekdays div { margin:0 2px; }
		.weekdays input { width:70px; }

/* Sign Up */
	.signupTable { width:100%; }
		.signupTable td { padding:3px 10px; }
		.signupTable td:first-child { text-align:right; width:30%; }




/* Mobile device formatting*/
@media (max-width: 1000px) {
	body { font-size:120%; }
	header { width:100%; }
		nav { flex-wrap:wrap; }

	.fullWidth { width:100%; }

	#divContent { width:100%; flex-direction:column; }
		sidebar { width:92.9%; order:2; background:#ede6c1; }
		content { width:100%; order:1; }

	.contactEmploymentButton { position:relative; }
}