/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: url("https://www.bogeysandbirdies.com/store/catalog/images/bg-main.jpg") 50% 50% no-repeat fixed;
  color: #000000;
  margin: 0px;
}

A {
  color: #660066;
  text-decoration: none;
}

A:hover {
  color: #c38cd2;
  text-decoration: underline;
}

FORM {
	display: inline;
}

td.headerbg {
background: url("https://www.bogeysandbirdies.com/store/catalog/images/bg_left.jpg");

}

TR.header {
}

TR.headerNavigation {
  background: #c38cd2;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #c38cd2;
  color: #000000;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #000000;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #000000;
  font-weight: bold;
}

.infoBox {
  background: #c38cd2;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #c38cd2;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #c38cd2;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #c38cd2;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


/* --------------------------------------------------------- */
/* --------  Begin B&B.com Custom Style Sheet ------- */
/* --------------------------------------------------------- */

#bodytable {
	background-color:#FFFFFF;
	border: 0px none;
	width: 800px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	border-left: 1px solid #c38cd2;
	border-right: 1px solid #c38cd2;
}

#flyout-menu {

width: 150px;

}

#bodytablenav {
	background-image:url("https://www.bogeysandbirdies.com/images/storebg_small.png");

}

#bodytableheader {
	border: 0px none;
	width: 800px;

}

#bodytablefooter {

}

#bodytablebar {
	width: 788px;
	background-color: #f3dbff;
	padding-bottom: 5px;	
}

div#bottom_slogan {
   color: #000;
	background-color:#FCD8FC;
	background-image:url("https://www.bogeysandbirdies.com/images/slogan_top.gif");
	background-repeat:no-repeat;
	width:500px;
	padding:40px 20px 20px 20px;
	text-align:center;
}
html>body div#bottom_slogan { /* NS/FF */
	width:400px;
}
div#bottom_logo {
	float:right;
	width:75px;
	height:129px;
	background:url("https://www.bogeysandbirdies.com/images/ball_tee.gif") no-repeat;
}

div#PRS {

}

/* bottom */
div#bottomcontent {
   color: #000;
	background-color:#AFB0D9;
	margin:0px 0px;
	background-image:url("https://www.bogeysandbirdies.com/images/ssl_seal_small.gif");
	background-position: right;
	background-repeat: no-repeat;
}
div#copyright {
	float:left;
	padding:10px;
}
div#bottomlinks {
	text-align:center;
	width: 788px;
	background-color: #f3dbff;
	padding: 5px;	
}

div#bottomlinks2 {
	text-align:center;
	width: 788px;
	padding-bottom: 5px;	
}

TD.menuheader {

font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
  
  }
  
/* CSS Document */

.heading1 {
   font: bold 11px sans-serif;
}
.heading2{
   font: bold 11px sans-serif;
}
.heading3 {
   padding: 0.5em 0;
   font: bold 1.4em sans-serif;
   text-align: center;
}
ul {
	margin: 0;
	padding: 0;
	/* removes the indents and bullets from the unordered list  */
	list-style: none;
	/* defines the width of our menu items */
	width: 170px;
	font: normal 100% sans-serif;
	}

	ul#nav {
	margin-left: -50px;
	font: normal 11px sans-serif;
}

/* our menu items will stack vertically by default, which is what we want in this example... but, we must set the position as relative, because we will need to position the sub-menus absolutely within them */

ul li {
	position: relative;
	font: normal 100% sans-serif;
	}


/* We want each sub-menu to appear to the right of its parent menu item when that item is hovered over. Using the 'left' and 'top' attributes, we can absolutely position each sub-menu within its parent menu item. You will notice I have set the 'left' property to 149px (1px less than the width of the menu items), which allows the sub-menus to overlap the main menu and not produce a double border. We have also set display to 'none' b/c we don't want the sub-menus to be visible by default. */

li ul {
	position: absolute;
	left: 170px;
	top: -11px;
	display: none;
	font: normal 100% sans-serif;
	}


/* This is where you style your links and roll-overs. Just be sure to set display to 'block' so each link will take up all the available space of its containing list item */

ul li a {
	display: block;
	 
/*	font-family: tahoma, arial, helvetica, sans-serif; */
/*	font-size: 11px; */
	font: normal 100% sans-serif;
	color: #000;
	background: #FCD8FC;
	padding: 2px 3px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #666;
	border-bottom: 1px solid #333;
	border-left: 1px solid #999;
	text-align: left;
	}

ul li a:hover {
   color: #000;
	background-color: #C38CD2;
	 
}


/* This is where you style your drop-downs */

li ul a {
	width:170px;
	padding: 2px 3px;
	color: #000;
	background-color: #fcD8fc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #666;
	border-bottom: 1px solid #333;
	border-left: 1px solid #999;
	}

li ul a:hover {
	background-color: #C38CD2;
	color:#000;
	}


/* lists nested under hovered list items */
li:hover ul, li.over ul {
	display: block;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */




/*  Want "cold" links to not change background color on hover   */

/* =========================  inactive   ====================   */

ul li.nul a:hover {
   color: #000;
	background-color: #fcD8fc;
	text-decoration: none;
	font: bold 100% sans-serif;
	 font-size: 11px;
}

ul li.nul ul.nul a:hover {
	background-color: #fcD8fc;
	color:#000;
	font: normal 100% sans-serif;
	 font-size: 11px;
}

li.nul ul.nul a:hover {
	background-color: #fcD8fc;
	color:#000;
	font: bold 100% sans-serif;
	  font-size: 10px;
}

ul li.act ul.act li.nul a:hover {
	background-color: #fcD8fc;
	color:#000;
	font: normal 100% sans-serif;
	 font-size: 11px;
}

ul li.nul ul.act li.nul a:hover {
	background-color: #fcD8fc;
	color:#000;
	font: normal 100% sans-serif;
	 font-size: 11px;
}

/* =========================   active   =====================   */
ul li.act a:hover {
   color: #000;
	background-color: #C38CD2;
	text-decoration: none;
	font: normal 100% sans-serif;
	 font-size: 11px;
}

ul li.act ul.act a:hover {
	background-color: #C38CD2;
	color:#000;
	font: normal 100% sans-serif;
	 font-size: 11px;
}

ul li.nul ul.act a:hover {
	background-color: #C38CD2;
	color:#000;
	font: bold 100% sans-serif;
	 font-size: 11px;
}


ul li.act ul.act a:hover {
	background-color: #C38CD2;
	color:#000;
	font: normal 100% sans-serif;
	 font-size: 11px;
}

/* Special Scroller */

#pscroller1 {
	height: 160px;
	border: 0px;
	padding: 5px;
}

#pscroller2{
	width: 350px;
	height: 20px;
	border: 0px;
	padding: 3px;
}

#pscroller2 a{
	text-decoration: none;
}

.someclass {
  	font-family: sans-serif;
  	font-size: 11px;
  	line-height: 1.5;
}