/**

 * 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 3286 2006-03-28 01:14:04Z drbyte $

 */



body {
	/* background: #F1EEEE url('/store/images/gray_background.jpg') repeat-x top; */
}



a img {border: none; }



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;

}


/* Starting of Added by Jimmy Chan to News Layout */
.newsHeader h1 {
background:#FFFFFF none repeat scroll 0 0;
font-size:24px;
height:30px;
padding:0;
text-align:center;
}
/* End of Added by Jimmy Chan */


h1, h2, h3, h4, h5, h6 {

	margin: 0.3em;

}



CODE {

	font-family: arial, verdana, helvetica, sans-serif;

	font-size: 1em;

	}

FORM, SELECT, INPUT {

	font-size: 1em;

	margin: 0.1em;

}



TEXTAREA {

	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-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: 0.95em;

	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: #ff0000;

	color: #ffffff;

	}

.messageStackSuccess {

	background-color: #99FF99;

	color: #000000;

	}

.messageStackCaution {

	background-color: #FFFF66;

	color: #000000;

	}

/*wrappers - page or section containers*/

#mainWrapper {

	background-color: #ffffff;

	text-align: left;

	width: 1000px;

	vertical-align: top;

	}



#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {

	margin: 0em;

	padding: 0em;

}



#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, #csNotifications, #navEZPagesTOCWrapper {

	margin: 10px 0px;

	width: 50%;

	}



.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;

	}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {

	margin: 0em;

	background-color: #ffffff;

	font-weight: bold;

	color: #9a9a9a;

	height: 1%;

	width: 100%;

}



#navMain ul, #navSupp ul, #navCatTabs ul  {

	margin: 0;

	padding:  0.5em 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.5em;

	margin: 0;

	color: #9a9a9a;

}



#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.5em;

}

#navBreadCrumb {}

#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;

	}



/*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: #FF0000;

	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: #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;

	}



.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;

	}



h2.centerBoxHeading, .productListing-rowheading {

	margin: 0em;

	background-image: url(../images/tile_back.jpg);

	font-size: 1em;

/* Changed by Jimmy Chan*/

/*	Original color: #ffffff; */
	color: #0066FF;
	text-align: left; /* Add by Jimmy chan */

	padding: 0.0em 0.2em; /* Change by Jimmy Chan, original 0.5em 0.2em */

	}

.centerBoxWrapper, .tabTable {

	padding: 0px;

	height: 1%; /*do not remove- IEhack*/

	margin-bottom: 1em;
	
	}



.sideBoxContent {

	/*background-color: #ffffff;

	padding: 0.4em;*/

	}



/*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: #FFFF33;

	text-decoration: none;

	} 

h3.rightBoxHeading a:hover {

	color: #FF0000;

	text-decoration: none;

	}

.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,.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_thumbnail {

width: 75px;

padding-right: 28px;

float: right;

margin: 0px;

  }



#bestsellers .wrapper {

	margin: 5em 5em 5em 5em;

	}



#bestsellers ol {

	padding: ;

	margin-left: 0em;

	}



#bestsellers li {

  margin-left: 0px;

	padding-top: 10px;

	margin: 0em 0em 0em 0em;

	clear: both;

	}



#bannerboxHeading {

	background-color: #0000CC;

}

#upProductsHeading {

	text-align: left;

	}

#upDateHeading {

	text-align: right;

	}

/*misc*/

.back {

  float: left;

}



.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 {

	background-color: #ffffff;

	}

	

#docProductDisplay

{

}	

.navNextPrevWrapper {

 width: 100%;

 margin-top: 0px;

 margin-bottom: 0px;

 padding: 0px;

}

.navNextPrevList {

 display: inline;

 white-space: nowrap;

 margin: 0;

 padding:  0.5em 0em;

 list-style-type: none;

 }

 

.forward {

 float: right;

 }

.c1enteredContent {

 margin: 0 auto; 

 text-align:center; 

} 

#productMainImage 

{ 

 clear: both; 

 float: left; 

 text-align: left; 

 maargin-top: 10px; 

 paadding-left: 50px; 

}

.docProduct, .productGeneral	

{

 clear: both; 

 float: left; 

 text-align: left;
 
 /* Start add by Jimmy Chan */
 /* width: 80%; */
 /* End add by Jimmy Chan */

}



/* This is the CSS needed for the Order Step Edition 2 contribution */



div.order_steps {       /* Is needed for the centering in IE */

    width: 80%

    padding: 0px;

    margin: 0px;

    margin-top: 10px;

    text-align: center;

}



table.order_steps {

    margin-left: auto;

    margin-right: auto;

    width: 80%;       /* 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: #3333FF;     /* 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: #999999;   /* 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: #A7A7A7;        /* 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: #FF3300;

    font-weight: 700;

    font-size: 1.1em;

}



/* End Order Steps contribution CSS */



.worldpay {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  background: #ffffff;

  border:1px solid #469ad2;

  padding: 5px;

}

/* Starting of Added by Jimmy Chan to fix the BG of the center content */
.maincont_mid_td {
	/* background-color: #FFFFFF; */
}
/* End of Added by Jimmy Chan */

