/* --------------------------------------------------------------
Royal Mail 2011/12  Generic Styles
* Component Global styles.
-------------------------------------------------------------- */

/* Cookies
-------------------------------------------------------------- */
#block-cookie_policy-0 {
  margin: 0 auto 10px;
  max-width: 1250px;
  background: #666;
}

.ie7 #block-cookie_policy-0 {
  margin: 0 auto 2px;
}

#block-cookie_policy-0 .cookie-content {
  float: left;
  clear: both;
  padding: 10px 0 0 0;
  background: #666;
}

#block-cookie_policy-0 .cookie-content strong {
  display: block;
  width: 98px;
  padding: 2px 0 2px 46px;
  margin: 0 14px 0 0;
  background: transparent url(../img/icon/sprite_general_01.png) no-repeat -4px -979px;
  border-right: 1px solid #999999;
}

#block-cookie_policy-0 .cookie-content .text {
  width: 705px;
}

#block-cookie_policy-0 .cookie-content a.close {
  float: right;
  padding: 13px;
  margin: 0 0 0 34px;
  background: transparent url(../img/icon/sprite_general_01.png) no-repeat -214px 1px;
}

.ie7 #block-cookie_policy-0 .cookie-content a.close {
  display: none;
}

#block-cookie_policy-0 .cookie-content a:hover.close {
  background-position: -238px -18px;
}

#block-cookie_policy-0 .cookie-content .close span {
  position: absolute;
  top: -99999px;
}

#block-cookie_policy-0,
#header,
.row-wrap {
  position: relative;
}

/********Cookie Pop-up css *********/
div.ui-dialog {
  padding: 0;
}

.ui-widget .ui-widget-header {
  border: 0 none;
}

div.ui-dialog .block-cookie_policy {
  overflow: hidden;
  min-height: auto;
}

div.ui-dialog .block-cookie_policy thead th {
  font-size: 100%;
}

/* Generic Pop-up css */
.ui-widget .ui-widget-header .ui-dialog-title {
  font-size: 160%;
}

.ui-widget .ui-widget-content {
  font-family: Arial, sans-serif;
  font-size: 1.1em;
  line-height: 1.5;
}

.ui-dialog .ui-dialog-title {
  margin: 0 85px 0 0;
}

.ui-dialog .ui-dialog-buttonpane {
  padding: 1em 1.4em;
}

.ui-dialog .ui-dialog-content {
  padding: .5em 1.4em 1em;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  padding: 0px 23px 3px 0;
}

.ui-dialog .ui-dialog-titlebar {
  margin: 10px 20px 0;
  position: relative;
  padding: 0 0 10px;
}

/* Unsupported browser message */
.unsupported-browser {
  margin: 0 auto 10px;
  max-width: 1250px;
  background: #949494;
}

.unsupported-browser__content {
  width: 825px;
  margin: 0 auto;
  padding: 14px 60px 16px 46px;
  line-height: 1.5;
  color: #fff;
  background: transparent url(../img/icon/sprite_general_01.png) no-repeat -312px -967px;
}

.unsupported-browser__content a {
  color: #fff;
  text-decoration: underline;
}

.unsupported-browser__content a img {
  color: #fff;
}

/* Feedback link - z-index of 499 is over everything on the page but below jquery dialog modal and video overlay */
a#surveyprompt-menu-item-link.surveyprompt {
  background: url("../images/feedback.JPG") no-repeat scroll 0 0 transparent;
  border: 0 none;
  position: fixed;
  right: 0;
  top: 100px;
  height: 102px;
  width: 39px;
  padding: 0;
  text-indent: 100%;
  z-index: 499;
}

a#surveyprompt-menu-item-link.surveyprompt img {
  display: none;
}

/* My account login
-------------------------------------------------------------- */
/*20121114 right and top pos adjusted and ie overight added then changed again!*/
.my-account {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 503;
  width: 296px;
  border: 1px solid #F4F4F4;
  box-shadow: 0 3px 7px 1px #9D9D9D;
  background-image: linear-gradient(bottom, rgb(204, 204, 204) 0%, rgb(255, 255, 255) 56%);
  background-image: -o-linear-gradient(bottom, rgb(204, 204, 204) 0%, rgb(255, 255, 255) 56%);
  background-image: -moz-linear-gradient(bottom, rgb(204, 204, 204) 0%, rgb(255, 255, 255) 56%);
  background-image: -webkit-linear-gradient(bottom, rgb(204, 204, 204) 0%, rgb(255, 255, 255) 56%);
  background-image: -ms-linear-gradient(bottom, rgb(204, 204, 204) 0%, rgb(255, 255, 255) 56%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(204, 204, 204)), color-stop(0.56, rgb(255, 255, 255)));
  behavior: url(/sites/all/themes/royalmail2012/pie/PIE.htc);
  display: none;
}

.my-account .margin61818 {
  margin: 6px 18px 18px;
}

.login-overlay {
  width: 100%;
  background-color: #000;
  opacity: 0.6;
  filter: alpha(opacity = 60);
  position: absolute;
  z-index: 7;
  display: none;
}

.ie .my-account {
  top: 40px;
  right: 85px;
}

.my-account .icon {
  float: left;
  display: inline;
  padding: 0 0 0 20px;
  margin: 0 0 25px 0;
  width: 162px;
  background: transparent url(../img/icon/sprite_general_01.png) no-repeat -524px -86px;
}

.my-account .icon a,
.my-account .icon span {
  float: left;
  display: inline;
  margin: 10px 0 0 0;
  padding: 0 10px 0 0;
  color: #000;
  text-decoration: none;
  background: transparent url(../img/icon/arrow-black-down-4-6.png) no-repeat 100% 3px;
}

.my-account .close {
  margin: 0 0 15px 0;
}

.my-account a.close {
  position: absolute;
  top: 6px;
  right: 16px;
  display: inline-block;
  padding: 10px 24px 4px 24px;
  color: #000;
  text-decoration: none;
  background: transparent url(../img/icon/sprite_general_01.png) no-repeat -462px -116px;
}

.my-account a.close:hover {
  background-position: -462px -149px;
  color: #000;
  text-decoration: underline;
}

.my-account .header {
  font: 400 160% ChevinProMedium, Arial, Helvetica, sans-serif;
  padding: 0 0 10px 0;
  margin: 0 0 12px 0;
  border-bottom: 1px dotted #ccc;
}

.my-account label {
  display: block;
  padding: 0 0 10px;
  margin: 0;
  width: 150px;
  font-size: 135%;
}

.my-account .left .left {
  margin: 10px 0 0;
}

.ie9 .my-account .left label {
  padding: 8px 0 4px;
}

.my-account #login-submit {
  margin: 8px 0 20px;
}

.my-account #email, .my-account #password {
  width: 238px;
  margin-right: 0;
  margin-bottom: 4px;
}

.my-account #rememberme {
  margin: 2px 6px 2px 2px;
  float: left;
}

.my-account ul {
  clear: both;
}

.my-account ul li, .my-account .subheader {
  border-bottom: 1px dotted #999;
  padding: 8px 0;
}

.my-account ul li a img {
  padding: 0 0 0 5px;
}

.my-account .subheader {
  margin-top: 9px;
  font-size: 135%;
}

.my-account ul li a {
  text-decoration: underline;
  background: none;
  padding: 0;
}

.my-account ul li a:hover,
.my-account ul li a:focus {
  color: #882222;
}

#header .my-account a.btn_secondary_register {
  box-shadow: 0 -1px 0 0 #FFFFFF inset;
}

.my-account a.btn_secondary_register:hover,
.my-account a.btn_secondary_register:focus {
  color: #000;
}

/* Top Search
-------------------------------------------------------------- */
.header-right {
}

.ie7 .header-right {
  width: 505px;
  margin: 0 0 5px;
}

.top-search {
  position: relative;
  float: right;
  display: inline;
  margin: 0;
  padding: 9px 0 0 0;
}

.top-search form {
  margin: 0;
}

/* Login
-------------------------------------------------------------- */
.login {
  position: relative;
  background: transparent url(../img/icon/sprite_general_01.png) no-repeat -524px -43px;
  margin: 0 21px 7px 9px;
  padding: 17px 20px 3px 10px;
}

.login a {
  padding: 0 10px;
  display: block;
}

.login a:hover, .login a:focus {
  color: #fff;
}

.ie .login a {
  background-position: right 4px;
  display: block;
}

.ie6 .login a,
.ie7 .login a {
  background: none;
  float: left;
}

.login:after {
  position: absolute;
  left: 100%;
  top: 10px;
  display: block;
  width: 1px;
  height: 21px;
  border-right: dotted 1px #ea8181;
  content: " ";
}

.login .logout,
.ie .login .logout {
  display: none;
}

.ie6 .login .logout,
.ie7 .login .logout {
  display: block;
}