/*
---------------------------------------------------
   EPCOR Styles
   Author:   Dylan Rogowsky
   Version:  18 Jan 2012
   (c) 2012 www.epcor.com

   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)
   
   
   table of contents
   ---------------------
   =webfonts
   =resets
   =base
   =grid
   =misc
      =community-page
      =buttons
      =block-messages
      =google-map
   =header
   =navigation
   =footer
   =home-page
      =grid-modifications
      =location-box
      =carousel
      =features
   =print
      
--------------------------------------------------- */

/* =webfonts
--------------------------------------------------- */
@font-face {
  font-family: 'LocatorDisplayWebMedium';
  src: url('/_layouts/15/EpcorCustomerInternetPublishing/webfonts/LocatorDisplayWebMedium.eot');
  src: local('☺'),
         url('/_layouts/15/EpcorCustomerInternetPublishing/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 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 .ms-rtestate-field 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-9 ul.ms-srch-Paging li { background: none; padding: 0; }
.epcor-cssbase div.grid-9 ul.ms-core-menu-list li { background: none; padding: 0; }
.epcor-cssbase div.grid-9 ul.ms-core-menu-list { margin: 0; }
.epcor-cssbase div.grid-9 .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 { font: 99% Verdana, Arial, Helvetica, sans-serif }
.epcor-cssbase input, .epcor-cssbase button, .epcor-cssbase textarea { font: 99% Verdana, Arial, Helvetica, sans-serif; -webkit-appearance: none }
/*DR: Removed Table Styles */
.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:link { color: #009ddc; text-decoration: none; }
.epcor-cssbase a:visited { color: #b10069; text-decoration: none; }
.epcor-cssbase a:hover { color: #0072bc; text-decoration: underline;  }
.epcor-cssbase a:focus { text-decoration: none }

.epcor-cssbase h1, .epcor-cssbase h2, .epcor-cssbase h3, .epcor-cssbase h5 { text-transform: uppercase }
.epcor-cssbase h1 { font-family: 'LocatorDisplayWebMedium'; text-transform:none; font-size: 3em; line-height: 1; margin-bottom: 0.5em;  }
.epcor-cssbase h2 { font-family: Helvetica, Arial, sans-serif; font-size: 1.5em; margin: 0 }
.epcor-cssbase h3, .ms-rteThemeFontFace-2, .ms-rteFontSize-3 { font-family: Helvetica, Arial, sans-serif; font-size: 1.333em; line-height: 1; margin: 0.8em 0 0.2em; color: #585858; }
.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'; text-transform:none; font-weight: normal }

/*
.ms-rteFontSize-3 {font-size: 12pt;}
.ms-rteThemeFontFace-2 {font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #585858;}
.ms-rteThemeFontFace-1  { font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif; color: #585858; line-height: 1.6}
*/

.epcor-cssbase h1 a:link, 
.epcor-cssbase h2 a:link, 
.epcor-cssbase h3 a:link, 
.epcor-cssbase h4 a:link, 
.epcor-cssbase h5 a:link, 
.epcor-cssbase h6 a:link { color: #585858; text-decoration: none; }

.epcor-cssbase h1 a:visited,
.epcor-cssbase h2 a:visited,
.epcor-cssbase h3 a:visited,
.epcor-cssbase h4 a:visited,
.epcor-cssbase h5 a:visited,
.epcor-cssbase h6 a:visited { color: #585858; text-decoration: none; }

.epcor-cssbase h1 a:hover,
.epcor-cssbase h2 a:hover,
.epcor-cssbase h3 a:hover,
.epcor-cssbase h4 a:hover,
.epcor-cssbase h5 a:hover,
.epcor-cssbase h6 a:hover { color: #009ddc; text-decoration: underline; }

.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 }
/*DR: TABLE STYLES REMOVED */
.epcor-cssbase caption { margin-bottom: .5em; text-align: center }
.epcor-cssbase p, .epcor-cssbase fieldset, .epcor-cssbase pre { margin-bottom: 1.5em } /*DR: .epcor-cssbase .ms-rtestate-field table, */
.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; }
.epcor-cssbase input[type=radio] { -webkit-appearance: radio; } /* MY: Added so radio buttons will display */
.epcor-cssbase input[type=checkbox] { -webkit-appearance: checkbox; } /* MY: Added so radio buttons will display */

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

::-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 }

span.highlight { background-color: #ffe631 }
div.grid-8 p a { color: #009ddc }
div.grid-8 p a:visited { color: #b10069 }
div.grid-8 p a:hover { color: #0072bc }

.epcor-cssbase .ms-webpartzone-cell {
	margin: auto auto 0;
}
.epcor-cssbase .srch-gosearchimg {
	height: 17px;
}



/* 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/EpcorCustomerInternetPublishing/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/EpcorCustomerInternetPublishing/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 }*/

/* LIST STYLES  */
.epcor-cssbase div.grid-9 ul, 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-9 ul li, 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 1em; color: #585858 }
.epcor-cssbase div.grid-9 ul li, 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 }

.community-list a:link { color: #585858; text-decoration: none; }
.community-list a:visited { color: #585858; text-decoration: none; }
.community-list a:hover { color: #0072bc; text-decoration: underline; }

div.community-list ul li{ background: none; }

div.community-search-results ul li{ background: none; }

/*DR: ZEBRA TABLE STYLES REMOVED */

/* ASK US WIDGET */
div.widget-ask-us h3 { font-weight:normal;}
div.widget-ask-us h3 span { font-weight: 700;}

/* ICON HEADERS */
h1.icon-commercial { padding-left: 65px; background: transparent url('../images/header-icon-commercial.png') 0 0 no-repeat }
h1.icon-residential { padding-left: 50px; background: transparent url('../images/header-icon-residential.png') 0 0 no-repeat }


/* =misc
    =community-page
--------------------------------------------------- */
h3.headline-inline  { display: inline }
h3.headline-inline a.chevron { color: #009ddc; padding-right: 20px; background: transparent url('../images/interface-sprite-links.png') right -100px no-repeat }
h3.headline-inline a.chevron:hover { color: #00558d }
h3 span.chevron { color: #80a73b; font-size: 1.428em; line-height: 0.7em }


/* =misc
    =buttons
--------------------------------------------------- */
input[type="submit"].inherit, input[type="submit"].green, input[type="submit"].orange, input[type="submit"].blue { 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 }


/* =misc
    =block-messages
--------------------------------------------------- */
.epcor-cssbase .block-message { background-color: #fff; padding: 12px; border-style: solid; border-width: 3px 0; border-color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #585858; margin-bottom: 1.5em; behavior: url(/_layouts/15/EpcorCustomerInternetPublishing/styles/pie/PIE.htc) }
.epcor-cssbase .block-feature { background-color: #fff; border: none;  margin-bottom: 1.5em }
.epcor-cssbase .block-threecol-feature { font-size:0.9em; background-color: #fff; padding: 12px 0 12px 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/EpcorCustomerInternetPublishing/styles/pie/PIE.htc) }
.epcor-cssbase .block-threecol-feature ul  { margin: 0 0 0 0; padding: 0 }
.epcor-cssbase .block-message.green, .epcor-cssbase .block-threecol-feature.green, .epcor-cssbase .block-feature.green .block-feature-content { background-color: #e6edce; border-color: #dfe7ab }
.epcor-cssbase .block-message.orange, .epcor-cssbase .block-threecol-feature.orange, .epcor-cssbase .block-feature.orange .block-feature-content { background-color: #FFF6CE; border-color: #f9eba9 }
.epcor-cssbase .block-message.blue, .epcor-cssbase .block-threecol-feature.blue, .epcor-cssbase .block-feature.blue .block-feature-content { background-color: #d8e2f1; border-color: #b6c3d3 }

.epcor-cssbase .block-message p:last-child, .epcor-cssbase .block-threecol-feature p:last-child { margin-bottom: 0 }

.epcor-cssbase .block-feature .block-feature-content { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; color: #585858; padding: 12px }
.epcor-cssbase .block-feature .block-feature-content h3 { font-family: 'LocatorDisplayWebMedium'; text-transform:none; font-weight: normal }
.epcor-cssbase .block-feature .block-feature-content p { padding: 0.5em 0 }
.epcor-cssbase .block-feature .block-feature-footer { padding: 12px; background-color: #b1dff3; text-align: right; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px }
.epcor-cssbase .block-feature.green .block-feature-footer input[type="submit"].inherit { background-color: #80a73b }
.epcor-cssbase .block-feature.orange .block-feature-footer input[type="submit"].inherit {  background-color: #ec8932 }
.epcor-cssbase .block-feature.blue .block-feature-footer input[type="submit"].inherit {  background-color: #009ddc }

.epcor-cssbase .block-feature .block-feature-content h3  { margin: 0 0 1em 0 }
.epcor-cssbase .block-feature.green .block-feature-content h3  { color: #233a81 }
.epcor-cssbase .block-feature.orange .block-feature-content h3  {  color: #80a73b }
.epcor-cssbase .block-feature.blue .block-feature-content h3  {  color: #ec8932 }

.epcor-cssbase .block-feature.green .block-feature-footer { background-color: #dfe7ab }
.epcor-cssbase .block-feature.orange .block-feature-footer {  background-color: #f9eba9 }
.epcor-cssbase .block-feature.blue .block-feature-footer {  background-color: #b6c3d3 }

.epcor-cssbase .block-threecol-feature .column-1 { float: left; width: 140px; padding: 0 5px 0 0; }
.epcor-cssbase .block-threecol-feature .column-1 a img { display: block; padding:0; margin:0 auto; }
.epcor-cssbase .block-threecol-feature .column-2 { float: left; width: 265px; padding: 0 5px }
.epcor-cssbase .block-threecol-feature .column-2 h5 { margin:0;}
.epcor-cssbase .block-threecol-feature .column-2 ul {margin: 0.5em 0 0 0;}
.epcor-cssbase .block-threecol-feature .column-3 { float: left; width: 250px; padding: 0 0 0 5px; }
.epcor-cssbase .block-threecol-feature .column-3 h5 { margin:0 0 0.5em 0;}
.epcor-cssbase .block-threecol-feature.orange .column-1 { background: transparent url(../images/background-block-feature-divider.png) right center no-repeat }
.epcor-cssbase .block-threecol-feature.orange .column-2 { background: transparent url(../images/background-block-feature-divider.png) right center no-repeat }

.epcor-cssbase .block-message.twitter { padding-left: 7px }
.epcor-cssbase .block-message.twitter p { padding-left: 25px; background: transparent url(../images/icon-twitter-bird.png) 0 5px no-repeat; margin-bottom: 0 }
.epcor-cssbase .block-message.twitter p span.green a { font-family: Georgia, serif; color: #80a73b }
   
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
    =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 }


/* =misc
    =google-map
--------------------------------------------------- */
.google-map { width:100%; height:520px; margin-bottom: 1.5em; border: 1px solid #e4e7f0 }
div.infobox-content { background: #faf8f8; border: 2px solid #8C8C8C; border: 2px solid rgba(0, 0, 0, .45); border-bottom: 1px solid #666; -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, .3); -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .3); box-shadow: 2px 2px 4px rgba(0, 0, 0, .3); position: relative; border: 3px solid #d6d4d4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
div.infobox-content-holder h3 { text-transform: none; margin: 15px 8px }
div.infobox-content-holder hr { border-style:solid; border-top: 1px solid #fff; border-bottom: 1px solid #d6d4d4; border-right: none; border-left: none; margin: 0 }
div.infobox-content-holder p { margin: 10px 8px; text-align: center }
div.infobox-arrow { position: relative; overflow: hidden; bottom: 3px; background: transparent url(../images/interface-icon-map-arrow.png) center 0 no-repeat; height: 11px }
div.legend-content { width: 220px; background: #faf8f8; 	border: 3px solid #d6d4d4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
div.legend-content-holder h3, div.legend-content-holder h6 { text-transform: none; margin: 15px 10px }
div.legend-content-holder hr { border-style:solid; border-top: 1px solid #fff; border-bottom: 1px solid #d6d4d4; border-right: none; border-left: none; margin: 0 }
div.legend-content-holder p { margin: 10px 8px }
div.legend-content-holder ul { margin: 0 0 1.5em 0; padding-left: 8px }
div.legend-content-holder ul li { margin: 2px 0; background: url(../images/interface-sprite-bullets.png) no-repeat 0 -1990px; list-style: none; padding-left: 1em }


/* =header
--------------------------------------------------- */
.grid-wrapper.header { position: relative; z-index: 20; }
#epcor-masthead { height: 65px; font-size: 10px; position: relative; z-index: 1; margin: 0 0 12px; padding: 0; }
#epcor-masthead div.search-container { padding-top: 10px; }
#epcor-masthead div.search-container a { display: block; text-align: right; padding-bottom: 3px }
.search-box { position:relative; border:2px solid #78787b; height: 25px; }
.search-box input {vertical-align:middle; font-size: 10px; }
.search-box input[type="text"] { width: 84%; height: 25px; line-height: 25px; padding: 0 0 0 5px; background:#fff; border: none; }
.search-box input[type="submit"] {width: 15%; height: 25px; border:none; color:#fff; cursor:pointer; position:absolute; top:0; right:0; background-color: #78787b; }
#epcor-masthead .search-box input[type="submit"] { text-indent: -555em; background-image: url('../images/redesign/search-arrow.png'); background-repeat: no-repeat; background-position: 55% center; }
.search-box input[type="submit"]:focus {background:#333;}

input[type="text"] { -webkit-appearance:textfield; -webkit-box-sizing:content-box; }
input[type="text"]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance:none }
input[type="submit"]::-moz-focus-inner {border:0;}

#epcor-masthead div.location-container { text-align: left; padding: 10px 0 0 0; }
#epcor-masthead div.location-container img { float: left; margin: 3px 5px 3em }
#epcor-masthead div.location-container a { text-decoration: underline; color: #78787B; }
#epcor-masthead div.location-container a:hover { text-decoration: none; }
#epcor-masthead div.community-info { position: relative; }
#location-info-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index: 10; }
/*#location-info { position: absolute; z-index: 10; overflow: hidden; padding: 0 5px 5px; background: transparent url('../images/redesign/location-change-arrow.gif') no-repeat 30px 0; }*/

/*#location-info { position: fixed; top: 50%; left: 50%; width:400px; height:300px; margin: -150px 0 0 -200px; z-index: 11; border: 15px solid #00a1e1; -moz-box-shadow: 0 2px 2px rgba(68, 68, 68, 0.6); -webkit-box-shadow: 0 2px 2px rgba(68, 68, 68, 0.6); box-shadow: 0 2px 2px rgba(68, 68, 68, 0.6); 
                 filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;  background-color: #77777b;}*/
/*#location-info { position: fixed; top: 50%; left: 50%; width:400px; height:300px; margin-top:-150px; margin-left: 0; margin-bottom: 0; margin-right: -200px; z-index: 11; border: 15px solid #00a1e1; -moz-box-shadow: 0 2px 2px rgba(68, 68, 68, 0.6); -webkit-box-shadow: 0 2px 2px rgba(68, 68, 68, 0.6); box-shadow: 0 2px 2px rgba(68, 68, 68, 0.6); 
                 filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;  background-color: #77777b;}*/
#location-info { position: fixed; z-index: 100; border: 15px solid #00a1e1; width:400px; -moz-box-shadow: 0 2px 2px rgba(68, 68, 68, 0.6); -webkit-box-shadow: 0 2px 2px rgba(68, 68, 68, 0.6); box-shadow: 0 2px 2px rgba(68, 68, 68, 0.6); 
                 filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;  background-color: #77777b;}




#location-info .location-info-inner { color: white; padding: 20px 20px 20px 20px;}
/*#location-info .location-info-box { background-color: #e6e6e6; }*/
#location-info .location-info-inner p { padding: 0; margin: 0; }
/*#location-info .location-info-inner .bold { padding: 0; margin: 0; color: #ffc424;}*/
#location-info .location-info-inner .orange { color: #ffc424;}
#location-info .location-info-inner h1 { color: white; }

.location-container div.location-info-change a { color: #FFFFFF!important; text-decoration: underline; }
.location-container div.location-info-change a:hover { color: #00a1e1!important; text-decoration: none; }

#location-info .location-info-inner div.blurb { border-top: 1px solid #e6e6e6; marging: 20px 0 0 0;}
#location-info .location-info-inner .blurb { margin-top: 1.5em; }


div.tabholder-corporate-site { margin-top: -3px; z-index: 0; position: relative; padding-top: 1px }
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/EpcorCustomerInternetPublishing/styles/pie/PIE.htc) }


/* =navigation
--------------------------------------------------- */
/*-- Main Menu --*/
.main-wrapper .grid-wrapper.main-menu { position: relative; z-index: 6; height: 30px; margin: 0 auto; background: url('../images/redesign/main-bg-tile.png') repeat-x 0 0; }
#main-menu { position: relative; z-index: 4; }
#main-menu ul.mm-nav, #main-menu li.mm-link { margin: 0; padding: 0; list-style: none; }
#main-menu ul li.mm-link { float: left; height: 30px; background:none;}
#main-menu ul li.mm-link, #main-menu ul a.top-level, #main-menu ul a.top-level span {
  display: inline-block; vertical-align: top;
  zoom: 1;
  *display: inline; 
}
/* top level links */
#main-menu ul a.top-level, #main-menu ul a.top-level span { height: 30px; line-height: 30px; color: #fff; font-size: 14px; text-decoration: none; }
#main-menu ul li.mm-link a.top-level { border-right: 1px solid #fff; height: 15px; margin-top: 8px; }
#main-menu ul li.mm-link a.top-level span { padding: 0 15px; margin-top: -8px; }
#main-menu ul li.mm-link a.top-level:hover span { color: #ddd; text-decoration: none; }
#main-menu ul li.mm-mega a.top-level.active span, #main-menu ul li.mm-mega a.top-level:hover span { background-color: #e6e6e6; color: #77777b; }
#main-menu ul li.mm-link.first a.top-level span { padding-left: 3px; }
#main-menu ul li.mm-link.last a.top-level { border: none; }
/* mega menu */
#mega-menu { position: relative; z-index: 3; }
.epcor-cssbase .mega-menu-wrap { position: absolute; overflow: hidden; padding: 0 2px 4px; min-width: 75%; }
.epcor-cssbase .mega-menu { position: relative; top: 0; z-index: 1; overflow: hidden; padding: 10px 0 30px; width: 100%; background-color: #e6e6e6; -moz-box-shadow: 0 2px 2px rgba(68, 68, 68, 0.6); -webkit-box-shadow: 0 2px 2px rgba(68, 68, 68, 0.6); box-shadow: 0 2px 2px rgba(68, 68, 68, 0.6); }
.epcor-cssbase .mega-menu-toggle { padding: 0 20px; }
.epcor-cssbase .mega-menu-list a { display: block; text-decoration: none; color: #77777b; line-height: 1.2; padding: 15px 0; border-bottom: 1px solid #b6b6b6; }
.epcor-cssbase .mega-menu-list a:visited { text-decoration: none; color: #77777b; }
.epcor-cssbase .mega-menu-list a:hover { text-decoration: none; color: #00a1e1; }

.epcor-cssbase .mega-menu-pic { padding-top: 15px; }
.epcor-cssbase .mega-menu-pic img { max-width: 100%; border: 1px solid #b6b6b6; }

/*-- Left Nav --*/
#navigation-left a { color: #585858;  }

#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:first-child { padding-left: 2px; }
#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: #E9E9E9 }
#navigation-left ul ul div { padding-left: 10px; }
#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 span  { padding: 0 0 0 10px; display: block; }
#navigation-left ul ul li a:link, #navigation-left ul ul li a:visited  { padding: 9px 16px 8px 0; text-transform: none; background: transparent url('../images/interface-sprite-links.png') right -187px  no-repeat }
#navigation-left ul ul li:first-child a { padding: 8px 16px 8px 0; }
#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 span { padding: 0 0 0 20px; display: block; }
#navigation-left ul ul ul li a:link, #navigation-left ul ul ul li a:visited { padding: 9px 16px 8px 0 }
#navigation-left ul ul ul li:first-child a { padding: 8px 16px 8px 0 }

#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 span { padding: 0 0 0 30px; display: block; }
#navigation-left ul ul ul ul li a:link, #navigation-left ul ul ul ul li a:visited { padding: 9px 16px 8px 0 }
#navigation-left ul ul ul ul li:first-child a { padding: 8px 16px 8px 0 }

#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 span { padding: 0 0 0 40px; display: block; }
#navigation-left ul ul ul ul ul li a:link, #navigation-left ul ul ul ul ul li a:visited { padding: 9px 16px 8px 0; }
#navigation-left ul ul ul ul ul li:first-child a { padding: 8px 16px 8px 0; }

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

/*-- Breadcrumbs --*/
#breadcrumb { position: relative; z-index: 1; margin-top: 10px; margin-bottom: 15px; }
#breadcrumb p { margin: 0 0 8px 0; font-size: 10px; color: #01a1dd; }
#breadcrumb span span a{text-decoration: none; color: #78787b; }
#breadcrumb a:hover{text-decoration: underline; }
#section-title { line-height: 1; font-size: 25px; }


/* =footer
--------------------------------------------------- */
.grid-wrapper.footer { background: url('../images/redesign/main-bg-tile.png') repeat-x 0 -29px; }
#epcor-footer { margin-top: 30px; padding-top: 30px; }
#epcor-footer a:link, #epcor-footer a:visited  { color: #585858 }
#epcor-footer a:hover  { color: #009ddc; text-decoration: underline }
#epcor-footer h6, #epcor-footer p { margin-left: 10px }


/* =home-page
--------------------------------------------------- */
/*-- Banner */
.grid-wrapper.banner { position: relative; z-index: 5; }
#banner { position: relative; height: 325px; z-index: 0; }
.banner-images { position: relative; z-index: 2; }
.banner-images .banner { position: absolute; z-index: 3; top: 0; width: 100%; height: 325px; background-repeat: no-repeat; background-position: center 0; }
.banner-extras { position: relative; z-index: 4; height: 100%; float: right; }
.indicators { float: right; background-color: #fff; margin: 265px 20px 0 0;}
#indicators .indicator { display: inline; }
#indicators .indicator a { display: inline-block; vertical-align: top; width: 8px; height: 8px; margin: 5px;
  background: url('../images/redesign/banner-nav.png') no-repeat -13px 0; text-indent: -555em;
  zoom: 1;
  *display: inline;
}
#indicators .indicator a.active { background-position: 0 0; }
#account-signin { height: 325px; background-color: #00a1e1; float: right;}
.account-signin { color: #fff; padding: 40px 20px 0; }
.account-signin h3 { text-transform: none; color: #fff; }
.account-signin p { line-height: 1.3; }
.account-signin a:link { color: #fff; text-decoration: underline;  }
.account-signin a:visited { color: #fff; text-decoration: underline;  }
.account-signin a:hover { color: #fff; text-decoration: underline; }
.epcor-grid a.epcor-button { display: inline-block; vertical-align: top; border: 1px solid #fff; padding: 3px 15px; margin: 10px 0 20px; color: #fff; background-color: #53b2f6; text-decoration: none;
  zoom: 1;
  *display: inline;
}
#epcor-masthead div.location-container a.epcor-button { text-decoration: none; color: #fff; }
.epcor-grid a.epcor-button:hover, .epcor-grid a.epcor-button.hover { text-decoration: none; background-color: #bce1fc; color: #3fa9f5; }

/*This is for Green Energy Plan ONLY*/
.epcor-grid a.green-epcor-button { display: inline-block; vertical-align: top; border: 1px solid #fff; padding: 3px 15px; margin: 10px 0 20px; color: #fff; background-color: #58B221; text-decoration: none;
  zoom: 1;
  *display: inline;
}

/*-- Content topper */
.main-wrapper .grid-wrapper.content-topper { color: #fff; overflow: hidden; max-width: 1366px; margin: 10px auto 20px auto; background-color: #77777b; padding: 15px 0; }
#topper-twitter { min-height: 32px; }
#topper-twitter .topper-twitter, #topper-twitter .topper-tvd { color: #fff; min-height: 32px; font-size: 10px; line-height: 1.2; padding-left: 50px; }
#topper-twitter .topper-twitter {background: url('../images/redesign/twitter-bird.png') no-repeat 0 center; }
#topper-twitter .topper-tvd {background: url('../images/redesign/background-tvdoutage.png') no-repeat 0 center; }
#topper-twitter .topper-twitter #ep-twitter, #topper-twitter .topper-tvd #ep-tvd { height: 36px; }
#topper-twitter .topper-twitter #ep-twitter > p, #topper-twitter .topper-tvd #ep-tvd > p{ position: relative; height: 100%; }
#topper-twitter .topper-twitter #ep-twitter .ep-tweet > a, #topper-twitter .topper-tvd #ep-tvd .ep-tvd > a { color: #fff; font-weight: bold; }
#topper-twitter .topper-tvd > a { color: #fff; font-weight: bold; float:right; }
#topper-twitter .topper-tvd .tvdCurOtgsHdr { font-weight: bold; }
#topper-contact { text-align: center; }
#topper-contact .topper-contact { color: #fff; text-align: left; min-height: 32px; line-height: 1; padding-left: 50px; background: url('../images/redesign/contact-icon.png') no-repeat 0 center; font-size: 16px; 
  display: inline-block; vertical-align: top; white-space: nowrap;
  zoom: 1;
  *display: inline;
}
.topper-contact .phone { font-size: 20px; }
#topper-emergencies { color: #fff; text-align: right; }
.topper-emergencies { line-height: 1.2; }
.topper-contact a, .topper-emergencies a { color: #fff; }

/*-- Services */
.moving-wrapper h3, .services-wrapper h3, .careers-wrapper h3 { margin-bottom: 20px; }
.main-content .services-wrapper { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #77777b; overflow: hidden; }
.services-wrapper .service {width: 25%;float: left;}


/*-- Moving */
.main-content .moving-wrapper { overflow: hidden; border-bottom: 1px solid #77777b; min-height: 215px; }
.moving-wrapper .moving-intro { padding: 0 0 0 50px; height: 80px; background: url('../images/redesign/icon-moving.png') no-repeat 0 0; }
.moving-wrapper .moving-intro h3 { margin-bottom: 5px; }
.moving-wrapper .moving-item { height: 66px; margin-bottom: 1px; }
.moving-wrapper .moving-item a { line-height: 1.2; color: #77777b; font-weight: bold; margin-left: 15px; display: block; min-height: 43px; background: url('../images/redesign/icon-moving2.png') no-repeat 0 -90px; padding-left: 42px; }
.moving-wrapper .moving-item a:hover { color: #00a1e1; background-position: 0 0; }

/*-- Careers Box */
.careers-wrapper { position: relative; height: 351px; }
.careers-wrapper img { display: block; width: auto; max-width: 100%; }
.careers-wrapper .careers-topper { background: url('../images/redesign/careers-info.jpg') no-repeat center -7px; height: 230px; }
.careers-wrapper .careers-info { position: absolute; bottom: 0; padding: 10px 40px 20px 70px; background: #f47d30 url('../images/redesign/icon-careers.png') no-repeat 20px 10px; color: #fff; }
.careers-wrapper .careers-info p { margin-bottom: 10px; }
.careers-wrapper .careers-info p:last-child { margin-bottom: 0; }
.careers-wrapper .careers-info a { color: #fff; text-decoration: underline; }
.careers-wrapper .careers-info a:hover { color: #fff; text-decoration: none; }

/*-- Triad */
#triad { margin: 30px 0; overflow: hidden; }
.triad .triad-box { position: relative; border: 1px solid #77777b; height: 289px; overflow: hidden;background-position: center top;background-repeat: no-repeat;}
.triad .triad-box a { position: absolute; bottom: 0; display: block; width: 100%; height: 80px; background-color: #77777b; color: #fff; text-align: center; line-height: 1.4; text-decoration: none; }
.triad .triad-box a.active { height: 289px; }
.triad .triad-box a:hover { text-decoration: none; }
.triad .triad-box a span { display: inline-block; vertical-align: top; width: 100%;
  zoom: 1;
  *display: inline;
}
.triad .triad-box a .triad-title { font-size: 18px; font-weight: bold; margin-top: 15px; }
.triad .triad-box a .triad-info, .triad .triad-box a .triad-details { font-size: 12px; }
.triad .triad-box a .triad-details { margin-top: 147px; }
.triad .triad-box a .triad-details span { padding: 0 10px; width: auto; }

/*-- News Boxes */
.news-box { position: relative; padding-bottom: 30px; border: 1px solid #77777b; color: #77777b; }
.news-box .news-box-header { display: table; color: #fff; height: 70px; font-size: 18px; line-height: 1.2; font-weight: bold; width: 100%; }
.news-box .news-box-header span.row { display: table-row; }
.news-box .news-box-header span.cell { padding: 0 10px 0 70px; display: table-cell; vertical-align: middle; }
#news-box .news-box-header span.cell { background: #00a1e1 url('../images/redesign/icon-news.png') no-repeat 20px 10px; }
#projects-box .news-box-header span.cell { padding-left: 80px; background: #00a1e1 url('../images/redesign/icon-projects.png') no-repeat 20px 17px; }
#water-box .news-box-header span.cell { padding-left: 80px; background: #00a1e1 url('../images/redesign/icon-waterdrop.png') no-repeat 31px 17px; }
.news-box .news-box-footer { position: absolute; bottom: 0; width: 100%; background-color: #b6b4b7; padding: 10px 0; text-indent: 10px; font-size: 12px; }
.news-box .news-box-footer a, .news-list-item a.read-more { color: #fff; text-decoration: underline; }
.news-box .news-box-footer a:hover, .news-list-item a.read-more:hover { text-decoration: none; }
.news-box .news-list-item { border-bottom: 1px solid #77777b; padding: 10px; min-height: 60px; }
.news-box .news-list-item:last-child { border-bottom: none; margin-bottom: 8px; }
.news-box .news-list-item img { float: left; margin: 0 1.5em 0 0; height:57px; width:111px; }
.news-box .news-list-item h4 { margin: 0; padding: 0; }
.news-box .news-list-item p { margin: 0; padding: 0; overflow: hidden; }
.news-box .news-list-item a { color: #77777b; }


/* =community search
--------------------------------------------------- */
.community-search { background-color: #e6e6e6; padding: 30px; }
.community-search h3 { margin: 0; padding: 0 0 15px; }
.community-search .community-search-input-wrapper { position: relative; border: 1px solid #b3b3b3; background-color: #fff;}
.community-search .community-search-input-wrapper input[type=text] { height: 30px; border: none; }
.community-search .community-search-input-wrapper input[type=submit] { width: 21%; height: 30px; position: absolute; right: 0; border: none; background: #00a1e1; color: #fff; cursor: pointer; }
.community-search .community-search-input-wrapper input[type=submit]:hover { background-color: #5accff; }
.community-search-results { background-color: #f2f2f2; border: 1px solid #b3b3b3; border-width: 0 1px 1px; }
.community-search-results ul { margin: 0!important; padding: 0!important; list-style: none; }
.community-search-results > ul > li.search-result { margin: 0 15px!important; padding: 10px 0!important; border-bottom: 1px solid #b3b3b3; }
.community-search-results ul li:last-child { border: none; }
.community-search-results .search-result span.highlight { background-color: transparent; font-weight: bold; }


/* =misc
    =fancybox
--------------------------------------------------- */
#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(../images/fancybox.png) }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none }
#fancybox-tmp { border: 0; overflow: auto; display: none; margin: 0; padding: 0 }
#fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 1101; outline: none; display: none; padding: 20px }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #faf8f8; border: 3px solid #d6d4d4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url(/_layouts/15/EpcorCustomerInternetPublishing/styles/pie/PIE.htc) }
#fancybox-content { width: 0; height: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0 solid #fff; padding: 0 }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101 }
#fancybox-close { position: absolute; top: 7px; right: 7px; width: 13px; height: 13px; background: transparent url(../images/interface-icon-map-close.png) 0 0; cursor: pointer; z-index: 1103; display: none }
#fancybox-error { color: #444; font: normal 12px/20px Arial; margin: 0; padding: 14px }
#fancybox-img { width: 100%; height: 100%; border: none; outline: none; line-height: 0; vertical-align: top; margin: 0; padding: 0 }
#fancybox-frame { width: 100%; height: 100%; border: none; display: block }
#fancybox-left,#fancybox-right { position: absolute; bottom: 0; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(../images/blank.gif); z-index: 1102; display: none }
#fancybox-left { left: 0 }
#fancybox-right { right: 0 }
#fancybox-left-ico,#fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block }
#fancybox-left-ico { background-image: url(../images/fancybox.png); background-position: -40px -30px }
#fancybox-right-ico { background-image: url(../images/fancybox.png); background-position: -40px -60px }
#fancybox-left: hover,#fancybox-right: hover { visibility: visible }
#fancybox-left: hover span { left: 20px }
#fancybox-right: hover span { left: auto; right: 20px }
#fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102 }
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative }
.fancybox-title-outside { padding-top: 10px; color: #fff }
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left }
#fancybox-title-over { background-image: url(../images/fancy_title_over.png); display: block; padding: 10px }
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px }
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto }
#fancybox-title-float-wrap td { border: none; white-space: nowrap }
#fancybox-title-float-left { background: url(../images/fancybox.png) -40px -90px no-repeat; padding: 0 0 0 15px }
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: 700; background: url(../images/fancybox-x.png) 0 -40px; padding: 0 0 3px }
#fancybox-title-float-right { background: url(../images/fancybox.png) -55px -90px no-repeat; padding: 0 0 0 15px }
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png',sizingMethod='scale') }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png',sizingMethod='scale') }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png',sizingMethod='scale') }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png',sizingMethod='scale'); zoom: 1 }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png',sizingMethod='scale') }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png',sizingMethod='scale') }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png',sizingMethod='scale') }
.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight+"px") }
#fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression((-20+(document.documentElement.clientHeight?document.documentElement.clientHeight/2: document.body.clientHeight/2) 0 (ignoreMe=document.documentElement.scrollTop?document.documentElement.scrollTop: document.body.scrollTop)) 0 px) }
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png',sizingMethod='scale') }

#fancybox-content p:first-child{ margin-top:0 }
#fancybox-content p:last-child{ margin-bottom:0 }
#fancybox-content .image { text-align: center }
#fancybox-content img { border: 0; margin: 0 }
#fancybox-content p.bold img { padding-right: 10px }
#fancybox-content .column-1, #fancybox-content .column-2 { width: 50%; float: left }
#fancybox-content ul { margin: 0 0 1.5em 0; padding-left: 8px }
#fancybox-content ul li { margin: 2px 0; padding: 0; background: url(../images/interface-sprite-bullets.png) no-repeat 0 -1994px; list-style: none; padding-left: 1em }
#fancybox-content hr { border-style:dotted }
#fancybox-content p.title-small  { font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 0.833em; margin-bottom: 0 }
#fancybox-content p.title-medium { font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #009ddc; text-transform: uppercase; font-size: 1.2em; margin-bottom: 0.2em }
#fancybox-content p.title-large  { font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #009ddc; text-transform: uppercase; font-size: 1.333em; margin-bottom: 0.5em }


/* =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,  #breadcrumb, #navigation-header { 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 */
}




/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/
.epcor-grid, .container-16 { width: 92%; margin-left: 4%; margin-right: 4%; }

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.main-wrapper .grid-wrapper { margin: 0 auto; max-width: 1366px; }
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12,.grid-13,.grid-14,.grid-15,.grid-16 { display: inline; float: left; margin-left: 1%; margin-right: 1%; }
.epcor-grid .grid-3,.container-16 .grid-4 { width: 23%; }
.epcor-grid .grid-6,.container-16 .grid-8 { width: 48%; }
.epcor-grid .grid-9,.container-16 .grid-12 { width: 73%; }
.epcor-grid .grid-12,.container-16 .grid-16 { width: 98%; }
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.epcor-grid .grid-1 { width: 6.333%; }
.epcor-grid .grid-2 { width: 14.666%; }
.epcor-grid .grid-4 { width: 31.333%; }
.epcor-grid .grid-5 { width: 39.666%; }
.epcor-grid .grid-7 { width: 56.333%; }
.epcor-grid .grid-8 { width: 64.666%; }
.epcor-grid .grid-10 { width: 81.333%; }
.epcor-grid .grid-11 { width: 89.666%; }

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/
.container-16 .grid-1 { width: 4.25%; }
.container-16 .grid-2 { width: 10.5%; }
.container-16 .grid-3 { width: 16.75%; }
.container-16 .grid-5 { width: 29.25%; }
.container-16 .grid-6 { width: 35.5%; }
.container-16 .grid-7 { width: 41.75%; }
.container-16 .grid-9 { width: 54.25%; }
.container-16 .grid-10 { width: 60.5%; }
.container-16 .grid-11 { width: 66.75%; }
.container-16 .grid-13 { width: 79.25%; }
.container-16 .grid-14 { width: 85.5%; }
.container-16 .grid-15 { width: 91.75%; }

/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/
.epcor-grid .prefix-3,.container-16 .prefix-4 { padding-left: 25%; }
.epcor-grid .prefix-6,.container-16 .prefix-8 { padding-left: 50%; }
.epcor-grid .prefix-9,.container-16 .prefix-12 { padding-left: 75%; }

/* =Prefix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.epcor-grid .prefix-1 { padding-left: 8.333%; }
.epcor-grid .prefix-2 { padding-left: 16.666%; }
.epcor-grid .prefix-4 { padding-left: 33.333%; }
.epcor-grid .prefix-5 { padding-left: 41.666%; }
.epcor-grid .prefix-7 { padding-left: 58.333%; }
.epcor-grid .prefix-8 { padding-left: 66.666%; }
.epcor-grid .prefix-10 { padding-left: 83.333%; }
.epcor-grid .prefix-11 { padding-left: 91.666%; }

/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container-16 .prefix-1 { padding-left: 6.25%; }
.container-16 .prefix-2 { padding-left: 12.5%; }
.container-16 .prefix-3 { padding-left: 18.75%; }
.container-16 .prefix-5 { padding-left: 31.25%; }
.container-16 .prefix-6 { padding-left: 37.5%; }
.container-16 .prefix-7 { padding-left: 43.75%; }
.container-16 .prefix-9 { padding-left: 56.25%; }
.container-16 .prefix-10 { padding-left: 62.5%; }
.container-16 .prefix-11 { padding-left: 68.75%; }
.container-16 .prefix-13 { padding-left: 81.25%; }
.container-16 .prefix-14 { padding-left: 87.5%; }
.container-16 .prefix-15 { padding-left: 93.75%; }

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/
.epcor-grid .suffix-3,.container-16 .suffix-4 { padding-right: 25%; }
.epcor-grid .suffix-6,.container-16 .suffix-8 { padding-right: 50%; }
.epcor-grid .suffix-9,.container-16 .suffix-12 { padding-right: 75%; }

/* =Suffix Extra Space >> 12 Columns
--------------------------------------------------------------------------------*/
.epcor-grid .suffix-1 { padding-right: 8.333%; }
.epcor-grid .suffix-2 { padding-right: 16.666%; }
.epcor-grid .suffix-4 { padding-right: 33.333%; }
.epcor-grid .suffix-5 { padding-right: 41.666%; }
.epcor-grid .suffix-7 { padding-right: 58.333%; }
.epcor-grid .suffix-8 { padding-right: 66.666%; }
.epcor-grid .suffix-10 { padding-right: 83.333%; }
.epcor-grid .suffix-11 { padding-right: 91.666%; }

/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/
.container-16 .suffix-1 { padding-right: 6.25%; }
.container-16 .suffix-2 { padding-right: 16.5%; }
.container-16 .suffix-3 { padding-right: 18.75%; }
.container-16 .suffix-5 { padding-right: 31.25%; }
.container-16 .suffix-6 { padding-right: 37.5%; }
.container-16 .suffix-7 { padding-right: 43.75%; }
.container-16 .suffix-9 { padding-right: 56.25%; }
.container-16 .suffix-10 { padding-right: 62.5%; }
.container-16 .suffix-11 { padding-right: 68.75%; }
.container-16 .suffix-13 { padding-right: 81.25%; }
.container-16 .suffix-14 { padding-right: 87.5%; }
.container-16 .suffix-15 { padding-right: 93.75%; }

/* =Clear Floated Elements
--------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
  background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after
{
  clear: both; content: '.'; display: block; visibility: hidden; height: 0;
}

.clearfix
{
  display: inline-block;
}

* html .clearfix
{
  height: 1%;
}

.clearfix
{
  display: block;
}


/* Responsive Tweaks
---------------------------------------------------------*/
@media screen and (max-width: 701px) {
  .epcor-grid { width: 671px; }
}
@media screen and (max-width: 880px) {
  #account-signin .account-signin { padding-top: 20px; }
  #account-signin .account-signin h3 { margin-top: 0px; }
  .main-content .moving-wrapper { min-height: 255px; }
  .moving-wrapper .moving-intro { height: 100px; }
  .careers-wrapper { height: 380px; }
  .triad .triad-box { height: 284px; }
  .triad .triad-box a .triad-title { font-size: 15px; margin-top: 20px; }
  .triad .triad-box a .triad-info, .triad .triad-box a .triad-details { font-size: 10px; }
  .news-box .news-box-header span { margin-top: 15px; }
}