/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

	Stylesheet for Flust (flust.no)
	media: all

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 62.5%;
	/*line-height: 1em;*/
	text-align: left;
	color: #000;
	background: #fff;
} 


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	clearing floats
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

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

.clear
{
	height: 0;
	line-height: 0;
	padding: 0;
	margin: 0;
	visibility: hidden;
	clear: both;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	accessibility, seo & print
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.accessibility
{
	position: absolute;
	top: -999em;
	left: -999em;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	elements & typography
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

h1
{
	margin: 0 0 30px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 2.4em;
	font-weight: normal;
	line-height: 1.4em;
	color: #d04a2a;
}
h2
{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	margin: 0 0 10px;
	font-size: 1.4em;
	font-weight: normal;
}
h3
{
	margin: 0 0 10px;
	font-size: 1.3em;
	font-weight: normal;
}
h4
{
	margin: 0 0 10px;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.2em;
}

p
{
	margin: 0 0 10px;
}

dl,
dt,
dd
{
	margin: 0;
	padding: 0;
}

ul
{
	margin: 0;
	padding: 0;
}
	li
	{
		margin: 0 0 0 15px;
		padding: 0;
	}

ul.linkList
{
	margin-bottom: 20px;
	padding: 0;
}
	ul.linkList li
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		ul.linkList li a
		{
			margin: 0;
			padding: 0;
			border: none;
		}
		ul.linkList li li
		{
			margin-left: 15px;
		}

img
{
	border: none;
}

/* horisontal rulers and hr-dotline */
hr
{
	height: 1px;
	margin: 15px 0 20px;
	padding: 0;
	color: #c4c4c4;
	background-color: #c4c4c4;
	border: none;
}
div.hrDotted
{
	height: 1px;
	margin: 10px 0 20px;
	background: url('../gfx/background/line-dotted.png') repeat-x 0 0;
}
	div.hrDotted hr
	{
		display: none;
	}

.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}

.alignRight
{
	text-align: right;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	form elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

form
{
	margin: 0;
	padding: 0;
}

fieldset
{
	margin: 0;
	padding: 0;
	border: none;
}
input,
select,
textarea
{
	font-size: 12px;/* 1em */
	font-family: Arial, Tahoma, Verdana, sans-serif;
}
label.position
{
/*
	position: relative;
	top: -2px;
	margin-right: 10px;
*/
}
legend
{
	display: none;
}
input[type=checkbox]
{
	border: none !important;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	tables
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

table
{
	margin-bottom: 10px;
	padding: 0;
	font-size: 1.2em;
}
	table table
	{
		font-size: 1em;
	}
	tr
	{
	}
		th
		{
			padding: 2px;
			font-size: 1.1em;
		}
			th th
			{
				font-size: 1em;
			}
		td
		{
			padding: 2px;
		}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	links
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

a,
a:visited
{
	text-decoration: none;
	color: #039;
	cursor: pointer;
}
a.readmore
{
	margin-left: 10px;
	padding-left: 11px;
	background: url('../gfx/icon/arrow-right-down.png') no-repeat 0 50%;
}
a.readmore.noMargin
{
	margin-left: 0;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	input buttons
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div.button
{
	float: left;
	margin: 0;
	padding: 0;
	color: #000;
	background: url('../gfx/button/button-co.png') no-repeat 100% 50%;
}
div.button.marginRight
{
	margin-right: 10px;
}

div.button.floatRight
{
	float: right;
}
	div.button span
	{
		float: left;
		background: url('../gfx/button/button-co-left.png') no-repeat 0 50%;
	}
	div.button input
	{
		width: auto;
		padding: 5px 4px 4px;
		color: #000;
		font-family: Tahoma, Arial, Verdana, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: .1em;
		background: transparent;
		border: 0;
		cursor: pointer;
		overflow: visible;
	}
	* html div.button input { padding: 5px 6px 4px; }
	*+html div.button input { padding: 5px 6px 4px; }

/* cancel link next to buttons */
a.cancel
{
	margin: 8px 0 0 10px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	layout containers
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#container
{
	position: relative;
	width: 970px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	min-height: 400px;
	background: url("../gfx/background/container-basket-repeater_V2.png") repeat-y scroll 189px 0 transparent
}
* html #container
{
	height: 400px;
}
#container.fullWidth
{
	background: url('../gfx/background/container-fullwidth.png') no-repeat 0 0;
}
#container.cardAndCheckout
{
	/*background: url('../gfx/background/container-checkout.png') no-repeat 0 0;*/
}

#mainContainer
{
	float: left;
	width: 781px;
	/*background: url('../gfx/background/container-basket-repeater_V2.png') repeat-y 0 0; */
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	logo, site search and navigation (left) coloumn
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#navCol
{
	float: left;
	width: 184px;
	margin-right: 5px;
	padding-bottom: 70px;
	line-height: 1.1em;
}

	/* logo with home link */
	#flustLogo
	{
		margin: 16px 0 40px;
	}

	/* main navigation */
	#mainNav
	{
		padding-left: 10px;
		font-size: 1.2em;
	}
		#mainNav fieldset
		{
			margin: 0 0 19px;
		}
		#mainNav label
		{
			display: block;
			margin: 0 0 7px;
			font-size: .9em;
			color: #666;
		}
		#mainNav div.options label
		{
			display: inline;
			margin: 0 10px 0 0;
		}
		#mainNav div.options a
		{
			font-size: .9em;
		}
		#mainNav input.mainNavField
		{
			float: left;
			width: 115px;
			margin: 0 3px 0 0;
			padding: 3px;
			border-top: 2px solid #848484;
			border-right: 2px solid #fafafa;
			border-bottom: 2px solid #f3f3f3;
			border-left: 2px solid #848484;
		}
		#mainNav h3
		{
			font-family: Tahoma, Arial, Verdana, sans-serif;
			font-size: 1.2em;
			font-weight: normal;
			color: #d04a2a;
		}
		#mainNav h3.help
		{
			color: #000;
		}
		#mainNav p
		{
			margin-right: 40px;
			font-family: Tahoma, Arial, Verdana, sans-serif;
			font-size: .9em;
			line-height: 1.2em;
			color: #515151;
		}
		#mainNav ul
		{
			display: block;
			margin-bottom: 39px;
			padding: 0;
			font-family: Arial, Tahoma, Verdana, sans-serif;
			font-weight: normal;
			line-height: 1.5em;
			list-style-type: none;
		}
		#mainNav ul ul
		{
			margin-bottom: 0;
		}
			#mainNav ul li
			{
				margin: 0;
				padding: 0;
			}
				#mainNav ul li li
				{
					margin-left: 10px;
				}
				#mainNav ul li a
				{
					display: block;
					margin: 0;
					padding: 0;
					color: #515151;
					border: none;
				}
				* html #mainNav ul li a
				{
					display: inline;
				}
				#mainNav ul li.parent a
				{
					color: #000;
					font-weight: bold;
				}
				#mainNav ul li.current a,
				#mainNav ul li.parent li.current a,
				#mainNav ul li.parent li.parent li.current a
				{
					font-weight: bold;
					color: #d04a2a;
				}
				#mainNav ul li.parent li a,
				#mainNav ul li.parent li.parent li a
				{
					font-weight: normal;
					color: #515151;
				}
				#mainNav ul li.parent li.parent a
				{
					color: #000;
				}
				#mainNav ul li.current li a,
				#mainNav ul li.parent li.current li a
				{
					font-weight: normal;
					color: #515151;
				}
				#mainNav ul li a:hover
				{
					text-decoration: underline;
				}

img.verisignSecured
{
	position: absolute;
	left: 8px;
	bottom: 16px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	container for top content
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#topContent
{
	float: left;
	width: 781px;
	min-height: 66px;
	background: #fff url('../gfx/logo/trumf-card.png') no-repeat 99% 100%;
}

* html #topContent
{
	height: 66px;
}

	/* container for logged in status and trumf balance */
	#topContent #statusAndBalance
	{
		width: 571px;
		padding: 7px 0 0;
		line-height: 1.3em;
		border-bottom: 4px solid #e6e2d2;
	}
		/* logged in status */
		#topContent p.loggedStatus
		{
			float: left;
			width: auto;
			margin: 0;
			padding: 3px 0 6px 10px;
			font-size: 1.1em;
		}
			#topContent p.loggedStatus a.flust
			{
				color: #d04a2a;
			}

		/* trumf balance */
		#topContent p.trumfBalance
		{
			float: right;
			width: auto;
			margin-bottom: 0;
			font-family: Tahoma, Arial, Verdana, sans-serif;
			font-size: 1.4em;
			text-align: right;
		}
			#topContent p.trumfBalance strong
			{
				font-size: 1.2em;
				font-weight: normal;
			}

	/* breadcrumb */
	#topContent p#breadcrumb
	{
		width: 551px;
		margin: 16px 0 0;
		padding: 0 10px 7px;
		line-height: 1em;
		color: #666;
	}
		#topContent p#breadcrumb a
		{
			color: #666;
		}
		#topContent p#breadcrumb span
		{
			margin: 0 3px;
		}
		#topContent p#breadcrumb a:hover
		{
			text-decoration: underline;
		}

	/* for Trumf members */
	#topContent a#forTrumfMembers
	{
		float: right;
		width: 110px;
		margin: -71px 0 0 9px;
		padding: 30px 85px 16px 0;
		font-family: Arial, Tahoma, Verdana, sans-serif;
		font-size: 1.1em;
		line-height: 1.1em;
	}
	#topContent a#forTrumfMembers img
	{
		margin-right: 3px;
	}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	main content coloumn
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#mainContent
{
	float: left;
	width: 569px;
	margin-right: 9px;
	padding: 0 1px 20px;
	min-height: 500px;
	border-top: 1px solid #cecac5;
}
* html #mainContent
{
	height: 500px;
}
#container.fullWidth #mainContent
{
	width: 779px;
	margin-right: 0;
}

	/* blocks and coloumns */
	div.full
	{
		margin-bottom: 20px;
		padding: 0 10px;
	}
	div.full.themeImage
	{
		padding: 1px;
	}

	div.col
	{
		float: left;
		width: 264px;
		margin-bottom: 20px;
		padding: 0 10px;
	}

	h3.trumfAmount
	{
		display: inline;
		position: absolute;
		bottom: 45px;
		left: 10px;
		padding: 10px;
		line-height: 1.2em;
		background: url('../gfx/transparent/transp-white.png') repeat 0 0;
	}

	/* images and theme links on front page */
	div.splash
	{
		position: relative;
		min-height: 354px;
		margin-bottom: 20px;
		padding: 1px 1px 0 1px;
		border-bottom: 1px solid #ccc;
	}
	* html div.splash
	{
		height: 355px;
	}
		div.splash img
		{
			margin-bottom: -2px;
		}
		div.splash ul#themeLinks
		{
			position: absolute;
			bottom: 1px;
			left: 1px;
			width: 517px;
			margin: 0;
			padding: 8px 20px 6px 30px;
			list-style-type: none;
			background: url('../gfx/transparent/transp-white.png') repeat 0 0;
		}
			div.splash ul#themeLinks li
			{
				float: left;
				width: 108px;
				margin: 0 10px 0 0;
				padding: 0 0 0 11px;
				font-size: 1.2em;
				line-height: 1.2em;
				background: url('../gfx/icon/arrow-right-down.png') no-repeat 0 4px;
			}
				div.splash ul#themeLinks li a
				{
					text-decoration: none;
					color: #000;
				}

	/* specific elements & typography */
	#mainContent h1
	{
		margin: 18px 9px 3px;
		/*padding-left: 10px;*/
	}
	#mainContent h1.underline
	{
		margin-bottom: 10px;
		border-bottom: 1px solid #cbc9c5;
	}
	#mainContent h2.headline
	{
		margin: 30px 0 15px;
		font-size: 2em;
		line-height: 1.2em;
		color: #000;
		border-bottom: 1px solid #cbc9c5;
	}
	#mainContent h2.subHeadline
	{
		margin: 24px 0 3px;
		padding-left: 10px;
		font-size: 1.8em;
		color: #9c9788;
	}
	#mainContent h2.subHeadline.yourOrder
	{
		margin: 30px 0 15px;
		padding-left: 0;
		font-size: 1.8em;
		line-height: 1.4em;
		color: #9c9788;
		border-bottom: 1px solid #cbc9c5;
	}
	#mainContent p
	{
		font-size: 1.1em;
		/*line-height: 1.3em;*/
	}
		#mainContent p span.selected
		{
			color: #d04a2a;
		}
	#mainContent li
	{
		margin-top: 3px;
		margin-bottom: 3px;
		font-size: 1.1em;
		/*line-height: 1.3em;*/
	}
		#mainContent li li
		{
			font-size: 1em;
		}
	#mainContent p.sort
	{
		float: left;
		margin-top: 5px;
	}
		#mainContent p.sort a.selected
		{
			color: #d04a2a;
		}
	#mainContent p.pdfIcon
	{
		margin: 10px 0 0;
	}
		#mainContent p.pdfIcon img
		{
			float: left;
			margin: -5px 10px 0 0;
		}
	#mainContent td p
	{
		font-size: 1em;
	}

	/* search (in main content col) */
	#mainContent div.full.search input.field
	{
		float: left;
		width: 300px;
		/*font-size: 1.2em;*/
		margin: 0 3px 0 0;
		padding: 3px;
		border-top: 2px solid #848484;
		border-right: 2px solid #fafafa;
		border-bottom: 2px solid #f3f3f3;
		border-left: 2px solid #848484;
	}
	#mainContent div.full.search p.sort
	{
		float: right;
	}

	/* definition lists */
	#mainContent dl
	{
	}
		dd.id
		{
			margin-bottom: 5px;
			font-size: 1.2em;
		}
		dd.name
		{
			margin-top: 20px;
		}
			dd.name h3
			{
				margin-bottom: 5px;
				font-size: 1.1em;
				font-weight: normal;
			}
		dd.stock
		{
			margin-bottom: 20px;
			font-size: 1.2em;
			font-weight: normal;
		}
			dd.stock span
			{
				padding-left: 14px;
			}
			dd.stock span.on
			{
				background: url('../gfx/icon/stock-on.png') no-repeat 0 50%;
			}
			dd.stock span.no
			{
				background: url('../gfx/icon/stock-no.png') no-repeat 0 50%;
			}
			dd.stock span.few
			{
				background: url('../gfx/icon/stock-few.png') no-repeat 0 50%;
			}
			dd.price
			{
				float: left;
				width: 155px;
				margin: 0 0 15px;
				font-size: 2.4em;/* 1.8em */
				font-weight: normal;
				line-height: 1em;
				color: #000;
			}
			dd.price span.sale
			{
				color: #d04a2a;
			}
			dd.price del,
            dd.price span.before
            {
                font-size: .7em;
                color: #515151;
            }

			dd.price em
			{
				font-size: .6em;
				font-style: normal;
			}
			dd.amount
			{
				float: left;
			}
				dd.amount input
				{
					width: 25px;
					padding: 2px;
					margin-top: 1px;
					font-size: 14px;/* 1.2em */
					text-align: center;
					border-top: 2px solid #848484;
					border-right: 2px solid #fafafa;
					border-bottom: 2px solid #f3f3f3;
					border-left: 2px solid #848484;
				}
			dd.amountFeedbackError
			{
				float: right;
				margin-top: -20px;
			}
			dd.buy
			{
				float: right;
			}
				div.header dd.buy div.button,
				dd.buy div.button
				{
					width: auto;
					margin: 0;
					color: #fff;
					background: url('../gfx/button/button-buy.png') no-repeat 100% 50%;
				}
					div.header dd.buy div.button span,
					dd.buy div.button span
					{
						background: url('../gfx/button/button-buy-left.png') no-repeat 0 50%;
					}
					div.header dd.buy div.button input,
					dd.buy div.button input
					{
						padding: 4px 8px 6px;
						font-size: 12px;
						text-transform: none;
						color: #fff;
						overflow: hidden;
					}
					* html div.header dd.buy div.button input,
					* html dd.buy div.button input { height: 27px; padding: 0 5px; }
					*+html div.header dd.buy div.button input,
					*+html dd.buy div.button input { height: 27px; padding: 0 5px; }

				div.button.disabled,
				div.header dd.buy div.button.disabled,
				dd.buy div.button.disabled
				{
					background-image: url('../gfx/button/button-buy-disabled.png');
				}
					div.button.disabled span,
					div.header dd.buy div.button.disabled span,
					dd.buy div.button.disabled span
					{
						background-image: url('../gfx/button/button-buy-left-disabled.png');
					}

			dd.descr
			{
				clear: both;
				padding: 10px 0;
				font-size: 1em;
			}
				dd.descr h4
				{
					margin-bottom: 5px;
					font-size: 1.2em;
					font-weight: bold;
				}
				dd.descr p
				{
					font-size: 1.1em;
					/*line-height: 1.4;*/
					color: #515151;
				}
			dd.link
			{
				margin-bottom: 10px;
				font-size: 1.1em;
			}
			dd.link a
			{
				padding-left: 11px;
				background: url('../gfx/icon/arrow-right.png') no-repeat 0 40%;
			}
			dd.variants
			{
				font-size: 1.1em;
			}
				dd.variants label
				{
					display: block;
					margin: 15px 0 7px;
					color: #515151;
				}
				dd.variants select
				{
					width: 150px;
					border: 1px solid #bfbfbf;
				}
			dd.delivery
			{
				margin: 25px 0 10px;
				padding: 8px 10px;
				font-size: 1.1em;
				background: url('../gfx/background/product-delivery.png') repeat-x 0 50%;
			}

	/* selected product details and thumbnails */
	#mainProduct
	{
		width: 100%;
		margin-bottom: 20px;
		padding: 0;
	}
		#mainProduct #bigImage
		{
			width: 265px;
			height: 265px;
			margin-bottom: 3px;
			overflow: hidden;
		}
		#mainProduct #thumbnailsTop
		{
			width: 263px;
			margin: 10px 0 0;
			padding-top: 1px;
			background: url('../gfx/background/product-thumbnails.png') no-repeat 1px 0;
		}
		#mainProduct #thumbnails
		{
			width: 273px;
			margin: 0 -4px;
			background: url('../gfx/background/product-thumbnails.png') repeat-y 5px -1px;
		}
			#mainProduct #thumbnails div.thumb
			{
				float: left;
				width: 71px;
				height: 73px;
				margin: -1px 0 0 0;
				padding: 11px 10px 8px;
			}
				#mainProduct #thumbnails div.thumb a
				{
					margin: 0;
					padding: 0;
				}
		#mainProduct span.zoom,
		#mainProduct a.zoom
		{
			float: right;
			padding-left: 18px;
			line-height: 1.4em;
			color: #000;
			background: url('../gfx/icon/zoom.png') no-repeat 0 50%;
		}

	/* campaign */
	div.campaign
	{
		position: relative;
		width: 273px;
		margin: 20px 0 0;
		padding: 0;
		color: #fff;
		border: 1px solid #c5c5c5;
	}
	div.campaign.left
	{
		float: left;
		padding: 1px 1px 0 0;
		border-left: none;
	}
	div.campaign.right
	{
		float: right;
		padding: 1px 0 0 1px;
		border-right: none;
	}
		div.campaign img
		{
			margin-bottom: -1px;
		}

	/* response boxes */
	div.responseBox
	{
		margin-top: 10px;
		margin-bottom: -10px;
		padding: 1px 0;
		border-top: 1px solid #cbc9c5;
		border-bottom: 1px solid #cbc9c5;
	}
	div.responseBox.top
	{
		margin-top: -1px;
		margin-bottom: 20px;
	}
		div.responseBox h3
		{
			margin: 0;
			padding: 5px 10px;
			font-family: Arial, Tahoma, Verdana, sans-serif;
			font-size: 1.1em;
			line-height: 1.2em;
			color: #fff;
			background: #000;
		}
		div.responseBox.top h3
		{
			padding: 10px;
			font-size: 1.2em;
		}
		div.responseBox h3.ok
		{
			background: #60b53b;
		}
		div.responseBox h3.error
		{
			background: #c6c900;
		}

	/* headers */
	div.header
	{
		margin-bottom: 20px;
		padding: 1px 0;
		border-top: 1px solid #cbc9c5;
		border-bottom: 1px solid #cbc9c5;
	}
		div.header div.inner
		{
			margin: 0;
			background: url('../gfx/background/header-section.png') repeat-y 0 0;
		}
		div.header div.col
		{
			float: left;
			margin: 0;
			padding: 0;
		}
		div.header div.col.description
		{
			width: 274px;
			padding: 20px 0 0 0;
		}
			div.header div.col.description h3 a
			{
				color: #d04a2a;
			}
		div.header div.intro
		{
			min-height: 80px;
			margin-bottom: 20px;
		}
		div.header h3
		{
			margin: 0 20px 5px 10px;
			padding: 0;
			font-family: Arial, Tahoma, Verdana, sans-serif;
			font-size: 1.4em;
			line-height: 1.2em;
		}
			div.header div.col.product h3
			{
				margin: 0 10px 5px 0;
			}

		/* unordered lists */
		div.header ul
		{
			width: 253px;
			padding: 15px 0 0 10px;
			list-style-type: none;
			background: url('../gfx/background/line-dotted.png') repeat-x 0 0;
		}
		div.header li
		{
			margin: 0;
			padding: 0;
			font-size: 1.3em;
			line-height: 1.4em;
		}
			div.header li a
			{
				padding-left: 12px;
				text-decoration: none;
				color: #000 !important;
				background: url('../gfx/icon/arrow-right-down-white.png') no-repeat 0 50%;
			}

		/* definition lists */
		div.header dl
		{
		}
			 div.header dd.name
            {
                margin: 5px 0 0 5px;
                background: url('../gfx/icon/arrow-right-down-white-big.png') no-repeat 0 1px;
            }
                div.header dd.name h3 a
                {
                	width: 239px;
                	display: block;
                	padding-left: 20px;
                    font-size: .9em;
                    font-weight: bold;
                    color: #000;
                }

            div.header dd.id
            {
                margin-left: 25px;
                padding-right: 30px;
                font-size: 1.2em;
            }

			* html div.header dd.id
			{
				margin-left: 25px;
			}
			div.header dd.stock
            {
                margin-bottom: 10px;
                margin-left: 24px;
                font-size: 1.2em;
                font-weight: normal;
            }
            * html div.header dd.stock
            {
                margin-left: 25px;
            }

			div.header dd.price
			{
				float: left;
				width: auto;
				margin: 0 0 10px 25px;
				font-size: 2.4em;
				font-weight: normal;
				/*line-height: 1em;*/
				color: #000;
			}
			* html div.header dd.price
			{
				width: 155px;
				margin: 0 0 0 12px;
			}
				div.header dd.amount
				{
					float: left;
				}
					div.header dd.amount input
					{
						width: 25px;
						padding: 2px;
						margin-top: 1px;
						font-size: 14px;/* 1.2em */
						text-align: center;
						border-top: 2px solid #848484;
						border-right: 2px solid #fafafa;
						border-bottom: 2px solid #f3f3f3;
						border-left: 2px solid #848484;
					}

	/* specific for section header */
	div.header.section
	{
	}
		div.header.section div.inner
		{
			padding: 0 10px;
		}
		* html div.header.section div.inner
		{
			padding-right: 0;
		}

			/* deco-image (right) coloumn */
			div.header.section div.col.decoImage
			{
				margin-bottom: -1px;
				border-left: none;
			}

	/* specific for category header */
	div.header.category
	{
	}
		div.header.category div.inner
		{
			padding: 6px 10px;
		}

			/* description (left) coloumn */
			div.header.category div.col.description
			{
				padding-top: 14px;
			}

			/* product (right) coloumn */
			div.header.category div.col.product
			{
				padding-left: 9px;
				border-left: 1px solid #c4c4c4;
			}

	/* header for subcategory pages */
	div.header.subcategory
	{
	}
		div.header.subcategory div.inner
		{
			margin: 0;
			padding: 10px;
			background: url('../gfx/background/header-subcategory.png') repeat-y 0 0;
		}
			div.header.subcategory h3
			{
				margin: 0;
				padding: 0;
				font-family: Arial, Tahoma, Verdana, sans-serif;
				font-size: 1.2em;
				line-height: 1.2em;
			}

	/* specific header for theme pages */
	div.header.theme
	{
		padding-bottom: 0;
	}
		div.header.theme div.inner
		{
			margin: 0 0 -2px;
			padding: 0 1px;
			background: none;
		}

	/* header for checkout flow */
	div.header.checkout
	{
	}
		div.header.checkout div.inner
		{
			padding: 10px;
		}
			div.header.checkout h3
			{
				margin: 0;
				padding: 0;
				font-family: Arial, Tahoma, Verdana, sans-serif;
				font-size: 1.2em;
				line-height: 1.2em;
			}

	/* header for trumf-card header (checkout flow) */
	div.header.trumfMember
	{
	}
	div.header.trumfMember.noTopMargin
	{
		margin-top: -21px;
	}
		div.header.trumfMember div.inner
		{
			margin: 0;
			padding: 10px 10px 0 132px;
			min-height: 50px;
			background: url('../gfx/background/header-trumf-member.png') no-repeat 0 100%;
		}
		* html div.header.trumfMember div.inner
		{
			margin: 0;
			height: 50px;
		}
		div.header.trumfMember.bigCard div.inner
		{
			margin: 0;
			padding: 10px 10px 0 132px;
			background: url('../gfx/background/header-trumf-member-big.png') no-repeat 0 100%;
		}
			div.header.trumfMember img
			{
				float: left;
				margin: 0 20px 0 30px;
			}
			div.header.trumfMember h2
			{
				margin: 6px 0;
				padding: 0;
				font-family: Arial, Tahoma, Verdana, sans-serif;
				font-size: 1.4em;
				line-height: 1.2em;
			}
			div.header.trumfMember h3
			{
				margin: 0 0 12px;
				padding: 0;
				font-family: Arial, Tahoma, Verdana, sans-serif;
				font-size: 1.2em;
				line-height: 1.2em;
			}
				div.header.trumfMember h3 a,
				div.header.trumfMember h3 span
				{
					margin-right: 20px;
					padding-left: 10px;
					color: #039;
					background: url('../gfx/icon/arrow-right-down.png') no-repeat 0 50%;
					cursor: pointer;
				}

	/* spot-header for mypage */
	div.header.myPage
	{
	}
	div.header.myPage.spot
	{
		margin-top: 30px;
		margin-bottom: 20px;
	}
		div.header.myPage div.inner
		{
			margin: 0;
			padding: 10px;
			background: url('../gfx/background/header-subcategory.png') repeat-y 0 0;
		}
			div.header.myPage h3
			{
				margin: 0 0 10px;
				padding: 5px 0 0;
				font-family: Tahoma, Arial, Verdana, sans-serif;
				font-size: 1.4em;
				line-height: 1.3em;
				color: #333;
			}
			div.header.myPage p
			{
				margin: 0 0 15px;
				color: #333;
			}
			div.header.myPage img
			{
				padding-left: 10px;
			}
		div.header.myPage.spot div.inner div
		{
			margin-bottom: 15px;
		}

	/* specific get Acrobat Reater box */
	div.header.myPage.getAcrobatReater
	{
		margin-top: 10px;
		margin-bottom: 10px;
	}
		div.header.myPage.getAcrobatReater h3
		{
			padding: 0;
		}
		div.header.myPage.getAcrobatReater p
		{
			margin: 0 0 5px;
		}
		div.header.myPage.getAcrobatReater img
		{
			float: right;
			margin: 0 20px 0 30px;
		}

	/* header buttons */
	div.header div.button
	{
		background-image: url('../gfx/button/button-header.png');
	}
	div.header div.button.cancel
	{
		background-image: none;
	}
		div.header div.button span
		{
			background-image: url('../gfx/button/button-header-left.png');
		}
		div.header div.button.cancel span
		{
			padding-right: 0;
			padding-left: 9px;
			background-image: none;
		}
		div.header div.button.cancel input
		{
			text-transform: none;
		}
	/* cancel link next to buttons */
	div.header a.cancel
	{
		margin: 20px 0 0 10px;
	}

	div.button.buy 
	{
		position: relative;
	}
		div.button.buy div.feedbackCloud
		{
			visibility: hidden;
			position: absolute;
			top: -190px;
			left: -175px;
			width: 245px;
			height: 188px;
			background: url('../gfx/feedback/feedbackCloud.png') no-repeat 0 0;
			z-index: 1000;
		}
		div.button.buy div.feedbackCloudError
		{
			visibility: hidden;
			position: absolute;
			top: -190px;
			left: -175px;
			width: 245px;
			height: 188px;
			background: url('../gfx/feedback/feedbackCloudError.png') no-repeat 0 0;
			z-index: 1000;
		}
		#mainProduct div.button.buy div.feedbackCloud,
		#mainProduct div.button.buy div.feedbackCloudError
		{
			top: -100px;
			left: -250px;
		}
		.productList div.button.buy div.feedbackCloud,
		.productList div.button.buy div.feedbackCloudError
		{
			top: -150px;
			left: -230px;
		}

	/* products row */
	div.productRow
	{
		margin-bottom: -1px;
		padding-top: 9px;
		padding-left: 9px;
		background: url('../gfx/background/productrow-lines.png') no-repeat 0 0;
	}
		div.productRow div.inner
		{
			margin: 0;
			padding: 0;
			background: url('../gfx/background/productrow-lines-bottom.png') no-repeat -9px 100%;
		}
		div.productRow dl
		{
			float: left;
			width: 171px;
			margin-right: 18px;
		}
		div.productRow dl.last
		{
			margin-right: 0;
		}
		div.productRow dd.name
		{
			margin-top: 3px;
			min-height: 43px;
		}
		* html div.productRow dd.name
		{
			height: 40px;
		}
			div.productRow dd.name h3
			{
				font-family: Arial, Tahoma, Verdana, sans-serif;
				font-size: 1.3em;
				line-height: 1.1em;
			}
			div.productRow dd.name h3 a
			{
				display: block;
				color: #000;
			}
		div.productRow dd.id
		{
			margin-top: 4px;
			margin-bottom: 1px;
			font-size: 1.1em;
			font-weight: normal;
			color: #515151;
		}
			div.productRow dd.id span.variants
			{
				color: #000;
			}
		div.productRow dd.stock
		{
			margin-bottom: 9px;
			font-size: 1.1em;
			font-weight: normal;
			color: #515151;
		}

		div.productRow dd.price
		{
			float: left;
			width: auto;
			margin: 4px 0 0;
			padding: 0;
			font-size: 1.8em;
			font-weight: normal;
			line-height: 15px;
			color: #000;
		}
		div.productRow dd.buy
		{
			min-height: 40px;
		}
		* html div.productRow dd.buy
		{
			height: 40px;
		}

		div.productRow dd.category
		{
			clear: both;
			margin: 0;
			padding: 0;
			font-size: 1.1em;
			line-height: 15px;
			background: url('../gfx/background/productrow-dotline.png') no-repeat 0 0;
		}
			div.productRow dd.category a
			{
				display: block;
				margin: 0;
				padding: 3px 0 3px 10px;
				background: url('../gfx/icon/arrow-right-down.png') no-repeat 0 50%;
			}

	/* product list for subcategory */
	div.productList
	{
		margin: 0 10px;
	}
		div.productList dl
		{
			margin: 10px 0 0;
			padding-bottom: 5px;
			border-bottom: 1px solid #cbc9c5;
		}
		div.productList dl.last
		{
			margin-bottom: 25px;
			border-bottom: none;
		}
			div.productList dl dl
			{
				border-bottom: none;
			}
		div.productList dd.image
		{
			float: left;
			width: 120px;
		}
		div.productList dd.nameIdStock
		{
			float: left;
			width: 235px;
			padding: 10px 0 2px 0;
		}
			div.productList dd.nameIdStock h3
			{
				margin-top: 0;
				margin-bottom: 10px;
				padding-top: 0;
				font-family: Tahoma, Arial, Verdana, sans-serif;
				font-size: 1.4em;
				line-height: 1.1em;
			}
			div.productList dd.nameIdStock h3 a
			{
				color: #000;
			}
			div.productList dd.nameIdStock dd.id
			{
				margin-top: 5px;
				margin-bottom: 5px;
				font-size: 1.1em;
				font-weight: normal;
				color: #515151;
			}
		div.productList dd.stock
		{
			margin-bottom: 10px;
			font-size: 1.1em;
			font-weight: normal;
			color: #515151;
		}
		div.productList dd.priceBuy
		{
			float: right;
			width: 190px;
			padding: 14px 0 2px 0;
			text-align: right;
		}
			div.productList dd.priceBuy dd.price
			{
				width: 100%;
				font-size: 1.8em;
			}
			div.productList dd.priceBuy dd.buy
			{
			}

	/* top of special offer market (tilbudstorvet) */
	div.specialOfferMarket
	{
		margin: 0 0 10px;
		padding: 0 0 4px;
		border-bottom: 1px solid #cbc9c5;
	}
		div.specialOfferMarket h3
		{
			float: left;
			margin-bottom: 0;
			margin: 0;
			padding-left: 0;
			font-size: 1.8em;
			line-height: 1.3em;
			color: #9c9788;
		}
		#mainContent div.specialOfferMarket h2.subHeadline
		{
			float: left;
			margin: 0;
			padding-left: 0;
			font-size: 1.8em;
			line-height: 1.1em;
			color: #9c9788;
		}
		div.specialOfferMarket p
		{
			float: right;
			margin: 7px 0 0;
		}
			div.specialOfferMarket p a
			{
				padding-right: 17px;
				background: url('../gfx/icon/rss-icon.png') no-repeat 100% 50%;
			}

	/* search results section header */
	div.searchResultsSection
	{
		margin: 30px 0 10px;
		padding: 0 0 4px;
		border-bottom: 1px solid #cbc9c5;
	}
		#mainContent div.searchResultsSection h2
		{
			margin: 0;
			padding-left: 0;
			font-size: 1.8em;
			line-height: 1.1em;
			color: #9c9788;
		}

	/* toggler for product details */
	div.toggler
	{
		margin: 0 10px;
		padding: 0 0 5px;
		border-bottom: 1px solid #cbc9c5;
	}
	div.toggler h3
	{
		/*float: left;*/
		margin-bottom: 5px;
		font-family: Tahoma, Arial, Verdana, sans-serif;
		font-size: 1.4em;
		line-height: 1em;
	}
		div.toggler h3 span
		{
			padding-right: 30px;
		}
		div.toggler h3 a#toggleDetails
		{
			font-size: .8em;
		}

	/* specs (opened by the toggler) */
	#specs
	{
		padding-top: 20px;
	}
		#specs p
		{
			line-height: 1.2em;
			color: #515151;
		}
		#specs dl
		{
			margin-top: 20px;
			font-size: 1em;
		}
			#specs dl dt
			{
				float: left;
				width: 130px;
			}
			#specs dl dd
			{
				clear: right;
				margin-bottom: 8px;
			}
			#specs table.productDetails
			{
				font-size: 1.1em;
			}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	checkout flow
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*START New checkout*/

.promoCodeControl
{
   background: none repeat scroll 0 0 #F1EAE2;
}

.checkoutControl
{
   background: none repeat scroll 0 0 #F1EAE2;
}

#newCheckout
{
    margin: 15px;
}

.checkoutText
{
    font-size:1.2em;
}

#newCheckout p
{
    margin: 0;
}

#newCheckout h2
{
     margin-top: 25px;  
     font-size:1.8em;
     font-weight:bold;
}

#newCheckout h3
{
     font-size:1.4em;
     font-weight:bold;
}

.totalToPay
{
    border-bottom:1px solid #CFCBBD;
    border-top:1px solid #CFCBBD;
    font-size:1.8em;
    font-weight:bold;
    margin-bottom:10px;
    margin-top:30px;
    padding-bottom:5px;
    padding-top:5px;
    width: 100%;
}

.totalToPayAmount
{
    text-align:right;
}

.checkoutAction
{
    text-decoration: underline;
}

#customerService
{
    border:1px solid #CECAC5;
    margin-bottom:10px;
}

#customerService h2
{
   font-size:1.1em;
   padding:5px 10px 6px;
   text-transform:uppercase;
   color:White;
   background-color:#878175;
}

#customerService div
{
    padding: 10px;
}

#basketOrderSummary
{
    padding: 5px;
    font-size:0.9em;
}

#basketOrderSummary hr
{
    margin: 0;
}

#basketOrderSummary table
{
    margin: 0;
    width:100%;
}

.basketQuantity
{
    text-transform: uppercase;
    color: #6C6867;
    font-weight: bold;
}

.basketAmount
{
    text-align:right;
    white-space: nowrap;
}

.basketTotal
{
    font-size:1.2em;
}

.baskeUpdate
{
    font-weight:bold;
    margin-left:2px;
    margin-right:2px;
   display:inline-block;
}

.baskeUpdate span
{
   /* height:12px;*/
    font-size:0px;
}



.basketItem .add
{
    background: url('../gfx/button/button-add-quantity.png') no-repeat 0 0;
    width:12px;
    height:12px;
}

.basketItem .subtract
{
    background: url('../gfx/button/button-subtract-quantity.png') no-repeat 0 0;
    width:12px;
    height:12px;
}

.emptyBasket
{
    color:#6C6867;
    padding-bottom:5px;
    padding-top:15px;
    text-align:center;
}

.lowerCase
{
    text-transform: lowercase;
}


.shippingToolTip
{ 
    background: url('../gfx/icon/help-icon-12px.png') no-repeat 0 0;
    margin-left: 5px;
    padding-left: 16px;
    text-decoration:none;
    width:14px;
    height: 14px;
    display:inline;
}
.basketItem .shippingToolTip
{ 
    margin-left: 0;
}

.shippingToolTip span
{
   font-size:0;
  /* padding-left :16px;*/
}


.checkoutChangeShipping
{
    background:none repeat scroll 0 0 #F1EAE2;
    padding-bottom:20px;
    padding-left:10px;
}

.checkoutShippingButtons
{
    float:right;
}

.kelkooLogo
{
    margin-bottom:10px;
    margin-top:25px;
    text-align:center
}

#basketCheckoutButton
{
    color: #ffffff;
    padding:5px;
    margin-bottom:1px;
}

/*STOP New checkout*/


/* tables for checkout flow */
table.checkout
{
	width: 100%;
	margin-top: 10px;
	border: none;
}
table.checkout.promocode
{
	margin-bottom: 10px;
	padding:0 10px 0;
}
div.header table.checkout
{
	margin-top: 0;
}
	table.checkout tr,
	table.checkout th,
	table.checkout td
	{
		border: none;
	}
		table.checkout th.col1,
		table.checkout td.col1
		{
			width: 110px;
		}
		table.checkout th.col2,
		table.checkout td.col2
		{
			width: 252px;
			text-align: right;
		}
		table.checkout th.col3,
		table.checkout td.col3
		{
			width: 67px;
			text-align: right;
		}
		table.checkout th.col4,
		table.checkout td.col4
		{
			width: 111px;
			text-align: right;
		}
		table.checkout th
		{
			padding: 6px 2px;
			color: #000;
		}
		table.checkout td
		{
			padding: 5px 2px;
			color: #515151;
		}
		table.checkout th.padLeft,
		table.checkout td.padLeft
		{
			padding-left: 10px;
		}
		table.checkout th.padRight,
		table.checkout td.padRight
		{
			padding-right: 10px;
		}
		table.checkout td.alignTop
		{
			vertical-align: top;
		}
		table.checkout td.alignBottom
		{
			vertical-align: bottom;
		}
		table.checkout a.change
		{
			margin-left: 10px;
			padding-left: 10px;
			background: url('../gfx/icon/arrow-right-down.png') no-repeat 0 50%;
		}
		table.checkout input.field,
		table.checkout select
		{
			width: 200px;
			border: 1px solid #afafaf;
		}
		table.checkout .month
		{
			width: 40px;
		}
		table.checkout .year
		{
			width: 60px;
		}
		table.checkout tr.required td input.field
		{
			/*background-color: #e6e2db;*/
		}
		table.checkout tr.required td span
		{
			color: #d04a2a;
		}
		table.checkout tr.required td span.forgotPassword
		{
			color: #515151;
		}
		table.checkout tr.required td.col1 span
		{
			font-weight: bold;
		}
    /* as above, but for tableless design */
		div.checkout .required input.field
		{
			background-color: #e6e2db;
		}
		div.checkout .required label span
		{
			color: #d04a2a;
		}

/* specific for account tables */
table.checkout.account
{
	margin-bottom: 20px;
	border: none;
}
	table.checkout.account tr
	{
	}
		table.checkout.account tr.padTop td
		{
			padding-top: 16px;
		}
		table.checkout.account tr.padTopBig td
		{
			padding-top: 26px;
		}
		table.checkout.account th
		{
			padding-top: 11px;
			padding-bottom: 4px;
			background: url('../gfx/background/co-th.png') repeat-x 0 100%;
		}
		table.checkout.account th.col1,
		table.checkout.account td.col1
		{
			width: 59%;
		}
		table.checkout.account th.col2,
		table.checkout.account td.col2
		{
			width: 9%;
			text-align: right;
		}
		table.checkout.account th.col3,
		table.checkout.account td.col3
		{
			width: 12%;
			text-align: right;
		}
		table.checkout.account th.col4,
		table.checkout.account td.col4
		{
			width: 20%;
			text-align: right;
		}
		table.checkout.account tr.underline
		{
			background: url('../gfx/background/line-solid.png') repeat-x 0 100%;
		}
		table.checkout.account tr.underlineDotted
		{
			background: url('../gfx/background/line-dotted.png') repeat-x 0 100%;
		}
		table.checkout.account tr.underlineStrong
		{
			background: url('../gfx/background/line-solid-strong.png') repeat-x 0 100%;
		}
		table.checkout.account tr.underlineDouble
		{
			background: url('../gfx/background/line-solid-double.png') repeat-x 0 100%;
		}
			table.checkout.account tr.underlineDouble th,
			table.checkout.account tr.underlineDouble td
			{
				padding-top: 16px;
				padding-bottom: 8px;
				margin-bottom: 20px;
				color: #000;
			}
		table.checkout.account tr.yourOrder td
		{
			padding: 29px 2px 10px;
			line-height: 1.2em;
			vertical-align: top;
		}
		table.checkout.account input.field.quantity
		{
			width: 20px;
			border: 1px solid #afafaf;
		}
		table.checkout.account tr.yourOrder td.product
		{
			padding-top: 27px;
			/*font-size: 1.1em;*/
			color: #000;
		}
		table.checkout.account tr.yourOrder input
		{
			margin-top: -5px;
			width: 25px;
			padding: 2px;
			font-size: 15px;/* 1.3em */
			text-align: center;
			border-top: 2px solid #848484;
			border-right: 2px solid #fafafa;
			border-bottom: 2px solid #f3f3f3;
			border-left: 2px solid #848484;
		}
		table.checkout.account tr.yourOrder td.product img
		{
			float: left;
			margin-top: -19px;
			padding-right: 10px;
		}
		table.checkout.account tr.yourOrder td.product small
		{
			font-size: .8em;
			color: #515151;
		}

		table.checkout.account td.deliveryMethod
		{
			padding: 0;
		}
			table.checkout.account td.deliveryMethod table
			{
				margin-bottom: 10px;
			}
				table.checkout.account td.deliveryMethod table.checkout th.col1,
				table.checkout.account td.deliveryMethod table.checkout td.col1
				{
					width: 110px;
				}
				table.checkout.account td.deliveryMethod table.checkout tr td
				{
					padding-top: 6px !important;
					padding-right: 5px;
				}

		table.checkout.account a.basketDelete
		{
			display: block;
			margin-top: 30px;
			padding-right: 15px;
			background: url('../gfx/icon/basketDelete.png') no-repeat 100% 50%;
		}
		
/* What is this ??
		table.checkout.account td.bonusUpdates
*/

table.checkout.shippingMethod
{
	width: auto;
}
	table.checkout.shippingMethod td.button
	{
		padding-top: 6px;
	}
	table.checkout.shippingMethod td.button.fetch
	{
		padding-right: 30px;
	}
	table.checkout.shippingMethod td select
	{
		width: 250px;
	}

#cvc2Explain
{
	margin-left: 117px;
}

/* specific for my page */
div.full.myPage h2
{
	padding-top: 20px;
	color: #333;
}
div.full.myPage p
{
	color: #333;
}
table div.full.myPage table
{
	font-size: .9em;
}

table.checkout.myPage
{
	width: auto;
}
	table.myPage.login td
	{
		padding-top: 0;
	}
	table.myPage.login td.col1
	{
		width: auto;
	}
	table.myPage.login label
	{
		display: block;
		margin-top: 13px;
	}
	table.myPage.login td.forgotPassword
	{
		padding-left: 10px;
		padding-bottom: 10px;
		vertical-align: bottom;
	}
		table.myPage.login td.forgotPassword span
		{
			margin-left: -8px;
			margin-right: 8px;
		}
	table.myPage.login div.button
	{
		margin-top: 12px;
	}

/* as above, but for tableless design */
div.checkout.myPage
{
	margin: 20px 0 0 2px;
	font-size: .9em;
}
	div.myPage.login input.field
	{
		border: 1px solid #afafaf;
	}
	div.myPage.login label
	{
		display: block;
		margin: 16px 0 3px;
		color: #515151;
	}
	div.myPage.login span.forgotPassword
	{
		padding-left: 10px;
	}
	div.myPage.login div.button
	{
		margin-top: 7px;
	}
	div.myPage.login.newsletter
	{
		margin: 0;
		font-size: 1.1em;
	}
		div.myPage.login.newsletter label
		{
			margin-top: 0;
		}
		div.myPage.login.newsletter input.field
		{
			float: left;
			margin-top: 3px;
			margin-right: 5px;
		}
		div.myPage.login.newsletter div.button
		{
			margin-top: -1px;
		}

/* specific for order history (my page) */
table.myPage.orderHistory
{
	width: 100%;
	margin-bottom: 20px;
	border: none;
}
	table.myPage.orderHistory tr
	{
		background: url('../gfx/background/line-dotted.png') repeat-x 0 100%;
	}
		table.myPage.orderHistory th
		{
			padding: 13px 10px 8px;
			background: url('../gfx/background/co-th.png') repeat-x 0 100%;
			border: none;
		}
		table.myPage.orderHistory td
		{
			padding: 7px 8px 6px;
			color: #000;
			border: none;
		}
		table.myPage.orderHistory th.padLeft,
		table.myPage.orderHistory td.padLeft
		{
			padding-left: 10px;
		}
		table.myPage.orderHistory th.padRight,
		table.myPage.orderHistory td.padRight
		{
			padding-right: 10px;
		}
		table.myPage.orderHistory th.col1
		{
			width: 12%;
		}
		table.myPage.orderHistory th.col2
		{
			width: 12%;
		}
		table.myPage.orderHistory th.col3
		{
			width: 44%;
		}
		table.myPage.orderHistory th.col4
		{
			width: 20%;
		}
		table.myPage.orderHistory th.col5
		{
			width: 12%;
		}

/* specific for order details (my page) */
table.myPage.orderDetails
{
}
	#mainContent div.myPage.orderDetails h2.subHeadline
	{
		margin: 10px 0 30px;
		padding-left: 0;
		font-size: 1.8em;
		line-height: 1.3em;
		color: #9c9788;
		border-bottom: 1px solid #cfcbbd;
	}

/* specific for edit data pages */
table.myPage.editData
{
	margin-bottom: 30px;
}
table.myPage.editData.noMargin
{
	margin-bottom: 0;
}
	table.myPage.editData tr
	{
	}
		table.myPage.editData td.explain
		{
			height: 28px;
			font-weight: bold;
		}
		table.myPage.editData td
		{
			vertical-align: top;
		}
		table.myPage.editData td.col1,
		table.myPage.editData td.col3
		{
			padding-top: 9px;
		}
		table.myPage.editData td.col1
		{
			width: 115px;
		}
		table.myPage.editData td.col2
		{
			width: 185px;
			padding-left: 0;
			text-align: left;
		}
		table.myPage.editData td.col3
		{
			width: auto;
			padding-left: 3px;
			text-align: left;
		}
		table.myPage.editData td.col4
		{
			width: 210px;
			padding-left: 15px;
			text-align: left;
			line-height: 1.1em;
		}
		table.myPage.editData td input.field
		{
			width: 100%;
		}
		table.myPage.editData td input.field.phone
		{
			width: 70px;
		}
		table.myPage.editData td.save
		{
			padding-top: 20px;
		}
		table.myPage.editData td.col3.save
		{
			padding-top: 28px;
			padding-left: 10px;
		}
		table.myPage.editData td.save div.button
		{
			float: right;
		}
		table.myPage.editData table
		{
			margin: 0;
			padding: 0;
		}
			table.checkout td.postalCode,
			table.checkout td input.postalCode
			{
				width: 40px;
				padding: 0 5px 0 0;
			}
			table.myPage.editData table td.city
			{
				width: 144px;
				padding: 0;
			}
		table.myPage.editData table.position td
		{
			padding: 0;
		}

td.note
{
	font-size: 11px !important;
	color: #515151 !important;
	line-height: 1.1em;
}

/* checkout buttons */
/*
div.button.checkout
{
	background: url('../gfx/button/button-co.png') no-repeat 100% 50%;
}
	div.button.checkout span
	{
		background: url('../gfx/button/button-co-left.png') no-repeat 0 50%;
	}
*/

/* checkout buttons disabled */
div.button.checkout.disabled
{
	background: url('../gfx/button/button-co-disabled.png') no-repeat 100% 50%;
}
	div.button.checkout.disabled span
	{
		background: url('../gfx/button/button-co-disabled-left.png') no-repeat 0 50%;
	}
	div.button.checkout.disabled input
	{
		color: #999;
	}

/* flow navigation buttons */
div.flowNav div.button.checkoutPrev
{
	background: url('../gfx/button/button-co-prev.png') no-repeat 100% 50%;
}
	div.flowNav div.button.checkoutPrev span
	{
		background: url('../gfx/button/button-co-prev-left.png') no-repeat 0 50%;
	}
	div.flowNav div.button.checkoutPrev input { padding: 4px 8px 5px 18px; }
	* html div.flowNav div.button.checkoutPrev input { padding: 5px 12px 4px 22px; }
	*+html div.flowNav div.button.checkoutPrev input { padding: 5px 12px 4px 22px; }

div.flowNav div.button.checkoutNext
{
	float: right;
	background: url('../gfx/button/button-co-next.png') no-repeat 100% 50%;
}
	div.flowNav div.button.checkoutNext span
	{
		float: left;
		background: url('../gfx/button/button-co-next-left.png') no-repeat 0 50%;
	}
	
	div.flowNav div.button.checkoutNextGreen
{
	float: right;
	background: url('../gfx/button/button-co-green.png') no-repeat 100% 50%;
	margin-top:20px;
}
	div.flowNav div.button.checkoutNextGreen span
	{
		float: left;
		background: url('../gfx/button/button-co-green-left.png') no-repeat 0 50%;
		height:29px;
	}
	
	div.flowNav div.button.checkoutNext input { padding: 4px 18px 5px 8px; }
	* html div.flowNav div.button.checkoutNext input { padding: 5px 22px 4px 12px; }
	*+html div.flowNav div.button.checkoutNext input { padding: 5px 22px 4px 12px; }

	div.flowNav div.button.checkoutPrev input,
	div.flowNav div.button.checkoutNext input
	{
		color: #fff;
		font-weight: normal;
	}
	
	div.flowNav div.button.checkoutNextGreen input
	{
		color: #fff;
		font-weight: normal;
		
		font-size:1.2em;
        font-weight:normal;
        padding:6px 25px;
	}

div.shopInfo
{
	padding: 0 10px;
}
	div.shopInfo h3
	{
		margin: 20px 0 12px;
		font-family: Tahoma, Arial, Verdana, sans-serif;
		font-size: 1.4em;
		color: #000;
	}
	div.shopInfo h4
	{
		margin: 5px 0 0;
		font-size: 1.2em;
		font-weight: bold;
		color: #000;
	}
		div.shopInfo h4 a.readmore
		{
			margin: 5px 0 0 10px;
			font-size: .9em;
			font-weight: normal;
		}
	div.shopInfo
	{
		color: #515151;
	}
	div.shopInfo .moreInfo
	{
		padding-bottom: 10px;
		font-size: 1.1em;
		line-height: 1.3em;
	}
	#mainContent div.shopInfo .moreInfo p
	{
		font-size: 1em;
	}
	div.shopInfo div.toggler
	{
		margin: 0;
		padding: 0 0 5px;
		font-size: 1.1em;
		line-height: 1.3em;
		border-bottom: none;
	}
		#mainContent div.shopInfo div.toggler p
		{
			margin: 0 0 5px;
			font-size: 1em;
		}
		div.shopInfo span.toggleText
		{
			font-weight: normal;
			color: #039;
			cursor: pointer;
		}
		div.shopInfo h4.divToggle span.toggleText
		{
			font-size: 11px;
		}
		div.shopInfo h4.divToggle img.toggleImg
		{
			margin-left: 10px;
		}

/* user feedback */
.feedbackHeader
{
	display: block;
	margin: 15px 10px 10px;
	padding: 12px 20px;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #000;
	background-color: #deffd1;
}
.feedbackHeaderError
{
	display: block;
	margin: 15px 10px 10px;
	padding: 12px 20px;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #d04a2a;
	background-color: #fff8d2;
}
#mainContent .feedbackHeaderError h2
{
	margin-bottom: 5px;
	font-size: 15px;
}
#mainContent .feedbackHeaderError p
{
	margin-bottom: 0;
	font-size: 12px;
}
.validatorWrapper
{
	display: block;
}
	.validatorWrapper span
	{
		display: block; 
		margin: 3px 0;
		font-size: 12px;
		line-height: 1.5em;
		color: #d04a2a !important;
		padding: 0;
		background-color: transparent;
	}
span.feedback
{
	display: block; 
	margin: 3px 0;
	padding: 5px 13px;
	font-size: 12px;
	line-height: 1.2em;
	color: #d04a2a;
	background-color: #c7dbb4;
}
span.feedback.error
{
	background-color: #fff8d2;
}
input.feedback
{
	color: #000 !important;
	background-color: #deffd1 !important;
}
input.feedback.error
{
	background-color: #fff8d2 !important;
}
span.missing
{
	padding: 2px 0 2px 18px;
	background: url('../gfx/feedback/missing.png') no-repeat 0 50%;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	basket coloumn
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#basketCol
{
	float: left;
	width: 201px;
}

    #basketContent
    {
        border: 1px solid #cecac5;
        background: none repeat scroll 0 0 #F1EAE2;
        margin-bottom:10px;
        padding-bottom:10px;
    }
    
    #basketContent span.few 
    {
	background: transparent url(/gfx/icon/stock-few.png) no-repeat scroll 0 50%;
	font-weight:bold;
    padding-left:12px;
    }
    
	#basketContent h2
	{
		margin: 0 1px;
		padding: 5px 10px 6px;
		font-family: Tahoma, Arial, Verdana, sans-serif;
		font-size: 1.1em;
		background: #fff url('../gfx/background/basket-header.png') no-repeat 0 100%;
	}
	#basketContent p.total
	{
		margin: 0 2px;
		padding: 5px 10px 6px;
		font-size: 1.2em;
		text-align: right;
		background: url('../gfx/background/basket-total.png') repeat-x 0 50%;
	}
	
	#basketContent p.total.last
	{
		margin: 20px 2px 15px;
		border-top: 1px solid #cecac5;
	}
		#basketContent p.total strong
		{
			/*font-size: 1.4em;*/
			font-weight:bold;
			/*line-height: 1em;*/
		}

	/* basker item */
	div.basketItem
	{
		margin: 0 4px;
		padding: 20px 0 8px;
		background: url('../gfx/background/line-dotted.png') repeat-x 0 100%;
	}
		div.basketItem input
		{
			width: 25px;
			padding: 2px;
			font-size: 15px;/* 1.3em */
			text-align: center;
			border-top: 2px solid #848484;
			border-right: 2px solid #fafafa;
			border-bottom: 2px solid #f3f3f3;
			border-left: 2px solid #848484;
		}
		div.basketItem img
		{
			float: left;
			width: 50px;
			margin: 2px 4px 0 0;
		}
		div.basketItem h4
		{
			font-size: 1em;
			font-weight: normal;
			line-height: 1em;
		}
		div.basketItem dd h4 a
		{
			color: #000 !important;
		}
		div.basketItem dl
		{
			float: left;
			width: 125px;
			font-size: 1.1em;
		}
			div.basketItem dt
			{
				margin: 0 0 10px;
			}
			div.basketItem dd
			{
				margin: 2px 0 0;
				color: #515151;
			}
			div.basketItem dd.amount
			{
				float: none;
				margin: 8px 0;
			}
			div.basketItem dd.price
			{
				float: left;
				width: auto;
				margin: 8px 0 5px;
				font-size: 1.1em;
				font-weight: bold;
				color: #000;
			}
			div.basketItem dd.remove
			{
				float: right;
			}
				div.basketItem dd.remove a
				{
					padding-left: 10px;
					background: url('../gfx/icon/arrow-right-down.png') no-repeat 0 50%;
				}

	#basketCol div.button,
	#basketCol.checkout div.button
	{
		float: right;
		margin: 2px 10px;
		background-image: url('../gfx/button/button-co-prev.png');
	}
		#basketCol div.button span,
		#basketCol.checkout div.button span
		{
			background-image: url('../gfx/button/button-co-next-left.png');
		}
		
	/* header for subcategory pages */
	#container.cardAndCheckout #basketCol div.step
	{
		margin: 1px 2px;
		padding-bottom: 1px;
		border-bottom: 1px solid #e7e3db;
	}
	#container.cardAndCheckout #basketCol div.step.active
	{
		border-bottom: 1px solid #999;
	}
		#container.cardAndCheckout #basketCol div.step div.inner
		{
			margin: 0;
			padding: 10px;
		}
		#container.cardAndCheckout #basketCol div.step.active div.inner
		{
			margin: 0;
			padding: 10px;
			background: url('../gfx/background/basketcol-step-active.png') repeat-y 0 0;
		}
			#container.cardAndCheckout #basketCol div.step h3
			{
				margin: 0 0 10px;
				padding: 0;
				font-family: Tahoma, Arial, Verdana, sans-serif;
				font-size: 1.4em;
				line-height: 1.3em;
				color: #9d9993;
			}
			#container.cardAndCheckout #basketCol div.step.active h3
			{
				color: #d04a2a;
			}
			#container.cardAndCheckout #basketCol div.step p
			{
				margin: 0 0 10px;
				padding: 0;
				font-family: Tahoma, Arial, Verdana, sans-serif;
				font-size: 1.2em;
				line-height: 1.3em;
				color: #9d9993;
			}
			#container.cardAndCheckout #basketCol div.step.active p
			{
				color: #000;
			}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	footer
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#footer
{
	margin: 0 auto;
	width: 970px;
	padding: 14px 0 20px;
	font-size: 1.1em;
	line-height: 1.2em;
	text-align: left;
	color: #666;
	/*background: url('../gfx/background/footer_V2.png') no-repeat 0 0;*/
	border-top: 4px solid #E6E2D2;
	border-bottom: 1px solid #cfcbbd;
}
	#footer img.paymentLogos
	{
		float: left;
		padding: 0 38px 0 10px;
	}
	#footer #contactLinks
	{
		float: left;
		width: 355px;
		margin-right: 20px;
		margin-bottom: 8px;
	}
	#footer #postAddress
	{
		float: left;
		width: 185px;
		margin-right: 20px;
	}
	* html #footer #postAddress
	{
		margin-right: 10px;
	}
	#footer #basketTotal
	{
		float: left;
		width: 180px;
	}
	* html #footer #basketTotal
	{
		width: 190px;
	}
	#footer #basketTotal p
	{
		margin-bottom: 0;
		color: #000;
	}
	#footer #basketTotal div.button
	{
		float: right;
		margin: 0 10px;
	}
	#footer strong
	{
		font-weight: normal;
		color: #000;
	}
	#footer a
	{
		font-weight: bold;
		text-decoration: none;
	}
	#footer ul
	{
		margin: 0;
		padding: 0;
		width: 560px;
		list-style-type: none;
	}
		#footer ul li
		{
			float: left;
			margin: 0 10px 0 0;
			padding: 0;
		}
			#footer ul li a
			{
				padding-left: 8px;
				font-weight: bold;
				text-decoration: none;
				background: url('../gfx/icon/footer-link-bullet.png') no-repeat 0 50%;
			}

* html select,
* html option
{
	/*behavior: url('/css/disabledDropDownListBehavior.htc');*/
}
option[disabled]
{
	color: #666;
	background-color: #ccc;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	TrumfConversion - Modal Popup Extender
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.modalBackground
{
	background-color: Black;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

div.schemaFlowNav
{
	float: right;
	margin-bottom: 10px;
	margin-right: 10px;
}

div.dialogframe div.inner
{
	padding-top: 10px;
}

div.schemaFlowNav div.button
{
	background: url('../gfx/button/button-header.png') no-repeat 100% 50%;
	margin-left:10px;
}
	div.schemaFlowNav div.button span
	{
		background: url('../gfx/button/button-header-left.png') no-repeat 0 50%;
	}
	div.schemaFlowNav div.button input { padding: 4px 8px 5px 10px; }
	* html div.schemaFlowNav div.button input { padding: 5px 12px 4px 11px; }
	*+html div.schemaFlowNav div.button input { padding: 5px 12px 4px 11px; }

	div.schemaFlowNav div.button input
	{
		color: #000000;
		font-weight: bold;
	}

#btnYesDiv, #btnConfirmDiv, #btnAssociateAccountsDiv, #btnGotoFlustDiv
{
	background: url('../gfx/button/button-co-prev.png') no-repeat 100% 50%;
	margin-left:10px;
}
	#btnYesDiv span, #btnConfirmDiv span, #btnAssociateAccountsDiv span, #btnGotoFlustDiv span
	{
		background: url('../gfx/button/button-co-next-left.png') no-repeat 0 50%;
	}
	#btnYesDiv input, #btnConfirmDiv input, #btnAssociateAccountsDiv input, #btnGotoFlustDiv input { padding: 4px 8px 5px 10px; }
	* html #btnYesDiv input, * html #btnConfirmDiv input, * html #btnAssociateAccountsDiv input, * html #btnGotoFlustDiv input { padding: 5px 12px 4px 11px; }
	*+html #btnYesDiv input, *+html #btnConfirmDiv input, *+html #btnAssociateAccountsDiv input, *+html #btnGotoFlustDiv input { padding: 5px 12px 4px 11px; }

	#btnYesDiv input, #btnConfirmDiv input, #btnAssociateAccountsDiv input, #btnGotoFlustDiv input
	{
		color: #FFFFFF;
		font-weight: bold;
	}

.dialogframe 
{
	border: solid 1px #D2CCBE;
	float: left;
}

.lightboxfloat
{
	float: left;
	margin:0 !important;
	width:100%;
}

#bottomnote 
{
	padding: 3px;
}

.step3space
{
	margin-top: -35px;
}

/* image zooming */
.zoom-image /* */
{
	padding-left: 20px;
	padding-top: 9px;
	color: #003399;
	cursor: pointer;
	font-size: 1.1em;
	background-image: url('/gfx/icon/zoom.png');
	background-repeat: no-repeat;
	background-position: 0 10px;
	font-style: normal;
}

.big-image-container
{
	display: none;
	top: 0px;
	left: 0px;
	position: absolute;
	background-color: #fff;
	z-index: 100;
	border: solid 1px #fff;
	padding: 0;
	margin: 0;
}

.big-image-border 
{
	padding:0;
	margin:0;
	border: solid 2px #ccc;
	border-left: none;
	border-top: none;
}

.big-image 
{
	background-color: #fff;
	border: solid 1px #000;
	border-left: solid 1px #777;
	border-top: solid 1px #777;
	padding: 3px;
	width: 250px;
	height: 250px;
}

/*trumf login*/

#trumfLoggInTop img 
{
	float: left;
	padding-right: 20px;
}

#trumfLoggInTop 
{
	clear: both;
}

#trumfLoggInTop span
{
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 20px;
	display: block;
}

#trumfLogginBottom 
{
	clear: both;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}

#trumfLoggInLeft 
{
	float: left;
	width: 255px;
	padding-right: 5px;
}

#trumfLoginFields 
{
	padding-bottom: 20px;
}

#trumfLoggInRight 
{
	padding-left: 5px;
	float: left;
	width: 255px;
}

#trumfLoggInRight img
{
	padding-left: 0px;
	padding-bottom: 10px;
}

#trumfLogginContainer 
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#flustRegisterSchema td.col2
{
	width: 200px;
}

#flustRegisterSchema td.col3
{
	padding-left: 20px;
}

#flustRegisterSchema td.col2 input 
{
	width: 190px;
}

#flustRegisterSchema td.city
{
	width: 100%;
	padding-left: 4px;
}

#flustRegisterSchema td
{
	padding: 2px 0;
}

#flustRegisterSchema td.city input
{
	width: 152px;
}

#flustRegisterSchema td.postalCode input
{
	width: 30px !important;
}

#flustRegisterTop span {
	display:block;
	font-size:1.1em;
	font-weight:bold;
	height:35px;
	margin-left:130px;
	margin-top:-30px;
}

#flust-billing-address-panel div.heading 
{
	padding-bottom: 10px;	
}

#flust-billing-address-panel div.heading span
{
	font-size: 1.1em;
	font-weight: bold;	
}

#flust-billing-address-panel td.col1 
{
	font-size: 1.1em;
	font-weight: bold;
	width: 108px;
}

table.checkout.account tr.yourOrder td.product span.few {
	background: transparent url(/gfx/icon/stock-few.png) no-repeat scroll 0 50%;
	padding-left: 15px;
	line-height: 30px;
}