@charset "UTF-8";
/* CSS Document */

body {
	background-color: #1F0B02;
	background-repeat: repeat-y;
	margin: 0px;
	font-family: Baskerville;
	font-size: 1.2em;
	background-image: url(bkgd.16.jpg);
	background-position: center;
	color: #F8CE8C;
}
p{
	font-size:.8em;
}
a {
	color: #FB931E;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #FBC01C;
}
h1 {
	color:#FFD490;
	font-size: 1.5em;
	text-shadow: #000 2px 2px 2px;
}
.style2 {
	color: #FFD490;
	text-shadow: #000 2px 2px 2px;
	font-size: 1.1em;
}
.style3{
	font-size:.75em;
}
.heading{
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	height: 50px;
	padding-top: 20px;
	font-family: 'Elsie Swash Caps', "cursive;";
	font-size: 2em;
	font-weight: 700;
	color: #D1BC53;
	line-height: 2em;
	padding-bottom: 40px;
	text-shadow: 2px 2px 5px #000000;
}

.features {
	height: 836px;
	width: 768px;
	padding-bottom: 84px;
	text-align: center;
}
#sort/*start display tooltips*/
 {
	position:absolute;
	left:130px;
	top:10px;
	width:30px;
	height:30px;
	z-index:10;
	background-image: url(../images/tooltips/tooltip01.png);
	background-repeat: no-repeat;
}
#entryList {
	position:absolute;
	left:85px;
	top:77px;
	width:30px;
	height:30px;
	z-index:9;
	background-image: url(../images/tooltips/tooltip02.png);
	background-repeat: no-repeat;
}
#dlLogo {
	position:absolute;
	left:279px;
	top:55px;
	width:30px;
	height:30px;
	z-index:8;
	background-image: url(../images/tooltips/tooltip03.png);
	background-repeat: no-repeat;
}
#skins {
	position:absolute;
	left:472px;
	top:43px;
	width:30px;
	height:30px;
	z-index:7;
	background-image: url(../images/tooltips/tooltip04.png);
	background-repeat: no-repeat;
}
#search {
	position:absolute;
	left:600px;
	top:27px;
	width:30px;
	height:30px;
	z-index:6;
	background-image: url(../images/tooltips/tooltip05.png);
	background-repeat: no-repeat;
}
#wrench {
	position:absolute;
	left:682px;
	top:95px;
	width:30px;
	height:30px;
	z-index:5;
	background-image: url(../images/tooltips/tooltip06.png);
	background-repeat: no-repeat;
}
#plus {
	position:absolute;
	left:707px;
	top:226px;
	width:30px;
	height:30px;
	z-index:4;
	background-image: url(../images/tooltips/tooltip07.png);
	background-repeat: no-repeat;
}
#mainText {
	position:absolute;
	left:465px;
	top:349px;
	width:30px;
	height:30px;
	z-index:3;
	background-image: url(../images/tooltips/tooltip06.png);
	background-repeat: no-repeat;
}
#fonts {
	position:absolute;
	left:259px;
	top:250px;
	width:30px;
	height:30px;
	z-index:3;
	background-image: url(../images/tooltips/tooltip08.png);
	background-repeat: no-repeat;
}
#alarmOnOff {
	position:absolute;
	left:206px;
	top:518px;
	width:30px;
	height:30px;
	z-index:2;
	background-image: url(../images/tooltips/tooltip09.png);
	background-repeat: no-repeat;
}
#quickLock {
	position:absolute;
	left:485px;
	top:470px;
	width:30px;
	height:30px;
	z-index:2;
	background-image: url(../images/tooltips/tooltip11.png);
	background-repeat: no-repeat;
}
#alarmSetDone {
	position:absolute;
	left:59px;
	top:521px;
	width:30px;
	height:30px;
	z-index:1;
	background-image: url(../images/tooltips/tooltip10.png);
	background-repeat: no-repeat;
}
/*end entry tooltips*/
/*begin browse tooltips*/
#hands
{
	position:absolute;
	left:389px;
	top:264px;
	width:30px;
	height:30px;
	z-index:3;
	background-image: url(../images/tooltips/tooltip01.png);
	background-repeat: no-repeat;
}
#tones{
	position:absolute;
	left:239px;
	top:435px;
	width:30px;
	height:30px;
	z-index:4;
	background-image: url(../images/tooltips/tooltip02.png);
	background-repeat: no-repeat;
}
#ampm{
	position:absolute;
	left:473px;
	top:431px;
	width:30px;
	height:30px;
	z-index:4;
	background-image: url(../images/tooltips/tooltip03.png);
	background-repeat: no-repeat;
}
#dlDone{
	position:absolute;
	left:283px;
	top:507px;
	width:30px;
	height:30px;
	z-index:5;
	background-image: url(../images/tooltips/tooltip05.png);
	background-repeat: no-repeat;
}
#onOff{
	position:absolute;
	left:485px;
	top:509px;
	width:30px;
	height:30px;
	z-index:5;
	background-image: url(../images/tooltips/tooltip04.png);
	background-repeat: no-repeat;
}
/*end display tooltips*/
/*start entry tooltips*/
#titleEntry {
	position:absolute;
	left:453px;
	top:15px;
	width:30px;
	height:30px;
	z-index:18;
	background-image: url(../images/tooltips/tooltip01.png);
	background-repeat: no-repeat;
}
#highlightEntry {
	position:absolute;
	left:453px;
	top:60px;
	width:30px;
	height:30px;
	z-index:18;
	background-image: url(../images/tooltips/tooltip02.png);
	background-repeat: no-repeat;
}
#source {
	position:absolute;
	left:453px;
	top:104px;
	width:30px;
	height:30px;
	z-index:16;
	background-image: url(../images/tooltips/tooltip03.png);
	background-repeat: no-repeat;
}
#cancelDone {
	position:absolute;
	left:453px;
	top:147px;
	width:30px;
	height:30px;
	z-index:17;
	background-image: url(../images/tooltips/tooltip04.png);
	background-repeat: no-repeat;
}
#categories {
	position:absolute;
	left:453px;
	top:190px;
	width:30px;
	height:30px;
	z-index:15;
	background-image: url(../images/tooltips/tooltip05.png);
	background-repeat: no-repeat;
}
#calories {
	position:absolute;
	left:453px;
	top:234px;
	width:30px;
	height:30px;
	z-index:14;
	background-image: url(../images/tooltips/tooltip06.png);
	background-repeat: no-repeat;
}
#picEntry {
	position:absolute;
	left:453px;
	top:278px;
	width:30px;
	height:30px;
	z-index:13;
	background-image: url(../images/tooltips/tooltip07.png);
	background-repeat: no-repeat;
}
#pic {
	position:absolute;
	left:323px;
	top:700px;
	width:30px;
	height:30px;
	z-index:15;
	background-image: url(../images/tooltips/tooltip19.png);
	background-repeat: no-repeat;
}
#cart {
	position:absolute;
	left:13px;
	top:697px;
	width:30px;
	height:30px;
	z-index:14;
	background-image: url(../images/tooltips/tooltip11.png);
	background-repeat: no-repeat;
}
#bookmark {
	position:absolute;
	left:55px;
	top:696px;
	width:30px;
	height:30px;
	z-index:14;
	background-image: url(../images/tooltips/tooltip12.png);
	background-repeat: no-repeat;
}
#highlight {
	position:absolute;
	left:99px;
	top:698px;
	width:30px;
	height:30px;
	z-index:13;
	background-image: url(../images/tooltips/tooltip13.png);
	background-repeat: no-repeat;
}
#about {
	position:absolute;
	left:141px;
	top:698px;
	width:30px;
	height:30px;
	z-index:14;
	background-image: url(../images/tooltips/tooltip14.png);
	background-repeat: no-repeat;
}
#notes {
	position:absolute;
	left:176px;
	top:700px;
	width:30px;
	height:30px;
	z-index:14;
	background-image: url(../images/tooltips/tooltip15.png);
	background-repeat: no-repeat;
}
#add {
	position:absolute;
	left:213px;
	top:701px;
	width:30px;
	height:30px;
	z-index:14;
	background-image: url(../images/tooltips/tooltip16.png);
	background-repeat: no-repeat;
}
#viewList {
	position:absolute;
	left:251px;
	top:698px;
	width:30px;
	height:30px;
	z-index:14;
	background-image: url(../images/tooltips/tooltip17.png);
	background-repeat: no-repeat;
}
#settings {
	position:absolute;
	left:288px;
	top:698px;
	width:30px;
	height:30px;
	z-index:14;
	background-image: url(../images/tooltips/tooltip18.png);
	background-repeat: no-repeat;
}
#servings {
	position:absolute;
	left:279px;
	top:162px;
	width:30px;
	height:30px;
	z-index:12;
	background-image: url(../images/tooltips/tooltip08.png);
	background-repeat: no-repeat;
}
#prep {
	position:absolute;
	left:312px;
	top:191px;
	width:30px;
	height:30px;
	z-index:11;
	background-image: url(../images/tooltips/tooltip09.png);
	background-repeat: no-repeat;
}
#total {
	position:absolute;
	left:286px;
	top:224px;
	width:30px;
	height:30px;
	z-index:10;
	background-image: url(../images/tooltips/tooltip10.png);
	background-repeat: no-repeat;
}
#bookmarkEntry {
	position:absolute;
	left:593px;
	top:307px;
	width:30px;
	height:30px;
	z-index:9;
	background-image: url(../images/tooltips/tooltip11.png);
	background-repeat: no-repeat;
}
#cartEntry {
	position:absolute;
	left:578px;
	top:236px;
	width:30px;
	height:30px;
	z-index:8;
	background-image: url(../images/tooltips/tooltip12.png);
	background-repeat: no-repeat;
}
#ratingsEntry {
	position:absolute;
	left:589px;
	top:146px;
	width:30px;
	height:30px;
	z-index:7;
	background-image: url(../images/tooltips/tooltip13.png);
	background-repeat: no-repeat;
}
#ingredEntry {
	position:absolute;
	left:166px;
	top:329px;
	width:30px;
	height:30px;
	z-index:6;
	background-image: url(../images/tooltips/tooltip14.png);
	background-repeat: no-repeat;
}
#directions {
	position:absolute;
	left:425px;
	top:340px;
	width:30px;
	height:30px;
	z-index:5;
	background-image: url(../images/tooltips/tooltip15.png);
	background-repeat: no-repeat;
}
#prevNext {
	position:absolute;
	left:142px;
	top:431px;
	width:30px;
	height:30px;
	z-index:4;
	background-image: url(../images/tooltips/tooltip16.png);
	background-repeat: no-repeat;
}
#showHide {
	position:absolute;
	left:492px;
	top:429px;
	width:30px;
	height:30px;
	z-index:3;
	background-image: url(../images/tooltips/tooltip17.png);
	background-repeat: no-repeat;
}
#keyboard {
	position:absolute;
	left:302px;
	top:498px;
	width:30px;
	height:30px;
	z-index:17;
	background-image: url(../images/tooltips/tooltip18.png);
	background-repeat: no-repeat;
}
#recipeCard{
	position:absolute;
	left:590px;
	top:565px;
	width:30px;
	height:30px;
	z-index:9;
	background-image: url(../images/tooltips/tooltip06.png);
	background-repeat: no-repeat;
}
#bookmarkBrowse{
	position:absolute;
	left:538px;
	top:576px;
	width:30px;
	height:30px;
	z-index:7;
	background-image: url(../images/tooltips/tooltip07.png);
	background-repeat: no-repeat;
}
#cartBrowse{
	position:absolute;
	left:636px;
	top:584px;
	width:30px;
	height:30px;
	z-index:6;
	background-image: url(../images/tooltips/tooltip08.png);
	background-repeat: no-repeat;
}
#addBrowse{
	position:absolute;
	left:344px;
	top:702px;
	width:30px;
	height:30px;
	z-index:5;
	background-image: url(../images/tooltips/tooltip09.png);
	background-repeat: no-repeat;
}
#listBrowse{
	position:absolute;
	left:389px;
	top:703px;
	width:30px;
	height:30px;
	z-index:4;
	background-image: url(../images/tooltips/tooltip10.png);
	background-repeat: no-repeat;
}
#printBrowse{
	position:absolute;
	left:437px;
	top:703px;
	width:30px;
	height:30px;
	z-index:3;
	background-image: url(../images/tooltips/tooltip11.png);
	background-repeat: no-repeat;
}
#email{
	position:absolute;
	left:485px;
	top:704px;
	width:30px;
	height:30px;
	z-index:3;
	background-image: url(../images/tooltips/tooltip12.png);
	background-repeat: no-repeat;
}
/*end browse tooltips*/
/*begin shopping list tooltips*/
#clear{
	position:absolute;
	left:380px;
	top:267px;
	width:30px;
	height:30px;
	z-index:2;
	background-image: url(../images/tooltips/tooltip01.png);
	background-repeat: no-repeat;
}
#uncross{
	position:absolute;
	left:402px;
	top:292px;
	width:30px;
	height:30px;
	z-index:3;
	background-image: url(../images/tooltips/tooltip02.png);
	background-repeat: no-repeat;
}
#emailShList{
	position:absolute;
	left:486px;
	top:315px;
	width:30px;
	height:30px;
	z-index:4;
	background-image: url(../images/tooltips/tooltip03.png);
	background-repeat: no-repeat;
}
#printShList{
	position:absolute;
	left:520px;
	top:338px;
	width:30px;
	height:30px;
	z-index:5;
	background-image: url(../images/tooltips/tooltip04.png);
	background-repeat: no-repeat;
}
#editShList{
	position:absolute;
	left:275px;
	top:374px;
	width:30px;
	height:30px;
	z-index:6;
	background-image: url(../images/tooltips/tooltip05.png);
	background-repeat: no-repeat;
}
#cross{
	position:absolute;
	left:202px;
	top:533px;
	width:30px;
	height:30px;
	z-index:7;
	background-image: url(../images/tooltips/tooltip06.png);
	background-repeat: no-repeat;
}
#actionShList{
	position:absolute;
	left:279px;
	top:676px;
	width:30px;
	height:30px;
	z-index:8;
	background-image: url(../images/tooltips/tooltip07.png);
	background-repeat: no-repeat;
}
#viewCards{
	position:absolute;
	left:104px;
	top:679px;
	width:30px;
	height:30px;
	z-index:9;
	background-image: url(../images/tooltips/tooltip08.png);
	background-repeat: no-repeat;
}
/*end shopping list tooltips*/
/*begin settings tooltips*/
#done{
	position:absolute;
	left:514px;
	top:38px;
	width:30px;
	height:30px;
	z-index:7;
	background-image: url(../images/tooltips/tooltip01.png);
	background-repeat: no-repeat;
}
#restore{
	position:absolute;
	left:415px;
	top:90px;
	width:30px;
	height:30px;
	z-index:6;
	background-image: url(../images/tooltips/tooltip02.png);
	background-repeat: no-repeat;
}
#grippers{
	position:absolute;
	left:523px;
	top:182px;
	width:30px;
	height:30px;
	z-index:5;
	background-image: url(../images/tooltips/tooltip03.png);
	background-repeat: no-repeat;
}
#subcategories{
	position:absolute;
	left:62px;
	top:352px;
	width:30px;
	height:30px;
	z-index:4;
	background-image: url(../images/tooltips/tooltip04.png);
	background-repeat: no-repeat;
}
#ratingsSettings{
	position:absolute;
	left:510px;
	top:425px;
	width:30px;
	height:30px;
	z-index:7;
	background-image: url(../images/tooltips/tooltip05.png);
	background-repeat: no-repeat;
}
#editConfirm{
	position:absolute;
	left:513px;
	top:491px;
	width:30px;
	height:30px;
	z-index:8;
	background-image: url(../images/tooltips/tooltip06.png);
	background-repeat: no-repeat;
}
#printImages {
	position:absolute;
	left:406px;
	top:561px;
	width:30px;
	height:30px;
	z-index:9;
	background-image: url(../images/tooltips/tooltip07.png);
	background-repeat: no-repeat;
}
#rateApp {
	position:absolute;
	left:517px;
	top:632px;
	width:30px;
	height:30px;
	z-index:9;
	background-image: url(../images/tooltips/tooltip08.png);
	background-repeat: no-repeat;
}
#switch{
	position:absolute;
	left:261px;
	top:692px;
	width:30px;
	height:30px;
	z-index:9;
	background-image: url(../images/tooltips/tooltip09.png);
	background-repeat: no-repeat;
}

/*end settings tooltips*/

/*begin tooltip architechture*/
.info{
	position:relative; /*this is the key*/
	z-index:100;
	color:#000;
	text-decoration:none;
	display: block;
	visibility: visible;
}

.info:hover{
	z-index:200;
}

.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	position:absolute;
	left:-86px;
	width:180px;
	color:#000;
	text-align: left;
	z-index: 200;
	bottom: 27px;
	background: url(../images/tooltips/tooltipBkgd2.png) no-repeat left bottom;
	padding: 10px 10px 35px 10px;
	overflow: hidden;
}
.infoLeft{
	position:relative; /*this is the key*/
	z-index:100;
	color:#000;
	text-decoration:none;
	display: block;
	visibility: visible;
}

.infoLeft:hover{
	z-index:200;
}

.infoLeft span{display: none}

a.infoLeft:hover span{ /*the span will display just on :hover state*/
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	position:absolute;
	left:-220px;
	top:-16px;
	width:175px;
	color:#000;
	text-align: left;
	z-index: 200;
	background: url(../images/tooltips/tooltipBkgd3.png) no-repeat right top;
	padding: 10px 35px 10px 10px;
	overflow: hidden;
}
.infoRight{
	position:relative; /*this is the key*/
	z-index:100;
	color:#000;
	text-decoration:none;
	display: block;
	visibility: visible;
}

.infoRight:hover{
	z-index:200;
}

.infoRight span{display: none}

a.infoRight:hover span{ /*the span will display just on :hover state*/
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	position:absolute;
	left:-45px;
	bottom:28px;
	width:140px;
	color:#000;
	text-align: left;
	z-index: 200;
	background: url(../images/tooltips/tooltipBkgd2.png) no-repeat right bottom;
	padding: 10px 10px 35px 10px;
	overflow: hidden;
}
.infoTop{
	position:relative; /*this is the key*/
	z-index:100;
	color:#000;
	text-decoration:none;
	display: block;
	visibility: visible;
}

a.infoTop:hover{
	z-index:200;
}

a.infoTop span{display: none}

a.infoTop:hover span{ /*the span will display just on :hover state*/
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	position:absolute;
	left:-86px;
	width:180px;
	color:#000;
	text-align: left;
	z-index: 300;
	top: 27px;
	padding: 35px 10px 10px 10px;
	background: url(../images/tooltips/tooltipBkgd.png) no-repeat left top;
	overflow: hidden;
}

.screenShot {
	z-index: 0;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 740px;
	text-align: center;
}
.screenShot img {
	box-shadow: 0px 0px 10px 10px rgba(18,5,0,.8);	
}
/*return to the table of contents*/
.returnTop {
	padding:8px 5px 5px 5px;
	font-size: 0.8em;
	clear: both;
	float: left;
	margin: 15px;
	background-color: #3E100C;
	text-shadow: #000 0px 2px 1px;
	border-top: 1px solid #4D120E;
	border-right: 1px solid #4D120E;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
/*end return to the table of contents*/