@charset "UTF-8";
/* CSS Document */

body{
 background:#dfd69b url(../images/bk_body.jpg) 0 0 repeat-x;
 font:12px/1.55 arial, helvetica, sans-serif;
 color:#444;
 /*text-align:center;*/
}

#main{
 width:1000px;
 margin-left:auto;
 margin-right:auto; 
}

#header{
 background-image:url(../images/hoc-header.png);
 background-repeat:no-repeat;
 height:20px;
 padding-top:130px;
 cursor:pointer;
}

.menu{
 display:block;
 margin:0px;
 margin-bottom:20px;
 padding:0px;
 padding-left:25px;
 list-style:none;
 border-top:1px solid gray;
 border-bottom:1px solid gray;
 height:18px;
}

#topmenu{
 border-top:none;
 border-bottom:none;
}

.menu li{
 float:left;
 padding-right:10px;
 padding-left:10px;
 margin:0px;
 /*background:#FC6;
 padding:2px;
 border:2px solid #c93;
 text-align:center;*/
}

#topmenu li{
 border-left:1px solid gray;
}

#topmenu li:first-child{
 border-left:none;
}

.menu li.active,
#topmenu li.active{
 background:rgba(255,255,255,0.4);
}

a{
 text-decoration:none;
}

a:hover{
 text-decoration:underline;
}

a,
a:hover,
a:active,
a:visited{
 color:inherit;
}

#content{
 /*background-image:url(../images/bg_bars.png);*/
 margin-top:0px;
 padding-left:105px;
 padding-right:120px;
 padding-top:10px;
}

#content.products,
#content.info{
 background:none;
 padding-left:0px;
 padding-right:0px;
}

.product_box{
 display:inline-block;
 width:184px;
 /*height:170px;*/
 /*background:white;*/
 margin:3px;
 padding:3px;
 color:#524A1C;
 vertical-align: top;
}

.product_box h3{
 text-align:center;
 margin-top:2px;
 margin-bottom:2px;
 text-size:14px;
}

.product_box p{
 text-align:center;
 margin-top:2px;
 margin-bottom:2px;
}

.product_box_large{
 float:left;
 width:234px;
 /*height:310px;*/
 /*background:white;*/
 margin:5px;
 padding:3px;
 color:#524A1C;
}

.js_url{
 text-decoration:none;
 cursor:pointer;
}

.js_url:hover{
 text-decoration:underline;
}

.warning{
 color:red;
 /*background:yellow;*/
 /*text-align:center;*/
}

#login_warning{
 /*background:yellow;*/
 clear:both;
 text-align:center;
 /*margin-left:auto;
 margin-right:auto;
 width:600px;*/
}

#footer{
 clear:both;
 text-align:center;
}

fieldset{
 border:1px solid gray;
 width:360px;
}

legend{
 font-weight:bold;
 font-size:120%;
}

.sidenote{
 font-style:italic;
}

.sidenote_small{
 font-style:italic;
 font-size:80%;
}

label{
 font-weight:bold;
}

fieldset label{
 display:block;
 clear:both;
 text-align:right;
 width:100%;
}

fieldset input[type=text],
fieldset input[type=password],
fieldset input[type=submit],
fieldset select,
fieldset textarea{
 float:right;
 margin-left:10px;
}

fieldset input[type=radio]{
 float:none;
}

.contact label{
 width:90%
}

.contact input,
.contact select,
.contact textarea,
.coupon input,
.coupon select,
.coupon textarea{
 width:200px;
}

.contact input[type=submit],
.coupon input[type=submit]{
 width:auto;
}

.contact input[type=checkbox]{
 float:none;
 width:auto;
}

fieldset.coupon{
 float:left;
 width:290px;
}

.coupon table{
 width:100%;
 border:1px solid black;
 border-collapse:collapse;
 clear:both;
}

.coupon table thead{
 text-align:center;
}

.coupon table td{
 border:1px solid black;
 border-collapse:collapse;
}

input[type=radio]{
 width:auto;
 float:none;
}

ul{
 margin-top:0px;
 margin-bottom:0px;
 padding-left:20px;
/* list-style:url(../images/bullet.png);*/
}

ul.indent{
 padding-left:40px;
}

ul.center{
 text-align:center;
 list-style:none;
 padding:none;
}


p{
 margin-bottom:0px;
 margin-top:0.8em;
}

img{
 border:none !important;
}

#account_main{
 width:800px;
 margin-left:auto;
 margin-right:auto;
}

#account_main fieldset{
 background-color:rgba(255,255,255,0.25);
 padding:15px;
}

#personal_info label{
 /*width:45%;*/
}

h3{
 font-size:larger;
}

h1, h2{
 margin-top:2px;
}

h3{
 margin-bottom:0px;
}


/* Sortable Tables */

table.sortable{
 border: 1px solid #888;
 border-collapse: collapse;
 width: 100%;
}

.sortable td, .sortable th{
 border: 1px solid #888;
}

.sortable th{
    background: #C96;
    font-weight: normal;
    padding: 4px 3px;
    text-align: left;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
.sortable tbody td, .sortable tbody tr.row0 td {
    background: #FFF;
    padding: 2px 3px 3px 4px;
}

.sortable tbody tr.row1 td {
    background: #EEE;
    padding: 2px 3px 3px 4px;
}

.sortable th{
 cursor:pointer;
}

.sortable th:hover{
 color:#6D4B30;
}

.sortable td.sort0,
.sortable td.sort1{
 background:#E49A5F !important;
}

.sortable th.sort0:after{
 content:" ▼";
}

.sortable th.sort1:after{
 content:" ▲";
}

.productsLoadingProgress{
  position: fixed;
  background: yellow;
  color: black;
  width: 200px;
  height: 2em;
  display: block;
  top: 0px;
  margin-left: auto;
  margin-right: auto;
  z-index: 100;
}