﻿body {
	padding: 0;
	margin: 0;
	/*background: #FFFFCC;*/
}

td{
	font-family : Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

p{
	font-family : Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

body{
	font-family : Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

h3 { /* Common header features */
	margin-top: 1em;
	margin-bottom: .5ex;
	font-family: "Arial";
	color: #ff0000;
}

h4 { /* Common header features */
	margin-top: 1em;
	margin-bottom: .5ex;
	font-family: "Arial";
	color: #ff0000;
}

h1 { /* Common header features */
	margin-top: 1em;
	margin-bottom: .5ex;
	font-family: "Arial";
	color: #ff0000;
}

h1 {
	font-size: 13pt;
}

h2 {
	font-size: 11pt;
}

h3 {
	font-size: 9pt;
}

hr {
	border : #ff0000;
	height: 1px;
}

ul {

}

li {
	list-style-image: url(Images/bullet.gif);
}

#menu1 { /* This style and the others related are for the main navigation */
	color: #FFE600;	
	padding: 0px 0px 0px 20px;
	background: url("Images/bg-topnav.gif");
	height: 26px;
	width: 91%;
}

#menu1 a:visited {
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	color: #FFE600;
}

#menu1 a:link {
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	color: #FFE600;
}

#menu1 a:hover {
	color: #ffffff;
}

#menu1 a.current:hover  { /* This is for the active section link */
	
}

#menu1 a.current:visited  { /* This is for the active section link */
	
}

#menu1 a.current:link  { /* This is for the active section link */
	
}
.menu1right{
	text-align: right;
	background: url("Images/bg-topnav.gif");
	background-repeat: no-repeat;
	background-position: top right;
	padding:0;
	overflow:hidden;
	width: 9%;
	height: 26px;
}


#leftnavmenu2 {	/* the secondary navigation */
	text-align: left;
	font size: 10px;
	padding: 2px;
	background: #FFE600;
}

#menu2 {	/* the secondary navigation */
	color: #006600;
	text-align: right;
	font-size: 10px;
	padding: 3px;
	background: #FFE600;
	height: 27px;
	width: 106px;
}

#menu2 a:visited {
	color: #006600;
	/*font-weight: bold;*/
	text-decoration: none;
}

#menu2 a:link {
	color: #006600;
	/*font-weight: bold;*/
	text-decoration: none;
}

#menu2 a:hover {
	text-decoration: underline;
}

#menu2.leftnav {
	text-align: left;
	font size: 10px;
	padding: 5px;
	background: #FFE600;
	vertical-align: center;
	}



#menu4 {	/*navigation on all marios pages top of the banner */
	color: #ff0000;
	font: "Arial";
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	background: #FFE600;
	height: 27px;
	width: 654px;
}
 
#menu4 a:visited {
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;
	
}

#menu4 a:link {
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;
	
}

#menu4 a:hover {
	text-decoration: none;	
}
#menu4 ul {
	/*CLEAR: none;*/
	margin: 0em 0em 0px 0px;
	list-style-type: circle;
}

#menu4  li {
	padding: 0px 5px 0px 10px;
	margin: 0px;
	line-height: 1.3em;
	display: inline;
}

.home a:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
} 

.home a:link {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
} 

.home a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
	
}

#banner{/*Places the background image at the top of the inside pages in the marios sections*/
	height: 77px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/marios/banner-inside-marios_cheese.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
#corporatebanner{
	height: 77px;
	background-image: url('Images/banner-corp.jpg');
	background-repeat: no-repeat;
	background-position: top right;
	padding: 0px;
	margin-bottom: -3px;
}
#corporatebanner tr {
	height: 77px;
}
#menubanner{/*Places the background image at the top of the inside pages in the marios sections*/
	height: 77px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/marios/banner-inside-marios_cheese.jpg);
	background-repeat: no-repeat;
	background-position: top right;

}


#findbanner{/*Places the background image at the top of the inside pages in the marios sections*/
	height: 77px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/marios/banner-inside-marios_sauce.jpg);
	background-repeat: no-repeat;
	background-position: top right;

}

#couponsbanner{/*Places the background image at the top of the inside pages in the marios sections*/
	height: 77px;
	padding: 0px 0px 0px 0px;
	background-image: url(Images/banner-inside-marios_toppings.jpg);
	background-repeat: no-repeat;
	background-position: top right;

}

#side-banner{
	background-image:url('Images/banner-inside-logo.jpg');
	padding: 0;
	background-repeat: no-repeat;
	width:165px;
	height:120px;
}

#side-findamarios{
	background-image:url('Images/btn-side-findmarios.jpg');
	padding: 0;
	content:url('../');
	background-repeat: no-repeat;
	width:164px;
	height:42px;
}

#side-deliverypipinghot{
	background-image:url('Images/logos_delivery_pipinghot.gif');
	padding: 0;
	background-repeat: no-repeat;
	width:142px;
	height:62px;
}

#side-coupons{
	background-image:url('Images/side-section-promo.jpg');
	padding: 0;
	background-repeat: no-repeat;
	width:162px;
	height:106px;
}


#leftcolumnlinks {
	background: #ffe67d;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	margin:0 0 0 0;
	width:160px;
	text-align: right;
	vertical-align: middle;
}

.homebtn {
	width:100px;
	padding:0 5px 0 0;
	margin:0 0 0 0;
}

#mariostop {	
	color: #FFE600;
	padding: 0px 0px 0px 50px;
}

#inside-topnav a:visited {	
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;
}

#mariostopnav a:link {	
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;
}

/*#marios-topnav a:hover{	
	color: #3A88CA;
	font-weight: bold;
	text-decoration: none;	
}*/
#mariostop UL {
	clear: both;
	padding: 0px;
	list-style-image: none;
	margin: 0em 0em 0px 0px;
	list-style-type: none;
}

#mariostop li {
	/*CLEAR: both;*/
	padding: 0px 5px 0px 3px;
	margin: 0px;
	line-height: 1.3em;
	text-decoration : none;
	list-style-type: none;
	list-style-image: none;
	display: inline;
}

#banner-b {
	background: url("Images/banner-btm.gif");
	background-repeat: no-repeat;
	background-position: top left; 	
}

#maincontainer {
	background: #ffffcc;
	width: 760px;
}
#sectionblocks {
	background: #ffffcc;
	border-right: 1px solid #E5A680; 
	padding: 0px 0px 0px 0px;
	width: 253px;
	text-align: right;
	vertical-align: top;
}

#sectionblocks2 {
	background: #ffffcc;
	padding: 0px 0px 0px 0px;
	width: 253px;
	text-align: right;
	vertical-align: top;
	
}
.homepagesections{
	padding: 0px;
	margin: 0px;
	width: 228px;	
}
.homepagesections2{
	padding: 0px 5px 10px 5px;
	width: 228px;	
}
.homepagesubsection{
	padding-bottom: 10px;
}
	
.collapse{
	/*background: #ffeba3;*/
	font-size: 12px;
	color: #ff0000;
	padding: 0 0 0 0px;
	float: right;
	/*vertical-align: middle;*/
}
	
.orangesection-main{/*menu pages (blimpie and marios) content blocks main content area*/
	background: #ffeba3;
	background-repeat: no-repeat;
	padding: 0px 10px 10px 10px;
	width: 559px;
	/*text-align: left;*/
	vertical-align: middle;
}
	
	.orangesection-main-header{
	background: #ffeba3;
	background-repeat: no-repeat;
	padding: 0px 10px 0px 10px;
	/*width: 250px;*/
	text-align: left;
	vertical-align: middle;
}

.orangesection-main-header a:hover {
	color: #000000;
	text-decoration: none;
}
	
.orangesection-main-header a:visited {
	color: #000000;
	text-decoration: none;
}
	
.orangesection-main-header a {
	color: #000000;
	text-decoration: none;
}
	
.orangesection-main a:hover {
	color: #000000;
	text-decoration: none;
}

.orangesection-main a:visited {
	color: #000000;
	text-decoration: none;
}

.orangesection-main a {
	color: #000000;
	text-decoration: none;
}

.greensection-main-header{
	background: #ffeba3;
	background-repeat: no-repeat;
	padding: 0px 10px 0px 10px;
	width: 250px;
	text-align: left;
	vertical-align: middle;
}
	
.orangetopblock {
	background: url(/Style%20Library/Images/section-orange-top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px;
	height: 21px;
	width: 559px;
	text-align: right;
	vertical-align: top;
	/*background: #ffe67d;*/
	
}

.orangebottomblock {
	background: url(/Style%20Library/Images/section-orange-btm.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px;
	width: 559px;
	height: 21px;
	text-align: right;
	vertical-align: top;
	/*background: #ffe67d;*/
	
	}
	
.yellowsection-main{/*menu pages (blimpie and marios) content blocks main content area*/
	background: #fff5a3;
	background-repeat: no-repeat;
	padding: 0px 10px 0px 10px;
	width: 559px;
	text-align: left;
	vertical-align: middle;
}
	
.yellowtopblock {
	background: url(/Style%20Library/Images/section-yellow-top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px;
	height: 21px;
	width: 559px;
	text-align: right;
	vertical-align: top;
	/*background: #ffe67d;*/
	
}

.yellowbottomblock {
	background: url(/Style%20Library/Images/section-yellow-btm.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px;
	width: 559px;
	height: 21px;
	text-align: right;
	vertical-align: top;
	/*background: #ffe67d;*/
	
	}
.yellowsection-main a:hover {
	color: #000000;
	text-decoration: none;
	
	}
	.yellowsection-main a:visited {
	color: #000000;
	text-decoration: none;
	
	}
	.yellowsection-main a {
	color: #000000;
	text-decoration: none;
	
	}
	#greensection-main-header{/*menu pages (blimpie and marios) content blocks main content area*/
	background: #ecf2ad;
	background-repeat: no-repeat;
	padding: 0px 10px 0px 10px;
	width: 250px;
	text-align: left;
	vertical-align: middle;
}
	
.greensection-main{
	background: #ecf2ad;
	background-repeat: no-repeat;
	padding: 0px 10px 0px 10px;
	width: 559px;
	text-align: left;
	vertical-align: middle;
}
	
.greensection-main a:hover {
	color: #000000;
	text-decoration: none;
}
	
.greensection-main a:visited {
	color: #000000;
	text-decoration: none;
}
	
.greensection-main a {
	color: #000000;
	text-decoration: none;
}
	
.greentopblock {
	background: url(/Style%20Library/Images/section-green-top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px;
	height: 21px;
	width: 559px;
	text-align: right;
	vertical-align: top;
	/*background: #ffe67d;*/
	
}

.greenbottomblock {
	background: url(/Style%20Library/Images/section-green-btm.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0px;
	width: 559px;
	height: 21px;
	text-align: right;
	vertical-align: top;
	/*background: #ffe67d;*/
	
}

.blockpadding{
	padding: 5px;
}

.textemphasis1{
	color:  #ff0000;
	/*font-weight: bold;*/
}
.textemphasis2{
	color:  #f15d22;
	/*font-weight: bold;*/
}
.textemphasis3{
	color:  #000000;
	/*font-weight: bold;*/
}
.free {
	color:  #ff0000;
	font-weight: bold;
	text-transform: uppercase;
	}
.discount{
	color:  #000000;
	font-weight: bold;
	text-transform: uppercase;

}
#maincontent {
	padding: 3px 10px 0px 10px;
	vertical-align: top;
	width: 560px;
	overflow:hidden;
}
/*#maincontent div {
	width: 560px;
	overflow:hidden;

}*/
#maincontentinside { /* for the main page area*/
	padding:15px 8px 0px 10px;
	vertical-align: top;
	width: 560px;
}
.sectionheader{ /*section text for corporate page e.g. about*/
	font-size: 11pt;
	font-family: "Arial";
	color: #000000;
	font-weight: bold;
	margin-bottom: 8px;
	border-bottom: 1px solid #000000;
	padding: 0px 0px 10px 0px;	
}

#mymariosfooter { /* for the footer container */
	color: #006600;
	font-size: 7pt;
	padding: 62px 0px 0px 0px;
	background-image: url(/Style%20Library/Images/footer.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;
	width: 760px;
}

#footer a:visited  { /*regular links in the footer (e.g. Teleios) */
	color: #006600;
	text-decoration: underline;
}

#footer a:link  { /*regular links in the footer (e.g. Teleios) */
	color: #006600;
	text-decoration: underline;
}

#footer a:hover { /* contains the menu in the footer */
	color: #006600;
	text-decoration: none;
}

#footernav { /* contains the menu in the footer */
	font-size: 7pt;
	padding: 0px 0px 10px 0px;
}

#footernav a:hover {
	
}

#footernav a:visited {
	
}

#footernav a:link {
	
}

#footernav ul {
	clear: both;
	padding-right: 0px;
	padding-left: 0px;
	list-style-image: none;
	padding-bottom: 0px;
	margin: 0em 0em 1em 25px;
	padding-top: 0px;
	list-style-type: none;
}

#footernav li {
	/*CLEAR: both;*/
	color:#006600;
	padding-right: 0px;
	padding-left: 3px;
	padding-bottom: 2px;
	margin: 0px;
	line-height: 1.3em;
	padding-top: 1px;
	text-decoration : none;
	display: inline;
	list-style-type: none; 
}

.tip {
	color: green;
	background: url(/Style%20Library/Images/btn-tip.gif) no-repeat left;
	padding: 0 0 0 45px;
}

#leftcolumn .homebtn a:visited  {
	background:  url(../images/home_blt.gif) no-repeat top left;
 	padding-left: 20px;
	
}

#leftcolumn .homebtn a:link  {
	background:  url(../images/home_blt.gif) no-repeat top left;
 	padding-left: 20px;
	
}

#leftcolumn .homebtn a:hover {
	
}

.articletitle { /* For dynamic Article titles */
	font-size: 12pt;
	color: #ff0000;
	font-weight: bold;
}

/************summer slice**********/
.summerslice
{
	text-align:center;
	background-color:#004D8D;
	vertical-align:top;
}
.summerslice .mainregion
{
	text-align:center;
	vertical-align:top;
	width:500px;
	height:740px;
	background-image:url(../images/mariossummerslicepopup2.jpg);
	background-repeat:no-repeat;
	
}

.summerslice .content
{
	color:White;
	font-family:"trebuchet ms", trebuchet, arial, sans-serif;
	font-size:9pt;
	/*margin-top:500px;*/
	width:500px;
	height:125px;
	overflow:auto;
	text-align:left;
}
.spacer
{
	width:500px;
	height:500px;
}
.summerslice .content .top
{
	color:#FFF600;
	font-size:9pt;
}

.summerslice .content .second
{
	font-weight:bold;
}

.summerslice .content .rules
{
	text-align:center;
	color:#FFF600;
	font-size:10pt;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:capitalize;
	background-image:url(../images/summer_rules_bkgd.jpg);
	background-repeat:repeat-x;
	height:20px;
	width:100%;
	display:block;
}

.summerslice .content .rules span
{
	background-image:url(../images/summer_rules_bkgd2.jpg);
}
.summerslice .content ul
{
	font-size:8pt;
	width:200px;
	display:inline;
	height:auto;
	vertical-align:top;
	padding:2px 0px 0px 5px;
}
/*.summerslice .content li
{
	padding:5px 0px 0px 0px;
}*/
.summerslice .content .left
{
	float:left;
	clear:left;
	padding:2px 20px 0px 5px;
	border-right:solid thin white;
}

.summerslice .content .right
{
	float:right;
	clear:right;
}

.summerslice .approved
{
	clear:both;
	width:100%;
	display:block;
}

#IERoot
{
    text-align:center;
    margin:auto;
}

#flyer
{
	text-align:center;
	margin:auto;
	width:500px;
	height:auto;
}

#flyertop
{
	width:500px;
	height:236px;
	background-image:url("Images/partyflyer_top.jpg");
	background-repeat:no-repeat;
	padding:0;
	margin:0;
    float:left;
}
#flyermiddle
{
	width:500px;
	height:auto;	
	padding:0;
	background-color:#FFCC00;
    float:left;
	margin:0;	
}
#flyerbottom
{
	width:500px;
	height:243px;
	background-image:url("Images/partyflyer_bottom.jpg");
	background-repeat:no-repeat;
	padding:0;
    float:left;
	margin:0;	
}
.flyerbottomcontent .articlecontent p
{
    color:White;
}

.flyerbottomcontent .articlecontent li
{
    list-style-image:none;
    list-style-type:disc;
    
}

#flyermenu
{
	width:100%;
	height:25px;
	text-align:center;
	padding:0;
}

#flyermenu hr
{
	width:420px;
	height:1px;
	text-align:center;
}
#flyermeny img
{
	margin-top:5px;
}


#flyermenu a
{
	color:#000099;
	text-decoration:none;
	padding:0 3px 0 5px;
}

#flyermenu a:hover
{
	text-decoration:underline;
}

#flyercontents
{
	width:100%;
	height:auto;
	text-align:left;
	overflow:hidden;
}
#flyercontents table
{
   width:100%;
}

#flyercontents td
{
    width:50%;
    text-align:center;
}
#flyercontents .contents
{
    margin:0px 15px 0px 15px;
    text-align:justify;
}

#flyercontents .articletitle
{
	font-size:1.5em;
	color:Blue;
	margin-top:10px;
	margin-bottom:-10px;
}

#flyercontents h4
{
    font-size:1.2em;
    color:#000000;
}

#roadmarch li 
{
    list-style-type:decimal;
    list-style-image:none;
}
#flyerbottom span
{
    display:none;
}
#flyertop span
{
    display:none;
}
.homepagesubsection .image-area-left{
	margin: 0px;
	padding: 0px;
}
.homepagesubsection .item
{
	margin: 0px;
}
.ms-WPBody{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
}
.ms-WPBody td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
}
.ms-TPBody h2{
	font-size:11pt;
	color:#FF0000;
}
.ms-WPBody h2{
	font-size:11pt;
	color:#FF0000;
}
.ms-WPBody h4{
	font-size:1.2em;
}
/* Corperate Page */
#corporatebanner .image-area-left{
	margin: 0px;
	padding: 0px;
}
#corporatebanner .item
{
	margin: 0px;
}

/* Custom Styles to Rich Text Editor */
.ms-rteCustom-Header1
{
	font-family: Arial;
	font-size: 12pt;
	color: #FF0000;
	font-weight: bold;
}
.ms-rteCustom-Header2
{
	color: #FF0000;
	font-family: Arial;
	margin-bottom: 0.5ex;
	margin-top: 1em;
	font-size: 11pt;
}
.ms-rteCustom-Header3
{
	color: #FF0000;
	font-family: Arial;
	margin-bottom: 0.5ex;
	margin-top: 1em;
	font-size: 9pt;
}
.ms-rteCustom-link
{
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.ms-rteCustom-p
{
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.ms-rteCustom-RedText
{
	color: #FF0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
/* End of Custom Styles to Rich Text Editor */
#partyhead{
	height:15px;
	position:relative;	
	top:-7px;
	padding:0;
	left:0px;
}
#flyernav{
	position:relative;
	top:-10px;
	left:0px;
}
#flyernav a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color: #000099;
	padding: 0 3px 0 5px;
	text-align:center;
	text-decoration:none;
}
#barwebpart{
	position:relative;
	top:-20px;  
	padding:0;
}
.tabbedwindow{
	position:relative;
	top:-10px;  
	padding-left:15px;
}
/* Left Navigation Styles*/
#leftcolumn {
	background: #ffffcc;
	border-right: 1px solid #E5A680; 
	padding: 15px 5px 0px 5px;
	width: 169px;
	text-align: right;
	vertical-align: top; 	
}
#leftcolumn a:visited {
	color: #006600;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
} 

#leftcolumn a:link {
	color: #006600;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
} 

#leftcolumn a:hover {
	color: #006600;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
}

#leftcolumn ul {
	clear: both;
	padding: 0px;
	list-style-image: none;
	margin: 0em 0em 1em 25px;
	list-style-type: none;
}

#leftcolumn li {
	/*CLEAR: both;*/
	color: #006600;
	padding: 1px 0px 2px 3px;
	margin: 0px;
	line-height: 1.3em;
	text-decoration : none;
	list-style-type: none;
	list-style-image: none;
}

.topblock {
	background: url('Images/nav-corp-top.gif'); 
	background-repeat:no-repeat;
	background-position: top left;
	/*padding:0 0 0 0;*/
	padding-top: 10px;
	margin:0 0 0 0;
	width: 160px;
	text-align: right;
	vertical-align: top;
	/*background: #ffe67d;*/
}
.bottomblock {
	background: url(Images/nav-corp-btm.gif); 
	background-repeat:no-repeat;
	background-position: bottom left;
	/*padding:0 0 0 0;*/
	padding-bottom: 10px;
	margin:0 0 0 0;
	width: 160px;
	text-align: right;
	vertical-align: top;
	/*background: #ffe67d;*/
}

#leftcolumn .ms-navsubmenu2
{
	background-color: #FFE67D;
	margin: 0px;
	padding: 0px;
}
#leftcolumn .ms-navheader
{	
	background-color: #FFE67D;
	margin: 0px;
	padding: 0px;
}
#leftcolumn .ms-selectednav, .ms-GRSortFilter
{
	background-color: #FFE67D;
	border: 0px;
}
#leftcolumn table.ms-navitem td, span.ms-navitem 
{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 6px 0px 16px;
	text-align: left;
	background-repeat: no-repeat;
	background-image: none;
	background-position: left-top;			
	background-image:url(/_layouts/images/navBullet.gif);
	font-size: 8pt;
}
#leftcolumn table.ms-navheader td
{
	text-align: left;
	padding-left: 6px;
	font-size: 9pt;
	font-family:Arial, Helvetica, sans-serif;
}
/* Customer Feedback Styles*/
.ms-formlabel
{
	background-color: #FFFFCC;	
	width: 100px;		
}
.ms-formbody
{
	background: #FFFFCC none repeat scroll 0 0;
	width: 450px;
}

.groupheader
{
	display: none;
}
/****** Style to overwrite a background color for the publishing menu *********/
.ms-consolemptablerow
{
	background-color: white;
}