/* CSS Document */
/* for SECURE DOCUMENT, just replace '/images/' with 'images/' */

body { 
margin: 0px; 
border: 0px;
font-family: Arial, Helvetica, sans-serif;
background-color: #fff;
color: #555;
text-align:justify;
}

/* needed for IE, removes extra missing pixel between header and the rest of content */
.body_content {
	margin-top:-6px;
	padding-top:5px;
	height:100%;
}

.roundedimage {
	background:url(/images/img_round_border.gif) no-repeat;
	padding:20px;
	width:100px;
	height:100px;
} 


.quote h4 {
	font-size: 13px;
	font-style:italic;
}

.calc_field {
	font-weight:bold;
}

.calc_field_good {
	font-weight:bold;
}

.tablehead {
font-size: 11px;
color: #000000;
font-weight:bold;
}
	
.style10 {color: #555; font-weight: bold; }
.style11 {color: #333333}
.style12 {color: #555}

.jag_banner_content {
background:url(/images/fg_page-bg.jpg);
background-repeat:repeat-x;
}

#wrapper {
margin: 0px;
}

#container {
	margin:0 auto;
	width:936px;
}

#header {
	background:url(/images/header.jpg) 0 0 no-repeat;
	height:120px;
}

#header_nsb {
	background:url(/images/header_nsb.jpg) 0 0 no-repeat;
	height:120px;
}

.fixed, .clear {
	clear:both;
}

#navigation {
	margin-left:0px;
}

#menus {
	margin-top:-5px;
	padding-top:10px;
	margin-left:-40px;
	margin-bottom:0px;
	valign:top;
}

#menus li {
	display:inline;
	list-style:none;
}
#menus li a {
	background:transparent url(/images/menu.gif) no-repeat;
	display:block;
	color:#382E1F;
	height:31px;
	line-height:31px;
	padding:0 20px;
	margin-left:-10px;
	text-decoration:none;
	font-size:11px;
	float:left;
	z-index:1;
}
#menus li a:hover {
	background-position:0 -31px;
}
#menus li.current_page_item a,
#menus li.current-cat a {
	background-position:0 -62px;
}
#menus li a.home {
	background-position:0 -93px;
	width:45px;
	padding:0;
	margin-left:0;
	text-indent:-999em;
}
#menus li a.home:hover {
	background-position:0 -124px;
}
#menus li.current_page_item a.home {
	background-position:0 -155px;
}
#menus li a.lastmenu:hover {
	background-position:0 0;
}

#text {
	background:#FFF url(/images/textfield.gif) top repeat-x;
	border:1px solid #A6A6A6;
	padding:2px 1px;
}


input.textfield,
textarea {
	background:#FFF url(/images/textfield.gif) top repeat-x;
	border:1px solid #A6A6A6;
	padding:2px 1px;
}

input.submit {
	height:30px;
	font-size:14px;
}

#searchbox {
	width:240px;
	float:right;
	height:16px;
	padding:5px 5px;
}
#searchbox .textfield {
	line-height:16px;
	border:1px solid #A6A6A6;
	height:16px;
	width:190px;
	float:right;
}

#searchbox .switcher {
	background:url(/images/icons.gif) 0 0 no-repeat;
	float:right;
	width:18px;

	line-height:16px;
	display:block;
	text-indent:-999em;
	float:right;
	padding:0 2px;
	height:16px;
	margin-top:3px;
}

.content {
	min-height: 550px;
	margin-top:10px;
	margin-right:25px;
	margin-left:10px;
	text-align:justify;
}

.content_home {
text-align:justify;
}

/* content END */

.intro	{ 
border-bottom: 1px solid #ddd; 
}

.line	{
margin-top:0px;
margin-bottom:0px;
border-bottom: 1px solid #ddd; 
}

.bottom_line	{
margin-top:7px;
margin-bottom:0px;
}

.solidline	{
margin-top:0px;
margin-bottom:0px;
border-bottom: 2px solid #ccc; 
}

#liner	{ 
font-size: 11px; 
padding: 8px 0px 8px 0px; 
text-align: right; 
margin-bottom: 5px; 
}

.intro2 	{ 
font-size: 14px; 
line-height: 150%; 
}

td, div, input, label { 
font-size: 12px; 
}

h2.header {
color: #000000;
font-size: 21px; 
margin-top: 15px;
margin-bottom: 8px;
font-weight: normal;  
}

h5 {
font-size:14px;
font-weight: normal;
line-height: 1em;
padding: 0px;
color: #73a550; 
}

h1, h2, h3 {
font-weight: normal;
line-height: 1em;
padding: 0px;
color: #73a550; 
}

.sideHeader2 { 
font-size: 14px;
color: #292929;
font-weight:bold;
margin-top: 6px;
margin-bottom: 8px;
}


h1 { 
font-size: 28px; 
font-weight: normal;
margin-bottom: 10px;
color: #73a550; 
}

.column#customize h3 a {height: 22px; padding-top: 330px; margin-top: 15px; background: url(/images/bkgrnd_20080115.png) no-repeat; behavior: url(/global/scripts/lib/iepngfix.htc);}

.sales_header {
font-size: 12px;
font-weight:bold;
color: #292929;
}

/**************************************************************************
 * links
 *************************************************************************/
 
a { 
color: #0a78a0;
text-decoration: none;
}

a:hover { 
color: #0a78a0;
text-decoration: underline; 
outline: none !important;
}

a:active {
outline: none !important;
}

#liner { 
color: #333; 
}

#liner a { 
color: #333; 
}

#liner a:hover { 
color: #000; 
}

#liner #sites { 
float: left; 
}

.hashlink { 
border-right: 1px solid #ccc; 
}

.hashlink	{ 
margin-right: 3px; 
padding-right: 6px; 
}


/**************************************************************************
 * form stuff
 *************************************************************************/
 
inputBox, .inputbox { 
border: 1px solid #ccc;
color: #333; 
} 

.inputsubmit {
border: 1px solid #0a78a0;
background-color:ffffff;
background:#FFFFFF;
height:22px;
color: #0a78a0;
font-size:12px;
}

.inputsubmit2 {
border: 1px solid #0a78a0;
background-color:ffffff;
height:18px;
color: #0a78a0;
font-size:12px;
}


.textarea		{ border: 1px solid #999; background: #fff; }
.inputError		{ border: 1px solid #999; background: #ffff99; }
select, textarea	{ border: 1px solid #666; background-color: #fff; color: #333; }

.inputbox .blur		{ background: #333; color: #999999; }
.inputbox .focus	{ border: 1px solid #999; background: #444; color: #fff; }


/* footer START */
#footer {
	margin-top:-5px;
	background:url(/images/header_footer.jpg) 0 -132px no-repeat;
	display:block;
	height:88px;
	border-top:6px solid #CCC;
	font-size:11px;
	line-height:145%;
	width:100%;
	margin-bottom: 10px;
}
#footer a {
	color:#2A2A2A;
}
#copyright {
	font-size:10px;
	margin-top:4px;
	margin-left:15px;
	color: #999;
}

#small_text {
	text-align:left;
	font-size:11px;
	margin-top:4px;
	margin-left:0px;
	margin-bottom:15px;	
}

#address {
	text-align:center;
	font-size:10px;
	margin-top:4px;
	margin-left:0px;
	color: #999;
	margin-bottom:15px;	
}

#themeinfo {
	margin-top:2px;
	margin-left:15px;
	font-size:12px;
}
a#powered {
	background:url(/images/wp-logo.png) no-repeat;
	display:block;
	width:92px;
	height:57px;
	float:left;
	margin:0 10px 0 5px;
	text-indent:-999em;
}
a#gotop {
	background:url(/images/icons.gif) 0 -304px no-repeat;
	float:right;
	height:16px;
	line-height:18px;
	display:block;
	padding-left:16px;
	margin:5px 15px 0 0 !important;
	margin:5px 8px 0 0;
	text-decoration:none;
}

a#gotwitter {
	background:url(/images/twitter-icon-grey.png) no-repeat;
	float:right;
	display:block;
	height:35px;
	padding-left:16px;
	padding-right:90px;
	margin:5px 15px 0 0 !important;
	margin:5px 8px 0 0;
	text-decoration:none;
}

/* footer END */


.triPane {
background-color:#f4f4f3;
width:250px;
}

.nonlink {
	color:#333;
	font-size: 11px;
}

.leftnav {
        padding-top:5px;

}

.leftnav a {
	color: #333 !important;
	padding: 3px 0px 3px 0px;
	font-size: 11px;
	margin: 0;
}
.leftnav a:hover {
	color: #a8c479 !important;
	text-decoration: none;
}

a.selected2 {
	color: #73a550 !important;
}

.leftnavindent {
	text-indent:15px;
	font-size:11px;
}

.leftnavindent a {
	color: #555555 !important;
	font-size: 11px;
}

.leftnavindent a.selected2 {
	color: #73a550 !important;
}

.doubleindent {
	text-indent:25px;
	font-size:11px;
}
 
/**************************************************************************
 sidebar height notes...
 
 The current CSS code for the sidebar will automatically resize if the 
 content inside the sidebar is smaller than the content in the content div
 AND the content div is smaller than 650px. The sidebar will also 
 automatically resize to fit it's contents (height-wise)

 The problem is if the content div is larger than 650 and the sidebar div
 is smaller, then you will have to override the sidebar div in the html like so:
 
 <div class="sidebar" style='min-height:2300px;height:2300px'>
 
 Ideally we would like to anchor the sidebar div height to the 
 content div height
 
 *************************************************************************/
 
.sidebar {
	width: 200px;
	float:center;
	min-height: 650px;
	height:auto !important;
	height:650px;
	padding: 0px 10px 5px 10px;
	background-color: #f4f4f3;
	margin-top: 0px;
	margin-bottom: 0px;
	border-left: 1px solid #cccccc;
	border-top: 0px;
}

.sideHeader {
	font-size: 18px;
	font-weight:bold; 
	margin-top: 5px;
	margin-bottom: 8px;
	color: #a8c479;
}

.salesbox {
	border: 2px solid #73a550;
}

.salesbox_section {
padding: 5px 5px 5px 5px;
margin-left: 5px;
border: 2px solid #c7c7c7;
background-color: #fafafa;
}


/**************************************************************************
 * homepage boxes
 *************************************************************************/
 
 .topleft {
 background:url(/images/homepage/frame_g_tl.gif);
 background-position: top left;
 background-repeat:no-repeat;
 }

 .topright {
 background:url(/images/homepage/frame_g_tr.gif);
 background-position: top right;
 background-repeat:no-repeat;
 }
 
 .botleft {
 background:url(/images/homepage/frame_g_bl.gif);
 background-position: bottom left;
 background-repeat:no-repeat;
 }
 
  .botright {
 background:url(/images/homepage/frame_g_br.gif);
 background-position: bottom right;
 background-repeat:no-repeat;
 }

 .topleft_lt {
 background:url(/images/homepage/frame_g_tl_lt.gif);
 background-position: top left;
 background-repeat:no-repeat;
 }

 .topright_lt {
 background:url(/images/homepage/frame_g_tr_lt.gif);
 background-position: top right;
 background-repeat:no-repeat;
 }
 
 .botleft_lt {
 background:url(/images/homepage/frame_g_bl_lt.gif);
 background-position: bottom left;
 background-repeat:no-repeat;
 }
 
 .botright_lt {
 background:url(/images/homepage/frame_g_br_lt.gif);
 background-position: bottom right;
 background-repeat:no-repeat;
 }
 
/* popUp definitions */

#popUpMibs{
    position: absolute;
    visibility: hidden;
    left: -400px;
    top: 0px;
    width: 252px;
    height: 330px;
    filter: alpha(opacity=95);
    opacity: 0.95;
    color: #000;
}

.downloadPopUpMibs{
    background-image: url(/images/imgPopupMibs_bg.gif);
     background-repeat:no-repeat;
}

#popUp{
    position: absolute;
    visibility: hidden;
    left: -400px;
    top: 0px;
    width: 252px;
    height: 280px;
    filter: alpha(opacity=95);
    opacity: 0.95;
    color: #000;
}

.downloadPopUp{
    background-image: url(/images/imgPopup_bg.gif);
     background-repeat:no-repeat;
}

#popUpHeader{
    float: right;
    margin-bottom: 15px;
    padding-right: 5px;
    width: 100%;
    text-align: right;
}

#popUpHeader img{
    width: 16px;
    height: 16px;
    margin-top: 4px;
    cursor: pointer;
}


#popUpContent{
    margin-left: 10px;
    color: #000;
}
table.customers {
	border: 2px dotted #333333;
	padding: 0px;
	margin: 5px;
	width: 250px;
}

.featureBody
{
}

.featureBody UL
{
	font-weight: normal;
	margin-left: 20px;
}

.featureBody LI
{
	list-style-image: url(images/smallbullet.gif);
	padding-bottom: 2px;
}


.questionanswer
{
	clear: all;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 105px;
	width: 650px;
	text-align: left;
	background-repeat: repeat-x;
	background-position: left top;
	vertical-align: middle;
}

.answer
{
	display: inline;
	float: left;
	width: 650px;
	text-align: left;
	margin-top: 20px;
	padding-left: 30px;
	color: #565E6C;
	font-family: Verdana;
	font-size: 11px;
	margin-bottom: 0px;
}

#questionitem
{
	font-weight: bold;
	display: inline;
	float: left;
	width: 95px;
	text-align: center;
	padding-right: 10px;
	padding-right: 10px;
	font-family: Verdana;
	font-size: 11px;
	margin-left: 5px;
}

#problemitem a,  #problemitem a:link, #problemitem a:visited
{
	text-decoration:none;
	color:#FFFFFF;
}

#problemitem a, a:hover,  #problemitem a:active
{
	text-decoration:underline;
	color: #859C00;
}

.content_faded {filter:alpha(opacity=30); -moz-opacity:.50; opacity:.50; background-color: #000; z-index:2; position:absolute; left:0px; top:0px; width: 100%; height:100%;}