	/* defaults for the page */
html	{
	min-height:100%;
}	


body	{

	color:#333333;
	font-family:verdana; 
	font-size:11px;
	line-height:13px;
	margin: 0 0 0 0;
	
	min-height:100%;
	 
}

td	{font-family:verdana; font-size:11px;}

	a, p a    { color: #933; text-decoration: none }	
	a:hover, p a:hover  { color: #f69; text-decoration: none }
	a:active, p a:active  { color: #a6c9ff; text-decoration: none }
	a:visited, p a:visited   { color: #69c; text-decoration: none }

div { line-height: 1.1em;}

/*
a	 { color: #99c; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none }
a:hover	 { color: #66f; font-size: 10px; font-family: verdana; font-weight: bold; text-decoration: none }
*/

/* positioning */
#menus	{position:absolute;	top:20px; left:10px; width:145px; height:100%; z-index:2;}

#eJmenus	{position:absolute;	top:35px; left:10px; width:145px; height:100%; z-index:2;}

#menus2	{position:absolute;	top:20px; left:10px; width:145px; height:215px; z-index:2;}
#logo	{position:absolute;	top:300px; left:0px; width:200px; height:100%; z-index:3;}
#logo2	{position:absolute;	top:300px; left:0px; width:155px; height:100%; z-index:3;}
#logogomailsignoff	{position:absolute;	top:143px; left:0px; width:155px; height:100%; z-index:3;}
#middlecontent	{position:absolute; top:20px; left:207px; z-index:1; width:537px; height:100%; font-family:verdana; font-size:11px; line-height:13px;}
#middlecontent2	{position:absolute;	top:20px; left:207px; width:336px; height:100%; font-family:verdana; font-size:11px; line-height:13px;}
#middlecontent3	{position:absolute;	top:20px; left:155px; width:336px; height:100%; font-family:verdana; font-size:11px; line-height:13px;}
#middlecontent4	{position:absolute;	top:20px; left:0px; width:336px; height:100%; font-family:verdana; font-size:11px; line-height:13px;}

#eJmiddlecontent2	{position:absolute;	top:35px; left:207px; width:336px; height:100%; font-family:verdana; font-size:11px; line-height:13px;}

#undermap	{position:absolute;	z-index:5; top:402px; left:207px; width:336px; height:100px; overflow:visible; font-family:verdana; font-size:11px;}
#abovemap  {position:absolute; left:207px; top:20px; width:390px; height:100px; overflow: visible;}
#londonmap	{position:absolute;	z-index:3; top:127px; left:207px; width:350px; height:271px;}
#bristolmap	{position:absolute;	z-index:4; top:127px; left:207px; width:350px; height:271px;}
#scotlandmap {position:absolute; z-index:5; top:127px; left:207px; width:350px; height:271px;}
#dublinmap {position:absolute; z-index:6; top:127px; left:207px; width:350px; height:271px;}
#emamap {position:absolute; z-index:7; top:127px; left:207px; width:350px; height:271px;}
#offerbox {position:absolute; width:96px; height:96px; z-index:8; left: 208px; top: 200px;}
#smartinfoarea	{position:absolute; top:20px; left:600px; width:143px; font-family:verdana; font-size:11px; line-height:13px;}
#smartinfoarea2	{position:absolute; top:20px; left:543px; width:200px;}
#smartinfoarea3	{position:absolute; top:20px; left:600px; width:172px; font-family:verdana; font-size:11px; line-height:13px;}

#eJsmartinfoarea2	{position:absolute; top:35px; left:543px; width:200px;}

#homepagealign	{position:absolute; top:420px; left:60px; width:481px; height:22px; z-index:4;}
#frmmiddlecontent {position:absolute;	z-index:1; top:20px; left:45px; width:537px; height:100%; font-family:verdana; font-size:11px; line-height:13px;}
#habranding {position:absolute;	top:24px; left:488px; width:83px; height:47px; z-index:50;}



#Content  { position: absolute; z-index: 1; top: 40px; left: 60px; width: 440px }
#contentPlus {position:absolute; left:56px; top:80px}
#RightCol {position: relative; text-align:left; margin: 44 0 0 370; width:360px;}
#RightColLinks { /*text-align: left; margin-top: 20px; position: absolute; width: 360px */}
#puff {position: absolute}
#OfferLink  { background-color: #ff9; padding:8 }

.BannerHead {
	
	text-align:center;
	color:#1C4BA6;
	font-size: 22px;
	font-weight:bold; /*Georgia, serif;*/
	/*  */
	text-shadow: #d2d0d0 4px 4px 3px 

}

#XtractShad  { position:absolute; left:105; top:105;/* */ z-index:0;  }

#PageLogo { text-align: right; }

.Review { padding: 0 12px 0 12px; line-height: 1.1em; }

.greyline {position: absolute;  top:37px; left:580px; background:#999999; width:1px; height: 100%;}


/* used for eJ banner link text */
.eJbanner { color:#ffffff; text-decoration: none; }
.eJbanner:hover { color:#000000; text-decoration: none; }

/* colors (mainly for links) */
.smalldkgreen	{color:#009966; text-decoration: none;}
.smalldkgreen:hover	{color:#66cc99; text-decoration:none;}
/* class for links other than menu links */
.smalldkgreen2	{font-family:verdana; font-size:11px; line-height:13px; color:#009966; text-decoration: none;}
.smalldkgreen2:hover	{font-family:verdana; font-size:11px; line-height:13px; color:#66cc99; text-decoration:none;}

.smalldkgreen3	{font-family:verdana; font-size:11px; color:#009966; text-decoration: none;}
.smalldkgreen3:hover	{font-family:verdana; font-size:11px; color:#66cc99; text-decoration:none;}

/* holiday autos colors */
.smalldkorange {font-family:verdana; font-size:11px; color:#ff9900; text-decoration:none;}
.smalldkorange:hover {font-family:verdana; font-size:11px; color:#ffcc66; text-decoration:none;}

.bigdkgreen	{color:#009966; font-size:15px; font-family:verdana;}
.bigdkgreen:hover	{color:#66cc99; text-decoration:none;}	

.smalldkgrey	{color:#CCCCCC;}
.smalldkgrey:hover	{color:#999999; text-decoration:none;}

.bigdkgrey	{color:#CCCCCC; font-size:15px; font-family:verdana;}
.bigdkgrey:hover	{color:#999999; text-decoration:none;}		


/* alignment */
.relate	{position:relative; top:20px;}	
.alignr	{text-align:right;}		


/* titles and subtitles */
.pagetitlebold	{font-family:verdana; font-size:14px; line-height:17px; color:#000000; font-weight:bold;}
.pagetitle	{font-family:verdana; font-size:14px; line-height:17px; color:#000000;}
.pagetext	{font-family:verdana; font-size:11px; line-height:13px; color:#000000;}
.pagesubtitle	 { color: #666; font-size: 11px; font-family: verdana; font-weight: bold }
.smarttitle	{font-family:verdana; font-size:12px; line-height:14px; font-weight:bold; color:#999999;}
.smarttitlealert	{font-family:verdana; font-size:12px; line-height:14px; font-weight:bold; color:#cc0000;}
.smarttext	{font-family:verdana; font-size:11px; line-height:13px; color:#999999;}

.CatTitle a  { color:#ccc; font-size:1.6em; text-decoration:none;}
.CatTitle a:hover  { color:#666; font-size:1.6em; text-decoration:none;}

.CBookTitle   { color: #666; font: 1.6em palatino, serif; text-decoration: none; padding-top: 0.5em; padding-left: 8px; border-top: 2pt solid #999 }
.CBookTitle a { color: #666; font: 1.6em palatino, serif; text-decoration: none; }
.CBookTitle a:hover { color: #ccc; text-decoration: none; }

.CAuthor   { color: #666; font: 1.5em palatino, serif; text-decoration: none; margin-left: 8px; padding-bottom: 0; border-bottom: 1pt solid #999 }

.CBookText   { color: #666; font: 1.1em verdana, sans-serif; text-decoration: none; text-align: justify; padding-right: 8px; padding-left: 8px }
.CReview     { color: #333; font: italic 1em verdana, sans-serif; text-decoration: none; background-color: #ccf; text-align: left; margin-bottom: 1em; padding: 4px 8px 4px 6px; border-left: 4pt solid #99f }

.CPic    { padding-top: 1.4em; border-top: 2px solid #999 }

.CMSG   { padding-left: 8px }

.BuyLinkTxt { position: absolute; width: 150px; }

.Hidey {

	display:none;

}

.InsetPic {

	position:relative;
	float:left;
	padding:0px 8px 8px 0px;

}

/*  newsletter pages

	
	body { font-size: 11px; line-height: 13px; font-family: verdana}
	td { font-size: 11px; font-family: verdana }
	p { padding: 0 0 0 8px}
	
	.pagesubtitle  { color: #666; font-size: 11px; font-family: verdana; font-weight: bold }
	.pagetext { color: #000000; font-size: 11px; line-height: 13px; font-family: verdana }
	.pagetitle { color: #000000; font-size: 14px; line-height: 17px; font-family: verdana }
	.pagetitlebold { color: #000000; font-weight: bold; font-size: 14px; line-height: 17px; font-family: verdana }
	
	.smarttext { color: #999999; font-size: 11px; line-height: 13px; font-family: verdana }
	.smarttitle  { color: #999999; font-size: 12px; font-family: verdana; font-weight: bold; line-height: 14px; outline-color: #333 }
	.smarttitlealert { color: #cc0000; font-weight: bold; font-size: 12px; line-height: 14px; font-family: verdana }

	margin-right: 24px; margin-left: 12px; 

*/	

	.Review     { border-bottom: 1pt solid #999 }	
	.Review a   { color: #43878a }
	.Review a:hover     { color: #5d70b2 }
	
	
.BookTitle  { color: #757575; font: 1.8em palatino, serif; }

.CatEG { 
	width: 240px;
} 

.CCoverPic {
	position:relative;
	float:left;
	padding:0px 8px 4px 0px;
}

.CTitle { 
	font-weight: bold; 
	background-color: #ff9;
	}

.CAuth { font-style: italic; }

.CSDesc { }

.CUKpr { font-weight: bold; }

/*

*/
	
#pageContent { position:absolute; width:440px; margin-top:24px; text-align: left;}
	
.pageLinks { position:absolute; }
	
/* size of dhtml menus */

.menutitle	{font-family:verdana; font-size:15px;}

/* miscelaneous */
.blank	{line-height: 1px;}
.line16 {line-height:16px; } 
.dropdownbox{width: 200px; font-family: verdana; font-size: 11px; color: #000000}
.dropdownbox2{width: 160px; font-family: verdana; font-size: 11px; color: #000000}
.dropdownboxsm{width: 50px; font-family: verdana; font-size: 11px; color: #000000}
.dropdownboxmd{width: 97px; font-family: verdana; font-size: 11px; color: #000000}
.dropdownboxlg{width: 125px; font-family: verdana; font-size: 11px; color: #000000}
.dropdownboxex{width: 185px; font-family: verdana; font-size: 11px; color: #000000}
.dropdownbox80{width: 80px; font-family: verdana; font-size: 11px; color: #000000}
.dropdownbox95{width: 95px; font-family: verdana; font-size: 11px; color: #000000}
.dropdownbox175{width: 175px; font-family: verdana; font-size: 11px; color: #000000}
.dropdownbox326{width: 326px; font-family: verdana; font-size: 11px; color: #000000}
.dropdownboxfreewidth{font-family: verdana; font-size: 11px; color: #000000}
.dropdownboxtimetable{width: 200px;font-family: verdana; font-size: 11px; color: #000000}

.nonlineheight	{font-family:verdana; font-size:11px; color:#000000;}

#gfblogo
{
    HEIGHT: 102px;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 0px;
    WIDTH: 180px;
    Z-INDEX: 1
}
#gfbmenu
{
    HEIGHT: 100%;
    LEFT: 0px;
    POSITION: absolute;
    TOP: 103px;
    WIDTH: 60px;
    Z-INDEX: 2
}
#gfbbody
{
    HEIGHT: 100%;
    LEFT: 180px;
    LINE-HEIGHT: 13px;
    POSITION: absolute;
    TOP: 102px;
    WIDTH: 410px;
    Z-INDEX: 1
}
#gfbsmartinfoarea
{
    LEFT: 540px;
    LINE-HEIGHT: 13px;
    POSITION: absolute;
    TOP: 40px;
    WIDTH: 165px
}
#gfbroundels
{
    LEFT: 0px;
    LINE-HEIGHT: 13px;
    POSITION: absolute;
    bottom: 0px;
    WIDTH: 300px;
    Z-INDEX: 4
}

.dropdownbox80
{
    COLOR: #000000;
    FONT-FAMILY: verdana;
    FONT-SIZE: 11px;
    WIDTH: 80px
}


/* New world paradigms */

.red {
	color:red;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.right {
	text-align:right;
}

.left {
	text-align:left;
}

.justify {
	text-align:justify;
}

.centre {
	text-align:center;
}

/* New world paradigms */

#BookList {
	width:260px;
}


#EyeBody {
	
	position: relative;
/*	background-color: #638FCF;	*/
	text-align: center;

/*	height: 1400%;				*/
	width: 100%;

	margin-top: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
}

#EyeContent {
	
/*
	left: 144px;
	top: 106px;
	position:absolute;
*/
	
	height:800px;
	background-color: white;
	text-align: center;
	
	color: #666;

	width:636px;
	
	min-height:100%;
  	
  	margin-left: auto; 
	margin-right: auto;
	margin-top:16px;	
/*	border: solid 1px red;	*/

}

#Eye-Books-Logo {
	
/*
	position:absolute;
	width:499px; 
*/
	padding-top:8px;
	
}

#EyeSiteMenu {
	background-image: url(UI/SNav.gif);
}

#EyeSiteMenu, #EyeSectionNav {	
	border-top: solid 1px #355481;
	width:626px;

  	margin-left: 5px; 
	margin-right: 5px;

	text-align: center;

	color: #D3ECFE;
	vertical-align: middle;
	
/*	background-repeat:no-repeat;	*/
	
	background-color: #486999;
	
}

.SiteNav, .SectionNav {
	float:left;
	display:block;
	text-align:center;
	
	margin-left:auto;
	margin-right:auto;
}
	
.SiteNav {
/*	width: 16.6%;	*/
}
	
.SectionNav {
/*	width: 33%;	*/
}
	
#SiteNav ul, #SectionNav ul {
	list-style:none;
	text-indent: 0em;

	padding:0;
	margin:0;
}


#SiteNav li, #SectionNav li {
	font-size: 0.8em;
	line-height:1.1em;
	
	
	padding:0;
	margin:0;
	
	display:inline;
}

#SiteNav li a, #SectionNav li a {
	height:24px;
	line-height:22px;	
}

#SiteNav li span, #SectionNav li span {
	padding:0px 20px 0px 20px;
}

#SiteNav li p, #SectionNav li p {
	display:inline;
}
/*

	/*	*/
#EyeSectionNav {
	
	/*
	top: 132px;

	height:16px;
	width:626px;

  	margin-left: 5px; 
	margin-right: 5px;

	text-align: center;
	font-size: 0.8em;
	line-height:0.6em;

	vertical-align: middle;
	*/

/*	background-image: url(UI/SNav.gif);
	background-color: #638FCF;	*/
	border-bottom: solid 1px #486999;
	
}

#Eye-Section-Nav {
	
	top: 132px;

	height:16px;
	width:626px;

  	margin-left: 5px; 
	margin-right: 5px;

	text-align: center;
	font-size: 0.8em;
	line-height:0.6em;

	vertical-align: middle;
/*	background-image: url(UI/SNav.gif);
	background-color: #638FCF;	*/
	border-bottom: solid 1px #486999;
	
}


.SectionNav {

	float:left;
	
	line-height:2em;
	
	margin-left:auto;
	margin-right:auto;
	width: 20%;
	w\idth: 20%;
}

#Eye-Page-Nav {
	
/*	position:absolute;
	top: 132px;
	

  	margin-left: 5px; 
	margin-right: 5px;
		*/

	display:block;
	
	width:160px;

	text-align: center;
	font-size: 0.8em;

	vertical-align: middle;
/*	background-image: url(UI/SNav.gif);	*/
	
}

.PageNav {

	width: 140px;
	background-color: #638FCF;
	
	text-align: left;

	padding/**/:/**/4px 0px 0px 10px;
	height:14px;	
	line-height:14px;	
	margin-top:2px;
	
	margin-left:0;
	margin-right:0;
	w\idth: 140px;

}

#EyeSiteMenu a, #EyeSectionNav a, #Eye-Page-Nav a {
	font-weight: bold;
	color: #D3ECFE;
	text-decoration: none;	
}

#EyeSiteMenu a:hover, #EyeSectionNav a:hover, #Eye-Page-Nav a:hover {
	font-weight: bold;
	color: #fff;
	text-shadow: #d2d0d0 2px 2px 2px;	
}

#Page {
	top: 180px;
	padding: 12px 0 0 24px;
	text-align: left;
}

#LeftCol {
	width:160;
	float:left;
}

#LeftCol img {
	padding: 0 0 8px 0;
}

#TextCol {
	float:left;
	width:240px;
	height:100%;
	left:194px;	
}

.DirectoryBody {
	
	width:420;
}

.DirectoryBookList {
	
	display:block;
	width:156px;
	left:432px;
/*
	float:right;
	clear:left;
*/
}
.AuthHead {
	padding-top:6px;
	border-top: 2pt solid #999;
	padding-bottom: 6px;
	border-bottom: 1pt solid #999
}

.CatalogueTitle   { 
	display:block;
	color: #666;
	font: 2em palatino, serif;
	text-decoration: none;
	line-height:0.8em;
}

.CatalogueTitle a { 
	color: #666;
	text-decoration: none;
}

.CatalogueTitle a:hover { 
	color: #ccc;
	text-decoration:
	none;
}

.CatalogueAuthor { 
	color: #666;
	font: 1.5em palatino, serif;
	line-height:1.1em;
	text-decoration: none;
}

.CatalogueText { 
	font: 1.1em verdana, sans-serif;
	line-height: 1.5em;
	text-decoration: none;
	letter-spacing: 132%;
	text-align:justify;
}

.CatBioAuthor { 
	display:inline;
	color: #666;
	font: 1.5em palatino, serif;
	text-decoration: none;
	padding-bottom: 6px;
}

.CataloguePrUk { 
	font-weight: bold; 
}

.CatalogueTick {
	font:1.1em palatino, serif;
	font-style:italic;
}

.TickyBox {
	float:left;
	padding:0 8 0 0;
}

.BookDescript {
	
	display:inline;
	width:260px;
}

#TheBio {
	
	float:left;
	
	text-align:justify;
	text-justify:newspaper;
	margin:0 0 0 24px;
	background-color:white;
	width:164px;
	padding:0 12px 0 12px;

	display:none;

}

.CatalogueAuthor {
	font-size:1.8em;
	line-height: 1.3em;
}

.CatalogueBioPic {
	float:left;
	padding:4 6 6 0;
}

.CatalogueAuthorBio {
	padding: 4px 0 0 0;
	letter-spacing: 132%;
	line-height: 1.2em;
	font-size:0.85em;
}

.CatalogueAuthorBio:first-letter {
	font-family:Palatino,serif;
	font-weight:bold;
	float:left;
	line-height:0.75em;
	font-size:300%;
	color: #666;
	margin:0 2px 0 0;
}

.GoogleButton {
	
	float:left;
	top:80px;
	width:156px;
	height:60px;
	margin:0 0 0 24px;
	display:inline;	

/*	

	left:12px;

	float:right;
	padding: 0 0 0 320px;
*/
}

.OthersBy {

	width: 142px;
	line-height:1em;
	
	color:white;
	
	background-color:#638FCF;
	text-align:left;
	font-size:1.8em;
	font-style:italic;
	font-family:Palatino,serif;
	
	padding: 8px 0 4px 8px;
	/*	*/
}

#Book0 {
	height:400px;
	overflow:auto;
	display:none;
}

#DlPrAlert {
	font-size:1em;
}

.Bloo {
	color:#638FCF;
	font-weight:bold;
}
.DspPrCat {
	color:#638FCF;
	font-size:2em;
	text-align:center;
	font-weight:bold;
}
