@charset "utf-8"; /* This file contains the standard styles for all cardlogix.com pages. */ /*********/ /* NOTES */ /*********/ /* "cardlogix_hdr_logo.gif" IMG is 250px wide with 20px padding on either side, making the "logo" DIV occupy 290px */ /* "quicklinks" TD is 160px wide, leaving 620px for the main TD, subtract 2px for the border on either side, leaving 618px */ /* "linkbox" DIVs have 10px margins on either side, making them occupy 180px --> /* "breadcrumbs" DIV has 10px of padding on the left and 20px of padding on the right, for 30px of padding total */ /***********************/ /* HEX Color Reference */ /***********************/ /* #000000; /* 100% black */ /* #414142; /* 90% black */ /* #E31937; /* 100% PMS186 red */ /****************************************************************************************************/ /****************************************************************************************************/ /****************************************************************************************************/ /* BASIC TAG STYLES *********************************************************************************/ /****************************************************************************************************/ /****************************************************************************************************/ /****************************************************************************************************/ /**********************/ /* BODY Styles */ /**********************/ /* Default styles for the body of the webpage */ body { margin: 0 40px; /* Enforce 20px margins on the sides to keep the webpage's content away from the left and right edges */ font: 12px Arial, Helvetica, sans-serif; color: #414142; /* 90% Black */ /*background: #E3E3E3 url(../images/bg/bg_100pms401_30k_1x2.gif) repeat fixed top;*/ /*background: #062D3C url(../images/bg/aqua_1200x600.png) no-repeat fixed center top;*/ /*background: #000000 url(../images/bg/bg_blackwave_1200x600.jpg) repeat-x top;*/ background: #002943 url(../images/bg/bg_gradient_darkblue.jpg) repeat-x; } /**********************/ /* IMAGE Styles */ /**********************/ /* Default styles for all images */ img { border: none; /* Remove the borders around images. */ } /* Styles for images appearing on the right side of a page's introductory paragraph */ img.intro, img.intro_right { float: right; margin-left: 20px; margin-bottom: 10px; } /* Styles for images appearing on the left side of a page's introductory paragraph */ img.intro_left { float: left; margin-right: 20px; margin-bottom: 10px; } /*********************/ /* ANCHOR Styles */ /*********************/ /* Default styles for all anchor elements */ a { text-decoration: none; } /* Styles for static and visited link anchors */ a:link, a:visited { color: #E85752; } /* Styles for link anchors that are being selected (hovered over, pressed, or focused on) */ a:hover, a:active, a:focus { color: #E31937; text-decoration: underline; } /*********************************/ /* Heading Styles

*/ /*********************************/ /* Primary headings, used for the title of each webpage / h1 { font-size: 20px; color: #E31937; } / Subheadings, used for distinct "supersections" / h2 { font-size: 16px; text-decoration: underline; color: #E31937; margin-top: 40px; margin-bottom: 30px; } / Subheadings, used to specify distinct "sections" / h3 { font-size: 14px; color: #E31937; / 100% PMS186 */ } /************************/ /* Paragraph Styles
*/ /************************/ p { text-align: justify; /* margin-top: 10px; / text-align: justify; margin-top: 12px; / default 12px / margin-bottom: 12px; / default 12px / margin-left: 0px; / default 0px / margin-right: 0px; / default 0px */ } /*************************/ /* List Styles

/ // ul, ol { list-style-type: square; } // // /************************/ /* MAIN CONTAINER */ // // /******************/ /* table#container serves as the main container for all visible webpage content / table#container { background: #FFFFFF; / Any elements with no set background color will appear to have a white background by default / border: 1px solid #A7A9AC; / Sets a default border around the main container / border-top: 0 none; / Remove the top border from the main container / color: #414142; / 90% black / } // // // / HEADER SECTION */ // // /******************/ /* Styles for the "header" cell, which contains the CardLogix logo and various links / td#header { background: #000000; / black / / FUTURE UPDATE: Clear, tinted header! / / background: #062D3C url(../images/bg/aquadark_1200x600.png) no-repeat fixed center top; */ } /**************************************************/ /* DIV wrapper: logo ******************************/ /* Container for the CardLogix logo in the header */ /**************************************************/ /* Generic styles for the logo container / div#logo { width: 250px; float: left; / padding: 10px 20px; */ padding-top: 8px; padding-bottom: 8px; padding-left: 16px; font-size: 16px; color: #FFFFFF; } /******************************************************/ /* DIV wrapper: header-links **************************/ /* Container for the links and dividers in the header */ /******************************************************/ /* Generic styles for the header-links container / div#header-links { float: right; text-align: right; text-decoration: none; color: #999999; / color of the link dividers / padding-top: 10px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; } / Styles for anchor elements appearing in the header-links DIV / div#header-links a { text-decoration: none; color: #D1D3D4; } / Styles for link anchors in the the header-links DIV that are being selected (hovered over, pressed, or focused on) / div#header-links a:hover, div#header-links a:active, div#header-links a:focus { text-decoration: underline; color: #FFFFFF; } / Styles for notices appearing at the bottomof the header table / td#notices { color: #D1D3D4; / color: #E31937; / } // // // / DROPDOWN SECTION */ // // /********************/ /* Styles for the "dropdown" cell, which contains the dynamic dropdown navigation menu / td#dropdown { background: #E31937; / 100% PMS186 / } // // // / BODY SECTION */ // // /****************/ /* table#body serves as the container for all variable webpage content / table#body { width: 100%; background: #FFFFFF; } // // / QUICKLINKS SECTION */ // /**********************/ /* Styles for the "quicklinks" cell on the left side of the body table, which contains linkboxes and the site seal / td#quicklinks { vertical-align: top; padding: 10px; padding-bottom: 20px; background: #FFFFFF url(../images/bg/bg_20k_1x10.gif) top repeat-x; width: 158px; / Enforce a width of 158px for all panels appearing in the "quicklinks" cell / } / Styles for unsorted lists appearing inside the "quicklinks" cell / td#quicklinks ul { text-align: left; margin: 10px; / set "margin-left" to "16px" if bullets are active / margin-right: 10px; padding: 0px; list-style: none; / BUG: "disc" causes a display error in IE if the left margin is set to "16px" to display list bullets / width: 126px; / Enforce a width of 126px for all unsorted lists inside panels appearing inside the "quicklinks" cell / } / Styles for unsorted list items appearing inside the "quicklinks" cell / td#quicklinks ul li { color: #6D6F71; / 70% Black / margin-bottom: 10px; } / Styles for anchors in unsorted lists inside the "quicklinks" cell / td#quicklinks a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6D6F71; / 70% Black / text-decoration: none; } / Styles for link anchors in unsorted lists inside the "quicklinks" cell that are being selected (hovered over, pressed, or focused on) / td#quicklinks a:hover, td#quicklinks a:active, td#quicklinks a:focus { /font-weight: bold; /* This setting creates a bug in IE where the data box resizes on hover when list bullets are active / color: #414142; / 90% Black / text-decoration: underline; } / Styles for the "siteseal" DIV, which contains the GoDaddy site seal for cardlogix.com / div#siteseal { margin-top: 20px; padding: 0; } // // // / MAIN SECTION */ // // /****************/ /* Styles for the "main" cell on the right side of the body table, which contains the pertinent content for each page / td#main { vertical-align: top; background-image: url(../images/bg/bg_20k_1x10.gif); background-position: top; background-color: #FFFFFF; background-repeat: repeat-x; } // // / BREADCRUMBS SECTION ********************/ // // // / DIV wrapper: breadcrumbs ********************************/ /* Container for the breadcrumb links above the page title */ /***********************************************************/ /* Generic styles for the header-links container / div#breadcrumbs { padding-top: 10px; padding-right: 20px; padding-bottom: 0px; padding-left: 10px; } / Styles for anchors inside the "breadcrumbs" DIV / div#breadcrumbs a { color: #6D6F71; / 70% Black / text-decoration: none; } / Styles for link anchors inside the "breadcrumbs" DIV that are being selected (hovered over, pressed, or focused on) / div#breadcrumbs a:hover, div#breadcrumbs a:active, div#breadcrumbs a:focus { text-decoration: underline; color: #414142; / 90% Black / } // // / TITLE SECTION ******************************/ // // // /* DIV wrapper: currentpage *******************/ /* Container for each webpage's title heading */ /**********************************************/ /* Style for the title heading, used to specify the identity of the current page / div#currentpage h1 { font-size: 20px; font-weight: bold; color: #E31937; / 100% PMS186 red / margin: 0; padding: 0; padding-left: 10px; } // // / CONTENT SECTION ************************/ // // // /* DIV wrapper: content *******************/ /* Container for the content of each page / // div#content { padding-top: 10px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px; } // / DIV wrapper: content *******************/ /* Used to enforce a minimum width, in case the dropdown menu is not loaded */ // div#spacer { width: 618px; height: 1px; background: black; visibility: hidden; } // /******************************************/ /* FOOTER SECTION */ // /******************/ /* Styles for the "footer_rule" cell, which contains a 1px-high, 798px-wide divider image / td#footer_rule { background: #FFFFFF; } / Styles for the "footer" cell, which contains copyright information and various links / td#footer { color: #6D6F71; / 70% Black */ background: #FFFFFF; } /***************************************/ /* DIV wrapper: copyright **************/ /* Container for copyright information */ /*********/ div#copyright { line-height: 24px; float: left; padding-left: 10px; } // /* DIV wrapper: footer-links **/ /* Container for footer links */ /******************************/ /* Generic styles for the footer-links container / div#footer-links { line-height: 24px; float: right; text-align: right; padding-right: 10px; color: #6D6F71; / 70% Black / } / Styles for anchors inside the "footer-links" DIV / div#footer-links a { color: #6D6F71; / 70% Black / text-decoration: none; } / Styles for link anchors inside the "footer-links" DIV that are being selected (hovered over, pressed, or focused on) / div#footer-links a:hover, div#footer-links a:active, div#footer-links a:focus { color: #414142; / 90% Black / text-decoration: underline; } // // / LINKBOX ****************/ // // // / DIV wrapper: linkbox ****************************************************/ /* Used to create panels that expand vertically for left-column navigation */ /***************************************************************************/ div.linkbox { margin-bottom: 10px; /* Use a 10px bottom margin to separate linkboxes / } div.linkbox table.panel { background: #FFFFFF url(../images/panel/bg_10k_1x100.gif) repeat-x; } tr.top, tr.bottom { height: 10px; } tr.top td.left, tr.top td.right, tr.middle td.left, tr.middle td.right, tr.bottom td.left, tr.bottom td.right { width: 10px; } tr.top td.middle, tr.top td.middle, tr.top td.middle { width: 138px; } tr.top td.left { background: url(../images/panel/panel_01.gif) top left no-repeat; } tr.top td.middle { background: url(../images/panel/panel_02.gif) top repeat-x; } tr.top td.right { background: url(../images/panel/panel_03.gif) top right no-repeat; } tr.middle td.left { background: url(../images/panel/panel_04.gif) left repeat-y; } tr.middle td.middle { background: none; vertical-align: top; } tr.middle td.middle h3 { margin-top: 0; text-align: center; text-decoration: underline; font-weight: bold; } tr.middle td.right { background: url(../images/panel/panel_06.gif) right repeat-y; } tr.bottom td.left { background: url(../images/panel/panel_07.gif) bottom left no-repeat; } tr.bottom td.middle { background: url(../images/panel/panel_08.gif) bottom repeat-x; } tr.bottom td.right { background: url(../images/panel/panel_09.gif) bottom right no-repeat; } div.linkbox h3 { font-size: 12px; } // // / FORMATTING ***************************/ // // // /* DIV wrapper: subsection **********************************/ /* Used to indent content, creating a distinct a subsection */ // div.subsection { margin-left: 30px } div.subsection h3 { font-size: 14px; text-decoration: none; margin-top: 20px; } /**************************************/ /* DIV wrapper: compact ***************************************************************************/ /* Used to group a single heading and single paragraph together, with no extra spacing in between */ /**************************************************************************************************/ /* Styles for subheadings that are to be attached to a single paragraph / div.compact h3 { font-size: 13px; margin-bottom: 0px; } / Styles for a single paragraph that is to be attached to a single subheading / div.compact p { margin-top: 0px; margin-bottom: 24px; } / END */