@charset "utf-8";
/* CSS Document */

<style>
h4 {
font-size:12px;
color:#005daa;
text-decoration:none;
}
hr {
border:0px;
color:#005daa;
background-color:#005daa;
height:1px;
margin-bottom:0px;
}
p {
text-decoration:none;
}
.linktext {
text-decoration:none;
}
p.linktext {
text-decoration:none;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:9px;
color:#333333;
}
p.linktext:hover {
color:#FF0000;
}
a.linktext {
text-decoration:none;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:9px;
color:#333333;
}
a.linktext:hover {
color:#FF0000;
}
.thicktext {
text-decoration:none;
}
a.thicktext {
text-decoration:none;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
color:#333333;
}
a.thicktext:hover {
color:#FF0000;
}
a.image1 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100px; /* width of reactive image */
     height: 88px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/easy02.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	a.image1:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/easy02_hover.jpg); /* source for target image */
     } 
a.image2 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100px; /* width of reactive image */
     height: 88px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/distance02.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
a.image2:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/distance02_hover.jpg); /* source for target image */
     } 
a.image3 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100px; /* width of reactive image */
     height: 88px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/tags02.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
a.image3:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/tags02_hover.jpg); /* source for target image */
     } 
a.image4 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100px; /* width of reactive image */
     height: 88px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/faq02.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
a.image4:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/faq02_hover.jpg); /* source for target image */
     } 
a.image5 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 230px; /* width of reactive image */
     height: 181px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/howto_video_02.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
a.image5:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/howto_video_02_hover.jpg); /* source for target image */
     } 
a.image6 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 230px; /* width of reactive image */
     height: 181px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/duracell_video_02.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	 a.image6:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/duracell_video_02_hover.jpg); /* source for target image */
     } 
a.image7 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 230px; /* width of reactive image */
     height: 181px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/demo_video_02.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
a.image7:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/demo_video_02_hover.jpg); /* source for target image */
     }
	 
a.image8 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 73px; /* width of reactive image */
     height: 95px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/Miniproduct.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	a.image8:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/Miniproduct.jpg); /* source for target image */
     }
	 
a.image9 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 73px; /* width of reactive image */
     height: 95px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/Minibutton.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	a.image9:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/Minibutton.jpg); /* source for target image */
     }

a.image10 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 73px; /* width of reactive image */
     height: 95px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/Minikeys.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	a.image10:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/Minikeys.jpg); /* source for target image */
     }
	 
a.image11 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 73px; /* width of reactive image */
     height: 95px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/Screenzoom.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	a.image11:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/Screenzoom.jpg); /* source for target image */
     }
	 
	 a.image12 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 98px; /* width of reactive image */
     height: 85px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/easy-button.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	a.image12:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/easy-button.jpg); /* source for target image */
     }
	 
	 a.image13 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 98px; /* width of reactive image */
     height: 85px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/holloween.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	a.image13:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/holloween.jpg); /* source for target image */
     }
	 
	 a.image14 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 98px; /* width of reactive image */
     height: 85px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/childsafe.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	a.image14:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/childsafe.jpg); /* source for target image */
     }
	 
	 a.image15 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 158px; /* width of reactive image */
     height: 138px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/easy-button.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	a.image15:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/easy-button.jpg); /* source for target image */
     }
	 
	 a.image16 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 157px; /* width of reactive image */
     height: 138px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/holloween.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	a.image16:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/holloween.jpg); /* source for target image */
     }
	 
	 a.image17 { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 157px; /* width of reactive image */
     height: 138px; /* height of reactive image */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/childsafe.jpg); /* source for start image */
     background-repeat: no-repeat;
     }
	a.image17:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(http://img.brickhousesecurity.com/banners/products/bhs_locator/childsafe.jpg); /* source for target image */
     } 

	  
/*BOX 1 ***************************************************************************************************************/
/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ 
	background: transparent url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/box.png) no-repeat bottom right
}
.cssbox{ 
/* intended total box width - padding-right(next) */ 
width:340px !important; 
/* IE Win = width - padding */ 
width: 465px; 
/* the gap on the right edge of the image (not content padding) */ 
padding-right:5px; 
/* use to position the box */ 
margin:0px 
}
/* set the top-right image */ 
.cssbox_head{
background-position:top right; 
/* pull the right image over on top of border */ 
margin-right:-5px; 
/* right-image-gap + right-inside padding */ 
padding-right:40px
} 
/* set the top-left image */ 
.cssbox_head h2{ 
background-position:top left; 
margin:0; 
/* reset main site styles*/ 
border:0; 
/* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ 
padding:15px 0 15px 10px; height:auto !important; height:1%
} /* IE Holly Hack */ 
/* set the lower-left corner image */
.cssbox_body{ 
background-position:bottom left; 
margin-right:15px; 
/* interior-padding right */ 
padding:10px 0 15px 10px;
text-align:justify
} /* mirror .cssbox_head right/left */
.cssbox_body p{
margin-top:0px;
padding-top:0px;
line-height:18px;
} 
.cssbox_body ul li {
line-height:22px;
padding: 0px 0 0 2px;
list-style:disc;
}
.cssbox_body li  {  /* all list wrapper body text */
    width: auto;
    vertical-align: middle; /* center the bullet */
}
/*************************************************************************************************************************/
/******************************* BOX 2 **********************************************************************************/
/* set the image to use and establish the lower-right position */
.cssbox2, .cssbox_body2, .cssbox_head2, .cssbox_head2 h4{ 
	background: transparent url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/small_box.png) no-repeat bottom right
}
.cssbox2{ 
/* intended total box width - padding-right(next) */ 
width:175px !important; 
/* IE Win = width - padding */ 
width: 185px; 
/* the gap on the right edge of the image (not content padding) */ 
padding-right:5px; 
/* use to position the box */ 
margin:0px 
}
/* set the top-right image */ 
.cssbox_head2{
background-position:top right; 
/* pull the right image over on top of border */ 
margin-right:-5px; 
/* right-image-gap + right-inside padding */ 
padding-right:40px
} 
/* set the top-left image */ 
.cssbox_head2 h4{ 
background-position:top left; 
margin:0; 
/* reset main site styles*/ 
border:0; 
/* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ 
padding:5px 0 0px 5px; 
/*height:auto !important; height:1%*/
} /* IE Holly Hack */ 
/* set the lower-left corner image */
.cssbox_body2{ 
background-position:bottom left; 
margin-right:0px; 
margin-top:0px;
/* interior-padding right */ 
padding:1px 0px 1px 5px;
} /* mirror .cssbox_head right/left */
.cssbox_body2 p{
margin-top:0px;
padding-top:2px;
} 
.cssbox_body2 a {
display:block; 
width:100%; 
height:100%; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:9px;
color:#333333;
text-decoration:none;
}
.cssbox_body2 a:hover {
color:#FF0000;
}
/***********************************************************************************************************************/
/******************************* BOX 3 **********************************************************************************/
/* set the image to use and establish the lower-right position */
.cssbox3, .cssbox_body3, .cssbox_head3, .cssbox_head3 h4{ 
	background: transparent url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/long_box.png) no-repeat bottom right
}
.cssbox3{ 
/* intended total box width - padding-right(next) */ 
width:760px !important; 
/* IE Win = width - padding */ 
width: 760px; 
/* the gap on the right edge of the image (not content padding) */ 
padding-right:5px; 
/* use to position the box */ 
margin:0px 
}
/* set the top-right image */ 
.cssbox_head3{
background-position:top right; 
/* pull the right image over on top of border */ 
margin-right:-5px; 
/* right-image-gap + right-inside padding */ 
padding-right:40px
} 
/* set the top-left image */ 
.cssbox_head3 h4{ 
background-position:top left; 
margin:0; 
/* reset main site styles*/ 
border:0; 
/* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ 
padding:5px 0 0px 10px; 
height:auto !important; height:1%
} /* IE Holly Hack */ 
/* set the lower-left corner image */
.cssbox_body3{ 
background-position:bottom left; 
margin-right:0px; 
/* interior-padding right */ 
padding:1px 0px 5px 5px;
text-align:center
} /* mirror .cssbox_head right/left */
.cssbox21 {	background: transparent url(http://img.brickhousesecurity.com/banners/products/bhs_locator/menu/small_box.png) no-repeat bottom right
}
.cssbox21 {/* intended total box width - padding-right(next) */ 
width:175px !important; 
/* IE Win = width - padding */ 
width: 185px; 
/* the gap on the right edge of the image (not content padding) */ 
padding-right:5px; 
/* use to position the box */ 
margin:0px 
}
.style3 {
	font-size: 16px;
	color: #3333FF;
	font-weight: bold;
}
</style>