/*
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: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1.5
}
TH
{
    LINE-HEIGHT: 1.5
}
HR.blueline
{
    COLOR: #000066;
    HEIGHT: 1px;
    noshade: true
}
HR.blackline
{
    COLOR: #000000;
    HEIGHT: 1px;
    noshade: true
}
TABLE.blue
{
    BACKGROUND-COLOR: #000066
}
TABLE.bluetopbottom
{
    BORDER-BOTTOM: #000066 1px solid;
    BORDER-TOP: #000066 1px solid
}
TABLE.blueborder
{
    BORDER-BOTTOM: #000066 1px solid;
    BORDER-LEFT: #000066 1px solid;
    BORDER-RIGHT: #000066 1px solid;
    BORDER-TOP: #000066 1px solid
}
TABLE.blueline
{
    BORDER-LEFT: #000066 1px solid;
    BORDER-TOP: #000066 1px solid
}
TABLE.highlight
{
    BACKGROUND-COLOR: #CCCCCC;
    BORDER-BOTTOM: #000066 1px solid;
    BORDER-LEFT: #000066 1px solid;
    BORDER-RIGHT: #000066 1px solid;
    BORDER-TOP: #000066 1px solid
}
TR.blue
{
    BACKGROUND-COLOR: #000066
}
TR.purple
 { background-color: #ccf }
TH.blue
{
    BACKGROUND-COLOR: #000066
}
TH.blueborder
{
    BORDER-BOTTOM: #000066 1px solid;
    BORDER-LEFT: #000066 1px solid;
    BORDER-RIGHT: #000066 1px solid;
    BORDER-TOP: #000066 1px solid
}
TH.blueline
{
    BACKGROUND-COLOR: #CCCCCC;
    BORDER-BOTTOM: #000066 1px solid;
    BORDER-RIGHT: #000066 1px solid;
    COLOR: #000080;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
TD.highlight
 { background-color: #ccf; border: solid 1px #000066 }
TD.blue
{
    BACKGROUND-COLOR: #000066
}
TD.blueborder
{
    BORDER-BOTTOM: #000066 1px solid;
    BORDER-LEFT: #000066 1px solid;
    BORDER-RIGHT: #000066 1px solid;
    BORDER-TOP: #000066 1px solid
}
TD.bluetopbottom
{
    BORDER-BOTTOM: #000066 1px solid;
    BORDER-TOP: #000066 1px solid
}
TD.blueleft
{
    BORDER-LEFT: #000066 1px solid
}
TD.blueright
{
    BORDER-RIGHT: #000066 1px solid
}
TD.blueleftright
{
    BORDER-BOTTOM: #000066 1px solid;
    BORDER-LEFT: #000066 1px solid;
    BORDER-RIGHT: #000066 1px solid
}
TD.blueline
{
    BORDER-BOTTOM: #000066 1px solid;
    BORDER-RIGHT: #000066 1px solid;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
TD.bluebottom
{
	BORDER-BOTTOM: #000066 1px solid;
	color: #000066;
}
.bktitle
{
	COLOR: #000066;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 24pt;
	FONT-WEIGHT: bold;
	font-style: italic;
}
.bktitlesmall
{
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12pt;
	FONT-WEIGHT: bold;
	font-style: italic;
}
.category
{
    COLOR: #000080;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.heading
 { color: #ffa040; font-size: 9pt; font-family: "Arial"; font-weight: bold }
.headingwhite
{
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.headingbig
{
    COLOR: #330066;
    FONT-FAMILY: Arial;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold
}
.body
{
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodyblack
{
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodyblue
{
    COLOR: #000080;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodywhite
{
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}
.bodygreen
{
    COLOR: #008000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodyheading
{
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.cart
{
    COLOR: #000066;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1
}
.menustrip
{
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal}
.menucurrent
{
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal}
.copyright
{
    COLOR: #000000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal
}
A.menustrip
{
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.menustrip:visited
{
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.menustrip:hover
{
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A.menucurrent
{
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.menucurrent:visited
{
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: none
}
A.menucurrent:hover
{
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    TEXT-DECORATION: underline
}
A.menusmall
{
    COLOR: #000066;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: none
}
A.menusmall:visited
{
    COLOR: #000066;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: none
}
A.menusmall:hover
{
    COLOR: #000066;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: underline
}
A.category
{
    COLOR: #000066;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.category:visited
{
    COLOR: #000066;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.category:hover
{
    COLOR: #FF9900;
    FONT-FAMILY: 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 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: #000066;
    HEIGHT: 10px;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: hidden;
    WIDTH: 10px;
    layer-background-color: #000066
}
.clLevel0
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    PADDING-BOTTOM: 2px;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    PADDING-TOP: 2px;
    text-align: left;
    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;
    text-align: center;
    POSITION: absolute
}
.clLevel0
 { color: #000080; line-height: 1; background-color: #ccf; layer-background-color: #CCCCCC
 }
.clLevel0over
{
    BACKGROUND-COLOR: #000066;
    COLOR: #ffffff;
    CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #000066
}
.clLevel0border
{
    BACKGROUND-COLOR: #000066;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #000066
}
.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
 { color: #000066; line-height: 1; background-color: #ccf; layer-background-color: #CCCCCC
 }
.clLevel1over
 { color: #ffffff; line-height: 1; background-color: #2a0055; cursor: hand; layer-background-color: #000066
 }
.clLevel1border
{
    BACKGROUND-COLOR: #000066;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #000066
}
.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
 { color: #000066; line-height: 1; background-color: #ccf; layer-background-color: #CCCCCC
 }
.clLevel2over
{
    BACKGROUND-COLOR: #000066;
    COLOR: #ffffff;
    CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #000066
}
.clLevel2border
{
    BACKGROUND-COLOR: #000066;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #000066
}