body{
	background: #fff;
	line-height: 1.1;
	color: #555;
	font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

/*
h4 {
	font:  bold 100% Verdana, Arial, Helvetica, sans-serif;
}
*/
/*
p, li {
	line-height:150%
}
*/
a:link{
	color: #06c;
	background: transparent;
}
a:visited{
	color:#06c;
	background: transparent;
}

a:hover{
	color: #f60;
	background: transparent;
}
a:active { 
  color: #06c;
}

#content {
/*	width: auto;*/
	/*background: #fcfcff ; */
	padding: 0 6px .5em 12px;
	/*overflow: visible;
	overflow: hidden;
	/*min-width:750px;*/
	
	/*clear: both!important;*/
	overflow: visible;
	top:1em!important;
	/*top:1em!important;
	margin-bottom:1em!important;*/
}

#maincontent {
	float: left;
	width:98%;
	padding-right:1px;
	margin: 0 5px 0 0;
	background-color:transparent;
}

div#flow{
	float:right;
	overflow: visible !important;
	width:74.3%;
	padding: 0 0 2px 0;
	margin:0 0 0 0;
	background-position: -100px 0; /* Hide tab by default in case JS is absent */
}
div#flow div#tab {
	cursor: default;
}

#col1  {
	float:left;
	clear: left;
	width:24%;
	margin:0;
}

div.nav  {
	/*background:#FcFcFf;*/
	position:relative;
	margin-bottom:1em;
	width:auto!important;
	width:100%;
	border:1px solid #CCCCCC; /*#CAD6E8 ;*/
	padding:1em 0 1.5em 0;
/*	height: 150px; */

}
/*
* Using child selector to override the IE problem not understanding min-height used in div.nav
*/
html>body div.nav
{
	min-height: 150px;
}

/*
#col3 {
	float:right;
	width:20%;
	margin:0 5px 0 0 ;
	padding-top:0
}*/


.wrap {
	position:relative;
	margin-bottom: 5px;
}
.contentContainer {
	display:block;
}

* html .contentContainer { /* This should be moved to ie.css, as IE7 doesn't support * html */
	height: 1%;
}


#tab div.wrap {
	border: 1px solid #CCCCCC; /*#CAD6E8;*/
	background-color: #fff;
/*margin-top: 15px;*/
}


div.wrap * {
	/*margin: 8px 3% 8px 3.5%;*/
}

#tab a
{
	margin: 0;
}

/*#content div h3#headerTag  { */
div#content h3#headerBorderTitle{ 
	/* font:  normal .9em Verdana, Arial, Helvetica, sans-serif;*/
	/*height:1em;*/
	padding:2px 1.5em 4px .5em;
	clear: right;
	color: #666666; /*#99ACCA ;*/
	font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.1;
	
	background:transparent url(../Images/bulletr.gif) right center no-repeat;
	margin:0;
	position:absolute;
	right:-1px;
	top:-.8em;
	border:0 none;
}


div#tab div.wrap{
	/*padding: 1em 0;*/
	padding-top: 1px;
}

/* sidebar nav & product stuff */

div.nav * {
	margin:4px 6px 6px 10px;
}

div.nav * *{
	margin:0;
}

div.nav ul, div.nav ol{
	margin: 5px 0 10px 5px;
	padding:0 0 0 5px;
	font-size:77%;
	font-weight:bold;
}

div.nav li {
	margin: 0 5px 5px 18px;
	padding:0
}

div.nav ul li {
	list-style-image: url(../Images/bullet_arrow.gif);
}

div.nav ul li:hover {
	list-style-image:url(../Images/bullet_arrow.gif)
}

/*
div.nav p{
	font-size:77% ;
	margin-bottom:10px
}

*/

#content{
	width:auto;
	padding:0;
}

div#flow
{	
	position:relative;
	cursor:default !important;
} 

div#flow #flowtab
{
	display:block;
	width:12px;
/*	height:925px;*/
	position:absolute;
	left:0;
	top:0;
	/*background:url(../Images/hide_nav.gif) repeat-y 0 -50px;*/
	cursor:pointer;
}

div#flow #flowtab:focus, div#flow #flowtab:active
{
	background-color:#ffc;
}


#col1{
	float:right ;
	margin-right:1.2%;	
	width:23.5%;
}