/*
This is an alternative CyberOffice eCommerce's main style sheet. 
Many of the colors on elements containing "blue" have been
modified to "grey" colors. 
*/

.inputsmall 
{
	font-family: Arial; 
	font-size: 8pt;
}
P
{
    LINE-HEIGHT: 1.5
}
TD
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1.5
}
TH
{
    LINE-HEIGHT: 1.5
}
HR.blueline
{
    COLOR: #aaaaaa;
    HEIGHT: 1px;
    noshade: true
}
HR.blackline
{
    COLOR: #000000;
    HEIGHT: 1px;
    noshade: true
}
TABLE.blue
{
    BACKGROUND-COLOR: #a0a0a0
}
TABLE.bluetopbottom
{
    BORDER-BOTTOM: #aaaaaa 1px solid;
    BORDER-TOP: #aaaaaa 1px solid
}
TABLE.blueborder
{
    BORDER-BOTTOM: #aaaaaa 1px solid;
    BORDER-LEFT: #aaaaaa 1px solid;
    BORDER-RIGHT: #aaaaaa 1px solid;
    BORDER-TOP: #aaaaaa 1px solid
}
TABLE.blueline
{
    BORDER-LEFT: #aaaaaa 1px solid;
    BORDER-TOP: #aaaaaa 1px solid
}
TABLE.highlight
{
    BACKGROUND-COLOR: #e0ffe0;
    BORDER-BOTTOM: #aaaaaa 1px solid;
    BORDER-LEFT: #aaaaaa 1px solid;
    BORDER-RIGHT: #aaaaaa 1px solid;
    BORDER-TOP: #aaaaaa 1px solid
}
TR.blue
{
    BACKGROUND-COLOR: #a0a0a0
}
TR.purple
{
    BACKGROUND-COLOR: #c0c0ff
}
TH.blue
{
    BACKGROUND-COLOR: #a0a0a0
}
TH.blueborder
{
    BORDER-BOTTOM: #aaaaaa 1px solid;
    BORDER-LEFT: #aaaaaa 1px solid;
    BORDER-RIGHT: #aaaaaa 1px solid;
    BORDER-TOP: #aaaaaa 1px solid
}
TH.blueline
{
    BACKGROUND-COLOR: #e0ffe0;
    BORDER-BOTTOM: #aaaaaa 1px solid;
    BORDER-RIGHT: #aaaaaa 1px solid;
    COLOR: #000080;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
TD.highlight
{
    BACKGROUND-COLOR: #e0ffe0;
    BORDER-BOTTOM: #aaaaaa 1px solid;
    BORDER-LEFT: #aaaaaa 1px solid;
    BORDER-RIGHT: #aaaaaa 1px solid;
    BORDER-TOP: #aaaaaa 1px solid
}
TD.blue
{
    BACKGROUND-COLOR: #a0a0a0
}
TD.blueborder
{
    BORDER-BOTTOM: #aaaaaa 1px solid;
    BORDER-LEFT: #aaaaaa 1px solid;
    BORDER-RIGHT: #aaaaaa 1px solid;
    BORDER-TOP: #aaaaaa 1px solid
}
TD.bluetopbottom
{
    BORDER-BOTTOM: #a0a0a0 1px solid;
    BORDER-TOP: #a0a0a0 1px solid
}
TD.blueleft
{
    BORDER-LEFT: #a0a0a0 1px solid
}
TD.blueright
{
    BORDER-RIGHT: #a0a0a0 1px solid
}
TD.blueleftright
{
    BORDER-BOTTOM: #a0a0a0 1px solid;
    BORDER-LEFT: #a0a0a0 1px solid;
    BORDER-RIGHT: #a0a0a0 1px solid
}
TD.blueline
{
    BORDER-BOTTOM: #aaaaaa 1px solid;
    BORDER-RIGHT: #aaaaaa 1px solid;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
TD.bluebottom
{
    BORDER-BOTTOM: #a0a0a0 1px solid
}
.bktitle
{
    COLOR: #ffa040;
    FONT-FAMILY: Arial Rounded MT Bold, Verdana;
    FONT-SIZE: 18pt;
    FONT-WEIGHT: bold
}
.bktitlesmall
{
    COLOR: #40a040;
    FONT-FAMILY: Arial Rounded MT Bold, Verdana;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}
.category
{
    COLOR: #000080;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.heading
{
    COLOR: #ffa040;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.headingwhite
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.headingbig
{
    COLOR: #330066;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold
}
.body
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodyblack
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodyblue
{
    COLOR: #000080;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodywhite
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}
.bodygreen
{
    COLOR: #008000;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodyheading
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.cart
{
    COLOR: #000080;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1
}
.menustrip
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.menucurrent
{
    COLOR: #80ff80;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.copyright
{
    COLOR: #000000;
    FONT-FAMILY: Georgia, Times New Roman, Times;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal
}
.copyrightwhite
{
    COLOR: #ffffff;
    FONT-FAMILY: Georgia, Times New Roman, Times;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal
}
A.menustrip
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menustrip:visited
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menustrip:hover
{
    COLOR: #80ff80;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
A.menucurrent
{
    COLOR: #80ff80;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menucurrent:visited
{
    COLOR: #80ff80;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menucurrent:hover
{
    COLOR: #80ff80;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
A.menusmall
{
    COLOR: #004080;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: none
}
A.menusmall:visited
{
    COLOR: #004080;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: none
}
A.menusmall:hover
{
    COLOR: #ffa040;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: underline
}
A.category
{
    COLOR: #000080;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.category:visited
{
    COLOR: #000080;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.category:hover
{
    COLOR: #ffa040;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}


/*
The following defines the dynamic menu styles associated with 
CyberOffice Warehouse Builder (CyberBuild) and Franchise Builder (CyberMall).
You can adjust the colors to match the theme of your site.
The style has been altered toward "grey" colors.

More colors on dynamic elements generated by CyberBuild can be modified on header.js
*/


.clCMAbs
{
    LEFT: 0px;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    TOP: 0px;
    VISIBILITY: hidden
}
.clBar
{
    BACKGROUND-COLOR: #b0b0b0;
    HEIGHT: 10px;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: hidden;
    WIDTH: 10px;
    layer-background-color: #B0B0B0
}
.clLevel0
{
    FONT-FAMILY: Verdana,Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    POSITION: absolute
}
.clLevel0over
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    POSITION: absolute
}
.clLevel0
{
    BACKGROUND-COLOR: #e0ffe0;
    COLOR: #000080;
    LINE-HEIGHT: 1;
    layer-background-color: #E0FFE0
}
.clLevel0over
{
    BACKGROUND-COLOR: #8080E0;
    COLOR: #ffffff;
    CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #8080E0
}
.clLevel0border
{
    BACKGROUND-COLOR: #aaaaaa;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #aaaaaa
}
.clLevel1
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    POSITION: absolute
}
.clLevel1over
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    POSITION: absolute
}
.clLevel1
{
    BACKGROUND-COLOR: #e0ffe0;
    COLOR: #000000;
    LINE-HEIGHT: 1;
    layer-background-color: #E0FFE0
}
.clLevel1over
{
    BACKGROUND-COLOR: #8080E0;
    COLOR: #ffffff;
    CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #8080E0
}
.clLevel1border
{
    BACKGROUND-COLOR: #aaaaaa;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #aaaaaa
}
.clLevel2
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    POSITION: absolute
}
.clLevel2over
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    POSITION: absolute
}
.clLevel2
{
    BACKGROUND-COLOR: #e0ffe0;
    COLOR: #000000;
    LINE-HEIGHT: 1;
    layer-background-color: #E0FFE0
}
.clLevel2over
{
    BACKGROUND-COLOR: #8080E0;
    COLOR: #ffffff;
    CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #8080E0
}
.clLevel2border
{
    BACKGROUND-COLOR: #aaaaaa;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #aaaaaa
}

<!--This part must be kept on the page-->