body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
line-height: 1.8em;
}
a {
outline: none;
}
.c-fix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cleaner {
clear: both;
height: 1px;
margin-top: -1px;
overflow: hidden;
}
.replace {
background-repeat: no-repeat;
overflow: hidden;
position: relative;
text-indent: -9999em;
z-index: 1;
}
.replace span {
background: no-repeat top left;
position: absolute;
height: 100%;
left: 0;
top: 0;
width: 100%;
z-index: 2;
}
.replace a {
height: 100%;
width: 100%;
position: absolute;
top:0;
left: 0;
z-index: 3;
display: block;
}
.columns:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#wrapper {
width: 950px;
margin: 0 auto;
padding: 0;
position: relative;
}
#wrapper-speedchecker {
	width: 400px;
	margin: 0;
	padding: 0 800px 500px 0;
	position: fixed;
	background: #ffffff;
}
#wrapper-speedchecker p {
	width: 400px;
	margin-left: 20px;
}
#wrapper-speedchecker h1 {
	color: #8c9511;
}
#wrapper-speedchecker h2 {
	color: #8c9511;
}

#header {
width: 950px;
height: 98px;
margin-top: 5px; 
}
#cont {
width: 950px;
}
#contPanelTop {
width: 950px;
background: #dadada url(/images/cont-bg-top.gif) left top no-repeat;
height: 5px;
margin: 0;
padding: 0;
}
#footer {
width: 950px;
clear: both;
margin-bottom: 0;
padding-bottom: 70px;
*padding-bottom: 0;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
display:block;
}
/* End hide from IE Mac */

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

h1, h2, h3, p, ul, li {
margin: 0;
padding: 0;
}
h1 {
font-size: 1.6em;
padding-left: 10px;
}
h2 {
font-size: 1.4em;
padding-left: 10px;
}
h3 {
font-size: 1.4em;
padding-left: 10px;
font-weight: normal;
}
p {
font-size: 1.2em;
color: #333333;
padding-top: 10px;
}
#prodCont ul {
font-size: 1.2em;
margin: 10px 0 0 30px;
padding: 0px;
color: #4a4a4a;
}
#prodCont ul {
list-style: none;
} 
#prodCont ul li {
padding: 2px 0 2px 20px;
}
body.theme-green #prodCont ul li {
margin: 0;
background: url(/images/reskin/GreenArrowIcon.gif) no-repeat 0 5px;
}
body.theme-orange #prodCont ul li {
margin: 0;
background: url(/images/reskin/OrangeArrowIcon.gif) no-repeat 0 5px;
}
body.theme-pink #prodCont ul li {
margin: 0px;
background: url(/images/reskin/PinkArrowIcon.gif) no-repeat 0 5px;
}
body.theme-blue #prodCont ul li {
margin: 0px;
background: url(/images/reskin/BlueArrowIcon.gif) no-repeat 0 5px;
}
a:link, a:visited {
text-decoration: none;
border: 0;
}
a:hover, a:active {
text-decoration: underline;
}
body.theme-green a {
color: #aebd08;
}
body.theme-orange a {
color: #ff9900;
}
body.theme-blue a {
color: #27a2f0;
}
body.theme-pink a {
color: #ec098d;
}
img {
border: 0;
}
table {
border-collapse: collapse;
margin: 20px;
font-size: 1.2em;
color: #4a4a4a;
}
table thead {
font-size: 1.1em;
background: #a3b107;
height: 40px;
text-align: left;
color: #ffffff;
}
body.theme-green table thead {
background: #aebd08;
}
body.theme-orange table thead {
background: #ff9900;
}
body.theme-blue table thead {
background: #27a2f0;
}
body.theme-pink table thead {
background: #ec098d;
}
table tr td, table tr th {
padding: 10px;
vertical-align: top;
text-align: left;
}
table tr td img {
text-align: left;
margin: 0 !important;
padding: 0 !important;
}
table tbody tr td {
border-bottom: 1px solid #aeaeae;
}

/* ========== generic tables ========== */

table.genericTable {
margin: 24px 0 6px 24px;
padding: 0;
border: 0;
border-collapse: collapse;
}
table.genericTable th {
margin: 0;
padding: 8px;
vertical-align: top;
text-align: left;
color: #fff;
font-size: 1.4em;
}
body.theme-green table.genericTable th {
background-color: #aebd08;
}
body.theme-orange table.genericTable th {
background-color: #ff9900;
}
body.theme-blue table.genericTable th {
background-color: #27a2f0;
}
body.theme-pink table.genericTable th {
background-color: #ec098d;
}
table.genericTable th a {
color: #fff!important;
font-size: 1em;
font-weight: bold;
}
table.genericTable td {
margin: 0;
padding: 8px;
font-size: 1.1em;
vertical-align: top;
text-align: left;
border-bottom: 1px solid #bebebe;
}
body.theme-green .altColor {
background-color: #e8ebc1;
}
body.theme-orange .altColor {
background-color: #ffbb56;
}
body.theme-blue .altColor {
background-color: #d0e6f4;
}
body.theme-pink .altColor {
background-color: #ee79bd;
}

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

#cont #mainCont {
width: 640px;
float: left;
clear: none;
padding: 10px 0 0 0;
display: inline;
}
#cont #secCont {
width: 300px;
float: right;
clear: none;
padding: 10px 0 10px 0;
display: inline;
}
#cont #searchCont {
width: 930px;
float: left;
clear: none;
padding: 5px 10px 10px 10px;
}

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

#cont #mainCont .firstFeed .threeColFeed {
margin: 0;
}
#cont #mainCont .threeColFeed {
width: 200px;
min-height: 100px;
float: left;
clear: none;
margin: 0 0 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: #a3b107;
}
#cont #mainCont .threeColFeed p {
padding-left: 10px;
padding-right: 10px;
}

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

#cont #mainCont .mainPanel {
width: 640px;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
background: #f5f5f5;
min-height: 100px;
clear: both;
}
#cont #mainCont .mainPanel h1 {
line-height: 30px;
font-weight: bold;
color: #4a4a4a;
font-size: 1.6em;
}
#cont #mainCont .mainPanel h2 {
line-height: 30px;
padding-left: 10px;
}
#cont #mainCont .mainPanel ul {
list-style-type: none;
margin-top: 6px;
_margin-left: 0;
_margin-top: 0;
}
.mainPanel ul li.arrow {
margin: 0px;
padding: 5px 20px 5px 20px;
list-style: none;
background: url(/images/mainCont-bullet.gif) no-repeat 0 5px;
float: none;
}
#cont #mainCont .mainPanel ul li, #cont #mainCont .mainPanel ol li {
font-size: 1.2em;
float: none;
clear: left;
margin-left: 20px;
}
#cont #mainCont .mainPanel img {
padding: 10px;
}
#cont #mainCont .mainPanel p {
padding-left: 10px;
padding-right: 10px;
}
#cont #mainCont .mainPanel h3 {
font-size: 1.6em;
line-height: 1.2em;	
margin: 10px 0 0 0;
font-weight: bold;
}
.theme-green #cont #mainCont .mainPanel h3 {
color: #aebd08;
}
.theme-orange #cont #mainCont .mainPanel h3 {
color: #ff9900;
}
.theme-blue #cont #mainCont .mainPanel h3 {
color: #27a2f0;
}
.theme-pink #cont #mainCont .mainPanel h3 {
color: #ec098d;
}
#cont #mainCont .mainPanel hr {
margin: 20px;
color: #eaeaea;
background-color: #eaeaea;
height: 1px;
border: 0;
}
#cont #mainCont .mainPanel hr.webmail {
margin: 10px 20px -10px 20px;
*margin: 10px 20px 0 20px;
color: #eaeaea;
background-color: #eaeaea;
height: 1px;
border: 0;
}

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

#cont #mainCont .noHeaderPanel {
width: 620px;
margin: 0 0 10px 0;
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: 0 0 10px 0;
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;
}
#cont #secCont .secPanel img {
padding: 10px;
}
#cont #secCont .secPanel p {
padding-left: 10px;
padding-right: 10px;
}
#cont #secCont .secPanel .liststyle1 {
list-style: none;
margin: 0;
padding: 0;
}
#cont #secCont .secPanel .liststyle1 li {
width: 280px;
padding: 4px 10px;
font-size: 11px;  
}
#cont #secCont .secPanel .liststyle1 .altStory {
width: 280px;
background: #f1f1f1;
}
#cont #secCont .secPanel .liststyle1 a {
line-height: 16px;
}
.theme-green #cont #secCont .secPanel .liststyle1 a:link, .theme-green #cont #secCont .secPanel .liststyle1 a:visited {
color: #aebd08;
text-decoration: none;
}
.theme-green #cont #secCont .secPanel .liststyle1 a:hover, .theme-green #cont #secCont .secPanel .liststyle1 a:active {
color: #aebd08;
text-decoration: underline;
}
.theme-blue #cont #secCont .secPanel .liststyle1 a:link, .theme-blue #cont #secCont .secPanel .liststyle1 a:visited {
color: #27a2f0;
text-decoration: none;
}
.theme-blue #cont #secCont .secPanel .liststyle1 a:hover, .theme-blue #cont #secCont .secPanel .liststyle1 a:active {
color: #27a2f0;
text-decoration: underline;
}
.theme-orange #cont #secCont .secPanel .liststyle1 a:link, .theme-orange #cont #secCont .secPanel .liststyle1 a:visited {
color: #ff9900;
text-decoration: none;
}
.theme-orange #cont #secCont .secPanel .liststyle1 a:hover, .theme-orange #cont #secCont .secPanel .liststyle1 a:active {
color: #ff9900;
text-decoration: underline;
}
.theme-pink #cont #secCont .secPanel .liststyle1 a:link, .theme-pink #cont #secCont .secPanel .liststyle1 a:visited {
color: #ec098d;
text-decoration: none;
}
.theme-pink #cont #secCont .secPanel .liststyle1 a:hover, .theme-pink #cont #secCont .secPanel .liststyle1 a:active {
color: #ec098d;
text-decoration: underline;
}

/* ========== 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: 0;
padding: 0;
list-style: none;
clear: none;
}
#header #topLinks #topNav ul li {
float: left;
clear: none;
padding: 0 10px;
border-left: 2px solid #cccccc;
}

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

#header #logoarea {
width: 222px;
height: 90px;
float: left;
clear: none;
margin: 0;
padding: 0;
}
#header #logo {
height: 46px;
margin: 10px 0 0 0;
padding: 0;
}
#logo span {
height: 46px;
width: 203px;
}
.theme-green #logo span {
background: url(/images/reskin/KarooGreen.gif) 0 0 no-repeat;
}
.theme-blue #logo span {
background: url(/images/reskin/KarooBlue.gif) 0 0 no-repeat;
}
.theme-orange #logo span {
background: url(/images/reskin/KarooOrange.gif) 0 0 no-repeat;
}
.theme-pink #logo span {
background: url(/images/reskin/KarooPink.gif) 0 0 no-repeat;
}
#header #logoarea #logo h1 {
margin: 0;
padding: 0;
}
#header #logoarea #make-homepage a {
height: 21px;
width: 165px;
display: block;
color: #000;
text-decoration: none;
padding-left: 28px;
padding-top: 1px;
font-size: 10px;
}
.theme-green #header #logoarea #make-homepage a {
background: url(/images/reskin/special/make-homepage-green.gif) bottom left no-repeat;
}
.theme-orange #header #logoarea #make-homepage a {
background: url(/images/reskin/special/make-homepage-orange.gif) bottom left no-repeat;
}
.theme-blue #header #logoarea #make-homepage a {
background: url(/images/reskin/special/make-homepage-blue.gif) bottom left no-repeat;
}
.theme-pink #header #logoarea #make-homepage a {
background: url(/images/reskin/special/make-homepage-pink.gif) bottom left no-repeat;
}
#cont #mainCont .mainPanel p.view-video-button {
padding: 10px;
}
#cont #mainCont .mainPanel p.view-video-button a {
height: 21px;
width: 165px;
display: block;
color: #000;
text-decoration: none;
padding-left: 28px;
padding-top: 1px;
font-size: 10px;
}
.theme-green #cont #mainCont .mainPanel p.view-video-button a {
background: url(/images/reskin/VideoButtonGreen.gif) bottom left no-repeat;
}
.theme-orange #cont #mainCont .mainPanel p.view-video-button a {
background: url(/images/reskin/VideoButtonOrange.gif) bottom left no-repeat;
}
.theme-blue #cont #mainCont .mainPanel p.view-video-button a {
background: url(/images/reskin/VideoButtonBlue.gif) bottom left no-repeat;
}
.theme-pink #cont #mainCont .mainPanel p.view-video-button a {
background: url(/images/reskin/VideoButtonPink.gif) bottom left no-repeat;
}
#header #leaderboard {
width: 728px;
height: 90px;
float: right;
}
div#adtech-leaderboard {
position: absolute;
top: 0px;
*top: 4px;
left: 223px;
}

/* ========== footer styles ========== */

#footer #footLinks {
float: left;
clear: none;
width: 600px;
}
#footerBanner {
margin: 10px 0 4px 0;
text-align: center;
}
#footer #footLinks ul {
float: left;
clear: both;
list-style: none;
margin: 0;
padding: 0;
*padding: 0 0 6px 0;
}
#footer #footLinks ul li {
float: left;
clear: none;
line-height: 1.8em;
border-left: 1px solid #dddddd;
padding: 0 8px;
margin: 5px;
}
#footer #footLinks ul .firstFootLink {
float: left;
clear: none;
border-left: 0;
padding: 0 8px 0 0;
margin: 5px 0 0 0;
}
#footer #footLinks p {
color: #666666;
clear: left;
padding: 0px;
font-size: 1em;
}
.theme-green #footer #footLinks a:link, .theme-green #footer #footLinks a:visited {
color: #aebd08;
text-decoration: none;
}
.theme-green #footer #footLinks a:hover, .theme-green #footer #footLinks a:active {
color: #aebd08;
text-decoration: underline;
}
.theme-blue #footer #footLinks a:link, .theme-blue #footer #footLinks a:visited {
color: #27a2f0;
text-decoration: none;
}
.theme-blue #footer #footLinks a:hover, .theme-blue #footer #footLinks a:active {
color: #27a2f0;
text-decoration: underline;
}
.theme-orange #footer #footLinks a:link, .theme-orange #footer #footLinks a:visited {
color: #ff9900;
text-decoration: none;
}
.theme-orange #footer #footLinks a:hover, .theme-orange #footer #footLinks a:active {
color: #ff9900;
text-decoration: underline;
}
.theme-pink #footer #footLinks a:link, .theme-pink #footer #footLinks a:visited {
color: #ec098d;
text-decoration: none;
}
.theme-pink #footer #footLinks a:hover, .theme-pink #footer #footLinks a:active {
color: #ec098d;
text-decoration: underline;
}
#footer #copy {
float: right;
clear: none;
width: 350px;
text-align: right;
}
#footer #copy p {
color: #666666;
text-align: right;
padding: 0;
font-size: 1em;
}
#footer #copy a:link, #footer #copy a:visited {
display: block;
height: 21px;
text-align: right;
text-decoration: none;
padding-top: 7px;
margin: 0;
}
#footer #copy a:hover, #footer #copy a:active {
text-decoration: underline;
}

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

#mainSearch {
width: 950px;
height: 74px;
position: relative;
margin: 0;
padding: 0;
clear: both;
z-index: 1000;
}
#mainSearch #social-networks {
width: 86px;
height: 50px;
margin: 0;
padding: 0;
float: left;
border-left: 1px solid #ccc;
}
#mainSearch #social-networks p {
margin: 0;
padding: 0 0 6px 13px;
}
#mainSearch #social-networks ul {
margin: 0 0 0 14px;
padding: 0;
list-style-type: none;
}
#mainSearch #social-networks ul li {
width: 20px;
height: 21px;
margin: 0 0 0 6px;
padding: 0;
float: left;
}
#mainSearch #social-networks ul li a {
display: block;
width: 20px;
height: 21px;
background-image: url('/images/search/social-networks.gif')
}
#mainSearch #social-networks ul li a.twitter {
background-position: 0 -21px;
}
#mainSearch #social-networks ul li a.facebook {
background-position: 0 0;
}
#mainSearch #search-box {
width: 780px;
margin: 0;
padding: 0;
float: left;
}
#mainSearch #search-box img {
width: 150px;
height: 54px;
margin: 0;
padding: 0 18px 0 0;
float: left;
}
#mainSearch #search-box .searchbox {
width: 480px;
margin: 10px 0 0 0;
padding: 3px 8px 5px 8px;
*padding-top: 5px;
font-size: 1.6em;
border: 1px solid #ccc;
}
#mainSearch #search-box .submit-top {
width: 81px;
height: 30px;
position: relative;
top: 1px;
*top: 0;
left: -5px;
padding: 0;
border: 0;
cursor: pointer;
background: url(/images/search/button-search.gif) top left no-repeat;
}
#mainSearch #search-box ul {
margin: 0;
padding: 4px 0 0 580px;
list-style-type: none;
}
#mainSearch #search-box ul li {
margin: 0 14px 0 0;
padding: 0;
float: left;
}

/* themes */

#mainSearch #theme-wrap {
height: 50px;
float: left;
margin: 0;
padding: 0;
border-left: 1px solid #ccc;
}
#mainSearch #theme-wrap p {
margin: 0;
padding: 0 0 6px 15px;
}
#mainSearch #Themes {
display: block;
width: 40px;
height: 21px;
position: relative;
cursor: pointer;
margin-left: 20px;
top: 0;
left: 0;
}
#mainSearch #themes ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#mainSearch #themes ul li {
margin: 0;
padding: 0;
}
#mainSearch #Themes .theme-green {
background: #aebd08;
} 
#mainSearch #Themes .theme-orange {
background: #ff9900;
} 
#mainSearch #Themes .theme-blue {
background: #27a2f0;
} 
#mainSearch #Themes .theme-pink {
background: #ec098d;
}
.theme-green #mainSearch #Themes #Current {
background: #aebd08;
} 
.theme-orange #mainSearch #Themes #Current {
background: #ff9900;
} 
.theme-blue #mainSearch #Themes #Current {
background: #27a2f0;
} 
.theme-pink #mainSearch #Themes #Current {
background: #ec098d;
}
#mainSearch .themes {
display: block;
background-image: url('/images/search/bg-theme.gif');
}
#mainSearch .themes-open {
background-image: url('/images/search/bg-theme.gif');
display: block;
background-position: 0 -21px;
}
#mainSearch #Themes #Current {
position: absolute;
top: 3px;
left: 2px;
z-index: 100;
width: 22px;
height: 16px;
position: relative;
}
#mainSearch #Themes #Current .rounded {
height: 100%;
width: 2px;
position: absolute;
top: 0;
left:0;
display: block;
z-index: 101;
background:url(/images/reskin/CurrentRounded.gif) 0 0 no-repeat;
}
#mainSearch #Themes .options {
display: none;
background: url(/images/reskin/ThemesOptionsBg.gif) bottom left no-repeat;
padding-bottom: 4px;
width: 40px;
position: absolute;
top: 21px;
left: 0;
z-index:100000000;
}
#mainSearch #Themes .options ul {
list-style: none;
background: #525252;
}
#mainSearch #Themes .options ul li {
width: 36px;
height: 21px;
display: block;
cursor: pointer;
margin: 2px 0 0 2px;
}
#mainSearch #Themes .options ul li#T1 {
margin-top: 0;
}

/* bottom search */

#bottomSearch {
position: relative;
height: 75px;
background: #f5f5f5;
display: block;
clear: both;
margin: 10px 0;
*margin: 0 0 10px 0;
}
#bottomSearch .search-by-google {
position: absolute;
top: 10px;
left: 10px;
width: 200px;
height: 45px;
} 
#bottomSearch .search-by-google span {
width: 200px;
height: 45px;
background: url(/images/reskin/search-by-google-bottom.gif) 0 0 no-repeat;
}
#bottomSearch .search {
width: 410px;
height: 50px;
position: absolute;
top: 10px;
right: 10px;
}
#bottomSearch .search label.search-label {
display: none;
}
#bottomSearch .search input.search-field {
position: absolute;
top: 2px;
left: 0;
width: 335px;
height: 20px;
color: #666;
font-weight: bold;
padding: 4px;
margin: 0;
font-family: Verdana;
font-size: 16px;
background: #ffffff;
border:1px #ccc solid;
}
#bottomSearch .search .search-button {
cursor: pointer;
width: 66px;
height: 30px;
display: block;
text-indent: -9999em;
border: none;
position: absolute;
top: 2px;
left: 335px;
padding: 0;
margin: 0;
}
#bottomSearch .search .radios {
position: absolute;
top: 40px;
left: 0;
}
#bottomSearch .search .radios ul {
list-style: none;
margin: 0;
padding: 0;
}
#bottomSearch .search .radios ul li {
float: left;
display: block;
width: 100px;
height: 20px;
position: relative;
background: none;
}
#bottomSearch .search .radios ul li input {
position: absolute;
top: 1px;
left: 0;
}
#bottomSearch .search .radios ul li label {
position: absolute;
top: 0;
left:25px;
}
.theme-green #bottomSearch .search .search-button {
background: url(/images/reskin/gsb-bottom-green.gif) no-repeat top left;
}
.theme-orange #bottomSearch .search .search-button {
background: url(/images/reskin/gsb-bottom-orange.gif) no-repeat top left;
}
.theme-blue #bottomSearch .search .search-button {
background: url(/images/reskin/gsb-bottom-blue.gif) no-repeat top left;
}
.theme-pink #bottomSearch .search .search-button {
background: url(/images/reskin/gsb-bottom-pink.gif) no-repeat top left;
}

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

div.adsbygoogle {
margin-bottom: 14px;
}
#cont #mainCont .noHeaderPanel .adsbygoogle img {
position: relative;
bottom: 0;
left: 527px;
margin: 0;
padding: 0;
}
#cont #prodCont .prodContPanel .adsbygoogle img {
position: relative;
bottom: 0;
left: 647px;
top: 15px;
margin: 0;
padding: 0;
}
#news-horizontal-ad {
width: 468px;
margin: 20px auto;
padding: 0;
}

/* ========== nav styles ========== */

#nav {
width: 950px;
height: 30px;
position: relative;
z-index: 100;
}
body.theme-green #nav {
border-bottom: 4px solid #a3b107;
}
body.theme-blue #nav {
border-bottom: 4px solid #27a2f0;
}
body.theme-orange #nav {
border-bottom: 4px solid #ff9900;
}
body.theme-pink #nav {
border-bottom: 4px solid #ec098d;
}
#nav ul {
list-style: none;
float: left;
margin: 0;
padding: 0;
}
#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 {
background: url(/images/navtab.gif) no-repeat bottom left;
}
body.theme-green #nav ul li a:hover, body.theme-green #nav ul li a:active {
color: #a3b106;
}
body.theme-blue #nav ul li a:hover, body.theme-blue #nav ul li a:active {
color: #27a2f0;
}
body.theme-orange #nav ul li a:hover, body.theme-orange #nav ul li a:active {
color: #ff9900;
}
body.theme-pink #nav ul li a:hover, body.theme-pink #nav ul li a:active {
color: #ec098d;
}
body.theme-green #nav ul li a.selected:hover {
color: #fff;
}
#nav ul .first {
margin-left: 0;
}
#nav ul li a.selected {
display: block;
height: 30px;
width: 124px;
}
body.theme-green #nav ul li a.selected {
color:#fff;
background: url(/images/reskin/NavTabGreen.gif) no-repeat bottom left;
}
body.theme-blue #nav ul li a.selected {
color:#fff;
background: url(/images/reskin/NavTabBlue.gif) no-repeat bottom left;
}
body.theme-orange #nav ul li a.selected {
color:#fff;
background: url(/images/reskin/NavTabOrange.gif) no-repeat bottom left;
}
body.theme-pink #nav ul li a.selected {
color:#fff;
background: url(/images/reskin/NavTabPink.gif) no-repeat bottom left;
}

/* ========== Products drop down styles ========== */

#nav ul li ul li {
margin: 0;
padding: 0;
}
.menu_head {
margin: 0;
padding: 0;
}
body.theme-green #nav ul .menu_head a:hover, body.theme-green #nav ul .menu_head a:active {
color: #fff;
background: url(/images/reskin/NavTabGreenDrop.gif) no-repeat bottom left;
}
body.theme-orange #nav ul .menu_head a:hover, body.theme-orange #nav ul .menu_head a:active {
color: #fff;
background: url(/images/reskin/NavTabOrangeDrop.gif) no-repeat bottom left;
}
body.theme-blue #nav ul .menu_head a:hover, body.theme-blue #nav ul .menu_head a:active {
color: #fff;
background: url(/images/reskin/NavTabBlueDrop.gif) no-repeat bottom left;
}
body.theme-pink #nav ul .menu_head a:hover, body.theme-pink #nav ul .menu_head a:active {
color: #fff;
background: url(/images/reskin/NavTabPinkDrop.gif) no-repeat bottom left;
}
#nav ul .menu_head a:link, #nav ul .menu_head a:visited {
background: url(/images/navtab_drop.gif) 0 0 no-repeat;
}
#nav ul .menu_head:hover .menu_body {
visibility: visible;
}
.menu_body { 
width: 134px;
z-index: 2; 
position: absolute;
margin: 0;
padding: 0;
}
.menu_body li {
background: none; 
margin: 0;
padding: 0;
z-index: 3;
}
#nav ul .menu_head .menu_body li a:link, #nav ul .menu_head .menu_body li a:visited {
color: #FFF;
text-decoration: none;
display: block;
z-index: 5;
}
.theme-green #nav ul .menu_head .menu_body li a:link, .theme-green #nav ul .menu_head .menu_body li a:visited {
background: #a3b107!important;
}
.theme-green #nav ul .menu_head .menu_body li a:hover, .theme-green #nav ul .menu_head .menu_body li a:active {
color: #4a4a4a;
background: #bbca13!important;
}
.theme-green .menu_body li {
border-top: 1px solid #bbca13;
}
.theme-blue #nav ul .menu_head .menu_body li a:link, .theme-blue #nav ul .menu_head .menu_body li a:visited {
background: #27a2f0!important;
}
.theme-blue #nav ul .menu_head .menu_body li a:hover, .theme-blue #nav ul .menu_head .menu_body li a:active {
color: #27a2f0;
background: #d0e6f4!important;
}
.theme-blue .menu_body li {
border-top: 1px solid #d0e6f4;
}
.theme-orange #nav ul .menu_head .menu_body li a:link, .theme-orange #nav ul .menu_head .menu_body li a:visited {
background: #ff9900!important;
}
.theme-orange #nav ul .menu_head .menu_body li a:hover, .theme-orange #nav ul .menu_head .menu_body li a:active {
color: #4a4a4a;
background: #ffbb56!important;
}
.theme-orange .menu_body li {
border-top: 1px solid #ffbb56;
}
.theme-pink #nav ul .menu_head .menu_body li a:link, .theme-pink #nav ul .menu_head .menu_body li a:visited {
background: #ec098d!important;
}
.theme-pink #nav ul .menu_head .menu_body li a:hover, .theme-pink #nav ul .menu_head .menu_body li a:active {
color: #4a4a4a;
background: #ee79bd!important;
}
.theme-pink .menu_body li {
border-top: 1px solid #ee79bd;
}
#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;
}
body.theme-green #nav ul .menu_head .selected:link, body.theme-green #nav ul .menu_head .selected:visited {
color: #fff;
background: url(/images/reskin/NavTabGreenDrop.gif) no-repeat bottom left;
}
body.theme-orange #nav ul .menu_head .selected:link, body.theme-orange #nav ul .menu_head .selected:visited {
color: #fff;
background: url(/images/reskin/NavTabOrangeDrop.gif) no-repeat bottom left;
}
body.theme-blue #nav ul .menu_head .selected:link, body.theme-blue #nav ul .menu_head .selected:visited {
color: #fff;
background: url(/images/reskin/NavTabBlueDrop.gif) no-repeat bottom left;
}
body.theme-pink #nav ul .menu_head .selected:link, body.theme-pink #nav ul .menu_head .selected:visited {
color: #fff;
background: url(/images/reskin/NavTabPinkDrop.gif) no-repeat bottom left;
}
#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
#content {
clear: left;
color: #ccc;
}
#nav ul li ul li {
background: #A3B107!important;
}
.menu_body li, .menu_body li a {
height: auto!important;
line-height: 18px!important;
padding-top: 6px;
padding-bottom: 6px;
}

/* ========== product left menu ========== */

#cont #prodNav {
width: 180px;
float: left;
padding: 0 0 10px 10px;
}
#cont #prodNav .prodNavPanel {
width: 180px;
float: left;
clear: none;
background: #fff;
margin-top: 10px;
background: #fff 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;
}
.theme-green #cont #prodNav .prodNavPanel h2 {
color: #aebd08;
} 
.theme-orange #cont #prodNav .prodNavPanel h2 {
color: #ff9900;
} 
.theme-blue #cont #prodNav .prodNavPanel h2 {
color: #27a2f0;
} 
.theme-pink #cont #prodNav .prodNavPanel h2 {
color: #ec098d;
}
#cont #prodNav .prodNavPanel ul li h2 {
width: 170px;
}
#cont #prodNav .prodNavPanel ul {
padding: 0;
margin: 0;
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 {
text-decoration: none;
}
.theme-green #cont #prodNav .prodNavPanel ul li a:hover, .theme-green #cont #prodNav .prodNavPanel ul li a:active{
background: #E8EBC1;
}
.theme-green #cont #prodNav .prodNavPanel ul li.selected a {
background: #aebd08;
}
.theme-orange #cont #prodNav .prodNavPanel ul li a:hover, .theme-orange #cont #prodNav .prodNavPanel ul li a:active{
background: #FFBB56;
}
.theme-orange #cont #prodNav .prodNavPanel ul li.selected a {
background: #ff9900;
}
.theme-blue #cont #prodNav .prodNavPanel ul li a:hover, .theme-blue #cont #prodNav .prodNavPanel ul li a:active{
background: #D0E6F4;
}
.theme-blue #cont #prodNav .prodNavPanel ul li.selected a {
background: #27a2f0;
}
.theme-pink #cont #prodNav .prodNavPanel ul li a:hover, .theme-pink #cont #prodNav .prodNavPanel ul li a:active{
background:#EE79BD;
}
.theme-pink #cont #prodNav .prodNavPanel ul li.selected a {
background: #ec098d;
}
#cont #prodNav .prodNavPanel ul li.selected {
background: #c3cc5e;
text-decoration: none;
}
#cont #prodNav .prodNavPanel ul li.selected a {
color: #fff;
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 {
background: #e8ebc1 url(/images/prodNavPanel-last-bottom-bg.gif) bottom left no-repeat;
text-decoration: none;
}
#cont #prodNav .prodNavPanel ul .last.selected {
background: url(/images/prodNavPanel-last-bottom-selected-bg.gif) bottom left no-repeat;
}

/* ========== Floating right nav start ========== */

.prodContPanel #prodDetail #ProdDetailRightNav {
padding: 0 0 5px 20px;
margin: 20px 20px 0 0;
width: 210px;
float: right;
clear: none;
background: #fff url(/images/RightPanel-bottom-bg.gif) bottom right no-repeat;
}
.prodContPanel #prodDetail #ProdDetailRightNav ul li h2 {
font-size: 1.0em;
line-height: 30px;
color: #fff;
border: 0;
padding: 0 0 0 10px;
margin: 0;
}
body.theme-green .prodContPanel #prodDetail #ProdDetailRightNav ul li h2 {
background-color: #aebd08!important;
}
body.theme-orange .prodContPanel #prodDetail #ProdDetailRightNav ul li h2 {
background-color: #ff9900!important;
}
body.theme-blue .prodContPanel #prodDetail #ProdDetailRightNav ul li h2 {
background-color: #27a2f0!important;
}
body.theme-pink .prodContPanel #prodDetail #ProdDetailRightNav ul li h2 {
background-color: #ec098d!important;
}
.prodContPanel #prodDetail #ProdDetailRightNav ul {
list-style: none;
padding: 0;
margin: 0;
width: 210px;
}
.prodContPanel #prodDetail #ProdDetailRightNav ul li {
font-size: 1.0em;
color: #a3b107;
list-style: none;
background: none;
width: 210px;
padding: 0;
margin: 0;
}
.prodContPanel #prodDetail #ProdDetailRightNav ul li a {
display: block;
width: 188px;
line-height: 16px;
margin: 0;
padding: 5px 10px;
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
}
.prodContPanel #prodDetail #ProdDetailRightNav ul .last {
font-size: 1.0em;
color: #a3b107;
}

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

#cont #mainCont #Feature {
width: 640px;
height: 244px;
position: relative;
z-index: 2;
}
#cont #mainCont #Feature #Main {
position: absolute;
top:0;
left: 0;
height: 244px;
width: 442px;
}
#cont #mainCont #Feature #Sidebar {
position: absolute;
top:0;
right: 0;
z-index: 3;
height: 244px;
width: 207px;
background: url(/images/reskin/FeatureSidebarBg.gif) 0 0 repeat-x;
}
#cont #mainCont #Feature #Sidebar h2 {
background: #2A2A2A;
padding: 8px 10px;
line-height: 100%;
color: #fff;
font-size: 12px;
}
#cont #mainCont #Feature #Sidebar ul {
margin: 0 0 0 10px;
padding: 0;
list-style-type: none;
}
#cont #mainCont #Feature #Sidebar ul li {
margin: 8px 0 0 0;
padding: 0 4px 0 16px;
line-height: 16px;
color: #fff;
font-size: 1.2em;
width: 160px;
list-style-type: none;
}
.theme-green #cont #mainCont #Feature #Sidebar ul li a {
color: #AEBD08;
font-weight: normal;
}
.theme-orange #cont #mainCont #Feature #Sidebar ul li a {
color: #ff9900;
font-weight: normal;
}
.theme-blue #cont #mainCont #Feature #Sidebar ul li a {
color: #27a2f0;
font-weight: normal;
}
.theme-pink #cont #mainCont #Feature #Sidebar ul li a {
color: #ec098d;
font-weight: normal;
}
#cont #mainCont #Feature #Sidebar p.read-more-action {
position: absolute;
bottom: 5px;
right: 5px;
font-weight: normal;
}
#cont #mainCont #Feature #Sidebar p.read-more-action a {
color: #fff;
font-weight: normal;
}
.theme-green #cont #mainCont #Feature #Sidebar ul li {
background: url(/images/reskin/ArrowIconGreenDark.gif) 0 3px no-repeat;
}
.theme-orange #cont #mainCont #Feature #Sidebar ul li {
background: url(/images/reskin/ArrowIconOrangeDark.gif) 0 3px no-repeat;
}
.theme-blue #cont #mainCont #Feature #Sidebar ul li {
background: url(/images/reskin/ArrowIconBlueDark.gif) 0 3px no-repeat;
}
.theme-pink #cont #mainCont #Feature #Sidebar ul li {
background: url(/images/reskin/ArrowIconPinkDark.gif) 0 3px no-repeat;
}

/* tabs */

#cont #mainCont #Feature .tabs {
width: 432px;
height: 30px;
position: absolute;
top: 216px;
left: 0;
z-index: 2;
}
#cont #mainCont #Feature .tabs ul {
list-style: none;
width: 432px;
height: 30px;
}
#cont #mainCont #Feature .tabs ul li {
float: left;
display: block;
height: 24px;
padding: 4px 0 0 0;
border-bottom: 1px #fff solid;
background-position: bottom left;
background-repeat: repeat-x;
}
#cont #mainCont #Feature .tabs ul li a {
color: #fff;
font-size: 12px;
text-align: center;
display:block;
text-decoration: none;
}
#cont #mainCont #Feature .tabs ul li.t-1 {
width: 143px;
background-color: #adbc08;
background-image: url(/images/reskin/FeatureTab1Bg.gif);
}
#cont #mainCont #Feature .tabs ul li.t-2 {
width: 144px;
background-color: #9e0b0f;
background-image: url(/images/reskin/FeatureTab2Bg.gif);
border-left: 1px #fff solid;
border-right: 1px #fff solid;
}    
#cont #mainCont #Feature .tabs ul li.t-3 {
width: 143px;
background-color: #ff9900;
background-image: url(/images/reskin/FeatureTab3Bg.gif);
}
#cont #mainCont #Feature .tabs ul li.active {
border-bottom: 0;
background-image: none;
}
#cont #mainCont #Feature .tabs-stage {
position: absolute;
top: 0;
left:0;
z-index: 1;
width: 432px;
height: 244px;
}
#cont #mainCont #Feature .tabs-content {
width: 432px;
height: 244px;
position: relative;
}
#cont #mainCont #Feature .tabs-content p {
padding: 0;
margin: 0;
}
#cont #mainCont #Feature .tabs-content .snapshot {
width: 432px;
height: 43px;
position: absolute;
bottom: 0;
left:0;
z-index: 2;
}
#cont #mainCont #Feature .tabs-content .snapshot .bg {
background: url(/images/reskin/SnapshotBg.png) 0 0 no-repeat;
display: block;
width: 432px;
height: 43px;
position: absolute;
top: 0;
left:0;
z-index: 3;
}
#cont #mainCont #Feature .tabs-content .snapshot .content {
color: #fff;
width: 432px;
height: 43px;
position: absolute;
top: 0;
left:0;
z-index: 4;
}
#cont #mainCont #Feature .tabs-content .snapshot .content p.text {
color: #fff;
line-height: 120%;
width: 300px;
padding-right: 20px;
position: absolute;
top: 6px;
left: 10px;
z-index: 5;
background: url(/images/reskin/DottedVertical.gif) top right no-repeat;
}
#cont #mainCont #Feature .tabs-content .snapshot .content .read-more-action {
position: absolute;
bottom: 5px;
right: 5px;
z-index: 5;
width: 90px;
color: #fff;
}
#cont #mainCont #Feature .tabs-content .snapshot .content .read-more-action  a {
color: #fff;
}
#cont #mainCont #Feature #TabContent1 {
display: block;
}
#cont #mainCont #Feature #TabContent2 {
display: none;
}
#cont #mainCont #Feature #TabContent3 {
display: none;
}
#cont #mainCont #Feature #Main div.kt-content {
width: 432px;
height: 43px;
position: absolute;
margin: 0;
padding: 2px 4px 2px 4px;
top: 173px;
left: 0;
background: url(/images/reskin/SnapshotBg.png) 0 0 no-repeat;
overflow: auto;
}
#cont #mainCont #Feature #Main div.kt-content p {
margin: 0;
padding: 0;
color: #fff;
}
#cont #mainCont #Feature #Main div.kt-content p a {
color: #fff;
}
#cont #mainCont #Feature #Main div.kt-content p.kt-left {
width: 323px;
padding: 2px 4px 0 4px;
float: left;
}
#cont #mainCont #Feature #Main div.kt-content p span {
padding-left: 5px;
}
#cont #mainCont #Feature #Main div.kt-content p.kt-right {
width: 90px;
height: 19px;
margin: 4px 0;
padding: 16px 3px 0 6px;
float: right;
}

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

#cont #mainCont .firstFeed .nseFeed {
margin: 10px 0 0 0;
}
#cont #mainCont .nseFeed {
width: 206px;
float: left;
clear: none;
overflow: auto;
margin: 10px 0 10px 10px;
background: #f5f5f5;
display: inline;
}
#cont #mainCont h2 {
line-height: 30px;
padding-left: 10px;
color: #fff;
}
body.theme-green #cont #mainCont h2 {
background: #a3b107;
}
body.theme-blue #cont #mainCont h2 {
background: #27a2f0;
}
body.theme-orange #cont #mainCont h2 {
background: #ff9900;
}
body.theme-pink #cont #mainCont h2 {
background: #ec098d;
}
#cont #mainCont .nseFeed ul {
list-style: none;
margin: 0;
padding: 0;
}
#cont #mainCont .nseFeed ul li {
width: 180px;
min-height: 40px;
_height: 36px;
padding-left: 20px;
}
body.theme-green #cont #mainCont .nseFeed ul li {
background: url(/images/reskin/GreenArrowIcon.gif) 10px 8px no-repeat;
}
body.theme-orange #cont #mainCont .nseFeed ul li {
background: url(/images/reskin/OrangeArrowIcon.gif) 10px 8px no-repeat;
}
body.theme-pink #cont #mainCont .nseFeed ul li {
background: url(/images/reskin/PinkArrowIcon.gif) 10px 8px no-repeat;
}
body.theme-blue #cont #mainCont .nseFeed ul li {
background: url(/images/reskin/BlueArrowIcon.gif) 10px 8px no-repeat;
}
#cont #mainCont .nseFeed ul .featStory {
width: 205px;
min-height: 71px;
padding-left: 0;
}
body.theme-green #cont #mainCont .nseFeed ul .featStory {
background: #ecefc3;
}
body.theme-blue #cont #mainCont .nseFeed ul .featStory {
background: #d0e6f4;
}
body.theme-orange #cont #mainCont .nseFeed ul .featStory {
background: #f7e3c4;
}
body.theme-pink #cont #mainCont .nseFeed ul .featStory {
background: #f4cfe4;
}
#cont #mainCont .nseFeed ul .featStory a img {
width: 71px;
height: 71px;
float: left;
clear: none;
margin: 0;
padding: 0 8px 0 0;
border: 0;
}
#cont #mainCont .nseFeed ul .featStory p {
margin: 0;
padding: 5px 0 0 0;
}
#cont #mainCont .nseFeed ul p {
padding: 4px 5px 4px 10px;
}
#cont #mainCont .nseFeed ul .featStory a:link p, #cont #mainCont .nseFeed ul .featStory a:visited p {
display: block;
padding-right: 5px;
color: #4a4a4a;
font-weight: bold;
text-decoration: none;
line-height: 1.2em;
}
#cont #mainCont .nseFeed ul .featStory a:hover p, #cont #mainCont .nseFeed ul .featStory a:active p {
color: #4a4a4a;
text-decoration: underline;
}
#cont #mainCont .nseFeed ul a:link, #cont #mainCont .nseFeed ul a:visited {
color: #4a4a4a;
text-decoration: none;
}
#cont #mainCont .nseFeed ul a:hover, #cont #mainCont .nseFeed ul a:active {
color: #4a4a4a;
text-decoration: underline;
}

/* =========News feeds on Webmail =========== */
#cont #mainCont .firstFeed .nseFeedWebmail {
margin: 10px 0 0 0;
}
#cont #mainCont .nseFeedWebmail {
width: 195px;
float: left;
clear: none;
overflow: auto;
margin: 10px 0 10px 10px;
background: #f5f5f5;
display: inline;
}
#cont #mainCont .nseFeedWebmail ul {
list-style: none;
margin: 0;
padding: 0;
}
#cont #mainCont .nseFeedWebmail ul li {
width: 169px;
min-height: 40px;
_height: 36px;
padding-left: 20px;
}
body.theme-green #cont #mainCont .nseFeedWebmail ul li {
background: url(/images/reskin/GreenArrowIcon.gif) 10px 8px no-repeat;
}
body.theme-orange #cont #mainCont .nseFeedWebmail ul li {
background: url(/images/reskin/OrangeArrowIcon.gif) 10px 8px no-repeat;
}
body.theme-pink #cont #mainCont .nseFeedWebmail ul li {
background: url(/images/reskin/PinkArrowIcon.gif) 10px 8px no-repeat;
}
body.theme-blue #cont #mainCont .nseFeedWebmail ul li {
background: url(/images/reskin/BlueArrowIcon.gif) 10px 8px no-repeat;
}
#cont #mainCont .nseFeedWebmail ul .featStory {
width: 194px;
min-height: 71px;
padding-left: 0;
}
body.theme-green #cont #mainCont .nseFeedWebmail ul .featStory {
background: #ecefc3;
}
body.theme-blue #cont #mainCont .nseFeedWebmail ul .featStory {
background: #d0e6f4;
}
body.theme-orange #cont #mainCont .nseFeedWebmail ul .featStory {
background: #f7e3c4;
}
body.theme-pink #cont #mainCont .nseFeedWebmail ul .featStory {
background: #f4cfe4;
}
#cont #mainCont .nseFeedWebmail ul .featStory a img {
width: 71px;
height: 71px;
float: left;
clear: none;
margin: 0;
padding: 0 8px 0 0;
border: 0;
}
#cont #mainCont .nseFeedWebmail ul .featStory p {
margin: 0;
padding: 5px 0 0 0;
}
#cont #mainCont .nseFeedWebmail ul p {
padding: 4px 5px 4px 10px;
}
#cont #mainCont .nseFeedWebmail ul .featStory a:link p, #cont #mainCont .nseFeedWebmail ul .featStory a:visited p {
display: block;
padding-right: 5px;
color: #4a4a4a;
font-weight: bold;
text-decoration: none;
line-height: 1.2em;
}
#cont #mainCont .nseFeedWebmail ul .featStory a:hover p, #cont #mainCont .nseFeedWebmail ul .featStory a:active p {
color: #4a4a4a;
text-decoration: underline;
}
#cont #mainCont .nseFeedWebmail ul a:link, #cont #mainCont .nseFeedWebmail ul a:visited {
color: #4a4a4a;
text-decoration: none;
}
#cont #mainCont .nseFeedWebmail ul a:hover, #cont #mainCont .nseFeedWebmail ul a:active {
color: #4a4a4a;
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: #4a4a4a;
padding-left: 15px;
margin-top: 0;
}
#cont #mainCont .mainPanel .syl-shops ul {
list-style: none;
}
#cont #mainCont .mainPanel .syl-shops ul li {
float: left;
clear: none;
padding: 0 0 0 15px;
margin: 0;
}
#cont #mainCont .mainPanel .syl-shops ul li a img {
padding: 0;
margin: 0;
border: 0;
}
#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: #4a4a4a;
padding-left: 15px;
margin-top: 0;
}
#cont #mainCont .mainPanel .syl-esnb ul {
list-style: none;
}
#cont #mainCont .mainPanel .syl-esnb ul li {
float: left;
clear: none;
padding: 0 0 0 15px;
margin: 0;
}
#cont #mainCont .mainPanel .syl-esnb ul li a img {
padding: 0;
margin: 0;
border: 0;
}

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

#cont #mainCont .mainPanel .lbslist {
float: left;
clear: none;
width: 170px;
list-style: none;
margin: 0 0;
padding: 6px 0 10px 20px;
line-height: 1.8em;
}
#cont #mainCont .mainPanel .lbslist li {
width: 170px;
margin-left: 0;
padding-bottom: 8px;
}
#cont #mainCont .mainPanel .lbstitle {
font-size: 1.2em;
padding-left: 20px;
padding-bottom: 0;
margin-bottom: 0;
color: #002252;
}
#cont #mainCont .mainPanel .lbslist li p {
font-size: 1em;
margin: 0;
padding: 0;
}
#cont #mainCont .mainPanel .lbslist li a {
color: #002252;
}
#cont #mainCont .mainPanel #hcp-search {
width: 640px;
height: 40px;
margin: 0;
padding: 5px 0 0 0;
background: #002252;
}
#cont #mainCont .mainPanel #hcp-search img {
float: left;
clear: none;
padding: 0;
margin: 12px 10px 0 10px;
}
#cont #mainCont .mainPanel #hcp-search {
float: left;
clear: none;
margin: 0 0 10px 0;
padding: 0;
}
#cont #mainCont .mainPanel #hcp-search .businessSearch {
float: left;
clear: none;
width: 220px;
margin: 5px 0 0 0;
padding: 6px 2px 4px 2px;
background: #fff;
border:1px #a1a1a1 solid;
height: 18px;
font-family: Arial;
font-weight: bold;
color: #666;
}
#cont #mainCont .mainPanel #hcp-search .hcpsub {
float: left;
clear: none;
width: 64px;
height: 35px;
font-size: 14px;
font-family: Arial;
line-height: 100%;
padding-bottom: 6px;
font-weight: bold;
color: #000;
background: url(/images/hcpsub-but.gif) no-repeat top left;
border: 0;
margin: 5px 0 0 0;
}

/* ========== Money Supermarket styles ========== */

#cont #mainCont .msPanel {
width: 620px;
margin: 0 0 10px 0;
padding: 0;
background: #fff url(/images/mainPanel-bottom-bg.gif) bottom left no-repeat;
clear: both;
}
#cont #mainCont .msPanel .msPanelTop {
display: block;
height: 31px;
width: 620px;
}
body.theme-green #cont #mainCont .msPanel .msPanelTop {
background-color: #aebd08;
}
body.theme-orange #cont #mainCont .msPanel .msPanelTop {
background-color: #ff9900;
}
body.theme-blue #cont #mainCont .msPanel .msPanelTop {
background-color: #27a2f0;
}
body.theme-pink #cont #mainCont .msPanel .msPanelTop {
background-color: #ec098d;
}
#cont #mainCont .msPanel .msPanelTop h2 {
display: block;
float: left;
clear: left;
width: 150px;
line-height: 30px;
padding-left: 10px;
color: #fff;
}
body.theme-green #cont #mainCont .msPanel .msPanelTop h2 {
background-color: #aebd08;
}
body.theme-orange #cont #mainCont .msPanel .msPanelTop h2 {
background-color: #ff9900;
}
body.theme-blue #cont #mainCont .msPanel .msPanelTop h2 {
background-color: #27a2f0;
}
body.theme-pink #cont #mainCont .msPanel .msPanelTop h2 {
background-color: #ec098d;
}
#cont #mainCont .msPanel .msPanelTop ul li a:link, #cont #mainCont .msPanel .msPanelTop ul li a:visited {
color: #000;
font-size: 1.2em;
}
#cont #mainCont .msPanel .msPanelTop ul li a:link, #cont #mainCont .msPanel .msPanelTop ul li a:visited {
color: #000;
font-size: 1.2em;
}
#cont #mainCont .msPanel .msPanelTop ul li a:link, #cont #mainCont .msPanel .msPanelTop ul li a:visited {
color: #000;
font-size: 1.2em;
}
#cont #mainCont .msPanel .msPanelTop ul {
float: right;
clear: none;
padding-right: 5px;
}
#cont #mainCont .msPanel .msPanelTop ul li {
float: left;
clear: none;
display: block;
background: #eee;
margin: 5px 5px 0 0;
}
#cont #mainCont .msPanel .msPanelTop ul .ms-cc {
width: 104px;
text-align: center;
display: block;
height: 26px;
line-height: 26px;
}
body.theme-green #cont #mainCont .msPanel .msPanelTop ul .ms-cc {
background-color: #e8ebc1;
}
body.theme-orange #cont #mainCont .msPanel .msPanelTop ul .ms-cc {
background-color: #ffbb56;
}
body.theme-blue #cont #mainCont .msPanel .msPanelTop ul .ms-cc {
background-color: #d0e6f4;
}
body.theme-pink #cont #mainCont .msPanel .msPanelTop ul .ms-cc {
background-color: #ee79bd;
}
#cont #mainCont .msPanel .msPanelTop ul .ms-cc .selected {
display: block;
width: 104px;
text-align: center;
background-color: #fff;
}
body.theme-green #cont #mainCont .msPanel .msPanelTop ul .ms-cc .selected {
color: #aebd08;
}
body.theme-orange #cont #mainCont .msPanel .msPanelTop ul .ms-cc .selected {
color: #ff9900;
}
body.theme-blue #cont #mainCont .msPanel .msPanelTop ul .ms-cc .selected {
color: #27a2f0;
}
body.theme-pink #cont #mainCont .msPanel .msPanelTop ul .ms-cc .selected {
color: #ec098d;
}
#cont #mainCont .msPanel .msPanelTop ul .ms-l {
width: 61px;
text-align: center;
display: block;
height: 26px;
line-height: 26px;
}
body.theme-green #cont #mainCont .msPanel .msPanelTop ul .ms-l {
background-color: #e8ebc1;
}
body.theme-orange #cont #mainCont .msPanel .msPanelTop ul .ms-l {
background-color: #ffbb56;
}
body.theme-blue #cont #mainCont .msPanel .msPanelTop ul .ms-l {
background-color: #d0e6f4;
}
body.theme-pink #cont #mainCont .msPanel .msPanelTop ul .ms-l {
background-color: #ee79bd;
}
#cont #mainCont .msPanel .msPanelTop ul .ms-l .selected {
display: block;
width: 61px;
text-align: center;
background-color: #fff;
}
body.theme-green #cont #mainCont .msPanel .msPanelTop ul .ms-l .selected {
color: #aebd08;
}
body.theme-orange #cont #mainCont .msPanel .msPanelTop ul .ms-l .selected {
color: #ff9900;
}
body.theme-blue #cont #mainCont .msPanel .msPanelTop ul .ms-l .selected {
color: #27a2f0;
}
body.theme-pink #cont #mainCont .msPanel .msPanelTop ul .ms-l .selected {
color: #ec098d;
}
#cont #mainCont .msPanel .msPanelTop ul .ms-s {
width: 74px;
text-align: center;
display: block;
height: 26px;
line-height: 26px;
}
body.theme-green #cont #mainCont .msPanel .msPanelTop ul .ms-s {
background-color: #e8ebc1;
}
body.theme-orange #cont #mainCont .msPanel .msPanelTop ul .ms-s {
background-color: #ffbb56;
}
body.theme-blue #cont #mainCont .msPanel .msPanelTop ul .ms-s {
background-color: #d0e6f4;
}
body.theme-pink #cont #mainCont .msPanel .msPanelTop ul .ms-s {
background-color: #ee79bd;
}
#cont #mainCont .msPanel .msPanelTop ul .ms-s .selected {
display: block;
width: 74px;
text-align: center;
background-color: #fff;
}
body.theme-green #cont #mainCont .msPanel .msPanelTop ul .ms-s .selected {
color: #aebd08;
}
body.theme-orange #cont #mainCont .msPanel .msPanelTop ul .ms-s .selected {
color: #ff9900;
}
body.theme-blue #cont #mainCont .msPanel .msPanelTop ul .ms-s .selected {
color: #27a2f0;
}
body.theme-pink #cont #mainCont .msPanel .msPanelTop ul .ms-s .selected {
color: #ec098d;
}
#cont #mainCont .msPanel .msPanelTop ul .ms-ca {
width: 139px;
text-align: center;
display: block;
height: 26px;
line-height: 26px;
}
body.theme-green #cont #mainCont .msPanel .msPanelTop ul .ms-ca {
background-color: #e8ebc1;
}
body.theme-orange #cont #mainCont .msPanel .msPanelTop ul .ms-ca {
background-color: #ffbb56;
}
body.theme-blue #cont #mainCont .msPanel .msPanelTop ul .ms-ca {
background-color: #d0e6f4;
}
body.theme-pink #cont #mainCont .msPanel .msPanelTop ul .ms-ca {
background-color: #ee79bd;
}
#cont #mainCont .msPanel .msPanelTop ul .ms-ca .selected {
display: block;
width: 139px;
text-align: center;
background-color: #fff;
}
body.theme-green #cont #mainCont .msPanel .msPanelTop ul .ms-ca .selected {
color: #aebd08;
}
body.theme-orange #cont #mainCont .msPanel .msPanelTop ul .ms-ca .selected {
color: #ff9900;
}
body.theme-blue #cont #mainCont .msPanel .msPanelTop ul .ms-ca .selected {
color: #27a2f0;
}
body.theme-pink #cont #mainCont .msPanel .msPanelTop ul .ms-ca .selected {
color: #ec098d;
}
#cont #mainCont .msPanel #type-logo {
display: block;
width: 620px;
height: 55px;
}
#cont #mainCont .msPanel #type-logo #type {
display: block;
width: 410px;
height: 50px;
float: left;
clear: none;
}
#cont #mainCont .msPanel #type-logo #type p {
float: left;
clear: none;
color: #a3b107;
font-size: 1.2em;
line-height: 30px;
}
body.theme-green #cont #mainCont .msPanel #type-logo #type p {
color: #aebd08;
}
body.theme-orange #cont #mainCont .msPanel #type-logo #type p {
color: #ff9900;
}
body.theme-blue #cont #mainCont .msPanel #type-logo #type p {
color: #27a2f0;
}
body.theme-pink #cont #mainCont .msPanel #type-logo #type p {
color: #ec098d;
}
#cont #mainCont .msPanel #type-logo #type form {
float: left;
clear: none;
padding-top: 15px;
}
#cont #mainCont .msPanel #type-logo #logo {
display: block;
width: 210px;
height: 50px;
float: right;
clear: none;
text-align: right;
}
#cont #mainCont .msPanel img {
padding: 10px;
}
#cont #mainCont .msPanel p {
font-size: 1.1em;
padding-left: 10px;
padding-right: 10px;
}
#cont #mainCont .msPanel h3 {
font-size: 2em;
line-height: 1.2em;
padding-left: 10px;
margin: 10px 0 0 0;
color: #a3b107;
}
#cont #mainCont .msPanel table {
text-align: left;
width: 620px;
padding-bottom: 5px;
background: url(/images/moneysupermarket/ms-table-bg.gif) bottom left no-repeat;
margin: 0px;
}
#cont #mainCont .msPanel table thead {
text-align: left;
}
body.theme-green #cont #mainCont .msPanel table thead {
background: #aebd08;
}
body.theme-orange #cont #mainCont .msPanel table thead {
background: #ff9900;
}
body.theme-blue #cont #mainCont .msPanel table thead {
background: #27a2f0;
}
body.theme-pink #cont #mainCont .msPanel table thead {
background: #ec098d;
}
#cont #mainCont .msPanel table thead tr th {
text-align: left;
padding: 5px;
vertical-align: top;
color: #fff;
border-bottom: 1px solid #fff;
}
#cont #mainCont .msPanel table tbody {
text-align: left;
padding-bottom: 5px;
}
#cont #mainCont .msPanel table tbody tr td {
text-align: left;
padding: 5px;
color: #4a4a4a;
font-size: 1.1em;
vertical-align: top;
border-bottom: 1px solid #fff;
}
body.theme-green #cont #mainCont .msPanel table tbody tr td {
background: #e8ebc1;
}
body.theme-orange #cont #mainCont .msPanel table tbody tr td {
background: #ffbb56;
}
body.theme-blue #cont #mainCont .msPanel table tbody tr td {
background: #d0e6f4;
}
body.theme-pink #cont #mainCont .msPanel table tbody tr td {
background: #ee79bd;
}
body.theme-green #cont #mainCont .msPanel table tbody tr td a:link, body.theme-green #cont #mainCont .msPanel table tbody tr td a:visited {
color: #aebd08;
}
body.theme-orange #cont #mainCont .msPanel table tbody tr td a:link, body.theme-orange #cont #mainCont .msPanel table tbody tr td a:visited {
color: #fff;
}
body.theme-blue #cont #mainCont .msPanel table tbody tr td a:link, body.theme-blue #cont #mainCont .msPanel table tbody tr td a:visited {
color: #27a2f0;
}
body.theme-pink #cont #mainCont .msPanel table tbody tr td a:link, body.theme-pink #cont #mainCont .msPanel table tbody tr td a:visited {
color: #fff;
}

/* ========== Webmail styles ========== */

#email_sign {
margin: 0;
padding: 0;
overflow: auto;
}
#email_sign table {
margin: 24px 0 6px 24px;
padding: 0;
border: 0;
border-collapse: collapse;
}
#email_sign td {
margin: 0;
padding: 8px;
font-size: 1.1em;
vertical-align: top;
border: 0;
}
#email_sign td a {
font-size: 1em;
}
#user_password {
border: 1px solid #999;
padding: 3px;
font-size: 1.1em;
}
#user_email {
border: 2px solid #e21b23;
padding: 3px;
font-size: 1.1em;
}
#checker {
padding: 0;
margin: 0;
}
#email_sign button {
border: 0;
margin: 6px 0 6px 0;
*margin: 0;
padding: 0;
font-size: 0.7em;
font-weight: bold;
}
#email_sign button.submit {
width: 60px;
height: 20px;
background: url(/images/submit_button.gif) no-repeat;
}
#user_signin {
text-align: center;
}
.sendRight {
text-align: right!important;
}

/* ========== Generic contact form styles ========== */

#contactForm {
margin: 0;
padding: 0;
}
#contactForm button {
border: 0;
margin: 6px 0 6px 0;
*margin: 0;
padding: 0;
font-size: 0.7em;
font-weight: bold;
}
#contactForm button.submit {
width: 60px;
height: 20px;
background: url(/images/submit_button.gif) no-repeat;
}
#contactForm input, #contactForm select {
margin: 0;
padding: 2px;
font-size: 1em;
border: 1px solid #999;
}
#contactForm img, .noborder {
border: 0;
}
#contactForm .noborder {
border: 0 solid #999;
}
#contactForm table {
margin: 24px 0 6px 24px;
padding: 0;
border: 0;
border-collapse: collapse;
}
#contactForm td {
margin: 0;
padding: 8px;
font-size: 1.1em;
vertical-align: top;
border: 0;
}
#contactForm sup {
color: red;
font-weight: bold;
}
#contactForm .radiobuts {
border: 0;
}

/* ========== Advertise with karoo styles ========== */

#cont #mainCont .mainPanel .advertise h1 {
padding: 10px;
font-size: 2em;
}
#cont #mainCont .mainPanel .advertise h3 {
padding: 0 10px 8px 10px;
font-size: 1.6em;
}
#cont #mainCont .mainPanel .advertise ul {
margin: 6px 10px 6px 25px;
padding: 0;
list-style-type: none;
}
#cont #mainCont .mainPanel .advertise ul li {
font-size: 1.1em;
padding: 4px 0 4px 0;
}
#cont #mainCont .mainPanel .advertise table {
margin: 24px 0 6px 24px;
padding: 0;
border: 0;
border-collapse: collapse;
}
#cont #mainCont .mainPanel .advertise table td {
margin: 0;
padding: 8px;
font-size: 1.1em;
vertical-align: top;
text-align: right;
border: 0;
}
#cont #mainCont .mainPanel .advertise p {
padding-bottom: 8px;
}
#cont #mainCont .mainPanel .advertise button {
border: 0;
margin: 6px 0 6px 0;
*margin: 0;
padding: 0;
font-size: 0.7em;
font-weight: bold;
}
#cont #mainCont .mainPanel .advertise button.submit {
width: 60px;
height: 20px;
background: url(/images/submit_button.gif) no-repeat;
}

/* ========== LIFESTYLE SECTION ========== */

#lifestyleBreadcrumb {
width: 620px;
height: 22px;
}
.section-heading {
margin-bottom: 10px;
}
#bread {
font-size: 1.2em;
color: #4a4a4a;
background: #f5f5f5;
padding: 4px 5px;
margin-bottom: 10px;
}
.threeCol {
width: 200px;
float: left;
}
h1.lifestyleHeading {
width: 190px;
height: 30px;
margin: 0;
padding: 0 0 0 10px;
color: #4a4a4a;
line-height: 30px;
}
div.lifestyleContent {
width: 200px;
margin: 0 0 10px 0;
background-color: #fff;
}
div.lifestyleContent ul {
margin: 6px 8px 0 14px;
padding: 0;
list-style-type: none;
}
div.lifestyleContent ul li {
display: block;
width: 100%;
margin: 0;
padding: 3px 0 3px 0;
clear: both;
}
div.lifestyleContent ul li a {
font-size: 1.1em;
}
div.lifestyleContent p {
margin: 0;
padding: 6px 0 10px 6px;
_padding: 14px 0 14px 6px;
font-size: 1em;
}
div.lifestyleContent p a {
font-size: 1em;
color: #6E7704!important;
}
.threeColMargin {
margin: 0 10px 0 10px;
}
.lifestyleBanner {
width: 620px;
margin-bottom: 8px;
}

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

#cont #secCont #secContMenu {
width: 300px;
height: 25px;
margin-bottom: 10px;
}
#cont #secCont #secContMenu ul {
list-style: none;
}
#cont #secCont #secContMenu ul li {
color: #FFF;
text-align: center;
float: left;
height: 25px;
}
#cont #secCont #secContMenu ul li.mail {
width: 60px;
}
#cont #secCont #secContMenu ul li.myaccount {
width: 100px;
}
#cont #secCont #secContMenu ul li.help {
width: 60px;
background: url(/images/reskin/MiniNavGreenTileDivide.gif) bottom left no-repeat;
}
#cont #secCont #secContMenu ul li.product {
width: 80px;
background: url(/images/reskin/MiniNavGreenTileDivide.gif) bottom left no-repeat;
}
#cont #secCont #secContMenu ul li a {
font-size: 12px;
color: #fff;
padding-top: 2px;
display: block;
}
body.theme-green #cont #secCont #secContMenu {
background: #adbc08 url(/images/reskin/MiniNavGreenTile.gif) bottom left repeat-x;
}
body.theme-green #cont #secCont #secContMenu ul li.myaccount, body.theme-green #cont #secCont #secContMenu ul li.help, body.theme-green #cont #secCont #secContMenu ul li.product {
background: url(/images/reskin/MiniNavGreenTileDivide.gif) bottom left no-repeat;
}
body.theme-blue #cont #secCont #secContMenu {
background: #27a2f0 url(/images/reskin/MiniNavBlueTile.gif) bottom left repeat-x;
}
body.theme-blue #cont #secCont #secContMenu ul li.myaccount, body.theme-blue #cont #secCont #secContMenu ul li.help, body.theme-blue #cont #secCont #secContMenu ul li.product {
background: url(/images/reskin/MiniNavBlueTileDivide.gif) bottom left no-repeat;
}
body.theme-orange #cont #secCont #secContMenu {
background: #27a2f0 url(/images/reskin/MiniNavOrangeTile.gif) bottom left repeat-x;
}
body.theme-orange #cont #secCont #secContMenu ul li.myaccount, body.theme-orange #cont #secCont #secContMenu ul li.help, body.theme-orange #cont #secCont #secContMenu ul li.product {
background: url(/images/reskin/MiniNavOrangeTileDivide.gif) bottom left no-repeat;
}
body.theme-pink #cont #secCont #secContMenu {
background: #27a2f0 url(/images/reskin/MiniNavPinkTile.gif) bottom left repeat-x;
}
body.theme-pink #cont #secCont #secContMenu ul li.myaccount, body.theme-pink #cont #secCont #secContMenu ul li.help, body.theme-pink #cont #secCont #secContMenu ul li.product {
background: url(/images/reskin/MiniNavPinkTileDivide.gif) bottom left no-repeat;
}

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

#cont #secCont #mpu {
width: 300px;
height: 250px;
margin-bottom: 10px;
}
#homempu {
width: 300px;
height: 250px;
}
.mpumove{
position: absolute;
top: 250px;
*top: 255px;
left: 650px;
_left: 648px;
}

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

p.read-more-action-right {
text-align: right;
}
p.read-more-action a {
font-weight: bold;
color: #4a4a4a;
padding-right: 15px;
}
body.theme-green p.read-more-action a {
background: url(/images/reskin/GreenArrowIcon.gif) right center no-repeat;
}
body.theme-orange p.read-more-action a {
background: url(/images/reskin/OrangeArrowIcon.gif) right center no-repeat;
}
body.theme-blue p.read-more-action a {
background: url(/images/reskin/BlueArrowIcon.gif) right center no-repeat;
}
body.theme-pink p.read-more-action a {
background: url(/images/reskin/PinkArrowIcon.gif) right center no-repeat;
}
body.theme-green p.read-more-action-dark a {
background: url(/images/reskin/ArrowIconGreenDark.gif) right center no-repeat;
padding-right: 14px;
}
body.theme-orange p.read-more-action-dark a {
background: url(/images/reskin/ArrowIconOrangeDark.gif) right center no-repeat;
padding-right: 14px;
}
body.theme-blue p.read-more-action-dark a {
background: url(/images/reskin/ArrowIconBlueDark.gif) right center no-repeat;
padding-right: 14px;
}
body.theme-pink p.read-more-action-dark a {
background: url(/images/reskin/ArrowIconPinkDark.gif) right center no-repeat;
padding-right: 14px;
}
a.read-more-action {
font-weight: bold;
color: #4a4a4a;
padding-right: 15px;
}
body.theme-green a.read-more-action {
background: url(/images/reskin/GreenArrowIcon.gif) right center no-repeat;
}
body.theme-orange a.read-more-action {
background: url(/images/reskin/OrangeArrowIcon.gif) right center no-repeat;
}
body.theme-blue a.read-more-action {
background: url(/images/reskin/BlueArrowIcon.gif) right center no-repeat;
}
body.theme-pink a.read-more-action {
background: url(/images/reskin/PinkArrowIcon.gif) right center no-repeat;
}
body.theme-green a.read-more-action-dark {
background: url(/images/reskin/ArrowIconGreenDark.gif) right center no-repeat;
}
body.theme-orange a.read-more-action-dark {
background: url(/images/reskin/ArrowIconOrangeDark.gif) right center no-repeat;
}
body.theme-blue a.read-more-action-dark {
background: url(/images/reskin/ArrowIconBlueDark.gif) right center no-repeat;
}
body.theme-pink ap.read-more-action-dark {
background: url(/images/reskin/ArrowIconPinkDark.gif) right center no-repeat;
}
#cont #secCont .radio-stations {
background: #f5f5f5;
margin-bottom: 10px;
}
#cont #secCont .radio-stations ul {
padding-top: 5px;
}
#cont #secCont .radio-stations ul li {
list-style: none;
width: 280px;
padding: 0 10px 5px 10px;
font-size: 11px;
color: #4a4a4a;
}
#cont #secCont .radio-stations ul li .r-c-1 {
float: left;
width: 180px;
}
#cont #secCont .radio-stations ul li .r-c-2 {
float: right;
width: 100px;
text-align: right;
}
#cont #secCont .radio-stations ul li .r-c-2 a {
font-weight: bold;
padding-right: 20px;
color: #4a4a4a;
}
body.theme-green #cont #secCont .radio-stations ul li .r-c-2 a {
background: url(/images/reskin/ListenLiveGreen.gif) right center no-repeat;
}
body.theme-orange #cont #secCont .radio-stations ul li .r-c-2 a {
background: url(/images/reskin/ListenLiveOrange.gif) right center no-repeat;
}
body.theme-blue #cont #secCont .radio-stations ul li .r-c-2 a {
background: url(/images/reskin/ListenLiveBlue.gif) right center no-repeat;
}
body.theme-pink #cont #secCont .radio-stations ul li .r-c-2 a {
background: url(/images/reskin/ListenLivePink.gif) right center no-repeat;
}
#cont #mainCont #SitesYouLike {
background: none;
padding: 0;
}
#cont #mainCont #SitesYouLike .s-c {
width: 100px;
float: left;
margin-left: 20px;
text-align: center;
display: inline;
}
#cont #mainCont #SitesYouLike #Logos {
width: 628px;
padding: 0 5px;
background: #fff;
border-left: 1px #cccccc solid;
border-right: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
}
#cont #mainCont #SitesYouLike .s-c-1 {
margin-left: 10px;
}
#cont #mainCont #SitesYouLike .s-c a.syl-sprite {
display: block;
margin: 10px 5px;
padding: 0;
width: 95px;
height: 31px;
background-image: url('/images/sitesyoulike/sites-you-like.gif')
}
#cont #mainCont #SitesYouLike .s-c a.sprite-amazon {
background-position: 0 -186px;
}
#cont #mainCont #SitesYouLike .s-c a.sprite-mands {
background-position: 0 -217px;
margin-top: 20px;
}
#cont #mainCont #SitesYouLike .s-c a.sprite-google {
background-position: 0 -248px;
margin-top: 20px;
}
#cont #mainCont #SitesYouLike .s-c a.sprite-asda {
background-position: 0 -403px;
}
#cont #mainCont #SitesYouLike .s-c a.sprite-twitter {
background-position: 0 -31px;
margin-top: 20px;
}
#cont #mainCont #SitesYouLike .s-c a.sprite-play {
background-position: 0 -124px;
}
#cont #mainCont #SitesYouLike .s-c a.sprite-next {
background-position: 0 -155px;
margin-top: 20px;
}
#cont #mainCont #SitesYouLike .s-c a.sprite-facebook {
background-position: 0 -310px;
margin-top: 20px;
}
#cont #mainCont #SitesYouLike .s-c a.sprite-game {
background-position: 0 -279px;
}
#cont #mainCont #SitesYouLike .s-c a.sprite-argos {
background-position: 0 -434px;
margin-top: 20px;
}
#cont #mainCont #SitesYouLike .s-c a.sprite-wikipedia {
background-position: 0 0;
margin-top: 20px;
}
#cont #mainCont #SitesYouLike .s-c a.sprite-toysrus {
background-position: 0 -62px;
}
#cont #mainCont #SitesYouLike .s-c a.sprite-tesco {
background-position: 0 -93px;
margin-top: 20px;
}
#cont #mainCont #SitesYouLike .s-c a.sprite-bbcbitesize {
background-position: 0 -372px;
margin-top: 20px;
}

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

.mainPanelOverflow {
overflow: auto;
}
.businessBox{
width: 300px;
float: left;
}
#cont #mainCont #FeaturedBusiness {
background: #fff;
border-left: 1px #ccc solid;
border-right: 1px #ccc solid;
border-bottom: 1px #ccc solid;
}
.businessImage {
width: 100px;
margin: 0;
padding: 0;
float: left;
}
.businessText {
width: 178px;
_width: 174px;
margin: 0 0 0 100px;
*margin: 0;
padding: 0 4px 0 8px;
_padding: 0;
zoom: 1;
}
.businessText img {
_margin: 0!important;
_padding: 0!important;
}
.businessText h3 {
margin: 0;
padding: 0;
_padding: 6px 0 0 0!important;
}
.businessText h3 a {
font-size: 0.8em;
color: #29a2f1!important;
}
body.theme-green .businessText h3 a {
color: #aebd08!important;
}
body.theme-orange .businessText h3 a {
color: #ff9900!important;
}
body.theme-blue .businessText h3 a {
color: #27a2f0!important;
}
body.theme-pink .businessText h3 a {
color: #ec098d!important;
}
.businessText p {
margin: 0;
padding: 0;
_padding: 4px 0 4px 0!important;
}
#cont #mainCont .mainPanel .businessText p.button img {
padding: 10px 0;
}

/* ========== AccuWeather styles ========== */

#cont #secCont .accuweather {
width: 300px;
margin: 0 0 10px 0;
min-height: 100px;
}
#cont #secCont .accuweather .container {
background: #fff;
border-left:1px #CCC solid;
border-bottom:1px #CCC solid;
border-right:1px #CCC solid;
}
#cont #secCont .accuweather h2 {
line-height: 30px;
padding-left: 10px;
color: #fff;
position: relative;
height: 30px;
}
#cont #secCont .accuweather span#tempsettings {
margin-left: 248px;
}
#cont #secCont h2 {
color: #fff;
line-height: 30px;
padding-left: 10px;
}
body.theme-green  #cont #secCont h2 {
background: #a3b107;
}
body.theme-orange #cont #secCont h2 {
background: #ff9900;
}
body.theme-blue #cont #secCont h2 {
background: #27a2f0;
}
body.theme-pink #cont #secCont h2 {
background: #ec098d;
}
#accuweathertitle {
float: left;
clear: none;
}
#accuweathercom {
font-size: 0.6em;
clear: none;
float: left;
padding-top: 2px;
}
#accuweatherreg {
font-size: 0.5em;
}
#accuweatherinfo {
width: 293px;
padding-left: 5px;
_padding-left: 0;
}

/* ========== polldaddy styles ========== */

#cont #secCont .poll {
background: #f5f5f5;
margin-bottom: 10px;
}
#cont #secCont .poll .PDS_Poll {
border-left: 1px #ccc solid;
border-right: 1px #ccc solid;
border-bottom: 1px #ccc solid;
}
#cont #secCont .polldaddy {
width: 300px;
background: #fff url(/images/secPanel-bottom-bg.gif) bottom left no-repeat;
min-height: 100px;
padding: 0 0 10px 0;
overflow: auto;
}
#cont #secCont .polldaddy h2 {
background: url(/images/secPanel-top-bg.gif) top left no-repeat;
line-height: 30px;
padding-left: 10px;
color: #4a4a4a;
}
/*body.theme-green #cont #secCont .poll .pds-votebutton {
background: url(/images/search/button-search.gif) top left no-repeat;
}
body.theme-orange #cont #secCont .poll .pds-votebutton {
background: url(/images/search/button-search.gif) top left no-repeat;
}
body.theme-pink #cont #secCont .poll .pds-votebutton {
background: url(/images/search/button-search.gif) top left no-repeat;
}
body.theme-blue #cont #secCont .poll .pds-votebutton {
background: url(/images/search/button-search.gif) top left no-repeat;
}*/

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

#newsBreadcrumb {
width: 610px;
height: 22px;
margin: 0 0 8px 0;
padding: 8px 0 0 10px;
background: url(/images/bg-news-bread.gif) no-repeat top left;
}
.newsBanner {
width: 620px;
margin-bottom: 8px;
}
#cont #mainCont .mainPanel .news-heads {
display: block;
width: 620px;
height: 190px;
}
#cont #mainCont .mainPanel .news-heads img {
float: left;
clear: none;
margin: 0;
padding: 0 10px 0 0;
border: 0;
}
#cont #mainCont .mainPanel .news-heads h3 {
font-size: 1.2em;
line-height: 1.4em;
padding: 10px 0 0 0;
margin-top: 0;
}
#cont #mainCont .mainPanel .news-heads .news-read-more-but {
float: right;
clear: right;
margin-top: 0;
}
#cont #mainCont .mainPanel .news-heads h3 a:link, #cont #mainCont .mainPanel .news-heads h3 a:visited {
padding: 0;
font-size: 1.4em;
text-decoration: none;
}
#cont #mainCont .mainPanel .news-heads h3 a:hover, #cont #mainCont .mainPanel .news-heads h3 a:active {
text-decoration: underline;
}
#cont #mainCont .mainPanel .news-other {
margin-top: 20px;
}
#cont #mainCont .mainPanel .news-other h4 {
display: block;
width: 610px;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0 0 0 10px;
color: #4a4a4a;
font-size: 1.4em;
font-weight: bold;
}
#cont #mainCont .mainPanel .news-other ul {
list-style: none;
margin: 0;
height: 400px;
font-size: 0.8em;
}
#cont #mainCont .mainPanel .news-other ul li {
display: block;
width: 300px;
height: 100px;
float: left;
clear: none;
margin: 0;
padding: 0;
}
#cont #mainCont .mainPanel .news-other ul li .image {
float: left;
width: 78px;
display: inline;
height: 80px;
}
#cont #mainCont .mainPanel .news-other ul li .image img {
height: 65px;
width: 65px;
}
#cont #mainCont .mainPanel .news-other ul li .body {
float: left;
width: 219px;
padding-top: 5px;
display: inline;
}
#cont #mainCont .mainPanel .news-other ul li p {
padding: 0;
margin: 0;
}
.theme-green #cont #mainCont .mainPanel .news-other ul li a {
color: #aebd08;
}
.theme-orange #cont #mainCont .mainPanel .news-other ul li a {
color: #ff9900;
}
.theme-blue #cont #mainCont .mainPanel .news-other ul li a {
color: #27a2f0;
}
.theme-pink #cont #mainCont .mainPanel .news-other ul li a {
color: #ec098d;
}

/* ========== news top bar (date, tell friend ========== */ 

#cont #mainCont .mainPanel .newsTopBar {
width: 600px;
height: 30px;
line-height: 30px;
margin: 0 auto;
border-bottom: 1px solid #eaeaea;
}
#cont #mainCont .mainPanel .newsTopBar p {
float: left;
clear: none;
font-size: 1em;
padding: 0;
margin: 0;
}
#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 {
border-right: 1px solid #4a4a4a;
margin: 7px 0 0 5px;
padding: 0 11px 0 0;
}
#cont #mainCont .mainPanel .newsTopBar ul .add-to-favourites {
margin: 7px 0 0 8px;
padding: 0;
}

/* ========== news article ========== */ 

#cont #mainCont .mainPanel .newsHeadImg {
float: right;
clear: none;
padding-left: 20px;
width: 200px;
height: 200px;
}
#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 0;
background: #f8f8f8;
border: 1px solid #eaeaea;
}
#cont #mainCont .mainPanel #networkingBox p {
float: left;
clear: none;
color: #8a8a8a;
padding: 10px;
margin: 0;
}
#cont #mainCont .mainPanel #networkingBox a {
float: right;
clear: none;
padding: 10px;
margin: 0;
}
#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: 0 0 0 10px;
padding: 0 0 0 10px;
}
#cont #mainCont .mainPanel #networkingBox ul .digg {
background:url(/images/networking/digg.gif) left 50% no-repeat;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
}
#cont #mainCont .mainPanel #networkingBox ul .reddit {
background:url(/images/networking/reddit.gif) left 50% no-repeat;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
}
#cont #mainCont .mainPanel #networkingBox ul .facebook {
background:url(/images/networking/facebook.gif) left 50% no-repeat;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
}
#cont #mainCont .mainPanel #networkingBox ul .stumbleUpon {
background:url(/images/networking/StumbleUpon.gif) left 50% no-repeat;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
}
#cont #mainCont .mainPanel #networkingBox ul .newsvine {
background:url(/images/networking/Newsvine.gif) left 50% no-repeat;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
}

/* ========== product single col ========== */

#cont #prodCont {
width: 740px;
padding: 10px 0 0 0;
float: right;
margin-right: 10px;
display: inline;
}
#cont #prodCont .prodContPanel {
width: 740px;
background: #fff url(/images/prodContPanel-bottom-bg.gif) bottom left no-repeat;
margin: 0 0 10px 0;
padding: 0 0 15px 0;
z-index: 10;
}
#cont #prodCont .prodContPanel .prodContPanelTop {
background: url(/images/prodContPanel-top-bg.gif) top left no-repeat;
height: 5px;
margin: 0;
padding: 0;
}
#cont #prodCont .prodHeadImg {
padding: 0 0 10px 0;
z-index: 99;
}
#cont #prodCont .prodContPanel p {
padding-left: 20px;
padding-right: 20px;
}
#cont #prodCont .prodContPanel img {
padding: 10px 0 0 0;
margin: 0 0 0 20px;
}
#cont #prodCont .prodContPanel .prodTitleStyle1 {	
border-bottom: 1px solid #eaeaea;
}
#cont #prodCont .prodContPanelBut {
width: 740px;
float: left;
clear: both;
margin: 0 0 10px 0;
margin: 0 0 10px 0;
}

/* ========== product two col ========== */

#cont #prodCont .prodTwoCol {
width: 365px;
min-height: 100px;
float: left;
display: inline;
margin: 0 0 10px 10px;
padding-bottom: 10px;
background: #fff url(/images/prodTwoCol-bottom-bg.gif) bottom left no-repeat;
}
#cont #prodCont .firstProdTwoCol {
margin: 0;
}
#cont #prodCont .prodTwoCol .prodTwoColTop {
background: url(/images/prodTwoCol-top-bg.gif) top left no-repeat;
height: 5px;
margin: 0;
padding: 0;
}
#cont #prodCont .prodTwoCol h2 {
display: block;
border-bottom: 1px solid #eaeaea;
margin: 0 20px 0 20px;
padding: 10px 0 10px 0;
font-weight: bold;
color: #4a4a4a;
font-size: 1.4em;
}
#cont #prodCont .prodTwoCol p {
padding-left: 20px;
padding-right: 20px;
}
#cont #prodCont .prodTwoCol .featservtxt {
height: 40px
}
#cont #prodCont .prodTwoCol img {
padding: 0 20px;
_padding: 0 18px;
}
#cont #prodCont .prodTwoCol .kctalkTitle {
padding-top: 20px;
}
#cont #prodCont .firstProdTwoCol .prodTwoColButs {
margin: 0;
}
#cont #prodCont .prodTwoColButs {
width: 365px;
float: left;
clear: none;
margin: 0 0 10px 10px;
padding: 0;
background: #fff;
}

/* ========== product three col ========== */

#cont #prodCont .prodThreeCol {
width: 240px;
min-height: 100px;
float: left;
clear: none;
margin: 0 0 10px 10px;
padding-bottom: 10px;
_padding-bottom: 0;
background: #fff url(/images/prodThreeCol-bottom-bg.gif) bottom left no-repeat;
}
#cont #prodCont .firstProdThreeCol .prodThreeCol {
margin: 0;
}
#cont #prodCont .prodThreeCol .prodThreeColTop {
background: url(/images/prodThreeCol-top-bg.gif) top left no-repeat;
height: 5px;
margin: 0;
padding: 0;
}
#cont #prodCont .prodThreeCol p {
padding-left: 20px;
padding-right: 20px;
}
#cont #prodCont .prodThreeCol .compList {
height: 245px;
}
#cont #prodCont .prodThreeCol .whichPackageList {
height: 380px;
_height: 400px;
*height: 400px;
}
.find-out-more {
margin: 0 0 10px 20px;
}
.order-now {
margin: 10px 0 10px 20px;
}
.how-to-order-now {
margin: 10px 0 0 0;
}
#cont #prodCont .firstProdThreeCol .prodThreeColButs {
margin: 0;
}
#cont #prodCont .prodThreeColButs {
width: 240px;
min-height: 100px;
float: left;
clear: none;
margin: 0 0 10px 10px;
padding: 0;
background: url(images/prodThreeCol-bottom-bg.gif) bottom left no-repeat;
}

/* ========== product four col ========== */

#cont #prodCont .prodFourCol {
width: 177px;
min-height: 100px;
float: left;
clear: none;
margin: 0 0 10px 10px;
padding-bottom: 10px;
background: #fff url(/images/prodFourCol-bottom-bg.gif) bottom left no-repeat;
}
#cont #prodCont .firstProdFourCol {
margin-left: 0;
}
#cont #prodCont .prodFourCol .prodFourColTop {
background: url(/images/prodFourCol-top-bg.gif) top left no-repeat;
height: 5px;
margin: 0;
padding: 0;
}
#cont #prodCont .prodFourCol p {
padding-left: 20px;
padding-right: 20px;
}
#cont #prodCont .prodFourCol .kctalkOptionText {
height: 90px
}
#cont #prodCont .prodFourCol img {
padding: 0 20px;
_padding: 0 16px;
}
#cont #prodCont .prodFourCol .kctalkTitle {
padding-top: 20px;
}
#cont #prodCont .firstProdFourCol .prodFourColButs {
margin: 0;
}
#cont #prodCont .prodFourColButs {
width: 177px;
min-height: 100px;
float: left;
clear: none;
margin: 0 0 10px 10px;
background: #fff url(/images/prodFourCol-bottom-bg.gif) bottom left no-repeat;
}

/* ========== product details page ========== */

.prodContPanel #prodDetail #ProdDetailMain {
width: 440px;
float: left;
clear: left;
}
.prodContPanel h1 {
display: block;
border-bottom: 1px solid #eaeaea;
margin: 0 20px 0 20px;
padding: 20px 0 10px 0;
font-weight: bold;
color: #4a4a4a;
font-size: 1.6em;
}
.prodContPanel h2 {
display: block;
border-bottom: 1px solid #eaeaea;
margin: 0 20px 0 20px;
padding: 20px 0 10px 0;
font-weight: bold;
color: #4a4a4a;
font-size: 1.4em;
}
#prodDetail ul li h2 {
display: block;
border-bottom: 1px solid #eaeaea;
margin: 0 0 0 -30px;
padding: 0 0 10px 0;
font-weight: bold;
color: #4a4a4a;
font-size: 1.4em;
background: #fff!important;
}
.prodContPanel h3 {
padding: 20px 60px 5px 20px;
font-weight: bold;
color: #4a4a4a;
font-size: 1.2em;
}
.prodContPanel #prodDetail #ProdDetailMain p {
margin-left: 0;
padding-left: 20px;
padding-right: 60px;
}
.prodContPanel #prodDetail #ProdDetailMain h2 {
display: block;
border-bottom: 1px solid #eaeaea;
margin: 0 20px 0 20px;
padding: 10px 0;
font-weight: bold;
color: #4a4a4a;
font-size: 1.2em;
}
.prodContPanel #prodDetail #ProdDetailMain img {
margin: 0;
padding-left: 20px;
}
.prodContPanel #prodDetail #ProdDetailButs {
width: 240px;
float: right;
margin-left: 20px;
margin-top: 10px;
margin-right: 20px;
}
.prodContPanel #prodDetail #ProdDetailButs img {
padding: 0;
margin: 10px 0 0 0;
}
.prodContPanel #prodDetail #legal-stuff p {
margin-left: 0;
padding-left: 20px;
padding-right: 60px;
}
.prodContPanel #prodDetail #legal-stuff h3 {
padding: 10px 10px 5px 20px;
font-weight: bold;
color: #4a4a4a;
font-size: 1.2em;
}
#prodCont #bread {
background: url(/images/breadcrumb-bg.gif) no-repeat top left;
height: 22px;
margin-bottom: 10px;
padding-top: 8px;
padding-left: 20px;
}

/* ========== Sponsor banner ========== */

#shopSponsor {
width: 250px;
height: 50px;
margin: -69px 15px 0 0;
_margin: -72px 7px 0 0;
*margin: -72px 10px 0 0;
float: right;
position: relative;
z-index: 10;
}

/* ========== shopping ========== */

#alpha_links {
width: 740px;
margin: 10px 0 10px 0;
background-color: #e8ebc1;
}
.alpha2 {
padding-left: 40px;
padding-bottom: 4px;
}
#alpha_links p {
margin: 0;
padding: 8px 0 6px 0;
font-size: 1.2em;
}
#alpha_links a {
color: #6E7704;
text-decoration: none;
}
.shopping h2 {
margin: 0;
padding-left: 20px;
font-size: 1.6em;
color: #494f05;
text-decoration: none;
border: 0!important;
}
.shopping h3 a {
color: #6E7704;
}
.shop_logo {
width: 185px;
margin: 10px 0 20px 30px;
_margin: 10px 0 10px 15px;
padding: 0;
float: left;
}
.shop_logo img {
width: 185px;
height: 85px;
border: 1px solid #494f05;
padding: 0px !important;
}
.shop_logo h2 {
text-decoration: none!important;
border: 0!important;
}
.shop_logo a {
font-size: 1em;
color: #6E7704;
line-height: 14px;
text-decoration: none;
} 
.shop_logo_middle {
width: 185px;
margin: 10px 0 20px 30px;
_margin: 10px 0 10px 15px;
padding: 0;
float: left;
}
.shop_logo_middle img {
width: 185px;
height: 85px;
border: 1px solid #494f05;
padding: 0px !important;
}
.shop_logo_middle h2 {
text-decoration: none!important;
border: 0!important;
}
.shop_logo_middle a {
font-size: 1em;
color: #6E7704;
line-height: 14px;
text-decoration: none;
}
.shop_logo_right {
width: 185px;
margin: 10px 0 20px 30px;
_margin: 10px 0 10px 15px;
padding: 0;
float: left;
}
.shop_logo_right img {
width: 185px;
height: 85px;
border: 1px solid #494f05;
padding: 0px !important;
}
.shop_logo_right h2 {
text-decoration: none!important;
border: 0!important;
}
.shop_logo_right a {
font-size: 1em;
color: #6E7704;
line-height: 14px;
text-decoration: none;
}
.lineage_purple {
width: 740px;
margin: 10px 0 10px 0;
background-color: #e8ebc1;
}
.lineage_purple img {
width: 9px;
height: 10px;
margin: 0;
padding: 0 10px 0 0;
}
.lineage_purple h2 {
margin: 6px 0 6px 0!important;
padding: 0 0 4px 0!important;
text-decoration: none;
border: 0!important;
}
.lineage_purple p {
margin: 6px 0 6px 20px!important;
padding: 6px 0 6px 0!important;
}
.lineage_purple a {
color: #6E7704;
text-decoration: none;
}
.lineage_white {
width: 740px;
margin: 10px 0 10px 0;
}
.lineage_white img {
width: 9px;
height: 10px;
margin: 0;
padding: 0;
}
.lineage_white h2 {
margin: 6px 0 6px 0!important;
padding: 0 0 4px 0!important;
text-decoration: none;
border: 0!important;
}
.lineage_white p {
margin: 6px 0 6px 20px!important;
padding: 6px 0 6px 0!important;
}
.lineage_white a {
color: #6E7704;
text-decoration: none;
} 
#alpha_links a:hover, .shop_logo a:hover, .shop_logo_middle a:hover, .shop_logo_right a:hover, .lineage_purple a:hover, .lineage_white a:hover {
text-decoration: underline;
}

/* ========== full width ========== */

#czBreadcrumb {
width: 930px!important;
padding: 10px!important;
float: left!important;
clear: none!important;
}
#czBreadcrumb #bread {
height: 25px!important;
margin: 0!important;
padding: 5px 0 0 16px!important;
background: url(/images/breadcrumb-bg-full-width.gif) no-repeat top left!important;
}
#czBanner {
width: 930px;
padding: 0 10px 0 10px;
float: left;
clear: none;
}
.mainPanelTopWhite {
width: 620px;
height: 4px;
margin: 0;
_margin-top: -10px;
padding: 0;
background: url(/images/mainPanel-top-bg-white.gif) bottom left no-repeat;
}
.mainPanelFullTop {
width: 930px;
height: 4px;
margin: 0;
_margin-top: -10px;
padding: 0;
background: url(/images/mainPanel-full-top-bg.gif) bottom left no-repeat;
}
.mainPanelFull {
width: 930px;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
background: url(/images/mainPanel-full-bot-bg.gif) bottom left no-repeat;
background-color: #fff;
overflow: auto;
}
.mainPanel h3.czHeading {
margin: 0!important;
padding: 6px 0 0 10px!important;
}
.mainPanelFull p {
font-size: 1.1em;
padding: 4px 10px 4px 10px;
}
.mainPanelFull h3 {
font-size: 2em;
line-height: 1.2em;
padding-left: 10px;
margin: 10px 0 0 0;
color: #4a4a4a;
}
.mainPanelFull h4 {
font-size: 1.4em;
line-height: 1.2em;
padding-left: 10px;
margin: 10px 0 0 0;
color: #4a4a4a;
}
.mainPanelFull ul {
margin: 2px 0 2px 25px;
padding: 0;
list-style-type: none;
}
.mainPanelFull ul li {
margin: 0;
padding: 3px;
float: none;
font-size: 1.1em;
}

/* ========== left panel content ========== */

.czButtons {
width: 305px;
padding: 0 0 10px 0;
float: left;
clear: none;
}
.czLeftBoxHalfWrap {
width: 305px;
margin: 0;
_margin-top: -10px;
padding: 0 0 10px 0;
float: left;
}
.czLeftBoxHalfTop {
width: 305px;
height: 4px;
margin: 0;
padding: 0;
background: url(/images/bg-cz-left-box-half-top.gif) bottom left no-repeat;
}
.czLeftBoxHalf {
width: 285px;
padding: 10px;
background: url(/images/bg-cz-left-box-half-bot.gif) bottom left no-repeat;
background-color: #fff;
}
.czLeftMain {
width: 600px;
float: left;
}
.czRightMain {
width: 305px;
margin-top: 4px;
border-left: 1px dashed #ccc;
float: right;
}
.czRightMain div {
padding: 12px 0 10px 20px;
}
.czRightMain h3 {
margin: 0;
padding: 10px 0 10px 10px;
color: #333;
font-size: 1.1em;
font-weight: bold;
}

/* ========== right panel ========== */

.czRightBoxTop {
width: 300px;
height: 4px;
margin: 0;
_margin-top: -10px;
padding: 0;
background: url(/images/bg-cz-rgt-box-top.gif) bottom left no-repeat;
}
.czRightBox {
width: 280px;
margin-bottom: 10px;
padding: 10px;
background: url(/images/bg-cz-rgt-box-bot.gif) bottom left no-repeat;
background-color: #fff;
}
.czRightBox img {
margin: 12px 0 0 4px;
paddiing: 0;
}

/* ========== tables ========== */

table.czTable {
margin: 24px 0 6px 24px;
padding: 0;
border: 0;
border-collapse: collapse;
}
table.czTable th {
margin: 0;
padding: 8px;
vertical-align: top;
text-align: left;
color: #fff;
font-size: 1.4em;
background-color: #c3cc5e;
}
body.theme-green table.czTable th {
background-color: #aebd08;
}
body.theme-orange table.czTable th {
background-color: #ff9900;
}
body.theme-blue table.czTable th {
background-color: #27a2f0;
}
body.theme-pink table.czTable th {
background-color: #ec098d;
}
table.czTable th a {
color: #fff!important;
font-size: 1em;
font-weight: bold;
}
table.czTable td {
margin: 0;
padding: 8px;
font-size: 1.1em;
vertical-align: top;
text-align: left;
border-bottom: 1px solid #bebebe;
}
.altColor {
background-color: #eeefcd;
}

/* ========== bottom search full width ========== */

.noHeaderPanel2 {
width: 930px;
margin: 0 0 10px 10px;
background: url(/images/mainPanel-full-bot-bg.gif) bottom left no-repeat;
background-color: #fff;
overflow: auto;
}
.noHeaderPanel2 .noHeaderPanelTop {
background: url(/images/mainPanel-full-top-bg.gif) top left no-repeat;
height: 5px;
}
.noHeaderPanel2 img {
padding: 10px;
}
.noHeaderPanel2 p {
padding-left: 10px;
padding-right: 10px;
}
.topMargin {
margin-top: -9px;
*margin-top: 0;
}
.noHeaderPanel2 #bottomsearch img {
float: left;
}

/* ========== latest downloads ========== */

#prodDetail #downloads {
width: 712px;
height: 300px;
margin: 18px 0 0 10px;
padding: 0;
border: 1px solid #ccc;
overflow: auto;
}
#prodDetail #downloads div.choices p {
margin: 0;
padding: 6px;
}
#prodDetail #downloads div.choices ul {
margin: 10px 0 0 10px;
padding: 0;
list-style-type: none;
}
#prodDetail #downloads div.choices ul li {
padding-top: 2px;
padding-bottom: 2px;
font-size: 0.75em;
}
#downloads div.choices ul li a {
color: #000;
text-decoration: none;
}
#prodDetail #downloads div.choices ul li a:hover {
text-decoration: underline;
}
.choices {
width: 234px;
height: 300px;
margin: 0;
padding: 0;
float: left;
}
.midBorder {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

/* ========== generic ========== */

.czLeftBoxHalf h3, .czRightBox h3 {
margin: 0;
padding: 0;
font-size: 1.2em;
color: #6E7704;
font-weight: bold;
}
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.rgtpad {
margin-right: 10px;
}
.imgPad {
padding: 0 10px 0 10px;
}

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

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

#cont #searchCont {
background: #fff;
}
#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: 0;
padding: 0;
}
#cont #searchCont .searchPanel p {
padding: 10px 20px 0 0!important;
margin: 0;
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: #000;
padding-left: 20px;
}
#cont #searchCont .searchPanel .searchTitle {
font-size: 1.4em;
text-decoration: underline;
margin: 0;
padding: 0 0 0 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: 600px;
font-size: 1.2em;
color: #000;
margin: 0;
padding: 0 0 0 20px;
}
#cont #searchCont .searchPanel .searchDesc:link, #cont #searchCont .searchPanel .searchDesc:visited {
font-size: 1em;
color: #000;
text-decoration: none;
}
#cont #searchCont .searchPanel .searchDesc:hover, #cont #searchCont .searchPanel .searchDesc:active {
text-decoration: none;
}
#cont #searchCont .searchPanel .searchLink {
font-size: 1.2em;
margin: 0;
padding: 0 0 0 20px;
}
#cont #searchCont .searchPanel .searchSearchedFor {
display: block;
height: 20px;
float: left;
clear: none;
font-size: 1.1em;
color: #000;
padding: 20px 0 0 20px;
}
#cont #searchCont .searchPanel .searchNumResults {
float: right;
clear: none;
font-size: 1.1em;
color: #000;
padding: 20px 20px 0 0;
}
#cont #searchCont .searchPanel .searchResultPages {
text-align: right;
}
#cont #searchCont .searchPanel .suggestion {
padding-left: 20px!important;
}
.green {
color: #a3b107!important;
}
.bounceback ul {
font-size: 1.1em;
margin: 10px 0 0 30px;
padding: 0;
color: #4a4a4a;
}
.bounceback ul li {
margin: 0;
padding: 5px 20px 5px 20px;
list-style: none;
background: url(/images/mainCont-bullet.gif) no-repeat 0 8px;
float: none;
}
.bounceback h3 {
margin-top: 10px;
}
#cont #secCont .radio {
width: 300px;
margin: 10px 0 10px 0;
background: #ffffff url(/images/secPanel-bottom-bg.gif) bottom left no-repeat;
min-height: 100px;
padding: 0 0 10px 0;
}
#cont #secCont .radio h2 {
background: url(/images/secPanel-top-bg.gif) top left no-repeat;
line-height: 30px;
padding-left: 10px;
color: #4a4a4a;
}
#cont #secCont .radio ul li {
margin: 0;
padding: 1px 20px 1px 20px;
list-style: none;
float: none;
}
.mainPanelFull .filmImg img {
margin: 0;
padding: 15px 10px 0 24px;
_padding: 7px 10px 0 24px;
*padding: 7px 10px 0 24px;
float: left;
}
.mainPanelFull .filmListing {
margin-left: 450px;
}
#newsletterBreadcrumb {
width: 620px;
height: 30px;
margin: 0 0 8px 0;
padding: 0;
background: url(/images/bg-newsletter-bread.gif) no-repeat top left;
}
.newsletterBanner {
width: 620px;
margin-bottom: 8px;
}

/* ========== New styles ========== */

#cont #mainCont .mainPanel .m-p-c {
float: left;
display: inline;
}
#cont #mainCont .mainPanel .m-p-c-1 {
width: 320px;
}
#cont #mainCont .mainPanel .m-p-c-2 {
width: 320px;
}
#cont #mainCont .mainPanel .m-p-c .body {
position: relative;
}
#cont #mainCont .mainPanel .m-p-c h3 {
margin-left: 115px;
float: left;
padding: 0 0 4px 0;
font-weight: bold;
font-size: 12px;
}
#cont #mainCont .mainPanel .m-p-c .image {
padding: 0;
margin: 0;
position: absolute;
top:0;
left: 10px;}
#cont #mainCont .mainPanel .m-p-c .text {
margin-left: 120px;
padding: 0;
}
#cont #mainCont .mainPanel .m-p-c .read-more-action {
margin-left: 115px;
}
#cont #mainCont .mainPanel img {
padding: 10px 5px;
margin: 0;
}
#PDI_container1782373 .pds-box {
background: #f5f5f5;
}
/* favorite sites */

.favouriteSites {
margin-bottom: 10px;
}
.favouriteSites .sites-container {
width:298px;
padding: 10px 0;
background: #fff;
border-left: 1px #CCC solid;
border-right: 1px #CCC solid;
border-bottom: 1px #CCC solid;
}
.favouriteSites ul.site {
width: 292px;
margin: 0 0 0 6px;
padding: 0;
list-style-type: none;
overflow: auto;
}
.favouriteSites ul.site li {
margin: 0;
padding: 0;
width: 95px;
height: 31px;
float: left;
}
.favouriteSites ul.site li a {
display: block;
margin: 0;
padding: 0;
width: 95px;
height: 31px;
background-image: url('/images/sitesyoulike/sites-you-like.gif');
float: left;
}
.favouriteSites ul.site li a.sprite-ebay {
background-position: 0 -341px;
}
.favouriteSites ul.site li a.sprite-amazon {
background-position: 0 -186px;
}
.favouriteSites ul.site li a.sprite-facebook {
background-position: 0 -310px;
}

/* product broadband */

h2.product-bg-head {
width: 740px;
height: 161px;
margin-bottom: 10px;
padding: 0;
}
h2.product-bg-head span {
background: url(../images/prod-home-phone-broadband.jpg) 0 0 no-repeat;
}
h3.product-bg-broadband {
width: 365px;
height: 235px;
padding:0;
}
h3.product-bg-broadband span {
background: url(../images/prod-Karoo-Broadband-but.gif) 0 0 no-repeat;
}
h3.product-bg-talk {
width: 365px;
height: 235px;
padding:0;
}
h3.product-bg-talk span {
background: url(../images/prod-kc-talk-but.gif) 0 0 no-repeat;
}
h2.product-bg-new-gen-broadband {
width: 740px;
height: 250px;
margin-bottom: 10px;
padding: 0;
}
h2.product-bg-new-gen-broadband span {
background: url(/images/products-head/new-gen-broadband.jpg) 0 0 no-repeat;
}
div.bg-karoo-lite {
width: 230px;
height: 93px;
background: url(/images/KarooLite.jpg) 0 0 no-repeat;
}
div.offer-bg-karoo-lite {
width: 230px;
height: 93px;
background: url(/images/OfferKarooLite.jpg) 0 0 no-repeat;
}
div.bg-karoo-lite-txt {
width: 240px;
height: 47px;
background: url(/images/KarooLiteTxt.gif) 0 0 no-repeat;
}
h3.bg-order-now-but {
width: 203px;
height: 42px;
padding:0;
}
h3.bg-order-now-but span {
background: url(/images/karoo-order-now-call.gif) 0 0 no-repeat;
}
h3.bg-find-out-more-but {
width: 203px;
height: 32px;
padding:0;
}
h3.bg-find-out-more-but span {
background: url(/images/karoo-find-out-more.gif) 0 0 no-repeat;
}
div.bg-karoo-mid {
width: 230px;
height: 93px;
background: url(/images/KarooMid.jpg) 0 0 no-repeat;
}
div.offer-bg-karoo-mid {
width: 230px;
height: 93px;
background: url(/images/OfferKarooMid.jpg) 0 0 no-repeat;
}
div.bg-karoo-mid-txt {
width: 240px;
height: 47px;
background: url(/images/KarooMidTxt.gif) 0 0 no-repeat;
}
div.bg-karoo-pro {
width: 230px;
height: 93px;
background: url(/images/KarooPro.jpg) 0 0 no-repeat;
}
div.offer-bg-karoo-pro {
width: 230px;
height: 93px;
background: url(/images/OfferKarooPro.jpg) 0 0 no-repeat;
}
div.bg-karoo-pro-txt {
width: 240px;
height: 47px;
background: url(/images/KarooProTxt.gif) 0 0 no-repeat;
}
div.bg-legal-stuff {
width: 125px;
height: 38px;
margin-left: 20px;
margin-top: 8px;
background: url(/images/title-legal-stuff.gif) 0 0 no-repeat;
}
div.bg-karoo-lite-price {
width: 145px;
height: 70px;
margin-left: 20px;
margin-top: 8px;
background: url(/images/title-price-karoo-lite.gif) 0 0 no-repeat;
}
div.offer-bg-karoo-lite-price {
width: 300px;
height: 120px;
margin-left: 20px;
margin-top: 8px;
background: url(/images/offer-title-price-karoo-lite.gif) 0 0 no-repeat;
}
h3.bg-karoo-promise {
width: 240px;
height: 93px;
padding:0;
margin-bottom: 8px;
}
h3.bg-karoo-promise span {
background: url(/images/prod-karoo-promise.gif) 0 0 no-repeat;
}
h3.bg-karoo-code {
width: 240px;
height: 112px;
padding:0;
margin-bottom: 8px;
}
h3.bg-karoo-code span {
background: url(/images/prod-code-of-practice.gif) 0 0 no-repeat;
}
h3.bg-our-performance {
width: 240px;
height: 113px;
padding:0;
}
h3.bg-our-performance span {
background: url(/images/karoo-performing.gif) 0 0 no-repeat;
}
h3.bg-speed-check {
width: 240px;
height: 113px;
padding:0;
}
h3.bg-speed-check span {
background: url(/images/how-fast.gif) 0 0 no-repeat;
}
h3.bg-about-speeds {
width: 240px;
height: 113px;
padding:0;
}
h3.bg-about-speeds span {
background: url(/images/broadband-speed.gif) 0 0 no-repeat;
}
div.bg-karoo-mid-price {
width: 145px;
height: 70px;
margin-left: 20px;
margin-top: 8px;
background: url(/images/title-price-karoo-mid.gif) 0 0 no-repeat;
}
div.bg-karoo-mid2-price {
width: 145px;
height: 70px;
margin-left: 20px;
margin-top: 8px;
background: url(/images/title-price-karoo-mid2.gif) 0 0 no-repeat;
}
div.bg-karoo-mid3-price {
width: 145px;
height: 70px;
margin-left: 20px;
margin-top: 8px;
background: url(/images/title-price-karoo-mid3.gif) 0 0 no-repeat;
}
div.offer-bg-karoo-mid-price {
width: 300px;
height: 120px;
margin-left: 20px;
margin-top: 8px;
background: url(/images/offer-title-price-karoo-mid.gif) 0 0 no-repeat;
}
div.bg-karoo-pro-price {
width: 145px;
height: 70px;
margin-left: 20px;
margin-top: 8px;
background: url(/images/title-price-karoo-pro.gif) 0 0 no-repeat;
}
div.bg-karoo-pro2-price {
width: 145px;
height: 70px;
margin-left: 20px;
margin-top: 8px;
background: url(/images/title-price-karoo-pro2.gif) 0 0 no-repeat;
}
div.offer-bg-karoo-pro-price {
width: 300px;
height: 120px;
margin-left: 20px;
margin-top: 8px;
background: url(/images/offer-title-price-karoo-pro.gif) 0 0 no-repeat;
}
div.bg-karoo-weekday-price {
width: 186px;
height: 70px;
margin-left: 20px;
margin-top: 8px;
background: url(/images/title-price-karoo-weekday.gif) 0 0 no-repeat;
}

/* ========== matts new style fixes ========== */

.old-style {
background-color: #dadada!important;
}
.old-style #bread {
font-size: 1em!important;
color: #4a4a4a!important;
background: #fff!important;
padding: 6px 5px 0 18px!important;
_padding: 10px 5px 0 18px!important;
margin-bottom: 2px!important;
}
.old-style #prodCont #bread {
height: 30px;
margin-bottom: 0;
font-size: 1em;
background: url(/images/breadcrumb-bg.gif) no-repeat top left!important;
}
.old-style #mainCont {
width: 620px!important;
float: left!important;
clear: none!important;
padding: 10px 0 0 10px!important;
}
.old-style #secCont {
width: 300px!important;
float: right!important;
clear: none!important;
padding: 10px 10px 10px 0!important;
}
.old-style #prodCont .prodThreeCol .compList {
height: 260px!important;
}
.old-style #prodCont .prodThreeCol .whichPackageList {
height: 458px!important;
*height: 478px!important;
}
.old-style #lifestyleBreadcrumb #bread {
width: 610px!important;
height: 24px!important;
margin: 0 0 8px 0!important;
padding: 6px 0 0 10px!important;
background: url(/images/bg-lifestyle-bread.gif) no-repeat top left!important;
}
.old-style .threeCol {
width: 200px!important;
float: left!important;
}
.old-style h1.lifestyleHeading {
width: 190px!important;
height: 30px!important;
margin: 0!important;
padding: 0 0 0 10px!important;
color: #4a4a4a!important;
background: url(/images/bg-lifestyle-3col.gif) no-repeat top left!important;
line-height: 30px!important;
}
.old-style div.lifestyleContent {
width: 200px!important;
margin: 0 0 10px 0!important;
_margin: 0 0 4px 0!important;
background: url(/images/bg-bottom-3col.gif) no-repeat bottom left!important;
background-color: #fff!important;
}
.old-style div.lifestyleContent ul {
margin: 6px 8px 0 14px!important;
padding: 0!important;
list-style-type: none!important;
}
.old-style div.lifestyleContent ul li {
display: block!important;
width: 100%!important;
margin: 0!important;
padding: 3px 0 3px 0!important;
clear: both!important;
}
.old-style div.lifestyleContent ul li a {
font-size: 1.1em!important;
}
.old-style div.lifestyleContent p {
margin: 0!important;
padding: 6px 0 10px 6px!important;
_padding: 14px 0 14px 6px!important;
font-size: 1em!important;
}
.old-style div.lifestyleContent p a {
font-size: 1em!important;
}
body.theme-green .old-style div.lifestyleContent p a {
color: #aebd08!important;
}
body.theme-orange .old-style div.lifestyleContent p a {
color: #ff9900!important;
}
body.theme-blue .old-style div.lifestyleContent p a {
color: #27a2f0!important;
}
body.theme-pink .old-style div.lifestyleContent p a {
color: #ec098d!important;
}
.old-style .threeColMargin {
margin: 0 10px 0 10px!important;
}
.old-style .lifestyleBanner {
width: 620px!important;
margin-top: 16px!important;
_margin-top: 0!important;
margin-bottom: 8px!important;
}
.old-style #mainCont .mainPanel {
width: 620px!important;
margin: 0 0 10px 0!important;
padding: 0 0 10px 0!important;
background: #fff url(/images/mainPanel-bottom-bg.gif) bottom left no-repeat!important;
min-height: 100px!important;
clear: both!important;
}
.old-style #mainCont .mainPanel h1 {
background: url(/images/mainPanel-top-bg.gif) top left no-repeat!important;
line-height: 30px!important;
font-weight: bold!important;
}
.old-style #mainCont .mainPanel h2 {
background: url(/images/mainPanel-top-bg.gif) top left no-repeat!important;
line-height: 30px!important;
padding-left: 10px!important;
color: #000!important;
}
.old-style #mainCont .mainPanel h3 {
line-height: 1.2em!important;
padding-left: 10px!important;
padding-top: 10px!important;
margin: 0!important;
}

/* ========== other styles ========== */

.fullpad {
margin-left: 10px!important;
margin-right: 10px!important;
}
.prodwidth {
_width: 730px!important;
}
#LegalStuff {
clear: both;
}
#LegalStuff li {
width: 650px;
}
#ButtonFix {
clear: both;
float: left;
}
ul.iefix li {
_clear: both;
_width: 90%;
}
.no-display {
display: none;
}
.news-title a {
color: #fff!important;
}
#besafe {
padding: 30px 40px 20px 60px;
}
.besafe_text {
height: 85px;
}

/* january sale styles */

#mainCont .january-sale {
overflow: auto!important;
}
#mainCont .january-sale img {
margin-top: -10px!important;
}
#mainCont .january-sale h3 {
font-size: 2.2em!important;
}
#mainCont .january-sale p.larger {
font-size: 1.6em!important;
line-height: 1.4em!important;
}

/* haiti banner */

#haiti {
width: 300px;
padding: 10px 0;
background: #fff;
}

/* live chat */

#live-chat-wide {
width: 740px;
padding: 0 0 11px 0;
}
#live-chat-small {
width: 210px;
height: 143px;
margin: -18px 0 10px -20px;
padding: 0 0 10px 0;
}
#live-chat-broadband {
width: 240px;
height: 143px;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}

/* kcfm local news module */

.kcfm {
margin-bottom: 10px;
}
.kcfm .kcfm-container {
width: 298px;
padding: 14px 0;
background: #fff;
border-left: 1px #CCC solid;
border-right: 1px #CCC solid;
border-bottom: 1px #CCC solid;
}
.kcfm .kcfm-container ul {
margin: 0 8px 0 30px;
padding: 0;
}
.kcfm .kcfm-container ul li {
margin: 0;
padding: 0 0 6px 0;
}
body.theme-green .kcfm .kcfm-container ul li {
list-style-image: url(/images/reskin/GreenArrowIcon.gif);
_width: 250px;
}
body.theme-blue .kcfm .kcfm-container ul li {
list-style-image: url(/images/reskin/BlueArrowIcon.gif);
_width: 250px;
}
body.theme-pink .kcfm .kcfm-container ul li {
list-style-image: url(/images/reskin/PinkArrowIcon.gif);
_width: 250px;
}
body.theme-orange .kcfm .kcfm-container ul li {
list-style-image: url(/images/reskin/OrangeArrowIcon.gif);
_width: 250px;
}
.kcfm .kcfm-container ul li a {
color: #000;
font-size: 1.1em;
}
.kcfm .kcfm-container p {
margin: 10px 0 0 10px;
padding: 0;
}
.kcfm .kcfm-container img {
width: 246px;
height: 60px;
margin: 4px 0 0 20px;
padding: 0;
}

/* cms */

span.kt-image {
display: block;
width: 432px;
height: 244px;
overflow: auto;
background-color: #fff;
}
#cont #mainCont .mainPanel div.cms-articles {
margin: 0;
padding: 0 10px 0 10px;
font-size: 1.2em;
}
#cont #mainCont .mainPanel div.cms-articles h1, #cont #mainCont .mainPanel div.cms-articles h2, #cont #mainCont .mainPanel div.cms-articles h3, #cont #mainCont .mainPanel div.cms-articles h4, #cont #mainCont .mainPanel div.cms-articles h5 {
margin: 8px 0 12px 0;
padding: 0;
color: #000;
line-height: 22px;
font-weight: bold;
font-size: 1em;
}
body.theme-green #cont #mainCont .mainPanel div.cms-articles h1 {
color: #aebd08;
font-size: 1.4em;
}
body.theme-orange #cont #mainCont .mainPanel div.cms-articles h1 {
color: #ff9900;
font-size: 1.4em;
}
body.theme-pink #cont #mainCont .mainPanel div.cms-articles h1 {
color: #ec098d;
font-size: 1.4em;
}
body.theme-blue #cont #mainCont .mainPanel div.cms-articles h1 {
color: #27a2f0;
font-size: 1.4em;
}
body.theme-green #cont #mainCont .mainPanel div.cms-articles h2 {
color: #aebd08;
background: none;
font-size: 1.2em;
}
body.theme-orange #cont #mainCont .mainPanel div.cms-articles h2 {
color: #ff9900;
background: none;
font-size: 1.2em;
}
body.theme-pink #cont #mainCont .mainPanel div.cms-articles h2 {
color: #ec098d;
background: none;
font-size: 1.2em;
}
body.theme-blue #cont #mainCont .mainPanel div.cms-articles h2 {
color: #27a2f0;
background: none;
font-size: 1.2em;
}
#cont #mainCont .mainPanel div.cms-articles p {
margin: 8px 0 12px 0;
padding: 0;
line-height: 21px;
color: #000;
font-size: 1em;
}

/* New Broadband pages */

.old-style #mainContBB {
width: 950px;
margin: 0;
padding: 0;
}
.old-style #mainContBB #broadband-banner {
margin: 0 0 10px 10px;
padding: 10px 0 0 0;
}
#cont #mainContBB .karoo-lite-panel {
position: relative;
width: 159px;
height: 317px;
margin: 0 6px 0 10px;
_margin: 0 6px 0 5px;
padding: 0;
background: url(/images/karoo-lite-panel.gif) no-repeat top left;
overflow: auto;
float: left;
}
#cont #mainContBB .karoo-mid-panel {
position: relative;
width: 453px;
height: 317px;
margin: 0 6px 0 0;
padding: 0;
background: url(/images/karoo-mid-panel.gif) no-repeat top left;
overflow: auto;
float: left;
}
#cont #mainContBB .karoo-pro-panel {
position: relative;
width: 307px;
height: 317px;
margin: 0;
padding: 0;
background: url(/images/karoo-pro-panel.gif) no-repeat top left;
overflow: auto;
float: left;
}
#cont #mainContBB .karoolite-more {
position: absolute;
top: 200px;
left: 8px;
}
#cont #mainContBB .karoolite-order {
position: absolute;
top: 240px;
left: 8px;
}
#cont #mainContBB .karoomid1-more {
position: absolute;
top: 200px;
left: 5px;
}
#cont #mainContBB .karoomid1-order {
position: absolute;
top: 240px;
left: 5px;
}
#cont #mainContBB .karoomid2-more {
position: absolute;
top: 200px;
left: 155px;
}
#cont #mainContBB .karoomid2-order {
position: absolute;
top: 240px;
left: 155px;
}
#cont #mainContBB .karoomid3-more {
position: absolute;
top: 200px;
left: 305px;
}
#cont #mainContBB .karoomid3-order {
position: absolute;
top: 240px;
left: 305px;
}
#cont #mainContBB .karoopro1-more {
position: absolute;
top: 200px;
left: 5px;
}
#cont #mainContBB .karoopro1-order {
position: absolute;
top: 240px;
left: 5px;
}
#cont #mainContBB .karoopro2-more {
position: absolute;
top: 200px;
left: 157px;
}
#cont #mainContBB .karoopro2-order {
position: absolute;
top: 240px;
left: 157px;
}
#cont #mainContBB #click4 {
text-align: center;
}
.legal {
margin: 10px 0 0 0;
}
.phone {
padding: 10px 0 0 10px;
*padding: 0;
text-align: center;
clear: both;
}
.legal p {
margin: 0;
padding: 6px 10px 0 20px;
}
.legal ul {
margin: 0;
padding: 6px 10px 0 50px;
}

/* New broadband pages Jo */

#cont #prodContBB {
width: 740px;
padding: 10px 0 0 0;
float: right;
margin-right: 10px;
display: inline;
}
#cont #prodContBB #broadband-banner {
margin: 0 0 10px 0;
padding: 0;
}

#cont #prodContBB .prodContPanelBB {
width: 740px;
background: #fff url(/images/prodContPanel-bottom-bg.gif) bottom left no-repeat;
margin: 0 0 10px 0;
padding: 0 0 15px 0;
z-index: 10;
}
#cont #prodContBB .prodContPanelBB .prodContPanelBBTop {
background: url(/images/prodContPanelBB-top-bg.gif) top left no-repeat;
height: 45px;
margin: 0;
padding: 0;
}
#cont #prodContBB {
width: 740px;
padding: 10px 0 0 0;
float: right;
margin-right: 10px;
display: inline;
}
#cont #prodContBB .prodContPanel {
width: 740px;
background: #fff url(/images/prodContPanel-bottom-bg.gif) bottom left no-repeat;
margin: 0 0 10px 0;
padding: 0 0 15px 0;
z-index: 10;
}
#cont #prodContBB .prodContPanel .prodContPanelTop {
background: url(/images/prodContPanel-top-bg.gif) top left no-repeat;
height: 5px;
margin: 0;
padding: 0;
}
#cont #prodContBB .prodHeadImg {
padding: 0 0 10px 0;
z-index: 99;
}
#cont #prodContBB .prodContPanelBB p {
padding-left: 20px;
padding-right: 20px;
}
#cont #prodContBB .prodContPanelBB img {
padding: 10px 0 0 0;
margin: 0 0 0 10px;
}
#cont #prodContBB .prodContPanelBB .prodTitleStyle1 {	
border-bottom: 1px solid #eaeaea;
}
#cont #prodContBB .prodContPanelBut {
width: 740px;
float: left;
clear: both;
margin: 0 0 10px 0;
margin: 0 0 10px 0;
}
.mainPanelBBTop {
width: 740px;
height: 4px;
margin: 0;
_margin-top: -10px;
padding: 0;
background: url(/images/mainPanel-BB-top-bg.gif) bottom left no-repeat;
}

.mainPanelBB {
width: 740px;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
background: url(/images/mainPanel-BB-bot-bg.gif) bottom left no-repeat;
background-color: #fff;
overflow: auto;
}
.mainPanelBB ul {
margin: 2px 0 2px 25px;
padding: 0;
list-style-type: none;
}
.mainPanelBB ul li {
margin: 0;
padding: 3px;
float: none;
font-size: 1.1em;
}

body.theme-green .legal ul {
list-style-image: url(/images/reskin/greenArrowIcon.gif);
}
body.theme-orange .legal ul {
list-style-image: url(/images/reskin/orangeArrowIcon.gif);
}
body.theme-pink .legal ul {
list-style-image: url(/images/reskin/pinkArrowIcon.gif);
}
body.theme-blue .legal ul {
list-style-image: url(/images/reskin/blueArrowIcon.gif);
}

#products-landing-page {
margin: 10px 0px 0px 14px;
height: 165px;
background: url(/images/products-landing-box.jpg) top left no-repeat;
}
#products-landing-btn1 {
margin: 0px 0px 0px 10px;
*margin: 40px 0px 0px 10px;
padding-top: 40px;
*padding-top: 0px;
}
#products-landing-btn2 {
margin: -20px 0px 0px 10px;
}
#products-landing-btn3 {
margin: -62px 15px 0px 0px;
float: right;
}
#products-landing-btn4 {
margin: -62px 15px 0px 0px;
float: right;
}

#livechat588 {
	margin: -22px 0 0 7px;
}

/* new Karoo google search style - 10062010
==================================== */

.searchPanel-lcol {
	width: 600px;
	float: left;
	clear: none;
}

.searchPanel-rcol {
	width: 320px;
	float: left;
	clear: none;
}

.ad_header {color:#4a4a4a;font-weight:normal;padding-bottom:7px;font-size:12px}
      .ad_line1 {color:#aebd08;font-size:15px; text-decoration:underline}
      .ad_text {color:#000000;font-size:13px; text-decoration:none}
      .ad_url {color:#aebd08;font-size:13px;margin-bottom:12px; text-decoration:none}
	  .ad_url:hover {text-decoration: underline;}
      .search_header{background:#eee;padding:4px;font-size:15px;font-weight:bold}
      .wide_ads {background:#fff; padding: 0px}
      .narrow_ads {background:#ffffee; padding:0px 0px 0px 20px; margin-left: 20px;}
	  .bb {border-bottom: #fff !important;}