/* ///////////////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////////////////////////// // // Modular Merchant - www.modularmerchant.com // CSS Stylesheet // //////////////////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////////////////////////// 1.) Before editing, please read through the Modular Merchant Design Guide. The Design Guide can be found at http://www.modularmerchant.com/support.php 2.) To brush up on some CSS knowledge visit http://www.w3schools.com/css Modular Merchant is not affiliated with w3schools.com in any way. 3.) For info on individual QuickCode tags and their CSS handles visit our QuickCode Glossary. The QuickCode Glossary can be found at http://www.modularmerchant.com/quickcode 4.) Join the community of developers and modular merchant users at the Modular Merchant Forums. The Modular Merchant Forums can be found at http://forums.modularmerchant.com //////////////////////////////////////////////////////////////////////////////////////////////////////////// CONTENTS 1. GENERAL STYLES & CLASSES 2. CATEGORIES MENU CLASSES 3. FONT/TEXT CLASSES 4. PAGE SPECIFIC CLASSES 5. COMPOSITE CLASSES 6. CUSTOM CLASSES ///////////////////////////////////////////////////////////////////////////////////////////////////////// */ /*///////////////////////////////////////////////////////// / 1 / GENERAL STYLES & CLASSES /////////////////////////////////////////////////////////*/ body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 135%; } body { margin:0px; background-image: url(images/bg7.png); background-repeat: no-repeat; background-position: top; background-color: #EFEFEF; font-family: Verdana, Arial, Helvetica, sans-serif; } form { padding: 0px; } h1 { font-size: 14px; } /* CSS tag for default link style */ a:link { color: #0066CC; text-decoration: none; } a:visited { color: #0066CC; text-decoration: none; } a:hover { color: #0066CC; text-decoration: none; } a:active { color: #0066CC; text-decoration: none; } /* Styles for error messages (A problem was encountered when processing the customer's request.). */ .error { background-color: #FFFFCC; margin: 10px; padding: 10px; border: 1px double #990000; color: #990000; } .error-text { color: #990000; } .error a:link { color: #000000; } .error a:visited { color: #000000; } .error a:hover { color: #FF6600; } .error a:active { color: #FF6600; } /* Styles for general messages (General feedback or success message for a customer's request.). */ .message { background-color: #EAFFEA; margin: 10px; padding: 10px; border: 1px double #006600; color: #000000; } .message-text { color: #000000; } .message a:link { color: #000000; } .message a:visited { color: #000000; } .message a:hover { color: #FF6600; } .message a:active { color: #FF6600; } /* Styles for hilighting text matches on the Search Results page. */ .search-hilight { font-weight: bold; color: #CC3333; } /* CSS tag for styling the search field */ .FIELD-SEARCH { font-size: 16px; color: #666666; width: 200px; height: 25px; } /* CSS tag for styling the Digital Delivery "Download" button */ .DIGITAL-FILE-ACCESS-BUTTON { font-size:12px; font-family:Verdana,sans-serif; } /* CSS tag for styling the form buttons */ /* Other Options: font-weight:bold; color:#000000; background-color:#EBEBEB; border-color:#CCCCCC; border-width:2px; */ input.standard-button { font-size:12px; font-family:Verdana,sans-serif; } .header_nav { padding-left:26px; height: 38px; } .header_nav .header_main_links a { color: #fff; font-weight: bold; padding: 9px 9px 9px; font-size: 13px; line-height: 13px; vertical-align: middle; } .header_nav .header_main_links a:hover { background-color: #BF232D; /*color: #06c;*/ } .header_nav a img { vertical-align: middle; } .header_nav .header_cart_links a { padding-top: 10px; } .header_main_links { width: 480px; float: left; } .header_cart_links { width: 460px; float: left; } .header2_nav { padding-left:0px; height: 33px; } .header2_nav .header2_main_links a { color: #F30; font-weight: bold; padding: 9px 5px 9px; font-size: 11px; line-height: 13px; vertical-align: top; } .header2_nav .header2_main_links a:hover { color: #fff; /*background-color: #fff;*/ /*color: #06c;*/ } .header2_nav a img { vertical-align: middle; } .header2_main_links { width: 310px; float: right; } .header3_nav { padding-left:0px; height: 33px; } .header3_main_links { width: 400px; float: left; } /*///////////////////////////////////////////////////////// / 2 / CATEGORIES MENU CLASSES /////////////////////////////////////////////////////////*/ /* Styles used in the {LIST-CATEGORIES} QuickCode Tag. The category menu is generated by building a custom bulleted list: