@charset "utf-8";
/* ===================== main ===================== */

.lft{
float:left;
width:197px;
padding:0 0 0 35px;
}
.cnt{
float:left;
width:185px;
padding:0 0 0 10px;
}

.rgt{
float:left;
width:185px;
padding:0 0 0 15px;
}

dl.lft_book {
width:197px;
}

dt.month{
font-weight:bold;
color:#E60019;
padding:0 0 0 15px;
margin:0 0 3px 0;
}

dt.new{
background:url(../img/icn_red-disc.gif) no-repeat left center;
}

dt.ttl span{
font-weight:bold;
font-size:100%;
}

dt.ttl{
margin:0 0 20px 0;
}

.rel{
position:relative;
}

.tag{
position:absolute;
top:-26px;
right:-25px;
}

#main td p{
margin:0;
}

dl{
margin:58px 0 0 0;
position:relative;
padding:0 0 50px 0;
}

table{
margin:0 0 10px 0;
}

.txt{
width:185px;
margin:0 0 10px 0;
}

.list li{
float:left;
font-size:77%;
padding:0 0 0 15px;
background:url(../img/icn_disc.gif) no-repeat left center;
margin:0 10px 0 0;
}

#main p.amazon{
margin:10px 0 0 0;
width:133px;
height:28px;
}

p.amazon img{
vertical-align:top;
}

.amazon a:hover img{
visibility:hidden;
}


.amazon a:hover{
display:block;
height:28px;
background:url(../img/btn_amazon_on.gif) no-repeat 0 0;
}

.amazon a{
display:block;
height:28px;
}

dl dd.buys{
position:absolute;
bottom:0px;
left:0;
}










/* 090618 ---------------------------------------*/

.c-both {clear:both;}

.bold {font-weight:bold;}

.box {padding:0px 40px 40px 40px;}

a:focus { outline:none }

img { border: 0 }




.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0px 0 20px 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; padding:10px; background: #fff; overflow: scroll;}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border:1px solid #CCC; /* this is the border. should have the same value for the links */
	margin:0;
	width: 600px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	clear: both;
	background: #fff;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 600px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	height:0px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}

.stripNav li.tab1 a { background: #000 }
.stripNav li.tab2 a { background: #000 }
.stripNav li.tab3 a { background: #000 }
.stripNav li.tab4 a { background: #000 }
.stripNav li.tab5 a { background: #000 }

.stripNav li a:hover {
	background: #333;
}

.stripNav li a.current {
	background: #000;
	color: #fff;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url("images/arrow-left.gif") no-repeat center;
}

.stripNavR {
	background: url("images/arrow-right.gif") no-repeat center;
}

h3 {margin-bottom:10px;}
.stripViewer .panelContainer .panel p{display:block;}
.c-both {clear:both;}
.panel-left {float:left; padding-top:50px; width:30px;}
.panel-center {float:left; width:500px; text-align:center;}
.panel-center div {float:left; padding:5px 0 0 20px;}
.panel-right {float:right; padding-top:50px; width:30px; text-align:right;}



#treeMenu {padding-top:20px;}

#treeMenu1 div.img{float:left; width:242px; text-align:right;}
#treeMenu1 div.text{float:left; width:300px; padding-left:10px; text-align:left;}

#treeMenu2 div.img{float:left; width:242px; text-align:right;}
#treeMenu2 div.text{float:left; width:300px; padding-left:10px; text-align:left;}

#treeMenu3 div.img{float:left; width:242px; text-align:right;}
#treeMenu3 div.text{float:left; width:300px; padding-left:10px; text-align:left;}

#treeMenu4 div.img{float:left; width:242px; text-align:right;}
#treeMenu4 div.text{float:left; width:300px; padding-left:10px; text-align:left;}

#treeMenu5 div.img{float:left; width:242px; text-align:right;}
#treeMenu5 div.text{float:left; width:300px; padding-left:10px; text-align:left;}

#treeMenu6 div.img{float:left; width:242px; text-align:right;}
#treeMenu6 div.text{float:left; width:300px; padding-left:10px; text-align:left;}

#treeMenu7 div.img{float:left; width:242px; text-align:right;}
#treeMenu7 div.text{float:left; width:300px; padding-left:10px; text-align:left;}

#treeMenu8 div.img{float:left; width:242px; text-align:right;}
#treeMenu8 div.text{float:left; width:300px; padding-left:10px; text-align:left;}

#treeMenu9 div.img{float:left; width:242px; text-align:right;}
#treeMenu9 div.text{float:left; width:300px; padding-left:10px; text-align:left;}

#treeMenu10 div.img{float:left; width:242px; text-align:right;}
#treeMenu10 div.text{float:left; width:300px; padding-left:10px; text-align:left;}

.back {float:left; padding-top:10px; text-align:left;}
.next {float:right; padding-top:10px; text-align:right;}