/*product components*/

#components_selected_container, #components_select_container	{
	
	margin:12px 0 12px 0;
	overflow:hidden;
	
}

#components_selected > .thumb	{
	
	width:110px;
	height:174px;
	float:left;
	margin: 0 12px 12px 0;
	overflow:hidden;	

}

#components_selected > .thumb:hover	{
	
	cursor:zoom-in;

}

#components_selected > .thumb > .thumb-title	{
	
	width:110px;
	font-size: 13px;
	height:20px;
	overflow: hidden;
	line-height: normal;
	margin: 4px 0 0 0;

}

#components_selected > .thumb > .thumb-text	{
	
	width:110px;
	font-size: 11px;
	height:40px;
	overflow: hidden;
	line-height: normal;

}

#components_selected > .thumb > .thumb-image	{
	
	width:110px;
	height:110px;
	overflow:hidden;
	position:relative;
	box-shadow:0 2px 2px #999999;

}

#components_selection_text	{
	
	margin-bottom: 12px;
	
}

#components_selection_list	{
	
	font-size: 16px;
	line-height: normal;

}

#components_selection_list > .item	{
	
	margin-bottom: 2px;

}

#components_selection_list > .item:hover	{
	
	cursor:pointer;
	color:#39BACE;

}

#components_selection_list > .current	{

	color:#39BACE;

}

.component_thumbs_container	{
	
	overflow:hidden;
	
}

.component_thumbs > .thumb	{
	
	float:left;
	margin: 0 12px 12px 0;
	box-shadow:0 4px 4px #999999;

}

.component_thumbs > .thumb:hover	{
	
	cursor:pointer;

}

.component_thumbs > .thumb, .component_thumbs > .thumb > .thumb-image	{
	
	width:64px;
	height:64px;
	overflow:hidden;
	position:relative;

}

@media only screen and (max-width: 1220px){

	#components_selected > .thumb	{

		width:88px;

	}

	#components_selected > .thumb > .thumb-image	{

		width:88px;
		height:88px;

	}
	
	#components_selected > .thumb > .thumb-title	{

		width:88px;

	}

	#components_selected > .thumb > .thumb-text	{

		width:88px;

	}

	.component_thumbs > .thumb, .component_thumbs > .thumb > .thumb-image	{

		width:59px;
		height:59px;

	}
	
}

@media only screen and (max-width: 1020px){

	#components_selected > .thumb	{

		width:96px;
		height:174px;

	}

	#components_selected > .thumb > .thumb-image	{

		width:96px;
		height:96px;

	}	

	#components_selected > .thumb > .thumb-title	{

		width:96px;

	}

	#components_selected > .thumb > .thumb-text	{

		width:96px;

	}
	
	#components_selection_info	{
		
		width:200px;
		padding-right: 24px;
		
	}

	#components_selection_text	{
		
		font-size: 11px;
		
	}
	
	#components_select_container, .component_thumbs_container	{
		
		width:328px;
		
	}

	.component_thumbs	{
		
		width:342px;
		
	}
	
	.component_thumbs > .thumb, .component_thumbs > .thumb > .thumb-image	{

		width:56px;
		height:56px;

	}
	
}

@media only screen and (max-width: 775px){

	#components_selected > .thumb	{

		width:86px;
		height:174px;

	}

	#components_selected > .thumb > .thumb-image	{

		width:86px;
		height:86px;

	}
	
	#components_selected > .thumb > .thumb-title	{

		width:86px;

	}

	#components_selected > .thumb > .thumb-text	{

		width:86px;

	}

	#components_selection_info	{
		
		width:175px;
		padding-right: 24px;
		float:left;
		
	}

	#components_select_container, .component_thumbs_container	{
		
		width:301px;
		float:left;
		
	}

	.component_thumbs	{
		
		width:316px;
		
	}
	
	.component_thumbs > .thumb, .component_thumbs > .thumb > .thumb-image	{

		width:51px;
		height:51px;

	}
	
}

@media only screen and (max-width: 520px){

	#components_selected > .thumb	{

		width:92px;
		height:164px;

	}

	#components_selected > .thumb > .thumb-image	{

		width:92px;
		height:92px;

	}
	
	#components_selection_info	{
		
		width:140px;
		padding-right: 24px;
		float:left;
		
	}

	#components_select_container, .component_thumbs_container	{
		
		width:160px;
		float:left;
		
	}

	.component_thumbs	{
		
		width:174px;
		
	}
	
	.component_thumbs > .thumb, .component_thumbs > .thumb > .thumb-image	{

		width:46px;
		height:46px;

	}
	

}