/* CSS formatting for dittie.com updated March 2005*/
/* Typographic and positioning */

/* background and wrapper div */

body {
background-color: #fee9f0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
}

#container {
width: 750px;
height: auto;
margin-left: auto;
margin-right: auto;
}

/* enable eventual image replacement */
span {
display: none;
}

/* navigation */

#logo { 
width: 750px;
height: 65px;
}

#menu {
width: 730px;
height: 35px;
margin: 0px 0px 0px 20px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
        
#menu li {
float: left;
margin: 0;
padding: 0px;
padding-right: 35px;
}

/* page elements */

/* top full-width element */
#first {
width: 720px;
margin: 20px 0px 0px 25px;
}

/* other full-width elements */
#productbar {
position: relative;
background-image: url(../images_new/product_bar_bg.gif);
background-repeat: no-repeat;
height: 135px;
width: 720px;
margin: 0px 0px 0px 25px;
}

#links01 {
position: absolute;
right: 375px;
top: 85px;
text-align: right;
}

#links02 {
position: absolute;
right: 25px;
top: 85px;
text-align: right;
}

#retailers {
background-image: url(../images_new/retailers_bar.gif);
background-repeat: no-repeat;
height: 70px;
width: 720px;
margin: 10px 0px 0px 25px;
padding: 10px;
}

/* link formatting */
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
color: #D30079;
}

a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
color: #660099;
}



/* footer */

#footer {
padding: 30px 0px 30px 15px;
width: 590px; 
text-align: left;
}

#footer a {
font-size: 11px; 
color: #d30079;
text-align: left;
}

#footer a:hover {
color: #660099;
}

#footer p {
font-size: 11px; 
color: #EC8EA6;
padding: 0px 0px 0px 10px;
}

#footer ul {
list-style: none;
margin: 0px;
padding: 0px;
}
        
#footer li {
display: inline;
margin: 0px;
padding: 0px 10px;
}