/*
-----------------------------------------------
i-Stars
Author:www.imaginet.co.uk
Version:06 Nov 2007
----------------------------------------------- */



/* Global Styles
----------------------------------------------- */

* {
   padding:0;
   margin:0;
}
a {
   text-decoration:underline;
   color:#67126d;
}
a:hover, .test a:hover {
   color:#67126d;
   text-decoration:underline;
}
a img {
   border:none;
}
.lilink
{
	color:#67126d;
}
p {
   margin:0 0 1em 0;
}
ul {
   list-style-type:none; 
}
table {
   font-size:1em;
}
.breaker {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
   overflow:hidden;
}
.none {
   display:none;
}
.alert {
   color:#f00;
}
div.test {
   background-color:#f00;
}
div#validator {
   padding:1em 0 1em 0;
   text-align:center;
}





/* Page Structure
----------------------------------------------- */

html body {
   background:#fff;
   color:#000;
   text-align:center;
   font:0.8125em Verdana, Arial, Sans-serif;
   margin:10px 0 2em 0;
}
#page {
   font-size:85%;
   text-align:left;
   margin:0 auto;
   margin-top:-11px;
   width:760px;
   padding:0 0 1em 0;
}
#pagetop {
   font-size:85%;
   text-align:left;
   margin:0 auto;
   width:760px;
}
#pagetop div, #pagetop p {
   padding:0 0 0 12px;
}
#left {
   width:180px;
   float:left;
   padding-top:10px;
}
#main {
   width:574px;
   float:left;
}
#right {
   width:180px;
   float:right;
   text-align:left;
   padding-top:10px;
   height:100%;
}
#contentcol {
   width:380px;
   float:right;
}
#contentcol .col {
   line-height:1.4em;
   padding:0 22px 1em 14px;
}
#fullmain {
   width:574px;
   background:#daf8ba url("images/contentbg02.gif") repeat-y 0 0; 
}
#fullmain .col {
   line-height:1.4em;
   padding:0 22px 1em 14px;
}
#login {
   border-color:#abda4e;
   border-width:1px 0 1px 0;
   border-style:solid;
   margin:0 0 1em 0;
}



/* Page Headers   
----------------------------------------------- */

div.pageheader {
   height:53px;
   overflow:visible;
   background-repeat:no-repeat;
   background-position:0 0;
}
div.pageheader h1, div.pageheader div {
   font-weight:bold;
   font-size:1.2em;
   color:#67126d;
   padding:14px 0 0 14px;
}
#contentcol div.pageheader {
   width:380px;
   background-image:url("images/startab01.gif");
}
#fullmain div.pageheader {
   width:574px;
   background-image:url("images/startab02.gif");
}



/* Footer  
----------------------------------------------- */

#footer {
   font-size:85%;
   margin:0 auto;
   width:760px;
   border-top:1px solid #abda4e;
   color:#67126d;
   padding:1em 0 1em 0;
}
#footer a {
   text-decoration:none;
}
#footer a:hover {
   text-decoration:underline;
}
#footer span {
   color:#abda4e;
}




/* Masthead 
----------------------------------------------- */

#masthead {
   margin:0 auto;
   width:760px;
   padding: 0px;
}
#logo {
   float:left;
   width:180px;
}
#topblock {
   float:right;
   width:566px;
   padding:5px 0 0 0;
}
#topnav {
   width:566px;
   text-align:left;
   background-image:url("images/topnavtab.gif");
   background-position:0 0;
   background-repeat:no-repeat;
   background-color:#67126d;
   padding:5px 0 4px 0;
   font-size:0.9em;
}
#topnav a {
   color:#fff;
}
#topnavleft {
   float:left;
   width:378px;
}
#topnavleft ul li {
   display:inline;
}
#topnavleft ul li a {
   float:left;
   display:block;
   background-image:url("images/topnavarrow.gif");
   background-repeat:no-repeat;
   background-position:10px 3px;
   padding: 2px 0 0 30px;
   text-decoration:none;
   font-weight:bold;
}
#topnavleft ul li a:hover {
   text-decoration:underline;
}
#topnavright {
   float:right;
   width:182px;
   padding-top:4px;
}
#topnavright ul li {
   display:inline;
}
#topnavright ul li a {
   float:left;
   display:block;
   height:20px;
   background-repeat:no-repeat;
   background-position:0 0;
   text-decoration:none;
   font-weight:bold;
}
#topnavright ul li#help a {
   width:46px;
   background-image:url("images/help_small.gif");
   margin:0 10px 0 0;
}
ul li#help a {
   width:46px;
   background-image:url("images/help_small.gif");
   margin:0 10px 0 0;
}
#topnavright ul li#mypurchases a {
   width:91px;
   background-image:url("images/mypurchases_small.gif");
   margin:0 10px 0 0;
}
#topnavright ul li#myorder a {
   width:73px;
   background-image:url("images/basket_btn_small.gif");
   margin:0 0px 0 0;
}
#topnavright ul li a span {
   visibility:hidden;
}
#logtext {
   font-size:85%;
   text-align:left;
   margin:0 auto;
   background-image:url("images/topnavbg.gif");
   background-position:0 0;
   background-repeat:repeat-x;
   padding:19px 0 5px 0;
}
#logtext div {
   font-weight:bold;
   width:510px;
}

#help
{
   float:right;
   clear:left;
   margin-top:-33px;
}



/* Find an eBook (LHS) 
----------------------------------------------- */

#findebooklhs {
   width:180px;
   color:#fff;
   background-color:#67126d;
   margin:0 0 1em 0;
}
#findebooklhs form {
   padding:0.5em 0 0.5em 14px;
}
#findebooklhs form table td {
   padding:0 0 0.2em 0;
}
#findebooklhs form input, #findebooklhs form select {
   margin:0 0 0.5em 0;
}
#bykeywd, #byseries, #byreadage, #byinterestage {
   width:156px;
}

/* Our Partners (LHS) 
----------------------------------------------- */

#partnerslhs {
   width:180px;
   background:#fff url("images/greenboxbg.gif") repeat-y 0 0;
   border-bottom:1px solid #abda4e;
   margin:0 0 1em 0;
}
#partnerslhs .box {
   text-align:center;
   padding:2em 1px 1.5em 1px;
}





/* eBook of the month (RHS) 
----------------------------------------------- */

#ebookmonthrhs {
   width:180px;
   background-color:#d9bbdb;
   margin:0 0 1em 0;
}
#ebookmonthrhs .box {
   padding:1em 14px 0.5em 14px;
}





/* Community (RHS) 
----------------------------------------------- */

#communityrhs {
   width:180px;
   background:#fff url("images/greenboxbg.gif") repeat-y 0 0;
   border-bottom:1px solid #abda4e;
   margin:0 0 1em 0;
}
#communityrhs .box {
   padding:1em 12px 1em 12px;
}




/* Right Column 
----------------------------------------------- */

#right ul li {
   background-image:url("images/greenarrow.gif");
   background-repeat:no-repeat;
   background-position:0 3px;
   padding:0px 8px 0.5em 12px;
   margin:0;
}
#right ul li a {
   text-decoration:none;
}
#right ul li a:hover {
   text-decoration:underline;
}




/* Comments 
----------------------------------------------- */

#comments {
   width:100%;
   padding:0 0 2em 0;
}
#comments h2 {
   color:#fff;
   font-size:1.5em;
   background-color:#abda4e;
   padding:0.3em 0 0.3em 14px;
}
div.comment {
   border-bottom:2px solid #daf8ba;
   padding:1em 14px 1em 14px;
   background-color:#f0ffe0;
}
#comments .commentsnav {
   padding:1em 0 2em 0; 
}




/* Listing
----------------------------------------------- */

div.listing {
   margin:0 0 0 0;
}
div.listing h2 {
   font-size:1.2em;
   margin:0 0 1em 0;
}
div.listing ul {
   margin:0 0 1em 0;
}
div.listing ul li {
   background-image:url("images/arrow01.gif");
   background-repeat:no-repeat;
   background-position:0 3px;
   padding:0px 10px 1em 12px;
   margin:0;
}
div.listing ul li a {
   text-decoration:none;
}
div.listing ul li a:hover {
   text-decoration:underline;
}

div.listing table td.gap {
   width:24px;
}
div.listing table td.thumb {
   width:116px;
}
div.listing table td.thumb img {
   border:1px solid #691d6d;
   margin:0 0 1em 0;
}
div.listing table td.bookcover {
   width:240px;
   text-align:center;
}
div.listing table td.bookcover table td {
   padding:0 0 1em 0;
}
div.listing table td.format {
   width:130px;
   background-color:#fff;
   padding:5px;
   border-color:#abda4e;
   border-width:1px;
   border-style:solid;
}
div.listing table td.format h2 {
   color:#67126d;
   font-size:1em;
}
table td.format a {
   text-decoration:none;
}
table td.format a:hover {
   text-decoration:underline;
}
a.view, a.more {
   text-decoration:none;
}
a.view:hover, a.more:hover {
   text-decoration:underline;
}



/* Pagenav 
----------------------------------------------- */

div.pagenav {
   color:#98c245;
   text-align:right;
}
div.pagenav strong {
}
div.pagenav p a {
   font-weight:bold;
   text-decoration:none;
}
div.pagenav p a:hover {
   text-decoration:underline;
}





/* Basket 
----------------------------------------------- */

table.basket th {
   color:#fff;
   background-color:#67126d;
   padding:5px;
}
table.basket td {
   border-bottom:1px solid #daf8ba;
   background-color:#f0ffe0;
   padding:5px;
}
table.basket td table td {
   border:none;
   padding:0 5px 0 0;
}




/* Forms  
----------------------------------------------- */

form table th {
   color:#fff;
   background-color:#67126d;
   padding:5px;
}
form table td {
   padding:5px;
}
foprm table td table td {
   border:none;
   padding:0 5px 0 0;
}





/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   margin:0 10px 5px 0;
}
img.right1, img.right2 {
   float:right;
   margin:0 0 5px 10px;
}
img.left1, img.right1 {
   border:1px solid #691d6d;
}
img.nofloat1 {
   float:none;
   border:1px solid #691d6d;
}
img.nofloat2 {
   float:none;
   border:none;
}





/* Content   
----------------------------------------------- */

hr {
   height:1px;
   color:#fff;
   border-color:#abda4e;
   border-width:1px 0 0 0;
   border-style:solid;
   overflow:hidden;
   margin:0 0 1em 0;
}
p strong span {
   color:#67126d;
}
div.content h2, div.content h3 {
   color:#67126d;
}
h1 {
   font-size:1.4em;
   font-weight:900;
   color:#67126d;
   margin:0 0 1em 0;
}
h1 a, h2 a, h3 a {
   text-decoration:none;
}
div.content h2 {
   font-size:1.2em;
   margin:0 0 0.5em 0;
}
div.content h3 {
   font-size:1em;
   margin:0 0 0.0em 0;
}
div.content h4 {
   font-size:1em;
   margin:0 0 1em 0;
}
div.content ul {
   list-style-type:none; 
   margin:0 0 1em 0;
}
div.content ul li {
   background-image:url("images/bullet01.gif");
   background-repeat:no-repeat;
   background-position:26px 8px;
   padding:0px 10px 1em 42px;
   margin:0;
}
div.content table {
   margin:0 0 1em 0;
}
div.content table td {
   padding:0 5px 0.5em 0;
}
ol {
   padding:0 0 0 26px;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   font-weight:normal;
   text-decoration:none;
}
ol li a:hover {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:lower-alpha
}


.mediaPopUP:hover
{
	cursor:pointer
}