/* 
    Document   : redshopaddon
    Created on : 8.7.2010, 13:33:59
    Author     : proky.hb
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

iframe.essoxCalculator{
    border: 0;
    overflow: hidden;
    width: 650px;
    height: 430px;
}


div.category_box_wrapper{
    min-height: 0px !important;
}

div.rt-pagination {
    margin-top: 5px;
}


/* moduly */

#mod_cart_total_pro_value_ajax,
#mod_cart_total_value_ajax{
    font-weight: bold;
}

.mod_cart_main a.readon{
    margin-top: 1em;
}


br{
    display: block;
    height: 0px;
}

div.separator{
    background: url(../images/separator-bg.png);
    height: 2px;
    margin: 1em 0em;
}





/* price slider */

div#ajaxcatMessage{
    clear: both;
    background: url(../images/spinner.gif) 0px 8px no-repeat;
    padding: .5em 0 .5em 2em;
}

div#productsWrap{
   position: static !important;
}

div.floatleft{
    float: left;
    margin: 0;
}

div.floatright{
    float: right;
    margin: 0;
}

.right{
    text-align: right;
}

.w80{
    width: 79.9%;
}

.w70{
    width: 69.9%;
}

.w60{
    width: 59.9%;
}

.w50{
    width: 49.9%;
}

.w49{
    width: 48.9%;
}

.w45{
    width: 44.9%;
}

.w40{
    width: 39.9%;
}

.w30{
    width: 29.9%;
}

.w20{
    width: 19.9%;
}

.h240{
    height: 240px;
}

div#pricefilter{
    margin: 0;
}

div#leftSlider{
    width: 100%;
    margin: 0;
}

div#range{
    float: left;
    width: 30%;
    margin: 0;
}

span#redcatamount{
    font-weight: bold;
    font-size: 16px;
}

div#redcatslider{
    float: right;
    width: 60%;
    margin: .5em;
}

div#blankfilter{
    padding:0;
}



/* vypis produktu */

div.notice ul,
div.notice li{
    margin: 0 !important;
}

div.notice a{
    color: #6187B3;
    text-decoration: underline;
}

div.notice a:hover{
    color: #000;
    text-decoration: none;
}



.cascadebox {
    clear:none;
    float:left;
    overflow:auto;
}
.cascadebox .zboziinner {
    border:1px solid #D1D1D1;
    height:20em;
    margin-bottom:1em;
    overflow:auto;
    padding-left:3px;
    padding-right:3px;
    padding-top:2px;
    text-align:center;
    width:218px;
    background: #fff;
}
.cascadebox .fotografie {
    border:medium none;
}
.cascadebox img {
    border:medium none;
    margin-left:auto;
    margin-right:auto;
}
.cascadebox h3.zbozinazev {
    background-color:#E4E4E4;
    font-size:105%;
    height:40px;
    line-height:1.3em;
    margin:0 0 5px;
    padding:0.3em 0.4em;
    text-align:left;
}
.cascadebox .kosik{
    background-color:#E4E4E4;
    font-size:120%;
    height:35px;
}
.cascadebox .kosik .kosikInner{
    padding: 8px;
}
.cascadebox .cena {
    clear:both;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
}
.cascadebox .fotografie {
    height: 120px;
}
.cascadebox .floatleft, .cascadebox .fotografie {
    clear:none;
    float:none;
    margin-left:auto;
    margin-right:auto;
}


/** pseudotabulka **/

div.tablestyle{
    border: 1px solid #D1D1D1;
    background: #F4F4F4;
    margin-bottom: .3em;
    padding: .3em .5em;
}

div.tablestyle div.imageTooltip{
    width: 40px;
    float: left;
}

div.tablestyle h3{
    float: left;
    width: 60%;
    margin: 0;
    font-size: 100%;
    line-height: 20px;
}

div.tablestyle div.price{
    float: right;
    width: 10%;
    text-align: right;
}

div.tablestyle div.tablecart{
    float: right;
    width: 19%;
    text-align: right;
}



/* detail produktu */

.stock span.now{
    font-weight: bold;
    color: #47981E;
}
.stock span.later{
    font-weight: bold;
    color: #FF6600;
}

.maindata p{
    margin: .3em 0;
    padding: 0;
}


.maindata .label {
    display:block;
    float:left;
    width:160px;
}

.maindata .value {
    display:block;
    margin-left:130px;
    width:180px;
    font-weight: bold;
}

.product_addtocart{
    background: url(../images/kosik-bg.png) 0 0 no-repeat;
    width: 300px;
    height: 60px;
    margin: 1em 0;
}

.product_addtocart .inner{
    margin: auto;
}

/* spatne boxmodel */
.product_addtocart .inner .quantity input{
    background: url(../images/kosik-input-bg.png) 0 0 no-repeat;
    width: 65px;
    height: 26px;
    line-height: 26px;
    text-align: right;
    margin: 17px 0 0 20px;
    border: 0;
    font-size: 16px;
    padding-right: 10px;
}
.product_addtocart .inner .button div{
    width: 144px;
    height: 26px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 17px 0 0 15px;
    line-height: 26px;
}


.images a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.images span div{
    float: left;
}

div.sdesc{
    font-weight: bold;
}

.tabsContainer{
    margin: 1em 0 0 0;
}

#tabs ul li a{
    font-size: 1em;
    line-height: 1.5em;
}


span.ajax-loading{
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/spinner.gif) 0 0 no-repeat;
}


/*  formular */

div.contentForm {
    background: #F8F8F8;
    border-bottom:1px dotted #AAB4BE;
    border-top:1px dotted #AAB4BE;
    margin:10px 0;
    padding:5px 10px;
    text-align:justify;
}

div.contentForm div {
    margin:0.8em 0;
}

div.contentForm div label {
    float:left;
    width:25%;
    font-weight: bold;
}

/* tabulka */

.default table {
    border:medium none;
    margin:0;
    width: 100%;
}

.default table th {
    background-color:#9AA206;
    color:#FFFFFF;
    white-space:nowrap;
    padding: 0.2em;
}
.default table td{
    background: #F4F4F4;
    padding: 0.2em 0.4em;
}
.default table td:hover{
    background: #F0F0F0;
}




/* kosik */

td.right,
th.right{
    text-align: right;
}
th.left{
    text-align: left;
}
th.icon{
    width: 32px;
    text-align: right;
}
td.form form{
    float: right;
}

td.clean{
    background: none !important;
    border: 0 !important;
    text-align: right;
    font-weight: bold;
}


.floatright input.greenbutton{
    background: url(../images/pokladna-button.png) 0 0 no-repeat;
    line-height: 26px;
    height: 26px;
    border: 0px;
    width: 144px;
    font-weight: bold;
    color: #fff;
}


/* form kupon */

.update_cart input.inputbox{
    width: 200px;
    _width: 190px;
    padding: 5px;
}

.update_cart input.button{
    margin-left: 1em;
}

#coupon_label{
    font-size: 150%;
}


/* checkout bar */

ul.checkoutbar{
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff;
    background: #E9E9E9;
    border-color:#FFFFFF #D4D4D4 #D4D4D4 #FFFFFF;
    border-style:solid;
    border-width:1px;
}

ul.checkoutbar li{
    margin: 0;
    padding: 0;
    float: left;
    width: 33%;
    list-style: none;
    line-height: 40px;
    font-weight: bold;
}

ul.checkoutbar li span{
    padding: 0 1em;
    font-size: 150%;
}

ul.checkoutbar li.active{
    font-size: 150%;
}



/* ajax popups */

.cbBox{
    overflow: hidden !important;
}


div.cbContent p{
    margin: 0;
    padding: 0;
}
div.cbContent p.cartMessage{
    color: #fff;
    margin: 5.5em 0 2.1em 0;
    font-weight: bold;
}

.cbCloseButton {
    background:none !important;
    height:22px !important;
    right:15px !important;
    top:13px !important;
    width:22px !important;
}


div.cbContainer{
    background: transparent url(../images/cart-box-bg.png) 0 0 no-repeat;
    border: 0 !important;
    padding: 0 !important;
}


div#detailBox{
    background: transparent url(../images/cart-box-detail-bg.png) 0 0 no-repeat;
    border: 0 !important;
    padding: 0 !important;
    height: 600px !important;
    width: 500px !important;
    position: relative;
}

div#detailBox div.cbContent{
    height: 600px;
}


.cbBox h3.cbHeader{
    background: none !important;
    color: #ffffff;
    text-align: left;
    padding: 17px 0 0 25px;
    position: absolute;
    top: 0px;
    width: 300px;
}


div#detailBox .cbBox h3.cbHeader{
    padding: 17px 0 0 15px;
}

div#detailBox div.boxContentHolder{
    width: 480px;
    position: absolute;
    top: 50px;
    height: 500px;
}

div#detailBox div.boxContentHolder .spacer{
    margin: 1em;
}

div#detailBox div#ajax-cart-label{
    width: 500px;
    position: absolute;
    top: 550px;
}


div.boxContentHolder,
div.boxContentHolder h2,
div.boxContentHolder h3,
div.boxContentHolder p{
    color: #fff !important;
}

div.boxContentHolder h2{
    font-size: 120% !important;
    text-align: left !important;
}

div.boxContentHolder h3{
    font-size: 110% !important;
    text-align: left !important;
    background: none !important;
}

div#accesoryBox table{
    border: 0;
    border-spacing: 2px;
    margin: 0 0 1em 0;
    padding: 0;
    width: 100%;
}

div#accesoryBox table td{
    background: #5F5F5F;
    padding: 3px 5px;
    margin: 2px;
    text-align: left;
}

div#accesoryBox table td:hover{
    background: #6F6F6F;
}




/* checkout */
.linear-label label{
    font-weight: bold;
    font-size: 125%;
    padding-bottom: 0;
}

.linear-label div.floatleft,
.linear-label div.floatright{
    margin-top: 3px;
}

ul.strong li label{
    font-weight: bold;
}
ul.no-bullet li{
    list-style: none;
}

div#login_mystretchermy{
    margin-top: 0;
    margin-bottom: 0;
}

div#register_private{
    height: 1000px !important;
}
div#register_company{
    height: 1000px !important;
}

div.m1em{
    margin: 1em;
}

label.shipping{
    width: 95% !important;
}

label.shipping div{
    margin: 0;
}

label.shippingSelect{
    width: 40% !important;
}

.textarea-note textarea{
    width: 95%;
}

.orderStatus form{
    display: inline;
}

div.contentForm.floatDiv div{
    float: left;
    width: 49%;
    margin: 0 0 0.4em 0;
}
div.contentForm.floatDiv div label{
    width: 50%;
}
div.contentForm.floatDiv div.clear{
    float: none;
    width: auto;
    clear: both;
}


.col12 .rt-grid-3 #newsletter .inputbox{
    width: 190px;
    padding: 5px;
}

div.newsletterButtons{
    margin: 0 .1em;
}




#rt-navigation form{
    float: right;
    width: 220px;
    margin: 15px 3px 0 0;
}

div.product_search{
    width: 210px;
}
div.product_search input[type=text]{
    width: 155px;
}