/*--- 
Drive New Media
CSS Template
5/2010
---*/

/* Colors: 
		tan: 		#F3E3B2;
		brown: 		#411D0C;
		green:		#608B3E;
		orange: 	#ca662b;
*/

@import url('reset.css');
@import url('fancybox.css');
@import url('scrollable.css');

/*----- REUSED CLASSES -----*/
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.brownTxt { color: #411D0C; }
.centerTxt { text-align: center; }
.bold { font-weight: bold; }
.orange {color: #ca662b;}
/*----- LAYOUT SECTIONS -----*/
#wrapper { width: 960px; text-align: left; margin: 20px auto 0; border: 1px solid #411D0C; font-size: 1.2em; }

#header { background: #fff url('/images/g_headerBG.jpg') no-repeat top left; width: 960px; height: 164px; position: relative; padding-bottom: 20px; margin-bottom: -22px; z-index: 2; }
#headerHome {width:255px; height:100px;position:absolute;top:40px;left:20px;}
#topNav { text-align: right; }
#topNav a { margin: 0 25px 0 0; font-size: 1.6em; color: #F3E3B2/*tan*/; }

#content { clear: both; background: #fff; width: 936px; padding: 15px 12px 0; margin: 22px 0 0; position: relative; z-index: 1; }
#recipe { float: right; background: #FFDCAE; width: 282px; position: relative; margin: 0 0 10px;z-index:10; }
#recipe h2 { background: url('/images/h_recipes.gif') no-repeat top left; width: 282px; height: 53px; text-indent: -9999px; position: absolute; top: 0; left: 0; }
#recipe ul { padding: 55px 10px 10px; margin: -5px 0 0; }
#recipe ul li { padding: 5px 5px 5px 0; }
#recipe ul li h5 { font-size: 1.3em; }
#recipe ul li input.search { padding: 3px; }
#recipe img { padding: 10px; }
ul.recipes_list { width: 530px; float: left; }
ul.recipes_list li { clear: both; display: block; }
ul.recipes_list li img { float: left; margin: 0 20px 50px 0; }
ul#callOuts { clear: both; float: left; width: 930px; margin-top: 40px; }
ul#callOuts>li { width: 280px; display: inline; float: left; margin: 15px 45px 15px 0; }
ul#callOuts li img { margin: 0 0 10px; }
ul#callOuts li h2 { background: url('/images/g_headingBG.gif') no-repeat bottom left; margin: 0 0 5px; padding: 0 0 5px; }
ul#callOuts li h2 span { color: #411D0C/*brown*/; }
ul#callOuts li.last { margin: 15px 0; }
ul#callOuts li ul li { width: 280px; }
.introCopy { width: 620px; }
.introCopy p { font-size: 1.8em; line-height: 1.2; }
.sidebar { width: 280px; float: right; }
input.searchBtn { background: url('/images/btn_search.gif') no-repeat top left; width: 114px; height: 24px; text-indent: -9999px; cursor: pointer; }

h4 a {text-decoration:underline;}

.mainContent { margin: 15px 0 0; }
.col1 { float: left; width: 230px; }
.col1 img { clear: both; margin-bottom: 15px; }
body#pageAboutUs .col1 { font-size: .9em; }
body#pageKids .col1 { width: auto; }
body#pageRecipes .col1, body#pageTrade .col1 { width: 290px; }
body#pageRecipes .col1 img, , body#pageTrade .col1 img { float: left; clear: none; margin: 0 3px 15px; }
body#pageRecipes .col1 ul#chefs li, body#pageTrade .col1 ul#chefs li {float:left;width:130px;margin:0 10px 15px 0;}
body#pageRecipes .col1 ul#chefs li img, body#pageTrade .col1 ul#chefs li img {float:none !important; margin:0;}

body#pageHistory .col1 { background: url('/images/bg_history.jpg') top left; }
h2.mainHeader { /*float: left;*/ margin: 0 0 10px 240px; color: #ca662b; line-height: 1.1; }
h2.mainHeaderTrade { color: #590000; line-height: 1.1; }
.col2 { float: left; width: 400px; margin: 0 15px; }
.col2Trade { float: left; width: 600px; margin: 0 15px; }

.col2 a, .col2Trade a { color: #608B3E;/* green */ }
body#pageRecipes .col2, body#pageTrade .col2  { width: 325px; margin: 0 15px 0 0;}
body#pageHealthyEating .col2, body#pageNews .col2 { width: 390px; }
.col2 h2.mainHeader { margin: 0 0 10px; }
.col2 h3, .col2Trade h3 { font-size: 2.25em; line-height: 1; color: #608B3E;}
.col2 h4, .col2Trade h4 { color: #411D0C; }
.col2 ul, .col2Trade ul { margin: -5px 0 10px; }
.col2 ul li, .col2Trade ul li { margin: 0 0 5px; list-style-type:disc; list-style-position: inside; text-indent: -12px; margin-left: 12px; }
.col2 ul.chefInfo li { list-style:none;margin:0 10px;}



#content p img[alt="Sweet Vidalias Country Music POS"] { position: absolute; right: 0; bottom: 0; width: 384px; height: 417px; z-index: -1; }

.col2 table { margin: 0 0 15px; }

#shrekGame { background: url('/images/bg_shrekgame.jpg') no-repeat top left; width: 747px; height: 615px; position: relative; top: -25px; left: 0; }
#shrekGame ul { position: absolute; bottom: 40px; left: 100px; width: 300px; }
#shrekGame ul li { list-style-image: url(/images/l_onion.gif); margin-left: 0;  }
#shrekGame ul li a { color: #000; font-weight: bold; font-size: 1.3em; }
#shrekGame ul li.huntPeelGame { font-size: 1.2em; }

#subCol { border-top: 10px solid #ffe495; border-bottom: 10px solid #ffe495; width: 18em; float: left; padding: 20px 0; }
#subCol blockquote { color: #4b2c20; font-weight: bold; font-size: 1.6em; line-height: 1.3; text-indent: -14px; margin-left: 14px; }
#subCol cite { margin: 10px 0 0 14px; display: block; }
#subCol cite img { float: left; margin: 0 10px 10px 0; }

#sidebar { width: 285px; float: right; }
.sidebar_wide { width: 465px; float: right; }

ul#buyVidaliaOnions { width: 880px; margin-left: 20px; }
ul#buyVidaliaOnions>li { float: left; width: 170px; margin: 5px 25px 10px; height: 180px; font-size: 1.2em; font-weight: bold; border-bottom: 1px #eee solid;  }
body#pageRecipes ul#buyVidaliaOnions>li { width: 200px; min-height: 190px; }
body#pageRecipes ul#buyVidaliaOnions li a img { max-height: 147px; }
ul#buyVidaliaOnions li ul li { font-weight: normal; font-size: .9em; }
ul#buyVidaliaOnions li ul li.shipsTo { display: block; }
ul#buyVidaliaOnions li ul li em { float: left; }
ul#buyVidaliaOnions li ul li ul { float: right; }
ul#buyVidaliaOnions li ul li ul li { display: inline; margin-left: 10px; }
ul#buyVidaliaProducts { width: 880px; margin-left: 20px; }
ul#buyVidaliaProducts>li { float: left; width: 390px; margin: 5px 25px 10px; min-height: 180px; font-size: 1.2em; font-weight: bold; border-bottom: 1px #eee solid; }
ul#buyVidaliaProducts li span { margin-left: 170px; }
ul#buyVidaliaProducts li ul li { font-weight: normal; font-size: .9em; }
ul#buyVidaliaProducts li p { font-weight: normal; clear: both; font-size: .9em; }
ul#buyVidaliaProducts li ul li.sellerImg { float: left; margin: 0 20px 50px 0; }
h2.buy { margin: 0; margin-left: 43px; }

ul#contacts { width: 212px; margin: 0 20px 0 0; }
ul#contacts>li { width: 175px; clear: both; margin: 5px 0 10px; height: 122px; font-size: 1.2em; font-weight: bold; border-bottom: 1px #eee solid; }
ul#contacts li ul li { font-weight: normal; font-size: .9em; }

#footer { clear: both; width: 960px; height: 117px; background: #608B3E url('/images/g_footerBG.jpg') no-repeat bottom right; }
.address { float: left; color: #FFEBCF; margin: 15px 0 0 15px!important; }
#socialIcons { float: right; margin: 30px 10px 0 0; }
#socialIcons li { display: inline; float: left; }

body#pageContactUs input, body#pageContactUs textarea, body#pageContactUs select { border: 1px solid #ccc; display: block; margin: 0 0 15px; }
body#pageContactUs input[type="submit"] { cursor: pointer; }

ul.downloadImages li { float: left; margin: 15px 25px; }
ul.downloadImages li img {border:1px solid #eee;}

/*----- MAIN NAV -----*/
ul#mainNav { clear: both; width: 960px; height: 26px; background: url(/images/n_mainNav.gif) no-repeat top left; position: absolute; bottom: -5px; left: 14px; display: block; z-index:900; }
ul#mainNav li { float: left; list-style-type: none; position: relative; }
ul#mainNav li a { height: 26px; display: block; text-indent: -9999px; outline: none; }

li#aboutUs a, li#recipes a, li#healthyEating a, li#farming a, li#kids a, li#trade a, li#news a, li#links a  { background: url(/images/n_mainNav.gif); background-repeat: no-repeat; }

li#aboutUs a { background-position:0 0; width:123px; left:0; }
li:hover#aboutUs a, li#aboutUs a:hover, body#pageAboutUs li#aboutUs a { background-position: 0 -26px; }

li#recipes a { background-position:-123px 0; width:119px; left:-123px; }
li:hover#recipes a, li#recipes a:hover, body#pageRecipes li#recipes a { background-position: -123px -26px; }

li#healthyEating a { background-position:-241px 0; width:177px; left:-241px; }
li:hover#healthyEating a, li#healthyEating a:hover, body#pageHealthyEating li#healthyEating a { background-position: -241px -26px; }

li#farming a { background-position:-417px 0; width:125px; left:-417px; }
li:hover#farming a, li#farming a:hover, body#pageFarming li#farming a { background-position: -417px -26px; }

li#kids a { background-position:-541px 0; width:94px; left:-541px; }
li:hover#kids a, li#kids a:hover, body#pageKids li#kids a { background-position: -541px -26px; }

li#trade a { background-position:-634px 0; width:104px; left:-634px; }
li:hover#trade a, li#trade a:hover, body#pageTrade li#trade a { background-position: -634px -26px; }

li#news a { background-position:-737px 0; width:104px; left:-737px; }
li:hover#news a, li#news a:hover, body#pageNews li#news a { background-position: -737px -26px; }

li#links a { background-position:-840px 0; width:95px; left:-840px; }
li:hover#links a, li#links a:hover, body#pageLinks li#links a { background-position: -840px -26px; }



/*----- SUB NAV -----*/
ul#mainNav li div.sub {
	position: absolute; /*--Important--*/
	top: 26px;
	left: 0px;
	background: #608b3e;
	padding: 10px 5px 15px;
	float: left;
	width: 200px!important;
	height: auto;
	display: block;
	display: none; /*--Hidden for those with js turned off--*/
	z-index: 3;
}

ul#topnav li .sub ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px;
	float: left;
}
ul#mainNav li div.sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #411d0c;
	position: relative;
}
ul#mainNav li div.sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	background: no-repeat;
	padding: 1px 5px 2px 15px;
	display: block;
	text-decoration: none;
	color: #F3E3B2;
	font-size: 1.1em;
	line-height: 1.2;
	width: 100%;
}
ul#mainNav li div.sub ul li a:hover {
	color: #411d0c;
	background-position: 5px 12px ;/*--Override background position--*/
}

ul#mainNav li div.sub ul li div.sub2 {
	padding:0 0 0 10px;

}
/*ul#mainNav li div.sub ul li div.sub2 {
	position: absolute; 
	top: -10px;
	left: 150px;
	background: #608040;
	padding: 10px 5px 15px;
	float: left;
	width: 210px;
	height: auto;
	display: block;
	display: none; 
	border-left: 1px solid #F3E3B2;
	z-index: 500;
}

ul#mainNav li div.sub ul li div.sub2 ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 210px;
	float: left;
}
ul#mainNav li div.sub ul li div.sub2 ul li {
	width: 100%; 
	color: #411d0c;
}
ul#mainNav li div.sub ul li div.sub2 ul li a {
	float: none;
	text-indent: 0; 
	background: no-repeat;
	padding: 1px 5px 2px 15px;
	display: block;
	text-decoration: none;
	color: #F3E3B2;
	font-size: 1.1em;
	line-height: 1.2;
	width: 100%;
}
ul#mainNav li div.sub ul li div.sub2 ul li a:hover {
	color: #411d0c;
	background-position: 5px 12px ;
}
*/

/* shrek content*/
.shrek		{
	background: url(/images/shrekintro/shrekintro_bg.jpg) no-repeat center top;
	height: 653px;
	width: 780px;
	margin: 0 auto;
}
#flashcontent3 { margin: 0 auto; width:780px;}
#flashcontent3 h3 { float: left; margin: 40px 0 0 50px; width: 300px; }
.shrek_c { width: 780px; margin: 0 auto; } 
#list		{
	margin-top: 385px;
	margin-left: 60px;
}

 .shrek .offscreen	{
	text-indent:-9009px;
	 }

.shrek ul	{
	list-style:none;
	}

.shrek ul li a, .shrek ul li a:visited	{
	margin: 0px;
	padding: 3px 0px 3px 40px;
	display: block;
	border-width: 0px;
	font-size: 22px;
	line-height: 24px;
	background: url(/images/shrekintro/bullet.gif) no-repeat left top;
	color: #4A5615;
	text-decoration: none;
}

.shrek ul li a:hover	{
	color: #3D2212;
}

#content .shrek_footer {
	clear: both;
}

#content .shrek_footer2 { 
	position: absolute;
	top: 150px;
	right: 40px;
}

#content .shrek_footer p {
	clear: both;
	font-size: 9px;
	line-height: 11px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#content .shrek_footer2 p {
	clear: both;
	font-size: 9px;
	line-height: 11px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 320px;
}

#trade .shrek	{
	background: url(/images/tradeintro/tradeintro_bg.jpg) no-repeat;
}

#trade #list	{
	padding: 0px;
	margin-top: 295px;
	margin-left: 280px;
}
body.recipe .shrek	{
	background:url(/images/shrekrecipes/shrekrecipes_bg_1.jpg) no-repeat; width: 937px; height:910px; margin: 0 auto;
}

#trade #list	{
	padding: 0px;
	margin-top: 295px;
	margin-left: 300px;
}

.shrek #top_text		{
	font: 14px/18px Arial, Helvetica, sans-serif;
	color: #3c2312;
	margin-top: 150px;
	position: relative;
	margin-right: 100px;
	margin-left: 70px;
}
body.recipe .shrek #top_text {margin: 222px 147px 18px 123px; }
 .shrek #recipe_container	{
	font-size: 11px;
	color: #3c2312;
	margin-left: 310px;
	width: 445px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.shrek #recipe_container a, .shrek #recipe_container a:visited	{
	color: #3c2312;
	text-decoration: none;
}

.shrek #recipe_container a:hover	{
	color: #4A5615;
	text-decoration: none;
	}

.recipes		{
	float: left;
	width: 115px;
	margin-top: 0px;
	padding: 0px 15px;
	margin-bottom: 0px;
}
 
 #recipe_container .recipes p	{
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 2px;
	padding-bottom: 0px;
	line-height: 13px;
	text-align: left;
}
 #more_recipes {
	position: absolute;
	bottom: 93px;
	left: 85px;
}

 #more_recipes	a,  #more_recipes a:visited	{
	color: #fff;
	text-decoration: none;
	vertical-align: bottom;
	display: block;
	margin: 0 10px 0 0;
	width: 171px;
	text-align: center;
}

#more_recipes	a:hover	{
	color: #4A5615;
	text-decoration: none;
}

#more_recipes2 {
	float: left;
	width: 780px;
}

 #more_recipes2	a,  #more_recipes2 a:visited	{
	color: #4A5615;
	text-decoration: none;
	vertical-align: bottom;
	display: block;
	margin: 0 10px 0 0;
	width: 171px;
	text-align: center;
}

#more_recipes2	a:hover	{
	color: #4A5615;
	text-decoration: none;
}

.recipeCopy {
	float: left;
	margin: 0 0px 0px 15px;
	width: 450px;
}
h2#shrekBanner { background: url(/images/shrekrecipes/g_shrekBanner.jpg) no-repeat top left; text-indent: -9999px; width: 226px; height: 143px; display: block; border: none; margin: 11px 0; clear: both; }
/*h2#shrektacularRecipes { background: url(/images/shrekrecipes/g_shrek-takular_recipes.gif) no-repeat top left; text-indent: -9999px; width: 382px; height: 33px; display: block; border: none; margin: 0 0 0 170px; }*/
h2#shrektacularRecipes { border: 1px #ccc solid; border-left: none; border-right: none; padding: 10px; text-transform: uppercase; }
.recipeCopy h3 { margin: 0; }
.recipeCopy h5 { margin: 0 0 10px; line-height: 1; }
.recipeCopy ul { margin: 10px 0 0; padding: 0!important; }
.recipeCopy ul li { list-style: inside disc; }


p.links {text-align: center!important; margin: 0 auto; width: 740px; }
p.links a { color: #4A5615; }

body.contest #shrekContain { margin: 22px auto 0; width: 730px; }
#recipe_container_detail ol { list-style-type: decimal; padding: 0 0 0 17px; }
#recipe_container_detail ol li ul { padding: 0 0 15px 15px; }
#recipe_container_detail ol li ul li { list-style-type: circle; }

/*AW STYLES*/
#results {
	width:600px;float:left;
}
#results h2 {
	margin-bottom:20px;
}
#results h3, #results p, #search_params {
	margin-left:120px;
}
#results h3 span {
	font-size:16px;
	font-weight:normal;
}
#search_params {
	margin-bottom:20px;	
}
#search_params li {
	font-size:14px;
}
#search_params li strong {
	font-style:italic;
}
#results .search_result {
	position:relative;
	margin-bottom:40px;
}
#results .search_result img {
	position:absolute;
	left:0;top:0;
}
#pagination {
	padding:20px 0;
}
#results #pagination p {
	margin-left:0;
}

tr.altrow {background-color:#F3E3B2;}