* { -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; padding:3px;}
div.main {width:100%; min-height: calc(100vh - 500px); margin-top:110px; position:relative; }
div.main p {font-family:'Gothic A1', sans-serif; font-weight:500; 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:500; font-size:1.25em;}

div.topmenu {display:inline-block; background-color:white; text-align:center; vertical-align:bottom; padding:4px; width:100%}
.textlink {margin:0px; text-decoration:none; font-family:'Gothic A1', sans-serif; color:black; font-size:14pt;}

div.widemenu {margin-top:0px; text-align:center; vertical-align:top; width:100%}
.widemenu div {font-family:'Gothic A1', sans-serif; font-weight:700;}
.widemenu div a {margin:0px; border:0px; text-decoration:none;}

div.wideMtxt {display:inline-block;text-align:center;margin-top:0px; }
.wideMtxt a {text-decoration:none; margin:0px; color:black; font-family:'Gothic A1', sans-serif; font-size:1.25em; font-weight:700;}
.wideMtxt a:hover {background-color:#5ce1e6;}

div.lowFooter {display:inline-block; vertical-align:top; min-width:200px; margin:0px 60px;}
.lowFooter ul li {font-family:'Gothic A1', sans-serif; color:white; list-style-type: none; margin:1px; padding:0px; font-size:1.25em;}

.regNote {margin:0px 16px; font-size:0.75em; font-family: 'Gothic A1', sans-serif;}
.italNote {margin:0px 16px; font-size:0.75em; 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:30px; border:1px solid #666; margin:4px 0px;}
.textChoice1 {width:74%;}
.textChoice2 {width:78%;}
.issueNum {width:16%;}

.catalogpad {display:inline-block; margin:0px -3px; padding:0px; border:0px; text-align:center;}
.alphaBttn {background-color:#ff1616; border:none; display:inline-block; font-family:'Gothic A1', sans-serif; font-size:0.9rem; font-weight:700;
 color:black; text-align:center; text-decoration:none; cursor:pointer; border-radius:5px; margin:6px 9px; padding:5px 8px; 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; color:black;
 text-align:center; text-decoration:none; cursor:pointer; border-radius:4px; margin:1px; padding:10px 1px; height:40px;
 font-family:'Gothic A1', sans-serif;}
.PgSubmitBttn {background-color:#ff1616; border:none; display:inline-block; font-size:0.9rem; font-weight:700; color:black;
 text-align:center; text-decoration:none; cursor:pointer; border-radius:4px; margin:1px; padding:2px; width:75px; height:50px;
 word-wrap:break-word; white-space:normal; font-family:'Gothic A1', sans-serif;}
.indexBttn {padding:5px 25px; min-width:180px;}
.alphaBttn:hover, .PgNavBttn:hover, .PgSubmitBttn:hover {background-color:#AA1616; color:#fff;}

/* CSS for simple dropdown nemu */
.dropbtn { background-color: #fdc835; border: none; color:black; font-family:'Gothic A1', sans-serif; font-weight:700; font-size:1.25em;}
.dropdown { position: relative; display: inline-block;}
.dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 250px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.dropdown-content a { color: black; padding: 8px; text-decoration: none; text-align:left; font-size:1em; display: block; }
.dropdown-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #5ce1e6;}

/* CSS for catalog search results table elements */
table {border:none; border-spacing:0; border-collapse:collapse; color:#333; font-family: 'Gothic A1', sans-serif;}
.cartResult {border:3px solid #888; padding:20px 2px; margin:12px 0px; width:90%}
.cartResult td {border:none;}
table.altrows {border: 1px solid #DDD; width:94%}
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;}
th.sortCol {padding-right:18px;}
th.sortCol:before,th.sortCol:after {display:block; width:0; height:0; right:5px; top:50%; position: absolute;
 border: 4px solid transparent; content:"";}
th.sortCol:before {border-bottom-color:#666; margin-top: -9px;}
th.sortCol:after {border-top-color:#666; margin-top: 1px;}

td.col_sm {font-size:0.7rem; border-width:1px;}
td.col_c {text-align:center; border-width:1px;} 
td.col_r {text-align:right; border-width:1px;}
td.notesL {padding-top:5px; width:15px; border-right:none;}
td.notesR {padding-top:5px; width:15px; border-left:none;}
img.imgNote {margin:1px; height:15px; display:inline;}
button.sortbttn {width:18px;height:18px;vertical-align:middle;background:url(/customers/includes/images/sort.png);background-size:cover;border:0px;}

div.confirmBox {border:2px solid #333; background-color:#fdc835; padding:10px; margin-top:16px; width:90%;
 border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.confirmBox input[type=text] {width:40%}
.confirmBox textarea {font-family: Trebuchet MS, sans-serif; margin:8px; width:75%}
/* 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:75px; max-width:67%; min-height:100px; position:relative; margin:15% auto; padding:2px; border-radius:3px; background:#eee;}
.popText {margin:8px;}

.modalImage {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; text-align:center;}
.modalImage:target {opacity:1; pointer-events: auto;}
.modalImage > div {position:relative; padding:3px; max-width:90%; margin:2% auto;}
.popImage {height:auto; max-height:calc(100vh - 70px); min-height:300px; max-width:90%;}

/* miscellaneous CSS */
div.RTdivider {text-align:center; margin-bottom:24px; background:url(/customers/includes/images/dividerRT.png); width:80%}
div.blurb {max-width:50%}

/* end CSS */