/* 'spacer_page' defines main page area as either image or watermark or blank */
BODY {
	FONT-FAMILY: Verdana, Arial;  color: #366; background:  url('spacer_y.jpg') repeat-y bottom center;
	margin: 0px; position:relative; 	width:740px; left:50%; 	margin-left:-370px; background-color: #69C;
}
P {  COLOR: #666;  FONT-SIZE: 0.8em; line-height: 2em;	
	margin-top: 0px; padding: 0 55px 0  0;
	text-align: left;
}


H1, H2, H3, H4, H5 { font : "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; FONT-SIZE: 1.1em; 
	FONT-WEIGHT: bold; letter-spacing: 0.25em; line-height: 2em;
	COLOR: #9E896C; }
H5 {border-bottom: 4px dotted #CCC; padding: 4px;}  
H6 {
	color : #9E896C; text-align:center;
	font : 1.5em "Trebuchet MS", "Comic Sans MS", Arial, sans-serif;
	margin-bottom : 6px;
	margin-top : 0px
}
TABLE {FONT-SIZE: 1em; border-collapse: collapse;  border-spacing: 0; 
	margin-left: auto; margin-right: auto; padding: 3px;}

tbody {    background: transparent}
td {	text-align: left;   vertical-align: center; padding: 1px;}
tr {    text-align: left; padding: 1px; }
#td.odersdetailcell { COLOR: #999; background: #CCC; 
		FONT-SIZE: 0.8em; padding: 2px 4px; border-top: 1px solid #39F}

UL {FONT-SIZE: 0.75em; list-style-image: url('green_bullet.gif'); LINE-HEIGHT: 2em;}
OL {
	margin-left: 10%; margin-right: 5%; margin-top: 0;  margin-bottom: 0;  
	FONT-SIZE: 0.75em; LINE-HEIGHT: 2em; list-style-type: decimal;
}

#all {	position: absolute;  top: 0px;  width:740px;  left:50%; margin-left:-370px; height: 407px; 
	background:  url('headerBanner.jpg') no-repeat top left; z-index: 1;}

/* 'header'  defines running head width as percentage for different browsers */
div.header {	position: absolute; top: 0;   height: 111px;  
		background:  url('spacer_top.gif') no-repeat top left; }
#headerBanner {	position: absolute; top: 37px; left: 200px; height: 60px;  width: 443px; 
	background:  transparent; z-index: 10;}
#logoHref {	position:absolute; top: 0; left: 10px; z-index: 10; }

#topIconMenu {	position: absolute;  width:694px; top: 83px;  left: 13px; 
	background:  transparent;  z-index: 12;}

/* 'searchBox'  section */
#SearchBox {  	position: absolute; top: 107px; left: 0;  width: 158px; background-color: transparent;
	height: 57px;  border: 1px solid #FC3; z-index: 12;  }


/* 'sideNav'  section */
div.sideNav {	position: absolute; top: 165px; width: 158px;  left: 0;
		background-color: transparent; border: 1px solid #FC3; }
div.navTop {	position: absolute; top: 0px; width: 158px; height:1px; }
#List {height: 55%; }
div.navBase { bottom: 0px; width: 158px;  height:1px;}
.CategoriesList {width: 100%; background-color: #FFF; border-right: 1px solid #FC3; }
td.centreList { width: 158px; background-color: transparent;  background: transparent; text-align: center; }

/* 'main'  section */
#main {	position: absolute;   top: 190px; left: 159px; width: 560px; padding: 0 5px 0 5px; 
	background: transparent; }
.PageContentCell { padding: 3px; background: transparent;}
#ordersAdmin { border-collapse: collapse;  border-spacing: 0; background: transparent; 
		FONT-SIZE: 0.7em; COLOR: #333; padding: 3px; width: 70%}

#tableProduct {width: 15px; border-collapse: collapse;  border-spacing: 0; border: 1px solid #CCC; padding: 3px; }
#ProductsList1 {border-collapse: collapse;  border-spacing: 0; padding: 6px; width: 70%}
.list { background: #FFF;}

#productImage {border-collapse: collapse;  border-spacing: 0; padding: 3px; 
		height: 60px; width: 60px; border: 0px;}

div.grid { WIDTH: 70%; COLOR: #333; padding: 10px; BACKGROUND: #CCC; BACKGROUND-COLOR: #CCC; border: 2px dotted #FFF;
	FONT-SIZE: 0.8em; cell-padding: 10px;}
#grid { WIDTH: 80%; COLOR: #333; padding: 10px; BACKGROUND: #CCC; border: 2px dotted #FFF;
	FONT-SIZE: 0.8em; cell-padding: 10px;}	

#gridHeader {  COLOR: red; padding: 10px; BACKGROUND: #000; border: 1px solid #FFF;}
.sectionTitle {width: 550px; COLOR: #FFF; BACKGROUND-COLOR: #C99; FONT-SIZE: 1em; FONT-WEIGHT: bold; 
	background:  url('spacer_sectiontitle.jpg') no-repeat; letter-spacing: 0.25em; }
.ListDescription { BACKGROUND-COLOR: #FFF; }
.line { width: 400px; background:  url('line_dot.gif') repeat-x; }
div.similarProducts { WIDTH: 80%; COLOR: #333; padding: 10px; BACKGROUND-COLOR: transparent; 
	border: 2px dotted #CCC; cell-padding: 10px;}

B {	 FONT-WEIGHT: bold}

A:, A:visited, A:link, A:active {	 COLOR: #096; TEXT-DECORATION: none}
A:hover {	COLOR: #30C; TEXT-DECORATION: underline}

#cgroup1 {	 background: transparent; padding: 3px;}
#cgroup2 {	 background: #666; padding: 3px;}
#menu01, #menu02, #menu03, #menu04, #menu05, #menu06, #menu07, #menu08, #menu09, #menu10, #menu11, #menu12, #menu13, #menu14, #menu15, #menu16, #menu17, #menu18, #menu19, #menu20, #menuClear  , #menu11, 
#menu01{
	POSITION: absolute;	LEFT: 400px; TOP:100px; WIDTH: 250px; VISIBILITY: hidden;	COLOR: #000000;	
	text-align: left;	padding: 10px;	height: 297px;	z-index: 10;

}

.ProductName {	FONT-SIZE: 0.7em; LINE-HEIGHT: 1em; COLOR: #999}
.ProductDescription {	FONT-SIZE: 0.7em; LINE-HEIGHT: 1em; COLOR: #036}
.ProductPrice { FONT-SIZE: 0.7em; LINE-HEIGHT: 1em; COLOR: #C60}
.DepsUnSelected {padding: 0 0 0 1px; FONT-WEIGHT: normal;}
.DepsSelected {FONT-SIZE: 0.65em;  FONT-WEIGHT: normal; height: 13px; margin-left: -15px;}
.CatUnSelected {FONT-SIZE: 0.65em; FONT-WEIGHT: normal; height: 13px; 
	background-color: #FFF; }
.CatSelected {	FONT-SIZE: 0.65em; COLOR: #F00;  FONT-WEIGHT: normal; 	padding: 0 0 0 20px; 
	background-image: url('icon_catSelected01.gif'); background-repeat: no-repeat;
	background-color: #9C9; }
.dgCategories { FONT-SIZE: 0.85em; COLOR: #9C9; background: #CFF; padding: 0; 
	border-top: 1px solid #39F}
#AdminOrdersLabels { FONT-SIZE: 0.7em; COLOR: #999; FONT-WEIGHT: normal; background: transparent; 
		padding: 2px; border-bottom: 1px solid #39F}

.adminpagetext { FONT-SIZE: 1em; }

.ImageButton {height: 25px;	width: 120px; border: 0;}

#headerline { 	position: absolute; height: 2px; BACKGROUND: transparent; }
#footerline { 	position: absolute; height: 2px; BACKGROUND: transparent; }

.blue { background: #39F; }
.caption {	FONT-SIZE: 0.6em; COLOR: #333; LINE-HEIGHT: 1em;}
.captionUnderline {	FONT-SIZE: 0.6em; COLOR: #999; LINE-HEIGHT: 1em; TEXT-DECORATION: underline}
.centre { text-align: center; background: #CBC29E}
.floatRight { float: right; padding: 0 0 0 10px }
.floatLeft { float: left; padding: 10px 10px 0 0 }
.floatClear { clear: both }
.gray { padding: 2px 0; FONT-SIZE: 0.8em; COLOR: #999;}
.headBold {	COLOR: #930; FONT-SIZE: 1.1em; FONT-WEIGHT: bold; letter-spacing: 0.25em;}
.headBoldLine {	COLOR: #F90; background: #EEE; FONT-SIZE: 1em; FONT-WEIGHT: bold; letter-spacing: 0.25em; 
	border-top: 1px dotted #F90; }
.ordersdetailcell { COLOR: #999; background: #CCC; 
		padding: 2px 4px; border-top: 1px solid #39F}
.smallblack {	FONT-SIZE: 0.75em; LINE-HEIGHT: 1em; COLOR: #006}
.search {	FONT-SIZE: 0.65em; LINE-HEIGHT: 1em; COLOR: #333}
.smallMenu {	FONT-SIZE: 0.7em; FONT-WEIGHT: bold; LINE-HEIGHT: 1em; COLOR: #999}
.tdright {	text-align: right}
.tdrightwhite {	background: #FFF; text-align: right}

A.DepsSelected { color: #03C;  height: 13px; text-align: left; padding:  0 0 0 17px; 
	font-size:0.7em; font-weight: normal; text-decoration : none; 
	background-image: url('icon_depsSelected01.gif'); background-repeat: no-repeat}
A.DepsSelected:hover { 	color: #F00; background-image: url('icon_depsSelectedo01.gif'); 
	background-repeat: no-repeat}
A.CatUnSelected { color: #06C;  height: 13px;  text-align: left; padding:  0 0 0 17px; 
	font-size:0.7em; font-weight: normal; text-decoration : none; 
	background-image: url('icon_catUnSelected01.gif'); background-repeat: no-repeat}
A.CatUnSelected:Hover {color: #F00; background-image: url('icon_catUnSelectedo01.gif'); 
	text-align: left; padding:  0 0 0 17px; background-repeat: no-repeat}
A.CatSelected {color: #0CC; height: 13px; text-align: left; padding:  0 0 0 17px; font-size: 0.7em; 
	font-weight: normal; text-decoration : none; background-image: url('icon_catSelected01.gif'); 
	background-color: #9F9; background-repeat: no-repeat}

/* redundant but keep for now */
div.usersxxx {  position: absolute; bottom: 85px;  left: 220px; color: #CCC; FONT-SIZE: 0.7em;}
TABLE.searchBoxxxx { border-collapse: collapse;  border-spacing: 0; padding: 0; background-color: #CC9; 
}