Model List support

[DaMixa]

But can anyone add a background image to the sidebox?
PLease anyone know how?

[gjh42]

You would find the id of the sidebox or other container, and add a rule to your stylesheet giving a background to this container. We can give detailed advice if you let us see your site with the model list active.

[DaMixa]

Unfortunately I am building locally, any chance of a "generic" how to, I would be so grateful.
Thanks

Not sure if my stylesheet helps:


body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #666;
background-color: #FFF;
}

/*bof basic elements*/
a img {border: none;}
a:link, #navEZPagesTOC ul li a {
color: #444443;
text-decoration: none;
}
a:visited {color: #444443;text-decoration: none;}
a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #990000;
}
a:active {
color: #444443;
}
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;}
.clearBoth {clear: both;}
HR {height: 1px;margin-top: 0.5em;border: none;border-bottom: 1px solid #9a9a9a;}
h1, h2, h3, h4, h5, h6 {margin: 0.3em 3px;}

/*bof form elements*/
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: #f6f4f4;}
FIELDSET {padding: 0.5em;margin: 0.5em 0em;border: 1px solid #ccc;}
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;}
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;}

/*bof warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {line-height: 1.8em;padding: 0.2em;border: 1px solid #000;}
.messageStackWarning, .messageStackError {background-color: #ff0000;color: #fff;}
.messageStackSuccess {background-color: #99FF99;color: #000;}
.messageStackCaution {background-color: #ffff66;color: #000;}

/*bof wrappers - page or section containers*/
#mainWrapper {background: transparent;text-align: left;width: 950px;vertical-align: top;position:relative; top:0px;}
#contentMainWrapper {background-color:#fff;}
#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {margin: 0em;padding: 0em;}
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {margin: auto;}
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}
#tagline {color:#b5b5b5;font-size: 1.65em;text-align :left;text-transform:lowercase;vertical-align:bottom;margin-left:10px;margin-bottom:25px;}
#logo {
padding-top:0px;
padding-left:0px;
}
#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;}

/*bof 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;}
#navCategoryIcon, .buttonRow, #indexProductListCatDescription {margin: 0.5em;}
#navBreadCrumb {background-color: #fff;margin-top:15px;margin-left:10px;}

/*bof header*/
#headerWrapper {background:#fff;margin-top:25px;}
#header-curr-lang {float:right;margin-top:30px;}
#header-curr-lang img{vertical-align:middle;}
#currency_header {float:right;margin-right:35px;margin-top:3px;}
#lang_header {float:right;margin-right:15px;margin-top:5px;}
.header-checkout {color:#fffffd;font-weight:normal;}
.header-checkout:hover {color:#990000;}
#navMainWrapper {
margin: 0em;
font-weight: normal;
color: #000;
background-color:#CCC;
height: 40px;
width: 950px;
display:none; /*background-image: url(../../../../images/test_demo.jpg);*/
}
#navMain ul {margin: 0;padding: 0.5em 0em;list-style-type: none;text-align: center;line-height: 1.5em;margin-left:10px;margin-top:0px;font-size:130%;}
#navMain ul li {display: inline;}
#navMain ul li a {text-decoration: none;padding: 0em 0.5em;margin: 0;color: #fffffd;white-space: nowrap;}
#navMain ul li a:hover{color:#d2cece;}
#navCatTabsWrapper {
margin: 0em;
background-color: #0F3;
font-weight: bold;
color: #181818;
height: 1%;
width: 100%;
display:none;
}
#navCatTabs ul {margin: 0;padding: 0.5em 0em;list-style-type: none;text-align: center;line-height: 1.5em;}
#navCatTabs ul li {display: inline;}
#navCatTabs ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #000;
white-space: nowrap;
}
#navEZPagesTop {background-color: #fff;display:none;}
#navEZPagesTop {
font-size: 0.95em;
font-weight: bold;
margin: 0em;
padding: 0.5em;
color:#000;
}
#navEZPagesTop a{color:#181818;}
#navEZPagesTop a:hover {color:#67cadf;}
#navMainSearch {float: right;padding-top:10px;margin-right:30px;}
.search-header-button {vertical-align:middle;}
.search-header-box {border:1px solid #000;width:100px;}
.cart-image {vertical-align:middle;}

/*bof ezpages*/
#navEZPagesTOCWrapper {font-weight: bold;float: right;height: 1%;border: 1px solid #000;}
#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;}

/*bof 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;*/padding: 0.5em;}
.alert {color: #ff0001;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;}

/*bof shopping cart display*/
#cartContentsDisplay {
border-bottom:2px solid #d2cece;
border-top:2px solid #d2cece;
background-color:#333;
}
#cartContentsDisplay td{border-top:2px solid #d2cece;padding-top:15px;}
.cartQuantity input{margin-left:15px;}
.rowOdd {background-color: #fff;height: 1.5em;vertical-align: top;}
.rowEven {background-color: #fff;height: 1.5em;vertical-align: top;}
.tableHeading TH {
background-color: #333;
height:30px;
color:#444;
border-bottom:2px solid #d2cece;
border-top:2px solid #d2cece;
}
.tableHeading, #cartSubTotal {background-color: #fff;color:#444;}
#cartSubTotal {font-weight: bold;text-align: right;line-height: 2.2em;padding-right: 2.5em;border-bottom:2px solid #d2cece;background-color:#eceaea;}
.tableRow, .tableHeading, #cartSubTotal {height: 2.2em;}
.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {padding: 0.5em 0em;}
.cartUnitDisplay, .cartTotalDisplay {text-align: left;padding-right: 0.2em;}
#scUpdateQuantity {width: 2em;}
.cartQuantity {width: 4.7em;}
.cartNewItem {color: #444443;position: relative; /*do not remove-fixes stupid IEbug*/}
.cartOldItem {color: #444443;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: #ff0001;}
.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;}

/*bof image display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {margin: 0em 1em 1em 0em;}
.categoryIcon {}
#cartImage {margin: 0.5em 1em;}

/*bof attributes*/
.attribImg {width: 20%;margin: 0.3em 0em;}
.attributesComments {}

/*bof list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {margin: 1em 0em;}

/*bof sideboxes*/
#navColumnOne {
background-color: #FFF;
padding-bottom:20px;
} /*margin sidebox left*/
#navColumnTwo {background-color: #fff;padding-right:3px;}
.columnLeft {
}
h3.leftBoxHeading, h3.rightBoxHeading {
font-size: 1.3em;
color: #000;
padding-top:5px;
}
h3.leftBoxHeading a, h3.rightBoxHeading a{
font-size: 1em;
color: #fff;
}
.leftBoxHeading, .rightBoxHeading {
margin: 0em;
background-color:#999;
height:15px;
padding: 0.5em 0.2em;
color:#000;
border-top:2px solid #d2cece;
border-bottom:2px solid #d2cece;
text-align: center;
}
.centerBoxHeading {
padding-top:10px;
padding-left:25px;
border-bottom:2px solid #d2cece;
border-top:2px solid #d2cece;
padding-bottom:10px;
background-color:#999;
color:#000;
}
.leftBoxContainer, .rightBoxContainer {
border: 0px solid #000;
margin-top: 1.5em;
vertical-align: middle;
}

.sideBoxContent {
background-color: #FFF;
padding: 0.5em;
padding-top:5px;
border:1px solid #e1e1e9;
/*background-image: url(../../../../images/banners/sideboxBG..jpg);*/
color: #000;
vertical-align: middle;

}


h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover{
color: #CCC;
text-decoration: none;
}
#catBoxDivider {display:none;}
#whatsnew, #featured, #specials {font-size:100%;font-weight:bold;color:#000001;}
#whatsnew a, #featured a, #specials a{font-size:100%;font-weight:bold;color:#444;}
#specialsHeading a, #whatsnewHeading a, #featuredHeading a {color:#444;}
#specialsHeading a:hover, #whatsnewHeading a:hover, #featuredHeading a:hover {color:#990000;}
#shoppingcartHeading {font-size:1.1em;}

}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .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: #CCC;
}
#upProductsHeading {text-align: left;}
#upDateHeading {text-align: right;}

/*bof misc*/
.back {float: left;}
.forward, #shoppingCartDefault #PPECbutton {float: right;}
.bold {font-weight: bold;}
.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: #fff;}
.information {padding: 10px 3px; line-height: 150%;}
#shoppingcartBody #shippingEstimatorContent {clear: both;}
.seDisplayedAddressLabel {background-color:#ffebf2;text-align: center;}
.seDisplayedAddressInfo {text-transform: uppercase;text-align: center;font-weight: bold;}
#seShipTo {padding: 0.2em;}

/*bof center boxes*/
.product_title {font-size:110%;font-weight:bold;}
.product_title a{
color:#000;
}
.product_title a:hover{color:#990000;}
.product_detail {margin-top:10px;}
.price {font-size:110%;font-weight:bold;color:#000001;}
.normalprice {font-size:90%;}
.productSpecialPrice {font-size:90%;}

/*bof easy slider*/
#slider{margin:0 auto;}
#slider ul, #slider li, #slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider2{margin-top:1em;}
#slider li, #slider2 li{/*define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */width:500px;height:179px;overflow:hidden;} default width 500px height 179px /
#slider{margin:0 auto;margin-top:20px;}
/*bof easy slider numeric controls*/
#control_div{width:200px;height:18px;position:relative;left:250px;top:0px;margin-bottom:10px;}
ol#controls{margin:1em 0;padding:0;height:18px;}
ol#controls li{margin:0 10px 0 0;padding:0;float:left;list-style:none;height:18px;line-height:18px;}
ol#controls li a{float:left;height:18px;line-height:18px;border:1px solid #ccc;background:#eceaea;color:#444;padding:0 10px;text-decoration:none;}
ol#controls li.current a{background:#000;color:#fff;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

#home-images{margin-top:25px;}
#home-text{font-size:120%;width:550px;}
.promote{margin-left:70px;}



/*bof product listing*/
.listingDescription {text-align:left;}
.productListing-even {border:1px dashed #ccc;}
.productListing-rowheading {
background-color:#FFF;
height:30px;
color:#444;
}
.productListing-rowheading a{color:#444;}
.productListing-rowheading a:hover{color:#990000;}
#productsListingTopNumber {margin-top:15px;margin-bottom:15px;}
#productsListingBottomNumber {margin-top:15px;margin-bottom:15px;}
#productListHeading {margin-bottom:15px;}
.tabTable {border-left:0px solid #dfdfe7;border-right:0px solid #dfdfe7;border-top:2px solid
#d2cece;border-bottom:2px solid #d2cece;}
.productListing-data {border-top:2px solid #d2cece;}

/*bof product info*/
#cartAdd {text-align: center;margin: 1em;border: 0px solid #000;padding: 1em;float:right;}
#product-divider {border-bottom:1px solid #000;}
.navNextPrevWrapper {text-align:center;}
.navNextPrevCounter {text-align:center;}
#productDescription {
color:#000;
}
#productName {
color:#000;
font-weight:normal;
font-size:2em;
}
#productDetailsList {
color:#000;
margin-top:10px;
margin-bottom:10px;
}
#productAttributes {}
#attribsOptionsText {font-weight:normal;color:#888787;}
.optionName {color:#444;margin-top:0px;}
#alsoPurchased {margin-top:20px;}
.addthis_toolbox {margin-top:15px;}

/*bof monthly boxes*/
.box_image {margin-top:5px;margin-bottom:15px;}

/*bof turn off breadcrumbs on home page*/
body#indexHomeBody #navBreadCrumb{display:none;}

/*bof turn off header boxes on home page*/
/*h3.leftBoxHeading, h3.rightBoxHeading {display: none;}*/

.navNextPrevWrapper {width: 190px; margin-left: 100px; padding-left: 0;}
h1#productName, h2#productPrices {margin-left: 110px; padding-left: 0;}
#productDescription {margin-left: 110px; padding-left: 0;}
#productDescription p {margin-left: 0; padding-left: 0}
#productDetailsList {margin-left: 110px; padding-left: 1.2em;}
#cartAdd {margin-left: 100px; width: 70px; float: none; text-align: left;}
#productReviewLink {width: 200px; float: none; margin-left: 110px; padding-left: 0;}
#productTellFriendLink {width: 190px; float: none; margin-left: 110px; padding-left: 0;}

[gjh42]

Your current stylesheet is unlikely to be useful. What would be useful is an excerpt from View Source that includes the HTML for the list container.

[DaMixa]

Hi,
Wouldnt let me put the whole source code. So heres what I think references the Sidebox (Ice called the header of the box "Quicksearch"
Hope thats Ok.
This help much appreciated by the way. Is there a "thanks Button" on this forum?
Cheers



<h3 class="leftBoxHeading" id="productfinderHeading">Quicksearch</h3>

<div id="productfinderContent" class="sideBoxContent"><form action=""><div>
<div><span id="pf_title"> </span>

<span class="pf_selectbox_name">Printer Make: </span><select name="cPath1" id="cPath" class="pf_selectbox_text">
<option value="" selected="selected">Select Printer</option>
<option value="61">CANON</option>
<option value="115">DELL</option>
</select>
</div>
<div class="pf_noscript"><noscript><input type="image" src="includes/templates/avonlee_contempo/buttons/english/go.gif" alt="Go" title=" Go " /></noscript></div>
<div><input type="hidden" name="basemodulepath" value="/shop/" id="basemodulepath" /><span class="pf_selectbox_name">Printer Model: </span><select name="select_model" id="select_model" class="pf_selectbox_text">
<option value="" selected="selected">Select Printer</option>
</select>
</div>
<div class="pf_noscript"><noscript><input type="image" src="includes/templates/avonlee_contempo/buttons/english/go.gif" alt="Go" title=" Go " /></noscript></div>
<div><span class="pf_selectbox_name">Model Number: </span><select name="cPath22" id="select_year" class="pf_selectbox_text">
<option value="" selected="selected">Select Printer</option>
</select>
</div>
<div class="pf_noscript"><noscript><input type="image" src="includes/templates/avonlee_contempo/buttons/english/go.gif" alt="Go" title=" Go " /></noscript></div>
</div></form></div></div>

<!--// eof: productfinder //-->











</div></td>

<td valign="top">




<div class="centerColumn" id="indexDefault">

<h1 id="indexDefaultHeading"></h1>



















<!-- bof: featured products -->

<!-- eof: featured products -->

















<!-- bof: specials -->

<div class="centerBoxWrapper" id="specialsDefault">

<h2 class="centerBoxHeading">Monthly Specials For August</h2> <div class="centerBoxWrapperContents">

<table width="100%" align="center" cellpadding="1" cellspacing="15" border="0">



<tr>

<td width="32.5%" align="center" valign="top"><div class="centerBoxContentsNew" ><div class="product_title"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7978">Del l Laser Toner UB-T-593-10078</a></div><div class="box_image"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7978"><im g src="images/BlackHorizontal.jpg" alt="Dell Laser Toner UB-T-593-10078" title=" Dell Laser Toner UB-T-593-10078 " width="90" height="25" /></a></div><div class="price"><span class="normalprice">&pound;50.00 </span>&nbsp;<span class="productSpecialPrice">&pound;40.00</span><span class="productPriceDiscount"><br />Save:&nbsp;20% off</span></div><div class="product_detail"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7978"><im g src="includes/templates/avonlee_contempo/images/details.gif" alt="" width="118" height="21" /></a></div></div></td>
<td class="vDotLine" rowspan="6"></td>
<td width="32.5%" align="center" valign="top"><div class="centerBoxContentsNew" ><div class="product_title"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=0&amp;products_id=7979">Remanufacture d Dell Laser Toner 593-10078</a></div><div class="box_image"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=0&amp;products_id=7979"><img src="images/MagentaHorizontal.jpg" alt="Remanufactured Dell Laser Toner 593-10078" title=" Remanufactured Dell Laser Toner 593-10078 " width="90" height="25" /></a></div><div class="price"><span class="normalprice">&pound;25.00 </span>&nbsp;<span class="productSpecialPrice">&pound;20.00</span><span class="productPriceDiscount"><br />Save:&nbsp;20% off</span></div><div class="product_detail"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=0&amp;products_id=7979"><img src="includes/templates/avonlee_contempo/images/details.gif" alt="" width="118" height="21" /></a></div></div></td>
<td class="vDotLine" rowspan="6"></td>
<td width="32.5%" align="center" valign="top"><div class="centerBoxContentsNew" ><div class="product_title"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7980">Del l Laser Toner UB-T-593-10078</a></div><div class="box_image"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7980"><im g src="images/YellowHorizontal.jpg" alt="Dell Laser Toner UB-T-593-10078" title=" Dell Laser Toner UB-T-593-10078 " width="90" height="25" /></a></div><div class="price"><span class="normalprice">&pound;50.00 </span>&nbsp;<span class="productSpecialPrice">&pound;40.00</span><span class="productPriceDiscount"><br />Save:&nbsp;20% off</span></div><div class="product_detail"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7980"><im g src="includes/templates/avonlee_contempo/images/details.gif" alt="" width="118" height="21" /></a></div></div></td>


</tr>



<tr>

<td class="hDotLine"></td><td class="hDotLine"></td><td class="hDotLine"></td></tr>





<tr>

<td width="32.5%" align="center" valign="top"><div class="centerBoxContentsNew" ><div class="product_title"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7981">Del l Laser Toner UB-T-593-10078</a></div><div class="box_image"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7981"><im g src="images/MagentaHorizontal.jpg" alt="Dell Laser Toner UB-T-593-10078" title=" Dell Laser Toner UB-T-593-10078 " width="90" height="25" /></a></div><div class="price"><span class="normalprice">&pound;50.00 </span>&nbsp;<span class="productSpecialPrice">&pound;40.00</span><span class="productPriceDiscount"><br />Save:&nbsp;20% off</span></div><div class="product_detail"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7981"><im g src="includes/templates/avonlee_contempo/images/details.gif" alt="" width="118" height="21" /></a></div></div></td>
<td width="32.5%" align="center" valign="top"><div class="centerBoxContentsNew" ><div class="product_title"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7982">Del l Laser Toner UB-T-593-10078</a></div><div class="box_image"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7982"><im g src="images/CyanHorizontal.jpg" alt="Dell Laser Toner UB-T-593-10078" title=" Dell Laser Toner UB-T-593-10078 " width="90" height="25" /></a></div><div class="price"><span class="normalprice">&pound;50.00 </span>&nbsp;<span class="productSpecialPrice">&pound;40.00</span><span class="productPriceDiscount"><br />Save:&nbsp;20% off</span></div><div class="product_detail"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7982"><im g src="includes/templates/avonlee_contempo/images/details.gif" alt="" width="118" height="21" /></a></div></div></td>
<td width="32.5%" align="center" valign="top"><div class="centerBoxContentsNew" ><div class="product_title"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7984">Del l Laser Toner UB-T-593-10078 8 PACK</a></div><div class="box_image"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7984"><im g src="images/color_silver.gif" alt="Dell Laser Toner UB-T-593-10078 8 PACK" title=" Dell Laser Toner UB-T-593-10078 8 PACK " width="30" height="30" /></a></div><div class="price"><span class="normalprice">&pound;375.00 </span>&nbsp;<span class="productSpecialPrice">&pound;300.00</span><span class="productPriceDiscount"><br />Save:&nbsp;20% off</span></div><div class="product_detail"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7984"><im g src="includes/templates/avonlee_contempo/images/details.gif" alt="" width="118" height="21" /></a></div></div></td>


</tr>



<tr>

<td class="hDotLine"></td><td class="hDotLine"></td><td class="hDotLine"></td></tr>





<tr>

<td width="32.5%" align="center" valign="top"><div class="centerBoxContentsNew" ><div class="product_title"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7990">Rem anufactured Dell Laser Toner 593-10078</a></div><div class="box_image"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7990"><im g src="images/BlackHorizontal.jpg" alt="Remanufactured Dell Laser Toner 593-10078" title=" Remanufactured Dell Laser Toner 593-10078 " width="90" height="25" /></a></div><div class="price"><span class="normalprice">&pound;25.00 </span>&nbsp;<span class="productSpecialPrice">&pound;20.00</span><span class="productPriceDiscount"><br />Save:&nbsp;20% off</span></div><div class="product_detail"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7990"><im g src="includes/templates/avonlee_contempo/images/details.gif" alt="" width="118" height="21" /></a></div></div></td>
<td width="32.5%" align="center" valign="top"><div class="centerBoxContentsNew" ><div class="product_title"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7991">Rem anufactured Dell Laser Toner 593-10078</a></div><div class="box_image"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7991"><im g src="images/CyanHorizontal.jpg" alt="Remanufactured Dell Laser Toner 593-10078" title=" Remanufactured Dell Laser Toner 593-10078 " width="90" height="25" /></a></div><div class="price"><span class="normalprice">&pound;25.00 </span>&nbsp;<span class="productSpecialPrice">&pound;20.00</span><span class="productPriceDiscount"><br />Save:&nbsp;20% off</span></div><div class="product_detail"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7991"><im g src="includes/templates/avonlee_contempo/images/details.gif" alt="" width="118" height="21" /></a></div></div></td>
<td width="32.5%" align="center" valign="top"><div class="centerBoxContentsNew" ><div class="product_title"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7992">Rem anufactured Dell Laser Toner 593-10078</a></div><div class="box_image"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7992"><im g src="images/YellowHorizontal.jpg" alt="Remanufactured Dell Laser Toner 593-10078" title=" Remanufactured Dell Laser Toner 593-10078 " width="90" height="25" /></a></div><div class="price"><span class="normalprice">&pound;25.00 </span>&nbsp;<span class="productSpecialPrice">&pound;20.00</span><span class="productPriceDiscount"><br />Save:&nbsp;20% off</span></div><div class="product_detail"><a href="http://localhost/shop/index.php?main_page=product_info&amp;cPath=115_116_117&amp;products_id=7992"><im g src="includes/templates/avonlee_contempo/images/details.gif" alt="" width="118" height="21" /></a></div></div></td>


</tr>







</table>

</div></div>

<!-- eof: specials -->





















</div>

</td>



<td id="navColumnTwo" class="columnRight" style="width: 185px">

<div id="navColumnTwoWrapper" style="width: 180px"><!--// bof: manufacturers //-->

<div class="rightBoxContainer" id="manufacturers" style="width: 180px">

<h3 class="rightBoxHeading" id="manufacturersHeading"><label>Manufacturers</label></h3>

<div id="manufacturersContent" class="sideBoxContent centeredContent"><form name="manufacturers_form" action="http://localhost/shop/index.php?main_page=index" method="get"><input type="hidden" name="main_page" value="index" /><select name="manufacturers_id" onchange="this.form.submit();" size="3" style="width: 90%; margin: auto;">
<option value="" selected="selected">Please Select</option>
<option value="1">Canon</option>
<option value="2">Dell</option>
</select>
</form></div></div>

<!--// eof: manufacturers //-->






</div></td>

</tr>

</table>

[gjh42]

I don't see anything related to Model List code there... <span class="pf_selectbox_name"> refers to some other mod or feature.

<h3 class="leftBoxHeading" id="productfinderHeading">Quicksearch</h3>

<div id="productfinderContent" class="sideBoxContent">

If this were the correct sidebox, the bit in red would be the correct id to style in your stylesheet. Something like

#productfinderContent {background: url(../images/yourbg.gif) left top no-repeat;}

[DaMixa]

Sorry not much good at this.
I have placed the whole file here;

http://www.swiftys.co.uk/test/index.txt

Could you have a look at that please.
Thanks
Mike

[gjh42]

I cannot find any Model List code in the output you have there. Model List code will start with <div id="modelList">, so a rule like

#modelList {background: #aabbcc url(../images/yourbg.gif) left top no-repeat;}

would give it a background image and an underlying bg color.

[mikeislearning]

Is there any way to show Product Name instead of model number?

[mikeislearning]

nevermind i found answer in the previous pages