/* -----------------------------------------------------------------------------
 project    : XOS-Shop, open source e-commerce system
              http://www.xos-shop.com
                                                                     
 template   : cosmo-responsive
 version    : 1.0.7 for XOS-Shop version 1.0.8
 descrip    : xos-shop template built with Bootstrap3 and theme cosmo                                                                    
 filename   : stylesheet.css
 author     : Hanspeter Zeller <hpz@xos-shop.com>
 copyright  : Copyright (c) 2007 Hanspeter Zeller
 license    : This file is part of XOS-Shop.

              XOS-Shop is free software: you can redistribute it and/or modify
              it under the terms of the GNU General Public License as published
              by the Free Software Foundation, either version 3 of the License,
              or (at your option) any later version.

              XOS-Shop is distributed in the hope that it will be useful,
              but WITHOUT ANY WARRANTY; without even the implied warranty of
              MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
              GNU General Public License for more details.

              You should have received a copy of the GNU General Public License
              along with XOS-Shop.  If not, see <http://www.gnu.org/licenses/>.    
--------------------------------------------------------------------------------
 this file is based on: 
              osCommerce, Open Source E-Commerce Solutions
              http://www.oscommerce.com
              Copyright (c) 2003 osCommerce
              filename: stylesheet.css                      

              Released under the GNU General Public License 
----------------------------------------------------------------------------- */

.stock-warning { 
  color : #cc0033; 
} 

.products-notifications { 
  background : #f2fff7; 
}
 
.order-edit { 
  color : #70d250; 
  text-decoration : underline; 
} 
 
a { 
  color : #000000; 
  text-decoration : none; 
} 

a:hover { 
  color : #818ea8; 
  text-decoration : underline; 
}

.footer { 
  color : #818ea8; 
  font-weight : bold; 
} 

.info-box { 
  background : #e8e8e8; 
} 

.info-box-contents { 
  background : #fefefe; 
}

.info-box-central { 
  background : #b6b7cb; 
}

.info-box-notice-contents { 
  background : #ffe6e6; 
  border: solid 1px #ff8e90;   
} 

.info-box-heading {  
  font-weight : bold; 
  color : #000000; 
  padding : 1px 0 1px 0;  
}

table.product-listing, div.product-listing {
  border-collapse : initial; 
  border : 1px; 
  border-style : solid; 
  border-color : #dddddd; 
}

a.page-results { 
  color : #0000ff; 
} 

a.page-results:hover { 
  color : #0000ff; 
  background : #ffff33; 
}

span.new-item-in-cart {  
  color : #ff0000; 
}

span.welcome-string { 
  color : #000000; 
  font-weight : normal; 
}

span.greet-user { 
  color : #f0a480; 
  font-weight : bold; 
} 

span.mark-product-out-of-stock {  
  color : #c76170; 
  font-weight : bold; 
} 

span.product-special-price { 
  color : #ff0000; 
}

.checkout-bar-finished-from, 
.checkout-bar-to { 
  color : #8c8c8c; 
} 

.checkout-bar-from,
.checkout-bar-current { 
  color : #000000; 
}

.red-mark { 
  color : #ff0000; 
}

/* message box */

body > .message-stack-error, 
body > .message-stack-warning {  
  background-color : #ffb3b5;  
} 

body > .message-stack-success {  
  background-color : #99ff00; 
}

.module-row {
}

.module-row-over { 
  background-color : #d3d3d3;
  cursor : pointer; 
} 

.module-row-selected { 
  background-color : #bebebe; 
} 

/* price label */
.price-label {
/*  background-color : #fffc53; */
}

/* option-link in product_info.php [noscript] */
.option-selected {
  font-weight : bold;
}

.option-link {
  color : gray;
}

/* Product sorting in product_listing_b */

#sort {
  float: left;
  padding: 3px; 
}

#sort_box {
  background: #ffffff;
  cursor: pointer;   
  min-width: 100px;
}

#sort_list {
  background: #ffffff;
  position: absolute; 
  z-index: 999;
  min-width: 100px;
  display: none;
}

#sort_box ul,
#sort_list ul {
  margin: 0; 
  padding: 0; 
  list-style: none; 
  border-style: solid; 
  border-width: 1px; 
  border-color: #cccccc;
  white-space: nowrap;
}

#sort_box ul li,
#sort_list ul li {
  padding: 3px; 
  white-space: nowrap;
}

#sort_box:hover #sort_list {
  display: block;
} 

/* Product info images */

#info-images-header { 
  color : #000000;
  text-align: center;    
  font-weight : bold; 
  line-height : 17px; 
  background-color : #ffffff;
  position : relative; 
  top : 0; 
  left : 0; 
  width : 195px; 
  height : 18px; 
  border-right : 2px solid #ffffff; 
} 

#info-images { 
  color : #000; 
  background-color : #fff; 
  position : relative; 
  top : 0; 
  left : 0; 
  width : 195px; 
  height : 258px; 
/*  border-left : 1px solid #b6b7cb; */
/*  border-right : 1px solid #b6b7cb; */
/*  border-top : 1px solid #b6b7cb; */
} 

.info { 
  color : #000; 
  background-color : #fff; 
  text-align : center; 
  visibility : hidden; 
  padding-top : 4px; 
  position : absolute; 
  top : 0; 
  left : 0; 
  width : 193px; 
  height : 188px; 
}

.info-img { 
  max-width : 193px;
  max-height : 188px; 
/*  border : 1px solid #b6b7cb; */  
/*  border-radius: 4px; */   
} 

#info0 { 
  visibility : visible; 
}

.glass { 
  color : #000; 
  background-color : #fff; 
  text-align : center; 
  visibility : hidden; 
  position : absolute; 
  top : 210px; 
  left : 0; 
  width : 193px; 
  max-height : 22px; 
  overflow : hidden; 
}

#glass0 { 
  visibility : visible; 
}

#info-thumbs { 
  color : #000; 
  background-color : #fff; 
  position : relative; 
  top : 0; 
  left : 0; 
  width : 195px;
/*  border-left : 1px solid #b6b7cb; */
/*  border-right : 1px solid #b6b7cb; */
/*  border-bottom : 1px solid #b6b7cb; */
  padding-bottom : 20px;
}
        
.thumb {
  color : #000; 
  text-decoration : none; 
  background-color : white; 
  text-align : center; 
  margin-top : 4px; 
  margin-left : 4px; 
  position : relative; 
  top : 0; 
  left : 0; 
  width : 60px; 
  height : 60px; 
  float : left; 
  overflow : hidden; 
  border : 1px solid #94a6b5; 
  cursor : pointer; 
}

.thumb > img {
  max-width : 60px; 
  max-height : 60px; 
}  

#thumb0 { 
  border-color : red; 
}

.popup-image-thumb-active {
  border-style: solid; 
  border-width: 1px; 
  border-color: #818ea8;
}

.popup-image-thumb-non-active {
  border-style: solid; 
  border-width: 1px; 
  border-color: #b6b7cb;
}

.popup-image-large {
  border-style: solid; 
  border-width: 1px; 
  border-color: #b6b7cb;
}

/* CSS clear */
html body div.clear,
html body span.clear {
     background: none;
     border: 0;
     clear: both;
     display: block;
     float: none;
     font-size: 0;
     margin: 0;
     padding: 0;
     position: static;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}

.text-deco-underline { 
  text-decoration: underline;
}

.text-deco-underline-hover-none:hover { 
  text-decoration: none;
}

.text-deco-line-through {
  text-decoration: line-through;
}

.options-list-draw-separator {
  display:inline-block;
  width:95%;
  text-align:left;
  font-weight : bold;
}

.options-list {
  display:inline-block;
  width:95%;
  text-align:center;
  font-weight : bold;
}

a.options-list {
  background: url(replace.gif) no-repeat;
  display:inline-block;
  width:95%;
  text-align:left;
  font-weight : bold;
}

/* description tabs in product_info.tpl  */

.descrip-tabs {
  margin: 0 15px -1px 15px;
  padding: 5px 10px 0 0;
  list-style: none;
  clear: both;
  display: none; 				
}      

.descrip-tabs li {
  display: inline;
}

.descrip-tabs a {
  margin: 2px 0 0 0;
  padding: 5px 8px;
  border: solid 1px #dddddd;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;  
  display: inline-block;
  background: #fff;
  color: #626262;
  text-decoration: none;
}

.descrip-tabs a:hover {
  background: #d8d8d8;
  color: #000;
}

.descrip-tabs a.active {
  border-bottom: solid 1px #fff;
  background: #fff;
  color: #000;
}

/* replaces all attributes (cellspacing, cellpadding, border) in table-tag's */

.table-border-cellspacing {
  border: 0; 
  border-spacing: 0;
}

.cellpadding-0px td {
  padding: 0;
}

.cellpadding-2px td {
  padding: 2px;
} 

.cellpadding-2px td .cellpadding-0px td {
  padding: 0;
}

.cellpadding-0px td .cellpadding-2px td {
  padding: 2px;
}

/* jQuery elevateZoom  */

.zoomLens {
/*  border-radius: 4px; */  
}

.zoomWindow {
/*  border-radius: 4px; */
  box-shadow:3px 3px 7px #333333;  
}

/* increment/decrement product quantity */
.btn-plus {
  position: relative;
  top: 4px;
  font-family: Arial;
  color: #B6B7CB;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  padding: 0 3px 0 0;
  text-decoration: none;
}
     
.btn-minus {
  position: relative;
  top: 4px;
  font-family: Arial;
  color: #B6B7CB;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  padding: 0 8px 0 3px;
  text-decoration: none;
}
     
.btn-plus:hover, .btn-minus:hover {
  color: #818ea8;
  text-decoration: none;
}

/* div-Tag spacer height 100px */
div.div-spacer-h100 {
  height: 100px;
  font-size: 0;
  line-height: 0;
}

/* div-Tag spacer height 34px */
div.div-spacer-h34 {
  height: 34px;
  font-size: 0;
  line-height: 0;
}

/* div-Tag spacer height 30px */
div.div-spacer-h30 {
  height: 30px;
  font-size: 0;
  line-height: 0;
}

/* div-Tag spacer height 25px */
div.div-spacer-h25 {
  height: 25px;
  font-size: 0;
  line-height: 0;
}

/* div-Tag spacer height 20px */
div.div-spacer-h20 {
  height: 20px;
  font-size: 0;
  line-height: 0;
}

/* div-Tag spacer height 10px */
div.div-spacer-h10 {
  height: 10px;
  font-size: 0;
  line-height: 0;
}

/* div-Tag spacer height 4px */
div.div-spacer-h4 {
  height: 4px;
  font-size: 0;
  line-height: 0;
} 

/* pagination for product lists */
.pagination-number {
  margin: 5px 0 5px 0; 
  float: left;
} 

.pagination-result {
  float: right;
}

.pagination-result .pagination {
  display: inline;
}

/* miscellaneous */

/* text color for all heading titles */
.text-orange { 
  color : #818ea8; 
}


/* heading title with embedded image -> product_index.tpl */
.heading-title-with-embedded-image img {
  float : right; 
}

/* margin for product name in h1-tag -> product_info.tpl */
.product-name {
  margin-top: 0;
}

/* ont weight for label -> subscribe_newsletter.tp */
.label-for-box-subscriber {
  font-weight : normal;
}

/* weiteres neues ueberarbeitet */

/* Show or hide box search box logoff, box languages, box currencies, box shopping_cart, noscript  */
#search_contents,
#logoff_contents,
#languages_list,
#currencies_list,
#shopping_cart_list {
  display: none;
}

#search_box:hover #search_contents,
#logoff_box:hover #logoff_contents,
#languages_box:hover #languages_list,
#currencies_box:hover #currencies_list,
#shopping_cart_box:hover #shopping_cart_list {
  display: block;
}
/* Show or hide end */

.dropdown-toggle {
  cursor: pointer;
}

.box-search {
  white-space: nowrap;
  padding: 10px;
}

.box-currencies {
  text-align: right;
  white-space: nowrap;
  padding: 10px 0 20px 0; 
  float: right;
}

.box-currencies a,
.box-currencies span {
  margin: 10px 14px 0 14px;
  display: block;
} 

.box-languages {
  padding: 0 0 25px 0;
  float: right;    
}

.box-languages img {
  margin: 25px 14px 0 14px;
  display: block;
}

#list-quick-search-suggest-wrapper {
  width: 1px; 
  position: relative;
  z-index: 1;
  left: 0px;
  top: 0px;
} 

#quick-search-suggest-header {
  font-size: 16px;
  padding: 2px 6px 2px 4px;
}

#list-quick-search-suggest {
  white-space: nowrap;
  position: absolute;
  left: 0px;
  top: 2px;
  visibility: hidden;
  display: block;
}

#quick-search-suggest-list-item {
  padding: 2px 6px 2px 4px;
  border-top: 1px dotted #d9d9d9; 
}

#input-quick-find-quick-find-gif {
  width: 20px;
  height: 16px;
  margin: 6px 6px 0 0;
} 

.box-logoff_contents {
  text-align: right;
  white-space: nowrap;
  padding: 10px 12px 12px 12px;
  float: right;
}

#toggle_login_contents,
#toggle_my_account_contents {
  z-index: 999;
  width:180px !important; 
  padding: 11px 3px 11px 4px !important;
}

.navbar-static-top {
  margin-bottom: 0;
}

.header-navi { 
  color : #000; 
}  

a.header-navi { 
  color : #000; 
} 

a.header-navi:hover { 
  color : #000; 
}

#captcha-contact-us {
  padding-top: 20px;
}

.cart-input-quantity {
    padding-left: 2px;
    padding-right: 0;
    width: 50px !important;
}

#box_search_keywords {
  width: 100% !important;
}

/* input requirement */
.input-requirement { 
  display: none; 
}

.input-requirement-moved { 
  color : #ff0000;
  font-weight : normal;
}  

.form-inline-dob .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.product-listing-info-heading, 
.product-listing-info-heading a, 
.product-listing-info-heading a:hover {
  white-space: nowrap; 
  background : #000000; 
  color : #ffffff; 
  font-weight : bold; 
}

.product-listing-info-background { 
  background : #d8d8d8; 
}

.product-listing-info-data {
  white-space: nowrap;
  vertical-align: top;  
}

.wrapper-for-input-qty .form-group {
  padding: 0 4px 0 0;
}

.wrapper-for-input-qty .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.product-listing-b-item-data {
  margin: 0 0 10px;
}

.input-quantity {
  width: 46px !important;
  padding-left: 2px;
  padding-right: 0px;
}

.icon-social-bookmarks {
  margin: 2px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .input-quantity {
    width: 27px !important;
  }
}

#scrollUp {
  font-size: 30px;
  bottom: 100px;
  right: 30px;
  padding: 4px 8px 0px 10px;
}

.breadcrumb-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.breadcrumb-list li{
  display: inline-block;
}

.btn-success {
  color: #ffffff;
  background-color: #818ea8;
  border-color: #818ea8;
}

@media (min-width: 768px) {  
  .eq-height {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-end;
    align-content: flex-end;  
  }
  
  .eq-height > div[class*='col-'] {
    margin: -1px; /* hack adjust for wrapping in Safari */   
    flex:1 1 inherit;
    display: flex;
  }
  
  .eq-height > div[class*='col-'] > .panel {
    flex:1 0 100%;
  }  
}

.create-account-error-text {
  color: #ff0039;  
}

form[name=create_account] input:required:invalid, 
form[name=create_account] select:required:invalid, 
form[name=create_account] textarea:required:invalid {
  color: #000;
  background-color: #f5edee;
}  

form[name=create_account] input:required:valid, 
form[name=create_account] select:required:valid, 
form[name=create_account] textarea:required:valid {
  /* background-color: #e7ffe7; */
}