html
{ 
	background:			#fff;
}

body
{ 
	padding:			0 0 34px 0;
	color:				#000;
	font:				0.8em Arial, Helvetica, Verdana, sans-serif;
	text-align:			center;
}

a:link { color:#666; text-decoration: none; }
a:visited { color:#333; text-decoration: none; }
a:hover { color:#666; text-decoration: underline; }
a:active { color:#c30; text-decoration: underline; }

h1, h2, h3, h4
{
	margin:				0;
}

p 
{ 
	margin-top:			0.5em;
}

.white { color: #ccc; }

.linkList, .linkList ul, .detailsList
{
	height:				0.01%;/*IE hack to stop elements disappearing*/
	margin:				0.35em 0 1em 0;
	padding:			0;
	list-style:			none;
	clear:				both 
}

html>body .linkList,
html>body .linkList ul,
html>body .detailsList 
{
	height:				auto;
}

.linkList ul { margin:0; }
.linkList li { line-height: 1.6em; font-size: 0.8em; clear: left; margin: 0 4px 0 0; padding-left: 10px; background-image: url(../images/picArrowGrey.gif); background-position: 0 0.3em; background-repeat: no-repeat; }
.hE, legend { width:1px; height:1px; margin:-500em; padding:0; position:absolute; top:-500em; left:0; }

form { clear: both; }
#container .imageInput { width:auto; border:0; right:4px; margin:0.4em 0 0.5em 0; padding:0; float:right; clear:both; }

#header
{
	width: 					980px;
	height:					120px;
	margin:					0;
	margin-bottom:			4px;
	padding: 				0;
	float: 					left;
	background-image: 		url(../images/headerBackground.png);
	background-repeat: 		repeat-x;
	position: 				relative;
}

#headerText 
{ 
	color: 					#f60;
	font-size:				0.85em;
	margin: 				10px 0 0 100px; 
	position:				relative;
	z-index:				10;
}

#header ul, #footer ul { margin:0; padding:0; list-style:none; }
#header li { float: left; }

#headerCorner
{
	position:				absolute;
	top:					0px;
	left:					0px;
}

#logo { position: absolute; left: 57px; top: 23px; }
#sponsorLogo { position: absolute; left: 570px; top: 14px; width: 90px; height: 66px; }
#switch { width: 268px; position: absolute; right: 10px; top: 13px; }
#firstSwitch { float: left; margin-right: 0px; margin-top: 0px; }
#secondSwitch { margin-left: 14px; float: left; }
#header .tabs { margin-bottom: -1px; position: relative; }

#searchPanel
{ 
	width: 					245px;
	position: 				absolute;
	top: 					42px;
	right: 					31px;
	padding: 				0 0 0 0;
}

#searchWrapper
{
	position: 				absolute;
	top: 					0px;
	left: 					0px;
	border: 				1px solid #666;
	padding: 				0 0 0 0;
	width: 					183px;
	background: 			black;
}

#searchZoom
{
	border-style:			none;
}

#searchField
{
	width: 					153px;
	height: 				21px;
	margin-top:				0px;
	background: 			black;
	color: 					#f60;
	border-style:			none;
	position:				absolute;
	top:					0px;
	left:					28px;
}

#searchButton
{
	margin: 				0 0 0 0;
	padding: 				0 0 0 0;
	position:				absolute;
	top:					0px;
	right:					0px;
	cursor: 				pointer;
}

.loginLink,
.loginLink:visited,
.loginLink:active
{
	text-decoration:		underline;
	color:					#ccc;
}

.loginLink:hover
{
	color:					white;
}

#welcomeLink
{
	text-decoration:		none;
	color:					#ccc;
}

#welcomeLink:hover
{
	text-decoration:		underline;
}

#mainNav
{
	height:					22px;
	position: 				absolute;
	bottom:					0px;
	padding-left:			20px;
}

a.headerNav
{
	color: 					black;
	display: 				block;
	padding-top: 			3px;
	width:					76px;
	height:					18px;
	text-align:				center;
}

a.headerNav:hover
{ 
	text-decoration: 		none;
}

a.headerNav:hover,
a.headerNav:active
{
	background-image: 		url(../images/tab-gray.png); 
	background-repeat: 		repeat-x;
	color: 					white;
}

#mainNav .selectedTab a
{
	background-image: 		url(../images/tab-orange.png); 
	background-repeat: 		repeat-x;
	color:					white;
}

#footer
{
	width: 					100%;
	position: 				relative;
	padding: 				0;
	background-color: 		#2D3134;
	color: 					#999999;
	clear:					both;
	background-image: 		url(../images/footerBackground.png);
	background-repeat:		repeat-x;
	margin-top:				19px; 
	float: 					left;
}

#footerNav
{ 
	height:					24px;
	margin-top: 			2px;
	margin-left:			10px;
}

#footerNav li
{ 
	float: 					left;
}

a.footerNav
{
	color:					black;
	display: 				block;
	padding: 				2px 1em;
	text-decoration:		none;
}

a.footerNav:hover,
a.footerNav:active
{
	color: 					white;
}

#socialIcons
{ 
	position:				absolute;
	top:					3px;
	right: 					10px;
}

.toolsIcon
{
	margin-right: 			20px;
	padding-top:			2px;
}

.toolsIcon img
{
	vertical-align:			middle;
	margin-top:				-2px;
}

.toolsIcon a
{
	float:					left;
	font-size:				11px;
	height:					23px;
	display:				block;
	text-decoration:		none;
}
	
.toolsIcon a:link,
.toolsIcon a:visited
{
	color: 					#777;
}

.toolsIcon a:hover
{ 
	color: 					white;
}

.toolsIcon a:active
{
	color:					#eee;
}

#footer .copy
{ 
	clear: 					both;
	padding: 				10px 20px;
}

.copy a
{
	color:					#999;
}

/* Container for page */
#container
{ 
	width:					980px;
	text-align:				left;
	margin:					0 auto;
}

#contents 
{
	width: 					980px;
	margin: 				0;
	padding: 				4px 0 8px 0;
	clear: 					both;
	background: 			#fff;
}

.breadcrumbs { border: 1px solid #eee; font-size: 0.85em; padding:3px 0 3px 5px; margin: 0 0 8px 0; }
.breadcrumbs ul { color:#666; display:inline; margin:1em 0 0 0; padding:0; list-style:none; }
.breadcrumbs li { display:inline; }
.breadcrumbs a:link, .breadcrumbs a:visited { color: #333; }
.breadcrumbs a:hover, .breadcrumbs a:active { color: #000; }
        

/* Main content area */
#main { width: 980px; padding-bottom: 0em; float: left; }

#leftColumn
{ 
	width: 				160px; 
	margin-right: 		10px;
	float: 				left;
	overflow:			hidden;
}

#navigation
{
	position:			relative;
}

#navigation h2
{ 
	color: 				#000;
	font-size: 			16px;
	background-image: 	url(../images/leftColumnBackground.jpg);
	background-repeat:	repeat-x;
	padding: 			4px 0 4px 10px;
}

#button { width: 160px; padding: 0; margin-bottom: 1em; color: #333; }
#button ul { list-style: none; margin: 0; padding: 0; border-style: none; }
#button li { margin: 0; }
#button li a { display: block; padding: 3px 2px 3px 0.5em; border-left: 10px solid #777; background-color: #666; color: #fff; text-decoration: none; width: 100%; }
html>body #button li a { width: auto; }
#button li a:hover, #button li a#selectedCategory, #selectedCategory:link { border-left: 10px solid #f60; background-color: #999; color: #000; }


.moduleBox
{
	padding: 				5px 5px 10px 5px;
	clear: 					both;
	margin-bottom: 			1em;
	position:				relative;
	background-image: 		url(../images/leftColumnBackground.jpg); 
	background-repeat: 		repeat-x;
	border-bottom:			1px solid #ddd;
	border-left: 			1px solid #ddd;
	border-right: 			1px solid #ddd;
}

.moduleBox h2
{
	height:					30px;
	color:					black;
	font-size:				16px;
}

.moduleBox p
{
	font-size: 				11px;
	margin: 				0 0 0.5em 0;
}

.moduleIcon
{
	position:				absolute;
	top:					-2px;
	right:					2px;
	z-index:				10;
}

.rssBox h3
{
	margin-bottom: 			0px;
}

.rssBox p 
{
	margin-top: 			0px;
	margin-bottom: 			0px;
}

.rssBox div,
.articleRSS div
{
	font-size: 				12px;
}

.rssBox h3
{
	font-size:				14.9833px;
}

#productFeed h3
{
	font-size:				14px;
}

.rssDescr
{
	padding-bottom: 		8px;
}

#rightColumn .more,
.widget .more
{
	clear:					both;
	text-align:				right;
	font-size:				10.8px;
	margin-bottom:			0px;
}

#twitter h3 { font-size: 0.9em; margin: 0 0 0.2em; font-weight: normal; }

#sponsored { background: #eeeeee; text-align: center; padding: 10px; margin-bottom: 1em; }
#sponsored h3 { font-size: 0.8em; color: #666; margin-bottom:0.75em; font-weight: normal; }

#newsletters, .sidebarSearch { padding-left: 5px; padding-right: 5px }
#newsletters input.text, #newsletters .button { font-size: 0.9em; margin-top: 0.5em; }

#newsletters input.text,
.sidebarSearch .text
{ 
	width: 					100%; 
	color: 					#f60; 
	border: 				1px solid #999;
	padding: 				1px;
}

#newsletters .button { background: #f60; color: #fff; padding: 1px 6px 2px; border: 0; margin-bottom: 0px }
#newsletters h3 { font-size: 0.9em; }

#rssFeeds h3 { font-size: 0.9em; margin: 0 0 0.2em; }

#centreColumn
{ 
	width: 					500px;
	margin: 				0px;
	float: 					left;
}

.doddSummary,
.freeFullSummary
{
	overflow:				hidden;
	display:				block;
}

.freeFullSummary
{
	height:					58px;
}

select { border: 1px solid #999; font-size: 0.9em; width: 135px; color: #f60; margin-bottom: 1em; }

.button 
{
	background: 			#f60; 
	color: 					#fff;
	font-weight: 			normal;
	width: 					auto;
	font-size: 				11.5167px;
	padding: 				1px 6px 2px;
	border: 				0;
	margin-bottom: 			1em;
}

.resort { float: left; margin-bottom: 0.9em; font-size: 0.9em; background-image: url(../images/resortBackground.jpg); background-repeat: no-repeat; width: 482px; height: 25px; }
.resortName { float: left; width: 275px; border-right: 1px solid #ccc; text-align: center; padding: 5px 0 0 0; height: 20px; }
.resortUpdated { float: left; width: 70px; border-right: 1px solid #ccc; text-align: center; padding: 5px 0 0 0; height: 20px; }
.resortDownloads { float: left; width: 74px; border-right: 1px solid #ccc; text-align: center; padding: 5px 0 0 0; height: 20px; }
.resortRating { float: left; width: 60px; text-align: center; padding: 5px 0 0 0; height: 20px; }
.resort a { text-decoration: underline; }
.resort a:hover, .resort a:active { text-decoration: none; }

.productListing { width: 482px; margin-bottom: 1em; float: left; position: relative; }
.productListingImage { width: 70px; position: absolute; top: 0px; left: 0px; }

.productListingTitle,
.productListingTools,
.productListingLicense,
.productListingSummary 
{
	margin-left:			70px;
}

.productListingTitle { font-size: 12px; font-weight: bold; width: 208px; float: left; }
.productListingDate { text-align: center; width: 70px; float: left; }
.productListingDownloads { text-align: center; width: 74px; float: left; }

.productListingRating,
.productListingLatestVersion
{
	text-align: 			center;
	width: 					60px;
	float: 					left; 
}

.productlistingLatestVersionUpdated
{
	font-weight:			bold;
}

.productListingLicense { color: #999; font-weight: bold; margin-bottom: 0; width: 412px; clear: both; }
.productListingSummary p { font-size: 12px; line-height: 16px; margin: 0.1em 0 0 0; padding: 0; }

.productListingDate,
.productListingLatestVersion,
.productListingDownloads
{
	font-size:				0.85em;
}

.productListingSummary 
{
	width:					412px;
	height:					16px;
	overflow:				hidden;
}

.productListingTools
{
	width:					412px;
	height:					16px;
	font-size:				10px;
	margin-top:				1px;
	clear:					both;
	position:				relative;
}

.productListingTool
{
	position:				relative;
	margin-right:			4px;
}

.productListingToolRightAligned
{
	float:					right;
}

.productListingToolActive
{
	cursor:					pointer;
}

.productListingToolLabel
{
	position:				relative;
	top:					-1px;
	left:					-1px;
	white-space:			nowrap;
}

.productListingTool img
{
	position:				relative;
	left:					0px;
	top:					0px;
}

.divider { border-bottom: 1px dotted #c00; }

.downloadsTab,
.modulesTab
{ 
	clear: both; float: none; padding:8px; border: 1px solid #ccc; border-top: 0px; 
}

.pagination { clear:left; height: 25px; background-image: url(../images/resortBackground.jpg); background-repeat: no-repeat; text-align: center; padding-top: 4px; }
.pagination a { text-decoration: underline; }
.pagination a:hover, .pagination a:active { text-decoration: none; }


/* right column */
#rightColumn { width:300px; margin-left:10px; background:#fff; float:left; }

.tabs { margin-bottom: 1em; }
div.tab { clear: both; overflow: hidden; }

ul.subsection_tabs
{
	height: 				26px;
	list-style-type: 		none;
	width: 					100%;
	margin: 				0 0 0 0;
	padding: 				0 0 0 0;
	overflow:				hidden;
}

li.tab a
{
	background-image:		url(../images/tab_menu_inactive.jpg);
	background-repeat:		no-repeat;
	background-position:	left top;
	font-size:				0.9em;
	color:					white;
	text-decoration:		none;
	display:				inline-block;
	height:					26px;
	width:					100%;
	padding-left:			7px;
  	padding-top:			7px;
	padding-right:			0px;
	padding-bottom:			0px;
}

li.tab
{
	display:				inline-block;
	float:					left;
	height:					26px;
	margin:					0px 0px 0px 0px;
}

li.tab a.active, 
li.tab a:hover
{ 
	padding-top: 			4px;
	white-space:			nowrap;
	color: 					#000;
	background-image:		url(../images/tab_menu_active.jpg);
}

.moduleTabButton { width: 50%; }

.productThumb div { margin-bottom: 0.75em; float: none; clear: both; }
.productThumb h3 { color: #00f; margin: 0 0 0.25em 0; font-size: 0.9em; }
.productThumb img { float: left; margin: 0 1em 0 0; }
.productThumb p { color: #111; margin: 0 0 0.2em 0; font-size: 0.9em; }
.productThumb .license { font-weight: bold; color: #999; font-size: 0.85em; }

.advertisement { height: 14px; width: 300px; }
.mpu { margin-bottom:1em;  }


.spotlight
{ 
	background-image: 		url(../images/spotlightBackground.jpg);
	border-bottom: 			2px solid #999;
}

.spotlight h3 { color: #00f; margin: 0 0 0.25em 0.25em; font-size: 1.2em; }
.spotlightImage { float: left; margin: 0 0.5em 0.75em 0; }
.spotlight p { color: #111; font-size: 0.9em; clear: right; }
.freeFullLicense { font-weight: bold; font-size: 0.9em; }

.spotlightImage,
.spotlightFreeBottom
{
	position:				relative;
}

.spotlightFreeBottom
{
	clear:					both;
	padding-left:			0px;
	margin-top:				4px;
	width:					100%;
	display:				inline-block;
}

.spotlightFreeBottom .download
{
	float:					right;
	position:				relative;
	top:					-2px;
	margin-right:			4px;
}

.spotlightFreeBottom .free
{
	font-size:				0.9em;
}

.spotlightTimeRemaining
{
	font-size:				11px;
}

.spotlightFreeLabel,
.spotlightFreeValue
{
	float:					left;
	margin-left:			4px;
}

.spotlightFreeLabel
{
	clear:					left;
	font-weight:			bold;
}

.clear { clear: both; font-size: 1px; height: 1px }

/* from the store / special offers */
.productBox { float: left; margin: 0 0.5em 0.75em 0; }
.fromStore .topHead { clear: left; float: none; margin-top: 0em; }
.fromStore h3 { margin: 0 0 0.5em 0; font-size: 1.1em; }
.fromStore .price { color:#cc0000; font-weight: bold; }
.savings { color: #00cc00; font-weight: bold; }
.fromStore .moreInfo { margin-top: 0.5em; margin-bottom: 0.35em; }
.fromStore .buyNow { margin-top: 0.35em; margin-bottom: 0.35em; }
.fromStore p { margin: 0 0 0.35em 0; font-size: 0.9em; color: #333; }

.storeRRP 
{
	text-decoration:	line-through;
}


.stdForm,
div.stdForm
{
	background-color:	#efefef;
}

.stdForm input.text,
.stdForm textarea,
.stdForm select
{ 
	border-style:		none;
	margin-bottom: 		0.4em;
	color: 				#c30;
	padding:			2px 3px;
	font-size:			13px;
}