/**
 * neckermann.css
 *
 * @author        Marc Aschmann <marc.aschmann@dmc.de>
 * @copyright    Copyright (c) dmc - digital media center GmbH
 * @version        $Id: neckermann.css 67376 2010-07-12 10:12:03Z maschmann $
 **/

@media all {

	/* reset css
	 * resets all html elements for easier styling
	 * based on Eric Meyer's reset css
	 * ( http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ )
	 * DO NOT ALTER!
	 * ----------------------------------------------------------------------- */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td
	{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	/* 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: "" "";
	}


	/* 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
	{
		font-weight: bold;
	}

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

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




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

	.corporateColorBG
	{
		background-color: #ff0029;
	}



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




	/* 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 */
			/* \*/
			* html div#NM_GridPage div#NM_GridContent div#NM_GridContentRight
			{
				margin-left: 207px;
			}
			/* */

			/* IE 6 3px margin fix */
			/* \*/
			* html 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 */
				/* \*/
				* html div#NM_GridPage div#NM_GridContent div#NM_GridContentRight div#NM_GridContentInnerLeft,
				* html 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;
		}


	/* 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;
		}



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

		div.NM_HTMLElements
		{
			position: absolute;
			bottom: 0;
			left: 0;
			clear: both;
		}

		div.NM_HTMLElements.small,
		div.NM_HTMLElements.default
		{
			width: 185px;
			height: 47px;
		}

		div.NM_HTMLElements.large
		{
			width: 192px;
			height: 56px;
			position: relative;
		}

		div.NM_HTMLElements.teaser
		{
			width: 110px;
			height: 35px;
		}

		div.NM_HTMLElements p
		{
			display: block;
		}

		div.NM_HTMLElements p.oldPriceSpan
		{
			position: absolute;
			left: 10px;
			background: transparent url( /img/com/NM_ComHTMLElements/price_red_line.gif ) no-repeat center center;
		}

		div.NM_HTMLElements p.priceSpan
		{
			position: absolute;
			right: 10px;
		}

		div.NM_HTMLElements p span.prefix
		{
			vertical-align: super;
		}

		div.NM_HTMLElements p span.suffix
		{
			vertical-align: super;
		}

		div.NM_HTMLElements p span.priceDecimalDecoration
		{
			vertical-align: super;
		}

		div.NM_HTMLElements p span.oldPriceDecimalDecoration
		{
			vertical-align: super;
		}

		div.NM_HTMLElements.small p.priceSpan,
		div.NM_HTMLElements.default p.priceSpan,
		div.NM_HTMLElements.teaser p.priceSpan
		{
			font-size: 18px; /* with this we position the super-aligned elements */
			top: 5px;
		}

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

		div.NM_HTMLElements.small p.oldPriceSpan,
		div.NM_HTMLElements.default p.oldPriceSpan,
		div.NM_HTMLElements.teaser p.oldPriceSpan
		{
			font-size: 7px; /* with this we position the super-aligned elements */
			/* \*/
			* font-size: 8px;
			/* */
			top: 10px;
		}

		div.NM_HTMLElements.small p.oldPriceSpan span.oldPriceDecoration,
		div.NM_HTMLElements.default p.oldPriceSpan span.oldPriceDecoration
		div.NM_HTMLElements.teaser p.oldPriceSpan span.oldPriceDecoration
		{
			font-size: 14px;
		}

		div.NM_HTMLElements.large p.priceSpan,
		div.NM_HTMLElements.nex p.priceSpan
		{
			font-size: 37px; /* with this we position the super-aligned elements */
			right: 5px;
			top: 10px;
		}

		div.NM_HTMLElements.large p.priceSpan span.priceDecoration,
		div.NM_HTMLElements.nex p.priceSpan span.priceDecoration
		{
			font-size: 48px;
		}

		div.NM_HTMLElements.large p.oldPriceSpan,
		div.NM_HTMLElements.nex p.oldPriceSpan
		{
			font-size: 9px; /* with this we position the super-aligned elements */
			left: 0px;
			top: 10px;
		}

		div.NM_HTMLElements.large p.oldPriceSpan span.oldPriceDecoration,
		div.NM_HTMLElements.nex p.oldPriceSpan span.oldPriceDecoration
		{
			font-size: 24px;
		}

		div.NM_HTMLElements.small p.priceSpan span.prefix,
		div.NM_HTMLElements.small p.priceSpan span.suffix,
		div.NM_HTMLElements.small p.priceSpan span.priceDecimalDecoration,
		div.NM_HTMLElements.default p.priceSpan span.prefix,
		div.NM_HTMLElements.default p.priceSpan span.suffix,
		div.NM_HTMLElements.default p.priceSpan span.priceDecimalDecoration
		{
			font-size: 14px;
		}

		div.NM_HTMLElements.small p.oldPriceSpan span.prefix,
		div.NM_HTMLElements.small p.oldPriceSpan span.suffix,
		div.NM_HTMLElements.small p.oldPriceSpan span.OldPriceDecimalDecoration,
		div.NM_HTMLElements.default p.oldPriceSpan span.prefix,
		div.NM_HTMLElements.default p.oldPriceSpan span.suffix,
		div.NM_HTMLElements.default p.oldPriceSpan span.OldPriceDecimalDecoration
		{
			font-size: 11px;
		}

		div.NM_HTMLElements.large p.priceSpan span.prefix,
		div.NM_HTMLElements.large p.priceSpan span.suffix,
		div.NM_HTMLElements.large p.priceSpan span.priceDecimalDecoration,
		div.NM_HTMLElements.nex p.priceSpan span.prefix,
		div.NM_HTMLElements.nex p.priceSpan span.suffix,
		div.NM_HTMLElements.nex p.priceSpan span.PriceDecimalDecoration
		{
			font-size: 24px;
		}

		div.NM_HTMLElements.large p.oldPriceSpan span.prefix,
		div.NM_HTMLElements.large p.oldPriceSpan span.suffix,
		div.NM_HTMLElements.large p.oldPriceSpan span.oldPriceDecimalDecoration,
		div.NM_HTMLElements.nex p.oldPriceSpan span.prefix,
		div.NM_HTMLElements.nex p.oldPriceSpan span.suffix,
		div.NM_HTMLElements.nex p.oldPriceSpan span.oldPriceDecimalDecoration
		{
			font-size: 18px;
		}

	/*
	 * Price decoration END
	 */


	/*
	 * Buttons
	 *
	 */

		a.NM_HTMLElements_Button
		{
			display: block;
			width: 206px;
			height: 32px;
			background: transparent url(/img/com/NM_ComHTMLElements/button_sprite_206x96.jpg) no-repeat 0 0;
			clear: both;
		}

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

		a.NM_HTMLElements_Button.MyNeckermannConfirm
		{
			width: 68px;
			background-image: url(/img/com/NM_ComHTMLElements/button_sprite_68x96.jpg);
		}

		a.NM_HTMLElements_Button.MyNeckermannLarge
		{
			width: 312px;
			background-image: url(/img/com/NM_ComHTMLElements/button_sprite_312x96.jpg);
		}

		a.NM_HTMLElements_Button.MyNeckermannBack
		{
			width: 140px;
			background: url(/img/com/NM_ComHTMLElements/button_back_140x32.jpg);
		}

		a.NM_HTMLElements_Button.NeckermannBasket
		{
			width: 176px;
			background: url(/img/com/NM_ComHTMLElements/button_sprite_176x96.jpg);
		}


		a:hover.NM_HTMLElements_Button
		{
			background-position: 1px -31px;
		}

		a:hover.NM_HTMLElements_Button.MyNeckermannBack
		{
			background: transparent url(/img/com/NM_ComHTMLElements/button_back_140x32.jpg) no-repeat 1px 1px;
		}

		a:active.NM_HTMLElements_Button
		{
			background-position: 1px -63px;
		}

		a:active.NM_HTMLElements_Button.MyNeckermannBack
		{
			background: transparent url(/img/com/NM_ComHTMLElements/button_back_140x32.jpg) no-repeat 1px 1px;
		}

		a.NM_HTMLElements_Button span
		{
			color: #FFFFFF;
			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;
		}

		/* 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;
		}

		#NM_ComNotepadArticleList .NM_HTMLElements_Button.Overview_Listerpage_MoreInfo
		{
			float: right;
			padding-right: 0px;
			width: 312px;
			background: url(/img/com/NM_ComHTMLElements/btn_type_8.gif) no-repeat center;
		}



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

		div.NM_ComProductTyping.overview
		{
			bottom: 10px;
		}

		div.NM_ComProductTyping.detail
		{
			top: 10px;
		}

		div.NM_ComProductTyping div.panel
		{
			height: 45px;
			background-color: #cc0000;
			margin-top: 10px;
		}

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

		div.NM_ComProductTyping div p
		{
			white-space: normal;
			overflow: none;
			font-weight: bold;
			color: #ffffff;
			text-align: center;
		}

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

		div.NM_ComProductTyping div p.textSmall.centerText
		{
			padding-top: 9px;
		}

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

		div.NM_ComProductTyping div p.textLarge.centerText
		{
			padding-top: 8px;
		}

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

		div.NM_ComProductTyping div p.textLarge
		{
			padding-top: 13px;
			line-height: 1;
			font-size: 16px;
		}

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

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

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



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

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

		.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 */
			* 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;
			* 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: #ff0029;
		}

		/* 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
	 */

		form.NMForm
		{
		}

		form.NMForm fieldset
		{
		}

		form.NMForm fieldset legend
		{
		}

		form.NMForm ol
		{
		}

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

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

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

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

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

		form.NMForm input,
		form.NMForm select,
		form.NMForm textarea,
		form.NMForm input.text,
		form.NMForm textarea.text
		{
			padding: 8px;
			font-size: 14px;
			background-color: #fff;
			border: 1px solid #666;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}

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

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

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

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

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

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

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

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

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

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

		form.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 */
		form.NMForm .elmGroup
		{
			display: block;
			float: left;
			margin-right: 10px;
		}

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

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

	/*
	 * notifications
	 */

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

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

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

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

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

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

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

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

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

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

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

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



	/**
	 * lists
	 */

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

		ul.NMList li,
		ol.NMList 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;
			* 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: #ff0029;
	}


	/* CSS Sprites
	 * stylings for elements using sprites
	 * ----------------------------------------------------------------------- */
	.mainSprite {
		background: transparent url( /img/sprites/globalsprite.gif ) no-repeat scroll 0 0;
		display: inline-block;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: relative;
		vertical-align: middle;
	}

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

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

	.left
	{
		float: left;
	}

	.lrClear
	{
		clear: both;
	}



	/**
	 * hide an element
	 */

	.hide
	{
		display: none;
	}

	/**
	 * standard clearing class
	 */
	.clear
	{
		height: 1%;
		line-height: 0; /* no unit! */
		clear: both;
		font-size: 0; /* no unit! */
	}

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

}