@charset "UTF-8";
/* CSS Document */


/* ===================================================================================================

core

=================================================================================================== */

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.4em;
}

#wrapper {
	width: 950px;
	margin: 0px auto;
	padding: 0px;
}

#header {
	width: 950px;
	height: 90px;
	margin: 10px 0px 10px 0px;
}

#nav {
	width: 950px;
	height:10px;
	border-bottom: 4px solid #C7D122;
	z-index: 1;
}

#cont {
	width: 950px;
	background: #dadada url(images/cont-bg.gif) left bottom no-repeat;
}

#contPanelTop {
	width: 950px;
	background: #dadada url(images/cont-bg-top.gif) left top no-repeat;
	height: 5px;
	margin: 0px;
	padding: 0px;
}

#footer {
	width: 950px;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
}





/* clearfix 
=========================================================*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */



/* font styles 
=========================================================*/

h1, h2, h3, p, ul, li {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 1.6em;
	padding-left: 10px;
}

h2 {
	font-size: 1.4em;
	padding-left: 10px;
}

h3 {
	font-size: 1.2em;
	padding-left: 10px;
	font-weight: normal;
}

p {
	font-size: 1.1em;
	color: #333333;
	padding-top: 10px;
	
}




a:link, a:visited {
	color: #C7D122;
	text-decoration: none;
	border: 0px;
}

a:hover, a:active {
	color: #494f05;
	text-decoration: underline;
}

img {
	border: 0px;
}


/* Cont styles 
=========================================================*/


#cont #mainCont {
	width: 620px;
	float: left;
	clear: none;
	padding: 10px;
}

#cont #secCont {
	width: 300px;
	float: left;
	clear: none;
	padding: 10px 10px 10px 0px;
}

#cont #searchCont {
	width: 930px;
	float: left;
	clear: none;
	padding: 5px 10px 10px 10px;
}





/* =================================================================================================================================

Modular panels  

================================================================================================================================= */






/* Three Col panels - Main Content  
=========================================================*/


#cont #mainCont .firstFeed .threeColFeed {
	margin: 0px 0px 0px 0px;
}

#cont #mainCont .threeColFeed {
	width: 200px;
	min-height: 100px;
	float: left;
	clear: none;
	margin: 0px 0px 10px 10px;
	padding-bottom: 10px;
	background: #ffffff url(images/nse-panel-bottom-bg.gif) bottom left no-repeat;
}

#cont #mainCont .threeColFeed h2 {
	background: url(images/nse-panel-top-bg.gif) top left no-repeat;
	line-height: 30px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #C7D122;
}

#cont #mainCont .threeColFeed p {
	padding-left: 10px;
	padding-right: 10px;
}

/* Two Col panels - Main Content  
=========================================================*/


/* One Col panels - Main Content  
=========================================================*/

#cont #mainCont .mainPanel {
	width: 620px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	background: #ffffff url(images/mainPanel-bottom-bg.gif) bottom left no-repeat;
	min-height: 100px;
	clear: both;
}

#cont #mainCont .mainPanel h2 {
	background: url(images/mainPanel-top-bg.gif) top left no-repeat;
	line-height: 30px;
	padding-left: 10px;
	color: #C7D122;
}

#cont #mainCont .mainPanel img {
	padding: 10px;
}

#cont #mainCont .mainPanel p {
	font-size: 1.1em;
	padding-left: 10px;
	padding-right: 10px;
}

#cont #mainCont .mainPanel h3 {
	font-size: 2em;
	line-height: 1.2em;
	
	padding-left: 10px;
	margin: 10px 0px 0px 0px;
	color: #C7D122;
}




/* One Col panels with no Header - Main Content  
=========================================================*/

#cont #mainCont .noHeaderPanel {
	width: 620px;
	margin: 0px 0px 10px 0px;
	background: #ffffff url(images/mainPanel-bottom-bg.gif) bottom left no-repeat;
	min-height: 80px;
	clear: both;
}

#cont #mainCont .noHeaderPanel .noHeaderPanelTop {
	background: url(images/panel-top-no-header.gif) top left no-repeat;
	height: 5px;
}

#cont #mainCont .noHeaderPanel img {
	padding: 10px;
}

#cont #mainCont .noHeaderPanel p {
	padding-left: 10px;
	padding-right: 10px;
}







/* Sec Col panels - Right Content  
=========================================================*/

#cont #secCont .secPanel {
	width: 300px;
	margin: 0px 0px 10px 0px;
	background: #ffffff url(images/secPanel-bottom-bg.gif) bottom left no-repeat;
	min-height: 100px;
	padding-bottom:10px;
}

#cont #secCont .secPanel h2 {
	background: url(images/secPanel-top-bg.gif) top left no-repeat;
	line-height: 30px;
	padding-left: 10px;
	color: #C7D122;
}

#cont #secCont .secPanel img {
	padding: 10px;
}

#cont #secCont .secPanel p {
	padding-left: 10px;
	padding-right: 10px;
}


#cont #secCont .secPanel .liststyle1 {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#cont #secCont .secPanel .liststyle1 li {
	width: 300px;
	height: 24px;
}


#cont #secCont .secPanel .liststyle1 .altStory {
	width: 300px;
	background: #f1f1f1;
}

#cont #secCont .secPanel .liststyle1 a {
	padding: 4px 5px 0px 10px;
	line-height: 24px;
}

#cont #secCont .secPanel .liststyle1 a:link, #cont #secCont .secPanel .liststyle1 a:visited {
	color: #C7D122;
	text-decoration: none;
}

#cont #secCont .secPanel .liststyle1 a:hover, #cont #secCont .secPanel .liststyle1 a:active {
	color: #494f05;
	text-decoration: underline;
}




/* ==============================================================================================================

header styles

============================================================================================================== */



/* topLinks  
=========================================================*/

#header #topLinks {
	width: 950px;
	height: 20px;
	line-height: 20px;
}

#header #topLinks #topDatetime {
	float: left;
	clear: none;
	width: 300px;
}

#header #topLinks #topNav {
	float: right;
	clear: none;
	width: 600px;
}

#header #topLinks #topNav ul {
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
	clear: none;
}

#header #topLinks #topNav ul li {
	float: left;
	clear: none;
	padding: 0px 10px;
	border-left: 2px solid #cccccc;
}

/* logo & Leaderboard  
=========================================================*/

#header #logoarea {
	width: 222px;
	height: 90px;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
}

#header #logoarea #logo {
	height: 60px;
	margin: 0px;
	padding: 0px;
}

#header #logoarea #logo h1 {
	margin: 0px;
	padding: 0px;
}

#header #logoarea #make-homepage {
	height: 30px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#header #logoarea #make-homepage img {
	border: 0px;
}

#header #logoarea #make-homepage p {
	margin: 0px;
	padding: 0px;
}

#header #leaderboard {
	width: 728px;
	height: 90px;
	float: right;
}




/* ==============================================================================================================

google search

============================================================================================================== */


/* google search top  
=========================================================*/

#mainSearch {
	width: 950px;
	height: 45px;
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background: url(images/google-search-bg.gif) no-repeat;
}

#mainSearch img {
	float: left;
}

#mainSearch form {
}

#mainSearch form .searchbox {
	float: left;
	width: 635px;
	height: 15px;
	line-height: 18px;
	background: #ffffff;
	border: 1px solid #cccccc;
	margin: 5px 0px 0px 9px;
	padding: 4px 0px 0px 5px;
}

#mainSearch form input {
	float: left;
	line-height: 18px;
	margin: 5px 0px 0px 9px;
}

#mainSearch form .submit {
	float: left;
	width: 62px;
	height: 20px;
	line-height: 20px;
	background: url(images/google-search-but.gif) no-repeat top left;
	border: 0px;
	margin: 5px 0px 0px 9px;
	padding: 0px;
	color: #ffffff;
}

#mainSearch form .radiobuts {
	float: left;
	clear: none;
	line-height: 25px;
	border: 0px;
}

#mainSearch form .radiobuts input {
	float: left;
	clear: none;
}



#mainSearch form .radiobuts label {
	float: left;
	clear: none;
	width: 100px;
	padding-left: 10px;
	margin: 0px;
}





/* google search bottom  
=========================================================*/



.noHeaderPanel #bottomsearch img {
	float: left;
}

.noHeaderPanel #bottomsearch form {
}

.noHeaderPanel #bottomsearch form .searchbox {
	float: left;
	width: 295px;
	height: 15px;
	line-height: 18px;
	background: #ffffff;
	border: 1px solid #cccccc;
	margin: 5px 0px 0px 9px;
	padding: 4px 0px 0px 5px;
}

.noHeaderPanel #bottomsearch form input {
	float: left;
	line-height: 18px;
	margin: 5px 0px 0px 9px;
	padding: 0px;
}

.noHeaderPanel #bottomsearch form .submit {
	float: left;
	width: 62px;
	height: 20px;
	line-height: 20px;
	background: url(images/google-search-but.gif) no-repeat top left;
	border: 0px;
	margin: 5px 0px 0px 9px;
	padding: 0px;
	color: #ffffff;
}

.noHeaderPanel #bottomsearch form .radiobuts {
	float: left;
	clear: none;
	line-height: 25px;
	border: 0px;
}

.noHeaderPanel #bottomsearch form .radiobuts input {
	float: left;
	clear: none;
}



.noHeaderPanel #bottomsearch form .radiobuts label {
	float: left;
	clear: none;
	width: 80px;
	padding-left: 10px;
	margin: 0px;
}






#cont #prodCont .prodContPanel #bottomsearch img {
	float: left;
}

#cont #prodCont .prodContPanel #bottomsearch form {
}

#cont #prodCont .prodContPanel #bottomsearch form .searchbox {
	float: left;
	width: 420px;
	height: 19px;
	line-height: 18px;
	background: #ffffff;
	border: 1px solid #cccccc;
	margin: 5px 0px 0px 9px;
	padding: 0px;
}

#cont #prodCont .prodContPanel #bottomsearch form input {
	float: left;
	line-height: 18px;
	margin: 5px 0px 0px 9px;
	padding: 0px;
}

#cont #prodCont .prodContPanel #bottomsearch form .submit {
	float: left;
	width: 62px;
	height: 20px;
	line-height: 20px;
	background: url(images/google-search-but.gif) no-repeat top left;
	border: 0px;
	margin: 5px 0px 0px 9px;
	padding: 0px;
	color: #ffffff;
}

#cont #prodCont .prodContPanel #bottomsearch form .radiobuts {
	float: left;
	clear: none;
	line-height: 25px;
	border: 0px;
}

#cont #prodCont .prodContPanel #bottomsearch form .radiobuts input {
	float: left;
	clear: none;
}



#cont #prodCont .prodContPanel #bottomsearch form .radiobuts label {
	float: left;
	clear: none;
	width: 80px;
	padding-left: 10px;
	margin: 0px;
}



/* google search full width bottom (search results page)  
=========================================================*/

#mainSearchFullWidthBottom {
	width: 950px;
	height: 45px;
	clear: both;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	background: url(images/google-search-bg.gif) no-repeat;
}

#mainSearchFullWidthBottom img {
	float: left;
}

#mainSearchFullWidthBottom form {
}

#mainSearchFullWidthBottom form .searchbox {
	float: left;
	width: 635px;
	height: 15px;
	line-height: 18px;
	background: #ffffff;
	border: 1px solid #cccccc;
	margin: 5px 0px 0px 9px;
	padding: 4px 0px 0px 5px;
}

#mainSearchFullWidthBottom form input {
	float: left;
	line-height: 18px;
	margin: 5px 0px 0px 9px;
}

#mainSearchFullWidthBottom form .submit {
	float: left;
	width: 62px;
	height: 20px;
	line-height: 20px;
	background: url(images/google-search-but.gif) no-repeat top left;
	border: 0px;
	margin: 5px 0px 0px 9px;
	padding: 0px;
	color: #ffffff;
}

#mainSearchFullWidthBottom form .radiobuts {
	float: left;
	clear: none;
	line-height: 25px;
	border: 0px;
}

#mainSearchFullWidthBottom form .radiobuts input {
	float: left;
	clear: none;
}



#mainSearchFullWidthBottom form .radiobuts label {
	float: left;
	clear: none;
	width: 100px;
	padding-left: 10px;
	margin: 0px;
}



/* Google Ads bottom  
=========================================================*/

#cont #mainCont .noHeaderPanel .adsbygoogle img {
	position: relative;
	bottom: 0px;
	left: 527px;
	margin: 0px;
	padding: 0px;
}

#cont #prodCont .prodContPanel .adsbygoogle img {
	position: relative;
	bottom: 0px;
	left: 647px;
	top: 15px;
	margin: 0px;
	padding: 0px;
}


/* ======================================================================================================

nav styles

====================================================================================================== */

#nav ul {
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
}

#nav ul li {
	float: left;
	clear: none;
	display: block;
	height: 30px;
	_height: 30px;
	width: 134px;
	margin-left: 2px;
}

#nav ul li a:link, #nav ul li a:visited {
	display: block;
	height: 30px;
	_height: 30px;
	_line-height: 30px;
	width: 124px;
	background: url(images/navtab.gif) no-repeat top left;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	padding-left: 10px;
}

#nav ul li a:hover, #nav ul li a:active {
	color: #C7D122;
	background: url(images/navtab.gif) no-repeat bottom left;
}


#nav ul .first {
	margin-left: 0px;
}

#nav ul li a.selected {
	background: url(images/navtab_a.gif) no-repeat bottom left;
	display: block;
	height: 30px;
	width: 124px;
}

* html #nav ul li .selected {    /* IE6 hack */
	background: url(images/navtab_a.gif) no-repeat bottom left;
	display: block;
	height: 30px;
	width: 124px;
}


#nav ul li .selected:link, #nav ul li .selected:hover {
	color: #ffffff;
	background: url(images/navtab_a.gif) no-repeat bottom left !important;
}


#nav ul li .selected:hover, #nav ul li .selected:active {
	color: #ffffff;
	background: url(images/navtab_a.gif) no-repeat bottom left;
}














/* ======================================================================================================

mainCont styles

====================================================================================================== */




/* feature  
=========================================================*/

#cont #mainCont #feature {
	width: 620px;
	height: 290px;
}

#cont #mainCont #feature #feature-img {
	background: #cccccc;
	width: 620px;
	height: 258px;
}

#cont #mainCont #feature .feature-txt {
	position: relative;
	top: -45px;
	_top: 0px;
	height: 0px;
	margin: 0px;
	_margin: -45px 0px;
	padding: 0px;
}


#cont #mainCont #feature .feature-txt h3 {
	font-size: 1.6em;
	color: #ffffff;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#cont #mainCont #feature .feature-txt p {
	font-size: 1.2em;
	color: #ffffff;
	margin: 5px 0px 0px 10px;
	padding: 0px;
}


#cont #mainCont #feature ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#cont #mainCont #feature ul li {
	float: left;
	clear: none;
	width: 155px;
	height: 31px;
	text-align: center;
	line-height: 31px;
}

#cont #mainCont #feature ul li a {
display: block;
width: 155px;
height: 31px;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
}

#cont #mainCont #feature ul #feat1 {
	background: url(images/featTab1.gif);
}

#cont #mainCont #feature ul #feat1 .selected {
	background: url(images/featTab1_a.gif);
}

#cont #mainCont #feature ul #feat2 {
	background: url(images/featTab2.gif);
}

#cont #mainCont #feature ul #feat2 .selected {
	background: url(images/featTab2_a.gif);
}

#cont #mainCont #feature ul #feat3 {
	background: url(images/featTab3.gif);
}

#cont #mainCont #feature ul #feat3 .selected {
	background: url(images/featTab3_a.gif);
}

#cont #mainCont #feature ul #feat4 {
	background: url(images/featTab4.gif);
}

#cont #mainCont #feature ul #feat4 .selected {
	background: url(images/featTab4_a.gif);
}

/* news/sport/ent feed panels  
=========================================================*/


#cont #mainCont .firstFeed .nseFeed {
	margin: 10px 0px 0px 0px;
}

#cont #mainCont .nseFeed {
	width: 200px;
	float: left;
	clear: none;
	height: 225px;
	margin: 10px 0px 10px 10px;
	background: #ffffff url(images/nse-panel-bottom-bg.gif) bottom left no-repeat;
}

#cont #mainCont .nseFeed h2 {
	background: url(images/nse-panel-top-bg.gif) top left no-repeat;
	line-height: 30px;
	padding-left: 10px;
	color: #C7D122;
}


#cont #mainCont .nseFeed ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#cont #mainCont .nseFeed ul li {
	width: 200px;
	min-height: 25px;
	_height: 36px;
}


#cont #mainCont .nseFeed ul .featStory {
	width: 200px;
	min-height: 71px;
	background: #C7D122;
}

#cont #mainCont .nseFeed ul .featStory a img {
	width: 83px;
	height: 71px;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px 8px 0px 0px;
	border: 0px;
}

#cont #mainCont .nseFeed ul .featStory p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}



#cont #mainCont .nseFeed ul .altStory {
	width: 200px;
	min-height: 25px;
	_height: 36px;
	background: #f1f1f1;
}

#cont #mainCont .nseFeed ul p {
	padding: 4px 5px 0px 10px;
}


#cont #mainCont .nseFeed ul .featStory a:link p, #cont #mainCont .nseFeed ul .featStory a:visited p {
	display: block;
	padding-right: 5px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#cont #mainCont .nseFeed ul .featStory a:hover p, #cont #mainCont .nseFeed ul .featStory a:active p {
	color: #494f05;
	text-decoration: underline;
}

#cont #mainCont .nseFeed ul a:link, #cont #mainCont .nseFeed ul a:visited {
	color: #879306;
	text-decoration: none;
}

#cont #mainCont .nseFeed ul a:hover, #cont #mainCont .nseFeed ul a:active {
	color: #494f05;
	text-decoration: underline;
}



/* Sites You Like panel 
=========================================================*/

#cont #mainCont .mainPanel .syl-shops {
	float: left;
	width: 240px;
	margin-top: 20px;
}

#cont #mainCont .mainPanel .syl-shops h4 {
	font-size: 1em;
	color: #C7D122;
	padding-left: 15px;
	margin-top: 0px;
}

#cont #mainCont .mainPanel .syl-shops ul {
	list-style: none;
}


#cont #mainCont .mainPanel .syl-shops ul li {
	float: left;
	clear: none;
	padding: 0px 0px 0px 15px;
	margin: 0px;
}

#cont #mainCont .mainPanel .syl-shops ul li a img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#cont #mainCont .mainPanel .syl-esnb {
	float: left;
	width: 125px;
	border-left: 1px solid #eaeaea;
	margin-top: 20px;
}

#cont #mainCont .mainPanel .syl-esnb h4 {
	font-size: 1em;
	color: #C7D122;
	padding-left: 15px;
	margin-top: 0px;
}

#cont #mainCont .mainPanel .syl-esnb ul {
	list-style: none;
}


#cont #mainCont .mainPanel .syl-esnb ul li {
	float: left;
	clear: none;
	padding: 0px 0px 0px 15px;
	margin: 0px;
}

#cont #mainCont .mainPanel .syl-esnb ul li a img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}



/* Local Business Search panel 
=========================================================*/


#cont #mainCont .mainPanel .lbs {
	background: url(images/mainPanel-top-bg.gif) top left no-repeat;
	line-height: 30px;
	padding-left: 10px;
	margin-bottom: 0px;
	color: #002252;
}


#cont #mainCont .mainPanel .lbslist {
	float: left;
	clear: none;
	width: 180px;
	list-style: none;
	margin: 0px 0px;
	padding: 6px 0px 10px 20px;
	line-height: 1.8em;
}

#cont #mainCont .mainPanel .lbslist li {
	width: 180px;
}

#cont #mainCont .mainPanel .lbslist a:link, #cont #mainCont .mainPanel .lbslist a:visited {
	color: #002252;
	text-decoration: none;
}

#cont #mainCont .mainPanel .lbslist a:hover, #cont #mainCont .mainPanel .lbslist a:active {
	color: #27a2f0;
	text-decoration: underline;
}

#cont #mainCont .mainPanel .lbstitle {
	font-size: 1.2em;
	padding-left: 20px;
	color: #27a2f0;
}


#cont #mainCont .mainPanel .lbslist li p {
	margin: 0px;
	padding: 0px;
}





/* Local Business Search bar */

#cont #mainCont .mainPanel #hcp-search {
	width: 620px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	background: #002252;
}

#cont #mainCont .mainPanel #hcp-search img {
	float: left;
	clear: none;
	padding: 0px;
	margin: 8px 10px 0px 10px;
}

#cont #mainCont .mainPanel #hcp-search form {
	float: left;
	clear: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

#cont #mainCont .mainPanel #hcp-search form input {
	float: left;
	clear: none;
	width: 220px;
	height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 5px;
	background: #fff;
	border: 0px
}

#cont #mainCont .mainPanel #hcp-search form #hcpsub {
	float: left;
	clear: none;
	width: 62px;
	height: 20px;
	font-size: 1.2em;
	background: url(images/hcpsub-but.gif) no-repeat top left;
	border: 0px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}



/* News headlines - News page  
=========================================================*/



#cont #mainCont .mainPanel .news-heads {
	display: block;
	width: 620px;
	height: 200px;
	background: #f2f4dc;
}

#cont #mainCont .mainPanel .news-heads img {
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	border: 0px;
}

#cont #mainCont .mainPanel .news-heads h3 {
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 10px 0px 0px 0px;
	margin-top: 0px;
}

#cont #mainCont .mainPanel .news-heads .news-read-more-but {
	float: right;
	clear: right;
	margin-top: 20px;
}


#cont #mainCont .mainPanel .news-heads h3 a:link, #cont #mainCont .mainPanel .news-heads h3 a:visited {
	padding: 0px;
	font-size: 1.4em;
	color: #C7D122;
	text-decoration: none;
}

#cont #mainCont .mainPanel .news-heads h3 a:hover, #cont #mainCont .mainPanel .news-heads h3 a:active {
	color: #494f05;
	text-decoration: underline;
}


#cont #mainCont .mainPanel .news-other h4 {
	display: block;
	width: 610px;
	height: 30px;
	line-height: 30px;
	background: url(images/other-news-bg.gif) repeat-x top left;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #4a4a4a;
	font-size: 1.4em;
	font-weight: bold;
}


#cont #mainCont .mainPanel .news-other ul {
	list-style: none;
	margin: 0px;
	height: 180px;
}

#cont #mainCont .mainPanel .news-other ul li {
	display: block;
	width: 206px;
	height: 85px;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
	background: #fff;
}

#cont #mainCont .mainPanel .news-other ul li a img {
	float: left;
	border: none;
	
}

#cont #mainCont .mainPanel .news-other ul li a:link p, #cont #mainCont .mainPanel .news-other ul li a:visited p {
	color: #C7D122;
	text-decoration: none;
}

#cont #mainCont .mainPanel .news-other ul li a:hover p, #cont #mainCont .mainPanel .news-other ul li a:active p {
	color: #494f05;
	text-decoration: underline;
}

/* News detail - News detail page  
=========================================================*/

/* top bar (date, tell friend */ 

#cont #mainCont .mainPanel .newsTopBar {
	width: 600px;
	height: 30px;
	line-height: 30px;
	margin: 0px auto;
	border-bottom: 1px solid #eaeaea;
}

#cont #mainCont .mainPanel .newsTopBar p {
	float: left;
	clear: none;
	font-size: 1em;
	padding: 0px;
	margin: 0px;
}

#cont #mainCont .mainPanel .newsTopBar ul {
	float: right;
	clear: none;
	list-style: none;
}

#cont #mainCont .mainPanel .newsTopBar ul li {
	float: left;
	clear: none;
	height: 15px;
	line-height: 15px;
}

#cont #mainCont .mainPanel .newsTopBar ul .tell-a-friend {
	background: url(images/tell-a-friend.gif) left 50% no-repeat;
	border-right: 1px solid #4a4a4a;
	margin: 7px 0px 0px 5px;
	padding: 0px 11px 0px 20px;
}

#cont #mainCont .mainPanel .newsTopBar ul .add-to-favourites {
	background: url(images/add-to-favourites.gif) left 50% no-repeat;
	margin: 7px 0px 0px 8px;
	padding: 0px 0px 0px 15px;
}

/* news article */ 

#cont #mainCont .mainPanel .newsHeadImg {
	float: right;
	clear: none;
	padding-left: 20px;
}

#cont #mainCont .mainPanel .newsFirstPara {
	font-size: 1.2em;
	font-weight: bold;
}

/* networking box */ 

#cont #mainCont .mainPanel #networkingBox {
	width: 600px;
	min-height: 30px;
	margin: 10px auto;
	background: #f8f8f8;
	border: 1px solid #eaeaea;
}

#cont #mainCont .mainPanel #networkingBox p {
	float: left;
	clear: none;
	color: #8a8a8a;
	padding: 10px;
	margin: 0px;
}

#cont #mainCont .mainPanel #networkingBox a {
	float: right;
	clear: none;
	padding: 10px;
	margin: 0px;
}

#cont #mainCont .mainPanel #networkingBox ul {
	clear: both;
	list-style: none;
}

#cont #mainCont .mainPanel #networkingBox ul li {
	float: left;
	clear: none;
}

#cont #mainCont .mainPanel #networkingBox ul li a {
	float: left;
	clear: none;
}

#cont #mainCont .mainPanel #networkingBox ul .delicious {
	background:url(images/networking/delicious.gif) left 50% no-repeat;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

#cont #mainCont .mainPanel #networkingBox ul .digg {
	background:url(images/networking/digg.gif) left 50% no-repeat;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

#cont #mainCont .mainPanel #networkingBox ul .reddit {
	background:url(images/networking/reddit.gif) left 50% no-repeat;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

#cont #mainCont .mainPanel #networkingBox ul .facebook {
	background:url(images/networking/facebook.gif) left 50% no-repeat;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

#cont #mainCont .mainPanel #networkingBox ul .stumbleUpon {
	background:url(images/networking/StumbleUpon.gif) left 50% no-repeat;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

#cont #mainCont .mainPanel #networkingBox ul .newsvine {
	background:url(images/networking/Newsvine.gif) left 50% no-repeat;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}




/* =============================================================================================================================================================================
================================================================================================================================================================================

secCont styles

================================================================================================================================================================================
============================================================================================================================================================================= */




/*secContMenu - menu above mpu  
=========================================================*/

#cont #secCont #secContMenu {
	width: 300px;
	height: 30px;
	margin-bottom: 10px;
}

#cont #secCont #secContMenu ul {
	list-style: none;
}

#cont #secCont #secContMenu ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}

#cont #secCont #secContMenu ul a {
	color: #ffffff;
	font-size: 1.2em;
	line-height: 30px;
	text-decoration: none;
}

#cont #secCont #secContMenu ul .mail a:link, #cont #secCont #secContMenu ul .mail a:visited {
	display: block;
	width: 75px;
	height: 30px;
	background: url(images/secContMenu-full-bg.gif) top left no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 45px;
}

#cont #secCont #secContMenu ul .mail a:hover, #cont #secCont #secContMenu ul .mail a:active {
	background: url(images/secContMenu-full-bg.gif) bottom left no-repeat;
}

#cont #secCont #secContMenu ul .myaccount a:link, #cont #secCont #secContMenu ul .myaccount a:visited {
	display: block;
	width: 46px;
	height: 30px;
	background: url(images/secContMenu-full-bg.gif) top center no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 30px;
}

#cont #secCont #secContMenu ul .myaccount a:hover, #cont #secCont #secContMenu ul .myaccount a:active {
	background: url(images/secContMenu-full-bg.gif) bottom center no-repeat;
}

#cont #secCont #secContMenu ul .help a:link, #cont #secCont #secContMenu ul .help a:visited {
	display: block;
	width: 44px;
	height: 30px;
	background: url(images/secContMenu-full-bg.gif) top right no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 40px;
}

#cont #secCont #secContMenu ul .help a:hover, #cont #secCont #secContMenu ul .help a:active {
	background: url(images/secContMenu-full-bg.gif) bottom right no-repeat;
}




/* MPU  
=========================================================*/

#cont #secCont #mpu {
	width: 300px;
	height: 250px;
	margin-bottom: 10px;
}

/* localNewsFeed  
=========================================================*/

#cont #secCont #localNewsFeed {
	width: 300px;
	height: 250px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: #ffffff url(images/local-news-panel-bottom-bg.gif) bottom left no-repeat;
}

* html #cont #secCont #localNewsFeed {   /* IE6 hack */
	margin: 8px 0px 0px 0px;
}

#cont #secCont #localNewsFeed h2 {
	background: url(images/local-news-panel-top-bg.gif) top left no-repeat;
	line-height: 30px;
	padding-left: 10px;
	color: #27a2f0;
}


#cont #secCont #localNewsFeed ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#cont #secCont #localNewsFeed ul li {
	width: 300px;
	height: 24px;
}


#cont #secCont #localNewsFeed ul #kcfm {
	width: 300px;
	height: 71px;
}



#cont #secCont #localNewsFeed ul .altStory {
	width: 300px;
	background: #f1f1f1;
}

#cont #secCont #localNewsFeed ul p {
	padding: 4px 5px 0px 10px;
}

#cont #secCont #localNewsFeed ul a:link, #cont #secCont #localNewsFeed ul a:visited {
	color: #27a2f0;
	text-decoration: none;
}

#cont #secCont #localNewsFeed ul a:hover, #cont #secCont #localNewsFeed ul a:active {
	color: #002252;
	text-decoration: underline;
}





/* knews (karoo news) panel 
=========================================================*/

#cont #secCont .knewsPanel {
	width: 300px;
	height: 210px;
	margin: 10px 0px 10px 0px;
	padding-bottom: 5px;
	background: #ffffff url(images/knewsPanel-bottom-bg.gif) bottom left no-repeat;
	color: #fff;
}

#cont #secCont .knewsPanel h2 {
	background: url(images/secPanel-top-bg.gif) top left no-repeat;
	line-height: 30px;
	padding-left: 10px;
	color: #C7D122;
}

#cont #secCont .knewsPanel ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#cont #secCont .knewsPanel ul li {
	width: 300px;
}

 
#cont #secCont .knewsPanel .knews {
	float: left;
	width: 300px;
	height: 100px;
	list-style: none;
	padding-bottom: 10px;
	background: #C7D122;
	margin-bottom: 15px;
	
}

#cont #secCont .knewsPanel .knews2 {
	float: left;
	width: 300px;
	height: 100px;
	list-style: none;
	padding-bottom: 10px;
	background: #bac545;
	margin-bottom: 10px;
	
}

#cont #secCont .knewsPanel img {
	float: left;
	clear: left;
	margin: 10px 10px;
	padding: 0px;
	border: 1px solid #fff;
}



#cont #secCont .knewsPanel a:link p, #cont #secCont .knewsPanel a:visited p {
	float: left;
	display: block;
	width: 200px;
	color: #fff;
	text-decoration: none;
	padding: 10px 10px 0px 0px;
	margin-bottom:10px;
	_margin-bottom: 0px;
}

* html #cont #secCont .knewsPanel a:link p, * html #cont #secCont .knewsPanel a:visited p {
	float: none;
}
#cont #secCont .knewsPanel a:link, #cont #secCont .knewsPanel a:visited {
	float: left;
	display: block;
	width: 200px;
	color: #fff;
	text-decoration: none;
	padding: 10px 10px 0px 0px;
	margin-bottom:10px;
	_margin-bottom: 0px;
}
#cont #secCont .knewsPanel a:hover, #cont #secCont .knewsPanel a:active{
	color: #494f05;
	text-decoration: underline;
}

#cont #secCont .knewsPanel a:hover p, #cont #secCont .knewsPanel a:active p {
	color: #494f05;
	text-decoration: underline;
}

/* Featured Local Business panel 
=========================================================*/


#cont #secCont .featLocalBusPanel {
	width: 300px;
	margin: 10px 0px 0px 0px;
	background: #ffffff url(images/secPanel-bottom-bg.gif) bottom left no-repeat;
	min-height: 100px;
	padding-bottom: 10px;
}

#cont #secCont .featLocalBusPanel h2 {
	background: url(images/secPanel-top-bg.gif) top left no-repeat;
	line-height: 30px;
	padding-left: 10px;
	color: #002252;
}

#cont #secCont .featLocalBusPanel ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#cont #secCont .featLocalBusPanel ul li {
	width: 300px;
}

#cont #secCont .featLocalBusPanel .flbimg {
	float: left;
	clear: left;
	margin: 0px 10px;
	padding: 0px;
	border: 0px;
}

#cont #secCont .featLocalBusPanel img {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	border: 0px;
}


#cont #secCont .featLocalBusPanel .featLocalBusitem {
	width: 300px;
	list-style: none;
	padding-top: 10px;
	
}

#cont #secCont .featLocalBusPanel h3 a:link, #cont #secCont .featLocalBusPanel h3 a:visited {
	color: #27a2f0;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
}

#cont #secCont .featLocalBusPanel h3 a:hover, #cont #secCont .featLocalBusPanel h3 a:active {
	color: #002252;
	text-decoration: underline;
}





/* =============================================================================================================================================================================
================================================================================================================================================================================

footer styles

================================================================================================================================================================================
============================================================================================================================================================================= */

#footer #footLinks {
	float: left;
	clear: none;
	width: 600px;
}

#footer #footLinks ul {
	float: left;
	clear: both;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#footer #footLinks ul li {
	float: left;
	clear: none;
	line-height: 1.8em;
	border-left: 1px solid #dddddd;
	padding: 0px 8px;
	margin: 5px;
}

#footer #footLinks ul .firstFootLink {
	float: left;
	clear: none;
	border-left: 0px;
	padding: 0px 8px 0px 0px;
	margin: 5px 0px 0px 0px;
}

#footer #footLinks p {
	color: #666666;
	clear: left;
	padding: 0px;
}

#footer #footLinks a:link, #footer #footLinks a:visited {
	color: #C7D122;
	text-decoration: none;
}

#footer #footLinks a:hover, #footer #footLinks a:active {
	color: #494f05;
	text-decoration: underline;
}



#footer #copy {
	float: right;
	clear: none;
	width: 350px;
	text-align: right;
	
}

#footer #copy p {
	color: #666666;
	text-align: right;
	padding: 0px;
}

#footer #copy a:link, #footer #copy a:visited {
display: block;
	height: 21px;
	text-align: right;
	color: #C7D122;
	text-decoration: none;
	padding-top: 7px;
	margin: 0px 0px;
}

#footer #copy a:hover, #footer #copy a:active {
	color: #494f05;
	text-decoration: underline;
}





/* =============================================================================================================================================================================
================================================================================================================================================================================

Products section styles

================================================================================================================================================================================
============================================================================================================================================================================= */


/* product modular
=============================================== */



/* left menu */


#cont #prodNav {
	width: 190px;
	float: left;
	clear: none;
	padding: 0px 0px 10px 10px;
}

#cont #prodNav .prodNavPanel {
	width: 180px;
	float: left;
	clear: none;
	background: #ffffff;
	margin-top: 10px;
	background: #ffffff url(images/prodNavPanel-bottom-bg.gif) bottom left no-repeat;
}

#cont #prodNav .prodNavPanel h2 {
	background: url(images/prodNavPanel-top-bg.gif) top left no-repeat;
	line-height: 30px;
	padding-left: 10px;
	color: #C7D122;
}

#cont #prodNav .prodNavPanel ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style: none;
}

#cont #prodNav .prodNavPanel ul li a:link, #cont #prodNav .prodNavPanel ul li a:visited {
	font-size: 1.1em;
	color: #4a4a4a;
	display: block;
	height: 30px;
	width: 170px;
	line-height: 30px;
	border-top: 1px #eaeaea solid;
	padding-left: 10px;
}

#cont #prodNav .prodNavPanel ul li a:hover, #cont #prodNav .prodNavPanel ul li a:active {
	color: #ffffff;
	background: #c3cc5e;
	text-decoration: none;
}

#cont #prodNav .prodNavPanel ul .last a:link, #cont #prodNav .prodNavPanel ul .last a:visited {
	font-size: 1.1em;
	color: #4a4a4a;
	display: block;
	height: 30px;
	width: 170px;
	line-height: 30px;
	border-top: 1px #eaeaea solid;
	padding-left: 10px;
}

#cont #prodNav .prodNavPanel ul .last a:hover, #cont #prodNav .prodNavPanel ul .last a:active {
	color: #ffffff;
	background: #c3cc5e url(images/prodNavPanel-last-bottom-bg.gif) bottom left no-repeat;
	text-decoration: none;
}
	





/* product single col */

#cont #prodCont {
	width: 730px;
	float: left;
	clear: none;
	padding: 10px;
	background:#FFF;
}


#cont #prodCont ul {
	padding-left:25px;
}

#cont #prodCont .prodContPanel {
	width: 740px;
	float: left;
	clear: none;
	background: #ffffff url(images/prodContPanel-bottom-bg.gif) bottom left no-repeat;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 15px 0px;
	z-index: 10;
}

#cont #prodCont .prodContPanel .prodContPanelTop {
	background: url(images/prodContPanel-top-bg.gif) top left no-repeat;
	height: 5px;
	margin: 0px;
	padding: 0px;
}

#cont #prodCont .prodHeadImg {
	padding: 0px 0px 10px 0px;
	z-index: 99;
}

#cont #prodCont .prodContPanel p {
	padding-left: 20px;
	padding-right: 20px;
}

#cont #prodCont .prodContPanel img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}

#cont #prodCont .prodContPanel .prodTitleStyle1 {	
	border-bottom: 1px solid #eaeaea;
}



/* product three col */


#cont #prodCont .prodThreeCol {
	width: 240px;
	min-height: 100px;
	float: left;
	clear: none;
	margin: 0px 0px 10px 10px;
	padding-bottom: 10px;
	background: #ffffff url(images/prodThreeCol-bottom-bg.gif) bottom left no-repeat;
}

#prodShopCont {
	width: 222px;
	min-height: 100px;
	float: left;
	clear: none;
	margin: 10px 10px 10px 10px;
	background: #ffffff url(images/prodThreeCol-bottom-bg.gif) bottom left no-repeat;
}

#cont #prodCont .firstProdThreeCol .prodThreeCol {
	margin: 0px 0px 0px 0px;
}

#cont #prodCont .prodThreeCol .prodThreeColTop {
	background: url(images/prodThreeCol-top-bg.gif) top left no-repeat;
	height: 5px;
	margin: 0px;
	padding: 0px;
}

#cont #prodCont .prodThreeCol p {
	padding-left: 20px;
	padding-right: 20px;
}

#cont #prodCont .prodThreeCol p {
	padding-left: 20px;
	padding-right: 20px;
}











/* =============================================================================================================================================================================
================================================================================================================================================================================

Products drop down styles

================================================================================================================================================================================
============================================================================================================================================================================= */


#nav ul li ul li {
	margin: 0px;
	padding: 0px;
}

.menu_head {
	margin: 0px;
	padding: 0px;

}

#nav ul .menu_head a:link, #nav ul .menu_head a:visited {
	background: url(images/navtab_drop.gif) no-repeat bottom left ;

}



.menu_body {
	display:none; 
	width: 134px;
	z-index: 2; 
	position: absolute;
	margin: 0px;
	padding: 0px;
}

.menu_body li {
	background: none; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 3;
	border-top: 1px solid #bbca13;
}

#nav ul .menu_head .menu_body li a:link, #nav ul .menu_head .menu_body li a:visited {
	background: #C7D122 !important;
	color:#FFFFFF;
	
	text-decoration:none;
	display:block; 
	z-index: 5;
}

#nav ul .menu_head .menu_body li a:hover, #nav ul .menu_head .menu_body li a:active {
	color: #494f05;
	background: #bbca13 !important;
}

#nav ul .menu_head .selected:link, #nav ul .menu_head .selected:visited {
	background: url(images/navtab_drop_a.gif) no-repeat bottom left;
	display: block;
	height: 30px;
	width: 124px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */



/* ======================================================================================================

Search Results styles

====================================================================================================== */




/* One Col panel - Search Results  
=========================================================*/

#cont #searchCont .searchPanel {
	width: 930px;
	background: #ffffff url(images/sr-bottom-bg.gif) bottom left no-repeat;
	min-height: 100px;
	clear: both;
	padding-bottom: 10px;
}

#cont #searchCont .searchPanel .searchContPanelTop {
	background: url(images/sr-top-bg.gif) top left no-repeat;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

#cont #searchCont .searchPanel p {
	padding: 10px 20px 0px 0px !important;
	margin: 0px;
	line-height: 1.6em;
	clear: both;
}

#cont #searchCont .searchPanel p a:hover, #cont #searchCont .searchPanel p a:active {
	text-decoration: none;
}



#cont #searchCont .searchPanel .searchSponsored {
	font-size: 1em;
	color: #999999;
	padding-left: 20px;
}


#cont #searchCont .searchPanel .searchTitle {
	font-size: 1.4em;
	text-decoration: underline;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}


#cont #searchCont .searchPanel .searchTitle:link, #cont #searchCont .searchPanel .searchTitle:visited {
	font-size: 1.6em;
}

#cont #searchCont .searchPanel .searchTitle:hover, #cont #searchCont .searchPanel .searchTitle:active {
	text-decoration: underline;
}



#cont #searchCont .searchPanel .searchDesc {
	width: 500px;
	font-size: 1em;
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}


#cont #searchCont .searchPanel .searchDesc:link, #cont #searchCont .searchPanel .searchDesc:visited {
	font-size: 1em;
	color: #000000;
	text-decoration: none;
}


#cont #searchCont .searchPanel .searchDesc:hover, #cont #searchCont .searchPanel .searchDesc:active {
	text-decoration: none;
}




#cont #searchCont .searchPanel .searchLink {
	font-size: 1em;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

#cont #searchCont .searchPanel .searchLink:link, #cont #searchCont .searchPanel .searchLink:visited {
	
}


#cont #searchCont .searchPanel .searchLink:hover, #cont #searchCont .searchPanel .searchLink:active {
}



#cont #searchCont .searchPanel .searchSearchedFor {
display: block;
height: 20px;
	float: left;
	clear: none;
	font-size: 1.1em;
	color: #000000;
	padding: 20px 0px 0px 20px;
}


#cont #searchCont .searchPanel .searchNumResults {
	float: right;
	clear: none;
	font-size: 1.1em;
	color: #000000;
	padding: 20px 20px 0px 0px;
}


#cont #searchCont .searchPanel .searchResultPages {
	text-align: right;
}