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

.haynesforkids {
  background-image: url(../images/backgrounds/background_Books4Kids.jpg);
  background-repeat: no-repeat;
  background-position:top;
  background-color:#BBBBFF;
/*  background-attachment: scroll; */
  border: 0px;
/*	height: 1160px; */
	width: 606px;
}

.headerpanel {
    float: right;
    margin: 0px;
	padding: 0px;
	width: 606px;
	height: 168px;
}

.headertext {
    float: right;
    margin: 0px;
	padding: 4px 8px 0px 0px;
	vertical-align: top;
	text-align: left;
	width: 270px;
	height: 164px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #0066FF;
}

a.MoreBooks:link, a.MoreBooks:visited  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #BBBBFF;
	text-decoration: none;
	text-align: center;
	background-color: #000099;
	padding: 0px 8px 2px 8px;
	margin: 0px;
}

a.MoreBooks:hover, a.MoreBooks:active {
color: #FFFFFF;
}

.leftcolumn {
	float: left;
	padding: 0px;
	width: 303px;
/*	height: 500px; */
	margin: 0px;

}

.flowleftGreen {
  background-image: url(../images/backgrounds/background_green_box.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  float: left;
  clear: left; 
  margin: 0px 0px 8px 8px;
	padding: 0px;
	width: 284px;
   height: 236px;
}
.flowleftGold {
  background-image: url(../images/backgrounds/background_gold_box.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  float: left;
  clear: left; 
  margin: 0px 0px 8px 8px;
	padding: 0px;
	width: 284px;
   height: 236px;
}

.flowleftRed {
  background-image: url(../images/backgrounds/background_red_box.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  float: left;
  clear: left; 
  margin: 0px 0px 8px 8px;
	padding: 0px;
	width: 284px;
   height: 236px;
}
.flowleftBlue {
  background-image: url(../images/backgrounds/background_blue_box.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  float: left;
  clear: left; 
  margin: 0px 0px 8px 8px;
	padding: 0px;
	width: 284px;
   height: 236px;
}


.rightcolumn {
	float: right;
	clear: right;  
	padding: 0px;
	width: 303px;
/*	height: 500px; */
	margin: 0px;
}

.flowrightGreen {
  background-image: url(../images/backgrounds/background_green_box.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  float: right;
  clear: right; 
  margin: 0px 8px 8px 0px;
	padding: 0px;
	width: 284px;
   height: 236px;
}
.flowrightGold {
  background-image: url(../images/backgrounds/background_gold_box.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  float: right;
  clear: right; 
  margin: 0px 8px 8px 0px;
	padding: 0px;
	width: 284px;
   height: 236px;
}



.flowrightRed {
  background-image: url(../images/backgrounds/background_red_box.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  float: right;
  clear: right; 
  margin: 0px 8px 8px 0px;
	padding: 0px;
	width: 284px;
   height: 236px;
}
.flowrightBlue {
  background-image: url(../images/backgrounds/background_blue_box.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  float: right;
  clear: right; 
  margin: 0px 8px 8px 0px;
	padding: 0px;
	width: 284px;
   height: 236px;
}

.book  {
	float: left;
	clear: right;
	margin: 18px 0px 0px 4px;
	padding: 0px 0px 0px 4px;
	width: 150px;
	height: 200px;
}

.infopanel {
	float: right;
	margin: 16px 4px 0px 0px;
	padding: 0px;
	width:108px;
	height: 162px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

.linkspanel {
	float: right;
	margin: 4px 4px 0px 0px;
	padding: 0px;
	width:108px;
	height: 34px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	vertical-align: text-bottom;
}

a.MoreDetails:link, a.MoreDetails:visited  {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 10px;
text-decoration: none;
color: #CCCCCC;
background-color: #000000;
font-weight: bold;
padding: 0px 2px 2px 2px;
margin: 4px 4px 0px 0px;
display: block;
}

a.MoreDetails:hover, a.MoreDetails:active {
color: #FFFFFF;
}

a.Buy:link, a.Buy:visited {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
text-decoration: none;
text-align: center;
color: #00008A;
background-color: #BBBBFF;
font-weight: bold;
padding: 0px 8px 0px 8px;
margin: 4px 4px 0px 0px;
display: block;
}

a.Buy:hover, a.Buy:active {
color: #FFFFFF;
}