/*-----------
MK UPDATES
-----------*/

html { 
	font: 65%/1.3 arial,helvetica,sans-serif; 
	color:#000 !important;
	background-color: #E8E8E8 !important;
}

body {
	background-color: #E8E8E8 !important;
	margin:0;padding:0 0 1px 0;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	background:url('images/bg_wrapper.jpg') repeat-y 0 0;
}

#top_row {
	width:900px;height:32px;
	background:url('images/bg_top_row.jpg') no-repeat 0 0;
}

#branding {
	width: 900px;
	height: 67px;
}

#navigation {
	width: 864px;
	padding: 0px 18px 10px 18px;
	height: 29px;
}

#footer {
	width: 900px;
	height: 40px;
	padding: 15px 10px 10px 10px;
	background:url('images/bg_footer_new.jpg') no-repeat 0 0;
}

/*-----------
END MK UPDATES
-----------*/

.bodystyle { background-color: #e1e1e1;
			 vertical-align: top;
			 border-collapse: collapse;
			 background-color: #e1e1e1;
			 }

.textff { font-family: arial;
		  font-size: 85%;
		  font-weight: normal;
		  color: #ffffff;
		  line-height: 1.4;
		}
.textff a:link { text-decoration: none; color: #ffffff; }
.textff a:visited { text-decoration: none; color: #ffffff; }
.textff a:hover { text-decoration: none; color: #f3cd22; }
.textff a:active { text-decoration: none; color: #f3cd22; }

.textffy { font-family: arial;
		  font-size: 85%;
		  font-weight: normal;
		  color: #ffffff;
		  line-height: 1.4;
		}
.textffy a:link { text-decoration: none; color: #f3cd22; }
.textffy a:visited { text-decoration: none; color: #f3cd22; }
.textffy a:hover { text-decoration: none; color: #dadada; }
.textffy a:active { text-decoration: none; color: #dadada; }

.textff77 { font-family: arial;
		  font-size: 77%;
		  font-weight: normal;
		  color: #ffffff;
		  line-height: 1.4;
		}
.textff77 a:link { text-decoration: underline; color: #ffffff; }
.textff77 a:visited { text-decoration: underline; color: #ffffff; }
.textff77 a:hover { text-decoration: underline; color: #f3cd22; }
.textff77 a:active { text-decoration: underline; color: #f3cd22; }

.topnav  { font-family: arial;
			font-size: 85%;
			font-stretch: semi-expanded ;
			color: #777777;
			font-weight: bold;
			text-decoration: none;
			padding-left: 20px;
			line-height: 150%;
		}	
.topnav a:link { text-decoration: none; color: #777777; }
.topnav a:visited { text-decoration: none; color: #777777; }
.topnav a:hover { text-decoration: none; color: #00519a; }
.topnav a:active { text-decoration: none; color: #00519a; }

.imgnav  { font-family: arial;
			font-size: 127%;
			font-stretch: semi-expanded ;
			color: #ffffff;
			font-weight: 400;
			text-decoration: none;
			padding-left: 0px;
			line-height: 125%;
		}	
.imgnav a:link { text-decoration: underline; color: #ffe100; }
.imgnav a:visited { text-decoration: underline; color: #ffe100; }
.imgnav a:hover { text-decoration: underline; color: #007c81; }
.imgnav a:active { text-decoration: underline; color: #0078c1; }
	
.text {
	font-family: Arial, helvetica, sans-serif;
	font-size: 93%;
	color: #000000;
	line-height: 1.25;
}
.text a:link { text-decoration: none; color: #0078c1; }
.text a:visited { text-decoration: none; color: #0078c1; }
.text a:hover { text-decoration: none; color: #f8981b; }
.text a:active { text-decoration: none; color: #0078c1; }

.textpanel {
	font-family: Arial, helvetica, sans-serif;
	font-size: 131%;
	color: #000000;
	line-height: 1.20;
}
.textpanel a:link { text-decoration: none; color: #0078c1; }
.textpanel a:visited { text-decoration: none; color: #0078c1; }
.textpanel a:hover { text-decoration: none; color: #f8981b; }
.textpanel a:active { text-decoration: none; color: #0078c1; }

.text85 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 85%;
	color: #000000;
	line-height: 1.25;
}
.text85 a:link { text-decoration: none; color: #0078c1; }
.text85 a:visited { text-decoration: none; color: #0078c1; }
.text85 a:hover { text-decoration: none; color: #f8981b; }
.text85 a:active { text-decoration: none; color: #0078c1; }

.text77 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 77%;
	color: #000000;
	line-height: 1.25;
	letter-spacing: normal;
}
.text77 a:link { text-decoration: none; color: #399188; }
.text77 a:visited { text-decoration: none; color: #399188; }
.text77 a:hover { text-decoration: none; color: #00519a; }
.text77 a:active { text-decoration: none; color: #00519a; }

.text77b {
	font-family: Arial, helvetica, sans-serif;
	font-size: 77%;
	color: #000000;
	line-height: 1.25;
	letter-spacing: normal;
}
.text77b a:link { text-decoration: none; color: #00519a; }
.text77b a:visited { text-decoration: none; color: #00519a; }
.text77b a:hover { text-decoration: none; color: #399188; }
.text77b a:active { text-decoration: none; color: #399188; }

.text77c {
	font-family: Arial, helvetica, sans-serif;
	font-size: 77%;
	color: #00519a;
	line-height: 1.25;
	letter-spacing: normal;
}
.text77c a:link { text-decoration: none; color: #00519a; }
.text77c a:visited { text-decoration: none; color: #00519a; }
.text77c a:hover { text-decoration: none; color: #399188; }
.text77c a:active { text-decoration: none; color: #399188; }

.textblue {
	font-family: Arial, helvetica, sans-serif;
	font-size: 85%;
	color: #00519a;
	line-height: 1.25;
}
.textblue a:link { text-decoration: none; color: #79c042; }
.textblue a:visited { text-decoration: none; color: #00519a; }
.textblue a:hover { text-decoration: none; color: #79c042; }
.textblue a:active { text-decoration: none; color: #00519a; }

.textblue2 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 85%;
	color: #00519a;
	line-height: 1.25;
}
.textblue2 a:link { text-decoration: none; color: #00519a; }
.textblue2 a:visited { text-decoration: none; color: #00519a; }
.textblue2 a:hover { text-decoration: none; color: #79c042; }
.textblue2 a:active { text-decoration: none; color: #00519a; }

.textorange {
	font-family: Arial, helvetica, sans-serif;
	font-size: 93%;
	color: #f8981b;
	line-height: 1.25;
}
.textorange a:link { text-decoration: none; color: #f8981b; }
.textorange a:visited { text-decoration: none; color: #0078c1; }
.textorange a:hover { text-decoration: none; color: #f8981b; }
.textorange a:active { text-decoration: none; color: #0078c1; }

.textgreen {
	font-family: Arial, helvetica, sans-serif;
	font-size: 93%;
	color: #79c042;
	line-height: 1.25;
}
.textgreen a:link { text-decoration: none; color: #79c042; }
.textgreen a:visited { text-decoration: none; color: #79c042; }
.textgreen a:hover { text-decoration: none; color: #f8981b; }
.textgreen a:active { text-decoration: none; color: #0078c1; }

.sitemap1 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 77%;
	color: #000000;
	line-height: 1.25;
	letter-spacing: normal;
}
.sitemap1 a:link { text-decoration: none; color: #000000; }
.sitemap1 a:visited { text-decoration: none; color: #000000; }
.sitemap1 a:hover { text-decoration: none; color: #00519a; }
.sitemap1 a:active { text-decoration: none; color: #00519a; }

.sitemap2 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 77%;
	color: #00519a;
	line-height: 1.25;
	letter-spacing: normal;
}
.sitemap2 a:link { text-decoration: none; color: #00519a; }
.sitemap2 a:visited { text-decoration: none; color: #00519a; }
.sitemap2 a:hover { text-decoration: none; color: #399188; }
.sitemap2 a:active { text-decoration: none; color: #399188; }

.sitemap3 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 77%;
	color: #399188;
	line-height: 1.25;
	letter-spacing: normal;
}
.sitemap3 a:link { text-decoration: none; color: #399188; }
.sitemap3 a:visited { text-decoration: none; color: #399188; }
.sitemap3 a:hover { text-decoration: none; color: #000000; }
.sitemap3 a:active { text-decoration: none; color: #000000; }


.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-stretch: expanded;
	color: #f8981b;
	font-weight: bold;
	}

.headerblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-stretch: expanded;
	color: #0078c1;
	font-weight: bold;
	line-height: 125%;
	}

.footer { font-family: arial, sans-serif;
	font-size: 85%;
	color: #0078c1;
	font-weight: bold;
	width: 998px;
	height: 30px;
	text-align: right;
	}

/* -------------------------------------------------
HTML STRUCTURE - M.KRUEGEL
------------------------------------------------- */

#main_column {
	width: 647px; 
	padding: 0;
	margin:0 0 0 18px;
	float: left;
	background:#E7E7E7;
/*	display: inline;
*/}

.list1 {
	float:left;
	width:300px;
}

#sidebar {
	width: 215px;
	padding:0px;
	float: left;
	display: inline;
	/*	height: 782px;
	background-image: url('images/products_1_blue_box.jpg');
	background-repeat: no-repeat;
*/}

	#blue_sidebar_box {
		background:#36659F;
		height:213px;
		padding:10px 5px 10px 8px;
		margin-bottom:10px;
	}


hr {
	color:#fff;
	border-top:0;border-left:0;border-right:0;
	border-bottom:solid 2px #fff;
	margin:0 18px 0 18px;
}

/*HOMEPAGE BOXES */

#highlight_box1 {
	width:208px;
	height:231px;
	padding:0px 18px 0px 0px;margin:0 0 0 8px;
	float:left;
	display:inline;
}

#highlight_box1 h1 {
	color:#fff !important;
	font-family:'arial narrow',arial,sans-serif;
	font-size:20px !important;
	background:url(../_images/bg_header_highlight.jpg) repeat-x 0 0;
	font-weight:normal;
	margin:0;padding:5px 0 12px 0;
	text-align:center;
}

#highlight_box1 h2, #highlight_box5 h2 {
	color:#36659D;
	font-family:'arial narrow',arial,sans-serif;
	font-weight:normal;
	font-size:18px;
	padding:5px 0 5px 0;
}
	#highlight_box5 h2 {
		padding:0px 0px 3px 0 !important;margin:0 !important;
	}

#highlight_box1 p, #highlight_box5 p {
	color:#5D6671;
	font-size:12px;
	padding:5px 0 5px 0;
}

#highlight_box5 {
	width:213px;
	height:122px;
	float:left;
	display:inline;
}

/* -------------------------------------------------
NAVIGATION STYLING - M.KRUEGEL
------------------------------------------------- */
ul.nav_secondary {
	list-style-type:none;
	margin:0 10px 10px 15px;padding:0;
}

	ul.nav_secondary li {
		font-size:12px;
		padding:0 0 1px 0;
	}

	ul.nav_secondary li a:link, ul.nav_secondary li a:visited {
		color:#fff;
		text-decoration:none;
	}

	ul.nav_secondary li a:hover {
		color:#E7C374;
		
	}

	
/* -------------------------------------------------
TYPOGRAPHIC STYLING - M.KRUEGEL
------------------------------------------------- */

#main_column h1, #main_column h2, #main_column h3 {
	font-family:'arial narrow',arial,sans-serif;
	color:#376D9D;
	margin:10px 18px 10px 18px !important;
}

	#main_column h1 {
		font-size:1.6em;
	}


	#main_column h2 {
		font-size:1.4em;
	}
	
	#main_column h3 {
		font-size:1.2em;
	}
	
	h3 {
		color:#138C7B !important;
	}
	
	#main_column span.bold_highlight {
		font-weight:bold;
		color:#0C8E84;
	}
	
#sidebar h1, #sidebar h2, #sidebar h3 {
	font-family:'arial narrow',arial,sans-serif;
	font-weight:normal !important;
}
	
	#sidebar h2 {
		font-size:1.2em !important;
		color:#fff;
		padding:5px 10px 5px 10px;
		background:url(../images/bg_h2.gif) repeat-x bottom left;
	}
	
	#sidebar h3 {
		font-size:1.2em !important;
		padding:5px 10px 0px 10px;
	}
	
#sidebar p {
	padding:0px 10px 10px 10px;margin:0;
	color:#7C7B78 !important;
}

#main_column p {
	margin:10px 18px 15px 18px !important;
	padding:0 !important;
	color:#000000 !important;
}

#main_column ul {
	margin:10px 18px 15px 36px !important;
}

	#main_column ul li {
		list-style-image:url(../images/bullet.gif) !important;
		padding-bottom:5px !important;
		color:#000000 !important;
	}

#blue_sidebar_box h1 {
	color:#fff;
	font-size:2.2em;
	margin:0;padding:0;
}

	#blue_sidebar_box h2 {
		color:#fff;
		font-size:1.4em !important;
		margin:0 0 5px 0;padding:0;
		background-image:none !important;
	}

	#blue_sidebar_box p {
		color:#fff !important;
		padding:0 !important;
		font-size:0.8em !important;
	}

strong {
	font-weight:bold !important;
}

em {
	font-style:italic !important;
}

/* -------------------------------------------------
LINK STYLING - M.KRUEGEL
------------------------------------------------- */

#sidebar a:link, #sidebar a:visited {
	color:#0C8E84;
	text-decoration:none;
}

#sidebar a:hover {
	text-decoration:underline;
}

/* LEARN MORE BTN*/

a:link.btn_more, a:visited.btn_more {
	padding:3px 15px 8px 0;
	text-decoration:none;
	font-size:12px;
	background:url(../_images/btn_more.gif) no-repeat top right;
	font-weight:bold;
	color:#179286;
}

	a:hover.btn_more {
		color:#71B6AB;
	}

/* -------------------------------------------------
IMAGE STYLING - M.KRUEGEL
------------------------------------------------- */

img.banner, #main_column img {
	margin-bottom:10px;
}

#sidebar img {
	margin:3px 0 20px 8px;
}

img.img_left{
	float:left;
	margin:0px 5px 5px 0;
}

img.img_right {
	float:right;
	margin:0px !important;
}