/* vim: set ts=2 sw=2 sts=2 et: */

/**
 * Copyright (c) 2001-present X-Cart Holdings LLC. All rights reserved.
 * See https://www.x-cart.com/license-agreement.html for license details.
 */

/*
 * Information on hacks used below is available at:
 * - http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
 * - http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/
 */

ul.grid-list,
ul.grid-list li
{
  padding: 0;
  margin: 0;
}

ul.grid-list li
{
  list-style: none;
  background-image: none;
  vertical-align: top;   /* FF2 supports this instead of "inline-block" */
  display: inline-block;
  border-style: solid;          /* Weird but FF requires this in order to display "inline-blocks" properly */
  border-color: transparent;    /* Hide the border in all browsers but IE6 */
  border-width: 0px;
}

/* IE6 requires this in order to correctly display li as "inline-blocks */
* html ul.grid-list li
{
  display: inline;
  border-style: none;           /* Hide the border in IE6 */
}

/* IE7 requires this in order to correctly display li as "inline-blocks */
*:first-child+html ul.grid-list li
{
  display: inline;
}

ul.grid-list a
{
  display: block;
  text-align: center;
}

ul.grid-list a span
{
  display: block;
  text-align: center;
  position: relative;       /* Hack for FF2: in FF2 static "inner-blocks" are non-clickable */
}