/*------------------------- site header css for api --------------------------*/

/*---------------------------------- global ----------------------------------*/

.steps td {
  width: 146px;
  background-image: url(../con/white2x1.png);
  background-position: top right;
  background-repeat: repeat-y;}

.steps td.step-done {
  background-image: none;}

.steps td.on a, .steps td.on a:link {
    color: #555555;
    text-decoration: none;}

.steps td a, .steps td a:link {
    color: #000000;
    text-decoration: none;}

.highlight {
    font-weight: bold;
    font-size: 15px;
    color: red;}

button {
  margin: 5px 5px 5px 0px;
  white-space: nowrap;
  min-width: 100px !important;}

.required-star {
  color: red;
  position: relative;
  top: 3px;
  left: 2px;}

.imprint .form-body .form-sublabel {
  display: inline;}

#closed_message {
    font-weight: bold;
    font-size: 14pt;
    color: red;
    text-align: center;}

/*----------------------------------- index ----------------------------------*/

h1 {
  text-align: center;}

#header-links-container {
  margin: -5px 0 5px 0;}

.index-container {
    padding-top: 0 !important;}

#index_button_bar {
  margin-bottom: 20px;}

/* ---- index icons  ---- */

#cycle-wrapper {
  position: relative;
  width: 970px;
  height: 550px;}

#contentwrapper {
  min-width: 100%;
  min-height: 175px;
  margin: 0 auto;
  text-align: left;
  padding: 35px 0 35px 0;
  background-color: #F8F8F8 !important;}

a#tile2 {
	width: 175px;
	height: 175px;
	float: left;
	display: block;
	overflow: none;
	position: relative;
	margin: 0 0 0 75px;
	color: #555555;
	background-color: #E7E7E7;
	text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;}

a#tile2:visited {
	color: #555555;
  background-color: #E7E7E7;
  text-decoration: none;}

a#tile2:hover, a#tile2:active, a#tile2:focus {
	color: #555555;
  background-color: #FFFFFF;
	text-decoration: none;}

a#tile2 img {
	margin: 20px 25px 10px 25px;}

a#tile2 p {
	margin-top: 50px;}

a#tile3 {
	width: 175px;
	height: 175px;
	float: left;
	display: block;
	overflow: none;
	position: relative;
	margin: 0 0 0 40px;
	color: #555555;
	background-color: #E7E7E7;
	text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;}

a#tile3:visited {
	color: #555555;
  background-color: #E7E7E7;
  text-decoration: none;}

a#tile3:hover, a#tile2:active, a#tile2:focus {
	color: #555555;
  background-color: #FFFFFF;
	text-decoration: none;}

a#tile3 img {
	margin: 20px 25px 10px 25px;	}

a#tile3 p {
	margin-top: 50px;	}

#submit_start_order, #submit_re_order, #submit_track_order, #submit_saved_orders,
#submit_lookup_orders, #submit_customer_service, #submit_admin_login2 {
  width: 180px;
  margin-left: 4px;}

/* ---- Image borders ---- */

.previewcell img {
  border: 1px #999 solid;}

#normal_src {
  border: 1px solid #333;}

#lightbox-image {
  border: 1px solid #333;}

.gallery-row > td {
  border: 1px solid #333;}

/*---------------------------- proof (disclaimer) ----------------------------*/

.main.proofs.catalog--container .pageinstructions {
  padding: 0 0 25px 20px !important;}

/*--------------------------------- catalogue --------------------------------*/

.catalog-table .longname {
  text-align: left !important;}

.before {
  padding: 0px !important;}

#copy3 {
  padding: 0px !important;}

.pagetitle {
    padding-left: 19px;}

.vertical div.off:hover {
  background-color: #E7E7E7 !important;}


/* -------- catalogue vertical tab --------- */

.vertical dfn {
  padding-right: 20px;}

.innertab-opened {
  padding-left: 15px !important;}

.vertical .off {
  padding-left: 20px !important;}

.vertical .on {
  padding-left: 20px !important;}

.closed {
  padding-left: 0 !important;
  background-position: 5px 12px !important;}

.opened {
  padding-left: 0 !important;
  background-position: 5px 12px !important;}

.vertical div.off, .vertical div.on {
  border-bottom: 3px solid #ffffff;
  padding-bottom: 1px;
  padding-left: 14px;
  padding-top: 1px;}

/* -------- side-by-side forms -------- */

td.left-side {
  width: 350px !important;}

.imprint-splitview .left-side > .form-body {
  min-width: 350px !important;
  max-width: 350px !important;
  width: 350px !important;}

td.left-side div.form-body {
  border-radius: 0px 0px 0px 0px !important;}

.catalog-table tr th, .catalog-table tr td {
  border: none !important;}

.title h1 {
    padding-left:15px !important;}

.title h2 {
    text-align: left !important;
    padding: 5px 10px 10px 15px !important;
    margin-top: -10px !important;}

div.form-body div.title {
  -moz-border-radius: 0 0 0 0 !important;
  -webkit-border-radius: 0 0 0 0 !important;
  border-radius: 0 0 0 0 !important;}

.buttonsbar {
  -moz-border-radius: 0 0 0 0 !important;
  -webkit-border-radius: 0 0 0 0 !important;
  border-radius: 0 0 0 0 !important;}

div.field-container {
  border-bottom: none !important;}

div.field-container div[name*="ph"] input {
    width: 90% !important;}

div.input.sbs_block_field input#card_company.sbs_update_field.sbs_block_field {
    width: 90% !important;}

/* -------- shopping basket -------- */

.basket-list-item button {
  display: block;
  padding: 2px !important;
  width: 25px !important;
  height: 25px !important;}

.basket-list-item {
  background-color: #FAFAFA;
  padding: 5px 10px 10px 10px;}

#basket-list-title {
  background-color: #FAFAFA;
  padding: 15px 5px 15px 10px;
  text-align: left !important;
  color: #666666;
  font-size: 11px !important;
  font-weight: bold !important;}

.basket-list-item a:link {
  color: #666666 !important;
  text-decoration: none !important;}

.basket-list-item a:visited {
  color: #666666 !important;
  text-decoration: none !important;}

.basket-list-item a:hover {
  color: #666666 !important;
  text-decoration: underline !important;}

.basket-list-item a:active {
  color: #666666 !important;
  text-decoration: underline !important;}

.basket-list-item a:focus {
  color: #666666 !important;
  text-decoration: underline !important;}

#lower_buttons > button:nth-child(1) {
  display: none !important;}

#basket_button_container > div:nth-child(1) > button:nth-child(1) {
  margin-top: 10px;
  margin-left: 20px;}

/*--------------------------------- cinfigure --------------------------------*/

.sublogo-grouper {
  border-right: 5px solid #DDDDDD !important;}