/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 2/26/2009
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/
#wrapper {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	}

.accordionButton {
	width: 970px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #2a334c;
	border-bottom: 1px solid #FFF;
	cursor: pointer;
	margin-top:10px;
	padding:5px 0 0 10px;
	height:20px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#FFF;
	}
	
.accordionContent {	
	width: 980px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	/*background: #95B1CE;*/
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background: #666666;
	}
	
.over {
	background: #666666;
	}
	
/***********************************************************************************************************************
CONTAINERS FOR CONTENT!
************************************************************************************************************************/
.product{
	width:980px;
	height:auto;
	float:left;
	margin-bottom:20px;
	/*background-color:#C99;*/
	border-bottom:solid thin;
}

.imagecontainer{
	width:500px;
	height:auto;
	float:left;
	margin: 10px;
}


/*INFORMATION CONTAINERS*/
.producttitle{
	width:450px;
	height:auto;
	float:left;
	margin: 10px 0;
	border-bottom:solid;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	padding-bottom:5px;
	color:#546381;
	/*line-height:35px;*/
}

.description{
	width:400px;
	height:150px;
	float:left;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#546381;
}




/*THUMBNAILS
.thumbnailholder{
	width:240px;
	height:200px;
	float:right;
	margin:5px 10px;
}

.thumbnails{
	width:95px;
	height:95px;
	background-color:#0FF;
	float:left;
	margin:5px;
	}
	*/