@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none;  }

/*
Evraz Red/Dark Orange - #FF3D00 100%;
Orange - 				#FF6200 100%
Light Orange -          #FFC000 100% 
Grey    			    #606060; ,#87888c; from Evraz Vikovice
My Grey: #606060

*/
	
h1 {
	color: #FF3D00;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #FF6200;
	padding-bottom: 7px;
	margin-bottom: 10px;
	}
	
h2 {
	color: #FF3D00;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 7px;
	margin-bottom: 10px;
	}
	
	
h3 {
	color: #FF3D00;
	float: none;
	text-align: left;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 14px;
}

h4 {
	color: #FF3D00;
	float: none;
	text-align: left;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight:bold;
}

h5 {
	color: #FF3D00;
	float: none;
	text-align: left;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight:bold;
	border-bottom: 1px solid #FF6200;
}

.Heading  {
	color: #606060;
	font-size: 14px;
	text-align: right;
	}

:focus { outline: 0; }

p {
	padding-bottom: 20px;
	line-height: 16px;
	text-align: justify;
	font-family: Arial,Verdana, sans-serif;
	font-size:12px;
	color: #606060;
	}

table { border-collapse: collapse; border-spacing: 0; }

body {  background-color: white; 
	font-family: Arial,Verdana, sans-serif;
	font-size: 12px;
	line-height: 1;
     }

body ul li {
	line-height: 16px;
	/*list-style-type: disc;*/
	list-style-position: outside;
	font-family: Arial,Verdana, sans-serif;
	
}

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

#wrapper {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.7em;
	text-align: right;
	text-transform: none;
	font-weight: lighter;
	background-repeat: repeat;
	position: absolute;
    left: 50%;
    width: 760px;
    margin-left: -380px;
}

#wrapper #header       /* Evraz Logo */
{
	height: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: left;
	float:left;
	}
	
#wrapper #header2     /* Best Employer */
{
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	float: RIGHT;
	text-align: left;
	}	
	
	
#wrapper #header img {
	margin: 0px;
	padding: 0px;
}

#wrapper #nav {
	float: left;
	font-size:11px;
	z-index: 1000;
	position: relative;
	clear: both;
	padding-bottom:20px;
	}

#wrapper #nav a{text-shadow: 1px 1px 1px #000; }

#wrapper #nav p {
	color: #606060;
	font-size: 16px;
	text-align: center;
		}

ul.topnav {
	background-color: 	#FF3D00;  /* Main Menu - Red Band */ 
	list-style: none;
	margin: 0;
	float: left;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	background-repeat: repeat-x;
	width: 760px;
	}
	
ul.topnav li {
	float: left;
	margin: 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	list-style-type: none;
	padding-top: 0;
	padding-right: 3px;
	padding-bottom: 0;
	padding-left: 0;
	text-align: center;
	}
	
ul.topnav li a{
	color: white;
	display: block;
	text-decoration: none;
	float: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	
}
ul.topnav li a:hover{
	background-color: #FF3D00; /* Sub Menu - Red Band */ 
	background-position: center top;
}

ul.topnav li span { /*--Drop down trigger styles--*/

	width: 17px;
	height: 35px;
	float: left;
	background-image: url(images/subnav_btnNEW.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
    background-color: white;  /* Sub Menu - drop down color */ 
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0;
	top: 35px;
	margin: 0;
	padding: 0;
	display: none;
	float: left;
	width: 150px;
	z-index: 1000;
	}
	
ul.topnav li ul.subnav li{
	margin: 0;
	padding: 0; /*--Create bevel effect--*/
	clear: both;
	width: 150px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#606060;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #606060;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #606060;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #606060;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 148px;
	padding-left: 0px;
	color: #606060;
	}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background-color: #FF3D00;   /* Hover Color */
}

#wrapper #stevecol 
{
	font-size:12px;
	font-family: Arial,Verdana, sans-serif;
	text-align: left;
	width: 150px;
	clear:both;
	float: left;
	height: auto;
	background-color: white;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	}

#wrapper #stevecol ul {
	color: #606060;
	padding-bottom: 15px;
	list-style-type: none;
}

#wrapper #stevecol ul li a {
	color: #606060;
	line-height: 25px;
	list-style-type: none;
	padding: 0px;
	list-style-image: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:  #606060;}
	
	#wrapper #stevecol ul li a:hover {
	color: #FF6200; }

	#wrapper #content  a:hover {
	color: #FF6200; }

#wrapper #content {
	text-align: justify;
	padding-top: 33px;
	padding-right: 25px;
	padding-bottom: 8em;
	margin-bottom:0px;
	border:0;
	padding-bottom: 33px;
	color: #606060;
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	clear: none;
	padding-left: 20px;
	height: 100%;
	width: 542px;
	height:auto !important;
	/*border: 1px outset #606060;*/
	font-family: Arial,Verdana, sans-serif;
	font-size: 12px;
}
#wrapper #contenthome {
	text-align: justify;
	background-color: #FFF;
	padding-top: 33px;
	padding-right: 20px;
	padding-bottom: 8px;
	color: #606060;
	background-repeat: repeat-y;
	background-position: left;
	width: 720px;
	float: left;
	clear: none;
	padding-left: 20px;
	height: 100%;
	margin-right: 0px;
	height:auto !important;
	background-image: url(images/content_spacer.gif);
	
	}
	
#wrapper #contenthome p a:hover {
      color: #FF6200;
}	

#wrapper #contenthome a {
		color: #606060;
	}

#wrapper #content ul{
	padding-left: 12px;
	margin-bottom: 20px;
	font-size: 12px;
}
#wrapper #content #documents{
	height: auto;
	width: auto;
	background-color: white;
	list-style-image: none;
	list-style-type: none;
	text-decoration: none;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid color: #606060;
	color: #606060;
	font-size: 12px;
}
#wrapper #content #documents a {
  	color: #606060;
    text-decoration: none;
}

#wrapper #content #documents h2 {
  	color:#FF3D00;
	font-weight:bold;
  }

#wrapper #content #documents  a:hover {
	color: #FF6200; }
	
#wrapper #content #documents p  a:hover {
	color: #FF6200; }
	
#wrapper #content p  a:hover {
	color: #FF6200; }
	
	#wrapper #content ul  li {
	font-size: 12px; }

#wrapper #content table caption {
	font-size: 12px;
	font-weight: bold;
	/*border-bottom-style: solid;
	border-bottom-color: #003B63;
	border-bottom-width: 2px;*/
	margin-bottom: 2px;
	line-height: 16px;
	text-align: left;
}
#wrapper #content #documents ul {
    margin: 0px;
    padding: 0px;
	font-size: 12px;
}

#wrapper #content #documents ul li{
    list-style-type: none;
    list-style-image: none;
    text-decoration: none;
	font-size: 12px;
}
#wrapper #content #documents ul li a {
  	color: #606060;
	
    text-decoration: none;
	font-size: 12px;
}

#wrapper #footer ul li a {
  	color: #606060;
    text-decoration: none;
}
#wrapper #footer ul li a:hover {
	color: #FF6200;  /* Links hover color */
}

#wrapper  #footer{
	width: 760px;
	float: left;
	margin-right: -3px;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 8px;
	text-align: right;
	background-repeat: repeat-y;
	background-position: right;
}
#wrapper #footer ul  li{
	color: #606060;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	font-size:12px;
}
#wrapper #footer  ul{
	display: inline;
	padding-right: 10px;
}

#content a[href$='.pdf'] {
background:transparent url(images/pdf.gif) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:20px;
text-decoration:none;
}

#footer a[href$='.asp'] {
background:transparent url(images/add.gif) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:20px;
text-decoration:none;
text-shadow: 1px 1px 1px #000;
}

#footer a[href$='#top'] {
background:transparent url(images/back_to_top.png) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:20px;
text-decoration:none;
text-shadow: 1px 1px 1px #000;

}

#footer a:visited[href$='.asp'] {
background:transparent url(images/visited.gif) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:20px;
text-decoration:none;
text-shadow: 2px 2px 2px #000;
}

#top {
    background-image: url(images/top.png);
    background-repeat: repeat-x;
    height: 50px;
    width: 100%;
    float: none;
    background-position: bottom;
    background-color: #003B63;
}

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table, td{
    font-family: Arial,Verdana, sans-serif;
}
table{
	width:100%;
	border-collapse:collapse;
	font-size: 12px;
	float: none;
	clear: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	}
th{
	color: #FF3D00;
	text-align:left;
	padding:5px;
	/*border:1px solid #fff;*/
}

 td{
	color: #606060;
	color: #FF3D00;
	text-align:left;
	padding:5px;
	/*border:1px solid #fff;*/
}
th{
    color: #606060;
  	background-color:white;      /* Table color */
  }
	  
th a:hover{color: #FF6200;}    /* Table color */
  
td{background-color: #white;	}    /* Table color */

td a:hover{color: #FF6200;}    /* Table color */


* {margin: 0; padding: 0; outline: none;}
img {border: none;}
a {color: #606060;}

.main_image {
	background-color:  #606060;
	width: 460px;
	height: 340px;
	float: left;
	position: relative;
	overflow: hidden;
	color: #606060;
	z-index: 0;
	
	
}

#wrapper #imageslider {
	height: auto;
	float: left;
	clear: none;
	width: auto;
	margin-bottom: 16px;
	overflow: hidden;
	width: 740px;
 	background-color:white;   /* This is the color around the slider */
	padding: 10px;
	border: 1px solid #FF3D00;
	position: static;
	z-index: 0;
	
	
}
#wrapper #imageslider .main_image .desc .block p a {
    background:transparent url(images/add.gif) center left no-repeat;
  
display:inline-block;
padding-left:20px;
line-height:20px;
text-decoration:none;
list-style-type:none;


}
}
#wrapper #imageslider    .main      h2{
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	float: left;
}
#wrapper #imageslider .main_image p  {
	font-size: 12px;
	margin: 0;
	line-height: 15px;
	color: #FFF;
	color:#606060;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#wrapper #imageslider .main_image a  {
	color: white;
}

#wrapper #imageslider .main_image a:hover  {
	color: #FF6200; 
	
}


#wrapper #imageslider .block small{
	background: url(icon_calendar.gif) no-repeat 0 center;
	font-size: 12px;
	text-align: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
#wrapper #imageslider .main_image .block small{margin-left: 10px;}
#wrapper #imageslider .main_image .desc{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 460px;
	display: block;
	
}
#wrapper #imageslider .main_image .block{
	width: 460px;
	border-top: 1px solid black;
	background-color: black;
	
}
#wrapper #imageslider .main_image a.show
{
background-position: left bottom;

} 


#wrapper #imageslider .image_thumb{
	float: left;
	width: 270px;
	background: white;
	/*border-right: 1px solid #fff;
	border-top: 1px solid #ccc;*/
}
#wrapper #imageslider .image_thumb img{
	/*border: 1px solid #999999;*/
	padding: 3px;
	background: white;
	float: left;
}


#wrapper #imageslider .image_thumb ul {
    margin: 0; padding: 0;
    list-style: none;
	font-weight: normal;
	   
}

/* Note this is where to change for image slider on home page */

#wrapper #imageslider .image_thumb ul li {
    background-COLOR:#white;  /*to change for image slider on home page*/
	margin: 0;
	width: 267px;
	float: left;
	list-style-type: none;
	background-position: top;
	color: #606060;
  	padding: 5px;
	/*border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #606060;
	border-right-color: #606060;*/
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color:#606060;
}
#wrapper #imageslider .image_thumb ul li.hover{
    cursor: pointer;
  	background-color:white;   /*to change for image slider on home page*/
    background-position: center ;
	}
	
#wrapper #imageslider .image_thumb ul li.active{
    background: white ;
    cursor: default;	
}


html .image_thumb ul li h2 {
	font-size: 12px;        /*to change for Link Texteg. sheq policy slider on home page*/
	font-weight:bold;
	color:#FF3D00;          /*color for links on slider mining,ironmaking etc.  */  
	margin: 5px 0;
	padding: 0;    
    }

html .image_thumb ul li.hover  h2{
	 color:#606060 ;         /*hover color for links on slider mining,ironmaking etc.  */  
   }
   
html .image_thumb ul li.active  h2{
	 color:#606060 ;         /*active color for links on slider mining,ironmaking etc.  */  
   }   


.image_thumb ul li .block {
	float: left;
	margin-left: 10px;
	padding: 5px;
	width: auto;
}   
.image_thumb ul li p{display: none;}
#wrapper #header #content ol li{
	list-style-position: outside;
	list-style-type: decimal;
	padding-left: 8px;
	padding-bottom: 16px;
}
#wrapper #header #content ol{
	padding-left: 12px;
	line-height: 16px;
}

#wrapper
#header
#contactFormContainer
            {
    left:300px;
    float:right;
    top: 0px;
   	background-color: white;
    background-position: top;
    position: absolute;
            }
#wrapper
#header
#contactForm
            {
    height:auto;
    width:600px;
    display:none;
            }
#wrapper #header
#contactForm
fieldset
            {
	padding:5px;
	border:none;
	display: block;
	float: left;
            }      
#wrapper #header
#contactForm
label
            {
	display:block;
	color:#F00;
	padding: 5px;
            }      
#wrapper #header #contactForm input[type=text]
            {
    display:block;
    border:solid 1px #4d3a24;
    width:600px;
    margin-bottom:10px;
    height:24px;
            }  
#wrapper #header
#contactForm
textarea
            {
    display:block;
    border:solid 1px #4d3a24;
    width:600px;
    margin-bottom:10px;
            }  
#wrapper #header #contactForm input[type=submit]
            {
               background-color: #999999;
               border:solid 1px #23150c;
               color: #DADADA;
               padding:5px;
            }   
#wrapper #content #contactform .button {
	color: #606060;
	background-color:  #999999;
	width: 100px;
	height: auto;
	margin-top: 20px;
	padding: 5px;
}
			
#wrapper
#header
#contactLink
            {
	height:auto;
	width:600px;
	background-image:url(images/menu.png);
	display:block;
	cursor:pointer;
	color: #606060;
	font-size: 16px;
	font-weight: normal;
	padding: 5px;
	text-align: center;
	background-position: bottom;
	background-color: #04395E;
            }
#wrapper
#header
#messageSent
            {
    color:#F00;
    display:none;
            }
#wrapper #content ol li {
	list-style-type: decimal;
	list-style-position: outside;
	line-height: 15px;
	margin-left: 2px;
	margin-bottom: 16px;
}
#wrapper #content ol {
	padding-left: 20px;
}


#wrapper #content ol li ul  {
	padding-left: 15px;
}
#wrapper #content ol li ul li {
	list-style-type: disc;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#wrapper #content ol li ul li ul  {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
#wrapper #content p a {
    text-decoration: none;
 color: #606060;
    font-weight: normal;
}


#wrapper #content #Export Sales Agents {
    float: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    background-color: #000;
}
#wrapper #content ol li a {
   	color: #606060;
    text-decoration: none;
}
#wrapper #content ol li a:hover {
  	color: #606060;
}
#wrapper #content ol h2 {
	line-height: 15px;
	padding-left: 0px;
	font-weight: bold;
	color: #FF3D00;
}
#wrapper #content table tr td a {
  	color: #606060;
    text-decoration: none;
}
#wrapper #content ol li ul ul {
	padding-top: 20px;
}
#wrapper #content ol li strong {
    font-weight: bold;
}
#wrapper #content h2 {
  	color: #FF3D00;
    font-size: 14px;
}
#wrapper #content strong {
    font-weight: bold;
}
label {
	display:block;
	float:none;
	width:auto;
	color: #606060;
	padding-bottom: 5px;
	padding-top: 10px;
}
input {
	color: #606060;
	width: 250px;
	padding: 5px;
	border: 1px solid #B7B7B7;
}



textarea {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	width: 300px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}
select {
	padding: 5px;
}

#Agents
{
	margin:0;
	border:0;	
	height: auto;
	padding: 20px;
	text-align: left;
	font-family:Arial,verdana,sans-serif;;
	font-size:12px;
color: #606060;
	line-height:20px;
}

#Agents a {
  	color: #606060;
    text-decoration: underline;
}

#Agents table tr td  {

    background:inherit;
    text-decoration: none;
    border:0;
}