/* Defines the appearance of a standard CustomInk Color Swatch Set (as seen site wide) */

.ci-swatch-set .header
	{
		_height: 1%;
		background: #E7E7E7;
		padding: 4px;
		margin-bottom: 0.5em;
	}
.ci-swatch-set .header h4
	{
		_height: 1%;
		background: url(/images/catalog/down_arrow.gif) no-repeat top left;
		padding-left: 20px;
		overflow: auto;
		_overflow: visible;
		font-size: 107%;
	}
.ci-swatch-set .header h4 span
	{
		float: left;
	}
.ci-swatch-set .header h4 a.help-link
	{
		float: right;
		text-decoration: none;
	}
.ci-swatch-set .header .about
	{
		display: none;
		clear: both;
		background-color: #fff;
		margin-top: 0.5em;
		padding: 1.5em;
	}
.ci-swatch-set .header .about p
	{
		margin-bottom: 1em;
	}

/* Defines the appearance of a standard CustomInk Color Swatch element (as seen site wide) */

.miniSwatch
	{
		display: block;
		width: 20px;
		height: 20px;
		width: 2em;
		height: 2em;
		overflow: hidden;
		border: solid 1px #000;
	}
.swatches
	{
		height: auto;
		overflow: visible;
		margin: 0 0 10px 0;
	}
.legacy .swatches	/* This handles older pages that have not been fully updated to the site-wide stylesheet */
  {
    font-size: 122%;
  }
.swatches span
  {
    display: block;
  }
.swatch
	{
		display: block;
		float: left;
		margin: 0;
		padding: 2px;
		cursor:auto;
	}
.swatch:hover
	{
		background-color: #d2dee1 !important;
		color: #000000;
	}
.locked .swatch:hover
	{
		background-color: inherit !important;
	}
.swatch.excluded
	{
		display: none;
	}
.swatch .color-ct
	{
		background-color: #000;
		padding: 1px;
		float: left;
	}
.swatch .color
	{
		width: 3em;
		height: 3em;
		position: relative;
	}
.ie6 .swatch .color
	{
		width: 3em;
		height: 3em;
	}
.swatch .color .info
	{
		display: none;
	}
.swatch .color .trim
	{
		width: 33%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
	}
.swatch
	{
		width:12em;
	}

.color
	{
		margin-left:auto;
		margin-right:auto;
	}
	
.swatch .marker
	{
		display: block;
		position: absolute;
		width: 0;
		padding-left: 16px;
		margin: auto;
		height: 16px;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
.ext-ie .swatch .marker
	{
		margin: 0.1em; /* This is about as good as we can get IE to center this floated element */
	}
.swatches .exclude
	{
		display: none;
	}
.swatch .used
	{
		margin: 0 !important;
		background-position: -1px -1px;
	}
.swatch .label
  {
    float: left;
    width: 12em;
    padding-left: 0px;
    font-size: 100%;
    line-height: 1.7em;
    overflow: hidden;
  }
.swatch .labelColor
	{
	    float: left;
    	width: 10em;
    	padding-left: 0px;
    	font-size: 120%;
    	line-height: 1.7em;
    	overflow: hidden;
		font-weight:bold;
		color:#746859;
	}
.new-swatch-row,
.end-of-swatches
	{
		height: 1em;
		overflow: hidden;
		clear: both;
	}