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

@font-face { font-family: "Latino Rumba"; src: url(../fonts/latino-rumba.ttf) format("truetype"); }
@font-face { font-family: "Latino Samba"; src: url(../fonts/latino-samba.ttf) format("truetype"); }

@font-face { font-family: "Latino Rumba EOT"; src: url(../fonts/latino-rumba.eot); }
@font-face { font-family: "Latino Samba EOT"; src: url(../fonts/latino-samba.eot); }

/* Global Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-indent: 0;
}

.prev-page, .next-page {
    text-align: center;
    width: 121px;
    background: url(../img/prev-next-button-bg.png) no-repeat top left;
    height: 24px;
    padding: 9px 0 0px 0;
}

body {
    position: relative;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
}

a {
    color: #fff;
}

a:hover {
    text-decoration: none;
}

.orange {
    background: url(../img/backgrounds/orange_bg.jpg) top center no-repeat #db3b01;
}

#content-wrapper {
    width: 100%;
    position: relative;
    overflow-x: hidden;
    min-width: 1000px;
    display: none;
}

#background-decoration {
    background: url(../img/bg_decoration.png) no-repeat;
    background-position: center center;
    width: 100%;
    min-width: 1000px;
    height: 460px;
    position: absolute;
    top: 340px;
    left: 0;
}

#background-decoration.inner {
    top: 40px;
}

#watermellon {
    width: 100%;
    min-width: 1000px;
    height: 552px;
    position: absolute;
    top: 165px;
    left: 0;
    background: url(../img/watermelon.png) no-repeat;
    background-position: center top;
}

.header {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    height: 250px;
}

.content {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding-top: 360px;
    padding-bottom: 60px;
}

.content.inner {
    padding-top: 30px;
}

.content p {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 0px 20px;
}

.content p.home {
    width: 420px;
}

.expandable-side-menu-holder {
    width: 276px;
    height: 513px;
    position: absolute;
    top: 10px;
    left: 38px;
}

#expandable-side-menu {
    width: 276px;
    height: 74px;
    position: absolute;
    left: 0;
    top: 0px;
    overflow: hidden;
}

#expandable-side-menu .bg {
    width: 276px;
    position: absolute;
    left: 0;
    top: 0px;
}

#expandable-side-menu .contracted {
    height: 74px;
    background: url(../img/side_menu_bg_short.png) top left no-repeat;
}

#expandable-side-menu .expanded {
    height: 513px;
    background: url(../img/side_menu_bg.png) top left no-repeat;
}

#expandable-side-menu ul {
    padding-top: 10px;
    width: 212px;
    margin-left: 25px;
    list-style-type: none;
}

.side-menu-holder {
    width: 276px;
    height: 513px;
    position: relative;
    float: left;
    margin-left: 38px;
}

#side-menu {
    width: 276px;
    height: 513px;
    background: url(../img/side_menu_bg.png) top left no-repeat;
    position: absolute;
    left: 0;
    top: 0px;
}

#side-menu ul {
    padding-top: 10px;
    width: 212px;
    margin-left: 25px;
    list-style-type: none;
}

#side-menu ul li, #expandable-side-menu ul li {
    height: 27px;
    border-bottom: 2px dotted #000;
    position: relative;
    display: block;
}

#side-menu ul li a, #expandable-side-menu ul li a {
    height: 14px;
    padding: 6px 10px 10px 20px;
    display: block;
    position: relative;
}

#side-menu ul li .blackbox, #expandable-side-menu ul li .blackbox {
    width: 212px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 27px;
    background: #000;
}

.ask-michael {
    width: 276px;
    text-align: center;
    padding-top: 40px;
}

.ask-michael a {
   display: block;
   background: url(../img/ask_michael_bg.png) top left no-repeat;
   width: 132px;
   height: 27px;
   padding: 22px 47px 10px 47px;
   margin: 0 auto;
}

.center-content {
    width: 405px;
    float: left;
    margin-left: 10px;
    border-right: 2px dashed #000;
    padding-right: 20px;
    position: relative;
}

.center-content p {
    color: #fff;
    line-height: 20px;
    padding: 0px 0px 25px 0px;
    font-size: 14px;
}

.center-content p img {
    display: block;
    border: 14px solid #000;
    max-width: 370px;
}

.center-content .call-now {
   display: block;
   background: url(../img/call_now_bg.png) top left no-repeat;
   width: 299px;
   height: 24px;
   padding: 23px 21px 12px 21px;
}

.center-content ul, .center-content ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding: 0px 0px 25px 0px;
}

.center-content ul li, .center-content ol li {
    font-size: 14px;
    color: #fff;
}

.center-content ul.cuisine-list li {
    /*background: #000;*/
    width: 200px;
    margin-bottom: 1px;
    padding: 5px 5px 5px 10px;
}

.center-content form {
    width: 100%;
    margin-top: 10px;
    padding: 10px;
}

.blog-panel {
    width: 650px;
    float: left;
    margin-left: 10px;
    height: 1025px;
    position: relative;
    overflow: hidden;
}

.blog-panel .blog-menu {
    width: 150px;
    float: left;
    margin-right: 30px;
    position: relative;
    clear: left;
    border-right: 1px dashed #000;
    margin-top: 20px;
}

.blog-panel .blog-menu .section-title {
    font-size: 16px;
    font-weight: bold;
    background: #000;
    padding: 5px 10px;
    width: 130px;
    color: #fff;
    margin-bottom: 5px;
}

.blog-panel .blog-menu ul {
    margin-bottom: 5px;
    padding: 0 10px 0 10px;
    list-style-type: none;
}

.blog-panel .blog-menu ul li {
    color: #000;
    font-size: 12px;
    padding: 2px 0;
}

.blog-panel .blog-menu ul li a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 5px 5px 5px 10px;
}

.blog-panel .blog-menu ul li a:hover, .blog-panel .blog-menu ul li a.selected {
    background: #000;
    color: #fff;
}

.blog-panel .blog-pages {
    width: 460px;
    float: left;
    position: relative;
    height: 1000px;
    margin-top: 20px;
    overflow: hidden;
}

.blog-panel .blog-pages .page {
    position: absolute;
    top: 0;
    left: 0;
    height: 1000px;
    width: 460px;
}

.blog-panel .blog-pages .page .prev-page {
    position: absolute;
    top: 0;
    left: 0;
}

.blog-panel .blog-pages .page .next-page {
    position: absolute;
    top: 0;
    right: 10px;
}

.blog-story {
    position: relative;
    padding-bottom: 20px;
}

.blog-story p {
    padding: 0px 0px 5px 0px;
}

.blog-story p img {
    border: 15px solid #000;
}

.blog-story p .read-more {
    font-size: 19px;
    line-height: 19px;
    font-weight: bold;
    display: block;
    width: 163px;
    text-align: center;
    background: url(../img/blog_read_more_bg.png) top left no-repeat;
    text-decoration: none;
    padding: 14px 0px 12px 0px;
font-family: "Latino Rumba", "Latino Rumba EOT", Tahoma, Geneva, sans-serif;
letter-spacing: 1px;
}

.blog-story .blog-date {
    position: absolute;
    top: 0px;
    right: 0px;
}

.products-panel {
    width: 650px;
    float: left;
    margin-left: 10px;
    height: 825px;
    padding-top: 60px;
    position: relative;
    overflow: hidden;
}

.products-panel h1 {
    position: absolute;
    top: 0px;
    left: 0;
}

.products-panel .back-to-list {
    position: absolute;
    top: 0px;
    left: 130px;
height: 30px;
padding: 12px 0px 0px 0px;
background: url(../img/back_btn_bg.png) top left no-repeat;
width: 207px;
text-align: center;
}

.products-panel .info-panels {
    width: 650px;
    height: 825px;
    position: absolute;
    top: 60px;
    left: 0;
}

.products-panel .info-panels .panel {
    width: 650px;
    height: 825px;
    position: absolute;
    top: 0;
    left: 0;
}

.products-panel .info-panels .panel p {
    padding-bottom: 5px;
    padding-right: 30px;
}

.products-panel .info-panels .panel p a.purchase-button {
    display: block;
    background: url(../img/ask_michael_bg.png) top left no-repeat;
    width: 172px;
    height: 27px;
    padding: 20px 27px 12px 27px;
    float: left;
    text-decoration: none;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    top: -10px;
font-family: "Latino Rumba", "Latino Rumba EOT", Tahoma, Geneva, sans-serif;
letter-spacing: 1px;
}

.products-panel .info-panels .panel h2 {
    position: relative;
    margin-bottom: 0px;
}

.products-panel .info-panels .panel a.show-recipe {
height: 30px;
padding: 12px 0px 0px 0px;
background: url(../img/back_btn_bg.png) top left no-repeat;
width: 207px;
text-align: center;
display: block;
}

.products-panel .info-panels .panel h2 a {
    position: absolute;
    top: -4px;
    left: 180px;
height: 30px;
padding: 12px 0px 0px 0px;
background: url(../img/back_btn_bg.png) top left no-repeat;
width: 207px;
text-align: center;
}

.products-panel .info-panels .panel .product-item {
    width: 281px;
    float: left;
    padding: 16px;
    background: #000;
    text-align: center;
    display: block;
    margin-right: 30px;
    margin-bottom: 30px;
    margin-top: 10px;
text-decoration: none;
}

.products-panel .info-panels .panel .product-item .title {
    padding: 15px 0 0px 0px;
    display: block;
color: #fff;

letter-spacing: 1px;

font-family: "Latino Rumba", "Latino Rumba EOT", Tahoma, Geneva, sans-serif;
font-size: 20px;
line-height: 22px;
	
}

.products-panel .info-panels .panel .recipe-image {
    width: 280px;
    border: 16px solid #000;
    float: left;
    clear: left;
    margin-right: 20px;
}

.recipe-ingredients {
    float: left;
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
	width: 310px;
}

.products-panel .info-panels .panel .recipe-title {
    float: left;
width: 310px;
}

.products-panel .info-panels .panel .recipe-title .title {
letter-spacing: 1px;

font-family: "Latino Rumba", "Latino Rumba EOT", Tahoma, Geneva, sans-serif;
font-size: 28px;
line-height: 30px;
}

.products-panel .thumb-panels {
    width: 650px;
    height: 825px;
    position: absolute;
    top: 60px;
    left: 0;
}

.products-panel .thumb-panels .panel {
    width: 650px;
    height: 825px;
    position: absolute;
    top: 0;
    left: 0;
}

.products-panel .thumb-panels .panel .product-item {
    width: 175px;
    float: left;
    padding: 10px;
    /*background: #000;*/
    text-align: center;
    display: block;
    margin-right: 20px;
    margin-bottom: 20px;
	text-decoration: none;
}

.products-panel .thumb-panels .panel .product-item img {
    width: 175px;
    margin-bottom: 5px;
}

.products-panel .thumb-panels .panel .prev-page {
    position: absolute;
    top: 0;
    left: 0;
}

.products-panel .thumb-panels .panel .next-page {
    position: absolute;
    top: 0;
    right: 55px;
}

.products-panel .thumb-panels .panel .product-item .title {
    padding: 3px 0;
    display: block;
color: #fff;

	border-radius: 5px;
	moz-border-radius: 5px;
	khtml-border-radius: 5px;
	webki-border-radius: 5px;
	
	background: #000;

letter-spacing: 1px;

font-size: 12px;
line-height: 14px;
height: 28px;
overflow: hidden;
vertical-align: middle;
text-align: center;
margin: 0;
width: 175px;
}

.featured-panel {
    width: 222px;
    float: right;
    text-align: center;
}

#logo {
    position: absolute;
    top: 0;
    left: 20px;
    width: 298px;
    height: 237px;
    padding: 0px;
}

#image-panel {
    background: url(../img/image_tab_background.png) top left no-repeat;
    width: 610px;
    height: 231px;
    position: absolute;
    top: 0px;
    right: 0;
    padding: 0 14px;
}

#image-panel2 {
   
    width: 400px;
    height: 250px;
    position: absolute;
    top: 0px;
    right: 0;
    padding: 0 14px;
border:solid white;
margin-top:5px;
margin-bottom:5px;
}

#home-blurb {
    width: 615px;
    height: 180px;
    position: absolute;
    top: 0px;
    right: 0;
    padding: 23px 10px 0px 10px;
    color: #fff;
    line-height: 22px;
    font-size: 14px;
}

#product-header {
    width: 674px;
    height: 374px;
    position: absolute;
    top: 0px;
    right: 0;
}

#image-panel .left, #image-panel .right {
    width: 304px;
    height: 202px;
    position: absolute;
    top: 6px;
    overflow: hidden;
}

#image-panel .left {
    left: 14px;
}

#image-panel .right {
    right: 14px;
}

#menu {
    width: 421px;
    height: 50px;
    position: absolute;
    top: 46px;
    right: 49px;
}

#menu .title-bar {
    width: 445px;
    height: 61px;
    position: absolute;
    top: 40px;
    left: -40px;
}

#menu .title-bar.home {
    background: url(../img/backgrounds/home-titlebar_bg.png) top left no-repeat;
}

#menu .title-bar .oven-mit {
    width: 94px;
    height: 95px;
    position: absolute;
    top: -20px;
    left: -40px;
    background: url(../img/oven_mit.png) top left no-repeat;
}

#menu .bars {
    position: absolute;
    width: 421px;
    height: 50px;
}

#menu .bars .bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70px;
    height: 50px;
}

#menu .bars .home-bar {
    background-color: #b4d329; 
    left: 6px;
}

#menu .bars .about-bar {
    background-color: #048ad2;
    left: 81px;
}

#menu .bars .gallery-bar {
    background-color: #431775;
    left: 156px;
}

#menu .bars .classes-bar {
    background-color: #e0368d;
    left: 231px;
}

#menu .bars .contact-bar {
    background-color: #f7ab1d;
    left: 306px;
}

#menu .menu-panel {
    position: absolute;
    width: 421px;
    height: 40px;
    background: url(../img/menu_bg.png) top left no-repeat;
    top: 1px;
}

#menu .menu-panel ul {
    list-style-type: none;
    padding-top: 7px;
}

#menu .menu-panel ul li {
    float: left;
}

#menu .menu-panel ul li a {
    text-transform: uppercase;
    margin-left: 6px;
    display: block;
    float: left;
    width: 70px;
    height: 14px;
    padding: 6px 0px 5px 0px;
    font-size: 14px;
    text-decoration: none;
    line-height: 14px;
    text-align: center;
    color: #fff;
}

#decoration {
    position: absolute;
    bottom: 0px;
    height: 30px;
    width: 100%;
    min-width: 1000px;
    left: 0px;
    background: url(../img/swirl_decoration.gif) top center repeat-x;
}

#footer-wrapper {
    position: relative;
    width: 100%;
    height: 254px;
    background: url(../img/footer_bg.jpg) top center no-repeat #000;
    min-width: 1000px;
    display: none;
}

#footer-wrapper .footer {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    height: 202px;
    background: url(../img/footer_bg_decoration.png) top center no-repeat;
}

#footer-wrapper .footer .footer-content {
    position: relative;
    width: 1000px;
    height: 202px;
    margin: 0 auto;
}

#footer-wrapper .footer .footer-content .panel {
    position: absolute;
    top: 0;
    padding: 25px 20px 25px 30px;
    height: 152px;
}

#footer-wrapper .footer .footer-content .panel p {
    font-size: 12px;
    color: #fff;
    margin-bottom: 10px;
}

#footer-wrapper .footer .footer-content .panel p .addthis_button {
    position: absolute;
    top: 105px;
    right: 50px;
}

#footer-wrapper .footer .footer-content .panel.left {
    width: 284px;
    left: 0;
}

#footer-wrapper .footer .footer-content .panel.center {
    width: 317px;
    left: 337px;
    padding-left: 20px;
}

#footer-wrapper .footer .footer-content .panel.right {
    width: 253px;
    right: 0;
    padding-left: 20px;
    padding-right: 30px;
}

#footer-wrapper .footer .footer-content .panel .latest {
    list-style-type: none;
    padding-top: 5px;
}

#footer-wrapper .footer .footer-content .panel .latest li {
    display: block;
    padding-bottom: 10px;
    clear: both;
    width: 270px;
}

#footer-wrapper .footer .footer-content .panel .latest li a:hover {
    text-decoration: underline;
    color: #fff !important;
}

#footer-wrapper .footer .footer-content .panel .latest li img.date {
    float: left;
    margin-right: 5px;
}

#footer-wrapper .footer .footer-content .panel .latest li .posted-date {
    display: block;
    color: #fff;
    font-size: 11px;
    padding-top: 4px;
}

#footer-wrapper .copyright {
    width: 1000px;
    margin: 0 auto;
    padding: 7px 0px;
    position: relative;
}

#footer-wrapper .copyright p {
    color: #fff;
    font-size: 11px;
}

#footer-wrapper .copyright p a {
    text-decoration: none;
}

#footer-wrapper .copyright p a:hover {
    text-decoration: underline;
}

.slideshow {
    width: 460px;
    height: 304px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 500px;
    right: 25px;
}

.slideshow img {
    width: 100%;
    height: 100%;
}

.slideshow a {
    border: 15px solid #000;
    width: 430px;
    height: 274px;
    overflow: hidden;
    position: absolute;
}

.image-fader {
    overflow: hidden;
    margin: 15px 0px;
}

.image-fader img {
    border: 15px solid #000;
}

.yellow-text {
    color: #fff30b !important;
}

.green-text {
    color: #7bd123 !important;
}

.pink-text {
    color: #e0007a !important;
}

.black-text {
    color: #000 !important;
}

/* =============== Recipe Styles =============== */
.recipes-categories {
	float: left;
	width: 150px;
	border-right: 2px dotted #000;
}
.recipes-categories ul {
	margin: 0;
	padding: 0;
}
.recipes-categories ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.recipes-categories a {
	font-family: "Helvetica", sans-serif;
	font-size: 16px;
	padding: 5px 10px;
	text-decoration: none;
	color: #000;
	width: 132px;
	display: block;	
}
.recipes-categories a:hover, .recipes-categories li.selected a {
	color: #fff;
	background-color: #000;
}

.category-panels {
	height: 865px;
	overflow: hidden;
	position: relative;
}

.recipes-panel {
    width: 440px;
    float: left;
    margin-left: 20px;
    height: 865px;
    position: absolute;
	top: 0;
	left: 0;
    overflow: hidden;
}

.recipes-panel h1 {
    position: absolute;
    top: 0px;
    left: 0;
}

.back-to-recipes {
    position: absolute;
    top: -2px;
    left: 165px;
height: 30px;
padding: 12px 0px 0px 0px;
background: url(../img/back_btn_bg.png) top left no-repeat;
width: 207px;
text-align: center;
}

.recipes-panel .info-panels {
    width: 440px;
    height: 865px;
    position: absolute;
    top: 0;
    left: 0;
}

.recipes-panel .info-panels .panel {
    width: 440px;
    height: 865px;
    position: absolute;
    top: 0;
    left: 0;
}

.recipes-panel .info-panels .panel p {
    padding-bottom: 5px;
    padding-right: 30px;
}

.recipes-panel .info-panels .panel p a.purchase-button {
    display: block;
    background: url(../img/ask_michael_bg.png) top left no-repeat;
    width: 132px;
    height: 27px;
    padding: 18px 47px 14px 47px;
    float: left;
    text-decoration: none;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    top: -10px;
font-family: "Latino Rumba", "Latino Rumba EOT", Tahoma, Geneva, sans-serif;
}

.recipes-panel .info-panels .panel h2 {
    position: relative;
}

.recipes-panel .info-panels .panel h2 a {
    position: absolute;
    top: 8px;
    left: 180px;
}

.recipes-panel .info-panels .panel .recipe-item {
    width: 281px;
    float: left;
    padding: 16px;
    background: #000;
    text-align: center;
    display: block;
    margin-right: 30px;
    margin-bottom: 30px;
}
.recipes-panel .info-panels .panel .recipe-description {
	overflow: auto;
	height: 400px;
	width: 100%;
}

.recipes-panel .info-panels .panel p.title {
    padding: 5px 0 5px 0px;
display: block;
clear: both;

font-family: "Latino Rumba", "Latino Rumba EOT", Tahoma, Geneva, sans-serif;
font-size: 24px;
line-height: 26px;
}

.recipes-panel .thumb-panels {
    width: 440px;
    height: 805px;
    position: absolute;
    top: 0;
    left: 0;
}

.recipes-panel .thumb-panels .panel {
    width: 440px;
    height: 805px;
    position: absolute;
    top: 0;
    left: 0;
}

.recipes-panel .thumb-panels .panel .recipe-item {
    width: 146px;
    float: left;
    padding: 16px;
    background: #000;
    text-align: center;
    display: block;
    margin-right: 30px;
    margin-bottom: 30px;
	text-decoration: none;
}

.recipes-panel .thumb-panels .panel .prev-page {
    position: absolute;
    top: 0;
    left: 0;
}

.recipes-panel .thumb-panels .panel .next-page {
    position: absolute;
    top: 0;
    right: 55px;
}

.recipes-panel .thumb-panels .panel .recipe-item .title {
    padding: 10px 0 0px 0px;
    display: block;
color: #fff;

letter-spacing: 1px;

font-size: 12px;
line-height: 14px;
height: 28px;
overflow: hidden;
vertical-align: middle;
text-align: center;
margin: 0;
width: 146px;

}

.input, .submit {
	width: 260px;
	background-color: #000;
	color: #fff;
	border: none;
	padding: 12px 17px;
	font-family: "Helvetica","Arial",sans-serif;
	font-size: 18px;
	margin: 1px;	
}
.input.comments {
	height: 130px;
}
.submit {
	width: auto;
	padding: 9px 17px;
}

.media-panel {
    width: 650px;
    float: left;
    margin-left: 10px;
    height: 875px;
    position: relative;
    overflow: hidden;
}

.media-panel .media-menu {
    width: 150px;
    float: left;
    margin-right: 30px;
    position: relative;
    clear: left;
    border-right: 1px dashed #000;
    margin-top: 20px;
}

.media-panel .media-menu .section-title {
    font-size: 16px;
    font-weight: bold;
    background: #000;
    padding: 5px 10px;
    width: 130px;
    color: #fff;
}

.media-panel .media-menu ul {
    margin-bottom: 5px;
    padding: 0 0px 0 0px;
    list-style-type: none;
}

.media-panel .media-menu ul li {
    color: #000;
    font-size: 12px;
    padding: 0px 0;
    margin-bottom: 5px;
}

.media-panel .media-menu ul li a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 5px 5px 5px 20px;
}

.media-panel .media-menu ul li a:hover, .media-panel .media-menu ul li a.selected {
    background: #000;
    color: #fff;
}

.media-panel .media-categories {
    width: 460px;
    float: left;
    position: relative;
    height: 810px;
    margin-top: 20px;
    overflow: hidden;
}

.media-panel .media-categories .media-category {
    width: 460px;
    height: 810px;
    position: absolute;
    top: 0;
    left: 0;
}

.media-panel .media-categories .media-category .media-pages {
    width: 460px;
    height: 810px;
    position: absolute;
    top: 0;
    left: 0;
}

.media-panel .media-categories .media-category .media-pages .page {
    position: absolute;
    top: 0;
    left: 0;
    height: 810px;
    width: 460px;
}

.media-panel .media-categories .media-category .media-pages .page .media-item {
    width: 146px;
    float: left;
    padding: 14px;
    background: #000;
    text-align: center;
    display: block;
    margin-right: 40px;
    margin-bottom: 30px;
text-decoration: none;
}

.media-panel .media-categories .media-category .media-pages .page .media-item .title {
    padding: 10px 0 0px 0px;
    display: block;
color: #fff;

letter-spacing: 1px;

font-size: 12px;
line-height: 14px;
height: 28px;
overflow: hidden;
vertical-align: middle;
text-align: center;
margin: 0;
width: 146px;

}


.media-panel .media-categories .media-category .page .prev-page {
    position: absolute;
    top: 0;
    left: 0;
}

.media-panel .media-categories .media-category .page .next-page {
    position: absolute;
    top: 0;
    right: 70px;
}

.back-to-gallery {
    position: absolute;
    top: 10px;
    left: 195px;
}

/* ====================== Form CSS ================ */
ul.options {
	padding: 0;
	margin: 0;
	position: absolute;
	display: none;
}
ul.options li {
	background-color: #000;
	color: #fff;
	font-size: 14px;
	width: 280px;
	padding: 5px 7px;
}
ul.options li:hover {
	background-color: #a3115d;
	cursor: pointer;
}
/* special stuff for time-pickers */
ul.options.time .am, ul.options.time .pm {
	width: 100px;
	text-align: right;
	float: left;
}
ul.options.time .am {
	clear: left;
}




/* ====================== Resources CSS ================ */

.resources-panel {
    width: 405px;
    float: left;
    margin-left: 10px;
    border-right: 2px dashed #000;
    padding-right: 20px;
    position: relative;
    height: 1025px;
}

.resources-panel .panels {
    width: 405px;
    position: absolute;
    top: 50px;
    left: 0;
    height: 965px;
    overflow: hidden;
}

.resources-panel .panels .panel {
    width: 405px;
    position: absolute;
    top: 0;
    left: 0;
    height: 965px;
}

.resources-panel .panels .panel .control-holder {
	height: 40px;
	position: relative;
	width: 405px;
}

.resources-panel .panels .panel .prev-page, .resources-panel .panels .panel .next-page {
    position: absolute;
    top: 0;
}

.resources-panel .panels .panel .prev-page {
    position: absolute;
    left: 0;
}

.resources-panel .panels .panel .next-page {
    position: absolute;
    right: 0;
}

.resources-panel .panels .panel .resource-item {
	display: block;
	width: 385px;
	height: auto;
	padding: 10px;
	background: url(../img/resource-item-bg.png);
	border-radius: 5px;
	moz-border-radius: 5px;
	khtml-border-radius: 5px;
	webki-border-radius: 5px;
	margin-bottom: 10px;
	text-decoration: none;
}

.resources-panel .panels .panel .resource-item .resource-logo {
	display: block;
	margin-bottom: 5px;
}

.resources-panel .panels .panel .resource-item .resource-logo img {
	width: 150px;
	border: 1px solid #333;
}

.resource-description {
	line-height: 18px;
	font-size: 12px;
}



/* ====================== Pan CSS ================ */

.pan-panel {
    width: 670px;
    float: left;
    margin-left: 10px;
    height: 1165px;
    position: relative;
    overflow: hidden;
}

.pan-panel .pan-menu {
    width: 170px;
    float: left;
    margin-right: 30px;
    position: relative;
    clear: left;
    border-right: 1px dashed #000;
    margin-top: 20px;
}

.pan-panel .pan-menu ul {
    margin-bottom: 5px;
    padding: 0 0px 0 0px;
    list-style-type: none;
}

.pan-panel .pan-menu ul li {
    color: #000;
    font-size: 12px;
    padding: 0px 0;
    margin-bottom: 5px;
}

.pan-panel .pan-menu ul li a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 5px 5px 5px 20px;
}

.pan-panel .pan-menu ul li a:hover, .pan-panel .pan-menu ul li a.selected {
    background: #000;
    color: #fff;
}

.pan-panel .pan-categories {
    width: 460px;
    float: left;
    position: relative;
    height: 960px;
    margin-top: 20px;
    overflow: hidden;
}
.pan-panel .pan-categories .pan-category {
    width: 460px;
    height: 960px;
    position: absolute;
    top: 0;
    left: 0;
}

.pan-panel .pan-categories .pan-category .panel {
    position: absolute;
    top: 0;
    left: 0;
    height: 960px;
    width: 460px;
}
.pan-panel .pan-categories .pan-category .panel .pan-item {
	display: block;
	width: 425px;
	height: auto;
	padding: 10px;
	background: url(../img/resource-item-bg.png);
	border-radius: 5px;
	moz-border-radius: 5px;
	khtml-border-radius: 5px;
	webki-border-radius: 5px;
	margin-bottom: 10px;
	text-decoration: none;
	clear: both;
	height: 146px;
}

.pan-panel .pan-categories .pan-category .panel .pan-item .pan-thumb {
	display: block;
	float: left;
	width: 146px;
	height: 146px;
	overflow: hidden;
}

.pan-panel .pan-categories .pan-category .panel .pan-item .pan-logo img {
	width: 146px;
	border: 1px solid #333;
}

.pan-panel .pan-categories .pan-category .panel .pan-item .pan-description {
	line-height: 18px;
	font-size: 12px;
	float: left;
	margin-left: 10px;
	width: 258px;
}

.pan-panel .pan-categories .pan-category .panel .control-holder {
	height: 40px;
	position: relative;
	width: 445px;
}

.pan-panel .pan-categories .pan-category .panel .prev-page, .pan-panel .pan-categories .pan-category .panel .next-page {
    position: absolute;
    top: 0;
}

.pan-panel .pan-categories .pan-category .panel .prev-page {
    position: absolute;
    left: 0;
}

.pan-panel .pan-categories .pan-category .panel .next-page {
    position: absolute;
    right: 0;
}

.pan-panel .back-to-panlist {
    position: absolute;
    top: 0px;
    left: 130px;
height: 30px;
padding: 12px 0px 0px 0px;
background: url(../img/back_btn_bg.png) top left no-repeat;
width: 207px;
text-align: center;
}

/* ====================== Watermelon Recipes CSS ================ */

.watermelon-panel {
    width: 405px;
    float: left;
    margin-left: 00px;
    padding-right: 0px;
    position: relative;
    height: 1055px;
    overflow: hidden;
}

.watermelon-panel h1 {
    position: absolute;
    top: 0px;
    left: 0;
}

.back-to-watermelon-recipes {
    position: absolute;
    top: 40px;
    left: 5px;
height: 30px;
padding: 12px 0px 0px 0px;
background: url(../img/back_btn_bg.png) top left no-repeat;
width: 207px;
text-align: center;
z-index: 40;
}

.watermelon-panel .panels {
    width: 435px;
    position: absolute;
    top: 50px;
    left: 0;
    height: 955px;
    overflow: hidden;
}

.watermelon-panel .panels .panel {
    width: 435px;
    position: absolute;
    top: 0;
    left: 0;
    height: 955px;
}

.watermelon-panel .panels .panel .control-holder {
	height: 40px;
	position: relative;
	width: 395px;
	clear: both;
}

.watermelon-panel .panels .panel .prev-page, .resources-panel .panels .panel .next-page {
    position: absolute;
    top: 0;
}

.watermelon-panel .panels .panel .prev-page {
    position: absolute;
    left: 0;
}

.watermelon-panel .panels .panel .next-page {
    position: absolute;
    right: 0;
}

.watermelon-panel .panels .panel .watermelon-item {
	width: 146px;
    float: left;
    padding: 16px;
    background: #000;
    text-align: center;
    display: block;
    margin-right: 30px;
    margin-bottom: 30px;
	text-decoration: none;
}

.watermelon-panel .panels .panel .watermelon-item .title {
    /*padding: 10px 0 0px 0px;*/
    display: block;
color: #fff;

letter-spacing: 1px;

font-size: 12px;
line-height: 14px;
height: 28px;
overflow: hidden;
vertical-align: middle;
text-align: center;
margin: 5px 0px 0px 0px;
width: 146px;

}

.watermelon-panel .info-panels {
    width: 435px;
    height: 955px;
    position: absolute;
    top: 80px;
    left: 0;
}

.watermelon-panel .info-panels .panel {
    width: 405px;
    height: 955px;
    position: absolute;
    top: 0;
    left: 0;
}

.watermelon-panel .info-panels .panel p {
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 0;
}

.watermelon-panel .info-panels .panel h2 {
    position: relative;
}

.watermelon-panel .info-panels .panel h2 a {
    position: absolute;
    top: 8px;
    left: 180px;
}

.watermelon-panel .info-panels .panel .watermelon-item {
    width: 281px;
    float: left;
    padding: 16px;
    background: #000;
    text-align: center;
    display: block;
    margin-right: 30px;
    margin-bottom: 30px;
}
.watermelon-panel .info-panels .panel .recipe-description {
	overflow: auto;
	height: 500px;
	width: 100%;
}

.watermelon-panel .info-panels .panel p.title {
    padding: 5px 0 5px 0px;
display: block;
clear: both;

font-family: "Latino Rumba", "Latino Rumba EOT", Tahoma, Geneva, sans-serif;
font-size: 24px;
line-height: 26px;
}

.back-to-blog {
    position: absolute;
    top: -2px;
    left: 75px;
height: 30px;
padding: 12px 0px 0px 0px;
background: url(../img/back_btn_bg.png) top left no-repeat;
width: 207px;
text-align: center;
z-index: 40;
}

.watermelon-panel .info-panels .panel .recipe-item {
    width: 281px;
    float: left;
    padding: 16px;
    background: #000;
    text-align: center;
    display: block;
    margin-right: 30px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.print-recipe {
	    position: absolute;
    bottom: 0px;
    right: 0px;
height: 24px;
padding: 9px 0px 0px 0px;
background: url(../img/prev-next-button-bg.png) top left no-repeat;
width: 121px;
text-align: center;
z-index: 40;
}

.view-video {
	    position: absolute;
    bottom: 0px;
    left: 5px;
height: 24px;
padding: 9px 0px 0px 0px;
background: url(../img/prev-next-button-bg.png) top left no-repeat;
width: 121px;
text-align: center;
z-index: 40;
}

/* ====================== Word List CSS ================ */

.wordlist-panel {
    width: 670px;
    float: left;
    margin-left: 10px;
    height: 1025px;
    position: relative;
    overflow: hidden;
}

.wordlist-panel .wordlist-menu {
    width: 180px;
    float: left;
    margin-right: 30px;
    position: relative;
    clear: left;
    border-right: 1px dashed #000;
    margin-top: 20px;
}

.wordlist-panel .wordlist-menu ul {
    margin-bottom: 5px;
    padding: 0 0px 0 0px;
    list-style-type: none;
}

.wordlist-panel .wordlist-menu ul li {
    color: #000;
    font-size: 12px;
    padding: 0px 0;
    margin-bottom: 5px;
}

.wordlist-panel .wordlist-menu ul li a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 5px 5px 5px 10px;
}

.wordlist-panel .wordlist-menu ul li a:hover, .wordlist-panel .wordlist-menu ul li a.selected {
    background: #000;
    color: #fff;
}

.wordlist-panel .wordlist-categories {
    width: 450px;
    float: left;
    position: relative;
    height: 960px;
    margin-top: 20px;
    overflow: hidden;
}
.wordlist-panel .wordlist-categories .wordlist-category {
    width: 450px;
    height: 960px;
    position: absolute;
    top: 0;
    left: 0;
}

.wordlist-panel .wordlist-categories .wordlist-category .panel {
    position: absolute;
    top: 0;
    left: 0;
    height: 960px;
    width: 450px;
}

.wordlist-panel .wordlist-categories .wordlist-category .panel table {
	width: 100%;
}

.wordlist-panel .wordlist-categories .wordlist-category .panel td {
	color: #fff;
	font-size: 12px;
	vertical-align: top;
	line-height: 16px;
	padding-bottom: 15px;
}

.wordlist-panel .wordlist-categories .wordlist-category .panel .cell-title {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding-bottom: 2px;
}

.wordlist-panel .wordlist-categories .wordlist-category .panel .substitute {
	width: 100px;
	padding-right: 10px;
}

.wordlist-panel .wordlist-categories .wordlist-category .panel .original {
	padding-right: 20px;
}

.wordlist-panel .wordlist-categories .wordlist-category .panel table.glossary {
	width: 442px;
}

.wordlist-panel .wordlist-categories .wordlist-category .panel .letter {
	width: 17px;
	padding-bottom: 10px;
}

.wordlist-panel .wordlist-categories .wordlist-category .panel .letter a {
	width: 100%;
	text-align: center;
	display: block;
	text-decoration: none;
}

.wordlist-panel .wordlist-categories .wordlist-category .panel .letter a:hover, .wordlist-panel .wordlist-categories .wordlist-category .panel .letter a.selected {
	background: #000;
}

.wordlist-panel .wordlist-categories .wordlist-category .panel .definitions {
	width: 100%;
	height: 920px;
	overflow: auto;
}

.wordlist-panel .wordlist-categories .wordlist-category .panel .definitions table {
	width: 422px;
}

.wordlist-panel .wordlist-categories .wordlist-category .panel .definitions .title {
	width: 100px;
	padding-right: 10px;
	font-weight: bold;
	text-align: right;
}

.wordlist-panel .wordlist-categories .wordlist-category .panel .definitions .definition {
	padding-right: 10px;
}


.sightings-panel {
	width: 568px;
	margin: 0px 0;
}

.sightings-panel .sighting {
	width: 568px;
	padding: 20px 0;
	border-top: 1px solid #de0079;
}

.sightings-panel .sighting ul {
	list-style-type: disc;
padding-left: 20px;
padding-bottom: 10px;

}

.sightings-panel .sighting ul li {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 18px;
	padding: 5px 0;
}

.sightings-panel .sighting p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 18px;
	padding: 5px 0;
}

.sightings-panel .sighting p.title {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	padding: 10px 0;
	font-weight: bold;
}

.sightings-panel .sighting p.read-more a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
}

.sightings-panel .sighting img {
	border: none;
}




.kids-food-bar {
	width: 568px;
	height: 71px;
	background: url(../img/kids_food_bar_bg.png) top left no-repeat;
	margin: 20px 0;
}

.image-menu-nav {
	padding-right: 13px;
	padding-bottom: 14px;
	background: url(../img/image_nav_bg.png) top left no-repeat;
	width: 549px;
	height: 252px;
	position: relative;
}

.image-menu-nav .menu-nav {
	width: 113px;
	height: 252px;
	position: absolute;
	top: 0;
	right: 13px;
}

.image-menu-nav .menu-nav .hover-bg {
	width: 140px;
	height: 84px;
	position: absolute;
	top: 0;
	right: 0px;
	background: url(../img/image_nav_hover.png) top left no-repeat;
	padding-bottom: 13px;
}

.image-menu-nav .menu-nav .menu-item {
	width: 83px;
	height: 84px;
	display: block;
	padding: 0px 15px;
	text-decoration: none;
	position: relative;
}

.image-menu-nav .menu-nav .menu-item span {
	font-size: 30px;
	color: #fff;
	font-family: "Latino Rumba", "Latino Rumba EOT", Tahoma, Geneva, sans-serif;
	line-height: 26px;
	display: block;
}

.kids-recipe-panel {
	width: 510px;
	height: 718px;
	padding: 20px 20px 60px 20px;
	background: url(../img/kids_recipe_bg.png) top left no-repeat;
	position: relative;
}

.kids-recipe-panel .panels {
	margin-top: 10px;
	width: 480px;
	position: relative;	
	height: 630px;
	overflow: hidden;
}

.kids-recipe-panel .panels .page-panels, .kids-recipe-panel .panels .recipe-panels {
	width: 480px;
	position: relative;	
	height: 630px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.kids-recipe-panel .panels .panel {
	width: 480px;
	position: absolute;	
	height: 630px;
	top: 0;
	left: 0;
}

.kids-recipe-panel .panels .panel .panel-item {
	width: 380px;
	height: 76px;
	display: block;
	padding-bottom: 9px;
	padding-left: 100px;
	background: url(../img/kids_oven_mit.png) top left no-repeat;
	text-decoration: none;
	margin-bottom: 20px;
}

.kids-recipe-panel .panels .panel .panel-item span {
	font-size: 36px;
	color: #fff;
	font-family: "Latino Rumba", "Latino Rumba EOT", Tahoma, Geneva, sans-serif;
	line-height: 32px;
	display: block;
}

.kids-recipe-panel .controls {
	position: absolute;
	bottom: 10px;
	width: 490px;
	left: 30px;
	height: 56px;
}

.kids-recipe-panel .controls a {
	position: absolute;
	top: 0px;
	width: 172px;
	text-align: center;
	font-size: 30px;
	color: #fff;
	font-family: "Latino Rumba", "Latino Rumba EOT", Tahoma, Geneva, sans-serif;
	line-height: 30px;
	height: 30px;
	background: url(../img/kids_recipe_control_btn_bg.png) top left no-repeat;
	padding: 10px 2px 16px 2px;
	text-decoration: none;
}

.kids-recipe-panel .controls a.prev, .kids-recipe-panel .controls a.back {
	left: 0;
}

.kids-recipe-panel .controls a.next, .kids-recipe-panel .controls a.print {
	right: 0;
}

.kids-recipe-panel .panels .recipe-panels .recipe {
	overflow: auto;
	height: 580px;
	width: 470px;
	padding-right: 10px;
}

.kids-recipe-panel .panels .recipe-panels .recipe p {
	color: #fff;
}

.kids-recipe-panel .panels .recipe-panels .panel h2 {
	color: #fff;
	font-family: 'Latino Rumba', 'Latino Rumba EOT', Tahoma, Geneva, sans-serif;
	font-size: 30px;
	margin-bottom: 10px;
}



.kids-gallery-panel {
	width: 550px;
	height: 265px;
	padding: 0px 7px 18px 0px;
	background: url(../img/kids_gallery_bg.png) top left no-repeat;
	position: relative;
}

.kids-gallery-panel .images {
	width: 550px;
	height: 243px;
	position: relative;
}

.kids-gallery-panel .images img {
	width: 550px;
	height: 243px;
	position: absolute;
	top: 0;
	left: 0;
}

.kids-gallery-panel .controls {
	position: absolute;
	top: 76px;
	width: 550px;
	left: 0px;
	height: 91px;
	z-index: 100;
}

.kids-gallery-panel .controls a {
	position: absolute;
	top: 0px;
	width: 61px;
	height: 91px;
	text-decoration: none;
	text-indent: -9000px;
}

.kids-gallery-panel .controls a.prev {
	left: 10px;
	background: url(../img/kids_gallery_prev.png) top left no-repeat;
}

.kids-gallery-panel .controls a.next {
	right: 10px;
	background: url(../img/kids_gallery_next.png) top left no-repeat;
}

.kids-gallery-panel #dots {
	width: 530px;
	margin: 0 auto;
	height: 11px;
	padding: 6px 0;
}

.kids-gallery-panel #dots li {
	width: 11px;
	height: 11px;
	display: block;
	float: left;
	margin: 0px 5px;
}

.kids-gallery-panel #dots li .dot {
	width: 11px;
	height: 11px;
	display: block;
	float: left;
	background: url(../img/kids_gallery_dot.png) top left no-repeat;
	text-decoration: none;
}

.poll-panel {
	width: 522px;
	height: 160px;
	padding: 20px;
	background: url(../img/kids_poll_bg.png) top left no-repeat;
}

.poll-panel #poll {
	width: 522px;
	height: 140px;
}

.poll-panel #poll h3 {
	color: #fff;
	font-size: 30px;
	font-family: 'Latino Rumba', 'Latino Rumba EOT', Tahoma, Geneva, sans-serif;
}

.poll-panel #poll .answer {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	margin-bottom: 4px;
	margin-left: 20px;
	margin-top: 4px;
	width: 200px;
}

.poll-panel #poll .answer:hover {
	text-decoration: underline;
}

.poll-panel #poll .results_answer {
	display: block;
	color: #fff;
	height: 18px;
	margin-bottom: 4px;
	margin-left: 18px;
	margin-top: 4px;
	width: 350px;
	position: relative;
}

.poll-panel #poll .results_answer .fill {
	display: block;
	height: 18px;
	width: 0%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
}

.poll-panel #poll .results_answer .text {
	display: block;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	height: 14px;
	line-height: 12px;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
}

.poll-panel .poll_votes {
	color: #fff;
}