html {
    background-color:#dfffa7;
    margin:0;
    height:100%;
}
body {
    background-color:#dfffa7;
    margin:0;
    height:100%;
}

strong {
    font-weight: bold;
}

h2 {
    font-size: 16px;
    font-weight: 900;
    margin: 10px 10px 0px 10px;
}

#search{
    float:left;
    position:absolute;
    width:243px;
    height: 24px;   
    background-color:#000;
    padding:4px;
    /margin-left:-200px;
    _margin-left:-200px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

#bd {
    background-color:#FFF;
    margin-top:25px;
        min-height: 400px;
}

#logo {
    width: 200px;
    height: 60px;
    margin-top: 35px;
    float: left;
}

#logo img {
    border:0;
}

ul#menu {
    margin: 0;
    padding: 0;
    float: right;
    background-color: #000;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    padding: 4px 4px 4px 4px;
}
ul#menu img{
    float: left;
    padding-right:4px;
}

.persinfo {
    margin-bottom:10px;
    display:block;
    float:left;
}
.persinfo span {
    padding-bottom:5px;
    font-size:14px;
}

.persinfo img{
    float:left;
}

.followprofbut {
    padding:5px;
    width:80px;
    float:left;
}

.followbut {
    padding:5px;
    float:right;
}

.profilemenu {
    margin-top:20px;
}

.profilemenu ul {
    padding:0;
    margin:0;
    margin-bottom:30px;
    display:block;

}

.profilemenu ul li {

    display: block;
    height: 25px;   
    margin-bottom:5px;
    _margin-bottom:0px;
}

.yui-b .profilemenu ul li a {
    background-color:#000;
    color:#FFF;
    display: block;
    height: 25px;   
    text-decoration:none;
    padding-top:7px;
    padding-left:5px;   
}
.favorite {
    background-image: url('/images/icons/heart.png');
    background-repeat: no-repeat;
    background-position:95%;
}

.invite {
    background-image: url('/images/icons/mail.png');
    background-repeat: no-repeat;
    background-position:95%;
}

.profilemenu ul li a:hover {
    background-color:#333;
    color:#FFF;

}


/* Hoofdmenu */
#hd {
    height:70px;
}

#hd ul li{
    padding: 0;
    margin: 0;
    display: inline;
    margin: 0 auto;

}

#hd li a  {
    height: 20px;   
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    padding-top:5px;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-size: 12px;
}

#hd li.selected a {
    display: block;
    float: left;
    background-color: #333333;
    text-align: center;
    font-weight: 900;
    font-size: 12px;
}

#hd li a:hover {
    background-color: #333333;
}

#products {
    padding:5px;
}
#products ul {
    margin-left: 0px;
    margin-bottom: 0px;
}
#products li {
    list-style-type: none;
    margin-left: 0px;
}

.left {
    float: left;
    width: 50%;
}
.right {
    float: right;
    width:45%;
    margin-top:5px;
}

.left textarea,.left input{
    width:250px;
}
.right input{
    width:200px;
}
#product-create input{
    clear:both;
    display: block;
}

.product {
    float: left;
    width:550px;
}

.odd {background-color:#f3f3f3;}
.even {background-color:#FFF;}
.product .title {float: left;display:block;width:75%;margin-top:10px;}
.product .title a{float: left;display:block;width:80%;color:#335C65;font-weight:bold;text-decoration:none;}
.product .image {float: left;margin:10px;}
.product .image a{display:block;}
.product .actie {float: right;padding:5px 5px 0px 0px; clear:both;}
.product .actie a{margin-left:5px;}
.product .actie button {border:none;background:white;cursor:pointer;margin:0;padding:0}
.product .actie form {display:inline;}
.product .description {float: left;padding-bottom:5px;width:69%;font-size:11px;}
.product .price {float: left;width:76px;padding:5px;font-size: 12px;text-align:right;}
.product .posted {float: left;clear:both;padding:0px 0px 5px 5px;font-size: 11px;color:#9d9d9d;margin-left:75px;}
.product .posted a{font-size: 11px;color:#9d9d9d;}

.producttags {
margin-left:5px;
float:left;
}

.yui-b  .yui-g {
    padding:5px;
}
.yui-b .profile{
    display:block;
    padding:5px;
    margin:5px 5px 0px 0px;
    background-color: #CEFF64;
    color:#000;
    margin-bottom: 5px;
}

.yui-b .profile a {
    color:#000;
}
.yui-b .profile p {
    clear:both;
    margin-bottom: 4px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.yui-b .profile p.bio {
    white-space: normal;
    overflow:normal;
}

#submenu a{
    color:#335C65;
    background-color:#C3D4CA;
    font-weight:bold;
}

/* Submenu portfolio */
ul#sub {
    width:560px;
    height: 24px;
    margin: 0;
    padding: 0;
    background-color: #C3D4CA;
    border-top: 5px solid #C3D4CA;
}

/* Hoofdmenu */
#submenu ul li{
    padding: 0;
    margin: 0;
    display: inline;
    margin: 0 auto;
}

#submenu li a {
    height: 20px;   
    display: block;
    float: left;
    margin-left:5px;
    padding-left:10px;
    padding-right:10px;
    padding-top:4px;
    color: #FFF;
    background-color: #335C65;
    text-align: center;
    font-weight: 900;
    font-size: 14px;
text-decoration:none;   

}
#submenu li.selected a, #submenu li a:hover {
    color: #000;
    background-color: #FFF;
}

#settings {
    padding:10px;
    width:538px;
    border-left:1px solid #C3D4CA;
    border-bottom:1px solid #C3D4CA;
    border-right:1px solid #C3D4CA;
}

.opmaak p{
    margin:5px;
    font-size: 14px;
}

#settings {
    padding:10px;
    width:538px;
    border-left:1px solid #C3D4CA;
    border-bottom:1px solid #C3D4CA;
    border-right:1px solid #C3D4CA;
}

.opmaak p{
    margin:5px;
}

/* Submenu portfolio */
ul#num {
    width: 275px;
    height: 15px;
    float:left;
    padding: 0;
    padding-top:7px;
    position:absolute;
    margin-top:70px;
    _margin-top:95px;
    margin-left: 479px;
    /margin-left:280px;
    _margin-left:280px;

}

/* Hoofdmenu */
#display ul li{
    padding: 0;
    margin: 0;
    display: inline;
    margin: 0 auto;
}

#display li img{
    float:left;
}
#display .cleandisplay a{
    width:53px;
    _width:55px; /* works ONLY in IE6 */
    margin-right:5px;
    float:right;
    font-size:12px;
    text-align: center;
    color:#FFF;
    text-decoration: none;
}

#display .follow a{
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px; 
    background-color: #FFF;
    color:#004B23; 
    padding:2px;
}
#display .friend a{
    background-color: #FFF;
    color:#000;
    padding:2px;
}
#display .prod a{
    background-color: #FFF;
    color:#000;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px; 
    padding:2px;
}

#display .prod a:hover,  #display .friend a:hover, #display .follow a:hover {
    background-color: #FFF;
    color:#000;
    padding:2px;
}

.form {
    width:100%;
    padding:10px;
    background-color:#f9ffef;
    width:538px;
    border:1px solid #c3d4ca;
        margin-top: 12px;
}

.form textarea {
     width:420px;
     height: 20px;
}

.form table {
        width:100%;
}

.dropping-form {
    padding:10px;
    background-color:#f9ffef;
    width:538px;
    border:1px solid #c3d4ca;
    margin-top: 2px;
    display:none;
}
.dropping-form .question {
    width: 300px;
}

.dropping-form p {
        margin:5px;
}

#display-start {
    padding:10px;
    width:538px;
    border:1px solid #c3d4ca;
    margin-top: 2px;
}

.message .image {float: left;margin:10px;width:60px;}
.message .image a{display:block;}
.message .actie {float: right;padding:5px 5px 0px 0px; clear:both;}
.message .actie a{margin-left:5px;}
.message .description {float:left;margin-top:12px;padding-bottom:5px;width:69%;font-size:13px;}
.message .posted {display:block;clear:both;padding:0px 0px 5px 5px;font-size: 11px;color:#9d9d9d;margin-left:75px;}
.message .posted a{font-size: 11px;color:#9d9d9d;}

.message {
    float: left;
    width:550px;
}
.simple-button {
    border: thin solid #c3d4ca;
    background: #f9ffef;
    padding: 3px;
    cursor:pointer;
}
ul.tagcloud {
    padding: 12px;
}
ul.tagcloud li {
    display:inline;
}
ul.tagcloud .size0 {
    font-size: 9pt;
    color: #baf;
    display:none;
}
ul.tagcloud .size1 {
    font-size: 9pt;
    color: #a9f;
}
ul.tagcloud .size2 {
    font-size: 11pt;
}
ul.tagcloud .size3 {
    font-size: 15pt;
    padding: 1px;
    color: #54d;
}
ul.tagcloud .size4 {
    font-size: 20pt;
    padding: 3px;
}

h1 {
    font-size:22px;
    font-weight:bold;
    margin: 5px 0px 5px 0px;
}

h2 {
    margin-top:10px;
    margin-left:5px;
    font-size:13pt;
    font-weight:bold;
}

h3 {
    font-size: 14pt;
    font-weight:bold;
    color: #46bba7;
}

#ft {
    margin-top:3px;
    text-align:center;
}
.dropping-form input {
    padding: 1px;
}

#login-bar {
    text-align:right;
    background:black;
    color:white;
    padding: 3px;
}

#login-bar a {
    color: white;
}

form button.link {
    border:0;
    color:#777;
    cursor:pointer;
    text-decoration:underline;
    background:transparent;
}
form button.link:hover {
    border:0;
    color:#555;
    cursor:pointer;
    text-decoration:underline;
    background:transparent;

}

/* product detail*/
.pricetag {
    float: right;
    font-size:26px;
    color: #CC0000;
    margin-top:10px;
    height:25px;
    text-align:right;
    font-weight:bold;
}
.pos {
    margin-top: 15px;
}

.dateposted {
    float:left;
    text-align:right;
    margin-bottom:5px;
    width:100%;
    color:#939393;
    padding-bottom: 2px;
    border-bottom:1px solid #c2c2c2;
}
.imagetag {
    margin:10px 10px 10px 10px;
    float:left;
}

label {
    font-weight: bold;
}

#settings table th {
    padding: 5px;
    border-top: 2px solid white;
    border-right: 2px solid white;
}
#settings table td {
    padding: 5px;
    border-top: 2px solid white;
    border-right: 2px solid white;
}

#settings table th.header {
    font-weight: bold;
    font-size:1.1em;
}

#settings table th.email {
    text-align:center;
    font-variant: small-caps;
}

#settings table td.checkbox {
    text-align:center;
}

#settings table td.notification {
    font-style:italic;
    padding: 5px;
}

#settings table td.spacer {
    height: 10px;
}

#settings table tr.row0 td {
    background: #e5e5e5;
}

#settings table tr.row1 td {
    background: #d5d5d5;
}

#settings table tr.row0 th {
    background: #e5e5e5;
}

#settings table tr.row1 th {
    background: #d5d5d5;
}
#settings table {
    margin: 12px 0px;
}

#feedback {
    position: fixed;
    top: 100px;
    left: 0px;
    height: 88px;

    border-right: 3px black solid;
    border-top: 4px black solid;
    border-bottom: 3px black solid;
    border-left:none;

    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;

    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;

    margin:0;
    padding:0;
}

#feedback:hover {
    padding-left: 2px;
    background: #faa;
}

.dropping-form dl dt {
    margin-top: 12px;
    font-weight: bold;
}
.dropping-form dl dt {
    margin-top: 12px;
}

.flash-info {
    position: absolute;
    width:100%;
    height: 35px;
    z-index:100;
    left:0;
    top:0;
    background-color:#000;
    color:#FFF;
    text-align:center;
    font-weight:bold;
    padding-top:15px;
}

.flash-error {
    position: absolute;
    width:100%;
    height: 35px;
    z-index:100;
    left:0;
    top:0;
    background-color:#000;
    color:#FFF;
    text-align:center;
    font-weight:bold;
    padding-top:15px;
}
.mailbox .message th, .mailbox .message td {
    padding: 3px;
}

.message th {
    font-weight :bold;
}

.mailbox li {
    display:inline;
    font-weight: bold;
    margin-right: 12px;
}
.mailbox ul {
    border-bottom: thin solid #eee;
    padding-bottom: 12px;
}
.mailbox .messages th {
    font-weight: bold;
}

td.unread {
    font-weight:bold;
}
div.mailbox {
}

.mailbox p {
    margin-bottom: 3px;
}
table.data td, table.data th {
    padding: 2px;
    border-bottom: 1px solid #ddd;
}

div.message table {
    margin-top: 12px;
    border: 1px solid #ddd;
    width:100%;
}
div.message table td.body {
    border: 1px solid #ddd;
}

div.share-item {
    margin-top: 12px;
    margin-left:10px;
    padding: 4px;
}
div.share-item h2 {
    margin:0;
}

div.user-new {
    padding: 12px;
}
div.user-new p {
    margin-bottom: 12px;
}
    
p {
    margin-bottom: 12px;
}

ul {
    margin-left: 24px;
    margin-bottom: 12px;
}
ul li {
    list-style-type: disc;
    margin-left: 24px;
}
ol li {
    list-style-type: decimal;
    margin-left: 24px;
}

.profile li {
    margin-left:0;
}

p.signup {
    margin-top: 48px;
    text-align:center;
}

div.short-message {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #FAF8D9;
    margin-top: 12px;
    padding:4px;
    color:#333;
}
div.short-message p {
    margin:0;
}

.block {
    text-align:center;
    margin-top: 24px;
}

#cta {
    float:left;
    width:560px;
    height: 210px;   
    background-image:url(/images/icons/frontpagebg.jpg);
}
#frontpage h1 {
    color:#8aa45e;
}

#cta .snail {
    position:absolute;
    background-image:url(/images/icons/snailsalefamily.png);
    height:45px;
    margin-top:-45px;
    margin-left:435px;
    z-index:5;
}
#frontpage p {
    font-weight:bold;
    margin-left:2px;
    font-family: Arial, Verdana;

}
.ssbenefits {
    margin:10px;
    font-family: Arial, Verdana;
    margin-bottom:15px;
}

.ssbenefits li {
margin-top:2px;
}
#cta h2 {
    margin-top:30px;
    text-align:center;
    font-size: 20px;
    color:#FFF;
}