/*
 * Der Händler - Reseller CSS
 * @author: Frank Matuse <frank@extrastyle.de>
 */

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100.01%;
    color: #ededed;
    background: #000 url(../img/bg_outside_reseller_black.png) 0 -40px repeat-x;
}

body.single {background: #000 url(../img/bg_outside_reseller_black.png) 0 -188px repeat-x;}

#wrap{ width: 900px; margin: 100px auto 0 auto; }

#wrapper{ width: 980px; margin: 0 auto; background: #000 url(../img/bg_reseller_black.png) 0 -40px repeat-x; } 

a { color: #3db1b1; color: #3db1b1}

h1 { margin: 0 0 .5em 0; color: #3db1b1}

h2 { color: #fff; font-size: 160%; margin: 0 0 50px; 0; line-height: 1.2em;}
h2 strong { color: #c00; }

p { font-size: 0.88em; margin: 0; overflow: hidden; line-height: 1.4em; margin: 0 0 1em 0; }

p.caption {
    font-weight: bold;
    font-size: 0.75em;
    color: #ededed;
    margin: .3em 0 1em 0;
}

p.video {
    font-weight: normal;
    color: #ccc;
    margin: 1em 0 1em .5em;
    font-size: 0.75em;
    line-height: 1.6em;
}

p.video span{
    font-weight: bold;
    color: #fff;
}

p.video a{
    font-weight: bold;
}

p.feedback {
    color: #ccc;
    margin: 0 0 1.6em 0;
    font-size: 0.75em;
    line-height: 1.6em;
}

p.feedback span {
    color: #999999;
    font-size: 0.88em;
    display:block;
    text-align: right;
    margin: .2em 0 0 0;
    line-height: 100%;
}

.package h3 {
    font-size: 1em;
    margin: 0 0 .5em 0;
    color: #3db1b1;
}

.package p {
    font-size: 0.75em;
    line-height: 1.4em;
    font-weight: bold;
}

.package p span {
    font-weight: normal;
}

.package h3, .package p {
    margin-left: .5em;
}

.package h3 a {
    color: #ccc;
    font-size: .75em;
}

.package strong {
    display: block;
    color: #c00; 
    font-size: 1.67em;
    margin: .4em 0 .5em 0;
}

.package a {outline: none;}
.package img { border: none; }

.disabled, .disabled h3, .disabled p, .disabled p span, .disabled p strong {
    color: #999;
}

#orderform {
    margin: 1em 0 1em 0;
}

#formwrapper { 
    padding: 1em .5em .1em .5em; 
    background: #000 url(../img/bg_form.gif) left top no-repeat;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#terms { margin: 0 0 2em 0; }

#terms p, #terms h4 {
    font-size: 0.68em;
    line-height: 1.4em;
    color: #999;
}

.container_12 {
    padding-top: 60px;
}

label, .pseudo-label { padding-top: .2em; color: #ededed; float: left; display: block; width: 80px; font-size: .92em; line-height: 1.4em;}
label.inline { color: #ededed; float:none; width: auto; display: inline; line-height: 1.7em;}
input.tf {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 150px;
    font-size: 1em;
    background-color: #ededed;
}

select {
    margin-top: none;
    padding: none;
    width: 155px;
}

.requiered label, .requiered .pseudo-label {
    color: #c00;
}

.req {

}

form {
    margin-bottom: 2em;
}

form p {
    margin: 1px 0 1px 0;
    padding: .3em .2em;
}

p.small {
    font-size: 0.75em;
    color: #ccc;
}

.message {
    text-align: center;
    font-size: 13px;
    color: #ccc;
    padding: 10px;
    background: #171717;
    margin: 0 0 1em 0;
    border: 2px solid #3db1b1;
    display: none;
}

.error {
    border: 2px solid #e40000;
    color: #ccc;
    display: block;
}

td.messageStackError img { display: none; border: none;}
td.messageStackError { font-size: 1em; line-height: 1.4em; color: #ccc;}

#reseller, #reseller_success {
    margin: 0 auto;
    width: 510px;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100.01%;
    color: #ededed;
}

#reseller_success {
    width: 520px;
    margin: 0 auto;
}

#reseller_success h1 {
    margin: .5em 0 1em 0;
    font-size: 1.2em;
    color: #3db1b1;
    text-shadow: none;
}

#reseller a, #reseller_success a { font-weight: bold; color: #3db1b1; }

#reseller_success ul {
    list-style-type: none;
    margin: 1em 0 1em .5em;
    padding: 0;
}

#reseller_success li {
    font-size: .92em;
    line-height: 1.4em;
    padding: .3em 0 1.3em 45px;
    display: block;
    background: url(../img/ok.gif) left top no-repeat;
}

#mediabox {}

#mediabox a { color: #ffff66; }
#mediabox .larger { font-size: 1.2em; }

#popup {
    width: 900px;
    background: #000 url(../img/bg_popup.gif) left top repeat-x;
}

#popup .col {
    width: 33%;
    float: left;
    background: url(../img/bg_popup_book.gif) center top no-repeat;
}

#popup .colwrap {
    margin: 0px 10px 2em 10px;
}

#popup .image {
    padding-top: 35px;
    text-align: center;
}

#popup h3 {
    color: #3db1b1;
    margin: .7em 0 .5em 0;
}

#popup p {
    font-size: 0.75em;
}

#popup .large {
    font-size: 1.4em;
}

#popup .larger {
    font-size: 1.4em;
}

#sidebar {
    margin: 0;
}