/* reset.css */
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;}
a{text-decoration:none;color:#5d5c61;}
li{list-style:none;}

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #980000;
 color: #323232;
}
#wrapper { 
 margin: 0 auto;
 width: 850px;
 background: #980000 url(images/logo.jpg) right top no-repeat;
}
#faux {
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
 overflow: hidden;
}
#header {
 color: #333;
 width: 850px;
 padding: 0px;
 height: 20px;
 margin: 50px 0px 60px 0px;
 position: relative;
 top: 45px;
}
ul#topNav { 
 position: relative;
}
ul#topNav li { 
 display: inline;
 background: url(images/buttons.jpg) no-repeat left -16px;
 position: relative;
 float: left;
 height: 12px;
 width: 56px;
 overflow: hidden;
 
}
ul#topNav li a {
 display: block;
 text-indent: -9999em;
}
#topNav li#homeBtn { 
 width: 55px;
 border-right: 1px solid #FFF;
}
#topNav li#aboutBtn {
 width: 81px;
 border-right: 1px solid #FFF; 
 background-position: -56px -16px;
}
#topNav li#booksBtn { 
 width: 83px;
 border-right: 1px solid #FFF;
 background-position: -138px -16px;
}
#topNav li#newsBtn { 
 width: 76px;
 border-right: 1px solid #FFF;
 background-position: -222px -16px;
}
#topNav li#bookstoreBtn {
 width: 109px;
 border-right: 1px solid #FFF;
 background-position: -299px -16px;
}
#topNav li#contactBtn { 
 width: 97px;
 border-right: 0px;
 background-position: -409px -16px;
}
#navigation {
 color: #323232;
 padding: 0px;
 height: 0px;
 margin: 0px 0px 0px 0px;
 background: #980000;
}
#rightcolumn { 
 display: inline;
 color: #444;
 margin: 0px;
 padding: 0px;
 width: 552px;
 float: right;
 height: 425px;
}
.loading { background: url(images/spinner.gif) no-repeat center center; }
#leftcolumn { 
 float: left;
 color: #444;
 margin: 0px;
 padding: 0px;
 width: 298px;
 display: inline;
 position: relative;
}
#footer { 
 width: 850px;
 clear: both;
 color: #333;
 background: #980000;
 color: #FFF;
 font-size: 70%;
 margin: 55px 0px 10px 0px;
 padding: 0px;
}
.clear { clear: both; background: none; }

#newsSubNav { 
 display: block;
 height: 10px;
 margin-left: 70px;
 margin-top:15px;
}
#newsSubNav li {
 display: inline;
 float: left;
 font-size: 80%;
 margin-right: 20px;
}
#booksSubNav {
 display: block;
 height: 10px;
 margin-left: 70px;
 margin-top:15px;
}
#booksSubNav li {
 display: inline;
 float: left;
 font-size: 80%;
 margin-right: 20px;
 color: #444;
}
#booksSubNav li a {
 color: #444
}
#vertArrows { margin: 370px 0 0 30px;float: left; }
#vertArrows li { 
 margin-bottom:-8px;
 padding: 0px;
}

#bookstoreColumn { 
 margin:50px 30px 30px 70px;
 font-size: 88%;
}

#bookstoreColumn p {
 margin-bottom: 10px;
}

#contactColumn { 
 margin:50px 30px 30px 70px;
 font-size: 88%;
}

#contactColumn li {
 margin-bottom: 10px;
}  

.booksColumn {
 width: 180px;
 float: left;
 font-size: 80%;
 color: #444;
 margin: 25px 0 0 25px;
}

#paginationColumn { position: relative; margin-top: 2px; float: right; }
#paginationColumn li {
 display: inline;margin-left: 2px;
}

/* TYPO */

h1 { font-weight: bold;margin-bottom: 8px; }

#galleryBtn a { color: #5D5C61; }

#newsList { margin:40px 30px 10px 70px;font-weight: 88%; }
.items { margin:40px 30px 10px 34px;font-weight: 88%; } /* A COPY FROM #newsList */
.newsExcerpt { font-size: 80%;margin-bottom: 15px; }
.newsListDate { font-size: 80%;font-style: italic; }
.newsListTitle { font-weight: bold; }
.newsListTitle a { color: #444; }
.newsListReadmore { font-size: 90%;margin-top: 2px; }

#newsColumn { margin:50px 100px 30px 70px; }
#newsColumn li { margin-bottom: 10px; }
#newsTitle { font-weight:bold;color:#980000; }
#newsDate { color:#980000;font-style: italic;margin-top: -10px; }
#newsBody { height: auto;padding-bottom: 100px;width:410px; }

#newsContent {  }
#newsContent li { }

.bookListNewcollection { margin-bottom: 10px; font-size: 85%;height: 15px; }
.bookListImage { margin-bottom: 10px; }
.bookListTitle { margin-bottom: 10px; font-weight: bold;block;height: 23px; }
.bookListTitle a { color: #000 }
.bookListExcerpt { }

.booksdetailImage { margin-bottom: 5px; }
.booksdetailTitle { font-size: 80%;font-weight: bold; margin-bottom: 5px; }
.booksdetailExcerpt { font-size: 80%;margin-bottom: 5px; }
.booksdetailReleasedate { font-size: 80%;margin-bottom: 1px; }
.booksdetailMoreinfo { font-size: 80%;margin-bottom: 1px; }
.booksdetailIsbn { font-size: 80%;margin-bottom: 1px; }
.booksdetailAuthor { font-size: 80%;margin-bottom: 1px; }
.booksdetailPrice { font-size: 80%;margin-bottom: 1px; }
.booksdetailDimension { font-size: 70%; }

.galleryEntry { margin-bottom: 15px; }
.galleryTitle { font-size: 80%;margin-bottom: 8px; }
.galleryImage { display: block;width: 200px;margin-bottom: 15px; }
.galleryImage li { display: inline;  }
.galleryBorder { }


/* SCROLLER */

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 425px;	 
	width: 298px;
}

/* root element for scrollable items */
.items {	
	position:absolute;

	/* this time we have very large space for height */	
	height:20000em;	
}

/* single scrollable item */
.items div { }

/* the action buttons above the scrollable */
#actions { }
#actions a { cursor:pointer; }
#actions a:hover { }
.disabled { visibility:visible; }
.nextPage { }	



/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 330px; 
    width: 258px; 
    margin-top: 40px;
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
    margin-top: 0px;
}