/* These are the css classes for the css layouts used from Version 6.2. To use this file, upload to your store root and add a line like this to the section or copy and paste the classes into your existing css file. You will also need the following in vsadmin/includes.asp usecsslayout=TRUE or in vsadmin/includes.php $usecsslayout=TRUE; A help page is available here http://www.ecommercetemplates.com/help/css-layouts.asp This is just a sample file and can be edited to match your current design and layout. This file use pixel widths. -------------------------------------*/ /* Store generated links -------------------------------------*/ a.ectlink:link{ text-decoration:none; color:#d42e12; font: 13px Arial, Helvetica, sans-serif; } a.ectlink:visited{ text-decoration:none; color:#000066; font: 13px Arial, Helvetica, sans-serif; } a.ectlink:active{ text-decoration:none; color:#d42e12; font: 13px Arial, Helvetica, sans-serif; } a.ectlink:hover, a.ectlink:focus { text-decoration:underline; color:#333; font: 13px Arial, Helvetica, sans-serif; } /*Table backgrounds for the cart, search, client login etc pages*/ table.cobtbl{ background-color: #eee; border-bottom:1px solid #ccc; } td.cobll, td.cobcol1, td.cobhl{ background-color: #fff; color : #333; } td.cobhdr{ background-color:#bbb; font-size:1.1em; color:#fff; text-transform:uppercase; } div.tofreeshipping{ border-top:1px solid #ccc; color:#d42e12 !important; } td.cobll input, textarea, select{ border: 1px solid #999; border-radius:2px; padding:4px; } .cartdiscounts, .cartdiscountsamnt{ color:#d42e12 !important; } td.cobll input[type="image"]{ border:none; } td.cobll input[type="radio"]{ border:none; } span.cartoption{ font-size:12px !important; color:#333; } div.giftwrap a{ color:#666; font-size:0.8em; text-decoration:none; } div.logintoaccount{ text-align:left !important; } span.willpickup{ font-size:1.1em !important; } /* ~~ Store buttons ~~*/ input.login, input.sccheckout, input.logintoaccount, input.search { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #000; background: #d42e12; border: 1px solid #999; border-radius: 4px; cursor: pointer; } input.login:hover, input.sccheckout:hover, input.logintoaccount:hover, input.search:hover{ background:#fff; color:#666; } /* The thanks page -------------------------------------*/ td.receiptoption{font-size:0.9em;} td.receiptoption strong{font-weight:500;} td.receipthl strong{font-weight:500;} td.receiptheading{background:#F6F6F6;font-size:1.1em;color: #3D79B7;font-weight:normal !important;border-bottom: 1px solid #3D79B7;border-top: 1px solid #3D79B7;} td.receiptheading strong{font-weight:500;} hr.receipthr{display:none;} /* The product page -------------------------------------*/ div.prodfilter{ float:left; background-color:#ececec; border: 1px dotted #42619a; padding:6px; font-weight:bold; color: #42619a; margin-bottom:10px; margin-top:10px; } div.prodfilterbar{ float:left; width:720px; } select.prodfilter{ padding:0px; margin:0px; } div.product{ padding:2px; width:356px; float:left; height:436px; margin:2px; border:1px solid #567CBB; background-color:#FFF; } div.prodnavigation{ padding:10px; float:left; width:500px; } div.checkoutbutton{ width:120px; padding:6px; float:right; } div.allproddiscounts{ font-size: 13px; color:#d42e12; width:500px; margin-bottom:2px; float:left; } div.prodmanufacturer{ color:#666; padding:6px; font-weight:bold; } div.prodsku{ color:#666; padding:6px; } div.prodimage{ padding-top: 6px; text-align:center; } div.prodname{ padding:10px; font-size: 13px; text-align:center; } div.prodrating{ padding-left:10px; } div.prodinstock{ padding:4px; color:#666; } div.proddescription{ font-size: 13px; padding-top:4px; padding-bottom:6px; float:left; } div.prodoptions{ padding:6px; width:340px; float:left; border: 1px solid #ccc; } select.prodoption{ font-size:11px; width:220px; float:right; margin:6px; } span.prodoption{ font-size:11px; float:left; padding: 2px; } div.optiontext{ padding: 2px; font-size:12px; width: 90px; float:left; margin:2px; } div.option{ padding: 0px; } div.listprice{ padding: 2px; text-align:center; width:350px; float:left; } div.prodprice{ padding: 4px; font-size: 15px; font-weight:bold; text-align:center; float:left; width:350px; } div.prodcurrency{ padding: 2px; text-align:center; float:left; width:350px; } div.addtocart{ text-align:center; padding-top:6px; float:left; width:350px; } .notifystock{ text-align:center; padding-top:6px; float:left; width:350px; } .configbutton{ text-align:center; margin-top:6px; } div.outofstock{ text-align:center; padding-top:6px; font-weight:bold; } .prodid { background: #567CBB; color:#fff; padding:6px; text-align:center; } div.multioptiontext{ width:180px; } div.pagenums{ text-align:center; float:left; padding:10px; } /* The detail page -------------------------------------*/ div.detailimage{ float:left; width:200px; padding:10px; } .detailid { color:#000; width:560px; padding-bottom:10px; } .detailmanufacturer{ float:right; width:520px; } .detailinstock{ float:right; width:522px; border-bottom:1px #ccc dotted; } .detailname { color:#000; padding:6px; width:520px; float:right; } .detaildiscounts{ color:#60A1DE; font-weight:bold; font-size:12px; float:right; width:526px } span.detaildiscountsapply{ color:#60A1DE; font-weight:bold; } div.detaildescription{ font-size: 13px; margin-top:20px; float:left; padding-left:16px; padding-top:10px; width:800px; border:1px #ccc dotted; } .detaillistprice{ text-align:center; float:left; width:800px; } div.detailprice{ font-size: 16px; font-weight:bold; text-align:center; float:left; width:800px; color:#000; padding-top:8px; } div.detailcurrency{ padding-top: 6px; font-size: 11px; text-align:center; float:left; width:800px; } .detailoptions{ padding: 6px; float:left; width:350px; padding-left:36px; } select.detailprodoption{ font-size:11px; float:left; width:190px; margin:6px; } .detailoptiontext{ padding: 6px; float:left; } span.detailoption{ font-weight:bold; } div.review{ width:700px; } .previousnext{ padding-top:10px; padding-bottom:6px; float:left; width:800px; text-align:center; } div.emailfriend{ padding-top: 10px; text-align:center; float:left; width:800px; } div.detailquantity{ float:left; width:740px; } div.detailquantitytext{ margin:4px; float:left; width:360px; text-align:right; } div.detailquantityinput{ margin:4px; float:right; width:360px; text-align:left; } div.detailaddtocart,.detailoutofstock{ margin:4px; float:left; width:800px; text-align:center; border-bottom:1px #ccc dotted; padding-bottom:10px; } .detailnotifystock{ text-align:center; padding-top:6px; float:left; width:800px; } div.review{ float:left; width:810px; } div.navdesc{ padding-top:10px; } p.cstitle{ float:left; width:700px; } .csproduct{ float:left; width:700px; } /* The category page -------------------------------------*/ div.category{ width:370px; float:left; } div.catimage{ width:130px; float:left; } div.catdesc{ padding:4px; } div.catname{ margin-top:16px; } .catdiscounts, .allcatdiscounts{ padding-left:5px; font-weight:bold; color:#000; } .categorymessage{ padding-left:5px; font-weight:bold; }