body {background:#e5e5e5 url(/site/backgrounds/autumn08.jpg) no-repeat top left; 
      background-attachment: fixed; font-family: Verdana, Arial, Helvetica;}

table {border:0px; background:none;}

#site-area {border-right:5px solid white; background:white;}
* html #site-area {width:800px;}

/*The header*/
#site-area #header {position:relative; width:800px; min-height:60px; padding:10px 0 6px 1200px; margin-left:-1200px; background: white url(/site/menuwhite.gif) repeat-y top right;}
* html #site-area #header {width:800px; padding:10px 0 0 900px; margin:0 0 0 -900px; clear:both;}

#site-area #header #site-logo {float:left; margin: 10px 0 0 5px; border:0px;}
* html #site-area #header #site-logo {float:left; margin: 10px 0 0 0px; border:0px;}
#site-area #header #site-title { margin:12px 0 0 20px; float:left; min-width:300px; font: normal 40px/1em  "Times New Roman", Times, serif; color:black;}
* html #site-area #header #site-title {width:300px; margin-top:0px; padding: 14px 0 0 0;}
#site-area #header #top-functions {margin:0px; padding:0px; float:right;}

#site-area #header #links {list-style-type:none; display:inline; float:right; clear:both; text-align:left; background:#505559; color:white; width:190px; margin:10px 0 15px 0; min-height:16px;}
* html #site-area #header #links  { width: 190px; position:relative;}
#site-area #header #links {font-size:0.8em; list-style:none; padding:2px 2px 2px 8px;}
#site-area #header #links li {text-align:left;display:inline; min-height:20px;}
#site-area #header #links li a{text-decoration:none; color:white;}
#site-area #header #links li a:hover{text-decoration:underline;}

a#contactus {background-image:url(/images/mail.png); margin-left:4px; padding-left:19px; background-repeat:no-repeat;}
a#contactus:hover { background-image:url(/images/mail2.png); background-repeat:no-repeat;}

*html a#contactus {background-image:none; margin-left:4px; padding-left:0px; background-repeat:no-repeat;}
*html a#contactus:hover { background-image:none; background-repeat:no-repeat;}

#site-area #header form { width:190px; float: right; clear:both; text-align: left; margin: -10px 0px 10px 0px; padding-right:10px;}
* html #site-area #header form {margin-bottom:0px;} 
#site-area #header form input,
#site-area #header form select {font-size: 0.8em;}
#site-area #header form select {width:80px; float:right;}
#site-area #header form input#search {width:170px; float:left; padding-right:18px; margin-right:-30px;}
#site-area #header form input#search-image {margin:3px 0 0 5px; position:relative; left:2px; cursor:pointer; background:transparent url(/images/search.gif) top left no-repeat; border:0px;}

* html #site-area #header .spacer {clear:both; height:1px;}


/*Menus*/
#site-area #menus {font-family: Arial, Helvetica; width:800px; float:left; position:relative; margin-bottom:10px; padding: 0 0 14px 1200px; margin-left:-1200px; font-size:0.83em; background:#5283ab url(/site/menubluebottom2.gif) no-repeat bottom right;}

#site-area #menus #one {width:800px; padding:2px 0 6px 1200px; margin-left:-1200px; background:#bb0d1d url(/site/menured.gif) repeat-y top right; padding-bottom:4px; float:right; clear:both; z-index:2;}
#site-area #menus #two {width:800px; padding-left:1200px; margin:0 0 -3px -1200px; background:#5283ab url(/site/menublue.gif) repeat-y top right; float:right; clear:both;}  

#site-area #menus #one ul, 
#site-area #menus #two ul {list-style-type: none; width:800px; float:right; padding:0px; margin:0px;}

#site-area #menus ul li { float:left; margin:0px; padding-top:6px; display:inline;}
#site-area #menus ul li a {color:white; text-decoration: none; border: none; margin-left: 3px; margin-right: 3px; font-weight: normal; float:left;}
#site-area #menus ul li a:hover{text-decoration:underline;}
#site-area #menus ul li a.first { margin-left: 16px; }
#site-area #menus ul li a.last { margin-right: 5px;}

#content {float:left;}


/*Sidebar*/

#site-area {padding:0px;}

.menu-1column li a:hover,
.menu-2column li a:hover {color: red;}
#site-area a.link {color: black; background:none; text-decoration:none; background: white url(/site/doublearrow.gif) no-repeat center left; text-align: left; padding-left:15px;}

.menu-1column {clear:none; margin:0 0 0 10px;}
.menu-1column li#top-line {float:left; width:100%; list-style-type:none; height:0px;}       

.menu-2column {width:160px; margin: 0 0 0 10px;}
.menu-2column li.basket-details {list-style-type:none; padding:8px 4px 8px 4px; margin-bottom:1px; text-align:center; background:gainsboro; border-top:none; width:152px;}

.menu-1column li.basket,
.menu-2column li.basket {margin:6px 0px 1px 0px;}

li.postage-info {list-style-type:none; background:gainsboro; text-align:center; padding:0 0 6px 0; border-top:0px; margin-top:-2px; margin-bottom:1px;}
li.postage-info:hover {background:gainsboro;}
li.feedback:hover {background:white;}
li.feedback {padding:0px;}

img#fb-image { height:0; width:0; }

#feedbackbox {float:left; width:100%; list-style-type:none; margin:1px 0 1px 0; padding:4px 0 3px 0; text-align:center; background:gainsboro;}
#feedbackbox #feedbackoptions {text-align:center; width:100%; margin:1px 0 2px 0; padding:0px; background:gainsboro; float:left;}
#feedbackbox #feedbackoptions li {float:none; clear:none; display: inline; border:0px; background:gainsboro;}
#feedbackbox #feedbackoptions li a {background:none; padding:0px; float:left;}
#feedbackbox #feedbackoptions li img {border:none; margin-left:13px;}
#feedbackbox #feedbackoptions {}
#feedbackreplybox {border-top:1px solid white; background:gainsboro; padding:0 6px 4px 6px; margin-bottom:1px;/*display:none;*/}
#feedbackreplybox a {display:inline; background:none; font-weight:bold; color:steelblue; text-decoration:none; /*display:none;*/}
#feedbackreplybox a:hover {color:white; text-decoration:underline;}

#graphical {margin-top:20px; border-bottom:none;}
#graphical img {margin:0px 0 0 0; border-bottom:none;}
#graphical li {border:none;}
#graphical li a,
#graphical li:hover {background:none;}
#graphical li a.uccf {color: black; text-decoration:none; background: url(/images/uccfcard.gif) no-repeat center left; text-align: left; padding:12px 0 7px 45px; margin-top:4px;}


/*Content*/
#site-area #content {width: 610px; min-height:560px; margin: 0 0px 0 10px; border: 1px solid gray; padding:0px; position:relative; z-index:2;}
* html #site-area #content {position: relative; width: 610px; height:560px; float:left; margin:0 0 0 6px;}
/**:first-child+html #site-area #content { padding-top:15px; position:relative;}*/
#content #announcements {margin:6px; border:1px dotted black; clear:both; padding:2px;}
#content #promotions {margin-right:6px; float:right; /*border:1px dotted black;*/ padding:2px;}
#content #promotions .inner {width:270px; margin:2px; background:#5283ab;}
#content #news {float:left; margin-left:6px;}
* html #content #news {margin-left:3px;}
#content #featured {float:right; background:#efefef; padding:7px 9px 9px 9px; margin:0px 6px 6px 0;}
* html #content #featured {margin-right:2px;}


/*New Book layout*/
#page {width:610px;float:left; border:0px; margin:0 0 0 0px; padding:0px; position:relative; overflow:hidden;}
*html #page {width:610px; margin-left:-5px;}
*:first-child+html #site-area #content #page { margin-top:-13px;}


/*Book Info Styles*/
.info-pane {font-family: verdana, arial; overflow:hidden; position:relative; background:#f2f2f2; padding:0px; clear:both; float:left; margin:6px 6px 6px 6px;  width:596px;}
.info-pane img.cover{float:left; margin:10px 10px 10px 10px; padding:2px; border:1px dotted gray;}
.info-pane img.logo {/*display:none;*/ float:right; margin:10px 10px 0 0; padding:8px; background:white; border: 1px dotted gainsboro;}
.info-pane img.series-image {}

.info-pane #book-information{display:table-row; padding-left:0px;}
.largecovers-link {display:block; font-size:0.8em; float:left; clear:left; margin:0px 0 4px 0px; text-decoration:none;}
.largecovers-link:hover {text-decoration:underline;}
.largecovers-link img {margin-right:6px; position:relative; top:4px;}
.info-pane #book-cover{display:table-cell; vertical-align:top; width:155px; background:#f2f2f2; float:left; margin:0px;}
.info-pane #book-description {display:table-cell; vertical-align:top; padding-bottom:10px;}
.info-pane #book-description #data-pane {display:table; width:440px; margin:11px 0 0 0; padding:0px; float:left;}
.info-pane #book-description .data-row {display:table-row; float:left;}
.info-pane #book-description .data-1 {min-width:210px; display:table-cell; vertical-align:bottom; text-align:left;  padding:0px 0 0 0; float:left;}
.info-pane #book-description .data-2 {display:table-cell; vertical-align:bottom; text-align:left;  padding:0px 0 0 0; float:left;}

.info-pane #book-description span.price {margin:5px 0 0 5px; padding:0px; font-family:arial, sans-serif; font-size:1.2em; color:firebrick; display:block; clear:left;}
.info-pane #book-description span.old-price {font-size:0.6em; float:left; text-decoration:line-through; color: black; margin:0 0 0 6px; padding:0px;}
.info-pane #book-description span.offers {font-size:0.6em; float:left; clear:left; font-weight:regular; color:firebrick; margin-left:6px;}


.info-pane img#top-image,
.info-pane img#bottom-image {visibility:hidden; margin:-10px;}

h1.maintitle {margin:9px;}
h2.title {padding:15px 0 0 0; margin:0px; font-size:1.4em; font-family:arial; color:firebrick;}
span.title {color:cadetblue;}
h2.search-title {padding:10px 0 10px 15px; margin:0px; font-size:1.4em; float:left; }
h3.subtitle {padding:0 0 3px 0; margin:0px; font-size:0.8em; font-family:Arial; font-weight:lighter; color:darkslategray;}
h3.subtitle.series {font-size:0.7em; padding:15px 0 0 0;}
h3.subtitle.series a {text-decoration:none; color:blue;}
h3.subtitle.series a:hover {text-decoration:underline; color:blue;}
h3.author {padding:0 0 6px 0; margin:0px; font-size:0.9em; font-style:regular; font-family:arial;}
h4.info {padding:0px; margin:0 0 10px 0; font-size:0.6em; font-weight:lighter; display:block; clear:none; float:left;}
/*h4.price {margin:15px 0 0 0; padding:0px; font-size:1.8em; color:firebrick; clear:none; float:left;}*/
h2.series-title {margin:15px 0 0 15px; font-size:1.4em;}
p.series-blurb {font-size:0.8em; margin-left:15px;}
h3.series-editor {margin-left:15px; font-size:0.8em; font-weight:bold;}

#bibliographic-info {padding:0 0 10px 0; margin:18px 0 0 0; float:left;}

a.purchase-links {background:url(/images/add-to-basket.png) top left no-repeat; height:40px; width:100px; display:inline-block; padding:12px 0 0 45px; margin: 0 0 0 20px; font-size:0.7em; text-decoration:none; font-weight:lighter; clear:right;}
a.purchase-links:hover {text-decoration:underline;}

#breadcrumbs {/*float:left;*/ border-bottom:1px dotted gray; font-size:0.7em; list-style-type:none; padding:0 0 4px 0; margin:6px 7px 0 6px; width:595px;}
* html #breadcrumbs {margin-left:8px; width:594px;}
#breadcrumbs li {display:inline; /*float:left;*/  padding:0px; margin:0px;}

#navigator{float:right; margin:15px 15px 0 0;}
#navigator p {float:right; clear:none; display:inline; margin:0px; padding:0px;}
#navigator ul {padding:0px; display:inline; float:right; clear:none; font-size:0.7em; font-weight:bold; margin:0 10px 0 0;}
#navigator ul li {display:inline; float:left; border:2px solid white; margin-left:3px;}
#navigator ul li a {display:inline-block; text-decoration:none; padding:0 4px 0 4px; }
#navigator ul li a:hover,
#navigator ul li a.selected {background:white;}

#book-tabs {padding:4px 7px 0 15px; margin:0px; display:inline-block; list-style-type:none; width:588px; clear:both; background:silver;}
*html #book-tabs {margin-left:12px;}
#book-tabs li {display:inline;}
*html #book-tabs li {position:relative; top:1px;}
*:first-child+html #book-tabs li {position:relative; top:1px;}
#book-tabs li a {display:inline-block; background:silver; padding:6px 6px 8px 6px; color:black; margin:0px; text-decoration:underline; font-weight:bold; font-size:0.7em;}
#book-tabs li a.selected,
#book-tabs li a:hover {background:white; padding:6px 6px 8px 6px; color:black; text-decoration:none; }

#main-information { font-family:arial, sans-serif; font-size:0.8em; padding:10px 15px 15px 15px; border:none; margin-top:10px; float:left; clear:both;width:585px;}
*html #main-information {padding:5px 20px 0 20px;}
#main-information a {color:steelblue; text-decoration:none; font-weight:bold;}
#main-information a:hover {text-decoration:underline;}
#main-information p {}
#main-information h2 {font-size:1.3em; width:100%; padding:0 0 6px 0; /*border-bottom:1px solid gainsboro;*/}
#main-information h2 a {width:100%; margin-bottom:6px; color:steelblue; text-decoration:none;}
#main-information h2 a:hover {text-decoration:underline;}
/*#main-information li {display:list-item;}*/

#main-information ul.itemlinks,
#main-information ul.authorlink {list-style-type:none; padding:0px; margin:14px 0 0 0; font-weight:bold;}


/*Media bits*/

.media {padding:0px; margin:-8px;}

#recent {background:#f2f2f2; width:220px; float:left; padding:0 0 0 10px; overflow-x:auto; position:relative;}
#recent ul {width:180px; float:left; margin:0px; padding:0px; border-bottom:1px soild white;}
#recent ul li {list-style-type:none; width:180px; display:block; margin: 0px;}
#recent ul li h2 {color: #bb0d1d; font-weight: bold; font-size: 1em; text-align:left; padding-bottom:10px;}
#recent ul li a {border-top:1px solid white; color:black; padding:8px 6px 11px 15px;  background-color:gainsboro; text-align:left; font-weight:normal; font-size:0.7em; display:block; margin:0px; font-family:verdana;}
#recent ul li a.audio {background: url(http://www.ivpbooks.com/Images/audioicon3.gif) no-repeat center left; padding-left:24px;}
#recent ul li a.video {background: url(http://www.ivpbooks.com/Images/videoicon3.gif) no-repeat center left; padding-left:24px;}
#recent ul li a:hover {color:black; background-color:whitesmoke;}
#recent ul li a:visited {color: #bb0d1d; background-color:gainsboro;}
 
#player {background:white; border:1px solid gainsboro; width:320px; height:259px; float:right; clear:right; margin:10px 10px 0 10px;}

#mediaInfo {background:gainsboro; margin-top:0px; width:322px; float:right; margin: 0 10px 10px 10px;}
#mediaInfo p {padding:10px; margin:0px; font-family:verdana, sans-serif; font-size:0.8em;}
#mediaInfo .smaller {font-size:0.8em;}

#page #controls {padding:6px 7px 0 5px; margin:0px; display:inline-block; list-style-type:none; width:600px; clear:both; background:silver;}
*html #page #controls {margin-left:12px;}
#page #controls li {list-style-type:none; display:inline-block; margin: 0 0 0 0; padding:4px 8px 6px 6px; }
*html #page #controls li {display:inline; position:relative; top:1px;}
#page #controls li h2 {margin:0px; clear:none; padding:0px; font-size:0.9em; display:inline;}
#page #controls li a {font-size:0.8em; margin-bottom:10px; margin-left:4px;}
#page #controls li:hover {background-color:white;}
#page #controls li:hover a {text-decoration:none;}
#page #controls li.notab {margin-right:10px;}
#page #controls li.notab:hover {background-color:Lightgray;}
#page #controls li.selected {background-color:white;}
#page #controls li.selected a {text-decoration:none;}
#page #controls li.selected a:hover {color:black;}

.blurb {border-bottom:0px; margin-bottom:5px;}
li.blurb:hover {background:none;}
li.blurb {padding-top:5px;}

#page #controls .author {background: url(http://www.ivpbooks.com/Images/authoricon.gif) no-repeat center left; padding-left:28px;}
#page #controls .booktitle {background: url(http://www.ivpbooks.com/Images/bookicon.gif) no-repeat center left; padding-left:28px;}
#page #controls .provider {background: url(http://www.ivpbooks.com/Images/providericon.gif) no-repeat center left; padding-left:28px;}
#page #controls .date {background: url(http://www.ivpbooks.com/Images/dateicon.gif) no-repeat center left; padding-left:28px;}
        

#files {clear:both; float:left; width:596px; padding:5px; margin-left:-5px; margin-top:-20px;}
* html #files {margin-left:3px;}
#files h4.header {font-size: 1em; border-bottom: 1px solid gainsboro; /*background: url(http://www.ivpbooks.com/Images/authoricon.gif) no-repeat center left; clear:both;*/ padding:0 0 4px 0px; margin:14px 0 2px 0;}
#files .file {background:#EFEFEF; padding:10px; margin-top:2px; clear:both;}
#files .file:hover {background:white;}
#files .file a {clear:none; padding-right:20px;font-size:1em;}
#files .file a.video {background: url(http://www.ivpbooks.com/Images/videoicon3.gif) no-repeat center left; clear:none; margin:0px; padding-left:24px; font-weight:bold;}
#files .file a.audio {background: url(http://www.ivpbooks.com/Images/audioicon3.gif) no-repeat center left; clear:none; margin:0px; padding-left:24px; font-weight:bold;}
#files .file a.more {color:blue;}
#files .file a:hover {text-decoration:underline;}
#files .file a:visited {color: #bb0d1d;}
#files .file span {font-size:0.6em; clear:right;}

.audio {background: url(http://www.ivpbooks.com/Images/audioicon3.gif) no-repeat center left; padding-left:24px;}
.video {background: url(http://www.ivpbooks.com/Images/videoicon3.gif) no-repeat center left; padding-left:24px;}


/*Login*/

#loginbox {position:relative; left:0px;}

/*The footer*/
#site-area #footer {font-size:0.7em; text-align:center; background:white; width:780px; margin-bottom:10px; border-bottom:1px solid white;}
#site-area #footer p {padding-top:15px;}
#site-area #footer a {text-decoration:none;}
#site-area #footer a:hover {text-decoration:underline; color:red;}


/*jQuery Styles*/


/*Extra, Random Styles*/
#main-information.notabs table {width:576px;}
#main-information.notabs table tbody tr td.navbar {width:100%;}
#contactus-map {border:1px dotted black; padding:10px; float:right; clear:none;}

#TagBrowser {margin:0px 0 5px 6px; padding:12px 0 16px 0; width:596px; font-size:0.85em; border-top:none;}
#TagsSelected {min-height: 204px; width: 160px; margin: 0 20px 0 6px; background: gainsboro;}
#TopTags {width:400px;}
#taglist {width:400px;}
#taglist.closed {height: 115px; }
#taglist.open {min-height: 115px; }

#offerReminder {display:none; margin:-20px;}

/* FOUNDATIONS 21 from BRF */
img.f21_logo {margin-bottom:30px;}
img.float_left {float:left; border:1px solid silver; margin-right:12px;}

.f21_book {font-family:arial; margin-bottom:20px;}

h2.f21_title {font-size:1.2em; color:steelblue; font-family:cambria, Garamond; font-weight:normal; margin:0px; padding:0px;}
h2.f21_title a:hover {color:firebrick;}

p.f21_author {padding:0px; margin:0px; font-family:arial; font-style:italic;}
p.f21_price {font-size:1.2em; color:firebrick; font-weight:bold; padding:0px; margin:0px;}