body {margin: 0px; padding: 0px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 12px;}
div {position: relative; margin: 0px; padding: 0px; border-width: 0px; border-style: none;}
table {padding: 0px; margin: 0px; border-spacing: 0px; border-style: none; border-width: 0px;}
table td {padding: 0px; margin: 0px; border-spacing: 0px; }
p {padding: 0px; margin: 0px;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
img {padding: 0px; margin: 0px; border-style: none; border-width: 0px; }


div#main {margin: auto; width: 799px; height: auto; background: url('graphics/harnas_orange_background.png');}
div#header {height: 223px; width: 799px;}
div#body {height: auto; width: 799px; background: url('graphics/body_background.png');}
div#content {width: 799px; height: auto; overflow: visible;}
div#left_panel {width: 135px; height: auto; overflow: hidden;}
div#main_panel {width: 659px; height: auto;  overflow: visible; }
div#footer {height: 93px; width: 799px;}
div#belowFooter {height: 35px; width: auto; background-color: white;}
/*
	HEADER
*/
div#header_logo,
div#header_image_01,
div#header_image_02,
div#header_image_03,
div#header_image_04,
div#header_image_05,
div#header_image_06,
div#header_image_07,
div#header_image_08,
div#header_image_09,
div#header_image_10,
div#header_image_11,
div#header_image_12 {position: absolute; }

div#header_logo {left: 6px; top: 5px; width: 187px; height: 73px; background: url('graphics/harnas_logo_on_orange.png');}

div#header_image_01 {width: 107px; height: 80px; top: 143px; left: 692px; background: url('graphics/winter_header_image_01.png');}
div#header_image_02 {width: 107px; height: 70px; top: 73px; left: 692px; background: url('graphics/winter_header_image_02.png');}
div#header_image_03 {width: 107px; height: 70px; top: 3px; left: 692px; background: url('graphics/winter_header_image_03.png');}
div#header_image_04 {width: 143px; height: 80px; top: 143px; left: 549px; background: url('graphics/winter_header_image_04.png');}
div#header_image_05 {width: 107px; height: 116px; top: 27px; left: 585px; background: url('graphics/winter_header_image_05.png');}
div#header_image_06 {width: 119px; height: 98px; top: 125px; left: 430px; background: url('graphics/winter_header_image_06.png');}
div#header_image_07 {width: 36px; height: 49px; top: 94px; left: 549px; background: url('graphics/winter_header_image_07.png');}
div#header_image_08 {width: 131px; height: 121px; top: 102px; left: 299px; background: url('graphics/winter_header_image_08.png');}
div#header_image_09 {width: 100px; height: 134px; top: 89px; left: 199px; background: url('graphics/winter_header_image_09.png');}
div#header_image_10 {width: 100px; height: 142px; top: 81px; left: 99px; background: url('graphics/winter_header_image_10.png');}
div#header_image_11 {width: 99px; height: 142px; top: 81px; left: 0px; background: url('graphics/winter_header_image_11.png');}

div#header_banner {width: 330px; height: 75px; top: 3px; left: 230px; cursor: pointer;}

/*
	/ HEADER
*/

div#footer_image_01,
div#footer_image_02,
div#footer_image_03,
div#footer_image_04,
div#footer_image_05,
div#footer_image_06,
div#footer_image_07 {position: absolute;}
div#footer_image_01 {width: 799px; height: 25px; top: 68px; background: url('graphics/harnas_orange_background.png');}
div#footer_image_02 {width: 286px; height: 18px; top: 50px; left: 513px; background: url('graphics/footer_image_02.png');}
div#footer_image_03 {width: 130px; height: 36px; top: 32px; left: 383px; background: url('graphics/footer_image_03.png');}
div#footer_image_04 {width: 150px; height: 26px; top: 11px; left: 233px; background: url('graphics/footer_image_04.png');}
div#footer_image_05 {width: 150px; height: 31px; top: 37px; left: 233px; background: url('graphics/harnas_orange_background.png');}
div#footer_image_06 {width: 233px; height: 16px; top: 0px; left: 0px; background: url('graphics/footer_image_06.png');}
div#footer_image_07 {width: 233px; height: 52px; top: 16px; left: 0px; background: url('graphics/harnas_orange_background.png');}

div.footer_info {position: absolute; left: 5px; color: navy; font-weight: bold;}
div#footer_info_01 {top: 10px; width: 160px; height: 20px;}
div#footer_info_02 {top: 31px; width: 310px; height: 20px;}
div#footer_info_03 {top: 52px; width: 470px; height: 20px;}
div#footer_info_04 {top: 73px; width: 790px; height: 20px;}


div#footer div.buttons {position: absolute; top: 30px; right: 10px; height: auto; width: 200px; overflow: hidden;}
div#footer div.buttons div.button {position: relative; height: auto; width: auto; text-align: right; margin: 0px 5px 0px 5px;}
div#footer div.buttons div.button * {display: inline;}
div#footer div.buttons div.button img {padding: 0px; margin: 0px; border-style: none;}
div#footer div.buttons div.button a {text-decoration: none; color: black;}
div#footer div.buttons div.button a:hover {color: navy;}
/*
{width: 629px; height: auto; margin: 5px 15px 5px 15px; }
div.buttons {height: 32px; text-align: right;}

div.buttons a {text-decoration: none; color: black;}
div.buttons a:hover {color: navy;}
*/


/*
	/ FOOTER
*/

/*
	BELOWFOOTER
*/
div#belowFooter div.stats {float: right;}
/*
	/ BELOWFOOTER
*/


/*
	MENU
*/
	div.menu table tr td a {color: white;}
	div.menu table tr td a.selected,
	div.menu table tr td a:hover {color: orange; text-decoration: none;}
	div.menu table tr td a.active {white-space: nowrap; color: white;}
	
	div.menu table tr td a {cursor: pointer; border-style: none; border-width: 0px; border-color: gray;}		
	ul.submenu {display: none; margin: 0px; padding: 5px 0px 5px 5px;}
/*
	/ MENU
*/

/*
	TOP MENU
*/
div#top_menu {left: 2px; height: 25px; width: 795px; background: url('graphics/harnas_blue_background.png'); color: white; font-weight: bold; overflow: hidden;}
div#top_menu table tr td {height: 25px; padding: 2px 4px 2px 4px; border-right-style: solid; border-right-width: 1px;}
div#top_menu table tr td.last {border-right-style: none; border-right-width: 0px;}
/*
	/ TOP MENU
*/

/*
	LEFT MENU
*/
div#left_menu {margin: 10px 3px 10px 7px; width: 125px; height: auto; color: white; font-weight: bold; overflow: hidden;}
div#left_menu table tr td {padding: 3px 0px 3px 0px; width: 125px; border-bottom-style: solid; border-bottom-width: 1px;}
div#left_menu table tr td.last {border-style: none; border-width: 0px;}
/*
	/ LEFT MENU
*/

div#left_banners {margin: 0px 8px 20px 7px; width: 120px; height: auto; text-align: center;}
div#left_banners div.banner {margin: 5px 0px 5px 0px; width: 120px; height: 50px; }
div#left_banners div.banner object {margin: 0px; padding: 0px; width: 120px; height: 50px; }
div#left_banners div.banner object embed {width: 120px;}

.harnas_red,
.harnas_red a,
.accent,
a.accent,
.accent a,
.accent ul,
.accent li {color: #cd001e !important; }
.red,
a.red,
div.menu table tr td a.red,
.red a {color: red;}
.blue,
a.blue,
.blue a {color: navy;}
.green,
a.green,
.green a {color: green;}
.bold,
.accent {font-weight: bold;}
.italic,
.italic a {font-style: italic;}
.normal,
.normal a {color: black; font-weight: normal;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.font_60 {font-size: 60%;}
.font_70 {font-size: 70%;}
.font_80 {font-size: 80%;}
.font_90 {font-size: 90%;}
.font_110 {font-size: 110%;}
.font_120 {font-size: 120%;}
.font_130 {font-size: 130%;}
.font_140 {font-size: 140%;}
.font_150 {font-size: 150%;}


a.no_underline:hover {text-decoration: none;}


img.background_image {position: absolute; right: 0px; top: 0px; }

div.article {width: 629px; height: auto; margin: 0px; padding: 15px; overflow: hidden;}
div.article h1,
div.article h2 {margin: 0px;}
div.article h1 {font-size: 150%; color: navy; margin-bottom: 5px;}
div.article h2 {font-size: 100%; color: black; font-weight: bold; margin: 0px;}
div.article h2.accent {color: #cd001e;}
div.article p.main {text-align: justify;}

div.article p.apropos_title,
div.article p.gallery_title {padding: 15px 0px 5px 0px; font-weight: bold; font-size: 110%; color: navy;}
div.article a {color: red;}

div.article a.apropos {padding: 3px 0px 3px 10px; font-weight: bold; font-size: 100%; color: black; cursor: pointer; display: block;}
div.article a.apropos:hover {color: orange; text-decoration: none;}

div.article ul li {margin: 3px 0px 3px 0px; }

div.article table {text-align: center; border-style: none none solid solid; border-width: 0px 0px 1px 1px; border-color: orange; width: 629px;}
div.article table.medium {width: 420px;}
div.article table.half {width: 315px;}

div.article table tr td {padding: 2px; border-style: solid solid none none; border-width: 1px 1px 0px 0px; border-color: orange; white-space: nowrap;}
div.article table tr td.price {font-weight: bold; width: 70px;}

div.article table.noborder,
div.article table.noborder tr td {border-style: none; border-width: 0px; border-color: transparent; }

div.article table tr td.lb {border-left-style: solid; border-left-width: 1px; border-left-color: orange;}


div#galleryContainer {top: 0px; left: 0px; position: relative;}
div.article div.gallery div.gallery_list,
div#galleryImageBucket {border-style: solid; border-width: 1px; border-color: orange; z-index: 101;}
div#galleryImageBucket {position: relative; top: 0px; width: 32px; height: 32px; visibility: hidden; overflow: hidden; z-index: 201;}
div#galleryImageBucket img {margin: 0px;}
div#galleryImageBucket div.wait {position: relative; margin: 4px; width: 32px; height: 32px; background: url('graphics/wait.gif') no-repeat; visibility: hidden;}
div#galleryImageBucketHeader {position: absolute; top: 0px; right: -20px; height: 20px; width: 20px; visibility: hidden;}
div#galleryImageBucketHeader div {cursor: pointer;}
div#galleryImageBucketHeader div.close {position: absolute; top: 0px; right: 0px; height: 20px; width: 20px; background: url('graphics/galleryClose.gif'); }
div.article div.gallery_list {margin: 0px; width: 630px;  height: auto; overflow-x: scroll;}
div.article div.gallery table {border: none; padding: 0px; margin: 0px; width: auto;}
div.article div.gallery table tr td {padding: 3px; margin: 0px; border: none; }
div.article div.gallery table tr td img {padding: 0px; margin: 0px;}

div.article div#inside_banner {margin-top: 10px;}

div.article img.l,
div.article img.r {cursor: pointer;}
div.article img.l {float: left; margin: 5px 5px 5px 0px;}
div.article img.r {float: right; margin: 5px 0px 5px 5px;}

@media print
{
	div#header,
	div#footer,
	div#left_panel,
	div#top_menu,
	a.apropos,
	p.apropos_title,
	p.gallery_title,
	div.article div.gallery,
	img.background_image,
	div.buttons,
	div#belowFooter {display: none;}
	
	div#main_panel {width: auto; height: auto;  overflow: hidden;}
}