body               { color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #e1e1e1; margin: 4px }
font,td,i,p        { font-size: 10pt; text-decoration: none }
h1                 { font-size: 120%; font-weight:normal } /* are only used for default content or external pages*/
h2                 { font-size: 150%; font-weight:normal } /* we see the .subtitle* style as a better alternative */
table              { border: solid 0px; border-spacing: 0px ; }

a                  { color: #FF8400; font-family: Arial, Helvetica, sans-serif; text-decoration: none  }
a:hover            { text-decoration: underline; }

.normal_block      { background-color: #F3F3F4; padding: 3px; border-width: 1px; border-style: solid; border-color: white #AAAAAA #AAAAAA white } /* such as left and right blocks */
.discrete_block    { background-color: #E1E1E1; padding: 1px; border-width: 1px; border-style: solid; border-color: #BABABA #F7F7F7 #F7F7F7 #BABABA } /* such as the block presenting the list (transparent ?) */
.highlighted_block { background-color: #FDE3D1; padding: 1px; border-width: 1px; border-style: solid; border-color: #BABABA #F7F7F7 #F7F7F7 #BABABA } /* such as items in full info mode */
.special_block     { background-color: #E1E1E1; padding: 1px; border-width: 1px; border-style: solid; border-color: white #AAAAAA #AAAAAA white }  /* such as the one used for the cart' s step shower */

.image_frame       { border: solid 1px white }    /* frame used for images */

.menu              { color: #FF8400;  font-size: 110%;} 
.currentmenu       { color: #000000;  font-size: 110%; font-weight: bold;}
.submenu           { color: #FF8400;  font-size: 110%;}
.currentsubmenu    { color: #000000;  font-size: 110%; font-weight: bold;}

.scalable          { width: 100%; } /* text input */
.highlighted       { color: #006C05; font-size: 120%; }  /* something such as the count of the item in the cart => must be the same than item !*/
.highlighted2      { color: #000000; font-size: 110%; font-weight: bold;}     /* such as the name of artist in label/releases */ 
.highlighted3      { color: #006C05; font-style: italic; font-weight: bold; }  /* certain word in help and note messages */
.dumb              { color: #BBBBBB; font-size: 120%;} /* such as the color of the font of the two innactive step shower (during cart process) */

.color_1           { color: #006C05; } /* apply only color to text such as item in the cart */   
.color_2           { color: #FF8400; } /* same color as links           */   
.color_3           { color: red }    

.item              { color: #006C05; font-size: 120%;  }                             /* theses two should normaly be the same than the hilighted style  */
.item:hover        { color: #006C05; font-weight: bold; text-decoration: underline;} /* but we need them for links if we want the underline of the link to be the same colour of the item  */
                   
.alert             { font-size: 105%; color: red } /* style for alert message */
.subtitle          { font-size: 120%; } /* same as h1 but used for many indications in the main content, the difference with h1 is that h1 can't be used for 1 or two word in a sentence for ex, h1 always creates a linebreak */
.subtitle2         { font-size: 150%; } /* same as h2 a bigger subtitle used for the link to index in the mailorder tool box (alpha order only) for ex or to make the first letter or a normal subtitle bigger*/