@charset "UTF-8";
/* CSS Document */

body{
background-color:#165C0A;
}

img{
border:none;
}

.loginCell{
padding:10px;
color:#FFFFFF;
}

.navCell{
background-color:#000000;}

.mainTable{
background-color:#FFFFFF;}

.maintable p{}

.contentPane{
padding:20px;
}


.productList li{
list-style: none;
}

.productList li ul{
margin-left:20px;
list-style: none;
}

.rightPane{
padding:20px;
}

.footer{
padding:10px;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}

.footer a:link{
	color: #306;
	text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}

.footer a:active{
	text-decoration: none;
	color: #c00;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}


.footer a:visited{
	text-decoration: none;
	color: #6c9;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}


.footer a:hover{
	color: #306;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:underline;
}


.skinItem{
text-decoration: none;
	color: #306;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}

a.SkinItem:link{
	color: #306;
	text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}

a.SkinItem:visited{
	text-decoration: none;
	color: #6C9;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}

a.SkinItem:hover{
	text-decoration: underline;
	color: #306;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}

a.SkinItem:active{
	text-decoration: none;
	color: #C00;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}





/*==========================
BEGIN JDMENU STYLES
==========================*/
/* reset browser defaults for unordered lists, to avoid possible unexpected behavior */ 
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
li {

	padding:0;
	margin:0;
}
/* wrapper helpful for positioning on page without messing with main menu style */
#content {

	float:left;
	padding-left:3px;
	background-color:transparent;
}
/* it helps to arrange menu styles in order of increasing specificity */
/* first two styles, .jd_menu li and .jd_menu a apply to entire menu, unless over-ridden */

.jd_menu li {
	list-style: none;/*removes bullets from lists in FireFox and Safari*/
	float: left;
	position: relative;
	cursor: default;
	background-color: transparent;
	
}
.jd_menu a {
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #fff;
	text-align: left;   /* keeps text aligned (use center or right, or whatever).  !!!do not put text-align on <li> or IE7 will put the submenu below the center of the top menu!!! */
	text-decoration: none;
	width:auto;    /*variable widths can be used too */
	padding:10px 10px 10px 10px;  /*preferred to line height if menu items expand to two rows */
	display: block;     /* without this, IE7 displays a nasty bug, in which the submenu is shifted to the right */
	background-color:#000;  /* this sets a default color of the links, but is overridden by more specific background colors assigned later.  But important to keep this here regardless because it prevents an IE6 bug that can occur if the "a" element has no background color */

}
/* from here down, every style is in some way overriding the base styles */
.jd_menu a:hover {
	color: #fff;
	text-decoration: none;
	background-color:#165C0A;
}

.jd_menu a:active {
	color: #fff;
	text-decoration: none;
}

.jd_menu a:link {
	color: #fff;
	text-decoration: none;
}
.jd_menu a:visited {
	color: #fff;
	text-decoration: none;
}

.haschild ul /*style the submenu*/ {
		width:auto;
		background-color:transparent;
		background-image:url(images/submenuBKG.png);
		background-repeat:repeat;
		border:1px solid #C1C2C4;
		}
/*
.haschild ul li{
display:inline;
}
*/

.haschild ul li a:active{
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #fff;
	text-align: left;   /* keeps text aligned (use center or right, or whatever).  !!!do not put text-align on <li> or IE7 will put the submenu below the center of the top menu!!! */
	text-decoration: none;
	width:100px;    /*variable widths can be used too */
	padding:8px 10px 8px 10px;  /*preferred to line height if menu items expand to two rows */
	display: block;     /* without this, IE7 displays a nasty bug, in which the submenu is shifted to the right */
	background-color:#000;  /* this sets a default color of the links, but is overridden by more specific background colors assigned later.  But important to keep this here regardless because it prevents an IE6 bug that can occur if the "a" element has no background color */
}
.haschild ul li a:link{
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #fff;
	text-align: left;   /* keeps text aligned (use center or right, or whatever).  !!!do not put text-align on <li> or IE7 will put the submenu below the center of the top menu!!! */
	text-decoration: none;
	width:100px;    /*variable widths can be used too */
	padding:8px 10px 8px 10px;  /*preferred to line height if menu items expand to two rows */
	display: block;     /* without this, IE7 displays a nasty bug, in which the submenu is shifted to the right */
	background-color:#165C0A;  /* this sets a default color of the links, but is overridden by more specific background colors assigned later.  But important to keep this here regardless because it prevents an IE6 bug that can occur if the "a" element has no background color */
}
.haschild ul li a:visited{
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #fff;
	text-align: left;   /* keeps text aligned (use center or right, or whatever).  !!!do not put text-align on <li> or IE7 will put the submenu below the center of the top menu!!! */
	text-decoration: none;
	width:100px;    /*variable widths can be used too */
	padding:8px 10px 8px 10px;  /*preferred to line height if menu items expand to two rows */
	display: block;     /* without this, IE7 displays a nasty bug, in which the submenu is shifted to the right */
	background-color:#165C0A;  /* this sets a default color of the links, but is overridden by more specific background colors assigned later.  But important to keep this here regardless because it prevents an IE6 bug that can occur if the "a" element has no background color */
}
.haschild ul li a:hover{
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	text-align: left;   /* keeps text aligned (use center or right, or whatever).  !!!do not put text-align on <li> or IE7 will put the submenu below the center of the top menu!!! */
	text-decoration: none;
	width:100px;    /*variable widths can be used too */
	padding:8px 10px 8px 10px;  /*preferred to line height if menu items expand to two rows */
	display: block;     /* without this, IE7 displays a nasty bug, in which the submenu is shifted to the right */
	background-color:#165C0A;  /* this sets a default color of the links, but is overridden by more specific background colors assigned later.  But important to keep this here regardless because it prevents an IE6 bug that can occur if the "a" element has no background color */
}


/*DONT' TOUCH - THIS MAKES IT ALL WORK*/
.jd_menu li li {
	float: none;  /* makes drop downs vertical instead of horizontal */
}
.jd_menu li li a {
	width:100px;  /*ie7 makes submenu items this can be omitted if subs have same width as main headings */
	border-right:none; /* this is only really needed if the background color is different than the border color; in most layouts the border wouldn't be visible */
}
.jd_menu li ul {
	display: none;    /* submenu is not visible until hover or .over (driven by JS) */
	position: absolute;  /* postioned absolutely, relative to parent <li> on top menu */
	margin-top:0px; /*moves the submenu up or down*/
	/*top: 100%;   /* 100% of containing element height = .jd_menu li, so the top of the submenu ul is at the bottom of the parent li */
	/*left: 0;  /* submenu lined up with the left side of the parent li.  move this if desired */
}
.jd_menu li>ul {   /* overrides previous style for browsers that understand selector */
	top: auto;
	left: auto;
}
.jd_menu li:hover ul, .jd_menu li.over ul {
	display: block;  /* overrides display:none to make submenu visible  NB! the .over class is the thing the javascript generates */
}


/*==========================
END JDMENU STYLES
==========================*/