/*
  $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
*/
/*This is the Infobox text style*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

/*This is the Error Messages style with pink background*/
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

/*This is the Warning Messages red font style*/
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #CCCCCC; }

/*This is the Product Notifications green background stylet*/
.productsNotifications { background: #f2fff7; }

/*This is the Order Edit style with green underline*/
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

/*This is the General Page Body Style with white background, black text, flush left margins*/
BODY {
	margin: 0px;
	background-color: #3a2a19;
}
/*This is to center the page add by alejo*/

.fixcenter {
	width: 778px;
	margin-top: 0px;
	text-align: left;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*This is the Default Hyperlink Style with black text and no underlines*/
A {
  color: #000000;
  text-decoration: none;
}

/*This is the Default ACTIVE Hyperlink Style when a mouse is hovering over it, with dusty blue text and an underline*/
A:hover {
  color: #FF6600;
  text-decoration: underline;
}

/*Forms display within the page rather than opening a new window*/
FORM {
	display: inline;
}

TR.header {
	background-color: #990000;
}
/*Infobox Template for STS-This is the TOP GRAY BAR BACKGROUND STYLE with Top > Catalog on the left*/
TR.headerNavigation {
	background-color: #990000;
}

/*This is the TOP GRAY BAR FONT STYLE with Top > Catalog on the left*/
TD.headerNavigation {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight : bold;
	background-color: #990000;
}

/*This is the TOP GRAY BAR HYPERLINK STYLE SETTING LINKS TO WHITE */
A.headerNavigation { 
  color: #FFFFFF; 
}

/*This is the TOP GRAY BAR HYPERLINK STYLE SETTING LINKS TO WHITE when the cursor is over them*/
A.headerNavigation:hover {
  color: #ffffff;
}

/*This is the ERROR Background style for a row with a red background*/
TR.headerError {
  background: #ff0000;
}

/*This is the ERROR Background style for a cell with a red background*/
TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

/*This is a ROW Background style with a neon green background*/
TR.headerInfo {
  background: #00ff00;
}

/*This is a CELL Background style with a neon green background*/
TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/*This is the GRAY BOTTOM BAR Row background*/
TR.footer {
	background-color: #990000;
}

/*This is the GRAY BOTTOM BAR Cell background*/
TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

/*This is the INFOBOX Background Style, one shade darker than the Infobox Header color*/
.infoBox {
	background-color: #FFFFFF;
}

/*Infobox Template for STS-This is the INFOBOX Contents Style, one shade lighter than the Infobox Header color*/
.infoBoxContents {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
}

/*This is the INFOBOX Notice Style, a pale salmon color*/
.infoBoxNotice {
  background: #FF8E90;
}

/*This is the INFOBOX Notice Contents Style, a very pale salmon color*/
.infoBoxNoticeContents {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #996600;
}

/*Infobox Templates for STS-This is the INFOBOX Heading Style, SAME AS HEADER AND FOOTER GRAY BARS*/
TD.infoBoxHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFCC66;
	background-color: #3A2A19;
	padding-top: 2px;
	padding-bottom: 2px;
}

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

/*This is a GENERAL ROW Style for every other line of noted pages, a palest gray color*/
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;
}

/*This is a GENERAL ROW Style for every other line of noted pages, the same palest gray color but allows you to alternate 2 colors if you wish*/
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;
}

/*This is a GENERAL TABLE Style for product listing pages, a deeper gray color*/
TABLE.productListing {
	border: 1px none #FFFFFF;
}

/*This is the GRAY BAR Style for product listing pages, same deeper gray color as previous item*/
.productListing-heading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #996A46;
}

/*This is the FONT Style for product listing pages*/
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*This is the HYPERLINK Style for Results pages*/
A.pageResults {
  color: #0000FF;
}

/*This is the HYPERLINK Style for Results pages when the mouse is hovering over it*/
A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

/*This is the MAIN TEXT Style, a deeper gray*/
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

/*This is a Row Sub-bar Style, a very pale gray*/
TR.subBar {
  background: #f4f7fd;
}

/*This is a Cell Sub-bar Style, black default text*/
TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

/*This is a Cell and Paragraph Main Style*/
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

/*This is a Cell, Span, and Paragraph Font Style*/
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*This is a Cell Font Style in larger size with medium dusty blue font*/
TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

/*This is a Cell Font Style in a bold larger size*/
TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*This is a Cell Font Style in a bold larger size*/
TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

/*This is a Table Heading Style in a bold larger size*/
TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*This is a Span Font Style used for New Items in Cart in a BRIGHT RED FONT*/
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

/*This is a FORM STYLE used for checkboxes, input text, radio buttons, and drop-down boxes*/
CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

/*This is a FORM STYLE used for text boxes where visitor enters free-form text*/
TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

/*This is a TEXT STYLE used for the "Greetings, Username! in a funny orange-salmon color*/
SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

/*This is a FORM BACKGROUND AND BORDER STYLE with a very pale dusty blue background and deep dusty blue border*/
TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

/*This is a FORM TEXT STYLE with slightly larger bold text*/
TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*This is a SPAN PRODUCTS PAGE STYLE with a pale burgundy color font*/
SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

/*This is a SPAN PRODUCT SPECIAL FONT STYLE in a bright red color*/
SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

/*This is a SPAN ERROR TEXT STYLE in a bright red color*/
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; }
/* New styles to nav and about us page */

.Content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 150%;
	padding-top: 5px;
	padding-right: 5px;
}
.Name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #D5AC3A;
}
.bnav, a.bnav:link, a.bnav:visited, a.bnav:active  {
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}

a.bnav:hover {
	font-size: 12px;
	color: #3389C2;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.nav,a.nav:link,a.nav:visited,a.nav:active  {
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

a.nav:hover {
	font-size: 11px;
	color: #999900;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
.justpurple,a.justpurple:link,a.justpurple:visited,a.justpurple:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
	color: #999999;
	text-decoration: none;
}
a.justpurple:hover { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#F99F15; text-decoration:underline}
/*TABS*/
#header {
	float:right;
	width:512px;
	font-size:93%;
	line-height:normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3A2A19;
  }
#header ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	line-height: 1.5em;
  }
#header li {
	float:right;
	margin:0;
	padding:0 0 0 9px;
	background-image: url(images/left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	line-height: 1.5em;
  }
#header a {
	float:right;
	display:block;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#765;
	background-image: url(images/right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	line-height: 1.5em;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#66CDCC;
  }
#header #current {
  background-image:url(images/left_on.jpg);
  }
#header #current a {
  background-image:url(images/right_on.jpg);
  color:#999999;
  padding-bottom:5px;
  }
/* Artist Menu */ 
  
#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 0px;
margin: 0px;
}
#vertmenu h1 {
display: block;
font-size: 90%;
padding: 3px 0 5px 3px;
border: 1px none #000000;
color: #FFFFFF;
margin: 0px;
width:159px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
	font-size: 75%;
	display: block;
	border-bottom: 1px dashed #C39C4E;
	text-decoration: none;
	color: #8EDBDB;
	width:138px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 4px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}
#content {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
}
#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #99CC01;
}
#content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#sub {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 5px;
}
.fixcenter #container {
	background-image: url(../images/menu-bg-b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}