/**
 * Main CSS Stylesheet -  my artsacom
 *
 * @package templateSystem
 * @copyright Copyright 2003-2007 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
 */ /*LA Notes: I documented changes below. This is the clasic Zen design and I modified it for my site and named it artsacom for my "CUSTOM" files  */

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-image:url(/gallery/includes/templates/artsacom/images/bg.jpg); 
	 /*LA NOTES: I changed this from background-color: #e5edf5;*/
	}

a img {border: none; }

/*LA NOTES: try SA Link Colors*/
/*THESE ARE MY SACRAMENTOART COLORS  no
a:link {
	color: #528FFC;
	font-weight:bold;
}
a:visited {
	color: #FF6600;
	font-weight:bold;
}
a:hover {
	color: #5AD1FD; 
	font-weight:bold;
}
a:active {
	color: #EE33FF;
	font-weight:bold;
this will NOT work for a global settingg - set separate items end..........ck others below*/

a:link, #navEZPagesTOC ul li a {
	color: #528ffc; /*la notes changed from #3300ff to ff0000 to ffffcc to 528ffc YES*/ 
	text-decoration: none;
	}
 
a:visited {
	color: #3300FF; /*LA NOTES: changed from #3300ff */
	text-decoration: none;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #ff6600; /* la nOTES- CHANGED FROM #FF0000;  TO FFFFCC  to*/
	}

a:active {
	color: #FF0000; /* la nOTES- CHANGED FROM #0000FF; TO #FF6600 TO FFFFCC TO FF0000*/
	}
/*THESE ARE MY SACRAMENTOART COLORS - try- 
#centeryellow a:link {
	color: #528FFC;
	font-weight:bold;
}
#centeryellow a:visited {
	color: #FF6600;
	font-weight:bold;
}
#centeryellow a:hover {
	color: #5AD1FD; 
	font-weight:bold;
}
#centeryellow a:active {
	color: #EE33FF;
	font-weight:bold;}
try above- NO*/



h1 {
	font-size: 1.4em; /*was 1.5em;*/
	color: #5a160d;  /*la noted changed from gray 9a9a9a to red */
	}
/*I changed product name to be smaller than the H1*/
#productName {font-size: 1.3em;}
h2 {
	font-size: 1.3em; /* LA NOTES _ Here is where to Change welcome message smaller tested 1.1em for font-size and was Ok but not sure where else this would effect - so I have NOT changed it. Decided to set a seperate style for this iif I can find the page where it is to be replaced. -later...changed from 1.4 to 1.3 */
	}

h3 {
	font-size: 1.2em; /*changed from 1.3*/
	}
/*I add this to make item titles smaller- was H3- YES GOOD!-an next to make a margin around the details left & right so they don't touch*/
.itemTitle {font-size: 1.2em;
    margin-left:5px;
    margin-right:5px;
}
.listingDescription {
    margin-left:8px;
    margin-right:8px;
}
/*end*/
h4, h5, h6, LABEL, /*h4.optionName, see next*/ LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size: 1.1em; 
	}
h4.optionName {
    font-size: 1.05em; /*changed from 1.1em*/
	}
.biggerText {
	font-size: 1.2em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 0;
	}

/*  Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
	position: relative;
	}
*html .centerColumn {
	height: 1%;
	}
*/

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}

FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
	}

TEXTAREA {
	margin: auto;
	display: block;
	width: 70%; /*changed from 95%*/
	}

input:focus, select:focus, textarea:focus {
	background: #E4FEF5;
	}

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	color: black;
	}

LABEL, h4.optionName {
	line-height: 1.5em;
	padding: 0.2em;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

LABEL.inputLabel {
	width: 9em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 14em;
	float: left;
	padding-left: 2.5em;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
	width: 11em;
	float: left;
	}

#checkoutPayment LABEL.radioButtonLabel {
	font-weight: bold;
	}

P, ADDRESS {
	padding: 0.5em;
	}

ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #cf3723; /*  la noted changed from gray 9a9a9a to; 5a160d red to e6e1a0 gold back to #cf3723 light red GOOD*/
	}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #5a160d;  /*la noted changed from gray 9a9a9a to red */
	}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
	}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}

.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;
	}

/*wrappers - page or section containers*//*LA NOTES i CHANGED THE NAME TO outsidebox */ 
/* LA NOTES: was #mainWrapper */
#mainWrapper { /*#outsidebox_wrapper*/ 
	/*background-color: #ffffcc; /*LA NOTES: changed from background-color: #ffffff;*/
	text-align: left;
	float: center; /*la notes I added- but don't think it works try next */
	align: center;
	width: 950px; /*LA Notes I changed this from 750 to 950px*/
	vertical-align: top;
	borderborder: 1px solid #5a160d; /* LA-NOTES changed from 9a9a9a to this dk red*/
	}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em; 
	}

#logoWrapper{
	background-image: url(../images/header_bg.jpg);
	float: center;
	background-repeat: no-repeat;
	background-color: ffffcc;/*LA NOTES changed from #ffffff;-top tiny line?no-*/
	height:115px; /*LA NOTES changed from height:75px then changed from 110-to 115 THIS IS above the yellow line at the top  ;*/
	}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	} 
#navColumnOneWrapper, #navColumnTwoWrapper {
	margin-left: 0.5em;
	margin-right: 0.5em;
	}
	/*LA NOTES: REMOVE TAG LINE
#tagline {
	color:#000000;
	font-size: 2em;
	text-align : center;
	vertical-align: middle;}*/
	

#sendSpendWrapper {
	border: 1px solid #5a160d;  /*LA NOTES CHANGED FROM GRAY #cacaca TO RED  */
	float: right;
	margin: 0em 0em 1em 1em;
	}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 47%;
	}

.wrapperAttribsOptions {
	margin: 0.3em 0em; 
	}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}

.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper, #navWrapasn {
	margin: 0em;
	/*background-color: #c8bf6d;  /*LA Notes changed from #abbbd3;- make transparent*/
	/*background-image: url(../images/tile_goldsa.gif); /*was tile_back*/
	padding: 0.5em 0.2em; 
	font-weight: bold;
	text-align:justify;
	color: #732d0f; /*LA NOTES changed this to site deep red from color: #ffffff;*/
	*height: .6%;
    }
#navMainWrapper {
    color:#CDC556; /*ck from here doen in this block*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:10px;*/
	/*background-color:#990000;*/
	border-bottom: medium;
	border-bottom-color:#FF0000;
	}	

#navCatTabsWrapper {
background:none;
color:#E6E1A0;
	/*LA NOTES: ABOVE IS GOOD- DISABLED BELOW -REMOVED COLOR FROM TOP CATEGORY NAV -KEEP!!! WAS:
	background-color: #941607;/* LA Notes changed from #ffffff;- set to my site med gold e6e1a0 to cdc671  paintings Nav Top Line #941607;*/
	/*color: #5a160d;  /*la notes changed from gray 9a9a9a to red */
	/*background-image:none;   ....end of disabled*/
}

#navMain ul, #navSupp ul, #navCatTabs ul, #navWrapasn ul {/*LA Notes I added #navWrapasn style for home and othe pgs*/
	margin: 0;
	padding: 0.5em 0em;   
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

#navMain ul li, #navSupp ul li, #navCatTabs ul li, #navWrapasn ul li {/*LA Notes I added #navWrapasn style for home and othe pgs*/
	display: inline;
	}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a, #navWrapasn ul li a{ /*LA Notes I added #navWrapasn style for home and othe pgs*/
	text-decoration: none;
	padding: 0em 0.5em;  /* was    remove to check paddint to eliminate the yellow line*/
	margin: 0;
	color: #e6e1a0; /*LA NOTES: changed from color: #ffffff to 990000 to this; */
	white-space: nowrap;
	}

#navCatTabs ul li a {
	color: #e6e1a0; /* LA NOTES: changed from: color: #9a9a9a; */
	}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #5a160d;  /*la noted changed from gray 9a9a9a to red */
	}

#navEZPagesTOC ul {
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
	}

#navEZPagesTOC ul li {
	white-space: nowrap;
	}

#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
	}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em; 
	}

#navMainSearch {
	float: right;
	}

#navBreadCrumb {
	padding: 0.5em 0.5em;
	background-color: #e6e1a0; /*LA Notes changed from background-color: #ffffff; */
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	}

#navEZPagesTop {
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	}

#navColumnOne, #navColumnTwo {
	background-color: transparent;
	}
/*LA NOTES i ADDED THIS TO CHANGE THE NAVIGATION COLORS IN SIDE BOXES- SEE OF IT WORKS-YES OK*/
#navColumnOne a:link, #navColumnTwo a:link {
	color: #528ffc;
	font-weight:bold;
	}
#navColumnOne a:visited, #navColumnTwo a:visited {
	color: #ff9933;
	font-weight:bold;
	}
#navColumnOne a:hover, #navColumnTwo a:hover {
	color: #5ad1fd;
	font-weight:bold;
	}
#navColumnOne a:active, #navColumnTwo a:active {
	color: #ee33ff;
	font-weight:bold;
	}		

	
/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
	/*font-size: 1.2em;*/ 
	padding: 0em; /* LA NOTES: test this was: 0.5em; ++++++++++++ */
	}

.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}
.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
	padding: 0.8em;
	}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	color:#E6E1A0; /*LA Notes I added this */
	/*LA NOTES I Added and subtracted this background-color:#CDC671;*/
	}

/*Shopping Cart Display*/
#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;
	}

.tableHeading TH {
	border-bottom: 1px solid #5a160d;  /*la noted changed from gray 9a9a9a to red */
	}

.tableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	 }

#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.tableRow, .tableHeading, #cartSubTotal {
	height: 2.2em;
	}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
	padding: 0.em 0em; /* LA NOTES changed for columns was: padding: 0.5em 0em;++++++++++*/
	}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}

#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	color: #33CC33;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #E6E1A0;/*LA NOTES _ CHNGED FROM #660099;----YES GOOD KEEP*/
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList {
	margin-left: 1em;
	}

#mediaManager {
	width: 50%; 
	margin: 0.2em;
	padding: 0.5em;
	background-color: #E4FEf5;
	border: 1px solid #003D00;
	}
.mediaTitle {
	float: left;
	}
.mediaTypeLink {
	float: right;
	}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
	}

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	list-style-type: none;
	} 

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	} 

#cartBoxEmpty, #cartBoxVoucherBalance {
	font-weight: bold;
	}

.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
	}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
	}

.amount {
	width: 5.5em;
	}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 1em 1em 1em 1em ; /*LA NOTES: was margin: 0em 1em 1em 0em ;*/
	}

.categoryIcon {}

#cartImage {
	margin: 0.1em 1em; /*LA NOTES_ try wider here- was margin: 0.5em 1em; */
	}

/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

.attributesComments {
     font-size:9px; color:#FF6600;} /*LA NOTES- I added a style here- it was blank*/

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
	}

.centerBoxWrapper {
	border: 1px solid #5a160d;  /*la noted changed from gray 9a9a9a to red */
	height: 1%;
	margin: 1.1em 0;
	}

h2.centerBoxHeading {
	font-size: 1.3em;
	color: #e6e1a0; /* was  LA NOTES: changed from: color: #ffffff; then tried red #732d0f__NOT -OK- good keep lt gold #e6e1a0; to match top and lower bar  */
	}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1em;
	color: #ff9900; /* LA NOTES: changed from: color: #ffffff; to 990000 to#e6e1a0 gold to ORANGE ff9900 OK*/
	}
#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
	font-size: 0.9em;
	color: #ff9900; /* LA NOTES: changed from: color: #ffffff; to 990000 to e6e1a0 to orange*/
}


.leftBoxHeading, /*.centerBoxHeading,*/ .rightBoxHeading {
	margin: 0em;
	background-color: #e6e1a0; /*LA NOTES- FIND OUT WHERE THIS IS - BLUE- MAY HAVE TO CHANGE COLOR - OK it is behind th image- changed from background-color: #abbbd3;  to the m site lt gold*/
	background-image: url(../images/tile_back.gif); /*was url(../images/tile_back.gif) url(../images/tile_sitered2.gif);*/
	padding: 0.5em 0.5em; /*LA NOTES Changed from 0.5em 0.2em;*/
	color:#E6E1A0; /*LA NOTES_ I add this- but do not see it live- ck it*/
	}
	/*disabled  .centerBoxHeading and added this*/
.centerBoxHeading {
    margin: 0em;
	background-color: #e6e1a0; /*LA NOTES- FIND OUT WHERE THIS IS - BLUE- MAY HAVE TO CHANGE COLOR - OK it is behind th image- changed from background-color: #abbbd3;  to the m site lt gold*/
	background-image: url(../images/tile_goldsa.gif); /* changed from red to gold*/
	padding: 0.5em 0.2em;
	color: #E6E1A0;/*LA NOTES_ I add this- but do not see it live- ck it*/
	text-align:center;
	}
.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	/*LA NOTES- disable all borders YES_wored KEEP.. was: border: 1px solid #5a160d;  -la noted changed from gray 9a9a9a to red */
	/*border-bottom: 5px solid #732d0f; /* LA NOTES changed to site dark red from border-bottom: 5px solid #336633;  end of disable*/
	margin-top: 1.5em;
	}
/*LA NOTES: added this*/
.rightBoxContainer {
padding-left: 1.8em;}
   
.sideBoxContent {
background:none; /*LA NOTES-YES! keeep- removed the background for all sideboxes*/
	/*background-color: #731708; /*LA NOTES; changed from background-color: #ffffff; to#e6e1a0 to ; to #731708; GOOD -removed above so background is not solid but see thru to site red bg */ 
	padding: 0.4em;
	color:#E6E1A0;

	}
	/*LA NOTES added this one+++++++++ ck later- good*/
.sideBoxContent a:active {
    color:#FF0000;}
	
h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
	color: #FFFF33;
	text-decoration: none;
	} 

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
	color: #fefc74; /*LA NOTES: changed from color: #FFFFFF; to  990000 to ffcccc to fefc74*/
    
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	}


#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
	}

#bestsellers ol {
	padding: 0;
	margin-left: 1.1em;
	}

#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
	}

#bannerboxHeading {
	background-color: #0000CC;
}

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}

/* categories box parent and child categories */
A.category-top, A.category-top:visited {
	color: #580878 /*LA NOTES: changed from green #008000;*/
	text-decoration: none;
	}
A.category-links, A.category-links:visited {
	color: #ffffcc; /* LA NOTES: this is blue and OK to leave it be- changed from 004080 to ff0000 changed to ffffcc- OK*/
	text-decoration: none;
	}
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
	color: #FF0000;
	text-decoration: none;
	}
SPAN.category-subs-parent {
	font-weight: bold;
	}
SPAN.category-subs-selected {
	font-weight: bold;
	}
/* end categories box links */

/*misc*/
.back {
	float: left;
	}

.forward, #shoppingCartDefault #PPECbutton {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}

.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

CAPTION {
	/*display: none;*/
	}

#myAccountGen li, #myAccountNotify li {
	margin: 0;
	} 

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
	}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
	}

TR.tableHeading {
	background-color: #cacaca;
	height: 2em;
	}

.productListing-rowheading {
	background-color: #941607; /*LA NOTES: changed from blue background-color: #abbbd3; to cdc671 */
	background-image: url(../images/tile_goldsa.gif);/*was tilt_back*/
	height: 2em;
	color: #FFFFCC; /*LA NOTES changed from #FFFFFF; */
	}

#siteMapList {
	width: 90%;
	float: right;
	}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
	}

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}
#popupSearchHelp, #infoShoppingCart {margin: 2em;} /*LA NOTES Added padding to popup boxes so text is not slammed against border- KEEP THIS */

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: #ffffcc;
	background-image:none; 
	
	/*LA NOTES: changed from background-color: #ffffff; 
	---setting popup windows to have a site yellow background-with no site red image ++ plus I added the following*/
	}
#popupwindowplain, #popupShippingEstimator,#popupSearchHelp, #popupCVVHelp {
	background-color:#ffffcc;
	background-image:none; /* LA NOTES: otherwise it is bg red and you can't read it*/
	color : #000000;
	}
	/*LA NOTES: works OK*/
.information {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody #shippingEstimatorContent {
	clear: both;
	}

.seDisplayedAddressLabel {
	background-color:#85C285;
	text-align: center;
	}
.seDisplayedAddressInfo {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	}
#seShipTo {
	padding: 0.2em;
	}
	/*LA Notes: ++++++++++ from here down are my add ons++++
	I added this for the home page purple text*/
.home_pg_centerbody {
     font-family:Verdana;
	 font-size:12px;
	 color:#580878;
    }
.home_pg_centbody_smi {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:11px;
	 font-style:italic;
	 color:#000000;
	 }
/*LA NOTES: this is for my extra pages- about us etc. added fonts and color*/
.custompgs_Verdana_12black {
    font:Verdana;
	font-size:12px;
	color:#000000;
	}
.asnpgs_Verdana_12Bblack {
    font:Verdana;
	font-size:12px;
	font-weight: bold;
	color:#000000;
	}		
.asnpgs_Verdana_14black {
     font:Verdana;
	 font-size:14px;
	 color:#000000;
	 }

.asnmpgs_Verdana_10ptBlack {
     font:Verdana;
	 font-size:10px;
	 color:#000000;
	 }

.asnmpgs_Verdana_08ptblackBold {
    font:Verdana;
	font-size:8px;
	font-weight: bold;
	color:#000000;
	}		
.asnmpgs_Verdana_08ptblack {
     font:Verdana;
	 font-size:8px;
	 color:#000000;
	 }
	
.asnmpgs_inst-purple12B {
    font-size: 12px;
	font-family:Verdana;
	font-weight:bold;
	color: #AC02CB;
	}
.asnpgs_goldbarwords12BB {
     color:#000000;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight:bold;
	 background-color:#CDC671;
     }
.asnmpgs_arial_18black {
      font:Arial, Helvetica, sans-serif;
	  font-size:18px;
	  color:#000000;
	  }
.asnmpgs_headOrangeB12B {
    font-size: 12px;
	font-family:Verdana;
	font-weight:bold;
	background-color:#990000;
	border-bottom-color:#FF0000;
	color: #FF9900;
    }
.asnmpgs_ahsFam_12pxGold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
    color: #E4DB86;
	}
#latop {
     }
 .editiongiclee_table {
    background-color: #ffffcc;
	background-image: none;
	}   	 
#topasnheader {
    background-image: url(/gallery/includes/templates/artsacom/images/header_bg.jpg);
	background-repeat: no-repeat;
	height: 115px;	
	}
	
.asnfooter {
	font: Verdana;
	font-size: 11px;
	font-style: normal; 
	color: #E4DB86;
}
#asnfooter_bottom {
background:none;
}
.asnmenu {
    color:#CDC556;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
	font-weight:bold;
	background-color:#990000;
	border-bottom: medium;
	border-bottom-color:#FF0000;
}
#asntop {  }

#leftsidebarasn {
padding-left: .05em;
}
.navCatTabsasn {
	color: #e6e1a0; /* LA NOTES:for my home and other pages  to 990000 to this*/
	}
.tilebackWrapper {
	margin: 0em;
	background-color: #c8bf6d; /* LA Notes changed from #abbbd3;*/
	background-image: url(../images/tile_back_marble.gif);
	padding: 0.5em 0.2em; 
	font-weight: bold;
	color: #732d0f; /*LA NOTES changed this to site deep red from color: #ffffff;*/
	height: 1%; 
	}
.tilebackWrapper2 {
	margin: 0em;
	background-color: #c8bf6d; /* LA Notes changed from #abbbd3;*/
	background-image: url(../images/tile_back_marble.gif);
	padding: 0.5em 0.2em; 
	font-weight: bold;
	color: #732d0f; /*LA NOTES changed this to site deep red from color: #ffffff;*/
	height: .50%; 
	}
.editiondetailsheadings {
    font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	background-color: #E6E1A0;
	font-weight:bold;
	text-align:right;
	}
.editiondetailsAP_P {
    font-family: verdana, arial, helvetica, sans-serif;
	color: #FF0000;
	font-size: 10px;
	background-color: #E6E1A0;
	font-weight:bold;
	}
.editiondetailshead_nol {
    font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	background-color: #E6E1A0;
	font-weight:bold;
	}
.edition_12_attention {
     color:#000000;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight:bold;
	 background-color: #FFFF66
}
.edition_12_att-orange {
     color:#000000;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight:bold;
	 background-color: #FFCC00;
}
.edition_14_attention {
     color:#000000;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:14px;
	 font-weight:bold;
	 background-color: #FFFF66
}
.edition_10_attention {
     color:#000000;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
	 font-weight:bold;
	 background-color: #FFFF66;
}

.editiondetailstext {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
	text-align:left;
	}
.editiondetailstext_B {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
	font-weight: bolder;
	text-align:left;
	}
.editiondetailstext_C {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 9px;
	font-weight: bolder;
	}
.editiondetailstextmain {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	}
.editiondetailtextbold {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight:bold;
	}
.editiondetailtx_b_red {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
	color: #FF0000;
	font-size: 12px;
	font-weight:bold;
	}
.editiondetailstext11 {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	}
.editiondetailstext11B {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight:bold;
	}
.editiondetailsitalic {
    font-family: verdana, arial, helvetica, sans-serif;
	color: #990000;
	font-size:9px;
	font-style:italic;
	font-weight: bolder;
	}
.editiondetailsit2 {
    font-family: verdana, arial, helvetica, sans-serif;
	color: #990000;
	font-size:11px;
	font-style:italic;
	font-weight: bolder;
	}
.editiondetailsmessage {
    font-family: verdana, arial, helvetica, sans-serif;
	color: #0000FF;
	font-size:9px;
	font-style:italic;
	font-weight: bolder;
	}
.editiondetailsmes10 {
    font-family: verdana, arial, helvetica, sans-serif;
	color: #0000FF;
	font-size:10px;
	font-style:italic;
	font-weight: bolder;
	}
.editiondetailsmes11 {
    font-family: verdana, arial, helvetica, sans-serif;
	color: #0000FF;
	font-size:11px;
	font-style:italic;
	font-weight: bolder;
	}
.editiondetailssize {
    font-weight: bold;
	font-size:11px;
	}
.editiondetailsedition{
    font-weight: bold;
	font-size:11px;
	background-color: #CEF4FB;
	}
.editiondetailback {
   background-color:#F1EDBA;
    }
.editiondetailback2 {
   background-color:#F4F2D5;
    }
.editiondetailback3 {
   background-color:#F4F2D5;
    }
.editiondetailback4 {
   background-color:#ffffe8;
    }
.editiondetailback5 {
   background-color:#ffffdd;
    }
.editiondetailback6 {
   background-color:#ffffcc;
    }
.editiondetailsgoldline {
	margin: 0em;
	background-image: url(../images/button_marble14x14.jpg);
	padding: 0.5em 0.2em;
	}
.editiond_ap { 
    background-color: #b0ffff;
	font-weight: bold;
	font-size:11px;
	}
.editiond_p { 
    background-color: #ccffcc;
	font-weight: bold;
	font-size:11px;
	}
.editiond_plg { 
    background-color: #ccffcc;
	font-weight: bold;
	font-size:14px;
	}
.editiond_pxlg { 
    background-color: #ccffcc;
	font-weight: bold;
	font-size:18px;
	color:#000000;
	}
.editiond_predlg { 
    background-color: #ccffcc;
	font-weight: bold;
	font-size:16px;
	color:#FF0000;
	}
.editiond_f { 
    background-color: #ccccff;
	font-size:11px;
	font-weight:bold;
	}
.editiond_Y { 
    background-color: #FFFF00;
	font-size:11px;
	font-weight:bold;
	}
.editiond_Y14 { 
    background-color: #FFFF00;
	font-size:14px;
	font-weight:bold;
	}
.edition_price_hi_lt {
	color: #CC0000;
	font-weight: bolder;
	font-size:12px;
	background-color:#FFCCFF;
}
.edition_mattedto {
    margin: 0;
	color: #000000;
	font-size: 9px;
	background-color:#FFCCFF;
}

.edition_chalkboard {
	color: #000000;
	font-weight: bolder;
	font-size:11px;
	background-color:#6dc9b7;
}

/*LA notes: styles for main product detail page */
#listingdetailblock {background-color: #ffffcc;}
#listingdetailblock2 {background-color: #ffffcc;}
.productlist_sale {
   font:Verdana;
   color:#FF0000;
   font-size: 12pt;
   font-weight:bolder;
   }
.productlist_redb_sm {
	font-size:small;
	color: #FF0000;
	font-weight:bold;
	}
.productlist_textreg {
     margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	}
.productlist_textregbold {
     margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight:bold;
	}
.productlist_textnotegreen {
     margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
	color: #339933;
	font-size: 8pt;
	font-style:italic;
	}	
.productlist_textbold {
     margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 8pts;
	font-weight: bolder;
	}
.productlist_texthead {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	font-size: 10pt;
	font-weight: bolder;
	}
.prodlist_name_title {
     color:#000000;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-weight:bold;
	 background-color:#CDC671;
}
/*LA NOTES: added this for attributes grid module to show a border*/
.attrib-grid-cell input { width: 100px; 
}
#attrib-grid-table { border: 1px solid red; } 
#attrib-grid-table td { border: 1px solid blue; }
#outsidebox {background-color: none; }
/*#contentMainWrapper {background-color: #ffffcc; }   substitute for next style in center*/ 
#centeryellow {background-color: #ffffcc; }
#leftcolumnnoback {background-color: transparent;}
#rightcolumnnoback {background-color: transparent;
}
#homepgMainWrapper {
    margin: 0em;
	padding: 0em;
	background:none;
	}
.centerhomepg {
  background-color: none;
	}
.homepgheader {
    font-family: Verdana;
	font-size: 12pt;
	color:#E6E1A0;
	font-weight:bolder;
	}
.homepgsmall {
    font-family: Verdana;
	font-size: 10pt;
	color:#E6E1A0;
	font-weight:bolder;
	}
.homepgsmaller {
    font-family: Verdana;
	font-size: 8pt;
	color:#E6E1A0;
	font-weight:bolder;
	font-style:italic;
	}
.barwords09 {
     color:#CDC556;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:9px;
	 font-weight:bold;
}
.bw-10sRedB {
     color:#CDC556;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
	 font-weight:bold;
	 background-color:#990000;
	 border-bottom: medium;
	 border-bottom-color:#FF0000;
	 }
/*LA NOTES: try SA Link Colors*/
/*THESE ARE MY SACRAMENTOART COLORS this will NOT work for a global settingg - set separate items end*/
#navMainWrapper a:link {
	color: #528FFC;
	font-weight:bold;
}
#navMainWrapper a:visited {
	color: #FF6600;
	font-weight:bold;
}
#navMainWrapper a:hover {
	color: #5AD1FD; 
	font-weight:bold;
}
#navMainWrapper a:active {
	color: #EE33FF;
	font-weight:bold;
}
.featured_back {
background-color: #FFFFCC;
}
/*style for featured artist & business pages*/
.featured_page {background-color:#FFFFCC;
}
.featured_header {
    font:Verdana;
	font-size: 8pt;
	font-weight:bold;
	color:#996600;
}
.featured_words {
    font:Verdana;
	font-size: 8pt;
	color:#996600;
}
.featured_name_title {
     color:#000000;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:14px;
	 font-weight:bold;
	 background-color:#CDC671;
}
.featured_sub_titles {
    font:Verdana;
	font-size: 10px;
	color: #663300;
	font-weight: bold;
}
.featured_detail {
    font:Verdana;
	font-size: 11px;
	color: #663300;
}
.featured_address {
	font: Verdana;
	font-size: 11px;
	font-style: normal; 
    color: #000000;
}
.featured_goldrow {
    background-color:#CDC671;
}
.events_text {
    font-family:Verdana; 
	font-size:10px;
	color:#000000;
}
#yellowpage {
     background-color: #FFFFCC;
	 width: 500px;
}
.fund_header {
	font: Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight:bold; 
    color: #003399;
}
.fund_subheader {
	font: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight:bold; 
    color: #003399;
}
.fund_redheader {
    font-size: 14px;
	font-family:Verdana;
	font-weight:bold;
	color: #FE021A;
}
.fund_black_subhead {
	font: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight:bold;   
    color: #000000;
}
.fund_text {
	font: Verdana;
	font-size: 10px;
	font-style: normal; 
    color: #000000;
}
.fund_bot_title {
    font:Verdana;
	font-size: 10px;
	color: #663300;
	font-weight: bold;
}
.serv_redlg_header {
    font-size: 18px;
	font-family:Verdana;
	font-style:italic;
	font-weight:bold;
	color: #FE021A;
}
.serv_black_subtext {
	font: Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight:bold;   
    color: #000000;
}
.serv_reg_black_subtext {
	font: Verdana;
	font-size: 11px;
	font-style: normal;
    color: #000000;
}
.serv_black_bigtext {
	font: Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight:bold;   
    color: #CC00CC;
}

.serv_goldrow {
    background-color:#CDC671;
}
.serv_nametitle {
     color:#000000;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:14px;
	 font-weight:bold;
	 background-color:#CDC671;
}
.serv_sb6_blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	line-height: 14px;
	color: #000000;
	background-color: #66FFFF;
}
.serv_sb7_green {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	line-height: 14px;
	color: #000000;
	background-color: #33FF66;
}
.serv_sb8_orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	line-height: 14px;
	color: #000000;
	background-color: #FFCC33;
}
.serv_bk_yellow {
    font:Verdana;
	font-size:11px;
	font-weight:bolder;
	color: #663300;
	background-color: yellow;
}
.inst_purple11b {
    font-size: 12px;
	font-family:Verdana;
	font-weight:bold;
	color: #AC02CB;
}
/*for Events Pg titles from old SA site*/
.Events hr			{ height: 17px; width: 386px; background-color:#cdc671; }

.eventScroll		{ height: 500px; width: 480px; overflow-x: hidden; overflow-y: auto; }
.eventLine			{ background-color: #CDC671; }
.eventBottom		{ margin-bottom: 0px; padding-bottom: 0; }

.event_BGBlue		{ background-color:#BFFFFF; } 
.event_BGYellow		{ background-color:#FFFF66; } 
.event_BGGreen		{ background-color:#95FF95; } 
.event_BGOrange		{ background-color:#FED47A; }
.event_BGNone		{ background-color:#FFFFCC; }

.event_HeaderTitle {
    font:Verdana;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.event_Titles {
    font:Verdana;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
.event_SubTitle {
	font:Verdana;
	font-size:12px;
	font-style: italic;
	color: #990000;
	font-weight: bold;
}

.scroll						{ height: 200px; width: 98%; overflow-x: hidden; overflow-y: auto; }
	.scroll .custom				{ float:left; padding:10px;width:110px;height:190px;text-align:center;line-height: 1.5em; }

.jumppage { width:540px; float:right; }
.nextpage { float:none; }
/*end events from old SA*/
.quick_find {background-color:#FFFFCC;}
/*style for artist of the month images text & page*/
.aotmImgHeader {
    font:Verdana;
	font-size: 8pt;
	font-weight:bold;
	color:#996600;
}
.aotmImgWords {
    font:Verdana;
	font-size: 8pt;
	color:#996600;
}
.aotmADwords {
    font-family:Impact;
	font-size:18pt;
	color:#000000;
}
.headOrangeB16 {
    font-size: 16px;
	font-family:Verdana;
	font-weight:bold;
	color: #FF9900;
}
.headOrangeB16B {
    font-size: 16px;
	font-family:Verdana;
	font-weight:bold;
	background-color:#990000;
	border-bottom-color:#FF0000;
	color: #FF9900;
}
.inst-red18 {
    font-size: 18px;
	font-family:Verdana;
	color: #FE021A;
}
.ahsFam_10Green {
	font-size: 10px;
	font-weight:bold;
	color: #66FF33;
}
.ahsFam_16Green {
	font-size: 16px;
	font-weight:bold;
	color: #66FF33;
}
.enews_legal {
    font-family:Arial, Helvetica, sans-serif;
	font-size:8.5px;
	color:#000000;
}
.enews_Ver8_16PurpBold {
	font: Verdana;
	font-size: 16px;
	font-style: normal;
	font-weight:bold; 
    color: #8C4C7F;
}
.enews_SubTitle {
    font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	color: #8c4c7f;
}
.enews_SubTitleBlack {
    font-family:"Courier New", Courier, monospace;
	font-size:14px;
	font-weight:bold;
	color: #000000;
}
.enews_orange12 {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FF3300;
}
.enews_text {
    font-family:Verdana;
	font-size:10px;
	color:#000000;
}
/*end*/