/* CSS Document */
body{
	margin:0px 0px 0px 0px;
	padding:25px 0px 0px 0px;
	background-image:url(../../img/body_bg.jpg); background-repeat:repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:67%;
	color: #5C5C5C;
	line-height:150%;
}

/* TinyMCE specific rules */
body.mceContentBody {
	margin:0px 0px 0px 0px;
	padding:25px 0px 0px 0px;
	background-image:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:67%;
	color: #000000;
	line-height:150%;
}
.mceContentBody a{
	color:#D23716 !important; 
	text-decoration:underline;
}
 
.mceContentBody a:hover{
	color:#D23716 !important; 
	text-decoration:underline;
}
 
.mceContentBody table td{
	color:#000000 !important;
}

a {color:#D23716; text-decoration:underline;}
a:hover{color:#D23716; text-decoration:underline;}

h1{margin:0px; padding:0px 0px 10px 0px;  margin-bottom:5px; font-size:18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; line-height:20px;}
h2{margin:0px; padding:0px; margin-bottom:5px; font-size:11px; font-weight:bold;}
h3, h4, h5, h6{margin:0px; padding:0px; margin-bottom:5px; font-size:14px; font-weight:normal;}
p{margin-top:0px; padding:0px;}
h1 sup{font-size:12px;}

ul {
	margin:0px;
	padding-left:15px;
	margin-bottom:15px;
}

div#container{ width:900px; margin:0 auto; padding:1px 0px 0px 0px; background:#fff;}

div#top{position:relative; width:898px; height:156px; margin:0px 1px 1px 1px;; padding:0px 0px 0px 0px; }
	div#top #logo{position:relative; width:161px; height:85px;  margin:0px 0px 0px 0px; padding:35px 0px 0px 30px; }
	div#top div#flags{	position:absolute; right:25px; bottom: 25px;}	
	div#top div#flags img{border:0px solid #999999;; margin:0px; margin-left:4px;}
	div#top div#flags img.active{border:0px solid #ffffff;}

div#content_top{position:relative; width:898px; margin:1px 0px 0px 1px; padding:0px; height:28px;}
	
	div#content_top #nav {
		position:absolute;
		margin:0px;
		top:0px;
		right:0px;
		font-size:12px;
		line-height:normal;
		/*text-transform:uppercase;*/
		z-index:1;
		background-color:#666666;
		border:#666666 1px solid;
		width:896px;
		background-image:url(../../img/menu_bg.jpg); background-repeat:repeat-x;
		
	}
	div#content_top #nav ul {
		margin:0px;
		padding:0px 0px 0;
		list-style:none;
		
		/*background-image:url(../../img/menu_bg.jpg); background-repeat:repeat-x;*/
	}
	div#content_top #nav li {
		float:left;
		margin:0px 0px 0px 0px;
		padding:0;
		height:26x;
		/*border:#666666 1px solid;*/
		/*background-image:url(../../img/menu_bg.jpg); background-repeat:repeat-x;*/
	}
	div#content_top #nav li.liOpen {
		float:left;
		/*background:url(../../img/tab_right.jpg) no-repeat right top;*/
		margin:0px;
		padding:0px;
		/*border:#666666 1px solid;*/
		/*background-image:url(../../img/menu_bg.jpg); background-repeat:repeat-x;*/
	}
	div#content_top #nav a {
		display:block;
		padding:5px 15px 4px;
		color:#FFFFFF;
		text-decoration:none;
		border-right:#666666 1px solid;
	}
	div#content_top #nav li.liOpen a {
		display:block;
		/*background:url(../../img/tab_left.jpg) no-repeat left top;*/
		padding:5px 15px 4px;
		color:#FFFFFF;
		text-decoration:none;
	}

	div#content_top #menu_bottom{position:absolute; top:43px; width:898px; height:34px; background:url(../../img/menu_bottom.jpg) no-repeat; margin:0; padding:0px; z-index:0;}

div#content_upper{position:relative; width:898px; margin:0px; padding:0px;}
	div#content_upper #pic{position:relative; width:898px;height:260px; background:url(../../img/top_img.jpg) top left repeat-y; margin:0 auto; padding:0px;}
	
div#content{width:898px; margin:0px; padding:0px;}
	div#content #left{width:205px; min-height:500px; margin:0px; padding:0px; padding-left:15px; float:left;}
	
	div#content #right{ width:665px; margin:0px; padding:0px; margin-bottom:20px;float:left; overflow:hidden;}
		div#content #right h1.error_404{margin:0px; padding:0px; margin-top:25px; font-size:25px; font-weight:normal;}
		div#content #right p.error_404_text{margin:0px; padding:0px; margin-top:25px; font-size:15px; font-weight:normal;}
		div#content #right p.error_404_text a{color:#0064AF; text-decoration:underline;}
		div#content #right p.error_404_text a:hover{color:#999999; text-decoration:underline;}
		div#content #right h2.okey{color: #009900; margin-top:50px;}
		
		div#content #right p.top{margin-top:20px;}
		div#content #right p a.all_news, div#content #right p a.archive{color:#D23716; text-decoration:underline;}
		div#content #right p a:hover.all_news, div#content #right p a:hover.archive{color:#D23716; text-decoration:underline;}
		
		div#content #right h2.news_header a{color: #D23716;}
		div#content #right h2.news_header a:hover{color: #D23716;}
		
		div#content #right p a.read_more{color:#D23716;}
		div#content #right p a:hover.read_more{color:#D23716; text-decoration:underline;}
		
		div#content #right p.news_date{}
		div#content #right p.news_teaser{}
		
		div#content #right #paging_container{margin:0px; padding:0px; /*border-top:#000000 1px solid;*/ width:200px; margin-top:20px;}
			div#content #right p.paging{margin:0px; padding:0px; font-weight:normal; color:#000000; margin-top:10px;}
			div#content #right p.paging a{color:#D23716; text-decoration:underline;}
			div#content #right p.paging a:hover{color:#D23716; text-decoration:underline;}
		
		div#content #right #productinfo li{margin-bottom:5px;}

	div#content #bottom{width:898px; margin:0px; padding:0px;}
	
div#footer{ width:900px; margin:0 auto; height:7px; /*background:url(../../img/bg_bottom_line.jpg) top left no-repeat;*/ }
	div#footertext{width:900px; height:7px; margin:0px; padding:0px; padding-top:10px; text-align:justify; color:#777777; padding-bottom:10px; color:#A2AEBB; }
	div#footertext .footer_img{margin-left:5px;}
	div#footertext a{color:#A2AEBB; text-decoration:none;}
	div#footertext a:hover{color:#A2AEBB; text-decoration:underline;}
	div#footertext .wise a{color:#697D92;}
	div#footertext .wise {color:#697D92;}
	 

#breadcrumb{margin:0px; padding:0px; margin-bottom:15px; margin-top:10px; width:100%; color:CCCCCC;}
	#breadcrumb .breadcrumb{float:left; font-weight:bold; margin-right:5px; color:#CCCCCC;}
	#breadcrumb a{color:#CCCCCC; text-decoration:none;}
	#breadcrumb a:hover{color:#CCCCCC; text-decoration:underline;}
	#breadcrumb .grey{color:#CCCCCC; font-style:normal;}

#menu{margin:0px; padding:0px; margin-top:30px;}
	#menu h2{margin:0px; padding:0px; margin-top:0px; margin-left:32px; font-size:16px; margin-bottom:4px;}

#newsletterform{
	position: relative;
	margin:0px;
	padding:0px;
	/*padding-top: 0px;*/
	margin-top: 25px;
	padding-top:7px;
	background:url(../../img/bg_top_menu.jpg) top left no-repeat;
}

#newsletterform h2{
	margin:0px;
	padding:0px;
	font-size:16px;
	padding-left:30px;
	width:205px;
	background:url(../../img/bg_content_menu.jpg) top left repeat-y;
}


	
#newsletterform p{
	margin:0px;
	padding:0px;
	padding-top:4px;
	font-size:11px;
	padding-left:30px;
	width:205px;
	background:url(../../img/bg_content_menu.jpg) top left repeat-y;
}

#newsletterform form{
	margin:0px;
	padding:0px;
	padding-left:30px;
	width:205px;
	background:url(../../img/bg_content_menu.jpg) top left repeat-y;
}

#newsletterform .field{
	margin:0px;
	padding:0px;
	width: 120px;
}

#newsletterform .btn_newsletter{
	margin:0px;
	padding:0px;
	color: #000000;
	background: #FFFFFF;
	margin-right: 5px;
	height:16px;
	font-size:10px;
}

.btn_newsletter_unregister{
	margin:0px;
	padding:0px;
	color: #000000;
	background: #FFFFFF;
	margin-right: 5px;
	height:17px;
	font-size:10px;
}

#newsletterform_bottom{margin:0px; padding:0px; background:url(../../img/bg_bottom_menu.jpg) top left no-repeat; height:7px;}

.box{ color:#5C5C5C;margin:0px; padding:0px; margin-top:25px; padding-top:7px; background:url(../../img/news_bg.jpg) top left no-repeat;}
	.box h2{ color:#5C5C5C;margin:0px; padding:0px; margin-top:0px; padding-left:32px; font-size:12px; font-weight:bold; padding-bottom:6px; padding-top:3px; width:150px; /*background:url(../../img/bg_content_menu.jpg) top left repeat-y;*/
	background-image:url(../../img/products.gif); background-repeat:no-repeat;}
.box_bottom{margin:0px; padding:0px; /*background:url(../../img/bg_bottom_menu.jpg) top left no-repeat;*/ height:7px;}
	
/*#newscontainer{margin:0px; padding:0px; margin-top:25px; margin-left:30px;}
	#newscontainer h2.news{margin:0px; padding:0px; margin-top:0px; font-size:16px; margin-bottom:4px;}*/

textarea, input, select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 1px;
	border: 1px solid #000000;
	color: #000000;
}

.btn{
	color: #000000;
	background: #FFFFFF;
	margin-right: 5px;
}

.break{clear: both; float: none;}

#admin_menu{
	position:absolute;
	margin:0px;
	top:25px;
	right:115px;
	height:20px;
	width:175px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	line-height:normal;
	color:#FFFFFF;
	text-transform:uppercase;
	z-index:5;
}
	#admin_menu ul{
		margin:0px; margin-left:10px; padding:0px;
	}
	#admin_menu ul li{ 
		float:left;
		padding:0px;
		padding-left: 15px;
		list-style: none;
	}
	#admin_menu ul li a{ 
		padding:0px;
		margin:0px;
		color:#FFFFFF;
		text-decoration:none;
	}

/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	ul.mktree  li 					{ list-style:url(../../img/square.jpg);    color:#0165B0; width:150px; }
	ul.mktree  li a					{ text-decoration:underline; color:#D23716; vertical-align:middle; }
	ul.mktree  li a.active     		{ font-weight:normal; color:#D23716; text-decoration:underline;}	 
	ul.mktree  li a:hover			{ text-decoration:underline; color:#D23716; } 
	/* Control how "spaced out" the tree is */
	ul.mktree				   		{ margin:0px; padding:0px; padding-left:30px; margin-top:0px; width:150px; /*background:url(../../img/bg_content_menu.jpg) top left repeat-y;*/}
	ul.mktree ul			   		{ margin:0px; margin-left:10px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px;}
	ul.mktree  li.liBullet  .bullet { padding-left: 15px; background-image:url(../../img/square.jpg) center left no-repeat; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(../../img/square.jpg) center left no-repeat; color:#0165B0; width:150px;}
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(../../img/square.jpg) center left no-repeat; color:#0165B0; width:150px;}
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(../../img/squaree.jpg) center left no-repeat; color:#0165B0;}
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; width:150px; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 11px; line-height:1.6em;}
	ul.mktree  li ul li { font-size: 11px; line-height:1.6em;}
	ul.mktree  li ul li ul li { font-size:11px; }
	ul.mktree  li ul li ul li ul li { font-size:11px; }
}

/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	/* Turn off list bullets */
	ul.mknews  li { list-style: none; }
	ul.mknews  li.date {font-weight:normal; }
	ul.mknews  li.header {padding-bottom:10px; }
	ul.mknews  li a{ text-decoration:none; color:##D23716;}
	ul.mknews  li a.active     { font-weight:normal; color:#D23716;}	
	ul.mknews  li a:hover{ text-decoration:underline; color:#D23716; } 
	/* Control how "spaced out" the tree is */
	ul.mknews				   { margin:0px; padding:0px; padding-left:30px; margin-top:0px; width:205px; background:url(../../img/bg_content_menu.jpg) top left repeat-y;}
	ul.mknews ul			   { margin:0px; margin-left:10px; padding:0px; }
	
	ul.mknews  li { font-size: 12px; line-height:1.4em;}
}