/* General 2.0
-------------------------------------------------------------- */

body
{
	font: normal 11px Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}

/* Useful debug */
td
{
	/* border: 1px solid orange; */
}

/* Non-support hilite boxes */
div.nonsupportbox {
	padding: 6px;
	border-style: dotted;
	border-width: 1px;
	background-color: #fcc;
	margin-top: 10px;
	margin-bottom: 10px;
}

.red
{
	color: red;
}

.smallnote
{
	font-size: 10px;
	color:  gray;
}

.s3blue
{
	color: #369;
}

.outer
{
	position: static;
	width: 800px;
	top:-1px;
	border: 1px solid #aaa;
	background: #fff url(./images/banners/footer.jpg) no-repeat bottom;
	margin: auto;
	margin-top: -1px;
}

.footer
{
	font-size: 10px;
	margin: 27px 0 39px 67px;
}

/* Order is very important for anchor pseudo-classes */
a:link
{
	color: #369;
	text-decoration: none;
}

a:visited
{
	color: #555;
	text-decoration: none;
}

a:hover
{
	color: #369;
	text-decoration: underline;
}

/* Tables
-------------------------------------------------------------- */
div.alternating tr.alt0
{
	background-color: #ccccff;
}

div.alternating tr.alt1
{
	background-color: #ccffcc;
}

div.alternating tr.alt2
{
	background-color: #ffcccc;
}

div.alternating tr.alt3
{
	background-color: #ffffcc;
}

div.alternating table
{
	border: 1px solid #369;
	margin-bottom: 10px;
	margin-top: 5px;
}

/* Support
-------------------------------------------------------------- */
div.support
{
	padding: 0;
	margin: 0 0 0 20px;
}

div.support img
{
	padding: 0;
	margin: 15px 0 5px;
}

div.support p
{
	margin: 5px;
}

div.support p.heading
{
	color: #369;
	font-weight: bold;
}

div.support ul, div.support li
{
	margin: 0 0 0 11px;
	padding: 0;
}

div.support table
{
	margin-left: 15px;
}

/* Product Pages
-------------------------------------------------------------- */

/* Table of Contents lists */
div.product div.toc ul, div.product div.toc li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.toc
{
	color: #369;
	font-weight: bold;
}

div.product ul, div.product li
{
	margin: 0 0 0 8px;
	padding: 0;
}

div.product img.productbanner
{
	padding: 0;
	margin: 0;
}

div.product img
{
	padding: 0;
	margin: 15px 0 0;
}

div.product p.version
{
	color: #369;
	font-weight: bold;
	margin-top: 10px;
}

div.product p
{
	margin: 10px 0 0;
	padding: 0;
}

div.quotes p
{
	font: 12px "Comic Sans MS", cursive;
	margin: 10px 0;
}

div.version p
{
	margin-top: 15px;
	color: #369;
	font-weight: bold;
}

/* User's Manual
-------------------------------------------------------------- */

div.manual p.heading
{
	font-weight: bold;
	margin-left: 0px;
	color: #369;
	border-bottom: 1px solid #369;
}

div.manual p.subheading
{
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
	color: #369;
	border-bottom: 1px solid #369;
}

div.manual p
{
	margin: 5px 0 5px 30px;
}

div.manual li
{
	margin-left: 15px;
	padding-left: 0;
}

div.manual p.note
{
	font-family: "Courier New", Courier, mono;
	background-color: silver;
	border: 1px dotted #369;
	padding: 3px;
	margin: 0 35px 0 90px;
}

div.manual li
{
	margin-left: 50px;
	padding-left: 0;
}


/* Nav and Side Extras
-------------------------------------------------------------- */
#side, #nav, #platforms, #buy, #download { line-height: 1; z-index: 9998; }


/* Navigation 2.0
-------------------------------------------------------------- */
#nav a {
	background: url(./images/banners/topbanner2.png) no-repeat 0 0;
	display: block;
	height: 31px;
	text-indent: -999em;
	overflow: hidden;
}

#nav li { float: left; position: relative; margin: 0; padding: 0; }
#nav ul { 
	padding: 0;
	margin: 0;
}


#nav ul li
{
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}


	/*--- Default ---*/
#nav-tail a { background-position:0 0; width:150px; }
#nav-home a { background-position:-150px 0; width:59px; }
#nav-blog a { background-position:-209px 0; width:44px; }
#nav-down a { background-position:-253px 0; width:75px; }
#nav-pure a { background-position:-328px 0; width:138px; }
#nav-supp a { background-position:-466px 0; width:61px; }
#nav-abou a { background-position:-527px 0; width:62px; }

/*--- Hovering ---*/
/*#nav-tail a:hover { background-position:0 -31px; width:150px; }*/
#nav-home a:hover { background-position:-150px -31px; width:59px; }
#nav-blog a:hover { background-position:-209px -31px; width:44px; }
#nav-down a:hover { background-position:-253px -31px; width:75px; }
#nav-pure a:hover { background-position:-328px -31px; width:138px; }
#nav-supp a:hover { background-position:-466px -31px; width:61px; }
#nav-abou a:hover { background-position:-527px -31px; width:62px; }


/* Products 2.0
-------------------------------------------------------------- */

#side a
{
	background: url(./images/banners/products.png) no-repeat 0 0;
	display: block;
	width: 121px;
	text-indent: -999em;
}

#side li { float: top; position: relative; margin: 0; padding: 0;}
#side ul
{
	padding: 0;
	margin: 50px 0 0;
}

#side ul li
{
	height: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

	/*--- Default ---*/
#side-prod a { background-position:0 0; height:43px; }
#side-pass a { background-position:0 -43px; height:21px; }
#side-pwma a { background-position:0 -64px; height:21px; }
#side-pwwi a { background-position:0 -85px; height:21px; }
#side-pwip a { background-position:0 -106px; height:21px; }
#side-pwwm a { background-position:0 -127px; height:21px; }
#side-pwpa a { background-position:0 -148px; height:21px; }
#side-pwwo a { background-position:0 -169px; height:21px; }
#side-pwan a { background-position:0 -190px; height:21px; }
#side-pwwk a { background-position:0 -211px; height:21px; }
#side-smar a { background-position:0 -232px; height:21px; }
#side-sw_m a { background-position:0 -253px; height:21px; }
#side-sw_w a { background-position:0 -274px; height:21px; }
#side-moon a { background-position:0 -295px; height:21px; }
#side-mm_m a { background-position:0 -316px; height:21px; }
#side-mm_w a { background-position:0 -337px; height:21px; }
#side-muta a { background-position:0 -358px; height:21px; }
#side-atyo a { background-position:0 -379px; height:21px; }
#side-typi a { background-position:0 -400px; height:21px; }
#side-blan a { background-position:0 -421px; height:21px; }
#side-ccli a { background-position:0 -442px; height:21px; }

/*--- Hover ---*/
/*#side-prod a:hover { background-position:-121px 0; height:43px; }*/
#side-pass a:hover { background-position:-121px -43px; height:21px; }
#side-pwma a:hover { background-position:-121px -64px; height:21px; }
#side-pwwi a:hover { background-position:-121px -85px; height:21px; }
#side-pwip a:hover { background-position:-121px -106px; height:21px; }
#side-pwwm a:hover { background-position:-121px -127px; height:21px; }
#side-pwpa a:hover { background-position:-121px -148px; height:21px; }
#side-pwwo a:hover { background-position:-121px -169px; height:21px; }
#side-pwan a:hover { background-position:-121px -190px; height:21px; }
#side-pwwk a:hover { background-position:-121px -211px; height:21px; }
#side-smar a:hover { background-position:-121px -232px; height:21px; }
#side-sw_m a:hover { background-position:-121px -253px; height:21px; }
#side-sw_w a:hover { background-position:-121px -274px; height:21px; }
#side-moon a:hover { background-position:-121px -295px; height:21px; }
#side-mm_m a:hover { background-position:-121px -316px; height:21px; }
#side-mm_w a:hover { background-position:-121px -337px; height:21px; }
#side-muta a:hover { background-position:-121px -358px; height:21px; }
#side-atyo a:hover { background-position:-121px -379px; height:21px; }
#side-typi a:hover { background-position:-121px -400px; height:21px; }
/*#side-blan a:hover { background-position:-121px -421px; height:21px; }*/
#side-ccli a:hover { background-position:-121px -442px; height:21px; }

/* Platforms 2.0
-------------------------------------------------------------- */

#platforms a {
	background: url(./images/banners/platforms.png) no-repeat 0 0;
	display: block;
	height: 75px;
	text-indent: -999em;
	overflow: hidden;
}

#platforms li
{
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	height: auto;
}

#platforms ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#platforms-mac a { background-position:0 0; width:70px; }
#platforms-iph a { background-position:-70px 0; width:59px; }
#platforms-plm a { background-position:-129px 0; width:81px; }
#platforms-wmo a { background-position:-210px 0; width:71px; }
#platforms-wxp a { background-position:-281px 0; width:72px; }
#platforms-saf a { background-position:-353px 0; width:70px; }
#platforms-and a { background-position:-423px 0; width:77px; }

#platforms-mac a:hover { background-position:0 -75px; width:70px; }
#platforms-iph a:hover { background-position:-70px -75px; width:59px; }
#platforms-plm a:hover { background-position:-129px -75px; width:81px; }
#platforms-wmo a:hover { background-position:-210px -75px; width:71px; }
#platforms-wxp a:hover { background-position:-281px -75px; width:72px; }
#platforms-saf a:hover { background-position:-353px -75px; width:70px; }
#platforms-and a:hover { background-position:-423px -75px; width:77px; }

/* Buy Buttons and Spiral 2.0
-------------------------------------------------------------- */
td.spiral a, td.spiral img, td.spiral p
{
	margin-bottom: 7px; 
	color: #369;
}

a.buy {
	background: url(./images/banners/buynow.png) no-repeat 0 0;
	display: block;
	width: 132px;
	text-indent: -999em;
	overflow: hidden;
	height: 31px;
}
	
	/*--- Default ---*/
a#now { background-position:0 0; height:31px; }
a#crt { background-position:0 -31px; height:31px; }
a#upg { background-position:0 -62px; height:31px; }
a#dld { background-position:0 -93px; height:31px; }
a#str { background-position:0 -124px; height:31px; }
a#fax { background-position:0 -155px; height:31px; }
a#pho { background-position:0 -186px; height:31px; }
a#onl { background-position:0 -217px; height:31px; }

	/*--- Hover ---*/
a#now:hover { background-position:-132px 0; height:31px; }
a#crt:hover { background-position:-132px -31px; height:31px; }
a#upg:hover { background-position:-132px -62px; height:31px; }
a#dld:hover { background-position:-132px -93px; height:31px; }
a#str:hover { background-position:-132px -124px; height:31px; }
a#fax:hover { background-position:-132px -155px; height:31px; }
a#pho:hover { background-position:-132px -186px; height:31px; }
a#onl:hover { background-position:-132px -217px; height:31px; }

/* Buttons 2.0
-------------------------------------------------------------- */
a.download {
	background: url(./images/banners/download.png) no-repeat 0 0;
	display: block;
	width: 132px;
	line-height: 31px;
	text-indent: -999em;
	height: auto;
	overflow: hidden;

	background-position:0 0; height:31px;
	margin-bottom: 0;
	margin-top: 10px;
}

a.download:hover { background-position:-132px 0; height:31px; }