/* CSS Document */

html,body{
height:100.1%;
}
body{
margin:0;
padding:0;
height:100.1%;
font:11px Arial, Helvetica, sans-serif;
background:#4684be;
}
h1{
font-size:12px;
font-weight:bold;
}
h3{
font-size:12px;
font-weight:bold;
}
hr{
/*border:0;
border-top:dashed 1px #46aa42;*/
}
#allwrap{
margin:0 auto;
padding:0;
width:996px;
background:#fff url(bg-all.png) repeat-y center top;
}
#top{
margin:0 auto;
padding:0;
width:978px;
height:80px;
color:#fff;
background:url(bg-top-alt.png) no-repeat 0 0;
}
.helpmenu1, .helpmenu2{
float:right;
width:280px;
height:24px;
margin-right:10px;
clear:both;
}
.helpmenu1 .right{
margin:0;
padding:0;
color:#000;
}
.helpmenu2 .right{
margin:10px 0 0 0;
padding:0;
color:#000;
}
.helpmenu2 .right p.bodytext{
margin:0;
}
#top .content{
float:right;
margin-right:6px;
}
#row1{
margin:0 auto;
padding:0;
width:978px;
height:126px;
color:#fff;
background:url(bg-top-menu.png) no-repeat 0 0;
}
#row2{
margin:0 auto;
padding:0;
width:978px;
height:32px;
color:#000;
background:url(bg-top-navpath.png) no-repeat 0 0;
}

#row1left{
margin:0;
padding:0;
float:left;
width:360px;
height:80px;
overflow:hidden;
text-align:center;
}
#row1right{
margin:0;
padding:0;
float:right;
width:616px;
height:80px;
}


#row2left{
margin:0;
padding:0;
float:left;
width:10px;
height:32px;
overflow:hidden;
text-align:center;
}
#row2right{
margin:0;
padding:0;
float:right;
width:740px;
height:32px;
}
#row2right h1{
margin-left:6px;
}
#row3{
margin:0 auto;
width:978px;
/*min-height:320px;
height:auto !important;
height:320px;*/
color:#fff;
}
#row3content{ /*template 2 only*/
margin:0;
width:628px;
min-height:406px;
height:auto !important;
height:406px;
color:#161616;
background-color:#fff;
padding-left:4px;
padding-right:4px;
/*border:1px solid #46aa42;*/
clear:both;
}
#row3left{
margin:0;
padding:0;
float:left;
width:230px;
min-height:406px;
height:auto !important;
height:406px;
background:url(bg-left.png) no-repeat 0 0;
}
#leftcontent.content{
}
#leftcontent p.bodytext{
}
#leftcontent p.bodytext a{
}
#leftcontent p.bodytext a:hover{
}
#row3left .content h3{
background:#fff;
color:#000;
}
#row3right{
margin:0 0 0 2px;
padding:0 0 0 6px;
float:left;
width:460px;
min-height:374px;
height:auto !important;
height:374px;
background-color:#fff;
/*border:1px solid #46aa42;*/
color:#000;
font-size:1.1em;
line-height:1.1em;
}
#row3right p.bodytext{
margin:4px 0 12px 0;
padding:0;
word-spacing:2px;
}
#row3right p.bodytext a{
color:#1e6289;
text-decoration:none;
}
#row3right p.bodytext a:hover{
color:#1e6289;
text-decoration:underline;
}
#row3right h1{
font-size:1.4em;
line-height:0.8em;
color:#1e6289;
margin:4px 0 0 0;
padding:0;
font-family:Tahoma, Arial, sans-serif;
/*background:url(h1background.png) repeat-x 0 0;
height:32px;*/
}

#row3rightmost{
margin:0 18px 0 12px;
padding:0 16px 0 16px;
float:right;
width:210px;
min-height:374px;
height:auto !important;
height:374px;
background-color:#fff;
/*border:1px solid #46aa42;*/
color:#000;
font-size:1.1em;
line-height:1.1em;
}
#row3rightmost p.bodytext{
margin:4px 0 12px 0;
padding:0;
word-spacing:2px;
}
#row3rightmost p.bodytext a{
color:#1e6289;
text-decoration:none;
}
#row3rightmost p.bodytext a:hover{
color:#1e6289;
text-decoration:underline;
}
#row3rightmost h1{
font-size:1.4em;
line-height:0.8em;
color:#1e6289;
margin:4px 0 0 0;
padding:0;
font-family:Tahoma, Arial, sans-serif;
/*background:url(h1background.png) repeat-x 0 0;
height:32px;*/
}

#boxright{
display:none; /*temp switched off*/
position:absolute;
left:50%;
top:0;
margin:232px 0 0 254px;
width:210px;
}
.boxtop{
margin:0;
padding:0;
height:10px;
width:210px;
background:url(bg-box-top.png) no-repeat 0 0;
}
.boxmiddle{
margin:0;
padding:0;
min-height:160px;
height:auto !important;
height:160px;
width:210px;
background:url(bg-box-middle.png) repeat-y 0 0;
}
.boxmiddle .content{
margin:0 auto;
padding:0;
width:190px;
}
.boxmiddle p,.boxmiddle h1,.boxmiddle h2,.boxmiddle h3{
margin:0;
padding:0;
}
.boxbottom{
margin:0;
padding:0;
height:10px;
width:210px;
background:url(bg-box-bottom.png) no-repeat 0 0;
}
#bottom{
margin:0 0 0 230px;
padding:10px 0 0 0;
width:757px;
clear:both;
border-top:1px solid #46aa42;
}
#bottom div{
margin:10px 10px 0 10px;
color:#000;
font-size:10px;
}
#bottom p{
margin:0;
padding:0;
}
#bottom div a{
text-decoration:none;
color:#000;
}
#bottom div a:hover{
text-decoration:underline;
}
#bottomimg{
width:996px;
height:20px;
background:url(bg-bottom.png) no-repeat 0 0;
margin:0 auto;
padding:0;
}
#highlights{
min-height:27px;
height:auto !important;
height:27px;
}
#highlights p.bodytext{
margin:0;
padding:0;
min-height:27px;
height:auto !important;
height:27px;
border-bottom:1px solid #069;
border-left:1px solid #069;
border-right:1px solid #069;
color:#161616;
font-size:1.1em;
font-weight:bold;
}

#row3menu1 ul{
margin:0;
padding:0;
display:block;
}
#row3menu1 ul li{
border-right:1px solid #ffcb7a;
height:18px;
padding:5px 6px 0 6px;
}
#row3menu1 .menu1item-no{
float:left;
list-style:none;
color:#161616;
}
#row3menu1 .menu1item-no a {
font-size:1.1em;
font-weight:bold;
color:#161616;
text-decoration:none;
}
#row3menu1 .menu1item-no a:hover {
font-size:1.1em;
font-weight:bold;
color:#161616;
text-decoration:underline;
}
#row3menu1 .menu1item-act{
font-size:1.1em;
float:left;
list-style:none;
font-weight:bold;
color:#161616;
text-decoration:underline;
}
#row3menu1 .menu1item-act a {
font-weight:bold;
color:#161616;
text-decoration:underline;
}



#row3menu2 ul{
margin:0;
padding:0;
display:block;
}
#row3menu2 ul li{
border-right:1px solid #ffdaa2;
height:14px;
padding:5px 6px 0 6px;
}
#row3menu2 .menu1item-no{
float:left;
list-style:none;
color:#161616;
}
#row3menu2 .menu1item-no a {
font-size:1.0em;
font-weight:bold;
color:#161616;
text-decoration:none;
}
#row3menu2 .menu1item-no a:hover {
font-size:1.0em;
font-weight:bold;
color:#161616;
text-decoration:underline;
}
#row3menu2 .menu1item-act{
font-size:1.0em;
float:left;
list-style:none;
font-weight:bold;
color:#161616;
text-decoration:underline;
}
#row3menu2 .menu1item-act a {
font-weight:bold;
color:#161616;
text-decoration:underline;
}




.homemenu ul{
margin:0;
padding:0;
display:block;
}
.homemenu ul li{
height:16px;
padding:3px 5px 0 5px;
}
.homemenu .menu1item-no{
float:left;
list-style:none;
color:#fff;
}
.homemenu .menu1item-no a {
font-size:1.0em;
font-weight:normal;
color:#fff;
text-decoration:none;
}
.homemenu .menu1item-no a:hover {
text-decoration:underline;
}
.homemenu .menu1item-act{
float:left;
list-style:none;
color:#fff;
text-decoration:underline;
}
.homemenu .menu1item-act a {
font-size:1.0em;
font-weight:normal;
color:#fff;
text-decoration:underline;
}
.homemenu .menu1item-actsub{
float:left;
list-style:none;
color:#fff;
text-decoration:underline;
}
.homemenu .menu1item-actsub a {
font-size:1.0em;
font-weight:normal;
color:#fff;
text-decoration:underline;
}
.homemenu .menu1item-actsub a:hover {
text-decoration:underline;
}
a:hover span.extra{
text-decoration:underline;
}


.lang-link-nor{
color:#000;
}
.lang-link-nor a:link,.lang-link-nor a:visited,.lang-link-nor a:active{
color:#000;
}
.lang-link-nor a:hover{
color:#46aa42;
text-decoration:none;
}
#actlang{
position:absolute;
left:50%;top:0;
margin:3px 0 0 -24px;
}
#langlinks{
vertical-align:top;
}
.extra{
margin-top:-3px;
}
#fieldset{
}
fieldset
{
	float: left;
	clear: left;
	width: 360px;
	margin: 0 0 1.5em 60px;
	padding: 0;
	background:#fff;
	border:1px solid #fc0;
}

legend
{
	margin-left: 1em;
	color: #000000;
	font-weight: bold;
}

fieldset ol
{
	padding: 1em 1em 0 1em;
	list-style: none;
	/*zoom: 1;*/
}

fieldset li
{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
}

label
{
	float: left;
	width: 10em;
	margin-right: 1em;
	text-align: right;
}

fieldset.submit
{
	float: none;
	width: auto;
	border: 0 none #FFFFFF;
	padding-left: 12em;
}
.formbuttonwrap{
background:#fff;
width:320px;
height:300px;
float:right;
margin-top:20px;
}
.formbutton{
background:#46aa42;
color:#fff;
font-weight:bold;
float: none;
border: 0 none #FFFFFF;
padding:6px;
}
.formbutton:hover{
background:#069;
color:#fff;
font-weight:bold;
float: none;
border: 0 none #FFFFFF;
padding:6px;
}
a img{
border:none;
}
.twocols left{
float:left;
width:200px;
}
.twocols right{
float:right;
margin-left:200px;
}



	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 3px solid #fef4e3;
		padding: 0px 0px;
	}


	DIV.csc-textpic-imagewrap { padding: 0;}

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 0px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto;}
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	
	
	
		/*++++++++ MAIN MENU DETAILS ++++++++++++++++++++++++++++++++++++++++++++++++*/
/*
#nav {
display: block;
white-space: nowrap;
float:left;
}
div#nav ul {
margin: 0;
padding: 0;
z-index:9999999;
}
div#nav li {
position: relative;
list-style: none;
margin: 0;
padding: 0;
float: left;
font-size: 1.0em;
line-height: 1.4em;
font-weight: bold;
z-index:9999999;
}

div#nav li:hover {
}
div#nav li.submenu {
background-color: #fff;

}
div#nav li a:hover {
color:#00FFFF;
}
div#nav li.submenu:hover {
background-color: #fff;
}

div#nav li a {
color:#fff;
display: block;
padding: 0.05em 1em 0.05em 1em;
text-decoration: none;
width: 160px;
margin:0;
}

div#nav>ul a {
width: auto;
}

div#nav ul ul {
position: absolute; width: 210px;
line-height: 0.9em;
font-size: 0.9em;
display: none;
}

div#nav ul ul li {
font-weight: 100;
padding-left:5px;
}

div#nav li li {
background-color: #fff;
filter: alpha(opacity=70);
-moz-opacity: .7;
-khtml-opacity: .7;
width:210px;
}
div#nav li.submenu li.submenu {
background-color: #fff;
width:210px;
}

div#nav li a li a:hover {
background-color: #fff;
}
div#nav li.submenu li.submenu:hover {
background-color: #fff;
}


div#nav ul.level1 li:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3
{
display:block;
}

div#nav ul.level1              {display:inline; font-size: 1.0em;}
div#nav ul.level1 a           {width: auto;}
div#nav ul.level1 a:link     { color: #fff; }
div#nav ul.level1 a:visited { color: #fff; text-decoration: none; }
div#nav ul.level1 a:hover  { color: #bad1e7; text-decoration: none;}
div#nav ul.level1 a:active  { color: #bad1e7; text-decoration: none; }
div#nav ul.level1-act  { color: #bad1e7; text-decoration: none; }

div#nav ul.level2 {
top: 19px; left: -5px;
width:210px;
}

div#nav ul.level3 {
top: 3px; left: 119px;
z-index:999999;
}

div#nav li a:link { color: #2b2b28;  background:none;}
div#nav li a:visited { color: #2b2b28; text-decoration: none;}
div#nav li a:hover { color: 2b2b28; text-decoration: none; }
div#nav li a:active { color: 2b2b28; text-decoration: none; }

div#nav li.submenu a:link { color: #2b2b28; background:none;}
div#nav li.submenu a:visited { color: #2b2b28; text-decoration: none; background:none;}
div#nav li.submenu a:hover { color: #c0c0c0; text-decoration: none; background:none;}
div#nav li.submenu a:active { color: 2b2b28; text-decoration: none; }

.level1normal a:hover, .level1active a {
background-image:url(hover-active.png); background-repeat:repeat-x; background-position:0 0;
}*/


#mainmenu ul{
}
#mainmenu{
width:616px;
min-height:80px;
height:auto !important;
height:80px;
margin:0;
padding:0;
overflow:visible;
}
#nav {
margin:0;
padding:0;
display:block;
position: relative;
top: 10px;
height: 60px;
width: 600px;
}

	#nav li ul {
		margin: 0;
		padding: 0;
	}
	#nav a {
		text-decoration: none;
	}
	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 5px;
	}
	#nav li ul {
		display: none;
	}
	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 15px;
		left: 0;
		padding-top: 5px;
		background: #1963a9;
		height: 28px;
		width: 560px;
		padding-left: 0px;
	}
	#nav li.on ul {
		background: #1963a9;
	}
	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #1963a9;
	}
	#nav li a {
		color: #0d5dae;
		font-weight: bold;
		/*width: 93px;*/
		padding: 0;
		float:left;
	}
	#nav li.on {
		color: #000;
		font-weight: bold;
	}
	#nav li.on a {
		color: #000;
	}
	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #bad1e7;
		width: auto;
		margin-right: 15px;
	}
	#nav li.on ul a {
		color: #fff;
	}
	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #1963a9;
	}
	#nav li.on ul {
		display: block;
	}
	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}
	#nav li.off a:hover, #nav li.on a:hover { 
		color: #bad1e7;
	}
	/*do the image replacement*/
/*	#nav li span {
		position: absolute;
		left: -9384px;
	}*/
	#nav li a {
		display: block;
		position: relative;
		height: 26px;
		/*background: url(bk-dropdownMap.gif) no-repeat;*/ /*contains all hover states*/
	}
/*first, put the initial states in place*/
#nav li a {
	background-position: 0 0;
}
/*active area - for this demo - the code could be based on a body class, and probably work better.*/
 #nav li.on a {
 	/*background-position: -204px -37px;*/
 } /*add selectors for the other li's and background-positions*/
/*hover states*/
#nav li a:hover, #li:hover a, #li.over a {
	background-position: 0 0;
}
/*subnav formatting*/
#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #1963a9;
	color: #bad1e7;
	font-family: arial, verdana, sans-serif;
	font-size: 0.9em;
}
#nav li.on ul li.on a {
	color: #fff;
}
#highlights a{
color:black;
text-decoration:none;
}
#navpath a{
text-decoration:none;
color:#000;
}
#navpath a:hover{
text-decoration:underline;
}
.navpathact{
font-weight:bold;
}

.productselect{
margin-bottom:20px;
background:#bad1e7;
}
div .category {
margin:0;
padding:4px;
width:100px;
font-weight:bold;
}
div .manufacturers {
margin:0;
padding:4px;
width:200px;
}
div .types {
margin:0;
padding:4px;
width:150px;
}

div .manufacturers p,div .types p {
float:left;
margin:0 10px 5px 0;
}
div .manufacturers p a,div .types p a{
color:#000;
}
div.text{
}

.csc-header{
clear:left;
padding-top:12px;
padding-bottom:6px;
}
.csc-header-n1{
padding-top:0;
}
.even{
background:#dae7f2;
}
.odd{
background:#f2f6fa;
}
.csc-menu li a{
text-decoration:none;
font-size:1.1em;
font-weight:bold;
color:#000;
}
.csc-menu li a:hover{
text-decoration:underline;
}

#r1 marquee span div.ce-body p.bodytext{

}


