html, body{
 margin:0;
 padding:0;
 text-align:center;
 background-color:#edeede;
}

.popup {
  display:none;
  position:absolute;
  top:50px;
  left:50px;
  z-index:10000;
  background-color:white;
  border:1px solid black;
  font-size:14px;
  color:black;
  width:300px;
  padding: 10px 10px 10px 10px;
}

h1 {
  font-size:20px;
  color:black;
}

h2 {
  font-size:18px;
  color:black;
}

h3 {
  font-size:16px;
  color:black;
}

#pagewidth{
 width:899px;
 text-align:left;
margin-left:auto;
 margin-right:auto;
}

#header{
 position:relative;
 height:242px;
  z-index:10;
 background-image:url(../graphics/header_img.jpg);
 margin-top:10px;
 width:100%;
}
#header1{
  z-index:10;
 position:relative;
 margin-top:10px;
 width:899px;

}
#top_navigation
{
	background-image:url(../graphics/navigation_bg488.gif);
	width:488px;
	float:left;
	height:37px;
}
#top_navigation ul{
 margin:0;
 padding:5px 20px 0 20px;
 list-style:none;
}
#top_navigation ul li{
 float:left;
 display:block;
 padding:6px 7px 7px 6px;
 font-family: Arial,Verdana, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#ffffff;
}
#top_navigation ul li a{
 font-family: Arial,Verdana, Helvetica, sans-serif;
 font-size:12px;
 text-decoration:none;
 padding:5px 5px 5px 5px;
 color:#ffffff;
}
#top_navigation ul li a:hover{
 font-family: Arial,Verdana, Helvetica, sans-serif;
 font-size:12px;
 padding:5px 5px 5px 5px;
 color:#ffffff;
}
#phone_txt
{
	background-image:url(../graphics/phone_bg411.gif);
	width:411px;
	float:left;
	height:37px;
	vertical-align:middle;
}
#phone_txt div
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
	font-size:26px;
	padding:4px 0px 0px 50px;

}

#leftcol{
 width:202px;
 font-family:Arial, Helvetica, sans-serif;
  color:#0c43a7;
 float:left;
 // position:relative;
  z-index:10;
 background-color:#ffffff;
  border-top:solid 1px black;
  border-bottom:solid 1px black;
  border-right:solid 1px black;
  border-left:solid 1px black;
 }
 .product{
 	padding:10px 10px 10px 10px;
 }
 .product1{
 	padding:10px 10px 10px 10px;
 }
 .image1
 {
 	 	padding:7px 7px 7px 7px;
 }
  .image3
 {
 	 	padding:8px 8px 8px 8px;
 }
   .image4
 {
 	 	padding:8px 7px 8px 7px;
 }
 .image
 {
	border-bottom:15px solid #ececec;
	border-top:15px solid #ececec;
	border-left:15px solid #ececec;
	border-right:15px solid #ececec;
 }
 .text
 {
 	 	padding:0px 0px 0px 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:17px;
		color:#000000;
 }

#twocols{
 width:460px;
 margin-left: 216px;
 font-family:Arial, Helvetica, sans-serif;
 position:relative;
  z-index:10;
  border-top:solid 1px black;
  border-bottom:solid 1px black;
  border-right:solid 1px black;
  border-left:solid 1px black;
  }

#rightcol{
 width:202px;
 float:right;
 font-family:Arial, Helvetica, sans-serif;
  color:#0c43a7;
  z-index:10;
 position:relative;
 background-color:#ffffff;
  border-top:solid 1px black;
  border-bottom:solid 1px black;
  border-right:solid 1px black;
  border-left:solid 1px black;
 }

 .middlecol{
 position:relative;
 background-color:#ffffff;
  margin-left:0px;
  margin-right:0px;
 padding-right:15px;
 padding-left:15px;
  z-index:10;
 padding-top:20px;
  border-bottom:solid 1px black;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
  color:#0c43a7;
 }
.middlecol div
{
	margin-top:5px;
}

#maincol{background-color: #ffffff;
 float: left;
 display:inline;
 position: relative;
 width:239px;
 margin-left:3px;
 padding-right:3px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
  z-index:10;
 color:#0c43a7;
 }
#maincol div
{
	margin-top:5px;
}
#footer{
 height:74px;
 background-image:url(../graphics/footer_bg74.gif);
 font-family:Arial, Helvetica, sans-serif;
 clear:both;
 margin-top:10px;
 }
 #footer div{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	text-align:center;
	padding:10px 5px 5px 5px ;
 }


.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

.side_nav {
  float:left;
  margin-top:-5px;
  font-weight:bold;
  margin-left:0px;
}
.side_nav ul {
  list-style-type:none;
  width:185px;
  margin-left:4px;
  display:block;
}

.side_nav a {
  font-size:12px;
  display:block;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:5px;
  padding-right:5px;
  background-color:steelblue;
  border-top:solid 1px black;
  border-bottom:solid 1px black;
  border-right:solid 1px black;
  border-left:solid 1px black;
  text-decoration:none;
  color:white;
  }

.side_nav a:hover {
  background-color:#edeede;
  color:black;

}

.category_page_product_name {
  font-weight:bold;
  color:black;
}

.product_image
{
  margin:20px 0px 20px 0px;
}

.product_name {
  font-size:14px;
  font-weight:bold;
}

.product_number {
  font-size:10px;
}

.nav_header {
  font-size:18px;
  color:black;
}

.boldme
{
  font-weight:bold;
}

.size10 {
  font-size:10px;
}

.size12 {
  font-size:12px;
}

.size14 {
  font-size:14px;
}

.size16 {
  font-size:16px;
}

.size18 {
  font-size:18px;
}

.size20 {
  font-size:20px;
}

.size22 {
  font-size:22px;
}

.size24 {
  font-size:24px;
}

.colorblack {
  color:black;
}

.staff_title {
  font-weight:bold;
}


.bottom_links a {
  color:white;
  line-height:1.8;
  text-decoration:none;
}

.bottom_links a:hover {
  color:white;
  line-height:1.8;
  text-decoration:underline;
}
 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}