/*********************************************************
 * JTL-Shop3 Tiny stylesheet
 * 
 * $Id: base.css 986 2010-08-04 10:39:31Z andy $
 *  
 *********************************************************/

html {
    font: 11px/1.3em Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #333;
    }

body, html {
    background: #fff;
    }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, label, input, button, textarea, select, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    }

h1, h2, h3 {
    padding: 0;
    margin : 0 0 0.35em 0;
    }


h1{
    margin : 0 0 0.5em 0;
    font-size: 15px;
    color : #333;
    }

h2 {
    font-size: 15px;
    }

h3 {
   margin-top: 1.5em;
   font-size : 1.1em;
}

strong,
h3, h4, h5, h6 {
   font-weight : bold;
}

ul, ol {
   list-style-type: none;
}

fieldset {
   border: 0;
}

fieldset legend {
   font-weight: bold;
}

label:hover {
   cursor: pointer;
}

img {
   border: 0;
}

/* 
 *  google chrome input border glow
 */
*:focus, a, textarea, input, select {
   outline: none;
}

/*
 *  firefox dotted links
 */
* {
  -moz-outline-style: none;
}

*::-moz-focus-inner {
   border: none;
}

/*
 *  format
 */
.hide_overflow {
   overflow: hidden !important;
}

.left {
   float :left !important;
}

.right {
   float: right !important;
}

.clear {
   clear: both;
}

.tcenter {
    text-align: center;
    padding: 10px;
    }

.tleft {
   text-align: left;
}

.tright {
   text-align: right;
}

.nospacing {
   margin: 0 !important;
   padding: 0 !important;
}

.vmiddle {
   vertical-align: middle;
}

.noborder {
   border: 0 !important;
}

.hidden {
   display: none;
}

.nowrap {
   white-space: nowrap;
}



/*
 *  horizontal list
 */
ul.hlist {
    overflow: hidden;
    border-left: 1px #E4E4E4 solid;
    border-right: 1px #E4E4E4 solid;
    border-bottom: 1px #E4E4E4 solid;
    background: #fff;
    }

ul.hlist li {
   float: left;
   display: block;
}

ul.thead {
   border-bottom: 1px solid #ccc;
}

/*
 *  vertical list
 */
ul.vlist {
   width: 100%;
   overflow: hidden;
}

ul.vlist li {
   float: none;
   display: block;
}

/*
 *  percent widths
 */
.p10 {
   width: 10%;
}

.p15 {
   width: 15%;
}
 
.p20{
    width: 15%;
    }
    
.p21{
    width: 14%;
    }
    
.p22{
    width: 14%;
    }

.p25{
    width: 14%;
    }

.p30{
   width: 30%;
}

.p33 {
    width: 30%;
    }

.p35{
    width: 35%;
    }

.p36{
    width: 100%;
    clear: both;
    margin: 0px auto;
    text-align: center;
    font-size: 10px;
    color: #838383;
    }

.p40 {
   width: 40%;
}

.p50 {
   width: 49.99%;
}

.p66 {
   width: 66%;
}

.p75 {
   width: 75%;
}

.p80 {
   width: 80%;
}

.p100 {
   width: 100%;
   margin-bottom: 15px;
    }

.cl {
   margin: 0 5px 0 0;
}

.cc {
   margin: 0 5px;
}

.cr {
   margin: 0 0 0 5px;
}

.vmiddle {
   vertical-align: middle;
}

.clearall:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clearall {
   display: inline-block;
}

html .clearall {
   height: 1%;
}

.clearall {
   display:block;
}

/*
 *  table
 */
table{
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
}

table th,
table td {
   padding: 2px;
   border: 0;
   /* vertical-align: middle; */
}

table tfoot th {
   border: 0;
}