html, body {
	height:100%; 
	margin:0; 
	padding:0; 
	white-space:nowrap;
	font-family:helvetica, arial, sans-serif; 
	font-weight:100;
	letter-spacing:1px;
	color:#757575; 
	text-transform:uppercase;
	}
a {color:#757575; text-decoration:none; border:none;}
a img {border:none;}
/* img {max-width:100%; height:auto; width:auto\9;} */

.wrapperOuter, .wrapperInner {
	margin:0 auto;
	text-align:center; 
	vertical-align:middle;
	height:100%; 
	position:relative; 
	}
.wrapperOuter {display:table; width:100%;}
.wrapperInner {display:table-cell;}
.blockM, .blockT {padding:1em; vertical-align:top; position:relative;}
.blockM {display:inline-block;}
.blockT {display:inline-table;}

#viewer {position:relative; z-index:7; border:1px solid #c9c9c9;}
#audioBtn {float:right; margin-left:0.5em; cursor:pointer;}
audio {position:absolute; left:1em;}
.productBox {display:inline-block; float:left; text-align:left; height:7em; white-space:normal; 
	line-height:1.5em
	}
#products a:hover, #toc a:hover {text-decoration:underline; color:#333333;}
.sku, .available {font-size:75%}
.instruct {padding:2px 4px 10px 2px; text-align:left; white-space:nowrap; 
	font-size:0.9em; 
	color:inherit;
	}
.instruct img {margin:1px 3px; vertical-align:middle; opacity:0.5; width:8px; height:7px;}

/* *, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
} */

.chooser {display:table-cell; margin:0; padding:2px 0 0; text-align:center;}
.chooser button {border:none; background:none; margin:-1px; padding:1px; cursor:pointer;}
.chooser button:focus {outline:none;}
.chooser img {border:1px solid #c9c9c9; cursor:pointer; margin:0 2px; opacity:inherit;}


button::-mox-focus-inner {
	padding:0 !important;
	border:0 none !important; }
button {
	-moz-padding-start: 0px;
	-webkit-padding-start: 0px;
	}

img {letter-spacing:0px !important;}


.tocbar {display:table-row; margin:0; padding:0;}
#toc {display:inline-block; list-style:none; margin:0; padding:0.25em; 
	line-height:1.5em;
	white-space:normal;
	}
#toc li {display:inline; white-space:nowrap; margin:0; padding:0.15em;}
.currentPage {color:#333333; cursor:default; font-weight:500;}

#player {position:absolute; z-index:2; border:1px solid #c9c9c9; cursor:pointer;}
#player2, #player3, #player0 {position:relative; z-index:2; border:1px solid #c9c9c9; cursor:pointer;}

#cover	{position:absolute; z-index:4; left:50%; opacity:1;
  -webkit-transition: opacity 1s ease-in;
  -moz-transition: opacity 1s ease-in;
  -ms-transition: opacity 1s ease-in;
  -o-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;}

header {text-align:center; position:absolute; top:0; width:100%; height:1.15em; z-index:9;}
footer {text-align:center; position:absolute; bottom:0; width:100%; height:1.15em; z-index:9;}

.page	{position:fixed; top:50%; height:132px; margin-top:-66px; width:42px; opacity:0.2;}
.page:hover	{opacity:0.5;}
#pageL	{left:6px}
#pageR	{right:6px}

/* FOR POPUP SHOPPING */
#popUpDiv {
	position:fixed;
	width:100%;
	height:100%;
	z-index: 9002;
	display:none;
	-webkit-overflow-scrolling:touch;
	}
#popReturn {
	position:fixed;
	bottom:0;
	height:4%;
	width:100%;
	margin:0;
	padding:0.2em 0;
	text-align:center;
	vertical-align:bottom;
	background-color:#757575;
	}
#popReturn a {
	color:#ffffff;
	}
#popFrame {
	background-color:#ffffff; 
	margin:0;
	padding:0;
	width:100%;
	height:95%;
	opacity:0.95;
	}


/* FOR SMALLER SCREEN RES */
.thumb {
	max-width:117px; 
	max-height:208px; }
.thumbG {
	max-width:108px; 
	max-height:144px; }
.viewerG {
	padding-top:80px; padding-bottom:81px;
	/* width:360; height:479; */ }
.wrapperInner {
	max-width:1280px; }
#player, #player0, #viewer {
	width:360px; 
	height:640px; }
#cover {
	height:80px; 
	margin-top:-40px; 
	width:320px; 
	margin-left:-160px; }
.productBox {
	width:360px; }
.productBox, #toc {
	font-size:0.7em; }
.chooser {
	width:740px; 
	height:642px; } 
/* #toc {
	max-width:440px; } */


/* FOR 1920x1200
.thumb {
	max-width:171px; 
	max-height:304px; }
.wrapperInner {
	max-width:1920px; }
#player, #player0, #viewer {
	width:540px; 
	height:960px; }
#cover {
	height:120px; 
	margin-top:-60px; 
	width:480px; 
	margin-left:-240px; }
.productBox {
	width:540px; }
.productBox, #toc {
	font-size:0.8em; }
.chooser {
	width:1110px; 
	height:962px; } */

 
/* TURN OFF */
.sku {display:none;}
.available {display:none}
/* #audioBtn {display:none;}
#audioFile {content:none;}
#products {display:none;} */
.instruct {display:none;}
/* .tocbar {display:none;} */
.instructMobile {display:none;}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	.instructMobile {
		display:block;
		vertical-align:top; 
		position:relative; 
		font-size:0.7em;
		line-height:2em;
		}
	#popFrame {
		height:100%;
		}
	#popReturn {
		display:none;
		}
	}