/* swe styles dropdown manipulation */

.-text-------- {}
.intro {}
.nowrap {}

.-image-------- {}
.left {}
.right {}
.icon {}

.-div-------- {}
.clear {}

.-other-------- {}
.noclass {}

/* generic elements */
._________________________ {}
body { font-family: Verdana, sans-serif; font-size: 11px; line-height: 16px; margin: 0; padding: 0; text-align: center; color: #514e4e; }

.swe, .swe th, .swe td, .swe li, .swe dt, .swe dd, .swe input, .swe textarea, .swe select { font-family: Verdana, sans-serif; font-size: 11px; text-align: left; }
.swe h1,   .swe-h1   { font-size: 18px; line-height: 26px; font-weight: normal; margin: 0; padding: 0 0 4px 0; position: relative; top: -4px; }
.swe h2,   .swe-h2   { font-size: 14px; font-weight: normal;   margin: 15px 0; padding: 0; }
.swe h3,   .swe-h3   { font-size: 12px; font-weight: bold;   margin: 0 0 1em 0; padding: 0; }
.swe h4,   .swe-h4   { font-size: 12px; font-weight: bold;   margin: 0 0 1em 0; padding: 0; }
.swe h5,   .swe-h5   { font-size: 11px; font-weight: bold;   margin: 0 0 1em 0; padding: 0; }
.swe h6,   .swe-h6   { font-size: 10px; font-weight: bold;   margin: 0 0 1em 0; padding: 0; }
.swe p,    .swe-p    { font-size: 11px; font-weight: normal; margin: 0 0 1em 0; padding: 0; }
.swe pre,  .swe-pre  { font-family: Courier; text-align: left; margin: 0; padding: 0; }

.swe .snippet h2 { margin: 0 0 5px 0; padding: 0 0 8px 0; color: black; }
.swe .snippet h2 a { color: white; }
.swe h2.attention { padding: 0; margin: 0; }

a { color: black; text-decoration: none; }
a:hover { color: #006cb9; text-decoration: underline;}
a img { border: 0; }
.nowrap { white-space: nowrap; }

.swe img.icon { vertical-align: middle; }
.swe p.intro { font-weight: bold; }
.swe .left { float: left; position: relative; margin: 0 6px 6px 0; }
.swe .right { float: right; position: relative; margin: 0 0 6px 6px; }

.swe ul { margin: 0 0 0 0; padding: 0; }
.swe ul li { list-style: none outside; text-indent: -10px; margin: 0 0 0 10px; padding: 2px 0; }
.swe li a img { vertical-align: middle; position: relative; top: -1px; }
span.bullet { color: #717d8e; } 

.swe .tiles li { display: inline; float: left; position: relative; width: 87px; text-indent: 0; margin: 0; }
.swe .sitemap li { font-weight: bold; display: block; float: none; width: auto; margin: 0; margin-left: 10px; padding: 2px 0; text-indent: -10px; }
.swe .sitemap li li { font-weight: normal; }
.swe .sitemap ul .groups { display: block; }

.swe .tiles .tile { float: left; z-index: 5; width: 230px; margin: 0px 10px 10px 0; position: relative; overflow-x: hidden; }
.swe .tiles .tile-right { float: left;}
.swe .tiles .tile h3 { margin-bottom: 5px; }
.swe .tiles .tile h4 { font-size: 10px; font-weight: normal; text-align: left; }
.swe .tiles .tile .content { margin-bottom: 0px; }
.swe .tiles .tile img.thumb { border: 1px solid #dfdfdf; float: left; margin: 0 4px 2px 0; width: 80px; height: 80px;}
.swe .priceinfo { font-size: 9px; line-height: 11px; text-align: right; }
.swe .priceinfo .usual { text-decoration: line-through; }
.swe .priceinfo .promo { display: block; }
.swe .priceinfo .promo .price { display: block; font-size: 14px; line-height: 18px; font-weight: bold; color: #ffcd02; white-space: nowrap; }
.swe .buttons form { text-align: right; margin: 5px 0 0 0; padding: 0; }
.swe .tiles .tile .more { text-align: right; margin-top: 5px; margin-bottom: 0; height: 21px; }
#main-content .tile .m { top left repeat-y; padding: 10px; }

.swe .snippet .tile { padding: 2px 0 4px; }
.swe .snippet .tile h3 { margin-bottom: 5px; }
.swe .snippet .tile h4 { font-size: 10px; font-weight: normal; text-align: right; }
.swe .snippet .tile .content { margin-bottom: 0; }
.swe .snippet .tile img.thumb { border: 3px solid #000000; float: left; margin: 0 4px 2px 0; }
.swe .snippet .tile .more { text-align: right; margin-top: 5px; margin-bottom: 0; height: 21px; }
.swe .snippet .tile .submit { margin-top: 0; }

.swe .banners .banner { z-index: 5; margin: 20px 0 10px 0; position: relative; }
#main-content .banner .m { background: #e7e7e7; padding: 10px; }
#main-content .banner .more img{ border: 0; }

.swe .banners .banner h3 { margin-bottom: 5px; }
.swe .banners .banner h4 { font-size: 10px; font-weight: normal; text-align: right; }
.swe .banners .banner .content { margin-bottom: 1em; }
.swe .banners .banner img.thumb { border: 1px solid #dfdfdf; float: left; }
.swe .banners .banner .more { text-align: right; margin-top: 5px; margin-bottom: 0; height: 21px; border: 0px solid red; }

.swe table.form { width: 100%; border-collapse: collapse; border-spacing: 0; }
.swe table.form td { vertical-align: top; padding: 2px 15px 2px 0; width: 50%; }
.swe table.form td .list label { display: block; text-indent: -23px; margin-left: 20px; }
.swe table.form td input.textbox { width: 300px; }
.swe table.form td select { width: 306px; }
.swe table.form td textarea { width: 300px; height: 100px; }
.swe table.form td input.zip { width: 60px; }

.swe table.smallform td input.textbox { width: 200px; }
.swe table.smallform td select { width: 206px; }
.swe table.smallform td textarea { width: 200px; }

.swe select { padding: 2px 0; border: 1px solid #909090; }
.swe input.textbox { padding: 2px 2px; border: 1px solid #909090; width: 168px; }
.swe input.required { border-bottom: 1px solid #ffcd02; }
.swe input.error { border: 1px solid #ffcd02; }
.swe textarea { padding: 2px 2px; border: 1px solid #909090; width: 168px; }
.swe textarea.required { border-bottom: 1px solid #ffcd02; }
.swe textarea.error { border: 1px solid #ffcd02; }
.swe .submit { text-align: center; }
.swe input.radio { border: 0; }
.swe input.checkbox { border: 0; }
.swe label.required { border-bottom: 1px solid #ffcd02; padding: 0 5px 0 0; margin-right: 5px; }
.swe label.error { border-bottom: 1px solid #ffcd02; }
.swe .errors { border: 0px solid #ffcd02; color: #006cb9; padding: 0px; }
.swe table.form td .errors { border: 0; margin: 0; padding: 0; font-size: 10px; }
.swe .snippet .errors { border: 0; margin: 0; padding: 0; font-size: 10px; }
.swe .snippet .submit { margin-top: 5px; }
.swe .snippet form label { display: block; text-indent: -23px; margin-left: 20px; }

.swe .productinfo .images { float: left; position: relative; margin: 0 10px 0 0; width: 128px; }
.swe .productinfo .images img { border: 1px solid #dfdfdf; margin: 2px 0 5px 0; }
.swe .productinfo .description { margin: 0 0 1em 200px; }

.swe div.tabs { margin: 0 0 10px 200px; ;}
.swe ul.tabs { z-index: 5; margin: 0; padding: 0; display: none;}
.swe ul.tabs li { text-indent: 0; margin: 0 10px 0 0; padding: 5px 0; display: inline; position: relative; z-index: 5; color: #514e4e; border: 1px solid #909090; font-weight: bold; }
.swe ul.tabs li .tl { position: absolute; z-index: 10; top: -1px; left: -1px; }
.swe ul.tabs li .tr { position: absolute; z-index: 10; top: -1px; right: -1px; }
.swe ul.tabs li a { color: #909090; }
.swe ul.tabs li a:hover { color: #ffcd02; }
.swe ul.tabs li.active { z-index: 10; color: white; border: 1px solid #d46900; background: #ffcd02; }
.swe ul.tabs li.active a { color: white; }
.swe ul.tabs li.active a:hover { color: white; }
.swe ul.tabs li.fffix { padding: 0; margin: 0; border-color: white; }
.swe div.tabs div.tab { z-index: 10; position: relative; top: 1px; display: none; padding: 5px 0; border: 0px solid #d46900; background: white; margin-top: 2px; }
.swe div.tabs div.tab li { color: #514e4e; }
.swe div.tabs div.tab li .inactive { color: #909090; }
.swe div.tabs div.active { display: block; }
.swe div.tabs div.tab h2 { display: none; }
.swe a.gallery img { border: 1px solid #dfdfdf; margin: 10px 5px 5px; }

.swe div.table { position: relative; border: 1px solid #006cb9; }
.swe div.table .tl { position: absolute; top: -1px; left: -1px; }
.swe div.table .tr { position: absolute; top: -1px; right: -1px; }

.swe .productinfo table.articles { width: 100%; border-collapse: collapse; border-spacing: 0; }
.swe .productinfo table.articles td { padding: 2px 5px; vertical-align: top; line-height: 21px; }
.swe .productinfo table.articles tr.header td { border-bottom: 1px solid #006cb9; background: #006cb9; color: white; font-weight: bold; }
.swe .productinfo table.articles tr.header td a { color: white; }
.swe .productinfo table.articles tr.header td a.selected { text-decoration: underline; }
.swe .productinfo table.articles tr.header td a:hover { text-decoration: underline; }
.swe .productinfo table.articles tr.odd td { background: white; }
.swe .productinfo table.articles tr.even td { background: #d8ebff; }
.swe .productinfo table.articles td.artnr { font-weight: bold; width: 10%;}
.swe .productinfo table.articles td.indicator { width: 10px;}

.swe .productinfo table.articles tr.selected td.artnr span { border-bottom: 1px solid #ffcd02; }
.swe .productinfo table.articles td.packing { text-align: left; }
.swe .productinfo table.articles td.stock { text-align: left; }
.swe .productinfo table.articles td.stock img { margin-top: 3px; }
.swe .productinfo table.articles td.count { text-align: left; }
.swe .productinfo table.articles td.price { text-align: left; font-weight: bold; white-space: nowrap; }
.swe .productinfo table.articles td.unitprice { text-align: left; white-space: nowrap; }
.swe .productinfo table.articles td.order { text-align: left; }
.swe .productinfo table.articles td.order a { line-height: 21px; }
.swe .productinfo table.articles td.order a img { vertical-align: baseline; }
.swe .productinfo table.articles td.fav a img { vertical-align: baseline; }
.swe .productinfo table.articles td.pricelabel { text-align: right; }
.swe .productinfo .footnote { margin-top: 5px; display: none; }
.swe .productinfo .footnote p { font-size: 9px; }
.swe .productinfo table.articles tr.footer td { border-bottom: 1px solid #006cb9; background: #ffcd02; color: white; font-weight: bold; }

.swe .snippet table.orderhistory { width: 100%; }
.swe table.orderhistory td a { color: #158cdf; }
.swe table.orderhistory td.link { white-space: nowrap; }
.swe table.orderhistory td.price { text-align: right; white-space: nowrap; }

.swe .searchresults .paginator { text-align: right; padding: 1px 5px; background: #f2f2f2; border: 1px solid #eaeaea; }
.swe .searchresults .paginator p { margin: 0; }
.swe .searchresults .paginator .selected { text-decoration: underline; font-weight: bold; }
.swe .searchresults h4 { border-bottom: 1px solid #ffcd02; margin-bottom: 2px; }
.swe .searchresults li p { margin-bottom: 2px; }
.swe .searchresults .breadcrumbs { line-height: 13px; }
.swe .searchresults .breadcrumbs li { font-size: 9px; }

.swe form.direct-order-add input.artnr { width: 97px; }
.swe form.direct-order-add input.quantity { width: 20px; text-align: right; }
.swe form.direct-order-add input.submit { vertical-align: top; margin-top: 0; }

.swe hr { border-top: 1px solid #eeeeee; border-bottom: 1px solid #cccbcb; }

ul.icons { margin: 0 0 0 5px; padding: 0; } 
ul.icons li { list-style: none inside; text-indent: 0; margin-left: 0px; line-height: 16px; } 
ul.icons li a { position: relative; left: -2px; top: -3px; padding-left: 10px; } 
ul.icons li.file { list-style-image: url('icons/file.png'); } 
ul.icons li.pdf { list-style-image: url('icons/pdf.png'); } 
ul.icons li.doc { list-style-image: url('icons/doc.png'); } 
ul.icons li.xls { list-style-image: url('icons/xls.png'); } 
ul.icons li.ppt { list-style-image: url('icons/ppt.png'); } 
ul.icons li.txt { list-style-image: url('icons/txt.png'); } 
ul.icons li.zip { list-style-image: url('icons/zip.png'); } 
ul.icons li.print { list-style-image: url('icons/print.png'); } 
ul.icons li.cancel_print { list-style-image: url('icons/cancel_print.png'); } 
ul.icons li.internal { list-style-image: url('icons/internal.png'); } 
ul.icons li.external { list-style-image: url('icons/external.png'); } 
ul.icons li.tel { list-style-image: url('icons/telephone.png'); } 
ul.icons li.fax { list-style-image: url('icons/fax.png'); } 
ul.icons li.email { list-style-image: url('icons/email.png'); } 

.clear { width: 960px; height: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; display: -moz-inline-stack; display: inline-block; }
.swe .clear { width: 480px; }
.wide .swe .clear { display: none;}
.wide .swe .productinfo .clear { display: inline-block; width: 723px;}

.wide .list .tile .clear { display: block; width: 230px; }

.snippet .clear { width: 180px; }

/* fixers for edit-mode */
.mceContentBody td { border: 1px solid #cccccc; }