/* FOTL - Will Kelly 2009-2010 ======================================== */

/* Block Sizing:

Total Width: 974px; 

*/


body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td,ul,ol,li {
	margin:0;padding:0;
	font-size: 100%;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	/*background: transparent;*/
}
table {
	border-collapse: collapse;
}

body {
	color: #333; 
	font: 11px Arial,Helvetica,sans-serif;
	background: #FFF;
	padding: 0;
}

/* General styles ======= */

img {
	border: none;
}

p {
	margin-bottom: 1em;
}

a:link, a:visited, a:active, a:focus {
	color: #333;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}



/* User styles ============ 

Can be moved to separate stylesheet

*/

h1 {
	font-size: 14px;
	color:#666;
	margin-bottom: 24px;
}

.xxlarge {
	font-size: 18px;
}

.xlarge {
	font-size: 14px;
}

.large {
	font-size: 12px;
}
.normal {
	font-size: 11px;
}
.small {
	font-size: 10px;
}

.white-text {
	color: #FFF;
}
.grey-text {
	color:#999;
}
.darkgrey-text {
	color:#333;
}
.red-text {
	color:#CC0000;
}
.black-text {
	color:#000;
}
.purple-text {
	color:#d12784;
}


img.image-left {
	float: left;
	margin: 0.3333em 0.5em 0 0;
}
img.image-right {
	float: right;
	margin: 0.3333em 0 0 0.5em;
}
img.image-block {
	display:block;
}

p.largemargin {
	margin-bottom: 1.1667em;
}

p.last {
	margin-bottom: 0 !important;
}

p.center {
	text-align: center;
}
p.right {
	text-align: right;
}

.relative {
	position: relative;
}

p.error {
	border: 1px solid #d12784;
	padding: 10px;
}
	p.error strong {
		color: #d12784
	}

/* Structure ======================

*/

#wrapper {
	width: 970px;
	margin: 42px auto 12px;
	border: 1px solid #CCC;
}

#header {
	position: relative;
	height: 84px;
	border-bottom: 1px solid #CCC;
	background: url(/images/imprint2010/sprite-repeat-x.png) repeat-x;
}
	
	a.logo {
		display: block;
		width: 147px;
		padding: 9px 0 12px 0;
		text-align: center;
	}
		a.logo img {}

	ul#nav {
		position: absolute;
		right: 0;
		top: 0;
		list-style: none;
	} 
	
		ul#nav li {
			position: relative;
			float: left;
			width: 74px;
			height: 84px;
			border-left: 1px solid #e9e9e9;
			color: #999;
			/*text-align: center;*/
		}
		
		ul#nav li span {
			display: block;
			width: 100%; /*height: 20px;*/
			position: absolute;
			top: 50%;
			margin-top: -14px;
			text-align: center;
			cursor: pointer;
		}
		
		ul#nav li a {
			display: block;
			width: 100%; height: 100%;
			color: #333;
		}
		
		ul#nav li a:hover, .n_mens ul#nav li a#nav1, .n_ladies ul#nav li a#nav2, .n_kids ul#nav li a#nav3, .p_contacts ul#nav li a#nav6,.p_search ul#nav li a#nav8 {
			background-color: #FFF;
			text-decoration: none;
		}
		
		ul#nav div.subnav {
			display: block;
			visibility: hidden;
			width:200px;
			position: absolute;
			z-index: 10000;
		}
		
		ul#nav div.subnav ul {
			float: left;
			width: auto;
			list-style: none;	
			border-top: 1px solid #CCC;		
		}
			ul#nav div.subnav ul li {
				float: none;
				width: auto;
				height: auto;
				background-color:rgb(255, 255, 255);
				border-bottom: 1px solid #e9e9e9;
				border-left: 1px solid  #e9e9e9;
				border-right: 1px solid  #e9e9e9;
				text-align: left;
				padding: 4px 10px;
			}
			
			/* home page has alpha menu only */
			.p_home ul#nav div.subnav ul li {
				background-color:rgb(255, 255, 255);
				background-color:rgba(255, 255, 255, 0.8);
			}
		
			div.dropshadow {
				position: relative;
				float: left;
				padding-bottom: 6px;
			}
				.dropshadow-vert-right {
					padding-right: 6px;
					background: url(/images/imprint2010/dropshadow-vert.png) right repeat-y;
				}
				
				.dropshadow-corner-rb {
					position: absolute;
					right: 0;
					bottom: 0;
					width: 6px;
					height: 6px;
					background: url(/images/imprint2010/dropshadow-corners.png) -6px -6px no-repeat;
				}
				.dropshadow-end-bl {
					position: absolute;
					left: 0;
					bottom: 0;
					width: 6px;
					height: 6px;
					background: url(/images/imprint2010/dropshadow-ends.png) 0 -6px no-repeat;
				}
				.dropshadow-horz-bottom {
					position: absolute;
					/*width: 135px;*/
					bottom: 0;
					left:0;
					height:6px;
					background: url(/images/imprint2010/dropshadow-horz.png) bottom repeat-x;
					margin-left: 6px;
				}
				
	

#content {}

	#main {
		position: relative;
	}
	
	/* pages with gradient bg */
	.p_category #main, .p_landing #main, .p_contacts #main, .p_eu-landing #main {
		background: #e3e3e3 url(/images/imprint2010/sprite-repeat-x.png) 0 -84px repeat-x;
	}
		
		#system-bar {
			position: relative;
			height: 41px;
			border-bottom: 1px solid #CCC;
		}
		
		#system-bar .breadcrumbs {
			margin: 0;
			padding: 14px 0 0 21px;
			
		}
		
		.p_home #system-bar .breadcrumbs, .p_landing #system-bar {
			display: none;
		}
			.breadcrumbs {
				font-weight: bold;
				color: #666;
			}
			
			.breadcrumbs a {
				font-weight: normal;
				color: #666;
			}	
		
		#system-bar #lang {
			position: absolute;
			top: 10px;
			right: 18px;
			width: 160px;
		}
			#lang img {
				position: absolute;
				right: -1px;
				top: -1px;
			}
			#lang a {
				display: block;
				outline: 0;
				text-align: right;
				padding-right: 37px;
			}
			.p_home #lang a {
				color: #FFF;
			}
			
			#lang-selector {
				display: none;
				position: absolute;
				background-color:#C6C6C6;
				top: 0;
				right: 0;
				z-index: 2;
				width: 153px;
			}
			
			.p_home #lang-selector {
				background-color:rgb(255, 255, 255);
				background-color:rgba(255, 255, 255, 0.8);
			}
			
			#lang-selector a {
				position: relative;
				display: block;
				border-left: 1px solid #b4adaa;
				border-bottom: 1px solid #b4adaa;
				text-align: right;
				padding: 10px 55px 10px 0;
			}
			#lang-selector a:hover {
				background-color:#FFF;
				text-decoration: none;
			}
			#lang-selector a.change-region {
				cursor: default;
			}
			#lang-selector a.change-region:hover {
				cursor: default;
				background-color: transparent;
			}
			
			.en #lang-selector .en, .fr #lang-selector .fr, .es #lang-selector .es, .it #lang-selector .it, .de #lang-selector .de {
				display: none;
			} 
			
			#lang-selector a img {
				position: absolute;
				top: 9px;
				right: 17px;
			}
		
	#main-footer {
		position: relative;
		border-top: 2px dotted #7f7f7f;
		height: 172px
	}
		#main-footer span {
			display: block;
		}
		#main-footer p {
			position: relative;
			padding-top: 15px;
			padding-left: 15px;
		}
		

		
		#main-footer a {
			display: block;
			width: inherit;
			height: inherit;
		}
		#main-footer .item-1 {
			position: absolute;
			top: 13px;
			left: 0;
			width: 313px;
			height: 151px;
			border-right: 1px dotted #999;
		}
		
			#main-footer .item-1 img {
				position: absolute;
				top: -5px;
				right: 8px;
			}
		
		#main-footer .item-2 {
			position: absolute;
			top: 13px;
			left: 315px;
			width: 306px;
			height: 151px;
			border-right: 1px dotted #999;
		}
			#main-footer .item-2 p {
				width: 132px;
			}
			#main-footer .item-2 img {
				position: absolute;
				z-index: 6;
				top: -34px;
				right: 0;
			}
			
		#main-footer .item-3 {
			position: absolute;
			top: 13px;
			left: 623px;
			width: 347px;
			height: 151px;
		}
			#main-footer .item-3 p {
				width: 132px;
			}
			#main-footer .item-3 img {
				position: absolute;
				z-index: 7;
				top: -20px;
				right: -10px;
			}
		

#footer {
	border-top: 1px solid #CCC;
	background: #999;
	padding: 22px 0;
}
	#footer p {
		margin: 0;
		text-align: center;
		color: #FFF;
	}
	#footer a {
		color: #FFF;
	}
	
/* COMMON ======================================


*/

#standard-container {
	padding: 28px 26px;
}

.p_accessibility #standard-container {
	padding: 28px 90px 90px 26px;
}

.p_category #standard-container {
	padding: 28px 0 28px 26px;
}


	
/* LANDING ======================================


*/

#landing-container {
	padding: 46px 153px 62px;
}

#landing-container p {
	text-align: center;
}

#landing-container ul {
	list-style: none;
	margin: 32px 0 70px -9px;
	overflow: auto;
	
}

	#landing-container li {
		float: left;
		list-style: none;
		border: 1px solid #CCC;
		background:url(/images/imprint2010/lang/lang_btn_bg.png) no-repeat;
		width: 123px;
		height: 45px;
		margin-left: 9px;
	}
	#landing-container li a {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
	}
	#landing-container li a img {
		margin: 14px 8px 0;
		vertical-align: middle;
	}
	#landing-container li a span {
		position: absolute;
		top: 16px;
	}


	
/* HOME ========================================= 


*/

.p_home #system-bar {
	position: absolute;
	z-index: 10;
	width: 100%;
	border-bottom: none;
}

.p_home .cycle {
	height: 496px;
	overflow: hidden;
}

/* CATEGORY ======================================


*/

.subcat-container {
	padding: 97px 0 100px 32px;
	position: relative;
}
.subcat-ladies,.subcat-kids {
	padding-bottom: 130px;
}

.subcat {
	position: relative;
	float: left;
	width: 119px;
	height: 229px;
	margin: 0 0 0 10px;
}


.subcat p.title {
	width: 119px;
	height: 32px;
	background:url(/images/imprint2010/product/subcat_title_bg.png) no-repeat;
	text-align: center;
	text-transform: uppercase;	
	padding: 3px 0;
	font-size: 9px;
}
	.subcat p.title a {
		display: block;
		padding: 4px;
		text-decoration: none;
	}
	
	/* two-line subcat title bubble */
	.subcat-sweatshirts-jogpants p.title,
	.de .subcat-fleeces-jackets p.title {
		background:url(/images/imprint2010/product/subcat_title_large_bg.png) no-repeat;
		margin-top: -3px;
		height: 37px;
	}
	.subcat-sweatshirts-jogpants p.title a,
	.de .subcat-fleeces-jackets p.title a {
		padding-top: 2px;
	}
	
	.subcat img {
		margin-top: 26px;
	}
	
	
	/* Mens */
	.subcat.subcat-mens-sweatshirts-jogpants img {
		margin-top: 0;
	}
	.subcat.subcat-mens-fleeces-jackets img {
		margin-top: 19px;
		margin-left: -6px;
	}
	.subcat.subcat-mens-shirts img {
		margin-top: 12px;
		margin-left: -8px;
	}
	
	/* Ladies */
	.subcat.subcat-ladies-t-shirts img {
		margin-left: 6px;
	}
	.subcat.subcat-ladies-polos img {
		margin-top: 22px;
		margin-left: 8px;
	}
	.subcat.subcat-ladies-sweatshirts-jogpants img {
		margin-top: 18px;
		margin-left: 2px;
	}
	.subcat.subcat-ladies-fleeces-jackets img {
		margin-top: 20px;
		margin-left: 10px;
	}
	.subcat.subcat-ladies-shirts img {
		margin-top: 18px;
		margin-left: 8px;
	}
	
	/* Kids */
	.subcat.subcat-kids-t-shirts img {
		margin-top: 20px;
	}
	.subcat.subcat-kids-polos img {
		margin-top: 22px;
		margin-left: 2px;
	}
	.subcat.subcat-kids-sweatshirts-jogpants img {
		margin-top: 24px;
		margin-left: -2px;
	}
	.subcat.subcat-kids-fleeces-jackets img {
		margin-top: 18px;
		margin-left: 2px;
	}

.subcat-overlay {
	position: absolute;
	z-index: 10;
	display: block;
	visibility: hidden;
	width: 200px;
	top: 150px;
	left: 5px;
}
	
	.subcat-overlay-bg {
		background-color: #FFFFFF;
		border: 1px solid #e9e9e9;
	}
	.subcat-overlay p.title {
		margin: 10px;
	}
	
	.subcat-overlay img {
		margin: 10px;
	}
	
	.subcat-overlay div.products a {
		display: block;
		border-top: 1px solid #e9e9e9;
		font-size: 10px;
		font-weight: bold;
		padding: 2px 3px;		
		color:#666;
		text-decoration: none;
	}
	.subcat-overlay div.products a.view-all, .subcat-overlay div.products a:hover {
		background-color: #e9e9e9;
	}	

.subcat-new {
	display: block;
	position: absolute;
	top: 80px;
	right: 5px;
}

.subcat-ladies .subcat-new {
	top: 49px;
	right: 60px;
}

.subcat-kids .subcat-new {
	top: 47px;
	right: 10px;
}

/* SUB-CATEGORY ==================================


*/

#subcat-listing {
	list-style: none;
	margin-left: -24px;
	margin-top: -16px;
}
	#subcat-listing li {
		position: relative;
		float: left;
		width: 128px;
		height: 220px;
		margin-left: 28px;
	}
	
	#subcat-list div {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#subcat-listing li p a {
		display: block;
		background: url(/images/imprint2010/product/bullet_arrow.gif) 0 2px no-repeat;
		color:#666;
		margin-top: 4px;
		padding-left: 9px;
		text-decoration: none;
	}
	

/* PRODUCT =======================================


*/

#product-container {
	padding: 16px 18px 22px 21px;
}

#preview {
	float: left;
	position: relative;
	width: 397px;
}

	.image-zoom {
		position: absolute;
		z-index:1;
		top: 10px;
		right: 100px;
		width: 18px;
		height: 18px;
		background-image: url(/images/imprint2010/product/preview_zoom-in.png);
		cursor: pointer;
	}
	
	.image-load {
		display: none;
		position: absolute;
		z-index: 2;
		top: 330px;
		right: 100px;
		border: 1px solid #d2d2d2;
		padding: 3px 6px;
		background-color: #FFF;
	}
	
	.containment-helper { 
		position: absolute;
		top: -360px;
		left: -304px;
		width: 912px;
		height: 1080px;
		visibility: hidden;
	}

	#preview-image {
		float: left;
		position: relative;
		width: 304px;
		height: 360px;
		border: 1px solid #d2d2d2;
		overflow: hidden;
	}
		#preview-image div {
			width: inherit;
			height: inherit;
		}

	
	.image-zoom-out {
		background-image: url(/images/imprint2010/product/preview_zoom-out.png);
	}
	
	.next-prev {
		width: 304px;
		position: absolute;
		left: 0;
		top: 380px;
	}
		.next {
			position: absolute;
			right: 0;
		}
	
	.preview-aside {
		float: right;
		width: 70px;
		padding-right: 12px;
	}
	
		#preview-thumbs {
			margin-bottom: 18px;
		}
	
		.preview-thumb {
			width: 68px;
			height: 68px;
			border: 1px solid #d2d2d2; 
			margin-bottom: 9px;
			cursor: pointer;
		}
		
		div.confidence-in-textiles {
			background: url(/images/imprint2010/product/product-sprite.gif) 0 0;
			height: 41px;
			margin-bottom: 19px;
			text-indent: -10000px;
		}
		
		div.belcoro {
			background: url(/images/imprint2010/product/product-sprite.gif) 0 -41px;
			height:30px;
			margin-bottom: 19px;
			text-indent: -10000px;
		}
		
		div.easy-care {
			background: url(/images/imprint2010/product/product-sprite.gif) 0 -71px;
			height:65px;
			text-indent: -10000px;
		}

.product-detail {
	float: left;
	width: 369px;
}

	.product-detail table {
		border-collapse: collapse;
		margin-bottom: 10px;
		margin-right: 11px;
	}
	.product-detail table th {
		width: 80px;
		text-align: left;
		padding-bottom:10px;
	}
	.product-detail table td {
		padding-bottom:10px;
	}
	
	.product-detail .bullet-container {
		margin-right: 11px;
		margin-bottom: 10px;
		border: 1px solid #d2d2d2;
		padding: 14px 13px 6px 13px;
	}
		.bullet-container li {
			list-style: none;
			padding-left: 8px;
			margin-bottom: 8px;
			background: url(/images/imprint2010/product/bullet.gif) 0 4px no-repeat;
			font-weight: bold;
		}
		
	.colour-container {
		position: relative;
		border: 1px solid #d2d2d2;
		background-color: #f7f6f6;
		width: 354px;
		height: 188px;
		overflow: auto;
	}
		.colour-container .colour {
			display: block;
			position: relative;
			float: left;
			border-right: 1px solid #d2d2d2;
			border-bottom: 1px solid #d2d2d2;
			width: 163px;
			height: 45px;
			cursor: pointer;
		}
			.colour-container .colour img {
				position: absolute;
				left: 4px;
				top: 4px;
				border: 1px solid #d2d2d2;
			}
			.colour-container .colour div.colour-name {
				position: absolute;
				left: 60px;
				top: 4px;
				font-size: 10px;
			}
				div.colour-name p {
					margin-bottom: 1px;
				}
	
	

.product-aside {
	float: left;
	width: 165px;
}
	.product-aside .center {
		text-transform: uppercase;
	}
	.product-aside .related-item {
		border: 1px solid #c6c6c6;
		margin-bottom: 20px;
		cursor: pointer;
	}
		.related-item img {
			display: block;
		}
		.related-item p {
			margin: 0;
			padding: 4px 4px 3px 16px;
			background: #c6c6c6 url(/images/imprint2010/product/related-item-bullet.gif) 5px 7px no-repeat;
			color: #FFF;
			font-weight: bold;
		}
		.related-item p a, .related-item p a:hover {
			color: #FFF;
			text-decoration: none;
		}
	
	.aside-links a {
		display: block;
		background-image: url(/images/imprint2010/product/product-sprite.gif);
		background-position: 0 -136px;
		background-repeat: no-repeat;
		border-bottom: 2px dotted #c2c2c2;
		padding-left:30px;
		padding-top: 4px;
		padding-bottom:4px;
		min-height: 26px; /* expandable height */
		height: auto !important;
  		height: 26px;
		color: #666;
		text-transform: uppercase;
		font-size: 10px;
		
	}
	.aside-links a.low-res {
		background-position: 0 -178px;
	}
	.aside-links a.find-supplier {
		background-position: 0 -222px;
	}
	
/* CONTACTs =======================================


*/

.p_contacts #standard-container {
	padding: 28px 16px 28px 26px;
}

a.view-usa {
	display: block;
	float: right;
	height: 46px;
	background: url(/images/imprint2010/contact/usa.png) no-repeat;
	margin-top: -12px;
	padding-left: 44px;
	font-size: 18px;
	text-decoration: none;
	
}

#contact-regions {
	margin-top: 40px;
	margin-left: -12px;
	width: 941px;
	
}
	#contact-regions .region {
		position: relative;
		float: left;
		width: 313px;
		height: 340px;
		border-right: 1px dashed #aeaeae;
	}
	#contact-regions .region-rest-of-world {
		border-right: none;
	}
	
	.world-map {
		width: 133px;
		height: 66px;
		overflow: hidden;
		background-image: url(/images/imprint2010/contact/map_sprite.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		margin: 7px 0 0 6px;
	}
	.region-europe .world-map {
		background-position: 0 -66px;
	}
	.region-asia .world-map {
		background-position: 0 -132px;
	}
	
	.region-button {
		position: absolute;
		top: 0;
		right: 10px;
		width: 152px;
		height: 47px;
		background: url(/images/imprint2010/contact/btn_bg.png) no-repeat;
	}
	.region-button span {
		padding-left: 16px;
		line-height: 47px;
		font-size: 12px;
	}
	
	.country-container {
		position: absolute;
		top: 49px;
		right: 4px;
		width: 157px;
	}
		.country-outer {}
		
		.country-inner {
			background-color: #FFF;
			width: 150px;
			border-top: 1px solid #e5e5e5;
			border-right: 1px solid #e5e5e5;
			border-left: 1px solid #e5e5e5;
			overflow: auto;
			overflow-x: hidden;
		}
		.region-europe .country-inner {
			height: 266px;
		}
		
		.country-inner ul {
			width: 100%;
			list-style: none;
		}
			.country-inner ul li {	
				border-bottom: 1px solid #e5e5e5;
			}
			.country-inner ul li a {
				display: block;
				width: 100%;
				height: 100%;
				text-decoration: none;
			}
			.country-inner ul li a:hover {
				background-color: #c67ba4;
				color: #FFF;
			}
			.country-inner ul li a span {
				display: block;
				padding: 3px 15px;
				font-weight: bold;
				font-size: 10px;
			}


ul#contacts {
	margin-left: -8px;
	list-style: none;
}
	ul#contacts li {
		float: left;
		margin: 0 0 8px 8px;
		background:url(/images/imprint2010/contact/list_bg.png) no-repeat;
		width: 178px;
		height: 159px;
		overflow: hidden;
	}
		ul#contacts li div {
			margin: 1px;
			width:170px;
			height: 151px;
			overflow: auto;	
		}
			ul#contacts li div p {
				margin: 0;
				font-size: 10px;
				padding: 9px 7px;
			}
				ul#contacts li div p span {
					display: block;
					width: 139px;
					height: 13px;
					overflow: hidden;
				} ul#contacts li div p span a {
					width: 200px;
					display: block;
				}
		
		ul#contacts li.last div {
			background: #999;
			color: #FFF;
		}
		ul#contacts li.last div a {
			color: #FFF;
		}

	
/* THE FRUIT CODE =============================================


*/

.thefruitcode-logo {
	float: right;
	margin-top: 15px;
}

#thefruitcode-container {
	padding: 28px 0 28px 26px;
}
	#thefruitcode-container .clear {
		margin-left: -38px;
		margin-bottom: 40px;
	} 
	
	#thefruitcode-container .col {
		width: 328px;
		margin-left: 38px;
		float: left;
	}

.green-caps, .col strong {
	color: #3fad49;
	text-transform:uppercase;
	font-weight: bold;
}

p.downloads {
	float: right;
	margin-right: 250px;
}

p.downloads a {
	display: block;
	background-image: url(/images/imprint2010/thefruitcode/dl_bg.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	border-top: 2px dotted #c2c2c2;
	border-bottom: 2px dotted #c2c2c2;
	padding: 10px 0 10px 36px;
	color: #666;
	text-transform: uppercase;
	font-size: 10px;	
}

	p.downloads a.fruit-code {
		background-position: 0 2px;
		
	}
	p.downloads a.cert {
		border-top: none;
		background-position: 0 -50px;
	}
	
	
	
/* SEARCH =============================================================


*/

.product-code-search {
	position: absolute;
	height: 32px;
	top: 24px;
	right: 26px;
	
}
	.product-code-text {
		border: 1px solid #bdbdbd;
		width: 120px;
		padding: 9px 8px 8px;
		margin: 0 5px;
		vertical-align: middle;
		font-size: 11px;
	}
	.product-code-btn {
		border: 1px solid #cecece;
		width: 36px;
		height: 32px;
		background: url(/images/imprint2010/search/btn_go_bg.jpg);
		font-size: 11px;
		vertical-align: middle;
	}

.panel-header {
	position: relative;
	background: url(/images/imprint2010/search/grad_rpt_x.jpg) repeat-x;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	height: 46px;
}

	.panel-title {
		position: absolute;
		top: 16px;
		left: 20px;
		text-transform: uppercase;
	}
	.inactive .panel-title {
		/*color: #999; */
	}
	.panel-icon {
		position: absolute;
		top: 13px;
		right: 15px;
		width: 18px;
		height: 18px;
		background-image: url(/images/imprint2010/search/panel_collapse.jpg);
		background-repeat: no-repeat;
	}
	.inactive .panel-icon {
		background-position: 0 -18px;
	}
	
.panel {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	position: relative;
}
.panel-last {
	border-bottom: 1px solid #CCC;
}
	.colour-panel {
		position: absolute;
		top: 0;
		left: 0;
		padding: 37px 3px 8px;
		width: 910px;
		height: 460px;
	}
	
	.colour-panel .colours-a {
		float: left;
		width: 448px;
	}
	.colour-panel .colours-b {
		float: right;
		width: 448px;
	}
	
	.colour-panel a:link,.colour-panel a:active,.colour-panel a:visited,.colour-panel a:hover,.colour-panel a:focus { /* colour-swatch */
		display: block;
		float: left;
		width: 62px;
		height: 84px;
		padding: 0 1px;
		text-align: center;
		font-size: 8px;
		line-height: 9px;
		margin-bottom: 8px;
		text-decoration: none;
		text-transform: uppercase;
		color: #000;
	}
	
	.results-panel-header {
		position: relative;
		border-bottom: 1px solid #CCC;
	}
		.results-panel-header p {
			margin-bottom: 0;
			padding: 16px 18px;
		}

		.filter {
			position: absolute;
			top: 16px;
			right: 18px;
		}
			.filter select {
				font-size: 11px;
				margin: 0 4px;
			}
			/*.filter select.filter-cat {
				width: 84px;
			}
			.filter select.filter-subcat {
				width: 142px;
			}
			.filter select.filter-keyword {
				width: 100px;
			}*/
	
	.results-panel {
		padding: 12px 8px;
	}
	
		.results-panel p {
			padding-left: 10px;
			font-size: 12px;
		}
		
		.results-panel a:link,.results-panel a:active,.results-panel a:visited,.results-panel a:hover,.results-panel a:focus {
			display: block;
			float: left;
			width: 180px;
			height: 260px;
			text-align: center;
			text-decoration: none;
			font-size: 12px;
			font-weight: bold;
		}
			.results-panel .product img, .results-panel .image-holder {
				width: 180px;
				height: 213px;
			}
			.results-panel .image-holder {
				background: url(/images/imprint2010/ajax-loader.gif) center center no-repeat;
			}
	

/* FRUIT CLUB =====================================


*/

#club-header {
	padding: 28px 20px 23px;
	border-bottom: 1px dashed #999;
}

	.club-account {
		margin-top: 10px;
		float: right;
	}

#club-main {
	position: relative;
}

	#club-main h1 {
		margin-bottom: 10px;
	}	
	#club-main a,#club-header a {
		color: #c53193;
		text-decoration: underline;
	}
	#club-main a:hover {
		text-decoration: none;
	}
	
	#club-nav {
		float: left;
		width: 214px;
	}
		#club-nav ul {
			list-style: none;
		}
			#club-nav ul li {
				border-bottom: 1px dashed #999;
			}
				#club-nav ul li a {
					display: block;
					padding: 11px 0 11px 24px;
					color: #000;
					font-size: 10px;
					/*letter-spacing: -1px;*/
					text-decoration: none;
				}
				#club-nav ul li a:hover {
					background-color: #e6e6e6;
				}
				.imagelibrary #club-nav ul li#club-nav-1 a,
				.tools #club-nav ul li#club-nav-2 a,
				.advertising #club-nav ul li#club-nav-3 a,
				.newsletter #club-nav ul li#club-nav-4 a,
				.latestcampaign #club-nav ul li#club-nav-5 a,
				.marketingtips #club-nav ul li#club-nav-6 a,
				.feedback #club-nav ul li#club-nav-7 a,
				.requestbrochure #club-nav ul li#club-nav-8 a {
					background-color: #cf4490;
					color: #FFF;
				}
	
	#club-section {
		float: right;
		width: 755px;
		min-height: 359px;
		height: auto !important;
  		height: 359px;
		border-left: 1px dashed #999;
	}

#club-footer {
	position: relative;
	border-top: 1px dashed #999;
	height: 178px
}
	#club-footer .item {
		position: absolute;
		top: 0;
		margin-top: 15px;
		border-style: dotted;
		border-color: #999;
		height: 151px;
	}
	#club-footer .item-1 {
		left: 0;
		width: 314px;
		border-right-width: 1px;
	}
	#club-footer .item-2 {
		left: 315px;
		width: 307px;
		border-right-width: 1px;
	}
	#club-footer .item-3 {
		right: 0;
		width: 347px;
	}
	
/* Common */

.club-col {
	width: 601px;
	margin-left: 154px;
}

.club-container {
	padding: 12px 30px;
	border-bottom: 1px dashed #999;
}
	.club-container .num-1 {
		padding-left: 38px;
		background: url(/images/imprint2010/fruitclub/no_1.gif) left center no-repeat;
	}
	.club-container .num-2 {
		padding-left: 38px;
		background: url(/images/imprint2010/fruitclub/no_2.gif) left center no-repeat;
	}
	
.club-title, .club-sub-title strong {
	font: bold 18px Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
	color:#d12784;
}

.club-sub-title {
	font: 18px Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
	color:#000;
}

table.club-form {
	margin: 0 0 12px;
	width: 100%;
}

	table.club-form th {
		width: 106px;
		vertical-align: top;
		padding-top:11px;
		text-align: left;
	}
	table.club-form  td {
		padding: 4px 0;
	}
	table.club-form tr.req td {
		background: url(/images/imprint2010/fruitclub/star_req.gif) right center no-repeat;
	}
	
		table.club-form input.text,table.club-form select,table.club-form textarea {
			width: 316px; height: 19px;
			padding: 4px;
			border-width: 1px;
			border-style: solid;
			border-color: #cacaca #e7e7e7 #e6e6e6 #cacaca;
			background-image:url(/images/imprint2010/fruitclub/input_text_bg.gif);
		}
		table.club-form select {
			width: 324px; height: 27px;
		}
		table.club-form textarea {
			height: auto;
		}
		
		table.club-form tr.error input.text,table.club-form tr.error select {
			border-color:#d12784;
			color: #d12784;
		}
		
		table.club-form td div {
			position: relative;
			width: 324px;
		}
			table.club-form td div em {
				position: absolute;
				color: #333;
				top: -26px;
				right: 4px;
				background-color: #FFF;
			}

/* Login */

#club-login {
	padding: 20px 20px 20px 542px;
	background: url(/images/imprint2010/fruitclub/login.jpg) 0 40px no-repeat;
}
	#club-login table.login {}
	
		#club-login table.login th {
			text-align: left;
			width: 144px;
		}
			#club-login table.login th img { 
				height: 13px;
				vertical-align: middle;
			}
			#club-login table.login td img { 
				vertical-align: middle;
			}
			#club-login table.login td {
				padding: 5px 0;
			}
			#club-login table.login td input.text {
				border: 1px solid #bdbdbd;
				width: 171px;
				padding: 9px 8px 8px;
				margin: 0 5px 0 0;
				vertical-align: middle;
				font-size: 11px;
			}
			#club-login table.login tr.error td input.text {
				border: 1px solid #d12784;
				color: #d12784;
			}
			#club-login table.login td input.btn {
				border: 1px solid #cecece;
				width: 36px;
				height: 32px;
				background: url(/images/imprint2010/search/btn_go_bg.jpg);
				font-size: 11px;
				vertical-align: middle;
			}

/* Register inline */

#signup-dialog {
	display: none;
	position: absolute;
	top: -157px; left: 220px;
	z-index:10001;
	width: 504px;
	padding: 10px 8px;
	background-color: #FFF;
	-moz-box-shadow: 1px 1px 10px #999;
	-webkit-box-shadow: 1px 1px 10px #999;
}
	#signup-dialog div.close {
		position: absolute;
		top: 16px; right: 16px; 
		width: 16px; height: 16px;
		background-image: url(/images/imprint2010/fruitclub/dialog_close.gif);
	}
	#signup-dialog form {
		border: 1px solid #b9b9b9;
		padding: 15px 15px 15px 35px;
	}
	#signup-dialog p.dialog-title {
		font-weight: bold;
		font-size: 16px;
	}
	
	#signup-dialog p.right {
		padding-right: 15px;
	}
	
/* Image Library */

.il-cat {
	float: left;
	width: 119px;
	margin-right: 8px;
	padding-bottom: 5px;
	border-bottom: 6px solid #FFF;
}
.il-cat-active {
	border-bottom: 6px solid #cc3399;
}

.imagelibrary .club-container .num-2 {
	padding-top: 10px;padding-bottom:10px;vertical-align:middle
}

	.imagelibrary .club-container .num-2 * {
		vertical-align:middle;
	}
	.imagelibrary .club-container .num-2 select {
		margin: 0 10px;
	}

#club-productdl {
	margin-left: 258px;
}

.imagelibrary .colour:hover {
	background-color: #CCC;
}

/* Tools */

.tools .club-sub-title {
	margin-bottom: 30px;
}

.tool-item {
	float: left;
	width: 293px;
	margin-bottom: 30px;
}

/* Feedback */

.feedback .club-col {
	margin-top: 50px;
	width: 510px;
}

.feedback table.club-form {
	width: 450px;
	margin-top: 40px;
}

/* Request */

.requestbrochure .club-col {
	margin-top: 50px;
}

.requestbrochure table.club-form {
	width: 450px;
	margin-top: 20px;
}

.requestbrochure .club-sub-title {
	text-transform: none;
}

table.request {
	width: 100%;
}
	table.request th {
		width: 170px;
		padding: 4px 0;
		text-align: left;
		font-size: 12px;
		color: #d12784;
		
	}
	table.request td {
	}

/* account */

.editaccount .club-title {
	margin-top: 40px;
}

.editaccount table.club-form {
	width: 450px;
}
			
/* Notification dialog */

	/* notification dialog */
	.dialog { z-index:1000; position:fixed; top:0px; left:0px; width:100%; height:100%; /*background:transparent url('/images/background/opaqueWhite20.png') repeat;*/ }
	.popup { background: #FFF; width:258px; height:138px; margin:250px auto; padding:60px 30px 0; font-size:14px; text-align:center; border: 1px solid #d12784;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; box-shadow: 1px 1px 10px #999;
	-moz-box-shadow: 1px 1px 10px #999;
	-webkit-box-shadow: 1px 1px 10px #999; }
	.popup a.close { background:#FFF no-repeat scroll; width:72px; height:32px; display:block; margin:30px auto; color: #d12784; /*text-indent:-9999px;*/ }
	.popup { position:absolute; top:50%; left:50%; margin:-69px 0 0 -129px; }	


/* Autocomplete 1.1 default styles */

.ac_results {
	padding: 0px;
	border: 1px solid #bdbdbd;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/images/admincp/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #FFF;
}

.ac_over {
	background-color: #666;
	color: white;
}


/* Clear Fix */

.clearboth {
	clear:both;
}

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */