/*
MY: When getting a new Style file... 1, change the webfont urls to '../webfonts/LocatorDisplayWebMedium.eot'
2, change pie urls to: /_layouts/15/EpcorCorporateInternetPublishing/styles/pie/PIE.htc


---------------------------------------------------
   EPCOR Styles
   Author:   Dylan Rogowsky
   Version:  20 Dec 2011
   www.epcor.ca


   swatch colors
   ---------------------
   233a81 = dark blue
   009ddc = light blue
   80a73b = green
   ec8932 = orange
   e6b300 = yellow
   d8e2f1 = light blue background
   e9e9e9 = dark grey divider
   131f45 = dark blue a:hover (brightness -100)
   00558d = light blue a:hover (brightness -100)
      
--------------------------------------------------- */


/* =webfonts

   not to be used in production
--------------------------------------------------- */
@font-face {
  font-family: 'LocatorDisplayWebMedium';
  src: url('../webfonts/LocatorDisplayWebMedium.eot');
  src: local('☺'),
         url('../webfonts/LocatorDisplayWebMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* =resets

   YUI 3.4.1 (build 4118)
   Copyright 2011 Yahoo! Inc. All rights reserved.
   Licensed under the BSD License.
   http: //yuilibrary.com/license/
--------------------------------------------------- */
body { margin: 0; padding: 0 }
.epcor-cssbase div, .epcor-cssbase dl, .epcor-cssbase dt, .epcor-cssbase dd, .epcor-cssbase ul, .epcor-cssbase ol, .epcor-cssbase li, .epcor-cssbase h1, .epcor-cssbase h2, .epcor-cssbase h3, .epcor-cssbase h4, .epcor-cssbase h5, .epcor-cssbase h6, .epcor-cssbase pre, .epcor-cssbase code, .epcor-cssbase form, .epcor-cssbase fieldset, .epcor-cssbase legend, .epcor-cssbase input, .epcor-cssbase textarea, .epcor-cssbase p, .epcor-cssbase blockquote, .epcor-cssbase th, .epcor-cssbase td { margin: 0; padding: 0 }
.epcor-cssbase table { border-collapse: collapse; border-spacing: 0 }.epcor-cssbase fieldset, .epcor-cssbase img { border: 0 }
.epcor-cssbase address, .epcor-cssbase caption, .epcor-cssbase cite, .epcor-cssbase code, .epcor-cssbase dfn, .epcor-cssbase em, .epcor-cssbase strong, .epcor-cssbase th, .epcor-cssbase var { font-style: normal; font-weight: normal }
.epcor-cssbase ol, .epcor-cssbase ul { list-style: none }
.epcor-cssbase caption, .epcor-cssbase th { text-align: left }
.epcor-cssbase h1 { font-size: 100%; font-weight: normal }
.epcor-cssbase h2, .epcor-cssbase h3, .epcor-cssbase h4, .epcor-cssbase h5, .epcor-cssbase h6 { font-size: 100%; font-weight: bold }
.epcor-cssbase q: before, .epcor-cssbase q: after { content: '' }
.epcor-cssbase abbr, .epcor-cssbase acronym { border: 0; font-variant: normal }.epcor-cssbase sup { vertical-align: text-top }
.epcor-cssbase sub { vertical-align: text-bottom }
.epcor-cssbase input, .epcor-cssbase textarea, .epcor-cssbase select { font-family: inherit; font-size: inherit; font-weight: inherit }
.epcor-cssbase input, .epcor-cssbase textarea, .epcor-cssbase select { *font-size: 100% }
.epcor-cssbase legend { color: #000 }
.epcor-cssbase .ms-srch-ellipsis { margin: 0;}
.epcor-cssbase .ms-srch-item { margin: 10px 0 10px -10px; padding: 5px 20px 5px 10px; width: 450px; }
.epcor-cssbase .ms-srch-item-body { width: 450px; }
.epcor-cssbase div.ms-srch-item-icon { padding-right: 5px; }
.epcor-cssbase .ms-srch-hover-header { padding: 0 12px 0 20px; }
.epcor-cssbase .ms-srch-hover-body { padding: 0 20px 28px; }
.epcor-cssbase .ms-srch-hover-actions { padding: 17px 20px; }
.epcor-cssbase .ms-srch-hover-action { padding-right: 22px; padding-top: 3px; }
.epcor-cssbase div.grid-12 ul.ms-srch-Paging li { background: none; padding: 0; }
.epcor-cssbase div.grid-12 ul.ms-core-menu-list li { background: none; padding: 0; }
.epcor-cssbase div.grid-12 ul.ms-core-menu-list { margin: 0; }
.epcor-cssbase div.grid-12 .ms-srch-resultFooter ul li { background: none; padding: 0; }
.epcor-cssbase .ms-core-menu-list hr { margin:0; }
.epcor-cssbase .ms-ToolPaneBody table { margin-bottom: 0; }

/* =base
--------------------------------------------------- */
.epcor-cssbase body, .epcor-cssbase { font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #585858; *font-size: small; *font: x-small }
.epcor-cssbase select, .epcor-cssbase input, .epcor-cssbase button, .epcor-cssbase textarea { font: 99% Verdana, Arial, Helvetica, sans-serif;  }
.epcor-cssbase table { margin-bottom: 1.4em; width:100%; font-size: inherit; font: 100% }
.epcor-cssbase pre, .epcor-cssbase code, .epcor-cssbase kbd, .epcor-cssbase samp, .epcor-cssbase tt { font-family: monospace; *font-size: 108%; line-height: 100% }
.epcor-cssbase a, .epcor-cssbase a:hover, .epcor-cssbase a:focus { text-decoration: none }
.epcor-cssbase a { color: #233a81 }
.epcor-cssbase a:hover { color: #009ddc; text-decoration: underline }
.epcor-cssbase h1, .epcor-cssbase h2, .epcor-cssbase h3, .epcor-cssbase h5 { text-transform: uppercase }
.epcor-cssbase h1 { font-family: 'LocatorDisplayWebMedium'; font-size: 3em; line-height: 1; margin-bottom: 0.5em; text-transform: lowercase }
.epcor-cssbase h2 { font-family: Helvetica, Arial, sans-serif; font-size: 1.5em; margin: 0 }
.epcor-cssbase h3 { font-family: Helvetica, Arial, sans-serif; font-size: 1.333em; line-height: 1; margin: 0.8em 0 0.2em }
.epcor-cssbase h4 { font-family: Helvetica, Arial, sans-serif; font-size: 1.166em; line-height: 1.25; margin: 1.3em 0 0.2em }
.epcor-cssbase h5 { font-family: Helvetica, Arial, sans-serif; font-size: 1em; margin: 0 0 1.5em 0 }
.epcor-cssbase h6 { font-family: Helvetica, Arial, sans-serif; font-size: 1em; font-weight: bold; margin: 0 }
.epcor-cssbase h1 + h3 { margin: -1em 0 1em 0; font-family: 'LocatorDisplayWebMedium'; font-weight: normal; text-transform: lowercase }
.epcor-cssbase abbr, .epcor-cssbase acronym { border-bottom: 1px dotted #000; cursor: help }
.epcor-cssbase em { font-style: italic }
.epcor-cssbase blockquote, .epcor-cssbase ul, .epcor-cssbase ol, .epcor-cssbase dl { margin: 1em }
.epcor-cssbase ol, .epcor-cssbase ul, .epcor-cssbase dl { margin-left: 2em }
.epcor-cssbase ol { list-style: decimal outside }
.epcor-cssbase ul { list-style: disc outside }
.epcor-cssbase li { padding: 0.333em 0 }
.epcor-cssbase dl dd { margin-left: 1em }
.epcor-cssbase th, .epcor-cssbase td { text-align: left; border-right: 1px solid #fff;  }
.epcor-cssbase tr th:last-child, .epcor-cssbase tr td:last-child { border-right: none;  }
.epcor-cssbase th,.epcor-cssbase .ms-rteTable-0 > tbody > tr > th { font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-align: left; background: #233a81; color: #fff; padding: 4px 10px 2px 5px }
.epcor-cssbase td.table-subhead { font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-align: left; background: #c0ccdf; color: #233a81; padding: 4px 10px 2px 5px }
.epcor-cssbase caption { margin-bottom: .5em; text-align: center }
.epcor-cssbase p, .epcor-cssbase fieldset, .epcor-cssbase table, .epcor-cssbase pre { margin-bottom: 1.5em }
.epcor-cssbase input[type=text], .epcor-cssbase input[type=password], .epcor-cssbase textarea { width: 12.25em; *width: 11.9em }
.epcor-cssbase hr { background: none; color: transparent; clear:both; float:none; width:100%; height:1px; margin:0 0 17px; border: 0; border-bottom: 1px dotted #939393 }
.epcor-cssbase strong { font-weight: bold; }


/* =grid

   960 Grid System
   http://960.gs/
--------------------------------------------------- */
.epcor-grid { margin-left: auto; margin-right: auto; width: 960px }
.epcor-grid .grid-1, .epcor-grid .grid-2, .epcor-grid .grid-3, .epcor-grid .grid-4, .epcor-grid .grid-5, .epcor-grid .grid-6, .epcor-grid .grid-7, .epcor-grid .grid-8, .epcor-grid .grid-9, .epcor-grid .grid-10, .epcor-grid .grid-11, .epcor-grid .grid-12, .epcor-grid .grid-13, .epcor-grid .grid-14, .epcor-grid .grid-15, .epcor-grid .grid-16, .epcor-grid .grid-third, .epcor-grid .grid-twothird { display: inline; float: left; margin-left: 10px; margin-right: 10px }
.epcor-grid .grid-1 { width: 40px }
.epcor-grid .grid-2 { width: 100px }
.epcor-grid .grid-3 { width: 160px }
.epcor-grid .grid-4 { width: 220px }
.epcor-grid .grid-5 { width: 280px }
.epcor-grid .grid-6 { width: 340px }
.epcor-grid .grid-7 { width: 400px }
.epcor-grid .grid-8 { width: 460px }
.epcor-grid .grid-9 { width: 520px }
.epcor-grid .grid-10 { width: 580px }
.epcor-grid .grid-11 { width: 640px }
.epcor-grid .grid-12 { width: 700px }
.epcor-grid .grid-13 { width: 760px }
.epcor-grid .grid-14 { width: 820px }
.epcor-grid .grid-15 { width: 880px }
.epcor-grid .grid-16 { width: 940px }
.epcor-grid .grid-third { width: 300px }
.epcor-grid .grid-twothird { width: 600px }
.epcor-grid .grid-twothird .grid-third { width: 290px }
.epcor-grid .alpha { margin-left: 0 }
.epcor-grid .omega { margin-right: 0 }
.epcor-grid .suffix-1 { padding-right: 60px }
.epcor-grid .suffix-2 { padding-right: 120px }
.epcor-grid .suffix-3 { padding-right: 180px }
.epcor-grid .suffix-4 { padding-right: 240px }
.epcor-grid .suffix-5 { padding-right: 300px }
.epcor-grid .suffix-6 { padding-right: 360px }
.epcor-grid .suffix-7 { padding-right: 420px }
.epcor-grid .suffix-8 { padding-right: 480px }
.epcor-grid .suffix-9 { padding-right: 540px }
.epcor-grid .suffix-10 { padding-right: 600px }
.epcor-grid .suffix-11 { padding-right: 660px }
.epcor-grid .suffix-12 { padding-right: 720px }
.epcor-grid .suffix-13 { padding-right: 780px }
.epcor-grid .suffix-14 { padding-right: 840px }
.epcor-grid .suffix-15 { padding-right: 900px }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
.clearfix:before, .clearfix:after, .epcor-grid:before, .epcor-grid:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0 }
.clearfix:after, .epcor-grid:after { clear: both }
.clearfix, .epcor-grid { zoom: 1 }



/* =misc
--------------------------------------------------- */
.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix {display:block;}
.clear {clear:both;}

.right { text-align: right; }
.justify { text-align: justify; }

.epcor-cssbase p.no-margin-bottom { margin-bottom: 0; }

::-moz-selection { background: #233a81; color: #fff; text-shadow: none }
::selection { background: #233a81; color: #fff; text-shadow: none }

.float-left { float: left; margin: 0px 20px 15px 0px }
.float-right { float: right; margin: 0px 0px 15px 20px }
.align-left { text-align: left }
.align-right { text-align: right }

.bold { font-weight: bold }
.blue-dark { color: #233a81 }
.blue-light { color: #009ddc }
.green { color: #80a73b }
.orange { color: #ec8932 }
.yellow { color: #e6b300 }
.white { color: #fff; }

div.date { font-family: Georgia, serif; font-weight: normal; float: right }
div.date a { color: #80a73b }
div.date + p {margin-top: 1.5em }

#breadcrumb p { font-size: 0.916em }

span.highlight { background-color: #ffe631 }
.grid-third.border-top { border-top: 1px dotted #a9a9a9; padding-top: 2em; }

p.small { font-size: 0.916em; }
span.h4-inline { font-family: Helvetica, Arial, sans-serif; font-size: 1.166em; line-height: 1.25; margin: 1.3em 0 0.2em; font-weight: bold; clear: both; }



/* IMAGE BORDERS */
img.border-double { padding: 3px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #939393; background-color: #fff; behavior: url(/_layouts/15/EpcorCorporateInternetPublishing/styles/pie/PIE.htc) }
img.border { border: 1px solid #939393 } 

/* IMAGE CAPTIONS */
div.image-caption { font-size: 0.916em; padding: 3px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #939393; background-color: #fff; behavior: url(/_layouts/15/EpcorCorporateInternetPublishing/styles/pie/PIE.htc) }
div.image-caption p { margin: 0 }
div.image-caption.float-right { float: right; margin: 0px 0px 15px 20px }
div.image-caption.float-left { float: left; margin: 0 20px 15px 0 }

/* LINK CHEVRONS */
a.chevron { background-color: red }
a.chevron-orange-shadow { padding-right: 18px; background: transparent url('../images/interface-sprite-links.png') right -293px no-repeat }
a.chevron-orange { padding-right: 15px; background: transparent url('../images/interface-sprite-links.png') right -395px no-repeat }
a.chevron-blue { padding-right: 15px; background: transparent url('../images/interface-sprite-links.png') right -594px no-repeat }
a.chevron-green { padding-right: 15px; background: transparent url('../images/interface-sprite-links.png') right -694px no-repeat }


/* LIST STYLES  */
.epcor-cssbase div.grid-12 ul, ul.blue, ul.green, ul.orange, ul.yellow  { margin: 0 0 1.5em 0; padding: 0 0 0 11px; }
.epcor-cssbase div.grid-12 ul li, ul.blue li, ul.green li, ul.orange li, ul.yellow li { margin: 2px 0; background: url(../images/interface-sprite-bullets.png) no-repeat 0 0.6em; list-style: none; padding: 0 0 0 16px; color: #585858 }
.epcor-cssbase div.grid-12 ul li { background-position: 0 -2494px }
ul.blue li { background-position: 0 6px }
ul.green li { background-position: 0 -494px }
ul.orange li { background-position: 0 -994px }
ul.yellow li { background-position: 0 -1494px }

ul li.green a:link, ul li.green a:visited  { color: #80a73b }
ul li.orange a:link, ul li.orange a:visited  { color: #ec8932 }
ul li.green a:hover, ul li.orange a:hover { color: #009ddc }

/* TABLE STYLES  */
table tr.zebra-stripe td { background-color: #d8e2f1 }

/* NEWS SECTION */
/* div.news-section h2 { font-family: 'LocatorDisplayWebMedium'; font-weight: normal; text-transform: lowercase; } MY - Jan2014, "they" changed their mind */
div.news-section p.date { font-family: Georgia, serif; font-weight: normal; color: #80a73b; margin-bottom: 0.5em; font-style: italic; }
div.news-section img.border-double { margin: 5px 10px 5px 0; }
div.news-section a span { background: transparent url('../images/interface-chevron-green.gif') right bottom no-repeat; padding-right: 10px; }

p.sm-list { line-height: 24px; }
p.sm-list img { vertical-align: text-top; margin: 0 10px 0 2px;  }

h3.headline-inline  { display: inline }
h3.headline-inline a { color: #009ddc }
h3.headline-inline a:hover { color: #00558d }

/* BLOG COMMENTS */
div.comment-block { border-top: 1px dotted #939393; padding: 13px 0px; }
div.comment-block h6 { text-transform: uppercase; margin-bottom: 1em; }
div.comment-block.background-grey { background: #f0f0f0; padding: 13px; }
div.comment-block div.comment { padding: 0 5px 0 5px; position: relative; }
div.comment-block div.comment span { float: right; }
div.comment-block input[type="text"], div.comment-block textarea { width: 100%; border: none; padding: 0; margin: 0; }
div.comment-block textarea { resize: none; overflow: hidden; }
div.comment-block .input-wrapper { margin-bottom: 1em;  background: #fff; border: 1px solid #dadada; padding: 4px; }

div.comment-block input[type="text"].placeholder, div.comment-block textarea.placeholder { color: #7E7E7E; }
div.comment-block input[type="submit"] { text-align: right; }
div.comment-block img.border-double { margin: 5px 10px 5px 2px; left: 0; position: absolute; top: 0; }
div.comment-block p.comment-group img { vertical-align: top; }
div.comment-block p.comment-group span.comment-rating { color: #80a73b; padding-right: 15px }


/* =misc
    =buttons
--------------------------------------------------- */
input[type="submit"].inherit, input[type="submit"].green, input[type="submit"].orange, input[type="submit"].blue, input[type="submit"].blue-dark { background-color: #80a73b; border: 1px solid #fff; color: #fff; padding: 4px 12px; text-transform: uppercase; cursor: pointer; -moz-box-shadow: 1px 1px 0px #000; -webkit-box-shadow: 1px 1px 0px #000; box-shadow: 1px 1px 0px #000 }
input[type="submit"].orange { background-color: #ec8932 }
input[type="submit"].blue { background-color: #009ddc }
input[type="submit"].blue-dark { background-color: #233a81 }


/* =misc
    =block-messages
--------------------------------------------------- */
.epcor-cssbase .block-feature { background-color: #fff; padding: 12px; border: 3px solid #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #585858; margin-bottom: 1.5em; behavior: url(/_layouts/15/EpcorCorporateInternetPublishing/styles/pie/PIE.htc) }
.epcor-cssbase .block-feature .column-50 { float: left; width: 50% }
.epcor-cssbase .block-feature .column-50 p { padding-right: 10px; }

.epcor-cssbase .block-feature.green { background-color: #e6edce; border-color: #dfe7ab }
.epcor-cssbase .block-feature.orange { background-color: #FFF6CE; border-color: #f9eba9 }
.epcor-cssbase .block-feature.blue { background-color: #d8e2f1; border-color: #b6c3d3 }

.epcor-cssbase .block-feature p:last-child { margin-bottom: 0 }
.epcor-cssbase .block-feature h4:first-child { margin-top: 0 }
   
span.callout-box { display: block; font-family: Georgia, serif; padding: 10px; margin: 7px; background: red }
span.callout-box.float-left { float: left; margin-left: 0 }
span.callout-box.float-right { float: right; margin-right: 0 }
span.callout-box.green { background-color: #e6edce; border: 1px solid #dfe7ab }
span.callout-box.orange { background-color: #FFF6CE; border: 1px solid #f9eba9 }
span.callout-box.blue { background-color: #d8e2f1; border: 1px solid #b6c3d3 }


/* =misc
    =icon-messages
--------------------------------------------------- */
.epcor-cssbase p.icon-message.notice { padding-left: 25px; background: transparent url(../images/icon-message-alert.png) 0 5px no-repeat }


/* =misc
    =right-column-asides
--------------------------------------------------- */
.epcor-cssbase div.grid-4 div h4 { margin-top: 0; }
.epcor-cssbase div.grid-4 div.green, .epcor-cssbase div.grid-4 div.orange, .epcor-cssbase div.grid-4 div.blue { padding: 10px; margin-bottom: 1.5em; }
.epcor-cssbase div.grid-4 div.green p:last-child, .epcor-cssbase div.grid-4 div.orange p:last-child, .epcor-cssbase div.grid-4 div.blue  p:last-child { margin-bottom: 0; }
.epcor-cssbase div.grid-4 div.green p, .epcor-cssbase div.grid-4 div.orange p, .epcor-cssbase div.grid-4 div.blue p { color: #585858; }
.epcor-cssbase div.grid-4 div.green { background-color: #e6edce; border: 1px solid #dfe7ab }
.epcor-cssbase div.grid-4 div.green h4 { color: #233a81 }
.epcor-cssbase div.grid-4 div.orange { background-color: #FFF6CE; border: 1px solid #f9eba9 }
.epcor-cssbase div.grid-4 div.orange h4 { color: #80a73b }
.epcor-cssbase div.grid-4 div.blue { background-color: #d8e2f1; border: 1px solid #b6c3d3 }
.epcor-cssbase div.grid-4 div.blue h4 { color: #ec8932 }


/* =header
--------------------------------------------------- */
#epcor-masthead { height: 63px; font-size: 0.916em; position: relative; z-index: 1; margin: -3px 0 0 0; background-color: #fff; padding: 3px 13px 11px 13px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow:0 0 2px #888; -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow:0 0 2px #888; behavior: url(/_layouts/15/EpcorCorporateInternetPublishing/styles/pie/PIE.htc) }
#epcor-masthead .masthead-left, #epcor-masthead .masthead-right { width: 467px; float: left }
#epcor-masthead a.chevron-orange { background-position: right -395px }
#epcor-masthead a.chevron-blue { background-position: right -595px }

#breadcrumb a { color: #009ddc;  }
#breadcrumb a:hover { color: #00558d; text-decoration: underline; }
#epcor-masthead input {vertical-align:middle; font-size: 12px }
#epcor-masthead input[type="text"] {width:148px; padding:2px 35px 2px 5px; background:#fff; border:2px solid #dddfe5; -webkit-appearance:textfield; -webkit-box-sizing:content-box }
#epcor-masthead input[type="text"]::-webkit-search-cancel-button, #epcor-masthead input[type=search]::-webkit-search-decoration, #epcor-masthead input[type=search]::-webkit-search-results-button, #epcor-masthead input[type=search]::-webkit-search-results-decoration { -webkit-appearance:none }
#epcor-masthead input[type="submit"] {width:25px; margin-left:-27px; padding:2px; border:none; border-left: 2px solid #dddfe5; color:#fff; background: #233a81; cursor:pointer }
#epcor-masthead input[type="submit"]::-moz-focus-inner {border:0;}
#epcor-masthead input[type="submit"]:focus {background:#333;}
#epcor-masthead div.search-container { float: right; text-align: right; padding-top: 10px }
#epcor-masthead div.search-box { margin-top: 10px }

div.navigation-wrapper { z-index: 101; }

#navigation-header { width: 675px; height: 37px; margin: 0px 0 10px 70px; padding: 0; float: left; position: relative; z-index: 101; }
#navigation-header * { padding:0; margin:0; font: bold 11px/17px Arial, Helvetica, sans-serif; text-transform: uppercase; }
#navigation-header ul { display: block; float: left; padding: 0; margin: 0; }
#navigation-header ul li { list-style: none; float: left; margin: 0 -7px 0 0; position: relative; }
#navigation-header ul li a { background: url('../images/navigation-inactive-right.png') top right no-repeat; display: block; padding: 0 10px 0 0; color: #868686; text-decoration: none; }
#navigation-header ul li.selected a { background: url('../images/navigation-active-right.png') top right no-repeat !important; color: #233a81; }
#navigation-header ul li a span.nav-cap-left { background: url('../images/navigation-inactive-left.png') top left no-repeat !important; display: block; padding: 7px 3px 15px 11px; }
#navigation-header ul li.selected a span.nav-cap-left { background: url('../images/navigation-active-left.png') top left no-repeat !important; padding-left: 14px; }
#navigation-header ul li.nav-home span.ir-home { background: transparent url('../images/navigation-home-inactive.png') center center no-repeat; display: block; width: 17px; height: 15px; text-indent: -4000px; }
#navigation-header ul li.selected.nav-home span.ir-home { background-image: url('../images/navigation-home-active.png'); }
#navigation-header ul li.nav-1 { z-index: 100; }
#navigation-header ul li.nav-2 { z-index: 99; }
#navigation-header ul li.nav-3 { z-index: 98; }
#navigation-header ul li.nav-4 { z-index: 97; }
#navigation-header ul li.nav-5 { z-index: 96; }
#navigation-header ul li.nav-6 { z-index: 95; }
#navigation-header ul li.nav-7 { z-index: 94; }

/* ITEM 2 SELECTED */
#navigation-header ul.nav-selected-2 li.nav-1 { z-index: 99; }
#navigation-header ul.nav-selected-2 li.nav-2 { z-index: 100; }

/* ITEM 3 SELECTED */
#navigation-header ul.nav-selected-3 li.nav-1 { z-index: 98; }
#navigation-header ul.nav-selected-3 li.nav-2 { z-index: 99; }
#navigation-header ul.nav-selected-3 li.nav-3 { z-index: 100; }

/* ITEM 4 SELECTED */
#navigation-header ul.nav-selected-4 li.nav-1 { z-index: 97; }
#navigation-header ul.nav-selected-4 li.nav-2 { z-index: 98; }
#navigation-header ul.nav-selected-4 li.nav-3 { z-index: 99; } 
#navigation-header ul.nav-selected-4 li.nav-4 { z-index: 100; }  

/* ITEM 5 SELECTED */
#navigation-header ul.nav-selected-5 li.nav-1 { z-index: 96; }
#navigation-header ul.nav-selected-5 li.nav-2 { z-index: 97; }
#navigation-header ul.nav-selected-5 li.nav-3 { z-index: 98; } 
#navigation-header ul.nav-selected-5 li.nav-4 { z-index: 99; } 
#navigation-header ul.nav-selected-5 li.nav-5 { z-index: 100; } 

/* ITEM 6 SELECTED */
#navigation-header ul.nav-selected-6 li.nav-1 { z-index: 95; }
#navigation-header ul.nav-selected-6 li.nav-2 { z-index: 96; }
#navigation-header ul.nav-selected-6 li.nav-3 { z-index: 97; } 
#navigation-header ul.nav-selected-6 li.nav-4 { z-index: 98; } 
#navigation-header ul.nav-selected-6 li.nav-5 { z-index: 99; } 
#navigation-header ul.nav-selected-6 li.nav-6 { z-index: 100; } 

/* ITEM 7 SELECTED */
#navigation-header ul.nav-selected-7 li.nav-1 { z-index: 95; }
#navigation-header ul.nav-selected-7 li.nav-2 { z-index: 95; }
#navigation-header ul.nav-selected-7 li.nav-3 { z-index: 96; } 
#navigation-header ul.nav-selected-7 li.nav-4 { z-index: 97; } 
#navigation-header ul.nav-selected-7 li.nav-5 { z-index: 98; } 
#navigation-header ul.nav-selected-7 li.nav-6 { z-index: 99; } 
#navigation-header ul.nav-selected-7 li.nav-7 { z-index: 100; } 

div.tabholder-corporate-site { margin-top: -3px; z-index: 0; position: relative; padding-top: 1px; float: right; }
div.tabholder-corporate-site div.tab-corporate-site { width: 200px; float: right; background-color: #d8e2f1; text-align: center; font-size: 0.916em; padding: 2px 0; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border: 1px solid #fff; box-shadow:0 0 2px #888; -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow:0 0 2px #888; behavior: url(/_layouts/15/EpcorCorporateInternetPublishing/styles/pie/PIE.htc) }



/* =navigation
--------------------------------------------------- */
#navigation-left ul { border-bottom: 1px solid #E9E9E9; list-style-type:none; margin:0; padding:0 }
#navigation-left ul li { font-family: Helvetica, Arial, sans-serif; color: #233a81; border-top: 1px solid #e9e9e9; display: block; padding: 9px 0 8px 0 }
#navigation-left ul li:first-child { border-top: 1px solid #e9e9e9 }
#navigation-left ul li a:link, #navigation-left ul li a:visited  { text-transform: uppercase }
#navigation-left ul li a:hover  { text-decoration: none }
#navigation-left ul li.navigation-active { padding-bottom: 0; font-weight: bold }

#navigation-left ul ul { border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; list-style-type:none; margin: 6px 0 1px; background: #d8e2f1 }
#navigation-left ul ul li { font-family: Helvetica, Arial, sans-serif; font-weight: normal; border-top: 1px solid #fff; border-bottom: none }
#navigation-left ul ul li:first-child { border-top: 1px solid #fff }
#navigation-left ul ul li div { padding-left: 10px; }
#navigation-left ul ul li a:link, #navigation-left ul ul li a:visited  { padding: 9px 16px 8px 0px; text-transform: none; background: transparent url('../images/interface-sprite-links.png') right -587px  no-repeat }
#navigation-left ul ul li:first-child a { padding: 8px 16px 8px 0px }
#navigation-left ul ul li a span.chevron { color: #233a81; font-size: 1.166em; line-height: 0.7em }


#navigation-left ul ul ul { border-top: 1px solid #fff; border-bottom: none; margin: 6px 0 0; background: #C5DBFB }
#navigation-left ul ul ul li:first-child { border-top: none }
#navigation-left ul ul ul li div { padding-left: 20px; }
#navigation-left ul ul ul li a:link, #navigation-left ul ul ul li a:visited { padding: 9px 16px 8px 0px }
#navigation-left ul ul ul li:first-child a { padding: 8px 16px 8px 0px }

#navigation-left ul ul ul ul { background: #B2CFFA }
#navigation-left ul ul ul ul li:first-child { border-top: none }
#navigation-left ul ul ul ul li div { padding-left: 30px;  }
#navigation-left ul ul ul ul li a:link, #navigation-left ul ul ul ul li a:visited { padding: 9px 16px 8px 0px }
#navigation-left ul ul ul ul li:first-child a { padding: 8px 16px 8px 0px }

#navigation-left ul ul ul ul ul { background: #9FC3F8 }
#navigation-left ul ul ul ul ul li:first-child { border-top: none }
#navigation-left ul ul ul ul ul li div { padding-left: 40px;}
#navigation-left ul ul ul ul ul li a:link, #navigation-left ul ul ul ul ul li a:visited { padding: 9px 16px 8px 0px }
#navigation-left ul ul ul ul ul li:first-child a { padding: 8px 16px 8px 0px }


/* =footer
--------------------------------------------------- */
#epcor-footer { background: transparent url(../images/background-footer.png) no-repeat center top; padding-top: 20px }
#epcor-footer a:link, #epcor-footer a:visited  { color: #585858 }
#epcor-footer a:hover  { color: #009ddc; text-decoration: underline }
#epcor-footer h5 { margin-left: 10px }
#epcor-footer h6, #epcor-footer p { margin-left: 20px }
#epcor-footer ul { padding-left: 20px }


#epcor-footer.small { background: transparent url(../images/background-footer-small.png) no-repeat center top; min-height: 170px }
#epcor-footer.small a:link, #epcor-footer.small a:visited  { color: #233A81 }
#epcor-footer.small ul { float: right; }
#epcor-footer.small ul li { display: inline; }
#epcor-footer.small ul li a { border-left: 1px solid #58595a; padding: 0 10px 0 13px; }
#epcor-footer.small ul li:first-child a { border-left: none; padding: 0 10px 0 0; }


/* =home-page
    =grid-modifications
--------------------------------------------------- */
.epcor-grid .homepage-carousel-left { margin: 0 20px 0 0 }
.epcor-grid .homepage-carousel { width: 625px; margin: 0 10px 18px 15px; position: relative; }
.epcor-grid .homepage-carousel-right { width: 300px; margin-left: 0; margin-bottom: 5px; } /*my-changed bottom padding to less, in order to reduce chance of blowout of layout */

.epcor-grid.homepage-feature-block { width: 968px; padding-top: 19px }
.epcor-grid .homepage-feature-1 { width: 300px; margin: 0 15px 0 19px }
.epcor-grid .homepage-feature-2 { width: 300px; margin: 0 15px 0 0px }
.epcor-grid .homepage-feature-3 { width: 300px; margin: 0 0px 0 0px }



/* =homepage
    features
--------------------------------------------------- */
div.homepage-feature { height: 199px; background: #f1f1f1; overflow: hidden; position: relative; margin-bottom: 1.5em; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #fff; box-shadow:0 0 2px #888; -moz-box-shadow: 0 0 2px #888; -webkit-box-shadow:0 0 2px #888; behavior: url(/_layouts/15/EpcorCorporateInternetPublishing/styles/pie/PIE.htc) }

div.homepage-feature h5.homepage-feature-header { font-family: 'LocatorDisplayWebMedium'; font-weight: normal; font-size: 1.333em; height: 24px; padding: 5px 10px;  margin: 0; color: #fff; text-transform: lowercase }
div.homepage-feature.homepage-feature-blue-dark h5.homepage-feature-header{ background: #233a81 }
div.homepage-feature.homepage-feature-blue-light h5.homepage-feature-header { background: #009ddc }
div.homepage-feature.homepage-feature-green h5.homepage-feature-header { background: #80a73b }
div.homepage-feature.homepage-feature-orange h5.homepage-feature-header { background: #ec8932 }
div.homepage-feature.homepage-feature-yello h5.homepage-feature-header { background: #e6b300 }


div.homepage-feature-content { background: transparent url("../images/homepage-feature-background.png") no-repeat center top; position: absolute; width: 278px; height: 146px;  padding: 10px; z-index: 1 }

div.homepage-carousel-right h2 { font-family: 'LocatorDisplayWebMedium', Helvetica, Arial, sans-serif; font-weight: normal;  }
div.homepage-carousel-right p.date { font-family: Georgia, serif; font-weight: normal; color: #80a73b; font-style: italic; margin-bottom: 0; }
div.homepage-carousel-right a.chevron-green { color: #009ddc; } /* changed */
div.homepage-carousel-right a.chevron-green:hover { color: #233a81; } /*added*/
div.homepage-carousel-right img.float-left { margin-bottom: 5px;  } 


div#carousel-content { width: 620px; height: 307px; overflow: hidden; position: relative; z-index: 0;  }
div#carousel-controls { bottom: 0; position: absolute; z-index: 10; width: 620px; } 
/*div#carousel-controls { margin-top: -58px; position: absolute; z-index: 10; width: 620px; }*/
div#carousel-toolbar { background: transparent url('../images/carousel-toolbar-background.png') 0 center repeat-y; }

div#carousel-pager { clear: both; text-align: center; margin: 5px 0; height: 12px; }
div#carousel-pager a { display: inline-block; margin: 0 2px; width: 12px; height: 12px;  background: transparent url('../images/carousel-pager.png') 0 0 no-repeat; text-indent: -4000px }
div#carousel-pager a.activeSlide { background-position: -19px 0; }

div#carousel-previous { position: absolute; top: 50%; margin-top: -7px; left: 0; width: 42px; height: 36px; background: transparent url('../images/carousel-previous.png') 0 0 no-repeat; text-indent: -4000px; cursor: pointer }
div#carousel-caption { float: left; width: 537px; margin-left: 42px; text-align: center; color: #fff; padding: 6px 0; font: normal 18px/24px 'LocatorDisplayWebMedium', Helvetica, Arial, sans-serif; text-transform: lowercase; }
div#carousel-next { position: absolute; top: 50%; margin-top: -7px; right: 0; width: 41px; height: 36px; background: transparent url('../images/carousel-next.png') 0 0 no-repeat; text-indent: -4000px; cursor: pointer }


.epcor-grid .homepage-carousel-right h2 { display: inline; }
.epcor-grid .homepage-carousel-right p.float-right { display: inline; float: right; margin: 0.5em 0 1em 0; }


/* =print
--------------------------------------------------- */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important } 
  a, a:visited { text-decoration: underline }
  a[href]:after { content: " (" attr(href) ")" }
  abbr[title]:after { content: " (" attr(title) ")" }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid }
  thead { display: table-header-group }
  tr, img { page-break-inside: avoid }
  img { max-width: 100% !important }
  @page { margin: 0.5cm }
  p, h2, h3 { orphans: 3; widows: 3 }
  h2, h3 { page-break-after: avoid }
  #epcor-masthead, .tabholder-corporate-site, #epcor-footer { display: none } 
  .s4-ca .epcor-grid .grid-4 { display:none } /*the left nav */
  .s4-ca .epcor-grid .grid-12 .grid-8 { width: 100% } /* the main content column */
}