﻿/**

 * 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 3215 2006-03-20 06:05:55Z birdbrain $

 */

body   { color: #000000; background-image: url(../images/bgbody.gif);font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 } 



a img   { text-decoration: none; margin: 5px 0; padding: 0; border-width: 0 }



a:link, #navEZPagesTOC ul li a    { text-decoration: none }

a:visited   { 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: #06c }



a:active   { text-decoration: none; border-width: 0 }



h1  { font-size: 14px }



h2  { font-size: 12px }



h3  { font-size: 12px }



h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .larger { font-size: 12px }



.sideBoxContent  { font-size: 12px }



.biggerText     { color: #3f3f3f; font-size: 11px }



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



CODE {

	font-family: arial, verdana, helvetica, sans-serif;

	font-size: 1em;

	}



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



TEXTAREA {

	float: left;

	margin: auto;

	display: block;

	width: 95%;

	}



input:focus, select:focus, textarea:focus {

	background: #F0F8FF;

	}



FIELDSET {

	padding: 0.5em;

	margin: 0.5em 0em;

	border: 1px solid #cccccc;

	}



LEGEND  { font-size: 12px; font-weight: bold; padding: 0.3em }



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



LABEL.checkboxLabel, LABEL.radioButtonLabel  { font-size: 11px; margin: 0.5em 0.3em }



#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {

	float: left;

	}



LABEL.inputLabel  { color: #3b3b3b; font-size: 11px; padding-left: 10px; 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 0.5em 0.5em 10px }



ADDRESS {

	font-style: normal;

	}



.clearBoth {

	clear: both;

	}



HR {

	height: 1px;

	margin-top: 0.5em;

	border: none;

	border-bottom: 1px solid #9a9a9a;

	}



/*warnings, errors, messages*/

.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {

	line-height: 1.8em;

	padding: 0.2em;

	border: 1px solid #000000;

	}



.messageStackWarning, .messageStackError {

	background-color: #ff0000;

	color: #ffffff;

	}



.messageStackSuccess {

	background-color: #99FF99;

	color: #000000;

	}



.messageStackCaution {

	background-color: #FFFF66;

	color: #000000;

	}



/*wrappers - page or section containers*/

#mainWrapper          { width: 900px !important; vertical-align: top }



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



#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper    { margin: auto } 



#tagline {

	color:#000000;

	font-size: 2em;

	text-align : center;

	vertical-align: middle;

	}



#sendSpendWrapper {

	border: 1px solid #cacaca;

	float: right;

	margin: 0em 0em 1em 1em;

	}



.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper  { margin: 0; padding-left: 10px; width: 47% }



.wrapperAttribsOptions, .wrapperAttribsQtyPrices  { margin: 0.3em 0; padding-left: 20px }



/*navigation*/



.navSplitPagesResult   { color: #06c; font-size: 10px }

.navSplitPagesLinks {}

.navNextPrevCounter    { color: #06c; font-size: 0.9em; font-weight: bold; margin: 5px 0 10px; padding-left: 10px }

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



#navNextPrevWrapper  { padding: 5px 5px 30px 10px }



#navMain        { margin: 0; padding: 0; float: right }



#navMainWrapper, #navCatTabsWrapper   { margin: 0; width: 100%; height: 1% }



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



#navMain ul li, #navSupp ul li, #navCatTabs ul li  { white-space: nowrap; display: inline; margin: 0; padding: 0 }



#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a    { color: #c26f23; font-size: 13px; font-weight: bold; text-decoration: underline; margin: 0 5px 0 0; padding: 0 0.5px 0 0.5em }



#navEZPagesTOCWrapper {

	font-weight: bold;

	float: right;

	height: 1%;

	border: 1px solid #000000;

	}



#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: 10px 0.5em 0.5em }



#navBreadCrumb     { color: #666; font-size: 10px; background-color: white }



#navEZPagesTop  { }



#navBreadCrumb, #navEZPagesTop        { font-size: 10px; font-weight: bold; text-align: left; margin: 5px 0 0; padding: 0 0.5em 0.5em 70px }



#navColumnOne   { background-color: white }



#navColumnTwo  { background-color: white }



/*The main content classes*/



#indexDefault    { color: #313131; margin-top: 0 }



#newProductsDefault, #featuredDefault   { color: #313131; margin: 0 0 10px; padding: 5px 5px 5px 10px; border: solid 1px #ccc }



#newProductsDefaultHeading, #featuredDefaultHeading  { margin: 5px 0 10px }





.productListing-odd   { background-color: #dbebf7 }



#specialsListing    { color: #313131; margin: 5px 0 0; padding: 5px 5px 5px 10px; border: solid 1px #ccc }



#specialsListingHeading, #allProductsDefaultHeading  { margin: 5px 0 10px }



#allProductsDefault    { color: #313131; margin-top: 10px; margin-bottom: 10px; padding: 5px 5px 5px 10px; border: solid 1px #ccc }



#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {

	vertical-align: top;

	}



.shippingEstimatorWrapper  { padding: 0.5em }



#productDescription    { margin: 10px 0 0; padding: 5px 5px 5px 0; border-bottom: 2px solid #ccc }



.listingDescription   { font-size: 10px; margin: 0 0 0 5px }



.content    { font-size: 10px; margin: 0; padding: 5px }

.alert {

	color: #FF0000;

	margin-left: 0.5em;

	}

.advisory   { color: #06c; font-size: 12px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px }

.important {

	font-weight: bold;

	}

.notice {}

.rating{}

.gvBal {

	float: right;

	}

#bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {

	padding: 0.8em;

	}



.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {

	font-size: 10px;

	}



/*Shopping Cart Display*/



.productListing-heading  { margin: 5px 0 10px }



#loginDefault {padding-top: 10px}



#shoppingCartDefault {padding-left: 10px}



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



#productListing     { margin: 0 0 10px; padding: 5px 5px 5px 10px; height: 1%; border: solid 1px #ccc }



#productsListingTopNumber  { color: #06c; margin: 0 0 10px; padding: 0 }

 

.productListing-data  { font-size: 11px }



.tableHeading TH {

	border-bottom: 1px solid #cccccc;

	}



.tableHeading, #cartSubTotal {

	background-color: #e9e9e9;

	 }



.catDescContent  { color: #000; font-size: 12px; padding-left: 10px; font-family:arial;}



#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, #cartInstructionsDisplay, .cartTotalsDisplay, .cartQuantity    { padding: 0.5em 0 }



.cartProductDisplay, .cartQuantity, .cartTotalDisplay, #ccQuantityHeading, #ccProductsHeading, #ccTotalHeading  { font-size: 11px }



.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: #660099;

	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;

	}



.buttonRow  { color: #06c; font-size: 12px }



.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {

	color: #ff0000;

	}



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

	}



#productDetailsList  { margin: 0 0 0 10px; padding-left: 10px }



.amount {

	width: 5.5em;

	}

/*Image Display*/

#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage  { margin: 0 1em 1em 10px }



.categoryIcon  { margin: 5px 0; padding-left: 10px }

#cartImage {

	margin: 0.5em 1em;

	}



.imgLink {padding-left: 10px}







/*Attributes*/

.attribImg {

	width: 20%;

	margin: 0.3em 0em;

}



.attributesComments {}



/*list box contents*/

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured {

	margin: 1em 0em;

	}



/*sideboxes*/

.columnLeft      { text-align: left; margin-right: 0; margin-left: 0; padding-right: 2px; padding-left: 2px; width: 100% }

.columnRight  { text-align: left; margin-right: 0; margin-left: 0; padding-right: 1px; width: 100% }

h3.leftBoxHeading, h3.leftBoxHeading a, h3.rightBoxHeading, h3.rightBoxHeading a     { color: white; font-size: 12px; padding-top: 5px }



.leftBoxHeading      { background-image: url(../images/leftboxheading.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 top; text-align: center; margin-top: 0; margin-right: 0; margin-left: 0; height: 30px }

.rightBoxHeading { background-image: url(../images/rightboxheading.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 top; text-align: left; margin-top: 0; margin-right: 0; margin-left: 0; height: 30px }

.centerBoxHeading  { background-color: #69c; margin: 0; padding: 0.5em 0.2em }

.sideBoxContent     { background-color: #ffffff; margin-bottom: 10px; padding: 0 5px 0 }

.rightBoxContent { background-color: #ffffff; padding-top: 0; padding-bottom: 0 }

.lefttBoxContent { background-color: #ffffff; padding-top: 0; padding-bottom: 0 }

.rightBoxContainer { margin-top: 5px; border-right: 1px solid #c26f23; border-bottom: 1px solid #c26f23; border-left: 1px solid #c26f23 }

.leftBoxContainer { margin-bottom: 5px; border-right: 1px solid #154575; border-bottom: 1px solid #154575; border-left: 1px solid #154575 }

h3.leftBoxHeading a:hover  { color: #06c; text-decoration: none } 



h3.rightBoxHeading a:hover  { color: #06c; text-decoration: none }

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .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: #69c }



#upProductsHeading {

	font-size: 10px; text-align: left;

	}



#upDateHeading {

	font-size: 10px; text-align: right;

	}



/*misc*/

.back      { float: left;  }

.forward {

	float: right;

	}



.bold {

	font-weight: bold;

	}



.rowOdd  { background-color: #e8e8e8; text-align: left; padding-left: 5px; height: 1.5em; vertical-align: middle }



.rowEven  { background-color: #f0f0f0; text-align: left; padding-left: 5px; height: 1.5em; vertical-align: middle }



CAPTION  { font-size: 10px }



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



#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 {

	background-color: #ffffff;

	}





/* categories box parent and child categories */

A.category-top           { color: #1e60a2; font-size: 11px;  text-decoration: none; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 7px center; text-align: left; display: block; padding: 5px 5px 5px 18px; height: 100% }

A.category-top:hover      { color: #06c; font-weight: bold }

A.category-links { color: #1e60a2; font-size: 11px; line-height: 0.8; text-decoration: none; display: block; padding: 5px 0 5px 5px; height: 100% }

A.category-links:hover    { color: white; background-color: #1e60a2 }

A.category-subs, A.category-products  { color: black; font-size: 10px; font-weight: normal; text-decoration: none; background-position: left; display: block; padding: 5px 5px 5px 10px; border-bottom: 1px solid #ccc }

A.category-subs:hover, A.category-products:hover { color: #06c; font-weight: bold }

SPAN.category-subs-parent {

  font-weight: bold;

}

SPAN.category-subs-selected {

  font-weight: bold;

}



/* header css menu */

#headerButton { margin: 0; padding: 8px 0 5px; width: 580px; float: right }

#headerButton a            { color: #437ddd; font-size: 11px; font-weight: bold; text-decoration: none; background: #efefef url(../images/headerarrow.gif) no-repeat center; margin: 0 0 0 -4px; padding: 10px 13px 2px 11px; border-bottom: 3px solid #d6d6d6 }

#headerButton a:hover       { color: white; background: #1e60a2 url(../images/headerarrowhover.gif) no-repeat center top; border-bottom: 3px solid #17497b }

#headerBox1       { text-align: left; margin: 0; width: 290px; height: 100px; float: left; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc }

#headerBox2       { text-align: left; margin: 0; padding: 0; width: 290px; height: 100px; float: right; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc }

.toptable       { text-align: right; margin-top: 0; margin-bottom: -18px; margin-left: 0; padding: 0; width: 850px; height: 100% }

.right  { float: right }

a     { color: #000; font-size: 13px }

.centerBoxWrapper        { text-align: center; margin: 0 -7px 0 0; position: relative; height: 1% }

.centerColumn      { font-size: 13px; background-color: white; margin: 0 5px; padding-top: 0; padding-right: 0; padding-left: 3px }

.manufactureBox  { padding-top: 5px; padding-bottom: 5px }

.centerBoxContentsNew        { font-size: 10px; margin: 3px 3px 0 0; padding: 5px 3px; width: 100%; height: 180px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #ccc #999 #999 #ccc }

.centerBoxContentsFeatured  { font-size: 10px; margin: 3px 3px 0 0; padding: 5px 3px; width: 100%; height: 180px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #ccc #999 #999 #ccc }

.centerBoxContentsSpecials   { font-size: 10px; margin: 3px 3px 0 0; padding: 5px 3px; width: 100%; height: 180px; border-style: solid; border-width: 1px 2px 2px 1px; border-color: #ccc #999 #999 #ccc }

SCOPE  { font-size: 10px }

.left  { text-align: left }

.newproductBox  { width: 100%; border: solid 1px red }

.price { background-color: olive; float: right }

.logo  { margin: 0; padding: 0; float: left }

.newprodheading    { color: black; background-image: url(../images/newprodheading.gif); background-position: left top;

background-repeat: no-repeat; text-align: left; margin: 0 0 -8px; padding: 8px 0 0 35px; height: 30px }

.specialHeading { color: black; background-image: url(../images/specialheading.gif); background-position: left top;

background-repeat: no-repeat; text-align: left; margin: 10px 0 -8px; padding: 8px 0 0 35px; height: 30px }

.featureprodHeading  { color: black; background-image: url(../images/feauturedprodheading.gif); background-position: left top;

background-repeat: no-repeat; text-align: left; margin: 10px 0 -8px; padding: 8px 0 0 35px; height: 30px }

.headerbox1table    { color: white; font-size: 11px; background-color: #154575; margin: 0; padding: 0; width: 290px; height: 100px }

.headerbox2table   { color: white; font-size: 11px; background-color: #ad631f; text-align: center; display: inherit; margin: 0; padding: 0; width: 290px; height: 100px !important; float: left }

.tablemaincolumn   { margin: 5px 0 0 }

 #navSuppWrapper      { background-repeat: repeat-x; margin: 5px 0 0; padding: 0; height: 1% }

.top-one  { color: white; font-size: 14px; font-weight: bold; background-color: #184e83; text-align: left; margin: 0; padding: 5px 5px 5px 20px }

.top-two   { color: white; font-size: 14px; font-weight: bold; background-color: #c26f23; text-align: left; margin: 0; padding: 5px 5px 5px 20px; width: 290px }

A.white-text   { color: white; font-size: 11px; text-align: left }

.go { vertical-align: middle }

.form_search  { color: black; font-size: 12px; font-family: tahoma; text-align: left; margin-right: 8px; margin-left: 5px; width: 90px; height: 16px; vertical-align: middle; border: solid 1px gray }

A.advance-search  { color: white; font-size: 11px; padding-top: 1px; padding-bottom: 1px; border-top: 1px solid white; border-bottom: 1px solid white }

#siteinfoLegal    { color: #1e60a2; background-color: #f7f8fb; text-align: center; margin: 10px 0 5px; padding-top: 5px; border-top: 1px solid #17497b }

#productName { margin: 10px 0; padding: 0 0 0 10px }

#productAttributes  { height: 1% }

 { color: #06c }

 { color: white; font-weight: bold; line-height: 1.2; background-color: #17497b; display: block }



#informationContent a     { color: #06c; text-decoration: none; display: block; padding: 5px; height: 1%; border-bottom: 1px solid #ccc }

#informationContent a:hover    { color: white; font-weight: bold; background-color: #1e60a2; height: 1% }

#moreinformationContent a     { color: #06c; text-decoration: none; display: block; padding: 5px; height: 1%; border-bottom: 1px solid #ccc }

#moreinformationContent a:hover    { color: white; font-weight: bold; background-color: #1e60a2; height: 1% }

#ezpagesContent a      { color: #c26f23; text-decoration: none; display: block; padding: 5px; height: 1%; border-bottom: 1px solid #ccc }

#ezpagesContent a:hover     { color: white; font-weight: bold; background-color: #c26f23; height: 1% }
