.album {
	margin: 5px 0;
	padding: 5px;
	border: 1px #bbdd99 solid;
}

.album .image {
	float: right; 
	margin-left: 5px;
}

.album h2.name {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#albumlist div #clear {
    clear: both;
    margin: 0;
    padding: 0;
}

.clear { 
    clear: both; 
}

#thumbswide {
	text-align: left;	
    width: 750px;
}

#thumbsnarrow {
    text-align: left;
  /*  width: 450px;*/

}
#thumbsnarrow img{
    width: 50px;

}
.description {
    height: 38px;
}

.thumbs img {
	margin: 5px;
	padding: 0px;
	border: 2px solid #bbdd99;
}

#imagetitle {
    text-align: center;
    font-size: 1.4em;
}
    
#imagedesc {
    text-align: center;
    font-size: 1.4em;
}
    
    
#albumlist div {
    padding: 10px 10px 10px 10px;
    margin-bottom: 15px;
}
    
#albumlist .alt, #albumlist .alt div {
    background-color: #d5eabf;
}

#albumlist .even, #albumlist .even div {
    background-color: #e6f2d9;
}

#albumlist a img {
	border: 2px solid #bbdd99; 
}

.prev {
	float: left;
    text-align: left;
}

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

#prevnext {
    background-color: #eef7e6;
    margin: 10px auto 20px auto;
    padding: 0;
/*    width: 490px; */
}
    
#prev-arrow, #next-arrow {
    background-color: #eef7e6;
    margin: 0 -20px;
    padding: 0;
    width: 40px;
    position: relative;
    top: 350px;
    font-size: 4.0em;
}

#prev-arrow a:link, #next-arrow a:link { border-style: none; }
#prev-arrow a:visited, #next-arrow a:visited { border-style: none; }
#prev-arrow a:hover, #next-arrow a:hover { text-decoration: none; }
#prev-arrow a:active, #next-arrow a:active { border-style: none; }
#prev-arrow { text-align: left; }
#next-arrow { text-align: right; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
   position: fixed;
   z-index: 100;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
}

.TB_overlayMacFFBGHack {
   background: url(../images/macFFBgHack.png) repeat;
}

.TB_overlayBG {
   background-color: #000;
   filter: alpha( opacity = 75 );

-moz-opacity:
   0.75;

opacity:
   0.75;
}

* html #TB_overlay { /* ie6 hack */
   position: absolute;
   height: expression( document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px' );
}

#TB_window {
   position: fixed;
   background: #ffffff;
   z-index: 102;
   color: #000000;
   display: none;
   border: 4px solid #525252;
   text-align: left;
   top: 50%;
   left: 50%;
   
}
#TB_window a{
   font-size: 11px;
   color: #049500;
   font-family: tahoma, arial;
}
* html #TB_window { /* ie6 hack */
   position: absolute;
   margin-top: expression( 0 - parseInt( this

.offsetHeight / 2 ) + (TBWindowMargin =

document.documentElement && document.documentElement.scrollTop || document.body.scrollTop ) + 'px' );
}

#TB_window img#TB_Image {
   display: block;
   margin: 15px 0 0 15px;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #666;
   border-left: 1px solid #666;
}

#TB_caption {
   height: 25px;
   padding: 7px 30px 10px 25px;
   float: left;
}

#TB_closeWindow {
   height: 25px;
   padding: 11px 25px 10px 0;
   float: right;
}

#TB_closeAjaxWindow {
   padding: 7px 10px 5px 0;
   margin-bottom: 1px;
   text-align: right;
   float: right;
}

#TB_ajaxWindowTitle {
   float: left;
   padding: 7px 0 5px 10px;
   margin-bottom: 1px;
}

#TB_title {
   background-color: #e8e8e8;
   height: 27px;
}

#TB_ajaxContent {
   clear: both;
   padding: 2px 15px 15px 15px;
   overflow: auto;
   text-align: left;
   line-height: 1.4em;
}

#TB_ajaxContent.TB_modal {
   padding: 15px;
}

#TB_ajaxContent p {
   padding: 5px 0px 5px 0px;
}

#TB_load {
   position: fixed;
   display: none;
   height: 13px;
   width: 208px;
   z-index: 103;
   top: 50%;
   left: 50%;
   margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
   position: absolute;
   margin-top: expression( 0 - parseInt( this

.offsetHeight / 2 ) + (TBWindowMargin =

document.documentElement && document.documentElement.scrollTop || document.body.scrollTop ) + 'px' );
}

#TB_HideSelect {
   z-index: 99;
   position: fixed;
   top: 0;
   left: 0;
   background-color: #fff;
   border: none;
   filter: alpha( opacity = 0 );

			-moz-opacity:0;
			
			opacity:0;
			
			height:100%;
			
			width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
   position: absolute;
   height: expression( document

.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px' );
}

#TB_iframeContent {
   clear: both;
   border: none;
   margin-bottom: -1px;
   margin-top: 1px;
   _margin-bottom: 1px;
}
/* global */
#cluetip-close img {
   border: 0;
}

#cluetip-title {
   overflow: hidden;
}

#cluetip-title #cluetip-close {
   float: right;
   position: relative;
}

#cluetip-waitimage {
   width: 43px;
   height: 11px;
   position: absolute;
   background-image: url(../images/design/wait.gif);
}

.cluetip-arrows {
   display: none;
   position: absolute;
   top: 0;
   left: -11px;
   height: 22px;
   width: 11px;
   background-repeat: no-repeat;
   background-position: 0 0;
}

#cluetip-extra {
   display: none;
}
/***************************************
 =cluetipClass: 'default'
 -------------------------------------- */
.cluetip-default {
   background-color: #F0E99D;
}

.cluetip-default #cluetip-outer {
   position: relative;
   font-size: 10px;
   margin: 0;
   background-color: #F0E99D;
}

.cluetip-default h3#cluetip-title {
   margin: 0 0 5px;
   padding: 8px 10px 4px;
   font-size: 10px;
   font-weight: bold;
   background-color: #C6B126;
   color: #333;
}

.cluetip-default #cluetip-title a {
   color: #d9d9c2;
   font-size: 10px;
}

.cluetip-default #cluetip-inner {
   padding: 10px;
}

.cluetip-default div#cluetip-close {
   text-align: right;
   margin: 0 5px 5px;
   color: #900;
}

.tooltip img{
   width: 20px;
   height: 20px;
   background: url('../images/design/icons.gif') 0px -520px no-repeat !important;
}

/* 
*  Farbtastic
*/

.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url('../images/colorp/wheel.png') no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url('../images/colorp/mask.png') no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;

  background: url('../images/colorp/marker.png') no-repeat;
}
.greyBorder{
	border: 1px solid #aaa;
	padding: 3px; 
	font: normal 11px Tahoma;
}