@charset "utf-8";
/* $Id: style.css,v 1.2 2009/03/17 05:04:14 andregriffin Exp $ */
/* Drupal 6 Framework - Created by Andre Griffin
----------------------------------------------------------------
[Table of contents]

 0.Reset
 1.Global
 2.Layout
 3.Header
 4.Navigation
 5.Nodes
 6.Comments
 7.Sidebars
 8.Blocks
 9.Footer
10.CSS Support
11.Advanced

[Font sizes - based on 75%/12px body]
30px = 2.5em
28px = 2.3333em
26px = 2.166667em
24px = 2em
22px = 1.8333em
20px = 1.6667em
18px = 1.5em
16px = 1.333333em
14px = 1.1667em
12px = 1em
11px = .9167em
10px = .8333em

Equasion for font sizing:
-Desired in px ÷ Default (or parent) in px = sizing in em

----------------------------------------------------------------*/

/**
 * 0.RESET
 */
@import "reset.css";

/**
 * 1.GLOBAL
 */

body{
  background: #fff url(images/sidebarimg.jpg) no-repeat left 126px;
  color:#000;
  font-size:12px;
  font-family:"Arial", "Tahoma", Verdana, Helvetica, sans-serif;
  margin:0 auto;
  padding:0px;
}

a {
  color:#262525;
  text-decoration:none;
}

/*a:hover{
  color:#000;
}*/

a img{border:none;}

.clear{clear:both;}

.bold{font-weight:bold;}

.orange{color:#f08600;}

h1 {color:#000; font-size:26px; padding:0px 0px 16px 0px; margin:0; font-weight:normal;}

h1 span{font-size:16px;  color:#333333;}

h2 {color:#000000; font-size:26px; font-weight:normal; margin:0; padding:0 0 10px;}

h3 {color:#841208; font-size:16px; margin:0; padding:0;}

h4 {
  font-size: 1.1667em;
  line-height: 1.2857em;
  margin: 1.2857em 0 0 0;
}

h5 {
  font-size: 1em;
  line-height: 1.5em;
  margin: 1.5em 0 0 0;
}

h6 {
  font-size: .9167em;
  line-height: 1.6364em;
  margin: 1.6364em 0 0 0;
}

p {
  font-size: 1em;
  line-height: 1.5em;
  margin: 0 0 1.5em 0;
}

p a:link {
  text-decoration: underline;
}

a:link, a:visited {
  color: #000;
  text-decoration: none;
}

a:focus {
  outline: 1px dotted;
}

a:hover, a:active, li a.active {
  outline: none;
  text-decoration: underline;
}


/**
 * 2.LAYOUT
 */
#wrapper {
  margin: 0 auto;
  width: 1018px;
}

#container {
  margin: 0 0 10px;
}

/* 1 column */
#center {
  margin: 0 0 10px;
  position: relative;
}

/* 3 columns */
body.sidebars #center {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  float: left;
  padding: 0 10px;
  width: 600px;
}

/* 2 columns - sidebar-left */
body.sidebar-left #center {
  border-left: 1px solid #ccc;
  float: right;
  padding-left: 10px;
  width: 780px;
}

/* 2 columns - sidebar-right */
body.sidebar-right #center {
  border-right: 1px solid #ccc;
  float: left;
  padding-right: 10px;
  width: 780px;
}

/**
 * 3.HEADER
 */
#header {
  background: url(images/bg.jpg) repeat-x left top;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#header .detail-header {
  color:#F9F9F9;
  height:73px;
  width:998px;
  margin: 0 auto;
}

#header h1 {
  background: url(images/logo.jpg) no-repeat 0 10px;
  float: left;
  height: 57px;
  overflow: hidden;
  margin: 0;
  text-indent: -9999px;
  width: 300px;
}

#header h1 a {
  display: block;
  height: 57px;
}

#header #logo {
  display: none;
}

#header #sitename {
  display: block;
}

#header #siteslogan {
  display: block;
  font-size: .5em;
  line-height: 1em;
}

#search-theme-form {
  float: right;
  margin: 2.5em 0 0;
}

#search-theme-form .form-button, #search-theme-form .form-submit {
  margin: 0;
}

div#edit-search-theme-form-1-wrapper label, div#edit-search-block-form-1-wrapper label {
  display: none;
}

/**
 * 4.NAVIGATION
 */

ul.links li {
  background: none;
  margin: 0 10px 0 0;
  padding: 0;
}

/*
* top menu
*/
#nav{
  width:998px;
  height:34px;
  margin: 0 auto;
}
#nav ul{
  list-style:none;
  margin:0;
  padding:0;
}
#nav ul li{
  float:left;
  margin:0px 2px 0px 0px;
  padding:0px;
  height:34px;
  width:140px;
  text-align:center;
  text-transform:uppercase;
  font-size:14px;
}
#nav ul li a{
  height:34px;
  display:block;
  text-decoration:none;
  padding:0px;
  margin:0;
  color:#767676;
  padding-top:9px;
  background:url(images/topNav.jpg) no-repeat;
}
#nav ul li a:hover{
  height:34px;
  color:#f08600;
  text-decoration:none;
  background:url(images/topNav_over.jpg) no-repeat;
}
#nav ul li a.active,
#nav ul li.active-trail a {
  height:34px;
  color:#f08600;
  text-decoration:none;
  background:url(images/topNav_over.jpg) no-repeat;
}

#nav ul.dynamic-persistent-menu-menu {
  display: block !important;
}

/* negative margin keeps from pushing node h2 titles down */
.breadcrumb {
/*  color: #ccc;
  font-size: 1em;
  margin: .5em 0 -1.75em;
  padding: 0;*/
  color: #ccc;
  font-size: 1em;
  left: 0.75em;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 1em;
}

.breadcrumb a:link, .breadcrumb a:visited {
  color: #666;
}

.breadcrumb a:hover {
  color: #999;
}

/**
 * 5.NODES
 */
span.submitted {
  color: #898989;
  font-size: .8333em;
  line-height: 1.6em;
  margin: 1.6em 0 0;
}

.node .picture {
  float: left;
  margin: .3em .5em .1em 0;
}

.meta {
  clear: both;
/*  border-bottom: 1px solid #ccc;*/
  margin: 0;
}

.meta div.links {
  float: left;
  line-height: 1.3333em;
}

.meta div.terms {
  float: right;
}

.meta div.terms span {
  float: left;
}

/*.meta div.links ul.links li {
  float: left;
  padding: 0 10px 1.5em 0;
}*/

.meta div.terms ul.links li {
  float: left;
  padding: 0 0 1.5em 10px;
}

.node_read_more {
  font-weight: bold;
}

/* pagination */
.item-list ul.pager {
  margin: 1em 0;
}

.item-list ul.pager li {
  margin: 0;
  padding: 0;
}

.item-list ul.pager li a:link, .item-list ul.pager li a:visited, .item-list ul.pager li.pager-current {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  color: #999;
  font-size: .8333em;
  font-weight: 700;
  margin: .3em .1em;
  padding: .3em .5em;
}

.item-list ul.pager li a:hover, .item-list ul.pager li a:active {
  border: 1px solid #999;
  color: #666;
}

.item-list ul.pager li.pager-current {
  background-color: #999;
  border: 1px solid #999;
  color: #fff;
}

/**
 * 6.COMMENTS
 */
#comments h2.comments {
  margin: .5em 0 -15px;
}

.comment {
  margin: 20px 0 0;
  padding: 0;
}

.comment-bar {
  background: #eee;
  border-bottom: 1px solid #ccc;
  padding: 5px;
  position: relative;
}

.comment span.submitted {
  color: #898989;
  display: inline;
  font-size: .8333em;
  margin: 0;
}

.comment span.new {
  color: red;
  font-size: .8333em;
}

.comment .content {
  padding: 5px;
}

.comment .picture {
  float: right;
  margin: .3em 0 .1em .3em;
}

.comment h3 {
  font-size: 1.1667em;
  line-height: 1.1429em;
  margin: .5em 5px 0;
}

.comment ul.links {
  margin: -10px 0 0 25px;
}

.comment ul.links li a {
  text-decoration: underline;
}

.indented {
  border-left: 1px solid #ddd;
  margin-left: 14px;
  padding-left: 5px;
}

/**
 * 7.SIDEBARS
 */
.sidebar {
  width: 160px;
}

#sidebar-left {
  float: left;
  margin-right: 9px;
}

#sidebar-right {
  float: right;
  margin-left: 8px;
}

/* stops right sidebar from falling in some 3-col situations */
.sidebars #sidebar-right {
  margin-left: 0;
}

/**
 * 8.BLOCKS
 */
.block {
  margin: 0 0 .8333em;
}

#user-login-form .item-list ul li {
  background: none;
  padding: 0;
}

#search-block-form .form-text {
  width: 8em;
}

#search-block-form input.form-submit {
  font-size: .9em;
  width: 5em;
  padding: 0;
}

/**
 * 9.FOOTER
 */
#footer {
  overflow: hidden;
  width: 998px;
  padding: 0 10px;
}

#footer ul li {
  background: none;
}

#footer a.feed-icon {
  position: absolute;
  right: 0;
  top: 5px;
}

/* Support Drupal */
#footer #block-system-0 {
  position: absolute;
  right: 25px;
  top: 6px;
}

/**
 * 10.CSS SUPPORT
 */
span.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 1px;
  line-height: 0;
  margin-bottom: -1px;
}
.clear {
  clear: both;
}
.clear-block {
  display: block;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}

.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.underline {
  border-bottom: 1px solid;
}
.highlight {
  background: #ffc;
}

.wrap {
  width: 960px;
  margin: 0 auto;
}

.img-left {
  float: left;
  margin: 4px 10px 4px 0;
}
.img-right {
  float: right;
  margin: 4px 0 4px 10px;
}

.nopadding {
  padding: 0;
}
.noindent {
  margin-left: 0;
  padding-left: 0;
}
.nobullet {
  background: none;
  list-style: none;
  list-style-image: none;
}

/*ADDED FM 26.01.11 */
.none {
  display: none;
}

/* ADDED FM 10.02.11 */
.next-button input{
  background: url(images/generic-orange-right-btn.png) no-repeat scroll right top transparent;
  border:0 none;
  color:#FFFFFF;
  cursor:pointer;
  font-size:16px;
  height:26px;
  width: auto;
  line-height:26px;
  margin: 0px 0 0;
  padding:0 10px 4px 6px;
  font-weight: bold;
  text-shadow: #444 1px 1px 0px;
}

/**
 * 11.ADVANCED
 */
/* lists */
ul { margin: .5em 0 1em; padding: 0; }
ol { margin: .75em 0 1.25em; padding: 0; }
ol li, ul li { margin: .4em 0 .4em .5em; }
ul.menu, .item-list ul { margin: .35em 0 0 -.5em; padding:0; }
ul.menu ul, .item-list ul ul { margin-left: 0; }
ol li, ul li, ul.menu li, .item-list ul li, li.leaf { margin: .15em 0 .15em .5em; }
ul li, ul.menu li, .item-list ul li, li.leaf { background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; list-style-image: none; list-style-type: none; padding: 0 0 .2em 1.5em; }
ol li { margin-left: 2em; padding: 0 0 .3em; }
ul li.expanded { background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; }
ul li.collapsed { background: transparent url(images/menu-collapsed.gif) no-repeat 0 .35em; }
ul li.leaf a, ul li.expanded a, ul li.collapsed a { display: block; }
ul.inline li { background: none; margin: 0; padding: 0 1em 0 0; }
dl { margin: 0.5em 0 1em 0; }
dl dt { margin: 0.8em 0 0.2em; }
dl dd { margin: 0 0 0.5em 1.5em; }

/* forms & fieldsets */
input { color: #494949; font: 1em Verdana, sans-serif; }
textarea, select { color: #494949; font: 1em Verdana, sans-serif; }
fieldset ul.clear-block li { background-image: none; margin: 0; padding: 0; }
fieldset { background: #fff; border: 1px solid #ccc; margin: 1em 0; padding: 1em; }
fieldset legend { padding: 0 0.5em; }
html.js fieldset.collapsed { background: transparent; padding-bottom: .6em; padding-top: 0; }
html.js fieldset.collapsible legend a { background: url(images/menu-expanded.gif) no-repeat 0 50%; }
html.js fieldset.collapsed legend a { background: url(images/menu-collapsed.gif) no-repeat 0 50%; }
.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item { margin: .25em 0; }
.form-button, .form-submit { margin: 2em .5em 1em 0; }
.confirmation .form-submit, .search-form .form-submit, .poll .form-submit, fieldset .form-button, fieldset .form-submit, .sidebar .form-button, .sidebar .form-submit, table .form-button, table .form-submit { margin: 0; }
#autocomplete li { cursor: pointer; margin: 0; padding: 2px; }
#autocomplete li.selected { background: #027ac6; color: #fff; }

/* admin tab links */
#tabs-wrapper { border-bottom:1px solid #ccc; margin: .5em 0 1em; padding: 0; }
ul.primary { border-bottom: 5px solid #eee; margin: 0; padding: .25em 0; }
ul.primary li { background: none; border-top: 3px solid #ccc; margin: 0 .5em 0 0; padding: .25em 0; }
ul.primary li.active { background: #eee; }
ul.primary li:hover { background: #f5f5f5; }
ul.secondary { background: #eee; border: none; margin: 0; padding: 0 1em; }
ul.secondary li { background: none; border: none; display:inline; line-height: 2em; margin: 0 0 0 0; padding: 0 1em 0 0; }
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited { background: none; border: 0; margin: 0; padding: 0 1em; text-decoration: none; }
ul.secondary li a, ul.secondary li a:visited { background: none; border: 0; margin: 0; padding: 0; text-decoration: none; }
ul.secondary li.active a, ul.secondary li a:hover { text-decoration: underline; }
ul.primary li.active a, ul.secondary li.active a { font-weight: 700; text-decoration: none; }

/* admin styling */
div.admin, div.admin .left, div.admin .right, div.admin-panel, div.admin-panel .body, div.admin .expert-link { margin: 0; padding: 0; }
div.admin .left { float: left; width: 48%; }
div.admin .right { float: right; width: 48%; }
div.admin-panel { background: none; padding: 1em; }
body.admin .description { margin-bottom: 1.5em; }
body.admin dl { margin: 0; }
body.admin dt { font-weight: normal; }
body.admin dd { color: #898989; font-size: .9167em; line-height: 1.5em; margin-bottom: .5em; }

/* admin tables */
body.admin table { margin: 1em 0; width: 100%}
body.admin thead th { border-bottom: 2px solid #ccc; font-weight: 700; padding:0 1em 0 0; }
body.admin tbody { border-top: none; }
body.admin td, body.admin th { padding: .3em .5em; vertical-align: middle; }
body.admin tr.even, body.admin tr.odd { border: solid #ccc; border-width: 1px 0; }
body.admin tr.odd, body.admin tr.info { background-color: #eee; }
body.admin tr.even { background-color: #f5f5f5; }
body.admin tr.drag { background-color: #fffff0; }
body.admin tr.drag-previous { background-color: #ffd; }
td.region, td.module, td.container, td.category { background-color: #ddd; border-bottom: 1px solid #ccc; border-top: 1em solid #fff; color: #666; font-weight: 700; }
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category { border-top-width: 0; }
body.admin table.sticky-header { margin: 0 0 0 1px; }
body.admin table.sticky-header th { padding-top: .5em; }
span.form-required { color: #ffae00; }

/* messages */
.messages { background-color: #fff; border: 1px solid #b8d3e5; }
.messages, .preview { /*margin: .75em 0;*/margin: 0; padding: .5em 1em; }
.messages ul { margin: 0; }
.preview { background-color: #fcfce8; border: 1px solid #e5e58f; }
.preview .node { background-color: #fcfce8; }
div.status { border-color: #c7f2c8; color: #33a333; }
div.error, tr.error { background-color: #fcc; color: #a30000; }
.form-item input.error, .form-item textarea.error { border: 1px solid #c52020; color: #363636; }
.description { color: #666; font-size: .92em; line-height: 150%; margin-bottom: .75em; }

/* status report */
table.system-status-report tr.error, table.system-status-report tr.error th { background-color: #fcc; border-color: #ebb; color: #200; }
table.system-status-report tr.warning, table.system-status-report tr.warning th { background-color: #ffd; border-color: #eeb; }
table.system-status-report tr.ok, table.system-status-report tr.ok th { background-color: #dfd; border-color: #beb; }
table.system-status-report th { padding-bottom: 6px; padding-top: 6px; }
table.system-status-report th, table.system-status-report tr.merge-up td { padding-left: 30px; }


/*
*  Header
*/

#site-header {
  background: url(../images/bg.jpg) repeat-x left top;
  height: 81px;
}

#branding {
  width: 940px;
  height: 73px;
}

h1#site-name {
  background: url(../images/logo.jpg) no-repeat 0 10px;
  float: left;
  height: 59px;
  overflow: hidden;
  margin: 0;
  text-indent: -9999px;
  width: 300px;
}

#logoR {
  float:right;
  width:150px;
  margin-top: 10px;
}

#login,
#account {
  float: left;
  width: 87px;
}

#node-form #mix-reset {
  float: right;
  clear: right;
  margin:20px 5px 10px;
}

#header .generic-button {
  background:transparent url(images/generic-orange-left-btn.png) no-repeat scroll left top;
  display: block;
  height: 26px;
  margin: 0px 0 6px 6px;
  padding-left: 4px;
  width: auto;
}

#header .generic-button a:link, #header .generic-button a:visited {
  background:transparent url(images/generic-orange-right-btn.png) no-repeat scroll right top;
  border:0 none;
  color:#FFFFFF;
  display:block;
  font-size:12px;
  font-weight:normal;
  height:26px;
  line-height:26px;
  margin:0 0 0;
  padding:0 3px 0px 3px;
  text-shadow:1px 1px 0 #444444;
  width:auto;
  text-align: center;
}



#shopping{
  color: #fff;
  float:right;
  text-align:right;
  width: 47px;
}

#shopping .orange {float: left;}

#shopping a.rollover, #shopping a.rollover:hover{
  background: url(images/shopping_cart.png) no-repeat 5px 0;
  float: right;
  width: 41px;
  padding: 34px 0 0;
  font-size: 0;
}

#shopping a.rollover:hover {
  background-position: 5px -36px;
}

/*
* Footer
*/

/*hotline div*/
#hotline{
  background: url(images/footer-contact.png) no-repeat center center;
  text-align:center;
  text-indent: -9999px;
  font-size:26px;
  color:#585858;
  margin:10px 0px 15px 0;
}

/*footer*/
.footerT{
  width:998px;
  background:#dedede url(images/footerT.jpg) no-repeat;
  float:left;
  font-size:11px;
  padding-bottom:5px;
  color:#848484;
}
.footerD{
  width:998px;
  height:7px;
  background:url(images/footerD.jpg) no-repeat;
  float:left;
  margin-bottom:10px;
}
.footerM{
  width: 958px;
  background:#555555 url(images/footerM.jpg) top left repeat-x;
  float:left;
  font-size:11px;
  padding-bottom:5px;
  padding: 0 20px 5px;
}

/*style for the copyright */
.footerL{width:450px; float:left; }
.footerR{width:450px; float:right; text-align:right;}

.footerPadd{padding:7px;}

.footerBox{float:left; padding:20px 0; width: 135px; text-align: center;}
.footerBox h3{margin:0 0 5px 0; padding:0; font-size:18px; font-weight:normal;}
.footerBox h3 a{color:#f08600 !important; text-decoration:none !important;}
.footerBox h3 a:hover{color:#d9d9d9 !important; }

/*menu for footer*/
.footerBox ul{padding:0;margin:0; }
.footerBox ul li{padding:2px 0 0px 0px; list-style:none;}
.footerBox ul li a{color:#7e7e7e !important; text-decoration:none !important;}
.footerBox ul li a:hover{color:#f9f9f9 !important;}

/*the content of the web site*/
#frontpage {
  width:986px;
  margin: 0 auto;
  border-left: 1px solid #f18d0f;
  border-right: 1px solid #f18d0f;
  background: #fff url(images/page_bg.jpg) repeat-x left 7px;
  padding: 0 5px;
  _padding: 0px
}

#frontpage .panel-col-bottom {
  width: 948px;
}

#page #main {
  margin: 0;
}

/** News-Block on front page **/
#frontpage .panel-col-top {
  background:transparent url(images/pageT.jpg) no-repeat left top;
  display: block;
  margin:0 0 0 -6px;
  padding:0 0 0;
  width: 998px;
}
#frontpage .panel-col-top .pane-4 p {
  margin-bottom: 0.8em;
}
#frontpage .view-knowhows {
  margin: 0 29px;
  padding: 0 0 10px;
}

#frontpage .view-knowhows .views-row {
  float: left;
  width: 455px;
  background: url("images/jumaBoxT.jpg") no-repeat scroll left top transparent;
}
#frontpage .view-knowhows .views-row-2 {
  float: right;
}
#frontpage .view-knowhows .views-row h3.title {
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  background: #ECECEC;
  margin: 6px 0 0;
  padding: 5px 15px 3px;
  color: black;
}
#frontpage .view-knowhows .views-row h3.title,
#frontpage .view-knowhows .views-row h3.title a {
  color: black;
  font-size: 14px;
}
#frontpage .view-knowhows .views-row .views-field-body,
#frontpage .view-knowhows .views-row .views-field-view-node {
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  background: #ECECEC;
  padding: 0 15px;
}
#frontpage .view-knowhows .views-row .views-field-view-node {
  padding: 7px 15px 5px;
  text-align: left;
}
#frontpage .view-knowhows .views-row .views-field-view-node span a {
  display: inline-block;
  height: 19px;
  width: 69px;
  background: url("images/button_more.gif") no-repeat left bottom;
}
#frontpage .view-knowhows .views-row .views-field-view-node span a:hover {
  background-position: left top;
}
#frontpage .view-knowhows .views-row .views-field-nothing {
 background: url("images/jumaBoxD.jpg") no-repeat bottom;
 height: 5px;
}
#frontpage .view-knowhows:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* IE6 */
* html #frontpage .panel-col-top .view-knowhows {
  height: 1%;
}
/* IE7 */
*:first-child + html #frontpage .panel-col-top .view-knowhows {
  min-height: 1%;
}

#frontpage #front-header {
  padding: 5px 5px 0;
}

#frontpage #front-header .content p{
  color:#333333;
  font-size:16px;
  margin: 0;
}

#frontpage .panel-col-bottom {
  padding: 20px 0 0 0;
  margin: 0 auto
}

#center .border-botom {
  background: transparent url(images/pageD.jpg) no-repeat 10px top;
  display: block;
  width: 1008px;
}


#center{
  margin:0 auto;
  padding:35px 0 0;
  width:1018px;
 /* width:1018px;
  background:url(images/header.jpg) no-repeat;
  margin:0 auto;
  padding: 248px 0 7px; */
}

.center-front #center {
  background:url(images/header.jpg) no-repeat;
  padding: 210px 0 0;
  zoom: 1;
}

/*.enhanced #center {
  background:url(images/header-enhanced.jpg) no-repeat center top;
  padding: 246px 0 7px
}*/


#frontpage .center-wrapper {
  /*overflow: hidden;*/
  width: 988px;
  margin-top: 10px;
}

#frontpage .center-wrapper .inside {
  margin: 0;
  overflow: hidden;
  width: 329px;
}
#frontpage .view-knowhows {
 float: none;
 overflow: visible;
 width: auto;
}


#frontpage .panel-col-bottom .panel-separator {
  margin: 0;
}

#frontpage .panel-col-bottom .inside {
  background: transparent url(images/jumaBoxT.jpg) no-repeat scroll left top;
  padding: 6px 0 0;
  overflow: hidden;
  width: 948px;
}

/*postit box (the 3 boxes )*/
.postitBox{width:319px; height:161px; background:url(images/postitBox.jpg) no-repeat; float:left; padding-right:5px; cursor: pointer; }
.postitBoxL{width:140px; float:left; text-align:center;}
.postitBoxL img{padding-top:10px;}
.postitBoxR{width:173px; float:right;}
.postitBox_more{padding:23px 0 0 30px;}


.postitBoxR h2 {
  color:#000000;
  font-size:18px;
  margin:0;
  padding:38px 0 16px;
}

.pageL{width:455px;float:left;}/*left side of the content*/
.pageR{width:463px;float:left; margin: -6px 0 0 30px; height: 439px;}/*right side of the content*/

#jumaBoxMPadd{
  background:#ECECEC url(images/jumaBoxD.jpg) no-repeat 0 bottom;
  margin: 0;
  padding: 0 0 5px;

}

#jumaBoxMPadd h2.title,
#jumaBoxMPadd h2.pane-title {
  color:#ff7800;
  font-size:16px;
  font-weight:normal;
  margin:0;
  padding:0px 0px 15px 15px;
    border-left:1px solid #C0C0C0;
  border-right:1px solid #C0C0C0;
}

#jumaBoxMPadd .content,
#jumaBoxMPadd .pane-content {
  padding: 0 15px;
  border-left:1px solid #C0C0C0;
  border-right:1px solid #C0C0C0;
  width: 433
}


#jumaBoxMPadd .view-content .views-row {
  padding-bottom:20px;
  overflow: hidden;
  width: 423px;
}

#jumaBoxMPadd .view-content .views-field-teaser, #jumaBoxMPadd .view-content .views-field-title {
  width: 343px;
  padding: 0 10px 0 0;
  float: left;
}

#jumaBoxMPadd .view-content .views-field-nothing {
  float: right;
  width: 70px;
}

#jumaBoxMPadd .view-content .views-field-title {
  font-weight: 700;
}

.view-display-id-block_1 .more-link {
  text-align: left;
  padding: 10px 0;
}

/*MEHR button with rollover*/
.more-link a, .postitBox_more a {
  display:block;
  width:69px; /* width of the image */
  height:19px; /* height of the image */
  line-height:19px; /* for the vertical alignement */
  background-image:url(images/button_more.gif); /* image you want to rollover */
  background-repeat: no-repeat;
  background-position: left bottom;
  /* some styles */
  text-align:center;
  text-decoration:none;
  text-indent: -9999px;
  margin-bottom:0;
}

.more-link a:hover, .postitBox_more a:hover {
  background-position: left top;
}

/*in den mix button with rollover*/
a.indenmix_rollover, #jumaBoxMPadd .view-content .views-field-nothing a {
  display:block;
  width:70px; /* width of the image */
  height:16px; /* height of the image */
  line-height:16px; /* for the vertical alignement */
  background-image:url(images/button_indenmix.jpg); /* image you want to rollover */
  background-repeat: no-repeat;
  background-position: left top;
  /* some styles */
  text-align:center;
  text-decoration:none;
  text-indent: -9999px;
  margin-bottom:5px;
}

a.indenmix_rollover:hover, #jumaBoxMPadd .view-content .views-field-nothing a:hover {
  background-position: left bottom;
}


/*
*  Block Content Center
*/
#center .ct-bd-t {
  background:transparent url(images/pageT.jpg) no-repeat scroll center bottom;
  display:block;
  height:7px;
  padding:0;
  width:1018px;
}
#center .ct-bd-bt {
  background: transparent url(images/pageD.jpg) no-repeat center top;
  display: block;
  width: 1018px;
}

#center .content-center {
  width:956px;
  margin: 0 auto;
  border-left: 1px solid #f18d0f;
  border-right: 1px solid #f18d0f;
  background: #fff url(images/page_bg.jpg) repeat-x left top;
  padding: 20px;
  overflow: hidden;
}
.page-best-mixes #center .content-center,
.node-type-mix-product #center .content-center {
  overflow: visible;
}
.node-type-mix-product #center .content-center {
  padding-bottom: 0;
}

#center .content-center .node {position: relative;}

/*
* mixproduct page
*/
.enhanced .content-center { position: releative; }

.enhanced .content-center h2 {
  background: url(images/h2-custom-mix.gif) no-repeat 0 3px;
  text-indent: -9999px;
  overflow: hidden;
  float: left;
  padding-right: 6px;
  width: 98px;
  height: 11px;
}

.enhanced .content-center p.intro {
  color: #999;
  width: 100%;
}
form#node-form {
  overflow: hidden;
  width: 956px;
}
form#node-form #edit-title-wrapper label {
  float: left;
  font-size: 14px;
  line-height: 27px;
  padding: 0 0.75em 0 0;
}
form#node-form #edit-title-wrapper input {
  background: url(images/bg-box-search.png) no-repeat;
  border: none;
  padding: 5px;
  width: 220px;
}
.enhanced form#node-form input#edit-submit {
  border: none;
  cursor: pointer;
  color: #fff;
  display: block;
  float: left;
  font-size: 0px;
  margin: 20px 5px 10px;
  width: 96px;
  height: 27px;
  line-height: 54px;
  text-align: right;
}

.enhanced form#node-form input#edit-submit {
  background: url(images/bestellen-btn.png) no-repeat scroll 0 0;
  clear: none;
  float: right;
}
.enhanced form#node-form input#edit-submit:hover {
  background-position: 0 -27px;
}

.enhanced form#node-form .preview,
form#node-form input#edit-preview {
  background: url(images/vorschau-btn.png) no-repeat;
  display: none;
}
form#node-form input#edit-preview:hover {
  background-position: 0 -27px;
}
form#node-form input#edit-delete {color:#000000; font-size:12px;text-align:center;}
form#node-form input#edit-save-continue {
  background: url(images/fortfahren-btn.png) no-repeat;
  width: 206px;
  height: 27px;
  display: none;
}
form#node-form input#edit-save-continue:hover {
  background-position: 0 -27px;
}

#node-form h2 {
  overflow: hidden;
  text-indent: -9999px;
}

/* Ingredients */

.enhanced #ingredients-list-header h2 {
  background: url(images/h2-zutatenliste.gif) no-repeat center;
  height: 29px;
}
.enhanced #totals_data h2 {
  background: url(images/h2-nahrwerte.gif) no-repeat center;
  height: 29px;
}
.enhanced #ingredients-mixer h2 {
  background: url(images/h2-proteinmixer.png) no-repeat center;
  height: 37px;
}

.enhanced #ingredients-list-header h2,
.enhanced #totals_data h2,
.enhanced #ingredients-mixer h2 {
  width: auto;
  float: none;
}

.enhanced #ingredients-list {
  background: url(images/bg-box1-bt.png) no-repeat 6px bottom;
  padding: 0 50px 6px 6px;
  width: 246px;
}

#ingredients-mixer {
  background:transparent url(images/bg-box2-bt.png) no-repeat scroll 0 bottom;
  padding: 0 0 7px;
  float: left;
  width: 351px;
}
#ingredients-mixer #ingredients-mixer-content {
  background: #e8e8e8;
  border-left: 1px solid #b8b8b8;
  border-right: 1px solid #b8b8b8;
  border-bottom: 0;
  border-top: 0;
/* padding: 10px 318px 0;*/
  padding: 0;
  min-height: 270px;
  height: auto !important;
  height: 270px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  width: 348px;
}

#ingredients-mixer #ingredients-mixer-content label {
  font-size: 12px;
  float: left;
  height:19px;
  line-height:1.6em;
  width:200px;
  overflow:hidden;
}

  #ingredients-mixer-content .drop-here {
    font-size: 1.2em;
    padding: 5px 10px
  }
  #ingredients-mixer-content fieldset {
    margin:0 auto;
    color: #f08600;
    background: url(images/bg-mixer.png) no-repeat;
    width: 325px;
    border: none;
    height: auto;
    width: auto;
  }
  .ingredient-amt-widget {
    color: #CCCCCC;
    display: block;
    font-size: 12px;
    height: 21px;
    position: relative;
    top: -2px;
    width: 50px;
  }


#ingredients-list-header {
  background: url(images/bg-box1-top.png) no-repeat bottom center;
  width: 246px;
  height: 47px;
}

#ingredients-list-content {
  background: url(images/bg-box1-center.png) repeat-y;
  width: 246px;
}

#ingredients-list-content h3 span.count {
  background:transparent url("images/bg-count-30.gif") no-repeat scroll 0 2px;
  color:#ED8400;
  font-weight:bold;
  height:18px;
  padding:0 0 0 0;
  text-align: center;
  position:absolute;
  right:8px;
  top:8px;
  width: 30px;
}

#ingredients-list-content a {
  color: #fff;
}

#popups-body div.views-field-nothing {
  display: none;
}

.bt-content p {
  font-size: 0.6em !important;
  font-weight: normal;
}

.ui-widget-content {
  border: 1px solid #ccc;
}

.ui-state-hover, #ingredients-mixer-content .ui-state-hover{
  border: 1px solid transparent;
}
.ui-state-default {
  background: url(images/bg-orange.png) repeat-x;
  border: 1px solid #d9800f;
  margin: 0 auto;
  width: 240px;
}

.ui-state-default .ui-icon {
  background: url(images/ic-default.png) no-repeat;
  height: 18px;
}

.ui-state-active .ui-icon {
  background: url(images/ic-active.png) no-repeat;
  height: 18px;
}

.ui-icon-circle-close {
  background-image: url(images/ic-cancle.gif) !important;
  background-position: center center;
  width: 17px;
  height: 18px;
}
.ui-icon-unlocked {
  background-image: url(images/ic-lock.gif) !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 17px;
  height: 18px;
}

#ingredients-mixer-content .ui-slider {
  background:transparent none repeat scroll 0 0;
  border:0 none;
  float:left;
  height:27px;
  margin:0;
  width:300px;
}

.ui-slider-horizontal .ui-slider-range {
  background: none;
}

.remove-from-mixer {
  margin: 0 5px 0 0;
}

.lock-slider {
  margin: 0 0 0 5px;
}

.ui-slider-horizontal .ui-slider-handle {
  border: none;
  background: transparent url(images/slider-handle.gif) no-repeat;
  height: 20px;
  margin: 0;
  top: 14px;
  left: 95%;
}

.ui-accordion .ui-accordion-header {
  background: url(images/bg-orange.png) repeat-x;
  border: 1px solid #d9800f;
  margin:0 auto;
  width:240px;
  font-style: normal;
}
.ui-accordion .ui-accordion-content {
  border:2px solid #e8e8e8;
  padding: 0 0 1px;
}
.ui-accordion .ui-accordion-content-wrap {
  border: 1px solid #ccc;
}
.ui-widget-header {
  background: url(images/bg-white.png) repeat-x;
  border: none;
  color: #828282;
  height: 30px;
  margin: 0 auto;
  width: 240px;
}

a.ui-icon-information {
  background: url(images/ic-information.png) no-repeat 0 6px;
  cursor: help;
  display: block;
  height: 16px;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  z-index: 10;
}

a div.ingredient-name-amount {
  margin: 0 0 .2em;
  padding-right: 30px;
  width: 200px;
}
.add-to-mixer h4 {
  color: #828282;
  cursor: pointer;
  font-size: 13px;
  line-height: 26px;
  margin: 0;
  width: 210px;
}
.add-to-mixer.ui-state-active,
.add-to-mixer.ui-state-hover {
  background: none;
  border: none;
  outline: none;
}

.ingredient-name-amount a.add-to-mixer {
  background: none;
  border: none;
  height: 30px;
}

.enhanced #totals_data {
  background: url(images/bg-box3-bt.png) no-repeat 0 bottom;
  width: 247px;
  padding: 0 10px 6px 0;
}
#totals_data #nutrition_facts {
  background: url(images/bg-box3-top.png) no-repeat;
  border: none;
  padding: 7px 0 0;
}
#totals_data #nutrition_facts table,
dl#totalPrice {
  /*background: url(images/bg-box3-center.png) repeat-y;*/
  background: #e8e8e8;
  border-left: 1px solid #bcbcbc;
  border-right: 1px solid #bcbcbc;
  margin: 0;
  width: 246px;
}

body.enhanced .ingredient-group {
  display:block;
  height:35px;
  position:relative;
  z-index:10;
}

/* hack safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #totals_data #nutrition_facts table, dl#totalPrice { width: 244px; }
}

#nutrition_facts table caption {
  background: #e8e8e8;
  border-left: 0;
  border-right: 0;
  border-bottom: 3px solid #8d8d8d;
  font-size: 14px;
  padding: 0.2em 5px;
}

#nutrition_facts table caption em {
  color:#919191;
  display:block;
  font-size:13px;
  font-style:normal;
  font-weight:normal;
  padding:0.4em 0;
}

#nutrition_facts tbody tr,#nutrition_facts table th, #nutrition_facts table td {
  border-bottom: 2px solid #8f8f8f;
  font-size: 13px;
  padding: 5px;
  width: 112px;
}

dl#totalPrice {
  overflow:hidden;
  padding:3em 5px 0.5em !important;
  width:234px;
}
  dl#totalPrice dt {
    border-top: 2px solid #8f8f8f;
    float:left;
    margin:0;
    padding: 5px 0 0;
    width:120px;
  }
  dl#totalPrice dd {
    border-top: 2px solid #8f8f8f;
    font-size: 15px;
    float:right;
    margin:0;
    padding:5px 7px 0 0;
    text-align:right;
    width:107px;

  }

body.page-mix-erstellen #disclaimer {
  clear:both;
  font-size:1em;
  padding:10px 10px 0;
}

.enhanced #hotline {
  background: url(images/bg-hotline.png) no-repeat;
  height: 56px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 10px 0 15px 0
}

/*
*  fertig-gemixt page
*/

.view-fertigprodukte table.views-view-grid {

}

.view-fertigprodukte .form-item,
.view-best-mixes .form-item {
  margin: 0;
  padding: 0 0 0.75em;
  width: 130px !important;
}

.view-fertigprodukte table.views-view-grid tr,
.view-best-mixes table.views-view-grid tr {
  margin: 1em 0.5em;
}

.view-best-mixes table.views-view-grid tr {
  position: relative;
  display: block;
}
.view-best-mixes table.views-view-grid tr td {
  width: 310px;
}
.view-fertigprodukte table.views-view-grid tr td,
.view-best-mixes table.views-view-grid tr td {
  background: url(images/bd-bt.png) no-repeat bottom center;
  width: 320px;
  padding: 1em 0;
}
.view-fertigprodukte table.views-view-grid .views-field-title,
.view-best-mixes table.views-view-grid .views-field-title {
  font-size:1.2em;
  font-weight:700;
  margin:0.5em;
}


.view-best-mixes table.views-view-grid .views-field-nothing {
  margin:0 0.5em 125px;
  padding:0 10px;
  /*width:90%;*/
}
.view-best-mixes table.views-view-grid .views-label-nothing {
  border-bottom:2px solid #F18D0F;
  display:block;
  font-size:1.1em;
  font-weight:700;
  margin:0 0 0.5em;
  padding: 0 0 5px;
  width:99%;
}

.view-best-mixes tr td.col-1,
.view-best-mixes tr td.col-2,
.view-best-mixes tr td.col-3 {
  position: relative;
}
  .view-best-mixes table.views-view-grid .field-type-number-float {margin: 5px 0 5px 0; width: 98%}
.view-best-mixes table.views-view-grid .views-field-nothing-1 {
  bottom:5px;
  margin:0 5px;
  position:absolute;
  width:290px;
}

.views-field-nothing-1 .fb-like {
  margin: 4px 0 0 0;
  padding: 0 0 0 6px;
}


.view-fertigprodukte table.views-view-grid .views-field-field-image-cache-fid {
  border:1px solid #CCCCCC;
  float:left;
  height:80px;
  margin:0 0.5em;
  padding:5px 10px;
  text-align:center;
  width:80px;
}

.view-fertigprodukte table.views-view-grid .views-field-teaser {
  color: #333;
  float: left;
  height: 130px;
  width: 200px;
  overflow: hidden;
}
.view-fertigprodukte table.views-view-grid .views-field-teaser p {
  margin: 0;
}

.view-fertigprodukte table.views-view-grid .views-field-sell-price,
.view-best-mixes .views-field-price {
  color: #e47f00;
  font-size: 1.1em;
  float: right;
  line-height: 25px;
  padding: 0 1em 0 0;
  text-align: right;
  width: 120px
}

.view-fertigprodukte table.views-view-grid .views-field-addtocartlink {
  float: left;
  margin: 0 0 0 0.5em;
  line-height: 25px;
  width: 120px;
}

.view-fertigprodukte tr td.col-1,
.view-fertigprodukte tr td.col-2,
.view-best-mixes tr td.col-1,
.view-best-mixes tr td.col-2 {
  border-right: 1px solid #ccc;

}
.views-field-addtocartlink .add-to-cart {
  padding: 0;
  width: 125px !important;
}
.views-field-addtocartlink .add-to-cart label,
.views-field-addtocartlink .add-to-cart form {
  float: left;
}

.views-field-addtocartlink .add-to-cart form input.node-add-to-cart,
.views-field-addtocartlink .add-to-cart form input.node-add-to-cart:hover {
  margin: 0;
}

.views-field-addtocartlink .add-to-cart form .form-item input.form-text,
.qty .form-item input.form-text {
  background:transparent url(images/bg-box-gray.png) no-repeat scroll 0 0;
  border:medium none;
  height:19px;
  margin:0 0.5em;
  padding:3px;
  width:44px;
}

/*
* Shopping Cart & Checkout
*/

#cart-form-products, #cart-form-pane {
  border: none;
}

#cart-form-products table, #uc-cart-checkout-form table, #cart-form-pane table{
  border: none;
  margin: 0 0 10px;
}

#cart-form-products table tr th, #uc-cart-checkout-form table tr th, #cart-form-pane table tr th{
  border-bottom: 2px solid #E08108;
  font-size: 1.2em;
  padding: 5px;
}

#cart-form-products table tr td, #uc-cart-checkout-form table tr td, #cart-form-pane table tr td {
  padding: 10px 3px;
  vertical-align: top;
}

#cart-form-products .uc-price, #cart-form-pane .uc-price {
  font-size:1.2em;
  line-height:26px;
}

#cart-form-products table .product-description li,
#uc-cart-checkout-form table .product-description li,
#cart-form-pane table .product-description li{
  background: url(images/bullet-orange.gif) no-repeat 3px 4px;
}

#cart-form-products table tr.odd td,
#cart-form-products table tr.even td,
#cart-form-pane table tr.odd td,
#cart-form-pane table tr.even td {
  background-color: #eee;
}
/*
#uc-cart-checkout-form table tr.odd td {
  background: #fff;
}*/

#cart-form-products table tr,
#uc-cart-checkout-form table .cart-review tr,
#cart-form-pane table tr {
  border-bottom: 1px solid #e68000 !important;
}

#uc-cart-checkout-form table .cart-review .price,
#cart-form-pane tabel .cart-review .price {
  font-size: 1.2em;
}

#cart-form-products table tr.even td.subtotal,
#cart-form-products table tr.odd td.subtotal,
#uc-cart-checkout-form table tr.even td.subtotal,
#uc-cart-checkout-form table tr.odd td.subtotal,
#cart-form-pane table tr.even td.subtotal,
#cart-form-pane table tr.odd td.subtotal{
  background: #fff;
  border: none;
  font-size: 1.2em;
}

#cart-form-products table td.subtotal strong,
#uc-cart-checkout-form table td.subtotal strong,
#cart-form-pane table td.subtotal strong {
  padding: 0 15px 0 0;
}


/*
* Checkout
*/


#uc-cart-checkout-form .products,
#uc-cart-checkout-form .qty {
  font-size: 1.2em;
}

  .product_chart img {float: right;}
  #cart-pane .cart-review tbody tr {border-bottom: 2px solid #E08108;}

#uc-cart-checkout-form ul.product-description {
  font-size: 1em;
}

#uc-cart-checkout-form .products dl,
#cart-form-products .desc dl {
  font-size: 0.9em;
  line-height: 1.5em;
  padding: 0 0 0 10px;
  overflow: hidden;
  width: 55%
}
#uc-cart-checkout-form .products dl dt,
#cart-form-products .desc dl dt {
  float: left;
  font-weight: normal;
  margin: 0;
  width: 200px;
}
#uc-cart-checkout-form .products dl dd,
#uc-cart-view-form .desc dl dd {
  float: left;
  margin: 0 10px 0 0;
  text-align: right;
  width: 40px;
}
/*
* Shopping Cart botton
*/

#cart-form-buttons, #checkout-form-bottom {
  /*overflow: hidden;*/
  border: none;
  height: 35px;
}

#cart-form-buttons a {
  display: none;
}

#cart-form-pane a {
  /*padding: 5px 0;*/
}

#continue-shopping-link a:hover {
  background-position: right -25px;
  width: auto;
}

#cart-form-pane input.form-submit,
.add-to-cart input.form-submit,
#continue-shopping-link a,
#mix-reset a {
  border:0 none;
  color:#FFFFFF;
  cursor:pointer;
  display:block;
  font-size:12px;
  height:26px;
  width: auto;
  line-height:26px;
  margin: 0px 0 0;
  padding:0 10px 4px 6px;
  font-weight: normal;
  text-shadow: #444 1px 1px 0px;
}

#mix-reset a {
  padding-bottom: 0px;
}

.content .add-to-cart .generic-button {
  margin-top: 1em;
  float: right;
}
.add-to-cart .generic-button input.form-submit{
  text-transform: uppercase;
}
#cart-form-pane #edit-checkout,
#cart-form-pane #edit-checkout:hover,
#cart-form-pane #edit-continue,
#cart-form-pane #edit-continue:hover,
#cart-form-pane #edit-cancel,
#cart-form-pane #edit-cancel:hover,
#cart-form-pane #edit-update,
#cart-form-pane #edit-update:hover,
#continue-shopping-link a,
.add-to-cart input.form-submit,
.add-to-cart input.form-submit:hover,
#mix-reset a {
  background: transparent url(images/generic-orange-right-btn.png) no-repeat top right;
  display: inline-block;
  height: 26px;
}

#cart-form-pane .generic-button,
#cart-form-pane #continue-shopping-link,
.add-to-cart .generic-button,
#mix-reset {
  background: white url(images/generic-orange-left-btn.png) no-repeat top left;
  display:inline-block;
  position: relative;
  height:26px;
  margin:6px 0 6px 6px;
  padding-left:4px;
  width:auto;
}
.views-field-addtocartlink .add-to-cart .generic-button {
  /*margin-left: 0;*/
}
.big-total-sell { display: none; }


#cart-form-pane .generic-button,
#cart-form-pane input.form-submit  {
  /*float: right;*/
}

#cart-form-pane #edit-checkout:hover,
#cart-form-pane #edit-update:hover,
#cart-form-pane #edit-cancel:hover,
#cart-form-pane #edit-continue:hover,
.add-to-cart input.form-submit:hover,
#header .generic-button a:hover,
#mix-reset a:hover {
  background-position: right -25px;
  text-decoration: none;
}

#cart-form-pane .generic-button:hover,
#cart-form-pane div#continue-shopping-link:hover,
.add-to-cart .generic-button:hover,
#header .generic-button:hover,
#mix-reset:hover {
  background-position: left -25px;
}
#cart-form-pane div#continue-shopping-link a:hover {
  text-decoration: none;
}
#cart-form-pane #continue-shopping-link a {
  padding-bottom: 0;
}

#checkout-form-bottom .generic-button,
.review-button-row .generic-button { float: right; }

/*
* Chart
*/
.node .content .chart {
  float: right;
}

.node .content img.chart {
  width: 540px;
}
.node .content .model {
  border:medium none;
  display:block;
  padding:7px 0;
}

.node .content .sell .uc-price,
.node .content .weight{
  color: #000;
  display: block;
  font-size: 1.1em;
  font-weight: 700;
  line-height: 30px;
  bottom: 0;
  left: 0;
}
/*
.uc-price-display {
  background:transparent url(images/bg-total.png) no-repeat scroll 0 0;
  color:#E47F00;
  font-size:29px;
  height:45px;
  padding:45px 0 0;
  width:230px;
  bottom: 65px;
  left: 84px;
  position: absolute;
}*/

#add-to-cart-buttons-wrapper {
  clear: right;
  float: right;
  width: 632px;
  margin-top: 1em;
}
#uc-price-big-total {
  background:transparent url(images/bg-total-120.png) no-repeat scroll 0 0;
  bottom:0px;
  color:#E47F00;
  font-size:29px;
  height:90px;
  width:140px;
  line-height:40px;
  text-align: center;
  font-weight: bold;
  float: left;
  position:relative;
}

.big-total-display {
  color:#aaaaaa;
  font-size:28px;
  width: 120px;
  text-align: center;
  text-shadow:1px -1px 1px #222222;
  z-index:99;
  padding: 0;
}

/* product */
.product-image {
  float: none;
  margin: 0;
  padding: 10px 0 0;
}

.product-image .main-product-image {
  border:1px solid #CCCCCC;
  height:100px;
  padding:10px 0;
  width:120px;
}

/*
* add to cart
*/

.add-to-cart {
  padding: 0;
}

.add-to-cart label {
  font-size: 1.15em;
}

.node .add-to-cart form .form-item {
  overflow: hidden;
  /* width: 305px; */
  background-color: #dedede;
  border: 1px solid #555;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top: 0px;
  width: 310px;
}
.node .add-to-cart form .form-item label {
  display: block;
  background-color: #555;
  color: #eee;
  width: 340px;
}
.add-to-cart form .form-item .form-item {
  width: auto;
}
.add-to-cart form .form-item .form-radios .form-item {
  border-width: 0px;
}

.node .add-to-cart form .form-item label {
  float: none;
  line-height: 25px;
  width: 60px;
  width: 100%;
  padding: 5px 10px;
}

.add-to-cart form .form-item label.option {
  float: none;
  display: inline;
  line-height: 1em;
  width: auto;
  background-color: transparent;
  color: #333;
  display: inline;
  padding: 0;
  margin-right: 1em;
}

.add-to-cart form .form-item .form-radios {
  float: left;
  padding: 10px;
}

.add-to-cart .form-item .description,
.form-discount {
  float: none;
  display: inline;
  font-style: italic;
  color: #666;
  font-size: 100%;
  margin: 0;
}
.add-to-cart .form-item .description span.price {
  margin-right: 1em;
  font-size: 90%;
}
.add-to-cart .form-item .description span.additional {
  font-weight: bold;
}

.add-to-cart form .form-item input.form-text{
  background: url(images/bg-box-search.png) no-repeat;
  border: none;
  color: #f08600;
  margin: 4px 0 0 10px;
  width: 136px;
  padding: 5px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.add-to-cart #edit-qty-wrapper label{
  float: left;
  width: 120px;
}
.add-to-cart .form-item .attribute-description {
  position: absolute;
  left: 110px;
  top: 77px;
  color: #eee;
}
.add-to-cart span.form-required {
  display: none;
}

/***********************************************************/
/* Multi-column output of uc attributes on mix detail page */
/* Example: mix/good-morning-shake                         */
/***********************************************************/
/**
.add-to-cart form div.uc-attribute-option-flavor div.uc-attribute-option {
  float: left;
  width: 48%;
}
.add-to-cart .uc-attribute-option-flavor .uc-attribute-option.first {
  float: none;
}
.add-to-cart .uc-attribute-option-flavor .uc-attribute-option.even {
  width: 51%;
}
.add-to-cart .uc-attribute-option-flavor .uc-attribute-option .description {
  display: block;
  padding-left: 2em;
}
*/

.view-best-mixes .links {
  float: left;
  width: 205px;
  margin: 8px 0 0 0;
}
.view-best-mixes .links .link {
  float: left;
  width: auto;
  margin: 0px;
}
.view-best-mixes .links .link.comments {
  padding-top: 5px;
  margin-right: 0px;
  margin-left: 5px;
}

.view-best-mixes .views-field-link.order a,
.view-best-mixes .views-field-link.order a:hover {
  background-image: url(images/bt-order-de.png) !important;
  margin: 0 0 0 5px !important;
  width: 85px !important;
}

.view-best-mixes .views-field-link a,
.view-best-mixes .views-field-link a:hover{
  background-image: url(images/bt-addtocart.png);
  background-repeat: no-repeat;
  background-color: #fff;
  cursor: pointer;
  cursor: hand; /* for ie */
  border: 0;
  font-size: 0px;
  color: #fff;
  width: 130px;
  height: 26px;
  text-align: right;
  text-indent: -9999px;
  display: block;
  margin: 0 0 123px 67px;
}
.view-best-mixes .links .link.comments a {
  background-image: none;
  width: auto;
  color: #333333;
  text-decoration: none;
}
.view-best-mixes .links .link.comments a:hover {
  color: #e47f00;
  text-decoration: none;
}


.add-to-cart form input.node-add-to-cart:hover {
  background-position: right -25px;
}
.view-best-mixes .views-field-link a:hover {
  background-position: 0 -27px;
}
/*
* Recommended
*/
#plus1-wrapper h4 {display: none;}
#plus1-wrapper {
  bottom: 5px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  width: 53px;
}

.node #plus1-wrapper {
  bottom: 20px;
  right: 2px;
}
.node .fb-like {
  bottom: 20px;
  position: absolute;
  right: 58px;
}

div.plus1-widget {
  float: right;
  height: 43px;
  margin-bottom: 0;
}

.plus1-msg {
  bottom: 0;
  font-size: 0.8em;
  height: 28px;
  left: 2px;
  position: absolute;
  width: 50px;
}

div.plus1-widget a {
  display: block;
  width: 55px;
}

div.plus1-widget .plus1-vote {
  background:transparent url(images/vote-thumb.png) no-repeat scroll 17px 6px;
  height:22px;
  width:50px;
}

div.plus1-widget .plus1-vote a {
  width: 50px;
}
.flag-recommended a{
  color: #F08600;
  font-size: 1.1em;
  font-weight: 700;
}

.flag-wrapper {
  bottom: -12px;
  position: relative;
}

/*
* Zutaten -ingredients
*/

/*.view-ingredients .field-type-number-float {
  margin:0 0 0 25px;
  overflow:hidden;
  width:35%;
}

.field-field-ingredient-price, .field-field-calorieskj, .field-field-calories, .field-field-protein, .field-field-carbs, .field-field-sugar, .field-field-fat, .field-field-fatty-acids, .field-field-salt, float field-field-bcaa {
  margin:0 0 0 25px;
  overflow:hidden;
  width:35%;
}

.view-ingredients .field-label, #node-93 .field-label {
  float: left;
  width: 80%;
}

.field-field-ingredient-price .field-label, .field-field-calorieskj .field-label, .field-field-calories .field-label, .field-field-protein .field-label, .field-field-carbs .field-label, .field-field-sugar .field-label, .field-field-fat .field-label, .field-field-fatty-acids .field-label, .field-field-salt .field-label, float field-field-bcaa .field-label {
  float: left;
  width: 80%;
}

.field-field-ingredient-price .field-items, .field-field-calorieskj .field-items, .field-field-calories .field-items, .field-field-protein .field-items, .field-field-carbs .field-items, .field-field-sugar .field-items, .field-field-fat .field-items, .field-field-fatty-acids .field-items, .field-field-salt .field-items, float field-field-bcaa .field-items {
  float: left;
  width: 20%;
  text-align: right;
}

/*.view-ingredients .field-items, #node-93 .field-items {
  float: left;
  width: 20%;
  text-align: right;
}*/

.field-type-number-float {
  margin:0 0 0 25px;
  overflow:hidden;
  width:35%;
}

#popups-body .field-type-number-float {
  margin-left: 10px;
  width: 50%;
}
.field-type-number-float .field-label {
  float: left;
  width: 70%;
}

.field-type-number-float .field-items {
  float: left;
  width: 30%;
  text-align: right;
}

.content .field-field-ingredient-price {
  border-top: 3px solid #f18d0f;
  padding-top: 5px;
  margin-top: 5px;
  white-space: nowrap;
  background-color: #fff;
}

.field-ingredient-header {
  border-bottom: 3px solid #f18d0f;
  padding-bottom: 5px;
  margin-bottom: 10px;
  white-space: nowrap;
}

.view-ingredients .view-display-id-page_1 .node {
  border-bottom: 1px solid #ccc;
  margin: 0 0 10px;
}

.node .views-field-nothing .field-content a{
  background-image: url("images/button_indenmix.jpg");
  display: block;
  width: 70px;
  height: 16px;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 95px;
}
.node .views-field-nothing .field-content a:hover {
  background-position: 0 -16px;
}

.view-display-id-page_1 .view-content .meta {
  margin: 15px 0 0;
}

/* Contact */

#contact-mail-page input, #edit-message-wrapper textarea {
  padding: 4px;
}

#contact-mail-page table td {
  padding: 5px 30px 5px 0;
}

table#impressum {
  margin-bottom: 20px;
}

#edit-name-wrapper input, #edit-mail-wrapper input, #edit-subject-wrapper input, #edit-message-wrapper .resizable-textarea   {
  width: 450px;
}

/* knowhow *//* zutaten */
.view-knowhows .node, .view-ingredients .node {
  border-bottom: 1px solid #f18d0f;
  margin-bottom: 20px;
}

.comment_add a, .node_read_more a, .submitted a, .terms a {
  color: #f18d0f;
}

.view-knowhows .meta div.links ul.links li {
  padding-bottom: 0;
}

/* cart */

#uc-cart-view-form img {
  float: right;
}

/*
* Flag Link
*/

.flag-link {float: right !important;}
.flag-message {right: 0; text-align: right; width: auto;}
.small-price { font-size: .8em; color: #999;}
.small-price .display { display: none; }
a.logout:link, a.logout:visited { color: #b65e14}

.flavor-8 { background: transparent url(images/schoko2.jpg) 214px 132px no-repeat; }
.flavor-9 { background: transparent url(images/erdbeere2.jpg) right top no-repeat; }
.flavor-10 { background: transparent url(images/vanille.jpg) 180px 0px no-repeat; }
.flavor-12 { background: transparent url(images/sauerkirsch.jpg) 185px 105px no-repeat; }
.flavor-13 { background: transparent url(images/orange.jpg) 160px 0px no-repeat; }
.flavor-15 { background: transparent url(images/cookies_n_cream.jpg) 160px 0px no-repeat; }
.flavor-16 { background: transparent url(images/banane.jpg) 160px 0px no-repeat; }
.stripe { background-color: #eee; }
.left { float: left; }
.right { float: right; }
.inline { display: inline; }
.form-required-blue {
  color: #000000;
  font-size: 2em;
  height:10px;
  width:10px;
  display: inline;
}
.price-warning { margin-left: 12px; }
.price-warning sup {
  font-size: .5em;
  height: 10px;
  font-weight: bold;
  vertical-align: text-top;
}

.odd td, .even td, thead th { padding: 5px; }

#content-right {
  width: 280px;
  float: right;
  display: block;
  overflow: hidden;
}

#content-right #block-views-best_mixes-block_2 {
  background: transparent url(images/make-your-mix.png) top left no-repeat;
  display:block;
  height:59px;
  margin-bottom:10px;
  width:280px;
}
#content-right #block-views-best_mixes-block_2 span {
}


#content-right #block-views-best_mixes-block_1 {
  padding: 10px;
  display: block;
  width: auto;
  border: 1px solid #ddd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
  .view-knowhows {
  float: left;
  width: 650px;
  display: block;
  overflow: hidden;
}


#in-den-mix { float: right; margin-top: -35px; }
.enhanced #in-den-mix { display: none; }

#paymentProgress { display: none; }


html.js fieldset.collapsible .fieldset-wrapper {
  overflow:visible;
}
#extra-info {
  width: 936px;
  display: block;
  background: transparent url(images/other-info.png) top left no-repeat;
  padding: 31px 10px 10px 10px;
  margin: -23px 0 -13px 0;
  overflow: visible;
  height: 46px;
  font-size: 11px;
  color: #666;
  line-height: 17px;
}

#extra-info div {
  float:left;
  border-right: 1px solid #fff;
  padding: 5px 40px;
}
.node .submitted { padding-left: 20px; }
#extra-info div#uc-price-kg { padding-left: 10px; }

#goog-chart {
  overflow: hidden;
  border: 1px solid #555555;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 20px 20px 38px;
  width: 590px;
  float: right;
  background: transparent url(images/white-20-percent.png) top left repeat;
}

#mixer-points-block,
#customize-button {
  background: #fff url(images/add-to-cart-share-tmp.png) top left no-repeat;
  display: block;
  width: 592px;
  padding: 20px;
  height: 70px;
  position: absolute;
  left: 324px;
  top: 343px;
}
#mixer-points-block input {
  position: absolute;
  top: 56px;
  left: 312px;
  width: 295px;
  border-width: 0;
  background-color: transparent;
}
#mixer-points-block h2 {
  position: absolute;
  top: 10px;
  left: 312px;
  font-size: 28px;
  font-weight: bold;
  color: #fc8f23;
}
#mixer-points-block label { display: none; }
#mixer-points-block .description {
  position: absolute;
  top: 83px;
  left: 312px;
  width: 295px;
}

#customize-button {
  background: #fff url(images/add-to-cart-customize.png) top left no-repeat;
  clear: right;
  float: right;
  position: static;
  margin-top: 1em;
  height: 70px;
  width: 590px;
}

#customize-button a,
#customize-button a:link,
#customize-button a:visited {
  color: white;
  font-size: 16px;
  margin-left: 416px;
  overflow: hidden;
  width: 200px;
  text-shadow: 1px 1px 0 #444;
  text-transform: uppercase;
  display: block;
  margin-top: 9px;
}

#wrapper .content-center .node .content .add-to-cart .generic-button {
  background: none;
  margin:0;
  padding:0;
  overflow: hidden;
  height: 89px;
  float: none;
  width: 312px;
  text-align: right;
}

#wrapper .content-center .node .content .add-to-cart #add-to-cart-buttons-wrapper .generic-button {
  margin-left: 1em;
  width: auto;
  text-align: left;
  float: none;
}

.node .content .add-to-cart input.form-submit {
  background: #fff url(images/big-button-160.png) top right no-repeat;
  height: 89px;
  width: 160px;
  /*CHANGED FM 15.11.10 Schrift kleiner*/
  font-size: 14px;
  padding: 0 0 43px 0;
}
.node .content .add-to-cart input.form-submit:hover {
  background-position: 0 -90px;
}

/* CHANGED FM 14.12.10 legal aspects*/
#gtct_pane, #grp_pane {
  border: 1px solid #D2E6F3;
  height: 200px;
  margin: 0 0 10px;
  overflow: auto;
  padding: 5px;
}

/* zweites Tab ist bei der ersten Ansicht nicht ausgeblendet */
#grp_pane {
display:none;
}

ul.tabNavigation {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 10px 0 4px;
  padding: 0;
}

ul.tabNavigation li a.selected, ul.tabNavigation li a:hover {
  background-color: #F57907;
  border-color: #F57907;
  border-style: solid solid none;
  border-width: 1px 1px 0;
  color: #fff;
}

#order-by-mix-id {
  float: left;
  display: inline;
  width: 300px;
  padding: 5px 0 0 20px;
}
#order-by-mix-id .description {
  color: #8C8C8C;
}
#fb-like {
  float: left;
  display: inline;
  width: 100px;
  height: 45px;
  padding: 5px 0 0 25px;
  margin-top: 10px;
  background: #3B5997;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#fb-like p {
  margin-bottom: 0;
}
#fb-like .block {
  margin-bottom: 0;
}
#order-by-mix-id label {
  float: left;
  display: inline;
  width: 50px;
  padding-top: 10px;
  color: #767676;
  font-size: 12px;
  font-weight: normal;
}
#order-by-mix-id .views-widget {
  float: left;
  display: inline;
}
#order-by-mix-id .views-widget input {
  width: 150px;
}
#order-by-mix-id .block {
  margin-bottom: 0;
}
#order-by-mix-id .generic-button input {
  background: url(images/generic-orange-right-btn.png) no-repeat scroll right top transparent;
  border:0 none;
  color:#FFFFFF;
  cursor:pointer;
  height:26px;
  width: auto;
  line-height:26px;
  margin: 0px 0 0;
  padding:0 10px 4px 6px;
  text-shadow: #444 1px 1px 0px;
}
#order-by-mix-id .generic-button input:hover {
  background-position: right -25px;
}
#order-by-mix-id .views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 0;
}

/* XHTTP */
.xhttp-container {
  text-align: left;
  padding: 12px 12px 0px 12px;
}
.xhttp-container h2 {
  font-size: 22px;
}
.xhttp-container .view-comment-page .view-header textarea {
  width: 100%;
}
.xhttp-container .view-comment-page .view-header .generic-button input {
  margin-top: 0px;
}
.xhttp-container .view-comment-page .view-content {
  margin-top: 10px;
}
.xhttp-container .view-comment-page .view-content .comment {
  margin-top: 0px;
}
.xhttp-container .view-comment-page .view-content .comment .content p {
  margin-bottom: 5px;
}

#lightbox #imageData #imageDetails {
  display: none;
}
#lightbox #imageData #bottomNav {
  margin-bottom: 5px;
}
#lightbox #imageData #bottomNav #bottomNavClose {
  margin-top: 10px;
}

.popups-box {
  z-index: 15 !important;
}