/*remove link dots FF*/
:active, :focus
{
	outline: 0;
}

body, div, p, td, span
{
	font-family: Trebuchet MS, Arial;
	font-size: 12px;
	line-height: 16px; /*color: #666666;*/
	color: #4b5f4e;
}
body
{
	background-image: url(/assets/images/bg-body.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}
img
{
	border: none;
}

.f1
{
	font-size: 11px;
	color: #4B5F4E;
}
.f2
{
	font-size: 13px;
	color: #5E7662;
	line-height: 20px;
}

.fact a
{
	color: #B0610F;
}


.a1
{
	font-size: 11px;
	color: #B0610F;
	text-decoration: none;
}
a.a1:hover
{
	text-decoration: underline;
}
.a2
{
	font-size: 10px;
	color: #B0610F;
	text-decoration: none;
}
a.a2:hover
{
	text-decoration: underline;
}
.a3
{
	font-size: 13px;
	color: #B0610F;
	text-decoration: none;
}
a.a3:hover
{
	text-decoration: underline;
}
.a4
{
	font-size: 11px;
	color: #B0610F;
	text-decoration: none;
	font-weight: bold;
}
a.a4:hover
{
	text-decoration: none;
}


.p1
{
	width: 500px;
	border: 1px solid red;
}

.inputCheckbox input
{
	display: block;
	float: left;
	clear: left;
	height: 55px;
	padding: 0;
	margin: 0;
}

.inputCheckbox label
{
	display: block;
	clear: none;
	width: 300px;
	margin-left: 20px;
}

.inputSelect
{
	border: solid 1px #cccccc;
	border-top: solid 1px #666666;
	border: solid 1px #669999;
	padding: 2px;
}
.inputText
{
	font-size: 11px;
	color: #000000;
	border: solid 1px #669999;
	background-color: #ffffff;
	padding: 3px;
}
.fieldName
{
	color: #2a5f31;
}
.note
{
	background-color: #feeac6;
	position: absolute;
	z-index: +1;
	width: 300px;
	padding: 5px;
	border: 1px solid #b0610f;
}
#noteEmail
{
	margin: 362px 0px 0px 350px;
}
#noteBirthDate
{
	margin: 290px 0px 0px 387px;
}
#wrapper
{
	width: 980px;
	margin: 0px auto 20px auto;
}

#header
{
	width: inherit;
	width: 980px;
	background-color: #ffffff;
}
#main
{
	width: inherit;
}
#main .home
{
	background-image: url(/assets/images/bg-home.jpg);
	background-repeat: no-repeat;
	background-position: 2px 0px; /*width: 976px;*/
	width: 982px;
	height: 665px; /*background-color: #ffffff;*/
	padding: 0px 2px 0px 2px;
}

#footer
{
	width: inherit;
	width: 980px;
	_width: 950px;
	background-color: #ffffff;
	padding: 10px 0px 0px 0px;
	height: 80px;
}

#footer #facebook
{
	width: 265px;
	float: left;
	padding-top: 15px;
	margin-left: 60px;
	_margin-left: 0px;
	background: url(/assets/images/icon-facebook-callout-footer.gif) no-repeat top right;
	_background: none;
}
#footer #twitter
{
	width: 329px;
	float: left;
}
#footer #linksLeft
{
	width: 170px;
	float: left;
	padding-top: 13px;
	padding-left: 20px;
}
#footer #linksRight
{
	width: 100px;
	float: right;
	padding-top: 13px;
	padding-right: 20px;
}


#footer .link
{
	float: left;
	padding-left: 6px;
	background: url(/assets/images/arrow-brown.gif) no-repeat left center;
}

#pageWrapper
{
	background-image: url(/assets/images/bg-page-wrapper-03.jpg);
	background-repeat: no-repeat;
	border: 1px solid #ffffff;
	background-color: #ffffff;
}
#pageIntro
{
	margin: 0px 0px 0px 0px;
	padding: 140px 0px 0px 30px;
	color: #ffffff;
	height: 290px;
}
#pageIntro h1
{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
#pageIntro p
{
	margin: 0px 0px 0px 0px;
	padding: 0px 60px 0px 55px;
	line-height: 18px;
	width: 310px;
}
#heroPizza
{
	position: absolute;
	margin: -140px 0px 0px 328px; /* 	background-image:url(/assets/images/category-hero-pizza-naturally-rising.png); 	width:630px; 	height:431px; 	*/
}
#contentWrapper
{
	margin: -25px 0px 40px 0px;
	padding: 0px 0px 0px 30px;
	position: relative;
}
#contentWrapper #callouts
{
	position: absolute;
	margin: 0px 0px 0px 600px;
	width: 300px;
	border: 0px solid red;
}
#contentWrapperTop
{
	background-image: url(/assets/images/bg-content-wrapper-top.png);
	background-repeat: no-repeat;
	position: absolute;
	margin: 0px 0px 0px 0px;
	width: 584px;
	height: 203px;
	border: 0px solid red;
}
#contentWrapperMiddle /* max-height = 1500px; */
{
	background-image: url(/assets/images/bg-content-wrapper-middle.png);
	background-repeat: repeat-y;
	border: 0px solid red;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 20px;
	width: 584px;
	min-height: 500px;
}
#contentWrapperBottom
{
	background-image: url(/assets/images/bg-content-wrapper-bottom.png);
	background-repeat: no-repeat;
	margin: -10px 0px 0px 0px;
	width: 584px;
	height: 41px;
	border: 0px solid red;
}
#contentWrapperMiddle h2
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#contentWrapperMiddle p
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 18px;
	width: 270px;
}
#contentWrapperMiddle div
{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#contentWrapperMiddle .divider
{
	background-image: url(/assets/images/pizza-list-divider.gif);
	background-repeat: no-repeat;
	margin: 10px 0px 10px -8px;
	width: 560px;
	height: 2px;
}
#contentWrapper #tabs
{
	position: absolute;
	z-index: +1;
}
#contentWrapper .tab
{
	position: absolute;
}
#contentWrapper #tab_01
{
	margin: 15px 0px 0px 58px;
	padding: 0px;
}
#contentWrapper #tab_02
{
	margin: 17px 0px 0px 235px;
	padding: 0px;
}



/** start main navigation **/

#sddm
{
	margin: 0;
	padding: 0;
	z-index: 30;
}

#sddm li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
}

#sddm li a
{
	display: block; /*padding: 0px 30px 0px 10px;*/
	width: 60px;
	color: #000000;
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover
{
}

#sddm div
{
	position: absolute; /*visibility: hidden;*/
	display: none;
	padding: 0;
	background-image: url(/assets/images/bg-navigation-main-hover.png);
	width: 606px;
	height: 180px;
}

#sddm div a
{
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #2875DE;
	font: 11px arial;
}

#sddm div a:hover
{
	color: #FFF;
}

#couponContainer
{
	background-image: url(/assets/images/bg-coupon-form.png);
	background-repeat: no-repeat;
	position: relative;
	width: 605px;
	height: 375px;
}

#navNaturallyRising
{
	/*background-image: url(/assets/images/bg-hover-naturally-rising-pizza.png);*/
	background-image: url(/assets/images/bg-hover-global.png);
}
#navBrickOven
{
	/*background-image: url(/assets/images/bg-hover-brick-oven-pizza.png);*/
	background-image: url(/assets/images/bg-hover-global.png);
}
#navCSP
{
	/*background-image: url(/assets/images/bg-hover-singles.png);*/
	background-image: url(/assets/images/bg-hover-global.png);
}
#navPizzaMore
{
	/*background-image: url(/assets/images/bg-hover-flatbread-pizza.png);*/
	background-image: url(/assets/images/bg-hover-global.png);
}
#navFlatBread
{
	/*background-image: url(/assets/images/bg-hover-flatbread-pizza.png);*/
	background-image: url(/assets/images/bg-hover-global.png);
}

#navPizzaSingles
{
	/*background-image: url(/assets/images/bg-hover-singles.png);*/
	background-image: url(/assets/images/bg-hover-global.png);
}


#contentWrapperTop_Static
{
	background-image: url(/assets/images/bg-content-wrapper-top-static.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	width: 584px;
	height: 17px;
	border: 0px solid red;
}
#contentWrapperMiddle_Static
{
	background-image: url(/assets/images/bg-content-wrapper-middle-static.png);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 20px;
	width: 584px;
	border: 0px solid red; /** ie6 min-height hack **/
	min-height: 700px;
	height: auto !important;
	height: 700px;
}
#contentWrapperBottom_Static
{
	background-image: url(/assets/images/bg-content-wrapper-bottom-static.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	width: 584px;
	height: 29px;
	border: 0px solid red;
}
#contentWrapperMiddle_Static h1
{
	margin: 0px 0px 0px 0px;
	font-size: 14px;
}
#contentWrapperMiddle_Static h2
{
	margin: 10px 0px 0px 10px;
	font-size: 14px;
}
#contentWrapperMiddle_Static p
{
	margin: 10px 0px 0px 10px;
	line-height: 18px;
	width: 500px;
}
#contentWrapperMiddle_Static ul
{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 30px;
	width: 500px;
}
#contentWrapperMiddle_Static ul li
{
	list-style-type: disc;
	line-height: 18px;
	padding: 2px 0px 0px 0px;
}
#contentWrapperMiddle_Static .header
{
	padding: 10px 0px 10px 10px;
}
#contentWrapper #callouts_Static
{
	position: absolute;
	margin: 290px 0px 0px 600px;
	width: 300px;
	border: 0px solid red;
	z-index: +1;
}
/** stop main navigation  **/

/** start header css **/
#logo
{
	position: absolute;
	padding: 38px 0px 0px 30px;
}
#navigationContainer
{
	height: 76px;
	padding: 10px 40px 10px 0px;
}
#navigationMain
{
	position: absolute;
	margin: 50px 0px 0px 380px;
	padding: 0px 0px 0px 0px;
	height: 50px;
	z-index: +1;
}
#navigationMain a
{
	text-decoration: none;
}
#navigationUtility
{
	position: absolute;
	margin: -10px 0px 0px 351px;
	padding: 0px 0px 0px 0px;
}
#navigationUtility .arrow
{
	padding-right: 5px;
}
.hover
{
	background-image: url(/assets/images/bg-navigation-main-hover.png);
	background-repeat: no-repeat;
	position: absolute;
	margin: 76px 0px 0px 372px;
	width: 606px;
	height: 180px;
	z-index: +1;
}
#header .topNav
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin: 55px -30px 0px 0px;
	position: relative;
	bottom: 0px;
	float: right;
	border: 0px solid red;
}
#header .topNav li
{
	float: left;
}
.navSubMenu
{
	position: absolute;
	visibility: hidden;
	width: 641px;
	height: 180px;
	z-index: +1;
	left: 0px;
	border: 0px solid red;
	margin: 4px 0px 0px 6px;
}
.navSubMenu .abstract
{
	margin: 0px 0px 5px 11px;
}
.subMenuContentWrapper
{
	margin: 10px 0px 0px 10px;
	width: 590px;
}
.subMenuContentTable
{
	width: 590px;
}
.subMenuContentHeader
{
	padding: 5px 0px 10px 10px;
}
.subMenuContentList
{
	padding: 0px 0px 0px 10px;
}
.subMenuContentWrapper .arrow
{
	padding: 50px 0px 0px 0px;
}
/** stop header css  **/

.calloutBreak
{
	margin: 10px 0px 10px 0px;
}
.notch
{
	position: absolute;
	margin: 87px 0px 0px 0px;
	border: 0px solid red;
	z-index: +1;
}
.ingredients
{
	padding: 20px;
	width: 200px;
	background-color: #feeac6;
	border: 1px solid #b0610f;
}
.stepcarousel
{
	position: relative;
	overflow: scroll;
	width: 450px;
	height: 200px;
}

#promo
{
	padding-top: 127px;
	float: right;
}

.stepcarousel .belt
{
	position: absolute;
	left: 0;
	top: 0;
}
.stepcarousel .panel
{
	float: left;
	overflow: hidden;
	margin: 10px;
	width: 450px;
	border: 0px solid red;
}
.required
{
	color: #990000;
	font-size: 13px;
}

.notch-ro 
{
	background-image: url(/assets/images/notch-roll-over.gif);
	background-repeat: no-repeat;
	width: 18px;
	height: 10px;
}

#notch-ro-01
{
	position: absolute;
	margin: -10px 0px 0px 51px;
}
#notch-ro-02
{
	position: absolute;
	margin: -10px 0px 0px 172px;
}
#notch-ro-03
{
	position: absolute;
	margin: -10px 0px 0px 297px;
}
#notch-ro-04
{
	position: absolute;
	margin: -10px 0px 0px 408px;
}
#notch-ro-05
{
	position: absolute;
	margin: -10px 0px 0px 502px;
}
#notch-ro-06
{
	position: absolute;
	margin: -10px 0px 0px 582px;
}