div.geo-popup
{
  z-index: 110;
  background:url(../img_new/geo_popup/shadow.png) no-repeat top left;
  width:720px;
  height:320px;
  position: fixed;
  top: 20;
}

div.geo-popupA
{
  padding:10px;
}

div.geo-popupB
{
  background-color:#fff;
}

div.geo-popup div.image
{
  float:left;
  width: 300px;
  height: 300px;
}

div.geo-popup div.right
{
  float:right;
  width:400px;
  text-align:center;
}

div.geo-popup div.right div.close
{
  float:right;
  padding:15px;
}

div.geo-popup div.right div.close a {
  color:#ccc;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "MuliRegular";
  font-size: 24px;
}

div.geo-popup div.right div.logo
{
  clear:right;
  width: 301px;
  height:33px;
  margin: 40px auto 10px auto;
  background: url(../img_new/geo_popup/logo.png) no-repeat;
}

div.geo-popup div.right div.text
{
  font-family: 'Nothing You Could Do', cursive;
  color:#8f9094;
  font-size:24px;
  padding:0 0 45px;
}

div.geo-popup div.right div.button a
{
  font-size:28px;
  font-family: 'Roboto Slab';
  color:#00A9ED;
  text-decoration: none;
}

div.geo-popup div.right div.button a:hover
{
  color:#8f9094;
}

div.geo-popup div.clear
{
  clear:both;
  height:0;
}

div#geo-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background-color: #111;
   /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* IE 5-7 */
  filter: alpha(opacity=80);

  /* Netscape */
  -moz-opacity: 0.8;

  /* Safari 1.x */
  -khtml-opacity: 0.8;

  /* Good browsers */
  opacity: 0.8;
}

div.geo-popup.usa div.image
{
  background: url(../img_new/geo_popup/usa.jpg);
}

div.geo-popup.europe div.image
{
  background: url(../img_new/geo_popup/europe.jpg);
}

div.geo-popup.europe div.right div.logo
{
  margin-top: 10px;
  height:80px;
  background: url(../img_new/geo_popup/eu_logo.png) no-repeat;
}

div.geo-popup.canada div.image
{
  background: url(../img_new/geo_popup/montreal.jpg);
}

div.geo-popup.canada div.right div.logo
{
  margin-top: 20px;
  height:67px;
  background: url(../img_new/geo_popup/canada_logo.png) no-repeat;
}

div.geo-popup.de div.image
{
  background: url(../img_new/geo_popup/delaware_2.jpg);
}

div.geo-popup.ca div.image
{
  background: url(../img_new/geo_popup/california.jpg);
}

div.geo-popup.ca div.right div.logo
{
  margin-top: 10px;
  height:70px;
  background: url(../img_new/geo_popup/ca_logo.png) no-repeat;
}

div.geo-popup.ny div.image
{
  background: url(../img_new/geo_popup/new_york.jpg);
}

div.geo-popup.ny div.right div.logo
{
  margin-top: 20px;
  height:64px;
  background: url(../img_new/geo_popup/ny_logo.png) no-repeat;
}

div.geo-popup.philly div.image
{
  background: url(../img_new/geo_popup/philly.jpg);
}

div.geo-popup.philly div.right div.logo
{
  margin-top: 20px;
  height:67px;
  background: url(../img_new/geo_popup/pa_logo.png) no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
  div.geo-popup
  {
    z-index: 110;
    background:none;
    background-color: #fff;
    box-shadow: 0px 0px 10px #888888;
    width:320px;
    height:250px;
    position: fixed;
    top: 20px;
  }
  div.geo-popupA
  {
    width:100%;
    padding:0;
  }

  div.geo-popupB
  {
    width:100%;
  }

  div.geo-popup div.image
  {
    display:none;
  }

  div.geo-popup div.right
  {
    float:none;
    width:100%;
    text-align:center;
  }
  div.geo-popup div.right div.text
  {
    font-size:20px;
    padding:0 0 45px;
  }
  div.geo-popup div.right div.logo
  {
    width: 100% !important;
    padding: 0;
    margin: 0px auto;
    background-position: center center !important;
  }
  div.geo-popup div.right div.button a
  {
    font-size:24px;
  }

}