/** NOTE:
  some lines may appear incorrect in your editor (marked as error).
  this is due to the mozilla(-ff)-transparency-effect which is misunderstood
  by almost every css-validator since it starts with an hyphen ("-").
  the style IS correct! (ks0407)
**/

/** PAGE/FRAME **/
html,body { margin:0px; padding:0px; height:100% }
html,body,textarea { font-family:verdana,sans-serif; font-size:11px; background:#fff; color:#000 }
#pageframe { width:990px }
#backgroundTreeTeaser { border-bottom:1px solid #999; background:url(/pix/page_bg_tree_teaser.gif) 0px 0px repeat-y }
#backgroundTree { border-bottom:1px solid #999; background:url(/pix/page_bg_tree.gif) 0px 0px repeat-y }
/** (PAGE/FRAME) CONTENT (frames and distances) **/
#pageContent { float:left; width:633px; padding:0px 10px }
#pageContentBig { float:right; width:822px; padding-left:10px; }
#print #pageContentBig { padding:0px; width:590px }
#highlightMatrix { float:left; width:653px; overflow:hidden; }
.albisIframe  { width:810px; height:550px; }

/** MESSAGE BOXES **/
/** (MESSAGE BOXES) ERROR **/
.errorBox { background:url(/pix/error_small.gif) 5px 5px no-repeat #ffcaca; border:1px solid #e52030; padding:5px 5px 5px 35px; min-height:25px }
/** (MESSAGE BOXES) INFO **/
.infoBox { background:url(/pix/info_small.gif) 5px 5px no-repeat #d8deea; border:1px solid #5b9dd3; padding:5px 5px 5px 35px; min-height:25px }
/** EITHER BOX **/
.centerBox .txt { float:left; width:265px }

/** CORE **/
.clipLine { border-bottom:1px solid #ccc; margin-bottom:20px; line-height:20px; margin-top:10px;}
a { text-decoration:underline; color:#000 }
img { border:0px }
.clear { clear:both; font-size:0px; height:0px; line-height:0px }
.bold { font-weight:bold }
/** (CORE) 10 pixel space in height, eg. used at product-detail-page **/
br.spacer { height:10px; line-height:10px; font-size:10px }
form { display:inline; padding:0px; margin:0px }
.input { border:1px solid #666; background:#fff; color:#000; font-size:11px; padding:0px; margin:0px }
textarea {padding:0px;margin:0px}
label { cursor:pointer }
button { font-family:verdana,sans-serif }
input.button { margin:0 5px; padding:2px 5px; width:0px; width:auto; overflow:visible; font-size:11px; font-family:verdana,arial,sans; border:1px solid #676767; background:#eee; cursor:pointer; }
a.button { text-decoration:none; padding:1px 5px 0px 5px; height:14px; width:0px; width:auto; overflow:visible; border:1px solid #CCC; background:#92a2cc; cursor:pointer }
/** (CORE) TO-TOP-LINK **/
.toTop { margin-top:5px; text-align:right }
.toTop a { font-size:10px }
.hideToTop .toTop { display:none; }

/** (CORE) HEADLINE **/
h1 { font-size:20px; border-bottom:1px solid #ccc; padding:0px 0px 2px 0px; margin:0px }
h2 { font-size:18px; margin:0px; padding:0px }
h3 { font-size:16px; margin:0px; padding:0px }
h4 { font-size:14px; margin:0px; padding:0px } /** <-- (CORE) eg.: product-listing sub-header **/
h5 { font-size:12px; margin:0px; padding:0px } /** <-- (CORE) smallest head larger than default (11px) **/
/** (CORE) price **/
.price { color:#E52030; font-weight:bold; font-size:12px }

/** (CORE) ERROR **/
.error { color:#E52030 }

/** (CORE) LINKS **/
a.builderLinkAdd { float:left; width:18px; height:15px; text-decoration:none; background:url(/pix/icons/cog.gif) 0px 0px no-repeat }
a.builderLinkExchange { float:left; width:18px; height:15px; text-decoration:none; background:url(/pix/icons/change.gif) 0px 0px no-repeat }
a.detailOverview { display:block; height:15px; line-height:15px; font-weight:bold; background:url(/pix/icons/mini_pc.gif) 0px 0px no-repeat #fff; padding-left:20px; text-decoration:underline }
a.changeComponent { display:block; height:15px; line-height:15px; padding-left:20px; text-decoration:underline; font-weight:bold; background:url(/pix/icons/change.gif) 0px 0px no-repeat}
a.deleteComponent { display:block; height:15px; line-height:15px; padding-left:20px; text-decoration:underline; font-weight:bold; background:url(/pix/icons/delete.gif) 0px 0px no-repeat}
a.cartLink { float:left; width:18px; height:15px; text-decoration:none; background:url(/pix/icons/cart.gif) 0px 0px no-repeat }
a.compareLink { float:left; width:18px; height:15px; text-decoration:none; background:url(/pix/icons/compare.gif) 0px 0px no-repeat }
a.viewLink { float:left; width:18px; height:15px; text-decoration:none; background:url(/pix/icons/eye.gif) 0px 0px no-repeat }
a.toCartLink { display:block; height:15px; padding:5px 0px 5px 20px; text-decoration:underline; font-weight:bold; background:url(/pix/icons/cart.gif) left center no-repeat }
a.toCheckoutLink { display:block; height:15px; padding-left:20px; text-decoration:underline; font-weight:bold; background:url(/pix/icons/checkout.gif) 0px 0px no-repeat }
a.backLink { display:block; height:15px; padding-left:20px; text-decoration:underline; font-weight:bold; background:url(/pix/icons/back.gif) 0px 0px no-repeat }
a.printVersionLink { float:right; height:16px;padding-left:20px; text-decoration:underline; font-weight:bold; background:url(/pix/icons/printer.gif) 0px 0px no-repeat }
a.reloadPage { float:left; height:15px; line-height:15px; background:url(/pix/icons/reload.gif) 0px 0px no-repeat; padding-left:23px; font-weight:bold; font-size:10px }
a.deleteLink { float:left; height:15px; padding-left:20px; font-weight:bold; background:url(/pix/icons/delete.gif) 0px 0px no-repeat }
a.saveLink { float:left; height:15px; padding-left:20px; font-weight:bold; background:url(/pix/icons/save.gif) 0px 0px no-repeat }
a.clearLink { float:left; height:15px; padding-left:20px; font-weight:bold; background:url(/pix/icons/reload.gif) 0px 0px no-repeat }
a.loadLink { float:left; height:15px; padding-left:20px; font-weight:bold; background:url(/pix/icons/load.gif) 0px 0px no-repeat }
a.sendCartLink { float:left; height:15px; padding-left:20px; font-weight:bold; background:url(/pix/icons/cart_send.gif) 0px 0px no-repeat }
a.loadSavedCartLink { float:left; height:15px; padding-left:20px; font-weight:bold; background:url(/pix/icons/load.gif) 0px 0px no-repeat }
a.deleteSavedCartLink { float:left; height:15px; padding-left:20px; font-weight:bold; background:url(/pix/icons/delete.gif) 0px 0px no-repeat }
a.deleteLink { float:left; height:15px; padding-left:20px; font-weight:bold; background:url(/pix/icons/delete.gif) 0px 0px no-repeat }
a.downloadLink { display:block;float:left; height:15px; padding-left:25px;margin:5px; font-weight:bold; background:url(/pix/icons/save.gif) 0px 0px no-repeat }

/** (CORE) BUTTONS **/
.smallButton { border:1px solid #666; border-top:1px solid #fff; border-left:1px solid #fff; background-position:5px 5px; background-repeat:no-repeat; background-color:#94A2D3; text-align:left; padding-left:25px; font-size:11px; cursor:pointer }
.refreshButton {height:25px;line-height:22px; background-image:url(/pix/icons/reload.gif)}
.checkoutButton { height:27px; float:right; line-height:22px; background-image:url(/pix/icons/checkout.gif); background-color:#ccc }
.cartButton {height:27px;float:right;line-height:22px; background-image:url(/pix/icons/cart.gif)}
.saveCartButton {height:27px;float:right;line-height:22px;background-image:url(/pix/icons/save.gif)}
.sendCartButton {height:27px;float:right;line-height:22px;background-image:url(/pix/icons/send.gif)}
.deleteButton {height:27px;float:right;line-height:22px;background-image:url(/pix/icons/delete.gif)}

/** PAGE CONTENT **/
.pic100x100 { float:left; width:100px; height:100px; margin:0px 10px 5px 0px; border:1px solid #ccc; background-color:#fff; background-position:0px 0px; background-repeat:no-repeat }
.pageText { float:left }
#pageContentBig .pageText { width:710px }
#pageContent .pageText { width:521px }
/** centered boxes like the login-box **/
.centerBox { margin:20px auto 0px auto }
#pageContentBig .centerBox { width:540px }
#pageContentBig .centerBox .listBodyBorder { width:528px }
#pageContent .centerBox { width:340px }
#pageContent .centerBox .listBodyBorder { width:328px }
/** (PAGE CONTENT) frame around forms (login, fleaMarket, atl.) **/
.formFrame { border:1px solid #ccc; background:#D9E1EC; padding:5px }
.formFrame label { display:block; font-weight:bold }
.formFrame label.required { background:url(/pix/icons/small/required.gif) 0px 1px no-repeat; padding-left:15px }
.formFrame label.error { background-image:url(/pix/icons/small/required_red.gif) }
#print table { border:0; padding:5px; }
#print table th { text-align:left; }

/** TERMS AND CONDITIONS (and the like) **/
.section { margin-bottom:15px; border-bottom:1px solid #ccc }
.section .sectionContent { padding-top:15px }
.section .sectionContent .sectionContentCount { float:left; width:50px; font-weight:bold }
.section .sectionContent .sectionContentText { float:left }
.section .sectionContent .head { font-size:12px; font-weight:bold }
#pageContentBig .section { width:822px }
#pageContent .section { width:633px }
#pageContentBig .section .sectionContent .sectionContentText { width:772px }
#pageContent .section .sectionContent .sectionContentText { width:583px }
#print .section .sectionContent .sectionContentText { width:500px }

/** LOGIN **/
.loginContainer { float:right;position:relative;background:#e7e8e8;width:177px; border:1px solid #95999C; padding-bottom:5px; }
.loginContainer .borderBox  { background:#e7e8e8; width:1px; height:22px; position:absolute; top:0px; left:-1px; }
.loginContainer input#loginUsername,
.loginContainer input#loginPassword { width:100px; height:16px; font-size:11px }
.loginContainer a { text-decoration:none }
.loginContainer a:hover { text-decoration:underline }

/** HEADER **/
#header { height:60px; overflow:hidden; background:#95bce2; }
#header .parts  { float:right; color:#fff; height:60px; text-align:center; font-size:22px; line-height:60px; }
#header .parts.part_r1  { background:#006aba; width:178px; }
#header .parts.part_r2  { background:#5b9dd3; padding:0 40px; }
#header .parts.part_r3  { background:#95bce2; padding:0 40px; }
#header #headerLogo { float:left; display:block;margin:6px 0px 0px 10px; width:170px; height:53px; background-position:0px 0px; background-repeat:no-repeat; text-decoration:none }

/** TREE **/
#tree { float:left; width:158px; overflow:hidden;background:#fff }
/** (TREE) MINI SEARCH **/
#miniSearch { width:158px; height:22px; border:1px solid #95999C; border-left:0px; border-right:0px; font-size:10px; color:#666; background:#E2E9F1 }

a#miniSearchDetailSearch { display:block; height:16px; line-height:14px; width:154px; margin-left:3px; border-right:1px solid #999; font-weight:bold; color:#666 }
#miniSearchCategory { width:157px; height:22px; line-height:22px; border-right:1px solid #999; overflow:hidden }
input.searchCriteria { float:left; width:120px; height:16px; margin:2px 3px 0px 3px; }
input.miniSearchSubmit { float:left; width:24px; height:18px; margin-top:2px }


/** (TREE) Plain Text **/
.treeInfoText { color:#000; font-weight:bold; padding-left:12px }

/** (TREE) Navigation **/
#tree ul { list-style:none; margin:0px; padding:0px; border-bottom:1px solid #cacfd2 }
#tree ul li { padding-left:0px; line-height:21px; background-color:#5b9dd3; background-position:2px 6px; background-repeat:no-repeat; border-right:1px solid #999 }
#tree ul.special li,
#tree ul.special li a { background-color:#006ABA !important; }
#tree ul li a { display:block; color:#666; text-decoration:none; padding-left:8px }
#tree ul li a:hover { text-decoration:underline }
#tree ul.special li a:hover { background-color:#95BCE2 !important; }

#tree ul li.folderOpen a { background-image:url(/pix/tree/tree_arrow_open.gif); background-position:0px 6px; background-repeat:no-repeat }
#tree ul li.folderClosed a { background-image:url(/pix/tree/tree_arrow_closed.gif); background-position:0px 6px; background-repeat:no-repeat }

#tree ul li.level0 a { color:#fff; background:#5b9dd3 }
#tree ul li.level0 a:hover { text-decoration:none; color:#000; background:#d9e1ec }
#tree ul.folderOpen li.level0 a:hover { color:#fff; background:#5b9dd3 }

#tree ul li.folderOpen a { font-weight:bold }
#tree ul li.level0 a { font-weight:normal }

#tree ul li.level1 { padding-left:6px; background-color:#d9e1ec }
#tree ul li.level2 { padding-left:12px; background-color:#ccc }
#tree ul li.level3 { padding-left:24px; background-color:#ccc }

#tree ul.folderOpen li.level1.folderOpen { background-color:#ccc }

#tree ul li.leafActive { background:#fff; border-right:0px; border-top:1px solid #999; border-bottom:1px solid #999 }

#tree ul li.level0.leafActive a { background:#fff; color:#000 }


/** TABBER **/
#tabber { border-top:1px solid #999;border-bottom:1px solid #999;float:left; position:relative; width:653px; height:22px; background:#e7e8e8 }
#tabberTabs .tab {display:block;float:left;padding:1px 0px;margin:3px 5px 0px 5px;text-decoration:none;font-size:11px;}
#tabberTabs .tab:hover {background-color:#5b9dd3;color:#FFF}

/** SHOP PATH (below header) **/
#shopPathContainer { margin-top:10px;float:left; width:652px; height:33px; background:#fff; overflow:hidden; }
#shopPath { float:left; padding-left:5px; width:448px; line-height:33px; font-size:10px }

/** (SHOP PATH) .DE ONLY (currently)! new message(s) **/
a#shopPathHome { float:left; width:14px; margin:7px 3px 0px 5px; height:15px; background:url(/pix/icons/home.gif) 0px 0px no-repeat }

/** TEASER **/
#teaser { float:right; width:179px; padding-top:0px; overflow:hidden }
.teaserBox { position:relative; height:220px; width:168px; margin:0px 0px 10px 9px; background:#fff; border:1px solid #ccc }
.teaserBox div { position:absolute }
.teaserBox .org { white-space:nowrap; position:relative; z-index:1; }
.teaserBox .shd { white-space:nowrap; z-index:0 }
.teaserBox .b { font-weight:bold }
.teaserBox .l { text-decoration:underline }
.teaserBox .lt { text-decoration:line-through }
.teaserBox .k { font-style:italic }
.teaserBox a { position:absolute; z-index:10 }
.teaser_pic { width:168px; height:220px }
.teaserLink { z-index:3 }

/** MY_RECORDER **/
#bottomSeparator { height:23px }
#bottomSeparator #bottomSeparatorLeft { float:left; width:158px; height:23px }
#bottomSeparator #bottomSeparatorContentBig { float:left; width:832px; height:22px; border-bottom:1px solid #999 }
#bottomSeparator #bottomSeparatorContent { float:left; width:653px; height:22px; border-bottom:1px solid #999 }
#bottomSeparator #bottomSeparatorRight { float:right; width:179px; height:21px; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #999 }
#myRecorder { background:#D9E1ED; border-right:1px solid #999; padding:10px 0px; width:989px; }
#myRecorder .prodPic { border-color:#ccc; background-color:#FFF; }
.myRecorderSection { float:left; margin-right:10px; overflow:hidden }
.myRecorderAreaFrame { padding:5px; border-bottom:1px solid #ccc; }
#myRecorderTitle { height:18px; line-height:18px; background:#5b9dd3; border:1px solid #999; border-left:0px; color:#FFF; text-align:right; padding-right:5px; font-weight:bold }
.myRecorderSectionTitle { height:18px; line-height:18px; padding-left:5px; background:#fff; border:1px solid #ccc }
.myRecorderProdDesc { float:left; margin-left:5px; width:190px; margin-right:5px }
.noPreviewPic .myRecorderProdDesc { margin-left:0px; width:245px }
.myRecorderProdLinks { float:right; width:18px }

/** FOOTER **/
#footer { padding-top:10px; font-size:10px; text-align:center }

/** HIGHLIGHT **/
/** (HIGHLIGHT) 1x1 **/
.Highlight1x1 { width:308px; height:210px; border:1px solid #ccc; margin:0px 0px 10px 11px; float:left; display:inline; cursor:pointer }
.Highlight1x1 var { display:none }
.Highlight1x1_frame { position:relative; padding:5px }
.Highlight1x1_rubric { font-weight:bold; margin-bottom:5px }
.Highlight1x1_title a { position:relative; font-weight:bold; font-size:14px; z-index:1 }
.Highlight1x1_picBox { position:absolute; top:50px; left:6px; width:120px; height:120px; background-repeat:no-repeat; background-position:0px 0px; z-index:0 }
.Highlight1x1_txtBox { position:absolute; top:50px; left:135px; width:155px; height:105px }
.Highlight1x1_txtBox a { font-weight:bold }
/** (HIGHLIGHT) 2x1 **/
.Hlight2x1 { position:relative; z-index:0; clear:both; width:630px; height:212px; overflow:hidden; margin:0px 0px 0px 11px }
.Hlight2x1 a { position:absolute; z-index:10; width:630px; height:212px }
.Hlight2x1 div { position:absolute; white-space:nowrap }
.Hlight2x1 .bg { top:0px; left:0px;  width:630px; height:212px; background-repeat:no-repeat; background-position:0px 0px; z-index:0 }
.Hlight2x1 .org { position:relative; z-index:1 }
.Hlight2x1 .shd { z-index:0 }
.Hlight2x1 .b { font-weight:bold }
.Hlight2x1 .l { text-decoration:line-through }
.Hlight2x1 .k { font-style:italic }
.Hlight2x1 img { width:630px; height:212px; border:0px }
.Hlight2x1 .prc { padding:0px 5px; padding-bottom:5px; background:#ff0; font-weight:bold; border-bottom:1px solid #000; border-right:1px solid #000 }
.Hlight2x1 .prc .shd { padding:0px 5px }
.Hlight2x1 .prc .strikethrough { position: relative; text-decoration: line-through }
.Hlight2x1 .prc .strikethrough sup { vertical-align: top; font-size: 11px }
.Hlight2x1 .prc .priceBlock { position: relative }
.Hlight2x1 .prc .priceBlock .shd { padding:0px }
.Hlight2x1 .prc .priceBlock .org { position:relative }


/** PRODUCT CORE **/
.prodLight { float:left; width:10px; height:20px; margin-right:4px; margin-top:15px; background-position:0px 0px; background-repeat:no-repeat }
.noPreviewPics .prodLight { margin-top:0px }
.prodPic { float:left; width:50px; height:50px; border:1px solid #fff; background-position:0px 0px; background-repeat:no-repeat }
.noPreviewPic .prodPic { display:none }
h1 .prodLight { margin-top:0px }

/** TOGGLE BOXES **/
.toggleBoxHandle { text-decoration:none; display:block; cursor:pointer }
.toggleBoxHandle span { cursor:pointer }
.toggleBoxHandle span.toggleBoxHandleLeft { float:left; font-weight:bold; margin-left:5px }
.toggleBoxHandle span.toggleBoxHandleRite {	float:right; margin-right:5px; text-decoration:underline }
.loadingIndicator { height:20px; background:#fff url(/pix/icons/ajax_loading_icon.gif) center center no-repeat; border:1px solid #ccc }

/** (PRODUCT DETAIL) **/
.headBox { height:20px; line-height:20px; padding-left:5px; background:#eee; border:1px solid #ccc; font-weight:bold }
#detailContentLeft { float:left; width:208px; margin-right:10px }
.prodPic200 { display:block; position:relative; z-index:100; width:200px; height:200px; margin-left:4px; background-repeat:no-repeat; background-position:0px 0px }
.prodPicFrame { display:none; position:absolute; top:-10px; left:-10px; width:440px; height:220px; background:url(/pix/product/picframe.png) 0px 0px no-repeat }
.hiddenProdPic450 { display:none; position:absolute; top:0px; left:220px; width:200px; height:200px; background-repeat:no-repeat; background-position:0px 0px; background-color:#fff }
.detailPrice { color:#E52030; font-size:28px; font-weight:bold; margin-top:15px }
.prodPicFooter { margin-top:5px; font-size:10px; text-align:center }
/** (PRODUCT DETAIL) CART BUTTON **/
div#intoCartBg { position:relative; float:left; width:190px; overflow:hidden; height:75px; margin-left:10px; background:url(/pix/buttons/intoCart_ani.gif) 0px 0px no-repeat }
div#intoCartBg table { position:absolute; width:100px }
div#intoCartBg table#tableShadow { top:1px; left:81px; z-index:9 }
div#intoCartBg table#tableText { top:0px; left:80px; z-index:10 }
div#intoCartBg table tr { height:70px }
div#intoCartBg table tr td { font-size:13px; line-height:15px; font-weight:bold }
div#intoCartBg table#tableShadow tr td { color:#000 }
div#intoCartBg table#tableText tr td { color:#fff }
div#intoCartBg input#intoCartButton { display:block; position:absolute; top:0px; left:0px; z-index:100; width:190px; height:75px }
/** (PRODUCT DETAIL) tech data monster **/
table#techDataTable .techDataCol1 { padding:4px 12px 0px 0px; text-align:right; font-size:12px; font-weight:bold }
/** (PRODUCT DETAIL) price trend **/
.priceTrend { width:350px; height:200px; background-position:0px 0px; background-repeat:no-repeat }
/** (PRODUCT DETAIL) RIGHT AREA **/
#detailContentRight { float:left; width:415px; overflow:hidden }
#detailRight { float:right; width:179px }

/** LISTING **/
/** (LISTING) any (for products!) **/
.listBody { background-position:0px 0px }
.listRow { border-bottom:1px solid #ccc; padding:5px 0px }
#print .listRow { border-color: #000;}
.listHead { height:20px; line-height:20px; color:#fff; background-position:0px 0px; background-color:#5b9dd3 overflow:hidden }
.listHeadAsTabber .listHead{text-decoration:none;border:1px solid #999;border-bottom:0px;display:block;padding:0 5px;width:192px}
.listHeadAsTabber .listHead.inactive {background-color:#D9E1EC;color:#5b9dd3}
.listHeadAsTabber .listHead.inactive:hover {background-color:#5b9dd3;color:#fff}

/** BLUE BOXES OF CONTACT AND JOBS SITE **/
.listHeadFixed {width:478px; height:20px; margin-top:20px; margin-left:auto; margin-right:auto; padding:0 5px; line-height:20px; color:#fff; background-position:0px 0px; background-color:#ccc; overflow:hidden; background-color:#5b9dd3 }
.listContentFixed { width:466px; margin:auto; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px; }

/** (LISTING) any. 1st col that (usually) displays lights, pic and core info **/
.listHead .colProd,
.listBody .colProd { float:left; width:232px; overflow:hidden; padding:0px 5px }
.listRow .colProd .colProdContent { float:left; width:162px; margin-left:4px }
.listRow .colProd .prodLink { font-weight:bold }
.colProd .prodLight { margin-top:15px }
.noPreviewPic .colProd .prodLight { margin-top:0px }
/** (LISTING) any. hide pic in 1st column **/
.noPreviewPic .listRow .colProd .colProdContent { float:left; width:218px }
.noPreviewPic .listRow .colProd .prodLight { margin-right:0px }
.noPreviewPic .list4Col .colProd .prodLight { height:52px }
/** (LISTING) any. the last column that displays the price **/
.listHead .colPrice,
.listBody .colPrice { float:left; width:122px; overflow:hidden; padding:0px 5px }
.listRow .colPrice { text-align:right }
.colPrice .prodPriceStrike { color:#333; margin-top:3px; float:right; text-decoration:line-through }
.listRow .colPrice .prodLinks { float:right; width:18px; margin-left:4px }
.listRow .colPrice .prodPrice { float:left; width:100px }
/** (LISTING) any. up-/downarrow in the head of sortable lists **/
.listHead a.sortUp { float:left; width:9px; height:9px; margin-top:5px; background:url(/pix/listing/sortup.gif) 0px 0px no-repeat }
.listHead a.sortUpActive { float:left; width:9px; height:9px; margin-top:5px; background:url(/pix/listing/sortup_active.gif) 0px 0px no-repeat }
.listHead a.sortDown { float:left; width:9px; height:9px; margin:5px 4px 0px 0px; background:url(/pix/listing/sortdown.gif) 0px 0px no-repeat }
.listHead a.sortDownActive { float:left; width:9px; height:9px; margin:5px 4px 0px 0px; background:url(/pix/listing/sortdown_active.gif) 0px 0px no-repeat }

/** (LISTING) any **/
.listHead .col div.nobreak { float:left; overflow:hidden }
.list6Col .listHead .col div.nobreak { width:80px }

/** (LISTING) any (product-)listing: quick-links **/
.listingQuickLinks { margin-top:5px }
.listingQuickLinks a { float:left; margin:0px 10px 5px 0px; font-weight:bold }
.col { float:left }

/** (LISTING 1 COLUMN) used for accessories in cartAdd **/
.list1Col { float:left; padding-left:5px; width:269px; height:85px }
.list1Col .checkBoxContainer { margin-top:25px; width:23px; height:23px; border-left:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; float:left }
.list1Col .prodContainer { overflow:hidden; width:243px; height:85px; float:left; font-weight:bold; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc }
/** (LISTING) 3 COLUMNS **/
/** (LISTING - 3 COLUMNS) big content **/
#pageContentBig .list3Col .listHead { width:822px; background-image:url(/pix/listing/list3col_head_big_bg.gif) }
#pageContentBig .list3Col .listBody { width:822px; background-image:url(/pix/listing/list3col_body_big_bg.gif) }
#pageContentBig .list3Col .listRow { width:822px }
#pageContentBig .list3Col .col { float:left; width:438px; overflow:hidden; padding:0px 5px }
#pageContentBig .list3Col .notAvailable {background-image:url(/pix/listing/list3col_body_big_na.gif) }
/** (LISTING - 3 COLUMNS) small content **/
#pageContent .list3Col .listHead { width:633px; background-image:url(/pix/listing/list3col_head_bg.gif) }
#pageContent .list3Col .listBody { width:633px; background-image:url(/pix/listing/list3col_body_bg.gif) }
#pageContent .list3Col .listRow { width:633px }
#pageContent .list3Col .col { float:left; width:249px; overflow:hidden; padding:0px 5px }
#pageContent .list3Col .notAvailable {background-image:url(/pix/listing/list3col_body_bg_na.gif) }
/* (LISTING - 3 COLUMNS SIMPLE) specially for auctions, richSource, and the like */
.simpleList .colProdContent { width:175px }
.noPreviewPic .simpleList .listRow .colProd .colProdContent { margin:0px; width:231px }
/** (LISTING - 6 COLUMNS) product listing only. big content only **/
.list6Col .listHead { width:822px; background-image:url(/pix/listing/list6col_head_bg.gif) }
.list6Col .listBody { width:822px; background-image:url(/pix/listing/list6col_body_bg.gif) }
.list6Col .listRow { width:822px }
.list6Col .col { float:left; width:102px; overflow:hidden; padding:0px 5px }

/** (LISTING - 6 COLUMNS) user-ratings **/
.list6Col .col .ratingCol { display:block; text-align:center }
.list6Col .col .ratingCol span.pic { display:block; width:58px; height:12px; margin:10px auto 0px auto; background-repeat:no-repeat; background-position:0px 0px }
.list6Col .col .ratingCol span.txt { display:block; margin-top:20px }

/** (LISTING - 4 COLUMNS) topseller and books. 1st column 50x50 pixels. positioned 5px from top **/
.list4Col .listRow { border-bottom:0px; padding:0px }
.list4Col .listRow .infoCol { float:left; width:50px; height:50px; border:1px solid #ccc; border-right:0px; margin-top:5px }
.list4Col .listRow .rowBorder { float:left; border-bottom:1px solid #ccc; padding:5px 0px }
#pageContentBig .list4Col .notAvailable {background-image:url(/pix/listing/list4col_body_big_na.gif) }
/** (LISTING - 4 COLUMNS) topseller: 1st col representing the index (from 1 to n) **/
.list4Col .listRow .index { text-align:center; font-weight:bold; font-size:20px; line-height:50px }
/** (LISTING - 4 COLUMNS) books: 1st col representing the ranking (book in the bg) **/
.list4Col .listRow .ranking { background:url(/pix/listing/books/book.jpg) 8px 20px no-repeat #fff }
.list4Col .listRow .ranking .arrow { width:50px; height:11px; margin-top:5px; background:url(/pix/listing/books/arrowSteady.gif) center no-repeat #fff }
.list4Col .listRow .ranking .rank { width:50px; height:34px; line-height:32px; text-align:center; font-size:13px; font-weight:bold }
/** (LISTING - 4 COLUMNS) checkbox at first column, e.g.: prod-detail **/
.list4Col .listRow .checker input { margin:17px 0px 0px 17px; padding:0px }
/** (LISTING - 4 COLUMNS) big content **/
#pageContentBig .list4Col .listHead { width:771px; margin-left:51px; background-image:url(/pix/listing/list4col_head_big_bg.gif) }
#pageContentBig .list4Col .listBody { width:822px; background-image:url(/pix/listing/list4col_body_big_bg.gif) }
#pageContentBig .list4Col .listRow { width:822px }
#pageContentBig .list4Col .rowBorder { width:771px }
#pageContentBig .list4Col .col { float:left; width:387px; overflow:hidden; padding:0px 5px }
/** (LISTING - 4 COLUMNS) small content **/
#pageContent .list4Col .listHead { width:582px; margin-left:51px; background-image:url(/pix/listing/list4col_head_bg.gif) }
#pageContent .accessoryListing .list4Col .listHead {width:633px;color:#000; background-color:#CCC; margin-left:0px;background-position: 51px 0px }
#pageContent .accessoryListing .list4Col .listHead .cartIconCol {width:41px;background:url(/pix/icons/cart.gif) no-repeat 18px 2px; }
#pageContent .list4Col .listBody { width:633px; background-image:url(/pix/listing/list4col_body_bg.gif) }
#pageContent .list4Col .listRow { width:633px }
#pageContent .list4Col .rowBorder { width:582px }
#pageContent .list4Col .col { float:left; width:198px; overflow:hidden; padding:0px 5px }

/** (LISTING - 4 COLUMNS Std) big content **/
#pageContentBig .list4ColStd .listHead { width:822px; background-image:url(/pix/listing/list4colStd_head_big_bg.gif) }
#pageContentBig .list4ColStd .listBody { width:822px; background-image:url(/pix/listing/list4colStd_body_big_bg.gif) }
#pageContentBig .list4ColStd .listRow { width:822px }
#pageContentBig .list4ColStd .col { float:left; width:214px; overflow:hidden; padding:0px 5px }

/** (LISTING - 4 COLUMNS Std) small content **/
#pageContent .list4ColStd .listHead { width:633px; background-image:url(/pix/listing/list4colStd_head_bg.gif) }
#pageContent .list4ColStd .listBody { width:633px; background-image:url(/pix/listing/list4colStd_body_bg.gif) }
#pageContent .list4ColStd .listRow { width:633px }
#pageContent .list4ColStd .col { float:left; width:119px; overflow:hidden; padding:0px 5px }

/** LISTING EXTENTED **/
.listBodyBorder { padding:5px; border:1px solid #ccc; border-top:0px }
.listBodyBorder .col { float:left }
#pageContentBig .listBodyBorder { width:810px }
#pageContent .listBodyBorder { width:621px }
.listFooter { border:1px solid #ccc; border-top:0px; background:#eee; padding:5px }
#pageContentBig .listFooter { width:810px }
#pageContent .listFooter { width:621px }
#pageContent .centerBox .listFooter { width:328px }
/** (LISTING EXTENDED) 3 Column-Listings eg.: prod-detail, auction, flea-market **/
.listBodyBorder3Col { border-bottom:1px solid #ccc; padding-bottom:5px }
.listBodyBorder3Col a { float:left; overflow:hidden; margin:5px 5px 0px 5px; font-weight:bold; text-decoration:none }
.listBodyBorder3Col a:hover { text-decoration:underline }
#pageContentBig .listBodyBorder3Col a { width:264px }
#pageContent .listBodyBorder3Col a { width:200px }
#pageContentBig .listBodyBorder3Col { width:822px; background:url(/pix/listing/body_list3col_big_bg.gif) 0px 0px repeat-y #fff }
#pageContent .listBodyBorder3Col { width:633px; background:url(/pix/listing/body_list3col_bg.gif) 0px 0px repeat-y #fff }

/** (LISTING EXTENTED) single-row-text **/
.textListBody { border-left:1px solid #ccc }
.textListBody .textListRow { height:20px; line-height:20px; overflow:hidden; border-bottom:1px solid #ccc }
.textListBody .grayRow { background-color:#eee }
.textListBody .textListRow .textListCell { float:left; padding:0px 5px; border-right:1px solid #ccc; overflow:hidden }
.listHead .textListCell { float:left; padding:0px 5px; border-right:1px solid #fff; overflow:hidden }

/** (LISTING EXTENDED) letter-chooser, such as used at the manufactureres-listing **/
.letterChooser { margin-top:20px } /** class is listHead + letterChooser **/
.letterChooser a { float:left; text-decoration:none; text-align:center; width:16px; height:16px; margin:1px; line-height:16px; border:1px solid #ccc; color:#fff }
.letterChooser a:hover { border-color:#fff !important }
.letterChooser a.active { border-color:#fff; color:#000; font-weight:bold; background:url(/pix/white50perc.png) 0px 0px }


/** EXTRA-BOX(es) at the right. e.g. at product detail **/
.extraBoxRight { border:1px solid #ccc; margin-top:15px; position:relative; z-index:1000 }
.extraBoxRight .extraBoxHead { background:#E0E7F1; border-bottom:1px solid #ccc; padding-left:5px; font-weight:bold; height:20px; line-height:20px }
.extraBoxRight .extraBoxContent { padding:0px 5px 5px 5px }
.extraBoxRight .extraBoxContent a.textLink { display:block; position:relative; height:16px; line-height:16px; padding-left:22px; background-repeat:no-repeat; background-position:0px 0px; margin-top:7px; text-decoration:none }
.extraBoxRight .extraBoxContent a.tlHighlight { background-position:5px 5px; background-repeat:no-repeat; background-color:#eee; padding:5px 0px 5px 25px; border:1px solid #666; border-top:1px solid #fff; border-left:1px solid #fff }
.extraBoxRight .extraBoxContent a.textLink span { display:none }
.extraBoxRight .extraBoxContent a.textLink strong span { display:block !important; }
.extraBoxRight .extraBoxContent a.textLink:hover { border:0px }
.extraBoxRight .extraBoxContent a.tlHighlight:hover { border:1px solid #666 !important; border-top:1px solid #fff !important; border-left:1px solid #fff !important }
.extraBoxRight .extraBoxContent a.tlHighlight:hover span { left:-208px !important }
/** .extraBoxRight .extraBoxContent a.textLink:hover span { display:block; width:190px; padding:5px; position:absolute; top:-6px; left:-207px; z-index:99999; border:1px solid #728ba6; background:#e3f1ff; cursor:default; filter:alpha(opacity=86); opacity:0.86; -moz-opacity:0.86 } **/
/**.extraBoxRight .extraBoxContent a.textLink:hover span { display:block; width:190px; padding:5px; position:absolute; top:-6px; left:-207px; z-index:99999; border:1px solid #728ba6; background:#e3f1ff; cursor:default }**/

/** (PRODUCT DETAIL - RIGHT AREA) product links **/
.extraBoxRight .extraBoxContent a.otherHighlight { display:block; margin-top:5px; text-decoration:none; cursor:pointer }
.extraBoxRight .extraBoxContent a.otherHighlight .otherCategory { display:block; margin-bottom:3px }
.extraBoxRight .extraBoxContent a.otherHighlight .prodPic { margin-right:4px }
.extraBoxRight .extraBoxContent a.otherHighlight .otherProductName { float:left; width:111px; overflow:hidden; font-weight:bold; margin-bottom:3px; text-decoration:underline }
.noPreviewPic .extraBoxRight .extraBoxContent a.otherHighlight .otherProductName { width:167px }

/** (CHECKOUT) customer delivery data **/
/** these styles apply if template is part of step2 only! [ks08] **/
.checkoutProcess .txtInBig { width:300px }
.checkoutProcess .txtInSmall { width:50px }
.checkoutProcess .txtInMedium { width:240px }
.checkoutProcess .txtInHalf { width:145px }


/** LISTING **/
/** (LISTING) any (for products!) **/
.listBody { background-position:0px 0px }
.listRow { border-bottom:1px solid #ccc; padding:5px 0px }
.listHead { height:20px; line-height:20px; color:#fff; background-position:0px 0px; background-color:#5b9dd3; overflow:hidden }

/** (CHECKOUT) Cart **/
.cartRightColumnRow {border:1px solid #ccc;border-top:0;width:229px;float:right;text-align:right;padding:5px;line-height:18px}
#print .cartRightColumnRow {width:197px;border-color:#000;background:#fff}

/** (LISTING - CART) **/
.listCart .listHead { width:822px; background-image:url(/pix/listing/listCart_head_bg.gif) }
#print .listCart .listHead { width:588px; background:none;border:1px solid #000 }
.listCart .listBody { width:822px; background-image:url(/pix/listing/listCart_body_bg.gif) }
#print .listCart .listBody { width:588px; background:none;border-left:1px solid #000;border-right:1px solid #000 }
.listCart .listRow { width:822px }
#print .listCart .listRow { width:590px }
.listCart .col { float:left;text-align:right; width:110px; overflow:hidden; padding:0px 5px}
#print .listCart .col { width:92px}
#print .listCart .col1 { width:50px}
.listCart .listHead .col { text-align:left }
#print .listCart .listHead .col { color:#000 }
.listCart .listHead .colProd { float:left; width:452px; overflow:hidden; padding:0px 5px }
#print .listCart .listHead .colProd { width:310px; color:#000 }
.listCart .listBody .colProd { float:left; width:452px; overflow:hidden; padding:0px 5px }
#print .listCart .listBody .colProd { width:310px}
.listCart .listBody .colProd .colProdContent  { width:382px }
#print .listCart .listBody .colProd .colProdContent  { width:310px }
.listCart .errorRow { background-image:url(/pix/listing/listCart_body_error_bg.gif)  }
.listCart a.textLink { display:block; position:relative;text-decoration:none; height:15px; line-height:15px; }
.listCart a.textLink span { display:none }
.listCart a.textLink:hover { border:0px }
/** .listCart a.textLink:hover span { display:block; width:190px; padding:5px; position:absolute; top:15px; left:-115px; border:1px solid #728ba6; background:#e3f1ff; cursor:default; filter:alpha(opacity=86); opacity:0.86; -moz-opacity:0.86 } **/
.listCart a.textLink:hover span { display:block; width:190px; padding:5px; position:absolute; top:15px; left:-115px; border:1px solid #728ba6; background:#e3f1ff; cursor:default }
.listCart .amountSpan {display:none}
#print .listCart .prodPic {display:none}
#print .listCart .prodLight {display:none}
#print a {font-weight:normal;text-decoration:none}

/** (CHECKOUT) Cart - noChangesAllowed removing elements from cartListing, because changing cartlisting not allowed (for example in step5)**/
.noChangesAllowed .deleteLink {display:none}
#print .listCart .deleteLink {display:none}
.noChangesAllowed .input {display:none}
#print .listCart .input {display:none}
.noChangesAllowed .amountSpan {display:inline}
#print .listCart .amountSpan {display:inline}

.rmaList {border-top:1px solid #ccc}
.listHead .rmaList {border:0px}
.rmaList .col {overflow:hidden;padding:5px;height:20px;border-right:1px solid #CCC;line-height:17px}
.listHead .rmaList .col {overflow:hidden;padding:2px 5px;border-right:1px solid #CCC;}

/** Price sup **/


.price  { line-height:18px; }
.price sup { font-size:10px; line-height:16px; vertical-align:top; }

.Hlight2x1 .prc .org sup { font-size:15px; line-height:28px;vertical-align:top; }
.Hlight2x1 .prc .shd sup { font-size:15px; line-height:28px;vertical-align:top; }

.detailPrice  { line-height:32px !important; }
.detailPrice sup { font-size:16px; line-height:24px;vertical-align:top; }
.basePrice sup {font-size: 9px;line-height: 12px;} 


.Highlight1x1 span.price  { line-height:26px; }
.Highlight1x1 span.price sup { font-size:12px; line-height:20px;vertical-align:top; }

.otherHighlight span.price  { line-height:18px; }
.otherHighlight span.price sup { font-size:10px; line-height:16px; vertical-align:top; }

.detailHints {font-weight:bold;color:#F00;margin-top:10px;}
.detailHints a {color:#F00;}