/***************************
****************************
COMMON
****************************
***************************/

body #main-area { color: #777; }
body #main-area #container { font-family: 'Open Sans', sans-serif;  }
h1 { color: #333; font-size: 25px; font-weight: 300; }
h2 { color: #333; font-size: 21px; line-height: 30px; padding: 7px; font-weight: 300; }
h3 { color: #333; line-height: 22px; font-size: 15px; font-weight: normal; }
h4 { color: #333; font-size: 14px; font-weight: bold; margin-top: 20px; }
p { margin-bottom: 5px; font-size: 14px; }
::selection { background: #f1a402; color: white; text-shadow: none; }
.show-tooltip { text-decoration: underline; }


/***************************
****************************
PAGES
****************************
***************************/

/* LOGINPAGE */
#login-v4-login { position: relative; height: 355px; margin-top: 20px;  padding-top: 45px; background: url('//img3c.fotocdn.de/dbd9av4g/files/bg-login-v1-3.jpg'); }
#qr-demo { position: absolute; top: 210px; left: 700px; width: 175px; height: 163px; }
#login-box { margin: 50px auto; padding: 25px 0 45px 0; width: 550px; background: #fff; position: relative; text-align: center; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -webkit-box-shadow: 0px 0px 8px 0px rgba(100, 100, 100, 0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(100, 100, 100, 0.3); box-shadow: 0px 0px 8px 0px rgba(100, 100, 100, 0.3); }
#login-box .kids { margin-top: -75px; }
#login-box h1 img { margin: 1px 10px 5px 0; }
#login-v4-login #GuestAccessCode { width: 250px; padding: 11px; }
#login-v4-login #GuestAccessLoginForm .btn { width: 140px; }
#login-v4-login .more-passwords { display: block; padding-top: 7px; }
#already-customer-login { background: #e7e7e7; text-align: center; padding: 12px 0; }
#already-customer-login span, #already-customer-login a { padding: 3px 10px; vertical-align: middle; }
#already-customer-login span.customer-login-headline { font-size: 14px; font-weight: 400; color: #444; }
#already-customer-login #CustomerLoginForm { margin-bottom: 0; }
#already-customer-login #CustomerLoginForm input { margin-bottom: 0; }
#already-customer-login #CustomerLoginForm input.input-medium { font-size: 12px; padding: 2px 10px; width: 132px; }

/* FAQ */
table.faq a { text-decoration: underline; }
table.faq a:hover { text-decoration: none; }
table.faq p { margin-bottom: 20px; }

/* MOODMAP */
#mood-map { background: url('//img3c.fotocdn.de/dbd9av4g/files/mood-room.jpg') no-repeat; height: 320px; position: relative; }
#mood-map span.mood-map-info { position: absolute; background: #f1a402; color: #fff; padding: 3px 10px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }
#mood-map span#canvas {top: 80px; left: 300px;}
#mood-map span#poster {top: 20px; left: 800px;}
#mood-map span#prints {top: 260px; left: 430px;}

/* PRICETABLE */
table.fancy-pricetable-overview { width: 100%; }
table.fancy-pricetable-overview tr td { border: 1px solid #e7e7e7; padding: 20px; }
table.fancy-pricetable tr td.product-category { border: 1px solid #e7e7e7; padding: 20px; }
table.fancy-pricetable tr td.product-category table.pricetable-box { margin-top: 20px; }
table.fancy-pricetable tr td.product-category table.pricetable-box tr td { padding: 3px 10px; }
table.fancy-pricetable tr td h3,
table.fancy-pricetable-quality tr td h3 { font-size: 2.5em; padding-bottom: 5px; color: #f1a402; }
table.fancy-pricetable .pricetable-box { width: 100%; font-size: 12px; }
table.fancy-pricetable img { margin-top: 20px; }

/* LOGINBUTTON */
#GuestAccessLoginForm .btn {
color: #fff;
background-color: #f17a1c;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f99927), to(#f17a1c));
background-image: -webkit-linear-gradient(top, #f99927, #f17a1c);
background-image: -ms-linear-gradient(top, #f99927, #f17a1c);
background-image: -o-linear-gradient(top, #f99927, #f17a1c);
background-image: -moz-linear-gradient(top, #f99927, #f17a1c);
background-image: linear-gradient(top, #f99927, #f17a1c);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f99927', endColorstr='#f17a1c', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
background-repeat: repeat-x;
border-color: #bc621b;
}