/* Document created by Brian Mix from BrokerBin.com if you have any questions/comment email brian@brokerbin.com */

/* globals */

p{
  padding-left:18px;
}

body{
  margin:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight: bold;
}
table{border-collapse:collapse;}
td{vertical-align:top;}
a{color: black; text-decoration: underline;}
a:hover{color: #666666;}

/* layout */

#topbar{background: #272727; height: 5px;}
#logo{text-align:center; vertical-align:middle; background: white;}
#midimg{background:url(images/main_bkg.gif) repeat-x;}
#contact{background: #EEEEEE; text-align:center;height:229px;}
#phonebox{height: 66px;}
#leftbkg{background: #E5E5E5;}
#midimg{background:url(images/main_bkg.gif) repeat-x;}
#content{padding: 5px;}
#mfg{text-align:center;}
.colside{
  width:20%;
  float:left;
}
.colmid{
  width:60%;
  float:left;
}
.nav{
  background: #BFBFBF;
  height: 133px;
}
.sidenav{
  background: #272727;
}
.hdrbar{
  background: #272727;
  border: solid white 1px;
  padding: 3px 0 3px 10px;
  font-size: 11px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: white;
  text-transform: uppercase;
}
.leftcolum{
  background: #E5E5E5;
  border-right:solid #CACACA 1px;
}
#footer{
  background: #BFBFBF;
  padding: 3px 0 3px 0px;
  font-size: 10px;
  color: white;
  width:100%;
  float:left;
}	

/* hyper links */

.nav a{
  background: url(images/bnt_nav.jpg) no-repeat bottom; 
  padding-left: 40px; 
  text-decoration:none; 
  height: 21px; 
  width: 129px; 
  display: block;
  line-height: 18px;
  font-size: 11px;
  font-weight: bold;
}
.nav a:hover{background:url(images/bnt_nav_ovr.jpg); color:#999999; text-decoration:none;}
.sidenav a{
  border-bottom: solid #363636 1px;
  background:url(images/side_nav_arrow.jpg) no-repeat 10px 6px;
  padding-left: 30px; 
  text-decoration:none; 
  color: white; 
  height: 21px; 
  width: 168px; 
  display: block;
  line-height: 18px;
  white-space: nowrap;
}
.sidenav a:hover{color: white; background: #626262;}

/* presentation */

.title {
  font-size: 14px;
  font-family:Arial, Helvetica, sans-serif;
  display: block;
  border-bottom: solid #999999 5px;
  text-transform: uppercase;
  background: url(images/coolthing.jpg) no-repeat 15px 5px;
  padding-left: 24px;
  margin: 0 6px 15px 6px;
  text-decoration:none;
}
.title h3 {margin-bottom: 0px;}
.leftcolum h4{
  margin: 10px 0 -10px 18px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  }
.leftcolum li{
  margin: 0 0 0 -10px;
  padding-bottom: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.leftcolum li a{color:black; text-decoration:underline;}
.leftcolum li a:hover{color: #A83C3C;}
.leftbox form{
  padding: 0 0 10px 10px;
  text-align:right;
}
.searchbox{
  border: solid #999999 1px;
  width: 85px; 
  height: 18px;
  margin: 0 3px 0 3px;
  font-size: 10px;
  font-weight: Bold;
}
.formparts{
  margin: 2px 0 0 0;
  font-size: 10px;
  color: #666666;
  font-weight: bold;
}
/* featured products styles */
.product{
  float:left;
  width: 275px;
  height: 150px;
  margin: 6px;
}
.specials{
  padding: 10px 0 0 0;
  margin: 5px;
  border-left: solid #CCCCCC 1px;
}
.product form, .specials form{display:inline;}
.product div{float:left;}
.product h3 a, .specials h3{
  font-size: 14px;
  font-family:Arial, Helvetica, sans-serif;
  display: block;
  border-bottom: solid #999999 5px;
  text-transform: uppercase;
  background: url(images/coolthing.jpg) no-repeat 15px 1px;
  padding-left: 24px;
  margin: 2px;
  text-decoration:none;
}
.product h4 a, .specials h4{
  font-size: 11px;
  display:block;
  margin:2px;
  text-decoration:none;
  font-weight: normal;
}
.proddetails{
  padding: 0 5px 5px 5px;
  margin-top: -20px;
  width:160px;
  height: 100px;
}
.price{
  font-size: 12px;
  font-weight: bold;
  color: red;
  margin: 7px;
}
/* end featured products styles */
.nav{vertical-align:middle;}
.mainform table{background-color:white;border:solid black 1px;}
.mainform th{background-color: #E5E5E5;}
