@-ms-viewport {
  width: device-width;
}
/*
---

name: Mobile

description: Main tag / class styles

provides: [CSS.Mobile]

===================================
IMPORTANT:
Do *NOT* edit the compiled CSS file
Only edit the equivalent LESS file
===================================

...
*/
.content-block #wrapper {
  display: none;
}
.content-block .accessDeniedPopup.overlay {
  position: static;
}
.content-block.noScroll {
  position: static;
  overflow-y: visible;
}
.content-block-hidden .accessDeniedPopup {
  display: none;
}
.column {
  width: 100%;
}
#wrapper_sleeve {
  padding: 0 10px;
}
#mainnav {
  display: none;
}
.mastPromo {
  display: none;
}
#logo {
  margin-left: -301px;
  padding-right: 39px;
}
#mast_sleeve {
  padding-left: 301px;
}
#mastsearch {
  display: none;
}
.grid .slideshowStyle1 img {
  width: 100%;
}
#columns #colmain {
  width: 100%;
  padding-right: 0px;
}
#columns #rightcolumn {
  float: none;
  margin-right: 0px;
  width: 100%;
  padding-left: 0;
}
#columns #rightcolumn .column1,
#columns #rightcolumn .column2 {
  width: 100%;
}
/* Section 2 Styling (story page) */
.articleWrapper .relatedContent {
  float: none;
}
.articleWrapper .articleContent {
  float: none;
}
#rightcolumn {
  width: 100%;
  clear: both;
}
#rightcolumn .column1,
#rightcolumn .column2 {
  width: 100%;
}
.grid .slideshowStyle2 .slideshowContent .display img {
  float: left;
  position: static;
  width: 100%;
}
.grid .slideshowStyle2 .slideshowContent .standfirst {
  position: absolute;
  left: -9999px;
}
#top .sliderStyle1 .thumbs li,
#foot .sliderStyle1 .thumbs li,
#main .sliderStyle1 .thumbs li {
  width: 146px;
}
.grid .columnContainer {
  margin-bottom: 0;
}
.grid .column {
  margin-bottom: 20px;
}
.grid .column .twocolumn {
  width: 47.36842105263159%;
  margin-right: 5.2631578947368425%;
}
.grid .column .twocolumn.right {
  margin-right: 0;
}
.grid .column .full.twocolumn .picture,
.grid .column .half.twocolumn .picture {
  float: left;
  margin: 0 20px 18px 0;
  width: 100%;
}
.grid .column .full.twocolumn .picture img,
.grid .column .half.twocolumn .picture img {
  width: 100%;
}
.grid .column .thumb.twocolumn {
  width: auto;
}
.gridLayout ul {
  width: auto;
}
.gridLayout ul .picture img {
  width: 100%;
}
.gridLayout li {
  width: 47.36842105263159%;
  margin-right: 5.2631578947368425%;
}
.gridLayout li:nth-child(even) {
  margin-right: 0;
}
.attachments .main {
  float: left;
  width: 100%;
  clear: both;
}
.attachments .side {
  float: left;
  width: 100%;
  padding: 0 10px;
  height: 35%;
}
.attachments .side .caption {
  padding: 0;
  margin: 15px 15px 0 0;
  padding-top: 15px;
  border-top: 1px solid #fff;
}
.image_size_small,
.image_size_med {
  width: 140px;
}
#relatedContent-mobile .relatedContent .inlineFull ul,
#relatedContent-mobile .relatedContent .relatedimages ul {
  margin-right: -36px;
}
.mobileSlideshow .thumbs .standfirst,
.mobileSlideshow .thumbs p {
  display: none;
}
.subscriptions .content .columnTwo {
  padding-top: 18px;
}
.subscriptions .content .columnTwo img {
  display: block;
  margin: auto;
}
.accessDeniedPopup.overlay .content {
  top: 44%;
}
.accessDeniedPopup.overlay .content .buttons .cancel {
  margin-bottom: 8px;
}
@media only screen and (max-width: 320px) {
  /*
  ---
  
  name: Mobile Spin2 Galleries
  
  description: Gallery CSS
  
  requires: [CSS.Main, CSS.Structure, CSS.Layout]
  
  provides: [CSS.MobileSpin2Galleries]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .mobileSlideshow li {
    list-style: none;
  }
  .mobileSlideshow li img {
    float: left;
    max-width: 49.152542372881356%;
    margin: 0 1.694915254237288% 0 0;
  }
  .mobileSlideshow li .caption {
    width: 49.152542372881356%;
    float: left;
  }
  .pageOptions li {
    float: none;
    padding: 6px 0;
  }
  .pageOptions li.last {
    float: none;
    padding: 6px 0;
  }
  .socialMediaSharing li {
    float: none;
    margin-bottom: 12px;
  }
  .subscribe_box .image-right {
    float: none;
    padding-left: 0;
    max-width: 100%;
    width: 100%;
  }
  .subscribe_box .button.style2 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .listBlocks.featuredSupplier .picture,
  .listBlocks.latestSuppliers .picture {
    float: none;
    margin-right: 0;
  }
  .listBlocks.featuredSupplier .picture img,
  .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  .attachments .side .caption .heading {
    margin-bottom: 12px;
  }
  .attachments .side .caption p {
    margin-bottom: 6px;
  }
}
@media only screen and (min-width: 321px) and (max-width: 601px) {
  /*
  ---
  
  name: Mobile portrait lanscape
  
  description: This breakpoint is run between 321 and 480
  
  provides: [CSS.MobilePortraitLandscape];
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .grid .column .twocolumn.full .picture,
  .grid .column .twocolumn.half .picture {
    width: 100%;
    float: left;
    margin: 0 20px 18px 0;
  }
  .grid .column div[class="full"] .picture img {
    width: 100%;
  }
  .grid .oneColumn .half .picture {
    width: 140px;
  }
  .grid .oneColumn .half .picture img {
    width: 100%;
  }
  #top .oneColumn .slideshowStyle2 .display,
  #foot .oneColumn .slideshowStyle2 .display {
    height: 266px;
  }
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .display,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .display,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .display,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .display {
    height: 300px;
  }
  #main.area .oneColumn .slideshowStyle2 .display {
    height: 300px;
  }
  #top .column div[class="full"] .picture,
  #foot .column div[class="full"] .picture,
  #main .column div[class="full"] .picture,
  #mainright .column div[class="full"] .picture {
    float: left;
    margin: 0 20px 18px 0;
    width: 229px;
  }
  #top .column div[class="full"] .picture img,
  #foot .column div[class="full"] .picture img,
  #main .column div[class="full"] .picture img,
  #mainright .column div[class="full"] .picture img {
    width: 100%;
  }
}
@media only screen and (max-width: 601px) {
  /*
  ---
  
  name: MobileSpecific
  
  provides: [CSS.MobileSpecific]
  
  ===================================
  THIS IS IS STRICTLY FOR MOBILE DEVICES SO NO TABLETS
  
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .mobileNav li {
    float: none;
    width: 100%;
  }
  .mobileNav li:nth-child(odd) {
    border: 0;
  }
  .tabbedblocks.spin .block > h2,
  #mainright .tabbedblocks.spin .block > h2 {
    float: none;
    height: auto;
    margin-right: 0;
  }
  .tabbedblocks.spin .block .content,
  #mainright .tabbedblocks.spin .block .content,
  .tabbedblocks.spin .block .selected .content,
  #mainright .tabbedblocks.spin .block .selected .content {
    clear: none;
    float: none;
    position: static;
    left: 0;
    margin: 0 0 20px;
  }
  .tabbedblocks.spin .selected > h2,
  #mainright .tabbedblocks.spin .selected > h2 {
    background: #f0efec;
    color: #005385;
  }
  .extras.events li:after {
    clear: both;
    content: '';
    display: table;
  }
  .extras.events li .picture {
    float: left;
    margin: 0 20px 18px 0;
  }
  .attachments .main {
    height: 60%;
  }
  .attachments .side {
    height: 35%;
    overflow: auto;
  }
  .attachments .side .caption {
    float: left;
    clear: both;
    width: 100%;
  }
  .attachments .side .advert {
    display: none;
  }
  .attachments .toolbar li.toggle-thumbs {
    left: -999em;
    position: absolute;
  }
  .attachments .main .thumbnails.controls,
  .attachments .main .thumbs {
    display: none;
  }
  .attachments .main .controls .previous.previous {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXBAMAAADJv2OxAAAAA3NCSVQICAjb4U/gAAAAJFBMVEX////////////////////////////////////////////////Vd7HLAAAADHRSTlMAESIzVWZ3marM7v+k8HeYAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADAyLzI4LzEztiTtPQAAABh0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzT7MfTgAAAFNJREFUCJljYAABETDJwDg7AExL7t4C4e6eCOHuFMDN1YRwmVZDuFq7dxmAaO/dO8BmsezeXQBmeO3eDqaZV0MFrAgKWO/eBqZZIUYzMEQKMEABAKk9Ip2eNbacAAAAAElFTkSuQmCC);
    background-position: 50% 50%;
  }
  .attachments .main .controls .next.next {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXBAMAAADJv2OxAAAAA3NCSVQICAjb4U/gAAAAIVBMVEX///////////////////////////////////////////9/gMdvAAAAC3RSTlMAETNEVWaZqszu/8fVtLUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDIvMjgvMTO2JO09AAAAGHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3NPsx9OAAAASElEQVQImWNgCGIAA9aVCmDaa9UkMC2xCiLA2EWEwGSowCoHqMASsEDVqmUgim3VqgQQnQXnBkC4S/FwoyBcID8A4sBUBmQAACtvIN+M1FlpAAAAAElFTkSuQmCC);
    background-position: 50% 50%;
  }
  .rssTable {
    table-layout: fixed;
  }
  .rssTable table,
  .rssTable thead,
  .rssTable tbody,
  .rssTable th,
  .rssTable td,
  .rssTable tr {
    display: block;
  }
  .rssTable thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .rssTable td,
  .rssTable th {
    position: relative;
    padding-left: 50%;
  }
  .rssTable td:before,
  .rssTable th:before {
    position: absolute;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
  }
  .rssTable td:nth-of-type(1):before {
    content: "Title";
  }
  .rssTable td:nth-of-type(2):before {
    content: "Copy URLs to RSS reader";
  }
  .rssTable td:nth-of-type(3):before {
    content: "RSS";
  }
  .rssTable a {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  #story .gallery .display img {
    width: auto;
  }
  #top .oneColumn .slideshowStyle2 .display,
  #foot .oneColumn .slideshowStyle2 .display {
    height: 178px;
  }
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .display,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .display,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .display,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .display {
    height: 248px;
  }
  #main.area .oneColumn .slideshowStyle2 .display {
    height: 248px;
  }
  h1 {
    font-size: 2.8em;
  }
  .storyAuthorLarge h2 {
    font-size: 2.2em;
  }
  .storyAuthorLarge p {
    font-size: 1.8em;
  }
}
@media only screen and (min-width: 321px) and (max-width: 384px) {
  #top .column div[class="full"] .picture,
  #foot .column div[class="full"] .picture,
  #main .column div[class="full"] .picture,
  #mainright .column div[class="full"] .picture {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 601px) and (max-width: 759px) {
  /*
  ---
  
  name: Mobile mid-range
  
  description: Styles for Nexus 7 sized devices
  
  provides: [CSS.MobileMidrange]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .grid .column .full .picture {
    float: left;
    margin: 0 20px 18px 0;
    width: 320px;
  }
  .grid .column .half .picture {
    float: left;
    margin: 0 20px 18px 0;
    width: 140px;
  }
  .grid .column .thumb .picture {
    float: left;
    margin: 0 20px 18px 0;
    width: 80px;
  }
  .grid div[class*="twoColumns"] .column .full .picture,
  .grid div[class*="threeColumns"] .column .full .picture {
    width: auto;
  }
  .grid div.threeColumnsWideLeft .columnOne .full .picture,
  .grid div.threeColumnsWideRight .columnThree .full .picture {
    width: 100%;
  }
  #wrapper .grid .oneColumn .column .full .picture,
  #wrapper .grid .twoColumns .column .full .picture {
    width: 100%;
  }
  #wrapper .grid div[class*="twoColumns"] .twocolumn.half .picture,
  #wrapper .grid div[class*="threeColumns"] .twocolumn.half .picture {
    width: auto;
  }
  #wrapper .grid div[class*="threeColumns"] .column .full .picture {
    width: auto;
  }
  #wrapper .grid div.twoColumns .full .picture {
    width: auto;
  }
  #wrapper .grid div.twoColumnsSmallLeft .columnTwo .full .picture,
  #wrapper .grid div.twoColumnsSmallRight .columnOne .full .picture {
    width: 100%;
  }
  #wrapper .grid div.threeColumnsWideLeft .columnOne .full .picture,
  #wrapper .grid div.threeColumnsWideRight .columnThree .full .picture {
    width: 100%;
  }
  .grid .column .twocolumn.full .picture {
    width: 280px;
  }
  .grid .column .twocolumn.full .picture img {
    width: 100%;
  }
  .grid .column .twocolumn.half .picture img {
    width: 100%;
  }
  .az_items .column {
    width: 34.95934959349594%;
  }
  .footerAds {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 601px) {
  /*
  ---
  
  name: Portrait Overrides
  
  provides: [CSS.PortraitOverrides2]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .accessDeniedPopup.overlay .content {
    left: 50%;
    margin-top: -225px;
    margin-left: -200px;
    width: 400px;
  }
}
@media only screen and (min-width: 760px) {
  /*
  ---
  
  name: Account Portrait
  
  description: Styles for MyAccount pages
  
  provides: CSS.AccountPortrait
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  #content .recentItems .tabbedblocks .content {
    margin-left: -100%;
    width: 100%;
  }
  /*
  ---
  
  name: A-Z Portrait
  
  description: Styles for A-Z pages - contributors, previous issues, subjects
  
  requires: [CSS.AZListPortrait]
  
  provides: [CSS.AZItemsPortrait]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .az_items .column {
    width: 34.95934959349594%;
  }
  .publicationIndex .block li {
    width: 30.081300813008138%;
  }
  .publicationIndex .publicationsList li {
    width: 30.081300813008138%;
  }
  /*
  ---
  
  name: Structure Portrait
  
  requires: [CSS.MainPortrait]
  
  provides: [CSS.StructurePortrait]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  #wrapper {
    background-size: 100% auto;
  }
  #mastsearch {
    width: 98.06598407281001%;
    padding: 0 0 0 17px;
  }
  #columns {
    padding: 0px 300px 0 0;
  }
  #columns #colmain {
    padding-right: 20px;
  }
  #columns #rightcolumn {
    float: right;
    margin-right: -300px;
    width: 300px;
    padding-left: 0;
    clear: none;
  }
  /*
  ---
  
  name: Layout Portrait
  
  requires: [CSS.MainDesktop, CSS.StructurePortrait]
  
  provides: [CSS.LayoutPortrait]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  #colmain {
    width: 65.77540106951871%;
  }
  #rightcolumn {
    width: 31.550802139037433%;
  }
  /* Basic Two Column Structure */
  .twocolumn .column1,
  .twocolumn .column2 {
    width: 31.550802139037433%;
  }
  /* Section 2 Styling */
  .articleWrapper .relatedContent {
    width: 21.951219512195124%;
  }
  .articleWrapper .relatedContent .twocolumn .column1,
  .articleWrapper .relatedContent .twocolumn .column2 {
    /* Two Column in Section 2 Styling */
  
    width: auto;
  }
  .articleWrapper .articleContent .twocolumn .column1,
  .articleWrapper .articleContent .twocolumn .column2 {
    /* Two Column in Section 2 Styling */
  
    width: 22.994652406417114%;
  }
  #rightcolumn .style2 .column1 {
    width: 14.43850267379679%;
  }
  #rightcolumn .style2 .column2 {
    width: 14.43850267379679%;
  }
  /* This is changing for SPIN2 for sure. */
  .M2-master #content {
    width: 65.77540106951871%;
    overflow: hidden;
    float: left;
  }
  .M2-master #secondary_content {
    float: right;
    width: 31.550802139037433%;
  }
  /*
  ---
  
  name: Story Portrait
  
  provides: CSS.StoryPortrait
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .subscribe_options .subscribe_box {
    width: 22.994652406417114%;
  }
  #story .table-full {
    width: auto;
  }
  #story .abacus-popup .table-full {
    width: 100%;
  }
  #columns {
    padding: 0;
  }
  #columns #colmain {
    padding-right: 0px;
  }
  #columns #rightcolumn {
    float: none;
    margin-right: 0;
    width: auto;
    clear: both;
  }
  #columns #rightcolumn .column1 {
    width: auto;
    margin-right: 0;
  }
  #columns #rightcolumn .column2 {
    width: auto;
  }
  .image_size_small {
    width: 22.994652406417114%;
  }
  .image_size_med {
    width: 31.550802139037433%;
  }
  blockquote {
    width: 48.663101604278076%;
    margin-left: 18px;
    float: right;
  }
  /*
  ---
  
  name: Gallery Portrait
  
  provides: CSS.GalleryPortrait
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .gallery {
    width: 100%;
  }
  .gallery .controls {
    width: 65.77540106951871%;
  }
  /* Gallery style2 */
  .galleryStyle2 {
    width: 65.77540106951871%;
  }
  .galleryStyle2 .controls {
    width: 65.77540106951871%;
  }
  .slideshowStyle2 .display {
    width: 31.550802139037433%;
  }
  .slideshowStyle2 .thumbs {
    width: 34.224598930481285%;
  }
  /*
  ---
  
  name: Slider (style 1) Portrait
  
  requires: [CSS.MainPortrait, CSS.StructurePortrait, CSS.LayoutPortrait, CSS.GalleryPortrait]
  
  provides: [CSS.Slider.Style1Portrait]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .sliderStyle1 .thumbs li {
    width: 14.43850267379679%;
  }
  #top .sliderStyle1 .thumbs li,
  #foot .sliderStyle1 .thumbs li,
  #main .sliderStyle1 .thumbs li {
    width: 172px;
  }
  #mainright.area .oneColumn .column .slideshowStyle1 img,
  #top.area .twoColumnsSmallLeft .columnOne .slideshowStyle1 img,
  #foot.area .twoColumnsSmallLeft .columnOne .slideshowStyle1 img,
  #top.area .twoColumnsSmallRight .columnTwo .slideshowStyle1 img,
  #foot.area .twoColumnsSmallRight .columnTwo .slideshowStyle1 img,
  #top.area .threeColumns .column .slideshowStyle1 img,
  #foot.area .threeColumns .column .slideshowStyle1 img,
  #top.area .threeColumnsWideLeft .columnThree .slideshowStyle1 img,
  #foot.area .threeColumnsWideLeft .columnThree .slideshowStyle1 img,
  #top.area .threeColumnsWideRight .columnOne .slideshowStyle1 img,
  #foot.area .threeColumnsWideRight .columnOne .slideshowStyle1 img,
  #mainright.area .oneColumn .column .slideshowStyle1 .caption,
  #top.area .twoColumnsSmallLeft .columnOne .slideshowStyle1 .caption,
  #foot.area .twoColumnsSmallLeft .columnOne .slideshowStyle1 .caption,
  #top.area .twoColumnsSmallRight .columnTwo .slideshowStyle1 .caption,
  #foot.area .twoColumnsSmallRight .columnTwo .slideshowStyle1 .caption,
  #top.area .threeColumns .column .slideshowStyle1 .caption,
  #foot.area .threeColumns .column .slideshowStyle1 .caption,
  #top.area .threeColumnsWideLeft .columnThree .slideshowStyle1 .caption,
  #foot.area .threeColumnsWideLeft .columnThree .slideshowStyle1 .caption,
  #top.area .threeColumnsWideRight .columnOne .slideshowStyle1 .caption,
  #foot.area .threeColumnsWideRight .columnOne .slideshowStyle1 .caption {
    float: left;
    position: static;
    width: 40.106951871657756%;
  }
  #mainright.area .oneColumn .column .slideshowStyle1 .caption,
  #top.area .twoColumnsSmallLeft .columnOne .slideshowStyle1 .caption,
  #foot.area .twoColumnsSmallLeft .columnOne .slideshowStyle1 .caption,
  #top.area .twoColumnsSmallRight .columnTwo .slideshowStyle1 .caption,
  #foot.area .twoColumnsSmallRight .columnTwo .slideshowStyle1 .caption,
  #top.area .threeColumns .column .slideshowStyle1 .caption,
  #foot.area .threeColumns .column .slideshowStyle1 .caption,
  #top.area .threeColumnsWideLeft .columnThree .slideshowStyle1 .caption,
  #foot.area .threeColumnsWideLeft .columnThree .slideshowStyle1 .caption,
  #top.area .threeColumnsWideRight .columnOne .slideshowStyle1 .caption,
  #foot.area .threeColumnsWideRight .columnOne .slideshowStyle1 .caption {
    width: 57.21925133689839%;
  }
  #mainright.area .oneColumn .column .slideshowStyle1 .display {
    height: 225px;
  }
  /*
  ---
  
  name: Forms Portrait
  
  requires: [CSS.Main, CSS.Buttons]
  
  provides: [CSS.FormsPortrait]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .formbox .text {
    width: 69.1%;
  }
  .formbox select,
  .formbox select.text {
    width: 70.7%;
  }
  .formbox .text,
  .formbox select {
    width: auto;
  }
  .formbox label,
  .formbox .label {
    width: 100px;
  }
  .formbox .text_field {
    width: 510px;
  }
  .formbox .formsmall {
    width: 26.5%;
  }
  .formbox .formmedium {
    width: 46.5%;
  }
  .formbox .formlarge {
    width: 69.1%;
  }
  .formbox select.formsmall {
    width: 27.3%;
  }
  .formbox select.formmedium {
    width: 47.8%;
  }
  .formbox select.formlarge {
    width: 70.7%;
  }
  .formbox select.dategroup_day {
    width: 80px;
  }
  .formbox select.dategroup_month {
    width: 105px;
  }
  .formbox select.dategroup_year {
    width: 80px;
  }
  .formbox .field div {
    margin-left: 110px;
  }
  .human_test .text {
    margin-left: 110px;
  }
  .human_test label {
    width: 100%;
  }
  .human_test .fieldtips {
    width: 430px;
  }
  .formOptions label,
  .formOptions + label {
    width: 100%;
  }
  /*
  ---
  
  name: Inform
  
  description: Styles for Inform (survey)
  
  provides: CSS.Inform
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .informcontent input,
  .informcontent select,
  .informcontent textarea {
    width: 357px;
  }
  .informcontent select {
    width: auto;
  }
  .informcontent .informsmall {
    width: 134px;
  }
  .informcontent .informmedium {
    width: 229px;
  }
  .informcontent .informlarge {
    width: 357px;
  }
  .informcontent label {
    width: 140px;
  }
  .informcontent h3 label {
    width: auto;
  }
  .informcontent .checkbox,
  .informcontent .radio {
    width: auto;
  }
  .informcontent table {
    width: auto;
    table-layout: auto;
  }
  .informcontent table input {
    max-width: 100%;
  }
  .informcontent table input {
    width: auto;
  }
  .informcontent table img {
    width: 120px;
  }
  .informcontent .informbutton {
    width: auto;
  }
  .inform_field_checkbox label,
  .inform_field_radio label {
    width: auto;
  }
  .informrow .summaryquestion,
  .informrow .summaryanswers {
    float: left;
  }
  .informrow .summaryquestion {
    width: 23.728813559322035%;
    margin-right: 1.694915254237288%;
  }
  .informrow .summaryanswers {
    width: 74.57627118644068%;
  }
  .informrow .summaryanswers:after {
    clear: both;
    content: '';
    display: table;
  }
  .informcolumns2 .informcol {
    width: 220px;
  }
  .informcolumns3 .informcol {
    width: 130px;
  }
  /* HORIZONTAL SURVEY LAYOUT */
  .informhorquestion {
    float: left;
    width: 150px;
  }
  .informhorquestion h3 {
    float: left;
    width: 130px;
  }
  .informhorquestion p img {
    margin-left: 150px;
  }
  .informhorquestion .informrequired {
    position: absolute;
  }
  .informhorquestion ~ .informrow {
    width: 470px;
  }
  .informhorquestion ~ .informrow .informlarge {
    width: 306px;
  }
  .informhorquestion ~ .informrow .informhorquestion label {
    width: 130px;
  }
  .informhoranswer .informcolumns1,
  .informhoranswer .inform_field_select,
  .informhoranswer .inform_field_text,
  .informhoranswer .inform_field_radio {
    float: right;
    width: 470px;
  }
  .informhoranswer .inform_field_text {
    clear: none;
  }
  .informhoranswer .inform_field_text .informlarge {
    width: 306px;
  }
  .informhoranswer .informcolumns4 .informcol {
    width: 100px;
  }
  /*
  ---
  
  name: SPIN 2 Grids Portrait
  
  description: Provides grid layout for SPIN2
  
  requires: [CSS.SPIN2Portrait]
  
  provides: [CSS.SPIN2GridsPortrait]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .grid .column .full.twocolumn .picture {
    float: none;
    margin-right: 0;
  }
  #columns {
    width: 100%;
  }
  #colmain {
    width: 65.77540106951871%;
  }
  #rightcolumn {
    width: 31.550802139037433%;
  }
  /* AREAS */
  #wrapper #top.area .right,
  #wrapper #foot.area .right,
  #wrapper #main.area .right,
  #wrapper #mainright.area .right {
    margin-right: 0;
  }
  #top.area,
  #foot.area {
    width: 100%;
    padding: 0 1.3368983957219251%;
  }
  #main.area {
    width: 100%;
  }
  #mainright.area {
    width: 100%;
  }
  .grid .column {
    margin-right: 2.6737967914438503%;
  }
  .grid .column .half .picture {
    width: auto;
  }
  .grid .column .half .picture img {
    width: auto;
  }
  .grid .column.columnTwo {
    margin-right: 0;
  }
  .grid .column .twocolumn {
    width: auto;
  }
  .grid .column .half .picture,
  .grid .column .thumb .picture {
    float: left;
    margin: 0 20px 18px 0;
  }
  .grid .column .full .picture,
  .grid .column .thumb.twocolumn .picture,
  .grid .column .half.twocolumn .picture {
    width: auto;
  }
  .grid .column .full .picture img,
  .grid .column .thumb.twocolumn .picture img,
  .grid .column .half.twocolumn .picture img {
    width: auto;
  }
  .grid .threeColumns .columnTwo,
  .grid .threeColumnsWideLeft .columnTwo,
  .grid .threeColumnsWideRight .columnTwo {
    margin-right: 2.6737967914438503%;
  }
  .grid .threeColumns .columnThree,
  .grid .threeColumnsWideLeft .columnThree,
  .grid .threeColumnsWideRight .columnThree {
    margin-right: 0;
  }
  /* TOP/FOOT GRID CONTAINERS */
  #top.area .twoColumns,
  #foot.area .twoColumns,
  #top.area .twoColumnsSmallLeft,
  #foot.area .twoColumnsSmallLeft,
  #top.area .twoColumnsSmallRight,
  #foot.area .twoColumnsSmallRight,
  #top.area .threeColumns,
  #foot.area .threeColumns,
  #top.area .threeColumnsWideLeft,
  #foot.area .threeColumnsWideLeft,
  #top.area .threeColumnsWideRight,
  #foot.area .threeColumnsWideRight {
    width: 100%;
  }
  /* MAIN GRID CONTAINERS */
  #main.area .oneColumn,
  #main.area .twoColumns,
  #main.area .twoColumnsSmallLeft,
  #main.area .twoColumnsSmallRight,
  #main.area .threeColumns {
    width: 100%;
  }
  /* MAINRIGHT GRID CONTAINERS */
  #mainright.area .oneColumn,
  #mainright.area .twoColumns,
  #mainright.area .threeColumns {
    width: 100%;
  }
  .grid .twocolumn.left {
    margin-right: 2.6737967914438503%;
  }
  /* TOP/FOOT ONE COLUMN */
  #top.area .grid .oneColumn .column,
  #foot.area .grid .oneColumn .column {
    width: 100%;
  }
  #top.area .grid .oneColumn .column .half .picture,
  #foot.area .grid .oneColumn .column .half .picture {
    width: 48.663101604278076%;
  }
  #top.area .grid .oneColumn .column .half .picture img,
  #foot.area .grid .oneColumn .column .half .picture img {
    width: 100%;
  }
  #top.area .grid .oneColumn .twocolumn,
  #foot.area .grid .oneColumn .twocolumn {
    width: 48.663101604278076%;
  }
  #top.area .grid .oneColumn .half.twocolumn .picture,
  #foot.area .grid .oneColumn .half.twocolumn .picture {
    width: 47.252747252747255%;
  }
  /* MAIN ONE COLUMN */
  #main.area .grid .oneColumn .column {
    width: 100%;
  }
  #main.area .grid .oneColumn .column .full .picture img {
    width: 100%;
  }
  #main.area .grid .oneColumn .column .half .picture {
    width: 48.663101604278076%;
  }
  #main.area .grid .oneColumn .column .half .picture img {
    width: 100%;
  }
  #main.area .grid .oneColumn .twocolumn {
    width: 48.663101604278076%;
  }
  #main.area .grid .oneColumn .half.twocolumn .picture {
    width: 47.252747252747255%;
  }
  /* MAINRIGHT ONE COLUMN */
  #mainright.area .grid .oneColumn .column {
    width: 100%;
  }
  #mainright.area .grid .oneColumn .column .full .picture {
    float: left;
    margin-right: 10px;
  }
  #mainright.area .grid .oneColumn .twocolumn {
    width: 47.252747252747255%;
  }
  /* TOP/FOOT TWO COLUMN (EQUAL) */
  #top.area .twoColumns .column,
  #foot.area .twoColumns .column {
    width: 48.663101604278076%;
  }
  #top.area .twoColumns .column .half .picture,
  #foot.area .twoColumns .column .half .picture {
    width: 47.252747252747255%;
  }
  #top.area .twoColumns .column .half .picture img,
  #foot.area .twoColumns .column .half .picture img {
    width: 100%;
  }
  #top.area .twoColumns .twocolumn,
  #foot.area .twoColumns .twocolumn {
    width: 47.252747252747255%;
    margin-right: 5.4945054945054945%;
  }
  /* MAIN TWO COLUMN (EQUAL) */
  #main.area .twoColumns .column {
    width: 48.663101604278076%;
  }
  #main.area .twoColumns .column.columnTwo {
    margin-right: 0;
  }
  #main.area .twoColumns .column .full .picture img {
    width: 100%;
  }
  #main.area .twoColumns .column .half .picture {
    width: 47.252747252747255%;
  }
  #main.area .twoColumns .column .half .picture img {
    width: 100%;
  }
  #main.area .twoColumns .twocolumn {
    width: 47.252747252747255%;
    margin-right: 5.4945054945054945%;
  }
  /* MAINRIGHT TWO COLUMN (EQUAL) */
  #mainright.area .twoColumns .column {
    width: 48.663101604278076%;
    margin-right: 2.6737967914438503%;
  }
  #mainright.area .twoColumns .column .full .picture {
    float: left;
    margin-right: 10px;
  }
  #mainright.area .twoColumns .column.columnTwo {
    margin-right: 0;
  }
  /* TOP/FOOT TWO COLUMN (SMALL LEFT) + (SMALL RIGHT) */
  #top.area .twoColumnsSmallLeft .columnOne,
  #foot.area .twoColumnsSmallLeft .columnOne {
    width: 100%;
  }
  #top.area .twoColumnsSmallLeft .columnOne .full .picture,
  #foot.area .twoColumnsSmallLeft .columnOne .full .picture {
    width: auto;
    float: left;
    margin-right: 10px;
  }
  #top.area .twoColumnsSmallLeft .columnOne .twocolumn,
  #foot.area .twoColumnsSmallLeft .columnOne .twocolumn {
    width: 48.663101604278076%;
  }
  #top.area .twoColumnsSmallLeft .columnTwo,
  #foot.area .twoColumnsSmallLeft .columnTwo {
    width: 100%;
  }
  #top.area .twoColumnsSmallLeft .columnTwo .full .picture img,
  #foot.area .twoColumnsSmallLeft .columnTwo .full .picture img {
    width: 100%;
  }
  #top.area .twoColumnsSmallLeft .columnTwo .half .picture,
  #foot.area .twoColumnsSmallLeft .columnTwo .half .picture {
    width: 48.663101604278076%;
  }
  #top.area .twoColumnsSmallLeft .columnTwo .half .picture img,
  #foot.area .twoColumnsSmallLeft .columnTwo .half .picture img {
    width: 100%;
  }
  #top.area .twoColumnsSmallLeft .half.twocolumn .picture,
  #foot.area .twoColumnsSmallLeft .half.twocolumn .picture {
    width: 47.252747252747255%;
  }
  #top.area .twoColumnsSmallLeft .columnTwo .twocolumn,
  #foot.area .twoColumnsSmallLeft .columnTwo .twocolumn {
    width: 48.663101604278076%;
  }
  #top.area .twoColumnsSmallRight .columnOne,
  #foot.area .twoColumnsSmallRight .columnOne {
    width: 100%;
  }
  #top.area .twoColumnsSmallRight .columnOne .full .picture img,
  #foot.area .twoColumnsSmallRight .columnOne .full .picture img {
    width: 100%;
  }
  #top.area .twoColumnsSmallRight .columnOne .half .picture,
  #foot.area .twoColumnsSmallRight .columnOne .half .picture {
    width: 48.663101604278076%;
  }
  #top.area .twoColumnsSmallRight .columnOne .half .picture img,
  #foot.area .twoColumnsSmallRight .columnOne .half .picture img {
    width: 100%;
  }
  #top.area .twoColumnsSmallRight .columnOne .twocolumn,
  #foot.area .twoColumnsSmallRight .columnOne .twocolumn {
    width: 48.663101604278076%;
  }
  #top.area .twoColumnsSmallRight .columnTwo,
  #foot.area .twoColumnsSmallRight .columnTwo {
    width: 100%;
  }
  #top.area .twoColumnsSmallRight .columnTwo .full .picture,
  #foot.area .twoColumnsSmallRight .columnTwo .full .picture {
    width: auto;
    float: left;
    margin-right: 10px;
  }
  #top.area .twoColumnsSmallRight .half.twocolumn .picture,
  #foot.area .twoColumnsSmallRight .half.twocolumn .picture {
    width: 47.252747252747255%;
  }
  #top.area .twoColumnsSmallRight .columnTwo .twocolumn,
  #foot.area .twoColumnsSmallRight .columnTwo .twocolumn {
    width: 48.663101604278076%;
  }
  /* MAIN TWO COLUMN (SMALL LEFT) */
  #main.area .twoColumnsSmallLeft .column.columnTwo {
    margin-right: 0;
  }
  #main.area .twoColumnsSmallLeft .columnOne {
    width: 31.550802139037433%;
  }
  #main.area .twoColumnsSmallLeft .columnOne .full .picture img {
    width: 100%;
  }
  #main.area .twoColumnsSmallLeft .columnOne .twocolumn {
    width: 45.762711864406775%;
  }
  #main.area .twoColumnsSmallLeft .columnTwo {
    width: 65.77540106951871%;
  }
  #main.area .twoColumnsSmallLeft .columnTwo .full .picture img {
    width: 100%;
  }
  #main.area .twoColumnsSmallLeft .columnTwo .half .picture {
    width: 47.967479674796756%;
  }
  #main.area .twoColumnsSmallLeft .columnTwo .half .picture img {
    width: 100%;
  }
  #main.area .twoColumnsSmallLeft .columnTwo .twocolumn {
    width: 47.967479674796756%;
    margin-right: 4.065040650406504%;
  }
  /* MAIN TWO COLUMN (SMALL RIGHT) */
  #main.area .twoColumnsSmallRight .column.columnTwo {
    margin-right: 0;
  }
  #main.area .twoColumnsSmallRight .columnOne {
    width: 65.77540106951871%;
  }
  #main.area .twoColumnsSmallRight .columnOne .full .picture img {
    width: 100%;
  }
  #main.area .twoColumnsSmallRight .columnOne .half .picture {
    width: 47.967479674796756%;
  }
  #main.area .twoColumnsSmallRight .columnOne .half .picture img {
    width: 100%;
  }
  #main.area .twoColumnsSmallRight .columnOne .twocolumn {
    width: 47.967479674796756%;
    margin-right: 4.065040650406504%;
  }
  #main.area .twoColumnsSmallRight .columnTwo {
    width: 31.550802139037433%;
  }
  #main.area .twoColumnsSmallRight .columnTwo .full .picture img {
    width: 100%;
  }
  #main.area .twoColumnsSmallRight .columnTwo .twocolumn {
    width: 45.762711864406775%;
  }
  /* TOP/FOOT THREE COLUMN (EQUAL) */
  #top.area .threeColumns .columnOne,
  #foot.area .threeColumns .columnOne {
    width: 100%;
  }
  #top.area .threeColumns .columnOne .full .picture,
  #foot.area .threeColumns .columnOne .full .picture {
    width: auto;
    float: left;
    margin-right: 10px;
  }
  #top.area .threeColumns .columnOne .twocolumn,
  #foot.area .threeColumns .columnOne .twocolumn {
    width: 48.663101604278076%;
  }
  #top.area .threeColumns .columnTwo,
  #foot.area .threeColumns .columnTwo {
    width: 100%;
    margin-right: 0;
  }
  #top.area .threeColumns .columnTwo .full .picture,
  #foot.area .threeColumns .columnTwo .full .picture {
    width: auto;
    float: left;
    margin-right: 10px;
  }
  #top.area .threeColumns .columnTwo .twocolumn,
  #foot.area .threeColumns .columnTwo .twocolumn {
    width: 48.663101604278076%;
  }
  #top.area .threeColumns .columnThree,
  #foot.area .threeColumns .columnThree {
    width: 100%;
  }
  #top.area .threeColumns .columnThree .full .picture,
  #foot.area .threeColumns .columnThree .full .picture {
    width: auto;
    float: left;
    margin-right: 10px;
  }
  #top.area .threeColumns .columnThree .twocolumn,
  #foot.area .threeColumns .columnThree .twocolumn {
    width: 48.663101604278076%;
  }
  /* TOP/FOOT THREE COLUMN (WIDE RIGHT) */
  #top.area .threeColumnsWideRight .columnOne,
  #foot.area .threeColumnsWideRight .columnOne {
    width: 100%;
  }
  #top.area .threeColumnsWideRight .columnOne .full .picture,
  #foot.area .threeColumnsWideRight .columnOne .full .picture {
    width: auto;
    float: left;
    margin-right: 10px;
  }
  #top.area .threeColumnsWideRight .columnOne .twocolumn,
  #foot.area .threeColumnsWideRight .columnOne .twocolumn {
    width: 47.967479674796756%;
  }
  #top.area .threeColumnsWideRight .columnTwo,
  #foot.area .threeColumnsWideRight .columnTwo {
    width: 31.550802139037433%;
  }
  #top.area .threeColumnsWideRight .columnTwo .full .picture img,
  #foot.area .threeColumnsWideRight .columnTwo .full .picture img {
    width: 100%;
  }
  #top.area .threeColumnsWideRight .columnTwo .twocolumn,
  #foot.area .threeColumnsWideRight .columnTwo .twocolumn {
    width: 22.994652406417114%;
  }
  #top.area .threeColumnsWideRight .columnThree,
  #foot.area .threeColumnsWideRight .columnThree {
    width: 65.77540106951871%;
    margin-right: 0;
  }
  #top.area .threeColumnsWideRight .columnThree .full .picture img,
  #foot.area .threeColumnsWideRight .columnThree .full .picture img {
    width: 100%;
  }
  #top.area .threeColumnsWideRight .columnThree .half .picture,
  #foot.area .threeColumnsWideRight .columnThree .half .picture {
    width: 47.967479674796756%;
  }
  #top.area .threeColumnsWideRight .columnThree .half .picture img,
  #foot.area .threeColumnsWideRight .columnThree .half .picture img {
    width: 100%;
  }
  #top.area .threeColumnsWideRight .columnThree .twocolumn,
  #foot.area .threeColumnsWideRight .columnThree .twocolumn {
    width: 47.967479674796756%;
    margin-right: 4.065040650406504%;
  }
  /* TOP/FOOT THREE COLUMN (WIDE LEFT) */
  #top.area .threeColumnsWideLeft .columnOne,
  #foot.area .threeColumnsWideLeft .columnOne {
    width: 65.77540106951871%;
  }
  #top.area .threeColumnsWideLeft .columnOne .full .picture img,
  #foot.area .threeColumnsWideLeft .columnOne .full .picture img {
    width: 100%;
  }
  #top.area .threeColumnsWideLeft .columnOne .half .picture,
  #foot.area .threeColumnsWideLeft .columnOne .half .picture {
    width: 47.967479674796756%;
  }
  #top.area .threeColumnsWideLeft .columnOne .half .picture img,
  #foot.area .threeColumnsWideLeft .columnOne .half .picture img {
    width: 100%;
  }
  #top.area .threeColumnsWideLeft .columnOne .twocolumn,
  #foot.area .threeColumnsWideLeft .columnOne .twocolumn {
    width: 47.967479674796756%;
    margin-right: 4.065040650406504%;
  }
  #top.area .threeColumnsWideLeft .columnTwo,
  #foot.area .threeColumnsWideLeft .columnTwo {
    width: 31.550802139037433%;
    margin-right: 0;
  }
  #top.area .threeColumnsWideLeft .columnTwo .full .picture img,
  #foot.area .threeColumnsWideLeft .columnTwo .full .picture img {
    width: 100%;
  }
  #top.area .threeColumnsWideLeft .columnTwo .twocolumn,
  #foot.area .threeColumnsWideLeft .columnTwo .twocolumn {
    width: 45.762711864406775%;
  }
  #top.area .threeColumnsWideLeft .columnThree,
  #foot.area .threeColumnsWideLeft .columnThree {
    width: 100%;
  }
  #top.area .threeColumnsWideLeft .columnThree .full .picture,
  #foot.area .threeColumnsWideLeft .columnThree .full .picture {
    width: auto;
    float: left;
    margin-right: 10px;
  }
  #top.area .threeColumnsWideLeft .columnThree .twocolumn,
  #foot.area .threeColumnsWideLeft .columnThree .twocolumn {
    width: 48.663101604278076%;
  }
  /* MAIN THREE COLUMN (EQUAL) */
  #main.area .threeColumns .column {
    width: 31.550802139037433%;
  }
  #main.area .threeColumns .column .full .picture img {
    width: 100%;
  }
  #main.area .threeColumns .column.columnThree {
    margin-right: 0;
  }
  /*
  ---
  
  name: SPIN 2 STYLES COLOURS Portrait
  
  description: Provides SPIN2 color and colour grids
  
  requires: [CSS.SPIN2GridsPortrait]
  
  provides: [CSS.SPIN2VisualsPortrait]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  /* =========================== COLOUR GRIDS =========================== */
  /* TOP/FOOT (COLOUR2) */
  #top.area .oneColumn .colour2 .twocolumn,
  #foot.area .oneColumn .colour2 .twocolumn {
    width: 48.663101604278076%;
  }
  #top.area .twoColumns .colour2 .twocolumn,
  #foot.area .twoColumns .colour2 .twocolumn {
    width: 47.252747252747255%;
    margin-right: 5.4945054945054945%;
  }
  #top.area .twoColumnsSmallLeft .columnOne .colour2 .twocolumn,
  #foot.area .twoColumnsSmallLeft .columnOne .colour2 .twocolumn,
  #top.area .twoColumnsSmallRight .columnTwo .colour2 .twocolumn,
  #foot.area .twoColumnsSmallRight .columnTwo .colour2 .twocolumn {
    width: 48.663101604278076%;
  }
  #top.area .twoColumnsSmallLeft .columnTwo .colour2 .twocolumn,
  #foot.area .twoColumnsSmallLeft .columnTwo .colour2 .twocolumn,
  #top.area .twoColumnsSmallRight .columnOne .colour2 .twocolumn,
  #foot.area .twoColumnsSmallRight .columnOne .colour2 .twocolumn {
    width: 48.663101604278076%;
  }
  #top.area .threeColumns .colour2 .twocolumn,
  #foot.area .threeColumns .colour2 .twocolumn {
    width: 48.663101604278076%;
  }
  #top.area .threeColumnsWideLeft .columnTwo .colour2 .twocolumn,
  #foot.area .threeColumnsWideLeft .columnTwo .colour2 .twocolumn,
  #top.area .threeColumnsWideRight .columnTwo .colour2 .twocolumn,
  #foot.area .threeColumnsWideRight .columnTwo .colour2 .twocolumn {
    width: 434.8837209302325%;
    margin-right: 11.627906976744185%;
  }
  #top.area .threeColumnsWideRight .columnOne .colour2 .twocolumn,
  #foot.area .threeColumnsWideRight .columnOne .colour2 .twocolumn {
    width: 48.663101604278076%;
  }
  #top.area .threeColumnsWideLeft .columnOne .colour2 .twocolumn,
  #foot.area .threeColumnsWideLeft .columnOne .colour2 .twocolumn {
    width: 47.967479674796756%;
    margin-right: 4.065040650406504%;
  }
  #top.area .threeColumnsWideLeft .columnThree .colour2 .twocolumn,
  #foot.area .threeColumnsWideLeft .columnThree .colour2 .twocolumn {
    width: 48.663101604278076%;
  }
  /* MAIN (COLOUR2) */
  #main.area .oneColumn .colour2 .twocolumn {
    width: 48.663101604278076%;
  }
  #main.area .twoColumns .colour2 .twocolumn {
    width: 47.252747252747255%;
    margin-right: 5.4945054945054945%;
  }
  #main.area .twoColumnsSmallLeft .columnTwo .colour2 .twocolumn,
  #main.area .twoColumnsSmallRight .columnOne .colour2 .twocolumn {
    width: 47.967479674796756%;
    margin-right: 4.065040650406504%;
  }
  /* MAIN RIGHT (COLOUR2) */
  #mainright.area .oneColumn .colour2 .twocolumn {
    width: 48.663101604278076%;
  }
  /*
  ---
  
  name: SPIN Portrait
  
  provides: [CSS.SPINPortrait]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .colour2 .twocolumn .column1,
  .colour2 .twocolumn .column2 {
    width: 21.550802139037433%;
  }
  .section_twocolumn .section_column1 .colour2 .twocolumn .column1,
  .section_twocolumn .section_column1 .colour2 .twocolumn .column2 {
    width: 12.994652406417114%;
  }
  /*
  ---
  
  name: Spin Galleries Portrait
  
  requires: [CSS.GalleryPortrait]
  
  provides: CSS.SPIN2GalleriesPortrait
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  #top.area .oneColumn .columnOne .slideshowStyle1 img,
  #foot.area .oneColumn .columnOne .slideshowStyle1 img,
  #top.area .twoColumnsSmallLeft .columnTwo .slideshowStyle1 img,
  #foot.area .twoColumnsSmallLeft .columnTwo .slideshowStyle1 img,
  #top.area .twoColumnsSmallRight .columnOne .slideshowStyle1 img,
  #foot.area .twoColumnsSmallRight .columnOne .slideshowStyle1 img,
  #top.area .oneColumn .columnOne .slideshowStyle1 .caption,
  #foot.area .oneColumn .columnOne .slideshowStyle1 .caption,
  #top.area .twoColumnsSmallLeft .columnTwo .slideshowStyle1 .caption,
  #foot.area .twoColumnsSmallLeft .columnTwo .slideshowStyle1 .caption,
  #top.area .twoColumnsSmallRight .columnOne .slideshowStyle1 .caption,
  #foot.area .twoColumnsSmallRight .columnOne .slideshowStyle1 .caption {
    width: 100%;
  }
  .oneColumn .slideshowStyle2 .display {
    width: 68.44919786096256%;
  }
  .oneColumn .slideshowStyle2 .thumbs {
    width: 31.550802139037433%;
  }
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .display,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .display,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .display,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .display {
    width: 48.663101604278076%;
  }
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs {
    width: 51.33689839572192%;
  }
  #main.area .oneColumn .slideshowStyle2 .display {
    width: 48.663101604278076%;
  }
  #main.area .oneColumn .slideshowStyle2 .thumbs {
    width: 51.336898395721924%;
  }
  /*
  ---
  
  name: SPIN 2 Grid Layout Portrait
  
  description: Provides grid layout for SPIN2
  
  requires: [CSS.SPIN2Portrait]
  
  provides: CSS.SPIN2GridLayoutPortrait
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .gridLayout li {
    display: inline-block;
    vertical-align: top;
    width: 14.43850267379679%;
    margin-right: 2.6737967914438503%;
  }
  .gridLayout li:nth-child(2n) {
    margin-right: 2.6737967914438503%;
  }
  .twoColumns .column .gridLayout li {
    width: 100%;
    margin-right: 5.4945054945054945%;
  }
  .twoColumnsSmallRight .columnOne .gridLayout li,
  .twoColumnsSmallLeft .columnTwo .gridLayout li {
    width: 31.550802139037433%;
    margin-right: 2.6737967914438503%;
  }
  #main.area .gridLayout ul li {
    width: 31.550802139037433%;
    margin-right: 2.6737967914438503%;
  }
  #top.area .oneColumn .gridLayout li,
  #foot.area .oneColumn .gridLayout li {
    width: 31.550802139037433%;
  }
  /*
  ---
  
  name: WebSubs Portrait
  
  description: webSubs class styles
  
  provides: [CSS.WebSubsPortrait]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  /* SUBS CONTENT */
  #register #columns {
    padding: 0;
  }
  #mast .return {
    float: right;
    margin-bottom: 0;
    margin-top: 72px;
  }
  .subs_wrapper1 .col1,
  .subs_wrapper2 .col1 {
    padding-right: 1.694915254237288%;
    width: 57.21925133689839%;
    margin-bottom: 0;
  }
  .subs_wrapper1 .col2,
  .subs_wrapper2 .col2 {
    width: 38.41203661742047%;
  }
  .subs_wrapper1 .col2 .formbox .text,
  .subs_wrapper2 .col2 .formbox .text {
    width: 100%;
  }
  /*
  ---
  
  name: Portrait Overrides
  
  provides: [CSS.PortraitOverrides]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  #logo {
    border-right: 1px solid #c4bdbb;
  }
  .mobileNav > div.mobileMenuSleeve {
    margin-left: -10px;
    margin-right: -10px;
  }
  #mastsearch {
    margin-top: -6px;
    display: block;
  }
  #searchResultsEnterprise #columns {
    padding: 0;
  }
  #searchResultsEnterprise #columns #rightcolumn {
    float: left;
    margin-right: 0;
    width: 22.994652406417114%;
    margin-top: 39px;
    clear: none;
  }
  #searchResultsEnterprise #columns #rightcolumn #rightcolumn_sleeve > div {
    width: auto;
    float: none;
    margin-right: 0;
  }
  #searchResultsEnterprise #columns #colmain {
    float: right;
    padding-right: 0;
    width: 74.33155080213903%;
  }
  .enterpriseSearchBar h1 {
    width: 22.994652406417114%;
    float: left;
    margin-bottom: 0;
  }
  .enterpriseSearchBar .formbox {
    width: 74.33155080213903%;
    float: right;
    clear: none;
  }
  .enterpriseSearchBar:after {
    clear: both;
    content: '';
    display: table;
  }
  .articleWrapper .relatedContent {
    float: none;
    width: auto;
  }
  .articleWrapper .articleContent {
    float: none;
    width: auto;
  }
  #main.area .grid .column {
    margin-right: 2.6737967914438503%;
  }
  /* Slideshow style 2 */
  .slideshowStyle2 {
    position: relative;
  }
  .slideshowStyle2 .thumbs {
    float: right;
  }
  .slideshowStyle2 .thumbs li {
    border-left: 0 none;
  }
  .slideshowStyle2 .thumbs .selected {
    position: relative;
    overflow: visible;
  }
  .slideshowStyle2 .thumbs .selected:after {
    content: '';
    position: absolute;
    top: 31px;
    left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 33px 26px 32px 0;
    border-color: transparent #ffffff;
    z-index: 1;
  }
  .oneColumn .slideshowStyle2 .thumbs .selected:after {
    top: 10px;
  }
  .oneColumn .slideshowStyle2 .thumbs li .heading {
    font-size: 1.4em;
    line-height: 1.286;
    max-height: 3.857em;
  }
  .oneColumn .slideshowStyle2 .display {
    height: 252px;
  }
  #top .twoColumnsSmallLeft .slideshowStyle2 .thumbs li .heading,
  #foot .twoColumnsSmallLeft .slideshowStyle2 .thumbs li .heading,
  #top .twoColumnsSmallRight .slideshowStyle2 .thumbs li .heading,
  #foot .twoColumnsSmallRight .slideshowStyle2 .thumbs li .heading {
    font-size: 2em;
    line-height: 1.2;
    max-height: 2.4em;
  }
  #main .oneColumn .slideshowStyle2 .thumbs li {
    height: 84px;
  }
  #main .oneColumn .slideshowStyle2 .thumbs li .heading {
    font-size: 2em;
    line-height: 1.2;
    max-height: 2.4em;
  }
  #main .oneColumn .slideshowStyle2 .controls {
    bottom: 12px;
  }
  .twoColumns .column .currentissue,
  .twoColumnsSmallLeft .columnOne .currentissue,
  .twoColumnsSmallRight .columnTwo .currentissue,
  .threeColumns .currentissue,
  .threeColumnsWideLeft .columnOne .currentissue,
  .threeColumnsWideLeft .columnThree .currentissue,
  .threeColumnsWideRight .columnOne .currentissue,
  .threeColumnsWideRight .columnThree .currentissue,
  #main .twoColumnsSmallLeft .columnTwo .currentissue,
  #main .twoColumnsSmallRight .columnOne .currentissue {
    padding-right: 0;
  }
  .twoColumns .column .currentissue .issueTopics,
  .twoColumnsSmallLeft .columnOne .currentissue .issueTopics,
  .twoColumnsSmallRight .columnTwo .currentissue .issueTopics,
  .threeColumns .currentissue .issueTopics,
  .threeColumnsWideLeft .columnOne .currentissue .issueTopics,
  .threeColumnsWideLeft .columnThree .currentissue .issueTopics,
  .threeColumnsWideRight .columnOne .currentissue .issueTopics,
  .threeColumnsWideRight .columnThree .currentissue .issueTopics,
  #main .twoColumnsSmallLeft .columnTwo .currentissue .issueTopics,
  #main .twoColumnsSmallRight .columnOne .currentissue .issueTopics {
    width: auto;
    float: none;
  }
  .twoColumns .column .currentissue .digitalEdition,
  .twoColumnsSmallLeft .columnOne .currentissue .digitalEdition,
  .twoColumnsSmallRight .columnTwo .currentissue .digitalEdition,
  .threeColumns .currentissue .digitalEdition,
  .threeColumnsWideLeft .columnOne .currentissue .digitalEdition,
  .threeColumnsWideLeft .columnThree .currentissue .digitalEdition,
  .threeColumnsWideRight .columnOne .currentissue .digitalEdition,
  .threeColumnsWideRight .columnThree .currentissue .digitalEdition,
  #main .twoColumnsSmallLeft .columnTwo .currentissue .digitalEdition,
  #main .twoColumnsSmallRight .columnOne .currentissue .digitalEdition {
    width: auto;
    margin-right: 0;
    float: none;
    border-left: 0 none;
    padding-left: 0;
  }
  .twoColumns .column .currentissue .digitalEdition p.picture,
  .twoColumnsSmallLeft .columnOne .currentissue .digitalEdition p.picture,
  .twoColumnsSmallRight .columnTwo .currentissue .digitalEdition p.picture,
  .threeColumns .currentissue .digitalEdition p.picture,
  .threeColumnsWideLeft .columnOne .currentissue .digitalEdition p.picture,
  .threeColumnsWideLeft .columnThree .currentissue .digitalEdition p.picture,
  .threeColumnsWideRight .columnOne .currentissue .digitalEdition p.picture,
  .threeColumnsWideRight .columnThree .currentissue .digitalEdition p.picture,
  #main .twoColumnsSmallLeft .columnTwo .currentissue .digitalEdition p.picture,
  #main .twoColumnsSmallRight .columnOne .currentissue .digitalEdition p.picture {
    margin-top: 0;
  }
  .threeColumnsWideLeft .columnTwo .currentissue,
  .threeColumnsWideRight .columnTwo .currentissue,
  #rightcolumn .oneColumn .column .currentissue,
  #mainright .twoColumns .column .currentissue,
  #main .twoColumnsSmallLeft .columnOne .currentissue,
  #main .twoColumnsSmallRight .columnTwo .currentissue,
  #main .threeColumns .column .currentissue {
    padding-right: 0;
  }
  .threeColumnsWideLeft .columnTwo .currentissue .issueTopics,
  .threeColumnsWideRight .columnTwo .currentissue .issueTopics,
  #rightcolumn .oneColumn .column .currentissue .issueTopics,
  #mainright .twoColumns .column .currentissue .issueTopics,
  #main .twoColumnsSmallLeft .columnOne .currentissue .issueTopics,
  #main .twoColumnsSmallRight .columnTwo .currentissue .issueTopics,
  #main .threeColumns .column .currentissue .issueTopics {
    width: auto;
    float: none;
  }
  .threeColumnsWideLeft .columnTwo .currentissue .issueTopics p.picture,
  .threeColumnsWideRight .columnTwo .currentissue .issueTopics p.picture,
  #rightcolumn .oneColumn .column .currentissue .issueTopics p.picture,
  #mainright .twoColumns .column .currentissue .issueTopics p.picture,
  #main .twoColumnsSmallLeft .columnOne .currentissue .issueTopics p.picture,
  #main .twoColumnsSmallRight .columnTwo .currentissue .issueTopics p.picture,
  #main .threeColumns .column .currentissue .issueTopics p.picture {
    float: none;
    padding-right: 0;
  }
  .threeColumnsWideLeft .columnTwo .currentissue .digitalEdition,
  .threeColumnsWideRight .columnTwo .currentissue .digitalEdition,
  #rightcolumn .oneColumn .column .currentissue .digitalEdition,
  #mainright .twoColumns .column .currentissue .digitalEdition,
  #main .twoColumnsSmallLeft .columnOne .currentissue .digitalEdition,
  #main .twoColumnsSmallRight .columnTwo .currentissue .digitalEdition,
  #main .threeColumns .column .currentissue .digitalEdition {
    width: auto;
    margin-right: 0;
    float: none;
    border-left: 0 none;
    padding-left: 0;
  }
  .threeColumnsWideLeft .columnTwo .currentissue .digitalEdition p.picture,
  .threeColumnsWideRight .columnTwo .currentissue .digitalEdition p.picture,
  #rightcolumn .oneColumn .column .currentissue .digitalEdition p.picture,
  #mainright .twoColumns .column .currentissue .digitalEdition p.picture,
  #main .twoColumnsSmallLeft .columnOne .currentissue .digitalEdition p.picture,
  #main .twoColumnsSmallRight .columnTwo .currentissue .digitalEdition p.picture,
  #main .threeColumns .column .currentissue .digitalEdition p.picture {
    margin-top: 0;
  }
  #mainright .twoColumns .column .currentissue .digitalEdition {
    border-left: 0 none;
    padding-left: 0;
  }
  #mainright .twoColumns .column .currentissue .digitalEdition p.picture {
    margin-top: 0;
    float: none;
  }
  #mastnav .tablet,
  .mastNavStyle1 .tablet,
  #mastnav .desktop,
  .mastNavStyle1 .desktop {
    display: block;
  }
  #mastnav .mobile,
  .mastNavStyle1 .mobile {
    display: none;
  }
  .eventsInfo .eventImage,
  .selectedEvents .eventImage {
    float: left;
    margin: 0 20px 18px 0;
  }
  .formbox .fieldtips,
  .formbox .additionalInfo {
    padding: 6px 0 0 110px;
  }
  .human_test span {
    width: 430px;
  }
  #story blockquote {
    float: right;
  }
  .extras.mightAlsoLike li,
  .todaysArticles li {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 12px;
    margin-bottom: 12px;
    width: 48.663101604278076%;
    display: inline-block;
    vertical-align: top;
  }
  .extras.mightAlsoLike li:first-child,
  .todaysArticles li:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .extras.mightAlsoLike li:last-child,
  .todaysArticles li:last-child {
    margin-bottom: 0;
  }
  .extras.mightAlsoLike li:nth-child(odd),
  .todaysArticles li:nth-child(odd) {
    margin-right: 1.694915254237288%;
  }
  .todaysArticles li {
    padding-bottom: 0;
  }
  #footer .account {
    display: none;
  }
  #footer .bottom {
    clear: both;
  }
  #footer .bottom .footerText {
    padding-left: 0;
    padding-right: 0;
  }
  #footer .bottom .footerText h3 {
    float: left;
    line-height: 2.1;
    margin-bottom: 0;
  }
  #footer .bottom .footerText br {
    display: none;
  }
  #footer .bottom .footerText:after {
    clear: both;
    content: '';
    display: table;
  }
  #footer .toolbar .btn i.dropDownIcon {
    display: none;
  }
  #footer ul.hide {
    height: auto;
    overflow: hidden;
  }
  #footer .subNav ul li {
    width: 49.152542372881356%;
    float: left;
  }
  #footer .subNav ul:after {
    clear: both;
    content: '';
    display: table;
  }
  #footer .sleeve.mainNav {
    overflow: hidden;
  }
  #footer .sleeve.mainNav > div {
    padding-top: 0;
    margin: 18px 0;
  }
  #footer .sleeve.mainNav > .footerNav {
    padding-right: 10px;
  }
  #footer .sleeve.mainNav > .info {
    border-left: 1px solid #727272;
    padding-bottom: 500em;
    margin-bottom: -500em;
  }
  #footer .sleeve.mainNav > .info > div {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0;
  }
  #footer .sleeve.mainNav ul li {
    width: auto;
    float: left;
    clear: both;
  }
  #footer .sleeve.mainNav ul li a {
    padding-left: 0;
    background: transparent;
  }
  #footer .sleeve.mainNav ul li.last {
    margin-bottom: 0;
  }
  #footer .sleeve.mainNav ul:after {
    clear: both;
    content: '';
    display: table;
  }
  #footer .formbox label {
    width: auto;
  }
  #footer .subNav ul li {
    width: auto;
    margin-bottom: 0;
  }
  #footer .subNav ul li a {
    background: transparent;
    border-left: 1px solid #727272;
    padding-left: 10px;
    padding-right: 10px;
  }
  #footer .subNav ul li:first-child {
    padding-left: 0;
    border-left: 0;
  }
  #footer .subNav ul li.first a {
    border-left: 0 none;
    padding-left: 0;
  }
  #footer .mainNav > div {
    float: left;
    width: 33%;
  }
  #footer .mainsearch > div {
    padding-top: 18px;
    padding-left: 175px;
    border-top: 1px solid #727272;
  }
  #footer .mainsearch label {
    margin: 0 0 0 -175px;
  }
  #footer .social {
    float: left;
  }
  #footer .social > ul li {
    width: auto;
    clear: both;
  }
  #footer .twitterNews {
    display: block;
    float: right;
    width: 280px;
    padding: 12px 0;
    margin-top: -216px;
  }
  #footer .listings {
    float: left;
  }
  #footer .listings ul {
    border-bottom: 0 none;
  }
  #footer .listings ul li {
    width: auto;
    padding-top: 0;
    border-right: 1px solid #727272;
    padding-right: 12px;
    margin-bottom: 12px;
  }
  #footer .listings ul li:nth-child(odd) {
    padding-top: 0;
    padding-left: 12px;
    clear: none;
  }
  #footer .listings ul li.first {
    padding-left: 0;
  }
  #footer .listings ul li.last {
    border-right: 0 none;
  }
  #ms_footer .account {
    display: none;
  }
  #ms_footer .bottom {
    clear: both;
  }
  #ms_footer ul.hide {
    height: auto;
    overflow: hidden;
  }
  #ms_footer .nav ul li {
    float: left;
    width: auto;
    margin-bottom: 0;
  }
  #ms_footer .nav ul li a {
    background: transparent;
    border-left: 1px solid #727272;
    padding-left: 10px;
    padding-right: 10px;
  }
  #ms_footer .nav ul li.first a {
    border-left: 0 none;
    padding-left: 0;
  }
  #ms_footer .nav ul:after {
    clear: both;
    content: '';
    display: table;
  }
  #ms_footer .listings {
    float: left;
  }
  #ms_footer .listings ul {
    border-bottom: 0 none;
  }
  #ms_footer .listings ul li {
    width: auto;
    padding-top: 0;
    border-right: 1px solid #727272;
    padding-right: 12px;
    margin-bottom: 12px;
  }
  #ms_footer .listings ul li:nth-child(odd) {
    padding-top: 0;
    padding-left: 12px;
    clear: none;
  }
  #ms_footer .listings ul li.first {
    padding-left: 0;
  }
  #ms_footer .listings ul li.last {
    border-right: 0 none;
  }
  .relatedContent .inlineFull li,
  .relatedContent .relatedimages li {
    margin-right: 10px;
  }
  .twoColumns .column .gridLayout li:nth-child(even) {
    margin-right: 0;
  }
  .twoColumnsSmallRight .columnOne .gridLayout li:nth-child(3n),
  .twoColumnsSmallLeft .columnTwo .gridLayout li:nth-child(3n) {
    margin-right: 0;
  }
  #main.area .gridLayout ul li:nth-child(3n) {
    margin-right: 0;
  }
  #top.area .oneColumn .gridLayout li:nth-child(3n),
  #foot.area .oneColumn .gridLayout li:nth-child(3n) {
    margin-right: 0;
  }
  [id="main"] .twoColumns .listBlocks.featuredSupplier .picture,
  [id="top"] .twoColumns .listBlocks.featuredSupplier .picture,
  [id="foot"] .twoColumns .listBlocks.featuredSupplier .picture,
  [id="mainright"] .twoColumns .listBlocks.featuredSupplier .picture,
  [id="main"] .twoColumns .listBlocks.latestSuppliers .picture,
  [id="top"] .twoColumns .listBlocks.latestSuppliers .picture,
  [id="foot"] .twoColumns .listBlocks.latestSuppliers .picture,
  [id="mainright"] .twoColumns .listBlocks.latestSuppliers .picture {
    float: none;
    margin-right: 0;
  }
  [id="main"] .twoColumns .listBlocks.featuredSupplier .picture img,
  [id="top"] .twoColumns .listBlocks.featuredSupplier .picture img,
  [id="foot"] .twoColumns .listBlocks.featuredSupplier .picture img,
  [id="mainright"] .twoColumns .listBlocks.featuredSupplier .picture img,
  [id="main"] .twoColumns .listBlocks.latestSuppliers .picture img,
  [id="top"] .twoColumns .listBlocks.latestSuppliers .picture img,
  [id="foot"] .twoColumns .listBlocks.latestSuppliers .picture img,
  [id="mainright"] .twoColumns .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  [id="top"] .threeColumnsWideLeft .columnTwo .listBlocks.featuredSupplier .picture,
  [id="top"] .threeColumnsWideLeft .columnTwo .listBlocks.latestSuppliers .picture {
    float: none;
    margin-right: 0;
  }
  [id="top"] .threeColumnsWideLeft .columnTwo .listBlocks.featuredSupplier .picture img,
  [id="top"] .threeColumnsWideLeft .columnTwo .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  [id="top"] .threeColumnsWideRight .columnTwo .listBlocks.featuredSupplier .picture,
  [id="top"] .threeColumnsWideRight .columnTwo .listBlocks.latestSuppliers .picture {
    float: none;
    margin-right: 0;
  }
  [id="top"] .threeColumnsWideRight .columnTwo .listBlocks.featuredSupplier .picture img,
  [id="top"] .threeColumnsWideRight .columnTwo .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  [id="main"] .twoColumnsSmallLeft .columnOne .listBlocks.featuredSupplier .picture,
  [id="main"] .twoColumnsSmallLeft .columnOne .listBlocks.latestSuppliers .picture {
    float: none;
    margin-right: 0;
  }
  [id="main"] .twoColumnsSmallLeft .columnOne .listBlocks.featuredSupplier .picture img,
  [id="main"] .twoColumnsSmallLeft .columnOne .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  [id="main"] .twoColumnsSmallRight .columnTwo .listBlocks.featuredSupplier .picture,
  [id="main"] .twoColumnsSmallRight .columnTwo .listBlocks.latestSuppliers .picture {
    float: none;
    margin-right: 0;
  }
  [id="main"] .twoColumnsSmallRight .columnTwo .listBlocks.featuredSupplier .picture img,
  [id="main"] .twoColumnsSmallRight .columnTwo .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  [id="main"] .threeColumns .listBlocks.featuredSupplier .picture,
  [id="main"] .threeColumns .listBlocks.latestSuppliers .picture {
    float: none;
    margin-right: 0;
  }
  [id="main"] .threeColumns .listBlocks.featuredSupplier .picture img,
  [id="main"] .threeColumns .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  [id="foot"] .threeColumnsWideLeft .columnTwo .listBlocks.featuredSupplier .picture,
  [id="foot"] .threeColumnsWideRight .columnTwo .listBlocks.featuredSupplier .picture,
  [id="foot"] .threeColumnsWideLeft .columnTwo .listBlocks.latestSuppliers .picture,
  [id="foot"] .threeColumnsWideRight .columnTwo .listBlocks.latestSuppliers .picture {
    float: none;
    margin-right: 0;
  }
  [id="foot"] .threeColumnsWideLeft .columnTwo .listBlocks.featuredSupplier .picture img,
  [id="foot"] .threeColumnsWideRight .columnTwo .listBlocks.featuredSupplier .picture img,
  [id="foot"] .threeColumnsWideLeft .columnTwo .listBlocks.latestSuppliers .picture img,
  [id="foot"] .threeColumnsWideRight .columnTwo .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  [id="top"] .oneColumn .refineCategory li,
  [id="foot"] .oneColumn .refineCategory li,
  [id="top"] .twoColumnsSmallLeft .refineCategory li,
  [id="foot"] .twoColumnsSmallLeft .refineCategory li,
  [id="top"] .twoColumnsSmallRight .refineCategory li,
  [id="foot"] .twoColumnsSmallRight .refineCategory li,
  [id="top"] .threeColumns .refineCategory li,
  [id="foot"] .threeColumns .refineCategory li,
  [id="top"] .threeColumnsWideLeft .columnThree .refineCategory li,
  [id="foot"] .threeColumnsWideLeft .columnThree .refineCategory li,
  [id="top"] .threeColumnsWideRight .columnOne .refineCategory li,
  [id="foot"] .threeColumnsWideRight .columnOne .refineCategory li,
  [id="top"] .oneColumn .browseSupplier li,
  [id="foot"] .oneColumn .browseSupplier li,
  [id="top"] .twoColumnsSmallLeft .browseSupplier li,
  [id="foot"] .twoColumnsSmallLeft .browseSupplier li,
  [id="top"] .twoColumnsSmallRight .browseSupplier li,
  [id="foot"] .twoColumnsSmallRight .browseSupplier li,
  [id="top"] .threeColumns .browseSupplier li,
  [id="foot"] .threeColumns .browseSupplier li,
  [id="top"] .threeColumnsWideLeft .columnThree .browseSupplier li,
  [id="foot"] .threeColumnsWideLeft .columnThree .browseSupplier li,
  [id="top"] .threeColumnsWideRight .columnOne .browseSupplier li,
  [id="foot"] .threeColumnsWideRight .columnOne .browseSupplier li {
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
    width: 49%;
  }
  [id="main"] .oneColumn .refineCategory li,
  [id="main"] .threeColumnsWideLeft .refineCategory li,
  [id="main"] .threeColumnsWideRight .refineCategory li,
  [id="main"] .oneColumn .browseSupplier li,
  [id="main"] .threeColumnsWideLeft .browseSupplier li,
  [id="main"] .threeColumnsWideRight .browseSupplier li {
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
    width: 49%;
  }
  [id="mainright"] .oneColumn .refineCategory li,
  [id="mainright"] .twoColumnsSmallLeft .refineCategory li,
  [id="mainright"] .twoColumnsSmallRight .refineCategory li,
  [id="mainright"] .threeColumns .refineCategory li,
  [id="mainright"] .threeColumnsWideLeft .refineCategory li,
  [id="mainright"] .threeColumnsWideRight .refineCategory li,
  [id="mainright"] .oneColumn .browseSupplier li,
  [id="mainright"] .twoColumnsSmallLeft .browseSupplier li,
  [id="mainright"] .twoColumnsSmallRight .browseSupplier li,
  [id="mainright"] .threeColumns .browseSupplier li,
  [id="mainright"] .threeColumnsWideLeft .browseSupplier li,
  [id="mainright"] .threeColumnsWideRight .browseSupplier li {
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
    width: 49%;
  }
  .subscriptions .content .columnTwo {
    padding-top: 0;
  }
  .oneColumn .filterControls select,
  .threeColumnsWideLeft .filterControls select,
  .threeColumnsWideRight .filterControls select {
    width: 55%;
  }
  .oneColumn .filterControls .cols:after,
  .threeColumnsWideLeft .filterControls .cols:after,
  .threeColumnsWideRight .filterControls .cols:after {
    clear: both;
    content: '';
    display: table;
  }
  .oneColumn .filterControls .cols > li,
  .threeColumnsWideLeft .filterControls .cols > li,
  .threeColumnsWideRight .filterControls .cols > li {
    padding-right: 20px;
  }
  .oneColumn .filterControls .col,
  .threeColumnsWideLeft .filterControls .col,
  .threeColumnsWideRight .filterControls .col {
    float: left;
  }
  .oneColumn .filterControls .col1of4,
  .threeColumnsWideLeft .filterControls .col1of4,
  .threeColumnsWideRight .filterControls .col1of4 {
    width: 25%;
  }
  .oneColumn .filterControls .col2of4,
  .threeColumnsWideLeft .filterControls .col2of4,
  .threeColumnsWideRight .filterControls .col2of4 {
    width: 50%;
  }
  .oneColumn .filterControls .col3of4,
  .threeColumnsWideLeft .filterControls .col3of4,
  .threeColumnsWideRight .filterControls .col3of4 {
    width: 75%;
  }
  .oneColumn .filterControls .col1of3,
  .threeColumnsWideLeft .filterControls .col1of3,
  .threeColumnsWideRight .filterControls .col1of3 {
    width: 33%;
  }
  .oneColumn .filterControls .col2of3,
  .threeColumnsWideLeft .filterControls .col2of3,
  .threeColumnsWideRight .filterControls .col2of3 {
    width: 33%;
  }
  .accessDenied .twocolumn > div {
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
    width: 49%;
  }
  .subscriptions div.columnOne {
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
    width: 54%;
  }
  .subscriptions div.columnTwo {
    display: inline-block;
    padding-right: 0px;
    vertical-align: top;
    width: 40%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 974px) {
  /*
  ---
  
  name: Portrait Specific Styles
  
  provides: [CSS.PortraitSpecific]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  #rightcolumn #rightcolumn_sleeve > div:not(.ad) {
    float: left;
    width: 48.663101604278076%;
    margin-right: 0;
  }
  #rightcolumn #rightcolumn_sleeve > div:nth-child(odd) {
    margin-right: 2.6737967914438503%;
  }
  #rightcolumn #rightcolumn_sleeve #mainright {
    float: none;
    width: auto;
    margin-right: 0;
    clear: both;
  }
  #rightcolumn #rightcolumn_sleeve .pagetext + .pagetext {
    float: right;
    margin-right: 0;
  }
  #mast .return {
    float: right;
    margin-bottom: 0;
    margin-top: 72px;
  }
  #wrapper #rightcolumn #rightcolumn_sleeve .ad,
  #wrapper #rightcolumn #rightcolumn_sleeve #mpu1-desktop {
    float: none;
    width: auto;
    margin: 20px auto;
  }
  #wrapper #rightcolumn #rightcolumn_sleeve .tabbedblocks {
    width: 100%;
  }
  #wrapper #rightcolumn #rightcolumn_sleeve .tabbedblocks .block {
    float: left;
    width: 48.663101604278076%;
    margin-right: 2.6737967914438503%;
  }
  #wrapper #rightcolumn #rightcolumn_sleeve .tabbedblocks .block + .block {
    margin-right: 0;
  }
  #wrapper #rightcolumn #rightcolumn_sleeve .tabbedblocks h2 {
    float: none;
    margin-right: 0;
  }
  #wrapper #rightcolumn #rightcolumn_sleeve .tabbedblocks .content,
  #wrapper #rightcolumn #rightcolumn_sleeve .tabbedblocks .selected .content {
    clear: none;
    float: none;
    position: static;
    left: 0;
    margin: 0;
  }
  #wrapper #rightcolumn #rightcolumn_sleeve .tabbedblocks .selected > h2 {
    background: #f0efec;
    color: #005385;
  }
  #wrapper #rightcolumn #rightcolumn_sleeve .tabbedblocks > div:nth-last-of-type(1) .content {
    margin-bottom: 0;
  }
  #Discussions #rightcolumn #rightcolumn_sleeve #search_forums {
    width: 100%;
  }
  #Discussions #rightcolumn #rightcolumn_sleeve > div:not(.ad) {
    float: left;
    width: 48.663101604278076%;
    margin-right: 0;
  }
  #Discussions #rightcolumn #rightcolumn_sleeve > div:nth-child(even) {
    margin-right: 2.6737967914438503%;
  }
  #Discussions #rightcolumn #rightcolumn_sleeve .tabbedblocks {
    width: 100% !important;
  }
  #Discussions #rightcolumn #rightcolumn_sleeve .ad,
  #Discussions #rightcolumn #rightcolumn_sleeve #mpu1-desktop {
    margin-right: auto !important;
  }
  #Discussions #rightcolumn #rightcolumn_sleeve .pagetext {
    margin-right: 2.6737967914438503% !important;
  }
  #Discussions #rightcolumn #rightcolumn_sleeve .pagetext + .pagetext {
    margin-right: 0 !important;
  }
  .attachments .main {
    height: 65%;
  }
  .attachments .side {
    height: 35%;
    overflow: auto;
  }
  .attachments .side .caption {
    position: static;
    border: 0;
    padding-top: 0;
  }
  .attachments .side .advert + .caption {
    position: fixed;
    padding-right: 2.6737967914438503%;
    left: 320px;
    height: 28%;
    overflow: auto;
  }
  .attachments .side .advert {
    position: fixed;
    border-bottom: 0;
    width: 300px;
    margin-right: 10px;
  }
  #mainright.area .oneColumn .column .slideshowStyle1 .display > div,
  #top.area .twoColumnsSmallLeft .columnOne .slideshowStyle1 .display > div,
  #foot.area .twoColumnsSmallLeft .columnOne .slideshowStyle1 .display > div,
  #top.area .twoColumnsSmallRight .columnTwo .slideshowStyle1 .display > div,
  #foot.area .twoColumnsSmallRight .columnTwo .slideshowStyle1 .display > div,
  #top.area .threeColumns .column .slideshowStyle1 .display > div,
  #foot.area .threeColumns .column .slideshowStyle1 .display > div,
  #top.area .threeColumnsWideLeft .columnThree .slideshowStyle1 .display > div,
  #foot.area .threeColumnsWideLeft .columnThree .slideshowStyle1 .display > div,
  #top.area .threeColumnsWideRight .columnOne .slideshowStyle1 .display > div,
  #foot.area .threeColumnsWideRight .columnOne .slideshowStyle1 .display > div {
    float: left;
    width: 48.663101604278076%;
    overflow: hidden;
  }
  #mainright.area .oneColumn .column .slideshowStyle1 img,
  #top.area .twoColumnsSmallLeft .columnOne .slideshowStyle1 img,
  #foot.area .twoColumnsSmallLeft .columnOne .slideshowStyle1 img,
  #top.area .twoColumnsSmallRight .columnTwo .slideshowStyle1 img,
  #foot.area .twoColumnsSmallRight .columnTwo .slideshowStyle1 img,
  #top.area .threeColumns .column .slideshowStyle1 img,
  #foot.area .threeColumns .column .slideshowStyle1 img,
  #top.area .threeColumnsWideLeft .columnThree .slideshowStyle1 img,
  #foot.area .threeColumnsWideLeft .columnThree .slideshowStyle1 img,
  #top.area .threeColumnsWideRight .columnOne .slideshowStyle1 img,
  #foot.area .threeColumnsWideRight .columnOne .slideshowStyle1 img {
    width: auto;
  }
  #top .twoColumnsSmallLeft .slideshowStyle2 .display,
  #foot .twoColumnsSmallLeft .slideshowStyle2 .display,
  #top .twoColumnsSmallRight .slideshowStyle2 .display,
  #foot .twoColumnsSmallRight .slideshowStyle2 .display {
    height: 252px;
  }
  #top .twoColumnsSmallLeft .slideshowStyle2 .thumbs .selected:after,
  #foot .twoColumnsSmallLeft .slideshowStyle2 .thumbs .selected:after,
  #top .twoColumnsSmallRight .slideshowStyle2 .thumbs .selected:after,
  #foot .twoColumnsSmallRight .slideshowStyle2 .thumbs .selected:after {
    top: 10px;
  }
  #main .oneColumn .slideshowStyle2 .display {
    height: 252px;
  }
  .noResults #wrapper #rightcolumn #rightcolumn_sleeve .filteredSearch .block {
    float: none;
    width: 100%;
  }
}
@media only screen and (min-width: 975px) {
  /*
  ---
  
  name: AccountDesktop
  
  description: Styles for MyAccount pages
  
  provides: CSS.AccountDesktop
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  #content .recentItems .tabbedblocks .content {
    margin-left: -100%;
    width: 100%;
  }
  /*
  ---
  
  name: A-ZDesktop
  
  description: Styles for A-Z pages - contributors, previous issues, subjects
  
  requires: [CSS.AZListDesktop]
  
  provides: [CSS.AZItemsDesktop]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .az_items .column {
    width: 35.8974358974359%;
  }
  .publicationIndex .block li {
    width: 33.07692307692307%;
  }
  .publicationIndex .publicationsList li {
    width: 33.07692307692307%;
  }
  /*
  ---
  
  name: Navigation (style 2)
  
  description: Navigation.
  
  requires: [CSS.Main, CSS.Structure, CSS.Layout]
  
  provides: [CSS.Navigation.Style2]
  
  ...
  */
  .navStyle2 {
    /* LATEST WIDTHS */
  
    /* FEATURED / HTML BLOCK WIDTHS */
  
    /* LATEST AND FEATURED / HTML BLOCK */
  
    /* LATEST AND FEATURED AND HTML BLOCK */
  
  }
  .navStyle2 li div ul li:first-child {
    border-left: 0;
  }
  .navStyle2 li div ul li {
    width: auto;
  }
  .navStyle2 li div .showLatest {
    width: auto;
  }
  .navStyle2 li div .showStory {
    width: auto;
  }
  .navStyle2 li div .showBlock {
    width: auto;
  }
  .navStyle2 li div .showStory div {
    width: auto;
  }
  .navStyle2 li div .showStory div ul li {
    width: 48.220640569395016%;
  }
  .navStyle2 li div .showBlock div {
    width: auto;
  }
  .navStyle2 li.onewide > div {
    width: 12.459016393442624%;
  }
  .navStyle2 li.onewide > div .subnav {
    width: 100%;
  }
  .navStyle2 li.onewide.twoColumn > div {
    width: 24.91803278688525%;
  }
  .navStyle2 li.onewide.twoColumn > div .subnav {
    width: 50%;
  }
  .navStyle2 li.onewide.threeColumn > div {
    width: 37.37704918032787%;
  }
  .navStyle2 li.onewide.threeColumn > div .subnav {
    width: 33.333333333333336%;
  }
  .navStyle2 li.onewide.fourColumn > div {
    width: 49.8360655737705%;
  }
  .navStyle2 li.onewide.fourColumn > div .subnav {
    width: 25%;
  }
  .navStyle2 li.onewide.latestStories > div {
    width: 25%;
  }
  .navStyle2 li.onewide.latestStories > div .showLatest {
    width: 100%;
  }
  .navStyle2 li.twowide.oneColumn.latestStories > div {
    width: 37.459016393442624%;
  }
  .navStyle2 li.twowide.oneColumn.latestStories > div .subnav {
    width: 33.260393873085334%;
  }
  .navStyle2 li.twowide.oneColumn.latestStories > div .showLatest {
    width: 66.73960612691467%;
  }
  .navStyle2 li.twowide.twoColumn.latestStories > div {
    width: 49.91803278688525%;
  }
  .navStyle2 li.twowide.twoColumn.latestStories > div .subnav {
    width: 24.958949096880133%;
  }
  .navStyle2 li.twowide.twoColumn.latestStories > div .showLatest {
    width: 50.08210180623974%;
  }
  .navStyle2 li.twowide.threeColumn.latestStories > div {
    width: 62.37704918032787%;
  }
  .navStyle2 li.twowide.threeColumn.latestStories > div .subnav {
    width: 19.97371879106439%;
  }
  .navStyle2 li.twowide.threeColumn.latestStories > div .showLatest {
    width: 40.07884362680683%;
  }
  .navStyle2 li.onewide.featuredStory > div,
  .navStyle2 li.onewide.htmlBlock > div {
    width: 25%;
  }
  .navStyle2 li.onewide.featuredStory > div .showStory,
  .navStyle2 li.onewide.htmlBlock > div .showStory {
    width: 100%;
  }
  .navStyle2 li.onewide.featuredStory > div .showBlock,
  .navStyle2 li.onewide.htmlBlock > div .showBlock {
    width: 100%;
  }
  .navStyle2 li.twowide.oneColumn.featuredStory > div,
  .navStyle2 li.twowide.oneColumn.htmlBlock > div {
    width: 37.459016393442624%;
  }
  .navStyle2 li.twowide.oneColumn.featuredStory > div .subnav,
  .navStyle2 li.twowide.oneColumn.htmlBlock > div .subnav {
    width: 33.260393873085334%;
  }
  .navStyle2 li.twowide.oneColumn.featuredStory > div .showStory,
  .navStyle2 li.twowide.oneColumn.htmlBlock > div .showStory {
    width: 66.73960612691467%;
  }
  .navStyle2 li.twowide.oneColumn.featuredStory > div .showBlock,
  .navStyle2 li.twowide.oneColumn.htmlBlock > div .showBlock {
    width: 66.73960612691467%;
  }
  .navStyle2 li.twowide.twoColumn.featuredStory > div,
  .navStyle2 li.twowide.twoColumn.htmlBlock > div {
    width: 49.91803278688525%;
  }
  .navStyle2 li.twowide.twoColumn.featuredStory > div .subnav,
  .navStyle2 li.twowide.twoColumn.htmlBlock > div .subnav {
    width: 24.958949096880133%;
  }
  .navStyle2 li.twowide.twoColumn.featuredStory > div .showStory,
  .navStyle2 li.twowide.twoColumn.htmlBlock > div .showStory {
    width: 50.08210180623974%;
  }
  .navStyle2 li.twowide.twoColumn.featuredStory > div .showBlock,
  .navStyle2 li.twowide.twoColumn.htmlBlock > div .showBlock {
    width: 50.08210180623974%;
  }
  .navStyle2 li.twowide.threeColumn.featuredStory > div,
  .navStyle2 li.twowide.threeColumn.htmlBlock > div {
    width: 62.37704918032787%;
  }
  .navStyle2 li.twowide.threeColumn.featuredStory > div .subnav,
  .navStyle2 li.twowide.threeColumn.htmlBlock > div .subnav {
    width: 19.97371879106439%;
  }
  .navStyle2 li.twowide.threeColumn.featuredStory > div .showStory,
  .navStyle2 li.twowide.threeColumn.htmlBlock > div .showStory {
    width: 40.07884362680683%;
  }
  .navStyle2 li.twowide.threeColumn.featuredStory > div .showBlock,
  .navStyle2 li.twowide.threeColumn.htmlBlock > div .showBlock {
    width: 40.07884362680683%;
  }
  .navStyle2 li.twowide.latestStories.featuredStory > div,
  .navStyle2 li.twowide.latestStories.htmlBlock > div {
    width: 50%;
  }
  .navStyle2 li.twowide.latestStories.featuredStory > div .showLatest,
  .navStyle2 li.twowide.latestStories.htmlBlock > div .showLatest {
    width: 50%;
  }
  .navStyle2 li.twowide.latestStories.featuredStory > div .showStory,
  .navStyle2 li.twowide.latestStories.htmlBlock > div .showStory {
    width: 50%;
  }
  .navStyle2 li.twowide.latestStories.featuredStory > div .showBlock,
  .navStyle2 li.twowide.latestStories.htmlBlock > div .showBlock {
    width: 50%;
  }
  .navStyle2 li.threewide.oneColumn.latestStories.featuredStory > div,
  .navStyle2 li.threewide.oneColumn.latestStories.htmlBlock > div {
    width: 62.459016393442624%;
  }
  .navStyle2 li.threewide.oneColumn.latestStories.featuredStory > div .subnav,
  .navStyle2 li.threewide.oneColumn.latestStories.htmlBlock > div .subnav {
    width: 19.94750656167979%;
  }
  .navStyle2 li.threewide.oneColumn.latestStories.featuredStory > div .showLatest,
  .navStyle2 li.threewide.oneColumn.latestStories.htmlBlock > div .showLatest {
    width: 40.0262467191601%;
  }
  .navStyle2 li.threewide.oneColumn.latestStories.featuredStory > div .showStory,
  .navStyle2 li.threewide.oneColumn.latestStories.htmlBlock > div .showStory {
    width: 40.0262467191601%;
  }
  .navStyle2 li.threewide.oneColumn.latestStories.featuredStory > div .showBlock,
  .navStyle2 li.threewide.oneColumn.latestStories.htmlBlock > div .showBlock {
    width: 40.0262467191601%;
  }
  .navStyle2 li.threewide.twoColumn.latestStories.featuredStory > div,
  .navStyle2 li.threewide.twoColumn.latestStories.htmlBlock > div {
    width: 74.91803278688525%;
  }
  .navStyle2 li.threewide.twoColumn.latestStories.featuredStory > div .subnav,
  .navStyle2 li.threewide.twoColumn.latestStories.htmlBlock > div .subnav {
    width: 16.630196936542667%;
  }
  .navStyle2 li.threewide.twoColumn.latestStories.featuredStory > div .showLatest,
  .navStyle2 li.threewide.twoColumn.latestStories.htmlBlock > div .showLatest {
    width: 33.36980306345733%;
  }
  .navStyle2 li.threewide.twoColumn.latestStories.featuredStory > div .showStory,
  .navStyle2 li.threewide.twoColumn.latestStories.htmlBlock > div .showStory {
    width: 33.36980306345733%;
  }
  .navStyle2 li.threewide.twoColumn.latestStories.featuredStory > div .showBlock,
  .navStyle2 li.threewide.twoColumn.latestStories.htmlBlock > div .showBlock {
    width: 33.36980306345733%;
  }
  .navStyle2 li.threewide.latestStories.featuredStory.htmlBlock > div {
    width: 75%;
  }
  .navStyle2 li.threewide.latestStories.featuredStory.htmlBlock > div .showLatest {
    width: 33.33333333333333%;
  }
  .navStyle2 li.threewide.latestStories.featuredStory.htmlBlock > div .showStory {
    width: 33.33333333333333%;
  }
  .navStyle2 li.threewide.latestStories.featuredStory.htmlBlock > div .showBlock {
    width: 33.33333333333333%;
  }
  .navStyle2 li.fourwide.oneColumn.latestStories.featuredStory.htmlBlock > div {
    width: 87.45901639344262%;
  }
  .navStyle2 li.fourwide.oneColumn.latestStories.featuredStory.htmlBlock > div .subnav {
    width: 14.245548266166825%;
  }
  .navStyle2 li.fourwide.oneColumn.latestStories.featuredStory.htmlBlock > div .showLatest {
    width: 28.58481724461106%;
  }
  .navStyle2 li.fourwide.oneColumn.latestStories.featuredStory.htmlBlock > div .showStory {
    width: 28.58481724461106%;
  }
  .navStyle2 li.fourwide.oneColumn.latestStories.featuredStory.htmlBlock > div .showBlock {
    width: 28.58481724461106%;
  }
  .navStyle2 li.twowide.featuredStory.htmlBlock > div {
    width: 50%;
  }
  .navStyle2 li.twowide.featuredStory.htmlBlock > div .showStory {
    width: 50%;
  }
  .navStyle2 li.twowide.featuredStory.htmlBlock > div .showBlock {
    width: 50%;
  }
  .navStyle2 li.threewide.oneColumn.featuredStory.htmlBlock > div {
    width: 62.459016393442624%;
  }
  .navStyle2 li.threewide.oneColumn.featuredStory.htmlBlock > div .subnav {
    width: 19.94750656167979%;
  }
  .navStyle2 li.threewide.oneColumn.featuredStory.htmlBlock > div .showStory {
    width: 40.0262467191601%;
  }
  .navStyle2 li.threewide.oneColumn.featuredStory.htmlBlock > div .showBlock {
    width: 40.0262467191601%;
  }
  .navStyle2 li.threewide.twoColumn.featuredStory.htmlBlock > div {
    width: 74.91803278688525%;
  }
  .navStyle2 li.threewide.twoColumn.featuredStory.htmlBlock > div .subnav {
    width: 16.630196936542667%;
  }
  .navStyle2 li.threewide.twoColumn.featuredStory.htmlBlock > div .showStory {
    width: 33.36980306345733%;
  }
  .navStyle2 li.threewide.twoColumn.featuredStory.htmlBlock > div .showBlock {
    width: 33.36980306345733%;
  }
  /*
  ---
  
  name: Structure Desktop
  
  requires: [CSS.MainDesktop]
  
  provides: [CSS.StructureDesktop]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  #mastnav,
  #mast_sleeve,
  #mast_bar,
  .footerSleeve,
  #top.area,
  #foot.area,
  #section_intro {
    max-width: 1180px;
  }
  #mastnav,
  #ms_mast_sleeve .sleeve {
    max-width: 1180px;
    margin: 0 auto;
  }
  .navStyle2 > #sleeve {
    margin: 0 auto;
    max-width: 1180px;
    position: relative;
  }
  .mastPromo {
    width: 43.23094425483504%;
    padding: 0 20px 0 17px;
  }
  #mastsearch {
    clear: right;
    float: right;
    width: 54.83503981797497%;
    padding: 0;
  }
  #story #columns,
  #columns {
    padding: 0px 300px 0 0;
    max-width: 1180px;
    margin: 18px auto;
  }
  #story #columns #colmain,
  #columns #colmain {
    padding-right: 20px;
  }
  #story #columns #rightcolumn,
  #columns #rightcolumn {
    float: right;
    margin-right: -300px;
    width: 300px;
    padding-left: 0;
    clear: none;
  }
  /*
  ---
  
  name: Layout Desktop
  
  requires: [CSS.MainDesktop, CSS.StructureDesktop]
  
  provides: [CSS.LayoutDesktop]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  #colmain {
    width: 66.10169491525424%;
  }
  #rightcolumn {
    width: 32.20338983050847%;
    clear: none;
  }
  /* Basic Two Column Structure */
  .twocolumn .column1,
  .twocolumn .column2 {
    width: 32.20338983050847%;
  }
  /* Section 2 Styling */
  .articleWrapper .relatedContent {
    width: 23.076923076923077%;
  }
  .articleWrapper .relatedContent .twocolumn .column1,
  .articleWrapper .relatedContent .twocolumn .column2 {
    /* Two Column in Section 2 Styling */
  
    width: auto;
  }
  .articleWrapper .articleContent .twocolumn .column1,
  .articleWrapper .articleContent .twocolumn .column2 {
    /* Two Column in Section 2 Styling */
  
    width: 23.728813559322035%;
  }
  #rightcolumn .style2 .column1 {
    width: 15.254237288135593%;
  }
  #rightcolumn .style2 .column2 {
    width: 15.254237288135593%;
  }
  .M2-master #content {
    width: 74.35897435897435%;
    overflow: hidden;
    float: left;
  }
  .M2-master #secondary_content {
    width: 23.076923076923077%;
  }
  /*
  ---
  
  name: Story Desktop
  
  provides: CSS.StoryDesktop
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  #story .articleWrapper {
    overflow: hidden;
  }
  #story .articleWrapper .relatedContent {
    margin-right: 2.564102564102564%;
  }
  #story .articleWrapper .articleContent {
    margin-left: 0;
    width: auto;
    float: none;
  }
  #story .articleWrapper .question,
  #story .articleWrapper .answer {
    overflow: hidden;
  }
  #story .articleWrapper .question:after,
  #story .articleWrapper .answer:after {
    clear: none;
  }
  #story .articleWrapper .story_small,
  #story .articleWrapper .story_large {
    clear: none;
  }
  #story .articleWrapper .story_small,
  #story .articleWrapper .story_large,
  #story .articleWrapper .video_story_large {
    overflow: hidden;
  }
  #story .articleWrapper .table-story {
    overflow: auto;
  }
  #story .articleWrapper .inlineFull,
  #story .articleWrapper .inline_image {
    overflow: hidden;
    clear: none;
  }
  #story .articleWrapper .factfile {
    clear: right;
    overflow: hidden;
  }
  /* RELATED CONTENT */
  .relatedimages .relatedimages_block {
    width: 100%;
  }
  .relatedimages li {
    width: auto;
    padding-right: 0;
  }
  .relatedContent .relatedimages li,
  .relatedContent .inlineFull li {
    display: block;
    margin-right: 0;
  }
  .relatedContent .relatedimages li img,
  .relatedContent .inlineFull li img {
    width: 100%;
  }
  .subscribe_options .subscribe_box {
    width: 23.728813559322035%;
  }
  #story .table-full {
    width: auto;
  }
  #story .abacus-popup .table-full {
    width: 576px;
  }
  #columns #colmain {
    margin-bottom: 0;
  }
  .image_size_small {
    width: 31.03448275862069%;
  }
  .image_size_med {
    width: 48.275862068965516%;
  }
  blockquote {
    width: 49.152542372881356%;
    margin-left: 18px;
    float: right;
  }
  /*
  ---
  
  name: Gallery Desktop
  
  provides: CSS.GalleryDesktop
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .gallery {
    width: 100%;
  }
  .gallery .controls {
    width: 100%;
  }
  /* Gallery style2 */
  .galleryStyle2 {
    width: 66.10169491525424%;
  }
  .galleryStyle2 .controls {
    width: 66.10169491525424%;
  }
  .slideshowStyle2 .display {
    width: 32.20338983050847%;
  }
  .slideshowStyle2 .thumbs {
    width: 33.89830508474576%;
  }
  /*
  ---
  
  name: Slider (style 1) Desktop
  
  requires: [CSS.MainDesktop, CSS.StructureDesktop, CSS.LayoutDesktop, CSS.GalleryDesktop, CSS.SPIN2Desktop]
  
  provides: [CSS.Slider.Style1Desktop]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .sliderStyle1 .thumbs li {
    width: 15.254237288135593%;
  }
  #top .oneColumn .sliderStyle1 .thumbs li,
  #foot .oneColumn .sliderStyle1 .thumbs li {
    width: 180px;
  }
  #top .twoColumnsSmallLeft .sliderStyle1 .thumbs li,
  #foot .twoColumnsSmallLeft .sliderStyle1 .thumbs li,
  #top .twoColumnsSmallRight .sliderStyle1 .thumbs li,
  #foot .twoColumnsSmallRight .sliderStyle1 .thumbs li {
    width: 180px;
  }
  #main .oneColumn .sliderStyle1 .thumbs li {
    width: 180px;
  }
  #mainright.area .oneColumn .column .slideshowStyle1 img,
  #mainright.area .oneColumn .column .slideshowStyle1 .caption {
    float: none;
    position: absolute;
    width: 100%;
  }
  /*
  ---
  
  name: Forms Portrait
  
  requires: [CSS.Main, CSS.Buttons]
  
  provides: [CSS.FormsPortrait]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .formbox .text {
    width: 69.1%;
  }
  .formbox select,
  .formbox select.text {
    width: 70.7%;
  }
  .formbox .text,
  .formbox select {
    width: auto;
  }
  .formbox label,
  .formbox .label {
    width: 100px;
  }
  .formbox .text_field {
    width: 510px;
  }
  .formbox .formsmall {
    width: 26.5%;
  }
  .formbox .formmedium {
    width: 46.5%;
  }
  .formbox .formlarge {
    width: 69.1%;
  }
  .formbox select.formsmall {
    width: 27.3%;
  }
  .formbox select.formmedium {
    width: 47.8%;
  }
  .formbox select.formlarge {
    width: 70.7%;
  }
  .formbox select.dategroup_day {
    width: 80px;
  }
  .formbox select.dategroup_month {
    width: 105px;
  }
  .formbox select.dategroup_year {
    width: 80px;
  }
  .formbox .field div {
    margin-left: 110px;
  }
  .human_test .text {
    margin-left: 110px;
  }
  .human_test label {
    width: 100%;
  }
  .human_test .fieldtips {
    width: 430px;
  }
  .formOptions label,
  .formOptions + label {
    width: 100%;
  }
  /*
  ---
  
  name: SPIN 2 Grids Desktop
  
  description: Provides grid layout for SPIN2
  
  requires: [CSS.SPIN2Desktop]
  
  provides: [CSS.SPIN2GridsDesktop]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  #colmain {
    width: 66.10169491525424%;
  }
  #rightcolumn {
    width: 32.20338983050847%;
  }
  /* GRIDS */
  .grid .columnContainer {
    margin-bottom: 30px;
  }
  .grid .column {
    margin-right: 1.694915254237288%;
    margin-bottom: 0;
  }
  .grid .column.columnTwo {
    margin-right: 0;
  }
  .grid .column .twocolumn {
    width: auto;
  }
  .grid .threeColumns .columnTwo,
  .grid .threeColumnsWideLeft .columnTwo,
  .grid .threeColumnsWideRight .columnTwo {
    margin-right: 1.694915254237288%;
  }
  .grid .threeColumns .columnThree,
  .grid .threeColumnsWideLeft .columnThree,
  .grid .threeColumnsWideRight .columnThree {
    margin-right: 0;
  }
  .grid .twocolumn.left {
    margin-right: 1.694915254237288%;
  }
  /* TOP/FOOT ONE COLUMN */
  #top.area,
  #foot.area {
    margin: 0 auto;
    padding: 0 0;
  }
  #top.area .grid .oneColumn .column,
  #foot.area .grid .oneColumn .column {
    width: 100%;
  }
  #top.area .grid .oneColumn .twocolumn,
  #foot.area .grid .oneColumn .twocolumn {
    width: 49.152542372881356%;
  }
  #top.area .grid .oneColumn .half.twocolumn .picture,
  #foot.area .grid .oneColumn .half.twocolumn .picture {
    width: 48.275862068965516%;
  }
  /* MAIN ONE COLUMN */
  #main.area .grid .oneColumn .column {
    width: 100%;
  }
  #main.area .grid .oneColumn .twocolumn {
    width: 48.71794871794871%;
    margin-right: 2.564102564102564%;
  }
  #main.area .grid .oneColumn .half.twocolumn .picture {
    width: 48.275862068965516%;
  }
  /* MAINRIGHT ONE COLUMN */
  #mainright.area .grid .oneColumn .column .full .picture {
    float: none;
    margin-right: 0;
  }
  #mainright.area .grid .oneColumn .twocolumn {
    width: 47.36842105263159%;
    margin-right: 5.2631578947368425%;
  }
  /* TOP/FOOT TWO COLUMN (EQUAL) */
  #top.area .twoColumns .column,
  #foot.area .twoColumns .column {
    width: 49.152542372881356%;
  }
  #top.area .twoColumns .twocolumn,
  #foot.area .twoColumns .twocolumn {
    width: 48.275862068965516%;
    margin-right: 3.4482758620689653%;
  }
  /* MAIN TWO COLUMN (EQUAL) */
  #main.area .twoColumns .column {
    width: 48.71794871794871%;
  }
  #main.area .twoColumns .twocolumn {
    width: 47.36842105263159%;
    margin-right: 5.2631578947368425%;
  }
  /* MAINRIGHT TWO COLUMN (EQUAL) */
  #mainright.area .twoColumns .column {
    width: 47.36842105263159%;
    margin-right: 5.263157894736842%;
  }
  #mainright.area .twoColumns .column .full .picture {
    float: none;
    margin-right: 0;
  }
  /* TOP/FOOT TWO COLUMN (SMALL LEFT) */
  #top.area .twoColumnsSmallLeft .columnOne,
  #foot.area .twoColumnsSmallLeft .columnOne {
    width: 32.20338983050847%;
  }
  #top.area .twoColumnsSmallLeft .columnOne .full .picture,
  #foot.area .twoColumnsSmallLeft .columnOne .full .picture {
    float: none;
    margin-right: 0;
  }
  #top.area .twoColumnsSmallLeft .columnOne .half .picture,
  #foot.area .twoColumnsSmallLeft .columnOne .half .picture {
    width: 47.36842105263159%;
  }
  #top.area .twoColumnsSmallLeft .columnOne .twocolumn,
  #foot.area .twoColumnsSmallLeft .columnOne .twocolumn {
    width: 47.36842105263159%;
    margin-right: 5.2631578947368425%;
  }
  #top.area .twoColumnsSmallLeft .columnTwo,
  #foot.area .twoColumnsSmallLeft .columnTwo {
    width: 66.10169491525424%;
  }
  #top.area .twoColumnsSmallLeft .half.twocolumn .picture,
  #foot.area .twoColumnsSmallLeft .half.twocolumn .picture {
    width: 48.275862068965516%;
  }
  #top.area .twoColumnsSmallLeft .columnTwo .twocolumn,
  #foot.area .twoColumnsSmallLeft .columnTwo .twocolumn {
    width: 48.71794871794871%;
    margin-right: 2.564102564102564%;
  }
  /* MAIN TWO COLUMN (SMALL LEFT) */
  #main.area .twoColumnsSmallLeft .columnOne {
    width: 35.8974358974359%;
  }
  #main.area .twoColumnsSmallLeft .columnOne .full .picture {
    float: none;
    margin-right: 0;
  }
  #main.area .twoColumnsSmallLeft .columnOne .twocolumn {
    width: 10.16949152542373%;
  }
  #main.area .twoColumnsSmallLeft .columnTwo {
    width: 61.53846153846154%;
    margin-right: 0;
  }
  #main.area .twoColumnsSmallLeft .columnTwo .twocolumn {
    width: 47.91666666666666%;
    margin-right: 4.166666666666666%;
  }
  /* TOP/FOOT TWO COLUMN (SMALL RIGHT) */
  #top.area .twoColumnsSmallRight .columnOne,
  #foot.area .twoColumnsSmallRight .columnOne {
    width: 66.10169491525424%;
  }
  #top.area .twoColumnsSmallRight .columnOne .twocolumn,
  #foot.area .twoColumnsSmallRight .columnOne .twocolumn {
    width: 48.71794871794871%;
    margin-right: 2.564102564102564%;
  }
  #top.area .twoColumnsSmallRight .columnTwo,
  #foot.area .twoColumnsSmallRight .columnTwo {
    width: 32.20338983050847%;
  }
  #top.area .twoColumnsSmallRight .columnTwo .full .picture,
  #foot.area .twoColumnsSmallRight .columnTwo .full .picture {
    float: none;
    margin-right: 0;
  }
  #top.area .twoColumnsSmallRight .columnTwo .half .picture,
  #foot.area .twoColumnsSmallRight .columnTwo .half .picture {
    width: 47.36842105263159%;
  }
  #top.area .twoColumnsSmallRight .half.twocolumn .picture,
  #foot.area .twoColumnsSmallRight .half.twocolumn .picture {
    width: 48.275862068965516%;
  }
  #top.area .twoColumnsSmallRight .columnTwo .twocolumn,
  #foot.area .twoColumnsSmallRight .columnTwo .twocolumn {
    width: 47.36842105263159%;
    margin-right: 5.2631578947368425%;
  }
  /* MAIN TWO COLUMN (SMALL RIGHT) */
  #main.area .twoColumnsSmallRight .columnOne {
    width: 61.53846153846154%;
  }
  #main.area .twoColumnsSmallRight .columnOne .twocolumn {
    width: 47.91666666666666%;
    margin-right: 4.166666666666666%;
  }
  #main.area .twoColumnsSmallRight .columnTwo {
    width: 35.8974358974359%;
    margin-right: 0;
  }
  #main.area .twoColumnsSmallRight .columnTwo .full .picture {
    float: none;
    margin-right: 0;
  }
  #main.area .twoColumnsSmallRight .columnTwo .twocolumn {
    width: 10.16949152542373%;
  }
  /* TOP/FOOT THREE COLUMN (EQUAL) */
  #top.area .threeColumns .columnOne,
  #foot.area .threeColumns .columnOne {
    width: 32.20338983050847%;
  }
  #top.area .threeColumns .columnOne .full .picture,
  #foot.area .threeColumns .columnOne .full .picture {
    float: none;
    margin-right: 0;
  }
  #top.area .threeColumns .columnOne .twocolumn,
  #foot.area .threeColumns .columnOne .twocolumn {
    width: 47.36842105263159%;
    margin-right: 5.2631578947368425%;
  }
  #top.area .threeColumns .columnTwo,
  #foot.area .threeColumns .columnTwo {
    width: 32.20338983050847%;
    margin-right: 1.694915254237288%;
  }
  #top.area .threeColumns .columnTwo .full .picture,
  #foot.area .threeColumns .columnTwo .full .picture {
    float: none;
    margin-right: 0;
  }
  #top.area .threeColumns .columnTwo .twocolumn,
  #foot.area .threeColumns .columnTwo .twocolumn {
    width: 47.36842105263159%;
    margin-right: 5.2631578947368425%;
  }
  #top.area .threeColumns .columnThree,
  #foot.area .threeColumns .columnThree {
    width: 32.20338983050847%;
  }
  #top.area .threeColumns .columnThree .full .picture,
  #foot.area .threeColumns .columnThree .full .picture {
    float: none;
    margin-right: 0;
  }
  #top.area .threeColumns .columnThree .twocolumn,
  #foot.area .threeColumns .columnThree .twocolumn {
    width: 47.36842105263159%;
    margin-right: 5.2631578947368425%;
  }
  #top.area .threeColumns .half .picture,
  #foot.area .threeColumns .half .picture {
    width: 47.36842105263159%;
  }
  /* TOP/FOOT THREE COLUMN (WIDE RIGHT) */
  #top.area .threeColumnsWideRight .columnOne,
  #foot.area .threeColumnsWideRight .columnOne {
    width: 32.20338983050847%;
  }
  #top.area .threeColumnsWideRight .columnOne .full .picture,
  #foot.area .threeColumnsWideRight .columnOne .full .picture {
    float: none;
    margin-right: 0;
  }
  #top.area .threeColumnsWideRight .columnOne .half .picture,
  #foot.area .threeColumnsWideRight .columnOne .half .picture {
    width: 47.36842105263159%;
  }
  #top.area .threeColumnsWideRight .columnOne .twocolumn,
  #foot.area .threeColumnsWideRight .columnOne .twocolumn {
    width: 47.36842105263159%;
    margin-right: 5.2631578947368425%;
  }
  #top.area .threeColumnsWideRight .columnTwo,
  #foot.area .threeColumnsWideRight .columnTwo {
    width: 23.728813559322035%;
    margin-right: 1.694915254237288%;
  }
  #top.area .threeColumnsWideRight .columnTwo .twocolumn,
  #foot.area .threeColumnsWideRight .columnTwo .twocolumn {
    width: 42.85714285714286%;
    margin-right: 7.142857142857142%;
  }
  #top.area .threeColumnsWideRight .columnThree,
  #foot.area .threeColumnsWideRight .columnThree {
    width: 40.67796610169492%;
  }
  #top.area .threeColumnsWideRight .columnThree .twocolumn,
  #foot.area .threeColumnsWideRight .columnThree .twocolumn {
    width: 47.91666666666666%;
    margin-right: 4.166666666666666%;
  }
  /* TOP/FOOT THREE COLUMN (WIDE LEFT) */
  #top.area .threeColumnsWideLeft .columnOne,
  #foot.area .threeColumnsWideLeft .columnOne {
    width: 40.67796610169492%;
  }
  #top.area .threeColumnsWideLeft .columnOne .twocolumn,
  #foot.area .threeColumnsWideLeft .columnOne .twocolumn {
    width: 47.91666666666666%;
    margin-right: 4.166666666666666%;
  }
  #top.area .threeColumnsWideLeft .columnTwo,
  #foot.area .threeColumnsWideLeft .columnTwo {
    width: 23.728813559322035%;
    margin-right: 1.694915254237288%;
  }
  #top.area .threeColumnsWideLeft .columnTwo .twocolumn,
  #foot.area .threeColumnsWideLeft .columnTwo .twocolumn {
    width: 42.85714285714286%;
    margin-right: 7.142857142857142%;
  }
  #top.area .threeColumnsWideLeft .columnThree,
  #foot.area .threeColumnsWideLeft .columnThree {
    width: 32.20338983050847%;
  }
  #top.area .threeColumnsWideLeft .columnThree .full .picture,
  #foot.area .threeColumnsWideLeft .columnThree .full .picture {
    float: none;
    margin-right: 0;
  }
  #top.area .threeColumnsWideLeft .columnThree .half .picture,
  #foot.area .threeColumnsWideLeft .columnThree .half .picture {
    width: 47.36842105263159%;
  }
  #top.area .threeColumnsWideLeft .columnThree .twocolumn,
  #foot.area .threeColumnsWideLeft .columnThree .twocolumn {
    width: 47.36842105263159%;
    margin-right: 5.2631578947368425%;
  }
  /* MAIN THREE COLUMN (EQUAL) */
  #main.area .threeColumns .column {
    width: 31.538461538461537%;
  }
  #main.area .threeColumns .column.columnTwo {
    margin-right: 2.564102564102564%;
  }
  #main.area .threeColumns .column.columnThree {
    margin-right: 0;
  }
  #main.area .threeColumns .columnTwo {
    width: 31.538461538461537%;
  }
  /*
  ---
  
  name: SPIN 2 STYLES COLOURS Desktop
  
  description: Provides SPIN2 color and colour grids
  
  requires: [CSS.SPIN2GridsDesktop]
  
  provides: [CSS.SPIN2VisualsDesktop]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  /* =========================== COLOUR GRIDS =========================== */
  /* TOP/FOOT (COLOUR2) */
  #top.area .oneColumn .colour2 .twocolumn,
  #foot.area .oneColumn .colour2 .twocolumn {
    width: 48.30508474576271%;
  }
  #top.area .twoColumns .colour2 .twocolumn,
  #foot.area .twoColumns .colour2 .twocolumn {
    width: 46.55172413793104%;
    margin-right: 3.4482758620689653%;
  }
  #top.area .twoColumnsSmallLeft .columnOne .colour2 .twocolumn,
  #foot.area .twoColumnsSmallLeft .columnOne .colour2 .twocolumn,
  #top.area .twoColumnsSmallRight .columnTwo .colour2 .twocolumn,
  #foot.area .twoColumnsSmallRight .columnTwo .colour2 .twocolumn {
    width: 44.736842105263165%;
    margin-right: 5.2631578947368425%;
  }
  #top.area .twoColumnsSmallLeft .columnTwo .colour2 .twocolumn,
  #foot.area .twoColumnsSmallLeft .columnTwo .colour2 .twocolumn,
  #top.area .twoColumnsSmallRight .columnOne .colour2 .twocolumn,
  #foot.area .twoColumnsSmallRight .columnOne .colour2 .twocolumn {
    width: 47.43589743589743%;
    margin-right: 2.564102564102564%;
  }
  #top.area .threeColumns .colour2 .twocolumn,
  #foot.area .threeColumns .colour2 .twocolumn {
    width: 44.736842105263165%;
    margin-right: 5.2631578947368425%;
  }
  #top.area .threeColumnsWideLeft .columnTwo .colour2 .twocolumn,
  #foot.area .threeColumnsWideLeft .columnTwo .colour2 .twocolumn,
  #top.area .threeColumnsWideRight .columnTwo .colour2 .twocolumn,
  #foot.area .threeColumnsWideRight .columnTwo .colour2 .twocolumn {
    width: 39.28571428571429%;
    margin-right: 7.142857142857142%;
  }
  #top.area .threeColumnsWideLeft .columnThree .colour2 .twocolumn,
  #foot.area .threeColumnsWideLeft .columnThree .colour2 .twocolumn,
  #top.area .threeColumnsWideRight .columnOne .colour2 .twocolumn,
  #foot.area .threeColumnsWideRight .columnOne .colour2 .twocolumn {
    width: 44.736842105263165%;
    margin-right: 5.2631578947368425%;
  }
  #top.area .threeColumnsWideLeft .columnOne .colour2 .twocolumn,
  #foot.area .threeColumnsWideLeft .columnOne .colour2 .twocolumn,
  #top.area .threeColumnsWideRight .columnThree .colour2 .twocolumn,
  #foot.area .threeColumnsWideRight .columnThree .colour2 .twocolumn {
    width: 45.83333333333333%;
    margin-right: 4.166666666666666%;
  }
  /* MAIN (COLOUR2) */
  #main.area .oneColumn .colour2 .twocolumn {
    width: 47.43589743589743%;
    margin-right: 2.564102564102564%;
  }
  #main.area .twoColumns .colour2 .twocolumn {
    width: 44.736842105263165%;
    margin-right: 5.2631578947368425%;
  }
  #main.area .twoColumnsSmallLeft .columnTwo .colour2 .twocolumn,
  #main.area .twoColumnsSmallRight .columnOne .colour2 .twocolumn {
    width: 45.83333333333333%;
    margin-right: 4.166666666666666%;
  }
  /* MAIN RIGHT (COLOUR2) */
  #mainright.area .oneColumn .colour2 .twocolumn {
    width: 44.736842105263165%;
    margin-right: 5.2631578947368425%;
  }
  /*
  ---
  
  name: SPIN Desktop
  
  provides: [CSS.SPINDesktop]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .colour2 .twocolumn .column1,
  .colour2 .twocolumn .column2 {
    width: 22.20338983050847%;
  }
  .section_twocolumn .section_column1 .colour2 .twocolumn .column1,
  .section_twocolumn .section_column1 .colour2 .twocolumn .column2 {
    width: 13.728813559322035%;
  }
  /*
  ---
  
  name: Spin Galleries Desktop
  
  requires: [CSS.GalleryDesktop]
  
  provides: CSS.SPIN2GalleriesDesktop
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  #top.area .twoColumnsSmallLeft .columnOne .slideshowStyle1 img,
  #foot.area .twoColumnsSmallLeft .columnOne .slideshowStyle1 img,
  #top.area .twoColumnsSmallRight .columnTwo .slideshowStyle1 img,
  #foot.area .twoColumnsSmallRight .columnTwo .slideshowStyle1 img,
  #top.area .threeColumns .column .slideshowStyle1 img,
  #foot.area .threeColumns .column .slideshowStyle1 img,
  #top.area .threeColumnsWideLeft .columnThree .slideshowStyle1 img,
  #foot.area .threeColumnsWideLeft .columnThree .slideshowStyle1 img,
  #top.area .threeColumnsWideRight .columnOne .slideshowStyle1 img,
  #foot.area .threeColumnsWideRight .columnOne .slideshowStyle1 img {
    float: none;
    width: auto;
  }
  #top.area .twoColumnsSmallLeft .columnOne .slideshowStyle1 .caption,
  #foot.area .twoColumnsSmallLeft .columnOne .slideshowStyle1 .caption,
  #top.area .twoColumnsSmallRight .columnTwo .slideshowStyle1 .caption,
  #foot.area .twoColumnsSmallRight .columnTwo .slideshowStyle1 .caption,
  #top.area .threeColumns .column .slideshowStyle1 .caption,
  #foot.area .threeColumns .column .slideshowStyle1 .caption,
  #top.area .threeColumnsWideLeft .columnThree .slideshowStyle1 .caption,
  #foot.area .threeColumnsWideLeft .columnThree .slideshowStyle1 .caption,
  #top.area .threeColumnsWideRight .columnOne .slideshowStyle1 .caption,
  #foot.area .threeColumnsWideRight .columnOne .slideshowStyle1 .caption {
    float: none;
    position: absolute;
    width: auto;
  }
  #top.area .oneColumn .columnOne .slideshowStyle1 img,
  #foot.area .oneColumn .columnOne .slideshowStyle1 img,
  #top.area .twoColumnsSmallLeft .columnTwo .slideshowStyle1 img,
  #foot.area .twoColumnsSmallLeft .columnTwo .slideshowStyle1 img,
  #top.area .twoColumnsSmallRight .columnOne .slideshowStyle1 img,
  #foot.area .twoColumnsSmallRight .columnOne .slideshowStyle1 img,
  #top.area .oneColumn .columnOne .slideshowStyle1 .caption,
  #foot.area .oneColumn .columnOne .slideshowStyle1 .caption,
  #top.area .twoColumnsSmallLeft .columnTwo .slideshowStyle1 .caption,
  #foot.area .twoColumnsSmallLeft .columnTwo .slideshowStyle1 .caption,
  #top.area .twoColumnsSmallRight .columnOne .slideshowStyle1 .caption,
  #foot.area .twoColumnsSmallRight .columnOne .slideshowStyle1 .caption {
    width: 100%;
  }
  .oneColumn .slideshowStyle2 .display {
    width: 67.79661016949153%;
  }
  .oneColumn .slideshowStyle2 .thumbs {
    width: 32.20338983050847%;
  }
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .display,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .display,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .display,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .display {
    height: 258px;
    width: 48.71794871794871%;
  }
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs {
    width: 51.28205128205126%;
  }
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs li,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs li,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs li,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs li {
    height: 86px;
  }
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs li.last,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs li.last,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs li.last,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs li.last {
    height: 86px;
  }
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs li .standfirst,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs li .standfirst,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs li .standfirst,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs li .standfirst,
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs li p,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs li p,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs li p,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs li p {
    display: none;
  }
  #main.area .oneColumn .slideshowStyle2 .display {
    height: 263px;
    width: 48.71794871794871%;
  }
  #main.area .oneColumn .slideshowStyle2 .thumbs li {
    height: 86px;
  }
  #main.area .oneColumn .slideshowStyle2 .thumbs li.last {
    height: 86px;
  }
  #main.area .oneColumn .slideshowStyle2 .thumbs li .standfirst,
  #main.area .oneColumn .slideshowStyle2 .thumbs li p {
    display: none;
  }
  #main.area .oneColumn .slideshowStyle2 .thumbs {
    width: 51.28205128205126%;
  }
  /*
  ---
  
  name: SPIN 2 Grid Layout Desktop
  
  description: Provides grid layout for SPIN2
  
  requires: [CSS.SPIN2Desktop]
  
  provides: CSS.SPIN2GridLayoutDesktop
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  .gridLayout li {
    display: inline-block;
    vertical-align: top;
    width: 23.728813559322035%;
    margin-right: 1.694915254237288%;
  }
  .gridLayout li:nth-child(2n) {
    margin-right: 1.694915254237288%;
  }
  .twoColumnsSmallRight .columnOne .gridLayout li:nth-child(4n),
  .twoColumnsSmallLeft .columnTwo .gridLayout li:nth-child(4n) {
    margin-right: 0;
  }
  #main.area .gridLayout ul li:nth-child(3n) {
    margin-right: 2.564102564102564%;
  }
  #main.area .gridLayout ul li:nth-child(4n) {
    margin-right: 0;
  }
  .twoColumns .column .gridLayout li {
    width: 31.03448275862069%;
    margin-right: 3.4482758620689653%;
  }
  .twoColumns .column .gridLayout li:nth-child(3n) {
    margin-right: 0;
  }
  .twoColumnsSmallRight .columnOne .gridLayout li,
  .twoColumnsSmallLeft .columnTwo .gridLayout li {
    width: 23.076923076923077%;
    margin-right: 2.564102564102564%;
  }
  #main.area .gridLayout ul li {
    width: 23.076923076923077%;
    margin-right: 2.564102564102564%;
  }
  #top.area .oneColumn .gridLayout li,
  #foot.area .oneColumn .gridLayout li {
    width: 15.254237288135593%;
  }
  #top.area .oneColumn .gridLayout li:nth-child(3n),
  #foot.area .oneColumn .gridLayout li:nth-child(3n) {
    margin-right: 1.694915254237288%;
  }
  #top.area .oneColumn .gridLayout li:nth-child(6n),
  #foot.area .oneColumn .gridLayout li:nth-child(6n) {
    margin-right: 0;
  }
  #top.area .twoColumns .column .gridLayout li:nth-child(even),
  #foot.area .twoColumns .column .gridLayout li:nth-child(even) {
    margin-right: 3.4482758620689653%;
  }
  #top.area .twoColumns .column .gridLayout li:nth-child(3n),
  #foot.area .twoColumns .column .gridLayout li:nth-child(3n) {
    margin-right: 0;
  }
  #top.area .twoColumnsSmallLeft .columnTwo .gridLayout li:nth-child(3n),
  #foot.area .twoColumnsSmallLeft .columnTwo .gridLayout li:nth-child(3n),
  #top.area .twoColumnsSmallRight .columnOne .gridLayout li:nth-child(3n),
  #foot.area .twoColumnsSmallRight .columnOne .gridLayout li:nth-child(3n) {
    margin-right: 2.564102564102564%;
  }
  /*
  ---
  
  name: WebSubs Desktop
  
  description: webSubs class styles
  
  provides: [CSS.WebSubsDesktop]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  #register #columns {
    padding: 0;
  }
  /* SUBS CONTENT */
  .subs_wrapper1 .col1,
  .subs_wrapper2 .col1 {
    width: 66.10169491525424%;
    margin-bottom: 0;
  }
  .subs_wrapper1 .col2,
  .subs_wrapper2 .col2 {
    width: 30.508474576271183%;
  }
  .subs_wrapper1 .col2 .formbox .text,
  .subs_wrapper2 .col2 .formbox .text {
    width: 100%;
  }
  /*
  ---
  
  name: Desktop Overrides
  
  provides: [CSS.DesktopOverrides]
  
  ===================================
  IMPORTANT:
  Do *NOT* edit the compiled CSS file
  Only edit the equivalent LESS file
  ===================================
  
  ...
  */
  #wrapper_sleeve {
    padding: 0 20px;
  }
  .mobileNav {
    display: none;
  }
  #mainnav {
    display: block;
  }
  .navStyle2 .showStory ul li {
    margin-right: 3.558718861209965%;
    float: left;
  }
  .navStyle2 .showStory ul li + li {
    margin-right: 0;
  }
  .mastPromo {
    display: block;
  }
  #logo {
    margin-right: 0;
    border-right: 1px solid #c4bdbb;
  }
  #mastsearch {
    margin: 18px 0 0;
    display: block;
  }
  .articleWrapper .relatedContent {
    float: left;
  }
  #main.area .grid .column {
    margin-right: 2.564102564102564%;
  }
  .oneColumn .slideshowStyle2 .thumbs li {
    height: 108px;
  }
  .oneColumn .slideshowStyle2 .thumbs li .heading {
    font-size: 2em;
    line-height: 1.2;
    max-height: 2.4em;
  }
  .oneColumn .slideshowStyle2 .thumbs li.last {
    height: 114px;
  }
  .oneColumn .slideshowStyle2 .thumbs .selected:after {
    top: 22px;
  }
  .oneColumn .slideshowStyle2 .display {
    height: 300px;
  }
  #top .oneColumn .slideshowStyle2 .display,
  #foot .oneColumn .slideshowStyle2 .display {
    height: 330px;
  }
  #top .twoColumnsSmallLeft .slideshowStyle2 .thumbs .selected:after,
  #foot .twoColumnsSmallLeft .slideshowStyle2 .thumbs .selected:after,
  #top .twoColumnsSmallRight .slideshowStyle2 .thumbs .selected:after,
  #foot .twoColumnsSmallRight .slideshowStyle2 .thumbs .selected:after {
    top: 10px;
  }
  #top .twoColumnsSmallLeft .slideshowStyle2 .thumbs li,
  #foot .twoColumnsSmallLeft .slideshowStyle2 .thumbs li,
  #top .twoColumnsSmallRight .slideshowStyle2 .thumbs li,
  #foot .twoColumnsSmallRight .slideshowStyle2 .thumbs li {
    height: 99px;
  }
  #top .twoColumnsSmallLeft .slideshowStyle2 .thumbs li.last,
  #foot .twoColumnsSmallLeft .slideshowStyle2 .thumbs li.last,
  #top .twoColumnsSmallRight .slideshowStyle2 .thumbs li.last,
  #foot .twoColumnsSmallRight .slideshowStyle2 .thumbs li.last {
    height: 100px;
  }
  #main .oneColumn .slideshowStyle2 .thumbs li {
    height: 99px;
  }
  #main .oneColumn .slideshowStyle2 .thumbs li.last {
    height: 100px;
  }
  .grid .slideshowStyle2 .slideshowContent .standfirst {
    position: static;
    left: auto;
  }
  .slider .sectionhead .rssfeed {
    margin-right: 0;
  }
  .twoColumnsSmallLeft .columnOne .currentissue,
  .twoColumnsSmallRight .columnTwo .currentissue,
  .threeColumns .column .currentissue,
  .threeColumnsWideLeft .columnThree .currentissue,
  .threeColumnsWideRight .columnOne .currentissue,
  #mainright .oneColumn .currentissue {
    padding-right: 0;
  }
  .twoColumnsSmallLeft .columnOne .currentissue .issueTopics,
  .twoColumnsSmallRight .columnTwo .currentissue .issueTopics,
  .threeColumns .column .currentissue .issueTopics,
  .threeColumnsWideLeft .columnThree .currentissue .issueTopics,
  .threeColumnsWideRight .columnOne .currentissue .issueTopics,
  #mainright .oneColumn .currentissue .issueTopics {
    width: auto;
    float: none;
  }
  .twoColumnsSmallLeft .columnOne .currentissue .issueTopics p.picture,
  .twoColumnsSmallRight .columnTwo .currentissue .issueTopics p.picture,
  .threeColumns .column .currentissue .issueTopics p.picture,
  .threeColumnsWideLeft .columnThree .currentissue .issueTopics p.picture,
  .threeColumnsWideRight .columnOne .currentissue .issueTopics p.picture,
  #mainright .oneColumn .currentissue .issueTopics p.picture {
    float: none;
    padding-right: 0;
  }
  .twoColumnsSmallLeft .columnOne .currentissue .digitalEdition,
  .twoColumnsSmallRight .columnTwo .currentissue .digitalEdition,
  .threeColumns .column .currentissue .digitalEdition,
  .threeColumnsWideLeft .columnThree .currentissue .digitalEdition,
  .threeColumnsWideRight .columnOne .currentissue .digitalEdition,
  #mainright .oneColumn .currentissue .digitalEdition {
    width: auto;
    margin-right: 0;
    float: none;
    border-left: 0 none;
    padding-left: 0;
  }
  .twoColumnsSmallLeft .columnOne .currentissue .digitalEdition p.picture,
  .twoColumnsSmallRight .columnTwo .currentissue .digitalEdition p.picture,
  .threeColumns .column .currentissue .digitalEdition p.picture,
  .threeColumnsWideLeft .columnThree .currentissue .digitalEdition p.picture,
  .threeColumnsWideRight .columnOne .currentissue .digitalEdition p.picture,
  #mainright .oneColumn .currentissue .digitalEdition p.picture {
    margin-top: 0;
  }
  .tablet .useraccount.box {
    display: none;
  }
  .desktop .useraccount.box {
    display: block;
  }
  .mobile #mobileFooter {
    display: none;
  }
  .mobile #footer,
  .mobile #ms_footer {
    display: block;
  }
  .options_dropdown {
    padding: 3px;
  }
  .options_dropdown .options_dropdown_sleeve {
    left: -1000em;
    position: absolute;
    background-position: 84px -467px;
    border: 2px solid #c4bdbb;
    padding: 5px;
    margin-top: 32px;
  }
  .options_dropdown .options_dropdown_sleeve span {
    text-indent: 0;
  }
  .options_dropdown .options_dropdown_sleeve:hover {
    background-position: 84px -549px;
  }
  .options_dropdown .options_dropdown_sleeve .options_button {
    display: inline-block;
    text-indent: -1000em;
  }
  .options_dropdown:hover .options_dropdown_sleeve {
    left: auto;
  }
  .options_dropdown .options_button {
    background-image: url(/magazine/graphics/buttons/sprite.buttons.png);
    background-repeat: no-repeat;
    background-position: 0px -472px;
    display: inline-block;
    text-indent: -1000em;
    height: 32px;
    width: 22px;
    border-radius: 0;
    color: #000000;
    float: right;
    padding: 0;
    text-indent: 0;
  }
  .options_dropdown .options_button:hover {
    background-position: 0px -555px;
  }
  .options_dropdown .options_button span {
    padding-right: 10px;
    display: inline-block;
    text-indent: -1000em;
  }
  .discussion_table td.options .options_dropdown {
    padding: 0;
  }
  .discussion_table td.options .options_dropdown a.options_button {
    width: 22px;
    display: block;
  }
  .discussion_table td.options .options_dropdown .options_dropdown_sleeve {
    left: -1000em;
    position: absolute;
    background: #ffffff;
  }
  .discussion_table td.options .options_dropdown:hover .options_dropdown_sleeve {
    left: auto;
  }
  .attachments .side .caption {
    padding: 15px 0;
    margin-top: 0px;
    margin-right: 0;
    border: 0;
  }
  .attachments .main {
    float: none;
    width: auto;
    clear: none;
    bottom: 0;
    left: 0;
    right: 330px;
    position: fixed;
    top: 39px;
    -webkit-user-select: none;
    -moz-user-select: none;
  }
  .attachments .side {
    bottom: 0;
    right: 15px;
    position: fixed;
    top: 40px;
    width: 300px;
    padding: 0;
  }
  .attachments .side .advert {
    float: none;
    border-bottom: 1px solid #FFF;
  }
  .searchAdditional {
    display: none;
  }
  .extras.mightAlsoLike li,
  .todaysArticles li {
    width: 48.275862068965516%;
  }
  #searchResultsEnterprise #columns #rightcolumn {
    width: 23.728813559322035%;
  }
  #searchResultsEnterprise #columns #colmain {
    width: 74.57627118644068%;
  }
  .enterpriseSearchBar h1 {
    width: 23.728813559322035%;
  }
  .enterpriseSearchBar .formbox {
    width: 74.57627118644068%;
  }
  .dateRange .buttons {
    margin-left: 40px;
  }
  .dateRange .buttons button {
    float: left;
  }
  .dateRange .buttons button + button,
  .dateRange .buttons button + .button {
    margin-left: 5px;
  }
  .dateRange .calendar {
    width: auto;
  }
  #footer .footerSleeve,
  #ms_footer .footerSleeve {
    margin: 0 auto;
    padding: 0;
  }
  #footer .footerSleeveWrapper,
  #ms_footer .footerSleeveWrapper,
  #footer .topFooterSleeveWrapper,
  #ms_footer .topFooterSleeveWrapper {
    margin: 0 -20px;
    padding: 0 20px;
  }
  #footer .footerSleeveWrapper .footerSleeve,
  #ms_footer .footerSleeveWrapper .footerSleeve,
  #footer .topFooterSleeveWrapper .footerSleeve,
  #ms_footer .topFooterSleeveWrapper .footerSleeve {
    margin: 0 auto;
  }
  #footer .footerSleeveTop,
  #ms_footer .footerSleeveTop {
    float: left;
    padding-right: 280px;
    width: 100%;
  }
  #footer .sleeve.mainNav > .footerNav:first-child,
  #ms_footer .sleeve.mainNav > .footerNav:first-child {
    padding-left: 0;
  }
  #footer .twitterNews,
  #ms_footer .twitterNews {
    margin-top: 0;
    float: left;
    margin-left: -280px;
    padding: 12px 0 12px 10px;
  }
  #footer .social > ul li,
  #ms_footer .social > ul li {
    clear: none;
  }
  #footer .social > ul li a,
  #ms_footer .social > ul li a {
    padding-right: 20px;
  }
  #footer .bottom .footerText,
  #ms_footer .bottom .footerText {
    padding-left: 0;
    padding-right: 0;
  }
  #footer .bottom .footerText h3,
  #ms_footer .bottom .footerText h3 {
    float: left;
    line-height: 2.1;
    margin-bottom: 0;
  }
  #footer .bottom .footerText br,
  #ms_footer .bottom .footerText br {
    display: none;
  }
  #footer .bottom .footerText:after,
  #ms_footer .bottom .footerText:after {
    clear: both;
    content: '';
    display: table;
  }
  #footer .bottom .listings ul,
  #ms_footer .bottom .listings ul {
    margin-left: 0;
    margin-right: 0;
  }
  #footer .bottom .webvision,
  #ms_footer .bottom .webvision {
    float: right;
    clear: none;
  }
  #footer .bottom .copyrightWrapper,
  #ms_footer .bottom .copyrightWrapper {
    float: left;
  }
  #footer .bottom:after,
  #ms_footer .bottom:after {
    clear: both;
    content: '';
    display: table;
  }
  .socialMediaSharing li {
    float: none;
    margin-bottom: 12px;
  }
  [id="main"] .twoColumns .listBlocks.featuredSupplier .picture,
  [id="top"] .twoColumns .listBlocks.featuredSupplier .picture,
  [id="foot"] .twoColumns .listBlocks.featuredSupplier .picture,
  [id="mainright"] .twoColumns .listBlocks.featuredSupplier .picture,
  [id="main"] .twoColumns .listBlocks.latestSuppliers .picture,
  [id="top"] .twoColumns .listBlocks.latestSuppliers .picture,
  [id="foot"] .twoColumns .listBlocks.latestSuppliers .picture,
  [id="mainright"] .twoColumns .listBlocks.latestSuppliers .picture {
    float: left;
    margin-right: 20px;
  }
  [id="main"] .twoColumns .listBlocks.featuredSupplier .picture img,
  [id="top"] .twoColumns .listBlocks.featuredSupplier .picture img,
  [id="foot"] .twoColumns .listBlocks.featuredSupplier .picture img,
  [id="mainright"] .twoColumns .listBlocks.featuredSupplier .picture img,
  [id="main"] .twoColumns .listBlocks.latestSuppliers .picture img,
  [id="top"] .twoColumns .listBlocks.latestSuppliers .picture img,
  [id="foot"] .twoColumns .listBlocks.latestSuppliers .picture img,
  [id="mainright"] .twoColumns .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  [id="top"] .twoColumnsSmallLeft .columnOne .listBlocks.featuredSupplier .picture,
  [id="top"] .twoColumnsSmallLeft .columnOne .listBlocks.latestSuppliers .picture {
    float: none;
    margin-right: 0;
  }
  [id="top"] .twoColumnsSmallLeft .columnOne .listBlocks.featuredSupplier .picture img,
  [id="top"] .twoColumnsSmallLeft .columnOne .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  [id="top"] .twoColumnsSmallRight .columnTwo .listBlocks.featuredSupplier .picture,
  [id="top"] .twoColumnsSmallRight .columnTwo .listBlocks.latestSuppliers .picture {
    float: none;
    margin-right: 0;
  }
  [id="top"] .twoColumnsSmallRight .columnTwo .listBlocks.featuredSupplier .picture img,
  [id="top"] .twoColumnsSmallRight .columnTwo .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  [id="top"] .threeColumns .listBlocks.featuredSupplier .picture,
  [id="foot"] .threeColumns .listBlocks.featuredSupplier .picture,
  [id="main"] .threeColumns .listBlocks.featuredSupplier .picture,
  [id="top"] .threeColumns .listBlocks.latestSuppliers .picture,
  [id="foot"] .threeColumns .listBlocks.latestSuppliers .picture,
  [id="main"] .threeColumns .listBlocks.latestSuppliers .picture {
    float: none;
    margin-right: 0;
  }
  [id="top"] .threeColumns .listBlocks.featuredSupplier .picture img,
  [id="foot"] .threeColumns .listBlocks.featuredSupplier .picture img,
  [id="main"] .threeColumns .listBlocks.featuredSupplier .picture img,
  [id="top"] .threeColumns .listBlocks.latestSuppliers .picture img,
  [id="foot"] .threeColumns .listBlocks.latestSuppliers .picture img,
  [id="main"] .threeColumns .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  [id="top"] .threeColumnsWideRight .columnOne .listBlocks.featuredSupplier .picture,
  [id="foot"] .threeColumnsWideRight .columnOne .listBlocks.featuredSupplier .picture,
  [id="top"] .threeColumnsWideRight .columnTwo .listBlocks.featuredSupplier .picture,
  [id="foot"] .threeColumnsWideRight .columnTwo .listBlocks.featuredSupplier .picture,
  [id="top"] .threeColumnsWideRight .columnOne .listBlocks.latestSuppliers .picture,
  [id="foot"] .threeColumnsWideRight .columnOne .listBlocks.latestSuppliers .picture,
  [id="top"] .threeColumnsWideRight .columnTwo .listBlocks.latestSuppliers .picture,
  [id="foot"] .threeColumnsWideRight .columnTwo .listBlocks.latestSuppliers .picture {
    float: none;
    margin-right: 0;
  }
  [id="top"] .threeColumnsWideRight .columnOne .listBlocks.featuredSupplier .picture img,
  [id="foot"] .threeColumnsWideRight .columnOne .listBlocks.featuredSupplier .picture img,
  [id="top"] .threeColumnsWideRight .columnTwo .listBlocks.featuredSupplier .picture img,
  [id="foot"] .threeColumnsWideRight .columnTwo .listBlocks.featuredSupplier .picture img,
  [id="top"] .threeColumnsWideRight .columnOne .listBlocks.latestSuppliers .picture img,
  [id="foot"] .threeColumnsWideRight .columnOne .listBlocks.latestSuppliers .picture img,
  [id="top"] .threeColumnsWideRight .columnTwo .listBlocks.latestSuppliers .picture img,
  [id="foot"] .threeColumnsWideRight .columnTwo .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  [id="top"] .threeColumnsWideLeft .columnTwo .listBlocks.featuredSupplier .picture,
  [id="foot"] .threeColumnsWideLeft .columnTwo .listBlocks.featuredSupplier .picture,
  [id="top"] .threeColumnsWideLeft .columnThree .listBlocks.featuredSupplier .picture,
  [id="foot"] .threeColumnsWideLeft .columnThree .listBlocks.featuredSupplier .picture,
  [id="top"] .threeColumnsWideLeft .columnTwo .listBlocks.featuredSupplier .picture,
  [id="foot"] .threeColumnsWideLeft .columnTwo .listBlocks.featuredSupplier .picture,
  [id="top"] .threeColumnsWideLeft .columnThree .listBlocks.featuredSupplier .picture,
  [id="foot"] .threeColumnsWideLeft .columnThree .listBlocks.featuredSupplier .picture {
    float: none;
    margin-right: 0;
  }
  [id="top"] .threeColumnsWideLeft .columnTwo .listBlocks.featuredSupplier .picture img,
  [id="foot"] .threeColumnsWideLeft .columnTwo .listBlocks.featuredSupplier .picture img,
  [id="top"] .threeColumnsWideLeft .columnThree .listBlocks.featuredSupplier .picture img,
  [id="foot"] .threeColumnsWideLeft .columnThree .listBlocks.featuredSupplier .picture img,
  [id="top"] .threeColumnsWideLeft .columnTwo .listBlocks.featuredSupplier .picture img,
  [id="foot"] .threeColumnsWideLeft .columnTwo .listBlocks.featuredSupplier .picture img,
  [id="top"] .threeColumnsWideLeft .columnThree .listBlocks.featuredSupplier .picture img,
  [id="foot"] .threeColumnsWideLeft .columnThree .listBlocks.featuredSupplier .picture img {
    float: none;
  }
  [id="mainright"] .listBlocks.featuredSupplier .picture,
  [id="mainright"] .listBlocks.latestSuppliers .picture {
    float: none;
    margin-right: 0;
  }
  [id="mainright"] .listBlocks.featuredSupplier .picture img,
  [id="mainright"] .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  [id="main"] .twoColumns .listBlocks.featuredSupplier .picture,
  [id="main"] .twoColumns .listBlocks.latestSuppliers .picture {
    float: none;
    margin-right: 0;
  }
  [id="main"] .twoColumns .listBlocks.featuredSupplier .picture img,
  [id="main"] .twoColumns .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  [id="main"] .twoColumnsSmallLeft .columnOne .listBlocks.featuredSupplier .picture,
  [id="foot"] .twoColumnsSmallLeft .columnOne .listBlocks.featuredSupplier .picture,
  [id="main"] .twoColumnsSmallLeft .columnOne .listBlocks.latestSuppliers .picture,
  [id="foot"] .twoColumnsSmallLeft .columnOne .listBlocks.latestSuppliers .picture {
    float: none;
    margin-right: 0;
  }
  [id="main"] .twoColumnsSmallLeft .columnOne .listBlocks.featuredSupplier .picture img,
  [id="foot"] .twoColumnsSmallLeft .columnOne .listBlocks.featuredSupplier .picture img,
  [id="main"] .twoColumnsSmallLeft .columnOne .listBlocks.latestSuppliers .picture img,
  [id="foot"] .twoColumnsSmallLeft .columnOne .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  [id="main"] .twoColumnsSmallRight .columnTwo .listBlocks.featuredSupplier .picture,
  [id="foot"] .twoColumnsSmallRight .columnTwo .listBlocks.featuredSupplier .picture,
  [id="main"] .twoColumnsSmallRight .columnTwo .listBlocks.latestSuppliers .picture,
  [id="foot"] .twoColumnsSmallRight .columnTwo .listBlocks.latestSuppliers .picture {
    float: none;
    margin-right: 0;
  }
  [id="main"] .twoColumnsSmallRight .columnTwo .listBlocks.featuredSupplier .picture img,
  [id="foot"] .twoColumnsSmallRight .columnTwo .listBlocks.featuredSupplier .picture img,
  [id="main"] .twoColumnsSmallRight .columnTwo .listBlocks.latestSuppliers .picture img,
  [id="foot"] .twoColumnsSmallRight .columnTwo .listBlocks.latestSuppliers .picture img {
    float: none;
  }
  [id="top"] .oneColumn .refineCategory li,
  [id="foot"] .oneColumn .refineCategory li,
  [id="top"] .oneColumn .browseSupplier li,
  [id="foot"] .oneColumn .browseSupplier li {
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
    width: 33%;
  }
  [id="top"] .twoColumnsSmallLeft .columnTwo .refineCategory li,
  [id="foot"] .twoColumnsSmallLeft .columnTwo .refineCategory li,
  [id="top"] .twoColumnsSmallRight .columnOne .refineCategory li,
  [id="foot"] .twoColumnsSmallRight .columnOne .refineCategory li,
  [id="top"] .twoColumnsSmallLeft .columnTwo .browseSupplier li,
  [id="foot"] .twoColumnsSmallLeft .columnTwo .browseSupplier li,
  [id="top"] .twoColumnsSmallRight .columnOne .browseSupplier li,
  [id="foot"] .twoColumnsSmallRight .columnOne .browseSupplier li {
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
    width: 49%;
  }
  [id="top"] .twoColumnsSmallLeft .refineCategory li,
  [id="foot"] .twoColumnsSmallLeft .refineCategory li,
  [id="top"] .twoColumnsSmallRight .refineCategory li,
  [id="foot"] .twoColumnsSmallRight .refineCategory li,
  [id="top"] .threeColumns .refineCategory li,
  [id="foot"] .threeColumns .refineCategory li,
  [id="top"] .threeColumnsWideLeft .columnThree .refineCategory li,
  [id="foot"] .threeColumnsWideLeft .columnThree .refineCategory li,
  [id="top"] .threeColumnsWideRight .columnOne .refineCategory li,
  [id="foot"] .threeColumnsWideRight .columnOne .refineCategory li,
  [id="top"] .twoColumnsSmallLeft .browseSupplier li,
  [id="foot"] .twoColumnsSmallLeft .browseSupplier li,
  [id="top"] .twoColumnsSmallRight .browseSupplier li,
  [id="foot"] .twoColumnsSmallRight .browseSupplier li,
  [id="top"] .threeColumns .browseSupplier li,
  [id="foot"] .threeColumns .browseSupplier li,
  [id="top"] .threeColumnsWideLeft .columnThree .browseSupplier li,
  [id="foot"] .threeColumnsWideLeft .columnThree .browseSupplier li,
  [id="top"] .threeColumnsWideRight .columnOne .browseSupplier li,
  [id="foot"] .threeColumnsWideRight .columnOne .browseSupplier li {
    display: block;
    padding-right: 0;
    width: auto;
  }
  [id="mainright"] .oneColumn .refineCategory li,
  [id="mainright"] .twoColumnsSmallLeft .refineCategory li,
  [id="mainright"] .twoColumnsSmallRight .refineCategory li,
  [id="mainright"] .threeColumns .refineCategory li,
  [id="mainright"] .threeColumnsWideLeft .refineCategory li,
  [id="mainright"] .threeColumnsWideRight .refineCategory li,
  [id="mainright"] .oneColumn .browseSupplier li,
  [id="mainright"] .twoColumnsSmallLeft .browseSupplier li,
  [id="mainright"] .twoColumnsSmallRight .browseSupplier li,
  [id="mainright"] .threeColumns .browseSupplier li,
  [id="mainright"] .threeColumnsWideLeft .browseSupplier li,
  [id="mainright"] .threeColumnsWideRight .browseSupplier li {
    display: block;
    padding-right: 0;
    width: auto;
  }
  .oneColumn li .text,
  .threeColumnsWideLeft li .text,
  .threeColumnsWideRight li .text {
    width: 85%;
  }
  .mobileSlideshow .thumbs .standfirst,
  .mobileSlideshow .thumbs p {
    display: block;
  }
  .accessDeniedPopup.overlay .content {
    margin-top: -200px;
    margin-left: -320px;
    width: 640px;
  }
}
@media only screen and (min-width: 1025px) {
  #wrapper {
    background-size: 100% auto;
  }
  #wrapper_sleeve {
    padding: 0 20px;
  }
  #columns #colmain {
    width: 66.10169491525424%;
  }
  #columns #rightcolumn,
  #story #columns #rightcolumn {
    width: 32.20338983050847%;
  }
  #story #columns,
  #columns {
    padding: 0;
  }
  #story #columns #colmain,
  #columns #colmain {
    padding-right: 0;
  }
  #story #columns #rightcolumn,
  #columns #rightcolumn {
    float: right;
    clear: none;
    margin-right: 0;
  }
  #story .articleWrapper .articleContent {
    float: right;
    margin-left: 0;
    width: 74.35897435897435%;
  }
  #story .articleWrapper .articleContent .table-story {
    overflow: visible;
  }
  #story .articleWrapper .articleContent .inlineFull,
  #story .articleWrapper .articleContent .inline_image {
    clear: both;
    overflow: visible;
  }
  #story .articleWrapper .articleContent .factfile {
    clear: both;
  }
  #story .articleWrapper .story_small,
  #story .articleWrapper .story_large {
    clear: both;
  }
  #spin2 #wrapper .half .picture {
    width: auto;
  }
  .attachments .main .picture.controls.over .next,
  .attachments .main .picture.controls.over .previous {
    opacity: 1;
  }
  .attachments .main .picture.controls .next,
  .attachments .main .picture.controls .previous {
    opacity: 0;
  }
  .oneColumn .slideshowStyle2 .thumbs .selected:after {
    top: 31px;
  }
  #top .oneColumn .slideshowStyle2 .display,
  #foot .oneColumn .slideshowStyle2 .display {
    height: 402px;
  }
  #top .oneColumn .slideshowStyle2 .thumbs li,
  #foot .oneColumn .slideshowStyle2 .thumbs li {
    height: 134px;
  }
  #top .oneColumn .slideshowStyle2 .thumbs li .caption,
  #foot .oneColumn .slideshowStyle2 .thumbs li .caption {
    max-height: 113px;
  }
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .display,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .display,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .display,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .display {
    height: 264px;
  }
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs li,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs li,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs li,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs li {
    height: 89px;
  }
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs .selected:after,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs .selected:after,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs .selected:after,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs .selected:after {
    top: 8px;
  }
  #main.area .oneColumn .slideshowStyle2 .display {
    height: 264px;
  }
  #main.area .oneColumn .slideshowStyle2 .thumbs li {
    height: 88px;
  }
  #main.area .oneColumn .slideshowStyle2 .thumbs .selected:after {
    top: 8px;
  }
  [id="top"] .twoColumns .refineCategory li,
  [id="foot"] .twoColumns .refineCategory li,
  [id="top"] .twoColumns .browseSupplier li,
  [id="foot"] .twoColumns .browseSupplier li {
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
    width: 49%;
  }
}
@media only screen and (max-width: 680px) {
  #logo {
    border-right: 0;
  }
  .topNavigation,
  #mastsearch {
    display: none;
  }
  .mobileNav .toolbar .btn.btnSearch {
    display: block;
  }
}
@media only screen and (min-width: 800px) and (max-width: 1000px) {
  #mastsearch {
    margin-top: 18px;
  }
}
@media only screen and (min-width: 481px) {
  .currentissue .issueTopics .picture {
    float: left;
    margin-right: 18px;
  }
  .currentissue .issueTopics .sleeve {
    overflow: hidden;
  }
  .currentissue .digitalEdition {
    border-left: 0 none;
    padding-left: 0;
  }
  .currentissue .digitalEdition p.picture {
    margin-top: 0;
  }
  #rightcolumn .oneColumn .columnOne .currentissue .issueTopics .picture {
    float: left;
    margin-right: 18px;
  }
  #rightcolumn .oneColumn .columnOne .currentissue .issueTopics .sleeve {
    overflow: hidden;
  }
  #rightcolumn .oneColumn .columnOne .currentissue .digitalEdition {
    border-left: 0 none;
    padding-left: 0;
  }
  #rightcolumn .oneColumn .columnOne .currentissue .digitalEdition p.picture {
    margin-top: 0;
  }
}
@media only screen and (min-width: 481px) and (max-width: 974px) {
  .twoColumns .column .currentissue,
  .threeColumnsWideLeft .columnOne .currentissue,
  .threeColumnsWideRight .columnThree .currentissue,
  #main .twoColumnsSmallLeft .columnTwo .currentissue,
  #main .twoColumnsSmallRight .columnOne .currentissue {
    padding-right: 0;
  }
  .twoColumns .column .currentissue .issueTopics,
  .threeColumnsWideLeft .columnOne .currentissue .issueTopics,
  .threeColumnsWideRight .columnThree .currentissue .issueTopics,
  #main .twoColumnsSmallLeft .columnTwo .currentissue .issueTopics,
  #main .twoColumnsSmallRight .columnOne .currentissue .issueTopics {
    width: auto;
    float: none;
  }
  .twoColumns .column .currentissue .issueTopics p.picture,
  .threeColumnsWideLeft .columnOne .currentissue .issueTopics p.picture,
  .threeColumnsWideRight .columnThree .currentissue .issueTopics p.picture,
  #main .twoColumnsSmallLeft .columnTwo .currentissue .issueTopics p.picture,
  #main .twoColumnsSmallRight .columnOne .currentissue .issueTopics p.picture {
    float: none;
    padding-right: 0;
  }
  .twoColumns .column .currentissue .digitalEdition,
  .threeColumnsWideLeft .columnOne .currentissue .digitalEdition,
  .threeColumnsWideRight .columnThree .currentissue .digitalEdition,
  #main .twoColumnsSmallLeft .columnTwo .currentissue .digitalEdition,
  #main .twoColumnsSmallRight .columnOne .currentissue .digitalEdition {
    width: auto;
    margin-right: 0;
    float: none;
    border-left: 0 none;
    padding-left: 0;
  }
  .twoColumns .column .currentissue .digitalEdition p.picture,
  .threeColumnsWideLeft .columnOne .currentissue .digitalEdition p.picture,
  .threeColumnsWideRight .columnThree .currentissue .digitalEdition p.picture,
  #main .twoColumnsSmallLeft .columnTwo .currentissue .digitalEdition p.picture,
  #main .twoColumnsSmallRight .columnOne .currentissue .digitalEdition p.picture {
    margin-top: 0;
  }
  .threeColumnsWideLeft .columnTwo .currentissue .digitalEdition,
  .threeColumnsWideRight .columnTwo .currentissue .digitalEdition {
    border-left: 0 none;
    padding-left: 0;
  }
  .threeColumnsWideLeft .columnTwo .currentissue .digitalEdition p.picture,
  .threeColumnsWideRight .columnTwo .currentissue .digitalEdition p.picture {
    margin-top: 0;
    float: none;
  }
}
@media only screen and (min-width: 481px) and (max-width: 728px) {
  .twoColumns .column .slideshowStyle1 .display .caption p,
  .threeColumnsWideLeft .columnOne .slideshowStyle1 .display .caption p,
  .threeColumnsWideLeft .columnTwo .slideshowStyle1 .display .caption p,
  .threeColumnsWideRight .columnTwo .slideshowStyle1 .display .caption p,
  .threeColumnsWideRight .columnThree .slideshowStyle1 .display .caption p {
    display: none;
  }
}
@media only screen and (min-width: 481px) and (max-width: 857.5px) {
  .twoColumns .column .slideshowStyle1 .display .caption h4,
  .threeColumnsWideLeft .columnOne .slideshowStyle1 .display .caption h4,
  .threeColumnsWideLeft .columnTwo .slideshowStyle1 .display .caption h4,
  .threeColumnsWideRight .columnTwo .slideshowStyle1 .display .caption h4,
  .threeColumnsWideRight .columnThree .slideshowStyle1 .display .caption h4 {
    font-size: 1.4em;
    line-height: 1.286;
  }
}
@media only screen and (max-width: 500px) {
  .recentActivity.tabbedblocks .block > h3 {
    float: none;
    margin-right: 0;
    background: #ffffff;
    color: #1e1e1e;
  }
  .recentActivity.tabbedblocks .block .content {
    clear: none;
    float: none;
    position: static;
    left: 0;
    margin: 0;
    margin-bottom: 12px;
  }
  #az_contributors #content .tabs .tabsStyle1 {
    height: auto;
  }
  #az_contributors #content .tabs .tabsStyle1 li {
    float: none;
  }
  #az_contributors #content .tabs .tabsStyle1 li h2 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 650px) {
  .searchDetails {
    top: 12px;
  }
}
@media only screen and (min-width: 680px) {
  .paging .paging_numbers {
    padding: 9px 0 0;
  }
  .paging .paging_numbers .first {
    position: absolute;
    left: 0;
  }
  .paging .paging_numbers .last {
    position: absolute;
    right: 0;
  }
  .paging .paging_numbers .previous,
  .paging .paging_numbers .next {
    margin: 3px 0 0;
  }
  .currentissue {
    padding-right: 290px;
  }
  .currentissue .issueTopics {
    float: left;
  }
  .currentissue .issueTopics .picture {
    float: left;
    margin-right: 18px;
  }
  .currentissue .digitalEdition {
    width: 280px;
    margin-right: -291px;
    float: right;
    padding-left: 10px;
    border-left: 1px solid #d9d6d5;
    box-sizing: content-box;
  }
  .currentissue .digitalEdition p.picture {
    margin-top: -36px;
    margin-bottom: 0;
  }
  .currentissue .digitalEdition p.viewLatest {
    margin-bottom: 6px;
  }
  .currentissue:after {
    clear: both;
    content: '';
    display: table;
  }
}
@media only screen and (min-width: 680px) and (max-width: 974px) {
  .twoColumnsSmallLeft .columnOne .currentissue,
  .twoColumnsSmallRight .columnTwo .currentissue,
  .threeColumns .column .currentissue,
  .threeColumnsWideLeft .columnThree .currentissue,
  .threeColumnsWideRight .columnOne .currentissue,
  #mainright .oneColumn .column .currentissue {
    padding-right: 290px;
  }
  .twoColumnsSmallLeft .columnOne .currentissue .issueTopics,
  .twoColumnsSmallRight .columnTwo .currentissue .issueTopics,
  .threeColumns .column .currentissue .issueTopics,
  .threeColumnsWideLeft .columnThree .currentissue .issueTopics,
  .threeColumnsWideRight .columnOne .currentissue .issueTopics,
  #mainright .oneColumn .column .currentissue .issueTopics {
    float: left;
  }
  .twoColumnsSmallLeft .columnOne .currentissue .issueTopics .picture,
  .twoColumnsSmallRight .columnTwo .currentissue .issueTopics .picture,
  .threeColumns .column .currentissue .issueTopics .picture,
  .threeColumnsWideLeft .columnThree .currentissue .issueTopics .picture,
  .threeColumnsWideRight .columnOne .currentissue .issueTopics .picture,
  #mainright .oneColumn .column .currentissue .issueTopics .picture {
    float: left;
    margin-right: 18px;
  }
  .twoColumnsSmallLeft .columnOne .currentissue .digitalEdition,
  .twoColumnsSmallRight .columnTwo .currentissue .digitalEdition,
  .threeColumns .column .currentissue .digitalEdition,
  .threeColumnsWideLeft .columnThree .currentissue .digitalEdition,
  .threeColumnsWideRight .columnOne .currentissue .digitalEdition,
  #mainright .oneColumn .column .currentissue .digitalEdition {
    width: 280px;
    margin-right: -291px;
    float: right;
    padding-left: 10px;
    border-left: 1px solid #d9d6d5;
    box-sizing: content-box;
  }
  .twoColumnsSmallLeft .columnOne .currentissue .digitalEdition p.picture,
  .twoColumnsSmallRight .columnTwo .currentissue .digitalEdition p.picture,
  .threeColumns .column .currentissue .digitalEdition p.picture,
  .threeColumnsWideLeft .columnThree .currentissue .digitalEdition p.picture,
  .threeColumnsWideRight .columnOne .currentissue .digitalEdition p.picture,
  #mainright .oneColumn .column .currentissue .digitalEdition p.picture {
    margin-top: -36px;
    margin-bottom: 0;
  }
  .twoColumnsSmallLeft .columnOne .currentissue .digitalEdition p.viewLatest,
  .twoColumnsSmallRight .columnTwo .currentissue .digitalEdition p.viewLatest,
  .threeColumns .column .currentissue .digitalEdition p.viewLatest,
  .threeColumnsWideLeft .columnThree .currentissue .digitalEdition p.viewLatest,
  .threeColumnsWideRight .columnOne .currentissue .digitalEdition p.viewLatest,
  #mainright .oneColumn .column .currentissue .digitalEdition p.viewLatest {
    margin-bottom: 6px;
  }
  .twoColumnsSmallLeft .columnOne .currentissue:after,
  .twoColumnsSmallRight .columnTwo .currentissue:after,
  .threeColumns .column .currentissue:after,
  .threeColumnsWideLeft .columnThree .currentissue:after,
  .threeColumnsWideRight .columnOne .currentissue:after,
  #mainright .oneColumn .column .currentissue:after {
    clear: both;
    content: '';
    display: table;
  }
}
@media only screen and (max-width: 750px) {
  #mastad .mobile_mast_ad_strip {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 975px) and (max-width: 1180px) {
  #mastsearch {
    margin-top: -6px;
  }
}