/*
a note on lists:
for the sake of consistency, use the following attributes when a bulleted unordered list is required:

	list-style-image:url(../img/sb_grf_list_dash.gif);
	margin:0 0 0 12px;

*/

@import url("real_grill_font.css");

/* broad strokes */
body
{
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Verdana, helvetica, lucida grande, sans-serif;
	font-size: 11px;
	background: #EED;
}

h1, h2, h3, h4, h5, h6, /*p,*/ ul, ol, li
{
	line-height: 1.5em;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	font-size: 11px;
}

p { font-size: 11px; }
ul, ol, li { list-style: none; }

h1, h2, h3, h4, h5, h6, p, ul, ol, li, img, form, blockquote, fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}

acronym
{
	font-style: normal;
	cursor: help;
	border: 0;
}

p
{
	margin: 0px;
	padding: 0px;
}

img
{
	display: block;
	border: none;
}

/*Site wide styles*/
p.bold { font-weight: bold; }

a.general {
	color: #c63;
	text-decoration: none;
}
a.general:hover {

	text-decoration: underline;
}

div.wrapper
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding: 0;
}

div.content
{
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 20px;*/
	background: #EED;
	width: 750px !important;
}

div.masthead
{
	width: 750px;
	height: 127px;
	padding-bottom: 10px;
	background: url("../img/grf_masthead.jpg");
	background-repeat: no-repeat;
}

a.logo
{
	float: right;
	display: block;
	width: 305px;
	height: 74px;
	/*background: #666;*/
	margin-top: 3px;
}

h1.id
{
	line-height: normal !important;
	padding: 0;
	margin: 0;
}

div.navWrap
{
	width: 750px;
	float: left;
}

div.footer
{
	width: 730px;
	padding: 10px;
	float: left;
}

h2.redSubs
{
	font-size: small;
	font-weight: bold;
	color: #891E08;
}

div.floatRight { float: right; }

/*ul.footerList { float: left; }*/
li.footerLeft
{
	float: left;
	padding-right: 12px;
}

li.footerRight
{
	float: right;
	padding-left: 12px;
}

.recipeText
{
	margin-bottom: 8px;
	margin-right: 10px;
}

div.footer a
{
	color: #C63;
	text-decoration: none;
}

div.footer a:hover { text-decoration: underline; }

ul.topnav
{
	padding-top: 26px;
	padding-left: 6px;
	line-height: normal !important;
	/*padding-right: 15px;*/
}

ul.topnav a { display: block; }

ul.topnav li
{
	float: left;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 20px;
	display: block;
}

li.home
{
	padding-right: 27px;
	background-image: url("../img/nav_home_off.gif");
}

li.grilling
{
	padding-right: 28px;
	background-image: url("../img/nav_grilling_off.gif");
}

li.recipes
{
	padding-right: 27px;
	background-image: url("../img/nav_recipes_off.gif");
}

li.essentials
{
	padding-right: 26px;
	background-image: url("../img/nav_essentials_off.gif");
}

li.journal
{
	padding-right: 25px;
	background-image: url("../img/nav_journal_off.gif");
}
li.about { background-image: url("../img/nav_about_off.gif"); }

li.homeAct
{
	padding-right: 27px;
	background-image: url("../img/nav_home_on.gif");
}

li.grillingAct
{
	padding-right: 28px;
	background-image: url("../img/nav_grilling_on.gif");
}

li.recipesAct
{
	padding-right: 27px;
	background-image: url("../img/nav_recipes_on.gif");
}

li.essentialsAct
{
	padding-right: 26px;
	background-image: url("../img/nav_essentials_on.gif");
}

li.journalAct
{
	padding-right: 25px;
	background-image: url("../img/nav_journal_on.gif");
}

li.aboutAct { background-image: url("../img/nav_about_on.gif"); }

a.homeNav, a.grillingNav, a.recipesNav, a.essentialsNav, a.journalNav, a.aboutNav
{
	height: 18px;
	background: transparent;
}

a.homeNav { width: 49px; }
a.grillingNav { width: 149px; }
a.recipesNav { width: 63px; }
a.essentialsNav { width: 109px; }
a.journalNav { width: 113px; }
a.aboutNav { width: 113px; }
a.homeNav:hover { background-image: url("../img/nav_home_on.gif"); }
a.grillingNav:hover { background-image: url("../img/nav_grilling_on.gif"); }
a.recipesNav:hover { background-image: url("../img/nav_recipes_on.gif"); }
a.essentialsNav:hover { background-image: url("../img/nav_essentials_on.gif"); }
a.journalNav:hover { background-image: url("../img/nav_journal_on.gif"); }
a.aboutNav:hover { background-image: url("../img/nav_about_on.gif"); }

/*Template A styles*/
div.aContentLeft
{
	width: 505px !important;
	float: left;
	background: #E8E2C5;
	padding: 10px;
}
div.aContentFull
{
	width: 730px !important;
	float: left;
	background: #E8E2C5;
	padding: 10px;
}


div.aContentRight
{
	width: 215px;
	float: left;
	/*background: #999;*/
	padding-left: 10px;
}

.brownSide
{
	width: 300px;
	height: 300px;
	background: #CDA772;
}

h1.headline { padding-bottom: 10px; }

div.angles
{
	float: left;
	width: 505px;
	background: url("../img/grill_triTan.gif");
	background-repeat: repeat-x;
	background-position: 0 100%;
}

div.no_angles
{
	float: left;
	width: 505px;
	/*background: #333;*/
}

div.full_anglesWhite
{
	float: left;
	width: 730px;
	background: url("../img/rec_triWh.gif");
	background-repeat: repeat-x;
	background-position: 0 100%;
}

/*Grilling Step by step*/
div.grillHeadline
{
	float: left;
	width: 310px;
}

div.grillDecal
{
	float: left;
	width: 120px;
	padding-left: 70px;
}

h2.choice { padding-bottom: 10px; }

/*Steak Demo Rollovers*/
h3.steak { background-image: url("../img/grill_steak_btn_on.gif"); }
h3.steak a { background-image: url("../img/grill_steak_btn_off.gif"); }

/*End Steak Demo Rollovers*/
/*Pizza Demo Rollovers*/
h3.pizza { background-image: url("../img/grill_pizza_btn_on.gif"); }
h3.pizza a { background-image: url("../img/grill_pizza_btn_off.gif"); }

/*End Pizza Demo Rollovers*/
/*Lamb Demo Rollovers*/
h3.lamb { background-image: url("../img/grill_lamb_btn_on.gif"); }
h3.lamb a { background-image: url("../img/grill_lamb_btn_off.gif"); }

/*End Lamb Demo Rollovers*/
/*Pork Loin Demo Rollovers*/
h3.pork { background-image: url("../img/grill_pork_btn_on.gif"); }
h3.pork a { background-image: url("../img/grill_pork_btn_off.gif"); }

/*End Pork Loin Rollovers*/
/*Pork Ribs Demo Rollovers*/
h3.ribs { background-image: url("../img/grill_ribs_btn_on.gif"); }
h3.ribs a { background-image: url("../img/grill_ribs_btn_off.gif"); }

/*End Ribs Rollovers*/
/*Chicken Demo Rollovers*/
h3.chicken { background-image: url("../img/grill_chicken_btn_on.gif"); }
h3.chicken a { background-image: url("../img/grill_chicken_btn_off.gif"); }

/*End Chicken Rollovers*/
/*Fish Demo Rollovers*/
h3.fish { background-image: url("../img/grill_salmon_btn_on.gif"); }
h3.fish a { background-image: url("../img/grill_salmon_btn_off.gif"); }

/*End Fish Rollovers*/
div.demoPreview a.btn, div.demoPreview2 a.btn
{
	width: 333px;
	height: 22px;
	display: block;
	text-decoration: none !important;
}

div.demoPreview a.btn, div.demoPreview h3, div.demoPreview2 a.btn, div.demoPreview2 h3
{
	background-repeat: no-repeat;
	width: 333px;
	height: 22px;
	display: block;
}

div.demoPreview a.btn:hover, div.demoPreview2 a.btn:hover { background: transparent; }

/*Demo Icons Div model*/
div.demoIcon
{
	float: left;
	width: 58px;
	padding-left: 57px;
	padding-right: 57px;
	padding-top: 20px;
	/*padding-bottom: 20px;*/
	/*background: #999;*/
}

div.demoPreview
{
	float: left;
	width: 333px;
	padding-top: 20px;
	/*padding-bottom: 20px;*/
	/*background: #add;*/

}
div.demoIcon2
{
	float: left;
	width: 58px;
	padding-left: 57px;
	padding-right: 57px;
	padding-top: 0px;
	padding-bottom: 20px;
	/*background: #999;*/
}

div.demoPreview2
{
	float: left;
	width: 333px;
	padding-top: 0px;
	padding-bottom: 20px;
	/*background: #add;*/

}

div.demo_wrap
{
	width: 505px;
	float: left;
	/*background: #c63;*/
}

/*Demo Icons table model*/

/*these styles are commented out for now, but keep them in here for future ref
in case you need to switch to table model*/

/*td.demoIcon
{
	width: 58px;
	padding-left: 56px;
	padding-right: 56px;
	padding-top: 20px;
	padding-bottom: 20px;
}

td.demoPreview
{
	width: 333px;
	padding-top: 20px;
	padding-bottom: 20px;
}

td.demo_wrap
{
	width: 504px;
	float: left;
}

table.demos { border-collapse: collapse; }
table.demos td { vertical-align: top; }*/

div.recipeBG
{
	width: 730px;
	padding: 10px;
	background: #FFF;
}

div.recipeTopLeft
{
	width: 470px;
	/*width: 430px;*/
	float: left;
}

div.recipeTopRight
{
	width: 260px;
	/*width: 300px;*/
	float: left;
	text-align: right;
}

div.recipeLeft
{
	width: 265px;
	padding-right: 5px;
	padding-top: 10px;
	float: left;
}

div.recipeRight
{
	width: 455px;
	float: left;
	padding-left: 5px;
	padding-top: 10px;
}

table.recipeTBL
{
	border: 0px;
	border-collapse: collapse;
}

td.measure
{
	width: 50px;
	text-align: right;
	vertical-align: top;
	padding-bottom: 4px;
	
}

td.ingredient
{
	width: 392px;
	padding-left: 8px;
	vertical-align: top;
	padding-bottom: 4px;
}

td.label, span.label
{
	color: #891E08;
	font-weight: bold;
}

a.printRec
{
	padding-bottom: 14px !important;
	color: #891E08;
	text-decoration: none;
	background-image: url("../img/print_btn.gif");
	background-repeat: no-repeat;
	padding-left: 18px;
	width: 200px;
}

p.recPDF { padding-top: 4px; }

a.recCard
{
	padding-top: 4px !important;
	color: #891E08;
	text-decoration: none;
}

a.printRec:hover, a.recCard:hover { text-decoration: underline; }

/*recipe home page styles*/
/*Styles for recipe nav*/
table.topItems {
	width: 505px !important;
	border-collapse: collapse;
}

table.topItems td {
	vertical-align: bottom !important;
	/*background-color: #333;*/
}
td.grSubs {
	width: 225px;
}

ul.recipecat
{
	float: right;
	padding-top: 12px;
	padding-bottom: 10px;
}

ul.recipecat li { float: right; }

ul.recipecat li.choose
{
	float: left;
	padding-right: 133px;
	padding-top: 25px;
}

ul.recipecat a:hover
{
	background-image: none !important;
	background: transparent !important;
}

/*CSS driven rollover styles*/
li.sides, li.fish, li.poultry, li.pork, li.redmeat, li.starters { /*padding-right: 6px;*/ }

li.dessert
{
	background-image: url("../img/recMain_dessertIconSm_on.gif");
	/*display: block;*/
}

li.dessert a
{
	background-image: url("../img/recMain_dessertIconSm.gif");
	/*display: block;*/
}

li.sides
{
	background-image: url("../img/recMain_vegIconSm_on.gif");
	/*display: block;*/
}

li.sides a
{
	background-image: url("../img/recMain_vegIconSm.gif");
	/*display: block;*/
}

li.fish
{
	background-image: url("../img/recMain_fishIconSm_on.gif");
	/*display: block;*/
}

li.fish a
{
	background-image: url("../img/recMain_fishIconSm.gif");
	/*display: block;*/
}

li.poultry
{
	background-image: url("../img/recMain_chickenIconSm_on.gif");
	/*display: block;*/
}

li.poultry a
{
	background-image: url("../img/recMain_chickenIconSm.gif");
	/*display: block;*/
}

li.pork
{
	background-image: url("../img/recMain_porkIconSm_on.gif");
	/*display: block;*/
}

li.pork a
{
	background-image: url("../img/recMain_porkIconSm.gif");
	/*display: block;*/
}

li.redmeat
{
	background-image: url("../img/recMain_redMeatIconSm_on.gif");
	/*display: block;*/
}

li.redmeat a
{
	background-image: url("../img/recMain_redMeatIconSm.gif");
	/*display: block;*/
}

li.starters
{
	background-image: url("../img/recMain_starterIconSm_on.gif");
	/*display: block;*/
}

li.starters a
{
	background-image: url("../img/recMain_starterIconSm.gif");
	/*display: block;*/
}

/*End CSS driven rollovers*/
/*This long multi selector class is to preserve formatting on the default list items*/
li.dessert, li.dessert a, li.sides, li.sides a, li.fish, li.fish a, li.poultry, li.poultry a, li.pork, li.pork a, li.redmeat, li.redmeat a, li.starters, li.starters a
{
	width: 38px;
	height: 38px;
	display: block;
}

/*End styles for recipe nav*/
table.recipeCat
{
	border-collapse: collapse;
	width: 505px;
}

table.recipeCat td { vertical-align: bottom; }

table.recipeCat td.rec1
{
	width: 58px !important;
	padding-left: 34px;
	padding-right: 34px;
}

table.recipeCat td.rec1A
{
	width: 92px !important;
	padding-left: 17px;
	padding-right: 17px;
}

table.recipeCat td.rec2, table.recipeCat td.rec3, table.recipeCat td.rec4 { width: 122px !important; }

a.recLink
{
	color: #891E08;
	text-decoration: none;
	font-weight: bold;
}

a.recLink:hover { text-decoration: underline; }

a.returnTop
{
	float: right;
}
a.returnTop, a.returnTopAlt 
{
	color: #c63;
	text-decoration: none;
}

a.returnTop:hover, a.returnTopAlt:hover { text-decoration: underline; }

table.rtAlt  {
	border-collapse: collapse;
}
table.rtAlt td {
	width: 505px;
	text-align: right !important;
}

/*About the book styles*/
div.aboutRight
{
	width: 237px;
	float: left;
}

div.aboutLeft
{
	width: 238px;
	float: left;
}

div.ogSide
{
	float: left;
	width: 193px;
	background: #CDA772;
	padding: 10px;
}
div.wrapSideBar{
	float: left;
	width: 215px;
	/*background: #c63;*/
}
div.ogSide img { padding-left: 15px; }
div.ogSide img.buy { padding-left: 30px !important; }

/*CSS Rollover for red triangle Links*/
a.triRed
{
	padding-left: 10px;
	background-image: url("../img/arrow_btn_off.gif");
	background-repeat: no-repeat;
	background-position: 0 4px;
	color: #891E08;
	text-decoration: none;
	font-weight: bold;
}

a.triRed:hover
{
	background: transparent;
	text-decoration: underline;
	color: #F00;
}

div.redTri
{
	background-image: url("../img/arrow_btn_on.gif");
	background-repeat: no-repeat;
	background-position: 0 4px;
}

/*About Jamie Styles*/
table.w505
{
	width: 505px;
	border-collapse: collapse;
}

table.w505 td
{
	
}
td.rightLnk {
	text-align: right !important;
}
/*buy it page*/
div.buyLeft {
	padding: 5px;
	width: 195px;
	/*background: #356;*/
	float: left;
	
}
div.buyLeft img.buy {
	padding-left: 20px;
	
	
}
div.buyMid {
	padding: 5px;
	width: 263px;
	/*background: #3F7;*/
	float: left;
}
div.buyRight {
	padding: 5px;
	width: 240px;
	/*background: #A55;*/
	float: left;
}
div.five03 {
	width: 523px;
	float: left;
	/*background: #c63;*/
}
ul.buy, li.buyList {
	line-height: normal;
}

li.buyList {
	list-style: disc;
	margin-left: 14px;
}

/*table.buyIt {
	width: 730px;
	border-collapse: collapse;
}
table.buyIt td {
	padding: 5px;
}
td.buyLeft {
	
	width: 195px;
	background: #356;
}
td.buyMid {
	
	width: 263px;
	background: #3F7;
}
td.buyRight {
	
	width: 240px;
	background: #A55;
}*/

/*Standards based flash Embed hacks*/
div.flashContent {
	display: block;
	float: left;
}
div.flashContent2 {
	display: block;
	float: left;
	background: url("../img/jj_myschedule.jpg");
	background-repeat: no-repeat;
}



/*Start of styles for the main page
***********************************
***********************************
*/

.mainTable{
width: 750px !important;
margin-top: 0px;
margin-bottom: 0px ;
font-size: 12px !important;
padding: 0px;
align: left;
text-align: left !important;
/*background-color: #FFFFFF;*/
}

.leftColumn{
width: 324px !important;
height: 594px !important;
margin-top: 0px;
align: left;
align: left;
text-align: left !important;
/*background-color: yellow;*/
vertical-align: top;
border-right: 10px solid #EEEEDD !important;
}

.leftColumnTopCell{
width: 324px !important;
height: 246px !important;
margin-top: 0px;
align: left;
text-align: left !important;
/*background-color: #EEFFEE;*/
vertical-align: top;
border-bottom: 10px solid #EEEEDD !important;
}

.leftColumnMiddleCell{
width: 324px !important;
height: 288px !important;
margin-top: 0px;
align: left;
text-align: left !important;
/*background-color: #FFFFFF;*/
vertical-align: top;
}

.leftColumnBottomCell{
width: 314px !important;
height: 40px !important;
padding-top: 10px;
padding-left: 10px;
margin-top: 0px;
align: left;
text-align: left !important;
background-color: #E8E2C5;;
vertical-align: top;
}


.rightColumn{
width: 416px !important;
height: 594px !important;
margin-top: 0px;
align: left;
text-align: left !important;
/*background-color: yellow;*/
vertical-align: top;
}

.rightColumnTopCell{
width: 416px !important;
height: 386px !important;
margin-top: 0px;
align: left;
text-align: left !important;
/*background-color: #FFFFFF;*/
vertical-align: top;
border-bottom: 10px solid #EEEEDD !important;
}

.rightBottomLeftCell{
width: 203px !important;
height: 198px !important;
margin-top: 0px;
align: left;
text-align: left !important;
/*background-color: #FFFFFF;*/
vertical-align: top;
border-right: 10px solid #EEEEDD !important;
}

.rightBottomRightCell{
width: 203px !important;
height: 198px !important;
margin-top: 0px;
align: left;
text-align: left !important;
/*background-color: #FFFFFF;*/
vertical-align: top;
}
.borders{
border-top: 1px solid #000000 !important;
border-left: 1px solid #000000 !important;
border-right: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}

/*End of styles for the main page
***********************************
***********************************
*/

/*Privacy Policy Page*/
h1.privacy {
	font-size: medium;
	color: #891E08;
	font-weight: bold;
}
div.helpColWrap{ 
	width: 505px;
	padding-left: 122px;
}
div.helpColWrap a{ 
	color: #c63;
	text-decoration: none;
}
div.helpColWrap a:hover{ 

	text-decoration: underline;
}

/*Journal Styles*/
p.blog {
	width: 503px !important;
}