.container-master
{
  margin: 2em auto;
  width: 850px;
  background: #ffffff;
  background: hsla(0,100%,100%,1);
}

/* Custom container */
.container-narrow
{
  margin: 0em auto;
  padding: 1em 2em;
  width: 700px;
}

.container-narrow > hr
{
  margin:30px 0;
}

.noborder {
        width:110px;
        border-width: 0px;
}

/* Main marketing message and sign up button */
.jumbotron
{
  margin:60px 0;
  text-align:center;
}

.jumbotron h1
{
  font-size:72px;
  line-height:1;
}

.jumbotron .btn
{
  padding:14px 24px;
  font-size:21px;
}

/* Supporting marketing content */
.marketing
{
  margin:60px 0;
}

.marketing p + h4
{
  margin-top:28px;
}

div.purchase
{
  text-align:center;
}

span.required
{
  color:#b94a48;
  font-weight:700;
  font-size:15px;
  margin-left: -10px;
}

.quantity-block
{
  margin-left:5px;
  color: 'black';
}

#subtotal {

  margin-top:20px;
  margin-bottom:10px;
  /*color:hsla(0,0%,50%,1);*/
  font-size:1em;
}

#subtotalFinal {
  display: block;
  margin-top:20px;
  margin-bottom:10px;
  /*font-weight: bold;*/
  font-size:1.6em;
}

#anjouDonate {
/*
  position: fixed;
  top: 40%;
  right: 8%;
  display: block;

  width:120px;
  height:120px;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  border:1px solid #567346;
  background:rgba(146,227,141,0.5);"
*/
}

.inner-box {
  /*
  position: relative;
  padding: 1em;
  */
}

.subtotalDonate {
  /*display: block;*/
  /*margin-top:20px;*/
  /*margin-bottom:60px;*/
  font-weight: bold;
  /*font-size:1.3em;*/
}

.inactive {
  /*display: none;*/
}


    .myButton {

        -moz-box-shadow: 0px 10px 14px -7px #3e7327;
        -webkit-box-shadow: 0px 10px 14px -7px #3e7327;
        box-shadow: 0px 10px 14px -7px #3e7327;

        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
        background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
        background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);

        background-color:#77b55a;

        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;

        border:1px solid #4b8f29;

        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:19px;
        font-weight:bold;
        padding:6px 12px;
        text-decoration:none;

        text-shadow:0px 1px 0px #5b8a3c;

    }
    .myButton:hover {

        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
        background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);

        background-color:#72b352;
    }
    .myButton:active {
        position:relative;
        top:1px;
    }

.rrp {

  float:right;
  margin-right:100px;
  color: #595959;

}

.rrpAdd {

  float:right;
  margin-top: 10px;
  margin-right:100px;
  color: #595959;

}

.highlight {

  color: #C00;
  color: hsla(0,100%,40%,1);

}

li {

  margin-bottom: 1em;

}

.legendCaption {
  margin-bottom: 2em;
}

.modernNav {
    display: inline-block;
    margin: 10px;
    padding: 8px 15px;
    background:#1A7DFF;
    background: hsla(214,100%,55%,1);
    /*border: 1px solid rgba(0,0,0,0.15);*/
    border-radius: 4px;
    transition: all 0.3s ease-out;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.5),
        0 2px 2px rgba(0,0,0,0.3),
        0 0 4px 1px rgba(0,0,0,0.2);
    /* Font styles */
    text-decoration: none;
    text-shadow: 0 1px rgba(0,0,0,0.7);

    font-size : 1.1em;

    color:#ffffff;
    color: hsla(0,100%,100%,1);

    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -webkit-touch-callout:none;

}

.modernNav:hover {
  background: #004DB3;
  background: hsla(214,100%,35%,1);
  cursor:pointer;
  color: #ffffff;
  color: hsla(0,100%,100%,1);

}

.modernNav.hover {
  background: #004DB3;
  background: hsla(214,100%,35%,1);
  cursor:pointer;
  color: #ffffff;
  color: hsla(0,100%,100%,1);

}

.modernNav.right {
  float: right;
  margin-right: 6em;
}

.modernNav.left {
  float: left;
  margin-left: -8em;
}

.modernNav.red {
  background: #E58B92;
  background: hsla(355, 63%, 72%, 1.0);
  margin-top: 2em;
}
.modernNav.red:hover {
  background: hsla(355, 83%, 43%, 1.0);
}

ol {
  list-style-type: none;
  margin-left: 10px;
  margin-top: 1em;
}

.alert {

  /*background-color:hsla(52,100%,90%,1);*/
  /*border-color:hsla(0,100%,50%,1);*/
  color:#F00;
  color:hsla(0,100%,50%,1);

}

.close {

  display: none;

}

.undecorated li {
  margin-bottom:0px;
  list-style-type: none;
}

/*.control-group * {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;

}*/

#thankYouPreamble {

  font-size: 1.4em;
  margin-top: 40px;
  line-height: 1.4em;

}


#circularG{
  position: relative;
  /* display: inline-block; */
  float: right;
  /* margin-right: 1em; */
  width: 32px;
  height: 32px;
  margin-top: 1em;
}

.circularG{
position:absolute;
background-color: #7578FF;
background-color: hsla(239, 100%, 73%, 1.0);
width:7px;
height:7px;
-moz-border-radius:5px;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:5px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:5px;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:5px;
-o-animation-name:bounce_circularG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:5px;
animation-name:bounce_circularG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:linear;
}
/*.circularG.show{*/
/*background-color: hsla(239, 100%, 73%, 1.0);*/
/*}*/
.circularG.wheee{
background-color: #ffffff;
background-color: hsla(0, 100%, 73%, 0.0);
}

#circularG_1{
left:0;
top:13px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#circularG_2{
left:3px;
top:3px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#circularG_3{
top:0;
left:13px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#circularG_4{
right:3px;
top:3px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#circularG_5{
right:0;
top:13px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#circularG_6{
right:3px;
bottom:3px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#circularG_7{
left:13px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#circularG_8{
left:3px;
bottom:3px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circularG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}

@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@keyframes bounce_circularG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

}
