@charset "utf-8";
#topNav {
	padding-top: 0px;
	padding-bottom: 0px;
}
/* CSS Document */
#topNav li {
	list-style-image: none;
	list-style-type: none;
	display: inline;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 7px;
	color: #708053;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#topNav ul {
	text-align: center;
	border-bottom: thin solid #cc0000;
	border-top: thin solid #cc0000;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 2em;
}
#topNav li a:link, #topNav li a:visited {
	text-decoration: none;
	color: #708053;
	font-size: 13px;
}
#topNav li a:hover, #topNav li a:active {
	color: #cc0000;
	}

h1 {
	color: #CC0000;
	line-height: 20px;
}
.primary hgroup h3 {
	margin-top: 11px;
	margin-bottom: 5px;
}
#content #bannerPic img {

	display: none;
}
#content #bannerPicSm img {
	padding-right: 15px;
	margin-right: 30px;
	width: 100%;
}
#content #footer {
	padding-top: 9px;
	text-align: center;
	font-size: 0.9em;
	background-color: #708053;
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	color: #F2EB91;
	clear: both;
	overflow: hidden;
}
.primary hgroup .ital {
	line-height: 0.1em;
	font-style: italic;
}

#content #footer a:link  , #content #footer a:visited{
	padding-top: 9px;
	text-align: left;
	background-color: #708053;
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	color: #F2EB91;
	clear: both;
}
#content #footer a:hover   , #content #footer a:active{
	padding-top: 9px;
	text-align: left;
	background-color: #708053;
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	color: #FFFFFF;
	clear: both;
}

#content #footer .ftDivide {
	padding-bottom: 5px;
	border-bottom: thin dashed #F2EB91;
	color: #708053;
}


#content #footer #lFt {
	float: none;
	width: 98%;
	text-align: center;
	font-weight: bold;
}

#content #footer #rFt {
	float: none;
	width: 98%;
	padding-left: 0px;
	text-align: center;
	font-weight: bold;
	
	}


#content #footer #cright {
	padding-top: 9px;
	text-align: right;
	font-size: 11px;
	clear: both;
}
#scroller #content #top {
	text-align: right;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 9px;
	vertical-align: text-bottom;
	clear: both;
}
h4 {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	letter-spacing: 0.1em;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #CC0000;
	padding-left: 9px;
	margin-right: 7px;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	text-transform: uppercase;
}

.notH6 {
	color: #708053;
	font-weight: bold;
	font-size: 1.3em;
}

#scroller #content .txt {
	padding-left: 9px;
	padding-right: 9px;
}
#scroller #content .ltxt {
	padding-left: 9px;
	padding-right: 9px;
	text-align: left;
}

.nTxt   {
	color: #C72221;
	padding-left: 4px;
	background-color: #ABB993;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 9px;
	padding-bottom: 9px;
	width: 100%;
	text-transform: uppercase;
	font-size: 16px;
}
#ti_links {
	background-color: #ABB993;
	color: #C72221;
	text-transform: uppercase;
	padding-bottom: 13px;
	padding-top: 5px;
	margin-top: 5px;
	
}
#ti_links ul li {
	background-color: #ABB993;
	color: #C72221;
	text-transform: uppercase;
	padding-bottom: 3px;
	padding-top: 3px;
	
}

#main-nav #ti_links a:link, #main-nav #ti_links a:visited {
	color: #708053;
	font-weight: bold;
	
}
#main-nav #ti_links a:hover, #main-nav #ti_links a:focus {
	color: #cc0000;
	font-weight: bold;
	
}

#main-nav #ti_links .nTxt {
	background-color: #FFFFFF;
	color: #C72221;
}

.menu p {
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
}

.productHeading {
	background-color: #708053;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	margin-right: 9px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	padding-top: 7px;
	padding-right: 9px;
	padding-bottom: 7px;
	padding-left: 9px;
	text-transform: uppercase;
	font-size: 14px;
	clear: both;
	text-align: left;
	}
#content .txt {
	text-align: center;
	clear: both;
}

#content .txtContact {
	padding-top: 9px;
	text-align: left;
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
	color: #708053;
	clear: both;
}
#content .txtContact .lFt {
	float: none;
	width: 98%;
	text-align: left;
	color: #708053;
	font-weight: bold;
	padding-left: 20px;
}

#content .txtContact .rFt {
	float: none;
	width: 98%;
	/*padding-left: 0px; */
	text-align: left;
	font-weight: bold;
	padding-left: 20px;
	
	}




.txt .pros {
	text-align: center;
	margin-top: 11px;
	padding-bottom: 21px;
	justify-content: center;
	overflow: hidden;
	}

.pros .lPro {
	text-align: center;
	float: none;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
	height: auto;
	bottom: 0px;
	font-size: 0.9em;
	line-height: 1.2em;
}		
.pros .bPro   {
	text-align: center;
	float: none;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;
	height: auto;
	bottom: 0px;
	font-size: 0.9em;
	line-height: 1.2em;
}	

.pros .bbPro   {
	text-align: center;
	float: none;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;
	height: auto;
	bottom: 0px;
	font-size: 0.9em;
	line-height: 1.2em;
}	

.pros .sPro {
	text-align: center;
	float: none;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;
	height: auto;
	bottom: 0px;
	font-size: 0.9em;
	line-height: 1.2em;
}	
.pros .cPro {
	text-align: center;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
	height: auto;
	bottom: 0px;
	font-size: 0.9em;
	width: 47%;
	line-height: 1.2em;
}	
.pros .cbPro {
	text-align: center;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
	height: auto;
	bottom: 0px;
	font-size: 0.9em;
	width: 47%;
	line-height: 1.2em;
}	

.pros .clPro {
	text-align: center;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
	height: 40px;
	bottom: 0px;
	font-size: 0.9em;
	width: 47%;
	line-height: 1.2em;
}	
.pros .hlPro {
	text-align: left;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
	bottom: 0px;
	font-size: 0.9em;
	width: 47%;
	line-height: 1.2em;
}	


.pros .tPro, .pros .tsPro, .pros .tbPro {
	text-align: center;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
	height: auto;
	bottom: 0px;
	font-size: 0.9em;
	width: 47%;
	line-height: 1.2em;
}	
.pros .wPro {
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
	height: auto;
	bottom: 0px;
	font-size: 0.9em;
	line-height: 1.2em;
	clear: both;

}
.menu p .col , .col{
	color: #708053;
}

.pros .wProC {
	text-align: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
	height: auto;
	bottom: 0px;
	font-size: 0.9em;
	line-height: 1.2em;
	clear: both;

}

.fLink {
	text-align: center;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
	height: auto;
	bottom: 0px;
	font-size: 0.9em;
	width: 47%;
	line-height: normal;
	
}	

.clearBoth {
	clear: both;
}
.topM {
	padding-top: 9px;
}
.pros img {
	padding-bottom: 3px;
}
.pros .bPro img {
	margin-bottom: 7px;
}

.ttl {
	color: #C72221;
	letter-spacing: 0.1em;
	font-size: larger;
}
#scroller #content .frm {
	clear: both;
	margin-top: 17px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 11px;
}
label {
	font-size: 13px;

}
form #subm {
	clear: both;
	text-align: center;
}
#scroller #content .lOrder {
	margin-top: 40px;
	text-align: left;
	margin-bottom: 40px;
}
.lOrder .notH6 a:link, .lorder .notH6 a:visited {
	color: #708053;
}

.lOrder .notH6 a:hover, .lorder .notH6 a:focus {
	color: #cc0000;
}
p .bTxt {
	font-size: 1.2em;
	color: #708053;
}
#content #footer #ftAdd {
	line-height: 1.8em;
}
ul #noBord {
	border-bottom-style: none;
	border-bottom-width: 0px;
}

.subhead3 {
	color: #708053;
	font-weight: bold;
	font-size: 1.2em;
}


.subhead3 .rd {
	color: #D60201;
}

.subhead3 a:link, .subhead3 a:visited {
	color: #D60201;
	text-decoration: none;
}

.subhead3 a:hover, .subhead3 a:active {
	color: #84963D;
	text-decoration: none;
}



form .formRight {
	width: 98%;
	margin-left: 2%;
	float: right;
	
}
form .formLeft {
	width: 98%;
	margin-left: 2%;
	float: left;
}






@media only screen and (max-width: 450px) {

.pros .bPro, .pros .cPro, .pros .cbPro, .pros .clPro, .pros .hlPro, .pros .tPro, .pros .tsPro, .pros .tbPro, .pros .lpro, .fLink, .sSpace {
	width: 97%;
	text-align: center;
	height: auto;

}

}


@media only screen and (min-width: 768px) {


#topNav ul {
	text-align: right;
	border-bottom: thin solid #cc0000;
	border-top: thin solid #cc0000;
	padding-right: 20px;
	margin-right: 9px;
}	
#content #bannerPic img {
	padding-right: 15px;
	margin-right: 30px;
	width: 99%;
	display: block;
}

#content #bannerPicSm img {

	display: none;
}	

#content #footer #708053 {
	float: left;
	width: 45%;
	text-align: left;
}

#content #footer #rFt {
	float: right;
	width: 45%;
	padding-left: 15px;
	text-align: right;
	}
	

#content .txtContact .lFt {
	float: left;
	width: 45%;
	text-align: left;
	padding-left: 10px;
}

#content .txtContact .rFt {
	float: right;
	width: 45%;
	padding-left: 10px;
	text-align: left;
	}
	


	
.pros .lPro {
	width: 47%;
	text-align: center;
	float: left;
	height: 160px;
	font-size: 0.9em;
}


#content .txt .bPro {
	width: 29%;
	text-align: center;
	float: left;
	height: 185px;
	font-size: 0.9em;
	
	
}
#content .txt .bbPro {
	width: 29%;
	text-align: center;
	float: left;
	height: 245px;
	font-size: 0.9em;
}

.pros .sPro {
	width: 29%;
	text-align: center;
	float: left;
	height: 80px;
	font-size: 0.9em;
}

.pros .cPro {
	width: 29%;
	text-align: center;
	float: left;
	height: 80px;
	font-size: 0.9em;
}
.pros .cbPro {
	width: 30%;
	text-align: center;
	float: left;
	height: 120px;
	font-size: 0.9em;
}

.pros .clPro {
	width: 29%;
	text-align: center;
	float: left;
	height: 40px;
	font-size: 0.9em;
}
.pros .hlPro {
	width: 31%;
	text-align: left;
	float: left;
	font-size: 0.9em;
}

.pros .tPro {
	width: 47%;
	text-align: center;
	float: left;
	height: 80px;
	font-size: 0.9em;
}
	
	.pros .sSpace {
	text-align: center;
	float: left;
	width: 95%;
	font-size: 0.9em;
}
.pros .tbPro {
	width: 45%;
	text-align: center;
	float: left;
	height: 120px;
	font-size: 0.9em;
}

.fLink {
	width: 47%;
	text-align: center;
	float: left;
	font-size: 0.9em;
	line-height: 1.5em;
	
	
}


form .formRight {
	width: 46%;
	margin-left: 2%;
	float: right;
}
form .formLeft {
	width: 48%;
	float: left;
}




	
}