/*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: #FFFFFF;
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

A:hover {
	color: #FFCC66;
}

TD {
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-WEIGHT: normal;
	font-size: 9pt;
	color: #FFFFFF;
}

TH {
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	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: #FFFFFF;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
}

.heading {
	COLOR: #FFFFFF;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
	text-decoration: underline;
}

.headingwhite {
	COLOR: #ffffff;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
}

.headingbig {
	COLOR: #FFFFFF;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 14pt;
	FONT-WEIGHT: bold;
}

.body {
	COLOR: #ffffff;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
}

.bodyblack {
	COLOR: #ffffff;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
}

.bodyblue {
	COLOR: #FFFFFF;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
}

.bodywhite {
	COLOR: #ffffff;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
}
body {
	background-color: #262219;
	margin: 0px;
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-size: 9pt;
}


.bodygreen {
	COLOR: #FFCC66;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
}

.bodyheading {
	COLOR: #ffffff;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
}

.cart {
	COLOR: #FFFFFF;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1;
}

.menustrip {
	COLOR: #ffffff;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
}

.menucurrent {
	COLOR: #80ff80;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
}

.copyright {
	COLOR: #ffffff;
	FONT-FAMILY: Tahoma,Verdana;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
}

.copyrightwhite {
	COLOR: #ffffff;
	FONT-FAMILY: Tahoma,Verdana;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
}


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

A.menustrip, A.menustrip:link, A.menustrip:visited, A.menustrip:active {
	COLOR: #ffffff;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A.menustrip:hover {
	COLOR: #00FFFF;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
}

A.menucurrent, A.menucurrent:link, A.menucurrent:visited, A.menucurrent:active {
	COLOR: #FFCC66;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A.menucurrent:hover {
	COLOR: #00FFFF;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
}

A.menusmall, A.menusmall:link, A.menusmall:visited, A.menusmall:active {
	COLOR: #FFCC66;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 8.5pt;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1.5;
	TEXT-DECORATION: none;
}

A.menusmall:hover {
	COLOR: #00FFFF;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 8.5pt;
	FONT-WEIGHT: bold;
}
.sfont {
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-size: 8pt;
	color: #FFFFFF;
}
.pad5 {
	padding: 5px;
}


A.category, A.category:link, A.category:visited, A.category:active {
	COLOR: #FFCC66;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A.category:hover
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline;
}


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

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

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

TABLE.blue {
	BACKGROUND-COLOR: #156796;
}

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

TABLE.blueborder {
	BACKGROUND-COLOR: #333333;
	BORDER-BOTTOM: #0099ff 1px solid;
	BORDER-LEFT: #0099ff 1px solid;
	BORDER-RIGHT: #0099ff 1px solid;
	BORDER-TOP: #0099ff 1px solid;
}

TABLE.blueline {
	BACKGROUND-COLOR: #156796;
	BORDER-LEFT: #0099ff 1px solid;
	BORDER-TOP: #0099ff 1px solid;
}

TABLE.highlight {
	BACKGROUND-COLOR: #333333;
	BORDER-BOTTOM: #0099ff 1px solid;
	BORDER-LEFT: #0099ff 1px solid;
	BORDER-RIGHT: #0099ff 1px solid;
	BORDER-TOP: #0099ff 1px solid;
}

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

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

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

TH.blueborder {
	BACKGROUND-COLOR: #333333;
	BORDER-BOTTOM: #0099ff 1px solid;
	BORDER-LEFT: #0099ff 1px solid;
	BORDER-RIGHT: #0099ff 1px solid;
	BORDER-TOP: #0099ff 1px solid;
}

TH.blueline {
	BACKGROUND-COLOR: #333333;
	BORDER-BOTTOM: #0099ff 1px solid;
	BORDER-RIGHT: #0099ff 1px solid;
	COLOR: #FFFFFF;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
}

TD.highlight {
	BACKGROUND-COLOR: #333333;
	border: 1px solid #0099FF;
}

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

TD.blueborder {
	BACKGROUND-COLOR: #333333;
	border: 1px solid #0099FF;
}

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

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

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

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

TD.blueline {
	BORDER-BOTTOM: #0099ff 1px solid;
	BORDER-RIGHT: #0099ff 1px solid;
	COLOR: #FFFFFF;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
}

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


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

INPUT {
	font-family: Tahoma, Arial; 
	font-size: 8pt;
}

.inputsmall {
	font-family: Tahoma, Arial; 
	font-size: 8pt;
}

SELECT {	
	font-family: Arial; 
	font-size: 9pt;
}

.selectsmall {	
	font-family: Tahoma, 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: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1;
	text-align: left;
	text-decoration: underline;
	padding: 3px;
	BACKGROUND-COLOR: #156797;
	COLOR: #FFFFFF;
	LINE-HEIGHT: 1;
	layer-background-color: #156797;
	POSITION: absolute;
}

.clLevel0over {
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 2px;
	text-align: center;
	BACKGROUND-COLOR: #156797;
	COLOR: #FFFFFF;
	CURSOR: default;
	LINE-HEIGHT: 1;
	layer-background-color: #156797;
	POSITION: absolute;
	text-decoration: underline;
}

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


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

.clLevel1 {
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	BACKGROUND-COLOR: #FFCC66;
	COLOR: #000000;
	LINE-HEIGHT: 1;
	layer-background-color: #156797;
	POSITION: absolute;
	padding: 2px;
}

.clLevel1over {
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #156797;
	COLOR: #00FFFF;
	CURSOR: pointer; CURSOR: hand;
	LINE-HEIGHT: 1;
	layer-background-color: #156797;
	POSITION: absolute;
}

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

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

.clLevel2 {
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	BACKGROUND-COLOR: #00FFFF;
	COLOR: #000000;
	LINE-HEIGHT: 1;
	layer-background-color: #156797;
	POSITION: absolute;
	padding: 2px;
}

.clLevel2over {
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	padding: 2px;
	BACKGROUND-COLOR: #156797;
	COLOR: #00FFFF;
	CURSOR: pointer; CURSOR: hand;
	LINE-HEIGHT: 1;
	layer-background-color: #156797;
	POSITION: absolute;
}

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

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

.clLevel3 {
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	BACKGROUND-COLOR: #FFFF00;
	COLOR: #000000;
	LINE-HEIGHT: 1;
	layer-background-color: #156797;
	POSITION: absolute;
	padding: 2px;
}

.clLevel3over {
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	padding: 2px;
	BACKGROUND-COLOR: #156797;
	COLOR: #00FFFF;
	CURSOR: pointer; CURSOR: hand;
	LINE-HEIGHT: 1;
	layer-background-color: #156797;
	POSITION: absolute;
}

.clLevel3border {
	BACKGROUND-COLOR: #000000;
	LINE-HEIGHT: 1;
	VISIBILITY: visible;
	POSITION: absolute;
}
h1 {
	font-family: Tahoma, Arial;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: underline;
}