/*



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; }

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: #333; 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; }

.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; }





/* --- header --- */

#header { width: 940px; position: fixed; float: left; height: 114px; background: #fff; 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: #333; }

#header-right li.cart-button:hover { background: #666; }

#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 10px 0 10px; border: 1px solid #b2b2b2; overflow: hidden; height: 20px; background: url(img/icon-search.png) left top no-repeat; }

#header-right #search #sword { width: 136px; background: transparent; border: 0; padding-left: 22px; padding-top: 2px; }



#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 #666; margin-top: 6px; padding-bottom: 10px; }

#cart .cartRollover li { float: right; display: inline; border-width: 10px 0px 10px 10px; border-color: #666; 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: 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: #000; }

#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; }

#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: #000; }

#menu li.open a:hover { background-position: right -30px !important; }

#menu li.open li a { color: #999; }

#menu li.open li a.active, 

#menu li.open li a:hover { color: #000; }

#menu li.open li.open a { color: #000; }

#menu li.open li.open li a { color: #999; }

#menu li.open li.open li a.active,

#menu li.open li.open li a:hover { color: #000; }

#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: 25px; 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: #999; 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: #999; }

.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; margin-top: 7px; 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; }

.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; height: 76px; 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%; }

.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 #999; 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 0; }

#socialNetworks .facebook a:hover { background-position: 0 -38px; }

#socialNetworks .youtube a { background-position: -38px 0; }

#socialNetworks .youtube a:hover { background-position: -38px -38px; }

#socialNetworks a span { position: absolute; left: -50000px; }