/*

Added new css for  Metsec Main website, By Jie Liang
 
*/



#c-mainContent{
 padding-top:10px;

}



#c-mainContent li a:hover{
color:#666666;

}


.c-mainTitle {
	font-size: 22px;
	color: #333333;
	padding-top: 15px;
	padding-bottom: 15px;
}


h1.c-colorMain 
{
   margin-top:10px; 
    
    }

.cb{
clear:both;}

.c-margin0
{
    margin:0;
    }

.c-colorMain{
	color:#2F5FA9;
}

.backgroundColorMain
{
 	background-color:#2F5FA9;
 	color:#fff;
}
    

.c-overview{
	width:90%;
	margin: 0 auto;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;	
	
}
.c-mainBoldText {
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	text-align: justify;
}


.c-productRange

{ 
  margin-left:90px; 
}
.c-productLists
{
  margin:0 auto;
	padding:2px 0;
	/*width:100%;*/
	list-style:none;


}


.c-productTitle{
	height:30px;
	text-align:center;
	font-weight: bold;
	

}
.c-productLists li{
width:110px;
padding:0 5px 0 0;
float:left;

}

.c-productLists li img{
border:none;
}



.c-block{
	width:269px;
	float:left;
	margin-left: 0px;


	
}
.c-block li{
	
 
}

.c-image {
	float:right;
	margin-right:20px;

}



.c-search2
{
    float:right;
	color: #FFFFFF;
	
	padding-right: 20px;
	vertical-align:middle;

}

.c-search2 form 
{
   margin-bottom:2px;
    
    }

.c-search3
{
    float:left;
	color: #0078ab;
	font-weight:bold;
	font-size:14px;
	margin:10px 0 0 20px;

}

.c-search4
{
   
	color: #fff;
	
	
	margin-top:98px;
	margin-right: 20px;

}

 span.c-link1
{
  	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../gfx/bulletGrey.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px; 

    }
span.c-link1 a
{
    font-weight:bold;
    }

    
   .c-links img
   {
       vertical-align:middle;
       border:0;
       
       } 
       
       
   
.c-links a
{

font-weight:bold;
color:#2F5FA9;
}

.c-links span a
{
    color:#000000;
 }
 
 

.c-links a:hover{
color:#666666;

}

.c-infor
{
    bottom:0px;
    
    }


h4 a
{
   color: #2F5FA9;

    }
    
h4.c-colorMain
{
    clear:both;
    margin-top:5px;
    }






.c-iconLinks
{    
	height:110px;
	width:165px;
	}

	.c-iconLinks a
{    
  
	text-decoration:none;

	}

.c-iconLinks img{
margin-left:16px;
margin-right:16px;
}


 .mainImage img
{
    border:0;
 
    }
  
    

/* imageMap for cable management contact*/

.c-imageMap{
	width:100%;
	height: auto;

}

.c-mapWraper{
	width:400px;
	height:500px;

	margin-top: 20px;

}
.c-infor{
	width:244px;
	height:190px;
	position: relative;

	left: 274px;
	top: -500px;
}
.c-message{
	position:absolute;
	background-color:#ffffff;

	
	width: 244px;

}
.c-message .t-header{
    text-align:center;

	height:20px;	
	background-color:#2f5fa9;
}

.c-message h4 {
    margin:0;
	color:#FFFFFF;
	font-size:	14px;

}

.c-message .t-title{
font-weight:bold;
width:40%;

}


#area1,#area2,#area3,#area4,#area5,#area6,#area7{
visibility:hidden;}


    
    


/* 
  header images...
  */
  
  
.c-header{
    width: 950px;
    height: 138px;
    background: url(../siteImages/headerMetstrut.jpg);
}

.c-headerRollForming
{
     width: 950px;
    height: 138px;
    background: url(../siteImages/headerRollForming.jpg);
    
    
    }

.c-headerProfile
{
     width: 950px;
    height: 138px;
    background: url(../siteImages/headerProfile.jpg);
    
    
    }




.c-metstrutHeader,.c-commonHeader
{
background-color:#2F5FA9;
 
    }
    
    
 
 
 
 
 /*.jobsHeader,
 .sustainableHeader {
	background-color: #2F5FA9;
}*/
 

 
 
 
 /*new color scheme*/
 
 .c-colorGreen{
color:#339966;
}

.c-colorGreen p{
    color:#339966;
}

.c-colorLavender{
color:#9966CC;
}

.c-colorLavender p{
color:#9966CC;
}

.c-colorBlue{
color:#00A8E6;
}

.c-colorBlue p{
    color: #00A8E6;
}

.c-colorPlum{
color:#9A4D2C;
}

.c-colorPlum p{
color:#9A4D2C;
}

.c-colorOrange
{color:#E86A17;
    }
.c-colorOrange p
{
    color: #E86A17;
}

.c-colorRed
{color:#B7152E;
   
    }

.c-colorRed p
{
    color:#B7152E;
}

/*header background images*/

    
 
 
 
 
 
 
 
    

    
   /*dropdown menu */
        
 /* 
	LEVEL ONE
#dropdown-menu * {margin: 0; padding: 0;}
 background: #dcddde;
border-left: 2px solid #fff;
               						  border-right: 2px solid #fff;





*/
     .headerHome
{
   	background-color: #dcddde;
  
	width:950px;
	height: 50px;
	
	border-bottom-width: 2px;
	border-bottom-style: solid;
	
	border-bottom-color: #0078ab;
	
	padding-top: 10px;
	
	border-top:#fff 2px solid;

	vertical-align: bottom;
    
    
    }


#dropdown-menu 
{
    	
	

    text-align:left;
    height:50;
    
    }
#dropdown-menu ul                    { float:right;list-style: none;  margin:0;padding:0;  }

ul.dropdown                         { position: relative; z-index:5000;	 }
ul.dropdown li                      { font-size: 15px; float: left;   }
ul.dropdown a:hover		            { color: #2f5fa9; }
ul.dropdown a:active                { color: #2f5fa9; }
/*#0078ab;
#de4041
#2f5fa9;
*/
ul.dropdown li a                    { display: block; padding: 2px 4px; border-left: 2px solid #fff;
	 								  color: #111; }
ul.dropdown li.first-child a         { border-left: none; } /*  */

ul.dropdown li:hover                {  color: #fff; position: relative; font-weight:400; }
ul.dropdown li.hover a              { color: #999; }


/* 
	LEVEL TWO
#0078ab;

*/
ul.dropdown ul 						 
{   
    margin:0;
    padding:0; width: 150px; visibility: hidden; position: absolute; top: 100%; left: 0; 
     /* border-left: 2px solid #000; */								  
       border-right: 2px solid #fff;
       
               						  }
ul.dropdown ul li 					
{
     font-weight: normal; font-size:12px; background-color: #dcddde;
	 border-bottom: 2px solid #fff; float: none; 
	 	         						 
									  padding: 0;
									  }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{color: #111; border-right: none;  display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }       
    
    
    
  /*
tabs

*/   

ul.tabs {
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs-- 
    border-bottom: 1px solid #999;
	border-left: 1px solid #999; */
	
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--

	border: 1px solid #999;
*/

	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--
    background:#e0e0e0;

*/
	overflow: hidden;
	position: relative;
	 background:  #dcddde;
	


}
ul.tabs li a {
	text-decoration: none;
		 color:#000;
	display: block;
	font-size: 1em;
	padding: 0 10px;
	
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
	

}
html ul.tabs li.active a
{color:#fff;	
    
    }

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #2f5fa9;
	
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab-container {
/*	border: 1px solid #999;*/
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; 
	background: #fff;
	width:100%;
}
.tab-content {
	padding: 20px 0;
	/*font-size: 1.2em;*/
}

    
        
        
 /*
video block and related information

*/
.box984_bg_blue
{
    margin:0px auto 20px auto;
	padding:0;
	width:984px;
background:url(../images/box984_bg_blue.gif) repeat-y;
}
.box984_t_blue{
background:url(../images/box984_t_blue.gif) top no-repeat;
}

.box984_b_blue{	
	padding:10px;
	background-image: url(../images/box984_b_blue.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.slidershow_h{
	height:226px;
}
.slidershow_h2{
	height:246px;
}        


.headerExtra
{    
    height:360px;
  margin-top:0px;
  padding-top:20px;
  
   width:950px;

   
    background-color:#fff;
  border-bottom:2px solid #000;
 /*

    background-color:#dcddde; 
 border-top:2px solid #000;
  margin-top:-2px;
     border-bottom:2px solid #999;*/
    
    }

.headerExtra3
{    
    height:300px;
  margin-top:0px;
  padding-top:30px;
  
   width:950px;

 
    background-color:#fff;
  border-bottom:2px solid #000;
  }
 /*

    
    
/* sum: width 940 height 310px;   */
 .videoWrapper{
    background:#fff url("../siteImages/video-large.jpg") no-repeat center;
    height:240px;
    width:300px;

    padding:35px 320px;

    }   
    
       .videoObject
    {
     
           
        height:240px;
        width:300px;
        background-color:#fff;
        color:#000;
      
        }
    
 
    
    .videoWrapper2
{
    background:#fff url("../siteImages/video-small.jpg") no-repeat center;
    height:294px;
    width:100%;

    }
    
    .videoWrapper2 .videoObject2
    {
        margin:47px 131px;
        
        height:200px;
        width:250px;
        background-color:#fff;
        color:#000;
        
        }
        
        .videoLinks
        { background-color:#2f5f9a;
            
            color:#fff;
            line-height:20px;
            
            }
            
               .videoLinks a
               {   font-size:14px;
                   color:#fff;
               
                   
                   }