/* CSS Basic Document */
body
{
margin:0px;
padding:0px;
color:#565656;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#eeeeee;
}
img {
border-color:#CCCCCC;
}
h1 {

	padding-top:15px;
	font-family:arial, Verdana, sans-serif;
	color:#555555;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	height:25px;
	border-bottom:1px solid #e9e6df;
	}
h2 {

	padding-bottom:10px;
	padding-top:5px;
	font-family:arial,Verdana, sans-serif;
	font-size:11px;
	font-weight: normal;
	text-decoration:none;
	}
h3 {
	margin:0px;
	padding-bottom:10px;
	padding-top:5px;
	text-decoration:none;
	font-size:16px;
	text-transform:uppercase;
	}
h4 {
	margin:0px;
	padding-bottom:10px;
	padding-top:5px;
	text-decoration:none;
	font-size:12px;
	}
h5 {
	margin:0px;
	padding:0px;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color: #058393;
	}
p
{

}
a {
font-family:arial;
font-size:11px;
color:#666666;
font-weight:normal;
text-decoration:none;
}
a:hover {
color:#000000;
text-decoration:underline;
}
#container
{
width:100%;
height:auto;
margin:0px auto;
text-align:center;
}

/* genaral */
.blue-text {
color:#125889;
}
.white-text {
color:#ffffff;
}
.bor-1 {
border:1px solid #999999;
}
.bottom-border {
border-bottom:1px solid #999999;
padding-bottom:10px;
padding-top:10px;
}
/* header style start here */
#header
{
width:750px;
height:335px;
margin:auto;
text-align:left;
background:url(../images/top-bg.gif) left top no-repeat;
}
.logo {
float:left;
padding-left:36px;
padding-top:3px;
width:124px;
height:59px;
text-align:left;
}
.order-tab {
float:right;
margin-right:20px;
margin-top:5px;
width:104px;
text-align:left;
}

/*Replace grass2.gif with grass.gif after end of month*/
.grass-back {
width:300px;
height:225px;
float:right;
background:url(../images/grass2.gif) no-repeat left top;
}


/*final div class for grass-back with no background image for use with "hotspot" link to blog*/
.grass-back_JD2 {
width:300px;
height:225px;
float:right;
background:none no-repeat left top;
}




.banner-back {
width:450px;
height:225px;
background:url(../images/index-img1.jpg) no-repeat left top;
float:left;
}
.caption-back {
background:url(../images/caption-back.gif) no-repeat left top;
height:48px;
}
/* CSS Menu */
/* ---- login menu 
.client-login {
background:url(../Images/client-login.gif) left top no-repeat;
display:block;
overflow:hidden;
text-align:1000px;
height:25px;
width:104px;
text-decoration:none;
}
.client-login:hover {
background:url(../Images/client-login.gif) left bottom no-repeat;
text-decoration:none;
}
--- */
/* ------ main menu ------ */
.main-menu {
width:743px;
margin-left:3px;
margin-top:62px;
position:absolute;
height:21px;
float:right;
}
.navcontainer {
        margin:0px;
		padding:0px;
}
.navcontainer ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}
.navcontainer ul li {
        display:inline;
        float:left;
		background:#198978;
        text-align:center;
        padding: 0;
        margin-left:4px;
		height:21px;
		line-height:21px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#ffffff;
		font-weight:normal;
}
.navcontainer ul li a {
        display:inline;
        float:left;
		background:#198978;
        text-align:center;
        padding: 0;
        margin: 0;
		height:21px;
		line-height:21px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#ffffff;
		width:100%;
		font-weight:normal;
		text-decoration:none;
}
.navcontainer ul li a:hover {
		background:#ffffff;
		text-decoration:none;
		width:100%;
		color:#0c8300;
}
/* body style start here */
#body_container
{
width:750px;
margin:auto;
height:auto;
text-align:center;
}
.body-main {
float:left;
background:#FFFFFF;
height:auto;
width:750px;
}
.body-inner {
float:left;
background:#FFFFFF;
height:auto;
width:730px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
text-align:left;
}
#body-left
{
width:390px;
padding-left:30px;
height:auto;
float:left;
text-align:left;
overflow: hidden;
}
#body-right
{
width:300px;
float:right;
height:auto;
text-align:left;
margin:auto 0px;
}
/* left items */
.box-back {
background:url(../images/green-bg.gif) repeat-y right bottom;
height:auto;
float:left;
width:100%;
}
/* right item */
.table-border {
border-bottom:solid 1px #e9e6df;
}
/* general */
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #058393;
	text-decoration: none;
	padding-left:26px; padding-right:12px;
}

.header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #72AB51;
	text-decoration: none;
	padding-left:26px; padding-right:12px;

}
.header3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #72AB51;
	text-decoration: none;
}
.header4 {
color:#058393;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
}
.header5 {
color:#990000;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
padding-left:26px;
padding-right:12px;
text-decoration:none;
}
.header6 {
color:#990000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
.list li { margin: 5px 0 5px 0; }
.list ul { margin: 0 0 0 20px; padding: 0; }
.list li li { margin: 3px 0 3px 0; padding: 0; 
}
#macro {
float:right;
margin:10px 20px 20px;
text-align:center;
}
#macro a {
text-decoration:none;
}
.nor-text-red {
font-size:10px;
color:#CA0000;
}
#footer-container
{
width:750px;
height:auto;
margin:auto;
text-align:center;
}
#footer
{
width:750px;
text-align:center;
background:url(../images/footer-bg.gif) repeat-x;
height:70px;
float:left;
color:#8b8c8e;
font-size:10px;
}
a.footer-nav:link
{
text-align:center;
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
color:#8b8c8e;
font-size:11px;
text-decoration:none;
font-weight:normal;
}
a.footer-nav:visited
{
text-align:center;
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
color:#8b8c8e;
font-size:11px;
text-decoration:none;
font-weight:normal;
}
a.footer-nav:hover
{
text-decoration:underline;
}
a.green-link:link
{
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
color:#0c8300;
font-size:11px;
text-decoration:none;
font-weight:bold;
}
a.green-link:visited
{
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
color:#0c8300;
font-size:11px;
text-decoration:none;
font-weight:bold;
}
a.green-link:hover
{
text-decoration:underline;
}
a.white-link:link
{
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
text-decoration:none;
font-weight:bold;
}
a.white-link:visited
{
font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
color:#ffffff;
font-size:11px;
text-decoration:none;
font-weight:bold;
}
a.white-link:hover
{
text-decoration:underline;
}

/* form */
.button {
font-family:Arial, Helvetica, sans-serif;
background:#333333;
border:1px solid #000000;
color:#CCCCCC;
font-size:11px;
height:18px;
line-height:18px;
font-weight:bold;
}
.button:hover
{
color:#FFF;
background-color:#074D9A;
}
.input {
background:#ffffff;
border:1px solid #b4ccd8;
color:#333333;
font-size:11px;
height:16px;
line-height:16px;
}
.input1 {
background:#ffffff;
border:1px solid #b4ccd8;
color:#333333;
font-size:11px;
width:160px;
}
.input2 {
background:#ffffff;
border:1px solid #666666;
color:#333333;
font-size:11px;
height:17px;
width:160px;
}
.button {
background:url(../images/button-back.gif);
height:21px;
color:#FFFFFF;
border:0;
font-weight:normal;
font-size:11px;
width:40px;
}
/* button style */
.help {
background:url(../images/help-me-btn1.gif) left top no-repeat;
display:block;
overflow:hidden;
text-align:1000px;
height:22px;
width:165px;
text-decoration:none;
}
.help:hover {
background:url(../images/help-me-btn1.gif) left bottom no-repeat;
text-decoration:none;
width:166px;
}
.order-1 {
background:url(../images/order-online-1.gif) left top no-repeat;
display:block;
overflow:hidden;
text-align:1000px;
height:22px;
width:105px;
text-decoration:none;
}
.order-1:hover {
background:url(../images/order-online-1.gif) left bottom no-repeat;
text-decoration:none;
width:106px;
}
.order-2 {
background:url(../images/order-online-2.gif) left top no-repeat;
display:block;
overflow:hidden;
text-align:1000px;
height:21px;
width:102px;
text-decoration:none;
}
.order-2:hover {
background:url(../images/order-online-2.gif) left bottom no-repeat;
text-decoration:none;
width:103px;
}

.quick-1 {
background:url(../images/quick-order-1.gif) left top no-repeat;
display:block;
overflow:hidden;
text-align:1000px;
height:22px;
width:104px;
text-decoration:none;
}
.quick-1:hover {
background:url(../images/quick-order-1.gif) left bottom no-repeat;
text-decoration:none;
width:105px;
}
.quick-2 {
background:url(../images/quick-order-2.gif) left top no-repeat;
display:block;
overflow:hidden;
text-align:1000px;
height:21px;
width:102px;
text-decoration:none;
}
.quick-2:hover {
background:url(../images/quick-order-2.gif) left bottom no-repeat;
text-decoration:none;
width:103px;
}
.gray-box {
background:#f9f9f9;
border:1px solid #999999;
color:#333333;
padding:10px;
}
.linkborder {
border:2px solid #006666;
padding:5px;
width:400px;
height:50px;
margin-top:10px;
}
.linkborder-inner {
border:1px solid #006666;
text-align:center;
padding:5px;
width:387px;
height:37px;
line-height:37px;
}
.linkborder-small {
border:2px solid #006666;
padding:5px;
width:250px;
height:50px;
margin-top:10px;
}
.linkborder-inner-small {
border:1px solid #006666;
text-align:center;
padding:5px;
width:237px;
height:37px;
line-height:37px;
}