body, html {
margin: 0;
padding: 0;
height: 100%;
}
body, p, td, th, a, textarea, div {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color: #FFFFFF;
}
body {
background-image: url(layout_1/pagebg.jpg);
background-attachment: fixed;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#wrapper, #basketwrapper, #orderformwrapper, #showtextwrapper {
position: relative;
margin: 0px auto;
padding-bottom: 250px;
width: 960px;
min-height: 100%;
background-image: url(layout_1/wrapperbg.png);
background-repeat: no-repeat;
}
h1, #orderformpageblock th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
.small {
font-size: 12px;
font-weight: normal;
}
#customerlogo {
position: absolute; top: 9px; left: 665px; width: 285px; height: 115px; overflow: auto; 
overflow: hidden;
text-align: right;
}
#sitetitle {
position: absolute; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFFF;
font-weight: bold;
}
#albumname {
position: absolute; top: 30px; left: 17px; width: 500px; height: 60px; overflow: auto; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #FFFFFF;
font-weight: bold;
}
a, a:link {
font-weight: normal;
text-decoration: none;
}
.pagertext, .pageractual, a.pagerlink, a.pagerlink:link {
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
}
.pageractual {
font-size: 12px;
color: #FF3333;
font-weight: bold;
}
a.pagerlink, a.pagerlink:link, a.pagerlink:hover {
text-decoration: underline;
}
a.pagerlink:hover {
color: #FF3333;
}
#albumlink, #basketlink, #helplink, #agblink, #freelink, #preiselink {
text-align: center;
}
#albumlink {
position: absolute; top: 97px; left: 0px; 
}
#basketlink {
position: absolute; top: 97px; left: 78px; 
}
#helplink {
position: absolute; top: 97px; left: 271px; 
}
#agblink {
position: absolute; top: 97px; left: 430px; 
}
#freelink {
position: absolute; top: 97px; left: 338px; 
}
#preiselink {
position: absolute; top: 97px; left: 194px; 
}
#albumlink a, #albumlink a:link, #basketlink a, #basketlink a:link, #helplink a, #helplink a:link, #agblink a, #agblink a:link, #freelink a, #freelink a:link, #preiselink a, #preiselink a:link {
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}
a:hover, #albumlink a:hover, #basketlink a:hover, #helplink a:hover, #agblink a:hover, #freelink a:hover, #preiselink a:hover, td.middle a:hover {
text-decoration: underline;
color: #FF3333;
}
#firstlink, #prevlink, #nextlink, #lastlink {
text-align: center;
}
#firstlink {
position: absolute; top: 136px; left: 14px; 
}
#prevlink {
position: absolute; top: 136px; left: 48px; 
}
#nextlink {
position: absolute; top: 136px; left: 82px; 
}
#lastlink {
position: absolute; top: 136px; left: 116px; 
}
#slideshowbtndiv {
position: absolute; top: 136px; left: 552px; 
}
.slideshowselect {
color: #000000; font-size: 10px; margin: 0; padding: 0;
}
#pagerlinks {
position: absolute; top: 142px; left: 220px; 
}
#overview {
position: absolute; top: 180px; left: 16px; width: 600px; 
}
#thumbs {
position: absolute; top: 205px; left: 16px; 
}
table.thumb {
margin: auto;
padding: 0;
}
td.raster {
padding-top: 8px;
padding-right: 8px;
padding-bottom: 0px;
padding-left: 0px;
text-align: center;
}
td.middle {
padding-top: 12px;
padding-right: 30px;
padding-bottom: 12px;
padding-left: 30px;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
background-image: url(layout_1/thumbnailbg.png);
background-repeat: repeat;
}
td.middle a {
color: #FFFFFF;
}
img.thumbnail {
padding: 2px;
}
#basketpageblock, #orderformpageblock, #showtextpageblock {
position: relative; top: 190px; left: 120px; width: 700px; height: 80%; overflow: auto; 
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
background-image: url(layout_1/pageblockbg.png);
background-repeat: repeat;
color: #FFFFFF;
}
#basketpageblock p, #orderformpageblock p, #basketpageblock h1, #orderformpageblock h1, #basketpageblock td, #orderformpageblock td, #basketpageblock th, #orderformpageblock th  {
color: #FFFFFF;
}
#showtextpageblock p, #showtextpageblock a, #showtextpageblock td, #showtextpageblock th, #showtextpageblock pre, #showtextpageblock div  {
color: #FFFFFF;
font-size: 14px;
}
#showtextpageblock h1 {
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
}
#showtextpageblock h2 {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}
#showtextpageblock h3 {
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
#showtextpageblock pre {
font-size: 14px;
font-family: Courier, monospace;
color: #FFFFFF;
}
#formatspapers {
padding: 0 0 8px 0;
}
td.papers, td.formats {
padding: 4px 4px 4px 4px;
white-space: nowrap;
text-align: right;
vertical-align: top;
}
td.formats {
padding: 4px 8px 4px 4px;
white-space: nowrap;
text-align: right;
vertical-align: top;
}
table.basketitems {
width: 100%;
}
td.basketitems {
vertical-align: top;
padding: 0px 0px 12px 0px;
}
td.basketitemleft {
width: 100px; padding: 0 12px 4px 12px; text-align: center;
font-size: 12px;
vertical-align: top;
}
td.basketitemright {
padding: 0 0 4px 20px; text-align: right;
vertical-align: top;
}
input.basketitemcount {
color: black; font-size: 10px; margin: 0; padding: 0;
}
#basketprice {
color: #CC0000;
padding: 16px 0px 16px 0px;
text-align: center;
}
#updatebtndiv {
float: right; clear: none;
}
#goorderbtndiv, #backlinkdiv {
float: left; clear: none;
}
#orderbtndiv, #goonlinkdiv {
float: right; clear: none;
}
.formleft {
vertical-align: top;
}
.inputadr {
color: black;
width: 190px;
}
textarea.inputadr {
color: black;
width: 384px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
.clearer {
height: 1px;
clear: both;
display: block;
padding: 0;
line-height: 1px;
font-size: 1px;
width: 100%;
}