/* container for slides */
.viewer {
	position:relative;
	width:600px;	
	height:797px;
	float:left;
	left:150px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewer div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:797px;
}

.viewerdragon {
	position:relative;
	width:667px;	
	height:810px;
	float:left;
	left:117px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewerdragon div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:810px;
}

.viewermasatake {
	position:relative;
	width:700px;	
	height:920px;
	float:left;
	left:100px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewermasatake div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:920px;
}

.viewermatsugi {
	position:relative;
	width:700px;	
	height:1050px;
	float:left;
	left:100px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewermatsugi div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:1050px;
}

.viewermamba {
	position:relative;
	width:550px;	
	height:714px;
	float:left;
	left:175px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewermamba div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:714px;
}

.viewersayurihisao {
	position:relative;
	width:717px;	
	height:896px;
	float:left;
	left:92px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewersayurihisao div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:896px;
}

.viewercast {
	position:relative;
	width:900px;	
	height:1225px;
	float:left;
	left:0px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewercast div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:1225px;
}

.viewerrooster {
	position:relative;
	width:611px;	
	height:800px;
	float:left;
	left:145px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewerrooster div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:800px;
}

.viewerafc {
	position:relative;
	width:605px;	
	height:850px;
	float:left;
	left:148px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewerafc div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:850px;
}

.viewerrooster2 {
	position:relative;
	width:637px;	
	height:810px;
	float:left;
	left:145px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewerrooster2 div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:810px;
}

.viewerzodiac {
	position:relative;
	width:637px;	
	height:810px;
	float:left;
	left:132px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewerzodiac div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:810px;
}

.viewerpinup {
	position:relative;
	width:592px;	
	height:800px;
	float:left;
	left:154px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewerpinup div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:800px;
}

.viewercchc {
	position:relative;
	width:600px;	
	height:800px;
	float:left;
	left:150px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewercchc div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:800px;
}

.viewervisions {
	position:relative;
	width:647px;	
	height:806px;
	float:left;
	left:127px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewervisions div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:647px;
}

.vieweroz {
	position:relative;
	width:900px;	
	height:633px;
	float:left;
	left:0px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.vieweroz div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:633px;
}

.viewermajorarcana {
	position:relative;
	width:900px;	
	height:450px;
	float:left;
	left:0px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewermajorarcana div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:450px;
}

.viewermonkey {
	position:relative;
	width:554px;	
	height:800px;
	float:left;
	left:173px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewermonkey div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:800px;
}

.viewerseed {
	position:relative;
	width:900px;	
	height:684px;
	float:left;
	left:0px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewerseed div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:684px;
}

.vieweroctober {
	position:relative;
	width:900px;	
	height:559px;
	float:left;
	left:0px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.vieweroctober div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:559px;
}

.viewertrick {
	position:relative;
	width:500px;	
	height:746px;
	float:left;
	left:200px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewertrick div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:746px;
}

.viewertreat {
	position:relative;
	width:500px;	
	height:750px;
	float:left;
	left:200px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewertreat div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:750px;
}

.viewerrhino {
	position:relative;
	width:569px;	
	height:805px;
	float:left;
	left:165px;
	margin:0;
	cursor:pointer;	
	/*background:url('../images/bg-viewer.jpg') no-repeat;*/
}

/* single slide */
.viewerrhino div {
	display:none;
	position:absolute;
	top:0px; /* used to be 0px when making the first mockups of the Creepy Monsters, Sleepy Monsters book page */
	left:0;		
	margin:0;
	padding:0;
	height:805px;
}

.screen {
	background:#F2F2F2;

}

.screen img {
	border-color:#e6e6e6;
}

.red {
	color:#B63A3F;
}

.leftpage {
	position:absolute;
	top:60px;
	left:60px;		
	margin:0;
	padding:0;
	width: 220px;
	color:#000000;
}

.rightpage {
	position:absolute;
	top:60px;
	left:330px;		
	margin:0;
	padding:0;
	width: 220px;
	color:#000000;
}

.leftpage2 {
	position:absolute;
	top:40px;
	left:60px;		
	margin:0;
	padding:0;
	width: 220px;
	color:#000000;
}

.rightpage2 {
	position:absolute;
	top:40px;
	left:330px;		
	margin:0;
	padding:0;
	width: 220px;
	color:#000000;
}

	
/* header */
.viewer h3 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 20px 0;
	color:#000000;
}

#customtabs {
	position:relative; top:321px; left:0px;
}

/* tabs (those little circles below slides) */

/* Get rid of these to have slideshow without thumbnails */

.slidetabs {
	position:relative; top:8px; left:7px;
	/* width:715px;
	height:65px; */
}
.slidetabsviewer {
	position:relative; top:40px; left:0px;
	float:left;
	width:720px;
	height:20px;
}
.slidetabsviewer10 {
	position:relative; top:20px; left:382px;
	float:left;
	width:518px;
	height:50px;
}

.slidetabsviewer10visions {
	position:relative; top:20px; left:346px;
	float:left;
	width:554px;
	height:50px;
}

.slidetabsviewer10oz {
	position:relative; top:20px; left:310px;
	float:left;
	width:590px;
	height:50px;
}

.slidetabsviewer10cchc {
	position:relative; top:20px; left:274px;
	float:left;
	width:626px;
	height:50px;
}

.slidetabsviewer10majorarcana {
	position:relative; top:20px; left:238px;
	float:left;
	width:662px;
	height:50px;
}

/* */

.specs {
	position:relative; top:600px; left:0px;
	float:left;
	width:720px;
	color:#999999;
}

.specs2 {
	position:relative; top:540px; left:0px;
	float:left;
	width:720px;
	color:#999999;
}

.credits2 {
	float:left;
	font-size:12px;
	width:720px;
		padding-top: 8px;
		margin-top: 0px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	border-top: 0px solid #F2F2F2;
	border-bottom: 1px solid #CCCCCC;
	color:#000000;
}

.credits3 {
	float:left;
	font-size:12px;
	width:720px;
		padding-top: 8px;
		margin-top: 0px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	border-top: 0px solid #F2F2F2;
	border-bottom: 0px solid #CCCCCC;
	color:#000000;
}

.credits4 {
	float:left;
	font-size:12px;
	width:720px;
		padding-top: 8px;
		margin-top: 0px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	border-top: 1px solid #F2F2F2;
	border-bottom: 0px solid #CCCCCC;
	color:#000000;
}

.credits {
	float:left;
	font-size:12px;
	width:720px;
		padding-top: 8px;
		margin-top: 0px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #CCCCCC;
	color:#000000;
}
.comments {
	float:left;
	width:720px;
	}



/*-------------------------------------------------------------- */

.slidetabssketchbook {
	position:relative; top:16px; left:38px;
	width:599px;
	height:20px;
}
.slidetabs1 {
	position:relative; top:8px; left:6px;
	width:172px;
	height:65px;
}
.slidetabs2 {
	position:relative; top:8px; left:183px;
	width:172px;
	height:65px;
}
.slidetabs3 {
	position:relative; top:8px; left:360px;
	width:172px;
	height:65px;
}
.slidetabs4 {
	position:relative; top:8px; left:537px;
	width:172px;
	height:65px;
}

/* single tab */
.slidetabs a {
	width:164px;
	height:57px;
	float:left;
	margin-left:0px;
	margin-right:4px;
	display:block;
	border:4px solid #F2F2F2;
}

#penultimate {
	margin-right:0px;
	display:block;
}

#last {
	margin-left:0px;
	margin-right:0px;
	display:block;
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;
	border:4px solid #E90000;     
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;
	border:4px solid #CCCCCC; 
}

/* single tab */
.slidetabsviewer a {
	width:60px;
	height:30px;
	float:left;
	margin-right:5px;
	display:block;
	border:4px solid #F2F2F2;
}

/* mouseover state */
.slidetabsviewer a:hover {
	background-position:0 -8px;
	border:4px solid #E90000;     
}

/* active state (current page state) */
.slidetabsviewer a.current {
	background-position:0 -16px;
	border:4px solid #CCCCCC; 
} 	

/* single tab */
.slidetabsviewer10 a {
	width:53px;
	height:30px;
	float:left;
	margin-right:10px;
	display:block;
	border:5px solid #F2F2F2;
}

/* mouseover state */
.slidetabsviewer10 a:hover {
	background-position:0 -8px;
	border:5px solid #e6e6e6;     
}

/* active state (current page state) */
.slidetabsviewer10 a.current {
	background-position:0 -16px;
	border:5px solid #E90000; 
}

/* single tab */
.slidetabsviewer10visions a {
	width:53px;
	height:30px;
	float:left;
	margin-right:10px;
	display:block;
	border:5px solid #F2F2F2;
}

/* mouseover state */
.slidetabsviewer10visions a:hover {
	background-position:0 -8px;
	border:5px solid #e6e6e6;     
}

/* active state (current page state) */
.slidetabsviewer10visions a.current {
	background-position:0 -16px;
	border:5px solid #E90000; 
}

/* single tab */
.slidetabsviewer10oz a {
	width:53px;
	height:30px;
	float:left;
	margin-right:10px;
	display:block;
	border:5px solid #F2F2F2;
}

/* mouseover state */
.slidetabsviewer10oz a:hover {
	background-position:0 -8px;
	border:5px solid #e6e6e6;     
}

/* active state (current page state) */
.slidetabsviewer10oz a.current {
	background-position:0 -16px;
	border:5px solid #E90000; 
}

/* single tab */
.slidetabsviewer10cchc a {
	width:53px;
	height:30px;
	float:left;
	margin-right:10px;
	display:block;
	border:5px solid #F2F2F2;
}

/* mouseover state */
.slidetabsviewer10cchc a:hover {
	background-position:0 -8px;
	border:5px solid #e6e6e6;     
}

/* active state (current page state) */
.slidetabsviewer10cchc a.current {
	background-position:0 -16px;
	border:5px solid #E90000; 
}

/* single tab */
.slidetabsviewer10majorarcana a {
	width:53px;
	height:30px;
	float:left;
	margin-right:10px;
	display:block;
	border:5px solid #F2F2F2;
}

/* mouseover state */
.slidetabsviewer10majorarcana a:hover {
	background-position:0 -8px;
	border:5px solid #e6e6e6;     
}

/* active state (current page state) */
.slidetabsviewer10majorarcana a.current {
	background-position:0 -16px;
	border:5px solid #E90000; 
}

/* single tab */
.last a {
	margin-right:0px;
}

/* single tab */
.slidetabssketchbook a {
	width:40px;
	height:40px;
	float:left;
	margin-right:5px;
	display:block;
	border:4px solid #000000;
}

/* mouseover state */
.slidetabssketchbook a:hover {
	background-position:0 -8px;
	border:4px solid #B0B0B0;     
}

/* active state (current page state) */
.slidetabssketchbook a.current {
	background-position:0 -16px;
	border:4px solid #B63A3F; 
} 	

/* used to be
.slidetabs a {
	width:170px;
	height:63px;
	float:left;
	margin-left:5px;
	display:block;
	border:1px solid #B0B0B0;
}

.slidetabs a:hover {
	background-position:0 -8px;
	background-color:#000000;    
}

.slidetabs a.current {
	background-position:0 -16px;
	border:1px solid #B63A3F; 
} 	*/

/* prev and next buttons */
.forward {
	position:absolute; top:550px; left:60px;
	/* background:#fff url(/tools/img/scrollable/arrow/hori_large.png) no-repeat; */
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:11px;	
}

.backward {
	position:absolute; top:550px; left:0px;
	/* background:#fff url(/tools/img/scrollable/arrow/hori_large.png) no-repeat; */
	background:url('../images/backward.gif') no-repeat;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:11px;	
}

.forward2 {
	float:left;
	margin-top:170px;
	margin-left:8px;
	/* background:#fff url(/tools/img/scrollable/arrow/hori_large.png) no-repeat; */
	background:url('../images/forward.gif') no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

.backward2 {
	float:left;
	margin-top:170px;
	margin-right:8px;
	/* background:#fff url(/tools/img/scrollable/arrow/hori_large.png) no-repeat; */
	background:url('../images/backward.gif') no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; }  */


/* prev
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; } */

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}