/* CSS Document */
/* Contains Copyrighted Materials by (c) ISPRODUCTIONS 2009 */

/* ---------->>> GLOBAL <<<-----------*/
body {
	margin:0;
	padding:0;	

	-webkit-touch-callout: none; 
	-webkit-user-select: none;
}

h1, h2, h3, h4, h5 {
	font-weight:bold;
	line-height:normal;
}
h1 {
	font-size:1.67em;
	margin:0;
	padding:.5em 0;
}
h2 {
	font-size:1.08em;	
}
h3, h4, h5 {
	font-size:1em;
}
#header h1{
	margin:0;
	padding:0;
	font-size:2.2em;	
}
#header h1 a{ }
#header h1 a img {
	border:none;
}
#content p { padding:10px 0; margin:0; line-height: 1.6em; }

img { border:none;}


/* ------->>> Main Layout <<<---------*/
.container { 
	width:100%;
	}
#header-con, #subheader-con, #content-con, #footer-con {
	width:100%;
	position:relative;
	min-width:971px;
}
#header, #subheader, #content, #topcontainer, #footer {
	width:950px;
	margin:0 auto;
	position:relative;

}
#subheader-con {
	z-index:100;
}
#content-con {
	z-index:80;
}
#assetpage #content-con
{
	
}
	
/* ------->>> Header <<<---------*/	
#header {
	height:115px;
	display: table; 
	#position: relative; 
	overflow: hidden;
}
#header .holder{
	#position: absolute; 
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;
}
#header .holder .center{
	#position: relative; 
	#top: -50%;
}
/* ------->>> SUB Header <<<---------*/	
#subheader {
	height:34px;	
	#position:relative;
}
#subheader ul#menu {		
	height:34px;
	float:left;
	position:relative;
}
#subheader ul#menu, #subheader ul#menu li {
	list-style:none;
	margin:0;
	padding:0;
}
#subheader ul#menu li {
	float:left;
	height:34px;
	overflow:hidden;
	position: relative;

}
#subheader ul#menu li a{
	float:left;	
	height:34px;
	display:block;
	padding-left:15px;
	line-height:38px;
	overflow:hidden;
}
#subheader ul#menu li a span {
	float:left;
	display: block;
	padding-right:15px;
	cursor: pointer;			
}
#frontpage li#hm a span {
	cursor: auto;			
}
										
#subheader #special {
	/*width:120px;*/
	padding: 0 5px;
	float:right;
	text-align:center;
	height:34px;
	line-height:38px;
	overflow:hidden;
	visibility: hidden;
}

#subheader #special a{

}
/* ------->>> Content <<<---------*/	
#content {
	position: relative;

}
#shadow {
	width:970px;
	margin:0 auto;
}

#content #topcontainer 
{
	text-align:center;
	width: 950px;
	overflow: hidden;
}
#content #leftcolumn {
	width:170px;
	float:left;
	position:relative;
}
#content #leftcolumn h2 {
	display:block;	
	margin:0;
}
#leftcolumn h2 a {
	width:168px;												
	display:block;
}
#content #leftcolumn .leftbox{
	width:168px;
	padding-top:20px;
	position:relative;
	}
#content #leftcolumn .box {
	padding:5px 0;
}
#content #leftcolumn .box a, .sl_label{
	font-weight:bold;
	padding:3px 10px;
	width: 148px;
	display:block;
}
#content #leftcolumn  a.a_SLshare{
	width: 16px;
	height: 16px;
	display: inline-block;
	padding-right:5px;
}
#content #leftcolumn  a.a_SLfollow{
	width: 32px;
	height: 32px;
	display: inline-block;
	padding-right:5px;
}
.socLink_share_box, .socLink_follow_box{
	padding-left: 10px;
}
.hid_n, .hid_n_n{ display:block;}
.hid{ display: none;}

.hide_yes {display: none;}

#content #rightcolumn {
	width:740px;
	float:right;
	padding-right:20px;
	position: relative;
	
} 

/** blocks position exp **/
 
/*.case_1*/
#content #topcontainer { 
	
	max-height:250px;
	overflow: hidden;
}
/* * html .case_1 */
* #content #topcontainer { 
   height: expression( this.scrollHeight > 250 ? "250px" : "auto" ); /* sets max-height for IE */
}


.case_2#content #leftcolumn  {
	width:170px;
	float: left;
	margin-top: -15px;
}
.case_2#content #topcontainer 
{
	text-align:center;
	width: 760px;
	max-height: 650px;
	float: right;
	overflow: hidden;
	
	
}
* html .case_2#content #topcontainer { 
   height: expression( this.scrollHeight > 650 ? "650px" : "auto" ); /* sets max-height for IE */
} 

.case_2#content #rightcolumn {
	width:740px;
	float:right;
	padding-right:20px;
	margin-top: 15px;
}


/** end blocks position exp **/

/* // Text options */

#options {
	/*31.08.2009 width :375px; */
	height:25px;
	float:right;
	overflow:hidden;
	line-height:25px;	
}
#text-options, #print, #turn-page, #pricing {
	float:right;
	margin:0 10px;
}
#text-options {
	font-weight:bold;
}
#print {
	font-weight:bold;
	}
#text-options a {
	height:25px;
	overflow:hidden;
	display:block;
	float:left;
}
#print a{
	height:25px;
	overflow:hidden;
	display:block;
	padding:0 0 0 25px;
	float:left;
}

#turn-page {
	width:130px;
	text-align:center;
	margin:0 0 0 20px;	
}
#turn-page span {
	font-weight:bold;
}
#turn-page div#previous {	
	float:left;
	margin:0 10px 0 0;	
}
#turn-page div#next {	
	float:right;
	margin:0 0 0 10px;
}
#pages {
	list-style:none;
	margin:0;
	padding:0;
	margin-top:-5px;
}
#pages li {
	margin:0;
	padding:0;
}

#pages li a.pagename, #pages li a.pagenameSel, 
#pages li a.pagename_s, #pages li a.pagenameSel_s, 
#pages li a.pagename_v, #pages li a.pagenameSel_v, 
#pages li a.pagename_a, #pages li a.pagenameSel_a {
	margin:0;
	width:138px;
	display:block;
	padding:4px 5px 3px 25px;
	line-height:normal;
}
#pages li a.pagename:hover, #pages li a.pagenameSel {
	
}

#pages .categoryname {

	height:22px;	/*auto*/;
	line-height:1.08em;
	padding:5px 0 ;
	
}
.clearboth { 
	clear:both;
	height:0px;
}
.clear {
  clear: both;        
  height: 20px;
  overflow: hidden;   
  margin: 0;
  } 
 .nav-clear {
  clear: both;        
  height: 20px;
  overflow: hidden;   
  margin: 0;
  }  

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:160px; /*168*/
		height:417px;
		overflow:hidden;	
		position: relative;										
		}
	#slider li{
		width:148px;
	/*  height:417px; --> commented 30.06.2010 
		margin:0 10px;								*/
		overflow:hidden;	
		}
	
	.list_hid	{
		position: absolute;
		left: -1000px;
		top: -500px;
	}
	.list_vis	{
		position: relative;
	}
	#cats_list, #items_list	{
		width: 170px;
	}
	.th_bg	{
		margin-bottom: 10px;
	}
	div.thumbholder{		
		width:140px;
		height: 105px;
		overflow:hidden;
		margin:0 auto;
		position: relative;
	}
		div.thumbholder a{
			display: block; 
			width:140px;
			height: 105px;
		}
		div.thumbholder a img{
			display:block;		
		}
		.categoryname{
			width:140px;		
			height:22px;
			line-height:22px;
			overflow:hidden;
			margin:0 auto;	/*0  auto 10px  auto;*/
			padding:0;
			cursor: pointer;		
		}		
			
		span#prevBtn {
			display:block;
			width:170px;
			height:13px;
			position:absolute;
			left:-1px;
			top:0px;
		}
		span#nextBtn {
			display:block;
			width:170px;
			height:13px;
			position:absolute;
			top:445px;
			left:-1px;
		}
		span#nextBtn a, span#prevBtn a {
			display:block;
			width:170px;
			height:13px;			
		}
		span#nextBtn a {
			
		}
					

/* // Footer */

#footer {
}
#footer #l-foot{
	float:left;
	width:820px;	/*760px;*/
}
#imagepage #footer #l-foot{
	width:950px;
}
#footer #r-foot{
	float:right;
	width:110px;	/*170px;*/
}
#footer #r-foot a{
	float:right;
	width:94px;
	height:21px;
	display:block;
	text-align:center;
	text-decoration:none;
}
#footer #l-foot p {
	padding:10px 0;
	margin:0;}
#footer #l-foot .fl {
	float:right;
	/*padding:10px 0;*/
} 
#footer #l-foot .f2 {
	margin-right: 95px;	
	width: 90px;
	white-space: nowrap;
	text-align: center;
} 
#imagepage #footer #l-foot .fl {
	padding:10px 0;
	text-align:right;
} 
#imagepage #footer #l-foot .f2 {
	padding: 0px;	
	margin-right: 160px;	
	text-align: center;
} 


/*SPLASH */

#leftcolumn-splash, #rightcolumn-splash {
	width:50%;
	float:left;
}
.padding {
	margin:30px 0 20px 0;
	
	}
#rightcolumn-splash .padding {
	padding:0 40px;
}
#feature {
	padding:20px 0 10px 40px;	
}
#non-feature {
	padding:20px 0 10px 40px;
	}
.thumb_splash {	
	margin:0 16px 20px 0;	
	float:left;
	overflow:hidden;
	border-width: 1px;
	border-style: solid;
	}

#feature .thumb_splash {
/*	width:184px;*/
/*width:240px;height:140px;*/
	padding:2px;
	/* added 25.08.2009 by stef */
	text-align: center;
}
.thumb_splash a{
	display:block;}

#feature .thumb_splash img{
	/*width:184px;*/
	margin:0 auto;	
	
}
#non-feature .thumb_splash{
	/*width:116px;*/
/*width:180px;height:120px;*/
	margin:0 15px 20px 0;
	padding:2px;
	/* added 25.08.2009 by stef */
	text-align: center;
}
#non-feature .thumb_splash img{
	display:block;
	/*width:116px;*/
	margin: 0 auto;
	}

.thumb_splash div{
	padding:5px;
	margin:0;
	text-align:center;
}


.pos_abs{ position: absolute;}

/*** Guestbook ***/
.GBshow_yes, .GBshow_, CTGhide_no, CTGshow_{
	display: block;
}
.GBshow_no, .CTGhide_yes{
	display: none;
}

ul#Guestbook {
	list-style:none;
	margin:0;
	padding:0;
}
ul#Guestbook li{
	margin:0;
	padding:5px 0;
	clear:both;
}
ul#Guestbook li label{
	display: inline-block;
	width:200px;
	margin:0;
	padding:3px 20px 0 20px;
	float:left;
	text-align:right;
}
.mcode{
	float: left;
	margin-top: 6px;
	margin-right: 5px;
}

#iconLoad{
	left:50%;
	margin-left: -25px;
	top: 50px;
	position: absolute;
	height: 50px;
	width: 50px;
	z-index: 100;
}

.cursor{
	cursor:pointer;
}



/******** Drop Down MORE menu ****/
/*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
.selectedanchor{}
/* Default class for drop down menus ######### */

.anylinkmenu{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	border: 1px solid black;
	border-bottom-width: 0;
	font: normal 12px Verdana;
	line-height: 18px;
	z-index: 100; /* zIndex should be greater than that of shadow's below */
	width: 150px; /* default width for menu */
}

.anylinkmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.anylinkmenu ul li a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
	position: absolute;
	width: 350px;
	left: 0;
	top: 0;
	visibility: hidden;
	border: 1px solid black;
	padding: 10px;
	font: normal 12px Verdana;
	z-index: 100; /*zIndex should be greater than that of shadow's below*/
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
	float: left;
	padding: 3px 8px;
	margin-right: 5px;
}

.anylinkmenucols .column ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* ######### class for shadow DIV ######### */
.anylinkshadow{ /*CSS for shadow. Keep this as is */
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99; /*zIndex for shadow*/
	visibility: hidden;
}


.menuspans
{
	white-space: nowrap;
}
#more
{
	visibility: hidden;
}
/** end of Drop Down MORE menu ****/
#price_cont{
	display: none;
}


#logger
{
	position: absolute; 
	height: 100px;
	width:600px; 
	top:0px;
	left:0px;
	overflow: auto;
	background: #ffffff;
	color: #000000;
}

/***** LAYER ****/
.mask{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
    filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.yui-panel-container {
    position: absolute;
    z-index: 2;
}
.yui-panel-container .underlay {
    *position: absolute; /** for IE */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#ft_c, #sv_c{
  position: absolute; 
  top:50%; 
  left: 50%;
  overflow: auto;
  height: auto;
  padding: 10px;
  
  overflow: hidden;
}
#sv_c{ padding: 0px;}
.hd{height: 30px; background: transparent;}

.container-close {
	overflow:hidden;
	text-decoration:none;
	cursor:pointer;
	height:20px;
	position:absolute;
	right:6px;
	top:5px;
	width:25px;
	z-index:2;
}
.cclose_2 {
	overflow:hidden;
	text-decoration:none;
	cursor:pointer;
	height:28px;
	line-height: 30px;
	font-size: 12px;
	position:absolute;
	text-align: right;
	right:0px;
	top:0px;
	/*width:67px;	*/
	padding: 0 7px 0 10px;
	z-index:2;
	background: #000000 ;/*url(../sprite.png) scroll 40px -300px no-repeat;*/
	border: 1px solid #222222;
	qborder-bottom: none;
}
.cc2_i
{
	font-size:13px;
	font-weight:bold;
}
#ft
{
	overflow: auto;
	position:relative;
	margin-top: 20px;
}

.mask{background: #000000;}
/*.shadow {background: white;}*/
#ft {background: #eeeeee;}
#sv{background: ;}
.container-close{background: url(../sprite.png) scroll 0 -300px no-repeat;}
/**** end layer ***/

/* pricing */

.label {
 font-weight: bold;
 font-size: 12;
 margin-right: 10px;
}
.value {
 font-size:12;
}
.btn{
 float: left;
 margin-right: 10px;
 margin-bottom: 20px;
}

.price_options
{
 display: none;	 
 clear:both;
 padding:5px 5px 5px 20px;
 background:#D7D7D7;
 border-top:1px #F5F5F5 solid;
}

#po_1 
{
 display: block;
}
.p_unit {
padding:2px 5px;}

#multypricing {
list-style:none;
padding:5px 5px 0 20px;
margin:0;
}
#multypricing li{
margin:0;
padding:0;
float:left
}
#multypricing li a{
display:block;
float:left;
font-weight:bold;
color:#000;
background:#ccc;
padding:0 5px;
height:25px;
line-height:25px;
margin:0;
border:1px #F5F5F5 solid;
border-bottom:1px #9E9E9E solid;
border-right:1px #9E9E9E solid;

}
#multypricing li a:hover, #multypricing li a.active{
background:#fff;
color:#000;
}

#price_cont { background:#fff;}
#price_cont h2, #price_cont h3 {
text-transform:uppercase;
font-weight:bold;
font-size:14px;}

/*#pco { background:#fff; }---> 29.07.2010 */
#pco h2, #pco h3 {
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	margin-left: 25px;
}

.price-description {
padding:10px 5px 10px 20px;	
}
.price-description .p_unit{
border-bottom:1px #ccc solid;}	
/* end pricing */

/** classes for the splash page **/
.hid{
	visibility: hidden;
}

.vis{
	visibility: visible;
}

/** end of classes for the splash page **/

/*.rc_1 #gallerybox,*/.rc_1 #text-options, .rc_1 #print,  .rc_1 #t
{display:none;}
	
/* .rc_2 #gallerybox,*/.rc_2 #text-options, .rc_2 #print, .rc_2 #t
{display:block;}

#gallerybox, #coll_label{
	display: none;
}
#coll_label{
	margin: 0 0 5px 0;
	text-align: center
}
#t-description { line-height: 1.6em;}

.t_bold{
	font-weight: bold;
}
.t_normal{
	font-weight: normal;
}

/** classes related with the isBanner mode **/
#tc2{
	position: relative;
	width: 740px;
	text-align: center;
	margin-top: 30px;
	*margin-top: 0px;
	overflow: hidden;
}


.LC_ban{
	margin-top: 30px; /* equal to #tc2->margin-top value */
}

.infoB{
	position: relative;
}
.infoB #t-name{
	Qposition: absolute;
	Qleft: 0px;
	float: left;
	line-height: 40px;
}
.infoB #pricing .pr{
	Qposition: absolute;
	Qright: 0px;
	float: right;
	line-height: 40px;
	font-weight: bold;
}
/** end of isBanner mode classes **/

/** comments classes */
#comBo
{
	width: 740px;
	overflow: hidden;
}
#comNu{
	float: right;
	white-space: nowrap;
	font-weight:bold;
	/*width: 95px;*/
}
.comNu_, .comNu_no{
	display: block;
}
.comNu_yes{
	display: none;
}
#comNu a{
	padding-left: 20px;
}
#IFcomBo
{
	border: none;
	width: 740px;
	overflow: hidden;
	background: inherit;
}
/**end comments classes **/

/** stack & video link **/
#StaViAu {
	width:100%;
     height:35px;
     position:absolute;
     z-index:100;
     bottom:0px;
     left:0;
}
.stackB, .videoB, .audioB{
	height: 35px;
	width: 84px;
	position: absolute;
	right: -100px;
	bottom: 0px;
	margin-bottom: 10px;
	/*margin-right: 5px;*/
	cursor: pointer;
}
.stackB{
	background: url(../templates/sanfrancisco/skinid/viewer.png) no-repeat;
}
.videoB{
	background: url(../templates/sanfrancisco/skinid/video.png) no-repeat;
}
.audioB{
	background: url(../templates/sanfrancisco/skinid/audio.png) no-repeat;
}
/** end stack & video **/

/***** horizontal strip ****/
div.sc_menu_wrapper_h {
	position: relative; 	
	/* Make bigger than a photo, because we need a place for a scrollbar. */
	width: 700px;
	height: 150px;

	margin:0 20px;
	overflow: hidden;	 /*auto;*/
}
div.sc_menu_h {
	padding: 0;
	display: none;
}
.sc_menu_h a {
	display: block;
	float: left;
	margin-bottom: 5px;
	border: 2px #fff solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;		
	
	/* When image support is turned off */
	color: #fff;
	background:;
	width:140px;
	height: 105px;	

}
.sc_menu_h a:hover {
	border-color: #000;
	border-style: solid;
}
.sc_menu_h img {
	height:105px;
	display: block;
	border: none;
}

.sc_menu_wrapper_h .loading {
	position: absolute;
	top: 50px;
	left: 10px;
	
	margin: 0 auto;
	padding: 10px;

	width: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	text-align: center;
	color: #fff;
	border: 1px solid rgb(79, 79, 79);
	background: #1F1D1D;
}
/*** end horizontal strip */
	
/**** vertical strip ***/
div.sc_menu_wrapper, .sc_menu_wrapper_mobile {
	position: relative; 	
	overflow: auto;
	margin:0 12px 12px 12px;
}
div.sc_menu_wrapper{
	/* Make bigger than a photo, because we need a place for a scrollbar. */
	width: 160px;
	height: 480px;
}
div.sc_menu {
	padding: 0;
	display: none;
}
.sc_menu a {
	display: block;
	margin-bottom: 5px;
	
	/* When image support is turned off */
	color: #fff;
	background:;
	width:140px;
	height: 105px;	
	overflow:hidden;

}

.sc_menu a:hover {
}
.sc_menu img {
	display: block;
	border: none;
}

.sc_menu_wrapper .loading {
	position: absolute;
	top: 50px;
	left: 10px;
	
	margin: 0 auto;
	padding: 10px;

	width: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	text-align: center;
	color: #fff;
	border: 1px solid rgb(79, 79, 79);
	background: #1F1D1D;
}
/* Styling tooltip */
.sc_menu_tooltip {
	display: block;
	position: absolute;
	padding: 6px;
	font-size: 12px;	
	color: #fff;
	
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	border: 1px solid rgb(79, 79, 79);
	background: rgb(0, 0, 0);
	/* Make background a bit transparent for browsers that support rgba */	
	background: rgba(0, 0, 0, 0.5);
}
/*** end of vertical strip ****/
#content-con
{
	overflow: hidden;
}	
#loadingBlock {
	background-color:transparent;
	visibility: hidden;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height: 100%;
	width:100%;
	z-index:101;
}
#loadingBlock #loadMask {
	background-color:#000000;
	opacity:0.4;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	position:absolute;
	bottom: -20px;
	left:0;
	right:0;
	top:0;
	height: 100%;
	width:100%;
	z-index:102;
}

#loadingContents {
	background:transparent none repeat scroll 0 0;
	color:#1A1A1A;
	left:50%;
	margin-left: -60px;
	margin-top:300px;
	padding:10px 5px 5px;
	position:fixed;
	text-align:center;
	width: 120px;
	z-index:506;
	
	*position:absolute; /*hack for IE*/
	*top:0;				/*hack for IE*/
	
}
#loadingContents h1 {
	color:#4088D1;
	font-size:20px;
	height:50px;
	line-height:36px;
	margin-left:10px;
	padding-top:5px;
}
#loadingContents h1 span {
	border:0 none;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	vertical-align:baseline;
}
.imgLo
{
	height: 12px;
	width: 45px;
	margin: 0 auto;
	background: url(../loader_spots.gif) center top no-repeat;	
	z-index: 507;
}
/** end loader **/

#aplus, #aminus{
	height: 25px;
	width: 17px;
	float:left;
	cursor:pointer;
}

#prev_i, #next_i{
	width: 20px;
	height: 25px;
}

.audio_layer_ho{
     width:100%;
     height:30px;
     position:absolute;
     z-index:100;
     bottom:8px;
     left:0;
}
.audio_layer{
	height: 30px;
	width: 320px;
	text-align: center;
    margin:0 auto;
}

.author-photo 
{
	position: absolute; 
	right:40px; 
	width: 180px;
	text-align: right;
	overflow: hidden;
}
#vi_close_layer{
	position:absolute;
	line-height: 20px;
	height: 20px;
	width: 90px;
	top:50%; 
	margin-top: -10px;/* -330px; */
	left: 50%;
	margin-left: -50px;
	visibility: hidden;
	text-align: center;
	
    filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;

	background: #ffffff;
	color: Black;	
}

#comNu a{
	background: url(../templates/authors/299/comments.gif) left center no-repeat;
}

 /**************************************************************/
/*********** new sliding Chapters & Collections strip  ********/
div.sc_menu_wrapper, .sc_menu_wrapper_mobile {
	position: relative; 	
	overflow: auto;
	margin:0 4px;
}
div.sc_menu_wrapper {
	height: 415px;
	/* Make bigger than a photo, because we need a place for a scrollbar. */
	width: 160px;
}
div.sc_menu {
	padding: 0;
}
.sc_menu_wrapper .loading, .itemsList_menu_wrapper .loading {
	position: absolute;
	top: 50px;
	left: 18px;	
	margin: 0 auto;
	padding: 10px;
	width: 100px;	
	text-align: center;
	color: #d4c7b7;
	border: 1px solid rgb(79, 79, 79);
	background: #272018;
}
/* Styling tooltip */
.sc_menu_tooltip {
	display: block;
	position: absolute;
	padding: 6px;
	font-size: 12px;	
	color: #fff;
	border: 1px solid rgb(79, 79, 79);
	background: rgb(0, 0, 0);
	/* Make background a bit transparent for browsers that support rgba */	
	background: rgba(0, 0, 0, 0.5);
}
/*** second strip ***/
div.sc_menu_h {
	display: block;
	height: 120px;
	/* max width here, for users without javascript */	
	width: 1500px;	
	padding:0; 
	/* removing default styling */
	margin:0;
	background: url('navigation.png');		
	list-style: none;
	position:relative;
	top:15px;
}
/***** horizontal strip ****/
#gallerybox{
    width: 740px;
    position: relative;
    border: 1px solid white;
	background:#000;
	height: 165px;
}
.sc_menu_h div.thumbholder  {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
}
.sc_menu_h div.thumbholder a {
	display: block;
	float: left;
	margin-bottom: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;		
	/* When image support is turned off */
	color: #fff;
	background:;
	/** these are 4px smaller than the box because of the 2px border*/
	/*---> 29.07.2010
	width:136px;
	height: 101px;	
	border: 1px #fff solid; 
	*/
	overflow: hidden;
}
.sc_menu_h a:hover {
	border-color: #000;
	border-style: solid;
}
.sc_menu_h img {
	display: block;
	border: none;
}
.sc_menu_h span {
	Qdisplay: none;
	margin-top: 3px;	
	text-align: center;
	font-size: 10px;	
}
.sc_menu_h a:hover span {
	display: block;
}
.sc_menu a:hover img, .sc_menu_h a:hover  {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}
.sc_menu_wrapper_h .loading {
	position: absolute;
	top: 50px;
	left: 10px;
	margin: 0 auto;
	padding: 10px;
	width: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	text-align: center;
	color: #fff;
	border: 1px solid rgb(79, 79, 79);
	background: #1F1D1D;
}
.sc_menu_wrapper_h .th_bg{
	float: left;
	/*margin: 2px 10px 2px 0px;*/
	margin-right: 10px;
	width: 140px;
}
/******************** END sliding Chapters and Collections strips *****/

/*pannel*/
#panel {

	}/*--IE6 Hack - Fixed Positioning to the Bottom--*/
	/*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	/*
*html #panel { 
	margin-top: -1px; 
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}	*/
/*	#panel .inside {
		width:720px;
		padding-left: 170px;
		margin: 0 auto;
		height:38px;
		position: relative;
		top: -17px;
		}
	#panel .inside .control{
		margin:0 auto;
		padding:3px;
		width:120px;
		background:url(../templates/Authors/739/panel_ins.png) 0 0 no-repeat;
		height:40px;
		}
	#panel a {
	}
	#panel a.right {	
		background:url(../templates/Authors/739/point-right.gif) top left no-repeat;
		position: relative;
		left:20px;
		}
	#panel a.left, #panel a.right{
		height:28px;
		position:relative;
		top:0;
		width:30px;
		text-indent:-9999px;
		display:block;
		float:left;
	}
	#panel a.left{
		float:right; 
		position: relative;
		right:20px;
	}
	#panel a.left {
		background:url(../templates/Authors/739/point-left.gif) top left no-repeat;
		}
	#panel a:hover {
		background-position:bottom left;}
	#panel a small {
		text-align: center;
		width: 120px;
		background: url(../templates/Authors/739/tip_bottom.gif) no-repeat;
		height:26px;
		line-height:26px;
		display: none;  
	/*	color: #d3c7b7;
		font-size: 1em;
		text-indent: 0;
	}
	#panel a.right:hover small{
		display: block; 
		position: absolute;
		top: 20px;  
		left: -120px;
 
		z-index: 9999;
		background:none;
	}
	#panel a.left:hover small{
		display: block; 
		position: absolute;
		top: 20px; 
		right: -105px;
		 
		z-index: 9999;
		background:none;
	}
	*/
	

a:active , a:-moz-any-link:focus {
	 outline: none;
	}
* html a:active {outline: none;}
 
    
/**** sliding chapter items list */
.itemsList_menu_wrapper{
	position: relative;
	width: 160px;
	overflow: hidden;
	margin:0 4px;
}
.IL   { display: none; }
.ILSel{ display: block;}

.itemsList_menu{
	padding: 0;
	position: relative;
}
.itemsList_menu_wrapper a{
	height: auto;
}

/*** end sliding Chapter Items list **/
/*Left and right arrows*/
	#pageNavLR{
		
	}
    a.prevPagenav{
	position:fixed;
	left:0px;
	top:0px;
	width:20%;
	height:800px;
	cursor:pointer;
		background-repeat: no-repeat;
	background-position: 20% center;
	}
	
	a.nextPagenav{
	position:fixed;
	right:0px;
	top:0px;
	width:20%;
	height:800px;
	cursor:pointer;	
	background-repeat: no-repeat;
	background-position: 80% center;
	}
 a.prevPagenav:hover{
	background-repeat: no-repeat;
	background-position: 20% center;
	}
	
	a.nextPagenav:hover{
	background-repeat: no-repeat;
	background-position: 80% center;
	}

	
*html a.prevPagenav, *html a.nextPagenav { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+250 : document.body.scrollTop +250);
}	
#pricinginfo{
	display:none;
}