/*
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: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1.5
}
TH
{
    LINE-HEIGHT: 1.5
}
HR.blueline
{
    COLOR: #1D3453;
    HEIGHT: 1px;
    noshade: true
}
HR.blackline
{
    COLOR: #000000;
    HEIGHT: 1px;
    noshade: true
}
TABLE.blue
{
    BACKGROUND-COLOR: #1D3453
}
TABLE.bluetopbottom
{
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-TOP: #1D3453 1px solid
}
TABLE.blueborder
{
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-LEFT: #1D3453 1px solid;
    BORDER-RIGHT: #1D3453 1px solid;
    BORDER-TOP: #1D3453 1px solid
}
TABLE.blueline
{
    BORDER-LEFT: #1D3453 1px solid;
    BORDER-TOP: #1D3453 1px solid
}
TABLE.highlight
{
    BACKGROUND-COLOR: transparent;
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-LEFT: #1D3453 1px solid;
    BORDER-RIGHT: #1D3453 1px solid;
    BORDER-TOP: #1D3453 1px solid
}
TR.blue
{
    BACKGROUND-COLOR: #1D3453
}
TR.purple
{
    BACKGROUND-COLOR: #f1f1f1}
TH.blue
{
    BACKGROUND-COLOR: #1D3453
}
TH.blueborder
{
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-LEFT: #1D3453 1px solid;
    BORDER-RIGHT: #1D3453 1px solid;
    BORDER-TOP: #1D3453 1px solid
}
TH.blueline
{
    BACKGROUND-COLOR: #F1F1F1;
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-RIGHT: #1D3453 1px solid;
    COLOR: #1D3453;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
TD.highlight
{
    BACKGROUND-COLOR: #f1f1f1;
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-LEFT: #1D3453 1px solid;
    BORDER-RIGHT: #1D3453 1px solid;
    BORDER-TOP: #1D3453 1px solid
}
TD.blue
{
    BACKGROUND-COLOR: #1D3453
}
TD.blueborder
{
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-LEFT: #1D3453 1px solid;
    BORDER-RIGHT: #1D3453 1px solid;
    BORDER-TOP: #1D3453 1px solid
}
TD.bluetopbottom
{
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-TOP: #1D3453 1px solid
}
TD.blueleft
{
    BORDER-LEFT: #1D3453 1px solid
}
TD.blueright
{
    BORDER-RIGHT: #1D3453 1px solid
}
TD.blueleftright
{
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-LEFT: #1D3453 1px solid;
    BORDER-RIGHT: #1D3453 1px solid
}
TD.blueline
{
    BORDER-BOTTOM: #1D3453 1px solid;
    BORDER-RIGHT: #1D3453 1px solid;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
TD.bluebottom
{
	BORDER-BOTTOM: #1D3453 1px solid;
	color: #1D3453;
}
.bktitle
{
	COLOR: #FFFF00;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 24pt;
	FONT-WEIGHT: bold;
	font-style: italic;
}
.bktitlesmall
{
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11pt;
	FONT-WEIGHT: bold;
	font-style: italic;
}
.category
{
    COLOR: #1D3453;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.heading
{
    COLOR: #1D3453;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.headingwhite
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.headingbig
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 11pt;
    FONT-WEIGHT: bold
}
.body
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodyblack
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodyblue
{
    COLOR: #000080;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodywhite
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}
.bodymidblue
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bodyheading
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.cart
{
    COLOR: #1D3453;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1
}
.menustrip
{
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.menucurrent
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.copyright
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Geneva;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal
}
A.menustrip
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menustrip:visited
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menustrip:hover
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
A.menucurrent
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menucurrent:visited
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menucurrent:hover
{
    COLOR: #f1f1f1;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
A.menucurrenttop
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
	
}
A.menucurrenttop:visited
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menucurrenttop:hover
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline; 
	 }
	
A.menusmall
{
    COLOR: #1D3453;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: none
}
A.menusmall:visited
{
    COLOR: #1D3453;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: none
}
A.menusmall:hover
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: underline
}
A.category
{
    COLOR: #1D3453;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.category:visited
{
    COLOR: #1D3453;
    FONT-FAMILY: Verdana, Geneva, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.category:hover
{
    COLOR: #435E82;
    FONT-FAMILY: Verdana, Geneva, 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: #1D3453;
    HEIGHT: 10px;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: hidden;
    WIDTH: 10px;
    layer-background-color: #1D3453
}
.clLevel0
{
    FONT-FAMILY: Verdana, Geneva,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
{
    BACKGROUND-COLOR: #CCCCCC;
    COLOR: #000080;
    LINE-HEIGHT: 1;
    layer-background-color: #CCCCCC
}
.clLevel0over
{
    BACKGROUND-COLOR: #1D3453;
    COLOR: #ffffff;
    CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #1D3453
}
.clLevel0border
{
    BACKGROUND-COLOR: #1D3453;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #1D3453
}
.clLevel1
{
    FONT-FAMILY: 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: 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: #CCCCCC;
    COLOR: #1D3453;
    LINE-HEIGHT: 1;
    layer-background-color: #CCCCCC
}
.clLevel1over
{
    BACKGROUND-COLOR: #435E82;
    COLOR: #ffffff;
    CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #1D3453
}
.clLevel1border
{
    BACKGROUND-COLOR: #1D3453;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #1D3453
}
.clLevel2
{
    FONT-FAMILY: 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: 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: #CCCCCC;
    COLOR: #1D3453;
    LINE-HEIGHT: 1;
    layer-background-color: #CCCCCC
}
.clLevel2over
{
    BACKGROUND-COLOR: #1D3453;
    COLOR: #ffffff;
    CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #1D3453
}
.clLevel2border
{
    BACKGROUND-COLOR: #1D3453;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #1D3453
}