body { margin: 0; padding: 0; color: #333; background: #fff; font-family: Georgia,serif; font-size: 80%; background: transparent url("/images/background_window.gif") repeat-y center top; }

a { font-family: Arial,sans-serif; color: #9c0; }
a:hover { color: #666; }
a:active { outline: none; }

h1 { color: #666; font-size: 2.5em; } /* content */
h2 { color: #666; font-size: 2em; } /* content */
h3 { color: #666; font-size: 1.5em; } /* content */
h4 { color: #fff; font-size: 2em; font-weight: normal; margin-bottom: 1em; } /* sidebar */
h5 { color: #fff; font-size: 1.5em; font-weight: normal; margin: 0; } /* sidebar */
h6 { color: #666; font-size: 1.5em; font-weight: normal; } /* footer */

input.text, input.title, textarea, select { margin-top: .25em; margin-bottom: .25em; border: 1px solid #ccc; }
input.text, input.title { width: 92%; }
input.title { font-size: 1em; }
input.small { width: 30px; }
textarea { width: 92%; height: 8em; }
fieldset { padding: 1.25em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: normal; font-size: 1.25em; }
label { font-weight: normal; }

table { border-collapse: collapse; }
th { background-color: #eee; border: 1px solid #ccc; }
th, td { vertical-align: top; }
tbody tr td { border-bottom: 1px solid #eee; }
tfoot h3 { text-align: right; }
tfoot tr td { border: 1px solid #ccc; border-bottom: 2px solid #ccc; }
tfoot tr td { font-style: normal; }

.error, .notice, .success { padding-left: 64px; }
.error { border-color: #c00; background: #fcc url("/images/splatter_error.gif") no-repeat 2px 2px; }
.notice { border-color: #fc0; background: #ffc url("/images/splatter_notice.gif") no-repeat 2px 2px; }
.success { border-color: #9c0; background: #E6EFC2 url("/images/splatter_success.gif") no-repeat 2px 2px; }
.error a:hover { color: #8a1f11; }
.notice a:hover { color: #514721; }
.success a:hover { color: #264409; }

img.product { padding: 1px; border: 1px solid #999; border-bottom: 2px solid; }
a img.product { border-color: #9c0; }
a:hover img.product { padding: 0; border: 2px solid #9c0; border-bottom: 3px solid #9c0; }

.intro { line-height: 2.5em; }

#header { background: transparent url("/images/background_header.gif") no-repeat left bottom; }
#header form { margin: 1em 0; float: right; }
#header ul { margin-top: 1em; }
#header ul li { float: right; list-style: none; padding: 0; margin: 0; }
#header ul li a { color: #666; background-color: #fff; font-size: 1.25em; line-height: 2.5em; text-decoration: none; border: 1px solid #9c0; border-bottom: 2px solid #9c0; margin: .1em; padding: .5em; }
#header ul li a:hover { color: #fff; background-color: #9c0; }

#sidebar ul { list-style: none; margin: .25em 0 1em 0; }
#sidebar ul li { margin: .25em 0; padding-left: 8px; background: transparent url("/images/bullet_gry.gif") no-repeat left 6px; }
#sidebar a:hover { color: #fff; }

#content { margin: 2em 0; }
#content ul { list-style-image: url("/images/bullet_splatter_gry.gif"); list-style-type: circle; }

.zoom { padding-left: 24px; background: transparent url("/images/zoom.gif") no-repeat left center; }

#footer-container { padding-top: 3em; background: transparent url("/images/background_footer.gif") no-repeat 18px center; }
#footer-container p { text-align: center; }

#footer { border-top: 2px solid #333; padding-top: 2em; }
#footer ul { list-style: none; margin: .25em 0 2em 0; }
#footer ul li { margin: .25em 0; padding-left: 8px; background: transparent url("/images/bullet_grn.gif") no-repeat left 6px; }
#footer ul li a { color: #666; }
#footer ul li a:hover { color: #9c0; }



/* --------------------------------------------------------------
This is based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */

a.button, button {
	display: block;
	float: left;
	margin: 0 0.583em 0.667em 0;
	padding: 5px 10px 5px 7px; /* Links */
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	background-color: #f5f5f5;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 100%;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	color: #565656;
	cursor: pointer;
}

button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}





/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

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

/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}