/*
This is an alternative CyberOffice eCommerce's main style sheet. 
Many of the colors on elements containing "blue" have been
modified to "grey" colors. 
*/
INPUT 
{
	font-family: Arial; 
	font-size: 9pt;
}
input.btn{
	color:#FFFFFF;
	font-family:Arial;
	font-size:9pt;
	font-weight:bold;
	background-color:#660066;
	border: 3px double #660066;
}
.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: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
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
}
.blueborder
{
	BACKGROUND-COLOR: #ffffff;
	border: 1px solid #000066;
	padding: 3px;
}
TABLE.blueline
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-LEFT: #aaaaaa 1px solid;
    BORDER-TOP: #aaaaaa 1px solid
}
TABLE.highlight
{
	BACKGROUND-COLOR: #EFEDFC;
	BORDER-BOTTOM: #aaaaaa 1px solid;
	BORDER-LEFT: #aaaaaa 1px solid;
	BORDER-RIGHT: #aaaaaa 1px solid;
	BORDER-TOP: #aaaaaa 1px solid;
	padding: 2px;

}
TR.blue
{
    BACKGROUND-COLOR: #a0a0a0
}
TH.blue
{
    BACKGROUND-COLOR: #a0a0a0
}
TH.blueborder
{
    BACKGROUND-COLOR: #ffffff;
    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: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
TD.highlight
{
	BACKGROUND-COLOR: #EFEDFC;
	border: 1px solid #660066;
	padding: 3px;

}
TD.blue
{
    BACKGROUND-COLOR: #a0a0a0
}
TD.blueborder
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #660066 1px solid;
    BORDER-LEFT: #660066 1px solid;
    BORDER-RIGHT: #660066 1px solid;
    BORDER-TOP: #660066 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: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal
}
.bluebottom
{
    BORDER-BOTTOM: 1px solid #000066
}
.bktitle
{
    COLOR: #660066;
    FONT-FAMILY: Arial Rounded MT Bold, Verdana;
    FONT-SIZE: 19pt;
    FONT-WEIGHT: bold
}
.bktitlesmall
{
    COLOR: #40a040;
    FONT-FAMILY: Arial Rounded MT Bold, Verdana;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}
.category
{
    COLOR: #000080;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.heading
{
    COLOR: #660066;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    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: 9pt;
	FONT-WEIGHT: bold;
	padding: 3px;
}
.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: #000080;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1
}
.menustrip
{
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.menucurrent
{
    COLOR: #80ff80;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}
.copyright
{
	COLOR: #000000;
	FONT-FAMILY: Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;

}
.copyrightwhite
{
	COLOR: #ffffff;
	FONT-FAMILY: Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	background-color: #660066;
	padding: 5px;
	text-align: center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCFF;
}
A.menustrip:link 
{
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menustrip:visited
{
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menustrip:hover
{
    COLOR: #80ff80;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
A.menucurrent
{
    COLOR: #80ff80;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menucurrent:visited
{
    COLOR: #80ff80;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.menucurrent:hover
{
    COLOR: #80ff80;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
A.menusmall
{
    COLOR: #004080;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: none
}
A.menusmall:visited
{
    COLOR: #004080;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: none
}
A.menusmall:hover
{
    COLOR: #ffa040;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 1;
    TEXT-DECORATION: underline
}
A.category
{
    COLOR: #000080;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.category:visited
{
    COLOR: #000080;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.category:hover
{
    COLOR: #ffa040;
    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 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: #000066;
    HEIGHT: 10px;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: hidden;
    WIDTH: 10px;
    layer-background-color: #000066
}
.clLevel0
{
	FONT-FAMILY: Arial;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
    COLOR: #660066;
	LINE-HEIGHT: 1;
	POSITION: absolute;
	vertical-align: middle;
		padding:1px 0px 1px 15px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #CCCCFF;
	border-left: 0px;
	background-image: url(webimages/nav_bg.gif);
	background-repeat: repeat-y;
}
.clLevel0over
{
	FONT-FAMILY: Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	POSITION: absolute;
	vertical-align: middle;
	text-align: right;
	padding-right: 3px;

}
.clLevel0
{
    BACKGROUND-COLOR: #EFEDFC;
   LINE-HEIGHT: 1;
    layer-background-color: #EFEDFC
}
.clLevel0over
{
    BACKGROUND-COLOR: #000066;
    COLOR: #EFEDFC;
    cursor: pointer; cursor: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #000066
	vertical-align: middle;
}
.clLevel0border
{
    BACKGROUND-COLOR: #000066;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #000066
}
.clLevel1
{
    FONT-FAMILY:  Arial;
    FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
    COLOR: #660066;
    LINE-HEIGHT: 1;
    PADDING-LEFT: 2px;
	vertical-align: middle;
    POSITION: absolute
}
.clLevel1over
{
    FONT-FAMILY:  Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 1;
    PADDING-LEFT: 2px;
	vertical-align: middle;
    POSITION: absolute
}
.clLevel1
{
    BACKGROUND-COLOR: #EFEDFC;
    COLOR: #000066;
    LINE-HEIGHT: 1;
    layer-background-color: #EFEDFC
}
.clLevel1over
{
    BACKGROUND-COLOR: #000066;
    COLOR: #EFEDFC;
    cursor: pointer; cursor: hand;
    LINE-HEIGHT: 1;
    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: bold;
    COLOR: #660066;
    LINE-HEIGHT: 1;
    PADDING-LEFT: 2px;
	vertical-align: middle;
    POSITION: absolute
}
.clLevel2over
{
    FONT-FAMILY:  Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 1;
    PADDING-TOP: 2px;
   PADDING-LEFT: 2px;
	vertical-align: middle;
    POSITION: absolute
}
.clLevel2
{
    BACKGROUND-COLOR: #EFEDFC;
    COLOR: #000066;
    LINE-HEIGHT: 1;
    layer-background-color: #EFEDFC
}
.clLevel2over
{
    BACKGROUND-COLOR: #000066;
    COLOR: #EFEDFC;
    cursor: pointer; cursor: hand;
    LINE-HEIGHT: 1;
    layer-background-color: #000066
}
.clLevel2border
{
    BACKGROUND-COLOR: #000066;
    LINE-HEIGHT: 1;
    POSITION: absolute;
    VISIBILITY: visible;
    layer-background-color: #000066
}