@import url('page.css');


* {
	margin: 0px;
	padding: 0px;
}

a {
	color: #007AC2;
	font-size: 12px;
	text-decoration: none;
	outline: none;
}

img {
	border: 0px;
}

span.access {
	display: none;
}

.white {
	color: white !important;
}

span.red {
	color: red !important;
}

span.purple {
	color: #D4145A !important;
}

div.status {
	color: #666666;
	margin-top: 10px;
	text-align: right;
}

div#success_res {
	padding-bottom: 200px;
}

.nomargin {
	margin: 0px !important;
}

.no_margin_right {
	margin-right: 0px !important;
}

.no_margin_top {
	margin-top: 0px !important;
}

.no_padding_bottom {
	padding-bottom: 0px !important;
}

.no_bg {
	background: none !important;
}

.left {
	float: left;
}

.right {
	float: right;
}

.purple{color:#CE255B;}
.error{color:#eee;font-size:11px;}
.error2{color:#f00;font-size:11px;}
.success{color:#0f0;}
.hide{display:none;}


/**************************
		LAYOUT
**************************/

body {
	background: #e86887 url('../images/bg_jelly.jpg') center top repeat-x;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*** outer ***/
div#outer {
	width: 999px;
	margin: 0 auto;
	padding: 25px 0px 20px 0px;
	
	position: relative;
}

div#logo_wrap {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
}

a#btn_bertie_s_friends {
    position: absolute;
    top: 3px;
    right: 255px;
    z-index: 50;
}

a#btn_grown_ups {
	position: absolute;
	top: 7px;
	right: 190px;
	z-index: 50;
}

a#btn_volume {
	position: absolute;
	top: 7px;
	right: 130px;
	z-index: 50;
}

a#btn_song {
	position: absolute;
	top: 7px;
	right: 70px;
	z-index: 50;
}

#btn_sound_off{display:none;}

/*** inner ***/
div.inner {
	width: 946px;
	margin: 0 auto;
	padding-top: 43px;
}

div.content {
	width: 890px;
	overflow: hidden;
	padding: 0px 28px 20px 28px;
}

div#left {
	width: 150px;
	padding-top: 30px;
}

div#right {
	width: 725px;
}

div#bg_inner_top {
	width: 725px;
	padding-top: 9px;
}

div#bg_inner_bottom {
	width: 725px;
	padding-bottom: 9px;
}


/****************************
	JELLY FLAVOURS SECTION
****************************/

div#jelly_flavours_inner {
	background: transparent url('../images/bg_blue_top.png') left top no-repeat;
	position: relative;
}

div#jelly_flavours_content {
	background: url('../images/bg_blue.png') left top no-repeat;
	height: 510px;
}

div#jelly_flavours_content div#bg_inner_top {
	background: url('../images/bg_inner_blue_top.gif') no-repeat;
}

div#jelly_flavours_content div#bg_inner_bottom {
	background: #F2F2F2 url('../images/bg_inner_blue_bottom.gif') bottom no-repeat;
	height: 470px;
}


/**************************
	PLAY GAMES SECTION
**************************/

div#play_games_inner {
	background: transparent url('../images/bg_orange_top.png') left top no-repeat;
}

div#play_games_content {
	background: url('../images/bg_orange.png') left top no-repeat;
	height: 510px;
}

div#play_games_content div#bg_inner_top {
	background: url('../images/bg_inner_orange_top.gif') no-repeat;
}

div#play_games_content div#bg_inner_bottom {
	background: #d1edf9 url('../images/bg_inner_orange_bottom.gif') bottom no-repeat;
	height: 470px;
}


/*******************************
	COOL DOWNLOADS SECTION
*******************************/

div#cool_downloads_inner {
	background: transparent url('../images/bg_red_top.png') left top no-repeat;
}

div#cool_downloads_content {
	background: url('../images/bg_red.png') left top no-repeat;
	height: 510px;
}

div#cool_downloads_content div#bg_inner_top {
	background: url('../images/bg_inner_red_top.gif') no-repeat;
}

div#cool_downloads_content div#bg_inner_bottom {
	background: #F2F2F2 url('../images/bg_inner_red_bottom.gif') bottom no-repeat;
	height: 470px;
}


/*******************************
	PARTY INVITES SECTION
*******************************/

div#party_invites_inner {
	background: transparent url('../images/bg_green_top.png') left top no-repeat;
}

div#party_invites_content {
	background: url('../images/bg_green.png') left top no-repeat;
	height: 510px;
}

div#party_invites_content div#bg_inner_top {
	background: url('../images/bg_inner_green_top.gif') no-repeat;
}

div#party_invites_content div#bg_inner_bottom {
	background: #F2F2F2 url('../images/bg_inner_green_bottom.gif') bottom no-repeat;
	height: 470px;
}


/****************************
	CONTACT SECTION
****************************/

div#contact_inner {
	background: transparent url('../images/bg_purple_top.png') left top no-repeat;
	position: relative;
}

div#contact_content {
	background: url('../images/bg_purple.png') left top no-repeat;
	height: 510px;
}

div#contact_content div#bg_inner_top {
	background: url('../images/bg_inner_purple_top.gif') no-repeat;
}

div#contact_content div#bg_inner_bottom {
	background: #F2F2F2 url('../images/bg_inner_purple_bottom.gif') bottom no-repeat;
	height: 470px;
}


/****************************
	CONTENT SECTION
****************************/

div#content_inner {
	background: transparent url('../images/bg_green_top.png') left top no-repeat;
}

div#content_content {
	background: url('../images/bg_green.png') left top no-repeat;
	height: 510px;
}

div#content_content div#bg_inner_top {
	background: url('../images/bg_inner_green_top.gif') no-repeat;
}

div#content_content div#bg_inner_bottom {
	background: #F2F2F2 url('../images/bg_inner_green_bottom.gif') bottom no-repeat;
	height: 470px;
}


/**************************
			NAV
**************************/

ul#nav {
	width: 150px;
}

ul#nav li {
	background: url('../images/list_line.png') left top no-repeat;
	list-style: none;
	padding-top: 8px;
	padding-bottom: 5px;
	
	position: relative;
}

ul#nav li ul {
	padding-left: 13px;
	*padding-left: 15px;
}

ul#nav li ul li {
	color: #ffffff;
	padding: 0px;
	background: none;
}

ul#nav li ul li.current {
	list-style: outside;
	list-style-type: disc;
}

ul#nav li ul li a {
	color: #ffffff;
}

img#pic_jelly_flavours {
	display: block;
	margin-left: 20px;
}

img#pic_play_games {
	display: list-item;
	margin-left: 30px;
}

img#pic_cool_downloads {
	display: block;
	margin-left: 20px;
}

img#pic_party_invites {
	display: block;
	margin-left: 10px;
}

img.cate_text {
	margin-bottom: 2px;
}

img.btn_go {
	position: absolute;
	bottom: 0px;
	right: 0px;
}


/**************************
		FOOTER
**************************/

div#footer {
	width: 919px;
	overflow: hidden;
	color: #ffffff;
	font-size: 11px;
	
	position: absolute;
	left: 40px;
	bottom: 30px;
	z-index: 50;
}

div#footer a {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}


/************************
		POPUP
************************/

#popup_song_list{
	width:224px;
	height:129px;
	position:absolute;
	left:640px;
	top:10px;
	z-index:50;
	display:none;
}
#popup_song_list .popup_wrapper{
	position:relative;
}
#popup_song_list_bg{
	position:absolute;
	left:0px;
	top:0px;
	width:224px;
	height:129px;
	background:url('../images/songs.png') left top no-repeat;
}
#popup_song_list .popup_wrapper ul{
	position:absolute;
	left:40px;
	top:17px;
	list-style-type:none;
}
#popup_song_list .popup_wrapper ul li{
	line-height:24px;
}
#popup_song_list .popup_wrapper ul li a {
	color: #fff;
	font-size: 11px;
}
#popup_sign_up_container{
	width:711px;
	height:477px;
	overflow:hidden;
	position:relative;
}
#popup_sign_up_bg{
	width:581px;
	height:347px;
	padding:130px 0px 0px 130px;
	position:absolute;
	left:0px;
	top:0px;
	background:url('../images/sign_up_bg.png') left top no-repeat;
}
#popup_suggest_flavour_bg{
	width:581px;
	height:347px;
	padding:130px 0px 0px 130px;
	position:absolute;
	left:0px;
	top:0px;
	background:url('../images/suggest_flavour_bg.png') left top no-repeat;
}
#popup_sign_up{
	width:581px;
	height:347px;
	padding:130px 0px 0px 130px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:50;
}
#form_close{
	width:55px;
	height:55px;
	position:absolute;
	right:0px;
	top:20px;
	display:block;
}
div.popup_form{
	width:100%;
	overflow:hidden;
	position:relative;
}
div.popup_form div{
	float:left;
	padding-bottom:8px;
	width:100%;
	overflow:hidden;
}
div.popup_form label{
	display:block;
	text-align:left;
	color:#fff;
	font-size:13px;
	padding-bottom:3px;
}
div.popup_form label.small{
	font-size:11px;
}
div.popup_form .text{
	background-color:#fff;
	border:none;
	width:100px;
}
div.popup_question{
	width:169px;
	height:91px;
	overflow:hidden;
	color:#fff;
	background:url('../images/popup_question_bg.png') left top no-repeat;
	padding:20px 20px 15px 25px;
	position:absolute;
	top:40px;
	left:430px;
	font-size:11px;
	z-index:1000;
	display:none;
}
div.question{
	width:169px;
	height:91px;
	overflow:hidden;
	color:#fff;
	background:url('../images/popup_question_bg.png') left top no-repeat;
	padding:20px 20px 15px 25px;
	position:absolute;
	top:220px;
	left:660px;
	font-size:11px;
	z-index:1000;
	display:none;
}




/* new product layout */
div#answers_page_bottom .product{
	float:left;
	padding:0px 0px 2px 0px;
	margin:0px 0 20px 0px;
	text-align:left;
}

div#answers_page_bottom .original{
    width:105px;
    height:95px;
    overflow:hidden;
    margin: 0 0 0 10px;
    margin-bottom:0px;
}

div#answers_page_bottom .original a{
    padding-left:10px;
		display: block;
}

div#answers_page_bottom .wrapper_original{
    width:122px;
    height:70px;
    overflow:hidden;
    margin-bottom:1px;
}
div#answers_page_bottom .wrapper_original img {
	margin: 0;
}

div#answers_page_bottom .last{
	clear: left;
}

.clear { clear: both; display: block;  }

#overlay { position: absolute; top: 140px; right: 60px; z-index: 500;}