* { -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
@import url(https://fonts.googleapis.com/css?family=Gothic+A1:500,700);
/* Rolling Tales presets
font-family: 'Gothic A1', sans-serif;
font-weight: 500;  (or 700 for bold)
font-size: 0.9rem;
RT gold  #fdc835
RT red   #ff1616
RT cyan  #5ce1e6
*/

/* CSS for Catalog elements */
body {margin:0px}
div.main {width:100%; margin-top:10px; min-height: calc(100vh - 350px); position:relative;}
div.main p {font-family:'Gothic A1', sans-serif; font-weight:400; font-size:0.9em;}
div.main p a {background-color: #fdc835; color:black; text-decoration: none;}
div.main lable {font-family:'Gothic A1', sans-serif; font-weight:400; font-size:1em;}

div.widemenu {margin:2px 0px; padding:0px; background-color:#fdc835; text-align:center; vertical-align:top; width:100%}
div.widemenu a {text-decoration:none; margin:0px;}
.pixlink {margin:0px; border:0px; text-decoration:none;}
div.lowFootBox {display:inline-block; text-align:left; vertical-align:top; font-family:'Gothic A1', sans-serif;}

.regNote {font-size:3vw; font-family: 'Gothic A1', sans-serif;}
.italNote {font-size:3vw; font-family: 'Gothic A1', sans-serif; color:#555; font-style:italic;}
.errorTXT {margin:32px; font-family: Arial, sans-serif; font-weight:900; color:#ff1616;}
input[type=text] {height:25px; font-size:1.1em; border:1px solid #666; margin:5px 0px;}
select {padding:3px; width:50%}
.textChoice1 {width:70%}
.textChoice2 {width:70%}
.issueNum {width:33%}

.alphaBttn {background-color:#ff1616; border:none; display:inline-block; font-size:0.9rem; font-weight:700; font-family:'Gothic A1', sans-serif; color:black;
 text-align:center; text-decoration:none; cursor:pointer; border-radius:4px; margin:5px 8px; padding:5px 10px; min-width:33px;
 -moz-box-shadow:3px 3px 8px #900; -webkit-box-shadow:3px 3px 8px #900; box-shadow: 3px 3px 8px #900;}
.PgNavBttn {background-color:#ff1616; border:none; display:inline-block; font-size:0.9rem; font-weight:700; font-family:'Gothic A1', sans-serif; color:black;
 text-align:center; text-decoration:none; cursor:pointer; margin:1px; padding:2px; min-width:50px; min-height:20px;}
.PgSubmitBttn {background-color:#ff1616; border:none; display:inline-block; font-size:0.9rem; font-weight:700; font-family:'Gothic A1', sans-serif; color:black;
 text-align:center; text-decoration:none; cursor:pointer; margin:1px; padding:2px; min-width:75px; min-height:50px; word-wrap:break-word;white-space:normal;}
.MobNavBttn {background-color:#ff1616; border:none; display:inline-block; font-size:x-large; font-weight:700; font-family:'Gothic A1', sans-serif; color:black;
 text-align:center; text-decoration:none; cursor:pointer; width:30px; height:30px; margin:0 6px}
.alphaBttn:hover, .PgNavBttn:hover, .PgSubmitBttn:hover {background-color:#AA1616; color:#fff;}


/* CSS for catalog search results table elements */
table {border:none; border-spacing:0; border-collapse:collapse; color:#333; font-family: 'Gothic A1', sans-serif;}
table.altrows {border: 1px solid #DDD; margin:10px 2px}
table.altrows tr:nth-child(odd) {color: #000; background: #DDD;}
td,th {padding:4px; border:1px solid #CCC; overflow:hidden; text-align:left; vertical-align:middle;}
th {background-color:#CCC; text-align:center;}
/* specific table cell classes */
table.altrows th {position: -webkit-sticky; position: sticky; top: 0; z-index: 2;}
.cartResult {border:2px solid #888; padding:20px 2px; width:99%}
.cartResult td {border:none;}
div.confirmBox {border:2px solid #333; background-color:#fdc835; padding:2px 8px; margin-top:10px; width:99%}
.confirmBox textarea {font-family: Trebuchet MS, sans-serif; margin:4px;}


/* CSS for modal popup windows  */
.close {background:#606061; color:#FFFFFF; line-height:25px; width:24px; text-align:center; 
 position:absolute; right: -5px; top: -5px; text-decoration:none; font-weight: 700;
-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
-moz-box-shadow:1px 1px 3px #000; -webkit-box-shadow:1px 1px 3px #000; box-shadow: 1px 1px 3px #000;}
.close:hover { background: #d90000; }

.modalDialog { font-family: 'Gothic A1', sans-serif;
 position: fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.7); z-index:99999; opacity:0; pointer-events:none;
-webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; }
.modalDialog:target {opacity:1; pointer-events: auto;}
.modalDialog > div {min-width:100px; max-width:85%; min-height:100px; position:relative; margin:15% auto; padding:2px; border-radius:3px; background:#eee;}
.popText {text-align:left;}

/* miscellaneous CSS */
div.RTdivider {text-align:center; margin:4px; background:url(/customers/includes/images/dividerRT.png);width:99%}
/* end CSS */