/*
This is an alternative CyberOffice eCommerce's main style sheet. 
Many of the colors on elements containing "blue" have been
modified to "grey" colors. 
*/

/*More colors on dynamic elements generated by CyberBuild can be modified on header.js*/

/* Generic Page, Paragraph, Link & Table Settings */
/* ============================================== */

/* Enforcing scrollbar appearance, useful for a centralized page style: */
HTML {min-height:100.1%;} 

P { 
	LINE-HEIGHT: 1.2; 
}


A, A:link, A:visited, A:active  {
	color: #003399;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

A:hover {
	color: #0066FF;
}

A.wht, A.wht:link, A.wht:visited, A.wht:active  {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

A.wht:hover {
	color: #ffcc00;
}

TD {
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 1.5;
}

TH {
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1.5;
}


/* Font Styles */
/* =========== */

.bktitle {
	COLOR: #003366;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 18pt;
	FONT-WEIGHT: bold;
}

.bktitlesmall {
	COLOR: #003366;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
}

.category {
	COLOR: #000080;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}

.heading {
	COLOR: #0066FF;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}

.headingwhite {
	COLOR: #ffffff;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}

.headingbig {
	COLOR: #003366;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
}

.body {
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
}

.bodyblack {
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
}

.bodyblue {
	COLOR: #000080;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
}

.bodywhite {
	COLOR: #ffffff;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
}

.bodygreen {
	COLOR: #008000;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
}

.bodyheading {
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}

.cart {
	COLOR: #000080;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1;
}

.menustrip {
	COLOR: #ffffff;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}

.menucurrent {
	COLOR: #80ff80;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	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;
}


/* Link Styles */
/* =========== */

A.menustrip, A.menustrip:link, A.menustrip:visited, A.menustrip:active {
	COLOR: #0066FF;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A.menustrip:hover {
	COLOR: #FFCC00;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
}

A.menucurrent, A.menucurrent:link, A.menucurrent:visited, A.menucurrent:active {
	COLOR: #FFFFFF;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A.menucurrent:hover {
	COLOR: #FFCC00;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
}

A.menusmall, A.menusmall:link, A.menusmall:visited, A.menusmall:active {
	COLOR: #0066FF;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	TEXT-DECORATION: none;
}

A.menusmall:hover {
	COLOR: #FFCC00;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1;
	TEXT-DECORATION: underline;
}

A.category, A.category:link, A.category:visited, A.category:active {
	COLOR: #0033FF;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A.category:hover
{
    COLOR: #FFCC00;
    FONT-FAMILY: Tahoma, Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline;
}


/* Line and Table Styles */
/* ===================== */

HR.blueline {
	COLOR: #000066;
	HEIGHT: 1px;
	noshade: true;
}

HR.blackline {
	COLOR: #000000;
	HEIGHT: 1px;
	noshade: true;
}

TABLE.blue {
	BACKGROUND-COLOR: #E8F0FD
}

TABLE.bluetopbottom {
	BORDER-BOTTOM: #000066 1px solid;
	BORDER-TOP: #000066 1px solid;
}

TABLE.blueborder {
	BACKGROUND-COLOR: #ffffff;	border: 1px solid #000066;
}

TABLE.blueline {
	BACKGROUND-COLOR: #ffffff;
	BORDER-LEFT: #000066 1px solid;
	BORDER-TOP: #000066 1px solid;
}

TR.blue {
	BACKGROUND-COLOR: #3399FF;
}

TR.purple {
	BACKGROUND-COLOR: #c0c0ff;
}

TH.blue {
	BACKGROUND-COLOR: #E8F0FD;
}

TH.blueborder {
	BACKGROUND-COLOR: #ffffff;	border: 1px solid #000066;
}

TH.blueline {
	BACKGROUND-COLOR: #E8F0FD;
	BORDER-BOTTOM: #000066 1px solid;
	BORDER-RIGHT: #000066 1px solid;
	COLOR: #000080;
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1.25
}

.highlight {
	BACKGROUND-COLOR: #E8F0FD;	border: 1px solid #000066;
}

TD.blue {
	BACKGROUND-COLOR: #E8F0FD;
}

TD.blueborder {
	BACKGROUND-COLOR: #ffffff;	border: 1px solid #000066;
}

TD.bluetopbottom {
	BORDER-BOTTOM: #000066 1px solid;
	BORDER-TOP: #000066 1px solid;
}

TD.blueleft {
	BORDER-LEFT: 1px solid #000066;
}

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: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1.25
}

TD.bluebottom {
	BORDER-BOTTOM: #000066 1px solid;
}


/* Form elements */
/* ============= */

INPUT {	FONT-FAMILY: Tahoma;
font-size: 12px;
}

.inputsmall {	FONT-FAMILY: Tahoma;
font-size: 8pt;
}

SELECT {	FONT-FAMILY: Tahoma;
font-size: 12px;
}

.selectsmall {	FONT-FAMILY: Tahoma;
font-size: 8pt;
}

TEXTAREA {	FONT-FAMILY: Tahoma;
font-size: 12px;
}

/* Frame Properties */
/* ================ */
.clCMAbs {
	LEFT: 0px;
	LINE-HEIGHT: 1;
	TOP: 0px;
	VISIBILITY: hidden;
	POSITION: absolute;
}

.clBar {
	BACKGROUND-COLOR: #FFFFFF;
	HEIGHT: 10px;
	LINE-HEIGHT: 1;
	VISIBILITY: hidden;
	WIDTH: 10px;
	POSITION: absolute;
}


/* Level 0 Style */
/* ============= */

.clLevel0 {
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #E8F0FD;
	COLOR: #003399;
	POSITION: absolute;
	padding: 3px 2px 2px 10px;
}

.clLevel0over {		FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	padding: 3px 2px 2px 15px;
	BACKGROUND-COLOR: #003399;
	COLOR: #FFFFFF;
	CURSOR: hand; CURSOR: hand;
	POSITION: absolute;
}

.clLevel0border {
	BACKGROUND-COLOR: #000066;
	LINE-HEIGHT: 1;
	VISIBILITY: visible;
	POSITION: absolute;
}

.clLevel1 {	FONT-FAMILY: Tahoma;
FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1;		padding: 2px 2px 2px 5px;
BACKGROUND-COLOR: #E8F0FD;
	COLOR: #003399;
	POSITION: absolute;
}

.clLevel1over {	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1;		padding: 2px 2px 2px 7px;
BACKGROUND-COLOR: #003399;
	COLOR: #ffffff;
	CURSOR: pointer; CURSOR: hand;
	POSITION: absolute;
}

.clLevel1border {
	BACKGROUND-COLOR: #000066;
	LINE-HEIGHT: 1;
	VISIBILITY: visible;
	POSITION: absolute;
}

.clLevel2 {	FONT-FAMILY: Tahoma;
FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1;		padding: 2px 2px 2px 5px;
BACKGROUND-COLOR: #E8F0FD;
	COLOR: #003399;
	POSITION: absolute;
}

.clLevel2over {	FONT-FAMILY: Tahoma;
FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1;		padding: 2px 2px 2px 7px;
BACKGROUND-COLOR: #003399;
	COLOR: #ffffff;
	CURSOR: pointer; CURSOR: hand;
	POSITION: absolute;
}

.clLevel2border {
	BACKGROUND-COLOR: #000066;
	LINE-HEIGHT: 1;
	VISIBILITY: visible;
	POSITION: absolute;
}

<!--This part must be kept on the page-->