/* CSS Document */

/* MAIN LAYOUT STYLES
--------------------------------------------------------- */
	
	/* style for the main store wrapper
	----------------------------------------------------- */
	#store_wrapper
	{
		margin:			10px 0 0;
		padding:		0;
		width:			700px;
		position:		relative;	
		background:		#FFF;
		float:			left;
		min-height:		400px;
	}
	
	/* style for product side
	----------------------------------------------------- */
	#product_content
	{
		margin:			0;
		padding: 		0;
		float:			left;	
		width:			520px;
	}
	
	/* style for bread crumb
	----------------------------------------------------- */
	#bread_crumb
	{
		color:			#A00;
		padding:		5px 5px 5px 2px;
		font-weight:	bold;
	}
	
	/* style for category title
	----------------------------------------------------- */
	#category_title
	{
		margin-bottom:	0;
		width:			99%;
		color:			#FFF;
		background:		#408593;
		padding:		2px 5px;
		font-weight:	bold;
		float:			left;
	}
	
	/* style for the entire search box
	----------------------------------------------------- */
	#search_box
	{
		float:			left;
		text-align:		center;
		
	}
	
	/* style for the search bar, and subcat box
	----------------------------------------------------- */
	#search_bar, #subcategories
	{
		margin:			10px 0 10px;
		padding:		0;
		float:			left;
		width:			100%;
		border:			solid 1px #BBB;
	}
	
	/* style for search/subcat titles
	----------------------------------------------------- */
	#search_bar h3, #subcategories h3
	{
		margin:			0;
		padding:		5px 10px;
		color:			#FFF;
		background:		#408593;
		font-size:		15px;
	}
	
	/* style for each search element
	----------------------------------------------------- */
	#search_bar .search_element
	{
		margin:			5px;
		width:			400px;
	}
	
	/* this affects all elements within search bar
	----------------------------------------------------- */
	#search_bar input
	{
		margin:			10px 0 10px 5px;
	}
	
	/* makes above style work only for input button
	----------------------------------------------------- */
	#search_bar .search_element input
	{
		margin:			0;
	}
		
	/* sub category divs
	------------------------------------------------------ */
	#subcategories #category
	{
		float:			left;
		padding:		10px 20px;
	}
	
/* --------------------------------------------------------- */







/* PRODUCTS LIST
--------------------------------------------------------- */
	
	/* style for the each product box
	----------------------------------------------------- */
	#product_home
	{
		margin:			10px 0 10px 20px;
		padding:		0;
		width:			227px;
		float:			left;
		text-align:		center;

	}
	
	/* style for the each product box
	----------------------------------------------------- */
	#product_home h4
	{
		margin:			0;
		padding:		0;
		font-size:		14px;
		color:			#000;
	}
	
	/* style for the price
	----------------------------------------------------- */
	#product_home #price
	{
		margin:			2px 0 15px;
		font-weight:	bold;
		color:			#666;
		text-align:		center;
	}
	
	/* style for the image
	----------------------------------------------------- */
	#product_home #image img
	{
		margin:			0 10px 0 0;
		border:			solid 1px #E0DCDC;
	}
		
	/* style for the buttons
	----------------------------------------------------- */
	#product_home #btn_box
	{
		float:			left;
		width:			100%;
		text-align:		center;
	}
	
	/* style for default form buttons
	----------------------------------------------------- */
	#product_home #btn_box input
	{
		height:			20px;
		background:		#FFF;
		border:			solid 1px #408593;
		color:			#000;
		border:			none;
	}
	
/* ------------------------------------------------------ */







/* PRODUCTS LIST
--------------------------------------------------------- */
	
	/* product list box
	----------------------------------------------------- */
	#product_box
	{
		
	}
	
	/* style for the each product box
	----------------------------------------------------- */



	#product
	{
		margin:			0 0 10px;
		padding:		10px;
		width:			500px;
		float:			left;
		border-bottom:	solid 1px #AAA;
	}
	
	/* style for the each product box
	----------------------------------------------------- */
	#product h4
	{
		margin:			0;
		padding:		0;
		font-size:		14px;
		float:			left;
		width:			65%;
		color:			#000;
	}
	
	/* style for the option box
	----------------------------------------------------- */
	#product #option_box
	{
		float:			left;
	}
	
	/* style for each option set
	----------------------------------------------------- */
	#option_box .option
	{
	}
	
	/* style for the option label
	----------------------------------------------------- */
	#option_box .option .label
	{
		width:			60px;
		float:			left;
		font-weight:	bold;
	}
	
	/* style for the price
	----------------------------------------------------- */
	#product #price
	{
		margin:			2px 0 15px;
		float:			left;
		width:			65%;
		font-weight:	bold;
		color:			#666;
	}
	
	/* style for the description
	----------------------------------------------------- */
	#product #desc
	{
		margin:			0 0 10px;
		float:			left;
		width:			65%;
		font-size:		11px;
	}
	
	/* style for the image
	----------------------------------------------------- */
	#product #image img
	{
		margin:			0 10px 0 0;
		border:			solid 1px #E0DCDC;
		float:			left;
	}
		
	/* style for the buttons
	----------------------------------------------------- */
	#product #btn_box
	{
		float:			right;
	}
	
	/* style for default form buttons
	----------------------------------------------------- */
	#product #btn_box input
	{
		height:			20px;
		background:		#408593;
		color:			#FFF;
		border:			none;
	}
	
/* ------------------------------------------------------ */






/* PRODUCTS DETAILS
--------------------------------------------------------- */

	/* style for the each product box
	----------------------------------------------------- */
	#product_large
	{
		margin:			10px 20px 10px 0;
		padding:		0;
		width:			525px;
		float:			left;
	}
	
	/* style for left column
	----------------------------------------------------- */
	#product_large #product_left
	{
		float:			left;
		width:			125px;
	}
	
	/* style for right column
	----------------------------------------------------- */
	#product_large #product_right
	{
		float:			right;
		width:			380px;
	}
	
	/* style for detail sections
	----------------------------------------------------- */
	#product_large #section
	{
		margin:			0 0 20px;
		padding:		0 10px 10px;
		float:			left;
		width:			360px;
		border:			solid 1px #AAA;
	}
	
	/* style for detail section titles
	----------------------------------------------------- */
	#product_large #section h5
	{
		color:			#666;
		margin:			-10px 0 5px;
		padding:		0 5px;
		font-size:		14px;
		background:		#FFF;
		float:			left;
	}
	
	/* style for the each product box
	----------------------------------------------------- */
	#product_large h4
	{
		margin:			0 0 10px;
		padding:		0;
		font-family:	Arial;
		font-size:		18px;
		float:			left;
		width:			99%;
		color:			#000;
	}
	
	/* style for option labels
	----------------------------------------------------- */
	#option_box h5
	{
		margin:			0 0 10px 0;
		padding:		0;
		font-size:		12px;
		display:		block;
		color:			#333;
	}
	
	/* style for the option box
	----------------------------------------------------- */
	#product_large #option_box
	{
		margin:			10px 0 10px;
		width:			400px;
		float:			left;
		clear:			both;
	}
	
	/* style for each option set
	----------------------------------------------------- */
	#option_box .option
	{
		margin:			0 0 10px;
	}
	
	/* style for the option label
	----------------------------------------------------- */
	#option_box .option .label
	{
		width:			100px;
		float:			left;
		font-weight:	bold;
	}
	
	/* style for product description
	----------------------------------------------------- */
	#product_large #desc
	{
		margin:			10px 0 0;
		float:			left;
		width:			99%;
	}
	
	/* style for the price
	----------------------------------------------------- */
	#product_large #price
	{
		margin:			10px 0 0 5px;
		width:			150px;
		float:			left;
		font-weight:	bold;
		clear:			both;
	}
	
	/* style for the image
	----------------------------------------------------- */
	#product_large #image img
	{
		margin:			0;
		float:			left;
	}
		
	/* style for the buttons
	----------------------------------------------------- */
	#product_large #btn_box
	{
		margin:			6px 0 0;
		width:			100px;
		float:			right;
		text-align:		right;
	}
	
	/* style for the default form buttons
	----------------------------------------------------- */
	#product_large #btn_box input
	{
		margin:			0 0 3px;
		height:			20px;
		width:			100px;
	}
	
	/* style for the add to cart button
	----------------------------------------------------- */
	#product_large #btn_box .cart_add
	{
		width:			80px;
		background:		#408593;
		color:			#FFF;
		border:			none;
	}
	
	/* style for enlarged image
	----------------------------------------------------- */
	#lg_img
	{
		margin:			0;
		top:			100px;
		left:			200px;
		padding:		10px;
		display:		none;
		position:		absolute;
		background:		#FFF;
		border:			solid 1px;
	}
	
	/* style for small instructions
	----------------------------------------------------- */
	#instruction
	{
		margin:			0 0 10px;
		float:			left;
		font-size:		10px;
		font-family:	Verdana;
	}
	
/* ------------------------------------------------------ */