@import url(Reset.css);

.clear {clear: both;}
.left {float:left;}
.right {float:right;}

/* image replacement with link */
a.rt { cursor: pointer; }
/* image replacement */
.rt {display: block;overflow: hidden;text-indent: -9999px;}

h1 
{
	font-size:13px;	
	font-weight: bold;
}
h2
{
	font-size:14px;	
	font-weight: bold;
}
h3
{
	font-size:15px;	
	font-weight: bold;
}
h4
{
	font-size:16px;	
	font-weight: bold;
}
#modal_container 
{
	border: solid 1px #000000;
	background-color:#FFFFFF;
}
/***************
 site frame
****************/
	body {
		text-align: center;
		margin: 25px 0 100px 0;
		font-family: Arial,Verdana,sans-serif;
	}
	#canvas {
		width: 844px;
		text-align: left;
		margin: 0 auto;
		background: url(/App_/ROOT/PageFrame/StandardPartial/Body/canvas-border.gif) repeat-y;
		padding:0;
		min-height:0;
	}
	#body  
	{
		margin:0;
		padding: 0 0 1px 0;
	}
	#header h1 {
		background: url(/App_/ROOT/PageFrame/StandardPartial/Body/header.gif) top left no-repeat;
		width: 844px;
		height: 99px;
	}
	.modalOverlay { background-color: black; }
	.error 
	{
		color:Red;
		font-weight:bold;
	}
	td.EngineItemBack, td.EngineItemBack a, td.EngineItemBack a:visited, td.EngineItemBack a:active, td.EngineItemBack a:hover
	{
		font-size:11px;
	}
	table.engineTable td
	{
		padding:3px;
	}

/******************
  product
*******************/
td.ProductListing, td.ProductListing a, td.ProductListing a:visited, td.ProductListing a:active, td.ProductListing a:hover
{
	padding-bottom: 10px;
	
}
/******************
	product locator
*******************/
td.ProductLocatorHeader
{
	font-weight:bold;
}
/******************
  faq
*******************/
	td.faqitem p {padding-top:0px;	vertical-align: top;padding-bottom:35px;}

/***************
  footer
***************/
	#footer {
		margin-top: 10px;
		font-size: .9em;
		width: 844px;
		margin: 0 auto;
		position:relative;
		top:-16px;
		background: url(/App_/ROOT/PageFrame/StandardPartial/Body/footer.gif) top center no-repeat;
		text-align: center;
	}
	#footer-content  
	{
		padding-top:36px;
		width:821px;
		position:relative;
		top:-10px;
		margin: 0 auto;
	}
	#footer, #footer a {color: #566eb2;}
	#footer a {text-decoration: none;}
	#footer a:hover { text-decoration: underline; }
	#footer li, #footer ul { display: inline; }
	#footer li a { border-right: 1px solid #566eb2; padding-right: 5px; }
	
/***************
 top navigation 
****************/
	#topNav {text-align:center; margin: 0 13px 2px 13px;}
	#topNav .submenu, #topNav .menu 
	{
		float: left;
		width: 100%;
		line-height: normal;
	}
	#topNav .menu {	background: url(/App_/ROOT/PageFrame/StandardPartial/MainNav/blue_bg.gif) top left no-repeat;}
	#topNav .menu ul 
	{
		padding-left: 35px;
	}
	#topNav .menu ul li 
	{
		display:inline;
	}
	#topNav .menu ul li span
	{
		display:block;
		background: url(/App_/ROOT/PageFrame/StandardPartial/MainNav/seperator.jpg) no-repeat;
		float: left;
		background-position: 0 -1px;
	}
	#topNav .menu ul li span a {
		background-repeat: no-repeat;
		background-position: top left;
		margin-left: 35px;
		background-position: 0 -1px;
		height:43px;
	}
	#topNav .menu ul li.firstChild { background: none; }
	#topNav .menu ul li.firstChild a { margin-left: 0 }
	#topNav .menu ul li.tnHomePage a {background-image: url(/App_/ROOT/PageFrame/StandardPartial/MainNav/Home.png);width:79px;}
	#topNav .menu ul li.tnAboutUs a {background-image: url(/App_/ROOT/PageFrame/StandardPartial/MainNav/About_us.png);width:77px;}
	#topNav .menu ul li.tnBBQMeats a {background-image: url(/App_/ROOT/PageFrame/StandardPartial/MainNav/bbq.png);width:137px;}
	#topNav .menu ul li.tnFAQs a {background-image: url(/App_/ROOT/PageFrame/StandardPartial/MainNav/faq.png);width:46px;}
	#topNav .menu ul li.tnProductFinder a {background-image: url(/App_/ROOT/PageFrame/StandardPartial/MainNav/product.png);width:115px;}
	#topNav .menu ul li.tnContactUs a {background-image: url(/App_/ROOT/PageFrame/StandardPartial/MainNav/contact.png);width:87px;}

	/* sub menu *******************/
	#topNav .submenu 
	{
		clear: both;
		margin: 0 auto;
		font-size: .8em;
		position:relative;
	}
	#topNav .submenu ul
	{
		background-color:#ccc;
		margin: 0 12px;
		padding:5px;
		border-bottom: 1px solid #999;
		border-top: 3px solid #bbb;
		height: 18px;
	}
	#topNav .submenu ul li 
	{
		display:inline;
		margin-left: 15px;
	}
	#topNav .submenu ul li.firstChild {list-style-type: none;margin-left:0;padding-left:0;}
	#topNav .submenu ul li a	{text-decoration:none;color:#444;}
	#topNav .submenu ul li a:hover {text-decoration:underline;}
	#topNav .submenu ul li.active a {text-decoration:none;font-weight: bold;}
	#topNav .submenu .bl, #topNav .submenu .br
	{
		background-image: url(/App_/ROOT/PageFrame/StandardPartial/Body/white_corners.gif);
		display:block;
		height: 4px;
		width: 4px;
		background-repeat: no-repeat;
		position:absolute;
		top:28px;
		
	}
	#topNav .submenu .bl
	{
		left:12px;
		background-position: -4px 0;
	}
	#topNav .submenu .br
	{
		right:12px;
	}

/***************
 main content styles
***************/
	#content {
		margin: 0 12px 15px 14px;
		padding: 0 0 1px 0;
		font-size: 12px;
		line-height:17px;
	}
	#content strong { font-weight: bold; }
	#content a {color: #5C73B6;text-decoration:none;}
	#content a:hover {text-decoration:underline;}

	div.contentPane 
	{
		padding-left:10px;
		padding-right:20px;
	}
	div.contentPane h1
	{
		padding:0px;
		position: relative;
		left: -12px;
	}

/***************
 four column layout on home page 
***************/
	.fourcols { background: url(/App_/ROOT/PageFrame/Footer/gray_grad.jpg) bottom left no-repeat; }
	.fourcols .col1 { width: 21%; }
	.fourcols .col2 { width: 23%; }
	.fourcols .col3 { width: 22%; }
	.fourcols .col4 { width: 22%; }
	.fourcols .col .content { min-height: 85px;height: auto !important;height: 115px;}

/***************
 three column layout on inner pages 
***************/
	.threecols .col { width: 30%;}
	.threecols .col .content { min-height: 65px;height: auto !important;height: 105px;}

/***************
 common column elements 
****************/
	.columns { padding: 1px; font-size: .9em;}
	.columns .col h3 { background-repeat: no-repeat; background-position: top left no-repeat;}
	.columns .col { float: left; margin:10px;}
	.columns .ourStory h3 {height: 39px;background-image: url(/App_/ROOT/PageFrame/Footer/Headers/our_story.gif);}
	.columns .joinList h3 {height: 39px;background-image: url(/App_/ROOT/PageFrame/Footer/Headers/join.gif);}
	.columns .findProducts h3 {height: 39px;background-image: url(/App_/ROOT/PageFrame/Footer/Headers/find_products.gif);}
	.columns .promotions h3 {height: 39px;background-image: url(/App_/ROOT/PageFrame/Footer/Headers/promotions.gif);}
	.columns .col .content { margin-bottom: 8px; }
	.columns .button, .columns .button a {background-image: url(/App_/ROOT/PageFrame/Footer/button_bg.jpg);background-repeat: no-repeat;}
	.columns .button {background-position: top left;text-decoration: none;}
	.columns .button a
	{
		color: #fff;
		display: block;
		margin-left: 13px;
		background-position: top right;
		height: 33px;
		text-align: center;
		padding-right: 12px;
	}
	.columns .button span 
	{
		display: block;
		margin-top:10px;
		background-position: top center;
		background-repeat: no-repeat;
	}
	.columns .ourStory .button { margin-left: 57px;}
	.columns .ourStory .button span {background-image: url(/App_/ROOT/PageFrame/Footer/read_more_btn.gif);}
	.columns .joinList .button span {background-image: url(/App_/ROOT/PageFrame/Footer/email_btn.gif);}
	.columns .findProducts .button span {background-image: url(/App_/ROOT/PageFrame/Footer/product_locator_btn.gif);}
	.columns .promotions .button span {background-image: url(/App_/ROOT/PageFrame/Footer/WinTastyPrizes.gif);}

/***************
 promo (coupon border)
***************/
	.promo {text-align: center;font-size:1em;font-family: georgia, times new roman;color: #C72035;font-weight:bold;}
	/*.promo p { margin:0; padding: 10px 0 0 0;}*/
	.promo .bg, .promo .wrapper, .promo .b, .promo .b span {
		background-image: url(/App_/ROOT/PageFrame/Footer/coupon_bg.gif);
		background-repeat: no-repeat;
	}
	.promo .bg {
		background-position: top right;
		position:relative;
		right:-10px;
		padding: 0 10px 0 0;
	}
	.promo .b, .promo .b span { display: block;height: 10px;position:relative;}
	.promo .b { background-position: bottom left; }
	.promo .b span {background-position: bottom right;position:relative;right:-10px;}


/***************
 share links
***************/
	#shareLinks ul
	{
		float: left;
		width: 100%;
		line-height: normal;
		margin-top: 15px;
	}	
	#shareLinks li {float: left;}
	#shareLinks li a  
	{
		opacity:0.4;
		filter:alpha(opacity=40);
		display: block;
		width: 16px; 
		height: 16px; 
		background-position:top left;
		background-repeat:no-repeat;
		margin-left: 10px;
	}
	#shareLinks li a:hover { opacity:1.0;filter:alpha(opacity=100);}
    #shareLinks li a.delicious { background-image: url(/App_/ROOT/PageFrame/StandardPartial/Images/ShareIcons/delicious.jpg); }
    #shareLinks li a.digg { background-image: url(/App_/ROOT/PageFrame/StandardPartial/Images/ShareIcons/digg.jpg); }
    #shareLinks li a.facebook { background-image: url(/App_/ROOT/PageFrame/StandardPartial/Images/ShareIcons/facebook.jpg); }
    #shareLinks li a.newsvine { background-image: url(/App_/ROOT/PageFrame/StandardPartial/Images/ShareIcons/newsvine.jpg); }

/*********************
* commandPane
*********************/
div.commandPane input[type=button], input[type=submit] {
    margin-left:15px;
}

#sharethis_0 
{
	margin-top: 15px;
	display: block;
}