.graphicheader { margin: 0 auto; width: 50%; text-align: center; }
.headertext { margin: 0 auto; width: 50%; text-align: center; }

h1 { color: #ddd; font-weight: normal; margin-bottom: 10px; font-size: 1.4em; }
h2 { color: #ddd; font-weight: normal; margin-bottom: 10px; font-size: 1.2em; }
h3 { color: #fff; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px; font-size: 1em; }
h4 { color: #ddd; font-weight: normal; margin-bottom: 10px; }
a:link { color: #0080C0; text-decoration: none; font-weight: bold;}
a:visited { color: #0080C0; text-decoration: none; font-weight: bold;}
a:hover { color: #FFFFFF; text-decoration: none; font-weight: bold; }
a:active { color: #00FF00; text-decoration: none; font-weight: bold; }

.thumb { width: 100%; text-align: center;  margin-right: 10px; margin-bottom: 10px; }
.itemtext { width: 100%; }
.item { clear: both; margin: 0 auto; margin-bottom: 10px; text-align: center; width: 36%; border-top: solid 1px #fff; border-bottom: solid 1px #fff; padding: 10px; background-color: #333; }

.main { font-size: 1em; }

.pricetable { border: solid 1px #ccccff; margin: 0 auto; width: 75%; }
.pricetable tr { background-color: #666666; }
.pricetable td { padding: 20px; white-space: nowrap; color: #fff; }

.standardnotes { font-size: 0.8em; width: 75%; margin: 0 auto; }
.smalltext { font-size: 0.9em; margin-top: 5px; }

#specialmore, #standardmore, #specialless, #standardless  { color: #0080C0; cursor: pointer; font-weight: bold; }

#specialmore:hover, #standardmore:hover, #specialless:hover, #standardless:hover  { color: #ffffff; }

#standardpriceprints { background-color: #222; padding: 4%; }
#specialofferprints { background-color: #222; padding: 4%; }

@media only screen and (max-width:600px) {

.main { font-size: 1.1em; }
.item { width: 90%; }
.headertext { width: 100%; }
.graphicheader { width: 100%; }

}