/* Import Sifr */

@import url(sIFR-screen.css);

/* 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, 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; background: white; }
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; }
p { padding-bottom: 1em; }
strong { font-weight: bold; }
sup { font-size: .8em; vertical-align: super; text-transform: uppercase; }

/* Body Structure */

body { overflow-y: scroll; background: #fffdf8 url('../images/bg-basic.jpg') repeat-x top center; font: normal 75% Arial, Helvetica, sans-serif; color: #492913; text-align: center; }
#coastline { text-align: center; margin: 0px auto; width: 940px; }
#header, #siteTools { margin: 0 20px; background: #fff; }

/* Header */

#header { width: 900px; background: #fff url('../images/bg-header.jpg') repeat-x top left;}
#header dt.siteHead { float: left; margin-right: 6px; padding-left: 10px; }
#header dt.siteHead a { display: block; height: 0; padding-top: 107px; width: 210px; overflow: hidden; background: url('../images/lindt-logo_crop.jpg') no-repeat top left; }
#header dd { text-align: right; padding: 16px 16px 0 16px;}

#logIn { font-size: .9em; color: #50311c; }

#checkOut { float: right; margin: 0 0 0 10px; background: #f5ede3; padding: 4px; }
#checkOut a { background: #50311c; padding: 2px; color: #efece2; font-size: .9em; }
#checkOut a:hover { background: #a18a2f; text-decoration: none; }
#checkOut span { text-transform: uppercase; color: #492913; padding: 3px; font-size: .95em; }

#header form { margin: 10px 0 0 10px; }
#header form label { display: none }
#header input { border: 1px solid #e7e2d9; background: transparent; font-family: Times New Roman, serif; color: #797257; padding: 3px 4px 2px 4px; margin-right: 3px; }
#header button { cursor: pointer; border: none; background: #f5ede3; font-size: .9em; color: #745844; padding: 4px; line-height: 1.2; }
#header button:hover { color: #50311c; }

#sitenav dt { display: none; }
#sitenav dd { padding: 0; }
#sitenav dl { position: relative; }
#sitenav dl dt { display: block; position: relative; z-index: 5; padding: 7px 9px; padding-left: 0; border-bottom: none; }
#sitenav dl dt a { padding-left: 8px; border-left: 1px solid #a18a2f; }
#sitenav dd dd { display: none; }
#sitenav ul { padding-top: 12px; }
#sitenav li { float: left; text-align: left; }
#sitenav li a { font: 11px normal 1.1em Times New Roman, Georgia, serif; text-decoration: none; color: #9c8338; }
#sitenav li a:hover, #sitenav li.current a, #sitenav li.on dl dd li a:hover { color: #492913; }
#sitenav li.first dt a { border-left: 1px solid #fff; }
#sitenav li.last dt { padding-right: 0; border-right: none; }
#sitenav li.on dl dt { border: 1px solid #ded1c1; border-bottom: none; padding: 6px 8px; padding-left: 0; background: #fff; }
#sitenav li.on dl dt a { border-left: none; padding-left: 8px; }
#sitenav li.on dl dd { display: block; position: absolute; z-index: 1; top: 28px; left: 0; width: 204px; }
#sitenav li.on dl dd ul { padding: 0; background: #fff; }
#sitenav li.on dl dd li { float: none; border: 1px solid #ded1c1; border-bottom: none; padding: 5px 9px; }
#sitenav li.on dl dd li a { color: #9c8338; }
#sitenav li.on dl dd li.first { padding-top: 5px; }
#sitenav li.next dl dt a { border-left: none; padding-left: 9px; }
#sitenav li.on dl.lvl2 dl dt { padding: 0; border: none; }
#sitenav li.on dl.lvl2 dl dt a { padding: 0; border: none; background: url('../images/more.gif') no-repeat center left; padding-left: 10px; }
#sitenav li.on dl.lvl2 dl dd { display: none; position: static; width: auto; padding: 6px 0; }
#sitenav li.on dl.lvl2 dl dd li { border: none; padding: 0; padding-left: 20px; }

/* Content */

#content { width: 936px; padding-top: 19px; background: url('../images/bg-content-top.png') no-repeat top left; } 
#content { margin-top: 0px;}
#contentWrap { width: 888px; padding-left: 24px; padding-right: 24px; background: url('../images/bg-content-bottom.png') no-repeat bottom left; }

ul.callouts { margin: -10px 0 14px 19px; }
ul.callouts li { float: left; background: url('../images/bg-callout.png'); padding: 14px 15px; margin-left: -10px; }

#breadcrumbs { padding-bottom: 10px; }
#breadcrumbs dt { display: none; }
#breadcrumbs dd li { float: left; background: url('../images/breadcrumb-guy.gif') no-repeat center right; padding-right: 7px; margin-right: 3px; font-size: .95em; }
#breadcrumbs dd li.last { background: none; }
#breadcrumbs dd li a { color: #6f4d34; }

div#leftCol { float: left; width: 205px; margin: 20px 0; text-align: left; }
div#leftCol dl { min-height: 300px; }
div#leftCol dl dl { min-height: 100%; }
div#leftCol dl dt, div#leftCol dl dl dd { display: none; }
div#leftCol dl li.current dd { display: block; }
div#leftCol dl dl dt, div#leftCol dl dl a { display: block; }
div#leftCol dl li { padding-bottom: 2px; border-top: 1px solid #b79a61; }
div#leftCol dl li.last { border-bottom: 1px solid #b79a61; }
div#leftCol dl li li { border: none; padding: 0; }
div#leftCol dl li a { padding: 4px 1px 2px 14px; font: normal 13px Times New Roman, serif; text-transform: uppercase; color: #9a7616; }
div#leftCol dl li a:hover, div#leftCol dl li.current li a:hover, div#leftCol dl li.current a, div#leftCol dl li.current li.current a { color: #492913; text-decoration: none; }
div#leftCol dl li li a { padding: 0 8px 4px 29px; font: normal 11px Arial, sans-serif; text-transform: none; }
div#leftCol dl li.current li a { color: #9a7616; }

dl.recommendations { text-align: left; }
dl.recommendations ul li { float: left; padding: 0 0 12px 0; }
dl.recommendations ul li a { display: block; text-align: center; padding: 6px 0; }
dl.recommendations ul a:hover { text-decoration: none; }
dl.recommendations ul a:hover span.name { text-decoration: underline; }
dl.recommendations ul span { display: block; font-size: 11px; }
dl.recommendations ul span.name { color: #492913; font: normal 12px Times New Roman, serif; text-transform: uppercase; padding-top: 5px; }

div.list-nav { text-align: right; font-size: .95em; margin-bottom: 1em; }
div.list-nav a { color: #492913; padding: 0 5px; border-right: 1px solid #492913; }
div.list-nav a:hover { color: #C59D4C; }
div.list-nav a.view-all { text-decoration: underline; border: none; }
div.list-nav a.last { border: none; }
div.list-nav a.current { font-weight: bold; }
div.list-nav a.prev { border: none; padding: 0; } 
div.list-nav a.next { border: none; padding: 0; }

/* Footer */

#siteTools { width: 880px; background: #f5ede3; padding: 10px; text-align: left; margin-bottom: 20px; }
#siteTools dt { display: none; }
#siteTools dl { float: left; font-size: .9em; padding: 10px 10px 0 10px; width: 180px; }
#siteTools dl dt { display: block; }
#siteTools dl dt a { color: #492913; }
#siteTools dl dd li { padding-top: 6px; }
#siteTools dl dd li a:link { color: #9a8a67; }
#siteTools form { background: #fff; text-align: left; padding: 10px 20px; margin-left: 580px; }
#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; }

/* 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%; }

/* 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 */

.overlib_border {
	border: 1px solid #C7BAAE;
}

.pick_your_occasion {
	font-size: 18px;
}

.product_listing li {
	width: 33%;
	height: 160px;
	overflow: hidden;
}

.product_listing_image{
	height: 100px;
}