/****NEW GREEN KEYLINES APRIL 2014 END***/

.keyline-component, .right-column .keyline-component{
  font-family: "Metro Headline","Arial Black", Helvetica, sans-serif;
  border-bottom: none;
  margin: 0 0 5px;

}

.keyline-component:before, .right.column .keyline-component:before  {
  content: "";
  display: table;
  height: 0px;
}

.keyline-component .text, .right-column .keyline-component .text{
   text-align: center;
   background: none;
}

.keyline-component .text h4, .right-column .keyline-component .text h4 {
    display: block;
    background: #00772e;
    font-family: "Metro Headline", "Arial Black", Helvetica, sans-serif;
    font-size: 21px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 0 2px 6px;
    margin: 0 0 4px 0;
}

 .right-column .keyline-component .text h4{
  font-size: 18px;
  padding: 4px 0 3px 3px;
  line-height: 18px;
  

}

.keyline-component .text h4 a, .right-column .keyline-component .text h4 a {
color: #fff;
text-decoration: none;
}

div.right-column div.keyline-component{
display: block;
float: none;
}


/****KEYLINES END***/



#super-top, #section-1 {
 position:relative;
}




##HOT TOPICS HTML##

div#topicmfp {
    margin: 0 0 25px;;
    height:52px;
    font-weight:bold;
}

#topicmfp ul{
	margin:0;
	padding:0;
	list-style:none;
	height:52px;
	background:#F1F2F3 url('/htbg_end_v3.gif') no-repeat right top;
        overflow: hidden;
}

#topicmfp ul li.topic-title	{
	background:#F47721 url('/htbg_v3.gif') no-repeat right top;
	float:left;
	height:52px;
}

#topicmfp ul li{
	float:left;
	height:52px;
}


#topicmfp ul li span {
  font-family:"Metro Headline","Arial Black";
	font-size:20px;
	font-weight:normal;
	color:#fff;
	line-height:55px;
	height:52px;
	padding:0px;
	margin:0 38px 0 18px;
	display:block;
	text-transform:uppercase;
}

#topicmfp ul li a {
	display:block;
	height:52px;
	line-height:52px;
	text-decoration:none;
	font-family:Helvetica, arial, sans-serif;
	color:#4f4f4f;
	font-size:15px;
font-weight: bold;
	text-shadow:0px 1px 0px #fff;
	padding:0 25px;
	outline:none;
}

#topicmfp ul li a:hover {
	color:#f47721;
}




.takeover-netbook #topicmfp ul li a {
   padding: 0 12px;
}







@media only screen and (min-width: 1200px) {
	#topicmfp ul li a {
		font-size:15px;
		padding:0 25px;
	}	
        
        .takeover-netbook #topicmfp ul li a {
             padding: 0 12px;
         }

        #promos {
           width: 792px;
        }
}

@media only screen and (min-width: 981px) and (max-width: 1199px) {
	
         #topicmfp ul li a {
		font-size:13px;
		padding: 0 20px;
	}	

}



@media only screen and (max-width: 980px) {
	#topicmfp ul li span {
		font-size:14px;
	}
	#topicmfp ul li a {
		font-size:11px;
		padding: 0 11px;
	}	
        .takeover-netbook #topicmfp ul li a {
             padding: 0 11px;
        }
}