body#tab1,
body#tab2,
body#tab3,
body#tab4,
body#notab { 
	font: 0.9em verdana;
	font-weight: normal;
	line-height: 1.1em;
	color: #333;
	background: url(../images/bkg_1.gif);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.hr {
border-top: 1px solid #8fb359;
height: 1px;
margin: 0;
}

p {
margin: 0 0 1em 0;
padding: 0;
display: block;
}

.hr.dotted {
border-top: 1px dashed #8fb359;
height: 1px;
margin: 0;
}

.hr hr {
display: none;
}

.emb hr {
display: none;
}

.emb {
background: url(../images/hr_emb.gif) center no-repeat;
width: 100%;
height: 9px;
}

h1 {
margin-left: 15px;
color: #334b55;
font-weight: normal;
width: 500px;
margin: 0;
padding: 2px 0 15px 15px;
text-decoration: none;
font-size: 1.9em;
}

h1 a {
color: #334b55;
}

body#notab h1 {

}

#homesplash h2 {
font-size: 1.1em;
}

h3 {
margin: 0 0 5px 0;
padding: 0;
font-size: 1.2em;
color: #334b55;
}

h2 {
color: #334b55;
line-height: 1.3em;
font-size: 1.3em;
}

a {
color: #14a;
}

a.nounderline {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a.anchor,
a:hover.anchor {
color: #333;
text-decoration: none;
}

a.thickbox img {
border: none;
}



/**********************************************
Font controls
**********************************************/

.green,
a.green {
color: #317b26;
}

.orange {
color: #ff8000;
}

.gray {
color: #5A5A5A;
}

.lightgray {
color: #7C7C7C;
}

.blue {
color: #334b55;
}

.smallerprint {
font-size: 10px;
}

.bumpup {
font-size: 1.1em;
}

.alignleft {
text-align: left;
}

.alignright {
text-align: right;
}

.aligncenter {
text-align: center;
}

/***********************************
css tabs
***********************************/

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0 0 4px -15px; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #8fb359; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 15px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff !important; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #334b55; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px;
border: 1px solid #8fb359;
border-bottom: none; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 6px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #c9d8df; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #ebf3f6; /* set unselected tab background color as desired */
color: #557381; /* set unselected tab link color as desired */
margin-right: 2px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
display: inline-block;
margin-bottom: -5px;
width: 147px;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/**************************************
 Utlity and Other Nav Related Elements
**************************************/

#utilitynav {
float: right;
text-align: right;
margin: -5px 20px 0 0;
padding: 0;
width: 200px;
font-size: 0.7em;
color: #77a038;
}

.pipe {
color: #999;
padding-left: 10px;
padding-right: 10px;
}

#breadcrumb {
width: 100%;
height: 25px;
border-bottom: 1px solid #eee;
font-size: 0.7em;
color: #5a5a5a;
margin: 0;
padding-top: 7px;
padding-left: 22px;
}

/**********************************************
Column Boxes
**********************************************/

.columnbox {
border: 1px solid #dddc8a;
width: 210px;
margin: 0;
background-color: white;
text-align: left;
font-size: 0.75em;
font-weight: normal;
padding: 0;
}

.columnbox p {
margin-left: 7px;
}

.columnbox .label {
background-color: #f5f2d5;
color: #5a5a5a;
font-size: 1.1em;
font-weight: bold;
text-align: left;
margin: 0;
padding: 4px 0 4px 7px;
border-bottom: 1px solid #dddc8a;
}

.columnbox ul {
margin: 7px 0 0 7px;
padding: 0;
}

.columnbox ul li {
list-style: none;
padding-bottom: 0.8em;
}

.columnbox p {
margin-left: 7px;
margin-top: 7px;
}

.columnbox .shaded {
background-color: #fbf9f0;
margin: 0;
padding: 7px 7px;
}

.columnbox form {
padding: 7px 10px;
}

.columnbox form input {
padding-bottom: 4px;
}

/**************************************
Page Layout - Right Column
**************************************/

		#container {
			width: 830px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0;
			margin-bottom: 30px;
			padding: 20px 0 0 0;
			background: #fff;
			border-left: 1px solid #8fb359;
			border-right: 1px solid #8fb359;
		}
		
		#cpparent {
		position: relative;
		z-index: 999999;
		width: 100%;
		background: url(../images/bkg_1.gif);
		margin-top: -30px;
		}
		
		#containercp {
		position: relative;
			width: 830px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 0;
			margin-bottom: 30px;
			padding: 20px 0 0 0;
			background: #fff;
			border-left: 1px solid #8fb359;
			border-right: 1px solid #8fb359;
			z-index: 99999;
		}
		
		#header {
			width: auto;
			margin: 0;
			padding: 0 0 0 0;
			background-position: top center;
		}
		
		#navcontainer {
			width: auto;
			margin: 0;
			padding: 0;
			background-position: top center;
		}
		
		#primarynav {
		margin: 5px 0 -1px 15px;
		padding: 0;
		}

		#contentwrapper {
		width: auto;
		margin: 0;
		padding: 0;
		}
		
		#content {
			padding: 0;
			width: 510px;
			display: block;
			margin: 15px 230px 0 30px;
			font-weight: normal;
			font-size: 0.8em;
		}

		#leftcolumn {
			float: left;
			width: 225px; 
			margin: 0;
			padding: 30px 5px 30px 5px;
			height: 100%;
			text-align: center;
		}
		
		#rightcolumn {
			float: right;
			width: 210px; 
			margin: 15px 0 0 0;
			padding: 0 30px 0 0;
			text-align: center;
		}
		
		#footer {
		border-top: 1px dashed #c2c2c2;
		text-align: left;
		background-color: #f6f6f6;
		border-bottom: 1px solid #1c6eb5;
		padding: 4px 15px 4px 15px;
		margin-top: 50px;
		font-size: 10px;
		font-weight: normal;
		}
		
		#homesplash {
		width: 100%;
		height: 290px;
		margin: 20px 0 0 0;
		border-bottom: 1px dashed #8fb359;
		background-color: #fff;
		text-align: center;
		}
		
		#subsplash {
		width: 515px;
		height: 120px;
		margin-top: 20px;
		margin-bottom: 20px;
		border: 1px solid #eee;
		background-color: #f6f6f6;
		padding: 7px;
		}
		
		#shopnav {
		width: auto;
		display: block;
		text-align: right;
		padding: 4px 15px 6px 0;
		margin: 0;
		border-bottom: 1px dashed #8fb359;
		font-size: 0.8em;
		font-weight: bold;
		}


/**********************************************
Spacing Controls
**********************************************/

.spacingtop {
margin-top: 15px;
}
.spacingtoppd {
padding-top: 15px;
}

.spacingtophalf {
margin-top: 7px;
}

.spacingbottom {
margin-bottom: 15px;
}

.spacingbottomhalf {
margin-bottom: 7px;
}

.floatright {
float: right;
}

.floatleft {
float: left;
}


/**********************************************
Gallery Tables
**********************************************/

table.thumbnailgallery {
padding: 0;
margin: 15px 0 15px -4px;
}

table.thumbnailgallery tr td {
background-color: #f6f6f6;
width: 140px;
text-align: center;
border: 4px solid white;
padding-top: 4px;
padding-bottom: 4px;
height: 126px;
vertical-align: middle;
}

/**********************************************
Pricing Tables
**********************************************/

table.pricing {
width: 100%;
padding: 0 7px 7px 7px;
margin: -4px 0 0 0;
}

table.pricing tr td {
text-align: center;
border-bottom: 1px dotted #ddd;
padding: 3px 0;
}


/**********************************************
DataGrids Tables
**********************************************/

.datagrid {
margin:0;
padding:0;
border: 1px solid #999;
width: 535px
}

.datagrid table {
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
}

.datagrid table tr.header {
border-bottom: 1px solid #999;
}

.datagrid table th {
background-color: #dbdbdb;
border-bottom: 1px solid #999;
padding: 6px 6px;
color: #333;
font-weight: bold;
font-size: 0.75em;
}

.datagrid table th.acctcolumn {
width: 178px;
}
.datagrid table th.blncolumn {
width: 150px;
}

.datagrid table tr td {
border-bottom: 1px solid #ccc;
padding: 6px 6px 6px 6px;
font-size: .75em;
}

.datagrid table tr.lastrow td {
border-bottom: none;
}

.datagrid table tr.tablefooter td {
border-top: 1px solid #999;
border-bottom: none;
background-color: #f6f6f6;
padding: 6px 4px;
}

/**********************************
Home Splash Content
**********************************/

#homesplash table {
width: 100%;
margin: 0;
padding: 0 12px;
}


#homesplash table td {
border: 5px solid white;
vertical-align: top;
}

#homesplash .splashbox {
width: 230px;
height: 280px;
border: 1px solid #ddd;
background-color: #f3f3f3;
font-size: 0.9em;
font-weight: normal;
padding: 7px;
/* cursor: pointer; */
}

#homesplash ul.splashlist {
margin: 0;
padding: 10px 0 0 15px;
list-style: square;
}

#homesplash ul.splashlist li {
margin: 0;
padding: 0;
}

#subsplash .splashbox {
width: 150px;
height: 100px;
border: 1px solid #ddd;
background-color: #f3f3f3;
font-size: 0.9em;
font-weight: normal;
padding: 7px;
/* cursor: pointer; */
}


/***************************************
Thickbox
***************************************/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	padding:4px;
	float:right;
	margin-top: -25px;
	margin-right: -7px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}