To enable you to match the colour-scheme of your logo to your e-Retailer powered web site, you can use the optional user-defined cascading style sheet (css). The diagram below illustrates which styles (or 'classes') affect which elements. We recommend using a web graphics professional to edit the style sheet.

e-Retailer customers: Right click here to download the master stylesheet ready for customization. Note, you will need to save the file as e-retailer.css (not .txt) in the Web User Files folder which resides inside your Counter Intelligence folder.

v2_styles

/* Kudos Solutions Limited e-Retailer version 2.000 user stylesheet; to use, save this file in '[drive]:\program files\counter intelligence office\web user files' then perform e-Retailer
communications. */

/* [A] Standard text font, size, and colour */
BODY {
  font-family : Verdana, Arial, Geneva, Sanserif;
  font-size : 12px;
  color : black;
}
TABLE {
  font-family : Verdana, Arial, Geneva, Sanserif;
  font-size : 12px;
  color : black;
}
SELECT {
  font-family : Verdana, Arial, Geneva, Sanserif;
  font-size : 12px;
  color : black;
}
INPUT {
  font-family : Verdana, Arial, Geneva, Sanserif;
  font-size : 12px;
  color : black;
}
TEXTAREA {
  font-family : Verdana, Arial, Geneva, Sanserif;
  font-size : 12px;
  color : black;
}

/* [B] (BODY) Background colour on the sides of each page and for table headers (default: pale gray) */
.masterbackground {
color : black;
background-color : #e7e7e7;
}

/* [C] Table border colour (default: gray) */
.tableborder {
color : black;
background-color : gray;
}

/* Border style for all input fields and any buttons that are not images, should match table border colour above */
.border {
border: 1px;
border-color: gray;
border-style: solid;
}

/* [D] Background colour at the top of each page, where the logo sits (default: white) */
.topbackground {
background-color : white;
}

/* [E] Text (color) and background (background-color) colours for title bar and order page sections (defaults: white/navy); if you change the color you also need to change the color in the .whitelink style */
.mainbar {
  color : white;
  background-color : navy;
}
.whitelink {
  color : white;
  text-decoration : none;
}

/* [F] Background colour at the bottom each page (default: medium gray) */
.bottombackground {
background-color : #cccccc;
}

/* [G] Link colours, usually looks tidy when all four are the same (defaults: link:navy, visited:purple, active:red, hover:red) */
A:link {
  text-decoration : underline;
  color : navy;
}
A:visited {
  text-decoration : underline;
  color : purple;
}
A:active {
  text-decoration : underline;
  color : red;
}
A:hover {
  text-decoration : underline;
  color : red;
}

/* [H] Promotion colours (default: red) */
.highlightbig {
  font-size : 16px;
font-weight : bold;
  color : red;
}
.highlight {
  color : red;
}
.highlightsmall {
  font-size : 9px;
  color : red;
}

/* Do not change these styles */
.tiny {
font-size : 7px;
}
.small {
font-size : 9px;
}
.menu {
line-height: 1.5;
}