html { font-size: 100%; /* IE hack */ }
body {margin:0px; background: #e8e8e9 url(../images/bg.gif) 50% 0 repeat-y; color: #222; font-family: Arial, Helvetica, Verdana; font-size: 0.62em;}
table { font-size: 100%; /* IE hack */ }

/* CJ's Style Defaults */
a {outline: none;}
form, fieldset, dl {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5  {margin: 0 0 0 0;  padding: 0; }
p {margin: 0 0 15px 0;  padding: 0; }
td, th {vertical-align: top;}
th {text-align: left; }
.clearer {clear: both;}
.clearleft {clear: left}
.clearright{clear: right;}
.getright {float:right;}
.imgleft {float: left; margin: 0 10px 7px 0;}
.imgright {float: right; margin: 0 0 7px 10px;}
.getleft {float:left;}
.centa {text-align: center;}
.blockit {display: block;}
.space-lrg {margin: 0 0 30px 0;}
.space-sml {margin: 0 0 15px 0;}

.bolden {font-weight: bold;}
.nobg {background: none !important;}
.nomargin {margin:0 !important;}
.noborder {border: none !important;}
.nopad {padding:0 !important;}
.invisi {display: none !important;}

/* Colours */

/* Links */
a:link, a:visited		{color: #3333cc; text-decoration: underline;}
a:active, a:hover	{color: #0472fb; }

/* Headings */
h1 {background: url(../images/bg_dounderline.gif) 0 100% repeat-x; font-size: 1.6em; font-weight: normal; padding-bottom: 5px; margin-bottom: 15px;}
h2 {border-bottom: 1px solid #c3d3e1; font-size: 1.1em; font-weight: bold; padding-bottom: 2px; margin-bottom: 25px;}

	#header {width: 100%;}

/* Lists */
	#header ul { margin: 0; padding:0 35px; list-style:none; float:right; width:890px; background: url(../images/bg_tnav.gif) repeat-x bottom;  font-size: 1.2em;}	
	#header li {float:right; background:url(../images/header_tab_left.gif) no-repeat left top; margin:0 1px 0 0; padding:0 0 0 9px; border-bottom:1px solid #758898;}
	#header li a {float:right; display:block; width:.1em; background:url(../images/header_tab_right.gif) no-repeat right top; padding:7px 15px 5px 8px; text-decoration:none; color:#333;}
	#header > ul li a {width:auto;}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#header li a {float:none;}
	/* End IE5-Mac hack */
	#header li a:hover {color:#cc0000;}
	#header li:hover, #header li:hover a { background-position:0% -30px; color:#ff0000; }
	#header li:hover a {background-position:100% -30px;}
	#header li.current {background-position:0 -30px; border-width:0; border-bottom:1px solid #d3e4f3;}
	#header li.current a {background-position:100% -30px; color:#cc0000;}		
	
	ul.subnav { margin: 0; padding:0; list-style:none; float:left; width:885px; background: url(../images/bg_snav.gif) repeat-x bottom;  }	
	ul.subnav li {float:left; background:url(../images/sub_tab_left.gif) no-repeat left top; margin:0 1px 0 0; padding:0 0 0 9px; border-bottom:1px solid #c3d3e1;}
	ul.subnav li a {float:left; display:block; width:.1em; background:url(../images/sub_tab_right.gif) no-repeat right top; padding:5px 15px 3px 8px; text-decoration:none !important; color:#333 !important;}
	ul.subnav > li a {width:auto;}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	ul.subnav li a {float:none;}
	/* End IE5-Mac hack */
	ul.subnav li a:hover {color:#cc0000;}
	ul.subnav li:hover, ul.subnav li:hover a { background-position:0% -30px; color:#ff0000; }
	ul.subnav li:hover a {background-position:100% -30px;}
	ul.subnav li.current {background-position:0 -30px; border-width:0; border-bottom:1px solid #d3e4f3;}
	ul.subnav li.current a {background-position:100% -30px; color:#cc0000 !important;}		
	
		
	ul.link-list {margin:0; padding: 0; list-style: none;}
	ul.link-list li {display: inline; background: url(../images/bg_linkdiv.gif) 100% 50% no-repeat; padding: 0 8px 0 0; margin: 0 7px 0 0;}		

/* Tables */
table.tbl-basic {width: 100%; padding: 0; border: none; margin-bottom: 50px;}
table.tbl-basic th {border-bottom: 1px solid #c3d3e1; padding: 0 2px 5px 2px;}
table.tbl-basic td {border-bottom: 1px solid #c3d3e1; padding: 3px 2px;}
table.tbl-basic td.blank {border-bottom: 1px solid #FFF;}
table.tbl-basic td.label {color: #666;}

table.tbl-order {width: 100%; padding: 0; border: none; margin-bottom: 25px;}
table.tbl-order th {border-top: 1px solid #758898; background: #b7c9e1; padding: 3px 4px;}
table.tbl-order td {padding: 3px 4px;}
table.tbl-order td.header {padding: 3px 4px 15px 4px;}
table.tbl-order tr.alt td {background: #e2e8f0;}

.tableLogin
 {
 	width: 100%;
 }  
 
 .tableLogin td
 {
 	padding: 5px;
 }

/* Forms */
form.frm-std {margin-bottom: 30px;}
form.frm-std label, form.frm-std input.frmfld  {float: left; display: block; margin-bottom: 5px; }
form.frm-std label {width: 100px; padding-right: 10px; padding: 1px 0;}
form.frm-std input.frmfld {width: 190px; border-top: 1px solid #9c9b9b; border-left: 1px solid #9c9b9b; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; font-size: 1.0em; margin-right: 15px; color: #666;}
form.frm-std select {width: 192px;  font-size: 1.0em; margin-right: 15px; color: #666;}
form.frm-std br {clear: left;}
form.frm-std input.frmbutt {background-color: #bd2502; color: #FFF; padding: 2px 7px; border: none; font-size: 0.9em; font-weight: bold; cursor:pointer;}

/* Superstructure  */
#shield {width: 960px; margin: 0 auto;}
#header {padding-bottom: 30px; }
#main {padding:0 35px; font-size: 1.2em;}

/* Infrastructure  */
div.panel {background: #e2e8f0 url(../images/bg_panel_top.gif) no-repeat; width: 436px; margin-right: 18px; float: left;}
	div.panel h3 {border-bottom: 1px solid #FFF; padding: 7px 15px 3px 15px; font-size: 1.0em; margin-bottom: 15px;}
	div.panel div.panel-bot {background: url(../images/bg_panel_bot.gif) 0 100% no-repeat; height: 3px;}
	
/* Miscellaneous */
#logo {display: block; margin: 25px 0 5px 30px; width: 293px;}

.pageError
{
	color: #CC6600;
	font-size: 100%;
}

 .red
 {
 	color: Red;
 } 

#logoContainer
 {
 	float: left;
 }
 
 .searchbox
 {
 	float: right;
 	margin-top: 40px;
 	margin-right: 30px;
 	vertical-align: middle;
 }
 /* eBooks */
 
a.butt-de {display: block; height: 59px; padding-left: 70px; font-size: 1.6em; color: #747272; text-decoration: none; overflow: hidden; background:url(../../images/de.gif) 0 0 no-repeat;}
a.butt-de:hover {background-position: 0 -59px; color: #cc1e21;}
a.butt-de span {display: block; padding-top: 10px;}
 
a.butt-bookshelf {display: block; height: 31px; padding-left: 33px; font-size: 1.6em; color: #747272; text-decoration: none; overflow: hidden; background:url(../../images/icon_book.gif) 3% 50% no-repeat;}
a.butt-bookshelf:hover {color: #cc1e21; background:url(../../images/wishlist_foot_icon.gif) 0 0 no-repeat;}
a.butt-bookshelf span {display: block; padding-top: 5px;}
 
div.bookshelfpanel {width: 708px;}
div.bookshelfhead {height: 76px; background:url(../../images/bg_bookshelf_head.gif) no-repeat; padding-left: 15px; padding-top: 65px;}
div.bookshelfbar {width: 180px; float: right;}
                div.bookshelfbar p {font-size: 1.2em; color: #747272;}
                div.bookshelfbar ul li a {font-size: 1.2em; color: #747272;}
 
.bookshelf-title {font-size: 1.6em; color: #747272; margin: 0;}
.bookshelf-text {font-size: 1.2em; color: #747272;}
 
table.bookshelfview {margin: 0; padding: 0; border: 0; width: 100%;}                      
                table.bookshelfview th {font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #cc1e21; padding: 0 10px 0 0; vertical-align: top;}
                table.bookshelfview td {padding: 15px 10px 15px 0; background: url(../../images/bg_dots.gif) 0 100% repeat-x; vertical-align: top;}