/**** General  ***/
html{
	overflow-y: scroll;
}
body
{
    font-size: 12px;
    margin: 0;
		padding:0;
    color: Black;
    font-family: Arial;
    text-align: left;
		background: url(../images/bg.jpg) repeat-x;
}
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: #bf3119;
    text-decoration: none;
}
a:hover
{
    color: #bf3119;
    text-decoration: none;
}
input
{
    color: black;
    border: #9b9b9b 1px solid;
}
textarea
{
    color: black;
    border: #9b9b9b 1px solid;
}
select
{
    border: #9b9b9b 1px solid;
    color: black;
}
h1
{
  font-weight: bold;
  font-size: 16px;
  margin: 5px 0;
	color:#bf3119;
}
h1.site
{
  margin: 14px 0;
  font-size: 14px;
	color:Black;
	padding-left:17px;
	border-left: solid 7px #bf2e1a;
	height:22px;
	line-height: 22px;
	vertical-align: middle;
}
h1.group307{border-left: solid 7px #0887c5;}
h1.group308{border-left: solid 7px #6565a9;}
h1.group325{border-left: solid 7px #1d9e95;}
h1.group326{border-left: solid 7px #c879c3;}
h1.group327{border-left: solid 7px #e58330;}
h1.group328{border-left: solid 7px #95ac0e;}
h1.group334{border-left: solid 7px #0886ab;}
h1.siteHp
{
  margin:1px 0 14px 0;
	color:#bf3119;
	padding-left:17px;
	border-left: solid 7px #bf2e1a;
	height:17px;
	padding-top:5px
}
h2
{
  font-weight: bold;
  font-size: 14px;
  margin: 0;
	color:#bf3119;
	padding-left:0;
	margin-bottom:5px;
}
h2.site
{
  font-weight: bold;
  font-size: 24px;
	color:#bf3119;
	padding-left:15px;
	margin-left:0;
}
h2.side
{
  font-weight: normal;
  font-size: 16px;
	color:#bf3119;
	padding-left:15px;
	margin-left:0;
	padding:15px 15px 0 20px;
}
.group307 h2{ color:#0887c5; }
.group308 h2{ color:#6565a9; }
.group325 h2{ color:#1d9e95; }
.group326 h2{ color:#d35fcc; }
.group327 h2{ color:#d57626; }
.group328 h2{ color:#869c07; }
.group334 h2{ color:#0886ab; }

h3,h4
{
  font-size: 12px;
  margin: 0 0 3px 0;
  color:#bf3119;
  font-weight: bold;
}
h3.site,h4.site
{
  font-size: 12px;
  margin: 10px 0 5px 0;
  color:white;
  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:856px;
}
/*
#pageContainer img
{
    border: medium none;
}
*/
.textWrap{
	padding:0 20px 0 24px;
}
.textWrap a{
	text-decoration: underline;
}
.details{
	margin-top:0;
	color:#e44c37;
	font-size: 10px;
	text-align: right;
	font-weight: bold;
}
.details a{
	color:#e44c37 !important;
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline !important;
}
.details a:hover{
	font-size: 10px;
	font-weight: bold;
}
.arr a{
	background: url(../images/arr.jpg) no-repeat left 1px ;
	padding:0 0 0 10px;
}
/**** Top ***/
#top{
	margin: 0;
	padding: 0;
}
/**** Logo ***/
#header{
	padding: 0;
	margin: 0;
}
#logo{
	float: left;
	width:284px;
}
#logo img{
	border: none;
}
/**** Main Menu ***/
#mainMenu{
	text-align: right;
	margin:0 auto;
	margin-top: 0;
}
#mainMenu ul{
	margin:0 auto;
	padding:0;
	list-style: none;
	text-align: right;
	background: url(../images/bg_menu_sep.jpg) no-repeat right top;
	padding-right: 13px;
	z-index: 100;
}
#mainMenu li{
	float: right;
	text-align: center;
	color: Black;
	font-weight: bold;
	font-size: 13px;
	margin: 0;
	height:40px;
	position: relative;
	z-index: 100;
}
#mainMenu li a{
	color: Black;
	display: inline-block;
	padding: 0;
	height:40px;
	line-height:40px;
	vertical-align: middle;
	width:91px;
}
#mainMenu li a:hover,#mainMenu li.menu_on a{
	color: Black;
	display: inline-block;
	padding: 0;
	text-decoration: none;
	height:40px;
	line-height:40px;
	vertical-align: middle;
	background: url(../images/bg_menu_on.jpg) repeat-x;
	width:91px;
}
#mainMenu li.sep
{
  width: 2px !important;
	padding:0;
	background: url(../images/bg_menu_sep.jpg) no-repeat center;
}

/** Menu Drop Down */
#mainMenu li ul {
	position: absolute;
	left:0;
	top: 40px;
	display: none;
	border-bottom: solid 1px #bdbcbd;
	height: auto;
	width:172px;
	background:none;
	padding-right: 0;
}
#mainMenu li:hover ul,#mainMenu li.over ul { display: block; }

#mainMenu li ul li{
	clear: both;
	height:22px;
	border-top: solid 1px #bdbcbd;
	border-right: solid 1px #bdbcbd;
	border-left: solid 1px #bdbcbd	;
	text-align: left;
	color: Black;
	font-size: 13px;
	margin: 0;
	font-weight: normal;
	width:172px;
}
#mainMenu li ul li:hover{
	clear: right;
	height:22px;
	width:172px;
}
#mainMenu li.first ul li a,
#mainMenu li.menu_on ul li a,
#mainMenu li ul li a{
	background:url(../images/bg_menu_drop.jpg) repeat-x;
	display: inline-block;
	color: Black;
	width:164px;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	padding: 0;
	padding-left:8px;
}
#mainMenu li.first ul li a:hover,
#mainMenu li.menu_on ul li a:hover,
#mainMenu li ul li a:hover{
	background:url(../images/bg_menu_drop_on.jpg) repeat-x;
	display: inline-block;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	width:164px;
	padding: 0;
	padding-left:8px;
	color: white;
}
/* 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 ***/
#footer
{
	margin-top: 0;
	background: url(../images/bg_footer.jpg) no-repeat;
	padding:40px 15px 10px 15px;
	color: #707070;
	font-size: 10px;
  text-align: left;
}
#footer img{ border:none;}
#footerText
{
	float: left;
	width:600px;
	padding:5px 0 0 5px;
}
#footerText a
{
    color: #707070
}
#footerText a:hover
{
    color: #707070;
    text-decoration: underline
}
#footerLinks{
  text-align: center;
	margin:0;
	color: #707070;
	font-size: 10px;
}
/**** Credit ***/
#credit
{
    float: right;
		width:90px;
    padding: 0;
    margin: 0px auto;
    color: #707070;
    text-align: left;
}
#credit a
{
    color: #707070;
}
#credit a:hover
{
    color: #707070;
    text-decoration: underline
}
/**** Main Page ***/
#main
{
	margin-bottom:0;
	margin-top:0;
	background: url(../images/bg_main1.jpg) repeat-y;
}
#mainContent{
	float: right;
	width: 570px;
	margin-right: 1px;
	background: url(../images/bg_main.jpg) repeat-x;
	padding-bottom: 10px;
	min-height: 250px;
}
#mainContentLeft{
	float:left;
	width: 283px;
	padding: 0;
	margin-left: 1px;
	background: url(../images/bg_main_left.jpg) repeat-x;
	padding-bottom: 10px;
	font-size: 12px;
	min-height: 250px;
}

#sideMenu {
}
#sideMenu ul{
	margin:0 16px;
	padding:0;
	list-style: none;
	background: url(../images/sep.jpg) repeat-x top;
}
#sideMenu li{
	height:33px;
	line-height: 33px;
	vertical-align: middle;
	background: url(../images/sep.jpg) repeat-x bottom;
	padding:1px 0;
}
#sideMenu li a{
	height:33px;
	color:black;
	display: block;
	font-size: 13px;
	padding-left: 5px;
}
#sideMenu li.menu_on a,
#sideMenu li a:hover{
	height:33px;
	color:Black;
	display: block;
	font-size: 13px;
	text-decoration: none;
	background:#c2c1c1;
	padding-left: 5px;
}
#sideMenu li.menu_on a{
	font-weight: bold;
}
#careerDetails{
	background: url(../images/bg_career_details.jpg) repeat-x;
	font-weight: bold;
	font-size: 14px;
	height: 35px;
	padding:12px 7px;
	margin:5px 15px;
}
#careerDetails a{
	color: #bf2e1a;
	text-decoration: underline;
	font-weight: normal;
}
/*
#sideMenu li.menu_on a.group1,#sideMenu li a.group1:hover{ color:#0887c5; }
#sideMenu li.menu_on a.group2,#sideMenu li a.group2:hover{ color:#6565a9; }
#sideMenu li.menu_on a.group3,#sideMenu li a.group3:hover{ color:#1d9e95; }
#sideMenu li.menu_on a.group4,#sideMenu li a.group4:hover{ color:#d35fcc; }
#sideMenu li.menu_on a.group5,#sideMenu li a.group5:hover{ color:#d57626; }
#sideMenu li.menu_on a.group6,#sideMenu li a.group6:hover{ color:#869c07; }
*/
#newsBox{
	float: left;
	width: 341px;
	padding:20px 13px 0 18px;
	background: url(../images/bg_news_box.gif) no-repeat;
}
#hpNewsBoxTitle{
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../images/sep.jpg) repeat-x bottom;
}
#newsBox h3{
	font-size: 17px;
	color:#e03a2e;
	float: left;
	width:290px;
}
#hpNewsBoxNav{
	float: right;
	width:40px;
	margin-top:2px;
}
#hpNewsBoxNav img{
	border:none;
}
#hpNewsText{
	clear:both;
  height:85px;
  margin:0px 2px;
  padding:0;
	font-size: 11px;
}

#hpNewsText a:hover{
	display: block;
	color:#37455b;
	text-decoration: none;
}

#hpNewsText a{
	color:#37455b;
	text-decoration: none;
}
.newDate{
	font-weight: bold;
}

#newsBox dl{
	margin: 0;
	padding: 0;
}
#newsBox dt{
	color: Black;
	font-weight: bold;
	margin-bottom: 5px;
}
#newsBox dd{
	color: black;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}
#banners div{
	margin:0 0 5px 0;
	border: solid 1px #cccccc;
}
.hpNewsBoxText{
	margin-bottom: 15px;
}
/**** Boxes ***/
#boxes{
	margin:17px 0 0 10px;
}
.boxItem {
	padding:0;
	background: url(../images/bg_box_item.png) no-repeat;
	width:170px;
	height: 90px;
	float: left;
	padding:20px 0 0 10px;
	margin-right:5px;
	font-size: 11px;
	position: relative;
	color:#3e3e3e;
}
.boxItem h4 {
	color:#3e3e3e;
	font-size: 12px;
	height: 29px;
	padding:0 50px 5px 4px;
	background: url(../images/bg_box_item_title.jpg) no-repeat  bottom;
}
.boxItem h4 a{
	color:#3e3e3e;
}
.boxItem h4 a:hover{
	color:#3e3e3e;
}
.boxText{
	padding:0 4px;
	color:#3e3e3e;
}
.boxItem .details{
	position: absolute;
	top:20px;
	right:8px;
}
.boxItem .details img{
	border:none;
}
.item1,
.item4,
.item7
{background: none;}


.item1 h4 {	background: url(../images/bg_box_item_title1.jpg) no-repeat bottom;}
.item2 h4 {	background: url(../images/bg_box_item_title2.jpg) no-repeat bottom;}
.item3 h4 {	background: url(../images/bg_box_item_title3.jpg) no-repeat bottom;}
.item4 h4 {	background: url(../images/bg_box_item_title4.jpg) no-repeat bottom;}
.item5 h4 {	background: url(../images/bg_box_item_title5.jpg) no-repeat bottom;}
.item6 h4 {	background: url(../images/bg_box_item_title6.jpg) no-repeat bottom;}
.item7 h4 {	background: url(../images/bg_box_item_title7.jpg) no-repeat bottom;}


/**** 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 ***/
.boxPageItem {
	margin-bottom: 20px;
}
.boxPageItem h4{
	background: none;
	padding-left:0;
	margin-bottom:2px;
	height:auto;
}
.boxPageItem h4 a{
	color:Black;
}
.boxPageItem h4 a:hover{
	color:Black;
}

/**** 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;
}

.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:265px;
	margin-top:10px;
}
.mainContactWrap
{
	padding:0 0 35px;
}
#mainContactForm{
	float:right;
	width:260px;
	margin-top:10px;
}
#mainContactForm1{
	clear:both;
}
#mainContactForm1 .line{
	margin-top:10px;
}
#mainContactForm1 textarea{
	width:505px;
}
.mandatory{
	text-align: right;
	font-size: 11px;
	padding:10px 15px 0 0;
}
.formRight
{
    margin-top: 5px;
    margin-right: 2px;
		float: left;
		width:120px;
}
.formCenter
{
    margin-top: 5px;
    margin-right: 2px;
		float: right;
		width:135px;
}
.formCenter INPUT
{
  width: 120px;
}
.formCenter textarea
{
  width: 120px;
}

.formBtns
{
		margin-top:10px;
		text-align: right;
		margin-right: 16px;
}

/**** 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;
}

a.enlargeImg{
	background: url(../images/icon_big.gif) no-repeat left 2px;
	padding-left: 15px;
}

.Hdiv {
background-color:white;
border:2px solid #2B89CC;
display:none;
font-family:Arial;
font-size:12px;
height:250px;
left:30px;
line-height:18px;
position:absolute;
text-align:left;
top:50px;
width:400px;
}