.bigred { font-size:120%;color:#f00;}

/*============================================================*/
/* paragraphs in both the left navigation and content section */
#content p {
  color:#333;
  line-height:100%;
}

/* links in text in paragraphs in the content area */
#content p a:link, #content p a:visited {
	color:#000060;
	text-decoration:none;
}
#content p a:hover {
	text-decoration:underline;
}

/* the main title on a page */
#content h1 {
	color:#999;
	font-size:1.4em;
}

/* any secondary titles on a page */
#content h2 {
	color:#999;
	font-size:1.2em;
}

/* the holder for any messages */
#messages {
  border:0.075em solid #f00;
  padding:0.075em;
  }
  
/* the messages that appear */
#messages span {
	color:#f00;
}

/*=========*/
/* general */

a img { border:none; }

span.notes {
	font-size:90%;
	color:#666;
}

/*===============================================================*/
/* makes sure floated images are contained fully by their parent */
div.clearright, div.clearleft{
	line-height:0;
	height:0em;
	margin:0em;
	padding:0em;
	visibility:hidden;
}
div.clearright{
	clear:right;
}
div.clearleft{
	clear:left;
}

/*====================================*/
/* edit product/user categories stuff */

.fart {
	margin:0;
	padding:0;
}
/*
The following hack makes a container contain its floated content
  in browsers other than ie/win (which just does it anyway).
( http://www.positioniseverything.net/easyclearing.html )
*/
.fart:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.fart{display: inline-block;}

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

/* end of hack */

.fart div 
{
	font-size:90%;
	display:inline;
	width:12em;
	height:2em;
	float:left;
	padding:0.3em;
	margin:0;
	border:0.1em solid #ccc;
}

/*=======================================*/
/* element that contains search boxes etc*/
div.option {
	padding:3px;
	font-size:90%;
	border:5px solid #ccc;
	width:95%;
	margin-bottom:3px;
}

div.option select, div.option input {
	margin-right:5px;
}

/*===========================================*/
/*
	The following section contains "LINE-HEIGHT"s, needed to fix IE/Win bugs
	http://www.positioniseverything.net/explorer/peekaboo.html
*/
/* a product synopsis */
div.pr{
	margin:0em 0em 0.4em 0em;
	padding:0em;
	border:0.075em solid #369;
	background:#fff;
	line-height:1; /* needed for the peekaboo bug in ie6/win */
}
div.pr a img{
	margin:0.2em;
	width:120px;
	/*float:right;*/
}
div.pr a:link img, div.pr a:visited img{
	border:0.2em solid #333;
}
div.pr a:active img, div.pr a:hover img {
	border:0.2em solid #666;
}

div.pr p{
	color:#333;
	padding:0.2em 0.2em 0.2em 0.6em;
	margin:0em 0em 0.1em 0em;
	line-height:1; /* needed for the peekaboo bug in ie6/win */
	font-size:1.1em;
}
div.pr div.title{
	background:#369;
	color:#eee;
	padding:0.3em;
	font-weight:700;
	line-height:1; /* needed for the peekaboo bug in ie6/win */
}
div.pr div.title a:link, div.pr div.title a:visited{
	float:right;
	color:#f3f3f3;
	text-decoration:none;
	font-size:0.9em;
	font-weight:500;
	padding:0em 0.8em 0em 0em;
	line-height:1; /* needed for the peekaboo bug in ie6/win */
}
div.pr div.title a:hover{
	color:#ffd;
	line-height:1; /* needed for the peekaboo bug in ie6/win */
}
div.pr p span.label{
	color:#666;
	line-height:1; /* needed for the peekaboo bug in ie6/win */
	display:block;
	font-size:95%;
	margin-left:-0.4em;
}

/*=====================================*/
/*
	this is a hack to fix various IE/Win render bugs
	http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */