@charset "UTF-8";
/*
***********************
	PAGE STUFF
***********************
*/

#title {
	position:absolute;
	top: 60px;
	left: 56px;
}

#su_title {
	position:absolute;
	top:-60px;
	left:20px;
}

#chart-smartphone {
	position: absolute;
	top: 34px;
	left: 373px;
}
#chart-text {
	position: absolute;
	top: 36px;
	left: 370px;
}

#promo-disclaimer {
	position: absolute;
	top: 480px;
	left: 570px;
	font-size: 9px;
	color: #fff;
}
img.shopping-button {
	position: absolute;
	top: 300px;
	left: 100px;
}
/********************
	BOTTOMBAR
*********************/

#bottombar {
	position: absolute;
	top: 500px;
	left: 20px;
	background: url(img/bg-bottombar.png) no-repeat top left;
	width: 917px;
	height: 151px;
	margin: 0;
	padding: 0;
}
#bottombar_long {
	position: absolute;
	top: 655px;
	left: 20px;
	background: url(img/bg-bottombar.png) no-repeat top left;
	width: 917px;
	height: 151px;
	margin: 0;
	padding: 0;
}
#bottombar_long2 {
	position: absolute;
	top: 623px;
	left: 20px;
	background: url(img/bg-bottombar.png) no-repeat top left;
	width: 917px;
	height: 151px;
	margin: 0;
	padding: 0;
}
.bottompromo-intro {
	float: left;
	display: inline; 
	width: 360px;
	padding: 12px 0 0 30px;
}
.bottompromo-intro h2 {
	font-size: 2.0em;
	color: #333;
	line-height: 100%;
}
.bottompromo {
	float: left;
	display: inline; 
	width: 255px;
	margin-top: 12px;
	padding: 0;
}
.bottompromo h3 {
	font-size: 1.8em;
	color: #333;
	font-weight: normal;
}
.bottompromo img {
	float: left;
	margin: 0;
	padding: 0 0 0 12px;
	vertical-align: bottom;
}
.bottompromo-copy {
	float: left;
	display: inline;
	width: 130px;
	margin: 0 0 0 15px;
	padding: 0;
}

.bottompromo-copy img {
	float: none;
	padding: 0 0 5px 0;
}
.bottompromo-copy p.smalltext {
	font-size: 9px;
	color: #666;
}
.bottompromo h3 {
	font-size: 1.6em;
}
.bottompromo p {
	line-height: 120%;
}
.border {
	height: 118px;
	border-right: 1px solid #ccc;
}



#bottombar2 {
	position: absolute;
	top: 615px;
	left: 20px;
	background: url(img/bg-bottombar.png) no-repeat top left;
	width: 917px;
	height: 151px;
	margin: 0;
	padding: 0;
}
.bottompromo2 {
	float: left;
	display: inline; 
	width: 300px;
	margin-top: 20px;
	padding: 0;
	line-height: 120%;
}
.bottompromo2 img {
	float: right;
	margin: 0;
	padding: 0 12px 0 0;
	vertical-align: top;
}
.bottompromo2-copy {
	float: left;
	display: inline;
	width: 168px;
	margin: 0;
	padding: 0 0 0 30px;
}
.bottompromo2 h3 {
	font-size: 1.6em;
}
.bottompromo2 p {
	line-height: 120%;
}





/********************
	HIDDEN DROID
*********************/

#hidden_droid {
	position:absolute;
	top:694px;
	left:937px;
}