html {
  overflow-y: scroll;
}

body {
  margin: 0px;
  padding: 20px;
  font-family: Verdana, Sans, sans-serif;
  font-size: 11px;
  background-color: white;
}

/* Workarounds, compatibility tweaks */
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}
* html .clearfix { /* IE6 */
    height: 1%;
    overflow: visible;
}
*+html .clearfix { /* IE7 */
    min-height: 1%;
}

#Layout {
  border-collapse: separate;
}

p {margin-top: 0;}

td#leftmenu {
  width: 210px;
  background: #f7f8f8;
}

td#content {
  width: 740px;
  min-height: 400px;
}

#ContentArea {
  padding: 20px 25px;
  padding-right: 18px;
  min-height: 400px;
  height: auto !important;
  height: 400px;
}

td#leftspacer {
  background: red;
}

td#menuspacer {
  width: 0px;
}

a {
  color: black;
  text-decoration: none;
}

li a, a#register { text-decoration: underline; }

a:hover {
  text-decoration: underline;
}

table {
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}

input, button {
  border: 1px solid dimgray;
}

input[type=text]
{
  width: 200px;
}

.fadedButton {
  border: 1px solid silver;
  color: gray;
}

.coolButtonGreen {
    background: lightgreen;
}

td#Header {
  background: url('/images/header_back.gif') no-repeat;
  height: 116px;
  width: 950px;
  padding-bottom: 7px;
}

td.header {
  font-weight: bold;
  color: #525E70;
  padding-bottom: 2px;
}
td.header a {
  font-weight: bold;
  color: #B70000;
}

table.topmenu a {
  color: black;
  text-decoration: none;
}
table.topmenu a:hover {
  color: black;
  text-decoration: underline;
}
table.loginbox, table.loginbox a {
  color: black;
  margin-right: 5px;
  font-size: 10px;
}
table.loginbox tr.labels td {
  font-weight: bold;
  font-size: 10px;
}
table.loginbox input.text {
  width: 80px;
  height: 16px;
  padding-left: 2px;
  border: 1px solid silver;
  font-family: Tahoma,Verdana, Sans, sans-serif;
  font-size: 11px;
  margin-bottom: 2px;
}

#headerLoginButton {
  background: #fff;
  padding: 2px 6px;
  border: 1px solid #ccc;
}

.rightBorder {border-right: 1px solid #dedede;}
.leftBorder {border-left: 1px solid #dedede;}

#headerTopMenu {
  width: 950px;
  background: url('/images/topmenu_back.gif') repeat-x;
}

input.username { width: 100px !important;}

td.menu_items_bottom {
  padding-top: 5px;
}

td.menu_items, td.menu_items a {
  color: white;
  text-decoration: none;
  font-size: 12px;
}
td.menu_items a {
  font-weight: bold;
}

td#leftmenu table {
  width: 100%;
}

td#leftmenu td.menuitem {
  padding: 2px;
  border-bottom: 1px solid #D1D6D7;
}

td#leftmenu td.menutext {
  padding-left: 0px;
  width: 100%;
}

td#leftmenu a {
  font-size: 11px;
  text-decoration: none;
}
td#leftmenu img {
  padding: 0px 3px 0px 3px;
}
td#leftmenu a:hover {
  text-decoration: underline;
}
td#leftmenu td.level0 a {
  color: #676767;
}
td#leftmenu td.level1 a {
  color: #0957CD;
}
td#leftmenu td.level2 a {
  color: #379B00;
}

td#leftmenu td.selected a {
  color: #B70000;
  font-weight: bold;
}
td#leftmenu td.indent {
}

input.searchbox {
  border: 2px solid #DADCDF;
  width: 130px;
}

td.menuitem {
  white-space: nowrap;
  border-bottom: 1px solid #D1D6D7;
}

td.menuitem a {display:inline-block; width: 100%;}

table.productInfo, table.productDetails {
  font-size: 11px;
}

table.productDetails .detailName { width: 100px; white-space: nowrap; }

.productDetails ul {
  margin: 0px;
  padding-left: 14px; 
}

.productDetails li {
  margin: 0px;
  margin-left: 14px; 
}

table.productDetails td {
	text-align: left;
}

div.product-coming table.productInfo, div.product-coming table.productInfo a {
  color: gray;
}

table.productInfo input.submit {
	font-size: 11px;
}

table.productInfo td, table.productDetails td {
  padding: 5px;
  vertical-align: top;
}

table.userform .mandatory {
  padding: 2px;
  color: red;
}

table.userform td {
  padding: 3px;
}
table.userform tr.indentRow td{
  padding-top: 20px;
}

div.subgroup {
  padding: 3px;
}
div.subgroup a {
  color: #0472BA
}

.message {
  text-align: left;
  font-weight: bold;
  color: red;
  margin-bottom: 8px;
}

table.cart td { vertical-align: top; white-space: nowrap; }

table.cart tr.header td, table.cart tr.footer td.label {
  color: #B70000;
  font-weight: bold;
  size: 10px;
}
table.cart tr.header td {
  border-bottom: 1px solid black;
}
table.cart tr.footer {
  border-top: 1px dotted dimgray;
}

input.quantity {
  width: 40px;
  height: 14px;
  text-align: center;
}

table.newslist .title {
  text-decoration: none;
}

table.newslist .title:hover {
  text-decoration: underline;
}

table.newslist .title, .news .title {
  color: black;
  font-size: larger;
  font-weight: bold;
}
table.newslist .date {
}
table.newslist .date, .news .date, .small {
  font-size: smaller;
}

.news {}

.faq .answer { padding-bottom: 8px; }
.faq .question { font-weight: bold;  }
ul.faq li, ul.documents li { padding-bottom: 4px; }

.productInfo img { border: 0px; }

.smallRed {font-size: 0.8em; color: darkred;}

.notBold {font-weight: normal;}

.price { font-weight: bold;}
span.price {color: green; font-size: larger; }
tr.priceRow { background: #efefef;}
tr.priceRow td {vertical-align: middle;}

.filterGroup {background: #F7F8F8; padding: 5px; width: 675px;}

.filterGroup a.active {color: #379B00;}
.filterGroup a.none, .filterGroup span.none {color: silver;}

h3 {margin-top: 0; margin-bottom: 12px;}
h5 {margin-bottom: 6px;}

.green {color: #379B00;}
.blue {color: #0957CD;}
.red {color: darkred;}
.black {color: #000;}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.top {vertical-align: top;}
.no-bullet li {list-style: none;}
.bold {font-weight: bold;}
.hidden {display:none;}
form li.hidden { display: list-item; }

ul.form-list {padding: 0; margin: 0;}
ul.form-list li {margin-bottom: 6px;}
ul.form-list li label {vertical-align: top;}

#colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999;}
#modalBackgroundOverlay{position:fixed; width:100%; height:100%;}
#colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */
#modalWrap{width:9000px; height:9000px;}
#modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;}
#borderMiddleLeft, #borderBottomLeft{clear:left;}
#modalContent{position:relative; overflow:visible;}
#contentTitle{margin:0;}
#modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;}
#modalLoadedContent{overflow:auto; width:0; height:0;}
#modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap embedded content */
#modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;}
#modalBackgroundOverlay{background:url(/images/colorbox/stripe.png) 0 0 repeat;}
#colorbox{}
#borderTopLeft{width:21px; height:21px; background:url(/images/colorbox/borderTopLeft.png) 0 0 no-repeat;}
#borderTopCenter{height:21px; background:url(/images/colorbox/borderTopCenter.png) 0 0 repeat-x;}
#borderTopRight{width:21px; height:21px; background:url(/images/colorbox/borderTopRight.png) 0 0 no-repeat;}
#borderBottomLeft{width:21px; height:21px; background:url(/images/colorbox/borderBottomLeft.png) 0 0 no-repeat;}
#borderBottomCenter{height:21px; background:url(/images/colorbox/borderBottomCenter.png) 0 0 repeat-x;}
#borderBottomRight{width:21px; height:21px; background:url(/images/colorbox/borderBottomRight.png) 0 0 no-repeat;}
#borderMiddleLeft{width:21px; background:url(/images/colorbox/borderMiddleLeft.png) 0 0 repeat-y;}
#borderMiddleRight{width:21px; background:url(/images/colorbox/borderMiddleRight.png) 0 0 repeat-y;}
#modalContent{background:#fff;}
#modalLoadedContent{margin-bottom:28px;}
#contentTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; background:#fff; font-weight:bold; color:#949494;}
#contentCurrent{position:absolute; bottom:3px; left:58px; font-weight:bold; color:#949494;}
#contentPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#contentPrevious:hover, #contentPrevious.hover{background-position:-25px -25px;}
#contentNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#contentNext:hover, #contentNext.hover{background-position:0px -25px;}
#modalLoadingOverlay{background:url(/images/colorbox/loading.gif) center center no-repeat #fff;}
#modalClose{position:absolute; bottom:0; right:0; background:url(/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#modalClose:hover, #modalClose.hover{background-position:-50px -25px;}

.filterPlusMinus { position: relative; top: -1px; }
.filterItem { white-space: nowrap; margin-right: 7px; display: inline-block; }
.promotionProduct { border: 1px dotted red; margin-right: 10px; margin-bottom: 10px; height: 100px; }
.promotionProduct .productPrice { font-size: 15px !important; }
.reallySpecial { background-color: #FFDD88; border: 1px dotted red; }
.reallySpecial .productPrice { color: #DD0000; }

table.productInfo .description { text-align: justify; text-justify: newspaper; overflow-y: auto; max-height: 200px; padding-right: 10px; }

#leaseCalculatorError {color: red; font-size: 10px; font-style:italic; text-align:right;}

.leasePayment { white-space: nowrap; color: red; font-family: tahoma; font-weight: bold}

/*Form*/

ul.form, ul.sub-form, ul.errors {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ul.form li, ul.sub-form li {
    margin: 8px 0px;
}

ul.form label, ul.sub-form label {
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

ul.errors {
/*    margin-left: 30%;*/
}

ul.errors li {
    margin: 3px;
    padding-left: 2px;
    color: red;
}

p.hint {
    margin-left: 7px;
    margin-bottom: 0px;
    color: gray;
    display:inline-block;
}

fieldset {
    padding-left: 0px;
    margin-bottom: 12px;
    border: 0px;
}

fieldset legend {
    background: silver;
    font-weight: bold;
}

li.submit {
}

ul.form dt, ul.form dd {
    margin-left: 0px;
    padding-left: 0px;
}

#cartPreviewAgreement { display: none; white-space: normal; background: #fff; padding: 10px; margin: 10px 5px 0px 5px; border: 1px solid darkgray;}
#cartPreviewAgreement ul {padding:0px; padding-left: 20px;}
#cartPreviewAgreement li { text-align: justify; }

.cartIcon tr:hover, .cartIcon td:hover { cursor: pointer; }

.price.eek { font-size: smaller; font-weight: normal !important;}
.productPrice.eek { font-size: smaller !important; font-weight: normal !important;}

.eur { margin-right: 2px; }
.eek { margin-left: 2px; }

div.pager { font-size: 110%; background-color: #F7F8F8; margin-top: 9px; padding-bottom: 1px; text-align: center; }
div.pager a { text-decoration: none}
div.pager a:hover { background-color: silver; }
div.pager span { margin-left: 5px; margin-right: 5px; line-height: 20px; }
div.pager span.selected { font-weight: bold; }
div.pager span.arrow span { font-size: 130%; position: relative; top: 1px; font-weight: normal; }

#leaseCalculatorSum { white-space: nowrap; }

.delivery { white-space: none; }

input[readonly] { color: gray; }

.subgroups li {
    float: left;
    padding-left: 0px;
    padding-right: 7px;
    list-style-position:outside;
}

.subgroups ul {
    padding-left: 0px;
}

.subgroups {
    padding-bottom: 10px;
}