/*-----------------------------------------------
# Project name - Master Css
#------------------------------------------------
#
# TABLE OF CONTENT
#
# - Reset
#
# - Grid
# - - width-x 	
# - - before-x 
# - - after-x 	
# - - left-x	(Content first layout)
# - - content-x	(Content first layout) 
#
# - Typography
# - - Global
# - - Custom fonts
#
# - Redefined standard elements
# - - CMS 
#
# - Layout
# - - Content First Containers 
#
# - Content
# - - Header
# - - - Logo
# - - - Search bar
# - - Main Navigation
# - - - Main nav
# - - Search 
# - - Pagenation
# - - Bread crumbs
# - - Startpage
# - - Subpage 3 column
# - - SubPage "Start"
# - - Search result
# - - News list
# - - Bottom
#
# - Common Elements ------
# - - Backgrounds
# - - Borders
# - - Banners
# - - Buttons & Links
# - - Colors
# - - Forms
# - - Lists
#
# - Misc ------------------
# - - Display
# - - Text
# - - Floats
# - - Positioning
# - - Clearing
# - - Font sizes
# - - Z-index
# - - Margins
# - - Paddings
#
#----------------------------------------------
# Glossary
#
#	act					- active
#	b bt bl bb br		- Border Top, Left, Bottom, Right
#	bg					- Background
#	cf					- Content First
#	d dIn dBl dInBl   	- Display Inline, Block, Inline-block
#	f					- Float
#	f10					- Font (1em)
#	H					- Holder (classNameH)
# 	m mt mr mb ml     	- Margin Top, Right, Bottom, Left
# 	p pt pr pb pl	 	- Padding Top, Right, Bottom, Left
#   pos1				- Position(1,2,3 etc.)
#	Sp				 	- Spacer (tagNameSp) 
# 	txt txtL txtR txtC	- Text Left, Right, Center
#	z					- Z-index
#
#----------------------------------------------
# Colors
#	
#	Red:	 	#d91f2d
#	Black:	 	#333333
#   
#----------------------------------------------*/

/*---------------------------------------------*/
/*################## Reset ####################*/
/*---------------------------------------------*/

	/* Eric Meyer’s Global Reset */
	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{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	
	iframe {background-color:Transparent !important}

	/* Remember to define focus styles! */
	:focus {outline:0; -moz-outline-style: none;}
	
	html {overflow:-moz-scrollbars-vertical}

	body {line-height:1; color:#333; 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: "" ""}

	a img {border:0}

/*---------------------------------------------*/
/*################## Grid ######################
-------------------------------------------------

  		* Page width:            930 px
   		* Number of columns:     3
    	* Column width:          292 px
    	* Margin width:          27 px             

-----------------------------------------------*/

		/* Sets up basic grid floating and positioning */
        .width-1, .width-2, .width-3, .width-4, .width-5, .width-6, .width-7, .width-8, .width-9, .width-10, .width-11, .width-full{
		float:left; position:relative;}

		/* Use these classes to set the width of a column */
		.width-1  {width: 50px}
		.width-2  {width: 130px}
		.width-3  {width: 210px}
		.width-4  {width: 290px}
		.width-5  {width: 370px}
		.width-6  {width: 450px}
		.width-7  {width: 530px}
		.width-8  {width: 610px}
		.width-9  {width: 690px}
		.width-10  {width: 770px}
		.width-11  {width: 850px}
		.width-full  {width: 930px}


		/* Add these to column for empty space before the column */
		.before-1  {padding-right: 60px}
		.before-2  {padding-right: 140px}
		.before-3  {padding-right: 220px}
		.before-4  {padding-right: 300px}
		.before-5  {padding-right: 380px}
		.before-6  {padding-right: 460px}
		.before-7  {padding-right: 540px}
		.before-8  {padding-right: 620px}
		.before-9  {padding-right: 700px}
		.before-10  {padding-right: 780px}
		.before-11  {padding-right: 860px}


		/* Add these to column for empty space after the column */
		.after-1  {padding-left: 60px}
		.after-2  {padding-left: 140px}
		.after-3  {padding-left: 220px}
		.after-4  {padding-left: 300px}
		.after-5  {padding-left: 380px}
		.after-6  {padding-left: 460px}
		.after-7  {padding-left: 540px}
		.after-8  {padding-left: 620px}
		.after-9  {padding-left: 700px}
		.after-10  {padding-left: 780px}
		.after-11  {padding-left: 860px}

		
		/* Left column placement */
		.left-1  {left: -50px}
		.left-2  {left: -130px}
		.left-3  {left: -210px}
		.left-4  {left: -290px}
		.left-5  {left: -370px}
		.left-6  {left: -450px}
		.left-7  {left: -530px}
		.left-8  {left: -610px}
		.left-9  {left: -690px}
		.left-10  {left: -770px}
		.left-11  {left: -850px}


		/* The Content first container placement */
		.content-0  {left: 0}
		.content-1  {left: 60px}
		.content-2  {left: 140px}
		.content-3  {left: 240px}
		.content-4  {left: 300px}
		.content-5  {left: 380px}
		.content-6  {left: 460px}
		.content-7  {left: 540px}
		.content-8  {left: 620px}
		.content-9  {left: 700px}
		.content-10  {left: 780px}
		.content-11  {left: 860px}
		.content-12  {left: 940px}

		/* The last column in a row needs this class except width-full*/
		div.last, span.last, .last      {margin-right:0}
		
		/* The first column in a row may need this class depending on your markup */		
		div.first, first.last, .first   {margin-left:0}

/*---------------------------------------------*/
/*############### Typography ##################*/
/*---------------------------------------------*/

/* Main */
	body {
		font-family: Arial, Helvetica, sans-serif, Verdana;
		line-height: 1.4; /* Unitless for proper inheritance */
		color: #333333;
	}

	/* The top one is for IE: The percentage is of 16px (default IE text size)
	   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
	   The second value is what all other browsers see (the wanted font size). */


	body          {font-size: 62.5%}	/* IE */
	html > body   {font-size: 10px}		/* Other browsers */

	/* Keep p fontesize inherit for proper CMS usage*/
	p			  {}

/* Headers */

	h1,h2,h3,h4,h5,h6 {font-weight: bold; line-height:1.4;}	
	h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration: none}

	h1 {font-size:2em; font-weight:normal}
	h2 {font-size:1.2em; font-weight:bold}
	h3 {}
	h4 {}
	h5 {}
	h6 {}

/* Links */
   
   	/* LoVe/HAte-order */
    a				{text-decoration:none}
	a:link 			{ }  
	a:visited 		{ }  
	a:hover 		{text-decoration:underline}  
	a:active 		{ }
	a:focus			{ }

/* - - Custom font styling - */




/*---------------------------------------------*/
/*########  Redefined standard elements #######*/
/*---------------------------------------------*/

	body 			{background:url(../images/misc/bgBody.gif) repeat-x; padding:0 0 20px}
	p 				{}
	strong			{font-weight:bold;}
	blockquote	    {font-style:italic;}
	
/* - - CMS (User tags) - */

	.cms h1, .cms h2, .cms h3, .cms h4, .cms h5, .cms h6
	{font-weight:bold; font-style:normal; line-height:1.3em; color:#272828; margin:0; padding:0 0 0 0; font-family:inherit;}
	
	.cms h1 		{font-size:3.6em;}
	.cms h2 		{font-size:2.4em;}
	.cms h3 		{font-size:2.1em;}
	.cms h4 		{font-size:1.8em;}
	.cms h5 		{font-size:1.5em;}
	.cms h6 		{font-size:1.2em;}

	.cms blockquote  {margin: 1.5em; font-style: italic;}
	.cms strong      {font-weight: bold;}
	.cms em,dfn      {font-style: italic;}
	.cms dfn         {font-weight: bold;}
	.cms sup, sub    {line-height: 0;}

	.cms abbr, 
	.cms acronym     {border-bottom: 1px dotted #666; }
	.cms address     {margin: 0 0 1.5em; font-style: italic; }

	.cms pre 		 {margin: 1.5em 0; white-space: pre; }
	.cms pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

	.cms li ul,
	.cms li ol       {margin: 0; }
	.cms ul, ol      {list-style-position:inside;}

	.cms ul          {list-style-type: disc; }
	.cms ol          {list-style-type: decimal; }

	.cms dl          {margin: 0 0 1.5em 0; }
	.cms dl dt       {font-weight: bold; }
	.cms dd          {margin-left: 1.5em;}

/*---------------------------------------------*/
/*################## Layout ###################*/
/*---------------------------------------------*/   

/* - - Content first holders - */
	
	 /*** NO PADDING ALLOWED IN THIS SECTION ***/
	.cf-container 	{position:relative; margin:0 auto; text-align:left;} 

	.cf-header 		{position:absolute; top:0; left:0; height:189px;}

	.cf-content 	{float:left; position:relative;}
					  
	.cf-rightH		{float:right; margin:0;}
	
	.cf-leftH		{height: auto; } 
	.cf-bottom 		{margin:45px 0 0;}
	
	/* cfSp = Content first spacer
	   Setting the placement to the main containers from the top (cf-content, cf-rightH, cf-leftH) */
	.cfSp		 	{margin-top:217px} 
	
	/* Section startpage (Privat / Foretag) */
	.sectionStart .cf-header	{position:absolute; top:0; left:0; height:169px;}
	.sectionStart .cfSp		 	{margin-top:169px} 
	
	.sectionStart2 .cf-header	{position:absolute; top:0; left:0; height:189px;}
	.sectionStart2 .cfSp		{margin-top:189px} 
	
	.sectionStart2 .cf-header .breadcrumbs 		{color:#D91F2D; font-size:1.1em; left:14px; line-height:28px; position:absolute; top:159px;}
		
	
/*---------------------------------------------*/
/*################## Content ##################*/
/*---------------------------------------------*/

	.wrapper				{width:930px; padding:0; margin:0 auto;}

/* Header */

	.logo 					{position:absolute; top:62px; left:16px; height:42px; width:148px;}
	.logo a					{display: block; text-indent: -9999px; width: 148px; height: 42px;	/* SEO for h1 logo text */
		 	  	     		 background: url(../images/misc/logo_comfort.png) top left no-repeat; overflow: hidden;} 
	.navigation				{position:absolute; top:122px; left:0; height:auto;}	
	.toprightLinks			{position:absolute; color:#FFFFFF; right:0; top:0; height:27px; line-height:25px;}
	.toprightLinks a		{text-decoration:none; color:#FFF; text-transform:uppercase;}
	
/* Navigation */
	
	
	/* Main nav */	
	
	.navigation ul					{padding:0; margin:0; list-style-type:none; }		
	.navigation li					{float:left;}
	
	
	/* New  start here*/
	
	.subNavigation		 				{position:absolute; left:0; top:158px; width:930px}
	.subNavigation .redSubManu			{width:930px; background:url(../images/misc/bgNavigation4.gif) no-repeat top left; height:33px;}
	.subNavigation .blackSubManu		{width:930px; background:url(../images/misc/bgNavigation5.gif) no-repeat top left; height:33px;}
	
	.redSubManu ul, .blackSubManu ul						{padding:0; margin:0 0 0 7px}
	.redSubManu ul li, .blackSubManu ul li					{padding:0; margin:0; list-style-type:none; display:inline}
	.redSubManu ul li a, .blackSubManu ul li a				{text-decoration:none; color:#FFFFFF; font-size:1.1em; font-weight:bold; text-transform:uppercase; 
														     margin:0 6px; line-height:30px;}
	.redSubManu ul li a:hover, .blackSubManu ul li a:hover	{text-decoration:none; color:#e2e2e2}
	
	.redSubManu ul .act a, .blackSubManu ul .act a			{text-decoration:none; color:#FFFFFF; font-size:1.1em; font-weight:bold; text-transform:uppercase; 
														     margin:0 6px; line-height:30px; text-decoration:underline}
															 
	.redSubManu ul .act a:hover, 
	.blackSubManu ul .act a:hover							{color:#FFFFFF; text-decoration:underline}															 
	
	
	
	
	/* New ends here*/
	
	
	
	/* Home <li> */
	
	.navigation .home				{float:left; padding:0; background:none !important; position:relative;}
	.navigation .home a				{text-decoration:none; float:left; font-size:1.1em; font-weight:bold; 
									 padding:0; color:#FFF; display:block; height:38px; width:40px; text-transform:uppercase; 
						     		 background:url(../images/misc/spriteTopNavigation.gif) no-repeat left top; text-indent:-9999px }

	.navigation .privat							{float:left; padding:0 0 0 3px; background:url(../images/misc/spriteTopNavigation.gif) no-repeat left -43px; height:38px;}
	.navigation .privat a						{text-decoration:none; float:left; font-size:1.1em; font-weight:bold; width:147px; padding:11px 0 0 10px; color:#FFF; display:block; 
						     		 			 background:url(../images/misc/spriteTopNavigation.gif) no-repeat right -81px; height:27px; text-transform:uppercase}
	.navigation li.privat a:hover				{text-decoration:none; color:#e2e2e2;}
	.navigation .privat .one 					{display: none; height:33px;}
	.navigation .privat.act a:hover 			{color:#FFF}
	.navigation .privat.act .one 				{position: absolute; display: inline; left: 0px; top:36px;	margin: 0; padding: 0; width:930px;
											 	 background:url(../images/misc/bgNavigation4.gif) no-repeat top left; height:33px;}									 
    .navigation .privat.act .one li				{background:none; margin:0; padding:0 0 0 2px !important;}
	.navigation .privat.act .one li a			{background:none; padding:7px 12px !important; width:auto !important; height:19px !important; color:#fff;}
	.navigation .privat.act .one li a:hover		{background:none; color:#fafafa !important}
	.navigation .privat.act .one .active		{margin:0; padding:0 0 0 2px !important; height:33px !important;}
	.navigation .privat.act .one .active a		{color:#FFF !important; height:19px; padding:7px 12px !important; text-decoration:underline}
	.navigation .privat.act .one .active a:hover	{color:#FFF !important; height:19px; padding:7px 12px !important; text-decoration:underline;}
	
	.navigation .foretag							{float:left; padding:0 0 0 3px; background:url(../images/misc/spriteTopNavigation.gif) no-repeat left -119px; height:38px;}
	.navigation .foretag a							{text-decoration:none; float:left; font-size:1.1em; font-weight:bold; width:147px; padding:11px 0 0 10px; color:#FFF; display:block; 
						     		 			 	 background:url(../images/misc/spriteTopNavigation.gif) no-repeat right -157px; height:27px; text-transform:uppercase}
	.navigation li.foretag a:hover					{text-decoration:none; color:#e2e2e2}
	.navigation .foretag .two 				 		{display: none; height:33px;}
	.navigation .foretag.act a:hover 				{color:#FFF}
	.navigation .foretag.act .two 			 		{position: absolute; display: inline; left: 0px; top:36px;	margin: 0; padding: 0; width:930px;
											  	 	 background:url(../images/misc/bgNavigation5.gif) no-repeat top left; height:33px;}									 
    .navigation .foretag.act .two li		 		{background:none; margin:0; padding:0 0 0 2px !important;}
	.navigation .foretag.act .two li a		 		{background:none; padding:7px 12px !important; width:auto !important; height:19px !important; color:#fff;}
	.navigation .foretag.act .two li a:hover 		{background:none; color:#fafafa}	
	.navigation .foretag.act .two .active	 		{margin:0; padding:0 0 0 2px !important; height:33px !important;}
	.navigation .foretag.act .two .active a	 		{height:19px; padding:7px 12px !important; color:#FFFFFF; text-decoration:underline}
	.navigation .foretag.act .two .active a:hover	{color:#FFFFFF !important; height:19px;text-decoration:underline; padding:7px 12px !important;}											  
									 
	.dropdownMenu	  				{right:0px; position:absolute; top:132px; width:560px; height:auto; z-index:50;}
	.dropdownMenu ul	  			{list-style:none; margin:0; padding:0;}
	.dropdownMenu li   				{display:inline-block; position:relative; margin:0; float:left; }
	.dropdownMenu li a 				{display:inline-block; font-size:1.1em; font-weight:bold; color:#343434; text-transform:uppercase; height:24px;
							 		 text-decoration:none; padding:0 10px 0 0; margin:0 0 0 20px; white-space:nowrap;
									 background:url(../images/misc/spriteForm.gif) no-repeat right -594px;}
									 
	.dropdownMenu ul li:hover ul	{display:inline-block !important;}								 
									 
	.dropdownMenu li li a 			{height:auto; text-transform:none;}
	
	.dropdownMenu li:hover a 		{display:inline-block; color:#d91f2d; text-decoration:none; }
	.dropdownMenu li:hover  li a 	{color:#000;}
	.dropdownMenu li:hover  li:hover a 	{color:#d91f2d;}
	.dropdownMenu li:hover a 		{display:inline-block; color:#d91f2d; text-decoration:none; }
	
	.dropdownMenu .act a			{color:#FF0066;}
	.dropdownMenu .act a:hover 		{display:inline-block; color:#d91f2d; text-decoration:none}
	
	.dropdownMenu ul ul 	  		{position:absolute; top:22px; left:6px; padding:0 0 20px 0 !important; display:none; 
									 width:200px; z-index:300}
	.dropdownMenu ul ul li 			{display:block; width:100%}
	.dropdownMenu ul ul li a		{margin:0; display:block!important; padding:0 18px 0 0!important; 
									 background:url(../images/misc/dropdown.png) no-repeat right -20px; }
	.dropdownMenu ul ul li a span	{display:block; padding:5px 0 5px 18px; margin:0 0 0 -4px;
									 background:url(../images/misc/dropdown.png) no-repeat left -20px; }
									 
	.dropdownMenu ul ul li.first a			{margin:0; display:block!important; padding:0 14px 0 0; 
									 		 background:url(../images/misc/dropdown.png) no-repeat right top; }								 
	.dropdownMenu ul ul li.first a span		{padding:10px 0 5px 18px; margin:0 0 0 -4px;
									 		 background:url(../images/misc/dropdown.png) no-repeat left top; }	
	.dropdownMenu ul ul li.last a			{margin:0; display:block!important; padding:0 14px 0 0; 
									 		 background:url(../images/misc/dropdown.png) no-repeat right bottom; }								 
	.dropdownMenu ul ul li.last a span		{padding:5px 0 24px 18px; margin:0 0 0 -4px;
									 		 background:url(../images/misc/dropdownlast.png) no-repeat left bottom; }								 
	
/* Search */
    .searchH			{position:absolute; top:63px; right:0}
	.searchH .inputBox  {float:left; width:292px;}	

/* Pagenation */
	.pagenation				{border-top:1px solid #CCCCCC; padding:5px 0 0 0}
	.pagenation a			{font-size:1.1em; color:#333333; text-decoration:none; margin:0 2px}
	.pagenation a:hover		{text-decoration:underline}
	.pagenation .act    	{font-size:1.1em; color:#d91f2d; text-decoration:none; font-weight:bold}
	.pagenation .act:hover 	{text-decoration:none;}
	.pagenation .next   	{font-size:1.1em; color:#d91f2d; text-decoration:none;}

/* Bread crumbs */
	.breadcrumbs				{position:absolute; top:189px; left:14px; line-height:28px; font-size:1.1em; color:#d91f2d}
	.breadcrumbs .start			{color:#333333; text-decoration:none;}
	.breadcrumbs .arrow			{color:#808080; text-decoration:none; font-size:0.9em; padding:0 2px}
	.breadcrumbs .start:hover	{color:#333333; text-decoration:underline;}
	.breadcrumbs a				{color:#d91f2d; text-decoration:none;}
	.breadcrumbs a:hover		{color:#d91f2d; text-decoration:underline;}
	.breadcrumbs .currentPage	{color:#d91f2d; font-weight:bold}

/* StartPage */
	.flashH							{background:url(../images/misc/spriteFlashBg.png) no-repeat bottom left; 
									 width:610px; padding:0 0 10px 0;}

	.newsBox						{background:url(../images/misc/spriteNavBox.png) no-repeat -710px bottom; 
									 width:290px; padding-bottom:13px; position:relative;}
	.newsBoxContent					{background:url(../images/misc/spriteNavBox.png) no-repeat -420px top; 
									 width:290px; min-height:237px; padding:4px 0 42px 0;}
	.newsBox h2						{background:url(../images/misc/bgNewsheader.gif) repeat-x; 
									 height:31px; line-height:28px; margin:0 0 0 2px; 
					 	 			 width:266px; padding:0 0 0 20px; font-size:1.1em; font-weight:bold;}
	.newsBoxContent li				{padding:14px 15px 0px 20px; display:inline-block; }
	.newsBoxContent li img 			{float:left; margin: 0 20px 0 0;}
	.newsBoxContent .newsDate 		{font-size:1.1em; display:block; }
	.newsBoxContent a 				{font-size:1.2em; color:#333; text-decoration:none;}
	.newsBoxContent a:hover 		{color:#d91f2d; text-decoration:underline;}
	
	.newsBoxContent .bottomNewsShadow {position:absolute; bottom:0; background:url(../images/misc/bgNewsShadow.gif) no-repeat; 
									   width:286px; margin: 0 0 0 2px; height:47px;}
	.bottomNewsShadow a				{float:right; font-size:1.1em; font-weight:bold;  padding: 1px 24px 6px 0; margin: 10px 17px 0 0;  
									 display:inline-block; color:#333; text-decoration:none;
								 	 background:url(../images/misc/spriteForm.gif) no-repeat right -656px;}
	.bottomNewsShadow a:hover		{text-decoration:underline; color:#d91f2d}		
		
	/* Inside box - Common */
	.commonTopBox					{background:url(../images/misc/spriteCommonBox.gif) no-repeat bottom right; width:290px; 
									 padding: 0 0 15px 0; position:relative;}
	.commonBottomBox				{background:url(../images/misc/spriteCommonBox.gif) no-repeat left top; width:290px; 
								 	 min-height:208px; padding:0 0 12px 0; }
	
	/* Bottom shadow regular - Common */
	.bottomShadow				{position:absolute; bottom:0; padding:11px 0 15px 0; width:288px; margin: 0 0 0 1px;
								 background:url(../images/misc/bgNewsShadow.gif) no-repeat; display:block}
	.bottomShadow a				{float:right; font-size:1.1em; font-weight:bold; display:inline-block; color:#333; 
						 		 background:url(../images/misc/spriteForm.gif) no-repeat right -656px; 
								 padding: 1px 24px 6px 0; margin: 0 17px 0 0; text-decoration:none;}
	.bottomShadow a:hover 		{text-decoration:underline; color:#d91f2d}


	/* Boxes */
	.boxRed, .boxGrey  			{float:left; width:290px; margin:0;}
	.boxRed h2, .boxGrey h2		{background:url(../images/misc/headerPrivate.gif) no-repeat; line-height:32px;  
								 width:271px; color:#fff; font-size:1.1em; height:32px; padding:0 0 0 19px; 
					 			 font-size:1.1em; font-weight:bold;}
	.boxGrey h2					{background:url(../images/misc/headerForeTag.gif) no-repeat;}	
	.boxRed h5   				{color:#d91f2d;}
	.boxGrey h5  				{color:#333;}
	.boxContent 				{padding:15px; margin:0 0 30px 0}
	.boxContent p 				{font-size:1.2em; color:#333; padding:0 0 16px;}
	.boxContent h5  			{margin:0 0 7px 0;font-size:1.3em; font-weight:bold;}
	.boxContent select 			{margin: 10px 0 10px;}			
	.boxContent ul				{margin:0; padding:0;}
	.boxContent li 				{width:125px; float:left; display:inline; font-size:1.2em;  }
	.boxContent li a 			{width:115px; vertical-align:top; display:inline-block; padding: 0 0 8px 8px; 
								 background:url(../images/misc/iconSmallArrow.gif) no-repeat left 5px; 							  		 
						  		 color:#333; font-size:1em; margin: 0 0 0 3px; text-decoration:none;}
	.boxContent li a:hover 		{text-decoration:underline; color:#d91f2d}	
	
	.mappingContentBot						{background:url(../images/misc/spriteMapping.gif) no-repeat right bottom; width:690px;}
	.mappingContentBot .mappingContentTop	{background:url(../images/misc/spriteMapping.gif) no-repeat left top; width:690px;}	

	/* Full image box with ad */
	
	.adsImg		 				{position:absolute; top:26px; left:-18px; margin:0; display:inline-block;}
		
		
		
/* - - - SubPage 3 column - */

	.navTopBox					{background:url(../images/misc/spriteNavBox.png) no-repeat -210px bottom; width:210px; padding-bottom:13px;}
	.navTopBox .navBottomBox	{background:url(../images/misc/spriteNavBox.png) no-repeat top left; width:210px;}
	.navBottomBox h6			{background:url(../images/misc/bgShadow.gif) no-repeat bottom; width:194px; padding: 11px 0 16px 15px; color:#d91f2d;
								 font-size:1.3em; font-weight:bold; text-transform:uppercase}
	
	.navBottomBox ul			{list-style-type:none; margin:0 0 0 18px; padding:0;}

	
	.navBottomBox .active a		{font:12px Arial, Helvetica, Verdana, sans-serif; text-decoration:none; 
							 	 background:url(../images/misc/iconArrowDown.gif) no-repeat left 11px; 
								 padding:5px 0 5px 11px; display:inline-block; color:#000;}
	.navBottomBox li a			{font:12px Arial, Helvetica, Verdana, sans-serif; text-decoration:none; 
							 background:url(../images/misc/iconArrow.gif) no-repeat left 9px; padding:5px 0 5px 10px; display:inline-block; color:#000;}
	.navBottomBox a:hover	{text-decoration:underline;}

	.navBottomBox .active a	      		{font:bold 12px Arial, Helvetica, Verdana, sans-serif; color:#d91f2d;
										 background:url(../images/misc/iconArrow.gif) no-repeat left 9px;}
										 
	.navBottomBox .active.sub a	   		{font:bold 12px Arial, Helvetica, Verdana, sans-serif; color:#d91f2d;
										 background:url(../images/misc/iconArrowDown.gif) no-repeat left 11px;}

	
	.navBottomBox .active.sub ul li a	 {font:normal 11px Arial, Helvetica, Verdana, sans-serif; color:#000; background:none; }
	.navBottomBox .active.sub .active a	 {font:bold 11px Arial, Helvetica, Verdana, sans-serif; color:#d91f2d;}
	
	.navBottomBox .active.sub .active.sub ul li a	 {font:normal 11px Arial, Helvetica, Verdana, sans-serif; color:#000; background:none; }
	.navBottomBox .active.sub .active.sub .active a	 {font:bold 11px Arial, Helvetica, Verdana, sans-serif; color:#d91f2d;}

	.navBottomBox .active.sub  ul					{display:block; padding:0; margin:0 0 0 5px}
	.navBottomBox .active.sub  .sub	 ul 			{display:none;}
	.navBottomBox .active.sub  .active.sub ul 		{display:block;}
	
	.navBottomBox .active.sub  .sub a	  		    {background:url(../images/misc/iconArrow.gif) no-repeat left 9px;}
													 
	.navBottomBox .active.sub  .active.sub a	     {font:bold 11px Arial, Helvetica, Verdana, sans-serif; color:#d91f2d;
													  background:url(../images/misc/iconArrowDown.gif) no-repeat left 11px;}
	

	
	.flashSpotRight		{background:url(../images/misc/bgShadowPrivatBadrum.gif) no-repeat bottom center; padding:0 0 10px 0;}
	
	
/* - - - SubPage "Start" - */
	
	
	.bannerLinks					{cursor:pointer}
		
	.linkConstruction  				{position:absolute; bottom:14px; right:15px; font-size:1.1em; font-weight:bold; display:inline-block; color:#333; 
					   				 background:url(../images/misc/iconNewsArrow.gif) no-repeat right center; padding: 2px 25px 2px 0; 
					   				 ext-decoration:none;}					   
	.securityTopBox					{background:url(../images/misc/spriteImageHolder.gif) no-repeat bottom right; width:290px; 
							 		 padding: 0 0 15px 0; position:relative; display:block}
	.securityBottomBox				{background:url(../images/misc/spriteImageHolder.gif) no-repeat left top; width:290px;
									 min-height:147px; padding: 0 0 26px 0; display:block}
	.securityBottomBox img	 		{margin:0; display:block;}
	.securityBottomBox h2			{font-size:2.6em; color:#333; position:absolute; bottom:90px; left:139px;}
	.securityBottomBox h6			{font-size:1.4em; color:#333; position:absolute; bottom:50px; left:139px;}
				
	.bannerLinks .subPageShadow		{position:absolute; bottom:0; background:url(../images/misc/bgNewsShadow.gif) no-repeat;
									 height:40px; width:288px; margin: 0 0 0 1px; display:block}
	.bannerLinks .subPageShadow .links			{float:right; font-size:1.1em; font-weight:bold; display:inline-block; color:#333; 
							 					 background:url(../images/misc/spriteForm.gif) no-repeat right -656px; 
 												 padding: 2px 25px 3px 0; margin: 6px 17px 0 0;text-decoration:none;}
	.bannerLinks:hover .subPageShadow .links 	{text-decoration:underline; color:#d91f2d}
		
	.bannerLinks .bannerContentV4 .links		{float:right; font-size:1.1em; font-weight:bold; display:inline-block; color:#333; 
							 					 background:url(../images/misc/spriteForm.gif) no-repeat right -656px; 
												 padding: 2px 25px 3px 0; margin: 0 17px 0 0;text-decoration:none;}
	.bannerLinks:hover .bannerContentV4 .links 	{text-decoration:underline; color:#d91f2d}
	
	



	.mapTopBox						{background:url(../images/misc/spriteImageHolder.png) no-repeat bottom right; width:290px; padding: 0 0 15px 0; position:relative;}
	.mapBottomBox					{background:url(../images/misc/spriteImageHolder.png) no-repeat left top; width:266px; 
					 				 min-height:225px; padding: 10px 12px 6px 12px;}		
	.mapBottomBox h1 				{font-size:1.6em; color:#3e3e3e; font-weight:600}
	.map							{padding:0; margin:0; overflow:hidden}
	.map img		 				{margin:12px 0;}
	.map .jqTransformInputWrapper	{width:264px !important; margin:0 0 5px 0} 
	.map form						{margin:-3px 0 0 0; padding:0; overflow:hidden}
				
	.monthTopBox						{background:url(../images/misc/spriteWhiteBottom.gif) no-repeat right bottom;
										 width:290px; padding-bottom:39px; position:relative; display:block}
	.monthBottomBox						{background:url(../images/misc/spriteWhiteBottom.gif) no-repeat top left; 
										 width:290px; min-height:148px; display:block}
	.monthBottomBox h2					{font-size:2.6em; color:#333; position:absolute; bottom:43px; left:24px;}
	.monthBottomBox img					{display:block;}
	.bannerLinks .linkMonthly  			{position:absolute; bottom:14px; right:15px; font-size:1.1em; font-weight:bold; display:inline-block; color:#333; 
				   				 		 background:url(../images/misc/spriteForm.gif) no-repeat right -656px; padding: 2px 25px 2px 0; 
				   				 		 text-decoration:none;}
	.bannerLinks:hover .linkMonthly		{text-decoration:underline; color:#d91f2d}
		
		
		
	.bannerLinks .linkTips			  	{position:absolute; bottom:14px; right:24px; font-size:1.1em; font-weight:bold; display:block; color:#fff; 
							 			 background:url(../images/misc/iconNewsArrow2.gif) no-repeat right top; padding: 2px 25px 2px 0; 
							 			 text-decoration:none;}
	.bannerLinks:hover .linkTips		{text-decoration:underline; color:#fff}
	
	.bannerLinks .linkTips2			  	{position:absolute; bottom:14px; right:24px; font-size:1.1em; font-weight:bold; display:block; color:#fff; 
							 			 background:url(../images/misc/iconNewsArrow3.gif) no-repeat right top; padding: 2px 25px 2px 0; 
							 			 text-decoration:none;}
	.bannerLinks:hover .linkTips2		{text-decoration:underline; color:#fff}

	.gSearchH				{float:left; width:150px; font-size:1.1em; padding:2px 0 0 5px; _padding:5px 0 0 5px; font-weight:bold; color:#3e3e3e}
	.gSearchH .chkBox		{line-height:25px; overflow:hidden}
	.gSearchH .chkBoxR		{line-height:25px; overflow:hidden; _line-height:20px; margin:-5px 0 0 0}
	.map .btns				{float:right; padding:8px 0 0 0;}
		
	.dropShadow	 			{background:url(../images/misc/spriteBelowImg.gif) no-repeat bottom left; width:450px; padding:0 0 7px 0;}
		
	.content h1								{padding:10px 0; margin:0;}
	.content h4 							{color:#d91f2d; font-size:1.2em; font-weight:bold;}
	.content .publisher						{font-size:1.1em; color:#777777; display:block; padding:10px 0 0 0}
	.content p								{font-size:1.2em; color:#3d3d3d; padding:0 0 15px 0}
	.relatedInfo							{border-bottom:1px solid #d6d6d6; width:450px; overflow:hidden; padding:20px 0 13px 0}
	.relatedInfo .thumbnail					{float:left; width:100px; padding:0 20px 0 0}
	.relatedInfo .details 					{float:left; width:330px; position:relative; min-height:100px; _height:100px;}
	.relatedInfo .details h3 				{color:#333333; font-size:1.4em; padding:0 0 5px 0}
	.relatedInfo .details .openPdf  		{position:absolute; bottom:0; right:0;}
	.relatedInfo .details .openPdf a		{background:transparent url(../images/misc/spriteForm.gif) no-repeat right -656px; line-height:19px; padding:3px 21px 3px 0;
										 	 color:#333333; font-size:1.1em}
	.relatedInfo .details .openPdf a:hover	{text-decoration:underline; color:#d91f2d}
	
	.originalLinks ul						{padding:0; margin:15px 0 40px 10px}
	.originalLinks li						{padding:0 0 0 12px; margin:0; list-style-type:none; background:url(../images/misc/spriteSmallIcons.gif) no-repeat left -44px; min-height:20px}
	.originalLinks li a						{font-size:1.2em; color:#333333}
	.originalLinks li a:hover				{color:#d91f2d; text-decoration:underline}
	
	.toolbox								{border-top:1px solid #d6d6d6; margin:20px 0 0 0}
	.toolbox a								{margin:0 0 0 20px; line-height:25px;}	
	.toolbox .sharethis						{background:url(../images/misc/spriteSmallIcons.gif) no-repeat left top; padding:0 0 0 18px; color:#3d3d3d; font-size:1.1em; margin:0;}
	.toolbox .sendtofriend					{background:url(../images/misc/spriteSmallIcons.gif) no-repeat left -15px; padding:0 0 0 18px; color:#3d3d3d; font-size:1.1em;}
	.toolbox .print							{background:url(../images/misc/spriteSmallIcons.gif) no-repeat left -29px; padding:0 0 0 18px; color:#3d3d3d; font-size:1.1em;}
	.toolbox .sharethis:hover,
	.toolbox .sendtofriend:hover,
	.toolbox .print:hover					{text-decoration:underline; color:#d91f2d}
	
	.infoTopImgH					{background:url(../images/misc/infoTopImgShadow.gif) no-repeat bottom left; 
									 width:690px; min-height:165px; padding:0 0 8px 0;}
	
				
/* Informational page Common */

	.ingress			{font-size:1.4em; display:block; padding:0 0 15px 0}
	
					
/* Search Result */

	.midContent						{min-height:150px; padding:0 0 30px 0}
	.midContent h1					{font-size:2em; padding:0 0 10px 0}
	.midContent p					{padding:0 0 20px 0; margin:0}
	.midContent p .heading 			{font-size:1.3em; font-weight:normal; display:block;}
	.midContent p .heading a		{color:#333333; text-decoration:none}
	.midContent p .heading a:hover	{color:#d91f2d; text-decoration:underline}
	.midContent p .description 		{display:block; font-size:1.2em;}
	.midContent p .publish			{color:#777777; font-size:1.1em; display:block}
	.midContent p .path		 		{color:#777777; font-size:1.1em; display:block}
	.midContent p .path	a			{color:#d91f2d; text-decoration:none; font-weight:normal; margin:0 2px;}
	.midContent p .path	a:hover		{text-decoration:underline;}
	.midContent p .path .patharrow  {font-size:0.9em;}		
	.midContent .inputBox  			{float:left; width:290px;}


/* News List  */

	.archives 					{display:block; padding:0;}
	.archives ul				{padding:0 !important; margin:0 !important}
	.archives ul li				{padding:0; margin:0; list-style-type:none; padding:6px 0 0 15px}
	.archives ul li a			{background:none !important; padding:0; margin:0; text-decoration:none; font-size:1.2em; color:#333333; font-weight:bold}
	.archives ul li a:hover		{text-decoration:none; color:#666666}
	.archives ul .act a			{color:#d91f2d}
	.archives ul .act a:hover	{color:#d91f2d}

	.back						{background:url(../images/misc/seeAllLink.gif) no-repeat left top; padding:3px 0 5px 23px; color:#333333; 
								 font-size:1.1em; font-weight:bold; text-decoration:none}
	.back:hover					{text-decoration:underline; color:#d91f2d}

/* Contact List  */
	
	.contactList					 		 {border-bottom:1px solid #b2b2b2; width:690px; padding:20px 0 20px 0}
	.contactList .thumnail      	 		 {float:left; width:110px; padding:0 20px 0 0}
	.contactList .details			 		 {float:left; width:400px; font-size:1.2em;}
	.contactList .details p			 		 {padding:0; margin:0; font-size:1em;}
	.contactList .details p .redTxt  		 {color:#d91f2d; font-weight:bold;}
	.contactList .details p .greyTxt 		 {color:#363636; padding:0 0 0 5px}
	.contactList .details p .greyTxt a		 {color:#363636;}
	.contactList .viewonMap					 {float:left; width:200px;}
	.contactList .viewonMap p				 {padding:0; margin:0}
	.contactList .viewonMap p a				 {font-size:0.9em; font-weight:bold; color:#d91f2d} 	

/* Katalog page  */
	
	.row					{width:400px;}
	.row .label				{display:block; color:#343434; font-size:1.2em; font-weight:bold}
	.row .postCode			{float:left; width:135px;}
	.row .postCode input	{width:100px !important}
	.row .location			{float:left; width:265px;}
	.catalog .label  {display:block; color:#343434; font-size:1.2em; padding:10px 0 0 0;  font-weight:bold}
	
/* Mappage page  */

	.retailers						{height:34px; padding:0 0 0 20px; font-size:1.1em; font-weight:bold}
	.retailers ul					{float:left; padding:0; margin:7px 0 0 0}
	.retailers li		 			{float:left; list-style-type:none; height:18px; margin:0 0 0 15px}	
	.retailers li a		 			{display:inline-block; height:18px; line-height:18px; padding:0 0 0 8px; color:#000; cursor:pointer}
	.retailers li a span 			{display:inline-block; height:18px; line-height:18px; padding:0 14px 0 6px; color:#000}	
	.retailers li a:hover		 	{display:inline-block; height:18px; line-height:18px; padding:0 0 0 8px; background:url(../images/misc/mappingRedLinks.gif) no-repeat left top;
								  	 text-decoration:none;}
	.retailers li a:hover span 	 	{display:inline-block; height:18px; line-height:18px; padding:0 14px 0 6px; color:#FFF; 
								  	 background:url(../images/misc/mappingRedLinks.gif) no-repeat right bottom; }								  
	.retailers .act		 		   {display:inline-block; height:18px; line-height:18px; padding:0; background:url(../images/misc/mappingRedLinks.gif) no-repeat left top;
								  	 text-decoration:none;}
	.retailers .act span 	 		{display:inline-block; height:18px; line-height:18px; padding:0 14px 0 6px; color:#FFF; 
								  	 background:url(../images/misc/mappingRedLinks.gif) no-repeat right bottom;}
	.retailersList					{padding:20px; width:650px; font-size:1.2em;} 
	.retailersList ul				{padding:0; margin:0}
	.retailersList li				{padding:0 0 3px 0; margin:0; float:left; list-style-type:none; width:210px}
	.retailersList li a				{color:#333333; text-decoration:none;}
    .retailersList li.isStore       {padding:0 0 3px 0; margin:0; float:left; list-style-type:disc; width:210px; list-style-image: url(../images/misc/butik-icon.png);list-style-position: inside; }
	.icon                           {float: left;padding-left: 20px;padding-bottom: 20px;padding-right:2px;}
    

	.retailersList li a.act				{color:green !important; text-decoration:none !important; }
	.retailersList li a:hover		{color:#d91f2d; text-decoration:underline;}
	
	.mappingSearch					{padding:10px; width:190px;}
	.mappingSearch h3				{font-size:1.2em; padding:12px 0 4px 8px}
	.mappingSearch p				{font-size:1.2em; padding:0 0 0 8px}
	.mappingSearch p a				{color:#333333; text-decoration:none}
	.mappingSearch p a:hover		{color:#d91f2d; text-decoration:underline}
	
	.googleMapHTop    		{background:url(../images/misc/googleMapAddressH.png) no-repeat right bottom; width:175px; padding:0 0 20px 0;}
	.googleMapHBottom 		{background:url(../images/misc/googleMapAddressH.png) no-repeat top left; width:130px; padding:10px 35px 0 10px; min-height:85px;}
	.googleMapHBottom p		{padding:0; margin:0; font-size:11px}
	.googleMapHBottom p a	{color:#d12412; text-decoration:none; font-weight:bold}
	
/* Press & Media  */
	
	.mediaList					 		 {border-bottom:1px solid #b2b2b2; width:690px; padding:20px 0 20px 0}
	.mediaList .thumnail2      	 		 {float:left; width:150px; padding:0 20px 0 0}
	.mediaList .details2			 		 {float:left; width:320px; font-size:1.2em;}
	.mediaList .details2 p			 		 {padding:0; margin:0; font-size:1em;}
	.mediaList .viewonMap2					 {float:left; width:190px; margin:0}
	.mediaList .viewonMap2 h5				 {font-size:1.2em; text-transform:uppercase; color:#d91f2d}
	
	.viewonMap2 ul						{padding:0; margin:10px 0 0 0}
	.viewonMap2 li						{padding:0 0 4px 12px; margin:0; list-style-type:none; background:url(../images/misc/spriteSmallIcons.gif) no-repeat left -44px;}
	.viewonMap2 li a					{font-size:1.2em; color:#333333;}
	.viewonMap2 li a:hover				{color:#d91f2d; text-decoration:underline;}
	
	
	.mediaList .viewonMap2 p				 {padding:0; margin:0}
	.mediaList .viewonMap2 p a				 {font-size:0.9em; font-weight:bold; color:#d91f2d} 	

/* Popup Box */

		
		.popupTop				{background:url(../images/misc/popupSprite.png) no-repeat right bottom; width:452px; padding:0 0 4px 0}
		.popupBottom			{background:url(../images/misc/popupSprite.png) no-repeat left top; width:452px; padding:0; overflow:hidden}
		
		.formH					{width:370px; overflow:hidden; padding:20px 0 16px; font:normal 12px Arial, Helvetica, sans-serif; color:#333333; margin:0 auto}
		.formH h3				{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#284791}
		.formH p				{padding:10px 0 15px 0}
		.inputBoxBg 			{background:url(../images/misc/lightboxInputBox.gif) no-repeat top left; width:369px; height:29px;}
		.formH .label			{padding:0 0 4px 0; font-weight:bold}
		.buttonH				{float:right; padding:16px 0 0 0}
		.formH .popupinputBox	{width:348px; margin:5px 0 0 8px; font:normal 12px Arial, Helvetica, sans-serif; color:#333333; background:none; height:21px; border:none;}
		.signinBtn				{background:url(../images/misc/lightboxBtn.gif) no-repeat top left; width:95px; height:29px; border:none; 
						 	 	font:bold 12px Arial, Helvetica, sans-serif; color:#343434; cursor:pointer; text-transform:uppercase; padding:-10px 0 0 0; margin:0}
	
/* Bottom */

	.footerTopBox				{width:930px; padding-bottom:2px; position:relative;
								 background:url(../images/misc/spriteFooter.gif) no-repeat right bottom; }
	.footerBottomBox			{background:url(../images/misc/spriteFooter.gif) no-repeat top left; width:930px; min-height:285px; padding:4px 0 35px 0;}
	.footerBottomBox h2			{background:url(../images/misc/bgNewsheader.gif) repeat-x; height:31px; line-height:28px; margin:0 1px 0 1px; 
						 	 	 padding:0 0 0 20px; font-size:1.1em; font-weight:bold; text-transform:uppercase;}
	.footerBottomBox ul			{float:left; width:270px;}
	.footerBottomBox li			{float:left; width:135px;}
	.footerBottomBox li a   	{color:#333; font-size:1.2em; text-decoration:none; padding: 0 0 5px 0; display:inline-block;}
	.footerBottomBox li a:hover {color:#d91f2d; text-decoration:underline;}
	
	.privatLinkSpot				{float:left; padding: 22px 50px 0 36px;}
	.privatLinkSpot h4			{margin: 0 0 10px 0; font-size:1.2em; font-weight:bold;}
	
	.businessLinkSpot			{float:left; padding: 22px 50px 0 0;}
	.businessLinkSpot h4		{margin: 0 0 10px 0; font-size:1.2em; font-weight:bold;}
	
	.contactUsSpot					 {float:left; padding: 22px 0 0 0; width:242px}
	.contactUsSpot h4				 {margin: 0 0 10px 0; font-size:1.2em; font-weight:bold;}
	.contactUsSpot h5				 {margin: 0 0 3px 0; font-size:1.2em; font-weight:bold;}
	.contactUsSpot p				 {font-size:1.2em; color:#363636;}
	.contactUsSpot p .contactDetails {color:#d91f2d; padding: 15px 75px 0 0; display:inline-block;}
	.contactUsSpot p .contactInfo 	 {display:inline-block; color:#363636; padding: 5px 14px 0 0; width:100px;}
	.contactUsSpot .contactEpost	 {display:inline-block; padding:5px 0 3px; color:#d91f2d;}
	.contactUsSpot p a				 {color:#333; text-decoration:none;}
	.contactUsSpot p a:hover		 {text-decoration:underline; color:#d91f2d}
	
	.bottomFooterShadow 			{position:absolute; bottom:0; left:0;
									 background:url(../images/misc/bgFootershadow.gif) repeat-x top; 
						 			 margin:0 0 1px 1px; width:928px;height:31px; line-height:30px;}						 
	.bottomFooterShadow p 			{font-size:1em; color:#b9b9b9; text-align:center;}
	.bottomFooterShadow p a 		{font-size:1em; color:#b9b9b9; text-decoration:none; margin:0 7px;}
	.bottomFooterShadow p a:hover   {text-decoration:underline;}


/*---------------------------------------------*/
/*############# Common Elements ###############*/
/*---------------------------------------------*/

/* - - Backgrounds - */

/* - - Borders - */

	.bNo				{border:none}
	.btG1				{border-top:1px solid #f2f2f2} /* Border top grey 1px */

/* - - Banners - */

		/* - - Banners Red - */
		.bannerRed						   {background:url(../images/misc/spriteFullWhite.gif) no-repeat right bottom;
											width:290px; padding-bottom:11px; position:relative; display:block}
		.bannerRedContent				   {background:url(../images/misc/spriteFullWhite.gif) no-repeat left top;
											width:290px; min-height:50px; display:block}
		.bannerRedContent .txt 			   {font:3.2em garamond, Arial, Helvetica, sans-serif; color:#fff;
											position:absolute; top:31px; left:24px;}		
		.bannerLinks .linkDownload  	   {position:absolute; bottom:25px; right:24px; font-size:1.1em;
											font-weight:bold; display:block; color:#fff; 
								 		    background:url(../images/misc/iconNewsArrow.gif) no-repeat right top;
											padding: 1px 23px 2px 0; text-decoration:none;}
		.bannerLinks:hover .linkDownload   {text-decoration:underline; color:#FFF}
		
		.bannerLinks .linkDownload2  	   {position:absolute; bottom:25px; right:24px; font-size:1.1em;
											font-weight:bold; display:block; color:#fff; 
								 		    background:url(../images/misc/iconNewsArrow4.gif) no-repeat right top;
											padding: 2px 23px 2px 0; text-decoration:none;}
		.bannerLinks:hover .linkDownload2  {text-decoration:underline;}

		/* - - Banners version 1 - */		
		.bannerV1						 		  {background:url(../images/misc/spriteGrayBottom.gif) no-repeat right bottom;
									 	  		   width:290px; padding-bottom:39px; position:relative; display:block}
		.bannerV1 .bannerContent				  {background:url(../images/misc/spriteGrayBottom.gif) no-repeat top left;
									 	  		   width:290px; min-height:150px; display:block /*min-height:147px;*/}
		.bannerV1 .bannerContent h2				  {width:133px; font-size:2.6em; color:#333; position:absolute; top:48px; left:156px;}
		.bannerV1 .bannerContent .readMore		  {position:absolute; bottom:14px; right:24px; font-size:1.1em; font-weight:bold; display:block; color:#fff; 
							 			  		   background:url(../images/misc/iconNewsArrow2.gif) no-repeat right top; padding: 2px 25px 2px 0; 
							 			  		   text-decoration:none;}
		.bannerV1:hover .bannerContent .readMore  {text-decoration:underline; color:#fff}
		
		.bannerV1 .bannerContent img,
		.bannerV2 .bannerContent img,
		.bannerV3 .bannerContent img,
		.bannerV4 .bannerContent img 		{display:block}
		
		/* - - Banners version 2 - */		
		.bannerV2								 {background:url(../images/misc/spriteWhiteBottom.gif) no-repeat right bottom;
									 			  width:290px; padding-bottom:39px; position:relative; display:block}
		.bannerV2 .bannerContent				 {background:url(../images/misc/spriteWhiteBottom.gif) no-repeat top left;
									 			  width:290px; min-height:148px; display:block}
		.bannerV2 .bannerContent h2				 {font-size:2.6em; color:#fff; position:absolute; bottom:66px; left:24px;}
		.bannerV2 .bannerContent h6				 {font-size:1.4em; color:#fff; position:absolute; bottom:48px; left:24px;}
		.bannerV2 .bannerContent .readMore  	 {position:absolute; bottom:14px; right:15px; font-size:1.1em; font-weight:bold; display:inline-block; color:#333; 
				   				 		 		  background:url(../images/misc/spriteForm.gif) no-repeat right -656px; padding: 2px 25px 2px 0; 
				   				 		 		  text-decoration:none;}
		.bannerV2:hover .bannerContent .readMore {text-decoration:underline; color:#d91f2d}
		
		/* - - Banners version 3 - */		
		.bannerV3								  {background:url(../images/misc/spriteBlackBottom.gif) no-repeat right bottom;
									 			   width:290px; padding-bottom:39px; position:relative; display:block}
		.bannerV3 .bannerContent				  {background:url(../images/misc/spriteBlackBottom.gif) no-repeat top left;
									 			   width:290px; min-height:150px; display:block /*min-height:147px;*/}
		.bannerV3 .bannerContent h2				  {width:133px; font-size:2.6em; color:#333; position:absolute; top:48px; left:156px;}
		.bannerV3 .bannerContent .readMore		  {position:absolute; bottom:14px; right:24px; font-size:1.1em; font-weight:bold; display:block; color:#fff; 
							 			  		   background:url(../images/misc/iconNewsArrow3.gif) no-repeat right top; padding: 2px 25px 2px 0; 
							 			  		   text-decoration:none;}
		.bannerV3 .bannerContent:hover .readMore  {text-decoration:underline; color:#fff}
		
		/* - - Banners version 4 - */		
		.bannerV4				{background:url(../images/misc/spriteImageHolder.gif) no-repeat bottom right; width:290px; 
						 		 padding: 0 0 15px 0; position:relative; display:block}
		.bannerContentV4		{background:url(../images/misc/spriteImageHolder.gif) no-repeat left top;
								 width:290px; min-height:226px; padding: 0 0 25px 0; display:block}
		.bannerV4 .imgPos		{position:absolute; top:0; left:-18px; display:block}
		
		.bannerContentV4 .bannerImg					{position:relative; display:block}	
		.bannerContentV4 .bannerImg .smalllogoH		{position:absolute; top:28px; left:-18px; background:url(../images/misc/iconHome.png) no-repeat top left; width:162px; height:70px;}
		.bannerContentV4 .bannerImg .smalllogoH img	{padding:14px 0 0 10px}
		
		
		/* - - Small Banners on right side - */
		
		.bannerSmallV1						 		  {background:url(../images/misc/smallBannerGrey.gif) no-repeat left bottom;
									 	  		   	   width:210px; padding-bottom:37px; position:relative; display:block; margin:0 0 20px 0}
		.bannerSmallV1 h2			  				  {width:133px; font-size:2.6em; color:#333; position:absolute; top:48px; left:156px;}
		.bannerSmallV1 .readMore		  			  {position:absolute; bottom:12px; right:6px; font-size:1.1em; font-weight:bold; display:block; color:#fff; 
							 			  		   	   background:url(../images/misc/iconNewsArrow2.gif) no-repeat right top; padding: 2px 25px 2px 0; 
							 			  		       text-decoration:none;}
		.bannerSmallV1:hover .readMore  	  		  {color:#fff; text-decoration:underline}
		
		.bannerSmallV2						 		  {background:url(../images/misc/smallBannerBlack.gif) no-repeat left bottom;
									 	  		   	   width:210px; padding-bottom:37px; position:relative; display:block; margin:0 0 20px 0}
		.bannerSmallV2 h2			  				  {width:133px; font-size:2.6em; color:#333; position:absolute; top:48px; left:156px;}
		.bannerSmallV2 .readMore		  			  {position:absolute; bottom:12px; right:6px; font-size:1.1em; font-weight:bold; display:block; color:#fff; 
							 			  		   	   background:url(../images/misc/iconNewsArrow3.gif) no-repeat right top; padding: 2px 25px 2px 0; 
							 			  		       text-decoration:none;}
		.bannerSmallV2:hover .readMore  	  		  {color:#fff; text-decoration:underline}
		
		.bannerSmallV3						 		  {background:url(../images/misc/smallBannerWhite.gif) no-repeat left bottom;
									 	  		   	   width:210px; padding-bottom:37px; position:relative; display:block; margin:0 0 20px 0}
		.bannerSmallV3 h2			  				  {width:133px; font-size:2.6em; color:#333; position:absolute; top:48px; left:156px;}
		.bannerSmallV3 .readMore		  			  {position:absolute; bottom:12px; right:6px; font-size:1.1em; font-weight:bold; display:block; color:#333333; 
							 			  		   	   background:url(../images/misc/spriteForm.gif) no-repeat right -656px; padding: 2px 25px 2px 0; 
							 			  		       text-decoration:none;}
		.bannerSmallV3:hover .readMore  	  		  {color:#333333; text-decoration:underline}
		
		.bannerRedSmall						   		{background:url(../images/misc/smallRedBanBot.gif) no-repeat left bottom;
													 width:210px; padding-bottom:8px; position:relative; display:block; margin:0 0 20px}		
		.bannerRedSmall .txt 			   			{font:2.0em garamond, Arial, Helvetica, sans-serif; color:#fff;
													 position:absolute; top:15px; left:15px;}		
		.bannerRedSmall .linkDownload  	   			{position:absolute; bottom:14px; right:6px; font-size:1.1em;
													 font-weight:bold; display:block; color:#fff; 
								 		    		 background:url(../images/misc/iconNewsArrow.gif) no-repeat right top;
													 padding: 1px 23px 2px 0; text-decoration:none;}
		.bannerLinks:hover .linkDownload   			{color:#FFF; text-decoration:underline}
		
		
		.bannerGreySmall					   		{background:url(../images/misc/smallRedBanBot.gif) no-repeat left bottom;
													 width:210px; padding-bottom:8px; position:relative; display:block; margin:0 0 20px}		
		.bannerGreySmall .txt 			   			{font:2.0em garamond, Arial, Helvetica, sans-serif; color:#fff;
													 position:absolute; top:15px; left:15px;}		
		.bannerGreySmall .linkDownload  	   			{position:absolute; bottom:14px; right:6px; font-size:1.1em;
													 font-weight:bold; display:block; color:#fff; 
								 		    		 background:url(../images/misc/iconNewsArrow4.gif) no-repeat right top;
													 padding: 1px 23px 2px 0; text-decoration:none;}
		.bannerLinks:hover .linkDownload   			{color:#FFF; text-decoration:underline}

/* - - Buttons & Links - */

/* - - Colors - */	 
		
/* - - Forms - */

/* - - Lists - */

/*---------------------------------------------*/
/*############## Miscellaneous ################*/
/*---------------------------------------------*/


	.showgrid 	{background:transparent url(grid.png) repeat scroll 0 0}
	.hand		{cursor:pointer}
	
/* - Display - */
	.dIn 		{display:inline}
	.dInBl 		{display:inline-block}
	.dBl, .show	{display:block}
	.hide       {display:none}

/* - Text - */
	.txtL		{text-align:left}
	.txtR		{text-align:right}
	.txtC		{text-align:center}
	.uLine	    {text-decoration:underline}
	.bold		{font-weight:bold}
	.normal		{font-weight:normal}
	.italic  	{font-style:italic}
	.capitalize	{text-transform:capitalize}
	.upperCase	{text-transform:uppercase}
	
/* - Floats - */
	.fLeft		{float:left}
	.fRight		{float:right}
	.fNo		{float:none}
	
/* - Positioning - */
	.absolute	{position:absolute}
	.relative	{position:relative}
	.static		{position:static}
	.fixed		{position:fixed} 
	
/* - Clearing - */
	.clear:after	{content: "\0020"; display: block; height: 0; clear: both;
  					 visibility: hidden; overflow:hidden;}
	.clear			{display:block; clear:both}

/* - Font sizes - */
	.f9 {font-size:0.9em;}
	.f10{font-size:1.0em;}
	.f11{font-size:1.1em;}
	.f12{font-size:1.2em;}
	.f14{font-size:1.4em;}
	.f16{font-size:1.6em;}
	.f18{font-size:1.8em;}
	.f20{font-size:2.0em;}
	.f22{font-size:2.2em;}
	.f24{font-size:2.4em;}
	.f26{font-size:2.6em;}
	.f28{font-size:2.8em;}   

/* - Z-Index - */
.z1{z-index:1} .z2{z-index:2} .z3{z-index:3} .z4{z-index:4} .z5{z-index:5} .z6{z-index:6} .z7{z-index:7} .z8{z-index:8} .z9{z-index:9} .z10{z-index:10} .z100{z-index:100}  .z500{z-index:500}  .z1000{z-index:1000} 

/*-----------------*/
/***** Margins *****/
/*-----------------*/
	
/* TRouBLed-order: Top, Right, Bottom, Left */

.m0{margin:0} .m1{margin:1px} .m2{margin:2px} .m3{margin:3px} .m4{margin:4px} .m5{margin:5px} .m6{margin:6px} .m8{margin:8px} .m10{margin:10px} .m12{margin:12px} .m14{margin:14px} .m16{margin:16px} .m20{margin:20px}
	
/* - Margin Top - */

.mt0{margin-top:0} .mt1{margin-top:1px} .mt2{margin-top:2px} .mt3{margin-top:3px} .mt4{margin-top:4px} .mt5{margin-top:5px} .mt6{margin-top:6px} .mt8{margin-top:8px} .mt10{margin-top:10px} .mt12{margin-top:12px} .mt14{margin-top:14px} .mt16{margin-top:16px} .mt20{margin-top:20px} .mt27{margin-top:27px} .mt30{margin-top:30px} .mt57{margin-top:57px} .mt60{margin-top:60px}

/* - Margin Right - */

.mr0{margin-right:0} .mr1{margin-right:1px} .mr2{margin-right:2px} .mr3{margin-right:3px} .mr4{margin-right:4px} .mr5{margin-right:5px} .mr6{margin-right:6px} .mr8{margin-right:8px} .mr10{margin-right:10px} .mr12{margin-right:12px} .mr14{margin-right:14px} .mr16{margin-right:16px} .mr20{margin-right:20px} .mr27{margin-right:27px} .mr30{margin-right:30px}

/* - Margin Bottom - */

.mb0{margin-bottom:0} .mb1{margin-bottom:1px} .mb2{margin-bottom:2px} .mb3{margin-bottom:3px} .mb4{margin-bottom:4px} .mb5{margin-bottom:5px} .mb6{margin-bottom:6px} .mb8{margin-bottom:8px} .mb10{margin-bottom:10px} .mb12{margin-bottom:12px} .mb14{margin-bottom:14px} .mb16{margin-bottom:16px} .mb20{margin-bottom:20px} .mb25{margin-bottom:25px}

/* - Margin Left - */

.ml0{margin-left:0} .ml1{margin-left:1px} .ml2{margin-left:2px} .ml3{margin-left:3px} .ml4{margin-left:4px} .ml5{margin-left:5px} .ml6{margin-left:6px} .ml8{margin-left:8px} .ml10{margin-left:10px} .ml12{margin-left:12px} .ml14{margin-left:14px} .ml16{margin-left:16px} .ml20{margin-left:20px}	

/*------------------*/
/***** Paddings *****/
/*------------------*/

/* TRouBLed-order: Top, Right, Bottom, Left */

.p0{padding:0} .p1{padding:1px} .p2{padding:2px} .p3{padding:3px} .p4{padding:4px} .p5{padding:5px} .p6{padding:6px} .p8{padding:8px} .p10{padding:10px} .p12{padding:12px} .p14{padding:14px} .p16{padding:16px}  .p20{padding:20px}

/* - Padding Top - */

.pt0{padding-top:0 !important} .pt1{padding-top:1px} .pt2{padding-top:2px} .pt3{padding-top:3px} .pt4{padding-top:4px} .pt5{padding-top:5px} .pt6{padding-top:6px} .pt8{padding-top:8px} .pt10{padding-top:10px} .pt12{padding-top:12px} .pt14{padding-top:14px} .pt16{padding-top:16px}  .pt20{padding-top:20px}
	
/* - Padding Right - */	

.pr0{padding-right:0} .pr1{padding-right:1px} .pr2{padding-right:2px} .pr3{padding-right:3px} .pr4{padding-right:4px} .pr5{padding-right:5px} .pr6{padding-right:6px} .pr8{padding-right:8px} .pr10{padding-right:10px} .pr12{padding-right:12px} .pr14{padding-right:14px} .pr16{padding-right:16px}  .pr20{padding-right:20px}

/* - Padding Bottom - */

.pb0{padding-bottom:0}  .pb1{padding-bottom:1px} .pb2{padding-bottom:2px} .pb3{padding-bottom:3px} .pb4{padding-bottom:4px} .pb5{padding-bottom:5px} .pb6{padding-bottom:6px} .pb8{padding-bottom:8px} .pb10{padding-bottom:10px} .pb12{padding-bottom:12px} .pb14{padding-bottom:14px} .pb16{padding-bottom:16px}  .pb20{padding-bottom:20px} .pb40{padding-bottom:40px}
	
/* - Padding Left - */	

.pl0{padding-left:0} .pl1{padding-left:1px} .pl2{padding-left:2px} .pl3{padding-left:3px} .pl4{padding-left:4px} .pl5{padding-left:5px} .pl6{padding-left:6px} .pl8{padding-left:8px} .pl10{padding-left:10px} .pl12{padding-left:12px} .pl14{padding-left:14px} .pl16{padding-left:16px}  .pl20{padding-left:20px} 


form.jqtransformdone label{
	margin-top:4px;
	margin-right: 8px;
	display: block;
	float:left;
}
form.jqtransformdone div.rowElem{
	clear:both;
	padding:4px 0px;
}

/*---------------------------------------------*/
/*############### jqTransform #################*/
/*---------------------------------------------*/

/* -------------
 * Buttons
 * ------------- */
button.jqTransformButton {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
	font-family: Arial;
}

.catalog button.jqTransformButton {
	float:right;
	margin:15px 0 0 0;
}

*:first-child+html .catalog button.jqTransformButton {
	float:right;
	/*margin:0 35px 0 0 !important;*/
}

button.btnSearch {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
	font-family: Arial;
}

*:first-child+html button.jqTransformButton[type]{width: 1; margin:2px 0 0 0} /* IE7 */
* html button.jqTransformButton{margin:2px 0 0 0} /* IE6 */

* html button.catalog.jqTransformButton{width:150px !important; margin:2px 0 0 0} /* IE6 */
*:first-child+html .catalog button.jqTransformButton{width:80px !important; margin:15px 0 0 0} /* IE7 */
*:first-child+html .catalog button.large.jqTransformButton{width:150px !important;} /* IE7 */


button.jqTransformButton span {
	background: transparent url(../images/misc/spriteForm.gif) no-repeat right -102px;
	display: block;
	float: left;
	padding: 0px 9px 0px 0px; /* sliding doors padding */
	margin: 0px;
	height: 28px;
}

button.jqTransformButton span span {
	background: transparent url(../images/misc/spriteForm.gif) no-repeat left -42px;
	color: #333;
	padding: 7px 13px 0px 23px;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	display: block;
	text-decoration: none;
	height: 21px;
}

/*hover
button.jqTransformButton_hover span span { background-position: left -72px;  color:#FFFFFF !important}
button.jqTransformButton_hover span { background-position: right -132px ; }*/

.map button.jqTransformButton_hover span span { background-position: left -42px !important;  }
.map button.jqTransformButton_hover span { background-position: right -102px ; }
/*
.catalog button.jqTransformButton_hover span span { background-position: left -72px;  color:#FFFFFF !important}
.catalog button.jqTransformButton_hover span { background-position: right -132px ; }
*/
.mappingSearch button.jqTransformButton_hover span span { background-position: left -42px;  color:#333333 !important}
.mappingSearch button.jqTransformButton_hover span { background-position: right -102px ; }

/*.map .btns button.jqTransformButton_hover span span { background-position: left -42px;  }
.map .btns button.jqTransformButton_hover span { background-position: right -102px ; }

clicked
button.jqTransformButton_click span span { background-position: left -66px ; }
button.jqTransformButton_click span { background-position: right -66px ; }*/

/* IE 6 */
* html button.jqTransformButton { height:28px;}
* button.jqTransformButton span span { height: 21px; font-weight:bold;}
/* IE 7 */
*+ html button.jqTransformButton { height:28px; }
*+ button.jqTransformButton span span { height: 21px; }


/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
	background: transparent url(../images/misc/spriteForm.gif) no-repeat left -231px;
	height: 26px;
	padding: 0px;
	float:left;
	width:284px !important;
	margin:1px 0 0 0
}

.map .jqTransformInputWrapper {
	background: transparent url(../images/misc/spriteForm.gif) no-repeat left -706px;
	height: 26px;
	padding: 0px;
	float:left;
	width:264px !important;
	margin:2px 0 0 0
}

.mappingSearch .jqTransformInputWrapper {
	background: transparent url(../images/misc/spriteForm.gif) no-repeat left -706px;
	height: 26px;
	padding: 0px;
	float:left;
	width:189px !important;
	margin:2px 0 0 0
}

.catalog .jqTransformInputWrapper {
	background: transparent url(../images/misc/catalogInputBox.gif) no-repeat left top;
	height: 29px;
	padding: 0px;
	float:left;
	width:362px !important;
	margin:2px 0 0 0
}

.catalog .postCode .jqTransformInputWrapper {
	background: transparent url(../images/misc/catalogInputBox.gif) no-repeat left top;
	height: 29px;
	padding: 0px;
	float:left;
	width:117px !important;
	margin:2px 0 0 0;
}

.catalog .location .jqTransformInputWrapper {
	background: transparent url(../images/misc/catalogInputBox.gif) no-repeat left top;
	height: 29px;
	padding: 0px;
	float:left;
	width:226px !important;
	margin:2px 0 0 0
}

.jqTransformInputInner {
	background: transparent url(../images/misc/spriteForm.gif) no-repeat right -257px;
	padding: 0px;
	margin: 0px;
}

.map .jqTransformInputInner {
	background: transparent url(../images/misc/spriteForm.gif) no-repeat right -732px;
	padding: 0px;
	margin: 0px;
}

.catalog .jqTransformInputInner {
	background: transparent url(../images/misc/catalogInputBox.gif) no-repeat right -29px;
	padding: 0px;
	margin: 0px;
}

.jqTransformInputInner div {
	height: 26px;
	margin:0px 0px 0px 30px !important;
}

.mappingSearch .jqTransformInputInner div {
	height: 26px;
	margin:0px 0px 0px 7px !important;
}

.map .jqTransformInputInner div {
	height: 26px;
	margin:0px 0px 0px 5px !important;
}

.catalog .jqTransformInputInner div {
	height: 29px;
	margin:0px 0px 0px 6px !important;
}

.jqTransformInputInner div input {
	font:bold 1.2em Arial, Helvetica, sans-serif;	
	vertical-align: middle;
	height: 21px;
	color:#919191;	
	border: none;
	padding: 6px 0px 0px 0px;
	margin: 0px;
	background:transparent;
	width:245px !important;
}

.map .jqTransformInputInner div input {
	font:bold 1.2em Arial, Helvetica, sans-serif;	
	vertical-align: middle;
	height: 21px;
	color:#404040;	
	border: none;
	padding: 6px 0px 0px 0px;
	margin: 0 0 0 5px;
	background:transparent;
	width:242px !important;
}

.catalog .jqTransformInputInner div input {
	font:bold 1.2em Arial, Helvetica, sans-serif;	
	vertical-align: middle;
	height: 22px;
	color:#404040;	
	border: none;
	padding: 7px 0px 0px 0px;
	margin: 0px;
	background:transparent;
	width:349px !important;
}

.mappingSearch .jqTransformInputInner div input {
	font:bold 1.2em Arial, Helvetica, sans-serif;	
	vertical-align: middle;
	height: 21px;
	color:#404040;	
	border: none;
	padding: 6px 0px 0px 0px;
	margin: 0px;
	background:transparent;
	width:175px !important;
}

.catalog .location .jqTransformInputInner div input {	
	width:214px !important;
}

.catalog .postCode .jqTransformInputInner div input {
	width:104px !important;
}


/*  IE6 */
* html .jqTransformInputInner div input {
	padding: 4px 0 0 0;
	margin: 0 0 0 -29px;
	height:20px;
	width:240px !important;
}

* html .mappingSearch .jqTransformInputWrapper {
	width:187px !important;
}

* html .map .jqTransformInputInner div input {
	padding: 5px 0 0 0;
	margin: 0 0 0 0px;
	height:20px;
	width:242px !important;
}

* html .mappingSearch .jqTransformInputInner div input {
	padding: 5px 0 0 0;
	margin: 0 0 0 -5px;
	height:20px;
	width:170px !important;
}

* html .catalog .jqTransformInputInner div input {
	padding: 5px 0 0 0;
	margin: 0 0 0 -4px !important;
	height:20px;
	width:345px !important;
}

* html .catalog .postCode .jqTransformInputInner div input {
	padding: 5px 0 0 0;
	margin: 0 0 0 -4px;
	height:20px;
	width:100px !important;
}

* html .catalog .location .jqTransformInputInner div input {
	padding: 5px 0 0 0;
	margin: 0 0 0 -4px;
	height:20px;
	width:212px !important;
}

/* Ie7 */
*+ html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin-left:-29px;
	height:20px;
	width:240px !important;
}

*+ html .map .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin-left:0px;
	height:20px;
	width:240px !important;
}

*+ html .catalog .jqTransformInputInner div input {
	padding: 7px 0 0 0;
	margin-left:-5px;
	height:20px;
	width:346px !important;
}

*+ html .mappingSearch .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin-left:-5px;
	height:20px;
	width:170px !important;
}

*+ html .catalog .postCode .jqTransformInputInner div input {
	padding: 7px 0 0 0;
	margin-left:-5px;
	height:20px;
	width:102px !important;
}


/*hover
.jqTransformInputWrapper_hover{ background-position: left -31px ;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ color:#FF0000 !important }*/

/*focus
.jqTransformInputWrapper_focus{ color:#FF0000 !important}*/
.jqTransformInputWrapper_focus .jqTransformInputInner div input { color:#333333 !important}
.jqTransformInputWrapper_active .jqTransformInputInner div input { color:#333333 !important}


.jqTransformSafari .jqTransformInputInner div {
	position: relative;
	overflow: hidden;
	margin:0px 8px;
	color:#FF0000 !important;
}
.jqTransformSafari .jqTransformInputInner div input {
	background-color: none;
	position: absolute;
	top: -10px;
	left: -2px;
	height: 42px; 
	padding-left: 4px;
}



/* -------------
 * Textarea
 * ------------- */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
	font-size: 12px;
	line-height: 16px;
}

table.jqTransformTextarea td{
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}
table.jqTransformTextarea{}
table.jqTransformTextarea tr{
/*border: 1px solid red;*/

}
table.jqTransformTextarea textarea{
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(../images/misc/textarea/textarea_tl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(../images/misc/textarea/textarea_tm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(../images/misc/textarea/textarea_tr.gif) no-repeat top left;}

table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(../images/misc/textarea/textarea_ml.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(../images/misc/textarea/textarea-mm.gif) repeat;}
table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(../images/misc/textarea/textarea_mr.gif) repeat-y top left;}

table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(../images/misc/textarea/textarea_bl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(../images/misc/textarea/textarea_bm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-br{background: url(../images/misc/textarea/textarea_br.gif) no-repeat top left;}

/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(../images/misc/textarea/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;}

/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(../images/misc/textarea/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;}


table.jqTransformTextarea .jqTransformSafariTextarea div {
	position: relative;
	overflow: hidden;
	border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
	background: none;
	position: absolute;
	top:-10px;
	left:-10px;
	padding: 10px 10px 10px 10px;
	resize: none;
}


/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px;	margin-top:5px;}
.jqTransformRadio {
	background: transparent url(../images/misc/radio.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}


/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
	display:block;float:left;
	margin-top:5px;
}
a.jqTransformCheckbox {
	background: transparent url(../images/misc/checkbox.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 16px;
	display:block;/*display: -moz-inline-block;*/
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: center bottom;}


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 260px !important;
	_width: 250px !important;
	position:relative;
	height: 21px;
	background: url(../images/misc/spriteForm.gif) no-repeat left top;
	float:left;
}

.jqTransformSelectWrapper div span {	
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 21px;
	line-height: 15px;
	padding: 3px 0 0 7px;
	overflow: hidden;
	cursor:pointer;
	width:235px !important;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 17px;
	height: 21px;
	_margin:0 -10px 0 0;
	background: url(../images/misc/spriteForm.gif) no-repeat right -21px;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 21px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 2px 5px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

#hmtctl { display:none;} 

