/* ---- defaults ----*/

html, 
body
{
  height: 100%; 
}

html /* force scrollbar */
{
  overflow-y: scroll;
}

* 
{
  margin: 0;
  padding: 0;
  font-family: Arial;
  font-size: 12px;
  color: #424242;
}

img {
  border: 0; 
}

a, a:hover, a:visited {
  text-decoration: none;
  /*color: #666;*/
}

hr
{
  width: 100%;
  height: 1px;
  background-color: #c7c7c7;
  color: #c7c7c7;
  border: 0;
}

h1, h2, h3, h4
{
 /*color: #666;*/
 color: #424242;
 font-weight: bold; 
}

sup, sub
{
  font-size: 50%;
}

table
{
  border-collapse: collapse;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
}

table th
{
  text-align: left;
  vertical-align: top;
}

select
{
  padding: 0 5px;
}


br.clearfix,
span.clearfix
{
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0.1px;
  margin: 0;
  padding: 0;
}

.phoneNumber
{
  color: #ccc;
}

.hidden
{
  display: none;
}

div.center,
span.center
{
  margin: 0 auto;
}

span.center
{
  display: block;
  text-align: center;
}

.tooltipContainer
{
  position: relative;
  top: 0;
  left: 0;
}

span.tooltipContainer
{
  text-align: left;
}

.tooltipPrice
{
  z-index: 1000;
  padding: 3px;
  margin-left: 100px;
  border: 1px solid #e1e1e1;
  background-color: #FFFFFF;
}

.tooltip
{
  position: absolute;
  top:-5px;
  left: -5px;
  z-index: 1000;
  padding: 3px;
  border: 1px solid #e1e1e1;
  background-color: #FFFFFF;

  /* css3 + ie-script*/
  /*box-shadow: 1px 1px 1px #b5b5b5;*/
  /*border-radius: 3px; */
 

  /* firefox */
 /*-moz-box-shadow: 1px 1px 1px #b5b5b5;*/
 /*-moz-border-radius: 3px;*/

 /* chrome */
 /*-webkit-box-shadow: 1px 1px 1px #b5b5b5;*/
 /*-webkit-border-radius: 3px;*/
 
 /* safari */
 /*-khtml-box-shadow: 1px 1px 1px #b5b5b5;*/
 /*-khtml-border-radius: 3px;*/
 
 /* ie script */
 /*behavior: url(/maag/css/htc/PIE.htc);*/
}

span.tooltip
{
  width: 130px;
}

span.tooltip span.indent
{
  display: block;
  margin-left: 16px;
}

.tooltip .heading,
.tooltip h3
{
  font-weight: bold;
}

.tooltipContainer:hover .tooltip
{
  display: inline;
}

.buttonText
{
  color: #666;
}

div.buttonText
{
  height: 27px;
  margin-bottom: 12px;
}

.right
{
  text-align: right; 
}

.highlight,
.highlight a,
.error
{
  color: #d82042;
}

input.error
{
  border: 1px solid  #d82042;
}

.highlight.button
{
  color: #fff;
  background-color: #d82042; 
}

.textInput, .fileInput
{
  color: #666;
  width: 260px;
  margin: 5px 0;
  padding: 0 5px;
  border: 1px solid #c7c7c7;
}

div.buttonText input,
span.buttonText input,
div.buttonText a
{
  background: transparent url('/maag/asset/buttonMiddleWhite.gif') no-repeat;
  height: 27px;
  width: 108px;
  border: none;
  margin: 0 0 -5px 0;
  padding-right: 12px;
  color: #666;
  cursor: pointer;
}

div.buttonText a
{
  line-height: 27px;
  display: block;
  padding-left: 12px;
}

div.buttonText.long input,
div.buttonText.long a
{
  background-image: url('/maag/asset/buttonLongWhite.gif');
  width: 144px;
}

div.buttonText input.back,
div.buttonText a.back,
div.buttonText.back input,
div.buttonText.back a
{
  background-position: 0 -54px;
  padding: 0 0 0 12px;
}

div.buttonText input.next,
div.buttonText a.next,
div.buttonText.next input,
div.buttonText.next a
{
  background-position: 0 -108px; 
}

div.buttonText.long.orange input,
div.buttonText.long.orange a
{
  background-image: url('/maag/asset/buttonLongOrange.gif');
  color: #fff;
  width: 152px;
}

div.buttonText.longer input,
div.buttonText.longer a
{
  background-image: url('/maag/asset/buttonLongerWhite.gif');
  width: 160px;
}

div.buttonText.longer.clear input,
div.buttonText.longer input.clear,
div.buttonText.longer.clear a
{
  background-image: url('/maag/asset/buttonLongerWhiteClear.gif');
}

div.buttonText.longer.external input,
div.buttonText.longer input.external,
div.buttonText.longer.external a
{
  background-image: url('/maag/asset/buttonLongerWhiteExternal.gif');
}

div.buttonText.basket input,
div.buttonText.basket a
{
  background-image: url('/maag/asset/buttonLongerWhiteBasket.gif');
  width: 200px;
  padding-left: 20px;
}

div.buttonText.basket.orange input,
div.buttonText.basket.orange a
{
  background-image: url('/maag/asset/buttonBasketOrange.gif');
  color: #fff;
}

div.buttonText input.back:hover,
div.buttonText input.back.hover,
div.buttonText a.back:hover,
div.buttonText a.back.hover,
div.buttonText.back input:hover,
div.buttonText.back input.hover,
div.buttonText.back a:hover,
div.buttonText.back a.hover
{
  background-position: 0 -81px;
}

div.buttonText input.next:hover,
div.buttonText input.next.hover,
div.buttonText a.next:hover,
div.buttonText a.next.hover,
div.buttonText.next input:hover,
div.buttonText.next input.hover,
div.buttonText.next a:hover,
div.buttonText.next a.hover
{
  background-position: 0 -135px;
}

div.buttonText input.hover,
div.buttonText input:hover,
div.buttonText a.hover,
div.buttonText a:hover
{
 background-position: 0 -27px;
}

.shadowBottomSmall
{
  /* firefox */
 -moz-box-shadow: -1px 1px 1px #b5b5b5;
 /* safari, chrome */
 -webkit-box-shadow: -1px 1px 1px #b5b5b5;
 /* css3 */
  box-shadow: -1px 1px 1px #b5b5b5;
  position:relative;
  z-index: 3;
  behavior: url(/maag/css/htc/PIE.htc); 
}


.arrowUp,
.arrowDown
{
  width: 9px;
  height: 10px;
}

.arrowLeft,
.arrowRight
{
  width: 9px;
  height: 9px;
}

img.arrowUp,
img.arrowDown
{
/* margin: 5px 0;  WHY??*/
}

img.arrowLeft,
img.arrowRight
{
  margin: 0 5px;
}

span.arrowUp,
span.arrowDown
{
  padding: 0 5px 0 4px;
}

span.arrowLeft,
span.arrowRight
{
  padding: 0 5px;
  line-height: 9px;
  float:left; 
  margin-top: 8px;
}

.arrowDown.gray,
.hover .arrowUp.gray
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -8px;
}

.arrowUp.gray,
.hover .arrowDown.gray
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 0;
}
.arrowRight.gray,
.hover .arrowLeft.gray
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -29px;
}

.arrowLeft.gray,
.hover .arrowRight.gray
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -19px;
}

.arrowDown.white,
.hover .arrowUp.white
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -88px;
}

.arrowUp.white,
.hover .arrowDown.white
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -79px;
}

.arrowDown.orange,
.hover .arrowUp.orange
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -59px;
}

.arrowUp.orange,
.hover .arrowDown.orange,
.hover .arrowDown.orangeover
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -49px;
}

.arrowRight.orange,
.hover .arrowLeft.orange,
a.hover .arrowRight.orangeover,
a:hover .arrowRight.orangeover,
div.content div.boxContainer.linked div.box:hover a img.arrowRight
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -69px;
}

.arrowLeft.orange,
.hover .arrowRight.orange
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -59px;
}

.arrowDown.black,
.hover .arrowUp.black
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -109px;
}

.arrowUp.black,
.hover .arrowDown.black
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -119px;
}

.arrowDown.orangewhite,
.hover .arrowUp.orangewhite
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -169px;
}

.arrowUp.orangewhite,
.hover .arrowDown.orangewhite
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -159px;
}

span.currency
{
  padding: 0 0.2em;
  text-transform: uppercase;
}

div.column
{
  float: left; 
}

div.row
{
 clear: both; 
}

div ul
{
  list-style: disc outside;
}

div ul li
{
  display: list-item;
}


ul.inside
{
  list-style-position: inside
}


ul.none
{
  list-style: none;
}

ul.none li
{
  background-image: none;
}

.avail img,
img.avail
{
  background: transparent url('/maag/asset/avail-sprites.gif') no-repeat 0 0;
  height: 6px;
  width: 16px;

}

.avail.small.img,
img.avail.small
{
  width: 8px;
}

.avail.green img,
img.avail.green
{
  background-position: 0 0;
}

.avail.yellow img,
img.avail.yellow
{
  background-position: -9px 0;
}

.avail.red img,
img.avail.red
{
  background-position: -18px 0;
}

.reload img,
img.reload
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -249px;
  height: 9px;
  width: 10px;
  cursor: pointer;
}

.trash img,
img.trash
{ 
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -259px;
  height: 13px;
  width: 11px;
}

.infoPoint img,
img.infoPoint
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -273px;
  height: 14px;
  width: 14px;
}

.buy img,
img.buy
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -287px;
  height: 11px;
  width: 19px;

}


.sort img,
img.sort
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -298px;
  height: 8px;
  width: 8px;
  margin: 1px 0;

}

.zoomIn img,
img.zoomIn
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -306px;
  height: 16px;
  width: 17px;
}

.addBasket.white img
img.addBasket.white
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -322px;
  height: 11px;
  width: 19px;

}

.toWatchList img,
img.toWatchList
{
   background: transparent url('/maag/asset/icon-sprites.gif') no-repeat -7px -333px;
  height: 13px;
  width: 16px;
}

.toWatchList img.arrowRight
{
    height: 9px;
    width: 9px;
}

.watchList img,
img.watchList
{
   background: transparent url('/maag/asset/icon-sprites.gif') no-repeat -7px -333px;
  height: 13px;
  width: 9px;
}

.box.checked img,
img.box.checked
{
   background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -347px;
  height: 9px;
  width: 9px;
}

.rightShadow img,
img.rightShadow
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat -14px -247px;
  height: 25px;
  width: 6px;

}

.pencil img,
img.pencil
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -234px;
  height: 13px;
  width: 17px;
}

.printlink img,
img.print
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -219px;
  height: 14px;
  width: 14px;

}

.tick img,
img.tick
{
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -209px;
  height: 10px;
  width: 9px;

}

a .external {
  background: transparent url('/maag/asset/icon-sprites.gif') no-repeat 0 -199px;
  height: 9px;
  width: 17px;
}

a span.external
{
  width: auto;
  padding: 0 7px 0 10px;
  margin-top: 10px; 
  line-height: 10px;
  float:right;
}

/* ---- background container ---- */
div.backgroundContainer
{
  top: 0px;
  position: absolute;
  width: 100%;
  height: 543px;
}

div.backgroundContainer .backgroundHeader
{
  background: #ffffff url('/maag/asset/bgHeader.jpg') repeat-x top left;
  height: 222px; /* +2px shadow */
  position:relative;
  z-index: 3;
  top: 0;
  left: 0;
}

.browseNavigationShadow
{
  background-color: #fff;
  /*position: absolute;*/
  position: relative;
  top: 0;
  left: 0;
  height: 2px;
  border: none;
}


div.backgroundContainer .backgroundContentContainer
{
  background: transparent url('/maag/asset/bgLeft.jpg') no-repeat 222px right;
  height: 320px; 
 /*position: relative;
  absolute top: 224px;*/
}

div.backgroundContainer .backgroundContentContainer .backgroundContentRight
{
 /*background: #ebebeb url('/maag/asset/bgMainNavigation.jpg') no-repeat top left;*/
  background-color: #ebebeb;
 /* width: 50%; in normal brauuuusers only... */ 
 /* ie argghhhhh */
  width: 49%;
  float: right;
  height: 320px; 
}

div.backgroundContainer .backgroundContentContainer .backgroundContentLeft
{
  background-color: #ff7c00;
  width: 50%;
  float: left;
  height: 320px; 
}

/* --- layout container --- */

div.siteContainer 
{
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

div.paddingContainer
{
 /*background: transparent url('/maag/asset/bgLeft.jpg') no-repeat 0 0;*/
  width: 1004px;
  margin: 0 auto 0 auto;
}

div.backgroundContentLeft div.backgroundContent 
{
  background: #ff7c00 url('/maag/asset/bgContent.jpg') no-repeat 0 0;
  height: 100%;
  width: 620px;
  float: right;
}

.backgroundContainer.white div.backgroundContentLeft div.backgroundContent 
{
 background: #fff url('/maag/asset/bgContentWhite.gif') no-repeat 0 0;
}

div.sidebarContainer
{
  /*width: 214px;*/
  width: 184px;
  float: left;
  min-height: 320px;
}


div.headerContainer,
div.contentContainer
 {
  margin: 0 auto 0 auto;
  /*width: 938px;*/
  width: 100%;
  display: block;
}

div.headerContainer
{
  height: 222px;
  color: #666;
  position: relative;
  z-index: 4;
  top: 0;
  left: 0;
 /*font-weight: lighter;*/ 
}

div.headerContainer ul,
ul.inline
{
  list-style: none;
}

div.headerContainer ul li,
ul.inline li
{
  display:-moz-inline-stack;
  display:inline-block;
}

ul.arrow.gray
{
	list-style: none;
}

div.boxGray.long.smallProfile ul.arrow.gray li
{
  background-position: 0 3px;	
}

ul.arrow.gray li
{
  background-image: url('/maag/asset/arrowRightGrayTrans.gif');
  background-repeat: no-repeat;
  background-position: 0 3.5px;
  padding-left: 21px;
}

ul.none.arrow.gray li,
ul.none.arrow.gray li div
{
  background-image: url('/maag/asset/arrowRightGrayTrans.gif');
  background-repeat: no-repeat;
  background-position: 10px 8px ;
  padding-left: 25px;
  list-style-image: none;
}

ul.none.arrow.gray
{
  list-style: none outside;
}

div.content.text  ul
{
  padding-left: 20px;
}

div.content.text .topic h3
{
  margin: 20px 0;
}

ul.arrow li
{
  display: list-item; 
}

div.headerContainer a:hover
{
 color: #000; 
}
 
div.contentContainer
{
 /*padding-top: 18px;*/
 /* white background */
 /*background: transparent url('/maag/asset/724pxWhite.gif') repeat-y 214px 0;*/
  background: transparent url('/maag/asset/bgContentBanner.jpg') no-repeat;
  min-height: 325px;
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
}

.siteContainer.white div.contentContainer
{
  background-image: none;
}

div.contentContainer div.topPadding
{
 padding-top: 20px;
}


div.siteContainer div.pager li
{
  border-right: 1px solid #424242;
  padding-right: 5px;
  padding-left: 5px;
}

div.siteContainer div.pager a.next
{
  padding-right: 5px;
}

div.siteContainer div.pager a.first,
div.siteContainer div.pager a.prev
{
  float: left;
  padding-right: 5px;
}

div.siteContainer div.pager li.last
{
  border: none;
}

div.siteContainer div.pager li.active
{
  color: #000;
  font-weight: bold;
}

div.siteContainer div.pager ul.inline
{
	display: inline;
  padding-right: 10px;
}

div.siteContainer div.pager div.pages
{
  float: right;
}

div.siteContainer div.content .searchBar input[type=text],
div.siteContainer div.content .searchBar input.inputText
{
  width: 640px;
  margin-right: 15px;
  margin-left: 5px;
}

div.siteContainer div.content .searchBar label.searchFilterText
{
  width: 120px;
}

div.siteContainer div.content div.topic div.results ul
{
  list-style: none;
  height: 100%;
  margin: 30px 20px;
}

div.siteContainer div.content div.topic div.results ul li
{
  height: 120px;
  border-top: 1px solid #c7c7c7;
}

div.siteContainer div.content div.topic div.results div.column
{
  padding: 10px 0 10px 80px;
  width: 500px;
  font-weight: bold;
}

div.siteContainer div.content div.topic div.results div.column.family
{
  height: 120px;
  overflow: auto; 	
}

div.siteContainer div.content div.topic div.results div.column.family a
{
	display: block;
}

div.siteContainer div.content div.topic div.results div.column.img
{
 height: 80px;
 width: 80px;
 padding: 20px 20px; 
}


div.siteContainer div.search div.column 
{
  margin-top: 25px;
  width: 255px;
}

div.siteContainer div.search div.column ul
{
  list-style: none;
}

div.siteContainer div.search div.column h4
{
  margin: 5px 0;
}

div.siteContainer div.content div.filter hr,
div.siteContainer div.content div.topic hr
{
  clear:both;
  border: none;
  /* ie */
  height: 0;
  color: #fff;
}

div.siteContainer div.content div.topic div.results hr
{
  padding-top: 20px;
}

div.siteContainer .keyword
{
  color: #000;
}

div.topNavigation
{
  height: 32px;
  text-align: right;
}

div.topNavigation div.left
{
  float: left;
  height: 31px;/* more than 31px will shift the maag-logo! */
}

div.topNavigation div.left img
{
  height: 31px;	
}

div.topNavigation ul
{
  display: inline;
}

div.topNavigation li
{
  line-height: 30px;
  margin-right:  20px;
}

div.topNavigation ul.languageSelector li
{
 margin-right: 5px;
}

div.topNavigation li .external
{
  margin-left: 5px;
  float:none;
}
div.paddingContainer div.contentContainer div.content div.boxContainer div.box table td a.external img.external,
div.paddingContainer div.contentContainer div.content div.boxContainer div.box ul li a.external img.external
{
    margin-left: 5px;
}
/*
div.sidebar ul
{
  list-style: none outside;
}
*/
div.sidebar li 
{

  display: block;
}


/* ---- header ---- */
div.header 
{
  /*background-image: url('/maag/asset/bgHeader.jpg');
  background-repeat: repeat-x;*/
 /* width: 934px;*/ /* +2px border... */
  width:100%;
  height: 116px;
/*  background: transparent url('/maag/asset/logo.jpg') no-repeat left top; */
}

div.header img.logo
{
  float: left;
}

div.boxContainer div.login ul li
{
  display: list-item;
}

div.headerNavigation .boxContainer .buttonText,
div.headerNavigation .boxContainer .buttonText input
{
  margin-bottom: -5px;
}

.boxContainer .boxLeft, 
.boxContainer .boxMiddle,
.boxContainer .boxRight
{
  position: absolute;
 /* shadow margin */
  margin-right: 4px;
  border-bottom: 1px solid #b5b5b5;
  border-left: 1px solid #cfcfcf;
 
   /* css3 + ie-script*/
  box-shadow: 2px 1px 2px #b5b5b5;
 

  /* firefox */
 -moz-box-shadow: 2px 1px 2px #b5b5b5;
 
 /* chrome */
 -webkit-box-shadow: 2px 1px 2px #b5b5b5;
 
 /* safari */
 -khtml-box-shadow: 2px 1px 2px #b5b5b5;
 
 /* ie script */
  behavior: url(/maag/css/htc/PIE.htc);
}

.boxWhite a,
.boxGray a,
.boxGray a,
.boxBasket a,
.boxGray div
{
  font-size: 12px;
  font-weight: lighter;
}

div.boxContainer div.boxRight div.boxGray div.status div.loggedIn
{
	margin-top: 5px;
}
	

.boxWhite,
.boxGray,
.boxBasket
{
  padding: 6px 0 6px 17px;
  line-height: 15px;
  height: 100%;
}

.boxGray
{
  padding-top: 4px;
  padding-bottom: 5px; 
}

div.headerNavigation div.boxContainer div.boxRight div.boxGray.long div#miniBasketStatus
{
	margin-top: 4px;
}

div.headerNavigation .boxLeft .boxWhite
{
  padding-top: 2px;
  padding-left: 2px;
  padding-bottom: 5px;
  line-height: 20px;
}

div.headerNavigation .boxRight
{
  width: 298px;
  left: 702px;
}

div.headerNavigation .boxMiddle
{
  width: 232px;
  left: 466px;
}

div.headerNavigation .boxLeft
{
  width: 232px;
  left:  230px;
}

.boxWhite
{
  background: transparent url('/maag/asset/bgHeaderNavigationSearchBarWhite.gif') no-repeat;
}

.boxWhite.mid
{
  background: transparent url('/maag/asset/bgHeaderNavigationMidBarWhite.gif') no-repeat;
}

.boxWhite.long
{
  background: #fff url('/maag/asset/bgHeaderNavigationLongBarWhite.gif') no-repeat;
}

.boxGray
{
  background-color: #e9e9e9;
}

.boxGray.mid .buttonText
{
  margin-top: 12px;
}

.boxBasket
{
  background: transparent url('/maag/asset/bgHeaderNavigationLongBarOrange.gif') no-repeat;
}

div.headerNavigation .boxBasket.hover,
div.headerNavigation .boxBasket:hover,
div.headerNavigation .boxWhite.mid.hover,
div.headerNavigation .boxWhite.mid:hover,
div.headerNavigation .boxWhite.long.hover,
div.headerNavigation .boxWhite.long:hover

{
  background-position: 0 -27px;
}

div.headerNavigation .boxLeft .boxWhite.mid.hover,
div.headerNavigation .boxLeft .boxWhite.mid:hover
{
  background-position: 0 0;
}


div.headerNavigation .boxWhite.mid a,
div.headerNavigation .boxWhite.long a
{
  font-weight: bold;
  color: #666;
}


div.headerNavigation div.smallBasket
{
 z-index: 6; 
}

div.headerNavigation div.smallBasket .description,
div#miniBasketStatus .description
{
 width: 170px;
}

div.headerNavigation div.smallBasket .price
{
 width: 80px;
}

div.headerNavigation div.smallBasket ul ul
{
 border-bottom: 1px solid  #c7c7c7;
 padding: 5px 0;
}

div.headerNavigation div.smallBasket ul.total
{
 border: none; 
}
div.headerNavigation div.smallBasket ul.total li.price,
div#miniBasketStatus ul.total li.price
{
 width: 97px;
 text-align: right;
}


div.headerNavigation div.smallBasket div.row .buttonText
{
 padding-top: 10px; 
}

/*div.headerNavigation div.boxRight div.login a:hover
{
  color: #666;
}*/

div.headerNavigation div.status span.right,
div.headerNavigation div.login span.right
{
	margin-right: 12px;	
}

div.headerNavigation div.status div.loggedIn ul.arrow li
{
	display: list-item;
}

div.headerNavigation div.order
{
  display: none;
  clear: both;
  background-color: #e9e9e9;
}

div.headerNavigation div.order ul.arrow
{
  clear: both; 
}

div.headerNavigation div.error
{
  display: block;
  color: #d82042;
  margin: 5px 0 3px 0;
}

div.headerNavigation div.order div.input div.error
{
  clear: both;
}

div.headerNavigation div.order .article,
div.headerNavigation div.order .quantity,
div.headerNavigation div.order a,
div.headerNavigation div.order div.error
{
 float: left; 
}

div.headerNavigation div.order div a
{
 margin-top: 7px;
}


div.headerNavigation div.order .article,
div.headerNavigation div.order input.textInput.article
{
  width: 112px;
  margin-right: 12px;
  padding-right: 5px;
  
}

div.headerNavigation div.order input.textInput.article.error
{
	border: 1px solid  #d82042;
}

div.headerNavigation div.order .quantity,
div.headerNavigation div.order input.textInput.quantity
{
  width: 30px;
  padding-left: 5px;
  margin-right: 5px;
}

div.headerNavigation div.order div.quantity
{
  margin-right: 22px;
}


div.headerNavigation .boxContainer  div div span.left
{
  float: left;
}

div.headerNavigation .boxContainer div div span.right
{
  float: right;
}

div.headerNavigation .boxContainer div div span.right img
{
  padding: 0 10px 0 0;
  margin: 0;
  cursor: pointer;
}

/*
div.headerNavigation div a span
{
  float: right;
  width: 9px;
  height: 10px;
  margin-right: 5px;
  margin-top: 3px;
}*/

div.headerNavigation .boxBasket a,
div.headerNavigation .boxBasket a span
{
  color: #fff;
  font-weight: bold;
}

div.headerNavigation .boxBasket a img
{
  border: 0 none;
  padding-right: 7px;
}


div.headerNavigation .searchBar
{
  padding-left: 10px;
  height: 20px;
}

div.headerNavigation .searchBar img
{
  position: relative;
  top: 5px;
  left: 0;
}

div.headerNavigation .searchBar input[type=text],
div.headerNavigation .searchBar input.inputText
{
   width: 175px;
}


input[type=text],
input[type=password],
input.inputText,
textarea
{
  font-size: 12px;
  font-weight: lighter;
  color: #797979;
  height: 18px;
  border: 1px solid #cecece;
}

textarea
{
  height: 100px;  
  width: 200px;
  padding: 5px;
}

div.headerNavigation .searchBar div.autoCompletion
{
 display: none;
 position: absolute;
 margin-left: 21px;
 z-index: 100;
 margin-top: 3px;
}

div.headerNavigation .searchBar div.autoCompletion div.curved
{
 padding: 10px 0;
 background-color: #e1e1e1;
 
 /* css3 + ie-script*/
  box-shadow: 1px 1px 1px #b5b5b5;

  /* firefox */
 -moz-box-shadow: 1px 1px 1px #b5b5b5;
 
 /* chrome */
 -webkit-box-shadow: 1px 1px 1px #b5b5b5;
 
 /* safari */
 -khtml-box-shadow: 1px 1px 1px #b5b5b5;
 
 /* ie script */
  z-index: 100;
}

div.headerNavigation .searchBar div.autoCompletion 
{
}

div.headerNavigation .searchBar div.autoCompletion li:hover,
div.headerNavigation .searchBar div.autoCompletion a:hover,
div.headerNavigation .searchBar div.autoCompletion div.fulltext div:hover,
div.headerNavigation .searchBar div.autoCompletion div.fulltext h4
{
 background-color:  #C7C7C7;
}

div.headerNavigation .searchBar div.autoCompletion div.fulltext h4,
div.headerNavigation .searchBar div.autoCompletion div.fulltext div,
div.headerNavigation .searchBar div.autoCompletion ul li
{
 padding: 0 10px; 
}


div.headerNavigation .searchBar div.autoCompletion ul li
{
 display: block; 
}

div.browseNavigation 
{
  height: 74px;
  position: absolute;
  z-index: -1;
}

div.browseNavigation ul
{
  padding: 8px 21px 0 21px;
/*  padding: 16px 21px 0 21px;
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display: inline;*/
}
div.browseNavigation ul li a
{
  color: #666; 
}

div.browseNavigation ul li 
{
  float: left;
  margin-right: 12px; 
}

div.browseNavigation ul li a.main
{
  position: relative;
  top: 0;
  left: 0;
  font-size: 16px;
  line-height: 20px;
  margin-right: 4px;
 /* arrow padding 6px+8px(img) */
 /*padding-right: 14px;*/
  padding: 4px;
  display:block;
}
/*
div.browseNavigation ul li a.main.hover
{
  padding-right: 3px; 
}
*/
div.browseNavigation ul li a span
{
  background: transparent url('/maag/asset/arrowDownGrayWhite.gif') no-repeat right;
  padding-right: 4px;
  padding-left: 5px;
  margin-left: 3px;
  height: 10px;
}

div.browseNavigation ul li a.curved.hover,
div.browseNavigation ul li div.curved
{
  background-color: #e1e1e1;
  padding: 4px;
 
 /* css3 + ie-script*/
  box-shadow: 1px 1px 1px #b5b5b5;
  border-radius: 3px; 
 

  /* firefox */
 -moz-box-shadow: 1px 1px 1px #b5b5b5;
 -moz-border-radius: 3px;
 
 /* chrome */
 -webkit-box-shadow: 1px 1px 1px #b5b5b5;
 -webkit-border-radius: 3px;
 
 /* safari */
 -khtml-box-shadow: 1px 1px 1px #b5b5b5;
 -khtml-border-radius: 3px;
 
 /* ie script */
  behavior: url(/maag/css/htc/PIE.htc);
}

div.browseNavigation ul li a.hover span,
div.browseNavigation ul li a.curved.hover span
{
  background: #e1e1e1 url('/maag/asset/arrowDownOrangeGray.gif') no-repeat right;
}

div.browseNavigation ul li div.megaDropDown div.curved
{
  background: #e1e1e1 url('/maag/asset/1pxTransparent.gif') repeat-y left top;
  height: 100%;
  padding: 15px;
}


div.browseNavigation ul li div.megaDropDown
{
  margin: -5px 0 0 0;
/*  float: left;*/
  display: none;
  position: absolute;
  z-index: 3;
 /*background-color: #e1e1e1;*/

}

div.browseNavigation ul li div.megaDropDown div.column
{
  width: auto;
  padding: 0 3px 0 3px; 
}

div.browseNavigation ul li div.megaDropDown ul
{
  width: 174px;
  padding: 5px 0 8px 0;
  
}

div.browseNavigation ul li div.megaDropDown li
{
  list-style: none;
  display: block;
  border-bottom: 1px solid #c7c7c7;
  padding: 4px 13px;
  float: none;
}

div.browseNavigation ul li div.megaDropDown a
{
  width: 100%;
  line-height: 12px;
}

div.browseNavigation ul li div.megaDropDown li:hover,
div.browseNavigation ul li div.megaDropDown li:active,
div.browseNavigation ul li div.megaDropDown h3:hover,
div.browseNavigation ul li div.megaDropDown h3:active
{
  background-color: #c7c7c7;
}

/*div.browseNavigation ul li div.megaDropDown h3
{
  padding: 3px 0 3px 0;
}
*/
div.browseNavigation ul li img
{
 /* padding: 0 27px 0 6px; */
  padding-left: 6px;
  border: none;
}

div.sidebar {
  border-right: 1px solid  #c7c7c7;
  border-left: 1px solid  #c7c7c7;
  line-height: 25px; 
  color: #666;
}

div.sidebar li.main img.arrowDown,
div.sidebar li.main img.arrowUp,
div.sidebar li.main img.external
{
  margin: 3px 12px 0 0;
}

div.sidebar li span.left
{
  float: left;
  width: 135px;
}

div.sidebar li span.right
{
  float:right;
}

div.sidebar ul li.main div.main
{
  margin-bottom: 2px;
  padding-left: 17px;
  background-color: #fff;
  font-weight: bold;
  width: 165px;
  float: left;
  cursor: pointer;
  /* css3 + ie-script*/
  box-shadow: 1px 1px 1px #b5b5b5;
 

  /* firefox */
 -moz-box-shadow: 1px 1px 1px #b5b5b5;
 
 /* chrome */
 -webkit-box-shadow: 1px 1px 1px #b5b5b5;
 
 /* safari */
 -khtml-box-shadow: 1px 1px 1px #b5b5b5;
 
  behavior: url(/maag/css/htc/PIE.htc);
}

div.sidebar ul li .plain,
div.sidebar ul li.main div.main
{
  cursor: auto !important;
}

div.sidebar ul.none.plain li,
div.sidebar ul.none.plain li a
{
  line-height: 120%;
}

div.sidebar ul li.main ul.sub li:hover,
div.sidebar ul li.main ul.sub div.sub:hover,
div.sidebar ul li.main div.ref:hover
{
  background-color: #C7C7C7;
}

div.sidebar ul li.main li,
div.sidebar ul li.main ul.plain,
div.sidebar ul li.main ul.sub li.sub:hover,
div.sidebar ul li.main ul.sub li.sub li:hover
{
  background-color: #e9e9e9;
}

div.sidebar ul li.main ul.sub li.sub li:hover a,
div.sidebar ul li.main ul.sub li.sub li a:active,
div.sidebar ul li.main ul.sub li.sub li a.hover
{
  color: #000;
}

div.sidebar ul li.main ul.sub li.sub div.sub a,
div.sidebar ul li.main ul.sub li.sub ul.none a
{
  margin-right: 5px;
}
div.sidebar ul li.main ul.sub li.sub div.sub a.active,
div.sidebar ul li.main ul.sub li.sub ul.none a.active
{
  font-weight: bold;
}

div.sidebar ul li.main ul.sub li.sub ul.none li
{
  background-image: none;
  border-bottom: 0;
}

div.sidebar ul li.main li,
div.sidebar ul.plain
{
  border-bottom: 1px solid  #c7c7c7;
}

div.sidebar ul li.main ul.plain,
div.sidebar ul li.main div.catalog p
{
  padding-top: 5px;
  padding-bottom: 5px;
}

div.sidebar ul li.main div.buttonText a
{
  margin: 0;
  padding: 0 0 0 12px;
  width: 148px;
}
div.contentContainer div.sidebar ul li.main div.buttonText a.catalogLink
{
    line-height:  27px;
}

div.sidebar ul li.main div.buttonText
{
  float: right;
  margin-bottom: 0;
}

div.sidebar ul li.main div.catalog
{
	background-color: #E9E9E9;
	border-bottom: 1px solid #C7C7C7;
}	

div.info li#shipment div.detail ul
{
	list-style: disc inside none;
}

div.sidebar ul li.main li
{
  padding-left: 12px;
}

div.sidebar ul.plain li,
div.sidebar ul li.main ul.plain li,
div.sidebar ul li.main div.catalog p
{
  border: 0;
  line-height: 130%;
  padding-left: 13px;
}

div.sidebar ul li.main div.catalog img
{
  padding-left: 37px;
}

div.sidebar ul li.main ul.none.plain li
{
  padding-left: 13px;
}

div.sidebar ul li.main li.sub
{
  padding-left: 0;
}


div.sidebar ul li.main ul.sub span.arrowRight:hover
{
  background-position:0 -30px; 
}

/*
div.sidebar ul li.main ul.sub li
{
  padding-left: 15px;
}
*/
/*
div.sidebar ul li.main ul
{
  list-style: disc inside; 
}
*/
div.sidebar ul li.main ul li
{
  display: list-item;
}

div.breadCrumb,
div.breadCrumb a
{
  font-size: 10px;
  color: #666;
}

div.breadCrumb
{
  padding-bottom: 20px;
  padding-left: 28px;
  float: left;
}

div.breadCrumb.full,
.fill div.breadCrumb
{
  float:none;
}


div.bannerContainer
{
  height: 320px;
  margin-left: 40px;
  margin-bottom: 20px;
  
}

div.bannerContainer div.heading
{
 height: 56px;
 position: relative;
}

div.bannerContainer div.heading span
{
  position: absolute;
  bottom: 0;
  color: #ff7c00;
  font-size: 42px;
  height: 42px;
  font-style: italic;
  font-weight: bolder;
  
}

div.bannerContainer div.column.img
{
  width: 340px;
  padding: 0;
}

div.bannerContainer div.column.img img
{
 text-align: center;
 vertical-align: middle;
 /* TODO align this */
 padding-top: 20px;
 margin: auto;
 margin-right: 50px;
 display: block;
}

div.bannerContainer div.column
{
 position: relative;
 width: 422px;
 height: 264px;
}

div.bannerContainer div.column .buttonText input
{
 margin-bottom: 0;
 position: absolute;
 bottom: 0;
 right: 0;
} 

div.bannerContainer div.column div.slider
{
 text-align: right;
 width: 100%;
 height: 87px;
}

div.bannerContainer div.column div.slider ul li 
{
 margin-left: 10px;
}

div.bannerContainer div.column div.info
{
 margin: 20px 20px 0 75px;
}

div.bannerContainer div.column div.info h3
{
 margin-bottom: 5px;
}

div.bannerContainer div.column div.info p,
div.bannerContainer div.column div.info div
{
 margin: 5px 0;
}

div.bannerContainer div.column div.info .price
{
 margin-top: 15px;
 font-weight: bold; 
}

div.bannerContainer div.order
{
 position: absolute;
 display: none;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1000;
}

div.bannerContainer div.order form span.unit
{
  margin-left: 5px;
}

div.bannerContainer div.order div.boxMiddle
{
 background-color: #fff;
 width: 232px;
 /* fixed position.. */
 margin: 12% 0 0 -45%;
 /*margin: 320px auto 0 auto;*/
 /* centered position */
 /*position: fixed;
 top: 27%;
 left: 35%;"/
  /* css3 + ie-script*/
  box-shadow: 1px 1px 1px #b5b5b5;

  /* firefox */
 -moz-box-shadow: 1px 1px 1px #b5b5b5;
 
 /* chrome */
 -webkit-box-shadow: 1px 1px 1px #b5b5b5;
 
 /* safari */
 -khtml-box-shadow: 1px 1px 1px #b5b5b5;
 
 /* ie script */
  behavior: url(/maag/css/htc/PIE.htc);
}

div.bannerContainer div.order label
{
 display: block;
}

div.addToOrderlist
{
    position: absolute;
    width:    233px;
}

div.bannerContainer div.order form,
 div.addToOrderlist form
{
 padding: 10px 0 0 10px;
 background-color:  #e9e9e9;
}

div.bannerContainer div.order input.textInput
{
  width: 48px;
}

div.bannerContainer div.order div.buttonText input
{
  margin:0;
  position: relative;
}

div.bannerContainer div.order div.buttonText a
{
 background-image: none;
 position: relative;
 margin: 0;
 padding: 0;
 left: -100px;
}
div.bannerContainer div.order div.close img
{
  margin-left: 5px;
}
div.bannerContainer div.order div.close
{
  float: left;
  margin-top: 5px;
}

div.bannerContainer div.order div.buttonText
{
  float: right;
  margin-bottom: 0;
}

.siteContainer.white div.contentContainer
{
 background-color: #fff;
}

div.content
{
  width: 802px;
  float:left;
  margin-left:18px; 
  min-height: 320px;
}

/*
div.content h3
{
  margin: 28px 0 28px 0;
}
*/
.siteContainer.white div.content
{
  background: -webkit-gradient(linear, 0 0, 0 180px, from(#ededed), to(#fff));
  /*background-image: -webkit-gradient(linear, 0 0, 0 180px, from(#ededed), to(#fff));*/
  background: -moz-linear-gradient(#ededed, #fff 180px);
  background: linear-gradient(#ededed, #fff 180px);
  -pie-background: linear-gradient(#ededed, #fff 180px);
  behavior: url(/maag/css/htc/PIE.htc); 
  margin-right: 16px;
  width: 776px;

}

.siteContainer.white div.content.white
{
  background: #fff none;
   -pie-background: none;
}

.full div.content,
div.content.full,
.siteContainer.white div.content.full
{
  float: none;
  width: 972px;
  margin: 0 16px;
}

div.content div.printlink
{
  clear: both;
  padding: 20px 14px;
}

div.content table.checkout .tooltip
{
  width: 160px;
  padding: 5px;
}

div.content table.checkout thead.overview th div.shipment div.tooltip
{
  width: auto;
  white-space: nowrap;
}

div.content table.checkout thead.overview th div.tooltipContainer.shipment:hover div.tooltip.hidden
{
  display: none;
}

div.content table.checkout thead.overview th div.tooltipContainer.shipment
{
  display: inline;
  cursor: pointer;
}

div.content table.checkout thead.overview th div.tooltipContainer.shipment ul,
div.content table.checkout thead.overview th div.tooltipContainer.shipment ul li
{
  border: 0;
}

div.content table.checkout .description
{
  width: 230px;
}

div.content table.checkout label.description
{
  width: auto;
}

div.content table.checkout .tooltip ul
{
  padding-top: 6px;
}

div.content table.checkout thead.overview
{
  border-bottom: 1px solid #c7c7c7;
}

div.content table.checkout thead th
{
  padding-bottom: 20px;
}

div.content table.checkout thead.overview th
{
  padding-bottom: 30px;
}

div.content table.checkout thead.overview a img
{
  margin: 0 5px 0 0;
}

div.content table.checkout thead.overview input.textInput
{
  width: 150px;
  float:right;
  margin: 0
}

div.content table.checkout thead.overview .description.left
{
  float:left;
}

div.content table.checkout thead.overview .description
{
  font-weight: bold;
  margin-right: 4px;
}

div.content table.checkout thead.overview .description .specialDescription
{
  color: #D82042;
}


div.content table.checkout .tooltip ul li
{
  border-top: 1px solid #c7c7c7;
  clear: both;
  line-height: 140%;
}

div.content table.checkout th
{
  font-weight: normal;
  text-align: left;
}

div.content table.checkout .tooltip li.head
{
  border: 0;
}


div.content table.checkout .tooltip span.left
{
  float: left;
}

div.content table.checkout .tooltip span.right
{
  float: right;
}

div.content table.checkout .articleNumberPurchaser input.inputText
{
  width: 180px;
}

.checkout div.overview
{
  width: 100%;
  float: left;
}

.checkout div.overview div.column
{
  width: 50%;
}

.checkout .overview
/*.checkout div.column .shipping*/
{
  padding: 25px 0;
}

.checkout .shipping 
{
/*  margin-bottom: 15px;*/
  line-height: 25px;
}

.checkout .overview .column .terms
{
  margin: 20px 32px 5px 0;
  width: 100%;
  font-weight: bold;
}

.checkout .column .overview .terms label
{
  font-weight: bold;
}

.checkout .shipping textarea
{
  height: 140px;
  width: 405px;
}

.content .topic.ack,
.content .addWatchList,
.content .orderLists,
.content .editWatchList
{
  margin-bottom: 77px;
}

.content .topic.ack h3,
.content .topic.ack h4,
.content .topic.ack p
{
  margin: 15px 0;
}

.content .topic.ack .printlink a
{
  text-align: left;
  display: block;
  line-height: 27px;
}


.checkout .overview div.buttonText
{
  float: right;
  margin-top: 20px;
  width: 370px; 
}

.checkout ul,
.detail .info ul
{
  list-style: none;
  border-top: 1px solid #c7c7c7;
}

div.checkout div.info ul li#shipment.linked div.detail ul.inside
{
  border-top: none;
}

div.checkout div.info ul li#shipment.linked div.detail ul.inside li
{
  padding: 2px 0;	
}

.checkout ul.error
{
	border: none;
	margin: 12px 0;
}
	

.checkout ul li.hover a,
.detail .info ul li.hover a
{
  font-weight: bold;
}

.checkout div.overview div.column div.right
{
  text-align: left;
  float: right;
  width: 370px;
}

.checkout .info ul li img.arrowDown,
.content.detail .info ul li img.arrowDown
{
  margin-right: 20px;
}

.content.detail .topic div.info li.hover div.container div.detail
{
  margin-top: 12px;
}

.checkout .info ul li .detail span
{
  margin-right: 15px;
}

.checkout .info ul li .detail
{
  margin-left: 32px;
  margin-top: 5px;
}

div.checkout div.info ul li#shipment.linked div.detail
{
  margin-top: 9px;	
}

.checkout .info ul li .detail img.avail
{
  margin-right: 10px;
  margin-left: 0;
}

.checkout div.topic div.orderConfirm
{
	display: none;
}


.checkout .overview ul li,
.checkout .info ul li,
.detail .info ul li div.container,  /* pie needs a container ... */
.detail .info ul li div.container li
{
  padding: 6px 0;
  border-bottom: 1px solid #c7c7c7;
}

li#shipment div.detail p
{
  margin-bottom: 4px;	
}

div.checkout div.info ul li#shipment.linked div.detail ul.inside li
{
	border-bottom: none;
}


.detail .info ul li div.container div.sub table.downloads
{
  width: 100%;	
}

.detail .info ul li div.container div.sub table.downloads col.type
{
  	width: 140px;
}

.detail .info ul li div.container,
.detail .info ul li div.container li
{
  padding-left: 12px;
  padding-right: 12px;
}
.detail .info ul li ul.sub li
{
  padding: 2px 0;
}


.checkout ul li img.arrowDown
{
  margin-bottom: 0;
}



.checkout .overview .column.price,
.checkout .overview .open
{
  font-weight: bold;
}

.checkout .overview ul li div.column
{
  width: 120px;
}

.checkout .overview ul li div.description
{
  width: 245px;
  padding-left: 5px;
}
 
.checkout .overview span.right
{
  float:right;
} 

.checkout .overview span.left
{
  float:left;
}

.checkout form.editWatchList span.left
{
	float: left;	
}

.checkout form.editWatchList span.right
{
	float: right;	
}

div.content table tbody tr:hover
{
  background-color: #e9e9e9;
}

div.content table tbody tr:hover .directLink
{
  	cursor: pointer;
}

div.content table.agendatable tbody tr:hover
{
    background-color: white;
}

div.content table.checkout
{
  width: 952px;
  padding: 5px 0;
}

div.content .editWatchList table.checkout
{
  margin-bottom: 20px;
  margin-top: 20px;
}

div.content div.checkout
{
  margin: 0 10px;
}
div.results ul li div.column div.addTobasket
{
    float: right;
}

div.results ul li div.column input.textInput,
div.content table input.inputText,
div.content table input[type=text]
{
  width: 30px;
  background-color: #f3f3f3;
}

div.content div.topic div.results ul li span.price,
div.content div.topic div.results ul li span.unit
{
    padding-right:  50px;
}
div.content div.topic div.results ul li span.unit
{
    padding-right:  0px;
}

div.content div.topic div.results ul.customerCatalog li div.column div.unit
{
    float: left;
    padding-left: 300px;
    padding-top: 6px;
    width: 50px;
}

div.contentContainer div.content div.topic div.results ul.customerCatalog li div.column.description
{
    font-weight: normal;
}

div.contentContainer div.content div.topic div.results ul.customerCatalog li div.column.img
{
    padding:  20px;
}
div.contentContainer div.content div.topic div.results ul.customerCatalog li div.column
{
    padding:  8px 0 8px 80px;
}

div.content div.topic div.results ul li div.column.action a
{
    float:right;
}

div.content table input.inputText.tiny
{
  width: 20px;
}

div.content table.checkout input.articleNumber
{
  width: 65px;
}

div.content table.checkout .utils img
{
  margin-left: 5px;
}

div.content table.checkout .price,
div.content table.checkout .totalPrice,
div.content table.checkout .utils,
div.content table.checkout .prodListTotalPrice
{
  text-align: right;
}

div.content table.checkout .update
{
  text-align: left;
}

div.content table.checkout tr.description td
{
  padding-left: 20px;
}

div.content table.checkout tr.description input[type=text],
div.content table.checkout tr.description input.inputText
{
  margin-left: 3px;
  width: 550px;
}

div.content table td,
div.content table th
{
  padding: 5px;
}
div.content table.agendatable,
div.content table.agendatable tbody
{
    border:  0px;
}
div.content table.agendatable td
{
    padding: 0px;
    padding-bottom: 2px;
}

div.content table tbody
{
  border-top: 1px solid #c7c7c7;
}

div.content table.orderLists thead th a,
div.content table.family thead th a img
{
  padding-right: 5px;
}

div.content .checkout fieldset
{
  border: 0;
  padding: 15px 0;
}

div.content .checkout div.register ul
{
  margin-top: 15px;
}


div.content .checkout div.register ul ul.arrow
{
  margin-top: 0;
  margin-left:14px;
}

div.content .checkout div.register ul ul.arrow,
div.content .checkout div.register ul ul.arrow li
{
  border: 0;
}

div.register.box.right ul.arrow.gray li
{
  background-position: 0 8px;
  padding-left: 18px;
}

div.content .profile ul.box
{
  list-style: none;
  border-top: 1px solid #c7c7c7;
}

div.content .profile ul.box li.box
{
  border-bottom: 1px solid #c7c7c7;
  float: left;
}

div.content .profile div.info
{
	margin-top: 20px;
	margin-bottom: 35px;
}
	

div.content .checkout div.box.billing,
div.content.checkout div.topic div.orderConfirm div.box.billing,
div.content .checkout div.box.delivery,
div.content.checkout div.topic div.orderConfirm div.box.delivery,
div.content .profile div.box
{
  margin: 12px 0;
  height: 160px;
}

div.content .profile div.box
{
  height: 120px;
}

div.content .profile div.box h3
{
  margin: 10px 0;
}

div.content .checkout div.box.delivery div.buttonText.next
{
  margin-top: 20px;
  margin-left: 0;
}


div.content .checkout div.box.left,
div.content.checkout div.topic div.orderConfirm div.box.left,
div.content .profile div.box.left
{
  border-right:  1px solid #c7c7c7;
  float: left;
  width: 474px;
}

div.content .checkout div.box.right,
div.content.checkout div.topic div.orderConfirm div.box.right,
div.content .profile div.box.right
{
  float: right;
  padding: 0 20px;
  width: 434px;
  text-align: left;
}

div.content .checkout div.box ul.address,
div.content.checkout div.topic div.orderConfirm div.box ul.address
{
  border: 0;
  margin-bottom: 12px;
}

div.content .checkout div.register,
div.content .checkout div.login,
div.content .profile div.box
{
/*  height: 230px;*/
  margin: 20px 0;
}

div.content .checkout div.box h3
{
  margin-bottom: 25px;
}

div.content .checkout div.login form .buttonText,
div.content .checkout div.register div.info
{
  margin-bottom: 20px;
}

div.content .checkout div.login form input.textInput
{
  width: 330px;
  height: 20px;
}

div.content .checkout div.login span.dummyLabel
{
  float: left;
  width: 112px;
}

/*div.content .checkout div.login form .buttonText,*/
div.content .checkout div.login ul
{
  border: 0;
  margin-left: 113px;
}

div.content .checkout div.login ul.error
{
  margin-left: 0px;	
}

div.content .checkout div.column
{
  width: 50%;
}

div.content .checkout div.login label
{
  float:left;
  width: 100px;
  text-align: right;
  margin-right: 12px;
  padding-top: 6px;
}

div.content .topic .registration
{
  padding-top: 25px;
}

div.content .topic .registration .tooltipContainer .tooltip
{
  top: -13px;
  left: -9px;
}

div.content .topic .registration form.lostUser,
div.content .topic .registration form.lostUser.pwChange
{
  width: 750px;	
}

div.content .topic .registration form
{
  margin: 50px auto 25px auto;
}

div.content .topic .registration form .radioInput
{
  margin: 5px 5px 0 0;
}

div.content .topic .registration form input.textInput,
div.content .topic .registration fieldset textarea
{
  width: 370px;
  height: 20px;
}

div.content .topic .registration form div.indent
{
  margin-left: 120px; 
  width: 385px;
}

div.content .topic .registration form.lostUser div.indent,
div.content .topic .registration form.pwChange div.indent
{
  margin-left: 262px; 
}

div.content .topic .registration form div.buttonText
{
  margin: 20px 0 15px 0;
}

div.content .topic .registration form div.buttonText input.submit
{
    margin-left: 92px;
}

div.content .topic .registration label,
div.content .topic .registration span.dummyLabel
{
  float:left;
  width: 250px;
  text-align: right;
  margin-right: 12px;
  padding-top: 6px;
}

div.content .topic .registration form.lostUser span.dummyLabel
{
	width: 110px;
}

div.content .topic .registration form.lostUser label,
div.content .topic .registration form.lostUser.pwChange label
{
  width: 250px;
}

div.content .topic .registration  fieldset
{
  border-top: 1px solid #c7c7c7; 
  position: relative;
  top: 0;
  left: 0;
}

div.content .topic .registration fieldset.rightLabel input.checkBoxInput
{
  width: auto;
  border: 0;
}

div.content .topic .registration fieldset textarea
{
  height: 120px;
}

div.content .topic .registration fieldset.rightLabel label,
div.content .topic .registration label.rightLabel
{
  float: none;
  width: auto;
}

div.content .topic .registration  fieldset legend
{
  font-weight: bold;
  position: absolute;
  top: 6px;
  left: 0;
}

div.content.full .topic form.changeMyAddress
{
  margin-top: 24px;
}

div.content.full .topic form.changeMyAddress div.customerNumber
{
	margin-top: 6px;
}

div.content .checkout h4
{
  margin: 20px 0;
}

div.content table.watchLists
{
  margin-top: 20px;
}

div.content form.addWatchList 
{
  margin-top: 40px;
}

div.content table.watchLists col.name,
div.content table.watchLists col.rename
{
  width: 230px;
}

div.content table.watchLists col.quantityList
{
	width: 165px;	
}

div.content table.watchLists col.quantity
{
	width: 80px;	
}

div.content table.watchLists input.rename
{
	width: 160px;
}
	


div.content table.checkout tbody td.utils a
{
 margin-left: 5px;
}

div.content form.editWatchList div.newItem
{
	margin-bottom: 10px;
}

div.content form.editWatchList div.newItem span.buttonText
{
  margin-left: 20px;
}

div.content form.editWatchList div.newItem input.textInput
{
  height: 20px;
}

div.content form.addWatchList span.buttonText
{
  margin-left: 20px;
}

div.content form.addWatchList input.textInput
{
  height: 20px;
}

div.content ul.tabs.inline
{
  border: 0;
  width: 100%;
}

div.content ul.tabs.inline li
{
  background: #fff url('/maag/asset/tabEdge-sprites.gif') no-repeat right -62px;
  width: 233px;
  height: 31px;
  display: block;
  float: left;
  padding-left: 10px;
  line-height: 31px;
  font-weight: bold;
  color: #ccc;
}


div.content ul.tabs.inline li.tabright
{
  /*background-image: none;*/
  background-position: right -124px;
}

div.content ul.tabs.inline li.tabright.active
{
	background-position: right -186px;	
}

div.content ul.tabs.inline li.done
{
  background-position: right -155px;
  background-color: #e9e9e9;
}

div.content ul.tabs.inline li.active
{
  background-color: #ff7c00;
  background-position: right top;
}

div.content ul.tabs.inline li.active span
{
  color: #fff;
}

div.content ul.tabs.inline span.right
{
  float: right;
}

div.content ul.tabs.inline span img.tick
{
  display: none;
  margin: 10px 10px 0 0;
}

div.content ul.tabs.inline li.done span img.tick
{
  display: block;  
}

div.content ul.tabs.inline span.left
{
  float: left;
}

div.content ul.tabs.inline li span
{
  color: #ccc;
}

div.content ul.tabs.inline li.done span,
div.content ul.tabs.inline li.done span a
{
  color: #ff7c00;
}

div.content ul.tabs.inline li.activenext
{
  /*background-position: right -31px;*/
  background-position: right -93px;
}

div.content div.tabs
{
  float: right;
}

.siteContainer.white div.content.heading
{
  min-height: 0; 
  height: 20px;
  background: none;
  -pie-background: none;
  margin-left: 28px;
  margin-bottom: 20px;
}

div.content .topic,
div.content .filter
{
  margin: 0 10px;
  line-height: 150%;
}

div.content .topic.extendedSearch
{
  margin-top: 10px;
}

div.content .topic.extendedSearch div
{
  margin-top: 10px;
  background-color: #ffffff;
  width: 320px;
}

div.content .topic.extendedSearch div img
{
	position: relative;
	top: 5px;
	left: 0;
}

div.content div.filter div.search
{
  margin-top: 28px;
}

.white div.content .bar
{
  background: transparent url('/maag/asset/tab-sprites.gif') no-repeat right -31px;
  padding-right: 10px;
  height: 31px;
}

.white div.content .bar div
{
  padding: 11px 0 0 10px;
  height: 20px;
  background-color: #fff;
  font-weight: bold;
}

.white div.content .bar div.searchBar
{
 padding-top: 5px;
 padding-bottom: 6px;
}

.white div.content.detail .bar div
{
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    height: 100%;
}

.white div.content.detail.full .bar div
{
	padding-left: 10px;
}

.white div.content.detail .bar div.select,
.white div.content.detail .bar div.select div.current
{
  float: left;
  cursor: pointer;
}

.white div.content.detail .bar div.back.right
{
  float:right;
  line-height: 31px;
  font-weight: normal;
}

.white div.content.detail .bar div.select div.dropDown,
.white div.content.detail .bar div.select div.current
{
  border-bottom: 1px solid #b5b5b5;
  border-left: 1px solid #cfcfcf;
}

.white div.content.detail div.topic .overview
{
  margin-top: 30px;
}

.white div.content.detail .topic .overview div.column.family p,
.white div.content.detail .topic .overview div.column.family ul.none
{
  padding-bottom: 20px;
}

.white div.content.detail .topic .overview div.column.family ul li
{
  padding-bottom: 3px;
}

.white div.content.detail .topic div.column.detail
{
  width: 500px;
}

.white div.content.detail .topic div.column.img
{
  width: 250px;
}

.white div.content.detail .topic div.column.img div.imgContainer
{
  float: left;
  display: inline;
  width: 210px;
}

.logoProducer
{
  margin-top: 10px;
}

.white div.content.detail .topic div.column.img .big img
{
  height: 120px; 
  width: 200px;
}

.white div.content.detail .topic div.column.img .small img
{
  height: 30px;
}
.white div.content.detail .topic div.column.img .small img,
.white div.content.detail .topic div.column.img .big img
{
  width: auto;
  margin: 0 0 8px 8px;
    /* css3 + ie-script*/
  box-shadow: 2px 1px 2px #b5b5b5;
 

  /* firefox */
 -moz-box-shadow: 2px 1px 2px #b5b5b5;
 
 /* chrome */
 -webkit-box-shadow:  2px 2px 2px #b5b5b5;
 
 /* safari */
 -khtml-box-shadow: 2px 1px 2px #b5b5b5;
 
 /* ie script */
  behavior: url(/maag/css/htc/PIE.htc);
}

.white div.content.detail .topic div.column.img .right img
{
  /* css3 + ie-script*/
  box-shadow: none;
 

  /* firefox */
 -moz-box-shadow: none;
 
 /* chrome */
 -webkit-box-shadow: none;
 
 /* safari */
 -khtml-box-shadow: none;

}

.white div.content.detail .topic div.column.img .small a.img
{
  float:left;
  margin-right: 10px;
  margin-top: 5px;
}

.white div.content.detail .topic div.column.img .right
{
  float: right;
  line-height: 30px;
  padding-top: 5px;
}

.white div.content.detail .bar div.select div.dropDown ul
{
  list-style: none;
  line-height: 25px;
}

.white div.content.detail .bar div.select div.dropDown li
{
  font-weight: normal;
  border-top: 1px solid #fff;
}

.white div.content.detail .bar div.select div.dropDown li a
{
	display: block;
  padding: 0px 10px 0px 10px;	
}

.white div.content.detail .bar div.select div.dropDown li:hover
{
  background-color: #c7c7c7;
}

.white div.content.detail .bar div.select div.dropDown li.current
{
  font-weight: bold;
  border: 0;
}

.white div.content.detail .bar div.select div.dropDown li.current a
{
	display: inline;
}

.white div.content.detail .bar div.select div.dropDown
{
  display: none;
  position: absolute;
  height: auto;
  margin-top: 2px;
  z-index: 1;
}

.white div.content.detail .bar div.select div.dropDown div,
div.content.detail thead th.hover div.filter div
{

  background-color: #e9e9e9;
  /* css3 + ie-script*/
  box-shadow: 2px 1px 2px #b5b5b5;
 

  /* firefox */
 -moz-box-shadow: 2px 1px 2px #b5b5b5;
 
 /* chrome */
 -webkit-box-shadow:  2px 1px 2px #b5b5b5;
 
 /* safari */
 -khtml-box-shadow: 2px 1px 2px #b5b5b5;
 
 /* ie script */
  behavior: url(/maag/css/htc/PIE.htc);
}

.white div.content.detail .bar div.select div.current
{
  line-height: 30px;
  padding-left: 10px;
 
   /* css3 + ie-script*/
  box-shadow: -1px 1px 2px #b5b5b5;
 

  /* firefox */
 -moz-box-shadow: -1px 1px 2px #b5b5b5;
 
 /* chrome */
 -webkit-box-shadow:  -1px 1px 2px #b5b5b5;
 
 /* safari */
 -khtml-box-shadow: -1px 1px 2px #b5b5b5;
 
 /* ie script */
  behavior: url(/maag/css/htc/PIE.htc);
}

.white div.content.detail .bar span.right
{
  margin-left: 40px;
  margin-right: 10px;
}

.white div.content.detail .bar div.rightShadow
{
  float: left;
  height: 26px;
  padding: 5px 0 0 0;
}

div.content.detail .topic .overview 
{
  margin-bottom: 20px;
}

div.content.detail .topic .info ul li ul.sub div.label
{
  width: 300px;
  float: left;
}

div.content.detail .topic .info ul li ul.sub
{
  margin: 0 0 0 30px;
  border: 0;
}

div.content.detail .topic .info ul li.hover ul.sub li:last-child,
div.content.detail .topic .info ul li.hover ul.sub li.last-child
{
  border: 0;
}

div.content.detail .topic .info ul li.hover
{
  background: -webkit-gradient(linear, 0 0, 0 100px, from(#ededed), to(#fff));
  background: -moz-linear-gradient(#ededed, #fff 100px);
  background: linear-gradient(#ededed, #fff 100px);
  -pie-background: linear-gradient(#ededed, #fff 100px);
  behavior: url(/maag/css/htc/PIE.htc);
}


div.content.detail .topic .overview div.column.detail div.label
{
  width: 200px;
}

div.content.detail .topic .overview div.column.family div.label,
div.content.detail div.order.detail ul.none div.label
{
  width: 150px;
}
div.content.detail .topic .overview div.column.detail div.text img.avail
{
  margin-right: 5px;
}

div.content.detail .topic .overview div.column.detail div.text
{
  font-weight: bold;
}

div.content.text .topic p.newUsername
{
	font-weight: bold;
}

div.content.detail .topic .overview div.column.family div.text
{
  font-weight: normal;
}

div.content.detail .topic .overview div.column.detail div.right
{
  margin-top: 20px;
  float: right;
}

div.content.detail .topic .overview div.column.detail div.left
{
  float: left;
  margin-left: 30px;
}

div.content.detail .topic .overview div.column.detail ul li
{
  padding-bottom: 5px;
}

div.content.detail .topic .overview div.column.detail span.unit
{
  font-weight: normal;
} 

div.content.detail .topic .overview div.column.detail div.text input.textInput
{
  width: 60px;
  font-weight: bold;
}

div.content.detail .topic .overview div.column.detail div.text span
{
  margin-left: 5px;
}

div.content.detail .topic .overview div.column.detail div.label,
div.content.detail .topic .overview div.column.detail div.text,
div.content.detail div.order.detail ul.none div.label,
div.content.detail div.order.detail ul.none div.text
{
  float: left;
}

div.content.detail div.order.detail .state
{
  font-weight: bold;
}

div.content.detail div.order.detail table
{
  width: 100%;
  margin-bottom: 20px;
}

div.content.detail div.order.detail ul.none
{
  border: 0;
  margin: 20px 0;
}

div.content.detail div.order.detail ul

div.content.detail .topic .overview div.column.detail table
{
  font-weight: normal;
}

div.content.detail .topic .overview div.column.detail table td.discountleft
{
    text-align: right;
}

div.content.detail .topic .overview div.column.detail table td.discountleft,
div.content.detail .topic .overview div.column.detail table th.discount
{
    padding-left: 20px;
}

div.content.detail .topic .overview div.column.detail table td,
div.content.detail .topic .overview div.column.detail table th
{
  padding-top: 1px;
  padding-bottom: 1px;
}

div.content.detail .topic table tr
{
  border-top: 1px solid #c7c7c7;
}

div.content.detail .topic table tfoot,
div.content.detail .topic table tfoot tr,
div.content.detail .topic table tfoot td
{
  border-color: #ff7c00;
  border-bottom: 1px solid #ff7c00;
}

div.content.detail .topic table.family input
{
  margin: 2px 0;
}

div.content table.family div.discount
{
  float: right;
}

div.content table.family div.tooltipPrice
{
  position:absolute;
  display: none;
  width: 120px;
}

div.content.detail .topic table.family 
{
  width: 100%;
}

div.content.detail .topic table.family td
{
  padding-top: 0;
  padding-bottom: 0;
}

div.content.detail .topic table.family th.arrow,
div.content.detail .topic table.family td.arrow
{
  width: 10px;
  padding-left: 0px;
}

div.content.detail .topic table.family td.price
{
  text-align: right;
  width: 50px;
}
div.content.detail .topic table.family tfoot
{
  border-bottom-color: #ff7c00;
  border-top-color: #ff7c00;
}

div.content.detail .topic table.family tfoot tr.spacer,
div.content.detail .topic table.family tfoot tr.spacer td
{
  border: 0;
}

div.content.detail .topic table.family thead.filterReset th
{
  display: none;
  background-color: #e9e9e9;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  font-weight: normal;
}


div.content.detail .topic table.family thead.filterReset th.filterReset
{
  text-align: right;
}

div.content.detail .topic table.family thead th.filterReset img,
div.content.detail .topic table.family span.unit
{
  margin-left: 5px;
}

div.content.detail .topic table.family div.filter
{
  position:relative;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

div.content.detail .topic table.family th.hover,
div.content.detail .topic table.family th.hover div.filter,
div.content.detail .topic table.family div.dropDown
{
  background-color: #e9e9e9;
}

div.content.detail .topic table.family th.hover
{
  padding: 0;
}

div.content.detail .topic table.family th.hover div.filter div.container
{
  padding: 5px;
}

div.content.detail .topic table.family div.dropDown
{
  display: none;
  position: absolute;
  width: 100%;
  top: 20px;
  padding-top: 5px;
  left: 0;
  margin: 0;
}

div.content.detail .topic table.family th.hover div.dropDown
{
  display:    block;
  width:      auto;
  margin-top: 8px;
  z-index:    8;
}
html div.content div.topic table.family thead.main th.hover div.filter ul.none li a
{
  white-space: nowrap;
}

div.content.detail .topic table.family div.dropDown ul li
{
  padding: 0 8px;
  font-weight: normal;
}

div.content.detail .topic table.family div.dropDown ul li:hover
{
  background-color: #c7c7c7;
}

/*div.content.detail .topic .discount*/
.discount,
.footerDiscount
{
  color: #ff7c00;
  font-weight: bold;
}

div.content div.box
{
  width: 393px;
  color: #666;
  float: left;
  margin-right: 16px; 
}

div.box.lastElementOnLine 
{
  margin-right: 0px !important;
}

div.content div.boxContainer div.box
{
  margin-bottom: 20px;
}

div.content div.boxContainer.linked div.box,
ul.linked li,
li.linked
{
  cursor: pointer;
}

div.content div.boxContainer.small div.box
{
  border-bottom: 1px solid #C7C7C7;
  float: left;
  height: 215px;
  width: 250px;
  margin: 0px;
}

div.content div.boxContainer.small div.box div.boxContent
{
  border-left: 1px solid #C7C7C7;
  padding: 0 20px;
  margin: 20px 0;
  height: 173px;
}

div.content div.boxContainer.small div.box.first div.boxContent
{
  border-left: 1px solid #fff;
}

div.content div.boxContainer.small div.box span.img
{
  width: 100%;
}

div.content div.boxContainer.small div.box span.img img
{
  display: block;
  margin: 0 auto;
  text-align: center;
}

div.content div.boxContainer.small div.box span.heading
{
  font-weight: bold;
  display: block;
  margin-bottom: 12px;
}

div.content div.box div.price
{
  font-weight: bold;
  padding-top: 20px;
}

div.content div.box div.column.img
{
  width: 132px;
  margin-right: 20px;
}

div.content div.box div.column
{
  margin-top: 15px;
  margin-right: 0;
  width: 50%;  
}

div.content div.box div.column a span
{
  padding-right: 10px;
  background: transparent url('/maag/asset/arrowHorizontalGrayWhite.gif') no-repeat right 5px;
}

div.content div.box div.column a:hover span
{
  background-position: right -9px;
}


div.bannerContainer .slider ul
{
 background: #fff url('/maag/asset/bgBannerSlider.gif') no-repeat right bottom;
 list-style: none;
}

div.bannerContainer ul li
{
 display: inline;
}

div.content div.box div.heading,
div.content div.box div.heading .new,
div.content div.box div.heading .new span
{
  padding-left: 6px;
  font-weight: bold;
  background-color: #e9e9e9;
  line-height: 26px;
  height: 26px;
}

div.content div.box div.heading span.left
{
  float: left;
}

div.content div.box div.heading .new
{
  float: right;
  padding: 0;
  background: transparent  url('/maag/asset/newHeading.gif') no-repeat top left; 
}

div.content div.box div.heading .new span
{
  color: #fff;
  margin-left: 7px;
  padding: 6px;
  background-color: #ff7c00;
}

div.content div.box div.full
{
  margin: 15px;
}

div.content div.box div.full ul
{
  margin-left: 15px;
}

div.content div.box div.agenda ul
{
  list-style: none;
  line-height: 130%;
  margin-left: 0;
}

div.content div.box div.agenda table.agendatable td:hover a,
div.content div.box div.agenda ul li:hover a
{
  color: #ff7c00;
}

div.footer
{
  clear: both;
  width: 100%;
  background-color: #e9e9e9;
  margin-top: 25px;
}

div.footer div
{
  margin: 0 auto;
}

div.footer div.footercontent
{
    color: #333333;
    padding-top: 6px;
    text-align: left;
}

div.footer div.footercontent .datwyler
{
    float: left;
    height: 16px;
    margin: 0;
    padding: 0 54px 20px 0;
    width: 131px; 
}

div.footer div.footercontent ul li
{
  margin-right: 4px;
  padding: 2px 3px;
}

div.footer a:hover
{
 background-color: #C6C6C6; 
}

div.footer ul
{
  list-style: none;
  padding: 5px 0;
}

div.footer ul li
{
  display: inline;
}

div.footer p
{
  color: #000;
}

/*Error Info Message styles */
div.messageBlock p.infoText
{
	color: #FF7C00;
}

div.messageBlock ul.error
{
	list-style: disc inside none;
}

div.content div.contact p
{
  margin-bottom: 15px;
}

div.content div.contact label,
div.content div.contact span.dummyLabel
{
  width: 300px;
  float: left;
}

div.content div.contact .textInput,
div.content div.contact .fileInput,
div.content div.contact  textarea
{
  width: 420px;
}

div.content div.contact .textInput
{
  height: 20px;
}

div.content div.contact textarea
{
  padding: 5px;
}

div.content div.contact p.error
{
	margin: 0px 0 0px 300px;
}

div.content div.contactErrorMessages
{
  margin: 10px 0 10px 10px;	
}

div.createNewOrderlist
{
    padding-top: 20px;
    padding-bottom: 20px;
}

div.createNewOrderlist .textInput
{
    width:   130px;
}

div.box ul.box
{
    margin-left: 15px;
}

div.contentContainer div.content div.bannerContainer div.column div.singlebanner
{
    padding-top: 50px;
}
div.contentContainer div.content div.bannerContainer div.column div.singlebanner p
{
    padding: 15px;
}


/*
    ensure that overlay is on top
*/
div.paddingContainer div.contentContainer div.addToOrderlist
{
    z-index: 55;
}

/****************************
        TypeAheadSearch
*****************************/
div.headerNavigation .searchBar div.autoCompletion
{
  min-width: 120px;
  width: auto;	
}

div.typeAheadSuggestions table
{
        border-collapse:     collapse;
        border:              none;
        border-spacing:      0px;
        cursor:              pointer;
        padding:             10px 0;
}

div.typeAheadSuggestions table td
{
        padding:             0 10px;
}

div.typeAheadSuggestions table td.fulltext
{
        padding-left:        0;
        padding-right:       0;
        padding-top:         10px;	
}

div.typeAheadSuggestions table td.fulltext div.fulltext
{
	      background-color:    #C7C7C7;
	      padding-left:        10px;
	      font-weight:         bold;
}
	

div.typeAheadSuggestions table tr.highlight
{
        background-color:    #C7C7C7;
}

div.typeAheadSuggestions table span.match
{
        /*background-color:    yellow;*/
}

/*
restrict image sizes, images should be delivered in correct sizes, if not the css
will resize it according plan

family and article detail page
first image in the preview: 176x120
product and information images: 44x30 (thumbnails for preview)
prüfzeichen: 50x50 (symbols like 'corrosive' etc.)
manufacturer image: no restrictions

*/

div.contentContainer div.content div.topic div.overview div.column div.imgContainer div.big a.img img
{
    width: 176px;
    height: 120px;
}

div.contentContainer div.content div.topic div.overview div.column div.imgContainer div.small a.img img
{
    width: 44px;
    height: 33px;
}

div.contentContainer div.content div.topic div.overview div.column div.imgContainer div.small img.pruefzeichen
{
    width: 50px;
    height: 50px;
    margin-right: 10px;
}


/* restriction end */

.white div.content.detail .topic div.column.img .big img.preview
{
    margin:   0px;
    padding:  0px;
}

.white div.content.detail .topic div.column.img .big img.nav
{
    width: 10px;
    height: 8px;
    margin:  0px;
    pading: 0px;
}
.white div.content.detail .topic div.column.img .big img.nav
{
    margin-bottom: 60px;
}

.white div.content.detail .topic div.column.img .big span.next img.nav
{
    background: url("/maag/asset/arrowHorizontalGrayWhite.gif") no-repeat scroll 0pt 0px transparent;
}

.white div.content.detail .topic div.column.img .big span.prev img.nav
{
    background: url("/maag/asset/arrowHorizontalGrayWhite.gif") no-repeat scroll 0pt -9px transparent;
}

div.contentContainer div.content div.topic div.overview div.column div.imgContainer div.small a.img img
{
    border:  1px solid transparent;
}
div.contentContainer div.content div.topic div.overview div.column div.imgContainer div.small a.img img.active
{
    border-color: orange;
}

div.contentContainer div.content div.topic div.overview div.column div.imgContainer div.small a.img
{
    height: 36px;
}

div.contentContainer div.content div.topic div.overview div.column div.imgContainer div.legende
{
    text-align: center;
}


div.pruefzeichenContainer
{
    padding-top:  10px;
}

div.paddingContainer div.contentContainer div.content div.topic table#family.family tfoot tr td span.discountvalue
{
    padding-left: 50px;
}
div.paddingContainer div.contentContainer div.content div.topic table#family.family tfoot tr td span.discount
{
    padding-left: 10px;
}


div.contentContainer div.content div.topic div.info ul li.hover div.container div.sub ul.sub li div.subnode ul
{
    list-style: disc;
}

div.paddingContainer div.contentContainer div.content div.topic div.info ul li.hover div.container div.sub ul.sub li div.subnode ul li
{
    border-bottom: 0px;
    margin-left:   15px;
}

div.paddingContainer div.contentContainer div.content div.topic div.info ul li.hover div.container div.sub ul.sub li div.subnode ul
{
    border-top:  0px;
}
div.subnodetitle
{
    font-weight: bold;
}

/* changes for https://redmine.imis.ch/issues/3723;*/
div.contentContainer div.sidebarContainer div.sidebar ul.none a
{
    /* reset line height from 25 text-outline:12 px */
    line-height: 12px;
}

div.contentContainer div.sidebarContainer div.sidebar div.sub
{
    padding-bottom: 5px;
    padding-top:    5px;
}

div.contentContainer div.sidebarContainer div.sidebar .main
{
    padding-bottom: 5px;
}

div.contentContainer div.sidebarContainer div.sidebar li.main
{
    padding-bottom: 0px;
}
div.contentContainer div.sidebarContainer div.sidebar li.main div.main
{
    padding-top:   5px;
}

td.price div.column
{
    float:  right;
}

th.priceheader > div
{
    width: 55px;
}
td.quantityinput,
td.quantityinput > div
{
    width: 75px;
}

td.avail,
td.addBasket,
td.addWatchlist
{
   width: 25px;
}

div.contentContainer div.sidebarContainer div.sidebar ul.none li.main div.main
{
    line-height: 12px;
}

/*
According text-outline:https://redmine.imis.ch/issues/3878 they want to underline article links in basket
*/
div.contentContainer div.content a.articlelink,
div.contentContainer div.content a.articlelink:hover,
div.contentContainer div.content a.articlelink:visited
{
    text-decoration: underline;

}
/* and on the family page too */
div.contentContainer div.content div.topic table.family tbody tr td.artnr a
{
    text-decoration: underline;
}


div.paddingContainer div.contentContainer div.content div.topic div.info ul li.hover div.container div.sub table tbody tr td.label
{
    padding-right: 50px;
}

div.paddingContainer div.contentContainer div.content div.topic div.overview div.column h4.familysubtitle
{
    padding-top: 15px;
}
div.paddingContainer div.contentContainer div.content div.topic div.overview div.column ul li
{
   margin-left: 15px;
}

div.content div.topic div.overview div.column table.none
{
    margin-top: 20px;
}

div.contentContainer div.content div.topic div.info ul li.hover div.container div.sub table
{
    margin-left: 30px;
}

div.login span.left 
{
 	width:	64%;
}

div.login span.right 
{
	position:	absolute;
	bottom:	0;
	right:	0;
	padding-bottom:	5px;
}