body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: #CC003F url(images/body-bg.jpg) repeat-x;
margin: 0 0 0 0;
padding: 20px 0 20px 0;
color: #000;
}

html {
overflow-y:scroll;
}

h1 {
color: #CC003F;
font-size: 26px;
margin: 0 0 8px 0;
padding: 0 0 0 0;
}

h2 {
color: #CC003F;
font-size: 26px;
margin: 0 0 4px 0;
padding: 0 0 0 0;
}

.top {
color: #fff;
font-weight: bold;
font-size: 26px;
margin: 0 0 0 0;
padding: 50px 0 0 45px;
display: block;
}


p {
font-size: 12px;
margin: 0 0 8px 0;
padding: 0 0 0 0;
}

a:link {
color: #000000; 
text-decoration: none; 
}

a:visited {
color: #000000; 
text-decoration: none; 
}

a:hover {
color: #000000; 
text-decoration: underline; 
}

a:active {
color: #000000; 
}

#container {
width: 956px;
background: #fff url(images/new-head3.jpg) no-repeat;
margin: 0 auto 0 auto;
padding: 0 0 6px 0;
}

#header a{
display: block;
overflow: hidden;
background: ;
height: 0;
margin: 0 auto 0 auto;
padding: 60px 0 0 0;
}



#left {
width: 642px;
float: left;
background: ;
margin: 0 0 0 0;
padding: 10px 0 0 45px;
}

#left ul{
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#left li{
float: left;
background: url(images/test5.jpg) no-repeat top;
height: 175px;
width: 146px;
list-style: none;
margin: 0 10px 10px 0;
padding: 0 0 0 0;
text-align: center;

}

#left li img{
margin-bottom: 6px;
padding: 5px 0 0 0;
}

#left li a{
text-decoration: none;
font-weight: bold;
color: #fff;
}

#left li a:hover{

text-decoration: none;
}

#left ul li h3.name {
font-size: 12px;
font-weight: bold;
display: block;
min-height: 35px;
padding: 0 4px 0 4px;
margin: 0 0 0 0;
}


#left ul li  .price {
display: block;
font-weight: bold;
color: #CC003F;
padding: 0 0 7px 0;
}

#left ul li  .info  {
display: block;
color: #fff;
font-weight: bold;
}

#special img {
margin: 0 0 0 0;
padding: 5px 0 0 0;
}

#special h2.feature  {
font-size: 14px;
font-weight: bold;
color: #000;
display: block;
min-height: 35px;
padding: 0 0 4px 0;
margin: 0 0 0 0;
}

#special .price {
display: block;
font-weight: bold;
font-size: 18px;
color: #CC003F;
padding: 0 0 24px 0;
}

#special .info a  {
display: block;
color: #fff;
font-weight: bold;
font-size: 14px;
}

#right {
width: 249px;
float: right;
background: ;
margin: 0 0 0 0;
padding: 150px 0 0 0;
}

#right h2 {
width: 183px;
padding: 0 10px 5px 10px;
margin: 0 0 0 7px;
text-align: center;
}

#special {
padding: 10px 10px 10px 10px;
margin: 0 0 0 7px;
width: 183px;
height: 193px;
line-height: 15px;
text-align: center;
background: url(images/special-offers-box.jpg) no-repeat;
font-weight: bold;
}

#special a{
text-decoration: none;
}

#footer {
clear: both;
width: 932px;
background: url(images/fade2.png) repeat-x #DAD7D7 top;
border: 1px solid #666;
margin: 0 auto 0 auto;
padding: 2px 10px 0 0;
list-style:none;
}

#footer p {

padding: 5px 40px 0 40px;
color: #333;
}

#footer li{
display:inline;
border-right: 1px solid #333;
padding: 0 5px 0 5px;
line-height: 18px;

}

#footer a{
text-decoration: none;
color: #333;
}

#footer a:hover{
color: #CC003F;
}

img {
border: none;
}




