/* -- overrides ------------------------ */

.jumpstart #branding,
.jumpstart #nav-main,
.jumpstart #content {
  padding-left: 10px;
  padding-right: 10px;
  width: 880px;
}
.jumpstart #search {
  right: 5px;
}


/* -- bundle navigation ------------------ */

.bundle-navigation li {
  display: block;
  float: left;
  margin-right: 7px;
  padding: 0;
}

.bundle-navigation a {
  bottom: 0;
  color: #F3F2EE;
  display: block;
  font-weight: bold;
  height: 29px;
  font-family: "Myriad Pro", Arial, Verdana, sans-serif;
  font-size: 18px;
  left: 0;
  overflow: hidden;
  padding-top: 12px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  text-transform: uppercase;
  width: 286px;
  z-index: 3;

  filter: alpha(opacity=75);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  opacity: 0.75;
}

.bundle-navigation a:hover {
  text-decoration: underline;

  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1.0;
}

.bundle-navigation li.active a {
  text-decoration: underline;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1.0;
}

.bundle-navigation li.active {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.bnav1 a { background-color: #2f4864; }
.bnav2 a { background-color: #694c7b; }
.bnav3 a { background-color: #974429; }


/* -- bundle page ------------------------ */

.bundle-title {
  font-size: 32px;
  margin: 0.5em 0 0.8em;
  padding-right: 5px;
  text-align: right;
}

#bundle-title-equipping-missionaries { color: #2f4864; }
#bundle-title-gifts-of-compassion { color: #694c7b; }
#bundle-title-greatest-need { color: #974429; }

.bundle-frame a {
  margin: 10px 0;
}

.calculator img {
  vertical-align: -5%;
}

.action-buttons {
  float: right;
  width: 220px;
}

.action-buttons.bottom {
  margin-bottom: -40px;
  position: relative;
  top: -40px;
}

.action-buttons.top {
  position: relative;
  top: 60px;
}

.bundle-frame {
  min-height: 350px;
  table-layout: fixed;
}

.bundle-frame td {
  padding: 0;
}

.bundle-frame th {
  padding: 0;
}

.bundle-frame thead th {
  height: 66px;
  overflow: hidden;
  padding: 0;
}

.bundle-frame tbody td {
  padding: 5px 0;
}

.bundle-frame tfoot td {
  font-size: 14px;
  padding: 0.5em 0;
  text-align: center;
}

.bundle-frame .even {
  background: #d7d6d6;

}

.bundle-frame .c1 {
  text-align: right;
  vertical-align: middle;
  width: 220px;
}


.bundle-frame .c1 a {
  color: #000;
  display: block;
  float: right;
  margin: 0;
  padding: 5px 5px 5px 0;
  text-decoration: none;
}

.bundle-frame .c1 a.popupvideo {
  float: left;
  height: 32px;
  padding: 0;
  position: relative;
  width: 36px;
}

.bundle-frame .c1 a.popupvideo img {
  left: 0;
  position: absolute;
  top: 2px;
}

.bundle-frame .c1 a:hover {
  color: #333;
}

.bundle-frame .c1 img {
  padding-left: 2px;
  vertical-align: -22%;
}

.bundle-frame .c2,
.bundle-frame .c3,
.bundle-frame .c4,
.bundle-frame .c5 {
  text-align: center;
  width: 163px;
}

.bundle-frame .c2 {
  background-image: url(//www.gfamedia.org/images/jumpstart/bg-blue.png);
  background-position: 3px 0;
  background-repeat: repeat-y;
}
.bundle-frame .c3 {
  background-image: url(//www.gfamedia.org/images/jumpstart/bg-purple.png);
  background-position: 3px 0;
  background-repeat: repeat-y;
}
.bundle-frame .c4 {
  background-image: url(//www.gfamedia.org/images/jumpstart/bg-red.png);
  background-position: 3px 0;
  background-repeat: repeat-y;
}

.bundle-frame {
  position: relative;
}

.bundle-frame .bundle-head {
  position: absolute;
  top: 0;
}

.bundle-frame img {
  z-index: 2;
}

.bundle-frame .amount {
  color: #fff;
  font-weight: bold;
}

.bundle-frame .amount span {
  color: #fff;
  display: block;
  margin: 0 auto;
  min-width: 40px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  width: 30px;

  position: relative;
  z-index: 3;
}

.bundle-frame h2 {
  color: #fff;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  position: absolute;
  text-align: center;
  text-shadow: 2px 3px 3px rgba(0,0,0,0.25);
  top: -13px;
  width: 163px;
}

.bundle-frame h2 span {
  display: block;
  font-size: 22px;
  padding-top: 2px;
}

.bundle-frame button {
  margin: 10px 0;
}

.bundle-frame th.c5 {
  background: #ECECEC url(//www.gfamedia.org/images/jumpstart/fade.png) 9px 0 no-repeat;
}

.bundle-frame th.c5 span {
  color: #737577;
  font-size: 18px;
  letter-spacing: -0.1em;
  text-shadow: none;
  text-transform: uppercase;
}

.bundle-frame .c5.message {
  background: #ECECEC url(//www.gfamedia.org/images/jumpstart/fade.png) 9px -72px no-repeat;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  padding: 15px 20px;
  text-align: left;
}


.hoverbox {
  background: #ECECEC;
  border: 1px solid #000;
  color: #000;
  padding: 20px;
  width: 400px;
  z-index: 10;
  border: 4px solid #000;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  box-shadow: 0.25em 0.25em 1em rgba(0,0,0,0.25);
  -webkit-box-shadow: 0.25em 0.25em 1em rgba(0,0,0,0.25);
  -moz-box-shadow: rgba(0,0,0,0.65) 0.5em 0.25em 1em;
}

.bundle-total {
	background-color: #536377;
	border: solid 1px black;
	height: 30px;
}

.bundle-total span {
  padding-top: 5px;
}

/* -- cart page ------------------------ */

.bundle-cart {
  width: 640px;
}

.bundle-cart fieldset {
  border: 1px solid #e7e7e7;
  padding-bottom: 18px;
}

#fieldset-equipping-missionaries h2 { background-color: #2f4864; }
#fieldset-gifts-of-compassion h2 { background-color: #694c7b; }
#fieldset-greatest-need h2 { background-color: #974429; }

.bundle-cart h1 {
  font-size: 36px;
  text-transform: uppercase;
}

.bundle-cart h1 span {
  color: #666;
}

.bundle-cart h2 {
  background: #896b61;
  color: #fff;
  font-family: Georgia, Helvetica, "Times New Roman", serif;
  font-size: 32px;
  margin: -1px -1px 18px;
  padding: 0 10px;
  position: relative;
  text-shadow: 0 2px 3px rgba(0,0,0,0.25);
}

.bundle-cart h2 a {
  color: #fff;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 42px;
  position: absolute;
  right: 10px;
  text-decoration: underline;
  text-shadow: ;
}

.bundle-cart h2 a:hover {
  text-decoration: none;
}

.bundle-cart .input-text {
  padding: 5px 0 5px 10px;
  position: relative;
}

.bundle-cart label {
  display: block;
  font-size: 18px;
  font-weight: bold;
}

.bundle-cart label a {
  font-size: 10px;
}

.btn-remove:active { background-color: #666; }
.btn-remove:hover { background-color: #f7f7f7; }
.btn-remove {
  background: url(//www.gfamedia.org/images/famfamicons/cross.png) center center no-repeat;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  height: 1px;
  overflow: hidden;
  margin: 0 auto;
  padding: 16px 0 0;
  position: relative;
  top: 7px;
  width: 16px;
}

.bundle-cart .dollar {
  font-family: "Myriad Pro", Trebuchet, Verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin-right: 3px;
  position: relative;
  top: 2px;
}

.bundle-cart .input-text input {
  font-weight: bold;
}

.block-wrap {
  margin: 0 auto 100px;
  width: 640px;
}

.block {
  border: 1px solid #ccc;
  padding-bottom: 30px;
  padding-top: 30px;
}

.other-note {
  margin-bottom: 9px;
  padding-left: 10px;
}


/* -- html elements ------------------------ */

.serif {
  font-family: Georgia, "Times New Roman", serif;
}

.serif.big {
  font-size: 14px;
}


/* -- ie ------------------------ */

.ie7 .for-ie {
  position: relative;
  zoom: 1;
}

.ie7 .bundle-head {
  left: 0;
}

.ie7 button {
  font-family: Verdana, Arial, sans-serif;
  zoom: 1;
}

.ie7 .calculator img {
  vertical-align: middle;
}

@media (max-width: 980px) {
  .btn-remove {
    top: 20px;
  }
}

@media (max-width: 768px) {
  .bundle-frame thead th {
   height: 0px;
  }
	.bundle-cart {
	  width: 100%;
	}
	.btn-remove {
	  top: -22px;
	  left: 12px;
	}
  .bundle-frame .c1 {
      width: 130px;
  }
}

@media (max-width: 400px) {
  .bundle-frame .c5 {
      display: none;
  }
}