/*
This is CyberOffice eCommerce's main style sheet. 
The standard template favors blue colors. 
You may modify the elements containing "blue"
to match the theme of the site in question.
*/

P
{
    LINE-HEIGHT: 1.5
}
TD
{
    COLOR: #000000;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1.5
}
TH
{
    LINE-HEIGHT: 1.5
}
HR.blueline
{
    COLOR: #FFCC00;
    HEIGHT: 1px;
    noshade: true
}
HR.blackline
{
    COLOR: #000000;
    HEIGHT: 1px;
    noshade: true
}
TABLE.blue
{
    BACKGROUND-COLOR: #FFCC00
}
TABLE.bluetopbottom
{
    BORDER-BOTTOM: #990000 1px solid;
    BORDER-TOP: #990000 1px solid
}
TABLE.blueborder
{
    BORDER-BOTTOM: #990000 1px solid;
    BORDER-LEFT: #990000 1px solid;
    BORDER-RIGHT: #990000 1px solid;
    BORDER-TOP: #990000 1px solid
}
TABLE.blueline
{
    BORDER-LEFT: #990000 1px solid;
    BORDER-TOP: #990000 1px solid
}
TABLE.highlight
{
    BACKGROUND-COLOR: #FFFFCC;
    BORDER-BOTTOM: #990000 1px solid;
    BORDER-LEFT: #990000 1px solid;
    BORDER-RIGHT: #990000 1px solid;
    BORDER-TOP: #990000 1px solid
}
TR.blue
{
    BACKGROUND-COLOR: #FFCC00
}
TR.purple
{
    BACKGROUND-COLOR: #009900
}
TH.blue
{
    BACKGROUND-COLOR: #3399ff
}
TH.blueborder
{
    BORDER-BOTTOM: #0080ff 1px solid;
    BORDER-LEFT: #0080ff 1px solid;
    BORDER-RIGHT: #0080ff 1px solid;
    BORDER-TOP: #0080ff 1px solid
}
TH.blueline
{
    BACKGROUND-COLOR: #FFCC00;
    BORDER-BOTTOM: #FFFFCC 1px solid;
    BORDER-RIGHT: #FFFFCC 1px solid;
    COLOR: #006600;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
TD.highlight
{
    BACKGROUND-COLOR: #FFFFCC;
    BORDER-BOTTOM: #990000 1px solid;
    BORDER-LEFT: #990000 1px solid;
    BORDER-RIGHT: #990000 1px solid;
    BORDER-TOP: #990000 1px solid
}
TD.blue
{
    BACKGROUND-COLOR: #FFCC00
}
TD.blueborder
{
    BORDER-BOTTOM: #990000 1px solid;
    BORDER-LEFT: #990000 1px solid;
    BORDER-RIGHT: #990000 1px solid;
    BORDER-TOP: #990000 1px solid
}
TD.bluetopbottom
{
    BORDER-BOTTOM: #990000 1px solid;
    BORDER-TOP: #990000 1px solid
}
TD.blueleft
{
    BORDER-LEFT: #990000 1px solid
}
TD.blueright
{
    BORDER-RIGHT: #990000 1px solid
}
TD.blueleftright
{
    BORDER-BOTTOM: #990000 1px solid;
    BORDER-LEFT: #990000 1px solid;
    BORDER-RIGHT: #990000 1px solid
}
TD.blueline
{
    BORDER-BOTTOM: #990000 1px solid;
    BORDER-RIGHT: #990000 1px solid;
    COLOR: #000000;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
TD.bluebottom
{
    BORDER-BOTTOM: #990000 1px solid
}
.bktitle
{
    COLOR: #CC3333;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 18pt;
    FONT-WEIGHT: bold
}
.bktitlesmall
{
    COLOR: #006600;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}
.category
{
    COLOR: #000080;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.heading
{
    COLOR: #CC3333;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.headingwhite
{
    COLOR: #006600;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.headingbig
{
    COLOR: #330066;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold
}
.body
{
    COLOR: #000000;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodyblack
{
    COLOR: #000000;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodyblue
{
    COLOR: #000080;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodywhite
{
    COLOR: #ffffff;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}
.bodygreen
{
    COLOR: #006600;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodyheading
{
    COLOR: #000000;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.cart
{
    COLOR: #000080;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1
}
.menustrip
{
    COLOR: #006600;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.menucurrent
{
    COLOR: #006600;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.copyright
{
    COLOR: #000000;
    FONT-FAMILY: Georgia, Times New Roman, Times;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal
}
A.menustrip
{
    COLOR: #006600;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menustrip:visited
{
    COLOR: #00CC00;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menustrip:hover
{
    COLOR: #006600;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
A.menucurrent
{
    COLOR: #006600;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menucurrent:visited
{
    COLOR: #009900;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menucurrent:hover
{
    COLOR: #006600;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
A.menusmall
{
    COLOR: #004080;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: none
}
A.menusmall:visited
{
    COLOR: #004080;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: none
}
A.menusmall:hover
{
    COLOR: #CC3333;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: underline
}
A.category
{
    COLOR: #000080;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.category:visited
{
    COLOR: #000080;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.category:hover
{
    COLOR: #CC3333;
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    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 default style favors blue 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: #3399ff;
    HEIGHT: 10px;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: hidden;
    WIDTH: 10px;
    layer-background-color: #3399FF
}
.clLevel0
{
    FONT-FAMILY: Verdana,Comic Sans MS, Arial Black, Verdana;
    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: Comic Sans MS, Arial Black, Verdana;
    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: #FFFFCC;
    COLOR: #000080;
    LINE-HEIGHT: 1;
    layer-background-color: ##FFFFCC
}
.clLevel0over
{
    BACKGROUND-COLOR: #FFCC00;
    COLOR: #006600;
    CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #FFCC00
}
.clLevel0border
{
    BACKGROUND-COLOR: #FFCC00;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #FFCC00
}
.clLevel1
{
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    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: Comic Sans MS, Arial Black, Verdana;
    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: #FFFFCC;
    COLOR: #000000;
    LINE-HEIGHT: 1;
    layer-background-color: #FFFFCC
}
.clLevel1over
{
    BACKGROUND-COLOR: #FFCC00;
    COLOR: #006600;
    CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #FFCC00
}
.clLevel1border
{
    BACKGROUND-COLOR: #FFCC00;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #FFCC00
}
.clLevel2
{
    FONT-FAMILY: Comic Sans MS, Arial Black, Verdana;
    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: Comic Sans MS, Arial Black, Verdana;
    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: #FFFFCC;
    COLOR: #006600;
    LINE-HEIGHT: 1;
    layer-background-color: #FFFFCC
}
.clLevel2over
{
    BACKGROUND-COLOR: #FFCC00;
    COLOR: #006600;
    CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #FFCC00
}
.clLevel2border
{
    BACKGROUND-COLOR: #FFCC00;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #FFCC00
}