/* ------------------------------

 Genereal Styles - To reset or hide elements common to multiple pages
 
   ------------------------------ */

body,h1,  #wrap, #leftCol.dblMargin, table.eventsTable, table.ticketTable eventsTable, table.riskSummary {width:100%!important; height:auto;} /*set width to match the paper*/
h1, h2, h3, h4, h5, h6 {display: block; clear:both;}
.printHide, #header .topRight, #header ul, #search, .leftNav, #footer, .noprint, #pageContent .backTo, .overlaystop, #leftCol, .topImage, #share_this, li#ctl00_cpMain_ctl00_relatedDocuments_adobeLink, ul.noFlickr, div.publicationSearchPage div#topPagerContainer, div.searchBottom, div#footerSimpleSearch, div#control_wrapper, div#midCol.propertyDetail div.dotted_line, div#rightCol div.socialTools, #shops_publications a#slideBooksLeft, #shops_publications a#slideBooksRight, #shops_publications span.count, ul#rightTabs, div#openingCalendar, div#visInfoContact dl img, div.getDir, div.gapSearchTools, div#rightCol div.propWrap img, .lchevDisabled, div#dynTabs, div#homeRight input#mapsearchInput, div#homeRight a#mapsearchBtn, div#OnThisDay a.lchev, div#OnThisDay div.floatRight, div#pageContent.mediaPageContent a#player, div#pageContent.mediaPageContent h2#mediaTitle, div#pageContent.mediaPageContent p#mediaText, div.propWrap div#divMultimapMap.mapArea {display:none!important}
#leftCol.leftWide {display:block!important; margin-left:20px;}
.mediaContainer a {display: none!important;} /*overidden in IE in IE style sheet as it will take a screenshot of the video */


div#leftCol.leftWide, div#bigColLeft {display: block;} /*Fix to hide navigation leftcol but show if no left nav and content appears in leftCol*/
#content {padding: 0; float: none;/*_width:580px!important; */}
#ctl00_cpMain_pnlConfirmations  {width:10px;}
body* {float: none!important; padding: 0 3em;}

div#genContent a, div.leftnavBuffer a {text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted;}
div#genContent .mediaContainer a {border: 0;}/*Removes underline from links used in page structure, such as multimedia */

.printOnly {display: inline;} /*reveals numbers and footnotes added by javascript to list links used on a page when printing normally hidden in style.css */
.printOnlyForce {display: block!important;}
div#printLinks {margin-left: 60px; width:85%; font-size: 130%;}
div#printLinks ol.printOnly li {list-style-type: decimal; margin-left: 35px;}

div.printOnlyClear {width:100%; clear: both;}

di#header {text-align: center;}


   
/* --- Main column content -- */

div#content div, #leftCol.leftWide div {float: none!important; overflow-y:visible!important;} /*Fix to stop Firefox adding pagebreaks before and after floated divs and clipping when content is not finished*/
div#content, ul.contentList li {width:100%!important;} /*Keep the main content within the margins of the printed page */

    /*Outside container to stop overflow off the page */
div#midCol, div#bigColLeft, div.leftnavBuffer, div#openTimes.borderedGreyBox, div#prices.greyBox, div#directions.borderedGreyBox, #leftCol.leftWide, div#homeLeft, #content div#homeRight, div#bottomRow div.callOut, div#bottomRow div.rhsHtmlFrag {width:95%!important;overflow-x:visible!important;}
div#midCol div, div#bigColLeft div, div.leftnavBuffer div, #leftCol.leftWide div, div#homeLeft div, #content div#homeRight div, #content div#homeRight p, #content div#homeRight h2, div#bottomRow div.callOut div {width:100%!important;overflow-x:visible!important; margin:0;} /*Allow main content to expand when the page is resized or orientation changed*/
div#bigColLeft, div#sectionSearch, .news-page p.releaseDate {margin-left:15px;}

#midCol p {float: none; clear:left;}
div#midCol, div#bigColLeft {border-bottom: 2px dotted #000000;}

        div#content a:after {clear: left; content: " (" attr(href) ") "; font-size: 90%;}
            /* CSS3 to turn relative links into absolute when printing */
        div#content a[href^="/"]:after {
         content: " (http://www.english-heritage.org.uk" attr(href) ") ";
        }
        
        /* Removes Link printing on elements in midCol - eg Multimedia  */
        div#content .mediaContainer a:after, div#content div#searchResultsAjaxWrapper a:after, div#midCol div.propertyWhatsOn a.thumbLink:after, #shops_publications ul#books_slider li.book a.thumbLink:after, div#content div#DiscoveryVisitsSearchResults a.thumbLink:after, div#content table#results a.thumbLink:after, div#content div.dynLinkOuter a:after, div#content div.newsBlock a.thumbLink:after {content:none;}
        
div#genContent div.mediaContainer a {clear: both;}

div.serachResultsRow {width:80%;}
div div.searchResultsRowInner p {width:100%;}
div.searchResultsRow p a {margin-bottom:2em;}
div.searchSummary {clear:both; float:none;}

div#imageScroller {clear:both;}
#imageScroller div#scroller_controls {height: auto!important;}
#imageScroller div#scroller_controls span {width:100%;}

div.alert {padding: 5px; width:90%; border-color: Red; clear: both;}

div#midCol div.twocol img {width:25%!important; height: auto; margin: 5px 2px 0 0; clear: right;}
div#midCol div.twocol ul, ul#befYouArr, div.nearSimilarBlock ul, div#midCol div.twocol div.nearSimilarProperties ul{width:90%!important; list-style: square;}
div#midCol div.twocol ul li, ul#befYouArr li, div.nearSimilarBlock ul li, div#midCol div.nearSimilarProperties ul li {width:100%!important; list-style: square; border: 0; margin-left: 20px;}
div.propertyWhatsOn div.rightFloater {margin-top:15px!important;}
div.propertyWhatsOn {margin-bottom: 20px!important;}
div#midCol.propertyDetail h2 {margin-top: 10px; margin-bottom: 5px; width: 100%;}
div#beforeYouArriveBlock {clear: both;}
.twocol img {position: relative;}
a.morSimProp {display:inline-block;}

#shops_publications {float: none; clear: both; height:none!important;}
#shops_publications ul#books_slider {width: 100%!important; clear: both;}
#shops_publications ul#books_slider li.book {float: none; width:90%; clear: both; text-align: left; height: auto;}
#shops_publications ul#books_slider li.book a img{float:left;}
#shops_publications ul#books_slider li.book *, #shops_publications ul#books_slider li.book a {text-align: left;}
#shops_publications ul#books_slider li.book span.price {margin-top:10px;}

#shops_publications ul#books_slider {height: auto; position: relative; overflow:visible;}
#shops_publications div#slide_wrapper {border-bottom: 0;}

div#openTimes.borderedGreyBox, div#prices.greyBox, div#directions.borderedGreyBox {border: 0; display: block;}
div#prices dt, div#prices dd, div#directions dt, div#directions dd {border: 0;}
div#prices dt{clear:left; width: 60%;}
div#prices dt span.normal, div#prices dt, div#directions dt {clear: left;}

div#visInfoContact dd {border:0;}

div.toplists{width: 100%!import;}
div.toplists ul {width: 45%;}

div#midCol div#availabilityCalendar, div#printCalendarLegend {width: 30%!important;}
div#midCol div#availabilityCalendar, div#midCol div#availabilityCalendar * {border:0;}
div#midCol div#availabilityCalendar table td.hiddenDay {height: 0px!important;}
div#midCol div#availabilityCalendar table th {border-bottom: 1px solid #cccccc;}
div#midCol div#availabilityCalendar table td.booked, div#printCalendarLegend table td.booked  {color: #afafaf!important; border: 1px dotted #CCCCCC;}
div#midCol div#availabilityCalendar table td.available, div#printCalendarLegend table td.available {border: 1px solid black;}
div#availabilityCalendar table {width:100%;}

div#mapcontrols {width: 95%;}

div.jobs .smallerDart {width: 95%;}

div#aToZ div.specialInfo {width:95%;}
/* --- Media slots --- */

div.mediaContainer, div.mediaContainer p {height: auto!important;float:none; margin:0 auto; width:100%!important; clear: both!important;}
div.mediaContainer {overflow:hidden;}
div.mediaContainer img {float:none; margin:0 auto!important; clear:both!important;}


/* --- Right Hand Column --- */


div#rightCol{clear: both;float: none!important; width: 95%!important; page-break-before: always;}

div#rightCol div.rightColBox, div#rightCol div.rightColBox h2, div#rightCol div.rightColBox p, div#rightCol div.rightColBox div, div#rightCol div.rightColBox h3, div#rightCol div.rightColBox span,div#rightCol div.rightColBox a,  div#liteboxLinks /*continue adding markup within rhs boxes to ensure they all stretch full width*/ {clear: both;float: none!important; width: 100%!important;}
div#rightCol div.rightColBox a:after {clear: left; content: " (" attr(href) ") "; font-size: 90%;}
    /* CSS3 to turn relative links into absolute when printing */
div#rightCol div.rightColBox a[href^="/"]:after {
  content: " (http://www.english-heritage.org.uk" attr(href) ") ";
   }

div#lightBox ul#smallTabsOne {width: 90%!important;}
div#lightBox ul#smallTabsOne li {width: 100%; clear:both;}

div.visitorinfo ul.sub li, div.visitorinfo ul.visitinfo li {list-style: none!important; margin-left: 0!important; padding-left: 0!important;}
div.visitorinfo ul.sub {padding-left: 0px!important;}
div.visitorinfo span.calendarlink {position: relative!important; display: block;}
div.visitorinfo span.furtherPriceNotes {display: block;}

div#liteboxLink {overflow-x: hidden!important; clear: both;}

div#guidebooks p {padding-bottom: 0;}
div#daysOutAppBlock p.padded {padding-bottom: 0;}
div#rightCol div.holCottBlock div {padding-bottom: 0!important;}
div.membershipGen {height: auto!important;}

div.rhsHtmlFrag ul li {clear:both; width: 95%!important;}

/* --- Lists -- */


ul.contentList li, div.rightColBox ul li, div#content div#rightCol div.rightColBox ul.relatedDocs li {list-style: square!important;padding-left: 0px!important;} /*style bullets correctly in main column and add bullet point in rhs*/
ul.contentList, div.rightColBox ul {width: 90%!important; clear: both!important; max-width: none!important; padding-left: 25px!important;}
ul.contentList li, div.rightColBox ul li {width: 100%; margin-left: 20px;}


div.rightColBox ul li a {padding-left: 0px!important;}
div.rightColBox ul.relatedpubs li, div#rightCol div.whatsOn ul li,  {list-style: none!important;} /*remove default bullet point where image used instead e.g. related publications*/

ul.relatedpubs li, ul.relatedDocs li {display: block; width: 100%!important; clear: both;}

div.eventBodyArea ul li {list-style: square;}

/* --- Search result tables --- */

div.eventSearch tabbed, div.tabInner, div.eventSearch {padding-left: 0px!important;}

div#EvenSearchResults {width: 90%!important;}
div#searchResultsAjaxTargetWrapper tabe.eventsTable {width: 90%!important;}






/* ------------------------------

    Content Specific Styles

  ------------------------------ */
  
/* --- Publication Search Results --- */
#searchResultsAjaxTargetWrapper, .searchResultsRow h2 a {display: block!important; overflow:visible!important;}
.searchResultsRow h2 {float: none; width:auto; }


/* --- checkout receipt styling --- */
.confirmationPanel .receipt-top .print-block, .confirmationPanel .receipt-bottom .print-block {display:none;}
div.confirmationPanel .receipt-top{width:582px!important;}
.confirmationPanel{width:182px; clear:both; overflow:visible;}

.confirmationPanel div.confirmationPanel-receipt{width:546px; _width:562px!important; _margin-left:0!important; _padding:0 5px 0 15px!important;}


.confirmationPanel h1{width:546px; text-align:left;}
.confirmationPanel h2.sIFR-ignore{visibility:visible!important;}
.confirmationPanel-receipt dt{ width:290px; clear:left;}
.confirmationPanel-receipt dl dt, .confirmationPanel-receipt dl dd{border-bottom:none;}
.confirmationPanel div.terms-block{width:560px!important; float:none; font-size:80%;}
.confirmationPanel ol{_width:560px; padding-left:0px; _margin:0!important; _padding:0!important; _list-style:inside; _line-height:8px!important;}
.confirmationPanel li{_padding:0!important; padding-left:0px; line-height:1.4em;}
.confirmationPanel .terms-block{width:expression(document.body.clientWidth > 562 ? "560px");}
.confirmationPanel p,  .confirmationPanel {text-align:left;}
/*div{border:1px solid #0087c0;}*/
/*end checkout receipt styling*/


div#midCol div#ehformwrapper {width: 95%!important;}


/* ----- HOME PAGE --------- */

div#homeLeft, div#homeRight {margin-left: 10px;}
div#homeLeft div#dynDiv {width: 321px!important;}
div#homeLeft div#dynTabs ul li {float: left; clear: both;}
div#homeLeft div.newsBlock {margin-bottom:2em; position: relative; top:-100px;}
div#homeLeft div.newsRow p a {width: 80%;}
div#homeLeft div#ctl00_cpMain_mlblMembership {position: relative; top: -100px;}
div#homeLeft .membershipBlock, .btmCallOutInner {min-height: 0; border: 0; margin: 0 0 2em 0;}
div#homeLeft .membershipBlock .memRight div.dartLink, div#homeLeft .membershipBlock .memRight div.dartLink a, #homeRight a.shorterDart  {width: 70%;}
div#homeRight ul.socialLinks li {list-style: square;}
div#bottomRow .callOut div.btmCallOutInner {padding-bottom: 0;}
div#bottomRow #ctl00_cpMain_callout1_cout, div#bottomRow #ctl00_cpMain_callout2_cout, div#bottomRow #calloutonthisday, div#bottomRow #ctl00_cpMain_rhsFragment_box {height: auto!important;}
div#bottomRow #calloutonthisday div.btmCallOutInner div {padding-bottom: 0px!important;}
div#bottomRow #ctl00_cpMain_rhsFragment_box div#ctl00_cpMain_callOutDidYouKnow_cout #ctl00_cpMain_callOutDidYouKnow_coInner ul {width: 80%!important; overflow-y: visible!important;}


/* ----- Page Studio Microsites --------- */

div.microWrapper {padding-top: 0!important;}
div#bannerContainer {display: none;}
div#pageContent.mcSite div.leftWrap, div#pageContent.mcSite .microBox520 {width: 80%!important;}
div#pageContent.mcSite div.b1TextContainer{width: 100%!important;}



/* ----- Mutimedia Library --------- */

div.mediaPageContent #pl div.entries {width: 80%;}
div.mediaPageContent div.entries a{clear: both;}


/* ----- Publication cover Sheets -------- */

/*div#pageContent div#leftCol {display: block!important; float: left;}*/


/* ------------------------------

    Misc - Added last to be lower in the cascade or unclear

  ------------------------------ */


/*
#header #logo {float:none; margin:0px; padding:0px; }
#header,#topwrap{float:none; width:920px; }
#header,#topwrap,#wrap{_width:580px!important; }
#wrap{width:940px; position:absolute; top:0; left:0; height:auto;}
#content div{ position:relative; clear:both; }
*/



#mainSearchEventSearchResultWrapper .eventsTable th{font-size:18px;}
#mainSearchEventSearchResultWrapper .eventsTable{width:90%;}
#simpleMarkupPagingContainer{font-size:12px; color:#4a4a4a; width:100%;}
#simpleMarkupPagingContainer .rchev{float:right;}
/* div{_width:200px!important;} */


/*Hacks to get printed content*/

.terms_block, .terms_block p{text-align:left;}
div.print-block{display:none;}


div#ctl00_cpMain_mimgCoverImage {display: block;}