/* START Home specifics
-------------------------------------------------------------- */

/* Ticker
-------------------------------------------------------------- */
.view-news-ticker.ticker {
  font-weight: 700;
  width: 940px;
}

.view-news-ticker.ticker-max {
  width: 938px;
}

.view-news-ticker.ticker div.left {
  width: 620px;
}

.view-news-ticker.ticker-max {
  margin: 10px 0;
}

.view-news-ticker.ticker-max div.left {
  width: 938px;
}

.view-news-ticker.ticker div.left .feeds {
  margin: 0 0 0 19px;
  height: 3.5em;
  overflow: hidden;
}

.view-news-ticker.ticker-min div.left .feeds {
  width: 516px;
}

.view-news-ticker.ticker-max div.left .feeds {
  width: 724px;
}

.view-news-ticker.ticker h2.label {
  padding: 10px 0 0 0;
  font: 500 135% ChevinProMedium, Arial, Helvetica, sans-serif;
  color: #fff;
}

.view-news-ticker.ticker div.left .feeds ul {
  float: left;
  position: relative;
}

.view-news-ticker.ticker div.left .feeds ul li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  white-space: nowrap;
  display: none;
  padding: 13px 0 0 6px;
}

.view-news-ticker.ticker div.left .feeds ul li.first {
  display: block;
}

.view-news-ticker.ticker div.left .feeds ul a {
  text-decoration: none;
}

.view-news-ticker.ticker div.left .feeds ul a:hover {
  text-decoration: underline;
}

.view-news-ticker.ticker .feeds p {
  display: inline;
}

.view-news-ticker.ie7 .ticker h2.label {
  padding: 13px 0 0 0;
}

.view-news-ticker.ie9 .ticker h2.label {
  padding: 12px 0 0 0;
}

.view-news-ticker.ie7 .ticker div.left .feeds ul li {
  padding: 15px 0 0 6px;
}

.view-news-ticker.ie9 .ticker div.left .feeds ul li {
  padding: 16px 0 0 6px;
}

.view-news-ticker.ticker ul.control {
  width: 128px;
  margin: 8px 0 0;
  display: none;
}

.view-news-ticker.ticker ul.control li {
  display: inline;
  vertical-align: top;
}

.view-news-ticker.ticker ul.control li a {
  float: left;
  display: inline;
}

.view-news-ticker.ticker ul.control li a.player-ctrl {
  margin: 0 3px 0 -3px;
  width: 29px;
  height: 28px;
}

.view-news-ticker.ticker ul.control li a.ctrl-play {
  background: url(../img/comp/ticker/ticker_sprite.png) no-repeat -72px -32px;
}

.view-news-ticker.ticker ul.control li a.ctrl-play:hover {
  background-position: -105px -32px;
}

.view-news-ticker.ticker ul.control li a.ctrl-pause {
  background: url(../img/comp/ticker/ticker_sprite.png) no-repeat -72px 0;
}

.view-news-ticker.ticker ul.control li a.ctrl-close,
.view-news-ticker.ticker ul.control li a.ctrl-close:hover {
  background: transparent url(../img/icon/sprite_general_01.png) no-repeat -230px -9px;
  margin: 0 3px 0 16px;
}

.view-news-ticker.ticker ul.control li a.ctrl-pause:hover {
  background-position: -105px 0;
}

.view-news-ticker.ticker ul.control li a.player-prev,
.view-news-ticker.ticker ul.control li a.player-next {
  margin: 5px 20px 0 0;
  width: 14px;
  height: 20px;
}

.ie7 .ticker h2.label {
  padding: 13px 0 0 0;
}

.ie9 .ticker h2.label {
  padding: 12px 0 0 0;
}

.ie7 .ticker DIV.left .feeds ul li {
  padding: 15px 0 0 6px;
}

.ie9 .ticker DIV.left .feeds ul li {
  padding: 16px 0 0 6px;
}

.view-news-ticker.ticker ul.control li a.player-prev {
  background: transparent url(../img/icon/sprite_general_01.png) no-repeat -384px -64px;
}

.view-news-ticker.ticker ul.control li a.player-prev:hover {
  background-position: -384px -104px;
}

.view-news-ticker.ticker ul.control li a.player-next {
  background: transparent url(../img/icon/sprite_general_01.png) no-repeat -416px -64px;
  border-right: 1px dotted #fff;
  padding: 0 18px 0 0;
}

.view-news-ticker.ticker ul.control li a.player-next:hover {
  background-position: -416px -104px;
}

.view-news-ticker.ticker-red ul.control li a.player-prev {
  background: url(../img/comp/ticker/ticker_sprite.png) no-repeat -36px -22px;
}

.view-news-ticker.ticker-red ul.control li a.player-next {
  background: url(../img/comp/ticker/ticker_sprite.png) no-repeat -36px 0;
}

.view-news-ticker.ticker-red ul.control li a.player-prev:hover {
  background-position: -54px -22px;
}

.view-news-ticker.ticker-red ul.control li a.player-next:hover {
  background-position: -54px 0;
}

.view-news-ticker.ticker-white,
.view-news-ticker.ticker-white div.left .feeds ul a,
.view-news-ticker.ticker-white li a.player-ctrl,
.view-news-ticker.ticker-white li a.player-prev,
.view-news-ticker.ticker-white li a.player-next {
  background-color: #fff;
}

.view-news-ticker.ticker-white .feeds p a,
.view-news-ticker.ticker-white .feeds p a:hover {
  color: #000;
}

.view-news-ticker.ticker-white ul.right {
  border-left: dotted 1px #d8d8d8;
}

.view-news-ticker.ticker-red {
  border: solid 1px #e68080;
  color: #fff;
}

.view-news-ticker.ticker-transparent {
  border: solid 1px #999;
}

.view-news-ticker.ticker-transparent .feeds p a,
.view-news-ticker.ticker-transparent .feeds p a:hover {
  color: #fff
}

.view-news-ticker.ticker-red,
.view-news-ticker.ticker-red div.left .feeds ul a,
.view-news-ticker.ticker-red li a.player-ctrl,
.view-news-ticker.ticker-red li a.player-prev,
.view-news-ticker.ticker-red li a.player-next {
  background-color: #c00;
}

.view-news-ticker.ticker-red div.left .feeds ul a:hover {
  color: #fff;
}

.view-news-ticker.ticker-red .feeds p a,
.view-news-ticker.ticker-red .feeds p a:hover {
  color: #fff;
}

.view-news-ticker.ticker-red ul.right {
  border-left: dotted 1px #e68080;
}

.view-news-ticker.ticker-white div.right {
  border-left: solid 1px #f5f5f5;
  width: 318px;
}

.view-news-ticker.ticker-white .right p {
  text-align: right;
  padding: 14px 20px 14px 10px;
  font-size: 110%;
}

.view-news-ticker.ticker-white .right p a {
  text-decoration: none;
}

.view-news-ticker.ticker-white .right p a:hover {
  text-decoration: underline;
}

/* Home page carousel
-------------------------------------------------------------- */
.slider-wrap {
  margin: 10px 0 0 0;
  z-index: 1;
}

.slider-wrap .row-1250 {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  min-height: 448px;
}

.ie8 .slider-wrap .row-1250,
.ie9 .slider-wrap .row-1250,
.mozilla .slider-wrap .row-1250 {
  min-height: 438px;
}

.panels-dnd .slider-wrap {
  position: static;
}

.panels-dnd .slider-wrap .row-1250 {
  min-height: 0;
  display: block;
  overflow: visible;
}

.panels-dnd .panels-homepage .slider-wrap {
  margin: auto;
  max-width: 1250px;
}

.panels-dnd .panels-homepage .panels-display {
  width: 100%;
}

.panels-dnd .panels-homepage .u-tools-container {
  width: 100%;
  float: none;
  margin: 0;
  position: static;
}

.panels-dnd .u-tools {
  min-height: 0;
}

.slider-wrap .row-1250 {
  max-width: 1250px;
  overflow: hidden;
}

/*Backgrounds*/
#slides .mainnext,
#slides .mainprev,
#slides .paginationwrap .prevwrap:focus,
#slides .paginationwrap .prevwrap:hover,
#slides .paginationwrap .nextwrap:focus,
#slides .paginationwrap .nextwrap:hover,
#slides .paginationwrap a.prev,
#slides .paginationwrap a.next,
#slides .pagination li,
.slidenav .pausewrap,
.slidenav .pausewrap a.pause,
.slidenav .pausewrap a.play {
  display: block;
  background-image: url(../img/icon/sprite_general_01.png);
  background-repeat: no-repeat;
}

/*Hide span*/
#slides .mainprev span,
#slides .paginationwrap a span,
#slides a.pause span,
#slides a.play span {
  position: absolute;
  left: -9999px;
}

#slides .mainnext span {
  position: absolute;
  right: -9999px;
}

/*Wraps the container*/
#slides {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 1250px;
  height: 538px;
}

/*Wraps the slide*/
#slides .slides_container {
  overflow: hidden;
  position: relative;
  width: 1250px;
  height: 438px;
}

.ie7 #slides .slides_container {
  height: 448px;
}

/*Wraps the content*/
#slides .slide {
  display: none;
  padding: 0;
  overflow: hidden;
}

#slides .views-row-first {
  display: block;
}

/*Next & prev buttons*/
#slides .nextprevwrap {
  position: relative;
  z-index: 101;
}

#slides .mainnext, #slides .mainprev {
  position: absolute;
  top: 140px;
  width: 91px;
  height: 140px;
  display: none;
  z-index: 101;
}

#slides.slidesinit .mainnext,
#slides.slidesinit .mainprev {
  display: block;
}

#slides .mainprev {
  left: 0;
  background-position: 0 -44px;
}

#slides .mainnext {
  right: 0;
  background-position: -182px -44px;
}

#slides .mainprev:focus,
#slides .mainprev:hover {
  background-position: -91px -44px;
}

#slides .mainnext:focus,
#slides .mainnext:hover {
  background-position: -273px -44px;
}

#slides.compact .mainprev,
#slides.compact .mainnext {
  display: none;
}

/*Pagination wrap*/
.slidenav {
  position: absolute;
  left: auto;
  right: 100px;
  top: 346px;
  z-index: 101;
}

.slidenav .paginationwrap {
  float: left;
  display: block;
  height: 30px;
  margin: 0 4px 0 0;
  background: transparent url(../img/icon/slider_list_bg_x.png) repeat;
  border-radius: 24px 24px 24px 24px;
  behavior: url(/sites/all/themes/royalmail2012/pie/PIE.htc);
}

.slidenav .paginationwrap .prevwrap,
.slidenav .paginationwrap .nextwrap,
.slidenav .pagination,
.slidenav .pagination li,
.slidenav .pausewrap {
  float: left;
  display: inline;
}

/*Pagination mini next prev*/
.slidenav .paginationwrap .prevwrap,
.slidenav .paginationwrap .nextwrap,
.slidenav .paginationwrap .prev,
.slidenav .paginationwrap .next {
  display: none;
  width: 30px;
  height: 30px;
}

.compact .slidenav .paginationwrap .prevwrap,
.compact .slidenav .paginationwrap .nextwrap,
.compact .slidenav .paginationwrap .prev,
.compact .slidenav .paginationwrap .next {
  display: inline;
}

.paginationwrap .prevwrap:focus,
.paginationwrap .prevwrap:hover,
.paginationwrap .nextwrap:focus,
.paginationwrap .nextwrap:hover {
  background-position: -396px 0;
}

.paginationwrap .prev {
  background-position: -264px 0;
}

.paginationwrap .next {
  background-position: -308px 0;
}

/*Pagination list*/
.paginationwrap .pagination {
  padding: 0 7px;
}

.compact .paginationwrap .pagination {
  padding: 0;
}

.paginationwrap .pagination li {
  width: 10px;
  height: 10px;
  margin: 10px 4px 1px 5px;
  background-position: -184px -4px;
}

.paginationwrap li.current {
  background-position: -202px -4px;
}

.paginationwrap li a {
  display: block;
  height: 10px;
  width: 10px;
}

/*Pause & Play button*/
.slidenav .pausewrap,
.slidenav .pausewrap .pause {
  height: 30px;
  width: 30px;
  background-position: -396px 0;
}

.slidenav .pausewrap:focus,
.slidenav .pausewrap:hover {
  background-position: -352px 0;
}

.slidenav .pausewrap .pause {
  background-position: -439px 0;
}

.slidenav .pausewrap .play {
  height: 30px;
  width: 30px;
  background-position: -484px 0;
}

/* Slider home page content */
.slider-wrap .promo_redesign .content,
.slide .content {
  float: left;
  position: absolute;
  right: 100px;
  top: 20px;
  max-width: 450px;
}

.slide .content div h2 {
  padding: 6px 20px 8px 18px;
  margin: 0;
  letter-spacing: -1px;
  font-size: 300%;
  background: #fff;
}

.slide .content div.large p {
  padding: 0 20px 19px;
  margin: -3px 0 0 0;
  width: 300px;
  background: #fff;
}

.slide .content div.cta {
  padding: 0 20px 26px;
  background: #fff;
}

/* Dummy home page content */
.node-19354316 .slider-wrap .content {
  position: absolute;
  right: 100px;
  top: 20px;
  width: 450px;
}

.node-19354316 .slider-wrap .content div h2 {
  background: none repeat scroll 0 0 #FFFFFF;
  font-size: 300%;
  letter-spacing: -1px;
  margin: 0;
  padding: 6px 20px 8px 18px;
}

.node-19354316 .slider-wrap .content div.large p {
  background: none repeat scroll 0 0 #FFFFFF;
  margin: -3px 0 0;
  padding: 0 20px 19px;
  width: 300px;
}

.node-19354316 .slider-wrap .content div.cta {
  background: none repeat scroll 0 0 #FFFFFF;
  padding: 0 20px 26px;
}

.node-19354316 .admin-links.panel-hide {
  display: none;
}

.node-19354316.node-unpublished {
  background-color: inherit;
}

/*Home page 'useful tools'
-------------------------------------------------------------- */
.u-tools {
  z-index: 6;
  position: relative;
  width: 300px;
  min-height: 378px;
  margin-left: 0;
}

.u-tools-container {
  position: relative;
  left: 0;
  width: 100%;
  margin: -418px auto 53px;
  max-width: 1055px;
}

.u-tools .text-color-white h2 {
  background: #333333;
  padding: 5px 19px 8px;
}

.u-tools #edit-tracking-number {
  width: 136px;
}

.u-tools #edit-tracking-number-wrapper {
  float: left;
}

.u-tools h3 {
  font: 400 160% ChevinProMedium, Arial, Helvetica, sans-serif;
}

.u-tools .tt .form-text {
  margin-bottom: 12px;
}

.ie8 .help_mini .bmfx {
  border: solid 1px #ccc;
  behavior: none;
}

.bmfx.no-shadow {
  box-shadow: none;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #333;
}

.bmfx.no-shadow.no-bb {
  border-bottom: none;
  padding: 15px 20px;
}

.bmfx.no-shadow.no-bb a {
  font-size: 14px;
}

.bordert-white {
  border-top: 1px solid #fff;
}

.basket-item {
  margin: 0 20px 0 0;
  background: url(../img/icon/basket-item-2.png) no-repeat right 6px;
  padding: 12px 28px 0 0;
}

/* Basket
-------------------------------------------------------------- */
.basket-item a {
  color: #fff;
  text-decoration: underline;
  margin: 0 4px 0 0;
}

.width120 {
  width: 120px;
}

/* Search
-------------------------------------------------------------- */
.search-magnifier.width-169 {
  width: 169px
}

.ie .search-magnifier.width-169 {
  width: 168px
}

.text.width-236 {
  width: 236px;
}

.text.width-136 {
  width: 128px;
}

/* Home page help, tt(track and trace), prf(price finder), pos(postcode finder)
-------------------------------------------------------------- */
.help_mini .help h2,
.tt h3 a,
.tt h3 a:hover,
.tt h3 a:focus,
.prt h3 a,
.prt h3 a:hover,
.prt h3 a:focus,
.prf h3 a,
.prf h3 a:hover,
.prf h3 a:focus,
.pos h3 a,
.pos h3 a:hover,
.pos h3 a:focus {
  background-image: url(../img/icon/sprite_general_01.png);
  background-repeat: no-repeat;
}

.help_mini .help h2 {
  background-position: -4px -970px;
  padding: 15px 0 6px 43px;
  margin: 0 0 3px;
}

.help_mini .views-exposed-widget {
  width: 100%;
}

.tt h3 a,
.prf h3 a,
.prt h3 a,
.pos h3 a {
  color: #333;
  display: block;
  padding: 13px 0 10px 64px;
}

.tt h3 a {
  background-position: 15px -314px;
}

.tt h3 a:hover,
.tt h3 a:focus {
  background-position: -293px -314px;
}

.prt h3 a {
  background-position: -544px -1082px;
}

.prt h3 a:hover,
.prt h3 a:focus {
  background-position: -544px -1154px;
}

.prf h3 a {
  background-position: 15px -182px;
}

.prf h3 a:hover,
.prf h3 a:focus {
  background-position: -293px -182px;
}

.pos h3 a {
  background-position: 15px -446px;
}

.pos h3 a:hover,
.pos h3 a:focus {
  background-position: -293px -446px;
}

.tt h3 a:hover,
.tt h3 a:focus,
.prf h3 a:hover,
.prf h3 a:focus,
.prt h3 a:hover,
.prt h3 a:focus,
.pos h3 a:hover,
.pos h3 a:focus {
  color: #cc0000;
  text-decoration: none;
}

.tt h3,
.prt h3,
.prf h3,
.pos h3 {
  background: url(../img/icon/arrow-red-11-18.png) no-repeat 269px 50%;
}

.tt h3 a {
  color: #333;
  display: block;
  padding: 16px 0 14px 64px;
}

.prt h3 a,
.prf h3 a,
.pos h3 a {
  color: #333;
  display: block;
  padding: 15px 0 13px 64px;
}

.tt h3 a {
  background-position: 16px -312px;
}

.tt h3 a:hover,
.tt h3 a:focus {
  background-position: -292px -312px;
}

.prf h3 a {
  background-position: 15px -182px;
}

.prf h3 a:hover,
.prf h3 a:focus {
  background-position: -293px -182px;
}

.pos h3 a {
  background-position: 15px -446px;
}

.pos h3 a:hover,
.pos h3 a:focus {
  background-position: -293px -446px;
}

.tt h3 a:hover,
.tt h3 a:focus,
.prf h3 a:hover,
.prf h3 a:focus,
.pos h3 a:hover,
.pos h3 a:focus {
  color: #cc0000;
  text-decoration: none;
}

/* Home page Block lists
-------------------------------------------------------------- */
.block-list {
  background: #fff;
}

.block-list ul li {
  margin: 0;
  border-bottom: solid 1px #f5f5f5;
}

.block-list ul li.last {
  border-bottom: none;
}

.block-list ul li.active h3,
.block-list ul li.active p {
  display: none;
}

.block-list ul li.active .red-overlay,
.block-list ul li.active .red-overlay p {
  display: block;
}

.block-list ul li h3 {
  padding: 14px 19px 5px;
}

.block-list ul li h3.on {
  padding: 11px 19px 7px;
}

.block-list ul li p {
  padding: 0 19px 9px;
}

.block-list ul li h3 a {
  font-weight: 400;
}

.block-list ul li li {
  border-bottom: none;
}

/* Home page Headers for Block lists
-------------------------------------------------------------- */
.content-wrap .row-940 div.panel-pane div.pane-content .node-component.eqheight {
  margin: 0 20px 20px 0;
}

.sending,
.receiving {
  background: #333;
  padding: 11px 0 7px 20px;
}

.bs {
  background: #666;
  padding: 11px 0 7px 20px;
}

.bs h2,
.sending h2,
.receiving h2 {
  display: block;
  color: #fff;
  padding: 0 0 6px 42px;
  background-image: url(../img/icon/sprite_general_01.png);
  background-repeat: no-repeat;
}

.sending h2 {
  background-position: -5px -584px;
}

.receiving h2 {
  background-position: -5px -716px;
}

.bs h2 {
  background-position: -5px -846px;
}

.sending h2 {
  background-position: -5px -584px;
}

.receiving h2 {
  background-position: -5px -716px;
}

.bs h2 {
  background-position: -5px -846px;
}

/*The Over lay popups*/
.bsi .block-list li.content {
  position: relative;
  margin: 0;
}

.block-list ul ul {
  margin: 0 19px 0 0;
}

.block-list ul ul li a {
  color: #fff;
}

.block-list ul ul li a:hover, .block-list ul ul li a:focus {
  color: #fff;
  text-decoration: underline;
}

.block-list ul li {
  position: relative;
  z-index: 0;
}

.block-list ul li.active {
  z-index: 1;
}

.ie7 .block-list ul li .red-overlay {
  background: #ac0000;
}

.block-list ul li .red-overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cc0000), to(#ac0000));
  background: -webkit-linear-gradient(top, #cc0000, #ac0000);
  background: -moz-linear-gradient(top, #cc0000, #ac0000);
  background: -ms-linear-gradient(top, #cc0000, #ac0000);
  background: -o-linear-gradient(top, #cc0000, #ac0000);
  -pie-background: linear-gradient(#cc0000, #ac0000);
  behavior: url(/sites/all/themes/royalmail2012/pie/PIE.htc);
  min-height: 122px;
  border-top: 1px solid #fff;
  width: 100%;
}

.block-list ul li .red-overlay ul li {
  font-size: 115%;
  padding-bottom: 12px;
  text-align: right;
}

.block-list ul li .red-overlay p {
  padding: 12px 19px 9px;
  background: none;
  color: #fff;
  font-size: 120%;
}

.block-list ul li .red-overlay-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 26px;
  height: 26px;
  color: #fff;
  background: transparent url(../img/icon/sprite_general_01.png) no-repeat -520px -121px;
}

.block-list ul li a:hover.red-overlay-close {
  background-position: -520px -154px;
}

/* The new page promos 
-------------------------------------------------------------- */
.promo_mini {
  width: 300px;
  min-height: 150px;
  margin: 0 0 20px;
  position: relative;
}

.promo_mini div {
  position: relative;
  z-index: 1;
}

.promo_mini .img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 300px;
  text-align: right;
  background: #fff;
}

.ie7 .promo_mini .padding10t27r10b20l {
  width: 215px;
}

/* Misc extends
-------------------------------------------------------------- */
.padding11t27r8b20l {
  padding: 11px 27px 8px 20px;
}

.padding10t27r10b20l {
  padding: 10px 27px 10px 20px;
}

.ie7 .padding10t27r10b20l {
  float: none;
  display: block;
  width: 200px;
  padding: 10px 27px 8px 20px;
}

.padding20lr {
  padding: 0 20px;
}

.margin3t10b {
  margin: 3px 0 10px;
}

.padding12b {
  padding: 0 0 12px
}

.padding11b {
  padding: 0 0 11px;
}

.margin-19t {
  margin: -19px 0 0 0;
}
