/*
  $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 **** All the OS Commerce CSS Stuff stays here. 
  Except we removed the body tag since it was redundant and redundant. 
*/

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

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #e0e0e0;
}

TD.headerNavigation {
  font-family: Helvetica, Arial;
  font-size: 10px;
  background: #e0e0e0;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

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

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Helvetica, Arial;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Helvetica, Arial;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #e0e0e0;
}

TD.footer {
  font-family: Helvetica, Arial;
  font-size: 10px;
  background: #e0e0e0;
  color: #000000;
  font-weight: bold;
}

.infoBox {
  background: e2e2e3;
}

.infoBoxContents {
  /*background: #e2e2e3;*/
  font-family: Helvetica, Arial;
  font-size: 10px;
  color:#FFFFFF;
}

p.infoBoxContents {
  /*background: #e2e2e3;*/
  font-family: Helvetica, Arial;
  font-size: 10px;
  color:#FFFFFF;
}

.infoBoxNotice {
  background: #FF8E90;
}

/* this controls the body of these silly little boxes like welcome guest, shopping cart, quicklinks. The problem with 
   setting the background to black and the text to white for the side bar is that this is also used inside the shopping 
   cart for areas like "new products" and such. */ 
.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Helvetica, Arial;
  font-size: 10px;
}
/* TD.infoBoxHeading controls things like the little header box above quicklinks, Shopping Cart, Welcome Guest */ 
TD.infoBoxHeading {
  font-family: Helvetica, Arial;
  font-size: 10px;
  font-weight: bold;
/*  background: #999;*/
  color: #e2e2e3;
}

TD.infoBox, SPAN.infoBox {
  font-family: Helvetica, Arial;
  font-size: 10px;
    background: #ffffff;
  color: #e2e2e3;
}

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: #e0e0e0;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Helvetica, Arial;
  font-size: 10px;
  background: #e0e0e0;
  color: #FFFFFF;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

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

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

TR.subBar {
  background: #f4f7fd;
}

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

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

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Helvetica, Arial;
  font-size: 10px;
  text-align:center;
  align: center;
}

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

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

TD.fieldValue {
  font-family: Helvetica, Arial;
  font-size: 12px;
}

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

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

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

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

SPAN.greetUser {
  font-family: Helvetica, Arial;
  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: Helvetica, Arial;
  font-size: 12px;
  font-weight: bold;
}

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

SPAN.productSpecialPrice {
  font-family: Helvetica, Arial;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Helvetica, Arial;
  color: #ff0000;
}

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

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

/* message box */

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

/* input requirement */

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

ul.randomquote { margin-left: 2px; padding-left: 6px; text-align:center; font-size:14px; }

/* All the Bellevue Fine Art CSS Stuff goes here. 
 */ 
 
 
body {
padding: 0;
font: 76% tahoma, verdana, sans-serif;
background: white url(includes/languages/english/images/new_background.gif) top center repeat;   /* background for the whole page */
color: #303030;
align: center;
halign: center;
text-align:center;
}

table {
align: center; 

}

a {
text-decoration: none;
color: black;
}

a:hover {
text-decoration: underline;
color: blue;
}

/* begin top tab. currently not used */ 
#toptabs {
margin: 10px auto -13px auto;
font-size: 0.8em;
width: 760px;
}

#toptabs p {
text-align: right;
color: #808080;
}

.toptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
text-decoration: none;
background: #f0f0f0 url(images/corner2.gif) top right no-repeat;
color: #808080;
border-bottom: 1px solid #e0e0e0;
}

.toptab:hover {
background: #fafafa url(images/corner2.gif) top right no-repeat;
border-bottom: 1px solid #b43670;
color: #b43670;
text-decoration: none;
} 

/* end top tab, currently not being used */ 

.activetoptab {
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
color: #b43670;
text-decoration: none;
background: #ffffff url(images/corner2.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
}

.activetoptab:hover {
text-decoration: none;
}
/* This is what's screwing up the alignment on the pages in oscommerce. It's the margin thing here set in the 
container - the answer is to remove all body tag formatting from each php page, and let the container here 
define it. Right now they're fighting for ownership - FAQ is the test page and has body definitions removed. 
index is as well - Scott 10-15-08 */ 

#container {
/* margin: 0 auto 15px auto; */
margin: auto;
width: 800px;
padding: 5px 20px 20px 20px;
background: #ffffff;
align: center;
text-align:left;
}

#logo {
margin: 15px 0 0 0;
text-align:left;
}

#logo h1 a {
color: #303030;
}

#logo h1 a:hover {
text-decoration: none;
}

#navitabs {
clear: both;
}

#navitabs_menu {
clear: both;
margin-right:-20px;
margin-top:-3px;
}

.navitab {
padding: 4px 8px 4px 8px;
margin: 0 0 4px 0;
text-decoration: none;
letter-spacing: 1px;
background: #e0e0e0 url(images/corner.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

.navitab_menu {
padding: 4px 8px 4px 4px;
margin: 0 0 4px 0;
text-decoration: none;
letter-spacing: 1px;
background: #e0e0e0 url(images/corner.gif) top right no-repeat;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

.navitab:hover {
text-decoration: none;
color:#FFF;
background: #a8356a url(images/corner.gif) top right no-repeat;
}

.navitab_menu:hover {
text-decoration: none;
color:#FFF;
background: #a8356a url(images/corner.gif) top right no-repeat;
}

.activenavitab {
padding: 4px 8px 5px 8px;
color: #ffffff;
margin: 0 0 5px 0;
text-decoration: none;
background: #a8356a url(images/corner.gif) top right no-repeat;
}
.activenavitab_menu {
padding: 4px 8px 5px 8px;
color: #ffffff;
margin: 0 0 5px 0;
text-decoration: none;
background: #a8356a url(images/corner.gif) top right no-repeat;
}

.activenavitab:hover {
text-decoration: none;
color: #ffffff;
}
.activenavitab_menu:hover {
text-decoration: none;
color: #ffffff;
}


/* This is the large header box at the top of each page */ 
#index {
height: 200px;
width: 840px;
color: #ffffff;
padding: 0;
background: #ffffff url(includes/languages/english/images/New-full-BFA-banner.jpg) bottom right no-repeat ;
clear: both;
margin: 0px 0 0 0;
}

#index p {
width: 290px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}

#index h2 {
padding: 15px 15px 0 15px;
color: #ffffff;
}

#index a {
color: #ffffff;
text-decoration: underline;
}

#main {
width: 95%;
float: left;
padding: 0 15px 0 0;
/*border-right: 1px solid #d0d0d0;*/
}

#main pricetable {
width: 400px;
float: left;
padding: 0 15px 0 0;
border: 0;
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
vertical-align:top;

/* font-size: 1.6em;
font-weight: bold;
color: #574cc1; */ 
}

#main h1 {
margin: 0 0 20px 0;
font-size: 2.1em;
font-weight: Bold;
color: #a8356a;
}

#main h2 {
margin: 0 0 20px 0;
font-size: 1.8em;
font-weight: bold;
color: #a8356a;
}

#main h3 {
margin: 20px 0 10px 0;
font-size: 1.4em;
font-weight: bold;
color: #a8356a;
}

#main h4 {
margin: 20px 0 10px 0;
font-size: 1.2em;
font-weight: bold;
color: #a8356a;
}

#main p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
color:#000000;
font-size: 12px;
}

#main UL {
margin: 0 0 10px 0;
line-height: 1.0em;
text-align: left;
font-size: 0.8em;
line-height: 1.5em;
text-align: left;
list-style-position: inside;
}

UL {
margin: 0 0 10px 0;
line-height: 1.0em;
text-align: left;
font-size: 0.8em;
line-height: 1.5em;
text-align: left;
list-style-position: inside;
}

OL {
margin: 0 0 10px 0;
line-height: 1.0em;
text-align: left;
font-size: 0.8em;
line-height: 1.5em;
text-align: left;
list-style-position: inside;
}

#main p.pricing {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
color: #574cc1;
}

#main p.center {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: center;
}

#main p.address {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: center;
}

#main p.caution {
margin: 0 0 15px 0;
line-height: 2em;
text-align: left;
color: red;
font-size: 1.2em;
font-weight: bold;
}

.block {
background: #f0f0f0;
padding: 15px;
}


#sidebarleft {
width:120px;
float:right;
background-color:#000;
}

#sidebar p {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 12px 0;
color: #ffffff;
}

#sidebarleft h1 {
margin: 0 0 20px 0;
font-size: 2.1em;
font-weight: normal;
color: #000000;
}

#sidebarleft h2 {
margin: 0 0 20px 0;
font-size: 1.6em;
font-weight: normal;
color: #000000;
}

#sidebarleft h3 {
margin: 20px 0 10px 0;
font-size: 1.4em;
font-weight: normal;
color: #000000;
}

#sidebarleft p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
color: #000000;
}






#sidebar {
width:140px;
float:right;
background-color:#ffffff;
}

#sidebar p {
font-size: 0.9em;
line-height: 1.3em;
margin: 0 0 12px 0;
color: #ffffff;
}

#sidebar h1 {
margin: 0 0 20px 0;
font-size: 2.1em;
font-weight: normal;
color: #ffffff;
}

#sidebar h2 {
margin: 0 0 20px 0;
font-size: 1.6em;
font-weight: normal;
color: #ffffff;
}

#sidebar h3 {
margin: 20px 0 10px 0;
font-size: 1.4em;
font-weight: normal;
color: #ffffff;
}

#sidebar p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
}




p.footer {
margin: 0 0 15px 0;
line-height: 1.0em;
text-align: center;
font-size: 0.8em;
color: #ffffff;
color: #ffffff;
}

.sidelink {
text-align: left;
display: block;
width: 120px;
background: #ffffff url(images/corner.gif) top right no-repeat;
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
}

.sidelink:hover {
background: #e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration: none;
}



#footer {

background: #b43670;
color: #ffffff;
font-size: 12px;
padding: 8px 4px 8px 4px;
/* border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0; */
text-align: center;
}

#footer a {
color: #ffffff;
}

h1 {
margin: 0 0 20px 0;
font-size: 2.1em;
font-weight: Bold;
}

h2 {
margin: 0 0 20px 0;
font-size: 1.6em;
font-weight: bold;
color: #574cc1;
}

h3 {
margin: 20px 0 10px 0;
font-size: 1.4em;
font-weight: bold;
color: #574cc1;
}

p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
}

UL.main {
margin: 0 0 15px 0;
line-height: 1.0em;
text-align: left;
}

.right {
text-align: right;
}

a img {
border: 0;
}

.photo {
padding: 5px;
display: block;
margin: 0 auto 15px auto;
background-color: #f0f0f0;
}

.hide {
display: none;
}

/* All this stuff is for raised border paragraphs. */ 

p.dotted {border-style: dotted;
	text-align: left; text-indent: 0; 
	font-family: Tahoma; color: #000080; 
    font-size: 10pt; margin-left: 0; 
	margin-right: 0}	

p.dashed {border-style: dashed;
	text-align: left; text-indent: 0; 
	font-family: Tahoma; color: #000080; 
    font-size: 10pt; margin-left: 0; 
	margin-right: 0}	

p.solid {border-style: solid;
	text-align: left; text-indent: 0; 
	font-family: Tahoma; color: #000080; 
    font-size: 10pt; margin-left: 0; 
	margin-right: 0}	

p.double {border-style: double;
	text-align: left; 
	text-indent: 0; 
	font-family: Tahoma; 
	color: #000080; 
    font-size: 10pt; 
	margin-left: 0; 
	margin-right: 0}	

p.groove {border-style: groove;
	text-align: left; 
	text-indent: 0; 
	font-family: Tahoma; 
	color: #000080; 
    font-size: 10pt; 
	margin-left: 0; 
	margin-right: 0}	

p.ridge {border-style: ridge;
	text-align: left; 
	text-indent: 3px; 
	font-family: Tahoma; 
	color: #000080; 
    font-size: 10pt; 
	margin-left: 3px; 
	background: #bfbec0;
	margin-right: 3px}
		

p.inset {border-style: inset;
	text-align: left; text-indent: 0; 
	font-family: Tahoma; color: #000080; 
    font-size: 10pt; margin-left: 0; 
	margin-right: 0}	

p.outset {border-style: outset;
	text-align: left; text-indent: 0; 
	font-family: Tahoma; color: #000080; 
    font-size: 10pt; margin-left: 1cm; 
	margin-right: 1cm; background:  #e2e2e4;}	 

p.warning {border-style: outset;
	text-align: left; text-indent: 0; 
	font-family: Tahoma; color: #fa0404; 
    font-size: 14pt; margin-left: 0; 
	margin-right: 0; background:  #0e0246}	


Table.outset {border-style: outset;
	border-color: #828282;
	text-align: left; 
	text-indent: 0; 
	font-family: Tahoma; 
	color: #a8356a; 
    font-size: 10pt; 
	margin-left: 0; 
	margin-right: 0; 
	padding: 4px;
	background:  #ebebeb}	
	
td.formLabel {
	font-size:14px;
	font-weight:bold;
}	

/* DHTML TABBING STARTS HERE */

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
text-wrap:true;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
text-wrap:true;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(images/icons/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(images/icons/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
bgcolor: blue;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}