/*
CSS Credit: http://www.ksjcorp.com/
*/
* { padding:0px; margin:0px;}
/* tags */


body{ margin:0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px; background:#CCCCCC; 
}
 
p{
	margin:0px;
	padding:0px;
}

a{text-decoration: underline;color:#008cde;}
a:hover{text-decoration: none;color: #008cde;}


li{ margin-left:17px;}


/* headers */

h1, h2, h3, h4, h5, h6{
	margin:0px;
	padding:0px;
}

h3{
	font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight: normal; color:#ffffff;
}

h4{
	background:url(images/header-bg.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align: left;
	font-weight: bold;
	color: #FFFFCC;
	padding:7px 0 6px 0;
}

h5{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; color:#333333;}

H6{font-family: Candara; font-size:13px; font-weight: bold; color: #FFFFCC;}



/*  layout   */


#wrapper{
	width:979px;
	text-align: left;
	margin:0 auto;
	padding:0px 0px 0 0px;
	background:#FFFFFF;
}




/*  header   */


#header{
	width:979px;
	padding:0;
	background:#FFFFFF;
	float:left;
	
}



.logo{ width:89px; height:54px; margin:12px 0 0 0; padding:0;float:left;}
.logotext{width:400px; height:18px; margin:28px 0 0 0; padding:0;float:left;font-weight: normal; font-family: FreewayRoman, Arial, Helvetica, sans-serif;text-align:right; font-size:24px; color:#474747;}


/* header-menu */
.header-menu { width:610px; height:53px; margin:0px 0px 0px 0px; padding:0px; float:right; }
.header-menu ul { margin:12px 0px 0px 50px; padding:0px; float:left;}
.header-menu ul li { margin:0px 13px 0px 0px; padding:0px; float:left; list-style:none;}
.header-menu ul li a { margin:0px; padding:0px 0px 0px 13px; float:left;  font-size:12px; color:#333333; display:block; height:27px; text-decoration:none; font-weight:bold;}
.header-menu ul li a span {display:block; padding:0px 15px 0px 0px; margin:0px; line-height:27px;}

.header-menu ul li.current a { background:url(images/menu_bg_lft.jpg) no-repeat top left; color:#FFFFFF;}
.header-menu ul li.current a span { background:url(images/menu_bg_rt.jpg) no-repeat top right; color:#FFFFFF;}

.header-menu ul li a:hover { background:url(images/menu_bg_lft.jpg) no-repeat top left; color:#FFFFFF;}
.header-menu ul li a:hover span { background:url(images/menu_bg_rt.jpg) no-repeat top right; color:#FFFFFF;}



.flash{ width:585px; height:290px; padding:0; margin:0; float:left;}
.flashRight{ width:394px; height:290px; padding:0; margin:0;float:left;}

/* bodycontent  */

.clear{ float:left;clear:both;}

#bodycontent{
	 width:979px; padding:0px; margin:0px; float:left; position:relative; padding:0; padding-top:20px; padding-bottom:20px; background:#FFFFFF;}



.boxA{width:228px; height:358px; padding:0; margin:0; float:left; margin:0 0 0 14px;}


.boxHeader{width:213px; height:30px; padding:0; margin:0; float:left; padding:0 0 0 15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFFFFF; line-height:230%;}

.boxAbg{width:202px; background:url(images/boxA-bg.jpg) repeat-y; padding:0; margin:0; float:left;padding:13px 13px 0 13px; line-height:210%; text-align:justify;list-style:none;}

.boxAbg span{ color:#0094e1; font-weight:bold;}

.boxAbottom{width:228px; height:13px; padding:0; margin:0; float:left;}


.link {width:228px; margin:0px 0px 0px 14px; padding:0px; list-style:none; float:left;background:url(images/boxA-bg.jpg) repeat-y;}

.link ul{margin:0px 0px; padding:0px 0px; float: left; margin-left:0px; width:210px; margin-top:10px; }
.link li{list-style:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;color:#333333; padding:4px 0 4px 0px; border-bottom:1px dashed #d4d5d8;text-decoration:none; font-weight:normal; line-height:155%;}
.link li a{background:url(images/dac-bulet.gif) no-repeat; background-position:0px 4px; padding-left:15px; list-style:none; text-decoration:none; color:#333333;}
.link li:hover{ background: #F3F3F3;}
.link li a:hover{background: url(images/ac-bulet.gif)no-repeat; background-position:0px 4px; padding-left:15px; list-style:none; text-decoration:none; color:#451c00;}
li a.activeLinK {background:#feeecc url(images/ac-bulet.gif)no-repeat; color:#451c00; background-position:0 4px;}
li.last{ border-bottom:none;}




/* leftpanel  */

.leftpanel
	{width:244px; padding:0 0px 0 0px; margin:0px; float:left;}

	
.productRange{
	background:url(images/product-range-header.jpg) no-repeat; font-family:Candara; font-weight:bold; color:#666e00; font-size:18px; text-align:center; width:186px; height:27px; margin:0 auto; padding-top:5px; margin-top:15px; margin-bottom:20px;}
	
	

	
.productIcon{
	width:114px; height:64px; margin-left:7px; float:left;
}
.productText{
	width:123px; height:44px; font-family: Candara; font-weight: bold; color:#acb900; font-size:15px; text-align: left; padding-top:20px; float:right;}
.productText a{
	font-family: Candara; font-weight: bold; color:#acb900; font-size:15px; text-align: left;text-decoration:none;}
.productText a:hover{
	font-family: Candara; font-weight: bold; color:#f3ebcb; font-size:15px; text-align: left;text-decoration: underline;}
	

	
.contactBox{ width:202px; height:110px; background:url(images/contact-bg.jpg) no-repeat right; padding:13px 12px 8px 23px; margin-top:20px; float:left; line-height:160%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}	

.contactBox a{ line-height:160%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#8b9508; text-decoration: underline; font-weight:bold;}	

.contactBox a:hover{ line-height:160%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#535900; text-decoration:none; font-weight:bold;}

/* box  */

.boxHeaderLeft{width:45px; height:35px; padding:0px; margin:0px; float:left; margin-left:18px;}
.boxHeaderRight{height:26px; padding:0px; margin:0px; float:left; background:url(images/bxheader-right.jpg) no-repeat right; padding:9px 15px 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; color: #333333;}


.box
	{width:659px; height:12px; padding:0px; margin:0px; float:left;}

.boxbg
	{width:619px;padding:0px; margin:0px; float:left; background: #e4e2e0; padding:10px 20px 10px 20px;}	
	
	
.boxLine
	{width:619px; height:2px; padding:0px; margin:0px; float:left; background: #4a9107;}
	
	
.bullet{padding:0px; margin:0px;}

.bullet ul {padding:0px; margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; color:#333333; line-height:170%; float:left;}

.bullet ul li {list-style:none; background:url(images/bullet2.jpg) no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; color:#333333; line-height:170%; padding:0; margin:0; text-decoration:none; background-position:0px 4px; padding:2px 0 4px 10px; margin-left:20px;}

	
	
	
/* centerpanel  */
	
.centerpanel
	{width:24px; padding:0px; margin:0px; float:left;}
	
	
/* rightpanel  */




.rightpanel
	{width:696px; padding:0px; margin:0px; float: right; padding-top:20px;}
	
	
.punchline h2 {background:url(images/punchline-bg.jpg) no-repeat; font-family: Tahoma; font-size:12px; font-weight:bold; width:663px; height:22px; margin:0 0 10px 0; padding:8px 18px 3px 15px;}




.rightpanel h1
	{width:671px; padding:0; margin:0px; float:left; font-family: Candara; font-size:22px; font-weight:bold; font-style:italic; line-height:110%; text-transform:none; background:url(images/h1-bullet.jpg) no-repeat left; padding-left:25px; margin-top:30px; margin-bottom:10px;}	

.rightpanel h1 span
	{color:#333333;}


	
	

.readmore{ width:100px; text-align: right; padding:0px; float: right; color:#008cde; font-weight:bold;}

.readmore a{font-weight:bold;width:696px; text-align: right; padding:0px; margin:0; color:#008cde; text-decoration: underline;}
.readmore a:hover{color: #008cde; font-weight:bold; text-decoration:none;}

.images{ margin-right:15px;}

.code{line-height:290%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; text-align: center;}

.code span{line-height:180%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; color:#ffffff; text-align:left;}
.code a{line-height:290%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; color:#ffffff; text-align:left; text-decoration:underline;}

.code a:hover{line-height:290%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; color:#ffffff; text-align:left; text-decoration: none;}




.codeA{ background:url(images/code-button-1.jpg) no-repeat center; line-height:350%; font-family: Tahoma; font-size:11px; font-weight: normal; color:#ffffff; text-align:left; padding-left:10px;}

.codeA a{line-height:350%; font-family: Tahoma; font-size:11px; font-weight: normal; color:#ffffff; text-align:left;text-decoration:underline;}

.codeA a:hover{line-height:350%; font-family: Tahoma; font-size:11px; font-weight: normal; color:#ffffff; text-align:left;text-decoration: none;}


.no{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; text-align: center;text-decoration: none; border:1px solid #000000; width:15px;}

.no a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; text-align: center;text-decoration: none; color:#FFFFFF;}

.no a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color:#333333; background:#d8ca92; text-align: center;text-decoration: none;}

	
.contactus
	{width:238px; height:107px; padding:0px; margin:0px; padding:15px 5px 15px 25px; float:left; background:url(images/contact-bg.jpg) no-repeat; line-height:180%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; color:#333333;}

.contactus span
	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#cd3500;}



.queryBg
	{width:238px; padding:0px; margin:0px; padding:5px 5px 5px 25px; float:left; background:url(images/query-bg.jpg) repeat-y;}

.contact{padding:0px; margin:0px; padding-left:25px; line-height:220%;}

.contact span{ color:#CC0000;}

.contact a{ color:#8b9508; text-decoration:underline;}

.contact a:hover{ color:#8b9508; text-decoration: none;}







.table{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color: #333333; line-height:230%; text-align: left; padding:0px 0px 0 15px;}

.contactLeft{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: normal; text-align: left; padding:3px 0 3px 0px; line-height:170%;}
	
	
.contactLeft span{
	font-family: Candara; font-size:12px; font-weight: bold; color: #CC0000;}
	
	
	

/* footer  */

#footer{width:965px; padding:0px; margin:0 auto; padding:0px 0px 0px 14px; text-align: left;}

.footer{font-family: Candara; font-size:13px; font-weight:bold; color:#333333; float:left; padding:25px 0 25px 0;}

.footer a{color: #333333; text-decoration:none;}

.footer a:hover{color:#008cde; text-decoration: underline;}

.www{font-family: Candara; font-size:13px; font-weight: normal; color: #FFFFCC; line-height:170%;}

.www a{color:#333333; text-decoration:none;}

.www a:hover{color:#333333; text-decoration: underline;}