/*
Theme Name: KompactSystems
Description: KompactSystems Theme
Version: 1.0
Author: Anirudh K. Mahant
Author URI: http://www.ravendevelopers.com/
Tags: KompactSystems, Fixed Width, Customized Theme
*/
body{
	font: 100% Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	text-align: center;
	color: #808080;
}
body *{
	line-height: 150%;
}
/* HTML typo elements */
a, a:link, a:visited{
	color: #808080;
	#display: inline-block;
}
h1{
	display: block;
	font-size: 2em;
	font-weight: bold;
}
h2{
	display: block;
	font-size: 1.5em;
	font-weight: bold;
}
h3{
	display: block;
	font-size: 1.17em;
	font-weight: bold;
}
h4{
	display: block;
	font-weight: bold;
}
h5{
	display: block;
	font-size: 0.83em;
	font-weight: bold;
}
h6{
	display: block;
	font-size: 0.67em;
	font-weight: bold;
}
p{
	font-size: 12px;
	line-height: 16px;
}
li{
	list-style: none;
	list-style-image: none;
}
ul,menu,dir{
	display: block;
	list-style-type: disc;
	margin: 1em 0;
}
ol{
	display: block;
	list-style-type: decimal;
	margin: 1em 0;
}
li{
	display: list-item;
}
caption{
	display: block;
}
/* Form inputs */
select, textarea, fieldset{
	background-color: #FFFFFF;
}
form textarea, form select, form label, input[type="text"], input[type="password"], input[type="checkbox"],
input[type="radio"], input[type="file"], input[type="button"],
input[type="submit"]{
	font: 12px/normal "Helvetica", Arial, sans-serif normal;
}
textarea{
	font: 12px/normal "Helvetica", Arial, sans-serif normal;
	background-color: #FFFFFF;
  border: 1px solid #B2B2B2;
  padding: 2px 3px;
}
/* FOR IE */
form .text, form .password, form .checkbox,
form .radio, form .file, form .button,
form .submit, form option, form select, form label{
	font: 12px/normal "Helvetica", Arial, sans-serif normal !important;
}
form .text, form .password, textarea, select,
input[type="text"], input[type="password"]{
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
  padding: 3px 4px;
  color: #474747;
}
form .text:focus, form .password:focus, textarea:focus, select:focus,
input[type="text"]:focus, input[type="password"]:focus{
  color: #474747;
/*  background-color: #FAFAFA;*/
}
/* FOR IE */
form .text, form .password{
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
  padding: 3px 4px;
}
select{
  padding: 1px;
}
input[type="button"], input[type="submit"]{
  padding: 2px 3px;
	cursor: pointer;
}
/* body classes for home and inner pages */
body.home{
	background: #FFFFFF url(images/bg1-body-x.gif) repeat-x scroll center top;
}
body.inner{
	background: #FFFFFF url(images/bg2-body-x.gif) repeat-x scroll center top;
}
.container{
	width: 900px;
	margin: 0 auto;
	text-align: left;
}
/* header classes */
.header-left {
	width: 341px;
	background: url(images/logo.png) no-repeat scroll center top;
	height: 145px;
	position: relative;
	top: -3px;
}
.header-left a{
	width: 345px;
	height: 142px;
	position: absolute;
	outline: none;
}
.header-right {
	width: 415px;
	padding-top: 10px;
}
/* header rows */
.head-row-1{
	height: 142px;
	clear: both;
}
.head-row-2{
	height: 41px;
	clear: both;
}
.head-row-3{
	background: url(images/bg-site-bnr.gif) no-repeat scroll center center;
	height: 460px;
	width: 919px;
	line-height: normal;
	clear: both;
	margin: 0 auto;
}
.site-bnr-1{
	background: url(images/bg-site-bnr-1.jpg) no-repeat scroll center center;
	height: 171px;
	width: 919px;
	line-height: normal;
	clear: both;
	margin: 0 auto;
	position: relative;
	top: -2px;
}
.ie .site-bnr-1{
	top: 0px;
}
#bnr{
	line-height: normal;
	padding: 47px 15px;
}
.header small{
	display: block;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	line-height: normal;
}
table.site-menu tbody tr td{
	padding: 9px 5px;
	#padding: 10px 5px;	
	text-align: center !important;
	vertical-align: middle;
}
table.site-menu *{
	color: #FFFFFF !important;
	font-size: 13px;
	font-weight: bold;
}
table.site-menu tbody tr td a{
	outline: none;
}
table.site-menu tbody tr td.sep3{
	background: url(images/s3.gif) scroll no-repeat center center;
	padding: 0;
}
.dark-red{
	color: #C03539;
}
/* quote contact */
.quote-contact{
	background: url(images/quote-contact.gif) no-repeat scroll top center;
	height: 33px;
	width: 300px;
	position: relative;
	top: 22px;
}
.ie .quote-contact{
	top: 21px;
}
.webkit .quote-contact{
	top: 23px;
}
.quote-contact a{
	color:#4D5A18 !important;
	font-size:12px;
	font-weight: bold;
}
.ml58{
	margin-left: 58px;
}
/* safari hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.quote-contact {top: 30px;}
}
/* site columns */
.col-one {
	padding-top: 20px;
	margin-right: 285px;
}
.col-two {
	padding-top: 20px;
	width: 100%;
	padding-bottom: 30px;
}
.sidebar1 {
	float: right;
	width: 274px;
	padding-top: 20px;
}
.col-one, .sidebar1{
	padding-bottom: 30px;
}
.box1{
	background: url(images/bg-box1.gif) no-repeat scroll center top;
}
.box2{
	background: url(images/bg-box2.gif) no-repeat scroll center top;
}
.boxed1 *{
	line-height: normal;
}
.boxed1 {
	display: block;
	height: 69px;
	padding: 6px 13px 5px;
	width: 248px;
	margin-bottom: 15px;
}
.boxed2 *{
	line-height: normal;
}
.boxed2 {
	display: block;
	width: 274px;
}
.boxed2 dl{
	background: url(images/bg-box3-y.gif) repeat-y scroll center top;
	padding: 5px 15px;
	font-size: 11px;
}
.bdr-1{
	background: transparent url(images/s1.gif) repeat-x scroll left bottom !important;
	height: 2px;
	font-size: 0%;
}
.boxed2 dt{
	color: #808080;
	font-weight: bold;
	margin: 5px 0;
}
.boxed2 dl p{
	font-size: 11px;
	line-height: 20px;
}
.h4-layouts{
	display: block;
	margin: 3px 0 3px 0;
	font-size: 14px;
	#margin: 8px 0 4px 0;		
}
.h4-layouts, .h4-layouts a{
	color: #6C7940 !important;
}
.h4-casestudies{
	background: url(images/bg-box3-top.gif) no-repeat scroll center top;
	display: block;
	width: 274px;
	height: 42px;
	font-size: 13px;
	margin: 0;
	line-height: 42px;
	text-indent: 15px;
}
.h4-casestudies, .h4-casestudies a{
	color: #c24a02 !important;
}
.box1 dt, .box1 dd,
.box2 dt, .box2 dd{
	display: block;
}
.box1 dl dt, .box2 dl dt {
	font-size: 11px;
}
.box1 dd, .box2 dd{
	line-height: 10px;
	padding-top: 2px;
}
.box1 dl dd, .box1 dl dd a,
.box2 dl dd, .box2 dl dd a {
	font-size: 11px;
	color: #c24a02 !important;
	font-weight: bold;
	line-height: normal;
}
.bg-box3-bottom {
	background: url(images/bg-box3-bottom.gif) no-repeat scroll center top;
	height: 8px;
	width: 274px;
}
.col-one .welcome {
	background: url(images/bg-welcome.gif) no-repeat scroll center top;
	width: 607px;
}
.col-one .inner-1 {
	background: url(images/bg-inner-1.gif) no-repeat scroll center top;
	width: 605px;
}
.home-intro {
	display: block;
	padding: 70px 30px 61px 30px;
}
.home-intro p{
	line-height: 20px;
}
.boxed4, .boxed5 {
	display: block;
	width: 45%;
	padding: 15px;
	float: left;
}
.boxed6{
	display: block;
}
.box4{
	background: transparent url(images/bg-box4.gif) no-repeat scroll right top;
}
.box5{
	background: transparent url(images/bg-box5.gif) no-repeat scroll left top;
}
.boxed4 h2, .boxed5 h2 {
	color: #c24a02;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
}
.boxed4 ul, .boxed5 ul{
	font-size: 0.75em;
	color: #808080;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 0px;
}
.boxed4 ul li, .boxed5 ul li{
	padding: 3px 0;
	background: url(images/b1.gif) no-repeat scroll left 10px;
	text-indent: 10px;
}
.boxed4 ul li h3, .boxed5 ul li h3{
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.boxed6 ul {
	font-size: 0.70em;
	color: #808080;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 0px;
}
.boxed6 ul li {
	padding: 5px 0;
	background: url(images/b1.gif) no-repeat scroll left 10px;
	text-indent: 0px;
	text-transform: uppercase;
	padding-left: 15px;
}
.footer{
	background: #ffffff url(images/bg-footer.gif) repeat-x scroll center top;
	padding: 30px 20px;
	text-align: left;
}
.footer p, .footer a{
	font-size: 0.7em;
	line-height: 18px;
	color: #acacac !important;
}
.footer a{
	font-size: 1em;
}
.site-bnr-1 .slogan-2 {
	margin: 0px;
	font-size: 1em;
	font-weight: bold;
	width: 400px;
	text-align: left;
	color: #bc272b;
	line-height: 20px;
	position: relative;
	float: left;
	top: 110px;
}
.slogan-4 {
	margin: 0px 0px 20px;
	color: #bc272b;
	font-size: 0.85em;
	line-height: 18px;
	text-transform: uppercase;
}
.pp-titles, tou-titles {
	margin: 0;
  padding: 5px 0px 15px;
	color: #bc272b;
	font-size: 0.85em;
	line-height: 18px;
	text-transform: uppercase;
}
.inner-1 p {
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.inner-1 ul li {
	font-size: 0.75em;
	font-weight: bold;
	color: #808080;
	padding: 5px 0;
}
.box6-top {
	background: url(images/bg-box6-top-x.gif) repeat-x scroll center top;
	height: 56px;
}
.boxed6 h2 {
	background: url(images/bg-box6-top-x.gif) repeat-x scroll center top;
	height: 56px;
	font-size: 22px;
	color: #748921;
	margin: 0px;
	line-height: 56px;
	text-indent: 30px;
	display: block;
}
.box6-contents-1 {
	background: url(images/bg-box6.gif) no-repeat scroll center top;
	width: 859px;
	padding: 40px 20px 20px;
}
.box6-contents-2 {
	background: url(images/bg-box6.gif) no-repeat scroll center top;
	width: 859px;
	padding: 20px 20px;
}
.box6-contents-3 {
	width: 859px;
	padding: 20px 20px;
}
.boxed6 p {
	line-height: 20px;
	padding-bottom: 20px;
}
.box6-bottom {
	background: url(images/bg-box6-bottom-x.gif) repeat-x scroll center top;
	height: 40px;
}
.box-15{
	border-left: 1px solid #E0E1E2;
	border-right: 1px solid #E0E1E2;
	border-top: 1px solid #E0E1E2;
	height: 300px;
}
.box-7 {
	width: 899px;
}
.box-7 h2{
	text-align: center;
	line-height: 79px;
	display: block;
	background: url(images/bg-box-7.gif) no-repeat scroll center top;
	width: 899px;
	height: 79px;
	font-size: 24px;
	color: #bc272b;
	margin: 0;
}
.process-1{
	background: url(images/bg-process-1.gif) no-repeat scroll center top;
	width: 301px;
	height: 329px;
}
.process-2{
	background: url(images/bg-process-2.gif) no-repeat scroll center top;
	height: 329px;
	margin: 0 302px 0 302px;
}
.process-3{
	background: url(images/bg-process-3.gif) no-repeat scroll center top;
	width: 302px;
	height: 329px;
}
.process-animated{
	background: #FFFFFF url(images/bg-process-animated.gif) repeat-x scroll center bottom;
	padding: 35px 0;
	border-left: 1px solid #E8E8E7;
	border-right: 1px solid #E8E8E7;
}
div#process-animated{
	margin: 0 0 30px;
}
.process-desc{
	position: relative;
	display: block;
	top: 20px;
	padding: 0 20px;
}
.process-desc h4{
	font-size: 17px;
	color: #6c7940;
	margin: 0;
	padding-bottom: 5px;
	font-weight: bold;
}
.box-8{
	background: url(images/bg-box-8.gif) no-repeat scroll center top;
	width: 352px;
	height: 352px;
}
.box-9{
	background: url(images/bg-box-9.gif) no-repeat scroll center top;
	width: 539px;
/*	height: 336px;*/
	padding-top: 10px;
}
table.tbl-accessories tbody tr td {
	margin: 0;
	padding: 0 10px 20px 10px;
}
table.tbl-accessories td h4{
	margin: 0;
}
table.tbl-accessories td h4 a {
	font-size: 12px;
	text-align: center;
	background: #EFEFEF;
	display: block;
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 2px solid #DADADA;
	#width: 98%;
}
table.tbl-products h4, .contact-title {
	font-size: 21px;
	color: #748921;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0 0 20px 10px;
}
table.tbl-products tr td{
/*	padding: 0;*/
}
table.tbl-products td.product-images {
	/*border: 1px solid #E0E1E2;*/
}
.pi-box{
	border: 1px solid #E0E1E2;
	width: 180px;
}
.pi-box a{
	display: block;
}
a.btn-zoomin, a.btn-askquote{
	display: block;
	padding: 5px 10px 5px 10px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	border: 1px solid #E0E1E2;
	text-indent: 25px;
	outline: none;
}
a.btn-zoomin{
	background: #F0F0F0 url(images/icon-zoomin.gif) no-repeat 10px 6px;
	width: 160px;
}
a.btn-askquote{
	background: #F0F0F0 url(images/icon-askquote.gif) no-repeat center 10px;
	width: 96px;
}
table.product-specs{
	background-color: #EDEDED;
	border: 1px solid #D6D6D6;
	text-align: center;
	font-size: 11px;
	border-collapse: collapse !important;
}
table.product-specs tbody tr td{
	padding: 5px;
	border: 1px solid #D6D6D6;
	font-size: 11px;
	font-weight: bold;
}
table.product-specs thead th{
	border: 1px solid #D6D6D6;
	padding: 5px;
}
table.product-specs thead tr.ps-header1 th{
	font-size: 13px !important;
}
table.product-specs thead tr.ps-header2 th{
	font-size: 11px !important;
	border-right: 1px solid #D6D6D6;
	background-color: #F3F3F3;
}
table.product-specs thead th table{
	border-collapse: collapse !important;
	text-align: center;
}
table.product-specs thead th table tbody tr td{
	padding: 0px;
	border-top: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-left: none;
	border-bottom: none;
}
table.comparison-chart {
	border-collapse: collapse !important;
}
table.comparison-chart tbody tr td{
	border: 1px solid #DFDFDF;
	background-color: #F4F4F4;
	text-align: center;
	padding: 6px 10px;
	font-size: 11px;
	font-weight: bold;
}
table.comparison-chart tbody tr.cchart-cols-title td{
	border: 1px solid #DFDFDF;
	color: #bc272b;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 13px;	
}
table.comparison-chart thead tr th.cchart {
	background: url(images/bg-title1-x.gif) repeat-x scroll center top;
	text-align: center;
	color: #444444;
	font-size: 17px;
	font-weight: bold;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
}
.wrapper{
	display: block;
}
.wrapper2 {
	margin-bottom: 10px;
}
table.zeetable{
  border-collapse: collapse !important;
  border: 1px solid #F2F2F2;
}
table.zeetable tbody tr.odd td {
  background-color: #FFFFFF;
  /*border-bottom: 1px solid #D7D7D7;*/
  /*border-top: 1px solid #D7D7D7;*/
  font-size: 12px;
  text-align: left;
}
table.zeetable tbody td label{
  font-size: 12px;
  font-weight: bold !important;
}
table.zeetable tbody tr td {
  padding: 10px 15px;
  border-bottom: 1px solid #F2F2F2;
  border-top: 1px solid #F2F2F2;
}
table.zeetable tbody tr td.red{
  color: red !important;
}
table.zeetable tbody tr.even td {
  background-color: #FCFCFC;
}
label.error{
  color: #AD4257;
  display: block;
  margin: 5px 0 0 0;
}
table.contact tbody tr td{
  padding: 20px 10px 10px;
  border-bottom: 1px solid #DEDEDE;
}
table.contact h4 {
  color: #BC272B !important;
  font-size: 16px !important;
  margin: 0 0 20px !important;
  text-align: left !important;
  text-transform: uppercase;
}
table.contact p{
  padding: 0 0 10px;
}
table.contact-us label{
  display: block;
  width: 135px;
}
h3.contact-title{
  background: transparent url(images/icons/contact.jpg) no-repeat scroll left center;
  /*border-bottom: 1px solid #DEDEDE;*/
  margin: 40px 0 30px;
  height: 4px;
}
.terms ol li{
  font-size: 12px;
  list-style: outside decimal;
  padding: 8px 0 8px 5px;
  line-height: 20px;
}
.terms ol{
  margin: 15px 0 15px 35px;
}