/* panda.de forms.css */

/*

FARBEN

grauweiß:    #FAFAFA (bg-content)
hellgrau:    #F2F2F2 (bg-sidebar, bg-cart,bg-mainmenue:hover,bg-cartmenue)
hellgrau2:   #EBEBEB (filter)
dunkelgrau:  #AFB2AF (text, menues, borders)
rot:         #A70036 (pandarot)

*/

/* GUTSCHEIN */
div.gutschein {
	height:220px;
	margin-bottom:20px;
	border-bottom:dashed 1px #AFB2AF;
}
div.gutschein img {
	width:350px;
	height:200px;
	float:right;
	margin-left:20px;
}
/* STANDARD FORMULARE */
table.sforms, table.nl_sforms {
	width:350px;
	border:0;
	margin-bottom:10px;
}
table.sforms th, table.nl_sforms th {
	padding-bottom:10px;
}
table.sforms td, table.nl_sforms td {
	padding-bottom:4px;
}
table.sforms td.text, table.nl_sforms td.text {
	width:120px;
}
table.sforms td.field, table.nl_sforms td.field {
	width:230px;
}
table.sforms td.field input.field, table.sforms td.field select.field, table.sforms td.field textarea.field {
	width:228px;
}
table.nl_sforms td.field input.field, table.nl_sforms td.field select.field, table.nl_sforms td.field textarea.field {
	width:228px;
}
div.formhinweis {
	clear:both;
	padding-bottom:10px;
	border-bottom:dashed 1px #AFB2AF;
}
div.formbutton {
	text-align:right;
	margin-top:10px;
	margin-bottom:10px;
}

/* NEWSLETTER FORMULAR NEBENEINANDER */
table.nl_sforms {
   width:374px;
   float:left;
   margin-top:10px;
}

/* WARENKORB */

#timeline {
	height:70px;
	background:#F2F2F2;
	margin-bottom:20px;
}
#timeline div {
	float:left;
	width:187px;
	border-right:solid 4px #fafafa;
	height:70px;
	text-align:center;
	text-transform:uppercase;
	font-size:13px;
	color:#AFB2AF;
}
#timeline div.last {
	float:right;
	border-right:0;
}
#timeline div.active {
	background:#EBEBEB;
}
#timeline span {
	font-size:28px;
	display:block;
}
#timeline a {
	color:#AFB2AF;
}
#timeline a:hover {
	color:#A70036;
}
#weekoffer {
	width:100%;
	border:0;
	margin-bottom:20px;
	background:#A70036;
}
#weekoffer td.intro {
	text-align:center;
	vertical-align:middle;
	width:185px;
	color:#fff;
	text-transform:uppercase;
	font-size:20px;
}
#weekoffer td.image, #weekoffer td.button {
	width:123px;
	height:123px;
	border:solid 1px #AFB2AF;
	vertical-align:middle;
	text-align:center;
	background:#fafafa;
}
#weekoffer td.image:hover, #weekoffer td.button:hover {
	border:solid 1px #A70036;
}
#weekoffer td.text {
	padding:10px;
	padding-bottom:0;
}
#weekoffer td.text h2, #weekoffer td.text p, #weekoffer td.text a {
	color:#fff;
}
#wklist {
	width:100%;
	border:0;
	border-top:dashed 1px #AFB2AF;
	margin-bottom:20px;
	background:#F2F2F2;
}
#wklist th {
	font-weight:normal;
	height:30px;
	vertical-align:middle;
}
#wklist tr.item td {
	border-bottom:dashed 1px #AFB2AF;
	background:#FAFAFA;
	padding-top:4px;
	padding-bottom:4px;
	vertical-align:middle;
}
#wklist th.image {
	width:60px;
}
#wklist tr.item td.image table {
	border:0;
	width:60px;
}
#wklist tr.item td.image table td {
	border:solid 1px #AFB2AF;
	width:58px;
	height:58px;
	vertical-align:middle;
	text-align:center;
	padding:0;
}
#wklist tr.item td.image table td:hover {
	border:solid 1px #A70036;
}
#wklist th.artnr, #wklist tr.item td.artnr {
	width:80px;
	padding-left:10px;
	border-right:solid 4px #f2f2f2;
}
#wklist th.menge, #wklist tr.item td.menge {
	width:40px;
	padding-left:10px;
	border-right:solid 4px #f2f2f2;
}
#wklist tr.item td.menge input {
	width:28px;
	text-align:center;
}
#wklist th.text, #wklist tr.item td.text {
	padding-left:10px;
	border-right:solid 4px #f2f2f2;
	width:235px;
}
#wklist th.lieferbar, #wklist tr.item td.lieferbar {
	width:80px;
	border-right:solid 4px #f2f2f2;
	text-align:center;
}

#wklist th.einzel, #wklist tr.item td.einzel {
	width:80px;
	border-right:solid 4px #f2f2f2;
	text-align:right;
	padding-right:10px;
}
#wklist th.gesamt, #wklist tr.item td.gesamt {
	width:90px;
	border-right:solid 4px #f2f2f2;
	text-align:right;
	padding-right:10px;
}
#wklist th.delete, #wklist tr.item td.delete {
	text-align:center;
	width:30px;
}
#wklist tr.item td.delete img {
	width:13px;
	height:13px;
}
#wklist td.total {
	text-align:right;
	padding-right:10px;
	padding-top:20px;
	border-right:solid 4px #fafafa;
	background:#fafafa;
}
#wklist td.total table {
	width:100%;
	border:0;
}
#wklist td.total table td {
	width:50%;
	font-weight:bold;
	text-align:right;
	height:20px;
	white-space:nowrap;
	padding-left:10px;
}
#wklist td.total table td span {
	border-bottom:double 3px #000;
}
#wklist td.bgwhite {
	background:#fafafa;
}
#wklist td.vorteil {
	padding:10px;
}
#wklist td.vorteil h1 {
	color:#A70036;
	padding:0;
}
#wklist td.vorteil h1 span {
	font-size:13px;
	color:#000;
}
#wklist td.vorteil table {
	border:0;
}
#wklist td.vorteil table td {
	padding-right:10px;
	white-space:nowrap;
	vertical-align:bottom;
}
#wklist td.vorteil input {
	width:33px;
}
#wklist td.actions {
	padding-top:10px;
	padding-bottom:10px;
	background:#fafafa;
	border-bottom:dashed 1px #AFB2AF;
	border-top:dashed 1px #AFB2AF;
}
#wklist td.actions table {
	border:0;
	width:100%;
}
#wklist td.actions table td {
	vertical-align:middle;
}
#wklist td.actions table td.button {
	width:129px;
	text-align:right;
}
#wklist td.actions table td.text {
	padding-left:20px;
	padding-right:20px;
}
#wklist td.actionscheck {
	background:#fafafa;
	border-bottom:dashed 1px #AFB2AF;
}
#wklist td.actionscheck table {
	border:0;
	width:100%;
}
#wklist td.actionscheck table td {
	vertical-align:middle;
}
#wklist td.actionscheck table td.button {
	width:129px;
	text-align:right;
}
#wklist td.actionscheck table td.text {
	padding-right:90px;
}
#wklist td.mypanda {
	padding:10px 0;
	border-bottom:dashed 1px #AFB2AF;
	border-top:dashed 1px #AFB2AF;
}
#wklist td.mypanda div.vorteile {
	float:right;
	width:500px;
}
#wklist td.mypanda input.field {
	width:183px;
}
/* BESTELLKARTE */
#directlist {
	border:0;
	width:100%;
	border-bottom:dashed 1px #AFB2AF;
	border-top:dashed 1px #AFB2AF;
	margin-bottom:10px;
}
#directlist td {
	padding-top:10px;
	padding-bottom:10px;
}
#directlist td.text {
	width:190px;
	padding-right:20px;
}
#directlist td.form {
	padding:0;
	width:330px;
}
#directlist td.form table {
	width:100%;
	border:0;
	background:#f2f2f2;
}
#directlist td.form table th {
	padding:10px;
	font-weight:normal;
}
#directlist td.form table td {
	padding:10px;
	padding-bottom:0;
	background:#fafafa;
}
#directlist td.form table tr.last td {
	padding-bottom:10px;
}
#directlist td.form table th.number, #directlist td.form table td.number {
	padding-right:0;
	width:20px;
	background:#fafafa;
	border-right:solid 4px #f2f2f2;
}
#directlist td.form table th.artnr, #directlist td.form table td.artnr {
	border-right:solid 4px #f2f2f2;
	width:100px;
}
#directlist td.form table td.artnr input {
	width:98px;
}
#directlist td.form table th.size, #directlist td.form table td.size {
	border-right:solid 4px #f2f2f2;
	width:50px;
}
#directlist td.form table td.size input {
	width:48px;
}
#directlist td.form table th.menge, #directlist td.form table td.menge {
	border-right:solid 4px #f2f2f2;
	width:30px;
}
#directlist td.form table td.menge input {
	width:28px;
}
#directlist td.form table th.delete, #directlist td.form table td.delete {
	border-right:solid 4px #f2f2f2;
	width:40px;
	text-align:center;
	width:20px;
}
#directlist td.form table td.delete img {
	width:13px;
	height:13px;
}
#directlist td.button {
	text-align:right;
	width:210px;
}
img.lieferlegende {
	vertical-align:middle;
	margin-right:10px;
	margin-bottom:4px;
}
/* WARENKORB LOGIN */
table.wklogin {
	width:100%;
	border:0;
}
table.wklogin td {
	width:50%;
}
table.wklogin td.text {
	padding-right:60px;
}
table.wklogin td.form div {
	background:#f2f2f2;
	padding:10px;
	padding-bottom:0;
	margin-bottom:10px;
}
table.wklogin td.form div input.field {
	width:183px;
}
/* WARENKORB PRÜFEN */
#adresslist {
	width:100%;
	border:0;
	border-top:dashed 1px #AFB2AF;
	background:#F2F2F2;
}
#adresslist td {
	border-right:solid 4px #fafafa;
	padding:10px;
	width:33%;
}
#adresslist td.last {
	border:0;
}
/* KATALOGANFORDERUNG */
#kataloge {
	height:240px;
}
#kataloge div {
	float:left;
	width:220px;
}
#kataloge div img {
	width:160px;
	height:200px;
	margin-bottom:10px;
}
/* NEWSLETTER */
table.newsletter {
	width:500px;
	border:0;
	margin-bottom:10px;
}
table.newsletter td {
	padding-bottom:4px;
}
table.newsletter td.field {
	padding-top:4px;
	width:30px;
}
table.newsletter td.text {
	width:470px;
}
table.newsletter td.text span {
	font-size:20px;
	color:#A70036;
}
/* FORMERROR */
tr.error td,  p.error label, label.error, label.error a {
	color:#A70036;
}
tr.error input.field, tr.error select.field
, p.error  input.field, p.error select.field
, input.error
{
	border:dashed 1px #A70036;
	background-color:#F2D9E1;
}
tr.error input.field:focus, tr.error select.field:focus{
	border-style:solid;
}


/* MYPANDA */
table.mylogin {
 width:100%;
 border:0;
}
table.mylogin td.text {
 width:46%;
 background:#f2f2f2;
 padding:10px;
 padding-bottom:0;
}
table.mylogin td.btn {
 text-align:right;
 background:#f2f2f2;
 padding-right:10px;
 padding-bottom:10px;
}
table.mylogin td.btn2 {
 text-align:right;
 padding:10px;
}
table.mylogin td.spacer {
 width:8%;
}
table.mylogin td.spacer2 {
 height:20px;
}


/* LIEBLINGSPRODUKT */
#wklist th.love, #wklist tr.item td.love {
	width:40px;
	border-left:solid 4px #f2f2f2;
	text-align:center;
}
#wklist tr#love td, #wklist tr.item td.love {
	background-color:#F2D9E1;
}
#wklist tr#love table td, #wklist tr.item td.nobg{
	background-color:#FAFAFA;
}
/*Formular fuer Seite empfehlen*/
table.sforms.rec {
	width:500px
}
/*Freunde werben*/
#fsw_preview{
        width:350px;
        float:right;
}
#wk_fsw{
        width:100%;
        border:0;
        background:#F2F2F2;
}
#wk_fsw td.image{
        width:123px;
        height:123px;
        border:solid 1px #AFB2AF;
        vertical-align:middle;
        text-align:center;
        background:#fafafa;
}
#wk_fsw td.image:hover {
        border:solid 1px #A70036;
}
#wk_fsw td.text{
        padding:10px;
}
#wk_fsw td.button{
        width:150px;
}

/* MERKZETTEL */

div.MZnav{
	float:right;
	white-space:nowrap;
	width:120px;
	text-align:left;
}
div.MZdummy{
	float:left;
	width:120px;
}
#wklist tr.item th.check, #wklist tr.item td.check{
	width:20px;
	padding-left:4px;
	padding-right:4px;
}
#wklist td.noteOptions{
	background:#F2F2F2;
	padding:10px;
	padding-left:11px;
}
a.red, span.red{
	color:#A70036;
}
a.red:hover{
	color:#000;
}