/* ------reset satrts here---! */
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
color:#000;
font-family:Verdana,"Times New Roman", Times,Arial, serif;
margin:0;
padding:0;
font-size:14px;
line-height:140%;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*--------reset ends here------ */


/*--------define html tags------- */

td p{
padding:0px;margin:0px;
}
p{
color:#000;
margin:0 0 1.4em 0;
line-height:150%;
}


a img{
border:0;
}
a{
  
   color:#db1c00;
text-decoration:none;
}
a:hover{
color:#9e9975;
text-decoration:none;
}
h1{
color:#b8ad77; 
font-size:24px;
font-weight:normal;
margin:0 0 1.4em 0;
}

h2{
color:#91b031;
font-size:18px;
margin:0 0 .5em 0;
}
h3{
color:#4a3f00;
font-size:16px;
margin:0 0 .7em 0;
}
h4{font-weight:bold;color:#646464;}
strong{font-weight:bold;}
em{font-style:italic;}
.header{background:#e7e7dc;margin-bottom:10px;}
.item{font-size:12px;}


/*styles for product display*/
.product{padding-bottom:15px;font-size:12px;text-align:center;border:1px solid #fff;width:150px;}
.product:hover{border:1px solid #eee;}
.product .cost{color:#b7ac75;font-size:12px;}
.productpic{height:150px;display: table-cell;text-align:center;vertical-align:bottom;width:150px;}
.productpic * {vertical-align: bottom;}

.cost{color:#000;font-size:16px;}