@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("www.foopets.com") {

  #subnav ul li{
    font-size:13px;
    height:28px;
    line-height:28px;
    padding:0;
    margin:0;
    border-right:1px solid #000000;
    border-left:1px solid #000000;
    background: #939393;/* old browsers */
    background: -moz-linear-gradient(top, #797979 0%, #878787 50%, #4d4d4d 50%, #272727 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(50%,#6b6b6b), color-stop(50%,#525252), color-stop(100%,#2a2a2a)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5050501', endColorstr='#000000');
  !important }

  #subnav ul li:hover{
    background: #000000;/* old browsers */
    background: -moz-linear-gradient(top, #5f5f5f 0%, #363636 50%, #161616 50%, #000000 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d9d9d), color-stop(50%,#7c7c7c), color-stop(50%,#535353), color-stop(100%,#000000)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#878787', endColorstr='#585858');
  !important }
  #subnav ul li.selected{
    background: #66009b;/* old browsers */
    background: -moz-linear-gradient(top, #6900a0 0%, #5c008c 50%, #46006a 50%, #33004d 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6900a0), color-stop(50%,#5c008c), color-stop(50%,#46006a), color-stop(100%,#33004d)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6900a0', endColorstr='#33004d');
  !important }


body{background:#630088 url('http://img191.imageshack.us/img191/1079/purplebgo.png') repeat-x 0 0!important}

#nav{position:absolute;top:30px;left:50%;z-index:2;background:url(http://img857.imageshack.us/img857/4923/nav870x95o.png) no-repeat 0 0;width:870px;height:95px;
  margin:0 0 0 -435px;padding:0;list-style:none;}

#page{
  border-bottom:1px solid #ddd;
  background-color:#9802cf;
  width:830px;
  height:auto;
  min-height:300px;
  margin:76px auto 0 auto;
  padding:30px;
  overflow:hidden;
!important }


a.foobutton,button.foobutton,input[type="submit"],input[type="reset"],.hugebutton,.bigbutton,.smallbutton,.tinybutton {
  position:relative;
  display:block;
  float:left;
  width:auto;
  height:auto;
  white-space:nowrap;
  color:#fff!important;
  font-size:22px;
  font-weight: 400;
  font-family: Tahoma, Helvetica, Arial;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  border:1px solid #2a2a2a;
  padding:3px 20px 5px 20px;
  background: #000000;/* old browsers */
  background: -moz-linear-gradient(top, #797979 0%, #878787 50%, #4d4d4d 50%, #272727 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(50%,#202020), color-stop(50%,#525252), color-stop(100%,#495d63)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c5c5c', endColorstr='#000000');
  -webkit-border-radius:20px;
     -moz-border-radius:20px;
          border-radius:20px;
  -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.2),inset 1px 1px 1px rgba(255,255,255,.5);
     -moz-box-shadow:1px 1px 2px rgba(0,0,0,.2),inset 1px 1px 1px rgba(255,255,255,.5);
          box-shadow:1px 1px 2px rgba(0,0,0,.2),inset 1px 1px 1px rgba(255,255,255,.5)
  !important }
  a.foobutton_sm,button.foobutton_sm,input[type="submit"].foobutton_sm,input[type="reset"].foobutton_sm,.smallbutton,.tinybutton{
    font-size:13px;
    padding:1px 8px 2px 8px;
    margin:0 2px;
    -webkit-border-radius:12px;
     -moz-border-radius:12px;
          border-radius:12px;
  }

  a.foobutton:focus,button.foobutton:focus,a.foobutton:hover,button.foobutton:hover,
  input[type="submit"]:hover,input[type="reset"]:hover,
  input[type="submit"]:focus,input[type="reset"]:focus,.hugebutton:hover,.bigbutton:hover,.smallbutton:hover,.tinybutton:hover,
  a.foobutton:active,button.foobutton:active,input[type="submit"]:active,input[type="reset"]:active,
  .hugebutton:active,.bigbutton:active,.smallbutton:active,.tinybutton:active{
    color:#fff!important;
    text-decoration:none!important;
    border:1px solid #a800ff;
    background: #a800ff;/* old browsers */
    background: -moz-linear-gradient(top, #a800ff 0%, #8000c3 50%, #66009b 50%, #450068 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9200de), color-stop(50%,#3b005a), color-stop(50%,#230035), color-stop(100%,#000000)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a800ff', endColorstr='#450068');
  !important }
}