/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 11px; color: #cc0033; }
.productsNotifications { background: #ffffff; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 11px; color: #FF5F00; text-decoration: underline; }

BODY {
  background: #CCCCCC;
  color: #000000;
  margin: 0px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #444444;
  text-decoration: underline;
}

A.in_box {
  color: #3366CC;
  text-decoration: underline;
}


A.vtextu {
  text-decoration: underline;
}

FORM {
	display: inline;
}

/* begin: Box Categories */

td.cat_a, td.cat_b, td.cat_c {
  padding: .1em .1em; 
}
  
td.cat_a, td.cat_a a, td.cat_a a:link, td.cat_a a:visited 
 {
  background: #FFFFFF;
  color: #FF5F00;
  font-weight: bold;
}

td.cat_b {
  color: #FF5F00;
}
  
td.cat_c {
  color: #000000;
}  
  
/* end: Box Categories */

TR.header {
  background: #FFFFFF;
}

TR.headerNavigation {
  background: #FFFFFF;
  height: 24px;
}

TR.headerButton {
  background: #4E4E4E;
  color: #FFFFFF;
  height: 24px;
}

TD.headerNavigation {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  background:#4E4E4E url(images/layout/header_navigation.gif) repeat-x scroll center center;
  color: #FFFFFF;
  font-weight : bold;
}

TD.headerButton {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  background:#4E4E4E url(images/layout/header_button.gif) repeat-x scroll center center;
  color: #FFFFFF;
  font-weight : bold;
  text-align : center;
}

TD.headerButtonRS {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  background:#4E4E4E url(images/layout/header_button_rs.gif) repeat-x scroll center center;
  color: #FFFFFF;
  font-weight : bold;
  text-align : center;
}

TD.footer2 {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  background:#4E4E4E url(images/layout/footer.gif) repeat-x scroll center center;
  color: #000000;
  text-align : center;
}

td.headerLogoBackround 
                  {
                    background:#FFFFFF url(images/layout/header_logo_backround.gif) repeat-x scroll center center;
                  }    

A.headerNavigation { 
  color: #FFFFFF;
  text-decoration: underline; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

A.headerButton { 
  color: #FFFFFF;
  text-decoration: none; 
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #4E4E4E;
  height: 24px;
}

TD.footer {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  background:#4E4E4E url(images/layout/header_navigation.gif) repeat-x scroll center center;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  /*background: #B36B00;*/
  background: #FFFFFF;
}

.infoBoxContents {
  background: #FFFFFF;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #FF5F00;
  color: #FFFFFF;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  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: #FFFFFF;
}

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

TABLE.headerButton {
  border: 0px;
  border-spacing: 0px;
  /*border-style: solid;
  border-color: #FFFFFF;
  border-spacing: 1px;*/
}

TABLE.bodyText {
  background: #FFFFFF;
  border: 0px;
  width: 100%;
  border-spacing: 0px; /*nefunguje v IE*/
  padding: 0px;
}

TABLE.pageHeading, td.pageHeading {
  background: #FFFFFF;
  text-align: center;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #4E4E4E;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  background: #4E4E4E;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
}

.productListing-name {
  color: #FF5F00;
  text-decoration: underline;
  font-weight: bold;
  font-size: 11px;
}

.productListing-price {
  color: #FF5F00;
  font-weight: bold;
  font-size: 10px;
}

.productListing-price-new {
  color: #FF0000;
  font-weight: bold;
  font-size: 10px;
}

.productListing-price-description {
  color: #999999;
  font-size: 10px;
}

.productListing-model {
  color: #FF5F00;
  font-size: 11px;
}

A.pageResults {
  color: #FF5F00;
  font-weight: bold;
}

SPAN.pageResults {
  color: #FF5F00;
  font-size: 14px;
  font-weight: bold;
}

H1, H2, H3, TD.pageHeading, DIV.pageHeading {
  font-size: 22px;
  font-weight: bold;
  color: #FF5F00;
}

H2, TD.pageSubHeading {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: bold;
}

H3 {
  font-size: 16px;
  font-weight: bold;
  /* font-style: italic; */
}


TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  padding: 2px;
}

TD.separator {
  padding: 0px;
}

TD.smallText, P.smallText {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
}

SPAN.smallText {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 20px;
}

A.smallText {
  color: #000000;
}

TD.accountCategory {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
}

TD.tableHeading {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.category_desc {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

SPAN.newItemInCart {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
}

input.textQuantity {
  text-align: right;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #FF5F00;
  font-weight: bold;
}

SPAN.pricewithtax {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #FF5F00;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #CCCCCC; }
.moduleRowSelected { background-color: #FF5F00; }

.checkoutBarFrom, .checkoutBarTo { 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px; 
  font-weight: bold; 
  color: #8c8c8c; 
}
.checkoutBarCurrent { 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px; font-weight: bold; color: #FF5F00; 
}

/* message box */

.messageBox { 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px; 
}
.messageStackError, .messageStackWarning { 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px; background-color: #FF0000; color:#FFFFFF; 
}

.messageStackSuccess { 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px; background-color: #99ff00; 
}

/* input requirement */

.inputRequirement { 
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 10px; color: #ff0000; 
}

/* contribution Category Description */
TD.category_header, DIV.category_header {
   font-family: Verdana, Tahoma, Arial, sans-serif;
   font-size      : 20px;
   font-weight    : bold;
   color          : #FF5F00;
   margin-top     : 4px;
   margin-bottom  : 4px;
   line-height    : 1.5;
   text-align     : center;
}

TD.category_header_left {
   font-family: Verdana, Tahoma, Arial, sans-serif;
   font-size      : 20px;
   font-weight    : bold;
   color          : #FF5F00;
   margin-top     : 4px;
   margin-bottom  : 4px;
   line-height    : 1.5;
   text-align     : left;
}

DIV.category_desc {
   font-family: Verdana, Tahoma, Arial, sans-serif;
   font-size      : 12px;
   color          : #999999;
}

TD.category_sub_header, DIV.category_sub_header {
   font-family: Verdana, Tahoma, Arial, sans-serif;
   font-size      : 11px;
   margin-top     : 1em;
   margin-bottom  : 1em;
}

TD.category_sub_desc, DIV.category_sub_desc {
   font-family: Verdana, Tahoma, Arial, sans-serif;
   font-size      : 11px;
   color          : #999999;
   background     : #FFFFFF;
   margin-bottom  : 1em;
}

  /* product_info */

    td.price_box_left {
      color : #4E4E4E;
      font-size : 11px;
      text-align : left; 
    }
    
    td.price_box_right, a.price_box_link {
      color : #000000;
      font-size  : 11px;
      text-align : right; 
    }
    
    a.price_box_link {
      text-decoration: underline;
    }

    td.price_box_right_strong {
      color:#FF5F00;
      font-size  : 11px;
      text-align : right;
      font-weight:bold;       
    }

    td.price_box_right_old {
      color:#FF0000;
      font-size  : 11px;
      text-align : right;
      font-weight: bold;    
      text-decoration: line-through;   
    }
    
    td.price_box_sale {
      color : #FF0000;
      font-size : 16px;
      text-align : right; 
      font-weight: bold;    
      text-decoration: underline;
    }
    
table {
  font-size: 11px;
}

td {
  font-size: 11px;
}

div.hr-blue {
background:#FFFFFF url(images/layout/blue_dot_line.gif) repeat-x scroll center center;
height:15px;
}

div.hr-orange {
background:#FFFFFF url(images/layout/orange_dot_line.gif) repeat-x scroll center center;
height:15px;
}

hr {
/* -moz-box-sizing:border-box; */
/* -moz-float-edge:margin-box; */
border:1px inset;
color:gray;
display:block;
height:2px;
margin:0.5em auto;
}

/*tabulka technicke parametry u zboží Elektrobocku*/
table.tech{
  border-collapse: collapse;
	border: 1px solid #333;
	border-width: 1px 1px 1px 1px;
	font-size: 7px;
	/*width: 350px;*/
	background-color: #ffffff;
}
table.tech td{
	
	padding: 3px 0px 0px 3px;
}
table.tech tr{
	border-bottom: 1px solid #333;
}

table.tech tr.title {
	color: #dfb800;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
}
table.tech tr.title td{
	padding-right: 10px;
	border-bottom: none !important;
}
table.tech th{
	background-color: #FF5F00;
	height: 24px;
}
/*konec tabulky technicke parametry u zboží Elektrobocku*/

input.groovybutton
{
   font-size:12px;
   font-family:Arial,sans-serif;
   height:22px;
   background-color:#cccccc;
   background-image:url(images/layout/button_background.gif);
   border-style:solid;
   border-color:#999999;
   border-width:1px;
}


/*

http://colorschemedesigner.com/#0911Tw0w0w0w0

použité barvy:

FF5F00 oranžová

3366CC tmavě modrá

3399FF světle modrá

CCCCCC světle šedá

999999 tmavě šedá

--------------
http://colorschemedesigner.com/#0911Tw0w0w0w0

#FF5F00 oranžová
#CC6600 hnědá
#FFFFCC světlýokr
#FFCC99 tmavýokr
#0033CC modrá
#003399 tmavěmodrá
#CCCCFF jemněmodrá
#9999FF světlemodrá

#FF5F00 oranzova
#B36B00 hneda
#FFE6BF svetla hneda
#FFCC80 jemne oranzova

šedá varianta
#CCCCCC středně šedá
#4E4E4E tmavě šedá
#CC0000 červená
#FF5F00 oranžová
*/