﻿

/* dCodes Framework:(c) TemplateAccess 
http://www.dcodes.net/2/docs/buttons_transparent.html#
*/
.tbutton {
    background: none repeat scroll 0 0 rgba(255,255,255,0.04);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.2);
    /*border-radius: 3px;*/
    box-shadow: 0 0 3px rgba(255,255,255,0.25) inset,0 0 1px rgba(255,255,255,0.2),0 10px 10px rgba(255,255,255,0.08) inset;
    box-sizing: content-box !important;
    color: #f5f5f5 !important;
    cursor: pointer;
    display: inline-block;
    moz-background-clip: padding;
    /*moz-border-radius: 3px;*/
    moz-box-shadow: 0 0 3px rgba(255,255,255,0.25) inset,0 0 1px rgba(255,255,255,0.2),0 10px 10px rgba(255,255,255,0.08) inset;
    moz-transition: all 200ms ease 0ms !important;
    o-transition: all 200ms ease 0ms !important;
    outline: none;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 5px rgba(0,0,0,0.2),0 0 1px rgba(0,0,0,0.4);
    webkit-background-clip: padding;
    /*webkit-border-radius: 3px;*/
    webkit-box-shadow: 0 0 3px rgba(255,255,255,0.25) inset,0 0 1px rgba(255,255,255,0.2),0 10x 10px rgba(255,255,255,0.08) inset;
    webkit-transition: all 200ms ease 0ms !important;
    white-space: normal
}

input[type='submit'].tbutton, input[type='button'].tbutton, tbutton.tbutton {
    padding: 5px 10px
}

.tbutton:hover {
    text-decoration:none;
    box-shadow: 0 0 5px rgba(255,255,255,0.45) inset,0 0 1px rgba(255,255,255,0.2),0 10px 10px rgba(255,255,255,0.08) inset;
    color: #fff !important;
    moz-box-shadow: 0 0 5px rgba(255,255,255,0.45) inset,0 0 1px rgba(255,255,255,0.2),0 10px 10px rgba(255,255,255,0.08) inset;
    text-shadow: 0 0 5px rgba(0,0,0,0.2),0 0 1px rgba(0,0,0,0.4);
    webkit-box-shadow: 0 0 5px rgba(255,255,255,0.45) inset,0 0 1px rgba(255,255,255,0.2),0 10px 10px rgba(255,255,255,0.08) inset
}

.tbutton:active {
    box-shadow: 0 0 5px rgba(255,255,255,0.1) inset,0 0 1px rgba(255,255,255,0.2),0 0 4px rgba(0,0,0,0.4) inset,0 10px 10px rgba(255,255,255,0.08) inset;
    color: #eee !important;
    moz-box-shadow: 0 0 5px rgba(255,255,255,0.1) inset,0 0 1px rgba(255,255,255,0.2),0 0 4px rgba(0,0,0,0.4) inset,0 10px 10px rgba(255,255,255,0.08) inset;
    webkit-box-shadow: 0 0 5px rgba(255,255,255,0.1) inset,0 0 1px rgba(255,255,255,0.2),0 0 4px rgba(0,0,0,0.4) inset,0 10px 10px rgba(255,255,255,0.08) inset
}

.dc_toolbar > li {
    display: inline-block;
    margin: 0
}

    .dc_toolbar > li > .button {
        border-left: rgba(0,0,0,0.2);
        border-radius: 0px;
        moz-border-radius: 0px;
        webkit-border-radius: 0px
    }

    .dc_toolbar > li:first-child > .tbutton {
        border-left: 1px solid rgba(0,0,0,0.2);
        border-radius: 3px 0 0 3px;
        moz-border-radius: 3px 0 0 3px;
        webkit-border-radius: 3px 0 0 3px
    }

    .dc_toolbar > li:last-child > .tbutton {
        border-left: 0;
        border-radius: 0 3px 3px 0;
        moz-border-radius: 0 3px 3px 0;
        webkit-border-radius: 0 3px 3px 0
    }

/*.tbutton.addcart {
    background-image: url('../images/cart_add.png')
}

.tbutton.delcart {
    background-image: url('../images/cart_delete.png')
}*/

.tbutton.icon {
    background-position: 6px center;
    background-repeat: no-repeat;
    text-indent: 16px
}
