/*
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.
*/
INPUT 
{
	font-family: Arial; 
	font-size: 9pt;
}
.inputsmall 
{
	font-family: Arial; 
	font-size: 8pt;
}

SELECT 
{	
	font-family: Arial; 
	font-size: 9pt;
}
.selectsmall 
{	
	font-family: Arial; 
	font-size: 8pt;
}
TEXTAREA 
{	
	font-family: Arial; 
	font-size: 9pt;
}

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: #0080ff;
    HEIGHT: 1px;
    noshade: true
}
HR.blackline
{
    COLOR: #000000;
    HEIGHT: 1px;
    noshade: true
}
TABLE.blue
{
    BACKGROUND-COLOR: #3399ff
}
TABLE.bluetopbottom
{
    BORDER-BOTTOM: #0080ff 1px solid;
    BORDER-TOP: #0080ff 1px solid
}
TABLE.blueborder
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #0080ff 1px solid;
    BORDER-LEFT: #0080ff 1px solid;
    BORDER-RIGHT: #0080ff 1px solid;
    BORDER-TOP: #0080ff 1px solid
}
TABLE.blueline
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-LEFT: #0080ff 1px solid;
    BORDER-TOP: #0080ff 1px solid
}
TABLE.highlight
{
    BACKGROUND-COLOR: #e0ffe0;
    BORDER-BOTTOM: #0080ff 1px solid;
    BORDER-LEFT: #0080ff 1px solid;
    BORDER-RIGHT: #0080ff 1px solid;
    BORDER-TOP: #0080ff 1px solid
}
TR.blue
{
    BACKGROUND-COLOR: #3399ff
}
TR.purple
{
    BACKGROUND-COLOR: #c0c0ff
}
TH.blue
{
    BACKGROUND-COLOR: #3399ff
}
TH.blueborder
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #0080ff 1px solid;
    BORDER-LEFT: #0080ff 1px solid;
    BORDER-RIGHT: #0080ff 1px solid;
    BORDER-TOP: #0080ff 1px solid
}
TH.blueline
{
    BACKGROUND-COLOR: #e0ffe0;
    BORDER-BOTTOM: #0080ff 1px solid;
    BORDER-RIGHT: #0080ff 1px solid;
    COLOR: #000080;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
TD.highlight
{
    BACKGROUND-COLOR: #e0ffe0;
    BORDER-BOTTOM: #0080ff 1px solid;
    BORDER-LEFT: #0080ff 1px solid;
    BORDER-RIGHT: #0080ff 1px solid;
    BORDER-TOP: #0080ff 1px solid
}
TD.blue
{
    BACKGROUND-COLOR: #3399ff
}
TD.blueborder
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #0080ff 1px solid;
    BORDER-LEFT: #0080ff 1px solid;
    BORDER-RIGHT: #0080ff 1px solid;
    BORDER-TOP: #0080ff 1px solid
}
TD.bluetopbottom
{
    BORDER-BOTTOM: #3399ff 1px solid;
    BORDER-TOP: #3399ff 1px solid
}
TD.blueleft
{
    BORDER-LEFT: #3399ff 1px solid
}
TD.blueright
{
    BORDER-RIGHT: #3399ff 1px solid
}
TD.blueleftright
{
    BORDER-BOTTOM: #3399ff 1px solid;
    BORDER-LEFT: #3399ff 1px solid;
    BORDER-RIGHT: #3399ff 1px solid
}
TD.blueline
{
    BORDER-BOTTOM: #0080ff 1px solid;
    BORDER-RIGHT: #0080ff 1px solid;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
TD.bluebottom
{
    BORDER-BOTTOM: #3399ff 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 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,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: #e0ffe0;
    COLOR: #000080;
    LINE-HEIGHT: 1;
    layer-background-color: #E0FFE0
}
.clLevel0over
{
    BACKGROUND-COLOR: #3399ff;
    COLOR: #ffffff;
    CURSOR: pointer; CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #3399FF
}
.clLevel0border
{
    BACKGROUND-COLOR: #0080ff;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #0080FF
}
.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: #3399ff;
    COLOR: #ffffff;
    CURSOR: pointer; CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #3399FF
}
.clLevel1border
{
    BACKGROUND-COLOR: #0080ff;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #0080FF
}
.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: #3399ff;
    COLOR: #ffffff;
    CURSOR: pointer; CURSOR: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #3399FF
}
.clLevel2border
{
    BACKGROUND-COLOR: #0080ff;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #0080FF
}