CoreCommerce Product detail layout html+CSS

I would like you to design CoreCommerce product detail template so that it will look similar this one: [login to view URL],31,0,12,1,,adorable-biustonosz-push-up-a7012-adorable-stringi-a7015. The CoreCommerce Product detail template is based on this code: <div id="productDetail"> <?php if($useProductDetailPopupShoppingCart){ ?> <div id="productDetailPopupShoppingCart" class="productDetailPopupShoppingCartBoxy" style="display: none;"> <?php if($lastItem = $cart->getLastCartItem()){ ?> <div id="cp_main"> <div class="cpThumb"> <?php $defaultThumb->display(); ?> </div> <div class="cpDescription"> <h1><?php print $lastItem->displayNameString(true); ?> </h1> <h2><?php $lastItemPrice = $lastItem->getUnitPrice() ?> <?php echo MoneyFormat::format($lastItemPrice->getAmount())?></h2> <p><?php $lang->xprint('str_qty'); ?>: <?php print $lastItem->getQuantity(); ?></p> <?php if($lastItem->getProductOption()) { ?> <?php $lastItem->displayOptionString() ?> <?php } ?> </div> <div class="clear"></div> </div> <?php if($crossSell = $lastItem->product->getCrossSell(3)){ ?> <div id="cp_cross_sell"> <h2><?php $lang->xprint('title_cross_sell_customers') ?>:</h2> <?php foreach($crossSell as $crossSellProduct){ ?> <?php $crossSellProduct->populateDefaultThumb(); ?> <?php $thumb = $crossSellProduct->getDefaultThumb(); ?> <div class="cp_cross_sell_item"> <div class="thumbnail"> <a href="<?php print $crossSellProduct->getMyFrontEndDetailURL()?>"><?php $thumb->display() ?></a> </div> <div class="name"> <a href="<?php print $crossSellProduct->getMyFrontEndDetailURL()?>"><?php print Util::sanitizeXHTML($crossSellProduct->getName()) ?></a> </div> <div class="buttons"> <?php ImageLibrary::displayLink('details', '<a href="' . $crossSellProduct->getMyFrontEndDetailURL() . '">' . $lang->xget('btn_details') . '</a>', $crossSellProduct->getMyFrontEndDetailURL(), null, null, null, 'detailBtnNoImg', 'detailsBtn') ?> </div> </div> <?php } ?> <div class="clear"></div> </div> <?php } ?> <div id="cp_bottom"> <div class="cpTotal"> <?php $lang->xprint('str_shopping_cart_subtotal'); ?>: <span><?php print MoneyFormat::format($cart->getSubtotalMinusDiscount()); ?></span> <?php require_once('lib/[login to view URL]'); ?> <?php if(!$customer->getId() && ViewHelper::canDisplayAccountLinks()){ ?> <p><a href="<?php print Util::buildURL($here, CUSTOMER_ACCOUNT_CMD); ?>"><?php $lang->xprint('btn_login_customer'); ?></a></p> <?php } ?> </div> <div class="cpButtons"> <p><?php ImageLibrary::displayButton('continue_shopping', '<input type="button" onclick="javascript:[login to view URL](this).hide();" value="' . $lang->xget('btn_continue_shopping') . '" />', null, null, 'javascript:return [login to view URL](this).hide();') ?></p> <p><?php ImageLibrary::displayButton('view_cart', '<input type="button" onclick="javascript:goThere('' . Util::buildURL($here, VIEW_CART_CMD) . '');" value="' . $lang->xget('btn_view_cart') . '" />', null, null, 'javascript:return goThere('' . Util::buildURL($here, VIEW_CART_CMD) . '');') ?></p>