/* - - - - - - - - - - - - - - - - - - - - -

 Title :  Dole: 7 Days to Shine in Hawaii 2009
 Author : Foothold Design
 URL : http://

 Last Updated : 

- - - - - - - - - - - - - - - - - - - - - */


/*/////// RESET ///////*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

a { /* remove the dotted outlines when clicking tabs */ 
	outline: none; text-decoration: none;
}


/*/////// TYPE ///////*/
body {
	background: #a1e1f5 url(../images/bg_repeater.jpg) repeat-x;
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 68.8%;
	font-size: 75%;
	color: #707070;
	line-height:1.4em;
}

a { color: #f4651e; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

p { margin-bottom: 18px; }
h1 { color:#395eab; font-weight: bold; font-size: 190%; line-height: 28px; margin-bottom: 0; }
h2 { color:#f4651e; font-size: 150%; line-height: 18px; margin-bottom: 18px; }
h3 { color:#f4651e; font-weight: bold; font-size: 130%; line-height: 18px; margin-bottom:0; }
h4 { font-weight: bold; font-size: 90%; line-height: 18px; }

/*recipe section link styles*/

a.printlinks:link, a.printlinks:visited, a.printlinks:hover {color:#5f8ea8; font-weight: bold; text-decoration: none; }

/*/////// LAYOUT ///////*/
#recipebullets li { 
	font: 1.0em Arial, Helvetica, sans-serif;
	color: #707070;
	text-indent: 0px;
	list-style-position: outside;
	list-style-type: disc;
	padding: 6px;
	margin:0px 0px 0px 30px;
}

#wrapper {
	background:white;
	position:relative;
	margin:0 auto 0 auto;
	width:790px;
}

#header.nutrition {
	background:url(../images/header_nutrition.jpg) top left no-repeat;
	height:264px;
	position:relative;
}

#header.recipes {
	background:url(../images/header_recipes_closed.jpg) top left no-repeat;
	height:264px;
	position:relative;
}

.recipes {
	background:url(../images/header_recipes_closed.jpg) top left no-repeat;
	height:264px;
	position:relative;
}

.logo {
	float:left;
	padding:32px 0 0 50px;
}

/* MAIN NAV */
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav {
	color:#395eab;
	float:right;
	position:absolute;
	top:37px;
	right:18px;
}

#nav a {
	background:white;
	color:#395eab;
	display: block;
	font-weight:bold;
	/*padding:8px 12px 7px;*/
	text-transform:uppercase;
	text-decoration:none;
}

/*#nav a:hover {
	background:#395eab;
	color:white;
}*/

#nav li {
	float: left;
	display:inline;
	/*width: 10em;*/
}

#nav li a {
	float:left;
	display:inline;
}


/* SUBNAV */
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li ul li a{
	border:1px solid #738ec4;
	float:left;
	height:0;
	overflow:hidden;
	padding-top:60px;
	width:175px;
}
#nav li ul li.recipe2 a, #nav li ul li.recipe5 a, #nav li ul li.recipe8 a{
	border-left:0;
	border-right:0;
}
#nav li ul li.recipe4 a, #nav li ul li.recipe5 a, #nav li ul li.recipe6 a{
	border-top:0;
	border-bottom:0;
}
#nav li ul li.recipe1 a, #nav li ul li.recipe4 a, #nav li ul li.recipe7 a{
	border-left:0;
}
#nav li ul li.recipe3 a, #nav li ul li.recipe6 a, #nav li ul li.recipe9 a{
	border-right:0;
}
#nav li ul li.recipe7 a, #nav li ul li.recipe8 a, #nav li ul li.recipe9 a{
	border-bottom:0;
}
#nav li ul li.recipe1 a, #nav li ul li.recipe2 a, #nav li ul li.recipe3 a{
	border-top:0;
}

#nav li:hover ul {
	background:url(../images/bg_subnav.png) 0 0 no-repeat;
	left: -210px;
	padding:9px;
	padding-top:3px;
	top:33px;
	width:546px;
}

#nav li:hover ul, #nav li.sfhover ul {
	background:url(../images/bg_subnav.png) 0 0 no-repeat;
	left: -210px;
	padding:9px;
	padding-top:3px;
	top:33px;
	width:546px;
}

* html #nav li:hover ul, * html #nav li.sfhover ul {
	background:url(../images/bg_subnav.gif) 0 0 no-repeat;
	left: -210px;
	padding:3px;
	padding-top:1px;
	top:33px;
	width:546px;
}

/*#nav li:hover, #nav li.sfhover {
	background:#395eab;
	color:white;
}*/

/* MAIN NAV IMAGES */
#nav #navhome a {
	background:url(../images/nav_home.jpg) 0 0 no-repeat;
	height:0;
	overflow:hidden;
	padding-top:30px;
	width:67px;
}
#nav #navhome a:hover { background:url(../images/nav_home.jpg) 0 -30px no-repeat; }
#nav #navhome a:active { background:url(../images/nav_home.jpg) 0 -60px no-repeat; }

#nav #navrecipes{
	background:url(../images/nav_recipes.jpg) 0 0 no-repeat;
	height:0;
	margin-top:-2px;
	overflow:hidden;
	padding-top:36px;
	width:102px;
	
}
#nav #navrecipes:hover { background:url(../images/nav_recipes.jpg) 0 -36px no-repeat; }


/*
* html #nav .navrecipes  a{
	background:url(../images/nav_recipes.jpg) 0 0 no-repeat;
	height:0;
	margin-top:-2px;
	overflow:hidden;
	padding-top:36px;
	width:102px;
}
*/
#nav #navrecipes.sfhover{ background:url(../images/nav_recipes.jpg) 0 -36px no-repeat; }
#nav li.sfhover ul li{ background: none; }

#nav #navnutrition a {
	background:url(../images/nav_nutrition.jpg) 0 0 no-repeat;
	height:0;
	overflow:hidden;
	padding-top:30px;
	width:222px;
}
#nav #navnutrition a:hover { background:url(../images/nav_nutrition.jpg) 0 -30px no-repeat; }
#nav #navnutrition a:active { background:url(../images/nav_nutrition.jpg) 0 -60px no-repeat; }

#header.nutrition #nav #navnutrition a { background:url(../images/nav_nutrition.jpg) 0 -30px no-repeat; }

/* RECIPE SUBNAV IMAGES */
#nav li ul li.recipe1 a{ background:url(../images/bg_recipe1.jpg) 0 0 no-repeat; }
#nav li ul li.recipe1 a:hover { background:url(../images/bg_recipe1.jpg) 0 -60px no-repeat; }
#nav li ul li.recipe1 a:active { background:url(../images/bg_recipe1.jpg) 0 0 no-repeat; }

#nav li ul li.recipe2 a{ background:url(../images/bg_recipe2.jpg) 0 0 no-repeat; }
#nav li ul li.recipe2 a:hover { background:url(../images/bg_recipe2.jpg) 0 -60px no-repeat; }
#nav li ul li.recipe2 a:active { background:url(../images/bg_recipe2.jpg) 0 0 no-repeat; }

#nav li ul li.recipe3 a{ background:url(../images/bg_recipe3.jpg) 0 0 no-repeat; }
#nav li ul li.recipe3 a:hover { background:url(../images/bg_recipe3.jpg) 0 -60px no-repeat; }
#nav li ul li.recipe3 a:active { background:url(../images/bg_recipe3.jpg) 0 0 no-repeat; }

#nav li ul li.recipe4 a{ background:url(../images/bg_recipe4.jpg) 0 0 no-repeat; }
#nav li ul li.recipe4 a:hover { background:url(../images/bg_recipe4.jpg) 0 -60px no-repeat; }
#nav li ul li.recipe4 a:active { background:url(../images/bg_recipe4.jpg) 0 0 no-repeat; }

#nav li ul li.recipe5 a{ background:url(../images/bg_recipe5.jpg) 0 0 no-repeat; }
#nav li ul li.recipe5 a:hover { background:url(../images/bg_recipe5.jpg) 0 -60px no-repeat; }
#nav li ul li.recipe5 a:active { background:url(../images/bg_recipe5.jpg) 0 0 no-repeat; }

#nav li ul li.recipe6 a{ background:url(../images/bg_recipe6.jpg) 0 0 no-repeat; }
#nav li ul li.recipe6 a:hover { background:url(../images/bg_recipe6.jpg) 0 -60px no-repeat; }
#nav li ul li.recipe6 a:active { background:url(../images/bg_recipe6.jpg) 0 0 no-repeat; }

#nav li ul li.recipe7 a{ background:url(../images/bg_recipe7.jpg) 0 0 no-repeat; }
#nav li ul li.recipe7 a:hover { background:url(../images/bg_recipe7.jpg) 0 -60px no-repeat; }
#nav li ul li.recipe7 a:active { background:url(../images/bg_recipe7.jpg) 0 0 no-repeat; }

#nav li ul li.recipe8 a{ background:url(../images/bg_recipe8.jpg) 0 0 no-repeat; }
#nav li ul li.recipe8 a:hover { background:url(../images/bg_recipe8.jpg) 0 -60px no-repeat; }
#nav li ul li.recipe8 a:active { background:url(../images/bg_recipe8.jpg) 0 0 no-repeat; }

#nav li ul li.recipe9 a{ background:url(../images/bg_recipe9.jpg) 0 0 no-repeat; }
#nav li ul li.recipe9 a:hover { background:url(../images/bg_recipe9.jpg) 0 -60px no-repeat; }
#nav li ul li.recipe9 a:active { background:url(../images/bg_recipe9.jpg) 0 0 no-repeat; }


#enterbtn a{
	background:url(../images/btn_enter.png) 0 0 no-repeat;
	height:0;
	margin:0;
	overflow:hidden;
	padding-top:35px;
	position:absolute;
	right:73px;
	top:138px;
	width:141px;
}
#enterbtn a:hover { background:url(../images/btn_enter.png) 0 -35px no-repeat; }
#enterbtn a:active { background:url(../images/btn_enter.png) 0 -70px no-repeat; margin-top:1px; margin-left:1px;}

* html #enterbtn a { background:url(../images/btn_enter.gif) 0 0 no-repeat; }
* html #enterbtn a:hover { background:url(../images/btn_enter.gif) 0 -35px no-repeat; }
* html #enterbtn a:active { background:url(../images/btn_enter.gif) 0 -70px no-repeat; margin-top:1px; margin-left:1px;}

#dolelink a{
height:0;
margin:0;
overflow:hidden;
position:absolute;
left:265px;
top:160px;
width:100px;
height:25px;
}

#dolelink a:hover {
text-decoration:none;
}

/*/////// UPPER CONTENT ///////*/
#uppercontent {
	background:white url(../images/uppercontent_bg.jpg) top left no-repeat;
	float:left;
	margin-bottom:25px;
	width:100%;
}

/* LEFT CONTENT */
#uppercontent .left {
	float:left;
	margin:60px 32px 0 37px;
	padding-left:35px;
	width:227px;
}


/* IE Fix */
* html #uppercontent .left {
	margin-left:18px;
}

.step1,.step2,.step3,.step4 {
	margin-bottom:10px;
}

#uppercontent .left .step1 h3 {
	background:url(../images/circle1.gif) 0 0 no-repeat;
	margin-left:-35px;
	padding:5px 0 5px 35px;
}

.biking {
	margin:2em 0 4em -20px;
}

/* NUTRITION NEWS CALLOUT */
#nutritionnews {
	background: url(../images/bg_newsletterCallout.jpg) 0 0 repeat-y;
	color:white;
	margin:2em 0 0;
	margin-left:-20px;
	position:relative;
	width:262px;
	padding:0;
}

* +html #nutritionnews img {
	margin:0;
	padding:0;
	margin-bottom:-4px;
}

* html #nutritionnews img {
	margin:0;
	padding:0;
	margin-bottom:-3px;
}

#nutritionnews h2, #nutritionnews a, #nutritionnews a:visited {
	color:#faf722;
}

#nutritionnews a:hover {
	color:white;
}

#nutritionnews h2 {
	margin-bottom:4px;
	margin-left:16px;
	margin-top:-26px;
}

#nutritionnews p {
	font-size:90%;
	line-height:1.2em;
	margin-bottom:3px;
	margin-left:16px;
	width: 180px;
	padding:0;
}

#newsicon {
	background:url(../images/icon_newsletter.png) 0 0 no-repeat;
	height:104px;
	position:absolute;
	top:-13px;
	right:-20px;
	width:90px;
}

* html #newsicon {
	background:url(../images/icon_newsletter.gif) 0 0 no-repeat;
}

/* RIGHT CONTENT */
#uppercontent .right {
	display:inline;
	float:right;
	margin:60px 50px 0 0;
	padding-left:35px;
	width: 356px;
}

#uppercontent h3 {
	line-height:1.4em;
}

#uppercontent .right .step2 h3 {
	background:url(../images/circle2.gif) 0 0 no-repeat;
	margin-left:-35px;
	padding:5px 0 5px 35px;
}

#uppercontent .right .step3 h3 {
	background:url(../images/circle3.gif) 0 0 no-repeat;
	margin-left:-35px;
	padding:5px 0 5px 35px;
}

#uppercontent .right .step4 h3 {
	background:url(../images/circle4.gif) 0 0 no-repeat;
	margin-left:-35px;
	padding:5px 0 5px 35px;
}

/*/////// LOWER CONTENT ///////*/
#lowercontent {
	background:white url(../images/bg_lowercontent.jpg) bottom left no-repeat;
	float:left;
	width:100%;
}

#lowercontent h2 {
	color:#008ac8;
}

#lowercontent h3 {
	color:#008ac8;
	font-weight:normal;
	line-height:1.4em;
}

#lowercontent .left {
	float:left;
	margin:30px 32px 50px 50px;
	width:360px;
}
/* IE Fix */
* html #lowercontent .left {
	margin-top:0;
	margin-left:25px;
}

#lowercontent .right {
	float:right;
	margin:30px 50px 50px 0;
	width: 298px;
}
* html #lowercontent .right {
	margin-top:0;
	margin-right:25px;
}

.berries {
	margin:0 0 24px 0;
}

#lowercontent .right h3 {
	padding-left:10px;
}
#lowercontent .right p {
	padding-left:10px;
	padding-right:10px;
}

#toplefttitle, #lowerlefttitle {
	margin-bottom:25px;
}

#uppercontent h1, #uppercontent h2, #lowercontent h1, #lowercontent h2 {
	display:none;
}

#nutritionnews h2 {
	display:block;
}
/* IE Fix */
* html #uppercontent h1, * html #uppercontent h2, * html #lowercontent h1, * html #lowercontent h2 {
	display:block;
}
* html #toplefttitle, * html #lowerlefttitle {
	display:none;
}

/*/////// FOOTER ///////*/
#footer {
	clear:both;
	color:#395eab;
	font-size:85%;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
	width:790px;
}

#footer p {
	margin-bottom:1em;
}

#footer a, #footer a:visited {
	color:#395eab;
	text-decoration:underline;
}

#footer a:hover {
	color:#224182;
}

#footer ul {
	display:inline;
}

#footer ul li {
	border-left: 1px solid #395eab;
	display:inline;
	padding: 0 8px;
}

#footer ul li.first {
	border:none;
}


/*/////// RECIPE CONTENT ///////*/
#recipecontent {
	background:white;
	float:left;
	width:100%;
}

#recipecontent .blueshell {
	width: 718px;
	background-color: #edf7fb;
	margin:20px 22px 20px 21px;
	padding:15px 15px 15px 15px;
	overflow:hidden
}

#recipecontent .whiteshell {
	width: 688px;
	float:left;
	/*height:700px;*/
	background-color: #ffffff;
	padding:15px 15px 15px 15px;
}

#recipecontent .navleft, #recipecontent .navleft a, #recipecontent .navleft a:visited {
	float:left; 
	width: 344px;
	font-size: 14px;
	background-color: #edf7fb;
	padding:5px 5px 5px 5px;
	color: #96bed4;
	font-weight: bold;
}
#recipecontent .navright, #recipecontent .navright a, #recipecontent .navright:visited {
	float:right; 
	width: 344px;
	font-size: 14px;
	background-color: #edf7fb;
	padding:5px 5px 5px 5px;
	color: #96bed4;
	font-weight: bold;
}

.bottomnav {
	clear:both;
}

#recipecontent h2 {
	color:#FF5232;
	font-size:22px;
	font-weight:bold;
}

#recipecontent h3 {
	color:#008ac8;
	font-weight:normal;
}

#recipecontent .left {
	float:left;
	margin:0px 2px 2px 5px;
	width:369px;
	background-color: #ffffff;
}

#recipecontent .right {
	display:inline;
	float:right;
	margin:10px 0px 0px 0px;
	width: 284px;
	background-color: #ffffff;
}

#recipecontent .printoptions {
	float:left;
	background:#eef6fb;
	border:1px solid #b3d8eb;
	font-size:11px;
	/*line-height:40px;*/
	padding:5px;
	color: #5f8ea8;
	font-weight: bold;
	width: 261px;
}

.recipetitle {
	position:relative;
	margin:10px 0 5px -10px;
}

.recipesubtitle {
	margin:15px 0 15px -12px;
}

.capsule {
	margin:10px 0 25px -10px;
}

.recipephoto {
	border:1px solid #b3d8eb;
}

.dotsimage {
	margin-top:15px;
	background:#eef6fb;
	border:1px solid #b3d8eb;
}

.productshot {
	margin-top:15px;
	background:#ffffff;
}



/*/////// FORM STYLES ///////*/

.clear {
clear:both;
}

.clear-form {
clear:both;
padding-bottom:25px;
}

.f-padding-bottom {
height:25px;
vertical-align:top;
}

.hr-rule {
padding-bottom:15px;
border-top:solid 1px #b7c9e3;
}

.ruled-select {
margin-bottom:15px;
padding:10px;
text-align:center;
border-top:solid 1px #b7c9e3;
border-bottom:solid 1px #b7c9e3;
}

.f-label {
color:#395eab;
font-weight:bold;
}

.f-input {
margin-bottom:15px;
}

.f-input-box-left {
width:235px;
height:1.5em;
}

.f-input-box-right {
width:275px;
height:1.5em;
}

.f-input-box-zip {
width:143px;
height:1.5em;
}

.f-input-box-phone {
width:100px;
height:1.5em;
}

.float-left {
float:left;
padding-right:25px;
}

h2.form {
padding-bottom:15px;
color:#008ac8;
}

#recipecontent h3.form {
padding-bottom:15px;
color:#395eab;
font-size:16px;
font-weight:bold;
}

h4.form {
padding-bottom:15px;
color:#008ac8;
font-size:15px;
}

.errors {
padding:25px 25px 0 25px;
}

.entry-form {
margin-bottom:25px;
}

#recipecontent a {
color:#008ac8;
}

.entry-form table, 
.entry-form tr, 
.entry-form td {
margin:0;
padding:0 2px 0 2px;
}

.f-label-main {
padding:0 3px 0 10px;
color:#395eab;
font-weight:bold;
text-align:right;
white-space:nowrap;
}

.f-label-sub {
color:#999;
font-size:.85em;
}

.opt-in {
float:left;
width:400px;
}

.opt-in input {

}

.submit-cancel {
float:right;
}

.btnCancel {
padding:15px;
}

.btnCancel a {
}

t:right {
	margin:10px 0px 0px 0px;
	width: 284px;
	background-color: #ffffff;
}

h4.form {
padding-bottom:15px;
color:#008ac8;
font-size:15px;
}

.errors {
padding:25px 25px 0 25px;
}

.entry-form {
margin-bottom:25px;
}

#recipecontent a {
color:#008ac8;
}

.entry-form table, 
.entry-form tr, 
.entry-form td {
margin:0;
padding:0 2px 0 2px;
}

.f-label-main {
padding:0 3px 0 10px;
color:#395eab;
font-weight:bold;
text-align:right;
white-space:nowrap;
}

.f-label-sub {
color:#999;
font-size:.85em;
}

.opt-in {
float:left;
width:400px;
}

.opt-in input {

}

.submit-cancel {
float:right;
}

.btnCancel {
padding:15px;
}

.btnCancel a {
font-weight:bold;
}

h4.form {
padding-bottom:15px;
color:#008ac8;
font-size:15px;
}

.errors {
padding:25px 25px 0 25px;
}

.entry-form {
margin-bottom:25px;
}

#recipecontent a {
color:#008ac8;
}

.entry-form table, 
.entry-form tr, 
.entry-form td {
margin:0;
padding:0 2px 0 2px;
}

.f-label-main {
padding:0 3px 0 10px;
color:#395eab;
font-weight:bold;
text-align:right;
white-space:nowrap;
}

.f-label-sub {
color:#999;
font-size:.85em;
}

.opt-in {
float:left;
width:400px;
}

.opt-in input {

}

.submit-cancel {
float:right;
}

.btnCancel {
padding:15px;
}

.btnCancel a {
}

.padding-bottom {
padding-bottom:15px;
}

.gender-list label {
padding:0 10px 0 2px;
}

.opt-in-check {
float:left;
padding:2px 5px 20px 0;
}


.hiddentext 
{
  display:none;
}