body { color: #000000; font-size: 13px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
p {}
a { color: #153456; font-style: normal; text-decoration: underline; outline: none; }
a:hover { color: #9c3732; font-style: normal; text-decoration: underline }
h1, h2, h3, h4, h5, h6 { color: #153456; font-weight: bold; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}
h1.pageTitle {text-indent: -1000em;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h2.pageHeading {/*text-indent: -1000em; */ color: #9c3732;; font-weight: normal; margin-left: 115px; }
*+html h2.pageHeading { color: #9c3732; font-weight: normal; margin-left: 115px; padding-top: 6px; }
h3 {font-size: 14px;}
h4 {font-size: 14px;}
h5 {font-size: 14px;}
.lowerLinks {font-size: 11px; overflow: auto; border: 1px solid #c0c0c0; margin: 3px auto; padding: 2px; position: absolute; bottom: -50px; width: 740px; /* height: 40px; */ /* Needed if #backLink is positioned absolutely */}
.lowerLinks a { font-size: 11px; text-decoration: none; border-bottom:0; color: #9c3732;  }
.lowerLinks a:hover {
	color: #153456;
}
#backLink {float: right; /*	position: absolute; */ /* comment out these two lines if floating to the right */ /*	top: 25px; */ }
.error { color: red; font-weight: bold; font-size: 14px }
.qdetails { text-align: left; margin-right: 20%; margin-left: 20%  }
.qdetails1 { text-align: left; margin-right: 20%; margin-left: 20%; }
form { margin: 0px; padding: 0px }
#footer { text-align: right; color: #ffffff; font-size: 11px;}
#footer a {
	text-decoration: underline;
	color: #ffffff;
}
#footer a:hover {
	color: #9c3732;
	text-decoration: none;
}
.deleteButton { color: white; background-color: red; }
.submitButton { background-color: green; }
#pagination {border-bottom: 1px solid #62125c; padding-bottom: 2px; position: absolute; bottom: 5px; width: 700px;}
#pagination a {/*border: 1px solid #2c1a06;*/ padding: 2px; margin-left: 2px; /* background-color: #cac1ab;*/}
#pagination a:hover {color: #e6f9e8; background-color: #62125c;}
#pagination span.liveTab {color: #62125c; background-color: #e6f9e8; padding: 5px 4px 2px 4px; margin-left: 2px;}
#today {font-size: 11px;}
/* == Menus  == */
#topNav ul {margin: 0; padding: 0;}
#topNav li {margin: 0; padding: 0; list-style-type: none; float: left;}
#topNav a {text-indent: -1000em; height: 21px; background-repeat: no-repeat; float: left; display: block;}
#topNav li a.buttonBlog {background-image: url(images/btn_blog.jpg); width: 57px; margin-left: 0;}
#topNav li a.buttonShop {
	background-image: url(images/btn_shop.jpg);
	width: 49px;
	margin-left: 7px;
}
#topNav li a.buttonClasses {
	background-image: url(images/btn_classes.jpg);
	width: 64px;
	margin-left: 5px;
}
#topNav li a.buttonCalendar {
	background-image: url(images/btn_calendar.jpg);
	width: 74px;
	margin-left: 4px;
}
#topNav li a.buttonBernina {
	background-image: url(images/btn_bernina.jpg);
	width: 64px;
	margin-left: 4px;
}
#topNav li a.buttonGammill {
	background-image: url(images/btn_gammill.jpg);
	width: 70px;
	margin-left: 4px;
}
#topNav li a.buttonServices {
	background-image: url(images/btn_services.jpg);
	width: 73px;
	margin-left: 6px;
}
#topNav li a.buttonNewsletter {
	background-image: url(images/btn_newsletter.jpg);
	width: 79px;
	margin-left: 6px;
}
#topNav a:hover {background-position: 0 -21px;}

#subNav ul {margin: 0; padding: 0;}
#subNav li {margin: 0; padding: 0; list-style-type: none; float: left; height: 1%; display: inline;}
#subNav a {height: 14px; background-repeat: no-repeat; float: left; display: block; text-indent: -1000em;}
#subNav a.buttonHome {background-image: url(images/btn_home.jpg); width: 47px;}
#subNav a.buttonEvents { background-image: url(images/btn_events.jpg); width: 56px; }
#subNav a.buttonGuilds {
	background-image: url(images/btn_local.jpg);
	width: 89px;
}
#subNav a.buttonHelp {
	background-image: url(images/btn_help.jpg);
	width: 150px;
}
#subNav a.buttonFree {
	background-image: url(images/btn_free.jpg);
	width: 100px;
}
#subNav a.buttonAbout {
	background-image: url(images/btn_about.jpg);
	width: 73px;
}
#subNav a.buttonLinks {
	background-image: url(images/btn_links.jpg);
	width: 45px;
}
#subNav a.buttonContact {
	background-image: url(images/btn_contact.jpg);
	width: 59px;
}
#subNav a:hover {background-position: 0 -14px;}

#storeNav ul {margin: 0; padding: 0; border-left: 2px solid #93a4b3;}
#storeNav li {margin: 0; padding: 0; list-style-type: none; text-align: right; font-size: 11px;}
#storeNav a {text-decoration: none; display: block; padding-right: 6px; border-top: 2px solid #93a4b3; height: 15px; color: #41597d;}
#storeNav a.firstItem {border-top: none;}
#storeNav a:hover {color: #ffffff; background-color: #41597d;}

#storeSubNav {font-size: 12px;}
#storeSubNav a:hover { color: #fff; font-size: 12px; background-color: #153456; }
/* == End Menu == */

#header address {
	color: #1d3a46;
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 127px;
/*	margin-left: 20px; */
 	letter-spacing: 2px;
}
#storeHours {
	color: #ffffff;
	text-align: right;
	font-size: 11px;
}
#storeHours p {margin-top: 0;}
#today {text-align: right;}

li.linkHeader {list-style-type: none; margin-left: -10px;}

/* Calendar Styles */
div.date {
	color: #ffffff;
	float: right;
	text-align: center;
	border-width: 0 0 1px 1px;
	background-color: #153456;
	margin-top: -1px;
	margin-right: -1px;
	border-color: #c0c0c0;
	border-style: solid;
}
div.time {font-style: italic; text-transform: lowercase;}
div.classtitle {}
table#cal {width: 98%;}
table#calendar {width: 100%; border: solid 1px #c0c0c0;}
table#calendar td {border: solid 1px #c0c0c0; width: 14%; height: 50px;}
caption {
	color: #9c3732;
	font-size: 20px;
	font-weight: bold;
}
tr#days { color: black; background-color: #717e74; }
tr#days th {
	width: 14%;
	border: solid 1px #c0c0c0;
	color: #ffffff;
	background-color: #153456;
}
.emptydate {
	background-color: #999999;
}
.monthdate { background-color: #ffffff; vertical-align: top; }
.monthdate:hover {
	background-color: #cccccc;
}
.today {
	background-color: #a8c7ea;
}
a.event { /* color: #c0c0c0; */ font-style: normal; text-decoration: none; font-size: 11px;}
a.event:link {/* color: #c0c0c0; */font-style: normal; text-decoration: none; }
a.event:visited {/* color: #c0c0c0;*/ font-style: normal; text-decoration: none; }
a.event:hover {/* color: #000000; */font-style: normal; text-decoration: none; }
a.event:active {/* color: #c0c0c0; */font-style: normal; text-decoration: none; }
a.arrows:hover {font-size: 20px; background-color: #ffffff;}
/* End Calendar */

#breadcrumbs h3 a {font-size: 11px; color: #000000;}
#breadcrumbs h3 a:hover {color: #c0c0c0;}

table.thumbnailTable {border: 0; width: 92%;}
td.gallery {border: 1px solid #9c3732;text-align: center; vertical-align: top; width:25%; padding: 2px;}
table.galleryTable {margin: 0 auto 30px auto; border: 0;}
td.detailPage {padding: 2px;}

/* ==== Class Schedule Table === */
table#classDateTable {border: 0; width: 95%; margin: 10px auto;}
table#classDateTable2 { margin: 10px auto; width: 95%; border: 0; }
table#classDateTable tr:nth-child(even) {background-color: #c0c0c0; }
table#classDateTable2 tr:nth-child(even) { background-color: #c0c0c0; }
table#classDateTable tr:hover:not(.firstRow) {background-color: black; color: white;}
tr.firstRow td {font-weight: bold;}
.storeimage { border: solid 1px #143544; }
/* ==== End Class Schedule ==== */

.categoryDescription { background-image: url(images/stitchedline.jpg); background-repeat: no-repeat; background-position: 50% bottom; padding: 5px; }
caption { padding-bottom: 12px; }

input.storeButton { color: white; background-color: #2c4160; width: auto; height: 27px; z-index: 20; margin-top: 10px; margin-bottom: 10px; }
input.storeButton2 { color: white; background-color: #f00; margin-top: 10px; margin-bottom: 10px; z-index: 20; width: auto; height: 27px; border-style: none; }
a.storeButton:link, a.storeButton:visited, a.storeButton:hover, a.storeButton:active { color: #fff; background-color: #2c4160; text-decoration: none; padding: 5px 10px; border:ridge 2px; margin-top: 10px; }
a.storeButton2:link, a.storeButton2:visited, a.storeButton2:hover, a.storeButton2:active { color: #fff; text-decoration: none; background-color: #f00; margin-top: 10px; padding: 5px 10px; border: ridge 2px; }
a.accountButton:link, a.accountButton:visited, a.accountButton:hover, a.accountButton:active { color: white; background-color: #369; text-decoration: none; padding-right: 10px; padding-left: 10px; border:ridge 2px #fff; }
a.accountButton:hover { color: #369; background-color: white; text-decoration: none; padding-right: 10px; padding-left: 10px; border:0;