/*
     FILE ARCHIVED ON 0:45:23 Mar 15, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:26:00 Feb 8, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
@charset "utf-8";

/* CSS Document */



body{

	background: url(../images/bg.jpg) no-repeat fixed center top;

	margin: 0;

	padding: 0;

	direction: ltr;

	font: bold 12px/24px Tahoma;

	text-align: justify;

}

#werb{

	width:1000px;

	height:1%;

	margin:0 auto;

	padding:0;

	position:relative;

}

a{

	color:#760406;

	text-decoration:none;

}

ul{

	list-style:none;

	margin:0;

	padding:0;

}

li{

	margin:0;

	padding:0;

}

p{

	margin:0;

	padding:0;

}

div{

	margin:0;

	padding:0;

}

img{

	border:0;

}

.clear{

	clear:both;

}

.r_img{

	float:right;

	margin:0 5px;

	padding:0;

}

.l_img{

	float:left;

	margin:0 5px;

	padding:0;

}

.font1{

	margin:0;

	padding:0;

	color:#fff;

    text-align: left;

	font:bold 14px/24px Arial;

}

#top{

	width:1000px;

	height:1%;

	float:left;

	margin:5px 0 0;

}

.top_a{

	width:1000px;

	height:150px;

	float:left;

	position:relative;

}

.logo{

	width:155px;

	height:156px;

	position:absolute;

	top:0;

	left:0;

	z-index:999;

}

#top_menu{
	width:859px;
	height:64px;
	float:right;
	margin:50px 0 0;

}
/*
#top_menu ul{
	width:829px;
	height:38px;
	float:left;
	padding:13px 15px;	
}

#top_menu ul li{
	height:38px;
	float:left;
	display:block;
	margin:0 5px;
	font:bold 16px/38px Arial;
}

#top_menu ul li a{
	color:#4d4d4d;
	padding:0 22px;
	height:38px;
	float:left;
	border-radius:19px / 19px;
    font-size: 13px;
}

#top_menu ul li a:hover{
	color:#fff;
	background:url(/web/20150315004523/http://metcoco.com/templates/images/hover.png) repeat-x center top;
}

.top_menu_style a{

	color:#fff !important;

	background:url(/web/20150315004523/http://metcoco.com/templates/images/hover.png) repeat-x center top;

}*/

#banner{
	width:986px;
	height:519px;
	float:left;
	padding:7px;
    z-index: 0;
}

#content{

	width:976px;

	height:1%;

	float:left;

	padding:10px;

	border:2px solid #545353;

	border-radius:0 0 15px 15px;

	box-shadow:0 0 10px #525151;

	background:url(../images/bg_content.png) repeat;

}

#level1{

	width:976px;

	height:1%;

	float:left;

	margin-bottom:10px;

}

.level1_l{

	width:520px;

	min-height:170px;

	float:left;

	border:1px solid #adadad;

	border-radius:10px / 10px;

	padding:10px 10px 35px 10px;

	position:relative;

	background:url(../images/bg_box.jpg) #fff no-repeat center center;

}

.level1_l_more a{

	width:65px;

	height:24px;

	color:#fff;

	position:absolute;

	right:10px;

	bottom:5px;

	text-align:center;

	border-radius:5px / 5px;

	background:url(../images/more.jpg) repeat-x center top;

}

.level1_r{

	width:400px;

	height:195px;

	float:right;

	border:1px solid #adadad;

	border-radius:10px / 10px;

	padding:10px;

	background:#fff;
    

}

.level1_r img{
    display: block;
    margin: 0 auto ;
}


#level2{

	width:976px;

	height:1%;

	float:left;

	margin-bottom:10px;

}

#level2 ul{

	width:976px;

	height:1%;

	

}

#level2 ul li{

	width:290px;

	height:147px;

	float:left;

	border:2px solid #c6c6c6;

	border-radius:20px / 20px;

	margin:0 4px !important;

	background:url(../images/bg_box_bottom.jpg) repeat-x center top;

}

#level2 ul li img{

	width:131px;

	height:147px;

	float:left;

	border-radius:17px 0 0 17px;

}

.level2_text{

	width:149px;

	height:137px;

	float:right;

	color:#fff;

	padding:5px;

	position:relative;

	font: bold 11px/18px Arial;

	border-radius:0 20px 20px 0;

}

.level2_text_more a{

	width:70px;

	height:24px;

	position:absolute;

	right:10px;

	bottom:3px;

	border-radius:5px / 5px;

	text-align:center;

	color:#fff;

	font: bold 12px/24px Arial;

	background:url(../images/more_box.jpg) repeat-x center top;

}

.footer{

	width:1000px;

	height:40px;

	float:left;

	text-align:center;

	margin:10px 0 0;

}



/********my custom css**********/

.level1_l{

    word-wrap: break-word;

  

}



.inner_data{

    background: #fff;

    overflow: hidden;     
    word-wrap: break-word;
}



.titled{

    display:table;

    background: #848383;

    padding: 8px;

    border-left: solid 3px #444444 ;

    text-shadow: 1px 1px 10px #fff;

    font-size: 18px;

    border-radius: 0 0 10px 0;

    margin-bottom: 10px;

}



.article_image{

    float: left;

    margin-right: 10px;

}



/* scroller */

.jcarousel-container-horizontal {

	width:911px;

	height:160px;

	float:right;

	margin:0;

	padding:0;

}

.jcarousel-clip {

    overflow: hidden;

}



.jcarousel-clip-horizontal {

    padding: 0;

    margin: 0;

    width:900px;



  

}



.jcarousel-item {

    height: 160px;

    margin: 0 10px 0 15px !important;

	padding:0;

}



#gallery_next{

	width:47px;

	height:57px;

	float:right;

	margin:55px -15px 0 1px;

	padding:0;

}

#gallery_back{

	width:47px;

	height:57px;

	float:right;

	margin:55px 0 0 -15px;

	padding:0;

}







/**************/

.products{

    overflow:hidden;

    float: left;

    height:300px ;

    border: solid 1px #A3A3A3;

    border-radius: 15PX;

    background-color:#949494;

    width: 195px;

    text-align: justify;

    padding: 10px;

    margin:13px 13px;

    color: #fff;

    font-size:15px ;

   	/*-moz-border-radius:15px;

	-webkit-border-radius:15px;

    

    

     -webkit-transition: all .3s ease-out;

    -moz-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    transition: all .3s ease-out; */

}



.products a{

    text-decoration: none;

    color:#fff ;

  text-shadow:2px 2px 4px #000000;

    

}





.products:hover{

    /*  box-shadow: 8px 5px 5px  #888888;

-moz-transform: scale(1.05);

    -webkit-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

    -ms-transform: scale(1.05);

    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=1.05, M12=-0, M21=0, M22=1.05); */

    

}



.products_img{

    margin: 0 auto;  

}



.prod_link {  

    text-align: center;

    font-size: 13px;

    font-family: "tahoma";

    font-weight: normal;

}







#socials{

    position: absolute;

    top: 10px;

    right: 200px;

    z-index: 100000000;

}



/********menu**********/
#navbar {
	margin: 0;
	padding: 0;
	height: 1em; 
}
#navbar li {
	list-style: none;
	float: left; 
    position: relative;
}
#navbar li a {
	display: block;
	padding: 3px 8px;

	color: #fff;
	text-decoration: none; 
}

 
#navbar li ul {
	display: none; 
	width: 10em; /* Width to help Opera out */
    width: auto;
    white-space: nowrap;
    background: #969696;
    height: auto;
}
#navbar li ul li a:hover,#navbar li ul li:hover {
    border-radius: 0;
    background-color:#376095 ;
}
    
#navbar li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
    z-index: 99999999; 
}
#navbar li:hover li {
	float: none; 
}

#navbar li:hover li a {
    
	color: #000; 
}
#navbar li li a:hover {
    background: none;
}          
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; top: 35px;
    left: 0;}
#navbar li:hover li, #navbar li.hover li {
	float: none; 
    }
#navbar li:hover li a, #navbar li.hover li a {
	color:#fff;
   
 }
#navbar ul .top_menu_style, .top_menu_style  a{
    background-color: #376095;
    background-image:none ;
    border-radius: 0;
 }
 
 .prodcat{
    width: 200px;
    float: left;
    height: 250px;
    border-radius: 10px;
    margin: 20px;
    position: relative;
    border: 2px solid #ccc;
 }
.prodcat a{
    background: rgba(135,135,135,.7);
    position: absolute;
    bottom: 0;
    display: block;
    text-align: center;
    width: 100%; 
    border-radius: 0 0 8px 8px;   
}
.prodcat img{
    width: 200px;
    height: 250px;
     border-radius: 8px 8px 8px 8px;   
}

/***************/

#slides img{
    width: 984px;
    height: 515px;
    
}
#banner{
    position: relative;
    
}
#prev,#next{
    z-index: 1000000000000000;
    position: absolute;
}

#prev{
    top: 250px;
    left:25px;
}

#next{
    top: 250px;
    right: 25px;
    
}
pre {
    font-family: Times New Roman !important;
  
    line-height: 26px;
    text-align: justify;
    white-space: pre-line;
    word-wrap: break-word;
   	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -pre-wrap;  
    white-space: -webkit-pre-wrap;  
	white-space: -o-pre-wrap; 
}