/*
Charles Tyrwhitt - Lang_DE.css
-------------------------------*/

/*
Global nav
-------------------------------*/
.globalNav li.firstItem {
	padding-left: 10px;
}


/*
Footer
-------------------------------*/
#footerContainer li {
	padding-left: 2px;
	padding-right: 2px;
}


/*
Specific Left Navigation - Colour, Secondary colour
-------------------------------*/
ul#farbe, ul#sekundrfarbe {
	width: 152px !important;
	width /**/: 160px;
	padding-left: 8px;
	padding-bottom: 23px;
}
ul#farbe li, ul#sekundrfarbe li {
	float: left;
	width: auto !important;
	padding: 0;
	clear: none;
}
ul#farbe li a, ul#sekundrfarbe 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#farbe li#farbe_schwarz a, ul#sekundrfarbe li#sekundrfarbe_schwarz a { 
	background-color: #000; 
}
ul#farbe li#farbe_blau a, ul#sekundrfarbe li#sekundrfarbe_blau a { 
	background-color: #0b579e; 
}
ul#farbe li#farbe_braun a, ul#sekundrfarbe li#farbe_braun a { 
	background-color: #7b5b36; 
}
ul#farbe li#farbe_gold a, ul#sekundrfarbe li#sekundrfarbe_gold a { 
	background-color: #edce3b;
}
ul#farbe li#farbe_grau a, ul#sekundrfarbe li#sekundrfarbe_grau a { 
	background-color: #ababab;
}
ul#farbe li#farbe_grn a, ul#sekundrfarbe li#sekundrfarbe_grn a { 
	background-color: #1cc42c; 
}
ul#farbe li#farbe_fliederlila a, ul#sekundrfarbe li#sekundrfarbe_fliederlila a { 
	background-color: #c923bf;
}
ul#farbe li#farbe_cremenaturfarben a, ul#sekundrfarbe li#sekundrfarbe_creamnatural a { 
	background-color: #f7f5e3;
}
ul#farbe li#farbe_orange a, ul#sekundrfarbe li#sekundrfarbe_orange a { 
	background-color: #ff9c00; 
}
ul#farbe li#farbe_rosa a, ul#sekundrfarbe li#sekundrfarbe_rosa a { 
	background-color: #ec2776; 
}
ul#farbe li#farbe_rotpinkburgunderrotweinrot a, ul#sekundrfarbe li#sekundrfarbe_rotpinkburgunderrotweinrot a { 
	background-color: #ec0000; 
}
ul#farbe li#farbe_silber a, ul#sekundrfarbe li#sekundrfarbe_silber a { 
	background-color: #e2e2e2; 
}
ul#farbe li#farbe_wei a, ul#sekundrfarbe li#sekundrfarbe_wei a { 
	background-color: #fff; 
}
ul#farbe li#farbe_gelb a, ul#sekundrfarbe li#sekundrfarbe_gelb a { 
	background-color: #edf506;
}
ul#farbe li#farbe_bunt a, ul#sekundrfarbe li#sekundrfarbe_bunt a { 
	background: url(../Images/multi.gif) top left repeat;
}


/*
Specific Left Navigation - Size, Length
-------------------------------*/
ul#sitz, ul#lnge {
	width: 158px !important; /*Fix for IE6*/
	width /**/: 160px;
	padding-left: 2px;
}
ul#sitz li, ul#lnge li {
	clear: none;
	float: left;
	width: auto !important;
	padding: 0;
	margin: 5px 0px 5px 8px; /*Fix for IE6*/
	white-space: nowrap;
	display: inline;
}
ul#sitz li a, ul#lnge li a {
	background: none;
	padding: 0;
}
ul#sitz li a:active, ul#sitz li a:focus, ul#sitz li a:hover,
ul#lnge li a:active, ul#lnge li a:focus, ul#lnge li a:hover {
	color: #09f;
	text-decoration: underline;
}


/*
Override available heights for thumbnails and heros
-------------------------------*/
.thumbnailContainer li a span, 
.singleThumbnailContainer a span {
	min-height: 5.25em;
}
* html .thumbnailContainer li a span, 
* html .singleThumbnailContainer a span {
	height: 5.25em;
}
#recommendedHeros2Up .thumbnailContainer li a span,
#recommendedHeros3Up .thumbnailContainer li a span {
	min-height: 4em;
}
*html #recommendedHeros2Up .thumbnailContainer li a span,
*html #recommendedHeros3Up .thumbnailContainer li a span {
	height: 4em;
}

/*
Product page components
-------------------------------*/
a.magnify {
	width: 13em;
}
	
	
/*
Helper classes
-------------------------------*/
ul#farbe li a span, 
ul#sekundrfarbe li a span {
	position: absolute;
	left: -9999px;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}