/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; border-radius: 5px; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


.text-right {
	text-align: right;	
}




div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10 {float:left; margin-right: 10px; height: 35px;}
div.last { margin-right: 0; }
.span-1  { width: 85px;}

.product_filter {
	height:50px; 
	background:#fff;
	float: left;
	margin: 0 0 15px 0;
}

.product_filter a.tooltip
{
	display:block;
	position:relative;
	overflow:hidden;
	width:85px;
	height:50px;
}

.product_filter a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
.product_filter a.tooltip span { position:absolute; font-size:9px; text-align:center; cursor:pointer; top:50px; left:0px; width:81px; line-height:15px; height:50px; padding:2px; background:#fff; color:#000;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}
.product_filter a.tooltip:hover span{display:inline; position:absolute; top:0px; left:0px; z-index:100; }

label  { 
	cursor: pointer;
}

.infoboxes p {
	padding: 0 0 15px 0;
	margin: 0;	
}
.infoboxes p img {
	padding: 0;
	margin: 0;	
}

.galleryimg {
	border: 1px solid #d4d4d4;	
}

.galleryimg:hover {
	border: 1px solid #000;	
}

