/**
 * FONT EMBED
 */

@font-face {
  font-family: 'Aachenbold';
  src: url('../fonts/aachenstd-medium-webfont.eot');
  src: local('Aachen123'), local('Aachen123'), url('../fonts/aachenstd-medium-webfont.woff') format('woff'), url('../fonts/aachenstd-medium-webfont.ttf') format('truetype'), url('../fonts/aachenstd-medium-webfont.svg#aachenstd-medium-webfont') format('svg');
}

@font-face {
  font-family: 'AachenboldBold';
  src: url('../fonts/AachenBoldPlain.eot');
  src: local('AachenBoldPlain'), local('AachenBoldPlain'), url('../fonts/AachenBoldPlain.woff') format('woff'), url('../fonts/AachenBoldPlain.ttf') format('truetype'), url('../fonts/AachenBoldPlain.svg#AachenBoldPlain') format('svg');
}

body {
  font: 75%/16px Arial;
  height: 100%;
}

input[type=checkbox] {
  width: 20px;
}

textarea {
  overflow: auto;
  resize: none;
}

a {
  color: #008ae8;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

em {
  font-style: normal;
}

hr {
  border: none;
  border-bottom: 1px solid #c3e6fb;
  height: 0px;
  padding: 0;
  margin: 0;
  *margin: -7px 0;
  clear: both;
}

strong {
  font-weight: bold;
}

.clear {
  clear: both;
}

#primary-column .hide,
.hide {
  display: none;
}

.order-title {
  font-weight: bold;
  padding: 15px 0;
  line-height: 20px;
  font-size: 1.667em;
  color: #bf2d1a;
}

.sub-title {
  font-weight: bold;
  line-height: 40px;
  font-size: 1.25em;
  color: #0052a1;
}

.page-title {
  font-weight: bold;
  line-height: 40px;
  font-size: 1.667em;
  color: #0052a1;
}

.page-title span {
  font-size: 0.833em;
  color: #badff9;
}

.category-title {
  color: #3970ad;
  font-weight: bold;
  margin: 0 0 10px 0;
}

.category-title span {
  font-size: 0.833em;
  color: #92c3ec;
}

.subheader {
  font-size: 1.667em;
  font-family: Arial;
  color: #0068b3;
  line-height: 40px;
  font-weight: bold;
  border-bottom: 1px solid #bfe2f9;
  display: block;
  margin: 20px 0;
}

.subheader span {
  font-size: 0.5em;
}

.required {
  color: #ff0000;
  font-weight: normal;
  padding: 10px 0;
}

.title {
  font-weight: bold;
}

.read-more {
  padding: 0 9px 0 0;
  float: right;
}

.phone {
  font-size: 1em;
}

.phone-real {
  display: none;
  font-size: 1em;
}

#postalcode-message {
  display: none;
  color: #FF0000;
  font-size: 1em;
  font-weight: bold;
}

/**
 * COLUMN STRUCTURE
 */

.column {
  width: 480px;
}

#primary-column {
  margin: 0 0 40px 0;
}

#secondary-column {
  width: 200px;
  float: left;
  margin: 0 20px 0 0;
}

#tertiary-column {
  float: right;
  margin: 0 0 40px 20px;
  width: 180px;
}

#secondary-column + #primary-column {
  float: left;
  width: 760px;
}

#secondary-column + #tertiary-column + #primary-column {
  float: left;
  width: 560px;
}

#tertiary-column + #primary-column {
  float: left;
  width: 780px;
}

/* Homepage sub-columns */

#primary-sub-column {
  float: left;
}

#secondary-sub-column {
  text-align: left;
  float: right;
}

.home #primary-sub-column {
  margin: 20px 0 0 0;
  width: 404px;
}

.home #secondary-sub-column {
  margin: 20px 0 0 0;
  width: 336px;
}

/* Register / Login / Profile-data TODO: goede benaming geven */

.profile-data #primary-sub-column {
  border-right: 1px solid #c3e6fb;
  width: 491px;
}

.profile-data #secondary-sub-column {
  width: 270px;
}

/* Profile sub-columns TODO: goede benaming geven */

.craftsman-contactdata #primary-sub-column,
.craftsman-profile #primary-sub-column {
  float: left;
  width: 380px;
}

.craftsman-contactdata #primary-sub-column,
.craftsman-profile #secondary-sub-column {
  width: 380px;
}

.profile-content-block {
  overflow: hidden;
  margin: 0 0 20px 0;
}

.profile-content-block .header {
  color: #0068b3;
  font-size: 1.667em;
  overflow: hidden;
  padding: 0 0 12px 0;
  font-weight: bold;
}

.profile-content-block .header span {
  color: #8ad0f7;
  font-size: 0.75em;
}

.profile-content-block .section {
  border: 1px solid #c8e8fb;
  margin: 0 0 20px 0;
  position: relative;
}

.profile-content-block .section .header {
  background: #d6eefc;
  padding: 10px;
  color: #0068b3;
  font-weight: bold;
  font-size: 1.25em;
}

.profile-content-block .section .content {
  padding: 10px;
}

/**
 * BLOCKS
 */

#primary-column .block {
  display: block;
  position: relative;
  margin: 0 0 20px 0;
}

#secondary-column .block,
#tertiary-column .block {
  display: block;
  position: relative;
  margin: 0 0 10px 0;
}

#tertiary-column .block img {
  display: block;
}

.home #primary-sub-column .block {
  display: block;
  position: relative;
  margin: 0 0 30px 0;
}

/**
 * COLUMN DEFAULTS
 */

.home #primary-sub-column .block .header,
#primary-column.howitworks h1.header,
#primary-column .block .header,
#iframe .block .header,
#order .header {
  background: url(../images/main-sub-column-bullet.png) left 6px no-repeat;
  font-family: 'Aachenbold';
  font-weight: normal;
  font-size: 1.667em;
  color: #0068b3;
  padding: 0 0 0 22px;
  height: 34px;
  line-height: 34px;
}

#primary-column .block .header h1 {
  font-family: 'Aachenbold';
  font-weight: normal;
}

.header small {
  color: #0784e7;
  font-family: Arial;
  font-size: 0.6em;
  font-weight: bold;
}

.home #secondary-sub-column .block .header {
  background: #3db8f4 url(../images/sub-column-roundedcorners-top.png) 0 0 no-repeat;
  font-size: 1.25em;
  padding: 0 0 0 11px;
}

#tertiary-column .block .header {
  background: #3db8f4 url(../images/tertiary-column-roundedcorners-top.png) 0 0 no-repeat;
  padding: 8px 10px 9px 10px;
  border-bottom: 1px solid #368ecb;
  font-size: 1.25em;
  position: relative;
}

#tertiary-column .block .header span,
.home #secondary-sub-column .block .header span {
  background: url(../images/bullet.png) center left no-repeat;
  font-family: 'Aachenbold';
  font-weight: normal;
  padding: 0 0 0 18px;
  color: #0068b3;
}

#tertiary-column .block .content {
  background: url(../images/tertiary-column-roundedcorners-bottom.png) bottom left no-repeat;
  padding: 10px;
}

/**
 * ROUNDEDCORNERS
 */

.roundedcorners-topleft,
.roundedcorners-topright,
.roundedcorners-bottomleft,
.roundedcorners-bottomright,
.roundedbordercorners-topleft,
.roundedbordercorners-topright,
.roundedbordercorners-bottomleft,
.roundedbordercorners-bottomright {
  background: #ffffff;
  height: 1px;
  width: 1px;
  position: absolute;
}

.roundedcorners-topleft {
  top: 0;
  left: 0;
}

.roundedcorners-topright {
  top: 0;
  right: 0;
}

.roundedcorners-bottomleft {
  bottom: 0;
  left: 0;
}

.roundedcorners-bottomright {
  bottom: 0;
  right: 0;
}

.roundedbordercorners-topleft {
  top: -1px;
  left: -1px;
}

.roundedbordercorners-topright {
  top: -1px;
  right: -1px;
}

.roundedbordercorners-bottomleft {
  bottom: -1px;
  left: -1px;
}

.roundedbordercorners-bottomright {
  bottom: -1px;
  right: -1px;
}

/**
 * FLASH-MESSAGE
 */

.flash-message {
  color: #ffffff;
  margin: 0 0 20px 0;
  font-size: 1em;
  font-weight: bold;
  padding: 9px;
  position: relative;
}

.flash-message ul {
  margin: 10px 0 0 0;
}

.flash-message ul li {
  list-style: disc;
  line-height: 16px;
  margin: 0 0 0 16px;
}

.flash-message ul li a,
.flash-message ul li span {
  color: #ffffff;
}

#succes.flash-message {
  background: #6cbc44;
  border: 1px solid #4a872c;
}

#succes.flash-message a.white {
  color: #FFFFFF;
}

#succes.flash-message {
  font-size: 1.25em;
}

#succes.flash-message ul li {
  font-size: 0.833em;
  color: #ffffff;
}

.error {
  color: #FF0000;
}

.flash-message.error {
  color: #ffffff !important;
  background: #ff0000;
  font-size: 1.25em;
  border: 1px solid #ab1e1a;
}

.flash-message.error ul li {
  color: #ab1e1a;
  font-size: 0.833em;
}

.flash-message.error a {
  color: #ffffff;
  text-decoration: underline;
}

#notice.flash-message {
  background: #fff88e;
  border: 1px solid #e9951a;
  font-size: 1.25em;
  color: #e9951a;
}

#notice.flash-message ul li a,
#notice.flash-message ul li span {
  font-size: 0.833em;
  color: #ab1e1a;
}

.flash-message .roundedcorner-top-left,
.flash-message .roundedcorner-top-right,
.flash-message .roundedcorner-bottom-left,
.flash-message .roundedcorner-bottom-right {
  background: #ffffff;
  position: absolute;
  height: 1px;
  width: 1px;
}

.flash-message .roundedcorner-top-left {
  top: -1px;
  left: -1px;
}

.flash-message .roundedcorner-top-right {
  top: -1px;
  right: -1px;
}

.flash-message .roundedcorner-bottom-left {
  bottom: -1px;
  left: -1px;
}

.flash-message .roundedcorner-bottom-right {
  bottom: -1px;
  right: -1px;
}

#iframe .flash-message {
  margin: 10px 0;
}

.nv-notice {
  background: #fff88e;
  border: 1px solid #e9951a;
  padding: 10px;
  color: #e9951a;
  font-weight: bold;
  margin: 0 0 10px 0;
  clear: both;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/**
 * AD-HOLDER
 */

.ad {
  height: auto;
}

.ad table {
  border: none;
  border-collapse: collapse;
  background: #ffffff;
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
  height: 0;
}

.ad table td {
  vertical-align: middle;
  text-align: center;
}

.ad img,
.ad object {
  display: block;
  margin: 0 auto;
}

#primary-column .ad {
  margin: 0 0 10px 0;
}

#primary-column .ad table {
  background: #ffffff;
  width: 100%;
}

.home #secondary-sub-column .ad table {
  height: 260px;
  width: 336px;
}

#tertiary-column .ad.style {
  border: 1px solid #c8e7f9;
  overflow: hidden;
  padding: 10px 0;
}

#tertiary-column .ad.textstyle {
  overflow: hidden;
  padding: 10px 0;
}

#tertiary-column .ad table {
  width: 180px;
}

/**
 * INTRO
 */

.intro {
  margin: 30px 0;
}

.intro .title {
  color: #0068b3;
}

#category-intro {
  overflow: hidden;
  margin: 0 0 30px 0;
}

#category-intro img {
  float: left;
  margin: 10px 15px 0 0;
}

#seo-intro {
  font-size: 0.833em;
  line-height: 12px;
  margin: 0 0 0 120px;
}

.category-notice {
  color: #c02c20;
  background: #fefbc6;
  padding: 10px;
  margin: 20px 0 0 0;
  border: 1px solid #c02c20;
}

.category-notice-detail {
  color: #c02c20;
  background: #fefbc6;
  padding: 10px;
  font-size: 11px;
  margin: 20px 0;
  border: 1px solid #c02c20;
}

/**
 * TABS
 */

#tabs {
  border-bottom: 1px solid #40a7ee;
  height: 32px;
  margin: 0 0 10px 0;
  position: relative;
}

#tabs ul {
  overflow: hidden;
}

#tabs ul li {
  position: relative;
  margin: 0 5px 0 0;
  float: left;
}

#tabs ul li a {
  border: 1px solid #bfe2f9;
  border-bottom: none;
  background: #f2f9fe;
  font-weight: bold;
  display: block;
  height: 12px;
  padding: 9px 9px 10px 9px;
}

#tabs ul li a span {
  padding: 0 0 0 3px;
  font-size: 0.833em;
  font-weight: normal;
  color: #7fc4f3;
}

#tabs ul li a.active,
#tabs ul li.active a {
  border: 1px solid #40a7ee;
  border-bottom: 1px solid #ffffff;
  background: #ffffff;
  color: #0052a1;
  text-decoration: none;
}

#tabs > a.btn-medium {
  position: absolute;
  top: 0;
  right: 0;
}

/**
 * ORDER-SORT
 */

.order-options {
  margin: 0 0 10px 0;
}

.order-options a {
  margin: 0 10px 0 0;
}

.table {
  clear: both;
  position: relative;
  margin: 0 0 10px 0;
  overflow: hidden;
  width: 100%;
}

.table-sort td {
  vertical-align: middle;
  background: #3db7f4;
  border-right: 1px solid #ffffff;
}

.table-sort td:first-child {
  border-radius: 4px 0 0 4px;
}

.table-sort td:last-child {
  border-radius: 0 4px 4px 0;
  border: none;
}

.table-sort a,
.table-sort span {
  color: #ffffff;
  display: block;
  font-size: 0.833em;
  font-weight: bold;
  line-height: 22px;
  height: 22px;
  margin: 0 1px 0 0;
  padding: 0 10px;
  text-decoration: none;
}

.table-sort td:hover,
.table-sort td.desc,
.table-sort td.asc {
  background: #009fef;
}

.table-sort td.asc a:after {
  content: '';
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-top-color: #ffffff;
  margin: 0 0 0 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.table-sort td.desc a:after {
  content: '';
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-bottom-color: #ffffff;
  margin: 0 0 0 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.table-sort .remove {
  padding: 4px 0 0 0;
  text-align: center;
}

.table td {
  height: 5px;
}

.table label {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.table-results td {
  background: #f8fcff;
  border: 1px solid #c8e8fb;
  border-left: none;
  padding: 5px 10px;
  text-align: center;
  vertical-align: middle;
}

.table-results td:first-child {
  border-left: 1px solid #c8e8fb;
}

.table-results.winningQuotation td {
  border-top-color: #87ae60;
  border-bottom-color: #87ae60;
  background: #f9faf2;
}

.table-results.winningQuotation td:first-child {
  border-left-color: #87ae60;
}

.table-results.winningQuotation td:last-child {
  border-right-color: #87ae60;
}

.table-results.new td,
:hover.table-results.new td {
  border-top-color: #ac1d1f;
  border-bottom-color: #ac1d1f;
}

.table-results.new td:first-child,
:hover.table-results.new td:first-child {
  border-left-color: #ac1d1f;
}

.table-results.new td:last-child,
:hover.table-results.new td:last-child {
  border-right-color: #ac1d1f;
}

.table-results:hover td {
  border-top-color: #009fef;
  border-bottom-color: #009fef;
}

.table-results:hover td:first-child {
  border-left-color: #009fef;
}

.table-results:hover td:last-child {
  border-right-color: #009fef;
}

.table-results .creation-date {
  padding: 0 0 0 6px;
}

.table-results .avg-quotation {
  width: 62px;
  vertical-align: middle;
  font-weight: bold;
  color: #0052a3;
}

.table-results .status {
  border: none;
  padding: 1px;
  width: 4px;
}

#matchmaker .table-results .status {
  border: 1px solid #c8e8fb;
  border-left: none;
  width: auto;
  padding: 5px 10px;
}

#matchmaker .table-results:hover .status {
  border-top-color: #009fef;
  border-bottom-color: #009fef;
}

.table-results .status .upperBound,
.table-results .status .lowerBound {
  background: #ff1c00;
  position: relative;
  height: 45px;
  width: 3px;
}

.table-results .status .average {
  background: #add238;
  position: relative;
  height: 45px;
  width: 3px;
}

.table-results .status .upperMiddle,
.table-results .status .lowerMiddle {
  background: #f2a400;
  position: relative;
  height: 45px;
  width: 3px;
}

.table-results .bid {
  color: #0068b3;
  font-weight: bold;
  width: 54px;
  padding: 10px;
  text-align: left;
}

.table-results .bid .icon-help {
  float: right;
  margin: 0 0 0 3px;
}

.table-results .order {
  text-align: left;
}

.table-results .order img {
  float: left;
  margin: 0 10px 0 0;
}

.table-results .order a {
  color: #bf2d1a;
  font-weight: bold;
}

.table-results .order p {
  font-size: 0.833em;
}

.table-results .craftsman {
  font-weight: bold;
  text-align: left;
}

.table-results .date {
  color: #a9a9a9;
  font-size: 0.833em;
  text-align: left;
}
.table-results .city {
  font-weight: bold;
  font-size: .833em;
}

.table-results .distance {
  font-size: 0.833em;
}

/*
 * BID OPTIONS
 */

.bid-options {
  background: #d6eefc;
  color: #0052a1;
  padding: 9px;
  overflow: hidden;
  font-weight: bold;
}

.bid-options a {
  float: left;
  font-size: 0.833em;
  margin: 0 5px 0 0;
}

.bid-options .btn {
  float: right;
}

.bid-options .btn span {
  font-size: 0.833em;
  color: #009fef;
  font-weight: normal;
  margin: 0 0 0 2px;
}

.bid-options .btn-medium-action {
  float: right;
  margin: 0;
}

.bid-options .btn-small.contact {
  float: right;
  margin: 0;
}

.bid-options .btn-small-call {
  float: right;
  margin: 0 20px 0 0;
}

.bid-options .btn-small-mail {
  float: right;
}

/*
 * ORDER ACTIVITY
 */

.order-activity {
  background: #e7f4fd;
  color: #0052a1;
  padding: 9px;
  overflow: hidden;
}

.order-activity .title {
  color: #22589F;
}

.order-activity .title span {
  color: #ae1d1a;
  font-size: 10px;
}

.order-activity .column {
  float: right;
  width: 278px;
}

.order-activity .column:first-child {
  float: left;
}

.order-activity ul {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
  border: none;
}

.order-activity li {
  list-style: none;
  border: 1px solid #c8e8fb;
  border-bottom: none;
  padding: 5px 10px;
  background: #f6fbfe;
}

.order-activity li.last {
  border-bottom: 1px solid #c8e8fb;
}

.order-activity li.new {
  border: 1px solid #ae1d1a;
}

.order-activity li.new + li {
  border-top: none;
}

.order-activity li a {
  margin: 0;
  font-weight: bold;
}

.order-activity .amount {
  float: right;
}

.order-activity .no-results {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}

/* END ORDER SORT */

/**
 * TEASER
 */

.home #primary-sub-column .teaser {
  margin: 10px 0 18px 0;
}

/**
 * RSS
 */

a.rss {
  background: url(../images/rss.png) right center no-repeat;
  padding: 0 20px 0 0;
  height: 16px;
  display: block;
  line-height: 16px;
  font-size: 0.833em;
  cursor: pointer;
  position: absolute;
  top: 9px;
  right: 0;
}

/**
 * CONTAINER
 */

#container {
  margin: 0 auto;
  position: relative;
  width: 980px;
}

#craftsmansite #container {
  margin: 0 auto;
  position: relative;
  width: 780px;
}

/**
 * HEADER
 */

#logo {
  margin: 25px 0 25px 11px;
  float: left;
}

#tp-header {
  /*
  position: absolute;
  top: 51px;
  right: 221px;
  */
  float: right;
}

.guarantee {
  text-align: center;
  width: 200px;
  background-color: #FFF;
}

#guarantee img {
  width: 189px;
  height: 100px;
}

.print-logo {
  display: none;
}

#slogan {
  position: absolute;
  top: 103px;
  left: 85px;
  font-family: Aachenbold;
  font-size: 1.75em;
  line-height: 20px;
  color: #bf2e1a;
}

#slogan:hover {
  text-decoration: none;
}

/**
 * LOGIN & PERSONAL-INFO
 *
 * Login is shown when you are not logged in, personal-info is shown when you are logged in.
 */

#login,
#personal-info {
  background: url(../images/login-background.png) repeat-x;
  border: 1px solid #badff9;
  height: 121px;
  position: relative;
  margin: 10px 0;
  float: right;
}

#login {
  width: 200px;
  padding: 7px 8px 0 9px;
}

#login .header {
  background: url(../images/login-men.png) 0 0 no-repeat;
  font-family: Aachenbold;
  font-weight: normal;
  font-size: 1.25em;
  padding: 3px 0 9px 37px;
  color: #0266b4;
}

#login .content {
  padding: 0 0 7px 0;
  overflow: hidden;
}

#login input[type=text]{
  width: 182px;
  margin: 0 3px 4px 0;
}

#login input[type=password]{
  width: 105px;
  float: left;
  margin: 0 3px 4px 0;
}

#login label {
  display: inline-block;
  font-size: 0.833em;
}

#login .btn-input-login {
  float: left;
  clear: both;
  margin: 0 0 4px 0;
  padding: 0;
}

#login .remember {
  float: left;
  padding: 4px 0 0 0;
}

#login .links {
  float: left;
  padding: 0 0 0 16px;
}

#login .links a {
  display: block;
  line-height: 12px;
}

#login .links span {
  line-height: 14px;
  color: #009fef;
}

#login .social-login {
  padding: 8px 0 0 0;
  overflow: hidden;
}

#login .social-login li {
  float: left;
  margin: 0 7px 0 0;
}

#login .social-login a {
  display: block;
  height: 25px;
  width: 160px;
  overflow: hidden;
  text-indent: -9999em;
}

#login .social-login .facebook {
  background: url(../../wsFacebookPlugin/images/social-connect.png) 0 0 no-repeat;
}

#login .social-login .twitter {
  background: url(../../wsFacebookPlugin/images/social-connect.png) 0 -25px no-repeat;
}

#personal-info {
  padding: 7px 9px 0 8px;
  width: 440px;
}

#personal-info.consumer {
  width: 380px;
}

#personal-info .header {
  overflow: hidden;
}

#personal-info .header .user {
  color: #0068b3;
  font-weight: bold;
  display: block;
  float: left;
  line-height: 16px;
  padding: 0 0 0 22px;
}

#personal-info .iconed {
  width: 120px;
}

#personal-info.consumer .header .user {
  background: url(../images/icons/consumer-icon.png) 0 0 no-repeat;
}

#personal-info.craftsman .header .user {
  background: url(../images/icons/craftsman-icon.png) 0 0 no-repeat;
}

#personal-info .header .logout {
  color: #bf2d1a;
  font-size: 0.833em;
  line-height: 12px;
}

#personal-info .header ul.account {
  float: right;
  text-align: right;
}

#personal-info > ul {
  height: 73px;
}

#personal-info > ul > li {
  float: left;
  margin: 12px 0 0 0;
}

#personal-info > ul > li.bullet {
  background: url(../images/personal-info-seperator.png) top right repeat-y;
  margin: 12px 10px 0 0;
  padding: 0 10px 0 0;
}

#personal-info ul ul li {
  line-height: 16px;
}

#personal-info > ul > li.bullet ul li a {
  background: url(../images/personal-info-bullet.png) center left no-repeat;
  padding: 0 0 0 8px;
}

#personal-info > ul > li.bullet ul li a:hover,
#personal-info > ul > li.bullet ul li a.active {
  background: url(../images/personal-info-bullet-hover.png) center left no-repeat;
  color: #0068b3;
  text-decoration: underline;
}

#personal-info ul ul li span {
  color: #8ad0f7;
  font-size: 0.833em;
}

#personal-info .notification {
  background: url(../images/icons/notification.png) center left no-repeat;
  padding: 0 0 0 21px;
  line-height: 16px;
}

#personal-info .notification span {
  color: #bf2d1a;
  font-size: 1em;
}

#personal-info .iconed li {
  height: 20px;
  line-height: 14px;
}

#personal-info .iconed .grade img {
  vertical-align: middle;
}

#personal-info .iconed .grade img + img {
  margin: 0 3px 0 0;
}

#personal-info .iconed a.grade {
  vertical-align: bottom;
}

#personal-info .btn-holder {
  text-align: right;
}

#login .links {
  line-height: 0.833em;
}

#login .links a {
  font-size: 0.833em;
}

#login .roundedcorner-topleft,
#personal-info .roundedcorner-topleft {
  background: url(../images/login-roundedcorners.png) 0 0 no-repeat;
  position: absolute;
  top: -1px;
  left: -1px;
  height: 4px;
  width: 4px;
}

#login .roundedcorner-topright,
#personal-info .roundedcorner-topright {
  background: url(../images/login-roundedcorners.png) -4px 0 no-repeat;
  position: absolute;
  top: -1px;
  right: -1px;
  height: 4px;
  width: 4px;
}

#login .roundedcorner-bottomleft,
#personal-info .roundedcorner-bottomleft {
  background: url(../images/login-roundedcorners.png) 0 -4px no-repeat;
  position: absolute;
  bottom: -1px;
  left: -1px;
  height: 4px;
  width: 4px;
}

#login .roundedcorner-bottomright,
#personal-info .roundedcorner-bottomright {
  background: url(../images/login-roundedcorners.png) -4px -4px no-repeat;
  position: absolute;
  bottom: -1px;
  right: -1px;
  height: 4px;
  width: 4px;
}

#personal-info .btn-medium-confirm {
  position: absolute;
  bottom: 9px;
  right: 9px;
}

/**
 * FILE UPLOADER
 */

.file_preview ul li {
  border: 1px solid #c3e6fb;
  background: #f7fcfe;
  padding: 9px;
  position: relative;
  margin: 0 0 10px 0;
  overflow: hidden;
}

.file_preview ul li.error {
  border: 1px solid #ab1e1a;
  background: #ff0000;
  color: #ffffff;
}

.file_preview ul li.error dt {
  font-weight: bold;
}

.file_preview dl {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.file_preview dt {
  margin: 0 0 0 26px;
  padding: 0;
  line-height: 24px;
  height: 77px;
  font-weight: normal;
  overflow: hidden;
  width: 248px;
}

#order_order_attachment_preview.file_preview dt {
  width: auto;
}

.file_preview dd {
  width: 268px;
  *width: auto;
  margin: 0 0 0 278px;
}

.file_preview dd input {
  margin: 26px 0 0 0;
  width: 250px;
}

.file_preview .delete {
  background: url(../images/icons/fileuploader-remove.png);
  position: absolute;
  top: 40px;
  cursor: pointer;
  left: 9px;
  height: 14px;
  width: 14px;
  text-indent: 14px;
  overflow: hidden;
}

#iframe .file_preview dt {
  height: 100px;
}

#iframe .file_preview .delete {
  top: 50px;
}

#order_order_attachment_preview .delete {
  top: 14px;
}

#order_order_attachment_preview dt {
  height: auto;
}

#order_order_attachment_preview dd input {
  margin: 0;
}

/**
 * MENU
 */

#menu {
  background: url(../images/menu-background.png) repeat-x;
  position: relative;
  clear: both;
}

#menu-roundedcorner-left {
  background: url(../images/menu-roundedcorners.png) 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  width: 3px;
}

#menu-roundedcorner-right {
  background: url(../images/menu-roundedcorners.png) -3px 0 no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  height: 3px;
  width: 3px;
}

#menu ul {
  overflow: hidden;
}

#menu ul li {
  background: url(../images/menu-seperator.png) top left no-repeat;
  float: left;
}

#menu ul li a {
  color: #ffffff;
  display: block;
  line-height: 40px;
  padding: 0 19px;
  font-size: 1.25em;;
  font-weight: bold;
  text-decoration: none;
}

#menu ul li a span#place-order-icon {
  background: url(../images/place-order-icon.png) 0 0 no-repeat;
  cursor: pointer;
  display: block;
  float: left;
  margin: 10px 10px 0 0;
  height: 19px;
  width: 19px;
}

#menu ul li a span#register-craftsman-icon {
  background: url(../images/register-craftsman-icon.png) 0 0 no-repeat;
  cursor: pointer;
  display: block;
  float: left;
  margin: 9px 10px 0 0;
  height: 20px;
  width: 20px;
}

#menu ul li a:hover,
#menu ul li a.active {
  background: url(../images/menu-background-active.png) repeat-x;
}

/**
 * SEARCH
 */

#search {
  background: #7fc4f3 url(../images/search-background.png) 0 0 repeat-x;
}

#search .extended {
  position: absolute;
  top: 0px;
  left: -9999em;
  border-bottom: 1px solid #78b7da;
  padding: 20px 0;
}

#search.active .extended {
  position: relative;
  top: -1px;
  left: 0;
  *zoom: 1
}

#search .extended > ul > li {
  border-left: 1px solid #9dd7f9;
  border-right: 1px solid #78b7da;
  height: 92px;
  float: left;
  width: 210px;
}

#search .extended > ul > li:first-child {
  border-left: none;
}

#search .extended > ul > li.last {
  border-right: none;
  width: 250px;
}

#search .extended > ul > li.last dd {
  width: 250px;
}

#search .extended dt {
  display: none;
}

#search .extended dd {
  margin: 0;
  width: 170px;
  margin: 0 0 10px 0;
  padding: 0 20px;
}

#search .extended dd input {
  width: 158px;
}

#search .extended dd input[type=checkbox]{
  width: 20px;
}

#search .extended dd input.date {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 128px;
}

#search .extended dd input.postal-code {
  float: left;
  width: 68px;
  margin: 0 5px 0 0;
}

#search .extended dd select {
  width: 170px;
}

#search .extended dd select.distance {
  width: 83px;
}

#search .extended .disabled {
  cursor: default;
}

#search .extended .gzPrettyForms-select:hover.disabled span {
  background: #bee1f9 url(../js/jquery.gzPrettyForms/elements.png) no-repeat 100% 0;
}

#search .simple {
  border-top: 1px solid #9dd7f9;
  margin: -1px 0 0 0;
  height: 24px;
  line-height: 24px;
  padding: 10px;
  text-align: right;
}

#search .simple a {
  padding: 0 10px 0 0;
  margin: 0 5px 0 0;
  cursor: pointer;
  float: right;
  font-size: 0.833em;
  line-height: 24px;
  display: none;
  background: url(../images/search-extended-open.png) center right no-repeat;
}

#search .simple a.closed {
  background: url(../images/search-extended-closed.png) center right no-repeat;
}

#search .simple input[type=text] {
  width: 140px;
  float: right;
}

#search .simple input[type=submit] {
  border: none;
  display: block;
  cursor: pointer;
  margin: 0 0 0 4px;
  overflow: hidden;
  padding: 0;
  width: 62px;
  float: right;
  height: 24px;
  text-indent: 62px;
  line-height: 24px;
  background: url(../images/btn.png) -62px -1398px no-repeat;
}

#search-roundedcorners {
  background: #7fc4f3;
  margin: 0 1px;
  height: 1px;
  width: 978px;
}

/**
 * SEARCHRESULTS
 */

#search-intro .page-title {
  margin: 0 0 10px 0;
}

/**
 * BREADCRUMBS
 */

#breadcrumbs {
  border-bottom: 1px solid #badff9;
  color: #000000;
  line-height: 29px;
  margin: 0 0 10px 0;
  font-size: 0.833em;
}

/**
 * CATEGORIES
 */

#categories {
  background: #0068b3;
  position: relative;
}

#categories .roundedcorners-top {
  background: url(../images/secondary-column-roundedcorners-darkblue.png) 0 0 no-repeat;
  height: 3px;
  width: 200px;
}

#categories .place-order {
  margin: 7px 10px 8px 10px;
}

#categories ul {
  border-top: 1px solid #004689;
  background: #009fef;
}

#categories ul li {
  border-top: 1px solid #00adf2;
  border-bottom: 1px solid #008bd2;
}

#categories ul li.last:hover {
  border-bottom: 1px solid #3db7f4;
}

#categories ul li a {
  color: #ffffff;
  display: block;
  height: 22px;
  line-height: 22px;
  padding: 0 0 0 10px;
  font-weight: bold;
}

#categories ul li a:hover,
#categories ul li a.active {
  background: #3db7f4 url(../images/category-hover.png) center right no-repeat;
  padding: 0 0 0 10px;
  margin: 0 -5px 0 0;
  text-decoration: none;
  width: 195px;
}

#categories ul li a span {
  color: #badff9;
  padding: 0 0 0 3px;
  font-size: 9px;
  font-weight: bold;
}

#categories .roundedcorner-bottom-left {
  background: url(../images/categories-roundedcorners-bottom.png) 0 0 no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 3px;
}

#categories .roundedcorner-bottom-right {
  background: url(../images/categories-roundedcorners-bottom.png) -3px 0 no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 3px;
  width: 3px;
}

/**
 * SUBCATEGORIES
 */

#subcategories {
  overflow: hidden;
  border: 1px solid #c3e6fb;
}

#subcategories a {
  font-size: 1.25em;
}

#subcategories a span {
  color: #badff9;
  font-size: 0.833em;
}

#subcategories > ul > li {
  float: left;
  width: 260px;
  margin: 0 9px;
}

#subcategories ul ul li {
  padding: 9px 0;
  border-top: 1px solid #c3e6fb;
}

#subcategories ul ul li a {
  background: url(../images/subcategory-arrow.png) center left no-repeat;
  padding: 0 0 0 10px;
}

#subcategories ul ul li.odd {
  border-bottom: 1px solid #c3e6fb;
  padding: 9px 0 10px 0;
}

#subcategories li:first-child {
  border: none;
}

.filter .status {
  width: 210px;
}

.filter .status select.small {
  width: 210px;
}

/**
 *  CONSUMER-TEASER & CRAFTSMAN-TEASER
 */

#teasers {
  position: relative;
  height: 175px;
}

#consumer-teaser-container,
#craftsman-teaser-container {
  position: absolute;
  left: -9999em;
  top: 0px;
  width: 760px;
}

#consumer-teaser-container.active,
#craftsman-teaser-container.active {
  left: 0;
}

#consumer-teaser,
#craftsman-teaser {
  position: relative;
  background: url(../images/consumer-teaser-background.png) repeat-x;
  height: 159px;
  line-height: 28px;
}

#consumer-teaser *,
#craftsman-teaser * {
  zoom: 1;
}

#consumer-teaser .person,
#craftsman-teaser .person {
  height: 160px;
  width: 111px;
  position: absolute;
  top: 8px;
  left: 20px;
}

#consumer-teaser .text,
#craftsman-teaser .text {
  height: 75px;
  width: 602px;
  position: absolute;
  top: 19px;
  left: 135px;
}

#consumer-teaser .info,
#craftsman-teaser .info {
  background: url(../images/consumer-teaser-info.png) 0 0 no-repeat;
  height: 22px;
  width: 22px;
  position: absolute;
  top: 9px;
  right: 15px;
}

#consumer-teaser .form,
#craftsman-teaser .form {
  padding: 123px 0 0 0;
  margin: 0 10px 0 0;
  text-align: right;
  color: #ffffff;
}

#consumer-teaser .form dd,
#craftsman-teaser .form dd {
  margin: 0;
}

.btn-teaser-place-order {
  background: url(../images/btn.png) 0 -1478px no-repeat;
  color: #ffffff;
  font-size: 1.25em;
  font-weight: bold;
  margin: -2px 0 0 0;
  float: right;
  display: block;
  height: 28px;
  line-height: 28px;
  text-align: center;
  width: 280px;
}

.btn-teaser-place-order:hover {
  text-decoration: none;
  background: url(../images/btn.png) 0 -1506px no-repeat;
}

.btn-teaser-search-craftsman {
  background: url(../images/btn.png) 0 -1422px no-repeat;
  display: block;
  float: right;
  font-size: 1.25em;
  height: 28px;
  line-height: 28px;
  width: 280px;
  font-weight: bold;
  margin: -2px 22px 0 20px;
  text-align: center;
  color: #ffffff;
}

.btn-teaser-search-craftsman:hover {
  text-decoration: none;
  background: url(../images/btn.png) 0 -1450px no-repeat;
}

#consumer-teaser input[type=text],
#consumer-teaser .gzPrettyForms-select,
#consumer-teaser select {
  width: 170px;
  float: right;
  line-height: 16px;
  margin: 0 3px 0 0;
}

#craftsman-teaser input[type=text] {
  float: right;
  margin: 0 3px 0 0;
  width: 170px;
}

#craftsman-teaser .gzPrettyForms-select,
#craftsman-teaser select {
  float: right;
  margin: 0 3px 0 0;
  line-height: 16px;
  width: 164px;
}

#craftsman-teaser input.postal-code {
  width: 74px;
}

#craftsman-teaser .distance {
  width: 74px;
  line-height: 16px;
}

#consumer-teaser .descriptive {
  margin: 0 5px 0 0;
  font-weight: bold;
}

#consumer-teaser input[type=submit],
#craftsman-teaser input[type=submit] {
  background: url(../images/btn.png) 0 -1398px no-repeat;
  float: right;
  height: 24px;
  width: 62px;
  border: none;
  cursor: pointer;
  color: #ffffff;
  font-family: arial;
  font-weight: bold;
  padding: 0;
}

#sub-teaser-link {
  border-bottom: 1px solid #badff9;
  height: 29px;
  line-height: 29px;
}

#sub-teaser-link a {
  float: right;
  font-size: 0.833em;
}

/**
 * PLACE-ORDER
 */

#place-order .order-data hr {
  padding: 10px 0 0 0;
}

#place-order .add-images,
#place-order .add-documents,
#place-order .address-data {
  margin: 20px 0 0 0;
}

#place-order .add-images .gzPrettyForms-file-button,
#place-order .add-documents .gzPrettyForms-file-button {
  float: left;
}

#place-order .add-images span,
#place-order .add-documents span {
  line-height: 24px;
  margin: 0 0 0 10px;
  color: #999999;
  font-size: 0.833em;
}

#place-order .add-images .upload-permission,
#place-order .add-documents .upload-permission {
  margin: 0 0 10px 0;
  display: block;
  color: #000000;
  font-size: 12px;
}

#place-order .date {
  margin: 5px 0 0 0;
  width: 160px;
}

#place-order .subheader {
  padding: 0 0 0 22px;
}

#place-order .order-data .subheader {
  background: url(../images/icons/order-data.png) 0 12px no-repeat;
}

#place-order .add-images .subheader {
  background: url(../images/icons/order-images.png) 0 12px no-repeat;
}

#place-order .add-documents .subheader {
  background: url(../images/icons/order-document.png) 0 12px no-repeat;
}

#place-order .address-data .subheader {
  background: url(../images/icons/order-address.png) 0 12px no-repeat;
}

#place-order .intro {
  margin: 10px 0 0 0;
  font-size: 11px;
}

.other-address {
  background: #f7fcfe;
  border: 1px solid #c3e6fb;
  padding: 9px;
  margin: 10px 0;
}

.other-address dd {
  margin: 0 0 0 350px;
  width: 190px;
}

.other-address select {
  width: 190px;
}

#get_address_link {
  display: none;
}

#place-order .requirements hr {
  padding: 0;
  margin: 20px 0;
}

#place-order .code {
  padding: 9px;
  overflow: hidden;
  background: #3db7f4;
}

#place-order .code dt {
  color: #ffffff;
  line-height: 24px;
}

#place-order .code dt span {
  color: #ffffff;
}

#place-order .code dd {
  margin: 0 0 0 260px;
}

#place-order .order-expense-note {
  font-size: 0.833em;
  font-weight: normal;
  color: #999;
}

#place-order-submit-buttons {
  padding: 0 0 0 90px;
}

#place-order-submit-buttons.odd {
  padding: 0 0 0 55px;
}

#place-order-submit-buttons form {
  display: inline;
}

#place-order-submit-buttons .btn-input-confirm {
  float: left;
  margin: 0 0 0 5px;
}

#place-order-submit-buttons .btn-large-cancel {
  float: left;
}

#iframe #update-address dl,
#iframe #create-address-form dl {
  margin: 10px 0 0 0;
}

#iframe #update-address hr,
#iframe #create-address-form hr {
  margin: 20px 0 10px 0;
}

#iframe #update-address dd,
#iframe #create-address-form dd {
  margin: 0 0 5px 240px;
}

#iframe #address-remove {
  margin: 0 10px;
}

.preview .subheader {
  border-bottom: none;
}

/**
 * REGISTER
 */

#register hr {
  margin: 20px 20px 20px 0;
}

#register .flash-message {
  margin: 0;
}

#register dl {
  padding: 15px 0;
}

#register #succes {
  width: 454px;
}

#register .error {
  width: 454px;
}

#register #succes ul {
  margin: 0;
}

#register dt {
  width: 185px;
}

#register dd.checkbox {
  margin: 20px 0 0 0;
}

#register dd.checkbox label {
  padding: 0 0 0 22px;
}

#register .required {
  float: left;
  padding: 0px;
}

#register .btn-input-confirm {
  float: right;
  margin: 0 20px 0 0;
}

/**
 * LOGINBOX
 */

#login-box {
  background: #c3e6fb;
  border: 1px solid #8ad0f7;
  position: relative;
  padding: 9px;
}

#secondary-sub-column #login-box .header {
  background: url(../images/login-men1.png) 0 0 no-repeat;
  padding: 0 0 0 22px;
  margin: 0;
  line-height: 16px;
  font-size: 1.25em;;
}

#login-box span {
  position: absolute;
  font-size: 0.833em;
  top: 80px;
  left: 196px;
}

#login-box a {
  font-size: 0.833em;
  padding: 0 0 0 10px;
}

#login-box .roundedcorner-topleft,
#login-box .roundedcorner-topright,
#login-box .roundedcorner-bottomleft,
#login-box .roundedcorner-bottomright {
  position: absolute;
  display: block;
  height: 5px;
  width: 5px;
}

#login-box .roundedcorner-topleft {
  background: url(../images/login-box-roundedcorners.png) 0 0 no-repeat;
  top: -1px;
  left: -1px;
}

#login-box .roundedcorner-topright {
  background: url(../images/login-box-roundedcorners.png) -5px 0 no-repeat;
  top: -1px;
  right: -1px;
}

#login-box .roundedcorner-bottomleft {
  background: url(../images/login-box-roundedcorners.png) 0 -5px no-repeat;
  bottom: -1px;
  left: -1px;
}

#login-box .roundedcorner-bottomright {
  background: url(../images/login-box-roundedcorners.png) -5px -5px no-repeat;
  bottom: -1px;
  right: -1px;
}

#login-box input[type=text]{
  width: 238px;
  margin: 0 0 5px 0;
}

#login-box input[type=password]{
  float: left;
  width: 140px;
}

#login-box .gzPrettyForms-checkbox {
  top: 3px;
  left: 0;
}

#login-box input[type=submit]{
  float: left;
  cursor: pointer;
  margin: 5px 0;
  display: inline-block;
}

#login-box .holder {
  padding: 3px 0 0 0;
}

#login-box label {
  font-size: 0.833em;
  margin: 0 0 0 5px;
  padding: 0 0 2px 20px;
}

#login-box .links {
  padding: 10px 0;
  line-height: 12px;
}

/**
 * FORGOT PASSWORD & ACTIVATION
 */

.forgot-password .subheader,
.reset-password .subheader,
.activate .subheader {
  margin: 0 0 20px 0;
}

/**
 * NO-RESULTS
 */

.no-results {
  background: #e9f6fe;
  border: 1px solid #bfe2f9;
  padding: 9px;
  position: relative;
  overflow: hidden;
  margin: 0 0 10px 0;
  font-weight: bold;
}

/**
 * SIDE-MENU
 */

#side-menu {
  background: #0068b3;
  position: relative;
}

#side-menu ul li {
  border-top: 1px solid #1f81bf;
  border-bottom: 1px solid #005b9d;
}

#side-menu ul li a {
  color: #ffffff;
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  padding: 0 0 0 10px;
  display: block;
}

#side-menu .roundedcorner-top-left {
  background: url(../images/side-menu-roundedcorners.png) 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 4px;
}

#side-menu .roundedcorner-top-right {
  background: url(../images/side-menu-roundedcorners.png) -4px 0 no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 4px;
}

#side-menu .roundedcorner-bottom-left {
  background: url(../images/side-menu-roundedcorners.png) 0 -4px no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 4px;
  width: 4px;
}

#side-menu .roundedcorner-bottom-right {
  background: url(../images/side-menu-roundedcorners.png) -4px -4px no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 4px;
  width: 4px;
}

/**
 * FILTERS
 */

#filters {
  float: left;
  margin: 0 10px 0 0;
  width: 170px;
}

#filters .title {
  color: #22589f;
}

#filters .header {
  background: url(../images/bullet.png) center left no-repeat;
  color: #0068b3;
  font-family: 'Aachenbold';
  font-weight: normal;
  font-size: 1.25em;
  padding: 0 0 0 18px;
  margin: 0 0 6px 0;
}

#filters .subheader {
  color: #0068b3;
  font-size: 1em;
  border: 0;
  margin: 0;
  background: url(../images/icons/consumer-icon.png) no-repeat #e8f3fb 10px center;
  padding: 0px 0px 0px 35px;
}

#filters .subheader.my-actions {
  background: url(../images/icons/craftsman-icon.png) no-repeat #e8f3fb 10px center;
}

#filters .search-roundedcorners-top {
  background: #8ad0f7;
  margin: 0 1px;
  height: 1px;
  width: 168px;
}

#filters .search-roundedcorners-bottom {
  background: #8ad0f7;
  margin: 0 1px 10px 1px;
  height: 1px;
  width: 168px;
}

#filters .search {
  position: relative;
  background: #8ad0f7;
  padding: 9px;
  overflow: hidden;
}

#filters dt {
  display: none;
}

#filters dd {
  margin: 0;
}

#filters .form-list {
  margin: 0 0 10px 0;
  border: 1px solid #c8e8fb;
}

#filters .form-list .date dt {
  font-weight: normal;
}

#filters form .form-list > ul > li {
  border-top: 1px solid #c8e8fb;
  padding: 9px 9px 8px 9px;
}

#filters form .form-list > ul > li:first-child {
  border: none;
}

#filters form .radio_list,
#filters form .check_list {
  width: 160px;
}

#filters form .radio_list label,
#filters form .check_list label {
  cursor: pointer;
  vertical-align: middle;
  line-height: 16px;
}

#filters form .radio_list > li,
#filters form .check_list > li {
  font-size: 0.833em;
  height: 20px;
  line-height: 20px;
  width: 160px;
}

.refine {
  font-weight: bold;
  text-align: right;
  margin: 0 0 10px 0;
  line-height: 24px;
}

.refine label {
  margin: 0 5px 0 0;
}

.refine select {
  float: right;
  line-height: 16px;
}

.refine input {
  float: right;
  width: 138px;
}

.filter {
  background: #f6fbfe;
  border: 1px solid #c3e6fb;
  padding: 10px;
  margin: 10px 0 20px 0;
}

.filter .refine {
  margin: 0;
}

.filter .refine .gzPrettyForms-select.pre {
  margin: 0 0 0 5px;
}

.filter .status {
  float: left;
}

.filter input[type=submit] {
  background: url(../images/btn.png) 0 -520px no-repeat;
  border: none;
  cursor: pointer;
  color: #ffffff;
  float: right;
  font-size: 1em;
  font-family: arial;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  width: 62px;
  padding: 0;
}

.filter input[type=submit]:hover {
  background: url(../images/btn.png) 0 -544px no-repeat;
}

/**
 * PAGINATION
 */

#pagination {
  text-align: center;
}

#pagination span {
  color: #c3e6fb;
  padding: 0 10px;
}

#pagination a {
  color: #c3e6fb;
  font-weight: bold;
  font-size: 1.25em;;
}

#pagination a.current {
  color: #000000;
}

#pagination a.previous {
  background: url(../images/pagination-previous.png) center left no-repeat;
  padding: 0 0 0 9px;
}

#pagination a.next {
  background: url(../images/pagination-next.png) center right no-repeat;
  padding: 0 9px 0 0;
}

/**
 * ORDER
 */

#order .block {
  position: relative;
  padding: 10px;
  border: 1px solid #c3e6fb;
  margin: 0 0 10px 0;
  overflow: hidden;

    border-radius: 3px;
}

#order .order-detail.block {
  padding: 20px;
}

#order .options {
  position: relative;
  font-size: 0.833em;
  margin: 0 0 20px 0;
}

#order .options > a {
  float: left;
  color: #009fef;
  line-height: 16px;
  padding: 0 0 0 13px;
  margin: 0 0 0 16px;
}

#order .options > a:first-child {
  margin: 0;
}

#order .print {
  background: url(../images/icons/order-options-print.png) center left no-repeat;
}

#order .mail {
  background: url(../images/icons/order-options-mail.png) center left no-repeat;
}

#order .similar {
  background: url(../images/icons/order-options-copy.png) center left no-repeat;
}

#order .favorites {
  background: url(../images/icons/order-options-favorites.png) center left no-repeat;
}

#order .social {
  overflow: hidden;
  float: right;
}

#order .social a {
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  overflow: hidden;
  margin: 0 0 0 3px;
  text-indent: 16px;
  line-height: 16px;
}

#order .social .twitter {
  background: url(../images/icons/twitter.png) 0 0 no-repeat;
}

#order .social .hyves {
  background: url(../images/icons/hyves.png) 0 0 no-repeat;
}

#order .social .facebook {
  background: url(../images/icons/facebook.png) 0 0 no-repeat;
}

.nps-social {
  padding-left: 10px;
  padding-right: 10px;
}

.nps-social a.twitter-large,
.nps-social a.hyves-large,
.nps-social a.facebook-large {
  height: 64px;
  width: 64px;
  display: block;
  float: left;
  overflow: hidden;
  margin: 0 0 0 10px;
  text-indent: 64px;
  line-height: 64px;
}

.nps-social iframe {
  margin: 0 0 0 10px;
}

.nps-social .twitter-large {
  background: url(../images/icons/twitter-large.png) 0 0 no-repeat;
}

.nps-social .hyves-large {
  background: url(../images/icons/hyves-large.png) 0 0 no-repeat;
}

.nps-social .facebook-large {
  background: url(../images/icons/facebook-large.png) 0 0 no-repeat;
}

#order .craftsman-options {
  overflow: hidden;
  border-bottom: 1px solid #c3e6fb;
}

#order .craftsman-options a {
  display: block;
  float: right;
  margin: 10px 0 10px 5px;
}

#order .place-order {
  display: block;
  font-weight: bold;
  color: #008ae8;
  margin: 20px 0 15px 0;
  font-size: 1.4em;
  text-decoration: underline;
  text-align: center;
}

#order .order-header {
  padding: 0 0 10px 0;
  overflow: hidden;
  color: #a9a9a9;
}

#order .order-title {
  padding: 0 0 5px 0;
}

#order-details {
  margin: 0 0 20px 0;
}

#order-details .collapse-trigger {
  font-size: 15px;
  font-weight: bold;
  display: block;
  height: 20px;
  line-height: 20px;
  background: url(../images/btn_unfold.png) right center no-repeat;
}

#order-details .collapse-trigger.active {
  background: url(../images/btn_fold.png) right center no-repeat;
  margin: 0 0 10px 0;
}

#order .content {
  overflow: hidden;
}

#order-details.collapsed .content {
  display: none;
}

#order .description {
  float: left;
  line-height: 16px;
  width: 274px;
  word-wrap: break-word;
}

#order-details.collapsed .description {
  width: 294px;
}

#order .description p {
  padding: 0 0 20px 0;
}
#order .description dt {
  color: #0068b3;
  font-weight: bold;
}

#order .description dd {
  margin: 0 0 0 160px;
}

#order .info {
  line-height: 26px;
  float: right;
  overflow: hidden;
  font-size: 0.8em;
  width: 225px;
}

#order .info dl {
  background: #e9f6fe;
}

#order .info dt {
  border-top: 1px solid #d6e1e9;
  color: #0068b3;
  width: 115px;
  margin: 0;
  padding: 0 0 0 10px;
}

#order .info dd {
  border-top: 1px solid #d6e1e9;
  margin: 0 0 0 125px;
  padding: 0 7px 0 0;
  word-wrap: break-word;
  width: 93px;
}

#order .ad {
  margin: 0 0 10px 0;
  position: relative;
  clear: right;
  float: right;
  width: 225px;
  text-align: left;
}

#order .order-actions {
  border: 1px solid #c8e7f9;
  background: #d4eefb;
  padding: 10px;
  margin: 0 0 20px 0;

    border-radius: 3px;
}

#order .actions {
  margin: 0 0 10px 0;
  overflow: hidden;
}

#order .roundedcorners.document-top {
  padding: 10px 0 0 0;
}

#order .roundedcorners.document-bottom {
  border: none;
  border-top: 1px solid #c3e6fb;
  padding: 0 0 20px 0;
}

#order-closed {
  margin: 0 0 10px 0;
  overflow: hidden;
}

#order-closed img {
  float: left;
}

/*
 * CLAIM
 */

.claim-options {
  background: #f7fbfe;
}

.claim-options strong {
  font-size: 14px;
}

.claim-options .btn-primary {
  float: right;
  width: 150px;
}

#notice.claim-options {
  background: #fff88e;
  border: 1px solid #e9951a;
  color: #000000;
  padding: 10px 0;
  text-align: center;
  font-size: 20px;
}

#notice.claim-options .subheader {
  border-bottom: 1px solid #d9d284;
  padding: 0 0 10px 0;
  margin: 0 0 15px 0;
  font-size: 20px;
  line-height: 22px;
  color: #000000;
}

#notice.claim-options .btn-secondary {
  position: relative;
  font-size: 15px;
  color: #ffffff;
  line-height: 18px;
  padding: 5px 15px 5px 40px;
  *padding: 5px 10px;
  float: none;

  border: 1px solid #004373;
  background: #009eed;

    border-radius: 3px;

    background-image: -moz-linear-gradient(top, #009eed, #0078b5);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#009eed), to(#0078b5));
    background-image: -o-linear-gradient(top, #009eed, #0078b5);
    background-image: linear-gradient(top, #009eed, #0078b5);
}

#notice.claim-options .btn-secondary:before {
  position: absolute;
  content: '';
  width: 16px;
  height: 12px;
  text-indent: 16px;
  line-height: 12px;
  top: 8px;
  left: 15px;
  background: url(../images/btn-icons.png) 0 -416px no-repeat;
}

#notice.claim-options .btn-small-call {
  padding: 0 20px;
  line-height: 28px;
}

#notice.claim-options .btn-small-call:before {
  width: 17px;
  height: 21px;
  text-indent: 17px;
  line-height: 21px;
  top: 4px;
  left: 0;
  background-position: 0 -392px;
}

#claim {
}

#iframe #claim {
  text-align: center;
}

#iframe #claim .info {
  border: none;
  font-size: 20px;
  margin-bottom: 0;
}

#iframe #claim .btn-primary {
  float: none;
  width: 150px;
  margin: 30px auto;
  display: block;
}

.documents {
  background: #f7fcfe;
  border-left: 1px solid #c8e8fb;
  border-right: 1px solid #c8e8fb;
  padding: 4px 9px;
}

.documents a {
  height: 16px;
  display: block;
  background: url(../images/file-icons/blank.png) no-repeat left center;
  padding: 0 0 0 20px;
  margin: 5px 0;
  word-wrap: break-word;
}

.default-page a[href$=doc],
.default-page a[href$=docx],
.documents a[href$=doc],
.documents a[href$=docx] {
  background: url(../images/file-icons/doc.png) no-repeat left center;
  padding: 0 0 0 20px;
}

.default-page a[href$=gif],
.documents a[href$=gif] {
  background: url(../images/file-icons/gif.png) no-repeat left center;
  padding: 0 0 0 20px;
}

.default-page a[href$=jpg],
.default-page a[href$=jpeg],
.documents a[href$=jpg],
.documents a[href$=jpeg] {
  background: url(../images/file-icons/jpg.png) no-repeat left center;
  padding: 0 0 0 20px;
}

.default-page a[href$=pdf],
.documents a[href$=pdf] {
  background: url(../images/file-icons/pdf.png) no-repeat left center;
  padding: 0 0 0 20px;
}

.default-page a[href$=png],
.documents a[href$=png] {
  background: url(../images/file-icons/png.png) no-repeat left center;
  padding: 0 0 0 20px;
}

.default-page a[href$=ttf],
.documents a[href$=ttf] {
  background: url(../images/file-icons/ttf.png) no-repeat left center;
  padding: 0 0 0 20px;
}

.default-page a[href$=txt],
.documents a[href$=txt] {
  background: url(../images/file-icons/txt.png) no-repeat left center;
  padding: 0 0 0 20px;
}

.default-page a[href$=xls],
.documents a[href$=xls] {
  background: url(../images/file-icons/blank.png) no-repeat left center;
  padding: 0 0 0 20px;
}

.default-page a[href$=xlsx],
.documents a[href$=xlsx] {
  background: url(../images/file-icons/blank.png) no-repeat left center;
  padding: 0 0 0 20px;
}

#order #tabs ul li a.active span {
  color: #bf2d1a;
}

#order #tabs {
  margin: 0;
}

#order .footnote {
  font-size: 0.833em;
  position: absolute;
  bottom: 16px;
  left: 10px;
  color: #a9a9a9;
}

#order .btn-holder-abuse {
  text-align: center;
}

#abuse {
  padding: 0 15px;
}

#abuse .order-header {
  margin: 0 0 10px 0;
}

#abuse .order-header .order-title {
  padding: 0 0 10px 0;
}

#iframe #abuse dt {
  width: 200px;
}

#iframe #abuse dd {
  margin: 0 0 5 250px;
}

#iframe #abuse form {
  padding: 0
}

#iframe #abuse .btn-input-confirm {
  float: right;
  margin: 15px 0 0 0;
}

#iframe #abuse .btn-large-cancel {
  float: right;
  margin: 15px 5px 0 0;
}

/**
 * LATEST ORDERS
 */

#latest-orders {
  position: relative;
}

#latest-orders ul {
  overflow: hidden;
}

#latest-orders li {
  background: #f6fbfe;
  border: 1px solid #c3e6fb;
  margin: 0 0 10px 0;
  height: 50px;
  padding: 10px;
  position: relative;
  overflow: hidden;
}

#latest-orders img {
  border: 1px solid #c3e6fb;
  float: left;
  margin: 0 10px 0 0;
  width: 48px;

}

#latest-orders .content-wrapper {
  float: left;
  width: 315px;
}

#latest-orders .date {
  color: #969799;
  line-height: 10px;
  padding: 0 0 3px 0;
  font-size: 0.833em;
}

#latest-orders .title {
  color: #a41e1d;
}

#latest-orders .amount {
  color: #0b539d;
  font-weight: bold;
}

#latest-orders li.fhHover-active {
  border: 1px solid #009fef;
}

/**
 * LATEST REFERENCES
 */

#latest-references li {
  background: #f6fbfe;
  border: 1px solid #c3e6fb;
  margin: 0 0 10px 0;
  padding: 10px;
  position: relative;
  overflow: hidden;
}

#latest-references img {
  float: left;
}

#latest-references .description {
  margin: 0 0 0 50px;
}

#latest-references .description.no-grade {
  margin: 0;
}

#latest-references .craftsman {
  font-size: 0.833em;
  line-height: 10px;
  padding: 0 0 3px 0;
  color: #0b539d;
}

#latest-references .title a {
  color: #a41e1d;
}

#latest-references .comment {
  font-size: 0.833em;
}

#latest-references .timestamp {
  color: #a9a9a9;
}

#latest-references li.fhHover-active {
  border: 1px solid #009fef;
}

/**
 * QUOTATIONS
 */

#claims,
#quotations {
  border: 1px solid #40a7ee;
  border-top: none;
  padding: 9px 9px 9px 9px;
  margin: 0 0 10px 0;
  position: relative;
  overflow: hidden;
}

#quotations .footnote {
  position: relative;
  bottom: auto;
  left: 0;
}

#claims .overview,
#quotations .overview {
  overflow: hidden;
  margin: 0 0 10px 0;
  background: #e9f6fe;
  padding: 10px;
}

#claims .overview p.average,
#claims .overview p.middle,
#claims .overview p.bound,
#quotations .overview p.average,
#quotations .overview p.middle,
#quotations .overview p.bound {
  font-size: 0.833em;
  line-height: 10px;
  margin: 6px 0 8px 0;
  padding: 0 0 0 20px;
}

#claims .overview p.average,
#quotations .overview p.average {
  background: url(../images/charts/average-label.gif) no-repeat left 2px;
}

#claims .overview p.middle,
#quotations .overview p.middle {
  background: url(../images/charts/middle-label.gif) no-repeat left 2px;
}

#claims .overview p.bound,
#quotations .overview p.bound {
  background: url(../images/charts/bound-label.gif) no-repeat left 2px;
}

#claims .actions,
#quotations .actions {
  margin: 10px 0;
}

#claims a.btn-large-confirm,
#quotations a.btn-large-confirm {
  float: right;
}

/**
 * Quotation Chart
 */

.chart {
  position: relative;
  float: right;
  width: 304px;
  height: 98px;
  padding: 1px;
  background: #bfe2f8;
  overflow: hidden;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-top-left: 2px;
  -moz-border-radius-top-right: 2px;
  border-radius-top-left: 2px;
  border-radius-top-right: 2px;
}

.chart .bar {
  position: relative;
  float: left;
  margin: 0 0 0 1px;
  height: 98px;
}

.chart .bar:first-child {
  float: left;
  margin: 0;
}

.chart .bar > a {
  display: block;
  position: absolute;
  overflow: hidden;
  bottom: 0;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-background-size: 100%;
  -moz-border-radius-top-left: 2px;
  -moz-border-radius-top-right: 2px;
  -moz-background-size: 100%;
  border-radius-top-left: 2px;
  border-radius-top-right: 2px;
  background-size: 100%;
}

.chart .bar > a.lowerBound,
.chart .bar > a.upperBound {
  background: url(../images/charts/bound.png) repeat-y;
}

.chart .bar > a.lowerMiddle,
.chart .bar > a.upperMiddle {
  background: url(../images/charts/mid-bound.png) repeat-y;
}

.chart .bar > a.average {
  background: url(../images/charts/average.png) repeat-y;
}

.qtip-content {
  font-size: 12px;
}

.qtip-content .header {
  color: #ffffff;
  background: #7fc4f3;
  text-align: center;
  display: block;
  padding: 5px;
  font-weight: bold;
}

.qtip-content span {
  display: block;
}

/**
 * Quotations list
 */

#quotations .btn-large-confirm.top {
  float: right;
  margin: 0 0 9px 0;
}

#quotations .btn-large-confirm.bottom {
  float: right;
  *margin: 0 0 -9px 0;
}

span.quotation-type {
  font-size: 10px;
  font-weight: normal;
}

#iframe .bid-accept-remove .btn-large-confirm {
  float: right;
}

#iframe .bid-accept-remove .btn-large-cancel {
  float: right;
  margin: 0 5px 0 0;
}

#iframe .bid-accept-remove label {
  display: block;
}

#iframe .bid-contact .intro {
  margin: 20px 10px 0 10px;
}

#iframe .bid-contact dt {
  display: none;
}

#iframe .bid-contact dd {
  margin: 0 0 5px 0;
  font-weight: bold;
}

#iframe .bid-contact hr {
  margin: 20px 0;
}

#iframe .bid-contact .radio_list li {
  height: 22px;
  line-height: 22px;
}

#iframe .radio_list {
  margin: 10px 0 0 0;
}

#iframe .bid-accept-remove p {
  padding: 20px 0 0 0;
}

#iframe .bid-accept-remove hr {
  margin: 20px 0 10px 0;
}

/**
 * INQUIRIES
 */

#inquiries {
  border: 1px solid #40a7ee;
  border-top: none;
  padding: 9px 9px;
  margin: 0 0 10px 0;
  position: relative;
  overflow: hidden;

}

#inquiries .craftsman-filter {
  padding: 0 0 10px 0;
  line-height: 24px;
  height: 24px;
  text-align: right;
}

#inquiries .craftsman-filter span {
  padding: 0 5px 0 0;
  margin: 0 0 0 255px;
  float: left;
}

#inquiries .craftsman-filter select {
  width: 170px;
}

#inquiries .pm-options .compare-btn {
  float: left !important;
}

#conversations textarea {
  height: 22px;
}

#conversations li {
  background: #f6fbfe;
  border: 1px solid #c3e6fb;
  margin: 0 0 10px 0;
  padding: 10px 0 0 0;
  position: relative;
}

#conversations li.no-private-messages {
  background: #ffffff;
  border: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

#conversations li.no-private-messages p {
  float: left;
  line-height: 23px;
}

#conversations li.no-private-messages a {
  background: url(../images/video-teaser-button.png) left center no-repeat;
  height: 23px;
  line-height: 23px;
  padding: 0 0 0 38px;
  float: right;
  text-decoration: underline;
}

#inquiries table {
  border-collapse: collapse;
}

#inquiries td {
  border-right: 1px solid #ffffff;
  vertical-align: middle;
  text-align: center;
  padding: 10px 0;
  background: #d6eefc;
}

#inquiries td.craftsman {
  padding: 10px 0 10px 10px;
  font-weight: bold;
  width: 320px;
  text-align: left;
}

#inquiries td.grade {
  width: 58px;
}

#inquiries td .grade {
  width: 46px;
}

#inquiries td.branche {
  width: 79px;
}

#inquiries td.distance {
  border: none;
  font-size: 0.833em;
  width: 68px;
}

#inquiries textarea {
  width: 423px;
}

#inquiries p {
  padding: 0 0 5px 0;
}

#inquiries hr {
  position: relative;
  padding: 0;
  margin: 0;
  clear: both;
}

#inquiries .btn-input-small-action {
  margin: 10px 0 0 0;
}

#inquiries .btn-small {
  float: right;
  margin: 10px 0 0 0;
}

#inquiries .attachment {
  line-height: 20px;
  height: 20px;
  color: #009fef;
  float: left;
  padding: 10px 0 0 0;
}

#inquiries .consumer-input,
#inquiries .consumer-reaction {
  background: url(../images/conversation-consumer.png) 10px 10px no-repeat;
  line-height: 16px;
  padding: 0 10px 10px 68px;
}

#inquiries .consumer-input {
  padding: 10px 10px 10px 68px;
}

#inquiries .consumer-input > div,
#inquiries .consumer-reaction > div,
#inquiries .craftsman-reaction > div,
#inquiries .craftsman-input > div {
  background: #ffffff;
  padding: 9px;
  position: relative;
  min-height: 54px;
  border: 1px solid #c3e6fb;
}

#inquiries .craftsman-reaction.new > div {
  border: 1px solid #ac1d1f;
  margin: 25px 0 10px 0;
}

#inquiries .craftsman-reaction.new > div:before {
  position: absolute;
  content: attr(data-title);
  top: -15px;
  left: -1px;
  color: #ffffff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 15px;
  padding: 0 5px;
  font-size: 10px;
  line-height: 15px;
  background: #ac1d1f;

    border-radius: 2px 2px 0 0;
}

#inquiries .craftsman-reaction,
#inquiries .craftsman-input {
  background: url(../images/conversation-craftsman.png) 487px 10px no-repeat;
  line-height: 16px;
  padding: 0 66px 10px 10px;
}

#inquiries .consumer-reaction .timestamp,
#inquiries .craftsman-reaction  .timestamp {
  font-weight: bold;
  color: #0068b3;
}

#inquiries .consumer-reaction .timestamp span,
#inquiries .craftsman-reaction .timestamp span {
  color: #ff1c00;
  font-size: 0.833em;
}

#inquiries .consumer-input .dialog-arrow,
#inquiries .consumer-reaction .dialog-arrow {
  background: url(../images/dialog-arrow-left.png) 0 0 no-repeat;
  position: absolute;
  top: 13px;
  left: -7px;
  height: 14px;
  width: 7px;
}

#inquiries .craftsman-reaction .dialog-arrow,
#inquiries .craftsman-input .dialog-arrow {
  background: url(../images/dialog-arrow-right.png) 0 0 no-repeat;
  position: absolute;
  top: 13px;
  right: -7px;
  height: 14px;
  width: 7px;
}

#inquiries .craftsman-reaction.new .dialog-arrow {
  background-position: 0 -14px;
}

#inquiries .craftsman-input dt,
#inquiries .consumer-input dt {
  display: none;
}

#inquiries .craftsman-input dd,
#inquiries .consumer-input dd {
  margin: 0 0 8px 0;
  width: 100%;
}

#inquiries .craftsman-input dd.reaction,
#inquiries .consumer-input dd.reaction {
  margin: 0 0 20px 0;
}

#inquiries .craftsman-input dd.tb,
#inquiries .consumer-input dd.tb {
  border-top: 1px solid #c3e6fb;
  font-weight: bold;
  padding: 12px 0 0 0;
}

#inquiries .craftsman-input dd.bb,
#inquiries .consumer-input dd.bb {
  border-bottom: 1px solid #c3e6fb;
  padding: 0 0 20px 0;
}

#inquiries .pm-options {
  overflow: hidden;
  padding: 0 9px 9px 0;
}

#inquiries .contact {
  font-size: 0.833em;
}

#iframe .remove-inquiry .intro {
  margin: 20px 0 0 10px;
}

#iframe .remove-inquiry dt {
  display: none;
}

#iframe .remove-inquiry dd {
  margin: 0 0 5px 0;
}

#iframe .remove-inquiry hr {
  margin: 20px 0;
}

/**
 * CRAFTSMAN-PROFILE
 */

#profile-details .section.about {
  background: #f7fcfe;
}

#profile-details #primary-sub-column .section .content dl {
  margin: 0 0 -20px 0;
}

#profile-details #primary-sub-column .section .content dd {
  margin: 0 0 20px 173px;
}

#profile-details #primary-sub-column .section .content ul li {
  margin: 0 0 10px 0;
}

#profile-details #primary-sub-column .employees {
  font-size: 0.833em;
}

#profile-details #primary-sub-column .iefix {
  float: left;
}

#profile-details #primary-sub-column .info {
  background: url(../images/consumer-teaser-info.png) no-repeat;
  height: 22px;
  width: 22px;
  display: block;
  float: right;
  line-height: 0;
  overflow: hidden;
  margin: -3px 0 0 0;
  text-indent: -100px;
}

#craftsman-profile-business-data a.info {
  position: absolute;
  top: 0;
  left: 267px;
  background: url(../images/consumer-teaser-info.png) no-repeat;
  height: 22px;
  width: 22px;
  display: block;
  line-height: 0;
  overflow: hidden;
  margin: -3px 130px 0 0;
  text-indent: -100px;
}

#profile-details #secondary-sub-column .section {
  clear: both;
  border: none;
}

#profile-details #secondary-sub-column .section .header {
  padding: 0 0 10px 0;
  background: none;
}

#profile-details #secondary-sub-column ul {
  margin: 0 0 -10px 0;
}

#profile-details #secondary-sub-column .overview {
  float: right;
  padding: 10px 0 20px 0;
}

#profile-details #secondary-sub-column .section.contacts {
  padding: 8px;
  border: 1px solid #c8e8fb;
  margin: 0;
  overflow: hidden;
}

#profile-details #secondary-sub-column .section.contacts .imageholder {
  background: url(../images/employeebackground.png) no-repeat;
  float: left;
  margin: 0 10px 0 0;
  width: 75px;
  height: 100px;
  padding: 8px;
}

#profile-details #secondary-sub-column .section.contacts dl {
  float: left;
  padding: 40px 0 0 0;
}

#profile-details #secondary-sub-column .section.contacts dt {
  float: none;
  font-weight: bold;
}

#profile-details #secondary-sub-column .section.contacts dd {
  color: #a9a9a9;
  margin: 0;
  font-weight: normal;
}

#profile-details #secondary-sub-column .section.reference .no-results,
#profile-details #secondary-sub-column .section.projects .no-results {
  position: relative;
  background: #f7fcfe;
  font-weight: normal;
  border: 1px solid #c8e8fb;
}

#profile-details #secondary-sub-column .section.reference .title a,
#profile-details #secondary-sub-column .section.projects .title {
  font-size: 1.25em;
  line-height: 16px;
  color: #bf2d1a;
}

#profile-details #secondary-sub-column .section.reference .grade {
  float: left;
  padding: 9px;
  border-right: 1px solid #c8e8fb;
  width: 38px;
  height: 66px;
}

#profile-details #secondary-sub-column .section.reference .description {
  padding: 9px;
  margin: 0 0 0 55px;
}

#profile-details #secondary-sub-column .section.reference .description.no-grade {
  margin: 0;
}

#profile-details #secondary-sub-column .section.reference .comment,
#profile-details #secondary-sub-column .section.projects .comment {
  font-size: 1em;
}

#profile-details #secondary-sub-column .section.projects ul li {
  position: relative;
  background: #f7fcfe;
  font-weight: normal;
  margin: 0 0 10px 0;
  padding: 9px;
  border: 1px solid #c8e8fb;
}

#profile-details #secondary-sub-column .section.reference ul li {
  position: relative;
  background: #f7fcfe;
  font-weight: normal;
  margin: 0 0 10px 0;
  border: 1px solid #c8e8fb;
  overflow: hidden;
}

#orders.my-orders .content-wrapper,
#orders.recommended .content-wrapper,
#orders.bookmarks .content-wrapper{
  margin: 0 0 0 58px;
}

/**
 * CRAFTSMAN-CONTACT
 */

#profile-details-contact li {
  border-top: 1px solid #c8e8fb;
  overflow: hidden;
  padding: 10px;
}

#profile-details-contact li:first-child {
  border: none;
}

#profile-details-contact .title {
  font-weight: bold;
  color: #0068b3;
}

#profile-details-contact .social a {
  display: block;
}

#profile-details-contact .social .social-profiles {
  padding: 20px 0 0 0;
}

#profile-details-contact .contacts .imageholder {
  background: url(../images/employeebackground.png) no-repeat;
  float: left;
  margin: 0 10px 0 0;
  width: 75px;
  height: 100px;
  padding: 8px;
}

#profile-details-contact .contacts dl {
  padding: 40px 0 0 0;
  float: left;
}

#profile-details-contact .contacts dt {
  float: none;
  font-weight: bold;
}

#profile-details-contact .contacts dd {
  color: #a9a9a9;
  margin: 0;
  font-weight: normal;
}

#profile-details-contact #primary-sub-column dd {
  margin: 0 0 0 146px;
  line-height: 16px;
}

#profile-details-contact .facebook {
  background: url(../images/icons/facebook.png) no-repeat;
  padding: 0 0 0 24px;
  line-height: 20px;
  display: block;
}

#profile-details-contact .twitter {
  background: url(../images/icons/twitter.png) no-repeat;
  padding: 0 0 0 24px;
  line-height: 20px;
  display: block;
}

/*
 * CRAFTSMAN STATISTICS
 */

#craftsman_charts {
  width: 500px;
  float: left;
}

#do-you-want-teaser {
  float: right;
  width: 272px;
  padding: 20px 0;
}

/**
 * CONTACTDATA SETTINGS & ACCOUNT SETTINGS & CRAFTSMAN PROFILE BUSINESS DATA
 */

.contactdata-settings label.facebook {
  background: url(../images/icons/facebook.png) no-repeat;
  padding: 0 0 0 24px;
  line-height: 16px;
  display: block;
}

.contactdata-settings label.twitter {
  background: url(../images/icons/twitter.png) no-repeat;
  padding: 0 0 0 24px;
  line-height: 16px;
  display: block;
}

.contactdata-settings .required {
  padding: 0;
}

#craftsman-profile-business-data dd,
.contactdata-settings dd,
.account-settings dd {
  position: relative;
  margin: 0 0 5px 166px;
  line-height: 20px;
}

.account-settings dd a {
  padding: 7px 0 5px 3px;
  display: block;
}

#craftsman-profile-business-data dd.odd,
.contactdata-settings dd.odd,
.account-settings dd.odd {
  margin: 0 0 30px 166px;
}

#craftsman-profile-business-data dd.logo {
  margin: 0 0 5px 0;
}

#craftsman-profile-business-data dd.info {
  margin: 0 0 5px 0;
}

#craftsman-profile-business-data dd.info textarea {
  width: 430px;
}

#craftsman-profile-business-data .file_preview {
  width: 446px;
}

#craftsman-profile-business-data .file_preview ul li {
  height: 90px;
}

#craftsman-profile-business-data .file_preview ul li .delete {
  cursor: pointer;
  top: 46px;
}

#craftsman-profile-business-data .file_preview img {
  padding: 0 0 0 25px;
}

.account-settings dd.newsletter {
  border-top: 1px solid #c8e8fb;
  border-bottom: 1px solid #c8e8fb;
  margin: 20px 0;
  padding: 35px 0;
  width: 100%;
}

.account-settings dd.newsletter label {
  padding: 0 0 0 22px;
}

#craftsman-profile-business-data dd a {
  display: block;
}

#craftsman-profile-business-data dd > span,
.contactdata-settings dd > span,
.account-settings dd > span {
  position: absolute;
  top: 0;
  left: 300px;
  line-height: 16px;
  color: #a9a9a9;
  font-size: 0.833em;
}

#craftsman-profile-business-data dd > span.odd,
.contactdata-settings dd > span.odd {
  left: 466px;
}

#craftsman-profile-business-data dd > span > span,
.contactdata-settings dd > span > span,
.account-settings dd > span > span {
  color: #aad13a;
}

.contactdata-settings hr {
  margin: 20px 0;
}

#craftsman-profile-business-data input[type=submit],
.contactdata-settings input[type=submit],
.account-settings input[type=submit] {
  margin: 0 0 0 600px;
}

/*
 * COMPANYGUIDE TEASER
 */

#companyguide-promo {
  padding: 10px;
  overflow: hidden;
}

#display-possibilities {
  margin: 70px 0 30px 0;
}

#display-possibilities .title {
  margin: 0 0 20px 0;
}

#display-possibilities li {
  margin: 0 0 10px 0;
}

#display-possibilities li.infobox {
  padding: 10px;
}

#display-possibilities li:hover.infobox {
  border: 1px solid #c3e6fb;
}

#display-possibilities li:hover.infobox.clickable {
  border: 1px solid #009FEF;
}

#display-possibilities span {
  font-weight: normal;
}

#display-possibilities-options {
  margin: 20px 0 0 0;
  overflow: hidden;
}

#display-possibilities-options .title,
#display-possibilities-options-price {
  color: #0068b3;
  margin: 0 0 10px 0;
}

#display-possibilities-options-price {
  margin: 0;
}

#display-possibilities-payment-methods {
  padding: 10px;
  margin: 10px 0 0 0;
}

/**
 * EMPLOYEES
 */

.employees .header {
  border-top: 1px solid #c8e8fb;
  color: #0068b3;
  font-size: 1.667em;
  padding: 20px 0 10px 0;
  margin: 10px 0 0 0;
  font-weight: bold;
}

.employees .header span {
  padding: 0 0 0 5px;
  color: #8ad0f7;
}

.employees .section ul {
  margin: 0 0 0 -20px;
  width: 800px;
}

.employees .section ul li {
  border: 1px solid #c8e8fb;
  background: #f7fcfe;
  position: relative;
  float: left;
  margin: 0 0 20px 20px;
  height: 118px;
  padding: 7px;
  width: 230px;
}

.employees .section .imageholder {
  background: url(../images/avatar-background.png) 0 0 no-repeat;
  padding: 9px 19px 9px 9px;
  float: left;
}

.employees .section dl {
  padding: 34px 0 0 0;
  float: left;
}

.employees .section dt {
  float: none;
  font-weight: bold;
  width: 120px;
}

.employees .section dd {
  color: #a9a9a9;
  margin: 0;
  font-weight: normal;
  width: 120px;
}

#employees-url {
  display: none;
}

/**
 * BRANCHES
 */

.branches .subheader {
  margin: 0 0 20px 0;
}

.branches .description {
  font-weight: bold;
}

.branches hr {
  margin: 20px 0;
}

.branches ul li .imageholder {
  float: left;
  width: 70px;
}

.branches ul li .info {
  margin: 0 0 0 70px;
}

.branches ul li .title {
  margin: 0 0 10px 0;
  font-size: 1.25em;
  color: #0052a1;
}

.branches ul li p {
  margin:0 0 10px 0;
}

.branches ul li span {
  margin: 0 5px 0 0;
  font-weight: bold;
}

/**
 * PROFILE-STATUS
 */

.profile-status .explanation {
  float: right;
  line-height: 16px;
  margin: 0 0 20px 0;
  width: 232px;
}

.profile-status .content {
  clear: both;
}

/**
 * PROFILE-STATUS-OVERVIEW
 */

#profile-status-overview .intro {
  float: left;
  padding: 15px 0 10px 20px;
  width: 240px;
  margin: 0;
}

#profile-status-overview .overview .header {
  border-bottom: 1px solid #c3e6fb;
  color: #0068b3;
  font-size: 1.25em;
  font-weight: bold;
  padding: 0 0 9px 0;
}

#profile-status-overview .overview ul {
  margin: 0 0 40px 0;
}

#profile-status-overview .overview li {
  border-bottom: 1px solid #c3e6fb;
  position: relative;
  line-height: 36px;
}

#profile-status-overview .overview li p {
  background: url(../images/icons/profile-status-todo.png) center left no-repeat;
  font-weight: bold;
  padding: 0 0 0 26px;
  width: 450px;
}

#profile-status-overview .overview li p.done {
  background: url(../images/icons/profile-status-done.png) center left no-repeat;
}

#profile-status-overview .overview li > span {
  position: absolute;
  top: 0;
  left: 490px;
  font-size: 0.833em;
  color: #a9a9a9;
}

#profile-status-overview .overview li > span > span {
  color: #aad13a;
}

/**
 * PROFILE-STATUS-HIGHLIGHT
 */

#profile-status-highlight {
  border: 1px solid #c8e8fb;
  position: relative;
  float: left;
  margin: 0 0 20px 0;
  width: 516px;
}

#profile-status-highlight.wide {
  width: 778px;
}

#profile-status {
  display: inline-block;
  position: relative;
  width: 180px;
  height: 24px;
  padding: 0 10px;
  vertical-align: middle;
  text-decoration: none;
  background: url(../images/profile-progress-background.gif) 0 0 no-repeat;
}

#profile-status-background {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  height: 22px;
  background: url(../images/profile-progress-background.gif) 0 -24px no-repeat;
}

#profile-status-text {
  line-height: 24px;
  position: absolute;
  top: 0;
  left: 5px;
  font-weight: normal;
  color: #000000;
  font-size: 0.833em;
}

.profile-status {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 10px;
  padding: 0 1px;
  margin: 0 0 0 10px;
  vertical-align: middle;
  text-decoration: none;
  background: url(../images/profile-progress-small-background.gif) 0 0 no-repeat;
}

#personal-info .profile-status {
  margin: 0 5px 0 0;
  vertical-align: baseline;
}

.profile-status-background {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  height: 8px;
  background: url(../images/profile-progress-small-background.gif) 0 -10px no-repeat;
}

#profile-status-content {
  display: none;
}

#profile-status-content li {
  padding: 5px;
  border-bottom: 1px solid #7fc4f3;
}

#profile-status-content div {
  padding: 5px;
}

#profile-status-content li p {
  padding: 0 0 0 25px;
  background: url(../images/profile-status-approved.gif) no-repeat left top;
  line-height: 20px;
}

/**
 * CRAFTSMAN SUBSCRIPTION
 */

#craftsman-subscription .subheader {
  margin: 10px 0 20px 0;
  line-height: 24px;
  border: none;
}

#craftsman-subscription dl {
  margin: 40px 0;
}

#craftsman-subscription dd.odd {
  margin: 0 0 8px 180px;
}

#craftsman-subscription dd.distance {
  margin: 0 0 8px 170px;
}

#craftsman-subscription dd.distance select {
  width: 300px;
}

#craftsman-subscription .btn-medium-action span {
  padding: 0 10px 0 8px;
}

#craftsman-subscription dd.radio_list {
  float: left;
}

#craftsman-subscription ul.radio_list {
  margin: 5px 0 10px 0;
}

#craftsman-subscription li.pre {
  width: 700px;
  height: 22px;
  line-height: 22px;
}

#craftsman-subscription li.pre label {
  float: none;
}

#craftsman-subscription .btn-input-next {
  float: right;
}

#craftsman-subscription .category-desc {
  font-weight: bold;
  margin: 0 0 10px 0;
}

#craftsman-subscription .categories > li {
  border: 1px solid #c8e8fb;
  margin: 0 0 20px 0;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

#craftsman-subscription .categories > li .head {
  padding: 9px;
  border-bottom: 1px solid #c8e8fb;
  background: #d6eefc;
  font-size: 1.25em;
  color: #0068b3;
  font-weight: bold;
}

#craftsman-subscription .categories > li .content {
  padding: 9px;
  overflow: hidden;
}

#craftsman-subscription .categories > li li {
  width: 380px;
  line-height: 24px;
  float: left;
}


/**
 * CRAFTSMAN
 */

#craftsman-register .btn-large-confirm,
#craftsman-subscription .btn-large-confirm {
  float: left;
}

#craftsman-register .btn-input-next,
#craftsman-register .btn-input-confirm,
#craftsman-subscription .btn-input-confirm {
  float: right;
}

#craftsman-register .intro.step1 {
  background: url(../../images/step1teaser.png) top right no-repeat;
  margin: -20px 0 10px 0;
  padding: 20px 0 35px 0;
}

#craftsman-register .title.odd {
  line-height: 12px;
}

#craftsman-register .youtube-video {
  float: right;
  margin: 0 0 0 0;
}

#craftsman-register .subheader {
  margin: 20px 0 40px 0;
}

#craftsman-register dd.distance {
  margin: 0 0 8px 180px;
}

#craftsman-register dd.distance select {
  width: 270px;
}

#craftsman-register hr {
  margin: 40px 0;
}

#craftsman-register hr.top-odd {
  margin: 40px 0 20px 0;
}

#craftsman-register hr.bottom-odd {
  margin: 20px 0;
}

#craftsman-register.step4 .main-category dd {
  margin: 0 0 20px 150px;
}

#craftsman-register.step4 dt.e-mail {
  margin: 0 0 5px 0;
}

#craftsman-register.step4 ul.radio_list {
  margin: 0 0 10px 0;
}

#craftsman-register.step4 ul.radio_list li.pre {
  height: 22px;
  width: 100%;
}

#craftsman-register.step4 ul.radio_list li.pre label {
  float: none;
}

#craftsman-register.step4 .gzPrettyForms-checkbox ~ label {
  margin: 3px 0;
  display: inline-block;
}

#craftsman-register.step5 .title {
  padding: 0 0 10px 0;
}

#craftsman-register.step5 .checkbox_list label {
  padding: 0 0 0 25px;
}

#craftsman-register.step5 .checkbox_list.last {
  margin: 0 0 20px 0;
}

#craftsman-register.step5 dt {
  width: 165px;
}

#craftsman-register.step5 dd {
  margin: 0 0 8px 165px;
}

#craftsman-register.step5 dd.checkbox_list {
  margin: 0 0 8px 0;
}

.profits {
  position: relative;
  border: 1px solid #badffa;
  background: #e5f3fe;
  padding: 10px;
  margin: 0 0 30px 0;
}

.profits .title {
  font-family: 'Arial';
  font-weight: bold;
  color: #0068b3;
  font-size: 1.25em;
}

.profits ul {
  color: #9d2e25;
  font-weight: bold;
}

.profits em {
  color: #0068b3;
}

.register-succes .intro {
  background: url(../images/registersucces.jpg) 20px 20px no-repeat;
  border: 1px solid #c3e6fb;
  padding: 10px 10px 20px 140px;
  min-height: 170px;
}

.register-succes p.title {
  font-size: 1.25em;
}

.register-succes p {
  padding: 10px 0;
}
/**
 * STEPS
 */

#steps {
  position: relative;
  border: 1px solid #badffa;
  background: #e5f3fe;
  margin: 0 0 40px 0;
  overflow: hidden;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

#steps li {
  float: left;
  width: 154px;
  text-align: center;
  border-left: 1px solid #badffa;
  font-size: 1.333em;
  padding: 5px 0;
  font-weight: bold;
  color: #92ccf2;
}

#steps li:first-child {
  border: none;
}

#steps a {
  color: #0052a3;
}

#steps li.active a {
  color: #0068b3;
}

.steps {
  border: 1px solid #c3e6fb;
}

.steps li {
  border-top: 1px solid #c3e6fb;
  padding: 130px 10px 10px 10px;
  background: url(../images/steps.png) no-repeat;
}

.steps li:first-child {
  border: none;
}

.steps li span {
  font-weight: bold;
  color: #0068b3;
}

.steps .step1 {
  background-position: -10px -520px;
}

.steps .step2 {
  background-position: -188px -390px;
}

.steps .step3 {
  background-position: -366px -260px;
}

.steps .step4 {
  background-position: -554px -130px;
}

.craftsman.steps .step1 {
  background-position: -732px 0px;
}

.craftsman.steps .step2 {
  background-position: -188px -390px;
}

.craftsman.steps .step3 {
  background-position: -554px -130px;
}

.craftsman.steps .step4 {
  background-position: -366px -260px;
}

#chamber_of_commerce {
  font-weight: bold;
  margin: 8px 0 0 6px;
}

#chamber_of_commerce .success {
  color: #6cbc44;
}

#chamber_of_commerce .error {
  color: #ff0000;
}

/**
 * SUBSCRIPTION CHOICE
 */

#subscription-choice > li {
  position: relative;
  border: 1px solid #badffa;
  margin: 20px 0;
}

#subscription-choice > li:hover {
  border: 1px solid #009fef;
}

#subscription-choice table {
  width: 100%;
}

#subscription-choice table li {
  border-top: 1px solid #badffa;
  padding: 9px;
  overflow: hidden;
}

#subscription-choice table li span {
  color: #0068b3;
  color: #000000;
  font-weight: bold;
  padding: 0 5px 0 25px;
}

#subscription-choice table li .btn-medium-action {
  float: right;
}

#subscription-choice table li .btn-medium-action span {
  color: #ffffff;
}

#subscription-choice table li .btn-small {
  float: right;
  margin: 0 250px 0 15px;
}

#subscription-choice table li .btn-small span {
  color: #009fef;
  padding: 0 5px;
}

#subscription-choice table li:first-child {
  border: none;
}

#subscription-choice .subscription-select {
  border-right: 1px solid #badffa;
  padding: 0 0 0 10px;
  width: 10px;
  vertical-align: middle;
}

#subscription-choice .title {
  background: #e5f3fe;
  font-size: 1.25em;
  color: #0052a3;
}

#subscription-choice .costs {
  font-size: 0.833em;
  font-weight: normal;
  float: right;
  color: #000000;
}

#subscription-choice table li.title .costs span {
  color: #0052a3;
  padding: 0;
}

#subscription-choice .sub-title span {
  font-weight: bold;
  color: #0052a3;
}

#subscription-choice .help {
  float: right;
}

#subscription-choice li table span {
  color: #bf2d1a;
}

.back-to-overview {
  border-top: 1px solid #c8e8fb;
  border-bottom: 1px solid #c8e8fb;
  padding: 8px 0 10px 0;
}

/**
 * CRAFTSMAN CATEGORIES CHOICE
 */

#categories-choice {
  margin: 10px 0 30px 0;
  padding: 0 0 30px 0;
  border-bottom: 1px solid #c8e8fb;
  overflow: hidden;
}

#categories-choice ul.checkbox_list {
  float: left;
  width: 195px;
}

/**
 * CRAFTSMAN DASHBOARD
 */

.craftsman-dashboard .header {
  background: #ebf6fe;
  border-bottom: 1px solid #c8e8fb;
  color: #0068b3;
  padding: 0 9px;
  line-height: 46px;
  font-size: 1.25em;;
  font-weight: bold;
}

.craftsman-dashboard #rating {
  border: 1px solid  #c8e8fb;
  float: right;
  position: relative;
  margin: 0 0 20px 0;
  width: 238px;
}

.craftsman-dashboard #rating img {
  vertical-align: middle;
}

.craftsman-dashboard #rating .content {
  height: 66px;
  padding: 9px;
  overflow: hidden;
}

.craftsman-dashboard #rating ul {
  list-style: disc;
  margin: 10px 0 0 0;
  padding: 0 0 0 18px;
}

.craftsman-dashboard #rating ul li {
  line-height: 16px;
  padding: 0px;
  list-style: disc;
}

.craftsman-dashboard #rating ul li a {
  margin: 0 0 0 -5px;
}

.craftsman-dashboard #rating .content ul li span {
  color: #bf2d1a;
  font-weight: bold;
}

.craftsman-dashboard #recommended,
.craftsman-dashboard #craftsman-stats-order-amount {
  position: relative;
  clear: both;
  border-top: 1px solid #c8e8fb;
  border-left: 1px solid #c8e8fb;
  margin: 0 0 20px 0;
}

.craftsman-dashboard #recommended .header,
.craftsman-dashboard #craftsman-stats-order-amount .header {
  border-right: 1px solid #c8e8fb;
}

.craftsman-dashboard #recommended .header span,
.craftsman-dashboard #craftsman-stats-order-amount .header span {
  font-size: 0.667em;
}

.craftsman-dashboard #recommended #map_canvas,
.craftsman-dashboard #craftsman-stats-order-amount #map_canvas {
  width: 758px;
  height: 300px;
  border: 1px solid #c8e8fb;
}

.craftsman-dashboard #recommended table,
.craftsman-dashboard #craftsman-stats-order-amount table {
  width: 100%;
}

.craftsman-dashboard #recommended td,
.craftsman-dashboard #craftsman-stats-order-amount td {
  padding: 9px;
  border-right: 1px solid #c8e8fb;
  border-bottom: 1px solid #c8e8fb;
  line-height: 16px;
}

.craftsman-dashboard #recommended .category,
.craftsman-dashboard #craftsman-stats-order-amount .category {
  font-weight: bold;
}

.craftsman-dashboard #recommended .category span,
.craftsman-dashboard #craftsman-stats-order-amount .category span {
  color: #8ad0f7;
}

.craftsman-dashboard #recommended .sub-category span,
.craftsman-dashboard #craftsman-stats-order-amount .sub-category span {
  color: #8ad0f7;
  padding: 0 5px;
}

.craftsman-dashboard #recommended .sub-category a span,
.craftsman-dashboard #craftsman-stats-order-amount a span {
  padding: 0;
}

.craftsman-dashboard #recommended .roundedcorners-topright,
.craftsman-dashboard #craftsman-stats-order-amount .roundedcorners-topright {
  top: -1px;
}

.craftsman-dashboard #recommended .roundedcorners-bottomleft,
.craftsman-dashboard #craftsman-stats-order-amount .roundedcorners-bottomleft {
  left: -1px;
}

.craftsman-dashboard table a.stats-link {
  color: #A41E1D;
}

/*
 * CRAFTSMAN TIPS
 */

#tips {
  height: 64px;
  padding: 10px;
}

#tips ul {
  height: 42px;
}

#tips ul li {
  display: block;
  padding: 0 0 0 20px;
  background: url(../images/icons/tip.png) no-repeat left top;
}

#tips ul li span {
  font-weight: bold;
  color: #0068b3;
  font-size: 14px;
}

#tips ul li a {
  color: #a41e1d;
  padding: 0 0 0 5px;
  font-weight: bold;
  font-size: 14px;
}

#tips .nav {
  clear: both;
  color: #009ff0;
  overflow: hidden;
  padding: 0 0 0 20px;
}

#tips .nav a {
  color: #009ff0;
  float: left;
  margin: 0 5px 0 0;
  height: 19px;
  cursor: pointer;
  overflow: hidden;
  text-indent: -9999em;
  width: 19px;
  display: block;
}

#tips .nav a.next {
  background: url(../images/tip-next.png) 0 0 no-repeat;
}

#tips .nav a.prev {
  background: url(../images/tip-prev.png) 0 0 no-repeat;
}

/**
 * PROFILE-HEADER
 */

#profile-header {
  margin: 0 0 20px 0;
}

#profile-header .header {
  color: #0068b3;
  font-size: 1.667em;
  padding: 10px 0;
  font-weight: bold;
}

#profile-header .header span.companyname {
  color: #0068b3;
  font-size: 1em;
  font-weight: bold;
}

#profile-header .header span {
  color: #8ad0f7;
  font-size: 0.5em;
}

#profile-header .content {

}

#profile-header .info {
  background: #ebf6fe;
  position: relative;
  padding: 0 9px;
  height: 46px;
  border: 1px solid #c8e8fb;
  float: left;
}

#profile-header .info .fav {
  margin: 0 0 0 20px;
}

#profile-header .status {
  margin: 0 20px 0 0;
  line-height: 46px;
  font-weight: bold;
  float: left;
}

#profile-header .status .profile-status {
  margin: 0 2px 0 4px;
}

#profile-header .status span.complete {
  font-weight: normal;
  font-size: 0.833em;
}

#profile-header .skill-rating {
  font-weight: bold;
  margin: 0 20px 0 0;
  float: left;
  width: 120px;
}

#profile-header .skill-rating span {
  line-height: 46px;
  float: left;
  margin: 0 4px 0 0;
}

#profile-header .skill-rating div {
  float: right;
  display: inline-block;
  margin: 9px 0 0 0;
  width: 37px;
}

#profile-header .btn-small {
  margin: 13px 0 0 0;
  float: left;
}

#profile-header .imageholder {
  float: right;
  padding: 0 0 10px 0;
}

#profile-header .bookmark {
  height: 18px;
  width: 18px;
  margin: 13px 0 0 20px;
  float: left;
  display: block;
  background: url(../images/icons/bookmark.gif);
  overflow: hidden;
  text-indent: -2999px;
}

/**
 * PROJECT-SETTINGS
 */

.project-settings .header {
  color: #0068b3;
  font-size: 1.667em;
  overflow: hidden;
  padding: 0 0 10px 0;
  font-weight: bold;
}

.project-settings .header span {
  color: #8ad0f7;
  font-size: 0.75em;
}

.project-settings .btn-medium-confirm {
  float: right;
  margin: 0 0 10px 0;
}

.project-settings .header .btn-medium-confirm {
  margin: 0;
}

.project-settings .header .btn-medium-confirm span {
  color: #ffffff;
  font-size: 0.6em;
}

#projects > li {
  border: 1px solid #c8e8fb;
  margin: 0 0 10px 0;
  position: relative;
}

#projects .info {
  background: #f7fcfe;
  overflow: hidden;
}

#projects .content {
  padding: 9px;
}

#projects .content.no-image {
  width: 760px;
}

#projects .header {
  padding: 0;
  line-height: 16px;
  font-size: 1.25em;
}

#projects .header a {
  color: #bf2d1a;
}

#projects p {
  line-height: 16px;
}

#projects .options {
  padding: 9px;
  overflow: hidden;
  border-top: 1px solid #c8e8fb;
  background: #d6eefc;
}

#projects .edit {
  float: left;
}

#projects .delete {
  float: right;
  display: block;
}

.project-status {
  border-top: 1px solid #c8e8fb;
  padding: 0 0 10px 0;
}

.project-status li {
  border-bottom: 1px solid #c8e8fb;
  position: relative;
  line-height: 36px;
}

.project-status p {
  width: 450px;
  font-weight: bold;
}

.project-status li > span {
  color: darkgray;
  position: absolute;
  top: 0;
  left: 500px;
  font-size: 0.833em;
}

.project-status span span {
  color: #aad13a;
}

#iframe .edit-project .file_preview li,
#iframe .add-project .file_preview li {
  height: 77px;
}

#iframe .edit-project .file_preview li .delete,
#iframe .add-project .file_preview li .delete {
  top: 38px;
}

#iframe .edit-project .add-images span,
#iframe .add-project .add-images span {
  display: block;
  margin: 0 0 4px 0;
  font-weight: bold;
}

#iframe .edit-project .add-images span > span,
#iframe .add-project .add-images span > span {
  font-weight: normal;
  display: inline;
}

/**
 * REFERENCE-SETTINGS
 */

#references {
  margin: 0 0 20px 0;
}

.reference-settings .header {
  color: #0068b3;
  font-size: 1.667em;
  overflow: hidden;
  padding: 0 0 10px 0;
  font-weight: bold;
}

#references .header {
  padding: 0;
  line-height: 16px;
  font-size: 1.25em;
}

#references .header a {
  color: #bf2d1a;
  font-weight: bold;
}

#references span.reference-title {
  color: #bf2d1a;
  font-weight: bold;
}

#references > li {
  border: 1px solid #c8e8fb;
  margin: 0 0 10px 0;
  position: relative;
}

#references .info {
  background: #f7fcfe;
  overflow: hidden;
}

#references .skill-rating {
  padding: 9px;
  float: left;
  width: 38px;
}

#references .content {
  border-left: 1px solid #c8e8fb;
  padding: 9px;
  min-height: 97px;
}

#references .skill-rating ~ .content {
  margin: 0 0 0 56px;
}

#references .carousel-holder ~ .content {
  width: 310px;
}

#references .comments span.delimiter {
  color: #a9a9a9;
  padding: 0 5px 0 5px;
}

#references .content.no-grade {
  border-left: none;
}

#references .timestamp {
  color: #a9a9a9;
}

#references p {
  line-height: 16px;
}

#references .carousel-holder,
#projects .carousel-holder {
  float: right;
  margin: 9px;
  width: 320px;
}

.experiences #references .carousel-holder {
  width: 131px;
}

#references .carousel-holder .roundedcorners,
#projects .carousel-holder .roundedcorners {
  margin: 0 1px;
  border-bottom: 1px solid #c8e8fb;
}

#references .carousel.jcarousel-container,
#projects .carousel.jcarousel-container {
  background: #ffffff;
}

#references .comment {
  background: #ebf6fe;
  overflow: hidden;
  padding: 9px;
  border-top: 1px solid #c8e8fb;
}

#references .comment .timestamp {
  float: left;
  width: 55px;
  font-size: 0.833em;
}

#references .comment .message {
  font-size: 0.833em;
  line-height: 10px;
  font-weight: bold;
  margin: 0 0 0 60px;
}

#references .comment .message span {
  color: #0068b3;
}

#references .options {
  padding: 9px;
  overflow: hidden;
  border-top: 1px solid #c8e8fb;
  background: #ebf6fe;
}

#references .options .remove {
  float: right;
}

#iframe .reference-choice .order-title,
#iframe .reference-update .order-title,
#iframe .close-order .order-title {
  padding: 20px 0 0 10px;
  margin: 0;
  font-size: 1.25em;
}

.nps {
  /* padding: 20px 0 0 10px; */
}

#iframe .reference-choice dt,
#iframe .close-order dt {
  display: none;
}

#iframe .reference-update dt {
  margin: 0 0 5px 0;
}

#iframe .reference-update dd {
  margin: 0;
}

#iframe .close-order li label + input {
  margin: 8px 0 0 0;
}

#iframe .reference-choice dd,
#iframe .close-order dd {
  margin: 0 0 5px 0;
}

#iframe .reference-choice .gzPrettyForms-select,
#iframe .close-order .gzPrettyForms-select {
  margin: 5px 0 0 20px;
}

#iframe .reference-choice hr {
  margin: 20px 0 10px 0;
}

#iframe .reference-update hr {
  margin: 10px 0 20px 0;
}

#iframe .reference-choice hr.odd {
  margin: 10px 0 10px 0;
}

#iframe .reference-update hr.odd {
  margin: 20px 0;
}

#iframe .reference-choice .radio_list li {
  border-top: 1px solid #c8e8fb;
  padding: 20px 0 0 0;
}

#iframe .close-order .radio_list li {
  border-top: 1px solid #c8e8fb;
  padding: 20px 0;
  overflow: hidden;
}

#iframe .close-order hr.odd {
  margin: 0 0 10px 0;
}

#iframe .reference-choice .radio_list li:first-child,
#iframe .close-order .radio_list li:first-child {
  border: none;
  padding: 5px 0 20px 0;
}

#consumer-create-reference .order-title,
#consumer-update-reference .order-title {
  font-size: 1.25em;
  padding: 15px 0 0 0;
}

#consumer-create-reference hr,
#consumer-update-reference hr {
  margin: 20px 0;
}

#consumer-create-reference .title,
#consumer-update-reference .title {
  margin: 0 0 10px 0;
}

#consumer-create-reference #reference-rating li,
#consumer-update-reference #reference-rating li {
  line-height: 22px;
}

#consumer-create-reference #reference-rating label,
#consumer-update-reference #reference-rating label {
  line-height: 22px;
}

#consumer-create-reference #reference-rating span,
#consumer-update-reference #reference-rating span {
  line-height: 22px;
}

#consumer-create-reference #reference-rating a,
#consumer-update-reference #reference-rating a {
  line-height: 18px;
  margin: 0 0 0 3px;
}

#reference-rating .reference-rating {
  margin: 0 50px 0 0;
}

#reference-rating .gzPrettyForms-checkbox + label {
  background-position: left -117px;
  color: #999999;
  font-size: 10px;
}

 #reference-rating .gzPrettyForms-checkbox + label.checked {
  background-position: left -177px;
}

#consumer-create-reference dt label,
#consumer-update-reference dt label {
  font-weight: normal;
}

#consumer-create-reference dd,
#consumer-update-reference dd {
  margin: 0 0 8px 96px;
}

#consumer-create-reference dd input[type=text],
#consumer-update-reference dd input[type=text] {
  margin: 0 3px;
}

#consumer-create-reference dd input[type=text] + input[type=text],
#consumer-update-reference dd input[type=text] + input[type=text] {
  width: 40px;
}

#consumer-create-reference .file_preview dt,
#consumer-update-reference .file_preview dt {
  height: 77px;
}

#consumer-create-reference .file_preview .delete,
#consumer-update-reference .file_preview .delete {
  top: 40px;
}

#consumer-create-reference .file_preview dd,
#consumer-update-reference .file_preview dd {
  margin: 0 0 8px 170px;
}

#consumer-create-reference .file_preview dd input,
#consumer-update-reference .file_preview dd input {
  margin: 26px 0 0 0;
}

/**
 * RESULTS
 */

#results {
  float: left;
  width: 600px;
}

#results .header {
  color: #0068b3;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 24px;
  padding: 0 0 10px 0;
}

#results .header span {
  color: #8ad0f7;
  font-weight: normal;
  padding: 0 0 0 3px;
}

#orders > li {
  border: 1px solid #c8e8fb;
  position: relative;
  margin: 0 0 10px 0;
}

#orders > li.ad {
  border: none;
  margin: 0;
}

#orders > li.fhHover-active {
  border: 1px solid #009fef;
}

#order-category-detail td.order {
  word-wrap: break-word;
  width: 255px;
}

#category-results .content-wrapper {
  float: left;
  width: 185px;
}

#order-category-detail .no-results {
  margin: 10px 0;
}

#orders ul {
  border-top: 1px solid #c8e8fb;
  background: #ebf6fe;
  color: #8ad0f7;
  padding: 6px 0 6px 25px;
}

#orders ul li {
  list-style: disc;
  line-height: 16px;
}

#orders ul li a {
  color: #009fef;
  margin: 0 0 0 -5px;
}

#orders ul li span {
  color: #bf2d1a;
  font-weight: bold;
}

#orders .options {
  background: #d6eefc;
  border-top: 1px solid #c8e8fb;
  padding: 10px 9px;
  overflow: hidden;
}

#orders .options a {
  margin: 0 5px 0 0;
  float: left;
}

#orders .options .btn-medium-action {
  float: right;
  margin: 0;
}

#orders .options .btn {
  float: right;
}

#orders .options .btn span {
  font-size: 0.833em;
  color: #009fef;
  font-weight: normal;
  margin: 0 0 0 2px;
}

#orders .options .tender-publish {
  float: right;
}

#orders .options .info {
  background: url(../images/consumer-teaser-info.png) no-repeat 0 0;
  height: 20px;
  width: 20px;
  margin: 2px 0 0 0;
  text-indent: 20px;
  line-height: 24px;
  overflow: hidden;
  float: right;
  display: block;
  padding: 0;
}

#orders .options ul {
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  overflow: hidden;
  font-size: 0.833em;
  color: #009fef;
}

#orders .options ul li {
  list-style: none;
  float: left;
  margin: 0 10px 0 0;
}

#orders .options ul li span {
  color: #ff0000;
  font-weight: bold;
}

#order-count {
  background: #e9f6fe;
  border: 1px solid #c8e8fb;
  clear: both;
  position: relative;
  padding: 10px;
}

#order-count dl {
  float: right;
}

#order-count dt {
  font-weight: normal;
}

#order-count dd {
  width: 60px;
  margin: 0 0 0 170px;
}

#order-count dd select {
  width: 60px;
}

#remove_submit {
  display: block;
  float: right;
}

/**
 * HOWITWORKS
 */

.howitworks a.btn-extralarge {
  float: right;
  margin: -32px 0 10px 2px;
}

.howitworks ul {
  clear: both;
}

.howitworks ul li {
  border: 1px solid #c3e6fb;
  padding: 10px 10px 10px 294px;
  margin: 0 0 10px 0;
  min-height: 193px;
  position: relative;
}

.howitworks ul li .header {
  font-family: Aachenbold;
  font-weight: normal;
  padding: 30px 0 20px 0;
}

.howitworks ul li .header h2 {
  color: #0068b3;
  line-height: 20px;
  font-size: 1.667em;
}

.howitworks ul li .header span {
  line-height: 18px;
  font-size: 1.25em;
  color: #bf2d1a;
}

.howitworks ul li p {
  font-size: 1.25em;
  line-height: 20px;
}

.howitworks .action {
  background: url(../images/consumer-teaser-background.png) bottom left repeat-x;
  position: relative;
  text-align: right;
  height: 44px;
}

.howitworks .action .form {
  padding: 10px 0 0 0;
  margin: 0 10px 0 0;
  color: #ffffff;
}

.howitworks .action .form dl {
  padding: 0;
}

.howitworks .action .form dd {
  margin: 0;
}

.howitworks .consumer .action .form .descriptive {
  font-weight: bold;
  margin: 0 5px 0 0;
  line-height: 24px;
}

.howitworks .consumer .action input[type=text],
.howitworks .craftsman .action input[type=text] {
  float: right;
  margin: 0 3px 0 0;
  width: 170px;
}

.howitworks .action .gzPrettyForms-select,
.howitworks .action select {
  float: right;
  width: 190px;
  margin: 0 3px 0 0;
}

.howitworks .craftsman .action .gzPrettyForms-select.distance,
.howitworks .craftsman .action select.distance {
  width: 120px;
}

.howitworks .craftsman .action input.postal-code {
  width: 74px;
}

.howitworks .action input[type=submit]{
  background: url(../images/btn.png) 0 -1398px no-repeat;
  height: 24px;
  line-height: 16px;
  width: 62px;
  border: none;
  cursor: pointer;
  color: #ffffff;
  font-family: arial;
  font-weight: bold;
  float: right;
}

.howitworks .craftsman .step1 {
  background: url(../images/howitworks.png) 0 -853px no-repeat;
}

.howitworks .craftsman .step2 {
  background: url(../images/howitworks.png) -618px -205px no-repeat;
}

.howitworks .craftsman .step3 {
  background: url(../images/howitworks.png) -206px -637px no-repeat;
}

.howitworks .craftsman .step4 {
  background: url(../images/howitworks.png) -402px -421px no-repeat;
}

.howitworks .consumer .step1 {
  background: url(../images/howitworks.png) -844px 20px no-repeat;
}

.howitworks .consumer .step2 {
  background: url(../images/howitworks.png) -618px -205px no-repeat;
}

.howitworks .consumer .step3 {
  background: url(../images/howitworks.png) -402px -421px no-repeat;
}

.howitworks .consumer .step4 {
  background: url(../images/howitworks.png) -206px -637px no-repeat;
}

/**
 * CONTACT
 */

.contact .subheader {
  margin: 0 0 20px 0;
}

.contact p.description {
  border-bottom: 1px solid #bfe2f9;
  padding: 20px 0 40px 0;
}

.contact dl {
  border-bottom: 1px solid #bfe2f9;
  padding: 40px 0 40px 0;
}

.contact dt {
  line-height: 24px;
}

.contact dd {
  margin: 0 0 5px 165px;
}

.contact dd input.after {
  width: 198px;
}

.contact dd.nolabel {
  margin: 0 0 5px 0;
}

.contact dd.nolabel input {
  width: 458px;
}

.contact dd.nolabel textarea {
  width: 458px;
}

.contact input[type=text] {
  width: 293px;
}

.contact select {
  width: 295px;
}

.contact p.required {
  border-top: 1px solid #bfe2f9;
  border-bottom: 1px solid #bfe2f9;
  margin: 0 0 20px 0;
  padding: 20px 0;
}

.contact input[type=submit] {
  float: right;
}

.contact .add-documents .gzPrettyForms-file-button {
  float: left;
}

.contact .add-documents span {
  color: #999999;
  font-size: 0.833em;
  line-height: 24px;
  margin: 0 0 0 10px;
}

.contact .add-documents {
  margin: 0 0 20px 0;
}

.contact .add-documents ul li dl {
  padding: 0;
  border-bottom: none;
}

.contact .add-documents ul li dd {
  margin: 0 0 0 278px;
  width: 268px;
}

.contact .add-documents ul li dd .delete {
  top: 14px;
}

.contact .add-documents ul li dd input {
  width: 250px;
  margin: 0;
  padding: 3px 0 0 2px;
}

.contact .add-documents ul li dt {
  height: auto;
}

/**
 * CATEGORIES HIGHLIGHT
 */

#categories-highlight {
  border: 1px solid #bfe2f9;
  position: relative;
  margin: 0 0 20px 0;
  padding: 9px;
}

#categories-highlight ul {
  overflow: hidden;
}

#categories-highlight ul > li {
  float: left;
  width: 189px;
}

#categories-highlight ul li span {
  color: #8ad0f7;
  font-size: 0.833em;
  padding: 0 0 0 3px;
}

#categories-highlight ul li a.current {
  text-decoration: underline;
}

/**
 * INVOICES
 */

#invoices {
  clear: both;
}

#invoices.subscription {
  padding: 40px 0 0 0;
}

#invoices .subheader {
  margin: 0;
  padding: 0 0 10px 0;
}

#invoices .back {
  border-bottom: 1px solid #c8e8fb;
  padding: 10px 0;
  margin: 0 0 20px 0;
  display: block;
}

#invoices .year {
  border: 1px solid #c8e8fb;
  position: relative;
  margin: 0 0 20px 0;
}

#invoices .year .header {
  background: #d6eefc;
  color: #0068b3;
  font-weight: bold;
  font-size: 1.25em;
  padding: 10px;
}

#invoices .year ul li {
  background: #f7fcfe;
  border-top: 1px solid #c8e8fb;
  padding: 10px;
}

#invoices .year ul li:first-child {
  border: none;
}

#invoices .year ul li span {
  color: #a9a9a9;
}

#invoices .year ul li.all {
  text-align: right;
}

#invoices .year ul li a {
  font-weight: bold;
  margin: 0 0 0 10px;
}

/**
 * Advertising
 */

#advertising .header {
  border-bottom: 1px solid #c8e8fb;
}

#advertising .intro {
  background: url(../images/advertising-intro.jpg) top right no-repeat;
  margin: 20px 0;
  padding: 0 140px 0 0;
}

#advertising .teaser {
  font-size: 1.25em;
  font-weight: bold;
  color: #0068b3;
  margin: 10px 0 20px 0;
}

#advertising ul li {
  background: #f7fcfe;
  border: 1px solid #c3e6fb;
  position: relative;
  margin: 0 0 10px 0;
  overflow: hidden;
  padding: 9px;
}

#advertising ul li p {
  padding: 0;
  margin: 0;
}

#advertising ul li .title {
  color: #0068b3;
  float: left;
  margin: 0;
  width: 350px;
}

#advertising ul li .price {
  color: #bf2d1a;
  font-weight: bold;
  float: right;
  font-size: 1.25em;
  margin: 8px 0 0 0;
}

#advertising ul li .ident {
  float: left;
  width: 350px;
}

/**
 * SITEMAP
 */

.sitemap h1 {
  border-bottom: 1px solid #c8e8fb;
  background: url(../images/main-sub-column-bullet.png) left center no-repeat;
  font-family: 'Aachenbold';
  font-size: 1.667em;
  font-weight: normal;
  color: #0068b3;
  margin: 0 0 38px 0;
  padding: 0 0 0 22px;
  height: 36px;
  line-height: 36px;
}

.sitemap h2 {
  font-weight: bold;
  font-size: 1.25em;
  padding: 0 0 20px 0;
}

.sitemap h3 {
  font-weight: bold;
}

.sitemap > ul {
  overflow: hidden;
}

.sitemap > ul > li {
  float: left;
  width: 186px;
}

.sitemap > ul > li > ul {
  list-style: disc;
  line-height: 18px;
  padding: 0 0 20px 17px;
}

/**
 * PAGENOTFOUND
 */

#pagenotfound {
  border: 1px solid #c8e8fb;
  position: relative;
  padding: 20px;
}

#pagenotfound .header {
  color: #bf2d1a;
  font-weight: bold;
  padding: 0 0 20px 0;
  font-size: 1.667em;
}

#pagenotfound ul {
  padding: 0 0 0 20px;
}

#pagenotfound ul li {
  list-style: disc;
}

#pagenotfound a {
  font-weight: bold;
}

#pagenotfound p {
  padding: 16px 0 0 0;
}

/**
 * SERVERERROR
 */

#servererror {
  position: relative;
  margin: 0 auto;
  width: 560px;
}

#servererror strong {
  padding: 20px 0;
}

#servererror img {
  padding: 50px;
}

#servererror > div {
  background: #f7fcfe url(../images/errorcraftsman.png) 20px 20px no-repeat;
  border: 1px solid #c8e8fb;
  min-height: 124px;
  position: relative;
  padding: 20px 20px 20px 155px;
}

#servererror .header {
  color: #0068b3;
  font-size: 1.667em;
  font-weight: bold;
}

#servererror ul {
  padding: 0 0 0 20px;
  margin: 20px 0;
}

#servererror ul li {
  line-height: 20px;
  font-weight: bold;
}

/**
 * PAGINATOR
 */

.paginator {
  text-align: center;
  font-size: 1.33em;
  line-height: 20px;
  height: 20px;
  padding: 15px 0;
  font-weight: bold;
  color: #c7e2f8;
}

.paginator a.previous {
  background: url(../images/pagination.png) 0 -40px no-repeat;
  padding: 0 0 0 10px;
}

.paginator a.next {
  background: url(../images/pagination.png) right -60px no-repeat;
  padding: 0 10px 0 0;
}

.paginator span {
  color: #c3e6fb;
  padding: 0 5px;
}

.paginator span.current {
  color: #000000;
  padding: 0 3px;
}

.paginator span.previous {
  background: url(../images/pagination.png) 0 0 no-repeat;
  color: #c3e6fb;
  padding: 0 0 0 10px;
}

.paginator span.next {
  background: url(../images/pagination.png) right -20px no-repeat;
  color: #c3e6fb;
  padding: 0 10px 0 0;
}

/**
 * CONSUMER-DATA
 */

.consumer-data .header {
  color: #0068b3;
  font-size: 1.667em;
  line-height: 40px;
  height: 40px;
  font-weight: bold;
  margin: 0 20px 20px 0;
  border-bottom: 1px solid #bfe2f9;
}

.consumer-data dt {
  width: 190px;
}

.consumer-data .header span {
  font-size: 0.5em;
  line-height: 20px;
  padding: 0 0 0 10px;
  color: #000000;
}

.consumer-data hr {
  margin: 35px 20px 16px 0;
}

.consumer-data hr.odd {
  margin: 35px 20px 35px 0;
}

#primary-sub-column.consumer-data .checkbox dd {
  margin: 0;
}

#primary-sub-column.consumer-data .checkbox dd label {
  padding: 0 0 0 20px;
}

.consumer-data .btn-holder {
  text-align: right;
  padding: 0 20px 0 0;
}

.consumer-data .subheader {
  margin: 20px 20px 20px 0;
}

.consumer-data dd.checkbox-odd li {
  margin: 0 0 4px 0;
}

.birth-date select {
  width: 90px;
}

.birth-date .gzPrettyForms-select {
  display: block;
  margin: 0 5px 8px 0;
  float: left;
}

.birth-date .gzPrettyForms-select ~ .gzPrettyForms-select {
  margin: 0 5px 8px 0;
}

/**
 * Consumer-bookmarks
 */

.consumer-bookmarks #orders li {
  background: #f7fcfe;
  overflow: hidden;
}

.consumer-bookmarks .skill-rating {
  float: left;
  padding: 9px;
  width: 43px;
}

.consumer-bookmarks .description {
  float: left;
  padding: 9px 0;
  line-height: 16px;
  width: 410px;
}

.consumer-bookmarks .description h2 a {
  color: #bf2d1a;
  font-weight: bold;
  font-size: 1em;
}

.consumer-bookmarks .description span {
  color: #a9a9a9;
  font-size: 0.833em;
}

.consumer-bookmarks .description p {
  font-size: 0.833em;
}

.consumer-bookmarks .description a {
  font-size: 0.833em;
}

.consumer-bookmarks .description .separator {
  color: #000000;
}

.consumer-bookmarks .info {
  float: right;
  padding: 9px;
  width: 109px;
}

.consumer-bookmarks .info img {
  float: right;
  border: 1px solid #c8e8fb;
}

.consumer-bookmarks .options {
  clear: both;
}

/**
 * INFOBOX
 */

.infobox {
  border: 1px solid #c3e6fb;
  background: #f7fcfe;
  position: relative;
  margin: 0 0 10px 0;
}

#craftsman-profile-business-data .infobox,
.contactdata-settings .infobox,
#register .infobox {
  width: 278px;
}

.infobox:hover {
  border: 1px solid #009fef;
}

#display-possibilities-payment-methods.infobox:hover {
  border: 1px solid #c3e6fb;
}

.infobox .header,
#register .infobox .header {
  background: none;
  padding: 10px 10px 0 10px;
  color: #0068b3;
  font-family: Arial;
  font-size: 1em;
  line-height: 12px;
  margin: 0;
  height: auto;
  font-weight: bold;
}

.infobox .content {
  padding: 10px;
}

#register .infobox dl {
  padding: 0;
}

.infobox dt {
  display: none;
}

#register .infobox dt {
  line-height: 20px;
}

#employee_list .infobox dd {
  color: #a9a9a9;
}

#employee_list .infobox dd.title {
  color: #000000;
}

.infobox dd,
#craftsman-profile-business-data .infobox dd {
  margin: 0;
}

.infobox dd.title {
  color: #000000;
}

#register .infobox dd {
  line-height: 20px;
}

#address_list .infobox dt {
  display: block;
}

#address_list .infobox dd {
  margin: 0 0 0 90px;
}

.infobox .options {
  background: #d6eefc;
  padding: 11px 9px;
  overflow: hidden;
  clear: both;
}

.infobox .options .edit {
  float: left;
}

.infobox .options .delete {
  float: right;
}

/**
 * DEFAULT STATIC PAGES
 */

.default-page .rounded-corners {
  background: #C3E6FB;
  margin: 0 1px;
  height: 1px;
}

.default-page .rounded-corners.dark {
  background: #40A7EE;
}

.default-page .rounded-corners.bottom {
  margin: 0 1px 10px;
}

.default-page .pagination {
  text-align: center;
  font-weight: normal;
}

.default-page p {
  margin: 10px 0;
}

.default-page ol {
  margin: 10px 0 20px;
  list-style: none;
  float: left;
  clear: both;
}

.default-page ol ul {
  margin: 0 0 0 33px;
}

.default-page span {
  color: #999999;
  padding: 30px 0 15px;
  float: left;
  width: 100%;
  clear: both;
}

.default-page ol span {
  float: left;
  width: 30px;
  margin: 0;
  padding: 0;
  clear: none;
  color: #000000;
}

.default-page ol li ul li span {
  width: 10px;
}

.default-page ol li ul li p {
  width: 510px;
  padding: 0;
}

.default-page .paginator span,
.default-page .media-list .paginator span {
  float: none;
  color: #c3e6fb;
  padding: 0 5px;
}

.default-page .paginator span.previous,
.default-page .media-list .paginator span.previous {
  float: none;
  padding: 0 0 0 10px;
}

.default-page .paginator span.next,
.default-page .media-list .paginator span.next {
  padding: 0 10px 0 0;
}

.default-page .paginator span.current,
.default-page .media-list .paginator span.current {
  padding: 0 3px;
  color: #000000;
}

.default-page .list {
  overflow: hidden;
}

.default-page .list li {
  position: relative;
  padding: 2px 0;
}

/**
 * Media
 */

.media #tabs {
  margin: 20px 0 0 0;
}

.media .media-list {
  border-left: 1px solid #3db7f4;
  border-right: 1px solid #3db7f4;
  border-bottom: 1px solid #3db7f4;
  overflow: hidden;
  padding: 0 9px;
}

.media .media-list li {
  border-top: 1px solid #c3e6fb;
  overflow: hidden;
  padding: 20px 0;
}

.media .media-list li:first-child {
  border-top: none;
}

.media .media-list .imageholder {
  float: left;
  height: 60px;
  width: 110px;
}

.media .media-list .content {
  float: left;
  width: 430px;
}

.media .media-list .content a {
  font-weight: bold;
  display: block;
}

.media .media-list span {
  color: #a9a9a9;
  padding: 0;
  float: none;
  clear: none;
  display: inline;
}

.default-page .navigation {
  border-top: 1px solid #C3E6FB;
  border-bottom: 1px solid #C3E6FB;
  padding: 10px 0;
}

.default-page.presskit dl,
.default-page.newsletters dl {
  background: #f6fbfe;
}

.default-page.presskit dl dt,
.default-page.newsletters dl dt {
  font-weight: normal;
  font-size: 0.9em;
  width: 62px;
  padding: 10px;
  color: #999999;
  border-right: 1px solid #bfe2f9;
  border-left: 1px solid #bfe2f9;
}

.default-page.presskit dl dd,
.default-page.newsletters dl dd {
  border-right: 1px solid #bfe2f9;
  padding: 10px;
  margin: 0 0 0 90px;
  font-weight: bold;
}

.default-page.newsletters dl dd a.worker,
.default-page.newsletters dl dd a.craftsman {
  padding: 3px 0 3px 30px;
}

.default-page.newsletters dl dd a.craftsman {
  background: url(../images/register-craftsman-icon.png) left center no-repeat;
}

.default-page.newsletters dl dd a.worker {
  background: url(../images/place-order-icon.png) left center no-repeat;
}

.default-page .logo {
  margin: 30px 0;
}

.default-page span.date {
  float: none;
  margin: 0;
}

.default-page ol p {
  margin: 0;
  width: 530px;
  float: left;
}

.default-page ul p {
  padding: 0 0 0 10px;
}

.default-page.press .block p {
  margin: 30px 10px;
}

.default-page hr {
  padding: 10px 0 0;
}

.default-page h2 {
  font-size: 1.5em;
  color: #0052a1;
  margin: 30px 0 15px;
  font-weight: bold;
}

.default-page h3 {
  font-size: 1.3em;
  color: #0052a1;
  margin: 30px 0 15px;
  font-weight: bold;
}

#faq.default-page ol li h3 {
  width: 100%;
}

.default-page h4 {
  color: #0052a1;
  margin: 30px 0 0;
  font-weight: bold;
}

.default-page.press .block h4 {
  padding: 10px;
  margin: 0;
  background: #cfe9fb;
}

#primary-column .default-page.press .block {
  position: relative;
  border: 1px solid #badffa;
  background: #f6fbfe;
  width: 273px;
  float: left;
  margin: 10px 10px 0 0;
}

#primary-column .default-page.press .block.odd{
  margin: 10px 0 0;
}

.default-page.press .block img {
  float: right;
}

.default-page.vacancies img {
  float: right;
  margin: 0 0 0 20px;
}

.default-page.vacancies ul {
  list-style: disc;
  margin: 0 0 15px 15px;
}

.default-page.vacancies ul li a {
  font-weight: bold;
}

.default-page.vacancies strong {
  color: #0052a1;
}

/**
 * Banners
 */

.banner-header {
  position: relative;
  background: #E5F3FE;
  border: 1px solid #BADFFA;
  border-bottom: none;
  margin: 0;
  padding: 10px;
}

.banner-header h2 {
  margin: 0;
}

.banners table {
  border: 1px solid #bfe2f9;
  border-collapse: collapse;
  width: 100%;
}

.banners table td {
  border: 1px solid #bfe2f9;
  padding: 9px;
  width: 100%;
}

.banners table td a {
  margin: 5px 0 0 0;
  display: block;
}

.banners table td textarea {
  width: 248px;
}

.banners table td[colspan="2"] textarea {
  width: 528px;
}

#primary-column .default-page.banners .block {
  width: 258px;
  float: left;
  border: 1px solid #C3E6FB;
  border-top: none;
  padding: 10px;
  margin: 0;
}

#primary-column .default-page.banners .block.odd {
  border-left: none;
  width: 259px;
}

#primary-column .default-page.banners .block.full {
  width: 538px;
}
#primary-column .default-page #tabs {
  position: relative;
}

#primary-column .default-page #tabs span {
  float: none;
  clear: none;
}

#primary-column .default-page #tabs .roundedcorners-bottomright {
  bottom: -1px;
}

#media-detail p {
  margin: 0 0 20px 0;
}

#media-detail .media-attach {
  margin: 0 0 20px 0;
}

#media-detail .carousel-holder {
  margin: 20px 0;
}

.terms-list {
  margin: 10px 0 4px 0;
}

.terms-list a {
  display: block;
  line-height: 24px;
  text-decoration: underline;
}

/**
 * Presskit
 */

.presskit .order-sort a {
  cursor: pointer;
}

.presskit .order-sort .placed a {
  width: 73px;
  margin: 0 1px 0 0;
}

.presskit .order-sort .name a {
  width: 466px;
  margin: 0;
}

.presskit .kit {
  width: 100%;
  border-left: 1px solid #C3E6FB;
  border-right: 1px solid #C3E6FB;
}

.presskit .kit td {
  vertical-align: middle;
  background: #f6fbfe;
  padding: 10px;
}

.presskit .kit td span {
  color: #999999;
  padding: 0;
}

#faq.default-page ol.numeric {
  border: 0;
  background: 0;
  list-style: decimal;
  margin: 20px 0 20px 25px;
  color: #008ae8;
}

#faq.default-page ol.numeric li {
  padding: 0;
}

#faq.default-page ol.numeric li a {
  background: none;
}

#faq.default-page .rounded-corners.bottom {
  margin:0 1px 20px;
}

#faq.default-page ol {
  float: none;
  background: #f6fbfe;
  border-left: 1px solid #bfe2f9;
  border-right: 1px solid #bfe2f9;
}

#faq.default-page ol li p {
  float: none;
  margin: 10px 0 10px 30px;
  width: auto;
}

#faq.default-page ol li {
  padding: 10px;
}

#faq.default-page ol li .description {
  display: none;
}

#faq.default-page ol li .description.active {
  display: block;
}

#faq.default-page h2 {
  font-size: 1.2em;
  color: #008ae8;
  background: #f6fbfe;
  border-left: 1px solid #bfe2f9;
  border-right: 1px solid #bfe2f9;
  margin: 0;
  padding: 10px;
}

#faq.default-page ol {
  margin: 0;
  float: none;
  border-top: 1px solid #bfe2f9;
}

#faq.default-page ol li span,
#faq.default-page ol li h3 {
  font-size: 1em;
  margin: 0;
  padding: 0 0 0 30px;
  color: #008ae8;
  display: block;
  line-height: 30px;
  cursor: pointer;
}

#faq.default-page ol li a.trigger {
  display: inline-block;
  cursor: pointer;
  background: url(../images/btn_unfold.png) left center no-repeat;
}

#faq.default-page ol li a.trigger.active {
  background: url(../images/btn_fold.png) left center no-repeat;
}

#mail-a-friend {
  background: url(../../images/mail-a-friend/temp-mail-a-friend.png) 0 0 no-repeat;
  display: block;
  height: 76px;
  width: 180px;
}

/**
 * NEWSLETTER
 */

#newsletter {
  background: #e5f3fd;
}

#newsletter .content {
  padding: 10px;
  overflow: hidden;
}

#newsletter input[type=text] {
  width: 148px;
  float: left;
  margin: 0 0 8px 0;
}

#secondary-sub-column #newsletter input[type=text] {
  width: 217px;
  margin: 0;
}

#newsletter input[type=submit]{
  float: right;
}

.newsletter form dd {
  margin: 0 0 8px 280px;
}

.newsletter .btn-holder {
  text-align: right;
  padding: 10px 0;
}

/**
 * SUGGESTIONS
 */

#suggestions {
  background: #e5f3fd;
}

#suggestions .header .mailbox {
  background: url(../images/icons/mailbox.png) 0 0 no-repeat;
  position: absolute;
  height: 37px;
  width: 39px;
  top: -3px;
  right: 9px;
}

#suggestions p {
  font-size: 0.833em;
  padding: 0 0 10px 0;
}

#suggestions textarea {
  height: 74px;
  width: 150px;
}

#suggestions input[type=text]{
  width: 150px;
  margin: 8px 0 8px 0;
}

/**
 * ABOUT
 */

#about {
  position: relative;
}

#about .content {
 border: 1px solid #c3e6fb;
 line-height: 16px;
 padding: 9px;
}

#about .footer {
  background: url(../images/about-footer-background.png) repeat-x;
  border: 1px solid #c3e6fb;
  border-top: none;
  height: 66px;
  line-height: 66px;
  overflow: hidden;
}

#about .footer li {
  float: left;
  height: 46px;
  padding: 10px 0 10px 0;
  width: 132px;
}

#about .footer div {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #c3e6fb;
  padding: 10px 0 0 52px;
  height: 36px;
  line-height: 12px;
}

#about .footer .order {
  background: url(../images/icons/order.png) 9px 5px no-repeat;
  border-left: none;
}

#about .footer li .craftsman {
  background: url(../images/icons/craftsman.png) 10px 0px no-repeat;
}

#about .footer li .reference {
  background: url(../images/icons/reference.png) 10px 10px no-repeat;
  border-right: none;
}

#about .footer li p {
  color: #bf2d1a;
  font-size: 1.25em;;
  font-weight: bold;
  line-height: 15px;
}

#about .footer li span {
  color: #0068b3;
  font-size: 0.833em;
}

/**
 * MEDIA
 */

#media {
  position: relative;
}

#media ul {
  border: 1px solid #c3e6fb;
}

#media ul li {
  border-top: 1px solid #c3e6fb;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
}

#media ul li:first-child {
  border: none;
}

#media ul li div {
  height: 30px;
  float: left;
  padding: 5px 0px 5px 0px;
  width: 110px;
  text-align: center;
  overflow: hidden;
}

#media ul li a {
  font-weight: bold;
  padding: 0 0 0 10px;
}

#media .roundedcorners-topleft,
#about .roundedcorners-topleft {
  top: 34px;
}

#media .roundedcorners-topright,
#about .roundedcorners-topright {
  top: 34px;
}

/**
 * FOOTER
 */

#footer {
  clear: both;
  margin: 0 0 40px 0;
}

#footer .footer-roundedcorners {
  background: #009fef;
  height: 1px;
  margin: 0 1px;
  width: 978px;
}

#footer .footer-roundedcorners.bottom {
  margin: 0 1px 10px 1px;
}

#footer .simple {
  background: #009fef;
  overflow: hidden;
  width: 100%;
}

#footer .simple li {
  background: url(../images/footer-seperator.png) center left no-repeat;
  float: left;
}

#footer .simple li:first-child {
  background: none;
  margin: 0 0 0 10px;
}

#footer .simple li a {
  color: #ffffff;
  display: block;
  line-height: 42px;
  padding: 0 12px;
  font-weight: bold;
}

#footer .extended {
  border-right: 1px solid #009fef;
  border-left: 1px solid #009fef;
  padding: 20px 0 20px 20px;
  overflow: hidden;
}

#footer .extended ul li {
  float: left;
  margin: 0 20px 0 0;
  width: 215px;
}

#footer .extended ul ul li {
  line-height: 16px;
  width: 215px;
}

#footer .extended ul ul li a span {
  color: #8ad0f7;
  font-size: 0.833em;
}

#footer .partners {
  border-right: 1px solid #c3e6fb;
  border-left: 1px solid #c3e6fb;
  padding: 10px;
  text-align: center;
}

#footer .partners a {
  margin: 0 10px;
}

#footer .partners-roundedcorners {
  background: #c3e6fb;
  height: 1px;
  margin: 0 1px;
  width: 978px;
}

#footer .partners-roundedcorners.bottom {
  margin: 0 1px 10px 1px;
}

#footer .info {
  padding: 10px 0;
  text-align: center;
  color: #999999;
}

#footer .info span {
  color: #c3e6fb;
  display: inline-block;
  padding: 0 10px;
}

/**
 * Carousel
 **/

.carousel-holder {
  position: relative;
  margin: 0 0 10px 0;
}

.carousel.jcarousel-container {
  padding: 1px;
  background: #f7fcfe;
  border-left: 1px solid #c8e8fb;
  border-right: 1px solid #c8e8fb;
  overflow: hidden;
}

.carousel .carousel-prev {
  position: absolute;
  top: 1px;
  left: 1px;
  float: left;
  width: 14px;
  height: 93px;
  text-indent: 14px;
  line-height: 93px;
  display: block;
  overflow: hidden;
  background: url(../images/carousel.gif) no-repeat -14px 0;
}

.carousel .carousel-next {
  position: absolute;
  top: 1px;
  right: 1px;
  float: right;
  width: 14px;
  height: 93px;
  text-indent: 14px;
  line-height: 93px;
  display: block;
  overflow: hidden;
  background: url(../images/carousel.gif) no-repeat -42px 0;
}

.carousel .jcarousel-clip-horizontal {
  height: 77px;
  margin: 8px 25px;
}

.carousel .jcarousel-item {
  margin: 0 14px 0 0;
}

/**
 * Craftsman of the Year
 */

/**
 * 2011
 */
.nominate {
  float: right;
  background: url(../images/craftsmanoftheyear/button-nomineer.png);
  width: 245px;
  height: 20px;
  display: block;
  margin: 0 8px 0 0;
  text-align: center;
  font: 12px Arial;
  line-height: 20px;
  color: #fff;
}

a.nominate:hover {
  background: url(../images/craftsmanoftheyear/button-nomineer-hover.png);
  text-decoration: none;
}

.cotybanner {
    margin: 0 0 7px 0;
}

#craftsmanoftheyear {
  background: url(../images/craftsmanoftheyear/craftsmanoftheyear-background.png);
  position: relative;
  height: 99px;
  margin: 0 0 20px 0;
}

#craftsmanoftheyear .person {
  background: url(../images/craftsmanoftheyear/craftsmanoftheyear.png);
  height: 113px;
  width: 108px;
  position: absolute;
  top: -6px;
  left: 2px;
}

#craftsmanoftheyear .title {
  margin: 0 0 0 115px;
  padding: 15px 0 0 0;
  font-weight: normal;
  font-size: 1.667em;
  color: #0068b3;
  text-transform: uppercase;
  font-family: Aachenbold;
}

#craftsmanoftheyear em {
  color: #bf2d1a;
}

#craftsmanoftheyear .subtitle {
  color: #009fef;
  padding: 3px 0 0 0;
  display: block;
  margin: 0 0 0 140px;
}

#craftsmanoftheyear .btn-medium-action {
  float: right;
  margin: 15px 9px 0 0;
}

/**
 * Credits
 */

#credits {
  height: 230px;
}

#credits p {
  margin: 0 0 10px 0;
}

#credits .btn-holder {
  border-top: 1px solid #c3e6fb;
  margin: 20px 0 0 0;
  padding: 10px 0 0 0;
}

/**
 * Rating
 **/

#reference-rating label {
  float: left;
  width: 120px;
}

#reference-rating li {
  overflow: hidden;
}

.reference-rating {
  display: block;
  float: left;
  height: 24px;
  width: 200px;
}

.reference-rating a {
  margin: 0 2px 0 0;
  font-size: 9px;
  text-align: center;
  line-height: 18px;
}

.reference-rating a.active {
  color: #ffffff;
  text-decoration: none;
}

/**
 * FORMS
 */

form hr {
  margin: 15px 0;
}

form .indent {
  padding: 0 0 0 20px;
}

dt {
  margin: 0 5px 0 0;
  font-weight: bold;
  float: left;
}

dt span {
  color: #ff0000;
}

dd {
  margin: 0 0 0 275px;
}

form dd {
  margin: 0 0 8px 275px;
}

form dd.radio_list,
form dd.checkbox_list,
#iframe dd.radio_list,
#iframe dd.checkbox_list {
  margin: 0 0 8px 0;
}

form .radio_list .choice-other,
form .checkbox_list .choice-other {
  margin: 5px 0 0 20px;
  display: none;
}

form dd.radio_list span,
form dd.checkbox_list span {
  font-weight: bold;
}

.code dd {
  margin: 0 0 8px 261px;
}

#primary-sub-column dd {
  margin: 0 0 8px 195px;
}

.fhDefaultValue {
  color: #999999;
}

input[type=text],
input[type=password] {
  width: 268px;
  padding: 3px 5px 0 5px;
  display: block;
  border: 1px solid #999999;
  height: 19px;
  font-family: Arial;
}

input[type=submit]{
  font-family: Arial;
}

textarea {
  height: 110px;
  width: 268px;
  font-family: arial;
  padding: 5px;
}

select {
  width: 280px;
  font-family: arial;
}

input,
select,
textarea {
  font-size: 1em;
}

.pre {
  float: left;
  margin: 0 5px 0 0;
}

input.pre,
.pre ~ input.pre {
  width: 78px;
}

select.pre,
.pre ~ select.pre {
  width: 90px;
}

.pre ~ input {
  width: 173px;
}

.pre ~ select {
  width: 193px;
}

input.post {
  float: left;
  width: 153px;
  margin: 0 5px 0 0;
}

select.post {
  float: left;
  width: 173px;
  margin: 0 5px 0 0;
}

.post ~ input {
  width: 98px;
}

.post ~ select {
  width: 118px;
}

input.post ~ input.post,
input.post ~ select.post {
  width: 50px;
}

select.post ~ input.post,
select.post ~ select.post {
  width: 60px;
}

input.post ~ input.post ~ input,
select.post ~ input.post ~ input {
  width: 30px;
}

input.post ~ select.post ~ select,
select.post ~ select.post ~ select {
  width: 40px;
}

input.date {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 78px;
}

input.smallest,
#filters input[type=text],
textarea.smallest,
#filters textarea {
  width: 138px;
}

select.smallest,
#filters select {
  width: 150px;
}

#filters select#distance {
  width: 82px;
}

#filters dl.date dt {
  display: block;
  float: none;
}

#filters dl.date dd {
  display: block;
  margin: 0 0 8px 0;
}


#filters dl.date dd input {
  width: 112px;
}

#filters input.date {
  width: 77px;
}

#filters .offer span {
  float: left;
  line-height: 28px;
  display: block;
}

#filters input.price {
  width: 48px;
  margin: 3px 2px 0 2px;
  float: left;
}

.dp-choose-date {
  background: url(../images/icons.gif) no-repeat 0 -120px;
  width: 20px;
  height: 20px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-indent: 20px;
  line-height: 20px;
  overflow: hidden;
  vertical-align: middle;
  margin: 0 0 0 5px;
}

input.small,
textarea.small {
  width: 148px;
}

select.small {
  width: 158px;
}

input.full,
textarea.full {
  width: 530px;
}

select.full {
  width: 540px;
}

/**
 * ICONS
 */

[class|=icon] {
  background: url(../images/icons.gif) no-repeat 0 0;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  padding: 0 0 0 25px;
}

.icon-reactions {
}

.icon-region {
  background-position: 0 -20px;
}

.icon-categories {
  background-position: 0 -40px;
}

.icon-company-guide {
  background-position: 0 -60px;
}

.icon-help {
  background-position: 0 -80px;
  width: 20px;
  text-indent: 20px;
  line-height: 24px;
  overflow: hidden;
  float: right;
  padding: 0;
}

/**
 * BUTTONS
 */

 /*
  * NEW STYLES
  */

.btn-primary {
  cursor: pointer;
  color: #ffffff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  padding: 5px 10px;

  border: 1px solid #57691c;
  background: #95b631;

    border-radius: 3px;

    background-image: -moz-linear-gradient(top, #acd138, #84a12c);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#acd138), to(#84a12c));
    background-image: -o-linear-gradient(top, #acd138, #84a12c);
    background-image: linear-gradient(top, #acd138, #84a12c);

    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.btn-primary:hover {
  text-decoration: none;
  background: #819d2a;

    background-image: -moz-linear-gradient(top, #92b231, #708825);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#92b231), to(#708825));
    background-image: -o-linear-gradient(top, #92b231, #708825);
    background-image: linear-gradient(top, #92b231, #708825);
}

.btn-primary span {
  font-size: 1.25em;
  display: block;
}

.btn-secondary {
  cursor: pointer;
  color: #165ea6;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-weight: bold;
  font-size: 14px;

  line-height: 28px;
  text-align: center;
  padding: 0px 10px;

  border: 1px solid #cccccc;
  border-color: #cccccc #cccccc #999999 #cccccc;
  background: #c2c2c2;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    background-image: -moz-linear-gradient(top, #fefefe, #c2c2c2);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fefefe), to(#c2c2c2));
    background-image: -o-linear-gradient(top, #fefefe, #c2c2c2);
    background-image: linear-gradient(top, #fefefe, #c2c2c2);

    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;

}

.btn-secondary:hover {
  text-decoration: none;
  background: #999999;

    background-image: -moz-linear-gradient(top, #dddddd, #999999);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#dddddd), to(#999999));
    background-image: -o-linear-gradient(top, #dddddd, #999999);
    background-image: linear-gradient(top, #dddddd, #999999);
}

/*
 * OLD STYLES (WILL BE DEPRECATED)
 */

.btn {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-decoration: none;
}

.btn-small {
  background: url(../images/btn.png) left -1200px;
  display: inline-block;
  font-size: 0.833em;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-decoration: none;
}

.btn-small.inactive,
.btn-small.inactive:hover{
  background: url(../images/btn.png) left -1260px;
  color: #c3e6fb;
}

.btn-small.inactive span {
  background: url(../images/btn.png) right -1260px;
  color: #c3e6fb;
  display: inline-block;
  cursor: default;
}

.btn-small.inactive span:hover {
  text-decoration: none;
}

.btn-small:hover {
  text-decoration: none;
}

.btn-small span {
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
  background: url(../images/btn.png) right -1200px;
  padding: 0 6px 0 4px;
  margin: 0 0 0 2px;
}

.btn-small span:hover {
  text-decoration: underline;
}

.btn-small-call {
  position: relative;
  color: #0052a1;
  font-weight: bold;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  text-decoration: none;
}

.btn-small-call:before {
  position: absolute;
  content: '';
  width: 7px;
  height: 11px;
  text-indent: 7px;
  line-height: 11px;
  top: 5px;
  left: -12px;
  background: url(../images/btn-icons.png) 0 -373px no-repeat;
}

.btn-small-mail {
  background: url(../images/btn.png) left -1240px;
  display: inline-block;
  height: 20px;
  color: #ffffff;
  line-height: 20px;
  overflow: hidden;
  text-decoration: none;
}

.btn-small-mail span {
  display: inline-block;
  cursor: pointer;
  background: url(../images/btn.png) right -1240px;
  padding: 0 6px 0 4px;
  margin: 0 0 0 2px;
}

.btn-small-showall {
  background: url(../images/btn.png) left -1260px;
  display: inline-block;
  font-size: 0.833em;
  height: 20px;
  color: #c3e6fb;
  line-height: 20px;
  overflow: hidden;
  text-decoration: none;
}

.btn-small-showall span {
  background: url(../images/btn.png) right -1260px;
  display: inline-block;
  cursor: default;
  padding: 0 6px 0 4px;
  margin: 0 0 0 2px;
}

.btn-small em {
  padding: 0 0 0 10px;
  display: block;
  margin: 0 0 0 5px;
  font-style: normal;
}

.btn-small .accept {
  background: url(../images/btn-icons.png) 0 -267px  no-repeat;
}

.btn-small .remove {
  background: url(../images/btn-icons.png) 0 -287px no-repeat;
  color: #bf2d1a;
}

.btn-medium {
  background: url(../images/btn.png) left -1374px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  text-decoration: none;
}
.btn-medium:hover {
  text-decoration: none;
}

.btn-medium span {
  display: inline-block;
  cursor: pointer;
  background: url(../images/btn.png) right -1374px;
  padding: 0 6px 0 4px;
  color: #009fef;
  margin: 0 0 0 2px;
}

.btn-medium span:hover {
  text-decoration: underline;
}

.btn-medium em,
.btn em {
  padding: 0 0 0 14px;
  display: block;
  margin: 0 0 0 5px;
  font-style: normal;
}

.btn-medium .edit,
.btn .edit {
  background: url(../images/btn-icons.png) 0 -71px  no-repeat;
}

.btn-medium .stop {
  background: url(../images/btn-icons.png) 0 -95px  no-repeat;
}

.btn-medium.tender-publish em {
  background: url(../images/btn-icons.png) 0 -345px  no-repeat;
}

.btn-medium .accept {
  background: url(../images/btn-icons.png) 0 -119px  no-repeat;
}

.btn-medium .remove {
  background: url(../images/btn-icons.png) 0 -143px  no-repeat;
}

.btn-medium .reference {
  background: url(../images/btn-icons.png) 0 -167px  no-repeat;
}

.btn-medium .bid {
  background: url(../images/btn-icons.png) 0 -191px no-repeat;
}

.btn-medium .calculate {
  background: url(../images/btn-icons.png) 0 -215px  no-repeat;
}

.btn-medium .pm {
  background: url(../images/btn-icons.png) 0 -239px  no-repeat;
}

.btn-medium-default {
  background: url(../images/btn.png) left -1104px no-repeat;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}

.btn-medium-default:hover {
  background: url(../images/btn.png) left -1128px no-repeat;
  text-decoration: none;
}

.btn-medium-default span {
  background: url(../images/btn.png) right -1104px no-repeat;
  color: #0052a1;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 10px 0 8px;
  margin: 0 0 0 2px;
  text-decoration: none;
}

.btn-medium-default:hover span {
  background: url(../images/btn.png) right -1128px no-repeat;
  text-decoration: none;
}

.btn-medium-action {
  background: url(../images/btn.png) left -1008px no-repeat;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}

.btn-medium-action:hover {
  background: url(../images/btn.png) left -1032px no-repeat;
  text-decoration: none;
}

.btn-medium-action span {
  background: url(../images/btn.png) right -1008px no-repeat;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 10px 0 8px;
  margin: 0 0 0 2px;
  text-decoration: none;
}

.btn-medium-action:hover span {
  background: url(../images/btn.png) right -1032px no-repeat;
  text-decoration: none;
}

.btn-medium-confirm {
  background: url(../images/btn.png) left -1056px no-repeat;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}

.btn-medium-confirm:hover {
  background: url(../images/btn.png) left -1080px no-repeat;
  text-decoration: none;
}

.btn-medium-confirm span {
  background: url(../images/btn.png) right -1056px no-repeat;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 10px 0 8px;
  margin: 0 0 0 2px;
  text-decoration: none;
}

.btn-medium-confirm:hover span {
  background: url(../images/btn.png) right -1080px no-repeat;
  text-decoration: none;
}

.btn-medium-cancel {
  background: url(../images/btn.png) left -1152px no-repeat;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}

.btn-medium-cancel:hover {
  background: url(../images/btn.png) left -1176px no-repeat;
  text-decoration: none;
}

.btn-medium-cancel span {
  background: url(../images/btn.png) right -1152px no-repeat;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 10px 0 8px;
  margin: 0 0 0 2px;
  text-decoration: none;
}

.btn-medium-cancel:hover span {
  background: url(../images/btn.png) right -1176px no-repeat;
  text-decoration: none;
}

.btn-large-default {
  background: url(../images/btn.png) left -728px no-repeat;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}

.btn-large-default:hover {
  background: url(../images/btn.png) left -756px no-repeat;
  text-decoration: none;
}

.btn-large-default span {
  background: url(../images/btn.png) right -728px no-repeat;
  color: #0052a1;
  cursor: pointer;
  display: inline-block;
  height: 28px;
  font-size: 1.25em;
  line-height: 28px;
  padding: 0 10px 0 8px;
  margin: 0 0 0 2px;
  text-decoration: none;
}

.btn-large-default:hover span {
  background: url(../images/btn.png) right -756px no-repeat;
  text-decoration: none;
}

.btn-large-action {
  background: url(../images/btn.png) left -616px no-repeat;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}

.btn-large-action:hover {
  background: url(../images/btn.png) left -644px no-repeat;
  text-decoration: none;
}

.btn-large-action span {
  background: url(../images/btn.png) right -616px no-repeat;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  height: 28px;
  font-size: 1.25em;
  line-height: 28px;
  padding: 0 10px 0 8px;
  margin: 0 0 0 2px;
  text-decoration: none;
}

.btn-large-action:hover span {
  background: url(../images/btn.png) right -644px no-repeat;
  text-decoration: none;
}

.btn-large-confirm {
  background: url(../images/btn.png) left -672px no-repeat;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}

.btn-large-confirm:hover {
  background: url(../images/btn.png) left -700px no-repeat;
  text-decoration: none;
}

.btn-large-confirm span {
  background: url(../images/btn.png) right -672px no-repeat;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  height: 28px;
  font-size: 1.25em;
  line-height: 28px;
  padding: 0 10px 0 8px;
  margin: 0 0 0 2px;
  text-decoration: none;
}

.btn-large-confirm:hover span {
  background: url(../images/btn.png) right -700px no-repeat;
  text-decoration: none;
}

.btn-large-cancel {
  background: url(../images/btn.png) left -784px no-repeat;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}

.btn-large-cancel:hover {
  background: url(../images/btn.png) left -812px no-repeat;
  text-decoration: none;
}

#iframe .btn-large-cancel {
  float: right;
}

.btn-large-cancel span {
  background: url(../images/btn.png) right -784px no-repeat;
  color: #ffffff;
  cursor: pointer;
  font-size: 1.25em;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 10px 0 8px;
  margin: 0 0 0 2px;
  text-decoration: none;
}

.btn-large-cancel:hover span {
  background: url(../images/btn.png) right -812px no-repeat;
  text-decoration: none;
}

.btn-large-previous {
  background: url(../images/btn.png) 0 -840px no-repeat;
  color: #ffffff;
  font-size: 1.25em;
  display: inline-block;
  float: left;
  height: 28px;
  line-height: 28px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  width: 180px;
}

.btn-large-previous:hover {
  background: url(../images/btn.png) 0 -868px no-repeat;
  text-decoration: none;
}

.btn-extralarge {
  background: url(../images/btn.png) left -1280px no-repeat;
  display: inline-block;
}

.btn-extralarge span {
  background: url(../images/btn.png) right -1280px no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0 10px 0 8px;
  margin: 0 0 0 2px;
}

.btn-extralarge em {
  padding: 0 0 0 20px;
  display: block;
  margin: 0 0 0 5px;
  font-style: normal;
}

.btn-extralarge:hover {
  text-decoration: none;
}

.btn-extralarge:hover span {
  text-decoration: underline;
}

.btn-extralarge .craftsman {
  background: url(../images/btn-icons.png) 5px 10px no-repeat;
}

.btn-extralarge .consumer {
  background: url(../images/btn-icons.png) 5px -28px no-repeat;
}

.btn-input-default {
  background: url(../images/btn.png) 0 -112px no-repeat;
  border: none;
  cursor: pointer;
  color: #0052a1;
  font-weight: bold;
  font-size: 1.25em;
  font-family: arial;
  height: 28px;
  line-height: 24px;
  width: 180px;
}

.btn-input-default:hover {
  background: url(../images/btn.png) 0 -140px no-repeat;
}

.btn-input-action {
  background: url(../images/btn.png) 0 0 no-repeat;
  border: none;
  cursor: pointer;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.25em;
  font-family: arial;
  height: 28px;
  line-height: 24px;
  width: 180px;
}

.btn-input-action:hover {
  background: url(../images/btn.png) 0 -28px no-repeat;
}

.btn-input-confirm {
  background: url(../images/btn.png) 0 -56px no-repeat;
  border: none;
  cursor: pointer;
  color: #ffffff;
  font-weight: bold;
  font-family: arial;
  font-size: 1.25em;

  height: 28px;
  line-height: 24px;
  width: 180px;
}

.btn-input-confirm:hover {
  background: url(../images/btn.png) 0 -84px no-repeat;
}

.btn-input-medium-confirm {
  background: url(../images/btn.png) left -364px no-repeat;
  border: none;
  cursor: pointer;
  color: #ffffff;
  font-weight: bold;
  font-family: arial;
  font-size: 1.25em;
  height: 28px;
  line-height: 24px;
  width: 64px;
}

.btn-input-medium-confirm:hover {
  background: url(../images/btn.png) -64px -364px no-repeat;
}

#iframe .btn-input-confirm {
  float: right;
}

.btn-input-cancel {
  background: url(../images/btn.png) 0 -168px no-repeat;
  border: none;
  cursor: pointer;
  color: #ffffff;
  font-weight: bold;
  font-family: arial;
  font-size: 1.25em;
  height: 28px;
  line-height: 24px;
  width: 180px;
}

.btn-input-cancel:hover {
  background: url(../images/btn.png) 0 -196px no-repeat;
}

#filters .btn-input-filter {
  background: url(../images/btn.png) 0 -224px no-repeat;
  height: 24px;
  line-height: 24px;
  width: 150px;
  border: none;
  color: #ffffff;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
}

#filters .btn-input-filter:hover {
  background: url(../images/btn.png) 0 -248px no-repeat;
}

.btn-input-tertiary {
  background: url(../images/btn.png) 0 -448px no-repeat;
  height: 24px;
  line-height: 16px;
  width: 160px;
  color: #0052a1;
  border: none;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
}

.btn-input-tertiary:hover {
  background: url(../images/btn.png) 0 -472px no-repeat;
}

.btn-input-nlhome {
  background: url(../images/btn.png) 0 -496px no-repeat;
  height: 24px;
  width: 82px;
  color: #0052a1;
  border: none;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
}

.btn-input-nlhome:hover {
  background: url(../images/btn.png) -82px -496px no-repeat;
}

.btn-input-login {
  background: url(../images/btn.png) 0 -292px no-repeat;
  color: #ffffff;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  width: 72px;
  border: none;
  cursor: pointer;
}

.btn-input-login:hover {
  background: url(../images/btn.png) -72px -292px no-repeat;
}

.btn-input-small-remove {
  background: url(../images/btn.png) 0 -272px no-repeat;
  color: #bf2d1a;
  height: 20px;
  line-height: 20px;
  width: 80px;
  border: none;
  font-size: 0.833em;
  padding: 0 0 0 14px;
  cursor: pointer;
}

.btn-input-small-remove:hover {
  text-decoration: underline;
}

.btn-input-small-action {
  background: url(../images/btn.png) 0 -316px no-repeat;
  color: #ffffff;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  border: none;
  font-weight: bold;
  width: 78px;
}

.btn-input-small-confirm-send {
  background: url(../images/btn.png) 0 -292px no-repeat;
  color: #ffffff;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  border: none;
  font-weight: bold;
  width: 72px;
}

.btn-input-small-confirm-send:hover {
  background: url(../images/btn.png) -72px -292px no-repeat;
}

.btn-input-next {
  background: url(../images/btn.png) 0 -392px no-repeat;
  color: #ffffff;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  border: none;
  font-size: 1.25em;
  font-weight: bold;
  width: 180px;
}

.btn-input-next:hover {
  background: url(../images/btn.png) 0 -420px no-repeat;
}

.btn-input-small-action:hover {
  background: url(../images/btn.png) 0 -340px no-repeat;
}

.btn-input-small-confirm {
  background: url(../images/btn.png) 0 -364px no-repeat;
  height: 28px;
  width: 64px;
  font-size: 1.25em;
  cursor: pointer;
  color: #ffffff;
  font-weight: bold;
  border: none;
}

.btn-input-small-confirm:hover {
  background: url(../images/btn.png) -64px -364px no-repeat;
}

.button-large-green {
  color: #ffffff;
  display: block;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 18px;
  text-align: center;
  padding: 5px 0;
  width: 180px;
  background: #97b831;
  border: 1px solid #6e8523;

    border-radius: 3px;

    background-image: -moz-linear-gradient(top, #acd138, #829e2a);
    background-image: -ms-linear-gradient(top, #acd138, #829e2a);
    background-image: -webkit-linear-gradient(top, #acd138, #829e2a);
    background-image: linear-gradient(top, #acd138, #829e2a);
}

.button-large-green:hover {
  text-decoration: none;

    background-image: -moz-linear-gradient(top, #93b200, #728900);
    background-image: -ms-linear-gradient(top, #93b200, #728900);
    background-image: -webkit-linear-gradient(top, #93b200, #728900);
    background-image: linear-gradient(top, #93b200, #728900);
}

.button-large-prev,
.button-large-next {
  background: url(../images/btn.png) left -616px no-repeat;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}

.button-large-prev span,
.button-large-next span {
  background: url(../images/btn.png) right -616px no-repeat;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  height: 28px;
  font-size: 1.25em;
  line-height: 28px;
  padding: 0 10px 0 8px;
  margin: 0 0 0 3px;
  text-decoration: none;
}

.button-large-prev:hover,
.button-large-next:hover {
  background: url(../images/btn.png) 0 -644px no-repeat;
  text-decoration: none;
}

.button-large-prev:hover span,
.button-large-next:hover span {
  background: url(../images/btn.png) right -644px no-repeat;
  text-decoration: none;
}

.navigator .button-large-next {
  float: right;
}

/**
 * POPUP
 * IFRAME
 */

#iframe,
#fancybox-frame {
  padding: 0;
  background: #e5f3fd;
  overflow: hidden;
}

#iframe label {
  line-height: 16px;
}

#iframe p {
  line-height: 16px;
}

#iframe p.gzPrettyForms-select-option {
  line-height: 20px;
}

#iframe hr {
  margin: 10px 0;
}

#iframe .intro {
  margin: 20px 0;
}

#iframe h2 {
  line-height: 30px;
}

#iframe .content {
  margin: 20px 20px 10px 20px;
}

#iframe .btn-primary {
  float: right;
}

#iframe .actions {
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #bfe2f9;
}

#iframe form {
  padding: 10px;
}

#iframe dd {
  margin: 0 0 8px 260px;
}

#craftsman-place-bid .order-title {
  font-size: 1.25em;
  padding: 10px 0 15px 0;
}

#craftsman-place-bid dd {
  margin: 0 0 8px 310px;
}

#craftsman-place-bid #quotation_amount_number {
  margin: 0 5px;
  width: 70px;
}

#craftsman-place-bid #quotation_amount_decimal {
  margin: 0 5px;
  width: 36px;
}

#craftsman-place-bid #garantee-bid span {
  font-size: 0.833em;
  line-height: 24px;
  float: left;
}

#craftsman-place-bid #garantee-bid span.title {
  font-size: 1em;
  padding: 0 15px 0 0;
  font-weight: bold;
}

#craftsman-place-bid .narrow {
  float: left;
  width: 340px;
}

#craftsman-place-bid .videoholder {
  float: right;
  text-align: center;
  width: 180px;
}

#craftsman-place-bid .video-teaser {
  background: url(../images/video-teaser.png);
  border: 1px solid #badff9;
  display: block;
  height: 101px;
  width: 178px;
  margin: 0 0 5px 0;
}

#craftsman-place-bid .video-teaser-link {
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
}

#craftsman-place-bid ul {
  list-style: disc;
  padding: 0 0 10px 15px;
}

#craftsman-place-bid ul li {
  line-height: 16px;
  padding: 0;
  font-size: 0.833em;
}

#craftsman-place-bid .btn-holder {
  overflow: hidden;
}

#iframe .btn-holder .btn-input-small-confirm {
  float: right;
}

#craftsman-place-bid .btn-holder .bid-approve {
  float: left;
  font-weight: bold;
}

#craftsman-place-bid .current-bid {
  border-top: 1px solid #badff9;
  line-height: 52px;
  height: 52px;
  border-bottom: 1px solid #badff9;
  margin: 20px 0 10px 0;
}

#craftsman-place-bid .current-bid span {
  font-size: 0.833em;
}

#craftsman-place-bid .current-bid span.bid-amount {
  font-size: 1.25em;
  color: #0068b3;
  padding: 0 5px;
  font-weight: bold;
}

#craftsman-place-bid .current-bid span.title {
  font-size: 1.25em;
  font-weight: bold;
}

#iframe .info {
  margin: 20px 0;
  border: 1px solid #badff9;
  padding: 20px 0;
  text-align: center;
  font-weight: bold;
  border-left: none;
  border-right: none;
  font-size: 1.25em;
}

#iframe .info strong {
  color: #bf2d1a;
}

#iframe #tell-a-friend #multi-input li {
  overflow: hidden;
  padding: 10px;
}

#iframe #tell-a-friend #multi-input li input {
  margin: 0 8px 0 0;
  float: left;
}

#iframe #tell-a-friend #multi-input li input + input {
  margin: 0;
  float: left;
}

#iframe #garantee-bid {
  border: 1px solid #badff9;
  background: #f6fbfe;
  padding: 10px;
  overflow: hidden;
  margin: 30px 0;
}

#iframe #multi-input li {
  border: 1px solid #badff9;
  background: #f6fbfe;
  padding: 10px 5px;
  margin: 5px 0;
}

#iframe #multi-input input {
  width: 243px;
  margin: 0 3px;
}

#iframe .btn-holder,
#iframe .popup-btn-holder {
  text-align: right;
  overflow: hidden;
}

#iframe .btn-holder .btn-large-confirm,
#iframe .popup-btn-holder .btn-large-confirm {
  float: right;
}

#iframe .btn-holder .btn-large-cancel,
#iframe .popup-btn-holder .btn-large-cancel {
  float: right;
}

#iframe .btn-holder a,
#iframe .btn-holder input,
#iframe .popup-btn-holder a,
#iframe .popup-btn-holder input {
  margin: 0 0 0 5px;
}

#iframe .contact-check {
  line-height: 30px;
}

#iframe .contact-check label {
  line-height: 20px;
}

/*
 * Truncated text
 */

.truncated-full-text {
  display: none;
}

.hidden {
  display: none;
}

/**
 * Reference popup
 */

.ref-popup {
  margin: 0;
  padding: 0;
}

.ref-popup li {
  background: #ffffff;
  overflow: hidden;
  display: block;
  border-top: 1px solid #c3e6fb;
  line-height: 24px;
}

.ref-popup li:first-child {
  border: none;
}

.ref-popup span.references-count {
  color: #bf2e1a;
}

.ref-popup span.value {
  float: right;
  color: #bf2e1a;
  font-weight: bold;
}

.inline {
  display: inline !important;
}

.file-options {
  font-size: 10px;
  color: #999999;
}

/**
 * Cooperation
 */

#cooperation .all-connections {
  margin: 10px 0;
}

#cooperation .all-connections span {
  padding: 0 27px 0 26px;
}

#cooperation .subheader {
  background: #e5f3fd;
  padding: 0 0 0 10px;
}

#cooperation .form-list li {
  padding: 9px;
  font-size: 10px;
}

#cooperation .order-sort .category {
  width: 59px;
}

#cooperation .order-sort .name {
  width: 280px;
  margin: 0 1px 0 0;
}

#cooperation .order-sort .grade {
  width: 62px;
}

#cooperation .order-sort .location {
  width: 156px;
  margin: 0;
}

.coop-list li {
  background: #f6fbfe;
  border: 1px solid #bfe2f9;
  margin: 0 0 10px 0;
}

.coop-list .category {
  width: 69px;
  border-right: 1px solid #bfe2f9;
  vertical-align: middle;
  text-align: center;
  padding: 9px 0;
}

.coop-list .name {
  width: 275px;
  border-right: 1px solid #bfe2f9;
  font-weight: bold;
  padding: 0 0 0 15px;
  vertical-align: middle;
}

.coop-list .grade {
  width: 72px;
  border-right: 1px solid #bfe2f9;
  text-align: center;
  vertical-align: middle;
  padding: 9px 0;
}

.coop-list .location {
  padding: 0 0 0 9px;
  width: 157px;
  font-weight: bold;
  font-size: 10px;
  vertical-align: middle;
  margin: 0;
}

.coop-list .bottom {
  border-top: 1px solid #bfe2f9;
  background: #cfe9fb;
}

.coop-list .bottom .notice {
  font-style: italic;
  float: left;
  display: block;
  padding: 9px;
  line-height: 20px;
  font-size: 10px;
}

#results .coop-list .btn-small {
  float: right;
  margin: 9px 9px 9px 0;
}

.coop-list .delete {
  background: url(../images/icons/fileuploader-remove.png);
  height: 14px;
  width: 14px;
  display: block;
  float: right;
  margin: 0 9px 0 0;
}

.coop-highlight li {
  background: #f7fcff;
  border-top: 1px solid #c7e8fb;
  height: 48px;
}

.coop-highlight li .category {
  width: 53px;
  height: 42px;
  padding: 6px 0 0 0;
  float: left;
  text-align: center;
}

.coop-highlight li .name {
  line-height: 48px;
  border-left: 1px solid #c7e8fb;
  border-right: 1px solid #c7e8fb;
  float: left;
  font-weight: bold;
  padding: 0 0 0 9px;
  width: 243px;
}

.coop-highlight li .grade {
  height: 38px;
  padding: 10px 0 0 18px;
  float: left;
}

.coop-footer {
  background: #f7fcff;
  border-top: 1px solid #c7e8fb;
  text-align: center;
  line-height: 24px;
  padding: 12px 0;
  font-weight: bold;
  cursor: pointer;
}

.coop .content p {
  font-weight: bold;
}

.coop .content a {
  font-weight: normal;
}

.learn-more-coop {
  font-weight: bold;
  padding: 10px 0 0 0;
}

.learn-more-coop a {
  font-weight: normal;
}

/**
 * HREVIEW-AGRGREGATE
 */

.hreview-aggregate .rating,
.hreview-aggregate .votes,
.hreview-aggregate .count {
  display: none;
}

.fn span {
  color: #000000;
}

#recommended a.info {
  background: url(../images/icons.gif) no-repeat 0 0;
  background-position: 0 -80px;
  top: 23px;
  left: 245px;
  height: 20px;
  width: 20px;
  text-indent: 20px;
  line-height: 24px;
  overflow: hidden;
  float: right;
  display: inline-block;
  padding: 0;
}

#recommended .qtip-wrapper {
  position: relative;
  float: right;
}

/**
 * COMPARE CRAFTSMEN
 */

#compare-craftsmen {
  margin-top: 17px;
  width: 900px;
}

#compare-craftsmen td {
  border-bottom: 1px solid #368ecb;
  border-right: 1px solid #368ecb;
  vertical-align: top;
  padding: 9px;
  width: 25%;
}

#compare-craftsmen .companyname {
  background-color: #368ecb !important;
  color: #FFF !important;
}

#compare-craftsmen .companyname strong {
  cursor: pointer;
}

#compare-craftsmen .delete {
  border: 0;
  text-align: center;
}

#compare-craftsmen td.contact {
  border-top: 1px solid #368ecb;
}

#compare-craftsmen .label {
  text-align: left;
  border-bottom: none;
}

#compare-craftsmen td.odd {
  padding: 20px 0 9px 0;
  border: 0;
}

#compare-craftsmen .compare-mail td {
  border: none;
}

#compare-craftsmen .profile-status {
  margin: 0;
}

#compare-craftsmen .compare-info {
  background: url(../images/consumer-teaser-info.png) 0 0 no-repeat;
  height: 22px;
  width: 22px;
  text-indent: -9999em;
  overflow: hidden;
  float: left;
  display: block;
}

#compare-craftsmen .iefix {
  line-height: 22px;
  display: block;
  margin: 0 5px 0 0;
  float: left;
}

ul#conversations .compare,
.compare-header,
.claim-overview #orders .compare,
.quotation-overview #orders .compare {
  width: 32px;
  vertical-align: middle;
}

ul#conversations .compare label,
.claim-overview .compare label,
.quotation-overview .compare label {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.create-order-social {
  margin: 0 0 20px 0;
  overflow: hidden;
}

.create-order-social .header {
  background: url(../images/main-sub-column-bullet.png) left center no-repeat;
  font-family: 'Aachenbold';
  display: block;
  font-weight: normal;
  clear: both;
  margin: 10px 0 0 0;
  font-size: 1.667em;
  color: #0068B3;
  padding: 0 0 0 22px;
  line-height: 34px;
  height: 34px;
}

.create-order-social > div {
  background: #f7fcfe;
  border: 1px solid #c8e8fb;
  height: 127px;
  width: 250px;
  float: left;
  position: relative;
  padding: 9px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.create-order-social .twitter {
  float: right;
}

.create-order-social div a {
  position: absolute;
  bottom: 9px;
  left: 9px;
  height: 22px;
  text-indent: -9999em;
  display: block;
  overflow: hidden;
  width: 250px;
}

.create-order-social .facebook a {
  background: url(../images/create-order-buttons.png) 0 -22px no-repeat;
}

.create-order-social .twitter a {
  background: url(../images/create-order-buttons.png) 0 0 no-repeat;
}

#social-login {
  position: relative;
  top: 10px;
  margin: 0 auto;
  width: 22px;
  text-align: center;
  float: right;
}

dl.social-connect img {
  vertical-align: middle;
  margin: 0 8px 8px 0;
}

dl.social-connect a,
dl.social-connect img {
  padding: 0;
  display: inline;
}

dl.social-connect .info {
  background: url(../images/consumer-teaser-info.png) no-repeat;
  height: 22px;
  width: 22px;
  float: right;
  display: block;
  float: right;
  line-height: 0;
  overflow: hidden;
  text-indent: -100px;
}

div.social-popup {
  background-color: #FFF;
}

#login-page {
  padding: 10px 0 0 0;
  overflow: hidden;
}

#login-page .column.secondary {
  float: right;
  width: 460px;
}

#login-page .column.primary {
  float: left;
}

#login-page .login {
  border: 1px solid #badffa;
  background: #e9f6fe;
  position: relative;
  padding: 0 9px 19px 9px;
  overflow: hidden;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

#login-page .login .subheader {
  border-bottom: none;
  margin: 0 0 10px 0;
  clear: both;
  padding: 3px 0 0 0;
}

#login-page .login dd {
  margin: 0 0 8px 180px;
}

#login-page .btn-input-confirm  {
  margin: 0 0 10px 0;
}

#login-page .intro {
  clear: both;
  font-weight: bold;
  padding: 20px 0 0 0;
  margin: 0 0 10px 0;
  border-top: 1px solid #bfe2f9;
}

#login-page .social-login li {
  float: left;
  margin: 0 9px 0 0;
}

#login-page .social-login a {
  display: block;
  height: 25px;
  width: 160px;
  overflow: hidden;
  text-indent: -9999em;
}

#login-page .social-login .facebook {
  background: url(../../wsFacebookPlugin/images/social-connect.png) 0 0 no-repeat;
}

#login-page .social-login .twitter {
  background: url(../../wsFacebookPlugin/images/social-connect.png) 0 -25px no-repeat;
}

#login-page .title {
  font-family: Aachenbold;
  margin: 0 0 10px 0;
  font-size: 1.7em;
  color: #bf2d1a;
}

#login-page ol {
  margin: 0 0 10px 0;
}

#login-page ol li {
  font-size: 1.7em;
  margin: 0 0 0 24px;
  line-height: 24px;
  font-family: Aachenbold;
  font-weight: normal;
  color: #009fef;
  list-style: decimal;
}

#login-page ol li p {
  color: #0068b3;
}

#login-page .btn-large-confirm span {
  width: 162px;
  text-align: center;
}

#login-page .signup {
  overflow: hidden;
}

#login-page .signup li {
  float: left;
  width: 226px;
}

#login-page .signup li p {
  font-weight: bold;
  margin: 0 0 10px 0;
}

#login-page .signup .btn-large-action span {
  width: 180px;
  text-align: center;
}

#login-page .content {
  margin: 0 0 21px 0;
}

.social-share {
  margin: 0 0 20px 0;
}

/**
 * CONSUMER-STEPS
 */

.consumer-step1 .create-order-social .header {
  margin: 0;
}

.consumer-step1 .create-order-social .twitter {
  float: left;
  margin: 0 0 0 20px;
}

.consumer-step2 #steps {
  margin: 0 0 20px 0;
}

.consumer-step1 #steps a,
.consumer-step2 #steps a {
  color: #92ccf2;
}

.consumer-step1 #steps .active a,
.consumer-step2 #steps .active a {
  color: #0068b3;
}

.consumer-step1 dt,
.consumer-step2 dt {
  width: 270px;
}

.consumer-step1 .title,
.consumer-step2 .title {
  background: url(../images/main-sub-column-bullet.png) left center no-repeat;
  font-family: 'Aachenbold';
  display: block;
  font-weight: normal;
  clear: both;
  margin: 0;
  font-size: 1.667em;
  color: #0068B3;
  padding: 0 0 0 22px;
  line-height: 34px;
  height: 34px;
}

.consumer-step1 .title span,
.consumer-step2 .title span {
  font-family: arial, helvetica, sans-serif;
  font-size: 0.5em;
  font-weight: bold;
}

.consumer-step1 input[type=submit],
.consumer-step2 input[type=submit] {
  float: right;
}

.consumer-step1 .step-footer,
.consumer-step2 .step-footer {
  border-top: 1px solid #c3e6fb;
  padding: 20px 0 0 0;
  margin: 20px 0 0 0;
  clear: both;
  overflow: hidden;
}

.consumer-step1 .subheader,
.consumer-step2 .subheader {
  clear: both;
}

.consumer-step2 dt.checkbox-odd {
  float: left;
  margin: 0 0 8px 0;
}

.consumer-step2 dd.checkbox-odd {
  overflow: hidden;
  width: 502px;
  margin: 0 0 14px 0;
}

.consumer-step2 dd.checkbox-odd li {
  width: 250px;
  margin: 0 0 4px 0;
  float: left;
}

.expense-note {
  margin: 0 0 0 10px;
  color: #999999;
  font-size: 0.833em;

  font-weight: normal;
  display: block;
  margin: 0 -5px 10px 0;

}

/**
 * TENDER
 */

#tender-popup hr {
  margin: 26px 0 10px 0;
}

#tender-popup  .gzPrettyForms-select {
  margin: 0 0 14px 0;
}

#tender-popup input[type=submit] {
  float: none;
}

.tender-notice {
  background: url(../images/1on1order.png);
  float: right;
  height: 27px;
  width: 30px;
}

/*
 * WYSIWYG
 */

.wysiwyg p {
  margin: 0 0 10px 0;
}

.wysiwyg .title {
  color: #a41e1d;
  margin: 0 0 20px 0;
}

.wysiwyg img.right {
  float: right;
  margin: 0 0 0 20px;
}

#category-inspiration .header {
  background: url(../images/main-sub-column-bullet.png) left center no-repeat;
  font-family: 'Aachenbold';
  display: block;
  font-weight: normal;
  clear: both;
  margin: 10px 0 0 0;
  font-size: 1.667em;
  color: #0068B3;
  padding: 0 0 0 22px;
  line-height: 34px;
  height: 34px;
}

#category-inspiration .imageholder {
  margin: 0;
  display: block;
  position: relative;
  width: 123px;
  height: 123px;
  border: 1px solid #badff9;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  z-index: 1;
}

.consumer-step1 #category-inspiration .imageholder {
  width: 178px;
  height: 178px;
}

#category-inspiration ul {
  margin: 0 0 20px -20px;
  overflow: hidden;
}

#category-inspiration li {
  margin: 0 0 0 20px;
  float: left;
}

#category-inspiration .subtitle {
  display: block;
  margin: -12px 10px 0 10px;
  height: 22px;
  line-height: 22px;
  position: relative;
  z-index: 2;
  text-align: center;
  border: 1px solid #a4cce5;

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffd5e8f5);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(213,232,245)));
    background-image: -moz-linear-gradient(center top, rgb(255,255,255) 0%, rgb(213,232,245) 100%);

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#category-inspiration li a {
  color: #0068b3;
}

#category-inspiration li a:hover {
  text-decoration: none;
}

/**
 * ASSISTANCE-MODE
 */

.assistance-mode .slice {
  position: relative;
  z-index: 1;
}

.assistance-mode .slice.active {
  z-index: 2;
}

.assistance-mode .highlight {
  z-index: 2;
}

.assistance-mode .slice .subheader,
.assistance-mode .slice hr,
.assistance-mode .slice dt,
.assistance-mode .slice dd {
  opacity: 0.2;
}

.assistance-mode .highlight .subheader,
.assistance-mode .highlight hr,
.assistance-mode .highlight dt,
.assistance-mode .highlight dd {
  opacity: 1;
}

.assistance-mode .subheader.highlight,
.assistance-mode hr.highlight,
.assistance-mode dt.highlight,
.assistance-mode dd.highlight {
  z-index: 1;
  opacity: 1;
}

[class^="assistancetip-"] {
  padding: 100px 0 0 0;
  position: absolute;
  top: -65px;
  right: 0;
}

[class^="assistancetip-"] > div {
  background: #e5f3fd;
  border: 1px solid #bfe2f9;
  position: relative;
  width: 293px;
  padding: 10px 10px 10px 10px;
  z-index: 2;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.assistancemode-start .title,
[class^="assistancetip-"] .title {
  color: #0068b3;
  font-weight: bold;
  margin: 0 20px 8px 0;
}

.assistancemode-start .description,
[class^="assistancetip-"] .description {
  margin: 0 0 16px 0;
}

.assistancemode-start .close,
[class^="assistancetip-"] .close {
  background: url(../images/close-small.png);
  overflow: hidden;
  text-indent: -9999em;
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  height: 16px;
  width: 16px;
}

[class^="assistancetip-"] .btn-small {
  margin: 4px 0 0 0;
  float: right;
}

.contactdata-settings [class^="assistancetip-"] input[type="submit"],
#craftsman-profile-business-data [class^="assistancetip-"] input[type="submit"] {
  background: url(../images/btn.png) 0 -1534px no-repeat;
  height: 24px;
  line-height: 24px;
  width: 100px;
  text-align: center;
  cursor: pointer;
  border: none;
  color: #ffffff;
  font-weight: bold;
  margin: 0;
  float: left;
}

.contactdata-settings [class^="assistancetip-"] input[type="submit"]:hover,
#craftsman-profile-business-data [class^="assistancetip-"] input[type="submit"]:hover {
  background: url(../images/btn.png) 0 -1558px no-repeat;
}

[class^="assistancetip-"] .assistance-arrow {
  background: url(../images/assistance-arrow.png);
  position: absolute;
  display: block;
  top: 26px;
  left: -11px;
  height: 21px;
  width: 12px;
  clear: both;
}

.assistancetip-2 {
  top: -39px;
}

.assistancetip-4 {
  top: -126px;
}

.assistancetip-5 {
  top: -150px;
}

.assistancetip-6 {
  top: -150px;
}

.assistancetip-8 {
  top: -34px;
}

.assistancetip-9 {
  top: 5px;
}

.assistancemode-start {
  padding: 0;
  background: #e5f3fd;
  border: 1px solid #bfe2f9;
  position: relative;
  padding: 10px 10px 10px 10px;
  z-index: 2;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.assistancetip-start .btn-medium {
  margin: 0 5px 0 0;
  float: left;
}

ul#orders img.orders-order-image {
  width: 48px;
}

.contact-assist .assistancetip-1 {
  top: -100px;
}

.contact-assist .assistancetip-2 {
  top: -65px;
}

/**
 * NPS-FOLLOW-UP
 */

#nps-follow-up .block {
  background: #f7fcfe;
  border: 1px solid #cce9fb;
  border-radius: 2px;
  padding: 17px 20px 20px 20px;
}

#nps-follow-up .subheader {
  margin: 0 0 8px 0;
  font-family: Aachenbold;
  line-height: 30px;
  border: none;
}

#nps-follow-up .checkbox_list {
  padding: 15px 0;
}

#nps-follow-up .list {
  padding: 15px 0 0 0;
  margin: 0 0 0 17px;
  list-style: disc;
}

#nps-follow-up .list li {
  line-height: 20px;
  color: #bf2d1a;
}

.hidden-trigger {
  display: none;
}

dl.questionnaire dd {
  margin: 0 !important;
  clear: both;
  padding: 10px;
}