/*
Title:      	Styles for standards-compliant browsers
Website: 	    School Library Association | www.sla.org.uk
Author:     	R N Smith | Intexta Web Services | www.intexta.com
Updated:    	05 December 2007
*/

/* ----------------------------------------------------------------------------- */
/* --GENERAL STYLES -- */

html, body, #page {
  min-height: 100%;
  width: 100%; height: 100%;
  font-family: Verdana, Tahoma, Arial, sans-serif;
}

p {
  font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 100%;
  line-height: 155%;
}

ul {
  font-family: Verdana, Tahoma, Arial, sans-serif;
}

ul li {
  padding: 2px 0px 2px 12px;
  background: url(http://www.sla.org.uk/img/ptr.gif) no-repeat 0px 10px;
  list-style: none;
}

a:link, a:visited {
  border-bottom: 1px solid #7ccc42;
  color: #2b2a65; background-color: inherit;
  font-weight: bold;
  text-decoration: none;
}

a:hover, a:active {
  border-bottom: 1px solid #ff0000;
  color: #ff0000; background-color: inherit;
  font-weight: bold;
  text-decoration: none;
}

body {
  margin: 0; padding: 0;
  font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 80%;
}

h1 {
  margin: 0; padding: 0;
  border-bottom: 1px solid #7dba00;
  color: #001d77; background-color: #ffffff;
  font-family: Georgia, "Times New Roman", Times, serif; font-size: 160%; font-weight: normal; font-style: italic;
  letter-spacing: 1px;
}

h2.bookahead {
  margin: 10px 0 0 0; padding: 10px;
  background-color: #def2d0;
  font-family: Arial, sans-serif;
  font-size: 190%;
  font-weight: normal;
  letter-spacing: 1px;
}

h3 {
  margin: 10px 10px 4px 10px; padding: 10px 0px 2px 0px;
  border-bottom: 1px solid #bbbbbb;
  color: #000000; background-color: inherit;
  font-family: Verdana, sans-serif; font-size: 110%;
}

hr { /* For IE */
  border: none;
  width: 100%; height: 1px;
  color: #b7d5b3; background-color: inherit;
}

html > body hr { /* For Gecko Browsers */
  margin-right: 0;
  border: none;
  width: 100%; height: 1px;
  color: inherit; background-color: #b7d5b3;
}

html > body hr { /* For Opera and Gecko Browsers */
  margin-right: 0;
  border: 0px solid #b7d5b3;
  width: 100%; height: 1px;
  color: inherit; background-color: #b7d5b2;
}


/* ----------------------------------------------------------------------------- */
/* -- CONTAINER DIV #page -- */

#page {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  background: url(../img/bg/green1024.gif) repeat-y 18% 0;
}

html>body, html>body #page{
  height: auto;
}


/* ----------------------------------------------------------------------------- */
/* -- HEADER DIV #page#branding -- */

#branding {
  margin: 0; padding: 0;
  border-bottom: 1px solid #808080;
  width: 100%; height: 90px;
  color: inherit; background: #ffffff url(../img/bg/white1024.gif) repeat-y 18% 0;
}

#branding p {
  margin: 0; padding: 0;
}


/* ----------------------------------------------------------------------------- */
/* -- LOGO DIV #page#branding#logo -- */

#logo {
  float:left;
  width: 18%; height: 90px;
  text-align:center;
}

#logo a:link, #logo a:visited, #logo a:hover, #logo a:active {
  border-bottom: 1px solid #ffffff;
}

#logo a:link, #logo a:visited, #logo a:hover, #logo a:active {
  border-bottom: none;
}


#logoimg {
  padding: 14px 10px 0px 0px;
  border: 0;
}


/* ----------------------------------------------------------------------------- */
/* -- BANNER DIV #page#branding#banner -- */

#banner {
  float: right;
  width: 82%; height:90px;
  color: inherit; background: #ffffff url(../img/bg/banner1.jpg) repeat-x 0 0;
}

/* ----------------------------------------------------------------------------- */
/* -- MAIN LEFTPANEL DIV #page#page-body CONTAINS MENU AND MAIN CONTENT -- */

#page-body {
  clear: both;
  float: left;
  width: 82%;
}


/* ----------------------------------------------------------------------------- */
/* -- NAVIGATION DIV #page#page-body#menubar CONTAINS MENU UL -- */

#menubar {
  float: left;
  width: 22%;
}


/* ----------------------------------------------------------------------------- */
/* -- MENU UL #page#page-body#menubar ul#nav -- */

#nav {
  float: left;
  margin: 4px 0px 0px 0px; padding: 0;
  width:100%;
  color: inherit; background-color: #2b2a65;
  list-style:none;
}

#nav li {
  margin: 0; padding: 0;
  border-top: 1px solid #3d5588; border-right: 0; border-bottom: 1px solid #000000; border-left: 0;
  width:100%;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 100%;
}

#nav a {
  display:block;
  margin: 0; padding: 5px 0px 5px 12px;
  border-bottom: none;
  color: #ffffff; background: #2b2a65 url(../img/bg/blue-menu.gif) repeat-y top right;
  font-weight: normal;
  text-decoration: none;
}

#nav a:hover {
  border-bottom: none;
  color: #ffffff; background: #364073 url(../img/bg/blue-menu-o.gif) repeat-y top right;
  font-weight: normal;
}

/*#nav #active {
  padding: 0px 0px 0px 8px;
  border-left: 3px solid #7ccc42;
  border-bottom: 1px solid #364073;
  color: inherit; background: #364073 url(../img/bg/blue-menu-o.gif) repeat-y top right;
  font-weight: bold;
} */

#nav #active {
    padding-left: 8px;
	border-left: 3px solid #7ccc42;
	color: #ffffff; background: #364073 url(../img/bg/blue-menu-o.gif) repeat-y top right;
    font-weight:bold;
}


#subnav {
  margin: 0;
  padding: 7px 0px 7px 0px !important;
  border-top: 1px solid #000000;
  width:100%;
  color: inherit; background-color: #476188;
  list-style:none;
}

#subnav li {
  margin: 0; padding: 0;
  border: 0;
  background-image: none;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 85%;
}


#subnav a {
  margin: 0; padding: 5px 5px 5px 16px;
  /*border-bottom: 1px solid;
  border-bottom-color: #476188;*/
  color: #ffffff; background-color: #476188;
  background-image: none;
  font-weight: normal;
  text-decoration: none;
}

#subnav a:hover {
  /*border-bottom: 1px solid;
  border-bottom-color: inherit;*/
  color: #ffffff; background-color: #476188;
  background-image: none;
  font-weight: normal;
  text-decoration: underline;
}

#subnav #active {
  margin-left: 8px;
  padding-left: 6px;
  border-left: 3px solid #7ccc42;
  color: #ffffff; background-color: #364073;
  background-image: none;
}

#subnav a:hover #active {
/*  border-bottom: 1px solid;
  border-bottom-color: inherit;*/
  background-image: none;
  font-weight: normal;
  text-decoration: none;
}

/*





#subnav a:hover {
	text-decoration: underline;
	color: #ffffff;
	background: none;

}

#subnav #active {
	background: #364073;
	border-left:3px solid #7ccc42;
	padding-left: 6px;
	margin-left: 8px;
}


#subnav a:hover #active {
	text-decoration: none;
}


    */

#subsubnav {
  display: block;
  margin: 0px 0px 0px 6px; padding: 10px 0px 28px 0px;
  list-style:none;
}

#subsubnav ul {
  margin: 0; padding: 0;
  list-style: none;
}

#subsubnav li {
  float: left;
  margin:0; padding:0;
}

#subsubnav a {
  display:block;
  margin: 0px 0px 0px 4px; padding: 0;
  text-decoration: none;
}

#subsubnav a:link, #subsubnav a:visited {
  margin: 0px 15px 0px 0px; padding: 0px 0px 0px 7px;
  border-bottom: 1px solid;
  border-bottom-color: #ffffff;
  color: #001d77; background: url(../img/u/blt.gif) no-repeat 0 50%;
  background-color: inherit;
  font-weight: normal;
}

#subsubnav a:hover {
  margin: 0px 15px 0px 0px; padding: 0px 0px 0px 7px;
  border-bottom: 1px solid;
  border-bottom-color: inherit;
  color: #e00034; background: url(../img/u/blt.gif) no-repeat 0 50%;
  background-color: inherit;
  font-weight: normal;
}

#subsubnav #activated {
  margin: 0px 15px 0px 0px; padding: 0px 0px 0px 7px;
  border-bottom: 1px solid;
  border-bottom-color: inherit;
  color: #001d77; background: url(../img/u/blt.gif) no-repeat 0 50%;
  background-color: inherit;
  font-weight: bold;
}


/* ----------------------------------------------------------------------------- */
/* -- MAIN CONTENT DIV #page#page-body#page-content -- */

#page-content {
/*  margin: 2% 3% 5em 3%; padding: 0; */
  margin: 2% 3% 7% 3%; padding: 0;
  float: right;
  width: 72%;
  line-height: 155%;
}

#page-content p {
  clear: both;
  padding: 0px 10px;
}


/* ----------------------------------------------------------------------------- */
/* -- RIGHT HAND PANEL CONTAINER DIV #page#info-panels -- */

#info-panels {
  float: right;
  margin: 0.5em 0em 5em 0em;
  width: 18%;
}

#info-panels form {
  margin: 0; padding: 0;
}

#info-panels ul {
  margin:0; padding: 0px 0px 6px 7px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 85%;
  list-style:none;
}

#info-panels li {
  margin:0; padding: 3px 4px 4px 21px;
  height: 1%;
}

#info-panels a:link {
  color: #002699; background-color: inherit;
  text-decoration: none;
  border-bottom: 1px solid  #def2d0;
  font-weight: normal;
}

#info-panels a:visited {
  color: #002699; background-color: inherit;
  text-decoration: none;
  border-bottom: 1px solid  #def2d0;
  font-weight: normal;
}

#info-panels a:hover {
  color: #ff023c; background-color: inherit;
  text-decoration: underline;
  border-bottom: 1px solid  #def2d0;
  font-weight: normal;
}

/* ----------------------------------------------------------------------------- */
/* -- RIGHT HAND PANEL ELEMENT CLASS #page#info-panels.sideitem -- */

.sideitem {
  margin: 0px 0px 8px 0px; padding: 0px 0px 2px 0px;
  border-bottom: 1px solid #b7d5b3;
  color: inherit; background-color: #def2d0;
}

.sideitem h2, #orderform h2 {
  margin: 0px 0px 7px 0px; padding: 3px 0px 4px 13px;
  border-bottom: 1px solid #579851;
  color: #001d77; background: #8acc00 url(../img/bg/sla-rgb2.gif) repeat-y 0 0;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 85%;
  min-height: 11px;
}

.sideitem p {
  margin: 0px 0px 0px 7px; padding: 0px 0px 6px 21px;
  border: 0;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 85%;
}


/* ----------------------------------------------------------------------------- */
/* -- SPECIFIC STYLES FOR RIGHT-HAND PANELS -- */

#trolley {
    color: inherit; background: #def2d0 url(../img/icn/icnTrolley.gif) no-repeat 0 0;
}

.searchbox {
  margin: 0px 0px 6px 7px; padding: 2px 0px 3px 21px;
  border: 1px solid #b7d5b3;
  width: 60%;
  color: #454545; background: #ffffff url(../img/icn/icnSearch.gif) no-repeat 3px 3px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 85%;
}

.loginbox {
  margin: 0px 0px 6px 7px; padding: 2px 1px 3px 3px;
  border: 1px solid #b7d5b3;
  width: 60%;
  color: #454545; background-color: #ffffff;
  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 85%; font-weight: normal;
}

.searchbutton {
 margin: 3px 0px 6px -2px; padding: 1px 0px;
 border: 1px solid; border-color: #ffffff #a0c89b #a0c89b #ffffff;
 width: 12%;
 color: #2b2a65; background-color: #cae3c1;
 font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 70%; font-weight: normal;
 text-align: center;
}

.weblog {
  color: #333333; background: url(../img/icn/icnWeblog.gif) no-repeat 2px 3px;
  background-color: inherit;
}

.rss {
  color: #333333; background: url(../img/icn/icnRSS12.gif) no-repeat 2px 4px;
  background-color: inherit;
}

li.weblogbold {
  color: #333333; background:url(../img/icn/icnWeblog.gif) no-repeat 2px 3px;
  background-color: inherit;
  font-weight: bold;
}

li.weblogbold a {
  font-weight: bold !important;
}

.weblogs {
  background:url(../img/icn/icnWeblogs.gif) no-repeat 2px 2px;
}


/* ----------------------------------------------------------------------------- */
/* -- FOOTER DIV #page#impressum -- */

#impressum {
	clear: both;
	position: absolute;
	bottom: 0;
    margin: 0; padding: 6px 0px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	width: 100%;
	color: #ffffff; background-color: #001d77;
	font-size: 72%;
    text-align: center;
}

#impressum p {
	margin: 0; padding: 0;
}

#impressum a:link {
  color: #95dd00;
  background-color: inherit;
  text-decoration: none;
  font-weight: normal;
  border-bottom: 1px solid  #001d77;
}

#impressum a:visited {
  color: #95dd00;
  background-color: inherit;
  text-decoration: none;
  font-weight: normal;
  border-bottom: 1px solid  #001d77;
}

#impressum a:hover {
  color: #ff023c;
  background-color: inherit;
  text-decoration: underline;
  font-weight: normal;
  border-bottom: 1px solid  #001d77;
}


/* ----------------------------------------------------------------------------- */
/* -- MISCELLANEOUS CLASSES AND ID DECLARATIONS -- */

.bullet {
  padding: 0px 3px 1px 0px;
  border:0;
}

.smallbullet {
  padding: 0px 4px 2px 1px;
  border:0;
  width: 4px;	height: 4px;
}

.coverleft, .pic-left {
  float: left;
  margin: 0px 10px 0px 0px; padding: 2px;
  border: 1px solid #999999;
}

.coverright, .pic-right {
  float: right;
  margin: 0px 0px 0px 10px; padding: 2px;
  border: 1px solid #999999;
}

.pic-right-padded {
  float: right;
  margin: 0px 10px 0px 15px; padding: 2px;
  border: 1px solid #999999;
}

.pic-mid {
  margin: 0px 5px; padding: 2px;
  border: 1px solid #999999;
}

.sl-author {
  font-size: 85%; font-weight: bold;
}

.newflash {
  border-top: 1px solid #7dba00; border-bottom: 1px solid #001d77;
  color: #ff0000; background-color: inherit;
  font-family: Tahoma, sans-serif; font-weight: bold;
}


/* ----------------------------------------------------------------------------- */
/* -- STYLES FOR PUBLICATION LISTS -- */

#publication-list {
	margin: 0; padding: 0;
	list-style-type: none;
}

#publication-list p {
	margin-top: 0;
	margin-bottom: 0;

}

#publication-list li {
  margin: 0px 10px 1em 10px; padding: 0.4em 0px 1.5em 15px !important;
  border-bottom: 1px dashed #7dba00;
  background: url(../img/ptr.gif) no-repeat 12px 12px;
}

#publication-list .publication-title {
	font-weight: bold;
}

#publication-list .publication-ed {
	font-size: 85%;
}

#publication-list .publication-info {
margin-top: 3px;

}

#publication-list .coverpic {
	clear: both;
	float: right;
	border: 1px solid #d3e6c5;
	padding: 2px;
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 10px;
}

/* ----------------------------------------------------------------------------- */
/* -- STYLES FOR USER INPUT FORMS -- */


#frm2 {
  float: left;
  margin: 0px 8px 5px 8px; padding: 0;
  border: 1px solid; border-color: #cde2ca #b7d5b3 #b7d5b3 #cde2ca;
  width: 95%;
  color: inherit; background-color: #def2d0;
}

#frm2 p {
clear: none; float: left;
	margin-top: 0; margin-bottom: 0;
	padding-top: 0; padding-bottom: 9px;
}

#frm2 select {
  height: auto;
  font-family: Verdana, sans-serif; font-size: 85%;
}

#frm2 label {
  color: #454545; background-color: inherit;
  font-size: 75%;
}

#frm2 #zSubmit {
  margin: 2em 0em 0em 0em;
  border: 1px solid; border-color: #cde2ca #b7d5b3 #b7d5b3 #cde2ca;
  width: 5em;
  color: inherit; background-color: #ffffff;
  font-family: Verdana, sans-serif; font-size: 85%;
}

.editbutton {
  font-family: Tahoma, sans-serif; font-size: 85%; font-weight: bold;
}

.editbutton a:link, .editbutton a:visited {
  padding: 2px 6px;
  background: #b1c6f1 url(../img/cms-btn-bg.jpg) repeat-x 0 0;
    border-top: 1px solid #baccf4;
    border-right: 1px solid #baccf4;
    border-left: 1px solid #baccf4;
    border-bottom: 1px solid #94b0ed;
  text-decoration: none;
  color: #001d77;
}

.editbutton a:hover, .editbutton a:active {
  padding: 2px 6px;
    border-top: 1px solid #7dba00;
    border-right: 1px solid #7dba00;
    border-left: 1px solid #7dba00;
    border-bottom: 1px solid #7dba00;
  color: #e00034;
  background: #b1c6f1 url(../img/cms-btn-bg.jpg) repeat-x 0 0;
  text-decoration: none;
}

.trolleybutton {
  font-family: Tahoma, sans-serif; font-size: 100%; font-weight: bold;
  height: 19px;  
}

.trolleybutton a:link, .trolleybutton a:visited {
  padding: 2px 6px 2px 20px;
  background: #b1c6f1 url(../img/bg/add-to-trolley2.jpg) repeat-x 2px 0px;
    border-top: 1px solid #baccf4;
    border-right: 1px solid #baccf4;
    border-left: 1px solid #baccf4;
    border-bottom: 1px solid #94b0ed;
  text-decoration: none;

  color: #001d77;
}

.trolleybutton a:hover, .trolleybutton a:active {
  padding: 2px 6px 2px 20px;
    border-top: 1px solid #7dba00;
    border-right: 1px solid #7dba00;
    border-left: 1px solid #7dba00;
    border-bottom: 1px solid #7dba00;
  color: #e00034;
  background: #b1c6f1 url(../img/bg/add-to-trolley2.jpg) repeat-x 2px 0px;
  text-decoration: none;
}


/* ----------------------------------------------------------------------------- */
/* -- DEVELOPMENT STYLES FOR ORDER TABLES AND FORMS -- */

.ordertable {
  margin: 0px 2px 10px 1px;
  border: 1px solid #7dba00; border-collapse: collapse;
  width: 100%;
  color: inherit; background-color: #def2d0;
}

.ordertable caption {
  margin: 10px 2px 0px 0px; padding: 0px 0px 0px 13px;
  border-top: none; border-bottom: 1px solid #579851;
  min-height: 11px;
  color: #001d77; background: #8acc00 url(../img/bg/sla-rgb2.gif) repeat-y 0 0;
  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 85%; font-weight: bold;
  text-align: left;
}

.ordertable caption a:link, .ordertable caption a:visited {
  border-bottom: 1px solid #7ccc42;
  color: #2b2a65; background-color: inherit;
  font-weight: bold;
  text-decoration: none;
}

.ordertable caption a:hover, .ordertable caption a:active {
  border-bottom: 1px solid #ffffff;
  color: #ff0000; background-color: inherit;
  font-weight: bold;
  text-decoration: underline;
}

.ordertable th {
  padding: 0px 5px 0px 12px;
  border: 1px solid #b7d5b3;
  color: inherit; background-color: #bfe7a5;
  font-family: Verdana, sans-serif; font-size: 85%;
  text-align: left;
}

.ordertable td {
  padding: 2px 5px 2px 12px;
  border: 1px solid #b7d5b3;
  font-family: Verdana, sans-serif; font-size: 85%;
}

.ordertable .pricealign {
  text-align: right;
}

.ordertable tfoot td {
  border-bottom: 2px solid #b7d5b3;
  font-weight: bold;
}

#orderform {
  margin: 10px 0px 0px 0px; padding: 0;
  border-width: 1px 1px 2px 1px; border-style: solid; border-color: #b7d5b3;
  width: 100%;
  color: inherit; background-color: #def2d0;
}

#orderform h2 {
  padding-top: 0; padding-bottom: 0;
}

#orderform ul {
  margin:0; padding: 4px 10px 10px 10px;
  font-size: 85%;
  list-style: none;
}

#orderform .formset {
    padding: 5px;
    border-bottom: 1px solid #b7d5b3;
}

#orderform p {
  margin: 0; padding: 0px 0px 0px 10px;
}

#orderform .inputbox {
  margin: 0px 0px 6px 2px; padding: 2px 1px 3px 4px;
  border: 1px solid #b7d5b3;
  width: 60%;
  color: #454545; background-color: #ffffff;
  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 85%;
}

.inputboxlabel {
  margin: 0px 0px 0px 10px;
  color: #454545; background-color: inherit;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 85%; font-weight: normal;
}

#orderform .dropdown {
  margin: 0px 0px 6px 2px; padding: 0;
  border: 1px solid #b7d5b3;
  color: #454545; background-color: #ffffff;
  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 85%;
}

#orderform .inputboxlabel {
  margin: 0px 0px 0px 2px;
  color: #454545; background-color: inherit;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 85%; font-weight: bold;
}

#orderform .inputarea {
  margin: 0px 0px 6px 2px; padding: 2px 1px 3px 4px;
  border: 1px solid #b7d5b3;
  width: 60%; height: 6.5em;
  color: #454545; background-color: #ffffff;
}

#orderform .wkdinputarea {
  margin: 0px 0px 6px 2px; padding: 2px 1px 3px 4px;
  border: 1px solid #b7d5b3;
  width: 60%; height: 6.5em;
  color: #454545; background-color: #ffffff;
  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 85%;
}

#orderform fieldset {
  margin: 0px 10px 5px 10px; padding: 0px 0px 10px 0px;
  border: 1px solid #579851;
  color: #454545; background-color: inherit;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 85%;
}

.radioBtn {
padding-top: 2px; padding-bottom: 2px;
}

#orderformfooter {
  padding: 6px 0px;
  color: inherit; background-color: #bfe7a5;
  font-size: 85%;
}

#orderformfooter p {
  margin: 6px 0px;
  line-height: 1.3em;
}

.orderformbuttons {
  text-align: right;
}

.formsection {
  border-bottom: 1px solid #b7d5b3;
}

.orderformbuttons .zButton {
  padding: 1px 2px 1px 2px;
  border: 1px solid; border-color: #ffffff #579851 #579851 #ffffff;
  width: auto;
  color: #2b2a65; background-color: #8acc00;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 85%;
  text-align: center;
}

.orderformbuttons #zSubmit {
  font-weight: bold;
}

.hang {
  text-indent: -1em; margin-left: 1em !important;
}

.smalltext {
  font-size: 85%;
}

.searchresultspagelink {
  margin-bottom:0;
}

.searchresults {
  font-size: 85%;
  line-height: 130%;
  color: #333;
  padding-left: 24px;
  padding-top: 6px;
  padding-bottom: 6px;
}

span.hilightsearch {
  background-color: #ffffcc;
  border-bottom: 1px dotted red;
  font-weight: bold !important;
  color: red !important;
}

.ordertable a:link, .ordertable a:visited {
  color: #002699; background-color: inherit;
  font-weight: bold;
  text-decoration: none;
}

.ordertable a:hover, .ordertable a:active {
  color: #ff023c; background-color: inherit;
  font-weight: bold;
  text-decoration: underline;
}

.datatable {
  margin: 10px;
  border: 1px solid #b7d5b3; border-collapse: collapse;
  font-size: 100%;
}

.datatable td {
  padding: 5px;
  border: 1px solid #b7d5b3;
  font-size: 85%;
}

.datatable th {
 padding: 5px;
 border: 1px solid #b7d5b3;
 color: inherit; background-color: #def2d0;
 font-size: 85%; font-weight: bold;
 text-align: left;
 line-height: 120%;
}

.datatable caption {
  font-weight: bold;
}

.footnoteref {
  vertical-align: super;
  font-size: 85%;
}

.thumbnailimage {
  margin: 5px; padding: 2px;
  border: 1px solid #7dba00;
  vertical-align: middle;
  }

.thumbnaillink {
  border: none !important;
  text-decoration: none;
}

.thumbnail {
  margin: 5px; padding: 2px;
  border: 1px solid #7dba00 !important;
}

.thumbnail a:link {
  border: 1px solid #7dba00 !important;
  text-decoration: none;
}

.thumbnail a:visited {
  border: 1px solid #def2d0 !important;
  text-decoration: none;
}

.thumbnail a:hover {
  border: 1px solid #e00034 !important;
  text-decoration: none;
}

.thumbnail img {
  border: none;
}

.galleryphoto {
  padding: 2px;
  border: 1px solid #7dba00;
}

.doc-public {
  padding: 2px 0px 2px 18px !important;
  background: url(../img/icn/icnDocument.gif) no-repeat 0 50% !important;
  list-style: none !important;
}

.doc-private {
  padding: 2px 0px 2px 18px !important;
  background: url(../img/icn/icnDocumentLocked.gif) no-repeat 0 50% !important;
  list-style: none !important;
}

.doc-public a:link, .doc-private a:link {
border-bottom: 1px solid #7ccc42;
color: #2b2a65; background-color: inherit;
font-weight: bold;
text-decoration: none;
}

.doc-public a:visited, .doc-private a:visited {
  border-bottom: 1px solid #9dd971;
  color: #605f8c; background-color: inherit;
  font-weight: bold;
  text-decoration: none;
}

.doc-public a:hover, .doc-private a:hover {
  border-bottom: 1px solid #ff0000;
  color: #ff0000; background-color: inherit;
  font-weight: bold;
  text-decoration: none;
}

.doc-public a:active, .doc-private a:active {
  border-bottom: 1px solid #ff0000;
  color: #ff0000; background-color: inherit;
  font-weight: bold;
  text-decoration: none;
}

.address-dl {
  padding-left: 12px;
}

.address-dl dt {
  float: left;
  margin: 0px 0px 2px 0px; padding: 0;
  font-weight: bold;
}

.address-dl dd {
  margin: 0px 0px 2px 40px; padding: 0px 0px 0px 20px;
  font-weight: normal;
}

.logogif {
  margin: 0px 10px;
}

a img.logogif{
  border:none;
}

#isldthumbs {
  text-align: center;
}

#isldthumbs img {
  border: 1px solid #ccc;
  padding: 0;
  margin: 4px;
}

#isldthumbs a:link, #isldthumbs a:visited {
  border-bottom: none;
}

#isldthumbs a:hover img {
  border: 1px solid #000;
}

.greyedout {
  color: #999;
}

ul#update li {
  padding: 2px 0px 2px 12px;
  background: url(../img/ptr.gif) no-repeat 0px 6px;
}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

h3.langhead {
  background: url(../img/icn/icnLanguage.gif) no-repeat 0 90%;
  padding-left: 28px;
}

p.langlist {
  font-family: Tahoma, "Arial Unicode MS", "Lucida Sans Unicode", sans-serif;
  font-size: 80%;
  margin-top: 0;
  color: #757575;
  background: #def2d0 url(../img/icn/icnInfo.gif) no-repeat 0 50%;
}

p.langlist a {
  font-weight: normal;
  border-bottom: 1px solid #def2d0;
  text-decoration: none;
}

p.langlist a:hover {
  border-bottom: 1px dotted red;
  text-decoration: none;
}

p.langlist a.current {
  font-weight: bold;
  color: #333;
}

div#missionstatement {
  background-color: #def2d0;
}

div#missionstatement p.langlist {
  font-family: Tahoma, "Arial Unicode MS", "Lucida Sans Unicode", sans-serif;
  padding-left: 23px;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-left: 5px;
  margin-bottom: 0;
}

div#langdiv p, div#langdiv h3, div#langdiv ul, div#langdiv li {
  font-family: Georgia, "Times New Roman", serif;
}

p.infobox {
  padding: 10px !important;
  background: #ffffcc;
  border: 1px dotted red;
}


form.pubform {
  border:0;
  padding:0;
  margin:0;
}

form.pubform div#qty {
  width: 100px;
  height: 1px;
  background-color: #ffffcc;
  border: 1px solid #666;
  position: absolute;
}

img.cv80 {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #b7d5b3;
  padding: 2px;
}

.defloat {
  clear: both;
}

div.bookblock {
  min-height: 85px;
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 14px 10px;
  background-color: pink;
}

div.bookblock p {
  clear: none !important;
  margin:0;
  padding:0;
}

div.bl0 {
  background-color: #def2d0;
  border-right: 1px solid #b7d5b3;
  border-bottom: 1px solid #b7d5b3;
}

div.bl1 {
  background-color: #cae3c1;
  background-color: #cce5f2;
  border-right: 1px solid #b7d5b3;
  border-bottom: 1px solid #b7d5b3;
}