body {display:block;}


/* new elements */
.BlockSection {position:relative; margin-bottom:20px;}
.BlockSection .OuterSlide {width:29.3%; margin-left:2%; margin-right:2%;}
.BlockSection .OuterSlide .Inner {position:relative; display:block; /*border:solid 1px red;*/}
.BlockSection .OuterSlide .Inner .Title {display:block; text-align:center; font-size:20px; margin-bottom:4px;}
.BlockSection .OuterSlide .Inner .TmpImg {display:block; margin-bottom:4px;}
.BlockSection .OuterSlide .Inner .TmpBox                              {position:relative; margin:30px 0px; text-align:center; display:block;}
.BlockSection .OuterSlide .Inner .TmpBox .TmpInnerFirst               {position:absolute; z-index:10; width:100%; height:100%; display:block; top:0px;}
.BlockSection .OuterSlide .Inner .TmpBox .TmpInnerFirst .TmpFirst     {display:block; margin:-5% auto 0px auto; height:120%; border:1px solid #fff;  box-shadow:5px 5px 0px rgba(8, 8, 8, 0.06);}
.BlockSection .OuterSlide .Inner .TmpBox .TmpSecond                   {z-index:15; width:100%;}
.BlockSection .OuterSlide .Inner .Line1 {color:#1a4d8d; display:block; font-size:16px; text-align:center; margin-bottom:8px; font-weight:bold;}
.BlockSection .OuterSlide .Inner .Line1 a {color:#1a4d8d;}
.BlockSection .OuterSlide .Inner .Line2 {display:block; font-size:14px; text-align:center; margin-bottom:8px;}
.BlockSection .OuterSlide .Inner .BtnGreen {width:50%; margin-left:auto; margin-right:auto;}
.BlockSection .ButtonPrev {height:78px; position:absolute; top:50%; margin-top:-39px; left:0px; z-index:10; cursor:pointer; display:none;}
.BlockSection .ButtonPrev img {display:block; height:100%;}
.BlockSection .ButtonNext {height:78px; position:absolute; top:50%; margin-top:-39px; right:0px; z-index:10; cursor:pointer; display:none;}
.BlockSection .ButtonNext img {display:block; height:100%;}
.BlockSection .ButtonPrev.swiper-button-disabled {opacity:0; cursor:default;}
.BlockSection .ButtonNext.swiper-button-disabled {opacity:0; cursor:default;}


.SubSlideShow {display:block;}
.SubSlideShow .GradR {position:absolute; top:0px; right:-1px; height:100%; width:22%; z-index:3;}
.SubSlideShow .GradL {position:absolute; top:0px; left:-1px;  height:100%; width:22%; z-index:3;}
.SubSlideShow .SubItem {display:block; width:55%; margin-left:0; margin-right:0;}
.SubSlideShow .SubItem a.MainLink {display:block;}
.SubSlideShow .SubItem a.MainLink .ItemImg {display:block; width:100%;    /*box-shadow:5px 5px 0px rgba(8, 8, 8, 0.06);*/}
.SubSlideShow .SubItem .TextLine {display:block; font-size:13px; text-align:center; margin-bottom:8px; font-weight:bold; padding-left:4px; padding-right:4px; margin-top:3px;}
.SubSlideShow .SubItem .TextLine a {color:#1a4d8d;}
.SubSlideShowBtnLeft.swiper-button-disabled {opacity:0.5;}
.SubSlideShowBtnRight.swiper-button-disabled {opacity:0.5;}

.SimpleImageSlideshow {position:relative; margin-bottom:20px;}
.SimpleImageSlideshow .swiper-slide {width:14.6%; margin-left:1%; margin-right:1%;}
.SimpleImageSlideshow .swiper-slide .Inner {}
.SimpleImageSlideshow .swiper-slide .Inner .TmpImg {display:block; width:100%; margin-bottom:4px;}
.SimpleImageSlideshow .ButtonPrev {height:78px; position:absolute; top:50%; margin-top:-39px; left:0px; z-index:10; cursor:pointer; display:none;}
.SimpleImageSlideshow .ButtonPrev img {display:block; height:100%;}
.SimpleImageSlideshow .ButtonNext {height:78px; position:absolute; top:50%; margin-top:-39px; right:0px; z-index:10; cursor:pointer; display:none;}
.SimpleImageSlideshow .ButtonNext img {display:block; height:100%;}
.SimpleImageSlideshow .ButtonPrev.swiper-button-disabled {opacity:0; cursor:default;}
.SimpleImageSlideshow .ButtonNext.swiper-button-disabled {opacity:0; cursor:default;}

.ThreeBlocker {margin-bottom:20px;}
.ThreeBlocker .BlockLeft {display:inline-block; background-color:#e5e5e5; margin-right:2%; width:31.8%; padding-top:20px; padding-bottom:20px; padding-left:1%; vertical-align:top; box-sizing:border-box; height:380px}
.ThreeBlocker .BlockLeft .Line1 {width:100%; margin-bottom:20px;}
.ThreeBlocker .BlockLeft .Line2 {width:100%;}
.ThreeBlocker .BlockLeft .ImgLink {display:inline-block; box-sizing:border-box; margin-left:2.8%; width:28%; vertical-align:top; border-right:solid 6px #bbb;}
.ThreeBlocker .BlockLeft .ImgLink img {display:block; width:100%; border:solid 1px #fff;}
.ThreeBlocker .BlockCentre {display:inline-block; background-color:#e5e5e5; margin-right:2%; width:31.8%; vertical-align:top; box-sizing:border-box; padding:20px 0px 20px 20px;}
.ThreeBlocker .BlockCentre .OV {height:340px; padding-right:20px; overflow:auto;}
.ThreeBlocker .BlockCentre .OV .BlogItem {margin-bottom:10px;}
.ThreeBlocker .BlockCentre .OV .BlogItem .Title {font-size:14px; font-weight:bold; margin-bottom:2px;}
.ThreeBlocker .BlockCentre .OV .BlogItem .Title a {color:#1a4d8d;}
.ThreeBlocker .BlockCentre .OV .BlogItem .Date {font-size:13px; color:#999; font-weight:bold; margin-bottom:2px;}
.ThreeBlocker .BlockCentre .OV .BlogItem .Text {font-size:14px;}
.ThreeBlocker .BlockCentre .OV .Separator {background-image:url(/National_Library/20160930123623oe_/http://www.foyles.co.uk/Images/white_dot_hv.png); background-repeat:repeat-x; height:4px; margin-bottom:8px; background-position:center bottom;}
.ThreeBlocker .BtnTwitterHS {text-align:center; display:none; margin-bottom:2%;}
.ThreeBlocker .BtnTwitterHS .BtnGreen {} 
.ThreeBlocker .BlockRight {display:inline-block; background-color:#e5e5e5; width:31.8%; vertical-align:top; padding:20px 0px 20px 20px; box-sizing:border-box;}
.ThreeBlocker .BlockRight iframe {height:340px !important;}
.ThreeBlocker .BlockRight .TwitterParent {}

.ImageWithInfoSlideshow {position:relative; margin-bottom:20px;}
.ImageWithInfoSlideshow .swiper-slide {width:10.5%; margin-left:1%; margin-right:1%;}
.ImageWithInfoSlideshow .swiper-slide .Inner {}
.ImageWithInfoSlideshow .swiper-slide .Inner .ImageLink {display:block;        /* height:205px; */ }
.ImageWithInfoSlideshow .swiper-slide .Inner .ImageLink img {display:block; width:100%; margin-bottom:4px;}
.ImageWithInfoSlideshow .swiper-slide .Inner .Title  {font-size:13px; color:#1a4d8d; font-weight:bold; margin-bottom:2px; display:block;}
.ImageWithInfoSlideshow .swiper-slide .Inner .Type   {font-size:13px; color:#333; margin-bottom:2px; display:block;}
.ImageWithInfoSlideshow .swiper-slide .Inner .Author {font-size:13px; color:#586118; display:block;}
.ImageWithInfoSlideshow .swiper-slide .Inner .Price  {font-size:14px; color:#333; margin-bottom:2px; display:block;}

.ImageWithInfoSlideshow .ButtonPrev {height:78px; position:absolute; top:50%; margin-top:-39px; left:0px; z-index:10; cursor:pointer; display:none;}
.ImageWithInfoSlideshow .ButtonPrev img {display:block; height:100%;}
.ImageWithInfoSlideshow .ButtonNext {height:78px; position:absolute; top:50%; margin-top:-39px; right:0px; z-index:10; cursor:pointer; display:none;}
.ImageWithInfoSlideshow .ButtonNext img {display:block; height:100%;}
.ImageWithInfoSlideshow .ButtonPrev.swiper-button-disabled {opacity:0; cursor:default;}
.ImageWithInfoSlideshow .ButtonNext.swiper-button-disabled {opacity:0; cursor:default;}

.MainBanner {}
.MainBanner .Inner {}
.MainBanner .Inner img {width:100%;}
.MainBanner .Pagination {text-align:center;}
.MainBanner .Pagination .swiper-pagination-bullet {background-image:url(/National_Library/20160930123623oe_/http://www.foyles.co.uk/Images/SlideShowNavigation.png); width:1px; height:1px; margin-right:8px; margin-left:8px; opacity:1; border-radius:0px;}
.MainBanner .Pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-image:url(/National_Library/20160930123623oe_/http://www.foyles.co.uk/Images/SlideShowNavigationSelect.png);}


/* Main public navigation - large screen */
#NavContainer {height:27px; width:100%; position:relative; z-index:150; margin-top:0px; visibility:hidden;}
#NavContainer ul {position:relative; left:0px; top:0px; font-size:10px; margin:0px; padding:0px;}
#NavContainer li {position:relative; left:0px; top:0px; font-size:10px; margin:0px; padding:0px; list-style-type:none;}
#NavContainer a {font-size:18px; text-decoration:none;  display:block; text-decoration:none;}

#NavContainer ul.Level1 {}
#NavContainer li.Level1 {float:left; width:20%;}
#NavContainer li.Level1 a.Level1 {position:relative; width:100%; box-sizing:border-box; padding:6px 5px 0px 5px; text-align:center; white-space:nowrap;}
#NavContainer li.Level1 a.Level1 .NavIcon {margin-left:4px;}
#NavContainer li.Level1Highlighted {}
#NavContainer li.Level1Highlighted a.Level1 {position:relative; height:27px; padding:6px 5px 0px 5px;}

#NavContainer ul.Level2 {position:absolute; min-width:100%; top:36px; left:0px; display:none; background-color:#e5e5e5; border-bottom:solid 4px #ed1b2e; padding:7px;}
#NavContainer li.Level2 {}
#NavContainer li.Level2 a.Level2 {min-width:100%; box-sizing:border-box; position:relative; padding:5px 14px 5px 14px; color:#000; white-space:nowrap;}
#NavContainer li.Level2Highlighted {}
#NavContainer li.Level2Highlighted a.Level2 {position:relative; text-decoration:underline;}