/*
    Document   : formattings
    Created on : 2012-04-18, 17:34:38
    Author     : tech-prog
    Description:
        Formatting functions
*/

/* Required by javascript to hide & show something */
a { text-decoration: none }
.hidden { display: none }
.jsVisible { display: none }

/* Tables */
table.list { width: 100% }

table.value.list thead td { border: 0; height: 25px; background: #50462D; color: #fff; padding: 4px 0 4px 0; text-align: center; }
table.value.list thead td.first { /* border-right: 1px solid #777; */ border-top-left-radius: 8px;  }
table.value.list thead td.last { /* border-left: 1px solid #777; */ color: #fff; border-top-right-radius: 8px;  }
table.value.list { border-spacing: 0; border-collapse: separate; font: 13px tahoma; /* width: 515px; */ padding: 0; margin: 10px 0 0 6px; }
table.value.list tbody td { background-color: #70664D; /* border-bottom: 1px solid #777; */ /* border-top:0; */ /* border-left: 1px solid #777; */ /* border-right: 1px solid #777; */ }
table.value.list.next { background: #ececec; }
table.value.list td.name { /* border-right: 1px solid #777; */ color: #fff; background-color: #70664D; width: 143px; padding: 8px 6px 0 6px }
table.value.list td.value { border-left: 0; width: 348px; /* padding: 0px 6px 0 6px ; */ background-color: #AA9A76;}
table.value.list td.noBLeft { border-left: 0; }
table.value.list label { width: auto }
table.value.list input, table.value.list select { min-width:140px; width: 98%; border: 0; background: #fff; color:#000; box-shadow: 1px 1px 0 #000;}
table.value.list input[type=checkbox] { min-width: 15px; min-height: 15px; width: 15px; }
table.value.list .short { min-width: 100px; width: 100px; margin: 0 0 0 8px; background: #B9B9B7;  }

/* Sizes */
input.long { width: 90% }
div.long { width: 100% }

td.imgWidth { width: 60px }
td.imgWidth img.box { position: absolute; margin: 21px 0 0 -20px; width: 25px; height: 25px; border: 0 }
td.shortWidth { width: 40px }
td.quantWidth { width: 120px }
td.priceWidth { width: 75px }

td.quant { width: 70px }
table.product_list tbody td.cod { width: 110px; background: #ccc; padding: 4px 4px 4px 8px }
table.product_list tbody td.cod input { width: 70px }
td.tabPrice { width: 70px }
td.package { width: 120px }

td.quant { text-align: center; }
td.quant div.const { float: right; width: 34px; }

p.small { font-size: 9px; color: #aaa; }

.iRow { clear: left; padding-top: 16px; width: 100%; min-height: 24px; height: 100%; overflow: auto; margin: 0 0 0 0  }
.iRowButtons { clear: both; margin-top: 5px; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px;	-webkit-border-radius: 0 0 4px 4px;  margin: 16px; }
.iRowButtons div { float: left; }
.iRowOne { clear: left; padding-top: 16px; width: 100%; min-height: 1px; height: 100%; overflow: auto; margin: 0 0 0 0  }
.iRowInputs { clear: left; width: 100%; min-height: 24px; height: 100%; overflow: auto; margin: 0 0 0 0  }
.row-buttons { clear: both; overflow: auto; margin: 10px 0 10px 0; }

/* Grouping elements */
.iItem { height: auto; width: 194px; clear: left; margin-top: 10px; }
.iItem input { width: 190px; }
.halfPlace .iItem { padding-top: 16px; height: auto; width: 230px; clear: left }
.halfPlace .iItem input[type=text] { width: 220px; }
.halfPlace p { padding-left: 8px; color: #000; }
.halfPlace h3 { margin-left: 8px !important; }

.iItemLeft { width: 194px; float: left;  }
.iItemLeft input[type=text], .iItemLeft input[type=password] { width: 182px; }
.iItemShort { width: 42px; float: left; }
.iItemShort input { width: 40px; }
.iItemMid { width: 300px; float: left; }
.iItemMidWide { width: 420px; float: left; }
.ItemMidWide.sepTop input { width: 220px; }
.ItemMidWide input { width: 220px; }
.iItemMid input { width: 267px; }
.iItemMidShort { width: 72px; float: left; }
.iItemMidShort input { width: 64px; }
.iItemMid1 { width: 122px; float: left; }
.iItemMid1 input { width: 114px; }


.halfPlace { width: 50%; float: left; overflow: auto; }
.halfPlace h2 { background: url('images/separator.gif') repeat-x bottom center; }
.halfPlace.border { background: url('images/footer_sep.gif') repeat-y right top;  }
.halfPlace label { width: 100%; clear: both; color: #fff;  }

ul { list-style-type: none }

/* Separated */
.separate { padding-bottom: 12px; background: url('images/separator.gif') repeat-x bottom center; }
.borderTop { padding-top: 8px; background: url('images/separator.gif') repeat-x left 8px; }
.borderBottom { padding-bottom: 8px; background: url('images/separator.gif') repeat-x left bottom; }

/* HTML Input elements */
.art-content form { clear: both; width:100% ; margin: 16px 0;}
form { margin: 0 0 0 0; overflow: hidden; }
input { width: 140px; }
input[type="checkbox"] { margin: 3px 3px 3px 0; width: 24px; }
input[type=text], input[type=password] { height: 21px; padding: 0; line-height: 21px; border-radius: 3px; }
input[type=radio] { width: 30px; }

input[type=button], input[type=submit] { cursor: pointer; text-align:center; padding-bottom: 3px; font: normal bold 12px arial; width: 80px; height: 26px; border-radius: 7px;}

/* Big shop button */
.addToCart { color: transparent }
.addToCarton { color: transparent }

input[type=submit].addToCartMini {
	margin-top: 5px;
	text-align: right;
	width: 103px;
	height: 28px;
	padding-right: 7px;
}

input[type=submit].addToCartIcon { padding: 0; width: 43px; height: 32px;}
.news input[type=submit].addToCartIcon { margin-top: 5px; background: url('objects/cms/cart/icon-add-cart.png') no-repeat right top; padding: 1px 43px 0 0; text-align: right; width: 120px; height: 35px; font-size: 13px; font-weight: bold; }
input[type=submit].bigShop { font-size: 16px; width: 178px; height: 48px; border: 0px ; margin-right: 8px;}

input[type=submit].addProdIcon, input[type=button].previewProdIcon { font-weight: bold; width: 93px; height: 34px; line-height: 34px; text-align: right; }

input[type=submit].addProdIcon {border-radius: 0 0 7px 0; padding-right: 10px; }
input[type=button].previewProdIcon {border-radius: 0 0 0 7px; border-right-width: 0; padding-right: 15px; }

div.addProdIcon { font-weight: bold; font-size: 12px; text-align: right; padding-right: 11px; width: 80px; height: 32px; line-height: 32px; cursor: default; text-decoration: line-through; border-bottom-right-radius: 7px; }

.available { text-transform: capitalize; }
.unavailable { text-transform: capitalize; }
div.category_prev .available, div.category_prev .unavailable { font-weight: bold; }

.promo { margin: 0.4em 0; }
.product_body {text-align: left; }
.product_body .promo { text-indent: 0.5em; }
.product_body div.promo + div { text-indent: 0.5em; }
.prodLongBox input[type=submit].addProdIcon { font-size: 12px; width: 93px; height: 34px; }
.prodLongBox input[type=button].previewProdIcon { margin-left: 6px; font-size: 12px; width: 93px; height: 34px; border-radius: 7px 0 0 7px;}
.prodLongBox div.addProdIcon, .prodLongBox input[type=submit].addProdIcon { border-radius: 0 7px 7px 0; }
textarea { width: 90%; height: 80px; background: #f8f8f8; border-left: 1px #dbdedf solid; border-top: 1px #dbdedf solid; border-bottom: 1px #ececec solid; border-right: 1px #ececec solid; border-radius: 3px; -moz-border-radius: 3px;	-webkit-border-radius: 3px; }

/* Buttons */
div.button { margin: 0 4px; float: left; text-align: center; cursor: pointer; width: 80px; height: 24px; border-radius: 7px; }
div.button a, div.midButton a { text-decoration: none; font: normal bold 12px/23px arial; display: block; width: 100%; height: 100%; }

div.midButton, input.midButton { float: left; width: 122px; text-align: center; border-radius: 7px; }
div.midButton.bottom, input.midButton.bottom, div.button.bottom { margin-top: 26px; }

div.shop_cart div.midButton.bottom, div.addbook div.midButton.bottom  { margin-top: 20px; }
div.sel_customer div.button.bottom, div.order_confirm div.button.bottom { margin-top: 22px; }
div.sel_customer p {margin: 0;}
div.sel_customer table.value.list {margin-bottom: 10px; }
div.sel_customer div.iRow {padding: 0; }

div.pass_recove input.midButton {width: 140px; }

input.medium { width: 120px; background-image: url('objects/cms/button_medium.gif'); }

div.button-back { margin: 0 27px 0 0; }

/* Margins */
.nopadd { padding: 0 !important; }
div.padd-frame {padding: 8px; }
.sepBigTop { margin-top: 64px; }
.sepTop { margin: 16px; }
.sepTopLog { margin: 20px 0 16px 0; }
div.padd { padding: 0 0 0 48px;  }

/* Hints */
.hint { float: left; display: block; position: relative; padding: 2px 2px 2px 2px; width: 16px; height: 16px; }
.hint img { }
.hint span { width: 270px; display: none; position: absolute; z-index: 1;  }
.hint:hover {  }
.hint:hover span{ position: absolute; color: #444; display: block; background: #ffffaa; padding: 6px 6px 6px 6px; border: 1px solid #777; height: auto; }


/* Images */
.image { padding: 0; margin: 0; }
img { border: none; }
img.mini { border: 1px solid #ddd; }
img.noResize { width: auto !important; height: auto!important; }

/* Align */
.clear { clear: both }
.clearLeft { clear: left; }
.left { float: left }
.center { text-align: center; margin: 0 auto; }
div.right, input.right, img.right { float: right }
td.right { padding-right: 12px; vertical-align: middle; text-align: right; }
td.right input {text-align: right;}

#menu table td a { display: block; padding: 0 10px; height: 30px; text-align: center; text-decoration: none; outline: 0; font: normal bold 12px/24px Verdana, Arial; }

td.category_img { width: 25%; background: transparent url('images/icon-folder-orange.png') left center no-repeat;  }
td.category_img a {display: inline-block; padding: 10px 0 10px 50px; line-height: 17px;}
td.category_img a:hover {text-decoration: none;}

ul li span.price { margin-right: 8px; float: right; font-size: 13px; }

div.what-give-you-registering {margin-top: 6px;}
div.cart div.cart-is-empty { height: 40px; width: 52px; float: left; }
div.cart div.midButton { width: 100px; margin: 8px 0 0 8px; }
div.cart div.button { float: right; }
div.cart {font-size: 11px; }
div.cart div.prices p {text-align: right; margin: 0; font-weight: bold;}
div.cart div.prices p span.price {font-weight: normal; font-size: 11px;}
.no-select {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div.cart div.art-content ul.cart-list {padding-left: 13px; list-style-type: disc; }
div.cart div.art-content ul.cart-list li {padding-bottom: 3px;}

.productBig .priceDesc div.cart-unavalilable { padding: 0; width: 41px; height: 30px; margin: 5px 0 0 0; border-radius: 7px; float: left; opacity: 0.45; }