/* 
*
* Easy front-end framework
*
* Copyright (c) 2009 Alen Grakalic
* http://easyframework.com/license.php
*
* supported by Templatica (http://templatica.com)
* and Css Globe (http://cssglobe.com)
*
*/


/*

for more info about the strucure of this file 
please read http://easyframework.com/documentation.php

*/

/* HTML elements  */		

	h1, h2, h3, h4, h5, h6{
		font-weight:normal;
		margin:0;
		line-height:1em;
		}	
	#inner_content h1,#inner_content h2,#inner_content h3,#inner_content h4,#inner_content h5,#inner_content h6 {line-height:1.3em;font-weight:bold;}
	h1{font-size:2em;margin-bottom:.5em;}	
	h2{font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;}	
	h3{font-family:; font-size:1.3em;margin-bottom:.7em;padding-top:.3em;}
	h4{font-size:1.25em;margin-bottom:.6em;}
	h5,h6{font-size:1em;margin-bottom:.5em;font-weight:bold;}
	
	p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit;margin:0 0 1.5em 0;}
	ul, ol, dl{padding:0;}
	ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
	li{margin:0 0 0 2em;display:list-item;list-style-position:outside;}	
	blockquote, dd{padding:0 0 0 2em;}
	pre, code, samp, kbd, var{font:100% mono-space,monospace;}
	pre{overflow:auto;}
	abbr, acronym{
		text-transform:uppercase;
		border-bottom:1px dotted #000;
		letter-spacing:1px;
		}
	abbr[title], acronym[title]{cursor:help;}
	small{font-size:.9em;}
	sup, sub{font-size:.8em;}
	em, cite, q{font-style:italic;}
	img{border:none;}			
	hr{display:none;}	
	table{width:100%;border-collapse:collapse;}
	th,caption{text-align:left;}
	label{display:block;}
	fieldset{margin:0;padding:0;border:none;}
	legend{font-weight:bold;}
	input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}

/* //  HTML elements */	

/* common */		
	
	.left{float:left;margin-right:1em;}
	.right{float:right;margin-left:1em;}
	.center{text-align:center;}
	
	.clear{clear:both;}
	.first{margin-left:0 !important;}
	.last{margin-right:0 !important;}
	.top{margin-top:0 !important;}
	.bottom{margin-bottom:0 !important;}	
	.hidden, .print{display:none;}
	.graphic{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}
    .standout {
		padding:5px 10px !important;
		border-top:solid 1px #eee;
		border-bottom:solid 1px #eee;
		margin:20px 0 !important;
	}
     table.small {
width:50%;
}
/* // common */			

/* base */
	
	body, table, input, textarea, select, button{
		font:1em Helvetica, Arial, Sans-Serif;
		line-height:1.5em;
		color:#333;
		}		
	body{
		font-size:12px;
		background-color:#2c0d00;
		margin:0;
		padding:0;
		text-align:center;
		}	
	a, a:visited{
		text-decoration:none;
		color:#EF1D26;
		}
	a:hover{color:#999;}
	ins{text-decoration:none;color:#900;font-style:italic;}
	code{color:#555;}
	pre{
		margin-left:2em;
		padding-left:2em;
		border-left:1px solid #ccc;
		}
	blockquote{
		margin-left:2em;
		border-left:1px solid #ccc;
		font-style:italic;
		}	
	dt{font-weight:bold;}
	th, td{padding:.5em 1em;line-height:1.5em;}		
	th{background:#eee;}
	td{border-bottom:1px solid #eee;}
	caption{font-style:italic;color:#777;margin:.5em 0;}	
	fieldset{
		border:1px solid #ccc;
		padding:1em 2em;
		margin:0 0 1.5em 0;
		}
	legend{padding:2px 5px;}	
	form div.col{clear:none;}form div.first{clear:both;}
	form div{overflow:hidden;}
	
	input[type="text"], input[type="password"], textarea, .field, .area, select{
		border:1px solid #aaa;
		padding:5px;
		background:#fff;
		line-height:1em;
		margin:0;
		}
	select{width:312px;}
	textarea, .area{overflow:auto; height:150px; width:400px;}
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:#f5f5f5;outline:none;}
	.submit{}
	button{
		border:none;
		background:#555;
		color:#fff;
		padding:0 2.5em;
		height:2em;
		line-height:2em;
		cursor:pointer;
		}
		
	.note, .success, .error{display:block;}
	.error{color:#900;}
	.success{color:#060;}
	.note{font-weight:bold;}
	.notvalid{border:1px solid #900 !important;}
	
	.pullquote{
		width:20%;
		float:left;
		margin-right:2em;
		padding-right:2em;
		border-right:1px solid #ccc;
		text-align:right;
		font-size:1.1em;
		font-style:italic;
		color:#777;
		margin-bottom:.5em;
		}
	.boxout{
		width:25%;
		float:right;
		margin-left:2em;
		padding:.8em;
		border:1px solid #fff;
		margin-bottom:1.3em;
		-webkit-border-radius:5px;
		-moz-border-radius:5px ;
		border-radius:5px;
		line-height:1.4em;
		color:#666;
		-webkit-box-shadow:0 0 5px #ccc;
		-moz-box-shadow:0 0 5px #ccc;
		box-shadow: 0 0 5px #ccc;
		background-color:#f9f9f9;
		font-size:11px !important;
	}
	.boxout.red {
		-webkit-box-shadow:0 0 5px #EF1D26;
		-moz-box-shadow:0 0 5px #EF1D26;
		box-shadow: 0 0 5px #EF1D26;
	}
	.application {
		background:url(http://www.ohiogrocers.org/assets/img/icons/download-application.png) no-repeat top right;
		padding-right: 40px;
	}
	.event {
		background:url(http://www.ohiogrocers.org/assets/img/icons/calendar.png) no-repeat top right;
		padding-right: 40px;
	}
	.boxout strong,
	.boxout h4 {
		color:#333;
	}	
	.tertiary .boxout {
		width:92%;
	}
	#easy_tooltip{
		border:1px solid #e1e1e1;
		padding:2px 10px;
		background:#f5f5f5;
	}
	

/* base */

/* layout */

	.container{	
		margin:0 auto;
		width:960px;
		text-align:left;
		position:relative;
		}
	.inner{
		position:relative;
		}
	#header{
		position:relative;
		height:105px;
		background:url(http://www.ohiogrocers.org/assets/img/body-bg.png) repeat-x #fff;
                z-index: 1;
		}	
	#footer{
		position:relative;
		clear:both;
		background:url(http://www.ohiogrocers.org/assets/img/footer-bg.jpg) repeat-x #2c0d00;
		height:270px;
		}	
		
	.content{
		background:url(http://www.ohiogrocers.org/assets/img/brownbag.jpg) repeat-x center top #875f31;
		padding-bottom:15px;
                
		}
	.content .container {padding-top:15px;}
	
	.main, .secondary, .tertiary, .quaternary{display:inline;}
	.main{
		float:right;
		width:712px;
	}
	.main.centered {
		display:block;
		float:none;
		margin:auto;
	}
	.main .top{
		background:url(http://www.ohiogrocers.org/assets/img/page-ends.gif) no-repeat;
		height:4px;
		line-height:1px;
		overflow:hidden;
	}
	.main .btm {
		background:url(http://www.ohiogrocers.org/assets/img/page-ends.gif) no-repeat 0 -4px;
		height:4px;
		line-height:1px;
		overflow:hidden;
		width:100%;
	}
	.main .inner {
		padding:4px 7px;
		background-color:#fff;
	}
	.main.wide {width:960px;}
	.main.wide .top,.main.wide .btm {background-image:url(http://www.ohiogrocers.org/assets/img/page-ends-wide.gif);}
	.secondary{
		width:243px;
		float:left;
	}
	* html .secondary {overflow:hidden;}
	
	.tertiary{
		float:right;
		width:220px;
		border-left:solid 1px #eee;
		margin:10px 0 20px 15px;
	}
	.tertiary .inner {
		padding:0 0 0 10px;
	}
	.quaternary{}
	
	/* grid */
		
		.cols{} /* main column container class */
		.col{
			float:left;
			display:inline;
			width:48%;margin-left:4%; /* 2 equal width columns layout - default */
			}	
		.cols3 .col{width:30%;margin-left:5%;} /* 3 equal width columns layout */
		.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */
		
		/* use following classes to build custom grid (add as many as you want) */
		
		.col1, .col2, .col3{float:left;display:inline;}
		.col1{}
		.col2{margin-left: 10px;}
		.col3{}
		
		.indent1{}
		.indent2{}
		.indent3{}



                 #inner_content {
                        width: 97%;
                        margin: 0 auto;
		}

	/* grid */	

/* // layout */

/* navigation */
		#nav {position:absolute;right:0;top:61px;}
		#nav, #nav ul, #nav li, #util-nav{
			margin:0px;
			padding:0;
			list-style:none;
			}	
		#nav li{
			float:left;
			display:inline;
			position:relative;
			line-height:29px;
			height:29px;
			}	
		#nav a {
			float:left;
			line-height:29px;
			height:100%;
		}
		#nav a img {
			height:29px;
			background:url(http://www.ohiogrocers.org/assets/img/nav.png) no-repeat;
		}
		#nav a.a img{background-position:0 0;width:110px;}
		#nav a.b img{background-position:-110px 0;width:138px;}
		#nav a.c img{background-position:-248px 0;width:101px;}
		#nav a.d img{background-position:-349px 0;width:73px;}
		#nav a.e img{background-position:-422px 0;width:185px;}
		#nav a.f img{background-position:-607px 0;width:105px;}
		
		#nav a.a:hover img,#nav a.a.over img{background-position:0 -30px;}
		#nav a.b:hover img,#nav a.b.over img{background-position:-110px -30px;}
		#nav a.c:hover img,#nav a.c.over img{background-position:-248px -30px;}
		#nav a.d:hover img,#nav a.d.over img{background-position:-349px -30px;}
		#nav a.e:hover img,#nav a.e.over img{background-position:-422px -30px;}
		#nav a.f:hover img,#nav a.f.over img{background-position:-607px -30px;}
		
/* -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ Dropdown menu  */
		#nav ul{
			position:absolute;
			left:0;
			top:29px;
			width:200px;	
			background:url(http://www.ohiogrocers.org/assets/img/dropdown-bg.gif) repeat-x;
			display:none;
			z-index:1;
			padding-top:10px;
			}
		#nav .last ul {
			left:auto;
			right:0;
		}
		#nav ul li{
			background-color:#ef1d26;
			display:block;
			float:none;
			height:auto;
			line-height:1em;
			margin:0px;
			padding:0 5px;
			}
		#nav ul li.btm {
			height:8px;
                        overflow: hidden;
			margin:0;
			padding:0;
			background:url(http://www.ohiogrocers.org/assets/img/dropdown-btm.gif) top left no-repeat;
			line-height:0px;                     
			}
		#nav ul li a {
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			color:#fff;
			display:block;
			float:none;
                       		margin:0px;
			padding:0 5px;
		}
		#nav ul a:hover {
			background-color:#bb171e;
			
		}

               

/* -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ Utility nav  */
#util-nav {position:absolute;right:0;top:37px;text-align: right;}
#util-nav li {
	display:inline;
	margin:0 10px 0 0;
	float:left;
}
#util-nav a {
	color:#999;
	font-size:11px;
	float:left;
}
#util-nav .login-link a {
	text-transform: uppercase;
	color:#f43029;
	padding-left:15px;
	background:url(http://www.ohiogrocers.org/assets/img/login-icon.gif) no-repeat 0 0px;
	font-weight:bold;
	font-size:12px;
}
#cse-search-box {
	height:21px;
	width:130px;
	position:relative;
	background:url(http://www.ohiogrocers.org/assets/img/search-input.png) no-repeat;
	overflow:hidden;
	margin-top:-2px;
}
#cse-search-box input.text{
	border:none !important;
	background:transparent !important;
	color:#666;
	font-size:11px !important;
	font-weight:bold;
	position:absolute;
	left:5px;
	top:0px;
	width:100px;
}
#cse-search-box input.submit {
	position:absolute;
	right:5px;
	top:4px;
}

/* -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ SUB NAV  */

#subnav {
	background:url(http://www.ohiogrocers.org/assets/img/subnav.jpg) repeat-y;
	position:relative;
	margin:0;
	padding-bottom:5px;
}
#subnav li {
	list-style:none;
	margin:0;
	padding:5px 10px;
}
#subnav li.current {background:url(http://www.ohiogrocers.org/assets/img/subnav-arrow.gif) no-repeat 3px 10px;}
#subnav li.current.single {background:url(http://www.ohiogrocers.org/assets/img/subnav-arrow2.png) no-repeat 3px 8px;padding-left:20px;}

#subnav li.current a {padding-left:16px;}
#subnav li.current li a {padding-left:0;}
#subnav-btm {
	height:16px;
	line-height:1px;
	background:url(http://www.ohiogrocers.org/assets/img/subnav-btm.png) no-repeat;
}
#subnav ul {
	width:243px;
	position:relative;
	left:-14px;
	display:none;
}
#subnav li.current ul {
	display:block;
}
#subnav ul li,
#subnav ul li.current {
	background:url(http://www.ohiogrocers.org/assets/img/subnav-children-bg.png) repeat-y;
	padding:3px 10px;
}
#subnav ul li.first {
	background:url(http://www.ohiogrocers.org/assets/img/subnav-children-ends.png) no-repeat;
	height:22px;
	padding:0;
}
#subnav ul li.last {
	background:url(http://www.ohiogrocers.org/assets/img/subnav-children-ends.png) no-repeat bottom left;
	height:22px;
	padding:0;
}
#subnav a {
	display:block;
	color:#111;
}
#subnav ul a {color:#db3635;}
#subnav ul li.current a {
	color:#111;
	background:url(http://www.ohiogrocers.org/assets/img/subnav-clip.png) no-repeat left center;
	left:-36px;
	position:relative;
	padding-left:65px;
	min-height:26px;
  	height:auto !important;
  	height:26px;
	line-height:20px;
}
* html #subnav ul li.current a {
	background-image: none;
	padding-left:36px;
}
* html #subnav ul li {
	background-image: none;
	background-color:#FFFBBE;
	border-left:solid 2px #725328;
	border-right:solid 2px #87622e;
}
* html #subnav ul li.first {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ohiogrocers.org/assets/img/subnav-children-ends.png', sizingMethod='crop');
	height:22px;
	padding:0;
	border:none;
}
* html #subnav ul li.last {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.ohiogrocers.org/assets/img/subnav-children-btm.png', sizingMethod='crop');
	border:none;
}
/* //navigation */

/* header */
#logo {position:absolute;left:0;top:13px;}	
#flashbanner {
	height:250px;
	margin:5px 0 15px 0;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	box-shadow: 0px 0px 5px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#4D3D17');
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* // header */
	
/* content */
ul.home {
	height:250px;
	overflow:hidden;
}
.page-title {
	/* background:url(http://www.ohiogrocers.org/assets/img/page-title.png) no-repeat; */
	height:54px;
	color:#fff;
	margin-bottom:10px;
	background:url(http://www.ohiogrocers.org/assets/img/page-title2.png) no-repeat;
	position:relative;
}
.wide .page-title {background-image:url(http://www.ohiogrocers.org/assets/img/page-title-wide.png);}
.page-title h1 {
	font-size:22px;
	padding:8px 8px 0 8px;
	margin:0;
}
.page-title small {
	display:block;
	font-size:12px;
	padding:0 120px 0 8px;
	height:15px;
	overflow:hidden;
}
.print-link {
	position:absolute;
	text-indent: -99999px;
	bottom:0;
	right:0;
	height:25px;
	width:125px;
}
#inner_content li {
	margin-bottom:.8em;
}
#inner_content ul ul li {
	margin-bottom:0;
	font-size:.95em;
	color:#666;
}
.tertiary p {
	font-size:.9em;
	color:#666;
}
/* -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ Homepage Buckets  */
#buckets .col,
#loginbox {
	width:315px;
	margin-left:7px;
}
#buckets .col .inner,
#loginbox .inner {
	background:url(http://www.ohiogrocers.org/assets/img/bucket-btm.png) no-repeat bottom left;
	padding:10px;
}
.title,
.title h3,
.title span {
	background:url(http://www.ohiogrocers.org/assets/img/gradients.gif) repeat-x;
	height:47px;
}
.title h3 img{
	float:left;
	margin:9px 7px 0 5px;
}
.title {padding:0 4px;position:relative;background-repeat: no-repeat;}
.title h3{padding:0;margin:0;line-height:47px;color:#fff;font-size:22px;}
.title span {position:absolute;right:0px;width:4px;top:0;}

.title.yellow {background-position:0 -94px;}
.title.yellow h3 {background-position:0 -141px;}
.title.yellow span {background-position:4px -94px;}

.title.blue {background-position:0 -47px;}
.title.blue h3 {background-position:0 -188px;}
.title.blue span {background-position:4px -47px;}

.title.green {background-position:0 -0px;}
.title.green h3 {background-position:0 -235px;}
.title.green span {background-position:4px -0px;}

.title.gray {background-position:0 -329px;}
.title.gray h3 {background-position:0 -282px;color:#fff;}
.title.gray span {background-position:4px -329px;}

.vert-align td { vertical-align:top; }

/* // content */

/* footer */
#footer {
	padding-top:10px;
	font-size:10px;
	color:#CCC3BC;
	line-height:1.3em;
}
#footer a {color:#CCC3BC;text-decoration: none;}
#footer a:hover {text-decoration: underline;}
	#sitemap {
			width:810px;
			float:left;
		}
#sitemap ul {
	width:810px;
	float:left;
	width:120px;
	margin-right:10px;
}
#sitemap li {
	list-style: none;
	padding:0;
	margin:0 0 3px 0;
	line-height:1.3em;
}
#sitemap li strong {
	font-size:11px;
}
.address {
	float:right;
	width:150px;
	text-align: right;
}

	
/* // footer */

/* clearfix */

	.inner:after, .content:after, .cols:after, .fixed:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
	.inner, .content, .cols, .fixed{display:block;min-height:1%;}
	* html .inner, * html .content, * html .cols, * html .fixed{height:1%;}

/* // clearfix */

/*  staff pages */
#staff img {padding-right: 3em;}
td {border-bottom: none;}
.lined td {
	border-bottom:solid 1px #eee;
}
/* LOGIN BOX */
#easy_popupcontent {
	padding:0 !important;
	background:transparent !important;
}
#loginbox {margin-left:0;}
#loginbox input.field {
	background:url(../img/input-bg.gif) repeat-x top left #f9f9f9;
	border:solid 1px #dadada;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin:5px 0;
	width:283px;
}
#loginbox input.field:focus {
	border-color:#999;
}
li.login-details {
	position:absolute;
	top:-15px;
	left:-419px;
	width:300px;
	text-align: left;
	line-height:1.4em;
}
li.login-details a {
	float:none !important;
	color:#EF1D26;
}
.sitemap ul {
	width:150px;
	float:left;
	margin:0 33px 0 0;
}
.sitemap li ul {
	float:none;
	margin:0;
	font-size:.85em;
}
.sitemap li {
	list-style:none;
	margin:0;
}
.sitemap li li {
	margin-left:1.5em;
	list-style:disc;
}
.sitemap strong {
	font-size:1.2em;
}

.fsRowTop, .fsRowBottom, .fsRowOpen, .fsRowClose { display: none; }
.fsForm .fsTable { margin: 0 auto; padding: 0 }
.fsForm .fsCell { padding:0px; }
.fsPage h2 { padding:0px; }
.fsSpacerRow td { height:0px; }
.fsForm .fsCell { padding:3px; }
.fsForm .fsSectionHeading { line-height:20px; margin-bottom:10px;}
.fsSectionRow + .fsFieldRow .fsCell { padding-top:0px; }
.fsForm select { font-size:12px; }
.fsPagination { text-align:left; }
.fsSectionHeading { border-bottom:1px solid #ccc; padding-bottom:3px; margin-bottom:7px;margin-bottom:7px;}
.fsSectionCell {margin-bottom:5px;}
.fsForm { font-family: inherit; }
td.fsRowBody { background-color:transparent; }
body#FSLocal {
	margin-top:0px;
}
#fsSubmit819435 {padding-top:40px; padding-left:225px; padding-bottom:40px; background-color:#eee; }

.fsRequiredLabel span {font-size:12px; }
label.fsLabel {font-weight:normal; text-transform: capitalize }
.fsPagination input {font-size:12px;}

#inner_content form{
	padding:10px;
	background-color:#eee;
	border:solid 1px #ccc;
	display:block;
	width:415px;
}

ul.home li {
margin:0px;
list-style-type: none;
}

table.small {
width:65%;
}

.error-message {
background-color: #f9f9f9;
padding:10px;
border: 1px solid #fff;
-webkit-border-radius:5px;
		-moz-border-radius:5px ;
		border-radius:5px;
-webkit-box-shadow:0 0 5px #EF1D26;
		-moz-box-shadow:0 0 5px #EF1D26;
		box-shadow: 0 0 5px #EF1D26;
}