@charset "UTF-8";
/* CSS Document - Treehouse Toys Nov 2009 - created by Grace Peirce, http://www.nhmuse.com */

body { text-align:center;
		min-width:1000px;		/*This is for Netscape browsers */
		margin:0;
		padding:0;
		font:x-small/1.5em "Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;   /* This sets the default font for all elements to Lucida */
		  voice-family: "\"}\""; voice-family:inherit;
		  font-size:small;
		 background-image:url(bkg-body.jpg);
		 background-repeat:repeat-x;
		 background-position:top left;
		 background-color:#edfdbf;

}
  
  
  html>body {font-size:small;}			/* hack to make IE5 behave */





#container {text-align:left;
width:970px;
background-repeat:repeat-y;
background-position:top left;
margin:0px auto 20px auto;

}

#banner {width:970px;
height:153px;
background-image:url(../catalog/banner-img2.jpg);
background-repeat:no-repeat;
background-position:top left;
margin:0;padding:0;
	
}

#banner h1 {font-size:14px;margin:0;padding:0;   /* in banner, to hide h1 head, but still have it indexed by search engines */
}

#banner h1 span {display:none;					/* in banner, to hide h1 head, but still have it indexed by search engines */
}


/* ---------------MAIN CONTENT AREA -----------------*/

#maincontent {width:100%;
float:left;
}



/*--------------- TOP NAV AREA ------------------- */

#topnav {height:24px;
margin-left:175px;
width:780px;
float:right;
}

#topnav ul {
padding:0;
margin: 0;
list-style-type:none;
font: bold 12px Arial, sans-serif;
}

#topnav ul li {
background: #555 url(tab300.jpg);
    float: left;
    margin: 0 2px 0 2px;
	border-left:1px solid #4b8a51;
	border-right:1px solid #4b8a51;

}

#topnav ul li a {
	background: url(tab300.jpg) 100% 0;
    color: #fff;
    float: left;
    line-height: 24px;
    padding-right: 10px;
	padding-left:10px;
    text-decoration: none;
	outline: none;
	}
	

#topnav ul li a:link:hover, #topnav ul li a:visited:hover {
background-position: 100% -24px;
    color: #fff;
    font-weight: bold;

}

#topnav ul li a#current {
background:#fff;
border-bottom:1px solid #fff;
}

/* ------------------BEGIN LEFT NAVIGATION ----------------------------- */


#leftnavbox {width:197px;
background-image:url(bkg-leftnav.jpg);
background-repeat:repeat-y;
background-position:top left;
margin:9px 6px;
}

html>body #leftnavbox { 
}						/* Hack to make IE5 behave - resolves width and padding issues in that browser */

.leftnav {margin:0 4px;
font-size:11px;
color:#7b7055;

}

.leftnav a {text-decoration:none;
display:block;
padding:1px 5px;
border-bottom:1px dashed #7b7055;
background-color:#fff;
font-size:11px;
color:#7b7055;
	
}

.leftnav a:hover {background-color:#ffffcc;
}

/*--------- LEFT NAV HEAD - needs to be an ANCHOR ----------------*/

.navhd {background-color:#d2ecd3;
border:1px solid #645839;
padding-left:5px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:12px;
font-weight:bold;
color:#25a3cc;
letter-spacing:1px;
}



/* ------------ END LEFT NAV ----------*/




/*------------------FOOTER ------------------------- */

#footer {clear:both;
background-color:#6491c8;
width:100%;
padding:10px;
height:100px;
}

#phone {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:18px;
font-weight:bold;
float:left;
width:230px;
text-align:right;
color:#fff;
margin-right:30px;
height:50px;
}

#phone p {margin:0;padding:0;
color:#fff;
text-align:right;
font-size:12px;
}
.footerlinks {float:left;
width:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.footerlinks a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
background-color:#6491c8;
color:#fff;}

.footerlinks a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
background-color:#a9a;
color:#fff;}

#footerclear {clear:left;
width:900px;
text-align:center;
}

#footerclear h1 {font-size:14px;
font-weight:bold;
margin:0;
border-top:1px dashed #a9a;
padding:5px;
font-family:"Comic Sans MS", Verdana, Arial, cursive;
color:#fff;
}


/*----------------- GLOBAL NAV for TOP OF EVERY PAGE ----------------------*/

.srchbox {margin-top:4px;
margin-bottom:10px;
			text-align:center;
			}


#globalnav {font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin-right:18px;
	
}
#globalnav a {font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
line-height:12px;
}
.cart {margin-bottom:-5px;}




/* --------------------THIS NEXT is for Small Boxes on the main category pages---------------------------------------------------------------- */

h2.categoryHd {font-weight:normal;
				font-family:"Comic Sans MS", Verdana, Arial, cursive;
				font-size:24px;
				margin:0 10px 10px 10px;
				padding:5px;
				color:#4b8a51;
				line-height:30px;
				letter-spacing:1px;
				background-color:#edfdbf;
				border-top:1px solid #FFEFDF;
				border-bottom:1px solid #CC6;
				border-left:1px solid #fff;
				border-right:1px solid #C96;
}
.smallbox {
			margin-left:5px;
			margin-bottom:9px;
			float:left;
			width:228px;
			background:url(smboxmiddle.jpg) repeat-y;
}

html>body .smallbox {														/* Hack to make IE5 behave */
				margin-left:5px;
				float:left;
				width:228px;
				background:url(smboxmiddle.jpg) repeat-y;
}
.smallbox h2 {background:url(smboxtop.jpg) no-repeat left top;
			padding-top:10px;margin:0;
			color:#C03;
			font-size:12px;
			line-height:14px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
}
a.prodsm {color:#C03;
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
}
.smallbox p {font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#7b7055;
			line-height:13px;
			margin:0;padding:0;
}

a.prodbrief {font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#7b7055;
				text-decoration:none;
}

a:hover.prodbrief {font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					color:7b7055;
					text-decoration:underline;
	
}

.smallbox .boxlast {background:url(smboxbot.jpg) no-repeat left bottom;
					padding-bottom:25px;margin:10px 0 0 0;
}

.smallbox h2, .smallbox p {padding-left:10px;
							padding-right:8px;
}

img.smthumb {border:1px solid #7b7055;   /*this is for small product thumbs in smallbox divs - adds margin and border to image */
					margin:0 5px 25px 0;
}
img.button {margin:3px 0 0 20px;   /* this MIGHT be used for add to cart and wish list buttons */
}


/* -------------------------------------------------------This next is for PRODUCT PAGES - NOT USED and NOT FINAL ------------------------------ */

.largebox {margin-left:9px;
			margin-bottom:9px;
			float:left;
			width:465px;
			background:url(lgboxmiddle.jpg) repeat-y;
}

html>body .largebox {margin-left:10px;
			float:left;
			width:465px;
			background:url(lgboxmiddle.jpg) repeat-y;
}
.largebox h2 {background:url(lgboxtop.jpg) no-repeat left top;
			padding-top:10px;margin:0;
			color:#009900;
			font-size:16px;
			line-height:20px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
}

.largebox .lglast {background:url(lgboxbot.jpg) no-repeat left bottom;
					padding-bottom:20px;margin:10px 0 0 0;
}

.largebox h2, .largebox p, .largebox h4 {padding-left:10px;
											padding-right:10px;

}

.largebox p {font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#7b7055;
			line-height:14px;
			margin:0;padding:0;
}

.largebox h3 {margin:0;padding:0;
				color: #7cc583;
				font-size:12px;
				font-family:Arial, Helvetica, sans-serif;
				line-height:14px;

}
.largebox h4 {margin:5px 0px 0px;
			color:#009900;
}
img.lgproduct {border:1px solid #7b7055;
				margin:0 5px 35px 0;
}