body {  margin: 0; background:url(../images/stage-tile.gif) repeat-y #e1e1e1 top center; }
body { font:12px/18px Arial; color:#464646; }

a { color:#238bbc; text-decoration: none; }
a:hover { text-decoration: underline; }

.container { clear: both; overflow: hidden; width:920px; padding: 0; margin: 0 auto;  }

h1 { padding: 0; margin: 0; }

a img{ border: none; outline: none; }

/* header */
.header {  clear: both; overflow: hidden; width: 880px; padding: 0 20px;  }
.header .logo { float: left; width: 280px; }
.header .toplink { float: left; width:600px; }
.header .link {  text-align: right; float: right;  font-size: 11px; padding-top: 10px; }
.header .link ul { padding: 0; margin: 0; }
.header .link li { padding: 0 0 0 20px; margin: 0; list-style: none; display: inline; float: left; }

/* banner */
.banner { clear: both; overflow: hidden; width: 880px; padding: 0 20px; }
.flash {  clear: both; overflow: hidden; width: 920px; }
.funfunland { clear: both; overflow: hidden; margin: 0 20px; }
.funfunland .content { background-color: #fff; width: 880px; }
.gallery  { clear: both; overflow: hidden; margin: 0 20px;}
.gallery .content { background: url(../images/gallery-bg.gif) repeat; width: 880px; clear: both; overflow: hidden;  }
.gallery .icon-col { width: 220px; padding: 20px 0; float: left; }
.eneloophouse  { clear: both; overflow: hidden; margin: 0 20px; background:url(../images/eneloophouse-bg.gif) repeat-x; padding: 0 90px; width: 700px;}

	/* design it contest */
	.designit-header { clear: both; overflow: hidden; width: 880px; }
	.submit-button { clear: both; overflow: hidden; margin: 0; text-align: center; }
	
	.submitcontest-header { clear: both; overflow: hidden; background: url(../images/submitcontest-bg.gif) no-repeat; width: 880px; height:650px; }
	.submit-form { clear: both; overflow: hidden; padding: 285px 125px 0 100px; }
	.submit-form .row { clear: both; overflow: hidden; width: 655px;  margin: 0 0 5px;}
	.submit-form .row2 { clear: both; overflow: hidden; width: 655px;  margin:0;}
	.submit-form .form-label { float: left; width: 100px; padding-top: 10px; }
	.submit-form .form-input { float: left; width: 555px; }
	.submit-form .submit-input { padding: 10px 10px; border: 1px solid #ccc; width: 400px; }
	.submit-form .submit-file { padding: 10px 0 0; width: 400px; }
	.submit-form .submit-button { background:url(../images/submit-button2.gif) no-repeat; width: 107px; height: 50px; color:#fff; border: none; padding: 10px; text-align: center; font-size: 16px; cursor: pointer; }
	.submit-form p.warning { font-size: 11px; padding: 5px 0; }
	
	/* gallery */
	.title { clear: both; overflow: hidden; padding: 20px 0 0; text-align: center;  text-shadow: 1px 1px #fff;  }
	.title h1 { font-weight: normal; font-size: 16px;  }
	.characters { clear: both; overflow: hidden; margin: 20px 0; text-align: center; }
	
	
/* quick links */
.quicklink-wrap { clear: both; overflow: hidden; border-top:5px solid #b4b4b4; margin: 0px 20px; width: 880px; height:40px;  }

.quicklink { width:880px; height:40px; display: inline; float:left; padding-top: 10px;  }
	.quicklink ul { margin: 0; padding: 0; list-style: none; background: url(../images/quicklink.gif) no-repeat; }
	.quicklink li { margin: 0; padding: 0; text-indent:-9999px; font-size:0px; float:left;}
	.quicklink li a { display: block; height: 40px; text-decoration: none;  cursor: pointer; }

.quicklink2 { float: right; padding:10px 0; }
	.quicklink2 ul { margin: 0; padding: 0; }
	.quicklink2 li { margin: 0; padding: 0; list-style: none; display: inline; }

.eneloopytown-button { width: 137px;  }
.eneloopytown-button a:hover { width: 137px; background: url(../images/quicklink.gif) 0px -40px; }
.eneloopytown-button.on, .eneloopytown-button.on a:hover{ width: 137px; background: url(../images/quicklink.gif) 0px -40px;}

.funfunland-button { width: 134px;  }
.funfunland-button a:hover { width: 134px; background: url(../images/quicklink.gif) -137px -40px; }
.funfunland-button.on, .funfunland-button.on a:hover{ width: 134px; background: url(../images/quicklink.gif) -137px -40px;}

.gallery-button { width: 74px;  }
.gallery-button a:hover { width: 74px; background: url(../images/quicklink.gif) -271px -40px; }
.gallery-button.on, .gallery-button.on a:hover{ width: 74px; background: url(../images/quicklink.gif) -271px -40px;}

.eneloophouse-button { width: 123px;  }
.eneloophouse-button a:hover { width: 123px; background: url(../images/quicklink.gif) -344px -40px; }
.eneloophouse-button.on, .eneloophouse-button.on a:hover{ width: 123px; background: url(../images/quicklink.gif) -344px -40px;}

.eneloopproducts-button { width: 133px;  }
.eneloopproducts-button a:hover { width: 133px; background: url(../images/quicklink.gif) -467px -40px; }
.eneloopproducts-button.on, .eneloopproducts-button.on a:hover{ width: 133px; background: url(../images/quicklink.gif) -467px -40px;}


/* features */
.features { width: 880px; padding: 10px 20px; clear: both; overflow: hidden;  }
.grid-220 {  float: left; width: 220px; }

/* footer */
.footer {  clear:both; overflow: hidden; width: 880px; }
.footer p.copyright {  font-size: 11px; color:#ccc; text-align: center; }