/*
Catalog Item Style Definitions
Last Modified 3/31/2009
Webatory Inc.

This style sheet should be used to define the display styles for
items configured in the online catalog.  Styles may be defined by product
type by defining a cascading style or overiding a style.
*/

ul.categories .current {
	font-weight: bold;
	font-size: 16px;
}

.discounted {
  text-decoration: line-through;
  color: #999999;
}


/*
[.item] Default styles for a single item whether in a single unit or list. */

.item {
  min-height: 300px;
  margin-top: 10px;
  margin-bottom: 15px;
  position: relative;
}

.item .price {
  font-weight: bold;
  font-size: large;
}

.item .name {
  clear: left;
  display: block;
  font-weight: bold;
  font-size: large;
}

.item .type {
  display: block;
  font-weight: bold;
  background-image: url(images/rowhdrbg.gif);
  background-repeat: repeat-x;
  background-color: #006eb5;
  color: #FFFFFF;
  padding: 5px 5px 3px 3px;
  text-decoration: none;
}

.item .code {
  font-size: .8em;
  display: block;
}

.item .year {
}

.item .description {
}

.item ul.details {
  display: block;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.item ul.details li {
  display: block;
  clear: both;
}

.item ul.details li .label {
   display: block;
   font-weight: bold;
   width: 95px;
   float: left;
}

.item ul.details li .text {
  display: block;
  width: 250px;
  margin-bottom: 5px;
  float: left;
}

/*
=========================================
Default classes for lists of items.
=========================================
*/

.items {
  width: 100%;
  font-size: 1em;
}

.items td {
  padding: 5px;
  vertical-align: top;
}

.items .header  {
  background-color: #006eb5;
  color: #FFFFFF;
  font-weight: bold;
  background-image: url(images/rowhdrbg.gif);
  background-repeat: repeat-x;
  padding: 3px;
}

.items .header a {
  display: block;
  padding: 3px 5px 3px 3px;
  cursor: hand;
  color: #ffffff ! important;
  text-decoration: underline ! important;
}

.items. header a:hover {
  color: #FFFF00 ! important;
  cursor: hand;
  text-decoration: underline ! important;
}

.items .item {
  vertical-align: top;
  border: none;
  min-height: 25px;
  background-color: #ffffff;
}

.items .odd {
  vertical-align: top;
  border: none;
  background-color: #EEEEEE;
  padding: 3px;
}

.items .name {
  font-size: 1em;
  font-weight: normal;
}

.items .price {
  display: block;
  font-weight: normal;
  font-size: 1em;
}

.items .selected .name {
  font-weight: bold;
}

.items .selected .label {
  font-weight: bold;
}

.items .first td {
  border: 0;
  border-top: solid 3px #C0C0C0;
  padding-top: 10px;
  background-image: url(images/rowbg_bw.jpg);
  background-repeat: repeat-x;
  vertical-align: top;
}

.items .last td {
  padding-bottom: 15px;
  vertical-align: top;
}


/*
=========================================
Class overides for particular item types.
==========================================
*/

.product {
}

.service {
}


/* Seminars */ 

.seminar {
  margin-top: 15px;
  margin-bottom: 15px;
}

.seminar .hotel {
  border: solid 1px #CCCCCC;
  padding: 10px;
  display: block;
  background-color: #f3f3f3;
  background-image: url(images/hotelbg.jpg);
  background-repeat: repeat-x;
  margin: 0 0 15px 15px;
}

.seminar .hotel .title {
  font-size: 1.2em;
  font-weight: bold;
  display: block;
  position: relative;
  width: 60px;
}

.seminar .conference {
  margin-top: 15px;
  border: solid 1px #CCCCCC;
  padding: 5px 5px 5px 10px;
  clear: both;
  background-color: #EBEBEB;
}

.seminar .conference .title {
  font-size: 1.1em;
  font-weight: bold;
}

.seminar .conference .title+p {
  margin-top: 0px;
  margin-bottom: 8px;
}

/* Conferences */
.conference .price {
  display: block;
}

.item .topic {
  padding: 0;
  margin-top: 15px;
  padding-top: 15px;
  margin-bottom: 15px;
}

.topic {
  text-align: left;
  clear: left;
  padding: 8px;
}

.topicheader  {
  display: block;
  margin-top: 15px;
  background-color: #006eb5;
  color: #FFFFFF;
  font-weight: bold;
  background-image: url(images/rowhdrbg.gif);
  background-repeat: repeat-x;
}

.topicheader a {
  display: block;
  padding: 3px 5px 3px 3px;
  cursor: hand;
  color: #ffffff ! important;
  text-decoration: underline;
}

.topicheader a:hover {
  color: #FFFF00 ! important;
  cursor: hand;
  text-decoration: underline ! important;
}

.topic .title {
  font-size: 1.5em;
  font-weight: bold;
  display: block;
}