﻿body
{
	margin-top:0;
	background:#000000 url(../img/backtile.jpg) repeat scroll center top;
	font-family:Arial, Helvetica, Sans-Serif;
    font-size:10pt;
    color:#000000;
}
img { border:none; }
p { margin-top:0; }
ul.noIndent /* List items do not indent. To set indent, increase padding.*/
{
	padding-left:15px;
	margin-left:0;
}
a { color:#643507; }
.popup a { color:#FFFFFF; text-decoration:none; }
a.popupBrown { color:#643507; text-decoration:none; }
a.popupBrown:hover { text-decoration:underline; }
label { font-weight:bold }
td { vertical-align:top; }
h1, h2, h3 { margin:10px auto 10px auto; }
h2, .recipeName { font-size:18px; font-weight:normal; }
h3 { font-size:14px; }
#wrapper
{
	width:1016px;
	margin:0 auto;
	background:Transparent url(../img/mainShadow_body.png) repeat-y scroll center top;
	_background:Transparent url(../img/shadow_body_brn.jpg) repeat-y scroll center top;
}
#wall
{
	position:relative;
	float:left;
	clear:left;
	width:920px;
	padding:65px 40px;
	_padding:20px 40px 35px 40px;
	z-index:1;
	background:url(../img/maintile.jpg) repeat scroll top left;
	overflow:hidden;
}
.spotLight
{
	position:relative;
	top:-65px;!top:-45px;
	left:-40px;
	margin-bottom:-442px;
	z-index:1;
}
#wallContent
{
	position:relative;
	float:left;
	clear:left;
	z-index:2;
	width:100%;
}

/* BEGIN HEADER */
#header
{
	position:relative;
	float:left;
	width:100%;
    z-index:2;
    color:#DB7312;
    height:73px;
}
#supernav
{
	width:auto;
	height:35px;
	text-align:left;
	background-image:url(../img/nav/superNavBG.jpg);
	overflow:hidden;
}
#supernav a 
{
	text-decoration:none; color:#DB7312;
	font-size:11px;
	font-weight:bold;
	color:#DB7312;
}
#loginLinks, #supernavLinks
{
	float:right;
	height:35px;
	_height:30px;
	margin-top:5px;
}
#loginLinks
{
	width:212px;
	margin-right:33px;
}
#supernavLinks { width:115px; }
#header_nav 
{
    width:865px;
	font-size:14px;
	background:url(../img/nav/navTileBG.jpg) repeat-x;
	overflow:hidden;
	padding:0 0 0 135px;
}
#header_nav a 
{ 
    display:block; 
    width:auto; 
    float:left; 
}

#logo { position:absolute;top:18px;left:40px; }
#clcPopup { position:absolute;top:36px;left:385px; }
#navShadow { height:16px; position:relative; _margin-bottom:-19px; }
/* END HEADER */
/* BEGIN FOOTER */
#footer
{
	height:120px;
	padding:10px 0 0 15px;
	background:#8B4007 url(../img/footergradation.jpg) no-repeat top left;
    text-align:left;
	color:#DC9543;
}
#footer a { color:#DC9543;text-decoration:underline; }
#footerText { width:725px;margin-bottom:10px;font-size:8pt; }
#footerText p.legal { margin:5px 0 20px 0;font-size:7pt;width:800px;}

.footertruste { margin:0 20px 0 0; }
.truste { float:left; width:171px; }
.socialnetworks { margin:45px 0 0 191px; }

.icon { float:left; width:20px; }
.facebook p,
.twitter p { margin:0 0 0 25px; padding:3px 0 0 0; }
.facebook { float:left; width:80px; }
.twitter { margin:0 0 0 80px; }


#promos
{
	position:relative;
	clear:left;
	top:-38px;
	width:1000px;
	height:131px;
	overflow:hidden;
	margin-bottom: -43px;
	background: url(../img/wave_bg.jpg) no-repeat scroll 0 38px;
	z-index:2;
}
#footerPromos {width:665px;margin:5px auto 0 auto;}
#footerPromos .noflash img { margin:-10px 10px 0 0; }

/* END FOOTER */
/* BEGIN POPUPS */
.popup
{
    position:absolute;
    width:379px;
    z-index:5;
}
.popupContent
{
    float:left;
    width:358px;
    height:100%;
    padding-left:15px;
    background-color:#FFFFFF;
    border-left:solid 1px #6E4014;
    font-size:8pt;
}
.popupBG
{
    background-image:url(../img/popups/spiral_brwn.png);
    width:379px;
    height:33px;
    clear:left;
    color:#FFFFFF;
    text-align:center;
    padding-top:10px;
}
.popupRight
{
    float:left;
    width:5px;
    height:100%;
    background-image:url(../img/popups/spiral_side.png);
    background-repeat:repeat-y;
}
.popupContent input, .popupContent select { margin:5px 0; }
.popupContent input { width:200px }
.popupContent .property { width:130px; font-weight:bold; }
.recReviewTitle
{ 
	position:relative;
	top:-10px;
	left:10px;
	font-size:10pt;
	font-weight:bold;
	color:#643507;
}
/* END POPUPS */

/* START PRODUCTS */
.prodNavLinks { margin-left:0; }
.prodNavLinks a { color:#000000; font-size:11pt; }
.prodNavLinks a.active { color:#643507; font-weight:bold; }
.prodElement { position:relative;float:left; }
#prodContent { width:511px;height:355px; margin:0 20px;padding-top:35px;!padding-top:30px; }
.framebg { background:url(../img/products/frame_canvas_black.jpg) top left no-repeat; width:561px; height:407px; padding:22px 0 0 2px; }
.prodFrame { width:561px; height:407; margin-bottom:-386px; !margin-bottom:-402px;}
.prodSwish { width:510px; height:354px; margin:0 0 -354px 21px; }
/* END PRODUCTS */

/* Bullet Link */


/*

.bulletLink { !margin-top:-5px;text-transform:capitalize; }

*/

body a.bulletLink 
{
	/* position:relative; 
	top:-5px; */
	background:url(../img/buttons/recbtn_on.png) top left no-repeat;
	_background:url(../img/buttons/recbtn_on.gif) top left no-repeat; 
	padding:0 0 0 20px;
	text-decoration:none;
	font-weight:bold;
	font-size:9pt;
	
}
body a.bulletLink:hover { text-decoration:underline; }

/*

.bulletLink ul { margin:0; }
.bulletLink ul li
{
	list-style: url(../img/buttons/recbtn_on.png) inside;
	_list-style: url(../img/buttons/recbtn_on.gif) inside;
	position:relative;
	left:-40px; !left:0px;
	margin:-8px 0 0 0;
	padding:0;
}
.bulletLink ul li a
{
	display:block;
	margin:-15px 0 0 20px; !margin:10px 0 0 0;
}

*/

/*End Bullet Link*/

/* CoffeeType Quiz Style */
span.radio7 { width:100%; vertical-align:text-top; }
span.radio7 input { margin:0px 0px 0px 15px; }
span.radio7 label { margin-left:5px; }
.panelHeader { font-family:font-family: Verdana; }
.panelHeader h2
{
	margin-bottom:2px;
	font-weight:900;
	font-size:14pt;
}
.panelIndicatorOff
{ 
	background-color:#94736E;
	border:solid 1px #000000;
	color:#FFFFFF;
	font-weight:900;
	font-size:14pt;
	width:25px;
	line-height:25px;
	text-align:center;
}
.panelIndicatorOn
{ 
	background-color:#D30501;
	border:solid 1px #000000;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14pt;
	width:25px;
	line-height:25px;
	text-align:center;
}
.questionText, .questionNumber, .continuumHeader
{ font-weight:bold; }
.subQuestionNumber, .subQuestionText, .questionAnswer 
{ padding:0px 0px 5px 4px; }
.panelSurveyTable { margin:10px 0px 10px 0px; }
.panelSurveyTable,
.panelSurveyTable tr td 
{
	font-size:10pt;
	vertical-align:top;
}
/*.questionSpacer { padding:7px; }*/
.panelSurveyTable tr td { font-size:10pt; vertical-align:top; }
ol.panelQuestionList { vertical-align:top; }
ol.panelQuestionList li { border: solid 1px red; }
span.panelQuestionList { float:left; border: solid 1px black; }
/* End CoffeeType Quiz Style */

.subPageHeader
{
    margin:0 10px 0 30px;
    _margin:0 10px 0 15px;
    float:left;
}
.helpBoxHeader
{
    padding:5px 10px;
    margin-bottom:0;
    background-color:#663200;
    font-size:12pt;
    color:#FFFFFF;
}
div.helpBoxFooter
{
	padding:5px 10px;
	background-color:#663200;
}
div.helpBox
{
	padding:15px;
	background-color:#FFFFFF;
	border:solid 1px #663300;
}
.contentLeft, .contentRight { float:left; }
ul.noIndent { padding-left:15px;margin-left:0; }
.rpromo { margin-left:30px; }
.qLabel { font-weight:bold; }
.qValue { margin:5px 0 0 0;}
.leftNav { font-size:22px; margin-top:10px; }
#cmTitle { margin-bottom:-5px; height:65px; }
.contactField { width:250px; }
.contactFieldCol { padding-left:20px; }
.pthumb h3:hover, .leftNav a:hover { color:#CC0001; }
.errorText
{
	color:#CC0001;
	font-size:10px;
	font-weight:bold;	
}


/* Email Survey page */

.txtfield textarea { width:497px; height:106px; }
.submitbtn { margin:6px 0 0 0; }
p.message { width:170px; }

/* live help */
.footerlivehelp { float:right; width:171px; margin:0 5px 0 0; }

/* home */
.noflashhome { background:url(../img/noflash/home_bg.jpg) top left no-repeat; width:1000px; height:443px; }
.noflashhome .learn { position:absolute; top:160px; left:485px; }
.noflashhome .turning { position:absolute; top:250px; left:720px; }