@charset "utf-8";
/* CSS Document */

body {
	background-color: #FFFFFF;
	font-family: arial, sans-serif;
	font-size: 12px;
	overflow-x: hidden;
}

img { border: none; }


div.frontpagetitle {
	background: url(../images/main_area_frontpage_title.jpg);
	width: 230px;
	height: 17px;
	display: block;
	padding: 0;
	position: relative;
	color: #6d6c71;
	font-weight: bold;
	border-bottom: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
}
div.frontpagetitle span {
	padding: 2px 2px 2px 5px;
}
div.frontpagebox {
	width: 230px;
	height: 329px;
	display: block;
	margin: 1px 10px 0 0;
	position: relative;
	float: left;
	color: #000;
	border: 1px solid #e9e9eb;
	background-color: #e9e9eb;
}
div.lastfrontpagebox {
	margin: 1px 0 0 0;
}
div.frontpagebox p {
	margin-top: 0px;
	padding: 10px;
}
div.frontpagebox a {
	color: #000;
	text-decoration: none;
}
div.frontpagebox:hover {
	border: 1px solid #d8d8db;
	background-image: url(../images/frontpagebox_curl.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

div.productbox {
	border: 1px solid #e9e9eb;
	width: 150px;
	height: 233px;
	display: block;
	margin: 0 8px 10px 0;
	padding: 0;
	position: relative;
	float: left;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
}
div.productboxinner {
	padding: 10px;
	background: url(../images/shadow.png) no-repeat top;
	min-height: 73px;
}
div.productbox ul {
	font-size: 16px;
	padding: 2px 0 0 14px;
	margin: 0;
}
div.productbox a:link, div.productbox a:visited, div.productbox a:active {
	color: #FFF;
	text-decoration: none;
}
div.productbox:hover {
	border: 1px solid #000;
}

#container {
	position:absolute;
	left:0px;
	top:0px;
	width:1299px;
	height:904px;
}

#header-logo {
	position:absolute;
	left:0px;
	top:0px;
	width:977px;
	height:117px;
}

#header-logo img {
	margin-left: 54px;
}

#right-white-space {
	background: no-repeat url(../images/right_white_space.jpg) #FFFFFF;
	position:absolute;
	left:977px;
	top:0px;
	width:322px;
	height:904px;
}

#header-top-menu {
	background: right no-repeat url(../images/header_top_menu.jpg);
	position:absolute;
	left:0px;
	top:117px;
	width:927px;
	height:32px;
	text-align: right;
	padding-right: 50px;
	color: #bcbcbe;
}

#header-top-menu a {
	text-decoration: none;
	color: #bcbcbe;
}

#header-top-menu img {
	padding: 2px;
	vertical-align: middle;
}

#header-sub-menu {
	background: no-repeat url(../images/header_sub_menu_left.jpg);
	padding-left: 30px;
	position:absolute;
	left:0px;
	top:149px;
	width:977px;
	height:38px;
}

#header-sub-menu-2-level-top {
	background: no-repeat url(../images/header_sub_menu_2_level.jpg);
	position:absolute;
	left:46px;
	top:187px;
	width:716px;
	height:19px;
}
#header-sub-menu-2-level-bottom {
	background-color: #e7e7e8;
	position:absolute;
	left:46px;
	top:206px;
	width:716px;
	height:19px;
}

#header-image {
	background: #FFF url(../images/header_image_bg.jpg) repeat-y;
	position:absolute;
	left:0px;
	top:187px;
	width:851px;
	height:293px;
	color: #000;
}
#header-image ul li {
	left: 0;
	top: 0;
	float:left;
	position:absolute;
	list-style: none;
	background-color: #FFF;
}
#header-image ul li img {
	border: none;
	padding: 0;
	width:851px;
	background-color: #FFF;
}
#header-image ul li.show {
	/* z-index:500; */
}

#header-news {
	position:absolute;
	left:0px;
	top:15px;
	width:851px;
	height:293px;
	color: #000;
}
#header-news h1{
	margin-top: 5px;
	margin-left: 610px;
	margin-right: 3px;
	margin-bottom: 0;
	font-size: 16px;
	color: #FFFFFF;
}
#header-news p {
	margin-left: 610px;
	margin-right: 3px;
	margin-top: 2px;
	margin-bottom: 0;
	font-size: 11px;
	color: #FFFFFF;
}

#header-image-right {
	background: right no-repeat url(../images/header_image_right.jpg) #FFFFFF;
	position:absolute;
	left:851px;
	top:187px;
	width:126px;
	height:293px;
	color: #FFFFFF;
}

#header-image-2-level {
	background: no-repeat url(../images/header_image_2_level.jpg) #FFFFFF;
	position:absolute;
	left:716px;
	top:187px;
	width:261px;
	height:293px;
}

#left-white-space {
	position:absolute;
	left:0px;
	top:480px;
	width:46px;
	height:425px;
}

#main-area {
	position:absolute;
	left:46px;
	top:480px;
	width:716px;
	height:332px;
	background: #e7e7e8;
}

#main-area-frontpage {
	position:absolute;
	left:46px;
	top:480px;
	width:716px;
	height:332px;
	background: #fff;
}

#main-area-2-level {
	position:absolute;
	left:46px;
	top:225px;
	width:716px;
	height:587px;
	background: #e7e7e8;
}

#main-area-right-menu {
	background: top no-repeat url(../images/main_area_right_menu.jpg);
	position:absolute;
	left:762px;
	top:480px;
	width:215px;
	height:351px;
	padding-top: 20px;
}

.ul_bold{
	list-style-image: url(../images/li_bold.jpg);
	padding: 0 0 0 28px;
}
.ul_bold li {
	color: #000000;
	font-size: 10px;
	padding: 0 0 3px 0;
}
.ul_bold li a {
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}
.ul_bold li a:hover {
	color: #ff0000;
}

.ul_grey{
	list-style-image: url(../images/li_grey.jpg);
	padding: 0 0 0 28px;
}
.ul_grey li {
	color: #939598;
	font-size: 10px;
	padding: 0 0 3px 0;
}
.ul_grey li a {
	color: #939598;
	font-size: 10px;
	text-decoration: none;
}
.ul_grey li a:hover {
	color: #ff0000;
}

#main-area-bottom {
	background: no-repeat url(../images/main_area_bottom.jpg);
	position:absolute;
	left:46px;
	top:812px;
	width:716px;
	height:19px;
}

#main-area-bottom-frontpage {
	background: no-repeat url(../images/main_area_frontpage_bottom.jpg);
	position:absolute;
	left:46px;
	top:812px;
	width:716px;
	height:19px;
}

#main-area-bottom-breadcrumb {
	position:absolute;
	left:46px;
	top:830px;
	width:931px;
	height:74px;
	color: #bcbcbe;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 20px;
}

#main-area-bottom-breadcrumb a {
	color: #bcbcbe;
	font-weight: bold;
	text-decoration: none;
}

div.info, span.info,
div.alert, span.alert {
	margin: 10px 0px 10px 0px;
	padding: 8px 10px 8px 35px;
}

div.info, span.info {
	background: #f4f5f6 url(../images/box_info.png) 3px 5px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}

div.alert, span.alert {
	background: #fff5eb url(../images/box_alert.png) 3px 5px no-repeat;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}

a.button:link, a.button:visited
{
  float: left;
  margin: 2px 5px 2px 5px;
  padding: 2px;
  width: 100px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid black;
  border-left: 1px solid #cccccc;
  border-right: 1px solid black;
  background: #cccccc;
  text-align: center;
  text-decoration: none;
  font: normal 10px Verdana;
  color: black;
}

a.button:hover
{
  background: #eeeeee;
}

a.button:active
{
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;
}

/* Text shadow */
/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#666666, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.05em 0.08em;
  padding: 0;
  color: #666666;
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #666666 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}