body	
			{
			background: #6D288C url(../images/calOBack.gif) no-repeat;
			margin: 0px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #666666;
			
			}
/*
.formBoxes	
			{
			background: url(http://www.grimmway.com/TradeSite/images/formBG.gif);
			margin: 0px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #666666;
			border-bottom: solid 1px #42A53A;
			border-left: solid 1px #dcdcdc;
			border-top: none;
			border-right: solid 1px #666666;
			}

.formButtons	
			{
			background: url(http://www.grimmway.com/TradeSite/images/formBG.gif);
			margin: 0px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #666666;
			border-bottom: solid 1px #42A53A;
			border-left: solid 1px #dcdcdc;
			border-top: none;
			border-right: solid 1px #666666;
			}
*/		

input, textarea {
	background: url(http://www.calorganicfarms.com/TradeSite/images/formBG.gif);
	border : 1px solid #6D288C;
	font-family : "Courier New", Courier, monospace;
	font-size : 11px;
	-moz-border-radius-bottomleft : 8px;
	-moz-border-radius-topright : 8px;
	-moz-border-radius-bottomright : 8px;
	-moz-border-radius-topleft : 8px;
	padding-left : 7px;
	padding-right : 7px;
}
/*Apply this class to the input buttons. Example:  <input type="submit" value="Submit" name="submit" class="button" />*/
.button {
	background: url(http://www.calorganicfarms.com/TradeSite/images/formBG.gif);
	border: 1px solid #6D288C;
	font-family : "Courier New", Courier, mono, serif;
	font-size : 12px;
}
/*Apply this class to a table tag to create a thin border.*/
.outline{
border: 1px solid #42A53A;
}

#SelectBox
			{	
			margin: 0;
			height:50px;
			/*margin-top: -30px;*/
			margin-right: 15px;
			padding: 0px;					
			}

#outerBox	
			{
			width: 800px;
			\width: 800px;
			w\idth: 800px;
			margin: 0px 10px 0px 10px;
			background: #C5E6FF;
			margin-left: auto;
			margin-right: auto;
			}
		
#container
			{
			width: 780px;
			\width: 780px;
			w\idth: 780px;
			margin: 0px 10px 0px 10px;
			margin-left: auto;
			margin-right: auto;
			padding: 0px;
			background: #FFE79F;
			border-right:solid 1px #FABC01;
			border-left:solid 1px #FABC01;
			border-bottom:solid 1px #FABC01;
			line-height:normal;
			}

#centeredBox	
			{		
			margin-left: 78px;
			margin-right: auto;
			}		

#banner		
			{
			/*padding: 5px;*/
			/*margin-bottom: 5px;*/
			background: #FABC01;
			text-align: right;
			overflow: hidden;
			height: 25px;
			padding-right: 10px;
			color: #ffffff;
			}
			
#banner a
			{
			color: #ffffff;
			width: 200px;
			height: 25px;
			text-decoration: none;
			text-align: center;
			display: inline;
			line-height: 25px;
			text-transform: uppercase;
			}
		
#banner a:hover
			{
			color: #ffffff;
			width: 200px;
			height: 25px;
			text-decoration: none;
			text-align: center;
			display: inline;
			line-height: 25px;
			text-transform: uppercase;
			background: #F8A669;
			}

#content
			{
			padding: 10px;
			text-align: justify;
			margin-left: 175px;
			margin-right: 150px;
			margin-top: 25px;
			background: #ffffff;
			border: solid 1px #FF7B19;			
			line-height: normal;
			}
		
#content2
			{
			padding: 10px;
			text-align: justify;
			margin-left: 175px;
			margin-right: 20px;
			margin-top: 25px;
			background: #ffffff;
			border: solid 1px #FF7B19;			
			line-height:normal;
			}

#sidebar-a
			{
			float: left;
			width: 155px;
			\width: 165px;
			w\idth: 155px;
			margin-top: 10px;
			margin-left: 5px;
			margin-right: 5px;
			padding: 0px;
			padding-top: 80px;
			background: #6D288C url(../images/calOlogo.gif) no-repeat top center;
			/*
			background-position: top center;
			background-repeat: no-repeat;
			background-color: #42A53A;
			*/	
			}

#sidebar-a a
			{
	background: #6D288C;
	border-top: solid 1px #E1EFDE;
	border-bottom: solid 1px #E1EFDE;
	display: block;
	color: #ffffff;
	width: 100%;
	height: 20px;
	padding-bottom: 3px;
	text-align: right;
	text-decoration: none;
	padding-top: 10px;
	letter-spacing: 0px;
			}
			
#sidebar-a a:hover
			{
			background: #FABC01;
			border-top: solid 1px #E1EFDE;
			border-bottom: solid 1px #E1EFDE;
			display: block;
			width: 100%;
			color: #6D288C;
			height: 20px;
			text-align: right;
			text-decoration: none;
			padding-bottom: 3px;
			padding-top: 10px;
			}

#sidebar-b p, #sidebar-a p
			{
			margin: 0 0 50px 0;
			}

#sidebar-b	
			{
			float: right;
			width: 120px;
			\width: 130px;
			w\idth: 120px;
			margin: 0px;
			margin-left: 5px;
			margin-right: 5px;
			margin-top: 25px;
			padding: 5px;
			background: #ffffff;
			border: solid 1px #FF7B19;
			}
		
#clear 
			{
			clear: both;
			padding: 5px;
			margin-top: 5px;
			text-align: center;
			color: #999999;			
			}

#clear2
			{
			clear: left;
			padding: 5px;
			margin-top: 5px;
			text-align: center;
			color: #999999;
			}

#clear3
			{
			clear: left;
			padding: 0px;
			margin-top: 0px;
			text-align: center;
			color: #999999;
			}			
			
#footer
			{
			clear: both;
			padding: 5px;
			margin-top: 5px;
			text-align: center;
			color: #999999;
			background: #C5E6FF;
			}
			

		
#contentBox h3	
			{
			border-bottom: solid 1px #6D288C;
			font-size: 12px;
			color: #666666;
			padding-left: 5px;
			height: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
			}

#TopBox h3	
			{			
			font-size: 12px;
			color: #666666;
			padding-left: 5px;
			height: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
			}
			
#contentBox h4	
			{
			/*border-bottom: solid 1px #6D288C;*/
			font-size: 10px;
			color: #666666;
			padding-left: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-right: 35px;
			height: 20px;
			text-align: right;
			}
			
#content2 h3	
			{
			/*border-bottom: solid 1px #6D288C;*/
			font-size: 12px;
			color: #666666;
			padding-left: 5px;
			height: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
			position: relative;
			}		
			
#contentBox	
			{
			border: solid 1px #6D288C;
			line-height: normal;
			position: relative;
			}
			
#TopBox	
			{
			border-left: solid 1px #6D288C;
			border-right: solid 1px #6D288C;
			border-top: solid 1px #6D288C;
			line-height: normal;
			position: relative;
			}
			
			
#contentBox 
			{
			text-align:left;
			}
			
#contentBox2	
			{
			border: solid 1px #6D288C;
			line-height: normal;
			position: relative;
			}
			
#contentBox2 h3	
			{
			border-bottom: solid 1px #6D288C;
			font-size: 12px;
			color: #666666;
			padding-left: 5px;
			height: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
			position: relative;
			}
			
#contentBox ol li
			{
			padding: 5px;
			}
			
#contentBox ul li
			{
			padding: 5px;
			}
			
#contentBox a
			{
			text-align: left;
			color: #6D288C;
			text-decoration: none;
			}
			
#contentBox a:hover
			{
			text-align: left;
			color: #3FA639;
			text-decoration: none;
			}
			
#contentBox p
			{
			margin-left: 10px;
			}

#contentBox img
			{
			border: solid 1px #FF7B19;
			text-align: center;
			}
			
#imgGreen
			{
			border: solid 1px #6D288C;
			text-align: center;
			}
			
#newsBoxLarge
			{
			width: 130px;
			\width: 140px;
			w\idth: 130px;
			height: 165px;
			background: #FFE79F;
			border: solid 1px #6D288C;
			overflow: hidden;
			float: left;
			display: inline;
			}
			
#newsBoxLarge h3	
			{
			border-bottom: solid 1px #6D288C;
			font-size: 12px;
			color: #666666;
			padding: 5px;
			margin: 0px;
			background: #ffffff;
			height: 10px;
			display: block;
			}
			
#newsBoxLarge p
			{
			/*background-color:#ffffff;*/
			padding: 5px;
			margin: 0px;
			}
			
#newsBoxLarge a
			{
			text-align: left;
			color: #FF7B19;
			text-decoration: none;
			}
		
#newsBoxLarge a:hover
			{
			text-align: left;
			color: #3FA639;
			text-decoration: none;
			}
		
#newBoxLarge img
			{
			vertical-align: baseline;
			}

/* genericBox */
#genericBox
			{
			width: 170px;
			\width: 180px;
			w\idth: 170px;
			height: 165px;
			background: #FFE79F;
			border: solid 1px #6D288C;
			overflow: hidden;
			float: left;
			display: inline;
			text-align:left;
			}
			
#genericBox h3	
			{
			border-bottom: solid 1px #6D288C;
			font-size: 12px;
			color: #666666;
			padding: 5px;
			margin: 0px;
			background: #ffffff;
			display: block;
			}
			
#genericBox p
			{
			/*background-color:#ffffff;*/
			padding: 5px;
			margin: 0px;
			}
			
#genericBox a
			{
			text-align: left;
			color: #FF7B19;
			text-decoration: none;
			}
		
#genericBox a:hover
			{
			text-align: left;
			color: #3FA639;
			text-decoration: none;
			}
		
#genericBox img
			{
			vertical-align: baseline;
			}
/* end genericBox */
		
#contactBoxLarge
			{
			width: 175px;
			\width: 185px;
			w\idth: 175px;
			/*height: 165px;*/
			background: #FFE79F;
			border:solid 1px #6D288C;
			overflow: hidden;
			float: left;
			display: inline;
			}
		
#contactBoxLarge h3	
			{
			border-bottom: solid 1px #6D288C;
			font-size: 12px;
			color: #666666;
			padding: 5px;
			margin: 0px;
			background: #ffffff;
			/*height: 10px;*/
			display: block;
			}
			
#contactBoxLarge p
			{
			/*background-color:#ffffff;*/
			padding: 5px;
			margin: 0px;
			}
			
#contactBoxLarge a
			{
			text-align: left;
			color: #FF7B19;
			text-decoration: none;
			}
		
#contactBoxLarge a:hover
			{
			text-align: left;
			color: #3FA639;
			text-decoration: none;
			}
		
#contactBoxLarge img
			{
			vertical-align: baseline;
			}
		
/* this is used to create space between the floating itemBoxLarge*/

#space 
			{
			float: left;
			width: 15px;
			\width: 25px;
			w\idth: 15px;
			height: 110px;
			}
	
#space2
			{
			float: left;
			width: 10px;
			\width: 20px;
			w\idth: 10px;
			height: 110px;
			}
			
#space3 
			{
			float: left;
			width: 5px;
			\width: 15px;
			w\idth: 5px;
			height: 110px;
			}	
		
#footer a
			{
			text-decoration: none;
			color: #666666;
			font-weight: bold;
			}
		
/* begin of itemSelectionBox*/

#itemBoxLarge
			{
			width: 125px;
			\width: 135px;
			w\idth: 125px;
			height: 245px;
			background: #ffffff;
			border: solid 1px #6D288C;
			overflow: hidden;
			float: left;
			display: inline;
			}
			
#itemBoxLarge h3
			{
			text-transform: uppercase;
			font-size: 12px;
			color: #666666;
			margin-left: 5px;
			line-height: 10px;
			margin-top: 5px;
			height: 10px;
			}
			
#itemBoxLarge img
			{
			border-top: solid 1px #6D288C;
			border-bottom: solid 1px #6D288C;
			width: 130px;
			height: 115px;
			overflow: hidden;
			}

#itemBoxLarge a
			{
			text-decoration: none;
			height: 20px;
			display: block;
			text-align: right;
			color: #666666;
			border-bottom: solid 1px #6D288C;
			padding-right: 5px;
			}
			
#itemBoxLarge a:hover
			{
			text-decoration: none;
			height: 20px;
			display: block;
			text-align: right;
			color: #666666;
			border-bottom: solid 1px #6D288C;
			padding-right: 5px;
			background: #FFE79F;
			}
		
#itemBoxLarge a img
			{
			border: none;
			width: 9px;
			height: 5px;
			}
/* end of item area */
		
/* begin of itemSelectionBox*/
#itemBoxLargeCal
			{
			width: 125px;
			\width: 135px;
			w\idth: 125px;		
			background: #ffffff;
			border: solid 1px #6D288C;
			overflow: hidden;
			float: left;
			display: inline;
			}
			
#itemBoxLargeCal h3
			{
			text-transform: uppercase;
			font-size: 11px;
			color: #666666;
			margin-left: 5px;
			line-height: 10px;
			margin-top: 5px;
			height: 10px;
			}

#itemBoxLargeCal img
			{
			border-top: solid 1px #6D288C;
			border-bottom: solid 1px #6D288C;
			width: 130px;
			height: 115px;
			overflow: hidden;
			}
			
#itemBoxLargeCal a
			{
	text-decoration: none;
	height: 20px;
	display: block;
	text-align: right;
	color: #666666;
	border-bottom: solid 1px #6D288C;
	padding-right: 5px;
	padding-top:5px;
			}
		
#itemBoxLargeCal a:hover
			{
			text-decoration: none;
			height: 20px;
			display: block;
			text-align: right;
			color: #666666;
			border-bottom: solid 1px #6D288C;
			padding-right: 5px;
			background: #FFE79F;
			}
		
#itemBoxLargeCal a img
			{
			border: none;
			width: 9px;
			height: 5px;
			}
/* end of item area */
		
/* begin of itemSelectionBox*/
		
#itemBoxSmall
			{
			width: 115px;
			\width: 125px;
			w\idth: 115px;
			height: 150px;
			background: #ffffff;
			border: solid 1px #6D288C;
			overflow: hidden;
			/*float:left;
			display:inline;*/
			}
			
#itemBoxSmall h3
			{
			text-transform: uppercase;
			font-size: 12px;
			color: #666666;
			margin-left: 5px;
			line-height: 10px;
			margin-top: 5px;
			height: 10px;
			}
		
#itemBoxSmall img
				{
			border-top: solid 1px #6D288C;
			border-bottom: solid 1px #6D288C;
			width: 115px;
			height: 50px;
			overflow: hidden;
			}
		
#itemBoxSmall a
			{
			font-size: 9px;
			text-decoration: none;
			height: 15px;
			display: block;
			text-align: right;
			color: #666666;
			border-bottom: solid 1px #6D288C;
			padding-right: 5px;
			}
		
#itemBoxSmall a:hover
			{
			font-size: 9px;
			text-decoration: none;
			height: 15px;
			display: block;
			text-align: right;
			color: #666666;
			border-bottom: solid 1px #6D288C;
			padding-right: 5px;
			background: #FFE79F;
			}
		
#itemBoxSmall a img
			{
			border: none;
			width: 9px;
			height: 5px;
			}
/* end of item area */
		
		
/* item list css */
#itemList
			{
			border: solid 1px #6D288C;		
			margin-top: 0px;
			}
		
#itemList h3
			{
			border-bottom: solid 1px #6D288C;
			border-top: solid 1px #6D288C;
			font-size: 12px;
			color: #666666;
			padding-left: 5px;
			text-transform: uppercase;
			line-height: 10px;
			padding-top: 5px;		
			padding-bottom: 5px;
			display: block;
			}
		
#itemList p
			{
			/*border-bottom:solid 1px #6D288C;	*/
			padding-bottom: 1px;
			padding: 5px;
			line-height: 20px;
			}
		
#itemList a
			{
			color: #FF7B19;
			font-size: 10px;
			font-weight: bold;
			width: 175px;
			height: 20px;
			display: inline;
			}
		
#itemList a:hover
			{
			color: #6D288C;
			font-size: 10px;
			font-weight: bold;
			width: 175px;
			height: 20px;
			display: inline;
			}
		
#itemListBox
			{
			float: left;
			width: 130px;
			padding-left: 5px;
			}
				
/* begin of itemBoxSmallResizeable*/
#itemBoxSmallResizeable
			{
			width: 115px;
			\width: 125px;
			w\idth: 115px;
			background: #ffffff;
			border: solid 1px #6D288C;
			overflow: hidden;
			/*float:left;
			display:inline;*/
			}
			
#itemBoxSmallResizeable h3
			{
			display:block;
			text-transform: uppercase;
			font-size: 11px;
			color: #666666;
			margin-left: 5px;
			line-height: 10px;
			padding-bottom: 5px;
			margin-top: 5px;
			height: 10px;
			}
		
#itemBoxSmallResizeable img
			{
			border-top: solid 1px #6D288C;
			border-bottom: solid 1px #6D288C;
			width: 115px;
			height: 50px;
			overflow: hidden;
			}
		
#itemBoxSmallResizeable a
			{
			font-size: 9px;
			text-decoration: none;
			height: 15px;
			display: block;
			text-align: right;
			color: #666666;
			border-bottom: solid 1px #6D288C;
			padding-right: 5px;
			padding-top:2px;
			}
		
#itemBoxSmallResizeable a:hover
			{
			font-size: 9px;
			text-decoration: none;
			height: 15px;
			display: block;
			text-align: right;
			color: #666666;
			border-bottom: solid 1px #6D288C;
			padding-right: 5px;
			background: #FFE79F;
			}
		
#itemBoxSmallResizeable a img
			{
			border: none;
			width: 9px;
			height: 5px;
			}
/* end of item area */
		
/* brands box */

#brandsBoxLarge
			{
			/*width: 130px;
			\width: 140px;
			w\idth: 130px;*/
			/*height:150px;*/
			background: #FFE79F;
			border: solid 1px #6D288C;
			overflow: hidden;
			}
		
#brandsBoxLarge h3	
			{
			display: block;
			border-bottom: solid 1px #6D288C;
			font-size: 12px;
			color: #666666;
			padding: 3px 0 6px 3px;
			margin: 0px;
			background: #ffffff;
			height: 10px;
			}
			
#brandsBoxLarge p
			{
			/*background-color:#ffffff;*/
			padding: 5px;
			margin: 0px;
			}
		
#brandsBoxLarge a
			{
			text-align: left;
			color: #FF7B19;
			text-decoration: none;
			}
		
#brandsBoxLarge a:hover
			{
			text-align: left;
			color: #3FA639;
			text-decoration: none;
			}
		
#brandsBoxLage img
			{
			vertical-align: baseline;
			}
/* end brands box */

/* products box */

#productBoxLarge
			{
			/*width: 130px;
			\width: 140px;
			w\idth: 130px;*/
			/*height:150px;*/
			margin-left: 18px;
			background: #FFE79F;
			border: solid 1px #6D288C;
			overflow: hidden;
			width: 525px;
			}
		
#productBoxLarge h3	
			{
			display: block;
			border-bottom: solid 1px #6D288C;
			font-size: 12px;
			color: #666666;
			padding: 3px 0 6px 3px;
			margin: 0px;
			background: #ffffff;
			height: 10px;
			}
			
#productBoxLarge p
			{
			/*background-color:#ffffff;*/
			padding: 5px;
			margin: 0px;
			}
		
#productBoxLarge a
			{
			text-align: left;
			color: #FF7B19;
			text-decoration: none;
			}
		
#productBoxLarge a:hover
			{
			text-align: left;
			color: #3FA639;
			text-decoration: none;
			}
		
#productBoxLage img
			{
			vertical-align: baseline;
			}
/* end brands box */
		
/* Product Image Section */
#productImageSection
			{
			float: right;
			/*border:solid 1px #000000;*/
			/*width:215px;*/
			margin:10px 3px 0px 0px;
			}

			
#productImageSection a
			{
			font-size: 9px;
			text-decoration: none;
			/*height:15px;*/
			display: block;
			text-align: center;
			color: #ffffff;
			border: solid 1px #6D288C;
			padding-right: 5px;
			background: #42A53A;
			}
		
#productImageSection a:hover
			{
			font-size: 9px;
			text-decoration: none;
			text-align:center;
			/*height:15px;*/
			display: block;		
			color: #000000;
			border-bottom: solid 1px #6D288C;
			padding-right: 5px;
			background: #FFE79F;
			border: solid 1px #6D288C;
			}