/* Strip some default browser styles ?*/

form
{
	margin:0;
	padding:0;
}

.email
	{
 padding: 0px 0px 0px 15px;
}

label {font-size: 11px;}

.button {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #EFEFEF;
 color: #102132;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
}



a img{
	border:none;
}

.noscreen
{
	position:absolute;
	display:none;
	width:0;
	height:0;
	overflow:hidden;
}
/* Generic Styles for page*/
body
{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Seperate nested floats without killing IE mac*/
.seperator
{
	width:100%;
	clear:both;
	font-size:0px;
}
/**************
  Header Area 
**************/
#header
{
	float:left;
	width:740px;
	height:90px;
	/* Apply clear right here not on #main for iemac quirks.*/
	clear:right
}

/* Logo positioning */
#header img
{
	float:left;
	margin: 14px 0 0 30px;
}


/* ++ Search Area ++ */
#searcharea
{
	float:right;
	clear:right;
	margin:21px 0 0 0;
	padding:0;
	width:auto;
	height:41px;
}



#searcharea form
{
	float:left;
	/* Apply margin to elements instead of padding 
	to #searcharea to save on browser hacks*/
	margin:15px 0 0 0;
}

#searcharea form input
{

	width:105px;
	height:15px;
	
	margin:0 0 0 10px;
	
	padding: 4px 5px 0 20px;

	border:0;
	font-size:9px;
	
	background: transparent url(../img/interface/bg_search.gif) no-repeat 0 0;
}


#searcharea img
{
	margin:17px 0 0 0;
	padding:0;
}
#searcharea img.nav 
{
	margin: 22px 0 0 0;
}

#searcharea .go{
	margin-left:4px;
}

/* ++ Main Menu Bar ++ */
#mainmenu
{
	float:right;
	width:396px;
	height:28px;
}
* html #mainmenu {
	width:399px;
	position: relative;
	right: -3px;
}

#mainmenu a
{
	float:left;
	margin:8px 3px 0 0;
	padding:0;
}
#mainmenu a.last {
	margin-right: 0;
}

#mainmenu img
{
	border:0;
	padding:0;
	margin:0;	
}

/* Skip float:right; for ie5 mac and to 
preserve logical order for contact
and home buttons*/

/*Less margin for IE*/
#mainmenu .push{
	margin-left:14px;
}
div>#mainmenu .push{
	margin-left:17px;
}

#mainmenu .last{
	margin-right:0;
}
/* -- End Main Menu bar -- */

/************
  Main Area
************/
#main
{

float:left;
width:740px;
	/*????? Be nice to Opera or IE5 mac ???*/
	/*clear:left;*/
	
}

#leftbar
{
	float:left;
	width:30px;
	height:373px;
	background: url(../img/interface/grey_sidebar.gif) no-repeat;
}

#flashcontent
{	
	float:left;
	clear:none;
	width:314px;
	height:374px;
}

#content
{
	float:left;
	width:396px;
}

/* ++ Quick Nav ++ */
#quicknav
{
	width:396px;
	height:100px;
	margin: 0 0 2px 0;
	background: url(../img/interface/quicknav_background.gif) no-repeat;
}

#quicknav .row
{
	width:396px;
	height:24px;
}

#quicknav .top{
	position:relative;
	padding:20px 0 0 0;
}

#quicknav .bottom{
	margin:17px 0 0 0;
}

#quicknav form, #quicknav img, #quicknav select
{
	float:left;
	margin:0;
	padding:0;
}
#quicknav select
{
	width:240px;
	height:16px;
	/*border:1px solid #AAA;*/
	font-size:9px;
}

#quicknav select option{
	font-size:9px;
}

/* ++ News ++ */

#content div.homescroller {
	height: 234px;
	overflow: hidden;
}

#content div.homescroller .hr{
	margin: 0 11px 0 19px;
	border-top:1px dashed #DBDBDB;
}

#content .news{
	margin:0 0 0 8px;
	padding:11px;
}


#content .news p
{
	margin:0;
	padding:0;
	line-height:14px;
	font-size:9px;
}


#content .news a
{
	font-weight:bold;
	color:#990000;
	text-decoration:none;
}


#content .news a:hover
{
	text-decoration:underline;
}




#content .alt{
	background:#EFEFEF;
}

#content .morenews
{
	float:right;
	margin:9px 0 0 0;
}



/***********
   Footer
***********/

#footer
{
	position:relative;
	float:left;
	clear:left;
	width:710px;
	height:10px;
	margin:26px 0 0 10px;
	border-top:1px dashed #D1D1D1;
}

body>#footer{
	margin:26px 0 0 30px
}

#footer .copyright{
	margin-top:10px;
}

#submenu
{
	float:left;
	width:420px;
	margin-top:3px;
}

#submenu a
{
	margin:0 0 0 3px;
	font-size:9px;
	font-weight:lighter;
	color:#666;
	text-decoration:none;
}
div>#submenu a{
	font-weight:normal;
	margin:0 0 0 8px
}
#submenu a:hover
{
	color:#333;
	text-decoration:underline;
}

#util{
	position:relative;
	float:right;
}

#util a{
	margin:1px 0 0 0;
}

#util img{
	margin:6px 0 0 8px;
}

/* SUB Page override styles */

#SPleftbar
{
	float:left;
	width:31px;
	height:123px;
	background: url(../img/interface/SPgrey_sidebar.gif) no-repeat;
}

#SPbanner
{
	float:left;
	clear:none;
	/*width:444px;*/
	width:445px;
	height:123px;
}
/*#SPcontent
{
	float:left;
	width:264px;
}*/ 

#SPquicknav
{
	position:relative;
	float:left;
	clear:right;
	width:264px;
	height:123px;
	margin:0 0 2px 0;	
	background: url(../img/interface/SPquicknav_background.gif) no-repeat;
}

#SPquicknav .row
{
	width:264px;
	height:48px;
}

#SPquicknav .top{
	position:relative;
	padding:15px 0 0 0;
}

#SPquicknav .bottom{
	margin:1px 0 0 0;
}

#SPquicknav form #SPquicknav img #SPquicknav select
{
	margin:0;
	padding:0;
}
#SPquicknav img{
	/*clear:right;*/
}

#SPquicknav select
{
	width:240px;
	height:16px;
	margin:1px 0 1px 11px;
	/*border:1px solid #AAA;*/
	font-size:9px;
}

#SPquicknav select option{
	font-size:9px;
}

#SPmain
{
	position:relative;
	float:left;
	clear:both;
	width:710px;
	/* IE margin*/
	margin:10px 0 0 16px;
	
}/* Compliant browser margin*/
body>#SPmain{
	margin:18px 0 0 31px;
}

#SPutil{
	position:relative;
	margin:4px 0 0 0;
	float:right;
	
}

#SPutil a{
	margin:1px 0 0 0;
}

#SPutil img{
	margin:6px 0 0 8px;
}


	/* cg add 8.31.06 */
	
		.left {float: left;}

	

#footer .siteby
{
	float:right;
	margin-top:10px;
}   

#subnav     {float:left; padding: 11px 0 0 36px; display:block; width: 430px;}
#subnav *   {float:left;}   
#subnav a   {margin: -3px 3px 0 3px;}



.logos {
	float:left;
	width: 232px;
	margin-top: 27px;
	margin-right: 15px;
	
	}

.certified {
	float:left;
	width: 460px;
	margin-top: 25px;
	
	}
	
	
dl.foldout {
	margin: 5px 10px 0 20px;
}
	
dl.foldout dt {
	font-size: 11px;

}
dl.foldout dt a {
	display: block;
	padding: 5px 12px 6px 12px;
	background: url(../img/interface/dt_plus.gif) no-repeat 386px 8px;
}
* html dl.foldout dt a {
	height: 1%;
}
dl.foldout dt a.open {
	background-position: 386px -53px;
}
dl.foldout dt.colored,
dl.foldout dd.colored {
	background-color: #efefef;
}
dl.foldout dd {
	margin: 0;
	padding: 1px 12px 1px 12px;
}
.js dl.foldout dd {
	display: none;
}
dl.foldout dd p,
dl.foldout dd div.martindalerating {
	padding: 0 0 12px 0 !important;
	margin: 0 !important;
}

dl.foldout ul {
	list-style-type: none;
	padding: 0 !important;
	margin: 0 0 12px 0 !important;
}
dl.foldout ul li {
	margin: 0 0 4px 0 !important;
	padding: 0 0 0 9px !important;
	background: url(../img/interface/li_dash.gif) no-repeat 0 6px;
}

#clientdriven {
	position: fixed;
	left: 744px;
	bottom:	0;
	width: 168px;
	height:	39px;
	text-indent: -9999px;
}

* html #clientdriven {
	display: none;
}

#clientdriven div.cycle {
	width: 168px;
	height:	39px;
	position: relative;
	overflow: hidden;	
	background: transparent url(../img/interface/clientdriven_bg.png) no-repeat;
	z-index: 1;
}

#clientdriven div.cycle div {
	width: 168px;
	height:	39px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	background: transparent url(../img/interface/clientdriven_bg.png) no-repeat;
	cursor: pointer;
	display: none;
}
#clientdriven div.cycle div.no1 {
	background-position: 0 -42px;
}
#clientdriven div.cycle div.no2 {
	background-position: 0 -84px;
}
#clientdriven div.cycle div.no3 {
	background-position: 0 -126px;
}

#clientdriven p {
	width: 347px;
	height:	108px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: -9999px;
	bottom: 0;
	cursor: pointer;
	z-index: 2;	
	text-indent: -9999px;
	
	background: transparent url(../img/interface/clientdrivencontent_bg.png) no-repeat 0 0;
}


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

div.scrollerwrapper {
	padding-right: 10px;
	width: 255px;
}


.js div.scroller {
	max-height: 180px; 
	overflow: hidden;
}
* html.js div.scroller {
	height: 180px
}

div.scroller div.hr {
	width: 235px;
}

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 6px;
	height: 100%;
	background: transparent url(../img/interface/jsptrack.gif) repeat-y 0 0;
	
}



.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	position: relative;
}

.jspDrag
{
	background: #fff url(../img/interface/jspdrag.gif) no-repeat center center;
	border:	1px solid #aaaaaa;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

.pdf-button { padding:  0px 0px 5px 20px; margin-top: 10px; display: block; }