/*-----------------------------------------------
# Project name - Master Css
#------------------------------------------------
#
# TABLE OF CONTENT
#
# - Reset
#
# - Grid
# - - width-x 	
#
# - Typography
# - - Global
# - - Subpages
# - - - SubHeaders
#
# - Redefined standard elements
#
# - Layout
# - - Content First Containers 
#
# - Content
# - - Header
# - - - Logo
# - - - Search bar
# - - Main Navigation
# - - - Main nav
# - - - Sub nav 
# - - - Pagenation
# - - Bread crumbs
# - - Bottom
# - - Startpage
# - - Sub page
# - - Category list 
# - - Product view
#
# - Common Elements 
# - - Backgrounds
# - - Boxes
# - - Buttons & Links
# - - Colors
# - - Forms
# - - Lists
# - - Tooltip
#
# - Misc 
# - - Borders
# - - 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)
# 	m mt mr mb ml     	- Margin Top, Right, Bottom, Left
# 	p pt pr pb pl	 	- Padding Top, Right, Bottom, Left
#	H					- Holder (classNameH)
#   pos1				- Position(1,2,3 etc.)
#	Sp				 	- Spacer (tagNameSp) - Mostly used with sprites/images to make dynamic rounded corners etc.
# 	txt txtL txtR txtC	- Text Left, Right, Center
#	z					- Z-index
#


/*---------------------------------------------*/
/*################## 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,
	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; -moz-outline-style: none;}
	
	html {overflow:-moz-scrollbars-vertical}

	body {line-height:1; color:black; background:white}
	
	strong {font-weight: bold;}

	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 ######################
-------------------------------------------------


/* - - Sets up basic grid floating, margin and position - */
        .width-1, .width-2, .width-3, .width-4, .width-5, .width-6, .width-7, .width-8, .width-9, .width-10, .width-11, .width-12{
		float:left; margin-right:10px;}

/* - - Use these classes to set the width of a column - */
		.width-1  {width: 70px}
		.width-2  {width: 150px}
		.width-3  {width: 230px}
		.width-4  {width: 310px}
		.width-5  {width: 390px}
		.width-6  {width: 470px}
		.width-7  {width: 550px}
		.width-8  {width: 630px}
		.width-9  {width: 710px}
		.width-10 {width: 790px}
		.width-11 {width: 870px}
		.width-12 {width: 851px; margin-right:0}

/*  - - The last column in a row needs this class except width-12 - */
		div.last, span.last, .last      {margin-right:0 !important}
		
/*  - - 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: #534747;
	}

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

	h1,h2,h3,h4,h5,h6 {font-weight: normal; line-height:1.4;}	
	h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration: none}

	h1 { font: normal 3.5em/1em "Century", Arial, Helvetica, sans-serif; color:#202124; letter-spacing:-.04em; margin-bottom:10px;}
	h2 { font: normal 3em "Georgia", Arial, Helvetica, sans-serif; color: #2c2e33; margin:33px 0 20px 0; }
	h3 { font: normal 2.7em "Century", Arial, Helvetica, sans-serif; color: #fff; }
	h4 { font: normal 2.2em "Georgia", Arial, Helvetica, sans-serif; color: #2c2e33; }
	h5 { font: bold 1.2em "Arial", Helvetica, sans-serif; color: #2c2e33; }
	h6 { font: bold 1.3em/1.4em Arial, Helvetica, sans-serif; color:#534747; }

/* Links */
   
   	/* LoVe/HAte-order */
    a				{ text-decoration:none; }
	a:link 			{ }  
	a:visited 		{ }  
	a:hover 		{ }  
	a:active 		{ }
	a:focus			{ }	

 a.DiscreteLink { font-size:1.2em; color:#534747; }
 a.DiscreteLink:hover { text-decoration: underline; }
 
/*---------------------------------------------*/
/*########  Redefined standard elements #######*/
/*---------------------------------------------*/

	body 			{ background: #fff url(../images/misc/Bg.jpg) repeat-x; }
	p			{ font-size:1.2em; color:#534747; margin-bottom:20px; }

	img			{ }
	p img			{ }
	em			{ font-style: italic; }

/*---------------------------------------------*/
/*################## Layout ###################*/
/*---------------------------------------------*/   

/* - - Content first holders - */
	
	 /*** NO PADDING ALLOWED IN THIS SECTION ***/
	 
	.cf-container 		{ width:851px; position:relative; margin:0 auto; text-align:left; } 
	.cf-header 		{ position:absolute; top:0; left:0; height:0; }
	.cf-content 		{ float:left; position:relative; padding-bottom:16px; }
	.cf-bottom 		{ float:left }
	
	/* cfSp = Content first spacer
	   Setting the placement to the main containers from the top (cf-content, cf-rightH, cf-leftH) */
	.cfSp		 	{margin-top:131px} 
	
/*---------------------------------------------*/
/*################## Content ##################*/
/*---------------------------------------------*/

/* Header */

	.logo 			{ position:absolute !important; top:60px; left:0; height:78px; width:178px;}
	.logo h1 a		{ display: block; text-indent: -9999px; height:78px; width:178px;
		 	  	  background: url(../images/misc/reepler.svg) top left no-repeat;background-size: 167px; overflow: hidden;} 
	.topnav			{ position:absolute !important; top:63px; right:0; }
	
/* Navigation */
/* - - Main nav - */

	
	.topnav 		{ height: 32px;  border: 0px solid #f2f2f2; font-size:12px; float:right; }
	.topnav li 		{ float: left; position: relative; color: #275785; font-weight: bold; height: 32px; padding: 0; margin-left: -1px; }

	/* ls = link spacer */

	.topnav .ls 			    { display:inline-block; height:32px; width:auto; 
					      background:url(../images/misc/top_menu_sprite_all.gif) no-repeat top left; }
	.topnav li a 			    { font-weight:bold; display: block; text-decoration:none; padding:8px 9px 0 8px; margin-left: 1px;
                                  	      background:url(../images/misc/top_menu_sprite_all.gif) no-repeat top right; color:#285a89; }
	.topnav li a:hover		    { color:#ba2c1b; }								  
	.topnav .first a		    { padding: 8px 9px 8px 0px; margin:0 0 0 14px !important; }
	.topnav .first 			    { background:url(../images/misc/top_menu_sprite_all.gif) no-repeat left -32px; }
	.topnav .last a				{ padding: 8px 0px 8px 8px; margin:0 14px 0 1px; 
								  background:url(../images/misc/top_menu_sprite_all.gif) no-repeat top center; }
	.topnav .last 				{ background:url(../images/misc/top_menu_sprite_all.gif) no-repeat right -64px; }
	.topnav .active a 			{ background:url(../images/misc/top_menu_sprite_all.gif) no-repeat right -96px; 
						  		  padding-bottom:8px; margin-right:0px; margin-left:1px; color: #ba2c1b; }
	.topnav .active .ls   		{ background:url(../images/misc/top_menu_sprite_all.gif) no-repeat left -96px; } 
	.topnav .active .first 	 	{ background:url(../images/misc/top_menu_sprite_all.gif) no-repeat left -128px; }

/* Log in button */
.login-button{
  background-color: #FFFFFF;
  background-image: url("/images/padlock.png");
  background-position: left center;
  background-repeat: no-repeat;
  border: 2px solid #CCCCCC;
  border-radius: 3px 3px 3px 3px;
  font-weight: bold;
  padding:3px 3px 3px 18px;
  position:absolute;
  right:0;
  top:100px;
  font-family:Arial;
  font-size:1.1em;
  line-height:1.2
}
.login-button:hover{background-color:#bbb;color:#fff}

/* Facebook button */
.facebook-button{
  position:absolute;
  right:0;
  top:100px;
  margin-right: 85px;
}


/* - - Sub nav - */
	
	/*Left menu*/
	.leftmenu						{ width:189px; margin:33px 27px 0 33px; padding-bottom:20px; float:left; display:inline; font-size:11px; }
	.leftmenu ul					{ margin:1px 0 0 0; padding:0; }
	.leftmenu ul ul					{ margin:10px 0 0 0; padding:0; }
	.leftmenu li					{  margin:-1px 0 0 0; padding:4px 0 0 12px; position:relative; color:#534747; min-height:22px; position:relative;
									  background:url(../images/left_menu_bg.gif) no-repeat left top; }
	/*.leftmenu li.level2				{ padding-left: 24px; }
	.leftmenu li.level3				{ padding-left: 36px; }*/
	.leftmenu .last					{ background:none; } 
	.leftmenu .active 				{ background:url(../images/misc/left_menu_sprite.gif) no-repeat left -28px !important;  color:#bc1804;  }
	.leftmenu .active a				{ color:#bc1804; } 
	.leftmenu a						{ font-weight:bold; color:#534747; }
	.leftmenu ul .active ul li a	{ font-weight:bold; color:#534747; }
	.leftmenu .expand				{ cursor: pointer; position:absolute; right:5px; top:2px;}


/* - - Pagenation - */


/* - - Bread crumbs */

	.CategoryBreadCrumb		{ clear:both; margin-bottom: 10px; font-size: 11px; }
	.CategoryBreadCrumb a	{ color: #000; }
	.CategoryBreadCrumb a:hover	{ text-decoration: underline; }

/* - - Bottom */

	.cf-bottom .top			{ background:url(../images/misc/bgBottomTop.gif) no-repeat; width:850px; height:3px; }
	.cf-bottom .bot			{ background:url(../images/misc/bgBottomBot.gif) no-repeat; width:850px; height:10px; }
	.cf-bottom .inner		{ background:url(../images/misc/bgBottomMiddle.gif) repeat-y; width:850px; 
							  font-size:11px; padding:0 0 0 11px; color:#8a8e94;}
	.cf-bottom .inner a		{ color:#8a8e94 }
	.inner span				{ margin-top:3px; display:inline }
	
/* - - Start Page */

	.topSearch 			{ float: right; margin-top: 27px; width:250px; }
	.topCart			{ text-align: right; }
	.cartBox			{ position: absolute; left: 0px; top: -50px; width: 400px; padding-bottom: 5px; border-bottom: solid 1px #EAE7E7;font-size:1.2em; }
	.cartNav a			{ color: #534747; /*#C01804;*/ }
	.cartNav			{ font-size: 10px;}
	.searchBoxBg		{ background: url(../images/misc/bgSearch.png) no-repeat; 
					  width: 205px; height: 26px; float:left; margin-right:6px; display:inline }
	.txtSearchBox			{ display: inline-block; border: 0; width: 160px; margin: 6px 0 0 22px; color: #bbb8b8; font-size:11px; }
	.btnOk				{ display:inline-block; background: url(../images/misc/btnSOK.png) no-repeat; width:32px; height:26px; 
					  font: bold 1.1em Arial, Helvetica, sans-serif; color: #574b4b; padding: 6px 0 0 7px; cursor:pointer; float:right; }
	.topImg				{ float: left; background: url(../images/misc/topImageBg.jpg) no-repeat; width: 851px; height: 252px; margin-bottom: 13px; }
	.topImg img			{ padding: 4px 0 0 4px}
	.topImg h3			{ position: absolute; top: 9px; left: 18px; width: 540px; line-height: 29px; }
	.threeSpotH			{ clear: both; width: 851px; }
	.threeSpotH h1			{ padding-top: 42px }
	.spotOne			{ float: left; background: url(../images/misc/bgSpot1.jpg) no-repeat; width: 262px;  display:inline; margin-right:28px; }
	.threeSpotH ul			{ margin-top: 7px; padding-bottom: 42px; }
	.threeSpotH li a		{ font-size: 1.1em; color:#574b4b; display: block; padding: 7px 0; border-bottom: 1px solid #eee9e9; overflow:hidden; }
	.threeSpotH ul .last a 		{ border:0 }
	.spotTwo			{ float:left; background:url(../images/misc/bgSpot2.jpg) no-repeat; width:275px; margin-right:21px; display:inline; }
	.spotThree			{ float:left; background:url(../images/misc/bgSpot3.jpg) no-repeat; width:264px;  }



/* - - SubPage - */

	.top	{ background: transparent url(../images/misc/border_topbottom.png) no-repeat top; display: block; height: 10px; z-index: 1; }
	.bot	{ background: transparent url(../images/misc/border_topbottom.png) no-repeat bottom; display: block; height: 10px; margin-bottom: 30px; }
	.inner	{ background: transparent url(../images/misc/border_center.png) repeat-y center; display: inline-block; padding: 10px 0; width: 100%; }

	
	.contentMain			{ width: 590px; margin-right: 0; float: left; }
	.contentMain img		{ margin-bottom: 20px }
	.subPage1			{ width: 520px }
	.subPage1 p			{ padding-right: 20px }
	
	
/* - - - Category list - */
	
	.productSearchH .bot		{ margin-bottom: 4px }
	.prodSearchBox 			{ padding: 10px 40px; width: 770px; display: inline-block; }
	.prodSearchBox p		{ color: #6a6a6a; margin-bottom: 4px; }
	/*.prodSearchBoxOne		{ float: left; }*/
	.prodSrchboxbg			{ background: url(../images/misc/bgProdSearch.jpg) no-repeat; width: 191px; height: 31px; margin-right: 3px; float: left; }
	.prodTxtSrchbg			{ display: inline-block; border: 0; width: 160px; margin: 7px 0 0 22px; color: #bbb8b8; font-size: 11px; }
	.prodBtnSrch			{ display: inline-block; background: url(../images/misc/btnProdSearch.jpg) no-repeat; width: 46px; height: 31px; }
	.prodBtnSrch span		{ font: bold 1.1em Arial, Helvetica, sans-serif; color: #fff; padding: 6px 11px; cursor: pointer; display: inline-block; }
	.prodSearchBoxTwo		{ float: lleft; margin-left: 20px; }
	.prodSearchBoxTwo select{ width: 102px; margin:4px 0}
	
	.productThumbH .inner   { padding:0px!important;}
	.productThumbH .bot	    { margin-bottom: 4px }
	
	.prodImgThumbH 			{ padding: 20px 0 0 40px; width: 800px; display: inline-block; }
	
	.categoryThumb			{ float: left; display: inline; width: 198px; text-align: center; margin-bottom: 30px; color: #c61904; }
	.categoryThumb .border	{ display: block; width: 172px; height: 111px; padding: 2px; 
							  background: url(../images/misc/imgborderH.jpg) no-repeat;
							  text-align: center; vertical-align: middle;
							  margin-bottom: 5px;
							  }
	.categoryThumb .border img { display: block; margin: auto; }
	.categoryThumb .text	{ width: 172px; text-align: center; color: #c61904; }
	
	.produkterH 			{ padding: 20px 0 0 40px; width: 800px; display: inline-block; }
	.produkterH h4			{ margin-bottom:20px }
	
	
	.imgThumbBorder1		{ float: left; background:url(../images/misc/ImgborderH1.jpg) no-repeat;  width: 227px; 
							  padding:8px 0 10px 10px; margin:0 26px 36px 0; font-size:1.1em; color:#2C2E33;}

	a.imgThumbBorder1 { height: 93px; }
	
	.imgThumbBorder1 span.rub	{ color: #c61904; font: bold 1.1em/1em Arial, Helvetica, sans-serif; margin: 0 0 2px; display:block; }

	.imgThumbBorder1 div.image {float: left; display: inline; width: 70px; height: 55px; text-align: center; border:1px solid #e9e2e2;}
	.imgThumbBorder1 img	{  background:url(../images/misc/prod_smallimgthumbborder.jpg) no-repeat; 
							   margin:6px 0 0;  }
	
	.imgThumbBorder1 .txtH1	{ width: 140px; float:left; font-size:1em; margin:5px 0 0; line-height:1.2em; }
	.imgThumbBorder1 .txtH1 div	{ margin: 0 0 2px 6px; display:block;  }
	.imgThumbBorder1 .txtH1 div img	{ height:8px; width:8px; float:none; border:none; margin: 0px; margin-right: 1px;}
	.imgThumbBorder1 .txtH1 strong	{ font-weight: bold }
	
	.prodSearchBoxTwo div		  {float:left;}
	.prodSearchBoxTwo div img  {margin:9px 0 0 0}
			

/* - - - Product view - */

	.produktPresH 			{ padding: 20px 40px; width: 770px; display: inline-block; }
	.produktPresH h4		{ margin-bottom: 20px; color: #c61904; }
	.produktPresImgH		{ float: left; width: 338px; }
	.zoomBoxBorder			{ float: left; width: 338px; height: 405px; 
							  background: url(../images/misc/zoombox-border.jpg) no-repeat;  position:relative; }	
	.zoomBtnborder			{ background: url(../images/misc/zoomBtnBorder.jpg) no-repeat; width: 27px; height: 28px; 
							  position: absolute; bottom: 8px; right: 8px; }
	a.zoomBtn				{ width: 23px; height: 24px; background: url(../images/misc/btnzoom.jpg) no-repeat; 
							  display: inline-block; margin: 4px 3px; }
	.zoomBoxBorder  		{ text-align: center }
	.zoomBoxBorder img 		{ margin: 10px 0 }
	
	.imgborderH2			{ float: left; background:url(../images/misc/imgborderH2.jpg) no-repeat; height: 78px; 
						      width: 110px; margin: 20px 4px 6px 0; display: inline; text-align: center}
	.imgborderH2 img 		{ margin: 10px 0  }
	.produktPresImgH .act	{ background:url(../images/misc/imgborderH2_hover.jpg) no-repeat; cursor: default; height: 78px; width: 110px;  } 
	
	.produktDetail				{float:left; width:403px; padding:0; min-height:501px; _height:501px; margin:61px 0 0 27px; position:relative;}	
	.produktDetail .shareImg	{position:absolute; bottom:0; left:0;}
	.produktDetail h5			{padding:0 0 3px 0}	
	.produktDetail ul			{padding:0; margin:0 0 20px 0; font-size:1.2em;}
	.produktDetail ul li		{margin:0; list-style-type:none; border-bottom:1px solid #eae7e7; padding:10px 0}
	.produktDetail li .bold		{font-weight:bold;}
	.produktDetail li .color	{color:#c01804;}
	.produktDetail li .size		{border:1px solid #2c2e33; padding:0 2px; font-size:10px; margin:0 0 0 2px}	
	
	.farger										{float:left; width:167px; border:1px solid #eae7e7; padding:12px; 
												 min-height:130px; margin:0px !important;}
	.farger h5, .markteknik h5					{padding:0 0 3px 0}
	.farger ul, .markteknik ul					{padding:0; margin:0; font-size:1.1em;}
	.farger ul li 								{margin:0; padding:0; height: 20px; list-style-type:none; padding-bottom: 3px;
												 border-bottom:1px solid #eae7e7;}	
	.farger ul li .img							{float:left; width:47px;}
	.farger ul li .img img						{margin:6px 1px 0 0}
	.farger ul li .txt							{float:left; width:120px; height: 20px; white-space: nowrap; overflow: hidden;}
	
	
	.markteknik									{float:right; width:167px; border:1px solid #eae7e7; padding:12px; min-height:130px;}
	.markteknik ul li							{margin:0; padding:0; list-style-type:none; border-bottom:1px solid #eae7e7;}
	.markteknik ul li .chk						{background:url(../images/misc/markteknik_CB.gif) no-repeat left 1px; 
												 padding:0 0 3px 15px;
												 display:block; margin:2px 0;}
	.markteknik ul li .unchk					{background:url(../images/misc/markteknik_CB.gif) no-repeat left -21px; 
												 padding:0 0 3px 15px; 
												 display:block; margin:2px 0 0 0;}												 
	.markteknik ul li span						{padding:0; margin:0}
	.farger	ul .last, .markteknik ul .last		{border-bottom:none;}
	
	#easyTooltip								{padding:1px 4px 0; height:18px; border:1px solid #c4c2c2; 
												 background:#fefefe url(../images/misc/toolTipBg.gif) repeat-x left top; 
												 color:#2c2e33; font-weight:bold; font-size:11px;}



/*---------------------------------------------*/
/*############# Common Elements ###############*/
/*---------------------------------------------*/

/* - - Backgrounds - */
		
/* - - Boxes - */

/* - - Buttons & Links - */
	
	a .clickable  { background:url(../images/misc/imgborderH.jpg) no-repeat; cursor: pointer } 
	a:hover .clickable  { background:url(../images/misc/imgborder_hover.jpg) no-repeat; cursor: pointer }
	
	.clickable1:hover 	{ background:url(../images/misc/imgborder_hover1.jpg) no-repeat; cursor: pointer }
	.clickable2:hover 	{ background:url(../images/misc/imgborderH2_hover.jpg) no-repeat; cursor: pointer }

/* - - Colors - */	 

	.red {color:#bb2c1b}
		
/* - - Forms - */

	/* Bottom Selectbox */
	.jqTransformSelectWrapper {
		width: 100px !important;
		position:relative;
		height: 31px;
		background: url(../images/misc/select_left2.gif) no-repeat top left;
		float:left;
	}
	
	.jqTransformSelectWrapper div span {
		font-size: 1.1em;
		color:#464646;
		float: none;
		position: absolute;
		white-space: nowrap;
		height: 19px;
		line-height: 14px;
		padding: 5px 0 0 7px;
		overflow: hidden;
		cursor:pointer;
		width:62px !important;
	}
	
	.jqTransformSelectWrapper  a.jqTransformSelectOpen {
		display: block;
		position: absolute;
		right: 0px;
		width: 25px;
		height: 31px;
		background: url(../images/misc/select_right2.gif) no-repeat center center;
	}
	
	.jqTransformSelectWrapper ul {
		position: absolute;
		width: 150px !important;
		top: 30px;
		left: 0px;
		list-style: none;
		background-color: #FFF;
		border: solid 1px #CCC;
		display: none;
		margin: 0px;
		padding: 0px;
		height: 180px;
		overflow: auto;
		overflow-y: auto;
		z-index:1000;
	}
	
	.jqTransformSelectWrapper ul a {
		display: block;
		padding: 4px 5px;
		text-decoration: none;
		color:#333;
		background-color: #FFF;
		font-size: 1.1em;
	}
	
	.jqTransformSelectWrapper ul a.selected {
		background: #EDEDED;
		color: #333;
	}
	
	.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
		background:#3582c4;
		color: #fff;
	}
	
	.jqTransformHidden {display: none;}
	
	/* -------------
	 * Checkboxes
	 * ------------- */
	span.jqTransformCheckboxWrapper{
		display:block;float:left;
		margin-top:0px;
	}
	a.jqTransformCheckbox {
		background: transparent url(../images/misc/checkbox.gif) no-repeat center top;
		vertical-align: middle;
		height: 19px;
		width: 18px;
		display:block;/*display: -moz-inline-block;*/
	}

	/* -------------
	 * Checked - Used for both Radio and Checkbox
	 * ------------- */
	a.jqTransformChecked { background-position: center bottom;}
	
	/* -------------
	 * Inputs
	 * ------------- */
	.rtfParagraph .jqTransformInputWrapper {
		background: transparent url(../images/misc/input/input_text_left.gif) no-repeat left top;
		height: 31px;
		padding: 0px;
		float:left;
	}

	.rtfParagraph .jqTransformInputInner {
		background: transparent url(../images/misc/input/input_text_right.gif) no-repeat top right;
		padding: 0px;
		margin: 0px;
	}

	.rtfParagraph .jqTransformInputInner div {
		height: 31px;
		margin:0px 0px 0px 8px;
	}

	.rtfParagraph .jqTransformInputInner div input {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height: 18px;
		vertical-align: middle;
		height: 31px;
		color:#404040;	
		border: none;
		padding: 8px 0px 0px 0px;
		margin: 0px;
		background:transparent;
	}

	/*  IE6 */
	* html .rtfParagraph .jqTransformInputInner div input {
		padding: 6px 0 0 0;
		margin: 0 0 0 -8px;
		height:24px;
	}
	/* Ie7 */
	*+ html .rtfParagraph .jqTransformInputInner div input {
		padding: 6px 0 0 0;
		margin-left:-10px;
		height:24px;
	}

	/*hover*/
	.rtfParagraph .jqTransformInputWrapper_hover{ background-position: left -31px ;}
	.rtfParagraph .jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;}

	/*focus*/
	.rtfParagraph .jqTransformInputWrapper_focus{ background-position: left -62px ;}
	.rtfParagraph .jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;}



	.rtfParagraph .jqTransformSafari .jqTransformInputInner div {
		position: relative;
		overflow: hidden;
		margin:0px 8px;
	}
	.rtfParagraph .jqTransformSafari .jqTransformInputInner div input {
		background-color: none;
		position: absolute;
		top: -10px;
		left: -2px;
		height: 42px; 
		padding-left: 4px;
	}



	/* -------------
	 * Textarea
	 * ------------- */
	.rtfParagraph table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
		font-size: 12px;
		line-height: 16px;
	}

	.rtfParagraph table.jqTransformTextarea td{
	font-size: 1px;
	line-height: 1px;
	width: 5px;
	height: 5px;
	margin: 0;
	padding: 0;
	}
	.rtfParagraph table.jqTransformTextarea{}
	.rtfParagraph table.jqTransformTextarea tr{
	/*border: 1px solid red;*/

	}
	.rtfParagraph table.jqTransformTextarea textarea{
		margin: 0;
		padding: 0;
		border: 0;
		background: none;
	}
	.rtfParagraph table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(../images/misc/textarea/textarea_tl.gif) no-repeat top left;}
	.rtfParagraph table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(../images/misc/textarea/textarea_tm.gif) repeat-x top left;}
	.rtfParagraph table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(../images/misc/textarea/textarea_tr.gif) no-repeat top left;}

	.rtfParagraph table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(../images/misc/textarea/textarea_ml.gif) repeat-y top left;}
	.rtfParagraph table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(../images/misc/textarea/textarea-mm.gif) repeat;}
	.rtfParagraph table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(../images/misc/textarea/textarea_mr.gif) repeat-y top left;}

	.rtfParagraph table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(../images/misc/textarea/textarea_bl.gif) no-repeat top left;}
	.rtfParagraph table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(../images/misc/textarea/textarea_bm.gif) repeat-x top left;}
	.rtfParagraph table.jqTransformTextarea td#jqTransformTextarea-br{background: url(../images/misc/textarea/textarea_br.gif) no-repeat top left;}

	/*hover*/
	.rtfParagraph table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;}
	.rtfParagraph table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;}
	.rtfParagraph table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;}
	.rtfParagraph table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}
	.rtfParagraph table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(../images/misc/textarea/textarea-mm-hover.gif);}
	.rtfParagraph table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}
	.rtfParagraph table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;}
	.rtfParagraph table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;}
	.rtfParagraph table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;}

	/*focus*/
	.rtfParagraph table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;}
	.rtfParagraph table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;}
	.rtfParagraph table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;}
	.rtfParagraph table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}
	.rtfParagraph table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(../images/misc/textarea/textarea-mm-focus.gif);}
	.rtfParagraph table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;}
	.rtfParagraph table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;}
	.rtfParagraph table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;}
	.rtfParagraph table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;}


	.rtfParagraph table.jqTransformTextarea .jqTransformSafariTextarea div {
		position: relative;
		overflow: hidden;
		border: 0px solid red;
	}
	.rtfParagraph table.jqTransformTextarea .jqTransformSafariTextarea textarea{
		background: none;
		position: absolute;
		top:-10px;
		left:-10px;
		padding: 10px 10px 10px 10px;
		resize: none;
	}	

	/* -------------
	 * Buttons
	 * ------------- */
	button.jqTransformButton {
		margin: 0px;
		padding: 0px;
		border: none;
		background-color: transparent;
		cursor: pointer;
		overflow: visible;
		font-family: Arial;
	}

	*:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */

	button.jqTransformButton span {
		background: transparent url(../images/misc/btn_right.gif) no-repeat right top;
		display: block;
		float: left;
		padding: 0px 4px 0px 0px; /* sliding doors padding */
		margin: 0px;
		height: 33px;
	}

	button.jqTransformButton span span {
		background: transparent url(../images/misc/btn_left.gif) no-repeat top left;
		color: #333;
		padding: 8px 4px 0px 8px;
		font-weight: normal;
		font-size: 12px;
		line-height: 13px;
		display: block;
		text-decoration: none;
		height: 33px;
	}

	/*hover*/
	button.jqTransformButton_hover span span { background-position: left -33px ; }
	button.jqTransformButton_hover span { background-position: right -33px ; }

	/*clicked*/
	button.jqTransformButton_click span span { background-position: left -66px ; }
	button.jqTransformButton_click span { background-position: right -66px ; }

	/* IE 6 */
	* html button.jqTransformButton { height:33px; }
	* button.jqTransformButton span span { height: 25px; }
	/* IE 7 */
	*+ html button.jqTransformButton { height:33px; }
	*+ button.jqTransformButton span span { height: 25px; }
/* - - Lists - */

/* - - Tooltip - */

	.gravity { margin: 0 0 0 5px;}

	.tipsy { padding: 5px; font-size: 11px; font-weight:bold; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
	.tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
	.tipsy-south { background-image: url(../images/misc/tipsy-south.gif); background-position: bottom center; }


/*---------------------------------------------*/
/*############## Miscellaneous ################*/
/*---------------------------------------------*/

/* Borders */
	.bNo		{border:none}
	
/* 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, .container:after 	{content: "\0020"; display: block; height: 0; clear: both;
  									 visibility: hidden; overflow:hidden;}
	.clear, .container 				{display:block}
	.clear 							{clear:both}

/* Font sizes */

	.f10{font-size:1em;}

/* Z-Index */
.z1{z-index:1}

/*-----------------*/
/***** Margins *****/
/*-----------------*/
	
/* TRouBLed-order: Top, Right, Bottom, Left */

.m0{margin:0}
	
/* - Margin Top - */

.mt0{margin-top:0} 

/* - Margin Right - */

.mr0{margin-right:0px}
 
/* - Margin Bottom - */

.mb0{margin-bottom:0}

/* - Margin Left - */

.ml0{margin-left:0} 

/*------------------*/
/***** Paddings *****/
/*------------------*/

/* TRouBLed-order: Top, Right, Bottom, Left */

.p0{padding:0}

/* - Padding Top - */

.pt4{padding-top:4px} 
	
/* - Padding Right - */	

.pr20{padding-right:20px} 

/* - Padding Bottom - */

.pb88{padding-bottom:88px}

/* - Padding Left - */	

.pl0{padding-left:0} 

.popup {background: transparent url(../images/popup_bg.png); width: 600px; height: 850px; position: absolute; x-index: 901; text-align: center;}
.popup .padding {padding: 45px;}
.popupoverlay {position: absolute; top: 0px; left:0px; z-index: 900; width: 100%;}
.popup .close {position: absolute; top: 9px; right: 9px;}
.popup P {font-size: 12px; color: #484848; font-family: Arial, Sans-serif;}
.popupcontent {display: none;}

.searchResults li {
	margin: 0 0 5px 0;
}
.searchResults li a {
	font-size: 11px;
}
.rtfParagraph td {
	font-size: 1.2em;
	vertical-align: top;
}
.frm input, .frm textarea {
	width: 240px;
}

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

.selfClear {
	display: inline-block;
}

/* Hide from IE-mac \*/
* html .selfClear {
	height: 1%;
}

.selfClear {
	display: block;
}
/* End hide from IE-mac */