/* Reset Browser Defaults */
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, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, 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; }
body { line-height: 1; color: white; background: black; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

a { text-decoration: none; }
a:link { color: #341806; }
a:visited { color: #523929; }
a:hover { color: #ba221b; text-decoration: underline; }
a:active { color: #ba221b; }

p { padding-bottom: 1em; }
strong { font-weight: bold; }
em { font-style: italic; }
sup { font-size: .8em; vertical-align: super; text-transform: uppercase; }
label { font: bold 12px  Arial, sans-serif; color: #5e190d; }
input, textarea { border: 1px solid #c38f6a; background: #fbe2c4; padding: 3px; }

a.button, button { cursor: pointer; float: left; background: url('../img/button-left.png') no-repeat center left; height: 23px; padding-left: 6px; }
button { padding-left: 3px; background-position: 0 1px; }
.right a.button, .right button { float: right; }
a.button span, button span { cursor: pointer; display: block; background: url('../img/button-right.png') no-repeat center right; font: normal 12px Optima, Helvetica, Arial, Verdana, sans-serif; padding: 3px 20px 0 4px; color: #f5d7ba; height: 20px; white-space: nowrap; }
a.button:hover, button:hover { text-decoration: none; }

/* Body Structure */
body { background: #1b0202; font: normal 75% Palatino, Georgia, Times New Roman, serif; color: #f9f2dc; text-align: center; }

#coastline {
	position: relative;
	text-align: left;
	margin: 0px auto;
	width: 981px;
	background: url('../img/bg-site-basic.jpg') no-repeat top center;
	}

#content {
	padding-top: 140px;
	height: 722px;
	overflow: visible;
	}

#main { overflow: visible; padding: 115px 21px 0 397px; position: relative; font: normal 14px/19px Palatino, Georgia, Times New Roman, serif; color: #341806; }
#main * { position: relative; z-index: 2; }

/* Content */
#main h1 { position: absolute; top: 0; left: 294px; z-index: 1; font: normal 26px/30px Optima, Times New Roman, Georgia, serif; text-transform: uppercase; color: #4d0808; }
#main a { font-weight: bold; }

#coastline.home { background-image: url('../img/bg-site-home.jpg'); }

/* home page updates added 08.26.2009 */
.home #main { padding: 176px 21px 0 612px;  text-align: right; }
.home #main h1 { left: 650px; top: 55px; }
.home #main p { padding-left: 25px; }
.home #main a.button { float: right; }
.home #main .buttonSpacer { clear: right; height: 8px; }

#main.rules { padding-left: 327px; padding-top: 120px; }
#main.rules div { width: 600px; padding-left: 2px; overflow:auto; height: 290px; }
#main.rules div h2 { margin-bottom: 1em; font-size: 1.3em; }
#main.rules div ol li { list-style-type: decimal;; margin-left: 2em; }

#main.discover p, #main.test p, #main.heritage p, #main.heritage div, #main.spa p { padding-right: 65px; }

#main.heritage h2 { margin-left: -40px; }

ul.binary li { float: left; }
ul.binary li img { margin-bottom: 15px; }
ul.binary li.first { padding: 20px 30px 20px 0; background: url('../img/bg-binary.png') no-repeat center right; width: 200px; }
ul.binary li.first .button { float: right; }
ul.binary li.last { padding: 20px 0 20px 30px; }

ul#discoverLinks li.last { background: url('../img/truffle-red-right.png') no-repeat bottom right; width: 300px; height: 185px; }

#main.timeline { padding-left: 321px; }

div#timeline img { float: left; }
div#timeline dl { margin: 0 0 10px 283px; padding-top: 35px; }
div#timeline dt { overflow: hidden; height: 0; background-position: top left; background-repeat: no-repeat; padding-top: 74px; }
div#timeline dd p { padding: 8px; font-size: .9em; }

div#timeline.tl40s dt { background-image: url('../img/head-timeline-1949.gif'); }
div#timeline.tl50s dt { background-image: url('../img/head-timeline-1950s.gif'); }
div#timeline.tl60s dt { background-image: url('../img/head-timeline-1960s.gif'); }
div#timeline.tl70s dt { background-image: url('../img/head-timeline-1970s.gif'); }
div#timeline.tl80s dt { background-image: url('../img/head-timeline-1987.gif'); }
div#timeline.tlNow dt { background-image: url('../img/head-timeline-today.gif'); }

ul#timelineNav { background: url('../img/bg-timelineNav.gif') no-repeat top left; height: 34px; margin: 0 0 0 58px; }
ul#timelineNav li { float: left; margin-left: -2px; }
ul#timelineNav li a { display: block; overflow: hidden; padding-top: 34px; height: 0; }
ul#timelineNav li a:hover, ul#timelineNav li.current a { background: url('../img/bg-timelineNav-over.gif') repeat-x top left; }
ul#timelineNav li#tnPrev a:hover, ul#timelineNav li#tnNext a:hover { background: none; }
ul#timelineNav li#tnPrev, ul#timelineNav li#tn40s, ul#timelineNav li#tnNext { margin-left: 0; } 
ul#timelineNav li#tnPrev a { width: 17px; }
ul#timelineNav li#tn40s a { width: 83px; }
ul#timelineNav li#tn50s a { width: 89px; }
ul#timelineNav li#tn60s a { width: 89px; }
ul#timelineNav li#tn70s a { width: 87px; }
ul#timelineNav li#tn80s a { width: 89px; }
ul#timelineNav li#tnNow a { width: 84px; }
ul#timelineNav li#tnNext a { width: 16px; }

#main.flavors #flavorImg, #main.flavor-detail #flavorImg { position: absolute; top: 35px; right: 0; z-index: 1; }
#main.flavors dl, #main.flavor-detail dl { position: absolute; top: 324px; }
#main.flavors dl dt, #main.flavor-detail dl dt { margin-left: -40px; }
#main.flavors dl ul, #main.flavor-detail dl ul { float: left; width: 134px; }
#main.flavors dl ul.last, #main.flavor-detail dl ul.last { width: 150px; }
#main.flavors li, #main.flavor-detail li { background: url('../img/bg-flavornav.gif') no-repeat 0 3px; padding-left: 13px; }
#main.flavors li a, #main.flavor-detail li a { font-weight: normal; font-size: .9em; }
#main.flavors p, #main.flavor-detail p { width: 350px; padding: 40px 0 20px; font-size: .9em; }

#main.flavors { padding-top: 105px; }
#main.flavors h1 { top: -10px; left: 269px; }
#main.flavors p { padding: 0 0 10px 0; }

#main.giveaway {padding-left:325px;}

#main.spa { padding-top: 125px; }
#main.spa h2 { margin-bottom: 2px; overflow: hidden; padding: 0; height: auto; }
#main.spa p { padding-right: 46px; font-size: 13px; }
#main.spa div.pagenav { text-align: right; padding-right: 100px; }
#main.spa div.pagenav a { float: right; margin-left: 1em; }
#main.spa div.pagenav p { text-transform: uppercase; padding-top: 3px; padding-right: 0; margin-right: 100px; }
#main.spa p a { text-decoration: underline; }

#main.flavor-detail { padding-top: 35px; }
#main.flavor-detail h1 { top: 50px; }
#main.flavor-detail p { padding-top: 92px; }
#main.flavor-detail li.current a { color: #ba221b; }

#main.flavor-detail .peppermint { padding-top: 40px; }
#main.flavor-detail .peppermint p { padding-bottom: 10px; }
#main.flavor-detail .seasonal { padding-top: 40px; }
#main.flavor-detail .seasonal p { line-height: 16px; padding-bottom: 8px; }

div.loader{
	background:url(truffles-assorted.png) no-repeat;
	background:url(truffles-dark-chocolate.png) no-repeat;
	background:url(truffles-dark-chocolate-peppermint.png) no-repeat;
	background:url(truffles-dark-orange.png) no-repeat;
	background:url(truffles-extra-dark.png) no-repeat;
	background:url(truffles-hazelnut.png) no-repeat;
	background:url(truffles-milk-chocolate.png) no-repeat;
	background:url(truffles-mint-chocolate.png) no-repeat;
	background:url(truffles-peanut-butter.png) no-repeat;
	background:url(truffles-raspberry.png) no-repeat;
	background:url(truffles-stracciatella.png) no-repeat;
	background:url(truffles-white-chocolate.png) no-repeat;
	margin-left:-1000px;
}

form#spaSignup .wrap{ width: 335px; float: left; }
form#spaSignup label { width: 75px; float: left; text-align: right; padding: 4px 12px 12px 0; }
form#spaSignup input, form#spaSignup textarea, form#giveawaySignup input, form#giveawaySignup textarea { width: 236px; }
form#spaSignup button, form#giveawaySignup button { margin-top: 5px; }
form#spaSignup img, form#giveawaySignup img { margin-left: 15px; }

form#giveawaySignup label { float: left; text-align: right; padding: 4px 12px 12px 0; }

form#giveawaySignup fieldset.wrap label { width:105px; }

form#sendToFriend label { width: 95px; float: left; text-align: right; padding: 4px 12px 12px 0; }
form#sendToFriend fieldset fieldset {float:left; padding-right: 10px; }
form#sendToFriend fieldset.long { border-bottom:1px solid #d08344; margin-bottom:10px;}
form#sendToFriend fieldset.right { float: none; }

/*
added 08.26.2009 for new holiday section
*/
#coastline.holiday #content { background-image: url('../img/bg-site-holiday.jpg'); background-repeat: no-repeat; }
	#coastline.holiday #main { padding: 115px 21px 0 311px; }

#coastline.tips #content { background-image: url('../img/bg-site-tip-one.jpg'); background-repeat: no-repeat; }
#coastline.tipTwo #content { background-image: url('../img/bg-site-tip-two.jpg'); background-repeat: no-repeat; }
#coastline.tipThree #content { background-image: url('../img/bg-site-tip-three.jpg'); background-repeat: no-repeat; }
	
	#coastline.tips #main,
	#coastline.tipTwo #main,
	#coastline.tipThree #main { padding: 165px 21px 0 311px; }
	
	div#tipsNavigation {
		position: absolute;
		top: 121px;
		left: 311px;
		width: 669px;
		height: 25px;
		background: url('../img/bg-holiday-tip-nav.gif') 0px 0px no-repeat;
		}
		
		div#tipsNavigation a {
			display: block;
			float: left;
			width: 91px;
			height: 25px;
			background: url('../img/bg-holiday-tip-nav.gif') 0px 0px no-repeat;
			}
			div#tipsNavigation a span { display: none; }
			
			div#tipsNavigation a.tipOneBtn {  }
			div#tipsNavigation a.tipTwoBtn { background-position: -91px 0px; }
			div#tipsNavigation a.tipThreeBtn { background-position: -182px 0px; }
			
			/* hover */
			div#tipsNavigation a.tipOneBtn:hover { background-position: 0px -25px; }
			div#tipsNavigation a.tipTwoBtn:hover { background-position: -91px -25px; }
			div#tipsNavigation a.tipThreeBtn:hover { background-position: -182px -25px; }
			
			/* selected */
			#coastline.tips div#tipsNavigation a.tipOneBtn { background-position: 0px -25px; }
			#coastline.tipTwo div#tipsNavigation a.tipTwoBtn { background-position: -91px -25px; }
			#coastline.tipThree div#tipsNavigation a.tipThreeBtn { background-position: -182px -25px; }
			

/*
added 11.2009 for new inside story landing page
*/
#coastline.insideStory #content { background-image: url('../img/inside-story/bg-site-inside-story.jpg'); background-repeat: no-repeat; }
#coastline.insideStory #main { padding: 0; }
	
	#coastline.insideStory #main h1 {
		position: absolute;
		top: 30px;
		left: 608px;
		width: 335px;
		height: 29px;
		}
	

	#coastline.insideStory #main div.lindorCallout { position: absolute; text-align: right; }
	
		#coastline.insideStory #main div.lindorCallout div.calloutPhoto {
			position: absolute;
			top: 3px;
			left: 0px;
			width: 86px;
				w\idth: 84px;
			height: 60px;
				he\ight: 58px;
			border: 1px solid #fedc87;
			}
	
		/* left column */
		#coastline.insideStory #main div#meltingCenter { top: 64px; left: 116px; width: 290px; }
		#coastline.insideStory #main div#chocolateShell { top: 174px; left: 39px; width: 303px; }
		#coastline.insideStory #main div#perfectSphere { top: 284px; left: 65px; width: 289px; }
		
		/* right column */
		#coastline.insideStory #main div#doubleMelting { top: 94px; left: 582px; width: 320px; text-align: left; }
		#coastline.insideStory #main div#smoothestChocolate { top: 224px; left: 640px; width: 302px; text-align: left; }
			
			#coastline.insideStory #main div#doubleMelting div.calloutPhoto,
			#coastline.insideStory #main div#smoothestChocolate div.calloutPhoto { top: 6px; left: auto; right: 0px; }
			
			
	/* buy now button */
	a#buyNow {
		display: block;
		position: absolute;
		top: 381px;
		left: 662px;
		width: 163px;
		height: 56px;
		background: url('../img/inside-story/buy-now.gif') 0px 0px no-repeat;
		}
		a#buyNow span { display: none; }
	
		
/* turn off bottom focus areas for the inside story landing page */
#coastline.insideStory div#callouts { display: none; }
	
			
/* Callouts */
div#callouts { color: #b4947a; position: absolute; top: 612px; left: 0; }
div#callouts li { float: left; background: url('../img/bg-callout.png') no-repeat center left; height: 160px; }
div#callouts li.first { background: none; }
div#callouts li dt { height: 0; padding-top: 50px; overflow: hidden; margin-bottom: 10px; }
div#callouts li dd img { float: left; margin: 0 10px 5px 0; }
div#callouts li dd p { color: #b4947a; line-height: 1.2; padding-bottom: 0.2em; }
div#callouts a { float: left; text-decoration: underline; text-transform: uppercase; font-family: Tarzana Narrow, Optima, Arial Narrow, Verdana, sans-serif; background: url('../img/arrow-right-red.gif') no-repeat center right; padding-right: 10px; padding-top: 2px; }
div#callouts a:link { color: #ba221b; }
div#callouts a:visited { color: #ba221b; }
div#callouts a:hover { color: #d2b294; background-image: url('../img/arrow-right-white.gif'); }
div#callouts a:active { color: #ba221b; }

div#callouts li.giveaway { width: 300px; padding: 20px 15px; }
div#callouts .discover-truffles dt { width: 300px; background: url('../img/head-callout-discover-truffles.gif') no-repeat top left; }

/*
added 08.17.2009 for new focus area
*/
div#callouts .discover-truffles a.twoLineLink { background: none; }
	div#callouts .discover-truffles a.twoLineLink span { background: #1b0202 url('../img/arrow-right-red.gif') 100% 2px no-repeat; }
	div#callouts .discover-truffles a.twoLineLink:hover span { background: #1b0202 url('../img/arrow-right-white.gif') 100% 2px no-repeat; }
	
div#callouts li.swiss { width: 300px; padding: 20px 15px; display: none; }
div#callouts .swiss dt { width: 288px; background: url('../img/head-callout-giveaway.gif') no-repeat top left; }
div#callouts .swiss dd p { margin-left: 13px; }
div#callouts .swiss dd a { float: none; text-transform: none; background: none; padding: 0; color: #b4947a; font: normal 1em Palatino, Georgia, Times New Roman, serif; }
div#callouts .swiss dd a:hover { background: none; }

div#callouts li.shop { position: relative; width: 300px; padding: 20px; }
div#callouts .shop dt { width: 238px; background: url('../img/head-callout-shop.gif') no-repeat top left; }
div#callouts .shop dd p { position: absolute; top: 80px; left: 22px; width: 200px; }
div#callouts .shop dd a { float: none; padding-right: 10px; padding-top: 2px; }
div#callouts .shop dd img { float: right; margin: -20px 0 0 0;}

div#callouts li.spa { width: 251px; padding: 20px; }
div#callouts .spa dt { width: 251px; background: url('../img/head-callout-spacom.gif') no-repeat top left; }
div#callouts .spa dd p { margin-left: 2px; }

div#callouts li.spring { width: 255px; padding: 20px; }
div#callouts .spring dt { width: 255px; padding-top: 75px; background: url('../img/head-callout-spring.gif') no-repeat 0 32px; }
div#callouts .spring dd p { margin-left: 2px; }

div#callouts li.holidayTips { width: 255px; padding: 20px; }
div#callouts .holidayTips dt { width: 255px; padding-top: 75px; background: url('../img/head-callout-tips.gif') no-repeat 0 32px; }
div#callouts .holidayTips dd p { margin-left: 2px; }

div#callouts li.showYourLove { width: 290px; w\idth: 270px; padding: 20px 0px 20px 20px; }
div#callouts .showYourLove dt { width: 270px; padding-top: 75px; background: url('../img/head-callout-show-your-love.gif') no-repeat 0 32px; }
div#callouts .showYourLove dd { position: relative; width: 270px; }
div#callouts .showYourLove dd img { position: absolute; top: 0px; left: 0px; }
div#callouts .showYourLove dd p { position: absolute; top: 0px; left: 80px; width: 200px; }
	

div#callouts li.pdf { width: 251px; padding: 20px; display: none; }
div#callouts .pdf dt { width: 251px; background: url('../img/head-callout-spacom.gif') no-repeat top left; }
div#callouts .pdf dd p { margin-left: 2px; }

.giveaway div#callouts li.giveaway { display: none; }
.giveaway div#callouts li.swiss { display: block; }

.spa div#callouts li.spa { display: none; }
.spa div#callouts li.pdf { display: block; }

/* Header/Footer shared styles */
div.tools dt { height: 0; overflow: hidden; }
div.tools ul { float: right; }
div.tools ul li { float: left; }

div.tools a:link { color: #d2b294; }
div.tools a:visited { color: #d2b294; }
div.tools a:hover { color: #ba221b; text-decoration: none; }
div.tools a:active { color: #ba221b; }

/* Header */
a#homeLink { position: absolute; top: 33px; left: 43px; height: 0; width: 219px; padding-top: 116px; overflow: hidden; }

div#siteNav { position: absolute; top: 19px; right: 16px; }
div#siteNav dt { width: 965px; padding-top: 50px; background: url('../img/do-you-dream-in-chocolate.gif') no-repeat top right; }
div#siteNav li { padding: 0 10px; background: url('../img/bg-sitenav.gif') no-repeat top left; }
div#siteNav li.first { background: none; }
div#siteNav a { font: normal 15px/16px Optima, Helvetica, Arial, Verdana, sans-serif; }
div#siteNav li.current a { color: #ba221b; }

/* Footer */
div#bizNav { color: #d2b294; font-size: 11px; line-height: 11px; padding-bottom: 1em; }
div#bizNav li { padding: 0 8px; background: url('../img/bg-biznav.gif') no-repeat 0 1px; }
div#bizNav li.first { background: none; }

#flashContent{float:right;position:relative;top:-70px;}
.flash-wrapper{padding:10px;margin:10px;}
#main.giveaway h2 img{z-index:50;position:absolute;right:-15px;top:-40px;}
#main.giveaway p.giveaway-side{position:absolute;top:60px;right:50px;z-index:1;font-size:small;width:135px;line-height:0.95;padding:40px 35px 20px 10px;color:#58140b;background:#ecb06e;}
#main.giveaway ul.player-links{margin-top:55px;}
#main.giveaway ul.player-links li{padding-top:20px;width:130px;float:left;background:url('../img/giveaway-separator.png') no-repeat top right;padding-right:20px;margin-right:20px;height:120px;}
#main.giveaway ul.player-links li h3{margin-bottom:5px;}
#main.giveaway ul.player-links li.last{width:255px;background:none;}
#main.giveaway ul.player-links li input{float:left;}
#main.giveaway ul.player-links li div.error-message{float:left;position:absolute;top:25px;}
#main.giveaway ul.player-links li button{float:right;margin-left:10px;}
#main.giveaway-signup{padding-left:325px;}
#main.giveaway-signup fieldset.wrap{width:365px;float:left;margin-right:20px;}
#main.giveaway-signup fieldset.side{width:250px;float:left;}
#main.giveaway-signup fieldset.side input{float:left;}
#main.giveaway-signup fieldset.side legend{width:50px;color:#5E190D;font-family:Arial,sans-serif;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;line-height:normal;}
#main.giveaway-signup fieldset.side label{float:left;margin:0;padding:5px 0 15px 0;display:inline-block;text-align:left;}
#main.giveaway-signup fieldset.side label[for=nothing]{padding-right:10px;}
#main.giveaway-signup fieldset.side label[for=nothing],#main.giveaway-signup fieldset.side label[for=PlayerGender0],#main.giveaway-signup fieldset.side label[for=PlayerGender1]{width:40px;}

#main.giveaway-signup fieldset.right label{width:220px;}

#main.giveaway #prizeCalendar { top: -25px; left:-50px; width:600px;}
#main.giveaway #prizeCalendar #prev, 
#main.giveaway #prizeCalendar #next{top:40px; left:0; display:block;width:15px;height:25px;}
#main.giveaway #prizeCalendar #prev {background: url('../img/cal-arrow-left.gif') no-repeat;}
#main.giveaway #prizeCalendar #next {left:660px;background: url('../img/cal-arrow-right.gif') no-repeat;}
#main.giveaway #prizeCalendar img.prizes-month{ top:20px; left: 50px; }

/*#main.giveaway #prizeCalendarWrapper dd{width:89px; padding:0; border: 1px solid #a36839; border-right:none; height:95px;}
#main.giveaway #prizeCalendarWrapper { border-right: 1px solid #a36839; }
*/

#main.giveaway #prizeCalendarWrapper * { position:static;}
#main.giveaway #prizeCalendarWrapper { height: 95px;}
#main.giveaway #prizeCalendarWrapper li img.day {display:block;}
#main.giveaway #prizeCalendarWrapper li span {position:absolute; left: 65px; top: 0; display:block; color:#fff; font-size:16px; padding:3px 5px 0 0;}
#main.giveaway #prizeCalendarWrapper {width:100px;position:static; }
#main.giveaway #prizeCalendarWrapper {width:700px; }
#main.giveaway #prizeCalendarWrapper li{ float:left; width:90px; height:95px; position: relative; }
#main.giveaway #prizeCalendarWrapper { border: 1px solid #a36839;}

/*#main.giveaway #prizeCalendarWrapper div.tooltip { display:none; position:absolute; top: -50px; width:200px;  z-index:10;}
*/

#main.giveaway #prizeCalendar div.tooltip { display:none; }

	
#tooltip { color: #58140B; width:270px; text-align:left;	position:absolute; background: url('../img/bg-tooltip.png') bottom left no-repeat; padding:25px 10px 40px 25px; z-index:20; }
#tooltip h3 {color:#ba221b; display:block; width:100%;font-weight:bold;}

/*#main.giveaway #prizeCalendar p.prize-tooltip:after { color: #f8e0c1; content: "."; display: block; position:absolute; left:-30px; height: 20px; width:100%; background: #ccc url('../img/bg-tooltip-bottom.png') bottom left no-repeat; } 
*/
/* The all important... CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */