How To Move Things around?

Hello I have a couple of questions please.

1 How can I remove the category image from the products info page..example here I want the little bottles gone:
http://www.colourshield.com/store/index.php?main_page=product_info&cPath=65&products_id=180

and

2 How can I move the products name up a little to get rid of all the white in between it is visible on the url above and the store main page

http://www.colourshield.com/store/

So I have a category image too much white, then i have the category name then too much white and then the next category image..etc

Many Thanks
Regards
Renz

1. Admin - Configuration - Product Listing - Include Product Listing Top Categories Image

That is set to false.....but it is still showing.

2
looks like your images are 140x225 px, resize your images 140x140.

You could find this in your stylesheet and add the red part:

.categoryIcon {display: none;}

Could you pls tell me where about's it goes....Thanks

/ $Id: stylesheet_original.css 3286 2006-03-28 01:14:04Z drbyte $
*/
BODY {
background-color: #ac8f5b;
color: #000000;
margin: 0px;
margin-bottom: 10px;
padding: 0px;
font: 11px Verdana, Arial, sans-serif;
}

a img {border: 0.0px solid #3300FF; }

a:link, #navEZPagesTOC ul li a {
color: #666666;
text-decoration: none;
}

a:visited {
/color: #000066;/
text-decoration: none;
}

a:hover, #navEZPagesTOC ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #1BC6F6;
}

a:active {
color: #666666;
font-weight: bold;
}

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

CODE {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 1em;
}
FORM, SELECT, INPUT {
display: inline;
font-size: 1em;
margin: 0.1em;
}

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;
}
/wrappers - page or section containers/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 980px;
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: 46%;
}

.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;
}
.navNextPrevList {
display: inline;
white-space: nowrap;
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
font-weight: bold;
color: #9a9a9a;
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;
}

#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: #3300ff;
position: relative; /do not remove-fixes stupid IEbug/
}

.cartOldItem {
color: #3300ff;
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;
color: #ffffff;
border-bottom: 1px solid #9a9a9a; padding-left:0.2em; padding-right:0.2em; padding-top:0.5em; padding-bottom:0.5em
}
.centerBoxWrapper, .tabTable {
padding: 0px;
height: 1%; /do not remove- IEhack/
border: 1px solid #9a9a9a;
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 .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;
}

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

#navMain ul {
padding:3px 0
}
#navMain ul li a {
color:#FFF; letter-spacing:1px;
}
#navMain ul li a:hover {
color:#A8CFFF;
}
#headerWrapper {
background:#ac8f5b
}

.centershop {
padding: 0px;
margin: 0px auto;
/position: relative;/
text-align: left;
width: 750px !important;
}

TD.main, P.main {
font-size: 11px;
line-height: 1.5;
}

A {
color: #666666;
text-decoration: none;
}

A:hover {
color: #1BC6F6;
text-decoration: none;
}

FORM {
display: inline;
}
.banners {
padding: 15px;
}

/HEADER CSS/

TABLE.header {
background-image: url('../images/header_bg.jpg');
background-repeat: no-repeat;
background-color: #ac8f5b
}

TABLE.headerNavigation {
background-image: url('../images/tile_back.jpg');
background-color: #000066;
width: 100% !important
}

TD.headerNavigation {
background-color: #000066;
position: relative;
vertical-align: middle;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color:#000066;
letter-spacing:1px;
padding: 5px;
}

TD.breadCrumb {
font-size: 10px;
font-weight: bold;
color: #9a9a9a;
padding: 3px;
border-bottom: 1px dotted #9a9a9a;
}

TD.headerNavigation A, TD.headerNavigation A:visited, td.footertop a {
font-weight: bold;
color: #ffffff;
}

TD.headerNavigation A:hover, td.footertop a:hover {
color: #a8cfff;
}

TR.headerError {
background: #ff0000;
}

TD.headerError {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}

TR.headerInfo {
background: #00ff00;
}

TD.headerInfo {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}

/SIDEBOX CSS/

.column_left, .column_right, .column_single {
background: #ffffff;
padding: 2px;
}

.boxText {
font-size: 11px;
line-height: 125%;
}
.leftbox, .rightbox, .centerbox, .singlebox {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
background: #ffffff;
border: 1px solid #9a9a9a;
margin-bottom: 15px;
}

.leftboxheading, .rightboxheading, .centerboxheading, .singleboxheading {
/background-color: #abbbd3;/
font-size: 10px;
font-weight: bold;
color: #ffffff;
padding: 3px;
height: 20px;
padding-left: 5px;
}

td.leftboxheading a, td.rightboxheading a, td.centerboxheading a, td.singleboxheading a {
color: #ffffff;
}

TR.leftboxheading, TR.rightboxheading, TR.centerboxheading, TR.singleboxheading {
background: #abbbd3 url('../images/tile_back.jpg');

}

.leftboxcontent, .rightboxcontent, .centerboxcontent, .singleboxcontent {
line-height: 125%;
padding: 4px;
border-top: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
}

.leftboxfooter, .rightboxfooter, .centerboxfooter, .singleboxfooter {
background-color: #abbbd3;
background-image: url('../images/tile_back.jpg');
margin-bottom: 15px
}

.plainBox, .plainbox-description {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
background: #ffffff;
border:1px solid #9a9a9a;
padding: 5px;
}
.plainBoxHeading, TD.tableHeading {
font-size: 12px;
font-weight: bold;
padding: 11px 5px 5px;
}
.productListing-heading {
font-size: 10px;
font-weight: bold;
color: #ffffff;
padding: 3px;
height: 20px;
}

TD.productListing-heading{
background-color: #abbbd3;
background-image: url('../images/tile_back.jpg');
}

TD.productlisting {
border:1px solid #9a9a9a;
}

TD.productListing-data {
font-size: 10px;
padding: 5px;
}

/center main section
-----------------------------------/
TD.pageHeading, DIV.pageHeading, h1 {
font-size: 18px;
font-weight: bold;
color: #1BC6F6;
padding-top: 11px;
}

.center_column {
padding: 8px;
}
.main_page{
width: 100% !important;
background-color: #ffffff;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
padding: 5px;
}

/* footer
--------------*/

TABLE.footer {
background: #ffffff;
text-align: center;
font-size: 10px;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
}

TR.footertop {
background: #abbbd3 url('../images/tile_back.jpg');
font-size:11px; background-image:url('../images/tile_back.jpg')
}

TD.footertop, TD.footerbottom {
padding: 5px;
}

/miscellaneous areas
-------------------------------------/
TD.cartBox {
background: #eff4f8;
font-size: 10px;
padding: 3px;
border: 1px dotted #ffb062;
}

TR.productListing-odd, TR.upcomingProducts-odd {
background: #ffffff;
}

TR.productListing-even, TR.upcomingProducts-even, .productsNotifications {
background: #eff4f8;
}

TD.productListing-data-description-odd {
background: #ffffff;
font-size: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 12px;
border-bottom: 1px solid #9a9a9a;
}

TD.productListing-data-description-even {
background: #eff4f8;
font-size: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 12px;
border-bottom: 1px solid #9a9a9a;
}

td.pageresults a {
color: #428dff;
}

td.pageresults a:hover {
background: #FFFF33;
}

SPAN.newItemInCart {
color: #ff0000;
font-weight: bold;
}

TD.smallText, SPAN.smallText, P.smallText, td.pageresults{
font-size: 10px;
}

TD.fieldKey {
font-size: 12px;
font-weight: bold;
}

TD.fieldValue {
font-size: 12px;
}

CHECKBOX, INPUT, RADIO, SELECT {
font-size: 11px;
}

TEXTAREA {
margin: auto;
display: block;
width: 100%;
font-size: 11px;
}

.greetUser {
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
}

SPAN.greetUser {
color: #f0a480;
font-weight: bold;
}

SPAN.markProductOutOfStock {
color: #c76170;
font: bold 12px Verdana, Arial, sans-serif;
}

span.normalprice {
text-decoration: line-through;
}

SPAN.productSpecialPrice, SPAN.productSalePrice, .stockWarning, span.coming {
color: #ff0000;
}

span.productSpecialPriceSale {
color: #ff0000;
text-decoration: line-through;
}

SPAN.productPriceDiscount, .inputRequirement {
font-size: 10px;
color: #FF0000;
}
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

/* message box */

.messageBox {}
.messageStackError, .messageStackWarning, errorBox {
background-color: #ff0000;
color: #ffffff;
font-size: 10px;
padding: 4px;
border: 1px solid #9a9a9a;
}
.messageStackSuccess { background-color: #b3ffa8; padding: 2px; border: 1px solid #9a9a9a; color: #000000;}
.messageStackCaution { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffff00; color: #000000}

/* checkout totals */
TD.ot-subtotal-Text, TD.ot-cod-fee-Text, TD.ot-total-Text, TD.ot-group-pricing-Text, TD.ot-gv-Text, TD.ot-loworderfee-Text, TD.ot-shipping-Text, TD.ot-subtotal-Text, TD.ot-tax-Text, TD.ot-coupon-Text {
font-weight: bold;
}
TD.ot-total-Amount {
font-weight: bold;
border-top: 1px solid #9a9a9a;
}
TD.ot-subtotal-Amount, TD.ot-cod-fee-Amount, TD.ot-group-pricing-Amount, TD.ot-gv-Amount, TD.ot-loworderfee-Amount, TD.ot-shipping-Amount, TD.ot-subtotal-Amount, TD.ot-tax-Amount, TD.ot-coupon-Amount {}

/* product_info attribute comments */

.ProductInfoComments, TD.ProductInfoComments, SPAN.ProductInfoComments {
color: #ff0000;
font-size: 10px;
text-align : left;
font-weight: bold;
padding-top: 6px;
padding-bottom: 6px;
border-top: 1px solid #9a9a9a;
}

/* General alert span class */
/TD.alert, SPAN.alert {
color: #FF0000;
font-weight: bold;
}/

/* General alert span class */
TD.alertBlack, SPAN.alertBlack {
color: #000000;
font-weight: bold;
}

/* popup tables */
TABLE.popupattributeqty, TABLE.popupcouponhelp, TABLE.popupcvvhelp, TABLE.popupimage, TABLE.popupimageadditional, TABLE.popupsearchhelp, TABLE.popupshippingestimator, TABLE.popupinfoshoppingcart {
background-color: #ffffff;
margin: 6px;
padding: 6px;
font: 11px Verdana, Arial, sans-serif;
}

/* categories_description */
TABLE.categoriesdescription {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
background: #D0D0D0;
border:1px solid #9a9a9a;
}

TD.categoriesdescription {
font-size: 11px;
line-height: 1.0;
}

/* categories box parent and child categories */
A.category-top {
color: #;
text-decoration: none;
}
A.category-links {
color: #;
text-decoration: none;
}
A.category-subs, A.category-products {
color: #1BC6F6;
text-decoration: none;
}
SPAN.category-subs-parent {
font-weight: bold;
}
SPAN.category-subs-selected {
font-weight: bold;
}

/* attribute images table /
TABLE.products-attributes-images {
/ width: 100%; /
/ border: 1px solid #a9a9a9; */
float: left;
padding: 2px;
}
.headernav {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
color: #a9a9a9;
text-decoration: underline;
}

Could you pls tell me where about's it goes....Thanks

/ $Id: stylesheet_original.css 3286 2006-03-28 01:14:04Z drbyte $
*/

.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 {}

Line 411 of your stylesheet.
Use the find tool in your editor!

Excellent thanks to all of you that works great. If I can ask one last question please.

Is it possible to display the prices on this page and if so how can I turn them on.

https://www.colourshield.com/store thanks and best regards to you.

Those are your subcategories, and unless every product in the category has the same price, I don't know what prices you'd want on that page.

Thanks ... What would I search on my CSS for in order to move my images so the align to the right, making the text flow smoother..
http://www.colourshield.com/store/index.php?main_page=product_info&cPath=72&products_id=191
Many Thanks
Renz

1
You may want to use firefox, and install firebug, and/or web developer for it to find out about all these.

2
Line 408
You may want to separate the id and set the float
#productMainImage {float: right;}

By doing that you may want/need at line 286 to play with
#productDescription
Perhaps setting width, and/or margin

Not exactly sure what you want to accomplish, but you could find the #productMainImage rule in the stylesheet and add float: right; to it.

For future reference, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.

(If you're using Firefox 4-12, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)

keneso:

1
You may want to use firefox, and install firebug, and/or web developer for it to find out about all these.

2
Line 408
You may want to separate the id and set the float
#productMainImage {float: right;}

By doing that you may want/need at line 286 to play with
#productDescription
Perhaps setting width, and/or margin

Hi thanks for all your help, I got most of it as I like it however I cant seem to get the text off the very edge of the product image once I float it to the right.. I tried adding margins and padding to the #productDescriptions but it makes no difference..Perhaps it is some padding or something in the image. If you have any suggestions it would be appreciated.

stevesh:

Not exactly sure what you want to accomplish, but you could find the #productMainImage rule in the stylesheet and add float: right; to it.

For future reference, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.

(If you're using Firefox 4-12, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)

Thanks for the suggestions, do you know of any you-tube tutorials for this or any other simple methods of finding stuff on CSS, I have a terrible and very time consuming time trying to do the simplest things. Also I cannot find any line numbers which makes it worse when trying to use the edit css...
Thanks and Best Regards Renz

Renz:

Hi thanks for all your help, I got most of it as I like it however I cant seem to get the text off the very edge of the product image once I float it to the right.. I tried adding margins and padding to the #productDescriptions but it makes no difference..Perhaps it is some padding or something in the image. If you have any suggestions it would be appreciated.

It should indeed be margin/padding, depends exactly what you need to do, as I suggested you may add width to it as well:
i.e.
#productDescription {
width: 440px;
margin-top: -20px;
}

As for tutorials try googling firebug, and/or web developer.

As for the line count, you need to get yourself a good editor like notepad++ (google it), and edit your file using that.