/************ eBOOK STYLESHEET *************/

body
{
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff url(../img/bg/page_bg.gif) 50% 0 repeat-y;
	font-family: Verdana, Helvetica, Arial, san-serif;
	color: #333;
	font-weight: normal;
}

a, a:visited, a:active, a:link
{
	color: #333;
	text-decoration: none;
}

a:hover
{
	color: #326ca6;
}

#wrapper
{
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

/************ LEFT *************/

#left
{
	width: 318px;
	padding: 0;
	float: left;
	margin: 0 20px;
	border: 0;
	background-color: #fff;
	_margin-left: 10px;
}

#left span.logo a
{
	display: block;
	width: 318px;
	height: 74px;
	background: url(../img/logo.gif) no-repeat;
}


/************ LEFT TOP NAV *************/

#left .top
{
	margin: 0;
	padding: 0 17px;
	width: 284px;
	color: #fff;
	background-color: #333;
	float: left;
}

#left .top ul
{
	font-size: 12px;
	line-height: 12px;
	border: 0;
	display: inline;
}

#left .top ul li
{
	display: inline;
	font-weight: normal;
	clear: none;
	margin: 0 0 0 10px;
	float: left;
}

#left .top ul li a
{
	display: block;
	background-color: #333;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	clear: none;
}

#left .top ul li a:hover
{
	text-decoration: none;
	color: #326ca6;
	font-weight: normal;
	background-color: #fff;
}

/************ BOOK INFO *************/


#left .bookinfo
{
	width: 298px;
	float: left;
	padding: 20px 10px;
	margin: 0;
	clear: both;
}

#left .bookinfo .bookimg
{
	width: 65px;
	float: left;
	margin: 0 10px 0 0;
}


#left .bookinfo p
{
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	float: left;
	color: #333;
	padding: 0;
	margin: 0;
	width: 223px;
}

#left .bookinfo p b
{
	color: #326ca6;
	font-size: 12px;
}

#left .bookinfo p b.auth
{
	color: #333;
	font-size: 12px;
}

#left .leftdiv
{
	width: 296px;
	padding: 10px 10px;
	border: solid #a0a0a0;
	border-width: 0px 1px 1px 1px;
	margin: 0 0 0 0;
	float: left;
	clear: both;
	background-color: #fff;
	height: 100%;
}

#left .leftdiv ul
{
	font-size: 12px;
	line-height: 11px;
	border: 0;
	display: inline;
}

#left .leftdiv ul li
{
	display: inline;
	font-weight: normal;
	clear: none;
	margin: 0;
	float: left;
}

#left .leftdiv ul li a
{
	display: block;
	background-color: #fff;
	padding: 6px 10px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	clear: none;
	width: 276px;
}

#left .leftdiv ul li a:hover
{
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	background-color: #326ca6;
}

#left .leftdiv ul li a.on
{
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	background-color: #326ca6;
}

#left .leftdiv .leftcon
{
	margin: 0;
	height: 405px;
	width: 294px;
	border: 1px solid #cbcbcb;
	float: left;
}

/************    TABS    *************/

#left .tabs
{
	color: #333;
	background: #fff url(../img/tabs/tabbg2.gif) bottom repeat-x;
	float: left;
	width: 318px;
	clear: both;
	margin: 20px 0 0 0;
}

#left .tabs ul
{
	font-size: 11px;
	line-height: 11px;
	border: 0;
	display: inline;
}

#left .tabs ul li
{
	display: inline;
	font-weight: normal;
	clear: none;
	margin: 0 10px 0 0;
	float: left;
}

#left .tabs ul li a
{
	display: block;
	width: 50px;
	background-color: #e6e6e6;
	padding: 10px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	clear: none;
	border: 1px solid #a0a0a0;
	border-width: 1px 1px 1px 1px;
	text-align: center;
}

#left .tabs ul li a:hover
{
	text-decoration: none;
	color: #326ca6;
	font-weight: normal;
	background-color: #fff;
	border-bottom-color: #fff;
}

#left .tabs ul li a.on
{
	background-color: #fff;
	color: #326ca6;
	border-bottom-color: #fff;
}

#left .leftdiv ul li.catheader
{
	display: inline;
	font-weight: normal;
	clear: none;
	margin: 0;
	float: left;
	/*border-bottom: 1px solid #ccc;*/
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 100%;
	font-weight: bold;
}

#left .leftdiv ul li.CollectionHeader
{
	display: inline;
	font-weight: bold;
	clear: none;
	margin: 0;
	float: left;
	border-bottom: 1px solid #ccc;
	padding-top: 10px; /*Added*/
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 100%;
	font-weight: bold;
	font-size: 16px;
}

#left .leftdiv ul li.catheader1
{
	display: inline;
	font-weight: normal;
	clear: none;
	margin: 0;
	float: left;
	/*border-bottom: 1px solid #ccc;*/
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 100%;
	font-weight: bold;
}

#left .leftdiv ul li.catheader a
{
	display: inline;
	clear: none;
	margin: 0;
	float: left;
	border-bottom: none;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 3px;
	width: 100%;
	font-weight: bold;
}

#left .leftdiv ul li.catheader a.on
{
	background-color: #326ca6;
	color: #fff;
}

#left .leftdiv ul li.catheader1 a
{
	display: inline;
	clear: none;
	margin: 0;
	float: left;
	border-bottom: none;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
	width: 100%;
	font-weight: bold;
}

#left .leftdiv ul li.catheader1 a.on
{
	background-color: #326ca6;
	color: #fff;
}

#left .leftdiv ul li.subtitle
{
	display: inline;
	font-weight: normal;
	clear: both;
	margin: 0;
	float: left;
	padding-left: 20px;
	width: 275px;
}

#left .leftdiv ul li.subtitle a.subtitlelink
{
	color: #326ca6;
	text-decoration: none;
	font-weight: normal;
	clear: none;
	width: auto;
	padding: 5px 0;
}

#left .leftdiv ul li.subtitle a.subtitlelink:hover
{
	text-decoration: none;
	color: #333;
	font-weight: normal;
	background-color: #fff;
}

/************ SEARCH BOX *************/

#left .searchbox
{
	width: 296px;
	padding: 10px;
	border: 1px solid #a0a0a0;
	float: left;
	margin: 0;
}

#left .searchbox form
{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #333;
}

#left .searchbox input
{
	width: 226px;
	border: 1px solid #a0a0a0;
	padding: 3px;
	color: #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 13px;
}

#left .searchbox .button
{
	padding: 2px;
	background-color: #fff;
	color: #333;
	text-align: center;
	border: 1px solid #a0a0a0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 11px;
}

#left .searchbox .button:hover
{
	color: #326ca6;
	cursor: pointer;
}

#left .searchbox ul
{
	font-size: 11px;
	line-height: 11px;
	border: 0;
	display: inline;
	float: left;
	width: 296px;
	margin: 5px 0 0 0;
	padding: 0;
}

#left .searchbox ul li
{
	display: inline;
	font-weight: normal;
	clear: none;
	margin: 0;
	float: left;
}

#left .searchbox ul li select
{
	border: 1px solid #a0a0a0;
	padding: 3px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #333;
	position: relative;
	clear: none;
}

#left .searchbox ul li a
{
	display: block;
	padding: 6px 5px;
	color: #326ca6;
	text-decoration: none;
	position: relative;
	clear: none;
	font-size: 11px;
}

#left .searchbox ul li a:hover
{
	display: block;
	padding: 6px 5px;
	color: #fff;
	text-decoration: none;
	background-color: #326ca6;
	position: relative;
	clear: none;
}


/************ SEARCH RESULTS *************/

#left .leftdiv .leftcon .searchresults
{
	width: 276px;
	padding: 10px;
	border: solid #cbcbcb;
	border-width: 0 0 1px 0;
	clear: both;
}

#left .leftdiv .leftcon .searchresults span
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	color: #333;
	margin: 0;
}

#left .leftdiv .leftcon .searchresults span b
{
	font-weight: normal;
	color: #326ca6;
}

#left .leftdiv .leftcon .searchresultspages
{
	width: 276px;
	padding: 10px;
	border: solid #cbcbcb;
	border-width: 0 0 1px 0;
	clear: both;
	text-align: right;
	color: #999;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
}

#left .leftdiv .leftcon .searchresultspages span
{
	color: #333;
	float: left;
}

#left .leftdiv .leftcon .searchresultspages a
{
	text-align: right;
	color: #333;
	text-decoration: underline;
}

#left .leftdiv .leftcon .searchresultspages a:hover
{
	text-decoration: none;
	color: #326ca6;
}

#left .leftdiv .leftcon .searchresults
{
	width: 274px;
	height: 265px;
	padding: 10px;
	clear: both;
	color: #999;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	overflow: auto;
	border: 0;
}

#left .leftdiv .leftcon .dict
{
	height: 308px;
}

#left .leftdiv .leftcon .searchresults p
{
	margin: 0 0 10px 10px;
	clear: both;
	color: #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
}

#left .leftdiv .leftcon .searchresults p b.hi
{
	background-color: yellow;
	padding: 1px;
	font-weight: normal;
}

#left .leftdiv .leftcon .searchresults p a
{
	text-decoration: underline;
	color: #326ca6;
}

#left .leftdiv .leftcon .searchresults p a:hover
{
	text-decoration: none;
	color: #326ca6;
}

#left .leftdiv .leftcon .searchresults select
{
	border: 1px solid #a0a0a0;
	padding: 3px;
	font-size: 11px;
	color: #333;
	margin: 0 10px 10px;
}

#left .leftdiv .leftcon .sortby
{
	width: 276px;
	padding: 10px;
	border: solid #cbcbcb;
	border-width: 0 0 1px 0;
	clear: both;
	color: #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
}

#left .leftcon p
{
	margin: 0 0 10px 10px;
	clear: both;
	color: #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 13px;
}

#left .leftcon p b.hi
{
	background-color: yellow;
	padding: 1px;
	font-weight: normal;
}

#left .leftcon p a
{
	text-decoration: underline;
	color: #326ca6;
}

#left .leftcon p a:hover
{
	text-decoration: none;
	color: #326ca6;
}

#left .searchbox .rdo
{
	float: left;
	margin: 0;
	clear: left;
	padding: 0;
	width: 50px;
	border: 0;
}



/************ RIGHT *************/

#right
{
	width: 646px;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

#right .schoollogo
{
	width: 646px;
	height: 54px;
	padding: 10px 0;
	background-color: #fff;
	margin: 0;
}

/************ RIGHT CONTENT *************/

#right .pages
{
	width: 624px;
	padding: 10px;
	border: 1px solid #a0a0a0;
	clear: both;
	text-align: right;
	color: #999;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
}

#right .pages span
{
	color: #333;
	float: left;
	clear: none;
}

#right ul
{
	font-size: 11px;
	line-height: 11px;
	border: 0;
	display: inline;
	float: right;
	width: 634px;
	padding: 5px;
	border: 1px solid #a0a0a0;
	margin: 0;
}

#right ul .toppgs
{
	font-size: 11px;
	line-height: 11px;
	border: 0;
	float: right;
	max-width: 390px;
}

#right ul .toprslts
{
	font-size: 11px;
	line-height: 11px;
	border: 0;
	float: left;
	max-width: 367px;
}

#right ul .toppgs li
{
	display: inline;
	font-weight: normal;
	clear: none;
	margin: 0 5px 0 0;
	color: #999;
	float: left;
	text-align: left;
}

#right ul .toppgs li.noclick
{
	display: inline;
	font-weight: normal;
	clear: none;
	color: #999;
	padding: 5px;
	text-align: left;
	margin: 0 5px 0 0;
}

#right ul .toprslts li
{
	display: inline;
	font-weight: normal;
	clear: none;
	margin: 0;
	color: #333;
	padding: 5px;
	text-align: left;
	float: left;
}

#right ul .toppgs li a
{
	display: block;
	background-color: #fff;
	padding: 5px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	clear: none;
}

#right ul .toppgs li a:hover
{
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	background-color: #326ca6;
}

#right ul .toppgs li a.on
{
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	background-color: #326ca6;
}

#right .ebook
{
	width: 624px;
	float: left;
	margin: 0;
	border: solid #a0a0a0;
	border-width: 0 1px 1px 1px;
	float: left;
	padding: 10px;
}

#right .ebook .wrap
{
	width: 624px;
	float: left;
	margin: 0;
	border: 0;
	float: left;
	padding: 0;
}

#right .ebook .wrap table
{
	width: 604px;
	margin: 0;
	border: 0;
	float: left;
	padding: 0;
	top: 0;
	font-size: 11px;
}

#right .ebook .result div.minlogo
{
	font-size: 10px;
	line-height: 10px;
	color: #333;
	font-weight: normal;
	padding: 0;
	clear: both;
}

#right .ebook .result div.minlogo, x:-moz-any-link
{
	padding-top: 10px;
}

#right .ebook .result div.minlogo, x:-moz-any-link, x:default
{
	padding-top: 0;
}

#right .ebook .resort
{
	padding: 0;
	margin: 0 0 5px 0;
	width: 624px;
	font-size: 11px;
	color: #333;
	position: relative;
	float: left;
}

#right .ebook .resort_custompage
{
	padding: 0;
	margin: 0 0 20px 0;
	width: 624px;
	font-size: 11px;
	color: #333;
	position: relative;
	float: left;
	border-bottom: solid 1px #999;
}

#right .ebook .result
{
	padding: 0;
	margin: 0 0 10px 0;
	width: 600px;
	font-size: 11px;
	color: #333;
	position: relative;
	float: left;
}

#right .ebook .result .book
{
	width: 85px;
	float: left;
	position: relative;
	margin: 0 10px 0 0;
}

#right .ebook .result .book img
{
	border: 0;
}


#right .ebook .result .bookinfo
{
	width: 500px;
	float: left;
	position: relative;
	margin: 0;
	font-size: 11px;
}

#right .ebook .result div.booktitle
{
	font-size: 14px;
	line-height: 14px;
	color: #666;
	margin-bottom: 10px;
	font-weight: bold;
	padding: 0;
}

#right .ebook .result div.author
{
	font-size: 12px;
	line-height: 12px;
	color: #333;
	margin-bottom: 5px; /*Was 10px*/
	font-weight: normal;
	padding: 0;
}

#right .ebook .result div.miscinfo
{
	font-size: 10px;
	line-height: 15px;
	color: #333;
	font-weight: normal;
	padding: 0;
	clear: both;
	margin: 0 0 10px 0;
}

#right .ebook .result div.miscinfo a
{
	display: block;
	padding: 5px 4px;
	color: #326ca6;
	text-decoration: none;
	position: relative;
	clear: none;
	font-size: 10px;
	width: 120px;
	text-align: center;
	float: left;
	border: 1px solid #a0a0a0;
	margin-right: 10px;
}

#right .ebook .result div.miscinfo div
{
	display: inline;
}

#right .ebook .result div.miscinfo a.SeriesLink
{
	azimuth: none;
	background: none;
	background-color: #fff;
	border: none;
	clear: none;
	clip: none;
	color: #326ca6;
	counter-increment: none;
	counter-reset: none;
	cue: none;
	display: inline;
	elevation: none;
	font-size: 10px;
	float: none;
	margin: none;
	padding: none;
	text-align: justify;
	text-decoration: none;
	width: auto;
}

#right .ebook .result div.miscinfo a.SeriesLink:hover
{
	azimuth: none;
	background: none;
	background-color: #fff;
	border: none;
	clear: none;
	clip: none;
	color: #326ca6;
	counter-increment: none;
	counter-reset: none;
	cue: none;
	display: inline;
	elevation: none;
	font-size: 10px;
	float: none;
	margin: none;
	padding: none;
	text-align: justify;
	text-decoration: none;
	width: auto;
}

#right .ebook .result div.miscinfo div
{
	display: block;
	padding: none;
	border: none;
}

#right .ebook .result div.miscinfo div a.Series
{
	display: inline;
	background-color: #fff;
	color: #326ca6;
	text-decoration: none;
	font-weight: normal;
	clear: none;
	width: auto;
	border: 1px solid #000;
	padding: none;
}

#right .ebook .result div.miscinfo div a.Series:hover
{
	display: inline;
	background-color: #fff;
	color: #326ca6;
	text-decoration: none;
	font-weight: normal;
	clear: none;
	width: auto;
	border: none;
	padding: none;
}

#right .ebook .result div.miscinfo a.det
{
	width: 85px;
}

#right .ebook .result div.miscinfo a:hover
{
	display: block;
	padding: 5px 4px;
	color: #fff;
	text-decoration: none;
	background-color: #326ca6;
	position: relative;
	clear: none;
}


#right .ebook .resort select
{
	border: 1px solid #a0a0a0;
	padding: 3px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #333;
	margin: 0;
	position: relative;
	float: right;
	clear: none;
}

#right .ebook .resort span
{
	padding: 5px 0 4px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #333;
	margin: 0 5px 0 0;
	position: relative;
	float: right;
	clear: none;
}

#right .ebook .resort_custompage select
{
	border: 1px solid #a0a0a0;
	padding: 3px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #333;
	margin: 0;
	position: relative;
	float: right;
	clear: none;
}

#right .ebook .resort_custompage span
{
	padding: 5px 0 4px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #333;
	margin: 0 5px 0 0;
	position: relative;
	float: right;
	clear: none;
}

#right .ebook .resort_custompage span.sr
{
	padding: 5px 0 4px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #333;
	margin: 0 5px 0 0;
	position: relative;
	float: left;
	clear: none;
}

#right .ebook .resort span.sr
{
	padding: 5px 0 4px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #333;
	margin: 0 5px 0 0;
	position: relative;
	float: left;
	clear: none;
}

/************ FOOTER *************/

#footer
{
	width: 1024px;
	float: left;
	clear: both;
	padding: 10px 0;
	float: left;
	background-color: #fff;
	margin: 20px 0;
	border-top: 1px solid #cbcbcb;
}

#footer ul
{
	font-size: 11px;
	line-height: 11px;
	border: 0;
	display: inline;
	float: right;
	margin-right: 10px;
}

#footer ul li
{
	display: inline;
	font-weight: normal;
	clear: none;
	margin: 0;
	float: left;
}

#footer ul li a
{
	display: block;
	background-color: #fff;
	padding: 10px;
	color: #333;
	text-decoration: underline;
	font-weight: normal;
	clear: none;
}

#footer ul li a:hover
{
	text-decoration: none;
	color: #326ca6;
	font-weight: normal;
	background-color: #fff;
}

#footer ul li span
{
	display: block;
	background-color: #fff;
	padding: 10px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	clear: none;
}

/************ Licensing Info *************/

#lidiv
{
	width: 984px;
	margin: 20px;
	clear: both;
}

#lidiv span.logo a
{
	display: block;
	width: 318px;
	height: 74px;
	background: url(../img/logo.gif) no-repeat;
}

p.clause
{
	font-size: 12px;
	line-height: 15px;
	color: #333;
	margin: 20px 0 0 20px;
}

div .lhalf
{
	width: 482px;
	height: 560px;
	margin: 0 20px 20px 0;
	position: relative;
	float: left;
}

div .rhalf
{
	width: 462px;
	height: 560px;
	margin: 0 20px 0 0;
	position: relative;
	float: left;
}

#lidiv h2
{
	text-transform: uppercase;
	font-size: 13px;
	line-height: 13px;
	padding: 0;
	margin: 20px 0 0 20px;
}

.sortby
{
	width: 276px;
	padding: 10px;
	clear: both;
	color: #333;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
}

.button
{
	padding: 2px;
	background-color: #fff;
	color: #333;
	text-align: center;
	border: 1px solid #a0a0a0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 11px;
}

.button:hover
{
	color: #326ca6;
	cursor: pointer;
}

.sr
{
	padding: 5px 0 4px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #333;
	margin: 0 5px 0 0;
	position: relative;
	clear: none;
}

.hi
{
	background-color: yellow;
	padding: 1px;
	font-weight: normal;
}

.Adv1
{
	margin-right: 10px;
	margin-bottom: 15px;
}

.Adv2
{
	margin-bottom: 15px;
}


#preview2 
{
	border:red 1px solid; z-index:10; left:20px; visibility: hidden; 
 font-size:10pt;  width:300px; position:absolute;  top:20px; height:400px; background-color:white; overflow:hidden
 }