HTML {min-height:100.1%;} 

P { 
	LINE-HEIGHT: 1.5; 
}


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

A:hover {
	color: #9900FF;
	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: #000080;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
}

.heading {
	COLOR: #FF0000;
	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: #FFFFFF;
	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: 8pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
}

.menustrip {
	COLOR: #ffffff;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
}

.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: yellow;
	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: #FF0000;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A.menucurrent:hover {
	COLOR: #9900FF;
	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: #FF0000;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	TEXT-DECORATION: none;
}

A.menusmall:hover {
	COLOR: #9900FF;
	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: #FF0000;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A.category:hover
{
    COLOR: #9900FF;
    FONT-FAMILY: Verdana, Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline;
}


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

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

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

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

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

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

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

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: #ffffff;
	BORDER-BOTTOM: #aaaaaa 1px solid;
	BORDER-RIGHT: #aaaaaa 1px solid;
	COLOR: #000080;
	FONT-FAMILY: Verdana, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1.25
}

TD.highlight {
	BACKGROUND-COLOR: #bbf;
	BORDER-BOTTOM: #aaaaaa 1px solid;
	BORDER-LEFT: #aaaaaa 1px solid;
	BORDER-RIGHT: #aaaaaa 1px solid;
	BORDER-TOP: #aaaaaa 1px solid;
	text-align: center;
}
TD.highlight:hover {
	BACKGROUND-COLOR: #faa;
	CURSOR: pointer; CURSOR: hand;
}

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

TD.blueborder {
	BACKGROUND-COLOR: #ffffff;
	BORDER-BOTTOM: #aaaaaa 1px solid;
	BORDER-LEFT: #aaaaaa 1px solid;
	BORDER-RIGHT: #aaaaaa 1px solid;
	BORDER-TOP: #aaaaaa 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: 1px solid #D13332;
	BORDER-LEFT: 1px solid #D13332;
	BORDER-RIGHT: 1px solid #D13332;
}

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

TD.bluebottom {
	BORDER-BOTTOM: #a0a0a0 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;
}

input[type="text"], input[type="password"], select, textarea {
    border: 1px solid #AAAAAA;
    background: #FFF0FF;
}

input:hover, select:hover, textarea:hover {
    background: #E0FFE0;
}

input {
    height: 21px; vertical-align:middle;
}

input[type="text"], input[type="password"]{
    height: 17px; vertical-align:middle;
}

input[type="button"], input[type="submit"], input[type="reset"] {
    border: 1px solid #666666;
    background: #E0E0E0;
}

input[type="submit"]:hover, input[type="image"]:hover, input[type="reset"]:hover, input[type="button"]:hover, select:hover {
	CURSOR: pointer; CURSOR: hand;
}
/*
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: Tahoma, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	BACKGROUND-COLOR: #ffffff;
	COLOR: #990000;
	LINE-HEIGHT: 1;
	layer-background-color: #ffffff;
	POSITION: absolute;
	padding: 2px;
}

.clLevel0over {
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	padding: 2px 2px 2px 5px;
	BACKGROUND-COLOR: #CC0066;
	COLOR: #ffffff;
	CURSOR: pointer; CURSOR: hand;
	layer-background-color: #CC0066;
	POSITION: absolute;
}

.clLevel0border {
	BACKGROUND-COLOR: #990000;
	LINE-HEIGHT: 1;
	VISIBILITY: visible;
	layer-background-color: #990000;
	POSITION: absolute;
}


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

.clLevel1 {
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	BACKGROUND-COLOR: #ffffff;
	COLOR: #990000;
	LINE-HEIGHT: 1;
	layer-background-color: #ffffff;
	POSITION: absolute;
	padding: 2px;
}

.clLevel1over {
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	padding: 2px 2px 2px 5px;
	BACKGROUND-COLOR: #CC0066;
	COLOR: #ffffff;
	CURSOR: pointer; CURSOR: hand;
	layer-background-color: #CC0066;
	POSITION: absolute;
}

.clLevel1border {
	BACKGROUND-COLOR: #990000;
	LINE-HEIGHT: 1;
	VISIBILITY: visible;
	layer-background-color: #990000;
	POSITION: absolute;
}


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

.clLevel2 {
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	BACKGROUND-COLOR: #ffffff;
	COLOR: #990000;
	LINE-HEIGHT: 1;
	layer-background-color: #ffffff;
	POSITION: absolute;
	padding: 2px;
}

.clLevel2over {
	FONT-FAMILY: Tahoma, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	padding: 2px 2px 2px 5px;
	BACKGROUND-COLOR: #CC0066;
	COLOR: #ffffff;
	CURSOR: pointer; CURSOR: hand;
	layer-background-color: #CC0066;
	POSITION: absolute;
}

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