/* Almanac Page Styles which control all positioning etc etc ------------- */
.Almanac_order {
    text-align:center;
    font-size:11px;
    letter-spacing:0.1em;
    }
.Almanac_order a {
    text-transform:uppercase;
    color:#110e09;
    font-weight:bold;
    text-decoration:underline;
    }
.almanacbg {
	background-color: #e7e7EB;
	position:relative;
	min-height:600px;
	height:600px;
}    
#almanacWrapper {
    border-bottom: solid 5px #E7E7EB;
    width: 820px;
    margin: 0 auto 0 auto;
    display: block;
	background-color: #e7e6eb;
	
}
#almanacTitle {
    background-image: url(../Images/Almanac/almanacLanding_title.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	float:left;
    width:820px;
    text-indent:-9999px;
    height:107px;
    border-bottom:solid 0px #110e09;
    }
.almanac_view a {
	margin: 0 34px 0 23px;
    width:368px; 
    height:210px;
    display:block;
    background-image:url(../Images/Almanac/almanac_almanac.jpg);
    background-repeat: no-repeat;
    float:left;
    text-indent:-9999px;
    }
.almanac_left_image a{
    background:url(../Images/Almanac/almanac_image_left.jpg) no-repeat scroll 0 0;
    position:absolute;
    left:55px;
    top:135px;
    width:366px;
    height:385px;
    text-indent:-9999px;
    overflow:hidden;
}
.almanac_right_image a{
    background:url(../Images/Almanac/almanac_image_right.jpg) no-repeat scroll 0 0;
    position:absolute;
    left:460px;
    top:135px;
    width:366px;
    height:385px;
    text-indent:-9999px;
    overflow:hidden;
}
.almanac_middle_image a{
    background:url(../Images/Almanac/almanac_image_middle.png) no-repeat scroll 0 0;
    _background:url(../Images/Almanac/almanac_image_middle.gif) no-repeat scroll 0 0;
    position:absolute;
    left:322px;
    top:340px;
    width:230px;
    height:230px;
    text-indent:-9999px;
    overflow:hidden;
}
.almanac_bottom{
    position:relative;
    float:left;
    width:820px;
    height:45px;
    margin-top:460px;
    background:url(../Images/Almanac/almanac_bottom.gif) no-repeat scroll 0 0;
}
.almanac_bottom .almanac_men{
    background:url(../Images/Almanac/almanac_men.gif) no-repeat scroll 0 0;
    position:absolute;
    top:14px;
    left:210px;
    width:80px;
    height:24px;
    text-indent:-9999px;
    overflow:hidden;
}
.almanac_bottom .almanac_women{
    background:url(../Images/Almanac/almanac_women.gif) no-repeat scroll 0 0;
    position:absolute;
    top:14px;
    left:324px;
    width:106px;
    height:24px;
    text-indent:-9999px;
    overflow:hidden;
}
.almanac_bottom .almanac_homewares{
    background:url(../Images/Almanac/almanac_homewares.gif) no-repeat scroll 0 0;
    position:absolute;
    top:14px;
    left:465px;
    width:160px;
    height:24px;
    text-indent:-9999px;
    overflow:hidden;
}


.outfits_view a {
	margin: 0;
    width:371px; 
    height:210px;
    display:block;
    background-image:url(../Images/Almanac/almanac_styling.jpg);
    background-repeat: no-repeat;
    float:left;
    text-indent:-9999px;
    }
.almanac_view_low a {
	margin: 0 0px 0 23px;
    width:273px; 
    height:225px;
    display:block;
    background-image:url(../Images/Almanac/almanac_almanac_low.jpg);
    background-repeat: no-repeat;
    float:left;
    text-indent:-9999px;
    }
.outfits_view_low a {
	margin: 0;
    width:275px; 
    height:225px;
    display:block;
    background-image:url(../Images/Almanac/almanac_styling_low.jpg);
    background-repeat: no-repeat;
    float:left;
    text-indent:-9999px;
    }
.almanac_order_link a {
	margin: 0;
    width:225px; 
    height:225px;
    display:block;
    background-image:url(../Images/Almanac/almanac_order.jpg);
    background-repeat: no-repeat;
    float:left;
    text-indent:-9999px;
    }
.almanac_productDetails {
    padding-top:25px;
    background:transparent url(../Images/almanac/featuredProducts_almanac.gif) no-repeat 10px 5px;
   	position:relative;
	z-index:1;
	height:170px;
	}
.almanac_largeImg {
    float:left;
    width:820px;
    padding-top:20px;
    text-align:center;
    padding-bottom:10px;
    }
.detailsWrapper {
	clear:both;
    float:left;
    position:absolute;
    top:270px;
    margin-left:560px;
    width:250px; 
    /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Images/Global/transparent_60.png');
    }
.detailsWrapper {
	background-image:url(../Images/Global/transparent_60.png);
	}
*html .detailsWrapper {
	background-color:#fff;
    }         
.detailsWrapper p {
	float:left;
    clear:both;
    padding-top:5px;
    margin-top:5px;
    margin-left:10px;
    font-size:10px;
    width:230px;
    }
.detailsWrapper p.productComingSoon {
	background:transparent url(/Images/outfits/productComingSoon.jpg) no-repeat 0 6px;
    border-top:solid 1px #110e09;
    padding-left:15px;
	}
.featuredProductNameUnavailable {
	color:#595959;
	float:left;
	font-size:10px;
	font-weight:bold;
	line-height:1em;
	background:transparent url(/Images/outfits/productComingSoon.jpg) no-repeat 10px 6px;
	padding-left:25px;
	padding-top:5px;
	text-decoration:none;
	text-transform:uppercase;
	width:179px;
	}
*html .detailsWrapper p {
	margin-left:5px;
    }
.almanac_instructions {
    float:right;
    position:absolute;
    top:50px;
    height:100px;
    padding-left:10px;
    background-color:#fff;
    width:120px;
    }
#almanac_prevBtn a {
    background-image:url(../Images/almanac/almanac_prevBtn.jpg);
    background-repeat:no-repeat;
    background-position:left 3px;
    width:360px;
    text-indent:-9999px;
    height:15px;
    padding-bottom:5px;
    margin-bottom:5px;
    display:block;
    }
#almanac_nextBtn a {
    background-image:url(../Images/almanac/almanac_nextBtn.jpg);
    background-repeat:no-repeat;
    background-position:right 3px;
    display:block;
    text-indent:-9999px;
    width:360px;
    float:right;
    height:15px;
    padding-bottom:5px;
    margin-bottom:5px;
    }
#almanac_thumbsWrapper1 {
    height:320px;
    float:left;
    clear:left;
    position:absolute;
    width:360px;
    top:130px;
    overflow:hidden;
    padding-bottom:5px;
    }
#almanac_thumbsWrapper2 {
    height:320px;
    top:130px;
    overflow:hidden;
    float:left;
    clear:left;
    width:360px;
    position:absolute;
    padding-bottom:5px;
    }
.almanac_innerWrapper {
    width:370px;
    }
.featuredProductName a {
    width:179px;
    float:left;
    color:#110e09;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:bold;
    font-size:10px;
    line-height:1em;
    padding-left:10px;
    padding-top:5px;
    }
.featuredProductName a:hover {
    text-decoration:underline;
    }
.alamanacThumbScroll {
    margin-top:5px;
    float:left;
    clear:both;
    height:89px;
    width:820px;
    overflow-x:scroll;
    overflow-y:hidden;
    }
.alamanacThumbScrollInner {
    height:80px;
    display:block;
    width:2730px;
    }
.outfitsThumbScrollInner {
    height:80px;
    display:block;
    width:2860px;
    }
#videoButton {
    float:left;
    height:28px;
    padding:10px 0 0 10px;
    }
.almanac_thumb {
    display:block;
    width:57px;
    height:71px;
    float:left;
    clear:none;
    margin-right:8px;
    cursor:pointer;
    }
.hidden { visibility: hidden; }
.unhidden { visibility: visible; }

#searchResultsWrapper {
    width:700px;
    margin-left:auto;
    margin-right:auto;
    }
#searchResultsHeader {
    background-image:url(../Images/global/search_results.jpg);
    height:80px;
    border-bottom: solid 2px #110e09;
    background-repeat:no-repeat;
    background-position:center center;
    margin-bottom:15px;
    }
#searchResultsWrapper h1 {
    color:#be272d;
    font-size:20px;
    text-transform:uppercase;
    }
#searchResultsWrapper p {
    color:#110e09;
    font-size:12px;
    text-transform:none;
    width:450px;
    padding-bottom:10px;
    }
#searchResultsWrapper a {
    color:#278FAF;
    font-size:14px;
    font-weight:bold;
    width:450px;
    padding-bottom:10px;
    }
.searchResult {
    width:450px;
    border-bottom: solid 1px #e9e9e9;
    }
#searchResults_results {
    float:left;
    width:450px;
    }
#searchResults_search {
    border: solid 2px #110e09;
    width:200px;
    font-size:12px;
    padding:10px;
    float:right;
    }
/* end of Almanac Styles --------------------------------------------------  */

/* movie page styles ------------------------------------------------------- */

#movie_title {
	background-image: url(../Images/Global/film_shorts.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 80px;
	width:700px;
	margin:0 auto 0 auto;
	display:block;
	border-bottom: solid 1px #110E09;
}
#flashcontent {
    width:700px;
    margin-left:auto;
    margin-right:auto;
    }
/* end of movie page styles ------------------------------------------------------- */
/* static  page styles ------------------------------------------------------- */
#about_header {
    height:80px;
    text-align:center;
    border-bottom:solid 2px #110e09;
    display:block;
    margin-bottom:20px;
    }
#staticPage {
    width:700px;
    margin-left:auto;
    margin-right:auto;
    }
#staticPage p {
    margin-bottom:10px;
    font-size:12px;
    }
#staticPage p a {
    color:#278FAF;
    }

/* end of static page styles ------------------------------------------------------- */
#oldPlayerDetected {
    text-align:center;
    width:500px;
    margin-left:auto;
    margin-right:auto;
	}
/* ------ whats on pages ----------*/

#whats_on_container {
    width:847px;
    display:block;
    float:left;
    background-image:url(../Images/whatsOn/whatsOnBG.jpg);
    background-repeat:no-repeat;
    background-color:#110e09;
    color:#e7e3c4;
	}
#whats_on_containerHome {
    width:840px;
	height:550px;
    display:block;
    float:left;
    background-color:#110e09;
    color:#e7e3c4;
}
#whatsOnLandingHeader {
	width:379px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	}
#whatsOnLandingHeader h1 {
	width:379px;
	height:104px;
	display:block;
	background:transparent url(../Images/whatsOn/landingPage/WOL_title.jpg) no-repeat 0 0;
	text-indent:-9999px;
	}
#whatsOnLandingHeader ul li {
	float:left;
	}
#whats_on_container a {
    color:#e03522;
    font-weight:bold;
    letter-spacing:-0.1em;
}
#whatsOnLandingHeader ul li a.musicLink, #whatsOnLandingHeader ul li a.artLink, #whatsOnLandingHeader ul li a.photoLink, #whatsOnLandingHeader ul li a.poetryLink, #whatsOnLandingHeader ul li a.litLink {
	display:block;
	height:27px;
	text-indent:-9999px;
}
#whatsOnLandingHeader ul li a:hover.musicLink, #whatsOnLandingHeader ul li a:hover.artLink, #whatsOnLandingHeader ul li a:hover.photoLink, #whatsOnLandingHeader ul li a:hover.poetryLink, #whatsOnLandingHeader ul li a:hover.litLink {
	background-position:0 -27px;
}
#whatsOnLandingHeader ul li a.musicLink {
	background:transparent url(../Images/whatsOn/landingPage/WOL_music.jpg) no-repeat 0 0;
	width:56px;
}
#whatsOnLandingHeader ul li a.artLink {
	background:transparent url(../Images/whatsOn/landingPage/WOL_art.jpg) no-repeat 0 0;
	width:39px;
}
#whatsOnLandingHeader ul li a.photoLink {
	background:transparent url(../Images/whatsOn/landingPage/WOL_photo.jpg) no-repeat 0 0;
	width:118px;
}
#whatsOnLandingHeader ul li a.poetryLink {
	background:transparent url(../Images/whatsOn/landingPage/WOL_poetry.jpg) no-repeat 0 0;
	width:70px;
}
#whatsOnLandingHeader ul li a.litLink {
	background:transparent url(../Images/whatsOn/landingPage/WOL_lit.jpg) no-repeat 0 0;
	width:96px;
}
#whatsOnNav {
    margin-left:20px;
    width:807px;
    height:82px;
    float:left;
	}
*html #whatsOnNav {
    margin-left:10px;
    width:807px;
    height:82px;
    float:left;
    }
#WhatsOnLeft {
    float:left;
    width:200px;
    display:block;
}
#WhatsOnRight {
    background-image:url(../Images/whatsOn/whatsOnBG_repeater.jpg);
    padding-left:15px;
    margin-top:10px;
    float:left;
    width:610px;
    display:block;
}
.hiddenWhatsOn {
    width:600px;
    float:left;
    clear:both;
    display:none;
    }
#whatsOnNav h1 {
    float:left;
    margin-top:25px;
    width:266px;
    height:36px;
    background-image:url(../Images/whatsOn/whatsOnTitle.jpg);
    background-repeat:no-repeat;
    display:block;
    text-indent:-9999px;
}
#whatsOnNav ul {
    display:inline;
    padding:0;
    margin:0;
}
#whatsOnNav ul li {
    display:inline;
    padding:0;
    margin:0;
    text-indent:-9999px;
}
a.musicNav {
    display:block;
    float:left;
    width:53px;
    height:67px;
    background-image:url(../Images/whatsOn/whatsOnNav_music.jpg);
     position:relative;
    top:10px;
    left:230px;
}
a.literatureNav {
    display:block;
    float:left;
    width:64px;
    height:67px;
    background-image:url(../Images/whatsOn/whatsOnNav_literature.jpg);
    position:relative;
    top:10px;
    left:230px;
}
a.poetryNav {
    display:block;
    float:left;
    width:64px;
    height:67px;
    background-image:url(../Images/whatsOn/whatsOnNav_poetry.jpg);
    position:relative;
    top:10px;
    left:230px;
}
a.artNav {
    display:block;
    float:left;
    width:59px;
    height:67px;
    background-image:url(../Images/whatsOn/whatsOnNav_art.jpg);
    position:relative;
    top:10px;
    left:230px;
}
a.photographyNav {
    display:block;
    float:left;
    width:76px;
    height:67px;
    background-image:url(../Images/whatsOn/whatsOnNav_photography.jpg);
    position:relative;
    top:10px;
    left:230px;
}
a:hover.artNav, a:hover.musicNav, a:hover.literatureNav, a:hover.poetryNav, a:hover.photographyNav {
    background-position:0px -67px;
}
#whatsOnIntro {
    margin-left:20px;
    margin-top:13px;
    text-indent:-9999px;
    display:block;
    height:400px;
    background-repeat:no-repeat;
    width:159px;
    float:left;
    background-image:url(../Images/whatsOn/whatsOnIntro2010.jpg);
}
*html #whatsOnIntro {
    margin-left:10px;
    margin-top:13px;
    text-indent:-9999px;
    display:block;
    height:400px;
    background-repeat:no-repeat;
    width:159px;
    float:left;
    background-image:url(../Images/whatsOn/whatsOnIntroAutumn09.jpg);
}
.whatsOnTitle h1 {
    font-size:14px;
    width:100%;
    letter-spacing:0.2em;
    text-transform:uppercase;
}
.whatsOnTitle h2 {
    text-transform:uppercase;
    font-size:14px;
    color:Gray;
}
#whatsOnTitle h1.artTitle {
    width:71px;
    background-image:url(../Images/whatsOn/whatsOnArtTitle.jpg);    
}
#whatsOnTitle h1.photographyTitle {
    width:291px;
    background-image:url(../Images/whatsOn/whatsOnPhotographyTitle.jpg);    
}
.reviewGrey {
    font-weight:bold;
    color:Gray;
}
.whatsOnImg {
    float:left;
    margin-top:10px;
}
.whatsOnText {
    margin-top:12px;
    float:left;
    width:600px;
    clear:both;
}
.whatsOnText p {
    margin-bottom:10px;
}
.hiddenWhatsOn p {
    margin-bottom:10px;
}
.whatsOnArticle {
	float:left;
	display:block;
	width:600px;
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:solid 1px #e7e3c4;
}
.whatsOn_img_container {
	float: left;
	width: 600px;
	height: 333px;
	padding: 0;
	}
.whatsOn_img_container .back {
	float: left;
	width: 35px;
	height: 333px;
	padding: 0;
	margin: 0;
	background: url(../Images/global/aut09/arrow_back.gif) no-repeat;
	background-position:center center;
}
.whatsOn_img_container .next {
	float: left;
	width: 35px;
	height: 333px;
	padding: 0;
	margin: 0;
	background: url(../Images/global/aut09/arrow_next.gif) no-repeat;
	background-position:center center;
}
.whatsOn_img_container .back span,
.whatsOn_img_container .next span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.soundtrack_credit {
	text-align:center;
	padding:10px;
	}