Customisation - Templates - Stylesheets - Annotated P2

From Zen Cart(tm) Wiki

Annotated Main CSS Stylesheet (Part 2)

/* BOF The main content classes*/

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

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
       /*font-size: 1.2em;*/
 	padding: 0.5em; /* The amount of space between the border and the content of the element. */
	}

.alert {
	color: #FF0000; /* This property allows authors to specify the color of an element. (text) */
	margin-left: 0.5em; /* This property sets the margins of an element */
	}
.advisory {}
.important {
	font-weight: bold; /* This property is used to specify the weight of the font. */
	}
.notice {}
.rating{}
.gvBal {
	float: right; /* This property allows authors to wrap text around an element. */
	}
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em; /* The amount of space between the border and the content of the element. */
	}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em; /* This property is used to modify the size of the displayed font. */
	}
 
/* EOF The main content classes*/

/* BOF Shopping Cart Display*/

#cartAdd {
	float: right; /* This property allows authors to wrap text around an element. */
	text-align: center; /* This property can be applied to block-level elements (P, H1, etc.)
to align the element's text. (left, center, right, justify) */
	margin: 1em; /* This property sets the margins of an element */
	border: 1px solid #000000; /* This property is a shorthand for setting the width,
style, and color of an element's border. */
	padding: 1em; /* The amount of space between the border and the content of the element. */
	}

.tableHeading TH {
	border-bottom: 1px solid #cccccc;
	}

.tableHeading, #cartSubTotal {
	background-color: #e9e9e9; /* This property sets the background color of an element */
	 }

#cartSubTotal {
	border-top: 1px solid #cccccc; /* This property is a shorthand for setting the width,
style, and color of an element's border. */
	font-weight: bold; /* This property is used to specify the weight of the font. */
	text-align: right; /* This property can be applied to block-level elements (P, H1, etc.)
to align the element's text. (left, center, right, justify) */
	line-height: 2.2em;
	padding-right: 2.5em;
	}

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

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay,
.cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
	padding: 0.5em 0em; /* The amount of space between the border and the content
of the element. */
	}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right; /* This property can be applied to block-level elements (P, H1, etc.)
to align the element's text. (left, center, right, justify) */
	padding-right: 0.2em;
	}

#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	color: #33CC33; /* This property allows authors to specify the color of an element. (text) */
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #660099; /* This property allows authors to specify the color of an element. (text) */
	position: relative; /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align: right; /* This property can be applied to block-level elements (P, H1, etc.)
to align the element's text. (left, center, right, justify) */
	font-weight: bold; /* This property is used to specify the weight of the font. */
	}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList {
	margin-left: 1em; /* This property sets the margins of an element */
	}

#mediaManager {
  width: 50%; 
  margin: 0.2em; /* This property sets the margins of an element */
  padding: 0.5em; /* The amount of space between the border and the content
of the element. */
  }

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;/* This property allows text to be decorated with one of five values:
underline, overline, line-through, blink, or the default, none. */
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000; /* This property allows authors to specify the color of an element. (text)  */
	}

.orderHistList {
	margin: 1em; /* This property sets the margins of an element */
	padding: 0.2em 0em; /* The amount of space between the border and the content
of the element. */
	} 

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

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0; /* This property sets the margins of an element */
	padding: 0.2em 0em; /* The amount of space between the border and the content
of the element. */
	} 

#cartBoxEmpty, #cartBoxVoucherBalance {
  font-weight: bold; /* This property is used to specify the weight of the font. */
  }

.totalBox {
	width: 5.5em;
	text-align: right; /* This property can be applied to block-level elements (P, H1, etc.)
to align the element's text. (left, center, right, justify)  */
	padding: 0.2em; /* The amount of space between the border and the content
of the element. */
	}

.lineTitle, .amount {
	text-align: right; /* This property can be applied to block-level elements (P, H1, etc.)
to align the element's text. (left, center, right, justify) */
	padding: 0.2em; /* The amount of space between the border and the content
of the element. */
	}

.amount {
	width: 5.5em;
	}

/* EOF Shopping Cart Display*/

/* BOF Image Display*/

#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage,
#reviewWriteMainImage {
	margin: 0em 1em 1em 0em ; /* This property sets the margins of an element */
	}

.categoryIcon {}

#cartImage {
	margin: 0.5em 1em; /* This property sets the margins of an element */
	}

/* EOF Image Display*/

/* BOF Attributes*/

.attribImg {
	width: 20%;
	margin: 0.3em 0em; /* This property sets the margins of an element */
}

.attributesComments {}

/* EOF Attributes*/

/* BOF list box contents*/

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages,
.centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured,
.centerBoxContentsNew {
	margin: 1em 0em; /* This property sets the margins of an element */
	}

/* EOF list box contents*/ 

/* BOF sideboxes*/

.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a {
	font-size: 1em; /* This property is used to modify the size of the displayed font. */
	color: #ffffff; /* This property allows authors to specify the color of an element. (text) */
	}

.leftBoxHeading, .centerBoxHeading {
	margin: 0em; /* This property sets the margins of an element */
	background-color: #FF6699; /* This property sets the background color of an element */
	padding: 0.5em 0.2em; /* The amount of space between the border and the content
of the element. */
	}

.leftBoxContainer {
	border: 1px solid #ffffff; /* This property is a shorthand for setting the width,
style, and color of an element's border. */
	margin-top: 1.5em; /* This property sets the margins of an element */
	}

.sideBoxContent {
	background-color: #ffffff; /* This property sets the background color of an element */
	padding: 0.4em; /* The amount of space between the border and the content of the element. */
	}

h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.1em; /* This property is used to modify the size of the displayed font. */
	color: #FFFF00; /* This property allows authors to specify the color of an element. (text) */
	}

.rightBoxHeading {
	margin: 0em; /* This property sets the margins of an element */
	background-color: #663366; /* This property sets the background color of an element */
	padding: 0.2em 0em; /* The amount of space between the border and the content
of the element. */
	}

h3.leftBoxHeading a:hover {
	color: #FFFF33; /* This property allows authors to specify the color of an element. (text) */
	text-decoration: none;/* This property allows text to be decorated with one of five values:
underline, overline, line-through, blink, or the default, none. */
	} 

h3.rightBoxHeading a:hover {
	color: #FF0000; /* This property allows authors to specify the color of an element. (text) */
	text-decoration: none;/* This property allows text to be decorated with one of five values:
underline, overline, line-through, blink, or the default, none. */
	}

.rightBoxContent {
	background-color: #ffffff; /* This property sets the background color of an element */
	margin-bottom: 1em; /* This property sets the margins of an element */
	}

.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; /* This property can be applied to block-level elements (P, H1, etc.)
to align the element's text. (left, center, right, justify)  */
	}

#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em; /* This property sets the margins of an element */
	}

#bestsellers ol {
	padding: 0; /* The amount of space between the border and the content of the element. */
	margin-left: 1.1em; /* This property sets the margins of an element */
	}

#bestsellers li {
	padding: 0; /* The amount of space between the border and the content
of the element. */
	margin: 0.3em 0em 0.3em 0em; /* This property sets the margins of an element */
	}

#bannerboxHeading {
	background-color: #0000CC; /* This property sets the background color of an element */
}

#upProductsHeading {
	text-align: left; /* This property can be applied to block-level elements (P, H1, etc.)
to align the element's text. (left, center, right, justify) */
	}

#upDateHeading {
	text-align: right; /* This property can be applied to block-level elements (P, H1, etc.)
to align the element's text. (left, center, right, justify) */
	}

/* EOF sideboxes*/

/* BOF misc*/

.back {
	float: left; /* This property allows authors to wrap text around an element. */
	}

.forward {
	float: right; /* This property allows authors to wrap text around an element. */
	}

.bold {
	font-weight: bold; /* This property is used to specify the weight of the font. */
	}

.rowOdd {
	background-color: #E8E8E8; /* This property sets the background color of an element */
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0; /* This property sets the background color of an element */
	height: 1.5em;
	vertical-align: top;
	}

CAPTION {
	/*display: none;*/
	}

#myAccountGen li, #myAccountNotify li {
	margin: 0; /* This property sets the margins of an element */
	} 

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right; /* This property can be applied to block-level elements (P, H1, etc.)
to align the element's text. (left, center, right, justify) */
	/*vertical-align: top*/
	}

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

TR.tableHeading {
	background-color: #cacaca; /* This property sets the background color of an element */
	height: 2em;
	}

#siteMapList {
	width: 90%;
	float: right; /* This property allows authors to wrap text around an element. */
	}

.ratingRow {
	margin: 1em 0em 1.5em 0em; /* This property sets the margins of an element */
	}

LABEL#textAreaReviews {
	font-weight: normal; /* This property is used to specify the weight of the font. */
	margin: 1em 0em; /* This property sets the margins of an element */
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp,
#popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: #ffffff; /* This property sets the background color of an element */
	}

/* EOF misc*/