/*
 Mr. Clean (Now with Fluid Width Support) 
*/
body {
	background: #F8FAFB url("../images/mrclean/jman/page-bg.gif") left top repeat-x;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	margin: 0;
	
}

img { border: 0; }

ul, li, form {
	margin: 0;
	padding: 0;
	height: 34px;
}
li {
	list-style: none;
}
a:hover {
	outline:none;
}


/* Canvas (Fixed-width, Center) */
div#canvas {
	margin: 0 auto 0 auto;
	width: 990px;	
}

* html div#canvas{ width: 996px;}

/* Layout */
div#layout-wrapper {
	background: #FFF;
	margin: 0 0 10px 0;
}

div#layout-left {
	background: url("../images/mrclean/jman/layout-bg-left.gif") left top repeat-y;
}
div#layout-right {
	background: url("../images/mrclean/jman/layout-bg-right.gif") right top repeat-y;
}

/* Header */
div#header-wrapper {
	background: url("../images/mrclean/jman/header-bg.gif") left top repeat-x;
	margin: 2px 0 0 0;
	height: 99px;
}
* html div#header-wrapper {
	background: url("../images/mrclean/jman/header-bg.gif") left top repeat-x;
	margin: 2px 0 -16px 0;
	height: 99px;
	width: 996px;
}
div#header-left {
	background: url("../images/mrclean/jman/header-bg-left.gif") left top no-repeat;
}
div#header-right {
	background: url("../images/mrclean/jman/header-bg-right.gif") right top no-repeat;
}
div#header {
	margin: 0 25px;
	padding: 16px 0 0 0;
	height: 83px;
}

/* Logo */
div#logo {
	position: relative;
	left: -5px;
	float: left;
}
div#logo a {
	background: url("../images/orasis_logo.png") left top no-repeat;
	text-indent: -5000px;
	width: 250px; height: 91px;
	display: block;
	overflow:hidden;
	margin-top: 6px;
}

/* Product Navigation */
div#product-nav {
	width: 625px;
	float: left;
}

div#product-nav ul.item {
	margin: 0;
	padding: 7px 8px 0 0;
	float: left;
}

div#product-nav ul.item li {
	list-style: none;
	display: inline;
	float: left;
	margin-right: 12px;	
}

div#product-nav ul.item li.last {margin-right: 0;}

div#product-nav ul.item li a {
	text-decoration: none;
	text-transform: lowercase;
	font-family: "Century Gothic";
	font-size: 11px;
	font-weight: bold;
	color: #888;
	padding: 5px;
}
div#product-nav ul.item li a:hover, 
div#product-nav ul.item li a#current {
	color: #000;
}

div#product-nav li#features a, 
div#product-nav li#benefits a, 
div#product-nav li#licensing a, 
div#product-nav li#demos a, 
div#product-nav li#samples a { width: 125px; }
#media
{
margin-top: 40px;
}
#noUpdate
{
margin: 0 auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #cccccc;
text-align: left;
width: 210px; 
height: 200px;	
padding: 40px;
}
.productDownloadButtonGroup{
	width: inherit; height:75px; background-color: #ededed; margin: 10px;
}
.productBox{
	width: inherit; height:225px; background-color: #ededed; margin: 10px; 
}
.productBox img{
	margin: 15px 8px;
	float: left;
}
.licensing{
	background-color: #FFFFFF;
	width: 130px;
	*width: 113px;
	height: auto;
	float: right;
	margin: 15px 15px 15px 0;
	position: relative;
	padding: 10px;
	border: .1em #CCCCCC solid;
}
.licensing .inner{
	border: .1em #CCCCCC solid;
}
.licensing .package{
	background-color: #EDEDED;
	width: auto;
	padding: 5px;
	font-weight: bold;	
}
.licensing .price{
	background-color: #FFFFFF;
	width: auto;
	padding: 5px;
	text-align: right;
}

.productBox p{
	margin: 10px 0 15px 15px;
	font-size: 1.6em;
}
.poSeeDemos {
    background: transparent url(../images/icons/demo-blue.gif) no-repeat scroll 0 center;
	width: 60px;
}

.poDownloadTrial
{
	background:transparent url(../images/icons/download-blue.gif) 0 center no-repeat;
	width: 70px;
}

.poBuyOnline
{
	background: transparent url(../images/icons/buy-blue.gif) 0 center no-repeat;
	width: 60px;	
}

.poNextSteps
{
	list-style:none;
	margin:0 0 17px;
	padding: 13px 0 13px 17px;
	background:#ededed;
	font-size:1.3em;
}

.poNextStepsTop,
.poNextStepsMiddle,
.poNextStepsSingle
{
    list-style:none;
    background:#ededed;
    font-size:1.2em;
	/*border-bottom: 17px solid #fff;*/
}

.poNextStepsTop
{	
	/*margin: 0 -10px 10px 0;*/
	padding: 13px 0 13px 17px;	
}

.poNextStepsSingle
{	
	margin: 0 -17px -17px -17px;	
	padding: 13px 0 13px 17px;	
}

.poNextStepsMiddle
{	
	margin: 0 -17px -17px -17px;	
	padding: 13px 0 17px 17px;	
	border-top: 17px solid #fff;
}

.poNextSteps li,
.poNextStepsTop li,
.poNextStepsMiddle li,
.poNextStepsSingle li
{
	float:left;	
}

.poNextSteps a,
.poNextStepsTop a,
.poNextStepsMiddle a,
.poNextStepsSingle a
{
	display:block;
	padding:40px 3px 0;
	text-align: center;
	text-decoration: none;
	color:#000099;
}
.poNextSteps a:hover,
.poNextStepsTop a:hover,
.poNextStepsMiddle a:hover,
.poNextStepsSingle a:hover
{
	text-decoration: none;
	color:#000033;
}
.poNextSteps .poSeeDemos,
.poNextStepsTop .poSeeDemos,
.poNextStepsMiddle .poSeeDemos,
.poNextStepsSingle .poSeeDemos
{
	background-position:center 0;
}

.poNextSteps .poDownloadTrial,
.poNextStepsTop .poDownloadTrial,
.poNextStepsMiddle .poDownloadTrial,
.poNextStepsSingle .poDownloadTrial
{
	margin:0 30px;
	*margin: 0 22px;
	background-position:center 0;
}

.poNextSteps .poBuyOnline,
.poNextStepsTop .poBuyOnline,
.poNextStepsMiddle .poBuyOnline,
.poNextStepsSingle .poBuyOnline
{	
	background-position:center 0;
}

.productTestimonial{
	margin: 10px;
	width: inherit; height:auto; background-color: #ededed; 
	
}
.productTestimonial .innerBox{
	background-color: #FFFFFF; width: auto; height: auto; border: .1em #CCCCCC solid; 
}
.productTestimonial .innerBox .header{
	border-bottom: .1em #CCCCCC solid; background-color: inherit; width: inherit; height: 30px; font-weight: bold; font-size: 16px;
}
.productTestimonial .innerBox .header p{
	font-size:16px;
	padding: 10px 5px; 			
}
.productTestimonial .innerBox .body{
	width: auto; 
}
.productTestimonial .innerBox .body ul{
	padding: 10px 20px;
	height: auto;
}
.productTestimonial .innerBox .body li{

}
.productTestimonial .innerBox .footer{
	border-top: .1em #CCCCCC solid; background-color: inherit; width: inherit; height: 30px;
}

.verticalNav{
	margin: 5px;
	width: inherit; height:auto; background-color: #FFFFFF; 
	
}
.verticalNav .innerBox{
	background-color: #FFFFFF; width: inherit; height: auto; 
}
sub{ margin: 3px 10px; font-weight: normal;}
.verticalNav .innerBox .header{
	width: inherit; height: 30px; font-weight: bold; color: #000000; padding: 15px;	
}
.verticalNav .innerBox .header p{
	font-size:16px;			
}
.verticalNav .innerBox .body{
	width: auto; 		
}
.verticalNav .innerBox .body ul{
	padding: 10px 20px;
	height: auto; 
}
.verticalNav .innerBox .body li{
	height: auto;
	padding: 0 0 16px 20px;
}
.verticalNav .innerBox .footer{
	width: inherit; height: 30px;
}
/* Site Navigation */
div#nav {
	width: 625px;
	float: right;
}

div#nav li#n-Forum a, li#n-Faq a, li#n-News a { width: 100px; }

div#nav ul.site {
	background: url("../images/mrclean/jman/buttons.gif") left top no-repeat;
	text-align: center;
	width: 625px; height: 27px;
	margin: 2px -3px 0 0;
	padding: 0 0 0 3px;
	float: right;
	z-index: 1;
}
div#nav ul.site li {
	list-style: none;
	display: inline;
	float: left;
}
div#nav ul.site li a {
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Century Gothic";
	font-size: 14px;
	font-weight: bold;
	color: #666;
	padding: 5px 0 5px 0;
	width: 120px;
	display: block;
}

div#nav ul.site li a:hover, div#nav ul.site li a#active {color: #ff8000;}

div#nav ul.community {
	margin: 0;
	padding: 7px 8px 0 0;
	float: right;
}

div#nav ul.community li {
	list-style: none;
	display: inline;
	float: left;
	margin-right: 12px;
}

div#nav ul.community li.last {margin-right: 0;}

div#nav ul.community li a {
	text-decoration: none;
	text-transform: lowercase;
	font-family: "Century Gothic";
	font-size: 11px;
	font-weight: bold;
	color: #888;
	padding: 5px;
}
div#nav ul.community li a:hover, div#nav ul.community li a#current {
	color: #000;
}

#b-sales li#n-Company a,
#b-features li#n-Products a,
#b-support li#n-Support a,
#b-support li#n-Download a,
#b-about li#n-Resources a {
	color: #222 !important;
}
/* Submenu */
div#nav ul.submenu {
	margin: 0;
	padding: 7px 8px 0 0;
	float: left;
}

div#nav ul.submenu li {
	list-style: none;
	display: inline;
	float: right;
	margin-left: 12px;
}

div#nav ul.submenu li.first {margin-left: 0;}

div#nav ul.submenu li a {
	text-decoration: none;
	text-transform: lowercase;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #888;
	padding: 5px;
}
div#nav ul.submenu li a:hover, div#nav ul.submenu li a#current {
	color: #000;
}

#n-benefits a,
#n-features a,
#n-licensing a,
#n-demos a,
#n-samples a {
	
}
#context-menu{ visibility: hidden; z-index: 100;}
/* Centerpiece */
div#centerpiece-wrapper {  }
div#centerpiece-left {
	background: url("../images/mrclean/jman/left-shadow-gradient.gif") left top no-repeat;
	*height: 0.01%;
}
div#centerpiece-right {
	background: url("../images/mrclean/jman/right-shadow-gradient.gif") right top no-repeat;
	*height: 0.01%;
}
div#centerpiece {
	margin: 0 20px 0 20px;
	padding: 0 10px 0 10px;
	display: block;
	clear: both;
}

/* Footer */
div#footer-wrapper {
	background: url("../images/mrclean/jman/footer-bg.gif") left bottom repeat-x;
}
* html div#footer-wrapper{
	height: 100px;
	width: 996px;
}
div#footer-left {
	background: url("../images/mrclean/jman/footer-bg-left.gif") left bottom no-repeat;
}
div#footer-right {
	background: url("../images/mrclean/jman/footer-bg-right.gif") right bottom no-repeat;
}
div#footer {
	text-align: center;
	padding: 10px 8px 0 8px;
	height: 115px;
}
div#footer ul.links {
	background: #CBCDCB;
	font-family: Arial;
	font-weight: bold;
	margin: 0;
	padding: 6px 0;
	display: block;
	
}
div#footer ul.links li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	width: 324px;
	float: left;
	text-align:center;
}
div#footer ul.links li a {
	text-decoration: none;
	font-size: 12px;
	color: #FFF;
	text-align: center;
}
div#footer ul.links li a:hover {
	color: #000;
}

/* Copyright */
div#copyright {
	text-align: center;
	font-size: 11px;
	color: #CBCACB;
	padding: 20px 0 0 20px;	
}

/* Boxes */
/*
.box { background-color: #FFFFFF; }
.box .contents {  }

.box .tl { background: url("../images/boxes/thin/box_r1_c1.gif") left top no-repeat; }
.box .tm { background: url("../images/boxes/thin/box_r1_c2.gif") left top repeat-x; }
.box .tr { background: url("../images/boxes/thin/box_r1_c3.gif") right top no-repeat; }

.box .lm { background: url("../images/boxes/thin/box_r2_c1.gif") left top repeat-y; }
.box .rm { background: url("../images/boxes/thin/box_r2_c3.gif") right top repeat-y; }

.box .bl { background: url("../images/boxes/thin/box_r3_c1.gif") left bottom no-repeat; }
.box .bm { background: url("../images/boxes/thin/box_r3_c2.gif") left bottom repeat-x; }
.box .br { background: url("../images/boxes/thin/box_r3_c3.gif") right bottom no-repeat; }
*/
.glowbox { background-color: #F4F7FB; }
.glowbox .contents {  }

.glowbox .tl { background: url("../images/boxes/glow/box_r1_c1.gif") left top no-repeat; }
.glowbox .tm { background: url("../images/boxes/glow/box_r1_c2.gif") left top repeat-x; }
.glowbox .tr { background: url("../images/boxes/glow/box_r1_c3.gif") right top no-repeat; }

.glowbox .lm { background: url("../images/boxes/glow/box_r2_c1.gif") left top repeat-y; }
.glowbox .rm { background: url("../images/boxes/glow/box_r2_c3.gif") right top repeat-y; }

.glowbox .bl { background: url("../images/boxes/glow/box_r3_c1.gif") left bottom no-repeat; }
.glowbox .bm { background: url("../images/boxes/glow/box_r3_c2.gif") left bottom repeat-x; }
.glowbox .br { background: url("../images/boxes/glow/box_r3_c3.gif") right bottom no-repeat; }


.box { background-color: #F7F7F7; }
.box .contents { }

.box .tl { background: url("../images/boxes/thick/box-bg-tl.gif") left top no-repeat; }
.box .tm { background: url("../images/boxes/thick/box-bg-tm.gif") left top repeat-x; }
.box .tr { background: url("../images/boxes/thick/box-bg-tr.gif") right top no-repeat; }

.box .lm { background: url("../images/boxes/thick/box-bg-lm.gif") left top repeat-y; }
.box .rm { background: url("../images/boxes/thick/box-bg-rm.gif") right top repeat-y; }

.box .bl { background: url("../images/boxes/thick/box-bg-bl.gif") left bottom no-repeat; }
.box .bm { background: url("../images/boxes/thick/box-bg-bm.gif") left bottom repeat-x; }
.box .br { background: url("../images/boxes/thick/box-bg-br.gif") right bottom no-repeat; }


.box .box { background-color: #F7F7F7; }
.box .box .contents { }

.box .box .tl { background: url("../images/boxes/thick/box2-bg-tl.gif") left top no-repeat; }
.box .box .tm { background: url("../images/boxes/thick/box2-bg-tm.gif") left top repeat-x; }
.box .box .tr { background: url("../images/boxes/thick/box2-bg-tr.gif") right top no-repeat; }

.box .box .lm { background: url("../images/boxes/thick/box2-bg-lm.gif") left top repeat-y; }
.box .box .rm { background: url("../images/boxes/thick/box2-bg-rm.gif") right top repeat-y; }

.box .box .bl { background: url("../images/boxes/thick/box2-bg-bl.gif") left bottom no-repeat; }
.box .box .bm { background: url("../images/boxes/thick/box2-bg-bm.gif") left bottom repeat-x; }
.box .box .br { background: url("../images/boxes/thick/box2-bg-br.gif") right bottom no-repeat; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*  
| Mr Clean - Home Page
*/
#empty-cart
{
	height: 200px;
}
div#banner
{
	vertical-align: middle;		
}
div#banner .flash
{
	float:left; width: 671px; height:239px;
}
div#banner .sales
{
	width:250px; 
	height: 240px; 
	float:right;
}
div#left-panel {
	float: left;
	width: 600px;
	*width: 598px;	
}
.contents
{
	padding: 10px;
	margin: 0px;
	height: auto;
}
.contents p{
	padding: 0 15px 0 10px;
	text-align: left;
}
div#left-panel div#what
{
	height: auto;
	float: left;
	width: 50%;
}
div#what .contents
{
	height: 305px;
}
.contents p{ text-align: justify;}
.contents ul
{
	height: auto;
	text-align: left;
}
div#left-panel div#why
{
	height: auto;
	float: right;
	width: 50%;
}
* html div#left-panel div#why
{
	height: auto;
	float: right;
	width: 299px; /* for IE5 and IE6 in quirks mode */   
}
div#why .contents
{
	height: 305px;
	vertical-align: bottom;
	text-align: left;
}
div#left-panel div#audience
{
	float: left;
	width: 100%;	
}
div#audience .contents
{
	height: auto;	
}

#spotlight_contents
{
	height: auto;
}
#demos 
{
	height: auto;	
}
.listing ul
{
	height: auto;
	display: inline;
}

.listing ol li
{
	display: list-item;
	height: auto;
	margin: 10px;
}

* html #demos
{
	float: left;
}
#CTA {
	float: right;
	width: 250px;
	height: 245px;	
	background-image:url(../images/sales/ctabkgrnd.gif);
	margin-top: -2px;
	
}
* html #CTA {
	float: right;
	width: 250px;
	height: 245px;
	\height: 246px;
	h\eight: 246px;
	background-image:url(../images/sales/ctabkgrnd.gif);	
	\margin: 0px;
	m\argin: 0px;
}
#CTA a, #CTA img
{
    margin: 0;
    padding: 0;
    display: block;
}
.CTA 
{ 
    clear: both;
    padding: 0px 10px 0 6px;
    height: 70px;
}
* html .CTA
{
	clear: both;
    padding: 0px 10px 0 6px;
    height: 70px;
	\height: 65px;
	h\eight: 65px;		
}
.CTA a
{
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.CTA .Image
{
    float: right;
	padding: 10px 0px 0px 10px;
}
.CTA .content
{
    display: block;
    float: left;
    width: 170px;
}
.CTA .Title
{
    display: block;
    clear: both;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;
}
.CTA .Text
{
    display: block;
    clear: both;
    font-size: 7.5pt;
}
.itemSep
{
    clear: both;
    width: 90%;
	border-bottom: solid 1px #b4b4a8;
    margin-bottom: 10px;
    height: 1px;
    text-align: center;
}
* html .itemSep
{
    margin-bottom: 7px;    
}

#news .contents
{
	height: auto;
}
* html #news
{
	float: left;
}
#articles .contents
{
	height: auto;
}
* html #read-more .contents, * html #news .contents, * html #demos .contents
{
	width: 310px;
}
#articles .box .contents ul
{
	width: 205px; *width: 215px;
}
* html #articles .box .contents ul
{
	width: 200px;
}
#articles .box .contents li{ width: 250px;}
#articles .box .contents ul {
	padding-top: 10px;
	text-align: left;
}
.secondary_header
{
	font-size: 14px;
	color: #1B5EB8;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: left;
}
.secondary_header a:link, .secondary_header a:visited{
	color: #1B5EB8;
	text-decoration: none;
	text-shadow: #333333;
}
.inner-title
{
	font-size: 14px;
	color: #1B5EB8;
	font-weight:bold;
	border-bottom: 1px solid #DDD;
	text-align: left;
}
.sub-title{
	font-size: 12px;
	color: #333333;
	font-weight:bold;
	text-align: left;
	margin: 5px 0px 2px 0px;
}
#download input
{
	width: 117px;
	height: 20px;
	cursor: pointer;
	background-color: Transparent;	
	border: 0px;
	float:left;
	background-image: url('../images/mrclean/jman/download_button.gif');	
	background-position: top right;
}

#download input:hover
{
	background-position: bottom right;
}

div#right-panel {
	float: left;
	width: 330px;			
}
* html div#right-panel {
	float: left;
	width: 325px;			
}

/* PRIVACY LINK */
div#privacy
{
	padding: 20px;	
}
div#privacy p.opening
{
	margin-left: 20px;
	font-size: 14px;
}
div#privacy p
{
	margin: 20px 20px 20px 40px;	
	text-align:justify;	
}
h2
{
	margin:1.2em 0 0;
	font-size:18px;
	font-weight:normal;
}

div#privacy h3
{
	margin: 0 0 0 20px;	
}
.form_select,
.form_input {
  font-size: 11px;
}

input.form_input,
select.form_select {
  border-width: 2px 1px 1px 1px;
  border-style: solid;
  border-top-color: #C0C0C0;
  border-right-color: #C0C0C0;
  border-bottom-color: #E5E5E5;
  border-left-color: #C0C0C0;
  width: 260px;  
}
input.form_input:focus,
input.form_select:focus {
  border-top-color: #A6A6A6;
  border-right-color: #A6A6A6;
  border-bottom-color: #C0C0C0;
  border-left-color: #A6A6A6;
}
img.form_spacer
{	
	width: 260px;
}
/* Main */
div#main {
	padding-top: 15px;
	margin-top: -5px;
	position: relative;
	width: 930px;
	*width: 928px;
	float: left;
}

div#main h2 {
	font-size: 30px;
	color: #1B5EB8;
	margin: 0;
	padding: 15px 0 0 25px;
}

div#main h3 {
	font-size: 24px;
	color: #1B5EB8;
	margin: 0;
	padding: 10px 0 0 10px;
}

div#main h4 {
	font-size: 18px;
	color: #808080;
	margin: 0;
	padding: 10px 0 0 10px;
}

#product-philosophy .box .contents {
	margin: 10px;
}
#requirements .contents {
	margin: 10px;
}
#register .contents
{
	padding: 10px;
}
ul li.greyarrow { background-image: url("../images/icons/greyarrow.jpg");  background-repeat:no-repeat; margin-left: 10px; margin-right: 10px;}     
ul li.glowarrow { background-image: url("../images/icons/glowarrow.jpg");  background-repeat:no-repeat; margin-left: 10px; margin-right: 10px;}     
ul li.greenarrow {
background-image: url(../images/icons/greenarrow.gif);  background-repeat:no-repeat; margin-left: 20px;
}
ul li.lightgreydot { background-image: url(../images/mrclean/jman/icon-list-bullet.gif);  background-repeat:no-repeat; 
	margin: 0px 10px 0px 10px;	
	background-position: left center; 
}                                              

/* COMPANY PAGE */
div#requirements 
{
	float: right;
	width: 400px;
}

.contents, p
{
	text-align: justify;
	margin: 0px;		
}
#contact-us p{ text-align: left;}
* html #articles,
* html #forum,
* html #faq
{
	float: left;
}
* html #left-panel #articles .contents,
* html #left-panel #forum .contents,
* html #left-panel #faq .contents
{
	width: 580px;
}
* html #right-panel #articles .contents,
* html #right-panel #forum .contents,
* html #right-panel #faq .contents
{
	width: 300px;
}
div#philosophy-panel
{
	float: left;
	width: 400px;	
}

.contents .header
{
	font-size: 14px;
	color: #1B5EB8;
	font-weight: bold;
	border-bottom: 1px solid #DDD;
}
#contact-info .contents, #location .contents, #samples .contents
{
	margin: 0px;
	height: auto;
}
* html #contact-info, * html #location
{
	float: left;
	width: 100%;
}
* html #contact-info .contents, * html #location .contents
{
	\height: auto;
	h\eight: auto;
	margin-bottom: 0px;
}
* html #contact-info .box
{
	\height: auto;
	h\eight: auto;
	margin: 0px;
}
#samples .box .contents
{
	height: 310px;	
}
#samples .box .contents .title
{
	text-align: center;	
	height: 35px;
	vertical-align: top;
	padding-top: 5px;
}
#samples .box .contents li
{
	text-align: center;
	margin: 5px auto;
	height: 100px;
	clear: right;
	vertical-align: top;
}
#left-panel #support-commentary .contents, 
#left-panel #company-commentary .contents,
#resources-commentary .contents {
	margin-right: 20px;
}
#support-commentary
{
	height: 445px;
	*height: 451px;
}
.contents li {
	padding-left: 20px;
}
.contents ul {

	vertical-align: top;
	margin-top: 5px;
	padding-right: 5px;
	vertical-align: top;
}
.contents li {
	padding-left: 20px;
	height: auto;
	padding-bottom: 5px;
}
#resources-commentary {
	height: 175px;
}
.tab-control
{
	padding: 20px;	
}
small {
  font-weight: normal;
  font-size: 10px;
  color: #999;
}

.form_select,
.form_input {
  font-size: 11px;
}
input.form_input,
select.form_select {
  border-width: 2px 1px 1px 1px;
  border-style: solid;
  border-top-color: #C0C0C0;
  border-right-color: #C0C0C0;
  border-bottom-color: #E5E5E5;
  border-left-color: #C0C0C0;
  padding: 3px;
  width: 260px;
}

input.signin_input
{
	padding: 5px;
	font-size: 11px;
}

input.form_input:focus,
input.form_select:focus {
  border-top-color: #A6A6A6;
  border-right-color: #A6A6A6;
  border-bottom-color: #C0C0C0;
  border-left-color: #A6A6A6;
}

/* Generic */
.clear {
	clear: both;
}

/* PRODUCTS */
div#feature-set
{
	margin-top: 25px;
}

#description
{
	float: right;	
}

div#description p
{
	display: block;
	margin: 30px 10px 0 10px;
	text-align: justify;	
}
#purchase-group
{
	float: right;
	width: 220px;
	margin-top: 14px;		
}
.trial, .purchase
{
	float: right;
	width: 110px;		
}
.trial .Title, .purchase .Title
{
	display: inline;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	float: left;
}
.trial .Title:hover, .purchase .Title:hover
{
	color: #666666;
}
#purchase-group .trial .Image, #purchase-group .purchase .Image
{
	float: left;	
	padding: 5px;
}
.trial .Text, .purchase .Text
{
	display: block;
	clear: both;
	font-size: 7.5pt;
}
.trial a, .purchase a
{
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.std_sboxwz {
	border-bottom: 1px solid #CCC;
	float: left;
	margin-bottom: 8px;
	width: 160px;
	text-align: left;
}
.std_sboxpic {
	width: 118px;
	float: left;
	text-align: center;
	padding-top: 8px;
}
.hr
{
	border-top: solid 1px #b4b4a8;
	margin: 0px 5px 0px 5px;
	height: 1px;
	padding: 0px;
}
#news-ticker
{
	width: 310px;
}
* html #news-ticker
{
	width: 310px;
}
#guarantee
{
	width: 200px; 
	text-align: left; 
	float: left;
}
#guarantee .contents
{
	padding: 5px;
}
#preview
{
	float: right;
	clear:both;
	margin: 10px;
	width: 300px;
	height: 184px;
	border: solid 1px;
}
#previewControls{
	float: right;
	margin-right: 10px;
}
.previewable
{
	cursor: pointer;
	width: auto;
	color: #000000;
}
.previewable a
{	
	text-decoration: none;
	color:#333333;
}
.previewable:hover
{
	background-image: url(../images/animated-arrow.gif);
	background-repeat: no-repeat;
	color: #ff8000;
}
.scrollOver{
	background-image: url(../images/animated-arrow.gif);
	background-repeat: no-repeat;
	color: #ff8000;
}
.previewableSelected{
	cursor: pointer;
	font-style: italic;
	margin: 0px 10px 0px 10px;
	background-image: url(../images/animated-arrow.gif);
	background-repeat: no-repeat;
}
.previewSpacer{
	float: right; 
	width: 1px; 
}
.thumbnails{ float: left; }
.thumbnails:hover{
	cursor: pointer;
}
.shell{ text-decoration: none; color: #666666; outline: none;}
.shell:hover{ text-decoration: none; }
#previewWindow{
	z-index: 500;
	position: absolute;
	
	height: 0px;
	width: 22px;	
	border-width: thin;
	border-color: #666666;
	border-style:solid;
	visibility: hidden;
}
div.previewOpen{
	width: 680px;
	height: 418px;
	margin-left: -220px;
	
	background-color:#FFFFFF;
	visibility: visible;
}
div.previewClosed{
	width: 0px;
	margin-left: 0px;
	height: 0px;	
	visibility: hidden;
}
#previewTitle{
	width: 666px;
	margin: 6px 6px 0 6px;
	max-width: 666px;
	visibility: hidden;
	position: relative;
	float: left;
	border-color: #999999;
	border-width: thin;
	border-style:solid;	
	overflow: hidden;
}
#titleText{
	width: 600px;
	font-weight: bold;
	float: left;
	padding: 3px;
	text-align: center;
	overflow: hidden;
}
#previewClose{
	height: 22px;	
	margin-right: 4px;	
	width: 53px;
	background: url(../images/mrclean/jman/lightbox-closelabel.gif) right center no-repeat;
	float: right;
}
#previewClose:hover{
	cursor: pointer;
}
#previewContents{
	clear: both;
	width: 666px;
	height: 378px;	
	overflow: auto;
	visibility: hidden;
	margin: 0 6px 6px 6px;
	border-color: #999999;	
	border-width: thin;	
	border-style: solid;
	border-top-style: none;
	background: url(../images/contentTabBg.gif) center no-repeat;
}
#previewHtml{
	padding-top: 5px;
	width: 648px;
	height: 373px;
}
#washout{
	z-index: 4;
	*z-index: 1;
	position: absolute;		
	background-color: #000000;
	opacity: 0;
	filter: alpha(opacity=0);

}
#lightbox{		
	width: 0px;
	height: 0px;
	
	visibility: hidden;
	margin-top: 191px;
	margin-left: 324px;
	background: url(../images/mrclean/jman/lightbox-loading.gif) no-repeat;
}
.previewDetail{
	width: auto;
	text-align: justify;
}

#previewList{
	padding-top: 10px;
	height: auto;
}
#previewList li{
	margin-bottom: 12px;
}

/* product pages layout*/
.silo{ width: 860px; *width: 920px; }
.containerSection{
	margin: 5px;
	padding: 10px;		
	float:left;	
	width: inherit;
}
.containerSection p{ margin: 0 10px;}
.bordered{
	border-bottom: solid 1px #b4b4a8; 
	border-right: solid 1px #b4b4a8;
	border-top: solid 1px #b4b4a8;
	border-left: solid 1px #b4b4a8;
}
.containerSectionSplit{
	width: 425px;
}
.containerSectionText
{
margin: 0px 10px 0 5px;
width: inherit;
color: #313131;
}
.containerSplit .header{
	background-color: inherit; width: inherit; height: 30px; font-weight: bold; font-size: 16px;
}
.containerSectionText ul
{
height: auto;
}
.containerSectionText .header{
	font-size:16px;
	padding: 10px 5px;	
	font-weight: bold;
	color: #333333;
}
.containerSectionText .lightgreydot
{
padding-left: 20px;
height: auto;
margin-bottom: 5px;
line-height: 1.5em;
}
.containerSectionText .strong
{		
font-weight: bold;
margin: 15px 10px 5px 0px;
/*border-bottom: solid 1px #b4b4a8;*/
padding-bottom: 2px;
}
.topAnchor{
	float:right; font-style:normal; font-weight:normal; vertical-align:top; margin-top: -20px;
}
.containerSectionText .title
{		
font-weight: bold;
font-size: 12px;
margin: 5px;
/*border-bottom: solid 1px #b4b4a8;*/
padding-bottom: 2px;
}
.containerSectionText td
{
vertical-align: top;
}

div.previewElement {
	width: 125px;
	height: 76px;
	border: 1px solid black;
	background-color: #f9f9f9;
	font-size: 12px;
	color: #000000;
	padding: 10px;
	float: left;
}	
div.previewElementLarge {
	width: 680px;
	height: 418px;
	border: 1px solid black;
	background-color: #f9f9f9;
	font-size: 12px;
	color: #000000;
	padding: 10px;
}	
#player{ width: 890px; height: 524px; float: left; display: inline-block; }
#videoBar{
	width: 870px;
	float: left;
	padding: 3px; 	
}
#videoBar ul{ height: auto;}
#videoBar ul li{ float: left; height: auto;}
.videoBarItem{
	margin: 3px;
	padding: 2px;
	width: 180px;
	height: inherit;	
	
	float: left;
	text-align:center;
}
.videoBarItem a{

}
.vbLeftEnd{ display: inline-block; background: #FFFFFF url("../images/vb-left.png") no-repeat; width: 31px; height: 76px; padding: 3px; cursor: pointer; float: left; }
.vbRightEnd{ display: inline-block; background: #FFFFFF url("../images/vb-right.png") no-repeat; width: 31px; height: 76px; padding: 3px; cursor: pointer; float: right;}
PRE
{
	background-color: #EDEDED;
	padding: 7pt;
	font: 9pt "Courier New", Courier, mono;
	white-space:pre;	
	height: auto;
	overflow:auto !important;	
}
CODE
{
	color: #990000;
	font-family: "Courier New" , Courier, mono;
	font-size:11pt;
}
.ns-string{ color: #990000; }
/* Syntax highlighting */
.code-class{ color: #2b91af; }
.code-comment		 { color: #008000; font-style: italic; }
.code-SummaryComment { color: #808080; }
.code-keyword		 { color: Blue; }
.code-SDKkeyword	 { color: #339999; } /* aqua */
.code-preprocessor	 { color: Navy; }
.code-string		 { color: Purple;  } /* darkgreen*/
.code-literal		 { color: Navy; }
.code-pagedirective  { background-color:yellow; }
.code-attribute	  { color: red;	 }
.code-tag			{ color: #800000; }
.code-leadattribute  { color: #800000; }
.code-digit		  { color: Navy; }
.code-none		   { color: #000; }
/* End Syntax highlighting */
.codeSection{
	width: auto;
	margin: 10px;
}
#menu-products{
	z-index: 100;
	position: relative;
}
.menu{
	
}
.menu-item{
	text-align: right;
	height: 20px;
	background-color: #F5F5F5;
	padding: 5px;
	margin: 5px;
	border-bottom: solid 1px #b4b4a8; 
	display: inline;
}
.menu-item:hover{
	background-color: #CCCCCC;
	cursor: pointer;
}