/* =================BODY================= */
body {
  background-color : #E7CFFF;
  color : #fff;
  font-family : Arial, Helvetica, sans-serif;
  background-image : url(/images/brm/background-image.png);
  background-repeat : no-repeat;
  background-size : 100%;
  background-attachment: fixed;
}

#wrapper {
  text-align : center;
}

#container {
  text-align : left;
  width : 1200px;
  max-width : 100%;
  margin : 0px auto;
  font-size : 1.5em;
}

@media screen and (max-width: 800px) {
  #container {
    font-size : 1em;
  }
}

section {
  padding : 1em 2em;
}
section:nth-child(even) {
  background-color : #eef;  
}

/* =================HEADER================= */

#pageselected {
  background-color : #888;
}

#phonenumber {
  text-align : right;
  font-weight: bold;
  padding-right: 2em;
}

#phonenumber a {
  text-decoration: none;
  color : #0a0;
}

#phonenumber img {
   vertical-align: middle;
}

/* =================CONTENT================= */
#content {
  padding : 1em 0;
  background-color : #fff;
  color : #000;
  border-radius : 2em;
}


/* =================FOOTER================= */
#footer {
  clear : both;
}

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

/* =======================MESSAGES========================= */
#error {
  background-color : #f66;
  padding : 1em;
  border : 2px solid #f00;
  text-align : center;
  margin : 1em;
  font-weight : bold;
}

#message {
  background-color : #fff;
  padding : 1em;
  border : 2px solid #036;
  text-align : center;
  margin : 1em;
  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;
}

/* =================CONTACT PAGE================= */
#contactpage {
  padding:0.5em 2em;
  background-color : #efe;
  margin : 0 2em;
  border-radius : 2em;
}
#contactpage h1 {
  color : #942bff;
}

/* =================FORM ELEMENTS================= */
.formitem {
  background-color : #eee;
  border : 1px solid #000;
  font-size : 1.2em;
  border-radius : 0.25em;
}

.formitemerror {
  background-color : #ff7;
  border : 1px solid #000;
}

.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 0px;
}

.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;
}

input[type=submit] {
  font-size : 1em;
  padding : 0.25em 0.4em;
  color : #fff;
  font-weight : bold;
  font-size : 1.2em;
  border : 1px solid #fff;
  cursor : pointer;
  background-color : #942bff;
  text-decoration : none;
  border-radius : 0.25em;
}

input[type=submit]:hover {
  background-color : #080; 
}

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


/* =================BUTTONS================= */
.stdbutton, .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;
}

.stdbutton {
    display :block;
}

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

a.orderbutton {
  text-decoration : none;
  display : block;
  width : 6em;
  border : 1px solid #c00;
  background-color : #d00;
  color : #fff;
  font-weight : bold;
  font-size: 1.2em;
  padding : 0.25em 1em;
  text-align : center;
  border-radius : 1em;
}

a.orderbutton:active {
  border-color : #888;
}

a.orderbutton:hover {
  background-color : #9f9;
  color : #000;
}

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

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

h1 {
  color : #333;
}

h2 {
  color : #942bff;
}

h3 {
  color : #f00;
}

.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}


/* =================IMAGES================= */
img {
  max-width: 100%; 
  height : auto;
}

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
}

/* =================MISC ITEMS================= */
.product-image-block {
  display : inline-block;
  width : 20%;
  min-width : 200px;
  text-align : right;
}

.product-description {
  width : 75%;
  padding-left : 2em;
  display : inline-block;
  vertical-align : top;
}

.product-description li b {color : #080;}

.trialbox {
  border : 2px solid #0a0;
  padding : 0 1em 1em 1em;
  max-width : 20em;
  margin: 1em auto;
  text-align : center;
  border-radius : 1em;
  background-color: white;
}

.noticebox {
  margin : 1em 2em;
  border : 1px solid #888;
  background-color : #eff;
  padding : 0.5em 1em;
  border-radius : 1em;
  font-size : 0.8em;
}

.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;
}