@charset "UTF-8";
/* CSS Document */

body {
	background:url(img/site_bg.png) #E9EAEC top left repeat-x;
	border:0;
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
}	

a {
  outline: none;
}

#booksite.homepage {
	
	position:absolute;
	top:43px;
	min-height:540px;
	width:950px;
	margin-left:50%;
	left:-550px;
	background:url(img/detox_title.png) center -43px no-repeat;
}

#booknav {
	position:absolute;
	top:110px;
	left:0;
	padding:auto;
	width:100px;
	text-align:right;
	
	
}

#booknav ul li {
	list-style:none;
	color:white;
}

#booknav a {
	display:block;
	margin-right:9px;
	width:90px;
	text-align:right;
	color:#121212;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
	padding:4px 0;
	
	-moz-border-radius-topleft: 11px;
	-webkit-border-top-left-radius: 11px;
	-moz-border-radius-bottomleft: 11px;
	-webkit-border-bottom-left-radius: 11px;
	
	}

#booknav a:hover {
	color:#FBD929;
	
}

#booknav a.current {
	color:black;
	border-bottom:2px solid #EBD7AA;
	border-left:1px solid #EBD7AA;
	border-top:1px solid white;
	border-right:0;
	background-color:#FDFAEF;
	padding-right:6px;
	margin-right:6px;
}	

#content {
	width:920px;
	position:relative;
	margin-left:50%;
	left:-345px;
	
}

#bookcontent {
	width:auto;
	clear:both;
	padding-left:220px;
	padding-top:92px;
	min-height:280px;
}

#bookcontent .cover_sm {
	margin:8px;
}

#bookcontent h2 a {
	text-decoration:none;
	color:black;
}

#bookcontent h2 a:hover {
	border-bottom:1px solid white;
	color:white;
}

#bookcontent a {
	color:black;
	text-decoration:none;

}

#bookcontent a:hover {
	color:#ababab;
}

.homequote {
	width:340px;
	font-size:21px;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	color:black;
	letter-spacing:.05em;
	
}

a.buybtn {
	display:block;
	position:absolute;
	height:60px;
	width:228px;
	background:url(img/buy_btn.png) left top no-repeat;
	border-bottom:0 !important;
	
}

a.buybtn:hover {
	background-position:left -62px;
	
}

#detailbtns {
	width:100%;
	position:relative;
	clear:both;
	
	
}

#detailbtns a:hover {
	color:#ababab;
}

div.morebooks {
	position:absolute;top:455px;left:0px;width:275px;
}

.morebooks .bookcover {
		float:left; align:top; padding-right:15px;padding-bottom:10px;
		width:66px;
		height:101px;
}

.morebooks p {
	font-size:11px;

}

.morebooks a {
	color:black;
	text-decoration:none;
	border-bottom:1px dotted #ababab;
}

.morebooks a:hover {
	color:#ababab;
}

#twitterstatus {
	width:550px; 
	position:absolute;
	top:32px;
	left:350px;
	font-size:11px;
	
}

#twitterstatus a {
	color:black;
	text-decoration:none;
	border-bottom:1px dotted black;
}

#twitterstatus a:hover {
	color:white;
}

.jbo_tweet{
	color:black;
	font-size:16px;
	}

.pe_tweet {
	color:#323232;
	font-size:13px;
	width:400px;
	
}


#detailbtns h3 {
	letter-spacing:-.08em;
}

#detailbtns td {
	width:25%;
	padding:3px 15px;
}


#detailbtns p {
	font-size:13px;
}

#detailbtns a {
	color:black;
}

#detailbtns a:hover {
color:#FF9900;
}

#detailbtns a.authorlink {
	display:block;
	height:24px;
	width:135px;
	background:url(bio_btn.png) left top no-repeat;
}

#detailbtns a.authorlink:hover {
	background-position:left bottom;
}

#detailbtns a.shadelink {
	display:block;
	height:24px;
	width:135px;
	background:url(books_btn.png) left top no-repeat;
}

#detailbtns a.shadelink:hover {
	background-position:left bottom;
}

#detailbtns a.pdflink {
	display:block;
	height:24px;
	width:135px;
	background:url(download_btn.png) left top no-repeat;
}

#detailbtns a.pdflink:hover {
	background-position:left bottom;
}

.tweet {
	background:url(img/twitter_scroll.png) left top no-repeat;
	
}

.tweet p {
	margin-bottom:5px;
	margin-top:5px;
	padding:0;
	width:180px;
}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 166px; 
    height:200px; 
	
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items p { 
    float:left;
	display:block;
	width:160px;
	margin-right:70px;
	margin-top:10px;
}

div.scrollable .items a {
	color:black;
	text-decoration:none;
	border-bottom:dotted 1px #ababab;
}

div.scrollable .authorname {
	font-weight:bold;
	color:#dedede;
}

div.scrollable .items a:hover{
	color:#ababab;
}

a.right {
	display:block;
	back ground:url(http://www.bhpublishinggroup.com/beta/img/right.png) left top no-repeat;
	height:18px;
	width:18px;
	cursor:pointer;
	position:relative;
	left:130px;
	top:-30px;
	font-size:11px;
} 

a.right:hover {
	back ground-position: 0 -18px;
	color:#ababab;
}

#footer {
	margin-top:10px;
	
}

#footer p {
	font-size:12px;
	color:#ABABAB;
}

#footer a {
	color:#323232;
	text-decoration:none;
	margin-right:5px;
}

#footer a:hover {
	color:white;
}