/*begin: standard styles*/
*{
	margin: 0;
	padding: 0;
}
a:link {
	color: #820505;
	text-decoration: underline; 
	outline: none;
}
a:visited {
	color: #820505;
	text-decoration: underline; 
}
a:hover {
	color: #820505;
	text-decoration: none; 
}
a:active {
	color: #820505;
	text-decoration: underline; 
}
body {
	background: url(../images/background.jpg) repeat-x left top;
	background-color: #32144e;
	color: #000000;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	margin: 0; 
	padding: 0;
	text-align: center; 
}
h1 {
	color: #224804;
	font-size: 1.7em;
	font-weight: bold;
	margin: 0 0 6px 0;
}
h2 {
	color: #224804;
	font-size: 1.4em;
	font-weight: bold;
	margin: 3px 0;
}
img{
	border: 0;
}
p{
	color: #000;
	font-size: 1.3em;
	line-height: 1.4em;
}
/*generic classes*/
.finePrint{
	font-size: 0.9em;
	font-style: italic;
}
.couponCode {
	color: #224804;
	font-weight: bold;
	font-size: 1.3em;
}
/*begin: custom styles*/
#copyright p{
	color: #f7e5ff;
	padding: 9px 0;
}
#content {
	background-color: #f0d3fc;	
	margin: 0 auto; 
	text-align: left;
	width: 780px;  	 
}
#contentContainer {
	padding: 9px 40px 50px 40px; 	
}
#contentContainerToS {
	padding: 50px; 	
}
#contentContainerToS ol,li{
	font-size: 115%; 	
}
#contentContainerToS .DDPlink{
	float: right; 	
}
#contentContainerToS h1,h2,h3{
	color: black; 	
}
#Container-bt{
	background: url(../images/background-bt.jpg) no-repeat center bottom;
	height: 471px;
	width: 100%;
}
#feature{
	background: url(../images/background-silk.jpg) no-repeat -1px bottom;
	overflow: hidden;
	padding-bottom: 15px;
}
#feature #thumbAndBtn{
	float: left;
	width: 220px;
}
#feature #gameText{
	overflow: hidden;
	padding-left: 10px;
	_padding-left: 0px; /*IE6 fix*/
	width: 468px;
}
#feature .featuredImg{
	clear: both;
	display: block;
	padding: 0 10px 0 0;
}
#feature .btnDownload, #feature .btnVideo, {
	clear: both;
	display: block;
}
#feature h2 {
	background: url(../images/title_sprite.png) no-repeat left top;
	height:44px;
	text-indent:-9999px;
}
#feature h3 {
	background: url(../images/title_sprite.png) no-repeat left -42px;
	height:44px;
	margin-top: 10px;
	text-indent:-9999px;
}
#feature #screenshots{
	overflow: hidden;
	height: 170px;
}
#feature .thumbTiny{
	float: left;
	padding: 10px 14px 10px 0;
}
#feature ul {
	padding: 9px 19px 0 19px;
}
#feature li{
	background: url(../images/background-bullet.png) no-repeat left center;
	font-size: 1.1em;
	list-style-type: none;
	margin-bottom: 7px;	
	padding-left: 15px;
}
#feature li.even{
	background: url(../images/background-bullet-light.png) no-repeat left 2px;
}
#overlay {
	display: none;
	background: url(../images/background-popup.png) no-repeat center center;
	height: 555px;
	left: 50%;	
	margin-left: -320px;
	padding-top: 19px;
	position: absolute;
	text-align: center;	
	top: 5%;
	width: 660px;
}
#overlay img{
	margin-top: 26px;
}
#overlayForm {
	display: none;
	background: url(../images/background-popupForm.png) no-repeat center center;
	height: 616px;
	left: 50%;	
	margin-left: -237px;
	padding-top: 29px;
	position: absolute;
	text-align: center;	
	top: 5%;
	width: 473px;
}
#overlayForm img{
	margin-top: 0px;
}
#overlay-small {
	background: url(../images/background-popupsmall.png) no-repeat left center;
	height: 393px;
	text-align: center;
	left: 50%;	
	margin-left: -205px;
	position: absolute;
	top: 5%;
	width: 417px;
	display: none;
}
#flashGameTop {
/*review these following 2 styles to fix all IE --3px botom problem--*/
	background: url(../images/background-flashgameTop.jpg) no-repeat center top;
	display: none;
	left: 50%;
	margin-left: -337px;
	position: absolute;
	text-align: center;
	top: 0;
	background-color: blue;
	padding: 0;
}
#flashGameTop #gameContainer{
	background: url(../images/background-flashgameTop.jpg) no-repeat center -35px;
	display: none;
	height: 455px;
	width: 674px;
}
#flashGameTop #gameContainer #game {
	height: 400px;
	margin: 0 auto;
	padding: 9px 0 0 3px;
	width: 533px;
}
#flashGameTop #gameContainer #button img{
	margin-left: 365px;
}
#flashGameCenter {
	background: url(../images/background-flashgameCenter.jpg) no-repeat 9px top;
	text-align: center;
	/*display: none;	*/
}
#flashGameCenter #gameContainer{
	background: url(../images/background-flashgameCenter.jpg) no-repeat 9px -73px;
	display: none;
	height: 456px;
}
#flashGameCenter #gameContainer #game {
	height: 400px;
	margin: 0 auto;
	padding: 18px 0 0 2px;
	width: 533px;
}
#flashGameCenter #gameContainer #button img{
	margin-left: 365px;
}
#clothingEditor {
	background: url(../images/background-clothingeditor.jpg) no-repeat right 49px;
	height: 339px;
	padding-top: 9px;
}
#clothingEditor h3{
	background: url(../images/title_sprite.png) no-repeat left -86px;
	height:44px;
	text-indent:-9999px;
}
#clothingEditor li{
	background: url(../images/background-bullet.png) no-repeat left 2px;
	font-size: 1.1em;
	list-style-type: none;
	margin: 0 0 7px 59px;
	padding-left: 15px;
	width: 315px;
}
#clothingEditor li.even{
	background: url(../images/background-bullet-light.png) no-repeat left 2px;
}
#clothingEditor p {
	padding: 9px 320px 0 45px;
}
#upsell{
	background: url(../images/background-upsell.png) no-repeat 7px 42px;
	height: 240px;
}
#upsell h3 {
	background: url(../images/title_sprite.png) no-repeat left -131px;
	height:44px;
	text-indent:-9999px;
}
#upsell .left{
	padding-right: 11px;
	margin: 9px 0 0 29px;
}
#sweepstakes{
	background: url(../images/background-sweepstakes.jpg) no-repeat center bottom;	
	clear: both;
	height: 285px;
	overflow: hidden;	
	padding-top: 9px;
}
#sweepstakes h3 {
	background: url(../images/title_sprite.png) no-repeat left -176px;
	height:44px;
	text-indent:-9999px;
}
#sweepstakes p {
	padding: 9px 320px 0 45px;
}
#sweepstakes img {
	padding: 9px 0 0 45px;
}
#wallpaper{
	background: url(../images/background-wallpaper.jpg) no-repeat 7px 50px;
	clear: both;
	height: 250px;
	overflow: hidden;	
	padding-top: 9px;
}
#wallpaper .wallpaper-thumb{
	float: left;
	padding: 29px 12px 0 0;
	width: 136px;
}
#wallpaper .first{
	padding-left: 230px;
}
#wallpaper .wallpaper-thumb img, #wallpaper .wallpaper-thumb a{
	clear: both;
	display: block;
}
#wallpaper a{
	font-size: 1.2em;
}
#wallpaper img{
	padding-bottom: 5px;
}
#wallpaper h3 {
	background: url(../images/title_sprite.png) no-repeat left -221px;	
	height: 44px;
	text-indent:-9999px;
}
#calendar{
	background: url(../images/background-calendar.jpg) no-repeat center bottom;
	clear: both;
	height: 229px;
	overflow: hidden;	
	padding-top: 9px;
}
#calendar h3 {
	background: url(../images/title_sprite.png) no-repeat left -266px;
	height:44px;
	text-indent:-9999px;
}
#calendar img{
	margin: 115px 0 0 395px;
}
#ringtone{
	background: url(../images/background-ringtone.png) no-repeat center 19px;
	clear: both;
	height: 225px;
	padding-top: 9px;
	overflow: hidden;	
}
#ringtone .rt-img  {
	height: 119px;
	margin: 23px 9px 0 0;
	width: 92px;
}
#ringtone .left{
	margin-left: 370px;
}
#ringtone #rt-instruction {
	height: 26px;
	margin: 6px 0 0 484px;
	width: 206px;
}
#ringtone h3 {
	background: url(../images/title_sprite.png) no-repeat 4px -311px;
	height: 44px;
	text-indent:-9999px;
}
#dl-instruction {
	background-color: #73399a;
	display: none;
	margin-left: 12px;
	width: 659px;
	padding: 9px;
}
#dl-instruction ol {
	color: #FFF;
	font-size: 1.2em;
	font-weight: normal;
	margin: 3px 39px;
}
#dl-instruction h3 {
	color: white;
}
#producerCorner{
	clear: both;
	padding-top: 9px;
	overflow: hidden;		
}
#producerCorner h3 {
	background: url(../images/title_sprite.png) no-repeat left -356px;
	height:44px;
	padding-bottom: 9px;
	text-indent:-9999px;
}
#producerCorner .producerCornerContent{
	padding: 0 9px;
}
#producerCorner .A{
	font-weight: bold;
}
#producerCorner #Q1{
	background: url(../images/q-1.png) no-repeat left 9px;
	float: left;
	height:219px;
	text-indent:-9999px;
	width: 238px;
}
#producerCorner #Q2{
	background: url(../images/q-2.png) no-repeat left top;
	float: left;
	height:200px;
	margin-top: 9px;
	text-indent:-9999px;
	width: 238px;
}
#producerCorner #Q3{
	background: url(../images/q-3.png) no-repeat left top;
	float: left;
	height:190px;
	margin-top: 9px;
	text-indent:-9999px;
	width: 238px;
}
#producerCorner p{
	padding: 16px 0 6px 0;
}
#producerCorner .ruler{
	border-bottom: 2px solid #e3b6df;
	clear: both;
	display: block;
	margin: 9px 0;
	padding: 9px 0;
}
#share{
	background: url(../images/background-sharethis.jpg) left top no-repeat;
	height: 218px;
	width: 780px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
#share h3{
	text-indent:-9999px;
}