/* OVERRIDES FOR M8.CSS */
body {
	background: url('/mathematica/images/overview-body-bg.png') repeat-x 0 100px;
}

div#menuspace {
	margin: 0;
}

div#pageWrapper {
	width: 975px;
	padding: 50px 0 0 0;
	/*background: url('/mathematica/images/HP-mainBG.gif') no-repeat 0 400px;*/
	overflow: visible;
}

div#mainWrap {
	float: left;
	width: 670px;
}

div#mainWrap div#main {
	margin-left: 90px;
}

.overview-bullet {
	padding: 0 .5em;
	background: url('/mathematica/images/overview-bullet.png') no-repeat center center;
}

p {
	margin-top: 10px;
	color: #4b4b4b;
	width: 480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
}

p.intro {
	color: #282828;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	margin-top: 10px;
}

h1 {
	color: #e00400;
	font-size: 19px;
	font-weight: normal;
	line-height: 21px;
}

h2.red {
	color: #e00400;
	font-size: 16px;
	font-weight: normal;
}

div#sidebar {
	float: right;
	width: 292px;
	margin: 0;
}

#sidebar a, #sidebar a:link, #sidebar a:visited {
	color: #fff;
	display: inline-block;
	padding: 0;
}

#sidebar a:hover, #sidebar a:visited:hover {
	color: #fff;
	display: inline-block;
	padding: 0;
}

#sidebar .links a, #sidebar .links a:link, #sidebar .links a:visited {
	color: #666;
	display: inline-block;
	padding: 0;
}

#sidebar .links a:hover, #sidebar .links a:visited:hover {
	color: #e00400;
	display: inline-block;
	padding: 0;
}

div.button {
	margin: 10px 5px 10px 30px;
	cursor: pointer;
}

#sidebar span.buttonRight {
	width: 80px;
	text-align: center;
}

/* --- */ 


/* TOP NAV ON INDEX PAGE ONLY */
#m8logo {
	margin: 0 0 0 90px;
}

#tagline {
	margin: 12px 0 0 140px;
}

#screens {
	margin: 0 0 0 10px;
}

#topnav {
	width: 100%;
	margin: 0 0 0 90px;
	overflow: hidden;
}

#topnav div {
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 30px;
}

div#topnav div a, div#topnav div a:link, div#topnav div a:visited {
	display: inline-block;
	height: 30px;
	margin-left: 15px;
	padding-right: 15px;
	color: #2f2f2f;
	font-weight: bold;
}

div#topnav div a:hover, div#topnav div a:visited:hover {
	color: #bb0000;
}

body#overview div#overviewtab {
	width: 86px;
	background: url('/mathematica/images/overview-tab-bg.png') no-repeat bottom left;
}

body#overview div#overviewtab a {
	background: none;
	color: #434242;
	font-weight: normal;
}

/* --- */  


/* MAIN */
#solutions {
	margin: 30px 0 0 38px;
	padding: 40px 0 0 50px;
	background: url('/mathematica/images/HP-solutionsBG.png') no-repeat;
}

#solutions table {
}

#solutions table td {
	vertical-align: top;
}

#solutions table td.first p {
	width: 270px;
	margin-right: 75px;
	color: #4b4b4b;
	font-size: 12px;
}

#solutions table td.second p {
	width: 150px;
	font-size: 12px;
}

#solutions table td.second a, #solutions table td.second a:link, #solutions table td.second a:visited {
	color: #4b4b4b;
	outline: none;
}

#solutions table td.second a:active, #solutions table td.second a:hover, #solutions table td.second a:link:hover, #solutions table td.second a:visited:hover {
	color: #bb0000;
	outline: none;
}

a.inline, a.inline:link, a.inline:visited {
	color: #e00400;
}

a.inline:active, a.inline:hover, a.inline:link:hover, a.inline:visited:hover {
	color: #bb0000;
}

/* --- */


/* HP button style */
div.HPbutton {
	position: absolute;
	top: -60px;
	left: 500px;
	cursor: pointer;
}

div.HPbutton span.HPbuttonLeft {
	background: url('/mathematica/images/HPbutton.png') no-repeat top left;
	float: left;
	height: 36px;
	width: 10px;
	color: #fff;
}

div.HPbutton span.HPbuttonRight {
	background: url('/mathematica/images/HPbutton.png') no-repeat top right;
	letter-spacing: .03em;
	font-weight: bold;
	font: 16px/34px Trebuchet MS,Arial,Verdana,Geneva,sans-serif;
	height: 36px;
	float: left;
	padding-right: 10px;
	color: #fff;
}

div.HPbutton span.HPbuttonRight a, div.HPbutton span.HPbuttonRight a:link, div.HPbutton span.HPbuttonRight a:visited, div.HPbutton span.HPbuttonRight a:hover, div.HPbutton span.HPbuttonRight a:visited:hover {
	color: #fff;
}

div.HPbutton.hover span.HPbuttonLeft {
	background: url('/mathematica/images/HPbutton.png') no-repeat bottom left;
}

div.HPbutton.hover span.HPbuttonRight {
	background: url('/mathematica/images/HPbutton.png') no-repeat bottom right;
}

/* --- */


/* SIDEBAR */


#sidebar a.inline, #sidebar a.inline:link, #sidebar a.inline:visited {
	color: #666666;
	line-height: 14px;
}

#sidebar a.inline:active, #sidebar a.inline:hover, #sidebar a.inline:link:hover, #sidebar a.inline:visited:hover {
	color: #bb0000;
}

table#topreasons {
}

table#buy {
	width: 100%;
}

table#buy td.links {
	color: #666;
}

table#buy td.links img {
	vertical-align: middle;
	float: left;
}

table#buy td.links div {
	float: left;
	width: 170px;
	margin-left: 10px;
}

#platforms {
	border-top: 1px solid #dedede;
	background: #f3f3f3;
	text-align: center;
	margin: 0;
}

#platforms img {
	margin: 5px 0;
}

#newsspace {
	background: url('/mathematica/images/news-bg.gif') no-repeat;
	width: 289px;
	height: 180px;
}

#newsspace .title {
	color: #b2b2b2;
	font-size: 12px;
	padding: 26px 0 0 60px;
}

#newsspace h2 {
	font-size: 13px;
	color: #555;
	font-weight: bold;
	margin: 10px 0 0 16px;
}

#newsspace .newswrapper p {
	margin: 10px 0 0 16px;
	width: 250px;
}

#newsspace .newswrapper p.subtitle {
	color: #8c8c8c;
	font-weight: bold;
	margin: 0 0 0 16px;
	width: 265px;
}

#newsspace .newslink {
	text-align: right;
	margin-right: 15px;
}

#newsspace .newslink a, #adspace .adlink a:link, #adspace .adlink a:visited {
	color: #e00400;
}

#newsspace .newslink a:hover, #adspace .adlink a:visited:hover {
	color: #bb0000;
}

#adspace {
	background: url('/mathematica/images/news-bg.gif') no-repeat;
	width: 289px;
	height: 180px;
}

#adspace .title {
	color: #b2b2b2;
	font-size: 12px;
	padding: 26px 0 0 60px;
}

#adspace h2 {
	font-size: 13px;
	color: #555;
	font-weight: bold;
	margin: 10px 0 0 16px;
}

#adspace .adwrapper p {
	margin: 10px 0 0 16px;
	width: 250px;
}

#adspace .adwrapper p.subtitle {
	color: #8c8c8c;
	font-weight: bold;
	margin: 0 0 0 16px;
	width: 265px;
}

#adspace .adlink {
	text-align: right;
	margin-right: 15px;
}

#adspace .adlink a, #adspace .adlink a:link, #adspace .adlink a:visited {
	color: #e00400;
}

#adspace .adlink a:hover, #adspace .adlink a:visited:hover {
	color: #bb0000;
}

/* Slide show */
#newinLink {
	position: absolute;
	width: 270px;
	top: 165px;
	left: 0;
	z-index: 11100;
	text-align: right;
}

#newinLink a, #newinLink a:link, #newinLink a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #e00400;
}

#newinLink a:hover, #newinLink a:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #bb0000;
}

.rollover {
	position: relative;
	height: 190px;
}

#sel {
	position: absolute;
	top: 205px;
	left: 20px;
	z-index: 11000;
	width: 100%;
	padding-top: 7px;
	width: 240px;
}

.sb {
	background-color: #cbcbcb;
	border: 1px solid #98999b;
	height: 7px !important;
	width: 7px !important;
	height: 9px;
	width: 9px;
	margin-right: 6px;
	float: left;
	cursor: pointer;
}

.sbo {
	background-color: #e00400;
}

.slideshowTitle{
	position: absolute;
	top: 120px;
	left: 20px;
	z-index: 1000;
	color: #e00400;
	font-size: 14px;
	font-weight: bold;
}

.slideshowCaption {
	position: absolute;
	width: 270px;
	top: 142px;
	left: 0;
	color: #909090;
	font-size: 12px;
	font-style: italic;
	text-align: right;
	z-index: 1000;
}

#sidebarNewIn9 {
	position: absolute;
}

#sidebarNewIn9 div {
	position: relative;
	background: url('/mathematica/images/overview-new-in-9.png') no-repeat;
	width: 92px;
	height: 35px;
	top: 10px;
	left: 201px;
	z-index: 9999;
}

.podBG {
	padding: 0px 0px 0px 0px;
	background-image: none;
	background: white;
}

div#podBGOverview {
	margin: 0;
	padding: 0;
	width: 280px;
	height: 191px;
	background: url('/mathematica/images/overview-sidebar-bg.png') repeat-x;
}

div#podBGOverview a.button-red, div#podBGOverview a.button-red:link, div#podBGOverview a.button-red:visited {
	display: block;
	float: right;
	border: none;
	margin: 0;
	/*padding: 0 0 3px 0;*//* workaround for firefox's line-height bug */
	width: 112px;
	height: 27px;
	background: url('/mathematica/images/overview-button-red.png') no-repeat;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 27px;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
}

div#podBGOverview a.button-red:hover, div#podBGOverview a.button-red:visited:hover {
	background-position: 0 -27px;
	color: #fff;
}

a#overview-video, a#overview-video:link, a#overview-video:visited {
	display: block;
	border: none;
	margin: 0;
	padding: 0 0 0 40px;
	width: 330px;
	height: 25px;
	background: url('/mathematica/images/icon-play.png') no-repeat;
	color: #e00400;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 25px;
	overflow: hidden;
	cursor: pointer;
}

a#overview-video:hover, a#overview-video:visited:hover {
	background-position: 0 -25px;
	color: #bb0000;
}

div#flashWrap, div#flash {
	width: 1192px;
    height: 285px;
}

div#eventPod a, div#eventPod a:link, div#eventPod a:visited {
	color: #e00400;
}

div#eventPod a:hover, div#eventPod a:link:hover, div#eventPod a:visited:hover {
	color: #bb0000;
}

/* --- */

/* --- */