/**
 * 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 3688 2006-06-02 00:12:18Z drbyte $
 */

body { /*	font-family:  Georgia, "Times New Roman", Times, serif;*/ font-family:Arial, Helvetica, sans-serif; font-size: 1em; /*	font-style: italic; */ color: #c0c0c0; background-color: #010101; margin: 0 15px; }
a img { border: none; }
a:link, #navEZPagesTOC ul li a { color: #0099ff; text-decoration: none; }
a:visited { color: #0099ff; 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: #FF0000; }
a:active { color: #FF0000; }
h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4, h5, h6, LABEL, h4.optionName, ADDRESS, .sideBoxContent, legend, .larger { font-size: 1em; }
h1, h2, h3, h4, h5, h6 { /*margin: 0.2em;*/ }
.biggerText { font-size: 1.2em; }
CODE { font-family: arial, verdana, helvetica, sans-serif; font-size: 1em; }
FORM, SELECT, INPUT { display: inline; font-size: 0.8em; margin: 0.1em; }
TEXTAREA { margin: auto; display: block; width: 95%; }
input:focus, select:focus, textarea:focus { background: #fff; color: #010101; }
FIELDSET { padding: 0.5em; margin: 0.5em 0em; border: 1px solid #fff; }
LEGEND { font-weight: bold; padding: 0.3em; color: #fff; }
LABEL.checkboxLabel, LABEL.radioButtonLabel { margin: 0.5em 0.3em; }
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg { float: left; }
LABEL.inputLabel { width: 11em; float: left; }
LABEL.inputLabelPayment { width: 15em; float: left; }
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel { width: 12em; float: left; }
/*P,*/
ADDRESS { padding: 0.5em; }
ADDRESS { font-style: normal; }
.clearBoth { clear: both; }
HR { height: 1px; margin-top: 0.5em; border-bottom: 1px solid #fff; }
/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution { line-height: 1.8em; padding: 0.2em; }
.messageStackWarning, .messageStackError { color: #0099ff; }
.messageStackSuccess { color: #0F6; }
.messageStackCaution { color: #C00000; }
/*wrappers - page or section containers*/
#mainWrapper { background-color: #010101; text-align: left; vertical-align: top; border: 1px solid #010101; }
#logoWrapper { margin: 0em; padding: 5px 10px 0 15px; height:75px; }
#cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage { margin: 0em; padding: 0em; }
#contentMainWrapper { padding-top: .50em; }
#headerWrapper { background-color: #010101; margin: 0em; padding: 0em; }
#navColumnTwoWrapper, #mainWrapper { margin: auto; }
#navColumnOneWrapper { margin: auto; padding-left: 10px; padding-right: 10px;/*	border: 1px solid #c0c0c0;*/ }
#tagline { position: relative; color: #99cc33; font-size: 2em; text-align : center; vertical-align: middle; }
#sendSpendWrapper { border: 1px solid #010101; float: right; margin: 0em 0em 1em 1em; }
.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper { margin: 0; width: 46%; }
.wrapperAttribsOptions { margin: 0.3em 0em; }
/*navigation*/
.navNextPrevWrapper { padding-bottom: 1em; }
.navSplitPagesResult { padding: 1.5em 0em 1.5em 0em; }
.navSplitPagesLinks { padding: 1.5em 0em 1.5em 0em; }
.navNextPrevCounter { margin: 0em; font-size: 0.9em; padding-bottom: 5px; }
.navNextPrevList { display: inline; white-space: nowrap; margin: 0; padding: 1em; list-style-type: none; }
#navMainWrapper { margin: 0em; padding: .6em 0em 0.1em 1.1em; background-color: #010101; font-weight: bold; font-size: 10px; color: #fff; width: 100%; }
#navSuppWrapper, #navCatTabsWrapper { margin: 0em; padding: .60em 0em 0em 0em; background-color: #010101; font-weight: bold; font-size: 1.2em; color: #fff; height: 26px; width: 100%; }
#navEZPagesTop { margin: 0em; padding: 1em 0em 0em 0em; background-color: #010101; font-size: 10px; font-weight: bold; text-align: center; height: 21px; width: 100%; }
.navBottom { margin: 0em; width: 100%; height: 5px; font-size: 8px; color:#999; }
#navMain ul, #navSupp ul, #navCatTabs ul { margin: 0; padding:  0.5em 0em; list-style-type: none; text-align: center; }
#navMain ul li, #navSupp ul li, #navCatTabs ul li { display: inline; white-space: nowrap; }
#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a { list-style:none; line-height:2.5em; text-decoration: none; padding: 0em 0.25em; margin: 0; color: #c0c0c0; font-size: 1.2em; font-family:  Georgia, "Times New Roman", Times, serif; font-style: italic; }
#navMain ul li:hover { text-decoration: none; color: #FFFFFF; }
#navEZPagesTOCWrapper { font-weight: bold; float: right; height: 1%; border: 1px solid #000; }
#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; }
#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription { margin-left: 0.1em; }
#indexProductListCatDescription { font-style: italic; padding-top:10px; }
#indexProductListCatDescription blockquote { color: #fc6; font-family:Arial, Helvetica, sans-serif; font-size: .9em; font-style:normal; }
#navBreadCrumb { font-weight: bold; }
#navColumnOne { background-color: #010101; padding: 0.25em; }
#navColumnTwo { background-color: #010101; padding: 0.25em 0.50em .25em 0.25em !important; padding: 0.25em; }
/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert { vertical-align: top; }
.additionalImages { vertical-align: bottom; border:thin; }
.centerBoxContentsProducts { vertical-align: top; padding: 10px; padding-bottom: 35px; /*	height:375px; */ overflow:auto; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; }
.story { text-align:justify;/*padding:5px; padding-bottom: 0px;*/ font-family: Arial, Helvetica, sans-serif /*Tahoma, Geneva, sans-serif*/; font-size: 0.9em; /*font-style:italic;*//*padding-left: 15%;
padding-right:15%;*/ }
.content { padding-left: 25px; }
#productDescription, .shippingEstimatorWrapper { font-size: 1.2em; font-family: /*"Comic Sans MS", cursive*/ Arial, Helvetica, sans-serif; padding-left: 0.5em; }
.alert { color: #0099ff; margin-left: 0.5em; }
.advisory { }
.important { font-weight: bold; }
.notice { }
.rating { }
.gvBal { float: right; }
#bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix { padding: 0.8em; font-family: Georgia, "Times New Roman", Times, serif; }
.centerColumn { /*width: 80%;*/ padding-left: 10px; font-family: Georgia, "Times New Roman", Times, serif; /*font-size: 1em;*/ color: #c0c0c0; }
.centerColumn h1 { color: #c0c0c0; font-size: 1.4em; /*	font-style:italic;*/ font-family: Georgia, "Times New Roman", Times, serif; }
.centerColumn h2 { color: #FC6; font-size: 1.2em; /*	font-style: italic;*/ font-family: Georgia, "Times New Roman", Times, serif; padding-top: 20px; line-height: 90%; }
.centerColumn blockquote { color: #fc6; }
.itemTitle { font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; font-style:normal; color: #ffffff; }
.smallText, #siteinfoCredits, #siteinfoStatus, #siteinfoIP { font-size: 0.9em; padding: .25em; color: #0099ff; }
#siteinfoLegal { background-image: url(../images/jadestudio_copyright.jpg); background-repeat: no-repeat; background-position:center; height: 57px; margin-bottom: 1px; }
/*Product Listing*/
.productListing-data { border-top: 1px solid #010101; padding: 0.50em 0em 0.50em 0em; }
/*Shopping Cart Display*/
#cartAdd { float: right; text-align: center; margin: 1em; border: 1px solid #010101; padding: 1em; }
.tableHeading TH { }
.tableHeading, #cartSubTotaL { }
#cartSubTotal { border-top: 1px solid #010101; 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 { border-top: 1px solid #010101; padding: 0.5em 0em; }
#cartInstructionsDisplay, .cartTotalsDisplay { padding: 0.5em 0em; }
.cartUnitDisplay, .cartTotalDisplay { text-align: right; padding-right: 0.2em; }
#scUpdateQuantity { width: 2em; }
.cartQuantity { width: 4.7em; }
.cartNewItem { font-weight: bold; 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: 3.5em; }
#cartAttribsList { margin-left: 1em; }
#mediaManager { width: 50%; margin: 0.2em; padding: 0.5em; }
.normalprice, .productSpecialPriceSale { text-decoration: line-through; }
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount { color:#FF3; }
#cartBoxListWrapper ul, #ezPageBoxList ul { list-style-type: none; }
#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal { margin: 0; padding: 0.2em 0em; }
.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: 0em 1em 1em 0em; }
.categoryIcon { }
#cartImage { margin: 0.5em 1em; }
/*Attributes*/
.attribImg { width: 20%; margin: 0.3em 0em; }
.attributesComments { }
/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew { margin: 1em 0em; }
/*sideboxes*/
.columnLeft, .columnRight { }
h3.leftBoxHeading, h3.leftBoxHeading a, h3.leftBoxHeading a:visited, h3.leftBoxHeading a:hover, h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading a:visited, h3.rightBoxHeading a:hover { margin: 0em; font-family: Arial, Helvetica, sans-serif; font-size:.9em; color: #c0c0c0; }
.leftBoxHeading, .rightBoxHeading { margin: 0em; background-color: #010101; padding: 0em; line-height: 25px; }
.leftBoxContainer, .rightBoxContainer { margin-top: 50px; margin-bottom: 1em; background-color: #010101; border: 1px solid #333; }
.rightBox, .leftBoxContent, .sideBoxContent { background-color: #010101; padding: 0.5em; font-size: 1.1em; }
.centerBoxHeading { margin: 0em; border-bottom: 1px solid #010101; }
.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #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: #010101; }
#upProductsHeading { text-align: left; }
#upDateHeading { text-align: right; }
/*misc*/
.back { float: left; margin-left: 25px; }
.forward { float: right; }
.bold { font-weight: bold; }
.rowOdd { height: 1.5em; vertical-align: top; }
.rowEven { height: 1.5em; vertical-align: top; }
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 }
#prevOrders { border: 1px solid #010101; padding: 0.25em; }
TR.tableHeading { height: 2em; }
#siteMapList { width: 90%; float: right; }
.ratingRow { margin: 1em 0em 1.5em 0em; }
LABEL#textAreaReviews { font-weight: normal; margin: 1em 0em; }
#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart { background-color: #010101; }
.testimonial { color: #c0c0c0; background-color: #010101; padding: 0 5px 5px 5px; text-align:left; }
.testimonial p { margin: 0; padding: 5px 0; }
.testimonial span { float:right; }
.testimonialImage { margin: 0; padding: 0; text-align: center; }
.singleTestimonial { font-size: 0.8em; font-family:"Comic Sans MS", cursive; background-color: #010101; text-align:center; width: 600px; margin-left: auto; margin-right: auto; }
ul.MenuBarHorizontal { margin:0; padding-left:180px; list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; font-weight:normal; cursor:default; width:100%; line-height:33px; background-color:#010101; }
ul.MenuBarActive { z-index:1000; }
ul.MenuBarHorizontal li { margin:0; padding:0; background-color:#010101; list-style-type:none; font-size:100%; position:relative; text-align:left; cursor:pointer; width:12em; float:left; }
ul.MenuBarHorizontal ul { margin:0; padding:0; list-style-type:none; background-color:#010101; font-size:100%; z-index:1020; cursor:default; width:10em; position:absolute; left:-1000em; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left:auto; }
ul.MenuBarHorizontal ul li { width:12em; color:#39F; }
ul.MenuBarHorizontal ul ul { position:absolute; margin:-5% 0 0 95%; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left:auto; top:0; }
/*ul.MenuBarHorizontal ul{border:1px solid #CCC;}*/	
ul.MenuBarHorizontal a { display:block; cursor:pointer; /*padding:.2em .2em; */ background-color:#010101; color:#ccc; text-decoration:none; border-bottom: 1px solid #333; color: #999; }
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { color:#FFF; background-color:#010101; width: 12em; } /*180px; }*/
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { color:#FFF; }
ul.MenuBarHorizontal a.MenuBarItemSubmenu { color:#c0c0c0; width: 12em; }
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu { }
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover { }
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { }
ul.MenuBarHorizontal iframe { position:absolute; z-index:1010; filter:alpha(opacity:0.1);
}
@media screen, projection {
ul.MenuBarHorizontal li.MenuBarItemIE { display:inline; float:left; background:#FFF; }
}

ul.MenuBarVertical { margin: 0; padding: 0; list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-size:.9em; font-style:normal; font-weight:normal; cursor: default; width: 100%; line-height:33px; background-color:#010101; }
ul.MenuBarActive { z-index: 1000; }
ul.MenuBarVertical li { margin: 0; padding: 0; background-color:#010101; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 100%; }
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul { margin: 0 0 0 100%; padding-left: 0.1em; padding-right: 0.1em; list-style-type: none; background-color:#010101; font-size: 100%; position: absolute; z-index: 1020; cursor: default; width: 100%; left: -1000em; top: 0; }
ul.MenuBarVertical ul.MenuBarSubmenuVisible { left: 0; }
ul.MenuBarVertical ul li { width: 100%; color:#39F; }
/* Outermost menu container has borders on all sides */
/*ul.MenuBarVertical { /*border: 1px solid #CCC; } */
/* Submenu containers have borders on all sides */

/* ul.MenuBarVertical ul { /*border: 1px solid #CCC; } */
/* Menu items are a light gray block with padding and no text decoration */

ul.MenuBarVertical a { padding-left: 5px; display: block; cursor: pointer; background-color: #111; color: #ccc; text-decoration: none; border-bottom: 1px solid #333; color: #999; }
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus {  color: #FFF; background-color: #222;  }
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible { background-color: #010101; color: #FFF; }
/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu { background-image: url(/SpryAssets/SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; }
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover { background-image: url(/SpryAssets/SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; }
/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe { position: absolute; z-index: 1010; filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
ul.MenuBarVertical li.MenuBarItemIE { display: inline; float: left; background: #010101; }
}
#leftnav { display: block; left: 0; width: 150px; font-family: Arial, Helvetica, sans-serif; font-size:.9em; }
#leftnav ul { list-style-type: none; margin: 0; padding: 0; text-indent: 0; }
#leftnav ul li { margin: 0; padding: 0; text-indent: 0; float: left; width: 100%; }
#leftnav a { display: block; line-height: 33px; padding: 0 10px; border-bottom: 1px solid #333; text-decoration: none; color: #999; }
#leftnav a.last { border-bottom: none; }
#leftnav a:hover, #nav a:active { color: #f3f3f3; color: #fff; }