body{
 font: 11px "Lucida Grande", "Verdana", "Trebuchet MS", Verdana, sans-serif;
 margin: 0px 5px;
 padding: 0px;
 height: 100%;
}

body a{
 color: #999;
}

a[href $='.pdf'] { 
 padding: 7px 0px 7px 20px;
 background: transparent url(/images/pdf.gif) no-repeat center left;
 color: #999;
}

#middler{
 width: 992px;
 margin: 0px auto;
 overflow: hidden;
}

#wrapper{ 
 margin: 0px auto;
 width: 990px;
 float: left;
 background: #fff url(../images/background.gif) top left repeat-y;
}

#menu_panel{
 width: 260px;
 margin: 0px;
 float: left;
}

#menu_panel h1{
 height: 75px;
 margin: 0px;
 font: normal small-caps normal 1.5em/1.5em Helvetica, Arial, sans-serif;
 color: #eee;
 text-align: center;
 line-height: 75px;
 background: url(/images/logo.png);
 overflow: hidden;
 text-indent: -800px;
}

#menu{ 
 margin-top:5px;
 border: 1px solid #ccc;
 border-bottom-width: 10px;
 background: #fafafa;
}

#header{
 width: 730px;
 float: right;
 height: 58px;
 top: 0px;
 left: 0px;
 text-align: right;
 border-bottom: 1px solid #ccc;
 background: #fff;
}

#content{
 width: 650px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 40px;
 float: left;
}

#contact{
 width: 948px;
 margin: 0px auto;
 padding: 0px 0px 0px 40px;
 float: left;
 text-align: center;
 border: 1px solid #ccc;
 border-top: none;
}

#contact ul{
 display: block;
 margin: 5px auto;
 width: 650px;
 height: 30px;	
 padding-bottom: 10px;
 padding-top: 10px;
}

#contact ul li{
 display: inline;
 float: left;
 padding: 0px 20px;
 width: 120px;
}

#contact ul#addressList{
 border-bottom: none;
}

#footer{
 float: left;
 width: 100%;
 margin: 10px 0px 0px 0px;
 border-bottom: 1px solid #ccc;
 clear: both;
}

#copy{
 clear: both;
 border: 1px solid #ccc;
 border-bottom: none;
 padding: 5px 10px;
 color: #ccc;
 text-transform: uppercase;
 width: 238px;
 background: #fff;
}

/****************************************
*             Header Styles             *
*****************************************/
#header h3{
 font: 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
 color: #ccc;
 margin: 20px 0px 0px 0px;
 padding: 0px;
}

#header ul{
 margin: 0px -10px 0px 0px;
 padding: 0px;
}

#header ul li{
 display: inline;
 text-transform: uppercase;
 padding: 0px 10px 0px 10px;
 border-left: 1px solid #333;
 color: #333;		
}

#header ul li.first{
 border: none;
}

#header ul li a{
 text-decoration: none;
 color: #333;
}

.phone{
 color:#393;
 font-size: 18px; 
/*float:left;
 font-size:22px;
 margin:30px 0px 0px 40px;*/
}

.breadcrumb{
 color: #999;
 margin: 0px 0px 5px 0px;
 padding: 0px;
font-size: 9px;
}
/****************************************
*             Menu Styles               *
*****************************************/
#menu{ 
 margin-top:5px;
 border: 1px solid #ccc;
 border-bottom-width: 10px;
 background: #fafafa;
}

#menu h2{
 text-transform: uppercase;
 margin: 10px 0px 10px 0px;
 background: #666;
 color: #eee;
 color: #f00;
 font: 10px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
 padding: 5px 20px;
}

#menu h2.first{
 margin: 0px;
}

#menu h2 a{
 color: #eee;
 text-decoration: none;
}

#menu ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
 border: none;
}

#menu li{
 border-bottom: 1px solid #ccc;
 margin: 0;
}

#menu li a {
 display: block;
 padding: 5px 20px;
 background-color: #fdfdfd;
 color: #666;
 text-decoration: none;
}

#menu li a:hover{
 background-color: #ededed;
 color: #393;
}

#menu li li{
 border-top: 1px solid #ccc;
 border-bottom: 0;
 margin: 0;
}

#menu li li a{
 padding: 5px 0px 5px 40px;
 background-color: #ddd;
 width: 218px;
}

#menu ul li.group a:hover{
 background-color: #dedede;
}

#menu ul li.group a{
 background: #fdfdfd url(../images/right_arrow.gif) no-repeat 235px 5px;
}

#menu ul li.group a.open{
 color: #393;
 background: #dedede url(../images/down_arrow.gif) no-repeat 235px 5px;
}

#menu ul li.group li a{
 background: #ececec;
}

#menu ul li.group li a.current, #menu ul li a.current{
 background: #dedede;
 color: #393;
}

/****************************************
*         Content Page Styles           *
*****************************************/
#content h1{
  font: 22px Verdana, sans-serif;
  padding: 10px 0px 0px 0px;
  margin: 5px 0px 0px 0px;
  color: #393;
  text-transform: capitalize;
}

#content h2{
 font: 20px "Verdana","Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
 color: #ccc;
 text-transform: capitalize;
 padding: 20px 0px 0px 0px;
 margin: 0px;
}

#content h5{
 font: 12px/20px "Verdana","Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
 color: #aaa;
 color: #393;
 text-transform: capitalize;
 padding: 0px;
 margin: 30px 0px 0px 0px;
 border: 1px solid #ccc;
 border-left: none;
 width: 60%;
}

#content p{
 margin: 10px 0px;
}

/****************************************
*         Category Page Styles          *
*****************************************/
.prod_thumb{
 width: 200px;
 /*height: 170px;*/
 margin: 5px 10px 25px 0px;
 float: left;
 display: inline;
}

.prod_thumb h3{
  font: 10px Verdana, sans-serif;
  border: 1px solid #ccc;
  border-top: none;
  margin: 0px;
  color: #000;
  text-align: center;
  height: 30px;
  overflow: hidden;
}

.prod_thumb h3 a{
  color: #000;
  text-decoration: none;
  display: block;
  background-color: #eee;
  padding: 3px;
  height: 30px;
}

.img_holder{
  border: none;
  margin: 0px 0px 0px 0px;
}

.prod_thumb img{
  display: block;
  padding: 0px 0px 0px 0px;
  width: 200px;
  height: 160px;
}

.prod_thumb a img{
	border: none;
}

/****************************************
*            Front page styles          *
*****************************************/

#featured .prod_thumb{
 margin: 10px 12px 170px 0px;
 padding: 0px;
}

#featured .summary h3{
 font: 10px Verdana, sans-serif;
 border: 1px solid #ccc;
 border-top: none;
 margin: 0px;
 color: #000;
 text-align: center;
 height: 20px;
 overflow: hidden;
}

#featured .summary{
 border: 1px solid #ccc;
 border-top: 0px solid #ccc;
 min-height: 150px;
 height: 120px;
 overflow: auto;

}

#featured .summary p{
 margin: 5px;
 padding: 0px;
}

/** location list **/
.locations_top{
 float: left;
 margin: 20px 20px 0px 0px;
 width: 630px;
}

.location_small{
 width: 155px;
 float: left;
 border: 1px solid #ccc;
 border-left: none;
}

.location_small p{
 padding: 0px 5px;
}

.location_small h4{
 color: #393;
 background: #eee;
 float: left;
 width: 145px;
 padding: 5px;
 font-size: 12px;
 text-align: center;
}

div#wide a.plain{
 text-decoration: none;
}

div.first{
 border-left: 1px solid #ccc;
}

/****************************************
*   special product styles  *
*****************************************/
div#wide{
 clear: both;
 overflow: auto;
 float: left;
}

.special{
 float: left;
 width: 100%;
 margin: 10px auto 10px auto;
 height: auto;
 overflow: auto;
}

div.special div.prod_thumb{
 margin: 0px 50px 0px 60px;
 display: inline;
 float: left;
}

.full_width{
 float: left;
 width: 650px;
}

.prod_thumb h3 a.special_h{
 background: #393;
 color: #fff;
 font-weight: bold;
 font-size: 12px;
 padding: 3px;
}

/****************************************
*            Map Page Styles            *
*****************************************/

.map{
	border: 1px solid #ccc;
	float: left;
	margin: 20px 20px 0px 0px;
	width: 243px;
}

.map img{
	display: block;
}

.map h4{
	height: 20px;
	display: block;
	background: #349835;
	color: #fff;
	text-transform: uppercase;
	line-height: 20px;
	padding-left: 10px;
	font-weight: normal;
}

.home h4{
 color: #393;
 background: #eee;
}

.map p{
	padding: 0px;
	margin:  5px 0px 0px 5px;
}

.map .dark{
	color: #111;
}

#google_map{
 width: 360px;
 height: 450px;
 border: 1px solid #999;
 float: left;
 margin: 20px 20px 0px 0px;
}

strong{
	display: block;
	margin: 5px 0px 0px 0px; 
	color: #666;
}

#page_menu_footer{
 border-top: 1px solid #999;	
}
/****************************************
*         Product View Styles           *
*****************************************/

#product{
	width: 95%;
	margin: 5px 0px 0px 0px;;
}

#product a.back{
  color: #333;
	text-transform: uppercase;
	text-decoration: none;
	background: url(/images/back_arrow.gif) no-repeat 0px 2px;
	padding-left: 15px;
}

#product h1{
  font: 22px Verdana, sans-serif;
  color: #339933;
	border-top: 1px solid #ccc;
	padding: 10px 0px 0px 0px;
	margin: 5px 0px 30px 0px;
}

#left{
  width: 280px;
  border-right: 1px solid #ccc;
  float: left;
}

#left p{
  width: 90%;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}

#left h4{
  font: 10px Verdana, sans-serif;
  color: #339933;	
  width: 95%;
  border: 1px solid #ccc;
	border-left: none;
  padding: 6px 0px 6px 0px;
  margin: 10px 0px;
}

#left ul{
 margin: 0px 0px 0px 12px;
 padding: 0px;
 width: 90%;
}

#left ul li{
  list-style: disc outside;
  padding: 2px 0px 2px 0px;
  color: #999;
}

#right{
	float: right;
	width: 280px;
	margin: 0px auto;
}

.safetyImg{
	margin-right: 5px;	
}