/**
 * neckermann.css
 *
 * @author	Marc Aschmann <marc.aschmann@dmc.de>
 * @version	$Id: neckermann.css 87061 2011-12-05 11:18:07Z maschmann $
 **/

@media all {

	/* reset css
	 * resets all html elements for easier styling
	 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
	 * v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
	 * html5doctor.com/html-5-reset-stylesheet/
	 * DO NOT ALTER!
	 * ----------------------------------------------------------------------- */

	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, figure, footer, header,
	hgroup, menu, nav, section, menu,
	time, mark, audio, video
	{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align:baseline;
		background:transparent;
	}
	article, aside, figure, footer, header,
	hgroup, nav, section
	{
		display:block;
	}
	/* remember to define focus styles! */
	:focus
	{
		outline: 0;
	}
	body
	{
		line-height: 1em;
		color: black;
		background: white;
	}
	ol, ul
	{
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table
	{
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td
	{
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after
	{
		content: "";
	}
	blockquote, q
	{
		quotes: "" "";
	}
	hr
	{
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc;
		margin: 1em 0;
		padding: 0;
	}

	/* font definitions
	 * font-related basic styling for html elements (size, font-family, color)
	 * ----------------------------------------------------------------------- */

	html *,
	body
	{
		font-family: arial,helvetica,sans-serif;
		font-size: 11px;
		color: #3a3b3d;
		line-height: 1.5em;
	}

	select
	{
		line-height: 1;
	}

	h1, h2, h3, h4, h5, h6
	{
		font-weight: bold;
	}

	h1
	{
		font-size: 22px;
		color: #5e5e5e;
	}

	h2
	{
		font-size: 18px;
	}

	h3
	{
		font-size: 14px;
		font-weight: bold;
	}

	h4
	{
		font-size: 12px;
		font-weight: bold;
	}

	h6
	{
		font-size: 12px;
	}

	p
	{

	}

	strong,
	b
	{
		font-weight: bold;
	}

	i
	{
		font-style: italic;
	}

	a
	{
		color: #3a3b3d;
		text-decoration: none;
	}

	a:hover
	{
		color: #999;
		cursor: pointer;
	}



	/* link classes
	 *
	 * ----------------------------------------------------------------------- */

	.textLink
	{
		text-decoration: underline;
	}



	/* background color definitions
	 * basic styling for elements (i.e. boxes, backgrounds, etc. )
	 * ----------------------------------------------------------------------- */
	.backgroundLight
	{
		background-color: #f0f0f0;
	}

	.corporateColorBG
	{
		background-color: #e20026;
	}



	/* font color definitions
	 * styling for text, headlines, ...
	 * ----------------------------------------------------------------------- */
	.corporateColor
	{
		color: #e20026;
	}

	.light1
	{
		color: #ccc;
	}

	.light2
	{
		color: #999;
	}

	.light3
	{
		color: #8b8b8b;
	}

	.medium1
	{
		color: #666;
	}



	/* border color definitions
	 *
	 * ----------------------------------------------------------------------- */
	.borderLight
	{
		border: 1px solid #e6e6e6;
	}

	.imgBorder
	{
		border: 1px solid #ccc;
	}

	.stockStatusColor0,
	.stockStatusColor1
	{
		color: #11B300;
	}

	.stockStatusColor2,
	.stockStatusColor3,
	.stockStatusColor4,
	.stockStatusColor5,
	.stockStatusColor6,
	.stockStatusColor7,
	.stockStatusColor8,
	.stockStatusColor9,
	.stockStatusColor10,
	.stockStatusColor11,
	.stockStatusColor12,
	.stockStatusColor80,
	.stockStatusColor90,
	.stockStatusColor99
	{
		color: #3A3B3D;
	}


	/* basic layout grid
	 * grid for the different page characteristics (i.e. 2 columns, 1 column, etc.)
	 * the right column's architecture allows to add elements that could span over
	 * the entire column while using a 3 column layout.
	 *     _____________________________________
	 *    |   |_____________________________|   |
	 *    |   |           |_________________|   |
	 *    |   |           |        |        |   |
	 *    |   |           |        |        |   |
	 *    |   |           |        |        |   |
	 *    |   |           |________|________|   |
	 *    |   |___________|_________________|   |
	 *    |___|_____________________________|___|
	 *
	 * ----------------------------------------------------------------------- */

	div#NM_GridPage
	{
		width: 980px;
		height: 100%;
		margin: 0 auto; /* center the box */
		top: 0;
		position: relative;
	}

		div#NM_GridPage div#NM_GridContent
		{
			width: 100%;
		}

			div#NM_GridPage div#NM_GridContent div#NM_GridContentLeft
			{
				float: left;
				width: 190px;
				overflow: hidden;
			}

			div#NM_GridPage div#NM_GridContent div#NM_GridContentLeft.reverse
			{
				float: none;
				width: 770px;
				margin-right: 210px;
			}

			div#NM_GridPage div#NM_GridContent div#NM_GridContentRight
			{
				width: 770px;
				margin-left: 210px;
				overflow: hidden;
			}

			div#NM_GridPage div#NM_GridContent div#NM_GridContentRight.reverse
			{
				float: right;
				width: 200px;
				margin: 0;
			}

			/* IE 6 3px margin fix */
			.ie6 div#NM_GridPage div#NM_GridContent div#NM_GridContentRight
			{
				margin-left: 207px;
			}

			/* IE 6 3px margin fix */
			.ie6 div#NM_GridPage div#NM_GridContent div#NM_GridContentLeft.reverse
			{
				margin-right: 207px;
			}

				div#NM_GridPage div#NM_GridContent div#NM_GridContentRight div#NM_GridContentInnerRight,
				div#NM_GridPage div#NM_GridContent div#NM_GridContentLeft div#NM_GridContentInnerRight
				{
					width: 250px;
					float: right;
					overflow: hidden;
				}

				div#NM_GridPage div#NM_GridContent div#NM_GridContentRight div#NM_GridContentInnerLeft,
				div#NM_GridPage div#NM_GridContent div#NM_GridContentLeft div#NM_GridContentInnerLeft
				{
					width: 510px;
					margin-right: 260px;
					overflow: hidden;
				}

				/* IE 6 3px margin fix */
				.ie6 div#NM_GridPage div#NM_GridContent div#NM_GridContentRight div#NM_GridContentInnerLeft,
				.ie6 div#NM_GridPage div#NM_GridContent div#NM_GridContentLeft div#NM_GridContentInnerLeft
				{
					margin-right: 257px;
				}

		#NM_MyAccount div#NM_GridPage div#NM_GridContent
		{
			margin-bottom: 20px;
		}

	/* handling for search result pages
	 *
	 * ----------------------------------------------------------------------- */

		#NM_GridContentRight.searchresult ul li
		{
			margin-left: 15px;
		}

		#NM_GridContentRight.searchresult ul.categories li
		{
			display: block;
		}

		#NM_GridContentRight.searchresult ul.links a
		{
			text-decoration: underline;
		}

		#NM_GridContentRight.searchresult .searchresultText,
		#NM_GridContentRight.searchresult .searchresultText strong
		{
			font-size: 14px;
		}


	/* generic elements
	 * button styles, boxes, everything common
	 * ----------------------------------------------------------------------- */

	/*
	 * product navigation
	 */

		ol.NMSubNavigation
		{
			width: 100%;
			padding: 8px 0 0 0;
		}

		ol.NMSubNavigation *
		{
			line-height: 1em;
			padding-bottom: 7px;
		}



	/*
	 * border boxes
	 */
	.borderBox
	{
		width: 768px; /* -2px borders */
		background-color: #f5f5f5;
		border: 1px solid #e6e6e6;
		margin: 15px 0;
		position: relative;
		z-index: 1;
	}

	.ie .borderBox
	{
		width: 770px;
	}

	.borderBox:before
	{ /* adds second border only for modern browsers: FF3+/IE8+/Chrome */
		border: 1px solid #fff;
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		content:'';
	}


	/*
	 * price decoration START
	 * in comments there are the standard-values for a "normal price"
	 */

		div.NM_HTMLElements
		{
			position: absolute;
			bottom: 0;
			right: 2px;
			clear: both;
			text-align: right;
		}

		div.NM_HTMLElements p
		{
			display: inline;
		}

		div.NM_HTMLElements p span.prefix
		{
			position: relative;
			bottom: 12px;
			font-size: 14px;
		}

		div.NM_HTMLElements p span.suffix
		{
			position: relative;
			bottom: 12px;
			font-size: 14px;
		}

		/* old price */
		div.NM_HTMLElements p.oldPriceSpan
		{
			margin-right: 15px;
			background: transparent url( /img/com/NM_ComHTMLElements/price_darkgrey_line.gif ) no-repeat center center;
		}

		.ie7 div.NM_HTMLElements p.oldPriceSpan
		{
			background-position: top top;
			border: 1px solid transparent;
		}

		div.NM_HTMLElements.small p.oldPriceSpan span.oldPriceDecoration,
		div.NM_HTMLElements.default p.oldPriceSpan span.oldPriceDecoration,
		div.NM_HTMLElements.teaser p.oldPriceSpan span.oldPriceDecoration
		{
			position: relative;
			top: 0;
			right: -3px;
			font-size: 14px;
		}

		.ie7 div.NM_HTMLElements.small p.oldPriceSpan span.oldPriceDecoration,
		.ie7 div.NM_HTMLElements.default p.oldPriceSpan span.oldPriceDecoration,
		.ie7 div.NM_HTMLElements.teaser p.oldPriceSpan span.oldPriceDecoration
		{
			right: -2px;
		}

		div.NM_HTMLElements.small p.oldPriceSpan span.oldPriceDecimalDecoration,
		div.NM_HTMLElements.default p.oldPriceSpan span.oldPriceDecimalDecoration
		{
			position: relative;
			bottom: 2px;
			font-size: 11px;
		}

		.ie8 div.NM_HTMLElements.small p.oldPriceSpan span.oldPriceDecimalDecoration,
		.ie8 div.NM_HTMLElements.default p.oldPriceSpan span.oldPriceDecimalDecoration
		{
			bottom: 2px;
		}

		/* current price */
		div.NM_HTMLElements p.priceSpan
		{

		}

		div.NM_HTMLElements.small p.priceSpan span.priceDecoration,
		div.NM_HTMLElements.default p.priceSpan span.priceDecoration,
		div.NM_HTMLElements.teaser p.priceSpan span.priceDecoration
		{
			position: relative;
			top: 0;
			right: -4px;
			font-size: 28px;
		}

		.ie7 div.NM_HTMLElements.small p.priceSpan span.priceDecoration,
		.ie7 div.NM_HTMLElements.default p.priceSpan span.priceDecoration,
		.ie7 div.NM_HTMLElements.teaser p.priceSpan span.priceDecoration
		{
			right: -3px;
		}

		div.NM_HTMLElements.small p.priceSpan span.priceDecimalDecoration,
		div.NM_HTMLElements.default p.priceSpan span.priceDecimalDecoration
		{
			position: relative;
			bottom: 10px;
			font-size: 14px;
		}

	/*
	 * Price decoration END
	 */


	/*
	 * Buttons
	 *
	 */

		.NM_HTMLElements_Button
		{
			text-decoration: none;
			cursor: pointer;
		}

		a.NM_HTMLElements_Button span
		{
			color: #fff;
			padding: 7px 0 0 9px;
			display: block;
		}

		a:hover.NM_HTMLElements_Button span,
		a:active.NM_HTMLElements_Button span
		{
			padding: 8px 0 0 10px;
		}

		a.NM_HTMLElements_Button span.text
		{
			float: left;
		}

		a.NM_HTMLElements_Button span.sign
		{
			float: right;
			padding-right: 18px;
		}

		a:hover.NM_HTMLElements_Button span.sign,
		a:active.NM_HTMLElements_Button span.sign
		{
			padding-right: 17px;
		}

		.NMForm a.NM_HTMLElements_Button.MyNeckermannDefault,
		.NMForm a.NM_HTMLElements_Button.MyNeckermannBack
		{
			margin: 20px 0 20px 0;
		}

		#NM_ComNotepadArticleList .NM_HTMLElements_Button.Overview_Listerpage_MoreInfo
		{
			float: right;
			padding-right: 0px;
		}

		/* special case: basket */
		a.NM_HTMLElements_Button.NeckermannBasket span.sign
		{
			padding-right: 9px;
		}

		a:hover.NM_HTMLElements_Button.NeckermannBasket span.sign,
		a:active.NM_HTMLElements_Button.NeckermannBasket span.sign
		{
			padding-right: 8px;
		}
		/* end special case */

		a.NM_HTMLElements_Button.MyNeckermannBack span
		{
			padding: 7px 0 0 0;
			float: none;
		}

		a.NM_HTMLElements_Button.MyNeckermannBack span.text
		{
			float: right;
			padding-right: 9px;
		}

		a.NM_HTMLElements_Button.MyNeckermannBack span.sign
		{
			float: left;
			padding-left: 9px;
		}

		a:hover.NM_HTMLElements_Button.MyNeckermannBack span.sign,
		a:active.NM_HTMLElements_Button.MyNeckermannBack span.sign
		{
			padding: 8px 0 0 10px;
		}

		a:hover.NM_HTMLElements_Button.MyNeckermannBack span.text,
		a:active.NM_HTMLElements_Button.MyNeckermannBack span.text
		{
			padding: 8px 8px 0 0;
		}

		/* old buttons */

		/* red arrow button big */
		.NM_HTMLElements_ButtonType1
		{
			display: block;
			width: 28px;
			height: 18px;
			color: #fff;
		}

		.NM_HTMLElements_ButtonType1 span
		{
			display: block;
			padding: 2px 0 2px 0;
			margin: 0 30px 0 0;
			cursor: pointer;
		}

		/* red arrow textbutton */
		.NM_HTMLElements_ButtonType2
		{
			display: block;
			width: 143px;
			height: 20px;
			color: #fff;
			background: transparent url(/img/com/NM_ComHTMLElements/btn_type_2.gif) no-repeat left center;
		}

		.NM_HTMLElements_ButtonType2 span
		{
			display: block;
			padding: 2px 3px 2px 5px;
			margin: 0 30px 0 0;
			width: 115px;
			cursor: pointer;
			color: #fff;
		}


		.NM_HTMLElements_ButtonType3
		{
			width: 24px;
			height: 18px;
			color: #000;
			text-align: center;
		}

		/* red arrow textbutton */
		.NM_HTMLElements_ButtonType4
		{
			display: block;
			width: 200px;
			height: 20px;
			color: #fff;
			background: transparent url(/img/com/NM_ComHTMLElements/btn_type_4.gif) no-repeat left center;
		}

		.NM_HTMLElements_ButtonType4 span
		{
			display: block;
			padding: 2px 3px 2px 5px;
			margin: 0 30px 0 0;
			width: 120px;
			cursor: pointer;
			color: #fff;
			text-decoration: none;
		}


		.NM_HTMLElements_ButtonType5 span
		{
			display: block;
			padding: 2px 3px 2px 5px;
			margin: 0 30px 0 0;
			width: 195px;
			cursor: pointer;
			text-decoration: none;
			background:transparent url(/img/com/NM_ComHTMLElements/btn_type_4.gif) no-repeat scroll left center;
			color:#fff;
		}

		/* red arrow textbutton */
		.NM_HTMLElements_ButtonType8
		{
			display: block;
			width: 143px;
			height: 20px;
			float:left;
			background: transparent url(/img/com/NM_ComHTMLElements/btn_type_8.gif) no-repeat left center;
			width:300px;
			margin: 0 0 0 20px;
			z-index:4;
			text-decoration: none;
		}

		.NM_HTMLElements_ButtonType8 span
		{
			display: block;
			padding: 2px 3px 2px 5px;
			margin: 0 30px 0 0;
			width: 300px;
			color: #fff;
			cursor: pointer;
			text-decoration: none;
			font-weight:bold;
		}




	/*
	 * product typing
	 * tags products which have special prices
	 */
		.NM_ComProductTyping
		{
			position: absolute;
			right: 0px;
			width: 45px;
		}

		.ie .NM_ComProductTyping
		{
			right: -1px;
		}

		.NM_ComProductTyping.overview
		{
			bottom: 0;
			right: 0;
		}

		.NM_ComProductTyping.slider
		{
			bottom: 60px;
			left: 86px;
		}

		.NM_ComProductTyping.detail
		{
			left: 5px;
		}

		.NM_ComProductTyping.detail_image
		{
			right: 5px;
			top: 5px;
		}

		.NM_ComProductTyping .panel
		{
			height: 28px;
			background-color: #f5f5f5;
			margin-top: 10px;
			border: 1px solid #e20026;
		}

		.NM_ComProductTyping.detail .panel
		{
			margin-top: 5px;
		}

		.NM_ComProductTyping.detail_image .panel
		{
			margin-top: 0px;
		}

		.NM_ComProductTyping .panel.panel2
		{
			margin-top: 10px;
		}

		.NM_ComProductTyping p
		{
			font-size: 12px;
			line-height: 1em;
			white-space: normal;
			overflow: none;
			font-weight: bold;
			text-align: center;
		}

		.NM_ComProductTyping .textSmall
		{
			padding-top: 3px;
			font-size: 9px;
		}

		.NM_ComProductTyping .textSmall.centerText
		{
			padding-top: 0;
		}

		.NM_ComProductTyping .textSmall.centerTextThreeline
		{
			padding-top: 1px;
		}

		.NM_ComProductTyping .textLarge.centerText
		{
			padding-top: 4px;
		}

		.NM_ComProductTyping .textLarge.noPad
		{
			padding-top: 0px;
		}

		.NM_ComProductTyping .textLarge
		{
			padding-top: 4px;
			line-height: 1;
			font-size: 14px;
		}

		.typingColorBanner
		{
			display: block;
			width: 100%;
		}

		.typingColorBanner .typingColor
		{
			text-align: center;
		}

		.typingColorBanner .typingColor div
		{
			font-size: 13px;
			font-weight: bold;
			color: #fff;
			text-align: center;
		}



	/*
	 * tooltip
	 */
		.NMToolTip
		{
			color: #000;
			width: 200px;
			z-index: 13000;
			border: 1px solid #000;
		}

		.NMToolTip .NMToolTipTitle
		{
			font-weight: bold;
			font-size: 11px;
			margin: 0;
			padding: 2px 4px 2px 4px;
			background-color: #000;
		}

		.NMToolTip .NMToolTipTitle span
		{
			color: white;
		}

		.NMToolTip .NMToolTipContent
		{
			font-size: 11px;
			padding: 4px 4px 4px 4px;
			background-color: #FFFFE1;
		}

		.NMToolTip .NMTooltipTitleData
		{
			display: none;
			visibility: hidden;
		}

		.NMToolTip .NMTooltipContentData
		{
			display: none;
			visibility: hidden;
		}



	/*
	 * data tables
	 */

		table.NMTable
		{
			padding: 5px;
			border: 1px solid #ccc;
			width: 100%; /* not explicitly needed */
			empty-cells: show; /* fixes empty cell problems */
		}

		.ie table.NMTable
		{
			border-collapse: collapse;
		}

		table.NMTable tbody tr
		{
			background-color: #fff;
		}

		table.NMTable tbody tr:hover
		{
			background-color: #e7e7e7;
		}

		table.NMTable tr th
		{
			font-weight: bold;
		}

		table.NMTable tr th,
		table.NMTable tr td
		{
			background-color: transparent;
		}

		.ie table.NMTable tr th,
		.ie table.NMTable tr td
		{
			background-color: none; /* fixes IE6/7 issues */
		}

		table.NMTable tr.odd,
		table.NMTable tr.highlight
		{
			background-color: #fbfbfb;
		}

		table.NMTable tr.even
		{
			background-color: #fff;
		}

		table.NMTable tfoot tr
		{
		}

		table.NMTable tfoot tr td
		{
			background-color: #f0f1ef;
			border: none;
			border-top: 1px solid #ccc;
			margin-top: 1px;
		}

		table.NMTable tfoot tr td.success
		{
			background: #f0f1ef url( /img/com/NM_ComHTMLElements/NMSuccess.gif ) no-repeat 15px 15px;
		}

		table.NMTable tfoot tr td p
		{
			line-height: 1.5em;
			margin: 13px 13px 13px 45px;
			font-size: 12px;
		}

		table.NMTable a.active
		{
			color: #e20026;
		}

		/* Table with larger columns and rows */

		table.NMTable.wide
		{
			padding: 0;
		}

		table.NMTable.wide tr td,
		table.NMTable.wide tr th
		{
			padding: 16px 0 16px 16px;
		}

		table.NMTable.wide tr td
		{
			border-top: 1px solid #ccc;
		}




	/*
	 * forms
	 */

		.NMForm
		{
		}

		.NMForm fieldset
		{
		}

		.NMForm fieldset legend
		{
		}

		.NMForm ol
		{
		}

		.NMForm ol li
		{
			margin-top: 10px;
		}

		.NMForm label
		{
			display: block;
			font-style: italic;
		}

		.NMForm.even label
		{
			display: inline-block;
			width: 150px;
		}

		.ie .NMForm.even label span /* IE fix with additional span element */
		{
			display: block;
			width: 150px;
		}

		.NMForm h3 em,
		.NMForm label em,
		.NMForm label.error,
		.NMForm label span.error
		{
			color: #e20026; /* == corporateColor, saves one class */
		}

		.NMForm input,
		.NMForm select,
		.NMForm textarea,
		.NMForm input.text,
		.NMForm textarea.text
		{
			padding: 8px;
			font-size: 12px;/* former: 14px | changed R17 */
			background-color: #fff;
			border: 1px solid #666;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}

		.NMForm input.noBorder,
		.NMForm li.noBorder input,
		.NMForm input.checkbox,
		.NMForm input.radio
		{
			vertical-align: middle;
			margin: 0;
			padding: 0;
			border: none;
		}

		.NMForm input.numeric
		{    /* special numeric font definition */
			font-family: "Courier New", monospace, sans-serif; /* fallback for non-windows fonts users */
			letter-spacing: 0.3em;
		}

		.NMForm input:focus
		{
			background-color: #f5fcfe;
			border: 1px solid #ccc;
		}

		.NMForm input.radio:focus
		{ /* special: radio button focus */
			background-color: #fff;
			border: 0;
		}

		.NMForm input.error,
		.NMForm select.error,
		.NMForm textarea.error,
		.NMForm fieldset.error,
		.NMForm fieldset.error .radio
		{ /* error markup for form fields */
			background-color: #fbe3e4;
			border: 1px solid #fbc2c4;
		}

		.NMForm .radiogroup.error
		{ /* error markup for form fields */
			background-color: #fbe3e4;
			border: 1px solid #fbc2c4;
			display: block;
		}

		.NMForm fieldset.error
		{	/* hack for radio buttons */
			display: inline;
			padding: 0 5px 0 5px;
		}

		.NMForm fieldset.error .radio
		{	/* hack for radio buttons */
			border: 0;
		}

		.NMForm span.hint
		{	/* special hint text for form fields */
			color: #8b8b8b;
			margin-left: 10px;
		}

		.NMForm .elmGap
		{
			margin-left: 10px;
		}

		.NMForm input.hideImage
		{
			position: absolute;
			width: 0;
			height: 0;
			border: 0;
			z-index: -1000;
		}

		/* defines a group of elements to be shown in one line */
		.NMForm .elmGroup
		{
			display: block;
			float: left;
			margin-right: 10px;
		}

		/* radiogroup with serveral 2-column input/label pairs */
		.NMForm .radiogroup label,
		.NMForm .radiogroup input
		{
			display: inline;
		}

		.NMForm .radiogroup label,
		.NMForm label.radio
		{
			font-style: normal;
		}

		.NMForm fieldset.hidden
		{
			display: block;
		}
	/*
	 * notifications
	 */

		.NMNotification
		{
			border: 1px solid;
			position: relative;
			margin-bottom: 18px;
		}

		/* width if one column layout */
		.NMNotification.oneColumn
		{
			width: 764px;
		}

		/* special case in basket */
		#NM_Basket .NMNotification.oneColumn,
		.NMNotification.oneColumnBasket
		{
			width: 768px;
		}

		/* special case in notepad */
		#NM_ComNotepadArticleList .NMNotification.oneColumn
		{
			width: 600px;
		}

		#NM_ComNotepadArticleList .NMNotification.fail li
		{
			border: 0 none;
			float: none;
		}

		/* width if two column layout */
		.NMNotification.twoColumn
		{
			width: 504px;
		}

		.NMNotification.success
		{
			background: #e6efc2 url( /img/com/NM_ComHTMLElements/NMSuccess.gif ) no-repeat 15px 15px;
			border-color: #c6d880;
		}

		.NMNotification.fail
		{
			background: #fbe3e4 url( /img/com/NM_ComHTMLElements/NMFail.gif ) no-repeat 15px 15px;
			border-color: #fbc2c4;
		}

		.NMNotification.error
		{
			background: #fff6bf url( /img/com/NM_ComHTMLElements/NMError.gif ) no-repeat 15px 15px;
			border-color: #ffd324;
		}

		.NMNotification.info
		{
			background: #ddf4ff url( /img/com/NM_ComHTMLElements/NMInfo.gif ) no-repeat 15px 15px;
			border-color: #88d9ff;
		}

		.NMNotification p
		{
			line-height: 1.5em;
			margin: 13px 13px 13px 45px;
			font-size: 12px;
		}

		.NMNotification p a
		{
			font-size: 12px;
		}

		.NMNotification ol,
		.NMNotification ul
		{
			line-height: 1.5em;
			margin: 13px 13px 13px 45px;
		}

		.NMNotification ol li,
		.NMNotification ul li
		{
			font-size: 12px;
		}



	/**
	 * lists
	 */

		ul.NMList,
		ol.NMList
		{
			padding-left: 10px;
		}

		ul.NMList li,
		ol.NMList li,
		.NMList.square li
		{
			line-height: 1em;
			margin: 10px 0;
			padding-left: 15px;
			background: transparent url( /img/com/NM_ComHTMLElements/square.gif ) no-repeat left 4px;
			margin-bottom: 3px;
		}

		.NMList.dot li
		{
			background: transparent url( /img/com/NM_ComHTMLElements/dot.gif ) no-repeat left 4px;
		}

		.NMList.number
		{
			list-style-type: decimal;
		}

		.NMList.number li
		{
			background: none;
			padding-left: 0;
		}

		.ie6 ul.NMList li,
		.ie6 ol.NMList li
		{
			font-size: 11px; /* IE6 only */
		}

		ul.NMList li a,
		ol.NMList li a
		{
			line-height: 1em;
		}



	/**
	 * Links
	 */

	a.NMLink
	{
		text-decoration: underline;
	}

	a.NMLink:hover
	{
		color: #999;
		/* color: #e20026;*/
	}




	/* Fixes
	 * clearing and necessary tool classes
	 * ----------------------------------------------------------------------- */

	/**
	 * float classes
	 */
	.right
	{
		float: right;
	}

	.left
	{
		float: left;
	}

	.lrClear
	{
		clear: both;
	}



	/**
	 * hide an element
	 */
	.hide,
	.hidden
	{
		display: none;
	}

	/**
	 * Hide only visually, but have it available for screenreaders
	 * www.webaim.org/techniques/css/invisiblecontent/
	 * Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal!
	 */
	.visuallyhidden
	{
		position:absolute !important;
		clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
		clip: rect(1px, 1px, 1px, 1px);
	}

	/**
	 * Hide visually and from screenreaders, but maintain layout
	 */
	.invisible
	{
		visibility: hidden;
	}

	/**
	 * standard clearing class
	 */
	.clear:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clear
	{
		display: block;
		line-height: 0; /* no unit! */
		clear: both;
		font-size: 0; /* no unit! */
	}
	.ie .clear
	{
		height: 1%;
	}

	/**
	 * fixes internet explorer 6 float issues and height problems
	 */
	.ie .ieFix
	{
		height: 1%;
	}

}