html {
font-size:100%;
height: 100%;}

body{
background-color: #695c62;
text-align:center; 
margin:0;
 
}

a, a:link, a:visited {
cursor: pointer;
}

a, a:link{
color:#ed1d7e;
text-decoration: none;
}

a:hover {
color:#993366;
text-decoration: underline;
}

h1 {
font-family: Helvetica, Verdana, Arial, sans-serif;
color: #996699;
font-size: x-large;}

h2 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: medium;
color: #993366;
margin-top: 0em; 
margin-left: 1em;}

h3 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: small;
color: #993366;
}

hr {
color: #993366;}

p {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: small;
color: #4d4d4d;}

input.dark {
background-color: #776c72;
border: none;
color: #f39db8;
height:18px;}

textarea.dark{
background-color: #776c72;
border: none;
color: #f39db8;}


.header{
margin: auto;
text-align: left;
width:1134px;/*1134px*/
height:134px;
background-image: url(../img/bg-head.jpg);
background-repeat: no-repeat;
}



img.logo {
margin-left: 5em;}

.menu {
}

#sddm{	
margin: 0;
padding: 0;
z-index: 30;
margin-top: 2em;
margin-left: 6em;}

#sddm li{	
margin: 0;
padding: 0;
list-style: none;
float: left;
padding-right: 1em;}

#sddm li a{	
display: block;
}

#sddm li.home a:hover{
background-image: url(../img/menu-home-selected.jpg);}

#m1{
position: absolute;}


.top-menu{
margin-top: -5em;
margin-right: 5em;
float: right;
}

.top-menu a{
color: #ffffff;
margin-right: 10px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: small;}

.search-box{
margin-top: -1em;
margin-right: 25em;
float: right;}



.body {
margin: auto;
text-align: left;
width:1134px;

background-image: url(../img/bg-body.jpg);
background-repeat: repeat-y;
overflow: inherit;}


.wrapper{
width:870px;
background-color: #ffffff;
padding-right: 1em;
margin-left: 77px;
}


.top-bar {
width:658px;
height:78px;
background-image: url(../img/top-bar.jpg);
margin-right: 1em;}

.top-bar-stripes {
width:524px;
height:78px;
background-image: url(../img/top-bar-stripes.jpg);
background-repeat: repeat-x;
margin-top: -78px;
margin-left: 457px;}



.footer{
margin: auto;
text-align: left;
width:1134px;
height:96px;
background-image: url(../img/bg-footer.jpg);
background-repeat: no-repeat;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: small;
color: #ffffff;
}


.footer p {
float: left;
color: #ffffff;
}

.footer a {
color: #ffffff;
margin-left:1em;}



.side-menu {
width:100px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: small;

}

.side-menu li {

list-style: none;
margin-top: 1em;
font-weight: 100;
font-style: italic;}


.display-left {
float:left;
width:310px;
margin-left:13em;}

.display-left img{
border: 1px #aaaaaa solid;
}

.display-right {
float:left;
width:370px;
margin-left: 3em;}

.display-right h1{
font-size: large;}

.display-right h2{
font-size: large;
margin:0;}

.display-right table{
font-size: x-small;
color: #4d4d4d;
font-family: Helvetica, Verdana, Arial, sans-serif;
border: 1px #aaaaaa solid;
margin-top: 2em;
margin-bottom: 2em;
padding:1em;
margin-left: 0px;}

.thumb1{
width:93px;
float:left;
margin:5px;}

.thumb2{
width:93px;
float:left;
margin:5px;}

.thumb3 {
width:93px;
float:left;
margin:5px;}

.deliveries{
width:300px;
border: 1px #aaaaaa solid;
margin-top:133px;
margin-left:5px}

.more-ideas {
margin-top: 3em;}

.more-ideas img {
/*width:93px;*/
float:left;
margin-left: 20px;}



.gridview{ vertical-align:top; float:left; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight:normal}
 
.grdHeader
{
    height:40px;
    color:#FB6F9C;
    font-family:Verdana, Geneva, sans-serif;
 
}
.grdRow
{
    
}

/* 
==========================================================================================              pedro's updates
*/
.summary-box {float: left; width: 260px; min-height: 130px; margin: 10px 5px 5px 10px;}
.summary-box h2 {margin-left:0;}
.summary-box p {margin-left: 3px;}
.summary-box img {margin-left: 145px;}

.form-payment {list-style: none; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: small; color: #4d4d4d; line-height: 35px; margin: 0 ; float: left}
.form-payment li label {display: block; width: 140px; float: left}
.form-payment li label strong{font-weight: normal; color: #ff0000}

.order-summary td, .order-summary th{text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #666666; font-weight: normal;}
.order-summary th {color: #993366; font-size: 14px;}
.order-summary td {height: 100px; background-image: url(../img/order-summary-row-each.gif); background-repeat: repeat-x;}
.order-summary td.photo {background-image: url(../img/order-summary-row.gif)}
.order-summary tr.header {height: 38px; background: none;}

.price-summary td {font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #666666; line-height: 25px}
.price-summary td strong {font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #993366; font-style: italic; font-weight: bold}










.headers {
  width: 350px;
  text-align: left;
  margin-top:10px; 
  margin-left:0px; 
  float:left;
}
.leftcol {
  float: left;
  width: 100px;
 
}
.rightcol {
  float: right;
  width: 200px;  
 
}
.content {
  float: left;
  width: 59%;
  text-align: center
}
 
 
 
 /* SALES STYLES */
 /* if on sales */
.saleprice {background-color:red; color:white; margin-right: 5px; padding:2px 3px;} 
.oldprice {font-size:10px; text-decoration:line-through;}  
/* if not */
.zerosaleprice {display: none}