/* === General === */

* {
    margin: 0em;
    padding: 0em;
}

body {
    background: #c2618b;
    font-size: 0.9em;
    font-family: verdana, arial;
}

a, a:visited {
    color: #8e3144;
    text-decoration: inherit;
}
a:hover {
    background: #8e3144;
    color: #ffffff;
}
a img { border: 0px; }

p {
    margin: 1em 0em;
    text-align: justify;
}

ul {
    margin: 1em 0em;
    padding-left: 1em;
}
li { margin: 0.5em 0em; }

h1, h2, h3, h4, h5, h6 {
    margin: 1em 0em;
    text-align: center;
    font-weight: bold;
    color: #8e3144;
}
h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

input, textarea {
    display: block;
    width: 400px;
    margin: 0.5em 0em;
    font-family: inherit;
    font-size: inherit;
}
input.button { width: 200px; }

form {
    border-left: 5px solid #8e3144;
    padding-left: 1em;
}

/* === Header === */

a.header:hover { background: inherit; }

#header {
    margin-bottom: 1em;
}

/* === Page === */

#page {
    padding: 2em 30px;
    width: 720px;
    margin: 0em auto;
    background-image: url('background.jpg');
}

#box {
    float: right;
}

/* === Menu === */

#menu {
    padding: 0em;
    width: 150px;
    margin: 0em;
    margin-right: 14px;
    float: left;
    list-style-type: none;
    border-right: 1px dashed #8e3144;
    font-weight: bold;
}

/* === Message === */

#msg {
    margin-bottom: 1em;
    padding-left: 0.5em;
    border-left: 5px solid;
    border-color: #00ac00;
    background: #72b872;
}

#msg.error_msg {
    border-color: #ff0000;
    background: #ff6a6a;
}

/* === Content === */

#content {
    width: 555px;
}

h1 { margin-top: 0em; }

#content strong {
    font-weight: bold;
    color: #8e3144;
}

#content img {
    display: block;
    margin: 3em auto;
}

#content blockquote p {
    text-align: center;
    font-style: italic;
}

/* === Footer === */

.clear { clear: both; }

#footer { 
    border-top: 1px dashed #8e3144;
    margin-top: 1em;
    padding-top: 1em;
    font-size: 0.9em;
    font-style: italic;
    text-align: center;
}

/* === Application === */

#offers {
    width: 100%;
    margin: 1em 0em;
    color: #8e3144;
    font-weight: bold;
}
#offers td { border-bottom: 1px dotted #8e3144 }
#offers .price {
    text-align: right;
}