/*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.5; 
}


A, A:link, A:visited, A:active  {
	color: #0000FF;
	text-decoration: underline;
}

A:hover {
	color: #800080;
	text-decoration: underline;
}

TD {
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1.5;
}

TH {
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1.5;
}


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

.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: #80701E;
	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: #AA9C56;
	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: #80701E;
	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: #80701E;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 8pt;
	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;
}


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

A.menustrip, A.menustrip:link, A.menustrip:visited, A.menustrip:active {
	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, A.menucurrent:link, A.menucurrent:visited, A.menucurrent:active {
	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, A.menusmall:link, A.menusmall:visited, A.menusmall:active {
	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, A.category:link, A.category:visited, A.category:active {
	COLOR: #80701E;
	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;
}


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

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

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

TABLE.blue {
	BACKGROUND-COLOR: #AA9C56
}

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

TABLE.blueborder {
	BACKGROUND-COLOR: #ffffff;
	BORDER-BOTTOM: #B7AB71 1px solid;
	BORDER-LEFT: #B7AB71 1px solid;
	BORDER-RIGHT: #B7AB71 1px solid;
	BORDER-TOP: #B7AB71 1px solid;
}

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

TABLE.highlight {
	BACKGROUND-COLOR: #F0EDE0;
	BORDER-BOTTOM: #B7AB71 1px solid;
	BORDER-LEFT: #B7AB71 1px solid;
	BORDER-RIGHT: #B7AB71 1px solid;
	BORDER-TOP: #B7AB71 1px solid;
}

TR.blue {
	BACKGROUND-COLOR: #AA9C56;
}

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

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

TH.blueborder {
	BACKGROUND-COLOR: #ffffff;
	BORDER-BOTTOM: #B7AB71 1px solid;
	BORDER-LEFT: #B7AB71 1px solid;
	BORDER-RIGHT: #B7AB71 1px solid;
	BORDER-TOP: #B7AB71 1px solid;
}

TH.blueline {
	BACKGROUND-COLOR: #F0EDE0;
	BORDER-BOTTOM: #B7AB71 1px solid;
	BORDER-RIGHT: #B7AB71 1px solid;
	COLOR: #80701E;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1.25
}

TD.highlight {
	BACKGROUND-COLOR: #F0EDE0;
	BORDER-BOTTOM: #B7AB71 1px solid;
	BORDER-LEFT: #B7AB71 1px solid;
	BORDER-RIGHT: #B7AB71 1px solid;
	BORDER-TOP: #B7AB71 1px solid;
}

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

TD.blueborder {
	BACKGROUND-COLOR: #ffffff;
	BORDER-BOTTOM: #B7AB71 1px solid;
	BORDER-LEFT: #B7AB71 1px solid;
	BORDER-RIGHT: #B7AB71 1px solid;
	BORDER-TOP: #B7AB71 1px solid;
}

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

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

TD.blueright
{
	BORDER-RIGHT: #AA9C56 1px solid;
}

TD.blueleftright {
	BORDER-BOTTOM: #AA9C56 1px solid;
	BORDER-LEFT: #AA9C56 1px solid;
	BORDER-RIGHT: #AA9C56 1px solid;
}

TD.blueline {
	BORDER-BOTTOM: #B7AB71 1px solid;
	BORDER-RIGHT: #B7AB71 1px solid;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1.25
}

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


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

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;
}


/*
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.
*/

/* 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;
	layer-background-color: #FFFFFF;
	POSITION: absolute;
}


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

.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;
	BACKGROUND-COLOR: #F0EDE0;
	COLOR: #80701E;
	LINE-HEIGHT: 1;
	layer-background-color: #F0EDE0;
	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;
	BACKGROUND-COLOR: #8080E0;
	COLOR: #ffffff;
	CURSOR: pointer; CURSOR: hand;
	LINE-HEIGHT: 1;
	layer-background-color: #8080E0;
	POSITION: absolute;
}

.clLevel0border {
	BACKGROUND-COLOR: #80701E;
	LINE-HEIGHT: 1;
	VISIBILITY: visible;
	layer-background-COLOR: #B7AB71;
	POSITION: absolute;
}


/* Level 1 Style */
/* ============= */

.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;
	BACKGROUND-COLOR: #F0EDE0;
	COLOR: #000000;
	LINE-HEIGHT: 1;
	layer-background-color: #F0EDE0;
	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;
	BACKGROUND-COLOR: #8080E0;
	COLOR: #ffffff;
	CURSOR: pointer; CURSOR: hand;
	LINE-HEIGHT: 1;
	layer-background-color: #8080E0;
	POSITION: absolute;
}

.clLevel1border {
	BACKGROUND-COLOR: #80701E;
	LINE-HEIGHT: 1;
	VISIBILITY: visible; 
	layer-background-COLOR: #B7AB71;
	POSITION: absolute;
}


/* Level 2 Style */
/* ============= */

.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;
	BACKGROUND-COLOR: #F0EDE0;
	COLOR: #000000;
	LINE-HEIGHT: 1;
	layer-background-color: #F0EDE0;
	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;
	BACKGROUND-COLOR: #8080E0;
	COLOR: #ffffff;
	CURSOR: pointer; CURSOR: hand;
	LINE-HEIGHT: 1;
	layer-background-color: #8080E0;
	POSITION: absolute;
}

.clLevel2border {
	BACKGROUND-COLOR: #80701E;
	LINE-HEIGHT: 1;
	VISIBILITY: visible;
	layer-background-color: #B7AB71;
	POSITION: absolute;
}