/* comment lines are declared like this */ /* body is the default - if nothing is declared for the rest then the body definition is the one used */ BODY { MARGIN: 0px; /* if only a single value is specified then it applies to all margins */ BACKGROUND-IMAGE: none; /* can also be a url - url (../images/backgroundimage.jpg) */ BACKGROUND-REPEAT: repeat; /* other values no-repeat, repeat-x (horizontal), repeat-y (vertical)*/ BACKGROUND-ATTACHMENT: fixed; /* other value scroll */ BACKGROUND-POSITION: 0% 0%; /* values can be a percentage or a fixed length or one of top centre bottom/left centre right */ BACKGROUND-COLOR: white; /* background colour should be specified even with an image incase the image doesn't load other value is transparent */ font-family: "Arial Narrow", tahoma, san-serif; font-size: small !important; font-size: small; color: black; min-width: 765px; text-align: left; } /* definition of a paragraph */ TD { FONT-FAMILY: "Arial Narrow", Tahoma, sans-serif; /* tahoma is the font family and sans-serif is a generic family */ FONT-STYLE: normal; /* other values are italic and oblique */ FONT-VARIANT: normal; /* other values are small-caps */ FONT-WEIGHT: normal; /* other values are bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900 */ font-size: small !important; FONT-SIZE: small; } /* definition for all cells */ #wrapper { text-align: center; width: 765px !important; width: 665px; margin-left: auto; margin-right: auto; border: 1px solid black; border-bottom: none; } #header { background-image: none; background-repeat: no-repeat; width: 240px !important; width: 140px; height: 150px; position: relative; left: 1px !important; left: -200px; top: 1px; } .header_image { background-image: none; width: 385px !important; width: 385px; border: 0; padding: 0px; position: relative; left: 417px !important; left: 278px; top: -283px !important; top: -285px; } .menu { position: relative; top: -145px !important; top: -140px; left: -320px !important; left: -320px; text-align: right; border: 0; padding: 0px; width: 765px; } .menu_bar { position: relative; top: -282px !important; top: -286px; left: 1px !important; left: 1px; text-align: right; border: 0; padding: 0px; width: 765px; background-color: #B1B6BA; } h1 { font-size: large !important; font-size: medium; color: #818181; } H2 { font-size: medium !important; font-size: small; color: #818181; } .padded { padding-left: 10px; padding-right: 10px; } .product_class { text-align: left; font-size: x-small !important; font-size: x-small; } .input { border: 0; } /* definition of a class with borders set all round to thin */ .withborders { BORDER-WIDTH: 1px; /* other values are medium, thick or a length */ BORDER-COLOR: #c0c0c0; /* colour of all borders or can set individually as width above */ BORDER-STYLE: solid; /* other values are dotted, dashed, solid, double, groove, ridge, inset, outset */ } /* definition of image format with uneven border and relative padding */ IMG { BORDER: 0; padding: 0px; } /* list item decalration - bullet points*/ LI { DISPLAY: list-item; /* other values are block, inline, none */ WHITE-SPACE: normal; /* other values are pre, nowrap */ LIST-STYLE-TYPE: disc; /* other values are circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none */ LIST-STYLE-IMAGE: none; /* other values are the image url */ LIST-STYLE-POSITION: outside; /* other value is inside */ } A:active { color: #000000; } A:visited { color: #a6226b; } A:link { color: #000000; } A:hover { color: #4781a6; } A { color: #000000; text-decoration: none; font-family: "Arial", tahoma, san-serif; font-weight: bold; font-size: small !important; font-size: small; } #menu_bar A:active { color: white; background-color: #a70069; } #menu_bar A:visited { color: white; } #menu_bar A:link { color: white; } #menu_bar A:hover { color: #c0c0c0; } #menu_bar A { color: white; background-color: #3f7798; text-decoration: none; font-family: "Arial Narrow", tahoma, san-serif; font-weight: bold; font-size: small !important; font-size: small; line-height: 250%; align: middle; } #footermenu A:active { color: #660B44; } #footermenu A:visited { color: #660B44; } #footermenu A:link { color: #660B44; } #footermenu A:hover { color: #d8e0b3; } #footermenu A { color: #660B44; text-decoration: none; font-family: "Arial Narrow", tahoma, san-serif; font-weight: bold; font-size: xx-small; } /* declaration of a user defined class */ .background { BACKGROUND: white none no-repeat fixed 0% 0% /* in order of background-color, background-image, background-repeat, background-attachment, background-position */ } /* using extra word and line spaces */ .spaced { WORD-SPACING: normal; /* other value is addition to normal space between each word e.g. 2em adds 2em to the normal space */ LETTER-SPACING: normal; /* other value is addition to normal space between characters e.g. 1em adds 1em to normal letter spacing */ } /* These relative units are supported: H1 { margin: 0.5em } ems, the height of the element's font e.g. if font is 12pt then this margin is 6pt H1 { margin: 1ex } x-height, ~ the height of the letter 'x' P { font-size: 12px } pixels, relative to canvas Absolute length units are only useful when the physical properties of the output medium are known. These absolute units are supported: H1 { margin: 0.5in } inches, 1in = 2.54cm H2 { line-height: 3cm } centimeters H3 { word-spacing: 4mm } millimeters H4 { font-size: 12pt } points, 1pt = 1/72 in H4 { font-size: 1pc } picas, 1pc = 12pt */