/* Title */

h1.title
  {
    background: left top no-repeat;
    height: 48px;
    padding-left: 55px;
    padding-top: 10px;
    vertical-align: middle;
  }

/* Other hs */

h2.icon
  {
    background: left top no-repeat;
    height: 36px;
    padding-left: 44px;
    padding-top: 6px;
    vertical-align: middle;
  }

/* Messages */

span.MESSAGE
  {
  	display: table;
  	width: inherit;
  	width: 95%;


  	margin-bottom: 10px;
  	padding: 5px;

    vertical-align: middle;
  	font-weight: bold;
  }

span.MESSAGE>img
  {

   display: table-cell;
    float: left;
    margin: 0px 10px 0px 0px;
  }

span.MESSAGE>p
  {
    display: table-cell;

    margin: 0px;
    vertical-align: middle;
  }

span.MESSAGE#T_FATAL>p { display: block; }

span.MESSAGE h1
  {
    display: table;
  }

span#T_SUCCESS
  {
  	background: url(../images/fade_66ff66.png) repeat-y;
  	border-left: 10px solid green;
  }

span#T_WARNING
  {
  	background: url(../images/fade_ffff80.png) repeat-y;
  	border-left: 10px solid orange;
  }

span#T_ERROR
  {
  	background: url(../images/fade_ffff80.png) repeat-y;
  	border-left: 10px solid red;
  }

span#T_FATAL
  {
  	background: url(../images/fade_ff9966.png) repeat-y;
  	border-left: 10px solid red;
  	padding: 30px;
  }

/* Products */

span.product
  {
  	display: inline-block;
  	margin: 0px;
  	padding: 0px;

  	border: 1px solid #c0c0c0;
  	-moz-border-radius:5px;
  	-khtml-border-radius:5px;
  	-webkit-border-radius:5px;
  	border-radius:5px;
  }

span.product div.bg
  {
    margin: 0px;
    padding: 0px;
  }

span.product div.description
  {
  	padding: 10px;
  }

span.product h2
  {
  	margin: 0px;
  	border-bottom: 1px dotted grey;
  }

span.product span#description
  {
  	display: block;
    margin: 10px 0px 10px 0px;
  }

span.product ul
  {
  	margin: 8px;
  }

span.product span#price
  {
  	display: inline-block;
  	margin-left: 10px;

  	font-size: 17px;
  	font-weight: bold;
    text-shadow: 3px 1px 6px grey;
  }

span#order
      {
  	    display: block;
  	    width: 100%;

  	    margin: 1ex 0px 0px 0px;

  	    text-align: right;
      }

span#order input[type=submit]
  {
    /*
    background: #f0f0f0 url(../icons/icon_ok_small.png) 6px 3px no-repeat;
    background: rgba(0, 0, 0, 0.2) url(../icons/icon_ok_small.png) 6px 3px no-repeat;
    width: auto;
    height: 32px;

    border: 1px outset grey;

    padding: 0px 8px 1px 32px;
    */

    font-weight: bold;
    text-align: left;

    background: url(../images/button_r120.png) no-repeat center center;
    width: 120px;
    height: 27px;
    padding: 0px 8px 2px 32px;
    border: 0px;
  }

span#order input[type=submit]:active
  {
    /*
    background: #f0f0f0 url(../icons/icon_ok_small.png) 7px 4px no-repeat;
    background: rgba(0, 0, 0, 0.2) url(../icons/icon_ok_small.png) 7px 4px no-repeat;
    padding: 1px 7px 0px 33px;
    border: 1px inset grey;
    */
  }

span#order input[type=submit]:hover
  {
    background: url(../images/button_r120_hover.png) no-repeat center center;
  }

span.product a.order:hover
  {
    color: #ffffc0;
  }