/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

#homeBannerContainer{margin: 0 auto; width: 980px;clear:both;}
#banner p.homepresstitle {color: #FFF; font-family: 'VAG Rounded W01 Thin',Arial; font-size: 1.9em; line-height: 22px;}
#banner p.homepresstitle span.newsDate {font-size: 0.778em; line-height: 28px;}


#banner p.homenewstitle{color: #FFF; font-family: 'VAG Rounded W01 Thin'; font-size: 1.9em; line-height: 22px;}
#banner p.homenewstitle span.newsDate {font-size: 0.778em; line-height: 28px;}

.ie7 #subNav{top:29px}
.ie7 #menuwrapper{position:relative;z-index:11;}
.ie7 #homeBannerContainer{position:relative;z-index:1;}
body#Homepage.ie7 #content-wrapper{position:relative;z-index:1;}
.story-layout div.homenews ul li{ display: block !important;  padding-top: 8px !important; font-size: 1.2em;}


.story-twoCol div.homepress {padding: 0 10px;}
.story-twoCol div.homepress h3.highlight-related-article {font-family: 'VAG Rounded W01 Thin'; font-size: 1.8em !important; padding-top: 8px !important;  }

.story-twoCol div.homepress p{font-size: 1.2em; line-height: 16px;    padding-bottom: 15px;}

.story-twoCol div.homenews h3.highlight-related-article {font-family: 'VAG Rounded W01 Thin'; font-size: 1.8em !important; padding-top: 8px !important;  }

.story-twoCol div.homenews p{font-size: 1.2em; line-height: 16px;    padding-bottom: 15px;}
.story-layout{background: url("~/media/Images/A/Arcelormittal-Canada/css/banner-story-bg-top.jpg") no-repeat scroll left top rgba(0, 0, 0, 0); float: left; padding-top: 13px;  width: 980px;}

.story-twoCol {background: url("~/media/Images/A/Arcelormittal-Canada/css/banner-story-bg.jpg") repeat-y scroll left top rgba(0, 0, 0, 0);float: left; padding-top: 13px;  width: 100%;}
.story {float: left; padding: 0 20px; width: 611px;}
.story-related-link {float: left; padding: 0 10px; width: 306px;}

.close-story { background: url("~/media/Images/A/Arcelormittal-Canada/css/close-bg.gif") no-repeat left center; float: left; margin: 20px 0 5px; text-align: center;width: 100%;}
body#Homepage .close-story a{background: url("~/media/Images/A/Arcelormittal-Canada/css/upArrowBlk.gif") no-repeat right 4px;}

.close-story a {
    background: url("~/media/Images/A/Arcelormittal-Canada/css/upArrowBlk.gif") no-repeat right 8px; display: block; font-size: 1.1em;    font-weight: bold; margin: 0 auto;  padding: 2px 5px 5px 25px; width: 50px;
}
/*----------- Layout helpers----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; width: 978px; margin:0px; clear: both; }
.lpages .close-story {clear:both}
.lpages .ui-slider{width:783px;}
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.5em; margin-left: -.1em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }


/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #4d4f52/*{borderColorContent}*/; /*background-color:#4d4f52;*/ color: #222222/*{fcContent}*/; height:7px; background:url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/banner-text-bg.png) repeat left top; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { /*border: 1px solid #d3d3d3{borderColorDefault}*/; background: /*{bgColorDefault}*/ url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/slide-button.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; width:70px; height:17px; cursor:pointer; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { /*border: 1px solid #999999{borderColorHover}*/; background: /*{bgColorHover}*/ url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/slide-button.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {/* border: 1px solid #aaaaaa{borderColorActive}*/; background: transparent/*{bgColorActive}*/ url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/slide-button.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }






.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }



/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }








/* -------------------------  JavaScript Banner ---------------------------- */
.lpages{padding-bottom: 25px; float: left; }
#homeBannerContainer.lpages{width:785px; /*z-index:0;*/}
#banner h2 {font-size:3.4em !important; color:#fff; font-weight:normal; padding-bottom: 5px !important; line-height: 38px;}
.lpages #banner h2 {line-height: 38px; font-size:2.833em !important;}
#banner{float:left; margin-top:20px; position:relative; z-index:98;/*border:1px solid #999999; /* background-color:#66FFFF;  width:980px; height:360px; margin:100px 0 0 163px;  background:url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/banner-home.jpg) no-repeat left top;*/ background:url(~/media/Images/A/Arcelormittal-Canada/css/banner-story-bg.jpg) repeat-y left top; }
.lpages #banner{background:url(~/media/Images/A/Arcelormittal-Canada/css/lstory-bg-dark.jpg) repeat-y left top; margin-top:5px;}
#banner_loader{height:363px;}
.lpages #banner_loader{height:283px;}
#banner_loader img{margin: 149px 0 0 458px;}
.lpages #banner_loader img{margin: 110px 0 0 360px;}
#banner ul#data a.readmore{background:url(~/media/Images/A/Arcelormittal-Canada/css/down-arrow.gif) no-repeat right center transparent; display: inline-block; height: 17px; width: 13px;}
body#news-and-media #banner ul#data a.readmore{height:24px;}

#banner ul#data a.readmoreselected{background:url(~/media/Images/A/Arcelormittal-Canada/css/up-arrow.gif) no-repeat right center transparent;}

#banner ul#data a.videomore{background:url(~/media/Images/A/Arcelormittal-Canada/css/down-arrow.gif) no-repeat right center transparent; display: inline-block; height: 17px; width: 13px;}
body#news-and-media #banner ul#data a.videomore{height:24px;}

#banner ul#data a.videomoreselected{background:url(~/media/Images/A/Arcelormittal-Canada/css/up-arrow.gif) no-repeat right center transparent;}



/*body #banner {z-index:-11; }*/

html>/**/body .lpages #banner {z-index:0; }
ul#data{float:left; width:320px; margin-bottom:1px}
/*.ie6 ul#data {margin-bottom:110px}*/
ul#data li{display:none; background:url(~/media/Images/A/Arcelormittal-Canada/banners/homepage/banner-text-bg.png) no-repeat left top; font-color:#fff; margin:90px 0 0 0; padding:11px 18px 16px; height:153px; overflow:hidden;}
.lpages ul#data li{ height:118px; margin:48px 0 0 0; background-position:bottom left;}

.lpages ul#data li p {font-size:1em;}
body#news-and-media .lpages ul#data li p{font-size:1.5em; font-family:'VAG Rounded W01 Thin'; color:#FFFFFF; line-height: 21px;}
ul#data li p { font-size:1.2em; color:#dcd4c2; line-height:16px;}
ul#data li p a{color:#f04115; font-weight:bold; text-decoration:none; vertical-align:top;}
body#news-and-media .lpages ul#data li p span.newsDate{font-size:0.778em;}

#dissolve{ width:100%; float:left; height:80px; overflow:hidden; display:block; position:relative; }

ul#bannerlargeimages{ position:absolute; top:0; left:0; z-index:-1;}
.lpages ul#bannerlargeimages li {height:282px; width:785px; }
ul#bannerlargeimages li{display:none; height:360px; width:980px;}
ul#bannerlargeimages li.selected{display:block;}


ul#images{width:100%; margin:5px 0 8px 0; float:left; }
ul#images li{float:left; margin:0 52px; cursor:pointer; height: 66px; width:123px; background:url(~/media/Images/A/Arcelormittal-Canada/css/bannerThumb-white.gif) no-repeat left top; position:relative;}
ul#data li.selected{display:block; }

ul#images.items2 li.item1{margin:0 252px 0 39px;}
.lpages ul#images.items2 li.item1{margin:0 57px 0 39px;}
ul#images.items2 li.item2{margin:0 0 0 400px;}

ul#images.items3 li.item1{margin:0 52px 0 40px;}
ul#images.items3 li.item2{margin:0 212px 0 212px}
.lpages ul#images.items3 li.item2{margin:0 113px 0 113px}
ul#images.items3 li.item3{margin:0 40px 0 52px;}

ul#images.items4 li.item1{margin:0 52px 0 40px;}
.lpages ul#images.items4 li.item1{margin:0 35px 0 40px;}
ul#images.items4 li.item2{margin:0 40px 0 80px;}
.lpages ul#images.items4 li.item2{margin:0 29px 0 29px;}
ul#images.items4 li.item3{margin:0 40px 0 95px;}
.lpages ul#images.items4 li.item3{margin:0 42px 0 42px;}
ul#images.items4 li.item4{margin:0 0 0 95px;}
.lpages ul#images.items4 li.item4{margin:0 40px 0 28px;}

#Homepage ul#images.items5 li.item1{margin:0 30px 0 40px;}
#Homepage ul#images.items5 li.item2{margin:0 30px 0 37px;}
#Homepage ul#images.items5 li.item3{margin:0 30px 0 40px;}
#Homepage ul#images.items5 li.item4{margin:0 30px 0 42px;}
#Homepage ul#images.items5 li.item5{margin:0 0 0 40px;}


ul#images.items5 li.item1{margin:0 8px 0 26px}
ul#images.items5 li.item2{margin:0 15px 0 22px;}
ul#images.items5 li.item3{margin:0 15px 0 15px;}
ul#images.items5 li.item4{margin:0 15px 0 17px;}
ul#images.items5 li.item5{margin:0 0 0 15px;}

/*Who we are*/
body#who-we-are ul#images.items5 li.item1{margin:0 8px 0 36px}
body#who-we-are ul#images.items5 li.item2{margin:0 15px 0 18px;}
body#who-we-are ul#images.items5 li.item3{margin:0 15px 0 8px;}
body#who-we-are ul#images.items5 li.item4{margin:0 15px 0 8px;}
body#who-we-are ul#images.items5 li.item5{margin:0 0 0 10px;}
/*Who we are ends*/

ul#images li img{/*border:2px solid #fff; */ margin:1px;}
ul#images li.selected, ul#images li.hover{background:url(~/media/Images/A/Arcelormittal-Canada/css/bannerThumb-orange.gif) no-repeat left top;}
ul#images li.hover img, ul#images li.selected img{/*border:2px solid #ff4d00; border-bottom:1px solid #ff4d00; */}

ul#images li p {font-size:1em; color:#333; background-color:#FFFFFF; padding-left:3px;
 bottom:-13px; /*padding:0px 1px 9px 2px; margin:-3px 0 0 0; width:122px; height:30px; */ position:absolute; left:0px; width:120px; line-height:1.3em;}
ul#images li.texttop p{bottom:auto; top:4px;}
body.applemac-safari5 ul#images li p  {/*padding-top:2px;*/}

.lpages ul#images li p{font-size:0.834em;}
.lpages ul#images li.hover p, .lpages ul#images li.selected p {font-size:0.834em;}

ul#images li.hover p, ul#images li.selected p {font-size:1em; color:#fff; background-color:#FF4C00; /*padding:0px 1px 9px 2px; margin:-3px 0 0 0; height:31px; width:122px*/}
#detaildata{float:left; width:980px;}
.lpages #detaildata{width:785px;}
#detaildata ul li{display:none; padding-top:81px}
#Homepage #detaildata ul li .story-twoCol li{display:block !important;line-height: 15px;padding: 0 0 15px 16PX;font-size: 1.2em; background: url("~/media/Images/A/ArcelorMittal-Canada/css/grey-square.gif") no-repeat scroll 0 5px transparent;}
#Homepage #detaildata ul li .story-twoCol ul {
    list-style-type: disc;
    padding-left: 20px;
}

#Homepage .showvideo ul li, #what-we-do .showvideo ul li{display:block !important; padding-top:0px !important;}

#detaildata ul li.selected{ display:block!important;}
#detaildata ul li h2 {color:#f04115; padding:6px 20px 25px 20px; width:515px; float:left}

#data li h2 span.firstword{color:#fff;}
.storySMContainer { width:80px; padding:5px 2px 10px 10px; margin-left: 537px; float:left; }
.storySMContainer span a img {padding:1px 0}
.storySMContainer span a{float:left; display:block; width:18px;  margin-right:14px;}
.storySMContainer span.fBook a{width:9px;}
.storySMContainer span.tweet_share a{width:10px;}
.storySMContainer span.bookMark a{width:18px;}
.lpages .storySMContainer {margin-left: 414px; padding-top:2px;}

a.linktomap{width:18px;}

a.linktomap img {padding-left: 2px;}

/* ------------- Banner News & Media Landing ------------- */
#news-and-media p.storyhighlights strong {font-size:0.8em}

body#reach-and-ghs #bannerContent{display:none;}

.videoplaybuttonhomebanner {
top: 15px;
position: absolute;
right: 53px;
}


/*added NM*/
.ui-menu {min-width: 180px !important; max-width: 200px !important; display: block; background: #fff; height: auto; border: 1px solid #f0f0f0; z-index: 999999 !important;padding: 2px;float:left;color: #696969 !important;}
.ui-menu a{background-color:#ffffff;background-image: none !important; height:24px;width:100%;position:relative;top:0px;display: block; line-height: 2 !important;float:left; }
.ui-menu a:hover{background-color:#f0f0f0; background-image: none !important; height:24px;width:100%;position:relative;top:0px; display: block;color: #ff3700;line-height: 2!important;float:left;}
.ui-menu a span {padding-left: 3px;padding-right: 3px;}
.ui-menu .ui-menu-item, .ui-menu .ui-menu-item:hover {padding: 0 !important;  width: 100% !important; font-family: Arial,Helvetica,Verdana;float:left; font-size: 11px;}

li.ui-menu-item{height: 24px; display: block; /*margin: 4px 0 4px 0;*/ float:left;}
li.ui-corner-all{height: 24px; display: block; /*margin: 4px 0 4px 0;*/float:left;}


body.ie7 .ui-menu a, body.ie7 .ui-menu a:hover, body.ie8 .ui-menu a, body.ie8 .ui-menu a:hover{padding: 0; margin: 0;}