#top {
padding: .5em;
background-image:url("gradient.png");
border-bottom: 2px solid lightgrey;
}

#top h1 {
padding: 0;
margin: 0;
}

#warning-box {
    color: #333;
    background-color: #ffeeee;
    border: 1px solid #ffA4c0;
}

#info-box {
    color: #333;
    background-color: #eeffee;
    border: 1px solid #A4ffc0;
}

body {
	background-color: #EEEEEE;
	margin-left: 10px;
	margin-right: 10px;
}

#pagination {
clear:both;
display: block;
width:100%;
float: none;
padding: 1em;
}

#pagination ul {
margin: 0;
padding: 0;
text-align: left; 
font-size: 12px;
}

#pagination li {
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

#pagination a, #pagination a:visited {
padding: 0 5px;
text-decoration: none; 
}

#pagination li.currentpage {
font-weight: bold;
padding: 0 5px;
}

.mainImage {
border:solid 1px silver;
border-radius: 5px;
padding:5px;
box-shadow: 10px 10px 20px #888888;
display: inline-block; /* Shrink the box to fit the image */
}
.productImage {
border:solid 1px silver;
border-radius: 5px;
padding:5px;
float: left;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom:20px;
text-align: center;
box-shadow: 10px 10px 20px #888888;
}

#product_category ul li {
list-style: none;
padding: 0.5em;
border-bottom: 1px dashed #e0e0e0;	
background-color: white;
}

#product_category ul li:hover {
	background-color: #f0fff0;
}

#product_category ul li a {
	display: block;
}

.boldredfont {
    color: red;
	font-size: 150%;
}
.redfont {
    color: red;
}
.greenfont {
    color: green;
}
.bluefont {
    color: blue;
}
.navyfont {
    color: darkblue;
}
.maroonfont {
    color: darkred;
}
.error {
    color: red;
    text-align: center;
}
.required_field {
	background-color: #fff0f0;
}
.readonly_field {
	background-color: #ddd;
    color: #777;
}
.help, p.help {
        font-size:10px !important; color:#666;
}

#payment ul li{
    list-style-type: none;
}
.zoom {
  transition: transform .5s; /* Animation */
}

.zoom:hover {
  transform: scale(1.05);
}

 /* unvisited link */
a:link {
  color: blue;
}

/* visited link */
a:visited {
  color: darkblue;
}

/* mouse over link */
a:hover {
  color: red;
}

/* selected link */
a:active {
  color: green;
}