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

/* This is the link for user to click to learn more about the item. Size Options, etc */
A, A:link, A:visited, A:active  {
	color: black; /*0000FF*/
	text-decoration: underline;
}

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

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

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


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

.bktitle {
	COLOR: #ffa040;
	FONT-FAMILY: Arial Rounded MT Bold, Arial;
	FONT-SIZE: 18pt;
	FONT-WEIGHT: bold;
}

.bktitlesmall {
	COLOR: #40a040;
	FONT-FAMILY: Arial Rounded MT Bold, Arial;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
}

.category {
	COLOR: #000080;
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
}

.heading {
	COLOR: #ffa040;
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
}

.headingwhite {
	COLOR: #ffffff; /* #ffffff */
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
}

.headingbig {
	COLOR: #330066;
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 11pt;
	FONT-WEIGHT: bold;
}

.body {
	COLOR: #000000;
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
}

.bodyblack {
	COLOR: #000000;
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	text-align:justify;
}

.bodyblack2 {
	COLOR: #000000;
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	text-align:justify;
}

/* This is for the part number, group, price, etc */
.bodyblue {
	COLOR: #000080; /*000080*/
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
}

/* This is for the top message */
.bodygreen1 {
	COLOR: #666666; /*000080*/
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
}

/* For Description found in the header */
.bodywhite {
	COLOR: #000000;
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
}

/* This is the description */
.bodygreen {
	COLOR: #000000; /* #666666 */
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
}

/* This is the title(name) of the item */
.bodyheading {
	COLOR: #000000; /*000000*/
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
}

.cart {
	COLOR: #000080;
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
}

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

.menucurrent {
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	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: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A.menustrip:hover {
	COLOR: #80ff80;
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
}

A.menucurrent, A.menucurrent:link, A.menucurrent:visited, A.menucurrent:active {
	COLOR: #80ff80;
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A.menucurrent:hover {
	COLOR: #80ff80;
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
}

/* This is for the Close Image link */
A.menusmall, A.menusmall:link, A.menusmall:visited, A.menusmall:active {
	COLOR: #666666; /*004080*/
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	TEXT-DECORATION: none;
}

A.menusmall:hover {
	COLOR: #ffa040;
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1;
	TEXT-DECORATION: underline;
}

/* This will set the colour for Next/Prev and Bookmark */
A.category, A.category:link, A.category:visited, A.category:active {
	COLOR: #666666; /*000080*/
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

A.category:hover
{
    COLOR: #ffa040;
    FONT-FAMILY: Arial, Arial;
    FONT-SIZE: 8pt;
    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;/*#e0ffe0*/
	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;/*#e0ffe0*/
	BORDER-BOTTOM: #aaaaaa 1px solid;
	BORDER-RIGHT: #aaaaaa 1px solid;
	COLOR: #000080;
	FONT-FAMILY: Arial, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
}

TD.highlight {
	BACKGROUND-COLOR: #FFFFFF;/*#e0ffe0*/
	BORDER-BOTTOM: #aaaaaa 1px solid;
	BORDER-LEFT: #aaaaaa 1px solid;
	BORDER-RIGHT: #aaaaaa 1px solid;
	BORDER-TOP: #aaaaaa 1px solid;
}

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: #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, Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
}

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


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

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

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

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

.selectsmall {	
	font-family: Arial; 
	font-size: 8pt;
}

TEXTAREA {	
	font-family: Arial; 
	font-size: 8pt;
}


/*
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; /* #ffffff */
	HEIGHT: 10px;
	LINE-HEIGHT: 1;
	VISIBILITY: hidden;
	WIDTH: 10px;
	layer-background-color: #FFFFFF;
	POSITION: absolute;
}


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

.clLevel0 {
	FONT-FAMILY: Arial,Arial;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	PADDING-BOTTOM: 2px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	PADDING-TOP: 2px;
	text-align: left;
	BACKGROUND-COLOR: #FFFFFF;/*#e0ffe0*/
	COLOR: #666666;/*000080*/
	LINE-HEIGHT: 1;
	layer-background-color: #FFFFFF;/*#e0ffe0*/
	POSITION: absolute;
}

/* Side Menu link: mouseover text color */
.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; /* #ffffff */
	CURSOR: pointer; CURSOR: hand;
	LINE-HEIGHT: 1;
	layer-background-color: #8080E0;
	POSITION: absolute;
}

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


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

.clLevel1 {
	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: #FFFFFF;/*#e0ffe0*/
	COLOR: #666666; /*#000000*/
	LINE-HEIGHT: 1;
	layer-background-color: #FFFFFF;/*#e0ffe0*/
	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: #aaaaaa;
	LINE-HEIGHT: 1;
	VISIBILITY: visible;
	layer-background-color: #aaaaaa;
	POSITION: absolute;
}


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

.clLevel2 {
	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: #FFFFFF;/*#e0ffe0*/
	COLOR: #666666; /*#000000*/
	LINE-HEIGHT: 1;
	layer-background-color: #FFFFFF;/*#e0ffe0*/
	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: #000000;
	CURSOR: pointer; CURSOR: hand;
	LINE-HEIGHT: 1;
	layer-background-color: #8080E0;
	POSITION: absolute;
}

.clLevel2border {
	BACKGROUND-COLOR: #aaaaaa;
	LINE-HEIGHT: 1;
	VISIBILITY: visible;
	layer-background-color: #aaaaaa;
	POSITION: absolute;
}
/* New Added for SGD currency */
.sgd_font {
	FONT-FAMILY: Verdana;
	FONT-SIZE: 6pt;
}


/*footer*/
.style1{font-size:11px;}