/* CSS Document */
*
{
	padding:0px;
	margin:0px;
	border:0px none;
	text-decoration:none;
}
*:focus
{
	outline: 0;
}

html
{}
body
{
	background-color:#750715;
	background-image:url(../images/core/body_bg.png);
	background-position:top left;
	background-repeat:repeat-x;
}
/* PAUL ADDITIONS */
h1
{
	font:18px/18px arial;
	color:#cf2036;
	font-weight:bold;
	letter-spacing:-0.03em;
	padding:10px 0px 0px 0px;
}
h2
{
	font:18px/16px arial;
	font-weight:bold;
	letter-spacing:-0.03em;
	color:#000000;
	padding:10px 0px 0px 0px;
}
h3
{
	font:16px/16px arial;
	font-weight:bold;
	letter-spacing:-0.03em;
	color:#000000;
	padding:10px 0px 0px 0px;
}
h4
{
	font:16px/16px arial;
	font-weight:bold;
	letter-spacing:-0.03em;
	color:#cf2036;
	padding:10px 0px 0px 0px;
}
h4 a{
	color:#000000;
}
p
{
	font:14px/17px arial;
	/*letter-spacing:-0.03em;*/
	color:#000000;
	padding:5px 0px 10px 0px;
}

.disabled
{
	color:#B0B0B0 !important;
}
/* END PAUL ADDITIONS */

p a
{
	color:#cf2036;
	text-decoration:none;
}

p a:hover
{
	color:#cf2036;
	text-decoration:none;
}

ul.splat li{
	line-height:15px;
	margin:0 0 4px 20px;
	font:14px/17px arial;
	list-style-image:url(../images/core/splat_bullet.gif);
	list-style-type:disc;

}

ul.splat li a
{
	color:#cf2036;
	text-decoration:none;
}

ul.splat li a:hover
{
	color:#cf2036;
	text-decoration:none;
}


#content_area ul li{
	line-height:15px;
	margin:0 0 4px 20px;
	font:14px/17px arial;
	list-style-image:url(../images/core/splat_bullet.gif);
	list-style-type:disc;
	
}

#content_area ul li a
{
	color:#cf2036;
	text-decoration:none;
}

#content_area ul li a:hover
{
	color:#cf2036;
	text-decoration:none;
}




#content_area ol li{
	line-height:15px;
	margin:0 0 4px 20px;
	font:14px/17px arial;
	/*list-style-image:url(../images/core/splat_bullet.gif);
	list-style-type:disc;*/
	
}

#content_area ol li a
{
	color:#cf2036;
	text-decoration:none;
}

#content_area ol li a:hover
{
	color:#cf2036;
	text-decoration:none;
}


#site_holder
{
	margin:0pt auto;
	width:908px;
	height:100%;
}
#splash
{
	position:relative;
	width:946px;
	height:517px;
	background-image:url(../images/core/splash.jpg);
	background-repeat:no-repeat;
}
#splash_clicker
{
	position:absolute;
	left:443px;
	top:306px;
}
/* HEADER */
#header
{
	position:relative;
	height:88px;
	z-index:10;
}
#header .left
{
	float:left;
	width:13px;
	height:88px;
	background-image:url(../images/core/header_left.png);
	background-repeat:no-repeat;
	z-index:10;
}
#header .mid
{
	float:left;
	height:88px;
	width:798px;
	background-image:url(../images/core/header_mid.png);
	background-position:top left;
	background-repeat:repeat-x;
	z-index:10;
}
#header .right
{
	float:left;
	width:97px;
	height:88px;
	background-image:url(../images/core/header_right.png);
	background-repeat:no-repeat;
	z-index:10;
}
#logo
{
	margin:28px 0px 0px 23px;
	width:141px;
	height:44px;
	z-index:20;
}
/* NAV */
#main_nav
{
	height:28px;
	width:100%;
}
#main_nav .left
{
	float:left;
	width:4px;
	height:28px;
	background-image:url(../images/core/nav_left.png);
	background-repeat:no-repeat;
}
#main_nav .mid_li
{
	float:left;
	height:28px;
	width:900px;
	background-image:url(../images/core/nav_mid_li.png);
	background-position:top left;
	background-repeat:repeat-x;
}
#main_nav .mid_lo
{
	float:left;
	height:28px;
	width:900px;
	background-image:url(../images/core/nav_mid_lo.png);
	background-position:top left;
	background-repeat:repeat-x;
}
#main_nav .right
{
	float:left;
	width:4px;
	height:28px;
	background-image:url(../images/core/nav_right.png);
	background-repeat:no-repeat;
}
#main_nav ul
{
	position:relative;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px 0px 0px 32px;
}
#main_nav ul li
{
	float:left;
	margin:6px 30px 0px 0px;
}
#main_nav .mid_lo #login
{
	float:right;
	position:relative;
	height:28px;
	width:452px;
	margin:0px 23px 0px 0px;
}
#main_nav .mid_lo #login #qmark
{
	float:right;
	width:22px;
	height:22px;
	margin:3px 0px 0px 0px;
	background-image:url(../images/core/nav_qmark.png);
	background-repeat:no-repeat;
}
#main_nav .mid_lo #login #go
{
	float:right;
	width:72px;
	height:22px;
	margin:3px 4px 0px 0px;
	background-image:url(../images/core/nav_login.png);
	background-repeat:no-repeat;
}
#main_nav .mid_lo #login #pin_field
{
	position:relative;
	float:right;
	width:102px;
	height:28px;
	margin:0px 6px 0px 0px;
	background-image:url(../images/core/nav_pin_field.png);
	background-repeat:no-repeat;
}
#main_nav .mid_lo #login #pin_field input
{
	font:15px/15px arial;
	font-weight:bold;
	color:#000000;
	width:20px;
	margin:5px 0px 0px 1px;
	background-color:transparent;
	z-index:11;
	text-align:center;
}
#main_nav .mid_lo #login #pin
{
	float:right;
	width:22px;
	height:13px;
	margin:7px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/core/nav_pin.png);
	background-repeat:no-repeat;
}
#main_nav .mid_lo #login #mobile_field
{
	float:right;
	width:132px;
	height:23px;
	margin:2px 10px 0px 0px;
	padding:2px 0px 0px 5px;
	background-image:url(../images/core/nav_email_field.png);
	background-repeat:no-repeat;
}
#main_nav .mid_lo #login #mobile_field input
{
	width:126px;
	height:23px;
	background-color:transparent;
}
#main_nav .mid_lo #login #email
{
	float:right;
	width:68px;
	height:17px;
	margin:5px 4px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:url(../images/core/nav_email.png);
	background-repeat:no-repeat;
}
#main_nav .mid_li #nav_loggedin
{
	font:14px/17px arial;
	color:#FFFFFF;
}

#main_nav .mid_li #nav_loggedin a
{
	text-decoration:none;
	color:#FFFFFF;
}
#main_nav .mid_li #nav_loggedin #logout
{
	float:right;
	width:72px;
	height:22px;
	margin:3px 30px 0px 0px;
	background-image:url(../images/core/nav_logout.png);
	background-repeat:no-repeat;
}
#main_nav .mid_li #nav_loggedin #berries
{
	float:right;
	width:93px;
	height:28px;
	margin:0px 0px 0px 0px;
}
#main_nav .mid_li #nav_loggedin #berries a
{
	display:block;
	margin:5px 0px 0px 0px;
}
#main_nav .mid_li #nav_loggedin #nav_berries_img
{
	display:block;
	float:left;
	margin:0px 0px 0px 18px;
}
#main_nav .mid_li #nav_loggedin #nav_berries_amount
{
	display:block;
	float:left;
	margin:0px 0px 0px 3px;
}
#main_nav .mid_li #nav_loggedin #hello
{
	float:right;
	width:152px;
	height:23px;
	text-align:right;
	margin:5px 0px 0px 0px;
}

#sub_nav
{
	height:31px;
	width:100%;
}
#sub_nav .left
{
	float:left;
	width:13px;
	height:31px;
	background-image:url(../images/core/subnav_left.png);
	background-repeat:no-repeat;
}
#sub_nav .mid
{
	float:left;
	height:31px;
	width:882px;
	background-image:url(../images/core/subnav_mid.png);
	background-position:top left;
	background-repeat:repeat-x;
}
#sub_nav .right
{
	float:left;
	width:13px;
	height:31px;
	background-image:url(../images/core/subnav_right.png);
	background-repeat:no-repeat;
}
#sub_nav ul
{
	position:relative;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px 0px 0px 23px;
	font:bold 14px/17px arial;
}
#sub_nav ul a
{
	text-decoration:none;
	color:#cf2036;
}
#sub_nav ul li
{
	float:left;
	margin:6px 20px 0px 0px;
}
/* MAIN AREA*/
#main_area
{
	width:100%;
	position:relative;
	float:left;
	background-image:url(../images/core/mainarea_bg.png);
}
#main_area .left
{
	float:left;
	height:474px;
	width:4px;
	background-image:url(../images/core/mainarea_left.png);
}
#main_area .mid
{
	float:left;
	height:100%;
	width:900px;
}
#main_area .right
{
	float:left;
	height:474px;
	width:4px;
	background-image:url(../images/core/mainarea_right.png);
}
#main_area .mid #content_area
{
	float:left;
	width:637px;
}
#main_area .mid #sidepanel
{
	position:relative;
	height:100%;
	float:left;
	width:263px;
}
#main_area .mid #sidepanel #mediaplayer
{
	width:263px;
	height:235px;
	margin:8px 0px 0px 0px;
	/*background-image:url(../images/core/sidepanel_mediaplayer.png);
	background-repeat:no-repeat;*/
}
#main_area .mid #sidepanel #mediainfo
{
	width:180px;
	height:50px;
	margin:5px 0px 0px 51px;
	text-align:center;
}
#main_area .mid #sidepanel #mediainfo h2
{
	font:bold 16px arial;
	color:#000000;
	padding:0px;
	letter-spacing:0;
}
#main_area .mid #sidepanel #mediainfo p
{
	font:bold 12px arial;
	color:#000000;
	padding:0px;
}
#main_area .mid #sidepanel #viewthedemo
{
	margin:10px 0px 0px 58px;
	width:164px;
	height:31px;
	display:block;
}
#main_area .mid #sidepanel #joingetjam
{
	margin:6px 0px 0px 58px;
	width:164px;
	height:31px;
	display:block;
}
#main_area .mid #sidepanel #java
{
	position:absolute;
	right:40px;
	top:306px;
	width:164px;
	height:31px;
	display:block;
}
#main_area .mid #sidepanel #help
{
	position:absolute;
	right:40px;
	top:343px;
	width:164px;
	height:31px;
	display:block;
}
#main_area .mid #sidepanel #promoarea
{
	position:absolute;
	top:388px;
	right:14px;
	width:219px;
	height:80px;
	background-image:url(../images/core/sidepanel_promoarea.png);
	background-repeat:no-repeat;
}

/* GET FRESH */

#get_fresh
{
	margin:26px 0px 0px 32px;
	width:585px;
}
#get_fresh h1
{
	font:bold 24px arial;
	color:#cf2036;
	padding:0px;
	margin:0px;
}
#get_fresh #scroller_container
{
	position:relative;
	width:586px;
	margin:20px 0px 0px 0px;

	z-index:10;
}
#get_fresh #scroller_container #scroller_left
{
	position:absolute;
	display:block;
	top:15px;
	left:0px;
}
#get_fresh #scroller_container #scroller_right
{
	position:absolute;
	display:block;
	top:15px;
	right:0px;
}
#get_fresh #scroller_container #scroller_content
{
	position:absolute;
	overflow:hidden;
	width:512px;
	height:166px;
	top:0px;
	left:34px;
}
#get_fresh #scroller_container #scroller_content .scroller_item
{
	position:absolute;
	width:128px;
	height:166px;
	background-image:url(../images/core/scroller_item.png);
	background-repeat:no-repeat;
	background-position:21px 15px;
}
#get_fresh #scroller_container #scroller_content .scroller_item2
{
	position:absolute;
	width:128px;
	height:166px;
	background-image:url(../images/core/scroller_item2.png);
	background-repeat:no-repeat;
	background-position:21px 15px;
}
#get_fresh #scroller_container #scroller_content .scroller_item_preview
{
	position:absolute;
	width:76px;
	height:56px;
	top:22px;
	left:29px;
	z-index:15;
	cursor:pointer;
}
#get_fresh #scroller_container #scroller_content .swfholder
{
	position:absolute;
	width:76px;
	height:56px;
	top:22px;
	left:29px;
	z-index:5;
	cursor:pointer;
	background-repeat:no-repeat;
}
#get_fresh #scroller_container #scroller_content .scroller_item_amount
{
	position:absolute;
	font:bold 16px arial;
	color:#cf2036;
	top:85px;
	right:56px;
}
#get_fresh #scroller_container #scroller_content .scroller_item_text
{
	position:absolute;
	font:bold 11px arial;
	color:#000000;
	top:120px;
	left:0px;
	text-align:center;
	width:128px;
	ovoerflow:hidden;
}
#get_fresh #scroller_container #scroller_content #scroller_content_holder
{
	position:absolute;
	height:166px;
}
#get_fresh #scroller_focus
{
	background-image:url(../images/core/scroller_focus_bg.png);
	background-repeat:no-repeat;
	margin:0px 0px 0px 33px;
	width:526px;
	height:336px;
	position:relative;
	z-index:5;
}
#get_fresh #scroller_focus .text
{
	position:absolute;
	top:180px;
	left:24px;
	height:96px;
	width:476px;
	overflow:hidden;
}
#get_fresh #scroller_focus .text h1
{
	font:bold 18px arial;
}
#get_fresh #scroller_focus .text p
{
	font:12px arial;
	margin:0px;
}

/* GET SPENDING*/

#get_spending
{
	margin:26px 0px 0px 32px;
	width:585px;
}
#get_spending h1
{
	font:bold 24px arial;
	color:#cf2036;
	padding:0px;
	margin:0px;
}
#get_spending h2
{
	font:14px arial;
	color:#cf2036;
	padding:0px;
	margin:0px;
}
#get_spending p
{
	font:12px arial;
	color:#000000;
	padding:0px;
	margin:0px 0px 12px 0px;
}
#get_spending #featured
{
	margin:20px 0px 0px 0px;
	width:580px;
	float:left;
}
#get_spending #featured #featured_image
{
	float:left;
	width:90px;
}
#get_spending #featured #featured_text
{
	float:left;
	width:460px;
	margin:0px 0px 0px 20px;
}
#get_spending #featured #featured_cost
{
	float:left;
	height:24px;
	margin:0px 0px 0px 20px;
	font:bold 16px arial;
	color:#cf2036;
}
#get_spending #scroller_container
{
	position:relative;
	float:left;
	width:586px;
	margin:20px 0px 0px 0px;

	z-index:10;
}
#get_spending #scroller_container #scroller_left
{
	position:absolute;
	display:block;
	top:15px;
	left:0px;
}
#get_spending #scroller_container #scroller_right
{
	position:absolute;
	display:block;
	top:15px;
	right:0px;
}
#get_spending #scroller_container #scroller_content
{
	position:absolute;
	overflow:hidden;
	width:512px;
	height:166px;
	top:0px;
	left:34px;
}
#get_spending #scroller_container #scroller_content .scroller_item
{
	position:absolute;
	width:128px;
	height:166px;
	background-image:url(../images/core/scroller_item2.png);
	background-repeat:no-repeat;
	background-position:21px 15px;
}
#get_spending #scroller_container #scroller_content .scroller_item_preview
{
	position:absolute;
	width:86px;
	height:65px;
	top:18px;
	left:24px;
	z-index:15;
}
#get_spending #scroller_container #scroller_content .swfholder
{
	position:absolute;
	width:76px;
	height:56px;
	top:22px;
	left:29px;
	z-index:5;
}
#get_spending #scroller_container #scroller_content .scroller_item_amount
{
	position:absolute;
	font:bold 16px arial;
	color:#cf2036;
	top:86px;
	left:54px;
}
#get_spending #scroller_container #scroller_content .scroller_item_text
{
	position:absolute;
	font:bold 11px arial;
	color:#000000;
	top:120px;
	left:18px;
	text-align:center;
}
#get_spending #scroller_container #scroller_content #scroller_content_holder
{
	position:absolute;
	height:166px;
}
/* FOOTER AREA */
#footer
{
	position:relative;
	float:left;
	width:100%;
	height:91px;
}
#footer .left
{
	float:left;
	width:13px;
	height:91px;
	background-image:url(../images/core/footer_left.png);
	background-repeat:no-repeat;
}
#footer .mid
{
	position:relative;
	float:left;
	height:91px;
	width:882px;
	background-image:url(../images/core/footer_mid.png);
}
#footer .right
{
	float:left;
	width:13px;
	height:91px;
	background-image:url(../images/core/footer_right.png);
	background-repeat:no-repeat;
}
#footer_splat
{
	position:absolute;
	top:0px;
	left:0px;
	width:26px;
	height:104px;
	background-image:url(../images/core/footer_splat.gif);
	background-repeat:no-repeat;
}
/* REGISTRATION FORM */
#registration_form
{
	margin:16px 0px 0px 10px;
	font:13px/16px arial;
	font-weight:bold;
	letter-spacing:-0.03em;
	color:#000000;
}
#registration_form br
{
	line-height:12px;
}
#registration_form .male
{
	float:left;
	margin:8px 10px 0px 3px;
}
#registration_form .female
{
	float:left;
	margin:8px 0px 0px 3px;
}
#registration_form .text
{
	clear:both;
	margin:0px 0px 0px 3px;
}
#registration_form .red_text
{
	color:#cf2036;
	float:left;
	margin:8px 0px 0px 5px;
	cursor:pointer;
}
#friend_text
{
	margin:16px 10px 0px 0px;
	font:13px/16px arial;
	font-weight:bold;
	letter-spacing:-0.03em;
	color:#cf2036;
}
#get_registered
{
	width:146px;
	height:25px;
	background-image:url(../images/core/get_registered.gif);
	background-repeat:no-repeat;
}
.form_text
{
	position:absolute;
	width:176px;
	height:25px;
	padding:4px 0px 0px 4px;
	margin:5px 0px 0px 0px;
	background-image:url(../images/core/form_text.gif);
	background-repeat:no-repeat;
	background-color:transparent;
}
.form_checkbox
{
	float:left;
	width:26px;
	height:25px;
	margin:5px 0px 0px 0px;
	background-image:url(../images/core/form_checkbox.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	cursor:pointer;
}
.form_checkbox_checked
{
	float:left;
	width:26px;
	height:25px;
	margin:5px 0px 0px 0px;
	background-image:url(../images/core/form_checkbox_checked.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	cursor:pointer;
}
.form_dob
{
	position:relative;
	float:left;
	width:56px;
	height:25px;
	margin:5px 3px 0px 0px;
	background-image:url(../images/core/form_dob.gif);
	background-repeat:no-repeat;
	background-color:transparent;
}
.form_dob input
{
	position:absolute;
	left:14px;
	top:5px;
	width:32px;
}
.form_dob .inactive
{
	color:#e5e5e5;
}
.form_dob .active
{
	color:#000000;
}
.form_submit
{
	height:23px;
	width:118px;
	background-image:url(../images/core/form_submit.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	cursor:pointer;
}
.form_container
{
	height:50px;
	margin-top:8px;
}
.small_form_container
{
	height:42px;
	margin-top:8px;
}
.friend_form_container
{
	height:30px;
	margin-top:8px;
}
#form_error
{
	margin:10px 0px 0px 0px;
	color:#cf2036;
	font-family:arial;
	font-size:14px;
}
/* MAIN CONTENT */
.btn_left
{
	position:absolute;
	left:73px;
	bottom:15px;
}
.btn_left .inactive
{
	opacity:0.3;
	filter:alpha(opacity=30);
}
.btn_right
{
	position:absolute;
	right:74px;
	bottom:15px;
}
.btn_right .inactive
{
	opacity:0.3;
	filter:alpha(opacity=30);
}
.access
{
	display:none;
}
#ajax_container
{

}
/* DATA AGREEMENT POPUP */
#data_agreement
{
	margin:0px 10px 0px 10px;
}
#data_agreement h2
{
	color:#FFFFFF;
}
#data_agreement p
{
	color:#FFFFFF;
	font:13px arial;
	font-weight:normal;
}
#data_agreement p a
{
	color:#FFFFFF;
}
/* FOOTER */
#footer_container
{
	margin:25px 0px 0px 0px;
}
.footer_item
{
	display:inline;
	margin:0px 15px 0px 15px;
	font:13px/16px arial;
	font-weight:bold;
	letter-spacing:-0.03em;
	color:#cf2036;
}
.footer_item a
{
	color:#cf2036;
	text-decoration:none;
}

.login_error
{
	padding:65px 0px 0px 0px;
	float:right;
	font-weight:bold;
	font:13px/16px arial;
	color:#cf2036;
}


.join_field
{
	float:left;
	width:178px;
	height:23px;
	margin:2px 2px 0px 0px;
	padding:2px 0px 0px 6px;
	background-image:url(../images/core/join_field.png);
	background-repeat:no-repeat;
}

.jf_error
{
	background-image:url(../images/core/join_field_error.png);
}

.join_field input
{
	width:170px;
	height:23px;
	background-color:transparent;
}

.join_dob_field
{
	float:left;
	width:52px;
	height:23px;
	padding:2px 12px 0px 0px;
	background-image:url(../images/core/join_dob_field.png);
	background-repeat:no-repeat;
}

.dob_error
{
	background-image:url(../images/core/join_dob_field_error.png);
}

.join_dob_field input
{
	text-align:center;
	width:52px;
	height:23px;
	background-color:transparent;
	font:14px arial;
}
.join_dob_field .inactive
{
	color:#999999;
}
.join_dob_field .active
{
	color:#000000;
}

.join_title
{
	width:75px;
	color:#cf2036;
	font:14px arial;
	font-weight:bold;
}

.join_table tr td
{
	padding:0px 0px 8px 0px;
}

.join_checkbox
{
	float:left;
	width:24px;
	height:23px;
	background-image:url(../images/core/checkbox.png);
	background-repeat:no-repeat;
	background-color:transparent;
	cursor:pointer;
}

.join_checkbox_checked
{
	float:left;
	width:24px;
	height:23px;
	background-image:url(../images/core/checkbox_checked.png);
	background-repeat:no-repeat;
	background-color:transparent;
	cursor:pointer;
}

.cb_error
{
	background-image:url(../images/core/checkbox_error.png);
}

.cb_checked_error
{
	background-image:url(../images/core/checkbox_checked_error.png);
}

.join_postcode
{
	float:left;
	width:82px;
	height:23px;
	margin:2px 0px 0px 0px;
	padding:2px 0px 0px 6px;
	background-image:url(../images/core/join_postcode_field.png);
	background-repeat:no-repeat;
}

.po_error
{
	background-image:url(../images/core/join_postcode_field_error.png);
}

.join_postcode input
{
	width:70px;
	height:23px;
	background-color:transparent;
}

.join_pin
{
	float:left;
	width:46px;
	height:23px;
	margin:2px 0px 0px 0px;
	padding:2px 0px 0px px;
	background-image:url(../images/core/join_pin_field.png);
	background-repeat:no-repeat;
}

.join_pin input
{
	width:36px;
	height:23px;
	text-align:center;
	background-color:transparent;
}

.pin_error
{
	background-image:url(../images/core/join_pin_field_error.png);
}

.sex
{
	float:left;
	color:#555555;
	font:13px arial;
	font-weight:bold;
	margin:2px 0px 0px 3px;
}

#help_box
{
	position:absolute;
	width:200px;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	color:#f9f9f9;
	background-color:#CF2036;
	padding:2px 4px 4px 4px;
	text-align: justify;
	border: 1px solid #f0f0f0;
	z-index:999;
}

.short_help
{
	width:70px !important;
}