@charset "UTF-8";


pre {
  background-color: #eee;
  padding: 10px;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  list-style: square;
}



/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}


/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}



html {
	background-color: #ede9e4;
}

body {
	background-color: #ede9e4;
	text-align: center;
	color: #53493d;
}


ul#categories {
	list-style: none;
	width: 465px;
	height: 40px;
	margin: 0 auto;
	padding: 5px 0 0 9px;
	background: #ede9e4 url(../images/common/categories_bg.gif) no-repeat 0 0;
}

ul#categories:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul#categories {
	display:inline-block;
}

/*Hides from IE-mac \*/
* html ul#categories {height:1%;}
ul#categories {display:block;}
/*End hide from IE-mac */

ul#categories li {
	float: left;
	width: 150px;
	height: 40px;
	padding: 0 1px;
	font-size: 123.1%; /* 16px */
}

ul#categories li a {
	display: block;
	width: 150px;
	height: 30px;
	padding-top: 10px;
	color: #c60;
	text-decoration: none;
}

ul#categories li.active a {
	background: transparent url(../images/common/categories_bg.gif) no-repeat -10px -50px;
	color: #f90;
	text-decoration: none;
}

ul#categories li a:hover {
	text-decoration: underline;
}



div.category_body {
	width: 464px;
	margin: 0 auto;
	padding: 10px 5px 0 5px;
	background: #ede9e4 url(../images/common/category_body_bg.gif) no-repeat 0 0;
	text-align: left;
}

div.category_body h1#category_name {
	padding: 0 0 10px 20px;
	background-color: #fafaf9;
	color: #f90;
	font-size: 153.9%; /* 20px */
}

div.category_body div#category_description {
	padding: 0 20px 10px;
	background-color: #fafaf9;
	font-size: 108%; /* 14px */
}


div#products {
	padding-left: 4px;
	background-color: #fafaf9;
}

div#products:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div#products {
	display:inline-block;
}

/*Hides from IE-mac \*/
* html div#products {height:1%;}
div#products {display:block;}
/*End hide from IE-mac */


div#products div.product {
  float: left;
  width: 150px;
  padding: 0 1px 10px 1px;
  text-align: center;
}

div#products div.product div.product_image img {
	margin-bottom: 5px;
	border: 5px solid #fff;
}



.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/*Hides from IE-mac \*/
* html.clearfix {height:1%;}
.clearfix {display:block;}
/*End hide from IE-mac */


.clear {
	clear: both;
}