body{margin:0px;background-color:#ffffff;color:#000000;behavior:url("/csshover.htc");}


BODY {
	font-family: trebuchet ms;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color:#555555;
	padding: 0px 0px 10px 0px;
}

P, DIV, TD, BLOCKQUOTE {
	font-family: trebuchet ms;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color:#555555;
}

/* The Stylesss */

#logo {
	width: 300px;
	float: left;	
}

#session {
	text-align: right;
	width: 500px;
	float: right;
	color: #7dab37;
	font-size: 11px;
	padding-top: 8px;
	letter-spacing: 1px;
}

#session a, a.visited, a.active {
	color: #5f6060;
	font-weight: normal;
	text-decoration: none;
}

#session a:hover {
	color: #000;	
}

#menu {
	text-align: right;
	width: 500px;
	float: right;
	color: #7dab37;
	font-size: 11px;
	padding-top: 10px;
	letter-spacing: 1px;
}

#menu li {
	display: inline;
	margin-left: 14px;
	list-style: none;
}

#menu a, a.visited, .active {
	color: #959ea3;
	text-decoration: none;
}

#menu a:hover {
	color: #5f6060;
}

#navigation {
	padding: 10px;
	height: 15px;
	background: url(../images/images/bg_navigation.jpg) no-repeat;
	text-align: left;
	width: 100%;
	z-index: 999;
}

#navigation ul .item{
	display: none;
	z-index: 999;
}

#navigation ul:hover .item {
	display: inline;	
	z-index: 999;
}

#navigation li {
	display: inline;
	z-index: 999;
}

#navigation a, a.visited, a.active {
	color: #395225;
	text-decoration: none;	
}

#navigation a:hover {
	color: #fff;	
}

.cart {
	background: #c5e18e;	
}

#footer {
	background: #e7ebef;
	width: 868px;
	text-align: left;
	padding: 0px;
}

#footer li {
	margin-right: 20px;
	list-style: none;
	display: inline;	
}

#footer a, a.visited, a.active {
	color: #777677;	
}

#breadcrumbs {
	background: url(../images/images/bg_breadcrumbs.gif) no-repeat;
	height: 27px;
	width: 645px;
	padding-top: 7px;
	padding-left: 7px;
	color: #ccc;
}

#breadcrumbs a, a.visited, a.active {
	color: #26A7E0;	
}

form{margin:0;padding:0;}
A:ACTIVE{color:#0E4369;text-decoration:none;}
A:LINK{color:#0E4369;text-decoration:none;}
A:VISITED{color:#0E4369;text-decoration:none;}
A:HOVER{color:#706E05;text-decoration:underline;}

.TopBottomBar{font-size:11px;
	background-color:#4B7007;
	color:#FFFFFF;
}
A:ACTIVE.TopBottomBarLink{color:#FFFFFF;text-decoration:none;}
A:LINK.TopBottomBarLink{color:#FFFFFF;text-decoration:none;}
A:VISITED.TopBottomBarLink{color:#FFFFFF;text-decoration:none;}
A:HOVER.TopBottomBarLink{color:#FFFFFF;text-decoration:underline;}

.strike{
	text-decoration:line-through;
	color: #919191;
}
/** BOX STYLES **/

.BoxHeader{
	font-size:14px;
	font-style:normal;
	font-weight: normal;
	padding-left:5px;
	padding-right:5px;
	color:#7dab37;
	background: #ebeff1;
}
.BoxHeaderCart{
	font-size:14px;
	font-style:normal;
	padding: 0px 5px 5px 5px;
	color:#2C362E;
}
.BoxContent{
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	padding-left:10px;padding-right:10px;padding-top:6px;padding-bottom:6px;
	color:#451008;
	background: #ebeff1;
}
.BoxContentGrad{
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	padding-left:10px;padding-right:10px;padding-top:6px;padding-bottom:6px;
	color:#451008;
	background: url(../images/images/box_content.jpg) repeat-x #ebeff1;
	border-bottom: 1px solid #ebeff1;
}
.BoxContentCart{
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	padding: 0 10px;
	color:#454b54;
}
.BoxContentCart div{
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	padding:5px;
	color:#454b54;
}
.BoxText{
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#454b54;
}
.BoxLink {
	font-size: 11px;	
}
A:ACTIVE.BoxLink{color:#4c631e;text-decoration:none;}
A:LINK.BoxLink{color:#4c631e;text-decoration:none;}
A:VISITED.BoxLink{color:#4c631e;text-decoration:none;}
A:HOVER.BoxLink{color:#000000;}

hr {
	border: none;
	border-top: 1px solid #ccc;
	height: 1px;
	margin: 5px 0;	
}

/** PAGE HEADER AND NAVIGATION					**/
.pageHeader{
	font-size:18px;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	padding:5px;
	margin:0px;
	color:#3483BC;
}

.pageNavigation{
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	background-color:#FFFFFF;
	padding:5px;
	height:16px;
	color:#0033cc;
}

.pageNavigation div{
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#0033cc;
}

img {
	border: none;	
}

/** CATALOG ITEMS				 				**/
.CatalogNavigation{
	background-color:#F6F6F6;
}
.CatalogNavigation table tr td{

	font-size:12px;
	font-style:normal;
	font-weight:normal;
	background-color:#F6F6F6;
	color:#666666;
}
.CatalogItemDark{

	font-size:9px;
	font-style:normal;
	font-weight:normal;
	background-color:#F0F0F0;
	padding:4px;
	color:#000000;
}
.CatalogItemLight{

	font-size:9px;
	font-style:normal;
	font-weight:normal;
	background-color:#ffffff;
	padding:4px;
	color:#000000;
}

/** LISTS FOR CART ITEMS - USES CATALOG STYLES **/

.listHeader{
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	background-color:#F0F0F0;
	color:#000000;
}

.listItem{
	font-size:9px;
	font-style:normal;
	font-weight:normal;
	background-color:#ffffff;
	color:#000000;
}

/** FORMS										**/
/**NEW FORM STYLES**/

.formFieldSet{
	border:1px solid #89a8ad;
	margin-top:0px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
	/*border-style: outset;*/
	padding-bottom:10px;
}

.formContent{
	clear:both;
	float:left;
	padding-left:0px;
	width:99%;
}

.formSeparator{

	font-size:12px;
	font-style:normal;
	font-weight:normal;
	background-color:#F0F0F0;
	padding:6px;
	color:#000000;
}

.formHeader{
	clear:both;

	font-size:12px;
	font-style:normal;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#000000;
	padding:5px;
}

.formLine{
	clear:both;
	float:left;
	width:100%;
}

.formCaption{

	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#333333;
	float:left;
	padding:5px;
	margin-top:3px;
	text-align:right;
	width:40%;
}

.formControl{

	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#333333;
	float:left;
	padding:5px;
}

.formSpace{

	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#333333;
	float:left;
	padding:5px;
	padding-left:15px;
}

.formControlText{
	font-family:arial;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	width:144px;color:#666666;
}

.formControlSelect{
	font-family:arial;
	#font-size:11px;
	font-style:normal;
	font-weight:normal;
	width:150px;color:#666666;
}

.formButtons{
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	clear:both;
	float:left;
	width:99%;
}
/**NEW FORM END**/

.FormItems{

	font-size:11px;
	font-style:normal;
	font-weight:normal;
	padding:2px;
	color:#333333;
}

.formRemark{

	font-size:9px;
	font-style:normal;
	font-weight:normal;
	color:#999999;	
}

.ProductSubtitle{
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	padding:2px 0;
	margin:0px;
}

/** TABS STYLING **/

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-weight: bold;
text-align: left; /*set to left, center, or right to align the menu as desired*/
position: relative;
top: 1px;
_top: 2px;
*top: 2px;
font-size: 10px;
}

.shadetabs a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: -1px;
border: 1px solid #ccc;
color: #2d2b2b;
background: white;
float: left;
}

.shadetabs a:visited{
color: #2d2b2b;
}

.shadetabs a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs a.selected{ /*selected main tab style */
position: relative;
top: 0px;
}

.shadetabs a.selected{ /*selected main tab style */
background: white url(../images/images/box_content.jpg) repeat-x;
border-bottom-color: #EBEFF2;
}

.shadetabs a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

.tabcontent li {
	margin-left: 25px;
	margin-bottom: 10px;
}



