BODY {
color : #ffffff;
width : 100%;
margin-top : 0;
font-size : 12px;
background-color : #ffffff;
background-repeat : no-repeat;
background-position : bottom;
float : right;
}
#container {
width : 1024px;
margin-top : 0;
margin-left : auto;
margin-right : auto;
background-repeat : repeat;
background-position : 100% top;
height : 100%;
background-image : url(../images/background.jpg);
}
#frame {
margin-top : auto;
width : 898px;
color : #333333;
margin-right : auto;
voice-family : inherit;
font-family : Verdana, Arial, Helvetica, sans-serif;
margin-left : auto;
margin-bottom : auto;
background-color : #cccccc;
font-size : 11px;
}
.topnav {
color : #000000;
margin : 0;
clear : left;
float : left;
width : 100%;
background-color : #cccccc;
}
#header {
width : 898px;
background-color : #ffffff;
background-repeat : no-repeat;
height : 178px;
background-image : url(../images/gallery-liverpool-header.jpg);
}
#logo {
width : 168px;
background-color : #ffffff;
background-repeat : no-repeat;
height : 176px;
background-image : url(../images/the-gallery-logo.jpg);
}
.leftsidehead {
float : left;
width : 928px;
margin : 0;
clear : left;
}
.rightsidehead {
color : #112233;
margin : 0;
width : 316px;
background-image : url(../images/strapline.jpg);
height : 158px;
float : right;
}
#leftcol {
float : left;
background : #ffffff;
width : 165px;
margin-left : 4px;
margin-top : 0;
}
#rightcol {
float : right;
width : 400px;
margin-top : 0;
background : #ffffff;
position : relative;
}
#MainFrame {
width : 898px;
color : #333333;
voice-family : inherit;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color : #cccccc;
height : 47px;
}
#MainFrameTwo {
width : 898px;
color : #333333;
voice-family : inherit;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color : #cccccc;
height : 400px;
min-height : 100%;
}
#WhatsOnFrame {
height : 550px;
width : 898px;
color : #333333;
voice-family : inherit;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color : #cccccc;
}
#WhatsOnFrameLeft {
width : 568px;
color : #333333;
voice-family : inherit;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color : #cccccc;
height : 620px;
}
#WhatsOnFrameRight {
width : 330px;
color : #333333;
voice-family : inherit;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color : #cccccc;
height : 300px;
float : left;
}
.Title {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #ffffff;
font-size : 12px;
float : left;
clear : left;
background-color : #f2f0ee;
background : #333333;
}
.MainOne {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #333333;
min-height : 100%;
width : 270px;
font-size : 11px;
float : left;
clear : left;
background-color : #f2f0ee;
padding : 10px;
margin-right : 20px;
height : 375px;
}
.MainTwo {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #333333;
min-height : 100%;
width : 258px;
font-size : 11px;
float : left;
clear : none;
background-color : #f2f0ee;
padding : 10px;
margin-right : 20px;
height : 375px;
}
.MainThree {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #333333;
min-height : 100%;
width : 270px;
font-size : 11px;
float : left;
clear : none;
background-color : #f2f0ee;
padding : 10px;
height : 375px;
}
.MainDivider {
min-height : 100%;
width : 20px;
float : left;
clear : none;
height : 47px;
}
.MainDividerTwo {
width : 20px;
float : left;
clear : none;
height : 300px;
}
.MainHeader {
min-height : 47px;
width : 290px;
float : left;
clear : none;
padding-right : 20px;
}
.MainHeaderMiddle {
min-height : 47px;
width : 278px;
float : left;
clear : none;
padding-right : 20px;
}
.MainHeaderRight {
	min-height : 47px;
	width : 288px;
	float : left;
	clear : none;
}
#topnav {
float : right;
width : 375px;
}
#topnav, .submenu, .submenu_empty {
float : right;
display : inline;
}
.submenu, .submenu_empty {
font-size : 1em;
background : #fff url(../images/bullets/arrow.png) no-repeat left;
padding-left : 30px;
padding-top : 8px;
}
.submenu_empty {
background-image : none;
}
#topnav li, .submenu li, .submenu_empty li {
float : left;
padding-top : 76px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
#topnav li a, .submenu li a, .submenu_empty li a {
padding : 3px 3px 3px 0;
}
#frame .topnav {
color : #000000;
background-color : #000000;
}
.WhatsOn {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #333333;
min-height : 100%;
width : 528px;
font-size : 11px;
float : left;
clear : left;
background-color : #f2f0ee;
padding : 10px;
}
.WhatsOnHeader {
min-height : 47px;
width : 528px;
float : left;
clear : none;
padding-right : 20px;
margin-right : 20px;
}
.WhatsOnRight {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #333333;
min-height : 100%;
width : 310px;
font-size : 11px;
float : right;
background-color : #f2f0ee;
padding : 10px;
margin-bottom : 20px;
}
.WhatsOnRightSmall {
font-family : Georgia, Verdana, Arial, Helvetica, sans-serif;
color : #333333;
min-height : 100%;
width : 310px;
font-size : 12px;
float : right;
clear : none;
background-color : #f2f0ee;
padding : 10px;
}
.WhatsOnHeaderRight {
min-height : 47px;
width : 330px;
float : right;
clear : none;
padding-right : 0;
margin-right : 0;
}
.Sitemap {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #333333;
min-height : 100%;
width : 528px;
font-size : 12px;
float : left;
clear : left;
background-color : #ffffff;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
padding-top : 10px;
}
.ArtistHeader {
min-height : 47px;
width : 600px;
float : left;
clear : none;
}
.ArtistHeaderRight {
min-height : 47px;
width : 298px;
float : right;
clear : none;
padding-right : 0;
}
.MainText {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #333333;
min-height : 100%;
width : 548px;
font-size : 12px;
float : left;
clear : left;
background-color : #ffffff;
padding-left : 0;
padding-right : 0;
padding-bottom : 10px;
}
#frame .boxText {
font-family : Verdana;
font-size : 11px;
color : #ffffff;
width : 330px;
background-color : #ffffff;
height : 56px;
float : right;
}
#frame .ArtistRightNav {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
width : 278px;
background-color : #ffffff;
float : right;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
padding-top : 10px;
}
#frame .rightNav {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
width : 310px;
background-color : #ffffff;
float : right;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
padding-top : 10px;
}
#frame .rightNavSmall {
font-family : Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333333;
width : 270px;
background-color : #f2f0ee;
float : right;
}
ul {
margin : 0;
padding : 0;
}
ul li {
list-style : none;
margin : 0;
}
HR {
margin : 0;
height : 2px;
padding : 0;
color : #cccccc;
}
BODY {
font-family : Arial, default;
height : 100%;
}
.clear {
clear : both;
height : 0;
}
.clearfix {
display : inline-block;
}
* HTML .clearfix {
height : 1%;
}
* + HTML .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
* HTML .clearfix {
height : 1%;
}
* + HTML .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
#footer {
width : 898px;
font-size : 11px;
color : #ffffff;
height : auto;
font-family : Georgia, Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
background-color : #666666;
}
#bottom {
font-size : 11px;
color : #000000;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
padding-left : 15px;
background-color : #cccccc;
padding-bottom : 10px;
height : 10px;
padding-top : 10px;
}
#bottom a {
font-size : 11px;
color : #666666;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
padding-top : 20px;
}
#bottomsection {
font-size : 10px;
color : #cccccc;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
padding-top : 10px;
padding-left : 15px;
background-color : #666666;
padding-bottom : 10px;
height : 30px;
}
#bottomsection a {
font-size : 11px;
color : #f6f6f6;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
padding-top : 20px;
}
#logos {
font-size : 10px;
color : #cccccc;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
background-color : #ffffff;
height : 75px;
background-image : url(../images/liverpool-logos.jpg);
background-repeat : no-repeat;
background-position : center;
}
#top {
font-size : 10px;
color : #cccccc;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
padding-top : 10px;
padding-left : 10px;
background-color : #000000;
padding-bottom : 10px;
height : 15px;
padding-right : 20px;
text-align : left;
}
#topsection {
font-size : 11px;
color : #999999;
font-family : Georgia, Verdana, Arial, Helvetica, sans-serif;
font-weight : bold;
background-color : #cccccc;
padding : 5px;
}
#icons {
width : 898px;
font-size : 11px;
color : #ffffff;
height : 125px;
}
#footer .title {
height : 24px;
margin : 0;
background-image : url(../images/icons.gif);
}
#footer .left {
width : 235px;
float : left;
padding-left : 20px;
padding-right : 4px;
margin : 0;
}
#footer .middle {
width : 235px;
float : left;
padding-left : 20px;
padding-right : 4px;
margin : 0;
}
#footer .right {
width : 235px;
float : left;
padding-left : 20px;
margin : 0;
}
.news {
margin-bottom : 20px;
width : 300px;
background : #fff;
padding : 0;
margin-left : 20px;
float : left;
margin-right : 40px;
}
.footer UL#orderEE {
margin-left : 60px;
background : transparent;
}
.footer .details {
min-height : 0;
background : transparent;
}
.footer UL#support LI {
float : left;
background : transparent;
}
.footer UL#support LI.groupOne {
width : 100px;
background : transparent;
}
.footer UL#support LI.groupTwo {
background : transparent;
}
.footer .last {
background : transparent none repeat scroll 0% 0%;
}
#copyright {
font-size : 11px;
color : #ffffff;
font-family : Arial, Helvetica, sans-serif;
text-align : left;
clear : left;
background-image : url(../images/footer.jpg);
width : 924px;
height : 51px;
}
.threeFullColumn {
padding-right : 10px;
padding-left : 10px;
float : left;
padding-bottom : 0;
margin : 20px 0 0;
width : 270px;
padding-top : 0;
}
.threeFullColumn .icon {
float : left;
margin-right : 6px;
}
.threeFullColumn H3 {
margin-top : 2px;
margin-bottom : 4px;
}
.threeFullColumn P {
color : #666;
line-height : 18px;
}
.threeColumn {
padding-right : 24px;
margin-top : 20px;
float : left;
width : 190px;
}
.lastColumn {
padding-right : 0;
}
.alinkspacer {
padding : 7px;
}
.folioimagelinks {
border : 2px solid #cccccc;
}
li a.imagelink {
padding : 5px;
margin-top : 5px;
}
h1 {
display : none;
}
h2, h2 a, h2 a:hover {
font-size : 12px;
color : #000000;
font-family : Verdana, Arial, Helvetica, sans-serif;
padding : 0;
text-decoration : none;
margin-left : 10px;
}
h2 a:hover {
text-decoration : underline;
}
a {
color : #666666;
text-decoration : underline;
}
a:hover {
text-decoration : none;
}
h3, h3 a {
font-size : 100%;
color : #750000;
text-transform : uppercase;
margin : 0 0 8px 0;
padding : 0;
text-decoration : none;
}
h3 a:hover {
text-decoration : underline;
}
#flashcontent p {
text-align : left;
font-size : 9px;
padding : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
}
div#flash {
height : 250px;
width : 898px;
}
#flashcontent a:hover {
color : #333333;
text-decoration : underline;
}
div#image {
height : 175px;
width : 898px;
}
ul.hover_block {
display : block;
overflow : hidden;
height : 1%;
color : #666;
}
ul.hover_block li, ul.hover_block2 li, ul.hover_block3 li, ul.hover_block4 li, ul.hover_block5 li {
list-style : none;
float : left;
background : #fff;
padding : 10px;
width : 528px;
position : relative;
margin-right : 0;
color : #750000;
}
ul.hover_block li a, ul.hover_block2 li a, ul.hover_block3 li a, ul.hover_block4 li a, ul.hover_block5 li a {
display : block;
position : relative;
overflow : hidden;
height : 100px;
width : 528px;
color : #000;
background : #fff;
color : #333333;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
line-height : 1.4em;
}
ul.hover_block li a, ul.hover_block2 li a, ul.hover_block3 li a, ul.hover_block4 li a, ul.hover_block5 li a {
text-decoration : none;
}
ul.hover_block li img, ul.hover_block2 li img, ul.hover_block3 li img, ul.hover_block4 li img, ul.hover_block5 li img {
position : absolute;
top : 0;
left : 0;
border : 0;
}
ul.sitemap li ul {
list-style-type : none;
display : block;
margin : -1.4em 0 0 -1.6em;
padding : 1.4em 2em 2em 0.6em;
}
ul.sitemap li ul li {
margin-left : 0.5cm;
padding-left : 10px;
border : 1px solid #333;
padding : 10px;
}
.accordion_toggle {
display : block;
width : 528px;
padding : 0 10px 0 10px;
line-height : 30px;
font-weight : normal;
text-decoration : none;
outline : none;
font-weight : bold;
text-transform : uppercase;
font-size : 14px;
color : #c3c3c3;
cursor : pointer;
margin : 0 0 0 0;
background-color : #ffffff;
background-image : url(../images/more.jpg);
background-repeat : no-repeat;
background-position : right top;
}
.accordion_toggle_active {
color : #ffffff;
background-color : #ffffff;
background-image : url(../images/less.jpg);
background-repeat : no-repeat;
background-position : right top;
}
.accordion_content {
background-color : #ffffff;
color : #666666;
overflow : hidden;
width : 548px;
}
.accordion_content h3 {
margin : 15px 0 5px 5px;
font-size : 11px;
color : #750000;
}
.accordion_content p {
line-height : 150%;
padding : 5px 10px 15px 10px;
color : #666666;
}
.vertical_accordion_toggle {
display : block;
width : 480px;
background : #ffffff url("images/HandPull2.gif") no-repeat right top;
padding : 0 10px 0 10px;
line-height : 30px;
font-weight : normal;
text-decoration : none;
outline : none;
font-weight : bold;
text-transform : uppercase;
font-size : 11px;
color : #c3c3c3;
cursor : pointer;
margin : 0 0 0 0;
}
.vertical_accordion_toggle_active {
background : #ffffff url("images/HandPull.gif") no-repeat right top;
color : #ffffff;
}
.vertical_accordion_content {
background-color : #ffffff;
color : #666666;
overflow : hidden;
}
.vertical_accordion_content h2 {
margin : 15px 0 5px 10px;
color : #666666;
}
.vertical_accordion_content p {
line-height : 150%;
padding : 5px 10px 15px 10px;
}
#vertical_nested_container {
margin : 20px auto 20px auto;
width : 620px;
}
#description {
background : #000000;
border : 1px solid #333333;
padding : 10px;
margin : 5px;
width : 90%;
float : left;
height : auto;
font-weight : bold;
}
#content {
text-align : left;
padding : 0;
margin : 0;
color : #ffffff;
}
.date {
font-weight : normal;
color : #666666;
}
#content a {
color : #fff;
text-decoration : underline;
}
#content a:visited {
color : #999999;
text-decoration : underline;
}
#content a:hover {
color : #000000;
text-decoration : underline;
background : #cccccc;
border-bottom : 1px solid #000000;
}
#content .category img {
background : #fff;
padding : 7px;
border-top : 1px solid #ffffff;
border-right : 1px solid #333333;
border-bottom : 1px solid #333333;
border-left : 1px solid #ffffff;
float : right;
}
#content .category {
margin : 60px 0 50px 0;
padding : 30px 0 10px 0;
clear : both;
height : auto;
}
.imageborderlarge {
padding : 7px;
margin : 5px 0;
border : 1px solid #cccccc;
background : #ffffff;
}
.unvisible {
display : none;
}
div.thumbnail:hover {
font-weight : bold;
}
.thumbnail {
float : left;
margin : 5px;
padding : 8px;
text-align : center;
color : #333333;
width : 170px;
height : 140px;
line-height : 24px;
}
.thumbnailhover {
background : none;
display : block;
width : 166px;
height : 175px;
}
a.thumbnailhover:hover {
background : url(bg_body.jpg) no-repeat left top;
display : block;
width : 166px;
height : 175px;
color : #76b41c;
font-weight : bold;
}
.thumbnail img {
background : #000;
padding : 10px;
margin : auto;
display : block;
}
.thumbnail a {
color : #999999;
text-decoration : none;
}
a img {
border : none;
}
#gallerycontainer {
padding : 0;
text-align : center;
width : 600px;
}
#gallerycontainertext {
text-align : left;
width : 550px;
padding-top : 10px;
padding-bottom : 10px;
padding-left : 15px;
}