@charset "UTF-8";
/* CSS Document */
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2b (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.1
 */
  /*-------------------------------------------------------------------------*/
* { margin:0; padding: 0; }

  body {
	padding: 0px 0;
	background-color: #947652;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color:#333333;
}



  #info {
	color:#333333;
	background-color: transparent;
	text-align: left;
	text-decoration: none;
	padding: 2px;
	margin-left: 10px;
	width: 50px;
	float: left;
}
#info a:active {
	 
	text-decoration: none;
	color: transparent;
}

#info a:hover{
	text-decoration: none;
	color: transparent;
}

#info a:link{
	text-decoration: none;
	color: transparent;
}
#info a:visited{
	text-decoration: none;
	color: transparent;
}
  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #main { padding: 0px 20px 
	width: 900px;
	background: transparent;
	padding: 5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;  /*-------------------------------------------------------------------------*/
}



h3 {font-size:22px; color:#ffffff; text-align: left; padding:15px; margin-left: 35px}
h3 strong {font-size:1.5882em; }


.pause {
	background-color: transparent;
	height: 32px;
	width: 32px;
	padding: 2px;
}

.play {
	padding: 2px;
	height: 32px;
	width: 32px;
	background-color: transparent;
	text-decoration: none;
}
#actionButtons {
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 50px;
}
img
{  border-style: none;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 1500px;
	height:120px;
	/* custom decorations */
	border:3px solid #000000;
	background-color: #000000;
	background-image: url(h300.png);
	background-repeat: repeat-x;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:10px 5px 10px 21px;
	background-color:#fff;
	padding:2px;
	height:auto;
	border:1px solid #ccc;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* styling for the image wrapper  */ 
#image_wrap { 
    /* dimensions */ 
    width:677px; 
    margin:15px 0 15px 40px; 
    padding:15px 0; 
 
    /* centered */ 
    text-align:center; 
 
    /* some "skinning" */ 
    background-color:#efefef; 
    border:2px solid #fff; 
    outline:1px solid #ddd; 
    -moz-ouline-radius:4px; 
}
/* get rid of those system borders being generated for A tags */
a:active {
	outline:none;
}
:focus {
	-moz-outline-style:none;
	}
	div.scrollable {
	 position:relative; 
    overflow:hidden; 
	}
	#thumbs div {
	
	
	width: 95px;
	
	}
	 #main {
	 
	 width: 840px;
	 }
	 
	 /* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    
	width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
/* tooltip styling */
#tooltip {
	  display:none; 
    background-color:#ffa; 
    border:1px solid #cc9; 
    padding:3px; 
    font-size:13px; 
    -moz-box-shadow: 2px 2px 11px #666; 
    -webkit-box-shadow: 2px 2px 11px #666; 
} 
/* ------------------------------------------



/* ----------------------------------------------
-- GLOBAL STYLES FOR ALL BORDERS
---------------------------------------------- */

.border {
	/* general */
	border:1px solid #cccccc;
	padding:3px;
	
	/* curved corners */
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; /* standard version at last */
	
	/* drop shadows. */
	
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); /* standard version at last */
}
/* ----------------------------------------------
-- CUSTOM BORDER
---------------------------------------------- */

.border.custom {
	/* general */
	border-color: #cccccc;
	
	/* BACKGROUND COLOR */
	background-color: #ffffff; /* FOR IE */
	background-color: rgba(,,,0.4);
	
}
/* ----------------------------------------------
-- SILVER BORDER
---------------------------------------------- */

.border.silver {
	/* general */
	border-color: #fff;
	
	/* background color (for non css3 browsers) and gradient */
	background-color: #dfdfdf;
	background: -moz-linear-gradient(top,
		#fff,
		#dfdfdf 50%,
		#cecece
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.5, #dfdfdf),
		to(#cecece)
	);
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#FFFFFF', EndColorStr='#CECECE');

}

/* ----------------------------------------------
-- CARBON BORDER
---------------------------------------------- */

.border.carbon {
	/* general */
	border-color: #000;

	/* background color (for non css3 browsers) and gradient */
	background-color: #2d2d2d;
	background: -moz-linear-gradient(top,
		#404040,
		#2d2d2d 50%,
		#000
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#404040),
		color-stop(0.5, #2d2d2d),
		to(#000)
	);

	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#404040', EndColorStr='#000000');
}

/* ----------------------------------------------
-- CHROME BORDER
---------------------------------------------- */

.border.chrome {
	/* general */
	border-color: #f6f9fa;
	
	/* background color (for non css3 browsers) and gradient */
	background-color: #d9e9ed;
	background: -moz-linear-gradient(top,
		#e6f0f3,
		#d9e9ed 50%,
		#b9d3db
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#e6f0f3),
		color-stop(0.5, #d9e9ed),
		to(#b9d3db)
	);
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#E6F0F3', EndColorStr='#B9D3DB');
}

/* ----------------------------------------------
-- GOLD BORDER
---------------------------------------------- */

.border.gold {
	/* general */
	border-color: #fcf9f5;

	background-color: #f1e7c6;
	background: -moz-linear-gradient(top,
		#f3eed9,
		#f1e7c6 50%,
		#dbc7a7
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#f3eed9),
		color-stop(0.5, #f1e7c6),
		to(#dbc7a7)
	);

	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#F3EED9', EndColorStr='#DBC7A7');
}

/* ----------------------------------------------
-- TRANSPARENT WHITE BORDER
---------------------------------------------- */

.border.trans_white {
	/* general */
	border-color: #fff;
	
	/* BACKGROUND COLOR */
	background-color: rgba(255,255,255,0.4);
	/background-color: #fff; /* FOR IE */
}

/* ----------------------------------------------
-- TRANSPARENT BLACK BORDER
---------------------------------------------- */

.border.trans_black {
	/* general */
	border-color: #000;
	
	/* BACKGROUND COLOR */
	background-color: rgba(0,0,0,0.45);
	/background-color: #000; /* FOR IE */
}


/* ----------------------------------------------
-- SILVER GLOSS BORDER
---------------------------------------------- */

.border.silver_gloss {
	/* general */
	border-color: #fff;

	/* background color (for non css3 browsers) and gradient */
	background-color: #dfdfdf;
	background: -moz-linear-gradient(top,
		#fff,
		#e4e4e4 49.9%,
		#cdcdcd 50%,
		#c4c4c4
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.49, #e4e4e4),
		color-stop(0.5, #cdcdcd),
		to(#c4c4c4)
	);
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#FFFFFF', EndColorStr='#CECECE');
}

/* ----------------------------------------------
-- CARBON GLOSS BORDER
---------------------------------------------- */

.border.carbon_gloss {
	/* general */
	border-color: #000;

	/* background color (for non css3 browsers) and gradient */
	background-color: #2d2d2d;
	background: -moz-linear-gradient(top,
		#585858,
		#4d4d4d 49.9%,
		#2c2c2c 50%,
		#000
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#585858),
		color-stop(0.49, #4d4d4d),
		color-stop(0.5, #2c2c2c),
		to(#000)
	);
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#404040', EndColorStr='#000000');
}

/* ----------------------------------------------
-- CHROME GLOSS BORDER
---------------------------------------------- */

.border.chrome_gloss {
	/* general */
	border-color: #f6f9fa;

	/* background color (for non css3 browsers) and gradient */
	background-color: #d9e9ed;
	background: -moz-linear-gradient(top,
		#e6f0f3,
		#d9e9ed 49.9%,
		#b9d3db 50%,
		#ccdce1
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#e6f0f3),
		color-stop(0.49, #d9e9ed),
		color-stop(0.5, #b9d3db),
		to(#ccdce1)
	);
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#E6F0F3', EndColorStr='#B9D3DB');
}

/* ----------------------------------------------
-- GOLD GLOSS BORDER
---------------------------------------------- */

.border.gold_gloss {
	/* general */
	border-color: #fcf9f5;

	/* background color (for non css3 browsers) and gradient */
	background-color: #f1e7c6;
	background: -moz-linear-gradient(top,
		#f3eed9,
		#f1e7c6 49.9%,
		#dbc7a7 50%,
		#e8d5b8
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#f3eed9),
		color-stop(0.49, #f1e7c6),
		color-stop(0.5, #dbc7a7),
		to(#e8d5b8)
	);	
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#F3EED9', EndColorStr='#DBC7A7');
}

/* ----------------------------------------------
-- TRANSPARENT WHITE GLOSS BORDER
---------------------------------------------- */

.border.trans_white_gloss {
	/* general */
	border-color: #fff;
	
	/* background color (for non css3 browsers) and gradient */
	background-color: rgba(255,255,255,0.5);
	background: -moz-linear-gradient(top,
		rgba(255,255,255,0.65),
		rgba(255,255,255,0.55) 49.9%,
		rgba(255,255,255,0.3) 50%,
		rgba(255,255,255,0.45)
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(rgba(255,255,255,0.65)),
		color-stop(0.49, rgba(255,255,255,0.5)),
		color-stop(0.5, rgba(255,255,255,0.3)),
		to(rgba(255,255,255,0.45))
	);
	/background-color: #fff; /* FOE IE */
}

/* ----------------------------------------------
-- TRANSPARENT BLACK GLOSS BORDER
---------------------------------------------- */

.border.trans_black_gloss {
	/* general */
	border-color: #000;
	
	/* background color (for non css3 browsers) and gradient */
	background-color: rgba(0,0,0,0.5);
	background: -moz-linear-gradient(top,
		rgba(0,0,0,0.75),
		rgba(0,0,0,0.6) 49.9%,
		rgba(0,0,0,0.35) 50%,
		rgba(0,0,0,0.45)
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(rgba(0,0,0,0.75)),
		color-stop(0.49, rgba(0,0,0,0.6)),
		color-stop(0.5, rgba(0,0,0,0.35)),
		to(rgba(0,0,0,0.45))
	);
	/background-color: #000; /* FOE IE */
}
/* Breadcrumb Styles
 ---------------------------------------------------------------------*/

.breadCrumb
{
	padding: 0;
	display: block;
	height: 21px;
	overflow: hidden;
	width: 400px;
	padding:5px;
	background:transparent;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.breadCrumb ul
{
	margin: 0;
	padding: 0;
	height: 21px;
	display: block;
}
.breadCrumb ul li
{
	display: block;
	position: relative;
	height: 21px;
	overflow: hidden;
	line-height: 21px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: 0.9167em;
	background: url(css/Chevron.gif) no-repeat 100% 0;
	float: left;
}
.breadCrumb ul li div.chevronOverlay
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.breadCrumb ul li span
{
	display: block;
	overflow: hidden;
}
.breadCrumb ul li a
{
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	float: left;
	color: #000000;
}
.breadCrumb ul li.first a
{
	height: 16px !important;
	text-indent:-1000em;
	width:16px;
	padding: 0;
	margin-top: 2px;
	overflow: hidden;
	background:url(css/IconHome.gif) no-repeat 0 0;
}
.breadCrumb ul li.first a:hover
{
	background-position: 0 -16px;
}
.breadCrumb ul li.last
{
	background: none;
	margin-right: 0;
	padding-right: 0;
}
.chevronOverlay
{
	display: none;
	background: url(css/ChevronOverlay.png) no-repeat 100% 0;
	width: 13px;
	height: 20px;
}