body
        {
        padding:auto;
        margin:auto;
        font-size:13px;
        font-family: verdana,arial,sans-serif;
        color:#fff;
		background-color: #8f9da2;
		font-weight:600;
        }

a {
color: #fff;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.nohover a:hover {
text-decoration: none;
}

h1 {
margin: 0px auto 12px auto;
font-size: 1.7em;
color: #000;
text-align: center;
}

h2 {
margin: 18px 0 4px 0;
font-size: 1.5em;
color: #000;
text-decoration: underline;
}

h3 {
font-size:1.2em;
margin:-8px 0 8px 0;
}

h4 {
font-size:1.2em;
margin:-8px 0 8px 0;
text-align: center;
}

.fblike {
margin: 16px 0 12px 0;
}

.plusone {
margin: 16px 0 2px 0;
padding: 16px 0 0 0;
}


div.indexlogo {
margin: -140px 0 20px 0;
}

div.logo {
position:absolute;
margin: 6px auto 20px auto;
width:100%;
z-index:50;
}

img.logo {
margin: 0 auto;
display:block;
}

p.question {
font-size: 1.1em;
color:#333;
}

p.answer {
color:#000;
text-shadow: #fff 0 0 0;
}

div.textbox {
background-color:#fff;
border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
padding:6px 14px;
}

div.textbox:hover {
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
}

.addtocart {
width:220px;
height:41px;
background-image: url(../images/addtocart.png);
border:none;
background-color: transparent;
margin-bottom:-6px;
z-index:10;
}

.addtocart:hover {
background-image: url(../images/focusaddtocart.png);
z-index:10;
height:41px;
cursor: pointer;
}

.checkout {
width:220px;
height:32px;
background-image: url(../images/checkout.png);
border:none;
background-color: transparent;
z-index:5;
}

.checkout:hover {
background-image: url(../images/focuscheckout.png);
z-index:5;
cursor: pointer;
}

.kit {
width:168px;
height:21px;
background-image: url(../images/kit.png);
border:none;
background-color: transparent;
margin-bottom:-6px;
z-index:10;
cursor:pointer;
}


img.tree {
margin: -50px 0 0 -60px;
}

img.sprite {
display: block;
margin: 30px auto 10px auto;
clear:both;
}

select.selectsprite {
width:140px;
border: 1px solid black;
border-right: none;
}

div.selectboxes {
padding-top: 8px;
}

p.answer img {
width: 200px;
text-align: center;
border: 1px solid black;
}

p.gallery img {
width: 416px;
text-align: center;
border: 1px solid black;
}

option.notinstock {
color: #999;
}

#ground {
  background-image: url(../images/bg.png);
  background-repeat: repeat;
  background-attachment: fixed;
}
/*
#clouds {
  background-image: url(clouds.png);
  background-repeat: repeat;
  background-attachment: fixed;
}

* html #clouds {
  /* because IE6 can't do transparent PNGs for backgrounds 
  background-image: url(clouds.gif);  
}
*/

#mountains {
margin: 0 0 0 0;
position:fixed;
padding:0px;
background-image: url(../images/mountains.png);
background-repeat: repeat;
width:100%;
height:950px;
background-attachment: fixed;
}

#sky {
position:fixed;
background-image: url(../images/sky.jpg);
background-repeat: repeat;
width:100%;
height:396px;
background-attachment: fixed;
}

#wrapper {
position:relative;
margin: auto;
display: block;
padding:40px 20px 40px 0px;
width:1000px;
overflow: hidden;
z-index:5;
}

div#navwrapper {
float:left;
width:320px;
margin-left: -10px;
}

div#navtop {
width:350px;
height:123px;
background-image: url(../images/navtopbg.png);
background-repeat: no-repeat;
}

div#navcontent {
background-image: url(../images/navbodybg.png);
background-repeat: repeat-y;
padding: 10px 30px 1px 70px;
margin-bottom: -32px;
}

div#navbottom {
width:350px;
height:350px;
background-image: url(../images/navbottombg.png);
}

div#list {
float:left;
width:480px;
margin: 50px -40px 20px 60px;
color: #000;
}

#list a {
color: #000;
}

div.description {
float:left;
}

div.buy {
margin-left: 228px;
}

form {
margin-left: 5px;
margin-right: -15px;
}


/* ------------------------------------------------------- content style - for item price/photo/etc ------------------------------------------------------- */
div.content { 
/* margin-left: 590px;  (nav width + list width) */
float:left;
position:relative;
width: 520px;
color: white;
margin-left: 50px;
margin-right:-100px
}

table.content {
margin: 0;
padding: 0;
width: 100%;
}

td.ul {
background-image: url(../images/btileul.png);
width: 32px;
height: 32px;
}

td.u {
background-image: url(../images/btileu.png);
height: 32px;
}

td.ur {
background-image: url(../images/btileur.png);
right: 0px;
width: 32px;
height: 32px;
}

td.l {
background-image: url(../images/btilel.png);
width: 32px;
}

td.btile {
background-image: url(../images/btile.png);
}

td.r {
background-image: url(../images/btiler.png);
width: 32px;
right:0;
}

td.bl {
background-image: url(../images/btilebl.png);
width: 32px;
height: 32px;
}

td.b {
background-image: url(../images/btileb.png);
height: 32px;
}

td.br {
background-image: url(../images/btilebr.png);
right: 0px;
width: 32px;
height: 32px;
}


/* --------------------------------------------------------------------- style for the grass wrapper ------------------------------------------------------------------------ */
table.ground {
margin: -10;
padding: 0;
width: 100%;
}

td.groundul {
background-image: url(../images/groundul.png);
width: 64px;
height: 64px;
}

td.groundu {
background-image: url(../images/groundu.png);
height: 64px;
}

td.groundur {
background-image: url(../images/groundur.png);
right: 0px;
width: 64px;
height: 64px;
}

td.groundl {
background-image: url(../images/groundl.png);
width: 64px;
}

td.ground {
background-image: url(../images/ground.png);
}

td.groundr {
background-image: url(../images/groundr.png);
width: 64px;
right:0;
}

td.groundbl {
background-image: url(../images/groundbl.png);
width: 64px;
height: 64px;
}

td.groundb {
background-image: url(../images/ground.png);
height: 64px;
}

td.groundbr {
background-image: url(../images/groundbr.png);
right: 0px;
width: 64px;
height: 64px;
}


/* ------------------------------------------------ list style - for list of sprites in a game ---------------------------------------------------- */
table.dirt {
margin: 0px;
width: 100%;
}

td.dirtul {
background-image: url(../images/dirtul.png);
width: 32px;
height: 32px;
}

td.dirtu {
background-image: url(../images/dirtu.png);
height: 32px;
}

td.dirtur {
background-image: url(../images/dirtur.png);
right: 0px;
width: 32px;
height: 32px;
}

td.dirtl {
background-image: url(../images/dirtl.png);
width: 32px;
}

td.dirt {
background-image: url(../images/dirt.png);
}

td.dirt div{
padding: -10px;
margin: -10px;
}

td.dirt div.textbox{
margin: 10px 0;
}

td.dirtr {
background-image: url(../images/dirtr.png);
width: 32px;
right:0;
}

td.dirtbl {
background-image: url(../images/dirtbl.png);
width: 32px;
height: 32px;
}

td.dirtb {
background-image: url(../images/dirtb.png);
height: 32px;
}

td.dirtbr {
background-image: url(../images/dirtbr.png);
right: 0px;
width: 32px;
height: 32px;
}


/* ----------------------------------- reference for footer -------------------------------- 
<div id="summit">
	<table cellpadding="0" cellspacing="0">
		<tr>
			<td class="ldiag"></td>
			<td class="space"></td>
			<td class="rdiag"></td>			
		</tr>
	</table>
	<table cellpadding="0" cellspacing="0" class="grass">
		<tr>
			<td class="lcliff"></td>
			<td class="cliff"><img class="road" src="images/road.png"></td>
			<td class="rcliff"></td>
*/

table.summit {
overflow: hidden;
margin: auto;
position:absolute;
}

div.ldiag {
width:128px;
height: 64px;
background-image: url(../images/mountl.png);
position:absolute;
left:50%;
margin:-56px 0 0 -576px;
z-index:3;
}

div.rdiag {
width:128px;
height: 64px;
background-image: url(../images/mountr.png);
position:absolute;
left:50%;
margin:-56px 0px 0 432px;
z-index:3;
}

div.space {
height: 64px;		
position:absolute;		
background-image: url(../images/ground.png);
left:50%;
z-index:3;	
width:940px;
margin: -48px 0 40px -480px;
}

div#sides {
background-image: url(../images/groundu2.png);
height:64px;
position:relative;
margin-top: -24px;
width:100%;
z-index:1;
overflow: hidden;
margin-bottom: 50px;
}

.bottom span {
background:transparent url(../images/ground.png) center top repeat;
height: 158px;
margin-left:0px;
margin-top: -50px;
width:100%;
z-index: 1;
position: absolute;
left:0%;
}

div.road {
background-image: url(../images/road.png);
position: absolute;
z-index: 8;
width:144px;
height: 208px;
margin: -100px 0;
left:40%;
}

div.cliffs {
z-index: 3;
background-image: url(../images/cliff.png);
height: 64px;
width: 90%;
margin: -36px 0 0 -45%;
left: 50%;
position: absolute;
}

div.qcliff1 {
z-index: 4;
margin: -36px 0 0 -300px;
/*
background-image: url(../images/qcliff.png);
*/
height: 96px;
width: 224px;
position:relative;
left:50%;
}

div.qcliff2 {
z-index: 4;
margin: -96px 0 0 194px;
background-image: url(../images/qcliff.png);
height: 96px;
width: 224px;
position:relative;
left:40%;
}

div.lcliff {
z-index: 6;
margin: -110px 0 0 10px;
background-image: url(../images/lcliff.png);
height: 96px;
width: 224px;
position:relative;
}

div.rcliff {
z-index: 6;
margin: -80px 10px 0 0;
background-image: url(../images/rcliff.png);
height: 96px;
width: 256px;
float: right;
position:relative;
}

/* -----------------------------------  ------------------------------- */

img.recent {
	margin:0 6px 12px 0;
	}



/* ----------------------------------- mktree ------------------------------- */


/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; text-align:left; } 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left: 6px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../images/minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../images/plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(../images/bullet.gif) center left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	ul.mktree  li img {margin:2px 0 -6px 0; } 	
	ul.mktree { margin-top: 32px; }
	

	/* Format menu items differently depending on what level of the tree they are in */
	/* Uncomment this if you want your fonts to decrease in size the deeper they are in the tree */
/*
	ul.mktree  li ul li { font-size: 90% }
*/

}