/* PAGE SETUP */
html { height: 100.2%; margin-bottom: 1px; padding: 0; }
a:link { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; }
a:hover { color: red; text-decoration: none; }
a:active { color: darkred; text-decoration: none; }
body {
background-color: #000000; background-image: url("/images/bkgrnd.jpg"); background-repeat: repeat-y; /*no-repeat;*/ background-position: top;
font-family: Arial, Helvetica, san-serif; font-size: 12px; color: black; letter-spacing: .25px;
text-align: center;
}
br { margin-bottom: 5px; }
br.px10 { margin-bottom: 10px; display: block; }
#size { width: 950px; margin-left: auto; margin-right: auto; margin-top: 20px; }
/* HEADER */
#special { font-size: 18px; color: #B8B8B8; padding-bottom: 15px; text-align: center }
#cart { float: right; border: 1px solid #777; padding: 4px 8px 4px 8px; }
#cart a { color: white; }
#cart a:hover { color: red; text-decoration: none; }
/* FOOTER */
#footer { font-size: 11px; color: #B8B8B8; text-align: center; line-height: 100%; padding-bottom: 0px; }
#footer * { padding: 0; }
#footer li { display: inline; border-right: 1px solid #B8B8B8; padding: 0 8px 0 5px; }
#footer li.nopipe { border: none; }
#footer a { color: #B8B8B8; text-decoration: none;}
#footer a:hover { color: red; }
/* TYPE */
h1 { color: black; font-size: 18px; font-weight: bold; margin-top: 0; }
h1.px30 { color: black; font-size: 30px; font-weight: bold; letter-spacing: 0px; margin-top: 0px; margin-bottom: 10;}
h1.px24 { color: black; font-size: 24px; font-weight: bold; letter-spacing: 0px; margin-bottom: 10;}
h1.processing { color: white; font-size: 30px; font-weight: bold; letter-spacing: 0px; margin-bottom: 10;}
h1.error { color: red; font-size: 30px; font-weight: bold; letter-spacing: 0px; margin-bottom: 10;}
h2 { color: black; font-size: 14px; font-weight: bold; margin-top: 0; margin-bottom: 0; }
h2.px24 { color: black; font-size: 24px; font-weight: bold; letter-spacing: 0px; margin-bottom: 10;}
.px24 { color: black; font-size: 24px; font-weight: bold; letter-spacing: 0px; margin-bottom: 10;}
.px30 { color: black; font-size: 30px; font-weight: bold; letter-spacing: 0px; margin-bottom: 10;}
.px40 { color: black; font-size: 40px; font-weight: bold; letter-spacing: 0px; margin-bottom: 10;}
/* BLOCKS */
div.block { font-size: 16px; background-color: white; border: 1px solid #777; padding: 30px; margin: 0 0 5px 0; text-align: left; color: black; }
table { font-size: 16px; }
#home div.block { background-color: #b7a9eb; border: 1px solid #777; padding: 30px; margin: 0 0 5px 0; text-align: left; color: black; background-image: url("/images/home-bkgrnd.jpg"); background-repeat: repeat-x; background-position: top; }
#info div.block { background-color: white; border: 1px solid #777; padding: 30px; margin: 0 0 5px 0; text-align: left; color: black; background-image: url("/images/snowflake.gif"); background-repeat: no-repeat; background-position: center; }
div.block ul { list-style: none; }
/*div.block ul li { background-image: url("/images/bullet.gif"); background-repeat: no-repeat; background-position: 0 2px; padding-left: 13px; }*/
/* FLOATING BLOCKS */
div.block.float { float: left; width: 274px; background-color: #2E2E2E; text-align: left; margin-top: 0px;}
div.block.float.spaced { margin-left: 6px; }
/* BUTTONS AND FORM FIELDS */
.button {
font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle; color: #999; background-color: transparent; text-transform: uppercase; letter-spacing: 1px;
background-image: url("/images/button.png"); background-repeat: no-repeat; width: 300px; height: 48px; border: none; cursor: pointer;
}
.button:hover { color: white; }
.buttonFaux {
font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle; color: #999; background-color: transparent; text-transform: uppercase; letter-spacing: 1px;
background-image: url("/images/button.png"); background-repeat: no-repeat; width: 300px; height: 48px; border: none; cursor: pointer;
}
.buttonFaux:hover { color: white; }
form { padding: 0; margin: 0; }
form input.text { font-size: 12px; padding: 1px; width: 300px; }
textarea { background-color: white; border: gray 1px solid; font-family: Arial, Helvetica, san-serif; font-size: 10pt; font-weight: normal; padding: 4px; }
/* HOME */
.home { font-size: 16px; background-color: #b7a9eb; margin: 0 0 5px 0; color: black; }
.mugbox { padding: 10px 10px 15px 10px; background-color: white; font-size: 14px; text-align: center; }
.mugboxh2 { font-size: 24px; margin: 6px 0 5px 0; }
.mugGallery { margin-bottom: 6px; }
.datestamp { font-size: 12px; margin-top: 10px; padding-bottom: 20px; }
/* CUP.PL */
div.guide { background-color: white; background-image: url("/images/guide-bkgrnd.jpg"); background-repeat: repeat-x; padding: 5px; margin: 0 0 5px 0; text-align: left; color: black; }
div.guiderule { border: 1px solid red; padding: 15px;}
div.approval { font-size: 12px; width: 490px; background-color: white; border: 1px solid #999; margin-top: 15px; padding: 15px 15px 15px 15px; text-align: left; }
div.proof { position: absolute; width: 718px; height: 216px;}
div.palette { width: 490px; background-color: white; border: 1px solid #999;
background-image: url("/images/guide-bkgrnd.jpg"); background-repeat: repeat-x; margin-top: 15px;
padding: 5px 15px 15px 15px; text-align: left;}
.palettelabel { font-size: 10px; color: gray; letter-spacing: 2px; padding: 6px; vertical-align:middle; }
tableRow { display: table-row; }
tableCell { display: table-cell; vertical-align:middle; }
/* CART.PL */
table.cart { font-size: 12px; }
.cartBlock { border: 1px solid #ccc; width: 850px; padding: 6px; margin-top: 10px; margin-bottom: 10px; }
.cartHeader { background-color: #ccc; font-weight: bold; }
.infoBlock { border: 1px solid #ccc; width: 280; text-align: center; }
.infoHeader { background-color: #ccc; padding: 10px; color: black; font-size: 14px; font-weight: bold; }
.methodBlock { border: 1px solid #ccc; text-align: center; vertical-align:top; padding: 10px; width: 600px; }
.methodHeader { color: black; font-size: 14px; font-weight: bold; margin-bottom: 10px; }
/* FILE UPLOAD - CART.PL */
#attach { background:url(/images/bt-attach.jpg); background-repeat: no-repeat; width:300px; height:48px; overflow: hidden; }
#inputHide { opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); font-size: 50px; border: 1px solid red; width:300px; height: 48px; cursor:pointer; }
/* DATA::DUMPER */
div.dumper { text-align: left; color: green; }