/* extra functions adeed by Simon 28/11/2008 */
/* these duplicate the 'content' tags for anthro results */

/************************************************* CAROUSEL */
/* 
#nav ul
{
	padding: 0;
	margin: 0.5em 0 0 82px;
}

#nav li
{
	padding: 0 0 0 12px;
	margin: 0 0 .3em 0;
	list-style: none;
	background-image: url("/template-assets/07/images/tiny_blue_arrow.png");
	background-position: .2em .2em;
	background-repeat: no-repeat;
	line-height: 1.2em;
	position: relative;
}
*/

.carousel p {
  text-align: center;
  /* color: silver; */
  margin: 4px 0 4px 0;
  padding: 0;
  text-decoration: none;
  /* border: 1px solid #567; */
  /* background: #888; */
  }
/*
.carousel a, a:visited, a:active, a:link {
  color: #567;
  text-decoration: none;
  }
*/
.carousel h3, h3:link {
  text-align: center;
  margin: 4px 4px 4px 4px;
  color: #567;
  text-decoration: none;
  font-size: 1.2em;
  }

.carousel div {
  /* margin-left: auto;
  margin-right: auto; */
  margin: 12px auto 12px auto;
  /* border: 1px solid #ccc; */
  padding: 4px 0 4px 0;
  height: 140px; 
  background: #e6e6e6;
  }

.carousel li {
  margin: 0;
  }

#nav ul {
  margin: 10px 20px 10px 10px;
  }

#nav li {
	padding: 0 3px 0 3px;
  margin: 10px 10px 0px 10px;
  background-image: none;
  list-style-type:square; 
  }

/* ********************** SLIDESHOW ********************/

#slideshow {
    position:relative;
    height:260px;
    width:350px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 12px;
    border: 1px solid black;
    overflow: hidden;
    background: black;
    }

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    font-size: xx-small;
    background: black;
    text-align: center;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
    color: white;
}

#slideshow DIV.last-active {
    z-index:9;
}

/* General SUBSITE 'listing' styles */  
/* nuke #nav div in styles.css or we'll bork */ 
#nav div
{
/*	clear: ;
	position: ; */
	/* more in ie-win-5-6.css */
}

#nav div.alignright, #nav img.alignright
{
	float:right;
	margin-left: 0.5em;
}

#nav div.alignleft, #nav img.alignleft
{
	float:left;
	margin: 0 0.5em 0 0;
       clear: both;
}

#nav img.framed
{
  background:#fff;
	padding: 3px;
	border: #ddd solid 1px;
}

#nav a:hover img.framed
{
	background-color:#feb;
	border-color:#fc3;
}

/* BANNER ADS */

#sidebar .imgbanner {
 margin-bottom: 10px;
 }
 
#home-content #banners {
width: 350px;
margin-top: 12px;
margin-left: auto;
margin-right: auto;
}

#home-content .imgbanner {
width: 112px;
height: 77px;
margin: 0 1px 0 1px;
}

/* aborted 160x110 ad clipper */
/* 
#nav img.icon
{
  position: absolute;
  clip: rect( 5px 40px 45px 5px)
  z-index:1;
}

#nav img.iconmask
{
	background-image: url("/images/icon-mask.png");
}
*/

/* anthro listing for 'content' type pages ;*/ 

.head {
  width:95%; 
  /* background: #eeeeee;
  border: 1px solid silver; */
  padding: 0px 5px 2px 5px; 
  margin: 0px 5px 0px 5px; 
  }
 
.story-body {
   /* display: block; */
   /* font-size: 80%; */
   /* border: 1px solid silver; */
    padding: 0 0.5em 0 85px;
    text-align: justify;  
  /*  height: 90px;
    overflow: hidden; */
 }

.story-head {
  margin: 10px 0 0 0;
  padding: 0 0 0 6px;
  background: #eeeeee;
  border: 1px solid silver;
  border-left-color: #eeeeee;
  border-right-color: #eeeeee;
  color: #567;
  text-decoration: none;
}

.stockblock {
  width: 100%;
  border: 1px solid #c0c0c0;
  padding: 2px;
  line-height: 16px;
/*  position: relative; top: -2em; */
  }

.stockblock tr {
  vertical-align: middle;
  border: 1px solid #c0c0c0;
  }
  
.catbox {
  width: 120px;
  height:80px;
  float: right;
  text-align: center;
	background:#fff;
	padding: 3px;
	border: #ddd solid 1px;
  }

a:hover .catbox  {
	background-color:#fee;
	border-color:#fc3;
  }

.listing { /* also for thumbs! */
  /* overflow: auto; */
  display: block;
  /* width: 98%; */
  height:100%; 
  margin: 2px 2px 2px 2px;
  /* border: 1px solid red; */
  }

.listing-icon {
  float: left;
  width: 24px;
  height: 98%; 
  }
  
.listing-item {
  float: left;
  width: 47%;
  height: 160px;
  overflow: hidden;
  padding: 2px;
  margin: 2px 2px 2px 2px;
  border: 1px solid silver;
  }
  
.thumbs-item {
  float: left;
  width: 120px;
  height: 180px;
  /* border: 1px solid silver; */
  margin: 1px 3px 1px 3px;
  background-image: url("/bookshop/images/thumb-bg.jpg");
	background-repeat: no-repeat;  
  overflow: hidden;
  text-align: centre;
  }
  
.thumbs-item p {
  width:118px;
  text-align: center;
  }

.thumbs-item img {
  max-height: 100px;
  margin: 2px 0 2px 0;
  }

.jacket {
  float: right;
  /* border: 1px solid silver; */
  font-size: x-small;
  clear: none;
  text-align: center; 
  margin: 2px 2px 2px 2px;
  padding: 2px;
  } 

.jacket a {
  font-size: x-small;
  display: block;
  width: 156px;
  text-align: center; 
  border: 1px solid silver;
  padding: 2px 2px 2px 2px;
  margin: 2px auto 2px auto;
  
}