html,body
{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}

body{
min-width:60%;
}

h1{
padding:0;
font-size:22px;
}

h2{
padding:0;
margin:0;
font-size:20px;
}

h3{
padding:0;
margin:0;
font-size:19px;
}
	
h4{
margin:0;
padding:0;
font-size:17px;
color:#FFFFFF;
}

h5{
font-size:16px;
color:#EE0000;
}
h6{
padding:0;
margin:0;
margin-top:3px;
font-size:17px;
}

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

p.breadcrumbs a {
color: #0000FF;
}

p.text{
text-align:left;
margin-right:2%
}

/*All forms */
label.stdLabel{
font-size: 20px;
}
input.stdInput
{
border:groove 1px black;
background-color: #F8F8FF;
font-size: 20px;
}
textarea.stdInput
{
border:groove 1px black;
background-color: #F8F8FF;
font-size: 20px;
}
form.cse-search-box{
float:right;
margin-top:5px;
}
/*End form rules */


h3.options{
margin-bottom: 2px;
}
h6.options{
margin-bottom:2px;
}

/* End of Selecton of product sorting by criteria*/


/*Takes border off all anchored images*/
a img { 
border: none;
}

h1.center{
text-align: center;
}


/*positions images to be centered all around and add a 20 pixel upper margin on the element*/
.image {
vertical-align: middle;
text-align:center;
margin-top:20px;
margin-bottom:0px;
padding:0px;
}

/*another image centering technique with minimal set of parameters */
img.center {
	display: block;
    margin-left: auto;
    margin-right: auto;
}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}
img.left{
	display: block;
	margin-left: 100px;
	}
p.copyright{
margin-left: 25px;
color:#A8A8A8;
}
.gallery{
margin: 20px auto 0px auto;
}


/*Category Listing of proudcts, including image and overview of product line.  Then links to that lines landing page*/

#catWrapper{
width: 610px;
margin-right: auto;
margin-left: auto;
}

#leftColumn{
float:left;
width:48%;
margin-left:18px;
}
#rightColumn{
float:left;
width: 48%;

}


.categoryListing{
width:280px;
margin-bottom: 60px;
}

.categoryListing a{
text-decoration: none;
}

div.categoryListing h4{
font-size: 14px;
width: 200px;
text-align: left;
color:blue;
text-decoration: none;
}


div.categoryListing img{
float:left;
margin-right:5px;
}


/*Category style info .... temporary with tabular data effect*/
table.category {
width: 95%; 
padding: 4px; 
border-style: solid;
border-color: black;
border-width: 1px;
border-collapse: collapse;
margin-left: 8px;
}

table.category td{
text-align: left;
vertical-align: middle;
border-width: 1px;
border-style: solid;
border-color: black;
}

table.category img{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

table.category p{
text-align: center;
font-size: 20px;

}
/*Category style info .... temporary with tabular data effect*/


/*tabular data layout for listing part numbers */
table.products {
width:95%;
padding: 0px; 
border-style: solid;
border-color: black;
border-width: 1px;
border-collapse: collapse;
}

table.products td {
text-align: center;
vertical-align: middle;
border-width: 1px;
border-style: solid;
border-color: black;
}
/* End of tabular data layout for listing part numbers */

/*Selecton of product sorting by criteria*/
#optionLinks{
}
#optionLinks ul {
margin-top:0;
margin-bottom: 5px;
padding:0;	
}
#optionLinks li {
list-style-type: none;
display: inline;
margin-right:10px;
}
/*End of product sorting criteria styles*/
#centerwrap {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	}

	
#navbar {
	height: 30px;
	width: 1000px;
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;
	background-color: #000000;
}
#navbar ul {
	margin: 0px;
	padding: 0px;
	font-size: 17px;
	color: #FFFFFF;
	line-height: 30px;
	white-space: nowrap;
}

#navbar li {
	list-style-type: none;
	display: inline;
	float:none;
}
#navbar li a {
	font-weight: bold;
	text-decoration: none;
	padding: 7px 10px;
	color: #F8F8FF;
}
#navbar li a:link {
    color: #F8F8FF;
}

#navbar li a:hover {
    background-color: #0000FF;
}

#navbar #selected {
		
}
#navbar #selected a {
	background-color: #0000FF;
}


/*Start of Left Navigation Menu.*/
/*This class controls the title div of all left navigation menus*/
.menu {
font-weight:bold;
font-size:17px;
color: White;
background-color: Black;
text-align: center;
margin-right:15px;
margin-top:15px;
margin-bottom:0px;
border: groove black 1px;
padding:0;
}


#menu {
position:relative;
margin-top: 0px;
margin-left: 0px;
width:175px;
}

#menu dt {
cursor: pointer;
background: #FFFFFF;
height: 25px;
line-height: 20px;
border: 1px solid black;
text-align: center;
font-weight: bold;
font-size: 15px;
}

#menu dd {
position: absolute;
z-index: 100;
left: 169px;
margin-top: -1.4em;
width: 10em;
background: #FFFFFF;
border: 1px solid black;
}

#menu ul {
padding: 2px;
margin:0;
list-style-type: none;
}
#menu li {
text-align: center;
font-size: 15px;
height: 18px;
line-height: 18px;
margin:0;
padding:0;
list-style-type: none;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: underline;
}

#title{
margin: 0;
padding: 0;
}
#leftBar{
float: left;
width: 19%;
height: auto;
}

#rightBar{
float: left;
width: 19%;
height: auto;
}

#center{
float: left;
width: 62%;
text-align: left;
height: auto;
}

#ftr{
float: left;
vertical-align: middle;
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
height: auto;
Width: 100%;
}

#ftr a:link,
#ftr a:visited{

}
#ftr li{
Display: inline;
margin: 0;
padding: 0;
}

/*Right Bar Cell boxes outlined with grooved black line.  Using 2 images to switch bullet item on hover.*/
.cell{
margin-top: 15px;
margin-right:0;
margin-left:0;
border: groove black 1px;
}

div.cell h4{
margin-right:0;
margin-left:0;
background: #000000;
border: groove black 1px;
text-align:center;
}

.cell ul{
padding: 0;
margin: 0;
padding-left: 30px;
margin-top:10px;
margin-bottom:10px;

}
.cell li{
list-style-type:none;
line-height: 20px;
}

.cell li a {
background-image: url(blackBoxArrow.gif);
background-repeat: no-repeat;  background-position:0 .4em;
padding: 2px 0px 0px 20px;
color: #000000;
}

.cell li a:hover {
background-image: url(blueArrow.gif);
background-repeat: no-repeat;  background-position:0 .4em;
padding: 2px 0px 0px 20px;
}

.featureBox{
margin-top: 15px;
margin-right:auto;
margin-left:auto;
width:auto;
height:auto;
border: none;
}

table.hours {
width: 100%; 
padding: 10px; 
border-collapse: collapse;
}

table.hours td{
text-align: left;
vertical-align: middle;
border-width: 1px;
border-style: solid;
border-color: black;
font-size: 16px;
}

.services{
margin-top: 20px;
}

.services ul {
font-size:18px;
margin: 0;
padding: 0;
margin-left: 20px;
list-style-type: disc;
}

.services li {
background-image: url(/stylesheets/spade.gif);
background-repeat: no-repeat;  background-position: 0 .4em;
padding-left: 20px;
margin-left: 2px;
margin-top:5px;
}