@import url('/ui/css/reset.css');

body { font: 90% "Trebuchet MS", sans-serif; }

h1 { font-size: 1.8em; font-weight: bold; text-transform: uppercase; }
h2 { font-size: 1.8em; font-weight: bold; }
h3 { font-size: 1.4em; font-weight: bold; text-transform: uppercase; }
h4 { font-size: 1.4em; font-weight: bold; }
h5 { font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
h6 { font-size: 1.2em; font-weight: bold; }

p { font-size: 1.0em; line-height: 1.4em; margin-bottom: 10px; }
blockquote { margin: 0 50px 10px 50px; }
address { font-style: italic; padding: 3px 10px 25px; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

th, b, strong { font-weight: bold; }
i, em { font-style: italic; }
small { font-size: 0.7em; }

/**
 * widths ..
 */
.hundred { width: 97%; }
.sixty { width: 56%; }
.fifty { width: 48%; }
.forty { width: 39%; }
.thirty { width: 27%; }
.twenty { width: 18%; }

.full { width: 100%; }
.half { width: 49%; }
.qtr { width: 24%; }

.container { overflow: hidden; }
.inline { display: inline; }
.clear { clear: both; }

/**
 * layout
 */
 .left { float: left; }
 .right { float: right; }
 
#leftcol { margin: 1em; padding: 1em; float: left; width: 8em; }
#leftcol ul ul { padding-left: 3px; }


div.img { text-align: center; background-color: #ddd; border: 1px solid #ccc; font-size: 10px; }
div.img.small { width: 80px; height: 50px; padding-top: 20px;  }
div.img.med { width: 160px; height: 60px; padding-top: 45px; }
div.img.large { width: 320px; height: 130px; padding-top: 100px; }
div.img.left { float: right; margin: 0 0 0 0; }
div.img.right { float: right; margin: 0 0 10px 10px; }
div.hr { border-bottom: 1px solid #ccc; width: 99%; margin: 20px auto; height: 2px; }

img { padding: 5px; border: 1px solid #ddd; }
img.left { float: left; margin: 0 10px 10px 0; }
img.right { float: right; margin: 0 0 10px 10px; }

fieldset { border: 1px solid #ccc; margin: 5px 0; padding: 10px 20px; }
legend { padding: 0 5px; }
label { display: block; padding: 0 0.25em 1em 0; }
label span { display: block; }

input[type=text], select, textarea { display: block; width: 98%; }
input[type=checkbox] { border: none; }

label.inline input, label.inline select { display: inline; width: auto; }
select.inline { display: inline; width: auto; }
.jsvalidation { font-size: 0.8em; font-style: italic; color: #d48703; }



table { margin-bottom: 20px; }
table, th, td { border: 1px solid #ccc; border-collapse: collapse; padding: 2px 5px; }
th { background-color: #ddd; }
caption { text-align: center; font-weight: bold; font-size: 1.2em; }

/*body.checkout table, body.checkout table th, body.checkout table td { border: none; }*/

/**
 * Forms ...
 */
label { display: block; }
input[type=text], select, textarea { display: block; }
label.inline input[type=text], label.inline select, label.inline textarea { display: inline; }