/*---------------------------------------------------------------------------*/

html
{
	margin:						0px;
	border:						0px;
	padding:					0px;
}

body
{
	margin:						0px;
	border:						0px;
	padding:					0px;
	padding-bottom:				32px;
	
	font-family:				helvetica, arial, sans-serif;
	font-size:					14px;

	text-align:					center;
	background:					#CEC; 			
}

img
{
	border-style: 				none;
}

/*---------------------------------------------------------------------------*/

#ShadowContent 
{ 
	border:						none; 
	background:					#9FC; 

	position:					relative; 
	left: 						-2px; 
	top: 						-2px; 
}

#ShadowContainer 
{ 
	position:					relative; 
	background:					#9C9; 
}

.outercontainer
{
	margin:						auto;
	margin-top:					32px;
	margin-bottom:				32px;
}

.container
{
	margin:						auto;
	text-align:					left;
	width:						748px;
}

/*---------------------------------------------------------------------------*/

#banner
{	

	padding:	 				0px 8px 0px 0px;
	background-image:			url('images/top_gradient.jpg');	
	background-color:			white;
	background-repeat: 			repeat-x;
	height:						160px;
}

#logo
{
	width:						200px;
	float: 						left;
}

#toptitle
{
	padding:					0px;	
	width:						500px;
	float:						right;

	position: 					relative;
	top:						26px;
	left:						-40px;	
}

#top_horizontal_nav
{	
	padding:					16px 0px 16px 0px;
	
	text-transform: 			uppercase;
	text-align:					right;

	float:						right;
	font-size:					12px;
	width:						500px;
}

#top_horizontal_nav a
{
	padding:					2px;	
	font-weight:				bolder;
	text-decoration:			none;
}

#top_horizontal_nav a:hover
{
	text-decoration:			underline;
}

.btn_yarn
{
	color:					#d97b2c;
}

.btn_needles
{
	color:					#96d8e6;
}

.btn_patterns
{
	color:					#f4d451;
}

.btn_market
{
	color:					#a297c9;
}

.btn_naxos
{
	color:					#de64a6;
}

.btn_ariadne
{
	color:					#9dce6a;
}

.btn_calendar
{
	color:					#a297c9;
}


/*---------------------------------------------------------------------------*/

#middle
{
	padding:	 				8px 8px 8px 30px;
	background: 				white;
}

#content
{
	background-color: 			white;
	width:						510px;
	height:						348px;
}

#right_nav
{
	float: 						right;
	background-color: 			white;
	width:						180px;
}

#right_nav a
{
}

#bot_nav
{
	margin:						0px;
	width:						520px;
	height:						80px;
}

.bot_nav_each
{
	padding:					0px 6px 0px 6px;
	float:						left;
}

#class_pic
{
	width:						300px;
	float:						left;
	padding:					0px 0px 30px 0px;
}

#class_description
{
	margin:						0px 0px 0px 325px;
}

.class_summary
{
	margin: 					4px;
	padding: 					4px 4px 4px 4px;

	font-size:					12px;
	color:						black;
}

#class_register
{
	margin:						3px 3px 3px 3px;
	border:						1px solid #de64a6;
	background:					#FFE7EC;
	padding:					4px;
	width:						90px;
	
}

#class_register a
{
	text-decoration:			none;
	font-size:					12px;
	font-weight:				bold;
	color:						black;

}


#class_divider
{
	width:						330px;
	border:						1px solid pink;
	margin:						0px 0px 0px 330px;

}


#valday_pic
{
	width:						480px;
	float:						left;
	padding:					0px 0px 0px 110px;
}


/*---------------------------------------------------------------------------*/

#footer
{

	padding:	 				8px;
	height:						180px;

	background-image: 			url('images/bottom_gradient.jpg');
	background-repeat: 			repeat-x;
	background-position:		bottom;
}

#bottom_horizontal_nav
{
	position: 			relative;
	top:				115px;
	
	text-align:			center;
	font-size:			12px;
	line-height:		8px;
	color:				#777;
}

#bottom_horizontal_nav a
{ 
	text-decoration: 	none;
	color:				#777;	
}

#bottom_horizontal_nav a:hover
{ 
	text-decoration: 	underline;
	color:				#777;	
}

/*-----------------------------------------------------------------------------*/

.yarn_pod
{
	float: 		left;
	
	margin: 	8px;
	border:		0px;
	padding: 	0px;

	text-align: center;
	height:		230px;
}

.yarn_pod img
{
	width: 		220px;
}

.yarn_pod_newline
{
	clear: 			both;
}

.yarn_pod .brand
{
	font-size:		13px;
	font-weight:	bolder;
	color:			black;
}

.yarn_pod .brand_bigfont
{
	font-size:		16px;
	font-weight:	bolder;
	color:			black;
}

.yarn_pod .description
{
	font-size:		12px;
	font-weight:	normal;
	color:			black;
}

.yarn_pod .announce
{
	font-size:		12px;
	font-weight:	bolder;
	color:			purple;
}

.yarn_pod .choices
{
	font-size:		12px;
	font-weight:	bold;
	color:			black;	
}

/*-----------------------------------------------------------------------------*/

.product_description
{
	padding: 		8px;
	width:			700px;
	height:			300px;
}

.product_info
{
	width:			320px;
	font-size:		12px;
	float: 			left;

}

.linename
{
	font-size:		18px;
	font-weight:	bolder;
	margin-top:		8px;
}

.brandname
{
	font-size:			14px;
	font-weight:		bolder;
	margin-bottom:		16px;
}

.attrib
{
	margin-top:			4px;	
}

.attrib_title
{
	text-transform: 	uppercase;
	font-weight:		bold;
	float: 				left;
	
	font-size:			12px;
	width:				80px;
}

.attrib_desc
{

}

.price
{
	margin-top:			16px;
}

.price_title
{
	text-transform: 	uppercase;
	font-weight:		bold;

	width:				80px;
	font-size:			18px;
	color:				orange;
	
	float: 				left;	
}

.price_value
{	
	text-transform: 	uppercase;
	font-weight:		bold;
	font-size:			32px;	
}

.prod_desc
{
	margin-top:			16px;
}

.product_image
{
	float: 				right;
}

.product_choices
{
	margin:				8px;
	clear: 				both;
}

.choice
{
	float: 				left;
	margin: 			8px 8px 0px 0px;
	border:				1px solid white;
	padding: 			0px;

	height:				100px;
	width:				100px;
}

#current_choice
{
	border:				1px dashed grey;
}

.choice_newline
{
	clear: 				both;
}

/*---------------------------------------------------------------------------*/

.formbox
{
	margin:				16px 16px 16px 0px;
	border:				4px solid #dde;
	padding:			8px;

/*	background:			#eef;
*/
}

.form_summarydesc
{
	text-transform: 	uppercase;
	font-weight:		bold;
	font-size:			14px;
}

.forminfo
{
	font-size:			12px;
}

.form_attrib
{
	margin-top:			4px;
	width:				140px;

	float:				left;
}

.form_attribname
{
	text-transform: 	uppercase;
	font-weight:		bold;
	float: 				left;

	font-size:			12px;
	width:				80px;
	padding-top:		6px;	
}

.form_attribvalue
{
	padding-top:		6px;	
	font-size:			12px;
}

.form_quantity
{
	font-size:			12px;
}

.form_submit
{
	clear:				left;
	padding-top:		8px;		
}

/*---------------------------------------------------------------------------*/

.faq_item
{
	margin: 			8px;
	padding: 			8px;
}

.faq_question
{
	margin: 			4px;
	padding: 			4px;

	font-size:			14px;
	font-size:			14px;
	
	font-weight:		bolder;
	color:				black;
}

.faq_answer
{
	margin: 		4px;
	padding: 		4px 4px 32px 32px;

	font-size:		12px;
	color:			black;
}


/*--------------------------------------------------------------------------*/

.formrowcol_box
{
	margin:			4px;
	border:			2px solid #dde;
	padding:		4px;
	background:	#eef;
	width:			680px;
	
	
}

.formrowcol_row
{
	margin:			4px;
	padding:		4px 4px 0px 4px;
	clear:			both;
	
	
}



.formrowcol_title
{
	margin:			4px;
	padding:		0px;
	width:			370px;
	font-size:		12px;
	font-weight:	bold;
	color:			black;
	float:				left;

	
	
}


.formrowcol_price
{
	margin:			4px;
	padding:		0px;
	width:			70px;
	font-size:		12px;
	font-weight:	bolder;
	color:			black;
	float:				left;
	

	
}

.formrowcol_size
{
	margin:			4px;
	padding:		0px;
	width:			90px;
	font-size:		12px;
	font-weight:	bolder;
	color:			black;
	float:				left;
	

	
}

.formrowcol_quantity
{
	margin:			4px;
	padding:		-2px 0px 0px 0px;
	font-size:		12px;
	font-weight:	bolder;
	width:			75px;
	float:				left;
	
}



.button
{
	font-size:		9px;
	font-weight:	bold;
	color:			grey;	
}