/* Styles For Vincent Bookshop */



body {

	text-align: left;

	min-width: 760px;

	background-color: #C4E8F2;	

}



#wrapper {

	width: 85%;

	margin: 0 auto;

	min-width: 720px;

	text-align: left;	

}



#branding {

	width: 100%;

	margin-bottom: 0.5em;

}



#mainNav {

	width: 23%;

	float: left;

}



#mainNav ul {

	width: 100%; 

	margin: 0;

	padding: 0;

	list-style-type: none;

}



#mainNav ul li {

	display: inline;

}



#mainNav ul li a {

	display: block;

	width: 100%;

	height: 39px;

	line-height: 39px;

	color: #fff;

	font-weight: bold;

	text-decoration: none;

	background: #C4E8F2 url(../images/linkimg.gif) no-repeat left bottom;

	text-indent: 20%;

}



li.first {

	height: 40px;

	line-height: 40px;

}



#home #mainNav .home a,

#about #mainNav .about a,

#products #mainNav .products a,

#buyinfo #mainNav .buyinfo a,

#contact #mainNav .contact a,

#admin #mainNav .admin a,

#mainNav ul li a:hover {

background: #C4E8F2 url(../images/hoverandselectimg.gif) no-repeat left bottom;

color: #000;

cursor: default;

}



#content {

	width: 75%;

	float: right;	

}



#homecontent {

	width: 75%;

	margin: auto;	

}



#bookpos {

	width: 70%;

	margin: auto;

	text-align: center;	

}



.clearit {

	clear: both;	

}



.leftimg {

	float: left;

	margin-right: 2%;	

}



.rightimg {

	float: right;

	margin-left: 2%;	

}



.righttext {

	text-align: right;	

}



.lefttext {

	text-align: left;

}



.utext {

	text-decoration: underline;	

}



.itext {

	font-style: italic;	

}



.boldtext {

	font-weight: bold;	

}



.bigtext {

	font-size: 14pt;	

}



.ddnormtext {

	font-size: 12pt;

}



.imgborder {

	border: none;	

}



.smalltext {

	font-size: 10pt;

	font-weight: bold;	

}



.smallnortext {

	font-size: 10pt;

	font-weight: normal;	

}



.extrasmalltext {

	font-size: 7pt;	

}



.extrasmallboldtext {

	font-size: 7pt;
	font-weight: bold;
	
}



.redtext {

	color: #F00;

	font-weight: bold;	

}



.nredtext {

	color: #F00;

	font-weight: normal;	

}



.bluetext {

	color: #00F;

	font-weight: bold;	

}



.nbluetext {

	color: #00F;

	font-weight: normal;	

}



.lightbluetext {

	color: #8FD8D8;

	font-weight: bold;	

}



.orangetext {

	color: #FFA500;

	font-weight: bold;	

}


.linespace {

	line-height: 2.0;	

}



#footer {

	width: 100%;

	height: 40px;

	margin-top: 1.5em;

	background-color: #0000AA;

	border: 3px solid #993300;

	color: #fff;

	font-size: 12pt;

	padding: 1% 0;

}



h3 {

	text-shadow: 4px, 4px, 0, #808080;	

}



h2.centered, h3.centered, h4.centered {

	text-align: center;	

}



p {

	font-family: Verdana, Arial, "Times New Roman";	

	text-align: justify;

}



p.centredtext {

	text-align: center;	

}



p.textindent {

	text-indent: 4%;	

}



ul li.uniquelist {

	color: #F00;	

}



ul li.uniquelist span {

	color: #000;	

}



/* styling horizontal bar for book preview */

#bookNav {

	width: 100%;	

}



#bookNav ul {

	margin: 0;

	padding: 0;

	list-style: none;

	width: 100%;

	float: left;

	background: #0000AA;

	border: 2px solid #993300;	

}



#bookNav ul li {

	float: left;	

}



#bookNav ul li a {

	display: block;

	float: left;

	padding: 0 1.5em;

	line-height: 1.8em;

	background: url(../images/divider.gif) repeat-y left top;

	text-decoration: none;

	color: #fff;

}



#bookNav ul .first a {

	background: none;	

}



#front #bookNav .front a,

#contents #bookNav .contents a,

#extract #bookNav .extract a,

#overview #bookNav .overview a,

#feedback #bookNav .feedback a,

#back #bookNav .back a,

#bookNav ul li a:hover {

	background: #AFEDAD;

	color: #000;

}



.previmg {

	margin-top: 0.5em;	

}



.previmghome {

	margin-top: 0.5em;

	text-align: center;	

}



.prevtext {

	margin-top: 0.5em;	

}


.prevfloatimg {
	
	margin-top: 50%;	

}


.prevleftimg {
	
	float: left;
	margin-right: 2%;
	
}


.prevrighttext {
	
	position: relative;
	top: -50%;

}


.prevvertalign {
	
	vertical-align: middle;	
}


.otherimg {

	width: 95%;

	margin-bottom: 1.2em;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

}



#nigroadsinsert {

	width: 100%;

	border: 2px solid #0000AA;

	margin-bottom: 1.2em;

}



#roadstext {

	width: 95%;

	margin: auto;	

}



#contentlist {

	float: left;

}



#contentlist ul {

	list-style: none;

	float: left;	

}



#contentlist ul li {

	float: left;	

}



#contentlist ul li a {

	text-decoration: none;

	background-color: #00A;

	color: #fff;	

}


#contents #contentlist .contents1 a,

#contents #contentlist .contents2 a,

#contents #contentlist .contents3 a,

#contents #contentlist .contents4 a,

#contents #contentlist .contents5 a,

#contents #contentlist .contents6 a

{

	background: #AFEDAD;

	color: #000;

}

#overview #contentlist .overview1 a,

#overview #contentlist .overview2 a

{

	background: #AFEDAD;

	color: #000;

}


#prevandnext {

	width: 100%;

	margin-top: 0.5em;

}



#prevandnext p {

	background: #0000AA;

	width: 30%;

	border: 2px solid #993300;

}



#prevandnext p a {

	text-decoration: none;

	color: #fff;

}



#prevandnext p a:hover {

	background: #AFEDAD;

	color: #000;	

}



.feedbackinput {

	background: #00A;

	color: #fff;

	text-align: left;	

}



dl {

	text-align: justify;	

}



.stocktext {

	font-size: 10pt;

	font-weight: bold;	

}



table {

	background: #0000AA;

	color: #fff;

	border: 2px solid #fff; 	

}



#logintable {

	text-align: left;	

}



.admintable {

	background: #00A;

	color: #fff;

}



.admintable tr {

	background: #00A;

	color: #fff;

}



input {

	color: fff;	

}



div.bordered {

	width: 100%;

	border: 2px solid #000;	

}



div.inner {

	width: 80%;

	margin-left: 10%;

	margin-right: 10%;

}