/* CSS Document */

/* GENERAL STYLE START HERE */

body{
	margin:0;
	padding:0; 
	color:#717171;
	/*background-color:#1B3D5D;*/
	background-color:#FFFFFF;
	font:12px/14px Arial, Helvetica, sans-serif;
	}
	
html{
	height:100%
	}

ul{
	list-style:none;
	}

ul, li, ol, form, p, input, select,textarea, td{
	padding:0;
	margin:0;
	}

img{
	padding:0;
	margin:0;
	border:none;
	}

a{
	text-decoration:none;
	}

.lt, .lm, .lb{
	text-align:left;
	}
	
.lt, .rt, .ct{
	vertical-align:top;
	}
	
.lm, .rm, .cm{
	vertical-align:middle;
	}	
	
.rt, .rb, .rm{
	text-align:right;
	}
		
.lb, .cb, .rb{
	vertical-align:bottom;
	}
		
.ct, .cb, .cm{
	text-align:center;
	}

.bldTxt{
	font-weight:bold;
	}
	
.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	}
	
/* GENERAL STYLE END HERE */

/* TOP PANNEL STYLE START HERE */

td.bgTopBar{
	background:url(images/bgTopBar.gif) 0 0 repeat-x #FFFFFF;
	height:20px;
	color:inherit;
	}
	
td.bgMainBody{
	color:inherit;
	background-color:#FFFFFF;
	padding:0 0 10px 0;
	}
	
td.bgMainBody2{
	color:inherit;
	background-color:#FFFFFF;
	padding:20px 0 158px 0;
	}
	
td.cntctNum{
	font:bold 13px/19px Arial, Helvetica, sans-serif;
	color:#2F5F8C;
	background:url(images/icnPhone.gif) 0 0 no-repeat #FFFFFF;
	}
	
td.logoPad{
	padding:0 0 0 5px;
	}

td.topNavPad{
	padding:14px 0 0 0;
	}
	
td.banner{
	background:url(images/harmony.jpg) 0 0 no-repeat;
	}
	
/* TOP PANNEL STYLE END HERE */

/* BODY PANNEL STYLE START HERE */	

td.bodyPad{
	padding:10px 12px 0 12px;
	}

td.bodyTxt{
	padding:6px 0 10px 0;
	border-bottom:1px dashed #CCCCCC;
	}
	
td.bodyTxt ul{
	list-style:none;
	}
	
td.bodyTxt ul li{
	background:url(images/arrowBlueDot.gif) 0 4px no-repeat;
	padding:0 0 0 10px;
	}
	
td.bodyTxt p{
	padding:4px 0 0 0;
	}
	
td.bodyTxt p.capTxt{
	font:normal 16px/20px Arial, Helvetica, sans-serif;
	color:#346595;
	background-color:#FFFFFF;
	padding:4px 0 4px 0;
	}
	
td.bodyTxt2{
	padding:6px 0 10px 0;
	}
	
td.bodyTxt2 p{
	padding:4px 0 0 0;
	}
	
td.bodyTxt2 p.capTxt{
	font:normal 16px/20px Arial, Helvetica, sans-serif;
	color:#346595;
	background-color:#FFFFFF;
	padding:4px 0 4px 0;
	}
	
td.roundLeft{
	border-left:1px solid #DADAD2;
	}

td.roundRight{
	border-right:1px solid #DADAD2;
	}
	
td.roundTop{
	border-top:1px solid #DADAD2;
	}
	
td.roundBottom{
	border-bottom:1px solid #DADAD2;
	}
	
td.bgWhoWeAre{
	color:#FFFFFF;
	background:url(images/bgWhoWeAre.gif) 0 0 repeat-x #E4B500;
	height:34px;
	padding:0 0 0 9px;
	}
	
td.sectionPad{
	padding:5px 5px 5px 5px;
	}

td.round2Left{
	background:url(images/round2Left.gif) repeat-y 0 0;
	}

td.round2Right{
	background:url(images/round2Right.gif) repeat-y 0 0;
	}
	
td.round2Top{
	background:url(images/round2Top.gif) repeat-x 0 0;
	}
	
td.round2Bottom{
	background:url(images/round2Bottom.gif) repeat-x 0 0;
	}
	
img.picBdr{
	border:4px solid #FFFFFF;
	}

td.sectionTxtPad{
	padding:5px 5px;
	}
	
td.bgLearn a{
	background:url(images/bgLearn.gif) 100% 0 no-repeat #FFFFFF;
	width:83px;
	height:24px;
	display:block;
	line-height:24px;
	color:#3D3D3D;
	}

td.bgLearn a:hover{
	background:url(images/bgLearn.gif) 100% 100% no-repeat #FFFFFF;
	width:83px;
	height:24px;
	color:#3D3D3D;
	}

td.bgAbout{
	color:#FFFFFF;
	background:url(images/bgAbout.gif) 0 0 repeat-x #297AA4;
	height:34px;
	padding:0 0 0 9px;
	}/* BODY PANNEL STYLE END HERE */
	


/* BODY PANNEL STYLE END HERE */

/* FOOTER PANNEL STYLE START HERE */

td.bgFooter{
	padding:20px 0 20px 0;
	color:#FFFFFF;
	font-size:11px;
	line-height:18px;
	background:url(images/bgFooter.gif) repeat-x 0 100% #295581;
	}
	
td.bgFooter p.link{
	color:#FFFFFF;
	background:inherit;
	font-weight:bold;	
	}

td.bgFooter p.link a{
	color:#FFFFFF;
	background:inherit;
	}

td.bgFooter p.link a:hover{
	color:#AAC2D9;
	background:inherit;
	}
	
td.bgFooter p.link span.active{
	color:#AAC2D9;
	background:inherit;
	}
	
td.bgFooter p.link span.sep{
	padding:0 5px 0 6px;
	}
	
td.bgFooter p.copy{
	color:#AAC2D9;
	background:inherit;
	}
	
td.bgFooter p.copy a{
	color:#AAC2D9;
	background:inherit;
	}

td.bgFooter p.copy a:hover{
	color:#FFFFFF;
	background:inherit;
	}

/* FOOTER PANNEL STYLE END HERE */

/* ABOUT CARTQUARTER PAGE STYLE END HERE */

td.explanation{
	border-right:1px dashed #CCCCCC;
	padding:0 10px 0 0;
	}
	
td.roatingImage{
	padding:0 0 0 10px;
	width:457px;
	height:262px;
	}
	
span.redClr{
	color:#EE0000;
	background:inherit;
	}
	
/* ABOUT CARTQUARTER PAGE STYLE END HERE */

/* WHO WE ARE PAGE STYLE START HERE */

td.samplePic img{
	border:1px solid #D2D2D2;
	padding:5px;
	}
	
td.samplePicDes{
	color:#717171;
	background-color:#F9F9F9;
	border:1px solid #F1F1F1;
	padding:5px;
	}
	
td.samplePicDes p.link{
	padding:5px 0 0 0;
	}

td.samplePicDes p.link a{
	font-size:11px;
	color:#DEAF11;
	background:url(images/arrow.gif) no-repeat 100% 70% #F9F9F9;
	text-decoration:underline;
	padding-right:10px;
	}
	
td.samplePicDes p.link a:hover{
	color:#DEAF11;
	background:url(images/arrow.gif) no-repeat 100% 70% #F9F9F9;
	text-decoration:none;
	}
	
td.dashLineV{
	background:url(images/dash.gif) 50% 0 repeat-y;
	}
	
td.morePic{
	font-size:11px;
	}
	
td.morePic a{
	padding-right:15px;
	color:#346595;
	background:url(images/arrow.gif) no-repeat 95% 60% #FFFFFF;
	}
	
td.morePic a:hover{
	color:#346595;
	background:url(images/arrow.gif) no-repeat 100% 60% #FFFFFF;
	}
	
/* WHO WE ARE PAGE STYLE END HERE */

/* CUSTOM CARTQUARTER PAGE STYLE START HERE */

td.bdrBtm{
	border-bottom:1px dashed #CCCCCC;
	}
	
td.txtSubmit{
	font:normal 16px/38px Arial, Helvetica, sans-serif;
	color:#346595;
	background:inherit;
	}
	
td.frmPad{
	padding:10px 35px;
	}

td.frmHead{
	font-weight:bold;
	color:#295581;
	background:inherit;
	}
	
table.frmTable td{
	padding:0 0 20px 0;
	}
	
input.txtInput{
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	height:14px;
	padding:2px;
	border:1px solid #7F9DB9;
	width:289px;
	}
	
select.txtSelect{
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	width:296px;
	}
	
/* CUSTOM CARTQUARTER PAGE STYLE END HERE */

/* WHOLESALER PAGE STYLE START HERE */

td.kemperTxt{
	font:normal 20px/32px Arial, Helvetica, sans-serif;
	color:#FFCA00;
	background:inherit;
	}
	
td.kemperTxt span{
	color:#1A3561;
	background:inherit;
	}
	
td.clrBlue{
	color:#326393;
	background:inherit;
	}
	
td.bgCall{
	font:normal 14px/24px Arial, Helvetica, sans-serif;
	color:#373737;
	background:url(images/bgCall.jpg) 0 0 repeat-x #FFFFFF;
	padding:0 0 2px 0;
	}
	
td.bgCall span{
	font-weight:bold;
	color:#295581;
	background-color:#EFEAD7;
	}

/* WHOLESALER PAGE STYLE END HERE */

/* CONTACT PAGE STYLE START HERE */

td.icnCall{
	background:url(images/icnCall.gif) 0 50% no-repeat;
	padding:15px 30px;
	}
	
td.icnCall span{
	color:#316291;
	background-color:#FFFFFF;
	}
	
a.emalLink{
	color:#336393;
	background-color:#FFFFFF;
	text-decoration:underline;
	}
	
a.emalLink:hover{
	color:#FFFFFF;
	background-color:#336393;
	text-decoration:none;
	}
	
td.contactForm{
	border-left:1px dashed #CCCCCC;
	padding:0 30px 20px 30px;
	}

input.txtInput2{
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	height:14px;
	padding:2px;
	border:1px solid #7F9DB9;
	width:178px;
	}
	
table.contactFrmTable td{
	padding:0 0 10px 0;
	}
	
textarea.txtTextarea{
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	height:64px;
	padding:2px;
	border:1px solid #7F9DB9;
	width:178px;
	}
	
td.icnEnvelopePad{
	padding:56px 0 0 0;
	}
	
input.btnBlank{
	color:#3D3D3D;
	background:url(images/btnBlank.gif) 0 0 no-repeat #B6DFFC;
	width:83px;
	height:24px;
	border:none;
	cursor:pointer;
	padding:0 0 2px 0;
	}

/* CONTACT PAGE STYLE END HERE */

/* POP UP PAGE STYLE START HERE */

td.popUpPad{
	padding:30px 27px 10px 27px;
	}

/* POP UP PAGE STYLE END HERE */

/* SITE MAP PAGE STYLE START HERE */

td.siteMapTxt ul{
	padding:0 0 0 10px;
	}
	
td.siteMapTxt ul li{
	line-height:38px;
	}
	
td.siteMapTxt ul li a{
	padding:0 0 0 15px;
	color:#1A3561;
	background:url(images/arrowOrange.gif) 0 50% no-repeat #FFFFFF;
	}
	
td.siteMapTxt ul li a:hover{
	color:#F6C72B;
	background:url(images/arrowBlue.gif) 0 50% no-repeat #FFFFFF;
	}


/* SITE MAP PAGE STYLE END HERE */

span.clrBlue{
	color:#316291;
	background-color:#FFFFFF;
	}
