/*
red: #c00000 / #a00000 / #80000
footer 
light black: #2B2E32
dark black: #212121
*/

@font-face {
    font-display: block;
    font-family: 'Karla';
    font-style: italic;
    font-weight: 400;
    src: local('Karla Italic'), local('Karla-Italic'), url(//fonts.gstatic.com/s/karla/v7/qkBVXvYC6trAT7RQHt6e5A.ttf) format('truetype');
}

@font-face {
    font-display: block;
    font-family: 'Karla';
    font-style: italic;
    font-weight: 700;
    src: local('Karla Bold Italic'), local('Karla-BoldItalic'), url(//fonts.gstatic.com/s/karla/v7/qkBQXvYC6trAT7RQFmW79LlvmA.ttf) format('truetype');
}

@font-face {
    font-display: block;
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    src: local('Karla'), local('Karla-Regular'), url(//fonts.gstatic.com/s/karla/v7/qkBbXvYC6trAT7RVLtk.ttf) format('truetype');
}

@font-face {
    font-display: block;
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    src: local('Karla Bold'), local('Karla-Bold'), url(//fonts.gstatic.com/s/karla/v7/qkBWXvYC6trAT7zuC8m5xL4.ttf) format('truetype');
}

@font-face {
    font-display: block;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(//fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhzg.ttf) format('truetype');
}

@font-face {
    font-display: block;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url(//fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD-w.ttf) format('truetype');
}

body {
    font-family: Karla, Arial, Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    font-style: normal;
}

#content{
  padding: 2px;
}

#sidebar
{
  padding: 20px 20px 20px;

}

h1{
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
h2{
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0;
  color: #000;
}
h3{
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
h4{
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

h2 .heading{
  font-size: 16px;
  font-weight: bold;
  color: #000;
  margin-top: 0;
}

.heading1{
  font-size:18px;
  font-weight: bold;
}
.heading2{
  padding-top: 2px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.heading3{
  font-size: 16px;
  color: #800000;
  margin: 0;
}
.heading4{
  font-size: 12px;
  font-weight: bold;
  color: #800000;
  margin: 0;
}

hr.show-list-title{
  margin:15px 0;
  border-top: 5px solid #800000;
}
hr.show-list-item{
  margin:0 0 10px 0;
  border-top: 5px solid #999;
}
hr.header {
  margin:0 0 5px 0; 
  border-top: 2px solid #000;
}

hr.suboffer {
  margin:0; 
  border-top: 1px solid #ccc;
}

p{
  font-size:14px;
  margin-bottom: 1em;
}

ol, ul {
  list-style: none;
}

font[size="3"] {
  font-size: 12px;
}

.paragraph{
  margin: 0 0 1em;
}

/*
#cookies {
    position: fixed;
    bottom: 0;
    width: 100vw;
    z-index: 999999;
    background: white;
}
*/
#cookie_header,#user-survey_header{
  margin: 0;
  padding: 0;
}
#cookie_heading,#user-survey_heading{
  color:#eee;
  float:left;
  width:25%;
  padding:12px 12px 10px 12px;
  font-size:16px;
}
#user-survey_heading{
  font-size:15px;
}
#cookie_text,#user-survey_text{
  font-size:12px;
  padding:5px;
  color:#ccc;
  width:56%;
  float:left;
}

#cookie_link a, #cookie_link_large a,#user-survey_link a, #user-survey_link_large a, #user-survey_link_large_r a{
  font-size:16px;
  font-weight: normal;
  color:#fff;
  text-decoration:underline;
}

#cookie_link_large a{
  font-size:16px;
}
#cookie_link a{
  margin:0 20px 0 0;
}

#user-survey_link_large a{
  font-size:16px;
}
#user-survey_link_large_r a{
  font-size:16px;
  margin-left: 20px;
}

.cookie-title{
  font-size:20px;
  font-weight:700;
  text-align:center;
  padding:10px 0;
  color:#fff;
}

.cookie-warning {
  background-color: #000;
  color: #ffffff;
  position: fixed;
  z-index: 10000;
  left: 0;
  bottom: 0;
  width: 100%;
  box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39);
  transform: translateY(100%);
  transition: transform 2s;
}

.cookie-warning-show {
  transform: translateY(0);
}

.header0{
  border-bottom: solid 2px #000;
}

header{
  margin: 0 auto;
  height: auto;
  /*max-width: 1024px;*/
  background-color: #fff;
  overflow: auto;
}

.logo{
  float: left;
  width: 232px;
  height: 115px;
  margin: auto;
  padding: 0;
}
.advertisement{
  float: left;
  height: 90px;
  margin: 12px 0 12px 0;
  background-color:#ddd;
}
#logo{
    margin:10px 0;
    float: left;
}
#banner{
    float: right;
    margin:40px 0 30px 0;
    overflow: hidden;
}

ul.h-links {padding-left:0;margin-bottom:0;}

.h-links {font-size:0;}
.h-links li {display:inline-block; font-size:14px; line-height:44px;margin:0 20px 0 0;}
/*.h-links li.test-site {display:inline-block; font-size:16px; line-height:44px;margin:0 30px 0 0;}*/
.h-links li.myaccount {margin:0;}

.h-links li a {position:relative; display:block; color:#000; text-decoration:none; background:right center no-repeat; background-size:22px 22px; transition:color 0.3s ease;}
.h-links li.basket a {padding-right:0;}
.h-links li.checkout a {padding-right:0;}
.h-links li.search a {padding-right:0;}
.h-links li.myaccount a {padding-right:0;}
.h-links li a:hover,
.h-links li a:active,
.h-links li a:focus {color:#c00000;}

.h-links li.basket,.h-links li.checkout,.h-links li.search,.h-links li.myaccount{
    display:inline-block;
}
.h-links li.basket-mobile,.h-links li.checkout-mobile,.h-links li.search-mobile,.h-links li.myaccount-mobile{
    display:none;
}
.h-links li.basket a span, .h-links li.basket-mobile a span {
  position: absolute;
  top: 4px;
  right: -17px;
  display: block;
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #FFF;
  border-radius: 50%;
  background: #a00000;
}

/* NAV BAR */

nav {
  width: 100%;
  float:left;
  background: #fff; /* Old browsers */
}


/* SEARCH */

.search-box{
  font-family: Karla, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size:14px;
  padding: 0 10px;
  height:32px;
  background:#eee;
  color: #000;
  border: none;
  width:580px;
}
.search-field{
  height:30px;
}
.btn-search{
  top: 0;
  margin: -2px 0px 0 0;
  font-size: 14px;
  border: none;
  background-color: #fff;
  vertical-align: middle;
}
#mobile-search-form{
    display:none;
    margin: 0 10px 20px 10px;
}

.info-text{
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  margin-right:10px;
}
#search-filters{
  float: left;
  width: 170px;
  margin-right: 20px;
  padding: 10px;
  background: #ECECEC;
}
.search-filter{
  margin: 5px 0;
}
#product-filters{
  float: left;
  width: 350px;
  height: auto;
  padding: 10px;
  background: #ccc;
  display: none;
}
.product-filter1{
  float: left;
  margin-right: 20px;
}
.product-filter2{
  float: left;
}

.search-list-item-container{
  height: 491px;
  width: 100%;
  margin: 0 0 60px 0;
}

.search-list-image{
  width: 100%;
  /*
  position: absolute;
  bottom: 0;
  left: 0;
  */
}


input::-webkit-input-placeholder {
color: #666 !important;
}
input:-moz-placeholder { /* Firefox 18- */
color: #666 !important;  
}
input::-moz-placeholder {  /* Firefox 19+ */
color: #666 !important;  
}
input:-ms-input-placeholder {  
color: #666 !important;  
}

#basket,#header-basket{
  font-size: 12px;
  background: #F5F5F5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 50px;
  width: 210px;
  float: right;
  margin: 10px 5px 10px 5px;
  padding: 3px 8px;
}
.basket-text{
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #000000;
  margin-top: 3px;
  display: block;
}

.btn-basket,.header-btn-basket{
  float: left !important;
}
.btn-checkout,.header-btn-checkout{
  float: right !important;
}
.button.btn-red.redeem{
  margin-top:-3px;
}
.menu-left{
  width:78%;
}

.divider{
  line-height:30px;
  padding:0 0 0 15px;
}

.faq-bar{
  line-height:30px;
  padding:2px 0;
  color: #fff;
  font-size:14px;
  text-align:center;
  background-color: #a00000;
}
.faq-bar-phone{
  font-size:16px;
  font-weight:bold;
}

A:link, A:visited, A:hover
{
  color: #c00000;
  text-decoration: none;
  font-weight: bold;
}
A:hover
{
  color: #333;
}

.faq-bar A:link, .faq-bar A:visited{
  color: #fff;
  text-decoration: none;
  font-size:14px;
  font-weight: normal;
}
.faq-bar A:hover
{
  text-decoration: underline;
  font-size:14px;
  font-weight: normal;
}


/* breadcrumbs*/
div.breadcrumbs
{
  font-size: 0.9em;
  padding: 10px 0 20px 0;
}

div.breadcrumbs span
{
  font-weight: bold;
}

/* CONTENT */
#main-content{
  padding-left:0;
  padding-right:0;
  font-size:12px;
}

.right-content{
  padding-left:0;
  padding-right:0;
}



/* FOOTER */
footer .website-footer{
    background-color: #363839;
}

.website-footer .main-footer, .website-footer .main-footer2 {
  clear: both;
  margin-top: 40px;
  background-color: #363839;
  overflow: hidden;
  font-size:100%;
  color: #eaeaea;
  padding-top:67px;
  padding-bottom:0px;
}
.website-footer .main-footer2 {
  margin-top: 0;
  padding:18px 0 25px 0;
  color: #999;
  font-size:12px;
  background-color: #282a2b;
  text-align: center; 
}
.footer-logo, .footer-address{
  margin-bottom: 50px;
}
.footer-networks{
  margin-bottom:10px;
}
.social-network-icon{
  margin: 0 5.5px 14px;
  font-size:18px;
}
.footer-title{
  font-size:18px;
  color:#fff;
  margin-bottom:15px;
}
.footer-link{
  margin-bottom:10px;
}

.footer-link a:link, .footer-link a:visited, .footer-link a:active{
  color:#eee;
  font-weight: normal;
}
.footer-link a:hover{
  color:#c00000;
}

.main-footer {
  padding: 1.000em 0 0 0;
}

/* YIITAB */

/* LIST-VIEW */
.sorter-pager{
  margin: 0 auto;
}
.list-view-loading
{
  background: url(loading.gif) no-repeat;
}
.list-view .summary
{
  margin: 0 0 5px;
  text-align: right;
}
.list-view .sorter{
  margin:0;
  float: left;
  font-size: 14px;
  height: 40px;
}
.list-view .pager{
  margin: 0;
  float: right;
  background: #fff;
  height: 40px;
}
.list-view .sorter UL
{
  display: inline;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-view .sorter LI
{
  display: inline;
  margin: 0 0 0 5px;
  padding: 0;
}
.list-view .sorter A.asc
{
  background: url(up.gif) no-repeat right center;
  padding-right: 10px;
}
.list-view .sorter A.desc
{
  background: url(down.gif) no-repeat right center;
  padding-right: 10px;
}

/*list style*/
.list-view-loading
{
  background:url(loading.gif) no-repeat;
}

/*
.list-view{
  width:100%;
}
*/



.free-delivery{
  width: 100%;
}
.red-message{
  font-size:16px;
  font-weight: bold;
  color:red;
  width:100%;
  text-align:center;
  margin-bottom:10px;
}


/* HOME PAGE */
.carousel-full{
    width:100%;
    margin: 0 0 30px 0;
    border:none;
    float:left;
    background:#fff;
    z-index:-10;
}

.home-message{
  overflow:left;
  width:100%;
  height:auto;
  background:#fff;
  margin: 0;
  text-align:justify;
}

.title-bar{
  width:100%;
  height: 30px;
  margin-bottom: 20px;
  background-color:#2B2E32;
}

.front-page-carousel-item, #gifts-carousel-item, #magazines-carousel-item, #subs-carousel-item, #confirmation-page-carousel-item{
  float:left;
  margin: 0;
  height:450px;
  z-index:10;
}

#front-page-carousel-image ul,#front-page-carousel-image2 ul{
  padding:2px 2px 2px 2px;
  margin:0px;
  z-index:10;
}

#front-page-carousel-image li,#front-page-carousel-image2 li{
  height:305px;
  width:25%;
  padding:0;
  margin:0;
  z-index:10;
}

#gifts-carousel-item{
  height:270px;
}
.show-carousel-item{
  height:335px;
  margin-bottom: 20px;
}
#magazines-carousel-item{
  width:135px;
  height:280px;
  margin: 0 4px;
}
#subs-carousel-item{
  height:160px;
  margin: 0 18px;
}
#confirmation-page-carousel-item{
  margin: 0 4px;
}
#adverts-carousel-item{
  margin: 0 auto 20px auto;
  width:100%;
  max-width: 590px;
  z-index:10;
}

/* CAROUSEL */
.issue-carousel, .show-carousel, .offer-carousel, .gift-carousel, .magainze-carousel, .sub-carousel{
  width:100% !important;
  height:auto;
  background:#fff;
  margin: 0 auto;
  text-align:center;
}

.issue-carousel-item-container, .gift-carousel-item-container, .offer-carousel-item-container, .show-carousel-item-container, .magazine-carousel-item-container, .bestseller-carousel-item-container{
  height: auto;
  width: 100% !important;
  margin: 0 0 20px 0;
  max-width: 270px;
}
.issue-carousel-list-desc{
  font-weight: bold;
  height: 35px;
  font-size:16px;
  color: #000000;
  overflow: hidden;
}

.show-carousel-item-container{
  padding: 0 20px;
}

.myaccount-show{
  width:80%;
  margin: 0 auto;
}


.bestseller-odd{
  overflow: auto;
}
.bestseller-even{
  background:#f3f3f3;
  overflow: auto;
}


#carousel-image ul, #carousel-image2 ul, #carousel-image3 ul, #carousel-image4 ul,#front-page-carousel-image ul
{
  padding:2px 2px 2px 2px;
  margin:0px;
  z-index:-10;
}

#carousel-image li, #carousel-image2 li, #carousel-image3 li, #carousel-image4 li
{
  height:300px;
  width:140px;
  padding:0;
  margin:0;
  z-index:-10;
}
.carousel{
  width:100%;
  position: relative;
}

#carousel2-image ul
{
  padding:0;
  margin:0;
  z-index:-10;
}

#carousel2-image li
{
  width:100%;
  padding:0;
  margin:0;
  z-index:-10;
}

.carousel3{
  width:100%;
  background:#fff;
  padding-top:5px;
  margin: 10px auto;
  z-index:10;
  /*
  border: solid 1pt #999;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  */
  position: relative;
}
#carousel3-image ul{
  padding:0;
  margin:0;
  z-index:10;
}
#carousel3-image li{
  width:33%;
  padding:5px;
  margin:0 5px;
  z-index:10;
  text-align:left;
}

.carousel4{
  width:100%;
  background:#fff;
  padding-top:5px;
  margin: 10px auto;
  z-index:10;
  /*
  border: solid 1pt #999;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  */
  position: relative;
}
#carousel4-image ul{
  padding:0;
  margin:0;
  z-index:10;
}
#carousel4-image li{
  width:25%;
  height: auto;
  padding:0;
  margin:0;
  z-index:10;
  text-align:left;
  position: relative;
}

.carousel5{
  width:90%;
  background:#fff;
  padding-top:5px;
  margin: 10px auto;
  z-index:10;
  border: solid 1pt #999;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  position: relative;
}
#carousel5-image ul
{
  padding:0;
  margin:0;
  z-index:10;
}

#carousel5-image li
{
  width:15%;
  height: auto;
  padding:0;
  margin:0;
  z-index:10;
  text-align:left;
  position: relative;
}
.carousel-show-image{
  width:100%;
}


.confirmation-page-carousel{
  width:90%;
  background:#fff;
  margin: 0px auto 15px auto;
  z-index:10;
  border: solid 1pt #00a9e7;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-align:center;
}

#confirmation-page-carousel-image ul{
  padding:2px 2px 2px 2px;
  margin:0px;
  z-index:10;
}

#confirmation-page-carousel-image li{
  height:305px;
  width:16.5%;
  padding:0;
  margin:0;
  z-index:10;
}

a.carousel-control{
  color:#ffffff;
}
a.carousel-control:hover,
a.carousel-control:focus {
  color:#ff0000;
}

/* CAROUSEL PREV/NEXT */
a.prev, a.next {
  display: block;
  width: 26px;
  height: 30px;
  line-height: 1;
  background-color: #666;
  color: ghostwhite;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-size: 25px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 5px;
  float: left;
}

.subs a.prev {
  margin: 86px -5px 0 0;
  text-indent: -2px;
  z-index:-22;
}
.subs a.next {
  margin: 86px 0 0 -5px;
  text-indent: 7px;
  z-index:-22;
}
.gifts a.prev {
  margin: 128px -5px 0 0;
  text-indent: -2px;
  z-index:-22;
}
.gifts a.next {
  margin: 128px 0 0 -5px;
  text-indent: 7px;
  z-index:-22;
}

.magazines a.prev {
  margin: 150px -5px 0 0;
  text-indent: -2px;
  z-index:-22;
}
.magazines a.next {
  margin: 150px 0 0 -5px;
  text-indent: 7px;
  z-index:-22;
}

.shows a.prev {
  margin: 160px -5px 0 0;
  text-indent: -2px;
  z-index:-22;
}
.shows a.next {
  margin: 160px 0 0 -5px;
  text-indent: 7px;
  z-index:-22;
}

a.prev:hover, a.next:hover{
  background-color: #333;
}
/* end of prev/next */


/* LIST */
.list-items{
  width:100%;
  height:auto;
  background:#fff;
  margin: 0 auto;
  text-align:center;
}
.list-item-container{
  height: auto;
  width: 100%;
  margin: 0 0 20px 0;
}
.list-image{
  width: 270px;
  height: 270px;
  margin-bottom:10px;
}
.list-info {
  margin: 5px 0;
  height: auto;
  text-align:center;
}
.list-desc{
  height: 65px;
  font-size: 16px;
  font-weight: bold;
  padding: 0 20px;
}
.list-notes {
  height: 65px;
  margin-top: 10px;
  font-size: 14px;
  overflow: hidden;
  padding: 0 20px;
}
.bs-list-desc{
  height: 45px;
  font-size: 16px;
  font-weight: bold;
  padding: 0 20px;
}
.bs-list-notes {
  height: 85px;
  margin-top: 10px;
  font-size: 14px;
  overflow: hidden;
  padding: 0 20px;
}

.list-price, .list-button {
  clear: both;
  margin: 0 auto;
  text-align:center;
}

.offer-list-desc{
  height: 70px;
  font-size: 16px;
  font-weight: bold;
  padding: 0 20px;
}
.offer-list-notes {
  height: 80px;
  margin-top: 10px;
  font-size: 14px;
  padding: 0 20px;
  overflow: hidden;
}

.gift-list-image{
  width: 100%;
  height: 270px;
  margin-bottom:10px;
}
.gift-list-desc{
  height: 45px;
  font-size: 16px;
  font-weight: bold;
  padding: 0 20px;
  overflow: hidden;
}
.gift-list-notes {
  height: 25px;
  font-size: 14px;
  padding: 0 20px;
  margin-top: 10px;
  overflow: hidden;
}
.magazine-list-image{
  width: 100%;
  height: 270px;
  margin-bottom:10px;
}


/* FRONT-PAGE-LIST */
.front-page-list{
  width:100%;
  height:auto;
  background:#fff;
  margin: 0 auto;
  text-align:center;
}
.front-page-list-item{
  float: left;
  height:435px;
  background:#fff;
  margin: 0 50px 30px;
  z-index:10;
}

.front-page-list-image{
  float: left;
  width: 25%;
}
.front-page-list-desc{
  height: 65px;
  margin-top:10px;
  font-size:16px;
  font-weight: bold;
}
.front-page-list-notes{
  height: 80px;
  margin-top:10px;
  font-size:14px;
  overflow:hidden;
}
.front-page-list-price{
  margin-top:10px;
  font-size:14px;
  color:black;
  color: #800000;
  font-weight:bold;
  overflow:visible;
}
.front-page-list-button{
  clear:both;
}

.show-list-homepage{
  width:100%;
  height:auto;
  background:#fff;
  margin: 0px auto 30px auto;
  z-index:-10;
  overflow: auto;
}
.items{
  margin: 20px 0;
  overflow: auto;
  text-align: center;
}

.show-list-item-container, .show-list-item-container-homepage{
  height: auto;
  width: 100%;
  float: left;
  text-decoration: none;
  margin: 0 0 60px 0;
  padding: 0 20px;
  /*
  border: 1px solid #bbb;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  */
}
.show-list-item-container-homepage
{
  width:100%;
  margin: 0;
}
.show-list-info
{
  margin: 10px;
}
.show-list-info2
{
  padding: 5px 10px;
}
.show-list-info3
{
  margin: 15px 0;
}

.show-list-desc{
  font-size: 16px;
  color: #000;
  overflow: hidden;
  text-align: center;
  font-weight: bold;
  height: 50px;
}
.show-list-desc-small{
  font-size: 14px;
  margin-bottom: 5px;
  color: #000;
  overflow: hidden;
  text-align: center;
  font-weight: 400;
  height: 60px;
}
.show-list-image{
  height: 150px;
}
.show-list-date{
  font-size: 14px;
  margin: 5px 0;
  color: #000;
  text-align: center;
  font-weight: 600;
  height: 40px;
  overflow: hidden;
}

.show-bar-select{
  width:100%;
  color:white;
  font-weight: bold;
  padding: 5px;
  /* fallback */
  background-color: #a00000;
}
.show-bar-title
{
  margin:10px 0;
  width:100%;
  color:white;
  font-weight: bold;
  padding: 5px;
  background: #212121;
}
.show-ticket-background
{
  background: #eee;
  width:100%;
}
.show-ticket-item
{
  margin-left:10px;
}
.show-ticket-summary
{
  border: solid 2pt #ff0000;
  background:#fff;
  width :60%;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
}
.show-summary-text
{
  font-size: 14px;
  font-weight: bold;
}
.show-summary-image
{
  float: right;
  margin-right:20px;
}

.main-content{
  padding: 30px 0;
}

.special-sub-list-item-container
{
  height: 250px;
  width: 135px;
  float: left;
  text-decoration: none;
  margin: 0 10px;
}

.product-list-item-container{
  height: auto;
  width: 100%;
  margin: 0 0 60px 0;
}

.product-list-image{
  width: 100%;
}
.product-list-info{
  margin: 5px 0;
  height: auto;
  text-align:center;
}
.product-related-info{
  height: auto;
  margin: 5px 0;
  text-align:center;
}
.product-list-desc, .product-list-department, .product-list-price, .product-newin-desc, .product-newin-department, .product-newin-price, .product-list-notes, .product-list-more-info,.publication-list-desc, .publication-list-notes, .publication-list-price, .publication-list-issue-desc{
  height: 15px;
  font-size: 14px;
}
.product-list-desc, .product-newin-desc{
  font-weight: bold;
  color: #000000;
  height: 47px;
}
.product-list-department{
  font-size: 14px;
  height:20px;
}
.product-list-desc{
  height: 65px;
  font-size: 16px;
  font-weight: bold;
  padding: 0 10px;
  overflow: hidden;
}
.product-list-button{
  clear:both;
}
.product-out-of-stock{
  font-size:18px;
  font-weight:bold;
  color:#ff0000;
  margin-left: 5px;
}
a.product-list-out-of-stock:link,a.product-list-out-of-stock:visited{
  font-size:20px;
  font-weight:bold;
  color:#212121;
  line-height: 36px;
}
a.product-out-of-stock:link, a.product-out-of-stock:visited{
  font-size:18px;
  font-weight:bold;
  color:#ff0000;
  margin-left: 5px;
}
.product-newin-desc{
  height:28px;
}
.product-list-price, .product-newin-price, .list-price{
  font-weight: 400;
  color: #c00000;
  font-size: 16px;
}

.product-list-more-info{
  margin: 10px 0;
  font-size:16px;
}
.product-list-notes{
  font-size:14px;
  height:34px;
}
.product-buttons-add{
  float:left;
}

/* publication-list */
.publication-list-item-container{
  width: 100%;
  height: 425px;
  margin: 0 0 60px 0;
}
.publication-list-image{
  width: 100%;
  margin-bottom:10px;
}
.publication-list-info{
  height: auto;
  margin: 5px 0;
}
.publication-list-desc,.publication-list-issue-desc{
  font-weight: 600;
  font-size:16px;
  color: #000000;
  line-height:15px;
  text-align:center;
}
.publication-list-desc{
  height:35px;
}
.publication-list-price{
  text-align:center;
  font-size:16px;
  margin: 5px 0 10px 0;
}
.publication-list-notes{
  height:65px;
  padding: 0;
  color: #000000;
  overflow: hidden;
}
.publication-list-info2{
  width: 160px;
  margin: 5px 0 10px 0;
  padding: 0;
  color: #000000;
}
.publication-list-notes2{
  height:70px;
  padding: 0;
  color: #000000;
  overflow: hidden;
}

/* MAGAZINE LIST */
.magazine-list-info{
  margin: 5px 0;
}

/* CAROUSEL LIST */
.carousel-list-item{
  float: left;
  height: 400px;
  background:#fff;
  margin: 0 50px 30px;
  z-index:10;
}

.carousel-list-info{
  margin-top:5px;
  height: auto;
}
.carousel-list-desc{
  height: 75px;
  font-size: 16px;
  font-weight: 600;
}
.carousel-list-notes{
  height: 40px;
  font-size: 14px;
  color: #212121;
  overflow: hidden;
}
.list-price{
  margin: 5px 0;
}
.carousel-list-button{
  clear:both;
}

/* MAGAZINE CAROUSEL LIST */
.magazine-carousel-list-item{
  float: left;
  height: auto;
  background:#fff;
  margin: 0 50px 30px;
  z-index:10;
}

.magazine-carousel-list-info{
  margin-top:5px;
  height: auto;
}
.magazine-carousel-list-desc{
  height: 45px;
  font-size: 16px;
  font-weight: 600;
}
.magazine-carousel-list-notes{
  height: 20px;
  font-size: 14px;
  color: #212121;
  overflow: hidden;
}

/* SUBS CAROUSEL LIST */
.subs-carousel-list-item{
  float: left;
  height: 200px;
  background:#fff;
  margin: 0 50px 30px;
  z-index:10;
}
.subs-carousel-list-image{
  height: 60px;
  margin-bottom:10px;
}
.subs-carousel-list-info{
  margin-top:5px;
  height: auto;
}
.subs-carousel-list-desc{
  height: 120px;
  font-size: 16px;
  font-weight: 600;
}


/* issue list */
.issue-list-item-container{
  height: auto;
  width: 100%;
  margin: 0 0 60px 0;
}
.issue-list-image{
  width: auto;
}

.issue-list-info{
  margin-top:5px;
}
.issue-list-desc{
  font-weight: bold;
  height: 45px;
  font-size:16px;
  color: #000000;
  overflow: hidden;
}

.av-list-info{
  margin-top:5px;
  height: 30px;
  width: 140px;
}

/* SUBSCRIPTION PAGE */
.sub-image{
  float:left;
  width:50%;
}
.sub-html{
  float:left;
  width:50%;
}
#subscription-image-main{
  width: 100%;
  background-color: #fff;
  margin-bottom: 20px;
  overflow: auto;
}
.subscription-notes{
  margin:0 20px 0 10px;
}
#subscription-image-pub{
  height: 60px;
  width: 160px;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
}
#subscription-image-pub-note{
  height: 60px;
  width: 100px;
  background-color: #fff;
  margin-left: 10px;
  margin-top:5px;
  font-size:14px;
  float:left;
}
#subscription-offers{
  border: solid 2pt #800000;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 5px;
}
#subscription-latest-issue{
  border: solid 2pt #800000;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 5px;
  margin: 0 auto;
  width:160px;
  height:270px;
}
.sub-offers-heading{
  font-size:16px;
  margin-bottom:15px;
  font-weight:bold;
}
#sub-offers{
}
#sub-offers-details{
  background-color:#f2f2f2;
  padding:15px 20px 20px 20px;
  overflow:hidden;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  margin-top: -5px;
}
.subadd-section{
  background-color:#f2f2f2;
  padding:5px 20px 20px 20px;
  overflow:hidden;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.sub-heading2{
    padding:15px;
}
.sub-sub-heading3{
    padding-bottom:10px;
}
.sub-type-checked{
  text-align:center;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-top: solid 1px #ccc;
  background-color:#f2f2f2;
}
.sub-type-unchecked{
    text-align:center;
    background-color:#fff;
    border-bottom: solid 1px #ccc;
}
a.change-type{
  width:100%;
  font-size:20px;
  font-weight:400;
}
.bg-subtype{
  width:100%;
  height: 50px;
}
/*
#print-sub-select{
  width:100%;
  background-image: url('images/5x50.png');
  background-repeat: repeat-x;
}
*/
#print-text-2{
  position:absolute;
  left: 40%;
  top: 10px;
}
#digital-text-2{
  position:absolute;
  left: 40%;
  top: 10px;
}
#bundle-text-2{
  position:absolute;
  left: 25%;
  top: 10px;
}
#print-text-3{
  position:absolute;
  left: 40%;
  top: 10px;
}
#digital-text-3{
  position:absolute;
  left: 40%;
  top: 10px;
}
#bundle-text-3{
  position:absolute;
  left: 25%;
  top: 10px;
}


#suboffertext{
  /*background-color: #e2e2e2;*/
  background-color: #fff;
  margin-bottom: 20px;
  overflow: auto;
}
.suboffertext-left{
  float:left;
  padding:5px 0px 5px 4px;
  width:42%;
}
.suboffertext-right{
  float:right;
  text-align:right;
  padding:5px 4px 5px 0;
  width:58%;
}

#sub-offers-list{
  overflow: auto;
}
.offer-title{
  color:#800000;
  font-weight: bold;
}
.offer{
  overflow: auto;
}
.offer-left{
  float:left;
  padding:5px 0px 5px 4px;
  width:75%;
}
.offer-right{
  float:right;
  text-align:right;
  padding:5px 4px 5px 0;
}
.hightlight-text{
  font-weight:bold;
}

.addthis{
  text-align: center;
}
.addthis-title{
  margin-top:10px;
  font-size:14px;
  font-weight:bold;
}
.addthis-text{
  margin-bottom: 10px;
}

ul.pub-notes {list-style-type: disc;}

.digital p
{
  margin: 0 0 1.5em;
  font-family: "Arial";
  font-size: 14px;
  color: #666666;
}

.digital ul
{
  margin: 0 0 10px 0 ;
}
.digital li
{
  display:list-item;
  list-style: disc inside;
  font-family: "Arial";
  font-size: 14px;
  color: #666666;
}

.issue-container{
  width: 140px;
  float: left;
  text-decoration: none;
  margin: 0 10px 10px 10px;
}
.issue-image{
  height: 135px;
  width: 135px;
}
.issue-info{
  padding: 5px 0;
  height: 50px;
  width: 140px;
}
.issue-desc{
  height: 35px;
  overflow: hidden;
  color: #000000;
  font-size:11px;
  font-weight: bold;
  padding: 0 8px;
}
.issue-price{
  height: 15px;
  overflow: hidden;
  color: #800000;
  font-size: 11px;
  font-weight: bold;
  padding: 0 8px;
}

#options{
  border: 1px solid #ccc;
  padding: 10px;
}
.option-title{
  font-size:16px;
  font-weight:600;
  color:#c00000;
  padding-left:15px;
  margin: 10px 0;
}
.option-body{
  font-size:14px;
}




.mobile-image
{
  margin: 10px 0 0 0;
  text-align:center;
}
/* end of subscription*/


/* PRODUCT / ISSUE PAGE */
#product-image-main,#product-single-image-view{
  width:100%;
  background-color: #fff;
  /* margin-left: 5px;*/
}
#product-image-small-container{
  height: 70px;
  width: 300px;
  margin-top: 25px;
  margin-left: 5px;
}
.product-image-small{
  /*
  height: 65px;
  width: 65px;
  margin-right: 6px;*/

  height: 50px;
  width: 50px;
  margin: 0 6px;
  background-color: #fff;
  float: left;
}
.product-title
{
  font-size: 16px;
}
.product-price
{
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin-top:5px;
}
.product-special-offer-price
{
  font-size: 20px;
  font-weight: bold;
  color: #800000;
}
.product-before-offer-price
{
  font-size: 18px;
  font-weight: bold;
  color: #000;
  margin:10px 0;
  text-decoration:line-through;
}

.product-offer-price
{
  font-size: 20px;
  font-weight: bold;
  color: #E82730;
  margin:10px 0;
}

.product-price-smaller
{
  font-size: 12px;
  color: #777777;
  margin-left: 10px;
}
.product-quantity{
  font-size: 18px;
  margin: 5px 5px 10px 0px;
  float: left;
}
.product-issue-quantity
{
  width:110px;
}
.product-button-add{
  margin: 5px 5px 10px 0px;
  float: left;
}
.product-notes
{
  margin: 0px 10px;
}
.product-origianl-price
{
  font-size: 16px;
  color: #800000;
  margin-top:10px;
}

.issue-list-more-info{
  height: 15px;
  font-size: 14px;
  overflow: hidden;
  padding: 3px 8px 0 8px;
}

.issue-notes{
  margin: 10px 5px;
  width:320px;
}
/* end of product / issue page

.promotion-image{
  background:#EEEEEE;
  margin-bottom:20px;
}

.category-row{
  font-size:16px;
  color:#014F27;
  width: 100%;
}

.category{
  margin-bottom:30px;
  font-size:16px;
  color:#014F27;
}

/*
.category{
  width:226px;
  height:125px;
  margin-right:21px;
  margin-bottom:20px;
  font-size:16px;
  color:#014F27;
  float:left;
}

.category-right{
  width:226px;
  height:125px;
  margin-right:0px;
  margin-bottom:20px;
  font-size:16px;
  color:#014F27;
  float:left;
}
*/
.category-image{
  background:#fff;
  font-size:12px;
  color:#gray;
  width:100%;
}


/* publication */
.publication-image{
  height:190px;
  width:160px;
  float:left;
  text-decoration:none;
  margin-right:10px;
}
.publication-bundle-image{
  width:256px;
  height:142px;
  float:left;
  text-decoration:none;
  margin:0 10px 10px 0;
}

.subscriber-benefits-image{
  height:250px;
  float:left;
}
/* buttons */
.button-addtobag{
  float:right;
}


.welcome{
  font-size: 14px;
  font-weight: bold;
  color:#800000;
  margin-left:10px;
  margin-bottom:5px;
}
.processing {
  /*height: 250px;
  width: 130px;*/
  background-color: transparent;
  background: url(../images/processing.gif);
  background-position:  center center;
  background-repeat: no-repeat;
  filter: alpha(opacity=100);
  opacity: 1;
}
.processing * {
  filter: alpha(opacity=60);
  opacity: .8;
}
.dont-display-div{
  height:0px;
  overflow:hidden;
}
.display-div{
  overflow:visible;
  margin-top:10px;
  height:25px;
  text-align: center;
  font-size:20px;
  font-weight:bold;
}


#added,#added-offer{
  width:100%;
  height:auto;
  border:1px solid #800000;
  font-weight:bold;
  padding:10px;
  margin:20px auto;
  text-align:center;
}
#added-offer
{
  height:80px;
}

/* CHECKOUT */

#menu-checkout-stage
{
  /*background: url(progress-bar.jpg) repeat-x left bottom;*/
  width: 20%;
  float: left;
  color: #ff7f7f;
  padding-bottom: 0;
  text-align: center;
  margin-top: 10px;
}
#menu-checkout-stagedone
{
  /*background: url(progress.jpg) repeat-x left bottom;*/
  width: 20%;
  float: left;
  color: #800000;
  padding-top: 10px;
  text-align: center;
}
#menu-checkout-stagedone A
{
  color: #800000;
  text-decoration: none;
}
#menu-checkout-stagedone A:hover
{
  color: #c00000;
  text-decoration: underline;
}

#progress-bar
{
  width: 100%;
  height: 15px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #CCC;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: url(progress-bar.jpg);
  padding: 0;
  margin-top: 15px;
}
#progress, #progress2, #progress3, #progress4, #progress5
{
  width: 20%;
  height: 15px;
  border: 1px solid #CCC;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: url(progress.jpg);
}
#progress2
{
  width: 40%;
}
#progress3
{
  width: 60%;
}
#progress4
{
  width: 80%;
}
#progress5
{
  width: 100%;
}

.listing_container
{
    width: 170px;
    height: 240px;
    float:left;   /* <--- this will make the items float */
    border-width:1px;
  border-style:solid;
  border-color:#7db4d4;
  margin: 3px;
  padding: 3px;
  overflow: hidden;
}

/* FORM */
.row{
  margin: 5px 0;
}
FORM.std LABEL, FORM.std p span{
  color: #272727;
  padding-left: 5px;
  padding-top: 0px;
  float: left;
  width: 100%;
  text-align: left;
  font-size: 14px;
  font-weight:normal
}
FORM.std SPAN.required{
  color: #FF0000;
  float:none;
}

FORM.std LABEL{
  clear:both;
  padding-right: 5px;
}
FORM.std .errorMessage{
  color: #FF0000;
  font-size: 0.9em;
}
FORM.std .errorSummary P{
  margin: 0;
  padding: 5px;
}
FORM.std .errorSummary{
  border: 2px solid #C00;
  padding: 3px 7px;
  margin: 0 0 10px;
  background: #FEE;
  font-size: 0.9em;
}
FORM.std .errorSummary UL{
  margin: 0;
  padding: 0 0 0 5px;
}
FORM.std .errorSummary LI{
  padding: 0;
}
/*keeps checkbox + label inline*/
FORM.std INPUT[type=checkbox]+LABEL{
  display: inline !important;
}

form.std .input-checkbox2 {
  vertical-align: bottom;
  float: none;
}

form.std .checkbox-label2 {
  float: none;
  vertical-align: middle;
}

form.std .input-text, form.std .input-text-postcode, form.std .input-text2{
  height:21px;
  font-size:12px;
  color:#000;
  font-weight:normal;
  padding-left: 5px;
  width: 230px;
}
form.std .select-text{
  height:24px;
  font-size:14px;
  color:#272727;
  font-weight:normal;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
form.std .input-text-postcode{
  width: 100px;
}
form.std .input-text2{
  width:165px;
}
form.std .label-promotion{
  padding-top: 2px;
  font-size: 14px;
  color: #000;
}
form.std .input-text-promotion{
  width: 100%;
}

.login-form{
  width:100%;
  margin:20px 0 0 0;
}

.rememberMe input[type=checkbox]
{
  margin-top:1px;
  /*margin-left:5000px;*/
}

.billing-note
{
  float:left;
  color:red;
  font-size:11px;
  margin-left:20px;
}

.special_heading{
  background: url(../images/cmlogo75x37.gif) no-repeat left 11px;
  font-size:24px;
  background-color: #8B0405;
  width:99%;
  height:60px;
  border:3px solid #E82730;
  color:#fff;
  text-align:center;
}

.special_banner{
  background-color: #fff;
  width:620px;
  height:80px;
  margin:0 auto;
}

.reduced{
  color:#E82730;
  font-size: 10px;
  font-weight: bold;
  overflow: hidden;
  padding: 0 8px;
}

/*
#create-account-form{
  float:left;
  height:auto;
  margin:0 10px 20px;
  width:45%;
  background:#fff;
  padding:10px;
}

#login-account-form{
  float:left;
  height:auto;
  margin:0 10px 20px;
  width:45%;
  background:#fff;
  padding:10px;

}

#delivery-addresses{
  float:left;
  height:auto;
  margin:0 10px 20px;
  width:60%;
  background:#fff;
  padding:10px;
}
*/
#delivery-options{
  float:left;
  height:auto;
  margin:0 10px 20px;
  width:25%;
  background:#fff;
  padding:10px;
}

#delivery-addresses-list{
  float:left;
  height:auto;
  margin:0 10px 20px;
  width:25%;
  background:#fff;
  padding:10px;
}

#basket-review{
  float:left;
  height:auto;
  margin:0 10px 20px;
  width:60%;
  background:#fff;
  padding:10px;
}

#payment-form-DD {
  background: #fff;
  border: 2px solid #800000;
  margin-bottom: 20px;
  width: 100%;
  height: auto;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
}

#payment-form
{
  background: #422D0E url('../images/aluminium.jpg') repeat scroll 0 0;
  border: 2px solid #800000;
  /*clear: both;*/
  margin-bottom: 20px;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
}

#payment-form-text
{
  float:left;
  background:#fff;
  margin:0 10px 20px;
  width:40%;
  height:auto;
  padding:10px;
}

#member-form{
  float:left;
  height:auto;
  margin:0 10px 20px;
  width:50%;
  background:#fff;
  padding:30px;

}

#member-form-right{
  float:left;
  height:auto;
  margin:0 10px 10px;
  width:35%;
  background:#fff;
  padding:10px;
}

#order-confirmation{
  float:left;
  height:auto;
  margin:0 10px 20px;
  width:40%;
  background:#fff;
  padding:10px;
}

table.basket-view{
  background-color:#fff;
  width:99%;
}

table.delivery-list{
  width:250px;
  margin-left:0;
}

table.basket-view td{
  background-color:#fff;
  border-top-width: 3px;
  padding: 4px;
  border-style:solid;
  border-color:#fff;

}
.basket-full-text-display
{
  display:none;
}


.button-large{
  height:35px;
  font-size:16px;
}
.button-checkout{
  height:35px;
  font-size:16px;
}
.button-checkout-right{
  float:right;
  margin-bottom:15px;
}

.horizontal-line{
  background-color:#800000;
  height:4px;
}

.button-rectangle{
  background-color:#05692B;
  color:#fff;
  float:right;
  font-size:9px;
  border:0px;
  padding:1px 2px;
  margin-bottom:3px;
}

.button-bag{
  width:120px;
}

/* MY ACCOUNT */
/*customer*/
.my-account
{
  font-size: 16px;
  font-weight: bold;
  color: #800000;
}
.my-account HR
{
  margin-bottom: 10px;
  margin-top: 10px;
}

#subs-list th
{
  color: #666;
  font-size:14px;
  font-weight:bold;
  text-align:center;
  border-bottom:1px solid #666;
  background: #eeeeee;
  padding: 4px 10px 4px 5px;
}
#subs-list td
{
  color: #666;
  font-size:14px;
  font-weight:normal;
  text-align:center;
  border-bottom:1px solid #666;
  padding: 4px 10px 4px 5px;
}
#subs-list2 td
{
  color: #666;
  font-size:14px;
  font-weight:normal;
  text-align:center;
  padding: 4px 10px 4px 5px;
}

#subs-list3 td
{
  color: #666;
  font-size:14px;
  font-weight:normal;
  text-align:left;
  border-bottom:1px solid #666;
  padding: 4px 10px 4px 5px;
}

#my-account-manage-subs-expanded, #my-account-personal-info-expanded, #my-account-contact-details-expanded, #my-account-payment-details-expanded, #my-account-keeping-expanded, #my-account-newsletter-expanded, #my-account-password-expanded
{
  /*display:none;*/
  font-size: 14px;
  font-weight: normal;
  color: #666666;
  margin-bottom: 20px
}
#email-us-form-view{
  display:none;
  margin-top:30px;
  margin-bottom:30px;
}

/* TABLE */
TABLE{
  width:98%;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}


#cvv2-what-is-this{
  display:none;
  margin-left:5px;
}

.subscription-select-gift
{
  width:40%;
  height:auto;
  background:#DAE9DF;
  padding:10px;
  margin:auto;
  margin-top:50px;
}

.test-site{
  color:red;
  font-size:16px;
  font-weight:700;
}

#newsletter
{
  background: #000 url(../images/header/email.gif) no-repeat bottom right;
  float: left;
  margin-bottom: 13px;
}
#newsletter A
{
  display: block;
  font-size: 0.923em;
  font-weight: bold;
  height: 37px;
  line-height: 1em;
  padding: 5px 5px 0;
  width: 86px;
}

.headerBottomWrapper, .headerTopWrapper
{
  padding: 0 20px;
}
.headerBottomWrapper
{
  background: url(../images/header/strapline.gif) no-repeat bottom right;
}
#header A
{
  color: #FFF;
}
#header A:hover
{
  text-decoration: none;
}
#header SPAN
{
  color: #FEBE03;
  display: block;
  font-size: 1em;
  font-family: georgia, serif;
  font-style: italic;
  font-weight: normal;
  line-height: 1.083em;
}
#header .panel
{
  background-color: #000;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 5px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 5px rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.75), 0 2px 5px rgba(0, 0, 0, 0.75);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.headerBottomWrapper
{
  -moz-box-shadow: inset 0 -6px 10px -8px rgba(0, 0, 0, 1);
  -webkit-box-shadow: inset 0 -6px 10px -8px rgba(0, 0, 0, 1);
  box-shadow: inset 0 -6px 10px -8px rgba(0, 0, 0, 1);
}
.headerTopWrapper
{
  margin-bottom: 15px;
}
#leaderboard
{
  float: left;
  height: 90px;
  margin-right: 10px;
  width: 728px;
}
#membersArea
{
  float: left;
  margin-right: 10px;
  padding: 5px 5px 1px;
  width: 86px;
}
#membersArea .button
{
  display: block;
  padding: 0;
  margin-bottom: 4px;
}
#membersArea P
{
  font-size: 0.923em;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 13px;
}

#single-order-view
{
  display:block;
}
#single-order-hide
{
  display:none;
}

.alert-error {
  width:400px;
  padding:5px 20px;
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

#cookie-law-info-bar {
  border: 0;
  font-size: 10pt;
  margin: 0 auto;
  padding: 5px 0;
  text-align: center;
  width: 100%;
  z-index: 9999;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.alpha{
  padding-left:0;
  margin-bottom: 20px;
}
.beta{
  padding-left:0;
  padding-right:0;
}
.gamma{
  padding-left:10px;
  padding-right:10px;
}
.omega{
  padding-right:0;
}
.delta{
  padding-left:0px;
  padding-right:0px;
}


.alpha2{
  padding-left:0;
  padding-right:20px;
  margin-left:0;
  margin-right:0;
  margin-bottom: 10px;
}
.beta2{
  padding-left:10px;
  padding-right:10px;
  margin-left:0;
  margin-right:0;
  margin-bottom: 10px;
}
.omega2{
  padding-left:20px;
  padding-right:0;
  margin-left:0;
  margin-right:0;
  margin-bottom: 10px;
}
.delta2{
  padding-left:0px;
  padding-right:0px;
  margin-bottom: 10px;
}

.alpha3{
  padding-left:0;
  padding-right:30px;
  margin-left:0;
  margin-right:0;
}
.beta3{
  padding-left:5px;
  padding-right:25px;
  margin-left:0;
  margin-right:0;
}
.gamma3{
  padding-left:10px;
  padding-right:20px;
  margin-left:0;
  margin-right:0;
}
.omega3{
  padding-left:15px;
  padding-right:15px;
  margin-left:0;
  margin-right:0;
}

.alpha4{
  padding-left:0;
  padding-right:15px;
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
}
.omega4{
  padding-left:0;
  padding-right:15px;
  margin-left:0;
  margin-right:0;
}


/* CLASS FROM STATIC PAGES */
.sectiontitle a:link, .sectiontitle a:visited
{
  color: #c00000;
  text-decoration: none;
  font-weight: 200;
}
.sectiontitle a:hover, .sectiontitle a:active
{
  color: #333;
}

.sectiontitle {
  border-top: #ccc 1px solid;
  padding-top: 10px;
  font-size: 32px;
  padding-left: 40px;
}

.jumpmenu {
  margin: 0px 0px 0px 40px;
  width:100%;
}

.subgift1{
  width: 60%;
  float: left;
}
.subgift2{
  width: 40%;
  float: left;
}

#row1{
  margin: 10px 0;
}
#centralMainBanner{
  width:80%
}

#show-html{
  font-size:12px;
}

.errorMessage{
  color: #FF0000;
}

.subtype{
  overflow: hidden;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom:20px;
}
.sub-section-left{
  width: 22%;
  float:left;
  padding-left: 10px;
  padding-right: 20px;
}
.sub-section-right{
  width: 78%;
  float:left;
}
.sub-section{
  width:25%;
  float:left;
  overflow: hidden;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
}
.subtype-heading, .subtype-subheading{
  font-size: 56px;
  text-align: center;
  color: #000;
}
.subtype-subheading{
  font-size:18px;
}
.sub-free-gift{
  margin: 0 auto;
  width: 46%;
}
.sub-no-gift{
  margin: 0 auto;
  height: 93px;
}
.left-subs{
  background-color: #DADADC;
  border-radius: 8px;
  padding: 10px;
  margin-top: 30px;
}

.best-value{
  height:30px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size:18px;
  font-weight: 100;
  text-align: center;
  background-color: #9E0103;
  color: #fff;
  padding-top:5px;
}
.best-value2{
  height:30px;
}
.b-bundle-sub{
  padding:20px 15px;
  background-color: #daf1ae;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.d-bundle-sub{
  padding:20px 15px;
  background-color: #f2ecc4;
  border-radius: 8px;
}
.print-sub{
  padding:20px 15px;
  background-color: #c7c9e4;
  border-radius: 8px;
}
.digital-sub{
  padding:20px 15px;
  background-color: #c3e0e8;
  border-radius: 8px;
}

.b-bundle-sub2{
  padding:20px 15px;
  background-color: #daf1ae;
  border-radius: 8px;
}
.d-bundle-sub2{
  padding:20px 15px;
  background-color: #f2ecc4;
  border-radius: 8px;
}
.print-sub2{
  padding:20px 15px;
  background-color: #c7c9e4;
  border-radius: 8px;
}
.digital-sub2{
  padding:20px 15px;
  background-color: #c3e0e8;
  border-radius: 8px;
}

.subtype{
  overflow: hidden;
  position: relative;
  margin: 0 0 30px 0;
}
.subtype-title{
  background-color:transparent;
  color:#fff;
  font-size:24px;
  font-weight:bold;
}
.subtype-image{
  background-color:transparent;
  margin:10px 0;
  text-align:center;
  height:auto;
}
.subtype-desc{
  background-color:transparent;
  padding:10px;
  min-height:100px;
  line-height:150%;
}
.order-now{
  background-color:transparent;
  margin:2px 0;
  padding:3px 10px;
}
.subtype-title, .subtype-price{
  color:#6D6252;
  font-size:32px;
  font-weight: 100;
  text-align: center;
}
.subtype-title2{
  color:#6D6252;
  font-size:16px;
  font-weight: 100;
  text-align: center;
}
.subtype-subtitle{
  color:#6D6252;
  font-size:16px;
  font-weight: 100;
  text-align: center;
  height: 44px;
}

.subtype-desc{
  color:#6D6252;
  font-size:20px;
  font-weight: 100;
  text-align: center;
  margin-bottom: 20px;
  height: 110px;
}
.subtype-desc2{
  font-size:20px;
}

.print-avail, .digital-avail, .backissue-avail,.archive-avail, .seeds-avail{
  padding: 10px 0;
  text-align:center;
}
.print-avail, .digital-avail, .backissue-avail, .seeds-avail{
  border-bottom:solid 2px #fff;
}
.order-now{
  margin:40px 0 10px 0;
  text-align:center;
}
.btn-bundle, .btn-digitalplus, .btn-print, .btn-digital{
  color:#fff;
  text-transform: uppercase;
  font-size:18px;
  font-weight: 100;
  background-color: #FDB247;
  padding: 10px 30px;
  border-radius: 8px;
}

.btn-digitalplus{
  background-color: #70BFCD;
}
.btn-print{
  background-color: #F26465;
}
.btn-digital{
  background-color: #5E5265;
}

.subs-large-screen{
  display:block;
}


.paypal-button-container {
    width: 100%;
    margin: 0 auto;
}

.paypal-checkout {
    text-align: center;
    padding: 50px 50px;
}

.paypal-checkout-section {
    background-color: #fff;
    text-align: center;
}



/* subscription view*/
@media screen and (min-width:0px) and (max-width: 800px){
  .subs-large-screen {display: none;}
  .sub-section-left{
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media screen and (min-width: 801px){
  .subs-small-screen {display: none;}
}

/* BUTTON */
.button {min-width: 120px; display:inline-block; height:36px; margin:0; padding:0 15px; font-size:18px; line-height:32px; text-decoration:none!important; border:2px solid; transition:all 0.3s ease !important;}
button.button {box-sizing:content-box;}

.button.btn-red {color:#FFF !important; background-color:#a00000;height:36px;line-height:32px;font-size:14px;}
.button.btn-red:hover,
.button.btn-red:active,
.button.btn-red:focus {background-color:#d00000;}

.button.btn-black {color:#fff !important; background-color:#212121; height:36px;line-height:32px;font-size:14px;}
.button.btn-black:hover,
.button.btn-black:active,
.button.btn-black:focus {color:#FFF !important; background-color:#666;}

.button.btn-blue {color:#fff !important; background-color:#1487dc; height:36px;line-height:32px;font-size:14px;}
.button.btn-blue:hover,
.button.btn-blue:active,
.button.btn-blue:focus {color:#FFF !important; background-color:#2195eb;}

.button.btn-green {color:#fff !important; background-color:#548710; height:36px;line-height:32px;font-size:14px;}
.button.btn-green:hover,
.button.btn-green:active,
.button.btn-green:focus {color:#FFF !important; background-color:#5f9812;}

.button.btn-gray {color:#fff !important; background-color:#999; height:36px;line-height:32px;font-size:14px;}
.button.btn-gray:hover,
.button.btn-gray:active,
.button.btn-gray:focus {color:#FFF !important; background-color:#aaa;}

.button.btn-red.lg, .button.btn-black.lg,.button.btn-red.lg.fd, .button.btn-black.lg.fd{
    font-size:18px;
    height:40px;
    line-height:36px;
}

.button.btn-black.sm, .button.btn-blue.sm, .button.btn-green.sm, .button.btn-red.sm {
  min-width:80px;
  font-size: 12px;
  height: 24px;
  padding: 0px 10px;
  line-height: 21px;
}



/* END OF CLASS FROM STATIC PAGES */


.col-input-1, .col-input-2, .col-input-3, .col-input-4, .col-input-5, .col-input-6, .col-input-7, .col-input-8, .col-input-9, .col-input-10, .col-input-11, .col-input-12 {
  float: left;
}

.col-input-9 {
  width: 75%;
}
.col-input-8 {
  width: 66.66666667%;
}
.col-input-7 {
  width: 58.33333333%;
}
.col-input-6 {
  width: 50%;
}
.col-input-5 {
  width: 41.66666667%;
}
.col-input-4 {
  width: 33.33333333%;
}
.col-input-3 {
  width: 25%;
}

#portlet-left{
  display:block;
}
#portlet-right{
  display:none;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0;
    line-height: normal;
    vertical-align: middle;
}


@media only screen and (min-width: 40.063em){
  .logo {
    /*padding: 20px 0 0 0;*/
  }
}
@media only screen and (max-width: 1024px){
  .menu-left{
    width:100%;
    float:right;
  }
  .search {
  }
}
@media only screen and (max-width: 1199px){
  .list-image, .magazine-list-image{
    width: 200px;
    height: 200px;
    text-align: center;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 319px) {
  .list-desc{
    height: 90px;
  }
  .checkout-preference{
    display:block;
  }
}

@media only screen and (max-width: 479px) {
  .col-input-1, .col-input-2, .col-input-3, .col-input-4, .col-input-5, .col-input-6, .col-input-7, .col-input-8, .col-input-9, .col-input-10, .col-input-11, .col-input-12 {
    float: left;
  }

  .col-input-9 {
    width: 100%;
  }
  .col-input-8 {
    width: 100%;
  }
  .col-input-7 {
    width: 100%;
  }
  .col-input-6 {
    width: 100%;
  }
  .col-input-5 {
    width: 100%;
  }
  .col-input-4 {
    width: 100%;
  }
  .col-input-3 {
    width: 100%;
  }
  .col-input-2 {
    width: 100%;
  }

  .col-list-3, .col-list-4 {
    width: 100%;
  }

  #product-image-small-container{
    width:100%;
    margin-top:10px;
    margin-bottom:20px;
  }
  .yiiTab ul.tabs li{
    width: 32%;
  }
  .subtype{
    width: 100%;
    margin-right: 0;
  }
  .category-image{
    width:226px;
    height:100px;
  }
  .button-checkout{
    margin-bottom:15px;
  }
  .button-checkout-right{
    float:none;
    margin-bottom:15px;
  }
  .button-return{
    padding-left:0;
    padding-right:0;
    float:left;
  }
  .button-continue{
    padding-left:0;
    padding-right:0;
    float:right;
  }

  .input-text{
    width:98% !important;
  }
  .alpha{
    padding-left:10px;
    padding-right:10px;
    margin-bottom: 30px;
  }
  .beta{
    padding-left:0;
    padding-right:0;
  }
  .gamma{
    padding-left:10px;
    padding-right:10px;
    margin-bottom: 30px;
  }
  .omega{
    padding-left:10px;
    padding-right:10px;
    margin-bottom: 30px;
  }

  .has-form{
    width:100%;
  }
  .toolbar{
    display:none;
  }
  #portlet-left{
    display:none;
  }
  #portlet-right{
    display:block;
  }

  .sub-image{
    float:left;
    width:100%;
  }
  .sub-html{
    float:left;
    width:100%;
  }

  #blockContainer {
    display: -webkit-box;
    display: -moz-box;
    display: box;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
  }
  #block1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
  }
  #block2 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
  }
  #block3 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
  }
  #block4 {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    box-ordinal-group: 4;
  }
  #block5 {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    box-ordinal-group: 5;
  }
  #block6 {
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    box-ordinal-group: 7;
  }
  #block7 {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    box-ordinal-group: 7;
  }
  #block8 {
    -webkit-box-ordinal-group: 8;
    -moz-box-ordinal-group: 8;
    box-ordinal-group: 8;
  }
  #block9 {
    -webkit-box-ordinal-group: 9;
    -moz-box-ordinal-group: 9;
    box-ordinal-group: 9;
  }
  #block10 {
    -webkit-box-ordinal-group: 10;
    -moz-box-ordinal-group: 10;
    box-ordinal-group: 10;
  }

  #blockContainer2 {
    display: -webkit-box;
    display: -moz-box;
    display: box;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
  }
  #block2-1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
  }
  #block2-2 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
  }

  #most-popular{
    display:none;
  }
  .advertisement{
    display:none;
  }
  .zocial.button-blue-promotion{
    margin-top:10px;
    margin-left:0;
  }

  #header-basket{
    width: 52%;
    float:right;
  }
  #basket{
    display: none;
  }
  .header-btn-basket{
    display: none;
  }
  .header-btn-checkout{
    float: none !important;
    text-align:center;
  }
  .front-page-list-image{
    width: 30%;
  }
  .front-page-list-item{
    width: 70%;
  }
  #show-html{
    /*display:none;*/
  }
  .portlet-content-advert, .portlet-content-advert-left{
    max-width: 150px;
    margin: 10px auto;
  }
  .free-delivery{
    max-width: 150px;
    margin: 10px auto;
  }
  .myaccount-show{
    width:100%;
  }

  .magbox0, .magbox {
    width: 50%;
  }
  .sectiontitle {
    font-size: 24px;
    padding-left: 0;
  }
  .jumpmenu {
    margin: 0px;
  }
  .subgift1{
    width: 100%;
    float: left;
  }
  .subgift2{
    width: 100%;
    float: left;
  }
  #centralMainBanner{
    width:100%
  }
  #user-survey_heading{
    font-size:13px;
  }
  .left-subs{
    width: 100%;
  }
  .b-bundle-sub{
    background-image: url('../images/subscriptions/b-bundle-arrow.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 16px 30px;
    border-radius: 8px;
    min-height:870px;
  }
  .d-bundle-sub{
    background-image: url('../images/subscriptions/d-bundle-arrow.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 16px 30px;
    border-radius: 8px;
  }
  .print-sub{
    background-image: url('../images/subscriptions/print-arrow.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 16px 30px;
    border-radius: 8px;
  }
  .digital-sub{
    background-image: url('../images/subscriptions/digital-arrow.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 16px 30px;
    border-radius: 8px;
  }
  .b-bundle-sub2{
    background-image: url('../images/subscriptions/b-bundle-arrow.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 16px 30px;
    border-radius: 8px;
    min-height:870px;
  }
  .d-bundle-sub2{
    background-image: url('../images/subscriptions/d-bundle-arrow.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 16px 30px;
    border-radius: 8px;
    min-height:870px;
 }
  .print-sub2{
    background-image: url('../images/subscriptions/print-arrow.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 16px 30px;
    border-radius: 8px;
    min-height:870px;
  }
  .digital-sub2{
    background-image: url('../images/subscriptions/digital-arrow.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 16px 30px;
    border-radius: 8px;
    min-height:870px;
  }
  .sub-section-left-image {
    text-align: center;
    width: 100%;
  }
  .sub-free-gift{
    margin: 0 auto;
    width: 100%;
  }
  .sub-no-gift{
    height:0px;
  }
  .subtype-heading{
    font-size:30px;
  }
  .popup{
    width:280px;
  }
  #search{
    height: 40px;
    padding: 0 2px;
  }
  .search-box {
    width: 88%;
    height: 32px;
    font-weight: 700;
    padding: 0 5px;
  }
  .info-text{
    display:none;
  }
  .search-box{
    font-size:14px;
  }
  .search-icon{
    width:52px;
  }
  .publication-list-item-container{
    float: none;
    margin: 0 auto 30px 0;
  }
  .product-list-item-container{
  }
  .issue-list-item-container{
  }
  #logo{
    width:150px;
  }
  .logo-mmg{
    width:140px;
  }
  .btn-search{
    margin: -2px -4px 0 0;
  }
  #banner {
    float: right;
    margin: 20px 0;
    overflow: auto;
  }
  .issue-carousel-list-desc{
    height: 60px;
    line-height:110%;
  }
  .offer-list-desc{
    line-height: 110%;
    height: 75px;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    overflow: hidden;
  }
  .offer-list-notes {
    line-height: 110%;
    height: 90px;
    margin-top: 10px;
    font-size: 14px;
    padding: 0;
    overflow: hidden;
  }
  .delta-xs{
    padding-left: 10px;
    padding-right: 0;
  }
  .show-carousel-item-container{
    padding: 0;;
  }
  .show-list-image{
    width: 200px;
    height: auto;
    text-align: center;
    margin: 0 auto;
  }
  a.change-type {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
  }
  .button.btn-red.redeem{
    margin-top:10px;
  }
  .button-return, .button-continue{
    padding: 0 5px;
  }
  .subs-carousel-list-desc{
    height: 150px;
  }

  .list-view .sorter{
    padding-left:10px;
  }
  .list-view .pager{
    padding-left:10px;
    clear: both;
    float:left;
  }
  .checkout-login{
    padding:10px;
  }

  .bs-list-desc{
    height: 90px;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
  }
  .bs-list-notes {
    height: 105px;
    margin-top: 10px;
    font-size: 14px;
    overflow: hidden;
    padding: 0;
  }
  .list-image{
    margin-bottom:10px;
    height:auto;
  }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 479px) {
  .search-box {
      width: 80%;
      height: 32px;
      font-weight: 700;
      padding: 0 5px;
  }
  .delta-xs{
    padding-left: 40px;
    padding-right: 0;
  }
}

@media only screen and (min-width: 480px) and (max-width: 599px) {
  .col-input-1, .col-input-2, .col-input-3, .col-input-4, .col-input-5, .col-input-6, .col-input-7, .col-input-8, .col-input-9, .col-input-10, .col-input-11, .col-input-12 {
    float: left;
  }

  .col-input-9 {
    width: 75%;
  }
  .col-input-8 {
    width: 66.66666667%;
  }
  .col-input-7 {
    width: 58.33333333%;
  }
  .col-input-6 {
    width: 50%;
  }
  .col-input-5 {
    width: 41.66666667%;
  }
  .col-input-4 {
    width: 33.33333333%;
  }
  .col-input-3 {
    width: 25%;
  }
  .col-input-2 {
    width: 16.66666667%;
  }

  .col-list-3 {
    width: 50%;
    float: left;
  }
  .col-list-4 {
    width: 50%;
    float:left;
  }

  .yiiTab ul.tabs li{
    width: 32%;
  }

  #product-image-small-container{
    width:100%;
    margin-top:10px;
    margin-bottom:20px;
  }
  .button-return{
    padding-left:0;
    padding-right:0;
    float:left;
  }
  .button-continue{
    padding-left:0;
    padding-right:0;
    float:right;
  }

  .input-text{
    width:98% !important;
  }

  .has-form{
    width:100%;
  }
  .toolbar{
    /*min-height:75px;*/
    display:none;
  }
  #portlet-left{
    display:none;
  }
  #portlet-right{
    display:block;
  }
  #blockContainer {
    display: -webkit-box;
    display: -moz-box;
    display: box;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
  }
  #block1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
  }
  #block2 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
  }
  #block3 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
  }
  #block4 {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    box-ordinal-group: 4;
  }
  #block5 {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    box-ordinal-group: 5;
  }
  #block6 {
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    box-ordinal-group: 7;
  }
  #block7 {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    box-ordinal-group: 7;
  }
  #block8 {
    -webkit-box-ordinal-group: 8;
    -moz-box-ordinal-group: 8;
    box-ordinal-group: 8;
  }
  #block9 {
    -webkit-box-ordinal-group: 9;
    -moz-box-ordinal-group: 9;
    box-ordinal-group: 9;
  }
  #block10 {
    -webkit-box-ordinal-group: 10;
    -moz-box-ordinal-group: 10;
    box-ordinal-group: 10;
  }

  .subtype-desc{
    min-height: 100px;
  }

  #most-popular{
    display:none;
  }
  .advertisement{
    display:none;
  }
  .zocial.button-blue-promotion{
    margin-top:-2px;
    margin-left:10px;
  }

  .alpha{
    padding-left:10px;
    padding-right:10px;
    margin-bottom: 30px;
  }
  .beta{
    padding-left:0;
    padding-right:0;
  }
  .gamma{
    padding-left:10px;
    padding-right:10px;
    margin-bottom: 30px;
  }
  .omega{
    padding-left:10px;
    padding-right:10px;
    margin-bottom: 30px;
  }
  #header-basket{
    width: 210px;
    float:right;
  }
  #basket{
    display: none;
  }
  .front-page-list-image{
    width: 30%;
  }
  .front-page-list-item{
    width: 70%;
  }
  #show-html{
    /*display:none;*/
  }
  .portlet-content-advert, .portlet-content-advert-left, .free-delivery{
    float:left;
    max-width: 150px;
    margin: 10px 35px;
  }
  .myaccount-show{
    width:100%;
  }

  .magbox0, .magbox {
    width: 50%;
    height: auto;
  }
  .sectiontitle {
    font-size: 24px;
    padding-left: 0;
  }
  .jumpmenu {
    margin: 0px;
  }
  .subgift1{
    width: 100%;
    float: left;
  }
  .subgift2{
    width: 100%;
    float: left;
  }
  #centralMainBanner{
    width:100%
  }
  .left-subs{
    width: 75%;
    margin: 0 auto;
  }
  .b-bundle-sub{
    background-image: url('../images/subscriptions/b-bundle-arrow.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 11px 20px;
    border-radius: 8px;
  }
  .d-bundle-sub{
    background-image: url('../images/subscriptions/d-bundle-arrow.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 11px 20px;
    border-radius: 8px;
  }
  .print-sub{
    background-image: url('../images/subscriptions/print-arrow.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 11px 20px;
    border-radius: 8px;
  }
  .digital-sub{
    background-image: url('../images/subscriptions/digital-arrow.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 11px 20px;
    border-radius: 8px;
  }
  .sub-section-left-image {
    text-align: center;
    width: 100%;
  }
  .sub-free-gift{
    margin: 0 auto;
    width: 100%;
  }
  .sub-no-gift{
    height:0px;
  }
  .popup{
    width:440px;
  }
  #search{
    height: 40px;
    padding: 0 2px;
  }
  .search-box {
    width: 92%;
    height: 32px;
    font-weight: 700;
    padding: 0 5px;
  }
  .info-text{
    display:none;
  }
  .search-box{
    font-size:16px;
  }
  .search-icon{
    width:52px;
  }
  .publication-list-item-container{
  }
  .product-list-item-container{
  }
  .issue-list-item-container{
  }
  .btn-search{
    margin: -4px -4px 0 0;
  }
  #banner {
    float: right;
    margin: 45px 0;
    overflow: auto;
  }
  .issue-carousel-list-desc{
    height: 50px;
    line-height:120%;
  }
  .offer-list-desc{
    line-height: 110%;
    height: 85px;
    font-size: 16px;
    font-weight: bold;
    padding: 0 20px;
    overflow: hidden;
  }
  .offer-list-notes {
    line-height: 110%;
    height: 90px;
    margin-top: 10px;
    font-size: 14px;
    padding: 0 20px;
    overflow: hidden;
  }
  a.change-type {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
  }
  .button-return, .button-continue{
    padding: 0 5px;
  }
  .subs-carousel-list-desc{
    height: 130px;
  }
  .list-view .sorter{
    margin-left:10px ;
  }
  .show-list-image{
    width: 200px;
    height: auto;
    text-align: center;
    margin: 0 auto;
  }
  .checkout-login{
    padding:10px;
  }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
  .col-input-1, .col-input-2, .col-input-3, .col-input-4, .col-input-5, .col-input-6, .col-input-7, .col-input-8, .col-input-9, .col-input-10, .col-input-11, .col-input-12 {
    float: left;
  }

  .col-input-9 {
    width: 75%;
  }
  .col-input-8 {
    width: 66.66666667%;
  }
  .col-input-7 {
    width: 58.33333333%;
  }
  .col-input-6 {
    width: 50%;
  }
  .col-input-5 {
    width: 41.66666667%;
  }
  .col-input-4 {
    width: 33.33333333%;
  }
  .col-input-3 {
    width: 25%;
  }
  .col-input-2 {
    width: 16.66666667%;
  }
  .col-list-2 {
    float:left;
    width: 33.33333333%;
  }
  .col-list-3 {
    float:left;
    width: 50%;
  }
  .col-list-4 {
    float:left;
    width: 50%;
  }

  .yiiTab ul.tabs li{
    width: 32%;
  }

  #product-image-small-container{
    width:100%;
    margin-top:10px;
    margin-bottom:20px;
  }
  .button-return{
    padding-left:0;
    padding-right:0;
    float:left;
  }
  .button-continue{
    padding-left:0;
    padding-right:0;
    float:right;
  }
  #blockContainer {
    display: -webkit-box;
    display: -moz-box;
    display: box;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
  }
  #block1 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
  }
  #block2 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
  }
  #block3 {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
  }
  #block4 {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    box-ordinal-group: 4;
  }
  #block5 {
    -webkit-box-ordinal-group: 5;
    -moz-box-ordinal-group: 5;
    box-ordinal-group: 5;
  }
  #block6 {
    -webkit-box-ordinal-group: 6;
    -moz-box-ordinal-group: 6;
    box-ordinal-group: 7;
  }
  #block7 {
    -webkit-box-ordinal-group: 7;
    -moz-box-ordinal-group: 7;
    box-ordinal-group: 7;
  }
  #block8 {
    -webkit-box-ordinal-group: 8;
    -moz-box-ordinal-group: 8;
    box-ordinal-group: 8;
  }
  #block9 {
    -webkit-box-ordinal-group: 9;
    -moz-box-ordinal-group: 9;
    box-ordinal-group: 9;
  }
  #block10 {
    -webkit-box-ordinal-group: 10;
    -moz-box-ordinal-group: 10;
    box-ordinal-group: 10;
  }
  .input-text{
    width:98% !important;
  }

  .has-form{
    width:100%;
  }
  .toolbar{
    /*min-height:55px;*/
    display:none;
  }
  #portlet-left{
    display:none;
  }
  #portlet-right{
    display:block;
  }
  .advertisement{
    display:none;
  }
  .zocial.button-blue-promotion{
    margin-top:-2px;
    margin-left:10px;
  }

  .alpha{
    padding-left:5px;
    padding-right:5px;
    margin-bottom: 30px;
  }
  .beta{
    padding-left:0;
    padding-right:0;
  }
  .gamma{
    padding-left:5px;
    padding-right:5px;
    margin-bottom: 30px;
  }
  .omega{
    padding-left:5px;
    padding-right:5px;
    margin-bottom: 30px;
  }

  #header-basket{
    width: 210px;
    float:right;
  }
  #basket{
    display: none;
  }
  .portlet-content-advert, .portlet-content-advert-left{
    float:left;
    max-width: 150px;
    margin: 10px 20px;
  }
  .free-delivery{
    float:left;
    max-width: 150px;
    margin: 10px 65px;
  }
  .magbox0, .magbox {
    width: 50%;
  }

  .left-subs{
    width: 50%;
    margin: 0 auto;
  }
  .b-bundle-sub{
    background-image: url('../images/subscriptions/b-bundle-arrow.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 16px 30px;
    border-radius: 8px;
  }
  .d-bundle-sub{
    background-image: url('../images/subscriptions/d-bundle-arrow.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 16px 30px;
    border-radius: 8px;
  }
  .print-sub{
    background-image: url('../images/subscriptions/print-arrow.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 16px 30px;
    border-radius: 8px;
  }
  .digital-sub{
    background-image: url('../images/subscriptions/digital-arrow.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 16px 30px;
    border-radius: 8px;
  }
  .sub-section-left-image {
    text-align: center;
    width: 100%;
  }
  .sub-free-gift{
    margin: 20px auto 0 auto;
    width: 100%;
  }
  .sub-no-gift{
    height:0px;
  }
  .popup{
    width:580px;
  }
  #search{
    height: 40px;
    padding: 0 2px;
  }
  .search-box {
    width: 92%;
    height: 32px;
    font-weight: 600;
    padding: 0 5px;
  }
  .info-text{
    display:none;
  }
  .search-box{
    font-size:16px;
  }
  .search-icon{
    width:52px;
  }
  .publication-list-item-container{
  }
  .product-list-item-container{
  }
  .issue-list-item-container{
  }
  .btn-search{
    margin: -5px -4px 0 0;
  }
  #banner {
    float: right;
    margin: 45px 0;
    overflow: auto;
  }
  .list-desc{
    height: 90px;
  }
  .checkout-preference{
    display:block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 799px) {
  .col-sublist-3 {
    width: 50%;
    float: left;
  }
  .left-subs{
    width: 40%;
    margin: 0 auto;
  }
  .subtype-title, .subtype-price{
    font-size:36px;
  }
  .subtype-subtitle{
    height:20px;
  }
  .b-bundle-sub{
    background-image: url('../images/subscriptions/b-bundle-arrow.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 16px 30px;
    border-radius: 8px;
  }
  .d-bundle-sub{
    background-image: url('../images/subscriptions/d-bundle-arrow.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 16px 30px;
    border-radius: 8px;
  }
  .print-sub{
    background-image: url('../images/subscriptions/print-arrow.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 16px 30px;
    border-radius: 8px;
  }
  .digital-sub{
    background-image: url('../images/subscriptions/digital-arrow.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 16px 30px;
    border-radius: 8px;
  }
  .sub-section-left-image {
    text-align: center;
    width: 100%;
  }
  .sub-free-gift{
    margin: 20px auto 0 auto;
    width: 100%;
  }
  .sub-no-gift{
    height:0px;
  }
  .popup{
    width:720px;
  }
  #search{
    height: 40px;
    padding: 0 2px;
  }
  .search-box {
    height: 32px;
    font-weight: 600;
    padding: 0 5px;
  }
  .info-text{
    display:none;
  }
  .search-box{
    font-size:16px;
  }
  .search-icon{
    width:52px;
  }
  .publication-list-item-container{
  }
  .product-list-item-container{
  }
  .issue-list-item-container{
  }
  a.change-type {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
  }
}

@media only screen and (min-width: 800px) and (max-width: 1023px) {
  .subtype-subtitle{
    height:20px;
  }
  .b-bundle-sub{
    padding: 20px 10px;
    background-image: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .d-bundle-sub, .print-sub, .digital-sub{
    background-image: none;
    padding: 20px 10px;
  }
  .subtype-title{
    font-size:24px;
  } 
  .subtype-subtitle{
    height: 60px;
    font-size:13px;
  }
  .subtype-price{
    font-size:26px;
  }
  .subtype-desc{
    height:140px;
    margin-bottom:0;
  }
  .subtype-desc2{
    font-size:15px;
  }
  .sub-section-left-image {
    text-align: center;
    height: 295px;
    width: 100%;
    margin-bottom: 20px;
  }
  .current-issue-image{
    width:58%;
  }
  .print-avail-text, .digital-avail-text, .backissue-avail-text{
    border-bottom:solid 2px #fff;
  }
  .print-avail-text, .digital-avail-text, .backissue-avail-text, .archive-avail-text {
    text-align:left;
    color:#000;
    font-size: 12px;
  }
  .print-avail-text{
    padding:10px 0;
  }
  .digital-avail-text{
    padding:1px 0;
  }
  .backissue-avail-text{
    padding:9px 0;
  }
  .archive-avail-text{
    padding:10px 0;
  }
  .print-avail, .digital-avail, .backissue-avail, .archive-avail {
    padding: 16px 0;
    text-align: center;
  }
  .seeds-avail {
    padding: 18px 0;
    text-align: center;
  }
  .sub-free-gift{
    margin: 0 auto;
    width: 58%;
  }
  .sub-no-gift{
    height:55px;
  }
  .order-now{
    padding:0;
  }
  .popup{
    width:720px;
  }
  #search{
    height: 40px;
    padding: 0 2px;
  }
  .search-box {
    height: 32px;
    font-weight: 600;
    padding: 0 5px;
  }
  .info-text{
    display:none;
  }
  .search-box{
    font-size:16px;
  }
  .search-icon{
    width:52px;
  }
  .publication-list-item-container{
  }
  .product-list-item-container{
  }
  .issue-list-item-container{
  }
  a.change-type {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .col-input-1, .col-input-2, .col-input-3, .col-input-4, .col-input-5, .col-input-6, .col-input-7, .col-input-8, .col-input-9, .col-input-10, .col-input-11, .col-input-12 {
    float: left;
  }

  .col-input-9 {
    width: 75%;
  }
  .col-input-8 {
    width: 66.66666667%;
  }
  .col-input-7 {
    width: 58.33333333%;
  }
  .col-input-6 {
    width: 50%;
  }
  .col-input-5 {
    width: 41.66666667%;
  }
  .col-input-4 {
    width: 33.33333333%;
  }
  .col-input-3 {
    width: 25%;
  }
  .col-input-2 {
    width: 16.66666667%;
  }

  .col-list-2 {
    float:left;
    width: 20%;
  }
  .col-list-3 {
    width: 33.33333333%;
    float: left;
  }
  .col-list-4 {
    width: 50%;
    float:left;
  }

  .yiiTab ul.tabs li{
    width: 49%;
  }

  #product-single-image-view{
    max-width:200px;
  }
  #product-image-small-container{
    width:100%;
    margin-top:10px;
    margin-bottom:20px;
  }
  .button-checkout{
    margin-bottom:15px;
  }
  .button-checkout-right{
    float:right;
    margin-bottom:15px;
  }
  .button-return{
    padding-left:0;
    padding-right:0;
    float:left;
  }
  .button-continue{
    padding-left:0;
    padding-right:0;
    float:right;
  }

  .input-text{
    width:98% !important;
  }

  .has-form{
    width:100%;
  }
  .zocial.button-blue-promotion{
    margin-top:-2px;
    margin-left:10px;
  }
  #header-basket{
    width: 210px;
    float:right;
  }
  #basket{
    display: none;
  }
  .popup{
    width:720px;
  }
  #search{
    height: 40px;
    padding: 0 2px;
  }
  .search-box {
    height: 32px;
    font-weight: 600;
    padding: 0 5px;
  }
  .info-text{
    display:none;
  }
  .search-box{
    font-size:16px;
  }
  .search-icon{
    width:52px;
  }
  .btn-search{
    margin: -5px -4px 0 0;
  }
  .h-links li{
    margin-left: 20px;
    margin-right: 0;
  }
  .h-links li.basket a, .h-links li.checkout a{
    padding-right: 0;
  }
  .logo-mmg{
    width: 200px;
  }
  .show-list-image{
    height: 125px;
  }
  .list-desc{
    height: 90px;
  }
}

@media only screen and (min-width: 1024px) {
  .col-input-1, .col-input-2, .col-input-3, .col-input-4, .col-input-5, .col-input-6, .col-input-7, .col-input-8, .col-input-9, .col-input-10, .col-input-11, .col-input-12 {
    float: left;
  }

  .col-input-9 {
    width: 75%;
  }
  .col-input-8 {
    width: 66.66666667%;
  }
  .col-input-7 {
    width: 58.33333333%;
  }
  .col-input-6 {
    width: 50%;
  }
  .col-input-5 {
    width: 41.66666667%;
  }
  .col-input-4 {
    width: 33.33333333%;
  }
  .col-input-3 {
    width: 25%;
  }
  .col-input-2 {
    width: 16.66666667%;
  }

  .col-list-2 {
    float:left;
    width: 20%;
  }
  .col-list-3 {
    width: 25%;
    float: left;
  }
  .col-list-4 {
    width: 33.33333333%;
    float: left;
  }
  .button-return{
    padding-left:0;
    padding-right:0;
    float:left;
  }
  .button-continue{
    padding-left:0;
    padding-right:0;
    float:right;
  }
  .zocial.button-blue-promotion{
    margin-top:-2px;
    margin-left:10px;
  }
  #basket{
    width: 174px;
  }

  .sub-section-left-image {
    text-align: center;
    height: 335px;
    width: 100%;
    margin-bottom: 12px;
  }
  .current-issue-image{
    width:44%;
  }
  .subtype-subtitle{
    font-size:14px;
    height:40px;
  }
  .subtype-desc2{
    font-size:18px;
  }
  .print-avail-text, .digital-avail-text, .backissue-avail-text{
    border-bottom:solid 2px #fff;
  }

  .print-avail-text, .digital-avail-text, .backissue-avail-text, .archive-avail-text {
    text-align:left;
    color:#000;
    font-size: 14px;
  }
  .print-avail-text{
    padding:10px 0;
  }
  .digital-avail-text{
    padding:20px 0;
  }
  .backissue-avail-text{
    padding:20px 0;
  }
  .archive-avail-text{
    padding:10px 0;
  }
  .digital-avail,.backissue-avail,.archive-avail{
    padding:20px 0;
  }
  .seeds-avail {
    padding: 18px 0;
    text-align: center;
  }
  .print-avail{
    padding: 0 0 20px;
  }
  .popup{
    width:720px;
  }
  .publication-list-item-container{
  }
  .product-list-item-container{
  }
  .issue-list-item-container{
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .sub-section-left-image {
    height: 320px;
  }
  .subtype-desc{
    height:140px;
  }
  .digital-avail-text{
    padding:10px 0;
  }
  .backissue-avail-text {
    padding: 18px 0;
  }
  .sub-no-gift{
    height: 80px;
  }
  .list-desc{
    height: 90px;
  }
}


@media (max-width: 599px) {
  .website-footer .legal-footer .statement{
    width: 100%;
  }
  .website-footer .legal-footer .statement{
    margin-top:10px;
    width: 100%;
    float: left;
  }
  .website-footer .legal-footer .statement p {
    text-align:left;
  }
  .faq-bar{
    display:none;
    line-height:15px;
    padding:2px 0;
  }
  .faq-bar-phone{
    font-size:14px;
    font-weight:bold;
  }
}
@media (max-width: 767px) {
  .test-site{
    display:none;
  }
  #logo{
    float:left;
    margin-left:0;
    margin-right:0;
  }
  #banner ul{
    padding: 0;
  }
  .h-links li.basket,.h-links li.checkout,.h-links li.search,.h-links li.myaccount{
      display:none;
  }
  .h-links li.basket-mobile,.h-links li.checkout-mobile,.h-links li.search-mobile,.h-links li.myaccount-mobile{
      display:inline-block;
      margin-right: 15px;
  }
  .h-links li.basket-mobile{
    font-size:16px;
  }
  .h-links li.checkout-mobile{
    font-size:18px;
  }
  .h-links li.search-mobile{
    font-size:16px;
  }
  .h-links li.myaccount-mobile{
    font-size:18px;
    margin-right:0;
  }
  hr.header{
      margin:0 0 0 0;
  }
  .glyphicon.glyphicon-search, .glyphicon.glyphicon-user{
      font-size: 20px;
      top: 4px;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  #logo{
    float:left;
    margin-left:0;
    margin-right:0;
  }
  #banner ul{
    padding: 0;
  }
  .h-links li.basket,.h-links li.checkout,.h-links li.search,.h-links li.myaccount{
      display:none;
  }
  .h-links li.basket-mobile,.h-links li.checkout-mobile,.h-links li.search-mobile,.h-links li.myaccount-mobile{
      display:inline-block;
      margin-right: 20px;
  }
}


.center{
  margin:0 auto;
  text-align:center;
}

a.green:link, a.green:visited{
  color: #014F27;
}
a.green:hover,a.green:active{
  text-decoration:underline;
}


/**
 * 1 page checkout
 */
.checkout-section
{
  margin-bottom: 2em;
}
.checkout-payment
{
  width:95%;
  overflow:auto;
  margin:auto;
  padding:5px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

table.basket-view, table.review-order {
  color: #212121;
  background-color: #fff;
  font-size: 14px;
  width:100%;
}
table.basket-view th, table.review-order th {
  font-weight:bold;
}
table.review-order td {
  background-color: #fff;
  padding: 3px 4px 2px 4px;
}

span.required
{
  color:red;
}

.control-group {
    margin-bottom:10px;
}
.control-label
{
  font-size:14px;
  margin-bottom: 0px;
  margin-top: 5px;
  font-weight: 400;
  color:#575757;
}

.form-control,.pref-form-control {
  display: block;
  height: 24px;
  padding: 2px 5px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #272727;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin:0;
}
.pref-form-control{
  height: 30px;
  width: 300px;
}
.form-control-2 {
  display: block;
  width: 45%;
  height: 24px;
  padding: 2px 5px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #272727;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin:0;
}
.form-control-postcode{
  height: 24px;
  padding: 2px 5px;
  font-size: 14px;
  width: 100px;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin:0;
}


.form-checkout-checkbox {
  height:15px;
  width:15px;
}

label[for=Paypoint_bankAccountAuthorised], label[for=Paypoint_bankAccountHolder]{
  color:#333;
  font-weight: normal;
  font-size:12px;
}

@media
/* Fairly small screens including iphones */
only screen and (max-width: 500px),
/* iPads */
only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
  #left, #right { display: none; }
}


/* basket view*/
@media screen and (min-width:0px) and (max-width: 599px)
{
  .basket-large-screen {display: none;}
}
@media screen and (min-width: 600px)
{
  .basket-small-screen  {display: none;}
}

div.flash-error, div.flash-notice, div.flash-success
{
  padding:.8em;
  margin-bottom:1em;
}

div.flash-error
{
  background:#fdf4f4;
  color:#ff0000;
  border:2px solid #800000;
  font-size:13px;
}

div.flash-notice
{
  background:#FFF6BF;
  color:#514721;
  border:2px solid #FFD324;
  font-size:13px;
}

div.flash-success
{
  background:#DFF2FD;
  color:#0B75AF;
  border:2px solid #00a9e7;
  font-size:13px;
}

/**
 * 1 page checkout
 */
.checkout-section
{
  margin-bottom: 2em;
}
.checkout-payment
{
  width:95%;
  margin:auto;
  padding:5px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
table.review-order {
  color: #666;
  background-color: #fff;
  font-size: 14px;
  width:100%;
}
table.review-order td {
  background-color: #fff;
  padding: 3px 4px 2px 4px;
}

label.required
{

}

.form-checkout-checkbox  {
  height:13px;
  width:13px;
}

label[for=Paypoint_bankAccountAuthorised], label[for=Paypoint_bankAccountHolder]
{
  color:#333;
  font-weight: normal;
  font-size:12px;
}


/* subs packages*/
.nav-sub-pills > li {
  float: left;
  width:100%;
  margin:2px 0;
}
.nav-sub-pills > li > a {
  border-radius: 4px;
  padding: 10px 12px;
}
.nav-sub-pills > li > a:link
{
  color:#000000;
  background-color:#eee;
}
.nav-sub-pills-alt > li > a:link
{
  background-color:#ccc;
}
.nav-sub-pills > li > a:hover,
.nav-sub-pills-alt > li > a:hover
{
  color: #ffffff;
  background-color: #E92730;
}
.nav-sub-pills > li > a:active,
.nav-sub-pills > li > a:focus,
.nav-sub-pills-alt > li > a:active,
.nav-sub-pills-alt > li > a:focus
{
  color: #ffffff;
  background-color: #890304;
}

.nav-sub-pills > li > a.last,
.nav-sub-pills-alt > li > a.last
{
  color: #ffffff;
  background-color: #E92730;
}
/*
.nav-sub-pills > li > a:link > .os-prices{
  color:#fff;
}
.nav-sub-pills > li > a:hover > .os-prices, .nav-sub-pills > li > a:active > .os-prices{
  color:#fff;
}
*/
.btn-group-justified > .btn-primary-sub-region{
  width:33%;
  float:left;
  background-color: #8a0205;
}
.btn-primary-sub-region:hover,
.btn-primary-sub-region:focus{
  background-color: red;
}
.btn-group-justified > .btn-primary-sub-region-selected{
  width:33%;
  float:left;
  background-color: green;
}
.no-offers{
  color:red;
}
.panel-title > .heading1{
  font-size:16px;
  font-weight: 700;
}

.panel-title > .heading1 i{
  -webkit-text-stroke: 0px white;
}

.nav-sub-pills > li > .panelSelected, .nav-sub-pills > li > a.panelSelected,
.nav-sub-pills-alt > li > .panelSelected, .nav-sub-pills-alt > li > a.panelSelected
{
    border-radius: 4px;
    padding: 10px 12px;
  /*background-color:#890304;*/
  background-color: green;
  color:#fff;
}

.nav-sub-pills > li > .panelSelected, .nav-sub-pills > li > a.panelSelected > .os-prices,
.nav-sub-pills-alt > li > .panelSelected, .nav-sub-pills-alt > li > a.panelSelected > .os-prices
{
  color:#fff;
}

.nav-sub-pills > li > a.panelSelectP, .nav-sub-pills > li > a.panelSelectD, .nav-sub-pills > li > a.panelSelectB, .nav-sub-pills > li > a.panelSelectH,.nav-sub-pills > li > a.panelSelectI,
{
    border-radius: 4px;
    padding: 10px 12px;
  background-color:#eee;
  color:#890304;
}

/* LOGIN PANEL */
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel {
  margin-bottom: 20px;
  background-color: #ccc; 
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-default {
  border-color: #dddddd;
}
.panel-default2 {
  background-color:transparent;
  border-color: #212121;
}
.panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #dddddd;
}
.panel-heading{
  padding:10px 30px;
  background-color:#ccc;
}
.panel-heading2{
  padding:10px 30px;
  background-color:#212121;
}
.panel-title > a.collapsed{
  font-size: 16px;
  font-weight: 700;
  color:#000; /* set text colour on collpased panels*/
}
.panel-title2 > a.collapsed{
  color:#eaeaea; /* set text colour on collpased panels*/
}
.panel-title > a:hover, .panel-title2 > a:hover{
  color:green;
}
.panel-subtitle{
  font-size: 14px;
  font-weight: 400;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #dddddd;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #dddddd;
}
.panel-body {
    /* padding: 15px; */
    padding: 5px;
}
.panel-form{
  width:100%;
  padding-left:27px; 
  padding-bottom:15px; 
  padding-right:27px; 
  background-color:#F5f5f5 !important; 
  border-radius: 5px;
}



.os-prices{
  font-size: 12px;
  color: #777777;
  margin-top: 5px;
  text-align:right;
}

#order-list th
{
  color: #666;
  font-size:14px;
  font-weight:bold;
  border-bottom:1px solid #666;
  background: #eeeeee;
  padding: 7px 10px 4px 5px;
}
#order-list td
{
  color: #666;
  font-size:14px;
  font-weight:normal;
  border-bottom:1px solid #666;
  background: #fff;
  padding: 7px 10px 4px 5px;
}

.link-pub-image{
  margin-top:0;
}
.link-heading{
  font-size:20px;
  font-weight: bold;
  color: #000;
  margin: 0 0 5px 0;
}
.link-desc{
  font-size:15px;
  color: #000;
  margin-top: 0;
}
.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.dd-text{
  margin: 10px 0 10px 0;
  display: none;
  width: 100%;
  padding:8px;
  border: #222222 1px solid;
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;
  border-radius: 8px 8px 8px 8px;
  background-color:#fff;
}
.hide{
  visibility: hidden;
}
.show{
  visibility: visible;
}
.select-myaccount{
    width: 250px;
    height: 25px;
    font-size: 12px;
    color: #000;
    font-weight: normal;
  margin-top: 3px;
}

.myaccount-title{
  font-size: 24px;
    font-weight: bold;
    color: #000;
}
.myaccount-heading{
  font-size: 20px;
    font-weight: bold;
    color: #000;
}
.myaccount-subheading{
  font-size:16px;
  margin-bottom:5px;
}
.myaccount-jump{
  text-align: center;
  margin-bottom:20px;
}
.myaccount-list-header{
  color: #666;
  background-color:#eeeeee;
  padding: 7px 10px 4px 5px;
  border-bottom: 1px solid #666;
  overflow:auto;
}
.myaccount-list-body{
  color: #666;
  border-bottom: 1px solid #666;
  background: #fff;
  padding: 7px 10px 4px 5px;
  overflow:auto;
}
.ma-h{
  font-size: 14px;
  font-weight:bold;
  padding-left: 0;
}
.ma-b{
  font-size: 14px;
  font-weight: normal;
  padding-left: 0;
}

.myaccount-plusminus{
  width:24px;
  height:24px;
  vertical-align: middle;
}
.back-to-top{
  float:right;
  margin-right:10px;
}


/* preference centre */
.pref-label{
  font-size:16px;
  font-weight:600;
  float:left;
  padding: 3px;
}
.pref-well, .pref-well2{
  margin-bottom:10px;
  overflow:auto;
  width: 100%;
}
.pref-well2{
  width: 300px;
}
.pref{
  height:39px;
}
.btn{
    border-radius: 0;
}
.btn-success {
    color: #ffffff;
    background-color: #ccc;
    border-color: #999;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #398439;
    border-color: #224f22;
}
.btn-danger {
    color: #ffffff;
    background-color: #a00000;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #d00000;
}

.btn-pref{
  color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.av-input {
  height:30px;
  padding:3px;
    background-color: #ffffff;
  border-radius: 5px;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.dark-grey{
  background-color: #363839;
}

.black{
  background-color:#212121;
}
.black2{
  background-color:#282a2b;
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

}

@media (max-width: 767.98px) {
  .col-sm-6{
    width:50%;
  }
  .list-image, .magazine-list-image{
    width:100%;
  }
}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .container{
    padding-left: 0;
    padding-right: 0;
    max-width: 1200px;
  }
}

@media (max-width: 1199.98px) {
  .h-links li.test-site{
    display:none;
  }
}

.slide-box {
  /*
  flex: 1 0 auto;
  display: flex;
  */
  justify-content: space-around;
}
.carousel-item{
  width: 100% !important;
}


@media (min-width: 576px) and (max-width: 767.98px) {
  .slide-box .front-page-carousel-item, .front-page-list-item, .show-carousel-item, .carousel-list-item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .slide-box .front-page-carousel-item, .front-page-list-item, .show-carousel-item, .carousel-list-item {
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}

@media (min-width: 992px)
{
  .slide-box .front-page-carousel-item, .front-page-list-item, .show-carousel-item, .carousel-list-item {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    /*max-width: 25%;*/
  }
  .search-box{
    width:300px;
  }
}

@media (min-width: 1200px)
{
  .slide-box .front-page-carousel-item, .front-page-list-item, .show-carousel-item, .carousel-list-item {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    /*-ms-flex: 0 0 16.6666%;
    flex: 1 1 16.6666%;
    max-width: 16.6666%;*/
  }
  .search-box{
    width:580px;
  }
}

.carousel-caption {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
  border-radius: .5rem;
}