/* standard tags */

body {
background-color: #F6F6D0;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
color: black;
margin: 0em;
padding: 0em;
}

a {
color: #404080;
}

h1 {  
font-family: Times New Roman; 
font-size: 18pt; 
color: #800000; 
text-align: center
}

h2 {  
font-size: 10pt; 
color: #800000; 
text-align: center
}

h3 {  
font-size: 9pt; 
color: #800000; 
text-align: center
}

hr {
width: 580px;
}

form { 
margin: 0em;
padding: 0em
}

img {
border: 0em;
}

.required { 
color: red;
}

.input-readonly { 
background-color: #F6F6D0;
}

.clear { clear: both; }

/* main layout tags */

#main {
width: 60em;
margin-left: auto;
margin-right: auto;
}

#content {
}

#header {
background-image: url(../images/icons/clogo.gif);
background-repeat: no-repeat;
background-position: left top;
height: 8em;
}

#search-header {
position: relative;
background-image: url(../images/icons/clogo.gif);
background-repeat: no-repeat;
background-position: left top;
height: 12em;
}

#header-credits { 
position: absolute;
top: 9em;
left: 0em;
width: 18em;
}

#header-description { 
position: absolute;
top: 8em;
left: 30em;
}

#header-links { 
padding-top: 2em;
text-align: right;
}

#header-links-home { 
margin-left: 2em;
}

#header-crumb-trail { 
padding-top: 1em;
padding-left: 6em;
text-align: right;
}

#footer {
margin-top: 2em;
margin-bottom: 1em;
}

#footer-copyright { 
text-align: center;
}

#footer-links table { 
width: 100%;
}

#footer-links-corp-logo { 
text-align: left;
}

#footer-links-main { 
text-align: center;
}

#footer-links-ibase-logo { 
text-align: right;
}

/* index page */

#index-select-group { 
text-align: center;
margin-bottom: 1em;
}

#index-select-group .current { 
color: #800000;
font-weight: bold;
}

#index-letters { 
text-align: center;
margin-bottom: 1em;
}

#index-letters a { 
color : #404080;
text-decoration: none;
font-weight : bold;
font-size: 12pt;
}

#index-letters .current { 
color: #800000;
font-weight : normal;
font-size: 14pt;
}

#index-content table { 
width: 100%;
}


/* originators results */

#originator-select-roles { 
text-align: center;
margin-bottom: 1em;
}

#originator-select-roles label { 
color: #800000;
font-weight: bold;
}


/* categories page */

#categories-content h2 { 
text-align: left;
}

#categories-content h2 a { 
color: black;
text-decoration: none;
}

#categories-content h2 a:hover { 
color: #404080;
}

#categories-content table { 
width: 100%;
}

#categories-content td { 
width: 25%;
text-align: left;
vertical-align: top;
}


/* search results */

#gallery { 
min-height: 30em;
}

#gallery table { 
width: 100%;
}

#gallery td { 
text-align: center;
width: 33.33%;
}

.thumbnail-image { 
width: 120px;
height: 120px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.thumbnail-caption { 
text-align: center;
margin-left: 1em;
margin-right: 1em;
}

.thumbnail-buttons { 
margin-bottom: 1em;
}

#navigation { 
position: relative;
height: 6em;
margin-top: 1em;
}

#navigation-buttons { 
position: absolute;
left: 0em;
top: 1.5em;
width: 19em;
}

#navigation-myfolder { 
position: absolute;
left: 20em;
top: 0em;
width: 10em;
text-align: center;
}

#navigation-other { 
position: absolute;
left: 31em;
top: 1.5em;
width: 32em;
text-align: right;
}

/* lightbox */

#lightbox { 
position: relative;
margin-right: 10em;
min-height: 43em;
}

#lightbox table { 
width: 100%;
}

#lightbox td { 
text-align: center;
width: 33.33%;
}

#lightbox-sidebar { 
position: absolute;
left: 51em;
width: 9.5em;
}

#lightbox-sidebar hr { 
margin-top: 2em;
margin-bottom: 2em;
width: 100%;
}

.lightbox-sidebar-buttons { 
position: relative;
margin-bottom: 0.5em;
}

#lightbox-sidebar-print { 
position: absolute;
left: 70px;
bottom: 0px;
}

.lightbox-folder { 
position: relative;
margin-bottom: 0.5em;
}

.lightbox-folder-load { 
position: absolute;
left: 70px;
top: 10px;
}

.lightbox-folder-add { 
position: absolute;
left: 70px;
top: 30px;
}

#lightbox-navigation-other { 
position: absolute;
left: 11em;
top: 1.7em;
width: 48em;
}

#lightbox-help { 
height: 4.5em;
overflow: auto;
}


/* basket */

#basket { 
min-height: 43em;
}

#basket table { 
width: 100%;
}

#basket td { 
text-align: center;
width: 33.33%;
}


/* item  */

#item h1 { 
color: black;
font-size: 11pt;
}

#item-image-cell { 
text-align: center;
vertical-align: top;
}

#item-image-buttons { 
margin-bottom: 1em;
font-weight: bold;
}

#item-image-buttons a { 
text-decoration: none;
color: black;
}

#item-image-buttons img { 
vertical-align: -4px;
}

#item-details-cell { 
padding-left: 1em;
vertical-align: top;
}

#item-details th { 
text-align: left;
vertical-align: top;
padding-right: 0.5em;
padding-bottom: 0.5em;
}

#item-details td { 
text-align: left;
vertical-align: top;
padding-bottom: 1em;
}

#item-other-links { 
margin-top: 2em;
}

#item-other-links h3 { 
text-align: left;
color: black;
}

/* input  */

#input { 
margin-top: 1em;
}

#input table { 
width: 100%;
}

#input th { 
text-align: left;
vertical-align: top;
}

/* checkout */

#checkout { 
min-height: 30em;
}

.checkout-item hr { 
margin-top: 2em;
margin-bottom: 2em;
}

.checkout-item-image { 
float: left;
width: 120px;
height: 120px;
text-align: center;
}

.checkout-item-details { 
margin-left: 2em;
}

.checkout-item-details th { 
text-align: left;
vertical-align: top;
padding-right: 1em;
}

.checkout-item-details td { 
text-align: left;
vertical-align: top;
}

#checkout-buttons { 
text-align: center;
}


/* order summary */

#order-summary  p { 
color: #800000; 
text-align: center;
font-weight: bold;
}

#order-summary-details { 
width: 100%;
}

#order-summary-details th { 
text-align: left;
}

#order-summary-header-record-number { 
width: 9em;
}

#order-summary-header-caption { 
width: 25em;
}

#order-summary-header-size { 
width: 19em;
}

#order-summary-header-quantity { 
width: 7em;
}

.order-summary-row { 
background-color: white;
}

.order-summary-quantity { 
text-align: right;
}

/* order by post  */

.order-by-post-details { 
width: 100%;
}

.order-by-post-details th { 
width: 40%;
text-align: left;
font-weight: normal;
}

#order-by-post-delivery-details { 
margin-bottom: 1em;
width: 100%;
}

#order-by-post-delivery-details th { 
text-align: left;
font-weight: normal;
}

#order-by-post-order-item-details { 
width: 100%;
margin-bottom: 0.25em;
}

#order-by-post-order-item-details th { 
text-align: left;
}

.order-item-details-quantity { 
text-align: right;
}

.order-item-details-price { 
text-align: right;
}

.order-by-post-order-item-row { 
background-color: white;
}

#order-by-post-sub-totals { 
margin-left: auto;
}

#order-by-post-sub-totals tr { 
background-color: white;
}

#order-by-post-sub-totals th { 
text-align: left;
font-weight: normal;
padding-right: 1em;
}

#order-item-details-header-record-number { 
width: 10em;
}

#order-item-details-header-caption { 
width: 25em;
}

#order-item-details-header-size { 
width: 15em;
}

#order-item-details-header-quantity { 
width: 8em;
}

#order-item-details-header-price { 
width: 4em;
}

/* exhibitions */

#exhibitions { 
margin-left: 4em;
margin-right: 4em;
}

#exhibitions td {
padding-right: 1em;
padding-bottom: 1em; 
}


/* exhibition item */

#exhibition-item { 
margin-left: 4em;
margin-right: 4em;
}

#exhibition-item-image { 
float: left;
margin-right: 1em;
}

#exhibition-item-buttons { 
text-align: center;
}


/* highlights */

#highlights { 
margin-left: 4em;
margin-right: 4em;
}

.highlights-item { 
margin-bottom: 1em;
border-bottom: 1px solid #F6F6D0; /* hack */
}

#highlights-item-image { 
float: left;
margin-right: 1em;
}

.exhibition-item-buttons { 
text-align: center;
margin-top: 2em;
margin-bottom: 2em;
}


/* highlights results */

#highlights-description { 
text-align: center;
font-weight: bold;
}


/* highlights item */

#highlights-item { 
margin-left: 4em;
margin-right: 4em;
}

#highlights-item hr { 
width: 100%;
}

#highlights-item-header { 
text-align: right;
color: #800000;
}

#highlights-item-main-image { 
margin-bottom: 1em;
border-bottom: 1px solid #F6F6D0; /* hack */
}

#highlights-item-main-image img { 
float: left;
margin-right: 1em;
}

#highlights-item-related-image img { 
float: right;
margin-left: 1em;
}


/* viewer */

.view {
position: relative; 
width: 350px; 
height: 350px; 
border: 1px solid black; 
overflow: hidden;
cursor: pointer;
}

.view img {
position: absolute; 
visibility: hidden;
}


/* full screen */

#full-screen { 
text-align: center;
}

#full-screen h1 { 
font-size: 10pt; 
font-family: verdana;
}

#full-screen-viewer { 
width: 100%; 
height: 450px;
}

#full-screen-buttons { 
}


/* zoom */

#zoom { 
position: relative;
min-height: 45em;
}

#zoom h1 { 
font-size: 10pt; 
font-family: verdana;
}

#zoom-viewer { 
position: absolute;
top: 40px;
left: 440px;
}

#zoom-tracker-container { 
position: absolute;
top: 40px;
left: -60px;
width: 480px;
}

#zoom-buttons { 
position: absolute;
left: 440px;
top: 495px;
}

#zoom-tracker-buttons { 
font-weight: bold;
text-align: center;
margin-top: 1em;
}

#zoom-tracker-buttons a { 
text-decoration: none;
color: black;
}

#zoom-tracker-buttons img { 
vertical-align: -4px;
}

.zoom-view {
position: relative; 
width: 320px; 
height: 450px; 
overflow: hidden;
}

.zoom-view img {
position: absolute; 
cursor: pointer;
}

.zoom-tracker {
position: relative;
margin-left: auto;
margin-right: auto;
}

.zoom-tracker-image { 
cursor: pointer;
visibility: hidden;
}

.zoom-tracker-rect {
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
visibility: hidden;
cursor: pointer;
}

.zoom-tracker-rect-border-1 {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
border: 1px solid black;
}

.zoom-tracker-rect-border-2 {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
border: 1px dashed white;
}


/* about */

#about {
margin-left: 4em; 
margin-right: 4em; 
}


/* using collage */

#using-collage {
margin-left: 4em; 
margin-right: 4em; 
}

#using-collage li { 
margin-bottom: 0.75em;
}

/* picture loan */

#picture-loan {
margin-left: 4em; 
margin-right: 4em; 
}


/* other services */

#other-services {
margin-left: 4em; 
margin-right: 4em; 
}

#other-services h1 { 
margin-bottom: 1.5em;
} 

#other-services-sub-heading {
font-size: 12pt;
}

.other-service img { 
float: right;
border: 1px;
margin-left: 1em;
}

.other-service-separator { 
margin-top: 3em;
margin-bottom: 3em;
}


/* buying prints */

#buying-prints {
margin-left: 4em; 
margin-right: 4em; 
}

#buying-prints-order-history { 
margin-top: 2em;
}

#buying-prints-my-collage { 
vertical-align: -12px;
}

#buying-prints-cost { 
margin-top: 3em;
}

#buying-prints-cost table { 
width: 30em;
margin-left: auto;
margin-right: auto;
}

#buying-prints-cost tr { 
background-color: white;
}

#buying-prints-cost th { 
background-color: #F6F6D0;
text-align: left;
}

#buying-prints-cost-heading-print-cost { 
width: 45%;
}

.buying-prints-cost-digital {
color: #C1152F
}

.buying-prints-cost-vat { 
text-align: center;
}

#buying-prints-example { 
margin-top: 2em;
}

#buying-prints-example h4 { 
margin-top: 0em;
}

#buying-prints-example table { 
width: 30em;
margin-left: auto;
margin-right: auto;
}

#buying-prints-files { 
margin-bottom: 2em;
}

#buying-prints-files th { 
text-align: left;
}

#buying-prints-files td { 
padding-bottom: 1em;
}

#buying-prints-index { 
list-style-type: none;
margin: 3em 0em 0em 0em;
padding: 0em;
}

/* links */

#links {
margin-left: 4em; 
margin-right: 4em; 
}

#links h2 { 
text-align: left;
}

#links ul {
list-style-type: none;
margin: 0em;
padding: 0em;
}

#links-contents { 
font-weight: bold;
}

/* contact */

#contact { 
margin-left: 4em; 
margin-right: 4em; 
}

.contact-details hr { 
margin-top: 2em;
margin-bottom: 2em;
}

#contact-map { 
text-align: center;
margin-top: 2em;
margin-bottom: 2em;
}


/* email us */

#email-us { 
margin-left: 4em; 
margin-right: 4em; 
}

#email-us th { 
text-align: left;
}

#email-us-buttons { 
text-align: center;
margin-top: 1em;
}

.email-us-option { 
width: 10%;
text-align: right;
}


/* print-options */

#print-options { 
min-height: 30em;
}

#print-options ul { 
text-align: center;
list-style: none;
margin: 2em 0em 2em 0em;
padding: 0em;
}


/* wait for print */

#wait-for-print { 
min-height: 30em;
}


/* advanced search */

#advanced-search h3 { 
text-align: left;
font-weight: bold;
color: black;
}

#advanced-search table { 
width: 50em;
}

#advanced-search th { 
font-weight: normal;
text-align: right;
width: 25em;
}

#advanced-search-buttons { 
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}

#advanced-search-keywords select { 
vertical-align: top;
margin-bottom: 0.5em;
}

#advanced-search-originator-submit { 
display: none;
}


/* search history */

#search-history { 
min-height: 30em;
}


/* search page */

#search-block-1 { 
margin-top: 1em;
margin-bottom: 1em;
}

#search-block-1 table { 
width: 100%;
}

#search-block-1 td { 
text-align: center;
}

#search-block-1 img { 
border: 1px solid #404080;
}

#search-block-2-table { 
width: 100%;
}

#search-block-2 td { 
text-align: center;
}

#search-cell-categories { 
width: 40%;
padding-left: 3em;
padding-right: 1em;
vertical-align: top;
}

#search-word-date { 
margin-bottom: 1em;
}

#search-word-date h3 { 
margin-top: 0em;
margin-bottom: 0.5em;
}

#search-advanced img { 
border: 1px solid #404080;
}

#search-date table { 
margin-left: auto;
margin-right: auto;
}

#search-date th { 
text-align: right;
font-weight: normal;
}

#search-date-text { 
margin-top: 0em;
margin-bottom: 1em;
font-size: 90%;
}

/* introduction page */

#bodyIntroduction { background-color: white; }

#introduction { margin: 20px auto; width: 910px; }

#introduction-header { height: 200px; background-image: url(../images/home/COLLAGE_red_RGB_smaller.jpg); background-repeat: no-repeat; background-position: left top; }

#introduction-city-of-london-logo { float: right; }

#introduction-left { width: 250px; float: left; margin-top: 59px; }
#introduction-left ul { margin: 0px; padding: 0px; list-style-type: none; }
#introduction-left li { margin: 0px 0px 25px 0px; }

#introduction-right { width: 600px; margin-left: 60px; float: right; }

#introduction-right h1 { margin: 0px 0px 10px 0px; font-family: Verdana; font-size: 20px; font-weight: normal; letter-spacing: 2px; color: #999999; text-align: left; }

#introduction-rotator { margin-bottom: 31px; }

#introduction-exhibitions ul { margin: 0px; padding: 0px; list-style-type: none; }
#introduction-exhibitions li { width: 180px; float: left; }

#introduction-exhib-tramways { margin: 0px 30px; }

#introduction-footer { position: relative; margin: 20px auto 30px auto; width: 960px; }

#introduction-ibase-logo { position: absolute; left: 0px; }

#introduction-footer-links { font-family: Verdana; font-size: 16px; letter-spacing: 1.75px; font-weight: normal; color: #999999; text-align: center; }
#introduction-footer-links a { color: #999999; text-decoration: none; }

/* statistics page */

#statistics th { 
text-align: left;
}

.statistics-row-even { 
background-color: white;
}

.statistics-count { 
text-align: right;
}

#statistics-chart-cell { 
vertical-align: top;
}


/* front page */

#front table {
width: 100%;
height: 100%;
} 

#front td { 
text-align: center;
vertical-align: middle;
}

#front-image { 
position: relative;
background-image: url(../images/front/front.jpg);
background-repeat: no-repeat;
width: 988px;
height: 741px;
margin-left: auto;
margin-right: auto;
}

#front-start-button { 
position: absolute;
left: 226px;
top: 622px;
}


/* site map page */

#sitemap { 
min-height: 30em;
}

#sitemap table { 
margin-left: auto;
margin-right: auto;
margin-top: 1em;
width: 40em;
}

#sitemap td { 
text-align: center;
padding: 1em;
width: 33%;
}


/* terms and conditions page */

#termsandconditions-subheading { 
font-size: 12pt; 
}

#termsandconditions-warning { 
font-size: 12pt; 
font-weight: bold;
color: #800000; 
text-align: center
}


/* reproduction a page */

#reproduction-a table { 
border-collapse: collapse;
border-spacing: 0em;
}

#reproduction-a th { 
border: 1px solid black;
padding: 0.25em;
height: 4em;
}

#reproduction-a td { 
border: 1px solid black;
padding: 0.25em;
height: 4em;
}

#reproduction-a-links { 
margin-top: 2em;
text-align: center;
}

.reproduction-a-money { 
text-align: center;
}

/* fullscreen-close */

#fullscreen-close { 
padding: 0.25em;
}