/**** General  ***/
body
{
    font-size: 12px;
    margin: 0;
		padding:0;
    color: #676767;
    font-family: Arial;
    text-align: left;
		background: white url(../images/bg.jpg) repeat-x top;
}
body.iframe{
		background: white;
}
.floatcontainer:after
{
    clear: both;
    display: block;
    font-size: 0px;
    visibility: hidden;
    height: 0px;
    content: ".";
}
.floatcontainer
{
    display: inline-block;
}
* HTML .floatcontainer
{
    height: 1%;
}
.floatcontainer
{
    display: block;
}
a
{
    color: #ee7900;
    text-decoration: none;
}
a:hover
{
    color: #ee7900;
    text-decoration: none;
}
input
{
    color: black;
    border: #7f7f7f 1px solid;
		background-color: #ededed;
}
textarea
{
    color: black;
    border: #7f7f7f 1px solid;
		background-color: #ededed;
}
select
{
    border: #7f7f7f 1px solid;
    color: black;
		background-color: #ededed;
}
h1
{
  font-weight: bold;
  font-size: 18px;
  margin: 0;
	color:#001530;
	padding-left:10px;
	margin-bottom:5px;
}
h1.site
{
	padding-left:0;
	margin-left:0;
}
h1.siteHp
{
	color:#2079b3;
	font-size: 18px;
}
h2
{
  font-weight: bold;
  font-size: 14px;
  margin: 0;
	color:#001530;
	margin-bottom:5px;
}
h2.site
{
  font-weight: bold;
  font-size: 24px;
	color:Black;
	padding-left:15px;
	margin-left:0;
}
h2.siteHp
{
	color:#2079b3;
	font-size: 18px;
}
h3,h4
{
  font-size: 12px;
  margin: 0 0 3px 0;
  color:#001530;
  font-weight: bold;
}
h3.site,h4.site
{
  font-size: 12px;
  margin: 10px 0 5px 0;
  color:#001530;
  font-weight: bold;
	background: #99cc33;
	padding-left:10px;
}
p
{
	padding: 0;
	margin: 0;
}
input.btn
{
    border: #a6a6a6 1px solid;
    color: white;
    background:#99cc33;
	 font-family: Arial, Helvetica, sans-serif;
	 text-align: center;
		padding: 0;
		width:202px;
}
input.noBorder
{
    border: medium none;
}
img.pic
{
    border:none;
}
.error
{
    color: #cc0000
}
.justify
{
    text-align: justify;
}
/**** Page Container ***/
#pageContainer
{
    direction: ltr;
		margin:0 auto;
		width:857px;
}
/*
#pageContainer img
{
    border: medium none;
}
*/
.textWrap{
	padding:10px;
}
.textRight{
	float: right;
	width:200px;
}
.textLeft{
	float: left;
	width:360px;
}
.textLeft img{border:none;}
/**** Static Menu ***/
#staticContainer{
	background-color: #99cc33;
	height:18px;
	text-align: center;
}
#staticMenu{
	margin:0 auto;
	width:849px;
	padding:1px 10px 2px 10px;
	margin: 0 auto;
	color:white;
}
#staticMenu img{
	border: none;
}
#staticMenu a{
	color:white;
}
#staticMenu a:hover{
	color:white;
}
#staticMenuText{
	float:right;
	width:500px;
	text-align: right;
	padding:0;
}
#staticMenuLinks{
	float:left;
	width:300px;
	padding:0;
	text-align: left;
}
#staticMenu a{
	color:white;
}
#staticMenu a.menu_on{
	color:white;
}
/**** Top ***/
#top{
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #979797;
	border-top: solid 1px #979797;
}
/**** Logo ***/
#header{
	padding: 0;
	margin: 0;
}
#logo{
	text-align: left;
	height:102px;
	background: url(../images/bg_logo.jpg) repeat-x;
}
#logo img{
	border: none;
}
/**** Main Menu ***/
#mainMenu{
	text-align: center;
	margin:0 auto;
	margin-top: 0;
	border-left: solid 1px #b5bfc7;
	border-right: solid 1px #b5bfc7;
}
#mainMenu ul{
	margin:0 auto;
	padding:0 ;
	list-style: none;
	text-align: right;
	height:30px;
	background: url(../images/bg_menu.jpg) repeat-x;
	z-index: 50;
}
#mainMenu li{
	float: left;
	text-align: center;
	color: #323232;
	font-size: 12px;
	margin: 0;
	font-weight: bold;
	position: relative;
	z-index: 50;
}
#mainMenu li a{
	color: Black;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0;
	vertical-align: middle;
	width:106px;
}
#mainMenu li a:hover,#mainMenu li.menu_on a{
	color: White;
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0;
	vertical-align: middle;
	text-decoration: none;
	background: url(../images/bg_menu_on.jpg) repeat-x;
}
#mainMenu li.sep
{
  width: 1px !important;
	height: 30px;
	background: url(../images/sep_menu.jpg) no-repeat;
}

/** Menu Drop Down */
#mainMenu li ul {
	position: absolute;
	left:0;
	top: 30px;
	display: none;
	border: solid 1px #515151;
	height: auto;
	width:152px;
}
#mainMenu li:hover ul,#mainMenu li.over ul { display: block; }

#mainMenu li ul li{
	clear: both;
	height:18px;
	text-align: left;
	color: Black;
	font-size: 12px;
	margin: 0;
	font-weight: normal;
	width:152px;
}
#mainMenu li ul li:hover{
	clear: both;
	height:18px;
	width:152px;
}
#mainMenu li.menu_on ul li a,
#mainMenu li ul li a{
	background: #cdcdcd;
	display: inline-block;
	color: Black;
	width:144px;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	padding: 0;
	padding-left:8px;
}
#mainMenu li.menu_on ul li a:hover,
#mainMenu li ul li a:hover{
	background:white;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	width:144px;
	padding: 0;
	padding-left:8px;
	color: Black;
}
#mainMenu li ul li.sep
{
  width: 152px !important;
	height: 1px !important;
	background:white !important;
}

/* Fix IE. Hide from IE Mac \*/
#menu ul li {float: left; width: 100%;height: 1%;}
#menu ul li a {height: 1%;} 
/* End */


/**** Navigation line ***/
#nav{
	padding:14px 6px 7px 6px;
	font-size: 11px;
	color:black;
}
#nav a{
	color: black;
}
.nav_on{
	color:#99cc33;
	font-weight: bold;
}
#nav a:hover{
	color:#99cc33;
	text-decoration: none;
}
/**** Footer ***/
#footerContainer
{
	height:28px;
	background-color: #c2c2c2;
}
#footer
{
    direction: ltr;
		margin:0 auto;
		width:857px;
	padding:0;
	color: #676767;
}
#footerText
{
	float: left;
	width:400px;
	padding:7px 0 0 4px;
	font-weight: bold;
}
#footerText a
{
    color: #676767
}
#footerText a:hover
{
    color: #676767;
    text-decoration: underline
}
#footerLinks{
  text-align: center;
	margin:5px 20px;
	color: #676767;
	font-size: 11px;
}
/**** Credit ***/
#credit
{
    float: right;
    padding: 0;
    margin: 0px auto;
    text-align: right;
}
#credit img{
	border:none;
}
/**** Main Page ***/
#mainHp
{
	margin-bottom:0;
	margin-top:22px;
}
#main
{
	margin-bottom:0;
	margin-top:0;
	padding: 22px 0 15px 0;
	background: #d8d8d8 url(../images/sep_side.jpg) repeat-y 210px top;
}
.mainWrap
{
	padding-top: 10px;
}
#mainContentHp{
	float: left;
	width:510px;
	padding-left: 10px;
}
#mainContentHpText{
	float: right;
	width:335px;
}
#mainContentHpImg{
	float: left;
	width:148px;
	background: url(../images/bg_hpImg.jpg) no-repeat;
	padding:6px;
}
#mainContentHpMore{
	border-top:solid 1px #cecece;
	padding-top:15px;
	margin-top:20px;
	margin-bottom:20px;
	color: #2774cc;
}
#mainContentHpRight{
	float: right;
	width:270px;
	background: url(../images/sep_hp.jpg) repeat-y left;
	padding:0 10px 0 30px;
}
#mainContentRight{
	float: left;
	width: 200px;
	padding-right:10px;
}
#mainContent{
	float: right;
	width: 580px;
	padding:0 30px;
}
#mainContent1{
}
#mainContentCenter{
	padding-top: 0;
}
#mainContentCenter2{
	float:left;
	width: 390px;
	padding-top: 0;
}
#mainContentCenter1{
	float:right;
	width: 700px;
	padding-top: 0;
}
#sideMenu {
}
#sideMenu ul{
	margin:0;
	padding:0 0 5px 0;
	list-style: none;
}
#sideMenu li{
	margin-bottom: 15px;
	height:18px;
	line-height: 18px;
	vertical-align: middle;
}
#sideMenu li a{
	height:18px;
	color:#2079b3;
	font-weight: bold;
	padding-left:20px;
	display: block;
}
#sideMenu li.menu_on a,
#sideMenu li a:hover{
	color:#001530;
	font-weight: bold;
	display: block;
	padding-left:10px;
	text-decoration: none;
	border-left: solid 10px #ee7900;
}
#newsBox{
	padding:0;
	margin-bottom: 5px;
}
#newsBox a{
	color: #001530;
}
#newsBox dl{
	margin: 0;
	padding: 0;
	height:170px;
}
#newsBox dt{
	color: Black;
	font-weight: bold;
	margin-bottom: 5px;
}
#newsBox dd{
	background: url(../images/icon_news.gif) no-repeat;
	color: #676767;
	padding: 0 0 0 55px;
	margin: 0;
	margin-bottom: 15px;
}
#banners div{
	margin:0 0 5px 0;
	border: solid 1px #cccccc;
}
.borderBox{
	border: solid 1px #cccccc;
	padding:15px;
	margin-bottom: 4px;
}
#videoBoxHp{
	padding:15px;
	margin-bottom: 10px;
	text-align: center;
}
#videoBox{
	padding:10px 7px;
	text-align: center;
}
#videoBoxHp div.videoBoxFrame{
	float: right;
	width:210px;
}
#videoBoxHp div.videoBoxList{
	text-align: left;
	float: left;
	width:135px;
}
#videoBox div.videoBoxFrame{
	float: right;
	width:320px;
}
#videoBox div.videoBoxList{
	text-align: left;
	float: left;
	width:180px;
}
div.videoBoxList ul{
	margin:0 auto;
	padding:5px 0;
	list-style: none;
}
div.videoBoxList li{
	padding-bottom:4px;
	margin-bottom: 4px;
	border-bottom: solid 1px #2d2d2d;
	font-size: 14px;
}
div.videoBoxList li a{
	color:Black;
	padding-left:15px;
	display: block;
	background: url(../images/dot_box.jpg) no-repeat left;
}
div.videoBoxList li a:hover{
	color:Black;
	font-weight: bold;
	display: block;
	padding-left:15px;
	background: url(../images/dot_box.jpg) no-repeat left;
}
div.videoBoxList li.menu_on a{
	color:Black;
	font-weight: bold;
	display: block;
	padding-left:15px;
	background: url(../images/dot_box.jpg) no-repeat left;
}
/**** Boxes ***/
#boxes{
	margin-bottom: 4px;
}
.boxItem {
	padding:0;
	margin-bottom: 15px;
}
.boxItem h4 {
	color:Black;
	font-size: 12px;
}
.boxItem h4 a{
	color:Black;
}
.boxItem h4 a:hover{
	color:Black;
}
.boxText{
	float: right;
	width:270px;
}
.boxText2{
	float: right;
	width:500px;
}
.boxText1{
	float: right;
	width:735px;
}
.boxImg {
	float: left;
	width:100px;
	padding: 0 5px;
}
.boxImg img{
	margin:0 5px 0 0;
	border: solid 1px #bcbcbc;
}
.picBoxTitle{
	text-align: center;
	margin-bottom:10px;
}
.picBoxTitle a{
	color: Black;
}

.boxImgText{
	text-align: center;
	margin-bottom:10px;
	padding-right:15px;
	color: Black;
	font-weight: bold;
}
.boxImgText a{
	color: Black;
	font-weight: bold;
}
/**** Video Page ***/
#videoPage{
	margin-left: 5px;
}
.videosPageItem{
	float:left;
	width:160px;
	text-align: center;
	margin:5px 5px 10px 5px ;
}
.videoImg{
	background: url(../images/bg_video.gif) no-repeat;
	width:140px;
	height: 113px;
}
/**** Customers Page ***/
.customersPageItem{
	float:left;
	width:150px;
	text-align: center;
	margin:5px 5px 10px 5px ;
}
/**** Boxes Page ***/
.boxItemColumn1{
	float:left;
	width:355px;
}
.boxItemColumn2{
	clear: both;
}
.boxPageItem {
	padding-bottom: 8px;
	margin-bottom: 8px;
	padding-right:20px;
}
.boxPageItem h4{
	background: none;
	padding-left:0;
	margin-bottom:5px;
	padding-bottom: 3px;
  color:#001530;
	height:auto;
}
.boxPageItem h4 a{
  color:#001530;
}
.boxPageItem h4 a:hover{
  color:#001530;
}
.boxPageItem  a{
	text-decoration: underline;
	color:#ee7900;	
}
/**** Products Page ***/
.productsItemColumn1{
	float:left;
	width:355px;
}
.productsItemColumn2{
	clear: both;
}
/* Customers Like Display */
.productsPageItem {
	float:left;
	width:150px;
	text-align: center;
	margin:5px 5px 10px 5px ;
}
/* Boxes Like Display 
.productsPageItem {
	padding-bottom: 8px;
	margin-bottom: 8px;
	padding-left:20px;
}
*/
.productsPageItem img{
  border: none;
}
.productsPageItemImg{
	padding:0 0 0 10px;
	float:left;
	width:140px;
}
.productsPageItemText{
}
.productsPageItem h2{
	background: none;
	padding-left:0;
	margin-bottom:5px;
	padding-bottom: 3px;
	color:Black;
	height:auto;
	font-size: 12px;
}
.productsPageItem h2 a{
	color:Black;
}
.productsPageItem h2 a:hover{
  color: Black;
}

/**** Product Page ***/
#productPage{
	clear: both;
}
#productPage h2{
	color:white;
	font-size: 12px;
	padding:0 0 0 20px;
	height: 15px;
	margin:0 0 10px 0;
	background: #307a22 url(../images/bg_title3.jpg) no-repeat left;
}
#productPage h4 {
	color:white;
	font-size: 12px;
	padding-left:20px;
	height: 15px;
	margin-bottom: 10px;
	background: #307a22 url(../images/bg_title3.jpg) no-repeat left;
}
#productPage img{
	border: solid 1px #cccccc;
}
h2.product1{
	float:left;
	width:752px;
}
h2.product2{
	float:left;
	width:498px;
}
.productBack{
	float: right;
	width:94px;
	text-align: center;
	height:15px;
	background-color: black;
}
.productBack img{
	border: none;
}
.productBack a{
	color: White;
	font-size: 12px;
	font-weight: bold;
}
.productBack a:hover{
	color: white;
	font-size: 12px;
	font-weight: bold;
}

.details{
	margin-top:5px;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
}
.details a{
	font-weight: bold;
	font-size: 11px;
}
.details a:hover{
	font-size: 11px;
	text-decoration: underline;
}
.galleryPic
{
    float: left;
		width:97px;
		margin:3px 2px 0 2px;
}
.galleryPic img{
	border: solid 1px #cccccc;
}
.galleryPic1
{
    margin: 7px 5px;
}

/**** Pagging ***/
div.pagging
{
  clear:both;
	text-align: center;
	padding-top:10px;
}
div.pagging span{
  color: #00a2ff;
	font-weight: bold;	
}
/**** Contact Page ***/
#mainContact
{
	float:left;
	width:290px;
}
.mainContactWrap
{
	padding: 0 0 10px 0;
}
#mainContactForm{
	float:right;
	width:290px;
}
.formRight
{
    margin-top: 5px;
    margin-right: 0;
		float: left;
		width:67px;
}
.formCenter
{
    margin-top: 5px;
		float: left;
		width:220px;
}
.formCenter select
{
  width: 205px;
	height:18px;
	font-size: 10px;
}
.formCenter INPUT
{
  width: 200px;
	height:14px;
	font-size: 10px;
}
.formCenter textarea
{
  width: 200px;
}

.formBtns
{
		margin-top:5px;
		text-align: right;
		margin-right: 20px;
}

.formRightBox
{
    margin-top: 5px;
    margin-right: 5px;
		font-weight: bold;
}
.formCenterBox
{
    margin-top: 2px;
}
.formCenterBox input
{
  width:159px;
}
.formBtnsBox{
		margin-top:10px;
}
.formBtnsBox input
{
	cursor: pointer;
	border: none;
}
/*

.formLeft
{
    MARGIN-TOP: 2px;
    FLOAT: left;
    WIDTH: 75px;
    DIRECTION: ltr
}
.formBtns INPUT
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: bold;
    BORDER-LEFT: medium none;
    WIDTH: 45px;
    COLOR: white;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Arial;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #d60015;
    TEXT-ALIGN: center
}
*/
/**** Faq Page ***/
#faq{
}
#faq h3{
	background: none;
	height:auto;
  padding: 5px 0 5px 5px;
  font-size: 14px;
  margin: 0 0 3px 0;
  color: #317c23;
  font-weight: bold;
}
#faq h4{
  font-weight: bold;
  font-size: 16px;
	height: 22px;
	background: none;
  color: #317c23;
	padding:0 0 0 3px;
	margin:5px 0;
}
ul.questions{
	margin: 0 0 20px 20px;	
	padding: 0;
}
ul.questions li{
	padding:3px 0
}
ul.questions li a{
	color:Black;
}

.answerText{
	padding-left:5px;
}
.answerTop{
	text-align: right;
	border-bottom: solid 1px #545454;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.answerTop a{
  color: Black;
	font-weight: bold;
}
.video,.video a{
}
/**** Sitemap Page ***/
#sitemap{
	
}
#sitemap li{
	margin-bottom: 10px;
}
#sitemap li a{
  color:#317c23;
	font-weight: bold;
}
#sitemap li ul{
	margin-top: 5px;
	list-style: square; 
}
#sitemap li ul li{
	margin-bottom: 5px;
}
#sitemap li ul li a{
    color: Black;
}
