/* CSS Document */
.pink, h1 {
	color: #FD3EA6;
}
.green {
	color: #65B842;
}
.violet, h2, h3, .head2, .head3 {
	color: #6847D6;
}
.purple, .quote {
	color: #52298F;
}
.darkPink {
	color: #C5096F;
}
body {
	margin: 0;
	background-color: #FFFFFF;
	font-style: normal;
	font-size: 16px;
	font-family: 'Istok Web',sans-serif;
	line-height: 150%;
	font-style: normal;
}
p, td, ul, ol, li {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
td {
	vertical-align: top;
}
table, tr, td, th {
    border-collapse: collapse;
}
p {
	margin: 0 0 .8em 0;
	font-style: normal;
}
h1, .head1 {
	font-weight: 700;
	font-size: 34px;
	margin: 20px 0 16px 0;
	padding: 0;
	line-height: 110%;
}
h2, .head2 {
	font-style: normal;
	font-weight: bold;
	font-size: 120%;
	margin: 1.5em 0 .4em 0;
	padding: 0;
	line-height: 120%;
}
h2.larger {
	font-size: 160%;
}
h3, .head3 {
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	line-height: 130%;
	margin: 1.2em 0 .5em 0;
	padding: 0;
}
h3.banner {
	background-color: #9966FF;
	display: block;
	padding: 3px 6px;
	line-height: 120%;
	color: #fff;
	clear:both;
}
h4 {
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	margin: 1.2em 0 .5em 0;
	padding: 0;
	line-height: 17px;
}
a:link {
	text-decoration: none;
	color: #0000FF;
}
a:visited {
	text-decoration: none;
	color: #0000FF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #4D66E4;
}
a img {
	border: 0;
}
#rightColumn {
	background-image: url(/images/bg.sidebar.right.gif);
	background-repeat: repeat-y;
	background-position: 0 6px;
}
#textarea {
	padding: 0px 22px 16px 22px;
	margin-top: 0;
	font-style: normal;
	position: relative;
}

#rightsidebar {
	font-family: 'Istok Web',sans-serif;
	padding: 0 0 15px 12px;
	margin: 0 0 12px 15px;
	width: 170px;
	float:right;
	border-left: 2px dotted;
}
#rightsidebar p, #rightsidebar td, #rightsidebar ul, #rightsidebar ol, #rightsidebar li {
	font-size: 85%;
	line-height: 130%;
}
#rightsidebar .quote {
	font-weight: bold;
	margin: 12px 0 0 0;
	line-height: 14px;
}
#rightsidebar .quoteauthor {
	margin: 0 0 0 1.5em;
	text-indent: -1.5em;
}
.headArrow {
	font-weight: bold;
	background-image: url(/images/arrow.blue.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 14px;
	font-size: 11px;
	margin-bottom: .2em;
}
.photoright, .align-right {
	float: right;
	margin: 0 0 18px 18px;
	position: relative;
	top: 3px;
}
.photoleft, .align-left {
	float: left;
	margin: 0 18px 18px 0;
	position: relative;
	top: 3px;
}
img.photoleft, img.photoright, img.align-left, img.align-right {
	max-width: 50%;
	height: auto;
}
img {
      max-width: 100%;
      height: auto;
}
#leftsidebar {
	font-family: 'Istok Web', sans-serif;
	padding: 0;
	margin-left: 12px;
	padding-top: 12px;
	width: 142px;
	font-style: normal;
}
#leftsidebar p, #leftsidebar td {
	font-size: 90%;
	line-height: 120%;
}
#leftsidebar ul li {
	font-size: 85%;
	line-height: 130%;
	margin-bottom: 0.3em;
}
#leftsidebar h2 {
	font-size: 80%;
	line-height: 120%;
	font-family: 'Istok Web',sans-serif;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #52298F;
	margin: .8em 0 .5em 0;
}
#rightsidebar h2 {
	font-family: 'Istok Web',sans-serif;
	font-size: 85%;
	line-height: 12px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #52298F;
	margin: .8em 0 .8em 0;
}
#footer {
	background-color: #AF7919;
	padding: 4px 6px 4px 6px;
	font-family: 'Istok Web',sans-serif;
}
#footer p {
	font-size: 80%;
	color: #FFFFFF;
	text-align: center;
	margin: 0;
}
#footer p a:link {
	color: #FFFFFF;
}
#footer p a:visited {
	color: #FFFFFF;
}
#footer p a:hover {
	color: #FFFFFF;
	background-color: #52298F;
}
#menu1 {
	width: 100%;
	height: 26px;
	background-color: #52298f;
}
#menu2 {
	width: 100%;
	height: auto;
	min-height: 36px;
	position: relative;
	display: block;
}


ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 1.4em;
}
ol {
	margin: 0 0 1em 0;
	padding: 0 0 0 1.8em;
}
a.sideTextLink:link, a.sideTextLink:visited {
	font-weight: bold;
	color: #0000AA;
}
a.sideTextLink:hover {
	color: #FFFFFF;
}
a.sideTextLink.menuOn:link, a.sideTextLink.menuOn:visited {
	color: #CA006E;
}
a.sideTextLink.menuOn:hover {
	color: #CA006E;
	background-color: transparent;
}
.onecolumn {
	width: 80%;
}

.noSpaceBelow, #textarea .noSpaceBelow {
	margin-bottom: 0;
}
.noSpaceAbove, #textarea .noSpaceAbove {
	margin-top: 0;
}
.textSmall {
	font-size: 85%;
	line-height: 110%;
}
.textLarge {
	font-size: 120%;
}
#textarea table td {
	padding-right: 14px;
}
#textarea table.formtable td,  table.formtable td {
	padding: 2px 10px 2px 4px;
	background-color: #E5DCF1;
	vertical-align: middle;
	border-bottom: 1px solid #52298F;
	border-collapse: collapse;
	font-family: 'Istok Web', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 13px;
	line-height: 120%;
}
#textarea table.formtable.evenpadding td, table.formtable.evenpadding td {
	 padding: 4px 6px 4px 6px;
}
table.formtable.nolines td, #textarea table.formtable.nolines td {
	border:0;
}
#textarea table.formtable tr.noborder td {
	border-bottom: 0;
}
#textarea table.formtable tr.borderabove td {
	border-top: 1px solid #52298F;
}
#textarea table.formtable td p, #textarea table.formtable td ul li, #textarea table.formtable td ol li {
	font-family: 'Istok Web', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 13px;
	line-height: 120%;
}
table.formtable td ul li, table.formtable td ol li {
	font-family: 'Istok Web', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 13px;
	line-height: 120%;
}
table.formtable td.highlight {
	background-color: #D6C9E8;
}
table.formtable input {
	border: 1px solid #6847D6;
	font-family: 'Istok Web', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 13px;
}
table.formtable textarea {
	border: 1px solid #6847D6;
	font-family: 'Istok Web', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 13px;
}
table.formtable select {
	font-family: 'Istok Web', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 13px;
}
table.formtable tr.header td, table.formtable td.header,
#textarea table.formtable tr.header td, #textarea table.formtable td.header {
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #52298F;
	padding: 2px 6px 2px 6px;
	text-align: center;
	letter-spacing: 2px;
	font-size: 14px;
}
table.formtable tr.header2 td, table.formtable td.header2 {
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #52298F;
	background-color: #bca3e0;
	padding: 2px 0 2px 0;
	text-align: center;
	letter-spacing: 2px;
	font-size: 14px;
}
table.formtable tr.highlight td {
	background-color: #D3C4E7;
}
.morespace td {
	padding-top: 8px;
	padding-bottom: 8px;
}
input.noborder {
	border: 0;
}
table.noBorders, table.noBorders td {
	border: 0!important;
}
input {
	font-family: 'Istok Web', Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
}
#mobilemenutop {
	display: none;
}

@media screen and (max-width:800px) {
	#menu1, #menu2 {
		display: none;
	}
	.gallery-bubble {
		display: none!important;
	}
	#textarea {
		box-sizing: border-box;
	}
	#mobilemenutop {
		display:block;
		box-sizing: border-box;
		width:100%;
		position: fixed;
		top:0;
		z-index: 1400;
		font-size: 16px;
		text-align: left;
		box-sizing: border-box;
	}
	#mobilemenutop.tovisible {
		display: block;
		width:auto;
		position: relative;
		padding: 3px 10px;
		background-color:#7b53b6;
		box-sizing: border-box;
	}
	#mobiletopclose {
		display:none;
		box-sizing: border-box;
		color:#fff;
		font-size: 15px;
		font-weight: 300;
		padding: 3px 10px;
	}
	#mobilemenutop.tovisible #mobiletopclose {
		display: block;
		width:100%;
		box-sizing: border-box;
		position: fixed;
		z-index: 1200;
		top:0;
		left:0;
		background-color:#7b53b6;
	}
	#mobilemenutop.tovisible #mobiletophead {
		display: none;
	}
	#mobiletophead {
		margin:0;
		color: #fff;
		font-size: 15px;
		font-weight: 300;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	a#mobiletophead:link, a#mobiletophead:visited {
		color:#fff;
		padding: 3px 10px;
		background-color:#7b53b6;
	}

	#mobileTopList {
		display: none;
		list-style: none;
		box-sizing: border-box;
		margin:0;
		padding: 30px 6px 0 6px;
		text-align: left;
		position: fixed;
		top:0;
		left:0;
		background-color:#7b53b6;
	}
	#mobileTopList.tovisible {
		display: block;
		height: 100vh;
		max-height: 100vh;
		width: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	#mobileTopList ul {
		margin:0;
		padding: 0;
	}
	#mobileTopList ul ul {
		margin-top:2px;
		padding-left: 16px;
	}
	#mobileTopList li {
		margin:0 0 2px 0;
		padding: 0;
		list-style: none;
	}
	#mobileTopList li a {
		color: #fff;
		display: block;
		background-color: #6ca505;
		padding: 1px 6px;
		font-size: 100%;
	}
	#mobileTopList li li a {
		color: #fff;
		display: block;
		background-color: #52298f;
		padding-left: 16px;
	}
	#mobileTopList li li li a {
		background-color: transparent;
	}
}
#news {
	font-family: 'Istok Web', Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin-left: 12px;
	width: 142px;
}
#news p, #news td {
	font-family: 'Istok Web', Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}
#news .newsHead {
	font-size: 12px;
	font-weight: bold;
	color: #52298F;
}
#sidebarRegister {
	width: auto;
}
#sidebarRegister h2 {
	font-size: 11px;
	line-height: 12px;
	font-family: 'Istok Web', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #C5096F;
	margin: 0;
	padding: 2px 4px 2px 4px;
	text-align: center;
}
#sidebarRegister h2 a:link {
	color: #C5096F;
}
#sidebarRegister h2 a:visited {
	color: #C5096F;
}
#sidebarRegister h2 a:hover {
	color: #FFFFFF;
	background-color: #C5096F;
}
.confirm td {
	background-color: #DDF4D3;
}
.confirm tr.header td {
	background-color: #43782D;
}
.confirm tr.highlight td {
	background-color: #B8DFA7;
}
table.responsive {
	display: table;
}
#textarea table.formtable table.responsive td {
	vertical-align: top;
	border:0;
}

.scheduleEmpty {
	background: #DFDFDF;
}
button, input[type="submit"], input[type="button"], a.textbutton {
	border: 1px solid #52298F;
	padding: 3px 10px;
	background-color: #E5DCF1;
	border-radius: 12px;
	font-weight: bold;
	font-size: 100%;
	color: #52298F;
}
button:hover, input[type=submit]:hover, input[type="button"]:hover, a.textbutton:hover  {
	border: 1px solid #52298F;
	background-color: #52298F;
	color: #fff;
	cursor: pointer;
}

.hideit {
	display:none;
}
.text-hanging {
	margin: 0 0 0 1.5em;
	text-indent: -1.5em;
}

table.two-column td:first-child {
	padding-right:36px;
}

#editlinks {
	position: absolute;
	top: 0;
	padding: 6px;
}

#editpagelink {
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 400;
	position: fixed;
	text-transform:uppercase;
	z-index: 1200;
	right: 0;
	bottom: 0;
	padding: 4px 10px;
	text-decoration: none;
	color: #fff;
	background-color: #52298f;;
	-webkit-box-shadow: 0 0 2px 3px #aaa;
	-moz-box-shadow: 0 0 2px 3px #aaa;
	box-shadow: 0 0 2px 3px #aaa;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=\'#999999\')';
	}

#editpagelink:hover {
	background-color: #2b6281;
}

a.topmenu-link {
	box-sizing: border-box;
	display: inline-block;
	height:26px;
	font-size: 14px;
	line-height: 100%;
	color: #fff;
	font-family: 'Istok Web',Arial,sans-serif;
	font-weight: 700;
	padding: 6px 10px 0 10px;
}
a.topmenu-link:hover, a.topmenu-link.subhover {
	background-color: #9fcd4c;
	color: #000;
}
a.topmenu-link.menuOn {
	background-color: #b6e364;
	color: #000;
}
.submenu-block {
	position: absolute;
	opacity:0;
	display: none;
	left:0;
	-webkit-transition: .3s;
	transition: .3s;
	width:100%;
	height:auto;
	z-index: 100;
	background-color: #b6e364;
	box-sizing: border-box;
}

.submenu-block.showit {
	opacity: 1;
	display: block;
}
.submenu-block.menuOn {
	opacity: 1;
	display: block;
	z-index: 50;
}
#submenu9 {
	padding-left: 270px;
}
#submenu10 {
	padding-left: 200px;
}

a.submenu-link {
	box-sizing: border-box;
	display: inline-block;
	height:21px;
	font-size: 13px;
	color: #666;
	line-height: 100%;
	font-family: 'Istok Web',Arial, sans-serif;
	padding: 4px 10px 0 10px;
	background-color: transparent;
}
a.submenu-link:hover {
	background-color: transparent;
	color: #000;
}
a.submenu-link.menuOn {
	color: #000;
}


.smallspace {
	font-size: 2px;
	line-height: 2px;
}

/* accordion styles */
.main-head-description {
	margin-top:0;
	font-weight:bold;
	line-height:120%;
	background-color:#dbc9ff;
	display:block;
	color:#6847D6;
	padding: 2px 10px 2px 14px;
}
#textarea #accordion h3	{ margin:16px 0 2px 0; }
#textarea #accordion h4 { color:#6847D6; font-size:14px; }
#textarea #accordion .main-head {
	background-color: #9966FF;
	color: #FFFFFF;
	margin-bottom:0;
	clear:both;
	display:block;
	padding:3px 10px 0px 14px;
}

#leftsidebar #news {
	position: relative;
	left:-12px;
}
#headerimages {
	max-width: 100%;
	overflow: hidden;
}
.hideit {display: none; }

#msGallery {
	float:left;
	width:360px;
	margin-right:24px;
}
#msGallery ul.thumbnails {
	list-style-type:none;
	text-align:left;
	margin:0;
	padding:0;
}
#msGallery ul.thumbnails li {
	list-style-type:none;
	display:inline;
	padding:0;
	margin:0 0 0 0;
	height:auto;
}
#msGallery ul.thumbnails li img {
	border:1px solid #888;
	max-width:116px;
	height:auto;
}
#textarea #msGallery #mainImage {
	padding:0;
	border:1px solid #888;
}
#msProduct label {
	display:inline;
}
#textarea #producttable tr {
	display: block;
}
#textarea #producttable td {
	display: inline-block;
	width: 100%;
	max-width: 220px;
	min-width: 160px;
	height: 160px;
	overflow: hidden;
	padding:6px 6px 0 6px;
	border:1px solid #ddd;
	margin: 0 8px 16px 8px;
}
#textarea #producttable p {
	font-size: 14px;
	margin:0 0 0.3em 0;
	text-align: center;
	line-height: 120%;
}
#msBackToStore {
	position: absolute;
	top:4px;
	right:12px;
	font-size: 14px;
	text-align: right;
	line-height: 110%;
}
button.cartremove b {
}
button.cartremove {
	width:22px;
}
.addcart {
	width:100%;
	margin:10px 0;
}
#viewcartbutton {
	position: absolute;
	top:-28px;
	right:12px;
	padding:12px 0 0 42px;
	margin: 0 0 10px 0;
	font-size:14px;
	line-height: 100%;
	height: 34px;
	background-image: url(/assets/templateimages/cart-icon.png);
	background-repeat: no-repeat;
}
#viewcartbutton:hover {
	background-color: transparent;
	color: #52298f;
}

label.control-label {
	font-weight:bold;
	float:left;
	margin-right:8px;
}
div.itemcount input {
	width:60px;
}
div.fancybox-wrap .fancybox-image {
	max-width:96%;
}


@media screen and (max-width:720px) {
	table.responsive:not(.hideit), table.responsive tr:not(.hideit), table.responsive tbody, table.responsive td:not(.hideit) {
		display: block!important;
		padding: 0!important;
		margin: 0 0 0.8em 0;
		max-width: 100%;
	}
	.registration-container table.responsive:not(.hideit), .registration-container table.responsive tr:not(.hideit), .registration-container table.responsive tbody, .registration-container table.responsive td:not(.hideit) {
		margin: 0;
	}

	#leftsidebar-container {
		display: none;
	}
}

body#tinymce.mceContentBody,
body#tinymce.mceContentBody td,
body#tinymce.mceContentBody pre {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 150%;
}