@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);

html { background:  url('/images/jubilee/pp1-bg.jpg') no-repeat top #d6d6d6; }

body { background: none!important; width: auto!important;}

h2, h3 {
font-family: 'Nobile', Verdana, Arial, Helvetica, sans-serif normal;		
}

#pp1-wrapper #hdr { padding:6px 0 0 0!important; margin: 0!important;  }

#wrapper { 
background: #fff; 

}

#pp1-wrapper { 
margin:0 auto; width:960px; position:relative;
}

#pp1-wrapper #main-navigation { border-bottom: 4px solid #EBAB00!important;  }


#pp1-wrapper #wrapper  #pp1Banner {
width: 100%;
height: 230px;
background: url('/images/jubilee/victoria-text-banner-crown.jpg') no-repeat;
display: block;
position: relative;
border-bottom: 1px solid #999;
margin-top: -5px;
}

#pp1-wrapper #wrapper #pp1Banner h1 {
font-family: 'Droid Serif', Georgia, serif;
margin: 20px 0 0 -34px;
padding: 5px 0 10px 1.5090%;
font-size: 2.2em;
color: #EBAB00;
display: block;
background: url('/images/jubilee/long-ribbon.png') no-repeat transparent;
height: 75px;
width: 46.1710%;
position: absolute;
}

#pp1-wrapper #wrapper #primary-content {
width: 100%;
border-right: none;
float: none;
}


#pp1-wrapper #wrapper #primary-content #top {
width: 95.8333%;
background: url('/images/jubilee/wallpaper.jpg');
margin: 20px auto;
border: 1px solid transparent;

}

#pp1-wrapper #wrapper #primary-content #topInner {
width: 95.6521%;
background: url(/images/jubilee/white-bg.png) transparent;
margin: 20px;
border: 1px dotted #01325E;

}

#pp1-wrapper #wrapper #topInner  #pp1Intro {
width: 65%;
padding: 0;

}

#pp1-wrapper #wrapper #topInner  #pp1Intro p {
margin: 20px 0 20px 20px;
padding: 0;

}


#pp1-wrapper #wrapper #topInner #player3 {
border: 1px solid #01325E;
float: right;
margin: 20px 20px 0 0;

}


#pp1-wrapper #wrapper #exLinks {
width: 95.8333%;
border: 1px solid transparent;
/*background: url('/images/jubilee/wallpaper.jpg');*/
margin: -30px 0 0 20px;
height: 140px;
display: inline-block;
}

#pp1-wrapper #wrapper #exLinks ul {
height: 200px;
}

#pp1-wrapper #wrapper #exLinks li {
float: left;
width: 280px;
height: 106px;
margin: 20px 39px 30px 0px;
position: relative;
border-bottom: 4px solid #EBAB00;
background: #01325E;
padding: 0;
}

#pp1-wrapper #wrapper #exLinks li.last {
margin-right: 0;
}


#pp1-wrapper #wrapper #exLinks li p {
color: #000;
margin: 10px;
padding: 0;
}

#pp1-wrapper #wrapper #exLinks img {
border: 0;
float: right;
margin: 0;
height: 106px;
}

#pp1-wrapper #wrapper #exLinks li a {
color: #FFF;
text-decoration: none;
}

#pp1-wrapper #wrapper #exLinks li a:hover {
text-decoration: underline;
}


#pp1-wrapper #wrapper h2 {
font-family: 'Droid Serif', Georgia, serif;
margin: 0px 0 5px -34px;
padding: 10px 0 10px 1.5090%;
font-size: 1.7em;
font-weight: normal;
color: #EBAB00;
background: url('/images/jubilee/long-ribbon.png') no-repeat transparent;
height: 75px;
clear: both;
width: 50%;

}

#favourites {  
width: /*97.9166%*/100%;  
margin: -30px 0px 20px 10px; 
display: inline-block;}


p.favourites {  
margin: 0 20px -50px 0;
padding: 0!important;
float: right;
width: 53%;
background: #fff;
}

#favourites .item { width: 168px; 
margin: 8px; 
float: left; 
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.75); 
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.75); 
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.75);
-webkit-transition: .15s ease ;
-moz-transition: .15s ease ;
-o-transition: .15s ease ;
-ms-transition: .15s ease ;}

#favourites .item:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);

}

#favourites .item img { border: 1px solid #01325E; }

#map {
width: 95.8333%;
margin: -30px auto 30px auto;

}

.divider {  
width: 96%;
border-bottom: 1px dotted #01325E; 
margin: 20px auto 40px auto;
}

/*ColoxBox styles*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/colorbox/overlay.png) repeat 0 0;}
#colorbox{ margin: 0 auto;}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:85px; clear:both; float:left;}
        #cboxTitle{position:absolute; bottom:25px; left:0; text-align:center; width:94%; color: #666;clear:both!important; display:inline-block!important; font-size:0.9em; padding:0 3%; height: 55px;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#666; font-size:0.9em }
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) no-repeat center center;}
        /*#cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) no-repeat center center;}*/
        #cboxClose{position:absolute; top:0; right:0; background:url(/images/colorbox/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


.smooth_zoom_preloader{background:transparent url(/images/jubilee/zoom_assets/preloader.gif) center center no-repeat;}
.zoom_thumbnails{margin:0;padding:0; width: 920px; }
.zoom_thumbnails li{display:inline;}
.zoom_thumbnails li img{margin:5px;border:1px solid #bbb;}
#zoom_container{overflow:hidden; width: 900px; }

#pp1Info { border: 1px dotted #01325E; margin: 5px 0 10px 225px;  padding: 10px; width: 450px;  }
#pp1Info h2 {  text-align: center; font-size: 1.4em; }
#pp1Info p {  text-align: center; }

.gold-arrow {  background: url(/images/jubilee/gold-arrow.png) no-repeat; }

#clear {  clear: both; width: 100%;  }