/* configurator general --------------------------------- */
.special-page	{
	background-color: #fff;
	border: 5px solid #e6dfdb;
	color: #666;
	margin-bottom: 0.625em;
	padding: 0.875em 0.6875em;
}

	.special-page	h1	{
		color: #60739b;
		font-size: 1.375em;
		font-weight: bold;
		margin-bottom: 0.5em;
	}
	
	#product-configurator	.intro	{
		border-bottom: 1px solid #c7c2ba;
		margin-bottom: 1em;
	}
	
		#product-configurator	.intro	p	{
			font-size: 0.6875em;
			line-height: 1.25em;
			margin-bottom: 1.25em;
		}
/* configurator general --------------------------------- */


/* menu list -------------------------------------------- */
.menu_list	{
	width: 100%;
}

.menu_head	{
	background: url(../../images/bg-menu_head.png) top left repeat-x #AF2B2B;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 0.75em;
	font-weight: bold;
	margin-bottom: 0.2em;
	padding: 0.5em 1em;
	position: relative;
}

.menu_body	{
	border: 1px solid #ccc;
	display: none;
	font-size: 0.6875em;
	margin-bottom: 0.5em;
	padding: 1em;
}
/* menu list -------------------------------------------- */


/* choose menus ----------------------------------------- */
.color-menu	li	{
	float: left;
	padding: 5px;
	width: 50px;
	text-align: center;
}

.thumbnail-menu	li	{
	display: block;
	float: left;
	height: 165px;
	overflow: hidden;
	padding: 5px;
	text-align: center;
	width: 90px;
}

	.color-menu	li	input, 
	.thumbnail-menu	li	input	{
		margin: 0.1em 0;
		padding: 0;
		text-align: center;
	}
/* choose menus ----------------------------------------- */


/* color chips ------------------------------------------ */
.color-menu	.color-chip	{
	border: 1px solid #ccc;
	display: block;
	height: 28px;
	margin: 0 auto 0.25em;
	width: 48px;
}

	.color-menu	.color-chip:hover, 
	.color-menu	.color-chip.down	{
		border: 1px solid #000;
	}

	.color-chip.white			{ background-color:#fff; }
	.color-chip.royal-blue		{ background-color:#274fa6; }
	.color-chip.red				{ background-color:#f00; }
	.color-chip.burgundy		{ background-color:#500A14; }
	.color-chip.ever-green		{ background-color:#62ce67; }
	.color-chip.teal			{ background-color:#029BA0; }
	.color-chip.chocolate-brown	{ background-color:#5A3522; }
	.color-chip.wedgewood		{ background-color:#799ECA; }
	.color-chip.almond			{ background-color:#907b71; }
	.color-chip.bronze			{ background-color:#3f2109; }
	.color-chip.chocolate		{ background-color:#d2b691e; }
	.color-chip.cranberry		{ background-color:#b6316c; }
	.color-chip.dark-blue		{ background-color:#00008b; }
	.color-chip.dark-green		{ background-color:#006400; }
	.color-chip.grape			{ background-color:#381a51; }
	.color-chip.graphite		{ background-color:#251607; }
	.color-chip.gray			{ background-color:#808080; }
	.color-chip.hunter-green	{ background-color:#161d10; }
	.color-chip.ice-blue		{ background-color:#b1f4e7; }
	.color-chip.jade			{ background-color:#427977; }
	.color-chip.khaki			{ background-color:#f0e68c; }
	.color-chip.light-blue		{ background-color:#add8e6; }
	.color-chip.lilac			{ background-color:#9874d3; }
	.color-chip.lime			{ background-color:#00ff00; }
	.color-chip.magenta			{ background-color:#ff00ff; }
	.color-chip.midnight-blue	{ background-color:#191970; }
	.color-chip.olive			{ background-color:#808000; }
	.color-chip.pewter			{ background-color:#96a8a1; }
	.color-chip.royal-blue		{ background-color:#4169e1; }
	.color-chip.russet			{ background-color:#755a57; }
	.color-chip.sandalwood		{ background-color:#aa8d6f; }
	.color-chip.sea-green		{ background-color:#238e68; }
	.color-chip.silver			{ background-color:#c0c0c0; }
	.color-chip.tan				{ background-color:#d2b48c; }
	.color-chip.taupe-gray		{ background-color:#b3af95; }
	.color-chip.tea				{ background-color:#c1bab0; }
	.color-chip.teak			{ background-color:#b19461; }
	.color-chip.walnut			{ background-color:#773f1a; }
/* color chips ------------------------------------------ */


/* configurator results --------------------------------- */
.configurator-results	li	{
	display: block;
	float: left;
	font-size: 0.6875em;
	height: 150px;
	padding: 3px;
	text-align: center;
	width: 100px;
}

	.configurator-results	li	a:link, 
	.configurator-results	li	a:visited	{
		color: #AF2B2B;
		text-decoration: underline;
	}
	
	.configurator-results	li	a:hover, 
	.configurator-results	li	a:active	{
		background-color: #AF2B2B;
		color: #fff;
		text-decoration: none;
	}

.color-selected, 
.component-selected	{
	background-repeat: no-repeat;
	padding: 0;
	height: 119px;
	width: 94px;
}

	.component-selected	img:hover{
		border:1px solid #384664;
	}
	
	/*
	.color-selected		{ background-image:url(../../images/bg-color-selected.png); }
	.component-selected	{ background-image:url(../../images/bg-choose-component.png); 	}
	*/
/* configurator results --------------------------------- */