/* CSS layout */
body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	background:url('../images/yoko_bg.jpg') repeat;
	
}
a {
	color: #FFFFFF;
	text-decoration:none;
}
a:visited {
	color: #FFFFFF;
}
a:active {
	color: #FFFFFF;
}
a:hover {
	color: #FFFFFF;
}
.style1 {
	text-align: center;
}

.materials 
{
 font-size:10px;
 padding:0;
    
    }
h2 
{
    font-size:medium;   
    
    }    
    
#news_header
{
 position:absolute;
 width:300px;
 height:25px;
 top:0px;
 left:0px;
 border:solid 0px white;    
 color:#C29B00;
 font-weight:bold;   
    }
    

#news_headlines
{
    position:absolute;
    width:300px;
    height:275px;
    top:25px;
    left:0px;
    background-color:#1B2831;
    border:solid 0px white;  
    z-index:4;
    background:scroll 0 0;
    overflow:auto;
    font-size:14px;        
    }	
#news_headlines a:hover 
{
    color:#C29B00;
    }
    
#news_item
{
 position:absolute;
 top:0px;
 left:330px;
 width:600px;
 height:300px;
  border:solid 0px white;  
background:scroll 0 0;
overflow:auto;        
    
    }
#news_subject
{
position:absolute;
top:0px;
left:0px;
width:580px;
height:50px;
border:solid 0px white;
font-weight:bold;
font-size:16px;
text-transform:uppercase;
    
    }
#news_content
{
position:absolute;
top:50px;
left:0px;
width:300px;
height:230px;
border:solid 0px white;  
    
    }
#news_picture
{
    position:absolute;
top:50px;
left:310px;
width:270px;
height:230px;
border:solid 0px white;  
    
    }            

#header 
{
    position:relative;
	background-image:url('../images/yoko_header2.jpg');
	width:958px;
	height:95px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
	
	
}

#header_sportswear 
{
	position:absolute;
    width:133px;
    height:93px;
    top:0px;
    left:66px;
    z-index:2;
    
    }
#header_sportswear:hover 
{
	background-image:url('../images/yoko_header_sportswear.jpg');

}    

#header_yokostory 
{
	position:absolute;
    width:126px;
    height:93px;
    top:0px;
    left:199px;
    z-index:2;
    
    }
#header_yokostory:hover 
{
	background-image:url('../images/yoko_header_yokostory.jpg');

}

#header_products 
{
	position:absolute;
    width:115px;
    height:93px;
    top:0px;
    left:325px;
    z-index:2;
    
    }
#header_products:hover 
{
    background-image:url('../images/yoko_header_products.jpg');

}


#header_materials 
{
	position:absolute;
    width:111px;
    height:93px;
    top:0px;
    left:440px;
    z-index:2;
    
    }
#header_materials:hover 
{
	background-image:url('../images/yoko_header_materials.jpg');


}


#header_distributors 
{
	position:absolute;
    width:149px;
    height:93px;
    top:0px;
    left:551px;
    z-index:2;
    
    }
#header_distributors:hover 
{
	background-image:url('../images/yoko_header_distributors.jpg');

}


#header_news 
{
	position:absolute;
    width:72px;
    height:93px;
    top:0px;
    left:700px;
    z-index:2;
    
    }
#header_news:hover 
{
	background-image:url('../images/yoko_header_news.jpg');
    
}


#header_company 
{
	position:absolute;
    width:105px;
    height:93px;
    top:0px;
    left:772px;
    z-index:2;
    
    }

#header_company:hover 
{
	background-image:url('../images/yoko_header_company.jpg');

}

#AreaList
{
position:absolute;
left:0px;
top:0px;
width:200px;
height:200px;
border:solid 1px white;    
    
    }
    
#areaWithScroll
{
position:absolute;
top:10px;
left:50px;
border:solid 1px white;
background:scroll 1 0;
width:600px;
height:300px;
  overflow:auto;     
    
    }
    
.WithScroll
{
background:scroll 0 0;
overflow:auto;      
    }

.DistributorsContent
{
position:absolute;
left:20px;
font-size:14px;
    
    }        

.CountryName
{
    font-weight:bold;
    
    
    }

#content {
background-color:#1B2831;
position:relative;
width:958px;
height:550px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
z-index:1;
}

#content_text 
{
position:absolute;
width:937px;
height:350px;
top:205px;
left:10px;
/**background-color:#96B7D6;**/   
z-index:3;
border:solid 0px white;
    
    }

#contact_1 
{
position:absolute;
width:400px;
height:300px;
top:20px;
left:100px;
/**background-color:#96B7D6;**/   
z-index:3;
border:solid 0px white;
    
    } 
#contact_2 
{
position:absolute;
width:300px;
height:300px;
top:20px;
left:500px;
/**background-color:#96B7D6;**/   
z-index:3;
border:solid 0px white;
    
    } 
       
    
.bg_map 
{
  background-image:url('../images/bg_map.jpg');
  background-repeat:repeat-x;  
    
    }    

.ProductItem 
{
    top:10px;
    left:5px;    
    
    }

#ProductAmount 
{
    position:absolute;
    right:40px;
    bottom:152px;
    
    
    }

#products_layer {
background-color:Transparent;
position:absolute;
bottom:10px;
left:0px;
width:958px;
height:135px;
border-bottom-style:solid;
border-bottom-color:White;
border-bottom-width:2px;
border-top-style:solid;
border-top-color:White;
border-top-width:2px;
border-left-width:0px;
border-right-width:0px;	
}

#product_navigation {
    background:url('../images/products_submenu.jpg') no-repeat;    
    position:absolute;
    top:0px;
    left:7px;
    width:945px;
    height:29px;
    border:solid 0px white; 
    
}
#product_navigation_bike{
    position:absolute;
    top:8px;
    left:80px;
    font-size:12px;    
    }
#product_navigation_xcski{
    position:absolute;
    top:8px;
    left:280px;
    font-size:12px;    
    }
#product_navigation_nordic{
    position:absolute;
    top:8px;
    left:470px;
    font-size:12px;    
    }
#product_navigation_running{
    position:absolute;
    top:8px;
    left:690px;
    font-size:12px;    
    }

.product_navigation_link:hover 
{
    cursor:pointer;
    font-weight:bold;
    color:#C29B00;
    }

#product_filters {
    position:absolute;
    top:31px;
    left:7px;
    width:945px;
    height:20px;
    border:solid 0px white; 

} 

#product_filters_season {
    position:absolute;
    top:5px;
    left:80px;
    font-size:12px;    

    }
#product_filters_genre {
    position:absolute;
    top:5px;
    left:500px;
    font-size:12px;    
    
    }
.FilterLinkActive 
{
    font-weight:bold;
    font-size:14px;
    color:#C29B00;   
    }
.FilterLinkPassive 
{
    font-weight:normal;
    font-size:12px;
    color:White;   
    }
    

#product {
background-color:Transparent;
position:absolute; 
border:solid 0px white;
top:60px;
left:50px;
width:850px;
height:310px;    
    }

#product_picture 
{
    position:absolute;
    left:5px;
    top:5px;
    width:380px;
    height:320px;
    background-color:White;
    text-align:center;
    }


#product_url 
{
    }    


#PI_image 
{
    /*height:370px;
        */
    }    
#PI_content 
{
    margin-top:20px;
        
    }    
.NumberSmall
{
 font-size:smaller;
 color:Gray;
 margin-top:0px;
    }

#product_info 
{
    position:absolute;
    right:5px;
    top:0px;
    border:solid 0px white;
    width:400px;
    height:385px;
    }    
#product_info h2 
{
    margin-top:0px;
    }    
    
#footer {

position:relative;
width:958px;
height:28px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
z-index:1;
border:solid 0px white;
}

#footer_corner_right
{
   position:absolute;
   width:9px;
   height:9px;
   right:0px;
   top:0px;
   background:url('../images/footer_corner_right.gif') no-repeat;     
    }
#footer_corner_left
{
   position:absolute;
   width:9px;
   height:9px;
   left:0px;
   top:0px;
   background:url('../images/footer_corner_left.gif') no-repeat;     
    }
 #footer_middle
 {
  position:absolute;
  left:9px;
  width:940px;
  height:10px;
  background-color:#1B2831;  
     
     }
 #footer_text 
 {
  position:absolute;
  left:10px;
  bottom:0px;
  color:#1B2831;   
     
     }    
     
#right_bottom {
	background:url('../images/yoko_bottom.jpg') no-repeat;
	width:709px;
	height:170px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}