@charset "utf-8";
/* CSS Document COMIC RELIEF 2009 CREATED BY SATNAAM KHERA ETV ONLINE */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#8a8c8f;
	}
	
a:link 
{
	text-decoration:none;
	color:#8a8c8f;
}
	
a:hover 
{
	text-decoration:underline ! important;
}

a:visited
{
	text-decoration:none;
	color:#8a8c8f;
}

#main_content {
	
	background:url(../images/cr_main_bg.jpg) no-repeat top;
	width:910px;
	margin-right:auto;
	margin-left:auto;
	}

#head_section {
	width:910px;
	
	}
	
#head_section img {
	margin-top:15px;
	float:left;
	}
	
#head_copy {
	float:right;
	width:200px;
	}
#head_copy p {
	float:left;
	border-left: 1px solid #8a8c8f;
	padding: 2px 10px 2px 10px;
	margin:45px 0 15px 0;
	}
#nav_pos {
	clear:right;
	float:right;
	width:545px;
	}

/* MAIN NAVIGATION STYLING  START !!!!! */

#navigation ul li {
	float: left;
	display: block;
	height: 50px;
	position: relative;
	color:#FFFFFF;
}

#navigation a:link,
#navigation a:active,
#navigation a:visited,
#navigation a:hover {
	display: block;
	height: 50px;
	line-height: 21px;
	font-size: 9px;
	color:#FFFFFF;
}

#navigation span {
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;
}

#navhomepage {
	width: 119px;
}

#navhomepage span {
	background: url(../images/cr_nav_homepage.gif) no-repeat 0px -96px;
	width: 119px;
}

#navhomepage a:link,
#navhomepage a:active,
#navhomepage a:visited,
#navhomepage a:hover {
	width: 1119px;
}

#navhomepage a:hover span,
#navhomepage a.selected:link span,
#navhomepage a.selected:visited span,
#navhomepage a.selected:active span,
#navhomepage a.selected:hover span {
	background: url(../images/cr_nav_homepage.gif) no-repeat 0px -50px;
}

/* END HOMEPAGE STYLING */

#navStep_1 {
	width: 92px;
}

#navStep_1 span {
	background: url(../images/cr_nav_step_1.gif) no-repeat 0px -100px;
	width: 92px;
}

#navStep_1 a:link,
#navStep_1 a:active,
#navStep_1 a:visited,
#navStep_1 a:hover {
	width: 92px;
}

#navStep_1 a:hover span,
#navStep_1 a.selected:link span,
#navStep_1 a.selected:visited span,
#navStep_1 a.selected:active span,
#navStep_1 a.selected:hover span {
	background: url(../images/cr_nav_step_1.gif) no-repeat 0px -50px;
}

/* END STEP 1 STYLE */


#navStep_2 {
	width: 94px;
}

#navStep_2 span {
	background: url(../images/cr_nav_step_2.gif) no-repeat 0px 0px;
	width: 94px;
}

#navStep_2 a:link,
#navStep_2 a:active,
#navStep_2 a:visited,
#navStep_2 a:hover {
	width: 94px;
}

#navStep_2 a:hover span,
#navStep_2 a.selected:link span,
#navStep_2 a.selected:visited span,
#navStep_2 a.selected:active span,
#navStep_2 a.selected:hover span {
	background: url(../images/cr_nav_step_2.gif) no-repeat 0px -50px;
}

/* END STEP 2 STYLE */

#navStep_3 {
	width: 108px;
}

#navStep_3 span {
	background: url(../images/cr_nav_step_3.gif) no-repeat 0px -100px;
	width: 108px;
}

#navStep_3 a:link,
#navStep_3 a:active,
#navStep_3 a:visited,
#navStep_3 a:hover {
	width: 108px;
}

#navStep_3 a:hover span,
#navStep_3 a.selected:link span,
#navStep_3 a.selected:visited span,
#navStep_3 a.selected:active span,
#navStep_3 a.selected:hover span {
	background: url(../images/cr_nav_step_3.gif) no-repeat 0px -50px;
}

/* END STEP 3 STYLE */

#navStep_4 {
	width: 82px;
}

#navStep_4 span {
	background: url(../images/cr_nav_step_4.gif) no-repeat 0px -100px;
	width: 82px;
}

#navStep_4 a:link,
#navStep_4 a:active,
#navStep_4 a:visited,
#navStep_4 a:hover {
	width: 82px;
}

#navStep_4 a:hover span,
#navStep_4 a.selected:link span,
#navStep_4 a.selected:visited span,
#navStep_4 a.selected:active span,
#navStep_4 a.selected:hover span {
	background: url(../images/cr_nav_step_4.gif) no-repeat 0px -50px;
}

/* MAIN NAVIGATION STYLING  END !!!!! */

#content_section {
	clear:both;
	
	}


#content_section p {
	padding:15px 0 15px 0;
	}

#left_box {
	float:left;
	width:287px;	
	}
#left_box_top {
	background:url(../images/cr_home_side_box_top.gif) no-repeat;
	}
#left_box_top p {
	padding:3px 0 1px 0;
	margin:0;
	}
#left_box_main {
	background:url(../images/cr_home_side_box_main.gif) repeat-y;
	margin-top:0;
	}
	
#left_box_main img {
	margin-left:15px;
	margin-top:27px;
	
	}
#left_box_main p {
	margin:15px 15px 0 15px;
	padding:0;
	}
	
#left_box_bottom {
	background:url(../images/cr_home_side_box_bottom.gif) no-repeat;
	}
#left_box_bottom p {
	padding:3px 0 6px 0;
	margin:0;
	}
	
/*  MAIN CONTENT STYLING */

#right_main_container {
	float:right;
	width:591px;
	}
	
#buy_nose_top {
 	background:url(../images/cr_home_mainwindow_top.gif);
	}

#buy_nose_top p {
	padding:10px 0 6px 0;
	margin:0;
	}
	
#buy_nose_main {
	background:url(../images/cr_home_mainwindow_main.gif);
	}
	
#buy_nose_main p {
	padding:0;
	margin:0px;}

#main_nose_left {
	float:left;
	margin-left:25px;
	width:350px;
	
	}
#main_nose_left p {
	padding: 5px 0 5px 0;
	}
	
#main_nose_left img {
	padding: 30px 0 30px 0;
	}

#main_nose_right {
	float:right;
	width:190px;
	}
	
#main_nose_right  img {
	padding-left:25px;
	margin-top:10px;
	}
	
/* RED NOSE BUY BUTTON STYLING  */

#red_nose_list {
	margin-left:-35px;}

#red_nose_list ul li {
	display: block;
	height: 50px;
	position: relative;
	color:#FFFFFF;
	}

#red_nose_list a:link,
#red_nose_list a:active,
#red_nose_list a:visited,
#red_nose_list a:hover {
	display: block;
	height: 50px;
	line-height: 21px;
	font-size: 9px;
	color:#FFFFFF;
}

#red_nose_list span {
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;
}

#red_nose_button {
	width: 169px;
}

#red_nose_button span {
	background: url(../images/cr_buy_now_button.gif) no-repeat 0px 0px;
	width: 169px;
}

#red_nose_button a:link,
#red_nose_button a:active,
#red_nose_button a:visited,
#red_nose_button a:hover {
	width: 169px;
}

#red_nose_button a:hover span,
#red_nose_button a.selected:link span,
#red_nose_button a.selected:visited span,
#red_nose_button a.selected:active span,
#red_nose_button a.selected:hover span {
	background: url(../images/cr_buy_now_button.gif) no-repeat 0px -56px;
}

/*  END RED NOSE BUTTON STYLING */


#counter_top {
	background:url(../images/cr_home_mainwindow_main_bot.gif);
	}
	
#counter_top p {
	clear:both;
	padding:3px 0 3px 0;
	margin:0;
	}

#counter_main {
	background:url(../images/cr_home_mainwindow_count_main.gif);
	}
	
.counter_title {
	color:#c52127;
	font-size:0.75em;
	padding:0;
	margin:0  0 0 35px;
	xborder:1px solid #666666;
	}

.counter_main {
	color:#000000;
	font-size:2em;
	padding:2px 0 2px 0;
	margin:0 0 0 35px;
	xborder:1px solid #666666;
	}
	
#counter_bottom {
	background:url(../images/cr_home_mainwindow_count_bottom.gif);
	}
	
#counter_bottom p {
	padding:2px 0 15px 0;
	margin:0;
	}
	
/* TELL A FRIEND BUTTON STYLING  */

#tell_friend_list {
	margin-left:-35px;}

#tell_friend_list ul li {
	display: block;
	height: 50px;
	position: relative;
	color:#FFFFFF;
	}

#tell_friend_list a:link,
#tell_friend_list a:active,
#tell_friend_list a:visited,
#tell_friend_list a:hover {
	display: block;
	height: 115px;
	line-height: 21px;
	font-size: 9px;
	color:#FFFFFF;
}

#tell_friend_list span {
	position: absolute;
	top: 0;
	left: 0;
	height: 115px;
}

#tell_friend_button {
	width: 919px;
}

#tell_friend_button span {
	background: url(../images/cr_tell_a_friend.gif) no-repeat 0px 0px;
	width: 919px;
}

#tell_friend_button a:link,
#tell_friend_button a:active,
#tell_friend_button a:visited,
#tell_friend_button a:hover {
	width: 919px;
}

#tell_friend_button a:hover span,
#tell_friend_button a.selected:link span,
#tell_friend_button a.selected:visited span,
#tell_friend_button a.selected:active span,
#tell_friend_button a.selected:hover span {
	background: url(../images/cr_tell_a_friend.gif) no-repeat 0px -115px;
}

/*  END TELL A FRIEND BUTTON STYLING */

#main_sub_left {
	width: 400px;
	float:left;	
	margin:10px 0 10px 20px;
	}

#main_sub_right {
	width:400px;
	float:right;
	margin:10px 20px 10px 0;
	}
/* END MAIN CONTENT STYLING */
#footer_section {
	background:url(../images/cr_footer_bg.jpg) no-repeat;
	padding-bottom:20px;
	clear:both;
	}

#footer_section p {
	padding: 10px 0 25px 0;
	
	
	}
.clear {
	clear:both;
	}
#step_2_content_01 {
	width:900px;
	margin-left:25px;
	}
#step_2_content_01 p {
	float:left;
	width:500px;
	padding:30px 0 0 0;
	}

#step_2_content_01 img {
	xfloat:right;
	margin-right:35px;
	border:1px solid #CCCCCC;
	}

#step_2_container {
	width:945px;
	}

#step_2_top {
	background:url(../images/cr_step_1_main_top.gif) no-repeat; 	
	}	
	
#step_2_top p {	
	padding: 3px 0 6px 0;
	margin:0px;
	}
	
#step_2_main {
	background:url(../images/cr_step_1_main_bg.gif);
	margin:0;
	padding:1px;
	}
	
#step_2_main img {
	margin: 25px 0 25px 15px;
	}

#step_2_bottom {
	background:url(../images/cr_step_1_main_bottom.gif) no-repeat;
	}
	
#step_2_bottom p {
	padding: 0px 0 0px 0;
	margin:0px;
	}

/* Upload image BUTTON STYLING  */

#step_2_content_01 {
	margin-left:15px;
	width:600px;
	xclear:both;	
	float:left;
	}

#step_2_content_01 ul li {
	display: block;
	height: 50px;
	position: relative;
	clear:left;
	margin:50px 0 18px 0px;
	top: 0px;
	left: 0px;
}

#step_2_content_01 a:link,
#step_2_content_01 a:active,
#step_2_content_01 a:visited,
#step_2_content_01 a:hover {
	display: block;
	height: 70px;
	line-height: 21px;
	font-size: 9px;
}

#step_2_content_01 span {
	position: absolute;
	top: 0;
	left: 0;
	height: 70px;
}

#upload_image_button {
	width: 355px;
}

#upload_image_button span {
	background: url(../images/cr_step_2_upload_image_button.gif) no-repeat 0 -65px;
	width: 350px;
}

#upload_image_button a:link,
#upload_image_button a:active,
#upload_image_button a:visited,
#upload_image_button a:hover {
	width: 350px;
}

#upload_image_button a:hover span,
#upload_image_button a.selected:link span,
#upload_image_button a.selected:visited span,
#upload_image_button a.selected:active span,
#upload_image_button a.selected:hover span {
	background: url(../images/cr_step_2_upload_image_button.gif) no-repeat 0px 0px;
}

#example_image {
	width: 300px;
	float:right;
	}
	
#example_image img
{
	border: 1px solid #999999;
}

/*  Upload image A FRIEND BUTTON STYLING */