@-ms-viewport {
  width: device-width;
}
@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
===================================

...
*/
.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.36842105%;
  margin-right: 5.26315789%;
}
.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.36842105%;
  margin-right: 5.26315789%;
}
.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;
}
@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
===================================

...
*/
  .pageOptions li {
    float: none;
    padding: 6px 0;
  }
  .pageOptions li.last {
    float: none;
    padding: 6px 0;
  }
  .socialMediaSharing li {
    float: none;
    margin-bottom: 12px;
  }
}
@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
===================================

...
*/
  .mobileSlideshow li {
    list-style: none;
  }
  .mobileSlideshow li img {
    float: left;
    max-width: 49.15254237%;
    margin: 0 1.69491525% 0 0;
  }
  .mobileSlideshow li .caption {
    width: 49.15254237%;
    float: left;
  }
  .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 .main .picture.controls {
    opacity: 0;
  }
  .attachments .side {
    height: 35%;
    overflow: auto;
  }
  .attachments .side .caption {
    float: left;
    clear: both;
    width: 100%;
  }
  .attachments .side .advert {
    display: none;
  }
  .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%;
  }
  .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.95934959%;
  }
  .publicationIndex .block li {
    width: 30.08130081%;
  }
  .publicationIndex .publicationsList li {
    width: 30.08130081%;
  }
  /*
---

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.06598407%;
    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.77540107%;
  }
  #rightcolumn {
    width: 31.55080214%;
  }
  /* Basic Two Column Structure */
  .twocolumn .column1,
  .twocolumn .column2 {
    width: 31.55080214%;
  }
  /* Section 2 Styling */
  .articleWrapper .relatedContent {
    width: 21.95121951%;
  }
  .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.99465241%;
  }
  #rightcolumn .style2 .column1 {
    width: 14.43850267%;
  }
  #rightcolumn .style2 .column2 {
    width: 14.43850267%;
  }
  /* This is changing for SPIN2 for sure. */
  .M2-master #content {
    width: 65.77540107%;
    overflow: hidden;
    float: left;
  }
  .M2-master #secondary_content {
    width: 31.55080214%;
  }
  /*
---

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.99465241%;
  }
  #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.99465241%;
  }
  .image_size_med {
    width: 31.55080214%;
  }
  blockquote {
    width: 48.6631016%;
    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.77540107%;
  }
  /* Gallery style2 */
  .galleryStyle2 {
    width: 65.77540107%;
  }
  .galleryStyle2 .controls {
    width: 65.77540107%;
  }
  .slideshowStyle2 .display {
    width: 31.55080214%;
  }
  .slideshowStyle2 .thumbs {
    width: 34.22459893%;
  }
  /*
---

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.43850267%;
  }
  #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.10695187%;
  }
  #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.21925134%;
  }
  #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.72881356%;
    margin-right: 1.69491525%;
  }
  .informrow .summaryanswers {
    width: 74.57627119%;
  }
  .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.77540107%;
  }
  #rightcolumn {
    width: 31.55080214%;
  }
  /* 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.3368984%;
  }
  #main.area {
    width: 100%;
  }
  #mainright.area {
    width: 100%;
  }
  .grid .column {
    margin-right: 2.67379679%;
  }
  .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.67379679%;
  }
  .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.67379679%;
  }
  /* 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.6631016%;
  }
  #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.6631016%;
  }
  #top.area .grid .oneColumn .half.twocolumn .picture,
  #foot.area .grid .oneColumn .half.twocolumn .picture {
    width: 47.25274725%;
  }
  /* 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.6631016%;
  }
  #main.area .grid .oneColumn .column .half .picture img {
    width: 100%;
  }
  #main.area .grid .oneColumn .twocolumn {
    width: 48.6631016%;
  }
  #main.area .grid .oneColumn .half.twocolumn .picture {
    width: 47.25274725%;
  }
  /* 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.25274725%;
  }
  /* TOP/FOOT TWO COLUMN (EQUAL) */
  #top.area .twoColumns .column,
  #foot.area .twoColumns .column {
    width: 48.6631016%;
  }
  #top.area .twoColumns .column .half .picture,
  #foot.area .twoColumns .column .half .picture {
    width: 47.25274725%;
  }
  #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.25274725%;
    margin-right: 5.49450549%;
  }
  /* MAIN TWO COLUMN (EQUAL) */
  #main.area .twoColumns .column {
    width: 48.6631016%;
  }
  #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.25274725%;
  }
  #main.area .twoColumns .column .half .picture img {
    width: 100%;
  }
  #main.area .twoColumns .twocolumn {
    width: 47.25274725%;
    margin-right: 5.49450549%;
  }
  /* MAINRIGHT TWO COLUMN (EQUAL) */
  #mainright.area .twoColumns .column {
    width: 48.6631016%;
    margin-right: 2.67379679%;
  }
  #mainright.area .twoColumns .column .full .picture {
    float: left;
    margin-right: 10px;
  }
  #mainright.area .twoColumns .column.columnTwo {
    margin-right: 0;
  }
  #mainright.area .twoColumns .twocolumn {
    width: 5.88235294%;
  }
  /* 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.6631016%;
  }
  #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.6631016%;
  }
  #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.25274725%;
  }
  #top.area .twoColumnsSmallLeft .columnTwo .twocolumn,
  #foot.area .twoColumnsSmallLeft .columnTwo .twocolumn {
    width: 48.6631016%;
  }
  #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.6631016%;
  }
  #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.6631016%;
  }
  #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.25274725%;
  }
  #top.area .twoColumnsSmallRight .columnTwo .twocolumn,
  #foot.area .twoColumnsSmallRight .columnTwo .twocolumn {
    width: 48.6631016%;
  }
  /* MAIN TWO COLUMN (SMALL LEFT) */
  #main.area .twoColumnsSmallLeft .column.columnTwo {
    margin-right: 0;
  }
  #main.area .twoColumnsSmallLeft .columnOne {
    width: 31.55080214%;
  }
  #main.area .twoColumnsSmallLeft .columnOne .full .picture img {
    width: 100%;
  }
  #main.area .twoColumnsSmallLeft .columnOne .twocolumn {
    width: 45.76271186%;
  }
  #main.area .twoColumnsSmallLeft .columnTwo {
    width: 65.77540107%;
  }
  #main.area .twoColumnsSmallLeft .columnTwo .full .picture img {
    width: 100%;
  }
  #main.area .twoColumnsSmallLeft .columnTwo .half .picture {
    width: 47.96747967%;
  }
  #main.area .twoColumnsSmallLeft .columnTwo .half .picture img {
    width: 100%;
  }
  #main.area .twoColumnsSmallLeft .columnTwo .twocolumn {
    width: 47.96747967%;
    margin-right: 4.06504065%;
  }
  /* MAIN TWO COLUMN (SMALL RIGHT) */
  #main.area .twoColumnsSmallRight .column.columnTwo {
    margin-right: 0;
  }
  #main.area .twoColumnsSmallRight .columnOne {
    width: 65.77540107%;
  }
  #main.area .twoColumnsSmallRight .columnOne .full .picture img {
    width: 100%;
  }
  #main.area .twoColumnsSmallRight .columnOne .half .picture {
    width: 47.96747967%;
  }
  #main.area .twoColumnsSmallRight .columnOne .half .picture img {
    width: 100%;
  }
  #main.area .twoColumnsSmallRight .columnOne .twocolumn {
    width: 47.96747967%;
    margin-right: 4.06504065%;
  }
  #main.area .twoColumnsSmallRight .columnTwo {
    width: 31.55080214%;
  }
  #main.area .twoColumnsSmallRight .columnTwo .full .picture img {
    width: 100%;
  }
  #main.area .twoColumnsSmallRight .columnTwo .twocolumn {
    width: 45.76271186%;
  }
  /* 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.6631016%;
  }
  #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.6631016%;
  }
  #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.6631016%;
  }
  /* 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.96747967%;
  }
  #top.area .threeColumnsWideRight .columnTwo,
  #foot.area .threeColumnsWideRight .columnTwo {
    width: 31.55080214%;
  }
  #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.99465241%;
  }
  #top.area .threeColumnsWideRight .columnThree,
  #foot.area .threeColumnsWideRight .columnThree {
    width: 65.77540107%;
    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.96747967%;
  }
  #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.96747967%;
    margin-right: 4.06504065%;
  }
  /* TOP/FOOT THREE COLUMN (WIDE LEFT) */
  #top.area .threeColumnsWideLeft .columnOne,
  #foot.area .threeColumnsWideLeft .columnOne {
    width: 65.77540107%;
  }
  #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.96747967%;
  }
  #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.96747967%;
    margin-right: 4.06504065%;
  }
  #top.area .threeColumnsWideLeft .columnTwo,
  #foot.area .threeColumnsWideLeft .columnTwo {
    width: 31.55080214%;
    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.76271186%;
  }
  #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.6631016%;
  }
  /* MAIN THREE COLUMN (EQUAL) */
  #main.area .threeColumns .column {
    width: 31.55080214%;
  }
  #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.6631016%;
  }
  #top.area .twoColumns .colour2 .twocolumn,
  #foot.area .twoColumns .colour2 .twocolumn {
    width: 47.25274725%;
    margin-right: 5.49450549%;
  }
  #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.6631016%;
  }
  #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.6631016%;
  }
  #top.area .threeColumns .colour2 .twocolumn,
  #foot.area .threeColumns .colour2 .twocolumn {
    width: 48.6631016%;
  }
  #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.88372093%;
    margin-right: 11.62790698%;
  }
  #top.area .threeColumnsWideRight .columnOne .colour2 .twocolumn,
  #foot.area .threeColumnsWideRight .columnOne .colour2 .twocolumn {
    width: 48.6631016%;
  }
  #top.area .threeColumnsWideLeft .columnOne .colour2 .twocolumn,
  #foot.area .threeColumnsWideLeft .columnOne .colour2 .twocolumn {
    width: 47.96747967%;
    margin-right: 4.06504065%;
  }
  #top.area .threeColumnsWideLeft .columnThree .colour2 .twocolumn,
  #foot.area .threeColumnsWideLeft .columnThree .colour2 .twocolumn {
    width: 48.6631016%;
  }
  /* MAIN (COLOUR2) */
  #main.area .oneColumn .colour2 .twocolumn {
    width: 48.6631016%;
  }
  #main.area .twoColumns .colour2 .twocolumn {
    width: 47.25274725%;
    margin-right: 5.49450549%;
  }
  #main.area .twoColumnsSmallLeft .columnTwo .colour2 .twocolumn,
  #main.area .twoColumnsSmallRight .columnOne .colour2 .twocolumn {
    width: 47.96747967%;
    margin-right: 4.06504065%;
  }
  /* MAIN RIGHT (COLOUR2) */
  #mainright.area .oneColumn .colour2 .twocolumn {
    width: 48.6631016%;
  }
  /*
---

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.55080214%;
  }
  .section_twocolumn .section_column1 .colour2 .twocolumn .column1,
  .section_twocolumn .section_column1 .colour2 .twocolumn .column2 {
    width: 12.99465241%;
  }
  /*
---

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.44919786%;
  }
  .oneColumn .slideshowStyle2 .thumbs {
    width: 31.55080214%;
  }
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .display,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .display,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .display,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .display {
    width: 48.6631016%;
  }
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs {
    width: 51.3368984%;
  }
  #main.area .oneColumn .slideshowStyle2 .display {
    width: 48.6631016%;
  }
  #main.area .oneColumn .slideshowStyle2 .thumbs {
    width: 51.3368984%;
  }
  /*
---

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.43850267%;
    margin-right: 2.67379679%;
  }
  .gridLayout li:nth-child(2n) {
    margin-right: 2.67379679%;
  }
  .twoColumns .column .gridLayout li {
    width: 100%;
    margin-right: 5.49450549%;
  }
  .twoColumnsSmallRight .columnOne .gridLayout li,
  .twoColumnsSmallLeft .columnTwo .gridLayout li {
    width: 31.55080214%;
    margin-right: 2.67379679%;
  }
  #main.area .gridLayout ul li {
    width: 31.55080214%;
    margin-right: 2.67379679%;
  }
  #top.area .oneColumn .gridLayout li,
  #foot.area .oneColumn .gridLayout li {
    width: 31.55080214%;
  }
  /*
---

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.69491525%;
    width: 57.21925134%;
    margin-bottom: 0;
  }
  .subs_wrapper1 .col2,
  .subs_wrapper2 .col2 {
    width: 38.41203662%;
  }
  .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.99465241%;
    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.3315508%;
  }
  .enterpriseSearchBar h1 {
    width: 22.99465241%;
    float: left;
    margin-bottom: 0;
  }
  .enterpriseSearchBar .formbox {
    width: 74.3315508%;
    float: right;
    clear: none;
  }
  .enterpriseSearchBar:after {
    clear: both;
    content: '';
    display: table;
  }
  .searchDetails {
    width: 22.99465241%;
    margin-right: 2.67379679%;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
  }
  .searchDetails .searchAdditional {
    display: none;
  }
  .articleWrapper .relatedContent {
    float: none;
    width: auto;
  }
  .articleWrapper .articleContent {
    float: none;
    width: auto;
  }
  #main.area .grid .column {
    margin-right: 2.67379679%;
  }
  /* 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;
  }
  .az_items .column.last {
    margin-top: 10px;
  }
  .az_items ul {
    margin-bottom: 24px;
  }
  .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.6631016%;
    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.69491525%;
  }
  .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.15254237%;
    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;
  }
  .subscriptions .content .columnTwo {
    padding-top: 0;
  }
  .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.6631016%;
    margin-right: 0;
  }
  #rightcolumn #rightcolumn_sleeve > div:nth-child(odd) {
    margin-right: 2.67379679%;
  }
  #rightcolumn #rightcolumn_sleeve #mainright {
    float: none;
    width: auto;
    margin-right: 0;
    clear: both;
  }
  #rightcolumn #rightcolumn_sleeve .pagetext + .pagetext {
    float: right;
    margin-right: 0;
  }
  #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.6631016%;
    margin-right: 2.67379679%;
  }
  #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.6631016%;
    margin-right: 0;
  }
  #Discussions #rightcolumn #rightcolumn_sleeve > div:nth-child(even) {
    margin-right: 2.67379679%;
  }
  #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.67379679% !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.67379679%;
    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.6631016%;
    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.8974359%;
  }
  .publicationIndex .block li {
    width: 33.07692308%;
  }
  .publicationIndex .publicationsList li {
    width: 33.07692308%;
  }
  /*
---

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 */
    /* 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.22064057%;
  }
  .navStyle2 li div .showBlock div {
    width: auto;
  }
  .navStyle2 li.onewide > div {
    width: 12.45901639%;
  }
  .navStyle2 li.onewide > div .subnav {
    width: 100%;
  }
  .navStyle2 li.onewide.twoColumn > div {
    width: 24.91803279%;
  }
  .navStyle2 li.onewide.twoColumn > div .subnav {
    width: 50%;
  }
  .navStyle2 li.onewide.threeColumn > div {
    width: 37.37704918%;
  }
  .navStyle2 li.onewide.threeColumn > div .subnav {
    width: 33.33333333%;
  }
  .navStyle2 li.onewide.fourColumn > div {
    width: 49.83606557%;
  }
  .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.45901639%;
  }
  .navStyle2 li.twowide.oneColumn.latestStories > div .subnav {
    width: 33.26039387%;
  }
  .navStyle2 li.twowide.oneColumn.latestStories > div .showLatest {
    width: 66.73960613%;
  }
  .navStyle2 li.twowide.twoColumn.latestStories > div {
    width: 49.91803279%;
  }
  .navStyle2 li.twowide.twoColumn.latestStories > div .subnav {
    width: 24.9589491%;
  }
  .navStyle2 li.twowide.twoColumn.latestStories > div .showLatest {
    width: 50.08210181%;
  }
  .navStyle2 li.twowide.threeColumn.latestStories > div {
    width: 62.37704918%;
  }
  .navStyle2 li.twowide.threeColumn.latestStories > div .subnav {
    width: 19.97371879%;
  }
  .navStyle2 li.twowide.threeColumn.latestStories > div .showLatest {
    width: 40.07884363%;
  }
  .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.45901639%;
  }
  .navStyle2 li.twowide.oneColumn.featuredStory > div .subnav,
  .navStyle2 li.twowide.oneColumn.htmlBlock > div .subnav {
    width: 33.26039387%;
  }
  .navStyle2 li.twowide.oneColumn.featuredStory > div .showStory,
  .navStyle2 li.twowide.oneColumn.htmlBlock > div .showStory {
    width: 66.73960613%;
  }
  .navStyle2 li.twowide.oneColumn.featuredStory > div .showBlock,
  .navStyle2 li.twowide.oneColumn.htmlBlock > div .showBlock {
    width: 66.73960613%;
  }
  .navStyle2 li.twowide.twoColumn.featuredStory > div,
  .navStyle2 li.twowide.twoColumn.htmlBlock > div {
    width: 49.91803279%;
  }
  .navStyle2 li.twowide.twoColumn.featuredStory > div .subnav,
  .navStyle2 li.twowide.twoColumn.htmlBlock > div .subnav {
    width: 24.9589491%;
  }
  .navStyle2 li.twowide.twoColumn.featuredStory > div .showStory,
  .navStyle2 li.twowide.twoColumn.htmlBlock > div .showStory {
    width: 50.08210181%;
  }
  .navStyle2 li.twowide.twoColumn.featuredStory > div .showBlock,
  .navStyle2 li.twowide.twoColumn.htmlBlock > div .showBlock {
    width: 50.08210181%;
  }
  .navStyle2 li.twowide.threeColumn.featuredStory > div,
  .navStyle2 li.twowide.threeColumn.htmlBlock > div {
    width: 62.37704918%;
  }
  .navStyle2 li.twowide.threeColumn.featuredStory > div .subnav,
  .navStyle2 li.twowide.threeColumn.htmlBlock > div .subnav {
    width: 19.97371879%;
  }
  .navStyle2 li.twowide.threeColumn.featuredStory > div .showStory,
  .navStyle2 li.twowide.threeColumn.htmlBlock > div .showStory {
    width: 40.07884363%;
  }
  .navStyle2 li.twowide.threeColumn.featuredStory > div .showBlock,
  .navStyle2 li.twowide.threeColumn.htmlBlock > div .showBlock {
    width: 40.07884363%;
  }
  .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.45901639%;
  }
  .navStyle2 li.threewide.oneColumn.latestStories.featuredStory > div .subnav,
  .navStyle2 li.threewide.oneColumn.latestStories.htmlBlock > div .subnav {
    width: 19.94750656%;
  }
  .navStyle2 li.threewide.oneColumn.latestStories.featuredStory > div .showLatest,
  .navStyle2 li.threewide.oneColumn.latestStories.htmlBlock > div .showLatest {
    width: 40.02624672%;
  }
  .navStyle2 li.threewide.oneColumn.latestStories.featuredStory > div .showStory,
  .navStyle2 li.threewide.oneColumn.latestStories.htmlBlock > div .showStory {
    width: 40.02624672%;
  }
  .navStyle2 li.threewide.oneColumn.latestStories.featuredStory > div .showBlock,
  .navStyle2 li.threewide.oneColumn.latestStories.htmlBlock > div .showBlock {
    width: 40.02624672%;
  }
  .navStyle2 li.threewide.twoColumn.latestStories.featuredStory > div,
  .navStyle2 li.threewide.twoColumn.latestStories.htmlBlock > div {
    width: 74.91803279%;
  }
  .navStyle2 li.threewide.twoColumn.latestStories.featuredStory > div .subnav,
  .navStyle2 li.threewide.twoColumn.latestStories.htmlBlock > div .subnav {
    width: 16.63019694%;
  }
  .navStyle2 li.threewide.twoColumn.latestStories.featuredStory > div .showLatest,
  .navStyle2 li.threewide.twoColumn.latestStories.htmlBlock > div .showLatest {
    width: 33.36980306%;
  }
  .navStyle2 li.threewide.twoColumn.latestStories.featuredStory > div .showStory,
  .navStyle2 li.threewide.twoColumn.latestStories.htmlBlock > div .showStory {
    width: 33.36980306%;
  }
  .navStyle2 li.threewide.twoColumn.latestStories.featuredStory > div .showBlock,
  .navStyle2 li.threewide.twoColumn.latestStories.htmlBlock > div .showBlock {
    width: 33.36980306%;
  }
  .navStyle2 li.threewide.latestStories.featuredStory.htmlBlock > div {
    width: 75%;
  }
  .navStyle2 li.threewide.latestStories.featuredStory.htmlBlock > div .showLatest {
    width: 33.33333333%;
  }
  .navStyle2 li.threewide.latestStories.featuredStory.htmlBlock > div .showStory {
    width: 33.33333333%;
  }
  .navStyle2 li.threewide.latestStories.featuredStory.htmlBlock > div .showBlock {
    width: 33.33333333%;
  }
  .navStyle2 li.fourwide.oneColumn.latestStories.featuredStory.htmlBlock > div {
    width: 87.45901639%;
  }
  .navStyle2 li.fourwide.oneColumn.latestStories.featuredStory.htmlBlock > div .subnav {
    width: 14.24554827%;
  }
  .navStyle2 li.fourwide.oneColumn.latestStories.featuredStory.htmlBlock > div .showLatest {
    width: 28.58481724%;
  }
  .navStyle2 li.fourwide.oneColumn.latestStories.featuredStory.htmlBlock > div .showStory {
    width: 28.58481724%;
  }
  .navStyle2 li.fourwide.oneColumn.latestStories.featuredStory.htmlBlock > div .showBlock {
    width: 28.58481724%;
  }
  .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.45901639%;
  }
  .navStyle2 li.threewide.oneColumn.featuredStory.htmlBlock > div .subnav {
    width: 19.94750656%;
  }
  .navStyle2 li.threewide.oneColumn.featuredStory.htmlBlock > div .showStory {
    width: 40.02624672%;
  }
  .navStyle2 li.threewide.oneColumn.featuredStory.htmlBlock > div .showBlock {
    width: 40.02624672%;
  }
  .navStyle2 li.threewide.twoColumn.featuredStory.htmlBlock > div {
    width: 74.91803279%;
  }
  .navStyle2 li.threewide.twoColumn.featuredStory.htmlBlock > div .subnav {
    width: 16.63019694%;
  }
  .navStyle2 li.threewide.twoColumn.featuredStory.htmlBlock > div .showStory {
    width: 33.36980306%;
  }
  .navStyle2 li.threewide.twoColumn.featuredStory.htmlBlock > div .showBlock {
    width: 33.36980306%;
  }
  /*
---

name: Structure Desktop

requires: [CSS.MainDesktop]

provides: [CSS.StructureDesktop]

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

...
*/
  #mastnav,
  #mainnav .main,
  #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;
  }
  .mastPromo {
    width: 43.23094425%;
    padding: 0 20px 0 17px;
  }
  #mastsearch {
    clear: right;
    float: right;
    width: 54.83503982%;
    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.10169492%;
  }
  #rightcolumn {
    width: 32.20338983%;
    clear: none;
  }
  /* Basic Two Column Structure */
  .twocolumn .column1,
  .twocolumn .column2 {
    width: 32.20338983%;
  }
  /* Section 2 Styling */
  .articleWrapper .relatedContent {
    width: 23.07692308%;
  }
  .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.72881356%;
  }
  #rightcolumn .style2 .column1 {
    width: 15.25423729%;
  }
  #rightcolumn .style2 .column2 {
    width: 15.25423729%;
  }
  .M2-master #content {
    width: 74.35897436%;
    overflow: hidden;
    float: left;
  }
  .M2-master #secondary_content {
    width: 23.07692308%;
  }
  /*
---

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.56410256%;
  }
  #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.72881356%;
  }
  #story .table-full {
    width: auto;
  }
  #story .abacus-popup .table-full {
    width: 576px;
  }
  #columns #colmain {
    margin-bottom: 0;
  }
  .image_size_small {
    width: 31.03448276%;
  }
  .image_size_med {
    width: 48.27586207%;
  }
  blockquote {
    width: 49.15254237%;
    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.10169492%;
  }
  .galleryStyle2 .controls {
    width: 66.10169492%;
  }
  .slideshowStyle2 .display {
    width: 32.20338983%;
  }
  .slideshowStyle2 .thumbs {
    width: 33.89830508%;
  }
  /*
---

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.25423729%;
  }
  #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: 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.10169492%;
  }
  #rightcolumn {
    width: 32.20338983%;
  }
  /* GRIDS */
  .grid .columnContainer {
    margin-bottom: 30px;
  }
  .grid .column {
    margin-right: 1.69491525%;
    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.69491525%;
  }
  .grid .threeColumns .columnThree,
  .grid .threeColumnsWideLeft .columnThree,
  .grid .threeColumnsWideRight .columnThree {
    margin-right: 0;
  }
  .grid .twocolumn.left {
    margin-right: 1.69491525%;
  }
  /* 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.15254237%;
  }
  #top.area .grid .oneColumn .half.twocolumn .picture,
  #foot.area .grid .oneColumn .half.twocolumn .picture {
    width: 48.27586207%;
  }
  /* MAIN ONE COLUMN */
  #main.area .grid .oneColumn .column {
    width: 100%;
  }
  #main.area .grid .oneColumn .twocolumn {
    width: 48.71794872%;
    margin-right: 2.56410256%;
  }
  #main.area .grid .oneColumn .half.twocolumn .picture {
    width: 48.27586207%;
  }
  /* MAINRIGHT ONE COLUMN */
  #mainright.area .grid .oneColumn .column .full .picture {
    float: none;
    margin-right: 0;
  }
  #mainright.area .grid .oneColumn .twocolumn {
    width: 47.36842105%;
    margin-right: 5.26315789%;
  }
  /* TOP/FOOT TWO COLUMN (EQUAL) */
  #top.area .twoColumns .column,
  #foot.area .twoColumns .column {
    width: 49.15254237%;
  }
  #top.area .twoColumns .twocolumn,
  #foot.area .twoColumns .twocolumn {
    width: 48.27586207%;
    margin-right: 3.44827586%;
  }
  /* MAIN TWO COLUMN (EQUAL) */
  #main.area .twoColumns .column {
    width: 48.71794872%;
  }
  #main.area .twoColumns .twocolumn {
    width: 47.36842105%;
    margin-right: 5.26315789%;
  }
  /* MAINRIGHT TWO COLUMN (EQUAL) */
  #mainright.area .twoColumns .column {
    width: 47.36842105%;
    margin-right: 5.26315789%;
  }
  #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.20338983%;
  }
  #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.36842105%;
  }
  #top.area .twoColumnsSmallLeft .columnOne .twocolumn,
  #foot.area .twoColumnsSmallLeft .columnOne .twocolumn {
    width: 47.36842105%;
    margin-right: 5.26315789%;
  }
  #top.area .twoColumnsSmallLeft .columnTwo,
  #foot.area .twoColumnsSmallLeft .columnTwo {
    width: 66.10169492%;
  }
  #top.area .twoColumnsSmallLeft .half.twocolumn .picture,
  #foot.area .twoColumnsSmallLeft .half.twocolumn .picture {
    width: 48.27586207%;
  }
  #top.area .twoColumnsSmallLeft .columnTwo .twocolumn,
  #foot.area .twoColumnsSmallLeft .columnTwo .twocolumn {
    width: 48.71794872%;
    margin-right: 2.56410256%;
  }
  /* MAIN TWO COLUMN (SMALL LEFT) */
  #main.area .twoColumnsSmallLeft .columnOne {
    width: 35.8974359%;
  }
  #main.area .twoColumnsSmallLeft .columnOne .full .picture {
    float: none;
    margin-right: 0;
  }
  #main.area .twoColumnsSmallLeft .columnOne .twocolumn {
    width: 10.16949153%;
  }
  #main.area .twoColumnsSmallLeft .columnTwo {
    width: 61.53846154%;
    margin-right: 0;
  }
  #main.area .twoColumnsSmallLeft .columnTwo .twocolumn {
    width: 47.91666667%;
    margin-right: 4.16666667%;
  }
  /* TOP/FOOT TWO COLUMN (SMALL RIGHT) */
  #top.area .twoColumnsSmallRight .columnOne,
  #foot.area .twoColumnsSmallRight .columnOne {
    width: 66.10169492%;
  }
  #top.area .twoColumnsSmallRight .columnOne .twocolumn,
  #foot.area .twoColumnsSmallRight .columnOne .twocolumn {
    width: 48.71794872%;
    margin-right: 2.56410256%;
  }
  #top.area .twoColumnsSmallRight .columnTwo,
  #foot.area .twoColumnsSmallRight .columnTwo {
    width: 32.20338983%;
  }
  #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.36842105%;
  }
  #top.area .twoColumnsSmallRight .half.twocolumn .picture,
  #foot.area .twoColumnsSmallRight .half.twocolumn .picture {
    width: 48.27586207%;
  }
  #top.area .twoColumnsSmallRight .columnTwo .twocolumn,
  #foot.area .twoColumnsSmallRight .columnTwo .twocolumn {
    width: 47.36842105%;
    margin-right: 5.26315789%;
  }
  /* MAIN TWO COLUMN (SMALL RIGHT) */
  #main.area .twoColumnsSmallRight .columnOne {
    width: 61.53846154%;
  }
  #main.area .twoColumnsSmallRight .columnOne .twocolumn {
    width: 47.91666667%;
    margin-right: 4.16666667%;
  }
  #main.area .twoColumnsSmallRight .columnTwo {
    width: 35.8974359%;
    margin-right: 0;
  }
  #main.area .twoColumnsSmallRight .columnTwo .full .picture {
    float: none;
    margin-right: 0;
  }
  #main.area .twoColumnsSmallRight .columnTwo .twocolumn {
    width: 10.16949153%;
  }
  /* TOP/FOOT THREE COLUMN (EQUAL) */
  #top.area .threeColumns .columnOne,
  #foot.area .threeColumns .columnOne {
    width: 32.20338983%;
  }
  #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.36842105%;
    margin-right: 5.26315789%;
  }
  #top.area .threeColumns .columnTwo,
  #foot.area .threeColumns .columnTwo {
    width: 32.20338983%;
    margin-right: 1.69491525%;
  }
  #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.36842105%;
    margin-right: 5.26315789%;
  }
  #top.area .threeColumns .columnThree,
  #foot.area .threeColumns .columnThree {
    width: 32.20338983%;
  }
  #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.36842105%;
    margin-right: 5.26315789%;
  }
  #top.area .threeColumns .half .picture,
  #foot.area .threeColumns .half .picture {
    width: 47.36842105%;
  }
  /* TOP/FOOT THREE COLUMN (WIDE RIGHT) */
  #top.area .threeColumnsWideRight .columnOne,
  #foot.area .threeColumnsWideRight .columnOne {
    width: 32.20338983%;
  }
  #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.36842105%;
  }
  #top.area .threeColumnsWideRight .columnOne .twocolumn,
  #foot.area .threeColumnsWideRight .columnOne .twocolumn {
    width: 47.36842105%;
    margin-right: 5.26315789%;
  }
  #top.area .threeColumnsWideRight .columnTwo,
  #foot.area .threeColumnsWideRight .columnTwo {
    width: 23.72881356%;
    margin-right: 1.69491525%;
  }
  #top.area .threeColumnsWideRight .columnTwo .twocolumn,
  #foot.area .threeColumnsWideRight .columnTwo .twocolumn {
    width: 42.85714286%;
    margin-right: 7.14285714%;
  }
  #top.area .threeColumnsWideRight .columnThree,
  #foot.area .threeColumnsWideRight .columnThree {
    width: 40.6779661%;
  }
  #top.area .threeColumnsWideRight .columnThree .twocolumn,
  #foot.area .threeColumnsWideRight .columnThree .twocolumn {
    width: 47.91666667%;
    margin-right: 4.16666667%;
  }
  /* TOP/FOOT THREE COLUMN (WIDE LEFT) */
  #top.area .threeColumnsWideLeft .columnOne,
  #foot.area .threeColumnsWideLeft .columnOne {
    width: 40.6779661%;
  }
  #top.area .threeColumnsWideLeft .columnOne .twocolumn,
  #foot.area .threeColumnsWideLeft .columnOne .twocolumn {
    width: 47.91666667%;
    margin-right: 4.16666667%;
  }
  #top.area .threeColumnsWideLeft .columnTwo,
  #foot.area .threeColumnsWideLeft .columnTwo {
    width: 23.72881356%;
    margin-right: 1.69491525%;
  }
  #top.area .threeColumnsWideLeft .columnTwo .twocolumn,
  #foot.area .threeColumnsWideLeft .columnTwo .twocolumn {
    width: 42.85714286%;
    margin-right: 7.14285714%;
  }
  #top.area .threeColumnsWideLeft .columnThree,
  #foot.area .threeColumnsWideLeft .columnThree {
    width: 32.20338983%;
  }
  #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.36842105%;
  }
  #top.area .threeColumnsWideLeft .columnThree .twocolumn,
  #foot.area .threeColumnsWideLeft .columnThree .twocolumn {
    width: 47.36842105%;
    margin-right: 5.26315789%;
  }
  /* MAIN THREE COLUMN (EQUAL) */
  #main.area .threeColumns .column {
    width: 31.53846154%;
  }
  #main.area .threeColumns .column.columnTwo {
    margin-right: 2.56410256%;
  }
  #main.area .threeColumns .column.columnThree {
    margin-right: 0;
  }
  #main.area .threeColumns .columnTwo {
    width: 31.53846154%;
  }
  /*
---

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.30508475%;
  }
  #top.area .twoColumns .colour2 .twocolumn,
  #foot.area .twoColumns .colour2 .twocolumn {
    width: 46.55172414%;
    margin-right: 3.44827586%;
  }
  #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.73684211%;
    margin-right: 5.26315789%;
  }
  #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.43589744%;
    margin-right: 2.56410256%;
  }
  #top.area .threeColumns .colour2 .twocolumn,
  #foot.area .threeColumns .colour2 .twocolumn {
    width: 44.73684211%;
    margin-right: 5.26315789%;
  }
  #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.28571429%;
    margin-right: 7.14285714%;
  }
  #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.73684211%;
    margin-right: 5.26315789%;
  }
  #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.83333333%;
    margin-right: 4.16666667%;
  }
  /* MAIN (COLOUR2) */
  #main.area .oneColumn .colour2 .twocolumn {
    width: 47.43589744%;
    margin-right: 2.56410256%;
  }
  #main.area .twoColumns .colour2 .twocolumn {
    width: 44.73684211%;
    margin-right: 5.26315789%;
  }
  #main.area .twoColumnsSmallLeft .columnTwo .colour2 .twocolumn,
  #main.area .twoColumnsSmallRight .columnOne .colour2 .twocolumn {
    width: 45.83333333%;
    margin-right: 4.16666667%;
  }
  /* MAIN RIGHT (COLOUR2) */
  #mainright.area .oneColumn .colour2 .twocolumn {
    width: 44.73684211%;
    margin-right: 5.26315789%;
  }
  /*
---

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.20338983%;
  }
  .section_twocolumn .section_column1 .colour2 .twocolumn .column1,
  .section_twocolumn .section_column1 .colour2 .twocolumn .column2 {
    width: 13.72881356%;
  }
  /*
---

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.79661017%;
  }
  .oneColumn .slideshowStyle2 .thumbs {
    width: 32.20338983%;
  }
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .display,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .display,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .display,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .display {
    height: 258px;
    width: 48.71794872%;
  }
  #top .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs,
  #foot .twoColumnsSmallLeft .columnTwo .slideshowStyle2 .thumbs,
  #top .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs,
  #foot .twoColumnsSmallRight .columnOne .slideshowStyle2 .thumbs {
    width: 51.28205128%;
  }
  #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.71794872%;
  }
  #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.28205128%;
  }
  /*
---

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.72881356%;
    margin-right: 1.69491525%;
  }
  .gridLayout li:nth-child(2n) {
    margin-right: 1.69491525%;
  }
  .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.56410256%;
  }
  #main.area .gridLayout ul li:nth-child(4n) {
    margin-right: 0;
  }
  .twoColumns .column .gridLayout li {
    width: 31.03448276%;
    margin-right: 3.44827586%;
  }
  .twoColumns .column .gridLayout li:nth-child(3n) {
    margin-right: 0;
  }
  .twoColumnsSmallRight .columnOne .gridLayout li,
  .twoColumnsSmallLeft .columnTwo .gridLayout li {
    width: 23.07692308%;
    margin-right: 2.56410256%;
  }
  #main.area .gridLayout ul li {
    width: 23.07692308%;
    margin-right: 2.56410256%;
  }
  #top.area .oneColumn .gridLayout li,
  #foot.area .oneColumn .gridLayout li {
    width: 15.25423729%;
  }
  #top.area .oneColumn .gridLayout li:nth-child(3n),
  #foot.area .oneColumn .gridLayout li:nth-child(3n) {
    margin-right: 1.69491525%;
  }
  #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.44827586%;
  }
  #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.56410256%;
  }
  /*
---

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;
  }
  #mast .return {
    float: right;
    margin-bottom: 0;
    margin-top: 72px;
  }
  /* SUBS CONTENT */
  .subs_wrapper1 .col1,
  .subs_wrapper2 .col1 {
    width: 66.10169492%;
    margin-bottom: 0;
  }
  .subs_wrapper1 .col2,
  .subs_wrapper2 .col2 {
    width: 30.50847458%;
  }
  .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.55871886%;
    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.56410256%;
  }
  .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: #000;
    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: #FFF;
  }
  .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;
    -ms-user-select: none;
        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.27586207%;
  }
  #searchResultsEnterprise #columns #rightcolumn {
    width: 23.72881356%;
  }
  #searchResultsEnterprise #columns #colmain {
    width: 74.57627119%;
  }
  .enterpriseSearchBar h1 {
    width: 23.72881356%;
  }
  .enterpriseSearchBar .formbox {
    width: 74.57627119%;
  }
  .searchDetails {
    width: 23.72881356%;
    margin-right: 1.69491525%;
  }
  .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;
  }
  .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.10169492%;
  }
  #columns #rightcolumn,
  #story #columns #rightcolumn {
    width: 32.20338983%;
  }
  #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.35897436%;
  }
  #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 .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;
  }
}
@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: 18;
  }
}
@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: #FFF;
    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;
  }
}