/* //TODO: /Images/menu_arrow.gif */

/* General Formatting */

P {	COLOR: #6E7171; }
UL { COLOR: #6E7171; }
BODY {
	FONT-FAMILY: 		Tahoma;
	FONT-SIZE: 			70%;
	BACKGROUND-IMAGE:url(bg-body.jpg);
	padding: 0px;
	margin: 0px;
}
TABLE {
	FONT-FAMILY: 		Tahoma; 
	FONT-SIZE: 			100%;
	
}
/* Table layout border-collapse and td padding is css answer to cellpadding and cellspacing=0 */
TABLE.layout {
	border-collapse: collapse;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}
TABLE.layout TD { padding: 0px; }

TABLE.OrderTable TD { padding: 2px; }

A {
	COLOR: #900
}
A:hover {
	COLOR: #F06;
	TEXT-DECORATION: underline
}
/* Fix for EPiServer since Editor tends to include <P> tag inside links */
A:hover P {
	COLOR: #DC1F51; TEXT-DECORATION: underline
}

A IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

DIV#mainarea H1 { /* TODO: Remove? */
	FONT-WEIGHT: bold; FONT-SIZE: 160%; MARGIN: 10px 0px 0.5em; COLOR: #DC1F51; FONT-FAMILY: Tahoma, arial, sans-serif
}
H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 100%; MARGIN: 10px 0px 0.5em; COLOR: #174080; FONT-FAMILY: Tahoma, arial, sans-serif
}
H2 {
	FONT-WEIGHT: normal; FONT-SIZE: 160%; MARGIN: 0px 0px 0.5em; COLOR: #DC1F51; FONT-FAMILY: Tahoma, arial, sans-serif
}
H3 {
	FONT-SIZE: 100%; FONT-WEIGHT: bold; COLOR: #DC1F51; MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; padding: 0px;
}

/* End General Formatting */

/* Forms */
FORM {
	MARGIN: 0px
}

FORM INPUT.FormTextfield, TEXTAREA.FormTextarea, SELECT.FormSelectbox {
   background-color: 	#E9E9E9;
   border: 				none; /* 1px solid #174080; */
   color: 				#174080;
   font-size: 			100%;
   font-family: 		Tahoma;
   font-weight: 		normal;
}

FORM FormHeadingBold {
	font-weight: bold;
}

/* End Forms */

/* Top / Main Navigation */

.MainMenu {
	position:			relative;
	margin-left: 		5px;
	align:				bottom;
	font-size: 120%;
}

.MainMenuItem A {
	color: #FFFFFF;
	text-decoration: none;
	float: 				left;
	PADDING-RIGHT: 		16px; 
	PADDING-LEFT: 		10px; 
	FONT-WEIGHT: 		bold; 
	MARGIN: 			0px; 
	PADDING-TOP: 		5px;
	BACKGROUND-POSITION: 	3px 0.9em; 
	BACKGROUND-REPEAT: 		no-repeat; 
	TEXT-DECORATION: 		none;
	clear: none;
}

.MainMenuItemRight A {
	color: #FFFFFF;
	text-decoration: none;
	float: 				right;
	PADDING-RIGHT: 		16px; 
	PADDING-LEFT: 		10px; 
	FONT-WEIGHT: 		bold; 
	MARGIN: 			0px; 
	PADDING-TOP: 		5px;
	BACKGROUND-POSITION: 	4px 0.9em; 
	BACKGROUND-REPEAT: 		no-repeat; 
	TEXT-DECORATION: 		none;
	clear: none;
}

.ActiveMainMenuItem A { 
	color: #999999;
	text-decoration: underline;
	float: 				left;
	PADDING-RIGHT: 		16px; 
	PADDING-LEFT: 		10px; 
	FONT-WEIGHT: 		bold; 
	MARGIN: 			0px; 
	PADDING-TOP: 		5px;
	background-image: 		url(../Images/menu_arrow.gif);
	BACKGROUND-POSITION: 	4px 0.9em; 
	BACKGROUND-REPEAT: 		no-repeat; 
	clear: none;
}

.ActiveMainMenuItemRight A {
	color: #6E7171;
	text-decoration: underline;
	float: 				right;
	PADDING-RIGHT: 		16px; 
	PADDING-LEFT: 		10px; 
	FONT-WEIGHT: 		bold; 
	MARGIN: 			0px; 
	PADDING-TOP: 		5px;
	background-image: 		url(../Images/menu_arrow.gif);
	BACKGROUND-POSITION: 	4px 0.9em; 
	BACKGROUND-REPEAT: 		no-repeat; 
	clear: none;
}

/* End Main Navigation */

/* Left Navigation */

.MenuItem { 
	COLOR: 						#6E7171; 
	width: 						160px;
	PADDING-RIGHT: 			15px; 
	BORDER-TOP: 				#a5aec5 1px solid;
	DISPLAY: 					BLOCK;
	PADDING-LEFT: 				0px; 
	FONT-WEIGHT: 				bold; 
	PADDING-BOTTOM: 			8px; 
	MARGIN: 						0px; 
	PADDING-TOP: 				8px;
	background-image: 		url(../Images/menu_arrow.gif);
	BACKGROUND-POSITION: 	165px 0.9em; 
	BACKGROUND-REPEAT: 		no-repeat; 
	BACKGROUND-COLOR: 		#FFFFFF; 
	TEXT-DECORATION: 			none;
}

.MenuItem:Hover {
	TEXT-DECORATION: 			underline
}


.SubMenuItem {
	MARGIN-LEFT: 				0px;
	width:						150px;
	display: 					block;
	background: 				none;
	BORDER-TOP: 				#a5aec5 1px solid; 
	PADDING-LEFT: 				0px; 
	PADDING-RIGHT: 				5px; 
	PADDING-TOP: 				6px; 
	PADDING-BOTTOM: 			6px; 
	COLOR: 						#6E7171;
	FONT-WEIGHT: 				normal; 
	TEXT-DECORATION: 			none
}

.SubMenuItem:Hover {
	TEXT-DECORATION: 			underline
}

/* End Left Navigation */

/* Breadcrumbs */
DIV#breadcrumbs A { color: #AAAAAA; text-decoration: none; }
DIV#breadcrumbs {
	color: #AAAAAA;
	font-style: italic;
	font-size: 90%;
	background-color: #FFFFFF;
} /* font-style: italic; font-size: 90%;} */
/* End breadcrumbs */
SPAN#breadcrumbs {
	color: #AAAAAA;
	font-style: italic;
	font-size: 90%;
	background-color: #FFFFFF;
	text-decoration:none
}
/*Startpage*/
.lightbluetitle {
	color: #DC1F51;
	font-weight: bold;
	text-decoration: none;
}

DIV#startblockGrey {
	background-color: 	#E6E6E6;
	width: 				858px;
	height: 			115px;
	vertical-align: 	top;
}

DIV#textblockGrey1 {
	position:			absolute;
	margin-top:			10px;
	margin-left:		5px;
	width:				360px;
	height: 			115px;
	vertical-align: 	top;
}

DIV#textblockGrey2 {
	position:			absolute;
	margin-top:			10px;
	margin-left:		370px;
	width:				494px;
	height: 			115px;
	vertical-align: 	top;
	left: 164px;
}

DIV#startblockWhite {
	background-color: 	#FFFFFF;
	width: 				858px;
	height: 				115px;
}

DIV#textblockWhite1 {
	position:			absolute;
	margin-top:			10px;
	margin-left:		5px;
	width:				360px;
	height: 			115px;
	vertical-align: 	top;
}

DIV#textblockWhite2 {
	position:			absolute;
	margin-top:			10px;
	margin-left:		370px;
	width:				492px;
	height: 			108px;
	vertical-align: 	top;
}
/* End Startpage */

/* Buttons & forms */
.blue_button {
	background-color:		#174080;
	margin-top: 			0px;
	border-left: 			1px solid #174080;
	border-right:			1px solid #174080;
	border-top:				1px solid #174080;
	border-bottom:			1px solid #174080;
	color:					#FFFFFF;
	font-size: 				8pt;
   font-family: 			Tahoma;
   font-weight: 			bold;
}

.blue_button:Hover {
	background-color:		#DC1F51;
}
/* End buttons & froms */

IMG.puffArrow {
	position:			relative;
	top:				85px;
	left: 				335px;
}

DIV#listingarea P {
	FONT-SIZE: 100%; padding: 0px; margin: 0px;
}
DIV#listingarea A {
	font-weight: bold; color: #6E7171; text-decoration: none;
	padding-left: 6px; line-height: 300%;
	background-image:url(../Images/menu_arrow.gif); background-position:left; background-repeat: no-repeat;
}
DIV#listingarea A.thumbnail {
	background-image:url(../Images/pix_FFFFFF.gif);
	padding-left: 0px;
}
DIV#listingarea A:hover {
	COLOR: #DC1F51; TEXT-DECORATION: underline
}
DIV#listingarea TABLE {
	margin-right: 30px;
}
DIV#listingarea IMG {
	margin-right: 10px; border: none;
}
DIV#listingarea TD {
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 10px; padding-top: 10px;
	vertical-align: middle;
}

div.hr {
  height: 6px;
  margin-top: 30px;
  background: #ffffff url(../Images/hr_striped.gif) repeat-x scroll center;
}
div.hr hr {
  display: none;
}

DIV.rightInfoArea {
	width: 184px;
	color: #6E7171;
	background-color: #eeeeee;
	padding: 3px;
	margin-bottom: 20px;
}

DIV#rightLinksArea P {
	padding: 0px; margin: 0px;
}

DIV#rightLinksArea A {
	color: #6E7171; text-decoration: none;
	background-image:url(../Images/menu_arrow.gif); background-position:right; background-repeat: no-repeat;
	padding-right: 8px;
}
DIV#rightLinksArea A:hover {
	COLOR: #DC1F51; TEXT-DECORATION: underline
}

/* Content area left (review use)*/

DIV#contentarealeft DIV {
	MARGIN: 0px;
}
DIV#contentarealeft P {
	MARGIN: 1em 0px
}
td.bartext {
	FONT-WEIGHT: bold;
	MARGIN: 10px 0px 0.5em;
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 110%;
	vertical-align: right;
	COLOR: #FFFFFF;
	direction:rtl
}
td.downbar {
	MARGIN: 10px 5px 0.5em;
	FONT-FAMILY: Tahoma;
	vertical-align: right;
	COLOR: #FFFFFF;
	direction:rtl
}
td.downbar A {
	text-decoration:none;
	MARGIN: 10px 5px 0.5em;
	FONT-FAMILY: Tahoma;
	vertical-align: right;
	COLOR: #999;
	direction:rtl
}
td.downbar A:hover {
	text-decoration:none;
	MARGIN: 10px 5px 0.5em;
	FONT-FAMILY: Tahoma;
	vertical-align: right;
	COLOR: #FFF;
	direction:rtl
}
td.contentareamiddle A {
	text-decoration:none;
	MARGIN: 10px 5px 0.5em;
	FONT-FAMILY: Tahoma;
	vertical-align: right;
	COLOR: #903;
	direction:rtl
}
td.contentareamiddle A:hover {
	text-decoration:none;
	MARGIN: 10px 5px 0.5em;
	FONT-FAMILY: Tahoma;
	vertical-align: right;
	COLOR: #F00;
	direction:rtl
}

td.contentareamiddle p {
	MARGIN: 10px 10px 0.5em;
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 110%;
	vertical-align: right;
	COLOR: #262626;
	direction:rtl
}
td.contentareamiddle H1 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 150%;
	MARGIN: 20px 20px 0.5em;
	FONT-FAMILY: Tahoma; 
	COLOR: #DC1F51; 
	vertical-align: right;
	direction:rtl
}
td.contentareamiddle H2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 125%;
	MARGIN: 15px 15px 0.5em;
	FONT-FAMILY: Tahoma; 
	COLOR: #DC1F51; 
	vertical-align: right;
	direction:rtl
}
td.contentareamiddle H3 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 110%;
	MARGIN: 12px 12px 0.5em;
	FONT-FAMILY: Tahoma; 
	COLOR: #6E7171; 
	vertical-align: right;
	direction:rtl
}
td.contentareamiddle LI {
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	FONT-SIZE: 100%;
	MARGIN: 10px 10px 0.5em;
	FONT-FAMILY: Tahoma; 
	COLOR: #DC1F51;
	vertical-align: right;
	direction:rtl
}

td.products p {
	margin-right: 18px;
	margin-left: 18px;
	FONT-FAMILY: Tahoma; 
	vertical-align: right;
	direction:rtl
}
td.products H2 {
	margin-right: 18px;
	margin-left: 18px;
	FONT-FAMILY: Tahoma; 
	vertical-align: right;
	direction:rtl
}
td.products a {
	margin-left: 18px;
}



/* End content area left */

/* Contentarearight (review use) */
DIV#contentarearight H1 {
	BORDER-RIGHT: #a5aec5 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #a5aec5 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 120%; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 1em; BORDER-LEFT: #a5aec5 1px solid; COLOR: #DC1F51; PADDING-TOP: 2px; BORDER-BOTTOM: #a5aec5 1px solid; FONT-FAMILY: Tahoma; LETTER-SPACING: 1px; BACKGROUND-COLOR: #fff
}
DIV#contentarearight H2 {
	FONT-SIZE: 100%; MARGIN: 10px 0px 0px; COLOR: #6E7171; FONT-FAMILY: Tahoma
}
DIV#contentarearight A {
	COLOR: #6E7171; TEXT-DECORATION: none
}
DIV#contentarearight A:hover {
	COLOR: #DC1F51; TEXT-DECORATION: underline
}
DIV#contentarearight UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DIV#contentarearight UL LI {
	MARGIN: 0px 0px 10px
}
DIV#contentarearight DIV.paragraphspace {
	MARGIN: 1em 0px
}
DIV#contentarearight P {
	MARGIN: 1em 0px
}
/* End contentarearight */

/* General (review use) */
.clearboth {
	CLEAR: both
}
.floatleft {
	FLOAT: left
}
.floatright {
	FLOAT: right
}
.textright {
	TEXT-ALIGN: right
}
.textcenter {
	TEXT-ALIGN: center
}
.textleft {
	TEXT-ALIGN: left
}

DIV.textpadding {
	PADDING-RIGHT: 0em; 
	PADDING-LEFT: 3em; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	MARGIN-LEFT: 0px;
}
/* End general */

/* Layout */

DIV#maincontainer {
	WIDTH: 858px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}
DIV#endorsement {
	WIDTH: 858px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
DIV#mainarea {
	min-height:600px;
	/* Fix for IE that does not support min-height */
	height:expression(
    this.scrollHeight < 550? "550px" : "auto" );
	WIDTH: 100%; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-TOP: 0px; 
	PADDING-BOTTOM: 0px; 
	BACKGROUND-COLOR: #FFFFFF;
}
TABLE#headerarea {
	WIDTH: auto; HEIGHT: auto; BACKGROUND-POSITION: top; BACKGROUND-IMAGE: url(../Images/headerarea_bg.gif); BACKGROUND-REPEAT:repeat-x;
}
DIV#headermenu {
	vertical-align:bottom; MARGIN: 0px; WIDTH: auto; TEXT-ALIGN: right
}
DIV#toolbar {
	WIDTH: auto;
	PADDING-LEFT: 16px;
	PADDING-TOP: 4px;
	PADDING-BOTTOM: 4px;
	PADDING-RIGHT: 16px;
	MARGIN: 0px;
	TEXT-ALIGN: left;
	BACKGROUND-COLOR: #ffffff;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
DIV#breadcrumbs {
	WIDTH: auto;
	PADDING-LEFT: 5px;
	PADDING-TOP: 4px;
	PADDING-BOTTOM: 4px;
	MARGIN: 0px;
	border-top-width: 1px;
	border-top-style: none;
	border-bottom-style: none;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
DIV#navigationarea {
	PADDING-LEFT: 				5px; 
	WIDTH: 						162px; 
	PADDING-RIGHT: 				17px;
	FLOAT: 						right; 
	PADDING-BOTTOM: 			10px; 
	OVERFLOW: 					hidden; 
	PADDING-TOP: 				30px;
	}
DIV#contentarea {
	FLOAT: left; Z-INDEX: 100; WIDTH: auto;
}
DIV#contentarealeft {
	WIDTH: 458px; FLOAT: right; PADDING-TOP: 10px; PADDING-BOTTOM: 10px; MARGIN-BOTTOM: 10px;
}
DIV#contentarearight {
	 WIDTH: 200px; Z-INDEX: 102; FLOAT: right; PADDING-LEFT: 2px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; COLOR: #ffffff; PADDING-TOP: 10px
}
DIV#footerarea {
	MARGIN: 0px;
	WIDTH: auto;
	padding: 0px;
}

/* End layout */

/* Headernav (review) */

DIV#headermenu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; LIST-STYLE-TYPE: none; BORDER-BOTTOM-STYLE: none
}
DIV#headermenu LI {
	BACKGROUND-IMAGE: url(../Images/topmenu_arrow.gif); background-repeat: no-repeat; background-position: left 50%; PADDING-RIGHT: 10px; DISPLAY: inline; PADDING-LEFT: 0px; FLOAT: none; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px
}
DIV#headermenu A {
	PADDING-RIGHT: 10px; FONT-WEIGHT: normal; BORDER-LEFT: #fff 1px solid; MARGIN-RIGHT: 10px; TEXT-DECORATION: none
}
DIV#headermenu A:hover {
	FONT-WEIGHT: normal
}
DIV#headermenu A:unknown {
	FONT-WEIGHT: normal
}
DIV#headermenu SPAN {
	PADDING-LEFT: 10px; PADDING-RIGHT: 10px; FONT-WEIGHT: bold; BORDER-LEFT: #fff 1px solid; COLOR: #000000; MARGIN-RIGHT: 10px; TEXT-DECORATION: none
}

/* End headernav */

/* Headerarea (review) */
DIV#logoarea {
	DISPLAY: inline; FLOAT: right; PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px;
}
/* End headerarea */
/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */
table#attachments {
  display: none;
}

.attachments_section table#attachments {
  display: block;
  width: 100%;
  margin: 15px 0px 15px 0px;
}

.attachments_section table#attachments .icon {
  width: 25px;
}

.attachments_section table#attachments .description {
  width: 400px;
}

.attachments_section table#attachments .size {
  width: 70px;
  text-align: right;
}

.attachments_section table#attachments a {
  font-weight: normal;
  font-size: 0.9em;
}

.attachments_section h3 {
  padding-top: 20px;
}

.attachments_section caption {
  display: none;
}

