/* cnet fd global elements */
html,form,fieldset,h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address {margin:0;padding:0}
ul,li {list-style-type:none}
img {border:none;}
hr {clear:both;visibility:hidden}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
.rb_subnav {display:none;}
.rb_body2 {background:url('../_images/body-top.gif') repeat-x top #FFF;margin:0 7px;padding:0;}

/* Hides from IE-mac \*/* html .clearfix {height: 1%;}.clearfix {display: block;}/* End hide from IE-mac */


#content {text-align:left;font:normal 100% verdana,helvetica;padding-top:20px;width:982px;}
#main-col {float:right;width:800px;*width:810px;padding-right:10px;font-size:90%;}
#l-col {width:150px;float:left;margin-left:10px;*margin-left:5px;font-size:90%;}
#mid-col {width:467px;float:left;}
#r-col {width:300px;float:right;}
#content a:link.red, a:visited.red, a:hover.red {color:#c00;font-weight:bold;border:0;}

.top-mod {margin:26px 0 10px 0;}
#mid-col h1 {color:#20364D;font:normal 170% arial,helvetica;padding:0 0 5px 5px;}
#mid-col h2 {color:#20364D;font:normal 170% arial,helvetica;padding:0 0 10px 0px;}
#r-col h2 {color:#20364D;font:normal 170% arial,helvetica;padding:0;margin:0;}
#r-col h2 a, #r-col h2 a:link, #r-col h2 a:hover, #r-col h2 a:visited {color:#20364D;font:normal 170% arial,helvetica;padding:0;}

#xNav {
			width: 140px;
		}

		#xNav A {
			text-decoration: none;
			display: block;
		}

		#xNav UL LI A {
			padding: 8px 6px 8px 16px;
			background: url(../_images/leftnav_arrow.gif) 6px 11px no-repeat;
		}

		#xNav a:hover {
			text-decoration: underline;
			background-color: #EDF2F8;
		}

		#xNav DIV {
			margin-bottom: 6px;
		}
		
		#xNav H3 {
			padding: 0;
			margin: 0;
			color: #20364D;
			font-weight: bold;
			font-family: arial;
			font-size: 110%;
			cursor: pointer;
			border: solid 1px #e0e0e0;
			border-bottom: solid 1px #e8e8e8;
			height: 22px;
		}
		#xNav H3 a, #xNav H3 a:link, #xNav H3 a:hover, #xNav H3 a:visited {color: #20364D;}
		#xNav H3 A {
			padding: 4px 0 4px 6px;
			line-height: 14px;
			color: #090;
			background: url(../_images/mainbar_off.gif) left bottom repeat-x #fff;
		}

		#xNav .xNavGrp H3 {
			background:url(../_images/dropdown_off.gif) top right no-repeat;
		}

		#xNav .xNavGrp H3 A {
			margin-right: 21px;
		}
		
		#xNav H3 A:hover {
			background-image: none;
		}
		
		#xNav H3 .btn {
			width: 21px;
			height: 22px;
			margin: -22px 0 0 117px;
			background: url(../_images/dropdown_off.gif) no-repeat;
		}

		#xNav H3 .btn#hover {
			background-image: url(../_images/dropdown_off.gif);
		}


		#xNav UL {
			background: #fafafa;
			padding: 0;
			margin: 0;
			clear:both;
		}
		
		#xNav UL LI {
			border-left: solid 1px #e0e0e0;
			border-right: solid 1px #e0e0e0;
			border-bottom: solid 1px #efefef;
			list-style: none;
			font-family: verdana;
			font-size: 100%;
			line-height: 10pt;
			margin: 0;
			padding: 0;
		}

		#xNav UL LI.last {
			border-bottom: solid 1px #e0e0e0;
		}

/* bottom ad */
.rb_pft_ad {display:block;}		


/* Carousel */
#Carousel {
	width: 472px;
	height: 228px;
	visibility: hidden; 
	margin-bottom: 20px;
}

#Carousel .bg, #Carousel .slide, #Carousel .frame {
	position: absolute;
	width: 472px;
	height: 228px;
}

#Carousel .slide .text {
	position: absolute;
	float: left;
	width: 250px;
	font-family: arial;
	margin: 15px 0 0 18px;
	font-size: 120%;
	line-height: 16px;
}

#Carousel .slide .text H2 {
	margin: 0 0 6px 0;
	padding: 0;
	font-weight:bold; 
	font-size: 14px;
	line-height: 20px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

#Carousel .slide .text H2 A {
	color: #20364D;
	text-decoration: none;
}

#Carousel .slide .text A {
	color: #333333;
	font-size:11px;
}

#Carousel .slide .text H2 A:hover {
	text-decoration: none;
}		

#Carousel .dark .text H2 A {
	color: #fff;
}

#Carousel #music .text H2 A {
	color: #fff;
}

#Carousel #music .text {
	color: #e3e3e3;
}

#Carousel #music .text A {
	color: #fff;
}

#Carousel .dark {
	color: #fff;
}

#Carousel .dark .text A {
	color: #FFFF00;
}

#Carousel .slide .image {
	float: right;
	width: 200px;
	text-align: center;
	margin-top: 10px;
}		

#Carousel .slide .screen {
	width: 200px; 
	margin-top: 10px;
}

#Carousel .slide .album {
	width: 180px; 
	margin: 19px 0 0 0;
}

#Carousel .slide .feature {
	margin-top: 30px;
}

#Carousel #CaroLinks {
	width: 472px;
	position: absolute;
	margin-top: 136px;
	margin-left: 10px;
	line-height: 42px;
	visibility: visible;
}

#CaroLinks .bubble .bbg {
	position: absolute;
}

#CaroLinks .bubble {
	width: 225px;
	height: 40px;
	float: left;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#20364D;
	}

#CaroLinks #on.bubble a {
	text-decoration: none;
	font-weight: bold;
	
	
}

#CaroLinks .bubble A IMG {
	float: left;
	margin-right: 6px;
}

#CaroLinks .bubble A {
	position: absolute;
	width: 210px;
	display: block;
	margin-left: 15px;
	margin-top: 5px;
	margin-right: 10px;
	font-family: verdana;
	font-size: 100%;
	line-height: 13px;
	text-decoration: none;
	color: #333333;
}

#CaroLinks .bubble A:hover {
	text-decoration: underline;
}

.tPicks h2 {
	margin:0;
	padding:3px 0 5px 0;
	font: bold 100% verdana,helvetica;
}

#carouselblocker {
	width: 20px; 
	height: 100px;
}