element is wrapped by jCarousel around the list
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
position: relative;
}
.jcarousel-clip {
z-index: 2;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}
.jcarousel-clip-horizontal {
margin-left:10px;
}
.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 100px;
height: 66px;
}
/**
* The buttons are added dynamically by jCarousel before
* the
list (inside the described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-prev {
z-index:3;
}
.jcarousel-next {
z-index: 3;
display: none;
}
/** OVERLAY **/
html, body {
height:100%;
width:100%;
}
#theOverlay {
width:1003px;
height:590px;
display:none;
position:absolute;
top:50%;
left:50%;
margin-left:-500px;
margin-top:-300px;
z-index:1000000;
}
#theOverlay .oTop {
background:url(../images/modalTop.png) top left no-repeat transparent;
#background:url(../images/modalTop.gif) top left no-repeat transparent;
height:47px;
width:1003px;
position:relative;
top:0px;
left:0px;
/*#left:7px;*/
}
#theOverlayContent{
height:100%;
background:url(../images/modalBottomTall.png) bottom left no-repeat transparent;
#background:url(../images/modalBottomTall.gif) bottom left no-repeat transparent;
height:540px;
padding-left:9px;
padding-top:5px;
position:relative;
width:1003px;
#width:993px;
_padding-bottom:50px;
}
#overlayBg {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#333;
z-index:999999;
_height:expression(document.body.scrollHeight+'px'); /* For IE6 when scrolling occurs */
}
.overlay .close {
position:absolute;
top:30px;
right:50px;
}
.overlay .close span {
position:absolute;
left:-9999px;
}
.overlay .close a{
display:block;
width:77px;
height:17px;
background:url(../images/btnClose.png);
}
/* Media Centre */
/* News list */
div.newsList {
background:url(../images/living/wideListBg.png) no-repeat 0 0;
padding:25px 0 30px 0;
overflow:hidden;
}
div.newsList h3.newsTitle {
font-size:1.4em;
text-transform:uppercase;
padding-left:18px;
padding-bottom:15px;
}
* html div.newsListItem { zoom:1;}
div.newsListItem {
padding: 18px;
border-top:1px solid #c7c7c7;
overflow:hidden;
}
div.newsListItem .theItem{
width:385px;
float:left;
}
div.newsListItem h3 {
font-size: 1.35em;
text-decoration:none;
}
div.newsListItem h3 .date {
display:block;
color:#76778B;
margin-top:3px;
font-size:0.8em;
}
div.newsListItem h3,
div.newsListItem p {
padding-top: 0 !important;
margin-bottom: 0.5em !important;
}
div.newsListItem p {
font-size:1.1em;
}
div.newsListItem img.pic {
float: left;
margin: 4px 10px 7px 0;
display: block;
}
div.newsArticle h2 {
margin-top: 0 !important;
}
div.newsMore {
padding: 1em 0 10px 0x;
}
.pressReleaseDocument {
width:280px;
float:right;
}
.pressReleaseDocument {
width:245px;
float:right;
min-height:20px;
padding-bottom:10px;
padding-left:35px;
background:url(/images/living/pdfIco.png) top left no-repeat transparent;
_background:url(/images/living/pdfIco.gif) top left no-repeat transparent;
}
.pressReleaseDocument a{ font-size:1.3em;font-weight:bold;display:block; margin-bottom:4px;}
.pressReleaseDocument p{ font-size:1.1em;}
.documentMissing {
width:245px;
float:right;
padding-bottom:10px;
padding-left:35px;
}
#newsTitle { width:400px; float:left; padding:0 0 0 18px; }
#moreInfo {
width:300px;
float:right;
}
div.stdPagination {
float:right;
}
.clear {
clear:both;
}
div.stdPagination li{
float:left;
margin:0 0 0 5px;
}
h1, h2, h3, h4 {
color:#797979;
font-family:Arial, Tahoma, Verdana, Sans-Serif;
font-weight:bold;
}
h1 {
font-size:3em;
text-transform:uppercase;
}
h2 {
font-size:1.6em;
margin-bottom:15px;
text-transform:uppercase;
}
h3 {
font-size:1.3em;
}
/** Media Centre Video Player + List */
#videoPlayer{
width:512px;
float:left;
height:300px;
}
#videoList{
width:315px;
position:relative;
float:right;
}
#content #videoList .inner{
position:relative;
padding:14px;
height:410px;
margin:0;
top:auto;
background:url(/images/living/narrowListBg.png) no-repeat transparent top left;
}
.clearer {
clear:both;
}
#videoList li{ overflow:hidden; margin-bottom:15px;}
#videoList ul{ }
#videoList .thumb{ float:left; width:110px; }
#videoList .description{ margin-left:115px; }
#videoList .description h3{ font-size:1.2em; margin-bottom:4px;}
#videoList .description p{ font-size:1.1em; line-height:120%;}
#videoList ul.simplePagerNav{ position:absolute; right:10px; bottom:10px; font-size:1.2em;}
#videoList ul.simplePagerNav li{ float:left;margin-left:5px; }
#videoList ul.simplePagerNav li.currentPage{ font-weight:bold; }
#videoList ul.simplePagerNav{ }
#videoPlayer .description { padding-top:15px;}
#videoPlayer .description h3{ font-size:1.35em;margin-bottom:8px; color:#76778b;}
#videoPlayer .description p{ font-size:1.1em;}