/* @override http://cremeapp:8888/creme.css */

/* @group Header navbar */

.hdr {
	height: 20px;

	background: #aaaaaa;
    border-bottom: 1px solid #ccc;

}


/* @end */

/* @group Containers */

body {
	background-color: #ffffe8;
}

.outerContainer {
	width:980px;
	margin: 0 auto;
	padding: 0 10px;
}

.hide {
	display: none;
}

/* @end */

/* @group Lead and body copy */

.lead, h1 {
	letter-spacing: -1px;
	line-height: 50px;
	font-size: 40px;
	font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Verdana, Arial, sans-serif;
	margin-bottom:0;
}

h1 {
	margin: 40px 0 0;	
}

h1 a {
	color: #222;
	text-decoration: none;
}

h1 a:hover {
	text-decoration: underline;
}

.lead1, h1 {
	color: #7f7f83;
}

.lead1 {
	margin-top:130px;	
}

.lead2 {
	color: #996600;
	font-weight: bold;
}

.lead3 {
	color: #cc9900;
	font-weight: bold;
	margin-bottom:30px;
}

.note {
	margin-top:110px;
	font-style: italic;
	font-weight: bold;
	line-height: 20px;
	font-size: 11px;
	color: #666666;
	opacity:0.5;
}

.noteGuide {
	font-style: normal;
	font-weight: normal;
}

.noteStar {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
}

.whatsInIt {
	font-weight: bold;
	color: #cc9900;
	letter-spacing: -1px;
	line-height: 25px;
	font-size: 20px;
	margin-top:60px;
	margin-bottom:20px;
}

.featureTitle {
margin-bottom: 0px;
font-weight: bold;
color: #1f1f1f;
line-height: 20px;
font-size: 11px;
font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Verdana, Arial, sans-serif;
}

.featureCopy, .from, .hdr, .my {
font-family: "Lucida Grande", LucidaGrande, "Helvetica Neue", HelveticaNeue, Helvetica, Verdana, Arial, sans-serif;
color: #1f1f1f;
line-height: 20px;
font-size: 11px;
}

.featureCopy, .from {
	padding-right: 10px;
}

.featureCopy {
margin-bottom:20px;
}

 .featureCopyTiny {
    font-size: 7px;
    line-height: 11px;
}

 .featureCopyBig {
    font-size: 15px;
    line-height: 11px;
}

.from {
margin-bottom:0px;
}

.from a, .my a {
text-decoration: none;
color:#1f1f1f;
font-weight:bold;
}

.from a:hover, .my a:hover {
text-decoration: underline;

}

.hdr, .hdr a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

.hdr a.selected {
	font-weight: bold;
}

.hdr a:hover {
	text-decoration: underline;
}

.deleteDataContainer {
    display:none;
}

/* @end */

/* @group Phone pictures and big navigation buttons */

.phone {
	background-image: url(i/phoneBg.png);
	height: 700px;
	margin-bottom:20px;
}

.getCremeBtn, .nextBtn {
	margin-left:-10px;
}

.imgLink {
	outline:medium none;
}

.previousNext {
	display: none;
}

.btnInactive {
	opacity: 0.4;
}

.screenPlaceHolder {
	height: 480px;
	width: 320px;
	top: 19px;
	left: 70px;
	position: relative;
	overflow: hidden;
	cursor:pointer;
}

.deleteAllMyData {
    background-image: url('i/deleteBg.png');
    height:60px;
    width:230px;
    text-indent: -9999px;
    cursor: pointer;
}

.deleteAllMyData:hover {
    background-position: 0px -60px;
}

.deleteAllMyData:active {
    background-position: 0px -120px;
}

/* @end */

/* @group Copyright, separator */

.hSep {
	width:940px;
	height:1px;
	margin-top:9px;
	margin-bottom:10px;
}

.hSepHigher {
	margin-top:14px;
	margin-bottom:15px;
}

.copyright {
font-style: italic;
line-height: 16px;
font-size: 9px;
font-family: "Lucida Grande", LucidaGrande, "Helvetica Neue", HelveticaNeue, Helvetica, Verdana, Arial, sans-serif;
color: #1f1f1f;
margin-bottom:20px;
}

.copyright a {
text-decoration: none;
color:#1f1f1f;
font-weight:bold;
}

.copyright a:hover {
text-decoration: underline;

}



/* @end */