/* ----======== ORICA GLOBAL CSS STYLE ========---- */



/* ----======== Reseting All Browsers ========---- */
@media Print
{

    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
    {
        margin: 0;
        padding: 0;
    }

    fieldset, img
    {
        border: 0;
    }

    ol, ul
    {
        position: relative !important;
        list-style: none;
    }

    caption, th
    {
        text-align: left;
    }

    h1, h2, h3, h4, h5, h6
    {
        font-size: 100%;
        font-weight: normal;
    }

    abbr, acronym
    {
        border: 0;
    }

    .clearer
    {
        clear: both;
    }

    .line
    {
        background: url(../images/line_horizontal.gif) repeat-x bottom;
        height: 1px;
        margin: 10px 0 15px 0;
    }

    .relatedLinks
    {
        float: left;
        width: 160px;
        margin-right: 40px;
        font-size: 11px;
    }

    .relatedLinks p
    {
        padding: 0;
        margin: 0;
    }

    .productColumn
    {
        float: left;
        width: 190px;
        margin-right: 40px;
    }

    li
    {
        background: none;
    }

    ul, ol
    {
        padding-bottom: 5px;
    }

    /* ----======== HTML Elements ========---- */

    html
    {
        height: 100%;
        margin-bottom: 1px;
    }

    body
    {
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 12px;
        background: #cecece;
        position: relative;
        overflow: visible;
        color: #444;
        padding-bottom: 25px;
    }

    h1
    {
        color: #012f61;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    h2
    {
        color: #012f61;
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 13px;
    }

    h2 a:link, h2 a:visited, h2 a:hover
    {
        color: #012f61;
        text-decoration: none;
    }

    #content h2, #backendContent h2
    {
        margin-bottom: 10px;
    }

    h3
    {
        color: #222;
        font-size: 14px;
        margin-bottom: 13px;
        line-height: 24px;
    }

    h4
    {
        color: #012f61;
        font-size: 13px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    h5
    {
        color: #0193CF;
        font-size: 13px;
        margin-bottom: 5px;
    }

    h6
    {
        color: #012f61;
        font-size: 10px;
        margin-bottom: 5px;
    }

    p
    {
        line-height: 17px;
        color: #666;
        margin-bottom: 10px;
    }

    p.markets
    {
        padding: 5px 0 15px 0;
        margin: 0;
    }

    .title
    {
        padding: 0 0 3px 0;
        margin: 0px;
    }

    a:link, a:visited
    {
        color: #0092cd;
        text-decoration: underline;
        outline: none;
    }

    a:hover
    {
        color: #444;
        text-decoration: underline;
    }

    #searchField
    {
    }

    .button_1
    {
    }

    .button_2
    {
    }

    input, textarea, select
    {
    }

    .login
    {
        border: 0px solid #0193cf;
        font-size: 10px !important;
        color: #002E62;
        padding: 0px 2px;
        width: 110px;
        height: 14px;
        border: 1px solid #0193CF;
        background: #f9fdff url(../images/login_field.gif) repeat-x;
    }

    .searchTerm
    {
        padding: 1px 3px;
        background: #000;
        color: #333;
    }

    .ajax__calendar_container td
    {
        padding: 0 !important;
    }

    #quickEditStatus
    {
        border-top: 1px solid #0292CF;
        border-bottom: 1px solid #0292CF;
        background: #fff;
        padding: 10px 10px 5px 10px;
        margin-bottom: 15px;
    }

    #quickEditStatus p
    {
        font-size: 11px;
        padding-left: 35px;
        margin-bottom: 5px;
        color: #002E60;
    }

    #quickEditStatus input
    {
        float: left;
        margin-bottom: 5px;
    }

    table
    {
        margin: 0 0 10px 0px;
        border-top: 1px solid #000;
        border-left: 1px solid #000;
    }

    table a:link, table a:visited
    {
        color: #0092cd;
        text-decoration: none;
    }

    table a:hover
    {
        color: #666;
        text-decoration: underline;
    }

    td
    {
        padding: 5px;
        color: #000;
        vertical-align: top;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
    }

    td p
    {
        padding: 0;
        margin: 0;
    }

    td ul
    {
        margin: 0 !important;
        padding: 0 !important;
    }

    .headeralt th
    {
        padding: 5px;
        background: #aaa;
        color: #fff;
        font-weight: bold;
    }

    th
    {
        padding: 5px;
        background: #001437 url(../images/th.jpg) repeat-x;
        color: #000;
        font-weight: bold;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        font-size: 13px;
    }

    .rowalt td
    {
        background: #EFF8FF;
    }

    table table .rowalt td, table table table .rowalt td
    {
        background: transparent;
    }

    table table, table table table
    {
        margin: 0;
        padding: 0;
    }

    .required
    {
        font-weight: bold;
        color: #FF3300;
    }

    #icons
    {
        float: right;
        display: none;
    }

    #content li, #backendContent li
    {
        margin-bottom: 5px;
        color: #666;
        padding-left: 10px;
        background: url(../images/bullet.gif) no-repeat !important;
        background-position: 0px 5px !important;
        margin-left: 4px;
    }

    #content ul, #backendContent ul
    {
        padding-bottom: 5px;
    }

    /* ----======== Layout ========---- */

    #search
    {
        float: right;
        margin-top: 22px;
        display: none;
    }

    #contentWrapper
    {
        width: 947px;
        margin: -3px auto 0px auto;
        padding: 0px;
        background: #fff url(../images/content_bg.gif) repeat-x top;
        position: relative;
        z-index: 1;
    }

    #loginBar
    {
        background: #0f1b39 url(../images/login_bg.gif) repeat-x top;
        height: 34px;
        color: #fff;
        font-size: 10px;
        display: none;
    }

    #loginBar a:link, #loginBar a:visited
    {
        color: #4AC0EF;
    }

    #loginBar a:hover
    {
        color: #fff;
    }

    #loginBarAlt
    {
        background: #0f1b39 url(../images/login_bg_alt.gif) repeat-x top;
        height: 34px;
        color: #fff;
        font-size: 10px;
    }

    #loginBarAlt a:link, #loginBarAlt a:visited
    {
        color: #4AC0EF;
    }

    #loginBarAlt a:hover
    {
        color: #fff;
    }

    #loginWrapper
    {
        width: 947px;
        margin: 0 auto;
    }

    #changeCountry
    {
        padding: 9px 0 0 25px;
    }

    .flag
    {
        float: left;
        margin-right: 6px;
        margin-top: -1px;
    }

    #loginContent
    {
        float: right;
        padding: 9px 25px 0 0;
    }

    #logo
    {
        float: left;
    }

    #header
    {
        padding: 20px 0px 10px 0px;
    }

    #mainMenu
    {
        height: 20px;
        width: 570px;
        margin-left: 165px;
        padding-top: 21px;
        background: url(../images/line_horizontal.gif) repeat-x bottom;
    }

    #mainMenu li
    {
        float: left;
        display: none;
    }

    #mainMenu li a:link, #mainMenu li a:visited
    {
        text-decoration: none;
        font-size: 13px;
        color: #000;
        margin-right: 20px;
    }

    #mainMenu li a:hover
    {
        color: #0092cd;
    }

    #mainMenu .selected a:link, #mainMenu .selected a:visited
    {
        color: #0092cd;
    }

    #flashFrameHome
    {
        margin-top: 15px;
        margin-bottom: 8px;
        border-bottom: 1px dotted #000;
    }

    #flashFrame
    {
        margin-top: 15px;
        margin-bottom: 25px;
        border-bottom: 1px dotted #000;
    }

    #flashFrame img
    {
        display: none;
    }

    #breadcrumbs
    {
        font-size: 11px;
        padding-bottom: 10px;
    }

    #content
    {
        padding-left: 0px;
        width: 600px;
        float: left;
        background: none;
        position: relative;
    }

    #backendContent
    {
        padding: 0 25px 0 25px;
        width: 660px;
        min-height: 200px;
        position: relative;
        float: left;
        background: url(../images/line_vertical.gif) repeat-y right;
    }

    #backendSidebar
    {
        float: right;
        width: 200px;
        padding: 0 25px 0 0px;
        font-size: 11px;
    }

    #backendSidebar h2
    {
        font-size: 13px;
    }

    #imagequote
    {
        float: right;
        margin-left: 20px;
        width: 200px;
        text-align: center;
    }

    #imagequote p
    {
        color: #002D62;
        padding-top: 10px;
        font-style: italic;
        text-align: left;
    }

    #homeColumn1, #homeColumn2, #homeColumn3, #homeColumn4
    {
        float: left;
        height: auto;
        padding: 13px 0 0px 25px;
        position: relative;
    }

    #homeColumn1
    {
        width: 90px;
    }

    #homeColumn2
    {
        width: 155px;
        background: url(../images/line_vertical.gif) repeat-y left;
        margin-left: 25px;
    }

    #homeColumn3
    {
        width: 245px;
        background: url(../images/line_vertical.gif) repeat-y left;
        margin-left: 25px;
        overflow: visible;
    }

    #homeColumn4
    {
        width: 255px;
        background: url(../images/line_vertical.gif) repeat-y left;
        margin-left: 25px;
    }

    #altHomeColumn1, #altHomeColumn2, #altHomeColumn3
    {
        float: left;
        height: auto;
        padding: 13px 0 0px 40px;
        position: relative;
    }

    #altHomeColumn1
    {
        width: 155px;
        padding-left: 80px;
    }

    #altHomeColumn2
    {
        width: 245px;
        background: url(../images/line_vertical.gif) repeat-y left;
        margin-left: 40px;
    }

    #altHomeColumn3
    {
        width: 255px;
        background: url(../images/line_vertical.gif) repeat-y left;
        margin-left: 40px;
        overflow: visible;
    }












    #globalColumn1, #globalColumn2, #globalColumn3, #globalColumn4
    {
        float: left;
        height: auto;
        padding: 5px 0 2px 2%;
        position: relative;
    }

    #globalColumn1
    {
        width: 21%;
    }

    #globalColumn2
    {
        width: 42%;
        float: left;
        height: auto;
        padding: 5px 0 2px 2%;
        position: relative;
        background: url(../images/line_vertical.gif) repeat-y left;
        margin-left: 2%;
    }

    #globalColumn2 li
    {
        width: 190px;
        display: block;
        float: left;
    }

    #globalColumn3
    {
        width: 20%;
        background: url(../images/line_vertical.gif) repeat-y left;
        margin-left: 2%;
    }

    #globalColumn4
    {
        width: 20%;
        background: url(../images/line_vertical.gif) repeat-y left;
        margin-left: 2%;
    }

    .globalsubMenu li
    {
        padding: 3px 0;
    }

    #leftMenu
    {
        float: left;
        padding-left: 25px;
        width: 180px;
        display: none;
        height: auto;
    }

    .highlight
    {
        color: #0092cd;
    }

    .homeThumb
    {
        float: right;
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .subMenu
    {
        margin-top: -3px;
        overflow: visible;
    }

    #content #sub-subMenu ul, #backendContent #sub-subMenu ul
    {
        padding-bottom: 1px;
    }

    #content #sub-subMenu li, #backendContent #sub-subMenu li
    {
        background: url(../images/blank.gif) !important;
        margin: 0;
        padding: 0;
    }

    .subMenu li a:link, .subMenu li a:visited
    {
        color: #787878;
        line-height: 16px;
        display: block;
        display: inline-block;
        margin-top: 6px;
    }

    .subMenu li a:hover, .subMenu .selected a:link, .subMenu .selected a:visited
    {
        color: #0092cd;
        text-decoration: none;
    }

    .subMenu .selected a:link, .subMenu .selected a:visited
    {
        color: #0092cd;
        background: url(../images/tiny_bullet.gif) no-repeat;
        background-position: 0 6px;
        padding-left: 13px;
        margin-left: -13px;
    }

    #submenuWrapper
    {
        float: right;
        margin-left: 20px;
    }

    #sub-subMenu
    {
        padding: 0px 10px 0px 23px;
        width: 90px;
        background: #ececec;
        font-size: 11px;
    }

    input[type=checkbox], input[type=radio]
    {
        margin: 0px 5px 0px 0px;
        border: 0px;
    }

    #sub-subMenu .subMenu li a:link, #sub-subMenu .subMenu li a:visited
    {
        color: #787878;
        display: block;
        display: inline-block;
        margin-top: 3px;
    }

    #sub-subMenu .subMenu li a:hover, #sub-subMenu .subMenu .selected a:link, #sub-subMenu .subMenu .selected a:visited
    {
        color: #0092cd !important;
        text-decoration: none;
    }

    #sub-subMenu .subMenu li.selected a:link, #sub-subMenu .subMenu li.selected a:visited
    {
        background: url(../images/tiny_bullet_grey.gif) no-repeat !important;
        background-position: 0 6px !important;
    }

    #footer
    {
        background: #fff url(../images/footer.gif) no-repeat center bottom;
        font-size: 11px;
        text-align: left;
        padding: 0px;
        height: 30px;
        clear: both;
    }

    #contentWrapper > #footer
    {
        height: 35px;
    }

    #footer p
    {
        padding-top: 20px;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #productFinder
    {
        background: #ececec;
        padding: 0px 15px 0px 15px;
        position: relative;
        width: 215px;
    }

    #productsTopLeft, #productsTopRight, #productsBottomLeft, #productsBottomRight
    {
        width: 7px;
        height: 7px;
        position: absolute;
    }

    #productsTopLeft
    {
        top: 0;
        left: 0;
        background: url(../images/product-top-left.gif) no-repeat top left;
    }

    #productsTopRight
    {
        top: 0;
        right: 0;
        background: url(../images/product-top-right.gif) no-repeat top right;
    }

    #productsBottomLeft
    {
        bottom: 0;
        left: 0;
        background: url(../images/product-bottom-left.gif) no-repeat bottom left;
    }

    #productsBottomRight
    {
        bottom: 0;
        right: 0;
        background: url(../images/product-bottom-right.gif) no-repeat bottom right;
    }

    .productJump
    {
        width: 100%;
    }

    .searchResult
    {
        padding: 15px 0 18px 0 !important;
        margin: 0px !important;
    }

    .searchResult p
    {
        padding: 0px !important;
        margin: 0px !important;
    }

    .searchResult h3
    {
        padding: 0px 0 5px 0 !important;
        margin: 0px !important;
    }

    .searchLine
    {
        background: url(../images/line_horizontal.gif) repeat-x bottom;
        height: 1px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .caseStudy
    {
        margin-bottom: 0px;
        padding-left: 100px;
    }

    .caseStudy img
    {
        float: left;
        margin-left: -100px;
        margin-bottom: 0px;
    }

    .caseStudy > img
    {
        margin-bottom: 5px;
    }

    .caseStudy > a > img
    {
        margin-bottom: 5px;
    }

    .sitemap
    {
        width: 230px;
        float: left;
    }

    .sitemap li
    {
        background: none !important;
        padding-left: 0 !important;
    }

    .sitemap li a:link, .sitemap li a:visited
    {
        color: #787878;
    }

    .sitemap li a:hover
    {
        color: #0092CD;
    }

    .sitemap ul
    {
        padding: 0 !important;
        margin: 0 0 4px 0 !important;
    }

    .sitemap ul li
    {
        padding: 0px 0 0 0 !important;
        margin: 4px 0 0 10px !important;
        padding-left: 10px !important;
        background: url(../images/bullet.gif) no-repeat !important;
        background-position: 0px 5px !important;
    }

    .sitemap ul ul li
    {
        padding: 0px 0 0 0 !important;
        margin: 4px 0 0 20px !important;
        padding-left: 10px !important;
        background: url(../images/bullet.gif) no-repeat !important;
        background-position: 0px 5px !important;
    }

    .redMessage
    {
        display: block;
        padding: 8px 10px 8px 30px;
        margin: 0px 0 15px 0;
        color: #000;
        font-size: 11px;
        border-top: 1px solid #FF5A38;
        border-bottom: 1px solid #FF5A38;
        background: #FFD6D6 url(../images/status-alert.png) 10px 50% no-repeat;
    }

    .greenMessage
    {
        display: block;
        padding: 8px 10px 8px 30px;
        margin: 0px 0 15px 0;
        color: #000;
        font-size: 11px;
        border-top: 1px solid #248639;
        border-bottom: 1px solid #248639;
        background: #D6EFC2 url(../images/status-saved.png) 10px 50% no-repeat;
    }

    .FileSelector-Form ul, .FileSelector-Form ol
    {
        background-image: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .FileSelector-Form li
    {
        background-image: none !important;
        margin: 0 !important;
        padding: 5px 0 !important;
    }

    .FileSelector-Form
    {
        float: left;
        margin-right: 20px;
        width: 250px;
    }

    .FileSelector-Preview
    {
        float: left;
        width: 250px;
        padding: 10px;
    }

    .FileSelector-Item
    {
        float: left;
        width: 240px;
        height: 130px;
        margin-right: 20px;
        overflow: hidden;
        display: block;
    }

    .FileSelector-Item-Right
    {
        float: left;
    }

    .FileSelector-Item-Left
    {
        float: left;
        margin-right: 10px;
    }

    .FileSelector-Item-RedCross
    {
        float: left;
        margin-right: 5px;
    }

    /* ------------------------------------
                                			
                                			  DROPDOWN MENU SYSTEM
                                			
                                			 ---------------------------------- */



    .nav, .nav ul
    {
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
        position: relative !important;
    }

    .nav a
    {
        display: block !important;
        width: auto !important;
        margin: 0 !important;
        font-size: 11px !important;
    }

    .nav li
    {
        float: left !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: normal !important;
        position: relative !important;
    }

    .nav li ul
    {
        position: absolute !important;
        width: 190px !important;
        display: none !important;
        left: 0 !important;
        border: 2px solid #aaa !important;
        border-left: 1px solid #aaa !important;
        border-top: none !important;
    }

    .nav li:hover ul
    {
        display: inline !important;
    }

    .nav li:hover ul, .nav li.sfhover ul
    {
        display: inline !important;
        margin-left: 0px !important;
    }

    .dropdown
    {
        z-index: 99 !important;
        top: 24px !important;
        position: relative !important;
    }

    .nav li ul .item a:link, .nav li ul .item a:visited
    {
        float: left !important;
        width: 170px !important;
        padding: 6px 10px !important;
        background: #fff url(../images/line_horizontal.gif) repeat-x top !important;
        color: #0093CE !important;
        text-decoration: none !important;
        font-family: Arial, Tahoma, Helvetica, sans-serif !important;
        font-weight: normal !important;
        margin: 0 !important;
        text-indent: 0px !important;
        border-right: none !important;
    }

    .nav li ul .item a:hover
    {
        color: #fff !important;
        background: #0093CE url(../images/line_horizontal.gif) repeat-x top !important;
    }

    li ul .item-top a:link, li ul .item-top a:visited
    {
        float: left !important;
        width: 170px !important;
        padding: 6px 10px !important;
        background: #fff !important;
        color: #0093CE !important;
        text-decoration: none !important;
        font-family: Arial, Tahoma, Helvetica, sans-serif !important;
        font-weight: normal !important;
        margin: 0 !important;
        text-indent: 0px !important;
        height: auto !important;
        border-right: none !important;
    }

    li ul .item-top a:hover
    {
        color: #fff !important;
        background: #0093CE !important;
    }









































    .priceListMenu td
    {
        padding: 0;
        margin: 0;
        padding-right: 3px;
    }

    .priceListMenu a
    {
        display: block;
        font-size: 12px;
        margin-bottom: 2px;
    }

    .priceListMenu .level0 a:link, .priceListMenu .level0 a:visited
    {
        width: 200px;
        padding: 4px 3px 4px 20px;
        background: #1f4999 url(../images/price_list_bg_dark.gif) repeat-x;
        color: #fff;
        font-weight: normal;
    }

    .priceListMenu .level0 a:hover
    {
        color: #C6E2F1;
        text-decoration: none;
    }

    .priceListMenu .level1 a:link, .priceListMenu .level1 a:visited
    {
        font-weight: normal;
        width: 195px;
        padding: 4px 3px 4px 25px;
        background: #cbe0ef url(../images/price_list_bg_mid.gif) no-repeat top left;
        color: #000;
    }

    .priceListMenu .level1 a:hover
    {
        color: #666;
        text-decoration: none;
    }

    .priceListMenu .level2 a:link, .priceListMenu .level2 a:visited
    {
        font-weight: normal;
        width: 190px;
        padding: 4px 3px 4px 30px;
        background: #e8e8e8 url(../images/price_list_bg_light.gif) no-repeat top left;
        color: #000;
    }

    .priceListMenu .level2 a:hover
    {
        color: #666;
        text-decoration: none;
    }

    .adminTools
    {
        display: none; /* Set to display: block; to show */
        margin-top: 10px;
        margin-left: 0px;
    }

    .adminTools a
    {
        width: auto;
        height: auto;
        display: inline;
        background: #fff !important;
        padding: 0 !important;
        margin: 0 !important;
    }







    .imageGallery
    {
        line-height: normal !important;
    }

    .imageWrapper
    {
        width: 136px;
        text-align: center;
        color: #0094D0;
        font-size: 11px;
        font-style: italic;
        float: left;
        margin-right: 20px;
        display: inline;
        margin-top: 5px;
        padding-bottom: 10px;
    }

    .imageWrapper .size
    {
        color: #666;
        font-size: 10px;
    }

    .image table
    {
        width: 136px;
        padding: 0;
        margin: 0;
        margin-bottom: 5px;
    }

    .image table td
    {
        height: 136px;
        background: #000;
        padding: 0 !important;
        margin: 0 !important;
        vertical-align: middle;
        line-height: normal !important;
    }

    .image table td:hover
    {
        background: #ddd;
    }

    .image table td img
    {
        margin: 0;
        padding: 0;
        line-height: normal !important;
    }






    .subscribeEmailDiv
    {
        border: 1px solid #000;
        margin-bottom: 10px;
        padding: 7px;
    }

    .subscribeEmailDiv p
    {
        margin: 0;
        padding: 0;
        font-size: 11px;
        color: #000;
    }

    p.subscribeError
    {
        color: #ff0000;
    }

    p.subscribeConfirmation
    {
        color: #002E62;
    }



    #newsletterreportbackgroudimage
    {
        display: list-item;
        background-image: url(../../../images/bar_g.gif);
        list-style-position: inside;
        word-spacing: -5000em; /* I guess better that letter-spacing */
        overflow: hidden; /* This fix the Horizontal Roller */
        font-size: 1px; /* unhappily is necessary */
    }

    .printinvisible
    {
        display: none;
    }

    #dashboardNav
    {
        display: none;
    }

    #loginBarAlt
    {
        display: none;
    }

    #contentWrapper #footer
    {
        display: none;
    }
    
    #backendContent
    {
         width:890px;
    }
}