/* New Fonts */
@font-face {
  font-family: 'AvenirNextLTW01-Regular';
  src: url('../fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix');
  src: url('../fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix') format('embedded-opentype'),
	 		 url('../fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2') format('woff2'),
       url('../fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff') format('woff'),
       url('../fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf') format('truetype'),
       url('../fonts/52a192b1-bea5-4b48-879f-107f009b666f.svg#52a192b1-bea5-4b48-879f-107f009b666f') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTW01-Italic';
  src: url('../fonts/d1fddef1-d940-4904-8f6c-17e809462301.eot?#iefix');
  src: url('../fonts/d1fddef1-d940-4904-8f6c-17e809462301.eot?#iefix') format('embedded-opentype'),
	 		 url('../fonts/7377dbe6-f11a-4a05-b33c-bc8ce1f60f84.woff2') format('woff2'),
       url('../fonts/92b66dbd-4201-4ac2-a605-4d4ffc8705cc.woff') format('woff'),
       url('../fonts/18839597-afa8-4f0b-9abb-4a30262d0da8.ttf') format('truetype'),
       url('../fonts/1de7e6f4-9d4d-47e7-ab23-7d5cf10ab585.svg#1de7e6f4-9d4d-47e7-ab23-7d5cf10ab585') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTW01-Demi';
  src: url('../fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix');
  src: url('../fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix') format('embedded-opentype'),
	 		 url('../fonts/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2') format('woff2'),
       url('../fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff') format('woff'),
       url('../fonts/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf') format('truetype'),
       url('../fonts/99affa9a-a5e9-4559-bd07-20cf0071852d.svg#99affa9a-a5e9-4559-bd07-20cf0071852d') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTW01-DemiIta';
  src: url('../fonts/770d9a7e-8842-4376-9319-8f2c8b8e880d.eot?#iefix');
  src: url('../fonts/770d9a7e-8842-4376-9319-8f2c8b8e880d.eot?#iefix') format('embedded-opentype'),
	 		 url('../fonts/687932cb-145b-4690-a21d-ed1243db9e36.woff2') format('woff2'),
       url('../fonts/bc350df4-3100-4ce1-84ce-4a5363dbccfa.woff') format('woff'),
       url('../fonts/bc13ae80-cd05-42b4-b2a9-c123259cb166.ttf') format('truetype'),
       url('../fonts/4862b373-2643-46b1-b0b5-88537c52d15c.svg#4862b373-2643-46b1-b0b5-88537c52d15c') format('svg');
  font-weight: normal;
  font-style: normal;
}

body, a, h1, h2, h3, h4, h5, label {
  font-family: "AvenirNextLTW01-Regular","Helvetica Neue",Helvetica,Arial,sans-serif!important;
}

body.v12 {
  background: #ffffff;
  color: #2e2e2e;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.v12 #wrapper {
  color: #282828;
}

body #Container {
  border-top: 4px solid #00a1cc;
}

h1, h2, h3, h4, h5 {
  color: #282828!important;
}

strong {
  font-family: "AvenirNextLTW01-Demi", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}

a:link, a:hover, a:visited, #ctl00_ctl00_Content_contentDiv a:link, #ctl00_ctl00_Content_contentDiv a:visited, #ctl00_Content_contentDiv a:link, #ctl00_Content_contentDiv a:visited, #ctl00_ctl00_Content_contentDi.divRpt a:link, #ctl00_ctl00_Content_contentDi.divRpt a:visited, #fullwidth a:link, #fullwidth a:visited {
  color: #00729a;
}

body #Container{border-top:4px solid #00a1cc}#primary-nav li.active a,.responsive-nav li.active a{border-bottom:2px solid #00a1cc}.store-info,#skip-nav a,#primary-nav ul .dropdown .feature, .responsive-nav ul .dropdown .feature,.v12 #footer .dropdown .feature{background:#00a1cc}a.btn.icon div{background-color:#1eb8ec;background-image:-moz-linear-gradient(top,#1eb8ec,#1eb8ec 50.0%,#09c 50.0%,#09c 100.0%);background-image:-webkit-linear-gradient(top,#1eb8ec,#1eb8ec 50.0%,#09c 50.0%,#09c 100.0%);background-image:-o-linear-gradient(top,#1eb8ec,#1eb8ec 50.0%,#09c 50.0%,#09c 100.0%);background-image:-ms-linear-gradient(top,#1eb8ec,#1eb8ec 50.0%,#09c 50.0%,#09c 100.0%);background-image:linear-gradient(top,#1eb8ec,#1eb8ec 50.0%,#09c 50.0%,#09c 100.0%);-pie-background:linear-gradient(top,#1eb8ec,#1eb8ec 50.0%,#09c 50.0%,#09c 100.0%)}a.btn.icon:hover div{background-color:#1790b8;background-image:-moz-linear-gradient(top,#1790b8,#1790b8 50.0%,#00779f 50.0%,#00779f 100.0%);background-image:-webkit-linear-gradient(top,#1790b8,#1790b8 50.0%,#00779f 50.0%,#00779f 100.0%);background-image:-o-linear-gradient(top,#1790b8,#1790b8 50.0%,#00779f 50.0%,#00779f 100.0%);background-image:-ms-linear-gradient(top,#1790b8,#1790b8 50.0%,#00779f 50.0%,#00779f 100.0%);background-image:linear-gradient(top,#1790b8,#1790b8 50.0%,#00779f 50.0%,#00779f 100.0%);-pie-background:linear-gradient(top,#1790b8,#1790b8 50.0%,#00779f 50.0%,#00779f 100.0%)}a.btn.icon.active div,a.btn.icon:active div{background-color:#00779f;background-image:-moz-linear-gradient(top,#00779f,#00779f 52.0%,#1790b8 52.0%,#1790b8 100.0%);background-image:-webkit-linear-gradient(top,#00779f,#00779f 52.0%,#1790b8 52.0%,#1790b8 100.0%);background-image:-o-linear-gradient(top,#00779f,#00779f 52.0%,#1790b8 52.0%,#1790b8 100.0%);background-image:-ms-linear-gradient(top,#00779f,#00779f 52.0%,#1790b8 52.0%,#1790b8 100.0%);background-image:linear-gradient(top,#00779f,#00779f 52.0%,#1790b8 52.0%,#1790b8 100.0%);-pie-background:linear-gradient(top,#00779f,#00779f 52.0%,#1790b8 52.0%,#1790b8 100.0%)}

#business-header-module{background-color:#00a1cc}#business-header-module p a,#business-header-module p a:visited{color:#fff;text-decoration:none;border-bottom:1px dotted #fff}#business-header-module .corporate a.btn{color:#fff;font-size:.938em}#business-header-module .corporate a.btn div span{padding-bottom:3px}#business-header-module .corporate a.btn div span span{padding-bottom:0}#business-header-module .corporate{width:280px;margin:10px}#business-header-module .corporate h2{font-size:1.875em;line-height:.875em;color:#fff}#business-header-module .corporate p{text-align: right;font-weight:bold;padding:8px}

#pagecontrol, #pageControl {
font-size: 16px;
}

#primary-nav {
font-size: 1.3em;
}

.breadcrumb {
font-size: 0.9em;
}

/*  Left nav padding */

.leftColNav a {
display: block;
padding: 8px 5px;
}

#main .leftColNav li {
border-bottom: 0px;
}

.leftColNav a:hover {
background: #f2f2f2;
padding: 8px 5px 7px 5px;
}

li.depth0.bold, li.depth1.bold, li.depth2.bold {
padding: 8px 5px;
background: #f2f2f2;
border-bottom: 2px solid #00a1cc !important;
}


/*  Body link effect */
#ctl00_ctl00_Content_contentDiv a:link, #ctl00_ctl00_Content_contentDiv a:visited, #ctl00_Content_contentDiv a:link, #ctl00_Content_contentDiv a:visited, #ctl00_ctl00_Content_contentDi.divRpt a:link, #ctl00_ctl00_Content_contentDi.divRpt a:visited, #fullwidth a:link, #fullwidth a:visited {
color: #00729a;
}

#ctl00_ctl00_Content_contentDiv a:hover, #ctl00_Content_contentDiv a:hover, #ctl00_ctl00_Content_contentDi.divRpt a:hover, #fullwidth a:hover {
text-decoration: none;
background-color: transparent !important;
}

#pagecontrol #ctl00_ctl00_Content_contentDiv .newsMoreButton a:hover {
  background-color: #00729a!important;
}


/*  Body text and lists */
#ctl00_ctl00_Content_contentDiv P, #fullwidth P {
line-height: 1.8em;
padding: 0 0 16px 0;
}

#ctl00_ctl00_Content_contentDiv li, #fullwidth li {
line-height: 2em;
}


/*  //////// =Table Style 1 - Masterbrand default, colours overwritten by business class */
table.styleA1 { background-color: #FFFFFF; color:#000000; text-align:left; }
table.styleA1 th { background-color: #000066; color:#FFFFFF; font-weight:bold; margin: 0px; padding:10px 10px 15px 10px;  vertical-align:top; }
table.styleA1 td { background-color: #e8f0f9; color:#000000; margin: 0px; padding:10px 10px 15px 10px; vertical-align:top; }

/*  //////// =Table links (style1) */
table.styleA1 a { color:#000000; }
table.styleA1 th a { color:#FFFFFF; }
table.styleA1 th a.black{ color:#000000; } /* some <th> links will need defining as back if in main content (style1) */
/*  //////// =Tables - Reverse, bold black text for headings with light background  (style1)*/
table.styleA1 th.reverse { background-color:#e8f0f9; color:#000000; font-weight:bold; }
/*  //////// =Tables - Highlighted, bold black text with darker background, used  to emphasize a row (style1) */
table.styleA1 tr.highlighted th, table.style1 tr.highlighted td { background-color:#c5daf1; color:#000000; font-weight:bold; }
/*  //////// =Tables - Zebra, white bg to be used on everyother row of data for easy reading (style1) */
table.styleA1 tr.zebra th, table.style1 tr.zebra td { background-color:#FFFFFF; color:#000000; }
/*  //////// =Table hover styles - when you hover your mouse over it, use brand / header color (style1) */
table.styleA1 tr th:hover, table.style1 tr th:hover a, table.style1 tr td:hover, table.style1 tr td:hover a, table.style1 tr.zebra th:hover, table.style1 tr.zebra td:hover{background-color:#000066; color:#FFFFFF; }


div#ctl00_ctl00_Content_contentDiv table.style1 {
border: solid 1px #ccc !important;
background-color: #fff!important;
border-bottom: 1px solid #ccc;
margin: 10px 0 5px 0;
border-top: 1px solid #ccc !important;
}
div#ctl00_ctl00_Content_contentDiv table.style1 td
{
border-bottom: 1px solid #ccc;
border: solid 1px #ccc !important;
background-color: #fff !important;
}
div#ctl00_ctl00_Content_contentDiv table.style1 th {
background-color: #00a1cc !important;
border-bottom: 1px solid #ccc !important;
border-top: 1px solid #ccc !important;
border: solid 1px #ccc !important;
font-size: 1.2em;
color: #fff;
}
div#ctl00_ctl00_Content_contentDiv table.style1 tr td:hover {
background-color: #fff;
color: #000;
}



#ctl00_ctl00_Content_contentDiv H2, #fullwidth H2 {
font-size: 1.7em;
margin-top: 1em;
font-weight: normal;
color: #282828!important;}

#ctl00_ctl00_Content_contentDiv h3, , #fullwidth H3 {
font-size: 1.2em;
color: #00729a!important;

}

#ctl00_ctl00_Content_contentDiv H1, #main-content h1, #fullwidth h1 {
font-size: 2.2em;
color: #00a1cc;
Padding: 0 0 5px 0;
}

/* Accordion H2 start */
#accordion h2 span {
   background: url(/Documents/Desperate%20folder/1x1square.jpg) no-repeat top center;
   width: 1px;
   height: 1px;
   text-indent: -1999px;
   float: right;
}

div#accordion h2 a:hover {
   background-color:#e4e6eb !important;
border-bottom: none !important;
}

div#accordion h2.acc-head-open a {
background-image:url(/upload/master_images/minus-20px.png);
background-repeat:no-repeat;
background-position:right;
}


div#accordion h2 a {
   display: block;
   padding: 5px 22px 5px 5px;
   cursor: pointer;
   background-color: #f5f5f5;
   margin: 0px 0px 15px 0;
background-image:url(/upload/master_images/plus-20px.png);
background-repeat:no-repeat;
background-position:right;
font-weight: bold;
font-size: 0.8em;
}

#accordion h2 span.open {
background-image: url(/upload/master_images/1x1.gif);
}

#accordion h2, .h2, .Sub-heading
{
    padding: 0px 0 0px 0;
    margin: 0;
}

div#accordion h2 a:link
{
    text-decoration: none;
border: 0 none;
}

/* Accordion H2 end*/


/* Green Tick */
ul.tick {
list-style: none !important;
padding: 0 0 0 15px;
}

ul.tick li {
background: transparent url(/Corporate/master_images/sprites.png) no-repeat -77px -13px !important;
padding: 0 0 0 35px !important;
margin: 10px 0 0 0;
line-height: 1.7em !important;
}

ul.tick li.cross {
background: transparent url(/Corporate/master_images/sprites.png) no-repeat -77px -245px !important;
}

ul.tick li.person {
background: transparent url(/Corporate/master_images/sprites.png) no-repeat -77px -449px !important;
}

ul.tick li.clock {
background: transparent url(/Corporate/master_images/sprites.png) no-repeat -77px -384px !important;
}

/* List style two */

.ListStyleTwo ul
{
margin-left:0px !important;
padding: 0;
}

.ListStyleTwo li
{
list-style-type: none;
border-top: 1px dotted #666;
border-width: 1px 0;
margin: 0px 0px 0px 0px !important;
}

.ListStyleTwo li a
{
display: block !important;
color: #333 !important;
padding: 15px !important;
text-decoration: none !important;
border-bottom: none !important;
}

* html .ListStyleTwo li a
{  /* make hover effect work in IE */
width: 400px !important;
}


#ctl00_ctl00_Content_contentDiv .ListStyleTwo li a:hover, #ctl00_Content_contentDiv .ListStyleTwo li a:hover
{
background: #eeeeee !important;
border-bottom: none !important;
}

.ListStyleTwo a strong
{
color: #0359b2 !important;
font: bold 120% Arial, Helvetica, sans-serif !important;
line-height: 125% !important;
}

/* List style two end */

/* Note start*/

.note {
background: #f2f2f2;
margin: 1em 0;
border-left: 5px solid #00a1cc;
padding: 15px;
}

.note2{
margin: 2%;
padding: 2%;
border: 1px solid #cccccc;
background-color: #ffffff;
overflow: hidden;
}

.note3{
padding: 2%;
border: 1px solid #cccccc;
background-color: #ffffff;
overflow: hidden;
}

/* Float image right */

img.right {
float: right;}

/* Icons for PDFs, Excel, Word etc */
.pdficon a:link {
   background: transparent url(/Corporate/master_images/icon_pdf.gif) no-repeat top left;
}

.rssicon li, li.rssicon {
   background: transparent url(/Corporate/master_images/feed-icon16x16.png) no-repeat 0px 7px;
}

.jpgicon li, li.jpgicon {
   background: transparent url(/Corporate/master_images/icon_jpg.gif) no-repeat 0px 7px;
}

.epsicon li, li.epsicon  {
   background: transparent url(/Corporate/master_images/icon_eps.gif) no-repeat 0px 7px;
}

.flickricon li, li.flickricon {
   background: transparent url(/Corporate/master_images/icon_flickr.gif) no-repeat 0px 7px;
}

.pdficon a:link {
padding-left: 18px;
}

ul.nobullet {
  margin: 0px 0px 0px 20px;
  padding: 0;
  list-style-type: none;
}

.nobullet li {
  padding-left: 25px;
  padding-bottom: 15px;
  line-height: 1.6em !important;
}

/* Picture caption icon */

div.picturecaption {
width: 300px;
background: #fff;
float: right;
padding-left: 10px;
}

p.picturecaption, .picturecaption p {
background: #ffffff url("/Corporate/master_images/camera_icon.jpg") no-repeat 1px 7px !important;
text-indent: 24px;
color: #666;
padding-top: 0px;
margin-bottom: 20px !important;
float: none;
}
span.picturecaption {
background: #ffffff url("/Corporate/master_images/camera_icon.jpg") no-repeat 1px 1px !important;
padding-left: 25px;
color: #666;
float: none;
}

.picturecaption p:first-child {
background: none !important;
text-indent: 0px;
margin-bottom: 5px !important;
text-align: center;
padding: 0px !important;
}

/* Quote right and blockquote */
.quote {
background: #f2f2f2 url("/Corporate/master_images/quote2.png") no-repeat 22px 12px !important;
margin: 0 0 5px 5px;
padding: 15px;
width: 33%;
float: right;
font-style: italic;
font-size: 130%;
font-weight: bold;
color: #00a1cc;
border-left: 5px solid #00a1cc;
quotes: "\201C""\201D""\2018""\2019";
text-indent: 48px;
}
.quote p {
margin: 0px !important;
padding: 0px !important;
}

blockquote {
  background: #f3f3f3 !important;
  padding: 15px;
  font-size: 1.1em;
  margin: 0 0 30px;
}


/* Quote right and blockquote */
.results {
padding: 0 0 20px 0;
}

/* Important message */
#message-info {
    position: relative;
    padding: 5px;
    padding-left: 15px;
    margin-bottom: 10px !important;
    color: #fff;
    font-size: 18px;
    background: #EF6C00;
}

#message-info p {
    font-size: 18px;
    color: #fff;
    padding: 0;
    line-height: 1.5em;
}

#message-info>:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

#message-info a {
    border-bottom: 1px dotted #fff !important;
    text-decoration: none !important;
    color: #fff !important;
    -webkit-transition: all 0.25s ease !important;
    transition: all 0.25s ease !important;
}


#message-info a:hover {
    color: #fff;
    border-bottom: 1px solid #fff !important;
}

/* Forms */

.input-box, .input-Area,  button, input, select, textarea {
padding: 5px;
}

#id_matrix td {
padding: 10px;
}

.wrapBtn .input-btn {
background: #00a1cc !important;
width: 100px;
height: 50px;
font-size: 16px !important;
float: left;
}

.wrapBtn {
background: transparent !important;
}

.floatRight .wrapBtn {
width: inherit;
float: left !important;
}
/* Open in new window icon */

a[href^="http://"]:after, a[href^="https://"]:after {
    content: url('/Corporate/master_images/icons/open_in_new_window.jpg');
    margin: 0 0 0 5px;
}

a[href^="https://www.co-oplegalservices.co.uk"]:after, a[href^="https://www.secure.membership.coop"]:after, a[href^="http://www.co-operative.coop"]:after, a[href^="http://www.co-operativefood.co.uk"]:after, a[href^="http://www.co-operativebank.co.uk"]:after, a[href^="http://www.co-operativeinsurance.co.uk"]:after, a[href^="http://www.coopelectricalshop.co.uk"]:after, a[href^="http://www.co-operativelegalservices.co.uk"]:after, a[href^="http://www.co-operativefuneralcare.co.uk"]:after, a[href^="http://www.cooperativeenergy.coop"]:after, a[href^="http://www.co-operativetravel.co.uk"]:after, a[href^="http://www.co-operative.jobs"]:after, a[href^="http://www.co-operativepharmacy.co.uk"]:after, a[href^="https://www.co-operative.coop"]:after, a[href^="https://www.coop.co.uk"]:after, a[href^="https://alpha.coop.co.uk"]:after, a[href^="https://jobs.coop.co.uk"]:after, a[href^="https://membership.coop.co.uk"]:after {
  content: '';
  margin: 0;
}

/* Two Col legacy */
.col2 {
width: 41%;
float: left;
margin: 2%;
padding: 2%;
background: #f2f2f2;
}

  .col2 img {
  width: 100%;
}


/* two and three col */

.col2right {
width: 49%;
float: left;
margin-left: 1%;
margin-bottom: 2%;
}

.col2left {
width: 49%;
float: left;
margin-right: 1%;
margin-bottom: 2%;
clear: both;
}

#ctl00_ctl00_Content_contentDiv .col2left h2, #ctl00_ctl00_Content_contentDiv .col2right h2, #ctl00_ctl00_Content_contentDiv .col2left h3, #ctl00_ctl00_Content_contentDiv .col2right h3, #ctl00_ctl00_Content_contentDiv .col2left P, #ctl00_ctl00_Content_contentDiv .col2right P {
padding: 3% 3% 10px 3%;
}

.paddingdivlandr {
padding: 2% !important;
}

.notextdec a {
    text-decoration: none;
}

.divhover:hover {
    background: #ccc;
}

.paddingdivlandr3perc {
padding: 3% !important;
}

.margin2perc {
margin: 2%;
}

.col3left {
width: 30.3%;
float: left;
margin: 2%;
}

.col3mid {
width: 30.3%;
float: left;
margin: 2% 0.5%;
}

.col3right {
width: 30.3%;
float: left;
margin: 2%;
}

.col img {
  width: 100%;
}

.col h2 {
  font-size: 1.3em;
  margin: 0;
  padding: 0 0 5px 0;
}

.col a:hover {
  opacity: 0.8;
}

.backyellow {
background: #ffb612;
color: #00a1cc;
overflow: hidden;
}

.backwhite {
background: #ffffff;
color: #00a1cc;
overflow: hidden;
}

.backgrey {
background: #f2f2f2;
color: #00a1cc !important;
overflow: hidden;
}

.backblue {
background: #00a1cc;
color: #ffb612 !important;
overflow: hidden;
}

.backblue h2 {
  color: #ffb612 !important;
}

.height150 {
min-height: 150px;
}

.height200 {
min-height: 200px;
}

.height300 {
min-height: 300px;
}

.height400 {
min-height: 400px;
}

.height430 {
min-height: 430px;
}

.height500 {
min-height: 500px;
}

#fullwidth {
  margin: 0 15px;
  clear: both;
}

/* Social sharing */

ul.socialicons {
  padding: 0px;
  margin: 0px;
}

 .socialicons img {
  width: 100%;
}

.socialicons li {
  width: 12.5%;
  margin: 1%;
  padding: 1%;
  list-style-type: none;
  float: left;
  background: #f2f2f2;
}

a.noicon:after {
    display: none;
}

div#ctl00_ctl00_Content_ucTwitterTweetFacebookLike_divTwitterTweetFaceBookLike {
  display: none;
}

#ctl00_ctl00_Content_contentDiv .socialaddthis a:hover {
  background-color: #ccc!important;
}

.socialaddthis {
  padding: 10px 0 10px 0;
}

/* Left nav header for mobile */
h2.section {
display: none;
}

#ctl00_ctl00_Content_contentDiv div.col2 H2 {
font-size: 1.5em;
}

/* Hero image */

.hero-wrap {
    position:relative; /* make this relative to have the inner div absolute without     breaking out */
	margin-bottom: 2%;
}

.hero-wrap img {
width: 100%;
}

.hero-text a {
    display: block;
    text-decoration: none;
    height: 230px;
    padding: 20px;
}

.hero-text {
position: absolute;
width: 290px;
height: 290px;
top: 40px;
bottom: 0;
background: #002263;
color: #ffffff;
font-size: 120%;
}

.hero-text-yellow {
background: #ffb612;
color: #002263;
}
.hero-text-large {
font-size: 170%;
}

.hero-text-left {
left: 40px;
}

.hero-text-right {
right: 40px;
}

#ctl00_ctl00_Content_contentDiv .hero-text p, #ctl00_ctl00_Content_contentDiv .hero-text h2 {
color: #ffffff;
padding-left: 20px;
    padding-right: 20px;
}

#ctl00_ctl00_Content_contentDiv .hero-text-yellow p, #ctl00_ctl00_Content_contentDiv .hero-text-yellow h2 {
color: #002263;
}
#ctl00_ctl00_Content_contentDiv .hero-text h2 {
	font-weight: normal;
	padding-top: 20px;
	}
@media (min-width: 601px) and (max-width: 700px) {
.hero-text-left {
left: 10px;
top: 10px;
}
.hero-text-right {
right: 10px;
top: 10px;
}
.hero-text a {
padding: 10px;
}
.hero-text {
width: 240px;
height: 240px;
font-size: 100%;
}
}
@media (max-width: 600px)
{
.hero-text
{
position: static;
width: 100%;
font-size: 100%;
height: auto;
}
.hero-text a {
    height: auto;
}
}
@media all and (max-width: 480px) {
/* Picture caption */

div.picturecaption {
width: 100%;
}
p.picturecaption, .picturecaption p {
  background: #ffffff url("/Corporate/master_images/camera_icon.jpg") no-repeat 10px 7px !important;
}
/* Two Col legacy */

.col2 {
  width: 92%;
  margin: 2%;
  padding: 2%;}

/* Col responsive width */

.col3left {
width: 47%;
float: left;
margin: 2%;
}

.col3mid {
width: 47%;
float: left;
margin: 2% 2% 2% 0;
}

.col3right {
width: 96%;
margin: 2%;
}
.col2left, .col2right {
width: 100%;
margin-right: 0;
margin-left: 0;
}

div#pagecontrol img.right {
  width: 100%;
}
}

@media all and (max-width: 700px) and (min-width: 481px) {
div#pagecontrol img.right {
  width: 50%;
}
div.picturecaption {
width: 50%;
}
}

@media all and (max-width: 700px) {

/* Social Icons */
.socialicons li {
width: 25%;
margin: 2%;
padding: 2%;
}

/* Mobile h1 */
#ctl00_ctl00_Content_contentDiv H1, #main-content h1, #fullwidth h1 {
  Padding: 10px;
  color: #ffffff;
  margin: 0 0 10px 0;
}

#main {
  margin-top: 0px;
}

/* mobile images */
    div#pagecontrol img {
    width: 100%;
    }

.breadcrumb {
  border-bottom: none;
   display: none;
}

span#ctl00_ctl00_Content_crumbTrail_spnCrumbTrail {
  display: none;
}

/* responsive nav */

    #Container .grid-8 {
    width: 100%;
    }

    .v12 #wrapper {
    width: 100%;
    }

    #pagecontrol, #pageControl, .content, .contentWide {
    width: 100%;
    }
.content .content749 {
    width: 100%;
}

.rightCol, #rightCol {
    float: none;
	display: none;
    width: 100%;
}
	#primary-nav li.auto1 .dropdown {
  width: 100%;
  clear: both;
}

#primary-nav a, .primary-nav a {
  color: #00a1cc!important;
  text-decoration: none;
  font-weight: normal;
  font-size: 1.2em;
}

body {
	min-width: 100%;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-135, .grid-180, .grid-285, .grid-510 {
  margin-left: 0px;
}

body #header {
  margin: auto;
}

#ctl00_ctl00_Content_contentDiv P, #ctl00_Content_contentDiv p, #ctl00_ctl00_Content_contentDiv h2, #ctl00_ctl00_Content_contentDiv h3, div#ctl00_Content_contentDiv h2 {
 padding: 0px 10px 16px 10px;
}

.global-nav, div#business-header-module, ul#header-utility-nav {
  display: none;
}

  /* site search */

.site-search {
    position: relative;
  padding: 10px !important;
  float: none;
  clear: right;
  margin: 10px 0 10px 0;
  z-index: 50;
}

input#ctl00_ctl00_ctl09_newHeader_ucGoogleSearch_btnSearch, input#ctl00_ctl09_newHeader_ucGoogleSearch_btnSearch {
  text-indent: -999px;
}
.site-search input {
  border: 1px solid #dbdbdb;
  width: 40px;
  height: 42px;
  background: #fff url("/Resources/Images/NewHeader/sprites.png") no-repeat 14px -175px;
}

.site-search input[type=text] {
  height: 30px;
}

.site-search label{
display:none;
}
.site-search label{
display:initial;
}

#primary-nav li>a {
  border-bottom: 2px solid #f2f2f2;
display: block;
}

.primary-nav li>a {
border-left: none;
}

div#primary-nav {
  border-bottom: none;
}

#primary-nav .expand ul {
  width: 100%;
}

#header .logo {
  position: relative;
top: 0px;
left: 0px;
max-width: 100%;
}

article, aside, details, figcaption, figure, footer, nav, header, hgroup, section {
  display: block;
  overflow: hidden;
}

.leftCol, #leftCol {
  float: none;
  margin: 0;
  width: 100%;
}

.site-search input[type=text] {
  width: 60%;
}

img#ctl00_ctl00_ctl09_newHeader_imgLogo, img#ctl00_ctl09_newHeader_imgLogo {
   width: 74%;
   max-width: 311px;
   padding: 18px 0 0 10px;
   height: auto;
}

header {
    min-height: 80px;
}

div#primary-nav.responsive-nav h2.visually-hidden {
  position: initial;
  width: 64px;
  height: 64px;
  line-height: 1em;
  font-size: 12px;
  float: right;
  background: url(/hp/HomePageHub/group_hub_sprites.png) no-repeat;
  background-position: -75px -441px;
  cursor: pointer;
  padding-right: 10px;
}

.expandimg {
  background: url(/hp/HomePageHub/group_hub_sprites.png) no-repeat !important;
  background-position: 15px -441px !important;
}


.remove {
  display: none;
}

.expand {
  display: block !important;
}

nav.expand {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 66px;
-webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: min-height .25s;
    border-bottom: 1px solid #ccc;
	   border-top: 1px solid #ccc;
}

nav, nav.expand {
   background: #f2f2f2;
  }

  /* Nav JavaScript required */

div#primary-nav.responsive-nav {
  position: absolute;
}

div#primary-nav.responsive-nav nav {
    display: none;
}
 /* Nav JavaScript required */

div#primary-nav {
  left: 0px;
  top: 0px;
  background: transparent;
  padding: 10px 0px 0px 0px !important;
  z-index: 1000;
}

#primary-nav li>a, #primary-nav li.active a, #primary-nav li {
  float: none
}

#primary-nav li {
   padding: 10px 15px 10px 15px;
}

#primary-nav ul li span

{
display: none;
}

#primary-nav ul li:hover a, #primary-nav ul li.hover a, #primary-nav ul li:hover, #primary-nav ul li.hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#primary-nav li.active a {
  border-bottom: none;
}

#primary-nav .dropdown {
    position: inherit;
}

#primary-nav ul .dropdown .column {
height: 100% !important;
}
#primary-nav ul li.active>a:focus, #primary-nav ul li.active>a:hover, #primary-nav ul li.focus>a {
  border-bottom: none;
}

.scrolldiv {
  overflow-x: scroll;
  overflow-y: hidden;
}

h2.section {
	display: block;
	padding: 10px;
	background: #f2f2f2;
	cursor: pointer;
	border-top: 1px solid #ccc;
}

h2.section.subnavexpandimg {
  background: #ccc;
}

h2.section span {
  display: inline-block;
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #00a1cc;
  margin-left: 10px;
}

h2.section.subnavexpandimg span {
  display: inline-block;
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #00a1cc;
  border-top: 0;
  margin-left: 10px;
}

/* footer */
.v12 #footer, .v12 #footer .dropdown, .v12 #footer #footer-utility-nav {
  width: 100%;
}

.v12 #footer .group {
  margin-left: 0px;
}

.v12 #footer .dropdown {
  float: initial;
}

div#secondary-nav {
  display: none;
}

div#footer h3 {
  display: none;
}

footer#more-links h3 {
  display: initial;
   padding: 10px 10px !important;
}

footer#more-links {
  margin-top: 10px;
}

/* Print  this page */
.sendToAFriendBelowContentSingle, .sendToAFriendBottomSingle {
  float: none;
}

/* Switch div fix */
.content {
  float: none !important;
}

/* Hide second lvl nav */
#primary-nav .dropdown {
  display: none !important;
}

/* Hide using JavaScript */
.hideJS {
display: none;
}
/* Left nav mobile */

li.depth0.bold, li.depth1.bold, li.depth2.bold, .leftColNav a:hover {
  border-left: 3px solid #00a1cc !important;
  border-bottom: 0;
}

#main .leftColNav li {
  margin-bottom: 5px;
  border-bottom: 0;
}

.leftColNav a {
 padding: 8px 5px 8px 8px;
 border-bottom: 0;
 }

 .leftColNav a:hover {
  padding: 8px 5px 8px 5px;
}
.leftColNav {
  margin-left: 5px;
}
/* Print this page */
div#PrintThisPageDiv {
  margin-right: 5px;
}

/* News search */

div#divNewsList {
  padding: 10px;
}
div#pagecontrol img.rssImage {
  width: auto;
}
.divRss, .NewsItemFooter {
  padding: 0px 10px;
}
span#ctl00_Content_ucNewsResults_ucPaging_upPageControls {
  padding-left: 10px;
}

#ctl00_Content_contentDiv .results p, #ctl00_Content_contentDiv .results h2 {
  padding: 0px;
}

/* Stop img 100% width */

div#pagecontrol img.imgnormstyle {
  width: auto;
}

.note {
  border-left: none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
/* News page */
.NewsItemDate {
  padding: 0px 10px;
}
div#ctl00_ctl00_Content_ucTwitterTweetFacebookLike_divTwitterTweetFaceBookLike {
  padding: 10px 10px;
}
/* Video wrapper */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.MapWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.MapWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#fullwidth {
    margin: 0;
}
}

/* Pioneer Brand */
/* Header */
#header .logo {
  top: 52px;
}

ul#header-utility-nav {
  padding-left: 10px;
}

.site-search label {
  color: #6e6e6e;
  width: 100%;
}

#business-header-module {
  background: #f3f3f3;
}

#business-header-module .corporate h2 {
  color: #00a1cc;
}

#business-header-module p a {
  border-bottom: 1px dotted #00729a;
}

#business-header-module p a:hover {
  color: #00a1cc;
  border-bottom: 1px dotted #00a1cc;
  text-decoration: none;
}

#business-header-module p a:visited {
  color: #00729a;
}

/* Media query */
@media all and (max-width: 700px) {
  #ctl00_ctl00_ctl09_newHeader_imgLogo {
  	max-width: 160px!important;
  	height: auto!important;
  }
  #header .logo {
    top: -5px;
  }

  div#primary-nav {
    top: 8px;
  }

  #primary-nav a {
    color: #00729a!important;
  }
}

ul#header-utility-nav li a {
  border-left: 0;
}

/* Breadcrumbs */
.breadcrumb {
  border-bottom: 0;
  background: #f3f3f3;
}

.breadcrumb ul li, .breadcrumb ul li a, .breadcrumb ul li a:visited {
  color: #6e6e6e;
}

.breadcrumb ul li:last-child {
	font-family: "AvenirNextLTW01-Demi","Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* Primary nav */
nav.expand  {
  border-top: 0;
  border-bottom: 1px solid #ddd;
}

.primary-nav {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.primary-nav li a {
  font-size: 18px;
  line-height: 1.75em;
}

.primary-nav a, ul#header-utility-nav li a, ul#header-utility-nav a:visited, .global-nav li>a, #header a:visited, .global-nav a:visited, #business-header-module p a,  #business-header-module p a, #business-header-module p a:visited {
  color: #00729a!important;
}

#primary-nav li.active a, .responsive-nav li.active a {
  border-bottom: 2px solid #f2f2f2;
}

.primary-nav ul li:hover {
  box-shadow: none;
}

div#primary-nav h2 {
  color: #00a1cc;
}

.primary-nav .dropdown {
  top: 46px;
}

.primary-nav ul li:hover a span, .primary-nav ul li.hover a span {
  top: 15px;
}

/* Left hand nav */
.leftColNav a {
  color: #00729a;
  padding: 14px 5px 14px 15px;
}

.leftColNav a:hover {
  border-bottom: 0;
  background: #f3f3f3;
  padding: 14px 5px 14px 15px;
  color: #00729a;
}

li.depth0.bold, li.depth1.bold, li.depth2.bold {
  background: #f3f3f3;
  padding: 14px 5px 14px 15px;
  border-bottom: 2px solid #f3f3f3!important;
  color: #00729a;
}

.leftColNav a:visited {
  color: #00729a;
}

.primary-nav li>a, .primary-nav li>a:hover, .primary-nav ul li:hover+li a, .primary-nav ul li.active+li a, .primary-nav ul li.active+li a:hover {
  border-left: 0;
}

#business-header-module p a {
  border-bottom: 1px dotted #00729a!important;
}

/* Main content*/

#ctl00_ctl00_Content_contentDiv .hero-text h2 {
  color: #fff!important;
}

.newsMoreButton a:link, .newsMoreButton a:visited {
  background: #f3f3f3;
}

.backgrey {
  color: #2e2e2e!important;
}

.hero-text {
  background: #00a1cc;
}

#rss-feed-container .horizontal-alignment li {
  border-top: 4px solid #00a1cc!important;
}

/* Footer*/
.v12 #footer {
  background: #f3f3f3;
}

/* Footer links*/
.v12 #footer h3, .v12 #footer h4, .v12 #footer h4 a {
  color: #00729a!important;
}

.v12 #footer h4, .v12 #footer h4 a {
  font-family: "AvenirNextLTW01-Demi", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}

.v12 #footer #footer-utility-nav {
  background-color: #00729a;
}

.v12 #footer #footer-utility-nav li, .v12 #footer #footer-utility-nav li a {
  color: #fff;
  border-right: 0;
}

.v12 #footer .quick-links li {
  padding: 5px 0;
}

.v12 #footer li a {
  color: #00729a;
}

.v12 #footer li a:hover {
  color: #6e6e6e;
  border-bottom: 1px dotted #6e6e6;
}

a.btn.med.icon div {;
  padding: 4px;
  font-size: 18px;
  box-shadow: 0 3px #0089ad;
}

a.btn, #business-header-module input.btn {
  border: none;
  background: none;
}

#Container a.btn.icon div span span, a.btn.icon div, a.btn:hover div, a.btn:focus div, a.btn:hover.icon div span, a.btn:focus.icon div span, #business-header-module input.btn:hover, #business-header-module input.btn:focus, a.btn.icon:hover div, a.btn div, a.btn.icon div span, #business-header-module input.btn  {
  background-image: none;
  background-color: #00a1cc;
}

#Container a.btn.icon div span span {
  display: none;
}
