/*******************************
*** hLib.css
*** Version: 1.53
*** Last modified: 16.08.2012
*******************************/

/* Commonly used css stuff */
html, body { height: 100%; }
body { position: relative; }

a:active, a:focus { border: none; outline: none; }

.forceHide { display: none !important; }

/* Preload area (mainly for images) outside the viewport */
.hLibPreloadArea {
    display: block;
    position: absolute;
    top : -90000px;
    left: -90000px;
}

/*Remove button padding in FF*/
input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

/* Fixes negative text-indent for ie6 */
input.negindent {
	text-indent: -9999px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	display: block;
}

/* Validation result */
.validationresult {
	display: block;
	margin: 0;
	position: absolute;
	width: 15px;
	height: 15px;
}

div.error   { background: url("../gfx/hLib/hlib_icons.png") no-repeat -19px -119px transparent; }
div.ok      { background: url("../gfx/hLib/hlib_icons.png") no-repeat -4px -120px transparent; }
div.loading { background: url("../gfx/hLib/hLib_loading4.gif") no-repeat 0 0 transparent; }

.input-validation-error { border:1px solid #FD8181 !important; }

/* Placeholder text color */
.placeholder { color: #777; }
.hPlaceholder {
    color: #777;
    background: transparent;
    position: absolute !important;
    border: 0 !important;
    cursor: text !important;
}

/* Zoom default style */
.zoom { cursor: pointer; }
.zoomMagnifier {
    display: none;
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    position: fixed;
    top: 0;
    left: 0;
    cursor: move;
    z-index: 500;
    cursor: url(../gfx/hLib/cursor/1px.png), none !important; /* Transparent cursor for Chrome, Safari and Firefox */
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.4);
    filter: alpha(opacity=40);
}
.zoomArea,
.zoomAreaOverlay {
    display: none;
    width: 380px;
    height: 250px;
    background: url("../gfx/hLib/hLib_loading.gif") no-repeat center center #fff;
    border: 1px solid #aaa;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
}
.zoomAreaInline,
.zoomAreaOverlay {
    background: transparent;
    filter: none;
    right: auto;
    left: 0;
    z-index: 1000;
    cursor: url(../gfx/hLib/cursor/1px.png), none !important; /* Transparent cursor for Chrome, Safari and Firefox */
}
.zoomAreaInline { border: none; }

/* Slideshow default style */
.imagePlaceholder {
    position: relative;
    width: 200px;
    height: 200px;
}

.imagePlaceholder img {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 5;
}

.imagePlaceholder img.selected {
    display: inline-block;
    z-index: 6;
}

/* Image slider */
.sliderHorizontal,
.sliderVertical {
    margin: 0;
    padding: 0;
}

.sliderInner {
    overflow: hidden;
    position: relative;
    width: 50px;
    height: 50px;
}

.sliderItems a,
.sliderItems img {
    display: block;
    margin: 0;
    padding: 0;
}

.sliderItems img {
    margin: 0 auto;
}

.sliderItems {
    display: block;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate3d(0, 0px, 0px);
    -webkit-transform: translate3d(0, 0px, 0px);
}

.sliderItems li {
    display: block;
    margin: 0;
    padding: 0;
}

.sliderInner,
.sliderInner .sliderItems li {
    display: inline;
    float: left;
}

/* Paging slider default style */
div.pagingSliderGfx {
    width: 300px;
    height: 20px;
    float: right;
}
.pagingSliderGfx .sliderStart,
.pagingSliderGfx .sliderPrev,
.pagingSliderGfx .sliderEnd,
.pagingSliderGfx .sliderNext {
    display: inline;
    float: left;
    background: url(../gfx/hLib/hLib_icons.png) no-repeat -179px -3px transparent;
    width: 13px;
    height: 17px;
    text-indent: -5000px;
    overflow: hidden;
    margin: 0 0 0 5px;
}

.pagingSliderGfx .sliderStart { background-position: -179px -0px; }
.pagingSliderGfx .sliderPrev  { background-position: -179px -16px; }
.pagingSliderGfx .sliderEnd   { background-position: -179px -51px; }
.pagingSliderGfx .sliderNext  { background-position: -179px -32px; }

.pagingSliderGfx .sliderInner {
    width: 200px;
    height: 20px;
    margin: 0 10px;
}

.pagingSliderGfx .sliderItems {
    margin: 0;
    padding: 0;
    width: 99999px;
    overflow: hidden;
}

.pagingSliderGfx .sliderItems li {
    height: 20px;
    width: 30px;
}

.pagingSliderGfx .sliderItems a {
    text-align: center;
}

/* Scrollbar for slider */
.sliderScroll {
    height: 1px;
    clear: both;
    float: left;
    margin-top: 13px;
    position: relative;
    background: #ccc;
}

.sliderScroll .scrollbar {
    height: 16px;
    width: 50px;
    position: absolute;
    left: 0;
    top: -8px;
    background: #FAFAFA;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 2px 0px rgba(0,0,0,0.1);
    box-shadow: 0 0 2px 0px rgba(0,0,0,0.1);
}

.sliderScroll .scrollbar:hover {
    background: #FDFDFD;
    -webkit-box-shadow: 0 0 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0 0 2px 0px rgba(0,0,0,0.2);
}

/* Range slider default style*/
div.rangeSlider {
    height: 30px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 12px;
    width: 150px;
}

.sliderDisplayOutside {
    position: fixed;
    top: -5000px;
    left: -5000px;
    display: block;
}

div.rangeSlider div.priceMiddle {
    background: url("../gfx/hLib/hLib_icons_x.png") repeat-x scroll 0 -120px transparent;
    height: 18px;
    position: relative;
}
div.rangeSlider div.priceMiddle div.priceBar {
    height: 18px;
    margin: 0 20px;
}
div.rangeSlider div.priceMiddle .slider {
    background: url("../gfx/hLib/hLib_icons.png") no-repeat scroll -2px -3px transparent;
    cursor: pointer;
    height: 15px;
    width: 8px;
    margin-top: 1px;
    position: absolute;
    top: 0;
}
div.rangeSlider div.priceMiddle .minPrice { left: 0; }
div.rangeSlider div.priceMiddle .maxPrice { right: 0; }
div.rangeSlider div.priceMiddle .inactiveMin, div.rangeSlider div.priceMiddle .inactiveMax {
    background: url("../gfx/hLib/hLib_icons_x.png") repeat-x scroll 0 -136px transparent;
    display: block;
    height: 18px;
    position: absolute;
    top: 0;
    width: 0;
}
div.rangeSlider div.priceMiddle .inactiveMin { left: 0; }
div.rangeSlider div.priceMiddle .inactiveMax { right: 0; }

div.rangeSlider div.priceBottom .minPrice {
    float: left;
    cursor: default;
}
div.rangeSlider div.priceBottom .maxPrice {
    float: right;
    cursor: default;
}

/* Default product list style */
.list ul {
    display: block;
    margin: 0;
    padding: 0;
}

.list ul li {
    list-style-type: none;
    display: block;
    float: left;
    padding: 0;
    margin: 0;
}

/*******************************************/
/* Standard hesehus "Sliding Door" buttons */
/*******************************************/

/* Shared button styles */
a.hButton, a.hButton span {
	background-image: url("../gfx/hLib/hButtonSprite.png");
	background-color: transparent;
	background-repeat: no-repeat; 
	background-attachment: scroll;
	display: block;
	padding: 1px 0px 1px 0px;
	cursor: pointer;
}
a.hButton {
	padding: 0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
}
a.hButton span	 { text-align: center; }
a.hButton:focus	 { border: none; outline: none; } /* Remove dotted focus border from buttons */

/* Shared XLarge styles */
a.hButtonXLarge, a.hButtonXLargePrimary, a.hButtonXLargeSecondary, a.hButtonXLargeTertiary {
	height: 50px; /* This should be the height of the background image */
	padding-right: 25px; /* The width of the right image */
	font-size: 24px;
}
a.hButtonXLarge span, a.hButtonXLargePrimary span, a.hButtonXLargeSecondary span, a.hButtonXLargeTertiary span {
	line-height: 48px; /* Line-height should be equal to height - 2px */
	padding-left: 25px; /* The width of the right image */
}

/* Shared Large styles */
a.hButtonLarge, a.hButtonLargePrimary, a.hButtonLargeSecondary, a.hButtonLargeTertiary {
	height: 40px; /* This should be the height of the background image */
	padding-right: 20px; /* The width of the right image */
	font-size: 20px;
}
a.hButtonLarge span, a.hButtonLargePrimary span, a.hButtonLargeSecondary span, a.hButtonLargeTertiary span {
	line-height: 38px; /* Line-height should be equal to height - 2px */
	padding-left: 20px; /* The width of the right image */
}

/* Shared Medium styles */
a.hButtonMedium, a.hButtonMediumPrimary, a.hButtonMediumSecondary, a.hButtonMediumTertiary {
	height: 30px; /* This should be the height of the background image */
	padding-right: 15px; /* The width of the right image */
	font-size: 14px;
}
a.hButtonMedium span, a.hButtonMediumPrimary span, a.hButtonMediumSecondary span, a.hButtonMediumTertiary span {
	line-height: 28px; /* Line-height should be equal to height - 2px */
	padding-left: 15px; /* The width of the right image */
}

/* Shared Small styles */
a.hButtonSmall, a.hButtonSmallPrimary, a.hButtonSmallSecondary, a.hButtonSmallTertiary {
	height: 25px; /* This should be the height of the background image */
	padding-right: 13px; /* The width of the right image */
	font-size: 12px;
}
a.hButtonSmall span, a.hButtonSmallPrimary span, a.hButtonSmallSecondary span, a.hButtonSmallTertiary span {
	line-height: 23px; /* Line-height should be equal to height - 2px */
	padding-left: 13px; /* The width of the right image */
}

/* Shared XSmall styles */
a.hButtonXSmall, a.hButtonXSmallPrimary, a.hButtonXSmallSecondary, a.hButtonXSmallTertiary {
	height: 20px; /* This should be the height of the background image */
	padding-right: 10px; /* The width of the right image */
	font-size: 11px;
}
a.hButtonXSmall span, a.hButtonXSmallPrimary span, a.hButtonXSmallSecondary span, a.hButtonXSmallTertiary span {
	line-height: 18px; /* Line-height should be equal to height - 2px */
	padding-left: 10px; /* The width of the right image */
}

/*****************/
/* XLarge styles */
/*****************/

/* Text colors */
a.hButtonXLarge,
a.hButtonXLargePrimary				 { color: white; }
a.hButtonXLargeSecondary			 { color: white; }
a.hButtonXLargeTertiary			 { color: white; }

/* Normal state */
a.hButtonXLarge,
a.hButtonXLargePrimary				 { background-position: right -150px; }
a.hButtonXLarge span,
a.hButtonXLargePrimary span		 { background-position: left 0px; }
a.hButtonXLargeSecondary			 { background-position: right -1140px; }
a.hButtonXLargeSecondary span		 { background-position: left -990px; }
a.hButtonXLargeTertiary			 { background-position: right -2130px; }
a.hButtonXLargeTertiary span		 { background-position: left -1980px; }

/* Hover state */
a.hButtonXLarge:hover,
a.hButtonXLargePrimary:hover		 { background-position: right -200px; }
a.hButtonXLarge:hover span,
a.hButtonXLargePrimary:hover span	 { background-position: left -50px; }
a.hButtonXLargeSecondary:hover		 { background-position: right -1190px; }
a.hButtonXLargeSecondary:hover span	 { background-position: left -1040px; }
a.hButtonXLargeTertiary:hover		 { background-position: right -2180px; }
a.hButtonXLargeTertiary:hover span	 { background-position: left -2030px; }

/* Active state */
a.hButtonXLarge.IEActiveStateBugfix,
a.hButtonXLarge:active,
a.hButtonXLargePrimary.IEActiveStateBugfix,
a.hButtonXLargePrimary:active		 { background-position: right -250px; }
a.hButtonXLarge.IEActiveStateBugfix span,
a.hButtonXLarge:active span,
a.hButtonXLargePrimary.IEActiveStateBugfix span,
a.hButtonXLargePrimary:active span	 { background-position: left -100px; }
a.hButtonXLargeSecondary.IEActiveStateBugfix,
a.hButtonXLargeSecondary:active		 { background-position: right -1240px; }
a.hButtonXLargeSecondary.IEActiveStateBugfix span,
a.hButtonXLargeSecondary:active span { background-position: left -1090px; }
a.hButtonXLargeTertiary.IEActiveStateBugfix,
a.hButtonXLargeTertiary:active		 { background-position: right -2230px; }
a.hButtonXLargeTertiary.IEActiveStateBugfix span,
a.hButtonXLargeTertiary:active span	 { background-position: left -2080px; }

/*****************/
/* Large styles */
/*****************/

/* Text colors */
a.hButtonLarge,
a.hButtonLargePrimary				 { color: white; }
a.hButtonLargeSecondary			 { color: white; }
a.hButtonLargeTertiary				 { color: white; }

/* Normal state */
a.hButtonLarge,
a.hButtonLargePrimary				 { background-position: right -420px; }
a.hButtonLarge span,
a.hButtonLargePrimary span			 { background-position: left -300px; }
a.hButtonLargeSecondary			 { background-position: right -1410px; }
a.hButtonLargeSecondary span		 { background-position: left -1290px; }
a.hButtonLargeTertiary				 { background-position: right -2400px; }
a.hButtonLargeTertiary span		 { background-position: left -2280px; }

/* Hover state */
a.hButtonLarge:hover,
a.hButtonLargePrimary:hover		 { background-position: right -460px; }
a.hButtonLarge:hover span,
a.hButtonLargePrimary:hover span	 { background-position: left -340px; }
a.hButtonLargeSecondary:hover		 { background-position: right -1450px; }
a.hButtonLargeSecondary:hover span	 { background-position: left -1330px; }
a.hButtonLargeTertiary:hover		 { background-position: right -2440px; }
a.hButtonLargeTertiary:hover span	 { background-position: left -2320px; }

/* Active state */
a.hButtonLarge.IEActiveStateBugfix,
a.hButtonLarge:active,
a.hButtonLargePrimary.IEActiveStateBugfix,
a.hButtonLargePrimary:active		 { background-position: right -500px; }
a.hButtonLarge.IEActiveStateBugfix span,
a.hButtonLarge:active span,
a.hButtonLargePrimary.IEActiveStateBugfix span,
a.hButtonLargePrimary:active span	 { background-position: left -380px; }
a.hButtonLargeSecondary.IEActiveStateBugfix,
a.hButtonLargeSecondary:active		 { background-position: right -1490px; }
a.hButtonLargeSecondary.IEActiveStateBugfix span,
a.hButtonLargeSecondary:active span	 { background-position: left -1370px; }
a.hButtonLargeTertiary.IEActiveStateBugfix,
a.hButtonLargeTertiary:active		 { background-position: right -2480px; }
a.hButtonLargeTertiary.IEActiveStateBugfix span,
a.hButtonLargeTertiary:active span	 { background-position: left -2360px; }

/*****************/
/* Medium styles */
/*****************/

/* Text color */
a.hButtonMedium,
a.hButtonMediumPrimary				 { color: white; }
a.hButtonMediumSecondary			 { color: white; }
a.hButtonMediumTertiary			 { color: white; }

/* Normal state */
a.hButtonMedium,
a.hButtonMediumPrimary				 { background-position: right -630px; }
a.hButtonMedium span,
a.hButtonMediumPrimary span		 { background-position: left -540px; }
a.hButtonMediumSecondary			 { background-position: right -1620px; }
a.hButtonMediumSecondary span		 { background-position: left -1530px; }
a.hButtonMediumTertiary			 { background-position: right -2610px; }
a.hButtonMediumTertiary span		 { background-position: left -2520px; }

/* Hover state */
a.hButtonMedium:hover,
a.hButtonMediumPrimary:hover		 { background-position: right -660px; }
a.hButtonMedium:hover span,
a.hButtonMediumPrimary:hover span	 { background-position: left -570px; }
a.hButtonMediumSecondary:hover		 { background-position: right -1650px; }
a.hButtonMediumSecondary:hover span	 { background-position: left -1560px; }
a.hButtonMediumTertiary:hover		 { background-position: right -2640px; }
a.hButtonMediumTertiary:hover span	 { background-position: left -2550px; }

/* Active state */
a.hButtonMedium.IEActiveStateBugfix,
a.hButtonMedium:active,
a.hButtonMediumPrimary.IEActiveStateBugfix,
a.hButtonMediumPrimary:active		 { background-position: right -690px; }
a.hButtonMedium.IEActiveStateBugfix span,
a.hButtonMedium:active span,
a.hButtonMediumPrimary.IEActiveStateBugfix span,
a.hButtonMediumPrimary:active span	 { background-position: left -600px; }
a.hButtonMediumSecondary.IEActiveStateBugfix,
a.hButtonMediumSecondary:active		 { background-position: right -1680px; }
a.hButtonMediumSecondary.IEActiveStateBugfix span,
a.hButtonMediumSecondary:active span { background-position: left -1590px; }
a.hButtonMediumTertiary.IEActiveStateBugfix,
a.hButtonMediumTertiary:active		 { background-position: right -2670px; }
a.hButtonMediumTertiary.IEActiveStateBugfix span,
a.hButtonMediumTertiary:active span	 { background-position: left -2580px; }

/*****************/
/* Small styles */
/*****************/

/* Text color */
a.hButtonSmall,
a.hButtonSmallPrimary				 { color: white; }
a.hButtonSmallSecondary			 { color: white; }
a.hButtonSmallTertiary				 { color: white; }

/* Normal state */
a.hButtonSmall,
a.hButtonSmallPrimary				 { background-position: right -795px; }
a.hButtonSmall span,
a.hButtonSmallPrimary span			 { background-position: left -720px; }
a.hButtonSmallSecondary			 { background-position: right -1785px; }
a.hButtonSmallSecondary span		 { background-position: left -1710px; }
a.hButtonSmallTertiary				 { background-position: right -2775px; }
a.hButtonSmallTertiary span		 { background-position: left -2700px; }

/* Hover state */
a.hButtonSmall:hover,
a.hButtonSmallPrimary:hover		 { background-position: right -820px; }
a.hButtonSmall:hover span,
a.hButtonSmallPrimary:hover span	 { background-position: left -745px; }
a.hButtonSmallSecondary:hover		 { background-position: right -1810px; }
a.hButtonSmallSecondary:hover span	 { background-position: left -1735px; }
a.hButtonSmallTertiary:hover		 { background-position: right -2800px; }
a.hButtonSmallTertiary:hover span	 { background-position: left -2725px; }

/* Active state */
a.hButtonSmall.IEActiveStateBugfix,
a.hButtonSmall:active,
a.hButtonSmallPrimary.IEActiveStateBugfix,
a.hButtonSmallPrimary:active		 { background-position: right -845px; }
a.hButtonSmall.IEActiveStateBugfix span,
a.hButtonSmall:active span,
a.hButtonSmallPrimary.IEActiveStateBugfix span,
a.hButtonSmallPrimary.IEActiveStateBugfix span,
a.hButtonSmallPrimary:active span	 { background-position: left -770px; }
a.hButtonSmallSecondary.IEActiveStateBugfix,
a.hButtonSmallSecondary:active		 { background-position: right -1835px; }
a.hButtonSmallSecondary.IEActiveStateBugfix span,
a.hButtonSmallSecondary:active span	 { background-position: left -1760px; }
a.hButtonSmallTertiary.IEActiveStateBugfix,
a.hButtonSmallTertiary:active		 { background-position: right -2825px; }
a.hButtonSmallTertiary.IEActiveStateBugfix span,
a.hButtonSmallTertiary:active span	 { background-position: left -2750px; }

/*****************/
/* XSmall styles */
/*****************/

/* Text color */
a.hButtonXSmall,
a.hButtonXSmallPrimary				 { color: white; }
a.hButtonXSmallSecondary			 { color: white; }
a.hButtonXSmallTertiary			 { color: white; }

/* Normal state */
a.hButtonXSmall,
a.hButtonXSmallPrimary				 { background-position: right -930px; }
a.hButtonXSmall span,
a.hButtonXSmallPrimary span		 { background-position: left -870px; }
a.hButtonXSmallSecondary			 { background-position: right -1920px; }
a.hButtonXSmallSecondary span		 { background-position: left -1860px; }
a.hButtonXSmallTertiary			 { background-position: right -2910px; }
a.hButtonXSmallTertiary span		 { background-position: left -2850px; }

/* Hover state */
a.hButtonXSmall:hover,
a.hButtonXSmallPrimary:hover		 { background-position: right -950px; }
a.hButtonXSmall:hover span,
a.hButtonXSmallPrimary:hover span	 { background-position: left -890px; }
a.hButtonXSmallSecondary:hover		 { background-position: right -1940px; }
a.hButtonXSmallSecondary:hover span	 { background-position: left -1880px; }
a.hButtonXSmallTertiary:hover		 { background-position: right -2930px; }
a.hButtonXSmallTertiary:hover span	 { background-position: left -2870px; }

/* Active state */
a.hButtonXSmall.IEActiveStateBugfix,
a.hButtonXSmall:active,
a.hButtonXSmallPrimary.IEActiveStateBugfix,
a.hButtonXSmallPrimary:active		 { background-position: right -970px; }
a.hButtonXSmall.IEActiveStateBugfix span,
a.hButtonXSmall:active span,
a.hButtonXSmallPrimary.IEActiveStateBugfix span,
a.hButtonXSmallPrimary.IEActiveStateBugfix span,
a.hButtonXSmallPrimary:active span	 { background-position: left -910px; }
a.hButtonXSmallSecondary.IEActiveStateBugfix,
a.hButtonXSmallSecondary:active		 { background-position: right -1960px; }
a.hButtonXSmallSecondary.IEActiveStateBugfix span,
a.hButtonXSmallSecondary:active span { background-position: left -1900px; }
a.hButtonXSmallTertiary.IEActiveStateBugfix,
a.hButtonXSmallTertiary:active		 { background-position: right -2950px; }
a.hButtonXSmallTertiary.IEActiveStateBugfix span,
a.hButtonXSmallTertiary:active span	 { background-position: left -2890px; }

/*****************/
/* Submit button */
/*****************/

/* "Hide" submit buttons with this class */
input.hButtonHiddenSubmit {
	position:absolute;
	width: 0px;
	height: 0px;
	left:-1px;
	top:-1px;
	background-color: transparent;
	border: 0px none transparent;
	text-indent: -10000px;
}

/* ColorBox and overlays */
#hLib-overlay-position {position:absolute; top:0; left:0; z-index:99990; overflow:visible;}
#colorbox, #cboxOverlay, #hLib-overlay {position:absolute; top:0; left:0; z-index:99999; overflow:hidden;}
#cboxOverlay, #hLib-overlay {position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear:left;}
#cboxContent {position:relative;}
#cboxLoadedContent {overflow:auto;}
#cboxWrapper {overflow: hidden;}
#cboxTitle {margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;}
.cboxPhoto {float:left; margin:auto; border:0; display:block;}
.cboxIframe {width:100%; height:100%; display:block; border:0;}

/* ColorBox default style */
#cboxOverlay {background:#fff;}
.hLib-modal-hideOverlay #cboxOverlay {display: none !important;}
#colorbox {}
    #cboxTopLeft {width:11px; height:11px; background:url(../gfx/hLib/hLib_icons.png) no-repeat -89px -137px;}
    #cboxTopRight {width:11px; height:11px; background:url(../gfx/hLib/hLib_icons.png) no-repeat -136px -137px;}
    #cboxBottomLeft {width:11px; height:11px; background:url(../gfx/hLib/hLib_icons.png) no-repeat -87px -190px;}
    #cboxBottomRight {width:11px; height:11px; background:url(../gfx/hLib/hLib_icons.png) no-repeat -136px -191px;}
    #cboxMiddleLeft {width:11px; background:url(../gfx/hLib/hLib_icons_y.png) -7px 0 repeat-y;}
    #cboxMiddleRight {width:11px; background:url(../gfx/hLib/hLib_icons_y.png) -43px 0 repeat-y;}
    #cboxTopCenter {height:11px; background:url(../gfx/hLib/hLib_icons_x.png) 0 -77px repeat-x;}
    #cboxBottomCenter {height:11px; background:url(../gfx/hLib/hLib_icons_x.png) 0 -102px repeat-x;}
    #cboxContent {background:#fff; overflow:visible;}
        #cboxError {padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent {margin-bottom:0px; padding: 0px; text-align:left;}
        #cboxTitle {position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent {position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow {position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious {position:absolute; bottom:0; left:0; background:url(../gfx/hLib/hLib_icons.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover {background-position:-50px -25px;}
        #cboxNext {position:absolute; bottom:0; left:27px; background:url(../gfx/hLib/hLib_icons.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover {background-position:-25px -25px;}
        #cboxLoadingOverlay {background:url(../gfx/hLib/modal_loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic {background:url(../gfx/hLib/hLib_loading5.gif) no-repeat center center; height: 100%;}
        #cboxClose {position:absolute; top:-9px; right:-9px; background:url(../gfx/hLib/hLib_icons.png) no-repeat -64px -25px; width:20px; height:20px; text-indent:-9999px;}
        #cboxClose.hover {background-position:-155px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* IE6 */
.cboxIE6 #cboxTopLeft,.cboxIE6 #cboxTopRight,.cboxIE6 #cboxBottomLeft,.cboxIE6 #cboxBottomRight,.cboxIE6 #cboxClose {background-image:url(../gfx/hLib/hLib_icons_8.png)}
.cboxIE6 #cboxTopCenter,.cboxIE6 #cboxBottomCenter {background-image:url(../gfx/hLib/hLib_icons_x_8.png)}
.cboxIE6 #cboxMiddleLeft,.cboxIE6 #cboxMiddleRight {background-image:url(../gfx/hLib/hLib_icons_y_8.png)}
.cboxIE6 #cboxTopCenter { background-position: 0 -74px; }
.cboxIE6 #cboxMiddleLeft { background-position: -10px 0; }
.cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomRight { background: transparent; }

/* Modal alert */
.hLib-modal #cboxLoadedContent {
    font-size: 12px;
}

.hLib-modal-alert #cboxClose, .hLib-modal-confirm #cboxClose, .hLib-modal-noclose #cboxClose { display: none !important; }
.hLib-modal .alert-confirm-wrap { padding: 30px 30px 10px; }
.hLib-modal-alert #cboxLoadedContent, .hLib-modal-confirm #cboxLoadedContent {text-align:center;}

.hLib-modal .btns {
    margin: 20px 0 10px;
    height: 25px;
}
.hLib-modal .btn {
    font-size: 11px;
    border: 2px solid #ccc;
    background: #fff;
    text-decoration: none;
    font-weight: bold;
    color: #555;
    padding: 3px 15px;
    float: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.hLib-modal .cancel {
    margin-left: 15px;
}

.hLib-modal .btn:hover { text-decoration: none; }
.hLib-modal .ok:hover     { background: #F5FFF5; }
.hLib-modal .cancel:hover { background: #FFF5F5; }

.hLib-modal #cboxLoadedContent p {
    margin: 10px 0;
}

#hLib-loading-seperate { z-index: 999999; }

#hLib-loading-seperate .hLib-loading {
    height: 100%;
    width: 100%;
    text-align: center;
}

.hLib-loading {
    padding: 20px;
    background: #fff;
}

.hLib-loading span.loadingicon {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: url(../gfx/hLib/hLib_loading2.gif) no-repeat center center transparent;
}

.hLib-blockUI {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;    
    z-index: 99999;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.7); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF);
    zoom: 1;
}

.hLib-blockUI .cntBox {
    width: 200px;
    background: url(../gfx/hLib/hLib_loading2.gif) no-repeat center 10px #fff;
    padding: 65px 10px 10px;
    text-align: center;
    margin: 0 auto;
}

.hLib-blockUI .message {
    margin: 0;
}

/* Base style for custom youtube player */
.ytVideoWrapInner {
    position: relative;
}

.youtubeControlsContainer {
	position: absolute;
    bottom: 0;
    left: 0;
    background: transparent;
	display: block;
    width: 100%;
    height: 22px;
    z-index: 1000;
}

.youtubeControls {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #000;
	width: 100%;
	height: 18px;
	display: block;
	padding-top: 4px;
	overflow: hidden;
}

.youtubeTimeInfoBox {
    position: absolute;
    bottom: 20px;
    left: 10px;
    display: none;
    background: #000;
    color: #eee;
    padding: 2px;
    width: 40px;
    height: 17px;
    text-align: center;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.youtubeControls a.toggleState {
	background: url("../gfx/hLib/hLib_icons.png") -23px -78px;
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	margin: 0 2px 0 5px;
}

.paused .youtubeControls a.toggleState  { background-position: -23px -78px; }
.playing .youtubeControls a.toggleState { background-position: -3px -78px; }
.paused .youtubeControls a.toggleState:hover  { background-position: -23px -99px; }
.playing .youtubeControls a.toggleState:hover { background-position: -3px -99px; }

.youtubeControls div.timeSpanFull {
	height: 9px;
	width: 200px;
	display: block;
	float: left;
	margin: 3px 5px 0 5px;
	background: #555;
	position: relative;
	cursor: pointer;
	webkit-border-radius: 3px;
	moz-border-radius: 3px;
	border-radius: 3px;
}

.youtubeControls div.timeSpanCache {
	height: 8px;
	width: 0%;
	display: block;
	background: #555;
	position: absolute;
	left: 0;
	top: 0;
}

.youtubeControls div.timeSpanRunning {
	height: 8px;
	width: 8px;
	display: block;
	background: #ccc;
	position: absolute;
	left: 0;
	top: 0;
	overflow: visible !important;
	webkit-border-radius: 3px;
	moz-border-radius: 3px;
	border-radius: 3px;
}
.youtubeControls .dot {
	background: url("../gfx/hLib/hLib_icons.png") no-repeat -159px -77px transparent;
	height: 15px;
	width: 15px;
	display: block;
	position: absolute;
	right: 0;
	top: -4px;
}

.youtubeControls a.toggleSound {
	background: url("../gfx/hLib/hLib_icons.png") no-repeat -87px -77px transparent;
	width: 20px;
	height: 16px;
	display: block;
	float: right;
	margin: -1px 2px 0 0;
	text-indent: -5000px;
	overflow: hidden;
}

.soundOn .youtubeControls a.toggleSound        { background-position: -87px -77px; }
.soundOn .youtubeControls a.toggleSound:hover  { background-position: -87px -98px; }
.soundOff .youtubeControls a.toggleSound       { background-position: -118px -77px; }
.soundOff .youtubeControls a.toggleSound:hover { background-position: -118px -98px; }

.youtubeControls .setSound {
	width: 30px;
	height: 16px;
	display: block;
	float: right;
	margin: -1px 7px 0;
}

.youtubeControls .setSound a {
    background: url("../gfx/hLib/hLib_icons.png") no-repeat -48px -77px transparent;
    display: inline;
    float: left;
    width: 5px;
    height: 16px;
    padding: 0 0 0 1px;
}

.youtubeControls .setSound a.v0 { background-position: -48px -77px }
.youtubeControls .setSound a.v1 { background-position: -54px -77px }
.youtubeControls .setSound a.v2 { background-position: -60px -77px }
.youtubeControls .setSound a.v3 { background-position: -66px -77px }
.youtubeControls .setSound a.v4 { background-position: -72px -77px }

.volume0 .youtubeControls .setSound a.v0,
.volume1 .youtubeControls .setSound a.v0,
.volume2 .youtubeControls .setSound a.v0,
.volume3 .youtubeControls .setSound a.v0,
.volume4 .youtubeControls .setSound a.v0 { background-position: -48px -98px }
.volume1 .youtubeControls .setSound a.v1,
.volume2 .youtubeControls .setSound a.v1,
.volume3 .youtubeControls .setSound a.v1,
.volume4 .youtubeControls .setSound a.v1 { background-position: -54px -98px }
.volume2 .youtubeControls .setSound a.v2,
.volume3 .youtubeControls .setSound a.v2,
.volume4 .youtubeControls .setSound a.v2 { background-position: -60px -98px }
.volume3 .youtubeControls .setSound a.v3,
.volume4 .youtubeControls .setSound a.v3 { background-position: -66px -98px }
.volume4 .youtubeControls .setSound a.v4 { background-position: -72px -98px }

.soundOff .youtubeControls .setSound a.v0 { background-position: -48px -77px }
.soundOff .youtubeControls .setSound a.v1 { background-position: -54px -77px }
.soundOff .youtubeControls .setSound a.v2 { background-position: -60px -77px }
.soundOff .youtubeControls .setSound a.v3 { background-position: -66px -77px }
.soundOff .youtubeControls .setSound a.v4 { background-position: -72px -77px }

.overlayvideo,
.overlayvideo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.overlayvideo img {
    display: none;
}

/* Custom dropdown */
.hDropdown, .hDropdown:hover, .hDropdown:active, .hDropdown:focus, .hDropdown:visited {
    border: 1px solid #ccc;
    padding: 0 20px 4px 4px;
    height: 15px;
    cursor: default;
    position: relative;
    background: #fff;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.hDropdown .ico {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../gfx/hLib/hLib_icons_8.png) no-repeat -88px 5px #fff;
    width: 17px;
    border-left: 1px solid #fff;
    height: 19px;
}
.hDropdown:hover .ico,
.active .ico {
    background-color: #E1F3FC;
    border-color: #B1E1F9;
}


.hDropdown.disabled,
.disabled {
    background: #e2e2e2;
    border-color: #e2e2e2;
    color: #555;
}

.hDropdown.disabled .ico,
.disabled .ico
.hDropdown.disabled:hover .ico,
.disabled:hover .ico {
    background-color: #e2e2e2;
    border-color: #e2e2e2;
}


.hDropdownResult {
    border: 1px solid #ccc;
    background: #fff;
    display: none;
    position: relative;
    text-align: left;
    float: left;
    visibility: hidden;
    overflow: auto;
    margin: 0;
    padding: 0;
    min-width: 100px;
    -webkit-border-radius: 0 0 2px 2px;
     -moz-border-radius: 0 0 2px 2px;
          border-radius: 0 0 2px 2px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}

.hDropdownResult li {
    clear: both;
    display: block;
    cursor: default;
    list-style-type: none;
    text-decoration: none;
    color: #353535;
    padding: 0 4px;
    margin: 1px;
}

.hDropdownResult li:hover,
.hDropdownResult li.hover {
    background: #e1e1e1;
}

.hDropdownResult li.selected {
    background: #96BCCC;
    color: #fff;
}

.hDropdownResult li.hover.selected {
    background: #A6CCDC;
}

.hDropdownResult li.disabled,
.hDropdownResult li.disabled:hover {
    background: #e2e2e2;
    color: #888;
}

.hDropdownResult input {
    margin-right: 5px;
    cursor: default;
}