html, body, form, fieldset,h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	color: #333;
	background: #FFFFFF;
	font-family:  Helvetica, arial, sans-serif;
	background: #FFF;
	font-size: 9pt;
	
}

a { color: #5f85c3;font-weight: bold; text-decoration: none;  }

.clear { clear: both; }

#page { width: 880px; margin: 8px auto; position:relative; }

input.b_w49 {  width: 49px; background: transparent url(../images/inputbuttonbg.gif) no-repeat left top; color: #FFF; padding:0 0 3px 0 !important; padding: 0; height:18px;  margin: 1px 0 0 2px !important; margin: 2px 0 0 0px; line-height: 18px; border: none;font-size: 0.8em; text-align: center; }

input.b_w49red {  width: 49px; background: transparent url(../images/inputbuttonredbg.gif) no-repeat left top; color: #FFF; padding:0 0 3px 0 !important; padding: 0; height:18px;  margin: 1px 0 0 2px !important; margin: 2px 0 0 2px; border: none;font-size: 0.8em; text-align: center; line-height: 18px;}

a.b_w100  { width: 100px; background: transparent url(../images/button100.gif) no-repeat left top; color: #FFF; line-height: 16px; height:18px;  margin: 5px 0 0 0 !important; margin: 6px 0 0 0; border: none;font-size: 0.8em; text-align: center; display: block; float: left; }


input.b_w100 {  width: 100px; background: transparent url(../images/button100.gif) no-repeat left top; color: #FFF; padding:0 0 3px 0 !important; padding: 0; height:18px;  margin: 5px 0 0 0 !important; margin: 6px 0 0 0; border: none;font-size: 0.8em; text-align: center; }


input.b_w57t {  width: 57px; background: transparent url(../images/button57.png) no-repeat left top; color: #FFF; padding:0 0 3px 0 !important; padding: 0; height:18px;  margin: 1px 0 0 2px !important; margin: 2px 0 0 2px; border: none;font-size: 0.8em; text-align: center; }

input.b_w57redt {  width: 57px; background: transparent url(../images/button57red.png) no-repeat left top; color: #FFF; padding:0 0 3px 0 !important; padding: 0; height:18px;  margin: 1px 0 0 2px !important; margin: 2px 0 0 2px; border: none;font-size: 0.8em; text-align: center; }

input.b_w144redt {  width: 144px; background: transparent url(../images/button144red.png) no-repeat left top; color: #FFF; padding:0 0 3px 0 !important; padding: 0; height:18px;  margin: 1px 0 4px 2px !important; margin: 2px 0 4px 2px; border: none;font-size: 0.8em; text-align: center; }


a.b_w57t {  display: block; float: left;width: 57px; background: transparent url(../images/button57.png) no-repeat left top; color: #FFF; padding:0 0 3px 0 !important;  height:18px;  padding: 2px 0 0 0 !important; padding: 2px 0 0 2px; border: none;font-size: 0.8em; text-align: center; letter-spacing:-0.05em;}

a.b_w70t {  display: block; float: left;width: 70px; background: transparent url(../images/button70.png) no-repeat left top; color: #FFF; padding:0 0 3px 0 !important;  height:18px;margin:0 2px !important; margin:0 0 0 1px; padding: 2px 0 0 0 !important; padding: 2px 0 0 2px; border: none;font-size: 0.8em; text-align: center; letter-spacing:-0.05em;}

a.b_w70redt {  display: block; float: left;width: 70px; background: transparent url(../images/buttonred70.png) no-repeat left top; color: #FFF; padding:0 0 3px 0 !important;  height:18px;margin:0 2px !important; margin:0 0 0 1px; padding: 2px 0 0 0 !important; padding: 2px 0 0 2px; border: none;font-size: 0.8em; text-align: center; letter-spacing:-0.05em;}

input.t_w144t { width: 144px;font-size: 0.8em; border: none; background: transparent url(../images/inputtextbg144.png) no-repeat left top; height:16px; padding: 3px 3px 0 3px; }

input.t_w43 { width: 43px;font-size: 0.8em; border: none; background:transparent url(../images/inputtextbg.gif) no-repeat right top; height:16px; padding: 3px 3px 0 3px; margin: 0; }

input.t_w140 { width: 133px;font-size: 0.8em; border: none; background:transparent url(../images/inputtextbg140.gif) no-repeat right top; height:16px; padding: 3px 3px 0 3px; overflow: hidden; }

input.t_w90 { width: 81px;font-size: 0.8em; border: none; background:transparent url(../images/inputtextbg90.gif) no-repeat right top; height:16px; padding: 3px 3px 0 3px;  }

textarea.t_w144x60 { width: 137px;font-size: 0.8em; border: none; background: transparent url(../images/inputtextareabg140x60.gif) no-repeat left bottom; height:57px; padding: 3px 50px 0 3px; }

select.s_w144x60 { width: 137px;font-size: 0.8em; border: none; background: transparent url(../images/inputtextareabg140x60.gif) no-repeat left bottom; height:57px; padding: 3px 50px 0 3px; }

/* HEADER
----------------------------------------------------
*/


#head { width: 880px; height: 165px; background: #f2f2f2 url(../images/header_bg.gif) repeat-x left bottom; position: relative; }
#head .header  { height: 6px; overflow: hidden;  }
#head .header .left { height: 100%; background: transparent url(../images/header_corner_topleft.gif) no-repeat left top;  }
#head .header .right { height: 100%; background: transparent url(../images/header_corner_topright.gif) no-repeat right top; }
#head .footer { height: 7px;  overflow: hidden;}
#head .footer .left { height: 7px; width: 100%;  background: transparent url(../images/header_corner_bottomleft.gif) no-repeat left top;}
#head .footer .right { height: 7px; width: 100%; background: transparent url(../images/header_corner_bottomright.gif) no-repeat right top;}
#head .contentbg { height: 152px;}
#head .contentbg .left { }
#head .contentbg .right { }
#head .contentbg .content { height: 100%; }
#head .contentbg .content .logos { height: 100%; float: left; width: 162px; height: 100%;  margin: 0 9px !important; margin: 0 5px; }
#head .contentbg .content .logos .abiol { height: 78px; overflow: hidden; }
#head .contentbg .content .logos .iso { height: 41px; overflow: hidden; }
#head .contentbg .content .logos .slogen { height: 18px; overflow: hidden; margin: 6px 0 0 0; }


#head .contentbg .content .mainmenu { height: 100%; float: left; width: 695px; background: transparent url(../images/head_image1.jpg) no-repeat left top; }

#head .moduleboxlogin {  position: absolute; bottom: 37px; right: 20px; width: 150px; background: transparent;  margin: 0 0 5px 0;  }
#head .moduleboxlogin .hdr  { height: 3px; overflow: hidden;   }
#head .moduleboxlogin .hdr .lft { height: 100%; background: transparent url(../images/loginboxcrnr_topleft.png) no-repeat left top; overflow: hidden; }
#head .moduleboxlogin .hdr .rght { height: 100%; background: transparent url(../images/loginboxcrnr_topright.png) no-repeat right top;overflow: hidden; }
#head .moduleboxlogin .hdr .rght .border { background:  transparent url(../images/loginboxborder.png) repeat-x; height: 1px;  overflow: hidden; }
#head .moduleboxlogin .hdr .rght .borderbg { background: transparent url(../images/loginboxbg.png); height: 3px; margin: 0 3px;  overflow: hidden; }
#head .moduleboxlogin .ftr  { height: 3px; overflow: hidden; clear: both;  }
#head .moduleboxlogin .ftr .lft { height: 3px; background: transparent url(../images/loginboxcrnr_bottomleft.png) no-repeat 0 0; overflow: hidden; }
#head .moduleboxlogin .ftr .rght { height: 3px; background: transparent url(../images/loginboxcrnr_bottomright.png) no-repeat right 0;overflow: hidden; }
#head .moduleboxlogin .ftr .rght .border { background: transparent url(../images/loginboxborder.png) repeat-x left bottom; height: 3px;  overflow: hidden; }
#head .moduleboxlogin .ftr .rght .borderbg { background: transparent url(../images/loginboxbg.png); height: 3px; margin: 0 3px 0 3px ; overflow: hidden; }
#head .moduleboxlogin .cntntbg { background: transparent url(../images/loginboxborder.png) repeat-y;  overflow: hidden; }
#head .moduleboxlogin .cntntbg2 { background: transparent url(../images/loginboxborder.png) repeat-y right top;  overflow: hidden; }
#head .moduleboxlogin .cntntbg .cntnt { background: transparent url(../images/loginboxbg.png); overflow: hidden; margin: 0 1px; float: left; width:148px; }

#head .moduleboxlogin .cntntbg .cntnt p { margin:2px 2px; }
#head .moduleboxlogin .cntntbg .cntnt p.message { margin: 5px; }
#head .moduleboxlogin .cntntbg .cntnt p.message .greeting { font-size: 0.9em; }


#head .mainmenu .modulemenu { position: absolute; bottom: 14px; margin: 0 0 0 15px;}
#head .mainmenu .modulemenu ul { list-style-type: none; margin: 0; padding: 0; height: 18px; overflow: hidden; width: 540px; float: left; display: block; }
#head .mainmenu .modulemenu li { float: left; margin: 0 5px 0 0; display: block; font-size: 1.2em; font-weight: normal; background: url(../images/menuseparator.gif) no-repeat right center }
#head .mainmenu .modulemenu li:last-child { background: none; }
#head .mainmenu .modulemenu li a {  font-weight: normal; margin: 0 6px 0 0; }

/* MAIN CONTENT
----------------------------------------------------
*/
#main { width: 880px;  background: #f2f2f2 url(../images/main_bg.gif) repeat-x left top; margin-top: 6px; }
#main .header  { height: 9px; overflow: hidden;  }
#main .header .left { height: 100%; background: transparent url(../images/main_corner_topleft.gif) no-repeat left top;  }
#main .header .right { height: 100%; background: transparent url(../images/main_corner_topright.gif) no-repeat right top; }
#main .footer { height: 9px; overflow: hidden;}
#main .footer .left { height: 100%; background: transparent url(../images/main_corner_bottomleft.gif) no-repeat left top;}
#main .footer .right { height: 100%; background: transparent url(../images/main_corner_bottomright.gif) no-repeat right top;}
#main .contentbg {}
#main .contentbg .left { }
#main .contentbg .right { }
#main .contentbg .content { height: 100%; }



#main .modulebox { width: 100%; background: transparent;  margin: 0 0 5px 0;  }
#main .modulebox .hdr  { height: 3px; overflow: hidden;   }
#main .modulebox .hdr .lft { height: 100%; background: transparent url(../images/modbox_corner.gif) no-repeat left top; overflow: hidden; }
#main .modulebox .hdr .rght { height: 100%; background: transparent url(../images/modbox_corner.gif) no-repeat right top;overflow: hidden; }
#main .modulebox .hdr .rght .border { background: #FFF; height: 3px; margin: 0 3px; border-top: solid 1px #c9c9c9; overflow: hidden; }
#main .modulebox .ftr  { height: 3px; overflow: hidden; clear: both;  }
#main .modulebox .ftr .lft { height: 3px; background: transparent url(../images/modbox_corner.gif) no-repeat 0 -3px; overflow: hidden; }
#main .modulebox .ftr .rght { height: 3px; background: transparent url(../images/modbox_corner.gif) no-repeat right -3px;overflow: hidden; }
#main .modulebox .ftr .rght .border { background: #FFF; height: 2px; margin: 0 3px 0 3px ; border-bottom: solid 1px #c9c9c9; overflow: hidden; }


#main .modulebox .cntntbg { background: #FFF; border-left: solid 1px #c9c9c9; border-right: solid 1px #c9c9c9; overflow: hidden; padding-bottom: 2px;
}
#main .modulebox .cntntbg .cntnt { overflow: hidden; float: left; width: 100%; }
#main .modulebox .cntntbg .cntnt .text{ margin: 0 5px 0 5px;font-size:7.5pt;
letter-spacing:-0.2px; }
#main .modulebox a.action { display: block; font-size: 1.1em;  background: transparent url(../images/arrow_right.gif) no-repeat right top;  }

#leftPane { float: left; width: 170px; min-height: 200px; height: auto !important; height: 200px; margin: 0 4px !important; margin: 0 2px;}
#contentPane {float: left; width: 535px; overflow:hidden;}
#rightPane {float: left; width: 157px;  margin: 0 0 0 5px; }
#contentTopPane {float: left; width: 701px; margin-bottom: 6px; }
#contentTopPane .centerPane { float: left; width: 540px; height: 85px; overflow: hidden;  }
#contentTopPane .rightPane { float: left; width: 157px; height: 90px; }


/* LEFT PANE
----------------------------------------------------
*/
.catTree h2,
.catTree h3,
.catTree h4,
.catTree h5 { font-size: 9pt; font-weight: normal; margin:0; padding:0; display: block;  }
#leftPane .categories ul { list-style-type: none; margin: 0 0px 0 5px;padding: 0; }
#leftPane .categories ul.level_1 {margin: 0 5px 0 5px;}
#leftPane .categories li {  margin: 0; padding: 0 0 1px 0;  }
#leftPane .categories li.opened { background: transparent url(../images/arrow_bottomsmall.gif) no-repeat right 2px;   }
#leftPane .categories li.closed { background: transparent url(../images/arrow_rightsmall.gif) no-repeat right 2px;   }
#leftPane .categories a {  font-weight: bold;color: #555; border-bottom: solid 1px #999; display: block;  }
#leftPane .categories .catTree h2 a { font-weight: bold; color: #333;}
#leftPane .categories .catTree .selected a { color: #5f85c3; padding: 0 10px 0 0;  }
#leftPane .categories .catTree .selected ul li a { color: #333; font-weight: normal; }

#leftPane .main h2,
#leftPane .main h3,
#leftPane .main h4,
#leftPane .main h5 { font-size: 9pt; font-weight: normal; margin:0; padding:0; display: block; border: solid 1px white;}
/*
#leftPane .main ul { margin: 0; padding:0; display: block; float: left; width: 100%; }
#leftPane .main ul li ul{ padding:0; overflow: hidden; }

#leftPane .main h2{ display: none;}

#leftPane .main ul.level_1 ul h3,
#leftPane .main ul.level_1 ul h4,
#leftPane .main ul.level_1 ul h5{ display: block; margin: 0 5px 0 5px; }

#leftPane .main ul.level_1 li.element42 { margin: 0 5px 0 5px; }
#leftPane .main ul.level_1 li.element42 h2 { display: block; }
#leftPane .main ul.level_1 li.element42  ul { display: none; height:0px; overflow: hidden;  }
#leftPane .main ul.level_1 li ul li a{ display: block; }
*/
/* ONE PRODUCT
----------------------------------------------------
*/

.productdetails { margin: 0 0 5px 0; }
.productdetails .cntnt { background: transparent url(../images/productseparator.gif) repeat-y left top; }
.productdetails .imagebox { background: transparent url(../images/big_imagebox_bg.gif) no-repeat left top; float: left; width: 170px; height: 158px; margin: 4px 0 2px 4px; text-align: center; }
.productdetails .imagebox img { margin: 8px auto; }

.productdetails .data { width: 335px; float: left;  }
.productdetails .details { float: left; height: 144px; margin: 4px 0 2px 4px;	 overflow: hidden;}
.productdetails .details .b_w100{ clear: both; }
.productdetails .details select { width: 150px; font-size: 0.9em;  }
.productdetails  .name { font-size: 1.4em; letter-spacing: -0.05em; line-height: 0.9em; width: 322px; margin: 0px 0 2px 4px;	}
.productdetails  .id { font-size: 0.9em; color: #333; font-weight: bold;  width: 322px; margin: 4px 0 2px 4px; }
.productdetails  .description { clear: both; margin: 6px 6px; float: left; width: 322px; }
.productdetails  .documents { clear: both; margin: 6px 6px; float: left; width: 322px; }
.productdetails  .documents h2 { font-size: 1.2em; }
.productdetails  .documents ul { list-style-type: none; margin: 0; padding: 0; }
.productdetails .priceorder {margin: 4px 0 2px 4px; float: left; width: 185px;  overflow: hidden; height: 74px; position: relative;}
.productdetails .priceorder .price {float: right; width: 130px; }
.productdetails .priceorder .price .op {float: left; width: 100%; font-size: 0.9em; color: #5f85c3;font-weight: bold;}
.productdetails .priceorder .price .disc {float: left; width: 100%; font-size: 0.9em; color: #5f85c3;font-weight: bold; }

.productdetails .priceorder .price .p {float: left; width: 100%; font-size: 1.5em; }
.productdetails .priceorder .price .d {color: #971a1d;}

.productdetails .priceorder .price .dp {float: left; width: 100%; font-size: 1.5em; color: #981b1e; }
.productdetails .priceorder .order {float: left; width: 185px; height: 20px; font-size: 0.8em; position:relative; position: absolute; bottom: 1px; overflow: hidden; }
.productdetails .priceorder .order input { width: 43px;font-size: 0.9em; border: none; background: transparent url(../images/inputtextbg.gif) no-repeat left top; height:16px; padding: 3px 3px 0 3px;  }
.productdetails .priceorder .order input.submit { width: 49px; background: transparent url(../images/inputbuttonbg.gif) no-repeat left top; color: #FFF; padding:0 0 2px 0 !important; padding: 0; height:18px; position: absolute; top: 1px !important; right: 0px; margin: 0 0 0 2px; }
.productdetails .priceorder .order span.t { position: absolute; top: 4px; left: 52px; }

.jsSelect { background: transparent url(../images/js_selectbg.gif) repeat-x; font-size: 0.8em; height:20px; float: left; width: 80px; }
.jsSelect .right { height:20px; background: transparent url(../images/js_selectright.gif) no-repeat right top; width: 100%;  }
.jsSelect .left { height:20px; margin: 0 20px 0 0;background: transparent url(../images/js_selectleft.gif) no-repeat left top; line-height: 19px; text-indent: 6px; width: 100%; }
.productdetails .jsSelect { width: 100px; }


/* PRODUCT LIST
----------------------------------------------------
*/
.product { margin: 0 0 5px 0; }
.product .imagebox { background: transparent url(../images/imagebox_bg.gif) no-repeat left top; float: left; width: 170px; height: 74px; margin: 4px 0 2px 4px; text-align: center;}
.product .imagebox img { margin: 3px auto; }
.product .details { float: left; width: 152px; height: 74px; border-right: solid 1px #c9c9c9; margin: 4px 0 2px 4px;	 }
.product .details select { width: 150px; font-size: 0.9em;  }
.product .details .name { font-size: 1.1em; letter-spacing: -0.05em; line-height: 0.95em; height: 39px; overflow: hidden;}
.product .details .id { font-size: 0.9em; color: #333; font-weight: bold; }
.product .priceorder {margin: 4px 0 2px 4px; float: left; width: 185px;  overflow: hidden; height: 74px; position: relative;}
.product .priceorder .price {float: right; width: 130px; }
.product .priceorder .price .op {float: left; width: 100%; font-size: 0.9em; color: #5f85c3;font-weight: bold;}
.product .priceorder .price .disc {float: left; width: 100%; font-size: 0.9em; color: #5f85c3;font-weight: bold; }
.product .priceorder .price  .message { float: left; width: 100%; height:30px; font-size: 0.8em; }
.product .priceorder .price .p {float: left; width: 100%; font-size: 1.5em; }
.product .priceorder .price .d {color: #971a1d;}
.product .priceorder .price .dp {float: left; width: 100%; font-size: 1.5em; color: #981b1e; }
.product .priceorder .order {float: left; width: 185px; height: 20px; font-size: 0.8em; position:relative; position: absolute; bottom: 1px; overflow: hidden; }
.product .priceorder .order input { width: 43px;font-size: 0.9em; border: none; background: transparent url(../images/inputtextbg.gif) no-repeat left top; height:16px; padding: 3px 3px 0 3px;  }
.product .priceorder .order input.submit { width: 49px; background: transparent url(../images/inputbuttonbg.gif) no-repeat left top; color: #FFF; padding:0 0 2px 0 !important; padding: 0; height:18px; position: absolute; top: 1px !important; right: 0px; margin: 0 0 0 2px; }
.product .priceorder .order span.t { position: absolute; top: 4px; left: 52px; }

input.rounded43 { width: 43px;font-size: 0.9em; border: none; background: transparent url(../images/inputtextbg.gif) no-repeat left top; height:16px; padding: 3px 3px 0 3px;  }

#main   .childproduct { position: absolute; top: 20px; width:430px; float:none; z-index: 99;  }
#main   .childproduct  .cntnt { background: transparent; }
#main   .childproduct .boxheader { clear: both; float: left; width: 100%; }
#main   .childproduct .close { float: right; width:10%; text-align: right; }
#main   .childproduct .close img { margin: 0 3px 0 0; }
#main   .childproduct .title { float: right; width:88%; font-weight: bold;color: #5f85c3; font-size: 1.2em; letter-spacing: -0.05em; }

#main .table  { margin: 3px 0 0 0;  clear:both; float: left;  width: 420px; }
#main .productdetails .details  .details  { margin: 3px 0 12px 0;  clear:both; float: left;  width: 145px; height: auto; }

#main .productdetails .details .details .datatitle {  width: 50px; text-align: right; }
#main .productdetails .details .details .datavalue {  width: 80px; text-align: left; font-weight: bold; font-size: 0.9em; }

#main .table .tableheader { width: 100%; float: left; clear:both; border-top: solid 1px #cad4e5;  border-bottom: solid 1px #cad4e5; margin: 0 5px; color: #5f85c3;}
#main .table .tableheader  div { float: left; font-size: 0.8em; margin: 0px 2px; padding: 0; height: 15px; line-height: 15px; letter-spacing:-0.01em; }
#main .table .tablerow {  width: 100%; float: left; clear:left;  margin: 0 5px !important; margin: 0 2px; overflow:hidden;}
#main .table .tablerow  div { float: left; font-size: 0.8em;    line-height: 21px; letter-spacing:-0.01em; margin: 0 2px -80px 2px; padding-bottom:80px; }
#main .table .even { background: #dfe7f3; }
#main .table .tableheader .pname { width: 100px; } 
#main .table .tablerow .pname { width: 100px; } 
#main .table .price { width: 50px; text-align: right; } 
#main .table .disc_price { width: 50px; text-align: right; } 
#main .table .overall { width: 60px; text-align: right; } 
#main .table .discount { width: 60px; text-align: center; } 
#main .table .quantity { width: 50px; text-align: center; } 
#main .table input.rounded43 { margin:1px 0;}

#main .bskt .table { width: 520px; }
#main .bskt .table .tablerow  div {margin: 0 2px 0 2px; padding:0; height: 22px; line-height: 20px; font-size: 0.8em;  }
#main .bskt .tablerow { font-size: 1.1em; }
#main .bskt .table .tableheader .bskt_pname { line-height: 10pt;width: 500px; height: auto; font-size: 0.8em; font-weight: bold; } 
#main .bskt .table .tablerow  .bskt_pname { line-height: 10pt; margin: 3px 0; width: 500px; height: auto; font-size: 0.8em; font-weight: bold; } 
#main .table .bskt_placeholder { width: 89px; } 
#main .table .bskt_price { width: 50px; text-align: right; } 
#main .table .bskt_disc_price { width: 50px; text-align: right; } 
#main .table .bskt_overall { width: 60px; text-align: right; } 
#main .table .bskt_discount { width: 60px; text-align: center; } 
#main .bskt .table .tableheader .bskt_quantity { text-indent: 3px; width: 121px; text-align: left; } 
#main .bskt .table .tablerow .bskt_quantity {  width: 121px; text-align: left; font-size: 1.1em; } 
#main .bskt .table .tablerow .bskt_delete { width: 60px; text-align: right; font-size: 0.9em;} 

#main .bskt .table .tablerow .bskt_footplaceholder { width: 10px; text-align: left; } 
#main .bskt .table .tablerow .bskt_discgarge { width: 372px; text-align: left; } 
#main .bskt .table  .discharge { border-top: solid 1px #ccc;  }
#main .bskt .table  .discharge .bskt_discgarge { width: 382px; }
#main .bskt .table  .discharge .bskt_overall {width: 50px; }
#main .bskt .table  .summarize { border-top: solid 1px #666; font-weight: bold; }

.pagerBar { clear: both; float: left; width: 100%; margin: 3px 0; }
.pagerBar .pager {  width: 130px; float: left; color: #5f85c3; font-size: 0.9em;  line-height: 15px; }
.pagerBar .pager a { font-weight: normal; }
.pagerBar .left {  }
.pagerBar .right { text-align: right; }
.pagerBar .right img { float: right; margin: 0 0 0 3px; }
.pagerBar .left img { float: left; margin: 0 3px 0 0; }
.pagerBar .pages { width: 270px; float: left; text-align:center; }

.maincats ul { list-style-type: none; margin: 0; padding: 0; height: 85px; overflow: hidden; width: 540px; float: left; display: block; position:relative;}
.maincats li { float: left; width: 85px; height: 85px; background: transparent url(../images/maincatbg.gif) no-repeat left top; margin: 0 5px 0 0; position: relative; display: block;}
.maincats li a { float: left; width: 75px; color: #FFF; font-weight: normal; position: absolute; bottom: 0; margin: 0 3px 8px 6px; font-size: 0.9em; }

.basketPane { margin: 0 6px; font-size: 0.9em; color: #981b1e; font-weight: bold; }
.basketPane a.action { margin: 0 0 3px 0; }
.searchPane { margin: 2px 6px 0 6px;  }

/* BASKET
----------------------------------------------------
*/

.bskt { margin: 3px; }
.bskt_line { clear: both; float: left; width: 100%; height: 35px; position: relative; margin: 3px 0 0 0; }
.bskt_line div { float: left; }
.bskt_line .id { width: 3%; height: 30px; margin: 0 0 0 3px;}
.bskt_line .name { width: 95%; color: #666; font-weight: bold; }
.bskt_line .data { width: 415px; position: absolute; right: 0px; bottom: 0px;  }
.bskt_line .price { width: 70px; text-align: right; margin: 3px 3px 0 0; }
.bskt_line .disc { width: 30px; text-align: center; margin: 3px 0 0 0; }
.bskt_line .ammount { width: 70px; text-align: right;  margin: 3px 3px 0 5px; }
.bskt_line .dscp { width: 70px; text-align: right;  margin: 3px 5px 0 0; }
.bskt_line .quantity { width: 50px; }
.bskt_line form.remove { }
.bskt_line form.modify {  }
#main .bskt .fieldset { float: left; width: 48%; margin: 6px 1%;}
#main .bskt .promocode { float: right; width: 55%; margin: 6px 1%;}
#main .bskt .promocode label { font-weight: bold;}
#main .bskt .promocode .cntnt { text-align: center;}
#main .bskt .fieldset table { margin: 1px auto;font-size:0.9em;}
#main .bskt .fieldset table label {  width: 98%; margin-right: 2%; text-align: right; display: block;}
#main .bskt .fieldset table select { font-size:0.9em; width: 37px; }
#main .bskt .fieldset table input { margin: 3px 0 3px 0; }
#main .bskt .fieldset table p { margin: 8px 0 5px 0; }
#main .bskt .fieldset table th {font-weight:normal; color: #5f85c3;}
#main .bskt .textareacontainer { width: 140px; overflow: hidden; }
#main .bskt h1, #main .bskt h2 { margin:6px; font-size: 11pt;color: #5f85c3;}
#main .bskt h2 { margin: 12px 0 0 6px; float: left; width: 100px; }
.bskt fieldset legend { font-size:1.2em; font-weight: bold;  }
.bskt table { clear: both; margin: 3px 0; }

.bskt .overall { clear: both; float: left; width: 100%; margin: 6px 0 9px 0; border-top: solid 1px #999; position: relative; }
.bskt .overall .text { float: left; width: 150px; margin: 0 0 0 19px; font-weight: bold; }
.bskt .overall .ammount { float: left; font-weight: bold; position: absolute; right: 59px; }
.bskt .charge { clear: both; float: left; width: 100%; margin: 6px 0 9px 0;  position: relative; }
.bskt .charge .text { float: left; width: 350px; margin: 0 0 0 19px;  }
.bskt .charge .ammount { float: left;  position: absolute; right: 59px; }
.bskt .order { margin: 6px; }
.bskt .empty { margin: 6px; font-weight: bold; text-align: center; float: left; clear: both; width: 100%;}


.mainPane {float: left; clear: both; width: 540px; margin: 6px 0;}
.mainPane .module { float: left; width: 175px; height: 169px; background: transparent url(../images/mainbox_bg.gif) no-repeat left top; position: relative;  margin: 0 5px 5px 0;}
.mainPane .module .moduletitle { float: left; width: 100%; font-weight: bold; color: #FFF; position: absolute; left: 8px; top: 6px;}
.mainPane .module .modulecontent { float: left; width: 150px; height: 120px; overflow: hidden; position: absolute; bottom: 13px; left: 11px; }

.mainPane .module .modulecontent .productname { position: absolute; bottom: 0;  float: left; width: 150px;}

.topBar .module { border-top: solid 1px #cad4e5;  border-bottom: solid 1px #cad4e5; margin: 0 5px; text-transform:uppercase; font-size: 9px; letter-spacing: -0.1px; float: left; clear: both; width: 683px;}
.topBar .module .moduletitle { width: 55px; float: left; margin: 2px 0;}
.topBar .module .modulecontent { width: 625px; float: left; margin: 2px 0; }

#main .article { margin: 6px; }
#main .article h1 { color: #5f85c3; font-size: 1.6em; }

.pagefooter { color: #5f85c3; font-size: 0.9em; letter-spacing: -0.01em;}


.modulebox .moduletitle {margin: 6px; color: #5f85c3; font-weight: bold; font-size: 13.2px; text-transform:lowercase; }
.modulebox .row { border-bottom: solid 1px #aaa; margin: 0 6px 0 6px; font-size: 7.5pt; letter-spacing: -0.2px; }
.modulebox .row  a.plink { margin: 6px 0 0 0; display: block; }
.modulebox .row .p { font-size: 9pt; margin:  0 0 6px 0 ;font-weight: 600; text-align: right; }
.modulebox .row .dp { font-size: 9pt; color: #981B1E; font-weight: 600; text-align: right; margin:  0 0 6px 0 ; }

.modulebox .article .row { margin: 0 0 10px 0; height: 60px; border: none;}
.modulebox .article .row  .logo { height: 60px;  width: 33%; float: left; text-align: center; border-right: solid 1px #aaa; }
.modulebox .article .row  .text {  width: 64%; float: left; font-size: 14pt; }
.modulebox .article .row  .text a {  margin: 0 0 0 5px; }
.modulebox .article .row .logo a { margin: auto 0; }



.modulebox #mnflogos { float: left; width: 150px; height: 50px; margin: 0 2px; overflow: hidden; }
.modulebox #mnflogos .logo { text-align: center; width: 150px; height: 50px; margin: 0; }
.modulebox #mnflogos .logo a {margin: 0; float: left; width: 150px; text-align: center; }

#productRight { float: left; width: 185px !important; width: 183px; margin: 5px; } 

#pageOverlay { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; position: fixed; z-index:99; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none; } 


#main .registration .fieldset { width: 55%; margin: 6px auto;}
#main .registration .fieldset table { margin: 1px auto;font-size:0.9em; width: 100%;}
#main .registration .fieldset table label {  width: 98%; margin-right: 2%; text-align: right; display: block;}
#main .registration .fieldset table select { font-size:0.9em; width: 37px; }
#main .registration .fieldset table input { margin: 3px 0 3px 0; }
#main .registration  .fieldset table p { margin: 8px 0 5px 0; }
#main .registration .fieldset table th {font-weight:normal; color: #5f85c3;}
#main .registration .fieldset .moduletitle { text-align: left; }

#main .newsletterPane { text-align: center; }
#main .newsletterPane form a.b_w70t { float: none; margin: 1px auto; }

#main .pgallery { position: absolute; left: 195px; top: 250px; width: 500px; z-index:99;}
#main .popup { position: absolute; left: 100px; top: 20px; width: 600px; z-index:99;}
#main .progdiscpopup { position: absolute; left: 0px; top: 15px; width: 180px; z-index:99;}
