/*--------- COMMON ---------*/
body{background: #fff url(/presents/bix/designs/produce/dec09/images/bk.gif) repeat-x; padding:0px;margin:0px; }
div { margin: 0; padding: 0; }
img { border: 0; }
p { font: 14px Arial, Helvetica, sans-serif; line-height: 1.3em; color: #626262; padding: 0px; margin: 0;}
li { font: 14px Arial, Helvetica, sans-serif; line-height: 1.3em; color: #626262; padding: 0px; margin: 0;}
td { font: 14px Arial, Helvetica, sans-serif; line-height: 1.3em; color: #626262; padding: 0px; margin: 0;}
a {font-weight: bold; text-decoration: none; color: #B42C3A;}
a:hover {color: #cf505d; }
h1 {font-family:'ChunkFiveRegular', Georgia, Times, serif; font-size: 29px; letter-spacing: 0; color: #000; text-transform: uppercase; margin: 0px; padding: 0px; font-weight:normal;}

.column{position: relative;float: left;}
.inline {display: inline;}
.center {text-align: center; font-size: 10px;}
.clear {clear: both;}
.input {border: 1px solid #B42C3A; background-color: transparent; padding: 4px; color: #000; width: 375px;}
.submit {border-color: #000; color: #fff; width: 100px; height: 25px; background: #000 url(/presents/bix/designs/produce/dec09/images/bk_button.gif) repeat-x;}


/*--------- font embedding ---------*/
@font-face {
	font-family: 'Museo300';
	src: url('Museo300-Regular.eot');
	src: local('Museo 300'), local('Museo300-Regular'), url('Museo300-Regular.woff') format('woff'), url('Museo300-Regular.otf') format('opentype'), url('Museo300-Regular.svg#Museo300-Regular') format('svg');
}

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('Chunkfive.eot');
	src: local('ChunkFive Regular'), local('ChunkFive'), url('Chunkfive.woff') format('woff'), url('Chunkfive.otf') format('opentype'), url('Chunkfive.svg#ChunkFive') format('svg');
}

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('Chunkfive.eot');
	src: local('ChunkFive Regular'), local('ChunkFive'), url('Chunkfive.woff') format('woff'), url('Chunkfive.ttf') format('truetype'), url('Chunkfive.svg#ChunkFive') format('svg');
}

/*--------- PNG fix for IE6 ---------*/

div, img, #logo a, #topnav ul { behavior: url(iepngfix.htc) }

/*--------- structure ---------*/
#container{width: 100%;margin:0px auto;}
	#content{ text-align:left; margin:0px auto;}
		
		#header{margin:0px auto; width: 960px; height: 80px; clear:both;}
			h1#logo { float:left; padding-top: 15px; width:646px; clear:left;}
			#logo a {width: 646px; height:57px;  display:block; background: url(/presents/bix/designs/produce/dec09/images/bix_logo.png) top left no-repeat; text-indent:-9999px;}
			#info {width: 300px; text-align: right; margin: 10px 0 0 0;}		
			#info .phonenumber { color:#808080; font-family:'Museo300', Georgia, Times, serif; font-size:23px; text-align:right; float:right; clear:right;}	
			#info .shoppingcart { display:block; float:right; clear:right; width:172px; text-align:left;}	
			#container #content #header #info .shoppingcart a { text-indent:-9999px; display:block; background:transparent url(/presents/bix/designs/produce/dec09/images/button_shoppingcart.gif) top left no-repeat; width:172px; height:35px; }	

				
		#topnav {margin:0px auto; width: 960px; position:relative; z-index:2;}
			#topnav ul {list-style: none; margin: 0;padding: 0; background:transparent url(/presents/bix/designs/produce/dec09/images/trans_black2.png) top left repeat; overflow:visible; float:left; clear both; width:100%;}
			#topnav li {list-style: none; float: left; padding: 0; margin: 0; width:16%; text-align:center;}
			#topnav a { font-family:'ChunkFiveRegular', Arial, sans-serif; letter-spacing: 0; color:#fff; text-decoration:none; font-weight:normal; font-size:24px; line-height:24px; display:block; padding:12px 0;}
			#topnav a:hover{color:#FFCC66;}
			
				#topnav li.highlighted a, #topnav li.highlighted a:hover { color:#CC0033; }
				/* 
				wtf...
				#home-on a, #about-on a, #products-on a, #foodsafety-on a, #careers-on a, #contact-on a { color:#CC0033;}
				#home-on a:hover, #about-on a:hover, #products-on a:hover, #foodsafety-on a:hover, #careers-on a:hover, #contact-on a:hover { color: #CC0033;}		
				*/
				
				/* Dropdowns */ 
				#topnav .subnav { position:absolute; z-index:1000; border: 1px solid #ccc; background: none; width: 154px; background: transparent url(/presents/bix/designs/produce/dec09/images/trans_white.png) top left repeat; margin: 0px; padding: 0px;}
				#topnav .subnav li {
					font-size: 14px;
					clear: both;
					position: relative;
					top:2px;
					background: none;					
					float: left; /*For Gecko*/
					display: block !important;
					/*display: inline;*/ /*For IE*/
					margin: 0;
					padding: 0;
					line-height: normal;
					width: 100%;
					z-index:1001;
					list-style: none;
					overflow: hidden;
					font-family:'Museo300', Georgia, Times, serif;
				}
				#topnav .subnav li a { 
					font-size: 14px;
					background: #transparent;
					height: auto; /* height: auto; - breaks anchor in IE6 */
					padding: 7px 10px;
					color: #B42C3A;
					margin: 0;
					border: none;
					text-indent: 0px;
					text-align: left;
					vertical-align: middle;
					font-weight: normal;
					line-height: normal;
					z-index:1002;
					font-family:'Museo300', Georgia, Times, serif;
				}
				#topnav .subnav li a:hover { 
					color: #cf505d;
					background: transparent url(/presents/bix/designs/produce/dec09/images/trans_white.png) top left repeat;
					color:#000000;
				}
			
			#hpbanner {margin:0px auto; width: 960px; margin-bottom: -18px; position:relative; top:-48px; left:0; z-index:1;}
			#subbanner {margin:0px auto; width: 960px; margin-bottom: -38px; position:relative; top:-48px; left:0; z-index:1;}
			
			#calloutcontain {background: #fff url(/presents/bix/designs/produce/dec09/images/bk_callouts.gif) repeat-x; padding:0px;margin:0px; height: 213px;}
			#calloutcontainsub{background: #fff url(/presents/bix/designs/produce/dec09/images/bk_callouts_sub.gif) repeat-x; padding:0px;margin:0px; height: 174px;}
				#callout {width: 960px; margin:0px auto; padding:0;}
				#seo {width: 375px;}
				#seo p{font: 16px Arial, Helvetica, sans-serif; color: #F7F2E2; line-height: 1.4em; margin: 18px 10px 0px 0px;}
				#hpcalloutwrapper { float:right;}
				.calloutbox {width: 180px; height: 176px; background: #F7F2E2 url(/presents/bix/designs/produce/dec09/images/bk_calloutbox.gif) repeat-x; margin: 19px 0 0 10px; position:relative;float: left;}
				.calloutboxsub {width: 310px; height: 145px; background: #F7F2E2 url(/presents/bix/designs/produce/dec09/images/bk_calloutbox.gif) repeat-x; margin: 15px 0 0 15px; position:relative; float:left;}	
				.calloutboxsubnews {width: 310px; height: 145px; background: #F7F2E2 url(/presents/bix/designs/produce/dec09/images/bk_calloutbox.gif) repeat-x; margin: 15px 0 0 0px; position:relative; float:left; padding:0;}	
					.calloutbox h1, .calloutboxsub h1, .calloutboxsubnews h1 {font: 13px Georgia, "Times New Roman", Times, serif; color: #000; font-weight: bold; padding: 15px 0 0 10px; text-transform: uppercase;}
					.calloutbox p, .calloutboxsub p, .calloutboxsubnews p {padding: 10px; font-size: 12px;}
					.calloutbox ul, .calloutboxsub ul, .calloutboxsubnews ul {list-style: none; margin: 0; padding: 10px 0 5px 10px;}
					.calloutbox li a, .calloutbox a, .calloutboxsub li a, .calloutboxsub a, .calloutboxsubnews li a {font: 13px Arial, Helvetica, sans-serif; line-height: 1.3em; color: #B42C3A; padding: 0px; margin: 0;}
					.calloutbox li a:hover, .calloutbox a:hover, .calloutboxsub li a:hover, .calloutboxsub a:hover, .calloutboxsubnews li a:hover {color: #CC5869;}
					/*
					.learnmore {position: relative; top: 20px; left: 75px;}
					.signup {position: relative; top: 20px; left: 100px;}
					.allnews {position: relative; top: 35px; left: 65px;}
					*/
					.morebutton { display:block; background: url(/presents/bix/designs/produce/dec09/images/morebutton_left.gif) top left no-repeat; float:right; clear:both; position:absolute; right:10px; bottom:10px; }
					.morebutton a { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#fff; text-decoration:none; display:block; background: transparent url(/presents/bix/designs/produce/dec09/images/morebutton_right.gif) top right no-repeat; padding:5px 10px; font-weight:normal;}
					.morebutton a:hover { color:#FFCC66;}
			
			#subpage {margin:0px auto; width: 960px;}
				#leftnav {width: 245px; padding-top: 20px; }
					#leftnav ul{list-style: none; margin: 0; padding: 10px 0 0 0px;}
					#leftnav li { width:100%; margin-bottom:10px;}
					
				#maincontent {width: 550px; padding: 10px 70px 10px 60px; min-height: 250px;}
					#maincontent p {padding-bottom: 20px;}
					#maincontent h1 {padding: 20px 0 10px 0;}
					#maincontent h2 {font-family:'ChunkFiveRegular', Georgia, Times, serif; font-size: 22px; letter-spacing: 0; color: #b42c3a; margin: 0px; padding: 0 0 5px 0; font-weight:normal;}
					#maincontent h3 {font-family:'ChunkFiveRegular', Georgia, Times, serif; font-size: 18px; letter-spacing: 0; color: #000; margin: 0px; padding: 0 0 5px 0; font-weight:normal;}
					#maincontent h4 {font-family:'ChunkFiveRegular', Georgia, Times, serif; font-size: 14px; letter-spacing: 0; color: #808080; text-transform: uppercase; margin: 6px 0 5px 0; padding: 0px; font-weight:normal;}
					#maincontent h5 {font-family:'ChunkFiveRegular', Georgia, Times, serif; font-size: 12px; letter-spacing: 0; color: #000; text-transform: uppercase; margin: 6px 0 5px 0; padding: 0px; font-weight:normal;}
					#maincontent ul {padding: 0px 30px 20px 30px;}
					#maincontent li {padding-bottom: 10px;}
					.cutetable {width: 500px; border-collapse: collapse; margin-bottom: 20px;}
					.cutetable th {border-bottom: 1px solid #b42c3a; border-top: 1px solid #b42c3a; font-family:'ChunkFiveRegular', Georgia, Times, serif; font-size: 14px; letter-spacing: 0; color: #808080; text-transform: uppercase; padding: 5px; margin: 0; font-weight: bold; background-color: #e3b1b6;}
					.cutetable td {border-bottom: 1px solid #b42c3a; border-collapse: collapse; padding: 8px; background-color: #f7f2f3;}
					.morenews { display:block; background: url(/presents/bix/designs/produce/dec09/images/morebutton_left.gif) top left no-repeat; float:left; clear:both; margin: -15px 0px 25px 0;}
					.morenews a { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#fff; text-decoration:none; display:block; background: transparent url(/presents/bix/designs/produce/dec09/images/morebutton_right.gif) top right no-repeat; padding:3px 10px; font-weight:normal;}
					.morenews a:hover { color:#FFCC66;}
			#footercontain {background: #fff url(/presents/bix/designs/produce/dec09/images/bk_footer.gif) repeat-x; padding:0px;margin:0px; height: 130px;}
			#footer {width: 960px; margin:0px auto; }
				#footlogos {width: 250px;}
					#footlogos img {padding: 15px 5px 0 5px;}
		   		#footcon {width: 700px; padding: 15px 0 0 10px;}
		   			#footcon ul {list-style: none; margin: 0; padding: 5px 0 0 0;}
		   			#footcon li {list-style: none; float: left; padding: 0 0 0 20px; margin: 0; font: 12px Arial, Helvetica, sans-serif; color: #626262;}
		   			#footcon li a{font: 12px Arial, Helvetica, sans-serif; color: #9A7F60;}
		   			#footcon li a:hover {color: #AF9880;}
					 
#fruitsveg a { display:block; text-indent:-9999px; background:url(/presents/bix/designs/produce/dec09/images/subnav/fruits_vegetables.gif) top left no-repeat; width:237; height:45px; }
#freshcut a { display:block; text-indent:-9999px; background:url(/presents/bix/designs/produce/dec09/images/subnav/fresh_cut.gif) top left no-repeat; width:237; height:45px; }
#dairy a { display:block; text-indent:-9999px; background:url(/presents/bix/designs/produce/dec09/images/subnav/dairy_cheese.gif) top left no-repeat; width:237; height:45px; }
#otherprod a { display:block; text-indent:-9999px; background:url(/presents/bix/designs/produce/dec09/images/subnav/other_products.gif) top left no-repeat; width:237; height:45px; }
#fruitsveg a:hover, #freshcut a:hover, #dairy a:hover, #otherprod a:hover, #currentopenings a:hover, #applynow a:hover, #locations a:hover, #mission a:hover, #news a:hover, #areas a:hover, #customer a:hover, #sales a:hover, #nuts a:hover, #localgrown a:hover { background-position:0 -45px;}
#currentopenings a { display:block; text-indent:-9999px; background:url(/presents/bix/designs/produce/dec09/images/subnav/current_openings.gif) top left no-repeat; width:237; height:45px; }
#applynow a { display:block; text-indent:-9999px; background:url(/presents/bix/designs/produce/dec09/images/subnav/apply_now.gif) top left no-repeat; width:237; height:45px; }
#locations a { display:block; text-indent:-9999px; background:url(/presents/bix/designs/produce/dec09/images/subnav/locations.gif) top left no-repeat; width:237; height:45px; }
#mission a { display:block; text-indent:-9999px; background:url(/presents/bix/designs/produce/dec09/images/subnav/mission.gif) top left no-repeat; width:237; height:45px; }
#news a { display:block; text-indent:-9999px; background:url(/presents/bix/designs/produce/dec09/images/subnav/news.gif) top left no-repeat; width:237; height:45px; }
#areas a { display:block; text-indent:-9999px; background:url(/presents/bix/designs/produce/dec09/images/subnav/areas.gif) top left no-repeat; width:237; height:45px; }
#customer a { display:block; text-indent:-9999px; background:url(/presents/bix/designs/produce/dec09/images/subnav/customer.gif) top left no-repeat; width:237; height:45px; }
#sales a { display:block; text-indent:-9999px; background:url(/presents/bix/designs/produce/dec09/images/subnav/salesforce.gif) top left no-repeat; width:237; height:45px; }
#nuts a { display:block; text-indent:-9999px; background:url(/presents/bix/designs/produce/dec09/images/subnav/nuts.gif) top left no-repeat; width:237; height:45px; }
#localgrown a { display:block; text-indent:-9999px; background:url(/presents/bix/designs/produce/dec09/images/subnav/local_grown.gif) top left no-repeat; width:237; height:45px; }