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

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	/*font-size: 78.5%;*/
	font-size: x-small;
	color: #333;
	background:#999;
	padding-top:25px;
}

a img {border: none; }

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

a:{color:#933}
 
a:visited {
	color: #933;
	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: #333;
	text-decoration: underline;
	}
*/

a:hover, #navEZPagesTOC ul li a:hover, #navCatTabs ul li a:hover {
	color: #333;
	text-decoration: underline;
}

#navMain ul li a:hover, #navSupp ul li a:hover  {
	color: #000;
	text-decoration: underline;
}

a:active {
	color: #0000FF;
	}

h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.3em;
}

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

.biggerText {
	font-size: 1.2em;
	}

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

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

FORM, SELECT, INPUT {
	font-size: 1em;
	margin: 0.2em;
	padding: 0.2em;
}

TEXTAREA {
	margin: auto;
	display: block;
	width: 95%;
	text-align:left
	}
input:focus, select:focus, textarea:focus {
	background: #F0F8FF;
}
FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}
LEGEND {
	font-weight: bold;
	padding: 0.3em;
	}

LABEL, h4.optionName {
	line-height: 1.25em;
	padding: 0.1em;
}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	font-size: 0.95em;
	margin: 0.2em 0.5em;
	}

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

LABEL.inputLabel {
	font-size: 1em;
	width: 10em;
	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: 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: #933;
	color: #ffffff;
	}
.messageStackSuccess {
	background-color: #CBD7AD;
	color: #000000;
	}
.messageStackCaution {
	background-color: #FAFAA6;
	color: #000000;
	}
/*wrappers - page or section containers*/
div#mainWrapper {
	text-align: left;
	width: 750px;
	vertical-align: top;
	padding:0;
	background:#fff;
	border:5px solid #333;
	}

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

#logoWrapper {background: url(../images/shadow.gif) repeat-x bottom;
              height:105px}	  

#contentMainWrapper{padding:0 .5em}

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


/* BOF Top Nav Links with Image (shopping cart/contact us/my account). If you'd like to use text links only, comment out this section, and un-comment out the following section*/

#tagline{float:right;height:70px;width:336px;margin:0;padding:0}

#tagline ul {
  padding:0; 
  height:86px; 
  margin:0;
  width: 336px;
  text-align:center;
  }
#tagline li {
  list-style-type:none; 
  width:0;
  height:67px;
  }
#tagline a {
  width:85px; 
  height:0; 
  color:#000; 
  text-decoration:none; 
  padding-top:66px; 
  background:transparent; 
  z-index:10;
  position:absolute;
  font: 1.5em;
  }
  
#tagline ul {  
  background:#fff url(../images/topnav.gif) no-repeat right top;
  position:absolute;
  }
  #tagline li {
  position:absolute;
  }
* html #tagline a {
  /*height:67px;*/
  height:0;
  }
#tagline a#sc{
  position:absolute;
  /*left:30px; */
  left:-140px;
  top:0px;
  }
#tagline a#cu {
  position:absolute; 
  /*left:140px; */
  left:-30px; 
  top:0px; 
  }
#tagline a#ma{
  position:absolute;
  /*left:250px; */
  left:80px;
  top:0px; 
  }

#tagline i{visibility: hidden}

/*EOF Top Nav Links with Image */


/*beggining of top navigation with link only (shopping cart/contact us/my account) to use these text links, comment out the previous section, and un-comment this section.

#tagline {
  color:#000;
  font-size: 1.5em;
  text-align : center; 
  height:80px;
  z-index:10;
}
#tagline ul{ 
list-style-type:none; 
text-align:center; 
} 
#tagline ul li{ 
display:inline;
} 
#tagline ul li a{ 
float:left; 
margin-left:14px;
width:100px; 
} 
#tagline ul li a:link, #tagline ul li a:visited{text-decoration:none;color:#333} 
#tagline ul li a:link:hover, #tagline ul li a:visited:hover{color:#000;} 
#tagline ul li a i{font-style:normal}

/*end of top navigation with links only */



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

.floatingBox, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #csNotifications, #navEZPagesTOCWrapper {
	margin: 10px 0px;
	width: 46%;
	}
#accountLinksWrapper  {
	margin: 10px 0px;
	width: 75%;
	}
.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {
	margin: 0.5em;
	font-size: 0.9em;
	}
.navSplitPagesLinks {
	margin: 0.5em;
	font-size: 0.9em;
	}
.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding:  1em 0em;
	list-style-type: none;
	}

/*
#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	font-weight: bold;
	color: #fff;
	height: 34px;
	width: 100%;
	font-size:1em;
}
*/

#navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	font-weight: bold;
	color: #fff;
	height: 34px;
	width: 100%;
	font-size:1em;
}

#navMain ul, #navSupp ul, #navCatTabs ul  {
	margin: 0;
	padding:  .7em 0em 0em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
}
#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 {
	text-decoration: none;
	padding: 0em 0.9em;
	margin: 0;
	color: #fff;
}
*/
#navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.9em;
	margin: 0;
	color: #fff;
}
#navMain ul li a, #navSupp ul li a {
	text-decoration: none;
	padding: 0em 0.9em;
	margin: 0;
	color: #000;
}
/*
#navMainWrapper {background: url(../images/gradient.gif) repeat-x;
margin-bottom:5px;
border-bottom:1px solid #333;}
*/


#navMainWrapper {background: url(../images/gradient.gif) repeat-x;
	font-weight: bold;
	color: #000;
	font-size:1em;
	margin-bottom:-3px;
	height: 0px;}

#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: 0 0.5em;
}
.navMainSearch{margin:0 0.5em 0 0.5em}

#navBreadCrumb a{
	color:#333;
}

#navBreadCrumb a:hover{
	color:#933;
}

#navEZPagesTop {
	background-image: url(../images/tile_back.jpg);
	background-repeat: repeat-x;
	border: 1px solid #9a9a9a;
	}
#navBreadCrumb, #navEZPagesTop {
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	}

#navColumnOne {
	padding: 0.5em;
	/*border-left: 1px solid #cccccc;*/
	}
#navColumnTwo {
	padding: 0.5em;
	/*border-right: 1px solid #cccccc;*/
	}
#navColumnTwo a {color:#933}
#navColumnTwo a:hover {color:#333}

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

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

.alert {
	color: #933;
	margin-left: 0.1em;
	font-size: 0.9em;
	}
.advisory {}
.important {
	font-size: 1.1em;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}
.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}

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

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

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

.cartTableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	height: 2.2em;
 }

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

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
	padding: 0.5em 0em;
	}
.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;
	}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #933;
	}

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

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

/*sideboxes*/

.leftBoxContainer {
	border: 1px solid #9a9a9a;
	margin-top: 1.5em;
	}

h2.centerBoxHeading, .productListing-rowheading {
	margin: 0em;
	font-size: 1em;
	color: #333;
	padding: 0.5em 0.2em;
	border-bottom: 1px solid #9a9a9a;
	}
.centerBoxWrapper, .tabTable {
	padding: 0px;
	height: 1%; /*do not remove- IEhack*/
	/*border: 1px solid #9a9a9a;*/
	margin-bottom: 1em;
	}

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

/*h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.1em;
	color: #FFFF00;
	}*/

/*.rightBoxHeading {
	margin: 0em;
	background-color: #663366;
	padding: 0.2em 0em;
	}*/

h3.leftBoxHeading a:hover {
	color: #933;
	text-decoration: underline;
	} 
h3.rightBoxHeading a:hover {
	color: #933;
	text-decoration: underline;
	}
.rightBoxContent {
	background-color: #ffffff;
	margin-bottom: 1em;
	
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navNextPrevWrapperTop, #navNextPrevWrapperBottom, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading, .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: #0000CC;
}
#upProductsHeading {
	text-align: left;
	}
#upDateHeading {
	text-align: right;
	}
	
/*misc*/
.back {
  float: left;
}
.forward {
	float: right;
}

.bold {
	font-weight: bold;
	}

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

.rowEven {
	background-color: #F0F0F0;
	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
	}

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, #infoShoppingCart {
	background-color: #ffffff;
	}
	

.productListing-data {
padding: 1em 0.2em;
}

.navNextPrevWrapper{padding:1em}	
#productlayout {
width: 200px;
float:left;}


/* This is the CSS needed for the Order Step Edition 2 contribution */



div.order_steps {       /* Is needed for the centering in IE */

    width: 100%;

    padding: 0px;

    margin: 0px;

    margin-top: 10px;

    text-align: center;

}



table.order_steps {

    margin-left: auto;

    margin-right: auto;

    width: 95%;       /* Here you can set the total width of this contrib */

    padding-bottom: 10px;

    background-color: transparent;      /* Here you can change the background-color of the whole contrib */

}



tr.order_steps_line_2 {

    height: 5px;        /* Is a part in determining the height of the line */

    padding: 0px;

    margin: 0px;

}



tr.order_steps_line_3 {

    height: 1px;        /* Is a part in determining the height of the line shadow */

    padding: 0px;

    margin: 0px;

}



td.progressbar_active {

    background-color: #586A3A;     /* Determines the active color of the completed part of the line */

    width: 4%;

    padding: 0px;

    margin: 0px;

}



td.progressbar_inactive {

    width: 4%;

    background-color: #9A9A9A;    /* Determines the non-active color of the uncompleted part of the line */

    padding: 0px;

    margin: 0px;

}



td.progressbar_active_shadow {

    background-color: #346C00;     /* Determines the non-active color of the completed part of the line shadow */

    width: 4%;

    padding: 0px;

    margin: 0px;

}



td.progressbar_inactive_shadow {

    width: 4%;

    background-color: #666666;   /* Determines the non-active color of the uncompleted part of the line line*/

    padding: 0px;

    margin: 0px;

}



td.order_steps_text {

    text-align: center;

    vertical-align: top;

    color: #933;        /* Determines the non-active color of the text */

    padding-bottom: 5px; /* Determines the distance between the text and the line */

}



td.order_steps_text_completed {

    text-align: center;

    vertical-align: top;

    color: #8DB18D;        /* Determines the non-active color of the text steps that have been completed*/

    padding-bottom: 10px; /* Determines the distance between the text and the line */

}



td#active_step_text {       /* These are the styles for the active text */

    color: #586A3A;

    font-weight: 700;

    font-size: 1.1em;

}



/* End Order Steps contribution CSS */


/* Login Page */

#logpage{margin: 0px; padding: 2px; height: 265px;}

#returncus {margin-bottom: 1.5em; padding: 0; width: 47%; float: left;}

#returncus label.inputLabel {width: 8em;	float: left;}

.logcontent {padding: 0 5px;}

#newcus legend, #returncus legend  {margin: 0; padding: 0.1em 0.1em; font-weight: bold;}

#newcus {margin-bottom: 1.5em; margin-left: 25px;  padding: 0; width: 47%; float: left; }

/* End Login Page */