@import url('clearBrowser.css');
@import url('layout.css');
@import url('fadedTop.css');
@import url('archTop.css');
/* ========== */
/* = colors = */
/* ========== */
/*
* red: #E41937
* blue: #0179AE
*/

/* ========================== */
/* = General Text Formating = */
/* ========================== */
body {
	font: 10pt Tahoma, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;	
}
p { text-indent: 25px; color: #052C3F; margin: 1em 10px;}
em { color: #0179AE; text-transform: capitalize; font-style: normal;}
strong { color: #E41937; font-weight: bold; letter-spacing: .2em; text-transform: uppercase; text-decoration: underline;}
h2 {
	color: #E41937;
	font-size: 1em;
}
h4 {
	color: #0179AE;
	font-weight: bold;
	margin-bottom: 0;
}
#wrapper_mid * { text-align: left; }
/*-->*/

/* ======================== */
/* = Secondary Navigation = */
/* ======================== */
#pageFooter, ul#secondaryNav { 
	width: 600px;
	list-style: none; 
	left: 50%;
	margin-left: -345px;
	position: relative;
}
ul#secondaryNav { text-align: center; margin-left: -300px; }
#secondaryNav li { display: inline; white-space: nowrap; }
#secondaryNav a { color: #fff; }
#pageFooter #comments { font-size: 12px; }
#pageFooter p { font-size: 10px; text-align: center; }

/* =================== */
/* = Main Navigation = */
/* =================== */
#mainNav ul { 
	position: relative;
	top: -15px!important;
	top: -25px;
	left: 14px;
	list-style: none; 
	padding-left: 120px;
	background: url(/images/menuTop_background.png) no-repeat left top!important;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menuTop_background.png',sizingMethod='crop');
	height: 34px;
}
#mainNav ul li { float: left; margin: 0; padding: 0;}
#mainNav ul li { text-indent: -16000px; }
#mainNav ul li a {
	display: block;
	height: 34px;
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
}
#mainNav #homeNav a { 
	background-image: url(/images/menuTop_home.png) !important; 
	background-image: none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menuTop_home.png',sizingMethod='crop');
	width: 42px; 
}
#mainNav #menuNav a { 
	background-image: url(/images/menuTop_menu.png) !important; 
	background-image: none; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menuTop_menu.png',sizingMethod='crop');
	width: 47px; 
}
#mainNav #promotionsNav a { 
	background-image: url(/images/menuTop_promotions.png) !important;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menuTop_promotions.png',sizingMethod='crop');
	width: 147px; 
}
#mainNav #employmentNav a { 
	background-image: url(/images/menuTop_employment.png) !important;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menuTop_employment.png',sizingMethod='crop');
	width: 86px; 
}
#mainNav #fundraisingNav a { 
	background-image: url(/images/menuTop_fundraising.png) !important;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menuTop_fundraising.png',sizingMethod='crop');
	width: 83px; 
}
#mainNav #surveyNav a { 
	background-image: url(/images/menuTop_survey.png) !important;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menuTop_survey.png',sizingMethod='crop');
	width: 56px; 
}
#mainNav #teacherRewardsNav a { 
	background-image: url(/images/menuTop_teacherRewards.png) !important;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menuTop_teacherRewards.png',sizingMethod='crop');
	width: 143px; 
}
/*-->*/

/* ================== */
/* = Header Section = */
/* ================== */ 
#header { position: relative;}
#headerLogo {
	position: absolute;
	top: -25px;
	left: -50px;
} 
#header h1 {
	text-indent: -19000px;
	position: absolute;
	top: 60px;
	left: 120px;
	background: url(/img/headerText.png) no-repeat top left !important;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/headerText.png',sizingMethod='image');
	width: 331px;
	height: 77px;
}
#headerText {
	position: absolute;
	bottom: 0;
	left: 30px;
	height: 80px;
	width: 450px;
	overflow: auto;
	text-align: left;
	font-size: 8pt;
}

#headerText h2 { color: #E41937; font-size: 10pt; margin: 0;}
#headerText p { margin: 0;}
#headerText .button.toSurvey { float: right; margin: 0; }
/*-->*/

/* ============== */
/* = Hot Deals  = */
/* ============== */
#hotDeals {
	position: absolute;
	right: 17px;
	bottom: 2px;
	background: url(/images/hotDealsBackground.gif) no-repeat right bottom;
	height: 80px;
	width: 216px;
	text-align: left;
/*	overflow: auto;*/
}
#hotDeals form { margin: 0 0 -10px 0; padding: 0 0 0 5px; }
div#hotDeals p, #hotDeals h2 {
	margin: 5px 0 0 5px !important;
}
div#hotDeals h2 {
	font-size: 8pt;
	color: #fff;
	text-decoration: underline;
	text-indent: 10px;
}
div#hotDeals label {
	color: #fff;
	font-size: 8pt;
	float: left;
	display: block;
	margin: 8px 5px 0 0;
	width: auto;
}
div#hotDeals input {
	float: left;
	width: 100px;
	top: 0;
	margin: 0;
	padding: 0;
}
div#hotDeals input.smallButton {
	width: auto;
}	
* html #main_survey { width: 395px; }
form { font-size: 1em; }
form label { cursor: pointer; }
form input, form, textarea { padding: .25em;}
form legend { color: #0179AE; font-weight: bold; padding: 1em 0 .5em 0; }
form li:hover, form textarea:hover, form input:hover
	{ background-color: #FFFFE6; }
input:focus, textarea:focus, select:focus { background-color: #ffc;}
form li input:hover { outline: none;}
fieldset { border-style: none; }


form p, form div { clear: left; position: relative; width: 100%; text-indent: 0; margin: 0 0;}
form label, form .label { display: block; }
form em, form em { color: #F00; font-size: .75em; }
form input { width: 10em; }
form textarea { height: 10em; width: 85%;}
form li input, form p.buttons input { width: auto; }
form input, form select, form textarea { margin-left: 1em; margin-right: 1em; }
form ul, form ol { list-style: none; padding-left: 0; }
form li { margin-left: 0; }
form ul { width: 8em; }
form li label { color: #666; font-size: .8em;}
form ul li { width: 49% !important; float: left !important; }
form ul li select, ul li input { float: left; }

.inline label, .inline .label { display: inline; float: left; width: 50%; text-align: right !important; }
/*.inline em { display: block; }*/
.inline ul, .inline ol { clear: left; margin-left: 50%; position: relative; top: -1.1em; width: auto;}
.inline li label { width: auto; float: none; text-align: left; }

ul.inline { padding-left: 1em; }
ul.inline li { float: left; position: relative; width: auto !important;}
ul.inline li select, ul.inline li input { margin-left: 0; margin-right: 0; margin-bottom: 1.2em;}
ul.inline li label, ol.inline li label { color: #7F7F7F; font-size: .75em; text-align: left; margin-left: 1em; float: left;}
ul.inline li label { position: absolute; top: -2em; left: 0; }
ol.inline li { width: 10em; }
ol.inline li label { float: right; margin: 0;}

form .buttons input,form .buttons a { float: right; }
form .buttons { clear: right; }
form .privacyStatement {
	width: 75%;
	height: 200px;
	overflow: scroll;
	border: 2px solid #999;
	position: relative;
	left: 25px;
	padding-left: 25px;
	padding-right: 2px;
	font-size: .7em;
}
form .privacyStatement ol {
	list-style-type: uppert-roman;
	margin: auto;
	padding: auto;
}
form .privacyStatement ol li:hover { background: none; }

/*-->*/

/* ======================== */
/* = Buttons for the Site = */
/* ======================== */
.button {
	display: block;
	height: 24px;
	text-indent: -1900px;
}
.button.toSurvey {
	background: url(/images/surveyButton.gif) no-repeat left top;
	width: 141px;			
}
/*-->*/


/* =========================== */
/* = Content Areas: menuWide = */
/* =========================== */
div.box.wide.menu { 
	position: relative;
	left: 25px;
	background: #fff url(/images/menu_top.jpg) repeat-x top left;
	width: 390px;
	margin: 40px 0 0 0;
	padding: 0;
}		
div.box.wide.menu .bottom { background: url(/images/menu_bottom.jpg) repeat-x bottom left; }
div.box.wide.menu .orderOnline {
	position: absolute;
	top: -35px;
	left: -35px;
}

div.box.wide.menu .creditCardLogos {
	position: relative;
	float: right;
}

div.box.wide.menu h3 {
	color: #0179AE;
	font-size: 10pt;
	border-bottom: 1px solid #0179AE;
	text-align: right;
	padding-left: 150px;
}
div.box.wide.menu ol { 
	list-style: none; 
	height: 141px;
	padding-bottom: 15px;
}

div.box.wide.menu ol li {
	font: 10pt Arial, "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	display: block;
	width: 350px;
	font-weight: bold;
	color: #E41937;	
	text-indent: 90px;
	padding-top: 8px;
	padding-bottom: 10px;
}

div.box.wide.menu ol li a {
	display: block;
	text-align: right;
	position: relative;
	right: -30px;
	color: #808080;
	font-size: 9pt;
}

div.box.wide.menu ol li a img {
	position: absolute;
}

li.first { 
	position: relative;
	left: -15px;
	background: url(/images/1.gif) no-repeat 0 0; 
}
li.first a img {
	top: -35px;
	right: 0;
}
li.second { 
	position: relative;
	top: 15px;
	background: url(/images/2.gif) no-repeat 0 0; 
}
li.second a img {
	top: -10px;
	right: 3px;
}
li.third { 
	position: relative;
	top: 30px;
	left: 15px;
	background: url(/images/3.gif) no-repeat 0 0; 
}
div.box.wide.menu ol li.third a { right: -90px;}

#pizzaCoke_bl {
	position: absolute;
	bottom: -40px;
	left: -80px;
}

/* ======================= */
/* = Faded Top Specifics = */
/* ======================= */
div.box.fadedTop {
	margin: 100px 0 20px 0;
	display: inline; /*KLUDG*/
	float: left;
}
#page_home div.box.fadedTop {
	width: 42%;
}
#rightcol div.box.fadedTop {
	width: 99%;
/*	float: none;*/
}

div.box.fadedTop img { float: right; }
#currentDeals.fadedTop h3 {
	text-indent: -19000px;
	background: url(/images/currentPromotions.png) no-repeat right top ;
	width: 131px;
}
#joinOurTeam.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/joinOurTeam.png) no-repeat right top;
	width: 113px;	
}
#survey.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/takeASurvey.png) no-repeat right top ;
	width: 189px;	
}
#contactRequests.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/contactRequests.png) no-repeat right top ;
	width: 133px;	
}
#employmentApplication.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/onlineApplication.png) no-repeat right top ;
	width: 122px;	
}
#coupons_content.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/coupons_fadded.png) no-repeat right top ;
	width: 64px;	
}
#chooseYourPizza.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/chooseYourPizza.png) no-repeat right top ;
	width: 135px;	
}
#feast.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/feastPizzas.png) no-repeat right top ;
	width: 85px;	
}
#sideItems.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/sideItems.png) no-repeat right top ;
	width: 74px;	
}
#sideItems.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/drinks.png) no-repeat right top ;
	width: 74px;	
}
#teacherRewardsProgram.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/studentRewardsProgram.png) no-repeat right top ;
	left: 20px;
	width: 170px;	
}
#classroomPizzaPartys.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/classroomPizzaPartys.png) no-repeat right top ;
	width: 179px;	
}
#schoolLunch.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/schoolLunchSales.png) no-repeat right top ;
	width: 170px;	
}
#throwAParty.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/throwAParty.png) no-repeat right top ;
	width: 94px;	
}
#fundraisingIdeas.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/greatFundraisingIdeas.png) no-repeat right top ;
	width: 157px;	
}
#doughCards.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/dominosDoughCards.png) no-repeat right top ;
	width: 151px;	
}
#doughRaisingNights.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/doughRaisingNights.png) no-repeat right top ;
	width: 151px;	
}
#groupConcessions.fadedTop h3  {
	text-indent: -19000px;
	background: url(/images/groupConcessions.png) no-repeat right top ;
	width: 151px;	
}

#currentDeals p {
	color: #E41937;
	text-indent: 0;
	margin: 1em 5px;
}

/* ===================== */
/* = ArchTop Specifics = */
/* ===================== */
div.box.archTop {
	margin-top: 25px;
}
#page_menu #rightcol #coupons .content a img {
	margin-left: 30px;
}

#coupons.archTop h3 span {
	text-indent: -19000px;
	background: url(/images/coupons.png) no-repeat 100% 0 ;
	width: 88px;
} 
#teacherRewards.archTop h3 span {
	text-indent: -19000px;
	background: url(/images/archTopContentArea_TSC.png) no-repeat 100% 0 ;
	width: 133px;
	height: 40px;
} 
#fundraising.archTop h3 span {
	text-indent: -19000px;
	background: url(/images/fundraising.png) no-repeat 100% 0 ;
	width: 113px;
} 

#fundraising ul {
	padding: 15px;
}

#fundraising li {
	background-image: url(/images/fundraisingIcon.gif);
	background-repeat: no-repeat;
	background-position: -0px;
	list-style: none;
	text-indent: 25px;
}

#fundraising li a {
	text-decoration: none;
}

#payout {
	text-indent: -1900px;
	background: url(/images/payout.png) no-repeat;
	position: relative;
	float: right;
	width: 66px;
	height: 54px;
}

div.box.archTop .moreInfo {
	clear: both;
}
/*-->*/


/* ========================= */
/* = Extra Information Box = */
/* ========================= */
div.box.extraInfo {
	width: 470px;
	height: 92px;
	position: relative;
	left: -20px;
	top: 8px;
	background: url(/images/extraInfoBack.png) no-repeat ;
	clear: left;
}
#page_menu div.box.extraInfo { top: 8px; }

div.box.extraInfo div {
	float: left;
	position: relative;
	margin: 0; padding: 0;
}
div.box.extraInfo .contactInfo {
	width: 175px;
	font-size: 8pt;
	line-height: 8pt;
	margin: 0;
	padding: 0;
}

div.box.extraInfo .contactInfo .phoneNumber{
	text-decoration: underline;
}

div.box.extraInfo .sponsorshipInfo h4 {
	font-size: 8pt;
	color: #0179AE;
	text-decoration: underline;
	position: absolute;
	top: 0;
	left: 0;
}

div.box.extraInfo .sponsorshipInfo a {
	float: left;
	position: relative;
}
#redCross { top: 40px; }
#stJudes { top: 25px; }
#relay { top: 25px; }
#nascar { top: 35px; }


/* ================== */
/* = Survey Section = */
/* ================== */
#survey { width: 98%;}
#employmentApplication form p { margin-top : 1em;}
#employmentApplication { width: 98%; }
#contactRequests {   width: 412px; margin-right: -25px;}

#page_menu #maincol div.box.fadedTop { width: 98%;}

#page_menu .secondary, #page_menu #toppings ul {
	display: block;
	float: left;
	width: 49%;
}

#page_menu ul#crustListing span,  #page_menu table#pizzaPrices span{
	font-size: .7em;
	margin-left: 10px;
	color: #666666;
}

#page_menu table#pizzaPrices .even {
	background-image: url(/images/blueGrad4.gif);
	background-repeat: repeat-y;
}

#feast .secondary.even, #feast .secondary.even img { float: left; clear: left;}
#feast .secondary.odd, #feast .secondary.odd img { float: right; clear: right;} 
#feast .secondary.even img {
	position: relative;
	margin: 0;
	left: -21px;
}
#feast .secondary.odd img {
	position: relative;
	margin: 0;
	right: -19px;
}
#feast .price { display: none; }
.price span { font-variant: small-caps; color: #7F7F7F; margin-right: 5px; font-size: .66em; }
.price { margin: 0 0; font-size: 1.5em; }

#sideItems .description, #feast .description{ text-indent: 0px; }
#sideItems div.even, #sideItems div.odd {
	clear: both;
	margin-bottom: 2em;
}
#sideItems img, #sideItems .price { float: right; clear: right; width: 100px; text-align: right;}
#sideItems img {
	position: relative;
	margin: 0;
	right: -19px;
}

#page_coupons #currentDeals img, #page_promotions #currentDeals img { margin-left: 20px !important; 
	margin-left: -20px;
	margin-right: -5px;
	position: relative;
}
form .buttons { float: right;}

.orderOnline {
	position: absolute;
	top: 235px;
	left: 0;
	z-index: 100;
}

#page_fundraising .box.fadedTop {
	margin-top: 70px;
}

#page_promotions #coupons_content,#page_promotions #coupons_content {
	width: 585px;
	margin: 100px -105px 25px 30px;
}
* html #page_promotions #coupons_content .i3 , * html #page_promotions #coupons_content .i3 {
	width: 99%; /*IE 6 KLUDG*/
}

#page_menu #rightcol .fadedTop {
	margin-top: 55px;
}

/* =========== */
/* = Coupons = */
/* =========== */
.coupon { 
	border: 2px dashed #999;
	background: url('/library/images/coupon_background') 50% 0;
}
.coupon h3 {
	position: static !important;
	background-image: none !important;
	background-color: #BD2626;
	color: #fff;
	text-align: center !important;
	margin: 10px 0; padding: .5em 0;
}
.coupon .description {
	text-align: center;
	margin: 0 10px .5em 10px;
}
.coupon .price { 
	color: #000;
	text-align: right !important; font-size: 1.6em !important; font-weight: bold !important;
	border-bottom: 1px dotted #999;
	margin: 0 15px;
}
.coupon .price sup { font-size: .8em; text-decoration: underline;}
.coupon .price span {
	font-size: 9pt; font-weight: normal;
	margin-right: 0;
	color: #3F3F3F;
}
.coupon .couponCode { text-align: right; margin: 5px 5px 1.5em 0; }
.coupon .couponCode span { border: 1px solid #999; padding: 2px; color: #000;}
.coupon .disclaimer {
	padding: 5px;
	margin-right: 10px;
	border-top: 1px solid #999;
}
.coupon .disclaimer img { float: right; }
#page_coupons .coupon, #page_promotions .coupon{
	width: 45%;
	margin: 25px 5px;
	height: 32em !important;
	float: left;
}
#coupons_content.fadedTop div.coupon h3  {
	text-indent: 0;
	background: none !important;
	background-color: red !important;
	width: auto;
}