/*
  $Id: core.css 2498 2010-12-07 15:54:16Z fer $
  fCommerce core styles, www.ferianc.com
*/

@import url('reset.css');

/*****************************/
/* basic html elements (g01) */
/*****************************/

/* g01 - lists */
dt {
  float: left;
  width: 15em;
  font-weight: bold;
  clear: left;
}

dd {
  float: left;
  clear: right;
}

/*********************/
/* div helpers (g02) */
/*********************/

/* g02 - floats */
.float-left {
  float: left;
}

.float-right {
  float: right;
}

/* g02 - aligns */
.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.align-top {
  vertical-align: top;
}

.align-bottom {
  vertical-align: bottom;
}

.align-middle {
  vertical-align: middle;
}

/* g02 - positions */
.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-tl {
  top: 0;
  left: 0;
}

.position-tr {
  top: 0;
  right: 0;
}

.position-bl {
  bottom: 0;
  left: 0;
}

.position-br {
  bottom: 0;
  right: 0;
}

.hide {
  display:none;
}

/* g02 - dividers & separators */
.clearer {
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
	clear: both;
}

.separator {
	height: 1em;
	overflow: hidden;
	margin: 0px;
	clear: both;
}

/* g02 - debug */
.debug {
  border: 1px #ff0000 solid;
}

/*******************/
/* text flow (g03) */
/*******************/

/* g03 - wrapping */
.nowrap {
  white-space: nowrap;  
}

.breakword {
  word-wrap: break-word; /* ie only, use with moderation! */
}

/****************************/
/* basic core styling (g04) */
/****************************/

/* g04 - table styling */
table.content-table {
  border-collapse: collapse;
}

td.content-table, th.content-table {
  border: 1px solid #eeeeee;
}

td.content-table, th.content-table {
  padding: 0.3em;  
}

th.content-table {
  background-color: #666666;
  color: #ffffff;
  font-weight: bold;
}

.content-table-odd {
  background-color: #ffffff;
}

.content-table-even {
  background-color: #fafafa;
}

/* g04 - vMenu styling */
#vMenu ul {
  margin: 0;
}

#vMenu li {
  display: block; 
  list-style-type: none;
}

#vMenu li.level1 {
  margin-left: 0.5em;
  font-size: 1.1em;
  font-weight: bold;
}

#vMenu li.level1 a {
  font-weight: bold;
}

#vMenu li.level2, #vMenu li.level3 {
  margin-left: 1.5em;
}

#vMenu li.level2 a, #vMenu li.level3 a {
  font-weight: normal;
}