/*
Charles Tyrwhitt - Lang_US.css
-------------------------------*/

/*
Specific Left Navigation - color, Secondary color
-------------------------------*/
ul#color, ul#secondarycolor {
	width: 152px !important;
	width /**/: 160px;
	padding-left: 8px;
	padding-bottom: 23px;
}
ul#color li, ul#secondarycolor li {
	float: left;
	width: auto !important;
	padding: 0;
	clear: none;
}
ul#color li a, ul#secondarycolor li a {
	display: block;
	width: 13px;
	height: 13px;
	border: 1px solid #ccc;
	margin: 7px 3px 0px 7px;
	margin-top: 7px;
	padding: 0;
	background: none;
}
ul#color li#color_black a, ul#secondarycolor li#secondarycolor_black a { 
	background-color: #000; 
}
ul#color li#color_blue a, ul#secondarycolor li#secondarycolor_blue a,
ul#color li#color_darkblue a, ul#secondarycolor li#secondarycolor_darkblue a,
ul#color li#color_lightblue a, ul#secondarycolor li#secondarycolor_lightblue a { 
	background-color: #0b579e; 
}
ul#color li#color_brown a, ul#secondarycolor li#secondarycolor_brown a { 
	background-color: #7b5b36; 
}
ul#color li#color_gold a, ul#secondarycolor li#secondarycolor_gold a { 
	background-color: #edce3b;
}
ul#color li#color_grey a, ul#secondarycolor li#secondarycolor_grey a { 
	background-color: #ababab;
}
ul#color li#color_green a, ul#secondarycolor li#secondarycolor_green a { 
	background-color: #1cc42c; 
}
ul#color li#color_lilacpurple a, ul#secondarycolor li#secondarycolor_lilacpurple a { 
	background-color: #c923bf;
}
ul#color li#color_creamnatural a, ul#secondarycolor li#secondarycolor_creamnatural a { 
	background-color: #f7f5e3;
}
ul#color li#color_orange a, ul#secondarycolor li#secondarycolor_orange a { 
	background-color: #ff9c00; 
}
ul#color li#color_pink a, ul#secondarycolor li#secondarycolor_pink a { 
	background-color: #ec2776; 
}
ul#color li#color_redmagentaburgundywine a, ul#secondarycolor li#secondarycolor_redmagentaburgundywine a { 
	background-color: #ec0000; 
}
ul#color li#color_silver a, ul#secondarycolor li#secondarycolor_silver a { 
	background-color: #e2e2e2; 
}
ul#color li#color_white a, ul#secondarycolor li#secondarycolor_white a { 
	background-color: #fff; 
}
ul#color li#color_yellow a, ul#secondarycolor li#secondarycolor_yellow a { 
	background-color: #edf506;
}
ul#color li#color_multicolour a, ul#secondarycolor li#secondarycolor_multicolour a { 
	background: url(../Images/multi.gif) top left repeat;
}


/*
Helper classes
-------------------------------*/
ul#color li a span, 
ul#secondarycolor li a span {
	position: absolute;
	left: -9999px;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}