/*
@font-face {
	font-family: 'AdobeJensonProRegular';
	src: url('fonts/AJensonPro-Regular.eot');
}
@font-face {
	font-family: 'AdobeJensonProRegular';
	src: local('Adobe Jenson Pro Regular'), local('AJensonPro-Regular'), url('fonts/AJensonPro-Regular.ttf') format('truetype'), url('fonts/AJensonPro-Regular.svg#AJensonPro-Regular') format('svg');
}

@font-face {
	font-family: 'AdobeJensonProBold';
	src: url('fonts/AJensonPro-Bold.eot');
}
@font-face {
	font-family: 'AdobeJensonProBold';
	src: local('Adobe Jenson Pro Bold'), local('AJensonPro-Bold'), url('fonts/AJensonPro-Bold.ttf') format('truetype'), url('fonts/AJensonPro-Bold.svg#AJensonPro-Bold') format('svg');
}
*/
/*
@font-face {
	font-family: 'LinuxLibertineRegular';
	src: url('fonts/LinLibertine_Re-4.1_.8_.eot');
}
@font-face {
	font-family: 'LinuxLibertineRegular';
	src: local('Linux Libertine'), local('LinLibertine'), url('fonts/LinLibertine_Re-4.1_.8_.woff') format('woff'), url('fonts/LinLibertine_Re-4.1_.8_.ttf') format('truetype'), url('fonts/LinLibertine_Re-4.1_.8_.svg#LinLibertine') format('svg');
}
@font-face {
	font-family: 'LinuxLibertineItalic';
	src: url('fonts/LinLibertine_It-4.0_.3_.eot');
}
@font-face {
	font-family: 'LinuxLibertineItalic';
	src: local('LinLibertineI'), url('fonts/LinLibertine_It-4.0_.3_.woff') format('woff'), url('fonts/LinLibertine_It-4.0_.3_.ttf') format('truetype'), url('fonts/LinLibertine_It-4.0_.3_.svg#LinLibertineI') format('svg');
}
@font-face {
	font-family: 'LinuxLibertineBold';
	src: url('fonts/LinLibertine_Bd-4.0_.2_.eot');
}
@font-face {
	font-family: 'LinuxLibertineBold';
	src: local('LinLibertineB'), url('fonts/LinLibertine_Bd-4.0_.2_.woff') format('woff'), url('fonts/LinLibertine_Bd-4.0_.2_.ttf') format('truetype'), url('fonts/LinLibertine_Bd-4.0_.2_.svg#LinLibertineB') format('svg');
}
*/
body {
	background:			#fff;
	font-family:		Palatino, Georgia, serif;
	font-size:			15px;
	color:				#3E2605;
	padding:			30px 0;
	line-height:		1.3;
}

dd {
	margin:				0;
	padding:			0;	
}

dt {
	line-height:		1;
}

a {
	color:				#3E2605;
	border-bottom:		dotted 1px #3E2605;
	text-decoration:	none;
	
}

a img, .image a, .image2 a, a.clean img, a.clean {
	border:				none !important;
}

a:hover {
	color:				#62A422;
	border-bottom:		dotted 1px #62A422;
	text-decoration:	none;
	
}

p, h2, h3, h4, h5 {
	margin:				0;
	padding:			0;
}

h1 a, h1 a:hover, div#logo a {
	border:				none;
}

h1, h2, h3, h4, h5, strong, dt, 
ul#mainnavigation li a, ul#mainnavigation li strong,
ul.subnav li a, ul.subnav li.active a , ul.subnav li strong, 
.special, .subtitle, th, td.total, 
ul#catalogue  a, ul#catalogue  strong, div.quickorder a,
a.cart2cash, input.cart2cash, legend 
{
	font-family:		Palatino, Georgia, serif;
	font-weight:		bold;
}

h2, h1 {
	margin:				0 0 10px 0;
	font-size:			18px;
	text-transform:		uppercase;
}

h2 + h2 {
	margin:				20px 0 10px 0;
}

h3 {
	margin:				0 0 5px 0;
	font-size:			18px;
}

h3 + h3, h2 + h3 {
	margin:				10px 0 5px 0;
}

.maincol h3, .widecol h3 {
	border-top:			dotted 1px #3E2605;
	padding-top:		20px;
	margin-top:			10px;
}

h4 {
	margin:				10px 0 5px 0;
	font-size:			18px;
}

.box h4 {
	font-size:			15px;
}

h4 + h4, h3 + h4, h2 + h4, p + h4 {
	margin:				10px 0 5px 0;
}

h5 {
	margin:				0 0 0 0;
	font-size:			15px;
}

div#container {
	width:				960px;
	margin:				0 auto;
}

ul#langbar, ul#loginbar, ul#mainnavigation, ul.subnav, ul.subnav ul, 
ul#footernav, div.box ul, ul.catlist, ul.catoverview, ul.calendarbox, 
ul.articles, ul#catalogue, ul.productdetails, ul.productdetails  li ul,
.savecart ul, ul#ordernav, ul#orderpayship, ul.searchdealer, #searchresults ul , .cycle, ul.kraeuter, ul.kraeutergallery {
	list-style:			none;
	margin:				0;
	padding:			0;
}

.cycle {
	cursor:				pointer;
}

ul.kraeuter li {
	width:				32%;
	padding-right:		2%;
	float:				left;
	margin-top:			20px;
	padding-bottom:		30px;
	height:				250px;
	overflow:			hidden;
	border-bottom:		dotted 1px #333;
	line-height:		1.1em;
}

ul.kraeuter li.nobottom {
	border-color:		#fff;
}

ul.kraeuter li.lastinrow {
	padding-right: 		0;
}

ul.kraeuter li a {
	border-bottom:		none;
}

ul.kraeuter li div{
	ttext-align:			center;
}

ul.kraeuter li h3 {
	border:				none;
	margin:				0;
	padding:			5px 0;
}

ul.kraeuter li h3 em {
	font-size:			16px;
	display:			block;
	margin-top:			5px;
}

ul.kraeuter li div.image3 {
	margin-bottom:		5px;
}

ul.kraeuter li div.text {
	width:				180px;
	mmargin-left:		20px;
}

div.sorter {
	background:			#EBF2DF;
	padding:			10px;
	margin:				10px 0;
}

div.sorter a.active,
p.kraeutersort a.active{
	border:				none;
	font-weight:		bold;
}

div.imagekraeuter {
	float:				right;
	width:				180px;
	margin-left:		20px;
}

div.box ul.kraeuterliste li{
	margin-bottom:		6px;
	font-size:			13px;
}

div.box p.kraeutersort {
	font-size:			13px;
	margin-bottom:		12px;
}

ddiv.box.wmbox {
	background:#EBF2DF url(../img/layout/wmbox1.png) top left no-repeat;
	background:#EBF2DF url(../img/layout/wmbox2.png) bottom right no-repeat;
	min-height:210px;
}

ul.kraeutergallery a {
	border:				none;
}

ul.kraeutergallery li {
	margin-bottom:		20px;
	background:			#EBF2DF;
	padding:			10px;
}

ul.kraeutergallery li span,
ul.kraeutergallery li em {
	font-size:			13px;
	line-height:		13px;
}

ul#langbar strong, ul#loginbar strong, ul#catalogue strong, ul#ordernav strong{
	color:					#62A422;
}

ul#langbar li, ul#mainnavigation li, dl.cart, ul#footernav li, ul.catlist li, 
ul.catoverview li, ul.calendarbox li, .savecart ul li, ul#ordernav li, ul.searchdealer li,
#searchresults ul li {
	float:				left;
}

ul.catlist .image,
ul.catoverview img{
	padding-bottom:		5px;
}

ul.catlist li dt,
ul.catoverview li dt  {
	font-size:			16px;
}

ul.recommendlist dt {
	margin-top:			5px;
}

div#banner {
	height:				90px;
	border-top:			dotted 1px #3E2605;
	border-bottom:		dotted 1px #3E2605;
	margin-top:			5px;
	position:			relative;
}

div#banner p {
	position:			absolute;
	right:				0;
	bottom:				-20px;
	font-family:		Palatino, Georgia, serif;
	font-style:			italic;
	font-size:			12px;
}

div#header {
	margin-top:			18px;
}

div#header h1, div#header dl, div#header div#logo {
	background:			#fff;
	margin:				0;
	padding:			0;
}

ul#langbar, ul#loginbar, div#header h1, div#header div#logo {
	float:				left;
	width:				50%;
	display:			block;
}

ul#langbar li {
	line-height:		1.5;
	vertical-align:		middle;
}

div#header h1, div#header div#logo {
	width:				710px;
	margin-left:		-20px;
}

ul#loginbar, ul#loginbar li, dl.cart, div#searchform {
	float:				right;
}

div#header dl.cart {
	width:				250px;
	text-align:			right;
	margin-top:			33px;
	padding:			15px 0;
}

dl.cart dt, dl.cart dd {
	padding:			0;
	margin:				0;
}

dl.cart dt {
	margin-bottom:		5px;
}

ul#mainnavigation {
	width:				700px;
	float:				left;
}

div#searchform {
	width:				250px;
	text-align:			right;
	margin-top:			-5px;
}

div#searchform form {
	margin:				0;
	padding:			0;
}

div#searchform form input {
	width:				172px;
}

div#searchform form input.submit {
	width:				auto;
	margin:				0;
}

ul#mainnavigation li a,
ul#mainnavigation li strong {
	color:				#3E2605;
	display:			block;
	text-decoration:	none;
	text-transform:		uppercase;
	border:				none;
}

ul#mainnavigation li a:hover, ul#mainnavigation li strong, ul#mainnavigation li.active a {
	color:				#62A422;
	border:				none;
}

ul#mainnavigation li, ul.searchdealer li {
	margin-right:		15px;
}

div#nav_search {
	border-bottom:		dotted 1px #3E2605;
	padding-bottom:		10px;
}

p#breadcrumb {
	float:				left;
	width:				850px;
	color:				#62A422;
}

p#breadcrumb a {
	text-decoration:	none;
}



a#toplink {
	float:				right;
	text-align:			right;
}

address {
	font-style:			normal;
	display:			block;
	padding:			0;
	margin:				0;
}

.topborder {
	border-top:			dotted 1px #3E2605;
	padding:			10px 0 7px 0 !important;
}

div#content {
	padding:			30px 0 30px 0;
}

div#content .leftcol, div#content .rightcol {
	float:				left;
	width:				240px;
}

.lp div#content .rightcol {width:520px;}
div#content .rightcol .img img {max-width:180px;max-height:400px;}
.lp div#content .rightcol .img img {max-width:480px;max-height:600px;}
div#content .rightcol {
	float:				right;
}

div#content .maincol {
	float:				left;
	width:				420px;
	padding:			0 25px;
}

div#content .widecol {
	float:				left;
	width:				695px;
	padding:			0 25px 0 0;
}

.lp div#content .widecol {
	float:				none;
	width:				auto;
	padding:			0 0 0 0;
}


div#content .widecol .maincol {
	padding:			0 0 0 0;
}

div#content .leftcol + .widecol {
	padding-right:		0;
	padding-left:		25px;
}


div.box {
	background:			#EBF2DF;
	margin-bottom:		30px;
	padding:			15px;
}

div.box h4 {
	text-transform:		uppercase;
	border-bottom:		dotted 1px #3E2605;
	margin:				0 0 10px 0;
	padding:			0 0 5px 0;
}

div.box li {
	margin-bottom:		3px;
}

div.box li + li>h4 {
	margin-top:			30px;
}

div.box li img {
	display:			block;
	margin:				15px auto 0 auto;
}

div.box h4 a, ul.subnav li a {
	text-decoration:	none;
	border:				none;
}

div.box h4 a:hover, ul.subnav li a:hover {
	text-decoration:	none;
}

ul.subnav + div {
	margin-top:			30px;
}

ul.subnav li {
	border-bottom:		dotted 1px #3E2605;
	margin:				5px 0 0 0;
	padding:			2px 0 4px 0;
}

ul.subnav li li {
	border:				none;
	margin:				2px 0 0 20px;
	padding:			0 0 2px 0;
}

ul.subnav li.active a , ul.subnav li strong, .special  {
	display:			block;
	color:				#62A422;
}

.special  {
	color:				#3E2605;
}

ul.subnav li.active li a,
ul.subnav li li.active li a {
	font-family:		Palatino, Georgia, serif;
	color:				#3E2605;
}

ul.subnav li li.active a,
ul.subnav li li li.active a {
	font-family:		Palatino, Georgia, serif;
	color:				#62A422;
	font-weight:		bold;
}

ul.subnav li.active a:hover {
	color:				#62A422;
}

ul.articles li {
	padding-bottom:		10px;
}

ul.currentnews li p.date,
ul.articles li p.date {
	margin:				5px 0;
}

.pbox h5 {
	margin:				10px 0 5px 0;
}

p.right, div.right, .num {
	text-align:			right;
}

p.center, div.center {
	text-align:			center;
}

a.linkbutton {
	text-decoration:	none;
}


a.linkbutton:after {
	content:			' \00BB';
}

div#content a {
	text-decoration:	none;
}


ul.catlist,
ul.catoverview,
.savecart ul {
	margin-top:			20px;
}

ul.catlist li,
ul.catoverview li,
.savecart ul li,
#searchresults ul li{
	width:				27%;
	height:				270px;
	margin:				0 2% 2% 0;
	padding:			15px;
	text-align:			center;
	background:			#EBF2DF;
	position:			relative;
	overflow:hidden;
}

ul.catoverview li {height:180px;}
.lp ul.catoverview li, .lp ul.catlist li {width:19.6%;}
ul.catlist li dl, ul.catoverview li dl {
	position:			absolute;
	bottom:				20px;
	width:				90%;
	left:10px;
}

#searchresults ul li, .searchresults  li{
	margin-bottom:		10px;
}

ul.catlist li a,
ul.catoverview li a,
ul.recommendlist li a {
	border:				none;
}

ul.catlist li:hover a,
ul.catoverview li:hover a,
ul.catlist li a:hover,
ul.catoverview li a:hover,
ul.recommendlist li a:hover,
ul.recommendlist li:hover a  {
	color:				#62A422;
	border:				none;
}

ul dl, ul dt, ul dd {
	margin:				0;
	padding:			0;
}



ul.recommendlist li {
	text-align:				center;
	margin-bottom:			15px;
	padding-bottom:			15px;
	border-bottom:			dotted 1px #3E2605;
}

.lp ul.recommendlist li {width:27%;margin-right:5%;float:left;}
ul.image, div.image, div.image2 {
	float:					right;
	margin:					0 0 5px 0;
	width:					190px;
	background:				#fff;
	text-align:				right;
}

div.widecol div.image2 {
	margin-top:				10px;
}

body.lp div.image2 {width:480px;margin-left:20px;margin-top:20px;}
.lp div.image2 img {max-width:480px;max-height:600px;}


div.image,ul.image {
	width:					80px;
	list-style:				none;
}

ul.productdetails div.image,
ul.productdetails ul.image {
	float:					left;
	margin-right:			10px;
}

ul.productdetails div.details {
	width:					320px;
	float:					right;
}

.third {
	width:					28%;
	margin-left:			3%;
	float:					left;
}

.halfcol {
	width:					50%;
	float:					left;
}

.widecol .halfcol, .halfcol.box {
	width:					48%;
	margin-left:			2%;
}

.widecol .halfcol:first-child, .halfcol.box:first-child {
	margin-left:			0;
}

.subtitle {
	margin-bottom:			15px;
}

.firstprice {
	font-size:				22px;
}

.third:first-child {
	margin-left:			0;
}

#boxbottom {
	margin-top:			30px;
}	

ul.calendarbox li {
	margin-left:		15px;
}

p.newsmeta {
	margin:				10px 0;
	padding:			15px;
	background:			#EBF2DF;
}

ul.currentnews li {
	margin:				0 0 15px 0;
}

dl.articles dd + dt {
	margin-top:			15px;
}

ul#catalogue, p.youthprotection   {
	margin:				15px 0;
	padding:			15px;
	background:			#EBF2DF;
}

ul#catalogue {
	margin-top:			0;
}

ul#catalogue li:first-child {
	margin-bottom:		5px;
}

ul#catalogue  a, ul#catalogue  strong, div.quickorder a {
	text-transform:		uppercase;
}

div.quickorder {
	background:			#62A422;
}

div.quickorder a:hover {
	color:				#fff;
	border-color:		#fff;
}

ul#catalogue  a {
	color:				#3E2605;
}

ul#catalogue  a:hover {
	color:				#62A422;
}

table#quickorder {
	width:	100%;
	margin:				15px 0;
}

ul.productdetails  li {
	border-top:			dotted 1px #3E2605;
	padding-top:		15px;
	margin-top:			15px;
}

ul.productdetails  li ul li {
	border:				none;
	margin:				0;
	padding:			0;
}

table#quickorder tr.handler h4 {
	width:			50%;
	background:		#EBF2DF url(../img/icons/arrow_right.gif) right center no-repeat;
	padding:		5px;
}

table#quickorder tr.handler h4:hover {
	background:		#EBF2DF url(../img/icons/arrow_down.gif) right center no-repeat;
}

.del {
	text-decoration:	line-through;
}

em {
	font-style:	italic;
}

.curr {
	display:block;
	margin-top:			-3px;
}

.productdetails .curr {
	font-size:			0.75em;
}

.image a.zoom,
.image span.zoom {
	border:				solid 1px #3E2605 !important;
	-moz-border-radius:	8px;
	-webkit-border-radius:	8px;
	padding:			0 4px;
	font-size:			13px;
} 

.image span.zoomwrap {
	font-size:			11px;
}


#map {width:100%;height:400px;margin:1em 0;}


.image a.zoom:hover {
	border-color:		#62A422 !important;
}

.autocompleter{border: 1px solid #3E2605;;width:250px;text-align:left !important; background-color: #fff;}
.autocompleter ul li {padding: 4px 1em !important;line-height:1em;}
.selectAutocompleter{background-color:#EBF2DF;}
.autocompleter .closebtn {text-align:right;}

table {width:100%;border-collapse:collapse;}
th, td {padding:0.2em;text-align:left;vertical-align:top;}
th {border-bottom:dotted 1px #3E2605;}
td.subtotal {border-top:dotted 1px #3E2605;}
td.total {border-top:dotted 1px #3E2605;}

input.submit {
	width:				auto;
	margin-left:		33%;
	
}


form#searchformext input.submit {
	margin-left:		5px;
}


a.cart2cash, input.cart2cash {
	font-size:			15px;
	border:				solid 1px #62A422;
	background:			#62A422;
	cursor:				pointer;
	padding:			6px 10px 3px 10px;
	text-transform:		uppercase;
	line-height:		1;
}

.cart2cash:hover {
	border:				solid 1px #62A422;
	color:				#fff;
}

.savecart {
	margin-top:			30px;
}

#orderpayship div.pay {width:45%;float:left;min-height:80px;}
#orderpayship div.pay  p{font-size:92%;}
#orderpayship div.ship {width:53%;float:right;margin-bottom:1em;padding:0.5%;text-align:right;background-color:transparent;border:solid 1px transparent;}
#orderpayship div.active {border:dotted 1px #3E2605;background-color:#EBF2DF;font-weight:normal;}
#orderpayship div label span.small {text-align:right;}
#orderpayship div.ship a{display:block;border:none;padding-right:2em;}
#orderpayship .ship label {width:80%;}
#orderpayship .ship p {margin-bottom:1em;}
#orderpayship .pay p {font-size:92%;overflow:hidden;}
#orderpayship li {margin-bottom:0.5em;padding-top:1em;border-top:dotted 1px #3E2605;overflow:hidden;}
#orderpayship .pay strong {font-size:18px;}
#orderpayship .payform {float:left;width:45%;}
#orderpayship .payform label {width:50%;}
#orderpayship .payform input {width:40%;}
#orderpayship .payform input.small, #orderpayship .payform input.small2 {width:2em;}
input.small2 {width:3em;}
#orderpayship .payform span{float:left;display:block;margin:0 0.3em;}
#orderpayship .payform span.error{float:left;margin:2px 0 0 0;width:80%;}
form #orderpayship p {border:none !important;}

ul#ordernav li {
	margin:				0 30px 30px 0;
	font-size:			15px;
}

ul#ordernav li a, ul#ordernav li strong, ul#ordernav li span  { 
	text-transform:		uppercase;
}

form input.small {
	width:				30px;
}

form, form fieldset {
	border:				none;
	margin:				0;
	padding:			0;
}

form p {
	margin-top:		10px;
	padding-top:		10px;
	border-top:		dotted 1px #3E2605;
}

form p.noform, form p.text {
	border-top:		none;
	padding-top:	0;
}

legend {
	margin:				0 0 10px 0;
	font-size:			16px;
}

fieldset + fieldset legend {
	padding-top:			30px;
	margin-bottom:			0;
	display:			block;
}

form p label, form p input, form p textarea, form p select {
	width:				30%;
	margin:				0 3% 0 0;
	float:				left;
}

form p label {
	/*border-bottom:		dotted 1px #333;*/
	margin:				0 4px 0 0;
	padding-right:		3%;
}

form p input.checkbox {
	width:				2em;
}

form p span.error, p.error {
	background:			#62A422 url(../img/icons/error-exclamation.gif) 4px top no-repeat;
	padding:			5px 5px 5px 20px;
	min-height:			30px;
	color:				#fff;
}

form p span.error {
	float:				right;
	margin-right:		0;
	width:				28%;
	
}

p.error, form p.error {
	float:				none;
	border:				none;
}

input.cart2cash {
	float:				right;
}



label.qf_after {
	width:				auto;
	border:				none;
}

textarea  {
	height:				200px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
}

input {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
}

form.add2cart p {
	border-top:			none;
	margin-top:			0;
	padding-top:			0;
}

form.add2cart p input.submit {
	margin-left:		0;
	background: none repeat scroll 0 0 #62A422;
	border:none;
	padding: 3px 6px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
}
form.add2cart p input.submit:hover {
	color:#333;
}

.productdetails .msg {
	margin-top:			10px;
}

#searchdealer form p {
	margin-top:		0;
	border:			none;
	padding-top:	0;
}

#searchdealer p.error {
	margin-top:		15px;
}

#searchdealer form p label {
	width:				45%;
}

#searchdealer form p input {
	margin-left:		0;
}

.currentnews p strong {
	font-family:		Palatino, Georgia, serif;
}

div.siegel {
	margin-top:		15px;
}


/*
	Clearfix
	===========================================================
*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;}
.clearfix {display: block;}	/* End hide from IE-mac */
	





/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*{padding: 0; margin: 0;}*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(../img/layout/macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#fff;
  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%;
}
* 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;
}

/* Main Style Sheet for jQuery Calendar */
#calendar_div, .calendar_inline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #ddd;
}
#calendar_div {
	display: none;
	border: 1px solid #777;
	z-index: 10; /*must have*/ 
}
#calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar {
	width: 185px;
}
.calendar_inline {
	float: left;
	display: block;
	border: 0;
}
.calendar_dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
button.calendar_trigger {
	width: 25px;
}
img.calendar_trigger {
	margin: 2px;
	vertical-align: middle;
}
.calendar_prompt {
	float: left;
	width: 181px;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .calendar_prompt {
	width: 185px;
}
.calendar_control, .calendar_links, .calendar_header, .calendar {
	clear: both;
	float: left;
	color: #fff;
}
.calendar_control {
	background: #400;
}
.calendar_links {
	background: #000;
}
.calendar_control, .calendar_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.calendar_links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.calendar_clear, .calendar_prev {
	float: left;
}
.calendar_current {
	float: left;
	width: 35%;
	text-align: center;
}
.calendar_close, .calendar_next {
	float: right;
}
.calendar_header {
	background: #333;
	text-align: center;
	font-weight: bold;
}
.calendar_header select {
	background: #333;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.calendar {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.calendar a {
	display: block;
	width: 100%;
}
.calendar .calendar_titleRow {
	background: #777;
}
.calendar .calendar_daysRow {
	background: #eee;
	color: #666;
}
.calendar .calendar_daysCell {
	color: #000;
	border: 1px solid #ddd;
}
#calendar .calendar_daysCell a{
	display: block;
}
.calendar .calendar_weekEndCell {
	background: #ddd;
}
.calendar .calendar_daysCellOver {
	background: #fff;
	border: 1px solid #777;
}
.calendar .calendar_unselectable {
	color: #888;
}
.calendar_today {
	background: #fcc !important;
}
.calendar_currentDay {
	background: #999 !important;
}

/* ________ CALENDAR LINKS _______

** Reset link properties and then override them with !important */
#calendar_div a, .calendar_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.calendar_inline .calendar_links a {
	padding: 0 5px !important;
}
.calendar_control a, .calendar_links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.calendar_titleRow a {
	color: #eee !important;
}
.calendar_control a:hover {
	background: #fdd !important;
	color: #333 !important;
}
.calendar_links a:hover, .calendar_titleRow a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ IE6 IFRAME FIX ________ */

.calendar_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 193px; /*must have to match width and borders*/
    height: 200px; /*must have to match maximum height*/ 
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
#jquery-lightbox a {
	border:		none;
}


/* ImageFlow Settings - CSS 2.1
==================================== */
@media screen, projection {
	.imageflow {
		visibility:hidden;
		position:relative; 
		text-align:left;
		width:100%;
		overflow:hidden;
	}
	.imageflow img {
		visibility:hidden;
		position:absolute; 
		top:0px;
		border:none;
		-ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
	}
	.imageflow p{
		text-align:center;
		margin:0 auto;
	}
	.imageflow .loading {
		position:relative;
		left:50%;
		margin-left:-106px;
		width:200px;
		height:15px;
		padding:5px;
		visibility:visible;
		border:1px solid white;
	}
	.imageflow .loading_bar {
		height:15px;
		width:1%;
		background:#fff;
		visibility:visible;
	}
	.imageflow .caption {
		font-family: Palatino, Georgia, serif;
		font-weight:	bold;
		position:relative; 
		text-align:center;
		z-index:97;
	}
	.imageflow .scrollbar {
		visibility:hidden;
		position:relative; 
		border-bottom:1px solid #b3b3b3;
		border-bottom:1px solid #333;
		z-index:98;
	}
	.imageflow .slider {
		position:absolute;
		margin-top:-7px;
		margin-left:-7px;
		z-index:99;
		background-image:url(slider_dark.png);
		background-repeat:no-repeat;
		width:14px;
		height:14px;
	}
	
	.imageflow .caption {
		color:		#000;
	}
	
	.imageflow-container  h3 {
		margin:			1.3em 0 0.75em 0;
	}
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../img/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	
#lightbox a {border:none;}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	

