/* CSS for Home Page and other Branding Pages */

body {
	background:#f2f1ee url(../images/branding/bg.gif) repeat-x top left;
}
.bg {background-color:#f2f1ee;}
.insetTop {
	position:relative; top:-14px; height:14px; width:808px; z-index:5;
	background:url(../images/branding/insetTop.gif) no-repeat top;}
.insetBottom {
	height:14px; width:808px; z-index:5;
	background:url(../images/branding/insetBottom.gif) no-repeat bottom;
	position:absolute; bottom:0; left:0;}
.priceTag {position:absolute; width:81px; height:146px; z-index:10;}
.coffee {position:absolute; width:138px; height:177px; z-index:10; 
	top:194px; right:1px;}
	
/* Begin Logo-Search Band */
#searchBand {
	width:100%; height:70px; z-index:3;
	background:url(../images/branding/searchBg.gif) repeat-x;}	
#home #searchBand {position:absolute; left:0; top:273px;}
#searchDiv {
	position:relative; width:738px; height:163px; 
	margin: 0 auto; text-align:left;
	z-index:6; background:url(../images/branding/logo.gif) no-repeat top left;}
#searchDiv img {position:absolute; left:0;}
#home #searchDiv {top:27px;}
#searchDiv .searchBox {position:relative; top:39px; left:380px; background:url(../images/branding/searchLarge.gif) no-repeat top left;}
#searchDiv .searchBox input {margin-left:0px; margin-top:16px; font-size:1.18em; height:1.55em; width:250px;}
#searchDiv .searchButton a {margin-top:16px; position:relative; top:41px; left:380px;}

.contactUs {float:right; margin:145px 0px 0 0; z-index:20;}
.contactUs a {margin-left:10px; padding-left:15px;}
#contactTop {position:absolute; top:3px; right:20px; text-align:right;}
#contactTop a {padding-left:15px; margin-top:3px;}

#infoNav {width:610px; position:absolute; left:150px; top:-40px;}
#infoSubNav {position:relative; width:808px;
	margin: 0 auto; text-align:left; top:-35px; left:140px;}
#infoSubNav ul {}
#infoNav li,#infoSubNav li  {float:left; margin-left:28px; display:inline;}
#infoNav li a, #infoSubNav li a {text-decoration:none; color:#6F6C66;}
#infoNav li a:hover,#infoSubNav li a:hover {color:#EC9201;}
#infoNav .currentPage a,#infoSubNav .currentPage a {color:#EC9201;}
#brandFooterSmall {position:relative; top:-17px;}

/* HomePage */
#mainHome {
	position:relative; width:808px; height:222px; margin: 0 auto; 
	top:44px; text-align:left;
	background:url(../images/branding/insetBg.gif) repeat-y;
}
#mainHome h1 {position:absolute; top:23px; left:141px; width:453px; height:29px;}
#mainHome .priceTag {top:-44px; right:98px;}
#howTo {
	position:relative; top:62px; _top:60px; left:161px;
	width:480px; background:url(../images/home/123bg.gif) repeat-y;}
#howTo h2 {margin:6px 0 0 22px; width:437px; height:31px;}
#howTo h3 {
	float:left; display:inline; margin:8px 0 0 21px; width:132px; background-color:#fff; color:#6F6047;
	padding-bottom:6px; text-align:center; 
	font:normal 12px/130% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;}
.learnMore {
	position:absolute; z-index:10; top:146px; right:80px; color:#898989; 
	font:normal 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
}
.learnMore a {padding:0 1px;}

/* Info Pages */
#homeWrapper {width:808px; margin: 0 auto;}
#main {
	position:relative; width:808px; margin: 0 auto; 
	top:85px; text-align:left; z-index:1;
	background:url(../images/branding/insetBg.gif) repeat-y;
}
#mainWhy {height:950px;}#mainFeatures {height:1050px;}
#mainBeta {height:785px;}#mainAbout {height:1250px;}
#mainJoin {height:1200px;} #mainFAQ {height:1050px;}

#main .priceTag {top:-85px; left:50px;}
#main h1 {position:absolute; top:44px; left:194px; width:421px; height:29px;}
#info #searchBand {position:relative; left:0; top:92px;}
#info #searchDiv {top:-2px;} #info .searchBox input {height:1.27em;}

#content {
	position:relative; padding:106px 0 20px 0; margin-left:69px; 
	font:normal 13px/145% 'Lucida Grande', Helvetica, Geneva, Arial, Verdana, sans-serif;
	color:#54514C; width:670px;}
#content p span {height:13px; vertical-align:text-bottom;}
#content .margin {clear:left; margin-top:20px;}
#content .noMargin {clear:left; margin-top:0px;}
#info h2 {font-weight:bold; font-size:13px;}
.floatRight13 {display:inline; float:right; margin:2px 0 13px 13px;}
.floatRight {display:inline; margin:2px 0 13px 30px;}
.floatLeft {display:inline; margin:2px 30px 10px 0;}

#mainAbout #content, #mainBeta #content {width:520px; margin-left:140px;}
#mainAbout #content .margin, #mainBeta #content .margin{margin: 20px 0 0 20px;}
#content dl {margin:25px 25px 0 25px; font-size:12px;}
#content dt {margin-top:20px; font-weight:bold;}
#content dd span {display:block; padding-top:7px;}
#content dd span img {vertical-align:text-top; padding:2px 7px 0 3px;}
#content center img {padding-top:15px;}

#mainJoin center a, #mainJoin center a:link {display:block; clear:both; font-size:16px; color:#084887; text-decoration:underline; padding-top:20px;}
#mainJoin center a:hover {color:#EC9201;}
#benefits {float:left; padding:10px 35px 65px 0;}
#benefits li {font-weight:bold; font-size:12px; line-height:185%; color:#63605A; }
#benefits li.first {color:#EC9201; font-size:14px; line-height:100%; padding-bottom:3px; border-bottom:1px solid #DEDEDE;}

#featuresWrapper {
	padding:106px 0 20px 0; margin-left:39px; width:720px;}
#featureIntro {
	padding:0 180px 0 35px; color:#54514C;
	font:normal 13px/145% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
}
#features {position:relative; padding-left:5px;}
#features p {color:#54514C; font:normal 12px/135% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;}
#features h2 {color:#54514C; padding-bottom:6px; font:bold 13px/118% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;}
#f1 {position:absolute; width:153px; top:-4px; right:-14px;} 
#f2 {position:absolute; width:153px; top:16.37em; right:-14px;} 
#f3 {position:absolute; width:153px; top:35.15em; right:-14px;} 
#f4 {position:absolute; width:183px; top:575px; left:50px;} 
#f5 {position:absolute; width:230px; top:610px; left:315px;} 
#featuresWrapper #nextPage {height:230px;}

#nextPage {position:absolute; bottom:50px; right:55px; width:699px;}
#nextPage a {font:normal 12px/145% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color:#8D8982; height:20px;}
#nextPage a:hover, #nextPage a:active {color:#EC9201; text-decoration:none;}
.linkLeft {float:left;}
.linkRight {float:right;}

/*Begin Sub Main */
#subMain {
	position:relative; width:808px; 
	margin: 0 auto; text-align:left; background:url(../images/branding/insetBg.gif) repeat-y;
}
#home #subMain {top:-21px;}
#info #subMain {top:-50px; height:90px;}
.homeInsetBottom {height:14px; width:808px; z-index:5; margin-top:30px;
	background:url(../images/branding/insetBottom.gif) no-repeat bottom;
	position:relative; bottom:0; left:0;}

#subMain a, #subMain a:link, #subMain a:visited, #mainHome a, #mainHome a:link, #mainHome a:visited {color:#32527A;}
#subMain a:active, #subMain a:hover, #mainHome a:active, #mainHome a:hover {color:#E18F03;}

.divider {position:absolute; top:61px; left:372px; width:2px; height:171px;
	background-color:#E6ECF3; z-index:10;}
.promoImg {position:absolute; top:151px; left:390px; width:222px; height:78px; z-index:10;}
#promo {
	position:relative; top:0px; left:161px; margin-top:45px; z-index:5;
	width:480px; height:172px; color:#898989; background: url(../images/home/123bg.gif) repeat-y;}
.promoRight {float:right; height:156px; color:#898989; width:266px;}
.promoRight h1 {margin-left:17px; padding-top:10px;}
#home .promoRight h2 a {text-decoration:underline;} 
#promo h2 {font:normal 12px/135% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; background-color:transparent; color:#898989; text-align:center;}
.promoLeft {position:relative; height:156px; width:211px;}
.promoLeft h1 {padding:16px 0 3px 30px;}
.promoLeft h2 {margin-top:5px;}
.promoLeft a {padding:0 1px;}
#promoBottom {position:relative; left:161px; width:480px; background: url(../images/home/123bg.gif) repeat-y; border-top:2px solid #E6ECF3;}
#promoBottom h1 {font:normal 14px/135% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color:#575552; text-align:right; padding:25px 0 0 10px; height:40px; width:308px;}
#storesFlash {float:right; display: inline; padding:9px 43px 0 20px;}

#featuredProducts {margin-left:161px; padding-top:30px;}

#news {margin-left:161px; padding-top:30px;}
#news p {margin-left:20px; padding-bottom:1px; font:normal 13px/135% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;color:#9c9c9c; text-align:left; width:440px; border-bottom:1px dotted #cacaca;}
#news ul {width:480px; padding:9px 0 0 0px;}
#news li img {vertical-align:middle; margin-right:6px; position:relative; top:-2px;}
#news li {font:normal 12px/135% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color:#5a5a5a;text-align:center;}
#subMain #news a:link, #subMain #news a {font:normal 12px/135% 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; color:#5a5a5a;}
#subMain #news a:active, #subMain #news a:hover {color:#363636;}
#subMain #news a:visited {color:#898989;}

#brandFooterHome {width:100%; clear:both; text-align:center; font-weight:400; font-size:12px; color:#8F826A;}
#brandFooterHome a {padding:0 5px;}
#brandFooterHome a:link, #brandFooterHome a:visited {text-decoration:none; color:#6F6047;}
#brandFooterHome a:hover, #brandFooterHome a:active {text-decoration:underline;}

#homeFooter {
	clear:both; z-index:1; width:100%; margin:-6px 0 10px 0;
	text-align:center; color:#6F6C66;
}
#homeFooter a {
	display:inline; font-size:12px; line-height:12px;
	padding:4px 6px; color:#6F6C66; text-decoration:underline; white-space:nowrap;
}
#homeFooter a:hover, #homeFooter a:active {color:#EC9201;}

li.title {border-bottom:1px dotted #cacaca;}