/* CSS Document */
	/* Reset styles - START - these will clear the different browser defaults for various margins, borders and such */
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,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

ul {
	list-style: none;
}

strong {
	font-weight: bold;
}

#rightTextContentAreaSplit ul {
	list-style: disc;
	margin-bottom: 10px;
	margin-left: 15px;
}

#rightTextContentAreaSplit ul li {
	font-size: 13px;
}

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

/* Reset styles - END */
body {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(../images/mh_background_shade_all.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

/* Clearfix style - START - Forces Firefox to expand divs when content is bigger than initial height. Must be applied as a class to the divs needing it */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* Clearfix style - END */
td,font,div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
}

a {
	color: #333333;
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding-bottom: 6px;
	color: #003376;
	font-weight: normal;
	line-height: 100%;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #003376;
	font-weight: normal;
	text-transform: uppercase;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #003376;
	font-weight: normal;
	text-transform: uppercase;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-bottom: 0px;
	color: #003376;
	font-weight: normal;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 4px;
	padding-left: 3px;
	color: #003376;
	font-weight: bold;
	padding-bottom: 0px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 4px;
	padding-bottom: 0px;
	color: #0066FF;
	font-weight: normal;
	font-style: italic;
}

p {
	padding-bottom: 11px;
}

.menuDivider {
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #FFFFFF;
}

input,select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 18px;
	border: 1px solid #333333;
}

/* Main container styles - START - These are containers for the entire site design. Background is usually defined outside of these, and these contain the actual box of the main site. Usually the outer wrapper is just a box to properly position the site while the siteContainer keeps the main look of the box */
#outerWrapper {
	height: 100%;
	text-align: center;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 787px;
	overflow: hidden;
	text-align: center;
}

#aboveTop {
	text-align: center;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}

#siteContainer {
	margin: 0;
	padding: 0;
	position: relative;
	clear: both;
	width: 748px;
	float: left;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

/* Main container styles - END */
#topArea {
	margin: 0;
	padding: 0;
	clear: both;
	width: 758px;
	padding-top: 20px;
	padding-left: 10px;
}

#midArea {
	margin: 0;
	padding: 0;
	clear: both;
	padding-top: 5px;
}

#logo {
	float: left;
	width: 170px;
}

/* menuArea - START - The area the menu resides in */
#menuArea {
	margin: 0;
	padding: 0;
	width: 740px;
	height: 46px;
	padding-left: 1px;
	background-image: url(../images/menu_background.gif);
	background-repeat: repeat-x;
}

/* menuArea - END */
	/* Horizontal top menu style - START - The container that holds the buttons and a div based horizontal menu, the buttons control themself in position inside the container, the selection involves also the left and right side of the button being selected dynamically in the HTML code */
#menuContainer {
	margin: 0;
	padding: 0;
	width: 560px;
	padding-left: 2px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 13px;
}

.menuButton {
	float: left;
	padding-left: 10px;
	padding-right: 9px;
	margin-right: 4px;
	color: #666666;
	height: 23px;
	padding-top: 5px;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
}

.menuButton a {
	color: #666666;
	text-decoration: none;
}

.menuButtonSelected {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	color: #003376;
	height: 23px;
	padding-top: 5px;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	background-image: url(../images/menu_button_bg_selected.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

.menuButtonSelected a {
	color: #003376;
	text-decoration: none;
}

.menuButtonSelectedL {
	width: 2px;
	float: left;
	height: 28px;
	background-image: url(../images/menu_button_bg_selected_l.jpg);
	background-repeat: no-repeat;
}

.menuButtonSelectedR {
	width: 2px;
	float: left;
	height: 28px;
	margin-right: 4px;
	background-image: url(../images/menu_button_bg_selected_r.jpg);
	background-repeat: no-repeat;
}

/* Horizontal top menu style - END */
	/* Frontpage boxes - START - Container and actual box look, named from their sizes compared to container */
#frontpageBoxesBottom {
	clear: both;
	width: 738px;
	padding-left: 4px;
}

.boxThreeFifth {
	float: left;
	width: 340px;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 25px;
	min-height: 340px;
	height: 340px;
	background-image: url(../images/box_background_threefifth.png);
	behavior: url(../styles/iepngfix.htc);
	background-repeat: no-repeat;
	margin-right: 10px;
}

.boxTwoFifth {
	float: left;
	width: 278px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 25px;
	min-height: 490px;
	height: 490px;
	background-image: url(../images/box_background_twofifth.png);
	behavior: url(../styles/iepngfix.htc);
	background-repeat: no-repeat;
}

/* Frontpage boxes - END */
	/* Content split container - START - holds the two div columns that make up the main page layout */
#contentSplitContainer {
	padding-left: 3px;
	width: 745px;
	clear: both;
}

/* Content split container - END */
	/* Left content boxes and container - START - The boxes and container for the left area of the main content. Keeping the smaller size + padding and having the right look set in the box styles */
#leftSmallContentArea {
	width: 186px;
	float: left;
	padding-top: 5px;
}

.leftSmallBox {
	clear: both;
	padding-left: 18px;
	padding-right: 15px;
	padding-top: 20px;
	width: 153px;
	background-image: url(../images/box_background_left_small.png);
	behavior: url(../styles/iepngfix.htc);
	background-repeat: no-repeat;
}

.leftSmallBoxBlue {
	clear: both;
	padding-left: 18px;
	padding-right: 15px;
	padding-top: 20px;
	width: 153px;
	min-height: 90px;
	height: 90px;
	background-image: url(../images/box_background_left_small_blue.png);
	behavior: url(../styles/iepngfix.htc);
	background-repeat: no-repeat;
}

.leftSmallBoxYellow {
	clear: both;
	padding-left: 18px;
	padding-right: 15px;
	padding-top: 20px;
	width: 153px;
	min-height: 150px;
	height: 150px;
	background-image: url(../images/box_background_left_small_yellow.png);
	behavior: url(../styles/iepngfix.htc);
	background-repeat: no-repeat;
}

.leftSmallBoxMalthusBg {
	clear: both;
	padding-left: 18px;
	padding-right: 15px;
	padding-top: 30px;
	width: 153px;
	min-height: 170px;
	height: 170px;
	background-image: url(../images/box_background_malthusman2.png);
	behavior: url(../styles/iepngfix.htc);
	background-repeat: no-repeat;
}

/* Left content boxes and container - END */
	/* Right content boxes and container - START - The main content area, the biggest area for text, flash and images, with a container having the look of the box, and smaller areas defined within */
#rightBigContentArea {
	float: right;
	margin-left: 3px;
	margin-top: 5px;
	position: relative;
	width: 538px;
	min-height: 400px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 9px;
	background-image: url(../images/box_main_area.jpg);
	behavior: url(../../../styles/iepngfix.htc);
	background-repeat: no-repeat;
}
#rightBigContentAreaWt {
	float: right;
	margin-left: 3px;
	margin-top: 5px;
	position: relative;
	width: 538px;
	min-height: 400px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 9px;
	background-image: url(../images/box_main_area_wt.jpg);
	behavior: url(../../../styles/iepngfix.htc);
	background-repeat: no-repeat;
}

#rightImageTopArea {
	padding-left: 2px;
	padding-top: 2px;
}

#rightTextContentAreaContainer {
	clear: both; /
	height: 100%;
}

#rightTextContentAreaContainer p {
	font-size: 12px;
}

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

#rightTextContentAreaContainer a:hover {
	color: #000;
}

#rightTextContentArea {
	margin: 0;
	padding: 0;
	padding-top: 20px;
	padding-left: 18px;
	padding-right: 18px;
}

#rightTextContentAreaSplit {
	float: left;
	padding-left: 18px;
	padding-top: 20px;
	padding-right: 18px;
	width: 350px;
}

#rightArticleContentArea {
	float: left;
	padding-left: 0px;
	padding-top: 50px;
	padding-right: 0px;
	margin: 0;
	width: 150px;
}

/* Right content boxes and container - END */
	/* Undertop style - START - The area under the menu part of the site, has flags, print text, breadcrumbs etc.  */
#underTop {
	clear: both;
}

#breadcrumb {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-left: 12px;
	padding-right: 5px;
	float: left;
	color: #666666;
	font-size: 9px;
	height: 15px;
}

#breadcrumb a {
	color: #666666;
	text-decoration: none;
	font-size: 9px;
}

#flagArea {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-left: 15px;
	float: left;
	width: 183px;
}

.flag {
	float: left;
	margin-right: 8px;
}

#printArea {
	padding-top: 5px;
	float: right;
	width: 100px;
	padding-right: 15px;
	height: 15px;
	font-size: 9px;
}

#printArea a {
	color: #666666;
	font-size: 9px;
	text-decoration: none;
}

/* Undertop style - END */
	/* Left submenu style - START - menu for the left side, container and list based styles, pretty default can be used anywhere */
#leftSubMenuContainer {
	margin: 0;
	padding: 0;
	width: 150px;
	line-height: 110%;
	clear: both;
	min-height: 130px;
	position: relative;
	padding-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#leftSubMenuContainer ul {
	margin: 0;
	padding: 0;
	margin-top: 8px;
	padding-left: 3px;
}

#leftSubMenuContainer ul li {
	font-size: 11px;
}

#leftSubMenuContainer li {
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	margin-bottom: 10px;
	line-height: 110%;
}

#leftSubMenuContainer ul li ul {
	margin: 0;
	padding: 0;
	margin-top: 3px;
	padding-left: 6px;
}

#leftSubMenuContainer ul li ul li {
	margin-bottom: 5px;
	font-size: 10px;
}

#leftSubMenuContainer ul li ul li ul {
	margin: 0;
	padding: 0;
	margin-top: 3px;
	padding-left: 6px;
}

#leftSubMenuContainer ul li ul li ul li {
	margin-bottom: 5px;
	font-size: 10px;
}

#leftSubMenuContainer li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	display: block;
	color: #003376;
}

.submenuSelected {
	font-weight: bold;
}

/* Left submenu style - END */
	/* Front container styles - START - main container for content, just clearing space and flash container for keeping flash content specified in the code */
#mainContentContainer {
	margin: 0;
	padding: 0;
	clear: both;
}

#frontFlashContainer {
	margin: 0;
	padding: 0;
	clear: both;
	padding-top: 5px;
}

.flashContentContainer {
	margin: 0;
	padding: 0;
}

/* Front container styles - END */
#bottomEdge {
	clear: both;
	padding-top: 10px;
	margin-left: 214px;
	font-size: 10px;
	height: 23px;
	width: 100%;
	color: #999999;
}

#bottomEdge a {
	text-decoration: none;
	color: #999999;
}

#productsSubMenu {
	margin: 0;
	padding: 0;
	padding-top: 25px;
	padding-left: 20px;
	padding-right: 20px;
	height: 18px;
	font-size: 11px;
	color: #3D71B8;
}

/* Horizontal divider style - START - graphicsbased line with margin */
.horizontalDivider {
	margin: 0;
	padding: 0;
	margin-left: 18px;
	margin-right: 18px;
	background-image: url(../images/hor_divider.gif);
	background-repeat: repeat-x;
	height: 1px;
}

/* Horizontal divider style - END */
	/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash+div[adblocktab=true] {
	display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 18px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 14px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 12px;
}

/*SEARCH */
#prev {
	margin-top: 20px;
	width: 100px;
	float: left;
}

#next {
	margin-top: 20px;
	width: 100px;
	float: right;
	text-align: right;
}

.contactListItem {
	float: left;
	clear: left;
	padding-right: 15px;
	margin-bottom: 10px;
	font-size: 12px;
}

.search_item {
	padding-bottom: 10px;
	list-style-position: outside;
	list-style-type: none
}

.news {
	padding-bottom: 10px;
	border-bottom: 1px solid #d7d7d7;
	padding-top: 10px;
}

.news p {
	margin: 0;
	padding: 0;
}

.news h2 {
	color: #000;
}

#sitemap {
	margin-top: 20px;
	margin-left: 100px;
	list-style: outside;
}

#sitemap ul li {
	list-style: outside;
	margin-left: 40px;
}

#sitemap ul {
	
}

.galleryImagesWrapper {
	margin: 0;
	padding: 0;
	clear: both;
	padding-top: 10px;
}

.galleryImageContainer {
	margin: 0;
	padding: 0;
	float: left;
	width: 100px;
	height: 75px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px dotted #CCCCCC;
}

.frontProductBoxContainer {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	margin-bottom: 15px;
	cursor: hand;
}

.frontProductBoxHeader {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 23px;
	left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #003376;
}

.frontProductBoxImage {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50px;
	left: 21px;
	height: 190px;
	overflow: hidden;
	cursor: pointer;
	cursor: hand;
}

.header_td_align_left {
	border-bottom-color: #b0c0d5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-weight: bold;
	padding-right: 5px;
	text-align: left;
}

.header_td_align_right {
	border-bottom-color: #b0c0d5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-weight: bold;
	padding-right: 10px;
	text-align: right;
}

.header_td_align_right_last {
	border-bottom-color: #b0c0d5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-weight: bold;
	text-align: right;
}

.td_align_left {
	padding-right: 5px;
	text-align: left;
}

.td_align_right {
	padding-right: 10px;
	text-align: right;
}

.td_align_right_last {
	text-align: right;
}

.tr_link {
	cursor: pointer;
}

.tr_link_blue {
	background-color: #e2edfa;
	cursor: pointer;
}

.table_info {
	padding-left: 1px;
}

.td_header {
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 11px;
	padding-top: 2px;
}

.td_info {
	border-bottom-color: #000000;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	font-size: 11px;
	padding-top: 2px;
	text-align: right;
}

.td_info_free {
	font-size: 11px;
	padding-top: 2px;
}

.td_price {
	border-bottom-color: #000000;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	font-size: 11px;
	font-weight: bold;
	padding-top: 2px;
	text-align: right;
}

.tr_splitter {
	font-size: 1px;
	height: 8px;
}

.lift-bg {
	margin: 0px;
	padding: 0;
	padding-left: 30px;
	padding-top: 31px;
	width: 441px;
	height: 141px;
	background-image: url(../images/lift-bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}