/*
 * Globals
 */
body {
  background-color           : #EBEBEB; 
/*  background-color           : #E8E8E8; */
  font-family                : Arial, Helvetica, sans-serif;
  font-size                  : 12px;
}
table {
  font-family                : Arial, Helvetica, sans-serif;
  font-size                  : 12px;
}
div.minimum-width {
  width                      : 1000px;
}
img {
  border-width               : 0px;
}
.hidden {
  display                    : none;
}
.versioninfo {
  font-size                  : 8px;
  color                      : #EBEBEB;
}

/*
 * Welcome
 */
div.welcome {
}
div.welcome-content {
  width                      : 512px;
  position                   : relative;
  left                       : 50%;
  margin-left                : -256px;
}
div.welcome-cart-hint {
  text-align                 : left;
  color                      : #FF0000;
}
a.welcome-button {
  display                    : block;
  border-style               : solid;
  border-width               : 1px;
  border-color               : #FF0000;
  width                      : 305px;
  height                     : 15px;
  text-align                 : center;
}
a.welcome-button:visited {
  text-decoration            : none;
  color                      : #FF0000;
}
a.welcome-button:link {
  text-decoration            : none;
  color                      : #FF0000;
}
a.welcome-button-active:hover {
  background-color           : #FFB0B0;
}

/*
 * MAN-CI area
 */
div.top-logo {
  position                   : absolute;
  top                        : 10px;
  left                       : 20px;
}
div.language-select {
  position                   : absolute;
  top                        : 2px;
  left                       : 100%;
  margin-left                : -120px;
}
select.language-select {
  font-size                  : 11px;
  width                      : 100px;
}
div.top-claim {
  position                   : absolute;
  top                        : 57px;
  left                       : 100%;
  margin-left                : -350px;
  text-align                 : right;
  width                      : 330px;

  font-size                  : 14px;
  font-weight                : bold;
  letter-spacing             : 1px;
  color                      : #7B7B7B;
}

/*
 * Top Menu
 */
div.horizontal-menu-center-width {
  width                      : 640px;
}
div.horizontal-menu-left {
  height                     : 34px;
  background-image           : url(../images/controlbar-left.gif);
}
div.horizontal-menu-left-button {
  position                   : absolute;
  right                      : 0px;
}
div.horizontal-menu-center {
  height                     : 34px;
  background-image           : url(../images/controlbar-right.gif);
  background-position        : top right;
}

a.horizontal-menu-button {
  width                      : 125px;
  height                     : 34px;
  text-align                 : center;
  display                    : block;
  float                      : left;
  font-size                  : 11px;
  
  background-image           : url(../images/controlbar-button.gif);
  background-repeat          : repeat-x;
  background-position        : 0px 0px;
}
a.horizontal-menu-button:hover {
  background-position        : 0px -34px;
  color                      : #000000 ! important;
}
a.horizontal-menu-button:visited {
  text-decoration            : none;
  color                      : #FFFFFF;
}
a.horizontal-menu-button:link {
  text-decoration            : none;
  color                      : #FFFFFF;
}
div.horizontal-menu-button {
  margin-top                 : 10px;
}
a.horizontal-menu-button-highlight {
  background-position        : 0px -34px;
  color                      : #000000 ! important;
}


a.horizontal-menu-button-inactive {
  width                      : 125px;
  height                     : 34px;
  text-align                 : center;
  display                    : block;
  float                      : left;
  font-size                  : 11px;
  
  cursor                     : default;
  
  background-image           : url(../images/controlbar-button.gif);
  background-repeat          : repeat-x;
  background-position        : 0px 0px;
}
a.horizontal-menu-button-inactive:visited {
  text-decoration            : none;
  color                      : #FFFFFF;
}
a.horizontal-menu-button-inactive:link {
  text-decoration            : none;
  color                      : #FFFFFF;
}
div.horizontal-menu-button-inactive {
  visibility                 : hidden;
}

div.horizontal-menu-spacer {
  height                     : 34px;
  width                      : 2px;
  float                      : left;

  background-image           : url(../images/vertical-spacer-dark.gif);
  background-repeat          : repeat-y;
  background-position        : 0px 0px;
}
div.horizontal-menu-spacer#id-horizontal-menu-spacer-left {
  width                      : 1px ! important;
  background-position        : -1px 0px ! important;
}
div.horizontal-menu-spacer#id-horizontal-menu-spacer-right {
  width                      : 1px ! important;
  background-position        : 0px 0px ! important;
}

/*
 * Some general distances
 */
div.spacer-height-45 {
  height                     : 45px;
}
div.spacer-height-1 {
  height                     : 1px;
}
div.spacer-height-5 {
  height                     : 5px;
}
div.spacer-height-10 {
  height                     : 10px;
}
div.spacer-height-15 {
  height                     : 15px;
}
div.separator-bottom {
  border-bottom-style        : solid;
  border-bottom-width        : 1px;
  border-bottom-color        : #8D8D8D;
}
div.separator-top {
  border-top-style           : solid;
  border-top-width           : 1px;
  border-top-color           : #8D8D8D;
}

/*
 * progress-bar
 */
div.progress {
  width                      : 141px;
  height                     : 10px;
  overflow                   : hidden;

  margin-left                : 17px;

  background-image           : url(../images/working.gif);
  background-repeat          : no-repeat;
}
div.progress-inactive {
  background-position        : 0px 20px;
}
div.progress-active {
  background-position        : 0px 0px ! important;
}
/*
 * sidebar-(button)-styles
 */
div.sidebar-category {
  border-bottom-style        : solid;
  border-bottom-width        : 1px;
  border-bottom-color        : #8D8D8D;
}
.sidebar-padding-10 {
  padding-left               : 10px;
}
.sidebar-padding-20 {
  padding-left               : 20px;
}
a.sidebar-button-active {
  display                    : block;

  border-bottom-style        : solid;
  border-bottom-width        : 1px;
  border-bottom-color        : #8D8D8D;
}
a.sidebar-button-active:hover {
  background-color           : #FCD116;
}
a.sidebar-button-active:visited {
  text-decoration            : none;
  color                      : #000000;
}
a.sidebar-button-active:link {
  text-decoration            : none;
  color                      : #000000;
}
a.sidebar-button-inactive {
  display                    : block;
  color                      : #8D8D8D ! important;

  border-bottom-style        : solid;
  border-bottom-width        : 1px;
  border-bottom-color        : #8D8D8D;
}
a.sidebar-button-inactive:hover {
  cursor                     : default;    
}
a.sidebar-button-inactive:visited {
  text-decoration            : none;
  color                      : #000000;
}
a.sidebar-button-inactive:link {
  text-decoration            : none;
  color                      : #000000;
}

/*
 * History
 */
.tip-header {
  background:#F3F0E7;
  font-family:arial;
  font-size:12px;
  font-weight:bold;
  border:1px solid #C8BA92;
  padding:5px;
  width:140px;
}
         
.tip-body {
  background:#FFFFFF;
  font-family:arial;
  font-size:12px;
  border-left:1px solid #C8BA92;
  border-right:1px solid #C8BA92;
  border-bottom:1px solid #C8BA92;
  border-top:1px solid #C8BA92;
  padding:5px;
  width:140px;
}
.tip-content {
}


span.history-entry {
  display                    : block;
  width                      : 148px;
  overflow                   : hidden;
}
span.history-entry-arrow {
  margin-left                : 0px;
  background                 : url("../images/yellow-arrow.gif") no-repeat;
}
span.history-entry-indent {
  margin-left                : 15px;
}
a.history-entry {
  margin-left                : 10px;
  display                    : block;
}
a.history-entry:visited {
  text-decoration            : none;
  color                      : #000000;
}
a.history-entry:link {
  text-decoration            : none;
  color                      : #000000;
}
a.history-entry-inactive:hover {
  cursor                     : default;
}
a.history-entry-active:hover {
/*  background-color           : #F8F8F8; */
  background-color           : #FFFFFF;
}

/*
 * Content controls
 */
input.content-edit {
  font-family                : Arial, Helvetica, sans-serif;
  font-size                  : 12px;
  width                      : 100%;
  border-width               : 0px;
}
select.content-edit {
  font-family                : Arial, Helvetica, sans-serif;
  font-size                  : 12px;
  width                      : 100%;
}
input.content-edit-checkbox {
  font-family                : Arial, Helvetica, sans-serif;
  font-size                  : 12px;
}
/* IE-umlaut-Bug-workaround.....*/
div.content-edit {
}
div.content-clip {
  overflow                   : hidden;
}
div.content-edit-frame {
  height                     : 17px;
  border-width               : 1px;
  border-style               : solid;
  border-color               : #8D8D8D;
}
span.content-label {
}
a.content-button {
  display                    : block;
  border-style               : solid;
  border-width               : 1px;
  border-color               : #8D8D8D;
  width                      : 105px;
  height                     : 16px;
  overflow                   : hidden;
  text-align                 : center;
}
a.content-button:visited {
  text-decoration            : none;
  color                      : #000000;
}
a.content-button:link {
  text-decoration            : none;
  color                      : #000000;
}
a.content-button-active:hover {
  background-color           : #FCD116;
}
a.content-button-inactive {
  color                      : #8D8D8D ! important;
}
a.content-button-inactive:hover {
  cursor                     : default;
}

/*
 * Specialized content styles
 */
span.paging-label {
}
span.paging-error {
  color                      : #FF0000;
}

/*
 * TableHeader
 */
.table-head {
  height                     : 16px;
  margin-left                : 3px;
  margin-right               : 23px;
}
.table-cell-head {
  background-color           : #8D8D8D;
  color                      : #FFFFFF;
  position                   : relative;
  height                     : 16px;
  margin-top                 : -16px; 
}
.table-cell-head-scrollbar {
  height                     : 16px;
  width                      : 20px;
  margin-top                 : -16px;
  position                   : relative;
  left                       : 100%;
}

/*
 * TableContent
 */
.table-cell-content {
  height                     : 16px;
  position                   : relative;
  margin-top                 : -16px; 
}
.table-cell-clip {
  width                      : 100%;
  overflow                   : hidden;
  white-space                : nowrap;
}
.table-row-left {
  margin-top                 : 16px; 
}
.table-row-oneline {
  height                     : 16px;
  width                      : 100%;
}
.table-row-twoline {
  height                     : 30px;
  width                      : 100%;
}

/*
 * TableOverall
 */
.table {
  height                     : 100%;
  margin-right               : 3px;
  margin-left                : 3px;
}
.table-scrollable {
  height                     : 100%;
  overflow                   : auto;
}
.table-content {
}

a.table-row {
  cursor                     : pointer;
  display                    : block;
  width                      : 100%;
}
a.table-row:hover {
/*  background-color           : #F8F8F8; */
  background-color           : #FFFFFF;
}
a.table-row:link {
  text-decoration            : none;
  color                      : #000000;
}
a.table-row:visited {
  text-decoration            : none;
  color                      : #000000;
}
a.table-row:focus {
  margin-left                : 1px;
  margin-right               : 1px;
}
div.table-row-selected {
  background-color           : #FEF2BC    ! important; 
  border-top-style           : solid      ! important;
  border-top-color           : #FCD116    ! important; 
  border-top-width           : 1px        ! important;
  border-bottom-style        : solid      ! important;
  border-bottom-color        : #FCD116    ! important; 
  border-bottom-width        : 1px        ! important;
}
div.table-row-unselected {
}

div.table-row-layer-indention-0 {
  padding-left: 0px;
}
div.table-row-layer-indention-1 {
  padding-left: 10px;
}
div.table-row-layer-indention-2 {
  padding-left: 20px;
}
div.table-row-layer-indention-3 {
  padding-left: 30px;
}
div.table-row-layer-indention-4 {
  padding-left: 40px;
}
div.table-row-layer-indention-5 {
  padding-left: 50px;
}
div.table-row-layer-indention-6 {
  padding-left: 60px;
}
div.table-row-layer-indention-7 {
  padding-left: 70px;
}
div.table-row-layer-indention-8 {
  padding-left: 80px;
}
div.table-row-layer-indention-9 {
  padding-left: 90px;
}

div.search-result-category {
  border-bottom-style        : solid;
  border-bottom-width        : 1px;
  border-bottom-color        : #8D8D8D;
  border-top-style           : solid;
  border-top-width           : 1px;
  border-top-color           : #8D8D8D;
  font-size                  : 12px;
  font-weight                : bold;
  background-color           : #F8F8F8;
}

/*
 * Page-specific-styles
 */
div.content-filter-area {
  height                     : 45px;
  overflow                   : hidden;
}
div.content-paging-area {
  height                     : 45px;
  overflow                   : hidden;
}
div.cart-control-area {
  height                     : 45px;
  overflow                   : hidden;
}
div.cart-manual-add-area {
  height                     : 45px;
  overflow                   : hidden;
}
div.cart-detail-head {
  height                     : 45px;
  overflow                   : hidden;
}
div.cart-bill-head {
  height                     : 45px;
  overflow                   : hidden;
}
div.cart-ship-head {
  height                     : 45px;
  overflow                   : hidden;
}
div.cart-recipient-head {
  height                     : 77px;
  overflow                   : hidden;
}


/*
 * Filterable lists
 */
div.content-label#id-filter-label {
  margin-top                 : 14px;
  width                      : 120px;
  height                     : 30px;
  text-align                 : right;
}
div.content-edit-frame#id-filter-edit-frame {
  margin-top                 : -33px;
  margin-left                : 130px;
  margin-right               : 240px;
}
div.content-button#id-filter-button-start {
  height                     : 20px;
  margin-top                 : -18px;
  left                       : 100%;
  position                   : relative;
  margin-left                : -230px;
}
div.content-button#id-filter-button-all {
  height                     : 20px;
  margin-top                 : -20px;
  left                       : 100%;
  position                   : relative;
  margin-left                : -115px;
}

/*
 * Search
 */
div.content-label#id-search-label {
  margin-top                 : 14px;
  width                      : 120px;
  height                     : 30px;
  text-align                 : right;
}
div.content-edit-frame#id-search-edit-frame {
  margin-top                 : -33px;
  margin-left                : 130px;
  margin-right               : 240px;
}
div.content-button#id-search-button-start {
  height                     : 20px;
  margin-top                 : -18px;
  left                       : 100%;
  position                   : relative;
  margin-left                : -230px;
}
div.content-edit-checkbox#id-search-casesensitive {
  height                     : 20px;
  margin-top                 : -21px;
  left                       : 100%;
  position                   : relative;
  margin-left                : -118px;
}

/*
 * List control section
 */
div.content-label#id-label-hitcount {
  height                     : 20px;
  margin-top                 : 14px;
  margin-left                : 5px;
}
div.content-button#id-page-back {
  height                     : 20px;
  margin-top                 : -32px;
  left                       : 100%;
  position                   : relative;
  margin-left                : -230px;
}
div.content-button#id-page-next {
  height                     : 20px;
  margin-top                 : -20px;
  left                       : 100%;
  position                   : relative;
  margin-left                : -115px;
}
div.content-clip#id-paging-clip {
  margin-right               : 240px;
  height                     : 45px;
}
/*
 * Partlist
 */
div.partlist-list {
  height                     : 150px;
}
div.partlist-cart {
  height                     : 44px;
  margin-right               : 23px;
  margin-left                : 3px;
  overflow                   : hidden;
}

div.applet {
  width                      : 100%;
  height                     : 100%;
  overflow                   : hidden;
}
div.content-button#partlist-cart-add {
  height                     : 20px;
  margin-top                 : -33px;
  left                       : 100%;
  position                   : relative;
  margin-left                : -107px;
}
div.cart-confirm {
  color                      : #FF0000;
}
/*
 * Cart
 */
div.content-button#id-cart-button-save {
  height                     : 20px;
  margin-top                 : 14px;
  left                       : 100%;
  position                   : relative;
  margin-left                : -243px;
}
div.content-button#id-cart-button-clear {
  height                     : 20px;
  margin-top                 : -20px;
  left                       : 100%;
  position                   : relative;
  margin-left                : -117px;
}

div.content-label#id-cart-manual-add-label {
  margin-top                 : 14px;
  width                      : 120px;
  height                     : 30px;
  text-align                 : right;
}
div.content-edit-frame#id-cart-manual-add-edit-frame {
  margin-top                 : -33px;
  margin-left                : 130px;
  margin-right               : 262px;
}
div.content-button#id-cart-button-manual-add {
  height                     : 20px;
  margin-top                 : -18px;
  left                       : 100%;
  position                   : relative;
  margin-left                : -243px;
}
div.content-label#id-cart-add-error {
  color                      : #FF0000;
  margin-top                 : -25px;
  width                      : 120px;
  height                     : 30px;
  left                       : 100%;
  position                   : relative;
  margin-left                : -117px;
}

.cart-quantity-edit-frame {
  border-width               : 1px;
  border-style               : solid;
  border-color               : #8D8D8D;
}
input.cart-quantity-edit {
  font-family                : Arial, Helvetica, sans-serif;
  font-size                  : 11px ! important;
  height                     : 13px;
}
.cart-row-oneline {
  height                     : 18px;
  width                      : 100%;
}

.cart-caption {
  margin-top                 : 15px;
  margin-left                : 10px;
  height                     : 17px;
  font-weight                : bold;
}
.cart-edit-line {
  height                     : 24px;
}
.cart-edit {
  margin-left                : 250px;
  margin-right               :  20px;
  margin-top                 : -19px;
  height                     : 17px;
}
.cart-edit-label {
  margin-top                 : 4px;
  margin-left                : 10px;
}
div.content-button#id-cart-button-usebill-frame {
  height                     : 20px ! important;
  width                      : 300px ! important;
  margin-top                 : -18px;
  left                       : 100%;
  position                   : relative;
  margin-left                : -323px;
}
a.content-button#id-cart-button-usebill-button {
  width                      : 300px ! important;
}

/*
 * Wearparts
 */
div.wearparts-head {
  height                     : 45px;
  overflow                   : hidden;
}
div.content-button#id-wearparts-to-cart-frame {
  height                     : 20px ! important;
  width                      : 300px ! important;
  margin-top                 : -18px;
  left                       : 100%;
  position                   : relative;
  margin-left                : -323px;
}
a.content-button#id-wearparts-to-cart-button {
  width                      : 300px ! important;
}
.wearparts-caption {
  margin-top                 : 15px;
  margin-left                : 10px;
  height                     : 17px;
  font-weight                : bold;
}
.wearpart-row-oneline {
  height                     : 18px;
  width                      : 100%;
}
.wearpart-quantity-edit-frame {
  border-width               : 1px;
  border-style               : solid;
  border-color               : #8D8D8D;
}
input.wearpart-quantity-edit {
  font-family                : Arial, Helvetica, sans-serif;
  font-size                  : 11px ! important;
  height                     : 13px;
}

div.imageViewNaviMargin {
    height:12px;
}
div.imageViewNavi {
	height:34px;
	width:100%;
	overflow:hidden;
	clear:both;
	border-bottom:1px solid #8D8D8D;
}
div.imageViewNavi i {
	margin-right:8px;
}
div.imageViewNavi i.menuOff {
	display:none !important;
}
div.imageViewNavi b,
div.imageViewNavi a {
	background-position:0px -40px;
	background-repeat:no-repeat;
	width:32px;
	height:20px;
	overflow:hidden;
}
div.imageViewNavi b,
div.imageViewNavi i,
div.imageViewNavi a {
	float:left;
	display:block;
}
div.imageViewNavi i.xvlVersion {
	float:right;
	color:#AAA !important;
	background-color:transparent;
	font-style:normal;
	height:8px;
	margin:12px 2px 0px 0px;
}
div.imageViewNavi b {
	margin:0px 0px 0px 2px;
}

div.imageViewNavi a:link,
div.imageViewNavi a:visited,
div.imageViewNavi a:focus,
div.imageViewNavi a:active {
	text-decoration:none;
	background-position:0px -20px;
}
div.imageViewNavi a:hover
{
	background-position:0px 0px !important;
}
div.imageViewNavi b.ivNoZoom, 
div.imageViewNavi b.ivNoZoom a {
	background-image:url(../images/iview_nozoom.gif);
}
div.imageViewNavi b.ivZoomIn, 
div.imageViewNavi b.ivZoomIn a {
	background-image:url(../images/iview_zoomin.gif);
}
div.imageViewNavi b.ivZoomOut, 
div.imageViewNavi b.ivZoomOut a {
	background-image:url(../images/iview_zoomout.gif);
}
div.imageViewNavi b.ivZoomFree, 
div.imageViewNavi b.ivZoomFree a { 
	background-image:url(../images/iview_zoomfree.gif);
}
div.imageViewNavi b.ivZoomLens,
div.imageViewNavi b.ivZoomLens a {
	background-image:url(../images/iview_zoomlens.gif);
}
div.imageViewNavi b.xvlCameraLast,
div.imageViewNavi b.xvlCameraLast a { 
	background-image:url(../images/xvl_camera_last.gif);
}
div.imageViewNavi b.xvlCameraPage,
div.imageViewNavi b.xvlCameraPage a { 
	background-image:url(../images/xvl_camera_page.gif);
}
div.imageViewNavi b.xvlModeMove,
div.imageViewNavi b.xvlModeMove a { 
	background-image:url(../images/xvl_mode_move.gif);
}
div.imageViewNavi b.xvlMode3d,
div.imageViewNavi b.xvlMode3d a { 
	background-image:url(../images/xvl_mode_3d.gif);
}
div.imageViewNavi b.xvlMode2d,
div.imageViewNavi b.xvlMode2d a { 
	background-image:url(../images/xvl_mode_2d.gif);
}
div.imageViewNavi b.xvlModeZoomFree,
div.imageViewNavi b.xvlModeZoomFree a { 
	background-image:url(../images/xvl_mode_zoom_free.gif);
}
div.imageViewNavi b.xvlModeZoomSelect,
div.imageViewNavi b.xvlModeZoomSelect a { 
	background-image:url(../images/xvl_mode_zoom_select.gif);
}
div.imageViewNavi b.xvlViewWires,
div.imageViewNavi b.xvlViewWires a { 
	background-image:url(../images/xvl_view_wires.gif);
}
div.imageViewNavi b.xvlViewSurfaces,
div.imageViewNavi b.xvlViewSurfaces a { 
	background-image:url(../images/xvl_view_surface.gif);
}
div.imageViewNavi b.xvlViewSurfacesWires,
div.imageViewNavi b.xvlViewSurfacesWires a { 
	background-image:url(../images/xvl_view_surfacewires.gif);
}
div.imageViewNavi b.xvlViewHiddenWires,
div.imageViewNavi b.xvlViewHiddenWires a { 
	background-image:url(../images/xvl_view_hiddenwires.gif);
}
div.imageViewNavi b.xvlViewPoints,
div.imageViewNavi b.xvlViewPoints a { 
	background-image:url(../images/xvl_view_points.gif);
}
div.imageViewNavi b.ivZoomLens a.active,
div.imageViewNavi b.xvlViewPoints a.active { 
	background-position:0px -60px;
}
div.imageViewNavi b.xvlModeMove,
div.imageViewNavi b.xvlMode3d,
div.imageViewNavi b.xvlMode2d,
div.imageViewNavi b.xvlModeZoomFree,
div.imageViewNavi b.xvlModeZoomSelect,
div.imageViewNavi b.xvlViewWires,
div.imageViewNavi b.xvlViewSurfaces,
div.imageViewNavi b.xvlViewSurfacesWires,
div.imageViewNavi b.xvlViewHiddenWires {
	background-position:0px -60px;
}