html {
    height: 100%;
}

body {
    background-image: url(images/index_01.gif);
    background-repeat: repeat;
    font-family: tahoma;
    font-size: 8.5pt;
	margin: 0px;
	padding:0px;
	text-align:center;
    line-height: 1.0em;
    height: 100%;

}

#top_login {
 background-color: #c7d3e5;
 border-bottom: 3px inset #6c82a6;
 color: #000000;
 font-size: 9pt;
 text-align: right;
 padding-top: 7px;
 padding-bottom: 7px;
 width: 100%;
}

#top_login a {
 color: #2222d0;
 text-decoration: underline;
}

#container {
    width:760px;
	margin:0px auto;
	text-align:left;
	padding-left:15px;
	padding-right:15px;
	height: 100%;

}


.maindiv { height: 100%;}
.maincontent { position: absolute; padding:0px; margin: 0px; height: 100%; width: 708px; background-image: url(images/index_37.gif); background-repeat: repeat-y;}
.contentwrap { width: 578px; position: absolute; padding-top: 4px; padding-left: 64px; padding-right: 64px; background-image: url(images/index_37.gif); background-repeat: repeat-y;}

#topimgs { width: 100%; }
#menufoot { height: 28px; padding: 0px; margin: 0px }

/* all formatted texts */
#about_welcome, #about_whoweare, #about_ourstory { font-family: tahoma; font-size: 8.5pt; line-height: 2.0em;}

.text {
   background-color: #f2f3e1;
   padding: 1px;
   padding-left: 18px;
   padding-right: 18px;
   width: 525px; 
   font-family: tahoma;
   font-size: 8.5pt;
   line-height: 2.0em;
   clear: both;
 }
 
#main_welcome {
   font-family: tahoma;
   font-size: 8.5pt;
   line-height: 2.0em;
 }


#bottommenus { width: 100%; margin-top: 20px; padding-top: 30px; }

.botmenuitem { padding: 3px; padding-left: 0px; border-bottom: 1px solid #dcdcdc;}

ul.botmenulinks {
    list-style-type: none;
    marker-offset: 0;
}

.botmenulinks li {
    display: block;
    }

a:link { color: #000000; text-decoration: none; font-weight: bold }
a:visited { color: #000000; text-decoration: none; font-weight: bold }
a:hover { color: #66774e; text-decoration: none; font-weight: bold }


a:link.botmenu { color: #000000; text-decoration: none; font-weight: bold; padding-left: 5px; border-left: 4px solid #787878; border-bottom: 1px solid #FFFFFF;}
a:visited.botmenu { color: #000000; text-decoration: none; font-weight: bold; padding-left: 5px; border-left: 4px solid #787878; border-bottom: 1px solid #FFFFFF;}
a:hover.botmenu{ color: #343434; text-decoration: none; font-weight: bold; padding-left: 5px; border-left: 4px solid #989898; background-color: #cdcdcd; border-bottom: 1px solid #A9A9A9}

a:link.botmenu2 { color: #000000; text-decoration: none; font-weight: bold; padding-left: 5px; border-left: 4px solid #355026; border-bottom: 1px solid #FFFFFF; }
a:visited.botmenu2 { color: #000000; text-decoration: none; font-weight: bold; padding-left: 5px; border-left: 4px solid #355026; border-bottom: 1px solid #FFFFFF; }
a:hover.botmenu2 { color: #343434; text-decoration: none; font-weight: bold; padding-left: 5px; border-left: 4px solid #989898; background-color: #cdcdcd; border-bottom: 1px solid #A9A9A9}

a:link.botmenu3 { color: #000000; text-decoration: none; font-weight: bold; padding-left: 5px; border-left: 4px solid #3d4f63; border-bottom: 1px solid #FFFFFF; }
a:visited.botmenu3 { color: #000000; text-decoration: none; font-weight: bold; padding-left: 5px; border-left: 4px solid #3d4f63; border-bottom: 1px solid #FFFFFF; }
a:hover.botmenu3 { color: #343434; text-decoration: none; font-weight: bold; padding-left: 5px; border-left: 4px solid #989898; background-color: #cdcdcd; border-bottom: 1px solid #A9A9A9}

a:link.botmenu4 { color: #000000; text-decoration: none; font-weight: bold; padding-left: 5px; border-left: 4px solid #11203f; border-bottom: 1px solid #FFFFFF; }
a:visited.botmenu4 { color: #000000; text-decoration: none; font-weight: bold; padding-left: 5px; border-left: 4px solid #11203f; border-bottom: 1px solid #FFFFFF; }
a:hover.botmenu4 { color: #343434; text-decoration: none; font-weight: bold; padding-left: 5px; border-left: 4px solid #989898; background-color: #cdcdcd; border-bottom: 1px solid #A9A9A9}


	ul.botmenulinks, .botmenulinks li, .botmenulinks li a {
		display:block;
		margin:2px;
		padding:4px;
		border:0;
	}

	ul.botmenulinks {
		width:100%;
		list-style:none;
		padding-top: 4px;
	}

	.botmenulinks li {
		position:relative;
		padding:0px;
		padding-left:8px;
	}

	.botmenuitem a {
		padding:2px;
		text-decoration:none;
		color:gray;
		font-weight:bold;
		width:230px; /* IE */
	}
		li>a { width:auto; } /* others */

	/* regular hovers */


	/* hovers with specificity */


	/* ul ul, li:hover ul ul {
		display:none;
	}

	li:hover ul, li:hover li:hover ul {
		display:block;
	} */

#header_about { padding-top: 20px; width: 100%; border-bottom: 1px solid #66774e; }
#header_installation { padding-top: 20px; width: 100%; border-bottom: 1px solid #989898; }

.text_background { background-color: #eee9d9; padding: 20px; width: 525px; }


#about_welcome_title { padding-top: 20px; padding-left: 6px; padding-bottom: 4px; }
#about_whoweare_title { padding-top: 45px; padding-left: 6px; padding-bottom: 4px; }
#about_ourstory_title { padding-top: 32px; padding-left: 6px; padding-bottom: 4px; }


#about_welcome { background-color: #f2f3e1; padding: 1px; padding-left: 18px; padding-right: 18px; width: 525px; }
#about_whoweare { background-color: #f2f3e1; padding: 1px; padding-left: 18px; padding-right: 18px; width: 525px; }
#about_ourstory { background-color: #f2f3e1; padding: 1px; padding-left: 18px; padding-right: 18px; width: 525px; }


.product_types { padding: 4px; padding-top: 24px; padding-bottom: 6px; font-family: helvetica; font-size: 10pt; font-weight: bold; width: 232px; background-color: #a9ab94; color: #FDFDFD; background: url(images/gradback_240.gif) repeat-x; margin-bottom: 0px}

.prod_type_title_1 { border-left: 8px solid #685443; letter-spacing: 1px; font-family: helvetica; font-weight: bold; font-size: 10pt; padding-left: 4px; padding-top: 4px; padding-bottom: 4px; margin-top: 6px; color: #fcfcfc; background-color: #948369;}
.prod_type_title_2 { border-left: 8px solid #222a3f; background-color: #3e4965; letter-spacing: 1px; font-family: helvetica; font-weight: bold; font-size: 10pt; padding-left: 4px; padding-top: 4px; padding-bottom: 4px; margin-top: 6px; color: #fcfcfc;}
.prod_type_title_3 { border-left: 8px solid #2c3922; background-color: #445238; letter-spacing: 1px; font-family: helvetica; font-weight: bold; font-size: 10pt; padding-left: 4px; padding-top: 4px; padding-bottom: 4px; margin-top: 6px; color: #fcfcfc;}
.prod_type_title_4 { border-left: 8px solid #5f5f5f; background-color: #8b8b8b; letter-spacing: 1px; font-family: helvetica; font-weight: bold; font-size: 10pt; padding-left: 4px; padding-top: 4px; padding-bottom: 4px; margin-top: 6px; color: #fcfcfc;}
.prod_type_title_5 { border-left: 8px solid #2c463c; background-color: #4a645a; letter-spacing: 1px; font-family: helvetica; font-weight: bold; font-size: 10pt; padding-left: 4px; padding-top: 4px; padding-bottom: 4px; margin-top: 6px; color: #fcfcfc;}
.prod_type_title_6 { border-left: 8px solid #6f0707; background-color: #8a3434; letter-spacing: 1px; font-family: helvetica; font-weight: bold; font-size: 10pt; padding-left: 4px; padding-top: 4px; padding-bottom: 4px; margin-top: 6px; color: #fcfcfc;}
.prod_type_title_7 { border-left: 8px solid #a27239; background-color: #b88c59; letter-spacing: 1px; font-family: helvetica; font-weight: bold; font-size: 10pt; padding-left: 4px; padding-top: 4px; padding-bottom: 4px; margin-top: 6px; color: #fcfcfc;}


.prod_type_summary { color: #212121; line-height: 1.6em; background-color: #d0ccb4; background-image: url(images/prodsum_bg.gif); background-repeat: repeat-x; margin: 10px;  padding: 0px;}

.prod_summary { margin-top: 12px; color: #212121; line-height: 1.6em; background-color: #d0ccb4; padding: 12px;}

.bullet { background-color: #8a8c75; }
.bullet_on { background-color: #686868;}

h1 { font-size: 11pt; font-weight: bold; padding: 6px; background-color: #f0f0f0; border: 1px solid #cccccc; margin-bottom: 6px;}

h2 { font-size: 10pt; font-weight: bold; padding: 6px; background-color: #c2d4d9; border: 1px solid #95afb7; margin-bottom: 6px; }

h4 { font-size: 9pt; font-weight: bold; }

#cms_menuleft { float: left; width: 200px; padding-right: 2px; margin-right: 2px; }

#cms_editfield { float: right; width: 365px; overflow: hidden; padding-left: 3px; margin-left: 3px;}

.cms_menusubsect { display: none; padding: 6px; background-color: #d6e6d9; border: 1px solid #97b19c; margin-bottom: 6px; margin-left: 8px; margin-top: 6px;}
.cms_menusubsect_ex { display: block; padding: 6px; background-color: #d6e6d9; border: 1px solid #97b19c; margin-bottom: 6px; margin-left: 8px; margin-top: 6px;}

.cms_flag {  font-size: 7pt; font-weight: bold; padding: 6px; background-color: #f5f7dd; border: 1px solid #bec19c; margin-bottom: 6px; }

.cms_editorheader {  height: 44px; font-size: 11pt; font-weight: bold; padding: 6px; background-color: #f0f0f0; border: 1px solid #cccccc; margin-bottom: 6px; }
.cms_editorheader_right { float: right; background-color: #DDDDDD; font-size: 7pt; font-weight: normal; padding: 4px; margin-right: 6px; border: solid 1px #C0C0C0}

#cms_sectrename { display: none; color: #1010c0; font-size: 8pt; font-weight: bold; padding: 6px; background-color: #f0f0f0; border: 1px solid #cccccc; margin-top: 8px; }


.cms_submenu { float: right; }

a:link.cms_submenu { font-weight: normal; padding: 1px;}
a:visited.cms_submenu { font-weight: normal; padding: 1px; }
a:hover.cms_submenu { font-weight: normal; padding: 1px; background-color: #DCDCDC;}

.cms_submenuhover { margin-left: 100px; position: absolute; display: none; background-color: #DCDCDC; padding: 6px; border: solid 1px #000000;}

ul { list-style-type: square; }

/*.collections { background: url(images/gradback_sm_windows.gif) repeat-x; padding: 3px; color: #FFFFFF; font-size: 8pt; font-weight: bold; } */


.collections { border-top: 1px solid #424242; background: url(images/col_back.gif) repeat-x; padding: 14px; color: #f0f0f0; margin-bottom: 0px; font-size: 14pt; font-weight: bold; font-family: Palatino Linotype; } 

.collection_left {
 float: left;
 width: 275px;
}

.collection_title { height: 96px; border-top: 1px solid #424242; background: url(images/col_back.gif) repeat-x; background-color: #6e6758; padding: 14px; color: #f0f0f0; margin-bottom: 0px; padding-top: 20px; font-size: 14pt; font-weight: bold; font-family: Palatino Linotype; } 
.collection_summary {
 color: #212121; line-height: 1.6em; background-color: #d0ccb4; background-image: url(images/prodsum_bg.gif); background-repeat: repeat-x; margin: 0px;  padding: 10px; 
}
.collection_summary ul {
 margin-left: 8px;
 padding-left: 8px;
}
.collection_summary ul li {
 padding: 2px;
}

.tagline { margin-top: 16px; color: #d0d0d0; font-weight: bold}
 
.collection_title span {
 display: block;
 font-size: 10pt;
 font-family: helvetica;
 letter-spacing: 1px;
}

.collection_side { float: right; width: 250px;  color: #212121; line-height: 1.6em; margin: 0px;  padding: 0px; }
.collection_side_text { color: #212121; line-height: 1.6em; margin: 0px;  padding: 10px; }

.collection_bottom {
  display: table;
  clear: both;
  width: 500px;
  margin: auto;
  margin-top: 12px;
 }
 
 .collection_bottom div {
  float: left;
  width: 150px;
  margin: 8px;

 }

 .collection_bottom ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
 }

  
 .collection_bottom ul li {
  display: block;
  padding: 4px;
  border-bottom: 1px solid #d6d4ba;
  line-height: 1.3em;
 }
 
 .collection_bottom ul li.specheader {
  border-bottom: 0;
  background-color: #4f4f4f;
  color: #f0f0f0;
  font-weight: bold;
 } 


.collectionlist a 
{
  display: block;
  padding: 3px;
  padding-left: 8px;
  border-bottom: 1px solid #d6d4ba;
}

.collectionlist a:hover 
{
  display: block;
  padding: 3px;
  padding-left: 8px;
  border-bottom: 1px solid #4f4f4f;
  background-color: #4f4f4f;
  color: #f0f0f0;
}

.prodindex_item {
  background: url(images/col_back.gif) repeat-x;
  background-color: #6e6758;
  margin-bottom: 0px;
  height: 92px;
}

.prodindex_item_footer {
 color: #212121;
 line-height: 1.6em;
 background-color: #d0ccb4;
 background-image: url(images/prodsum_bg.gif);
 background-repeat: repeat-x;
 margin: 0px;
 margin-bottom: 26px;
 padding: 10px;
 border-bottom: 1px solid #b0b0b0;
}

.prodindex_item_footer ul {
 list-style-type: none;
 margin: 0;
 padding: 0px;
 width: 495px;
}

.prodindex_item_footer ul li {
 padding: 4px;
 margin: 4px;
 border: 1px solid #9a9385;
 font-weight: bold;
 color: #303030;
 float: left;
 width: 145px;
}

.prodindex_item_footer ul li.all {
 padding: 4px;
 margin: 4px;
 border: 1px solid #9a9385;
 background-color: #9a9385;
 font-weight: bold;
 color: #303030;
 float: left;
 width: 145px;
}

br {
 clear: left;
}

.matlist_header {
 padding: 4px;
 margin: 4px;
 border: 0;
 font-weight: bold;
 color: #dedede;
 background-color: #4f4f4f;
 text-transform: uppercase;
 letter-spacing: 2px;
 font-family: helvetica;
 clear: both;
}

.matlist a {
 padding: 4px;
 margin: 4px;
 border: 1px solid #9a9385;
 font-weight: bold;
 color: #303030;
 float: left;
 width: 145px
}

.matlist a:hover {
 padding: 4px;
 margin: 4px;
 border: 1px solid #9a9385;
 background-color: #9a9385;
 font-weight: bold;
 color: #303030;
 float: left;
 width: 145px
}

.matlistall {
 padding: 4px;
 margin: 4px;
 border: 1px solid #9a9385;
 background-color: #9a9385;
 font-weight: bold;
 color: #303030;
 float: left;
 width: 145px;
 }
 
.path_current {
 border-bottom: 1px dashed #66774e;
}

div.editable a:link, div.editable a:visited {
 color: #000000;
 font-weight: normal;
 padding: 2px;
 background-color: #e4cdcd;
 border: 1px solid #b87373;
 letter-spacing: 0;
 font-size: 8pt;
}

div.editable a:hover {
 color: #000000;
 text-decoration: underline;
}


#head_filebin {
 margin: 0;
 padding: 0;
}

#head_filebin a:link, #head_filebin a:visited {
 display: block;
 font-size: 10pt;
 font-weight: bold;
 padding: 6px;
 background-color: #c2d4d9;
 border: 1px solid #95afb7;
 margin: 0;
}


#head_filebin a:hover {
 color: #000;
 background-color: #95afb7;
}

h3 {
 font-family: Palatino Linotype, helvetica;
 font-size: 18pt;
 font-weight: normal;
 color: #6f6f6f;
 margin-bottom: 10px;
}

#index_prod_list span a:link, #index_prod_list span a:visited {
 display: block;
 padding: 8px;
 margin: 0px;
 border: 0;
 font-weight: bold;
 color: #dedede;
 background-color: #6a6a6a;
 text-transform: uppercase;
 letter-spacing: 2px;
 font-family: helvetica;
}

#index_prod_list span a:hover {
 background-color: #7a7a7a;
}

#copyright {
 text-align: center;
 margin-top: 64px;
 margin-bottom: 18px;
 font-size: 8pt;
 color: #505050;
}

.slideshow { height: 157px; width: 255px; }
.slideshow img { background-color: #eee; }