/*

JOOP! Relaunch 2010

author:		David Steeb

*/

/* reset.css v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins {text-decoration:none;}del{text-decoration:line-through;}table {border-collapse:collapse;border-spacing:0;}
/* end reset */

/* --- general typo --- */
body { font-family: "Arial", "Helvetica", sans-serif; font-size: 11px; line-height: 13px; color: #333; background: url("/img/bg-main.jpg") no-repeat fixed center top transparent; }
h2 { font-family: "Times", "Times New Roman", serif; font-size: 26px; line-height: 21px; font-weight: normal; text-transform: uppercase; }
h4 { font-family: "Times", "Times New Roman", serif; font-size: 18px; line-height: 13px; font-weight: normal; }
p { margin-bottom: 1em; }
p.tags, p.toTop, p.nextStep { font-size: 11px; line-height: 12px; color: #999; margin-top: 7px; margin-bottom: 0; }
p.toTop, p.nextStep { float: right; }
p.toTop a { padding-left: 12px; background: url(img/arrows.png) left -1195px no-repeat; }
p.toTop a:hover { background-position: left -1395px; }
.sectionMarker { margin-top: -130px; position: absolute; }
a { color: #999; text-decoration: none; }
a.moreLink, p.nextStep a, .csc-menu-3 a { padding-left: 9px; background: url(img/arrows.png) left -198px no-repeat; }
a.moreLink:hover, p.nextStep a:hover, .csc-menu-3 a:hover { background-position: left 2px; }
a:hover { color: #000; }
a.blogAnchor { position: absolute; margin-top: -144px; visibility: hidden; }
.center { text-align: center; }
a.moreLinkBlack { color: #333; background-position: left -398px; }
a.moreLinkBlack:hover { color: #999; background-position: left -198px; }
a.moreLinkWhite { color: #fff; background-position: left -998px; }
a.moreLinkWhite:hover { color: #999; background-position: left -198px; }


/* --- common classes --- */
.clear { clear: both; }
.clearOnly { clear: both; height: 0px; margin: 0; padding: 0; overflow: hidden; line-height: 0; }
.outOfSight { position: absolute; top: 0; left: -4000px; }
.csc-firstHeader { margin-top: 0px; }
.graphicTextWrap { overflow: hidden; }
.graphicText { line-height:300px; display: block; }
.add10Pixels { margin-right: -10px; float: left; }

.floatRight { float: right; }

.hideThis { display: none; }
.showThis { display: block !important; }

.inactive { color: #999; }
.active { color: #000; }
.error, .error p { color: #cc0000; }

.divRow { width: 100%; float: left; }
.divRowPlaceToBottom { position: absolute; bottom: 0; left:0; }

.formRow { width: 100%; float: left; margin-bottom: 10px; }
.formRowLessSpace { margin-bottom: 0; }

.sale { color: #cc0000; text-transform: uppercase; }
.new { color: #009933; text-transform: uppercase; }

.floatItem { width: 740px; margin: 0 10px 10px 0; float: left; overflow: hidden; position: relative; display: block; }
.floatItem-30  { height: 30px; }
.floatItem-31  { height: 31px; }
.floatItem-32  { height: 32px; }
.floatItem-42  { height: 42px; }
.floatItem-165 { height: 165px; }
.floatItem-200 { height: 200px; }
.floatItem-206 { height: 206px; }
.floatItem-214 { height: 214px; }
.floatItem-221 { height: 221px; }
.floatItem-227 { height: 227px; }
.floatItem-235 { height: 235px; }
.floatItem-238 { height: 238px; }
.floatItem-319 { height: 319px; }
.floatItem-350 { height: 350px; }
.floatItem-380 { height: 380px; }
.floatItem-400 { height: 400px; }
.floatItem-410 { height: 410px; }
.floatItem-472 { height: 472px; }
.floatItem-492 { height: 492px; }
.floatItem-500 { height: 500px; }
.floatItem-531 { height: 531px; }
.floatItem-620 { height: 620px; }
.floatItem-830 { height: 830px; }
.floatItem-140w { width: 140px; }
.floatItem-160w { width: 160px; }
.floatItem-240w { width: 240px; }
.floatItem-290w { width: 290px; }
.floatItem-365w { width: 365px; }
.floatItem-440w { width: 440px; }
.floatItem-490w { width: 490px; }
.floatItemAllowOverflow { overflow: visible; }
.floatItemRight { float: right; }
.floatItemNoRightMargin { margin-right: 0; }
.floatItemGrey { background: #eee; }
.floatItemInner { padding: 10px; }
.floatItemInner2Col, .floatItemInner3Col { width: 100%; float: left; }
.floatItemButtons { margin-top: 16px; }

.blogItem { margin-bottom: 30px; float: left; width: 100%; }
.blogItem p { margin-bottom: 0; }
.blogItemJustHeader { margin-bottom: 10px; }
.blogItemHeader { border-bottom: 1px solid #b2b2b2; padding-bottom: 8px; margin-bottom: 10px; }

.buttonLink { width: 100%; height: 30px; border-bottom: 1px solid #333; float: left; margin-bottom: 10px; } 
.buttonLink a { display: block; height: 28px; background: #003591; color: #fff; text-align: center; line-height: 28px; }
.buttonLink a:hover { text-decoration: none; background: #666; }
.buttonLink span { background: url(img/arrows.png) left -998px no-repeat; padding-left: 9px; }
.buttonLink:hover { border-bottom-color: #666; }
.buttonLinkGrey { border-bottom-color: #999; }
.buttonLinkGrey a { background-color: #999; }
.buttonLinkGrey:hover { border-bottom-color: #666; }
/* .buttonLinkGrey a:hover { background-color: #666; } */
.buttonLinkGrey a:hover { background-color: #003591; }.buttonLinkBack span { background-position: left -3198px; }.oldPrice { text-decoration: line-through; }.newPrice { color: #cc0000; }.reducedBy { color: #cc0000; }.textGrey { color: #999; }.inputDefaultValue { color: #999; }.inputText { padding-top: 2px; height: 18px; font-size: 11px; line-height: 13px; }.simpleList li { padding-left: 8px; background: url(img/listMinus.png) left 5px no-repeat; }/* --- layout --- */#pageWrap { width: 940px; padding: 0; margin: 0 auto; }#generatedContent-1 { width: 180px; float: right; margin-top: 144px; }#f1d #contentBlock-1 { width: 740px; float: left; margin-top: 144px; }#breadcrumb a { text-decoration: underline; }/* --- header --- */#header { width: 940px; position: fixed; float: left; height: 114px; background: url("/img/bg-main.jpg") no-repeat fixed center top transparent; padding-bottom: 10px; z-index: 10000; }#header-left { width: 740px; height: 113px; overflow: hidden; border-bottom: 1px solid #b2b2b2; float: left; position: relative; }#header-left #logo { position: absolute; float: none; width: 740px; height: 113px; z-index: 10013; }#breadcrumb { margin-top: 95px; color: #999; z-index: 10113; position: absolute; }#breadcrumb p { margin-bottom: 0; }#breadcrumb a:hover { color: #999; }#header-right { width: 180px; height: 113px; border-bottom: 1px solid #b2b2b2; float: right; }#header-right #cart { width: 180px; height: 37px; border-bottom: 1px solid #333; }#header-right #cart:hover { border-bottom-color: #666; }#header-right li.cart-button { height: 35px; background: #003591; }#header-right li.cart-button:hover { background: #003591; }#header-right li.cart-button a { color: #fff; padding: 5px 0 0 35px; background: url(img/icon-cart.png) left top no-repeat; display: block; }#header-right li.cart-button a:hover { text-decoration: none; }#header-right #search { margin: 43px 0px 0 0px; overflow: hidden; height: 20px; background: url(img/bgSearch-2011b.png) left top no-repeat; } #header-right #search #sword { width: 146px; background: transparent; border: 0; padding-left: 8px; padding-top: 2px; } #header-right #search input { color: #333; } #header-right #search .inputSubmit { background: none; width: 20px; text-indent: 200px; cursor:pointer; }#cart li { position: relative; }#cart li ul.cartRollover { display: none; position: absolute; right: 0; width: 420px; z-index: 20000; }#cart li:hover ul.cartRollover { display: block; position: relative; position: absolute; right: 0; width: 420px; z-index: 20000; }#cart .cartRollover { border-right: 10px solid #003591; margin-top: 6px; padding-bottom: 10px; }#cart .cartRollover li { float: right; display: inline; border-width: 10px 0px 10px 10px; border-color: #003591; border-style: solid; background: #eee; margin-bottom: -10px; }#cart .cartRollover li a { padding: 0; background: 0; }#cart .cartRollover li { position: relative; width: 70px; height: 100px;  }#cart .cartRolloverImage { width: 70px; height: 100px; position: absolute; }#cart .cartRolloverHighlight { width: 70px; height: 100px; position: absolute; }#cart .cartRolloverHighlight a { width: 70px; height: 100px; display: block; }#cart ul ul li:hover .cartRolloverHighlight { background: url(img/bg-white-0.6.png); }/* --- choose country */#f1c { background: #000 url(img/bg-countrySelection.jpg) center top no-repeat; margin: 0; padding: 0; }#f1c #pageWrap { width: 225px; }#f1c #header { width: 225px; background: none; overflow: hidden; text-align: center; height: auto; border-bottom: 1px solid #fff; position: relative; margin-bottom: 10px; }#f1c #logo { text-align: center; width: 225px; margin-top: 137px; }#f1c #contentBlock-1 { width: 225px; text-align: center; color: #fff; }#f1c p { font-size: 11px; line-height: 14px; padding: 0 10px; }#f1c a { color: #fff; }#f1c ul { margin-top: 30px; padding: 0 50px; }#f1c li { height: 27px; }#f1c li a { border-bottom: 1px solid #fff; display: block; height: 27px; line-height: 32px; }#f1c li a:hover { text-decoration: none; border-bottom-color: #333; color: #333; font-weight: normal; }#f1c #footer { display: none; }/* --- menu --- */#menu ul { display: block; float: left; width: 100%; }#menu a:hover { text-decoration: none; color: #003591; }#menu a.active { color: #000; }#menu li { border-bottom: 1px solid #ccc; display: block; width: 100%; float: left; }#menu li:hover { border-bottom-color: #000; }#menu li.spacer { height: 21px; border: none; width: 100%;  }#menu li li.spacer {display: none; height: 0px; }#menu li a { display: block; line-height: 26px; padding-left: 10px; height: 26px; overflow: hidden; color: #666; }#menu li.hassub a { background: url(img/icon-plusminus.png) 155px 0px no-repeat; }#menu li.hassub a:hover { background: url(img/icon-plusminus.png) right 0px no-repeat; }#menu li.hassub ul a:hover { background: none; }#menu li.hassub ul a { background: none; }#menu li ul { display: none; }#menu li.open:hover { border-bottom-color: #ccc; }#menu li.open a { background: url(img/icon-plusminus.png) right -30px no-repeat; color: #003591; }#menu li.open a:hover { background-position: right -30px !important; }#menu li.open li a { color: #666; }#menu li.open li a.active, #menu li.open li a:hover { color: #003591; }#menu li.open li.open a { color: #003591; }#menu li.open li.open li a { color: #666; }#menu li.open li.open li a.active,#menu li.open li.open li a:hover { color: #003591; }#menu li.open ul { display: block; border-top: 1px solid #000; }#menu li.open ul ul { border: 0; display: none; }#menu li.open li.open ul { display: block; }#menu ul ul { padding: 6px 0; }#menu ul ul ul { padding: 0; margin-bottom: 20px; }#menu ul ul a { height: 20px; line-height: 20px; }#menu ul ul ul a { padding-left: 20px; }#menu li li { border: none; }#menu li.rss a, #menu li.rss a:hover { padding-left: 33px; background: url(img/icon-rss.png) left top no-repeat; }#menu li.saleitem { border-bottom: 1px solid #993333; }#menu li.saleitem:hover { border-bottom: 1px solid #660000; }#menu li.saleitem a { background: url(img/icon-plusminus.png) 155px -60px no-repeat; color: #993333; }#menu li.saleitem a:hover { background: url(img/icon-plusminus.png) right -60px no-repeat; color: #660000; }#menu li.saleitemopen ul { border-top: 1px solid #993333; }#menu li.saleitemopen, #menu li.saleitemopen:hover { border-bottom: 1px solid #ccc; }#menu li.saleitemopen a { background: url(img/icon-plusminus.png) 155px -90px no-repeat; color: #993333; }#menu li.saleitemopen a:hover { background: url(img/icon-plusminus.png) right -90px no-repeat; color: #660000; }/* --- tagcloud --- */#tagcloud { display: none; }#tagcloud ul { width: 100%; float: left; text-align: center; margin-top: 30px; }#tagcloud li { display: inline; vertical-align: middle; padding: 2px; display: inline-block;}#tagcloud a:hover { text-decoration: none; color: #333 !important; }#tagcloud .size1 { font-size: 10px; line-height: 8px; }#tagcloud .size2 { font-size: 11px; line-height: 8px; }#tagcloud .size3 { font-size: 13px; line-height: 11px; }#tagcloud .size4 { font-size: 14px; line-height: 9px; }#tagcloud .size5 { font-size: 16px; line-height: 12px; }#tagcloud .size6 { font-size: 20px; line-height: 19px; }#tagcloud .size1 a { color: #888; }#tagcloud .size2 a { color: #777; }#tagcloud .size3 a { color: #b2b2b2; }#tagcloud .size4 a { color: #ccc; }#tagcloud .size5 a { color: #606060; }#tagcloud .size6 a { color: #363636; }/* --- symbol --- */#symbol { margin-top: 55px; width: 100%; float: left; text-align: center; }/* --- footer --- */#footer { width: 940px; float: left; padding: 40px 0 10px 0; height: 135px; }#footer a:hover { text-decoration: none; color: #333; }#metanav { width: 100%; border-top: 1px solid #999; padding-top: 10px; }#metanavLeft { float: left; }#metanavLeft li { float: left; padding-right: 14px; }#metanavRight { float: right; }#metanavRight li { float: left; padding-left: 14px; color: #999; }#sitemap { width: 100%; padding-top: 30px; float: left; }#sitemap li { float: left; font-size: 12px; line-height: 16px; color: #333; width: 133px; overflow: hidden; }/* #sitemap li.li-6 { width: 131px; } */#sitemap li a { color: #333; }#sitemap li a:hover { color: #000; }#sitemap li li { font-size: 10px; line-height: 16px; color: #999; float: none; padding-left: 10px; }#sitemap li li a { color: #999; }#sitemap li li a:hover { color: #333; }/* --- startpage --- */.startpageItem { font-family: "Times", "Times New Roman", serif; }.startpageItemImage { width: 100%; position: absolute; }.startpageItemText { width: 100%; position: absolute; }.startpageItemText { top: 45%; }.startpageItem-sale .startpageItemText { top: 35%; }.startpageItem-830 .startpageItemText { top: 236px; }.startpageItem-410 .startpageItemText { top: 15px; }.startpageItem-238 .startpageItemText { top: 118px; }.startpageItem-140w .startpageItemText { top: 8px; }.startpageItem-shipping .startpageItemText { top: 126px; }.startpageItem h2 { text-align: center; color: #fff; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; margin-top: 0px !important; }.startpageItem-830 h2, .startpageItem-500 h2 { font-size: 42px; line-height: 36px; }.startpageItem-410 h2, .startpageItem-400 h2, .startpageItem-238 h2 { font-size: 40px; line-height: 36px; }.startpageItem-200 h2 { font-size: 30px; line-height: 21px; }.startpageItem-140w h2 { font-size: 18px; line-height: 20px; font-size: 17px; line-height: 19px; }.startpageItem-shipping h2 { background: url(img/bg-transparent-border.png) left top repeat-x; padding-top: 9px; margin: 0 10px; }.startpageItem-newsletter h2 {border-bottom-color: white; padding-bottom: 9px; background: url(img/bg-transparent-border.png) left bottom repeat-x; margin: 0 10px; }.startpageItem-sale h2 { font-size: 80px; line-height: 46px; }.startpageItem ul { font-size: 15px; line-height: 21px; text-align: center; }.startpageItem-sale ul { margin-top: 5px; }.startpageItem li { display: inline; padding: 0 13px; }.startpageItem .startpageItemText a { background: url(img/arrows.png) left -995px no-repeat; padding: 0 0 0 9px; color: #fff; }.startpageItem .startpageItemText a:hover { text-decoration: none; color: #666; background-position: left -395px; }.startpageItem-darktext .startpageItemText h2 { color: #333; }.startpageItem-darktext .startpageItemText a { color: #535353; background-position: left -595px; }.startpageItem .startpageItemText h2 a { background: none; padding: 0; color: #fff; }.startpageItem-darktext .startpageItemText h2 a { color: #333; }.startpageItemMoreButton { position: absolute; right: 5px; bottom: 5px; cursor: pointer; }.startpageItemMoreLayer { position: absolute; right: 5px; bottom: 5px; width: 145px; height: 116px; background: url(img/layer-bg-startpage-popup.png) left top no-repeat; }.startpageItemMoreLayer ul { padding: 20px 0 0 15px; text-align: left; font-size: 11px; line-height: 16px; }.startpageItemMoreLayer li {display: block; padding: 0; }.startpageItemMoreLayer a { color: #666; background: url(img/arrows.png) left -398px no-repeat; font-size: 11px; line-height: 16px; font-family: "Arial", "Helvetica", sans-serif; padding: 0 9px; }.startpageItemMoreLayer a:hover { background-position: left 2px; }.startpageItemMoreLayer a em { color: #000; font-style: normal; }#startpage-newsletter { float: left; margin: 58px 10px 0 10px; }#newsletter-register-input { width: 118px; height: 20px; overflow: hidden; border: 1px solid #00420d; background: #fff; margin-bottom: 4px; }#newsletter-register-input #email { width: 114px; background: transparent; border: 0; padding-left: 2px; padding-right: 2px; padding-top: 2px; }#startpage-newsletter ul { line-height: 18px; }#startpage-newsletter li { padding: 0; display: block; }#newsletter-register-now, #newsletter-more-info { font-family: "Arial", "Helvetica", sans-serif; }#newsletter-register-now a { font-size: 11px; line-height: 18px; color: #eee; background-position: left -798px; }#newsletter-more-info a { font-size: 11px; line-height: 18px; color: #999; background-position: left -198px; }#newsletter-register-now a:hover, #newsletter-more-info a:hover { background-position: left -998px; color: #fff; }/* --- product-overviews --- */.blogItemMenuWrapper { height: 42px; background: #eee; margin-bottom: 10px; }.blogItemMenu { padding: 10px 10px 0 10px; }.blogItemMenu h6, .blogItemMenu ul { float: left; line-height: 22px; color: #666; font-weight: normal; } .blogItemMenu li { display: inline; padding: 0 0 0 8px; } .blogItemMenu a { background: url(img/arrows.png) left -198px no-repeat; padding: 0 0 0 9px; color: #666; } .blogItemMenu a.active { background-position: left 2px; color: #000; }.blogItemMenuSelects { float: right; }.blogItemMenuSelects-select { width: 120px; float: left; margin-right: 10px; background: #fff; display: block; }.blogItemMenuSelects-selectSort { margin-right: 12px; }.blogItemOptionMenuWrapper li { padding: 0 16px 0 0; }.thumbnailItem { width: 140px; height: 200px; margin: 0 10px 10px 0; float: left; overflow: hidden; position: relative; }.thumbnailItemImage { position: absolute; }.thumbnailItemTextWrapper { position: absolute; background: url(img/bg-white-0.9.png) left top repeat; width: 100%; bottom: 0; }.thumbnailItemText { padding: 7px 10px 5px 10px; }.thumbnailItemText h5 { font-size: 11px; padding-bottom: 7px; border-bottom: 1px solid #333; margin-bottom: 6px; color: #333; float: left; width: 100%; line-height: 16px; }.thumbnailItemText ul { font-size: 11px; line-height: 18px; }.thumbnailItemText em { font-weight: bold; font-style: normal; }.thumbnailItemTextWrapper { display: none; cursor: pointer; }.thumbnailItem:hover .thumbnailItemTextWrapper { display: block; }.thumbnailItemText span.overlayPrice { font-weight: normal; float: left; color: #666; }.thumbnailItemTextColorList ul { margin-right: -10px; }.thumbnailItemTextColorList li { float: left; margin-right: 10px; }.thumbnailItemTextColorList a { }.blogItemFullImageViewCaption { height: 31px; overflow: hidden; float: left; margin-top: 10px; font-size: 11px; line-height: 14px; }.blogItemFullImageViewCaption .floatItem { height: 31px; }.blogItemFullImageViewCaptionLong { height: auto; margin-top: 10px; float: left; }.blogItemFullImageViewCaptionLong p { padding-right: 30px; }ul.viewNavi { font-size: 11px; line-height: 12px; color: #999; float: right; }ul.viewNavi li { display: block; float: left; padding: 0 10px; }ul.viewNavi li.first { text-align: left; }ul.viewNavi li.last { text-align: right; padding-right: 0; }ul.viewNavi a.prevLink { padding-left: 9px; background: url(img/arrows.png) left -1997px no-repeat; }ul.viewNavi a.prevLink:hover { background-position: left -2197px; }ul.viewNavi a.overviewLink { padding-left: 14px; background: url(img/arrows.png) left -2398px no-repeat; }ul.viewNavi a.overviewLink:hover { background-position: left -2598px; }ul.viewNavi a.nextLink { padding-right: 9px; background: url(img/arrows.png) right -2797px no-repeat; }ul.viewNavi a.nextLink:hover { background-position: right -2997px; }/* --- product details --- */.productDetails h4 { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 8px; margin-top: 18px; }.thumbnailRotatorWrapper { width: 100%; float: left; height: 113px; margin-bottom: -13px; }.thumbnailRotatorArrowLink { float: left; margin-right: 10px; }.thumbnailRotatorArrowLink a { width: 20px; height: 100px; display: block; background: url(img/arrows.png) 8px -2153px no-repeat #eee; }.thumbnailRotatorArrowLink a:hover, .thumbnailRotatorLeftOff a { background-position: 8px -1953px; }.thumbnailRotatorRight { margin-right: 0; }.thumbnailRotatorRight a { background-position: 8px 47px; }.thumbnailRotatorRight a:hover, .thumbnailRotatorRightOff a { background-position: 8px -153px; }.thumbnailRotator { width: 240px; height: 110px; overflow: hidden; float: left; }.thumbnailRotatorInnerWrap { width: 2000px; }.thumbnailRotatorImage { width: 70px; height: 100px; margin-right: 10px; padding-bottom: 10px; float: left; }.imageActiveMarker { background: url(img/productDetailActiveMarker.png) left bottom repeat-x; }.productDetailsText { width: 100%; float: left; position: relative; }.productDetailsText span.openMore { background: url(img/icon-more-less.png) left top no-repeat; cursor: pointer; height: 23px; width: 23px; display: block; position: absolute; right: 0; top: 15px; }.productDetailsText p a.moreLink { margin-left: 5px; }.productColors { float: left; width: 105%; height: auto; }.productColors li { display: inline; width: 27px; height: 27px; padding-bottom: 10px; float: left; margin: 0 10px 10px 0; }.productDetails .formRow { height: 30px; }.productDetailsSelects span.additionalLink { font-size: 11px; font-family: "Arial", "Helvetica", sans-serif; float: right; display: inline; }.productDetailsSelects-select { width: 140px; float: left; background: #fff; display: block; }.productDetailsSelects-selectQuantity  { float: right; }.productDetails .priceRow { float: left; width: 100%; }.productDetails .priceRow { font-size: 18px; line-height: 21px; font-family: "Times", "Times New Roman", serif; }.productDetails .priceRow p { text-align: right; }.productDetails .priceRow .articleNo { font-size: 11px; color: #b2b2b2; font-family: "Arial", "Helvetica", sans-serif; float: left; line-height: 26px; }.shopLinks { border-top: 1px solid #ccc; padding-top: 0px; float: left; width: 100%; margin-bottom: 0px; }.wishlistConfirmationBox { margin-bottom: 10px; height: 31px; float: left; width: 100%; }.wishlistConfirmationBox ul { width: 100%; text-align: center; line-height: 16px; }.wishlistConfirmationBox li { line-height: 16px; }.productDetailsDescription { position: relative; }.productDetailsLongDescription { position: absolute; top: -10px; left: -26px; width: 328px; z-index: 5001; display: none; }.productDetailsLongDescriptionHeader { width: 328px; height: 10px; background: url(img/bg-moreBox-header-footer.png) left top no-repeat; overflow: hidden; float: left; }.productDetailsLongDescriptionFooter { width: 328px; height: 10px; background: url(img/bg-moreBox-header-footer.png) left bottom no-repeat; float: left; }.productDetailsLongDescriptionBody { padding: 0 12px 0 26px; background: url(img/bg-moreBox-body.png) left top repeat-y; float: left; }.productDetailsLongDescription p { padding-bottom: 1em; }.productDetailsLongDescription ul { padding-bottom: 1em; }.productDetailsText span.closeMore { background: url(img/icon-more-less.png) left bottom no-repeat; cursor: pointer; height: 23px; width: 23px; display: block; position: absolute; right: 12px; top: 25px; }.productDetailsPriceAndLinks { padding-top: 10px; }/* --- addThis --- */span.at15t_email { display: none; }/* --- cart --- */.cartItemText { background: #eee; }.cartItemTextDark { background: url(img/bg-cartDark.png) left top repeat-x #474747; color: #fff; }.cartItemTextInner { padding: 10px; }.cartItemText h4 { font-family: "Arial", "Helvetica", sans-serif; font-size: 16px; border-bottom: 1px solid #858585; padding-bottom: 8px; margin: 8px 0; }p.logo-ssl { margin-top: 12px; }p.cartCustomerService { font-size: 16px; line-height: 20px; margin-bottom: 12px; }ul.cartCustomerService2 { font-size: 10px; line-height: 11px; color: #858585; }ul.cartCustomerService2 li.customerServiceStar { float: left; width: 8px; }ul.cartCustomerService2 li.customerServiceText { float: none; margin-left: 8px; }.tableCartSum { font-size: 11px; line-height: 20px; }.tableCartSum .td-last { text-align: right; }.tableCartSum .tr-last { font-size: 16px; line-height: 21px; }.tableCartSum .tr-divider { height: 5px; }.tableCartSum .tr-last { border-top: 1px solid #999; }.tableCartSum .tr-last td { padding-top: 10px; }.cartItem { height: 200px; float: left; margin-bottom: 10px; background: #eee; }.cartItemImage { width: 140px; float: left; }.cartItemDetails { width: 600px; padding-top: 12px; float: left; }.cartItemDeleteLink { float: right; margin: 5px 10px 0 0; }.cartItemDetails h4 { font-family: "Arial", "Helvetica", sans-serif; font-size: 16px; line-height: 19px; }.cartItemDetails h4 .articleNo { font-size: 11px; color: #999; padding-left: 5px; }.cartItemDetails .articleDetail { color: #999; }.cartItemDetails .articleColor { color: #000; }.cartItemSelectFields { margin-top: 10px; }.cartItemSelectFields h4 { color: #999; border-bottom: 1px solid #999; padding-bottom: 8px; margin: 8px 0; }.cartItemSelectColSize, .cartItemSelectColQuantity { width: 140px; margin-right: 10px; float: left; }.cartItemSelectColOptions { width: 187px; float: left; position: relative; }.cartItemSelectColSize select, .cartItemSelectColQuantity select { width: 138px; }.cartItemSelectColOptions select { width: 185px; }.cartItemSelectColSum { float: right; margin-right: 10px; text-align: right; width: 93px; }.cartItemSelectColSum h4 { color: #000; }.cartItemSelectColSum p { font-size: 16px; }.cartItemSelectFields .formRow { margin-bottom: 10px; }.cartItemSelectColOptions span.openMore { background: url(img/icon-more-less.png) left top no-repeat; cursor: pointer; height: 23px; width: 23px; display: block; position: absolute; right: -5px; top: 5px; }.cartItemSelectColOptions p a.moreLink { margin-left: 5px; }/* this is a near copy of the LongDescription for a single product */.cartItemSelectColOptionsLongDescription { position: absolute; top: -10px; left: -26px; width: 235px; z-index: 5001; display: none; }.cartItemSelectColOptionsLongDescription h4 { color: #333; border-color: #ccc; }.cartItemSelectColOptionsLongDescriptionHeader { width: 235px; height: 10px; background: url(img/bg-moreBoxCart-header-footer.png) left top no-repeat; overflow: hidden; float: left; }.cartItemSelectColOptionsLongDescriptionFooter { width: 235px; height: 10px; background: url(img/bg-moreBoxCart-header-footer.png) left bottom no-repeat; float: left; }.cartItemSelectColOptionsLongDescriptionBody { padding: 0 12px 0 26px; background: url(img/bg-moreBoxCart-body.png) left top repeat-y; float: left; }.cartItemSelectColOptionsLongDescription p { padding-bottom: 1em; }.cartItemSelectColOptions span.closeMore { background: url(img/icon-more-less.png) left bottom no-repeat; cursor: pointer; height: 23px; width: 23px; display: block; position: absolute; right: 17px; top: 15px; }.blogItemCartCoupon { background: #eee; margin-bottom: 10px; float: left; width: 100%; }.blogItemCartGiftwrap { background: #eee; margin-bottom: 10px; height: 97px; float: left; width: 100%; }.blogItemCartCouponInner, .blogItemCartGiftwrapInner { padding: 12px 10px 0 10px; }.blogItemCartCoupon h4, .blogItemCartGiftwrap h4 { font-family: "Arial", "Helvetica", sans-serif; }.blogItemCartCoupon h4 label { font-size: 16px; line-height: 22px; margin-right: 23px; }.blogItemCartCoupon p { line-height: 22px; }.blogItemCartCoupon .firstRow { float: left; width: 100%; margin-bottom: 10px; }.blogItemCartCoupon .secondRow { float: left; width: 100%; margin-top: 5px; }.blogItemCartCoupon .col { float: left; }.blogItemCartCoupon .col-2 { width: 140px; margin-right: 10px; }.blogItemCartCoupon input { width: 133px; margin: 0; padding: 1px 1px 1px 4px ; border: 0; float: left; }.blogItemCartCoupon .jqTransformInputWrapper div { height: 20px; overflow: hidden; width: auto; width: 140px; padding-top: 0px;}.blogItemCartCoupon .floatRight { text-align: right; float: right; }#couponCodeSum { font-size: 16px; line-height: 23px; }.blogItemCartGiftwrap h4 { border-bottom: 1px solid #858585; padding-bottom: 8px; margin-bottom: 8px; }#giftwrapSum { font-size: 16px; }.blogItemCartGiftwrap p { margin-bottom: 1em; }/* --- giftwrap --- */.blogItemGiftwrapOptions { float: left; margin: 20px 0 10px; background: #eee; width: 100%; padding-bottom: 10px; }.blogItemGiftwrapOptionsInner { padding: 10px; }.tableGiftwrap { width: 100%; float: left; }.tableGiftwrap th { text-align: left; padding: 0 5px 8px 5px; margin: 0 5px; }.tableGiftwrap h4 { font-family: "Arial", "Helvetica", sans-serif; font-size: 16px; line-height: 13px; border-bottom: 1px solid #858585; padding-bottom: 8px; }.tableGiftwrap td { padding: 5px; vertical-align: top; }.tableGiftwrap .jqTransformTextarea td { padding: 0; }.tableGiftwrap td img { float: left; display: inline;}.tableGiftwrap .td-0 { width: 70px; }.tableGiftwrap .td-1 { width: 548px; }.tableGiftwrap .td-2 { width: 82px; }.tableGiftwrap .firstRow { margin-bottom: 15px; }.tableGiftwrap .tr-1 .firstRow { margin-bottom: 0; }.tableGiftwrap .td-last { text-align: right; font-size: 16px; line-height: 15px; }.tableGiftwrap .tr-0 .td-last { text-align: left; }.tableGiftwrap #jqTransformTextarea-mm { height: 57px; width: 300px; border: 1px solid #999; background: #fff; margin-top: 10px; }.tableGiftwrap #giftwrapCard { width: 298px; height: 55px; }.tableGiftwrap .formRow .jqTransformRadioWrapper .jqTransformChecked { background-position: -11px bottom; }/* --- checkout --- */.checkoutItem input, .checkoutItem textarea { font-family: "Arial", "Helvetica", sans-serif; color: #333; }.checkoutItem .jqTransformSelectWrapper div { color: #333; }.checkoutItem select { color: #333; }.checkoutItemSteps .floatItem { background: #eee; }.checkoutItemSteps .floatItem h4 { font-size: 16px; line-height: 42px; padding-left: 10px; font-family: "Arial", "Helvetica", sans-serif; color: #999; }.checkoutItemSteps .floatItem h4.active { color: #333; }.checkoutItem p { margin-bottom: 1em; }.checkoutItem label { float: left; width: 131px; line-height: 23px; color: #333; }.checkoutItem .inputSelect-61 { width: 61px; float: left; overflow: hidden; }.checkoutItem .inputSelect-61 select { width: 50px; }.checkoutItem h4 { font-family: "Arial", "Helvetica", sans-serif; font-size: 16px; border-bottom: 1px solid #858585; padding-bottom: 8px; margin: 8px 0; }.checkoutItemLogin p, .checkoutItemLogin ul { margin-bottom: 1em; color: #999; }.checkoutItemLogin label { float: left; width: 59px; line-height: 22px; color: #999; }.checkoutItem .error p { color: #cc0000; margin-top: 1em; }.checkoutItem .jqTransformCheckboxWrapper { margin-top: 6px; }#divShippingAddress .jqTransformCheckboxWrapper { margin-top: 0; }#labelShippingAddress { width: 90%; line-height: 13px; }.checkoutItemNewUserPromotion label { width: 182px; }.checkoutItemPayment .floatItemInner2Cols .floatItemInnerCol { width: 355px; float: left; }.checkoutItemPayment .floatItemInner2Cols .floatItemInnerCol-2 { float: right; }.checkoutItemPayment .jqTransformRadioWrapper { margin-top: 5px; }.checkoutItemPayment .formRowCheckboxWide label { width: 90%; }.checkoutItemPayment .formRow .jqTransformRadioWrapper .jqTransformChecked { background-position: -11px bottom; }.paymentOptionDiv { margin-left: 16px; }.paymentOptionDiv label { width: 110px; }.checkoutItemPayment label span { display: none; }.checkoutItemPayment label.active span { display: inline; }.paymentOptionDivHide { height: 1px; overflow: hidden; border: 0; }.paymentOptionDivHide .formRow { margin-top: 3px; }.checkoutItemPayment .textGrey p { color: #999; }.checkoutItemOverview { margin-bottom: 0; }.checkoutItemOverview .floatItemInner3Cols .floatItemInnerCol { width: 230px; margin-right: 10px; float: left; }.checkoutItemOverview .floatItemInner3Cols .floatItemInnerCol-2 { width: 240px; }.checkoutItemOverview .floatItemInner3Cols .floatItemInnerCol-3 { margin-right: 0; float: right; }.checkoutItemOverview p { color: #999; margin-bottom: 5px; }.checkoutItemOverview .moreLink { margin-top: 3px; }.checkoutItemOverview .floatItemInner3Cols .moreLink:hover { color: #999; background-position: left -198px; }.checkoutItemArticleList { margin-bottom: 0; }.checkoutItemArticle { height: 100px; width: 740px; float: left; margin-bottom: 10px; background: #eee; }.checkoutItemImage { width: 70px; float: left; }.checkoutItemDetails { width: 660px; float: left; padding: 10px 10px 0 0; }.checkoutItemDetails h4 { font-family: "Arial", "Helvetica", sans-serif; font-size: 16px; line-height: 19px; }.checkoutItemDetails h4 .articleNo { font-size: 11px; color: #999; padding-left: 5px; padding-right: 5px; }.checkoutItemDetails p { color: #333; }.checkoutItemDetails .articleDetails { padding-right: 10px; }.floatItemTOS .floatItemInner label a { text-decoration: underline; color: #333; }.floatItemTOS .floatItemInner .error label a { color: #cc0000; }.floatItemTOS .floatItemInner label a:hover { color: #999; }.checkoutItemConfirm p { color: #333; }/* --- promotion --- */.formCaptchaImg { margin: -2px 5px -2px 0; }.checkoutItemPromotion ol { margin-bottom: 1em; color: #999; list-style: decimal; padding-left: 16px; }/* --- account --- */.blogItemAccount {}.accountItem label { float: left; width: 131px; line-height: 23px; color: #333; }.accountItem .textGrey a { color: #333; text-decoration: underline; }.accountItem .textGrey a:hover { color: #999; }.accountItem h4 { font-family: "Arial", "Helvetica", sans-serif; font-size: 16px; border-bottom: 1px solid #bebebe; padding-bottom: 8px; margin: 8px 0; color: #424242; }.accountItemMenu h4 { margin-top: 25px; border-color: #bebebe; color: #424242; }.accountItem .error p { margin-top: 1em; }.accountItem .jqTransformCheckboxWrapper { margin-top: 6px; }.orderHistoryItem p { color: #999; }.orderHistoryItem .historyOrderDetail { color: #333; margin-right: 15px; }.orderHistoryTableDiv { margin-bottom: 8px; }.tableOrderHistory thead { color: #999; }.tableOrderHistory th { font-weight: normal; text-align: left; padding-bottom: 10px; }.tableOrderHistory .td-0 { width: 120px; }.tableOrderHistory .td-1 { width: 104px; }.tableOrderHistory .td-2 { width: 129px; }.tableOrderHistory .td-3 { width: 69px; }.tableOrderHistory .td-4 { width: 55px; }.tableOrderHistory .td-5 { width: 57px; }.tableOrderHistory .td-6 { width: 116px; }.tableOrderHistory .td-7 { width: 70px; text-align: right; }/* --- wishlist --- */.blogItemWishlistArticleList .cartItemSelectColSum { width: 140px; }.blogItemWishlistArticleList .floatItemButtons { margin-top: 27px; }.blogItemWishlistArticleList p { margin-top: 3px; }/* --- newsletter --- */.newsletterRegister label { width: 151px; }.newsletterRegister .inputDivRadio .jqTransformRadioWrapper { margin-top: 5px; }.newsletterRegister .inputDivRadio label { width: 70px; }.newsletterRegister .formRow .jqTransformRadioWrapper .jqTransformChecked { background-position: -11px bottom; }.newsletterRegister .jqTransformSelectWrapper div { color: #333; }/* --- forms --- */.inputText { padding: 0; border: none; background: transparent; }.inputDivMarginRight { margin-right: 10px; }.inputText-49 { float: left; height: 23px; overflow: hidden; }.inputText-49 input { height: 21px; width: 39px; overflow: hidden; }.inputText-49 .jqTransformInputWrapper input { width: 43px !important; margin: 2px; height: 19px; }.inputText-49 .jqTransformInputInner { height: 21px; overflow: hidden; }.inputText-123 { float: left; height: 23px; overflow: hidden; }.inputText-123 input { height: 20px; width: 113px; overflow: hidden; }.inputText-123 .jqTransformInputWrapper input { width: 117px !important; margin: 2px; height: 18px; }.inputText-123 .jqTransformInputInner { height: 21px; overflow: hidden; }.inputText-130 { float: left; height: 23px; overflow: hidden; }.inputText-130 input { height: 20px; width: 120px; overflow: hidden; }.inputText-130 .jqTransformInputWrapper input { width: 124px !important; margin: 2px; height: 18px; }.inputText-130 .jqTransformInputInner { height: 21px; overflow: hidden; }.inputText-155 { float: left; height: 23px; overflow: hidden; }.inputText-155 input { height: 20px; width: 145px; overflow: hidden; }.inputText-155 .jqTransformInputWrapper input { width: 149px !important; margin: 2px; height: 18px; }.inputText-155 .jqTransformInputInner { height: 21px; overflow: hidden; }.inputText-161 { float: left; height: 22px; overflow: hidden; }.inputText-161 input { height: 20px; width: 151px; overflow: hidden; }.inputText-161 .jqTransformInputWrapper input { width: 155px !important; margin: 2px; height: 18px; }.inputText-161 .jqTransformInputInner { height: 20px; overflow: hidden; }.inputText-214 { float: left; height: 23px; overflow: hidden; }.inputText-214 input { height: 21px; width: 204px; overflow: hidden; }.inputText-214 .jqTransformInputWrapper input { width: 208px !important; margin: 2px; height: 19px; }.inputText-214 .jqTransformInputInner { height: 21px; overflow: hidden; }.inputSelect-130 { width: 130px; float: left; overflow: hidden; }.inputSelect-130 select { width: 65px; }.jqTransformHidden { display: none; }.jqTransformSelectWrapper div { border: 1px solid #666; display: block; height: 20px; color: #999; line-height: 21px; position: relative; background: #fff; }.jqTransformSelectWrapper div.open { border-bottom: 0; }.jqTransformSelectWrapper span { padding-left: 15px; display: block; cursor:pointer; background: url(img/arrows.png) 4px -1591px no-repeat; }.jqTransformSelectWrapper div.open span { background-position: 4px -1791px; color: #000;  }.jqTransformSelectWrapper ul { margin-top: -1px; padding-top: 5px; padding-bottom: 5px; background: #fff; border: 1px solid #999; border-top: none; position: absolute; height: auto; z-index: 5000; height: 150px; overflow: auto; }.jqTransformSelectOpen { display: block;}.jqTransformSelectWrapper li { line-height: 15px; display: block; }.jqTransformSelectWrapper li a { display: block; padding: 1px 0 1px 15px; }.jqTransformSelectWrapper li a:hover { text-decoration: none; background: #eee; }.inputSelectHideFirst .jqTransformSelectWrapper ul { height: auto; max-height: 150px; }.inputSelectHideFirst .jqTransformSelectWrapper li:first-child { display: none; }.jqTransformSelectWrapper div span { width: auto !important; }.jqTransformInputInner { background: #fff; border: 1px solid #999; }.error .jqTransformInputInner, .error .jqTransformSelectWrapper div, .error .jqTransformSelectWrapper ul { border-color: #cc0000; }.jqTransformInputInner div { margin: 0; }.jqTransformInputWrapper input { background: transparent; border: none; }.jqTransformTextarea textarea { background: transparent; border: none; }.jqTransformRadioWrapper { display: block; width: 11px; height: 11px; float: left; margin-right: 5px;  }.jqTransformRadioWrapper a.jqTransformRadio { width: 11px; height: 11px; display: block; background: url(img/checkbox-on-off.png) left top no-repeat; }.jqTransformRadioWrapper a.jqTransformChecked { background-position: left bottom; }.error .jqTransformRadioWrapper a.jqTransformRadio { background-position: right top; }.error .jqTransformRadioWrapper a.jqTransformChecked { background-position: right bottom; }.jqTransformCheckboxWrapper { display: block; width: 11px; height: 11px; float: left; margin-right: 5px;  }.jqTransformCheckboxWrapper a.jqTransformCheckbox { width: 11px; height: 11px; display: block; background: url(img/checkbox-on-off.png) left top no-repeat; }.jqTransformCheckboxWrapper a.jqTransformChecked { background-position: left center; }.error .jqTransformCheckboxWrapper a.jqTransformCheckbox { background-position: right top; }.error .jqTransformCheckboxWrapper a.jqTransformChecked { background-position: right center; }.jqTransformTextarea td { width: 0; display: none; height: 0; font-size: 0.1px; overflow: hidden; }.jqTransformTextarea #jqTransformTextarea-mm { display: block; width: auto; height: auto; }/* --- company-teaser --- */.companyTeaserItem { font-family: "Times", "Times New Roman", serif; }.companyTeaserItemImage { width: 100%; position: absolute; }.companyTeaserItemText { width: 360px; position: absolute; bottom: 28px; left: 30px; }.companyTeaserItemText h3, .companyTeaserItemText h3 a, .companyTeaserItemText h3 a:hover { font-size: 40px; font-weight: normal; line-height: 36px; color: #fff; text-transform: uppercase; background: none; padding-left: 0; display:block;}.companyTeaserItemText h3 { font-size: 40px; font-weight: normal; line-height: 36px; color: #fff; text-transform: uppercase; }.companyTeaserItemText a { background: url(img/arrows.png) left -996px no-repeat; padding: 0 0 0 9px; color: #fff; font-size: 15px; }.companyTeaserItemText a:hover { color: #999; background-position: left -196px; }.companyTeaserItem-darktext h3, .companyTeaserItem-darktext h3 a, .companyTeaserItem-darktext h3 a:hover { color: #333; }.companyTeaserItem-darktext a { color: #535353; background-position: left -596px; }/* --- used on the press pages, for each press article --- */.articleContainer { float: left; width: 100%; margin-top: 25px; }/* --- look of the season --- */.lookThumbnailItem { width: 240px; height: 350px; }/* --- cross-seller --- */.crossSellerItemList h5 { border-bottom: none; }/* --- multi column layouts --- */.multiCol { width: 100%; /* margin: 10px 0; */ float: left; }.multiCol-col { float: left; }.mulitCol .col-last { float: right; }.multiCol-5050 .multiCol-col { width: 49.9%; }.multiCol-333333 .multiCol-col { width: 33.2%; }.multiCol-3366 .col-1, .multiCol-6633 .col-2 { width: 33.2%; }.multiCol-3366 .col-2, .multiCol-6633 .col-1 { width: 66.4%; }.multiCol-col .multiColInnerWrap { padding: 0 10px 0 0; }.multiCol .col-last .multiColInnerWrap { padding: 0 0 0 5px; }.multiCol .col-1 .multiColInnerWrap { padding: 0 5px 0 0; }/* --- css-styled-content --- */.csc-default { margin: 0 0 10px 0; }.csc-default h2 { margin-top: 30px; }.csc-default h2.csc-firstHeader { margin-top: 0; }.csc-default .blogItemHeader { float: left; width: 100%; }#beginContent { top: 0px; left: 0px; position: absolute; display: block; }/* --- store locator --- *//*#joopmap_radiusform { display: none; }*/.tx-wecmap-pi3 { width: 100%; float: left; }#formStoreLocator {width: 100%; float: left; margin-top: 20px; }/* #divStoreLocatorFormLeft { width: } */#formStoreLocator p { margin-bottom: 1em; color: #999; }#formStoreLocator label { float: left; width: 110px; color: #333; }#formStoreLocator .formRowMarginBelow { margin-bottom: 25px; margin-top: 15px; }#divStoreLocatorFormRight label { font-weight: bold; width: 94px; float: left; }#divStoreLocatorFormRight #labelFabricsandflooring { width: 101px; }.storeResultItem { background: url('img/storeIcon.png') left top no-repeat; padding: 2px 5px 2px 30px; cursor: pointer; }.storeResultItem strong { font-weight: normal; color: #000000; }.storeResultJoopStore .storeResultItem { background-image: url('img/storeIcon_blume.png'); }.storeCatJumplinks { float: left; width: 100%; }.storeCatJumplinks li { float: left; width: 100%; }#divStoreLocatorFormLeft { width: 240px; }#divStoreLocatorFormRight { width: 470px; float: right; }/*.checkoutItem .inputSelect-61 { width: 61px; float: left; overflow: hidden; }.checkoutItem .inputSelect-61 select { width: 50px; }*//* --- social networks --- */#socialNetworks { width: 100%; float: left; margin-top: -10px; }#socialNetworks ul { width: 100%; float: left;  }#socialNetworks li { display: inline; height: 38px; width: 38px; margin-left: 5px; float: left; }#socialNetworks a { height: 38px; width: 38px; display: block; background: url(img/snSprite.jpg); }#socialNetworks .facebook a { background-position: 0 -38px; }#socialNetworks .youtube a { background-position: -38px -38px; }#socialNetworks a span { position: absolute; left: -50000px; }

