/*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%;} */ 
#CART_FRAME
{
	position:relative;
	left:0px;
	top:0px;
}

.bodygreen
{
	display:none;
}

.copyrightwhite
{
	position:relative;
	top:25px;
	left:300px;
}

.section_title
{
	position:relative;
	background:url(Assets/section_title_bg.png) 0px 30px no-repeat; 
	width:250px;
	height:61px;
	vertical-align:center;
	color:#F4F4F4;
	padding-top:33px;
	padding-bottom:3px;
	padding-left:35px;

	padding-top:expression('15px');
	
	
}

#wrapper
{
	background:url(Assets/elusive-background1.png) top left no-repeat; 
	width:1110px;
	margin: 0px auto -1px auto; 
	padding-top:160px;
	padding-bottom:50px;
	padding-left:0px;
}

#left_side_menu
{
	width:215px;
	margin-right:30px;
}

#left_side_menu table .blueleftright
{
	padding-left:35px;
}

#top_menu
{
	position:absolute;
	width:800px;
	top:180px;
	float:right;

	width:expression('1px');
	left:expression(document.body.clientWidth * 0.5 - 170);
}

.user_status
{
	font-size:11px;
	position:relative;
	border:1px solid #FFFFFF;
	background:#A30011;
	padding:5px;
	top:-10px;
	clear:both;
}

.user_status:hover
{
	color:#A30011;
	border:1px solid #A30011;
	background:white;
}

input[type=submit],input[type=button]
{
	background:#b12931;
	color:#FFFFFF;
	text-align:center;
}

input, textarea, select
{
	margin-top:5px;
	margin-bottom:10px;
	color:#000000; background-color:#ffe2c3; vertical-align:top; text-align:left; border: 1px solid #181818;
}




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: #FFFFFF;
}

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

TH {
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1.5;
	color: #999999;
}


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

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

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

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

.heading {
	COLOR: #EB9100;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;

}

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

.headingbig {
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 14pt;
	FONT-WEIGHT: bold;
/*	background:url(Assets/es-logo.png) center no-repeat; */
	color:#ff0000;
}

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

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

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

.bodywhite {
	COLOR: #999999;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
}
body {
	COLOR: #999999;
	background: #000000 url(Assets/background.png) repeat-x;
	margin: 0px;
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-size: 9pt;
	position:relative;		
}


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

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

.cart {
	COLOR: #999999;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 1;
}
/* Left Hand Menus */
.menustrip {
	COLOR: #444444;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;
}

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

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

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


/* Link Styles */

/* Top Tabs */

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

A.menustrip:hover {
	COLOR: #FFBCBF;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}

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

A.menucurrent:hover {
	COLOR: #777777;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: bold;

}

/* Internal Page Menus */

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

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


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

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


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

HR.blueline {
	COLOR: #ffffff;
	HEIGHT: 1px;
	noshade: true;
	display:none;
}

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

TABLE.blue {
}

TABLE.bluetopbottom {
/*	BORDER-BOTTOM: #C0C0C0 1px solid;
	BORDER-TOP: #C0C0C0 1px solid;
*/}

TABLE.blueborder {
/*	BACKGROUND-COLOR: #000000;
	BORDER-BOTTOM: #C0C0C0 1px solid;
	BORDER-LEFT: #C0C0C0 1px solid;
	BORDER-RIGHT: #C0C0C0 1px solid;
	BORDER-TOP: #C0C0C0 1px solid;
*/
}

TABLE.blueline {
/*	BACKGROUND-COLOR: #000000;
	BORDER-LEFT: #C0C0C0 1px solid;
	BORDER-TOP: #C0C0C0 1px solid;*/
}

TABLE.highlight {
/*	BACKGROUND-COLOR: #000000;
	BORDER-BOTTOM: #C0C0C0 1px solid;
	BORDER-LEFT: #C0C0C0 1px solid;
	BORDER-RIGHT: #C0C0C0 1px solid;
	BORDER-TOP: #C0C0C0 1px solid;*/
}

TR.blue {
/*	BACKGROUND-COLOR: #000000;*/
}

TR.purple {
/*	BACKGROUND-COLOR: #000000;*/
}

TH.blue {
/*	BACKGROUND-COLOR: #000000;*/
}

TH.blueborder {
/*	BACKGROUND-COLOR: #000000;
	BORDER-BOTTOM: #C0C0C0 1px solid;
	BORDER-LEFT: #C0C0C0 1px solid;
	BORDER-RIGHT: #C0C0C0 1px solid;
	BORDER-TOP: #C0C0C0 1px solid;
*/}

TH.blueline {
/*	BACKGROUND-COLOR: #000000;
	BORDER-BOTTOM: #C0C0C0 1px solid;
	BORDER-RIGHT: #C0C0C0 1px solid;
	COLOR: #999999;
	FONT-FAMILY: Trebuchet MS, Tahoma, Verdana;
	FONT-SIZE: 9pt;
	FONT-WEIGHT: normal;*/
}

TD.highlight {
/*	BACKGROUND-COLOR: #000000;
	border: 1px solid #C0C0C0;*/
}

TD.blue {
/*	BACKGROUND-COLOR: #000000;*/
}

TD.blueborder {
/*	BACKGROUND-COLOR: #000000;
	border: 1px solid #C0C0C0;
*/}

TD.bluetopbottom {
/*	BORDER-BOTTOM: 1px solid #C0C0C0;
	BORDER-TOP: 1px solid #C0C0C0;*/
}

TD.blueleft {
/*	BORDER-LEFT: #C0C0C0 1px solid;*/
}

TD.blueright
{
}

TD.blueleftright {
}

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

TD.bluebottom {
/*	BORDER-BOTTOM: #C0C0C0 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: #000000;
	HEIGHT: 10px;
	LINE-HEIGHT: 1;
	VISIBILITY: hidden;
	WIDTH: 10px;
	layer-background-color: #000000;
	POSITION: absolute;
}


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

.clLevel0 {
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 7.5pt;
	FONT-WEIGHT: bold;
	text-align: left;
	BACKGROUND-COLOR: #000000;
	COLOR: #999999;
	layer-background-color: #000000;
	POSITION: absolute;
	padding-top:5px;
}

.clLevel0over {
	FONT-FAMILY: Tahoma;
	FONT-WEIGHT: bold;
	FONT-SIZE: 7.5pt;	
	LINE-HEIGHT: 1;
	BACKGROUND-COLOR: #000000;
	CURSOR: default;
	LINE-HEIGHT: 1;
	layer-background-color: #000000;
	POSITION: absolute;
	padding-top:5px;
	padding-left:0px;
	color:#FFFFFF;
}

.clLevel0border {
	BACKGROUND-COLOR: #000000;
	LINE-HEIGHT: 1;
	VISIBILITY: visible;
	POSITION: absolute;
	margin-left:28px;	

}


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

.clLevel1 {
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	BACKGROUND-COLOR: #1c1c1c;
	COLOR: #999999;
	LINE-HEIGHT: 1;
	layer-background-color: #000000;
	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: #860B32;
	color: #ffffff;
	CURSOR: pointer; CURSOR: hand;
	LINE-HEIGHT: 1;
	layer-background-color: #000000;
	POSITION: absolute;
}

.clLevel1border {
	BACKGROUND-COLOR: #999999;
	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: #000000;
	COLOR: #999999;
	LINE-HEIGHT: 1;
	layer-background-color: #000000;
	POSITION: absolute;
	padding: 2px;
}

.clLevel2over {
	FONT-FAMILY: Tahoma;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 1;
	padding: 2px;
	BACKGROUND-COLOR: #000000;
	COLOR: #999999;
	CURSOR: pointer; CURSOR: hand;
	LINE-HEIGHT: 1;
	layer-background-color: #000000;
	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: #000000;
	COLOR: #999999;
	LINE-HEIGHT: 1;
	layer-background-color: #000000;
	POSITION: absolute;
	padding: 2px;
}

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

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

}

.highlight
{
	color:#FF9600;
}

/*
#navi table tbody tr td
{
	background-color:#ffffff;
}
*/

#navi table tbody tr td a
{
	color:black;
}

#browse table tbody tr td a
{
	color:black;
}