body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;

}


/********************* Header Styles ************************/

h1 {
font-size: 1.5em;
color: #333333;
text-align: left;
}

h2 {
font-size: 1.5em;
font-weight: normal;
padding-left: 20px;
color: #FFCB1C;
padding-top: 5px;
padding-bottom: 0px;
margin-bottom: 0px;
}

h3 {
font-size: 1.2em;
font-weight: normal;
color: #999999;
padding-bottom: 0px;
margin-bottom: 0px;
}

.sub {
color: #FFFFFF;
}

.bgHeader {
background-image: url(../images/bg_header.jpg);
background-repeat: repeat-x;
}

.bgMenu {
background-image: url(../images/bg_menu.gif);
background-repeat: repeat-x;
}

.bgHeading {
background: #959686 url(../images/bg_heading.jpg)  repeat-x;
}

/********************* Header Styles ************************/



/********************* Content Styles ************************/

td.content {
font-size: 0.8em;
padding: 20px;
border-right: 1px solid #CCCCCC;
text-align:justify;
}

td.contentright {
font-size: 0.8em;
padding: 0px;
border-right: 1px solid #CCCCCC;
text-align:justify;
}

.left {
font-size: 0.8em;
}

.special {
color: #FFCB1C;
}

#paging {
padding: 20px;
margin: 0px;
display: block;
font-size: 0.8em;
}

#contentproduct{
padding:20px;
border-bottom: 1px dashed #CCCCCC;
margin:0px;
}

#contentcategory{
padding:20px;
border-bottom: 1px solid #CCCCCC;
margin:0px;
/* display: block; */
}


td.box {
font-size: 0.8em;
padding: 20px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
margin: 0;
color: #666666;
}

td.breadcrumbs {
font-size: 0.8em;
margin: 0px;
padding: 0px 0px 0px 20px;
float: left;
color: #000000;
background-color:#fff;
}

#thumb{
font-size: 0.8em;
padding: 0px;
float: left;
margin: 0px 20px 0px 0px;
}

img.thumb{
font-size: 0.8em;
padding: 0px;
float: left;
margin: 0px 20px 0px 0px;
}

address {
font-size: 0.7em;
font-style: normal;
color: #000000;
padding: 5px 20px;
}

/********************* Content Styles ************************/


/********************* Link Styles ************************/
a:link, a:active, a:visited {
color: #336600;
text-decoration:underline;
}

a:hover{
color: #999999;
text-decoration:underline;
}

#contentproduct a:link, #contentproduct a:active, #contentproduct a:visited {
color: #E2BF48;
background-color: #FFFCF1;
padding:2px 5px;
border: 1px solid #F4EAC7;
text-decoration:none;
}

#contentproduct a:hover {
color: #666666;
background-color: #EEEEEE;
border: 1px solid #DDDDDD;
text-decoration:none;
}

#contentcategory a:link, #contentcategory a:active, #contentcategory a:visited {
color: #999999;
font-weight: bold;
text-decoration: none;
font-size: 1.2em;
}

#contentcategory a:hover {
color: #CCCCCC;
font-weight: bold;
text-decoration: none;
font-size: 1.2em;
}

address a:active, address a:link, address a:visited{
color: #000000;
text-decoration: underline;
}

address a:hover{
color: #ffffff;
text-decoration: underline;
}


td.breadcrumbs a:link, td.breadcrumbs a:active, td.breadcrumbs a:visited{
color: #666666;
text-decoration:underline;
}

td.breadcrumbs a:hover{
color: #CCCCCC;
text-decoration:underline;
}

ul,li {
padding: 0px;
}

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

/********************* Dynamic Menu Styles ************************/
.MenuStandard_Horizontal, MenuStandard_Horizontal ul  {

	padding: 0px;
	cursor: default;
	margin-left: 20px;
}

.MenuStandard_Horizontal li { /*top level menu settings anherited by children down*/
	width: 70px; /* set this to the desired menu width */
    min-height: 22px; /*this is for non ie browsers*/
	float:left;
	display: block;
	list-style-type: none;
	margin: 0px;
	position: relative;
	color: #fff;
	padding: 2px;
	background-color: transparent;
/* 	margin-bottom: 1px; */
    border: 1px solid #797979;
}
* html .MenuStandard_Horizontal li{
    width:75px; /*ie renders width differently so this has to be bigger than in other browsers*/
	height:30px;   /*height works like min-height in IE*/
}
.MenuStandard_Horizontal li ul { /*menu behaviour*/
	display: none;
	position: absolute;
	top: 22px;
	left: 0px;
	margin-left: 0px;
}
.MenuStandard_Horizontal li ul li{  /*child menus and down*/
    width: 110px;
    border-top: 0px solid #999;  /*remove top border so that we don't get double line between menu options*/
	background-color:#B4B4A7;
}
.MenuStandard_Horizontal li ul li ul { /*child adjacent sibling selector! Not in IE it isn't*/
	display: none;
	position: absolute;
	top: 0px;
	left: 108px;
	margin-left: 0px;
}

/* DJ: is contols the rollover state of the menu item */
.MenuStandard_Horizontal li:hover, ul.MenuStandard_Horizontal li.CSStoHighlight {
	z-index:1000;
	background-color: #88887E;
	color: #fff;
}

/* DJ:  this seems to make the drop-down work in IE */
.MenuStandard_Horizontal ul.CSStoShow { display: block; z-index:1000;}

/* DJ:  this seems to make the drop-down work in Mozilla*/
.MenuStandard_Horizontal li:hover > ul { display: block; z-index:1000;}

.MenuStandard_Horizontal li a:link, .MenuStandard_Horizontal li a:active, .MenuStandard_Horizontal li a:visited {
	display: block;
    line-height:11px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration:none;
}
.MenuStandard_Horizontal li a:hover { color:#fff; }

/********************* Dynamic Menu Styles ************************/

/********************* Form Element Styles ************************/

.inputText190 {
font-size: 10pt;
width: 190px;
border: 1px solid #999999;
height: 20px;
}

textarea {
font-size: 10pt;
border: 1px solid #999999;
}

.button {
color: #FFFFFF;
background-color: #999999;
width: 70px;
font-size: 10pt;
border: 1px solid #999999;
height: 20px;
}

/********************* Form Element Styles ************************/