html {
  background: url('//www.gfamedia.org/images/background-slice-blue.png');
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  /*min-width: 980px;*/
}


/* -- defaults ------------------------------- */

a { color : #105cb6; text-decoration : underline; outline: 0; }
a:visited { color : #105cb6; }
a:focus, a:hover { color : #003; }
a img { border : none; }
em { font-style: italic; }
p { margin : 0 0 20px; }
pre { white-space : pre; }
strong { font-weight: bold; }
table { border-collapse: collapse; }
th { text-align: left; }
ul { list-style-type: none; }


/* -- container -----------------------------*/

.container-main {
  background: #fff;
  min-height: 600px;
}

.ie8 .container-main,
.ie7 .container-main {
  width: 980px;
}

.container-shadow {
  background: #fff url('//www.gfamedia.org/images/global-nav-bg.png') no-repeat;
  -moz-box-shadow: 0 0 6px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.55);
  box-shadow: 0 0 6px rgba(0,0,0,0.55);
  min-height: 600px;
}

.content-main {
  padding-bottom: 20px;
  padding-top: 1px;
}


/* -- header -----------------------------*/

.top-band {
  height: 34px;
  overflow: hidden;
}

.header-site {
  padding-top: 12px;
}

.ie7 .header-nav {
  z-index: 300;
  zoom: 1;
}

.logo img {
  display: block;
  margin: 0;
}


/* -- nav-country-sites -- */

.nav-country-sites {
  margin: 0 auto;
}

.nav-country-sites ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav-country-sites li {
  display: block;
  float: left;
}

.nav-country-sites a {
  display: block;
  height: 11px;
  padding: 12px 20px;
  *padding: 12px 12px;
  position: relative;
  width: 16px;
}

.nav-country-sites img {
  max-width: 16px;
}

.nav-country-sites a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  opacity: 0.9;
  -webkit-box-shadow: 0 0 8px rgba(255,255,255,0.9);
  -moz-box-shadow: 0 0 8px rgba(255,255,255,0.9);
  box-shadow: 0 0 8px rgba(255,255,255,0.9);
}


/* -- nav social -- */

.nav-social a {
  display: inline-block;
  padding-right: 5px;
  padding-top: 8px;

  *display: inline; /* ie7 */
  zoom: 1;
}

.nav-social a:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  opacity: 0.9;
  -webkit-box-shadow: 0 0 8px rgba(255,255,255,0.9);
  -moz-box-shadow: 0 0 8px rgba(255,255,255,0.9);
  box-shadow: 0 0 8px rgba(255,255,255,0.9);
}


/* -- nav international ----------------------- */

.nav-international {
  margin: 0 auto;
  width: 600px;
}

.nav-international ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav-international li {
  display: block;
  float: left;
  margin: 0 0 5px;
  overflow: hidden;
  padding-left: 21px;
  text-indent: -21px;
  width: 120px;
}

.nav-international li a {
  font-weight: normal;
  padding-right: 10px;
  color: #212121;
  text-decoration: none;
}

.nav-international li a:hover {
  /*background: #eee;*/
  text-decoration: underline;
}

.nav-international li img {
  padding-right: 5px;
  vertical-align: text-bottom;
}


/* -- nav horizontal bars ----------------*/

.nav-horizontalbars {
  margin: 0;
  padding: 0;
  text-align: center;
}

.nav-horizontalbars li {
  background: url('//www.gfamedia.org/images/pipe-dark-2px.gif') left 3px no-repeat;
  display: inline;
  padding: 0 27px;
}

.nav-horizontalbars .first {
  background: none;
}

.nav-horizontalbars .last {
  padding: 0 1px;
}

.nav-horizontalbars a,
.nav-horizontalbars a:visited,
.nav-horizontalbars a:hover,
.nav-horizontalbars a:active {
  color: #555;
  color: #212121;
  text-decoration: none;
}

.nav-horizontalbars a:hover {
  text-decoration: underline;
}


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

.confirm-box {
  background: #b4ddaa url('//www.gfamedia.org/images/famfamicons/accept.png') 12px center no-repeat;
  border: 1px solid #70c163;
  padding: 20px 20px 20px 36px;
}

.tan-border-right {
  border-right: 1px solid #f2f1ec;
}

.pipe-spaced {
  margin-left: 6px;
  margin-right: 6px;
}

.links-little {
  font-size: 11px;
}

.links-little a {
  color: #000;
}

.links-little a:hover {
  text-decoration: none;
}

.hidden { display: none; visibility: hidden; }
iframe.hidden { border: 0; display: none; visibility: hidden; height: 0; width: 0; }

#rsiframe { border: 0; height: 0; width: 0; }
#atffc { display: none; }

.icon-grey {
  background: url('//www.gfamedia.org/images/icon-grey-sprite.png') no-repeat;
  display: inline-block;
  height: 16px;
  margin-right: 3px;
  position: relative;
  top: 4px;
  width: 20px;
}

.icon-grey-camera { background-position: 0 0; }
a:hover .icon-grey-camera { background-position: 0 -16px; }
.icon-grey-photo { background-position: -20px 0; }
a:hover .icon-grey-photo { background-position: -20px -16px; }
.icon-grey-playbutton { background-position: -40px 0; }
a:hover .icon-grey-playbutton { background-position: -40px -16px; }
.icon-grey-envelope { background-position: -60px 0; top: 5px; }
a:hover .icon-grey-envelope { background-position: -60px -16px; }
.icon-grey-book { background-position: -80px 0; }
a:hover .icon-grey-book { background-position: -80px -16px; }

.video-icon-link {
  display: block;
  background: url('//www.gfamedia.org/images/wrw-icon-video.jpg') center left no-repeat;
  height: 68px;
  padding-top: 20px;
  padding-left: 100px;
}

.oldie .icon-toggle-arrow {
  font-family: "Arial Unicode MS", sans-serif;
}


/* -- longsection -----------------------------*/

.longsection {
  margin-bottom: 18px;
  left: -13px;
  position: relative;
}

.longsection.popcorn {
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  padding: 18px 31px;
  width: 918px;
}

.popcorn {
  background: url('//www.gfamedia.org/images/980/light-gray-bg-2.jpg');
}

.popcorn.bordered {
  border: 1px solid #e8ebed;
  -moz-box-shadow: inset 0 0 1px #e6e9eb;
  -webkit-box-shadow: inset 0 0 1px #e6e9eb;
  box-shadow: inset 0 0 1px #e6e9eb;
  padding: 9px;
}

.popcorn h3 { color: #2a698a; margin-bottom: 6px; }

p.tag {
  color: #000;
  font-family: Arial, sans-serif;
  font-size: 18px;
  margin-bottom: 0;
}


/* -- checkout styles ---- */

.tc-questions {
  background: #f7f7f7;
  border-radius: 18px 0 0 18px;
  padding: 18px;
  width: auto;
}

.tc-edit-cart {
  background: url('//www.gfamedia.org/images/glyphicon-cart-blue-21x19.png') left center no-repeat;
  display: inline-block;
  padding-left: 25px;

  *display: inline; /* ie7 */
  zoom: 1;
}

.tc-checkout-head {
  background: #66798a;
  color: #fff;
  font-size: 36px;
  margin: 0 0 20px 0;
  padding: 9px 20px;
}

.tc-msg {
  background: rgb(241, 243, 246);
  padding: 10px;
}

.tc-cc-cards {
  height: 30px;
  margin-top: 3px;
}


/* -- dollar sign -- */

.dollarsign {
  position: relative;
  left: 21px;
}

.ie7 .dollarsign {
  left: 0;
}

.ie7 .dollarsign {
  top: -2px;
}

.form .withdollarsign {
  padding-left: 19px;
}

.ie7 .form .withdollarsign {
  padding-left: 3px;
}

@media (max-width: 767px) {
  .dollarsign {
    margin-left: -12px;
  }
}


/* -- resource -- */

.resource-formats-link-group:hover .resource-formats-login-link {
  background: #333;
  color: #fff;
  text-shadow: none;
  -moz-transition:
    background-color 0.3s,
    color 0.3s;
  -webkit-transition:
    background-color 0.3s,
    color 0.3s;
  transition:
    background-color 0.3s,
    color 0.3s;
}

.resource-crosslink img {
	vertical-align:middle;
	margin-right:10px;
}


/* -- flag-clickdown -- */

.flag-container {
  /*z-index: 999;*/
  position: relative;
  text-align: left;
  top: 2px; 
}

.flag-container-link {
  border-radius: 3px;
  color: #000;
  display:block;
  height: 22px;
  padding-left: 10px;
  padding-right: 15px;
  padding-top: 3px;
  padding-bottom: 3px;
  text-decoration: none;
}

.flag-container-link:after {
  border-style: solid;
  border-color: #8e969f transparent transparent transparent;
  border-width: 5px 5px 0 5px;
  content:"";
  height: 0;
  left: 2px;
  position: relative;
  top: 9px;
  width: 0;
}

.flag-container-link-white .flag-container-link {
  color: #fff;
}

.flag-container-link-white .flag-container-link:after {
  border-color: #fff transparent transparent transparent;
}

.flag-container-link-black .flag-container-link:after {
  border-color: #000 transparent transparent transparent;
}

.flag-container.active .flag-container-link,
.flag-container-link:hover {
  background: rgba(255,255,255,0.7);
}

.flag-container-dropdown {
  background: #fff;
  background: rgba(255,255,255,1.0);
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
  box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
  display: none;
  position: absolute;
  width: 100%;
  z-index: 10000;
}

.flag-container.active .flag-container-dropdown {
  display: block;
}

.flag-container-dropdown:target {
  display: block;
}

.flag-container-dropdown a,
.flag-container-dropdown a:visited,
.flag-container-dropdown a:hover,
.flag-container-dropdown a:active {
  color: #000;
  display: block;
  padding: 6px 9px;
  padding-left: 7px;
  text-decoration: none;
}

.flag-container-dropdown a:hover {
  background: #eee;
}

.flag-container-img {
  margin-right: 5px;
  position: relative;
  top: 1px;
}


/* -- thumb playlist -- */

.thumb-playlist-entry {
  float: left;
  margin-left: 20px;
  min-height: 220px;
  width: 290px;
}

.thumb-playlist-link {
  position: relative;
}

.thumb-playlist-img {
  color: white;
  height: 155px;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 4px;
      moz-border-radius: 4px;
       -o-border-radius: 4px;
          border-radius: 4px;
  z-index: 1;
}

.thumb-playlist-watch-now {
  background-color: #016801;
  bottom: 0;
  color: #fff;
  opacity: 0.8;
  padding: 5px;
  position: absolute;
  right: 0;
  z-index: 3;
  -webkit-border-radius: 4px 0 4px 0;
      moz-border-radius: 4px 0 4px 0;
       -o-border-radius: 4px 0 4px 0;
          border-radius: 4px 0 4px 0;
}

.thumb-playlist-description {
  background-color: #000;
  background-color: rgba(0,0,0,0.80);
  color: #fff;
  left: 0;
  opacity: 0;
  padding: 10px 10px 0;
  position: absolute;
  height: 155px;
  top: 0;
  width: 100%;
  z-index: 2;
}

.thumb-playlist-link:hover .thumb-playlist-description {
  opacity: 1.0;
  transition: opacity 0.3s ease-in-out;
}

.thumb-playlist-name {
  font-size: 16px;
  padding-top: 10px;
}

@media (max-width: 1000px) {
}

@media (max-width: 768px) {
  .thumb-playlist-entry {
    float: none;
  }
}

/* -- buttons --------------------------- */

.abtn, .abtn:visited, .abtn:hover, .abtn:active {
  /*background: #000 url('//www.gfamedia.org/u/STATIC/g/980/img/abtn-overlay.png?e1d9221102ed') bottom left repeat-x;*/
  background-size: contain;
  border: 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,1.0),
              0 1px 6px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,1.0),
              0 1px 6px rgba(0,0,0,0.35);
  box-shadow: 0 0 1px 1px rgba(255,255,255,1.0),
              0 1px 6px rgba(0,0,0,0.35);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 5px 10px 6px;
  position: relative;
  text-decoration: none;
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.ie7 .abtn {
  overflow: visible;
  padding: 3px 9px;
  width: auto;
}

.abtn-blue, .abtn-blue:visited, .abtn-blue:hover, .abtn-blue:visited {
  background-color: #0072a7;
}

.abtn-blue:hover {
  background-color: #034f72;
}

.abtn-green, .abtn-green:visited, .abtn-green:hover, .abtn-green:visited {
  background-color: #388128;
}

.abtn-green:hover {
  background-color: #1C690B;
}

.abtn-red, .abtn-red:visited, .abtn-red:hover, .abtn-red:visited {
  background-color: #bc1717;
}

.abtn-red:hover {
  background-color: #7f0c0c;
}

.abtn-yellow, .abtn-yellow:visited, .abtn-yellow:hover, .abtn-yellow:visited {
  background-color: #e9ad0c;
}

.abtn-yellow:hover {
  background-color: #b98802;
}

.abtn-wrw-pink, .abtn-wrw-pink:visited, .abtn-wrw-pink:hover, .abtn-wrw-pink:visited {
  background-color: #ea3d76;
}

.abtn-wrw-pink:hover {
  background-color: #b32e5a;
}

.abtn-wrw-purple, .abtn-wrw-purple:visited, .abtn-wrw-purple:hover, .abtn-wrw-purple:visited {
  background-color: #9662B5;
}

.abtn-wrw-purple:hover {
  background-color: #643782;
}

.abtn-inactive, .abtn-inactive:visited, .abtn-inactive:hover, .abtn-inactive:visited {
  background-color: #aaa;
}

.abtn-symbol {
  font-size: 90%;
}

.abtn-download-small{
	background: url('//www.gfamedia.org/images/980/download-icon-small.png') no-repeat;
  display: inline-block;
  height: 12px;
  margin-right: 3px;
  position: relative;
  top: 3px;
  width: 12px;
}

.abtn-download-normal{
  background: url('//www.gfamedia.org/images/980/download-icon-normal.png') no-repeat;
  display: inline-block;
  height: 12px;
  margin-right: 6px;
  position: relative;
  top: 1px;
  width: 12px;
}

.abtn-download-large{
  background: url('//www.gfamedia.org/images/980/download-icon-large.png') no-repeat;
  display: inline-block;
  height: 15px;
  margin-right: 7px;
  position: relative;
  top: 2px;
  width: 15px;
}

.abtn-icon {
  margin-left: 5px;
  display: inline-block;
  *display: inline; /* ie7 */
  zoom: 1;
}

.abtn-icon-cart {
  background: url('//www.gfamedia.org/images/glyphicon-cart-19x20.png') top left no-repeat;
  height: 20px;
  margin-bottom: -4px;
  width: 19px;
}


/* -- btn-app --------------------------- */

.btn-app,
.btn-app:visited,
.btn-app:hover,
.btn-app:active {
  background: #ececec;
  border: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
       -o-border-radius: 4px;
          border-radius: 4px;
  color: #3c3c3d;
  cursor: pointer;
  display: inline-block;
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  padding: 5px 8px;
  position: relative;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;

  *display: inline;
  zoom: 1;
}

.ie7 .btn-app {
  padding: 4px 6px;
}

.btn-app:hover {
  background: #333;
  color: #fff;
  text-shadow: none;
}

.btn-app-left,
.btn-app-left:visited,
.btn-app-left:hover,
.btn-app-left:active {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-app-right,
.btn-app-right:visited,
.btn-app-right:hover,
.btn-app-right:active {
  border-right: 1px solid #cacaca;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-app-blue,
.btn-app-blue:visited {
  background-color: #458cab;
  color: #fff;
  text-shadow: none;
}

.btn-app-blue:hover {
  background: #333;
}

.btn-app-grey,
.btn-app-grey:visited {
  background-color: #868686;
  color: #fff;
  text-shadow: none;
}

.btn-app-grey:hover {
  background: #333;
}

.btn-app-red,
.btn-app-red:visited {
  background: #95180b;
  color: #fff;
  text-shadow: none;
}

.btn-app-red:hover {
  background: #580f08;
}

.btn-app-green,
.btn-app-green:visited {
  background: #72974e;
  color:#fff;
  text-shadow:none;
}

.btn-app-green:hover {
  background: #333;
}

.btn-app-inactive {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.btn-app-inactive:hover {
  background: #ececec;
  color: #3c3c3d;
  text-shadow: 1px 1px 0 #fff;
}

.btn-app-outline {
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 1px rgba(0,0,0,0.3);
  box-shadow: 0 0 1px rgba(0,0,0,0.3);
}


/* -- btn-radio --------------------------- */

.btn-group-horizontal .btn {
  display: inline-block;
  *display: inline;
}

.btn-radio {
  background: none;
  border: 0;
  border-color: transparent;
  cursor: pointer;
  font-family: "Trebuchet MS", sans-serif;
  font-weight: bold;
  font-size: 18px;
  padding: 8px 10px;
  text-align: left;
}

.btn-radio span {
  background: url('//www.gfamedia.org/u/STATIC/g/980/img/btn-radio.png?e1d9221102ed') no-repeat;
  display: inline-block;
  height: 17px;
  margin-right: 10px;
  position: relative;
  top: 3px;
  width: 17px;
}

.ie7 .btn-radio span {
  display: inline;
  top: -3px;
  zoom: 1;
}

.btn-radio.active {
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #f6f4ee;
  padding: 7px 9px;
}

.btn-radio.active span {
  background-position: 0 -17px;
}

.input-rounded {
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  font-size: 14px;
  padding: 5px 7px;
}

@media (max-width: 999px) {
  .input-rounded {
    font-size: 18px;
  }
}


/* -- btn-removex --------------------------- */

.btn-removex {
  border: 0;
  background: transparent url('//www.gfamedia.org/images/fc2012-btn-remove.png') top left no-repeat;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 1px;
  overflow: hidden;
  padding-top: 16px;
  position: relative;
  top: 2px;
  width: 16px;

  *display: inline;
  zoom: 1;
}

.ie7 button.btn-removex {
  height: 16px;
  top: 0;
}

.btn-removex:hover {
  background-position: 0 -27px;
}


/* -- colors --------------------------*/

.color-black {
  color: #111;
}

.color-blue {
  color: #1481ae;
}

.color-brown {
  color: #9c805c;
}

.color-darkblue {
  color: #03305a;
}

.color-darkgreen {
  color: #205755;
}

.color-darkbrown {
  color: #362a13;
}

.color-grey {
  color: #484848;
}

.color-lightgrey {
  color: #868686;
}

.color-gold {
  color: #d18809;
}

.color-red {
  color: #95180b;
}

.color-white {
  color: #fff;
}

.color-inherit,
.color-inherit:hover,
.color-inherit:visited,
.color-inherit:active {
  color: inherit;
}

.bg-black {
  background-color: #111;
}

.bg-blue {
  background-color: #1481ae;
}

.bg-brown {
  background-color: #9c805c;
}

.bg-darkblue {
  background-color: #03305a;
}

.bg-darkgreen {
  background-color: #205755;
}

.bg-darkbrown {
  background-color: #362a13;
}

.bg-grey {
  background-color: #484848;
}

.bg-lightgrey {
  background-color: #868686;
}

.bg-gold {
  background-color: #d18809;
}

.bg-red {
  background-color: #95180b;
}

.bg-white {
  background-color: #fff;
}

/* -- wrw colors -- */

.color-wrw-blue {
  color: #3662a4;
}

.color-wrw-gold {
  color: #d18809;
}

.color-wrw-green {
  color: #205755;
}

.color-wrw-grey {
  color: #515151;
}

.color-wrw-pink {
  color: #ea3d76;
}

.color-wrw-tan {
  color: #f6f5f0;
}

.bg-wrw-blue {
  background-color: #3662a4;
}

.bg-wrw-gold {
  background-color: #d18809;
}

.bg-wrw-green {
  background-color: #205755;
}

.bg-wrw-grey {
  background-color: #515151;
}

.bg-wrw-pink {
  background-color: #ea3d76;
}

.bg-wrw-tan {
  background-color: #f6f5f0;
}


/* -- typography --------------------------*/

.gfafonts {
  color: #111;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.3;
}

h1, h2, h3 {
  color: #000;
  font-size: 30px;
  font-weight: normal;
  line-height: 1.2;
  margin-top: 0;
}

.heading {
  font-family: Palatino, "Palatino Linotype", Times, serif;
}

.h1, .heading-h1 {
  font-size: 30px;
  line-height: 36px;
}

.h2, .heading-h2 {
  font-size: 26px;
  line-height: 34px;
}

.h3, .heading-h3 {
  font-size: 18px;
  line-height: 24px;
}


.text-60 { font-size: 60px; }
.text-52 { font-size: 52px; }
.text-48 { font-size: 48px; }
.text-40 { font-size: 40px; }
.text-36 { font-size: 36px; }
.text-34 { font-size: 34px; }
.text-32 { font-size: 32px; }
.text-30 { font-size: 30px; }
.text-24 { font-size: 24px; }
.text-22 { font-size: 22px; }
.text-20 { font-size: 20px; }
.text-18 { font-size: 18px; }
.text-17 { font-size: 17px; }
.text-16 { font-size: 16px; }
.text-15 { font-size: 15px; }
.text-14 { font-size: 14px; }
.text-13 { font-size: 13px; }
.text-12 { font-size: 12px; }
.text-11 { font-size: 11px; }
.text-10 { font-size: 10px; }

@media (min-width: 768px) and (max-width: 999px) {
  .tablet-text-60 { font-size: 60px; }
  .tablet-text-52 { font-size: 52px; }
  .tablet-text-48 { font-size: 48px; }
  .tablet-text-40 { font-size: 40px; }
  .tablet-text-36 { font-size: 36px; }
  .tablet-text-34 { font-size: 34px; }
  .tablet-text-32 { font-size: 32px; }
  .tablet-text-30 { font-size: 30px; }
  .tablet-text-24 { font-size: 24px; }
  .tablet-text-22 { font-size: 22px; }
  .tablet-text-20 { font-size: 20px; }
  .tablet-text-18 { font-size: 18px; }
  .tablet-text-17 { font-size: 17px; }
  .tablet-text-16 { font-size: 16px; }
  .tablet-text-15 { font-size: 15px; }
  .tablet-text-14 { font-size: 14px; }
  .tablet-text-13 { font-size: 13px; }
  .tablet-text-12 { font-size: 12px; }
  .tablet-text-11 { font-size: 11px; }
  .tablet-text-10 { font-size: 10px; }
}

@media (max-width: 767px) {
  .mobile-text-60 { font-size: 60px; }
  .mobile-text-52 { font-size: 52px; }
  .mobile-text-48 { font-size: 48px; }
  .mobile-text-40 { font-size: 40px; }
  .mobile-text-36 { font-size: 36px; }
  .mobile-text-34 { font-size: 34px; }
  .mobile-text-32 { font-size: 32px; }
  .mobile-text-30 { font-size: 30px; }
  .mobile-text-24 { font-size: 24px; }
  .mobile-text-22 { font-size: 22px; }
  .mobile-text-20 { font-size: 20px; }
  .mobile-text-18 { font-size: 18px; }
  .mobile-text-17 { font-size: 17px; }
  .mobile-text-16 { font-size: 16px; }
  .mobile-text-15 { font-size: 15px; }
  .mobile-text-14 { font-size: 14px; }
  .mobile-text-13 { font-size: 13px; }
  .mobile-text-12 { font-size: 12px; }
  .mobile-text-11 { font-size: 11px; }
  .mobile-text-10 { font-size: 10px; }
}

.text-center,
.text-centered {
  text-align: center;
}

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

.text-bold {
  font-weight: bold;
}

.text-light {
  font-weight: 300;
}

.text-semibold {
  font-weight: 600;
}

.text-italic {
  font-style: italic;
}

.text-smallcaps {
  font-variant: small-caps;
}

.text-indent p {
  margin-bottom: 0;
  text-indent: 20px;
}

.tk-myriad-pro.text-large {
  line-height: 1.34;
}

.tk-myriad-pro strong {
  font-weight: 600;
}

.text-palatino {
  font-family: Palatino, "Palatino Linotype", Georgia, Times, serif;
}

.unlink, .unlink:visited, .unlink:hover, .unlink:active {
  color: inherit;
  text-decoration: none;
}

.ie7 .unlink, .ie7 .unlink:visited, .ie7 .unlink:hover, .ie7 .unlink:active {
  color: #000;
}

.float-right {
  float: right;
}


/* -- wells ----------------------------- */

.awell {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: 20px;
}

.awell-tan {
  background: #eeeee7;
  -moz-box-shadow: inset 0 0 12px rgba(100,100,100,0.30);
  -webkit-box-shadow: inset 0 0 12px rgba(100,100,100,0.30);
  box-shadow: inset 0 0 12px rgba(100,100,100,0.30);
}

a:hover .awell-tan {
  background-color: #dfdbd6;
}

.awell-light {
  background: #fbfbfb;
  -moz-box-shadow: inset 0 0 12px rgba(100,100,100,0.30);
  -webkit-box-shadow: inset 0 0 12px rgba(100,100,100,0.30);
  box-shadow: inset 0 0 12px rgba(100,100,100,0.30);
}

a:hover .awell-light {
  background-color: #dfdbd6;
}

.ie7 .awell-light,
.ie8 .awell-light {
  background: #eee;
}

.awell-wrw {
  background: #faf8f5;
  -moz-box-shadow: inset 0 0 6px rgba(100,100,100,0.30);
  -webkit-box-shadow: inset 0 0 6px rgba(100,100,100,0.30);
  box-shadow: inset 0 0 6px rgba(100,100,100,0.30);
}

a:hover .awell-wrw{
  background-hover: #dfdbd6;
}

.awell-flat {
  background: #fbfbfb;
}


/* -- lists ----------------------------- */

.list-dot {
  list-style-type: disc;
  margin: 0;
  padding: 0;
}

.list-pad li,
.list-padding li {
  margin-bottom: 20px;
}

.list-pad div,
.list-padding div {
  margin-left: 10px;
}


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

fieldset {
  padding: 0;
}

hr {
  border: 0;
  border-top: 1px solid #ccc;
  display: block;
  height: 1px;
  margin: 10px 0;
  padding: 0;
  text-align: left;
}

.hr {
  border: 0;
}

.hr-fade {
  background: url('//www.gfamedia.org/u/STATIC/g/980/img/hr-fade.png?e1d9221102ed') repeat-x;
  height: 6px;
  margin: 10px;
}

.hr-grey {
  background-color: #999999;
  border-color: #999999;
  color: #999999;
}

.hr-orange {
  background-color: #daa03a;
  border-color: #daa03a;
  color: #daa03a;
}

.icon-play-blue {
  background: url('//www.gfamedia.org/u/STATIC/g/980/img/icon-play-blue.png?e1d9221102ed') no-repeat;
  display: inline-block;
  height: 42px;
  width: 42px;

  *display: inline;
  zoom: 1;
}

.icon-play-blue:hover {
  background-position: -42px 0;
  cursor: pointer;
}

pre {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  margin: 20px 0;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
}

pre code {
  display: block;
  padding: 6px 10px;
}

.bullet-pinkdot {
  background: url('//www.gfamedia.org/images/bullet-pinkdot.png') no-repeat;
  color: #fff;
  display: inline-block;
  height: 49px;
  line-height: 49px;
  text-align: center;
  width: 49px;
}

.box-darkgrey-subtle {
  background: url('//www.gfamedia.org/u/STATIC/g/980/img/bg-grey-subtle.png?e1d9221102ed');
  color: #fff;
  padding: 10px;
}

.order-receipt-350 {
  background: #fafafa url('//www.gfamedia.org/images/wrw-receipt-top.jpg') top left no-repeat;
}

.order-receipt-350-inner {
  background: url('//www.gfamedia.org/images/wrw-receipt-bottom.jpg') bottom left no-repeat;
  padding: 30px 20px 20px 35px;
}

.hashlink-hidden {
  display: none;
}

.hashlink-hidden:target {
  display: block;
}


/* -- nav sitesection ----------------*/

.nav-centered {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.nav-centered ul {
  float: left;
  position: relative;
  left: 50%;
  text-align: center;
}

.nav-centered li {
  display: block;
  float: left;
  position: relative;
  right: 50%;
}

.nav-sitesection {
  margin: 0;
  position: relative;
  z-index: 100;
}

.nav-sitesection > ul {
  margin: 0;
  padding: 0;
}

.nav-sitesection > li {
  margin: 0;
  padding: 0;
}

.nav-lefty > ul > li {
  display: block;
  float: left;
  min-height: 25px;
}

.nav-sitesection .right {
  float: right;
}

.nav-sitesection-link {
  display: block;
  padding: 0 15px;
}

.nav-sitesection-link,
.nav-sitesection-link:visited,
.nav-sitesection-link:hover,
.nav-sitesection-link:active {
  color: #a79271;
  font-size: 18px;
  text-decoration: none;
}

.nav-sitesection-link:hover {
  background: #f9f9f6;
  color: #233d4a;
}

.active .nav-sitesection-link {
  background: #f9f9f6;
  border-bottom: 1px solid #233d4a;
  color: #233d4a;
}

.nav-sitesection-divider {
  background: url('//www.gfamedia.org/u/STATIC/g/980/img/nav-sitesection-divider-bg.png?e1d9221102ed') left top repeat-x;
  height: 6px;
}

.nav { position: relative; }
.nav:before, .nav:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.nav:after { clear: both; }
.nav { zoom: 1; }

.nav-sitesection-dropdown {
  margin-top: -10px;
}

.nav-sitesection-link-mobile {
  display: none;
}


/* -- form defaults ----------------*/

input {
  font-size: inherit;
}

textarea {
  font-size: inherit;
  height: 150px;
  overflow: auto;
  vertical-align: top;
}

input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 5px 3px 0;
  *margin-top: 0; /* IE7 */
  line-height: normal;
  cursor: pointer;
  /*background-color: transparent;*/
  border: 0 \9; /* IE9 and down */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}


/* -- focus states -- */

.form input,
.form textarea {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

.form input:focus,
.form textarea:focus {
  outline: 0;
  outline: thin dotted \9; /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}


/* -- form ----------------*/

.form input,
.form textarea {
  background: #f7f7f7;
  color: #454545;
  border: 1px solid #dadada;
  -webkit-box-shadow: inset 0 0 4px rgba(218, 218, 218, 1.0);
     -moz-box-shadow: inset 0 0 4px rgba(218, 218, 218, 1.0);
       -o-box-shadow: inset 0 0 4px rgba(218, 218, 218, 1.0);
          box-shadow: inset 0 0 4px rgba(218, 218, 218, 1.0);
  -webkit-border-radius: 4px;
      moz-border-radius: 4px;
       -o-border-radius: 4px;
          border-radius: 4px;
  padding: 5px 5px 4px;
  font-family: "Myriad Pro", Arial, sans-serif;
  font-size: 16px;
}

.form input:focus,
.form textarea:focus {
  outline: 0;
  outline: thin dotted \9; /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.form input:focus,
.form textarea:focus {
  background: #fff;
  border-color: #aaa;
}

.form label {
  padding: 3px 0;
}

.form select {
  border: 1px solid #dadada;
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding: 4px 0;
  position: relative;
  vertical-align: middle;
}

.ie7 .form select {
  position: relative;
  top: 6px;
}

.ie8 .form select {
  height: auto;
  line-height: inherit;
}

.form-error {
  color: #95180b;
}

.form-formerror {
  border: 1px solid #e7b0b0;
  background: #f6f6f6;
  padding: 10px;
}

.form-rowerror input,
.form-rowerror textarea {
  border: 1px solid #e99595;
  -webkit-box-shadow: 0 0 4px rgba(233, 149, 149, 1.0),
                inset 0 0 4px rgba(218, 218, 218, 1.0);
     -moz-box-shadow: 0 0 4px rgba(233, 149, 149, 1.0),
                inset 0 0 4px rgba(218, 218, 218, 1.0);
          box-shadow: 0 0 4px rgba(233, 149, 149, 1.0),
                inset 0 0 4px rgba(218, 218, 218, 1.0);
}


/* -- form-sidehat ----------------*/

.form-sidehat input[type=text],
.form-sidehat textarea {
  border: 1px solid #ccc;
  padding: 5px 5px 4px;
  margin: 0;
  font-family: "Myriad Pro", Arial, sans-serif;
  font-size: 90%;
}

.form-sidehat input:focus,
.form-sidehat textarea:focus {
  border-color: #aaa;
}

.form-sidehat label {
  display: block;
  float: left;
  padding: 5px 10px 0 0;
  text-align: right;
}

.form-sidehat .row-input {
  float: left;
}

.form-sidehat .row-input-error {
  background: url('//www.gfamedia.org/images/formicon-x.png') right center no-repeat;
  padding-right: 33px;
}

.form-sidehat-rowerror input,
.form-sidehat-rowerror textarea {
  border: 1px solid #e99595;
}

.form-sidehat .row-error-message {
  color: #b40707;
  margin-bottom: 5px;
  margin-top: 20px;
}


/* -- inputs ----------------*/

.input-darkborder {
  background: #fff;
  border: 1px solid #000;
  padding: 3px 2px;
}

.input-pretty {
  border: 1px solid #c9c9c9;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 0 0 9px 1px rgba(0,0,0,0.15);
  -o-box-shadow: inset 0 0 9px 1px rgba(0,0,0,0.15);
  -webkit-box-shadow: inset 0 0 9px 1px rgba(0,0,0,0.15);
  box-shadow: inset 0 0 9px 1px rgba(0,0,0,0.15);
  font-size: 18px;
  padding: 3px 6px;
}

.form .row-input-radio ul {
  margin: 0;
  padding: 0;
}

.form .row-input-radio input {
  margin: 0;
  margin-left: 10px;
  margin-top: -3px;
  vertical-align: middle;
}

.form .row-input-radio-inline li {
  display: inline-block;
}

.form .row-input-radio-inline ul label {
  font-size: 0.8em;
  width: auto;
}


/* -- nav-clickdown --------------------- */

.nav-clickdown {
  position: relative;
  z-index: 9999;
  zoom: 1;
}

.nav-clickdown-sectionlink,
.nav-clickdown-sectionlink:visited,
.nav-clickdown-sectionlink:hover,
.nav-clickdown-sectionlink:focus {
  color: #2c353c;
  display: block;
  font-family: Verdana, sans-serif;
  font-size: 13px;
  padding-bottom: 6px;
  padding-top: 6px;
  text-align: center;
  text-decoration: none;
}

.nav-clickdown-sectionlink:hover {
  text-decoration: underline;
}

.nav-clickdown-sectionlink.unlink:hover {
  text-decoration: none;
}

.no-js .nav-clickdown-section:hover .nav-clickdown-linkblock {
  display: block;
}

.nav-clickdown-linkblock {
  background: #f1f3f5;
  border: 2px solid #fff;
  display: none;
  zoom: 1;
}

.ie7 .nav-clickdown-linkblock,
.ie8 .nav-clickdown-linkblock {
  border: 2px solid #ccc;
}

.nav-clickdown-section:target .nav-clickdown-sectionlink,
.nav-clickdown-section.active .nav-clickdown-sectionlink {
  text-decoration: underline;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.25);
}

.nav-clickdown-section:target .nav-clickdown-linkblock,
.nav-clickdown-section.active .nav-clickdown-linkblock {
  display: block;
}

.ie8 .nav-clickdown-section.active .nav-clickdown-linkblock {
  display: block; /* cries */
}

.nav-clickdown-linklist {
  list-style-type: none;
  padding: 0;
}

.nav-clickdown-link,
.nav-clickdown-link:visited,
.nav-clickdown-link:hover,
.nav-clickdown-link:active,
.nav-clickdown-linklist a,
.nav-clickdown-linklist a:visited,
.nav-clickdown-linklist a:hover,
.nav-clickdown-linklist a:active {
  color: #434343;
  display: block;
  font-family: Arial;
  font-size: 13px;
  padding: 1px 0;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(200,200,200,0.15);
}

.nav-clickdown-link:hover,
.nav-clickdown-linklist a:hover {
  text-decoration: underline;
}

.nav-clickdown-subheader {
  color: #333b3f;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}

.nav-clickdown-shadowstrip {
  background: url('//www.gfamedia.org/u/STATIC/g/980/img/nav-clickdown-shadowstrip.png?e1d9221102ed') center center no-repeat;
  background-size: contain;
  height: 8px;
}

.nav-clickdown-mobile {
  display: none;
}

.nav-clickdown-linkblock {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;

  -moz-box-shadow:
    0 0 3px 1px rgba(0,0,0,0.15),
    0 3px 16px 3px rgba(0,0,0,0.25);
  -webkit-box-shadow:
    0 0 3px 1px rgba(0,0,0,0.15),
    0 3px 16px 3px rgba(0,0,0,0.25);
  -o-box-shadow:
    0 0 3px 1px rgba(0,0,0,0.15),
    0 3px 16px 3px rgba(0,0,0,0.25);
  box-shadow:
    0 0 3px 1px rgba(0,0,0,0.15),
    0 3px 16px 3px rgba(0,0,0,0.25);

  margin-top: 10px;
  padding: 10px 15px;
}

.nav-clickdown-arrow {
  background: transparent url('//www.gfamedia.org/u/STATIC/g/980/img/nav-clickdown-arrow.png?e1d9221102ed');
  height: 15px;
  width: 18px;
  position: absolute;
  top: -15px;
}

.ie7 .nav-clickdown-arrow {
  display: none;
}

.nav-clickdown-linkblock {
  position: absolute;
}

.nav-clickdown-section {
  float: left;
  position: relative;
}


/* -- btn-clickdown --------------------- */

.btn-clickdown {
  position: relative;
}

.no-js .btn-clickdown:hover .btn-clickdown-list {
  display: block;
}

.btn-clickdown.active .btn-clickdown-list {
  display: block;
}

.btn-clickdown-link,
.btn-clickdown-link:visited,
.btn-clickdown-link:hover,
.btn-clickdown-link:active,
.btn-clickdown-link:focus {
  border-radius: 6px;
  color: #fff;
  display: block;
  margin-bottom: -5px;
  padding: 10px 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
  z-index: 2;
}

.btn-clickdown-link span {
  background: url('//www.gfamedia.org/u/STATIC/g/980/img/btn-clickdown-arrow.png?e1d9221102ed') top left no-repeat;
  display: inline-block;
  height: 10px;
  margin-left: 3px;
  position: relative;
  top: -1px;
  width: 13px;
}

.ie7 .btn-clickdown-link span {
  display: inline;
  zoom: 1;
  top: -5px;
}

.btn-clickdown-list {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  display: none;
  margin: 0 auto;
  padding: 10px 0;
  position: absolute;
  z-index: 1;
  width: 100%;
}

.btn-clickdown-list li {
  margin: 0;
  padding: 0;
}

.btn-clickdown-list a,
.btn-clickdown-list a:visited
.btn-clickdown-list a:hover
.btn-clickdown-list a:active {
  color: #fff;
  display: block;
  margin: 3px 5px;
  text-decoration: none;
}

.btn-clickdown-list span {
  border-radius: 3px;
  display: inline-block;
  padding: 3px 5px;

  *display: inline; /* ie7 */
  zoom: 1;
}

.btn-clickdown-blue .btn-clickdown-list a:hover span,
.btn-clickdown-blue .btn-clickdown-list a:active span,
.btn-clickdown-blue .btn-clickdown-list a:focus span,
.btn-clickdown-blue .active span {
  background: #464e52;
}


.btn-clickdown-blue .btn-clickdown-link {
  background: #8697a6 url('//www.gfamedia.org/u/STATIC/g/980/img/btn-clickdown-blue-bg.png?e1d9221102ed') top left repeat-x;
  background-size: contain;
  font-size: 18px;
}

.btn-clickdown-blue .btn-clickdown-list {
  background-color: #728596;
}


/* -- positioning -- */

.position-right {
  float: right;
}

/* -- animation -------------- */
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
    opacity: 0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}

.ie9 .fade-in {
  opacity: 1;
}

.fade-in.one {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
}
 
.fade-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}
 
.fade-in.three {
-webkit-animation-delay: 2.0s;
-moz-animation-delay: 2.0s;
animation-delay: 2.0s;
}

/* -- brightcove responsive -- */

.brightcove-responsive-wrapper {
  height: 0;
  position: relative;
}

.brightcove-responsive-wrapper div,
.brightcove-responsive-wrapper embed, 
.brightcove-responsive-wrapper object,
.brightcove-responsive-wrapper .BrightcoveExperience {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.brightcove-ratio-widescreen {
  padding-bottom: 56.25%;
}

.brightcove-ratio-4-3 {
  padding-bottom: 75%;
}

.ie7 .brightcove-responsive-wrapper {
  height: auto;
  padding-bottom: 0;
}

.ie7 .brightcove-responsive-wrapper object,
.ie7 .brightcove-responsive-wrapper .BrightcoveExperience {
  height: 100%;
  position: relative;
  width: 100%;
}


/* -- no js visibility -- */

.visible-no-js { display: none; }
.no-js .visible-no-js { display: inherit; }


/* -- dif block feature items -- */

.dif-item {
  margin-bottom: 20px;
}

.dif-item:hover img {
  border: 4px solid #fff;
}

.ie7 .dif-item:hover img {
  border: none;
}

.dif-label {
  background: #000; /* ie */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);

  background: rgba(0,0,0,0.6);
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #fff;
  font-family: "Myriad Pro", Arial, sans-serif;
  font-size: 22px;
  line-height: 1.15;
  margin-top: 20px;
  padding: 5px 10px 2px 15px;
  position: absolute;
}

.dif-label-small {
  font-size: 18px;
}

a:hover .dif-label {
  background: #000;
}

a:hover .dif-icon {
  color: #fff;
}

.dif-icon {
  color: #ddd;
  font-size: 13px;
  position: relative;
  top: -2px;
}

@media (max-width: 767px) {
  .dif-item {
    margin: 0 auto;
    padding-bottom: 10px;
  }
}


/* -- international -- */

.show-ca { display: none; }
.site-ca .hide-ca { display: none; }
.site-ca .show-ca { display: inherit; }

.show-gb { display: none; }
.site-gb .hide-gb { display: none; }
.site-gb .show-gb { display: inherit; }

.show-us { display: none; }
.site-us .hide-us { display: none; }
.site-us .show-us { display: inherit; }

.show-za { display: none; }
.site-za .hide-za { display: none; }
.site-za .show-za { display: inherit; }


/* -- checkout -- */

.checkout-nav-international ul {
  margin: 0;
  padding: 0;
}

.checkout-nav-international li {
  list-style-type: none;
  padding: 5px 10px;
}

.checkout-nav-international a {
  text-decoration: none;
}

.checkout-nav-international a:hover {
  text-decoration: underline;
}

.checkout-nav-international img {
  margin-right: 5px;
}

/* -- shadows -- */

#nav-cover {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
  background-color: #000;
  opacity: 0.6;
  transform: translate3d(0px, 0px, 0px);
  z-index: 1000;
}

.bg-shadow-light {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    background-size: cover;
}

.bg-shadow {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.4);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    background-size: cover;
}

.bg-shadow-medium {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.65);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.bg-shadow-dark {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.8);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
html, body {
  height: 100%;
}

.modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #000;
  opacity: .55;
  filter: alpha(opacity=55);
  z-index: 10001;
  zoom: 1;
}

* html .modal-overlay {
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.modal-window {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  z-index: 10002;
  zoom: 1;
}

* html .modal-window {
  position: absolute;
  top: expression(document.documentElement.scrollTop + (document.documentElement.clientHeight / 2) + 'px');
}

.modal-image {
  background: #000;
  border: 1em solid #333;
  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;
}

.modal-flash-video {
  background: #000;
  border: 1em 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;
}

.modal-flash-photoshow {
  background: #fff;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  box-shadow: 0.25em 0.25em 2em rgba(0,0,0,0.25);
  -webkit-box-shadow: 0.25em 0.25em 2em rgba(0,0,0,0.25);
  -moz-box-shadow: rgba(0,0,0,0.65) 0.25em 0.25em 2em;
}

.modal-close {
  background: url('//www.gfamedia.org/images/modal/close-trans.png') no-repeat;
  position: absolute;
  width: 32px;
  height: 32px;
  right: -12px;
  overflow: hidden;
  cursor: pointer;
  opacity: .75;
  top: -8px;
  z-index: 10003;
}

.modal-close:hover {
  opacity:.99;
}

/* BrightCove */
.brightcove-modal {
  background: #000;
  border: 1em solid #000;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  -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;
  box-shadow: 0.25em 0.25em 1em rgba(0,0,0,0.25);
}

html, body {
  height: 100%;
}

.modal2-overlay {
  background: #000;
  bottom: 0;
  left: 0;
  height: 100%;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10001;
  zoom: 1;
}

.modal2-overlay-opaque {
  filter: alpha(opacity=55);
  opacity: .55;
  transition: opacity 0.15s;
}

* html .modal2-overlay {
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.modal2-window {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  left: 0;
  right: 0;
  padding: 0;
  position: absolute;
  transition: top 0.4s ease-out;
  top: -1000px;
  z-index: 10002;
  zoom: 1;
  text-align: center;
}

.modal2-content {
  display: inline-block;
  *display: inline;
  margin: 0 auto;
  position: relative;
  text-align: left;
}

@media (max-width: 767px) {
  .modal2-window {
    margin: 0 auto;
    max-height: 90%;
    max-width: 95%;
    width: 95%;
  }

  .modal2-content {
    display: block;
  }

  .modal2-content img {
    max-height: 100%;
  }
}

* html .modal2-window {
  position: absolute;
}

.modal2-close {
  background: url('//www.gfamedia.org/images/modal/close-trans.png') no-repeat;
  cursor: pointer;
  height: 32px;
  overflow: hidden;
  opacity: .75;
  position: absolute;
  right: -12px;
  top: -8px;
  width: 32px;
  z-index: 10003;
}

.modal2-close:hover {
  opacity:.99;
}

.modal2-brightcove .modal2-content {
  background: #000;
  border: 10px solid #000;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.55);
     -moz-box-shadow: 0 0 10px rgba(0,0,0,0.55);
          box-shadow: 0 0 10px rgba(0,0,0,0.55);
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }

/* colors for form validity */
input:valid   {  }
input:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid { background-color: #f0dddd; }

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 


.form-message {
  background: #ffeb8f;
  border: 1px solid #af0a0a;
  color: #4f0000;
  margin: 10px 0 20px;
  padding: 5px;
  max-width: 97%;
  width: 500px;
}

.form-message h3 {
  background: url('//www.gfamedia.org/images/famfamicons/exclamation.png') 0 3px no-repeat;
  color: #4f0000;
  padding-left: 20px;
}

.form-message li {
  margin-left: 18px;
  list-style-type: disc;
}

.form-0 {
  margin-bottom: 1em;
  position: relative;
}

.form-1 {
  margin-bottom: 1em;
  position: relative;
}

.form-0 .field-error-message {
  color: darkred;
  display: block;
  padding: 0 0 10px 190px;
}

.form-0 fieldset {
  border: 0;
  margin: 0 0 1em;
  padding: 0;
}

.form-1 fieldset {
  border: 0;
  margin: 0 0 1em;
  padding: 0;
}

.form-0 label {
}

.form-0 input.address {
  width: 300px;
}

.form-0 input.city {
  width: 150px;
}

.form-0 input.email {
  width: 200px;
}

.form-0 input.password {
  width: 100px;
}

.form-0 input.postal_code {
  width: 125px;
}

.form-0 input.state {
  width: 100px;
}

.form-0 input.zip {
  width: 125px;
}

.form-0 input.quantity {
  width: 50px;
}

.form-0 button {
  margin-left: 185px;
}

.form-1 button {
  margin-left: 185px;
}

.form-0 button.left {
  margin-left: 0px;
}

.form-1 button.left {
  margin-left: 0px;
}

.form-0 .field-error input {
  background: #ffeb8f;
}

.form-0 .feedback {
  display: none;
}

.form-0 .field-note {
  color: #666;
  font-size: 0.9em;
  padding-left: 1em;
}

.form-0 .help-text {
  font-size: 80%;
  color: #555;
  margin: 0 0 -9px;
  padding-left: 190px;
  position: relative;
  top: -7px;
}

.form-0 .input-checkbox {
  clear: both;
  margin: 1em 0;
}

.form-0 .input-text {
  clear: both;
  padding: 5px 0;
}

.form-1 .input-text {
  clear: both;
  padding: 5px 0;
}

.form-0 .input-text input {
  float: left;
  margin-left: 0px;
}

.form-1 .input-text input {
  float: left;
  margin-left: 0px;
}

.form-0 .input-text label {
  display: block;
  float: left;
  font-weight: bold;
  padding-right: 10px;
  text-align: right;
  width: 180px;
}

.form-1 .input-text label {
  display: block;
  float: left;
  font-weight: bold;
  padding-right: 10px;
  text-align: right;
  width: 180px;
}

.form-0 .input-radio {
  clear: both;
  padding: 5px 0;
}

.form-0 .input-select {
  clear: both;
  padding: 5px 0;
}

.form-0 .input-select label {
  display: block;
  float: left;
  font-weight: bold;
  padding-right: 10px;
  text-align: right;
  width: 180px;
}

.form-0 .input-submit {
  clear: both;
  padding: 5px 0;
}

.credit-card {
  margin: 10px 0;
}

.credit-card input {
  margin-right: 5px;
}

.credit-card select {
  margin-right: 4px;
}

.credit-card img {
  margin-left: 190px;
  margin-top: 10px;
}

.form-0 .currency {
  width: 5em;
}

.form-0 .credit-card-inline {
  margin: 2em 0 2em 20px;
}

.form-0 .credit-card-inline ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.form-0 .credit-card-inline li {
  float: left;
  padding-right: 15px;
}

.form-0 .credit-card-inline img {
  position: relative;
  top: 0.5em;
}

.form-0 .credit-card-inline label {
  display: block;
  float: none;
  font-weight: bold;
  text-align: left;
  width: auto;
}

.form-0 .credit-card-inline select {
  margin-right: 5px;
}

.form-0 .credit-card-inline .input-text {
  padding: 0;
}

.sn {
  background: url('//www.gfamedia.org/images/buttons/button_white_128x35.gif') no-repeat scroll left top;
  border: 0;
  color: #8c402a;
  cursor: pointer;
  font: bold 0.9em Arial, Sans-serif;
  height: 34px;
  line-height: 34px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 128px;
}


.sl {
  background: url('//www.gfamedia.org/images/buttons/button_white_s_200px.gif') no-repeat scroll left top;
  border: 0;
  color: #8c402a;
  cursor: pointer;
  font: bold 0.9em Arial, Sans-serif;
  height: 34px;
  line-height: 34px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 200px;
}

.button-1 {
  background: #8f0000;
  border: 0.5em solid #8f0000;
  border-radius: 0.5em;
  color: #fff;
  cursor: pointer;
  font-size: 1.4em;
  margin: 1em 0;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  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.25em 0.25em 0.5em;
}   

.button-1:hover {
  background: #6f0000;
  border: 0.5em solid #6f0000;
}   

.button-2 {
  background: #4f4a82;
  border: 0.5em solid #4f4a82;
  border-radius: 0.5em;
  color: #fff;
  cursor: pointer;
  font-size: 1.4em;
  margin: 1em 0;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  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.25em 0.25em 0.5em;
}   

.button-2:hover {
  background: #b3add6;
  border: 0.5em solid #b3add6;
  color: #000;
}   

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

button.link {
  font-size: inherit;
  color: blue;
  cursor: pointer;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  -moz-user-select: text; 
  text-align: left;
}

button.link span {
  text-decoration: underline;
}

button.link:hover {
  color: #00016f;
}

button::-moz-focus-inner{
  padding:0;
  border: 0;
}

/* ZipCodeMagic highlighting */
.zip-highlighted, div form .zip-highlighted {
  background: #ffa;
}

.photoshow.large.format {
  color: #fff;
  margin: 0 auto 18px;
  padding: 18px 0;
  position: relative;
  width: 648px;
}

.photoshow.large.format .carousel-slides {
  min-height: 268px;
  position: relative;
}

.photoshow.large.format .carousel-slides .slide {
  display: block;
  margin: 0;
  height: 100%;
  padding: 0;
  width: 100%;
}

.photoshow.large.format .slide p {
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
}

.photoshow.large.format .slide-links {
  clear: left;
  float: left;
  left: 50%;
  margin: 0 !important;
  position: relative;
}

.photoshow.large.format .slide-links li {
  display: block;
  float: left;
  margin-right: 5px;
  position: relative;
  right: 50%;
}

.photoshow.large.format .slide-links a {
  background: #1e1e1e;
  border: 2px solid #1e1e1e;
  color: #fff;
  display: block;
  font-size: 20px;
  padding: 1px 6px;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(255,255,255,0.1);
}

.photoshow.large.format .slide-links .active a {
  background: #e7e7e7;
  color: #000;
  border: 2px solid #037ad5;
}

.photoshow.large.format .carousel-links {
  float: left;
  margin-left: -5%;
  padding: 10px 0;
  position: relative;
  width: 110%;
}

.photoshow.large.format .carousel-links .prev {
  background: url('//www.gfamedia.org/images/carousel/carousel-prev.png') no-repeat;
  display: block;
  height: 1px;
  left: 0;
  overflow: hidden;
  padding-top: 39px;
  position: absolute;
  width: 43px;
  z-index: 3;
}

.photoshow.large.format .carousel-links .next {
  background: url('//www.gfamedia.org/images/carousel/carousel-next.png') no-repeat;
  display: block;
  height: 1px;
  overflow: hidden;
  padding-top: 39px;
  position: absolute;
  right: 0;
  width: 43px;
  z-index: 3;
}

.photoshow.large.format.overflow-nav .prev {
  left: -60px;
}

.photoshow.large.format.overflow-nav .next {
  right: -60px;
}


.photoshow.large.format .carousel-links .prev:hover,
.photoshow.large.format .carousel-links .next:hover {
  -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=90)";
  filter: alpha(opacity=90);
  opacity: 0.9;
}

.photoshow.large.format .carousel-slides {
  min-height: 560px;
}

.photoshow.large.format .carousel-slides img {
  display: block;
  margin: 0 auto;
  position: static;
}

.photoshow.large.format .carousel-slides p {
  float: none;
  padding-left: 0;
  width: auto;
}

/* -- brightcove playlist ----- */

.playlist-section-bottom {
  min-height: 465px;
  padding-bottom: 20px;
}

.playlist-entry {
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  float: left;
  margin-left: 20px;
  margin-top: 20px;
  width: 310px;
}

.playlist-entry-thumbnail {
  margin-bottom: 5px;
}

.playlist-entry-thumbnail-overlay {
  display: block;
  height: 98px;
  position: absolute;
  width: 290px;
}

.playlist-entry-link:hover .playlist-entry-thumbnail-overlay,
.playlist-entry-link.brightcove-playlist-active .playlist-entry-thumbnail-overlay {
  background: url('//www.gfamedia.org/images/fc2012-icon-playbutton-76x76.png') center center no-repeat;
}

.playlist-entry-small {
  border: 1px solid #fff;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  float: left;
  margin-left: 20px;
  margin-top: 20px;
  width: 224px;
}

.playlist-entry-small-thumbnail {
  margin-bottom: 5px;
}

.playlist-entry-small-thumbnail-overlay {
  display: block;
  height: 69px;
  position: absolute;
  width: 204px;
}

.playlist-entry-link:hover .playlist-entry-small-thumbnail-overlay,
.playlist-entry-link.brightcove-playlist-active .playlist-entry-small-thumbnail-overlay {
  background: url('//www.gfamedia.org/images/fc2012-icon-playbutton-76x76.png') center center no-repeat;
  background-size: 60px 60px;
}

.playlist-entry-name {
  margin-bottom: 5px;
}

.playlist-entry-watch {
  margin-bottom: 0;
}

.playlist-entry-watch img {
  vertical-align: baseline;
}

.playlist-entry-link,
.playlist-entry-link:visited,
.playlist-entry-link:hover,
.playlist-entry-link:active {
  color: #fff;
  font-size: 16px;
  font-family: "Myriad Pro", Arial, sans-serif;
  text-align: center;
  text-decoration: none;
}

.playlist-entry-link:hover {
  background: #000;
}

.playlist-entry-link-watch {
  background: #333;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  display: block;
  padding: 10px;
}

.playlist-entry-with-download .playlist-entry-link-watch {
  -webkit-border-bottom-left-radius: 0;
     -moz-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
     -moz-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
}

.playlist-entry-link-download {
  background: #595959;
  -webkit-border-bottom-left-radius: 4px;
     -moz-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
     -moz-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  display: block;
  padding: 10px;
}

.brightcove-caption-hidden {
  display: none;
}

.ie7 .brightcove-ie-fix {
  height: 360px;
}

.ie7 .playlist-section-top,
.ie8 .playlist-section-top {
  height: 360px;
}


@media (min-width: 968px) {
  .playlist-section-top {
    height: 360px;
  }
}

@media (min-width: 768px) and (max-width: 967px) {
  .playlist-section-top {
    height: 282px;
  }

  .playlist-entry {
    margin-left: 14px;
    width: 245px;
  }

  .playlist-entry-thumbnail-overlay {
    height: 76px;
    width: 223px;
  }
  
  .playlist-entry-small {
    margin-left: 14px;
    width: 179px;
  }

  .playlist-entry-small-thumbnail-overlay {
    height: 55px;
    width: 163px;
  }
}

@media (max-width: 767px) {
  .playlist-entry {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .playlist-entry-thumbnail-overlay {
    display: none;
  }
  
  .playlist-entry-small {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .playlist-entry-small-thumbnail-overlay {
    display: none;
  }
}

/* -- form styles -- */

.form-row { position: relative; }
.form-row:before, .form-row:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.form-row:after { clear: both; }
.form-row { zoom: 1; }

.form-error-message,
.form-row-error-message {
  color: #95180b;
  box-shadow: 0 0 2px #95180b;
  margin-bottom: 3px;
  background: #eecbc8;
  padding: 5px;
}

.form-row-error-message {
  max-width: 400px;
}

.form-error-message {
  margin-bottom: 20px;
}

.form-row-label-help-text {
  color: #444;
  font-size: 12px;
}

@media (max-width: 767px) {
  .form-row-label-help-text {
    text-align: right;
  }
}

.form-row-help-text {
  color: #444;
  font-size: 12px;
  padding-top: 5px;
}

.input-group { position: relative; }
.input-group:before, .input-group:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.input-group:after { clear: both; }
.input-group { zoom: 1; }

.input-group-label {
  background: #f0f0f0;
  border: 1px solid #c0c0c0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 34px;
  position: absolute;
  text-align: center;
  width: 30px;
  bottom: 0;
  left: 0;
  top: 0;
  z-index: 2;
}

.input-group-control {
  margin-left: -2px;
  padding-left: 30px;
  position: relative;
  z-index: 1;
}

.input-email,
.input-number,
.input-text,
.input-password {
  border: 1px solid #c0c0c0;
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing: border-box;
  color: #333;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  max-width: 400px;
  padding: 8px;
}

.input-textarea {
  border: 1px solid #aaa;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing: border-box;
  color: #333;
  font-size: 16px;
  line-height: 1.2;
  margin: 0 5px 0 0;
  max-width: 400px;
  padding: 5px 7px;
}

.input-select {
  font-size: 18px;
  max-width: 400px;
  padding-bottom: 8px;
  padding-top: 8px;
}

.radio-group {
  list-style-type: none;
  margin: 0;
  padding: 5px 0;
}


/* -- form-sidelabels -- */

.form-sidelabels .formrow-label {
  float: left;
  padding-right: 15px;
  max-width: 150px;
  min-height: 1px;
  width: 33%;
}

.form-sidelabels .formrow-input {
  float: left;
  width: 60%;
}

.form-sidelabels .label {
  display: block;
  padding-top: 6px;
  text-align: right;
  vertical-align: middle;
}

.form-sidelabels .input-email,
.form-sidelabels .input-number,
.form-sidelabels .input-text,
.form-sidelabels .input-password,
.form-sidelabels .input-textarea,
.form-sidelabels .input-select {
  width: 100%;
}

.form-sidelabels .input-checkbox-field {
  display: block;
  float: left;
  max-width: 150px;
  padding-right: 15px;
  text-align: right;
  width: 33%;
}

.form-sidelabels .input-checkbox-label-text {
  display: block;
  float: left;
  width: 60%;
}

.form-sidelabels .form-row { padding: 0 1px; margin-bottom: 10px; }


/* -- form-toplabels -- */

.form-toplabels .form-row {
  padding: 10px 0;
  position: relative;
}

.form-toplabels .label {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing: border-box;
  color: #555;
  display: block;
  font-size: 16px;
  padding-bottom: 4px;
}

.form-toplabels .input-email,
.form-toplabels .input-number,
.form-toplabels .input-text,
.form-toplabels .input-password,
.form-toplabels .input-textarea,
.form-toplabels .input-select {
  width: 100%;
}

.form-toplabels .input-checkbox-field {
  display: inline-block;
  vertical-align: top;
}

.form-toplabels .input-checkbox-label-text {
  display: inline-block;
  max-width: 380px;
}

.form-toplabels .form-row-select-multiple-checkbox-choices {
  margin-top: 10px;
}

@media (max-width: 767px) {
  .input-email,
  .input-number,
  .input-text,
  .input-password,
  .input-textarea {
    font-size: 16px;
  }

  .form-toplabels .formrow-label {
    float: left;
    padding-right: 15px;
    max-width: 150px;
    min-height: 1px;
    text-align: left;
  }

  .form-toplabels .label {
    display: block;
    font-size: 13px;
    text-align: right;
    padding-top: 5px;
  }

  .form-toplabels .input-checkbox-field {
    display: block;
    float: left;
    padding-right: 15px;
    text-align: right;
    width: 33%;
  }

  .form-toplabels .input-checkbox-label-text {
    display: block;
    float: left;
    width: 60%;
  }

  .select-box {
    width: 100%;
  }
}

.select-box {
  height: 36px;
  position: relative;
}

.js .select-box-input,
.js .select-box-input select {
  border: 0;
  display: block;
  font-size: 14px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.js .select-box-overlay {
  background-color: #fff;
  background-image: url('//www.gfamedia.org/images/glyphicons_halflings_113_thin_bottom_arrow_grey.png');
  background-repeat: no-repeat;
  background-position: 95% center;
  background-position: calc(100% - 9px) center;
  bottom: 0;
  border: 1px solid #aaa;
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing: border-box;
  color: #333;
  display: block;
  left: 0;
  font-size: 14px;
  line-height: 30px;
  max-width: 400px;
  overflow: hidden;
  padding: 2px 8px 8px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.js .form-sidelabels .select-box {
  max-width: 400px;
}

.js .form-toplabels .select-box {
  max-width: 400px;
}

.js .select-box-overlay.focused {
  border: 1px solid #000;
}

.no-js .select-box-overlay {
  display: none;
}

.ie7 .select-box-overlay,
.ie8 .select-box-overlay {
  display: none;
}

.ie7 .select-box-input,
.ie7 .select-box-input select,
.ie8 .select-box-input,
.ie8 .select-box-input select {
  border: 1px solid #ccc;
  display: block;
  position: auto;
  height: auto;
  z-index: 2;
}

.block-success,
.message-success {
  background-color: #b4ddaa;
  box-shadow: 0 0 1px 1px #529048;
  padding: 10px;
}

.message-success::before {
  content: "\f058";
  font-family: FontAwesome;
  color: #529048;
  padding-left: 5px;
  padding-right: 10px;
}

.block-error,
.message-error {
  background-color: #eecbc8;
  box-shadow: 0 0 2px #95180b;
  color: #95180b;
  padding: 10px;
}

.message-error::before {
  content: "\f071";
  font-family: FontAwesome;
  color: #95180b;
  padding-left: 5px;
  padding-right: 10px;
}

.message-warning {
  background-color: #f2ec5c;
  box-shadow: 0 0 1px 1px #bfc171;
  padding: 10px;
}

.message-warning::before {
  content: "\f071";
  font-family: FontAwesome;
  color: #84854f;
  padding-left: 5px;
  padding-right: 10px;
}

@media (max-width: 767px) {
  .js .select-box-overlay {
    background-size: 9px 6px;
    font-size: 12px;
  }
}


/* -- payment form -- */

.cc-icon-row img {
  display: inline-block;
  opacity: 0.9;
  margin-bottom: 5px;
  margin-right: 5px;
  vertical-align: middle;
}

.form-payment .label {
  color: #444;
  font-size: 13px;
  font-weight: bold;
}

.form-payment .label span {
  color: #777;
  font-size: 0.9em;
  font-weight: normal;
}

.form-payment .form-row-label-help-text {
  color: #777;
  margin-bottom: 5px;
}

/* buttons */

.dbtn,
.dbtn:visited,
.dbtn:hover,
.dbtn:active {
  background-color: #ececec;
  background-image: linear-gradient(bottom, rgb(234,234,234) 3%, rgb(238,238,238) 62%);
  background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 3%, rgb(238,238,238) 62%);
  background-image: -moz-linear-gradient(bottom, rgb(234,234,234) 3%, rgb(238,238,238) 62%);
  border: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
       -o-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.6);
     -moz-box-shadow: 0 0 3px rgba(0,0,0,0.6);
       -o-box-shadow: 0 0 3px rgba(0,0,0,0.6);
          box-shadow: 0 0 3px rgba(0,0,0,0.6);
  color: #3c3c3d;
  cursor: pointer;
  display: inline-block;
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  padding: 5px 8px;
  position: relative;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;

  *display: inline;
  zoom: 1;
}

.dbtn:hover {
  background: #ccc;
  background-image: -webkit-linear-gradient(bottom, rgb(210,210,210) 3%, rgb(242,242,242) 62%);
}

.dbtn-red,
.dbtn-red:visited,
.dbtn-red:hover,
.dbtn-red:active {
  background: rgb(149, 24, 11);
  background-image: -webkit-linear-gradient(bottom, rgb(149, 24, 11) 3%, rgb(201,32,15) 62%);
  color: #fff;
  text-shadow: none;
}

.dbtn-red:hover {
  background-image: -webkit-linear-gradient(bottom, rgb(110, 24, 11) 3%, rgb(230,32,15) 62%);
}

.dbtn-green,
.dbtn-green:visited,
.dbtn-green:hover,
.dbtn-green:active {
  background: #72974e;
  background-image: -webkit-linear-gradient(bottom, rgb(81,164,83) 3%, rgb(86,208,89) 62%);
  box-shadow: 0 0 3px rgba(0,0,0,0.9);

  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.15);
}

.dbtn-green:hover {
  background-image: -webkit-linear-gradient(bottom, rgb(81,154,83) 3%, rgb(86,218,89) 62%);
}

.nav-search-form {
  width: 100%;
  height: 40px;
  padding: 2px 4px;
  display: inline-block;
}
.nav-search-form .form-button {
  width: 15%;
  height: inherit;
  background: #4672ed;
  border: 1px solid #375ec9 !important;
  border-radius: 0;
  line-height: 33px;
  box-sizing: border-box;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-appearance: none;
}
.nav-search-form .form-button span {
  color: #fff;
  font-size: 20px;
  font-family: 'Arial', sans-serif;
}
.nav-search-form input.form-textbox {
  width: 82%;
  height: inherit;
  border: 1px solid #ddd;
  padding-left: 5px;
  padding-right: 3px;
  margin: 0;
  font-size: 16px;
  border-right: none;
  box-sizing: border-box;
  border-radius: 0;
  -webkit-appearance: none;
}
.nav-search-form input.form-textbox:focus {
  border: 1px solid #4672ed;
  border-right: none;
  box-shadow:none;
}

/* google search customizations */
/* page results */
@media (max-width: 767px) {
  .gsc-cursor-page {
    font-size: 13px;
    background: #f9f9f9;
    border: 1px solid #cacaca;
    -webkit-border-radius: 2px;
    padding: 4px 5px;
  }
  #nav-search .nav-search-form input.form-textbox {
    width: 75%;
  }
  .nav-search-form .form-button {
    background-color: #e1dab0;
    border-color: #dace96 !important;
  }
  .nav-search-form input.form-textbox:focus {
    border-color: #dace96;
  }
}

   #faq dt { background: #7E7A93; color: #fff; font-family: Arial; margin: 0 0 1em; padding: 4px 5px; }
   #faq dd { line-height: 1.6; }
   #faq .index { list-style-type: decimal; margin-left: 30px; }
   
   .gfa-faq {
     -webkit-transition-delay: 2s; /* Safari */
     transition-delay: 2s;
   }
   
   .headline-financial {
     /*background-image: url('//www.gfamedia.org/images/about/faq/fin-header-small.jpg');
     background-repeat: no-repeat;*/
   }
   
   .faq-question {
     color: #9C805C;
     font-family: 'myriad-pro', sans-serif;
     font-size: 30px;
     font-weight: 500;
     font-size: 18px;
     cursor: pointer;
     margin: 7px 0 0 0px;
   }
   
   .faq-question:hover {
     color: #3D3223;
     text-decoration: underline;
     /* TRANSITION */
     -webkit-transition: color 0.3s;
     -moz-transition: color 0.3s;
     -o-transition: color 0.3s;
     transition: color 0.3s;
   }
   
   .faq-question-active {
     color: #3D3223;
     text-decoration: underline;
     font-weight: 600;
     /*background: #ddd;*/
   }
   
   .faq-question-closed {
     padding-right: 20px;
     background-image: url('//www.gfamedia.org/images/about/faq/circle-close.png');
     background-repeat: no-repeat;
     position: relative;
     top: 5px;
     /* TRANSITION */
     -webkit-transition: background 1s;
     -moz-transition: background 1s;
     -o-transition: background 1s;
     transition: background 1s;
   }
   
   .faq-question-opened {
     padding-right: 20px;
     background-image: url('//www.gfamedia.org/images/about/faq/circle-open.png');
     background-repeat: no-repeat;
     position: relative;
     top: 5px;
     /* TRANSITION */
     -webkit-transition: background 1s;
     -moz-transition: background 1s;
     -o-transition: background 1s;
     transition: background 1s;
   }
   
   .faq-header-box {
     color: #484848;
     font-family: 'myriad-pro', sans-serif;
     font-size: 30px;
     font-weight: 600;
     text-decoration: none;
     padding: 5px 0 10px 0;
     margin-bottom: 0;
   }
   
   .faq-add-border {
     border-style: solid;
     border-width: 1px;
     margin: 10px 0 10px 0;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     border-radius: 6px;
   }
   
   .faq-answer {
     color: #484848;
     font-family: 'myriad-pro', sans-serif;
     font-size: 15px;
     margin: 8px 0 10px -1px;
     padding: 7px 30px 0 30px;
     line-height: 1.4;
     background-image: url('//www.gfamedia.org/images/about/faq/rpt-border.png');
     background-repeat: repeat-y;
     /*

     border-left: 1px solid #000;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     border-radius: 6px;
     
     */
   }

   .faq-answer-side {
     font-size: 14px;
     font-family: 'myriad-pro', sans-serif;
     line-height: 1.4;
   }
   
   .faq-answer-side span {
     color: #484848;
     font-size: 14px;
     font-family: Palatino,"Palatino Linotype",Times,serif;
     line-height: 1.4;
     margin-bottom: 10px;
   }
   
   .faq-grey-well {
     color: #484848;
     background: #F2F2F2;
     padding: 20px;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     border-radius: 6px;
   }
 
   .faq-pullquote-well {
     color: #484848;
     background: #F7F7F7;
     font-size: 12px;
     font-family: Palatino,"Palatino Linotype",Times,serif;
     padding: 20px 20px 10px 20px;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     border-radius: 6px;
   }
   
   .faq-pullquote-well span {
     color: #484848;
     font-size: 12px;
     font-family: 'myriad-pro', sans-serif;
   }    
     
   .faq-close {
     cursor: pointer;
     color: #105CB6;
     text-decoration: underline;
   }
   
   .faq-toggle {
     
   }
   
   @media (max-width: 767px) {
     .faq-question span {
       display: none;
     }
   }
  
    .mygfastory-dif-label {
      background: #000; /* ie */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      filter: alpha(opacity=80);
    
      background: rgba(59, 117, 182, 0.8);
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -moz-border-top-right-radius: 4px;
      -moz-border-bottom-right-radius: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      color: #fff;
      font-family: "Myriad Pro", Arial, sans-serif;
      font-size: 22px;
      line-height: 1.15;
      margin-top: 20px;
      padding: 10px 16px 8px 15px;
      position: absolute;
    }
    
    a:hover .mygfastory-dif-icon {
      color: #fff;
    }
    
    .mygfastory-dif-icon {
      color: #ddd;
      font-size: 13px;
      position: relative;
      top: 1px;
      left: 4px;
    }
    
    .mygfastory-name-box {
      background: #d18809;
      color: #fff;
      font-size: 30px;
      padding: 10px;
      padding-left: 190px;
    }

    .mygfastory-name-box img {
      position: relative;
      left: -36px;
      top: 56px;
    }

    .mygfastory-name-box-blue {
      background: #16a0bd;
      color: #fff;
      font-size: 30px;
      padding: 10px;
      margin-left: 190px;
    }

    
    .mygfastory-story-box p {
      margin-top: 20px;
      margin-left: 20px;
      font-size: 16px;
    }

    .mygfastory-story-image {
      margin: 30px;
      width: 110px;
      height: 110px;
      position: relative;
      top: -88px;
    }

    .mygfastory-story-hero {
      position: relative;
      top: 25px;
      width: 100%;
    }

  @media (max-width: 1000px) {
    .mygfastory-name-box {
    }
  }
  
  @media (max-width: 767px) {
    .mygfastory-name-box {
      width: 100%;
      padding: 5px;
    }
    
    .mygfastory-story-image {
      margin: 30px;
      width: 90px;
      height: 90px;
      position: relative;
      top: -1px;
    }
    
    .mygfastory-name-box-blue {
      position: relative;
      /*left: -150px;*/
      margin-left: 10px;
      top: 10px;
    }
  }

        .p-global-alert {
          background: #4FC2B9;
          text-align:center; 
          width:100%;
          min-height:40px;
          padding-top: 8px;
        }
       

        .p-global-alert a {
          text-decoration:none;
          color: black;
          font-size: 14px;
        }
        
        @media (max-width: 1000px) {
          .p-global-alert a {
            font-size: 16px;
          }
        }
        @media (max-width: 767px) {
          .top-align li{
            vertical-align: top !important;
          }
          .media-footer-wide {
            width: 60% !important;
          }
        }