/**
 *
 *  CSS document for Order and Cart and Guide (My Account)
 *
 *  zakomentovane casti (hlavne url u backgroundu) jsou zakomentovany zamerne ! Pozor na to !
 *
 */


/**
 *  Order 'n' Cart - Color Settings
 */

#basket.step1 h1 { visibility: visible; margin-top: 20px; min-height: 40px; }
#basket #drobecky { margin-top: 25px; }

#basket h2 { color: #410602; }
#basket h2.cleaner { border-top-color: #bdbdbd; }

#basket div.alert.error { border: 5px solid #ed0000; margin-bottom: 20px; }
#basket div.alert.error div.box-bottom { color: #000; background: #fff; padding: 10px 20px 0px 20px; }

/* general style of the box */
#order-right-pane { border-color: #606060; border-size: 1px; border-style: dotted; }
#order-right-pane span.headline { background: transparent; }

/* adding ... style filled box in step 2 */
#order-right-pane div.item { border-bottom-color: #D2D2D2 }
#order-right-pane div.item p a { color: #E2001A; }

#kroky { white-space: normal; margin-top: 40px; }

#kroky div.krok,
#kroky div.krok-aktivni { height: 56px; border: 0px none; padding: 0px; width: 180px; }
#kroky div.krok { background: url("../img/kroky.png") left no-repeat; }
#kroky div.krok-aktivni { background: url("../img/kroky-aktivni.png") left no-repeat; }

#kroky div.krok a, #kroky div.krok-aktivni a { padding: 0px 15px 0px 0px; }
#kroky div.krok span { padding: 10px 15px 0px 0px; }
#kroky div.krok a span { padding: 10px 0px 0px 0px; }
#kroky div.krok-aktivni span { padding: 10px 0px 0px 0px; }
#kroky div.krok strong, #kroky div.krok-aktivni strong { width: 40px; height: 50px; padding-left: 15px; float: left; margin-right: 10px; text-align: center; color: #fff; font-size: 2.5em; line-height: 28px; }
#kroky div.krok hr, #kroky div.krok-aktivni hr { display: none; }

#kroky div a { color: #6e6e6e; }
#kroky div.krok-aktivni a { color: #009ee3; }
#kroky div.krok-aktivni hr { background: #ca4d0a; } /* jako border */

#kroky div.krok-arrow { display: none; }

#cart-table thead { background: #000; }

#cart-table thead tr th,
#cart-table tr.thead td,
#cart-table tr.thead th { color: #fff; }
#cart-table thead tr th { background: #000; border: 0px none; }
#cart-table thead tr th em { padding: 7px 13px; }
#cart-table tbody tr td { border: 0px none; border-bottom: 1px solid #b3b3b3; }
#cart-table tbody tr td a { color: #E50019 }
#cart-table tbody tr.odd td { background: #fff; }
#cart-table tbody tr.even td { background: #fff; }

#cart-table tbody tr td.kusu img { border-color: #969696; }
#cart-table tbody tr td.kusu_real input { color: #000000; }
#cart-table tbody tr td.smazat { background: url('../img/item-smazat.png') center center no-repeat; }
#cart-table tbody tr td.smazat a { color: #E74554; background: url('../img/item-smazat.png') center center no-repeat; display: block; width: 18px; height: 18px; }
#cart-table tbody tr td.smazat a img { width: 18px; height: 18px
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#cart-table tbody tr td.kusu_skladem.product-skladem, #cart-table tbody tr td.kusu_skladem.product-skladem5 { background: url('../img/product-skladem.png') 10px 50% no-repeat #fff; padding-left: 15px; }
#cart-table tbody tr td.kusu_skladem.product-neskladem { background: url('../img/product-neskladem.png') 10px 50% no-repeat #fff; padding-left: 15px; }

#cart-table tbody tr.discount td { background: #DCEBD0; color: #E2001A; }
#cart-table tbody tr.discount td strong span { color: #000; }

#cart-table tbody tr.final td { background: #fff; padding: 30px 0px; font-size: 1.2em; border-top: 1px solid #c6c6c6; }
#cart-table tbody tr.final.first td { border-top-color: #c6c6c6 }
#cart-table th.nazev { white-space: nowrap; }

#button-recount { background: #ADADAD; border-color: #fff; color: #fff; }

.nav .right input, .nav .right span, #basket.step3.general input.submit {
    background: url("../img/nav-right.png") top center no-repeat; border: 0px none; width: 185px; height: 60px; font-size: 1.2em; text-shadow: -1px -1px 2px #d26c00; padding-top: 4px;
}
.nav .right, .nav .left { border: 0px none; }
.nav .left span { /*background: url('../img/order/button-left.gif') repeat-x #BCBCBC;*/ }
.nav .right input,
.nav .right span { line-height: 50px; text-align: center; }
.nav .right input { color: #fff; }

.nav .left { margin-top: 13px; }
.nav .left span { background: #fff; color: #009ee3; padding-left: 20px; }

/** Step 2 - Delivery and Payment **/

#basket.step2 table tbody tr td { border: 0px none; border-bottom: 1px solid #b3b3b3; }
#basket.step2 table tbody tr.odd td { background: #fff; }
#basket.step2 table tbody tr.even td { background: #fff; }
#basket.step2 table tbody tr td.label span { color: #333; }
#basket.step2 table tbody tr.the-chosen-one.odd td, #basket.step2 table tbody tr.the-chosen-one.even td { background: #eee; }


#basket.step2 table#table-delivery { margin-bottom: 30px; }

#basket.step3 h2 { font-size: 1.7em; }

#appendix textarea { background: #fff; border-color: #a0a0a0; }

#items thead tr th { border-bottom-color: #E3E4E5 }
#items tbody tr td { border-bottom-color: #f0f0f0;}
#items tr.even td { background: #f9f9f9; }
#items tr.odd td{background: #fff;}

/*** OBJEDNAVKY ***/

#order-detail div.left,
#order-detail div.right { background: #F0F0F0; border-color: #8D8D8D; }
#order-detail div.left div,
#order-detail div.right div { border-top-color: #fff; }

#order-detail div.right div.item a { color: #000; }

/** list of orders - orders.php **/
.order { border-color: #efefef; background: #efefef; }
.order thead tr th { background: #cfcfcf; border-color: #cfcfcf; color: #000; }
.order thead tr th a { color: #000; }
.order tbody tr td { color: #000; border-color: #D1D1D1; }
.order tbody tr td a { color: #E50019 }
.order.hover thead tr th { border-bottom-color: #000; background: #bfbfbf; }



/**
 *  Guide - My Account - Color Settings
 */

#guide { overflow: hidden; }
#guide a.create-new { background: #D5D5D5; color: #000; border-color: #8D8D8D; }
#guide a.create-new:hover { background: #f5f5f5; border-color: #8D8D8D; }

#guide div.left,
#guide div.right { background: #F0F0F0; border-color: #8D8D8D; }
#guide div.left div,
#guide div.right div { border-color: #fff; }
#guide div.guide-inner a { color: #767677; }

#guide .guide-inner h2 { color: #767677; }
#guide .guide-inner h2 a { color: #767677; }

#guide .guide-inner table { border-color: #adadad; }
#guide .guide-inner table tr.even { background: #fff; }
#guide .guide-inner table tr.odd { background: #eeeeee; }
#guide .guide-inner table tr.hover,
#guide .guide-inner table tr.hover a { background: #9a9a9a; color: #fff; }