﻿/* **************************************************************** */
/* News and Product List                                            */
/* **************************************************************** */

.product-list-fp {
  float: left;
  _float: none;
  width: 730px;
  margin: 10px 0 10px 0;
}

.product-list-fp-subpage {
  float: left;
  _float: none;
  width: 573px;
  margin: 0px 0 10px 0;  
}


.product-list-fp .main-box {
  float: left;
  width: 730px;
  margin: 0 20px 10px 0;
  background: url(../img/bg-box-fp.gif) no-repeat 100% 100%;  
}

.product-list-fp .main-box-flash {
  float: left;
  width: 760px;
  margin: 0 0 3px 0;
  padding-bottom:10px;
 background: url(/portaldata/2/img/grayline.gif) no-repeat 85% 99%;
  /*background: url(../img/bg-box-fp.gif) no-repeat 0% 100%;  */
  
}

.product-list-fp .main-box-flash p.flash-text { margin:0px 25px 0px 120px; padding:0px 0px 5px 0px; float:right; width:580px;}
.product-list-fp .main-box-flash h3 { margin:7px 25px 0px 0px; padding:0px 0px 5px 5px; color:#e60000; }

.product-list-fp .main-box-subpage {
  float: left;
  width: 573px;
  margin: 0 0 0px 0;  
}

.product-list-fp .main-box .title {float:left;  padding-left:60px; color:#7c7c7c;}

.product-list-fp .box-left {
  float:left;
  margin-right:0px;
  padding-bottom:10px;
  padding-left:28px;
  width:272px;
}


.product-list-fp .box-left img
{
	border:1px solid gray;
	margin-bottom:5px;
}

.product-list-fp .box-right {
  float:right;
  margin-left:0px;
  margin-right:0px;
  padding-bottom:10px;
  width:272px;
}


.product-list-fp .box-right img
{
	border:1px solid gray;
	margin-bottom:5px;
}


.product-list-fp h1 {
  padding-bottom: 3px;
  margin: 0;
  color: #3d3f40;
  font-weight: normal;
  text-transform: uppercase;
 }
 
 .product-list-fp .all-news
 {
	float:right;
	margin:0px;
	padding:0px 5px 0px 0px;	
 }
 
 .product-list-fp .fp-date
 {		
	  color: #3d3f40;
	  font-style:italic;
		margin:0px;
		padding:0px;
 }
 
.read-more {margin:0px; padding:4px 0px 0px 0px;} 
.read-more a, visited, active {color: #646566; text-decoration: underline; font-weight: normal;  }
.read-more a:hover { margin:0px; padding:4px 0px 0px 0px; color: #221e1f; text-decoration: underline; }



.main-box-subpage .article
{
	float:left;	
	margin-top:10px;
	width:100%;
}
.main-box-subpage .padding
{
	float:right;
	width:438px;
	
}


.main-box-subpage .title
{
	float:left;	
	width:125px;
	text-align:right;
	color:#6c6e71;
}

.main-box-subpage .text
{
	float:right;
	width:438px;	
}
.main-box-subpage .text h3 { }
.main-box-subpage .factory-wrapper {float:right;width:438px;  border:1px solid gray; margin-top:10px;}
.main-box-subpage .factory-img {  float:left;}
.main-box-subpage .factory-text { float:left; padding:5px 5px 5px 5px; width:170px;}
.main-box-subpage .back { float:right; width:100%; text-align:right;}

/* **************************************************************** */
/* News list                                                        */
/* **************************************************************** */

.main-box-subpage .news-text
{
	float:right;
	width:438px;	
	padding-top:15px;
}

.main-box-subpage .news-text-small
{
	float:right;
	width:438px;	
	padding-top:15px;
}


.main-box-subpage .news-text h4
{
	float:left;
	width:100%;	
}
.main-box-subpage .news-text p.date
{
	float:left;
  color: #3d3f40;
  font-style:italic;
	margin:0px;
	padding:0px;	
	width:100%;
}
.news-text .date
{
	width:15%;
  color: #3d3f40;
  font-style:italic;	
	float:left;
}
.news-text .title-small
{
	width:85%;
	float:left;
}

.news-text ul { margin: 0;  padding: 0; }
.news-text li { margin-right: 0px; margin-left:20px; margin-bottom:5px;}

.related-news { float:left; }

.related-news .fp-newslist  { float:right; padding:0 10px 10px 20px; width:438px;}
.related-news .item { float:right; margin:0 5px 5px 0; width:430px; }
.related-news .item h4 a { color:#D4201E; }
.related-news .item .news-img { border:1px solid #E7E7E7; float:left; margin-right:5px; padding:3px; }
.related-news .item .date { color:#999999;}


/* **************************************************************** */
/* Links                                                            */
/* **************************************************************** */
.links-wrapper
{
	float:right;
	width:100%;
	padding-bottom:10px;	
		
}

.links-wrapper .links
{
	float:left;		
	padding-left:10px;
}

.links-wrapper a
{
  display: block;     
  color: #575757;
  text-decoration: underline;
  padding: 1px 0px 1px 0px;
}
.links-wrapper a:hover {text-decoration:underline; color:#221e1f;}

.links-wrapper ul { list-style: none; padding: 0; margin: 0; }
.links-wrapper li { display: inline; padding-bottom: 0; }

/* **************************************************************** */
/* Products                                                         */
/* **************************************************************** */

.product-wrapper
{
	float:right;
	width:438px;
}
.product-wrapper img {border:5px solid #e7e7e9;}
.product-wrapper h3 {font-size:14px; color:#6c6e71; margin:5px 0px 2px 0px}
.product-wrapper h2 {font-size:12px; color:#3d3f40; margin:0px 0px 0px 0px}
.product-wrapper p {font-size:11px; color:#3d3f40; margin:10px 0px 0px 0px}

/* **************************************************************** */
/* img Gallery                                                       */
/* **************************************************************** */

.img-gallery-wrapper
{
	width:100%;
	margin:10px 0px 10px 15px;
}

.img-gallery-wrapper img
{
	border:1px solid gray;
}

.img-gallery-wrapper .preview
{
	width:120px;
}

.img-title
{
	color:#333333;
	font-weight:bold;
	width:210px !important;
	
}

.img-gallery-wrapper .text
{
	vertical-align:top;
}

/* **************************************************************** */
/* Site Map                                                         */
/* **************************************************************** */

.sitemap {
  float: left;
  width: 200px;
  margin: 0 0 15px 30px;
}

.sitemap .level1,
.sitemap .level2 {
  padding: 0;
  margin: 0;
  background: none;
}

.sitemap ul {
  list-style : none;
  padding-left : 0;
}

.sitemap li {
  display : inline;
  padding-bottom : 0;
}

.sitemap .level1 a {
  display : block;
  padding : 2px 2px 2px 16px;
  margin: 0 3px 0 7px;
  text-decoration: none;
  border: none;
  font-weight: bold;
}

.sitemap .level1 a:active,
.sitemap .level1 a:visited {
  background: none;
}

.sitemap .level1 a:hover {
  text-decoration: underline;
}

.sitemap .level3 a {
  font-weight: normal;
  margin-left: 30px;
}

.sitemap .level4 a {
  font-weight: normal;
  margin-left: 50px;
}

.sitemap .level4 a {
  font-weight: normal;
  margin-left: 70px;
}
/* **************************************************************** */
/* Related stuff                                                    */
/* **************************************************************** */
.related-back { padding:0px 0px 5px 0px; margin:0px 0px 10px 0px; background-color: #e5e5e5; width:150px; text-indent:5px;}
.related-back h3 { padding:2px 0px 2px 0px; text-indent:6px; background-color: #ff0000; width:150px; color:#FFFFFF; margin:0 0 3px 0;}
.related-back a { padding:3px 0px 2px 5px; }

.related-wrapper { padding:0px 0px 5px 0px; margin:10px 0px 10px 0px; background-color: #e5e5e5; width:150px;}
.related { padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; background-color: #e5e5e5; width:150px;}
.related span { padding-left:5px; }
.related h3 { padding:2px 0px 2px 0px; text-indent:6px; background-color: #ff0000; width:150px; color:#FFFFFF; margin:0 0 3px 0;}

.related ul { list-style : none; padding:0px 0px 0px 0px; margin:2px 0px 0px 0px;}
.related ul.level1 { color:#393939; font-weight:bold;}
.related ul.level2 { color:#898989; font-weight:normal;}

.related .country { width:100%; padding: 0px 0px 0px 5px; font-weight:normal;}
.related .link { width:100%; padding: 0px 0px 2px 5px ;}
.related li { display : block; padding: 0px 0px 2px 5px ;}
.related a { text-decoration:none; padding:0 0 0 5px;}
.related a:hover { text-decoration: underline; }

/* **************************************************************** */
/* Location wrapper                                                 */
/* **************************************************************** */

.main-box-subpage .border { border:1px solid gray; float:right; width:100%;}
.main-box-subpage .border .img { float:right; width:100%;}
.main-box-subpage .border .text { float:right; width:100%;}

/* **************************************************************** */
/* tubs and pallets                                                    */
/* **************************************************************** */

.tubs { border:1px solid gray; width:200px; padding:0px; margin:0px;}
.tubs td { text-indent:0px; border-bottom:1px solid gray;}
.tubs td.first { text-indent:0px; border-bottom:1px solid gray; border-right:1px solid gray;}
.tubs tr.pur { background-color:Gray; font-size:11px; font-weight:bold; color:#ffffff; }

/* **************************************************************** */
/* A - Z                                                  */
/* **************************************************************** */
.a-z { float:right;  width:438px; margin-top:15px;}

.a-z ul { float:left; margin-top:5px; margin:0; padding:0; } 
.a-z li { float:left; list-style:none; margin:0 2px 0 1px;  border:1px solid #999999;} 
.a-z li a {  text-decoration:none; float:left; padding:0px 2px 0px 2px;}
.a-z li a:hover { background-color:#c13c3c; color:#ffffff; text-decoration:none;} 

.img-box { float:left;  margin:5px 0px 5px 0px;}
.img-box ul { float:left; margin:0; padding:0; list-style:none; }
.img-box li:first-child { float:left; margin:0; padding:0 0px 0 0; }
.img-box li { float:left; margin:0; padding:0 0px 0 10px; }
.img-box li img { width:100px; height:100px; }

/* **************************************************************** */
/* Related locaotions                                              */
/* **************************************************************** */
.related-item { float:left; width:100%; margin-bottom:10px;}


