@font-face {
  font-family: "Moire Light";
  src: url("../font/Moire-Light.ttf");
  permssion: installable;
  }


.rootBox {
	max-width: 100%;
	min-width: 900px;
	margin: 0 auto;	/* rather than a parent element to contain the page, this layout
					   cuts down on the markup by moving control of the layout position
					   in the viewport to root boxes or elements that exist at the 
					   root of the BODY. */
}

Body {font-family:  "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;}
Table {font-family:  "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 14px;}
TR {font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;}
TD {font-family:  "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;}
P {font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 16pt;}

.mainbody {font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; 
           width: 100%; 
           border: 0px solid #669999; 
           }

.main-content-area {padding-left: 10px;
           padding-right: 10px; 
			text-align: left;
           }


.main-content-area li
{
	 background-color: transparent;
}

.fixedpara {font-family:  "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; width: 600px;}
.header_title {
	text-align: center;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-size: 36px;
	color: #FFFFFF;
}

.bodycontainer
{
	width: 108%;
	border-style: none;
	border-color: #CCCCCC;
	margin: 0px auto 0px auto;
	background-color:  #FFF;
	text-align: center;
    background-image: url('../pics/teguruma-background.jpg');
   	background-repeat: repeat;
  	background-attachment: fixed;
  	overflow: auto;
}

.bodycontainer-nobackground
{
	border-style: none;
	border-color: #CCCCCC;
	margin: 0px auto 0px auto;
	background-color:  #FFF;
	text-align: center;

}

.bodycontainer-teguruma-lightblue
{
	border-style: none;
	border-color: #CCCCCC;
	margin: 0px auto 0px auto;
	background-color:  #FFF;
	text-align: center;
    background-image: url('../pics/teguruma-background2.jpg');
   	background-repeat: repeat;
  	background-attachment: fixed;


}


.bodycontainer-teguruma-lightred
{
	border-style: none;
	border-color: #CCCCCC;
	margin: 0px auto 0px auto;
	background-color:  #FFF;
	text-align: center;
    background-image: url('../pics/teguruma-background3.jpg');
   	background-repeat: repeat;
  	background-attachment: fixed;

}


.bodycontainer-osoto-gari
{
	border-style: none;
	border-color: #CCCCCC;
	margin: 0px auto 0px auto;
	background-color:  #FFF;
	text-align: center;
    background-image: url('../pics/osoto-gari-background.jpg');
   	background-repeat: repeat;
  	background-attachment: fixed;

}


.bodycontainer-ippon-seio-nage
{
	border-style: none;
	border-color: #CCCCCC;
	margin: 0px auto 0px auto;
	background-color:  #FFF;
	text-align: center;
    background-image: url('../pics/ippon-seio-nage-background.jpg');
   	background-repeat: repeat;
  	background-attachment: fixed;

}


.centerpage
{
	text-align: center;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.attention-burgundy-roundcorner {
	border: thick #AF272B solid; 
	border-radius: 6px; 
	padding: 0.2em; 
	margin: 0.3em; 
	float: left; 

}

.attention-navyblue-roundcorner {
	border: thick #16154d solid; 
	border-radius: 6px; 
	padding: 0.2em; 
	margin: 0.3em; 
	float: left; 

}

.thintextbox {
border: #999999 1px solid;
border-right: #999999 solid 1px;
background: #FFFFFF;
}

.thinbox {
	border: #CCCCCC 1px solid;
	border-right: #999999 solid 1px;
	border-left: #999999 solid 1px;
	border-top: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	background: #FFFFFF;
}

.picframe {
	border: #999999 1px solid;
	border-right: #999999 solid 1px;
	border-left: #999999 solid 1px;
	border-top: #999999 solid 1px;
	border-bottom: #999999 solid 1px;
	background: #FFFFFF;
	MARGIN-RIGHT: auto;
	margin-top: auto;
	margin-left: auto;
	font-size: 13pt;
	text-align: center;
}

.shopDisplay2perLine
{
	float: left; margin-left: 0.2em; margin-right: 0.2em; width: 420px;
	padding-top: 0.2em;
	margin-bottom: 0.2em;
}

.shopDisplay1perLine
{
	float: left; margin-left: 0.2em; margin-right: 0.2em; 
	width: 350px;
	padding-top: 0.2em;
	margin-top: 1em;
	margin-bottom: 0.2em;
}

.attentionframe-centered {
font-family: "Moire";

border: #999999 1px ridge;
border-right: #999999 solid 1px;
text-align: center;
padding: 1px;
background: #FFFF95; }

.attentionframe {
font-family: "Moire Light";
border: #999999 1px ridge;
border-right: #999999 solid 1px;
padding: 1px;
background: #FFFF95; }

.itemButton {
	border: #999999 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	font-weight: bold;
	position: relative;
	left: 10px;
	top: 5px;
	background: #6699FF;
}

.button {
border: #999999 1px solid;
background: #80000;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: maroon;
font-size: 12px;
font-weight: bold;
line-height: 220%;
font-weight: bold;
}

.bigButton {
border: 1px solid navy;
background-color: #E5EBF7;
font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
color: black;
font-size: 20px;
font-weight: bold;
line-height: 220%;
font-weight: bold;
margin-bottom: 0.3em;
border-radius:6px;
-moz-border-radius:6px; /* Firefox 3.6 and earlier */
-webkit-border-radius:6px; /* Safari */
}


.bottom_line 
{
    border-bottom: 1px solid #838271;
}

.indent10 { margin-left: 10px; }
.indent20 { margin-left: 20px; }
.indent30 { margin-left: 30px; }
.indent45 { margin-left: 45px; }

.smalltext{  font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;  font-size: 11pt; color: #666666; letter-spacing: normal; word-spacing: normal; padding: 0px 0px 0px 0px;}

.paragraph_title_italic {font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; 
font-style: italic;}

.page_title {font-family: "myriad-pro", "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;  font-size: 16pt; font-weight: bold; color: #640000;}

.paragraph_title {
	color: #A25C43; font-weight: bold;
	}

.bold_heading {font-family: Impact, Verdana, Sans-Serif; font-size: 24pt; z-index: -1; color: #6699FF;} 
.bold_heading_logoblue {font-family: Impact, Verdana, Sans-Serif; font-size: 24pt; z-index: -1; color: #2A283E;} 

A {text-decoration: none}
A:link {color: #6A0201} 
A:visited {color: #640000}
A:hover { text-decoration: underline; color:#1659ff}



#header_banner_container 
{
	width: 100%;
	height: 180px;

}

#header_banner
{
		width: 100%;
		height: 180px;
		margin-left: auto;
		margin-right: auto;
		vertical-align: central;
		color: white;
		text-align:center;
		margin-top: 0px;
}


#sub_header_banner_gray
{
		width: 100%;
		height: 60px;
		vertical-align: center;
		color: white;
		text-align:center;
		margin-top: 0px;
		background-color: #2A283E;
}


#sub_header_banner_white
{
		width: 100%;
		height: 60px;
		vertical-align: central;
		color: white;
		text-align:center;
		margin-top: 0px;
		background-color: white;
}


#bottom_banner_container 
{
	width: 100%;
	background-color: white;
	border-top: thin gray solid;
}

#bottom_banner {
		width: 100%;
		
		margin-left: auto;
		margin-right: auto;
		color: gray;
		text-align:center;
		padding-bottom: 2em;
	}
	
.bottom-disclaimer
{
	margin-top: 1em;
	font-size: 9pt;
}

.paragraph_titleDarkBlue {
	color: #2A283F;
	font-weight: bold;
	font-family: "Moire Light", "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	border-bottom: 2px white solid;
}

.productDescription-small
{

	height: 450px;
	width: 520px;
	float: right;
	text-align:left;
	font-size: 12pt;
}



/* Hidden SVG used for down arrows */
svg[hidden] {
	display: none;
	position: absolute;
}

.site-navigation {
	width: 75%;
	max-width: 800px;
	margin-top: 0px auto;
    margin-left: 220px;
	box-shadow: 2px 2px 4px rgba(0,0,0,.2);
	background-color: #ffffff;
	border-radius: 4px;
}

.clicky-menu {
	justify-content: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
}
@media (min-width: 540px) {
	.clicky-menu {
		display: flex;
	}
}

/* General Link & Button Styles */
.clicky-menu a,
.clicky-menu button {
	margin: .25em;
	padding: 1em;
	background: transparent;
	color: #000;
	font-family: inherit;
	text-decoration: none;
	border-radius: 3px;
}

.clicky-menu a:hover,
.clicky-menu button:hover {
	background: #fff;
}

.clicky-menu a:focus,
.clicky-menu button:focus {
	outline: .125em dotted purple;
	outline-offset: -.125em;
}

/* Top Level Items */
.clicky-menu > li {
	flex: 1 1 auto;
	display: flex;   /* was "flex" originally */
	justify-content: stretch;
	flex-wrap: wrap;
}

.clicky-menu > li > a,
.clicky-menu > li > button {
	flex: 1 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border: 0;
	font-size: inherit;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
}
@media (min-width: 540px) {
	.clicky-menu > li > a,
	.clicky-menu > li > button {
		justify-content: center;
	}	
}

/* Icon */
.clicky-menu svg {
	width: 1em;
	height: 1em;
	margin-left: .5em;
}

.clicky-menu [aria-expanded="true"] svg {
	transform: scaleY(-1);
}

/* Submenu Styles */
.clicky-menu ul {
	min-width: 100%;
	margin-top: .25em;
	padding: 0;
	list-style: none;
	background-color: #eee;
	border-radius: 3px;
}

@media (min-width: 540px) {
	.clicky-menu ul {
		box-shadow: 2px 4px 4px rgba(0,0,0,.2);
		transform: translateY(1em);
		opacity: .5;
		transition-property: transform opacity;
		transition-duration: .1s;
	}
}

/* Ensure no-js support works by covering the .25em margin-top gap between submenu and parent item with a pseudo-element that extends the "surface" of the submenu. If you don't care as much about no-js mode, you could also just set margin-top: 0 when .no-js is present.  */
.clicky-menu.no-js ul::before {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: .25em;
	top: -.25em;
}

/* Responsive Submenu Behavior */
.clicky-menu ul[aria-hidden="false"] {
	position: static;
	width: 100%;
	flex: 0 0 auto;
}

@media (min-width: 540px) {
	.clicky-menu ul[aria-hidden="false"] {
		position: absolute;
		width: auto;
		transform: translateY(0);
		opacity: 1;
	}
}

/* Submenu Links */
.clicky-menu ul a {
	display: block;
	padding-top: .375em;
	padding-bottom: .375em;
}
@media (min-width: 540px) {
	.clicky-menu ul a {
		padding: .375em 1em;
		white-space: nowrap;
	}
}