/* 
    Document   : 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

background: url('../images/separator.gif') repeat-x bottom center;
*/


ul.tabs	{	padding: 0px 0 1px 0;	margin:  0 0 16px 0; width: 100%; clear: both; }

ul.tabs li { float: left; color: #000; padding: 0 0 0 0; line-height: 21px; height:21px; margin-right: 2px; }
ul.tabs li .ltab { float: left; width: 7px; height: 21px; background: url('../images/prod-tab-active-left.gif') no-repeat top left transparent; }
ul.tabs li .rtab { float: left; width: 7px; height: 21px; background: url('../images/prod-tab-active-right.gif') no-repeat top right transparent; }
ul.tabs li a { color: #fff; font-weight: bold; font-size: 14px; font-family: arial; float: left; padding: 0 4px; text-align: center; display: block; line-height: 21px; background: url('../images/prod-tab-active-center.gif') repeat-x top left;  }

ul.tabs li.active a { background-image: url('../images/tab-orange-middle.png'); }
ul.tabs li.active .ltab { background-image: url('../images/tab-orange-left.png'); }
ul.tabs li.active .rtab { background-image: url('../images/tab-orange-right.png'); }

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

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

input[type=submit].addToCart { background: url('../../../images/add-cart-rolover.png') no-repeat left top; width: 59px; height: 62px; }
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; }
input[type=button].logIn:hover { 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; }

/*
input[type=submit].addToCart { background: url('../images/cart-rolover.png') no-repeat top left; padding: 7px 0 0 0; width: 50px; margin-left: 35px; height: 27px; }
input[type=submit].addToCart:hover { background-position: left center; }
input[type=submit].addToCart:active { background-position: left bottom; }
*/
.prodInfo { padding: 0px 0px 0px 9px !important; }
.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; }

ul.possibleCouriers { font-size: 11px; list-style-type: square !important; padding-left: 15px; margin: 0 0 0 0; }

.decription_content { background-color: #FFF; border-radius: 6px; border-color: #eb5908; border-style: solid; border-width: 1px; padding: 20px; line-height: 20px; font-family: arial; }

.myTabs-select { margin-top: 20px; }

ul.picts { height: 120px; width: 9000px; overflow: auto; }
ul.picts li { float: left; width: 155px; }
ul.picts li img { border: 1px solid #BABABA }

.nopaddl { overflow: auto }
.product_prev td.pictures { width: 200px; }

.product_prev .imgs li.selected img { border: 2px solid #4baecc; box-shadow: 0 0 4px #4baecc; }
.hurt_product_prev .bg { padding: 8px 0 8px 0; }

.product_prev .scroll { position: static; overflow: hidden; width: 100%; }

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

#myTabs { background-color: #fff; border: 1px dotted #ccc; }



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: calibri, times; font-size: 10px; width: 87px; height: 23px; background: url('../images/button-html-rolover.png') no-repeat left top }
.hurt_product_prev input[type=button].getHtml:hover { background-position: left bottom }
a.small-txt { font-size: 10px }

#availabler { width: 355px; height: 75px; padding: 0 0 0 0;  }

#availabler.available { 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: 6px 20px 0 2px; margin: 0 0 0 0; height: 69px; float: left; text-align: center }
#availabler .add-tools { display: block; width: 170px; padding: 0 0 0 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 84px 0 12px; height: 69px; float: left; text-align: left }
#availabler.unlogged a { color: #fff; text-decoration: underline; }

#availabler .add-tools .quant { padding: 8px 8px 8px 8px; width: 90px; float: left; height: 59px; }
#availabler .add-tools .addC { padding: 5px 2px 5px 2px; float: left; }


.inpCont { width: 66px; margin: 0 auto; height: 24px; text-align: center; padding: 6px 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; }
.inpCont input[type=button].minus { display: block; float: left; padding: 0 0 0 0; line-height: 22px; width:16px; height: 22px; background: url('cms/button-minus.gif') no-repeat top center; }
.inpCont input[type=button].plus { display: block; float: left; padding: 0 0 0 0; line-height: 22px; width:16px; height: 22px; background: url('cms/button-plus.gif') no-repeat top center; }
.inpCont input[type=button].minus:hover, input[type=button].plus:hover { width:16px; background-position: bottom center; }