body
{
	font:12px arial, sans-serif;
}

ul
{
	list-style-type:none;
}

li
{
	cursor:pointer;
	display:block;
	width:200;
}

ul>li>ul>li:hover
{
	background:#F4F4F4;
}

#navigation .pri span,
#navigation .sec div span
{
	margin-right:18px;
	line-height:37px;
	color:#FFF:
	cursor:pointer;
}

#navigation .pri span:hover,
#navigation .sec div span
{
	color:#FFF;
	cursor:pointer;
}

#navigation .pri span
{
	margin:0;
	line-height:0;
	display:block;
	float:left;
	width:192px;
	height:43px;
	background-repeat:no-repeat;
}

#navigation .pri .cat_0 {background-image:url('/en/tellafriend/images/nav_music_off.png');}
#navigation .pri .cat_2 {background-image:url('/en/tellafriend/images/nav_sports_off.png');}
#navigation .pri .cat_4 {background-image:url('/en/tellafriend/images/nav_canada_off.png');}
#navigation .pri .cat_3 {background-image:url('/en/tellafriend/images/nav_news_off.png');width:189px;}
#navigation .pri .cat_1 {background-image:url('/en/tellafriend/images/nav_talk_off.png');}

#navigation .pri .cat_0 .active {background-image:url('/en/tellafriend/images/nav_music_on.png');}
#navigation .pri .cat_2 .active {background-image:url('/en/tellafriend/images/nav_sports_on.png');}
#navigation .pri .cat_4 .active {background-image:url('/en/tellafriend/images/nav_canada_on.png');}
#navigation .pri .cat_3 .active {background-image:url('/en/tellafriend/images/nav_news_on.png');}
#navigation .pri .cat_1 .active {background-image:url('/en/tellafriend/images/nav_talk_on.png');}

#navigation .sec
{
	position:relative;
	background-image:url('/en/tellafriend/images/bg_subnav.gif');
	background-repeat:repeat-x;
	width:909px;
	height:37px;
	padding:0 24px;
}

#navigation .sec div {
display:none;
}

#navigation .sec #activeSection {
position:absolute;
display:block;
top:26px;
}

#channels
{
	background:#F7F7F7;
	width:889px;
	height:232px;
	padding:40px 34px 34px 34px;
	margin:1px;
	overflow:hidden;
	border-bottom:1px solid #D7D7D7;
}

#channels #instructions
{
	position:relative;
	top:-20px;
	color:#1C1B1C;
	font-size:17px;
}

#channels dd,
#selectedChannels .placeholder
{
	position:relative;
	display:none;
	float:left;
	
	width:132px;
	height:63px;
	margin:6px;
	padding:0;
	overflow:hidden;

	cursor:pointer;
	
	background-image:url('/en/tellafriend/images/bg_channel.png');
}
#channels dd:before {
content: " ";
}

#channels dd:hover
{
}

#channels dd .trigger
{
	position:absolute;
	display:block;
	background:#F00;
	opacity:0;
	filter:alpha(opacity=0);
	width:132px;
	height:63px;
	z-index:150;
}

#channelDetails
{
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:287px;
	height:90px;
	background-image:url('/en/tellafriend/images/bg_hover.png');
	color:#000;
	
	font-size:20px;
}

#channelDetails .channelId
{
	position:absolute;
	top:42px;
	left:40px;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
}

#channelDetails .channelInfo
{
	position:absolute;
	top:20px;
	left:82px;
	width:190px;
	height:58px;
	overflow:hidden;
	text-transform:uppercase;
	color:#C2BFBF;
	font-size:10px;
}

#channelDetails .channelTitle
{
	color:#FFF;
	font-weight:bold;
	font-size:12px;
}

#channelDetails .channelDesc
{
	line-height:14px;
}

#channelDetails .arrow
{
	position:absolute;
	display:block;
	top:-8px;
	left:60px;
	width:19px;
	height:12px;
	background-image:url('/en/tellafriend/images/bg_hover_arrow.png');
}

#selectedChannels
{
	position:relative;
	background-color:#E9E9E9;
	background-image:url('/en/tellafriend/images/bg_selection.gif');
	background-repeat:repeat-x;
	border-bottom:1px solid #CCC;
	width:890px;
	height:112px;
	padding:0 34px;
}

#selectedChannels p
{
	position:absolute;
	top:36px;
	font-size:17px;
	color:#1B1C1B;
	margin:0;
}

#selectedChannels em
{
	font-size:12px;
	color:#808080;
	font-style:normal;
}
#selectedChannels .channels,
#selectedChannels .placeholders {
cursor:pointer;
left:180px;
position:absolute;
top:16px;
}

#selectedChannels .placeholder .label {
display:block;
width:130px;
font-size:13px;
color:#CECDCE;
line-height:63px;
text-align:center;
}

#selectedChannels .channels span
{
	position:relative;
	float:left;
	display:block;
	top:7px;
	left:7px;
	width:144px;
	height:63px;
}

#details
{
	position:relative;
	width:890px;
	padding:34px;
	margin-top:1px;
	background-color:#E0E0E0;
}

#details label
{
	display:block;
	font-size:13px;
	color:#4C4B4C;
	padding:14px 0;
}

#details p,
#details label.heading
{
	font-size:15px;
	color:#1B1C1B;
	margin:0;
	padding:4px 0;
}

#details input[type="text"],
#details textarea
{
	font:16px arial, sans-serif;
	color:#868686;
	border:none;
	padding:6px;
}

#details input[type="text"]
{
	width:418px;
	height:30px;
}

#details textarea
{
	width:418px;
	height:87px;
}

#details input[type="image"]
{
	display:inline;
	margin-right:3px;
}

#details .col1,
#details .col2
{
	float:left;
	width:430px;
	margin-right:15px;
}

#details input[type="checkbox"],
#details .tclabel
{
	display:inline;
}

#maxLength {
position:relative;
left:154px;
color:#888;
font-size:14px;
}

#submitSection
{
	position:relative;
	width:890px;
	padding:15px 34px;
	margin-top:1px;
	background-color:#E9E9E9;
	background-image:url('/en/tellafriend/images/bg_selection.gif');
	background-repeat:repeat-x;
	border-bottom:1px solid #CCC;
	text-align:center;
}

#send
{
	margin-left:9px;
	margin-right:30px;
}

#yourESNLabel
{
	position:relative;
}

#yourESNLabel img
{
	display:inline;
}

.infoPanel
{
	background:none repeat scroll 0 0 #FFFFFF;
	border:3px solid #CCCCCC;
	display:none;
	font-size:10px;
	height:35px;
	left:90px;
	padding:3px 10px 10px;
	position:absolute;
	text-transform:none;
	top:-10px;
	width:200px;
	z-index:999;
}

#modal
{
	position:fixed;
	overflow:none;
	top:0;
	left:0;
	display:none;
	z-index:1000;
}

#modal .bg
{
	display:block;
	width:100%;
	height:100%;
	background-color:#000;
	filter:alpha(opacity=80);
	opacity:0.8;
}

#modal .popup
{
	position:absolute;
	display:block;
	top:0;
	left:0;
	background-image:url('/en/tellafriend/images/modal_alert.png');
	width:544px;
	height:315px;
}

#modal .popup .message
{
	position:relative;
	top:70px;
	left:40px;
	width:479px;
	text-align:center;
	color:#C2BFBF;
	font-size:16px;
	font-weight:normal;
}

#modal .popup .again
{
	position:absolute;
	top:210px;
	left:63px;
}

#modal .popup .home
{
	position:absolute;
	top:210px;
	left:277px;
}

#modal .popup .ok
{
	position:absolute;
	top:222px;
	left:172px;
}

.confirm
{
    top:-25px;
    font-size:24px;
    color:#FFF;
    text-transform:uppercase;
}

.validation
{
    display:none;
    position:absolute;
    right:0;
    top:17px;
	font-size:11px;
    color:#D22727;
    padding:0 8px 7px;
}

.validation img
{
    display:none;
    position:relative;
    top:29px;
    left:8px;
}

#cF .validation
{
    top:9px;
    right:60px;
}

#rr .validation
{
    top:35px;
    left:7px;
    right:auto;
}

#rr .validation img
{
    top:-8px;
}

#yN,
#yE,
#yESN,
#fN,
#fE,
#cF,
#rr
{
    position:relative;
}
#submitSection input {
background: transparent;
border: none;
display:inline;
}