/* --- LAYOUT CSS --- */

/*==========================================
 *     BLOCKS
 *==========================================*/

body {background:#fff; color: #333;}
body {text-align:center; margin: 0; padding: 0;} /* IE 5.5 */

#third-party-ads {margin-top: 10px;}

/* Homepage */
#block_1, #block_2 {float:left;}
#block_1 {width:669px; margin-top: 7px;}
#block_2 {width:300px; margin-left:11px; padding-top: 11px;}

/* Subpage */
#block_3, #block_4, #block_5 {float:left;}
#block_3 {width:126px;}
#block_4 {width:527px; margin-left:12px;}
#block_5 {width:300px; margin-left:15px;}


/*==========================================
 *     ELEMENTS
 *==========================================*/

#outerwrapper {
width:1006px;
margin:0 auto;
padding: 0;

}

#wrapper {
width:980px;
margin:auto;
text-align:left;
background:#fff;
}


#wrapper {
float: left;
float/**/: none;
}

#wrapper:after {
content: '[DO NOT LEAVE IT IS NOT REAL]'; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}

#wrapper {display:inline-block;}

/*\*/

#wrapper {display:block;}
#footer {clear:both;}
#header, #footer {width:930px;}

#wrappertop {
margin:0 auto;
padding:0;
width:980px;
}


/*==========================================
 *     BLOCK CONTENT
 *==========================================*/

#block_1 .content,
#block_2 .content,
#block_3 .content,
#block_4 .content,
#block_5 .content {
padding:0px;
margin:0px 0px 20px 0px;
}

#block_1 img , #block_4 img {padding: 0px 10px 0 0;}

/* --- FOOTER --- */

#footer {
clear:both;
width:980px;
margin:0 0;
padding:0;
}

#footer .content {
padding:10px 0;
margin:0;
font-size:77%;
}

#branding {padding: 0 0 7px 0;}

/*==========================================
 *     INTERNAL ADS
 *==========================================*/

.internalpromo {margin-bottom: 20px;}

/*==========================================
 *     Homepage-rotating-images
 *==========================================*/

#home-img p {margin-bottom: 0; padding-bottom: 0;}

/*==========================================
 *     Homepage-news
 *==========================================*/

#news-latest {background: #D6EFF9; border-top: 1px solid #AAAAAA; font-size: 90%; margin-bottom: 15px; padding: 7px 10px;}
#news-latest p {margin-bottom: 7px;}
#p2843I h1 {color:#CC0000; font-size:170%; font-weight:700;}

/*==========================================
 *     Highlight-para
 *==========================================*/

.small {background-color: #D6EFF9; padding: 5px 15px; font-size: 90%;}
.small-no-bg {background-color: #FFFFFF; padding: 5px; font-size: 90%;}
.event-type {display:none;}

#p2745 {float: left;}

/*==========================================
 *     Listings 
 *==========================================*/

#block_1 .listing-items ul {}
.listing-items li {border-top: 1px solid #AAA; list-style-type: none; margin-left: 0;}
#block_1 .listing-items span img {padding: 10px 0 0 10px;}

#block_1 .pagination {text-align: right; float: right;}
.pagination a {font-weight: bold;}
#block_1 #show-results {}

#block_1 .listing-items h3 {margin: 5px 0;}
#block_1 .listing-items p {margin: 3px 0 10px 0;}

#block_1 .paginationPageLink {font-weight: bold; margin-left: 7px;}
.paginationStatus {margin-right: 20px;}

/*==========================================
 *     Top tips 
 *==========================================*/

.tips .left {padding-right: 10px;}
.tips .right {padding-left: 10px;}

/*==========================================
 *     Access Phone Numbers 
 *==========================================*/

#access-table {margin: 10px 0; width: 100%; float: left; clear: both;}
#access-table tr.none {margin: 0; padding: 0;}
#access-table tr.odd {background: #DEECFC;}
#access-table th {background: #333; padding:0 10px; text-align: left; font-size: 125%; width: 200px;}
#access-table th.accessUrl {width: 350px;}
#access-table h4 {font-size: 95%; padding: 0; color: #f7951e; background: #333;}
#access-table p {margin: 0; padding: 7px 0 7px 10px; width: auto;}

/*==========================================
 *     Promobox
 *==========================================*/

#block_1 .promobox img {margin: 0 ; padding: 0; border: 0;}
#block_1 .promobox {width: 220px; float:left; margin: 0;}
#block_1 .promobox.two {margin: 0 4px 0 4px;}
#block_1 .promobox.last {width: 220px;}

#block_1 .promobox h3 {color: #FFF; font-weight: 300; padding: 5px 4px 3px 4px; margin: 0;}


/*==========================================
 *     News Box v2
 *==========================================*/

.kw-news-box {padding: 0 13px; }
.kw-news-box div.item-display {display: block;}
.kw-news-box div.right {margin-top: 0px;}
.kw-news-box h3 {color: #000;}
.kw-news-box p {margin: 0; padding: 4px 0;}
.kw-news-box-top {background: url(/other_files/kidsweek-v2/news-box-top.gif) no-repeat 0px 0px; width: 669px; height: 10px; float: left; clear: both;}
.kw-news-box-bottom {background: url(/other_files/kidsweek-v2/news-box-bottom.gif) no-repeat 0px 0px; width: 669px; height: 10px; margin: 0 0 18px 0; float: left; clear: both;}


/*==========================================
 *     New social
 *==========================================*/

#Up-to-date {margin-top: 20px;}
#Up-to-date h6 {font-size: 80%;}
.new-soci {float: left; width: 144px;}
#find-tw {margin-left: 12px;}
.new-soci img{border: 0;}

.solt-endorse {float: left; margin: 20px 0 0 0;}
       
/*========================================
* Shows List Styles
*========================================*/

ul#show_categories {
list-style:none;

background-color:#00ADEF;
margin:0;
padding: 0;
font-family:arial, helvetica, verdana, sans-serif;
font-weight:700;
float: left; clear: both; display: block; width: 100%;
}

.search-result {float: left; clear: both; width: 100%; padding-bottom: 15px;}

#show_categories li,#show_categories li a:link, #show_categories li a:visited  {
float:left;
color:white;
color:white;
font-size:14px;
text-shadow: 1px 1px 1px #0186B8;
}

#show_categories li a {text-shadow: 1px 1px 1px #0186B8;}

#show_categories li a:visited, #show_categories li a:link{
text-decoration:underline;
text-shadow: 1px 1px 1px #0186B8;

}

h3#searchShows {color:#00ADEF;}

ul#showsList{
list-style:none;
float: left; clear: both; width: 100%;
}
ul#showsList li{

height:auto;
display: block;
}

ul#showsList li div.container{
display:block;
float:none;
height:100%;
clear:both;
}

ul#showsList li.odd{
background-color:#d5f6ff;
}

ul#showsList li div{
float:left;
}

ul#showsList li div div.feat {

position:relative;
float: right;
margin-top: -60px; width: auto;
padding:0;
}

ul#showsList li div div.work-feat {

position:relative;
float: right;
margin: -30px 0 0 0; width: auto;
padding:0;
}

ul#showsList li div.metaCont {
width:545px;
}

ul#showsList.workbook  div.metaCont {
width:100%;
}

div.feature-box ul#showsList li div.metaCont { width: 635px}

ul#showsList li div.metaCont h3{
width:500px;
}

ul#showsList div.metaCont span{
width:500px;
}

ul#showsList span h4{
color:black;
float:left;
display:block;
margin-bottom:2px;
}

ul#showsList span h4.showingAt{
margin-right:10px;
}

ul#showsList div.metaCont p{
clear:left;
padding: 0;
margin: 0;
width:515px;
}

ul#showsList li div.imageCont{
height:100%;
}
ul#showsList li div.metaCont .showingAt{
width:auto; padding-bottom: 10px; font-size: 105%;
}
ul#showsList li div.imageCont img{
vertical-align:middle;
position:relative;
top:10%;
padding:0;
}

ul#showsList li div.feature.imageCont{

position:relative;
float: right;
margin-top: -60px; width: auto;
padding:0;
}

/* Pagination */
#listTopBar{
height:30px;
display: block; float: left; clear: none; width: 100%; margin-top: -12px;
}
#listTopBar h3{
color:#333;
width:auto;
float:left;
margin-top: -5px;
font-size: 180%;
font-weight: 600;
padding-left: 10px;
}

#listTopBar h3 span.resultsSize{
color:#aaa;
width:auto;
margin-top: -5px;
font-size: 70%;
font-weight: 600;
}

#listTopBar h5{
color:black;
width:auto;
padding-right:130px;
float:right;
position:relative;
top:0px;
z-index: 1;
}
.paginationOptions{
position:relative;
top:13px;
z-index: 5;
}

.paginationPageLink, .paginationPageLink a{
font-size:10pt;
text-align:center;
}


.paginationPageLink {color: #c8c8c8;}

.paginationPageLink a:visited, 
.paginationPageLink a:link{
text-decoration:underline;
}

/* TinyMCE output fixes */

ul#showsList div.mceoutput *{
width:auto;
height:auto;
margin: 5px auto;

}
ul#showsList div.mceoutput li{
padding:1px;
}
ul#showsList div.mceoutput ul, ul#showsList div.mceoutput ol{
margin-left:35px;
}

/* Clear floated elements */
div.clear{
clear:both;
float:none!important;
}

#week2 {display: none;}

div.right {float: right; clear: right; padding: 0 5px 10px 5px;}
div.left {float: left; padding-right: 15px;}
div#Up-to-date {float: left; clear: both; width: 100%;}
#tm-wrap {padding: 15px;}
#tm-wrap p {width: 100px; float: left; clear: none; font-weight: bold; margin: 5px 0 0 20px; color: #1D4774;}

div.imgCont {margin-left: 5px;}

span.meta-title {font-weight: bold; padding-right: 5px; width: auto;}
span.meta-content {padding: 0 20px 0 0; width: auto;}

.home-content div.maintitle h1 {margin-left: 225px;}
.home-content div.left {margin-top: -20px;}



ul#showsList div.metaCont p.onsale {float: left; width: auto; clear: none; font-size: 120%;}
ul#showsList div.metaCont p.onsale.booking-email {float: left; width: auto; clear: none; font-size: 120%;}
ul#showsList div.metaCont p.onsale.booking-venue {float: left; width: auto; clear: none; font-size: 92%; margin-top: 3px;}

#block_1 div.feature-box ul {margin: 0;}

.datetitle {float: left; clear: both;}