/* =================BODY================= */
:root {
  --header1: #6c5ce7;
  --header2: #74b9ff;
  --banner1: white;
  --banner2: #a29bfe;
  --headings: #6c5ce7;
  --h4color: #6e6e6e;
  --footerbkgd: #6c5ce7;
  --legalnotice: #fff;
  --stdbuttoncolor: #ded8e6;
  --sitetableth: #ded8e6;
  --acolor: #036;
  --dottedbox: #f4f2f5;
  --topmenu1:white;
  --topmenu2:#6c5ce7;
  --topmenuhover1: white;
  --topmenuhover2: #443987;
  --companynamep: #fff;
  --companynamehover: #cfc;
  --userfootertextbkgd: #74b9ff;
  --specialnotice: #ccf;
  --specialnoticecolor: red;
}


body {
  text-align : center;
  background-color : rosybrown;
  font-family : Verdana, Arial, Helvetica, sans-serif;
}


#container {
  text-align : left;
  margin : 0px auto;
  width : 1200px;
  max-width: 100%;
  border : 1px solid #888;
  background-image: url();
  background-repeat : repeat-y;
  background-color : #eef;
}

/* =================HEADER================= */
#header {
  background-color : #ddf;
}
nav {
  display: inline-block;
}
#header img {
  vertical-align: middle;
}
#logo {
  display : inline-block;
}

#pheader {
  text-align : right;
  border-bottom : 4px solid #036;
}

#pheader h1 {
  color : #036;
  font-size : 2em;
  margin : 0px 20px;
}

#return {
  position : absolute;
}

/* =================MENU================= */
#menu {
  line-height : 2rem;
  padding : 15px;
  text-align : center;
}

#topmenu {text-align:left; font-family:Arial, Helvetica, sans-serif; margin:0;}
#topmenu a {text-decoration:none; display:inline-block; padding:0.25em 0.5em; margin-left:0.5em; margin-top:0.5em; font-size:1.5rem; background-color:gold; color:#006; margin:0.25rem; background:linear-gradient(var(--topmenu1), var(--topmenu2)); border-radius:5px;}
#topmenu a:hover, #topmenu #pageselected {color:white; background:linear-gradient(var(--topmenuhover1), var(--topmenuhover2));}
.menugroup {display:inline-block;}
.menugroup:hover > .topsubmenu {display:block;}
.submenulink {padding-right:1em}
.submenulink span {display:inline-block; margin-left:0.2em; width:0.8em; background-image:url(/images/site/red-triangle-down.png); background-repeat:no-repeat; background-size:contain; background-position:0 0.3em;}
.topsubmenu {display:none; background-color:rgba(200, 200, 255, 0.95); padding:0.5em; position:absolute; z-index:10000;  margin-left:0.25em; margin-top: -0.25em}

#clickmenu {background-color:var(--topmenuhover2); background:linear-gradient(white, var(--topmenuhover2)); display:none; color:#008; font-size:1.2em; padding:0.5em 1em; margin:0px; text-align:left; font-weight:bold; border-radius:5px;}
#clickmenu span {padding:0px 10px; background:linear-gradient( to bottom, #008, #008 20%, transparent 20%, transparent 40%, #008 40%, #008 60%, transparent 60%, transparent 80%, #008 80%, #008 100% ); border-right:4px solid transparent}

@media screen and (max-width: 600px) {
    #topmenu {display:none;}
    #clickmenu {display:block; margin:0}
    #companyname {
      margin : 0;
    }
}

#cart_image {
  height : 1em;
  width : 1em;
  position : relative;
  top : 0.15em;
}

#pageselected {
  background-color : #888;
}


/* =================CONTENT================= */
#content {
  margin : 1em 2em;
  background-color : #eef;
}

#pcontent {
  padding : 2em;
}

#index_li {
    color : #51a;
}
/* =================FOOTER================= */
#footer {
  clear : both;
  background-color : #006;
}

#footertext {
  padding : 5px;
  text-align : center;
  color : #fff;
  font-size : 0.7em;
  line-height : 1.5em;
}



/* =================BUTTONS================= */
a.stdbutton, a.stdbuttoni {
  font-size : 80%;
  text-decoration : none;
  border : 1px solid #888;
  background-color : #ccc;
  color : #000;
  margin : 0.25em 0em;
  padding : 0.25em;
  text-align : center;
}

a.stdbutton {
  display : block;
}

a.stdbutton:active, a.stdbuttoni:active {
  border-color : #345 #cde #def #678;
}

a.stdbutton:hover, a.stdbuttoni:hover {
  background-color : #eee;
  color : #000;
}

/* =================MESSAGES================= */

#error {
  text-align:center;
  margin : 1em;
}

#error div:first-child {
  display : inline-block;
  background-color : #f66;
  padding : 0.5em 1em;
  border : 2px solid #f00;
  font-weight : bold;
  color : #000;
}

#message {
  margin : 1em;
  text-align:center;
}

#message div:first-child {
  display : inline-block;
  background-color : #fff;
  padding : 0.5em 1em;
  border : 2px solid #036;
  font-weight : bold;
  color : #036;
}

#flash {
  position : absolute;
  top : 100px;
  left : 50%;
  margin-left : -250px;
  width : 500px;
  background-color : #ff7;
  border : 2px solid #888;
  color : #000;
  padding : 10px;
  text-align : center;
  z-index : 10000;
}


/* =================FORM ELEMENTS================= */
input, textarea, select {max-width: 100%;}

input:focus, textarea:focus {
    background-color: #ff7;
}

.formitem, .formitemerror {
  background-color : #eee;
  border : 1px solid #000;
  font-size : 1.2em;
}

.formitemerror {
  background-color : #ff7;
}

.formrequired {
  color : #f00;
  font-weight : bold;
  padding-right : 2px;
}

.formtitlebreak {
  display : block;
  line-height:1px;
  clear: both;
  content : " ";
}

.formtitle {
  clear : both;
  float : left;
  text-align : right;
  font-weight : bold;
  width : 30%;
  padding : 10px 5px 0 0;
  font-size : 0.8em;
}

.forminfo {
  margin-left : 32%;
  padding : 5px 0 10px 0;
}

.formsubmit {
  color : #000;
  cursor : pointer;
  font-size : 0.8em;
}

.error {
  margin : 10px auto;
  border : 2px solid #f00;
  background-color : #f88;
  padding : 0.5em;
  width : 300px;
  text-align : center;
}

.form_select_start {
  color : #f00;
  text-align : center;
}

@media screen and (max-width: 800px) {
  .formtitle {
    text-align : left;
    font-size : 0.8em;
    padding : 0px;
    display : block;
    float : none;
  }

  .forminfo {
    margin-left : 0px;
  }

}

/* =================GENERAL ELEMENTS================= */
a {
  color : #036;
}

a:hover {
  color : #036;
  background-color : #ccc;
}

h1 {
  color : #036;
}

h2 {
  color : #036;
}

h3 {
  color : #f00;
}

/* =================IMAGES================= */
img.left {
  float : left;
  margin-right : 1em;
  vertical-align : text-top;
}

img.right {
  float : right;
  margin-left : 1em;
  vertical-align : text-top;
}

a.imagelink {
  padding : 3px;
  display : block;
}

a.imagelink:hover {
  color : #ccc
}

/* ==================== TABLE ==================== */
.stdtable {
  background-color : #000;
  border-collapse : collapse;
  margin : 0 auto;
}

.stdtable tbody tr:nth-child(even) td {
  background-color: #efffef;
}

.stdtable td {
  padding : 1px 3px;
  background-color : #fff;
  text-align : center;
  border : 1px solid #000;
}


.stdtable th {
  padding : 1px 3px;
  background-color : #eee;
  border : 1px solid #000;
}

/* =================MISC ITEMS================= */
p.legalnotice {
  text-align : center;
  font-size : 0.8em;
  font-weight : bold;
}

p.copyright {
  text-align : center;
  font-size : 0.8em;
  color : #253161;
  line-height : 1.5em;
}

a.mvp {
  color : #fff;
  text-decoration : none;
}

a.mvp:hover {
  color : #000;
}

.center {
  text-align : center;
}

a.printversion {
  width : 80px;
  height : 20px;
  background : url(/images/printversion.gif) no-repeat;
  display : block;
  border : 2px solid transparent;
  margin : 2em auto;
}

a.printversion:hover {
  background-color : #888;
}

a.validator {
  width : 60px;
  height : 21px;
  background : url(/images/valid-xhtml10.png) no-repeat;
  display : block;
  border : 2px solid transparent;
  margin : 2em auto;
}

a.validator:hover {
  background-color : #888;
}
/* =================FAQs================= */
.faqs li {
    margin-top : 0.5em;
}

.faqs li a.faq_question {
  text-decoration : none;
  font-weight : bold;
}
.faqs li a.faq_question:hover {
  background-color : #888;
}
.faq_answer {
  margin:5px 2em 1em 2em;
  display:none
}