Change Info Page Layout

[wmorris]

Ok,,, here is my the tpl_product_info_display.php for Cherry Zen Template and Stylesheet (CSS) I have managed to move some things around put I still can get my product image centered and the price, number of units and item number moved to the center it is still on the left of the page. Also I am still trying to put the add cart under where it says Number of units. I will post the stylesheet code in a seperate post.

<?php
/**
 * Page Template
 *
 * Loaded automatically by index.php?main_page=product_info.<br />
 * Displays details of a typical product
 *
 * @package templateSystem
 * @copyright Copyright 2003-2011 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: tpl_product_info_display.php 19690 2011-10-04 16:41:45Z drbyte $
 */
 //require(DIR_WS_MODULES . '/debug_blocks/product_info_prices.php');
?>
<div class="centerColumn" id="productGeneral">

<!--bof Form start-->
<?php echo zen_draw_form('cart_quantity', zen_href_link(zen_get_info_page($_GET['products_id']), zen_get_all_get_params(array('action')) . 'action=add_product', $request_type), 'post', 'enctype="multipart/form-data"') . "\n"; ?>
<!--eof Form start-->

<?php if ($messageStack->size('product_info') > 0) echo $messageStack->output('product_info'); ?>

<!--bof Category Icon -->
<?php if ($module_show_categories != 0) {?>
<?php
/**
 * display the category icons
 */
require($template->get_template_dir('/tpl_modules_category_icon_display.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_category_icon_display.php'); ?>
<?php } ?>
<!--eof Category Icon -->

<!--bof Prev/Next top position -->
<?php if (PRODUCT_INFO_PREVIOUS_NEXT == 1 or PRODUCT_INFO_PREVIOUS_NEXT == 3) { ?>
<?php
/**
 * display the product previous/next helper
 */
require($template->get_template_dir('/tpl_products_next_previous.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_products_next_previous.php'); ?>
<?php } ?>
<!--eof Prev/Next top position-->

<!--bof Product Name-->
<h1 id="productName" class="productGeneral"><?php echo $products_name; ?></h1>
<!--eof Product Name-->

<!--bof Main Product Image -->
<?php
  if (zen_not_null($products_image)) {
  ?>
<?php
/**
 * display the main product image
 */
   require($template->get_template_dir('/tpl_modules_main_product_image.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_main_product_image.php'); ?>
<?php
  }
?>
<!--eof Main Product Image-->
<!--bof Additional Product Images -->
 <?php
 /**
 * display the products additional images
 */
 require($template->get_template_dir('/tpl_modules_additional_images.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_additional_images.php'); ?>
 <!--eof Additional Product Images -->
 <!--bof Product Price block -->
<h2 id="productPrices" class="productGeneral">
<?php
// base price
  if ($show_onetime_charges_description == 'true') {
    $one_time = '<span >' . TEXT_ONETIME_CHARGE_SYMBOL . TEXT_ONETIME_CHARGE_DESCRIPTION . '</span><br />';
  } else {
    $one_time = '';
  }
  echo $one_time . ((zen_has_product_attributes_values((int)$_GET['products_id']) and $flag_show_product_info_starting_at == 1) ? TEXT_BASE_PRICE : '') . zen_get_products_display_price((int)$_GET['products_id']);
?></h2>
<!--eof Product Price block -->
 <!--bof Product details list  -->
<?php if ( (($flag_show_product_info_model == 1 and $products_model != '') or ($flag_show_product_info_weight == 1 and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name))) ) { ?>
<ul id="productDetailsList" class="floatingBox back">
  <?php echo (($flag_show_product_info_model == 1 and $products_model !='') ? '<li>' . TEXT_PRODUCT_MODEL . $products_model . '</li>' : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_weight == 1 and $products_weight !=0) ? '<li>' . TEXT_PRODUCT_WEIGHT .  $products_weight . TEXT_PRODUCT_WEIGHT_UNIT . '</li>'  : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_quantity == 1) ? '<li>' . $products_quantity . TEXT_PRODUCT_QUANTITY . '</li>'  : '') . "\n"; ?>
  <?php echo (($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name)) ? '<li>' . TEXT_PRODUCT_MANUFACTURER . $manufacturers_name . '</li>' : '') . "\n"; ?>
</ul>
<br class="clearBoth" />
<?php
  }
?>
<!--eof Product details list -->
<br class="clearBoth" />
<!--bof Add to Cart Box -->
<?php
if (CUSTOMERS_APPROVAL == 3 and TEXT_LOGIN_FOR_PRICE_BUTTON_REPLACE_SHOWROOM == '') {
  // do nothing
} else {
?>
            <?php
    $display_qty = (($flag_show_product_info_in_cart_qty == 1 and $_SESSION['cart']->in_cart($_GET['products_id'])) ? '<p>' . PRODUCTS_ORDER_QTY_TEXT_IN_CART . $_SESSION['cart']->get_quantity($_GET['products_id']) . '</p>' : '');
            if ($products_qty_box_status == 0 or $products_quantity_order_max== 1) {
              // hide the quantity box and default to 1
              $the_button = '<input type="hidden" name="cart_quantity" value="1" />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
            } else {
              // show the quantity box
    $the_button = PRODUCTS_ORDER_QTY_TEXT . '<input type="text" name="cart_quantity" value="' . (zen_get_buy_now_qty($_GET['products_id'])) . '" maxlength="6" size="4" /><br />' . zen_get_products_quantity_min_units_display((int)$_GET['products_id']) . '<br />' . zen_draw_hidden_field('products_id', (int)$_GET['products_id']) . zen_image_submit(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT);
            }
    $display_button = zen_get_buy_now_button($_GET['products_id'], $the_button);
  ?>
  <?php if ($display_qty != '' or $display_button != '') { ?>
    <div id="cartAdd">
    <?php
      echo $display_qty;
      echo $display_button;
            ?>
          </div>
  <?php } // display qty and button ?>
<?php } // CUSTOMERS_APPROVAL == 3 ?>
<!--eof Add to Cart Box-->
<!--bof Product description -->
<?php if ($products_description != '') { ?>
<div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div>
<?php } ?>
<!--eof Product description -->
<br class="clearBoth" />
<!--bof free ship icon  -->
<?php if(zen_get_product_is_always_free_shipping($products_id_current) && $flag_show_product_info_free_shipping) { ?>
<div id="freeShippingIcon"><?php echo TEXT_PRODUCT_FREE_SHIPPING_ICON; ?></div>
<?php } ?>
<!--eof free ship icon  -->
<!--bof Attributes Module -->
<?php
  if ($pr_attr->fields['total'] > 0) {
?>
<?php
/**
 * display the product atributes
 */
  require($template->get_template_dir('/tpl_modules_attributes.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_attributes.php'); ?>
<?php
  }
?>
<!--eof Attributes Module -->

<!--bof Quantity Discounts table -->
<?php
  if ($products_discount_type != 0) { ?>
<?php
/**
 * display the products quantity discount
 */
 require($template->get_template_dir('/tpl_modules_products_quantity_discounts.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_products_quantity_discounts.php'); ?>
<?php
  }
?>
<!--eof Quantity Discounts table -->

<!--bof Prev/Next bottom position -->
<?php if (PRODUCT_INFO_PREVIOUS_NEXT == 2 or PRODUCT_INFO_PREVIOUS_NEXT == 3) { ?>
<?php
/**
 * display the product previous/next helper
 */
 require($template->get_template_dir('/tpl_products_next_previous.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_products_next_previous.php'); ?>
<?php } ?>
<!--eof Prev/Next bottom position -->

<!--bof Reviews button and count-->
<?php
  if ($flag_show_product_info_reviews == 1) {
    // if more than 0 reviews, then show reviews button; otherwise, show the "write review" button
    if ($reviews->fields['count'] > 0 ) { ?>
<div id="productReviewLink" class="buttonRow back"><?php echo '<a href="' . zen_href_link(FILENAME_PRODUCT_REVIEWS, zen_get_all_get_params()) . '">' . zen_image_button(BUTTON_IMAGE_REVIEWS, BUTTON_REVIEWS_ALT) . '</a>'; ?></div>
<br class="clearBoth" />
<p class="reviewCount"><?php echo ($flag_show_product_info_reviews_count == 1 ? TEXT_CURRENT_REVIEWS . ' ' . $reviews->fields['count'] : ''); ?></p>
<?php } else { ?>
<div id="productReviewLink" class="buttonRow back"><?php echo '<a href="' . zen_href_link(FILENAME_PRODUCT_REVIEWS_WRITE, zen_get_all_get_params(array())) . '">' . zen_image_button(BUTTON_IMAGE_WRITE_REVIEW, BUTTON_WRITE_REVIEW_ALT) . '</a>'; ?></div>
<br class="clearBoth" />
<?php
  }
}
?>
<!--eof Reviews button and count -->


<!--bof Product date added/available-->
<?php
  if ($products_date_available > date('Y-m-d H:i:s')) {
    if ($flag_show_product_info_date_available == 1) {
?>
  <p id="productDateAvailable" class="productGeneral centeredContent"><?php echo sprintf(TEXT_DATE_AVAILABLE, zen_date_long($products_date_available)); ?></p>
<?php
    }
  } else {
    if ($flag_show_product_info_date_added == 1) {
?>
      <p id="productDateAdded" class="productGeneral centeredContent"><?php echo sprintf(TEXT_DATE_ADDED, zen_date_long($products_date_added)); ?></p>
<?php
    } // $flag_show_product_info_date_added
  }
?>
<!--eof Product date added/available -->

<!--bof Product URL -->
<?php
  if (zen_not_null($products_url)) {
    if ($flag_show_product_info_url == 1) {
?>
    <p id="productInfoLink" class="productGeneral centeredContent"><?php echo sprintf(TEXT_MORE_INFORMATION, zen_href_link(FILENAME_REDIRECT, 'action=url&goto=' . urlencode($products_url), 'NONSSL', true, false)); ?></p>
<?php
    } // $flag_show_product_info_url
  }
?>
<!--eof Product URL -->

<!--bof also purchased products module-->
<?php require($template->get_template_dir('tpl_modules_also_purchased_products.php', DIR_WS_TEMPLATE, $current_page_base,'templates'). '/' . 'tpl_modules_also_purchased_products.php');?>
<!--eof also purchased products module-->

<!--bof Form close-->
</form>
<!--bof Form close-->
</div>

[wmorris]

CSS Stylesheet

CSS 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 $
 */
 
/* This section controls the colors for the site. Change red (default) to one of these options: orange, yellow, green, blue, purple, or grey) */
input#searchTop {
	background: url("../images/red/rounded-search-input-top.gif") top left no-repeat;
}
#navMainWrapper {
	background:url("../images/red/header.gif");
}
h3.leftBoxHeading, h3.rightBoxHeading {
	background: url("../images/red/sideboxbg.gif");
}
#navMain a {
	background:url("../images/red/tableftE.gif") no-repeat left top;
}
#navMain a span {
	background:url("../images/red/tabrightE.gif") no-repeat right top;
}
#navMain a span.last {
	background:url("../images/red/tabrightE_last.gif") no-repeat right top;
}
/* end main color changes */


/* other background color or image changes */
body {
	background:#84A4C1; /* main site background color, blue default */
}
#headerWrapper {
	background:#fff;  /* background color behind logo and sales text, white default */
}
input:focus, select:focus, textarea:focus {
	background:#e0e8ef; /* background color for input boxes, light blue default */
}
.messageStackWarning, .messageStackError {
	background:#990000;  /* background color for warning messages, red default */
}
.messageStackSuccess {
	background:#929292;  /* background color for success messages, grey default */
}
.messageStackCaution {
	background:#FFFF99;  /* background color for caution messages, yellow default */
}
#cartSubTotal, h2.centerBoxHeading, .rowOdd {
	background:#e8e9e9; /* background color for the New Product, Featured Products and Specials heading, odd listings, and for the subtotal section in the cart, light grey default */
}
TR.tableHeading {
	background:#cacaca; /* background color for various table headings (including shopping cart heading), medium grey default */
}
.rowEven {
	background:#F0F0F0;  /* background color for even listings, very light grey default */
}
#navEZPagesTop {
	background:url("../images/ezbg.gif") repeat-x;  /* grey background image behind ezpages section */
}
#contentMainWrapper {
	background:url("../images/sidebox.gif") 100% 0 repeat-y; /* This is the right column background "faked" with an image. */
	background-color:#fff; /*background color for the main "content" of the site */
}
#contentMainWrapperb {
	background: url("../images/sidebox.gif") 0 0 repeat-y; /* This is the left column background "faked" with an image. */
}
input.search {
	background: url("../images/rounded-search-input.gif") top left no-repeat; /* rounded search image for the search sidebox */
}
/* font color changes */

body {
	color:#000;  /* main site font color*/
}
a:link {
	color:#4f4f4f; /* main site links color */
	text-decoration:none;
}
a:visited {
	text-decoration:none; /* color of links after customer has visited them */
	color:#313131;
}
a:hover {
	color:#000; /* color when links are hovered over */
	text-decoration:none;
}
h3.leftBoxHeading, h3.rightBoxHeading {
	color:#fff; /* right and left box heading color */
}
.leftBoxHeading a, .rightBoxHeading a {
	color:#fff; /* right and left box LINK heading color */
}
.leftBoxHeading a:hover, .rightBoxHeading a:hover {
	color:#E8E9E9; /* right and left box LINK heading color when hovered over*/
}
#navMain a span {
	color:#fff; /* color of header links, HOME, LOGIN, MY ACCOUNT, etc. */
}
#navMain a:hover span {
	color:#fff; /* color of header links, HOME, LOGIN, MY ACCOUNT, etc. when hovered over */
}
#tagline {
	color:#333; /* tagline text color */
}
#productPrices {
	color:#9F1C00; /* color of price */
}
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount, .alert {
	color:#990000; /* color of sale prices and alerts */
}
.messageStackWarning, .messageStackError {
	color:#fff; /* color of warning message text */
}

/* bold text */
.bold, .important, #tagline, #navEZPagesTop, LEGEND, #navSupp ul li a, #navCatTabs ul li a, #navEZPagesTOCWrapper, #cartSubTotal, .cartBoxTotal, #cartBoxEmpty, #cartBoxVoucherBalance  {
	font-weight:700;
}
/* end of site font color changes */


/* site and main content width section */
	
html>body {
	width: auto;
}
#nw {
	width:80%; /* main site width; if you'd prefer a fixed width site, enter the width in px here. */
	max-width:1300px; /* prevents the main content from getting wider than 1300px in sites other than IE */
	min-width:1000px; /* this prevents the main content from getting smaller than 1000px in browsers OTHER THAN IE. You can make this as small as 800px, BUT any smaller than that, and the top header menu will break into two lines. Also, if you make this width 800px, you will need to make sure your product image on the product info page is no wider than 190px */
}
/* IE only. Controls Width of Site and Main Content*/
* html #nw {
 width:expression((d=document.compatMode=="CSS1Compat" ? document.documentElement : document.body) && (d.clientWidth > 1300? "1300px" : d.clientWidth > 1048? "80%" : d.clientWidth < 1048? "1000px" : "80%")); /* this prevents the site from getting smaller than 1000px or wider than 1300px in IE */
}
/* end IE only */
/* end site and main content width section */


/*wrappers - page or section containers*/
#nw {
	text-align:left;
	vertical-align:top;
	margin:0 auto;
}
#headerWrapper {
	float:left;
	width:100%;
}
#navMainWrapper {
	height:32px;
	width:100%;
	font-size:12px;
}
#logoWrapper {
	width:auto;
}
#logo {
	padding-left:15px;
	text-align:center;
}
#taglineWrapper {
	width:75%;
	float:left;
}
#tagline {
	font-size:1.1em;
	text-align:center;
	padding:25px 8px 35px;
}
#navEZPagesTop {
	width:auto;
	padding:7px 0;
}
#navEZPagesTop a {
	padding:0 8px;
}
#contentMainWrapper {
	line-height:1.4;
	min-height: 100%;
}
#contentMainWrapperb {
	min-height: 100%;
}
* html #contentMainWrapper {
	height: 100%;
}
.outer {
	padding-left: 165px; /* Same width as margin-left for the float-wrap div */
	padding-right: 150px; /* Our right column width */
}
.inner {
	width: 100%;
}
.float-wrap {
	float: left;
	width: 97%;
	margin-left: -165px; /* Same length as .outer padding-left but with negative value */
}
#content {
	float: right;
	margin-right: -165px; /* Same length as .outer padding-left but with negative value */
	width: 100%;
	line-height:1.6;
	position: relative; /* IE needs this  */
}
.contentWrap {
	padding: 5px 0 5px 5px;
}
#navColumnOne {
	float: left;
	position: relative; /* IE needs this  */
}
#navColumnTwo {
	float: right;
	margin-right: -150px; /* This negative margin-right value is in this example the same as the right column width. */
	position: relative; /* IE needs this  */
}
* html #navColumnTwo {
	margin-right: -170px !important; /* Fixes IE6 Issue */
}
/* end wrappers - page or section containers*/

* {
	margin:0;
	padding:0;
}
body {
	font-family: "Lucida Grande", tahoma, verdana, arial, helvetica, sans-serif;
	font-size:73.5%;
	margin-top:20px;
}
a img {
	border:none;
}
ul, ol {
	text-align:left;
	padding-left:25px;
	margin:0 0 10px 10px;
}
h1 {
	font-size:1.3em;
}
h2 {
	font-size:1.2em;
}
h3 {
	font-size:1.1em;
}
h4, h5, h6, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger {
	font-size:1em;
}
LEGEND {
	color:#333;
}
.biggerText {
	font-size:1.1em;
}
h1, h2, h3, h4, h5, h6 {
	margin:.3em 0;
}
CODE {
	font-family:tahoma, arial, verdana, helvetica, sans-serif;
	font-size:1em;
}
FORM, SELECT {
	display:inline;
	font-size:1em;
	margin:.5em;
}
option {
	padding-right:.5em;
}
INPUT {
	margin:.3em .5em;
}
html>/**/body input[type=checkbox], html>/**/body input[type=radio] {
	float:left;
	clear:both;
}
html>/**/body .checkboxLabel, html>/**/body .radioButtonLabel {
	margin:0 .2em .5em 0;
	float:left;
}
.ratingRow input[type=radio] {
	float:none;
	margin:0 .5em;
}
TEXTAREA {
	margin:auto;
	display:block;
	width:95%;
}
FIELDSET {
	padding:.5em;
	margin:.5em 0;
	border:1px solid #cccccc;
}
LEGEND {
	padding:.3em;
}
h4.optionName {
	padding-right:1em;
}
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float:left;
}
LABEL.inputLabel {
	width:90%;
	float:left;
	margin:.3em;
}
LABEL.inputLabelPayment {
	width:15em;
	float:left;
	padding:.5em;
}
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
	width:12em;
	float:left;
}
ADDRESS {
	font-style:normal;
	padding-right:40px;
}
.clearBoth {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

HR {
	height:1px;
	margin:.5em 0;
	border:none;
	border-bottom:1px solid #9a9a9a;
}
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	padding:.2em;
}
/* product info page css */

#cartAdd {
	width:125px;
	text-align:center;
	margin:10px auto;
	float:right;
	padding-right:10px;
}
#cartAdd input {
	margin:.3em 0 0 0;
}
#productDescription {
	border:1px solid #bfbfbf;
	margin-top:20px;
	clear:both;
}
#rightFloat {
	float:right;
	width:45%;
}
#leftFloat {
	float:right;
	text-align:center;
}
#productDetailsList {
	float:right;
}
#productAttributes {
	width:100%;
	float:left;
	border:1px solid #bfbfbf;
	padding-left:5px;
	margin:5px 0 0 10px;
}
#productImage {
	margin:0 auto;
	text-align:center;
}
.imgLink {
	text-align:center;
	margin:0 auto;
	display:block;
	width:100%;
}
#friendReview {
	width:200px;
	padding:15px 0 10px 0;
	float:left;
	clear:left;
	text-align:left;
}
.reviewCount {
	float:left;
	padding-left:2px;
}
#productReviewLink {
	padding:5px 0;
}
.wrapperAttribsOptions {
	line-height:2em;
	width:auto;
	float:left;
}
.wrapperAttribsOptions h4 {
	padding-right:15px;
}
/* end product info page css */

/* css for top menu tabs */

#navMain {
	float:right;
	width:750px;
	line-height:normal;
	height:32px;
}
#navMain ul {
	float:right;
	list-style:none;
}
#navMain li {
	display:inline;
}
#navMain a {
	float:left;
	text-decoration:none;
}
#navMain a span {
	float:left;
	display:block;
	padding: 7px 15px 0 15px;
	text-align:center;
	width:90px;
	cursor:pointer;
	height:25px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navMain a span {
	float:none;
}
/* End IE5-Mac hack */

#navMain a:hover {
	background-position:0% -32px;
}
#navMain a:hover span {
	background-position:100% -32px;
}
/* end css for top menu tabs */
	
.navNextPrevWrapper {
	margin-bottom:1em;
}
.navPrevCounter {
	font-size:.9em;
}
.navNextPrevList {
	display:inline;
	white-space:nowrap;
	padding:0 1em;
	list-style-type:none;
	position:relative;
}
#navSuppWrapper {
	width:100%;
	margin:0 auto;
	float:left;
}
#navSupp {
	margin:0 auto;
	text-align:center;
	padding-top:1em;
}
#navSupp ul {
	list-style-type:none;
	text-align:center;
	line-height:1.5em;
	padding: .3em 0;
}
#navCatTabs ul {
	list-style-type:none;
	text-align:center;
}
#navSupp li, #navCatTabs li {
	display:inline;
	padding:0 .5em;
}
#navSupp ul li a, #navCatTabs ul li a {
	text-decoration:none;
	white-space:nowrap;
	display:inline;
	width:0;
}
#navEZPagesTOCWrapper {
	float:right;
	height:1%;
	border:1px solid #000;
}
#navEZPagesTOC ul {
	padding: .5em 0;
	list-style-type:none;
	line-height:1.5em;
}
#navEZPagesTOC ul li {
	white-space:nowrap;
}
#navEZPagesTOC ul li a {
	padding:0 .5em;
}
#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin:.5em;
}
#navMainSearch {
	float:left;
	width:120px;
}
input.search {
	border: 0;
	width: 100px; /* width of text-display area */
	padding: 3px 15px 4px 20px;
	font-size: 11px;
}
input#searchTop {
	border: 0;
	width: 115px; /* width of text-display area */
	padding: 4px 15px 5px 20px;
	font-size: 12px;
}
* html input#searchTop {
	background-attachment: fixed;
}
#navBreadCrumb {
	text-align:left;
	line-height:1.6em;
	font-size:.95em;
	padding:.2em 0;
}
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align:top;
}
#productDescription, .shippingEstimatorWrapper {
	padding:.5em;
}
.important {
	padding:.5em;
}
.gvBal {
	float:right;
}
#bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
	padding:.8em;
}
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size:.9em;
}
#siteinfoLegal {
	padding-bottom:1em;
	clear:both;
}
.tableHeading TH {
	border-bottom:1px solid #cccccc;
}
#cartSubTotal {
	border-top:1px solid #cccccc;
	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:.5em 0 0;
}
#cartProdTitle {
	text-align:center
}
.cartUnitDisplay, .cartTotalDisplay {
	text-align:center;
	padding-right:.2em;
}
.cartRemoveItemDisplay input[type=checkbox] {
	float:none;
	margin-bottom:1em;
}
#scUpdateQuantity {
	width:1.8em;
}
#scProductsHeading {
	padding-left:2em;
}
.cartQuantity {
	width:4em;
}
.cartNewItem {
	position:relative;  /*do not remove-fixes stupid IEbug*/
}
.cartOldItem {
	position:relative;   /*do not remove-fixes stupid IEbug*/
}
.cartBoxTotal {
	text-align:right;
	padding-right:10px;
}
.cartRemoveItemDisplay {
	width:5em;
}
.cartAttribsList {
	margin-left:1em;
}
#mediaManager {
	width:50%;
	margin:.2em;
	padding:.5em;
}
.mediaTitle {
	float: left;
}
.mediaTypeLink {
	float: right;
}
.normalprice, .productSpecialPriceSale {
	text-decoration:line-through;
}
.orderHistList {
	margin:1em;
	padding:.2em 0;
}
#ezPageBoxList li {
	padding:.2em 0;
}
.totalBox {
	width:5.5em;
	text-align:right;
	padding:.2em;
}
.lineTitle, .amount {
	text-align:right;
	padding:.2em;
}
.amount {
	width:5.5em;
}
#reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin:.5em 1em 0 0;
}
#cartImage {
	margin:.5em 1em;
}
.attribImg {
	width:20%;
	margin:.3em 0;
}
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin:1em 0;
}
.centerBoxContentsProducts {
	margin:0 auto;
	text-align:center;
	width:95%
}
h3.leftBoxHeading, h3.rightBoxHeading {
	font-size:1.1em;
	font-weight:normal;
	height:1.5em;
	padding:.2em 0 0 0;
}
h2.centerBoxHeading {
	margin:5px auto;
	padding:.5em 0;
	text-align:center;
	border:1px solid #bababa;
	line-height:normal;
	width:100%;
}
.leftBoxHeading, .rightBoxHeading {
}
.sideBoxContent {
	font-size:1.1em;
	padding:5px;
}
.sideBoxContent ul {
	text-align:left;
	list-style-type:none;
	padding:0 0 0 10px!important;
	margin:0!important;
}
.sideBoxContent li {
}
#categoriesContent, #documentcategoriesContent {
	text-align:left;
	padding-left:10px;
}
.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #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, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align:center;
}
.productListing-data img {
	padding:10px;
}
#upProductsHeading {
	text-align:left;
}
#upDateHeading {
	text-align:right;
}
/*misc*/
.back {
	float:left;
}
.forward, #shoppingCartDefault #PPECbutton {
	float: right;
}
.rowOdd {
	height:1.5em;
	vertical-align:top;
}
.rowEven {
	height:1.5em;
	vertical-align:top;
}
.hiddenField {
	display:none;
}
.visibleField {
	display:inline;
}
#accountLinksWrapper li {
	padding:.5em 0;
	display:block;
	list-style:none;
}
.accountTotalDisplay, .accountTaxDisplay {
	width:20%;
	text-align:right;
}
.accountQuantityDisplay {
	width:10%;
	vertical-align:top
}
TR.tableHeading {
	height:2em;
}
#siteMapList {
	width:90%;
	float:right;
}
.ratingRow {
	margin:1em 0 1.5em 0;
}
LABEL#textAreaReviews {
	font-weight:normal;
	margin:1em 0;
}
.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;
}
.smallProductImage {
	padding:1em;
}
#sendSpendWrapper {
	border:1px solid #cacaca;
	float:right;
	margin:0 0 1em 1em;
}
.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	width:46%;
}
/* css for product image drop shadow and border. To disable the drop shadow and border, simply delete or comment out this section */

#productMainImage {
	float:center;
	background: url("../images/shadowAlpha.png") no-repeat bottom right !important;
	background: url("../images/shadow.gif") no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
#productMainImage img {
	display: block;
	position: relative;
	background: #fff;
	margin: -3px 6px 6px -3px;
	border: 1px solid #a9a9a9; /* defines the border for the product image. To remove the border delete or comment out this line, AND padding: 4px; below */
	padding: 4px;
}
/* end css for product image drop shadow */

[wmorris]

Well I use to have a thread on this forum somewhere and I can't find it. But anyways here is a link of my info page for an example:

http://www.morrisgiftshop.com/index....roducts_id=612

What I want to try to do is move the Product Title above the Picture image. Then make the Product Price twice a bigger the one in red. Center the product image. Then move the add cart button below the Price or below the # in stock. Then move the products discription below the image.

Moderators of Zen-Cart I just recieved an spam email from a person claims to be a hosting company and said that this link doesn't work and gives an error. I have click this link and it works just fine. What he did is copy and paste what he sees on that post. He didn't even click the actual link.

[wmorris]

I am trying to get the "Add to Cart" button right under the "Model#" next to the right of the image? Can someone help me on this. I am still using the Cherry Zen Template. Also I would like to get the Product title and Price bigger. Thanks.

[kobra]

If your domain is morrisgiftshop.com then it is for sale