/* ProductCart Shopping Cart Software, Copyright Early Impact LLC 2006, All Rights Reserved Use this stylesheet to change the look of the default header and footer that ship with ProductCart. If styles modified using this page do not appear in your Control Panel, please check the following two items before anything else: (1) Make sure that header.asp links to this stylesheet. The code goes before the closing tag: (2) Make sure that header.asp contains the following code at the very top of the page, before anything else. */ /*----------------------------------------------------------------------------------------- MAIN Styles - They apply to the entire Control Panel ----------------------------------------------------------------------------------------*/ html, body { margin: 0; padding: 0; background-color: #FFFFFF; font-family: Arial, sans-serif; font-size: 11px; color: #333333; } #pcCPmain { width: 750px; position:relative; } #pcCPmain a:link, a:visited { color: #0066FF; } #pcCPmain a:hover { color: #0000FF; text-decoration: none; } #pcCPmain h1 { background-color: #E5E5E5; font-size: 14px; margin: 0; padding: 3px 3px 3px 6px; } #pcCPmain h2 { background-color: #F5F5F5; font-size: 13px; font-weight: bold; margin-bottom: 5px; padding: 5px; } /* Remove the default border from images */ #pcCPmain img { border: 0; } /* Remove the default marging from paragraphs */ #pcCPmain p { margin: 0 0 10px 10px; text-align: left; } /* Style lists */ #pcCPmain ul { margin: 0 0 10px 20px; padding: 0; } #pcCPmain ul li { margin: 5px 0 0 8px; } #pcCPmain table td { font-family: Arial, sans-serif; font-size: 11px; color: #333333; } /*----------------------------------------------------------------------------------------- Header ----------------------------------------------------------------------------------------*/ #pcHeader { position: relative; } #pcHeaderNav { position: absolute; top: 104px; left: 601px; font-size: 10px; color:#666666; font-weight: normal; } #pcHeaderNav a:link, #pcHeaderNav a:hover, #pcHeaderNav a:visited { text-decoration: none; color: #666666; } /*----------------------------------------------------------------------------------------- Control Panel Tables ----------------------------------------------------------------------------------------*/ /* pcCPMainTable is the container for all information displayed on the by ProductCart on the page */ #pcCPmain .pcCPMainTable { position: absolute; text-align: left; left: 10px; top: 135px; width: 740px; border-collapse: collapse; border: 1px dotted #E1E1E1; margin-bottom: 10px; } /* pcCPcontent is the table that contains most content on the page */ #pcCPmain .pcCPcontent { width: 98%; border-collapse: collapse; margin-left: 3px; text-align:left; font-family: Arial, sans-serif; font-size: 11px; color: #333333; } .pcCPcontent td { padding: 3px; } /* Remove the default marging from paragraphs */ #pcCPmain .pcCPcontent p { margin: 0 0 0 5px; } .pcCPcontent th { border: 1px solid #e1e1e1; background-color: #FFFFCC; font-size: 13px; font-weight: bold; padding: 4px; } /* pcCPList is used when listing items within a page */ .pcCPList { width: 80%; border: 1px solid #e1e1e1; border-collapse: collapse; margin: 10px; text-align:left; } .pcCPList td { padding: 5px; } /* pcCPsearch is used to contain the page where a search is started */ .pcCPsearch { width: 90%; border-collapse: collapse; background-color: #F5F5F5; margin: 10px; } .pcCPsearch td { padding: 3px; } #totalresults { font-weight: bold; color:#0066FF; } /* pcCPsectionTitle styles section titles on pages with different sections */ .pcCPsectionTitle { font-weight: bold; padding-top: 11px; border-bottom: 1px solid #e1e1e1; } /* pcShowProductsL handles the table that shows product info when products are displayed in a list */ .pcShowProductsL { width: 100%; text-align: left; } .pcShowProductsLheader { text-align: left; background-color:#F7F7F7; } .pcShowProductsLCell { vertical-align: top; text-align: left; } .pcShowProductImageL { height: 25px; width: 25px; text-align: left; padding: 5px 5px 0 5px; } /* pcShowProductsM handles the table that shows product info when products are displayed in a list with the quantity field */ .pcShowProductsMheader { text-align: left; background-color:#F7F7F7; } .pcShowProductsM { width: 100%; text-align: left; vertical-align: top; } .pcShowProductImageM { height: 25px; width: 25px; text-align: left; padding: 0 5px 0 5px; } /* Styles within pcPageNav (Page Navigation) */ .pcPageNav { text-align: left; margin: 0px 0 0px 0px; } .pcPageName a:link, #pcCatNav a:visited { color: #999999; } .pcPageNav a:hover { color: #000000; text-decoration: none; } /*----------------------------------------------------------------------------------------- Forms ----------------------------------------------------------------------------------------*/ /* Clear the margins for all forms used by ProductCart */ #pcCPmain form { margin: 0; } /* Clear border on checkboxes to fix IE bug */ #pcCPmain .clearBorder { border: 0; background-color: transparent; } /* Style the transparent fields used by ProductCart Build To Order and Apparel Add-on */ #pcCPmain .transparentField { border: 0; background-color: transparent; } .pcForms input { border: 1px solid #CCCCCC; background-color: #F7F7F7; font-size: 11px; color:#666666; padding: 2px 3px 2px 4px; } .pcForms input:focus { border: 1px solid #999999; background-color: #FFFFCC; } .pcForms textarea { border: 1px solid #CCCCCC; background-color: #F7F7F7; font-size: 11px; color:#666666; padding: 2px 3px 2px 3px; } .pcForms textarea:focus { border: 1px solid #999999; background-color: #FFFFCC; } /* Style drop-down menus */ .pcForms select { font-size: 10px; color: #333333; background-color: #F5F5F5; border: 1px solid #CCCCCC; } /* Style submit image button */ #submit { border: 0; background-color: transparent; padding: 1px 2px 1px 2px; } /* Style submit button (when an image is NOT used) */ #pcCPmain .submit2 { border: 1px solid #CCCCCC; background-color: #FFFFCC; font-size: 11px; color:#666666; padding: 2px 3px 2px 3px; } /* Style submit image button on search page */ #searchSubmit { border: 0; background-color: #0099FF; color:#FFFFFF; font-weight: bold; margin: 20px 0 20px 10px; } /* Style button outside a form */ .ibtnGrey { border: 1px solid #CCCCCC; background-color: #F7F7F7; font-size: 11px; color:#666666; padding: 2px 3px 2px 4px; } /*----------------------------------------------------------------------------------------- Other styles ----------------------------------------------------------------------------------------*/ .pcCPmessage { width: 400px; background-color: #FFFF99; border: 1px solid #FF9900; margin: 15px; padding: 10px; color: #000000; font-size:12px; font-weight: bold; text-align: center; } #pcCPmain .pcCPshipping { background-color: #FFFFFF; border-bottom: 1px solid #e1e1e1; margin: 5px; padding: 5px; } #pcCPmain .pcCPshipping i { color:#C0C0C0; font-size:10px; } .pcCPnotes { background-color:#FFFFCC; margin-top: 10px; } .pcCPnotes li { padding-top: 10px; list-style-type:circle; } .pcSmallText { font-size: 10px; color:#999999; } .pcBiggerText { font-size: 12px; } /* Sets the height of an empty table row */ .pcCPspacer { height: 10px; } .pcCPsiteMap ul { margin: 0 0 20px 15px; padding: 0; } .pcCPsiteMap ul li { font-weight:bold; margin: 5px 0 0 0; } .pcCPsiteMap ul li ul li { font-weight:normal; } #pcFooter { margin-top: 10px; margin-bottom: 10px; text-align: center; font-size: 10px; } #pcFooter a:link, #pcFooter a:hover, #pcFooter a:visited { text-decoration: none; color: #666666; } /* Horizontal line */ #pcCPmain hr { color: #e5e5e5; background: #e5e5e5; border: 0; height: 1px; } /*----------------------------------------------------------------------------------------- OLD STYLES ----------------------------------------------------------------------------------------*/ .normal { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #000000; } .small { font-size: 10px; } .message { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #FF0000; font-weight: bold; } .title { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #000000; } .titleShip { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; } table.invoice { border-collapse:collapse; border: 1px solid #333333; } table.invoiceBto { border-collapse:collapse; border: 0; } td.invoice { border: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: top; } td.invoiceNob { font-family: Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: top; text-align: left; } /*----------------------------------------------------------------------------------------- Control Panel Navigation ----------------------------------------------------------------------------------------*/ .clCMEvent { Z-INDEX: 300; LEFT: 0px; VISIBILITY: hidden; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%; } .clCMAbs { LEFT: 0px; VISIBILITY: hidden; WIDTH: 10px; POSITION: absolute; TOP: 0px; HEIGHT: 10px; } .clBar{ position:absolute; width:10px; height:10px; visibility:hidden; background-color:#6699FF; } .clLevel0 { font-family: Verdana, Arial, sans-serif; position: absolute; background-color:#FFFFFF; color: #000000; font-size:12px; padding:5px; } .clLevel0over { font-family: Verdana, Arial, sans-serif; position: absolute; background-color:#F2F2F2; color: #cc0033; cursor:pointer; font-size:12px; padding:5px; } .clLevel0border{ position:absolute; visibility:hidden; background-color: #FFFFFF; } .clLevel1 { font-family: Verdana, Arial, sans-serif; position: absolute; background-color:#FFFFFF; color:#000000; font-size:12px; padding:3px; } .clLevel1over { font-family: Verdana, Arial, sans-serif; position: absolute; background-color:#F2F2F2; color:#cc0033; font-size:12px; padding:3px; cursor:pointer; } .clLevel1border { position:absolute; visibility:hidden; background-color:#736F6E; /*#F2F2F2;*/ /* BORDER-RIGHT: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-LEFT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; background-color:#CCCCCC; */ } .clLevel2 { font-family: Verdana, Arial, sans-serif; position: absolute; background-color:#F2F2F2; color:#000000; font-size:12px; padding:3px; } .clLevel2over { font-family: Verdana, Arial, sans-serif; position: absolute; background-color:#FFFFFF; color:#cc0033; font-size:12px; padding:3px; cursor:pointer; } .clLevel2border { position:absolute; visibility:hidden; background-color:#736F6E; } /* END */