/* -------------------------------------------------------------- 
Fenn blue: #0079C1
-------------------------------------------------------------- */

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

body 
{
background: #fff url('../images/bg.jpg') repeat-x top left ;
}



/* A container should group your entire grid. */
.container {
	min-width: 950px;
	width: 90%;
	margin: 0 auto;
	margin-top: 9px;
	margin-bottom: 20px;
	overflow: hidden;
	/*background: #fff url(../images/header_bg.gif) no-repeat top left;*/
	/*
	border-color: #ccc;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	padding-bottom: 0;
*/
}

/* A block should group all your columns per row stack. */
.block		{overflow: hidden;}


/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
.column		{float: left;}

/* The last column in a row needs this class. */
.last 		{ margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1		{ width: 4%; }
.span-2		{ width: 8%; }
.span-3		{ width: 12%; }
.span-4		{ width: 16%; }
.span-5		{ width: 20%; }
.span-6		{ width: 25%; }
.span-7		{ width: 29%; }
.span-8		{ width: 33%; }
.span-9		{ width: 37%; }
.span-10	{ width: 41%; }
.span-11	{ width: 45%; }
.span-12	{ width: 50%; }
.span-13	{ width: 54%; }
.span-14	{ width: 58%; }
.span-15	{ width: 62%; }
.span-16	{ width: 66%; }
.span-17	{ width: 70%; }
.span-18	{ width: 75%; }
.span-19	{ width: 79%; }
.span-20	{ width: 83%; }
.span-21	{ width: 87%; }
.span-22	{ width: 91%; }
.span-23	{ width: 95%; }
.span-24	{ width: 100%; margin-right: 0; }

.span-1>div, .span-2>div, .span-3>div, .span-4>div, 
.span-5>div, .span-6>div, .span-7>div, .span-8>div, 
.span-9>div, .span-10>div, .span-11>div, .span-12>div,
.span-13>div, .span-14>div, .span-15>div, .span-16>div, 
.span-17>div, .span-18>div, .span-19>div, .span-20>div, 
.span-21>div, .span-22>div, .span-23>div, .span-24>div {
	margin: 0 0.833em 0 0;
	overflow: hidden;
}

/* Add these to a column to append empty cols. */
.append-1   { padding-right: 4%; }
.append-2   { padding-right: 8%; }
.append-3   { padding-right: 12%; }
.append-4   { padding-right: 16%; }
.append-5   { padding-right: 20%; }
.append-6   { padding-right: 25%; }   
.append-7   { padding-right: 29%; }   
.append-8   { padding-right: 33%; }
.append-9   { padding-right: 37%; }
.append-10  { padding-right: 41%; }
.append-11  { padding-right: 45%; }
.append-12  { padding-right: 50%; }
.append-13  { padding-right: 54%; }
.append-14  { padding-right: 58%; }
.append-15  { padding-right: 62%; }
.append-16  { padding-right: 66%; }
.append-17  { padding-right: 70%; }
.append-18  { padding-right: 75%; }
.append-19  { padding-right: 79%; }
.append-20  { padding-right: 83%; }
.append-21  { padding-right: 87%; }
.append-22  { padding-right: 91%; }
.append-23  { padding-right: 95%; }

/* Add these to a column to prepend empty cols. */
.prepend-1   { padding-left: 4%; }
.prepend-2   { padding-left: 8%; }
.prepend-3   { padding-left: 12%; }  
.prepend-4   { padding-left: 16%; }   
.prepend-5   { padding-left: 20%; }  
.prepend-6   { padding-left: 25%; }  
.prepend-7   { padding-left: 29%; }  
.prepend-8   { padding-left: 33%; }  
.prepend-9   { padding-left: 37%; }  
.prepend-10  { padding-left: 41%; }  
.prepend-11  { padding-left: 45%; }  
.prepend-12  { padding-left: 50%; }  
.prepend-13  { padding-left: 54%; }  
.prepend-14  { padding-left: 58%; }  
.prepend-15  { padding-left: 62%; }  
.prepend-16  { padding-left: 66%; }  
.prepend-17  { padding-left: 70%; }  
.prepend-18  { padding-left: 75%; }  
.prepend-19  { padding-left: 79%; }  
.prepend-20  { padding-left: 83%; }  
.prepend-21  { padding-left: 87%; }  
.prepend-22  { padding-left: 91%; }  
.prepend-23  { padding-left: 95%; }  


/* Border on right hand side of a column. */
.border {
	border-right: 1px solid #eee;
}

.imgborder 
{
	border: 1px solid #ccc;
}

/* Border with more whitespace, spans one column. */
.colborder {
	padding-right: 2%;
	margin-right: 2%;
	border-right: 1px solid #eee;
}

.colborderleft {
	padding-left: 2%;
	margin-left: 2%;
	border-left: 1px solid #eee;
}

.colborder>div {
	margin: 0;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */
.pull-0  { margin-left: 0; }
.pull-1  { margin-left: -3.333em; }
.pull-2  { margin-left: -6.666em; }
.pull-3  { margin-left: -10em; }
.pull-4  { margin-left: -13.333em; }

.push-0  { margin: 0 0 0 1.5em; }
.push-1  { margin: 0 -3.333em 0 1.5em; }
.push-2  { margin: 0 -6.666em 0 1.5em; }
.push-3  { margin: 0 -10em 0 1.5em; }
.push-4  { margin: 0 -13.333em 0 1.5em; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }


/* Misc classes and elements -------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: transparent; 
  border: 1px solid #eee;
}

.filledbox { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #efefef; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  width: 100%; 
  height: 0.083em;
  margin: 0 0 1.583em;
  border: none; 
}

hr.space {
  background: #fff;
  color: #fff;
}

hr.blue
{
background: #0079C1;
 width: 100%; 
  height: 0.283em;
  margin: -1em 0 1.583em;
  border: none; 
 margin-bottom: 10px;
}

/* Add blue lines to the bottom of headers on index */
.indexheader 
{
	background: #fff url('../images/headerline.gif') repeat-x bottom left;
	/*background: #fff url('../images/headerline_gold.gif') repeat-x bottom left;*/
	width: 100%;
	padding: 1em 0 0.6em 0;
}

.subheader 
{
	border-bottom: 1px solid #eee;
	width: 100%;
	padding: 1em 0;
}

.nowrap { white-space:nowrap; }
.error, .notice, .warning, .success {padding:.8em;margin:2em 0 1em 0;border:1px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice, .warning {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a, .warning a {color:#514721;}
.success a {color:#264409;}

h1 img
{
	padding: 10px 0 0 40px;
}

/* Search form styles */

#Search label 
{
	display: -moz-inline-box;
	-moz-box-orient: horizontal;
	display: inline-block;
	width: 60px;
	line-height: 1.8em;
	vertical-align: top;
}
#Search ol 
{
	margin:0; padding: 0;
}
#Search li 
{
	list-style: none;
	padding: 3px;
	margin: 0;
	font-weight: bold;
	color:#0079C1;
}
#Search input:image 
{
	padding-left: 100px;
	float: right;
}

/* banner add styles */

#HBFENN_BannerAd_BannerRotator img
{
padding: 3px;
margin-bottom: 10px;
border: 1px solid #ccc;
}


#textsizer 
{

	margin-top: -50px;
}

/* Navigation */

#navigation 
{
	padding: 1.0em;
}

#navlist
{
margin: 0;
padding: 20px 0 20px 10px;
border-bottom: 1px solid #ddd;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
letter-spacing: 0.1em;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #069;
border-bottom: 4px solid #fff;
padding-bottom: 2px;
background: transparent;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #0079C1;
padding-bottom: 2px;
background: transparent;
color: #333;
}



/* Suckerfish menu dropdowns

#navlist, #navlist ul {
	margin: 0;
	border-bottom: 1px solid #ddd;
	list-style: none;
}

#navlist a {
	display: block;
	line-height: 14px;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #069;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #0079C1;
padding-bottom: 2px;
background: transparent;
color: #333;
}

#navlist li {
	float: left;
}

#navlist li ul 
{
	position: absolute;
	width: 11em;
	left: -999em;
}

#navlist li:hover ul {
	left: auto;
}

#navlist li:hover ul, #navlist li.sfhover ul {
	left: auto;
}


#navlist a:hover { color: #333; }


#navlist li ul {
	margin: 1.7em 0 0 -10em;
	background-color: #fff;
	border: 1px solid #ccc;
}



#navlist ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#navlist li:hover ul ul, #navlist li.sfhover ul ul {
	left: -999em;
}

 */

/* footer styling */
#footer 
{
	clear:both;
	margin: 0 auto;
	text-align: center;
	color: #666;
	width: 100%;
}
#footer p
{
	padding: 5px;
	margin:0;
}

#footer p img { margin:0;padding:0; display:block; border:1px solid #333; }

/* Google Maps and Google Maps info bubbles */
#map {
	width: 98%;
	height: 300px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.bubble {
	width: 250px;
}

.bubble h1 {
	margin: 0;
	padding: 0;
	font-size: 150%;
}

/* Link icons */
    a[href^="mailto:"] {
    display:inline-block;
    margin-left: 0.5em;
    padding-left:20px;
    line-height:18px;
    background:transparent url(../images/icons/email.png) center left no-repeat;
    }

/*
a[href$='.pdf'] {
	display:inline-block;
	margin-left: 0.5em;
	padding-left:20px;
	line-height:18px;
	background:transparent url(../images/icons/pdficon.gif) center left no-repeat;
}
*/

a[href$='.doc'] {
	display:inline-block;
	margin-left: 0.5em;
	padding-left:20px;
	line-height:18px;
	background:transparent url(../images/icons/word.gif) center left no-repeat;
}

a[href$='.zip'] {
	display:inline-block;
	margin-left: 0.5em;
	padding-left:20px;
	line-height:18px;
	background:transparent url(../images/icons/winzip.gif) center left no-repeat;
}
/*
a[href$='.xls'] {
	display:inline-block;
	margin-left: 0.5em;
	padding-left:20px;
	line-height:18px;
	background:transparent url(../images/icons/excel.gif) center left no-repeat;
}

    a[href^="http:"] {
    display:inline-block;
    padding-right:14px;
    background:transparent url(../images/icons/worldlink.png) center right no-repeat;
    }
*/

    
    /* text sizer control styles */
    #textsizer 
    {
    float: right;	
    padding: 5px;
    }
    
    #textsizer img 
    {
    	width: 16px;
    	height: 16px;
    }
    
a.more 
{
	display: inline-block;
	float: right;
	padding-right: 20px;
	line-height: 18px;
	background:transparent url(../images/icons/arrowbullet.png) center right no-repeat;
}


/* Styles for downloads page */

ul.downloads 
{
		list-style: none;
}
ul.downloads li 
{
	padding-bottom: 15px;
}

table.downloads  th
{
	background: #fff;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	padding: 4px 0;
}
table.downloads  td
{
padding: 4px 0;}

#HBFENN_MainSection_lblSubTitle
{
	color: #0079C1;
}

#HBFENN_MainSection_lblSubTitle
{
	color: #777;
	font-style: italic;
}



#HBFENN_MainSection_lblEmails 
{
	border-collapse: collapse;
	padding: 35px;
	margin-bottom: 20px;
}

#HBFENN_MainSection_lblEmails th
{
	font-weight: bold;
	background: #bcddee;
border-bottom: 1px solid #fff;
	
}
#HBFENN_MainSection_lblEmails td
{
	color: #333;
	font-weight: normal;
	border-bottom: 1px solid #eee;
	vertical-align:middle;
		padding: 5px 0;
	
}

#mycarousel-next
{
    padding: 15px;
    padding-right: 30px;
    background: #fff url(../images/next-arrow.gif) no-repeat center right;
    display: inline-block;
}

#mycarousel-prev
{
    padding: 15px;
    padding-left: 30px;
    background: #fff url(../images/previous-arrow.gif) no-repeat center left;
    display: inline-block;
}

p.booklist 
{
	padding-bottom: 1.0em;
	min-height: 130px;
}

hr.clear {
	clear:both;
color: #fff; background-color: #fff; border: 1px dotted #ddd; border-style: none none dotted; 
}


label 
{
	padding-right: 1.5em;
}


        /**
         * Overwrite for having a carousel with dynamic width.
         */.jcarousel-skin-fenn .jcarousel-container-horizontal {
            width: 85%;
        }
        .jcarousel-skin-fenn .jcarousel-clip-horizontal {
            width: 100%;
        }
        #mycarousel-next {
            padding: 15px;
            padding-right: 30px;
            background: #fff url(images/next-arrow.gif) no-repeat center right;
            display: inline-block;
        }


/* -------------- Catalogues Styling -------------- */

.catalogues {
	padding-top: 2.0em;
}

.catalogues  h3 {
	border-bottom: 1px dotted #999;
	font-variant:small-caps;
}
.catalogues  h4 {
	color: #666;
	font-size: 1.0em;
	border-bottom: 1px dotted #ccc;
}
.catalogues ul {
	margin:0;
	padding:0 0 1.0em 0;	
}
.catalogues ul li {
	padding: 5px 0 5px 23px;
	background: transparent url(../images/icons/arrowbullet.png) no-repeat;
	line-height: 1.0em;
	list-style: none;
}

div.figure {
  float: left;
  position: relative;
  width: 100px;
  margin: 0.25em;
  padding: 0.25em;
  display: inline;
}
div.figure p {
  text-align: center;
  text-indent: 0;
  margin-bottom: -1.5em;
}
div.figure img {
	border: 1px solid #999;
}

/* -------------- Twitter -------------- */
#fenntweets {
	float:left;
	margin-top: 1.0em;
	margin-bottom: -10px;
	
}

#tweet {
	
	margin: 0;
	padding:0;
	width: 100%;
	min-height: 80px;
}

#tweet ul {
}

#tweet ul li {
	list-style: none;
	margin: 5px 0;
	padding: 6px 10px;
		border-bottom: 1px dotted #999;
}

.roundcont {
	clear:both;
	background-color: #DAEEF9;
	color: #333;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(../images/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../images/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}
.BookEvents { border-collapse:collapse; }
.BookEvents th { background-color:#0079c1; color:#fff; border:1px solid #ccc;   }
.BookEvents td { border:1px solid #ccc; }
.bestseller-hr { background-color:#fff; height:1px; width:100%; border: none 0; border-top:1px dotted #ccc; }