@charset "utf-8";
/* CSS Document */

/* -------------------------------------------
	BASIC
------------------------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	padding-top: 0;
	color: #7F7F7F;
	font-size: 12px;
	background: white;
}
html, body {
	height: 100%;
}

/* -------------------------------------------
	LAYOUT
------------------------------------------- */
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 750px;
	background: white;
}
#header {
	width: 750px;
	height: 130px;
	vertical-align: top;
	margin: 0;
	padding: 0;
}
#contents {
	width: 750px;
	margin: 0;
	height: auto;
}
#footer {
	width: 750px;
	margin: 6px 0;
	display: block;
	height: auto;
	padding: 6px 0 20px 0;
	border-top: #BFBFBF solid 1px;
	float: left;
}

/* -------------------------------------------
	HEADER
------------------------------------------- */
/* Top Header ############################# */
.topheader{
	width: 750px;
	height: 93px;
}
.leftheader, .middleheader, .rightheader {
	height: 93px;
	float: left;
}
/* Logo ----------------------------------- */
.leftheader {
	width: 233px;
}
.leftheader img {
	border: none;
}
/* Texts & Links -------------------------- */
.middleheader {
	width: 307px;
	text-align: center;
}
.middleheader p, .middleheader h1, .middleheader ul {
	margin: 0;
	padding: 0;
}
.middleheader p.one {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
}
.middleheader h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	color:#65A732;
}
.middleheader p.two {
	font-size: 10px;
}
/* Chat Button ---------------------------- */
.rightheader {
	width: 210px;
	background: url(../images/online-chat.gif) top right no-repeat;
}
.rightheader a {
	display: block;
	width: 75px;
	height: 22px;
	text-decoration: none;
	background: url(../images/online-chatbutton.gif) no-repeat 0 0;
}
.rightheader p {
	margin: 50px 0 0 40px;
	padding: 0;
}
.rightheader a:hover {
	background: url(../images/online-chatbutton.gif) no-repeat 0 -22px;
}
/* Navigation Bar ######################### */
/* Hover Fix - for menu working on IE6 ---- */
body {
	behavior:url("csshover2.htc");
}
/* The Menu ------------------------------- */
.coverMyBooksMenu {
	width:750px;
}
.coverMyBooksMenu ul {
	list-style: none;
	padding:0;
	margin:0;
	float: left;
}
.coverMyBooksMenu ul li {
	display: inline;
}
.coverMyBooksMenu a.firstitem {
	width: 87px;
	border-right: #FFFFFF solid 1px;
}
.coverMyBooksMenu a.seconditem {
	width: 105px;
	border-right: #FFFFFF solid 1px;
}
.coverMyBooksMenu a.thirditem {
	width: 99px;
	border-right: #FFFFFF solid 1px;
}
.coverMyBooksMenu a.fourthitem {
	width: 138px;
	border-right: #FFFFFF solid 1px;
}
.coverMyBooksMenu a.fifthitem {
	width: 127px;
	border-right: #FFFFFF solid 1px;
}
.coverMyBooksMenu a.sixthitem {
	width: 77px;
	border-right: #FFFFFF solid 1px;
}
.coverMyBooksMenu a.seventhitem {
	width: 110px;
}
.coverMyBooksMenu ul li a, .coverMyBooksMenu ul li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background: #4D89B8;
	padding: 3px 0;
	height: auto;
	float:left;
	display:block;
	text-align: center;
}
.coverMyBooksMenu ul li a:hover {
	background-color:#A0C236;
	text-decoration:none;
	color:#FFFFFF;
}

/* -------------------------------------------
	CONTENTS
------------------------------------------- */
/* Vertical Line -------------------------- */
#verticalLine {
	background: url(../images/verticalLine.gif) repeat-y 0 0;
	width: 750px;
	height: auto;
	float: left;
}
/* Left Column ############################ */
#leftColumn {
	width: 160px; /* leftColumn = 160px */
	height: auto;
	float: left;
}
/* Right Column ########################### */
#rightColumn {
	width: 580px;
	margin: 0 0 0 10px;
	height: auto;
	float: right;
}
/* Right Column Middle #################### */
#rightColumnMiddle {
	width: 410px; /* RightColumnMiddle = 410px */
	float: left;
	height: auto;
}
/* Rightest Column ######################## */
#rightestColumn {
	width: 160px; /* The width of the rightestColumn = 160px */
	float: right;
	height: auto;
}
/* General Box ---------------------------- */
.graybox {
	width: 150px;
	height: auto;
	border: #BFBFBF solid 1px;
	padding: 0 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 10px;
}
.graybox p {
	margin: 0;
	padding: 0;
}
.graybox h4 {
	font-size: 11px;
	text-align: center;
	font-weight: normal;
	border-bottom: #BFBFBF solid 1px;
	padding: 3px 0 2px 0;
	margin: 0 0 6px 0;
}
.graybox input {
	width: 140px;
	height: 14px;
	display: block;
	margin: 0 auto 6px auto;
	font-size: 10px;
}
.graybox label {
	padding-left: 4px;
}
.graybox p a.grayboxbuttons {
	background: white;
	padding: 2px 10px;
	border: #7F7F7F solid 1px;
	text-decoration: none;
	color: #7F7F7F;
	margin: 0;
	margin-bottom: 10px;
}
.graybox p a.grayboxbuttons:hover {
	background: #7F7F7F;
	color: white;
}
.buttonsContainer {
	width: 140px;
	height: 20px;
	margin: 10px auto;
}

/* -------------------------------------------
	FOOTER
------------------------------------------- */
#footer p {
	text-align: center;
	font-size: 11px;
	margin: 6px 0 0 0;
	padding: 0;
}
#footer p a {
	color: #7F7F7F;
	text-decoration: none;
}
#footer p a:hover {
	color: #1D335F;
	text-decoration: underline;
}
#footer p.cards {
	width: 750px;
	height: 30px;
	background: url(../images/cards2.gif) no-repeat 430px center;
	padding: 12px 0 0 0;
	margin: 0 auto;
	text-align: left;
	text-align:center;
}



/* top header links ------------------------ */

.middleheader ul {
	padding-top: 5px;
	list-style: none;
}
.middleheader ul li {
	display: inline;
}
.middleheader ul li.first {
	background: url(../images/custom/cart.gif) no-repeat;
	padding-left: 24px;
}
.middleheader ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7F7F7F;
	text-decoration: none;
	font-size: 10px;
	padding: 0 5px;
}
.middleheader ul li a:hover {
	color: #B9B9B9;
}

.boxRequestCatalogue p {
margin:6px 0;
padding:4px 0;
text-align:center;
}
#rightestColumn .greenWord {
color:#9FC135;
}
.boxNewsletter h4 {
color:#4D89B8;
font-weight:bold;
}
.boxNewsletter p {
padding:0 0 8px;
}

/* login box specific styles */
.graybox p.recoverpassword {
margin:10px 0;
text-align:center;
}
.graybox p.recoverpassword {
text-align:center;
}
.boxLogin h4 {
color:#4D89B8;
font-weight:bold;
}
.graybox input {
  font-size:10px;
  height:12px;
  margin:0 auto 6px;
  padding:0 0 2px 2px;
  width:140px;
}
.graybox label {
  padding:0 0 2px 2px;
  width:140px;
}
.graybox p a.grayboxbuttons {
  margin:0 0 10px;
  padding:2px 10px;
}

#leftColumn h2.green {
	color: #9FC135;
}
#leftColumn h2.blue {
	color: #4D89B8;
}