/* CSS Document */
body {
	margin: 0; 
	padding: 0; 
  	color: #000000; 
	font-family:arial,arial narrow, sans-serif;

}






#container {
	width: 780px; 
	height: 800px;
	margin: 5px auto 0; 
	padding: 0;
	text-align: left; 
	position: relative;
 	background-color:#333311;
}

#toparea {
	width: 780px; 
	height: 207px;
	margin: 0px auto 0; 
	padding: 0;
	text-align: left; 
	position: relative;
 	background-color:#333311;

}

/*mosquito slayer logo*/

.logo {
	border-width:5px;
	border-color:#333311;
}


#pageheader {
	width: 532px; 
	height: 115px;
	top:0px;
	left: 243px;
	margin: 5px 5px 0px 0px; 
	font-family:arial narrow,arial, sans-serif;
	padding: 0;
	border:0;
	text-align: left; 
	position: absolute;
 	background-color:#FFFFAA;

}

#pageheader H1 {
	text-indent: 20px;
	color:#333311;
	font-size:60px;
	font-style:normal;
	margin:0;
	padding:0
}

#pageheader H2 {
	text-indent: 25px;
	color:#660000;
	font-size:28px;
	font-style:italic;
	margin:0;
	padding:0

}

#topnav {
	width: 537px; 
	height: 87px;
	position: absolute; 
	top: 130px; 
	left: 243px; 
	padding: 0;
	background-color: #333311;
}


#topnav a {
	text-decoration: none;
	font-family:arial, sans-serif;
	font-size:14px;
	padding: 0px 8px; 
	font-weight:bold;
	margin-left:40px;
	margin-top:10px;
}
/*these commands create proper spacing in the navigation bar*/

a#products  {margin-left:80px;}
a#testimonials  {margin-left:27px;}
a#contact  {margin-left:20px;}
a#faqs  {margin-left:55px;}

#topnav	a.thispage:link {color:#FFFFFF; font-weight:bold; font-size:14px; background-color:#333311}
		a.thispage:visited {color:#FFFFFF; font-weight:bold; font-size:14px; background-color:#333311}
		a.thispage:hover {color:#FFFFFF; font-weight:bold; font-size:14px; background-color:#333311}
		a.thispage:active {color:#FFFFFF; font-weight:bold; font-size:14px; background-color:#333311}

#topnav	a.otherpage:link {color:#FF9900; font-weight:bold; font-size:14px; background-color:#333311}
		a.otherpage:visited {color:#FF9900; font-weight:bold; font-size:14px; background-color:#333311}
		a.otherpage:hover {color:#333311; font-weight:bold; font-size:14px; background-color:#FFFFFF}
		a.otherpage:active {color:#FF9900; font-weight:bold; font-size:14px; background-color:#333311}


			
/*--------------------------------------------------------------------------------------*/

#maincontent {
	position: absolute;
	top: 202px;
	width: 780px;
	height: 563px;
	left: 0px;
	margin: 0px;
	padding:0px
}
/*--------------------------------------------------------------------------------------*/

#mainleft {
	position: absolute;
	top: 0px;
	width: 238px;
	height: 563px;
	left: 0px;
	background-color:#333311;
	margin: 0px 0px 0px 0px;
	padding:0px;
	overflow:auto

}

		.thislink {color:#FFFFFF}

#mainleft	a.otherlink:link {text-decoration: none; color: #FF9900}     /*----orange-----*/		
		a.otherlink:visited {text-decoration: none; color: #FF9900}  
		a.otherlink:hover {text-decoration: underline; color: #FF9900}  
		a.otherlink:active {text-decoration: none; color: #FF9900}



/*----special announcemount box-----*/

#mainleft	a.speciallink:link {text-decoration: underline; font-size:16px; font-weight:bold; text-align:center; color: #660000}     	
		a.speciallink:visited {text-decoration: underline; font-size:16px; font-weight:bold; text-align:center; color: #660000}  
		a.speciallink:hover {text-decoration: underline; font-size:16px; font-weight:bold; text-align:center; color: #FFFFAA; background-color:#660000;}  
		a.speciallink:active {text-decoration: underline; font-size:16px; font-weight:bold; text-align:center; color: #FFFFAA; background-color:#660000;}


#specialbg {
	position: absolute;
	top: 20px;
	width: 198px;
	height: 158px;
	left: 16px;
	background-color:#333311;
	margin: 0px 0px 0px 0px;
	padding:0px;
	border: 4px outset #FFFFAA

}

#special {
	position: absolute;
	top: 27px;
	width: 192px;
	height: 152px;
	left: 23px;
	background-color:#FFFFAA;
	margin: 0px 0px 0px 0px;
	padding:0px;
	
}

#special p {	margin:0px 0px 0px 0px;
}

#special p.special1{color:#333311; font-size:16px; font-style:normal; text-align:center; 
			margin:5px 0px 0px 0px; font-weight:bold	}

#special p.special2{color:#660000; font-size:18px; font-style:italic; text-align:center; 
			margin:5px 0px 0px 0px; font-weight:bold	}

#special p.special3{color:#333311; font-size:16px; font-style:italic; text-align:center; 
			margin:10px 0px 0px 0px; font-weight:bold	}



/*----special announcemount box-----*/

#lowerleft {
	position: absolute;
	top: 200px;
	width: 238px;
	height: 363px;
	left: 0px;
	background-color:#333311;
	margin: 0px 0px 0px 0px;
	padding:0px;
	overflow:auto

}




#mainleft li {margin: 0px 20px 0px 20px}

#mainleft li.linkpage {
	color: #FFFFFF;	
	font-weight:bold;
	font-size:12px;
	font-style:normal;
	margin: 10px 20px 10px -5px
	
}


#mainleft li.color1 {
	color: #FFFFFF;	
	font-weight:bold;
	font-size:18px;
	font-style:italic;
	margin: 10px 20px 20px 0px
}

#mainleft li.color2 {   /*----yellow-----*/
	color: #FFFF88;  
	font-weight:bold;
	font-size:18px;
	font-style:italic;
	margin: 0px 20px 20px 0px}

#mainleft li.smallcolor1 {
	color: #FFFFFF;	
	font-weight:bold;
	font-size:14px;
	font-style:normal;
	margin: 10px 20px 20px 0px
}

#mainleft li.smallcolor2 {   /*----yellow-----*/
	color: #FFFF88;  
	font-weight:bold;
	font-size:14px;
	font-style:normal;
	margin: 0px 20px 20px 0px}

#mainleft p {
	color: #FFFFFF;
	text-decoration: none;
	font-family:arial,courier, sans-serif;
	font-weight:bold;
	margin:10px 20px 0px 20px;
	padding:0px;
	left:0px
}

#mainleft H1 {
	text-decoration: none;
	color:#FFFFFF;
	font-family:arial,courier, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:30px 30px
}
.mscolorleft{color:#FFFF88}


/*----------------------------------------------*/


#mainright {
	position: absolute;
	top: 0px;
	width: 537px;
	height: 563px;
	left: 238px;
	background-color:#FFFFAA;
	font-family:arial, sans-serif;
	overflow:auto;
}

#mainrighttext {
	position: relative;
	top: 0px;
	width: 517px;
	height: 563px;
	left: 20px;
	background-color:#FFFFAA;
	font-family:arial, sans-serif;
	overflow:auto;
}



#mainright	a:link {text-decoration: none; color: #0000FF}     
		a:visited {text-decoration: none; color: #0000FF}  
		a:hover {text-decoration: underline; color: #0000FF}  
		a:active {text-decoration: none; color: #0000FF}


#mainright	a.readstudy:link {text-decoration: none; color: #0000FF}     
		a.readstudy:visited {text-decoration: none; color: #0000FF}  
		a.readstudy:hover {text-decoration: underline; color: #0000FF}  

/*page title*/

#mainright H1{
	text-decoration: none;
	font-family:arial narrow,arial,courier, sans-serif;
	color:#660000;
	font-size:32px;
	font-weight:bold;
	font-style:normal;
	margin-left:20px;
	margin-right:15px;
	margin-top:10px;
}
.title{}



/*used for "comparison Chart" line*/


#mainright H2{
	text-decoration: none;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	margin: 0px 20px 20px 30px
}

#mainright H3{
	text-decoration: none;
	font-size:24px;
	font-weight:bold;
	font-style:normal;
	margin: 20px 20px 20px 30px
}

#mainright H4{
	text-decoration: none;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	margin: 0px 20px 20px 30px
}

#mainright H5{
	text-decoration: none;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	margin: 0px 20px 20px 30px
}

#mainright H6{  /*-----------used for ABLC--*/
	text-decoration: none;
	color:#660000;
	font-size:27px;
	font-weight:bold;
	font-style:italic;
	margin: 20px 0px 0px 0px;
	text-align:center
}





#mainright p.chartlink {				/*-link to comparison chart*/
	display:inline;
	text-decoration: none;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	margin-left:120px;
}



#mainright li{	
	margin-left:20px;
	margin-right:20px;
	margin-bottom:10px

}

.note1{display:block; margin-left:20px;font-size:14px; font-style:italic}

.padpic{padding-right:15px}

#refinements{
	text-decoration: none;
	color:#000000;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:10px
}

#contactlist{
	text-decoration: none;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:0px
}
#contactaddress{
	display: block;
	color:#660000;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	text-align:center
}
#contactaddress2{
	display: block;
	color:#660000;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	text-align:center
}

#mainright p{
	text-decoration: none;
	margin-right:20px;
	margin-bottom:20px

}

.pleased{font-style:normal; color:#000000; 
		font-size:22px; font-weight:bold; text-align:center}

.mscolorright{color:#660000}

.whylist{font-weight:bold; font-size:15px}
.test {				/*-for testimonials*/
	text-decoration: none;
	color:#000000;
	font-size:14px;
	font-style:italic;
	margin-left:0px;
	font-weight:bold;

}

.signature {				/*-for testimonial signatures*/
	text-decoration: none;
	color:#660000;
	font-size:15px;
	font-style:normal;
	margin-left:0px;
	font-weight:bold;

}


#mainright	p.questionlist {				/*-for FAQ summary*/
	text-decoration: none;
	color:#0000FF;
	font-size:14px;
	font-style:normal;
	margin: 0px 10px 5px 50px;
	font-weight:bold;
	line-height: 1.2;
	text-indent:-25px

}

.question {				/*-for FAQ questions*/
	text-decoration: none;
	color:#000000;
	font-size:18px;
	font-style:italic;
	margin-left:20px;
	font-weight:bold;
}


.answer {				/*-for FAQ answers*/
	text-decoration: none;
	color:#331111;
	font-size:14px;
	font-style:normal;
	margin-left:40px;
	font-weight:bold;

}
.faqtop {
	text-decoration: none;
	color:#331111;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	margin: 0px 0px 0px 400px
}
						/*-next three are for Research section*/
.researchtitle{
	color:#660000;
	font-style:italic;
	font-weight:bold
}

.researchquote{
	color:#000000;
	font-size:14px;
	font-weight:bold;
	margin: 0px 40px 0px 50px;
	display:block

}
.readstudy {
	text-decoration: none;
	color:#331111;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	margin: 0px 0px 0px 350px
}

/*---------------------------------------------------*/
/*-----------------------Store-----------------------*/
/*---------------------------------------------------*/

#storelogobg {
	position: absolute;
	top: 20px;
	width: 190px;
	height: 108px;
	left: 20px;
	background-color:#333311;
	margin: 0px 0px 0px 0px;
	padding:0px;
	border: 4px outset #FFFFAA

}



#storelogo {
	position: absolute;
	top: 27px;
	width: 184px;
	height: 102px;
	left: 27px;
	background-color:#FFFFAA;
	margin: 0px 0px 0px 0px;
	padding:0px;
	
}

#storelogo p {	margin:0px 0px 0px 0px;
}

p#storetitle1{color:#333311; font-size:16px; font-style:normal; text-align:center; 
			margin:10px 0px 0px 0px; font-weight:bold	}

p#ablcleft1{color:#660000; font-size:18px; font-style:italic; text-align:center; 
			margin:0px 0px 0px 0px; font-weight:bold	}

p#storetitle2{color:#333311; font-size:16px; font-style:normal; text-align:center; 
			margin-top:0px; font-weight:bold	}

.hr2 {color: #FFFF88; text-align:center; border:0px; background-color:#FFFF88; height: 2px; width:60% }


/*---------------------------------StoreNav-------------*/
#gotocart {
	position: relative;
	top: 148px;
	height: 24px;
	left:0px;
	width:238px;
	margin: 0px 0px 0px 0px;
	padding:0px;
	text-align:center;
}	/*	border: 3px outset #FFFF88;	
	background-color:#333311;
*/




#storenav {  	 /* top+height =563*/
	position: absolute;
	top: 190px;
	width: 238px;
	height: 305px;
	left: 0px;
	background-color:#333311;
	margin: 0px 0px 0px 0px;
	padding:0px;

}


#storenav p {	margin:0px 0px 0px 0px;}
#storenav table{text-align:left; width:100%}
#storenav td.leftside{width:55%;}
#storenav td.rightside{width:45%}



#storenav	.thisdept {
	color: #FFFFFF;
	font-family:arial,courier, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0px 0px 0px 15px;
	display:block

}

#storenav	.otherdept {
	color: #FFFF88;
	font-family:arial,courier, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0px 0px 0px 15px;
	display:block

}

#storenav	.thisitem {
	color: #FFFFFF;
	font-family:arial,courier, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	display:block;
	line-height:1.5

}
#storenav	.otheritem {
	font-family:arial,courier, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	display:block;
	line-height:1.5;
}

#storenav	a.otheritem:link {text-decoration: none; color: #FF9900}     /*----orange-----*/		
		a.otheritem:visited {text-decoration: none; color: #FF9900}  
		a.otheritem:hover {text-decoration: underline; color: #FF9900}  
		a.otheritem:active {text-decoration: none; color: #FF9900}



/*----------------------------------------------------------------*/


						/*classes related to product info*/


		.leftarrow{border:2px outset #000000}
		.thumbnail{border-width:2px; border-color:#333311;}
		.name{color:#660000; font-weight:bold}
		.descr{font-size:12px; color:#000000; font-style:normal;}
		.price{font-size:12px; color:#000000; font-style:normal; font-weight:bold}
		.regprice{font-size:12px; color:#000000; font-style:normal; font-weight:bold; text-decoration:line-through}
		.saleprice{font-size:12px; color:#660000; font-style:normal; font-weight:bold}
		.hr1 {color: #660000; text-align:center; border:0px; background-color:#660000; height: 2px; width:60% }
		.moreinfo{padding:2px}
		a.moreinfo:link {color:#FFFF88; text-decoration:none; font-size:12px; font-weight:normal; background-color:#331111; border:1px}     
		a.moreinfo:visited {color:#FFFF88; text-decoration:none; font-size:12px; font-weight:normal; background-color:#331111; border:1px}  
		a.moreinfo:hover {color:#ffff88; text-decoration:none; font-size:12px; font-weight:bold;
				background-color:#331111; border-style: solid; border-color: #331111}  
		a.moreinfo:active {color:#FFFF88; font-size:12px; text-decoration:none; font-weight:normal; background-color:#331111; border:1px}
		.out{font-weight:bold; font-size:14px}
		.banner{text-align:center; color:#333311; font-size:24px; font-weight:bold; font-style: italic}
/*----------------------------------------------------------------*/


#storeright {
	position: absolute;
	top: 0px;
	width: 537px;
	height: 563px;
	left: 238px;
	background-color:#FFFFAA;
	font-family:arial, sans-serif;
	overflow:auto;
}
#storerightbanner {
	position: absolute;
	top: 0px;
	width: 537px;
	height: 563px;
	left: 0px;
	background-color:#FFFFAA;
	font-family:arial, sans-serif;
	overflow:auto;
}


#storerightname {   
	position: absolute;
	top: 20px;
	width: 497px;
	height: 543px;
	left:20px;
	background-color:#FFFFAA;
	font-family:arial, sans-serif;
}

#storerightname .name{
	font-family:arial narrow,arial,courier, sans-serif;
	color:#660000;
	font-size:32px;
	font-weight:bold;
	font-style:normal;
}

#storerighttext{
	position: absolute;
	top: 30px;
	width: 507px;
	height: 533px;
	left: 30px;
	background-color:#FFFFAA;
	font-family:arial, sans-serif;
	overflow:auto;	

}

#storerighttext	p.warranty{
	font-size:13px;
	margin:0px 20px 0px 0px;
	font-weight:bold;
}
/*
#storerighttext	li{
	font-size:13px;
	margin-right:30px;
}

*/
#producttable {
	position: absolute; top: 60px; left: 10px; width: 507px; background-color:#FFFFAA;
	font-family:arial, sans-serif; overflow:auto}

#producttable td.pic{width:40%; text-align:center}    /*max width 182*/

#producttable td.text{width:40%}

#producttable td.buy{width:20%}

#productinfo1 {     /*---------styles for "more info" pages with landscape picture  ---top+height=563---*/
	position: absolute;
	top: 20px;
	width: 500px;
	height: 543px;
	left:20px;
	background-color:#FFFFAA;
	font-family:arial, sans-serif;
}

#productinfo1 .name{
	font-family:arial narrow,arial,courier, sans-serif;
	color:#660000;
	font-size:32px;
	font-weight:bold;
	font-style:normal;
}


#productinfo1 table.infotop{
	margin:20px 0px 0px 20px;
}


#productinfo1 td.pic{
		background-color:#FFFFAA; width:200px; text-align:right

}

#productinfo1 td.space{
		width:50px;
}

#productinfo1 td.buy{background-color:#FFFFAA; text-align:left;width:120px
}

#info1text {
	position:relative;
	top:20px;
	left:0px;
	width:517px;
	background-color:#FFFFAA;
	overflow:auto;
	margin:0px 0px 0px 0px
}

#info1text  p{
	color:#000000;
	font-family:arial,courier, sans-serif;
	font-weight:bold;	
	margin:0px 20px 10px 20px
}

#productinfo1 table.infobottom{
	background-color:#FFFFAA;
	margin:0px 0px 0px 0px;
}

#info1text  li {
	margin:0;
	padding:0

}

.list1{
	color:#000000;
	font-family:arial,courier, sans-serif;
	font-size:12px;
	font-weight:bold;
}

/*--------------------------------------------------------------------------------------*/
#productinfocombo {     /*---------styles for "more info" page with long landscape picture  ---top+height=563---*/
	position: absolute;
	top: 15px;	
	left:0px;
	width: 537px;
	height: 548px;
	background-color:#FFFFAA;
	font-family:arial, sans-serif;
}
#combotop{	/*name and picture*/
	text-align:center; 
	background-color:#FFFFAA;
	height:200px;
	width:537px
} 


#combotop .name{  
	font-family:arial narrow,arial,courier, sans-serif;
	color:#660000;
	font-size:32px;
	font-weight:bold;
	font-style:normal;
}
#combopic{position:relative; top:10px}

#combobottom{ /*buy button. back button, and text*/
	position: relative;
	top: 20px;	
	left:20px;
	width: 517px;
	height: 319px;
	background-color:#FFFFAA;
	font-family:arial, sans-serif;
}

#combobottombuy {
	position: absolute;
	top: 30px;	
	left:0px;
	width: 120px;
	height: 100px;
	background-color:#FFFFAA;
	font-family:arial, sans-serif;
}

#combobottomtext {
	position: absolute;
	top: 0px;	
	left:135px;
	width: 382px;
	height: 319px;
	background-color:#FFFFAA;
	font-family:arial, sans-serif;
	overflow:auto
}

#comboback {margin-left:25px}

#combobottomtext  p{
	color:#000000;
	font-family:arial,courier, sans-serif;
	font-weight:bold;	
	margin:0px 20px 10px 20px
}

/*--------------------------------------------------------------------------------------*/


#break {
	position: absolute; 
	width: 780px;
	height: 3px;
	top: 770px; 
	left: 0px;
	margin: 0px;
	background-color: #FFFFAA;
}

#bottom {
	position: absolute; 
	width: 780px;
	height: 27px;
	top: 773px; 
	left: 0px;
	margin: 0px;
	background-color: #333311;
}

#bottom a {
	position:absolute;	
	text-decoration: none;
	color:#FFFFFF;
	font-family:arial,courier, sans-serif;
	font-size:12px;
	font-weight:normal;
}

.left {margin: 7px 20px

}

.right {margin-top: 7px;
	  margin-left:300px

}


.f30{font-size:30px}
.f29{font-size:29px}
.f28{font-size:28px}
.f27{font-size:27px}
.f26{font-size:26px}
.f25{font-size:25px}
.f24{font-size:24px}
.f23{font-size:23px}
.f22{font-size:22px}
.f21{font-size:21px}
.f20{font-size:20px}
.f19{font-size:19px}
.f18{font-size:18px}
.f17{font-size:17px}
.f16{font-size:16px}
.f15{font-size:15px}
.f14{font-size:14px}
.f13{font-size:13px}
.f12{font-size:12px}
.f11{font-size:11px}
.f10{font-size:10px}

.norm{font-weight:normal}
.bold{font-weight:bold}
.ital{font-style:italic}
.boldital{font-weight:bold; font-style:italic}

.darkred {color:#660000}
.yellow{color:#FFFF88}
.orange{color:#FF9900}
.darkgreen{color:#333311}
.black{color:black}
.white{color:white}

.leftlink{color:#FF9900}

.right{text-align: right}
.centered{text-align: center}
.left{text-align: left}