
/*---- main-----*/
@charset "utf-8";
/* CSS Document */

/*________________________________________Reset Start_______________________________________*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,pre,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;}body{line-height:1}ol,ul{list-style:none} blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none} del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*________________________________________Reset End_______________________________________*/

sup, sub {font-size:80%}
sup {vertical-align:super}
sub {vertical-align:sub}

body {color: #696969; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; }
.specialfonts {font-family: 'VAG Rounded W01 Thin', Arial;}
.firstword {color:#ff3700}

/* ------------- Global starts here ---------- */
h1, h2, h3, h4, h5, h6{margin: 5px 0 10px 0; }
h1{font-family: 'VAG Rounded W01 Thin', Arial; font-size: 2.2em; padding-bottom:24px; font-weight: normal;}
h2{font-family: 'VAG Rounded W01 Thin', Arial; font-size:1.8em; font-weight:normal;}
h3{font-family: 'VAG Rounded W01 Thin', Arial; color: #696969;font-size: 1.36em;font-weight: normal;}
h4,h5,h6{padding-bottom:4px; font-weight:bold;}
a{color:#ff3700; text-decoration:none; outline:none; }
p{margin: 0 0 20px 0; font-size: 1.2em; line-height: 1.3;}
.skiplinks{display:none;}
#contentLeft ul {list-style:none;}
#contentLeft li{font-size:1.2em; padding-bottom:4px;}
.clear{ clear:both;}

/* ------------- Global ends ---------- */


/* ------------------------- Header starts ------------- */
#MainWrapper{ background: url("~/media/Images/A/Arcelormittal-Canada/css/header.gif") repeat-x top center;float:left;width:100%;}
.hide{display:none;}
.header-wrapper {float:left; width:100%; margin:0; padding:0 0 25px 0;}
.ie7 .header-wrapper{padding-bottom:23px;}
.header-container {width:980px; margin:0 auto; padding:0; sborder-top:2px solid #ff3700;}
.logo {float:left; width:154px;}
.logo img {margin:19px 0 0 0}
.top-navigation {float:left; width:574px}
.top-navigation ul {float:right; margin:11px 0 54px 0}
.top-navigation ul li {float:left; margin-right:15px}
.top-navigation ul li a {font-size:1.2em; color:#696969}
.top-navigation ul li.active {font-size:1.2em; color:#FF3700}
.top-navigation ul li.lang {border-right: 1px solid #696969;    margin-right: 7px;    padding-right: 7px;}


.search-wrapper {width:252px; float:left; margin:8px 0 0 0}
.search-wrapper input#SearchTextbox{ width:215px; height:15px; padding:2px 7px 2px 7px; color:#ff3700; float:left; border:1px solid #f0f0f0; background-color:#f0f0f0; font-size:1.2em; font-family:Arial, Helvetica, sans-serif;}
.division {float:left; clear:both}
.division img {margin:29px 0 0 0}
/* ------------------------- Header ends ------------- */


/* ------------------------- Menu starts ------------- */
.menu-wrapper {width:100%; height:28px; clear:both; background-color:#878787; border-top:1px solid #ede9e0; border-bottom:1px solid #ede9e0; float:left; }
ul#section-Homepage-level1 {width:980px; margin:0 auto; padding:0}
ul#section-Homepage-level1 li {float:left; color:#fff; margin:0 35px; padding:6px 0; font-size:1.4em}
ul#section-Homepage-level1 li.first {margin:0 4px 0 0}
ul#section-Homepage-level1 li.last { margin-right:0}
ul#section-Homepage-level1 li a {color:#fff}
/* ------------------------- Menu ends ------------- */


/* --------------------   Home content starts --------------- */
.content-wrapper {width:980px; margin:0 auto; padding:0}
.left-column {width:786px; float:left; margin:40px 18px 0 0}
.flex-caption p{float:left;  font-size:1em; color:#fff; }
/*.landing-banner .flex-caption p{float:left; font-size:1.3em; color:#DCD4C2;  }*/
.home-D .left-column {margin-top:25px}
.home-D .right-column {margin-top:25px}
/* ---------------------- 1st row ----- */

.first-row {float:left; clear:both; width:786px; border-top: 1px solid #e5dfd1; padding:0px 0 135px 0; margin-top:25px}
.first-row h2 {position:relative; z-index:99; top:15px; width:400px; margin:0}
.first-row ul li {width:249px; float:left; margin:0 19px 0 0}
.first-row ul li img {margin-bottom:0; border:0}
.home-D .first-row {margin-top: 0;}
.item-description {background-color:#f2f2f2; padding:14px 6px; margin-top:-3px}
.item-description p.title {color:#ff3700; margin:0 0 2px 0; font-weight:bold}
.item-description p.pro-desc {margin-bottom:1px}
.item-description p.pro-desc a { background:url('/~/media/Images/A/Arcelormittal-Canada/icons/show-more-arrow.gif') no-repeat 66px 5px; display:inline-block; width:75px; margin-left:5px height:13px;}
.applemac-safari5 .item-description p.pro-desc a { background:url('/~/media/Images/A/Arcelormittal-Canada/icons/show-more-arrow.gif') no-repeat 66px 4px; display:inline-block; width:75px; margin-left:5px height:13px; }
.jcarousel-skin-rotator {overflow: hidden; margin-top:-6px}
.jcarousel-skin-rotator .jcarousel-container-horizontal {swidth: 786px; padding-top: 38px; border:0px solid #fff; }
.jcarousel-skin-rotator .jcarousel-clip-horizontal{border:0 solid #fff; swidth:786px;}

.jcarousel-skin-rotator .jcarousel-prev-horizontal {background: url('/~/media/Images/A/Arcelormittal-Canada/icons/carousel-left-arrow.gif') no-repeat center; cursor: pointer; height: 18px; right: 25px; position: absolute; top: 3px; width: 16px;}
.jcarousel-skin-rotator .jcarousel-next-horizontal {background: url('/~/media/Images/A/Arcelormittal-Canada/icons/carousel-right-arrow.gif') no-repeat center; cursor: pointer; height: 18px; right: 5px; position: absolute; top: 3px; width: 16px;}
.jcarousel-skin-rotator .jcarousel-clip {overflow: hidden;}
.jcarousel-skin-rotator .jcarousel-direction-rtl {direction: rtl;}


/* ---------------------- 2nd row ----- */

.second-row {float:left; clear:both; width:786px; border-top: 1px solid #e5dfd1; padding:0px 0 10px 0; margin-top:9px}
.second-row h2 {position:relative; z-index:99; top:15px; width:400px; margin:0}
.second-row ul li {width:249px; float:left; margin-right:19px; height:98px; position:relative}
.focus-description p.title {color:#fff; margin:0 0 2px 0; font-weight:bold}
.focus-description p.rf-desc {margin-bottom:5px}
.second-row ul li .focus-description{background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.second-row ul li .focus-description { bottom:0px; left:0; width:239px; sheight:98px; padding:3px 5px ; color:#fff; font-size:1.1em; position:absolute;  background:rgba(0,0,0,.6); cursor:pointer}


/* ---------------------- 3rd row ----- */
.third-row {float:left; clear:both; width:786px; border-top: 1px solid #e5dfd1; padding:11px 0 35px 0; margin-top:9px}
.third-row h3 {margin-bottom:7px}
.third-row-box1, .third-row-box2, .third-row-box3, .third-row-box4, .third-row-box5, .third-row-box6 {width:116px; float:left; margin-right:18px; min-height:155px; position:relative; z-index:9}
.third-row-box6 {margin-right:0}
.third-row-box1 p, .third-row-box2 p, .third-row-box3 p, .third-row-box4 p, .third-row-box5 p, .third-row-box6 p {margin-bottom:4px; line-height:normal}
.third-row-box1 p img, .third-row-box2 p img, .third-row-box3 p img, .third-row-box4 p img, .third-row-box5 p img, .third-row-box6 p img {float:right; position:absolute; z-index:99; right:-5px; bottom:16px }
.show-me a { background:url(../images/show-more-arrow.gif) no-repeat 55px 5px; display: block;}


/* ------------------------ right column starts--------- */

.right-column {width:176px; float:left; margin:40px 0 0 0}
.product-container {float:left; width:100%; clear:both; border-bottom:1px solid #FF3700; margin-bottom:19px; position:relative; }
.product-title {border-top:1px solid #ff3700; float:left; width:100%; /*border-bottom:1px solid #ff3700;*/}
.product-title h2 {margin-bottom:7px}

.product-item {float:left; width:100%}
.product-item ul li {clear:both; padding:2px 0; border-bottom:1px solid #e1e1e1; float:left; width:100%}
.product-item ul li.last-item {border-bottom:none; padding-bottom:10px}
.product-item ul li img {float:left; margin-right:10px}
.product-item ul li p.product-name {float:left; width:116px; color:#ff3700; margin:7px 0 }
.down {background:url('/~/media/Images/A/Arcelormittal-Canada/icons/down-arrow.gif') no-repeat 98% 10px ;}
.up {background:url('/~/media/Images/A/Arcelormittal-Canada/icons/up-arrow.gif') no-repeat 98% 10px ;}


.latest-news {float:left; width:100%}
.latest-news h2 {margin-bottom:23px; margin-top:0}
.home-latest-news {float:left; width:100%;}
.latest-news p img{float:left; margin-right:12px; border:1px solid #e2e1df;}
.news-item p img{float:left; margin-right:12px; border:1px solid #e2e1df;}
.newsBigImage{padding-bottom:11px;}
.news-item {float:left; line-height:1.6em; padding-bottom:20px}
.news-item p {float:left ; margin:0; font-size:1.1em;}
.news-item p.date{margin-right:40px;}
.news-item p span {margin: 0 3px}
.news-item a {font-size:1.2em; }
.news-item p.short-description {clear:both; margin:5px 0; float:left; width:100%; font-size:1.2em; }

/* --------------------   Home content ends --------------- */



/* --------------------   Landing page css starts here --------------- */

.content-section-landing {float:left; width:517px; margin:22px 20px 0 0; padding-bottom:80px}
.content-section-landing p.intro-text {font-size:1.6em; padding:3px 0 10px 0; margin-bottom:0 }
.rgt-col-landing {float:left; width:248px; margin-top:25px; padding-bottom:80px}

/* ------------------------ Highlighted box starts--------- */

.highlighted-box {width:517px; background:#dee6e9; float:left; margin-top:7px}
.hl-box-content { float:left; width:280px; padding:9px 0 0 9px;}
.hl-box-content p { margin-bottom:5px}
.hl-box-content h3 { font-size:1.6em; color:#ff3700}
.hl-box-image { float: left; width:225px}

/* -------------------- Tab starts----------------------- */

#latestItems {float: left; width: 248px;}
ul.tabs {margin: 0;	padding: 0;	float: left; list-style: none;
	height: 24px; /*--Set height of tabs--*/
	width: 248px;
	border-bottom: 1px solid #F0F0F0;
}

#latestItems ul li.first {border-left:none}
#latestItems ul li.first a {padding-left:0}
#latestItems ul li.current {padding:3px 0 0 1px; width:66px; text-align:center}

#tab_container{float:left; padding-top:8px; width:248px}
.raws {float: left; margin-bottom: 10px; width: 248px;}
.raws a {font-size:1.2em;}
.raws p {margin:0}

#latestItems #itemTabs{margin-top:25px;}
#latestItems div#itemTabs {padding: 23px 0 0 11px; border-top:1px solid #e8e8e8}
ul.tabs li {	float: left;	margin: -1px 0 0 0;	padding: 0;
	height: 24px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 23px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #f2f2f2;	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;	position: relative; z-index:3000; border:1px solid #f2f2f2; margin-left:-1px;
}
ul.tabs li a {	text-decoration: none;	display: block;	font-size: 1.5em;	padding: 0 9px;
	border: 1px solid #fff; 	outline: none; color:#696969;text-decoration:none!important }
#latestItems ul.tabs li.active a{background:none; color:#FF3700;}
html #latestItems ul.tabs li.active {border-bottom: 2px solid #FFFFFF !important;}
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--*/
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
	top:-2px;	height:26px; line-height: 25px; }
.tab_container {overflow: hidden; clear: both; float: left; width: 250px; background: #d4ceb6;z-index:1000;}

#contentRightBox2 {float:left; margin-left:10px; margin-top:25px;}

.image {border-bottom: 1px solid #F2F2F2; float: left; margin-right: 9px;}
.data p {display: inline;}
ul.link li {font-size:1.2em; padding-bottom:7px}1

ul.tweet_list li.tweet_first {margin-top: 2px;}
ul.tweet_list li {float: left; margin-bottom: 10px; padding-right: 5px; font-size:1.16em; line-height:1.2em}
.tweet_avatar {float: left;  margin-right: 9px;}
pre.code {height:1px}

/* --------------------   Landing page css ends here --------------- */


/* -------------------- Content Page starts ----------------------- */
.breadcrumb-wrapper {float:left; width:100%; clear:both; padding:11px 0 17px 0}
.breadcrumb-wrapper ul {float:left;}
.breadcrumb-wrapper ul li {float:left; padding-right:5px; font-size:0.9em; line-height:1.3em}
.breadcrumb-wrapper ul li a {color:#969696; padding-right:3px}
.breadcrumb-wrapper ul li span img {vertical-align:middle}

.construction {float:left; clear:both}
.construction img {margin:19px 0 0 0}
.content-left-column {width:176px; float:left; margin:0 18px 0 0; padding-bottom:80px; padding-top:20px;}
.content-right-column {width:786px; float:left; margin:0; padding-bottom:67px;}
.section-title {float:left; width:155px;; clear:both}

#video-gallery .content-right-column {width:785px !important;}

.section-title h1{font-size:2.2em; width:158px; line-height: 1.3em; padding-bottom:25px; font-weight:normal; margin:0}

.left-nav {width:155px; float:left; clear:both}
.left-nav ul li {font-size:1.2em; border-bottom:1px solid #f0f0f0; background:url('/~/media/Images/A/Arcelormittal-Canada/css/left-nav-arrow.gif') no-repeat left 7px; .background:url('/~/media/Images/A/Arcelormittal-Canada/css/left-nav-arrow.gif') no-repeat left 5px; padding: 2px 0 4px 12px; .padding: 00 0 4px 12px; width:142px; line-height:1.4em}
.left-nav ul li.current{background: url("/~/media/Images/A/Arcelormittal-Canada/css/left-nav-arrow-link.gif") no-repeat scroll left 7px transparent;
    color: #FF3700;}
.left-nav ul li a {color:#696969; display:block; cursor:pointer;}
.left-nav ul li.current.haschildren, .left-nav ul li.selected.haschildren { background: url("/~/media/Images/A/Arcelormittal-Canada/css/left-nav-arrow-sel.gif") no-repeat scroll left 9px transparent;}
.left-nav ul li.selected a {color: #FF3700; display: inline-block;}
.left-nav ul li ul#section-news-level3 li.haschildren, .left-nav ul li ul#section-press-releases-level3 li.haschildren {background-image: none !important;
padding-bottom: 4px;}
.left-nav ul li ul li { background: none repeat scroll 0 0 transparent; border: medium none; font-size: 1em; padding-left: 12px; width: 137px;}
.left-nav ul li.selected ul li.haschildren { background: url("/~/media/Images/A/Arcelormittal-Canada/css/left-nav-arrow.gif") no-repeat scroll 3px 6px transparent;}
.left-nav ul li.selected ul li.first { background-position: 5px 13px !important; padding-top: 8px !important;}
.left-nav ul li.selected ul li {background: none repeat scroll 0 0 transparent;}
.left-nav ul li.selected ul li a, .left-nav ul li.selected ul li.selected ul li a{color: #696969;}
.left-nav ul li ul li ul li{padding-left:10px;}

.content-section {float:left; width:515px; margin:22px 10px 0 0;}
.content-section h2 {margin-top:0; /*color:#ff3700*/}
.content-section h3 {font-size:1.5em}
.content-section .intro-text p{font-size:1.6em; padding:8px 0 10px 0; }
.content-section #landing-intro p a{font-size:0.8em;}
.rgt-col-rgt-section {float:left; width:260px; margin-top:25px; }
.cta {background-color:#ffe1d9; padding:12px 10px; float:left; margin-bottom:12px; width:240px}
.cta h3 { color:#ff3700; font-size:1.6em}
.cta input {width:236px; border:0; background-color:#f0f0f0; padding:5px 2px; margin-bottom:18px; color:#ff3700; font-size:1.2em}
.cta input.subm-btn {float:right; width:50px; height:21px; background-color:#ff3700; color:#fff; padding:1px 5px 8px 5px; line-height:1.5em; margin:0}

.related-information, .dwnldBox {background-color:#f0f0f0; padding:12px 10px; float:left; width:240px}
.related-information h3 { color:#696969; font-size:1.6em; margin-bottom:12px}
.information h4 {color:#ff3700; font-size:1.5em; margin-top:0; padding-bottom:0; font-weight:normal}
.information p {margin-bottom:15px}
.information p a img{margin-left:2px}
.download p {color:#ff3700; margin-bottom:12px}
.download li {margin-bottom:20px}
.download li a {color:#696969; font-size:1.2em; background:url('/~/media/Images/A/Arcelormittal-Canada/css/rt-arrow.gif') no-repeat 0 2px; padding-left:14px}
.download li img { vertical-align:middle; padding-left:5px;}

.fr-landing {float:left; clear:both; width:516px; border-top: 1px solid #e5dfd1; padding:0px 0 10px 0; margin-top:0}
.fr-landing h2 {position:relative; z-index:99; top:15px; width:400px; margin:0}
.fr-landing ul li {width:249px; float:left; margin:0 19px 0 0}
.fr-landing ul li img {margin-bottom:0; border:0}

.quote {background-color:#f0f0f0; padding:25px 12px 5px 12px; float:left; width:236px}
.quote p {color:#5b8093; font-size:1.3em}
.quote p span {font-size:1.5em; font-weight:bold}

/* -------------------- Page Tools starts here ----------------- */

#pageTools{font-size:1.2em; clear:both; padding-bottom: 23px; padding-top: 50px; .padding-top:47px; float:left; width:155px}
#pageToolsContainerLeft.selected{background: url('/~/media/Images/A/Arcelormittal-Canada/css/pagetools-bg.jpg') left center;border-right: 0px;}
#pageToolsContainerLeft { cursor:pointer; float: left;  height: 69px;   padding: 5px 2px;   width: 20px;}
#pageToolsContainer{background: url('/~/media/Images/A/Arcelormittal-Canada/css/pagetools-bg.jpg') right ; float: left;padding: 5px 0; width:125px; height:69px;}	
#pageTools a {color:#696969; float:left;}
#pageTools img{float:left;}
#printContainer,#bookmarkContainer,#shareitContainer{float: left; margin-left: 7px; padding-top: 3px; width: 110px; }
#printContainer,#bookmarkContainer{border-bottom:1px solid #ffd7cc;}
#printContainer{padding-bottom: 3px;}
#bookmarkContainer{padding-bottom: 5px; padding-top:5px;}
#printContainerImage,#bookmarkContainerImage,#shareitContainerImage{float:right;}
#printContainerImage{padding-right:5px;}
#printContainerImage img{padding-left:62px;}
#printContainer span, #bookmarkContainer span, #shareitContainer span{float:left;}
#bookmarkContainerImage{padding-right:8px; padding-top:0px;}
#bookmarkContainerImage img{padding-left:35px;}
#shareitContainerImage{padding-right:8px;}
#fbShare{padding-right:12px;}
#fbShare,#twitterShare{float:left;}

/* -------------------- Content Page ends ----------------------- */


/* ------------------- Footer starts --------------------- */

.footer-wrapper {width:100%; padding:10px 0; height:110px; background-color:#e5e5e6; clear:both}
.footer {width:980px; margin:0 auto; padding:0}
.footer .footer-left{ float:left}
.footer .footer-right{ float:right}
ul.footer-nav {width:700px;/*width:850px;*/ margin:0 12px 0 0; padding:0; float:left}
ul.footer-nav li {float:left; color:#999; margin:0 24px 0 0; font-size:1.2em}
ul.footer-nav li a {color:#999}
ul.footer-nav li a:hover {color:#ff3700}
ul.london-logo {width:117px; float:left}

/* ------------------- Footer endss --------------------- */


/* -------------------- News Page starts here ----------------- */
#contentMain {float: left; min-height: 204px; width: 785px;}
.pr-description{float:left;}
.ip3-news-and-media .pr-description img{float: left; padding: 0 10px 10px 0;}
#contentLeft { float: left;width: 515px;margin: 22px 10px 0 0;}
#search-results #contentLeft {width: 745px;}
.noBorder {border: medium none !important;}
.sectionHeader {color: #FF3700; float: left;padding-bottom: 13px;width: 100%;}
.sectionHeader h2 {font-size: 2em; font-weight: normal;}
#press-release {float:left;}
#press-release span{font-size:1.2em;}
.years {background: none repeat scroll 0 0 transparent;border-bottom: 1px solid #F0F0F0;float: left;width: 485px;}
.months {clear: both;float: left;width: 485px;}
#latestPress { clear: both; float: left; margin-top: 22px;}
.years ul li.first {border-left: 1px solid #F2F2F2;}
.years ul li { border-right: 1px solid #F2F2F2; border-top: 1px solid #F2F2F2; display: block; float: left; margin-top: 1px; padding: 8px 14px 7px 12px;}
.years ul li.selected a, .months ul li.current{color:#FF3700;}
.months ul li.first current{color:#FF3700;}
.years ul li.current {color: #FF3700; margin-top: 0;  padding: 8px 14px 8px 12px;}
.years ul li a, .months ul li a{ color: #696969;}
.months {clear: both;float: left; width: 485px;}
.months ul li {background-color: #F0F0F0; display: block; float: left;font-size: 0.9em; padding: 8px 11px 7px;}
#latestPress{clear: both;float: left; margin-top: 22px;}
.item { border-bottom: 1px solid #FF9B7F; float: left; margin-bottom: 5px; padding-bottom: 6px; width: 485px; font-size:1.2em;}
.date { background: url("/~/media/Images/A/Arcelormittal-Canada/css/sep-grey.gif") no-repeat scroll right center transparent; color: #696969; float: left; padding-right: 10px;}
.itemData {float: left; margin-left: 10px; width: 386px;}
#contentMain a:hover{ text-decoration: underline;}

/* -------------------- News Page ends here ----------------- */




/* -------------------- BOD Starts  here ----------------- */

#pattern_bod_1 {float: left; padding-bottom: 15px; padding-top: 20px; width: 100%;}
.contactheadings {color: #696969; float: left;font-size: 1.17em; padding-bottom: 26px;width: 485px;}
.contactName { float: left; font-weight: bold; padding-right: 32px; width: 130px;}
#pattern_bod_1 .bod_1_contact { float: left;  position: relative;  width: 485px;}
#pattern_bod_1 .bod_1_textlink {border-top: 1px solid #F89378; cursor: pointer; display: block; float: left; padding: 6px 0 5px; width: 485px;}
.showDown { background: url('/~/media/Images/A/Arcelormittal-Canada/icons/down-arrow.gif') no-repeat scroll 99% 12px transparent;}
.showUp { background: url("/~/media/Images/A/Arcelormittal-Canada/icons/up-arrow.gif") no-repeat scroll 99% 12px transparent;}
#pattern_bod_1 .bod_1_biography-container{float:left;}
#pattern_bod_1 .bod_1_biography-container, #pattern_bod_1 .bod_1_selected{float: left;margin: 0; width: 485px;}
#pattern_bod_1 .bod_1_person-img {float: right; margin: 5px 0 0 20px; padding-bottom: 8px;}
#pattern_bod_1 .bod_1_biography {float: none;text-align: left;}
.bod_1_biography p {padding-bottom: 23px; padding-right: 1px;}
.landing-banner{float: left; padding-bottom: 17px;  position: relative; z-index: -999;}
#pattern_bod_1 .bod_1_biography-container{float: left; padding-top: 12px;}
#introTextContent{float: left;width:100%;}
#introTextContent p{font-size: 1.6em;}
#group-management-board #pattern_bod_1 .bod_1_name { min-width: 120px;}
#pattern_bod_1 .bod_1_name {    color: #FF3700; float: left; padding-right: 42px; width: 97px;}
#bodContainer{font-size:1.2em;}
#bodContainer p{font-size:1em; padding-bottom:0px;}
#contentRight {float: left; width: 260px;}
.relatedLinks{ background-color: #F0F0F0; float: left;padding: 11px 12px 6px; width: 236px;}
.relatedLinks h3{ padding-bottom: 7px; font-size:1.6em;}
.relatedLinks ul li {list-style: none outside none; padding-bottom: 7px; font-size:1.2em;}
#pattern_bod_1 .bod_1_position { float: left; padding-right: 22px; width: 172px;}
#pattern_bod_1 .bod_1_status { float: left; padding: 0; width: 112px;}
.contactRole {float: left; padding-right: 22px; width: 174px; font-weight:bold;}
.contactStatus{float:left; width:100px;  font-weight:bold;}

/* -------------------- Error Page Starts  here ----------------- */


ul.error {float: left; padding-top: 20px;}
ul.error li.error { font-size: 1.1em;}
table td.error { font-size: 1.1em; font-weight: bold;}
ul.error li p {padding-bottom: 15px;}
.searchresultpage ul li{padding-bottom:5px;}
.searchresultpage p{margin-bottom:15px;}
.ip3search_highlight {color:#FF3700;}
/* -------------------- Contact Us Starts  here ----------------- */


#contactformContainer {background:#f0f0f0; padding:9px; font-size:1.2em;}
#contactformContainer div span {float:left; width:135px;}
#contactformContainer div {margin-top:8px;}
#contactformContainer .contactformSubmitButton {height:22px;margin-bottom:9px;
width:94px;margin-left: 135px;}
#contactformContainer div input{width:300px; color:#696969; font-size:98%; border:0; height:18px;}
#contactformContainer div select {color:#696969; font-size:98%;border:0;height:18px;font-family: Arial,Helvetica,Verdana;}
* +html #contactformContainer div select{height:21px;}
#contactformContainer textarea {width:300px; height:160px;border:0}
#contactformContainer .contactformnotesLabel {width:400px; clear:both; text-align:left; padding-bottom:15px}
span.required {color:red; float:none!important;} 
#contact-us .sectionHeader {float:none}
#contacttop{background: none repeat scroll 0 0 #F0F0F0; padding: 9px 9px 0;}
#contacttop p{margin-bottom:0px;}
#contactbottom table td {line-height: 16px; padding: 10px 35px 20px 15px; vertical-align: top;}
#contactbottom {background: none repeat scroll 0 0 #F0F0F0; margin-bottom:68px; font-size:1.15em; }

/* -------------------- Publication & Reports Starts  here ----------------- */

#pattern_faq_1 {   clear: both; width: 485px;}
#archivewrap { clear: both; float: left; padding-top: 10px; font-size:1.2em;}
#pattern_faq_1 .faq_1_question{color:#FF3700;line-height:16px;padding:3px 18px 3px 0}
#pattern_faq_1 .faq_1_answer{padding:14px 0 7px}
#pattern_faq_1 .faq_1_answer p{width:457px;margin-right:5px;color:#696969}
#pattern_faq_1 .faq_1_close{color:#0f4078;font-weight:bold;margin-bottom:3px;margin-top:10px;padding-right:8px;text-align:right;float:right}
#pattern_faq_1 .faq_1_last{border-bottom:1px solid #f0f0f0}
#pattern_faq_1 .faq_1_container{border-top:1px solid #f0f0f0;float:left;width:485px}
.faq_1_question .faq_date{float:left;width:90px}
.faq_1_question .faq_title{float:left;width:374px}
.ip3-presentations #pattern_faq_1 .faq_1_answer{padding-left:91px}
#pattern_faq_1 #archivewrap .faq_1_first{border-top:none}
#pattern_faq_1 .faq_1_first,#pattern_faq_1 .faq_1_first .faq_1_answer,.login-toggle_content-hover{display:block}
#pattern_faq_1 ul li{background:url('/~/media/Images/A/Arcelormittal-Canada/css/grey-square.gif') no-repeat 0 5px;padding-left:16px;padding-bottom:6px;line-height:130%!important}
.ip3-presentations #pattern_faq_1 h3{float:left;padding-top:15px}
table.rad-border{margin-bottom:20px;background:#f9f8f6}
.topborder{border-top:1px solid #B1B1AF}
table.rad-border th,table.rad-border td{text-align:left;vertical-align:top}
table.rad-border td{border-bottom:1px solid #B1B1AF;vertical-align:top;padding:5px 0 5px 5px}
table.rad-border th{border-bottom:1px solid #FF9B7F;border-top:1px solid #FF9B7F;text-align:left;background:#fff;font-weight:normal;padding:4px 0 2px 5px}
table.rad-border td.aligncenter,table.rad-border th.aligncenter{text-align:center;padding-right:10px}
#contentMain table a{ line-height: 16px;}



/* -------------------- Image Gallery Starts  here ----------------- */



#images #pattern_bod_1,#images #pattern_bod_1 .bod_1_contact{padding-top:3px!important}
#pattern_bod_1 .bod_1_gallerytextlink{border-top:1px solid #ff9b7f;cursor:pointer;display:block;float:left;width:100%;color:#FF3700;padding:6px 0 16px}
#pattern_bod_1 .bod_1_gallerytextlink p.titleImagesMain{float:left;padding-bottom:0;width:400px; margin-bottom:0; }
#pattern_bod_1 .bod_1_gallerytextlink p.viewMore{padding-bottom:0;padding-right:16px;float:right; margin-bottom:0; }
#pattern_bod_1 .bod_1_gallerytextlink span{float:right;margin-right:15px}
.ip3-news-and-media .bod_1_gallery .last{border-bottom:0!important}
.ip3-news-and-media .largeimage{text-align:center;height:425px}
.ip3-news-and-media #pattern_bod_1 .last{border-bottom:1px solid #ff9b7f;margin-right:0}
.ip3-news-and-media .galleryPannel{float:left;padding-bottom:21px;margin-right:7px;margin-top:5px;width:157px}
.ip3-news-and-media .galleryPannel.first{clear:left}
.bod_1_gallery-container{clear:both;width:100%;float:left}
.bod_1_gallery-container .galleryItemBox img{margin-bottom:5px}
.moreimages{float:left;clear:both;width:100%;background-color:#fff;position:relative}
.plusimg{position:absolute;right:6px;top:76px}
#header, .bod_1_gallery-container .galleryItemBox .thumbimg{position: relative;}
.crotator ul li{float:left;overflow:hidden;width:150px;margin-right:10px}
.crotator ul li .video-desc{color:#FFFFFF;font-size:1.1em;position:absolute;bottom:0;left:0;width:100%;background:#ff3700;padding:7px 9px}
#Homepage #contentLeftSlider {
width: 826px;
height: 144px;
margin-top: 8px;
background: none;
float: left;
}
#tickers {
float: left;
padding-top: 16px;
width: 100%;
}
#Homepage #tickers h2.img-caro-title {
float:left;
width: 154px;
}
/*#contentLeftSlider{width:517px;height:144px;margin-top:23px;background:#f4f2ed;float:left}
h1.dnwld { font-family: Arial; font-size: 1em; font-weight: bold; padding-bottom:0; margin:1px 0 3px;}
.ip3-multimedia-gallery #contentLeftSlider{background: none repeat scroll 0 0 transparent; height: 96px; margin-top: 12px; width: 100%;}

.ip3-multimedia-gallery .jcarousel-skin-rotator .jcarousel-container-horizontal { border: 0 solid #000000; margin-left: 15px; padding: 0 16px; width: 720px;}
.ip3-multimedia-gallery .jcarousel-skin-rotator .jcarousel-clip-horizontal { height: 86px; width: 720px;}
.ip3-multimedia-gallery .jcarousel-skin-rotator .jcarousel-item { height: 86px; width: 136px;}
*/
.ip3-multimedia-gallery .jcarousel-skin-rotator { height: 86px; margin-bottom: 7px; margin-left: 0; margin-top:0;}
.ip3-multimedia-gallery .jcarousel-skin-rotator { height: 86px; margin-bottom: 7px; margin-left: 0;}
.ip3-multimedia-gallery .jcarousel-skin-rotator .jcarousel-container-horizontal {width: 720px;padding: 0px 16px;margin-left:15px; border:0px solid #000; }
.ip3-multimedia-gallery .jcarousel-skin-rotator .jcarousel-container-vertical {width: 136px;}
.ip3-multimedia-gallery .jcarousel-skin-rotator .jcarousel-next-horizontal { width: 16px; height: 86px;    cursor: pointer;}
.ip3-multimedia-gallery .jcarousel-skin-rotator .jcarousel-direction-rtl .jcarousel-next-horizontal {    left: 5px;    right: auto;}
.ip3-multimedia-gallery .jcarousel-skin-rotator .jcarousel-prev-horizontal { position: absolute;  top: 0;  left: 0;  width: 16px;  height: 86px;  cursor: pointer;}
.ip3-multimedia-gallery .crotator ul li .video-desc { bottom:0; left:1px;width:124px;height:auto; padding:3px 5px; color:#FFFFFF; font-size:1.1em; position:absolute;  background:#ff3700;cursor:pointer}
.ip3-multimedia-gallery .jcarousel-skin-rotator .jcarousel-item {height: 86px;width: 136px;}
.ie6 .ip3-multimedia-gallery .crotator ul li .video-desc {height:33px;}
.ip3-multimedia-gallery #contentLeftSlider {background:none; height:96px; margin-top:12px;  width: 100%;}
.ip3-multimedia-gallery .jcarousel-skin-rotator .jcarousel-clip-horizontal{ height: 86px; width: 720px;}
.ip3-multimedia-gallery .crotator ul li.current img { border: 1px solid #FF3700;}
#video-gallery .crotator ul li img, .ip3-multimedia-gallery .crotator ul li img {border:1px solid #f0f0f0}
#notes-box{background: none repeat scroll 0 0 #F0F0F0; line-height: 18px; padding: 13px;}
#notes-box h2{color:#FF3700;}
#contentMain .galleryItemBox p{margin-bottom:0;}
.tags, .tagType { float: left; font-size: 1.2em; margin-top: 2px;}
.tagType a {color: #696969;display: inline;margin-bottom: 5px;padding-left: 3px;padding-right: 3px;}


/* -------------------- Sitemap ---------------------*/
#sitemap:after,#sitemap ul:after{clear:both;content:".";display:block;height:0;visibility:hidden}
* html #sitemap,* html #sitemap ul{height:1%}
#sitemap{float:none!important;list-style-type:none;background:url('/~/media/Images/A/Arcelormittal-Canada/css/line1.gif') repeat-y scroll 0 0 transparent;display:block;min-height:1%;margin:46px 0 0;padding:0}
#sitemap ul{float:none!important;list-style-type:none;min-height:1%;display:block;margin:0;padding:0}
#sitemap li{list-style-type:none;line-height:13px;position:relative;margin:0;padding:10px 0 0;font-size:1em;}
body.applemac-safari5 #sitemap li{line-height:13px;padding-top:25px;position:relative}
* html #sitemap li{display:block;float:left}
#sitemap li a{padding-left:28px; height:1px; }
#sitemap li span{background:url('/~/media/Images/A/Arcelormittal-Canada/css/left-nav-arrow-link.gif') no-repeat scroll 5px 3px transparent;cursor:pointer;float:left;height:13px;left:5px;padding-left:20px;position:absolute;top:5px;z-index:0; font-size:1.2em;}
#sitemap ul li ul li span{font-size:1.2em;}
#sitemap li span.collapsed{background:url('/~/media/Images/A/Arcelormittal-Canada/css/collapsed.gif') no-repeat scroll 0 0 transparent}
li#nav-news-releases-level2 span.collapsed,li#nav-financial-news-level2 span.collapsed{background:none repeat scroll 0 50% transparent!important}
#sitemap li span.expanded{background:url('/~/media/Images/A/Arcelormittal-Canada/css/expanded.gif') no-repeat scroll 0 0 transparent}
#sitemap li ul{background:url('/~/media/Images/A/Arcelormittal-Canada/css/line1.gif') repeat-y scroll 0 0 transparent;padding-left:28px}
#sitemap li li{background:url('/~/media/Images/A/Arcelormittal-Canada/css/line1.gif') no-repeat scroll 0 1px transparent!important}
body.ie7 #sitemap li ul,body.ie7 #sitemap li ul li ul{padding-top:16px}



/*---------------Related Infromation ---------*/

.dwnldBox { padding: 11px 12px 0;}
.dwnldBox ul li { background: url('/~/media/Images/A/Arcelormittal-Canada/css/dwnldarrow.gif') no-repeat scroll left center transparent;  line-height: 16px;  padding-left: 9px;}
#contentMain .dwnldBox p{padding-bottom:4px;}
.dwnldBox ul{ padding-bottom: 17px;}




/*---------------Adobe Content---------*/
.adobe {clear: both; padding-top: 25px;}
.adobe img {    float: left; margin-right: 10px;}

/*------- navigation start ---------*/
#mainNavigation{float:left;width:100%;position:relative}
#mainNavigation ul li{float:left;padding-left:10px;padding-right:12px;margin-right:22px;font-size:1.4em;color:#696969;margin-left:0;}
#mainNavigation ul li a{color:#696969;text-decoration:none;display:inline-block;padding-top:3px;padding-bottom:2px}
.ie7 #mainNavigation ul li a, .ie7 #mainNavigation ul li#nav-Homepage-level1.current img{padding-top:2px;}
#mainNavigation ul li#nav-Homepage-level1{padding-left:0;padding-right:23px;background:none;margin-right:0}
#mainNavigation ul li#nav-Homepage-level1 span{visibility:hidden}
#mainNavigation ul li#nav-Homepage-level1.current img{padding-top:3px}
.ie7 #mainNavigation ul li.level1,.rightGrayBox h3,#factbookContent h2,#joinUsContent h2,#contentMain .emp-details p,.emp-details p.emp-role,.emp-details p.emp-location,.earningResults,.earningResults h3,.institutionalInvestorDays h3,.retailShareholderEvents h3,.cr #contentLeftUpper .video-container img,.video-desc{padding-bottom:5px}
#mainNavigation ul li.level1,.eventCalendarContent,#leftCol ul li.selected ul li.selected ul li.current,#contentMain .dwnldBox p{padding-bottom:4px}
#mainNavigation ul li.current,#mainNavigation ul li:hover,#mainNavigation ul li.hover{background-color:#f0f0f0}
#mainNavigation ul li a:hover,.bod_1_gallery-container .galleryItemBox h3,.bod_1_gallery-container .galleryItemBox .thmbTitle,#breadcrumb ul li a:hover,#footerLinksContainer ul li a:hover{color:#FF3700}
#mainNavigation ul li#nav-news-and-media-level1{padding-right:21px;margin-right:0}
.applemac-safari5 #mainNavigation ul li#nav-news-and-media-level1{padding-right:15px; margin-right:0}
#mainNavigation ul li ul li,#lightboxcontent1,pre.code,#scrollbar1 .disable,.skiplinks,ul#language-tab li a.selected,#construction #contentMain .relatedArticleList ul li#world-expo p,#construction #contentMain .relatedArticleList ul li#the-world-cup p,#construction #contentMain .relatedArticleList ul li#orbit p,#construction #contentMain .relatedArticleList ul li#world-expo .relatedVideoList,#construction #contentMain .relatedArticleList ul li#the-world-cup .relatedVideoList,#construction #contentMain .relatedArticleList ul li#orbit .relatedVideoList{display:none}
#mainNavigation ul li.selected,.login-active{background:#f0f0f0}


#subNav ul li ul li a:hover{color:#FF3700;background:url(/~/media/Images/A/Arcelormittal-Canada/css/navigation-dropdown-red-arrow.gif) no-repeat left 3px}
#subNav ul li ul li a{background:url(/~/media/Images/A/Arcelormittal-Canada/css/navigation-dropdown-gray-arrow.gif) no-repeat left 3px;padding-left:10px;border:none;color:#696969;padding-bottom:0;padding-top:0}
#subNav ul.section-who-we-are-level2{ height:460px;}


#subNav{position:absolute;z-index:1000;left:0;background-color:#f0f0f0;float:left;font-size:1.4em;top:139px;width:980px;min-height:324px;display:none}
/*.ie7 #subNav{top:48px}*/

.ie7 #menuwrapper { z-index:9999}
.ie7 .content-wrapper { z-index:1}
.ie7 #subNav{top:29px}

#subNav ul{padding-left:23px;float:left;width:748px}
#subNav ul li{font-size:.9em;float:left;padding-top:14px;width:180px;padding-left:0;margin-right:5px;padding-right:0}
#subNav ul li.current{display:block;padding-bottom:5px;color:#ff3700}
#subNav ul li ul{padding-left:0;padding-top:11px;width:auto}
#subNav ul li ul li{font-size:.9em;border:none;margin-right:0;padding:0 0 10px}
#subNav ul li a{display:block;border-bottom:1px solid #dcd4c2;padding-bottom:5px;color:#ff3700}
#subNav ul li ul li.current a{background:none;padding-left:0}
#subNav ul li ul li.current{background:url(/~/media/Images/A/Arcelormittal-Canada/css/dropdown-aoorw-orange.gif) no-repeat left 6px;color:#ff3700;padding-bottom:10px;padding-left:10px;border:none}
#subNav .imagepart{position:absolute;right:10px;border-left:1px solid #dcd4c2;margin-top:10px;min-height:302px}
.nojs #subNav,#banner .story .tagsPage ul{background-color:transparent}

#menuwrapper{margin: 0 auto;position: relative; width: 980px;}



.menu-image-1, .menu-image-2, .menu-image-3 {
    background-color: #FFFFFF;
    clear: both;
    float: left;
    margin-left: 14px;
    padding: 5px;
}
.menu-image-2, .menu-image-3 {
    margin-top: 30px;
}
.menu-image-item a {
    background: url("/~/media/Images/A/Arcelormittal-Canada/css/dropdown-aoorw-orange.gif") no-repeat scroll left 11px rgba(0, 0, 0, 0);
    clear: both;
    float: left;
    font-size: 0.8em;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-top: 6px;
}
.menu-image-item a.nav-image {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    float: left;
    font-size: 0.8em;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
}

/*------- navigation end ---------*/
#Homepage .first-row{margin-top:0;}
#section-press-releases-level3{display:none;}
#landingbannerContainer{float:left;width:100%;overflow:hidden;max-height:282px;}
#inner-banner{float:left;width:100%;}
table.rad-content tr td{vertical-align:top;}
#contentLeft ul{list-style-type:disc;padding-left: 20px;}
#contentLeft ul li{padding-bottom:15px;line-height:15px;}
p.rad-right{float:right;padding-left:10px;}
table td{padding:5px;}
#maincontent{float:left;width:100%;}


#camp-steel-away .highlighted-box{background: none; margin-top: 0px; }
#meeting-minutes-and-presentations #maincontent table tr td{padding: 15px;}

#third-party-communication table td{border: 1px solid;    font-size: 12px;    padding: 5px;    vertical-align: middle;}


/*****************Homepage changes 01-04-2014******************/
#homeDesc{clear:both;margin:0 auto;width:980px;}
#homeDescBox1{font-family: 'VAG Rounded W01 Thin',Arial;font-size: 1.1em;padding-right: 9px;width: 317px;float: left; margin-top: 25px;}
#homeDescBox2 {
    border-left: 1px solid #EDE9E0;
    border-right: 1px solid #EDE9E0;
    min-height: 210px;
    padding-left: 8px;
    padding-right: 8px;
    width: 310px; float: left; margin-top: 25px;

}
#homeDescBox3 {
    float: left;
    min-height: 178px;
       width: 317px; margin-top: 25px;
}
#Homepage #contentRightBox2 {
    float: left;
       margin-top: 0;
}
#latestItems {
       float: left;
    width: 260px;
}
#tab_container {
    float: left;
    padding-top: 8px;
}
#tab_container .downloadbox {
    width: 300px;float: left;
    margin-bottom: 10px;
}
a.trimtitle{font-size: 1.2em;}
#interactionBox {
    background-color: #F8F6F3;
    float: left;
    margin-top: 24px;
    width: 100%;
}
#quickLinks {
    border-bottom: 1px solid #E3DDCE;
    float: left;
    padding-top: 14px;
    width: 100%;
}
#quickLinks h2 {
    float: left;
    width: 164px;
}
#quickLinksBox1, #quickLinksBox2, #quickLinksBox3, #quickLinksBox4, #quickLinksBox5 {
    float: left;
    min-height: 220px;
    padding-bottom: 10px;
    padding-right: 18px;
    position: relative;
    width: 145px;
    z-index: 9;
}
#quickLinksBox5 {
    padding-right: 1px;
}
#quickLinksBox1 a img, #quickLinksBox2 a img, #quickLinksBox3 a img, #quickLinksBox4 a img, #quickLinksBox5 a img {
    bottom: 12px;
    float: right;
    margin-left: 5px;
    position: absolute;
    right: 26px;
    z-index: 99;
}
#quickLinksBox1 p, #quickLinksBox2 p, #quickLinksBox3 p, #quickLinksBox4 p, #quickLinksBox5 p {
    font-size: 1.2em;
    line-height: 1.5em;margin-bottom: 0px;
}
#quickLinksBox1 p a, #quickLinksBox2 p a, #quickLinksBox3 p a, #quickLinksBox4 p a, #quickLinksBox5 p a {
    background: url("~/media/Images/A/Arcelormittal-Canada/css/show-more-arrow.gif") no-repeat scroll 55px 6px transparent;
    display: block;
}
#quickLinksBox1  img, #quickLinksBox2  img, #quickLinksBox3 img, #quickLinksBox4  img, #quickLinksBox5 img {
    bottom: 12px;
    float: right;
    margin-left: 5px;
    position: absolute;
    right: 26px;
    z-index: 99;
}
#quickLinksBox1 p, #quickLinksBox2 p, #quickLinksBox3 p, #quickLinksBox4 p, #quickLinksBox5 p {
    font-size: 1.2em;
    line-height: 1.5em;
}
#quickLinksBox1 p a, #quickLinksBox2 p a, #quickLinksBox3 p a, #quickLinksBox4 p a, #quickLinksBox5 p a {
    background: url("~/media/Images/A/Arcelormittal-Canada/css/show-more-arrow.gif") no-repeat scroll 55px 6px transparent;
    display: block;
}
#interactionBoxContent{margin:0 auto;width:980px;clear:both;}
#Homepage h3 {
    font-size: 1.5em;
    padding-bottom: 6px;
}
#quickLinks h3 {
    font-family: "VAG Rounded W01 Thin",arial;
}
#homeDescBox1 p {
    line-height: 23px;
    font-size: 1.363em;}
table.rad-border.centerv td,table.rad-border.centerv th{vertical-align:middle;}
table.rad-border.centerv p{margin-bottom:0px;}
#pattern_bod_1 .bod_1_position.fullwidth{width:295px;}
.contactRole.fullwidth{width:300px;}
.contactName.fullwidth{padding-right:10px;}
#banner p.homepresstitle span.shortdesc{font-size:0.632em;line-height:15px;}
#banner p.homepresstitle span.newsTitle{float:left;padding-bottom:10px;}
.data {padding-bottom: 15px;}
#paginationBar ul{list-style: none outside none;}


/*---------------Video gallery---------*/

#video-gallery .video-text-container {
float: left;
padding-bottom: 10px;
width: 100%;
}

.video-text {
float: left;
width: 100%;
margin: 25px 0 0;
}

#video-gallery .video-text, .ip3-video-gallery .video-text{
width: 99% !important;
}

#video-gallery #contentRightBox2, .ip3-video-gallery #contentRightBox2 {
float: right !important;
display:none !important;
}

#beAlerted ul.tabs{border-left: 1px solid #f2f2f2;}

#beAlerted ul.tabs li a{padding:0 20px;font-size:1.4em;text-decoration:none!important  }
#beAlerted ul.tabs li.active a {
color:#ff3700;	z-index:3000; outline: none; }

#beAlerted .tab_content {	padding:14px 10px 10px 12px;	font-size: 1em;}
.ie6 #beAlerted .tab_content {padding:10px;}
#news-and-media .tab_content {	padding-top:14px}

#beAlerted #signup-email{width:140px;height:17px;border:1px #fff solid;vertical-align:top;float:none;margin:8px 0; font-size:1.1em;}

#beAlerted #tab1 {
background: url(~/media/Images/A/Arcelormittal-Canada/css/tab1-bg.gif) no-repeat left top;
font-size: 1.1em;
font-weight: bold;
line-height: 1.3em;
}

#beAlerted #tab2 {
background: url(~/media/Images/A/Arcelormittal-Canada/css/tab2-bg.gif) no-repeat left top; font-size: 1.1em; line-height: 1.3em;
}

#beAlerted .tab_content {
padding: 14px 10px 10px 12px;
font-size: 1em;
}

#tab1, #tab2 {
z-index: 1;
}

#beAlerted ul.tabs li a {
font-size: 12px;
}

.tab_container span.getSocialDesc {
display: block;
font-weight: bold;
padding-bottom: 10px;
padding-top: 5px;
}

.tab_container .smIconstabs span.tw_secnd {
padding-right: 10px;
}

.you-tube {
float: right;
padding-top: 10px;
font-size: 1.2em;
}

#video-gallery #contentLeftSlider{
	float: left !important;
	margin-top: 23px !important;

}

#video-gallery .jcarousel-skin-rotator{margin-left: -13px !important; }

.ip3-video-gallery .video-text-container {
float: left;
padding-bottom: 10px;
width: 100%;
}

.ip3-video-gallery .video-text-container{ float:left; padding-bottom:10px; width:100%}

#video-gallery .crotator ul li .video-desc{font-size: 1.1em !important;
line-height: 1.3em !important;}

#video-gallery .sectionHeader{padding-bottom: 2px !important; }

#video-gallery #signup-button {
background: url(/~/media/Images/A/Arcelormittal-Canada/css/signup.jpg) no-repeat center;
height: 21px;
width: 62px;
border: 0;
vertical-align: top;
cursor: pointer;
margin: 8px 0;
}


#playicon
{
position: relative;
background: url(/~/media/Images/A/Arcelormittal-Canada/icons/video-play-icon.jpg) no-repeat center;
width: 41px;
height: 41px;
left: 744px;
top: 440px;
}

.ip3-video-gallery #playicon
{
top: 447px !important;
}

#videov{background:#999; width: 785px;}

.ie9 #videov{width: 784px !important; height:439px !important;}
.ie8 #videov{width: 784px !important; height:439px !important;}

.ip3-multimedia-gallery-images #contentLeftSlider{float: left; margin: 15px 0 0 8px;}

/*body#Homepage #tab_container #tab-1 #XmlXmlContainer p#ln-1
{
display:none;
}*/
/*---Publication----*/
.subTitle{color:#FF3700;}

.top-navigation .social-links{margin:5px;}
body#social-media-hub #lists {font-size:13px;margin-bottom:20px;list-style-type:disc!important;list-style-position:inherit!important}
body#social-media-hub #lists li{display:block;padding:0px;margin-bottom:10px;list-style-type:disc!important;list-style-position:inside!important;display:list-item;}
body#leed-v4-materials-and-resources .sectionHeader {display:none;}


li.hidegraybox {
    background: none !important;
}

li.hidegraybox p.homepresstitle {
    display: none;
}
#architects-corner table.rad-content tr td h3, .ip3-architects-corner table.rad-content tr td h3{ color: #ff3700; }
#architects-corner table.rad-content tr td ul li, .ip3-architects-corner table.rad-content tr td ul li {padding-bottom: 6px;}
.ip3-architects-corner table.rad-content.rad-border tr th, .ip3-architects-corner table.rad-content.rad-border tr td{font-size: 1.1em;} 
.ip3-architects-corner table.rad-content tr th{color: #ff3700;}
.ip3-architects-corner table.rad-content.rad-border tr:first-child td {
    border-top: 1px solid #B1B1AF;
}
table.rad-content tr td span.rad-caption { margin-top: 7px; display: block; font-weight:bold; }
#ip3-architects-corner p span.rad-caption{ font-size: 0.9em; font-weight: 600; font-style: italic; margin-top: 5px; display: block; }
p.rad-introtext{font-style: italic;}
p.rad-underline { font-style: italic; display: block; border-top: 2px solid #ff3700; border-bottom: 2px solid #ff3700; padding: 10px 0;}
img.rad-left { float: left;  margin-right: 15px; }
img.rad-right { float: right;  margin-left: 15px; }
/*---- image-slider-----*/
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
#bannerContainer {float:left; width:980px; height:282px; margin-top:40px;}
#content-banner {float:left; width:786px; height:213px; position:relative;}
#inner-banner {float:left; width:786px; position:relative;}
.flexslider {width:786px; height:282px; }
#bannerContainer .flexslider {width:980px;}
#content-banner .flexslider {width:786px; height:213px; }
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; }
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative; width:786px; height:282px; smargin:0 0 0 298px; float:left;}
#bannerContainer .flex-container{width:980px;}
/*#content-banner .flex-container {height:213px;}*/

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 
(src='/~/media/Images/A/Arcelormittal-Canada/icons/banner-txt-bg.png',sizingMethod='scale');/*-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;*/}
/*
.flex-caption a{background:url('/~/media/Images/A/Arcelormittal-Canada/icons/rt-arrow-banner-txt.gif') no-repeat; height:6px; display:block; width:6px; float:left; margin:7px 5px 0px;}*/

/*#content-banner .flex-caption {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 
(src='/~/media/Images/A/Arcelormittal-Canada/css/con-banner-txt-bg.png',sizingMethod='scale');}
*/

.flex-caption {width: 290px; height:120px; padding: 16px 14px; position: absolute; left: 0; top: 48px; background: url('/~/media/Images/A/Arcelormittal-Canada/css/banner-txt-bg.png') no-repeat left top  ; /*background: rgba(0,0,0,.3);*/ color: #fff; /*text-shadow: 0 -1px 0 rgba(0,0,0,.3);*/ font-size: 1.2em; line-height: 16px; margin-bottom:0;}

#content-banner .flex-caption {width: 290px; height:120px; padding: 0px 14px; position: absolute; left: 0; top: 48px; background:url('/~/media/Images/A/Arcelormittal-Canada/css/con-banner-txt-bg.png') no-repeat left top; color: #fff; font-size: 1.2em; line-height: 16px; margin-bottom:0;}

#inner-banner .flex-caption {width: 290px; height:120px; padding: 14px; position: absolute; left: 0; top: 48px; background:url('/~/media/Images/A/Arcelormittal-Canada/css/con-banner-txt-bg.png') no-repeat left top; color: #fff; font-size: 1.2em; line-height: 16px; margin-bottom:0;}


.flex-caption h2 {padding-bottom:0; font-size:2.734em; font-weight:normal; line-height:1.1em}
.flex-caption span {color:#ff3700; font-weight:bold;}
.flexslider .slides .flex-caption a img, #content-banner .flex-caption img, #inner-banner .flex-caption img {display:inline; margin:0 0 0 3px; vertical-align:middle}
.ie7 .flexslider .slides .flex-caption a img,.ie7 #content-banner .flex-caption img,.ie7 #inner-banner .flex-caption img, .ie8 .flexslider .slides .flex-caption a img,.ie8 #content-banner .flex-caption img,.ie8 #inner-banner .flex-caption img  {margin-top:2px }


/* Direction Nav */
.flex-direction-nav {display:none}


/* Control Nav */
.flex-control-nav {position: absolute; right:0; top: 48px; text-align: center; }
#content-banner .flex-control-nav {position: absolute; right:0; top: 55px; text-align: center; }
.flex-control-nav li {margin: 0; display: block; zoom: 1; /**display: inline;*/}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5c000000,endColorstr=#5c000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#5c000000,endColorstr=#5c000000); zoom: 1;}
.flex-control-nav li a {width: 30px; height: 26px; display: block; background: rgba(73,74,75,.8); cursor: pointer; color:#fff; padding-top:10px; font-size:1.3em}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2c000000,endColorstr=#2c000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2c000000,endColorstr=#2c000000); zoom: 1;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default; background: rgba(73,74,75,.4);} 