/*-----------layout div for banner menu footer and mainpage----------------------*/
#pagecell
{
	position: absolute;
	top: 130px;
	right: 0%;
	width:100%;
	height: 100%;
}

}

#bannerspace
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0%;
	width:100%;
	height: 135px;
}

#menuspace
{
	float: left;
	width:126px;
	background-color: #E7E9EE;
	font: small Verdana,sans-serif;
	height: 100%;
	position: absolute;
	bottom: 0px;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}

#mainpage{
	left: 131px;
	right: 0%;
	width:88%;
	background-color: #ffffff;
	position: relative;
	height: auto;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#footerspace{
	width:100%;
	background-color: #E7E9EE;
	position: absolute;
	top: 100%;
}
/*------------------- mainlayout styles ------------------*/
body 
{
	SCROLLBAR-FACE-COLOR: #e6e6e6; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #d3d3d3; SCROLLBAR-SHADOW-COLOR: silver; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: gray; SCROLLBAR-TRACK-COLOR: #f3f3f3; SCROLLBAR-DARKSHADOW-COLOR: white
}
.style1 {
	font-size: 16pt;
	font-weight: bold;
}
div 
{
	FONT-SIZE: 10px;
	COLOR: #5e5e5e;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
}

.scrollingDiv 
{
	overflow: auto; 
	width: 100%; height: 100%; border: 1px solid #CCCCCC; 
	background-color: #F9F9F9;
	/*position:relative; left: 5%; top: 5%; right: 5%*/
}

.articles {FONT-SIZE: 12px;
}
td 
{
	FONT-SIZE: 10px; COLOR: #5e5e5e; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

th 
{
	FONT-SIZE: 11px; COLOR: #003366; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:left;	
}
.MainLogo
{
	background-color: Blue;
	border-style: solid;
	position: absolute;
	left: 5px; top: 5px; width: 50%; height: 50%; 
}

span#disclaimer
{
	font-size: 10px; 
	background-color:#E7E9EE;
	color: #172b58;
	font-family: Verdana, Arial;
	text-align:center;
	padding: 2px 2px 5px 2px;
}

span#menu
{
	font-weight:bold;
	background-color:#E7E9EE;
	padding: 2px 2px 2px 2px;
}
span#menutop
{
	font-weight:bold;
	background-color:#E7E9EE;
	padding: 2px 2px 2px 2px;
}
thead#heads
{
	font-weight: bold;
}

.MenuLayer1
{
	width: 100%; height: 100%;
	position: absolute; left: 10px;
	background-color: #E7E9EE;
	font-family: Verdana, Arial;
	color: #172b58;
	/*border: solid 1px #172b58;*/
}

.MenuLayer
{
	left: 10%; right: 10%;
	position: relative;
	background-color: White;
	font-family: Verdana, Arial;
	color: #172b58;
	/*border: solid 1px #172b58;*/
}
/*-------------------homepage styles----------------*/

#blue
{
	background-color: #CCCCFF;
	color: #003366;
	font-weight: bold;
	font-size:16px;
	}

#green
{
	background-color: #CCCC00;
	color: #003366;
	font-weight: bold;
	font-size:16px;
	}
#darkblue
{
	background-color: #003366;
	color: #CCCCFF;
	font-weight: bold;
	font-size:16px;
	}	
	

/*-------------------- images ----------------------*/
img 
{
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
; 	font-weight: bold;
	font-size: 14px;
}

/*----------------------checkout ----------------------*/
.checkout {
	BORDER-TOP: #e7e9ee 1pt dotted; BORDER-BOTTOM: #e7e9ee 1pt dotted
}

P.product {
	FONT-SIZE: 11px; COLOR: #172b58
}
.proceedcheckout {
	position: relative; 
	background-color: #E7E9EE;
	font-family: Verdana, Arial;
	color: #172b58;
	}
.checkouttotal {
	position: relative;
	background-color:#CEDBE7;
	font-family: Verdana, Arial;
	font-weight:bold;
	}

.specials {
	position: relative;
	background-color:#BDC318;
	font-family: Verdana, Arial;
	font-weight:bold;
	}
	.specialmessage {
	position: relative;
	background-color:#FF0000;
	font-family: Verdana, Arial;
	font-weight:bold;
	}
/*----------------------- a ---------------------------*/
A {
	FONT-SIZE: 10px; COLOR: #172b58; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif; TEXT-DECORATION: none
}

A:hover {
	BACKGROUND-COLOR: #e0e77a; TEXT-DECORATION: none
}

A.fresh {
	FONT-SIZE: 11px; COLOR: #ffffff; TEXT-DECORATION: none
}

A.fresh:hover {
	BACKGROUND-COLOR: #83a1e4
}

A.salt {
	FONT-SIZE: 11px; COLOR: #000000; TEXT-DECORATION: none
}

A.menu {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana, helvetica, sans-serif, arial; TEXT-DECORATION: none
}

A.menu:hover {
	BACKGROUND-COLOR: #e0e77a; TEXT-DECORATION: none
}

A.link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
A.nothing:hover
{
	background-color:Transparent;
	text-decoration: none;
}
/*---------------------- forms ----------------------*/
FORM {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

.FORMITEM {
	BORDER-RIGHT: #7f9db9 1pt solid; BORDER-TOP: #7f9db9 1pt solid; FONT-SIZE: 10px; BORDER-LEFT: #7f9db9 1pt solid; COLOR: #000000; BORDER-BOTTOM: #7f9db9 1pt solid; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}

.FORMSUBMIT {
	BORDER-RIGHT: #7f9db9 1pt solid; BORDER-TOP: #7f9db9 1pt solid; FONT-SIZE: 10px; BORDER-LEFT: #7f9db9 1pt solid; COLOR: #393e96; BORDER-BOTTOM: #7f9db9 1pt solid; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}

#radiobutton {
	
	width:150px;
	background-color: #E7E9EE;
	padding-top:5px;
	padding-right: 5px;
	padding-bottom:5px;
	padding-left:5px;
}
/*------------ lines --------------*/

.hrProd
{
	border-style: dotted;
	border-width: 2px;
	border-color: #E7E9EE;

}
/*------------- headders ---------------------*/
.headderblue {
	font-size: 36px;
	color: #003366;
	font-weight: normal;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	}
	
.headdergrey {
	font-size: 36px;
	color: #5e5e5e;
	font-weight: normal;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	}
.headdergreen {
	font-size: 36px;
	font-family: "Times New Roman", Times, serif;
	color: #CCCC00;
	font-weight: normal;
	text-align: center;
	}
.subheadgreen {
	font-size: 24px;
	font-family: "Times New Roman", Times, serif;
	color: #CCCC00;
	font-weight: normal;
	text-align: center;
	}
.subheadblue {
	font-size: 24px;
	font-family: "Times New Roman", Times, serif;
	color: #003366;
	font-weight: normal;
	text-align: center;
	}
	.head {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
	.headgreen {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #CCCC00; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
/*-----------Slide Out Menu------------------------*/
.clear {
	CLEAR: both; FONT-SIZE: 0em; LINE-HEIGHT: 0em
}
.right {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.center {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.left {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}

.noborder {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
.specs {
	FONT-SIZE: 1em; OVERFLOW: hidden; COLOR: #cccc99; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left
}

.padTen {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 1.1em; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px; BORDER-RIGHT-WIDTH: 0px
}
.marginThree {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 1.1em; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 3px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
.bigSpecs {
	FONT-WEIGHT: bold; FONT-SIZE: 1.4em; COLOR: #cc0000
}
.bigSpecsBlue {
	FONT-WEIGHT: bold; FONT-SIZE: 1.4em; COLOR: #66ccff
}

.hrule {
	BORDER-BOTTOM: #853630 1px solid
}

A:active {
	COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

FIELDSET {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 10px; COLOR: #5e5e5e; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif
}


#menuspace UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menuspace UL LI {
	BORDER-TOP-WIDTH: 0px;
	DISPLAY: inline;
	BORDER-LEFT-WIDTH: 0px;
	FLOAT: right;
	BORDER-BOTTOM-WIDTH: 0px;
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
	BORDER-RIGHT-WIDTH: 0px;
	padding: 0px;
}
LI#home {
	BORDER-TOP-WIDTH: 0px;
	DISPLAY: inline;
	BORDER-LEFT-WIDTH: 0px;
	FLOAT: left;
	BORDER-BOTTOM-WIDTH: 0px;
	MARGIN: 0px;
	OVERFLOW: visible;
	WIDTH: 100%;
	HEIGHT: 19px;
	BORDER-RIGHT-WIDTH: 0px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
}
LI#home A {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #172b58; PADDING-TOP: 2px; BORDER-BOTTOM: #cccc99 1px solid; BACKGROUND-COLOR: #E7E9EE; TEXT-DECORATION: none
}

LI#home A:hover {
	BACKGROUND-COLOR: #CCCC00;
}


INPUT {
	FONT-SIZE: 1em; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif
}
SELECT {
	FONT-SIZE: 1em; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif
}
TEXTAREA {
	FONT-SIZE: 1em; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif
}
INPUT.button {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 1em; PADDING-BOTTOM: 3px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Verdana, Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #620f12
}
INPUT.noborder {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.required {
	COLOR: #f00
}
DIV.sub1 {
	FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #E7E9EE
}
DIV.sub1 A:link {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #cccc99 1px solid; BACKGROUND-COLOR: #E7E9EE; TEXT-DECORATION: none
}
DIV.sub1 A:visited {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #cccc99 1px solid; BACKGROUND-COLOR: #E7E9EE; TEXT-DECORATION: none
}
DIV.sub1 A:hover {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #cccc99 1px solid; BACKGROUND-COLOR: #FFFFFF; TEXT-DECORATION: none
}
DIV.sub1 A:active {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #cccc99 1px solid; BACKGROUND-COLOR: #E7E9EE; TEXT-DECORATION: none
}
.options1 {
	BORDER-RIGHT: #cccc99 1px solid; BORDER-TOP: #cccc99 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #cccc99 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #E7E9EE; TEXT-ALIGN: left
}