/*#THIS PART OF THE CSS IS USED FOR BOTH THE WEBSITE AND THE WYSIWYG EDITOR,
   DO NOT MAKE ANY CHANGES TO THIS PART OF THE CSS, UNLESS YOU KNOW WHAT YOU'RE DOING*/
html {
  margin: 0;
  padding: 0;
}

body {
  color: #000;
  font: 12px/1.5 Arial, Tahoma, Verdana, sans-serif;
  margin: 0;
  padding: 0;
}

a {
  color: #000;
}

a:hover {
  color: #f36f21;
  text-decoration: underline;
}

a img { border: none; }

a.action {
  background: url(/img/action.gif) no-repeat 0 5px;
  color: #f36f21;
  padding: 0 10px;
}

a.back {
  background: url(/img/back.gif) no-repeat 0 5px;
  padding-left: 10px;
}

/*#THESE TAGS CAN OCCUR IN THE CONTENTS, (keep in alphabetical order)*/
blockquote {
  margin: 0 0 1em 1em;
}

dl {
  margin: 0 0 1em 0;
}

dl dd {
  margin-left: 1em;
}

h1 {
  font-size: 20px;
  line-height: normal;
  margin: 0 0 0.3em 0;
}

h1 span {
  color: #83868e; 
}

h2 {
  font-size: 18px;
  line-height: normal;
  margin: 0 0 0.3em 0;
}

h3 {
  font-size: 16px;
  line-height: normal;
  margin: 0 0 0.3em 0;
}

h4 {
  font-size: 14px;
  line-height: normal;
  margin: 0 0 1em 0;
}

h5 {
  font-size: 13px;
  line-height: normal;
  margin: 0 0 1em 0;
}

h6 {
  font-size: 12px;
  line-height: normal;
  margin: 0 0 1em 0;
}

ol {
  margin: 0 0 1em 0;
  padding: 0;
}

ol li {
  margin-left: 2em; 
}

p {
  margin: 0 0 1em 0;
}

ul {
  margin: 0 0 1em 0;
  padding: 0;
}

ul li {
  margin-left: 1.5em;
}
/*#DO NOT MAKE CHANGES TO THIS FILE ABOVE THIS LINE*/

/*#THIS PART OF THE CSS IS USED FOR THE WEBSITE ONLY*/
button {
  background: #d6dfe8 url(/img/button-bkg.gif) repeat-x center top;
  border: 1px solid #d2dde3;
  color: #878f91;
  cursor: pointer;
  margin: 0 4px 2px 0;
  font: bold 13px Arial, Tahoma, Verdana, sans-serif;
}
form, form fieldset { border: none; margin: 0; padding: 0; }
form fieldset legend { display: none; } /* Also look at .customlegend */
form fieldset label { cursor: pointer }
form fieldset textarea { font: 12px/1.5 Arial, Tahoma, Verdana, sans-serif; }
/*#WEBSITE SPECIFIC PART STARTS HERE...*/

/*# .layout-1: USED FOR THREE COLUMN LAYOUT WITH TWO EQUAL COLUMNS AND A RIGHT COLUMN*/
/*# .layout-2: USED FOR THREE COLUMN LAYOUT SUBNAVIGATION AND WIDTHER CONTENT COLUMN*/

.layout-0 #b-1 {
  width: 410px;
  margin-right: 20px;
}

.layout-0 #b-2 {
width: 300px;
}

.layout-1 #b-2 {
  width: 730px;
}

.layout-2 #b-1 {
  margin-right: 20px;
  width: 230px;
}

.layout-2 #b-2 {
  width: 480px;
}

.layout-2 #b-3 {
}

.c-image {
  float: left;
  margin-right: 20px;
  width: 200px;
  min-height: 1px;
}

.c-content {
  float: left;
}

.layout-0 .c-image {
  display: none;
}

.layout-2 .c-image {
  display: none;
}

.layout-1 .c-content {
  width: 510px;
}

/*#THE SUBNAVIGATION HAS THREE LEVELS*/



/*#THE SUBNAVIGATION WAS WRONGLY IMPLEMENTED ON AFAB.NL!*/


.layout-2 #b-1 #subnav {
	border-bottom: 1px solid #bccad3;
}

.layout-2 #b-1 #subnav li {
	background: url(/img/nav/subnav-bkg.gif) no-repeat;
	border-top: 1px solid #bccad3;
	line-height: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.layout-2 #b-1 #subnav li.active-item {
	background: url(/img/nav/subnav-active-bkg.gif) no-repeat;
}

* html .layout-2 #b-1 #subnav li {
  height: 30px;
}

.layout-2 #b-1 #subnav li a {
	display: block;
	padding-left: 22px;
	text-decoration: none;
}

.layout-2 #b-1 #subnav li ul li ul.list-closed { 
  display: none;
}

.layout-2 #b-1 #subnav li ul li ul li ul.list-closed { 
  display: none;
}

.layout-2 #b-1 #subnav li.exp-closed ul { /* On default, don't show the subs of #subnav */
  display: none;
}

.layout-2 #b-1 #subnav li.exp-open {
}

.layout-2 #b-1 #subnav li.exp-open ul {
  display: block;
	list-style: none;
  margin: 0 0 0 15px;
}

.layout-2 #b-1 #subnav li.exp-open ul li {
  background: #fff;
  border-top: none !important;
  line-height: 20px !important;
}

.layout-2 #b-1 #subnav li.exp-open ul li.active-item {
  background: url(/img/nav/subnav-bullet.gif) no-repeat 10px 7px;
  border-top: none !important;
  line-height: 20px !important;
}

* html .layout-2 #b-1 #subnav li.exp-open ul li {
  height: 20px;
}

.layout-2 #b-1 #subnav li.active-item > a { /* Maybe this one needs some 'looking into' */
	color: #f36f21;
	font-weight: bold;
}

.layout-2 #b-2 a {
  /*color: #f36f21;*/
}

.lightwindow_hidden {
  display: none !important;
}

.movieslist {
  font-size: 14px;
  font-weight: bold;
  list-style: none;
  overflow: hidden;
  width: 100%;
}

.movieslist li {
  float: left;
  height: 176px;
  margin: 0 35px 5px 0;
  text-align: center;
  width: 150px;
}

.movieslist li.last-item {
  margin-right: 0px;
}

.movieslist li .img {
  height: 130px;
}

.movieslist li .movie{
  margin: 0px;
}

body {
  background: url(/img/body-inbiznis-bkg.gif) repeat-x center top;
}

h2.smaller {
  font-size: 14px;
}

#container-outer {
  background: url(/img/footer-inbiznis-line-bkg.gif) repeat-x center bottom;
}

#container { /*#KEYBLOCK*/
  margin: auto;
  width: 980px;
}

#footer { /*#KEYBLOCK*/
  background: url(/img/footer-inbiznis-bkg.gif) no-repeat;
  background-position: left top;
  color: #83868e;
  font-size: 11px;
  overflow: hidden;
  padding-top: 65px;
  text-align: right;
  width: 980px;
}

#footernav {
  float: left;
  margin: 0;
  width: 400px;
}

#footernav li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 20px 10px 0 0;
}

#footer .copyright {
  color: #595552;
  float: right;
  padding: 20px 0;
}

#form-login span.reqfld,
#form-resetpassword span.reqfld {
  display: none;
}

form fieldset .form-row {
  margin-bottom: 4px;
  overflow: hidden;
}

form fieldset .form-row input[type=text],
form fieldset .form-row input[type=password] {
  width: 270px;
}

form.extranetlogin fieldset .form-row input {
  width: 200px;
}

form fieldset .form-row .form-label {
  float: left;
  line-height: 20px;
  margin-right: 2px;
  min-height: 20px;
  text-align: left;
  width: 120px;
}

form fieldset .form-row select {
  font-size: 12px;
}

form fieldset .form-row .form-input input[type=checkbox] {
  float: left;
  margin-top: 6px;
}

form h4 {
  margin-top: 10px;
}

#fixedtipdiv {
  border: 1px solid black;
  font: normal 11px Verdana;
  line-height: 18px;
  padding: 2px;
  position: absolute;
  z-index: 100;
}

#header { /*#KEYBLOCK*/
  height: 114px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1000;
}

#header #logo { /*#KEYBLOCK*/
  left: 0;
  position: absolute;
  top: 4px;
}

/* level 0 navigation */

#header #nav { /*#KEYBLOCK*/
  bottom: 5px;
  left: 0px;
  list-style: none;
  margin: 0;
  position: absolute;
  z-index: 1000;
}

#header #nav li {
  background: url(/img/nav/tab-sprite.png) no-repeat left -144px;
  float: left;
  margin: 0 -12px 0 0;
  padding-left: 12px;
  position: relative;
  z-index: 1000;
}

#header #nav li.first-item {
  background: url(/img/nav/tab-sprite.png) no-repeat left -72px;
}

#header #nav li a {
  background: url(/img/nav/tab-sprite.png) no-repeat right 0;
  color: #fff;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  padding: 0 18px 0 0px;
  text-decoration: none;
}

#header #nav li:hover {
  background: url(/img/nav/tab-sprite.png) no-repeat left -168px;
}

#header #nav li.first-item:hover {
  background: url(/img/nav/tab-sprite.png) no-repeat left -96px;
}

#header #nav li:hover a {
  background: url(/img/nav/tab-sprite.png) no-repeat right -24px;
}

#header #nav li.active-item {
  background: url(/img/nav/tab-sprite.png) no-repeat left -120px;
}

#header #nav li.first-item.active-item {
  background: url(/img/nav/tab-sprite.png) no-repeat left -120px;
}

#header #nav li.active-item a {
  background: url(/img/nav/tab-sprite.png) no-repeat right -48px;
}

/* level 1 navigation */

#header #nav li ul {
  display: none;
  left: 0;
  padding-top: 10px;
  position: absolute;
  top: 24px;
  white-space: nowrap;
  z-index: 1000;
}

#header #nav li ul a {
  font-size: 12px;
}

#header #nav li:hover ul {
  display: block;
}

#header #nav li li,
#header #nav li li.first-item {
  background: url(/img/nav/tab-sprite-subnav.png) no-repeat left -180px;
  float: none;
  height: 30px;
  list-style: none;
  margin: -4px 0 0 0;
  width: expression((this.parentElement.clientWidth - 12) + 'px');
}

#header #nav li li a,
#header #nav li:hover li a {
  background: url(/img/nav/tab-sprite-subnav.png) no-repeat right -60px;
  float: none;
  height: 30px;
}

#header #nav li li:hover,
#header #nav li li.first-item:hover {
  background: url(/img/nav/tab-sprite-subnav.png) no-repeat left -210px;
}

#header #nav li li:hover a {
  background: url(/img/nav/tab-sprite-subnav.png) no-repeat right -90px;
  color: #000;
}

#header #nav li.active-item li,
#header #nav li.active-item li.first-item {
  background: url(/img/nav/tab-sprite-subnav.png) no-repeat left -120px;
}

#header #nav li.active-item li a {
  background: url(/img/nav/tab-sprite-subnav.png) no-repeat right -0px;
}

#header #nav li.active-item li:hover {
  background: url(/img/nav/tab-sprite-subnav.png) no-repeat left -150px;
}

#header #nav li.active-item li:hover a {
  background: url(/img/nav/tab-sprite-subnav.png) no-repeat right -30px;
  color: #000;
}




#header .logout { /*#WILL CONTAIN ONLY AN IMAGE AND A SIMPLE TEXT*/
  background: url(/img/logout-bkg.gif);
  height: 43px;
  left: 340px;
  position: relative;
  top: 0;
  width: 274px;
}

#header .logout img {
  position: absolute;
  right: 13px;
  top: 0;
}

#header .logout p {
  bottom: 1px;
  font-size: 11px;
  height: 19px;
  line-height: 19px;
  margin: 0;
  /*overflow: hidden; quick fix: commented because of long names  */
  position: absolute;
  text-align: center;
  width: 100%;
}

#header .search {
  background: url(/img/search-bkg.gif) no-repeat;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
}

#header .search fieldset {
  height: 60px;
  position: relative;
  width: 200px;
}

#header .search fieldset button {
  background: transparent;
  border: none;
  height: 18px;
  left: 153px;
  line-height: normal;
  padding: 0;
  position: absolute;
  top: 21px;
  width: 18px;
}

#header .search fieldset input {
  border: none;
  font-size: 11px;
  height: 18px;
  left: 31px;
  line-height: 18px;
  padding: 0 1px;
  position: absolute;
  top: 21px;
  width: 119px;
}

#main { /*KEYBLOCK*/
  min-height: 200px;
  overflow: hidden;
  width: 100%;
}

#main #b-1-2 {
  float: left;
  width: 730px;
  margin-right: 20px;
}

#main #b-1 { /*KEYBLOCK*/
  float: left;
  min-height: 1px; /* In case it's an empty block */
}

#main #b-2 {
  float: left;
  min-height: 1px;
}

#main #b-3 { /*KEYBLOCK*/
  float: left;
  min-height: 1px;
  width: 230px; /* this block has a fixed width in all the templates */
}

#main #b-3 .quicklogin-list {
  list-style: none;
}

#main #b-3 .quicklogin-list li {
  margin: 0 0 3px 0;
}

#main #b-3 .quicklogin-list li a {
  background: #f3f6f7;
  border: 1px solid #bccad3;
  display: block;
  height: 74px;
  padding: 2px;
}

#main #b-3 .quicklogin-list li a:hover {
  border-color: #f36f21;
}

#main #b-3 .quicklogin-list li a img {
  display: block;
}

#my-cart {
  margin-bottom: 15px;
}

#playlist-container {
  margin: 15px 0;
}

#playlist-container ol {
  list-style: none;
  overflow: hidden;
  width: 100%;
}

#playlist-container li {
  border: 1px solid #bccad3;
  float: left;
  height: 120px;
  margin: 0 14px 15px 0;
  overflow: hidden;
  padding: 10px 5px;
  width: 152px;
  text-align: center;
}

#playlist-container li > a {
  background: #f3f6f7;
  border: 1px solid #bccad3;
  display: block;
  height: 68px;
  margin: 0 auto;
  padding: 2px;
  width: 120px;
}

#playlist-container li > a:hover {
  border-color: #f36f21;
}

#playlist-container li.last {
  margin-right: 0;
}














#process-three-outer {
  background: url(/img/form-bkg.gif);
  padding-top: 10px;
}


#process-three {
  background-repeat: no-repeat;
  color: #83868e;
  font-size: 13px;
  height: 1%;
  margin-bottom: 1em;
  overflow: hidden;
  padding-top: 20px;
  text-align: center;
}

#process-three a {
  color: #343537;
}

#process-three.step-1 {
  background-image: url(/img/shop-step-1.gif);
}

#process-three.step-2 {
  background-image: url(/img/shop-step-2.gif);
}

#process-three.step-3 {
  background-image: url(/img/shop-step-3.gif);
}

#process-three .step-1, #process-three .step-2, #process-three .step-3 {
  float: left;
  width: 173px;
}

#process-three .step-2 {
  width: 174px;
}

#process-three.step-1 .step-1, #process-three.step-2 .step-2, #process-three.step-3 .step-3 {
  color: #000;
  font-weight: bold;
}

#process-three.step-2 .step-1, #process-three.step-3 .step-1, #process-three.step-3 .step-2 {
  color: #000;
}












#trail a {
  color: #000 !important;
}

.customform {
  margin-bottom: 15px;
}

.customform fieldset {
  background: url(/img/form-bkg.gif) repeat-x top;
  margin-bottom: 15px;
  min-height: 73px;
  padding-top: 10px;
}

.customform fieldset button, .custombutton {
  background: url(/img/button-inbiznis-bkg.gif) repeat-x center center;
  border: 1px solid #bccad3;
  color: #fff;
  padding: 2px 6px;
}

.customform fieldset button:hover, .custombutton:hover {
  background: url(/img/button-inbiznis-bkg_hover.gif) repeat-x center center;
}

.customform fieldset input[type=text],
.customform fieldset input[type=password],
.customform fieldset textarea,
.custominput {
  border: 1px solid #bdcad3;
  width: 270px;
}

.customform fieldset select {
  border: 1px solid #bdcad3;
  width: 274px;
}

.customform fieldset .form-row {
  margin-bottom: 4px;
  overflow: hidden;
  width: 100%;
}

.customform fieldset .form-row .form-label {
  float: left;
  margin-right: 20px;
  text-align: right;
  width: 180px;
}

.customform fieldset .form-row .form-label-checkbox {
  margin: 3px 0 0 35px;
}

.customform fieldset .form-row .form-input {
  float: left;
}

.customform fieldset .form-row.error {
  color: #f36f21;
  font-weight: bold;
}

.customform fieldset .form-button {
  margin-top: 10px;
  text-align: center;
}

.customform fieldset .form-button .delete {
  background: #f69999;
}

.customform.nostyle fieldset { /* used when there is a table inside it */
  background-image: none;
}

.customform-errors {
  background: #eaa684 url(/img/form-error-bkg.gif) repeat-x top;
  border: 1px solid #f36f21;
  margin-bottom: 15px;
  min-height: 72px;
  padding: 5px 10px;
}

.customform-errors .attention {
  background: url(/img/form-error-icon.gif) no-repeat left;
  color: #f36f21;
  margin: 0;
  padding-left: 20px;
}

.customform-success {
  background: #e0ece0 url(/img/form-success-bkg.gif) repeat-x top;
  border: 1px solid #3cc33c;
  margin-bottom: 15px;
  min-height: 72px;
  padding: 5px 10px;
}

.customform-success .attention {
  background: url(/img/form-success-icon.gif) no-repeat left;
  color: #3cc33c;
  margin: 0;
  padding-left: 20px;
}

.customform2 select {
  width: 200px;
}

.customform2 .small {
  width: 40px !important;
}

.customform2 .wide input,
.customform2 .wide select {
  width: 100px !important;
}

.customform2 .wide textarea {
  height: 140px;
  margin-left: 10px;
  width: 500px;
}

.customform2 .wide .form-label {
  width: 320px !important;
}

.customform2 .form-row-column {
  float: left;
  margin-right: 4px;
  width: 100px;
}

.customform2 .form-row-column input,
.customform2 .form-row-column select {
  margin-top: 2px;
  width: 95px !important;
}

.customform2 .readonly {
  background-color: #dcdcdc;
}

.customform2 .form-text {
  padding-left: 240px;
}

.customlegend { /* Use this as a replacement for the legend */
  background: url(/img/bullet-1.gif) no-repeat 10px 7px;
  color: #f36f21;
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  padding-left: 25px;
}

.customlist li {
  background: url(/img/bullet-1.gif) no-repeat left 7px;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding-left: 15px;
}

.customobjectlist { /* Copied and modified from #playlist-container, but reusable */
  overflow: hidden;
  width: 100%;
}

.customobjectlist li {
  border: 1px solid #bccad3;
  float: left;
  height: 120px; /* Overwrite at will when needed */
  list-style: none; /* needed here for IE */
  margin: 0 14px 15px 0;
  overflow: hidden;
  padding: 10px 5px;
  text-align: center;
  width: 152px;
}

.customobjectlist li > a {
  background: #f3f6f7;
  border: 1px solid #bccad3;
  display: block;
  height: 130px;
  margin: 0 auto 5px auto;
  padding: 2px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  width: 130px;
}

.customobjectlist li > a:hover {
  border-color: #f36f21;
}

.customobjectlist li.last {
  margin-right: 0;
}

.customobjectlist.onerow li {
  margin-bottom: 0;
}

.customobjectlist.categories li {
  height: 190px;
}

.customobjectlist.products li {
  height: 250px;
}

.customobjectlist.products li .description {
  height: 5em;
}


/* styling for tables */

.customtable {
  background: #fff;
  border-collapse: collapse;
  padding: 0;
  width: 100%;
}

.customtable thead th {
  padding-left: 10px;
  text-align: left;
}

.customtable thead th.nr {
  width: 20px;
}

.customtable thead th.clickbox,
.customtable thead th.date,
.customtable thead th.preview {
  width: 30px;
}

.customtable thead th.channel,
.customtable thead th.mailinglist {
  width: 80px;
}

.customtable thead th.username,
.customtable thead th.datetime,
.customtable thead th.status {
  width: 100px;
}

.customtable tbody tr.alternate {
  background: #eee;
}

.customtable tbody tr td {
  padding-left: 10px;
}

.customtable tbody tr td.add-user {
  font-size: 13px;
  text-align: center;
}

.customtable tbody tr td.not-used {
  color: #808080;
}

.customtable tbody tr td.date {
  color: #83868e;
}

.customtable.behavior-hover tbody tr:hover {
  background: #ddd !important;
  cursor: pointer;
}

.customtable.horizontal {
  margin-bottom: 15px;
}

.customtable.horizontal tr th,
.customtable.horizontal tr td {
  border-bottom: 1px solid #bccad3;
}

.customtable.horizontal tr td,
.customtable.horizontal tr th {
  padding-bottom: 2px;
  padding-top: 2px;
}

.customtable.horizontal tr th { /* These is no thead for this structure */
  text-align: left;
  vertical-align: top;
  width: 180px
}

.customtable.standalone {
  border: 1px solid #bccad3;
  margin-bottom: 15px;
}

.customtable-2 {
  border-collapse: collapse;
  margin-bottom: 15px;
  padding: 0;
  width: 100%;
}

.customtable-2 thead th {
  padding-left: 10px;
  text-align: left;
}

.customtable-2 thead th.date {
  width: 80px;
}

.customtable-2 tbody {
  background: url(/img/form-bkg.gif) repeat-x;
  /*vertical-align: top;*/
}

.customtable-2 tbody tr td {
  padding: 2px 0 2px 10px;
}

.customtable-2 tbody tr td.date {
  color: #83868e;
}

.customtable-2 tbody tr td.first {
  background: url(/img/bullet-1.gif) no-repeat 5px 9px !important;
  padding-left: 18px;
}

.customtable-2 tbody tr td input.number {
  width: 24px;
}

.customtable-2 tbody tr td.shopnumber {
  width: 80px;
}

.customtable-2 tbody tr td.shopproduct {
  /*width: 300px;*/
}

.customtable-2 tbody tr td.shopproduct span {
  color: #83868e;
  font-size: 11px;
}

.customtable-2 tbody tr td.currency {
  text-align: right;
  width: 40px;
}

.customtable-2 tbody tr td.euro {
  width: 10px;
}

.customtable-2 tbody tr.shoptotal td {
  background: #fff;
  border-top: 1px solid #bdcad3;
}

.customtable-2.topped tbody {
  vertical-align: top;
}

.fake-customform-button { /* Has the (almost) the same styling as the button, but is just a normal link */
  background: url(/img/button-inbiznis-bkg.gif) repeat-x center center;
  border: 1px solid #bccad3;
  color: #fff !important;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  padding: 2px 6px;
  text-decoration: none !important;
}

.fake-customform-button:hover {
  background: url(/img/button-inbiznis-bkg_hover.gif) repeat-x center center;
}

.level {
  overflow: hidden;
}

.no-spacing {
  margin: 0;
}

.pager {
  background: url(/img/form-bkg.gif) repeat-x;
  color: #83868e;
  list-style: none;
  margin-bottom: 15px;
  min-height: 30px;
  padding-top: 5px;
  text-align: center;
}

.pager li {
  display: inline;
  margin: 0;
}

.pager li a, .pager li span {
  padding: 0 3px;
}

.pager li a.current {
  background: #f36f21;
  color: #fff !important;
  display: inline;
  margin: 0;
  text-decoration: none;
}

.explain {
  color: #83868e;
  font-size: 11px;
}

.formtabs {
  border-bottom: 2px solid #f36f21;
  height: 23px;
  list-style: none;
  margin: 0;
  padding: 0 12px 0 0;
  -moz-outline: none;
}

.formtabs li {
  background: url(/img/nav/tab-sprite.png) no-repeat left -144px;
  display: block;
  float: left;
  margin: 0 -12px 0 0;
  padding: 0 0 0 12px;
  position: relative;
  text-align: center;
}

.formtabs li a {
  background: url(/img/nav/tab-sprite.png) no-repeat right -0px;
  color: #fff;
  display: block;
  font-weight: bold;
  line-height: 22px;
  padding-right: 24px;
  text-decoration: none;
}

.formtabs li:first-child {
  background: url(/img/nav/tab-sprite.png) no-repeat left -72px;
}

.formtabs .active-item {
  background: url(/img/nav/tab-sprite.png) no-repeat left -120px !important;
}

.formtabs .active-item a {
  background: url(/img/nav/tab-sprite.png) no-repeat right -48px;
}

.formtabs .formtabs-index {
	background: none !important;
	border: none;
	float: right;
	width: auto;
}

.price {
  font-size: 15px;
  font-weight: bold;
  line-height: normal;
}

.price em, 
.price-style-2 em {
  color: #f36f21;
  font-style: normal;
}

.price span {
  color: #83868e;
  display: block; 
  font-size: 11px;
  font-weight: normal;
}

.price-style-2 span {
  color: #83868e;
  font-size: 11px;
}

.reqfld {
  color: #f36f21;
}

.shopproductdetails-container {
  margin-bottom: 15px;
}

.shopproductdetails-container #block-1 {
  float: left;
  margin-right: 15px;
  width: 299px;
}

.shopproductdetails-container #block-2 {
  float: left;
  width: 206px;
}

.shopproductdetails-container #block-2 #article-detail a {
  background: #f3f6f7;
  border: 1px solid #bccad3;
  display: block;
  margin: 0 auto 5px auto;
  padding: 2px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}

.shopproductdetails-container #block-2 #article-detail a:hover {
  border-color: #f36f21;
}

.shopproductdetails-container #block-2 #article-detail .large a {
  height: 200px;
  width: 200px;
}

.shopproductdetails-container #block-2 #article-detail .small {
  list-style: none;
}

.shopproductdetails-container #block-2 #article-detail .small li {
  background: green;
  height: 66px;
  float: left;
  margin: 0 4px 0 0;
  width: 66px;
}

.shopproductdetails-container #block-2 #article-detail .small li.last-item {
  margin-right: 0;
}

.shopproductdetails-container #block-2 #article-detail .small a {
  height: 60px;
  width: 60px;
}

.shopproductdetails-container .customform fieldset .form-row .form-label {
  width: 80px;
}

.shopproductdetails-container .customform fieldset .form-row .form-input input {
  width: 24px;
}

/* To show the filled in the (prefilled) data by the customer */
.shopproduct-personaldata {
  margin-top: 15px;
}

.customtable-2 tbody tr td .shopproduct-personaldata table {
  border-collapse: collapse;
  font-size: 11px;
  margin-bottom: 15px;
  width: 100%;
}

.customtable-2 tbody tr td .shopproduct-personaldata table tbody {
  vertical-align: top;
}

.customtable-2 tbody tr td .shopproduct-personaldata table th { 
  padding: 0 10px;
  text-align: right;
  width: 100px;
}

.customtable-2 tbody tr td .shopproduct-personaldata table td { 
  padding: 0;
}

.ui-sortable-placeholder {
  border: 2px dotted #bccad3 !important;
  visibility: visible !important;
}

.ui-sortable-placeholder * { /* Can't we do this another way without the * selector?! */
  visibility: hidden;
}

.uitleg {
  font-size: 10px;
  margin-bottom: 15px;
}

.uitleg p {
  margin: 0;
}

.widgetform {
  margin-bottom: 15px;
}

.widgetform fieldset {
  background: url(/img/form-bkg.gif) repeat-x top;
  margin-bottom: 15px;
  min-height: 73px;
  padding-top: 10px;
}

.widgetform fieldset button, .custombutton {
  background: url(/img/button-inbiznis-bkg.gif) repeat-x center center;
  border: 1px solid #bccad3;
  color: #fff;
  padding: 2px 6px;
}

.widgetform fieldset button:hover, .custombutton:hover {
  background: url(/img/button-inbiznis-bkg_hover.gif) repeat-x center center;
}

.widgetform fieldset input[type=text],
.widgetform fieldset input[type=password],
.widgetform fieldset textarea,
.custominput {
  border: 1px solid #bdcad3;
  width: 200px;
}

.widgetform fieldset textarea {
  border: 1px solid #bdcad3;
  height: 150px;
  width: 260px;
}

.widgetform fieldset .form-row {
  margin-bottom: 4px;
  overflow: hidden;
  width: 100%;
}

.widgetform fieldset .form-label {
  float: left;
  margin-right: 20px;
  text-align: right;
  width: 220px;
}

.widgetform fieldset .form-row .form-input {
  float: left;
}

.widgetform fieldset .form-row.error {
  color: #f36f21;
  font-weight: bold;
}

.widgetform fieldset .form-button {
  margin-top: 10px;
  text-align: center;
}

.widgetform fieldset .form-button .delete {
  background: #f69999;
}

.widgetform.nostyle fieldset { /* used when there is a table inside it */
  background-image: none;
}

.widgetform-errors {
  background: #fecccc url(/img/form-error-bkg.gif) repeat-x top;
  border: 1px solid #f69999;
  margin-bottom: 15px;
  min-height: 72px;
  padding: 5px 10px;
}

.widgetform-errors .attention {
  background: url(/img/form-error-icon.gif) no-repeat left;
  color: #f36f21;
  margin: 0;
  padding-left: 20px;
}

.widgetform-success {
  background: #e0ece0 url(/img/form-success-bkg.gif) repeat-x top;
  border: 1px solid #3cc33c;
  margin-bottom: 15px;
  min-height: 72px;
  padding: 5px 10px;
}

.widgetform-success .attention {
  background: url(/img/form-success-icon.gif) no-repeat left;
  color: #3cc33c;
  margin: 0;
  padding-left: 20px;
}


p > span.date {
  color: #83868e;
}


#carrousel {
  position: relative;
  margin-bottom: 20px;
}

#carrousel-images img  {
  left: 0;
  position: absolute;
  top: 0;
}

#carrousel-overlay {
  background: url(/img/overlay.png) no-repeat left bottom;
  left: 0;
  position: absolute;
  top: 0;
}

#carrousel #carrousel-besturing {
  background: url(/img/carrousel-besturing-bkg.png);
  display: none;
  height: 30px;
  left: 577px;
  padding: 3px 9px 0 9px;
  position: absolute;
  top: 201px;
  width: 130px;
}

#carrousel #carrousel-besturing ol {
  background-image: url(/img/sprite-carrousel-besturing.png);
  background-repeat: no-repeat;
  height: 23px;
  list-style: none;
  margin: 0;
  padding-top: 2px;
}

#carrousel #carrousel-besturing ol li {
  float: left;
  margin: 0;
}

#carrousel #carrousel-besturing ol li a {
  display: block;
  float: left;
  height: 21px;
  width: 20px;
}

#carrousel #carrousel-besturing.p1 ol {
  background-position: top;
}

#carrousel #carrousel-besturing.p2 ol {
  background-position: center -25px;
}

#carrousel #carrousel-besturing.p3 ol {
  background-position: center -50px;
}

#carrousel #carrousel-besturing.p4 ol {
  background-position: center -75px;
}

#carrousel #carrousel-besturing.p5 ol {
  background-position: center -100px;
}

#carrousel #carrousel-besturing.p6 ol {
  background-position: center -125px;
}

/* Die afbeelding is niet echt ok, vandaar deze afwijkingen */
#carrousel #carrousel-besturing ol li.c2,
#carrousel #carrousel-besturing .c5 {
  margin-right: 2px;  
}

#carrousel #carrousel-besturing ol li.c3,
#carrousel #carrousel-besturing ol li.c4 {
  margin-right: 3px;  
}

.component-outer {
  background: url(/img/component-bkg.gif) repeat-y;
  border-top: 1px solid #d2dde3;
  margin-bottom: 7px;
}

.component-inner {
  background: url(/img/component-bottom-bkg.gif) no-repeat bottom;
  overflow: hidden;
  padding: 10px;
}

.component-inner .address {
  float: left;
  font-size: 11px;
  width: 120px;
}

.component-inner .address span {
  clear: left;
  display: block;
  float: left;
  width: 35px;  
}

.component-inner .buttons {
  float: left;
  padding-top: 18px;
  width: 90px;
}

.component-inner .buttons button {
  font-size: 11px;
  margin: 0 0 5px 0;
  width: 100%;
}

.content-small {
  width: 374px !important;
}

#partnercarrousel {
  background: #fff;
  border: 1px solid #d2dce5;
  height: 70px;
  overflow: hidden;
}

#partnercarrousel .carrousel-small {
  padding: 10px;
}

#partnercarrousel .carrousel-large {
  padding: 10px;
}

#inbiznis-tv {
  width: 300px;
}

#inbiznis-tv .tv-header {
  background: url(/img/inbiznis-tv-header.gif) no-repeat;
  font-weight: bold;
}

#inbiznis-tv .tv-header h3 {
  color: #ffffff;
  line-height: 28px;
  margin: 0;
  padding-left: 10px;
}

#inbiznis-tv .tv-content {
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
}

#inbiznis-tv .tv-footer {
  background: url(/img/inbiznis-tv-footer.gif) no-repeat;
  height: 6px;
  font-size: 0;
}

.extranetlogin .form-row {
  position: relative;
}

.extranetlogin .help {
  left: 5px;
  position: absolute;
  top: 1px;
}