html { height: 100%; min-height: 100%; overflow-y: scroll; font-size: 100%; }
body { margin: 0; padding: 0; height: 100%; min-height: 100%; font-family: Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.5em; color: #333; -webkit-text-size-adjust: none; }

h1, h2, h3 { margin: 0; padding: 0; line-height: 1.2em; color: #333; }
h1 { font-size: 1.7em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.1em; }

form, td, th { margin: 0; padding: 0; font-family: inherit; font-size: inherit; line-height: inherit; }
img, iframe { display: block; margin: 0; padding: 0; border: 0; }

a, a:visited { color: steelblue; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
a.url { text-decoration: underline; }
a.search-url { color: seagreen; }
a.download { display: inline-block; padding-left: 24px; background-position: left; background-repeat: no-repeat; }
a.pdf { background-image: url('/resources/ico-pdf.gif'); }
a.zip { background-image: url('/resources/ico-zip.gif'); }
a.cart { padding-left: 20px; background-image: url('/resources/ico-cart.gif'); background-repeat: no-repeat; background-position: left center; }

.block { display: block; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.justify { text-align: justify !important; }
.shadow { -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5); box-shadow: 0px 0px 5px rgba(0,0,0,.5); }

div.frame { position: relative; }
div.frame a { position: relative; display: block; margin: 0; padding: 0; }
div.frame a span.zoom { display: block; position: absolute; width: 17px; height: 17px; right: 3px; bottom: 3px; background: url('/resources/ico-zoom.png') top left no-repeat; -khtml-opacity: .65; -moz-opacity: .65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); opacity: .65; }
div.frame a:hover span.zoom { background-position: bottom left; }

span.u { text-decoration: underline; }
span.legend { display: block; width: 100%; margin: .3em 0 0 0; padding: 0; font-size: 80%; color: #777; line-height: 1.3em; text-align: center; }
span.price { display: block; width: 100%; font-size: 115%; font-weight: bold; }

input, textarea, select { outline: none; }
button { font-family: inherit; font-size: 1em; line-height: 1.5em; cursor: pointer; }
label { cursor: pointer; }

#wrap { height: 100%; z-index: 5; }
#entry { margin:0 auto; padding: 150px 0 100px 0; text-align: center; }
#entry a { color: #333; }
#entry img { display: inline; }
#page { position: relative; width: 800px; margin: 0 auto; padding: 0; min-height: 100%; background-color: #fff; z-index: 7;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#printHeader { display: none; }
#printHeader h1 { font-size: 1.3em; margin-bottom: 15px; }

#topbar { margin: 0; padding: 0; color: #aaa; }
#topbar .floatright { margin-right: 20px; padding-top: 10px; padding-bottom: 5px; }
#topbar a { color: #333; }
#fhimage { margin: 0; padding: 0; }
#logobar { margin: 0; padding: 0; color: #aaa; }
#logobar .floatleft { margin-left: 20px; padding-top: 10px; }
#logobar .floatright { margin-right: 20px; padding-top: 10px; }
#logobar a { color: #333; }

#panorama { display: block; margin: 15px 20px 0px 20px; padding: 0; border: 0; }
#crumbs { margin: 0 20px; padding: 15px 0 0 0; }
#crumbs-inner { margin: 0; padding: 5px 20px; background-color: #eee; }
#crumbs a { color: #333; }
#crumbs span.next { font-style: italic; color: #ccc; }
#container { margin: 0; padding: 15px 0 55px 0; }
#content { float: right; width: 540px; margin-right: 20px; }
#menu { float: left; width: 200px; margin: 3px 0 3px 20px; overflow: hidden; }
#menu ul { background-color: #fff; }
#menu ul a { display: block; margin: 0; padding: .4em 5px .4em 18px; color: #333; line-height: 1.2em; }
#menu ul a:hover { text-decoration: underline; }
#menu ul a.sel { color: #111; font-weight: bold; }
#menu ul a.more.open { background-image: url('/resources/menu-open.gif'); background-position: left; background-repeat: no-repeat; }
#menu ul a.more.closed { background-image: url('/resources/menu-closed.gif'); background-position: left; background-repeat: no-repeat; }
#menu ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #ddd; }
#menu ul ul { margin-left: 15px; border-bottom: 0; }
#menu li { display: block; border-top: 1px solid #ddd; }
#menu li li { border-top: 1px solid #eee; }
#footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 35px; line-height: 35px; margin: 0; padding: 0; background-color: #eee; color: #777; font-size: 0.9em; overflow: hidden; }
#footer span { margin: 0 20px; padding: 0; }
#footer a { color: #777; margin-left: 10px; }
#print { display: none; }
#login { position: fixed; right: 10px; bottom: 10px; cursor: pointer; z-index: 6; }

div.row { display: block; position: relative; margin: 1.2em 0 0 0; padding: 0; }
div.row table { width: 540px; margin: .4em 0 0 0; padding: 0; border: 0; border-collapse: collapse; }
div.row p { margin: .4em 0 0 0; padding: 0; }
div.row ol { margin: .4em 0 0 30px; padding: 0; list-style: decimal outside; }
div.row ul { margin: .4em 0 0 30px; padding: 0; list-style: disc outside; }
div.row li { margin: .2em 0 0 0; padding: 0 0 0 5px; }
div.row p:first-child, div.row ol:first-child, div.row ul:first-child { margin-top: 0; }

div.row-text p + div.frame, div.row-text h3 + div.frame { margin-top: .4em; }
div.row-text div.image-left div.frame { float: left; width: 175px; margin-right: 20px; margin-bottom: 10px; }
div.row-text div.image-left-embed div.frame { margin-right: 0; margin-bottom: 0; }
div.row-text div.image-left-embed p { margin-left: 195px; }
div.row-text div.image-left-embed ul,
div.row-text div.image-left-embed ol { margin-left: 225px; }
div.row-text div.image-right div.frame { float: right; width: 175px; margin-left: 20px; margin-bottom: 10px; }
div.row-text div.image-right-embed div.frame { margin-left: 0; margin-bottom: 0; }
div.row-text div.image-right-embed p { margin-right: 195px; }
div.row-text div.image-right-embed ul,
div.row-text div.image-right-embed ol { margin-right: 225px; }

div.row-prices { padding-bottom: 3px !important; }
div.row-prices td { padding: .2em 0; vertical-align: top; border-bottom: 1px dashed #aaa; }

div.row-images div.gallery { margin: .4em 0 0 0; padding: 0; }
div.row-images div.frame { margin-left: 20px; }
div.row-images div.frame.first { margin-left: 0; }

div.row-form tr td { padding-top: .2em; }
div.row-form tr:first-child td { padding-top: 0; }
div.row-form input { width: 300px; line-height: 1; }
div.row-form textarea { width: 300px; line-height: inherit; resize: none; }
div.row-form select { with: auto; line-height: 1; }
div.row-form input[type=text], div.row-form input[type=password], div.row-form textarea, div.row-form select { border: 1px solid #9a9a9a; font-family: inherit; font-size: inherit; }
div.row-form textarea, div.row-form input[type=text], div.row-form input[type=password], div.row-form input[type=file], div.row-form select { padding: 3px; }

div.row-error { padding: 5px 8px; background-color: #ffeeaa; }

div.row-product p + div.frame, div.row-product h3 + div.frame { margin-top: .4em; }
div.row-product div.image-left div.frame { float: left; margin-right: 20px; margin-bottom: 10px; }
div.row-product div.image-left-embed div.frame { margin-right: 0; margin-bottom: 0; }
div.row-product div.image-left-embed p { margin-left: 195px; }
div.row-product div.image-left-embed ul,
div.row-product div.image-left-embed ol { margin-left: 225px; }
div.row-product div.image-right div.frame { float: right; margin-left: 20px; margin-bottom: 10px; }
div.row-product div.image-right-embed div.frame { margin-left: 0; margin-bottom: 0; }
div.row-product div.image-right-embed p { margin-right: 195px; }
div.row-product div.image-right-embed ul,
div.row-product div.image-right-embed ol { margin-right: 225px; }

div.row-download + a.block + div.row-download { margin-top: .2em; }

table.shop-cart thead tr th { padding: 0 0 5px 0; text-align: left; }
table.shop-cart tr td { padding: 5px 0; border-top: 1px solid #ddd; text-align: left; }
table.shop-cart input { border: 1px solid #ddd; margin: 0; padding: 3px; font-family: inherit; font-size: inherit; line-height: 1; text-align: center; }
table.shop-cart tfoot tr td { border-bottom: double #ddd; }

p.row-shop-progress { background-color: #eee; }
p.row-shop-progress a, p.row-shop-progress span { display: inline-block; margin: 0; padding: 5px 12px 5px 8px; }
p.row-shop-progress a  { color: #333; }
p.row-shop-progress span { color: #bbb; }
p.row-shop-progress .arrow { background-image: url('/resources/shopbararrow.gif'); background-repeat: no-repeat; background-position: right center; }

div.layer { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff url('/resources/clear.gif'); z-index: 99008; }
#popup { display: none; position: fixed; left: 50%; top: 0; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.3em; color: #333; background: #eee url('/resources/pop-bg.gif') top repeat-x; border: 1px solid #aaa; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.5); box-shadow: 0 2px 5px rgba(0,0,0,.5); margin: 0; padding: 10px; z-index: 99009; -webkit-opacity:.97; -moz-opacity: .97; opacity: .97; filter: alpha(opacity=97); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=97)"; filter: alpha(opacity=97); }
#popup h5 { margin: 0 0 10px 0; padding: 5px; background: #999; color: #fff; font-size: 0.9em; line-height: 0.9em; }
#popup button { display: inline-block; margin: 0 0 0 8px; padding: 6px 10px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1; background: #fafafa; color: #333; border: 1px solid #ccc; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#popup button:active { position: relative; top: 1px; background: lightgray; color: #111; }
#popup button.wait { padding-right: 23px; background-image: url('/resources/btn-wait.gif'); background-repeat: no-repeat; background-position: 95% center; }
#popup button.disabled { background-color: #eee; border-color: #ccc; color: #ccc; cursor: default; }
#popup button.disabled:active { top: 0; background: #eee; color: #ccc; }
#popup button,
#popup div.options,
#popup div.preview,
#popup div.upload { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#popup button.default { font-weight: bold; }
#popup form { margin: 0; padding: 0; }
#popup input,
#popup textarea,
#popup select { box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; font-family: inherit; font-size: inherit; border: 1px solid #aaa; padding: 3px; outline: none; }
#popup textarea { resize: none; }
#popup label { white-space: nowrap; }
#popup label input { width: auto; }
#popup div.preview { box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; border: 1px solid #aaa; padding: 5px; background: #fff; }
#popup div.preview img { float: left; display: block; margin: 0; padding: 0; border: none; }
#popup div.preview span { float: left; }
#popup div.preview button { float: right; }
#popup hr { margin: 5px 0; padding: 0; height: 0; border: 0; }

@media print {
	html, body { height: auto; font-size: inherit; color: #000; }
	h1, h2, h3 { color: #000; }
	#printHeader { display: block; }
	
	#topbar { display: none !important; }
	#fhimage { display: none !important; /*width: 100% !important; height: auto !important;*/ }
	#logobar .floatleft { display: block !important; }
	#logobar .floatright { display: none !important; }
	
	#panorama { margin: 15px 0px 0px 0px; }
	#menu,
	#crumbs,
	#content div.lay,
	div.layer,
	span.zoom,
	#loginButton,
	div.row-download,
	#popup { display: none !important; }
	#content,
	#footer span.floatright { float: none; display: block; width: auto; }
	#page { border: 0; width: 760px; }
	#page.shadow { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
	#footer { background-color: transparent; color: #000; font-size: inherit; }
	#footer span.floatleft { margin: 0; display: block; float: none; }
	#footer span.floatright { display: none; }
	div.row-text div span { color: #000; }
	div.row-definition table,
	div.row-prices table { width: 100%; }
}