/*
 * publix.css
 * date created: 11/03/08
 */
 
html, body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #e0dac2 url('../img/global/backgroundGradient.jpg') no-repeat;
	height: 100%;
	}

body {min-width: 1058px;}

p,.cpyList {
	color: #532f19;
	font-size: 65%;
	line-height: 16px;
}
#blockList {
	float:right;
	width:310px;
	margin:0 20px 0 0;
	padding:0;
}

#blockList ul {
	position:relative;
	left:-35px;
}

#blockList ul li {
	margin: 5px 0 0 0;
}

p.sub {
	margin:-5px 0 0 0;
	padding:0;
}

sup {
	font-size:9px !important;
}

hr {
	display:block;
	clear:both;
	color: #bad8b8;
	margin-top:-6px;
	background: url('../img/global/greenLine.gif') repeat-x;
	border: none;
	height: 1px;} /* 338932 */
	
	
a img { border:0;}
.noUnderline { text-decoration:none;}
	
#wrapper {
	position: relative;
	min-height: 100%;
	height: 100%;
	min-width: 996px;
	background: url('../img/global/publix-paisley-bg.png');
	padding:0;
}
	
#contentContainer {}
.noHeader {
	display:block;
	padding:34px 0;
}
.hidden {display:none;}

html>body #wrapper {height: auto;}

#columnOne {
	width: 175px;
	float: left;
	margin:0;
	padding:0;
	}

#columnTwo {
	width: 560px;
	float: left;
 	margin-left: 25px;
}

#columnTwo.greenRoutine {
	width:545px !important;
	
}

/* 
 * navigation 
 * 
 * */

#navContainer {
	display:block;
	margin-top: 12px;
	width:175px;
}

#navContainer ul {
	float:left;
	clear:both;
	font-size: 10px;
	padding: 2px 0 0 25px;
	margin: 0;
	list-style: none;
	width:148px;
}

#navContainer .navImg {
	float:left;
	height: 47px;
	width: 174px;
	margin:0;
	padding:0;
}

#navContainer .navImg2 {
	float:left;
	width: 174px;
	margin:0;
	padding:0;
}

#navContainer ul li {
	float:left;
	clear:both;
	width: 184px;
	line-height:13px;
}

#navContainer ul li ul { 
	float:left;
	clear:both;
	list-style: none;
	list-style-type: disc;
	color: #532f19;
	padding: 0 0 5px 15px;
}

#navContainer ul li ul li {
	padding:0;
}

#navContainer ul li ul li a {
	margin-left:0;
}

#navContainer ul li a {
	text-decoration: none;
	color: #532f19;
	font-size: 10px;
	padding:0;
	margin-bottom: 3px;
	/* height: 15px;*/
}

#navContainer ul li a:hover {
	text-decoration: none;
	color: #2f8926;
}

/*#navWe {*/
#whatWeBkgrd {
	float:left;
	background: url('../img/nav/whatWereDoing_dropdownImage.png') left bottom no-repeat;
}

#whatYouBkgrd {
	float:left;
	background: url('../img/nav/whatYouCanDo_dropImage.png') left bottom no-repeat;
}
#wereDoing {
	float:left;
	
	width: 175px;
	margin: -10px 0 3px 0;
	padding:0 0 5px 0;
}

#youCanDo {
	float:left;
	width: 165px;
	min-height:195px;
	margin: 0 0 3px 0;
	padding:0 0 10px 0;
}

li.white { color:#ffffff !important; }
span.navCat a { 
	font-size:13px !important;
}
span.navCat {
	float:left;
	clear:both;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-size:12px !important;
	height: 16px;
	width: 144px;
	margin:0;
	padding:2px 0 2px 0;
	letter-spacing:1px; 
}

hr.navHr {
	float:left;
	width:145px;
	height:1px;
	border-bottom:#bba584 1px solid;
	margin:0 0 3px -10px;
	padding:0;
	background:none;
}

a.logo img {
	display:block;
	margin:27px 0 0 24px;
}

h1#logoHeader a {
	height: 30px;
	width: 126px;
	display: block;
	text-indent: -9999px;
	background: url('../img/global/publix_logo.gif');
	margin: 27px 0 0 24px;}
	
h1.sIFR {
	font-size: 26px;
	margin: 31px 0 -3px 0px;
	color:#2f8926;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-weight:normal;
	font-style:italic;
	height:39px;
}

h2.sIFR {
	margin: 10px 0 -5px 0;
	color:#2f8926;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-weight:normal;
	font-style:italic;
}	
	
p.mainContent {
	width: 520px;
	float:left;
	margin: 15px 0 0 0;
	line-height:16px;
}
p.subContent {
	float:left;
	width: 300px;
	margin: -3px 0 0 2px;
	line-height:16px;
}
#imgCol {
	float:left;
	width:220px;
}
#clinks {
	float:left;
	margin:0 0 0 0px;
	width:210px;
}
	
.noHeader {
	display:block;
	padding:69px 0 0 0;
}
	
p.mainContent img, p.mainContentNoHeader img {
	margin: 0 0 16px 0;}	

p a{
	color: #439639;}

span#initialCap {
	color: #2f8926;
	font-size: 20px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-style: italic;}

#grassFooter,#footer,#staticGrass {
	position: absolute;
	bottom: 0;
	min-width:1058px;
	width: 100%;
	margin:0;
	padding:0;
}

#grassFooter {
	z-index:3;
	margin:0;
	padding:0;
	height: 89px;
}

#tomatoPlant {
	position:absolute;
	right:0;
	bottom:0;
	margin:0;
	padding:0;
	z-index:2;
}


#staticGrass {
	height: 89px;
	background: url('../img/global/grass200px.png') left bottom repeat-x;
	z-index:1;
}
p.crissy {
	float:right;
	margin:-29px 0 0 0;
	padding:0;
}

.push{
	clear: both;
	height: 95px;
	position: relative;}

#footer p#footerLinks {
	font-size: 9px;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 40px 0 0 0;}

#footer p#footerLinks a {
	color: #ffffff;
	text-decoration: none;}

#footer p#footerUtility {
	font-size: 9px;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
	margin: 0 0 0 0;}

#footer p#footerUtility a {
	color: #ffffff;
	text-decoration: underline;}
	
/******************
 * Tips
 *******************/
.tip { 
	width:533px;
	float:left;
	margin:0 0 20px 0px;}
	
.tip h2 {
	font-size:17px;
	color:#338932;
	display:inline;
	}
.tip .rating {
	float:right;
	
	}
.tip .rating img {
	margin-left:4px;
	}
.tip .text {
	color:#5e3d2c;
	font-size:11px;
	line-height:16px;
	}
.tip .tipActions {
	margin-top:10px;
	margin-bottom: 23px;
	color:#338932;
	font-size:12px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	}
.tip .tipActions a {
	color:#338932;

	}
.tip .deleteTip {
	margin-top:7px;
	margin-bottom: 0px;
	color:#338932;
	font-size:13px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	float:right;
	}
.tip .deleteTip a {
	color:#338932;
	}

.tip .rateThis {
	color:#338932;
	font-size:13px;
	float: left;
	}

.tip .rateThis img {
	margin:0 2px 0px 2px;
	}
.tip .sendToFriend {
	padding-left: 22px;
	
	}
.tip .share {
	padding-left: 23px;
	}
.tip .share img {
	/*vertical-align:middle;*/
	}
.tip .addTo {
	padding-left:25px;
	}

.toolTip {
	background-color:white;
	padding:15px;
	display:none;
	position:absolute;
	color:#338932;
	z-index:50;
	}
.toolTip a {
	color:#338932;
	}

#share {
	font-size:11px;
	width:115px;
	height:130px;
	background: url('../img/tooltips/share.png') no-repeat;
	}

#share .shareTipTxt {
	margin-bottom:3px;
	}

#share .site {
	margin-bottom:4px;
	}
#share img {
	margin-right:4px;
	margin-bottom:-5px;
	}
#share #shareSpacer {
	display:none;
	height:18px;
	}
#emailToSelfSpacer {
	display:none;
	height:18px;
	}
#emailToSelf {
	width:277px;
	height:85px;
	background: url('../img/tooltips/email.png') no-repeat;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-style:italic;
	font-size:14px;
	}
#sendToFriend {
	width:305px;
	height:190px;
	background: url('../img/tooltips/send_to_friend.png') no-repeat;
	
	}
#sendToFriend .title,#sendToFriend a {
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-style:italic;
	font-size:14px;
}
#sendToFriendSpacer {
		display:none;
		height:20px;
	}
#sendToFriend .title {
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
	margin-left:5px;
	}
#sendToFriend label {
	clear:left;
	display:block;
	float:left;
	width:109px;
	font-size:11px;
	text-align:right;
	padding-right:5px;
	margin-bottom:0.5em;
	font-weight:bold;
	/*
	 * take out georgia 
	 font-style:italic;
	font-family:Georgia, 'Times New Roman', Times, serif;*/
	
	}
#sendToFriendStatus,#sendToSelfStatus { 
	font-size:9px;
	float:right;
	margin:-17px 0 0 0;
	padding:0;
	}
#sendToFriend form {
	margin:0; 
	padding:0;
}
#sendToFriend .sendLink, #sendToFriend .sendLinkGreenRoutine {
	display:block;
	margin-left:115px;
	font-weight:bold;
	font-style:italic;
	font-family:Georgia, 'Times New Roman', Times, serif;
	clear:left;
	width:180px;
	}
#sendToFriend input {
	float:left;
	border:1px solid #bad9bc;
	height:15px;
	width:160px;
	padding:0 0 2px 0.5em; 
	margin:0 0 4px 0;
	}
#bottomPagination {
	font-size:11px;
	color:#338932;
	clear:both;
	}
#bottomPagination a {
	text-decoration:none;
	}
#bottomPagination a:hover {
	text-decoration:underline;
}
#bottomPagination .active{
	font-weight:bold;
	}
.viewMoreTips {
	color:#338932;
	font-size:14px;
	}
.addToOpaque {
	opacity: 0.3;
	}
.greenRoutineActions {
	margin-top:10px;
	margin-bottom: 23px;
	width:540px;
	color:#338932;
	font-size:11px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	}
.greenRoutineActions .printDisclaimer {
	font-size:10px;
	font-style:normal;
	margin-left:5px;
	top:-3px;
	color:#7f6453;
	}
.greenRoutineActions .saveThisTxt {
	top:-2px;
	}
.greenRoutineActions .email {
	margin-left: 10px;
	
	}

.greenRoutineActions .sendToFriend {
	margin-left:75px;
	}
.greenRoutineActions a {
	color:#338932;
	font-weight:bold;
	}
#printPage {
	padding:10px;
	}
#printPage .routineTxt {
	margin-left:10px;
	}
#printPage #greenRoutineTips {
	position: relative;
	left:10px;
	top:10px;
	width:550px;
	}
#printPage .tipTitle {
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-style:italic;
	color:#338932;
	margin-bottom:8px;
	
	}
#printPage #printLink  {
	color: #338932;
	}
#emailToSelf .title {
	font-size:17px;
	font-weight:bold;
	margin-bottom:5px;
	}
	
#emailToSelf label {
	clear:left;
	display:block;
	float:left;
	width:75px;
	font-size:11px;
	text-align:right;
	padding-right:5px;
	margin-top:3px;
	font-weight:bold;
	}
#emailToSelf form {
	margin:0; 
	padding:0;
}
#emailToSelf .sendLink {
	margin-left:83px;
	font-size:13px;
	font-weight:bold;
	}
#emailToSelf input {
	float:left;
	border:1px solid #bad9bc;
	height:15px;
	width:160px;
	padding:0 0 2px 0.5em; 
	margin:0 0 4px 0;
	}

#circle {
	width:540px;
	padding:10px 5px 10px 8px;
	}
.greenRoutine h1 {
	margin-left:10px;
	}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /*
  .sIFR-active h1 {
    margin:0;
	padding:0;
  }
  */
}


/* 	for revisions on 2-13-09 
	utilizes more semantic, valid markup */
#subContentCol {
	float: right;
	width: 300px;
	margin-top: -3px;
	padding-left: 2px;
	padding-right: 38px;
}

#subContentCol p {
	margin-top: 0;
	vertical-align: text-top;
}

#subContentCol .cpyList {
	padding-left: 20px;
}
/* end */

/*  Design-a-Bag  */
#winningDesignBlock a:link, #winningDesignBlock a:visited {
	color: #532f19;
	text-decoration:none;
}
#winningDesignBlock a:hover {
	color: #2E8825;
	text-decoration:none;
}

#designImage {
	margin-right:20px;
	float:left;
	width:200px;
	text-align:center;
	font-size: 65%;
}

#designWinners {
	float:left;
	vertical-align:bottom;
	color: #532f19;
	font-size: 65%;
	line-height: 16px;
	padding:40px 0 0 0;
}

#designWinners h2 {
	padding:10px 0 0 0;
}

#designWinners ul {
	margin:0;
	padding:0;
}

#designWinners ul li {
	list-style:none;
	margin:0;
	padding:0;
}

#greenbook{
	float: right;
	margin: 33px -25px -20px;
}