body {
    background-color: #fff;
    color: #000;
    font-family: verdana, sans-serif;
    margin: 0;
    padding: 0;
}

/* LAYOUT DIVS FOR WEBSITE */
/* global container to center the site */ #shell {
    text-align: center;
}

/* main container to house the actual content for whole site */ 
#main {
    background-color: transparent;
    color: #333;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding: 0;
    text-align: left;
    width: 760px;
}

/* Container for the top header graphic or flash */ #hdrGraphic {
    clear: both;
    margin: 0 0 10px 0;
}

/* Container for the cnet brand logos */ #brands {
    border-bottom: 1px solid #dcdcdc;
    color: #999;
    margin: 0 0 15px 0;
}

/* site navigation options with menu links and search */ 
.nav {
    color: #666;
    margin: 9px 0;
    padding: 3px 0;
    width: 100%;
    height: 25px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
} 

.nav ol li a, .nav ol li a:hover {
    color: #5B6F7B;
}

/* left and right columns used on story pages */
/* right column called secondary, in markup after primary hence float right */ 
#secondary {
    float: none;
    margin: 0;
    overflow: auto;
    width: auto;
}

/* left column called primary, with the main content */ 
#primary {
    color: #333;
    float: right;
    margin: 0;
    overflow: hidden;
    width: 595px;
}

/* LHN (position is set via lhn.js) */ 
#navigation {
    position: absolute;
}

/* footer */ 
#footer {
    border-top: 1px solid #dcdcdc;
    clear: both;
    color: #666;
    /*margin:					15px 0;*/
    margin: 15px 0 30px 0;
}

/* GLOBAL DEFAULT STYLES */
img {
    border: 0; /*display:				block;*/
}

h1 { /* used for the top CNET Networks UK Logo */
    color: #333;
    font-family: arial, sans-serif;
    font-size: 140%;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
	padding-top: 10px;
	border-top: 4px solid #E65E22;
	height: 43px;
}
h1 img {
float: left;
}
h1 span {
display: block;
float: right;
width: 370px;
padding: 0;
font-size: 14px;
line-height: 18px;
font-family:"Lucida Grande", Tahoma, Verdana, sans-serif;
color: #5B6F7B;
text-align: right;
font-weight: normal;
}
h1 span strong {
color: #E65E22;
}
h2 { /* main sub headers, also for sub headers with orange background strip on homepage */
    color: #999;
    font-family: arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 10px 0;
    padding: 0;
}

h3 { /* main content sub headers */
    color: #999;
    font-family: arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 2px 0;
    padding: 0;
    text-transform: none; /*uppercase;*/
}

h4 { /* default h4 used for right column sub headers */
    color: #999;
    font-family: arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 15px 0;
    padding: 0;
}

h5 { /* default h5 used for right column sub headers, eg: leadership story pages */
    font-family: verdana, sans-serif;
    font-size: 70%;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 0px 0;
    padding: 0;
}

h5.grey, .subtitle { /* default h5 used for right column sub headers, eg: leadership story pages */
    color: #999;
}


p {
    font-family: verdana, sans-serif;
    font-size: 70%;
    line-height: 1.4em;
    margin: 0 0 15px 0;
    padding: 0;
}

ol, ul {
    margin: 0 0 15px 30px;
    padding: 0;
}

ol li, ul li {
    font-family: verdana, sans-serif;
    font-size: 70%;
    line-height: 1.4em;
    margin: 0 0 3px 0;
    padding: 0;
}

ul li li, ol li li {
font-size: 11px;
}

a, a:hover {
    background-color: transparent;
    color: #E85E22;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

form, fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

select, input, textarea {
    font-size: 70%;
    font-family: verdana, sans-serif;
    margin: 0;
    padding: 0;
}
.imgRight {
float: right;
margin-left: 5px;
}
.imgLeft {
float: left;
margin-right: 5px;
}
/* SUB CONTAINER AND SECTION CONTENT IN HEADER AND FOOTER */
/* Navigation menu */ 
.nav ol {
    float: left;
    margin: 1px 0 2px 8px;
    width: 470px;
} 
* html .nav ol {
    margin: 2px 0 2px 5px;
} 
.nav ol li {
    background-image: url(/i/c/cor/gl/bg/nav-line.gif); /* vertical line sperators */
    background-position: 100% 50%;
    background-repeat: no-repeat;
    display: inline;
    font-size: 65%;
    font-weight: bold;
    list-style: none;
    margin: 0 3px 2px 0;
    text-transform: uppercase;
    text-align: center;
    padding: 0 8px 0 0;
} 
* html .nav ol li {
    background-position: 100% 40%;
} 
.nav ol li.last {
    background-image: none;
} 
.nav img {
    display: inline;
    vertical-align: middle;
} 
.nav ol li a {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #5B6F7B;
} 
.nav ol li a:hover { 
	color: #235DA3;
	text-decoration: none;
	font-weight: normal;
}
#home #homeNav, #aboutus #aboutNav, #advertise #advertiseNav {
color: #235DA3;
}

/* Navigation search */ 
.nav form {
    float: right;
    margin: 0;
    padding: 2px 0 0 0;
    width: 184px;
}
.nav input {
    border: 1px solid #ccc;
    display: inline;
    height: 18px;
    padding: 2px 0 0 4px;
    vertical-align: middle;
    width: 150px;
}
.nav input.button { /* magnifying glass icon */
    background-color: #fff;
    border: 0;
    border-right: 0;
    color: #333;
    font-weight: bold;
    height: 20px;
    margin: 0 0 0 2px;
    padding: 0;
    width: 20px;
}

/* Footer styles */ #footer form {
    /*margin:					0 0 15px 0;*/
    margin: 0;
    text-align: right;
}#footer label {
    display: block;
    font-size: 65%;
    margin: 5px 0 2px 0;
}#footer select {
    height: 19px;
    width: 143px;
}#footer p { /* copyright text */
    font-size: 65%;
    margin-top: -37px;
    position: relative;
	width: 600px;
}#footer a, #footer a:hover {
    color: #666;
    font-weight: bold;
}

/* SUB CONTAINER AND SECTION CONTENT FOR HOMEPAGE */ /* Brand Logos */#brands p {
    font-size: 65%;
}#brands ul { /* list of brand logos at the top */
    margin: 0 0 10px 0;
    padding: 0;
}#brands ul li {
    display: inline;
    line-height: 1.4em;
    list-style: none;
    margin: 0 13px 0 0;
    padding: 0;
}#brands ul li.last {
    margin: 0;
}#brands img {
    display: inline;
    margin: 0 0 5px 0;
    vertical-align: middle;
}#brands a:hover img {
    filter: alpha( opacity = 55);

-moz-opacity:
    .55;

opacity:
    .55;
}

/* container for a floated column set to 255px width, each further containing storyEntry divs */.homeCol, .homeColLast {
    float: left;
    margin: 0 24px 0 0;
    overflow: hidden;
    width: 255px;
}.homeColLast {
    margin: 0;
    width: 195px;
}.homeCol a, .homeCol a:hover {
    font-weight: normal;
} .homeCol h2 { /* sub headers with orange background strip */
    background-color: #E85E22;
    color: #fff;
    font-family: arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 15px 0;
    padding: 1px 6px;
}.homeCol h2 img {
    vertical-align: middle;
}.homeCol h3 {
    color: #999;
    font-family: verdana, sans-serif;
    font-size: 70%;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 2px 0;
    padding: 0;
    text-transform: none;
}

/* sub container for each block of entry, as seen on the homepage */.storyEntry {
    clear: both;
    margin: 0 0 15px 0;
    width: 255px;
}.storyEntry .withThumb { /* this sub container is used when there is a thumb image, used for alignment */
    margin-left: 44px;
}.storyEntry img.thumb, .storyCol img.thumb {
    float: left;
    margin: 2px 8px 4px 0;
    border: solid 1px #ccc;
}.storyEntry p {
    margin: 0 0 2px 0;
}.storyEntry p.homepage {
    margin: 0 0 10px 0;
} .storyEntry h3 a, .storyEntry h3 a:hover {
    color: #999;
    font-weight: bold;
}

/* Did You Know text slider */#slider {
    min-height: 65px;
} * html #slider {
    height: 65px;
}#slider p {
    margin: 0;
}

/* Quick Links */
h4.quickLinks {
    border-top: 1px solid #ccc;
    margin: 0 0 5px 0;
    padding-top: 15px;
}

ul.quickLinks {
    margin: 0 0 15px 0;
    padding: 0;
}

ul.quickLinks li {
    border-bottom: 1px solid #ccc;
    list-style: none;
    margin: 0;
    padding: 6px 0;
}

ul.quickLinks li.last {
    border-bottom: 0;
}

ul.quickLinks a, ul.quickLinks a:hover {
    font-weight: bold;
}

ul.quickLinks a.selected, ul.quickLinks a.selected:hover {
    color: #999;
}

/* Quick Links sub header version for Vision and Mission page with slightly more top spacing */
h4.corePrinciples {
    margin-top: 11px;
}

/* SUB CONTAINER AND SECTION CONTENT IN SECONDARY LEFT COL */ /* lefthand nav */
ul.leftNav {
    background-image: none; /*margin:					8px 0 0 -3px; changed by MN 27.06.07*/
    margin: 0px 0 0 -3px;
    padding: 0;
    width: 152px;
}

html * ul.leftNav { /* hack for safari */ /*margin:					9px 0 0 5px; changed by MN 27.06.07*/
    margin: 0px 0 0 5px;
} * html ul.leftNav { /* hack for IE to counter that for safari */ /*margin:					3px 0 0 5px; changed by MN 27.06.07*/
    margin: 0px 0 0 5px;
}

ul.leftNav li {
    border-bottom: 0;
    list-style: none;
    margin: 0 0 2px 0;
    padding: 0;
	display: block;
	height: 25px;
	line-height: 25px;
	font-size: 11px;
	
}

ul.leftNav a, ul.leftNav a:hover {
    color: #6A828C;
    font-weight: normal;
	background: #F0F0F0;
	padding:  0 0 0 8px;
	height: 25px;
	line-height: 25px;
	display: block;
	border-left: 4px solid #E65E22;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
ul.leftNav a:hover {
	text-decoration: none;
	background: #D1D1D1;
	border-left: 4px solid #777;	
}

ul.leftNav a.selected, ul.leftNav a.selected:hover {
	background: #fff;	
	border-left: 4px solid #E65E22;
	color: #e85e22;
}

/* LHN colour changes */
#advertise ul.leftNav a, #advertise ul.leftNav a:hover {
	border-left: 4px solid #678f00;
}
#advertise ul.leftNav a.selected, #advertise ul.leftNav a.selected:hover {
	color: #678f00;
}
#press ul.leftNav a, #press ul.leftNav a:hover {
	border-left: 4px solid #296dc0;
}
#press ul.leftNav a.selected, #press ul.leftNav a.selected:hover {
	color: #296dc0;
}
#jobs ul.leftNav a, #jobs ul.leftNav a:hover {
	border-left: 4px solid #a22630;
}
#jobs ul.leftNav a.selected, #jobs ul.leftNav a.selected:hover {
	color: #a22630;
}

/* SUB CONTAINER AND SECTION CONTENT IN PRIMARY RIGHT COL */
/* ABOUT US */.storyCol, .storyColLast { /* this div sits in the primary content with a quick links div float beside it */
    float: left;
    margin: 0 20px 0 0;
    overflow: hidden;
    width: 380px;
}.storyColLast { /* second column div housing the quick links */
    margin: 0;
    width: 195px;
}.storyColLast h4.quickLinks {
    border-top: 0;
    padding-top: 0;
}

/* Vision and Mission Core Principles rollover box in About Us */ #brandPrinciples {
    background-color: #fff;
    border: 1px solid #dcdcdc;
    color: #333;
    height: 9.4em;
    margin: 0 0 15px 0;
    padding: 10px 10px 4px 10px;
}

/* ADVERTISE */.column { /* sub container for each column of brand or image */
    float: left;
    margin: 0 37px 5px 0;
    overflow: hidden;
    text-align: center;
    width: 160px;
}.columnRight { /* used with column div */
    margin-right: 0;
}.column h3 { /* as seen for example in name headers in Leadership */
    color: #666;
    font-family: arial, sans-serif;
    font-size: 80%;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 0 2px 0;
    padding: 0;
    text-align: left;
    text-transform: none;
}.column h3 a, .column h3 a:hover {
    color: #666;
}.column p {
    text-align: left;
}.column p span { /* used for the more link at the bottom of each paragraph */
    display: block;
}.column p a, .column p a:hover {
    font-weight: normal;
} .column img.columnPic, .columnRight img.columnPic {
    margin-left: 0;
}

/* VIDEO */#video { /* sub container to house the video */
    margin: 0 0 15px 0;
}

/* Keyword Search Box */
form.keywordSearch {
    background-color: transparent;
    margin: 0;
    padding: 0;
	text-align: right;
    vertical-align: middle;
}

form.keywordSearch select {
    font-size: 11px;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 150px;
}

/* Keyword Search Table of Results */
table.resultsTable {
    margin: 0 0 15px 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

table.resultsTable tr {
    text-align: left;
}

table.resultsTable tr th, table.resultsTable td {
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 70%;
    padding: 8px 8px 12px 8px;
    vertical-align: top;
}
table.resultsTable tr th, table.resultsTable td p {
	font-size: 100%;
}
table.resultsTable tr th {
    background-image: none;
	background-color: #f3f3f3;
    border-bottom: 0;
    border-right: 0;
	padding: 6px 8px;
	font-size: 70%;
}

table.resultsTable tr.lastRow td, table.resultsTable tr.noBorder td {
    border-bottom: 0;
}

table.resultsTable a, table.resultsTable a:hover {
    color: #E85E22;
}

/* Newsletter Signup */
form.newsletterSignup {
    text-align: right;
}

form.newsletterSignup div {
    margin: 0 0 10px 0;
}

form.newsletterSignup label {
    color: #666;
    font-size: 70%;
    font-weight: bold;
}

form.newsletterSignup label.error { /* error labels in red */
    color: #f00;
}

form.newsletterSignup input {
    padding: 2px 0 0 0;
    height: 15px;
    width: 295px;
}

form.newsletterSignup input.button {
    padding: 0;
    height: auto;
    width: auto;
}

/* Download Logo sub section in storyColLast container div of Right Col, under Quick Links */.downloadLogo {
    margin: 0 0 15px 0;
    padding-bottom: 1px;
}.downloadLogo a, .downloadLogo a:hover {
    font-weight: normal;
}.downloadLogo img {
    border: solid 1px #ccc;
}

/* Stats Table for each website in storyColLast container div of Right Col, under DownloadLogo */
table.statsTable {
    border: 1px solid #ccc;
    border-right: 0;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}

table.statsTable tr th, table.statsTable tr td {
    overflow: hidden;
    padding: 10px 4px; /* less padding left and right for IE resizing */
}

table.statsTable tr th {
    background-color: #f0f0f0;
    background-image: none;
    border-bottom: 1px solid #ccc;
    border-right: 0;
}

table.statsTable tr th, table.statsTable tr td {
    border-right: 1px solid #ccc;
}

/* PRESS */ /* table for press release story 10000133, also using resultsTable and statsTable classes */ /* therefore trustConnectivity styles need to be after resultsTable and statsTable in this stylesheet */
table.trustConnectivity tr {
    text-align: center;
}

table.trustConnectivity tr th.advice, table.trustConnectivity tr td.advice {
    text-align: left;
} .press { /* center aligning the headers, sub headers and urls in press release stories */
    text-align: center;
}

#press #primary a, #press #primary a:hover { /* Press pages with blue links */
color: #296DC0;
}

table.resultsTable tr.keyspokespeople td { /* New class for table in Press Key Spokespeople to counter default settings */
border-bottom: 0;
padding: 8px 0 8px 0;
}

table.resultsTable tr.keyspokespeople td.name {
color:#7D7D7D;
font-size:12px;
font-weight: bold;
}
h2.spokespeople-name {
margin-bottom: 0;
}

form.keyspokespeople-dropdown { /* Key Spokespeople dropdown menu as seen in profile pages */
margin: -45px 20px 35px 0;
text-align: right;
}
form.keyspokespeople-dropdown select {
font-size: 11px;
height: 18px;
width: 150px;
}

/* Jobs */
#jobs #primary a, #jobs #primary a:hover { /* Press pages with blue links */
color: #a22630;
}

/* ERROR 404 PAGE */
h2.error404 {
    color: #ccc;
    font-size: 280%;
    margin: 35px 0 20px 0;
}

p.error404 {
    font-family: arial, sans-serif;
    font-size: 110%;
}

/* MISC */#handheldLogo { /* empty div housing small cnet networks logo for mobiles */
    display: none;
}

br.clear {
    clear: both;
}

p.top { /* hidden so that without CSS or on mobiles, this will show */
    display: none;
} 
p.return-to-top { /* return top top text links on misc footer pages, like privacy */
float: right;
}
.hr {
    border-top: 1px solid #ccc;
    margin: 0 0 15px 0;
}

/* Leadership page */
div.leaders {
    text-align: left;
}

div.leaders img {
    border: solid 1px #ccc;
    margin: 0 0 5px 0;
    text-align: left;
}

/* For right column image and titles */
div.columnRightLeaders {
    margin-right: 0;
    text-align: left;
    margin-left: 10px;
}

div.columnRightLeaders img {
    border: solid 1px #ccc;
    margin: 0 0 5px 0;
    text-align: left;
}

/* Leadership story pages */
ul.noBullets {
    list-style-type: none;
    margin-left: 0px;
}

ul.noBullets li {
    margin-bottom: 0px;
}

/* Xmas 2007 eCard. Added by MN 21.11.07 */.eCard {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

ul.bul-list-org {
    list-style: none;
}

ul.bul-list-org li {
    background: url("/i/c/cor/gl/bul/sq-orange.gif") no-repeat 0px 6px;
    padding: 0 0 0 12px;
    margin: 0 0 8px 0;
}

/* story page enhancements */
/* about */
.tightWrapImg {
background: url(/i/c/cor/misc/about.gif) no-repeat top right;
min-height: 338px;
}
/* green policy */
.tightWrapImg.green {
background-image: url(/i/c/cor/misc/graphic_greenpolicy.gif);	
}
.tightWrapImg span.img1 {
display: block;
float: right;
width: 230px;
height: 77px;
clear: right;
}
.tightWrapImg span.img2 {
display: block;
float: right;
width: 305px;
height: 155px;
clear: right;
}
.tightWrapImg span.img3 {
display: block;
float: right;
width: 240px;
height: 85px;
clear: right;
}

#headerJumpMenu {
	float: right;
	position: relative;
	top: -70px;
	left: -20px;
	z-index: 2;
}
#green li, #aboutus li {
	color: 	#E85E22;
}
#green li span, #aboutus li span {
	color: #333;
}
#aboutus .misc li { /* Default list text in misc footer pages, like privacy and competitions pages */
	color: 	#333;
}

#advertise #primary a {
	color: #7DA200;
}
#advertise #primary li {
	color: #7DA200;
}
#advertise #primary li span {
	color: #333;
}
.clear {
display: block;
clear: both;
}
#brandlist {
	display: block;
	margin: 0 -15px 15px 0;
	width: 100%;
}
#brandlist li {
	display: block;
	width: 136px;
	height: auto;
	float: left;
	margin: 0 12px 15px 0;
	list-style: none;
	overflow: hidden;
}
#brandlist li span {
	border: 1px solid #ccc;
	display: block;
	width: 134px;
	height: 68px;
}
#brandlist li a img {
	display: block;
	margin: 0 auto;
	height: 64px;
}

#leaderlist {
	display: block;
	margin: 0 -125px 0 0;
	width: 720px;
}

#leaderlist li {
	display: block;
	width: 114px;
	height: 265px;
	float: left;
	margin: 0 125px 15px 0;
	list-style: none;
	overflow: hidden;
}

#leaderlist li img {
	border: 1px solid #ccc;
	display: block;
	clear: both;
	margin-bottom: 5px;
}
#leaderlist li strong {
	color: #7D7D7D;
	font-size: 12px;
}
#leaderlist li p {
	font-size: 10px;
	margin: 0 0 2px 0;
	color: #333;
}
#leaderlist li a {
	font-size: 11px;
}
#leaderlist li a:hover strong {
text-decoration: none;	
}
#leaderlist li a:hover {
text-decoration: none;		
}