/******************************************************************************/
/*ESHOPV5-design1-FRONTEND, main css file - Last update: 13:55 13 februarie 2008*/
/*design.css--->global rules-->this file does include "THEME1" rules also*/
/*do not change this file---this is the main-layout for ALL our ESHOPV5-design1-SHOPS*/
/******************************************************************************/

html {overflow-y: scroll;}

body {
	background: #fff;
	font-size: 11px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	color: #666;
	margin: 0;
	padding: 0;
}

/*--------------------standard links--------------------*/
a { color: #005DC5; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }

/*--------------------link styles--------------------*/
a.under  { text-decoration: underline; }
a.under:hover  { text-decoration: underline; }

a.textlink1 { 
	background: url(navi/arrow1.gif) 0px 5px no-repeat;
	padding-left: 6px;
}
a.textlink2 { 
	background: url(navi/arrow2.gif) bottom right no-repeat;
	padding-right: 15px;
}

/*--------------------HTML tags--------------------*/
form {
	margin: 0;
	padding: 0;
	display: inline;
}

input, select, textarea {
	font-size: 11px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
}

img { border: 0; margin:0; padding: 0; }

p {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

ul {
	/*margin: 0;
	padding: 0;
	list-style: none;*/
}

/*--------------------forms--------------------*/
input.ftext, textarea.ftext {
	border: 1px solid #999; 
	color: #636363;
	padding: 1px 3px;
}

input.fbut {
	background: #CC0000;
	color: #fff;
	border: 1px solid #CC0000;
	cursor: pointer;
	font-weight: bold;
}

select.fsel { border: 1px solid #999; }
input.fcheck { }
input.fradio { }

/*******MAIN LAYOUT*************/
/*header height=167px =row1+row2+row3 */
div#header-box { border-bottom: 1px solid #666; }
div#header-box a { /*text-decoration: none;*/ } 
div#header-box a:hover { /*text-decoration: underline;*/ } 
#header { width: 100%; height: 167px; }

div#footer-box { border-top: 5px solid #E3E7EC; background: #fff; padding: 5px 0px; }
#footer  { width: auto; }

div#content-box { border-top: 8px solid #fff; border-bottom: 8px solid #fff; background: #fff; }

div#content-box {
	min-height: 390px;
	height: auto;
	_height: 390px; /* hack for IE */
}
/*content width=940px without rightcol-ads=leftcol+sepcol1+maincol+sepcol2+rightcol */
#content { width: auto; background: #fff } 
#leftcol  { width: 160px; /*overflow: hidden; */}
#sepcol1 { width: 15px; }
#maincol-body-narrow  { width: 590px; /*overflow: hidden; */}
#maincol-body-wide  { width: 765px; /*overflow: hidden; */}
#sepcol2 { width: 15px; }
#rightcol  { width: 160px; /*overflow: hidden;*/ }
#rightcol-ads { width: 135px; /*display: none */}
/*******end MAIN LAYOUT*************/

/*--------------------maincontent elements--------------------*/
#maincontent a:hover  {  }
#maincontent p  { margin-bottom: 10px; }
#maincontent h1,
#maincontent h2,
#maincontent h3,
#maincontent h4 { 
	font-family: arial, helvetica, sans-serif;
}
#maincontent h1  { 
	font-size: 16px;
	color: #CC0000;
	margin-bottom: 5px;
	font-weight: bold;
}
#maincontent h2  { 
	font-size: 16px;
	color: #3F6DA1;
	margin: 15px 0px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
}
#maincontent h3  { 
	font-size: 14px;
	color: #333;
	margin: 5px 0px;
}
#maincontent h4  { 
	font-size: 12px;
	color: #333;
	margin: 5px 0px;
	font-weight: bold;
}


/*--------------------misc--------------------*/
.none { display: none } /*e.g. for accessibility quick links*/
.pad5 { padding: 5px }
.padr5 { padding-right: 5px }
.padr10 { padding-right: 10px }
.padl5 { padding-left: 5px }
.padl10 { padding-left: 10px }
.padb4 { padding-bottom: 4px }
.padb5 { padding-bottom: 5px }
.padlr5 { padding: 0px 5px; }
.marg5 { margin: 5px }
.marg6 { margin: 6px }
.margb10 { margin-bottom: 10px }
.margb5 { margin-bottom: 5px; }
.margb4 { margin-bottom: 4px }
.margb1 { margin-bottom: 1px }
.margb0 { margin-bottom: 0px }
.margt10 { margin-top: 10px }
.margt5 { margin-top: 5px }
.margtb5 { margin: 5px 0px }
.alignright { text-align: right; }
span.sepgen { padding: 0px 3px; }

/*--------------------separators--------------------*/
.hr-dotline-gray   { background: url(navi/hr_dotline_gray.gif) left center repeat-x; }
.hr-line-gray  { background: url(navi/hr_line_gray.gif) left center repeat-x; }
.hr-spacer10p { height: 10px; font-size: 1px; line-height: 0px }
.hr-spacer4p { height: 4px; font-size: 1px; line-height: 0px; }
.hr-spacer5p { height: 5px; font-size: 1px; line-height: 0px; }

/********PRODUCT LISTING MODULES********/
/*--------------------product chapter general--------------------*/
/*used on module.nr.16 listing_modules_normalsicht-mit-bildern__.htm*/
div.product-chapter {
	background: url(navi/product-chapter-bg.gif) bottom left repeat-x;
	border-bottom: 6px solid #fff;
	border-top: 1px solid #CBCCCD;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 2px;
	height: 13px;
	overflow: hidden;
}
div.product-chapter a  { 
	color: #005DC5;
	background: url(navi/product-chapter-link.gif) 5px 2px no-repeat;
	text-decoration: none;
	display: block;
	padding-left: 19px;
}
div.product-chapter a:hover  { color: #000; text-decoration: underline; }

/*--------------------
modul1box--listing vertical, 2columns, blue bgrd, gradient bgrd
modul2box--listing vertical, 1 column, white bgrd
modul3box--listing orizontal
--------------------*/
.modul1box .product-prices table { /*background: silver;*/ }
.modul2box .product-prices table { /*background: silver;*/ }
.modul3box .product-prices table { /*width: 110px;*/ /*background: silver;*/ }

.modul1box .product-prices table td { text-align: right; /*background: silver; */}
.modul2box .product-prices table td { text-align: right; /*background: silver; */}
.modul3box .product-prices table td { text-align: left; /*background: silver;*/ }

.modul1box .product-linksbuttons table { /*background: silver;*/ }
.modul2box .product-linksbuttons table { /*background: silver;*/ }
.modul3box .product-linksbuttons table { /*background: silver;*/ }

.modul1box .product-linksbuttons table td { text-align: right; }
.modul2box .product-linksbuttons table td { text-align: right; }
.modul3box .product-linksbuttons table td { text-align: right; }

.modul3box td.col1 { width: 140px; /*background-color: red; */}
.modul3box td.col2 { width: 140px; /*background-color: green; */}
.modul3box td.col3 { width: 310px; /*background-color: blue; */}

/*--------------------
modul1box--listing vertical, 2columns, blue bgrd, gradient bgrd
modul2box--listing vertical, 1 column, white bgrd
modul3box--listing orizontal
--------------------*/
.modul1box, 
.modul2box, 
.modul3box {
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
}

.modul1box {
	background: #F1F7FF;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.modul2box {
	background: #FFF;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.modul3box {
	background: #FFF;
	border-bottom: 0px solid #ccc;
	border-right: 1px solid #ccc;
}

.modul1box .product-box {
	padding: 6px 6px 6px 10px;
}
.modul2box .product-box {
	padding: 0px 6px 6px 0px; 
}
.modul3box .product-box {
	padding: 0px 6px 6px 0px;
}

.modul1box .product-logo,
.modul2box .product-logo,
.modul3box .product-logo {
	margin-bottom: 5px;
}

.modul1box .product-pic {
	text-align: center;
}
.modul2box .product-pic {
	text-align: center;
	margin-bottom: 5px;
}
.modul3box .product-pic {
	text-align: left;
	margin-bottom: 5px;
}

.modul1box .product-name {
	font-weight: bold;
	height: 30px;
	overflow: hidden;
	margin-bottom: 5px;
}
.modul2box .product-name {
	font-weight: bold;
	height: 30px;
	overflow: hidden;
	margin-bottom: 5px;
}
.modul3box .product-name {
	font-weight: bold;
	/*height: 30px;
	overflow: hidden;*/
	margin-bottom: 5px;
}

.modul1box .product-description {
	margin-bottom: 5px;
	height: 70px;
	overflow: hidden;
}
.modul2box .product-description {
	margin-bottom: 5px;
	height: 70px;
	overflow: hidden;
}
.modul3box .product-description {
	margin-bottom: 5px;
	/*height: 70px;
	overflow: hidden;*/
}

.modul1box .product-prices {
	margin-bottom: 5px;
	/*height: 75px;
	overflow: hidden;*/
}
.modul2box .product-prices {
	margin-bottom: 5px;
	/*height: 75px;
	overflow: hidden;*/
}
.modul3box .product-prices {
	margin-bottom: 5px;
	/*height: 75px;
	overflow: hidden; */
}

.modul1box span.price, 
.modul2box span.price, 
.modul3box span.price {
	font-size: 14px;
	font-weight: bold;
	color: #cc0000;
}

.modul1box .product-linksbuttons,
.modul2box .product-linksbuttons,
.modul3box .product-linksbuttons {
	margin-bottom: 0px;
}

.modul1box .gradientpic { 
	background: url(navi/modul1box_gradientpic.gif) top left repeat-x;
	vertical-align: middle;
}

.modul3box-hsep  { 
	height: 11px; font-size: 0px; line-height: 0px; 
	background: url(navi/hr_line_gray.gif) left center repeat-x; 
}

/*--------------------
listnorm--listing orizontal, sortoptions on first row, with/without pics
--------------------*/
.listnorm .product-prices table  { /*background: silver;*/ }
.listnorm .product-linksbuttons table  { /*background: silver;*/ }

.listnorm .product-prices table td { text-align: right; }
.listnorm .product-linksbuttons table td { text-align: right; }
/*--------------------
listnorm--listing orizontal, sortoptions on first row, with/without pics
--------------------*/
.listnorm tr.row-product td { background: #fff; }
.listnorm tr.row-product-over td { background: #f3f4f5; }

.listnorm tr.row-product td.first { padding-left: 5px; }
.listnorm tr.row-product-over td.first { padding-left: 5px; }

.listnorm tr.row-product td.last { border-right: 1px solid #ccc; }
.listnorm tr.row-product-over td.last { border-right: 1px solid #ccc; }

.listnorm tr.row-separator td  { 
	height: 11px; font-size: 0px; line-height: 0px; 
	background: url(navi/hr_line_gray.gif) left center repeat-x; 
}
.listnorm tr.row-sort td {
	background: url(navi/shade-myac-header.gif) bottom left repeat-x;
	border-top: 1px solid #CBCCCD;
	border-bottom: 6px solid #fff;
	font-weight: bold;
	padding-top: 2px; padding-bottom: 2px;
	vertical-align: middle;
	/*height: 13px;
	overflow: hidden;*/
}

.listnorm tr.row-sort td input { vertical-align: middle }

.listnorm .product-compare { width: 16px; }
.listnorm .product-pic { 
width: 70px; 
border-left: 1px solid #fff; 
border-right: 1px solid #fff; 
padding: 0px 5px; 
background: #fff;
}
.listnorm .product-labels { 
width: 70px; 
border-left: 1px solid #fff; 
border-right: 1px solid #fff; 
padding: 0px 5px; 
/*background: blue;*/
text-align: right;
}
.listnorm .product-name { /*font-weight: bold;*/ margin-bottom: 5px; }
.listnorm .product-description { margin-bottom: 5px; }
.listnorm .product-prices { margin-bottom: 5px; }
.listnorm .product-linksbuttons { margin-bottom: 0px; }
.listnorm .product-artnr { /*font-weight: bold; */color: #000; }
.listnorm .product-envirtax { font-weight: normal; color: #666; }
.listnorm .product-stock { margin-bottom: 5px; }

.listnorm span.price {
	font-weight: bold;
	color: #000;
}

/*only for testing purpose*/
.product-pic { /*background: silver;*/ } 
.product-name { /*background: silver;*/ } 
.product-description { /*background: silver;*/ } 
.product-artnr { /*background: silver;*/ } 
.product-envirtax { /*background: silver;*/ } 
.product-artnr { /*background: silver;*/ } 
.product-stock { /*background: silver;*/ } 
.product-logo { /*background: silver;*/ } 
/*end only for testing purpose*/

/********end PRODUCT LISTING MODULES********/

/*--------------------path--------------------*/
.path { margin-bottom: 10px; }
.path .sep { font-weight: bold; padding: 0px 3px; }

/*--------------------sort options table--------------------*/
.sortoptions { border: 1px solid #ccc; border-top: 0px; }
.sortoptions .row-even { background: #f3f4f5; border-top: 1px solid #ccc; padding: 3px 5px; }
.sortoptions .row-odd { background: #fff; border-top: 1px solid #ccc; padding: 3px 5px; }
.sortoptions a { text-decoration:none; }
.sortoptions a:hover { text-decoration:underline; }

/*--------------------pager--------------------*/
.pager span.sep { padding: 0px 3px; }

/*--------------------navigation on leftcol and rightcol(lev0,lev1)--------------------*/
.localnavbox { 
	width: 160px; 
	margin-bottom: 10px;
	border-bottom: 1px solid #cc0000;
}
.localnavbox h3 {
	color: #fff;
	background: #cc0000;
	border-bottom: 1px solid #fff;
	padding: 2px 5px 3px 13px;
	font-size: 12px;
	font-weight: bold;
}
ul.localnav {
	margin: 0;
	padding: 0;
	list-style: none;
	/*border-top: 1px solid #fff;*/
}
ul.localnav li {
	margin: 0;
	padding: 0;
	display: inline;
	vertical-align: top;
}
ul.localnav a { 
	color: #000;
	border-bottom: 1px solid #fff;
	background-color: #DEE2E7;
	background-image: url(navi/arrow3.gif);
	background-repeat: no-repeat;
	background-position: 13px 8px;
	padding: 3px 5px 4px 21px;
	text-decoration: none;
	display: block;
}
ul.localnav a:hover { 
	text-decoration: underline;
}

ul.localnav a.act,
ul.localnav a.act:hover { 
	background-color: #DEEFFF;
}

ul.localnav a.open,
ul.localnav a.open:hover { 
	background-image: url(navi/arrow3-down.gif);
	background-position: 11px 8px;
}

/*--------------------sub-navigation on leftcol and rightcol (lev2)--------------------*/
ul.localnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	/*border-top: 1px solid #fff;*/
}
ul.localnav ul a { 
    color: #000;
	border-bottom: 1px solid #fff;
	background-color: #F1F7FF;
	background-image: url(navi/arrow3.gif);
	background-repeat: no-repeat;
	background-position: 21px 8px;
	padding: 3px 5px 4px 29px;
	text-decoration: none;
	display: block;
}

ul.localnav ul a:hover { 
	text-decoration: underline;
}

ul.localnav ul a.act,
ul.localnav ul a.act:hover { 
	background-color: #DEEFFF;
}

/*--------------------relatedbox1, on leftcol and rightcol, example: visited products--------------------*/
.relatedbox1 { 
	width: 160px; 
	margin-bottom: 10px;
	border-bottom: 1px solid #cc0000;
}
.relatedbox1 h3 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #cc0000;
	border-bottom: 1px solid #fff;
	padding: 2px 5px 3px 13px;
}
ul.related1 {
/*will use this class only on similar boxes where we have product-names to be added*/
	margin: 0;
	padding: 0;
	list-style: none;
	/*border-top: 1px solid #fff;*/
}
ul.related1 li {
	margin: 0;
	padding: 0;
	display: inline;
	vertical-align: top;
}
ul.related1 a { 
	color: #000;
	background-color: #DEE2E7;
	border-bottom: 1px solid #fff;
	padding: 3px 5px 4px 13px;
	text-decoration: none;
	display: block;
}
ul.related1 a:hover { 
	text-decoration: underline;
}

ul.related1 a.act,
ul.related1 a.act:hover { 
	background-color: #f3f4f5;
}

ul.related1 a span {
/*needed to fix long-products-name display*/
overflow: hidden;
width: 142px; /*height: 13px;*/
display: block;
cursor: pointer;
}

/*--------------------newsletterbox--------------------*/
#newsletterbox { 
	width: 160px; 
	margin-bottom: 10px;
	border-bottom: 1px solid #cc0000;
}
#newsletterbox h3 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #cc0000;
	border-bottom: 1px solid #fff;
	padding: 2px 5px 3px 13px;
}
#newsletterbox .nsb-body { 
	padding: 5px 13px 5px 13px;
	background-color: #DEE2E7;
	border-bottom: 1px solid #fff;
}

#newsletterbox .nsb-body input { width: 126px; }

#newsletterbox .nsb-body a { 
	background-image: url(navi/arrow3.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0px 0px 0px 8px;
	color: #000;
	text-decoration: none;
	display: block;
}

#newsletterbox .nsb-body a:hover { 
	text-decoration: underline;
}

/*--------------------header elements--------------------*/
/*header height=167px =row1+row2+row3 */

/*only for testing purpose
#toplinks { background: red }
#dealer_logobanners { background: blue }
#topselectors { background: blue }
end only for testing purpose*/

/*--------------------header row1 = toplinks, dealer logo and banners--------------------*/
#header #row1 { height: 113px; vertical-align: top; }
.hrow1-opt1 { /*header bg*/
	background-color: #3F6DA1;
}
.hrow1-opt2 { /*header bg*/
	background-color: #3F6DA1;
	background-image: url(img/header-banner_bg1.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#toplinks { width: 940px; height: 13px; }
#toplinks td { color: #fff; text-align: right; }
#toplinks a  { color: #fff; text-decoration: none; }
#toplinks a:hover  { color: #fff; text-decoration: underline; }
#dealer_logobanners { width: 940px; height: 90px; margin: 5px 0px 0px 0px; }
#dealer_logo { width: 212px; }
#dealer_banners { width: 728px; text-align: right; }

/*--------------------header row2 = topnav--------------------*/
#header #row2 { height: 23px; vertical-align: top; } 
#header #row2 { /*topnav bg*/
	background-color: #CC0000;
	background-image: url(navi/topnav_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
} 
#topnav { width: auto; height: 23px; margin-left: 175px; }
#topnav { color: #fff; }
#topnav a  { color: #fff; text-decoration: none; }
#topnav a:hover  { color: #fff; text-decoration: underline; }
#topnav .sep { 
	padding: 0px 10px;
	background: url(navi/topnav_sep.gif) top center no-repeat;
	height: 23px; width: 2px;
}
#topnavUserNameArea {width:165px; }

.menuMainRight {
				width:123px;
				background-color:#D8E5EA;						
				display:block;
				height:16px; 
				line-height:16px;
				font-weight:bold;						
				margin-top:2px;
				text-align:center;
			}
/*--------------------header row3 = language selector, currency selector,  topsearch, login button--------------------*/
#header #row3 { height: 31px; vertical-align: top; }
#header #row3 { /*topsearch bg*/
	background-color: #E3E7EC;
}
#topselectors { /*width: 940px; */ width: auto; height: 21px; margin: 5px 0px;}
#topselectors td { height: 21px; }
#langcurrency  { width: 165px; padding-left: 10px; /*background: blue; */}
#topsearch { width: 590px; /*background: green; */}
#loginbtn { width: 165px; padding-left: 10px; text-align: right; /*background: blue;*/ }
#login-note { padding-left: 10px; /*background: green;*/ }
/*#topsearch input { width: 90px; }*/
#topsearch select { width: 100px; }
/*--------------------end header elements--------------------*/

/*--------------------footer elements--------------------*/
td#footerlinks { padding-left: 175px;}
#footerlinks { color: #666; font-family: arial, helvetica, sans-serif; font-size: 10px; }
#footerlinks a  { color: #666; text-decoration: none; }
#footerlinks a:hover  { color: #000; text-decoration: underline; }

/*--------------------compare page tables--------------------*/
table.compare-table,
table.compare-table-features { 
	/*width: 765px;*/
	width: 100%;
	border: 1px solid #fff;
}

table.compare-table td,
table.compare-table-features td { 
	vertical-align: top;
	text-align: left;
	/*width: 147px;*/
	width: 20%;
	padding: 2px;
	/*border: 1px solid #fff;*/
	/*background: silver;*/
}
table.compare-table div.select-infomsg { 
	color: #636363;
	/*margin-top: 5px;*/
	/*width: 143px;*/
	display: none;
}

table.compare-table-features tr.row1 td { border-top: 1px solid #ccc; }
table.compare-table-features tr.even td { background: #f3f4f5; }
table.compare-table-features td.fea-spacer { height: 1px; font-size: 1px; line-height: 0px; background: #fff; }

table.compare-table td.product-name { 
	background: url(navi/shade-myac-header.gif) bottom left repeat-x;
	border-top: 1px solid #CBCCCD;
}
table.compare-table div.product-name a  { 
	color: #005DC5;
	background: url(navi/chapter_arrow.gif) 5px 2px no-repeat;
	text-decoration: none;
	display: block;
	padding-left: 19px;
}
table.compare-table div.product-name a:hover  { color: #000; text-decoration: underline; }

table.compare-table div.product-pic { margin-bottom: 3px; }
table.compare-table div.product-logo { }
table.compare-table td.feature-group { font-weight: bold; }
table.compare-table-features td.feature-name { font-weight: bold; }

/*--------------------compare page link styles--------------------*/
a.btn-print { 
	background: url(navi/ic_print.gif) top left no-repeat; 
	padding: 2px 0px 2px 20px; 
}
a.btn-remove { 
	background: url(navi/ic_remove.gif) top left no-repeat; 
	padding: 2px 0px 2px 12px;
}
a.btn-add { 
	background: url(navi/ic_add.gif) top left no-repeat; 
	padding: 2px 0px 2px 12px; 
}
a.btn-add_notselected { 
	background: url(navi/ic_add_notselected.gif) top left no-repeat; 
	padding: 2px 0px 2px 12px; 
}
a.btn-expand { 
	background: url(navi/ic_expand.gif) top left no-repeat; 
	padding: 2px 0px 2px 15px; 
}
a.btn-collapse { 
	background: url(navi/ic_collapse.gif) top left no-repeat; 
	padding: 2px 0px 2px 15px;
}
a.btn-fea-open { 
	background: url(navi/ic_fea-open.gif) top left no-repeat; 
	padding: 2px 0px 2px 12px; 
}
a.btn-fea-close { 
	background: url(navi/ic_fea-close.gif) top left no-repeat; 
	padding: 2px 0px 2px 12px; 
}
a.btn-closex { 
	background: url(navi/ic_x.gif) top left no-repeat; 
	padding: 2px 0px 2px 12px; 
}
a.btn-pdf { 
	background: url(navi/ic_pdf.gif) top left no-repeat;
	padding: 2px 0px 2px 20px;
}

a.btn-print,
a.btn-remove,
a.btn-add,
a.btn-add_notselected,
a.btn-expand,
a.btn-collapse,
a.btn-fea-open,
a.btn-fea-close,
a.btn-closex,
a.btn-pdf {
text-decoration:none;
}

a.btn-print:hover,
a.btn-remove:hover,
a.btn-add:hover,
a.btn-add_notselected:hover,
a.btn-expand:hover,
a.btn-collapse:hover,
a.btn-fea-open:hover,
a.btn-fea-close:hover,
a.btn-closex:hover,
a.btn-pdf:hover {
text-decoration:underline;
}

/*-------------------absolute positioning boxes:loginbox--------------------*/
#divLoginBox,#divLoginToIntouchBox, #divLoginBoxMod1, #divLoginBoxMod2 { 
	position: absolute;
	/*top: 164px; left: 780px;*/
	top: -5px; left: 5px;
	text-align:left;
	width: 160px;
	background: #cc0000;
	top:1px;
}
#divLoginBoxMod1 { left: 600px; } /*only for demo purpouse*/
#divLoginBoxMod2 { left: 420px; } /*only for demo purpouse*/
.loginbox { padding: 5px; color: #fff; border-bottom: 1px solid #fff; }
.loginbox a  { color: #fff; text-decoration: none; }
.loginbox a:hover  { color: #fff; text-decoration: underline; }
.loginbox div.closex { 
text-align: right; 
padding-bottom: 2px;
margin-bottom: 5px; 
border-bottom: 1px solid #fff; 
}
.loginbox a.btn-closex { 
	background: url(navi/ic_x_white.gif) top right no-repeat; 
	padding: 2px 20px 2px 0px;
	text-align: right; display: block;
}
.loginbox div.sep_mod1 { 
border-top: 1px solid #fff; 
margin-top: 5px; 
padding-top: 5px;
}
.loginbox input.focus { background: #FFCCCC; }
.loginbox div.form-msg { color: #FFFF99; /*display:none;*/ }

/*--------------------loginbox, misc, general fake button,height=17px --white bgrd,red font--------------------*/
.loginbox a.gbuth17white {
	font-size: 11px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	color: #CC0000;
	background: #fff;
	padding: 2px 5px;
	/*height: 17px; line-height: 17px; */display: block; 
	font-weight: bold;
	margin-top: 5px;
	text-transform: uppercase;
}
.loginbox a.gbuth17white:hover {
	text-decoration: none;
	color: #CC0000;
	background: #FFFF99;
}

/*-------------------absolute positioning boxes:comparebox--------------------*/
#divCompareBox { 
	/*Dinu changed settings 17.jan.2008, removed absolute positioning, moved compare box on rightColumn*/
	width: 160px; 
	background: #ccc;
	cursor:pointer;
	/*position: absolute; top: 176px; left: 780px; */ /*LIL: am nevoie de linia asta cand creez noi theme, SA NU UIT sa o ascund sau sterg  cand trimit CSS-ul la Dinu*/
}
.comparebox { padding: 1px; color: #333; border-bottom: 1px solid #fff; cursor:default; } /*Dinu changed settings 17.jan.2008*/
.comparebox table { background: #fff; }
.comparebox table td { padding: 5px; text-align: center; }

.comparebox a  { text-decoration: none; }
.comparebox a:hover  { text-decoration: underline; }

.comparebox a.btn-remove, .comparebox a.btn-closex { 
	color: #000;
}
#divCompareBox h3 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #cc0000;
	padding: 2px 5px 3px 13px;
	margin: 0px 0px;
}
.comparebox td.product-box { border-bottom: 1px solid #ccc; }
.comparebox td.header-row { border-bottom: 1px solid #ccc; background: #f3f4f5; }
.comparebox td.footer-row { border-bottom: 0px solid #ccc; background: #f3f4f5; }

.comparebox div.infomsg { 
display: none;
margin-bottom: 5px; 
background: #3F6DA1; 
color: #fff; 
padding: 2px 2px; 
}
.comparebox div.closex {  }

/*--------------------productnavigation inside maincolumn--------------------*/
ul.productnav { 
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.productnav li {
	margin: 0;
	padding: 0;
	display: inline;
	vertical-align: top;
}
ul.productnav a { 
	display: block;
	padding: 2px 0px 2px 10px;
	background-color: transparent;
	background-image: url(navi/line1.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
}
ul.productnav a span.counting { color: #999 }

/*******************start DETAILPAGE***********************/
.listnorm .product-pic { /*background: red;*/ }
.listnorm .product-labels { /*background: green;*/ }
.detailpage .product-box { /*background: silver;*/ }

/*--------------------detailpage, product display--------------------*/
/*---1st box used on template base3col_ProductDetailPage---*/
.detailpage { /*background: silver; */}
.detailpage .print {
margin-bottom: 15px; 
padding: 0px 0px; 
text-align: right;
}
.detailpage .print a {
margin-left: 15px; 
}
.detailpage .product-box {
margin-bottom: 15px;
border-right: 0px solid #ccc;
padding-right: 0px;
/*background: silver;*/
}
.detailpage .product-box tr td {
background: #fff;
}
.detailpage .product-pic { 
margin-bottom: 3px; 
}
.detailpage .product-zoompic {
margin-bottom: 3px;
padding: 0px 0px;
text-align: right;
}
.detailpage .product-extralinks { 
margin-bottom: 0px; 
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 0px 0px;
padding-bottom: 2px;
text-align: right;
}
#maincontent .detailpage .product-extralinks p { 
margin: 2px 0px; padding: 0px;
}
.detailpage .product-logo { margin-bottom: 5px; }
.detailpage .product-name { margin-bottom: 5px; font-weight: bold; color: #005DC5; }
.detailpage .product-artnr { margin-bottom: 0px; font-weight: normal; color: #000; }
.detailpage .product-prices { margin-bottom: 5px; }
.detailpage .product-linksbuttons { margin-bottom: 0px; }

.detailpage .product-description { 
margin-bottom: 15px;
}

.detailpage .product-prices table td { text-align: right; }
.detailpage .product-linksbuttons table td { text-align: right; }

.detailpage span.price {
	font-size: 14px;
	font-weight: bold;
	color: #cc0000;
}

/*--------------------detailpage, tabbed content--------------------*/
/*---2st box used on template base3col_ProductDetailPage---*/
/*---styles for header area -and- content area---check this file: ajaxtabs/ajaxtabs.css*/

/*--------------------detailpage, tabbed content--------------------*/
/*---2st box used on template base3col_ProductDetailPage---*/
/*---styles for content area - external-files---*/
div.tab-title { 
border: 1px solid #fff;
border-bottom-color: #ccc;
padding-bottom: 2px; 
margin-bottom: 5px; 
margin-top: 5px; 
}
div.tab-title span.title { font-weight: bold; color: #000; }
div.tab-title span.product-name { font-weight: bold; color: #005DC5; }

div.tab-accessories {
border: 1px solid #fff;
border-top-color: #ccc;
background: #f3f4f5;
}
div.tab-accessories span.price {
	font-weight: bold;
	color: #000;
}
div.tab-accessories a { text-decoration:none; }
div.tab-accessories a:hover{ text-decoration:underline; }

div.tab-freestyle { border: 1px solid #fff }
div.tab-freestyle ul {
margin: 0px; padding: 0px; list-style-position: inside;
/*background: blue;*/
}
#maincontent div.tab-freestyle p.hr-line-gray  { 
	height: 7px; font-size: 0px; line-height: 0px;
	background: url(navi/hr_line_gray.gif) left center repeat-x;
	margin-bottom: 0px;
}
/*--------------------detailpage, tabbed content, tables--------------------*/
table.tab-feature-group { 
	width: 100%;
	border: 1px solid #fff;
}
table.tab-feature-group td { 
	vertical-align: top;
	text-align: left;
	/*width: 20%;*/
	padding: 2px;
}
table.tab-feature-group td.feature-group { font-weight: bold; }

table.tab-features { 
	width: 100%;
	border: 1px solid #fff;
}
table.tab-features td { 
	vertical-align: top;
	text-align: left;
	/*width: 20%;*/
	padding: 2px;
}
table.tab-features td.feature-name { font-weight: bold; width: 200px; }

table.tab-features tr.row1 td { border-top: 1px solid #ccc; }
table.tab-features tr.even td { background: #f3f4f5; }
table.tab-features td.fea-spacer { height: 1px; font-size: 1px; line-height: 0px; background: #fff; }

/*only for test
div.tab-title { border: 1px solid red }
div.tab-accessories { border: 1px solid green }
div.tab-freestyle { border: 1px solid blue }
table.tab-feature-group { border: 1px solid orange }
table.tab-features { border: 1px solid black }
end only for test*/

/*--------------------detailpage, link styles--------------------*/
a.btn-zoom { 
	background: url(navi/ic_zoom.gif) top left no-repeat;
	padding: 2px 0px 2px 20px;
}

.detailpage a.btn-zoom,
.detailpage a.textlink2 {
text-decoration:none;
}

.detailpage a.btn-zoom:hover,
.detailpage a.textlink2:hover {
text-decoration:underline;
}

/*--------------------detailpage, misc, general fake button,height=17px --red bgrd,white font--------------------*/
.gbuth17TS {
	font-size: 11px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #CC0000;
	padding: 2px 5px;
	height: 17px; line-height: 17px; /*display: block;*/
	font-weight: bold;
	border: 0px solid;
}
a.gbuth17 {
	font-size: 11px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #CC0000;
	padding: 2px 5px;
	height: 17px; line-height: 17px; /*display: block;*/
	font-weight: bold;
}
a.gbuth17:hover {
	text-decoration: none;
	color: #fff;
}

/*--------------------shoppingcart, misc, general fake button,height=17px --gray bgrd,black font--------------------*/
a.gbuth17gray {
	font-size: 11px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	background: #CCC;
	padding: 2px 5px;
	height: 17px; line-height: 17px; /*display: block;*/
	font-weight: bold;
}
a.gbuth17gray:hover {
	text-decoration: none;
	color: #000;
}

/*-------------------detailpage, divImageBig--------------------*/
#divImageBig {
  	position: absolute;
	top: -50px; /*176*/
	left: 0px;/*175*/
	padding: 5px;
	border: 1px solid #cc0000;
	background: #fff;
	/*display: none;*/
	/*z-index: 25000;*/
	cursor: pointer;
}
#divImageBig span {
	text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
	background: #cc0000;
	color: #fff;
	font-weight: bold;
	/*text-align: center;*/
	padding: 5px; /*display: block;*/
	/*width: 16px; height: 16px;*/
}

/*-------------------detailpage, divSendToAssoc--------------------*/
#divSendToAssoc,
#divSendToAssocMsg {
  	position: absolute;
	top: 0px; /*176px;*/
	left: 0px; /*175px;*/
	padding: 15px;
	padding-top: 30px;
	border: 1px solid #cc0000;
	background: #fff;
	/*display: none;*/
	/*z-index: 10;*/
}

#divSendToAssoc span,
#divSendToAssocMsg span {
	text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
	background: #cc0000;
	color: #fff;
	/*font-weight: bold;*/
	/*text-align: center;*/
	padding: 2px 5px; /*display: block;*/
	/*width: 16px; height: 16px;*/
	cursor: pointer;
}

#divSendToAssoc span a,
#divSendToAssocMsg span a { 
color: #fff; text-decoration:none; 
}

#divSendToAssoc span a:hover, 
#divSendToAssocMsg span a:hover { 
color: #fff; text-decoration:underline; 
}

.sendtoassoc-header {
background: url(navi/sendtoassoc-header_bg.gif) top left no-repeat;
height: 22px; line-height: 22px;
padding: 0px 9px;
font-weight: bold;
color: #000;
}
.sendtoassoc-row1 {
background: #fff;
border: 1px solid #999;
border-top-width: 0px;
padding: 8px 18px;
color: #333;
}
.sendtoassoc-row1 .product-name {
font-weight: bold; 
color: #005DC5;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
margin-bottom: 5px;
}
.sendtoassoc-row1 .product-artnr {
color: #000;
}
.sendtoassoc-row2 {
background: #F6F6F6;
border: 1px solid #999;
border-top-width: 0px;
padding: 8px 18px;
color: #333;
}
.sendtoassoc-row3 {
background: #E9E7E8;
border: 1px solid #999;
border-top-width: 0px;
padding: 8px 18px;
color: #333;
}
/*******************end DETAILPAGE***********************/

/*-------------------searchpages--------------------*/
.hilit { color: #cc0000; }
#maincontent h2.search-group  { 
	margin: 15px 0px 0px 0px;
}

/*******************start MYACCOUNT-REGISTER-SHOPPINGCART-CHECKOUT***********************/

/*-------------------start --classes ONLY FOR DEMO PURPOUSE--------------------*/
/* on real-html-templates will remove this parent DIV -or- will keep here just DIV without this classes */
div.lil-temp-screen1,
div.lil-temp-screen2,
div.lil-temp-screen3,
div.lil-temp-screen4,
div.lil-temp-screen5,
div.lil-temp-screen6,
div.lil-temp-screen7,
div.lil-temp-screen8,
div.lil-temp-screen9,
div.lil-temp-screen10,
div.lil-temp-screen11,
div.lil-temp-screenXX { display:block; }
div.lil-temp-screenName{ display:block; }
/*-------------------end --classes ONLY FOR DEMO PURPOUSE--------------------*/

/*____ myac-table___*/
table.myac-table { border: 1px solid #ccc; }

td.myac-header,
td.myac-rowsimple,
td.myac-roweven,
td.myac-rowodd { padding: 8px; }

td.myac-header { background: #fff url(navi/shade-myac-header.gif) bottom left repeat-x; }
td.myac-rowsimple { background: #fff; border-top: 0px solid #ccc; }
td.myac-roweven { background: #fff; border-top: 1px solid #ccc; }
td.myac-rowodd { background: #f3f4f5; border-top: 1px solid #ccc; }

td.myac-header span.title,
td.myac-roweven span.title,
td.myac-rowodd span.title { 
font-weight: bold; color: #000; 
}

td.myac-header span.title-selected { 
font-weight: bold; color: #cc0000; 
}

table.myac-table div.sep_mod1 { 
border-top: 1px solid #ccc; 
margin-top: 5px; 
padding-top: 5px;
}

#maincontent table.myac-table p  { 
/*margin-bottom: 10px; */
margin: 5px 0px;
}

#maincontent table.myac-table ul {
/*list-style-position: inside;*/
padding: 0 0 0 10px;
margin: 5px 15px;
/*background: gray;*/
}

/*____ myac-table__forms___*/
table.myac-table input.ftext { background: #f3f4f5; color: #000;}
table.myac-table input.fcheck { background: transparent; color: #000;}
table.myac-table input.fradio { background: transparent; color: #000;}
table.myac-table select.fsel { background: #f3f4f5; color: #000;}
table.myac-table select.fsel { width: 225px; }

table.myac-table input.focus, 
table.myac-table select.focus { background: #FFCCCC; }

table.myac-table table.myac-listing td.myaclist-rowodd input.ftext { background: #fff; color: #000;}
table.myac-table table.myac-listing td.myaclist-rowodd select.fsel { background: #fff; color: #000;}

/*____ myac-table__form labels___*/
div.form-msg { color: #CC0000; /*display:none; */}
span.flb-req { font-weight: bold;
background: url(navi/flb-req.gif) top right no-repeat; 
padding-right: 6px; 
}
span.flb-notreq { font-weight: bold; }
span.flb-zb { font-weight: normal; } /*zum beispiel*/
table.fresults span.flb-req  { background: none; padding-right: 0px; }

/*____ myac-boxes___*/
/*used only on sc4.Mein Konto*/
table.myac-boxes { /*width: 590px; */}

table.myac-boxes td.title { width: 172px; }
table.myac-boxes td.text { width: 172px; }

table.myac-boxes td.title { 
background: #fff url(navi/shade-myac-header.gif) bottom left repeat-x; 
font-weight: bold;
padding: 8px;
border: 1px solid #ccc;
border-bottom-width: 0px;
}

table.myac-boxes td.text { 
padding: 8px;
border: 1px solid #ccc;
}

table.myac-boxes td.title a { 
	background: url(navi/arrow2.gif) top right no-repeat;
	padding-right: 15px;
	display: block;
}

/*____ myac-listing___*/
table.myac-listing { /*note: we have cellspacing=1 inside html code for this table*/
background: #ccc;
}
table.myac-listing td.myaclist-header,
table.myac-listing td.myaclist-rowsimple,
table.myac-listing td.myaclist-roweven,
table.myac-listing td.myaclist-rowodd { padding: 5px; }

table.myac-listing td.myaclist-header { background: #e3e3e3; color: #000; font-weight: bold; }
table.myac-listing td.myaclist-rowsimple { background: #fff; }
table.myac-listing td.myaclist-roweven { background: #fff; }
table.myac-listing td.myaclist-rowodd { background: #f3f4f5; }

table.myac-listing div.sep_mod1 { 
border-top: 1px solid #ccc; 
margin-top: 5px; 
padding-top: 5px;
}

table.myac-listing div.product-name { height: 13px; overflow: hidden; /*background: gray */} 
/*
this line above it's just for demo-purpouse at this moment
specs 13.mar.2007---Ovi must take care to cut the text to have alsways only one line of product text so it will work
*/
table.myac-listing div.product-price { /*color: #000; background: gray */ }
table.myac-listing div.tax-name { text-align: right; margin-top: 5px; }
table.myac-listing div.tax-price { margin-top: 5px; }
table.myac-listing span.artikelnr { /*color: #000;*/ }


/*____ myac-infobox1, myac-infobox2___*/
/*will use this classes only on TD's, combined with DIV parents which will settup other attributes like vertical space, etc*/
/*screenXX-defined classes for Specs 18.feb.2007.Doc--page:11,16,18*/
td.myac-infobox1 {
font-weight:bold;
padding: 2px 5px;
color: #000;
background: #DEEFFF;
}
td.myac-infobox2 {
font-weight:normal;
padding: 2px 5px;
background: #F1F7FF;
}

/*____ bordboxp5,bordboxp8___*/
div.bordboxp5 { border: 1px solid #ccc; padding: 5px; }
div.bordboxp8 { border: 1px solid #ccc; padding: 8px; }

/*____ myac-backbtn___*/
div.myac-backbtn { margin: 9px; text-align: right; }

/*____ myac-printbtn___*/
div.myac-printbtn { margin: 6px; text-align: left; }

/*____ lock___*/
table.lock {
	color: #000;
	background: #FFFF99;
	border: 1px solid #ccc;
}
table.lock td { padding: 2px; }

/*____ wk-step___*/
table.wk-step td { padding: 2px; }

/*____ myac-help___*/
table.myachelp { /*note: we have cellspacing=1 inside html code for this table*/
background: #ccc;
}
table.myachelp td.myachelp-header { padding: 5px; background: #DEEFFF; font-weight: normal; }
table.myachelp td.myachelp-roweven { padding: 5px; background: #F1F7FF; font-weight: normal; }
table.myachelp span.title { font-weight: bold; color: #000; }


/*-------------------myaccount page, divRetrievePassword--------------------*/
#divRetrievePassword {
  	position: absolute;
	top: 176px;
	left: 175px;
	padding: 15px;
	padding-top: 30px;
	border: 1px solid #cc0000;
	background: #fff;
	/*display: none;*/
	/*z-index: 10;*/
}
#divRetrievePassword span {
	text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
	background: #cc0000;
	color: #fff;
	/*font-weight: bold;*/
	/*text-align: center;*/
	padding: 2px 5px; /*display: block;*/
	/*width: 16px; height: 16px;*/
	cursor: pointer;
}
#divRetrievePassword span a { color: #fff; text-decoration:none; }
#divRetrievePassword span a:hover { color: #fff; text-decoration:underline; }

/*******************end MYACCOUNT-REGISTER-SHOPPINGCART-CHECKOUT***********************/

/*-------------------Start warenkorb-box--------------------*/
/*this is on right column, #rightcol*/
table.warenkorb-box td, 
table#wk-minitable td { 
font-size: 11px;
font-family: arial, verdana, tahoma, helvetica, sans-serif;
}

table.warenkorb-box a { color: #666; text-decoration: none; }
table.warenkorb-box a:hover { text-decoration: underline; }

table.warenkorb-box { 
border: 1px solid #999; 
background: #F1F7FF;
}
table.warenkorb-box td.first-row  { padding: 5px 5px; }
table.warenkorb-box td.midd-row  { padding: 0px 5px; }
table.warenkorb-box td.last-row  { padding: 3px 5px; background: #DFEEFF; border-top: 1px solid #999; }
table.warenkorb-box a.korb-sm { 
background: url(navi/ic_korb_sm.gif) top right no-repeat;
padding-right: 20px;
display: block;
}

/*__wk-minitable__*/
table#wk-minitable td {
border-top: 1px solid #999;
padding-top: 2px;
padding-bottom: 2px;
}
table#wk-minitable td.col1 { border-right: 1px solid #999; padding-right: 2px; }
table#wk-minitable td.col2 { border-right: 1px solid #999; padding-left: 2px; padding-right: 2px; }
table#wk-minitable td.col3 { padding-left: 5px; }
/*-------------------End warenkorb-box--------------------*/

/*-------------------absolute_or_relative positioning boxes:product-extendedinfo--------------------*/
.product-extendedinfo {
	width: 470px; /*height: 280px; overflow: auto;*/
	padding: 5px; border: 1px solid #ccc;
	background: #fff;
}

.product-extendedinfo .product-box { margin-bottom: 5px; border-bottom: 1px solid #ccc; }
.product-extendedinfo .product-box tr td { background: #fff; }
.product-extendedinfo .product-pic { margin-bottom: 3px; }
.product-extendedinfo .product-logo { margin-bottom: 5px; }
.product-extendedinfo .product-name { margin-bottom: 5px; font-weight: bold; color: #005DC5; }
.product-extendedinfo .product-artnr { margin-bottom: 5px; font-weight: normal; color: #000; }
.product-extendedinfo .product-description { margin-bottom: 0px; height: 54px; overflow: hidden; }
.product-extendedinfo .product-description tr td { background: #fff; }
.product-extendedinfo .product-prices { margin-bottom: 5px; }
.product-extendedinfo .product-prices table td { text-align: right; }
.product-extendedinfo span.price {
	font-size: 14px;
	font-weight: bold;
	color: #cc0000;
}
/*-------------------END absolute_or_relative positioning boxes:product-extendedinfo--------------------*/

/*--------------------rightcol -- styles for news, topten--------------------*/
.rb-news { 
	width: 160px; 
	margin-bottom: 10px;
	border-bottom: 1px solid #cc0000;
	background: #fff;
}
.rb-news h3 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #cc0000;
	padding: 2px 5px 3px 13px;
	border-bottom: 1px solid #fff;
}
.rb-news table { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.rb-news table td { padding: 0px 5px; }
.rb-news div.news-item {
width: 148px; overflow:hidden;
padding: 5px 0px;
border-bottom: 1px solid #ccc;
}
.rb-news div.last {
border-bottom: 0px;
}
.rb-news div.product-pic {
text-align: center;
margin-bottom:3px;
}
.rb-news div.product-name {
/*height: 15px;*/
/*overflow: hidden;*/
margin-bottom:3px;
}
.rb-news div.news-text {
margin-bottom:3px;
}
.rb-news div.more {
text-align: right;
}

/*-------------------absolute_or_relative positioning boxes:versandship--------------------*/
.versandship {
	width: 400px; /*height: 280px; overflow: auto;*/
	padding: 5px; border: 1px solid #ccc;
	background: #fff;
}
.versandship-content { }
.versandship .versandship-content table tr td { background: #fff; }
/*-------------------END absolute_or_relative positioning boxes:versandship--------------------*/

/*-------------------absolute_or_relative positioning boxes:orderDelete--------------------*/
.orderDelete {
	padding: 5px; border: 1px solid #FF0000;
	background: #fff;
	width: 300px;
}
/*-------------------END absolute_or_relative positioning boxes:boxes:orderDelete--------------------*/

/****************** "PLEASE WAIT, LOADING" popup parameters ***************/
.statusLoadContainer {
    position:absolute; 
}
.statusLoad, .statusSearch {
    position:absolute;
    top:120px; left:187px; width:200px; height:60px;
    background-color:#eee;
    border: 1px solid black;
    filter:alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity:0.8;
    z-index:10000;
}
.statusSearch {
    top: 295px;
    left: 316px;
}
.statusLoadTable {
    height:100%; 
    width:100%
}
.statusLoadTD {
    text-align:center;
}
/****************** END "PLEASE WAIT, LOADING" popup parameters ***************/

/*--------------------sortboxes table--------------------*/
/*used on page-template nr.6:  base3col_ProductSubClass.htm -and- module nr.21: ProductSubClass-sortoptions-sortboxes__ .htm*/
table.sortbox1 { 
	width: 590px;
	border: 1px solid #ccc; border-top: 0px;
	background: #f3f4f5;
}

table.sortbox1 td { 
	padding: 0px;
	vertical-align: top;
	text-align: left;
	width: 98px; 
	overflow: hidden;
}

.menuItem    {
/*background-color:red;*/
margin-top: 3px;
margin-left: 3px;
z-index: 400;
position: relative;
}

.menuItem_top {
/*background-color:green;*/
font-family:Arial;
width: 80px; overflow: hidden;
white-space: nowrap;
margin-bottom: 3px;
display: block;
padding-left: 12px;
background: url(navi/ic_fea-open.gif) 0px -2px no-repeat;
font-weight: bold;
color: #005DC5;
cursor: pointer;
}

.menuItem_bottom,
.menuItem_bottom_active,
.menuItem_bottom_over {
/*background-color:orange;*/
width: 80px; height: 13px; overflow: hidden;
margin-bottom: 3px;
display: block;
padding: 2px 5px;
border: 1px solid #ccc;
/*font-weight: bold;*/
}

.menuItem_bottom {
color: #000;
background: #fff;
}
.menuItem_bottom_active {
color: #000;
background: #FFFF99;
}
.menuItem_bottom_over {
color: #fff;
background: #CC0000;
}

.menuListContainer { 
/*position: relative; 
width: 0px; height: 0px;
z-index: 400;*/
}

.menuList    { display: none; }
.menuList_active { display: block; }
.menuList, .menuList_active { position: absolute; margin-top: 3px; }

.menuList, .menuList_active { 
background: #fff;
border: 1px solid #ccc;
}

.menuList .menuList_top,
.menuList_active .menuList_top {
border: 1px solid #fff;
border-bottom: 1px solid #ccc;
background: #f3f4f5;
}

.menuList .menuList_bottom,
.menuList_active .menuList_bottom {
width: 150px; height: 230px; overflow: auto;
border: 1px solid #fff;
background: #f3f4f5;
}

.menuList a, 
.menuList_active a { 
display: block; 
padding: 2px 5px; 
text-decoration:none;
background: #f3f4f5;
color: #005DC5;
}

.menuList a:hover, 
.menuList_active a:hover { 
text-decoration:underline;
background: #cc0000;
color: #fff; 
}

.menuList a span, 
.menuList_active a span { color: #000; }

.menuList a:hover span, 
.menuList_active a:hover span { color: #fff; }
/*--------------------// end sortboxes table--------------------*/

/*-----------------Clase pentru availability--------------------*/
.availability-instock {color:#009900;}/*lightgreen*/
.availability-ondate {color:#FF6600;}/*orange*/
.availability-off {color:#FF0000;white-space: normal;word-wrap: break-word;}/*red*/
/*-----------------// end Clase pentru availability--------------------*/


/*--------------------TEMP ONLY FOR DEVELOPMENT STAGE NOTES--------------------*/
#maincontent h1.temp, #maincontent p.temp { margin: 0; padding: 0; }
#maincontent hr.temp { margin: 0; padding: 0; display: none; }
#maincontent p.temp-red { color:red }

body#lil { font-size:11px; color:#333; padding:30px; line-height:15px; }
#lil div.lilsiteinfo { margin:10px; padding:5px; border:1px solid #ccc }
#lil div.lilnotes { margin:10px; padding:5px; border:1px solid #ccc }
#lil a { text-decoration:underline }
#lil h1, #lil h2, #lil h3 { font-size:12px; margin:0; padding:0; }
#lil p { margin:0; padding:0; }
#lil h1 { color:red }
#lil h2 { color:green; border:0; }
#lil h3 { color:navy }
#lil hr.sepa { }
#lil .red { color:red }
#lil ol.lil { margin-top:3px; margin-bottom:0; }
#lil ol.lil li { margin-top:0; margin-bottom:3px; padding:5px; background-color:#f3f4f5; }
#lil ol.lil li a { font-weight: bold; }
#lil a { text-decoration:none; }
#lil a:hover { text-decoration:underline; color:red; }
/*--------------------end TEMP ONLY FOR DEVELOPMENT STAGE NOTES--------------------*/

.srcHint {width: 168px;background: #f3f4f5;border: 1px solid #cccccc;padding: 4px;
position:absolute;top:20px;left:90px;overflow: scroll;overflow-x:hidden;height:300px;z-index:30000;text-align:left;}
.srcHint ul {list-style: none;margin: 0px 0px 8px;padding: 0px 0px 4px;border-bottom: 1px dashed #999999;}
.hintCat {font-size: 13px;font-weight: bold;padding: 3px 0px; color: #000000;} /*category title*/
/*hint links*/
.srcHint a {display: block;text-decoration: none;font-weight: normal;margin: 2px 0px;padding: 2px 0px;}
.srcHint a span {color: #000000;text-decoration: none;padding-left: 4px;font-weight: normal;}
.srcHint a:hover {background: #cc0000;color: #FFFFFF;text-decoration: underline;}
.srcHint a:hover span {color: #FFFFFF;}

.kitIcoR1, .kitIcoR2, .kitIcoR3, .kitIcoL, .kitIcoD, .kitIcoCbx{position:relative;height:0px;text-align:left;}
.kitIcoR1 img, .kitIcoR2 img, .kitIcoR3 img, .kitIcoL img, .kitIcoD img, .kitIcoCbx img {position:absolute;width:12px;}
.kitIcoR1 img {top:-30px;left:50px;width:24px;}
.kitIcoR2 img {top:-18px;left:38px;}
.kitIcoR3 img {top:-16px;left:3px;}
.kitIcoL img {top:-16px;left:-2px;}
.kitIcoD img {top:-27px;left:3px;width:24px;}
.kitIcoCbx img {top:-16px;left:37px;}

.badBoxIcoR1, .badBoxIcoR2, .badBoxIcoR3, .badBoxIcoL, .badBoxIcoD, .badBoxIcoCbx, .badBoxIcoCbxL, .badBoxIcoDZ {position:relative;height:0px;text-align:left;}
.badBoxIcoR1 img, .badBoxIcoR2 img, .badBoxIcoR3 img, .badBoxIcoL img, .badBoxIcoD img, .badBoxIcoCbx img, .badBoxIcoCbxL img, .badBoxIcoDZ img {position:absolute;width:12px;}
.badBoxIcoR1 img {top:-150px;left:220px;width:24px;}
.badBoxIcoR2 img {top:-83px;left:133px;}
.badBoxIcoR3 img {top:-83px;left:98px;}
.badBoxIcoL img {top:-55px;left:58px;}
.badBoxIcoCbxL img {top:-83px;left:98px;}
.badBoxIcoD img {top:-145px;left:173px;width:24px;}
.badBoxIcoDZ img {top:-310px;left:350px;width:24px;}
.badBoxIcoCbx img {top:-53px;left:95px;}

#topsearch .searchInput {width:170px;}/*170*/
#topsearch .searchInputOn {width:170px;background-image:url(navi/ajax-loader-search.gif);background-position:right;background-repeat:no-repeat;}

/*--------------------FILTERS--------------------*/

#filters h4 { font-size: 14px; display: block;/* padding-bottom: 2px; */}
#filters h4 span {  font-size: 11px; color: #fff;}


.col { }
.colTitle { font-weight: bold; padding-bottom: 3px; margin-top: 10px; }
#popupFilter {display:none;}

#popupFilter .col, .colHover{background:;width:93px;float:left;position:relative; display:inline;
}
#popupFilter .colHover{background:#eee;}
#popupFilter input{margin:0px;padding:0px;}

#popupFilter { font: 10px Arial, Helvetica, sans-serif; color: #666; width: 578px; background: #EFEFEF; padding-top:3px;} /*wrapper styles. NOTE: change width if necessary.*/
#popupFilter .filterClear { display: block; clear: both; float: none; height: 0px; }
#popupFilter .filterColWrap { overflow: auto; height: 360px; }
#popupFilter ul { list-style: none; margin: 0px; padding: 2px 0px; display: block; float: left; }
#popupFilter ul li { margin-bottom: 2px; }
#popupFilter .filterTit { display: block; font-size: 11px; font-weight: bold; background: #DEE2E7; padding-top: 2px; padding-bottom: 2px; float: left; } /*filter title general styles*/
#popupFilter .filterTit span { font-weight: normal; color: #900; float: left; }
#popupFilter ul li label { cursor: pointer; } /*add pointer to label*/
#popupFilter .filterTitWrap { display: block; width: 100%; background: #DEE2E7; } /*filter title wapr*/

/*COLUMN WIDTHS - calculate like this: #popupFilter width - 18px (width of scroller) / number of columns 
in this example: 
(578-18)/6 = 93px
(578-18)/5 = 112px
etc
*/
/*6 COLUMNS*/
.filterTot6 ul, .filterTot6 .filterTit { width: 93px; } /*width for columns and titles*/
/*5 COLUMNS*/
.filterTot5 ul, .filterTot5 .filterTit { width: 112px; } /*width for columns and titles*/
/*4 COLUMNS*/
.filterTot4 ul, .filterTot4 .filterTit { width: 140px; } /*width for columns and titles*/
/*3 COLUMNS*/
.filterTot3 ul, .filterTot3 .filterTit { width: 186px; } /*width for columns and titles*/
/*2 COLUMNS*/
.filterTot2 ul, .filterTot2 .filterTit { width: 166px; } /*width for columns and titles*/
/*#popupFilter ul li input, #popupFilter ul li label { vertical-align: middle; }*/

/*PRINT SUPPLIES FINDER*/

#leftDrops .printSuppliesDrop {width:200px;}
#leftDrops .selPs-disabled { color:#ccc;}

#suppliesFinder { margin-bottom: 16px; }
/*BW logos*/
#suppliesFinder .logos { margin-bottom: 16px; }
#suppliesFinder .logos img { margin-right: 4px; margin-bottom: 4px; border-style: none; }
/*left dropdowns*/
#suppliesFinder .leftDrops { float: left; width: 270px; padding-top: 16px; }
#suppliesFinder .leftDrops select { margin-bottom: 12px; display: block; width: 200px; }
/*right product picture*/
#suppliesFinder .prodPic { float: left; text-align: center; width: 300px; padding-top: 10px; }
#suppliesFinder .prodPic h5 { font-size: 12px; font-weight: bold; color: #06C; }
/*bottom text*/
#productListPanel span h3 { color: #900; text-align: center; background: #dfeeff; padding: 4px; }

/*right column and bottom fix*/
div#content-box {border-bottom: 0px!important;}

/*!!!! new vresion changes !!!! */
div.ttip {display:inline;position:absolute;width:0;height:0;z-index:1000;}
div.ttc {position:relative;border:solid 1px #000;padding: 0 5px 5px 5px;background-color:#FCFDDD; width:200px;text-align:left;}
div.visible {display:block;}
div.versandship {z-index:100;position:absolute;left:0px;top:0px;display:none;text-align: left;}
div.versandshipC {position:relative;width:0px; height:0px;}
td.scStep1NextButton a{display:none;}
td.scStep1NextButton a.gbuth17gray{cursor:default;}

/*intouch price check*/
div.itpc_PP {position:absolute;width:500px;z-index:100;display:none;}
div.itpc_PC {position:relative;width:0px;height:0px;left:-242px; z-index:100;}
div.itpc_PP td.titleLeft {background: #DEEFFF;text-align:left;}
div.itpc_PP td.titleLeft {background: #DEEFFF;text-align:left;}
div.itpc_PP titleRight {background: #DEEFFF;text-align:right;}

#langcurrency, #topsearch {text-align:left;}
#srcHintContainer {position:relative; width:0px;height: 0px;display:block;}
#srcHintList {width:780px;left:-15px;display:none;}
#srcHintList th{border-bottom:solid 1px #fff;text-align:center;}
#srcHintList tr.hover{background-color:#f00;color:#fff;cursor:pointer;}

/* smartTabs */
div.smartTabs  div.header {height: 20px;position: relative; top: 1px;}
div.smartTabs  table.tabs  a{ display:block; background: #f3f4f5 url('navi/smarttabs_shade.gif') bottom left repeat-x; border:solid 1px #ccc;
	border-bottom-width:0; margin-right:3px; text-decoration:none; color:#000;	padding: 3px 7px; font-size:11px;outline: none; }
div.smartTabs  table.tabs  a:hover{text-decoration:underline;}
div.smartTabs  table.tabs td.sel  a{ 	background: #fff url('navi/smarttabs_shadeactive.gif') bottom left repeat-x;	color: #cc0000;	font-weight: bold;}
div.smartTabs  table.tabs td.sel  a:hover{text-decoration:none;}
div.smartTabs  div.content{border: 1px solid #ccc; padding: 7px; background: #fff; display:none;}
div.smartTabs  div.content.sel {display:block;}
div.smartTabs  span.loading {background: url('navi/smarttabs_loading.gif') top left no-repeat;width:18px; height:18px;display:block;}
.ie8 #divLoginBox {left:-165px;}

.related1 { word-wrap: break-word; width: 160px; overflow: hidden; }
div.product-box div.rBx1{word-wrap: break-word;overflow: hidden; width:280px;}
div.product-box div.rBx2{word-wrap: break-word;overflow: hidden; width:170px;}
div.product-box div.rBx3{word-wrap: break-word;overflow: hidden; width:310px;}
div.product-box div.product-description{word-wrap: break-word;overflow: hidden; width:180px;}

span.OCI {padding-left:20px;padding-bottom:5px;}
span.OCILoading {background: url('navi/ajax-loader-search.gif') top left no-repeat;}