/*/~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~/*/
/*/~~~ | MEHP-P-AWJ / Category_Index.CSS | -> LastUpdated: 20230301 <- ~~~/*/
/*/~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~/*/


/*/ 1.BODY /*/

body {
background-color: #000000;
}


/*/ 2. MAIN-Container /*/

/* 2.1 The 'WHOLE' Container */
.container {
width: 100%;
background: #c90000;
margin: 0px auto 0px auto;
color: #FFFFFF;
}

/* 2.2 Top-OUTER-Corners to Page-Background-Color */
.rtop{
display: block;
background: #000000;
}

/* 2.3 Top-MAINcontainerColor-LENGTH */
.rtop *{
display: block;
height: 1px;
overflow: hidden;
background: #c90000;
}

/* 2.4 Bottom-MAINcontainerColor-CORNERS */
.rbottom{
display: block;
background: #000000;
}

/* 2.5 Bottom-MAINcontainerColor-LENGTH */
.rbottom2 *{
display: block;
height: 1px;
overflow: hidden;
background: #c90000;
}

/* 2.6 Bottom-OUTER-Corners to Page-Background-Color */
.rbottom2{
display: block;
background: #000000;
}

/* 2.7 Bottom-LinksUpdatedCopyright-LENGTH */
.rbottom *{
display: block;
height: 1px;
overflow: hidden;
background: #c90000;
}

/* 2.8 Rounded-Corners?? */
.r1{
margin: 0 5px;
}
.r2{
margin: 0 3px;
}
.r3{
margin: 0 2px;
}
.r4{
margin: 0 1px;
height: 2px
}


/*/ 3. LINKS /*/


/* 3.1 'LiNK #1' */

a.class1 {
  color: #33FF33/*NeonGreen*/;
}

a.class1:link {
  text-decoration: none;
  color: #33FF33/*NeonGreen*/;
}

a.class1:visited {
  text-decoration: none;
  color: #33FF33/*NeonGreen*/;
}

a.class1:hover {
  text-decoration: underline;
  color: #ff3e3e/* RED */;
}

a.class1:active {
  text-decoration: none;
  color: white;
}

/* 3.2 'LiNK #2' */

a.class2 {
  color: blue;
}

a.class2:link {
  text-decoration: none;
  color: blue;
}

a.class2:visited {
  text-decoration: none;
  color: blue;
}

a.class2:hover {
  text-decoration: underline;
  color: blue;
}

a.class2:active {
  text-decoration: none;
  color: blue;
}


/*/ 4. HEADINGS /*/

h3 {
font-family: "Black Chancery", Arial, Geneva, Helvetica, sans-serif;
font-size: 120%;
}

h4 {
font-size: 100%;
font-weight: normal;
color: #33ff33;
}


/*/ 5. TABLES /*/


/* |||||||||| TABLE 1 |||||||||| */


/* 5.1.1 'Table 1' */
.table1 {
margin: 30px auto 0px auto;
width: 96%;
border: 1px solid white;
border-radius: 30px;
background-color: #a02900;
padding: 10px;
}

/* 5.1.2 'TR 1' */
.tr1 {
}

/* 5.1.3 'TD 1a' */
.td1a {
border: 1px solid white;
border-radius: 15px;
background-color: black;
padding: 36px 0px 36px 0px;
text-align: center;
}

/* 5.1.4 'TD 1b' */
.td1b {
background-color: #a02900;
padding: 6px 0px 9px 0px;
text-align: center;
font-size: 12px;
}


/* |||||||||| TABLE 2 |||||||||| */


/* 5.2.1 'TABLE 2' */
.table2 {
margin: 30px auto 0px auto;
width: 80%;
border: 1px solid white;
background-color: #a02900;
padding: 10px;
}

/* 5.2.2 'TR 2' */
.tr2 {
}

/* 5.2.3 'TD 2a' */
.td2a {
width: 50px;
border: 1px solid white;
background-color: black;
padding: 6px 0px;
text-align: center;
}

/* 5.2.4 'TD 2b' */
.td2b {
width: 100px;
border: 1px solid white;
background-color: black;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
}

/* 5.2.5 'TD 2c' */
.td2c {
width: 450px;
border: 1px solid white;
background-color: black;
padding-left: 10px;
padding-right: 10px;
font-size: 0.9em;
}


/* |||||||||| TABLE 3 |||||||||| */


/* 5.3.1 'TABLE Footer' */
.tableFooter {
margin: 0px auto 0px auto;
width: auto;
text-align: center;
}

/* 5.3.2 'TR Footer' */
.trFooter {
}

/* 5.3.3 'TD Footer' */
.tdFooter {
margin: 0px auto 0px auto;
width: auto;
text-align: center;
}

/* 5.3.4 'SPAN 1 Footer' */
.span1Footer {
color: #000000;
}

/* 5.3.5 'Span 2 Footer' */
.span2Footer {
font-size: 10px;
font-style: italic;
color: #000000;
}

/* |||||||||| TABLE 4 |||||||||| */


/* 5.4.1 'TABLE 4' */
.table4 {
margin: 30px auto 0px auto;
width: 80%;
background-color: #a02900;
padding: 10px;
}

/* 5.4.2 'TR 4' */
.tr4 {
}

/* 5.4.3 'TD 4a' */
.td4a {
width: 50px;
padding: 6px 0px;
text-align: center;
}

/* 5.4.4 'TD 4b' */
.td4b {
width: 100px;padding-left: 10px;
padding-right: 10px;
font-weight: bold;
}

/* 5.4.5 'TD 4c' */
.td4c {
width: 450px;
padding-left: 10px;
padding-right: 10px;
font-size: 0.9em;
}


/*/ 6. NAVIGATION BUTTONS /*/

.button {
color: #800000;
font-size: 12px;
text-align: center;
display: inline-block;
border-radius: 5px;
width: 200px;
height: 24px;
margin: 0px auto 0px auto;
padding: 3px 0px 0px 0px;
border: 2px solid #800000;
background-color: #FFFFFF;
}
a.button:hover{
     background: #383;
}


/*/ 7. ZOOM-ON-HOVER /*/

* {
  box-sizing: border-box;
}

.zoom {
  transition: transform .2s;
  width: 75px;
  height: 100px;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.75); 
}

.zoom:hover {
-ms-transform: scale(1.75); /* IE 9 */
-webkit-transform: scale(1.75); /* Safari 3-8 */
}


/*/~~~END~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~/*/