/* MARKUP */

@font-face {font-family:Compare; src:url('/fonts/Compare.ttf') format("truetype")}


* {margin:0; padding:0; border:0; z-index:0}

body {background:transparent; margin:0; padding:0}
body, div, td, input , select {font-family:Arial, Tahoma, Myriad, sans-serif; font-size:11px}

h1 {color:#1f1f1f; font-size:24px; font-weight:normal; white-space:nowrap; margin:0px 0 5px 0}
h2 {color:#1f1f1f; font-size:16px; font-weight:normal; white-space:nowrap; margin:0}
h6 {color:#000000; font-size:12px; font-weight:bold; white-space:nowrap; margin:0}

#h1a   {
font-size: 22px;
text-indent: +9999px;
position:absolute;
color:#000000;
}


a {color:black; text-decoration:none}
a:hover {color:#AABBDD; text-decoration:none}

/* LAYOUT */
#pageMain {position:relative; margin:0 auto; width:1000px}
#pageHeader {position:relative; top:24px; left:0; width:1000px; height:190px}
#headerSearch {float:right; margin-top:10px}
#headerSearch label {float:right; margin-right:12px}
#headerSearch select {height:23px; width:145px; margin:5px 0; padding:2px; border:1px solid #868686; background:transparent; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:12px; color:#373737}
#headerSearch input[type=text] {float:right; width:183px; height:23px; margin:5px; padding:0 10px; background:url(/images/bg_search_field.gif) no-repeat; color:#b8b8b8} 
#menuMainBackground {position:absolute; top:80px; left:0; width:986px; margin:0 7px; height:42px; background:url(/images/bg_menumain.gif)}
#menuMainBackground img {float:left}
#menuMainBackground div {float:left; line-height:44px; text-align:center; font-size:14px; font-weight:bold; color:#ffffff; text-transform:uppercase}
#menuMainBackground div#menuMainBackgroundHome {width:98px; background:url(/images/bg_home.gif) no-repeat}
#menuMainBackground div.menuMainBackgroundItem {width:148px}
#menuMainBackground div#menuMainBackgroundLogin {width:136px; background:url(/images/bg_login.gif) no-repeat; color:#373737}
#menuMain {position:absolute; top:80px; left:0; width:986px; margin:0 7px; height:42px}
#menuMain a, #menuMain div {float:left; line-height:42px; text-align:center; font-size:14px; font-weight:bold; color:#373737; text-transform:uppercase}
#menuMain a#menuMainHome {width:99px}
#menuMain .menuMainItem {width:150px}
#menuMain #menuMainCategories {cursor:pointer}
#menuMain #menuMainLogin {float:right; width:137px; line-height:42px; text-align:center; font-size:14px; font-weight:bold; color:#ffffff; cursor:pointer}


#menuSub, #menuLogin {position:absolute; top:122px; left:0; width:946px; margin:0 7px; padding:0 20px; height:36px; line-height:36px; background:url(/images/bg_menusub.gif); white-space:nowrap}
#menuSubWelcome {float:left; margin-right:18px; font-weight:bold}
#menuSubCurrency {float:left}
#menuSubCurrency select {width:100px; height:20px; margin-left:7px; padding:2px; background:transparent url(/images/menu_sub_select.png)}
#menuSubLanguage {float:left; margin-left:12px}
#menuSubLanguage select {width:100px; height:20px; margin-left:7px; padding:2px; background:transparent url(/images/menu_sub_select.png)}
#menuSubCart {float:right}
#menuSubCartIcon {float:right; margin-top:8px; margin-right:7px}
.menuSubLinks {float:right; text-transform:uppercase}
.menuSubLinks a {color:#ff0000; font-weight:bold}
.menuSubSeperatorRight {float:right; margin:4px 12px}
.menuSubSeperatorLeft {float:left; margin:4px 12px}
#menuLogin label {float:left; margin-left:12px}
#menuLogin input {margin-left:6px}
#menuLogin input[type=text], #menuLogin input[type=password] {float:left; width:147px; height:23px; margin-top:6px; margin-left:5px; padding:0 8px; background:url(/images/menu_sub_input.png)}
#menuLogin input[type=image] {float:left; margin-top:8px; margin-left:12px}
.menuLoginLinks {float:left; text-transform:uppercase}
#menuLoginPasswordForgotten {float:left}
#menuLogin a {color:#ff0000; font-weight:bold}
.menuLoginSeperatorRight {float:right; margin:4px 12px}
.menuLoginSeperatorLeft {float:left; margin:4px 12px}

#menuCategories {width:181px}
/* #menuCategories a {text-indent:10px; width:181px; height:24px; line-height:24px; margin-top:3px; padding-left:3px; border-bottom:1px dashed #c3c3c3; display:block; color:#226008; white-space:nowrap} */
#menuCategories a {width:161px; padding:5px 4px 5px 10px; border-bottom:1px dashed #c3c3c3; display:block; color:#226008}
#menuCategories a.level1 {width:153px; padding:5px 4px 5px 18px}
#menuCategories a.level2 {width:145px; padding:5px 4px 5px 26px}
#menuCategories a.level3 {width:137px; padding:5px 4px 5px 34px}
#menuCategories a.level4 {width:129px; padding:5px 4px 5px 42px}
#menuCategories a.level5 {width:121px; padding:5px 4px 5px 50px}
#menuCategories a.categoryActive {font-weight:bold; background:url(/images/category_active.gif) center center no-repeat}
#menuCategories a:hover {background:url(/images/category_active.gif) center center no-repeat}
#menuMainCategoriesDropdown {position:absolute; top:146px; left:406px; width:217px; padding:13px; background:url(/images/menu_main_dropdown.png) bottom no-repeat; z-index:500}
#menuMainCategoriesDropdown a {text-indent:10px; width:200px; height:24px; line-height:24px; margin-top:3px; padding-left:3px; border-bottom:1px dashed #c3c3c3; display:block; color:#373737}
#menuMainCategoriesDropdown a.categoryActive {font-weight:bold; color:#fe0000}

#menuLoginTitle {float:left; font-weight:bold}

#contentAbove {position:relative}
#featuredProductButtons {position:absolute; top:252px; left:55px}

#pageContent {float:left; width:791px; margin-top:10px}
#pageColumnLeft {float:left; width:195px; padding-left:7px; margin-top:10px}
#pageColumnRight {float:right; width:200px; margin:75px 7px 10px 0}
#pageFooter {clear:both; margin:10px 5px 5px 5px; padding:10px 30px; width:929px; height:66px; background:url(/images/bg_footer_80.gif) no-repeat; text-transform:uppercase}
.footerColumn {float:left; width:150px; margin-right:10px; text-transform:uppercase}
.footerColumn p {font-size:12px; margin-bottom:4px; font-weight:bold; color:#373737}
#pageFooter a {padding:0 6px; font-weight:bold; color:#ff0000; line-height:60px}
#footerPayment {float:right; width:190px}
#footerPayment p {font-size:12px; margin-bottom:4px; font-weight:bold; color:#373737}
#footerPayment img {margin-top:8px; margin-right:10px}

ol li {list-style:none; clear:left; height:30px}
ol label {float:left; width:140px; line-height:30px; font-size:12px}
ol input[type=text], ol input[type=password] {float:left; width:143px; height:23px; margin-top:6px; padding:0 10px; background:url(/images/menu_sub_input.png)}
ol input[type=radio], ol input[type=checkbox] {float:left; margin-top:9px}
ol select {float:left; margin-top:9px; margin-right:8px; border:1px solid #b1b1b1; background:transparent; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px}
label.fieldLabel {float:left; width:60px}
#keywords {float:left; width:400px; height:23px; margin-top:6px; margin-bottom:12px; padding:0 10px; background:url(/images/menu_sub_input_large.png)}
label[for=recursive] {width:400px}

textarea {width:360px; height:160px; margin-top:9px; padding:10px; background:url(/images/textarea_big.png) no-repeat; resize:none}

#createdItems {clear:both; margin-bottom:60px}
#justCreated, #createdBefore {clear:both; position:relative; top:10px; margin:0 10px; padding-top:10px; border-bottom:1px solid black; font-weight:bold}
.createdItems {clear:both; position:relative; top:20px; width:100%; height:32px; padding-top:3px}
.createdDate {float:left; margin:5px 10px}
.createdItems form {float:right; margin:0 6px}
input.quantity {border:1px solid #b1b1b1; width:30px; text-align:right; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px}
#createdItems .odd {background-color:#e6fecd}

#createdItem {margin-left:24px}
#createdItemButtons{margin-right:24px}
#createdItemCart {}
#createdItemEdit {}
#createdItemPreview{}
#createdItemImage{float:left; width:140px; height:140px; padding:17px; margin-right:20px; text-align:center; background:url(/images/product_overview_border.png) no-repeat}


/* LINKS */
#navigationBar a {color:#FFFFFF}
#navigationBar a:hover {color:#FFFFFF; text-decoration:underline}

/* DEFINITIONS */
#siteLogo {float:left; margin-top:18px; margin-left:7px}
#navigationIcons {float:right; margin:0; padding:15px 0 0 0; list-style-type:none}
#navigationIcons li {display:inline; padding:5px}
#navigationBar {background-color:#a9abae; color:#FFFFFF; font-weight:bold; margin-top:82px; text-align:right; padding-right:5px}
#breadcrumbBar {position:relative; width:791px; height:37px; margin-bottom:10px; background:url(/images/bar_breadcrumb.gif) no-repeat}
#breadcrumbBar a {color:#ffffff}
#pageIcon {float:right; margin-right:10px; height:40px}
.messageStack {border-width:1px; border-style:dotted; border-color:#C8AD91; background-color:#FFFCF5; color:#465584; margin:5px auto}
.messageStack li {margin-left:20px}
.moduleBox {padding:5px; margin-bottom:5px}
.moduleBox h6 {padding:5px 0px 5px 0px}
.inputRequirement {font-size:10px; font-weight:normal; color:#FF0000; margin-top:10px}
.submitFormButtons {padding:5px}
.listingPageLinks {padding:5px}
.listingPageLinks  select {border:1px solid #b1b1b1; background:transparent; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px}

.content {}


.categoryOverview {position:relative; width:180px; height:230px; float:left; margin-left:14px; font-weight:bold}
.productOverview {position:relative; width:180px; height:360px; float:left; margin-left:14px; font-weight:bold; line-height:13px}
.productOverviewImage {position:absolute; top:26px; left:0px; width:140px; height:140px; padding:17px; text-align:center; background:url(/images/product_overview_border.png) no-repeat}
.productOverviewDescription {position:absolute; top:200px; left:8px; padding:10px 13px 13px 13px; width:132px; height:140px; font-weight:normal; background:url(/images/product_overview_description.png) no-repeat}
.productOverviewPrice {position:absolute; top:96px; left:10px; width:130px; height:26px; padding:0; line-height:26px}
.productOverviewPriceLabel {float:left; text-transform:uppercase}
.productOverviewPriceValue {position:absolute; top:0px; right:0px; font-weight:bold}
.productOverviewCart {position:absolute; top:100px; left:10px}

.scRow td {padding:3px}
.odd {background-color:#e6fecd}

#productPrice {position:absolute; top:8px; right:0; font-size:14px; font-weight:bold}
#productListing {position:relative}
#productSort {position:absolute; top:8px; right:20px}
#productSort label {margin-right:8px}
#productSort select {border:1px solid #b1b1b1; background:transparent; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px}

#products_filter {border:1px solid #b1b1b1; background:transparent; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px}

#productInfoLeft {position:relative; width:474px; margin:0 9px; float:left}
#productInfoSubheadline {position:relative; height:20px; float:left; font-size:12px}
#productInfoDescription {position:relative; margin-top:10px; padding:25px 0; border-top:1px solid #575757; font-size:14px}
#productInfoDetails {position:relative}
.productInfoTab {position:relative; width:156px; height:42px; margin-right:1px; background:url(/images/product_info_tab.png) no-repeat; float:left; line-height:42px; text-align:center; font-weight:bold; font-size:14px; color:#373737; cursor:pointer}
.productInfoTabActive {position:relative; width:156px; height:42px; margin-right:1px; background:url(/images/product_info_tab_active.png) no-repeat; float:left; line-height:42px; text-align:center; font-weight:bold; font-size:14px; color:#373737}
.productInfoDetail {position:relative; top:0; left:0; width:448px; padding:20px 13px 10px 13px; border-top:1px solid #cdcdcd; border-right:1px solid #cdcdcd; border-left:1px solid #cdcdcd; border-bottom:none; background:url() no-repeat; font-size:14px}
.productInfoReview {margin:6px 0}
#productInfoDetailBottom {width:476px; height:6px; background:url(/images/product_info_detail_bottom.gif) no-repeat}
#productInfoRight {position:relative; width:290px; float:right}
#productInfoImageFrame {background:url(/images/product_info_border.png) no-repeat}
#productInfoImage {margin:12px 17px}
#productInfoThumbs {position:relative; left:9px; width:248px; height:78px; background:url(/images/product_info_thumbs.png) no-repeat; text-align:center}
#productInfoThumbs img {padding:3px 7px; margin:6px; /* background:url(/images/product_info_thumb.png) */; cursor:pointer}

.moduleRow {}
.moduleRowOver {background-color:#D7E9F7}
.moduleRowSelected {background-color:#E9F4FC}


/////////////////////////
.boxText { font-size:10px}
.errorBox {font-size :10px; background:#ffb3b5; font-weight:bold}
.stockWarning {font-size :10px; color:#cc0033}
.productsNotifications {background:#f2fff7}
.orderEdit {font-size :10px; color:#70d250; text-decoration:underline; font-weight:normal}



.infoBox {background:#a9abae}
.infoBoxContents {background:#f8f8f9;  font-size:10px}
.infoBoxNotice {background:#FF8E90}
.infoBoxNoticeContents {background:#FFE6E6;  font-size:10px}
td.infoBoxHeading { font-size:10px; font-weight:bold; background:#a9abae; color:white; vertical-align:top}
td.infoBox, span.infoBox { font-size:10px}
tr.accountHistory-odd, tr.addressBook-odd, tr.alsoPurchased-odd, tr.payment-odd, tr.productListing-odd, tr.productReviews-odd, tr.upcomingProducts-odd, tr.shippingOptions-odd {background:#f8f8f9}
tr.accountHistory-even, tr.addressBook-even, tr.alsoPurchased-even, tr.payment-even, tr.productListing-even, tr.productReviews-even, tr.upcomingProducts-even, tr.shippingOptions-even {background:#f8f8f9}
table.productListing {border:1px; border-style:solid; border-color:#a9abae; border-spacing:1px}
.productListing-heading { font-size:10px; background:#a9abae; color:white; font-weight:bold}
td.productListing-data { font-size:10px}
a.pageResults {color:#0000FF}
a.pageResults:hover {color:#0000FF; background:#FFFF33}
td.smallText, span.smallText, p.smallText { font-size:10px}
td.tableHeading { font-size:12px; font-weight:bold}
span.greetUser { font-size:12px; color:#f0a480; font-weight:bold}
span.markProductOutOfStock {font-size:12px; color:#c76170; font-weight:bold}
span.productSpecialPrice { color:#ff0000}
span.errorText { color:#ff0000}
.boxCheckoutTrail { font-size:10px; color:#8c8c8c}
.boxCheckoutTrailActive { font-size:10px; font-weight:bold; color:#FF8400}

.boxNewItem {height:60px; width:180px; border-bottom:1px dashed #c3c3c3}

/* message box */
.messageBox { font-size:10px}
.messageStackError, .messageStackWarning { font-size:10px; background-color:#ffb3b5}
.messageStackSuccess { font-size:10px; background-color:#99ff00}

/* CSS Boxes */
.boxGroup {}
.boxNew {margin-bottom:18px}
.boxTitle {position:relative; width:186px; height:27px; background:url(/images/bar_box_title.gif)}
.boxTitleText1 {position:absolute; top:5px; left:16px; font-weight:bold; font-size:11px; color:#5fb516; text-transform:uppercase}
.boxTitleText2 {position:absolute; top:6px; left:16px; font-weight:bold; font-size:11px; color:#ffffff; text-transform:uppercase}
.boxTitleText2 a {font-weight:bold; font-size:11px; color:#ffffff}
.boxContents {width:180px; padding:5px 0}
.boxContents a {color:#226008}
.boxContents a.active {background-color:#e6fecd}
#variantsBlock {}
#variantsBlockTitle {padding-bottom:10px}
#variantsBlockData {}
#productVariantCombinationNotAvailable {color:#ff0000}
.productInfoKey {font-weight:bold; padding-right:10px; padding-bottom:10px; vertical-align:top}
.productInfoValue {padding-bottom:10px; vertical-align:top}
#productInfoPrice {font-weight:bold}
.ships24hours {color:#45B04C}

.testimonial {font-family:Georgia; font-size:12px; font-style:italic; color:#4f4f4f; margin:10px}
.testimonialAuthor {font-family:Georgia; font-style:normal; text-align:right}

#variantsBlockData td {padding:4px; vertical-align:top}
#variantsBlockData label {float:left; margin-right:12px; white-space:nowrap; width:auto}
#variantsBlockData input[type=radio] {float:left}

#offerButton {cursor:pointer}

#checkoutStatus {position:relative; width:791px; height:100px;}
.checkoutStatus {position:absolute; top:19px; width:120px; text-align:center;  font-weight:bold; color:#666666}
#checkoutStatus1 {left:10px}
#checkoutStatus2 {left:174px}
#checkoutStatus3 {left:335px}
#checkoutStatus4 {left:496px}
#checkoutStatus5 {left:659px}

#sitemap ul {margin-left:20px}

/* IMPRINT */

#imprint {position:relative}

#editors {position:relative; float:right; width:270px; background:url(/images/editors_bg.png) no-repeat; display:none}
#imprintButtonsAbove {position:relative; height:30px; width:250px; padding:10px}
#editorsInner {position:realtive; width:250px; height:160px; margin:0 10px}
#textEditor {position:absolute; width:250px; display:none}
.textEditors {position:absolute; top:50px; left:10px; width:250px; display:none}
#textEditorGray {position:absolute; top:50px; left:10px; width:250px; display:none}
#addTextButton {float:left; cursor:pointer; z-index:100000}
.txtCenter {position:absolute; top:32px; left:162px}
.txtDelete {position:absolute; top:32px; left:186px}
#imageEditor {position:absolute; width:250px; height:128px; border:solid 1px #a9abae; background:#ffffff; display:none}
#addImageButton {position:relative; float:right}
.imagesPreview {position:relative; top:0px; left:0px; height:100px; width:250px; border-top:solid 1px #a9abae; overflow:auto}
.imagesPreview div {position:relative; width:82px; height:82px; margin:8px; float:left}
#imageFunctions {position:relative; height:26px; background-color:#F0F0EE}
#imageUpload {position:relative; line-height:23px}
#imageToolbar {position:absolute; top:2px; left:0px; line-height:18px}
#imageToolbar label {width:auto; margin:2px 4px; float:left}
#prozent {text-align:right; border:1px solid #a9abae; height:16px; width:26px; margin-right:2px; margin-top:2px; padding-right:2px; float:left}
#percentButtons {position:relative; width:16px; height:24px; float:left; margin-right:2px; margin-top:1px;}
#up {cursor:pointer}
#down {cursor:pointer}
#uploadProgress {position:absolute; top:32px; left:142px; display:none}

#behindEditor {position:absolute; top:80px; left:43px; width:180px; text-align:center}
#belowEditors {margin:10px; text-align:center}

#imprintPreviews {position:relative; float:left; width:500px; display:none}
#variantButtons {position:relative; width:500px; height:40px; text-align:center}
.imprintPreview {position:relative; width:500px}
.imprintProduct {position:relative; margin:0 auto; box-shadow: 2px 2px 2px #cccccc}
#imprintButtonsBelow {position:relative; height:30px; width:250px; padding:10px}
#imprintCancel {float:left}
#imprintDone {float:right}

#imprintSave {bottom:10px; right:10px}

#imgbrowse {padding:3px; float:left}
#image_field {position:absolute; margin:10px; top:0px; left:0px; cursor:pointer; -moz-opacity:0; filter:alpha(opacity:0); opacity:0; cursor:pointer}
#fake_button {cursor:pointer}
#maxsize {position:absolute; top:7px; right:46px; font-size:10px; font-weight:bold}
#imgsize {position:absolute; top:30px; left:6px}
#imgsi {float:left}
#sizelabel {line-height:20px}

.scale {width:500px; text-align:center; margin-top:12px}

#steps {position:relative; top:0px; left:20px; width:290px}
#cancel {float:left}
#continue {float:right}
.line {font-size:1px; line-height:1px; display:none}
#txth0 {position:absolute; top:49px; left:112px; height:23px; width:23px; background:url(/images/imprint/left.gif) left no-repeat}
#txth1 {position:absolute; top:49px; left:135px; height:23px; width:23px; background:url(/images/imprint/center.gif) left no-repeat}
#txth2 {position:absolute; top:49px; left:158px; height:23px; width:23px; background:url(/images/imprint/right.gif) left no-repeat}
#txtsep {position:absolute; top:54px; left:184px; height:16px; width:2px; background:url(/images/imprint/seperator.gif) no-repeat}
#txtv0 {position:absolute; top:49px; left:187px; height:23px; width:23px; background:url(/images/imprint/top.gif) left no-repeat}
#txtv1 {position:absolute; top:49px; left:211px; height:23px; width:23px; background:url(/images/imprint/middle.gif) left no-repeat}
#txtv2 {position:absolute; top:49px; left:234px; height:23px; width:23px; background:url(/images/imprint/bottom.gif) left no-repeat}
#imgsep0 {position:absolute; top:32px; left:109px; height:16px; width:2px; background:url(/images/imprint/seperator.gif) no-repeat}
#imgh0 {position:absolute; top:27px; left:112px; height:23px; width:23px; background:url(/images/imprint/left.gif) left no-repeat}
#imgh1 {position:absolute; top:27px; left:135px; height:23px; width:23px; background:url(/images/imprint/center.gif) left no-repeat}
#imgh2 {position:absolute; top:27px; left:158px; height:23px; width:23px; background:url(/images/imprint/right.gif) left no-repeat}
#imgsep1 {position:absolute; top:32px; left:184px; height:16px; width:2px; background:url(/images/imprint/seperator.gif) no-repeat}
#imgv0 {position:absolute; top:27px; left:187px; height:23px; width:23px; background:url(/images/imprint/top.gif) left no-repeat}
#imgv1 {position:absolute; top:27px; left:211px; height:23px; width:23px; background:url(/images/imprint/middle.gif) left no-repeat}
#imgv2 {position:absolute; top:27px; left:234px; height:23px; width:23px; background:url(/images/imprint/bottom.gif) left no-repeat}
#imgsep2 {position:absolute; top:32px; left:260px; height:16px; width:2px; background:url(/images/imprint/seperator.gif) no-repeat}
#bled {position:absolute; top:27px; left:263px; height:23px; width:23px; background:url(/images/imprint/bledoff.gif) left no-repeat}
.indicator {display:none}
#schablone {-moz-opacity:.80; filter:alpha(opacity:80); opacity:.80;}

#textDummy {font-family:Arial; font-size:10pt}
#textDummy div {position:absolute; z-index:400; cursor:default; overflow:hidden; font-family:Arial; font-size:10pt}
#textDummy p {margin:0; padding:0; z-index:600; white-space:nowrap; line-height:auto; font-family:Arial; font-size:10pt}
.imprint_text {font-family:Arial; font-size:10pt}
.imprint_text div {position:absolute; z-index:400; cursor:default; overflow:hidden; font-family:Arial; font-size:10pt}
.imprint_text p {margin:0; padding:0; z-index:600; white-space:nowrap; line-height:auto; font-family:Arial; font-size:10pt}


#overlay {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255, 255, 255, 0.8); text-align:center; display:none}
#overlay > div {display:table; height:100%; width:100%}
#overlay > div > div {display:table-row; height:100%; width:100%}
#overlay > div > div > div {display:table-cell; vertical-align:middle; font-size:24px}
#overlay > div > div > div > img {width:320px}
#overlay > span {position:absolute; top:20px; right:40px; padding:20px; cursor:pointer; font-size:48px}
#bitcoin {cursor:pointer}


