/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 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 4813 2006-10-23 02:13:53Z drbyte $
 */

/* Instructions to have a narrow top header (to match the width of the main site content) can be found around line 206 (search for: #headerWrapperb )

/* I've included 4 color choices - apple green (default), blue, red, and grey. To change from green, simply
comment out the green section, and uncomment the color section you want the site to be. You'll also need to
open up includes/templates/apple_zen/css/stylesheet_header_menu.css to change the colors in the drop down menu. */


/*Black */

#navMainWrapper {
	background:#000000;
	}

#logoWrapperOuter {
	background:#ffffff;
	}

#navEZPagesTopWrapper{
	background:#000000;
	}

#navCatTabsWrapper {
	background:#000000;
	}

#dropMenuWrapper {
	background:#929292;
	}

#navBreadCrumb {
	background:#C8C8C8;
	}

body {
	/* background:url(../images/redgrs.jpg) repeat top left; */
	}

h3.leftBoxHeading, h3.rightBoxHeading {
	background:url(../images/sideboxleft-black.gif) no-repeat top left;
	}

#centerColumnOuter {
	background:url(../images/headerborder.gif) repeat-y;
	}

#centerColumnWrapper2{
	background:url(../images/content_bg.gif) repeat-y 80% 0;
	}

/* eof violet */


/*green

#navMainWrapper {
	background:#D5E88F;
	}

#logoWrapperOuter {
	background:#ffffff;
	}

#navEZPagesTopWrapper{
	background:#D5E88F;
	}

#navCatTabsWrapper {
	background:#BBD17E;
	}

#dropMenuWrapper {
	background:#929292;
	}

#navBreadCrumb {
	background:#BBD17E;
	}

body {
	background:url(../images/site-bg.gif) 0 8.5em repeat-x;
	}

h3.leftBoxHeading, h3.rightBoxHeading {
	background:url(../images/sideboxleft.gif) no-repeat top left;
	}

#centerColumnOuter {
	background:url(../images/headerborder.gif) repeat-y;
	}

#centerColumnWrapper2{
	background:url(../images/content_bg.gif) repeat-y 80% 0;
	}

/* eof green */




/* blue

#navMainWrapper {
	background:#6C99D9;
	}

#logoWrapperOuter {
	background:#ffffff;
	}

#navEZPagesTopWrapper {
	background:#6C99D9;
	}

#navCatTabsWrapper {
	background:#6084C4;
	}

#dropMenuWrapper {
	background:#929292;
	}

#navBreadCrumb {
	background:#6084C4;
	}

body {
	background:url(../images/site-bg-blue.gif) 0 9em repeat-x;
	}

h3.leftBoxHeading, h3.rightBoxHeading {
	background:url(../images/sideboxleft-blue.gif) no-repeat top left;
	}

#centerColumnOuter {
	background:url(../images/headerborder.gif) repeat-y;
	}

#centerColumnWrapper2{
	background:url(../images/content_bg.gif) repeat-y 80% 0;
	}

/*eof blue*/




/* red

#navMainWrapper {
	background:#DC262E;
	}

#logoWrapperOuter {
	background:#ffffff;
	}

#navEZPagesTopWrapper {
	background:#DC262E;
	}

#navCatTabsWrapper {
	background:#C62122;
	}

#dropMenuWrapper {
	background:#929292;
	}

#navBreadCrumb {
	background:#C62122;
	}

body {
	background:url(../images/site-bg-red.gif) 0 9em repeat-x;
	}

h3.leftBoxHeading, h3.rightBoxHeading {
	background:url(../images/sideboxleft-red.gif) no-repeat top left;
	}

#centerColumnOuter {
	background:url(../images/headerborder.gif) repeat-y;
	}

#centerColumnWrapper2{
	background:url(../images/content_bg.gif) repeat-y 80% 0;
	}

/*eof red*/


/* grey

#navMainWrapper {
	background:#D5D5D5;
	}

#logoWrapperOuter {
	background:#ffffff;
	}

#navEZPagesTopWrapper {
	background:#D5D5D5;
	}

#navCatTabsWrapper {
	background:#C8C8C8;
	}

#dropMenuWrapper {
	background:#929292;
	}

#navBreadCrumb {
	background:#C8C8C8;
	}

body {
	/* background:url(../images/site-bg-grey.gif) 0 9em repeat-x; */
	}

h3.leftBoxHeading, h3.rightBoxHeading {
	background:url(../images/sideboxleft-grey.gif) no-repeat top left;
	}

#centerColumnOuter {
	background:url(../images/headerborder.gif) repeat-y;
	}

#centerColumnWrapper2{
	background:url(../images/content_bg.gif) repeat-y 80% 0;
	}

/*eof grey*/
/* eof color and background edits */


/* If you'd like a narrow top header (to match the width of the main content, please uncomment the section below, and then follow the instructions below that.
If you want the diagonal stripe background removed, you'll also need to remove that from the body tag near the top of this stylesheet. */


/* Modified for a narrow top header */

#headerWrapperb {
	background:url(../images/shadowRight.png) repeat-y 100% 0;
	width:71em;
	}

#headerWrapperc {
	background:url(../images/shadowLeft.png) repeat-y 0 0;
	width:71em;
	}



#headerWrappera {
    width:71em; /* change to width:71em; for narrow header (was 100%)*/
	margin:0 auto;
	text-align:center;
	}

#navMainWrapper {
	width:70em; /* change to width:70em; for narrow header (was 100%)*/
	margin:0 auto;
	text-align:center;
	}

#navMain {
    /*width:70em; /* remove width:70em; for narrow header */
	margin:0 auto;
	}

#navEZPagesTopWrapper {
	width:70em; /* change to width:70em; for narrow header (was 100%)*/
	margin:0 auto;
	text-align:center;
	padding:.5em 0;
	}

#navCatTabsWrapper {
	width:70em; /* change to width:70em; for narrow header (was 100%)*/
	margin:0 auto;
	text-align:center;
	padding:.5em 0;
	}

#dropMenuWrapper {
	width:70em; /* change to width:70em; for narrow header (was 100%)*/
    /*float:left;/* remove float:left; for narrow header */
	margin:0 auto;
	text-align:center;
	height:2.18em;
	}

/* end of changes for narrow header */


* {
	margin:0;
	padding:0;
	}

body {
	font-family:tahoma, verdana, arial, helvetica, sans-serif;
	font-size:73.5%;
	color:#000000;  /*main site font color*/
	}

a img {
	border:none;
	}

a:link {
	color:#4f4f4f; /*site links color */
	text-decoration:none;
	}

a:visited {
	text-decoration:none;
	color:#313131;
	}

a:hover {
	color:#000000; /* color when links are hovered over */
	text-decoration:none;
	}

ul, ol {
	text-align:left;
	padding-left:25px;
	margin-left:10px;
	margin-bottom:10px;
	}

h1 {
	font-size:1.3em;
	}

h2 {
	font-size:1.2em;
	}

h3 {
	font-size:1.1em;
	}

h4, h5, h6, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size:1.0em;
	}

LEGEND {
	color:#333;
	}

.biggerText {
	font-size:1.1em;
	}

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

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

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

#categoriesselectContent select {
	font-size:.9em
	}

option {
	padding-right:.5em;
	}


INPUT{
	margin:.3em .5em;
	}


html>/**/body input[type=checkbox], html>/**/body input[type=radio] {
	float:left;
    clear:both;
	}

html>/**/body .checkboxLabel, html>/**/body .radioButtonLabel {
	margin:0 .2em .5em 0;
	float:left;
	}

.ratingRow input[type=radio]{
	float:none;
    margin:0 .5em;
	}

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

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

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

LEGEND {
	font-weight:bold;
	padding:.3em;
	}

h4.optionName {
	line-height:1.5em;
	padding-right:1em;
	}

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

#logo {
	width:271px;  /* To prevent the logo from resizing, simply delete or comment out this section */
	}

#logo img {
	width:100%;
	}

LABEL.inputLabel {
	width:85%;
	float:left;
	margin:0.3em;
	}

LABEL.inputLabelPayment {
	width:15em;
	float:left;
	padding:0.5em;
	}

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

ADDRESS {
	font-style:normal;
	padding-right:40px;
	}

.clearBoth {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

HR {
	height:1px;
	margin:0.5em 0;
	border:none;
	border-bottom:1px solid #9a9a9a;
	}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height:1.8em;
	padding:0.2em;
	}

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

.messageStackSuccess {
	background:#929292;
	}

.messageStackCaution {
	background:#FFFF99;
	}

/*wrappers - page or section containers*/
#mainWrapper {
	text-align:left;
	vertical-align:top;
	}

#headerWrapper {
	width:100%;
	text-align:center;
	margin:0 auto;
	/* background:#ffffff; */  /* Commented out to allow backgroung image to fill to the top for narrow header */
	}

#logoWrapperOuter {
    width:70em;
	margin:0 auto;
	overflow:hidden;
	}

#tagline {
	font-size:1.3em;
	text-align:center;
	padding-top:15px;
	}

#navEZPagesTop {
	font-weight:bold;
	margin:0 auto;
	}

#navCatTabs {
	margin:0 auto;
	}

#navCatTabs a
    {color:white;}	/* Added for white text on black bkg */

#sendSpendWrapper {
	border:1px solid #cacaca;
	float:right;
	margin:0 0 1em 1em;
	}

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

.wrapperAttribsOptions {
	line-height:2em;
	/*padding-bottom:2em; */
	}

/*navigation*/

.navPrevCounter {
	margin:0;
	font-size:0.9em;
	}

.navNextPrevList {
	display:inline;
	white-space:nowrap;
	padding:0 1em;
	list-style-type:none;
	position:relative;
	}

#navSuppWrapper {
	width:100%;
	margin:0 auto;
	margin-top:-6px;
	float:left;
	}

#navSupp {
	margin:0 auto;
	text-align:center;
	width:70.3em;
	padding-top:1em;
	background:url(../images/shadowAlpha_bot.png) repeat-x top;
	}

#navMainLinks {
	float:left;
	position:relative;
	list-style-type:none;
	text-align:left;
	font-size:1.2em;
	}

#navMainLinks a
    {color:white;}	/* Added for white text on black bkg */

#navSupp ul {
	list-style-type:none;
	text-align:center;
	line-height:1.5em;
	padding: 0.3em 0;
	margin:0;
	}

#navCatTabs ul {
	list-style-type:none;
	text-align:center;
	margin:0;
	}

#navMainLinks ul {
	list-style-type:none;
	text-align:center;
	line-height:1.5em;
	padding: 0.2em 0;
	margin:0;
	}

#navSupp li, #navCatTabs li, #navMainLinks li {
	display:inline;
	padding:0 0.5em;
	margin:0;
	}

#navSupp ul li a, #navCatTabs ul li a {
	text-decoration:none;
	margin:0;
	white-space:nowrap;
	display:inline;
	font-weight:bold;
	width:0;
	}

#navEZPagesTOCWrapper {
	font-weight:bold;
	float:right;
	height:1%;
	border:1px solid #000000;
	}

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

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

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

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

#navMainSearch {
	margin:0 auto;
	text-align:right;
	padding:2px 5px 1px 5px;
	}

#navMainSearch input {
	margin:0 auto;
	text-align:right;
	padding:2px 5px;
	}

#navMainSearch input[type=text] {
   	margin: 2px 0 0 1em;
   	}

#navMainSearch input.topSearch{
   	margin: 0 0 5px 2px;
   	padding: 0 0 0 0;
   	vertical-align: bottom;
   	}

#navBreadCrumb {
	text-align:left;
	padding:.5em;
	}

#navBreadCrumb a {
	padding:.5em 1em;
	}

#navBreadCrumb {
	font-size:0.95em;
	}

#navColumnTwo, #navColumnOne {
	float:right;
	position:relative;
	width:20%;
	}

/*The main content classes*/
#contentMainWrapperOuter {
	float:left;
	width:100%;
	}

#contentMainWrapper {
	width:71em;
	margin:0 auto;
	text-align:center;
	}

#centerColumnWrapper {
	background:url(../images/shadowRight.png) repeat-y 100% 0;
	width:71em;
	}

#centerColumnWrapperb {
	background:url(../images/shadowLeft.png) repeat-y 0 0;
	width:71em;
	}

#centerColumnOuter {
	margin:0 .5em;
	width:70em;
    height:15px;
	}

#centerColumnWrapper2 {
	margin:0 .5em;
	width:70em;
	}

#centerColumnWrapper2b {
	margin:0 auto;
	overflow:hidden;
	width:70em;
	}

* html #centerColumnWrapper, * html #centerColumnWrapperb, * html #centerColumnWrapper2b, * html #headerWrapperb, * html #headerWrapperc  {
    background:none!important; /* Hides the transparent shadows from older versions of IE */
	}

.centerColumn {
	width:73%;
	float:right;
	margin-right:1%;
	padding:0 2%;
	text-align:left;
	line-height:1.6em;
	}

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

#productDescription, .shippingEstimatorWrapper {
	padding:0.5em;
	}

.important {
	font-weight:bold;
	}

.gvBal {
	float:right;
	}

#bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding:0.8em;
	}

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

#siteinfoLegal {
	padding-bottom:1em;
	clear:both;
	}

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

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

.tableHeading, #cartSubTotal {
	background:#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.5em 0 0 0;
	}

#cartProdTitle {
	text-align:center
	}

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

.cartQuantityUpdate input {
	margin:0;
	padding:0;
	}

.cartRemoveItemDisplay input[type=checkbox] {
	float:none;
    margin-bottom:1em;
	}

#scUpdateQuantity {
	width:1.8em;
	}

#scProductsHeading {
	padding-left:2em;
	}

.cartQuantity {
	width:4em;
	}

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

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

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

.cartRemoveItemDisplay {
	width:5em;
	}

.cartAttribsList {
	margin-left:1em;
	}

#mediaManager {
 	width:50%;
  	margin:0.2em;
  	padding:0.5em;
  	}

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

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

.orderHistList {
	margin:1em;
	padding:0.2em 0;
	}

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

#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;
	}

#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin:.5em 1em 1em 0 ;
	}

#cartImage {
	margin:0.5em 1em;
	}

.attribImg {
	width:30%;
	margin:0.3em 0;
	}

.attributesComments {}

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

h3.leftBoxHeading, h3.rightBoxHeading {
	font-size:1.2em;
	color:#424242;
	text-transform:uppercase;
	font-weight:normal;
	height:1.5em;
	padding:.2em 0 0 0;
	padding-left:15px;
	}

.centerBoxHeading {
	margin:0;
	background:#eeeeee;
	padding:0.3em 0;
	border-top:2px solid #4f4f4f;
	border-bottom:2px solid #4f4f4f;
	}

.leftBoxHeading, .rightBoxHeading {
	margin:0;
	border-top:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	}

.sideBoxContent {
	font-size:1.1em;
	padding:5px 0;
	}

.sideBoxContent ul {
	text-align:left;
	list-style-type:none;
	padding:0 0 0 15px!important;
	margin:0!important;
	}

.sideBoxContent li {
	padding:.2em 0;
	}

#categoriesContent {
	text-align:left;
	padding-left:15px;
	}

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

#upProductsHeading {
	text-align:left;
	}

#upDateHeading {
	text-align:right;
	}

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

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

.bold {
	font-weight:bold;
	}

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

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

.hiddenField {
	display:none;
	}

.visibleField {
	display:inline;
	}

#accountLinksWrapper li {
	padding:.5em 0;
	display:block;
	list-style:none;
	}

.accountTotalDisplay, .accountTaxDisplay {
	width:20%;
	text-align:right;
	}

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

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

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

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

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

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

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

#descSubLink {
	padding-left:.7em;
	color:#990000;
	}