/* Clear Fix
----------------------------------------------------------------------------------------------------*/
.clearfix:after
{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
 
.clearfix { display: inline-block }
 
html[xmlns] .clearfix { display: block }
 
* html .clearfix { height: 1% }

/* CSS Begin
----------------------------------------------------------------------------------------------------*/
body
{ font-family: sans-serif; font-size: 1em; color: #222; line-height: 1.3; min-width: 990px; width: 100%; text-align: center; background: #f6f6f6 url(../images/body.jpg) 0 0 repeat }

#wrap
{ display:table; width:100%; background:url(../images/wrap.jpg) center 30px no-repeat }

strong { font-weight: 700 }

a:hover, a:active, a:focus, a:active
{ outline: none; -moz-outline-style: none }

p { line-height: 1.3; font-size: .95em }

h1, h2, h3, h4 { line-height: 1 }

h1, h2, h3, h4, #nav a, .yellowBtn, .greyBtn, .redBtn, .showcase_specials li a, #footer_upsell, .menunav li a, .download-menu a, .view-specials a, .menu-table th span { font-family: 'Oswald', 'Impact', 'Haettenschweiler', 'Arial Black', sans-serif; text-transform: uppercase; zoom: 1; word-spacing: 0.15em }

#header, #content, #footer
{ width: 978px; margin: 0 auto }

#logo, #nav, #nav li, #mainnav ul, #mainnav ul li, .sub_mainnav li, .featurebox, #sidebar, #subcontent,
.newsletter input.yellowBtn, .yellowinput, .greyinput, .greyselect, .sitemap ul, .menu-list, .topping-list, .specials-col li, .kids li 
{ float: left }


/* Header
------------------------------------------------*/
#header { padding-top: 10px }

#logo { width: 261px; z-index: 4; position: relative }

#logo a
{ display: block; background:url(../images/logo.png) 0 0 no-repeat; width: 261px; height: 196px; text-indent: -9999px; overflow: hidden }

#nav { width: 685px; margin: 65px 0 0 30px; background:url(../images/topnav_shadow.png) center bottom no-repeat; padding-bottom: 27px }

#nav li a { display: block }

#topnav, #mainnav { display: block }

#topnav { margin: 0 0 15px 35px }

#topnav li { position: relative }

#topnav li a
{ background-image:url(../images/topnav_icons.png); background-repeat: no-repeat; text-decoration: none; padding-left: 40px; height: 40px; overflow: hidden; font-size: 1.2em; line-height: 2 }

#topnav li.socialLinks { float: right }

#topnav li.socialLinks li { margin-right: 35px }
#topnav li.socialLinks li span {display: inline-block; margin-top: 10px} /*--facebook like box--*/

a.orderLink { background-position: 5px 0; padding: 0 15px; position: absolute; width: 120px; top: 0; left: 0  }
a.orderLink:hover  { background-position: 5px 0 }

a.fbLink { background-position: 0 -40px; color: #3b5998; float: left; margin-right: 10px }
a.fbLink:hover { background-position: 0 -160px; color: #7697de }

a.twitterLink { background-position: 0 -80px; color: #0093d0 }
a.twitterLink:hover { background-position: 0 -200px; color: #4bc3f5 }

#mainnav { background:url(../images/mainnav.gif) 0 0 repeat-x; height: 56px; position: relative; z-index: 4 }

#mainnav li { position: relative }

#mainnav li { margin: 0 95px }
#mainnav li.first-child { margin-left: 30px }
#mainnav li.last-child { margin-right: 30px }

#mainnav li a
{ font-size: 1.4em; line-height: 2.4; text-decoration: none; color: #222; height: 55px; overflow: hidden }

#mainnav li a.redLink:hover { color: #c92b2b }
#mainnav li a.blueLink:hover { color: #0093d0 }
#mainnav li a.yellowLink:hover { color: #eac600 }

/* subnav */
#mainnav div.subnav {
	position: absolute; left: 1px; display: none; background: url(../images/subfeature.jpg) 0 0 repeat; border: 1px solid #222; padding-bottom: 5px;
	-webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.5)
}	

#mainnav div.subnavMenu { width: 570px }
#mainnav div.subnavSpecial { width: 400px}

.subnavMenu div { background:url(../images/menunav/menu.jpg) 98% 10px no-repeat; padding-right: 190px }
.subnavSpecial div {background: url(../images/menunav/special.jpg) 90% 20px no-repeat; padding-right: 190px }

#mainnav ul { width: 170px; margin: 10px }

#mainnav ul li, #mainnav ul li.first-child, #mainnav ul li.last-child { margin: 0 }
#mainnav ul li { width: 170px; text-align: left }

#mainnav ul a {
	display: block; line-height: 1.3em; padding: 8px 5px; color: #CCC; font-size: .9em; font-family: sans-serif; margin: 0; border: 1px solid transparent; height: auto
}

#mainnav ul a.yellowLink { color: #ffd800 }

#mainnav ul a:hover, #mainnav ul a.yellowLink:hover {
	text-decoration: none; background: #CCC; color: #222; border: 1px solid #fff; 
	-webkit-box-shadow: 0px 0px 2px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 2px 4px rgba(0, 0, 0, 0.5)
}


/* Main
------------------------------------------------*/
#main { background:url(../images/main.jpg) center bottom no-repeat }

.content_space { padding: 5px 0 60px }

h2 { color: #C92B2B; font-size: 1.5em; margin-bottom: 10px }

.redBtn { background: #c92b2b; color: #fff; padding: 8px 15px 10px; border-width: 1px 1px 5px 1px; border-color: #600808; border-style: solid; text-decoration: none; display: inline-block }

.redBtn:hover { background: #600808; border: 1px solid #000; color: #fff }

.yellowBtn, .greyBtn { padding: 5px 15px; border-width: 1px 1px 5px; border-style: solid; text-decoration: none; display: inline-block }

.yellowBtn { background: #ffd800; color: #222; border-color: #635003 }

.yellowBtn:hover { background: #b87e00; border: 1px solid #000; color: #302200 }

.greyBtn { background: #ccc; color: #222; border-color: #666 }

.greyBtn:hover { background: #999; border: 1px solid #000; color: #333 }

.yellowinput, .greyinput, .greyselect { border-width: 1px 1px 5px; border-style: solid; font-size: 1.1em; padding: 5px }

.yellowinput { border-color: #635003; height: 26px }

.greyinput, .greyselect { border-color: #666 }

.greyinput { width: 95% }
.greyselect { width: 98% }

#subcontent { width: 635px; background:url(../images/menu/divider.gif) 0 0 repeat-y; padding-left: 30px; margin-left: 25px; }

#subcontent h2 { padding-top: 10px }

#subcontent h2 span { font-size: .8em; vertical-align: middle}

#subcontent p { color: #555 }


/* Home Page
------------------------------------------------*/
#feature {
	height: 518px; background:url(../images/feature.png) 0 0 no-repeat; position: relative; top: 15px;
	-webkit-box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

#wedeliver { position: absolute; width: 116px; height: 93px; top: 13px; right: 15px; background:url(../images/wedelivery.png) 0 0 no-repeat; display: block; z-index: 3 }

h3.motto { font-size: 1.4em; position: absolute; top: 475px; left: 0; width: 100% }

.showcase_orderonline { width: 295px; height: 399px; background: url(../images/showcase/01.jpg) 0 0 no-repeat; padding: 70px 40px 15px 595px; text-align: left }

.showcase_orderonline h1, .showcase_specials h1 { font-size: 3em; margin: 5px 0 10px }
.showcase_orderonline h1 a, .showcase_specials h1 a{  text-decoration: none }
.showcase_orderonline h1 a:hover, .showcase_specials h1 a:hover { color: #fff; text-shadow: 0px 2px 1px #444 }

.showcase_orderonline h1, .showcase_orderonline h1 a { color: #c92b2b; text-shadow: 0px 2px 1px #f66666 }

.showcase_orderonline h2 { color: #ccc; font-size: 1.5em }

.showcase_orderonline p, .showcase_specials p { color: #bbb; margin-bottom: 15px }

.showcase_orderonline a.redBtn { display: block; position: relative; padding-left: 110px; margin: 50px 30px 0 5px }
.showcase_orderonline a.redBtn span { position: absolute; width: 150px; height: 153px; top: -42px; left: -23px; background:url(../images/showcase/01-calzilla.png) 0 0 no-repeat }

.mobile { bottom: 20px; left: 595px; margin-right: 30px; position: absolute; -webkit-box-shadow: 0px 0px 3px 1px #111; -moz-box-shadow: 0px 0px 3px 1px #111; box-shadow: 0px 0px 3px 1px #111; border: 1px solid #555; font-size: .9em; background:url(../images/showcase/mobile.jpg) 10px 10px no-repeat #444; min-height: 130px }
.mobile p { padding: 20px 10px 0 130px; font-size: .9em }
.mobile p strong { color: #FFD800; font-size: 1.2em; line-height: 1.3; display: block; margin-bottom: 5px }

.showcase_calzilla { display: block; width: 930px; height: 92px; padding-top: 391px; background:url(../images/showcase/showcase-calzilla.jpg) 0 0 no-repeat; text-align: left }
.showcase_calzilla p { display: none }
.showcase_calzilla a.redBtn { position: relative; left: 385px }

.showcase_specials { display: block; width: 325px; height: 412px; background:url(../images/showcase/showcase-specials.jpg) 0 0 no-repeat; text-align: left; padding: 70px 20px 0 605px }

.showcase_specials h1, .showcase_specials h1 a { color: #FFD800; text-shadow: 0px 2px 1px #897400 }

.showcase_specials li { margin: 10px 0 }

.showcase_specials li a { color: #fff; text-decoration: none; font-size: 1.2em }

.showcase_specials li a:hover { color: #c92b2b }

.showcase-content a.redBtn { font-size: 1.1em }


/* Menu Page
------------------------------------------------*/
.hdr { background:url(../images/hdr.gif) 0 0 repeat-x; color: #C92B2B; font-size: 2em; height: 71px; line-height: 2; padding: 10px 28px; text-align: left; position: relative; margin-bottom: 25px }

.hdr span { border-left: 1px solid #999; color: #666; display: inline-block; font-family: sans-serif; font-size: 0.65em; line-height: 1.3; margin-left: 15px; padding-left: 15px; position: relative; text-transform: none; top: -9px; height: 30px; word-spacing: 0 }

.hdr span strong { color: #222 }

.hdr .yellowBtn { font-size: .6em; line-height: 1.3; position: relative; top: -8px; margin-left: 10px }

.sub_mainnav li { margin: 0 30px 30px }

.sub_mainnav li a { display: block; background-position: 0 0; background-repeat: no-repeat; width: 264px; padding-top: 212px; color: #222; text-decoration: none }

.sub_mainnav li a:hover { color: #C92B2B }

.sub_mainnav li a span { background:url(../images/menu/shadow.gif) center 0 no-repeat; display: block; padding-top: 10px }

.menuPizzaBtn { background-image:url(../images/menu/pizza.jpg)}
.menuCalBtn { background-image:url(../images/menu/calzown.jpg)}
.menuSubBtn { background-image:url(../images/menu/sub.jpg)}
.menuGyroBtn { background-image:url(../images/menu/gyro.jpg)}
.menuChickenBtn { background-image:url(../images/menu/wing.jpg)}
.menuSaladBtn { background-image: url(../images/menu/salad.jpg)}
.menuSideBtn { background-image:url(../images/menu/side.jpg) }
.menuSodaBtn { background-image:url(../images/menu/soda.jpg) }
.menuViewAllBtn { background-image: url(../images/menu/viewall.jpg)}

.specialsLunchBtn { background-image:url(../images/specials/lunch.jpg)}
.specialsDailyBtn { background-image:url(../images/specials/daily.jpg)}
.specialsMixBtn { background-image:url(../images/specials/mix.jpg)}
.specialsPartyBtn { background-image:url(../images/specials/party.jpg)}
.specialsCouponBtn { background-image:url(../images/specials/coupon.jpg)}
.specialsGiftBtn { background-image:url(../images/specials/giftcard.jpg)}


/* Menu Sub Page --- */
#menu, #community, #specials, #career { margin: 0 15px; text-align: left; position: relative }

/* Menu - Sidebar --- */
#sidebar { width: 250px; position: relative }

.menunav, .menu-upsell{ margin-bottom: 25px }

.menunav li { border-width: 2px 0 1px; border-style: solid; border-color: #fff #fff #ccc; position: relative }
.menunav li:first-child { border-top-width: 0 }
.menunav li:last-child { border-bottom-width: 0 }

.menunav li a { text-decoration: none; color: #222; font-size: 1.1em; padding: 10px 15px; display: block; position: relative; z-index: 3 }

.menunav li a:hover { color: #C92B2B }

.menunav li a:hover:after { content: "\25B6"; color: #C92B2B; font-size: .85em; position: absolute; right: 0; top: 11px } 

.tag-new { position: absolute; right: 20px; display: inline-block; padding: 5px 10px; color: rgb(255, 255, 255); font-weight: 700; background: #C92B2B; font-size: .8em; top: 9px; z-index: 2 }

.menu-upsell { background-color: #fff; background-color: rgba(255,255,255,.8); border: 1px solid #ccc; background-repeat: no-repeat; background-position: 10px 5px; font-size: .9em }

.download-menu { background-image:url(../images/menu/icon_dl.png); font-size: 1.1em }

.download-menu:hover { background-color: #666; background-color: rgba(0,0,0,.5); border: 1px solid #333 }

.download-menu a { display: block; text-decoration: none; color: #222; padding: 15px 15px 15px 85px }

.download-menu a span { color: #C92B2B; display: block; font-size: 1.2em }

.download-menu a:hover, .download-menu a:hover span { color: #fff }

.view-specials { background-image:url(../images/menu/icon_light.png); font-size: 1.1em }

.view-specials:hover { background-color: #666; background-color: rgba(0,0,0,.5); border: 1px solid #333 }

.view-specials a { display: block; text-decoration: none; color: #222; padding: 15px 15px 15px 85px }

.view-specials a span { color: #C92B2B; display: block; font-size: 1.2em }

.view-specials a:hover, .view-specials a:hover span { color: #fff }

.order-info { background-image:url(../images/menu/icon_info.png); padding: 15px 15px 15px 85px }

.order-info h4 { font-size: 1.3em; line-height: 1.3 }

.order-info ul { margin-top: 10px}

.order-info li { display: block; margin: 5px 0; color: #666 }


/* Menu - Content --- */
.menuitems { min-height: 650px }

.menuitems p strong span { color: #C92B2B }

.menubg { padding-bottom: 45px; background:url(../images/topnav_shadow.png) center bottom no-repeat }

.menu-table { width: 100%; font-size: .9em; border-width: 1px 1px 4px; border-style: solid; border-color: #ccc; background: #fff; margin-bottom: 20px }

.menu-table th, .menu-table td { padding: 10px }

.menu-table th { background: #222; color: #fff; text-align: left }

.menu-table th span { color: #ffd800; display: block; font-size: 1.1em  }

.menu-table td { border-bottom: 1px solid #ccc }

.row { background: #eee }

.title { font-weight: 700 }

.title em { color: #666; font-size: .8em }

.title strong { color: #C92B2B; font-size: 1.3em }

.pizza-table .title, .calzown-table .title, .wings-table .title, .fingers-table .title, .salads-table .title
{ width: 160px }

.menu-list { width: 192px }

.menu-list h3, .topping-list h3 { font-family: sans-serif; text-transform: none; font-weight: 700; padding-top: 15px; margin-bottom: 10px; line-height: 1.2 }

.menu-list h3 em, .menu-list p span { color: #C92B2B }

.menu-list h3 img { background:url(../images/menu/shadow.gif) center bottom no-repeat; padding-bottom: 14px }

.menu-list p, .toppings { font-size: .8em }

.menu-list p, .toppings-list p { margin-bottom: 15px }

.menu-list p.description { height: 80px }

.menu-mid-list { margin: 0 29px }

.toppings-wrap { padding: 15px; background: #fff; border-width: 1px 1px 4px; border-style: solid; border-color: #ccc; margin-bottom: 20px }

.toppings-wrap h3 a { color: #222; font-size: 1.2em; line-height: 1.4; background-image:url(../images/state.gif); text-decoration: none; height: 34px; display: block; background-position: 98% 5px; background-repeat: no-repeat }
.toppings-wrap h3 a:hover { color: #c92b2b; background-position: 98% -55px;}

.toppings-wrap h3.active a { background-position: 98% -25px }
.toppings-wrap h3.active a:hover { background-position: 98% -80px }

.toppings-wrap h3 a span { font-family: sans-serif; font-weight: 400; padding-left: 5px; position: relative; top: -3px }

.toppings { border-top: 1px solid #ccc; padding-top: 15px }

.toppings_bg { background: url(../images/menu/topping.jpg) 98% 98% no-repeat }

.topping-list { width: 180px }

.topping-list p { line-height: 1.5 }

#subcontent .subhdr p { color: #444; margin: 10px 0 5px }

.subhdr p span { color: #888; font-size: .9em }

.subhdr { border: 1px solid #ccc }

.subhdr h3 { color: #C92B2B; font-size: 2em; margin-top: 25px }

.subhdr h3 sup { color: #444; font-size: .6em; vertical-align: top }


/* Menu Sub Page - Pizzas  */ 
#pizza-create-table { background:url(../images/menu/pizza-create-table.png) right 0 no-repeat; padding-top: 32px }

/* Menu Sub Page - Calzowns  */ 
#calzown-hdr { background: #f4f4f4 url(../images/menu/calzown/calzown.jpg) 100% 100% no-repeat; padding: 10px 15px; height: 135px; margin-top: 20px }


/* Menu Sub Page - Subs  */
#supersub-hdr { background: #fcfaf9 url(../images/menu/sub/supersub.jpg) 100% bottom no-repeat; padding: 10px 280px 20px 15px; margin-top: 20px }
.menu-upsell-sub { margin-left: 10px}

/* Menu Sub Page - Gyros  */
#gyros-hdr { background: #fff url(../images/menu/sub/gyro.jpg) 95% bottom no-repeat; padding: 10px 240px 20px 15px; margin-top: 20px; border-color: #CCC; border-width: 1px 1px 0; border-style: solid }

.menuitems #gyros-hdr p { color: #333 }

#gyros-hdr h3 { color: #C92B2B }

#gyros-hdr h3 sup { color: #333}

/* Menu Sub Page - Wings */
#wings-hdr, #fingers-hdr { border: 1px solid #aaa; height: 185px; margin: 20px 1px 0; width: 631px }

#wings-hdr  { background: #254788 url(../images/menu/wing/wing.jpg) center 0 no-repeat }

#fingers-hdr { background: #111a36 url(../images/menu/wing/finger.jpg) center 0 no-repeat }

/* Menu Sub Page - Salad */
#salads-hdr { background: #f4f4f4 url(../images/menu/salad/salad.jpg) 100% 100% no-repeat; padding: 10px 280px 20px 15px; margin-top: 20px; min-height: 205px }

/* Menu Sub Page - soda */
#sodas-hdr { background: #f4f4f4 url(../images/menu/soda/soda.jpg) 100% bottom no-repeat; padding: 10px 195px 20px 15px; margin-top: 20px; min-height: 130px }

/* Specials Page
------------------------------------------------*/
#specials-promo { margin: 0 35px 30px 30px; text-align: left}

#specials-promo .coupons { background: #fff url(../images/specials/special_promo.jpg) 100% 100% no-repeat}
#specials-promo .coupons li { background-color: transparent; padding-bottom: 60px; position: relative }
#specials-promo .coupons li a.yellowBtn { position: absolute; bottom: 20px; left: 70px }

#specials-promo h2 { color: #222; position: relative }
#specials-promo h2 span { color: #C92B2B; display: inline-block; font-size: .9em; top: 0; right: 0; position: absolute }

#specials-promo h3 { font-size: 1.2em; line-height: 1.3; margin-bottom: 20px }
#specials-promo h3 span { color: #C92B2B; font-size: 1.3em}

#specials-promo p { margin-bottom: 10px }

.specials-content { min-height: 350px }

#specials h3, #community h3 { font-size: 1.2em; margin-bottom: 20px; position: relative }

#specials h4 {line-height: 1.3; font-size: 1.2em }

#specials h4, #specials p { margin-bottom: 10px }

#specials h3 span, #specials h4 span { color: #C92B2B; font-size: 1.4em }

#specials p.printcoupon { position: relative; min-height: 40px }

#specials p a.yellowBtn { position: absolute; top: 0; left: 0; color: #222 }

#specials p a, .troublepdf a, .content-career p a { color: #C92B2B }
#specials p a:hover, .troublepdf a:hover, .content-career p a:hover { color: #222 }

.disclaimer { font-size: .9em; font-style: italic }

.disclaimer em { color: #C92B2B }

.specials-divider { border-bottom: 1px dashed #ccc; margin-bottom: 30px }

.specials-list { margin-bottom: 10px}

.specials-list li { list-style: disc inside; text-indent: 5px }

.specials-col li.specials-right-col { margin-left: 10px; padding-left: 10px; border-left: 1px solid #ccc }

.specials li, .coupons li { border-width: 1px 1px 4px; margin-bottom: 20px }

.specials li { background-color: #fff; border-color: #CCC; border-style: solid; padding: 15px 20px; background-position: 100% 0; background-repeat: no-repeat; font-size: .95em }

.specials span { color: #C92B2B; font-weight: 700; display: block; font-size: 2em; text-transform: uppercase }

.specials span sup, .coupons span sup { font-weight: 400; font-size: .45em; position: relative; top: -13px; text-transform:none; font-family: sans-serif }

.specials li ul li { border: none; margin: 5px 0; padding: 0; background-color: transparent}

/* Specials - Lunch */
.specials li.lunch, .specials li.daily { padding-right: 200px }

.specials li.lunch { height: 100px }

.specials li.lunch-slice { background-image:url(../images/specials/coupons/slice.jpg) }
.specials li.lunch-twoslice { background-image:url(../images/specials/coupons/pizza-wing.jpg) }
.specials li.lunch-sub { background-image:url(../images/specials/coupons/sub.jpg) }

/* Specials - Daily */
.specials li.daily-pizza { background-image:url(../images/specials/coupons/pizza-cheese.jpg); height: 100px }
.specials li.daily-pizza-wings { background-image:url(../images/specials/coupons/pizza-wing.jpg); height: 100px }
.specials li.daily-pizza-wings-two { background-image:url(../images/specials/coupons/pizza-wing2.jpg); height: 135px }
.specials li.daily-mix { background-image:url(../images/specials/coupons/sub-mix.jpg); height: 140 /*315px*/ }
.specials li.daily-wings { background-image:url(../images/specials/coupons/wings.jpg); height: 120px }

/* Specials - Party */
.specials li.party-supersub { background-image:url(../images/specials/coupons/supersub.jpg); /*height: 210px*/}
.specials li.party-small { background-image:url(../images/specials/coupons/party.jpg); height: 160px }
.specials li.party-large { background-image:url(../images/specials/coupons/partylarge.jpg); /*height: 160px*/ }
.specials li.party-salad-tray { background-image:url(../images/specials/coupons/party-salad-tray.jpg) }
.specials li.party-calzilla { background-image:url(../images/specials/coupons/party-calzilla.jpg) }

/* Specials - Coupons */
#vendors { margin: 0 15px 15px }

#vendors h3 { text-align: center; line-height: 1.3 }

#vendors h3 em span, #vendors h3 strong { font-size: .8em; vertical-align: middle }

#vendors h3 em, #vendors h3 strong { color: #C92B2B; font-weight: 400 }

#vendors img { display: block; margin: 30px 0 10px }

.coupons li { border-color: #999; border-style: dashed dashed solid; background-color: #fff; background-position: 0 0; background-repeat:no-repeat; padding: 15px 15px 15px 70px }

.coupon-deliver { background-image: url(../images/specials/deliver.png) }

.coupon-hot { background-image: url(../images/specials/hot.png) }

.coupon-free { background-image: url(../images/specials/free.png) }

.coupon-logo { background:url(../images/coupons/logo.png) 100% 100% no-repeat}

.troublepdf { background:url(../images/specials/trouble.gif) 0 0 no-repeat; padding-left: 40px; line-height: 2; min-height: 32px; height: auto !important; height: 32px }


/* Community Page
------------------------------------------------*/
#community p { margin-bottom: 15px; padding-bottom: 15px }

#community p a { color: #C92B2B }
#community p a:hover { color: #222 }

.new { color: #C92B2B }

.content-kids { min-height: 700px }
.content-reward h3 span { font-size: 1.3em; color: #C92B2B  }

.community-pic { position: absolute }
.funraising-pic { left: -22px; top: 170px }
.kids-pic { left: -18px; top: 145px }
.club-pic { left: 7px; top: 145px }

.kids { margin-bottom: 20px }
.kids li { margin-right: 15px; text-align: center }

.kidsBtn { display: block; width: 190px; height: 209px; background-repeat: no-repeat; background-position: 0 0; border: 2px solid #222; margin-bottom: 15px; text-indent: -9999px; overflow: hidden }
.kidsBtn1 { background-image: url(../images/community/kids1s.jpg)}
.kidsBtn2 { background-image: url(../images/community/kids2s.jpg)}
.kidsBtn3 { background-image: url(../images/community/kids3s.jpg)}


/* Contact Page
------------------------------------------------*/
#contact-wrap {
	background:url(../images/contact/contact-btm.png) 0 100% no-repeat; padding-bottom: 20px;
	-webkit-box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 5px 3px 0px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	margin-bottom: 30px
}

#contact-innerwrap { background:url(../images/contact/contact-top.png) 0 0 no-repeat; padding-top: 20px}

#career-upsell { text-align: left; margin: 0 300px 20px 30px; position: relative; background:url(../images/contact/lightbulb.png) 0 center no-repeat }
#career-upsell h4 { line-height: 2; min-height: 32px; padding-left: 35px }
#career-upsell a { margin-left: 15px; position: absolute; left: 195px; top: 0; line-height: 1 }

#contact { background: url(../images/contact/contact-bg.png) 0 0 repeat-y; padding: 15px 40px; position: relative; min-height: 200px}
#contact p { margin-bottom: 10px; text-align: center }
#contact p em { font-size: .9em }

#contact p a { color: #C92B2B }
#contact p a:hover { color: #222 }

#contact input.yellowBtn, #contact input.greyBtn { font-size: 1.1em; margin-right: 10px }

.contact-pic { position: absolute; background: url(../images/contact/contact.png) 0 0 no-repeat; width: 261px; height: 162px; top: -182px; right: 0 }

.textred { color: #C92B2B}

.contact-form { text-align: left }

.contact-form table { width: 100% }

.contact-form tr.form-divider { border-width: 1px 0; border-color: #ccc; border-style: dashed; padding: 10px 0}

.contact-form td { vertical-align: top; padding: 5px 0 }

.contact-form tr.form-divider td { padding-top: 10px; padding-bottom: 10px }

.contact-form td.textright { text-align: right; padding-right: 15px; width: 15% }

.contact-form td.textmid { vertical-align: middle }

.attention { background:url(../images/specials/trouble.gif) 0 5px no-repeat; padding: 5px 0 5px 45px; display: block; min-height: 32px }


/* Career Page
------------------------------------------------*/
#career #sidebar h3 { font-size: 1.2em; padding: 10px 15px }

#career #sidebar p { font-size: .9em; padding: 0 15px 30px; border-bottom: 1px solid #ccc }

.job-openings li { border-width: 2px 0 1px; border-style: solid; border-color: #fff #fff #ccc; position: relative}
.job-openings li:last-child { border-bottom-width: 0 }

.job-openings li a { text-decoration: none; color: #222; padding: 10px 15px; display: block }

.job-openings li a:hover { color: #C92B2B }

.job-openings li a:hover:after { content: "\25B6"; color: #C92B2B; font-size: .85em; position: absolute; right: 15px; top: 11px } 

.content-career { min-height: 400px}

.content-career .menubg { padding-bottom: 80px }

.content-career h3 { margin-bottom: 10px }

.content-career p { position: relative; margin-bottom: 20px }

.content-career .yellowBtn { position: absolute; top: 30px; left: 0; color: #222 }


/* Footer
------------------------------------------------*/
#footerwrap { background:url(../images/subfeature.jpg) 0 0 repeat; color: #fff; padding-bottom: 20px }

#footerwrap_left, #footerwrap_right { min-height: 165px; height: auto !important; height: 165px }

#footerwrap_left { background:url(../images/subfeature_left.jpg) 0 1px no-repeat }

#footerwrap_right { background:url(../images/subfeature_right.jpg) right 1px no-repeat }

#footer { position: relative; padding-top: 50px }

#footer-logo { background: url(../images/footer_logo.png) 0 0 no-repeat; display: block; width: 209px; height: 122px; top: -55px; left: 40%; position: absolute }

/* Home Page --------------*/
#subfeatures { padding-top: 15px }

.featurebox { text-align: left; background-image:url(../images/featurebox_shadow.png); background-repeat: no-repeat; padding-bottom: 48px }

.featurebox h2, .featurebox p { margin-bottom: 10px }

.featurebox h2 { color: #ffd800; font-size: 1.8em }

.featurebox p a { color: #fff; text-decoration: none }

.featurebox p a:hover { color: #ffd800 }

.featuretop { height: 55px }

.newsletter { width: 305px; background-position: 0 bottom; height: 203px }

.newsletter form { padding-top: 15px }

.giftcard { width: 390px; background-position: -340px bottom; margin: 0 30px }

.giftcard p { background:url(../images/giftcard.png) 0 bottom no-repeat; margin-bottom: 0; min-height: 165px; height: auto !important; height: 165px }

.giftcard p span { font-weight: 700; font-size: 1.3em }

.giftcard p a.yellowBtn { color: #222; margin-left: 225px }

.contact { width: 220px; background-position: -760px bottom; height: 205px }

.contact p a.yellowBtn { color: #222 }

.newsletter input.yellowBtn { font-size: 1.1em; height: 42px; width: 91px; }


/* Menu Page --------------*/
#upsell_special { font-size: 1.3em; height: 42px; margin: 0 auto; padding: 25px 0 15px; position: relative; text-align: left; width: 500px }

#upsell_special a { position: absolute; top: 25px; right: 0; font-size: .8em }


/* Site Map --------------*/
#sitemapwrap { background: url(../images/feature_shadow.png) center bottom no-repeat; padding: 20px 0 40px }

#sitemap { background: #fff; border: 1px solid #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: left; padding: 15px 20px; behavior: url(../js/PIE.htc) }

#sitemap a { color: #222; text-decoration: none }

#sitemap strong, #sitemap a:hover, #sitemap a:hover em { color: #c92b2b }

#sitemap strong { padding-bottom: 10px; border-bottom: 1px solid #ccc; display: block; font-weight: 700}

#sitemap h3 a { color: #555; font-size: 1.5em; line-height: 1.4; background-image:url(../images/sitemap_state.png); text-decoration: none; height: 34px; display: block; background-position: 100% 0; background-repeat: no-repeat }
#sitemap h3 a:hover { background-position: 100% -104px;}

#sitemap h3.active a { background-position: 100% -52px }
#sitemap h3.active a:hover { background-position: 100% -156px }

#sitemap a.yellowBtn { font-size: .65em; position: absolute; top: -2px; right: 0 }
#sitemap a.yellowBtn:hover { border-color: #2b2301 #fff #fff #fff; border-width: 1px 1px 5px 1px; border-style: solid;}

.sitemap { font-size: .9em; padding-top: 10px; margin-top: 10px; border-top: 1px solid #ccc }

.sitemap li { padding: 3px 0 }

.sitemap li a { display: block }

.sitemap h4 { font-size: 1.2em }

.oneCol, .twoCol ul { width: 165px }

.oneCol { margin: 0 15px}

.twoCol ul { margin-right: 20px }

.sitemapMenuList { height: 175px }

.sitemapLocList { height: 175px }

.sitemapLocList em { font-size: .9em; color: #999 }

#sitemap a.fbLink, #sitemap a.twitterLink { background-image:url(../images/sitemap_icons.png); background-repeat: no-repeat; padding-left: 35px;height: 22px }

#sitemap a.fbLink { background-position: 0 -1px }
#sitemap a.fbLink:hover { background-position: 0 -55px }

#sitemap a.twitterLink { background-position: 0 -25px }
#sitemap a.twitterLink:hover { background-position: 0 -79px }

/* Privacy Policy
------------------------------------------------*/
#privacy { text-align: left; padding: 0 80px }
#privacy h3 { margin-bottom: 10px }
#privacy p, #privacy ul { padding-bottom: 20px }
#privacy a { color: #c92b2b }
#privacy a:hover { color: #222 }
#privacy li { list-style:disc; margin: 0 0 10px 30px }

/* Copyright
------------------------------------------------*/
#copyright { font-size: .7em; padding: 15px 0 }

#copyright span { vertical-align: top; padding-right: 10px }

#copyright a { color: #c92b2b; vertical-align: top; margin-right: 10px; display: inline-block }
#copyright a:hover { color: #222 }

/* Back to Top Button
------------------------------------------------*/
#back-top { position: fixed; bottom: 30px; right: 20px }

#back-top a {
	width: 60px;
	display: block;
	text-align: center;
	font: 11px/100% sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;

	/* transition */
	-webkit-transition: 1s; -moz-transition: 1s; transition: 1s
}

#back-top a:hover { color: #111 }

/* arrow icon (span tag) */
#back-top span {
	width: 60px;
	height: 60px;
	display: block;
	margin-bottom: 7px;
	background-image: url(../images/up-arrow.png); background-repeat: no-repeat; background-position: center center;
	background-color: #ddd; background-color: rgba(0,0,0,0.2);

	/* rounded corners */
	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;

	/* transition */
	-webkit-transition: 1s; -moz-transition: 1s; transition: 1s
}

#back-top a:hover span { background-color: #777; background-color: rgba(0,0,0,0.5) }