body, html {
margin: 0;
padding: 0;
height: 100%;
}
body, p, td, th, a, textarea, div {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #888888;
}
body {
background-image: url(layout_0/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: 1001px;
min-height: 100%;
background-image: url(layout_0/wrapperbg.png);
background-repeat: no-repeat;
}
h1, #orderformpageblock th {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
font-style: italic;
}
.small {
font-size: 10px;
font-weight: normal;
}
#customerlogo {
position: absolute; top: 16px; left: 685px; width: 285px; height: 108px; overflow: auto; 
overflow: hidden;
text-align: right;
}
#sitetitle {
position: absolute; 
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #888888;
font-weight: bold;
font-style: italic;
}
#albumname {
position: absolute; top: 11px; left: 26px; width: 500px; height: 60px; overflow: auto; 
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #888888;
font-weight: bold;
font-style: italic;
}
a, a:link {
font-weight: normal;
text-decoration: none;
}
.pagertext, .pageractual, a.pagerlink, a.pagerlink:link {
font-size: 10px;
font-weight: normal;
color: #888888;
}
.pageractual {
font-size: 10px;
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: 76px; left: 20px; 
}
#basketlink {
position: absolute; top: 76px; left: 108px; 
}
#helplink {
position: absolute; top: 76px; left: 247px; 
}
#agblink {
position: absolute; top: 76px; left: 517px; 
}
#freelink {
position: absolute; top: 76px; left: 408px; 
}
#preiselink {
position: absolute; top: 76px; left: 329px; 
}
#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: 14px;
font-weight: bold;
font-style: italic;
text-decoration: none;
color: #888888;
}
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: 139px; left: 16px; 
}
#prevlink {
position: absolute; top: 139px; left: 57px; 
}
#nextlink {
position: absolute; top: 139px; left: 92px; 
}
#lastlink {
position: absolute; top: 139px; left: 126px; 
}
#slideshowbtndiv {
position: absolute; top: 139px; left: 785px; 
}
.slideshowselect {
color: #000000; font-size: 10px; margin: 0; padding: 0;
}
#pagerlinks {
position: absolute; top: 137px; left: 220px; 
}
#overview {
position: absolute; top: 180px; left: 26px; width: 600px; 
}
#thumbs {
position: absolute; top: 205px; left: 0px; 
}
table.thumb {
margin: auto;
padding: 0;
background-repeat: repeat;
}
td.raster {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 12px;
padding-left: 12px;
text-align: center;
}
td.middle {
padding-top: 8px;
padding-right: 18px;
padding-bottom: 8px;
padding-left: 18px;
font-size: 10px;
font-weight: normal;
color: #666666;
background-image: url(layout_0/middlemiddle.png);
background-repeat: repeat;
}
td.middle a {
color: #666666;
}
td.lefttop {
background-image: url(layout_0/lefttop.png);
padding: 0;
margin: 0;
}
td.top {
background-image: url(layout_0/middletop.png);
background-repeat: repeat-x;
padding: 0;
margin: 0;
}
td.righttop {
background-image: url(layout_0/righttop.png);
padding: 0;
margin: 0;
}
td.leftmiddle {
background-image: url(layout_0/leftmiddle.png);
background-repeat: repeat-y;
padding: 0;
margin: 0;
}
td.rightmiddle {
background-image: url(layout_0/rightmiddle.png);
background-repeat: repeat-y;
padding: 0;
margin: 0;
}
td.leftbottom {
background-image: url(layout_0/leftbottom.png);
padding: 0;
margin: 0;
}
td.bottom {
background-image: url(layout_0/middlebottom.png);
background-repeat: repeat-x;
padding: 0;
margin: 0;
}
td.rightbottom {
background-image: url(layout_0/rightbottom.png);
padding: 0;
margin: 0;
}
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_0/pageblockbg.png);
background-repeat: repeat;
color: #666666;
}
#basketpageblock p, #orderformpageblock p, #basketpageblock h1, #orderformpageblock h1, #basketpageblock td, #orderformpageblock td, #basketpageblock th, #orderformpageblock th  {
color: #666666;
}
#showtextpageblock p, #showtextpageblock a, #showtextpageblock td, #showtextpageblock th, #showtextpageblock pre, #showtextpageblock div  {
color: #666666;
font-size: 12px;
}
#showtextpageblock h1 {
font-size: 16px;
font-weight: bold;
color: #666666;
}
#showtextpageblock h2 {
font-size: 14px;
font-weight: bold;
color: #666666;
}
#showtextpageblock h3 {
font-size: 12px;
font-weight: bold;
color: #666666;
}
#showtextpageblock pre {
font-size: 12px;
font-family: Courier, monospace;
color: #666666;
}
#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: 10px;
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: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.clearer {
height: 1px;
clear: both;
display: block;
padding: 0;
line-height: 1px;
font-size: 1px;
width: 100%;
}