[x]
Posted via EE Mobile

Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.
Question
[x]
Attachment Details
[x]
The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

  • The Grade of the Solution
  • The Zone Rank of the Expert Providing the Solution
  • The Number of Author and Expert Comments
  • The Number of Experts Contributing
  • The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!
7.4

Need help with css layout - urgent!

Asked by signpost2 in Cascading Style Sheets (CSS)

Tags: CSS, IE and FF

I've created the following layout. the area for Best Sellers and New Products looks bad in FireFox but my main issue at the moment is trying to get my left hand content to not to flow over my footer. (see attached pic). I did have this all working perfectly but when I took the page into my ecommerce software it went to pot and I've had to rebuild bits. Sorry but it's not online so I hope the attached and code is enough? 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:
430:
431:
432:
433:
434:
435:
436:
437:
438:
439:
440:
441:
442:
443:
444:
445:
446:
447:
448:
449:
450:
451:
452:
453:
454:
455:
456:
457:
458:
459:
460:
461:
462:
463:
464:
465:
466:
467:
468:
469:
470:
471:
472:
473:
474:
475:
476:
477:
478:
479:
480:
481:
482:
483:
484:
485:
486:
487:
488:
489:
490:
491:
492:
493:
494:
495:
496:
497:
498:
499:
500:
501:
502:
503:
504:
505:
506:
507:
508:
509:
510:
511:
512:
513:
514:
515:
516:
517:
518:
519:
520:
521:
522:
523:
524:
525:
526:
527:
528:
529:
530:
531:
532:
533:
534:
535:
536:
537:
538:
539:
540:
541:
542:
543:
544:
545:
546:
547:
548:
549:
550:
551:
552:
553:
554:
555:
556:
557:
558:
559:
560:
561:
562:
563:
564:
565:
566:
567:
568:
569:
570:
571:
572:
573:
574:
575:
576:
577:
578:
579:
580:
581:
582:
583:
584:
585:
586:
587:
588:
589:
590:
591:
592:
593:
594:
595:
596:
597:
598:
599:
600:
601:
602:
603:
604:
605:
606:
607:
608:
609:
610:
611:
612:
613:
614:
615:
616:
617:
618:
619:
620:
621:
622:
623:
624:
625:
626:
627:
628:
629:
630:
631:
632:
633:
634:
635:
636:
637:
638:
639:
640:
641:
642:
643:
644:
645:
646:
647:
648:
649:
650:
651:
652:
653:
654:
655:
656:
657:
658:
659:
660:
661:
662:
663:
664:
665:
666:
667:
668:
669:
670:
671:
672:
673:
674:
675:
676:
677:
678:
679:
680:
681:
682:
683:
684:
685:
686:
687:
688:
689:
690:
691:
692:
693:
694:
695:
696:
697:
698:
699:
700:
701:
702:
703:
704:
705:
706:
707:
708:
709:
710:
711:
712:
713:
714:
715:
716:
717:
718:
719:
720:
721:
722:
723:
724:
725:
726:
727:
728:
729:
730:
731:
732:
733:
734:
735:
736:
737:
738:
739:
740:
741:
742:
743:
744:
745:
746:
747:
748:
749:
750:
751:
752:
753:
754:
755:
756:
757:
758:
759:
760:
761:
762:
763:
764:
765:
766:
767:
768:
769:
770:
771:
772:
773:
774:
775:
776:
777:
778:
779:
780:
781:
782:
783:
784:
785:
786:
787:
788:
789:
790:
791:
792:
793:
794:
795:
796:
797:
798:
799:
800:
801:
802:
803:
804:
805:
806:
807:
808:
809:
810:
811:
812:
813:
814:
815:
816:
817:
818:
819:
820:
821:
822:
823:
824:
825:
826:
827:
828:
829:
830:
831:
832:
833:
834:
835:
836:
837:
838:
839:
840:
841:
842:
843:
844:
845:
846:
847:
848:
849:
850:
851:
852:
853:
854:
855:
856:
857:
858:
859:
860:
861:
862:
863:
864:
865:
866:
867:
868:
869:
870:
871:
872:
873:
874:
875:
876:
877:
878:
879:
880:
881:
882:
883:
884:
885:
886:
887:
888:
889:
890:
891:
892:
893:
894:
895:
896:
897:
898:
899:
900:
901:
902:
903:
904:
905:
906:
907:
908:
909:
910:
911:
912:
913:
914:
915:
916:
917:
918:
919:
920:
921:
922:
923:
924:
925:
926:
927:
928:
929:
930:
931:
932:
933:
934:
935:
936:
937:
938:
939:
940:
941:
942:
943:
944:
945:
946:
947:
948:
949:
950:
951:
952:
953:
954:
955:
956:
957:
958:
959:
960:
961:
962:
963:
964:
965:
966:
967:
968:
969:
970:
971:
972:
973:
974:
975:
976:
977:
978:
979:
980:
981:
982:
983:
984:
985:
986:
987:
988:
989:
990:
991:
992:
993:
994:
995:
996:
997:
998:
999:
1000:
1001:
1002:
1003:
1004:
1005:
1006:
1007:
1008:
1009:
1010:
1011:
1012:
1013:
1014:
1015:
1016:
1017:
1018:
1019:
1020:
1021:
1022:
1023:
1024:
1025:
1026:
1027:
1028:
1029:
1030:
1031:
1032:
1033:
1034:
1035:
1036:
1037:
1038:
1039:
1040:
1041:
1042:
1043:
1044:
1045:
1046:
1047:
1048:
1049:
1050:

html code:
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><actinic:variable name="PageTitle" /></title>
<actinic:variable name="BaseHref" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="MSThemeCompatible" content="yes" />
<actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Section%22%20AND%20%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Brochure%22%29%20OR%20%3cactinic%3avariable%20name%3d%22IsStoreFrontPage%22%20%2f%3e">
  <!-- Meta tags entered into the green 'Online Catalog' icon -->
  <actinic:block if="%3cactinic%3avariable%20name%3d%22GlbMetaKeywords%22%20%2f%3e%20%21%3d%20%22%22" >
    <meta name="keywords" content="<actinic:variable name="GlbMetaKeywords" />" />
  </actinic:block>
  <actinic:block if="%3cactinic%3avariable%20name%3d%22GlbMetaDescription%22%20%2f%3e%20%21%3d%20%22%22">
    <meta name="description" content="<actinic:variable name="GlbMetaDescription" />" />
  </actinic:block>
</actinic:block>
<actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22%20AND%20%3cactinic%3avariable%20name%3d%22IsStoreFrontPage%22%20%2f%3e%20%21%3d%20TRUE%29%20OR%20%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Brochure%22">
  <!-- meta tags for individual section and brochure pages -->
  <actinic:block if="%3cactinic%3avariable%20name%3d%22MetaKeywords%22%20%2f%3e%20%21%3d%20%22%22">
    <meta name="keywords" content="<actinic:variable name="MetaKeywords" />" />
  </actinic:block>
  <actinic:block if="%3cactinic%3avariable%20name%3d%22MetaDescription%22%20%2f%3e%20%21%3d%20%22%22">
    <meta name="description" content="<actinic:variable name="MetaDescription" />" />
  </actinic:block>
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsP3PPolicyUsed%22%20%2f%3e">
  <link rel="P3Pv1" href="<actinic:variable name="P3PFullPolicyLink" />">
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Contact%20Us%22" >
  <actinic:variable value="Script for Blocking Unregistered Customers" name="UnregCustomerMessage" if="%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20FALSE" />
</actinic:block>
<link href="actinic.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="actiniccore.js"></script>
<script language="javascript" type="text/javascript" src="actinicextras.js"></script>
<!-- Placeholder of cookie checking javascript code. Do not remove it! -->
<Actinic:COOKIECHECK />
<script language="javascript" type="text/javascript">
<!-- 
  saveReferrer();
// -->
</script>
<link href="scrapbook.css" rel="stylesheet" type="text/css" media="all" />
<style>#newsmenu a {color:#ff0000;}</style>
</head>
 
<body onLoad="<actinic:variable value="PreloadImages" name="OnLoadScript" />" class="thrColAbsHdr">
 
<div id="container">
<!--top header-->
<div id="nifty">
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<h1 class="top">The Scrapbook Shop</h1>
 
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</div>
<!--top end-->
<!--scroller start-->
<div id="scroller">
<div id="scroller">
<script type="text/javascript">
 
/***********************************************
* Memory Scroller script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
 
var memorywidth="950px" //scroller width
var memoryheight="22px" //scroller height
var memorybgcolor="#ffffff" //scroller background
var memorypadding="2px" //padding applied to the scroller. 0 for non.
var borderCSS="border: 0px solid black;" //Border CSS, applied to scroller to give border.
 
 
var memoryspeed=1 //Scroller speed (larger is faster 1-10)
var pauseit=1 //Pause scroller onMousever (0=no. 1=yes)?
 
var persistlastviewedmsg=1 //should scroller's position persist after users navigate away (1=yes, 0=no)?
var persistmsgbehavior="onload" //set to "onload" or "onclick".
 
//Specify the scroller's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
 
var memorycontent='<nobr><span id=newsmenu style="font: bold 12px Arial"><font color="#000000">Specialists in <a href="#">Patterned Papers.</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; New to <a href="#">Scrapbooking?</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  You can earn <a href="#">loyalty points</a> with us.</font></span></nobr>';
 
 
////NO NEED TO EDIT BELOW THIS LINE////////////
var combinedcssTable="width:"+(parseInt(memorywidth)+6)+"px;background-color:"+memorybgcolor+";padding:"+memorypadding+";"+borderCSS+";"
var combinedcss="width:"+memorywidth+";height:"+memoryheight+";"
 
var divonclick=(persistlastviewedmsg && persistmsgbehavior=="onclick")? 'onClick="savelastmsg()" ' : ''
memoryspeed=(document.all)? memoryspeed : Math.max(1, memoryspeed-1) //slow speed down by 1 for NS
var copyspeed=memoryspeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-10000px">'+memorycontent+'</span>')
var actualwidth=''
var memoryscroller
 
if (window.addEventListener)
window.addEventListener("load", populatescroller, false)
else if (window.attachEvent)
window.attachEvent("onload", populatescroller)
else if (document.all || document.getElementById)
window.onload=populatescroller
 
function populatescroller(){
memoryscroller=document.getElementById? document.getElementById("memoryscroller") : document.all.memoryscroller
memoryscroller.style.left=parseInt(memorywidth)+8+"px"
if (persistlastviewedmsg && get_cookie("lastscrollerpos")!="")
revivelastmsg()
memoryscroller.innerHTML=memorycontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
lefttime=setInterval("scrollmarquee()",20)
}
 
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
 
function savelastmsg(){
document.cookie="lastscrollerpos="+memoryscroller.style.left
}
 
function revivelastmsg(){
lastscrollerpos=parseInt(get_cookie("lastscrollerpos"))
memoryscroller.style.left=parseInt(lastscrollerpos)+"px"
}
 
if (persistlastviewedmsg && persistmsgbehavior=="onload")
window.onunload=savelastmsg
 
function scrollmarquee(){
if (parseInt(memoryscroller.style.left)>(actualwidth*(-1)+8))
memoryscroller.style.left=parseInt(memoryscroller.style.left)-copyspeed+"px"
else
memoryscroller.style.left=parseInt(memorywidth)+8+"px"
}
 
if (iedom){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0" style="'+combinedcssTable+'"><td>')
write('<div style="position:relative;overflow:hidden;'+combinedcss+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=memoryspeed">')
write('<div id="memoryscroller" style="position:absolute;left:0px;top:0px;" '+divonclick+'></div>')
write('</div>')
document.write('</td></table>')
}
}
</script>
 
</div>
 
</div>
<!--scroller end-->
<!--pink rounded-->
<div id="nifty2">
<b class="rtop2"><b class="r12"></b><b class="r22"></b><b class="r32"></b><b class="r42"></b></b>
<div id="topsearch">
<div id="productsearch"><div id="productsearchtext">Product Search:</div><Actinic:Variable Name="QuickSearchBar"/></div>
<div id="telephone">Order Line: 0191 375 7515</div>
</div><!--top search end-->
<b class="rbottom2"><b class="r42"></b><b class="r32"></b><b class="r22"></b><b class="r12"></b></b>
</div>
<!--pink rounded end-->
  <div id="mainContent">
<div id="leftnav">
<div id="productheader"></div><!--productheader end-->
    <ul class="link_list">
     <li class="color_2"><a href="/Online_Catalogue_New_Products_268.html">New Products</a></li>
      <li><a href="/Online_Catalogue_Stamps_249.html">Acrylic &amp; Rubber Stamps</a></li>
      <li><a href="/Scrapbook_Albums_and_Minibooks.html">Albums &amp; Minibooks</a></li>
      <li><a href="/Alphabet_Lettering___Stickers.html">Alphabet Lettering</a></li>
      <li><a href="/Altered_Art.html">Altered Art Supplies</a></li>
      <li><a href="/Brads.html">Brads, Buttons &amp; Eyelets</a></li>
      <li><a href="/Cardstock.html">Cardstock</a></li>
      <li><a href="/Chipboard.html">Chipboard</a></li>
      <li><a href="/Clear_Acrylic.html">Clear Acrylic</a></li>
      <li><a href="/Craft_Storage.html">Craft Storage</a></li>
      <li><a href="/Die_Cut_Equipment.html">Die Cutting</a></li>
      <li><a href="/Flowers_and_Blossoms.html">Flowers &amp; Blossoms</a></li>
       <li><a href="/Adhesives.html">Glues for Crafting</a></li>
       <li><a href="/Idea_Books_and_Magazines.html">Idea Books &amp; Magazines</a></li>
       <li><a href="/Ink.html">Inks</a></li>
       <li><a href="/Paint__Embossing_Powder___Chalk.html">Paint &amp; Embossing Powder</a></li>
       <li><a href="/Patterned_Paper.html">Patterned Paper</a></li>
       <li><a href="/Online_Catalogue_Punches_53.html">Punches</a></li>
       <li><a href="/Ribbon.html">Ribbon &amp; Twill</a></li>
       <li><a href="/Scrapbook_Kits.html">Scrapbook Kits</a></li>
       <li><a href="/Craft_Tools.html">Tools &amp; Trimmers</a></li>
       <li><a href="/Starter_Kit.html">Starter Kit</a></li>
        <li class="color_2"><a href="/Online_Catalogue_Clearance_265.html">Clearance</a></li>
                        
    </ul>
    <div id="brandsheader">
    <div id="nifty4">
<b class="rtop4"><b class="r14"></b><b class="r24"></b><b class="r34"></b><b class="r44"></b></b>
<h1 class="brands">Brands</h1>
</div>
 
 </div><!--brandsheader end-->
     <div id="brandsdrop">
      <select name="Brands" size="5" multiple class="brandswidth">
        <option>------- Select a Brand -------</option>
        <option value="/3_Bugs_in_a_Rug.html">3 Bugs in a Rug</option>
        <option value="/Online_Catalogue_7_Gypsies_195.html">7 Gypsies</option>
        <option value="/Online_Catalogue_American_Crafts_104.html">American Crafts</option>
        <option value="/Autumn_Leaves.html">Autumn Leaves</option>
        <option value="/Online_Catalogue_Basic_Grey_89.html">Basic Grey</option>
        <option value="/Online_Catalogue_Bazzill_BZ_7.html">Bazzill BZ</option>
        <option value="/Online_Catalogue_Bind-It-All.html">Bind - It - All</option>
        <option value="/Online_Catalogue_Bisous_PDQ.html">Bisous PDQ</option>
        <option value="/Online_Catalogue_Bo_Bunny_Press_2.html">Bo Bunny Press</option>
        <option value="/Online_Catalogue_Carolee_s_Creations__168.html">Carolee's Creations</option>
        <option value="/Crate_Paper.html">Crate Paper</option>
        <option value="/Online_Catalogue_Creative_Imaginations_219.html">Creative Imaginations</option>
        <option value="/Creative_Impressions.html">Creative Impressions</option>
        <option value="/Cosmo_Cricket.html">Cosmo Cricket</option>
        <option value="/Cricut.html">Cricut</option>
        <option value="/Cuttlebug.html">Cuttlebug</option>
        <option value="/Disney1.html">Disney</option>
        <option value="/DoveCraft.html">Dove Craft</option>
         <option value="/Online_Catalogue_Doodlebug_19.html">Doodlebug</option>
        <option value="/Die_Cuts_With_a_View.html">Die Cuts With a View</option>
        <option value="/Fancy_Pants.html">Fancy Pants</option>
        <option value="/Fiskars.html">Fiskars</option>
        <option value="/Flair_Designs.html">Flair Designs</option>
        <option value="/Imaginisce.html">Imaginisce</option>
        <option value="/Kelly_Pan.html">Kelly Panacci</option>
        <option value="/Online_Catalogue_K_and_Company_59.html">K and Company</option>
        <option value="/Online_Catalogue_Karen_Foster_28.html">Karen Foster</option>
        <option value="/Online_Catalogue_Making_Memories_34.html">Making Memories</option>
        <option value="/MayaRoad.html">Maya Road</option>
        <option value="/My_Minds_Eye.html">My Mind Eye MME</option>
        <option value="/October_Afternoon.html">October Afternoon</option>
        <option value="/PageFrames.html">PageFrames</option>
        <option value="/Paper_Adventures.html">Paper Adventures</option>
        <option value="/Pebbles_Inc.html">Pebbles Inc.</option>
        <option value="/Pink_Paislee.html">Pink Paislee</option>
        <option value="/Pink_Pig.html">Pink Pig</option>
        <option value="/Prima.html">Prima</option>
        <option value="/Online_Catalogue_Queen_and_Co_____SALE_____280.html">Queen and Co</option>
        <option value="/Online_Catalogue_QuicKutz_115.html">Quickutz</option>
        <option value="/Rusty_Pickle.html">Rusty Pickle</option>
         <option value="/Ranger___Tim_Holtz.html">Ranger/Tim Holtz</option>
        <option value="/Sandylion.html">Sandylion</option>
        <option value="/Sassafras_Lass.html">Sassafras Lass</option>
        <option value="/Scenic_Route.html">Scenic Route</option>
        <option value="/SEI.html">SEI</option>
        <option value="/Stix2.html">Stix2</option>
        <option value="/Online_Catalogue_Sizzix_Ellison_____SALE_____157.html">Sizzix/Ellison</option>
        <option value="/Wizard.html">Wizard</option>
        <option value="/Woodware.html">Woodwave</option>
      </select>
      </div><!--brandsdrop end-->
      
          <div id="brandsheader">
    <div id="nifty4">
<b class="rtop4"><b class="r14"></b><b class="r24"></b><b class="r34"></b><b class="r44"></b></b>
<h1 class="themes">Themes</h1>
</div>
 
 </div><!--brandsheader end-->
     <div id="brandsdrop">
      <select name="Themes" size="5" multiple class="brandswidth">
        <option>------- Select a Theme -------</option>
        <option value="/Love_and_Valentines.html">Love and Valentines</option>
        <option value="/Online_Catalogue_Weddings_153.html">Weddings and Anniversaries</option>
        <option value="/Travel.html">Travel</option>
        <option value="/Cruises.html">Cruises</option>
        <option value="/Online_Catalogue_Animal_Lover_177.html">Dogs, Cats and Horses</option>
        <option value="/Online_Catalogue_Baby_Girl_72.html">Baby Boys and Girls</option>
        <option value="/Go_England_.html">Football</option>
        <option value="/Dancer.html">Dance</option>
        <option value="/Fishing.html">Fishing</option>
        <option value="/Mountain_Cycling.html">Mountain Cycling and BMX</option>
        <option value="/Ice_Skating.html">Winter Sports</option>
        <option value="/Gymnastic.html">Gymnastics and Tennis</option>
        <option value="/All_Boy.html">All Boy</option>
        <option value="/Girls.html">Girly Girls</option>
        <option value="/Teenagers.html">Teenagers</option>
        <option value="/Family.html">Family</option>
        <option value="/Seasons.html">Seasons</option>
        <option value="/Heritage.html">Heritage</option>
        <option value="/Dancer.html">Disney and Sea World</option>
        <option value="/Online_Catalogue_Seaside_189.html">Seaside</option>
        <option value="/Outdoor_Activities.html">Outdoor Activities</option>
        <option value="/Birthdays.html">Birthdays</option>
        <option value="/Coffee_Breaks.html">Coffee Break</option>
        <option value="/School_Days__Activities_.html">School and Graduatuion</option>
        <option value="/Online_Catalogue_Seaside_189.html">Seaside</option>
        <option value="/Expecting_Pregnancy.html">Expecting and Pregnancy</option>
        <option value="/Online_Catalogue_Zoo___Sealife_148.html">Zoo Life</option>
        <option value="/Online_Catalogue_Christmas_Time_147.html">Christmas</option>
        <option value="/Halloween.html">Halloween</option>
        <option value="/Oriental__Egyptian.html">Oriental and Egyptian</option>
      </select>
      </div><!--brandsdrop end-->
   
<div id="spacer"></div>
   
</div><!--leftnav end-->
<div id="mainbody">
<div class="middletext" id="middleblk"><h1 class="home">Card Making &amp; Scrapbooking Supplies</h1></div>
<!--middleblk end-->
<div id="bodycontent">
<p class="hometext">Let The Scrapbook Shop help you tell your story....Capture life's moments with photos and preserve them and your memories in a Scrapbook. Share in the fun of creating a Scrapbook and enjoy the rewards
when you show your family and friends your album to showcase the ones you love.</p>
  </div>
<!--bodycontent end-->
</div><!--mainbody end-->
<!--right content-->
<div id="rightcontent">
<div id="rightbasket"></div>
<div id="shoppingcart">
<div id="niftycart">
<!--<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>-->
<h3><Actinic:Variable Name="ShoppingCartSummary"/></h3>
<span class="carttext"><a href="http://www.scrapbookshop.co.uk/cgi-bin/ca000003.pl?ACTION=SHOWCART">View Cart</a> l <a href="http://www.scrapbookshop.co.uk/cgi-bin/os000003.pl?ACTION=Start">Checkout</a></span></div>
 
<b class="rbottomcart"><b class="r4cart"></b><b class="r3cart"></b><b class="r2cart"></b><b class="r1cart"></b></b>
</div>
<div id="newproducts">
<div id="newproductsheader"></div>
<div id="gremiddle">
<div id="gremiddletext"><actinic:variable name="NewProductListSidebar" /></div>
</div>
<div id="grebottom"><img src="bottommenu.gif" alt="New Scrapbook Products"></div>
</div><!--newproducts end-->
<div id="newproducts">
<div id="bestsellersheader"></div>
<div id="gremiddle">
<div id="gremiddletext"><actinic:variable name="BestSellerListSidebar" /></div>
</div>
<div id="grebottom"><img src="bottommenu.gif" alt="New Scrapbook Products"></div>
</div><!--newproducts end-->
 
 
<div id="general">
<div id="generaltop"><img src="images/generaltop.gif" alt="General" /></div>
<div class="generaltext" id="generalmiddles">
  <ul class="general_list">
     <li><a href="http://www.scrapbookshop.co.uk">Home Page</a></li>
     <li><a href="http://www.scrapbookshop.co.uk/acatalog/About_us.html">About Us</a></li>
     <li><a href="http://www.scrapbookshop.co.uk/acatalog/index.html">Store Index</a></li>
    <li><a href="http://www.scrapbookshop.co.uk/acatalog/Shope_Events.html">Classes</a></li>
     <li><a href="http://www.scrapbookshop.co.uk/acatalog/info.html">Terms and Conditions</a></li>
     <li><a href="http://www.scrapbookshop.co.uk/acatalog/About_us.html">Delivery and Returns</a></li>
     <li><a href="http://www.scrapbookshop.co.uk/acatalog/Gift_Vouchers.html">Loyalty Card &amp; Vouchers</a></li>
      <li><a href="http://www.scrapbookshop.co.uk/acatalog/Gift_Vouchers.html">Tips &amp; Techniques</a></li>
<li><A  onclick="if (document.all) window.external.AddFavorite('http://www.scrapbookshop.co.uk', 'The Scrapbook Shop');"  href="#">Add to Favourites</a></li>
       <li><a href="http://www.scrapbookshop.co.uk/acatalog/About_us.html">Links</a></li>
      <li><a href="http://www.scrapbookshop.co.uk/acatalog/About_us.html">Testimonals</a></li>
      <li><a href="http://www.scrapbookshop.co.uk/acatalog/Contact_Us.html">Contact Us</a></li>
    </ul>
</div>
<div id="generalbottom"><img src="images/generalbottom.gif" alt="General" /></div>
<div id="newsletter"><img src="images/newsletter.gif" alt="Newsletter" width="174" height="72" /></div>
<div id="postage"><img src="images/postage.jpg" alt="Postage" width="174" height="72" /></div>
</div><!--general end-->
 
</div><!--rightcontent end-->
	<!-- end #mainContent --></div>
 
  <div id="footer">
    <p>&copy; Scrapbook Shop 2008</p>
  <!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
 
 
CSS
@charset "utf-8";
/* CSS Document */
body  {
	font: 100%  Arial, Verdana, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 10px;;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.thrColAbsHdr #container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
 
/* Tips for absolutely positioned sidebars with header and footer:
1. Absolutely positioned (AP) elements must be given a top and side value, either right or left. (As a default, if no top value is given, the AP element will begin directly after the last element in the source order of the page. This means, if the sidebars are first element in the #container in the document's source order, they will appear at the top of the #container even without being given a top value. However, if they are moved later in the source order for any reason, they'll need a top value to appear where you desire.
2. Absolutely positioned (AP) elements are taken out of the flow of the document. This means the elements around them don't know they exist and don't account for them when taking up their proper space on the page. Thus, an AP div should only be used as a side column if you are sure the middle #mainContent div will always contain the most content. If either sidebar were to contain more content, that sidebar would run over the bottom of the parent div, and in this case the footer as well, and the sidebar would not appear to be contained.
3. If the above mentioned requirements are met, absolutely positioned sidebars can be an easy way to control the source order of the document.
4. If the source order is changed, the top value should be equal to the height of the header since this will cause the columns to visually meet the header.
*/
.thrColAbsHdr #header { 
	height: 60px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.thrColAbsHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.thrColAbsHdr #sidebar1 {
	position: absolute;
	top: 60px;
	left: 0;
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}
.thrColAbsHdr #sidebar2 {
	position: absolute;
	top: 60px;
	right: 0;
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}
.thrColAbsHdr #mainContent { 
	margin: 0 ; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 975px;
	padding-top: 10px;
}
.thrColAbsHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#000000;
	clear:both;
} 
.thrColAbsHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#FFFFFF;
	font-size: 10px;
	text-align:center;
	text-decoration:none;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
/**jen script**/
#leftnav{
background-color:#fff;
width: 180px;
padding: 0px 0px 0px 0px;
float:left;
}
#mainbody{
width: 595px;
background-color:#FFFFFF;
padding: 0px 5px 5px 5px;
float:left;
}
#rightcontent{
background-color:#fff;
width: 175px;
padding: 0px 0px 0px 0px;
margin:0px;
float:left;
}
h1.top{
font-size: 36px; padding-top: 10px;
}
/**rounded header black*/
body{padding: 20px;background-color: #FFF;
    font: 100.01% "Verdana",Arial,sans-serif}
h1,p{margin: 0 10px;}
h1{font-size: 200%;color: #F9C8CE; height: 55px;}
h2{font-size: 200%;color: #f0f0f0}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#nifty{ margin: 0 0%;background: #000000; background:url('images/cards.gif');}
 
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #000000}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
 
/**rounded header pink*/
body{padding: 20px;background-color: #FFF;
    font: 100.01% "Verdana",Arial,sans-serif}
h2{font-size: 200%;color: #f0f0f0}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#nifty2{ margin: 0 0%;background: #F9C8CE}
 
b.rtop2, b.rbottom2{display:block;background: #FFF}
b.rtop2 b, b.rbottom2 b{display:block;height: 1px;
    overflow: hidden; background: #F9C8CE}
b.r12{margin: 0 5px}
b.r22{margin: 0 3px}
b.r32{margin: 0 2px}
b.rtop2 b.r42, b.rbottom2 b.r42{margin: 0 1px;height: 2px}
#topsearch{
width:950px;
height: 25px;
padding: 5px 5px 5px 5px;
}
#productsearch{
width: 783px;
padding-left: 0px;
float:left;
}
#productsearchtext{
font-size: 12px;
padding: 5px 5px 0 5px;
float:left;
font-weight:bold;
}
#telephone{
width: 160px;
float:left;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
font-weight:bold;
padding: 3px 0 0 0;
}
/*scroller*/
#scroller{
width: 955px;
border:#006600 0px solid;
height: 22px;
}
/**rounded product search pink*/
body{padding: 20px;background-color: #FFF;
    font: 100.01% "Verdana",Arial,sans-serif}
 
h2{font-size: 200%;color: #f0f0f0}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#nifty3{ margin: 0 0%;background: #F9C8CE}
 
b.rtop3, b.rbottom3{display:block;background: #FFF}
b.rtop3 b, b.rbottom3 b{display:block;height: 1px;
    overflow: hidden; background: #F9C8CE}
b.r13{margin: 0 5px}
b.r23{margin: 0 3px}
b.r33{margin: 0 2px}
b.rtop3 b.r43, b.rbottom3 b.r43{margin: 0 1px;height: 2px}
#productheader{
width: 180px;
height: 35px;
background:url('images/pinkproducts.gif') no-repeat;
}
#middleblk{
width: 595px;
height: 25px;
background:url('images/middleblk.gif') no-repeat;
 
}
.middletext{
color:#FFFFFF;
font:Arial, Helvetica, sans-serif;
font-size:11px;
padding: 10px 0 0 0px;
}
 
#rightbasket{
width: auto;
height: 35px;
background:url('images/shoppingbasket.gif') no-repeat;
}
      ul.link_list {
        margin: 0;
        padding: 0;
        list-style-type: none;
        width: 170px;
      }
      ul.link_list li {
        margin: 0;
        padding: 0;
      }
      ul.link_list a {
        display: block;
        width: 170px;
        height: 20px;
        border-bottom: 1px #FFF solid;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 12px;
        line-height: 20px;
        padding: 0 5px;
        text-decoration: none;
      }
      ul.link_list a:link, ul.link_list a:visited {
        color: #000;
        background: #CCC;
      }
      ul.link_list a:focus, ul.link_list a:hover {
        color: #FFF;
        background: #777;
      }
      ul.link_list a:active {
      }
      ul.link_list li.color_2 a:link, ul.link_list li.color_2 a:visited {
        color: #fff;
        background: #7D7B7C;
      }
      ul.link_list li.color_2 a:focus, ul.link_list li.color_2 a:hover {
        color: #FFF;
        background: #777;
      }
      ul.link_list li.color_2 a:active {
        color: #fff;
        background: #7D7B7C;
      }
	        ul.link_list li.color_2 a:hover{
        color: #fff;
        background: #D0D0D0;
      }
 
	  /*nav end*/
	  
	  h1.home{
	  color:#FFFFFF;
font:Arial, Helvetica, sans-serif;
font-size:11px;
padding: 0px 0 0 0px;
}
#brandsheader{
width: 180px;
height: 25px;
	clear:both;
	padding-top: 5px;
}
/**rounded brands*/
h1.brands{
font-size:14px;
margin: 0px;
padding: 0px;
}
body{padding: 20px;background-color: #FFF; 
    font: 100.01% "Verdana",Arial,sans-serif}
h1.brands,h2.brands,p{margin: 0px 10px; height: 20px; !important}
h1.brands{font-size: 12px;color: #000000}
h2.brands{font-size: 200%;color: #f0f0f0}
p{padding-bottom:1em}
h2.brands{padding-top: 0.3em}
div#nifty4{ margin: 0 0%;background: #F9C8CE; height: 25px; }
 
b.rtop4, b.rbottom4{display:block;background: #FFF}
b.rtop4 b, b.rbottom4 b{display:block;height: 1px;
    overflow: hidden; background: #F9C8CE}
b.r14{margin: 0 5px}
b.r24{margin: 0 3px}
b.r34{margin: 0 2px}
b.rtop4 b.r44, b.rbottom4 b.r44{margin: 0 1px;height: 2px}
 
/*brands*/
#brandsdrop{
width: 180px; 
height: 90px;
border:#CC0033 0px solid;
	clear:both;
}
.brandswidth{
width: 180px;
height: 90px;
clear:both;
}
/**rounded themes*/
h1.themes{
font-size:12px;
margin: 0px;
padding: 0px;
}
body{padding: 20px;background-color: #FFF;
    font: 100.01% "Verdana",Arial,sans-serif}
h1.themes,h2.themes,p{margin: 0 10px; height: 20px; !important}
h1.themes{font-size: 12px;color: #000000}
h2.themes{font-size: 200%;color: #f0f0f0}
p{padding-bottom:1em}
h2.themes{padding-top: 0.3em}
div#nifty5{ margin: 0 0%;background: #7D7B7C; height: 25px;}
 
b.rtop5, b.rbottom5{display:block;background: #FFF}
b.rtop5 b, b.rbottom5 b{display:block;height: 1px;
    overflow: hidden; background: #7D7B7C}
b.r15{margin: 0 5px}
b.r25{margin: 0 3px}
b.r35{margin: 0 2px}
b.rtop5 b.r45, b.rbottom5 b.r45{margin: 0 1px;height: 2px}
 
/*themes*/
#themesdrop{
width: 180px;
height: 90px;
}
#themesheader{
width: 180px;
height: 90px;
border:#CC3300 1px solid;
}
.themeswidth{
width: 180px;
}
#spacer{
height: 10px;
}
/*shopping basket*/
#shoppingcart{
width: 175px;
padding-bottom: 10px;
}
body{padding: 20px;background-color: #FFF;
    font: 100.01% "Verdana",Arial,sans-serif}
 
h2{font-size: 200%;color: #f0f0f0}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#niftycart{ margin: 0 0%;background: #7D7B7C}
 
b.rtopcart, b.rbottomcart{display:block;background: #FFF}
b.rtopdcart b, b.rbottomcart b{display:block;height: 1px;
    overflow: hidden; background: #7D7B7C}
b.r1cart{margin: 0 5px}
b.r2cart{margin: 0 3px}
b.r3cart{margin: 0 2px}
b.rtopcart b.r4cart, b.rbottomcart b.r4cart{margin: 0 1px;height: 2px}
 
h3{
font-size: 10px;
padding: 10px 0 0 0;
}
#shoppingcart{
color:#FFFFFF;
font-size: 10px;
}
 
.carttext{
font-size:10px;
color:#FFFFFF;
text-align:center;
padding-left: 28px;
}
.carttext a{
font-size:10px;
color:#FFFFFF;
}
.carttext a:hover{
font-size:10px;
color:#F9C8CE;
}
/*shopping basket end*/
 
/*New products*/
#newproducts{
width: 175px;
 
}
#newproductsheader{
width: auto;
height: 35px;
background:url('images/newproducts.gif') no-repeat;
}
body{padding: 20px;background-color: #FFF;
    font: 100.01% "Verdana",Arial,sans-serif}
 
h2{font-size: 200%;color: #f0f0f0}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#niftyproducts{ margin: 0 0%;background: #B4B4B4}
 
b.rtopproducts, b.rbottomproducts{display:block;background: #FFF}
b.rtopproducts b, b.rbottomproducts b{display:block;height: 1px;
    overflow: hidden; background: #B4B4B4}
b.r1products{margin: 0 5px}
b.r2products{margin: 0 3px}
b.r3products{margin: 0 2px}
b.rtopproducts b.r4products, b.rbottomproducts b.r4products{margin: 0 1px;height: 2px}
 
/*best sellers*/
#bestsellers{
width: 175px;
 
}
#bestsellersheader{
width: auto;
height: 35px;
background:url('images/bestsellers.gif') no-repeat;
}
body{padding: 20px;background-color: #FFF;
    font: 100.01% "Verdana",Arial,sans-serif}
 
h2{font-size: 200%;color: #f0f0f0}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#niftybest{ margin: 0 0%;background: #B4B4B4}
 
b.rtopbest, b.rbottombest{display:block;background: #FFF}
b.rtopbest b, b.rbottombest b{display:block;height: 1px;
    overflow: hidden; background: #B4B4B4}
b.r1best{margin: 0 5px}
b.r2best{margin: 0 3px}
b.r3best{margin: 0 2px}
b.rtopbest b.r4best, b.rbottombest b.r4best{margin: 0 1px;height: 2px}
 
/*general info*/
#general{
width: 175px;
height: 20px;
background-color:#fff;
}
#generaltop{
width: 175px;
height: 10px;
}
#generalmiddles{
width: 175px;
background:url('images/generalmiddle.gif') repeat-y;
}
.generaltext{
padding-left: 8px;
font-size:10px;
color:#000000;
}
#generalbottom{
width: 175px;
height: 10px;
}
.generaltext a{
font-size:10px;
color:#333333;
text-decoration:none;
}
.generaltext a:hover{
font-size:10px;
color:#F9C8CE;
}
/*general lists*/
      ul.general_list {
        margin: 0px;
        padding: 0px;
		list-style-type:none;
        width: 130px;
      }
      ul.general_list li {
        margin: 0;
        padding: 0;
      }
      ul.general_list a {
        display: block;
        width: 140px;
        height: 18px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 11px;
        line-height: 15px;
        padding: 0 2px;
        text-decoration: none;
      }
      ul.general_list a:general, ul.general_list a:visited {
        color: #333333;
		font-size: 11px;
      }
      ul.general_list a:focus, ul.general_list a:hover {
        color: #F9C8CE;
		font-size: 11px;
      }
	  /*general list end*/
	  #newsletter{
	  width: 175px;
	  padding-top: 10px;
	  }
	  	  /*general list end*/
	  #postage{
	  width: 175px;
	  padding-top: 10px;
	  }
/*scrap logos*/
#scraplogos{
width:970px;
height: 60px;
clear:both;
}
#scrapbox{
padding-left: 320px;
}
#logo1{
padding: 0 5px 0 0;
float:left;
}
#logo2{
padding: 0 3px 0 0;
float:left;
}
#logo3{
float:left;
}
a img{ border: none;}
/*leftproduct links*/
.leftpro{
font-size:11px;
color:#000000;
text-align:left;
padding-left: 5px;
font-weight:bold;
}
.leftpro a{
font-size:11px;
color:#FFFFFF;
font-weight:bold;
}
.leftpro a:hover{
font-size:10px;
color:#F9C8CE;
font-weight:bold;
}
/*body content*/
#bodycontent{
width: 582px;
padding: 10px 5px 10px 5px;
}
p.hometext{
font-size: 12px;
color:#666666;
text-align:justify;
}
/*flash scroll*/
#flashscroll{
width: 560px;
padding: 20px 0 0 0;
}
/*actinic body*/
#actinicbody{
width: 590px;
padding: 50px 0px 10px 10px;
}
/*product section home*/
#homepro1{
width: 175px;
padding: 5px 9px 5px 5px;
float:left;
}
#homepro2{
width: 175px;
padding: 5px 9px 5px 5px;
float:left;
}
#homepro3{
width: 175px;
padding: 5px 5px 5px 5px;
float:left;
}
#homepro4{
width: 175px;
padding: 5px 9px 5px 5px;
float:left;
}
#homepro5{
width: 175px;
padding: 5px 9px 5px 5px;
float:left;
}
#homepro6{
width: 175px;
padding: 5px 5px 5px 5px;
float:left;
}
/*home products*/
.holder {
      background:url('images/background.jpg');
      background-repeat:no-repeat;
      height:238px;
      width:168px; 
      font:Arial, Helvetica, sans-serif;
      font-size:10px;
}
 
.product {
      margin-top:18px;
      margin-left:18px;
}
 
.name {
      width:142px;
      margin-top:18px;
      margin-left:10px;
      font-weight:bold;
}
 
.desc {
      width:142px;
      margin-left:10px;
	  padding-bottom: 2px;
}
 
.price {
      width:80px;
      color:#3A3A3A;
      font-weight:bold;
      margin-left:10px;
      display:inline;
      float:left;
}
 
.link {
      display:inline;
      float:right;
      margin-right:15px;
}
.link a{
color:#3A3A3A;
text-decoration:none;
}
.link a:hover{
color:#3A3A3A;
text-decoration:underline;
}
#gremiddle{
width: 175px;
background-color:#B4B4B4;
}
#gremiddletext{
padding: 5px 3px 3px 3px;
}
#grebottom{
width: 175px;
height: 15px;
}
Attachments:
 
page.gif (18 KB) (File Type Details) 
page view
page view
 
[+][-]06/07/08 12:45 PM, ID: 21736599Accepted Solution

View this solution now by starting your 30-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

About this solution

Zone: Cascading Style Sheets (CSS)
Tags: CSS, IE and FF
Sign Up Now!
Solution Provided By: vibrazy
Participating Experts: 1
Solution Grade: B
 
[+][-]06/07/08 02:11 PM, ID: 21736802Author Comment

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 30-day free trial to view this Author Comment or ask the Experts your question.

 
 
Loading Advertisement...
20091111-EE-VQP-89 / EE_QW_2_20070628