/* CSS Document */
body {
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
color: #333333;
margin-top:0;
margin-left: 0;
}

/*Homepage styles*/
.imagewithborder{
border: 2px solid #cc9dfa;
margin-right: 10px
}
.homepageheading{
color: #9966cc;
font-weight: 900
}
.homepageheadingtwo{
color: #9966cc;
font-weight: 900;
font-size: small
}
/* positioning */
#header {
width: 100%;
margin-right:0%;
margin-left: 0%;
margin-top: 0;
height: 50px;
margin-bottom: 1em;
}

#leftcol {
margin-top : 20px;
margin-left: 0%;
float: left;
width: 15%;
}

#middle {
margin-left: 18%;
margin-top: 0;
margin-right : 20px;
}

#centrecol {
margin-left: 0%;
top: 0;
width: 20%;
float: left;
}

#centrecol.index {
display:none;
}

#content {
margin-right: 5%;
/* float: right; */
width: 60%;
margin-top: 1em;
margin-bottom: 2em;
margin-left: 5%;
position : relative;
left : 5%;
}

#directoryContent {
margin-right: 5%;
width: 60%;
margin-top: 1.5em;
margin-bottom: 2em;
margin-left: 5%;
position : absolute;
left : 295px;
}

#contentHome {
margin-right: 5%;
/* float: right; */
width: 600px;
margin-top: 1em;
margin-bottom: 2em;
margin-left: 5%;
position : absolute;
left : 200px;
}

#contentHome table.main {
width: 100%;
/*
margin-left : 9em;
margin-top : 10px;
*/
}

#contentHome table.main td {
padding-bottom : 40px;
}

#review {
margin-right: 5%;
/* float: right; */
width: 60%;
margin-top: 1em;
margin-bottom: 2em;
margin-left: 5%;
position : relative;
left : 11em;
}

#footer {
clear: both;
}

.hidden {
display: none;
}

div#alphabet {
width: 80%;
margin-top: 1em;
line-height: 2em;
}

#alphabet a{
padding: 4px;
}

/* top navs */
#topNava {
	position : absolute;
	left : 325px;
	width : 520px;
}

#header ul {
 padding-left: 0%;
 /* margin-left: 12%; */
 background-color: White;
 color: White;
 font-family: arial, helvetica, sans-serif;
 font-size: 0.8em;
 margin-top: -1em;
 }

#header ul li {
display: inline;
 line-height: 2em;
}

#header ul li a
 {
 background-color: white;
 color: #333333;
 text-decoration: none;
 border-right: 2px solid #9966CC;
 font-weight: bold;
 float: left;
  width: 90px;
  text-align:center;
padding-top: 2em;
line-height: 1em;
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
 }

 #header ul li a.first {
  border-left: 2px solid #9966CC;
}

#header ul li.active a {
color: #66CC66;
}

#header ul li a:hover
 {
 color: #66cc66;
 }

/* leftnavs */
 #leftnavs {
 padding-left: 0;
 margin-left: 0;
 width: 150px;
 text-align: right;
 }

 #leftnavs li
 {
 list-style: none;
 margin: 0;
 padding-top: 0.5em;
 border-bottom: 2px solid #9966CC;

 }

 ul#leftnavs li.active {
border-bottom-color: #66cc66;
}

 #leftnavs li a {
 text-decoration: none;
 color: #9966CC;
 font-size: 1.3em;
 font-weight: bold;
}

 ul#leftnavs li a:hover {
color: #9966CC;
}

 ul#leftnavs li.active a {
color: #66cc66;
}

/*level 2 and level 3 navs*/
#centrecol ul {
 padding-left: 0em;
 padding-right: 0em;
  padding-top: 0.5em;
 padding-bottom: 0.5em;
 margin-left: 0;
 width: 180px;
 margin-top: 1.5em;
/* min-height: 125px;
 _height: 125px; */
 background-color: #66cc66;
  }

 #centrecol li {
 list-style: none;
 margin: 0;
 padding: 0;
 }

div#centrecol ul li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 0.7em;
	padding-left:20px;
	font-weight: bold;
	background-image:  url(../../images/bullet2.gif);
	background-position:left center;
	background-repeat: no-repeat;
	margin-bottom: 3px;
	border-bottom: 1px solid #66cc66;
	}

	div#centrecol ul li a:hover {
	color: #9966CC;
	}
/*when the top level is active*/
div#centrecol li.active a {
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	 background-image:  url(../../images/bullet.gif);
	 background-position: left center;
	 background-repeat: no-repeat;
	}
/*submenus*/
/*hides any sublists (uls that are below a ul*/
	div#centrecol ul ul {
		display: none;
	 }

	/*shows sublists when you are in a section*/
	div#centrecol ul li.active ul {
		display: inline;
		width: 10em;
		padding: 0em;
		margin-top: 0;
	}

div#centrecol ul li.active ul li {
margin-left: 5px;
padding: 0;
}
	/* styling of the active submenu*/
	div#centrecol ul li.active ul a {
	color: #FFFFFF;
	margin-left: 15px;
	border-bottom: 1px solid #66cc66;
	background-image:  url(../../images/bullet2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	}

	div#centrecol ul li.active ul a:hover {
	color: #9966CC;
	}

div#centrecol ul li.active ul li.active a {
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-image:  url(../../images/bullet.gif);
	background-position: left center;
	background-repeat: no-repeat;
	}

	div#centrecol ul li.active ul li.active a:hover {
	color: #9966CC;
	}

/*shoes navs*/
div#footer a span {
display: none;
}

div#footer a {
text-decoration: none;
}

div#footer a:hover {
color: #66CC66;
margin : 0;
/* border-right: 0px none white;  */
}

div#footer a:hover span {
	display : block;
	position: absolute;
	top: 540px;
	left: -180px;
	width: 125px;
   padding: 5px;
   margin: 10px;
/* border-left: 1px solid #606060;
border-right: 1px solid #606060;   */
   color: #66cc66;
   background-color: white;
   text-align: left;
   font-size: 0.8em;
   }

div#footer a:hover span b {
   color: #606060;
   }

/*review rollovers*/
   div#content.reviews a span {
display: none;
}

div#content.reviews a {
text-decoration: none;
}

div#content.reviews a:hover {
background-color: #66CC66;
color: white;
}

div#content.reviews a:hover span {
	display: block;
	position: absolute;
	top: 200px;
	left: 18%;
	width: 125px;
   padding: 5px;
   margin: 10px;
   z-index: 100;
   color: #66cc66;
   background-color: white;
   text-align: left;
   font-size: 1em;
   }

/*image styling*/
.imageleft {
float: left;
}

.stack {
margin-top: 5em;
text-align:center;
}

/*table styling*/
table {
font-size: 0.7em;
}

/*table in review/archive*/
table#review td.left {
	width : 100px;
	text-align : center;
	padding-right : 1em;
	padding-top : 30px;
}

table#review td.left div.back {
	margin-top : 5em;
}

table#review td.right {
	padding-top : 30px;
	padding-bottom : 1em;
	border-bottom: 1px solid #9966CC;
}

table.booksearch {
width : 180px;
margin-top: 1em;
margin-bottom: 5em;
border : 1px solid #66cc66;
}

table.booksearch td {
text-align : center;
}

table.booksearch input {
	padding : 1px;
	margin : 2px;
}

table.booksearch input.submit {
	width : 70px;
}

table.book {
width : 350px;
margin-top: 2em;
margin-bottom: 5em;
}

table.book td {
padding-bottom: 2em;
}

td {
vertical-align: top;
}

td.book {
width: 70%;
}

td.book a.reveiwed {
	font-weight : bold;
	color : #FF9900;
}

td.stars {
text-align:right;
}

td.arrow{
width: 65px;
vertical-align:middle;
}

td.cover {
width: 32px;
}

td.title {
font-size : 2em;
font-weight : bold;
}

td.question {
font-weight : bold;
}

table.authorbooks {
text-align : center;
width : 180px;
}

table.authorbooks td.bick {
padding-top : 25px;
}

/*table from home page shoes*/
.shoes {
width : 100%;
text-align:center;
font-size: 1.1em;
padding-top : 15px;
border-top: 1px solid #9966CC;
}

.shoes td {
/* border-right: 1px solid #9966CC; */
}

/*google table*/
table.google {
width: 728px;
height: 90px;
font-size: 0.9em;
clear: both;
}

table.google p {
margin: 0em;
}

a.google {
text-decoration: underline;
}

table.google tr {
margin: 0px;
}

table.google td{
width: 182px;
border: 1px solid #9966CC;
padding: 2px;
margin: 0px;
vertical-align:top;
}

table.google tr.second td {
background-color: #9966CC;
padding: 0;
}

table.google tr.second td a {
color: #FFFFFF;
}
/*text styling*/

p {
font-size: 1.1em;
}

h1 {
font-size: 1.3em;
}

h2 {
font-size: 0.9em;
color:#9966CC;
}

a {
color:#9966CC;
text-decoration: none;
}

/*home page shoes*/
.bioghead {
font-size: 1em;
font-weight: bold;
}

/*review/archive*/

.reviewed {
color: #f99200;
font-weight: bold;
}

.amazon {
font-weight: bold;
color: #9966CC;
}
.compbutton {
	display : inline;
}

#regionSelect {
	position : absolute;
	top : 100px;
	left : 590px;
}

#regionSelectWorld {
	position : absolute;
	top : 100px;
	left : 290px;
}
.regionHeader {
	font-size: 1.5em;
	color: #333333;
}

.dirlisting {
	font-size : 1.1em;
	width : 500px;
margin-top: 2em;
/*
border-bottom: 1px solid #9966CC;
border-top: 1px solid #9966CC;
border-left: 1px double #9966CC;
border-right: 1px solid #9966CC;
*/
border-bottom: 1px solid #9966CC;
margin-bottom: 2em;
position : relative;
}

.dirlisting td {
	padding-bottom : 5px;
}
.dirlisting th {
	text-align : left;
}

.right {
	text-align : right;

}
table.dirForm {
width : 400px;
margin-top: 2em;
border-bottom: 1px solid #9966CC;
margin-bottom: 1em;
}
table.dirForm td {
	padding-bottom : 8px;
	position : relative;
	top : -15px;
}
.dirForm select.wide {
	width : 155px;
	height : 15px;
}
.dirForm select.thin {
	width : 60px;
	height : 15px;
}
.dirForm input.text {
	width : 150px;
	height : 15px;
}
#content.smaller {
	font-size : 0.8em;
}
#googleadsbottom{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto
}
#googleadsright{
	position: absolute;
	top: 84px;
	left: 900px
}
#recommendthissite{
	position: absolute;
	top: 550px;
	left: 0px;
	font-size: x-small
}
ul.unordered-list{
	font-size : 1.1em;
	list-style: none;
	padding-left: 0px
}
.bookofferimg{
	float: left;
	padding-right: 10px
}

#directoryContent a, #directoryContent img{
	border: none
}
#updateDiv{
	float: left;
	padding: 0;
	margin-bottom: 20px;
	margin-left: 0;
	
}
#updateDiv h2, #updateDiv form, #updateDiv p, .comment{
 float: left;
 width: 500px;
 text-align: left;
}
.comment{
	background-color: #fff;
	padding-bottom: 4px;
	text-align: left; 
	padding-left: 114px;
	width: 500px;
}
.comment p{width: 470px !important; padding-right: 20px; font-size: 0.9em}
.comment hr{
	border-bottom: 1px dashed #cc9dfa;
	border-top: none; 
	border-left: none; 
	border-right: none;
	height: 2px; 
	color: #fff;
	width: 500px;
	clear: left;}
#commentsForm{margin-top: 20px;
	padding-left: 114px;}
#commentsForm input label textarea{
	float: left;
	margin-left: 0
}
#commentsForm  label{
	width: 100px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 6px;
	margin-left: 0
}
#commentsForm textarea{
	width: 400px;
	height: 150px;
	margin-left: 0
}

#commentsForm input{
	width: 300px;
	margin-left: 0
}
.commentbutton{
	margin-top: 6px;
	height: 23px; 
	width: 120px !important; 
	border: 1px solid #9966CC; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:smaller; 
	color: orange; 
	background-color: white;
	float: right;
	margin-right: 96px
}
.competitionform{
	font-size: 0.8em; 
	clear: both; 
	margin-left: 20px; 
	margin-top: 30px;
	width: 700px;
	padding-bottom: 30px
}
.competitionform p{
	width: 600px
}
.competitionform label{
	float: left;
	width: 150px;
	clear: left;
	font-size: 0.85em;
	min-height: 30px; 
	margin-bottom: 4px
}
.competitionform input{
	float: left;
	width: 150px;
	text-align: left;
	margin-bottom: 14px;	
	margin-right: 300px;
}
.securimage{float: left;margin-bottom: 4px; margin-right: 300px; display: block; padding: 0}
.bookcovers{
	width: 480px; 
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 120px
}
.bookcovers img{float: left; padding-right: 10px}
#archivedReviews{
	position: absolute;
	width: 120px;
	left: 530px;
	top: 0px;
	height: 700px
}
#archivedReviews p{
	font-size: 14px;
	padding: 0;
	margin: 0 0 10px 0;
	font-weight: bold
}
#archivedReviews span{
	display: block;
	font-size: 12px;
	margin-bottom: 16px
}
#archivedReviews ul, #archivedReviews li{
	padding: 0;
	margin: 0;
	list-style: none
}
#archivedReviews img{
	width: 80px;
	border: none
}
.review-heading {
	color: #9966CC; 
	font-size: 0.9em
}