/************************************************************
base styles from lindtusa.com / css / sitewide.css
************************************************************/
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, 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: 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: #a18a2f; }
a:visited { color: #bfb692; }
a:hover { text-decoration: underline; }
a:active { color: #a18a2f; }
a:focus { outline: 0; }

/* Body Structure */

body {
	background: #463025 url('../img/bg-basic.jpg') repeat-x top center;
	font: normal 75% Arial, Helvetica, sans-serif;
	color: #492913;
	text-align: center;
	}
	
#coastline {
	text-align: left;
	margin: 0px auto;
	width: 1000px;
	}
	#siteTools {
		margin: 0 20px;
		background: #fff;
		}
	
/*
global header updates 10.2011
*/
#headercontainer {
	width: 1000px;
		w\idth: 900px;
	height: 135px;
	padding: 0 50px;
}
#header {
	position: relative;
	z-index: 9999;
	width: 900px;
	height: 135px;
	background: #fff url('../img/header/bg-header.gif') repeat-x top left;
	}
	#header a.siteHead {
		position: absolute;
		top: 10px;
		left: 26px;
		display: block;
		width: 189px;
		height: 77px;
		background: url('../img/header/logo.gif') 0px 0px no-repeat;
		}
		#header a.siteHead span { display: none; }
	
	a#logIn {
		position: absolute;
		top: 40px;
		right: 26px;
		font-size: .9em;
		color: #9c8338;
		}
	a#logIn:hover { color: #dfbe7d; text-decoration: none; }

div#headerUtilities {
	position: absolute;
	top: 64px;
	right: 12px;
	}
	div#headerUtilities ul li {
		float: left;
		height: 23px;
		color: #a68443;
		font-size: .9em;
		padding: 0 13px 0 14px;
		border-right: 1px solid #d7cfc0;
		}
	div#headerUtilities ul li#newsletterSignUp { border: none; }
	div#headerUtilities ul li a, div#headerUtilities ul li a:visited { color: #a68443; }
	div#headerUtilities ul li a:hover, div#headerUtilities ul li a:active { color: #dfbe7d; text-decoration: none; }
	
	div#headerUtilities ul li#callUs a,
	div#headerUtilities ul li#newsletterSignUp a {
		display: block;
		height: 23px;
		line-height: 23px;
		padding-right: 21px;
		background: url(../img/header/bg-icon-call.gif) 100% 2px no-repeat;
	}
	div#headerUtilities ul li#newsletterSignUp a { padding-right: 22px; background: url(../img/header/bg-icon-sign-up.gif) 100% 5px no-repeat; }
	
	div#headerUtilities ul li#callUs a:hover { background-position: 100% -81px; }
	div#headerUtilities ul li#newsletterSignUp a:hover { background-position: 100% -82px; }
	
	/* call us pop up */
	div#headerUtilities ul li#callUs { position: relative; }
	div#headerUtilities ul li#callUs div#calluspopup {
		display: none;
		position: absolute;
		top: -55px;
		left: -100px;
		width: 283px;
		height: 60px;
			he\ight: 34px;
		padding: 26px 0 0 0;
		text-align: center;
		background: url(../img/header/bg-call-us-pop-up.png) 0px 0px no-repeat;
	}
	
/*
search form submit button updates 10.2009
*/
#header form {  }
#header form label {  }
#header input {
	float: left;
	width: 139px;
		w\idth: 133px;
	height: 23px;
		he\ight: 21px;
	border: 1px solid #e7e2d9;
	background: transparent;
	color: #797257;
	font-size: 1em;
	font-family: Tahoma, sans-serif;
	padding: 0 0 0 4px;
	margin-right: 3px;
	}
#header button {  }
	button#searchSubmit {
		float: left;
		width: 28px;
		height: 23px;
		text-align: center;
		cursor: pointer;
		border: 1px solid #d7cfc0;
		background: url(../img/header/bg-button.gif) 100% 0px no-repeat;
		font-size: 1em;
		color: #a68443;
		}
	#header button:hover { color: #dfbe7d; border-color: #dfbe7d; }


/*
updates to #site nav 10.2009
*/
	
	/* #sitenav is now absolutely positioned within the #header */
	ul#sitenav {
		position: absolute;
		bottom: 6px;
		left: 6px;
		width: 888px;
		}
		ul#sitenav li {
			position: relative;
			float: left;
			height: 30px;
			}
			
			ul#sitenav li a.mainbutton {
				display: block;
				float: left;
				height: 30px;
				text-indent: -5000px;
			}
			ul#sitenav li.buttonshop a.mainbutton { width: 169px; background: url(../img/header/sitenav-shop-our-products.gif) 0px 0px no-repeat; }
			ul#sitenav li.buttonsecrets a.mainbutton { width: 176px; background: url(../img/header/sitenav-secrets-of-chocolate.gif) 0px 0px no-repeat; }
			ul#sitenav li.buttoncorporate a.mainbutton { width: 141px; background: url(../img/header/sitenav-corporate-gifts.gif) 0px 0px no-repeat; }
			ul#sitenav li.buttonlovers a.mainbutton { width: 120px; background: url(../img/header/sitenav-lindt-lovers.gif) 0px 0px no-repeat; }
			ul#sitenav li.buttoncustomer a.mainbutton { width: 155px; background: url(../img/header/sitenav-customer-service.gif) 0px 0px no-repeat; }
			ul#sitenav li.buttonlocator a.mainbutton { width: 127px; background: url(../img/header/sitenav-store-locator.gif) 0px 0px no-repeat; }
			
				
			ul#sitenav li.selectednav a.mainbutton { background-position: 0px -60px; }
			ul#sitenav li a.mainbutton:hover, ul#sitenav li.showdropdown a.mainbutton { background-position: 0px -30px; }
			
			/* drop down styles */
			ul#sitenav li ul.submenu {
				display: none;
				position: absolute;
				top: 29px;
				left: -1px;
				background: #fff;
				width: 204px;
					w\idth: 202px;
				border: 1px solid #c4a363;
				border-top: none;
				}
				ul#sitenav li.buttonshop ul.submenu { left: 0px; }
				ul#sitenav li ul.submenu li {
					width: 202px;
					height: auto;
					he\ight: auto;
					padding: 0;
					font: 13px Times New Roman, serif;
					}
					ul#sitenav li ul.submenu li a {
						display: block;
						w\idth: 187px;
						padding: 5px 5px 6px 10px;
						color: #a18a2f;
						border-top: 1px solid #c4a363;
						}
						ul#sitenav li ul.submenu li a:hover { color: #492913; }
					
				/* shop our products category menu */
				ul#sitenav li ul.withcategories {  }
				ul#sitenav li ul.withcategories li.subheading {
					w\idth: 177px;
					color: #797257;
					margin: 7px 0 0 0;
					padding: 7px 5px 3px 20px;
					border-top: 1px solid #c4a363;
					}
					ul#sitenav li ul.withcategories li a {
						w\idth: 170px;
						padding: 1px 5px 1px 27px;
						border: none;
						}
					
				ul#sitenav li ul.submenu li a:hover { color: #492913; text-decoration: none; }
				
				
/*
^^^^^^^^^^ global header updates 10.2009 ^^^^^^^^^^
*/

/************************************************************
intro graphic / header
************************************************************/
div#intro {
	position: relative;
	width: 1000px;
	height: 332px;
	margin-top: -17px;
	background: url('../img/bg-intro.jpg') 0px 3px no-repeat;
}
div#intro h1 {
	position: absolute;
	top: 38px;
	left: 480px;
	width: 439px;
	height: 193px;
	text-indent: -5000px;
	background: url('../img/hdr-the-perfect-match.gif') 0px 0px no-repeat;
}


/************************************************************
focus areas
************************************************************/
div#focusareas {
	position: relative;
	width: 1000px;
	height: 227px;
	background: url('../img/bg-focus-area-dividers.gif') 0px 0px no-repeat;
}

div#focusareas div {
	position: absolute;
	top: 0px;
	width: 275px;
	height: 186px; /* to the bottom of the divider lines */
}
div#focusareas div#focusone { left: 50px; }
div#focusareas div#focustwo { left: 530px; }

div#focusareas div h2 {
	width: 400px;
	height: 80px;
	text-indent: -5000px;
}

div#focusareas div#focusone h2 { background: url(../img/hdr-focus-our-partnership.gif) 0px 0px no-repeat; }
div#focusareas div#focustwo h2 { background: url(../img/hdr-focus-about-roger-federer.gif) 0px 0px no-repeat; }

div#focusareas div p {
	width: 400px;
	height: 45px;
	margin: 0 0 11px 0;
	text-indent: -10000px;
}

div#focusareas div#focusone p { background: url(../img/focus-content-our-partnership.gif) 0px 0px no-repeat; }
div#focusareas div#focustwo p { background: url(../img/focus-content-about-roger-federer.gif) 0px 0px no-repeat; }

div#focusareas div a {
	display: block;
	width: 275px;
	height: 12px;
	margin: 0 0 3px 0;
	text-indent: -500px;
	overflow: hidden;
}

div#focusareas div a.learnmore { background: url(../img/bg-link-learn-more.gif) 0px 0px no-repeat; }
div#focusareas div a.watchcommercials { background: url(../img/bg-link-watch-our-commercials.gif) 0px 0px no-repeat; }
div#focusareas div a.playnow { background: url(../img/bg-link-play-now.gif) 0px 0px no-repeat; }
div#focusareas div a.visitroger { background: url(../img/bg-link-visit-roger.gif) 0px 0px no-repeat; }
div#focusareas div a.facebookfan { background: url(../img/bg-link-facebook.gif) 0px 0px no-repeat; }
div#focusareas div a.watchroger { background: url(../img/bg-link-watch-roger.gif) 0px 0px no-repeat; }
div#focusareas div a.learnmoresweepstakes { background: url(../img/bg-link-learn-more-about-the-sweepstakes.gif) 0px 0px no-repeat; }
div#focusareas div a.playperfectmatch { background: url(../img/bg-link-play-the-perfect-match.gif) 0px 0px no-repeat; }

#siteTools { width: 900px; background: #f5ede3; text-align: left; margin-bottom: 20px; }
#siteTools dt { display: none; }
#siteTools dl {
	float: left;
	width: 181px;
		w\idth: 150px;
	height: 122px;
		he\ight: 102px;
	border-right: 1px solid #705a47;
	font-size: .9em;
	padding: 10px 10px 10px 20px;
}

	#siteTools dl.columnone { w\idth: 120px; padding-left: 50px; }
	#siteTools dl.columntwo {  }
	#siteTools dl.columnthree {  }
	#siteTools dl.columnfour {  }
	#siteTools dl.columnfive { width: 177px; w\idth: 145px; border: none; }
	
#siteTools dl dt { display: block; color: #957e65; }
#siteTools dl dt a { color: #957e65; }
#siteTools dl dd li { padding-top: 6px; }
#siteTools dl dd li a:link { color: #caa058; }
#siteTools form { background: #fff; text-align: left; padding: 10px 20px; margin-left: 590px; }
#siteTools form label { display: block; font: normal 1.3em Times New Roman, Georgia, serif; padding: 0 0 10px 2px; }
#siteTools form input { width: 200px; margin-bottom: 10px; border: 1px solid #e7e2d9; background: transparent; font-family: Times New Roman, serif; color: #797257; padding: 3px 4px 2px 6px; }
#siteTools form button { display: block; cursor: pointer; border: none; padding: 0; text-transform: uppercase; color: #492913; font-family: Times New Roman, serif; background: none; }
#siteTools form button:hover { color: #a18a2f; }


#siteTools dl.columnfive ul#socialmediaicons { width: 145px; }
	#siteTools dl.columnfive ul#socialmediaicons li {
		display: block;
		float: left;
		width: 145px;
		margin: 0 0 10px 0;
		padding: 0 0 0 0;
		}
		#siteTools dl.columnfive ul#socialmediaicons li.lasticon { margin: 0 !important; }
		
	#siteTools dl.columnfive ul#socialmediaicons li a {
		display: block;
		width: 145px;
			w\idth: 113px;
		height: 23px;
			he\ight: 18px;
		padding: 5px 0 0 32px;
	}
	
		#siteTools dl.columnfive ul#socialmediaicons li#facebook a { background: url('../img/bg-icon-facebook.gif') 0px 0px no-repeat; }
		#siteTools dl.columnfive ul#socialmediaicons li#twitter a { background: url('../img/bg-icon-twitter.gif') 0px 0px no-repeat; }
		#siteTools dl.columnfive ul#socialmediaicons li#blog a { background: url('../img/bg-icon-blog.gif') 0px 0px no-repeat; }




/************************************************************
lightbox
************************************************************/
#lb-overlay { display: none; position: absolute; z-index:1001; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black;	-moz-opacity: 0.8;	opacity:.60; filter: alpha(opacity=60); }
#lb-content { display: none; position: absolute; z-index:1002; top: 20%; left: 25%; }