/* Master layout styles */
body {
  background: white;
	color: black;
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  margin: 0px;
  /*padding:0px;*/
}
#contain {
  position:absolute; /* top position determined dynamically by jsp */
  min-width:820px;
  width: 100%;
  margin:0; padding:0;
  /*padding: 10px 10px 0px 10px;*/
}
#body {min-height:500px; 
       padding: 10px 10px 5em 10px; 
       float:left;}

#header {
  position:absolute;
  top:0;
  left:0;
  min-width:820px;
  width:100%;
  background: black;
  background-image: url("/images/logo_background.gif");
  background-repeat:repeat-x;
  color:white;
}
/* ================== SIDE NAVIGATION =============================== */
#sidenav {
  position:absolute;
top:10px;
right:10px;
  width:244px;
}
#sidenav div {
  background: #ECEECC;
  border: 1px solid black;
  height: 100%;
  overflow:auto;
  padding: 5px;
  text-indent: -3;
  text-align: left;
}

#sidenav ul { width: 115px; margin:0; padding: 0;}
#sidenav li { margin:0; padding:3px; list-style-type:none; }
#sidenav li a { margin:0; padding:3px; list-style-type:none; }

#help-nav {
  float:right;
  width:296px;
  margin: 5px;
  margin-right: 50px;
  margin-bottom: 20px;
  /*overflow: auto;*/
  text-align:left;
}
#help-nav a img {
  float:left;
}
#help-nav div {
  background: #ECEECC;
  border: 1px solid black;
  padding: 5px;
  /*overflow: auto;*/
}
#help-nav div a {
  vertical-align: middle;
  padding-bottom:20px;
  clear:left;
}



#footer {
/*  position:fixed; not until a later version of IE comes out */
  clear:both;
  z-index:99;
  min-width:820px;
  width:100%;
  height:20;	
  background: white;  /*#ECEECC;*/
  color: black;
  margin:0; padding: 0;
  border: none;
  border-collapse:collapse;
  vertical-align:bottom;
/*  border-bottom: 1px solid black;*/
}
#thawte-seal {clear:both; vetical-align:bottom; width:70%; margin-left:320}
#footer ul {display:inline;margin:0; padding:0;}
#footer li {padding: 6 10; margin:0 5; border-collapse:collapse; border-left: 1px solid black; border-right: 1px solid black; display:inline;}
#footer table {
  float:left;
  bottom:0;
/*  margin-top:6;*/
  margin-left:100;
  padding:3;
  
  border-collapse:collapse;
  border-bottom: 1px solid black;
  vertical-align:bottom;
}
#footer form {
  float:left;
  width:300;
  padding: 3px;
  background: #ECEECC;
  font-weight:bold;
  border-collapse:separate;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  margin: 0 1em 0 0;
  vertical-align:bottom;
}
p.breadcrumb {
  margin-top: 0em;
  margin-bottom: 1.5em;
}
/* ================== LOGO AND CART AREA =============================== */
#logo { position: relative; top: 0px; left: 0px; }
#contact-and-cart { position: absolute; top: 47px; left: 400px; }
#contact-and-cart ul li {
  display:inline;
  padding-left: 3px;
  padding-right: 3px;
}
#contact-and-cart a { white-space:nowrap; color:white; }

/* ================== NAVIGATION TABS AND SUBTABS =============================== */

#topnav {
  position:relative;
  top: 5px;
  left: 0px;
  width: 100%;
}
#topnav-tabs { margin-left: 100px; min-height: 24px; width:780px; } /*margin: 0 20 0 20; }*/
/*#topnav-tabs table { margin:0px auto; }*/
#topnav-search {
  width: 100%;
  background: #ECEECC;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  color: black;
  padding-top: 3px;
  padding-bottom: 3px;
}
#topnav-search form { display:inline; }
#topnav-search select { margin-left: 20px; }

/* ================== PRODUCT TABLE =============================== */
ul.productTable {
  float:left;
  clear:left;
  margin:10px 0px 0px 10px;
  padding:0;
  display:inline;
  list-style-type:none;
  vertical-align:bottom;

}
ul.productTable li {
  padding: 5px;
  display: inline;
  float:left;
  clear:none;
  /*border: 1px dashed black;*/
  height: 300px;
  width:165px;
  text-align:left;
  margin: 0px 10px 25px 0px;
  overflow:hidden;
}
ul.productTable li img { max-width:175px; }

/* ================== LEFTNAV =============================== */

h1 {
	color: #CC6600;
	font-size: large;
}
caption {
	font-weight: bold;
	text-align: left;
	color: #CC6600;
	font-size: 14px;
	padding-bottom: 8px;
}
td.cartbar {
	height: 30;
	padding: 6px;
	padding-bottom: 12px;
	vertical-align: bottom;
}
td.cartbar a {color: white;}
td.cartbar a:hover {color: yellow;}
td.logo {
	vertical-align:bottom;
	height: 82;
  text-align: left;
	background-image: url('/images/logo_background.gif');
	background-repeat: repeat-x;
/*	background-repeat:no-repeat;
	background-image: url('/images/golf-logo.gif');
	background-position:left;*/
}
table.logobar td {
	font-size: 14px;
}
div.logoText {
	font-weight: bold;
	font-size: 36px;
	margin: 3px;
}
.tabTitle {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color: #FFCC99;
	font-variant:small-caps;
  white-space:nowrap;
  vertical-align:middle;
  padding: 0px 5px;
}
td.insideCategoryCorner {
  background: #ECEECC;
}
td.categoryTab {
	vertical-align: middle;
  text-align:center;
	border-top: 1px solid black;
  background-color: #ECEECC;
	padding: 0px;
  font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:black;
	font-variant:small-caps;
  white-space:nowrap;
}
a.categoryTab {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:black;
	font-variant:small-caps;
}
a.categoryTab:hover {
	color: #CC6600;
	text-decoration:underline;
}
td.searchRow {
	background-color: #ECEECC;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	color: #000000;
	vertical-align: middle;
}
td.searchCell {
	vertical-align: middle;
}
table.searchTable td {
	color: black;
	font-weight: bold;
	vertical-align: middle;
}
a.searchLink {
	color:black;
}
td.content {
  background: white;
}
table.productTable {
}
table.productTable td {
  background: white;
  vertical-align: top;
  margin: 5px;
  padding: 10px;
}
table.footer {
	border: 1px solid black;
	border-bottom: none;
}
table.footer td {
	background: #CC6600;
	color:white;
	padding: 3px;
}
table.footer a {
	color: white;
}

/* PRODUCT PAGE */
table.productBuyTable {
	border: 1px solid black;
}
table.productBuyTable th {
	background: #CC6600;
	color: white;
	font-weight: bold;
	padding: 3px;
}
table.productBuyTable td {
	background: #ECEECC;
	padding: 3px;
}
/* SHOPPING CART =========================================================== */
table.shoppingCart {
}
table.shoppingCart th {
	background: #CC6600;
	color: white;
	padding: 10px;
}
table.shoppingCart td {
	padding: 10px;
}
/* CHECKOUT =========================================================== */
table.checkout {
	background: #ECEECC;
	border: 1px solid black;
	margin-bottom: 1em;
}
table.checkout td {
	padding: 5px;
}

img {
  border: none;
}
table.thick td {
  vertical-align: top;
  padding: 1em;
}
table.layout td {
  vertical-align: top;
  padding: 0em;
}
table {
	margin: 0em;
  padding: 0em;
  font-size: small;
  border-collapse: collapse;
  border: none;
}
td {
  vertical-align: top;
  padding: 0px;
  border: 0em;
}
.menubar {
  font-weight: bold;
  color: #BBB;
  text-decoration: none;
}
.bigwhite {
  color: #EEE;
  font-weight: bold;
  text-decoration: none;
}
h1.leftbar {
  margin: 0em;
  color: #EEE;
  font-weight: bold;
  text-decoration: none;
}
a.bigwhite {
  color: #EEE;
  font-weight: bold;
  text-decoration: none;
}
a.bigwhite:hover {
  color: #FFAA00;
  text-decoration: none;
}
a {
  color: blue;
  font-weight: bold
}
a.small {
  color: blue;
  font-weight: bold
}
a.big {
  color: blue;
  font-size: medium;
  font-weight: bold
}
a:hover {
  color: #CC6600;
  text-decoration: underline;
}
h2 {
  color: black;
  font-size: small;
  font-weight: bold
}
.tiny {
  font-size: x-small;
}
.listprice {
  text-decoration: line-through;
}
.price {
  color: #990000;
  font-weight: bold;
}
.attention {
  background-color: #FFFFD5;
}
