﻿
* {
margin: 0px;
padding:0px;
}

a, a:focus, a:active {
   outline: 0 none;
}

body {
background-color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:2em;
}

#c_navigation {
background-color:#000000;
width:100%;
margin:0px auto;
padding:0px inherit;
}

#navigation {
background-color: #000000;
width:850px;
height:127px;
margin:0px auto;
padding:0px;
vertical-align:top;
}

#main_navigation {
background-color:#000000;

}

#main_navigation img {
display: block;
}

#main_navigation ul {
margin: 0px;
padding:0px;
list-style:none;
position: relative;
z-index:900px;
}

#main_navigation li {
display:block;
height:127px;
float:left;
position: relative;
}

#main_navigation li ul
{
	position: absolute;	
	top: 127px;
	left: -22px;
	display: none;
	padding-top: 12px;
	background-color: #3E3F41;
}

#main_navigation li:hover ul {
display:block;
}

#main_navigation li ul li {
width: 150px;
height: 35px;
height:auto;
text-align:center;
display:block;
float:none;
}

#main_navigation li ul li:hover, li ul li.over {
background-color:#e51937;
background-image:none;
width: 150px;
height: 35px;
}

#main_navigation li a {
font-family: Verdana, Sans-Serif;
font-size:12px;
color:#ffffff;
line-height:35px;
text-decoration: none;
}	

a.dropdown {
width: 150px;
height: 35px;
text-align:center;
display: block;
}

#c_content {
background-color:#e51937;
width:100%;
margin:0px auto;
padding:0px inherit;
}

#content {
width:850px;
height:100%;
margin:0px auto;
padding-top:10px;
}

#white_background {
background-color:#ffffff;
padding:0px;
height:100%;
margin:0px;
border:0px;
border-color:#00ff00;
border-style:solid;
-moz-box-shadow:0px 4px 15px rgba(0, 0, 0, .5);
-webkit-box-shadow:0px 4px 15px rgba(0, 0, 0, .5);

}

#content_left_horizontal {
background-color: #ffffff;
width: 290px;
height:100%;
padding-left:25px;
padding-top:21px;
padding-right:22px;
padding-bottom:23px;
float:left;
display:inline;
}

#content_left_horizontal img {
margin-top:17px;
}

#content_pop_up {
position:absolute;
z-index:999;
top:245px;
left:497px;
}

img.popupBanner
{
    margin-top:10px;
}

#content_right_horizontal {
background-color:#ffffff;
width: 452px;
height:100%;
padding-top:21px;
padding-left:0px;
padding-right:53px;
padding-bottom:23px;
float:left;
display:inline;
}

#content_left_vertical {
width: 337px;
background-color: #ffffff;
padding-top:21px;
padding-left:53px;
padding-right:36px;
padding-bottom:23px;
float:left;
display:inline;
}

#content_left_vertical li {
list-style-position:outside;
display:list-item;
}

#content_left_vertical ul {
list-style:disc;
margin-left:14px;
}

#content_left_vertical img {
margin-top:17px;
}

#content_right_vertical {
width:371px;
background-color:#ffffff;
padding-top:21px;
padding-left:0px;
padding-right:40px;
padding-bottom:23px;
float:left;
display:inline;
}

#sub_navigation {
clear:both;
background-image:url(/images/Metal_Background.jpg);
background-repeat:no-repeat;
background-color:#ffffff;
width: 816px;
max-width: 816px;
height: 120px;
padding-top:32px;
padding-bottom:28px;
padding-left: 24px;
padding-right:10px;
margin:0px;
}

#sub_navigation li {
padding-right:49px;
float:left;
}

#c_footnote {
background-color:#000000;
width:100%;
margin:0px auto;
padding:0px inherit;
}

#footnote {
background-color:#000000;
width:850px;
height:127px;
color:#ffffff;
margin:0px auto;
padding:0px inherit;
clear:both;
}

#footnote p.disclaimer {
text-align:right;
float: right;
padding-top:10px;
padding-right:35px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
}

#footnote ul {
margin:0px;
padding-top:0px;
}

#footnote ul.right {
float:right;
padding-right:17px;
padding-top:20px;
width:610px;
}

#footnote img {
vertical-align:middle;
}

li.footer {
padding-left:20px;
margin:0px;
vertical-align:middle;
}

#footnote a {
color:#FFFFFF;
text-decoration:none;
}

#player {
display:block;
width:462px;
height:308px;
}

img {
border:none;
margin:0px;
padding:0px;
}

img.bonicilogo {
margin-right:116px;
float:left;
}

img.accent {
margin:0px;
background-color:#e51937;
top:0px;
display:block;
}

img.more_img {
float:right;
}

li.footer {
vertical-align:middle;
display:inline;
}

ul.footer {
list-style:none;
}

a {
color:#e51937;
text-decoration: underline;
}

p, h2, h1, font {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:2em;
font-weight:normal;
}

h1.home {
background-image: url(/images/Home_Headline.jpg);
width:230px;
height:74px;
display:block;
background-repeat:no-repeat;
text-indent:-500em;
margin-top:21px;
}

h1.products {
background-image:url(/images/Products_Headline.jpg);
width:230px;
height:115px;
display:block;
background-repeat:no-repeat;
text-indent:-500em;
margin-top:21px;
}

h1.offers {
background-image:url(/images/offers_heading.png);
width:177px;
height:97px;
display:block;
background-repeat:no-repeat;
text-indent:-500em;
margin-top:21px;
}

h1.save_italian_sausage {
background-image:url(/images/save_italian_sausage.png);
width:750px;
height:80px;
display:block;
background-repeat:no-repeat;
text-indent:-500em;
margin-top:21px;
}

h1.toppings {
background-image:url(/images/Toppings_Headline2.png);
width:195px;
height:97px;
display:block;
background-repeat:no-repeat;
text-indent:-500em;
margin-top:21px;
}

h1.toppingsdetail {
background-image:url(/images/toppings_detail_heading.png);
width:292px;
height:29px;
display:block;
background-repeat:no-repeat;
text-indent:-500em;
margin-top:21px;
}

h1.recipesdetail {
background-image:url(/images/recipes_detail_heading.png);
width:98px;
height:29px;
display:block;
background-repeat:no-repeat;
text-indent:-500em;
margin-top:21px;
}

.toppingsCatNavBar ul, .recipesCatNavBar ul {
    padding-left:55px;
}

.toppingsCatNavBar ul li, .recipesCatNavBar ul li {
    float:left;
}

.toppingsCatNavBar ul li a, .recipesCatNavBar ul li a {
    display:block;
    padding-left:10px;
    padding-right:10px;
    margin-top:9px;
    margin-bottom:9px;    
    text-indent:-500em;
    overflow:hidden;
}

.toppingsCatNavBar ul li a:hover, .recipesCatNavBar ul li a:hover {
    cursor:pointer;
}

.toppingsCatNavBar ul li a.on, .recipesCatNavBar ul li a.on {
    background:url(/images/toppings_nav_on_bkgrnd.png) repeat-x;
    margin-top:-3px;
    height:50px;
}

.toppingsCatNavBar ul li a#italian.off {
    background:url(/images/toppings_nav_italian_off.jpg) no-repeat center center;
    width:100px;
}

.toppingsCatNavBar ul li a#italian.on {
    width:100px;
    text-indent:0em;
}

.toppingsCatNavBar ul li a#bolditalian.off {
    background:url(/images/toppings_nav_bolditalian_off.jpg) no-repeat center center;
    width:125px;
}

.toppingsCatNavBar ul li a#bolditalian.on {    
    width:125px;
    text-indent:0em;
}

.toppingsCatNavBar ul li a#beef.off {
    background:url(/images/toppings_nav_beef_off.jpg) no-repeat center center;
    width:85px;
}

.toppingsCatNavBar ul li a#beef.on {
    width:85px;
    text-indent:0em;
}

.toppingsCatNavBar ul li a#pork.off {
    background:url(/images/toppings_nav_pork_off.jpg) no-repeat center center;
    width:65px;
}

.toppingsCatNavBar ul li a#pork.on {
    width:65px;
    text-indent:0em;
}

.recipesCatNavBar ul li a#breakfast.off {
    background:url(/images/recipes_nav_breakfast_off.jpg) no-repeat center center;
    width:96px;
}
.recipesCatNavBar ul li a#appetizers.off {
    background:url(/images/recipes_nav_appetizers_off.jpg) no-repeat center center;
    width:96px;
}
.recipesCatNavBar ul li a#sandwiches.off {
    background:url(/images/recipes_nav_sandwiches_off.jpg) no-repeat center center;
    width:102px;
}
.recipesCatNavBar ul li a#pasta.off {
    background:url(/images/recipes_nav_pasta_off.jpg) no-repeat center center;
    width:65px;
}
.recipesCatNavBar ul li a#soups.off {
    background:url(/images/recipes_nav_soups_off.jpg) no-repeat center center;
    width:65px;
}
.recipesCatNavBar ul li a#entrees.off {
    background:url(/images/recipes_nav_entrees_off.jpg) no-repeat center center;
    width:75px;
}
.recipesCatNavBar ul li a#breakfast.on {
    text-indent:0em;
    width:96px;
}
.recipesCatNavBar ul li a#appetizers.on {
    text-indent:0em;
    width:96px;
}
.recipesCatNavBar ul li a#sandwiches.on {
    text-indent:0em;
    width:102px;
}
.recipesCatNavBar ul li a#pasta.on {
    text-indent:0em;
    width:65px;
}
.recipesCatNavBar ul li a#soups.on {
    text-indent:0em;
    width:65px;
}
.recipesCatNavBar ul li a#entrees.on {
    text-indent:0em;
    width:75px;
}

.toppingsCatNavBar, .recipesCatNavBar {
background-image:url(/images/toppings_detail_nav_bar.png);
background-repeat:repeat-x;
width:100%;
height:44px;
padding-bottom:30px;
position:relative;
}

h1.doughscrusts {
background-image:url(/images/DoughCrusts_Headline.jpg);
width:219px;
height:29px;
display:block;
background-repeat:no-repeat;
text-indent:-500em;
margin-top:21px;
}

h1.wings {
background-image:url(/images/Wings_Headline.jpg);
width:87px;
height:31px;
display:block;
background-repeat:no-repeat;
text-indent:-500em;
margin-top:21px;
}

h1.more {
background-image:url(/images/More_Headline.jpg);
width:74px;
height:31px;
display:block;
background-repeat:no-repeat;
text-indent:-500em;
margin-top:21px;
}

.more_subheading
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:normal;
	font-weight: bold;
	font-size: 12px;
}

h1.recipes {
background-image:url(/images/Recipes_Headline.jpg);
width:235px;
height:94px;
display:block;
background-repeat:no-repeat;
text-indent:-500em;
margin-top:21px;
}

h1.aboutus {
background-image:url(/images/AboutUs_Headline.jpg);
width:347px;
height:96px;
display:block;
background-repeat:no-repeat;
text-indent:-500em;
margin-top:21px;
}

h1.contactus {
background-image:url(/images/Contact_Headline.jpg);
width:115px;
height:32px;
display:block;
background-repeat:no-repeat;
text-indent:-500em;
margin-top:21px;
}

h1.resources {
background-image:url(/images/resources_heading.png);
width:139px;
height:29px;
display:block;
background-repeat:no-repeat;
text-indent:-500em;
margin-top:21px;
}
	
h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
line-height:1.5em;
color:#e51937;
}

h4 {
}


  /* slightly enhanced, universal clearfix hack */
.ui-helper-clearfix:after, .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.ui-helper-clearfix, .clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix , * html .ui-helper-clearfix{ height: 1%; }
.ui-helper-clearfix, .clearfix { display: block; }
/* close commented backslash hack */



/* TWITTER */
#twitter {
width: 816px; 
height: 99px; 
position: relative; 
background: transparent url(/images/TwitterFeed.png) no-repeat right; 
margin: 18px 0 5px 0;
padding-left:24px;
padding-right:10px; 
font-size: 20px; 
color: #1a1818;
vertical-align:middle;
}

#pizzaRoadie{
position: absolute; 
top: 0px; 
left: 24px;
}

#twitterFeed{
position: absolute; 
top: 0px; 
left: 186px; 
width: 639px; 
height: 77px; 
line-height: 23px;
color: #ffffff;
padding:15px 0px 0px 0px;
background-color:transparent;
}

.tweet_list {
display:table;
/* height: 92px; */
vertical-align:middle;
}

#twitterFeed ul{
list-style: none;
padding: 0;
margin: 0;
}

#twitterFeed a, #twitterFeed a:hover{
color: #e51937;
}

#twitterFeed a.twitDate{
font-size: 12px;
color: #999999;
margin-left: 10px;
}

/*modal*/
.clear { clear:both; height:1px; }
.modal { height:445px; margin: 0 auto; width:782px; z-index:2001; position:relative; display:none; }
.modal .outerWrapper { clear:both; background: url("/images/modal/modal_left.png") repeat-y scroll left top transparent; height:345px; }
.modal .innerWrapper { clear:left; background: url("/images/modal/modal_right.png") repeat-y scroll right top transparent; height:345px; }    
.modal .modalcontent { background-color: White; float: left; height: 345px; margin-left: 41px; padding-left: 20px; width: 700px; }
.modal .modalBenefitsList { padding-left:15px; padding-top:5px; padding-bottom:5px; }
.modal .modalBenefitsList ul li  { line-height:1.3em; padding-bottom:10px; }
.modal .modalBenefitsList ol li { padding-bottom:5px; }
.simplemodal-overlay { background: black; }



#signinout 
{ 
	background-color:black; 
} 
#signinout a 
{ 
	color:white; 
	text-decoration:none;
} 

.savingsTableLeftCol
{
	font-size: 9px;
	line-height:1.5em;
	width: 175px;
	font-weight: bold;
	text-align: right;
}

.savingsTableRightCol
{
	width: 100px;	
}

.saving_table
{
	width:250px;
}

.calculator
{
	width: 275px;
}

.compare_dropdown_row
{
	width: 200px;
	height: 30px;
}

.compare_label
{
	font-weight: normal;
	text-align:left;
	line-height:1.5em;
	float:left;
}

.compare_label_bold
{
	font-weight:bold;
	text-align:left;
	line-height:1.5em;
	float:left;
}

.compare_dropdown
{
	width: 100%;	
}

.textBoxCalculator
{
	width: 75px;
	padding-right:2px;
	text-align: right;
}

.textBoxCalcResult
{
	font-weight:bold;
	border: 0px none #FFFFFF;
	width: 75px;
	text-align: right;
}

.savings_table_row
{
	height:35px;
}

.savings_error
{
	color: #FF0000;
}
