text on item description pages won't stay stationary?

hi all. i'm running v150 and here's an interesting issue i'm having:

each of my stores items have a specific header image at the top, which has some descriptive text over it. the parent pages have a similar setup, and the text appears fine on these parent pages.. but some reason, something is causing this text to offset on the individual item pages. basically, on the parent pages, the text over the header stays stationary (as it should) if you adjust the size of your browser window, but on the individual item pages, the text moves to the right or to the left if you adjust your browser window to the right or the left. see screenshot link below of how it's offset... and for some reason it's creeping up off the header too:

http://i589.photobucket.com/albums/ss336/ryanpatrickoconnor/screenshot-1.jpg

example parent page (no issue with the text over the header)
http://cultivatedr e e f.com/index.php?main_page=index&cPath=19_1

example specific item page (issue with text over header not staying stationary when browser size is adjusted)
http://cultivatedr e e f.com/index.php?main_page=product_info&cPath=19_1&products_id=76

anything in particular i should be looking at? 1:30am, been looking at code all day :frusty:, my brain is fried! thanks in advance

I'm seeing a problem, but not quite the one you're describing.

On the 'correct' page, the text is all visible. If I zoom the text it just changes in size but not in position. Its left border is in line with the 'D' in 'Dry Goods'.

On the other page, the text also does not change in position, just in size. But it starts out partly hidden and stays that way. The top line is almost hidden under the line of links above it. And its left border is below the 'N' in 'New Additions'.

My seeing something you don't see is likely browser related: I'm using Firefox in Mac OS X. Also settings related: I have Zoom Images Only selected.

If you expect a wide variety of font-size viewing preferences among your assumed audience, either take the text out of the header or make it a graphic.

Incidentally, when I check your pages in a validator, the 'correct' one throws 32 errors and the other 35 errors. I think if the more important of those errors were corrected, the problem you're seeing would likely go away.

Rob

Thanks for your reply. Coming from the graphics world, I have a bad habit of embedding text into images, which I can get to "look great" but is not usually search engine/SEO friendly. So picking up the pieces of what another developer created here, I was hoping to avoid compressing the text into the image headers, although you're right, and it will temporarily "fix" the issue at hand.

I guess the fact that the parent pages don't have this issue (and at least aesthetically, look the same as the description pages) made me think (hope) that it could just be something stupid in the code that's controlling the description pages that I'm overlooking :D

Also, i'm having the side-to-side adjusting text issue in all major browsers (IE, Firefox, Chrome, Safari) however in IE it does not have the issue of the text jumping out of the top of the header.. go figure, IE got something right! Usually it's the other way around and I'm tweaking my code to accommodate IE

Ackkk! I just realized where some of the errors are coming from. I found this bit of code at the begginning of that moving paragraph...

<p class="MsoNormal" style="margin: 0in 0in 0pt;">

That's MicroStuff and should never intrude into good code. Do not copy and paste anything output by Microsoft Word -- or any other word processor for that matter. Use only text editors when working in Zen Cart -- or any other coding project.

Now, I think I see what the CSS is saying... The page that does not work is using a "postion: absolute;" declaration for that block of text, while the page that works does not. So try removing that in whatever stylesheet is affecting that page. Report your result and we'll continue from there.

Rob

Yeah unfortunately I'm cleaning up someone else's mess here (although I'm sure all developers say that when something goes wrong :-)

Good eye on spotting this:

<p class="MsoNormal" style="margin: 0in 0in 0pt;"> 

When I view the page source in Firefox, I see this too.. however when I search for this term (and snippets of it i.e. "MsoNormal" and "0in 0in 0pt") it won't turn any results on the Developers Tool Kit search in any file type? Really weird. I also tried searching in various files that I thought may be connected to it, but can't seem to locate "MsoNormal" anywhere.. Even searching the first couple of words of the actual text (like the words "Generally speaking") doesn't turn results, which makes me believe that these files are maybe not within the Zencart directory but buried somewhere else?

In the database?

Rob

I used the zencart developers tool kit to search for the terms I mentioned within the ZC database but can't locate any of them. it's stumped me

quick update (sort of). i just realized the Mso "code" mentioned above, is not found in the "LPS" categorized items on the site but IS found on all the "SPS" categorized items. Since the issue at hand takes place in both categories, I can't imagine this is causing the issue, yet I would still LOVE to know why the heck the developers tool kit (admin > tools > developers tool kit) won't turn any results (for any file type and while searching all files in the catalog/admin) when putting in this code, snippets of the code, or for that matter, any of the text associated with this problem area.

started another thread about my issue with the developers tool kit since this was sort of drifting off topic.. found my answer on that, removed the mso code! however, like i suspected, the issue is still present. here's an example item-description page without the mso code:

http://cultivatedre e f.com/index.php?main_page=product_info&cPath=19_2&products_id=331 * (spaces in URL to prevent search engine indexing this thread)*

as you can see, the header description text is now hiding on the product description pages, as outlined on the screenshot here:

http://i589.photobucket.com/albums/ss336/ryanpatrickoconnor/screenshot_zpsbffeface.jpg

again, the fact that the parent pages have the same setup (at least visually) and the text over this header area works fine, should probably be some sort of clue? here's a screenshot of a parent page with the correct text displaying:

http://i589.photobucket.com/albums/ss336/ryanpatrickoconnor/screenshot-correct_zps8e16e963.jpg

this area of my stylesheet i think may hold the answers

#categoryImgListing {height: 150px;}
#categoryImgListing p {display: block; position: absolute; width: 275px; height: 140px; top: 101px; color: #fff; left: 525px; height: 140px; border: none;}
#indexProductListCatDescription { margin: -200px 0 50px 200px; border: none; width: 290px; height: 140px; color: #fff; padding-top: 1em;}
#navCategoryIcon, .buttonRow {

i tried removing the "position: absolute;" but that didn't fix it.. next i'm going to play around with the width and height numbers to see what happens.

thanks!

update: i can now get the problem text to move seamlessly with the rest of the page's elements (although the positioning is still way off).. that's essentially what i was trying to do here, although looking back, i think my other posts may have been a bit confusing about the issue that was taking place. i'm going to start a new thread, more relevant to the current issue at hand, which now involves "simply" relocating the text. thanks again for your help rstevenson!

I saw the other thread about the searching. I hadn't realized you thought the search would find things in the database. For that I would just have gone into phpMyAdmin, but now I've learned that isn't necessary. :smile:

I can see I confused you about the mso stuff. I didn't mean to suggest it was the cause of this particular problem, but was simply not advisable and should be removed. Now you've found it and removed it, that's a good thing. It was part of what was throwing errors when I checked the page in a validator.

As for the "position: absolute;" bit, when I removed that (using Firebug in Firefox) the text box that was partly hidden under the top row of links moved down where it could all be seen. It still wasn't in the right place, but it was a start anyway. I expect that bit of CSS was added long ago in an attempt to fix the problem you're seeing now.

I'm curious about the code structure that is displaying that block of text. Is the block of text code being called properly within the code that builds the header? I can't see the text finding its way down to where you show it in the first of those jpgs if it was properly called -- unless of course, there's still a position: absolute pushing it down there. What's the link to that particular page?

Rob

hey rob, the text in question is displaying the same (and out of whack) on all item-description pages, here's an example:

http://c u l tivatedreef.com/index.php?main_page=product_info&cPath=19_2&products_id=331

and here's an example of a parent page where all is good with this text:

http://c u l tivatedreef.com/index.php?main_page=index&cPath=2

it looks a bit different than my previous screenshots, but still generally the same issue. here is my main stylesheet below:

/**


 * 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 {
        height: 100%;
	margin: 0 0 1em;
	font-family:Arial, Helvetica, sans-serif;

	font-size: 75%;

	color: #333;
	background-color:#fff;


	}

a{ color:#333; outline: none;}

a img {border: none; }



a:link, #navEZPagesTOC ul li a {

	color: #333;
	}

 .leftBoxContainer a{ color:#333}
 .leftBoxContainer{}
.centerBoxContentsProducts{ color:#006600; font-weight:bold}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {

	}



a:active {

	color: #0066FF;

	}


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.2em; font-family:Arial, Helvetica, sans-serif; color:#333

	}



.biggerText {

	font-size: 1.2em;

	}



h1, h2, h3, h4, h5, h6 {

	margin: 0.3em;

	}



CODE {

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

	font-size: 1em;

	}


INPUT{
 display: inline;

	font-size: 1em;

	margin: 0.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;
	color:#1385b7

	}
#checkoutPayment, #checkoutShipping{padding-right:5px}
.centerBoxContentsNew a{ color:#dc522b; font-weight:bold; text-align:left}
#gvFaqDefaultHeading, #specialsListingHeading, #advSearchDefaultHeading{ color:#1385b7; font-weight:normal}
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 {margin: 0;}	

#logo img{

	margin-top: 0px;

	float: left;

	padding-right: 10px; 


}



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

	}



/*warnings, errors, messages*/

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

	line-height: 1.8em;

	padding: 0.2em;

	border: 1px solid #1385b7;

	}



.messageStackWarning, .messageStackError {

	background-color: #ff0000;
        text-decoration: blink;

	color: #FFFFFF;

	}



.messageStackSuccess {

	background-color: #99FF99;

	color: #FFFFFF;

	}



.messageStackCaution {

	color:#333;

	}



/*wrappers - page or section containers*/

#mainWrapper {
        
	background-color: #FFF;

	text-align: left;

	width: 1000px;

	vertical-align: top;
        margin: auto;
	}



#contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #popupAdditionalImage, #popupImage {

	margin: 0em;

	padding: 0em;

	}

#headerWrapper{
   margin: 0em;
   padding: 0em;
}

#logoWrapper {
}

#shippingBanner {float: left; margin-left: 30px;}

#navBreadCrumb {
        
        font-size: 1.1em;
        font-weight: bold;
        padding: 0.4em 0 0em 1.5em;
        margin-top: 0;
        margin-bottom: 0;
	border-left: 200px solid #fcac54;
	background-color: #214083;
	color: #FFF;
        height: 23px;
        clear: both;
}

#navBreadCrumb a{color: #ffd175;}

#navColumnOneWrapper, #navColumnTwoWrapper {

	margin: auto;
	margin-top:-15px

	} 

#navColumnOneWrapper {float: left; margin-left: -2px;
}

#tagline {

	padding-top:10px;

	color:#000000;

	font-size: 2em;

	text-align : left;

	padding-left: 300px;

	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;

	}



#navSuppWrapper, #navCatTabsWrapper, #navMainWrapper {

	margin: 0em;

	background-color: #FFF;

	color: #999999;

	height: 1%;

	width: 100%;

}


#navSupp ul, #navCatTabs ul  {

	margin: 0;

	padding:  0.5em 0em;

	list-style-type: none;

	text-align: center;

	line-height: 1.5em;

	}



#navMain ul.back {float: right;  height: 15px; width: 345px; margin: 38px 0 -38px 0; text-align: left; padding: 0.2em;
}
#navMain ul li, #navSupp ul li, #navCatTabs ul li {

	display: inline;

	white-space: nowrap;

	}

#navMain ul li {float: right;}
#navMain ul li a:hover {color: #fcac54;}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {color: #555; font-size: 11pt;

	text-decoration: none;

	padding: 0em 0.5em;

	margin: 0;

	}



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

	}
#categoryImgListing {height: 150px;}
#categoryImgListing p {display: block; position: absolute; width: 275px; height: 140px; top: 101px; color: #fff; left: 525px; height: 140px; border: none;}
#indexProductListCatDescription { margin: -200px 0 50px 200px; border: none; width: 290px; height: 140px; color: #fff; padding-top: 1em;}
#navCategoryIcon, .buttonRow {

	margin: 0.5em;

	}

#navMainSearch {display: none;}
#indexHomeBody #navMainSearch { display: inline; float: left; position: relative; top: 481px; left: -560px;  background: transparent; padding: 0.62em;}


#navEZPagesTop {

	background-image:url(../images/fullwidth_capsule.gif);

	background-repeat:no-repeat;

	font-size: 0.95em;

	font-weight: bold;

	margin: 0em;

	padding: 0.5em 0 0.5em 1.5em;

	}



#navColumnOne, #navColumnTwo {

	background-color: #FFF;

	}

#navColumnOne {margin-left: 0px;}



/*The main content classes*/

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

	vertical-align: top;

	}



/*.content,*/ #productDescription, .shippingEstimatorWrapper {

	/*font-size: 1.2em;*/

	font-size:1.05em;
	font-family:Arial, Helvetica, sans-serif;
	width:45%;
	float:left;

	background-color:#f1fafe;
	border:#1385b7 1px solid;
		-moz-border-radius:5px;
	-webkit-border-radius:5px

	}



.alert {

	color: #FF0000;

	margin-left: 0.5em;

	}

.advisory {}

.important {

	font-weight: bold;

	}

.notice {}

.rating{}

.gvBal {

	float: right;


	}

.centerColumn, #bannerOne, #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {

	padding-left: 0.8em;

	padding-right: 0.0em;

	padding-top:1.5em;

	}

#centerColumn {margin: 1em;}

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

	font-size: 0.9em;

	}



/*Shopping Cart Display*/

/* your shopping cart - Top odd row color */

.rowOdd {

background-color: #000000;

height: 1.5em;

vertical-align: top;

}



/* your shopping cart - Top Even row color */

.rowEven {

height: 1.5em;

vertical-align: top;

}



/* your shopping cart - Top boarder */

TR.tableHeading {

background-color: #000000;

height: 2em;

} 
#productName{ color: #033F5F; font-family: Tahoma, Geneva, sans-serif; font-weight:normal; font-size:1.5em}
#productPrices{ color:#090; font-family:Arial, Helvetica, sans-serif; font-size:1.15em}

.tableHeading TH {

	border-bottom: 1px solid #cccccc;

	}



.tableHeading, #cartSubTotal {

	 }



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

}

.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{float:left; width:49%; margin-left:-15px;
}
#reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {

	margin: 0em 1em 1em 0em ;

	}



.categoryIcon {}

#cartImage {

	margin: 0.5em 1em;

	}

.auth{ margin-left:30px; margin-top:5px; margin-bottom:5px}

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



h3.leftBoxHeading, h3.leftBoxHeading a, h3.leftBoxHeading label, h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading label {

	font-size: 1.06em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	padding-left:4px;
	color: #FFF

	}

	

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover{

	color: #FFFF33;

	text-decoration: none;

	} 



.leftBoxHeading, .rightBoxHeading {

	margin: 0em;

	background: #214083 /*url(includes/templates/cultivatedfrags/images/headerline.gif)*/;
	background-repeat:repeat-x;
	padding-bottom:3px;
	padding-top:1px;
		font-size: 1.06em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: center;
	color: #FFF;
	}


.centerBoxHeading {
background-color:#1385b7;
color:#FFFFFF;
-webkit-border-radius:5px;

	background-repeat:no-repeat;

	padding: 0.2em 0.2em;
	padding-left:5px

	}

#whatsNew .centerBoxHeading a {color: #fff;}

.leftBoxContainer {

	margin-top: 1.5em;

	margin-left: 0.2em;

	margin-right: 0.2em;
	line-height:20px;
	border:solid 1px #92d4f4;
		-webkit-border-radius:5px
	
	}

	

.rightBoxContainer {

	/* align: right; */

	background-image:url(../images/sidebox_middle.gif);

	background-repeat:repeat;

	margin-top: 1.5em;

	margin-left: -0.05em;

	margin-right: 0.2em;

	}	



.sideBoxContent {

	padding: 0.35em;

	}


.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .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;


	}



.rowOdd {

	background-color: #FFF;

	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

	}



TR.tableHeading {

	background-color: #1385b7;

	height: 2em;
	color:#FFF

	}



#siteMapList {

	width: 90%;

	float: right;


	}



.ratingRow {

	margin: 1em 0em 1.5em 0em;

	}



LABEL#textAreaReviews {

	font-weight: normal;

	margin: 1em 0em;

	}

#productDetailsList li {background: #f1fafe; color: green; padding: 0.5em; list-style: none; width: 105px; height: 17px; border: 1px solid #1385b7; border-top: 10px solid #214083; text-align: center; margin: 0 0 1em 7em; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}


#specialsDefault img {width: 145px; height: 145px;}

#productListHeading{ font-weight:normal; font-size:1.8em; color:#1385b7; border-bottom:#1385b7 1px solid}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp {

	background-color: #000000;

	}
/* Products Listing Adding */

.productListing-odd {

background-color: #000000;

height: 75px; /* the 100px should be greater than the (Image - Product Listing Height 80px) default in Admin */

padding: 0.2em 0em 0.2em 0em;

}
.productListing-even {

background-color: #333333;

height: 75px; /* the 100px should be greater than the (Image - Product Listing Height 80px) default in Admin */

padding: 0.2em 0em 0.2em 0em;

}



.productListing-data {

padding: 0.5em 0.2em 0.5em 0.2em;

}
.itemTitle {

text-align: left;
}
.itemTitle a{
font-size:.85em; color:#1385b7
}
.listingDescription{ text-align:center; padding-left:7px; padding-right:5px}
#advSearchDefault{ padding-right:5px}

#phone{ float:right; font-size:1.05em; color:#1385b7; font-weight:bold; margin-right:5px; text-align:right;
}
.phonenumber{ font-size:1.2em}


#blanksidebox3Content {text-align: center;}

.bettertestimonial {font-size: 12px; text-align: left;}
.testimonial p{border-top: 1px solid #92d4f4; margin-top: 0; padding-top: 4px;}
#testimonials-managerContent b a {color: #4da0f0;  margin: 0 0 0 0px; text-decoration: none;}
.testimonial a {color: #fff; font-weight: normal; margin-left: 45px; padding: 0.1em; text-decoration: none; background: #2985d8; border: 2px solid #214083; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; }
#goal {display: none;}
#specialsListing.centerColumn .specialsListBoxContents img {height: 145px; width: 145px;}
#headBanner{display: none;}
#indexCategories .centerBoxContentsSpecials.centeredContent.back img{height: 170px; width: 170px;}

img.listingProductImage {border: 2px solid #1385b7; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
#slimboxWrapper img {border: 2px solid #1385b7; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}


#indexHomeBody #navColumnOneWrapper form{display: none;}
#navColumnOneWrapper form {position: relative; float: right; background: transparent; margin: -13px -9px 0px; height: 26px; width: 190px;  padding: 2px 1px 1px 18px;
}




#container1 { margin-top: -26px; height: 26px; }

#close {color: #fcac54; font-size: 8pt; background: #214083; border: 2px solid #278ebb; padding: 0.5em; position: absolute-top; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}




/*
#blockOne, #blockTwo { height: 26px;  width: 125px;   float: left; background: url(../images/blue_bg.png) repeat-x;  padding: 0 0 0 0;
}
#blockOne a, #blockTwo a {font-size: 12px; font-weight: normal; text-decoration: none; color: #fff; text-align: center; display: inline; line-height: 13px; margin-bottom: 14px;  }
a {outline: 0; border: none;}

#blockOne:hover, #blockTwo:hover {background: url(../images/black_bg.png) repeat-x;}
#blockOne a:hover, #blockTwo a:hover {color: #f0ffff;}*/

#slidingDiv1, #slidingDiv2 {   
        display: none;
	background: #fff;
	padding: 0px;
        border: 1px solid #ccc;
	border-bottom: 15px solid #214083;
     /*   opacity: 0.9; 
        filter:alpha(opacity=90); */
        z-index: 1000; margin-top: -26px;
}

#slidingDiv1 {position: absolute; top: 25px; left: -625px; text-align: center; overflow: hidden;}
#slidingDiv1 #specialsDefault.centerBoxWrapper {background: #fff; border: none;}
#slidingDiv1 h2.centerBoxHeading  {background: #214083; height: 12px; width: 100%; margin: auto auto; margin-top: 20px;}
#slidingDiv1 h2.centerBoxHeading a {padding: 0;}
#slidingDiv1 .centerBoxContentsSpecials.centeredContent.back a { color: #555; background-image: none; padding: 0;}
#slidingDiv1 .centerBoxContentsSpecials.centeredContent.back a:hover {background: #fff;}
#slidingDiv1 .centerBoxContentsSpecials.centeredContent.back img {height: 145px; width: 145px; border: 1px solid #ccc; background: #1385b7; padding: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
#slidingDiv1 .centerBoxContentsSpecials.centeredContent.back { padding-top: 15px; margin-left: 2%; width: 21%; max-width: 22%;}




#slidingDiv2 {position: absolute; top: 25px; left: -500px; text-align: center; overflow: hidden; }
#slidingDiv2 #whatsNew.centerBoxWrapper {margin-top: 1em; }
#slidingDiv2 .centerBoxHeading {height: 12px; width: 100%; margin: auto auto; background: #214083;}
#slidingDiv2 .centerBoxHeading a {padding: 0;}
#slidingDiv1, #slidingDiv2 {width: 1000px; height: 600px; }
#slidingDiv2 .centerBoxContentsNew.centeredContent.back a { color: #555; background-image: none; padding: 0; margin-right: -1px;}
#slidingDiv2 .centerBoxContentsNew.centeredContent.back img {border: 1px solid #ccc; background: #1385b7; padding: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
#slidingDiv2 .centerBoxContentsNew.centeredContent.back {padding-top: 15px; margin-left: 2%; width: 21%; max-width: 22%; }
#slidingDiv2 .centerBoxContentsNew.centeredContent.back:hover {}
#slidingDiv2 .centerBoxContentsNew.centeredContent.back:hover.centerBoxContentsNew.centeredContent.back a{background: #fff;}

#whatsNew .centerBoxHeading {background: #214083;}
#specialsDefault .centerBoxHeading {background: #214083;}
#whatsNew .centerBoxHeading a {color: #fff; }
#whatsNew.centerBoxWrapper h2.centerBoxHeading a:hover {background: #214083;}
#specialsDefault.centerBoxWrapper h2.centerBoxHeading a:hover {background: #214083;}
#specialsDefault img {border: 1px solid #1385b7;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
#specialsListing img {background: #f1fafe; border: 2px solid #1385b7;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
#alsoPurchased img {border: 2px solid #1385b7;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}
.new_products { 
		float: left; 
		width: 15.5%; 
		text-align: center; 
		padding: 3px 28px;
		}

.new_products h3.itemTitle {margin-top: -1em; width: 100%; text-align: center;}

	
.new_products img {height: 145px; width: 145px; background: #f1fafe; border: 2px solid #1385b7;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}



#shoppingcart.leftBoxContainer ul a{text-decoration: none; font-size: 8pt; color: #214083; }
#shoppingcart.leftBoxContainer span.cartOldItem {color: #ff0000; margin-left: -50px; }
#shoppingcart.leftBoxContainer ul li {border-bottom: 1px dotted #214083; margin-bottom: 10px; text-align: center;}
#shoppingcart.leftBoxContainer .cartBoxTotal {color: #ff0000;}
#shoppingcart.leftBoxContainer img {border: 1px solid #1385b7;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}

#emailNotice {
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
   padding: 0.5em;
   width: 98%;
   height: 100px;
   border: 1px solid #ccc;
}

.emailNoticeHeading {
   padding-left: 0.3em;
   font-size: 1.2em;
   color: #ff0000;
   font-weight:bold;
   margin: -15px 0 0 2px;
   background: #fff;
   width: 12%;
}

#wysiwygNotice { 
   position: relative; 
   top: -220px; 
   left: 365px; 
   color: blue; 
   font-size: 12pt;
   text-align: center;
   width: 365px;
   	background-color: #F1FAFE;
	border: 1px solid #1385b7;
	padding:15px;
			-moz-border-radius:5px;
	-webkit-border-radius:5px
}
 #wysiwygNotice a {
 	color: blue;
   text-decoration: none;
 }

#blockOne , #blockTwo  {background: #1f3972; background-image: none;}

We better choose one thread to work on this. And I think I spotted an issue and described it in the other thread, so let's work on it there...

Rob

agreed, thank you sir! replying now