/* 
    Document   : hurt_product_prev
    Created on : 2012-04-18, 18:06:49
    Author     : tech-prog
    Description:
        Purpose of the stylesheet follows.

				ATTENTION:
					Size of Images on cms product object are defined
					in layout.css
*/

.nopaddl { overflow: auto }
.hurt_product_prev td.pictures { width: 200px; }
ul.tabs	{	padding: 16px 0 4px 0;	margin:  0 0 0 0;	height: 29px;	background: url('../images/product-tab-underline.png') repeat-x bottom center;	width: 100%; clear: both; }

ul.tabs li { float: left; color: #000; padding: 0 0 0 0; line-height: 21px; height:29px; margin-right: 16px; background: url('../images/product-tab2-inactive.png') repeat-x top left; }
ul.tabs li .ltab { width: 100%; height: 29px; background: url('../images/product-tab1-inactive.png') no-repeat top left; }
ul.tabs li .rtab { position: relative; left: 30px; width: 100%; height: 29px; background: url('../images/product-tab3-inactive.png') no-repeat top right; }
ul.tabs li a { padding: 0 40px 0 0; text-align: center; width: 100%; line-height: 29px;  }

ul.tabs li.active { color: #fff; background-image: url('../images/product-tab2-active.png'); }
ul.tabs li.active a { color: #fff; }
ul.tabs li.active .ltab { background-image: url('../images/product-tab1-active.png'); }
ul.tabs li.active .rtab { background-image: url('../images/product-tab3-active.png'); }

.hurt_product_prev .imgs { background-color: #eee } 
.hurt_product_prev .imgs li.selected img { border: 1px solid #00ff22; box-shadow: 0 0 4px #00ff22; }
.hurt_product_prev .bg { padding: 8px 0 8px 0; background-color: #808080 }

.smallprice { color: #5C8607; font-weight: bold; }
.blueprice { color: #1c62c4; font-weight: bold; }
h3.promo { color: #FF6600 }

/* Attachments list */
img.attachment { float: left; padding-right: 4px; width: 32px; height: 32px; }
ul.att_list li { clear: both; }

ul.picts { height: 130px; width: 9000px; overflow: auto; }
ul.picts li { float: left; width: 170px; }
ul.picts li img { border: 1px solid #BABABA }
#botTabs-1 { background-color: #eee; border: 1px solid #BABABA }

.description { padding: 0 8px 0 8px; }
#myTabs-1 { background-color: #fff }

table.chars { padding: 0; margin: 0; width: 100%; }
table.chars img.mini { width: 40px; padding: 4px 4px 4px 4px; }
table.chars td { padding: 2px 2px 2px 2px; vertical-align: middle }
table.chars tr.group td { background: #B9B9B7; color: #fff; font-weight: bold; border: 1px solid #fafafa; }
tr.group td h1 { line-height: 35px; font-family: Tahoma; font-size: 18px; font-weight: normal; color: white; padding-left: 14px; margin: 0 0 0 0; }
table.chars tr.buy td { background: #ccc; border-top: 1px dashed #8EBE2F; border-bottom: 1px dashed #8EBE2F } 
table.chars td.cs, table.chars tr.buy td.cs  { background: #e5eed2 }

/* input[type=submit].addToCart { background: url('../images/button-add-2-cart.png') no-repeat top left; padding: 0; width: 50px; margin-left: 35px; height: 27px; }*/

input[type=submit].addToCart { background: url('../images/add-cart-rolover.png') no-repeat left top; width: 60px; height: 32px; margin-left: 10px;}
input[type=submit].addToCart:hover { background-position: left bottom; }

input[type=button].logIn { 
	background: url('../images/cart-login-rolover.png') no-repeat left top; 
	width: 59px; 
	height: 62px; 
	border-width: 0;
}
input[type=button].logIn:hover { 
	background-color: transparent;
	background-position: left bottom; 
}

input[type=submit].addToCarton { background: url('../images/button-add-2-cart-carton.png') no-repeat top left; padding: 7px 0 0 0; width: 50px; margin-left: 30px; height: 27px; }
input[type=submit].addToCarton:hover { background-position: left center; }
input[type=submit].addToCarton:active { background-position: left bottom; }

/* Scroller  - Any object which can be scrolled */
.hurt_product_prev .scroll { position: static; overflow: hidden; width: 100%; }

.hurt_product_prev a.prev { z-index:2; float: left; position: relative; left:14px; top: -100px; padding: 56px 56px 0 0; font-size: 0px; width: 0; height: 0; background: url('cms/slide-left-rolover.png') no-repeat left top; }
.hurt_product_prev a.next { z-index:2; float: right; position: relative; padding: 56px 56px 0 0; right:14px; top: -100px; font-size: 0px; width: 0; height: 0; background: url('cms/slide-right-rolover.png') no-repeat left top; }
.hurt_product_prev a.prev:hover,
.hurt_product_prev a.next:hover { background-position: left bottom }

.prodInfo { padding: 0 0 0 0; width: 100%; border: 0; border-left-width: 1px }
.prodInfo ul { padding: 0 0 0 0; }
.prodInfo .balance { height:16px; width: 140px; border: 1px solid #ccc; }
.quantProd { float: left; height: 25px; padding-top: 30px; }

.sellerInfo { padding: 0 0 0 0; overflow: auto; width: auto; margin: 0 8px 8px 8px; background: #fddb42;
							font-family: Cambria, Times;
							background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#fddb42),color-stop(1,#fdef68));
	/* chrome 10+, safari 5.1+ */
	background-image:-webkit-linear-gradient(#fddb42,#fdef68);
	/* firefox; wielokrotne zatrzymania kolorów */
	background-image:-moz-linear-gradient(top,#fddb42,#fdef68);
	/* ie 6+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fddb42', endColorstr='#fdef68');
	/* ie8 + */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fddb42', endColorstr='#fdef68')";
	/* ie10 */
	background-image: -ms-linear-gradient(#fddb42,#fdef68);
	/* opera 11.1 */
	background-image: -o-linear-gradient(#fddb42,#fdef68);
	/* wersja standardowa */
	background-image: linear-gradient(#fddb42,#fdef68);
}
.sellerInfo .txt { padding: 8px 0 8px 0 }
.sellerInfo .corn1-1 { float: left; width: 48px; height: 60px; padding: 0 0 0 0; background: url('cms/corn-left.png') right top no-repeat; }
.sellerInfo .corn1-2 { float: right; width: 48px; height: 60px; padding: 0 0 0 0; background: url('cms/corn-right.png') left top no-repeat; }
.sellerInfo .corn2-1 { clear: both; float: left; width: 48px; height: 60px; padding: 0 0 0 0; background: url('cms/corn-left.png') right top no-repeat; }
.sellerInfo .corn2-2 { float: right; right: 0; bottom: 0; width: 48px; height: 60px; padding: 0 0 0 0; background: url('cms/corn-right.png') left top no-repeat; }


ul.possibleCouriers { font-size: 11px; list-style-type: disc !important; padding-left: 15px; margin: 0 0 0 0; }
.hurt_product_prev input[type=button].getHtml { font-family: arial, sans-serif; font-size: 9px; float:right; border: 0; width: 87px; height: 23px; background: url('../images/button-html-rolover.png') no-repeat left top; color: white; }
.hurt_product_prev input[type=button].getHtml:hover { background-position: left bottom }
a.small-txt { font-size: 10px }

.hurt_product_prev a.bottom_link span {position: relative; top:-4px; color:white;}
.hurt_product_prev a.bottom_link img {margin: 0 6px 0 12px;}
.hurt_product_prev a.bottom_link.first img {margin-left: 4px;}

#availabler { width: 355px; height: 75px; padding: 0 0 0 0;	border-radius: 10px;}

#availabler.available {
	color: white; 
	background: url('../images/cart-bg-available.gif') no-repeat left top;
}

#availabler.available:hover { background-position: left bottom }

#availabler.unavailable { background: url('../images/cart-bg-unavailable.gif') no-repeat left top }
#availabler.unavailable:hover { background-position: left bottom }

#availabler.longer-time { background: url('../images/cart-bg-longer-time.gif') no-repeat left top }
#availabler.longer-time:hover { background-position: left bottom }

#availabler.checking { background: url('../images/cart-bg-checking.gif') no-repeat left top }
#availabler.checking:hover { background-position: left bottom }

#availabler.unlogged { background: url('../images/cart-bg-unlogged.gif') no-repeat left top }
#availabler.unlogged:hover { background-position: left bottom }

#availabler .availability { display: block; width: 158px; padding: 4px 0 0 0; margin: 0; height: 69px; float: left; text-align: center }
#availabler .add-tools { display: block; width: 170px; padding: 0; float: left; text-align: center }

#availabler.unavailable .availability { width: 118px; padding: 6px 60px 0 2px; height: 69px; float: left; text-align: center }
#availabler.unlogged .availability { width: 84px; padding: 6px 25px 0 12px; height: 69px; float: left; text-align: left }
#availabler.unlogged a { color: #fff; text-decoration: underline; }

#availabler .add-tools .quant { padding: 3px 0 0 8px; float: left; height: 59px; width: 200px; text-align: left; color: #444444; }
#availabler .add-tools .addC { padding: 5px 2px 5px 2px; float: left; }

.inpCont {margin: 0 auto; height: 24px; padding: 2px 0 0 0;  }
.inpCont input[type=text] { width: 28px; border-radius: 0; padding: 0 4px 0 0; margin: 0 0 0 0; height: 20px; border: 1px solid #aaa; display: block; float: left; }


.hurt_product_prev .shp-when { font-size: 16px; font-weight: bold; font-family: arial; color: #fff; }
.hurt_product_prev .shp-order-to { font-family: arial; font-size: 11px; }
.hurt_product_prev .shp-avl-pcs { display: block; margin: 0 auto; width: 100px; color: #fff; font-family: arial; font-size: 11px }

#availabler.longer-time .shp-order-to { color: #eed; font-family: arial; font-size: 11px; }

ul.sel_mode { margin: 0; }
ul.sel_mode li { line-height: 28px; }
ul.sel_mode li.active a { background-position: left -28px; }
ul.sel_mode li.active:hover a { background-position: left -42px; }
ul.sel_mode li a { background: url('../images/radio-button.png') no-repeat left top; line-height: 14px; padding-left: 32px; clear: both; float: left; }
ul.sel_mode li span.price { float: none; margin-right: 0 }

ul.sel_mode li.active span { color: #df0101 }
ul.sel_mode li.active span.price { font-size: 18px; }
.loadingFB { min-width:200px; min-height:140px; }


/* Product information bar */
.prodInfo { 
	margin: 0; 
	padding: 8px; 
	width: 360px; 
	height: 100%; 
	background-color: #3A403C; 
	border: 1px solid #eee; 
}

.prodInfo .inpCont input.plus, .prodInfo .inpCont input.minus{
	width: 32px; 
	height: 32px; 
	border-radius: 7px;
	float:left;
}

.prodInfo .inpCont input.quantity {
	margin: 5px;
}

table.chars td.bigger_padding {
	padding-top: 8px;
}