@charset "UTF-8";
/* CSS Document */

/*****************************************************************************/
/*******************   CODE PICK UP FROM APOLLOs DESIGN   ********************/
/*****************************************************************************/

body,html,div,form,ul,li,p,h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}
p {
	margin-bottom: 10px;
}
h1 {
	font-size:135%;
	font-weight:normal;
	margin-top:2px;
	margin-bottom:3px;
	padding-bottom:2px;
	color:#222;
}
h1 a,h1 a:visited,h2 a,h2 a:visited {
	text-decoration:none;
	color:#222;
}
h1 a:hover,h1 a:active,h2 a:hover,h2 a:active {
	text-decoration:none;
}
h1.space {
	margin-top:10px;
}
h1.extraspace {
	margin-top:10px;
	margin-bottom:10px;
}
div.menu h1 {
	margin-top:20px;
}
h2.bigger {
	font-size:135%;
	font-weight:normal;
	margin-top:2px;
	margin-bottom:3px;
	padding-bottom:2px;
	color:#222;
}
h2 {
	font-size:100%;
	color:#666;
	padding-bottom:2px;
	margin-bottom:2px;
	margin-top:8px;
	font-weight:normal;
}
div.menu h2 {
	font-size:120%;
	color:#9f1010;
	font-weight:bold;
	margin-top:12px;
}
input#emailAddress {
	width:116px;
	padding:3px 4px;
	border:1px solid #333;
	margin:7px 5px 9px 0;
	color:#666;
}
div.third {
	width:258px;
	float:left;
	margin-right:15px;
}


/******************************************************************************
 ******************************************************************************/

/*
div.fifth {
	width:140px;
	float:left;
	margin-right:10px;
}
input#zipCityState,input#zipCityStateInline,input#zipCityStateInline2 {
	float:left;
	display:block;
	width:142px;
	padding:3px 4px;
	border:1px solid #333;
	margin:4px 5px 7px 0;
	color:#666;
}
input#zipCityStateInlineVerticalAlign,input#zipCityStateInlineVerticalAlign2 {
	width:142px;
	padding:3px 4px;
	margin-top:2px;
	margin-right:3px;
	border:1px solid #333;
	color:#666;
	vertical-align:top;
}
select#quickLinkSelection {
	font-size:85%;
	float:left;
	border:0;
	padding:0 0 0 3px;
	width:180px;
	color:#9f1010;
	border:1px solid #333;
}
select#quickLinkSelection option.grey {
	color:#666;
}
div.selectbox {
	margin:0 10px 0 1px;
	float:left;
}
div.selectbox2 {
	float:left;
}
div.formcontent {
	margin:8px;
}
div#primary ul {
	list-style-type:none;
}
div#primary ul li {
	padding-left:8px;
	background:url('/images/design/bullet-red.gif') 2px 6px no-repeat;
}
.padtop {
	padding-top:3px;
}
.padtop2 {
	padding-top:8px;
}
.padtop3 {
	padding-top:14px;
}
.margin-top {
	margin-top:8px;
	background-repeat:no-repeat;
}
.left {
	float:left;
}
a img {
	border:0;
}
br.right {
	clear:right;
}
div.center {
	text-align:center;
	display:block;
}*/
/* Header */
/*
div.hr hr,div.hrthin hr {
	display:none;
}
div.hr {
	height:2px;
	border:0;
	margin:20px 0;
	background-color:#c8c8c8;
}
div.hrthin {
	height:1px;
	border:0;
	margin:4px 0;
	background-color:#999;
}
.underline {
	border-bottom:1px solid #999;
}
.padbottom {
	margin-bottom:10px;
}
img.new {
	margin-left:6px;
}
.space {
	margin-top:10px;
}
p.subdetails {
	margin-top:16px;
	color:#333;
}
img.blockpad {
	display:block;
	margin-bottom:16px;
}
img.marginright {
	margin-right:20px;
}
span.warning {
	color:#b00;
	font-weight:bold;
}
.red {
	color:#9F1010;
	font-weight:bold;
	padding: 15px 0 5px 0;
}

h1.red {color:black;}

.red2 {
	color:#933;
	font-weight:bold;
	padding: 15px 0 5px 286px;
}
div.bottomofnav h1.red {
	padding-top:0;
	color:black;
}
.padsmall {
	padding:4px 10px;
}
.padlarge {
	padding:10px 20px;
}*/
/* Forms */
/*form#order-online select {
	font-size:140%;
}
form#register div.form {
	clear:both;
	margin:8px;
}
form#register div.formEmpty {
	margin-left:288px;
	clear:both;
}
form#register input.text {
	width:180px;
	background-color:#fcf9db;
}
form#register input.text2 {
	width:77px;
	background-color:#fcf9db;
}
.text3 {
	background-color:#fcf9db;
}
form#register textarea.text3 {
	width:460px;
	height:250px;
}
form#register select {
	background-color:#fcf9db;
}
form#register label {
	width:250px;
	padding:4px 10px 0 20px;
	display:block;
	text-align:right;
	float:left;
}*/
/* Franchising Form */
/*form#franchising-form div.form {
	clear:both;
	margin:8px;
}
form#franchising-form div.formEmpty {
	margin-left:288px;
	clear:both;
}
form#franchising-form input.text {
	width:180px;
	background-color:#fcf9db;
}
form#franchising-form select {
	background-color:#fcf9db;
}
form#franchising-form label {
	width:250px;
	padding:4px 10px 0 20px;
	display:block;
	text-align:right;
	float:left;
}
form#franchising-form textarea {
	width:460px;
	height:200px;
	background-color:#fcf9db;
}*/
/* Philanthropy */
/*form#philanthropy div.form {
	clear:both;
	margin:8px;
}
form#philanthropy div.formEmpty {
	margin-left:288px;
	clear:both;
}
form#philanthropy input.text {
	width:180px;
	background-color:#fcf9db;
}
form#philanthropy select {
	background-color:#fcf9db;
}
form#philanthropy label {
	width:250px;
	padding:4px 10px 0 20px;
	display:block;
	text-align:right;
	float:left;
}
*/
/* Employment forms */
/*

form#application-lafoodshow div.form {
	clear:both;
	margin:8px;
}
form#application-lafoodshow div.formEmpty {
	margin-left:288px;
	clear:both;
}
form#application-lafoodshow input.text {
	width:180px;
	background-color:#fcf9db;
}
form#application-lafoodshow input.text2 {
	width:77px;
	background-color:#fcf9db;
}
.text3 {
	background-color:#fcf9db;
}
form#application-lafoodshow textarea.text3 {
	width:400px;
	height:250px;
}
form#application-lafoodshow select {
	background-color:#fcf9db;
}
form#application-lafoodshow label {
	width:310px;
	padding:4px 10px 0 20px;
	display:block;
	text-align:right;
	float:left;
}


*/
/* Driving Directions */
/*form#drivingdirections div.form {
	clear:both;
	margin:8px;
	margin-left:0;
}
form#drivingdirections div.formempty {
	margin-left:78px;
	margin-top:20px;
	clear:both;
}
form#drivingdirections input.text {
	background-color:#fff;
	border:1px solid #616161;
}
form#drivingdirections input#address,form#drivingdirections input#city {
	width:130px;
}
form#drivingdirections input#state,form#drivingdirections input#zip {
	width:90px;
}
form#drivingdirections label {
	width:70px;
	padding:4px 10px 0 0;
	display:block;
	text-align:left;
	float:left;
}
div.hours label {
	width:120px;
	display:block;
	text-align:left;
	float:left;
}
div.hours {
	margin-bottom:8px;
}
div#locationresults,
div#intllocationresults {
	background:url('/images/locations/results/welcome/repeat-bg.gif') top left repeat-y;
	clear:both;
	padding:10px 15px;
	width:781px;
}
div#intllocationresults {
	background:url('/images/locations/results/welcome/repeat-bg-intl.gif') top left repeat-y;
}
div#cpkasap-menu {
	background-color:#fdf7bc;
	margin-top:8px;
/*	clear:both;
	padding:10px 15px;
	width:781px;
	height: 482px;
	_minheight: 482px;* /
}
div#iframe {
	clear:both;
	padding:10px 15px;
	width:781px;
}
div#iframe iframe {
	width:781px;
	height:880px;
}
div#locationresultsleft {
	float:left;
	width:348px;
	background:url('/images/locations/results/welcome/repeat-bg-solid.gif') top left repeat-y;
}
div#locationresultsright {
	float:right;
	width:408px;
	padding-left:15px;
}

/*div#locationresultsright {
	float:right;
	width:422px;
	padding-left:15px;
	background-image: url(/images/locations/results/welcome/lrglogo.gif) !important;
	background-repeat:no-repeat;
	background-color: #FCF08B;
	height:8px;
	margin-right:-15px;
	margin-top: -10px;
	margin-bottom:-10px;
	min-height: 530px;
	padding-top:10px;
}* /

div#intllocationleft {
	width:420px;
}
div#intllocationright {
	position:relative;
	width:359px;
	float:right;
	display:block;
	min-height:300px;
	height: auto !important;
	height:300px;
}*/
/* Left - Right page layout items */
/*div.rightofimagecurbside {
	margin-left:8px;
	margin-bottom:8px;
	width:228px;
	padding:14px 16px;
	float:left;
	height:252px;
	background:url('/images/menu/curbside-service/banner-right.jpg') no-repeat;
}
div.rightofimagecallahead {
	margin-left:8px;
	margin-bottom:8px;
	width:218px;
	padding:15px 20px;
	float:left;
	height:241px;
	background:url('/images/menu/call-ahead-wait-list/right-section.jpg') no-repeat;
}
div.rightofimageabout {
	margin-left:8px;
	margin-bottom:8px;
	width:242px;
	padding:40px 20px;
	float:left;
	height:303px;
	background:url('/images/about/right-section.jpg') no-repeat;
}
div.rightofimageorderonline {
	margin-left:8px;
	margin-bottom:8px;
	width:324px;
	padding:128px 0px 0px 0px;
	float:left;
	background:url('/images/order-online/header-right.jpg') no-repeat;
}
div#centerspace {
	height:72px;
}
div.rightofimagecpkasap {
	margin-left:8px;
	margin-bottom:8px;
	width:242px;
	padding:40px 20px;
	float:left;
	height:303px;
	background:url('/images/cpkasap/asap-right.jpg') no-repeat;
}
div.rightofimagecareers {
	margin-left:8px;
	margin-bottom:8px;
	width:260px;
	padding:20px 20px;
	float:left;
	height:355px;
	background:url('/images/about/right-section2.jpg') no-repeat;
	/ *background-color:#fcf7cb;* /
}
div.rightofimagecpkids {
	margin-left:8px;
	margin-bottom:8px;
	width:232px;
	padding:10px 0 10px 15px;
	float:left;
	height:256px;
	background:url('/images/cpkids/header-side.jpg') no-repeat;
}
div.rightofimagecpkidsprograms {
	margin-left:8px;
	margin-bottom:8px;
	width:236px;
	padding:110px 20px 20px 25px;
	float:left;
	height:253px;
	background:url('/images/cpkids/programs/header-right.jpg') no-repeat;
}
div.rightofimagecatering {
	margin-left:8px;
	margin-bottom:8px;
	width:289px;
	padding:40px 10px 40px 15px;
	float:left;
	height:197px;
	background:url('/images/menu/catering-menu/header-right.jpg') no-repeat;
}
div.community-relations {
	width:812px;
	float:left;
	background:url('/images/about/community-relations/repeat-bg.gif') top right repeat-y;
	margin-bottom:22px;
}
div.community-relations div.right {
	float:right;
	width:219px;
	padding:18px;
}
div.cpk-gift-cards {
	width:812px;
	float:left;
	background:url('/images/gift-cards/repeat-bg.gif') top right repeat-y;
	margin-bottom:8px;
}
div.cpk-gift-cards div.right {
	float:right;
	width:221px;
	padding:18px;
}
img.floatleftspace {
	float:left;
	margin-right:8px;
}
*/
/*  --- MENU featured right ---  */
/*div.pizza-large-box {
	float:left;
	background:url('/images/menu/new-items/featured-right.jpg');
	width:226px;
	height:213px;
	padding:45px 18px;
	position:relative;
}
div.appetizers-right {
	float:left;
	background:url('/images/menu/appetizers/featured-right.jpg');
	width:226px;
	height:213px;
	padding:45px 18px;
	position:relative;
}
div.soupssandwiches-right {
	float:left;
	background:url('/images/menu/soups_sandwiches/featured-right.jpg');
	width:226px;
	height:213px;
	padding:45px 18px;
	position:relative;
}
div.salads-right {
	float:left;
	background:url('/images/menu/salads/featured-right.jpg');
	width:226px;
	height:213px;
	padding:45px 18px;
	position:relative;
}
div.specialties-right {
	float:left;
	background:url('/images/menu/specialties/featured-right.jpg');
	width:226px;
	height:213px;
	padding:45px 18px;
	position:relative;
}
div.pastas-right {
	float:left;
	background:url('/images/menu/pastas/featured-right.jpg');
	width:226px;
	height:213px;
	padding:45px 18px;
	position:relative;
}
div.desserts-right {
	float:left;
	background:url('/images/menu/desserts/featured-right.jpg');
	width:226px;
	height:213px;
	padding:45px 18px;
	position:relative;
}
div.beverages-right {
	float:left;
	background:url('/images/menu/beverages/featured-right.jpg');
	width:226px;
	height:213px;
	padding:45px 18px;
	position:relative;
}
*/
/*** End Menu Featured right ***/
/*
div.eight {
	margin-top:8px;
	clear:both;
	float:left;
}
div.eightgrey {
	background-color:#d9dbdc;
	padding:10px 8px;
	text-align:center;
	margin-top:8px;
	float:left;
	width:796px;
	clear:both;
}
img.firsteight,img.eight {
	margin-top:8px;
}
div.eightfree {
	float:none;
}
div.pizza-small-box {
	float:left;
	background-color:#fbef79;
	height:140px;
	width:420px;
	margin:0;
	padding:10px 15px 2px 15px;
}
div.cpk-gift-cards-lower {
	float:left;
	background:url('/images/gift-cards/bottom-right.jpg') no-repeat;
	margin:0;
	height:174px;
	width:221px;
	padding:12px 18px;
}
div.location1,div.location2 {
	padding:6px 10px;
	width:792px;
	margin-bottom:8px;
	float:left;
}
div.location1 div.part1,div.location2 div.part1 {
	float:left;
	width:250px;
}
div.location1 div.part2,div.location2 div.part2 {
	float:left;
	width:200px;
	margin-top:8px;
}
div.location1 div.part3,div.location2 div.part3 {
	float:left;
	margin-top:8px;
	margin-left:40px;
}
div.location1 div.part4,div.location2 div.part4 {
	float:left;
	margin-top:8px;
	margin-left:60px;
}
div.location1 {
	background-color:#fcf7cb;
}
div.location2 {
	background-color:#fbee78;
}
div.signaturecolor {
	background-color:#f8eb76;
	padding:9px;
	float:left;
	height:120px;
	width:240px;
}
div#order-online-one,div#order-online-two,div#order-online-three {
	border:2px solid #cfcfcf;
	padding:30px 20px 20px 60px;
	height:140px;
}
div#order-online-one {
	background:url('/images/locations/results/order-online/one.gif') 12px 14px no-repeat;
}
div#order-online-two {
		background:url('/images/locations/results/order-online/two.gif') 8px 14px no-repeat;
}
div#order-online-three {
		background:url('/images/locations/results/order-online/three.gif') 8px 14px no-repeat;
}*/
/* 555px width Column (Legal/Privacy) */
/*div.w555 {
	width:545px;
}
div.w600 {
	width:600px
}

.foodshow {
position:absolute;
top:215px;
left:5px;
}*/
/* Locations Styles */
/*div#locations_map {
	background:#fdf7bd;
	float:left;
	position:relative;
	width:812px;
	height:295px;
	margin-bottom:10px;
}
div#locations_us,
div#locations_intl {
	display:none;
	width:812px;
	height:295px;
	position:absolute;
	top:0;
	left:0;
}
div#locations_intl {
	background:url(/images/locations/map_intl.jpg) no-repeat;
	display:none;
}
img#btn_us,
img#btn_intl {
	position:absolute;
	left:698px;
	top:226px;
	z-index:999;
}
img#btn_us {
	top:257px;
}
div#locations_list {
	width:812px;
	height:100px;
	position:relative;
	float:left;
}
div#locations_list_us,
div#locations_list_intl {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:750px;
}*/
/* Preload Image for Jquery */
/*img.map_preload {
	visibility:hidden;
	position:absolute;
}*/
/*div.intl_third {
	float:left;
	display:block;
	width:250px;
	height:100px;
}
.hiddenlink {
	display:none;
}
#countries a,
#intl_cities a {
	line-height:normal;
}
div#slideshow {
	position:absolute;
	width:265px;
	height:223px;
	background:none;
	top:40px;
	left:58px;
}
div.rightbordered {
	border:1px solid #aaa;
	float:right;
	margin:0 0 5px 0;
}
div.bordered {
	border:1px solid #aaa;
	margin:0 0 5px 0;
}
div.rightbordered img,div.bordered img {
	border:3px solid #f8eb76;
}
div.identicalheight {
	height:198px;
}
div#page {
	position:absolute;
	bottom:0px;
	left:0px;
	background-color:#d9dbdc;
	height:32px;
	width:242px;
	padding:16px 0 0 20px;
	border-top:8px solid #fff;
}
div#fullpage {
	background-color:#d9dbdc;
	margin-top:8px;
	padding:10px 8px;
	text-align:center;
	float:left;
	width:796px;
}
a.indent {
	margin-left:10px;
}
.margin8btm {background-repeat:no-repeat}
truemargin8btm { margin-bottom:0;}
td.odd {
	background-color:#f8eb76;
}
td.even {
	background-color:#fcf9db;
}
td.odd,td.even {
	padding:4px;
}
.checkPiece {
	display:none;
}

.pcenter {width: 500px; margin:10px 0 0 140px;text-align:center;}*/
div.thirdRight {
	width:258px;
	float:left;
	margin-right: 0px;
	background: url(../images/cpk-card-bg.gif) repeat;
	height: 205px;
}
div.thirdrightedge {
	width:258px;
	float:left;
	margin-right:0;
	overflow:hidden;
}

/*****************************************************************************/
/*****************************************************************************/
/***********************   REVISED CODE BY SUNSHINE   ************************/
/*****************************************************************************/
/******************************   OCT, 2008   ********************************/
/*****************************************************************************/
/*****************************************************************************/

/* =========================================================
   MAIN BODY CONTAINER & STRUCTURE
============================================================ */

html {
	min-height: 100%;
	height: auto;
}
body {
	text-align: center; /* centers the container in IE 5* browsers, text is set to align left in the #container */
	width: 100%;
	height: 100%;
	color: #663300;
	font-size: 9pt;
	line-height: 11pt;
	font-family: Arial, sans-serif;
	background-image: url(../images/page-bg.jpg);
	background-repeat: repeat;
}
#container { /***** THIS IS THE MAIN OUTER CONTAINER ON ALL PAGES ******/
	width: 984px;
	margin: 0px auto;
	text-align: left;
	padding-bottom: 12px;
	padding-top: 15px;
}
#wrapper {
	padding: 8px;
	background-color: #FFFFFF;
	background-image: url(../images/palm.gif);
	background-position: 8px bottom;
	background-repeat: no-repeat;
	position: relative;
}
#header {
	height: 97px;
	padding-left: 156px;
	margin-bottom: 8px;
}
#header-right {
	float: right;
	clear: none;
	width: 248px;
	height: 67px;
	background-image: url(../images/header-right.gif);
	background-position: top right;
	padding-top:30px;
	padding-right: 2px;
	font-size:140%;
	color:#000000;
	text-align:center;
	line-height: 1.2;
}
#colLeft {
	float: left; /* since this element is floated, a width must be given */
	width: 148px;
	margin-top: 15px;
	margin-bottom: 8px;
}
#colRight {
	float: right;
	width: 812px;
	margin-bottom: 8px;
	min-height: 560px;
	height: auto !important;
	height: 560px;
	position: relative;	/*padding: 23px 0px 25px 20px;*/
}
#colRight.noheader {
	top: -105px;
	z-index: 10;
	margin-bottom: -97px;
}
#footer {
	clear:both;
	background-color:#fbee78;
	height: 38px;
}
#legal {
	clear:both;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	margin-top: 8px;
}
 /* =========================================================
   TEXT STYLES
============================================================ */
.third h2, .crossell  h2, .thirdRight h2 {
	margin-bottom: 15px;
}
h1.flavor {
	font-size: 16px;
	font-weight:normal;
	margin-bottom: 8px;
	color: #222;
	clear: both;
}
#herotxt h1 {
	margin-bottom: 10px;
	line-height: 1.2;
}
#herotxt h1.title {
	font-size: 18px;
	font-weight:normal;
	margin-top:0px;
	margin-bottom: 5px;
	color:#222;
}
#herotxt p {
	color: #424242;
}
.smaller {
	font-size: 80%;
}
.smaller .smaller {
	/*margin-left: 35px;*/
}
sup {
	vertical-align: baseline;
	position: relative;
	font-size: 65%;
	bottom: 0.6em;
	*bottom: 0.8em; /* lte ie7 */
}
dl.card dt small {
	position: absolute; 
	top: -2px; 
	right:10px;
	}
		
/* =========================================================
   LIST STYLES
============================================================ */
/*
#content ul {
	list-style-position: outside;
	list-style-type:disc;
	margin-left: 1em;
	padding-left: 1em;
	margin-top: 10px;
	margin-bottom: 50px;
}
#content li {
	line-height: 1.4;
	margin-bottom: 5px;
}
#content ul ul {
	margin-top: 0px;
	margin-bottom: 0px;
}
#collt .box ul {
	margin-bottom: 20px;
}
.box dl {
	_float: left; /* hack lte ie6 * /
}
.box dd {
	float: left;
	margin-right: 40px;
	_margin-right: 30px; /* hack lte ie6 * /
	padding-bottom: 32px;    
}
.box dd img {
	display: block;
	margin-right: 0px;
	margin-bottom: 5px;    
}*/
dl.details ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: .5em;
	padding-left: .5em;
	margin-bottom: 10px;
	}
dl.details li {
	line-height: 1.4;
	margin-bottom: 5px;
	}
	
/* =========================================================
   LINK STYLES
============================================================ */

a,a:visited {
	color:#9f1010;
	text-decoration:none;
	cursor: pointer;
}
a:hover,a:active {
	text-decoration:underline;
}
a:active, a:focus {
	outline: 0;
}
#legal a, #legal2 a:visited {
	color:#333;
	text-decoration:none;
	font-weight:bold;
}
#legal a:hover, #legal a:active {
	color:#000;
	text-decoration:underline;
}
#herotxt a.link {
	display: block;
	margin-bottom: 7px;
}
dl.card dd a {
	display: block;
	text-align: right;
	padding-top: 5px;
	position: absolute;
	bottom: 8px;
	right: 8px;
}

/* =========================================================
   LEFT NAV STYLES
============================================================ */

ul#leftNav {
	list-style-type: none;
	font-size: 10pt;
	font-weight: bold;
	margin-left: 8px;
}
ul#leftNav li {
	display:block;
	color:#666;
	list-style-type: none;
	cursor: pointer;
}
ul#leftNav li a {
	display: block;
	color:#666;
	cursor: pointer;
	text-decoration: none;
	padding:5px 12px 4px 12px;
	height:15px;
	background-image: url(../images/nav-off.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
ul#leftNav li a.shadow {
	background:url('../images/nav-off-shadow.gif') top left no-repeat;
}
ul#leftNav li.first-item a {
	background:url('../images/nav-off-top.gif') top left no-repeat;
}
ul#leftNav li.last-item a {
	background:url('../images/nav-off-bottom.gif') top left no-repeat;
	height:24px;
}
ul#leftNav li.last-item a.shadow {
	background:url('../images/nav-off-bottom-shadow.gif') top left no-repeat;
}
ul#leftNav li.twoline a {
	padding:2px 12px;
	height:22px;
}
ul#leftNav li a:hover,ul#leftNav li a:active {
	background:url('../images/nav-hover.gif') top left no-repeat;
	background:url('../images/nav-on.gif') top left no-repeat;
	color:#000;
}
ul#leftNav li a.shadow:hover,ul#leftNav li a.shadow:active {
	background:url('../images/nav-hover-shadow.gif') top left no-repeat;
	background:url('../images/nav-on-shadow.gif') top left no-repeat;
}
ul#leftNav li.last-item a.shadow:hover,ul#leftNav li.last-item a.shadow:active {
	background:url('../images/nav-hover-shadow.gif') top left no-repeat;
	background:url('../images/nav-on-bottom-shadow.gif') top left no-repeat;
}
ul#leftNav li.first-item a:hover,ul#leftNav li.first-item a:active {
	background:url('../images/nav-hover-top.gif') top left no-repeat;
	background:url('../images/nav-on-top.gif') top left no-repeat;
}
ul#leftNav li.last-item a:hover,ul#leftNav li.last-item a:active {
	background:url('../images/nav-hover-bottom.gif') top left no-repeat;
	background:url('../images/nav-on-bottom.gif') top left no-repeat;
}
ul#leftNav li a.onstate {
	background:url('../images/nav-on.gif') top left no-repeat;
	color:#000;
}
ul#leftNav li a.onstateshadow {
	background:url('../images/nav-on-shadow.gif') top left no-repeat;
	color:#000;
}
ul#leftNav li.first-item a.onstate {
	background:url('../images/nav-on-top.gif') top left no-repeat;
}
ul#leftNav li.last-item a.onstate {
	background:url('../images/nav-on-bottom.gif') top left no-repeat;
}
ul#leftNav li.last-item a.onstateshadow {
	background:url('../images/nav-on-bottom-shadow.gif') top left no-repeat;
}
ul#leftNav ul li a {
	list-style-type:none;
	font-size:7pt;
	color:#333;
	padding-top:4px;
	padding-bottom:3px;
	height:17px;
	margin:0;
}
ul#leftNav ul li a {
	background:url('../images/nav-hover.gif') top left no-repeat;
}
ul#leftNav ul li a.shadow {
	background:url('../images/nav-hover-shadow.gif') top left no-repeat;
}
ul#leftNav ul li.last-item a.shadow {
	background:url('../images/nav-hover-bottom-shadow.gif') top left no-repeat;
}
ul#leftNav ul li.first-item a {
	background:url('../images/nav-hover-top.gif') top left no-repeat;
}
ul#leftNav ul li.last-item a {
	background:url('../images/nav-hover-bottom.gif') top left no-repeat;
}
ul#leftNav ul li.twoline a {
	padding:1px 12px;
	height:22px;
	line-height:8pt;
}

/* =========================================================
   UNIVERSAL STYLES
============================================================ */

img {
	border: none;
}
.fltlt {     /*** float an element left ***/
	float: left;
	/*margin-right: 8px;
	margin-bottom: 10px;*/
}
.fltrt {     /*** float an element right ***/
	float: right;
	/*margin-left: 8px;
	margin-bottom: 10px;*/
}
.clear {     /*** use on div or br tag before a closing tag to contain a float ***/
	clear: both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
}
#keepintouch {
	position: absolute;
	left: 8px;
	bottom: 200px;
	height: 123px;
	width: 132px;
	padding: 8px;
}
#hero {
	margin-bottom:8px;
	width: 812px;
	height: 405px;
}
.crossell {
	 float:right; 
	 padding:16px 8px 0px 12px; 
	 background-image:url(../images/cpk-crossell-rt-bg.jpg);
	 height: 182px;
	 width: 240px;
}  
#heroscreen {
	background-color: #ffffff;
	width: 266px;
	height:303px;
	position:absolute;
	top:102px;
	right:0px;
	opacity: .7;
	filter: alpha(opacity=70);
}
#herotxt {
	width: 219px;
	position: absolute;
	top: 148px;
	right: 26px;
}
.nutrition {
	float: right;
	margin-bottom:8px;
	width: 265px;
	/*height: 545px;*/
}
.flash, #accordion {
margin-bottom: 8px;
}


/* =========================================================
   PRODUCT CARD STYLES
============================================================ */

dl.card {
	float: left;
	width: 265px;
	height: 152px;
	padding: 0px;
	margin: 0px 8px 8px 0px;
	background-color: #fbee78;
	background-image: url(../images/cpk-card-bg.gif);
	background-repeat: no-repeat;
	position: relative;
}
dl.card.rgt {
	margin-right: 0px;
}
dl.card dt {
	font-size: 16px;
	line-height: 34px;	
	height: 29px;
	padding-left: 8px;
	font-weight: bold;
	text-transform: uppercase;
	color: #424242;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 9px;
	overflow: hidden;
	border-bottom: solid 4px #ffffff;
}
dl.card dt.new {
	padding-left: 46px;
	background-image: url(../images/new.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}
dl.card dd {
	margin: 0px;
	padding: 2px 8px 0px 8px;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
}
dl.card img {
	float: left;
	margin: -2px 8px -2px 0px;
}


/* =========================================================
   PRODUCT DETAIL CARD STYLES
============================================================ */

dl.details {
	float: left;
	clear: left;
	width: 538px;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	background-color: #fbee78;
	background-image: url(../images/cpk-details-bg.gif);
	background-repeat: repeat-y;
}
dl.details dt {
	font-size: 16px;
	line-height: 34px;	
	height: 29px;
	padding-left: 8px;
	font-weight: bold;
	color: #424242;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 8px;
	overflow: hidden;
	border-bottom: solid 4px #ffffff;
}
dl.details dd {
	margin: 0px 25px 8px 0px;
	padding: 0px 0px 0px 8px;
	float: left;
	width: 105px;
	font-size: 14px;
	line-height: 14px;
	color: #333333;
}
dl.details dd.rgt {
	margin-right: 0px;
}
dl.details dd.full {
	width: 97%;
	margin-right: 0px;
	padding-right: 8px;
}
dl.details dd.center {
	text-align: center;
}
dl.details dd img {
	display: block;
	margin-bottom: 4px;
}


table {
	margin:0px;
	padding:0px;
}
.event-ends {
	margin-top: 30px;
	margin-bottom: 10px;
}
.event-middle {
	margin-top: 30px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#accordion .leftCol {
	float: left; 
	width: 307px;
	margin-right: 25px;
	}
#accordion .rightCol {
	float: left; 
	width: 50%;
	}
#accordion .rightCol h4 {
	margin-bottom: 10px;
	}
#accordion ol {
	margin-left: 1em;
	padding-left: 1em;
	margin-bottom: 0px;
	}
#accordion ol ul {
	margin-left: .5em;
	padding-left: .5em;
	margin-bottom: 0px;
	}