Display Problem

[mountbaldybrewing]

Hi all,
Thanks for all of the help so far. I recently noticed I was having problems displaying my products. It appears that the column settings on my main page is off someplace in my stylesheet. If you could point me on to the right direction to look it would be greatly appreciated. Thanks!

My URL is:
www.mountbaldybrewing.com/zencart/

Below is a copy of my Stylesheet.

/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2007 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 5952 2007-03-03 06:18:46Z drbyte $
 */
/********************************init*************************/
           
/*************************************************************/
*{
	margin:0;
	padding:0;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
}


ul{
	list-style:none
	}

blockquote,q{
	quotes:none
	}

blockquote:before,blockquote:after,q:before,q:after{
	content:'';content:none
	}

:focus{
	outline:0
}

ins{
	text-decoration:none
	}

del{

	text-decoration:line-through
}

table{
	border-collapse:collapse;
	border-spacing:0
	}
.clear{
	clear:both
}
.right {
	float:right;
}
.left {
	float:left;
	}
.center{
	text-align:center;
}
/**************************end of init***************************/

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #555555;
	background:url(../../../../../bluecart_premium_zencart_template_v1-0/includes/templates/bluecart/images/background.png) repeat-x 0 0 #FFF  ;
	}

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

a:hover {
	color: #3F89C3;
	
	}

a:active {
	color: #3F89C3;
	}

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 3px;
}

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

FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	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-weight: bold;
	padding: 0.3em;
	}

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

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}

 .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}
#logo{
	width:300px;
	overflow:hidden;
	float:left;
	margin-top: 10px;	
}
#logo img{

}
#taglineWrapper{
	float:right;
	width:610px;
	margin-right:20px;
	margin-top:20px;
}

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: none;
	border-bottom: 1px solid #9a9a9a;
	}


/***********Header********************************/




/******************topmenu***********************/

.topmenu{
	margin-left:10px;
	display:block;
	height:32px;
	width:945px;
	list-style:none;
	border-bottom:1px dashed #3F89C3;
}
.topmenu li{
	list-style:none;
	float:left;
	height:24px;
	text-align:center;
	padding:4px 5px 4px 5px;
	display:inline;
}
.topmenu li a{
	margin:0;
	padding:0;
	display:block;
	font-size:14px;
	font-weight:bold;
	padding:4px 5px 4px 5px;
}

.topmenu li a:link,.topmenu li a:visited{
	color:#3F89C3;
	font-weight:bold;

}


.topmenu li a:hover,.topmenu li a:active{
	color:#FFF;
	font-weight:bold;
	background:#3F89C3;

}











/************************contentMainWrapper*****************/

 #contentMainWrapper{
 	margin:10px 0 0 0 ;
	padding:0px;
	width:960px;
	float:left;

	
 }
#navColumnOneWrapper{
	float:left;
	text-align:left;
}
 #navColumnTwoWrapper{
 	float:right;
 }
 
 
#navColumnOne {
	margin-left:10px;
	background-color: #FFF;
	float:left;
	
	}

#navColumnTwo {
	background-color: #FFF;
	float:right;
	}
#navColumnCenter{
	margin-right:5px;
	background-color: #FFF;
	width:765px;
	float:left;
}






/*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*/


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




#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;
	width: 47%;
	}

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	}
#navMainWrapper{
	background:#3F89C3;
	color:#FFFFFF;
	height:28px;
}
 #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	float:left;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 954px;
	background-color:#3F89C3;
	padding:3px;
	}

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

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #ffffff;
	white-space: nowrap;
	}

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

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

#navMainSearch {
	float: right;
	}

#navBreadCrumb {
	height:18px;
	background-color:#3F89C3;
	padding: 5px 0px 5px 15px;
	margin-top:1px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	width:750px;
	margin-left: 16px;
	}

#navBreadCrumb a{
	color:#FFFFFF;
	text-decoration:none;
}
#navBreadCrumb a,#navBreadCrumb a:link,#navBreadCrumb a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#navBreadCrumb a:hover,#navBreadCrumb a:active{
	text-decoration:underline;
}
#navEZPagesTop {
	background-color: #ffff33;
	
	}

.footerEZ li {
	color:#3F89C3;
}
.footerEZ li a,.footerEZ li a:link,.footerEZ  li a:visited{
	color:#3F89C3;
}
.footerEZ li a,.footerEZ li a:hover,.footerEZ li a:active{
	text-decoration:underline;
}

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

.centerBoxContentsNew{
	margin: 0.7em 0.6em;
	border:1px solid #EEE;
	width:225px;
	float:left;
	padding:3px;
	
}
.product_title{
	text-align:center;
	margin:5px 0px;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	height:29px;
	overflow:hidden;
	}
.product_detail{
	margin:10px 10px 5px 0px;
	width:100px;
	float:right;
	
}
.price{
	font-size:14px;
	color:#3F89C3;
	font-weight:bold;
	text-align:center;
	margin:10px 0px 5px 0px;
	width:100px;
	float:left;
	

}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
	/*font-size: 1.2em;*/
	padding: 0.5em;
	}

.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}
.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 dashed #DDD;
	padding: 1em;
	}

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

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

#mediaManager {
	width: 50%; 
	margin: 0.2em;
	padding: 0.5em;
	}
.mediaTitle {
	float: left;
	}
.mediaTypeLink {
	float: right;
	}

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

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

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

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

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

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

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 1em 1em 0em ;
	}

.categoryIcon {
	border-bottom:1px dashed #EEE;
	padding-bottom:5px;
}
#productGeneral{
	border-left:1px solid #EEE;
	border-right:1px solid #EEE;
	border-bottom:1px solid #EEE;
}

#cartImage {
	margin: 0.5em 1em;
	}

/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents,  {
	margin: 1em 0em;
}
.additionalImages{
	margin: 1em 0em;
	border:none;
	border-top:1px dashed #3F89C4;
}
.centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, {
	margin: 1em 0em;
	border:1px solid #EEE;
}

/****************************sideboxes**************************************/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a {
	font-size: 1.05em;
	color: #ffffff;
	}

.leftBoxHeading, .centerBoxHeading {
	margin: 0em;
	background-color:#3F89C3;
	height:18px;
	padding: 0.5em 0.2em 0.5em 0.2em;
	text-align:center;
	}

.leftBoxContainer {
	border: 1px solid #ffffff;
	}

.sideBoxContent {
	border:1px solid #EEE;
	border-top:none;
	background-color: #ffffff;
	padding: 0.4em;
	margin-bottom:10px;
	}

h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1.2em;
	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, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix,  #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance,  .centerBoxHeading,.rightBoxHeading,  .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .gvBal, .attribImg {
	text-align: center;
	}
.productListing-data{
	text-align: center;
	vertical-align:top;
}
#siteinfoLegal{
	width:960px;
	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, #shoppingCartDefault #PPECbutton {
	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;
	text-align:center;
	}

.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

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;
	}
.information {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody #shippingEstimatorContent {
	clear: both;
	}

.seDisplayedAddressLabel {
	background-color:#85C285;
	text-align: center;
	}
.seDisplayedAddressInfo {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	}
#seShipTo {
	padding: 0.2em;
	}



/*******************************init********************************/

/*******************************Layout*****************************/
#mainWrapper {
	margin:0 auto;
	text-align: left;
	width: 960px;
	background:#FFF;
	-moz-box-shadow: 0 0 1em #EEE;
	-webkit-box-shadow: 0 0 1em #EEE;
    box-shadow: 0 0 1em #EEE;
	
	}
	
	
/************categories customization**************************/
#cat{
	list-style:none;
	
	
}
#cat li{
	padding:5px 3px 5px 13px;
	border:none;
	border-bottom:1px dashed #EEE;
	
}
.top_nav{
	margin-left:15px;
	float:left;
	font-size:10px;
	
}

/************8productDetailsList*/
#productDetailsList{
	margin-left:20px;
	margin-top:20px;
	font-size:11px;
}
#productDetailsList li{
	margin-bottom:3px;
	padding:1px 3px 1px 13px ;
	background:url(../../../../../bluecart_premium_zencart_template_v1-0/includes/templates/bluecart/images/arrow2.gif) no-repeat 0 0  ;
	font-weight:bold;
	
	
}
#productAttributes{
	float:left;
	
}
#productAttributes h1{
 	padding:3px;
	background:#3F89C3;
	color:#FFF;
	
}
.imgLink{
	padding:3px 3px 3px 15px ;
	background:url(../../../../../bluecart_premium_zencart_template_v1-0/includes/templates/bluecart/images/zoom.png) no-repeat 0 0 #FFF;
	color:#3F89C3;
	font-weight:bold;
	
}
.additionalImages {
	padding-top:10px;
}

.list_box{
	margin-top:10px;
	margin-bottom:10px;
	margin-right:5px;
	width:350px;
	height:300px;
	overflow:auto;
	padding:5px 5px;
	float:right;
	border:1px solid #EEE;
	background:url(../../../../../bluecart_premium_zencart_template_v1-0/includes/templates/bluecart/images/new.png) no-repeat top left  ;
	
}
.list_box_featured{
	margin-top:10px;
	margin-bottom:10px;
	margin-right:5px;
	width:350px;
	height:300px;
	overflow:auto;
	padding:5px 5px;
	float:right;
	border:1px solid #EEE;
	background:url(../../../../../bluecart_premium_zencart_template_v1-0/includes/templates/bluecart/images/sale.png) no-repeat top left  ;
}

.main_img{
	text-align:center;
	border:none;
	border-bottom:1px dashed #3F89C4;
	padding-bottom:3px;
	margin-bottom:3px;
}
.productListing{
	border:none;
	border-top:1px dashed #3F89C3;
}
.productListing-odd{
	margin-bottom:5px;
	border:1px solid #EEE;
	padding:3px 3px;
	
}
.productListing-even{
	margin-bottom:5px;
	border:1px solid #EEE;
	padding:3px 3px;
}
.productListing-rowheading{
	height:25px;
	background:#3F89C3;
	color:#FFF;
	font-weight:bold;

}
.productListing-heading{
	vertical-align:middle;
}
.productListing-heading a,.productListing-heading a:link,.productListing-heading a:visited{
	color:#FFF;
	text-decoration:none;
}
productListing-heading a:hover,.productListing-heading a:active{
	color:#FFF;
	text-decoration:underline;
}

.specialsListBoxContents{
	margin-top:15px;
	font-size:12px;
	
	float:left;
}
.current{
	font-weight:bold;
	color:#FFF;
	background:#3F89C3;
	
}
#specialsListing{
	border:none;
	border-bottom: 1px dashed #EEE;
	border-top: 1px dashed #EEE;
	margin-bottom:10px;
	margin-top:10px;
}
.buttonRow {
	margin-top:15px;
}

[mountbaldybrewing]

Please check this link...

The main page is fine...

http://mountbaldybrewing.com/zencart...dex&cPath=25_3

Thanks!

[mountbaldybrewing]

Ok so let me revise this...

Please select Grain from the product listing. It's not messing the columns up in the display whenever I put up a link here. LOL

[dbltoe]

You might want to work on the 200+ html warnings on that page. Many times, fixing those makes things "fall into place."

[mountbaldybrewing]

That doesn't help me out very much.

What editor do you suggest I look at my " 200+ html warnings" in? I'm somewhat of a newbie when it comes to ZenCart. I do have an IS background but it's been 13 years. Any suggestions are greatly appreciated. Thanks!

[dbltoe]

Never use an editor that will leave proprietary code like Dreamweaver, Word, etc. Use a free editor like notepad+
Add html tidy to your firefox browser.
Start with errors/warnings on the home page
Use admin >> tools >> developers tool kit to find the files.
Save them to the bluecart override if possible.
Anytime you purchase (and that includes downloading a "free" template) a template, check the demo for html errors first.
If they have a forum like blingthemes, you might want to look at problems reported there prior to purchasing/downloading.
And, plan on spending five to ten times the price getting it to work with ANY customization. You might be able to fix it yourself over time, but time is money.
I'm sure the template purveyors are not intentionally out to ruin our lives but it's ALWAYS apparent that they have no intent to follow proper coding for Zen Cart. If it looks good to them, they'll sell it.