/*
 * Stylesheet for Dandy Booksellers
 * Author: Tim Meadowcroft - www.schmerg.com
 *
 * Standard colour scheme, plus groovy NavBar styles to make a tabbed
 * navigation bar from an unordered list - no tables or images etc.
 *
 */

/* normal links - change the colour for hovering */

a:link {font: bold  10px verdana; color: #336633; text-decoration: none;}
a:visited {font: bold  10px verdana; color: #336633; text-decoration: none;}
a:hover {font: bold  10px verdana; color: #336633; text-decoration: none;}
a:active {font: bold  10px verdana; color: #336633; text-decoration: none;}

BODY {
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:80%;
    color: black;
	background-color:#ffffff;
}

img{
border:0;
} 

form{
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}
/*
Cath added this bit - by default browsers place margins around 
text elements and these vary between browsers. Add the following 
rule to remove the top margin from level1 and 2 headings, paragraphs and unordered lists
*/

.actsmallheading {
	font-size:10px;
	color: #FFFFFF;
	font-family: verdana;
	text-transform: uppercase;
}

.thinred {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: black;
	border-right-color: black;
	border-bottom-color: black;
	border-left-color: black;
}
input.button {
    background-color: #990000;
    font-size: 10px;
    font-family: Verdana;
    border: 0;
	color:#FFFFFF;
	
}

input.button2{
    background-color: #FFFFFF;
    font-size: 10px;
	font-weight: bold;
    font-family: Verdana;
    border: 0;
}

.actsmallheading {
	font-size:11px;
	color:#FFFFFF;
	font-family: sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}
.thinred2 {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
}

H1 {
    font-size:180%;
    margin-top:0;
}

H2 {
    font-size:130%;
    margin-top:0;
}

H3 {
    font-size:110%;
    margin-top:0; 
    margin-bottom:0;
}

H4 {
    font-size:105%;
    margin-top:0; 
    margin-bottom:0;
}

H5 {
    font-size:110%;
    margin-top:0; margin-bottom:0;
}

H6 {
    font-size:70%;
    margin-top:0; margin-bottom:0;
}

P { font-size:100%	}

PRE.clsCode {
    font-family:'Courier New',Courier,monospace;
    font-size:120%;
    background-color:#FFFFFF;
    margin-top:1em; margin-bottom:1em;
    padding:0.5em;
}

TABLE {
    font-size:100%;
    border: none;
}

#books {
background-image: url("books.jpg");

}

TH { 
    background-color: #990000;
    color: #FFFFFF;
    border: none;
}

/*
 * Special named class styles from here on....
 */

/* links marked as class='external' - not different yet... */
A.external:link		{ color:#0000DD }
A.external:visited	{ color:#6666AA }
A.external:active 	{ color:#0000FF }
A.external:hover 	{ color:#FFFFFF; background: #ffffcc; }

/* links class='enlarge'. They grow when hovered - use with care ! */
A.enlarge:hover 	{ font-size: larger }

/* a link marked as "current" is shown in selected colours */
A.current:visited 	{ background-color: #ffcc00; color:#ff0000; }

/* The page heading used to be done with tables etc., but is now
 * made up an <h1> and <h2> block with class PageHeading, and a <ul>
 * block with class NavBar
 */
H1.PageHeading {
    padding:8px;
    font-size:24pt;
    margin: 0 auto 0 50;
    white-space: nowrap;
    background-color: #ffffff; /*#ffcc00;*/
}

A.PageHeading {
}

H2.PageHeading {
    background-color: #ffffcc;
    white-space: nowrap;
    font-size:12pt;
    margin:0px;
    padding:1px;
    border: solid black 1px;
}
P.NavBar {
    margin: 1px;
    text-align: center;
}
A.NavBar {
    font-weight: bold;
}

DIV.red3d {
    background-color: #c00000;
    line-height:    150%;
    border-style:   solid;
    border-width:   2;
    border-color:   #ff0000 #400000 #400000 #ff0000;
    text-align:     center;
    color:          white;
}

DIV.mypars {
font-size:12px; 
color:#000000; 
font-family:Verdana;
margin-bottom:0;
margin-top:0;
}

p.search {font-size:14px; font-weight:normal; font-family:arial; margin:4; padding=4;} 


/* span selected just changes the colours to show the selection */
SPAN.selected { background-color: #ffcc00; color:#ff0000; }

/* Nav bar is a section at the top that presents navigation */
/* Consists of 2 lists of links, NavMain and NavSub */
DIV.Nav {
	padding: 3px 3px;
	margin: 0px;
}

UL.NavMain {
    margin: 0px;
    line-height: 210%;
    font-size: 110%;
    font-weight: bold;
    display: block;
    float: none;
    clear: both;
}

.NavMain	A:link	{ color: #ffffff; }
.NavMain	A:visited	{ color: #ffffff; }
.NavMain	A:hover 	{ color: #000000; background: transparent; }
.NavMain	A:active 	{ color: #0000FF; }

.NavMain LI {
    list-style-position: inside;
	list-style-type: none;
	float: right;
	vertical-align: bottom;
	margin: 0px 1px;
	padding: 0px 4px;
	border: solid black 1px;
	border-bottom: none;
	background-color: #990000;
}

.NavMain LI.Sep {
    list-style-type: none;
	border-style: none;
	background-color: transparent;
}

.NavMain LI.New {
    list-style: url(/images/star.png) disc;
    font-weight: bold;
}

/* A span style used to mark links that are 'the current selection' */
/* Font size (font-size: 125%;) causes alignment funnies on Konqueror */
.NavMain LI.Selected {
    font-weight: bold;
    background-color: black;
    color: white;
}

.NavMain .Selected	A:hover 	{ color:#aaaaaa; }

UL.NavSub {
    /* This is for the line beneath the tabs.Konqueror doesn't draw UL background behind
     * LI items so add padding */
    background-color: black; /* #ffcc33;*/
    padding: 2px 0px;
	margin: 0px;
	line-height: 80%;
	font-size: 100%;
	display: block;
	float: none;
	clear: both;  /* forces newline on Konqueror b/n NavMain + NavSub */
    background-color: black;
}

.NavSub LI {
	list-style-position: inside;
	list-style-type: none;
    float: left;
	margin: 2px;
	padding: 2px 15px;
	background-color: black; /* #ffcc33;*/
    vertical-align: center;
    color: white;
}

/* a span style used to mark links that are 'the current selection' */
.NavSub LI.Selected {
	font-weight: bold;
	font-size: 180%;
    color: white;
    float: left;
    border: 1px solid #aaaaff;
}

.NavSub	A:link		{ color: #eeeeee; }
.NavSub	A:visited	{ color: #bbbbbb; }
.NavSub	A:hover 	{ color: #aaaaff; background: transparent; /*#ffffcc;*/}
.NavSub	A:active 	{ color: #0000ff; }

/* pushes the navsub bar off to the edge of the screen */
.NavSub LI.Filler {
	float: none;
}

/* style for table - screen media*/
table#printtable {
    background-color:#FFFFFF;
	width:760px;
}

/*style for autosuggest text fields*/
div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:2px solid #888;
      margin:0px;
      padding:0px;
    }
div.autocomplete ul  {
  list-style-type: none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb; }
div.autocomplete ul li {
  list-style-type: none;
  display:block;
  margin:0;
  padding:4px;
  height:28px;
}
span.informal{
    font-style:italic;
}