﻿body 
{
    margin:0;
    padding:0;
    background-color:#FFFFFF;
    text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#aspnetForm
{
    /*position:relative;*/
    margin:0 auto;
    padding:0;
    /*width:85%;*/
    background-color:#FFF;
    /*border:1px solid #333;*/
}

/***** MAIN DIVS FOR NEW PAGE LAYOUTS ******/

#content
{
    /*margin-left:160px;*/
    /*border-left:solid 150px #7C94A5;*/
    padding:5px;
    width:744px;
    /*height:500px;*/
     margin-left: auto; 
    margin-right: auto;   
    text-align: left; 
}

#menutop
{ 
	background-color:#FFCC00;
    height:30px;
    width:744px;
    text-align:left;
    float:left;
}

#menuleft
{
    /*padding:5px:0px:5px:0px;*/
    height:20px;
    float:left;
    width:530px;
    display:inline;
    /*vertical-align:bottom;*/
    margin-top:5px;
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader;*/
}

.menuAboutUs
{
	background-image: url(../media/AboutUSMenu.gif);
	background-repeat: no-repeat;
	/*background-position: left top;*/
}


#menuright
{
   padding:3px 5px 0px 0px;
    height:20px;
    float:right;
    width:200px;
    text-align:right;
    display:inline;
    
}

#menutop2
{ 
	background-color:#FFFFFF;
    /*height:30px;*/
    width:744px;
    text-align:left;
    float:left;
}

#menutop2old
{ 
	background-color:#FFFFFF;
    height:30px;
    width:744px;
    text-align:left;
    float:left;
}

#breadcrumbs
{
    /*padding:4px;*/
    padding:4px 0px 0px 0px;
    height:20px;
    float:left;
    width:465px;
    font-size: small;
    display:inline;
}

#searchBook
{
    padding:4px 5px 5px 0px;
    /*height:66px;*/
    float:right;
    width:265px;
    text-align:right;
    display:inline;
}
#basketdisplay
{
    padding:4px 5px 5px 0px;
    height:46px;
    float:right;
    width:265px;
    text-align:right;
    display:inline;
}
#searchBookold
{
    padding:4px 5px 5px 0px;
    height:18px;
    float:right;
    width:265px;
    text-align:right;
    display:inline;
}



#maincontent
{
    /*margin-left:160px;*/
    /*border-left:solid 150px #7C94A5;*/
    padding:0px 0px 5px 0px;
    width:744px;
    /*height:410px;*/
     margin-left: auto; 
    margin-right: auto;   
    text-align: left; 
    float:left;
}

/* ************* END OF MAIN LAYOUT Css ************** */

/* ------------  Category CSS -------------- */
/* used by categoryrange.xls */

#rangefloat
{
		float: left;
		padding:5px;
}

#rangetext
{
width:10em;
background:#fff;
font-family: Verdana, Arial, sans-serif;
float:left;
font-size:8pt;
text-align:left;
}

#rangecontent
{
		float: left;
		height: 140px;
		border: #6FC83A;
		width: 300px;
}



#rangeimage
{
	padding:5px;
	border:1px;
 	float:left;
	width: 8em;
	
	
}

/** html img 
{  behavior: url(../media/iepngfix.htc); }*/



/* ------------- End of Category CSS ------------------ */


/* ------------  Range CSS -------------- */
/* used by rangebook.xls */
#seriesfloat
{
		float: left;
		padding:5px;
}

#seriestext
{
/*width:120%;*/
width:10em;
background:#fff;
font-family: Verdana, Arial, sans-serif;
float:left;
font-size:10pt;
font-weight:bold;
text-align:left;
}

#seriescontent
{
		float: left;
		height: 140px;
		border: #6FC83A;
		width: 300px;
}



#seriesimage
{
	padding:5px;
	border:1px;
 	float:left;
/*	width: 100%;*/
	width:8em;
	
}
/* ------------- End of Range CSS ------------------ */



/* ------------  Book Series images CSS -------------- */
/* used by bookseries.xls */
#bookseriesfloat
{
		float: left;
		padding:0px;
}


#bookseriesimage
{
	padding:1px;
	border:0px;
 	float:left;
/*	width: 100%;*/
	/*width:8em;*/
	
}
/* ------------- End of Book Series images CSS ------------------ */


/* ------------  Search CSS -------------- */

/*search css */

#locontentwide {
	float: left;
	margin-top: 10px;
	width: 700px;
}

#searchresultsholder {
	float: left;
	margin: 0 0 10px 0;
	width: 570px;
}

#searchresultspic {
	float: left;
	padding: 7px;
	text-align: center;
}

/*#searchresultspic img {
	border: 1px solid #222222;
}*/

#searchresultscont {
	float: left;
	width: 490px;
	padding: 0 5px 0 5px;
}

#searchresultscont p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	padding: 0;
	margin: 5px 0 0 0;
}
.searchresulttitle {text-decoration: underline; font-weight: bold; color: #000000;}
.searchresultcat {color: #DA2128;}
.searchresultdesc {color: #000000;}


#searchfloat
{
		float: left;
		padding:5px;
}


#searchcontent
{
		float: left;
		height: 140px;
		border: #6FC83A;
		width: 690px;
}



#searchimage
{
	padding:5px;
	border:1px;
 	float:left;

	
}

#searchtext
{
	width: 490px;
background:#fff;
font-family: Verdana, Arial, sans-serif;
font-size:10pt;
text-align:left;
}

#searchtext p {font-size:8pt;}


/* ------------- End of Search CSS ------------------ */

/* ------------ Top Ten CSS ------------- */

#toptenfloat
{
		float: left;
}
#toptencontent
{
		float: left;
width:145px;
}

#toptenimage
{
	padding:5px;
	border:1px;
 	float: left;
	width: 43px;
	padding-bottom: 50px;

}

#toptentext
{
width:90%;
float:left;
background:#fff;
	font-family: Verdana, Arial, sans-serif;
font-size:x-small;
	/*float: left;
	width: 113px;
	padding: 6px;
	font-family: Verdana, Arial, sans-serif;
	color: #000000;*/
}
#toptentext test
{font-size:x-small}

/* ------------ end Top Ten CSS ------------- */



/* ****************** End of currently used CSS ********************* */


#contenttext
{
    /*margin-left:160px;*/
    /*border-left:solid 150px #7C94A5;*/
    width:345px;
    height:290px;
    
}

#contenttitle
{
    /*margin-left:160px;*/
    /*border-left:solid 150px #7C94A5;*/
    /*padding:5px;*/
    height:112px;
    width:744px;
    
}



#contentrightimage
{
    float:right;
    /*padding:5px;*/
    width:345px;
    height:290px;
    /*position:absolute;*/
    /*right:60px;
    width:150px;
    color:#FFF;*/
}


#nav
{
    position:absolute;
    left:0px;
    width:150px;
    background-color:#7C94A5;
    color:#FFF;
}

#topmenu
{ background-color:#FFFFFF;
    height:30px;
    
}

#menutitle
{ background-color:#FFFFFF;
    height:50px;
    padding:5px;
        width:744px;
    
}

#search
{
    float:right;
}

#breadcrumb
{
    float:left;
}


#footer
{
    font-size:80%;
    color:#000;
    text-align:right;
    padding:5px;
    background-color:#FFF;
    clear:both;
    border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #142a3B;
}



#genericrightimage
{
    float:right;
    /*padding:5px;*/
    width:250px;
    height:450px;
    /*position:absolute;*/
    /*right:60px;
    width:150px;
    color:#FFF;*/
}
#genericcontent
{
    /*margin-left:160px;*/
    /*border-left:solid 150px #7C94A5;*/
    width:450px;
    
}
#twocolleft
{
width:50%;
float:left;
background:#fff;
}

#twocolright
{
width:50%;
float:left;
background:#fff;
}

#threecolleft
{/*position: absolute;
left:10px;
/*top:50px;
width:199px;
background:#fff;
border:1px solid #000;*/
width:33%;
float:left;
background:#fff;


}

#threecolcenter
{
    /*background:#fff;
margin-left: 198px;
margin-right:198px;
border:1px solid #000;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 200px;
margin-right:201px;
}
html>body #threecolcenter {
margin-left: 201px;
margin-right:201px;*/
    width:34%;
float:left;
background:#fff;

	}

#threecolright
{/*position: absolute;
right:10px;
/*top:50px;
width:199px;
background:#fff;
border:1px solid #000;*/
    width:33%;
float:left;
background:#fff;

    
}









.t {background: url(../media/g_dot1.gif) 0 0 repeat-x; width: 20em}
.b {background: url(../media/g_dot1.gif) 0 100% repeat-x}
.l {background: url(../media/g_dot1.gif) 0 0 repeat-y}
.r {background: url(../media/g_dot1.gif) 100% 0 repeat-y}
.bl {background: url(../media/g_blc.gif) 0 100% no-repeat}
.br {background: url(../media/g_brc.gif) 100% 100% no-repeat}
.tl {background: url(../media/g_tlc.gif) 0 0 no-repeat}
.tr {background: url(../media/g_trc.gif) 100% 0 no-repeat; padding:10px} 


.testt {background: url(../media/g_dot1.gif) 0 0 repeat-x; width: 20em}
.testb {background: url(../media/g_dot1.gif) 0 100% repeat-x}
.testl {background: url(../media/g_dot1.gif) 0 0 repeat-y}
.testr {background: url(../media/g_dot1.gif) 100% 0 repeat-y}
.testbl {background: url(../media/g_outlineblc2.gif) 0 100% no-repeat}
.testbr {background: url(../media/g_outlinebrc2.gif) 100% 100% no-repeat}
.testtl {background: url(../media/g_outlinetlc2.gif) 0 0 no-repeat}
.testtr {background: url(../media/g_outlinetrc.gif) 100% 0 no-repeat; padding:10px} 



.bordert {background: url(../media/g_dot1.gif) 0 0 repeat-x; width: 350px}
.borderb {background: url(../media/g_dot1.gif) 0 100% repeat-x; width: 350px}
.borderl {background: url(../media/g_dot1.gif) 0 0 repeat-y}
.borderr {background: url(../media/g_dot1.gif) 100% 0 repeat-y}
.borderbl {background: url(../media/g_blc.gif) 0 100% no-repeat; width:350px}
.borderbr {background: url(../media/g_brc.gif) 100% 100% no-repeat; width:350px}
.bordertl {background: url(../media/g_tlc.gif) 0 0 no-repeat}
.bordertr {background: url(../media/g_trc.gif) 100% 0 no-repeat; padding:10px} 
.borderclear {font-size: 1px; height: 1px}



#seriescontent1
{
		float: left;
		height: 200px;
		border: #6FC83A;
		width: 350px;
}



#seriesimage1
{
	padding:5px;
	border:1px;
 	float:left;
	width: 80px;
}


#seriestext1
{
width:200px;
background:#fff;
font-family: Verdana, Arial, sans-serif;
float:left;
font-size:10pt;
text-align:left;
}




.roundborder 
{
	background: transparent url(../media/g_dot1.gif) 0 0 repeat-x; width: 20em
}

.roundcont {
	width: 350px;
	background-color: #DEF2D2;
	color: #000;
	/*border: 3px solid #6FC83A;*/
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(../media/g_trc.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../media/g_brc.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}


  /* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(../media/imgtest.png) no-repeat bottom right}
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:335px !important; /* IE Win = width - padding */
      width: 320px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */
		





/*

#seriescontent
{
		float: left;
		width:350px;
		border: #6FC83A;
}

#seriesfloat
{
		float: left;
}

#seriesimage
{
	padding:5px;
	border:1px;
 	float: left;
	width: 43px;
	
	
}

#seriesimage2
{
	padding:5px;
 	float: left;
	width: 43px;
	
}


#seriesimage2 a
{
border: none;
 	
}

#series
{
width:50%;
float:left;
background:#fff;
}


#series image
{
	width:25%;
float:left;
 position:relative;
background:#fff;
 padding:5px;

}
#series text
{
		width:25%;
float:left;
background:#fff;
 position:relative;
 padding-left:5px;

}




#seriestext
{
width:50%;
float:left;
background:#fff;
	font-family: Verdana, Arial, sans-serif;

	float: left;
	width: 113px;
	padding: 6px;
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
}

*/

/*
#locontentwide {
	float: left;
	margin-top: 10px;
	width: 596px;
}

#floater {
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}

#floathead 
{
	position:relative;
	width: 350px;
	height: 19px;
	line-height: 19px;
	padding: 0 0 0 10px;
	background: #DA2128;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: bold;
	border-bottom: 2px solid #FFFFFF;
}

#floathead div { 
	position:absolute;	
	top: 100%;
}

#floathead div div {
	position:relative;	
	top:-100%;
}

#floatcont {
	float: left;
	width: 350px;
	background: #F1BDA9;
}

#floatpic {
	float: left;
	width: 43px;
	padding: 6px;
}

#floatpic img {
	border: 1px solid #666666;
}

#floattext {
	float: left;
	width: 113px;
	padding: 6px;
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
}

#floattext p {
	margin: 0;
}


#nav li {
	padding: 0px;
	font-size: 110%;
	color: #FFF;
	text-decoration: none;
	background-color: #0066b2;
	font-weight: bold;
}
#nav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#nav a:link, #nav a:visited  {
	color: #8CCAF9;
	text-decoration: none;
	border-left-style: solid;
	border-left-width: 20px;
	border-left-color: #5c7485;
	display: block;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #142a3B;
}

#nav a:hover, #nav a:active
{
	color: #FFF;
	text-decoration: none;
	border-left-style: solid;
	border-left-width: 20px;
	border-left-color: #6CAAD9;
	display: block;
	padding: 0px 0px 0px 5px;
	margin: 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #142a3B;
}

.main
{
    display:block;
    width:65%;
    float:left;
}

.sidebar
{
    display:block;
    width:30%;
    float:right;
    padding:5px;
    border: 1px solid #999;
    background-color:#DDD;
}

h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-weight: bold; color: #231E1F;}
h1 A {font-weight: bold; color: #231E1F; text-decoration: none;}
h1 A:hover {font-weight: bold; color: #231E1F; text-decoration: none;}

h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-weight: bold; color: #231E1F;}
h2 A {font-weight: bold; color: #231E1F; text-decoration: none;}
h2 A:hover {font-weight: bold; color: #FFCC00; text-decoration: none;}

h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-weight: normal; color: #231E1F;}
h3 A {font-weight: bold; color: #666666; text-decoration: underline;}
h3 A:hover {font-weight: bold; color: #FFCC00; text-decoration: underline;}

h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-weight: bold; color: #FFCC00;}
h4 A {font-weight: bold; color: #FFCC00; text-decoration: none;}
h4 A:hover {font-weight: bold; color: #231E1F; text-decoration: none;}

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; line-height: 140%; font-weight: normal; color: #231E1F;}
p A {font-weight: bold; color: #231E1F; text-decoration: underline;}
p A:hover {font-weight: bold; color: #FFCC00; text-decoration: underline;}

.form {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; font-weight: normal; color: #231E1F; padding-top: 2px; padding-bottom: 2px;}

.price {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; font-weight: bold; color: #231E1F;}

.searchresults {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-weight: bold; color: #231E1F;}
.searchresults A {font-weight: bold; color: #231E1F; text-decoration: underline;}
.searchresults A:hover {font-weight: bold; color: #999999;text-decoration: underline;}

.pagenumbers {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; line-height: 145%; font-weight: normal; color: #231E1F;}
.pagenumbers A {font-weight: bold; color: #231E1F; text-decoration: underline;}
.pagenumbers A:hover {font-weight: bold; color: #FFCC00; text-decoration: underline;}

.links {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; font-weight: normal; color: #231E1F; text-decoration: none;}
.links A {font-weight: normal; color: #231E1F; text-decoration: none;}
.links A:hover {font-weight: normal; color: #999999; text-decoration: underline;}
/*

/*<-- Priddy Book Yellow */

/*
.Y {background-color: #FFCC00;}

.YTLC {background-image: url(../media/y_TLC.gif); background-repeat: repeat; background-position: left top;}
.YTRC {background-image: url(../media/y_TRC.gif); background-repeat: repeat; background-position: right top;}
.YBLC {background-image: url(../media/y_BLC.gif); background-repeat: repeat; background-position: left top;}
.YBRC {background-image: url(../media/y_BRC.gif); background-repeat: repeat; background-position: right top;}

.YoutlineTLC {background-image: url(../media/y_outlineTLC.gif); background-repeat: repeat; background-position: left top;}
.YoutlineTLC2 {background-image: url(../media/y_outlineTLC2.gif); background-repeat: repeat; background-position: left top;}
.YoutlineTRC {background-image: url(../media/y_outlineTRC.gif); background-repeat: repeat; background-position: right top;}
.YoutlineBLC {background-image: url(../media/y_outlineBLC.gif); background-repeat: repeat; background-position: left top;}
.YoutlineBRC {background-image: url(../media/y_outlineBRC.gif); background-repeat: repeat; background-position: right top;}
.YoutlineL {background-image: url(../media/y_outlineL.gif); background-repeat: repeat; background-position: left top;}
.YoutlineR {background-image: url(../media/y_outlineR.gif); background-repeat: repeat; background-position: right top;}
.YoutlineT {background-image: url(../media/y_outlineT.gif); background-repeat: repeat-x; background-position: left top;}
.YoutlineB {background-image: url(../media/y_outlineB.gif); background-repeat: repeat; background-position: left bottom;}
.YfilledBLC {background-image: url(../media/y_filledBLC.gif); background-repeat: repeat; background-position: left top;}
.YfilledBRC {background-image: url(../media/y_filledBRC.gif); background-repeat: repeat; background-position: right top;}

*/

/*<-- Priddy Book Pink - Baby and Toddler */
/*
.P {background-color: #E42A69;}
.Ptitles {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-weight: bold; color: #E42A69;}
.Ptitles A {font-weight: bold; color: #E42A69; text-decoration: none;}
.Ptitles A:hover {font-weight: bold; color: #231E1F; text-decoration: none;}
.PoutlineT {background-image: url(../media/p_outlineT.gif); background-repeat: repeat-x; background-position: left top;}
*/
/*<-- Priddy Book Blue - Preschool */
/*
.B {background-color: #129CDA;}
.Btitles {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-weight: bold; color: #129CDA;}
.Btitles A {font-weight: bold; color: #129CDA; text-decoration: none;}
.Btitles A:hover {font-weight: bold; color: #231E1F; text-decoration: none;}
.BoutlineT {background-image: url(../media/b_outlineT.gif); background-repeat: repeat-x; background-position: left top;}
*/
/*<-- Priddy Book Green - Kids 5+ */
/*
.G {background-color: #6FC83A;}
.Gtitles {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-weight: bold; color: #6FC83A;}
.Gtitles A {font-weight: bold; color: #6FC83A; text-decoration: none;}
.Gtitles A:hover {font-weight: bold; color: #231E1F; text-decoration: none;}
.GoutlineT {background-image: url(../media/g_outlineT.gif); background-repeat: repeat-x; background-position: left top;}
*/