/**
 * Main CSS Stylesheet
 *ff
 * @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 $
 */

/* This section describes the affects on the main body of the HTML page,
   that is to say, each and every HTML page, unless superceded by a page-
   specific CSS file located in the CSS folder.
 */

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;

	/* Impacts text color on the main body */
	color: #000000;

	/* Impacts background color of the main body */
	background-color: #DFCFCA;

	/* If you want to use an image as the background, specify it here: */
	/*background-image: url(../images/vh_bg.gif);*/

	/* How many times to repeat the image: */
	/*background-repeat: repeat-x;*/

	/* I have no idea what this does: */
	/*background-attachment: scroll;*/
	}
/************************************************************************/

/* Do not put a border around any image */

a img {border: none; }
/************************************************************************/


/* This impacts links, EZPage Table of Contents, and list items when they are highlighted. */

a:link, #navEZPagesTOC ul li a {
	color: #3300FF;
	text-decoration: none;
	}
/************************************************************************/

/* This impacts any url that has been visited. */

a:visited {
	color: #3300FF;
	text-decoration: none;
	}
/************************************************************************/

/* This impacts any URL where the mouse hovers over it. */

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #9F40FF;
	}
/************************************************************************/

/* This impacts the "active" URL, if displayed on the page. */

a:active {
	color: #0000FF;
	}
/************************************************************************/

/* This impacts H1 Headers, used where-ever in the website */

h1 {
	font-size: 1.5em;
	color: #9f098a;
	}
/************************************************************************/

/* This impacts H2 Headers, used where-ever in the website */

h2 {
	font-size: 1.4em;
	color: #9f098a;
	}
/************************************************************************/

/* This impacts H3 Headers, used where-ever in the website */

h3 {
	font-size: 1.3em;
	}
/************************************************************************/

/* This impacts H4,5,6 Headers, Labels, used where-ever in the website */

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size: 1.1em;
	}
/************************************************************************/

/* This stylesheet item impacts any text that has been classified as "bigger" */

.biggerText {
	font-size: 1.2em;
	}
/************************************************************************/

/* Define the margin size for any header definition here: */

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%;
	}
*/
/************************************************************************/

/* This section impacts how literal code statements are addressed on the webpage.
   An example of this would be a command line like "/folder/filename.php". Code
   must be declared as such so as not to confuse text representing a command and
   and actual command.
*/

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

/* This sections impacts any HTML code used for forms, select boxes, and input boxes */

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

/* This section impacts any area of text for display in HTML.  It is an
   override to any displayed text where TEXTAREA is the override parameter.
*/

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

/* Specifies the background color of input boxes, button & text focus areas. */

input:focus, select:focus, textarea:focus {
	background: #F1BF7F;
	}
/************************************************************************/

/* Specifies the parameters that impact a set of fields in a form or other
   designated space.
*/

FIELDSET {

	/* Used for Cell Padding. */

	padding: 0.5em;

	/* Specifies the margins of the table. */

	margin: 0.5em 0em;

	/* Specifies the default font size in tables & forms within a fieldset. */

	font-size: 1.1em;

	/* Specifies effects on borders in a form or table within a fieldset. */

	border: 1px solid #9f098a;
	}
/************************************************************************/

/* Controls the Legend embedded at the top of a fieldset (see above)
   or anything encased in an outlined box.
 */

LEGEND {
	font-weight: bold;
	font-size: 0.95em;
	padding: 0.3em;
	color: black;
	}
/************************************************************************/

/* Controls a label or Option Header, typically seen at the top of boxes
   or within the shopping cart
*/

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

/* Controls the labels for Checkboxes and radio buttons throughout website */

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

/* This impacts the textual contents and image attributes of a whole set
   of different boxes used throughout the website.  The text written behind
   the logo is also impacted.  In this instance we're telling the text to
   float to the left.
*/

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

/* Defines the attributes specfically for input labels. */

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

/* Defines the attributes for the Payment input label listed in the cart
   and elsewhere.
*/

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

/* We set the width of the label for a selected product, a switched product
   or for something that has been uploaded (which we'll never see).
 */

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

/* Set the text to be bold for the checkout payment value and the label
   associated with any item specified by a radio button.
 */

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

/* I don't know what the "P" is for, but the address field is obvious.
   Set the padding of the cell that contains either of these two items
   to 0.5em, and I don't know how big "em" is, either.
 */

P, ADDRESS {
	padding: 0.5em;
	}
/************************************************************************/

/* Set the font sytle for an address to be normal vs. bold vs. italicized. */

ADDRESS {
	font-style: normal;
	}
/************************************************************************/

/* This allows an abbreviation in code to allow multiple conditions to be
   cleared at the same time.  This is mostly for coding purposes.
 */

.clearBoth {
	clear: both;
	}
/************************************************************************/

/* Define the properties of Horizontal lines here: */

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9f098a;
	color: #9f098a;
	}
/************************************************************************/

/* These lines impact the appearrance of warnings, errors, messages.  It specifically
   looks at the height and edges of the "message" boxes as they are displayed.
 */

.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #9f098a;
	}
/************************************************************************/

/* This goes more to the point of setting the colors of the error messages
   to "scary" red with white letters.
 */

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

/* This one sets the color of success messages to "lime" green with black
   text.  I'm not sure I like either color against the scheme VH is using.
 */

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

/* This is the "Caution" yellow-colored message with black lettering.  This
   can stay for now.
 */

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


/*wrappers - page or section containers*/

/* This is the wrapper or container for the main page. Adjust the width as
   necessary to accomodate the total width of the items displayed.  Don't 
   forget to count the width of borders in your calculations, otherwise it
   will look squished/yucky!
 */

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 800px;
	vertical-align: top;
	border: 1px solid #9f098a;
	}
/************************************************************************/

/* #headerWrapper          - The wrapper around the section identified as the page header.
   #contentMainWrapper     - The wrapper around the section of the page right in the middle where it all happens.
   #logoWrapper            - The wrapper around the logo, usually covered up by the header stuff.
   #cartBoxListWrapper     - The wrapper around the cart box displayed in one of the side columns.
   #ezPageBoxList          - The wrapper around the list of ezpages
   #cartBoxListWrapper ul  - This is the wrapper for the "unsorted" list of items in the shopping cart box
   #ezPageBoxList ul       - This is the wrapper for the "unsorted" list of items in the ezPage box

   #popupAdditionalImage, #popupImage - Impacts the pop-up images

   We are simply setting the margins and padding here for these items.

 */

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

/* Set the image to be used for the logo and any additional effects to
   be applied to the logo.
 */

#logoWrapper{
	background-image: url(../images/vh_header_bg.jpg);
	background-repeat: repeat-no;
	background-color: #ffffff;

	/* The following value must match the width specified by the main wrapper. */
	width:800px;

	/* This specifies the height of the logo. */
        height:161px;
	}
/************************************************************************/

/* Specify additional features to the main wrapper, as well as the left and
   right column wrappers.
 */

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	} 
/************************************************************************/

/* Be more specific about the column wrappers.  These values supercede anything
   already stated about the entities.
 */

#navColumnOneWrapper, #navColumnTwoWrapper {
	margin-left: 0.5em;
	margin-right: 0.5em;
	}
/************************************************************************/

/* Describe the attributes of the tagline, which is buried under the logo/header.
 */

#tagline {
	color:#000000;
	font-size: 2em;
	text-align : center;
	vertical-align: middle;
	}
/************************************************************************/

/* Set the attributes of the "sendSpendWrapper".  I don't know where this is. */

#sendSpendWrapper {
	border: 1px solid #9f098a;
	float: right;
	margin: 0em 0em 1em 1em;
	}
/************************************************************************/

/* Specify the size of the boxes that appear/float through the main content
   area of the page during various parts of a transaction.
 */

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

/* Set the margin for the product attributes wrapper. */

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}
/************************************************************************/

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}


/* Set the attributes of the "Previous" counter (previous pages) when listing
   the products in any given category.
 */

.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
/************************************************************************/

/* Set the attributes of the "Previous"/"Next"/"List" buttons when listing
   the products in any given category.
 */

.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	}
/************************************************************************/

/* Set the characteristics for Navigation Main wrapper, Supp Wrapper (Don't
   know what this is), and the "Categories" table wrapper listed on the right.
 */

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #9a9a9a;
	background-image: url(../images/tile_back.gif);
	// padding: 0.5em 0.2em;
	// font-weight: bold;
	color: #ffffff;
	height: 1%;
	}
/************************************************************************/

/* Override specific fields stated above the the "Main Navigation Wrapper"
   table as described above.
 */


/* Override specific fields stated above the the "Categories" table as
   described above.
 */
#navMainWrapper {
	font-size: 1.4em;
	vertical-align: middle;
}

#navCatTabsWrapper {
	background-color: #000000;
	color: #ffffff;
	background-image:none;
}
/************************************************************************/

/* Describe the attributes of the "unordered" lists in the Main Navigation
   table, the Supp nav table and the "categories" table
 */

#navMain ul, #navSupp ul, #navCatTabs ul {
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}
/************************************************************************/

/* Describe the attributes of the "unordered" list items in the Main Navigation
   table, the Supp nav table and the "categories" table
 */

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	}
/************************************************************************/

/* Describe the attributes of the "unordered" list items that are active
   in the Main Navigation table, the Supp nav table and the "categories"
   table.
 */

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #ffffff;
	white-space: nowrap;
	}
/************************************************************************/

/* Keep the color of the active list items in the "Categories" table the 
   same as those not active, so as to keep it consistent & pretty.
 */

#navCatTabs ul li a {
	color: #ffffff;
	}
/************************************************************************/

/* Set the properties of the Table of Contents to the ezPages Navigation
   wrapper.
 */

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #9f098a;
	}
/************************************************************************/

/* Set the properties of the "unordered" list within the Table of Contents
   for the ezPages Navigation wrapper.
 */

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

/* Set the properties of the "unordered" list items within the Table of 
   Contents for the ezPages Navigation wrapper.
 */

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

/* Set the properties of the "unordered" list items that are active/used 
   within the Table of Contents for the ezPages Navigation wrapper.
 */

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

/* These settings impact the icons in category navigation, the buttonRow
   (Don't know), and the Product listing.
 */

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

/* Affects the Search text in the search text box. */

#navMainSearch {
	float: right;
	}
/************************************************************************/

/* Describes the attributes of the "Bread Crumb" navigation bar. */

#navBreadCrumb {
	padding: 0.5em 0.5em;
	background-color: #DFAFCA;
	font-size: 1.25em;
	font-weight: normal;
	margin: 0em;
	}
/************************************************************************/

/* Describes the navigation attributes at the top of the ezPages. */

#navEZPagesTop {
	background-color: #ffff33;
	background-image: url(../images/tile_back.gif);
	font-size: 1.2em;
	font-weight: normal;
	margin: 0em;
	padding: 0.5em;
	}
/************************************************************************/

/* Sets the background colors of the two columns. */

#navColumnOne, #navColumnTwo {
	background-color: #D5B19C;
	/* border: 1px solid #9f098a; /* if you want a line around the columns.  
					 Need to adjust the width of the side columns
					 or the overall width of the main & logo wrappers */
	}
/************************************************************************/

/* This is the descriptor for the center of the page that has the content.
   Curently, I'm not using it.

.centerColumn {
	border: 1px solid #9f098a;
	}
*/
/************************************************************************/


/*The main content classes*/

/* Set the vertical alignment for all of the boxes and columns that will appear. */

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

/* Be more specific with content in the Product description and shipping
   estimator.
 */

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
	/* font-size: 1.2em; */
	padding: 0.5em;
	}
/************************************************************************/

/* Specify the color for alerts. */

.alert {
	color: #9f098a;
	margin-left: 0.5em;
	}
/************************************************************************/

.advisory {}

/* Specify the font weight for "important" text. */

.important {
	font-weight: bold;
	}
/************************************************************************/

.notice {}
.rating{}

/* This might affect the Balance as it is displayed.  Not sure. */

.gvBal {
	float: right;
	}
/************************************************************************/

/* Set the cell padding for the following tables: */

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
	padding: 0.8em;
	}
/************************************************************************/

/* Set the font size for particular text. */

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}
/************************************************************************/


/*Shopping Cart Display*/

/* This impacts the "AddtoCart" box. */

#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: 1px solid #9f098a;
	padding: 1em;
	}
/************************************************************************/

/* Set the "heavy" lines at the bottom of each table heading displayed in
   the cart.
 */

.tableHeading TH {
	/* background-color: #D5B180; */
	border-bottom: 1px solid #9f098a;
	}
/************************************************************************/

/* Describe the background color to be displayed in each table heading
   in the cart; include cart sub total header at the bottom of the cart.
 */

.tableHeading, #cartSubTotal {
	background-color: #D5B180;
	 }
/************************************************************************/

/* Be more specific about the contents of the sub-total at the bottom of
   the cart.
 */

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

/* Set the height of the rows listed in the cart. */

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

/* Set the padding for each of the cells used to present the cart in the table. */

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
	padding: 0.5em 0em;
	}
/************************************************************************/

/* Be more specific about the "Unit" item and cart "total" displays. */

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

/* Set the width of the "Update Count" cell listed beside the quantity
   in the cart.
 */

#scUpdateQuantity {
	width: 2em;
	}
/************************************************************************/

/* Set the width of the Quantity cell in the cart table. */

.cartQuantity {
	width: 4.7em;
	}
/************************************************************************/

/* When displaying the cart side-box, list new items with a separate color
   described here: */

.cartNewItem {
	color: #663366;
	font-weight: bold;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}
/************************************************************************/

/* When displaying the cart side-box, list existing items with a separate 
   color described here: */

.cartOldItem {
	color: #9f098a;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}
/************************************************************************/

/* Define how the cart total displays in the cart side-box. */

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

/* Set the width of the "Remove" item cell in the cart table. */

.cartRemoveItemDisplay {
	width: 3.5em;
	}
/************************************************************************/

/* This impacts the "attributes" of products in the cart, specifically the
   list URL displayed.
 */

.cartAttribsList {
	margin-left: 1em;
	}
/************************************************************************/

/* This is geared towards the media manager, which I don't care about. */

#mediaManager {
	width: 50%; 
	margin: 0.2em;
	padding: 0.5em;
	background-color: #f7d5f5;
	border: 1px solid #9f098a;
	}
/************************************************************************/

.mediaTitle {
	float: left;
	}
.mediaTypeLink {
	float: right;
	}
/************************************************************************/

/* How to display "Reduced item" prices, with the line through it. */

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

/* How to present the "special" price options. */

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

/* Describes attributes of the order history list */

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

/* More details on the "unordered" lists for the cart and ezpage box. */

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

/* specifics about the list items displayed in the cart "list." */

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

/* Font weight on "notfications about your cart and voucher status. */

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

/* Describe the presentation of the cart total. */

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

/* Details on the line item titals and on the amount cells. */

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

/* Impact the display of the amount cell. */

.amount {
	width: 5.5em;
	}
/************************************************************************/


/*Image Display*/

/* Define the margins for images displayed in the following boxes: */

#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 1em 1em 0em ;
	}
/************************************************************************/

/* Screw around with the Category icon here, specifically cell manipulation,
   if you want to. */

.categoryIcon {}
/************************************************************************/

/* Parameters to impact the crt image display. */
 
#cartImage {
	margin: 0.5em 1em;
	}
/************************************************************************/


/*Attributes*/

/* Describe the width and margins for images used for attributes(?) */

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

.attributesComments {}
/************************************************************************/


/*list box contents*/

/* Set the margins on the contents for the following list boxes: */

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

/* This is the box that displays at the bottom of the center column.  This
   section only impacts the wrapper of that box.
 */

.centerBoxWrapper {
	border: 1px solid #9f098a;
	height: 1%;
	margin: 1.1em 0;
	}
/************************************************************************/

/* Override any h2 settings predefined earlier specifically for the center
   box.
 */

h2.centerBoxHeading {
	font-size: 1.3em;
	color: #000000;
	}
/************************************************************************/


/*sideboxes*/

/* Who cares about the left column... */
.columnLeft {}
/************************************************************************/

/* Override the H3 settings predefined earlier for the following side-boxes. */

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.15em;
	font-weight: normal;
	color: #000000;
	}
/************************************************************************/

/* These items could be added to the top, for me, because I like them to
   be all consistent, but you can change sizes and colors here for those
   other side-boxes listed.
 */

#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
	font-size: 1.15em;
	font-weight: normal;
	color: #000000;
	}
/************************************************************************/

/* In generic terms, how do you want the headings to look like for your
   left, right and center boxes.  You can set them all here, or break one
   or more out and change the values to suit your tastes.
 */

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
	margin: 0em;
	color: #000000;
	background-color: #dfafca;
	background-image: url(../images/tile_back.gif);
	padding: 0.5em 0.2em;
	}
/************************************************************************/

/* This section impacts the boxes particularly on the outside. */

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	border: 1px solid #9f098a;
	border-bottom: 5px solid #9f098a;
	margin-top: 1.5em;		/* Defines how much room at the top of the column */
	}
/************************************************************************/

/* Impacts the display of the content of the side-boxes */

.sideBoxContent {
	background-color: #ffffff;
	padding: 0.4em;
	}
/************************************************************************/

/* Sets the properties of the headings when the mouse hovers overhead. */

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
	color: #FFFF00;
	text-decoration: none;
	} 
/************************************************************************/

/* I like to set the items in the boxes to not show the "visited" link
   color as different, so I set it back to the original olor here.
 */

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
	color: #000000;
	}
/************************************************************************/

/* Align the text for all of the various boxes in the center.  If you don't like it,
   break out the area of interest and reset the alignment to be to the left or the
   right to suit your tastes.
 */

.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;
	}
/************************************************************************/

/* Set the margins on the "bestsellers" wrapper. */

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

/* Setup the bestsellers list to be "ordered", and display the items accordingly. */

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

/* Setup the bestsellers list items, and display the items accordingly. */

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

/* Manage banner box headings here, if you use banners. */

#bannerboxHeading {
	background-color: #9f098a;
	color: #000000;
	font-size: 1.25em;
	font-weight: normal;
	}
/************************************************************************/

/* I don't know what kind of products this impacts. */

#upProductsHeading {
	text-align: left;
	}
/************************************************************************/

/* Same here. */

#upDateHeading {
	text-align: right;
	}
/************************************************************************/


/* categories box parent and child categories */

/* Set the properties of description listed in the at the top of the categories box. */

A.category-top, A.category-top:visited {
	color: #9f098a;
	font-size: 1.15em;
	font-weight: normal;
	text-decoration: none;
	}
/************************************************************************/

/* Set the properties of the links displayed in the categories box. */

A.category-links, A.category-links:visited {
	color: #9f098a;
	text-decoration: none;
	}
/************************************************************************/

/* Set the properties of the links displayed as sub-categories in the categories
   box, as well as products that are displayed there in the box.
 */

A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
	color: #9f098a;
	font-size: 1.15em;
	font-weight: normal;
	text-decoration: none;
	}
/************************************************************************/

/* Make the parent category of the focus stand out a bit more. */

SPAN.category-subs-parent {
	font-size: 1.15em;
	font-weight: bold;
	}
/************************************************************************/

/* Do the same for the sub-category. */

SPAN.category-subs-selected {
	font-size: 1.15em;
	font-weight: bold;
	}
/************************************************************************/

/* end categories box links */

/*misc*/

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

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

.bold {
	font-weight: bold;
	}
/************************************************************************/

/* This impacts how the "odd" rows are displayed in the cart, or in the 
   check-out line.
 */

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

/* This impacts how the "even" rows are displayed in the cart, or in the 
   check-out line.
 */

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

.hiddenField {
	display: none;
	}
/************************************************************************/

.visibleField {
	display: inline;
	}
/************************************************************************/

CAPTION {
	/*display: none;*/
	}
/************************************************************************/

/* This information is specific to the fields listed under "My account". */

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

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

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

/* This defines the color of table header rows. This is overriden elsewhere. */

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

/* This section describes how the header row should look when the products
   are listed on the page.
 */

.productListing-rowheading {
	background-color: #dfafca;
	font-size: 1.15em;
	font-weight: normal;
	background-image: url(../images/tile_back.gif);
	height: 2em;
	color: #FFFFFF;
	}
/************************************************************************/

/* This affects how the site map is displayed. */

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

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

/* This controls how review labels are displayed. */

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}
/************************************************************************/

/* This controls your pop-up windows for various things. */

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: #ffffff;
	}
/************************************************************************/

/* I'm not sure what this controls yet. */

.information {padding: 10px 3px; line-height: 150%;}
/************************************************************************/

/* This impacts the body/content of the shopping cart, as well as the
   shipping estimator.
 */

#shoppingcartBody #shippingEstimatorContent {
	clear: both;
	}
/************************************************************************/

/* I'm not sure where this is impacted either.  It speaks to the address
   label, probably atop an address field-set.
 */

.seDisplayedAddressLabel {
	background-color:#85C285;
	text-align: center;
	}
/************************************************************************/

/* This controls what ever address information is going to be displayed.
   I have't seen this yet.
 */

.seDisplayedAddressInfo {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	}
/************************************************************************/

/* Impacts the "shipto" address. */

#seShipTo {
	padding: 0.2em;
	}
/************************************************************************/