BODY
{
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
}

a, a:hover, a:active
{
    margin: 0;
    padding: 0;
    color: #f81902;
}

img 
{
    border: 0;
    padding: 0;
    margin: 0;
    outline: 0;
}

img.photo
{
    border: solid 1px #727272;
}

.txtRed 
{
    font-size: 12px;
    color: #f81902;
    font-weight: bold;
}

*
{
    /* Fixes IE bug with Transparent PNG images */
   behavior: url(includes/iepngfix.htc);
}

h1
{
    font-size: 18px;
    padding: 0;
    margin: 0 0 5px 0;
    color: #f81902;
}

h2 
{
    font-size: 12px;
    color: #5f5f5f;
    padding: 0;
    margin: 0 0 5px 0;
}

.floatRight 
{
    float: right;
}

.floatLeft 
{
    float: left;
}

.clearRight
{
    clear: right;
}

ul 
{
    list-style-image: url(../images/listBullet.gif);
}

li 
{
    margin: 0 0 3px 0;
    color: #666;
}


/* Layout Styles */

#wrapper 
{
    margin: 0 auto;
    width: 957px;
    background: #fff;
    padding: 10px 0px 5px 0px;
    border-top: solid 4px #f81902;
}

#contentWrapper 
{
    width: 957px;
    padding: 0;
    margin: 0;
}

#contentLeft 
{
    float: left;
    margin: 14px 0 0 0;
    padding: 0;
    width: 640px;
}

#contentLeft h1 
{
    padding: 0 0 30px 0;
    margin: 0;
    font-size: 18px;
    color: #f81902;
}

#sideContent {
    display: block;
    float: right;
    margin: 250px 0 0 0;
    padding: 0;
    width: 267px;
    background: url(../images/sideContentLine.gif) no-repeat;
}

.sideItem 
{
    padding: 10px 0 0 0;
    margin: 0;
}

.sideItem h1
{
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 14px;
    width: 267px;
    color: #000;
}

.sideItem h2
{
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    width: 267px;
    color: #666;
}

.calloutLink 
{
    float: right;
    margin: 5px 0 5px 0;
    padding: 0;
    font-size: 11px;
    color: #f81902;
}

#bio
{
    padding: 0;
    margin: 0;
}

#prodLocator {
padding: 0 5px 0 5px;
margin: 0 0 5px 0;
background: #feebe7;
border: solid 1px #f7705c;
width: 255px;
}

#prodLocator h1
{
    padding: 0 0 0 5px;
    margin: 0px;
    font-size: 14px;
    color: #fca39a;
}

#prodLocator h2
{
    padding: 0 0 0 5px;
    margin: 0px;
    font-size: 12px;
    float: left;
    color: #666;
}

#zip
{
  margin: 0;
  padding: 0;
  background: red;
}
/* Nav Styles */

#nav 
{
    width: 957px;
    height: 45px;
    padding: 0;
    margin: 0;
}

#nav img 
{
    float: left;
}

#navFlash {
float: left;
width: 475px;
height: 40px;
/* All Other Browsers */
margin: 0 !important;
/* fix for IE float Bug */
margin: 0 -3px 0 0;
padding: 0;
}

#navFlashHome {
float: left;
width: 475px;
height: 40px;
/* All Other Browsers */
margin: 14px 0 0 0 !important;
/* fix for IE float Bug */
margin: 14px -3px 0 0;
padding: 0;
}

#logoFlash
{
    float: left;
    width: 482px;
    height: 40px;
}

#homeNavLeft {
width: 156px;
height: 54px;
float: left;
/* All Other Browsers */
margin: 0 !important;
/* fix for IE float Bug */
margin: 0;
padding: 0;
}

#homeNav 
{
float: right;
width: 631px;
height: 54px;
padding: 0;
margin: 0;
background: transparent url(../images/home/navBG.gif) repeat-x;
}

#homeNav div 
{
    float: left;
}

/* Homepage Styles */

#homeWrapper 
{
    margin: 0px auto;
    width: 957px;
    padding: 0px;
    background: #fff url('../images/home/bgHomeTop.jpg') no-repeat top right;
}

#napkin 
{
    float: left;
    width: 326px;
    height: 314px;
    padding: 0;
    margin: 0;
}

#signature
{
    float: left;
    padding: 0;
    margin: -2px 0 0 0 !important;
    margin: -5px 0 0 0;
}

#contests
{
    float: right;
    padding: 0;
    margin: 0;
}

#homeSide {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
    width: 267px;
    background: #fff;
}

.homeSideItem
{
    padding: 5px 0 0 0;
    margin: 0;
    background: #fff;
}

.homeSideItem h1
{
    margin: 0 0 5px 0;
	padding: 0;
	width: 267px;
    font-size: 14px;
    color: #000000;
}

.homeSideItem h2
{
    padding: 0;
	margin: 0;
	width: 267px;
    font-size: 11px;
    color: #666;
}

#homeFeature 
{
	clear: both;
	float: left;
	width: 598px;
	height: 223px;
	margin: -4px 0 0 0 !important;
	margin: 0;
	padding: 25px 20px 0px 20px;
	background: #fff url(../images/home/homeFeatureBg.jpg) no-repeat;
}

#homeFeature h1
{
    width: 320px;
    margin: 0 0 5px 0;
    font-size: 16px;
    color: #f81902;
}

#homeFeature h2
{
    width: 320px;
    margin: 0 0 5px 0;
    font-size: 12px;
    color: #5f5f5f;
}

#homeFeature img
{
    float: right;
    width: 253px;
    padding: 0;
    margin: 2px 0 0 0;
    border: solid 1px #727272;
}

.featureCalloutLink 
{
    float: right;
    clear: right;
    margin: 5px 0 5px 0;
    padding: 0;
    font-size: 11px;
    color: #f81902;
    text-transform: uppercase;
}

/* END Homepage Styles*/

/*Event Generator Styles ***************/
#eventGenFeature 
{
    float: left;
    width: 638px;
    height: 92px;
    margin: 0;
    padding: 5px 20px 0px 20px;
    background: url(../images/eventGeneratorBG.jpg) no-repeat;
}

.eventPhoto, #lbleventimg
{
    top: 1px;
    border: solid 1px #acacac;
    margin: 0 0 10px 0;
    padding: 0;
}

#eventGenFeature h1
{
    
    margin: 0 0 -25px 0;
    font-size: 20px;
    color: #f81902;
}

#eventGenFeature h2
{
    width: 600px;
    margin: 0 0 5px 0;
    font-size: 12px;
    color: #5f5f5f;
}

.event h3
{
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    width: 400px;
    color: #f31900;
}

#eventHeader 
{
    margin: 0px 0px 5px 0px;
    padding: 0;
    width: 638px;
}

#eventLeft 
{
    float: left;
    width: 255px;
    margin: 0px 10px 0px 0px;
    padding: 0;
}

#twistHead 
{
    margin: 10px 0 0 0;
    padding: 0;
    background: url(../images/red_arrow.gif) no-repeat 1px left;
    border-bottom: solid 1px #f81902;
}

#twistHead h3 
{
    margin: 0 0 0 14px;
    padding: 0;
    line-height: 1em;
}

#eventCopy
{
    float: right;
    width: 375px;
    margin: 0;
    padding: 0;
}

#eventCopy h2
{
    font-size: 12px;
    font-weight: 300;
    color: #000;
}

.eventTitle 
{
    margin: 10px 0px 0px 0px;
    padding: 0;
    width: 500px;
}

#printPage 
{
    margin: 10px 10px 0px 10px;
    padding: 0;
    
}

#eventPrintHeader 
{
    margin: 0;
    padding: 0;
    width: 100%;
}

#eventContentWrapper
{
    font-size: 12pt;
    margin: 0;
    padding: 0;
}

#eventContentWrapper p 
{
    margin: 0 0 10px 0;
    padding: 0;
}

#eventPrintLeft
{
    float: left;
    margin: 0 10px 5px 0;
    padding: 0;
}


/*Hip Tips Styles ***************/

.topPagination 
{
    float: right;
    margin: 0 0 20px 0!important;
    margin: 10px 0 15px 0;
    padding: 0;
}

.botPagination 
{
    float: right;
    margin: 0 0 20px 0!important;
    margin: 10px 0 25px 0;
    padding: 0;
}

.tipNav 
{
    padding: 15px 0 0 0 !important;
    padding: 5px 0 0 0;
}

.tipArea 
{
    clear: both;
    margin: 0 0 15px 0;
    padding: 0;
    width: 640px;
    border: solid 1px #fca594;
    background: #fff url(../images/hipTips_gradient_short.jpg) repeat-x bottom;
}

/* Remove margin from Last Tip */

#lastTip 
{
    margin: 0;
    padding: 0;
}

.tipWrapper 
{
    width: 600px;
    padding: 20px 20px 10px 20px;
}

.tipWrapper p
{
    clear: both;
    width: 450px;
    padding: 0;
    margin: 10px 0 10px 0;
}

.tipArea h1 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    height: 1em;
    color: #f21800;
}

.tipHeadline {
margin: 0;
padding: 0;
font-size: 18px;
height: 1em;
color: #f21800;
float: left;
background: yellow;
}

.tipSound {
    float: left;
    vertical-align: baseline;
    margin: 0;
    padding: 6px 0 0 0 !important;
    padding: 3px 0 0 0;
    border: none;
}

.tipArea h2 {
    margin: 0;
    padding: 0;
    width: 450px;
    font-size: 14px;
    color: #000;
    background: transparent;
}

.partyIdeaArea 
{
    content: "."; display: block; height: 0;
    margin: 0 0 6px 0;
    padding: 20px 20px 10px 20px;
    width: 596px;
    border: solid 1px #fca594;
    background: #fff url(../images/planEvent_gradient.jpg) repeat-x bottom;
}

#bio
{
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    color: #666;
}

.bioContent
{
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    color: #666;
}

.bioImg
{
  margin:5px 0 5px 100px;
  padding: 5px 0 5px 200px; 
}

/*Journal Styles*/
.journal
{
    float: left;
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 12px;
    width: 640px;
}

.journal h2
{
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    color: #f81902;
}

.journal h3
{
    padding: 0 px;
    margin: 0px;
    font-size: 13px;
    color: #000;
}

.journal a
{
    padding: 5px 0 0 0;
    margin: 0;
    color: #f81902;
    font-size: 12px;
    text-decoration: none;        
}

.journal p
{
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    color: #666;
}

.journal img
{
    margin: 0;
    padding: 0;
}

.journalEntry
{
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #666;
    float: right;
    width: 428px;
}

.journalEntry h4
{
   padding: 0;
   margin: 0 0 2px 0;
   font-size: 12px;
   color: #5f5f5f;
   line-height: 1em;
} 

.journalEntry h5
{
    padding: 0;
    margin: 0 0 1px 0;
    font-size: 14px;
    color: #f81902;
}


/*END Journal Styles*/

/*Press Styles*/
.press img 
{
    float: left;
    border: 0;
    padding: 5px 10px 10px 0px;
    margin: 5px 10px 10px 0px;
    outline: 0;
}

.press a
{
    color: #666;
    text-decoration: none;
}

/*END Press Styles*/

#footer 
{
    clear: both;
    width: 955px;
    height: 38px;
    border: solid 1px #fca594;
}

.footerImg
{
  float: right;  
}
    
#footer div a 
{
    padding: 7px 3px 0 5px;
    margin: 7px 3px 0 5px;
    font-size: 10px;
    color: #bfbfbf;
    float: left;
    text-decoration: none;
}

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

/* Invitation Styles **************/

.required 
{
    background: url(../images/formBullet.gif) top left no-repeat;
}

.inviteColorBar .required
{
    color: #5f5f5f;
    margin: 0 0 0 28px;
    padding: 0 0 0 8px;
    background: url(../images/formBulletDark.gif) top left no-repeat;
}

.required2
{
    color: #ffffff;
    margin: 0 0 0 28px;
    padding: 0 0 0 8px;
    background: url(../images/formBulletWhiteBack.gif) top left no-repeat;
}

.notRequired
{
    color: #ffffff;
    margin: 0 0 0 28px;
    padding: 0 0 0 8px;
}

.inviteSubHead 
{
margin: 0 0 0 10px;
padding: 0;
}

.required3
{
    color: #5f5f5f;
    font-weight: bold;
    color: #5f5f5f;
    margin: 0 0 0 28px;
    padding: 0 0 0 8px;
    vertical-align: top;
    background: url(../images/formBullet.gif) top left no-repeat;
}

.errorHolder
{
margin: 0 0 0 82px;
padding: 2px;
}

.errorHolder2
{
margin: 0 0 0 142px;
padding: 2px;
}

.errorlabel 
{
clear:left;
color: #f81902;
}

#form1 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #5f5f5f;
    margin: 0;
}

#form1 .boldTxt
{
    font-weight: bold;
}

textarea
{
    width: 620px;
    padding: 5px;
    margin: 0px;
    color: #5f5f5f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    border: solid 1px #fdd5d0;
}

textarea2
{
    width: 620px;
    padding: 5px;
    margin: 0px;
    color: #5f5f5f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    border: solid 1px #7f9db9;
}

label 
{
    margin: 2px 5px 0 4px;
    padding: 0 0 0 7px;
    color: #5f5f5f;
    font-weight: bold;
}

.label2
{
    padding: 0 0 0 7px;
    color: #5f5f5f;
    font-weight: normal;
    width: 15em;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block; 
}

.submit input 
{
    margin-left: 20.5em; 
    background: #fff;
}

.invitelabel 
{
    width: 10em;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block; 
}


input 
{
    margin: 0 0 5px 0;
    padding: 0;
}

.inviteColorBar 
{
    margin: 0 4px 0 4px;
    padding: 3px 3px 3px 8px;
    color: #000;
    background: #fdd6d1;
    font-weight: bold;
}

#inviteOneTop 
{
    width: 640px;
    height: 19px;
    background: url(../images/inviteOneTop.gif) left top no-repeat;
}

#inviteOne {
width: 638px;
border: solid 1px #fca594;
border-top: none;
padding: 5px 0 10px 0;
margin: 0 0 15px 0;
background: #feebe7
}

#inviteTwoTop 
{
    width: 640px;
    height: 19px;
    background: url(../images/inviteTwoTop.gif) left top no-repeat;
}

#inviteTwo {
width: 638px;
border: solid 1px #fca594;
border-top: none;
padding: 5px 0 10px 0;
margin: 0 0 15px 0;
background: #feebe7;
}

#inviteThreeTop 
{
    width: 640px;
    height: 19px;
    background: url(../images/inviteThreeTop.gif) left top no-repeat;
}

#inviteThree {
width: 638px;
border: solid 1px #fca594;
border-top: none;
padding: 5px 0 10px 0;
background: #feebe7;
}

.invitePreviewBox 
{
    padding: 5px;
    FLOAT: right;
    margin: 0 10px 10px 0;
    background: #fdd6d1;
    width: 150px;
}

.inviteTime 
{
clear:left;
padding: 5px 0 10px 0;
}

.timeLabel 
{
float: left;
width: 30px;
padding: 0;
margin: 0 5px 0 0;
color: #5f5f5f;
font-weight: bold;
}

.timeSelect 
{
float: left;
padding: 0;
margin: 0;
color: #5f5f5f;
font-weight: bold;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #contentLeft h1 
{
    visibility: hidden;
    font-size: 30px;
    line-height: 1em;
    padding: 0;
    margin: 0;
    color: #f81902;
}

.sIFR-hasFlash .tipArea h1 
{
    visibility: hidden;
    float: left;
    font-size: 20px;
    color: #f21800;
}

.sIFR-hasFlash .tipArea h2 
{
    visibility: hidden;
    line-height: 1em;
    clear: left;
    font-size: 14px;
}

.sIFR-hasFlash .sideItem h1
{
    visibility: hidden;
    line-height: 1em;
    font-size: 16px;
    color: #000;
}

.sIFR-hasFlash .sideItem h2
{
    /*visibility: hidden;*/
    font-size: 11px;
    color: #666;
}

.sIFR-hasFlash #prodLocator h1
{
    visibility: hidden;
    margin: 0;
    font-size: 16px;
    color: #f81902;
}

.sIFR-hasFlash #prodLocator h2
{
    visibility: hidden;
    font-size: 11px;
    color: #cfcfcf;
}

.sIFR-hasFlash #homeFeature h1 
{
    visibility: hidden;
    font-size: 16px;
    color: #f81902;
}

.sIFR-hasFlash #homeFeature h2 
{
    visibility: hidden;
    font-size: 12px;
    color: #5f5f5f;
}


}

.sIFR-hasFlash #twistHead h3
{
    visibility: hidden;
    font-size: 14px;
    color: #000;
}

.sIFR-hasFlash #eventGenFeature h1 
{
    visibility: hidden;
    font-size: 18px;
    color: #f81902;
}

.sIFR-hasFlash #eventGenFeature h2 
{
    visibility: hidden;
    font-size: 14px;
    color: #5f5f5f;
}

.sIFR-hasFlash .inviteSubHead 
{
    visibility: hidden;
    font-size: 18px;
    color: #f81902;
}


.sIFR-hasFlash .journalEntry h4
{
    visibility: hidden;
    font-size: 12px;
    color: #5f5f5f;
}

.sIFR-hasFlash .journalEntry h5
{
    visibility: hidden;
    font-size: 14px;
    color: #f81902;
}

.sIFR-hasFlash .journal h3
{
    visibility: hidden;
    font-size: 13px;
    color: #000;
}

.sIFR-hasFlash .journal h2 
{
    visibility: hidden;
    font-size: 16px;
    margin: 0 0 5px 0;
    color: #f81902;
}