/*
CSS file created with:Instant Blueprint - Create a web project framework in seconds.
 http://instantblueprint.com

Project: Kguard
File: css/style.css
Last edited: August 8, 2010, 10:18 am
*/

/*  Main  */
body {
 font-family: Verdana, Helvetica, Arial, FreeSans, sans-serif;
 font-size: 11px;
 background-image:url(../images/newbg.gif);
 background-repeat:repeat-x;
 background-color:#5d5d5d;
 color:#5d5d5d;
}
h1 {
color: #2F5C24;
font-size:16px;
padding:12px 0;
}
h2 {
font-size:14px;
padding:12px 0;
}
p {
padding:6px 0;
line-height:13px;
}
ul {
margin-left:24px;
}
ul li {
list-style:disc;
padding:6px 12px;
}
.bold {
font-weight:bold;
}
#maincol3 {
padding:20px;
}
#wrapper {
 margin:0 auto;
 background-image:url(../images/mainshadow.png);
background-repeat:repeat-y;
width:974px;
padding:0 0 0 14px;
position:relative;
}
A:link {text-decoration:underline;}
A:visited {text-decoration: underline;}
A:active {text-decoration: underline;}
a:active
{
  outline: none;
}

A { color:#0099ff; text-decoration:underline; }
img {border: none; padding:0;}
#header {
}
.clear {
clear:both;
}
#nav {
width:952px;
background-image:url(../images/navbg.gif);
background-repeat:repeat-x;
text-align:center;
padding-left:10px;
}
#nav-bottom {
width:942px;
background-image:url(../images/topbg.gif);
height:46px;
background-repeat:repeat-x;
text-align:right;
padding-right:20px;
}
#main-top {
width:962px;
background-image:url(../images/maintopbg2.gif);
background-position:bottom;
height:7px;
margin:0;
padding:0;
background-repeat:repeat-x;
text-align:center;
}
* html #main-top {
background-color:#f2f2f2;


}
#main-top2col {
width:962px;
background-image:url(../images/2colmaintopbg.gif);
height:4px;
background-repeat:repeat-x;
text-align:center;
}
* html #main-top2col {
background-position:bottom;
background-color:#f2f2f2;
}
#nav .nav {
	float:left;
padding:10px 10px;
position:relative;
z-index:6;
height:auto;
background-image:url(../images/navborder.gif);
background-position:right;
background-repeat:no-repeat;
}
#nav .last {
background-image:none;
}
#nav .first {
border:none;
}
#nav .nav a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFFFFF;
text-decoration:none;
} 
#nav .nav a:hover {
color:#BAB829;
}

#nav .menudropdown {
position:absolute;
top:32px;
left:0px;
height:auto;
z-index:6;
display:none;
opacity:.8;
background-color:#5D5D5D;
text-align:left;
padding-bottom:6px;
}
* html #nav .menudropdown {
top:32px;

}

#nav .menudropdown p {
position:relative;
z-index:6;
width:177px;

padding:6px 6px 6px 14px;
font-size:15px;

}
#faqdrop,  #faqdrop p {
width:215px;

}

#horiz-menu ul li {
display:inline;
}

#main-content {
width:962px;
background-color:#F2F2F2;
background-image:url(../images/mainbg.gif);
background-repeat:repeat-y;
padding-bottom:40px;
}
#main-content2col {
width:962px;
background-color:#F2F2F2;
background-image:url(../images/mainbg2col.gif);
background-repeat:repeat-y;
padding-bottom:40px;
}
#shadow {

}
#footer {
}
#leftcol {
float:left;
width:205px;
padding:0 0 0 12px
}
.cont-dark {
width:195px;
background-color: #333;
color: #DDD;
}
.cont-dark img {
margin-bottom:10px;
}
.cont-dark p {
padding:6px 13px 24px 13px;
}

.cont {
width:195px;
background-color:#FFFFFF;

}
.headercont {
background-image:url(../images/headerbg.png);
position:relative;

left:-7px;
margin:6px 0 0 0;
font-size: 14px;
height: 28px;
margin: 15px 0px 6px 0;
padding: 7px 0px 0px 21px;
}
.cont h3 {


color:#FFFFFF;

font-size: 14px;
font-weight:100;

}
.cont img {

}
.cont p {
padding:6px 13px 6px 13px;
}
.center-content {
width:496px;
}
.cont h3.greenheader {
background-color: #2F5C24;
color: #E1F2DF;
}
#rightcol {
float:right;
width:208px;
padding:0 0 0 12px;
}
#maincol1 {
float:left;
width:519px;
margin-left:4px;
padding-top:14px;
background-image:url(../images/maincol2bg.gif); background-repeat:repeat-x; background-position:top;

}
#maincol2col {
float:left;
width:730px;
padding-top:14px;
margin-left:4px;

}
.padding { 
padding: 20px 0 0 10px;
}
#home-installations {
height:299px;
width:481px;
border:1px #e3e4e3 solid;
padding-left:15px;
margin-bottom:24px;
}
#home-installations h3 {
font-size:16px; color:#666666;
padding:12px 0 16px 0;
}
#home-featured {
position:relative;
height:220px;
width:495px;
border:1px solid #666666;
margin:0px 0 24px 0;
overflow:hidden;
}
#hf-main {
position:absolute;
left:0px;
width:1980px;
height:201px;
}
#hf-main .slidecontent .hf-copy {
width:188px;
margin:14px 0 0 290px;
color:#FFFFFF;
}
#tabarrow {
position:absolute;
bottom:30px;
left:37px;
}
#hf-main .slidecontent .hf-copy h2 {
font-size:16px;
padding-bottom:4px;
}
#hf-main .slidecontent {
float:left;
width:495px;
height:201px;


}
#hf-main .slide1 {
background-image:url(../images/featured/strength.jpg);
background-repeat:no-repeat
}
#hf-main .slide2 {
background-image:url(../images/featured/durability.jpg);
background-repeat:no-repeat
}
#hf-main .slide3 {
background-image:url(../images/featured/capacity.jpg);
background-repeat:no-repeat
}

#hf-main .slide4 {
background-image:url(../images/featured/attractiveness.jpg);
background-repeat:no-repeat
}


#dealertable td {
padding:14px  44px 14px 0;
}
#dealertable td p {

}
h3 {


}
#cresp {
font-size:15px;
margin:14px 0;
}
h4, .contentheading, .componentheading {
color: #2F5C24;
}
 h4 {
font-size:16px;
padding-bottom:12px;
}
.contentheading {
font-size: 190%;
font-weight: normal;
line-height: 110%;
margin: 15px 0px 0px;
padding-bottom: 8px;
}
td, th {

}


#home-menu {
margin:0 0 22px 20px;
padding-bottom:20px;
width:166px;
}
#home-menu li {
list-style:inside;
list-style-image:url(../images/path-arrow.png);
padding:6px 0 6px 0px;
border-bottom:1px solid #CCCCCC;

}
.gray14 {
color:#666666;
font-size:14px;
margin:0 0 16px 0;
}
#zip {
width:141px;
height:16px;
border:1px solid #959595;
border-right:none;
margin:0;
padding:4px;
position:absolute;
top:0;
left:13px;
}
* html #zip {
padding:4px;
}
.dealerform {
padding:0 0 0 13px;
height:26px;
position:relative;
width:180px;
margin-bottom:18px;
padding:0 0 0 0px;
}
* html .dealerform {

}
#dealergo {
padding:0;
margin:0;
position:absolute;
top:0;
left:156px;
}
#dealerform {
margin:0;
padding:0;
}
.dealermapc {
padding:0 0 0 13px;
}
.dealermapc a { font-size:14px; margin-bottom:12px; color:#cccc00; display:block }
.dealermapc img { margin-bottom:20px; position:relative; left:-4px; }
.imgfloatleft { float:left; }
.imgfloatleft img { display:block; }

#hf-nav {
position:absolute;
bottom:0px;
left:0px;
background-image:url(../images/tabbg.gif);
background-repeat:repeat-x;
width:495px;
}
#hf-nav .featuretab {
float:left;
height:21px;
background-image:url(../images/tabbg.gif);
background-repeat:repeat-x;
border-right:1px solid #cccccc;
text-align:center;
padding-top:9px;
}
#hf-nav .featuretab a {
color:#FFFFFF;
text-decoration:none;
}
#hf-nav .last {
border-right:none;
}
#hf-nav .tab1 {
width:105px;
}
#hf-nav .tab2 {
width:116px;
}
#hf-nav .tab3 {
width:109px;
}
#hf-nav .tab4 {
width:155px;
}
#dealerform input, #dealerform label {
display:block;
}
#dealerform input, textarea {
margin:0 0 16px 0;
}
#dealerform  {
padding:0 0 0 0;
}
#dealerform textarea {
width:480px;
border: 1px solid #97B5D2;
color: #25313C;
}
.textbox1 {

border: 1px solid #97B5D2;
color: #25313C;
font-family: Arial;
font-size: 24px;
width: 480px;
}
.title1 {
font-weight:bold;
color:#2F5C24;
}
#msgbox {
width:300px;
height:150px;
border: 1px solid #959595;
}
.answer        { line-height:18px; padding:0 0 20px 30px; }
.qd {
padding:7px 0;
}
.question      { font-weight:bold; cursor:pointer; line-height:25px; padding:4px 0px; color:#237E09; font-size:13px;  }

.question a {

}
.question:hover  { text-decoration:underline; }
#tabnavc {
margin:0 0 0px 0;
height:35px;
}
#tabnavc .tabsel {
background-image:url(../images/tabsel.gif);
background-repeat:repeat-x;
}
#tabnavc .tabnav {
float:left;
border:1px solid #c4c4c4;
padding:9px 20px;
margin-left:4px;
height:16px;
border-bottom:none;
}
#tabnavc a {
font-size:16px;
color:#363636;
text-decoration:none;
}
#subpageheader {
background-image:url(../images/subheaderoverlap.gif);
height:65px;
background-repeat:no-repeat;
background-position:left;
position:relative;
left:-7px;
text-align:left;
margin:0;
padding:0;
clear:both;
}
#subpageheader2  {
background-image:url(../images/subheaderbg.gif);
height:43px;
background-repeat:repeat-x;
width:697px;
text-align:left;
margin:0;
padding:15px 0 0 39px;
}
#subpageheader2 h1 {

font-size:22px;
color:#363636;
display:inline;
text-align:left;
margin:0;
padding:0;
}
.videonav {
height:45px;
margin:14px 0;
}
#videoarrow {
position:relative;
left:15px;
}
.videonav a {
padding:0px 20px 0px 20px;
border-right:1px solid #cccccc;
color:#cccc33;
font-size:14px;
}
.videonav a.last {
border:none;
}
#photo-gallery {
margin-left:19px;
}
#photo-gallery .photoframe {
float:left;

width:220px;
height:163px;
border:1px green solid;
padding:10px 0 0 0;
text-align:center;
margin:20px 10px 0 0;
box-shadow: 0 0 8px rgb(0,0,0);
-webkit-box-shadow: 0 0 8px rgb(0,0,0);
-moz-box-shadow: 0 0 8px rgb(0,0,0);

  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
}
#photo-gallery .photoframe img {
margin:0 auto;
}
.col2cont {
width:650px;
}

#nav .nav a.pagesel {
color:#BAB829;
}
.testimonial {
margin:10px 0 40px 0;
}
.testname {
font-weight:bold;
}
#kguardvs {
width:675px;
}
#kguardvs td {
padding:6px;
border:1px #5d5d5d solid;
text-align:center;
vertical-align:middle;
background-image:url(../images/tabletopbg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#f4f4f4;
}
#kguardvs td.compitem {
font-weight:bold;
background-color:#e5e5e5;
color:#666666;
vertical-align:middle;
}
#kguardvs td.noborder {
border:none;
}
#kguardvs td.greenbg {
background-color:#ddf2cd;
}
#kguardvs td h2 {
font-size:12px;
color:#663333;
padding:0;
}
#kguardvs .yes  {
color:#009900;
font-size:18px;
}

#kguardvs .no  {
color:#663333;
font-size:18px;
}
.burg {
color:#663333;
font-weight:bold;
}

.greenbold {
color:#009900;
font-weight:bold;
}
#kguardvs td.leftcol {
background-color:#e5e5e5;
}

#kguardvs td.noborder p {
padding:0;
margin:0;
}
#kguardvs td.noborder img {
vertical-align:bottom;
padding:0;
margin:0;
position:relative;
top:0px;
}
.compare {
padding:20px 50px 20px 0;
}
.compare h2 {
color:#006600;
}

#translations {
	float:left;	
	width:600px;
	text-align:right;
	margin-left:180px;
	padding-top:10px;
}
#translations li {
border: none;
display: inline;
padding: 0 4px;
border-image: initial;
}
#translations li a {
font-size: 10px;
color: #5D5D5D;
text-decoration:none;
}