@media screen {
    
/******     BASE STYLES     *****/
body 
{ 
    /*behavior: url("/css/csshover.htc"); */
}

/******     SITE HEADER STYLES     *****/
/******     SITE HEADER STYLES     *****/


#header, #main_nav, #container, #footer
{
    margin: 0 auto; 
	overflow: hidden;
    position: relative;
	width: 972px;
	
	
}
/******     SITE HEADER STYLES     *****/
/******     SITE HEADER STYLES     *****/

#header
{
	background: #ffffff;
    height: 114px; 
    overflow: visible;
	padding: 4px;
    position: relative;
	
}

#header div
{
	background: #ef2487 url(/images/site.header.bg.gif);
    height: 114px; 
    overflow: hidden;
    position: relative;
}

#header div div.adspace728
{
	background:none !important;
	height:auto !important;
	position: relative;
}
#header div em strong,
#header div h1
{
    display: block;
    float: left;
    height: 114px;		 
    overflow: hidden;
    position:relative;
    top:0px;
    width: 238px;
}
#header div em strong a,
#header div h1 a 
{
    background: url(/images/site.header.title.gif) top left no-repeat;
    display: block;
    height: 158px;
    text-indent: -1234px;
    width: 238px;
}
#header div strong.sub
{
    background: url(/images/site.header.celebrations.gif) top left no-repeat;
    display: block;
    float: right;
    height: 114px;
    margin: 0;
    overflow: hidden;
    text-indent: -12345px;
    width: 386px;
} 
    

/******     MAIN SITE NAVIGATION STYLES     *****/

#main_nav
{
    background: #7fd1dd url(/images/site.main_nav.bg.png) 0 25px;
    border-left: 4px solid #ffffff;
    border-right: 4px solid #ffffff; 
    height: 25px;
    overflow: hidden;
    padding: 0;
    position: relative; 
}

#main_nav ul
{
    list-style: none;
    margin: 0px 0;
}

#main_nav ul li#mn_home
{
width: 5.5em;
}

#main_nav ul li#mn_themes
{
width: 10.5em;
}

#main_nav ul li#mn_entertaining
{
width: 12em;
}

#main_nav ul li#mn_recipebox
{
width:10.5em;
}

#main_nav ul li#mn_blog
{
width: 8.5em;
}

#main_nav ul li#mn_fab
{
width:11em;
}
#main_nav ul li#mn_press
{
width:7.5em;
}
#main_nav ul li
{
    border-right: 1px solid #fff;
    color: #ffffff;
	display: block;
    font-size: 1.1em;
    height: 25px;
    line-height: 25px;
    list-style: none;
	overflow:hidden;
	text-align: center;
}
 

#main_nav ul li.main
{
	display: block;
	float:left;
	text-align: center;
	width: 11em;
}
#main_nav ul li.sub
{				   
    
    float: right;
    border-left:2px solid #fff;
}
#main_nav ul li a
{
    background: #7fd1dd url(/images/site.main_nav.bg.png) 0 25px;
    color: #ffffff;
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 12px;
    text-decoration: none;
}
 
#main_nav ul li a.selected
{				  
	background-position: top left; 
}
#main_nav ul li a:hover
{				    
	background-position: top left;
    text-decoration: none;
}
#main_nav #bookmark_menu
{
    text-align:right;
    display:block; 
}
#main_nav li #link
{ 
    display:block;
    height:18px;
}

#main_nav li #links
{
    height:18px;
    overflow:hidden;
    display:none;
}

#main_nav li #links a
{
    display:inline;
    padding: 0 4px;
}

/******     CONTENT CONTAINER STYLES     *****/

#container
{
    background: #ffffff url(/images/site.party_nav.bg.gif) repeat-y top left;
    border-right: 4px solid #ffffff;
    border-top: 8px solid #ffffff;
    border-left: 4px solid #ffffff;
    overflow: hidden;
    position:relative;
} 

/******     PARTY NAV STYLES     *****/


#party_nav
{
    background: url(/images/site.party_nav.header.bg.png) no-repeat;
	background-position: left -10px;
    float: left;
	padding-top: 25px;
	position: relative; 
	width: 172px;
}

#party_nav a
{
    color: #593B2E;
	display:block;
    text-decoration: none;
}
#party_nav ul
{
	background: #fff;
    display:block;
    list-style: none;  
	padding-bottom: 175px;

    width: 162px;	 
}

#party_nav ul#party_nav_menu
{
    background:  no-repeat;
	background-position: -10px left;
}
#party_nav ul li
{
    color: #593B2E;
    font-size: 1em;   
	padding-left:10px;
	margin-top: 25px;
}
#party_nav ul li #pn_party_themes
{					  
}
#party_nav ul li.soon
{
    color: #ae8d7f;
    font-size:.9em; 
    margin-top:10px;
    
}
#party_nav ul li.soon_item
{
    color: #ae8d7f;  
}

#party_nav ul li.soon:hover,
#party_nav ul li.soon_item:hover
{
}
#party_nav ul li h3,
#party_nav ul li h3 a
{
    display: block;
    overflow: hidden;   
    margin-left: 2px;
    margin-bottom: 10px;
    text-indent: -123em;
    width: 145px;
} 
#party_nav ul li h3#themes a 
{
    background-image: url(/images/site.party_nav.party-themes.gif);
    background-repeat: no-repeat;
    height: 44px;
}
#party_nav ul li h3#space 
{
    background-image: url(/images/site.party_nav.party-space.gif);
    background-repeat: no-repeat;
    height: 45px;
}
#party_nav ul li h3#central
{
    background-image: url(/images/site.party_nav.party-central.gif);
    background-repeat: no-repeat;
    height: 45px;
} 
#party_nav ul li h3#newsletter_title
{
    background-image: url(/images/site.party_nav.party-newsletter.gif);
    background-repeat: no-repeat;
    height: 19px;
    width: 105px;
    margin: 0 auto 0 auto;
	overflow: hidden;
	text-indent: -123px;
    
}    
#party_nav ul li#newsletter_signup
{					  
	background: url(/images/site.party_nav.newsletter.bg.gif) top right no-repeat;
	height:140px;
	padding-left:7px;
    padding-top:25px;
	width:146px;
}    
#party_nav ul li#newsletter_signup img
{					  
	display:block;
	margin: 10px auto;
    
}     
#party_nav ul li #newsletter
{
    margin: 8px auto;
    height:31px;
    text-align: center;		  
    width:139px;   
}    
#party_nav ul li #newsletter #newsletter_thankyou
{
	margin-top:10px;
}
#party_nav ul li #newsletter input#newsletter_email
{
    color: #2fa0b8;		 
    border:1px solid #c4d353;
    font-size:1.1em;
    padding:1px 2px;
    margin: 0 0 7px 0;   
    text-align: center;	
    width:112px;
    
}     
#party_nav ul li #survey
{
	text-align: right;
}     
#party_nav ul li #survey a img
{
	display: block;
	margin: 0 13px;
}
#party_nav ul li ul
{
	background: none;  
    margin: 0;
    padding: 0;
    width: 142px; 
}
#party_nav ul li ul li 
{
	background: url(/images/site.party_nav.arrow.gif) 7px 5px no-repeat;
	border-top: 1px solid #8adef0;
    font-size: 1em;
    font-weight: bold;
	height: 1.9em;
    line-height: 19px;
    margin: 0;
    padding: 0 0 0 16px;
    position: relative;
    width: auto;
	z-index: 10;
}
#party_nav ul li ul li.selected a
{
	color: #EF2487;
    font-weight: bold; 
	text-decoration: underline;
 
}
#party_nav ul li ul li a:hover
{							   
	color: #EF2487;
	text-decoration: underline; 
}
#party_nav ul li ul li.subthemes:hover { 
color: #EF2488;
}
#party_nav ul li ul li.subthemes ul {
	background: #faf8f0;
	border: 1px solid #8adef0; 
	display: none;
	width: 126px;
	position: absolute;
	top: -1px;
	right: -126px;
	z-index: 1000;
}
#party_nav ul li ul li.subthemes ul li {
    background: #faf8f0 url(/images/site.party_nav.dots.png) 7px 8px no-repeat;
	border: 0;
    font-size: 1em;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
	margin: 0px;
    padding: 2px 2px 2px 25px;
    position: relative;
	width: auto;
	z-index: 1000;
}
#party_nav ul li ul li.subthemes ul li a
{							   
	color: #f02388;
	text-decoration: none;  
}

#party_nav ul li ul li.subthemes ul li a:hover
{							   
	color: #049fb8;
	text-decoration: underline;  
} 
/*
#party_nav ul li ul li.subthemes>ul { left:20px; top: 19px; }
 
#party_nav ul li ul li.subthemes:hover { z-index:10000; }	

#party_nav ul li ul li ul,
#party_nav ul li:hover ul ul {
		display:none;
}
#party_nav ul li ul li:hover ul
{
    display:block;
}
*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden; 
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}



/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	10em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/******     CONTENT STYLES     *****/

#celebrate
{
	background: url(/images/site.party_nav.footer.bg.gif) bottom right no-repeat;
	border-right: 4px solid #ffffff;
	bottom:0;
	clear:left;
	height:150px;
	float:left;
	left:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	text-indent:-12345px;
	width:172px;

}
/******     CONTENT STYLES     *****/

#content
{
												    
    background-position: top right;
    background-repeat: repeat-y;
    background-color: #ffffff;
    display:inline; 
    float:right; 
	margin-left:8px;
	margin-right:8px;
    padding: 0;
    position:relative;
    width: 784px; 
}
#content.fullwidth
{
    background: #fff;
}

#content #main
{ 
	margin-left:1px;  
    float:left;
    overflow:hidden;
}

#content h3
{
}
#content a.print_link,
#content a.email_link,
#content a.bookmark_link
{
display: block;
height: 0;
float: right;
overflow:hidden;
text-indent:-12345px;
padding-top: 15px;
}


#content a.email_link
{
background: url(/images/site.email.png);
width: 78px;
}

#content a.print_link
{
background: url(/images/site.print.png);

width: 46px;
}

#content a.bookmark_link
{
background: url(/images/site.bookmark.png);

width: 71px; 
}
 

/******     SITE FOOTER STYLES     *****/

#footer
{
	background: url(/images/site.footer.bg.gif) ;
    border-left: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    height: 36px; 
    padding: 0 10px; 
    width:952px;
}
#footer p
{
    color: #ffffff;
    float: left;
    line-height: 36px;
}
#footer_nav
{
    float: right;
    height: 10px;
    margin: 13px 0;
}

#footer_nav li
{
    border-left: 1px solid #ffffff;
    float: left;
    font-weight: bold;
    line-height: 10px;
    list-style: none;
}

#footer_nav li.first
{
    border: 0;
}

#footer_nav li a
{
    color: #ffffff;
    display: block;
    font-size: 1em;
    text-decoration: none;
    padding: 0 10px;
}

#footer_nav li a:hover
{
    color: #C81079;
}

/******                       *****/
/******     ADSPACE STYLES    
/******                       *****/
/******     ADVERTISING STYLES     *****/

.advertising_full_vert
{
	background: url(/images/site.adspace_600.png) no-repeat;
	border: 0;
	padding: 12px 14px 21px 16px; 
	float:left;
	width:160px;
	overflow:hidden;

}
.advertising_wv
{
	background:#CCEEEB url(/images/fabulous.product.adspace.bg.png) no-repeat scroll 0%;
	height:600px;
	margin:0pt;
	overflow: hidden;
	padding:12px 13px 15px 12px;
	text-align:center;
	width:300px;

}
.advertising_full_vert div#abc
{
height:600px;
width:160px;
	overflow: hidden;
}

.adspace
{
    background: #c2c2c2;
}
.adspace p
{
    color: #dddddd;
    text-align: center;
}
.adspace220
{
    height: 220px;
    margin-top: 4px;
    width: 160px;
}
.adspace600
{
    background: #c2c2c2;
    height: 600px;
    margin-top: 4px;
    width: 160px;
}
.adspace250
{
border:0pt none;
height:250px;
margin-left:0pt;
margin-right:0pt;
overflow: hidden;
width:250px;
}
.adspace325
{
background:transparent url(/images/site.adspace_325.png) no-repeat scroll 0%;
border:0pt none;
height: 250px;
margin-left:0pt;
margin-right:0pt;
overflow: hidden;
padding:13px 14px 20px 12px;
width:299px;
}
/*
.adspace728
{
float: right;
height: 90px;
margin: 1px 0;
overflow: visible;
z-index: 1000;
width: 728px;
} 
*/


/**  OTHER ***/
.leightbox
{ 
    display: none;
    position: absolute;
    top: 151px;
    left: 436px; 
    text-align: left;
    z-index: 1001;
    overflow: auto;
}

#overlay
{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.0;
	opacity:.00;
	filter: alpha(opacity=0);
}


.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }
#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }

}
@media screen,print
{ 
    #header_print
    {
        background:white;
        padding: 12px;  
    }
    #header_print h1
    {
        display:block;
        float:left;
    }
    #header_print h4
    {
        color:#ef2487;
        display:block;
        float:right;
        margin-top: 30px;
        font-size:1.4em;
    }
    #header_print img
    {
        clear:both;
        margin-top:14px;
        border:0px;
    }	
    
    #container_print
    {
        background: white;
        padding: 12px; 
    }	
    
    #container_print hr
    {
        width:auto;
    }	
    
    #container_print a[href^="/"]:after {
        content: " [http://www.hostesswiththemostess.com" attr(href) "]";
    }
    #container_print a[href^="javascript:"]:after {
        content: " ";
    }
}


/*****   JDMenu *****/

ul.jd_menu, 
ul.jd_menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
}


ul.jd_menu,
ul.jd_menu ul {
	background-color: #369;
	border: 1px solid #036;
	border-top: 1px solid #69C;
	border-left: 1px solid #69C;
	
	height: 20px;
}
ul.jd_menu ul {
	height: auto;
}
* html ul.jd_menu ul {
	width: 1%;
}
ul.jd_menu li {
	font-family: sans-serif;
	font-size: 12px;
	color: #FFF;
	
	line-height: 14px;
	
	margin: 0px;
	padding: 4px 7px 3px 7px;
	height: 13px;
	
	cursor: pointer;
	white-space: nowrap;
}
ul.jd_menu li li {
	width: 200px;
}
ul.jd_menu li a {
	color: #FFF;
	text-decoration: none;
}

ul.jd_menu li.jdm_hover,
ul.jd_menu li.jdm_active {
	background-color: #69C;
	color: #FFF;
	
	padding: 3px 6px 2px 6px;
	border: 1px solid #369;
	border-left: 1px solid #9CF;
	border-top: 1px solid #9CF;
}

.dhtmlwindow{
position: absolute;
border: 4px solid #ffffff; 
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
background-color: #c4d353;
color: white;
cursor: move;
height:40px;
overflow: hidden;
padding: 1px;
position:relative;
text-indent: 3px;
font: bold 14px Arial;
width: auto;
}
#friend .drag-handle{ /*CSS for Drag Handle*/

    background-color:#ef2487 ;
}
.drag-handle h1 
{
    background: url(/images/invite.title.png) no-repeat;
    display:block;
    width:300px;
    height:30px;
}
#friend h1
{
    background: url(/images/sendto.friend.title.png) no-repeat;
    }
.drag-handle #header_close
{
background:#ffffff;
color:#43b0c8;
cursor: hand;
cursor: pointer;   
display:block;
height:18px;  
font-weight:bold;
line-height:18px;
right: 0px;
text-align:center;
text-decoration:none;
top: 0px;
overflow:hidden;
position: absolute;
width:18px;
}

.drag-handle #title_img
{
    margin:11px 0 0 14px; 
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
display:none;
}

.drag-handle .drag-controls img
{
    border:1px solid red;
    height:20px;
    width:20px;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
background-color: white;
color: #fff;
height: 150px;
padding: 0px;
overflow: auto;
}


.drag-contentarea iframe
{
    border:0;
    padding:0;
    margin:0;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}