/*
  $Author: dfdugal $
  $Id: style.css,v 1.12 2004/07/30 03:08:40 dfdugal Exp $

  This file is copyright 2004 by SpyderHost.net, Inc. All rights reserved.

  This is the cascading style sheet for the SpyderHost.net Template
*/

/* Main page body styles */
/* ######################################### */
body {
   background: #FFFFFF;
   font-family: veranda, arial, sans-serif;
   color: #000000;
}

table {
   width: 100%;
   border:none;
   margin:0;
   padding:0;
}

h1, h2, h3, h4, h5, h6 {
   color:#000099;
}

h3 {
   font-size:20px;
   border-bottom:1px solid #000099;
   border-top:1px solid #000099;
   margin:0px;
   padding:0px;
}

p {
   font-size:13px;
}

img {
   border: none;
}

td.leftside {
   width:150px;
   vertical-align:top;
   padding:20px 0;
}

td.rightside {
   width:150px;
   vertical-align:top;
   padding:20px 0;
}

td.central {
   vertical-align:top;
   padding:20px 10px;
   width:100%;
}

table.info {
   border:1px solid #000000;
   background-color:#000000;
   width:150px;
}

table.info td {
   font-size:9px;
   text-align:center;
   background-color:#FFFFFF;
}

td.caption {
   width:100%;
   background-color:#339933 !important;
   font-size:10px !important;
   font-weight:bold;
   color:#FFFFFF;
   padding:3px;
}

td.masthead {
   width:100%;
   background-image: url("/images/soccerpattern.jpg");
   background-repeat: repeat-x;
   background-position: top left;
}

td.masthead p {
   visibility:hidden;
   margin:0;
   padding:0;
   font-size:9px;
}

p.brands {
   font-size:10px;
   text-align:center;
   color:#000099;
   font-weight:bold;
   line-height:1.5em;
   background-color:#FFFFFF;
}

table.info td img {
   margin-top:15px;
}

div.info {
   padding:10px 0px;
}

.water {
   padding:0px 7px 5px 7px;
   font-size:11px;
}

p.location {
   font-size:11px;
   color:#000000;
}

a.info:link {
   margin:0px;
   padding:8px;
   font-size:9px;
   color:#000099;
   text-decoration:underline;
   background-color:transparent;
}
a.info:visited {
   margin:0px;
   padding:8px;
   font-size:9px;
   color:#000099;
}

a.info:hover {
   margin:0px;
   padding:8px;
   font-size:9px;
   color:#000099;
}



/* Catalog Styles */
/* ######################################### */
table.category_grid {
   border: none;
   width: 100%;
}
td.category_cell {
   text-align: center;
   width: 50%;
}

table.prodlisttable {
   border: none;
   width: 100%;
}

th.prod_th {
   color: #000099;
   text-align: left;
   border-bottom: 2px solid #000099;
}

.prod_model,.prod_color,.prod_price,.prod_sku{
   font-size: 12px;
   border-bottom: 1px dashed  #000099;
}

.prod_price {
   font-size: 12px;
   text-align: right;
}
.prod_sku {
   font-size: 12px;
   text-align: right;
   padding-left: 5px;
}

div.bread {
   padding:3px;
   font-size:10px;
   color:#FFFFFF;
   background-color:#339933;
   border:3px solid #000000;
   margin-bottom:10px;
}

a.crumb:link, a.crumb:visited {
   margin: 0;
   padding: 1px;
   vertical-align: center;
   font-size:10px;
   color:#FFFFFF;
}
a.crumb:hover {
   font-size:10px;
   background-color:#000099;
}

p.featured {
   font-size:13px;
   color:#000099;
   font-weight:bold;
}


/* Header Styles */
/* ######################################### */
#header {
   height: 100px;
}

div#jersey {
   float:right;
}

div#jersey img {
   margin:0 10px 0 10px;
}

#logo {
   float:left;
   top:10px;
   left:10px;
}

/* Navigation Styles */
/* ######################################### */
div#navigation {
   width:100%;
   background-color:#339933;
   padding:3px 0px;
}

div.navtexture {
   width:100%;
   background-image: url("/images/soccerpattern.jpg");
   background-repeat: repeat-x;
   background-position: top left;
}

div.navtexture p {
   visibility:hidden;
   margin:0;
   padding:0;
}

a.nav:link, a.nav:visited {
   color: #FFFFFF;
   background-color: #339933;
   text-decoration: none;
   font-weight: bold;
   font-size:12px;
   font-weight:bold;
   padding:3px 5px;
   display:inline;
   margin-left:10px;
}
a.nav:hover {
   color: #000000;
   background-color:#CCFFCC;
   text-decoration: underline;
   font-size:12px;
   font-weight:bold;
   padding:3px 5px;
   display:inline;
   margin-left:10px;
}


/* Footer Styles */
/* ######################################### */

#footer {
   text-align: center;
   font-size: 12px;
   color: #000000;
   background-color: #FFFFFF;   
}
a.footer:link, a.footer:visited {
   margin: 0;
   padding: 0;
   color: #000000;
   font-size: 12px;
   font-weight: bold;
   color: #000099;
   background-color: #FFFFFF;
}
a.footer:hover {
   color: #FFFFFF;
   background-color: #000099;
}

div.grass {
   width:100%;
   background-image:url("/images/grass_bg-40x100px.jpg");
   background-repeat:repeat-x;
   background-position: top left;
}

div.grass p {
   visibility:hidden;
   margin:0;
   padding:0;
}

a.admin:link, a.admin:visited, a.admin:hover {
   text-decoration: none;
   color: #000000;
}